Replaced Activity help menu (#1916)

Replaced english and french version of HelpContent for activities help
popup. Added styles for titles and parragraphs.

src/modules/Dashboard/components/ActivityAssignDrawer/HelpPopup/HelpPopup.tsx

@@ -25,11 +25,15 @@ export const HelpPopup = ({ isVisible, setIsVisible, ...rest }: HelpPopupProps)
       <StyledBorderedOverflow sx={{ maxHeight: '43.6rem' }}>
         <Box sx={{ px: 3.2, pb: 2.4 }}>
           <Trans i18nKey="activityAssign.helpContent">
+            <StyledHelpTitle></StyledHelpTitle>
+            <StyledHelpParagraph></StyledHelpParagraph>
+            <StyledHelpParagraph></StyledHelpParagraph>
             <StyledHelpTitle></StyledHelpTitle>
             <StyledHelpParagraph></StyledHelpParagraph>
             <StyledHelpTitle></StyledHelpTitle>
             <StyledHelpParagraph></StyledHelpParagraph>
             <StyledHelpParagraph></StyledHelpParagraph>
+            <StyledHelpParagraph></StyledHelpParagraph>
             <StyledHelpTitle></StyledHelpTitle>
             <StyledHelpParagraph></StyledHelpParagraph>
           </Trans>

src/resources/app-en.json

@@ -17,7 +17,7 @@
     "titleStep2": "Review",
     "close": "Close",
     "helpTitle": "Assign Activity Help",
-    "helpContent": "<0>Activities</0> <1>Select individual activities from the list or use ‘Select All’ to create assignments for all your Applet’s activities & flows. If you need to edit the scheduling of any activity, simply select the activity and then click ‘Edit Schedule’ to the top right of the list.</1> <2>Respondents</2> <3>LOREM IPSUM Select individual activities from the list or use ‘Select All’ to create assignments for all your Applet’s activities & flows. If you need to edit the scheduling of any activity, simply select the activity and then click ‘Edit Schedule’ to the top right of the list.</3> <4>LOREM IPSUM Select individual activities from the list or use ‘Select All’ to create assignments for all your Applet’s activities & flows. If you need to edit the scheduling of any activity, simply select the activity and then click ‘Edit Schedule’ to the top right of the list.</4> <5>FAQ</5> <6>LOREM IPSUM Select individual activities from the list or use ‘Select All’ to create assignments for all your Applet’s activities & flows. If you need to edit the scheduling of any activity, simply select the activity and then click ‘Edit Schedule’ to the top right of the list.</6>",
+    "helpContent": "<0>Quick Start</0> <1>To create an Activity assignment, select one or multiple Activities from the list, followed by the Participants that should complete those Activities (ie. Respondents). Once complete, your Participants will only see the assessments that are specifically assigned to them (ie. where they are the Respondent), ensuring they focus on what's relevant.</1><2>Please note that, by default, assignments will set to Self-Report. If you would like to create a Multi-Informant Activity assignment, simply add a second Participant (ie. the Subject of the Activity) to the right-hand column of the table under “Who is this activity about?”.</2><3>Activities</3> <4>Please note that Activities or Flows where the ‘Auto-assign’ checkbox is selected (within the Applet Builder) will appear in this list as disabled, and therefore cannot be assigned. To make an Activity assignable, simply exit this flow and go back to your ‘Dashboard’, navigate to ‘Edit Applet’ from the 3-dot menu of the Applet, navigate to the ‘Activities’ tab, select the Activity you’d like to manually assign, and deselect the ‘Auto-assign’ checkbox from within the ‘About Activity’ tab. Click ‘Save & Publish’ to save your changes and return to this assignment flow to create your new assignment. To make a Flow assignable you’ll follow similar steps, except you’ll need to navigate to the ‘Activity Flow’ tab, followed by the Activity Flow you’d like to manually assign (rather than the ‘Activities’ tab).</4> <5>Add Respondents</5> <6>To add a Respondent, click a cell in the left-hand column of the table, and search for your desired Participant (Full Accounts only) or Team Member. By default, the right-hand column will populate with ‘Self’, this default behaviour is a shortcut to creating Self-Reports. You can leave it as is or modify it for other assignment configurations.</6><7>In order to create Multi-Informant assignments, after adding a Respondent to the left-hand column, click into the right-hand column to add a second Participant (Full or Limited Accounts) or Team Member to be the Subject of the Activity. In Multi-Informant assignments the Participant in the left-hand column (ie. the Respondent) will be assigned to complete the Activities selected on behalf of/about the Participant in the right-hand column (ie. the Subject). Meaning that the Participant in the right-hand column will not be assigned to complete the Activities. To add more rows to the table, simply hover over the table to reveal the ‘Add row’ button to the bottom-left.</7><8>Please note that Limited Accounts are restricted to the right-hand column. This is because Limited Accounts can only be Subjects, not Respondents based on the parameters of Limited Accounts in MindLogger. Therefore, all Limited Accounts require you to add a Full Account or Team Member as the Activity’s Respondent before you can continue.</8><9>Review & Send</9> <10>Once you’ve made your selections, you will have a chance to review. Once assignments are sent, all Respondents (ie. Participants listed in the left-hand column) will be sent an email notifying them that they have been assigned a new Activity.</10>",
     "helpButton": "Got it",
     "selectActivities": "Select Activities",
     "selected_one": "{{count}} Selected",

src/resources/app-fr.json

@@ -17,7 +17,7 @@
     "titleStep2": "Vérifiez",
     "close": "Fermer",
     "helpTitle": "Aide sur attribution d'une activité",
-    "helpContent": "<0>Activités</0> <1>Sélectionnez des activités individuelles dans la liste ou utilisez « Sélectionner tout » pour créer des affectations pour toutes les activités et flux de votre applet. Si vous devez modifier le calendrier d'une activité, sélectionnez simplement l'activité, puis cliquez sur « Modifier le calendrier » en haut à droite de la liste.</1> <2>Répondants</2> <3>LOREM IPSUM Sélectionnez des activités individuelles dans la liste ou utilisez « Sélectionner tout » pour créer des affectations pour toutes les activités et flux de votre applet. Si vous devez modifier la planification d'une activité, sélectionnez simplement l'activité, puis cliquez sur « Modifier le calendrier » en haut à droite de la liste.</3> <4>LOREM IPSUM Sélectionnez des activités individuelles dans la liste ou utilisez « Sélectionner tout » pour créer des affectations pour toutes les activités et flux de votre applet. Si vous devez modifier la planification d'une activité, sélectionnez simplement l'activité, puis cliquez sur « Modifier le calendrier » en haut à droite de la liste.</4> <5>FAQ</5> <6>LOREM IPSUM Sélectionnez des activités individuelles dans la liste ou utilisez « Sélectionner tout » pour créer des affectations pour toutes les activités et flux de votre applet. Si vous devez modifier la planification d'une activité, sélectionnez simplement l'activité, puis cliquez sur « Modifier la planification » en haut à droite de la liste.</6>",
+    "helpContent": "<0>Démarrage rapide</0> <1>Pour créer une affectation d'activité, sélectionnez une ou plusieurs activités dans la liste, puis les participants qui doivent compléter ces activités (c.-à-d. les répondants). Une fois terminé, vos participants ne verront que les évaluations qui leur sont spécifiquement attribuées (c.-à-d. lorsqu'ils sont les répondants), ce qui leur permet de se concentrer sur ce qui est pertinent.</1><2>Notez que, par défaut, les affectations sont définies comme auto-évaluations. Pour créer une affectation d'activité multi-informateur, ajoutez simplement un deuxième participant (c.-à-d. le sujet de l'activité) dans la colonne de droite du tableau sous « À propos de qui est cette activité ? ».</2><3>Activités</3> <4>Veuillez noter que les activités ou flux pour lesquels la case « Affectation automatique » est cochée (dans le générateur d'applets) apparaîtront comme désactivés dans cette liste et ne pourront donc pas être attribués. Pour rendre une activité attribuable, quittez simplement ce flux et retournez à votre « Tableau de bord », accédez à « Modifier l'applet » dans le menu à trois points de l'applet, naviguez vers l'onglet « Activités », sélectionnez l'activité que vous souhaitez attribuer manuellement, et décochez la case « Affectation automatique » dans l'onglet « À propos de l'activité ». Cliquez sur « Enregistrer et publier » pour sauvegarder vos modifications, puis revenez à ce flux d'affectation pour créer votre nouvelle affectation. Pour rendre un flux attribuable, suivez des étapes similaires, sauf que vous devrez naviguer vers l'onglet « Flux d'activités », puis sélectionner le flux d'activités que vous souhaitez attribuer manuellement (plutôt que l'onglet « Activités »).</4> <5>Ajouter des répondants</5> <6>Pour ajouter un répondant, cliquez sur une cellule dans la colonne de gauche du tableau et recherchez le participant souhaité (comptes complets uniquement) ou un membre de l'équipe. Par défaut, la colonne de droite sera remplie par « Soi-même », ce comportement par défaut est un raccourci pour créer des auto-évaluations. Vous pouvez le laisser tel quel ou le modifier pour d'autres configurations d'affectation.</6><7>Pour créer des affectations multi-informateurs, après avoir ajouté un répondant dans la colonne de gauche, cliquez dans la colonne de droite pour ajouter un deuxième participant (comptes complets ou limités) ou un membre de l'équipe pour être le sujet de l'activité. Dans les affectations multi-informateurs, le participant de la colonne de gauche (c.-à-d. le répondant) sera chargé d'accomplir les activités sélectionnées au nom de/à propos du participant de la colonne de droite (c.-à-d. le sujet), ce qui signifie que le participant de la colonne de droite ne sera pas chargé d'accomplir les activités. Pour ajouter plus de lignes au tableau, survolez simplement le tableau pour révéler le bouton « Ajouter une ligne » en bas à gauche.</7><8>Veuillez noter que les comptes limités sont restreints à la colonne de droite. En effet, les comptes limités ne peuvent être que des sujets, et non des répondants, en fonction des paramètres des comptes limités dans MindLogger. Par conséquent, tous les comptes limités nécessitent que vous ajoutiez un compte complet ou un membre de l'équipe en tant que répondant de l'activité avant de pouvoir continuer.</8><9>Revoir et envoyer</9> <10>Une fois que vous avez fait vos sélections, vous aurez la possibilité de revoir. Une fois les affectations envoyées, tous les répondants (c.-à-d. les participants listés dans la colonne de gauche) recevront un e-mail les informant qu'ils ont été affectés à une nouvelle activité.</10>",
     "helpButton": "J'ai compris",
     "selectActivities": "Sélectionner les activités",
     "selected_one": "{{count}} sélectionnée",