feat(indépendant): ajoute le simulateur cessation d’activité

Author: JalilArfaoui

modele-social/règles/entreprise/entreprise.publicodes

@@ -68,6 +68,12 @@ entreprise . durée d'activité . années civiles:
     depuis: date de création
     unité: année civile
 
+entreprise . date de radiation:
+  question: À quelle date comptez-vous déclarer la cessation d’activité ?
+  par défaut: période . fin d'année
+  description: La date de radiation est la date à laquelle l’entreprise cessera son activité.
+  type: date
+
 entreprise . chiffre d'affaires:
   question: Quel est votre chiffre d'affaires envisagé ?
   identifiant court: CA

site/source/components/Feedback/FeedbackForm.tsx

@@ -12,8 +12,7 @@ import { Strong } from '@/design-system/typography'
 import { H1, H4 } from '@/design-system/typography/heading'
 import { Link } from '@/design-system/typography/link'
 import { Body } from '@/design-system/typography/paragraphs'
-
-import { useUrl } from '../ShareSimulationBanner'
+import { useUrl } from '@/hooks/useUrl'
 
 type SubmitError = {
 	message?: string

site/source/components/ShareSimulationBanner/index.tsx

@@ -1,57 +1,36 @@
 import { useContext } from 'react'
 import { Trans, useTranslation } from 'react-i18next'
-import { useSelector } from 'react-redux'
 import { styled } from 'styled-components'
 
 import { PopoverWithTrigger } from '@/design-system'
 import { Button } from '@/design-system/buttons'
 import { Emoji } from '@/design-system/emoji'
 import { Grid, Spacing } from '@/design-system/layout'
-import { useCurrentSimulatorData } from '@/hooks/useCurrentSimulatorData'
-import {
-	companySituationSelector,
-	situationSelector,
-	targetUnitSelector,
-} from '@/store/selectors/simulationSelectors'
+import { useUrl } from '@/hooks/useUrl'
 
 import { TrackingContext } from '../ATInternetTracking'
 import { ConseillersEntreprisesButton } from '../ConseillersEntreprisesButton'
-import { useParamsFromSituation } from '../utils/useSearchParamsSimulationSharing'
 import { ShareSimulationPopup } from './ShareSimulationPopup'
 
-export function useUrl() {
-	const language = useTranslation().i18n.language
-	const situation = {
-		...useSelector(situationSelector),
-		...useSelector(companySituationSelector),
-	}
-
-	const targetUnit = useSelector(targetUnitSelector)
-
-	const searchParams = useParamsFromSituation(situation, targetUnit)
-	const { currentSimulatorData } = useCurrentSimulatorData()
-
-	const { path = '' } = currentSimulatorData ?? {}
-	const siteUrl =
-		language === 'fr'
-			? import.meta.env.VITE_FR_BASE_URL
-			: import.meta.env.VITE_EN_BASE_URL
-
-	return siteUrl + path + '?' + searchParams.toString()
-}
-
 const ButtonLabel = styled.span`
 	margin-left: 1rem;
 `
 
+export interface CustomSimulationButton {
+	href: string
+	title: string
+}
+
 export default function ShareOrSaveSimulationBanner({
 	share,
 	print,
 	conseillersEntreprises,
+	customSimulationbutton,
 }: {
 	share?: boolean
 	print?: boolean
 	conseillersEntreprises?: boolean
+	customSimulationbutton?: CustomSimulationButton
 }) {
 	const { t } = useTranslation()
 	const tracker = useContext(TrackingContext)
@@ -92,6 +71,14 @@ export default function ShareOrSaveSimulationBanner({
 					justifyContent: 'center',
 				}}
 			>
+				{customSimulationbutton && (
+					<Grid item xs={12} sm="auto">
+						<Button light size="XS" href={customSimulationbutton.href}>
+							{customSimulationbutton.title}
+						</Button>
+					</Grid>
+				)}
+
 				{share && (
 					<Grid item xs={12} sm="auto">
 						<PopoverWithTrigger

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'
 
@@ -13,10 +13,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')
@@ -57,6 +59,11 @@ export default function SimulateurWarning({
 					</StyledLi>
 				</Ul>
 			)}
+			{informationsComplémentaires && (
+				<Ul>
+					<StyledLi>{informationsComplémentaires}</StyledLi>
+				</Ul>
+			)}
 			{simulateur === 'profession-libérale' && (
 				<Ul>
 					<StyledLi>

site/source/components/Simulation/index.tsx

@@ -5,9 +5,13 @@ import { useLocation } from 'react-router-dom'
 import { styled } from 'styled-components'
 
 import { ConversationProps } from '@/components/conversation/Conversation'
-import ShareOrSaveSimulationBanner from '@/components/ShareSimulationBanner'
+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,
@@ -27,6 +31,16 @@ export { Questions } from './Questions'
 export { SimulationGoal } from './SimulationGoal'
 export { SimulationGoals } from './SimulationGoals'
 
+const StyledGrid = styled(Grid)`
+	width: 100%;
+	@media print {
+		max-width: initial;
+		flex-basis: initial;
+		flex-grow: 1;
+		margin: 0 1rem;
+	}
+`
+
 type SimulationProps = {
 	explanations?: React.ReactNode
 	results?: React.ReactNode
@@ -37,18 +51,9 @@ type SimulationProps = {
 	customEndMessages?: ConversationProps['customEndMessages']
 	fullWidth?: boolean
 	id?: string
+	customSimulationbutton?: CustomSimulationButton
 }
 
-const StyledGrid = styled(Grid)`
-	width: 100%;
-	@media print {
-		max-width: initial;
-		flex-basis: initial;
-		flex-grow: 1;
-		margin: 0 1rem;
-	}
-`
-
 export default function Simulation({
 	explanations,
 	results,
@@ -59,6 +64,7 @@ export default function Simulation({
 	hideDetails = false,
 	fullWidth,
 	id,
+	customSimulationbutton,
 }: SimulationProps) {
 	const firstStepCompleted = useSelector(firstStepCompletedSelector)
 	const existingCompany = !!useSelector(companySituationSelector)[
@@ -115,6 +121,21 @@ export default function Simulation({
 					)}
 					{firstStepCompleted && !hideDetails && (
 						<>
+							{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 />
 						</>

site/source/components/simulationExplanation/PrintExportRecover.tsx

@@ -1,9 +1,9 @@
 import { Trans } from 'react-i18next'
 
-import { useUrl } from '@/components/ShareSimulationBanner'
 import { Message } from '@/design-system'
 import { Link } from '@/design-system/typography/link'
 import { Body } from '@/design-system/typography/paragraphs'
+import { useUrl } from '@/hooks/useUrl'
 
 export default function PrintExportRecover() {
 	return (

site/source/hooks/useSearchParamsForCurrentSituation.tsx

@@ -0,0 +1,27 @@
+import { useSelector } from 'react-redux'
+
+import { useParamsFromSituation } from '@/components/utils/useSearchParamsSimulationSharing'
+import {
+	companySituationSelector,
+	situationSelector,
+	targetUnitSelector,
+} from '@/store/selectors/simulationSelectors'
+
+export const useSearchParamsForCurrentSituation = <
+	T extends boolean | undefined,
+>(
+	asString: T
+): T extends true ? string : object => {
+	const situation = {
+		...useSelector(situationSelector),
+		...useSelector(companySituationSelector),
+	}
+
+	const targetUnit = useSelector(targetUnitSelector)
+
+	const searchParams = useParamsFromSituation(situation, targetUnit)
+
+	return (asString ? searchParams.toString() : searchParams) as T extends true
+		? string
+		: object
+}

site/source/hooks/useSiteUrl.tsx

@@ -0,0 +1,9 @@
+import { useTranslation } from 'react-i18next'
+
+export const useSiteUrl = () => {
+	const language = useTranslation().i18n.language
+
+	return language === 'fr'
+		? import.meta.env.VITE_FR_BASE_URL
+		: import.meta.env.VITE_EN_BASE_URL
+}

site/source/hooks/useUrl.tsx

@@ -0,0 +1,11 @@
+import { useCurrentSimulatorData } from '@/hooks/useCurrentSimulatorData'
+import { useSearchParamsForCurrentSituation } from '@/hooks/useSearchParamsForCurrentSituation'
+import { useSiteUrl } from '@/hooks/useSiteUrl'
+
+export function useUrl() {
+	const { currentSimulatorData } = useCurrentSimulatorData()
+
+	const { path = '' } = currentSimulatorData ?? {}
+
+	return useSiteUrl() + path + '?' + useSearchParamsForCurrentSituation(true)
+}

site/source/locales/rules-en.yaml

@@ -5789,6 +5789,18 @@ entreprise . date de création . contrôle date passée:
     pas vous être trompé dans la saisie ?
   titre.en: '[automatic] past date check'
   titre.fr: contrôle date passée
+entreprise . date de radiation:
+  description.en: '[automatic] The deregistration date is the date on which the
+    company ceases trading.'
+  description.fr:
+    La date de radiation est la date à laquelle l’entreprise cessera
+    son activité.
+  question.en: '[automatic] When do you plan to declare your cessation of activity?'
+  question.fr: À quelle date comptez-vous déclarer la cessation d’activité ?
+  suggestions.Fin de cette année.en: '[automatic] End of this year'
+  suggestions.Fin de cette année.fr: Fin de cette année
+  titre.en: '[automatic] deregistration date'
+  titre.fr: date de radiation
 entreprise . dividendes:
   titre.en: '[automatic] dividends'
   titre.fr: dividendes

site/source/locales/ui-en.yaml

@@ -61,6 +61,7 @@ Bonjour, je suis boulanger et je n'ai pas trouvé en cherchant "pain" ou "vienno
   Hello, I'm a baker and I couldn't find "bread" or "viennoiserie" when I
   searched.
 Budget: Budget
+Calculer vos cotisations pour l’année précédente: Calculate your contributions for the previous year
 Calculer vos revenus: Calculate your income
 Ce simulateur a été prérempli avec la situation de votre entreprise.: This simulator has been pre-filled with your company's situation.
 Cette commune n'existe pas: This commune does not exist
@@ -1238,6 +1239,17 @@ pages:
         title: "Lawyer: income simulator"
       shortname: Lawyer
       title: Income simulator for self-employed lawyers
+    cessation-activité:
+      meta:
+        description: Calculate your contributions to be paid when you cease
+          self-employed activity
+        ogDescription: Calculate your contributions to be paid when you cease
+          self-employed activity
+        ogTitle: Calculate your contributions to be paid when you cease self-employed
+          activity
+        titre: "Self-employed : Estimates of contributions payable after termination"
+      shortname: Cessation of activity
+      title: Estimated contributions payable after termination
     chirurgien-dentiste:
       meta:
         description: Calculation of net income after contributions based on total income.

site/source/locales/ui-fr.yaml

@@ -66,6 +66,7 @@ Bonjour, je suis boulanger et je n'ai pas trouvé en cherchant "pain" ou "vienno
   Bonjour, je suis boulanger et je n'ai pas trouvé en cherchant "pain" ou
   "viennoiserie".
 Budget: Budget
+Calculer vos cotisations pour l’année précédente: Calculer vos cotisations pour l’année précédente
 Calculer vos revenus: Calculer vos revenus
 Ce simulateur a été prérempli avec la situation de votre entreprise.: Ce simulateur a été prérempli avec la situation de votre entreprise.
 Cette commune n'existe pas: Cette commune n'existe pas
@@ -1314,6 +1315,17 @@ pages:
         title: "Avocat : simulateur de revenus"
       shortname: Avocat
       title: Simulateur de revenus pour avocat en libéral
+    cessation-activité:
+      meta:
+        description: Calculez vos cotisations à payer lors de la cessation de votre
+          activité en tant qu’indépendant
+        ogDescription: Calculez vos cotisations à payer lors de la cessation de votre
+          activité en tant qu’indépendant
+        ogTitle: Calculez vos cotisations à payer lors de la cessation de votre activité
+          en tant qu’indépendant
+        titre: "Indépendants : Estimations de cotisations à devoir après cessation"
+      shortname: Cessation d’activité
+      title: Estimations de cotisations à devoir après cessation
     chirurgien-dentiste:
       meta:
         description: Calcul du revenu net après cotisations à partir du total des recettes.

site/source/pages/simulateurs-et-assistants/index.tsx

@@ -160,7 +160,6 @@ export default function SimulateursEtAssistants() {
 					<SimulateurCard {...simulators.is} role="listitem" />
 					<SimulateurCard {...simulators.dividendes} role="listitem" />
 
-					<SimulateurCard {...simulators['demande-mobilité']} role="listitem" />
 					<SimulateurCard
 						{...simulators['coût-création-entreprise']}
 						role="listitem"
@@ -169,6 +168,12 @@ export default function SimulateursEtAssistants() {
 						{...simulators['recherche-code-ape']}
 						role="listitem"
 					/>
+					<SimulateurCard
+						{...simulators['cessation-activité']}
+						role="listitem"
+					/>
+
+					<SimulateurCard {...simulators['demande-mobilité']} role="listitem" />
 				</Grid>
 			</section>
 			<section>

site/source/pages/simulateurs-et-assistants/metadata-src.ts

@@ -30,6 +30,7 @@ import { réductionGénéraleConfig } from '../simulateurs/reduction-generale/co
 import { sageFemmeConfig } from '../simulateurs/sage-femme/config'
 import { salariéConfig } from '../simulateurs/salarié/config'
 import { sasuConfig } from '../simulateurs/sasu/config'
+import { cessationActivitéConfig } from '@/pages/simulateurs/cessation-activité/config'
 
 /**
  * Contient l'intégralité des données concernant les différents simulateurs et assistants
@@ -63,6 +64,7 @@ const getMetadataSrc = (params: SimulatorsDataParams) => {
 		...impôtSociétéConfig(params),
 		...cipavConfig(params),
 		...réductionGénéraleConfig(params),
+		...cessationActivitéConfig(params),
 
 		// assistants:
 		...choixStatutJuridiqueConfig(params),