📖 Ajout des guides Urssaf 2021
parent
a281991d9c
commit
eb0ccc0a42
|
@ -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
|
||||
|
|
|
@ -154,7 +154,7 @@ dirigeant . indépendant . PL . régime général . taux spécifique retraite co
|
|||
travailleurs indépendants ont la possibilité d’opter 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
|
||||
|
|
|
@ -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); */
|
||||
|
|
|
@ -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"
|
||||
|
|
Binary file not shown.
|
@ -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 },
|
||||
|
|
|
@ -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',
|
||||
},
|
||||
]
|
||||
|
|
|
@ -333,7 +333,7 @@ export function getSimulatorsData({
|
|||
),
|
||||
},
|
||||
component: IndépendantSimulation,
|
||||
nextSteps: ['is', 'comparaison-statuts'],
|
||||
nextSteps: ['comparaison-statuts', 'is'],
|
||||
},
|
||||
sasu: {
|
||||
config: sasuConfig,
|
||||
|
|
Loading…
Reference in New Issue