Merge pull request #765 from DTS-STN/stefan/business-feedback-v3

Stefan/business feedback v3
DTS-STN · Nov 13, 2024 · 29eee20 · 29eee20
2 parents dca63f0 + a47ecb1
commit 29eee20
Show file tree

Hide file tree

Showing 11 changed files with 98 additions and 63 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/public/locales/en/common.json b/public/locales/en/common.json
@@ -49,7 +49,6 @@
     "skip-to-main": "Skip to main content"
   },
   "modal-go-back": {
-    "back-button": "Back",
     "cancel-button": "Cancel",
     "description": "Are you sure you want to go back?",
     "header": "Return to the home page",

diff --git a/public/locales/en/email.json b/public/locales/en/email.json
@@ -21,21 +21,23 @@
     "label": "Email address"
   },
   "email-confirmation-msg": {
-    "dont-receive": "If you don't receive an email, you can:",
+    "dont-receive-header": "If you did not receive an email",
+    "dont-receive": "If you haven't received the email with your reference number:",
     "dont-receive-list": {
-      "item-1": "review the information you entered and try again or",
+      "item-1": "check your junk folder",
       "item-2": "try again tomorrow—we update our records daily"
     },
     "if-exists": "Your request has been received. If we can find the file with the information you gave us, <strong>we'll email you the file number or reference number</strong>. If you don't receive the email in your inbox, check your junk folder.",
-    "may-not-receive": "You may not receive an email if:",
-    "may-not-receive-list": {
-      "item-1": "the information you gave us doesn't match the information in our system or",
-      "item-2": "we received the application, but haven't started processing it yet"
-    },
-    "please-contact": "If you still don't receive it, <Link>contact us</Link>.",
-    "request-received": "Your request has been received"
+    "may-take": "It can take 5-10 business days for your application to appear in our system. Try again tomorrow - we update our system daily.",
+    "please-contact": "If you still don't receive the email, please <Link>contact us</Link>.",
+    "request-received": {
+      "header": "We received your request",
+      "will-email": "We received your request for a reference number. If the information you provided matches our records, <strong>we’ll email you</strong> within 30 minutes.",
+      "once-received": "Once you receive the email, please continue by clicking the button below."
+    }
   },
   "email-esrf": "Email me the reference number",
+  "enter-reference-number": "Enter my reference number",
   "given-name": {
     "title": "If the applicant has a single legal name.",
     "error": {
@@ -50,7 +52,7 @@
     "required": "<em>All fields are required.</em>"
   },
   "one-name": "Applicants with <strong>only one name</strong> (single or multiple names entered all in one field) must call us at 1‑800‑567‑6868 to get the status of their application.",
-  "request-another": "Request another file number or reference number",
+  "request-another": "Request reference number again",
   "surname": {
     "error": {
       "required": "The surname is required."

diff --git a/public/locales/en/expectations.json b/public/locales/en/expectations.json
@@ -19,5 +19,5 @@
   },
   "not-liable": "We're not liable for any losses if you do not receive it in time for travel.",
   "privacy-description": "By using the Passport Application Status Checker, you agree to the privacy notice statement.",
-  "thank-you": "Thank you for using the passport status checker. <strong>We update the status of applications every day.</strong>"
+  "thank-you": "Thank you for using the passport application status checker. <strong>We update the status of applications every day.</strong>"
 }
diff --git a/public/locales/en/status.json b/public/locales/en/status.json
@@ -1,4 +1,5 @@
 {
+  "back-button": "Back",
   "being-processed": {
     "applied-by-mail": "If you applied by mail or at a Service Canada Centre offering 20-day passport services, it may take up to 20 business days for us to complete the review.",
     "applied-in-person": "If you applied in person at a passport office or a Service Canada Centre offering 10-day passport service, it may take up to 10 business days for us to complete the review.",

diff --git a/public/locales/fr/common.json b/public/locales/fr/common.json
@@ -49,7 +49,6 @@
     "skip-to-main": "Passer au contenu principal"
   },
   "modal-go-back": {
-    "back-button": "Back",
     "cancel-button": "Retour",
     "description": "Êtes-vous sûr de vouloir revenir en arrière?",
     "header": "Retournez à la page d'accueil",

diff --git a/public/locales/fr/email.json b/public/locales/fr/email.json
@@ -21,21 +21,23 @@
     "label": "Adresse courriel"
   },
   "email-confirmation-msg": {
-    "dont-receive": "Si vous ne recevez pas de courriel, vous pouvez\u00a0:",
+    "dont-receive": "Si vous n'avez pas reçu le courriel contenant votre numéro de référence\u00a0:",
+    "dont-receive-header": "Si vous n'avez pas reçu de courriel",
     "dont-receive-list": {
-      "item-1": "revérifiez vos renseignements et essayez à nouveau, ou",
-      "item-2": "essayer encore demain — nous mettons à jour nos dossiers chaque jour."
+      "item-1": "vérifiez votre dossier de courriel indésirable",
+      "item-2": "si vous pensez avoir saisi des renseignements différents de ceux figurant sur votre demande de passeport, essayez à nouveau en cliquant sur le bouton ci-dessous"
     },
     "if-exists": "Votre demande a été reçue. Si nous pouvons trouver le dossier avec les renseignements que vous nous avez fournis, <strong>nous vous enverrons le numéro de dossier ou le numéro de référence par courriel</strong>. Si vous ne recevez pas le message de confirmation dans votre boîte de réception, vérifiez votre dossier de courriel indésirable.",
-    "may-not-receive": "Il se pourrait que vous ne receviez pas de courriel si\u00a0:",
-    "may-not-receive-list": {
-      "item-1": "les renseignements que vous nous avez fournis ne correspondent pas à ceux de notre système, ou",
-      "item-2": "nous avons reçu votre demande, mais n'avons pas encore commencé à la traiter"
-    },
-    "please-contact": "Si vous n'obtenez toujours pas le courriel, <Link>veuillez nous contacter</Link>.",
-    "request-received": "Votre demande a été reçue"
+    "may-take": "Il peut falloir 5 à 10 jours ouvrables pour que votre demande apparaisse dans notre système. Réessayez demain, car nous mettons à jour notre système quotidiennement.",
+    "please-contact": "Si vous ne recevez toujours pas le courriel, <Link>contactez-nous</Link>.",
+    "request-received": {
+      "header": "Nous avons reçu votre demande",
+      "will-email": "Nous avons reçu votre demande de numéro de référence. Si les renseignements que vous avez fournis correspondent à nos dossiers, <strong>nous vous enverrons un courriel</strong> dans les 30 minutes.",
+      "once-received": "Une fois que vous avez reçu le courriel, veuillez continuer en cliquant sur le bouton ci-dessous."
+    }
   },
   "email-esrf": "Envoyez-moi par courriel le numéro de référence",
+  "enter-reference-number": "Entrer mon numéro de référence",
   "given-name": {
     "title": "Si le requérant a un seul nom légal.",
     "error": {
@@ -50,7 +52,7 @@
     "required": "<em>Tous les champs sont obligatoires.</em>"
   },
   "one-name": "Les requérants n'ayant <strong>qu'un seul nom</strong> (un ou plusieurs noms inscrits dans un seul champ) doivent nous appeler au 1-800-567-6868 pour connaître l'état de leur demande.",
-  "request-another": "Obtenir un autre numéro de dossier ou numéro de référence",
+  "request-another": "Demander à nouveau le numéro de référence",
   "surname": {
     "error": {
       "required": "Le nom de famille est obligatoire."

diff --git a/public/locales/fr/landing.json b/public/locales/fr/landing.json
@@ -86,19 +86,19 @@
     "alt": "Un exemple de reçu officiel. Le numéro de dossier est entouré au centre du reçu.",
     "descriptive-text": "<strong>Exemple de reçu officiel. Le numéro de dossier est encerclé au centre du reçu.</strong>",
     "src": "/Receipt1_FR.png",
-    "title": "Example de reçu 1"
+    "title": "Exemple de reçu 1"
   },
   "receipt-image-2": {
     "alt": "Exemple d'un reçu officiel et bordereau de cueillette. Le numéro de dossier est encerclé en haut à gauche du reçu, au-dessus d'un code-barres.",
     "descriptive-text": "<strong>Exemple d'un reçu officiel et bordereau de cueillette. Le numéro de dossier est encerclé en haut à gauche du reçu, au-dessus d'un code-barres.</strong>",
     "src": "/Receipt2_FR.png",
-    "title": "Example de reçu 2"
+    "title": "Exemple de reçu 2"
   },
   "receipt-image-3": {
     "alt": "Un exemple de reçu officiel. Le numéro de référence est encerclé au centre du reçu, au-dessus d'un code-barres.",
     "descriptive-text": "<strong>Un exemple de reçu officiel. Le numéro de référence est encerclé au centre du reçu, au-dessus d'un code-barres.</strong>",
     "src": "/Receipt3_FR.png",
-    "title": "Example de reçu 3"
+    "title": "Exemple de reçu 3"
   },
   "where-to-find": {
     "header": "Où trouver votre numéro de référence",

diff --git a/public/locales/fr/status.json b/public/locales/fr/status.json
@@ -1,4 +1,5 @@
 {
+  "back-button": "Retour",
   "being-processed": {
     "applied-by-mail": "Si vous avez présenté une demande par la poste ou à un Centre Service Canada offrant des services de passeport de 20 jours, l'examen pourrait prendre jusqu'à 20 jours ouvrables.",
     "applied-in-person": "Si vous avez présenté votre demande en personne à un bureau des passeports ou à un Centre Service Canada offrant un service de passeport de 10 jours, il peut s'écouler jusqu'à 10 jours ouvrables avant que nous terminions l’examen.",

diff --git a/src/pages/email.tsx b/src/pages/email.tsx
@@ -22,6 +22,7 @@ import ExternalLink from '../components/ExternalLink'
 import IdleTimeout from '../components/IdleTimeout'
 import InputField from '../components/InputField'
 import Layout from '../components/Layout'
+import LinkButton from '../components/LinkButton'
 import Modal from '../components/Modal'
 import { EmailEsrfApiRequestBody } from '../lib/types'
 import useEmailEsrf from '../lib/useEmailEsrf'
@@ -148,49 +149,64 @@ const Email = () => {
       {isEmailEsrfSuccess ? (
         <div id="response-result">
           <h1 className="h1" tabIndex={-1}>
-            {t('email-confirmation-msg.request-received')}
+            {t('email-confirmation-msg.request-received.header')}
           </h1>
           <AlertBlock page="email" />
-          <p>
-            <Trans i18nKey="email-confirmation-msg.if-exists" ns="email" />
-          </p>
-          <p>{t('email-confirmation-msg.may-not-receive')}</p>
-          <ul className="mb-5 list-disc space-y-2 pl-10">
-            <li>
+          <div className="max-w-prose">
+            <p>
               <Trans
-                i18nKey="email-confirmation-msg.may-not-receive-list.item-1"
+                i18nKey="email-confirmation-msg.request-received.will-email"
                 ns="email"
               />
-            </li>
-            <li>{t('email-confirmation-msg.may-not-receive-list.item-2')}</li>
-          </ul>
-          <p>{t('email-confirmation-msg.dont-receive')}</p>
-          <ul className="mb-5 list-disc space-y-2 pl-10">
-            <li>
+            </p>
+            <p>
               <Trans
-                i18nKey="email-confirmation-msg.dont-receive-list.item-1"
+                i18nKey="email-confirmation-msg.request-received.once-received"
                 ns="email"
               />
-            </li>
-            <li>{t('email-confirmation-msg.dont-receive-list.item-2')}</li>
-          </ul>
-          <p>
-            <Trans
-              i18nKey={'email-confirmation-msg.please-contact'}
-              ns="email"
-              components={{
-                Link: <ExternalLink href={t('common:contact-us-link')} />,
-              }}
-            />
-          </p>
-          <div className="my-8">
-            <ActionButton
-              id="get-another-file-number"
-              type="button"
-              text={t('request-another')}
-              onClick={handleOnNewFileRequest}
-              style="primary"
-            />
+            </p>
+            <div className="my-8 sm:w-full md:w-fit">
+              <LinkButton
+                href="/status"
+                fullWidth
+                id="enter-reference-number"
+                style="primary"
+              >
+                {t('enter-reference-number')}
+              </LinkButton>
+            </div>
+            <h2 className="h2 mt-16">
+              {t('email-confirmation-msg.dont-receive-header')}
+            </h2>
+            <p>{t('email-confirmation-msg.dont-receive')}</p>
+            <ul className="mb-5 list-disc space-y-2 pl-10">
+              <li>
+                <Trans
+                  i18nKey="email-confirmation-msg.dont-receive-list.item-1"
+                  ns="email"
+                />
+              </li>
+              <li>{t('email-confirmation-msg.dont-receive-list.item-2')}</li>
+            </ul>
+            <div className="my-8 sm:w-full md:w-fit">
+              <ActionButton
+                id="get-another-file-number"
+                type="button"
+                text={t('request-another')}
+                onClick={handleOnNewFileRequest}
+                fullWidth
+              />
+            </div>
+            <p className="mt-16">{t('email-confirmation-msg.may-take')}</p>
+            <p>
+              <Trans
+                i18nKey={'email-confirmation-msg.please-contact'}
+                ns="email"
+                components={{
+                  Link: <ExternalLink href={t('common:contact-us-link')} />,
+                }}
+              />
+            </p>
           </div>
         </div>
       ) : (

diff --git a/src/pages/status.tsx b/src/pages/status.tsx
@@ -298,7 +298,7 @@ const Status = () => {
               <ActionButton
                 id="btn-back"
                 disabled={isCheckStatusPending}
-                text={t('common:modal-go-back.back-button')}
+                text={t('back-button')}
                 onClick={handleOnBackClick}
               />
             </div>