Feat(RGCP): Ajout d'un récapitulatif trimestriel

site/cypress/integration/mon-entreprise/reduction-generale.ts

@@ -20,16 +20,16 @@ describe(
 		})
 
 		it('should allow to change time period', function () {
-			cy.contains('Réduction mensuelle').click()
-			cy.get(inputSelector).first().type('{selectall}1900')
+			cy.get(inputSelector).first().type('{selectall}22800')
 
-			cy.contains('Réduction annuelle').click()
-			cy.get(inputSelector).first().should('have.value', '22 800 €')
+			cy.contains('Réduction mensuelle').click()
+			// Wait for values to update
+			// eslint-disable-next-line cypress/no-unnecessary-waiting
+			cy.wait(750)
+			cy.get(inputSelector).first().should('have.value', '1 900 €')
 		})
 
 		it('should display values for the réduction générale', function () {
-			cy.contains('Réduction mensuelle').click()
-
 			cy.get(
 				'p[id="salarié___cotisations___exonérations___réduction_générale-value"]'
 			).should('include.text', '523,26 €')
@@ -83,23 +83,25 @@ describe(
 		})
 
 		it('should display a warning for a remuneration too high', function () {
-			cy.contains('Réduction mensuelle').click()
 			cy.get(inputSelector).first().type('{selectall}3000')
 
 			cy.get('div[id="simulator-legend"]').should(
 				'include.text',
 				'La RGCP concerne uniquement les salaires inférieurs à 1,6 SMIC.'
 			)
 
+			cy.get(
+				'p[id="salarié___cotisations___exonérations___réduction_générale-value"]'
+			).should('have.text', '0 €')
 			cy.get(
 				'p[id="salarié___cotisations___exonérations___réduction_générale___imputation_retraite_complémentaire-value"]'
-			).should('include.text', '0 €')
+			).should('have.text', '0 €')
 			cy.get(
 				'p[id="salarié___cotisations___exonérations___réduction_générale___imputation_sécurité_sociale-value"]'
-			).should('include.text', '0 €')
+			).should('have.text', '0 €')
 			cy.get(
 				'p[id="salarié___cotisations___exonérations___réduction_générale___imputation_chômage-value"]'
-			).should('include.text', '0 €')
+			).should('have.text', '0 €')
 		})
 
 		it('should display remuneration and RGCP month by month', function () {
@@ -108,7 +110,7 @@ describe(
 
 			cy.contains('Réduction mois par mois').click()
 			cy.contains('Réduction générale mois par mois :')
-			// Wait for 1 ms in order for values to update
+			// Wait for values to update
 			// eslint-disable-next-line cypress/no-unnecessary-waiting
 			cy.wait(1)
 			cy.get(inputSelector)
@@ -128,11 +130,8 @@ describe(
 		})
 
 		it('should calculate RGCP month by month independently', function () {
-			cy.contains('Moins de 50 salariés').click()
-			cy.contains('Réduction mois par mois').click()
-
-			cy.get(inputSelector).first().type('{selectall}1900')
 			cy.get(inputSelector).eq(1).type('{selectall}2000')
+
 			cy.get(
 				'#salarié___cotisations___exonérations___réduction_générale-janvier'
 			).should('include.text', '493,43 €')
@@ -142,31 +141,21 @@ describe(
 		})
 
 		it('should save remuneration between tabs', function () {
-			cy.contains('Moins de 50 salariés').click()
 			cy.contains('Réduction mensuelle').click()
-			cy.get(inputSelector).first().type('{selectall}1900')
-			cy.contains('Réduction mois par mois').click()
-			cy.get(inputSelector).first().type('{selectall}2000')
-			cy.get(inputSelector).eq(1).type('{selectall}2000')
-
-			cy.contains('Réduction mensuelle').click()
-			cy.get(inputSelector).first().should('have.value', '1 916,67 €')
+			cy.get(inputSelector).first().should('have.value', '1 908,33 €')
 			cy.contains('Réduction annuelle').click()
-			cy.get(inputSelector).first().should('have.value', '23 000 €')
+			cy.get(inputSelector).first().should('have.value', '22 900 €')
 			cy.contains('Réduction mois par mois').click()
 			cy.get(inputSelector).each(($input, index) => {
 				let expectedValue = '1 900 €'
-				if (index < 2) {
+				if (index === 1) {
 					expectedValue = '2 000 €'
 				}
 				cy.wrap($input).should('have.value', expectedValue)
 			})
 		})
 
 		it('should include progressive regularisation', function () {
-			cy.contains('Réduction mensuelle').click()
-			cy.get(inputSelector).first().type('{selectall}1900')
-			cy.contains('Réduction mois par mois').click()
 			cy.get(inputSelector).eq(1).type('{selectall}3000')
 
 			cy.get(
@@ -191,7 +180,7 @@ describe(
 			).should('include.text', '0 €')
 			cy.get(
 				'#salarié___cotisations___exonérations___réduction_générale__régularisation-février'
-			).should('include.text', '0 €')
+			).should('not.exist')
 			cy.get(
 				'#salarié___cotisations___exonérations___réduction_générale-mars'
 			).should('include.text', '493,43 €')
@@ -225,13 +214,46 @@ describe(
 			)
 				.should('be.visible')
 				.click()
-			cy.get('input[id="option-rémunération-etp-janvier"]').should('be.visible')
-			cy.get('input[id="option-rémunération-primes-janvier"]').should(
-				'be.visible'
+			cy.get('input[id="option-rémunération-etp-janvier"]')
+				.should('be.visible')
+				.type('{selectall}1900')
+			cy.get('input[id="option-rémunération-primes-janvier"]')
+				.should('be.visible')
+				.type('{selectall}200')
+			cy.get('input[id="option-rémunération-heures-sup-janvier"]')
+				.should('be.visible')
+				.type('{selectall}100')
+
+			cy.get(
+				'#salarié___cotisations___exonérations___réduction_générale-janvier'
+			).should('include.text', '479,10 €')
+
+			cy.get(
+				'div[id="simulator-legend"] button[aria-describedby="options-description"]'
 			)
-			cy.get('input[id="option-rémunération-heures-sup-janvier"]').should(
-				'be.visible'
+				.first()
+				.click()
+		})
+
+		it('should include a recap table', function () {
+			cy.contains('Régularisation progressive').click()
+			cy.get('div[id="simulator-legend"]').should(
+				'include.text',
+				'Récapitulatif trimestriel'
 			)
+
+			cy.get(inputSelector).each(($input, index) => {
+				if (index > 2 && index < 6) {
+					cy.wrap($input).type('{selectall}3000')
+				}
+			})
+			// Wait for values to update
+			// eslint-disable-next-line cypress/no-unnecessary-waiting
+			cy.wait(500)
+			cy.get('#recap-1er_trimestre-671').should('include.text', '602,88 €')
+			cy.get('#recap-2ème_trimestre-801').should('include.text', '-276,40 €')
+			cy.get('#recap-3ème_trimestre-671').should('include.text', '1 481,79 €')
+			cy.get('#recap-4ème_trimestre-671').should('include.text', '1 539,05 €')
 		})
 
 		it('should be RGAA compliant', function () {

site/source/locales/ui-en.yaml

@@ -330,6 +330,7 @@ Tout déplier: Unfold all
 Tout plier: Fold everything
 Tout réinitialiser: Reset all
 Travailleurs Non Salariés (TNS): Self-employed workers (TNS)
+Trimestre: Quarter
 Type: Type
 URSSAF Mon entreprise, accéder à la page d'accueil: URSSAF Mon entreprise, go to home page
 Un <1>capital « orphelin »</1> est versé aux <4>enfants des travailleurs indépendants</4> décédés, sous certaines conditions.:
@@ -1514,6 +1515,15 @@ pages:
         rémunération-primes:
           popover: <0>Indicate here any elements of remuneration not affected by the
             absence, such as bonuses.</0>
+      recap:
+        T1: 1st quarter
+        T2: 2nd quarter
+        T3: 3rd quarter
+        T4: 4th quarter
+        caption: "Quarterly summary :"
+        code671: code 671(€)
+        code801: code 801(€)
+        header: Calculated reduction
       régularisation:
         annuelle: Annual adjustment
         progressive: Progressive regularization

site/source/locales/ui-fr.yaml

@@ -345,6 +345,7 @@ Tout déplier: Tout déplier
 Tout plier: Tout plier
 Tout réinitialiser: Tout réinitialiser
 Travailleurs Non Salariés (TNS): Travailleurs Non Salariés (TNS)
+Trimestre: Trimestre
 Type: Type
 URSSAF Mon entreprise, accéder à la page d'accueil: URSSAF Mon entreprise, accéder à la page d'accueil
 Un <1>capital « orphelin »</1> est versé aux <4>enfants des travailleurs indépendants</4> décédés, sous certaines conditions.:
@@ -1608,6 +1609,15 @@ pages:
         rémunération-primes:
           popover: <0>Indiquez ici les éléments de rémunération non affectés par
             l'absence, comme les primes.</0>
+      recap:
+        T1: 1er trimestre
+        T2: 2ème trimestre
+        T3: 3ème trimestre
+        T4: 4ème trimestre
+        caption: "Récapitulatif trimestriel :"
+        code671: code 671(€)
+        code801: code 801(€)
+        header: Réduction calculée
       régularisation:
         annuelle: Régularisation annuelle
         progressive: Régularisation progressive

site/source/pages/simulateurs/reduction-generale/Basique.tsx

@@ -0,0 +1,77 @@
+import { useTranslation } from 'react-i18next'
+import { useSelector } from 'react-redux'
+
+import { Condition } from '@/components/EngineValue/Condition'
+import { SimulationGoal } from '@/components/Simulation'
+import { SimulationValue } from '@/components/Simulation/SimulationValue'
+import { useEngine } from '@/components/utils/EngineContext'
+import { Message } from '@/design-system'
+import { Spacing } from '@/design-system/layout'
+import { Body } from '@/design-system/typography/paragraphs'
+import { targetUnitSelector } from '@/store/selectors/simulationSelectors'
+
+import Répartition from './components/Répartition'
+import Warnings from './components/Warnings'
+import WarningSalaireTrans from './components/WarningSalaireTrans'
+import {
+	réductionGénéraleDottedName,
+	rémunérationBruteDottedName,
+} from './utils'
+
+type Props = {
+	onUpdate: () => void
+}
+
+export default function RéductionGénéraleBasique({ onUpdate }: Props) {
+	const engine = useEngine()
+	const currentUnit = useSelector(targetUnitSelector)
+	const { t } = useTranslation()
+
+	const répartition = {
+		IRC:
+			(engine.evaluate({
+				valeur: `${réductionGénéraleDottedName} . imputation retraite complémentaire`,
+				unité: currentUnit,
+			})?.nodeValue as number) ?? 0,
+		Urssaf:
+			(engine.evaluate({
+				valeur: `${réductionGénéraleDottedName} . imputation sécurité sociale`,
+				unité: currentUnit,
+			})?.nodeValue as number) ?? 0,
+		chômage:
+			(engine.evaluate({
+				valeur: `${réductionGénéraleDottedName} . imputation chômage`,
+				unité: currentUnit,
+			})?.nodeValue as number) ?? 0,
+	}
+
+	return (
+		<>
+			<SimulationGoal
+				dottedName={rémunérationBruteDottedName}
+				round={false}
+				label={t('Rémunération brute')}
+				onUpdateSituation={onUpdate}
+			/>
+
+			<Warnings />
+			<Condition expression={`${rémunérationBruteDottedName} > 1.6 * SMIC`}>
+				<Message type="info">
+					<Body>
+						<WarningSalaireTrans />
+					</Body>
+				</Message>
+			</Condition>
+
+			<Condition expression={`${réductionGénéraleDottedName} >= 0`}>
+				<SimulationValue
+					dottedName={réductionGénéraleDottedName}
+					isInfoMode={true}
+					round={false}
+				/>
+				<Spacing md />
+				<Répartition répartition={répartition} />
+			</Condition>
+		</>
+	)
+}

site/source/pages/simulateurs/reduction-generale/Goals.tsx

@@ -1,33 +1,24 @@
 import { DottedName } from 'modele-social'
 import { PublicodesExpression } from 'publicodes'
 import { useCallback, useEffect, useRef, useState } from 'react'
-import { useTranslation } from 'react-i18next'
 import { useDispatch, useSelector } from 'react-redux'
 
-import { Condition } from '@/components/EngineValue/Condition'
-import { SimulationGoal, SimulationGoals } from '@/components/Simulation'
-import { SimulationValue } from '@/components/Simulation/SimulationValue'
+import { SimulationGoals } from '@/components/Simulation'
 import { useEngine } from '@/components/utils/EngineContext'
 import useYear from '@/components/utils/useYear'
-import { Message } from '@/design-system'
-import { Spacing } from '@/design-system/layout'
-import { Body } from '@/design-system/typography/paragraphs'
 import { SimpleRuleEvaluation } from '@/domaine/engine/SimpleRuleEvaluation'
 import { Situation } from '@/domaine/Situation'
 import { ajusteLaSituation } from '@/store/actions/actions'
 import { situationSelector } from '@/store/selectors/simulationSelectors'
 
-import Répartition from './components/Répartition'
-import Warnings from './components/Warnings'
-import WarningSalaireTrans from './components/WarningSalaireTrans'
+import RéductionGénéraleBasique from './Basique'
 import RéductionGénéraleMoisParMois from './MoisParMois'
 import {
 	getInitialRéductionGénéraleMoisParMois,
 	heuresComplémentairesDottedName,
 	heuresSupplémentairesDottedName,
 	MonthState,
 	Options,
-	réductionGénéraleDottedName,
 	reevaluateRéductionGénéraleMoisParMois,
 	RégularisationMethod,
 	rémunérationBruteDottedName,
@@ -57,7 +48,6 @@ export default function RéductionGénéraleSimulationGoals({
 }) {
 	const engine = useEngine()
 	const dispatch = useDispatch()
-	const { t } = useTranslation()
 	const [réductionGénéraleMoisParMoisData, setData] = useState<MonthState[]>([])
 	const year = useYear()
 	const situation = useSelector(situationSelector) as SituationType
@@ -196,33 +186,9 @@ export default function RéductionGénéraleSimulationGoals({
 					onOptionsChange={onOptionsChange}
 				/>
 			) : (
-				<>
-					<SimulationGoal
-						dottedName={rémunérationBruteDottedName}
-						round={false}
-						label={t('Rémunération brute')}
-						onUpdateSituation={initializeRéductionGénéraleMoisParMoisData}
-					/>
-
-					<Warnings />
-					<Condition expression={`${rémunérationBruteDottedName} > 1.6 * SMIC`}>
-						<Message type="info">
-							<Body>
-								<WarningSalaireTrans />
-							</Body>
-						</Message>
-					</Condition>
-
-					<Condition expression={`${réductionGénéraleDottedName} >= 0`}>
-						<SimulationValue
-							dottedName={réductionGénéraleDottedName}
-							isInfoMode={true}
-							round={false}
-						/>
-						<Spacing md />
-						<Répartition />
-					</Condition>
-				</>
+				<RéductionGénéraleBasique
+					onUpdate={initializeRéductionGénéraleMoisParMoisData}
+				/>
 			)}
 		</SimulationGoals>
 	)