From c17e9a0c27325c896ab8c654c2f18e772e4dfd35 Mon Sep 17 00:00:00 2001 From: Johan Girod Date: Fri, 28 May 2021 12:47:39 +0200 Subject: [PATCH] :sparkles: ajoute les simulateurs EIRL et EURL --- .../source/components/SimulateurWarning.tsx | 2 +- .../source/components/TargetSelection.css | 7 - .../source/components/TargetSelection.tsx | 13 +- mon-entreprise/source/components/ui/Card.css | 2 +- mon-entreprise/source/locales/ui-en.yaml | 62 ++++ .../source/pages/Simulateurs/Home.tsx | 28 +- .../source/pages/Simulateurs/Indépendant.tsx | 6 +- .../source/pages/Simulateurs/metadata.tsx | 288 ++++++++++++------ mon-entreprise/source/sitePaths.ts | 10 +- netlify.toml | 10 +- 10 files changed, 292 insertions(+), 136 deletions(-) diff --git a/mon-entreprise/source/components/SimulateurWarning.tsx b/mon-entreprise/source/components/SimulateurWarning.tsx index dd31c8a9f..35dcefbeb 100644 --- a/mon-entreprise/source/components/SimulateurWarning.tsx +++ b/mon-entreprise/source/components/SimulateurWarning.tsx @@ -59,7 +59,7 @@ export default function SimulateurWarning({ )} - {simulateur === 'SASU' && ( + {simulateur === 'sasu' && (
  • L'impôt sur les sociétés et la gestion des dividendes ne sont pas diff --git a/mon-entreprise/source/components/TargetSelection.css b/mon-entreprise/source/components/TargetSelection.css index 4cd362298..3c4eeac66 100644 --- a/mon-entreprise/source/components/TargetSelection.css +++ b/mon-entreprise/source/components/TargetSelection.css @@ -1,10 +1,3 @@ -#targetSelection h1 { - margin: 0.6em; - color: inherit; - text-align: center; - font-size: 180%; -} - #targetSelection .targets { list-style: none; padding: 0; diff --git a/mon-entreprise/source/components/TargetSelection.tsx b/mon-entreprise/source/components/TargetSelection.tsx index aea3cbaee..ae65eccaa 100644 --- a/mon-entreprise/source/components/TargetSelection.tsx +++ b/mon-entreprise/source/components/TargetSelection.tsx @@ -39,7 +39,6 @@ export default function TargetSelection({ showPeriodSwitch = true }) { const objectifs = useSelector( (state: RootState) => state.simulation?.config.objectifs || [] ) - const colors = useContext(ThemeColorsContext) return (
    {((typeof objectifs[0] === 'string' @@ -62,15 +61,9 @@ export default function TargetSelection({ showPeriodSwitch = true }) {
      {' '} diff --git a/mon-entreprise/source/components/ui/Card.css b/mon-entreprise/source/components/ui/Card.css index 7af2af7ee..3fb3eea81 100644 --- a/mon-entreprise/source/components/ui/Card.css +++ b/mon-entreprise/source/components/ui/Card.css @@ -20,7 +20,7 @@ color: white; color: var(--textColor); background: linear-gradient(60deg, #215da6 0%, #297da1 100%); - background: linear-gradient(60deg, var(--darkColor) -100%, var(--color) 100%); + background: linear-gradient(60deg, var(--darkColor) 0%, var(--color) 100%); } .ui__.card.plain h1, .ui__.card.plain h2, diff --git a/mon-entreprise/source/locales/ui-en.yaml b/mon-entreprise/source/locales/ui-en.yaml index 5b0c2d8cc..220227c4e 100644 --- a/mon-entreprise/source/locales/ui-en.yaml +++ b/mon-entreprise/source/locales/ui-en.yaml @@ -150,6 +150,7 @@ Retour à mon activité: Back to my business Revenir à la documentation: Go back to documentation Revenu (incluant les dépenses liées à l'activité): Revenue (including expenses related to the activity) Revenu disponible: Disposable income +Revenu du dirigeant par statut: Executive income by status "Revenu net avec chômage partiel :": "Net income with short-time work :" Revenu net mensuel: Monthly net income Revenus étranger: Foreign income @@ -180,6 +181,7 @@ Total des retenues: Total withheld Tout effacer: Delete all Tout le site: The whole site Tranche de l'assiette: Scale bracket +Travailleurs Non Salariés (TNS): Non-salaried workers (TNS) Un seul associé: Only one partner Une idée ?<1>Contactez-nous !: Any ideas?<1>Contact us! "Versement : ": "Payment : " @@ -1243,6 +1245,66 @@ pages: this, simply enter the announced compensation in the total loaded box. The simulation can then be refined by answering the various questions." + ei: + meta: + description: Calculation of income from turnover, after deduction of + contributions and taxes + ogDescription: "Thanks to the income simulator for sole proprietorships + developed by Urssaf, you can estimate your income based on your + monthly or annual turnover to better manage your cash flow. Or the + other way round: find out how much to charge to achieve a certain + income." + ogTitle: "Sole proprietorship: quickly calculate your net income from your + turnover and vice versa" + titre: "Sole proprietorship (EI): income simulator" + seo explanation: <0>How to calculate the net income of a sole trader?<1>A + sole trader must pay social security contributions to the authorities. + These contributions are used to finance social security, and open up + rights, particularly for retirement and health insurance. They are also + used to finance professional training.<2><0> <2>See the details + of the calculation of contributions<3>Do not forget to deduct + all expenses incurred in the course of the business (equipment, raw + materials, premises, transport). These are deductible from the company's + income, which means that you will not pay tax or contributions on their + amount (unless you have opted for the micro-tax option).<4>The + complete calculation formula is therefore :<1><0>Net income = Turnover - + Professional expenses - Social contributions<5>How do you + calculate the social security contributions of a sole + proprietorship?<6>The manager of a sole proprietorship pays social + security contributions, proportional to the company's <2>. Their + amount also varies according to the type of activity (liberal + profession, craftsman, tradesman, etc.), or any exemptions granted + (ACRE, ZFU, RSA, etc.).<7> As a company's result is only known at + the end of the accounting period, the manager pays provisional + contributions which will then be adjusted once the actual income has + been declared, the following year.<8>This simulator allows you to + calculate the exact amount of social security contributions based on a + desired turnover or net income. You can specify your situation by + answering the questions displayed below the simulation. + shortname: EI + title: Simulator for sole proprietorship (EI) + eirl: + meta: + description: Calculation of income from turnover, after deduction of + contributions and taxes + ogDescription: "Thanks to the income simulator for EIRL developed by Urssaf, you + can estimate the amount of your income based on your monthly or annual + turnover to better manage your cash flow. Or in the opposite + direction: know how much to charge to reach a certain income." + ogTitle: "EIRL manager: quickly calculate your net income from your turnover and + vice versa" + titre: "EIRL : income simulator for managers" + shortname: EIRL + title: EIRL Simulator + eurl: + meta: + description: Calculation of the net salary from the total allocated to + remuneration and vice versa + ogDescription: As an employee-equivalent manager, you can immediately calculate + your net income after tax from the total allocated to your + remuneration. + ogTitle: "EURL manager's remuneration: a simulator to find out your net salary" + titre: "EURL : income simulator for managers" expert-comptable: shortname: Chartered Accountant title: Income simulator for chartered accountant and auditor in private practice diff --git a/mon-entreprise/source/pages/Simulateurs/Home.tsx b/mon-entreprise/source/pages/Simulateurs/Home.tsx index e27fcae8a..359b0f349 100644 --- a/mon-entreprise/source/pages/Simulateurs/Home.tsx +++ b/mon-entreprise/source/pages/Simulateurs/Home.tsx @@ -44,16 +44,25 @@ export default function Simulateurs() { - Indépendants et dirigeants + Revenu du dirigeant par statut +
      + + + + + + +
      + + + Travailleurs Non Salariés (TNS) + +
      - - - -
      <> @@ -70,6 +79,7 @@ export default function Simulateurs() { + Autres outils @@ -134,9 +144,11 @@ export function SimulateurCard({ pathname: (isIframe && iframePath) || path, }} > -
      - {emoji(icône)} -
      + {icône && ( +
      + {emoji(icône)} +
      + )} <>{small ? name :

      {name}

      } {!small && meta?.description && (

      {meta.description}

      diff --git a/mon-entreprise/source/pages/Simulateurs/Indépendant.tsx b/mon-entreprise/source/pages/Simulateurs/Indépendant.tsx index 144edd79d..787dafc0c 100644 --- a/mon-entreprise/source/pages/Simulateurs/Indépendant.tsx +++ b/mon-entreprise/source/pages/Simulateurs/Indépendant.tsx @@ -1,7 +1,7 @@ import { updateSituation } from 'Actions/actions' import Banner from 'Components/Banner' import ChiffreAffairesActivitéMixte from 'Components/ChiffreAffairesActivitéMixte' -import { Condition, WhenAlreadyDefined } from 'Components/EngineValue' +import { Condition } from 'Components/EngineValue' import PeriodSwitch from 'Components/PeriodSwitch' import SimulateurWarning from 'Components/SimulateurWarning' import Simulation from 'Components/Simulation' @@ -118,9 +118,9 @@ function IndépendantSimulationGoals() { /> - + - + ) diff --git a/mon-entreprise/source/pages/Simulateurs/metadata.tsx b/mon-entreprise/source/pages/Simulateurs/metadata.tsx index 4117b270f..cb9131d49 100644 --- a/mon-entreprise/source/pages/Simulateurs/metadata.tsx +++ b/mon-entreprise/source/pages/Simulateurs/metadata.tsx @@ -42,6 +42,8 @@ const simulateurs = [ 'salarié', 'auto-entrepreneur', 'indépendant', + 'eirl', + 'eurl', 'sasu', 'chômage-partiel', 'artiste-auteur', @@ -82,7 +84,7 @@ export type SimulatorData = Record< chapter1?: 'gerer' | 'creer' } | string - icône: string + icône?: string shortName: string path?: string tooltip?: string @@ -210,7 +212,10 @@ export function getSimulatorsData({ nextSteps: ['chômage-partiel', 'aides-embauche'], }, 'entreprise-individuelle': { - tracking: 'entreprise_individuelle', + tracking: { + chapter2: 'statut_entreprise', + chapter3: 'EI', + }, config: { ...indépendantConfig, situation: { @@ -218,36 +223,36 @@ export function getSimulatorsData({ 'entreprise . imposition': "'IR'", }, }, - icône: '', iframePath: 'simulateur-EI', + icône: '🧍', meta: { description: t( - 'pages.simulateurs.EI.meta.description', + 'pages.simulateurs.ei.meta.description', "Calcul du revenu à partir du chiffre d'affaires, après déduction des cotisations et des impôts" ), ogDescription: t( - 'pages.simulateurs.EI.meta.ogDescription', - "Grâce au simulateur de revenu auto-entrepreneur développé par l'Urssaf, vous pourrez estimer le montant de vos revenus en fonction de votre chiffre d'affaires mensuel ou annuel pour mieux gérer votre trésorerie. Ou dans le sens inverse : savoir quel montant facturer pour atteindre un certain revenu." + 'pages.simulateurs.ei.meta.ogDescription', + "Grâce au simulateur de revenu pour entreprise individuelle développé par l'Urssaf, vous pourrez estimer le montant de vos revenus en fonction de votre chiffre d'affaires mensuel ou annuel pour mieux gérer votre trésorerie. Ou dans le sens inverse : savoir quel montant facturer pour atteindre un certain revenu." ), ogImage: AutoEntrepreneurPreview, ogTitle: t( - 'pages.simulateurs.EI.meta.ogTitle', + 'pages.simulateurs.ei.meta.ogTitle', 'Entreprise individuelle (EI) : calculez rapidement votre revenu net à partir du CA et vice-versa' ), title: t( - 'pages.simulateurs.EI.meta.titre', + 'pages.simulateurs.ei.meta.titre', 'Entreprise individuelle (EI) : simulateur de revenus' ), }, component: EntrepriseIndividuelle, path: sitePaths.simulateurs['entreprise-individuelle'], - shortName: t('pages.simulateurs.EI.shortname', 'Entreprise individuelle'), + shortName: t('pages.simulateurs.ei.shortname', 'EI'), title: t( - 'pages.simulateurs.EI.title', - 'Simulateur de revenus pour entreprise individuelle (EI)' + 'pages.simulateurs.ei.title', + 'Simulateur pour entreprise individuelle (EI)' ), seoExplanations: ( - +

      Comment calculer le revenu net d'un dirigeant d'entreprise individuelle (EI) ? @@ -289,11 +294,14 @@ export function getSimulatorsData({

      Le dirigeant d'une entreprise individuelle paye des cotisations sociales, proportionnelle au{' '} - de - l'entreprise. Leur montant varie en fonction du type d'activité - (profession libérale, artisan, commerçants, etc), où des éventuelles - exonérations accordées (ACRE, ZFU, RSA, etc.). Pour connaître leur - montant, vous pouvez utiliser ce simulateur, et affiner le + {' '} + de l'entreprise. Leur montant varie également en fonction du type + d'activité (profession libérale, artisan, commerçants, etc), où des + éventuelles exonérations accordées (ACRE, ZFU, RSA, etc.).

      {' '} @@ -302,14 +310,174 @@ export function getSimulatorsData({ provisionnelles qui seront ensuite régularisée une fois le revenu réel déclaré, l'année suivante.

      +

      + Ce simulateur permet de calculer le montant exact des cotisations + sociale en partant d'un chiffre d'affaires ou d'un revenu net + souhaité. Vous pourrez préciser votre situation en répondant aux + questions s'affichant en dessous de la simulation. +

      ), nextSteps: ['indépendant', 'comparaison-statuts'], }, + eirl: { + tracking: { + chapter2: 'statut_entreprise', + chapter3: 'EIRL', + }, + config: indépendantConfig, + icône: '🧍‍♀️', + iframePath: 'simulateur-EIRL', + meta: { + description: t( + 'pages.simulateurs.eirl.meta.description', + "Calcul du revenu à partir du chiffre d'affaires, après déduction des cotisations et des impôts" + ), + ogDescription: t( + 'pages.simulateurs.eirl.meta.ogDescription', + "Grâce au simulateur de revenu pour EIRL développé par l'Urssaf, vous pourrez estimer le montant de vos revenus en fonction de votre chiffre d'affaires mensuel ou annuel pour mieux gérer votre trésorerie. Ou dans le sens inverse : savoir quel montant facturer pour atteindre un certain revenu." + ), + ogImage: AutoEntrepreneurPreview, + ogTitle: t( + 'pages.simulateurs.eirl.meta.ogTitle', + "Dirigeant d'EIRL : calculez rapidement votre revenu net à partir du CA et vice-versa" + ), + title: t( + 'pages.simulateurs.eirl.meta.titre', + 'EIRL : simulateur de revenus pour dirigeant' + ), + }, + component: EntrepriseIndividuelle, + path: sitePaths.simulateurs.eirl, + shortName: t('pages.simulateurs.eirl.shortname', 'EIRL'), + title: t('pages.simulateurs.eirl.title', "Simulateur d'EIRL"), + + nextSteps: ['indépendant', 'comparaison-statuts'], + }, + sasu: { + config: sasuConfig, + tracking: { + chapter2: 'statut_entreprise', + chapter3: 'SASU', + }, + icône: '🏢', + iframePath: 'simulateur-assimilesalarie', + meta: { + description: t( + 'pages.simulateurs.sasu.meta.description', + 'Calcul du salaire net à partir du total alloué à la rémunération et inversement' + ), + ogDescription: t( + 'pages.simulateurs.sasu.meta.ogDescription', + 'En tant que dirigeant assimilé-salarié, calculez immédiatement votre revenu net après impôt à partir du total alloué à votre rémunération.' + ), + ogImage: RémunérationSASUPreview, + ogTitle: t( + 'pages.simulateurs.sasu.meta.ogTitle', + 'Rémunération du dirigeant de SASU : un simulateur pour connaître votre salaire net' + ), + title: t( + 'pages.simulateurs.sasu.meta.titre', + 'SASU : simulateur de revenus pour dirigeant' + ), + }, + path: sitePaths.simulateurs.sasu, + shortName: t('pages.simulateurs.sasu.shortname', 'SASU'), + title: t('pages.simulateurs.sasu.title', 'Simulateur de SASU'), + component: function SasuSimulation() { + return ( + <> + + } /> + + ) + }, + seoExplanations: ( + +

      Comment calculer le salaire d'un dirigeant de SASU ?

      +

      + Comme pour un salarié classique, le{' '} + dirigeant de sasu paye des cotisations sociales sur + la rémunération qu'il se verse. Les cotisations sont calculées de la + même manière que pour le salarié : elles sont décomposées en partie + employeur et partie salarié et sont exprimées comme un pourcentage + du salaire brut. +

      +

      + Le dirigeant assimilé-salarié ne paye pas de{' '} + cotisations chômage. Par ailleurs, il ne bénéficie + pas de la{' '} + + réduction générale de cotisations + {' '} + ni des dispositifs encadrés par le code du travail comme les{' '} + + heures supplémentaires + {' '} + ou les primes. +

      +

      + Il peut en revanche prétendre à la{' '} + + réduction ACRE + {' '} + en debut d'activité, sous certaines conditions. +

      +

      + Vous pouvez utiliser notre simulateur pour calculer la{' '} + rémunération nette à partir d'un montant superbrut + alloué à la rémunération du dirigeant. Il vous suffit pour cela + saisir le montant total alloué dans la case "total chargé". La + simulation peut ensuite être affinée en répondant aux différentes + questions. +

      +       + ), + nextSteps: ['is', 'comparaison-statuts'], + }, + eurl: { + config: { + ...indépendantConfig, + situation: { + ...indépendantConfig.situation, + 'entreprise . imposition': "'IS'", + }, + }, + tracking: { + chapter2: 'statut_entreprise', + chapter3: 'EURL', + }, + icône: '🏦', + iframePath: 'simulateur-eurl', + meta: { + description: t( + 'pages.simulateurs.eurl.meta.description', + 'Calcul du salaire net à partir du total alloué à la rémunération et inversement' + ), + ogDescription: t( + 'pages.simulateurs.eurl.meta.ogDescription', + 'En tant que dirigeant assimilé-salarié, calculez immédiatement votre revenu net après impôt à partir du total alloué à votre rémunération.' + ), + ogImage: RémunérationSASUPreview, + ogTitle: t( + 'pages.simulateurs.eurl.meta.ogTitle', + "Rémunération du dirigeant d'EURL : un simulateur pour connaître votre salaire net" + ), + title: t( + 'pages.simulateurs.eurl.meta.titre', + 'EURL : simulateur de revenus pour dirigeant' + ), + }, + path: sitePaths.simulateurs.eurl, + shortName: t('pages.simulateurs.sasu.shortname', 'EURL'), + title: t('pages.simulateurs.sasu.title', "Simulateur d'EURL"), + component: IndépendantSimulation, + nextSteps: ['is', 'comparaison-statuts'], + }, 'auto-entrepreneur': { tracking: 'auto_entrepreneur', config: autoEntrepreneurConfig, - icône: '🚶‍♂️', + icône: '🧍‍♂️', iframePath: 'simulateur-autoentrepreneur', meta: { description: t( @@ -421,7 +589,7 @@ export function getSimulatorsData({ meta: { title: t( 'pages.simulateurs.indépendant.meta.title', - 'Indépendant : simulateur de revenus Urssaf' + 'Indépendant : simulateur de revenus' ), description: t( 'pages.simulateurs.indépendant.meta.description', @@ -431,87 +599,7 @@ export function getSimulatorsData({ component: IndépendantSimulation, nextSteps: ['comparaison-statuts', 'is'], }, - sasu: { - config: sasuConfig, - tracking: 'dirigeant_sasu', - icône: '👨‍✈️', - iframePath: 'simulateur-assimilesalarie', - meta: { - description: t( - 'pages.simulateurs.sasu.meta.description', - 'Calcul du salaire net à partir du total alloué à la rémunération et inversement' - ), - ogDescription: t( - 'pages.simulateurs.sasu.meta.ogDescription', - 'En tant que dirigeant assimilé-salarié, calculez immédiatement votre revenu net après impôt à partir du total alloué à votre rémunération.' - ), - ogImage: RémunérationSASUPreview, - ogTitle: t( - 'pages.simulateurs.sasu.meta.ogTitle', - 'Rémunération du dirigeant de SASU : un simulateur pour connaître votre salaire net' - ), - title: t( - 'pages.simulateurs.sasu.meta.titre', - 'Dirigeant de SASU : simulateur de revenus Urssaf' - ), - }, - path: sitePaths.simulateurs.SASU, - shortName: t('pages.simulateurs.sasu.shortname', 'Dirigeant de SASU'), - title: t( - 'pages.simulateurs.sasu.title', - 'Simulateur de revenus pour dirigeant de SASU' - ), - component: function SasuSimulation() { - return ( - <> - - } /> - - ) - }, - seoExplanations: ( - -

      Comment calculer le salaire d'un dirigeant de SASU ?

      -

      - Comme pour un salarié classique, le{' '} - dirigeant de sasu paye des cotisations sociales sur - la rémunération qu'il se verse. Les cotisations sont calculées de la - même manière que pour le salarié : elles sont décomposées en partie - employeur et partie salarié et sont exprimées comme un pourcentage - du salaire brut. -

      -

      - Le dirigeant assimilé-salarié ne paye pas de{' '} - cotisations chômage. Par ailleurs, il ne bénéficie - pas de la{' '} - - réduction générale de cotisations - {' '} - ni des dispositifs encadrés par le code du travail comme les{' '} - - heures supplémentaires - {' '} - ou les primes. -

      -

      - Il peut en revanche prétendre à la{' '} - - réduction ACRE - {' '} - en debut d'activité, sous certaines conditions. -

      -

      - Vous pouvez utiliser notre simulateur pour calculer la{' '} - rémunération nette à partir d'un montant superbrut - alloué à la rémunération du dirigeant. Il vous suffit pour cela - saisir le montant total alloué dans la case "total chargé". La - simulation peut ensuite être affinée en répondant aux différentes - questions. -

      -       - ), - nextSteps: ['is', 'comparaison-statuts'], - }, + 'artiste-auteur': { icône: '👩‍🎨', tracking: 'artiste-auteur', diff --git a/mon-entreprise/source/sitePaths.ts b/mon-entreprise/source/sitePaths.ts index 891a96c41..8078adccf 100644 --- a/mon-entreprise/source/sitePaths.ts +++ b/mon-entreprise/source/sitePaths.ts @@ -49,13 +49,16 @@ const sitePathsFr = { }, simulateurs: { index: '/simulateurs', - SASU: '/dirigeant-sasu', - indépendant: '/indépendant', 'auto-entrepreneur': '/auto-entrepreneur', + 'entreprise-individuelle': '/entreprise-individuelle', + eirl: '/eirl', + sasu: '/sasu', + eurl: '/eurl', + + indépendant: '/indépendant', comparaison: '/comparaison-régimes-sociaux', pamc: '/pamc', salarié: '/salaire-brut-net', - 'entreprise-individuelle': '/entreprise-individuelle', 'artiste-auteur': '/artiste-auteur', 'profession-libérale': { index: '/profession-liberale', @@ -113,7 +116,6 @@ const sitePathsEn = { }, simulateurs: { index: '/calculators', - SASU: '/sasu-chairman', indépendant: '/independant', 'entreprise-individuelle': '/sole-proprietorship', 'auto-entrepreneur': '/auto-entrepreneur', diff --git a/netlify.toml b/netlify.toml index 5340e42b6..80b29cd7f 100644 --- a/netlify.toml +++ b/netlify.toml @@ -30,10 +30,16 @@ Content-Security-Policy-Report-Only = "default-src 'self' mon-entreprise.fr; sty to=":SITE_FR/simulateurs/salaire-brut-net" status = 301 -# FR | assimilé-salarié -> dirigeant-sasu +# FR | assimilé-salarié -> sasu [[redirects]] from=":SITE_FR/simulateurs/assimil%C3%A9-salari%C3%A9" - to=":SITE_FR/simulateurs/dirigeant-sasu" + to=":SITE_FR/simulateurs/sasu" + status = 301 + +# FR | dirigeant-sasu -> sasu +[[redirects]] + from=":SITE_FR/simulateurs/dirigeant-sasu" + to=":SITE_FR/simulateurs/sasu" status = 301 # FR | s%C3%A9curit%C3%A9-sociale/auto-entrepreneur -> simulateurs/auto-entrepreneur