📖 Ajout des guides Urssaf 2021

pull/1527/head
Maxime Quandalle 2021-04-30 11:45:37 +02:00
parent a281991d9c
commit eb0ccc0a42
8 changed files with 125 additions and 62 deletions

View File

@ -296,7 +296,7 @@ dirigeant . auto-entrepreneur . cotisations et contributions . cotisations:
valeur: 12.8%
références:
guide urssaf (PDF): https://www.autoentrepreneur.urssaf.fr/portail/files/Guides/Metropole/Guide_Auto-Entrepreneur.pdf
guide urssaf (PDF): https://www.autoentrepreneur.urssaf.fr/portail/files/Guides/Metropole/Presentation_AE.pdf
La protection sociale du micro-entrepreneur: https://bpifrance-creation.fr/encyclopedie/micro-entreprise-regime-auto-entrepreneur/fiscal-social-comptable/protection-sociale
economie.gouv.fr: https://www.economie.gouv.fr/entreprises/micro-entreprise-auto-entreprise-charges-sociales
actualité urssaf.fr (2019): https://www.autoentrepreneur.urssaf.fr/portail/accueil/sinformer-sur-le-statut/toutes-les-actualites/nouveautes-2019--ce-qui-change-e.html
@ -359,7 +359,7 @@ dirigeant . auto-entrepreneur . cotisations et contributions . cotisations . tau
alors: 12.10%
- sinon: taux ACRE * taux prestation de service
références:
urssaf.fr: https://www.autoentrepreneur.urssaf.fr/portail/files/Guides/Metropole/Guide_Auto-Entrepreneur.pdf?page=14
urssaf.fr: https://www.autoentrepreneur.urssaf.fr/portail/files/Guides/Metropole/Presentation_AE.pdf
dirigeant . auto-entrepreneur . notification calcul ACRE annuel:
formule: entreprise . ACRE

View File

@ -154,7 +154,7 @@ dirigeant . indépendant . PL . régime général . taux spécifique retraite co
travailleurs indépendants  ont la possibilité dopter pour des taux
spécifique de la cotisation retraite complémentaire.
références:
Guide PL urssaf (page 10): https://www.urssaf.fr/portail/files/live/sites/urssaf/files/documents/Guide-Professions-liberales.pdf
Guide PL urssaf: https://www.urssaf.fr/portail/files/live/sites/urssaf/files/documents/Diaporama_TI_statuts_hors_AE.pdf
dirigeant . indépendant . PL . régime général . taux spécifique retraite complémentaire . montant:
titre: retraite complémentaire (taux PLNR)
@ -192,7 +192,7 @@ dirigeant . indépendant . PL . maladie:
arrondi: oui
références:
secu-independants.fr: https://www.secu-independants.fr/cotisations/calcul-des-cotisations/taux-de-cotisations
guide urssaf (pdf): https://www.urssaf.fr/portail/files/live/sites/urssaf/files/documents/Guide-Professions-liberales.pdf
guide urssaf (pdf): https://www.urssaf.fr/portail/files/live/sites/urssaf/files/documents/Diaporama_PL_statuts_hors_AE_et_PAM.pdf
note: |
Les professions libérales réglementée ne cotisent pour la part correspondante aux
indemnités journalières et n'ont donc pas le droit à ces indemnités en cas de

View File

@ -105,6 +105,9 @@
color: inherit;
font-size: inherit !important;
}
.ui__.card.box.thiner {
max-width: 15rem;
}
.ui__.card.box.ui__.interactive.light-border:hover {
border-color: var(--lightColor);
/* border-color: var(--lightColor); */

View File

@ -16,7 +16,6 @@ import { Link, useHistory } from 'react-router-dom'
import { RootState } from 'Reducers/rootReducer'
import { LegalStatus } from 'Selectors/companyStatusSelectors'
import { TrackPage } from '../../ATInternetTracking'
import GuideAutoEntrepreneurUrl from './Guide_Auto-Entrepreneur.pdf'
import StatutDescription from './StatutDescription'
type CreateCompanyProps = {
@ -522,12 +521,28 @@ export default function CreateCompany({ statut }: CreateCompanyProps) {
</p>
</Trans>
</Link>
{i18n.language === 'fr' && isAutoentrepreneur && (
<a
className="ui__ interactive card small box lighter-bg"
href="https://www.autoentrepreneur.urssaf.fr/portail/files/Guides/Metropole/Presentation_AE.pdf"
target="_blank"
>
<p>Guide pratique Urssaf</p>
<p className="ui__ notice">
Des conseils pour les auto-entrepreneurs : comment préparer son
projet pour se lancer dans la création et une présentation
détaillée de votre protection sociale.
</p>
<small className="ui__ label">PDF</small>
</a>
)}
{isAutoentrepreneur && <RessourceAutoEntrepreneur />}
{i18n.language === 'fr' && ['EI', 'EIRL', 'EURL'].includes(statut) && (
<a
target="_blank"
className="ui__ interactive card small box lighter-bg"
href="https://www.urssaf.fr/portail/files/live/sites/urssaf/files/documents/Guide-Travailleurs-independants.pdf"
href="https://www.urssaf.fr/portail/files/live/sites/urssaf/files/documents/Diaporama_TI_statuts_hors_AE.pdf"
>
<p>Guide Urssaf pour les travailleur indépendant</p>
<p className="ui__ notice">
@ -586,24 +601,6 @@ export function RessourceAutoEntrepreneur() {
</p>
</a>
</Trans>
{i18n.language === 'fr' && (
<a
className="ui__ interactive card small box lighter-bg"
href={GuideAutoEntrepreneurUrl}
download="guide-devenir-auto-entrepreneur-en-2020"
>
<p>Guide pratique Urssaf</p>
<p className="ui__ notice">
Des conseils pour les auto-entrepreneurs : comment préparer son
projet pour se lancer dans la création et une présentation détaillée
de votre protection sociale.
</p>
<div css="text-align: right">
<small className="ui__ label">PDF</small>
</div>
</a>
)}
<Trans i18nKey="pages.common.ressources-auto-entrepreneur.impôt">
<a
className="ui__ interactive card small box lighter-bg"

View File

@ -115,7 +115,6 @@ export default function Simulateurs() {
export function SimulateurCard({
small = false,
noBorder = false,
shortName,
meta,
path,
@ -124,7 +123,6 @@ export function SimulateurCard({
icône,
}: SimulatorData[keyof SimulatorData] & {
small?: boolean
noBorder?: boolean
}) {
const isIframe = useContext(IsEmbeddedContext)
const name = (
@ -134,13 +132,9 @@ export function SimulateurCard({
)
return (
<Link
className={classnames(
'ui__ interactive card box',
!noBorder && 'light-border',
{
small,
}
)}
className={classnames('ui__ interactive card box light-border', {
small,
})}
key={path}
to={{
state: { fromSimulateurs: true },

View File

@ -1,6 +1,7 @@
import PreviousSimulationBanner from 'Components/PreviousSimulationBanner'
import { ThemeColorsProvider } from 'Components/utils/colors'
import { IsEmbeddedContext } from 'Components/utils/embeddedContext'
import { useEngine } from 'Components/utils/EngineContext'
import Meta from 'Components/utils/Meta'
import { SitePathsContext } from 'Components/utils/SitePathsContext'
import useSearchParamsSimulationSharing from 'Components/utils/useSearchParamsSimulationSharing'
@ -94,44 +95,112 @@ export default function PageData({
)
}
type NextStepsProps = {
iframePath?: string
nextSteps?: Array<SimulatorId>
}
type NextStepsProps = Pick<
SimulatorData[keyof SimulatorData],
'iframePath' | 'nextSteps'
>
function NextSteps({ iframePath, nextSteps }: NextStepsProps) {
const sitePaths = useContext(SitePathsContext)
const simulators = useSimulatorsData()
if (!iframePath && !nextSteps) {
const { language } = useTranslation().i18n
const engine = useEngine()
const guideUrssaf = guidesUrssaf.find(
({ associatedRule }) => engine.evaluate(associatedRule).nodeValue
)
if (!iframePath && !nextSteps && !guideUrssaf) {
return null
}
return (
<section>
<h3>Aller plus loin</h3>
<div className="ui__ box-container">
{nextSteps?.map((simulatorId) => (
<SimulateurCard
key={simulatorId}
noBorder
{...simulators[simulatorId]}
/>
))}
{13 && (
<Link
className="ui__ interactive card box"
to={{
pathname: sitePaths.integration.iframe,
search: `?module=${iframePath}`,
}}
>
<div className="ui__ big box-icon">{emoji('📱')}</div>
<h3>Intégrer le module web</h3>
<p className="ui__ notice">
Ajouter ce simulateur sur votre site internet en un clic
</p>
</Link>
)}
<div className="ui__ full-width ">
<div className="ui__ box-container center-flex">
{guideUrssaf && language === 'fr' && (
<a
className="ui__ interactive card box thiner"
href={guideUrssaf.url}
target="_blank"
>
<h5>
<span className="ui__ box-icon">{emoji('📖')}</span>{' '}
{guideUrssaf.title}
</h5>
<p className="ui__ notice">
Des conseils pour se lancer dans la création et une présentation
détaillée de votre protection sociale.
</p>
<small className="ui__ label">PDF</small>
</a>
)}
{nextSteps?.map((simulatorId) => (
<Link
key={simulatorId}
className="ui__ interactive card box thiner"
to={{
state: { fromSimulateurs: true },
pathname: simulators[simulatorId].path,
}}
>
<h5>
<span className="ui__ box-icon">
{emoji(simulators[simulatorId].icône)}
</span>
{simulators[simulatorId].shortName}
</h5>
<p className="ui__ notice">
{simulators[simulatorId].meta?.description}
</p>
</Link>
))}
{iframePath && (
<Link
className="ui__ interactive card box thiner"
to={{
pathname: sitePaths.integration.iframe,
search: `?module=`,
}}
>
<h5>
<span className="ui__ box-icon">{emoji('📱')}</span> Intégrer le
module web
</h5>
<p className="ui__ notice">
Ajouter ce simulateur sur votre site internet en un clic
</p>
</Link>
)}
</div>
</div>
</section>
)
}
const guidesUrssaf = [
{
url:
'https://www.urssaf.fr/portail/files/live/sites/urssaf/files/documents/Diaporama_Medecins.pdf',
associatedRule: "dirigeant . indépendant . PL . métier = 'santé . médecin'",
title: 'Guide Urssaf pour les médecins libéraux',
},
{
url:
'https://www.urssaf.fr/portail/files/live/sites/urssaf/files/documents/Diaporama_PL_statuts_hors_AE_et_PAM.pdf',
associatedRule: 'entreprise . activité . libérale réglementée',
title: 'Guide Urssaf pour les professions libérales réglementées',
},
{
url:
'https://www.autoentrepreneur.urssaf.fr/portail/files/Guides/Metropole/Presentation_AE.pdf',
associatedRule: 'dirigeant . auto-entrepreneur',
title: 'Guide Urssaf pour les auto-entrepreneurs',
},
{
url:
'https://www.urssaf.fr/portail/files/live/sites/urssaf/files/documents/Diaporama_TI_statuts_hors_AE.pdf',
associatedRule: 'dirigeant',
title: 'Guide Urssaf pour les indépendants',
},
]

View File

@ -333,7 +333,7 @@ export function getSimulatorsData({
),
},
component: IndépendantSimulation,
nextSteps: ['is', 'comparaison-statuts'],
nextSteps: ['comparaison-statuts', 'is'],
},
sasu: {
config: sasuConfig,