diff --git a/site/source/pages/Simulateurs/ExonerationCovid/FormulaireS1S1Bis.tsx b/site/source/pages/Simulateurs/ExonerationCovid/FormulaireS1S1Bis.tsx
index d2c9f11dd..14c635f88 100644
--- a/site/source/pages/Simulateurs/ExonerationCovid/FormulaireS1S1Bis.tsx
+++ b/site/source/pages/Simulateurs/ExonerationCovid/FormulaireS1S1Bis.tsx
@@ -1,6 +1,7 @@
import { EngineContext } from '@/components/utils/EngineContext'
import { Spacing } from '@/design-system/layout'
import { H3 } from '@/design-system/typography/heading'
+import { Li, Ul } from '@/design-system/typography/list'
import { baseParagraphStyle } from '@/design-system/typography/paragraphs'
import { Grid } from '@mui/material'
import { DottedNames } from 'exoneration-covid'
@@ -12,15 +13,14 @@ import Engine, {
} from 'publicodes'
import { useContext } from 'react'
import { Trans, useTranslation } from 'react-i18next'
-import styled from 'styled-components'
+import styled, { css } from 'styled-components'
import { Row, Table, Tbody, Th, Thead, Tr } from './Table'
-const Json = (props: any) => (
-
{JSON.stringify(props, null, 2)}
-)
-
const Recap = styled.div`
- background: ${({ theme }) => theme.colors.bases.primary[600]};
+ background: ${({ theme }) => {
+ const colorPalette = theme.colors.bases.primary
+ return css`linear-gradient(60deg, ${colorPalette[800]} 0%, ${colorPalette[600]} 100%);`
+ }};
border-radius: 0.25rem;
padding: 1.5rem;
${baseParagraphStyle}
@@ -56,6 +56,14 @@ const Total = styled.div`
margin-bottom: 0.5rem;
`
+const RecapExpert = styled(Ul)`
+ border-radius: 0.25rem;
+ padding: 1.5rem;
+ padding-top: 0;
+ ${baseParagraphStyle}
+ line-height: 1.5rem;
+`
+
const getTotalByMonth = (engine: Engine) => {
type ParsedSituation = typeof engine.parsedSituation
@@ -130,7 +138,6 @@ export const FormulaireS1S1Bis = ({
const LFSS600 = engine.evaluate('LFSS 600')
const LFSS300 = engine.evaluate('LFSS 300')
const LFR1 = engine.evaluate('LFR1')
- const exoS2 = engine.evaluate('exonération S2')
const total = engine.evaluate('montant total')
const totalByMonth = getTotalByMonth(engine)
@@ -162,6 +169,15 @@ export const FormulaireS1S1Bis = ({
e.parents[0].name === 'mois'
)
+ const monthsCount = Object.entries(totalByMonth).reduce(
+ (acc, [, node]) => {
+ 'dottedName' in node && node.dottedName?.includes('LFSS') && acc.LFSS++
+ 'dottedName' in node && node.dottedName?.includes('LFR1') && acc.LFR1++
+ return acc
+ },
+ { LFSS: 0, LFR1: 0 }
+ )
+
let emptyMonthIndex: number[] = []
let isAnyRowShowed = false
@@ -344,13 +360,40 @@ export const FormulaireS1S1Bis = ({
-
+
+ Résumé
+
+
+
+ Secteur d'activité dont relève l'activité principale :{' '}
+ {engine.evaluate('secteur').nodeValue}
+
+
+ Activité exercée en{' '}
+
+ {engine.evaluate("lieu d'exercice").nodeValue}
+
+
+
+ Début d'activité :{' '}
+
+ {engine.evaluate("début d'activité").nodeValue}
+
+
+
+ Nombres de mois pour lesquels vous remplissez les conditions
+ d'éligibilité
+
+ -
+ LFSS : {monthsCount.LFSS.toString()} mois
+
+ -
+ LFR1 : {monthsCount.LFR1.toString()} mois
+
+
+
+
+
>
)
}
diff --git a/site/source/pages/Simulateurs/ExonerationCovid/index.tsx b/site/source/pages/Simulateurs/ExonerationCovid/index.tsx
index 3361725cf..ea57acabd 100644
--- a/site/source/pages/Simulateurs/ExonerationCovid/index.tsx
+++ b/site/source/pages/Simulateurs/ExonerationCovid/index.tsx
@@ -64,80 +64,95 @@ export default function ExonérationCovid() {
const step2 = rootDottedNames.every((names) => params[names])
return (
- <>
-
- {step2 ? (
- <>
-
- >
- ) : (
- <>
+
+ {step2 ? (
+ <>
+
+ >
+ ) : (
+ <>
+
{exoCovidEngine.getRule('secteur').rawNode.question}
+
+
+
updateSituation('secteur', value)}
/>
+
+
{exoCovidEngine.getRule("début d'activité").rawNode.question}
-
+
-
- updateSituation("début d'activité", value)}
- />
-
+
+
+ updateSituation("début d'activité", value)}
+ />
+
+
+
{exoCovidEngine.getRule("lieu d'exercice").rawNode.question}
+
+
+
updateSituation("lieu d'exercice", value)}
/>
- >
- )}
-
-
-
-
-
- {step2 ? (
-
- ) : (
-
- )}
-
+ >
+ )}
-
-
- >
+
+
+
+
+
+
+
+
+ {step2 ? (
+
+ ) : (
+
+ )}
+
+
+
+
+
)
}