Retour exo covid

exoneration-covid/règles/exonération-covid.yaml

@@ -1,5 +1,12 @@
 secteur:
   question: De quel secteur relève votre activité principale ?
+  description: |
+    Voir la liste détaillée des activités des différents secteurs [ici](https://www.urssaf.fr/portail/files/live/sites/urssaf/files/documents/liste-secteurs-pour-infographie.pdf)
+
+    ### Bon à savoir :
+    - Les activités de livraison, de retrait de commande ou de vente à emporter ne sont pas prises en compte
+      pour apprécier le respect de la condition d'interdiction d'accueil du public.
+    - Le couvre-feu n'est pas considéré comme une mesure d'interdiction d'accueil du public.
   une possibilité:
     choix obligatoire: oui
     possibilités: [S1, S1bis, S2]
@@ -22,6 +29,33 @@ secteur . S2:
   description: Activités autres que S1 et S1bis ayant fait l'objet d'une interdiction affectant de manière prépondérante la poursuite de leur activité
 
 secteur . S1 ou S1bis:
+  question: Quelle était votre situation liée à la crise sanitaire durant vos mois d’activité ?
+  titre: ''
+  description: |
+    ### Baisse de 50% du chiffres d'affaires (périodes jusqu'à septembre 2021) :
+
+    Vous devez avoir subi une baisse d'au moins 50% du chiffre d'affaires mensuel par rapport au même mois de l'année précédente*,
+    ou si vous le souhaitez par rapport au chiffre d'affaires mensuel moyen de l'année 2019, ou, pour les entreprises créées en 2020,
+    par rapport au montant mensuel moyen du chiffre d'affaires réalisé entre la date de création de l'entreprise et le 31 août 2020.
+
+    Cette condition est également satisfaite lorsque la baisse de chiffre d'affaires mensuel par rapport à la même période de l'année précédente
+    représente au moins 15% du chiffre d'affaires de l'année 2019, ou, pour les entreprises créées en 2019,
+    par rapport au chiffre d'affaires de l'année 2019 ramené sur 12 mois.
+
+    *La condition de baisse de 50 % du chiffre d'affaires peut continuer, en 2021,
+    à être appréciée par rapport au chiffre d'affaires du même mois de l'année 2019,
+    lorsque cette comparaison est plus favorable pour l'entreprise qu'une appréciation par rapport au même mois de l'année précédente.
+
+    ### Baisse de 65% du chiffres d'affaires (périodes à compter de décembre 2021) :
+
+    Vous devez avoir subi une baisse d'au moins 65% du chiffre d'affaires mensuel par rapport au même mois de l'une des deux années précédentes ou,
+    pour les entreprises créées en 2021, par rapport au montant mensuel moyen du chiffre d'affaires réalisé entre la date de création de l'entreprise et le 31 août 2021.
+
+    ### Baisse entre 30 et 64% du chiffres d'affaires (périodes à compter de décembre 2021) :
+
+    Vous devez avoir subi une baisse d'au moins 30%, mais inférieure à 65%,
+    du chiffre d'affaires mensuel par rapport au même mois de l'une des deux années précédentes ou, pour les entreprises créées en 2021,
+    par rapport au montant mensuel moyen du chiffre d'affaires réalisé entre la date de création de l'entreprise et le 31 août 2021.
   une de ces conditions:
     - S1
     - S1bis

site/source/components/conversation/Explicable.tsx

@@ -4,12 +4,14 @@ import ButtonHelp from '@/design-system/buttons/ButtonHelp'
 import { DottedName } from 'modele-social'
 import { useContext } from 'react'
 
-export function ExplicableRule({
+export function ExplicableRule<Names extends string = DottedName>({
 	dottedName,
 	light,
+	bigPopover,
 }: {
-	dottedName: DottedName
+	dottedName: Names
 	light?: boolean
+	bigPopover?: boolean
 }) {
 	const engine = useContext(EngineContext)
 
@@ -31,6 +33,7 @@ export function ExplicableRule({
 			type="info"
 			title={rule.title}
 			light={light}
+			bigPopover={bigPopover}
 		>
 			<Markdown>{rule.rawNode.description}</Markdown>
 		</ButtonHelp>

site/source/design-system/buttons/Button.tsx

@@ -79,18 +79,32 @@ export const StyledButton = styled.button<StyledButtonProps>`
 	font-size: 1rem;
 	line-height: 1.5rem;
 	border: 2px solid transparent;
+
 	${({ $isDisabled }) =>
 		$isDisabled &&
 		css`
 			opacity: 50%;
 			cursor: not-allowed;
 		`}
+
 	&:active {
-		transform: translateY(3px);
+		${({ $isDisabled }) =>
+			!$isDisabled &&
+			css`
+				position: relative;
+				top: 3px;
+			`}
 	}
+
 	&:focus-visible {
-		${FocusStyle}
+		${({ $isDisabled }) =>
+			$isDisabled
+				? css`
+						outline: initial;
+				  `
+				: FocusStyle}
 	}
+
 	/* Primary, secondary & tertiary colors */
 	${({ theme, $color }) =>
 		!theme.darkMode &&

site/source/design-system/buttons/ButtonHelp.tsx

@@ -9,7 +9,7 @@ type ButtonHelpProps = {
 	title: string
 	children: React.ReactNode
 	light?: boolean
-	small?: boolean
+	bigPopover?: boolean
 }
 
 export default function ButtonHelp({
@@ -17,7 +17,7 @@ export default function ButtonHelp({
 	title,
 	type,
 	light,
-	small = true,
+	bigPopover,
 }: ButtonHelpProps) {
 	return (
 		<PopoverWithTrigger
@@ -48,7 +48,7 @@ export default function ButtonHelp({
 				</StyledButton>
 			)}
 			title={title}
-			small={small}
+			small={!bigPopover}
 		>
 			{children}
 		</PopoverWithTrigger>
@@ -88,7 +88,7 @@ const StyledButton = styled(Button)<{ $light?: boolean }>`
 				? theme.colors.extended.grey[100]
 				: theme.colors.bases.primary[100]};
 		border-radius: calc(
-			${({ theme }) => theme.spacings.md} / 2 + var(--padding)
+			(${({ theme }) => theme.spacings.md}) / 2 + var(--padding)
 		);
 
 		:hover {

site/source/pages/Gerer/AideDéclarationIndépendant/ExplicationResultatFiscal.tsx

@@ -23,11 +23,7 @@ export const StyledTable = styled.table`
 
 export function ExplicationsResultatFiscal() {
 	return (
-		<ButtonHelp
-			title="Quelles exonérations inclure ?"
-			type="aide"
-			small={false}
-		>
+		<ButtonHelp title="Quelles exonérations inclure ?" type="aide" bigPopover>
 			<Body>
 				Pour calculer le montant du résultat fiscal avant déduction des
 				exonérations et des charges sociales à indiquer dans ce simulateur, vous

site/source/pages/Simulateurs/ExonerationCovid/ExonérationCovid.tsx

@@ -1,3 +1,4 @@
+import { ExplicableRule } from '@/components/conversation/Explicable'
 import RuleInput from '@/components/conversation/RuleInput'
 import {
 	SituationStateProvider,
@@ -66,7 +67,10 @@ export const ExonérationCovid = () => {
 			) : (
 				<>
 					<Grid item xs={12}>
-						<H3>{engine.getRule('secteur').rawNode.question}</H3>
+						<H3>
+							{engine.getRule('secteur').rawNode.question}
+							<ExplicableRule dottedName="secteur" light />
+						</H3>
 					</Grid>
 
 					<Grid item xs={12} sm={8}>

site/source/pages/Simulateurs/ExonerationCovid/FormulaireS1S1Bis.tsx

@@ -1,6 +1,6 @@
+import { ExplicableRule } from '@/components/conversation/Explicable'
 import Value from '@/components/EngineValue'
 import { Situation } from '@/components/utils/SituationContext'
-import { Button } from '@/design-system/buttons'
 import { Spacing } from '@/design-system/layout'
 import { H3 } from '@/design-system/typography/heading'
 import { Li, Ul } from '@/design-system/typography/list'
@@ -79,10 +79,8 @@ export const FormulaireS1S1Bis = ({ onChange }: Props) => {
 	return (
 		<>
 			<H3>
-				<Trans>
-					Quelle était votre situation liée à la crise sanitaire durant vos mois
-					d’activité ?
-				</Trans>
+				{engine.getRule('secteur . S1 ou S1bis').rawNode.question}
+				<ExplicableRule dottedName="secteur . S1 ou S1bis" light bigPopover />
 			</H3>
 			<Table>
 				<Thead>