diff --git a/mon-entreprise/source/components/utils/Meta.tsx b/mon-entreprise/source/components/utils/Meta.tsx index 14b822ab1..3a1c293db 100644 --- a/mon-entreprise/source/components/utils/Meta.tsx +++ b/mon-entreprise/source/components/utils/Meta.tsx @@ -1,5 +1,6 @@ import React from 'react' import { Helmet } from 'react-helmet' +import { useLocation } from 'react-router' type PropType = { title: string @@ -16,6 +17,7 @@ export default function Meta({ ogTitle, ogImage }: PropType) { + const { pathname } = useLocation() return ( {title} @@ -23,7 +25,16 @@ export default function Meta({ - {ogImage && } + {ogImage && ( + + )} ) } diff --git a/mon-entreprise/source/components/utils/markdown.tsx b/mon-entreprise/source/components/utils/markdown.tsx index d49c5806b..aa856d434 100644 --- a/mon-entreprise/source/components/utils/markdown.tsx +++ b/mon-entreprise/source/components/utils/markdown.tsx @@ -17,6 +17,15 @@ export function LinkRenderer({ ...otherProps }: Omit, 'ref'>) { const siteName = useContext(SiteNameContext) + + if (href && !href.startsWith('http')) { + return ( + + {children} + + ) + } + if (href && !href.startsWith('http')) { return ( @@ -97,6 +106,7 @@ export const Markdown = ({ ...otherProps }: MarkdownProps) => ( src} source={source} className={`markdown ${className}`} renderers={{ diff --git a/mon-entreprise/source/locales/ui-en.yaml b/mon-entreprise/source/locales/ui-en.yaml index 3a0e44012..d89a0ff90 100644 --- a/mon-entreprise/source/locales/ui-en.yaml +++ b/mon-entreprise/source/locales/ui-en.yaml @@ -355,8 +355,8 @@ comparaisonRégimes: infobulles: AS: Pension calculated for 172 quarters contributed to the general scheme with no change in income. - auto: Pension calculated for 172 quarters of auto-entrepreneur contributions with no - change in income. + auto: Pension calculated for 172 quarters of auto-entrepreneur contributions + with no change in income. indep: Pension calculated for 172 quarters of contributions to the self-employed scheme with no change in income. legend: | @@ -810,9 +810,9 @@ pages: FAQ: <0><0>Frequently Asked Questions<1>An exhaustive and up-to-date list of all the frequently (and less frequently) asked questions that you may have as an auto-entrepreneur (in french). - impôt: <0><0>How to declare your income?<1>Official - information from the tax authorities concerning auto-entrepreneurs and - the micro-enterprise scheme (in french). + impôt: <0><0>How to declare your income?<1>Official information from the tax + authorities concerning auto-entrepreneurs and the micro-enterprise + scheme (in french). dévelopeurs: bibliothèque: '<0>Integrate our calculation library<1>If you think that your site or service would benefit from displaying salary calculations, for @@ -920,18 +920,69 @@ pages: taken into account to estimate the viability of one''''s activity.<4>The complete calculation formula is therefore:<1><0>Net income = Turnover - Social contributions - Professional - expenses<5>How to calculate income tax for an auto-entrepreneur - ?<6>If you opted for the flat-rate payment when you set up - your business, income tax is paid at the same time as - social security contributions.<7><0> <2>See how the amount of - the flat-rate tax is calculated<8>Otherwise, you will be taxed + expenses<5>How to calculate income tax for an + auto-entrepreneur ?<6>If you opted for the flat-rate payment when + you set up your business, income tax is paid at the same time as social + security contributions.<7><0> <2>See how the amount of the + flat-rate tax is calculated<8>Otherwise, you will be taxed according to the standard income tax schedule. The taxable income is then calculated as a percentage of turnover. This is called the lump-sum allowance. This percentage varies according to the type of activity carried out. It is said to be lump-sum because it does not take into account the actual expenses incurred in the activity.<9><0> - <2>See details of the calculation of the income allowance for an auto-entrepreneur<10>Useful resources<11><0>''' + <2>See details of the calculation of the income allowance for an + auto-entrepreneur<10>Useful resources<11><0>''' titre: Auto-entrepreneur income simulator + chômage-partiel: + explications seo: >- + [👨 Integrate this simulator on your site](/integration/iframe?module=simulateur-chomage-partiel) + + ## How do you calculate the partial activity allowance? + + The basic partial activity allowance is set by law at 70% of gross earnings. It is prorated according to the number of hours off work. For an employee at €2,300 gross who works 50% of his usual time, this gives **€2,300 × 50% × 70% = €805**. + + In addition to this basic allowance, there is a supplementary allowance for salaries close to the minimum wage. This additional allowance is paid when the combined remuneration and basic allowance are below a net SMIC. + + These allowances must be paid by the employer, who will then be reimbursed in part or in full by the State. + + 👉 [See details of the calculation of the allowance](/documentation/contrat-salarié/activité-partielle/indemnités) + + + ## How do you calculate the portion reimbursed by the state? ## + + The State covers part of the partial compensation for wages up to 4.5 SMIC, with a minimum of €8.03 per hour off. + + In concrete terms, this results in **100%** coverage for wages close to the SMIC. It then gradually decreases until it stabilizes at **93%** for wages between €2,000 and €7,000 (~ 4.5 SMIC). + + 👉 [See the details of the calculation of the reimbursement of the allowance](/documentation/contrat-salarié/activité-partielle/indemnisation-entreprise) + + ## How do you report a partial activity? + + In the face of the coronavirus crisis, the modalities for partial activity + have been lightened. The employer is allowed to place his employees in activity + partial before the formal application is filed. It shall provide that + then a period of **30 days** to comply. The + benefits will be paid retroactively from the date of inception of the plan. + of short-time work. + + 👉 [Apply for short-time work](https://www.service-public.fr/professionnels-entreprises/vosdroits/R31001) (french) + + ## What are the social contributions to be paid for the partial activity allowance? + + The partial activity allowance is subject to the CSG/CRDS and to an + disease contribution in some cases. For more information, see the explanatory page on [the URSSAF website](https://www.urssaf.fr/portail/home/actualites/toute-lactualite-employeur/activite-partielle--nouveau-disp.html) (french). + + meta: + description: Calculation of the net income for the employee and the remaining + amount to be paid by the employer after reimbursement by the State, + taking into account all social contributions. + ogDescription: Access a first estimate by entering from a gross wage. You will + then be able to personalize your situation (part-time, agreement, + etc). Take into account all contributions, including those specific to + the allowance (CSG and CRDS). + ogTitle: 'Short-time working simulator: find out the impact on the net salaried + income and the total employer cost.' + titre: Calculation of the short-time working allowance in France salarié: explication seo: <0>Calculate your net salary<1>During the job interview, the employer usually offers a "gross" remuneration. The announced amount diff --git a/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/ChômagePartiel.tsx b/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/ChômagePartiel.tsx index 4249f6185..e87b30232 100644 --- a/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/ChômagePartiel.tsx +++ b/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/ChômagePartiel.tsx @@ -9,11 +9,12 @@ import { Markdown } from 'Components/utils/markdown' import { ScrollToTop } from 'Components/utils/Scroll' import { EvaluatedRule, formatValue } from 'publicodes' import React, { useContext, useEffect, useState } from 'react' -import { Helmet } from 'react-helmet' import { Trans, useTranslation } from 'react-i18next' import { DottedName } from 'Rules' import styled from 'styled-components' import { productionMode } from '../../../../utils' +import ChômagePartielPreview from './images/ChômagePartielPreview.png' +import Meta from 'Components/utils/Meta' declare global { interface Window { @@ -36,41 +37,34 @@ export default function ChômagePartiel() { document.body.removeChild(script) } }, []) - const { t } = useTranslation() - + const { t, i18n } = useTranslation() + const META = { + title: t( + 'pages.simulateurs.chômage-partiel.meta.titre', + "Calcul de l'indemnité chômage partiel : le simulateur Urssaf" + ), + description: t( + 'pages.simulateurs.chômage-partiel.meta.description', + "Calcul du revenu net pour l'employé et du reste à charge pour l'employeur après remboursement de l'Etat, en prenant en compte toutes les cotisations sociales." + ), + ogTitle: t( + 'pages.simulateurs.chômage-partiel.meta.ogTitle', + "Simulateur chômage partiel : découvrez l'impact sur le revenu net salarié et le coût total employeur." + ), + ogDescription: t( + 'pages.simulateurs.chômage-partiel.meta.ogDescription', + "Accédez à une première estimation en saisissant à partir d'un salaire brut. Vous pourrez ensuite personaliser votre situation (temps partiel, convention, etc). Prends en compte la totalité des cotisations, y compris celles spécifiques à l'indemnité (CSG et CRDS)." + ), + ...(i18n.language === 'fr' && { ogImage: ChômagePartielPreview }) + } return ( <> - - - {t( - 'coronavirus.page.titre', - 'Coronavirus et chômage partiel : quel impact sur vos revenus ?' - )} - - - + + {!inIframe && (

Covid-19 : Simulateur de chômage partiel

-

- Comment calculer l'indemnité de chômage partiel ? -

-

- Ce simulateur permet de connaître le revenu net versé au salarié, - ainsi que le coût total restant à charge pour l'entreprise en cas de - recours à l'activité partielle. -

-

- Toutes les indemnités d'activité partielle sont prises en compte, - ainsi que les cotisations qui leur sont associées. -

)} @@ -361,21 +355,38 @@ const ResultTable = styled.table` ` function TextExplanations() { - const { i18n } = useTranslation() - if (i18n.language !== 'fr') { - return null - } + const { t } = useTranslation() + return ( #### ⚠ Cotisations sociales -> L'indemnité d'activité partielle est soumise à la CSG/CRDS et à une -contribution maladie dans certains cas. -[➡ En savoir plus sur le site de l'URSSAF](https://www.urssaf.fr/portail/home/actualites/toute-lactualite-employeur/activite-partielle--nouveau-disp.html) - `} +## Quelles sont les cotisations sociales à payer pour l'indemnité d'activité partielle ? + +L'indemnité d'activité partielle est soumise à la CSG/CRDS et à une +contribution maladie dans certains cas. Pour en savoir plus, voir la page explicative sur [le site de l'URSSAF](https://www.urssaf.fr/portail/home/actualites/toute-lactualite-employeur/activite-partielle--nouveau-disp.html). + + +` + )} /> ) } diff --git a/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/Salarié.tsx b/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/Salarié.tsx index d2d62dde5..6b09e7fda 100644 --- a/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/Salarié.tsx +++ b/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/Salarié.tsx @@ -24,7 +24,7 @@ export default function Salarié() { ), description: t( 'pages.simulateurs.salarié.meta.description', - "Calcul du salaire net, net après impôt et coût total employeur. Beaucoup d'options disponibles (cadre, stage, apprentissage, heures supplémentaires, etc.)" + "Calcul du salaire net, net après impôt et coût total employeur. Beaucoup d'options disponibles (cadre, stage, apprentissage, heures supplémentaires, etc.)" ), ogTitle: t( 'pages.simulateurs.salarié.meta.ogTitle', diff --git a/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/images/ChômagePartielPreview.png b/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/images/ChômagePartielPreview.png new file mode 100644 index 000000000..3e4cddf9e Binary files /dev/null and b/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/images/ChômagePartielPreview.png differ