feat(mon-pix): prevent live-alert trigger when the challenge is already answered

Author: Jeyffrey

mon-pix/app/controllers/assessments/challenge.js

@@ -25,6 +25,7 @@ export default class ChallengeController extends Controller {
   @tracked hasFocusedOutOfChallenge = false;
   @tracked hasUserConfirmedTimedChallengeWarning = false;
   @tracked isTextToSpeechActivated = true;
+  @tracked isLiveAlertButtonEnabled = true;
 
   get showLevelup() {
     return this.model.assessment.showLevelup && this.newLevel;
@@ -256,4 +257,9 @@ export default class ChallengeController extends Controller {
       'pix-event-name': `Clic sur le bouton d'activation de la vocalisation : ${this.isTextToSpeechActivated ? 'activé' : 'désactivé'}`,
     });
   }
+
+  @action
+  handleChallengeSubmit() {
+    this.isLiveAlertButtonEnabled = !this.isLiveAlertButtonEnabled;
+  }
 }

mon-pix/app/routes/assessments/challenge.js

@@ -67,6 +67,12 @@ export default class ChallengeRoute extends Route {
     return true;
   }
 
+  setupController(controller, model) {
+    super.setupController(controller, model);
+
+    controller.isLiveAlertButtonEnabled = true;
+  }
+
   resetController(controller, isExiting) {
     if (isExiting) {
       controller.set('hasFocusedOutOfChallenge', false);

mon-pix/app/templates/assessments/challenge.hbs

@@ -81,12 +81,13 @@
           @hasFocusedOutOfWindow={{this.hasFocusedOutOfWindow}}
           @isFocusedChallengeAndUserHasFocusedOutOfChallenge={{this.isFocusedChallengeAndUserHasFocusedOutOfChallenge}}
           @isTextToSpeechActivated={{this.isTextToSpeechActivated}}
+          @onChallengeSubmit={{this.handleChallengeSubmit}}
         />
 
         {{#unless @model.assessment.hasOngoingCompanionLiveAlert}}
           <div class="challenge__feedback" role="complementary">
             {{#if (eq @model.assessment.certificationCourse.version 3)}}
-              <FeedbackPanelV3 @submitLiveAlert={{this.submitLiveAlert}} @assessment={{@model.assessment}} />
+              <FeedbackPanelV3 @submitLiveAlert={{this.submitLiveAlert}} @assessment={{@model.assessment}} @isEnabled={{this.isLiveAlertButtonEnabled}} />
             {{else}}
               <FeedbackPanel @assessment={{@model.assessment}} @challenge={{@model.challenge}} />
             {{/if}}