feat(indépendant): améliore la présentation et les formulations du si…

…mulateur cessation d'activité
betagouv · Aug 30, 2024 · a477fd0 · a477fd0
1 parent ffe39d9
commit a477fd0
Show file tree

Hide file tree

Showing 7 changed files with 49 additions and 22 deletions.
diff --git a/modele-social/règles/entreprise/entreprise.publicodes b/modele-social/règles/entreprise/entreprise.publicodes
@@ -69,13 +69,8 @@ entreprise . durée d'activité . années civiles:
 
 entreprise . date de radiation:
   question: À quelle date comptez-vous déclarer la cessation d’activité ?
-  par défaut:
-    somme:
-      - date
-      - 1 mois
+  par défaut: période . fin d'année
   description: La date de radiation est la date à laquelle l’entreprise cessera son activité.
-  suggestions:
-    Fin de cette année: période . fin d'année
   type: date
 
 entreprise . chiffre d'affaires:

diff --git a/site/source/components/SimulateurWarning.tsx b/site/source/components/SimulateurWarning.tsx
@@ -1,4 +1,4 @@
-import { useContext } from 'react'
+import React, { ReactNode, useContext } from 'react'
 import { Trans } from 'react-i18next'
 import { styled } from 'styled-components'
 
@@ -12,10 +12,12 @@ import { EngineContext } from './utils/EngineContext'
 
 type SimulateurWarningProps = {
 	simulateur: Exclude<keyof AbsoluteSitePaths['simulateurs'], 'index'>
+	informationsComplémentaires?: ReactNode
 }
 
 export default function SimulateurWarning({
 	simulateur,
+	informationsComplémentaires,
 }: SimulateurWarningProps) {
 	const year = useContext(EngineContext)
 		.evaluate('date')
@@ -56,6 +58,11 @@ export default function SimulateurWarning({
 					</StyledLi>
 				</Ul>
 			)}
+			{informationsComplémentaires && (
+				<Ul>
+					<StyledLi>{informationsComplémentaires}</StyledLi>
+				</Ul>
+			)}
 			{simulateur !== 'artiste-auteur' && (
 				<Body>
 					<Trans i18nKey="simulateurs.warning.urssaf">

diff --git a/site/source/components/Simulation/index.tsx b/site/source/components/Simulation/index.tsx
@@ -11,7 +11,9 @@ import ShareOrSaveSimulationBanner, {
 	CustomSimulationButton,
 } from '@/components/ShareSimulationBanner'
 import { PopoverWithTrigger } from '@/design-system'
+import { Button } from '@/design-system/buttons'
 import { Grid, Spacing } from '@/design-system/layout'
+import { H3 } from '@/design-system/typography/heading'
 import { Link } from '@/design-system/typography/link'
 import {
 	companySituationSelector,
@@ -126,12 +128,22 @@ export default function Simulation({
 					)}
 					{firstStepCompleted && !hideDetails && (
 						<>
-							<ShareOrSaveSimulationBanner
-								share
-								print
-								conseillersEntreprises
-								customSimulationbutton={customSimulationbutton}
-							/>
+							{customSimulationbutton && (
+								<>
+									<div>
+										<H3>
+											Avez-vous besoin de calculer les cotisations de l'année
+											précédente ?
+										</H3>
+										<Button size="MD" href={customSimulationbutton.href}>
+											{customSimulationbutton.title}
+										</Button>
+									</div>
+									<Spacing lg />
+								</>
+							)}
+
+							<ShareOrSaveSimulationBanner share print conseillersEntreprises />
 							<Spacing lg />
 						</>
 					)}

diff --git a/site/source/pages/simulateurs/cessation-activité/CessationActivité.tsx b/site/source/pages/simulateurs/cessation-activité/CessationActivité.tsx
@@ -34,10 +34,13 @@ export const CessationActivitéSimulation = () => {
 		<Simulation
 			customSimulationbutton={{
 				href: lien,
-				title: t('Calculer vos cotisations pour l’année précédente'),
+				title: t('Vos cotisations pour l’année précédente'),
 			}}
 		>
-			<SimulateurWarning simulateur="cessation-activité" />
+			<SimulateurWarning
+				simulateur="cessation-activité"
+				informationsComplémentaires={<>Warning</>}
+			/>
 			<CessationActivitéGoals />
 		</Simulation>
 	)

diff --git a/site/source/pages/simulateurs/cessation-activité/Goals.tsx b/site/source/pages/simulateurs/cessation-activité/Goals.tsx
@@ -1,9 +1,13 @@
+import { useTranslation } from 'react-i18next'
+
 import ChiffreAffairesActivitéMixte from '@/components/ChiffreAffairesActivitéMixte'
 import { Condition } from '@/components/EngineValue/Condition'
 import { SimulationGoal, SimulationGoals } from '@/components/Simulation'
 import { CessationActivitéToggles } from '@/pages/simulateurs/cessation-activité/Toggles'
 
 export const CessationActivitéGoals = () => {
+	const { t } = useTranslation()
+
 	return (
 		<SimulationGoals
 			legend="Vos revenus d’activité l’année de cessation"
@@ -14,6 +18,7 @@ export const CessationActivitéGoals = () => {
 					<SimulationGoal
 						appear={false}
 						dottedName="entreprise . chiffre d'affaires"
+						label={t("Chiffre d'affaires pour l'année de cessation")}
 					/>
 				</Condition>
 				<Condition expression="entreprise . imposition . régime . micro-entreprise">
@@ -31,14 +36,17 @@ export const CessationActivitéGoals = () => {
 				<SimulationGoal
 					appear={false}
 					dottedName="dirigeant . rémunération . totale"
+					label={t("Rémunération totale pour l'année de cessation")}
 				/>
 			</Condition>
 
 			<SimulationGoal
 				small
 				editable={false}
 				dottedName="dirigeant . indépendant . cotisations et contributions"
-				label={"Total des cotisations à devoir après cessation d'activité"}
+				label={
+					"Total des cotisations à devoir pour l'année de cessation d'activité"
+				}
 			/>
 			<Condition expression="entreprise . imposition . régime . micro-entreprise">
 				<SimulationGoal

diff --git a/site/source/pages/simulateurs/cessation-activité/Toggles.tsx b/site/source/pages/simulateurs/cessation-activité/Toggles.tsx
@@ -1,5 +1,6 @@
 import { useDispatch } from 'react-redux'
 
+import { DefaultValue } from '@/components/conversation/DefaultValue'
 import { ExplicableRule } from '@/components/conversation/Explicable'
 import RuleInput from '@/components/conversation/RuleInput'
 import { useEngine } from '@/components/utils/EngineContext'
@@ -42,6 +43,7 @@ export const CessationActivitéToggles = () => {
 						dispatch(updateSituation('entreprise . date de radiation', date))
 					}}
 				/>
+				<DefaultValue dottedName={'entreprise . date de radiation'} />
 			</div>
 
 			<RuleInput

diff --git a/site/source/pages/simulateurs/cessation-activité/config.ts b/site/source/pages/simulateurs/cessation-activité/config.ts
@@ -11,7 +11,7 @@ export function cessationActivitéConfig({
 	return config({
 		id: 'cessation-activité',
 		tracking: 'cessation_activité',
-		icône: '🛑',
+		icône: '📦',
 		iframePath: 'simulateur-cessation-activité',
 		pathId: 'simulateurs.cessation-activité',
 		shortName: t(
@@ -20,24 +20,24 @@ export function cessationActivitéConfig({
 		),
 		title: t(
 			'pages.simulateurs.cessation-activité.title',
-			'Estimations de cotisations à devoir après cessation'
+			"Indépendants : Cotisations pour l'année de cessation"
 		),
 		meta: {
 			description: t(
 				'pages.simulateurs.cessation-activité.meta.description',
-				'Calculez vos cotisations à payer lors de la cessation de votre activité en tant qu’indépendant'
+				"Estimez vos cotisations de l'année de cessation de votre activité en tant qu’indépendant."
 			),
 			ogDescription: t(
 				'pages.simulateurs.cessation-activité.meta.ogDescription',
-				'Calculez vos cotisations à payer lors de la cessation de votre activité en tant qu’indépendant'
+				"Estimez vos cotisations de l'année de cessation de votre activité en tant qu’indépendant."
 			),
 			ogTitle: t(
 				'pages.simulateurs.cessation-activité.meta.ogTitle',
-				'Calculez vos cotisations à payer lors de la cessation de votre activité en tant qu’indépendant'
+				"Indépendants : Cotisations pour l'année de cessation"
 			),
 			title: t(
 				'pages.simulateurs.cessation-activité.meta.titre',
-				'Indépendants : Estimations de cotisations à devoir après cessation'
+				"Indépendants : Cotisations pour l'année de cessation"
 			),
 		},
 		nextSteps: ['indépendant'],