From 857f0d72cc995f6d14d8ae7ee7b5cd471426bd39 Mon Sep 17 00:00:00 2001 From: Jordan Willis <31868510+will0684@users.noreply.github.com> Date: Fri, 21 Jun 2024 13:26:04 -0400 Subject: [PATCH] Update dashboard page and query (#1053) * update dashboard page and query * update dashboard mock data --- __mocks__/mockStore.js | 2064 +++--------------- graphql/queries/getMSCADashBoardPage.graphql | 197 +- pages/projects/dashboard/index.js | 432 +--- 3 files changed, 465 insertions(+), 2228 deletions(-) diff --git a/__mocks__/mockStore.js b/__mocks__/mockStore.js index 0d00dd057b..9619f4f1d4 100644 --- a/__mocks__/mockStore.js +++ b/__mocks__/mockStore.js @@ -4126,8 +4126,8 @@ export const dashboardData = { scId: "CLIENT-HUB-DASHBOARD-OVERVIEW", scPageNameEn: "/en/projects/dashboard", scPageNameFr: "/fr/projets/tableau-de-bord", - scTitleEn: "My Service Canada Account dashboard", - scTitleFr: "Tableau de bord de Mon dossier Service Canada", + scTitleEn: "New dashboard for My Service Canada Account", + scTitleFr: "Nouveau tableau de bord pour Mon dossier Service Canada", scShortTitleEn: null, scShortTitleFr: null, scLabProjectStage: ["gc:custom/decd-endc/project-stage/beta"], @@ -4187,7 +4187,142 @@ export const dashboardData = { }, ], }, - scLabProjectUpdates: [], + scLabProjectUpdates: [ + { + _path: + "/content/dam/decd-endc/content-fragments/sclabs/pages/projects/client-hub/updates/overview", + scId: "PAGE-HUB-OVERVIEW", + scPageNameEn: "/en/projects/dashboard/overview", + scPageNameFr: "/fr/projets/tableau-de-bord/apercu", + scTitleEn: "Overview of My Service Canada dashboard", + scTitleFr: + "Aperçu du tableau de bord de Mon dossier Service Canada", + scLabProject: { + scTermEn: "My Service Canada Account dashboard", + scTermFr: "Tableau de bord de Mon dossier Service Canada", + }, + scShortTitleEn: null, + scShortTitleFr: null, + scBreadcrumbParentPages: [ + { + scTitleEn: "Service Canada Labs", + scTitleFr: "Laboratoires de Service Canada", + scPageNameEn: "/en/home", + scPageNameFr: "/fr/accueil", + }, + ], + scSubject: [ + "gc:subjects/gv-government-and-politics/government-services", + ], + scKeywordsEn: null, + scKeywordsFr: null, + scContentType: [ + "gc:content-types/promotional-material-featured-articles", + ], + scOwner: ["gc:institutions/service-canada"], + scDateModifiedOverwrite: "2024-06-21", + scAudience: null, + scRegion: null, + scSocialMediaImageEn: { + _path: + "/content/dam/decd-endc/images/sclabs/client-hub/feature-dashboard-en.png", + _publishUrl: + "https://www.canada.ca/content/dam/decd-endc/images/sclabs/client-hub/feature-dashboard-en.png", + width: 759, + height: 498, + }, + scSocialMediaImageFr: { + _path: + "/content/dam/decd-endc/images/sclabs/client-hub/feature-dashboard-fr.png", + _publishUrl: + "https://www.canada.ca/content/dam/decd-endc/images/sclabs/client-hub/feature-dashboard-fr.png", + width: 758, + height: 498, + }, + scSocialMediaImageAltTextEn: + "My dashboard page from My Service Canada Account", + scSocialMediaImageAltTextFr: + "Page Mon tableau de bord de Mon dossier Service Canada", + scNoIndex: false, + scNoFollow: false, + scFragments: [ + { + _path: + "/content/dam/decd-endc/content-fragments/sclabs/components/content/projects/client-hub/updates/overview-intro", + scId: "CONTENT-HUB-OVERVIEW-INTRO", + scContentEn: { + json: [ + { + nodeType: "header", + style: "h1", + content: [ + { + nodeType: "text", + value: "Overview of My Service Canada dashboard", + }, + ], + }, + { + nodeType: "paragraph", + content: [ + { + nodeType: "text", + value: + "The My Service Canada Account dashboard provides you with all your Service Canada payments, benefits and services in one central space for easy access.", + }, + ], + }, + { + nodeType: "header", + style: "h2", + content: [ + { + nodeType: "text", + value: "Overview of features", + }, + ], + }, + ], + }, + scContentFr: { + json: [ + { + nodeType: "header", + style: "h1", + content: [ + { + nodeType: "text", + value: + "Aperçu du tableau de bord de Mon dossier Service Canada", + }, + ], + }, + { + nodeType: "paragraph", + content: [ + { + nodeType: "text", + value: + "Le tableau de bord de Mon dossier Service Canada vous permet d'accéder facilement à tous vos paiements, prestations et services de Service Canada dans un espace central.", + }, + ], + }, + { + nodeType: "header", + style: "h2", + content: [ + { + nodeType: "text", + value: "Aperçu des fonctionnalités", + }, + ], + }, + ], + }, + }, + ], + }, + ], scBreadcrumbParentPages: [ { scTitleEn: "Service Canada Labs", @@ -4204,7 +4339,7 @@ export const dashboardData = { scKeywordsFr: null, scContentType: null, scOwner: null, - scDateModifiedOverwrite: "2023-06-28", + scDateModifiedOverwrite: "2024-06-21", scAudience: null, scRegion: null, scSocialMediaImageEn: { @@ -4231,6 +4366,9 @@ export const dashboardData = { scNoFollow: false, scFragments: [ { + _model: { + title: "SCLabs-Content-v1", + }, _path: "/content/dam/decd-endc/content-fragments/sclabs/components/content/projects/client-hub/dashboard-intro", scId: "CLIENT-HUB-INTRO", @@ -4346,9 +4484,13 @@ export const dashboardData = { }, ], }, - scFragments: [], }, { + _model: { + title: "SCLabs-Image-v1", + }, + _path: + "/content/dam/decd-endc/content-fragments/sclabs/components/images/projects/client-hub/dashboard-overview", scId: "CLIENT-HUB-OVERVIEW", scImageEn: { _publishUrl: @@ -4372,8 +4514,19 @@ export const dashboardData = { scImageCaptionFr: { json: null, }, + scLongDescHeadingEn: null, + scLongDescHeadingFr: null, + scLongDescEn: { + json: null, + }, + scLongDescFr: { + json: null, + }, }, { + _model: { + title: "Tooltip-v1", + }, _path: "/content/dam/decd-endc/content-fragments/sclabs/components/tooltips/information-beta", scId: "INFORMATION-BETA-SCLABS", @@ -4423,9 +4576,12 @@ export const dashboardData = { }, }, { + _model: { + title: "SCLabs-Content-v1", + }, _path: - "/content/dam/decd-endc/content-fragments/sclabs/components/content/projects/client-hub/about", - scId: "DASHBOARD-ABOUT", + "/content/dam/decd-endc/content-fragments/sclabs/components/content/projects/client-hub/easy-access", + scId: "CONTENT-HUB-EASY-ACCESS", scContentEn: { json: [ { @@ -4434,7 +4590,33 @@ export const dashboardData = { content: [ { nodeType: "text", - value: "About the dashboard", + value: + "Easy access to your payments, benefits and services", + }, + ], + }, + { + nodeType: "paragraph", + content: [ + { + nodeType: "text", + value: + "The new dashboard is available on My Service Canada Account, you just need to sign in. ", + }, + ], + }, + ], + }, + scContentFr: { + json: [ + { + nodeType: "header", + style: "h2", + content: [ + { + nodeType: "text", + value: + "Accéder plus facilement à vos paiements, prestations et services", }, ], }, @@ -4444,20 +4626,51 @@ export const dashboardData = { { nodeType: "text", value: - "The new dashboard is ready for you to try on My Service Canada Account. It will provide you with all your Service Canada payments, benefits and services in one central space for easy access. You'll be able to perform common actions such as starting an application, viewing your updates, submitting information or getting help.", + "Le nouveau tableau de bord est disponible sur Mon dossier Service Canada, il suffit de vous y connecter pour y accéder.", }, ], }, + ], + }, + }, + { + _model: { + title: "SCLabs-Button-v1", + }, + scId: "SIGN-IN-MSCA-BUTTON", + scTitleEn: "Sign in to My Service Canada Account", + scTitleFr: "Se connecter à Mon dossier Service Canada", + scDestinationURLEn: + "https://www.canada.ca/en/employment-social-development/services/my-account.html", + scDestinationURLFr: + "https://www.canada.ca/fr/emploi-developpement-social/services/mon-dossier.html", + scButtonType: ["gc:custom/decd-endc/button-type/primary"], + }, + { + _model: { + title: "SCLabs-Content-v1", + }, + _path: + "/content/dam/decd-endc/content-fragments/sclabs/components/content/projects/client-hub/help-common-actions", + scId: "CONTENT-HUB-HELP-COMMON-ACTIONS", + scContentEn: { + json: [ { nodeType: "paragraph", content: [ { nodeType: "text", - value: "The dashboard will make it simple and easy to:", + value: + "The dashboard helps you perform common actions such as starting an application, viewing your updates, submitting information or getting help.", }, + ], + }, + { + nodeType: "paragraph", + content: [ { - nodeType: "line-break", - content: [], + nodeType: "text", + value: "It makes it simple and easy to: ", }, ], }, @@ -4469,7 +4682,7 @@ export const dashboardData = { content: [ { nodeType: "text", - value: "find the information you are looking for", + value: "find the information you are looking for ", }, ], }, @@ -4478,7 +4691,7 @@ export const dashboardData = { content: [ { nodeType: "text", - value: "start and complete what you came to do", + value: "start and complete what you came to do ", }, ], }, @@ -4488,7 +4701,7 @@ export const dashboardData = { { nodeType: "text", value: - "view and manage your personal information for all benefits in one place", + "view and manage your personal information for all benefits in one place ", }, ], }, @@ -4507,23 +4720,13 @@ export const dashboardData = { }, scContentFr: { json: [ - { - nodeType: "header", - style: "h2", - content: [ - { - nodeType: "text", - value: "À propos du tableau de bord", - }, - ], - }, { nodeType: "paragraph", content: [ { nodeType: "text", value: - "Le nouveau tableau de bord est disponible pour que vous puissiez l'essayer sur Mon dossier Service Canada. Il vous permettra d'accéder facilement à tous vos paiements, prestations et services de Service Canada dans un espace central. Vous pourrez effectuer des actions courantes, telles que présenter des demandes, consulter vos mises à jour, soumettre de l'information et obtenir de l'aide.", + "Le tableau de bord vous permet d’effectuer des actions courantes, telles que présenter des demandes, consulter vos mises à jour, soumettre de l’information et obtenir de l’aide.", }, ], }, @@ -4533,7 +4736,7 @@ export const dashboardData = { { nodeType: "text", value: - "Le tableau de bord rendra les choses plus simples et plus faciles pour :", + "Il rend les choses plus simples et plus faciles pour : ", }, { nodeType: "line-break", @@ -4549,7 +4752,7 @@ export const dashboardData = { content: [ { nodeType: "text", - value: "trouver l'information que vous cherchez;", + value: "trouver l'information que vous cherchez; ", }, ], }, @@ -4559,7 +4762,7 @@ export const dashboardData = { { nodeType: "text", value: - "commencer et terminer ce que vous êtes venu faire;", + "commencer et terminer ce que vous êtes venu faire; ", }, ], }, @@ -4569,7 +4772,7 @@ export const dashboardData = { { nodeType: "text", value: - "consulter et gérer vos renseignements personnels pour toutes vos prestations en un seul endroit;", + "consulter et gérer vos renseignements personnels pour toutes vos prestations en un seul endroit; ", }, ], }, @@ -4587,22 +4790,14 @@ export const dashboardData = { }, ], }, - scFragments: [], - }, - { - scId: "SIGN-IN-MSCA-BUTTON", - scTitleEn: "Sign in to My Service Canada Account", - scTitleFr: "Se connecter à Mon dossier Service Canada", - scDestinationURLEn: - "https://www.canada.ca/en/employment-social-development/services/my-account.html", - scDestinationURLFr: - "https://www.canada.ca/fr/emploi-developpement-social/services/mon-dossier.html", - scButtonType: ["gc:custom/decd-endc/button-type/primary"], }, { + _model: { + title: "SCLabs-Content-v1", + }, _path: - "/content/dam/decd-endc/content-fragments/sclabs/components/content/projects/client-hub/features", - scId: "DASHBOARD-FEATURES", + "/content/dam/decd-endc/content-fragments/sclabs/components/content/projects/client-hub/help-improve", + scId: "CONTENT-HUB-HELP-IMPROVE", scContentEn: { json: [ { @@ -4611,7 +4806,31 @@ export const dashboardData = { content: [ { nodeType: "text", - value: "Overview of features", + value: "Help improve the dashboard", + }, + ], + }, + { + nodeType: "paragraph", + content: [ + { + nodeType: "text", + value: + "We will continue to make improvements to the dashboard and My Service Canada Account. Our goal is for them to respond best to your needs.", + }, + ], + }, + { + nodeType: "paragraph", + content: [ + { + nodeType: "text", + value: + "Do you find the dashboard useful? Is there anything you like or dislike? Share your feedback by answering the short survey.", + }, + { + nodeType: "line-break", + content: [], }, ], }, @@ -4625,1654 +4844,27 @@ export const dashboardData = { content: [ { nodeType: "text", - value: "Aperçu des fonctionnalités", + value: "Contribuez à l’amélioration du tableau de bord", }, ], }, - ], - }, - scFragments: [ - { - _path: - "/content/dam/decd-endc/content-fragments/sclabs/components/content/projects/client-hub/feature-dashboard", - scId: "FEATURE-DASHBOARD", - scContentEn: { - json: [ + { + nodeType: "paragraph", + content: [ { - nodeType: "header", - style: "h3", - content: [ - { - nodeType: "text", - value: "Information is clearly presented ", - }, - ], + nodeType: "text", + value: + "Nous continuerons d'apporter des améliorations au tableau de bord et à Mon dossier Service Canada. Notre but est qu'ils répondent le mieux à vos besoins.", }, + ], + }, + { + nodeType: "paragraph", + content: [ { - nodeType: "paragraph", - content: [ - { - nodeType: "text", - value: "On the dashboard, you will find: ", - }, - ], - }, - { - nodeType: "unordered-list", - content: [ - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: "all your benefits on the same page ", - }, - ], - }, - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: - "a menu to access your personal information and security settings", - }, - ], - }, - ], - }, - ], - }, - scContentFr: { - json: [ - { - nodeType: "header", - style: "h3", - content: [ - { - nodeType: "text", - value: "Information clairement présentée", - }, - { - nodeType: "line-break", - content: [], - }, - ], - }, - { - nodeType: "paragraph", - content: [ - { - nodeType: "text", - value: "Sur le tableau de bord, vous trouverez :", - }, - ], - }, - { - nodeType: "unordered-list", - content: [ - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: "toutes vos prestations sur la même page;", - }, - ], - }, - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: - "un menu pour accéder à vos informations personnelles et à vos paramètres de sécurité.", - }, - ], - }, - ], - }, - ], - }, - scFragments: [ - { - scId: "FEATURE-DASHBOARD", - scImageEn: { - _publishUrl: - "https://www.canada.ca/content/dam/decd-endc/images/sclabs/client-hub/feature-dashboard-en.png", - width: 759, - height: 498, - }, - scImageFr: { - _publishUrl: - "https://www.canada.ca/content/dam/decd-endc/images/sclabs/client-hub/feature-dashboard-fr.png", - width: 758, - height: 498, - }, - scImageMobileEn: null, - scImageMobileFr: null, - scImageAltTextEn: - "My dashboard page from My Service Canada Account", - scImageAltTextFr: - "Page Mon tableau de bord de Mon dossier Service Canada", - scImageCaptionEn: { - json: null, - }, - scImageCaptionFr: { - json: null, - }, - scLongDescHeadingEn: - "Text version of the image My dashboard", - scLongDescHeadingFr: - "Version textuelle de l’image Mon tableau de bord", - scLongDescEn: { - json: [ - { - nodeType: "paragraph", - content: [ - { - nodeType: "text", - value: "The dashboard page includes: ", - }, - ], - }, - { - nodeType: "unordered-list", - content: [ - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: "a heading with: ", - }, - { - nodeType: "unordered-list", - content: [ - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: - "the name of the site: My Service Canada Account ", - }, - ], - }, - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: "an “Account” menu ", - }, - ], - }, - ], - }, - ], - }, - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: "benefits, such as: ", - }, - { - nodeType: "unordered-list", - content: [ - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: - "Employment Insurance, with a link to applications, payments and claims, taxes, reports and documents, personal information ", - }, - { - nodeType: "line-break", - content: [], - }, - ], - }, - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: - "Canada Pension Plan, with a link to applications, payments, taxes, documents, provisions, personal information ", - }, - { - nodeType: "line-break", - content: [], - }, - ], - }, - ], - }, - ], - }, - ], - }, - ], - }, - scLongDescFr: { - json: [ - { - nodeType: "paragraph", - content: [ - { - nodeType: "text", - value: - "Le tableau de bord contient les éléments suivants : ", - }, - ], - }, - { - nodeType: "unordered-list", - content: [ - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: "un en-tête avec : ", - }, - { - nodeType: "unordered-list", - content: [ - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: - "le nom du site : Mon dossier Service Canada; ", - }, - ], - }, - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: "un menu « Compte »; ", - }, - ], - }, - ], - }, - ], - }, - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: "des prestations, telles que : ", - }, - { - nodeType: "unordered-list", - content: [ - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: - "Assurance-emploi, avec un lien vers les demandes de prestations, paiements et demandes, impôts, rapports et documents, renseignements personnels; ", - }, - ], - }, - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: - "Régime de pensions du Canada, avec un lien vers les demandes de prestations, paiements, impôts, documents, clauses, renseignements personnels.", - }, - ], - }, - ], - }, - ], - }, - ], - }, - ], - }, - }, - ], - }, - { - _path: - "/content/dam/decd-endc/content-fragments/sclabs/components/content/projects/client-hub/feature-card", - scId: "FEATURE-CARD", - scContentEn: { - json: [ - { - nodeType: "header", - style: "h3", - content: [ - { - nodeType: "text", - value: "Actions are easy to find and to complete", - }, - ], - }, - { - nodeType: "paragraph", - content: [ - { - nodeType: "text", - value: "For each benefit, you will find:", - }, - ], - }, - { - nodeType: "unordered-list", - content: [ - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: - "all the actions you can complete in the My Service Canada Account", - }, - ], - }, - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: - "actions organized by category to help you find what you are looking for", - }, - ], - }, - ], - }, - ], - }, - scContentFr: { - json: [ - { - nodeType: "header", - style: "h3", - content: [ - { - nodeType: "text", - value: "Actions faciles à trouver et à accomplir", - }, - ], - }, - { - nodeType: "paragraph", - content: [ - { - nodeType: "text", - value: - "Pour chacune des prestations, vous trouverez :", - }, - ], - }, - { - nodeType: "unordered-list", - content: [ - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: - "toutes les actions que vous pouvez accomplir à partir de Mon dossier Service Canada;", - }, - ], - }, - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: - "les actions organisées par catégorie pour vous aider à trouver ce que vous cherchez.", - }, - ], - }, - ], - }, - ], - }, - scFragments: [ - { - scId: "FEATURE-CARD", - scImageEn: { - _publishUrl: - "https://www.canada.ca/content/dam/decd-endc/images/sclabs/client-hub/feature-card-en.png", - width: 759, - height: 498, - }, - scImageFr: { - _publishUrl: - "https://www.canada.ca/content/dam/decd-endc/images/sclabs/client-hub/feature-card-fr.png", - width: 758, - height: 498, - }, - scImageMobileEn: null, - scImageMobileFr: null, - scImageAltTextEn: - "Partial image of the Employment Insurance section of the dashboard", - scImageAltTextFr: - "Image partielle de la section Assurance-emploi du tableau de bord", - scImageCaptionEn: { - json: null, - }, - scImageCaptionFr: { - json: null, - }, - scLongDescHeadingEn: - "Text version of the image Employment Insurance", - scLongDescHeadingFr: - "Version textuelle de l’image Assurance-emploi", - scLongDescEn: { - json: [ - { - nodeType: "paragraph", - content: [ - { - nodeType: "text", - value: - "The Employment Insurance section includes:", - }, - ], - }, - { - nodeType: "unordered-list", - content: [ - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: - "a link “Applications, payments and claims, taxes, reports and documents, personal information” to show a list of actions", - }, - { - nodeType: "line-break", - content: [], - }, - ], - }, - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: - "actions organized by category, such as:", - }, - { - nodeType: "line-break", - content: [], - }, - { - nodeType: "unordered-list", - content: [ - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: "Most requested", - }, - { - nodeType: "line-break", - content: [], - }, - { - nodeType: "unordered-list", - content: [ - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: - "View my status updates", - }, - { - nodeType: "line-break", - content: [], - }, - ], - }, - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: "View my payments", - }, - { - nodeType: "line-break", - content: [], - }, - ], - }, - ], - }, - ], - }, - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: "Applications", - }, - { - nodeType: "line-break", - content: [], - }, - { - nodeType: "unordered-list", - content: [ - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: - "View my status updates", - }, - { - nodeType: "line-break", - content: [], - }, - ], - }, - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: - "Apply for Employment Insurance", - }, - { - nodeType: "line-break", - content: [], - }, - ], - }, - ], - }, - ], - }, - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: "Payments and claims", - }, - { - nodeType: "line-break", - content: [], - }, - { - nodeType: "unordered-list", - content: [ - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: "View my payments", - }, - { - nodeType: "line-break", - content: [], - }, - ], - }, - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: "View my latest claim", - }, - { - nodeType: "line-break", - content: [], - }, - ], - }, - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: "View my past claims", - }, - { - nodeType: "line-break", - content: [], - }, - ], - }, - ], - }, - ], - }, - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: "Reports and documents", - }, - { - nodeType: "line-break", - content: [], - }, - ], - }, - ], - }, - ], - }, - ], - }, - ], - }, - scLongDescFr: { - json: [ - { - nodeType: "paragraph", - content: [ - { - nodeType: "text", - value: "La section Assurance-emploi contient :", - }, - ], - }, - { - nodeType: "unordered-list", - content: [ - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: - "un lien « Demandes de prestations, paiements et demandes, impôts, rapports et documents, renseignements personnels » qui affiche une liste d’actions;", - }, - ], - }, - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: - "des actions classées par catégorie, telles que :", - }, - { - nodeType: "unordered-list", - content: [ - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: "En demande", - }, - { - nodeType: "unordered-list", - content: [ - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: - "Consulter l'état de ma demande", - }, - ], - }, - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: - "Consulter mes paiements", - }, - ], - }, - ], - }, - ], - }, - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: "Demandes de prestations", - }, - { - nodeType: "unordered-list", - content: [ - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: - "Consulter l'état de ma demande", - }, - ], - }, - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: - "Présenter une demande d'assurance-emploi", - }, - ], - }, - ], - }, - ], - }, - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: "Paiements et demandeS", - }, - { - nodeType: "unordered-list", - content: [ - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: - "Consulter mes paiements", - }, - ], - }, - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: - "Consulter ma dernière demande", - }, - ], - }, - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: - "Consulter mes demandes antérieures", - }, - ], - }, - ], - }, - ], - }, - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: "Rapports et documents", - }, - ], - }, - ], - }, - ], - }, - ], - }, - ], - }, - }, - ], - }, - { - _path: - "/content/dam/decd-endc/content-fragments/sclabs/components/content/projects/client-hub/feature-profile", - scId: "FEATURE-PROFILE", - scContentEn: { - json: [ - { - nodeType: "header", - style: "h3", - content: [ - { - nodeType: "text", - value: - "Your information can be viewed and updated in one place", - }, - ], - }, - { - nodeType: "paragraph", - content: [ - { - nodeType: "text", - value: - "On the profile page, you will be able to view and update your:", - }, - ], - }, - { - nodeType: "unordered-list", - content: [ - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: "address", - }, - ], - }, - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: "telephone number", - }, - ], - }, - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: "banking information for direct deposit", - }, - ], - }, - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: "language of correspondence", - }, - ], - }, - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: "consent to communicate on your behalf", - }, - ], - }, - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: - "preferences for email notifications (Alert me)", - }, - ], - }, - ], - }, - ], - }, - scContentFr: { - json: [ - { - nodeType: "header", - style: "h3", - content: [ - { - nodeType: "text", - value: - "Consultation et mise à jour de vos renseignements personnels à un endroit", - }, - ], - }, - { - nodeType: "paragraph", - content: [ - { - nodeType: "text", - value: - "Sur la page de profil, vous pourrez consulter et mettre à jour votre :", - }, - ], - }, - { - nodeType: "unordered-list", - content: [ - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: "adresse;", - }, - ], - }, - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: "numéro de téléphone;", - }, - ], - }, - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: - "information bancaire pour le dépôt direct;", - }, - ], - }, - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: "langue de correspondance;", - }, - ], - }, - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: - "autorisation de communiquer en votre nom;", - }, - ], - }, - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: - "préférence pour les notifications par courrier électronique (Alertez-moi).", - }, - ], - }, - ], - }, - ], - }, - scFragments: [ - { - scId: "FEATURE-PROFILE", - scImageEn: { - _publishUrl: - "https://www.canada.ca/content/dam/decd-endc/images/sclabs/client-hub/feature-profile-en.png", - width: 759, - height: 498, - }, - scImageFr: { - _publishUrl: - "https://www.canada.ca/content/dam/decd-endc/images/sclabs/client-hub/feature-profile-fr.png", - width: 759, - height: 499, - }, - scImageMobileEn: null, - scImageMobileFr: null, - scImageAltTextEn: "Partial image of the Profile page", - scImageAltTextFr: "Image partielle de la page Profil", - scImageCaptionEn: { - json: null, - }, - scImageCaptionFr: { - json: null, - }, - scLongDescHeadingEn: "Text version of the image Profile", - scLongDescHeadingFr: "Version textuelle de l’image Profil", - scLongDescEn: { - json: [ - { - nodeType: "paragraph", - content: [ - { - nodeType: "text", - value: - "The Profile page provides access to personal information for each benefit program.", - }, - ], - }, - { - nodeType: "unordered-list", - content: [ - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: "Employment Insurance:", - }, - { - nodeType: "unordered-list", - content: [ - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: "Address and telephone number", - }, - ], - }, - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: "Province of residence", - }, - ], - }, - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: "Direct deposit details", - }, - ], - }, - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: "Language of correspondence", - }, - ], - }, - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: - "Email notifications (Alert me)", - }, - ], - }, - ], - }, - ], - }, - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: "Canada Pension Plan", - }, - ], - }, - ], - }, - ], - }, - scLongDescFr: { - json: [ - { - nodeType: "paragraph", - content: [ - { - nodeType: "text", - value: - "La page Profil donne accès à vos renseignements personnels pour chaque programme de prestations. ", - }, - ], - }, - { - nodeType: "unordered-list", - content: [ - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: "Assurance-emploi", - }, - { - nodeType: "unordered-list", - content: [ - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: - "Adresse et numéro de téléphone", - }, - ], - }, - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: "Province de résidence", - }, - ], - }, - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: - "Renseignements sur le dépôt direct", - }, - ], - }, - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: "Langue de correspondance", - }, - ], - }, - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: - "Avis par courriel (Alertez-moi)", - }, - ], - }, - ], - }, - ], - }, - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: "Régime de pensions du Canada", - }, - ], - }, - ], - }, - ], - }, - }, - ], - }, - { - _path: - "/content/dam/decd-endc/content-fragments/sclabs/components/content/projects/client-hub/feature-contact", - scId: "FEATURE-CONTACT", - scContentEn: { - json: [ - { - nodeType: "header", - style: "h3", - content: [ - { - nodeType: "text", - value: "Contact information is easy to find", - }, - ], - }, - { - nodeType: "paragraph", - content: [ - { - nodeType: "text", - value: - "On the contact us pages, you will find how to reach us:", - }, - ], - }, - { - nodeType: "unordered-list", - content: [ - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: "by telephone", - }, - ], - }, - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: "via callback", - }, - ], - }, - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: "in person", - }, - ], - }, - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: "by mail", - }, - ], - }, - ], - }, - ], - }, - scContentFr: { - json: [ - { - nodeType: "header", - style: "h3", - content: [ - { - nodeType: "text", - value: "Coordonnées faciles à trouver", - }, - ], - }, - { - nodeType: "paragraph", - content: [ - { - nodeType: "text", - value: - "Sur les pages de coordonnées, vous trouverez comment nous joindre :", - }, - ], - }, - { - nodeType: "unordered-list", - content: [ - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: "par téléphone;", - }, - ], - }, - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: "par demande de rappel;", - }, - ], - }, - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: "en personne;", - }, - ], - }, - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: "par la poste.", - }, - ], - }, - ], - }, - ], - }, - scFragments: [ - { - scId: "FEATURE-CONTACT", - scImageEn: { - _publishUrl: - "https://www.canada.ca/content/dam/decd-endc/images/sclabs/client-hub/feature-contact-en.png", - width: 758, - height: 498, - }, - scImageFr: { - _publishUrl: - "https://www.canada.ca/content/dam/decd-endc/images/sclabs/client-hub/feature-contact-fr.png", - width: 758, - height: 498, - }, - scImageMobileEn: null, - scImageMobileFr: null, - scImageAltTextEn: - "Partial image of the Contact Employment Insurance page", - scImageAltTextFr: - "Image partielle de la page Communiquer avec l'assurance-emploi", - scImageCaptionEn: { - json: null, - }, - scImageCaptionFr: { - json: null, - }, - scLongDescHeadingEn: - "Text version of the image Contact Employment Insurance", - scLongDescHeadingFr: - "Version textuelle de l’image Communiquer avec l'assurance-emploi", - scLongDescEn: { - json: [ - { - nodeType: "paragraph", - content: [ - { - nodeType: "text", - value: - "The Contact Employment Insurance page includes elements such as:", - }, - ], - }, - { - nodeType: "unordered-list", - content: [ - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: - "links to navigate to the information on the page:", - }, - { - nodeType: "unordered-list", - content: [ - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: "Telephone", - }, - ], - }, - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: "Callback", - }, - ], - }, - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: - "In person at a Service Canada Centre", - }, - ], - }, - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: "Mail", - }, - ], - }, - ], - }, - ], - }, - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: - "a “Telephone” section with instructions and coordinates: Call us to speak to an Employment Insurance representative for help during the hours of operation listed below", - }, - ], - }, - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: - "telephone numbers: 1-800-206-7218 (toll-free), 1-800-529-3742 (TTY)", - }, - ], - }, - ], - }, - ], - }, - scLongDescFr: { - json: [ - { - nodeType: "paragraph", - content: [ - { - nodeType: "text", - value: - "La page Communiquer avec l'assurance-emploi contient de l’information telle que :", - }, - ], - }, - { - nodeType: "unordered-list", - content: [ - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: "des liens de navigation sur la page", - }, - { - nodeType: "unordered-list", - content: [ - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: "Téléphone", - }, - ], - }, - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: "Demande de rappel", - }, - ], - }, - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: - "En personne à un Centre Service Canada", - }, - ], - }, - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: "Poste", - }, - ], - }, - ], - }, - ], - }, - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: - "une section « Téléphone » avec des instructions et coordonnées : Appelez-nous pour parler à un représentant de l'assurance-emploi et obtenir de l'aide pendant les heures d’ouverture indiquées ci-dessous", - }, - ], - }, - { - nodeType: "list-item", - content: [ - { - nodeType: "text", - value: - "des numéro de téléphone : 1-800-808-6352 (sans frais), 1-800-529-3742 (ATS)", - }, - ], - }, - ], - }, - ], - }, - }, - ], - }, - ], - }, - { - _path: - "/content/dam/decd-endc/content-fragments/sclabs/components/content/projects/client-hub/help-design", - scId: "DASHBOARD-HELP-DESIGN", - scContentEn: { - json: [ - { - nodeType: "header", - style: "h2", - content: [ - { - nodeType: "text", - value: "Help design the dashboard", - }, - ], - }, - { - nodeType: "paragraph", - content: [ - { - nodeType: "text", - value: - "We will continue to make improvements to the dashboard and My Service Canada Account. Our goal is to make it easier to understand your government benefits and apply for them. To create a tool that meets your needs, we would like your input.", - }, - { - nodeType: "line-break", - content: [], - }, - ], - }, - { - nodeType: "paragraph", - content: [ - { - nodeType: "text", - value: - "Do you find these features helpful? Would you like to see other ones? Email us at ", - }, - { - nodeType: "link", - data: { - href: "mailto:experience@servicecanada.gc.ca", - }, - value: "experience@servicecanada.gc.ca", - }, - { - nodeType: "text", - value: ".", - }, - { - nodeType: "line-break", - content: [], - }, - ], - }, - { - nodeType: "paragraph", - content: [ - { - nodeType: "text", - value: - "This email address is to give your feedback on the My Service Canada Account Dashboard. If you need help with your government benefits, contact ", - }, - { - nodeType: "span", - content: [ - { - nodeType: "text", - value: "1 800 O-Canada", - }, - ], - data: { - class: "nowrap", - }, - }, - { - nodeType: "text", - value: - ". You will not receive a response if your email is about your benefits.", + nodeType: "text", + value: + "Trouvez-vous le tableau de bord utile? Quelque chose vous plaît ou vous déplaît? Donnez votre avis en répondant au court sondage.", }, { nodeType: "line-break", @@ -6282,95 +4874,19 @@ export const dashboardData = { }, ], }, - scContentFr: { - json: [ - { - nodeType: "header", - style: "h2", - content: [ - { - nodeType: "text", - value: "Contribuez à la conception du tableau de bord", - }, - { - nodeType: "line-break", - content: [], - }, - ], - }, - { - nodeType: "paragraph", - content: [ - { - nodeType: "text", - value: - "Nous continuerons d'apporter des améliorations au tableau de bord et à Mon dossier Service Canada. Notre objectif est de rendre vos prestations gouvernementales plus faciles à comprendre et à demander. Pour créer un outil qui réponde à vos besoins, nous aimerions avoir votre avis.", - }, - { - nodeType: "line-break", - content: [], - }, - ], - }, - { - nodeType: "paragraph", - content: [ - { - nodeType: "text", - value: - "Trouvez-vous ces fonctionnalités utiles? Souhaitez-vous en voir d'autres? Envoyez-nous un courriel à l'adresse suivante : ", - }, - { - nodeType: "link", - data: { - href: "mailto:experience@servicecanada.gc.ca", - }, - value: "experience@servicecanada.gc.ca", - }, - { - nodeType: "text", - value: ".", - }, - { - nodeType: "line-break", - content: [], - }, - ], - }, - { - nodeType: "paragraph", - content: [ - { - nodeType: "text", - value: - "Cette adresse de courriel vous permet de nous faire part de vos commentaires sur le tableau de bord de Mon dossier Service Canada. Si vous avez besoin d'aide concernant vos prestations gouvernementales, contactez le ", - }, - { - nodeType: "span", - content: [ - { - nodeType: "text", - value: "1 800 O-Canada", - }, - ], - data: { - class: "nowrap", - }, - }, - { - nodeType: "text", - value: - ". Vous ne recevrez pas de réponse si votre courriel concerne vos prestations.", - }, - { - nodeType: "line-break", - content: [], - }, - ], - }, - ], + }, + { + _model: { + title: "SCLabs-Button-v1", }, - scFragments: [], + scId: "BUTTON-HUB-TAKE-SURVEY", + scTitleEn: "Take survey", + scTitleFr: "Répondre au sondage", + scDestinationURLEn: + "https://forms-formulaires.alpha.canada.ca/en/id/clwayben200zex88386f9f3d7", + scDestinationURLFr: + "https://forms-formulaires.alpha.canada.ca/fr/id/clwayben200zex88386f9f3d7", + scButtonType: ["gc:custom/decd-endc/button-type/secondary"], }, ], }, diff --git a/graphql/queries/getMSCADashBoardPage.graphql b/graphql/queries/getMSCADashBoardPage.graphql index f41f83addc..9329ab6b79 100644 --- a/graphql/queries/getMSCADashBoardPage.graphql +++ b/graphql/queries/getMSCADashBoardPage.graphql @@ -31,6 +31,10 @@ query getDashboardPage { scPageNameFr scTitleEn scTitleFr + scLabProject { + scTermEn + scTermFr + } scShortTitleEn scShortTitleFr scBreadcrumbParentPages { @@ -263,90 +267,118 @@ query getDashboardPage { scNoIndex scNoFollow scFragments { - ... on SclabsContentV1Model { - _path - scId - scContentEn { - json - } - scContentFr { - json + ... on SclabsCompContentV1Model { + _model { + ... on ModelInfo { + title + } } - scFragments { + scId + scLabContent { ... on SclabsContentV1Model { - _path - scId scContentEn { json } scContentFr { json } - scFragments { - ... on SclabsImageV1Model { - scId - scImageEn { - ... on ImageRef { - _publishUrl - width - height - } - ... on DocumentRef { - _publishUrl - } - } - scImageFr { - ... on ImageRef { - _publishUrl - width - height - } - ... on DocumentRef { - _publishUrl - } - } - scImageMobileEn { - ... on ImageRef { - _publishUrl - width - height - } - ... on DocumentRef { - _publishUrl - } - } - scImageMobileFr { - ... on ImageRef { - _publishUrl - width - height - } - ... on DocumentRef { - _publishUrl - } - } - scImageAltTextEn - scImageAltTextFr - scImageCaptionEn { - json - } - scImageCaptionFr { - json - } - scLongDescHeadingEn - scLongDescHeadingFr - scLongDescEn { - json - } - scLongDescFr { - json - } + } + } + scLabLayout + } + ... on SclabsCompContentImageV1Model { + _model { + ... on ModelInfo { + title + } + } + scId + scLabContent { + scId + scContentEn { + json + } + scContentFr { + json + } + } + scLabImage { + ... on SclabsImageV1Model { + scId + scImageEn { + ... on ImageRef { + _publishUrl + width + height + } + ... on DocumentRef { + _publishUrl } } + scImageFr { + ... on ImageRef { + _publishUrl + width + height + } + ... on DocumentRef { + _publishUrl + } + } + scImageMobileEn { + ... on ImageRef { + _publishUrl + width + height + } + ... on DocumentRef { + _publishUrl + } + } + scImageMobileFr { + ... on ImageRef { + _publishUrl + width + height + } + ... on DocumentRef { + _publishUrl + } + } + scImageAltTextEn + scImageAltTextFr + scImageCaptionEn { + json + } + scImageCaptionFr { + json + } } } + scLabLayout + } + ... on SclabsContentV1Model { + _model { + ... on ModelInfo { + title + } + } + _path + scId + scContentEn { + json + } + scContentFr { + json + } } ... on SclabsImageV1Model { + _model { + ... on ModelInfo { + title + } + } + _path scId scImageEn { ... on ImageRef { @@ -396,8 +428,21 @@ query getDashboardPage { scImageCaptionFr { json } + scLongDescHeadingEn + scLongDescHeadingFr + scLongDescEn { + json + } + scLongDescFr { + json + } } ... on SclabsButtonV1Model { + _model { + ... on ModelInfo { + title + } + } scId scTitleEn scTitleFr @@ -406,6 +451,11 @@ query getDashboardPage { scButtonType } ... on SclabsFeatureV1Model { + _model { + ... on ModelInfo { + title + } + } scId scTitleEn scTitleFr @@ -425,6 +475,7 @@ query getDashboardPage { _publishUrl } } + scImageAltTextEn scImageFr { ... on ImageRef { _publishUrl @@ -435,6 +486,7 @@ query getDashboardPage { _publishUrl } } + scImageAltTextFr scFragments { ... on SclabsAlertV1Model { _path @@ -462,6 +514,11 @@ query getDashboardPage { } } ... on TooltipV1Model { + _model { + ... on ModelInfo { + title + } + } _path scId scTitleEn diff --git a/pages/projects/dashboard/index.js b/pages/projects/dashboard/index.js index a4c3c07d7c..46104c7030 100644 --- a/pages/projects/dashboard/index.js +++ b/pages/projects/dashboard/index.js @@ -11,9 +11,12 @@ import { ActionButton } from "../../../components/atoms/ActionButton"; import Image from "next/image"; import stageDictionary from "../../../lib/utils/stageDictionary"; import TextRender from "../../../components/text_node_renderer/TextRender"; +import Card from "../../../components/molecules/Card"; +import FragmentRender from "../../../components/fragment_renderer/FragmentRender"; export default function MscaDashboard(props) { const pageData = props.pageData?.item; + const updatesData = props.updatesData; const filteredDictionary = props.dictionary?.items?.filter( (item) => @@ -23,6 +26,33 @@ export default function MscaDashboard(props) { item.scId === "SUMMARY" ); + const displayProjectUpdates = updatesData.map((update) => ( +
- {props.locale === "en" - ? pageData.scFragments[3].scContentEn.json[1].content[0].value - : pageData.scFragments[3].scContentFr.json[1].content[0] - .value} -
-- {props.locale === "en" - ? pageData.scFragments[3].scContentEn.json[2].content[0].value - : pageData.scFragments[3].scContentFr.json[2].content[0] - .value} -
-- {props.locale === "en" - ? pageData.scFragments[6].scContentEn.json[1].content[0].value - : pageData.scFragments[6].scContentFr.json[1].content[0].value} -
-- {props.locale === "en" - ? pageData.scFragments[6].scContentEn.json[2].content[0].value - : pageData.scFragments[6].scContentFr.json[2].content[0].value} - - {pageData.scFragments[6].scContentEn.json[2].content[1].value} - -
-- {props.locale === "en" - ? pageData.scFragments[6].scContentEn.json[3].content[0].value - : pageData.scFragments[6].scContentFr.json[3].content[0].value} - - {props.locale === "en" - ? pageData.scFragments[6].scContentEn.json[3].content[1] - .content[0].value - : pageData.scFragments[6].scContentFr.json[3].content[1] - .content[0].value} - - {props.locale === "en" - ? pageData.scFragments[6].scContentEn.json[3].content[2].value - : pageData.scFragments[6].scContentFr.json[3].content[2].value} -
-