diff --git a/exoneration-covid/règles/exonération-covid.yaml b/exoneration-covid/règles/exonération-covid.yaml index 0e0c98668..2e386c5a2 100644 --- a/exoneration-covid/règles/exonération-covid.yaml +++ b/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 diff --git a/site/source/components/conversation/Explicable.tsx b/site/source/components/conversation/Explicable.tsx index 5f8bd7645..b701fc24b 100644 --- a/site/source/components/conversation/Explicable.tsx +++ b/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({ 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} > {rule.rawNode.description} diff --git a/site/source/design-system/buttons/Button.tsx b/site/source/design-system/buttons/Button.tsx index 28d5780c3..0026bdef7 100644 --- a/site/source/design-system/buttons/Button.tsx +++ b/site/source/design-system/buttons/Button.tsx @@ -79,18 +79,32 @@ export const StyledButton = styled.button` 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 && diff --git a/site/source/design-system/buttons/ButtonHelp.tsx b/site/source/design-system/buttons/ButtonHelp.tsx index 92e8b44e6..0ec3a2ccf 100644 --- a/site/source/design-system/buttons/ButtonHelp.tsx +++ b/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 ( )} title={title} - small={small} + small={!bigPopover} > {children} @@ -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 { diff --git a/site/source/pages/Gerer/AideDéclarationIndépendant/ExplicationResultatFiscal.tsx b/site/source/pages/Gerer/AideDéclarationIndépendant/ExplicationResultatFiscal.tsx index b0aeb5099..04a4f37bf 100644 --- a/site/source/pages/Gerer/AideDéclarationIndépendant/ExplicationResultatFiscal.tsx +++ b/site/source/pages/Gerer/AideDéclarationIndépendant/ExplicationResultatFiscal.tsx @@ -23,11 +23,7 @@ export const StyledTable = styled.table` export function ExplicationsResultatFiscal() { return ( - + Pour calculer le montant du résultat fiscal avant déduction des exonérations et des charges sociales à indiquer dans ce simulateur, vous diff --git a/site/source/pages/Simulateurs/ExonerationCovid/ExonérationCovid.tsx b/site/source/pages/Simulateurs/ExonerationCovid/ExonérationCovid.tsx index 2ad31d254..5ca4786c4 100644 --- a/site/source/pages/Simulateurs/ExonerationCovid/ExonérationCovid.tsx +++ b/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 = () => { ) : ( <> -

{engine.getRule('secteur').rawNode.question}

+

+ {engine.getRule('secteur').rawNode.question} + +

diff --git a/site/source/pages/Simulateurs/ExonerationCovid/FormulaireS1S1Bis.tsx b/site/source/pages/Simulateurs/ExonerationCovid/FormulaireS1S1Bis.tsx index 739499877..c3c3cb850 100644 --- a/site/source/pages/Simulateurs/ExonerationCovid/FormulaireS1S1Bis.tsx +++ b/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 ( <>

- - Quelle était votre situation liée à la crise sanitaire durant vos mois - d’activité ? - + {engine.getRule('secteur . S1 ou S1bis').rawNode.question} +