From 52cda2db25012fe1779478a0ed3a33df92269a7b Mon Sep 17 00:00:00 2001 From: Alice Dahan Date: Mon, 18 Nov 2024 12:06:47 +0100 Subject: [PATCH] =?UTF-8?q?feat:=20mise=20=C3=A0=20jour=20des=20ressources?= =?UTF-8?q?=20utiles?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- site/source/locales/ui-fr.yaml | 4 +- .../assistants/demande-mobilité/index.tsx | 5 - site/source/pages/simulateurs/NextSteps.tsx | 110 +++++++++++++++--- .../simulateurs/cards/GuideURSSAFCard.tsx | 6 +- .../cards/IframeIntegrationCard.tsx | 4 +- 5 files changed, 98 insertions(+), 31 deletions(-) diff --git a/site/source/locales/ui-fr.yaml b/site/source/locales/ui-fr.yaml index 37878c242..8c506de8b 100644 --- a/site/source/locales/ui-fr.yaml +++ b/site/source/locales/ui-fr.yaml @@ -792,8 +792,8 @@ news: nextSteps: integration-iframe: aria-label: Intégrer le module web, Voir la documentation - body: Decouvrez comment ajouter ce simulateur sur votre site internet en un clic - via un script clé en main. + body: Découvrez comment ajouter ce simulateur sur votre site internet en un + clic, via un script clé en main. cta: Voir la documentation title: Intégrer le module web nombres de votes: nombres de votes diff --git a/site/source/pages/assistants/demande-mobilité/index.tsx b/site/source/pages/assistants/demande-mobilité/index.tsx index 2bd6bbb2e..405080aea 100644 --- a/site/source/pages/assistants/demande-mobilité/index.tsx +++ b/site/source/pages/assistants/demande-mobilité/index.tsx @@ -18,7 +18,6 @@ import { Grid, Spacing } from '@/design-system/layout' import PopoverConfirm from '@/design-system/popover/PopoverConfirm' import { headings } from '@/design-system/typography' import { Intro, SmallBody } from '@/design-system/typography/paragraphs' -import useSimulationConfig from '@/hooks/useSimulationConfig' import { hash, omit } from '@/utils' import { buildSituationFromObject, @@ -32,11 +31,7 @@ const LazyEndBlock = import.meta.env.SSR ? () => null : lazy(() => import('./EndBlock')) -// Remove Guide urssaf from Ressource utiles section -const config = { situation: { dirigeant: 'non' } } - export default function PageMobilité() { - useSimulationConfig({ key: 'page-mobilité', config }) const engine = new Engine(formulaire) return ( diff --git a/site/source/pages/simulateurs/NextSteps.tsx b/site/source/pages/simulateurs/NextSteps.tsx index 0cbc56c35..212f65c18 100644 --- a/site/source/pages/simulateurs/NextSteps.tsx +++ b/site/source/pages/simulateurs/NextSteps.tsx @@ -3,8 +3,6 @@ import { Trans, useTranslation } from 'react-i18next' import { Condition } from '@/components/EngineValue/Condition' import { WhenAlreadyDefined } from '@/components/EngineValue/WhenAlreadyDefined' import { useEngine } from '@/components/utils/EngineContext' -// import { Article } from '@/design-system/card' -// import { Emoji } from '@/design-system/emoji' import { Grid, Spacing } from '@/design-system/layout' import { H2 } from '@/design-system/typography/heading' import { @@ -31,11 +29,11 @@ export function NextSteps({ iframePath, nextSteps }: NextStepsProps) { const engine = useEngine() const { key } = useCurrentSimulatorData() - const guideUrssaf = guidesUrssaf.find( + const guidesUrssaf = guidesUrssafList.filter( ({ associatedRule }) => engine.evaluate(associatedRule).nodeValue ) - if (!iframePath && !guideUrssaf) { + if (!iframePath && !guidesUrssaf.length && !nextSteps) { return null } @@ -56,6 +54,7 @@ export function NextSteps({ iframePath, nextSteps }: NextStepsProps) { + {nextSteps && nextSteps.map((simulatorId) => ( @@ -63,6 +62,20 @@ export function NextSteps({ iframePath, nextSteps }: NextStepsProps) { ))} + {guidesUrssaf && + language === 'fr' && + guidesUrssaf.map((guideUrssaf, index) => ( + + + + ))} + + {key === 'salarié' && ( + + + + )} + {iframePath && ( )} - {key === 'salarié' && ( - - - - )} - {guideUrssaf && language === 'fr' && ( - - - - )} @@ -88,7 +91,7 @@ export function NextSteps({ iframePath, nextSteps }: NextStepsProps) { ) } -const guidesUrssaf = [ +const guidesUrssafList = [ /* On désactive tous les guides Urssaf qui sont des documents non accessibles. */ // { // url: 'https://www.urssaf.fr/portail/files/live/sites/urssaf/files/documents/PAM/Diaporama_Medecins.pdf', @@ -110,18 +113,87 @@ const guidesUrssaf = [ // associatedRule: 'dirigeant', // title: 'Guide Urssaf pour les indépendants', // }, + { - url: 'https://www.urssaf.fr/portail/home/employeur/employer-du-personnel/nouvel-employeur.html', - title: "Nouvel employeur : l'Urssaf vous accompagne", + url: 'https://www.urssaf.fr/accueil/employeur/embaucher-gerer-salaries.html', + title: 'Embaucher et gérer les salariés', description: - 'Vous créez votre premier emploi ? Découvrez le service Urssaf Première Embauche, un accompagnement personnalisé et entièrement gratuit pendant un an.', + 'De l’embauche d’un salarié jusqu’à la fin de la relation de travail, l’Urssaf vous accompagne dans vos démarches et formalités à accomplir.', associatedRule: { 'toutes ces conditions': [ 'dirigeant = non', { 'est non défini': 'artiste-auteur' }, ], }, - ctaLabel: 'En savoir plus', + }, + { + url: 'https://www.urssaf.fr/accueil/services/services-employeurs/premiere-embauche.html', + title: "Nouvel employeur : l'Urssaf vous accompagne", + description: + 'Première embauche, un service de l’Urssaf pour guider les nouveaux employeurs dans leurs démarches.', + associatedRule: { + 'toutes ces conditions': [ + 'dirigeant = non', + { 'est non défini': 'artiste-auteur' }, + ], + }, + }, + + { + url: 'https://www.urssaf.fr/accueil/services/services-tiers-declarants/service-expert-comptable.html', + title: 'Le service en ligne Expert-comptable', + description: + "L'Urssaf met à votre disposition un service en ligne. Il vous permet de gérer votre activité, contacter un conseiller et retrouver tous vos documents.", + associatedRule: + "dirigeant . indépendant . PL . métier = 'expert-comptable'", + }, + + { + url: 'https://www.urssaf.fr/accueil/services/services-independants/service-pam.html', + title: 'Le service en ligne Praticien ou auxiliaire médical', + description: + "L'Urssaf met à votre disposition un service en ligne. Il vous permet de gérer votre activité, contacter un conseiller et retrouver tous vos documents.", + associatedRule: 'dirigeant . indépendant . PL . PAMC', + }, + { + url: 'https://www.urssaf.fr/accueil/services/services-independants/service-plr.html', + title: 'Le service en ligne Profession libérale réglementée', + description: + "L'Urssaf met à votre disposition un service en ligne. Il vous permet de gérer votre activité, contacter un conseiller et retrouver tous vos documents.", + associatedRule: { + 'toutes ces conditions': [ + 'dirigeant . indépendant . PL', + "dirigeant . indépendant . PL . métier != 'expert-comptable'", + 'dirigeant . indépendant . PL . PAMC = non', + ], + }, + }, + { + url: 'https://www.urssaf.fr/accueil/services/services-independants/service-autoentrepreneur.html', + title: 'Le service en ligne Auto-entrepreneur', + description: + "L'Urssaf met à votre disposition un service en ligne. Il vous permet de gérer votre activité, contacter un conseiller et retrouver tous vos documents.", + associatedRule: 'dirigeant . auto-entrepreneur', + }, + { + url: 'https://www.urssaf.fr/accueil/services/services-independants/mespremiersmois.html', + title: 'Mes premiers mois avec l’Urssaf', + description: + 'Un accompagnement tout au long des étapes clés de votre première année d’entrepreneuriat, pour réussir le lancement de votre entreprise.', + associatedRule: { + 'une de ces conditions': [ + 'dirigeant . auto-entrepreneur', + 'dirigeant . indépendant . PL', + ], + }, + }, + + { + url: 'https://www.urssaf.fr/accueil/services/services-artisteauteur-diffuseur/service-artiste-auteur.html', + title: 'Le service en ligne Artiste-auteur', + description: + "L'Urssaf met à votre disposition un service en ligne. Il vous permet de gérer votre activité, contacter un conseiller et retrouver tous vos documents.", + associatedRule: 'artiste-auteur', }, ] diff --git a/site/source/pages/simulateurs/cards/GuideURSSAFCard.tsx b/site/source/pages/simulateurs/cards/GuideURSSAFCard.tsx index ef836fc75..6b4dd6bbd 100644 --- a/site/source/pages/simulateurs/cards/GuideURSSAFCard.tsx +++ b/site/source/pages/simulateurs/cards/GuideURSSAFCard.tsx @@ -26,10 +26,10 @@ export function GuideURSSAFCard({ guideUrssaf }: GuideURSSAFCardProps) { return (
} - ctaLabel={guideUrssaf.ctaLabel ?? 'Voir le guide'} + icon={} + ctaLabel={guideUrssaf.ctaLabel ?? 'En savoir plus'} aria-label={ - guideUrssaf.title + ', ' + (guideUrssaf.ctaLabel ?? 'Voir le guide') + guideUrssaf.title + ', ' + (guideUrssaf.ctaLabel ?? 'En savoir plus') } href={guideUrssaf.url} > diff --git a/site/source/pages/simulateurs/cards/IframeIntegrationCard.tsx b/site/source/pages/simulateurs/cards/IframeIntegrationCard.tsx index fde713f0c..028bb21c9 100644 --- a/site/source/pages/simulateurs/cards/IframeIntegrationCard.tsx +++ b/site/source/pages/simulateurs/cards/IframeIntegrationCard.tsx @@ -33,8 +33,8 @@ export function IframeIntegrationCard({ }} > - Decouvrez comment ajouter ce simulateur sur votre site internet en un - clic via un script clé en main. + Découvrez comment ajouter ce simulateur sur votre site internet en un + clic, via un script clé en main.
)