Améliore la présentation des résultat
Johan Girod
parent
c100dd4634
commit
cc6f898dea
|
|
@ -122,15 +122,6 @@ aide déclaration revenu indépendant 2020 . période:
|
|||
- règle: période . fin d'année
|
||||
par: 31/12/2020
|
||||
|
||||
aide déclaration revenu indépendant 2020 . cotisations obligatoires:
|
||||
titre: Cotisations sociales obligatoires
|
||||
résumé: '[DSBA/DSBB]'
|
||||
unité: €/an
|
||||
formule:
|
||||
somme:
|
||||
- dirigeant . indépendant . cotisations et contributions . cotisations
|
||||
- (- réduction covid . imputation sur les cotisations obligatoires)
|
||||
|
||||
aide déclaration revenu indépendant 2020 . réduction covid:
|
||||
titre: Réduction de cotisation Covid
|
||||
remplace:
|
||||
|
|
@ -163,8 +154,8 @@ aide déclaration revenu indépendant 2020 . réduction covid . imputation sur l
|
|||
facteur: dirigeant . indépendant . cotisations et contributions . cotisations / montant . plafond
|
||||
|
||||
aide déclaration revenu indépendant 2020 . réduction covid . montant:
|
||||
titre: Réduction de cotisations Covid
|
||||
résumé: intégrée dans le montant des cotisations calculé ci-dessus (pour information)
|
||||
titre: Réduction Covid
|
||||
description: Réduction intégrée dans le montant des cotisations affiché ci-dessus
|
||||
formule:
|
||||
somme:
|
||||
- printemps 2020
|
||||
|
|
@ -362,3 +353,53 @@ aide déclaration revenu indépendant 2020 . réduction covid . nombre de mois
|
|||
unité: mois éligibles
|
||||
plafond: 3 mois éligibles
|
||||
|
||||
|
||||
aide déclaration revenu indépendant 2020 . revenu net fiscal:
|
||||
titre: revenu net fiscal
|
||||
résumé: '[A]'
|
||||
description: Résultat avant déduction des charges sociales et exonérations fiscales
|
||||
valeur: dirigeant . rémunération . totale
|
||||
|
||||
aide déclaration revenu indépendant 2020 . cotisations obligatoires:
|
||||
titre: Cotisations sociales obligatoires déductibles
|
||||
résumé: '[C]'
|
||||
description: |
|
||||
À reporter dans :
|
||||
- **la case DSBA/DSBB** dans le formulaire de donnée complémentaire à la déclaration de revenus des indépendant (formulaire 2042)
|
||||
- **régime réel simplifié :** la rubrique 326 du formulaire 2033-D-SD
|
||||
- **régime réel normal :** la rubrique A5 du formulaire 2053-SD
|
||||
unité: €/an
|
||||
somme:
|
||||
- dirigeant . indépendant . cotisations et contributions . cotisations
|
||||
- (- réduction covid . imputation sur les cotisations obligatoires)
|
||||
références:
|
||||
Notice impots.gouv.fr: https://www.impots.gouv.fr/portail/www2/fichiers/documentation/brochure/ir_2021/pdf_som/11-bis-decla_fusion_fisc_185a195.pdf
|
||||
|
||||
aide déclaration revenu indépendant 2020 . CSG déductible:
|
||||
titre: CSG déductible
|
||||
résumé: '[B]'
|
||||
description: "Montant de la CSG déductible à l'impôt sur le revenu"
|
||||
formule: dirigeant . indépendant . cotisations et contributions . CSG et CRDS . déductible
|
||||
|
||||
aide déclaration revenu indépendant 2020 . CFP:
|
||||
résumé: '[D]'
|
||||
description: Contribution à la formation professionnelle
|
||||
formule: dirigeant . indépendant . cotisations et contributions . formation professionnelle
|
||||
|
||||
aide déclaration revenu indépendant 2020 . total charges sociales déductible:
|
||||
titre: charges sociales obligatoires déductibles fiscalement
|
||||
résumé: '[B + C + D]'
|
||||
somme:
|
||||
- CSG déductible
|
||||
- cotisations obligatoires
|
||||
- CFP
|
||||
description: |
|
||||
À reporter dans :
|
||||
- **régime réel simplifié :** la rubrique 252 du formulaire 2033-B-SD
|
||||
- **régime réel normal :** la rubrique FZ du formulaire 2052-SD
|
||||
|
||||
|
||||
aide déclaration revenu indépendant 2020 . assiette sociale:
|
||||
résumé: '[A - (B + C + D)]'
|
||||
description: Assiette utilisée pour le calcul des cotisations sociales
|
||||
valeur: dirigeant . indépendant . assiette des cotisations
|
||||
|
|
|
|||
|
|
@ -1,6 +1,11 @@
|
|||
objectifs:
|
||||
- aide déclaration revenu indépendant 2020 . revenu net fiscal
|
||||
- aide déclaration revenu indépendant 2020 . CSG déductible
|
||||
- aide déclaration revenu indépendant 2020 . cotisations obligatoires
|
||||
- aide déclaration revenu indépendant 2020 . CFP
|
||||
- aide déclaration revenu indépendant 2020 . réduction covid . montant
|
||||
- aide déclaration revenu indépendant 2020 . total charges sociales déductible
|
||||
- aide déclaration revenu indépendant 2020 . assiette sociale
|
||||
|
||||
situation:
|
||||
dirigeant: "'indépendant'"
|
||||
|
|
|
|||
|
|
@ -8,11 +8,12 @@ import 'Components/TargetSelection.css'
|
|||
import Animate from 'Components/ui/animate'
|
||||
import Warning from 'Components/ui/WarningBlock'
|
||||
import { EngineContext, useEngine } from 'Components/utils/EngineContext'
|
||||
import { Markdown } from 'Components/utils/markdown'
|
||||
import { useNextQuestions } from 'Components/utils/useNextQuestion'
|
||||
import useSimulationConfig from 'Components/utils/useSimulationConfig'
|
||||
import { DottedName } from 'modele-social'
|
||||
import { RuleNode } from 'publicodes'
|
||||
import { Fragment, useCallback, useContext } from 'react'
|
||||
import { useCallback, useContext } from 'react'
|
||||
import emoji from 'react-easy-emoji'
|
||||
import { Trans } from 'react-i18next'
|
||||
import { useDispatch, useSelector } from 'react-redux'
|
||||
|
|
@ -49,13 +50,13 @@ export default function AideDéclarationIndépendant() {
|
|||
<div>
|
||||
<Trans i18nKey="aide-déclaration-indépendant.description">
|
||||
<p>
|
||||
Cet outil est une aide aux déclarations de revenus à destination des
|
||||
Cet outil est une aide à la déclaration de revenus à destination des
|
||||
travailleurs indépendants. Il vous permet de connaître le montant des
|
||||
charges sociales déductibles à partir de votre résultat net fiscal.
|
||||
</p>
|
||||
<p>
|
||||
Vous restez entièrement responsable d'éventuelles omissions ou
|
||||
inexactitudes dans vos déclarations.
|
||||
inexactitudes dans votre déclarations.
|
||||
</p>
|
||||
<div>
|
||||
<Warning localStorageKey="aide-déclaration-indépendant.warning">
|
||||
|
|
@ -425,54 +426,128 @@ function SimpleField({
|
|||
|
||||
function Results() {
|
||||
const engine = useEngine()
|
||||
const rules = (simulationConfig.objectifs as DottedName[]).map((objectif) =>
|
||||
engine.getRule(objectif)
|
||||
)
|
||||
|
||||
return (
|
||||
<div
|
||||
className="ui__ card lighter-bg"
|
||||
css="margin-top: 3rem; padding: 1rem 0"
|
||||
className="ui__ full-width lighter-bg"
|
||||
css={`
|
||||
margin-top: 2rem;
|
||||
`}
|
||||
>
|
||||
<h1 css="text-align: center; margin-bottom: 2rem">
|
||||
<Trans i18nKey="aide-déclaration-indépendant.results.title">
|
||||
Aide à la déclaration
|
||||
</Trans>
|
||||
{emoji('📄')}
|
||||
</h1>
|
||||
<p>
|
||||
L'ancienne Déclaration Sociale des Indépendant (DSI) qui était
|
||||
précédemment à effectuer sur le site net-entreprises.fr est désormais
|
||||
intégrée à la déclaration fiscale des revenus (déclaration 2042) sur
|
||||
impots.gouv.fr.
|
||||
</p>
|
||||
<p>
|
||||
Vous pouvez reporter le montant suivant dans votre déclaration, calculé
|
||||
à partir des informations saisies.
|
||||
</p>
|
||||
<>
|
||||
<Animate.fromTop>
|
||||
{rules.map((r) => (
|
||||
<Fragment key={r.dottedName}>
|
||||
<h4>
|
||||
{r.title} <small>{r.rawNode.résumé}</small>
|
||||
</h4>
|
||||
{r.rawNode.description && (
|
||||
<p className="ui__ notice">{r.rawNode.description}</p>
|
||||
)}
|
||||
<p className="ui__ lead" css="margin-bottom: 1rem;">
|
||||
<RuleLink dottedName={r.dottedName}>
|
||||
<Value
|
||||
expression={r.dottedName}
|
||||
displayedUnit="€"
|
||||
unit="€/an"
|
||||
precision={0}
|
||||
/>
|
||||
</RuleLink>
|
||||
</p>
|
||||
</Fragment>
|
||||
))}
|
||||
</Animate.fromTop>
|
||||
</>
|
||||
<div
|
||||
className="ui__ container"
|
||||
css={`
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
`}
|
||||
>
|
||||
<h2>
|
||||
{emoji('📄')}{' '}
|
||||
<Trans i18nKey="aide-déclaration-indépendant.results.title">
|
||||
Montants à reporter dans votre déclaration de revenus
|
||||
</Trans>
|
||||
</h2>
|
||||
<p>
|
||||
L'ancienne Déclaration Sociale des Indépendant (DSI) qui était
|
||||
précédemment à effectuer sur le site net-entreprises.fr est désormais
|
||||
intégrée à la déclaration fiscale des revenus (déclaration 2042) sur
|
||||
impots.gouv.fr.
|
||||
</p>
|
||||
<p>
|
||||
Vous pouvez reporter les montant suivant dans votre déclaration,
|
||||
calculé à partir des informations saisies.
|
||||
</p>
|
||||
{([
|
||||
'aide déclaration revenu indépendant 2020 . cotisations obligatoires',
|
||||
'aide déclaration revenu indépendant 2020 . total charges sociales déductible',
|
||||
] as const).map((dottedName) => {
|
||||
const r = engine.getRule(dottedName)
|
||||
return (
|
||||
<Animate.fromTop key={dottedName}>
|
||||
<div
|
||||
className="ui__ card"
|
||||
css={`
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin: 1rem 0;
|
||||
`}
|
||||
>
|
||||
<h3>
|
||||
{r.title} <small>{r.rawNode.résumé}</small>
|
||||
</h3>
|
||||
<p className="ui__ lead" css="margin-bottom: 1rem;">
|
||||
<strong>
|
||||
<RuleLink dottedName={r.dottedName}>
|
||||
<Value
|
||||
expression={r.dottedName}
|
||||
displayedUnit="€"
|
||||
unit="€/an"
|
||||
precision={0}
|
||||
/>
|
||||
</RuleLink>
|
||||
</strong>
|
||||
</p>
|
||||
{r.rawNode.description && (
|
||||
<div className="ui__ notice">
|
||||
<Markdown source={r.rawNode.description} />
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</Animate.fromTop>
|
||||
)
|
||||
})}
|
||||
<h2>{emoji('ℹ️')} Pour votre information </h2>
|
||||
<div
|
||||
css={`
|
||||
margin: 0 -0.5rem;
|
||||
display: grid;
|
||||
grid-gap: 0.5rem;
|
||||
grid-template-columns: repeat(3, auto);
|
||||
`}
|
||||
>
|
||||
{([
|
||||
'aide déclaration revenu indépendant 2020 . réduction covid . montant',
|
||||
'aide déclaration revenu indépendant 2020 . revenu net fiscal',
|
||||
'aide déclaration revenu indépendant 2020 . CSG déductible',
|
||||
'aide déclaration revenu indépendant 2020 . CFP',
|
||||
'aide déclaration revenu indépendant 2020 . assiette sociale',
|
||||
] as const).map((dottedName) => {
|
||||
const r = engine.getRule(dottedName)
|
||||
return (
|
||||
<Animate.fromTop style={{ display: 'flex' }} key={dottedName}>
|
||||
<div
|
||||
className="ui__ box card"
|
||||
css={`
|
||||
margin: 0;
|
||||
flex: 1 !important;
|
||||
`}
|
||||
>
|
||||
<p className="ui__ lead">
|
||||
<RuleLink dottedName={r.dottedName} />{' '}
|
||||
<small>{r.rawNode.résumé}</small>
|
||||
</p>
|
||||
|
||||
{r.rawNode.description && (
|
||||
<div className="ui__ notice">
|
||||
<Markdown source={r.rawNode.description} />
|
||||
</div>
|
||||
)}
|
||||
<p className="ui__ lead" css="margin-bottom: 1rem;">
|
||||
<RuleLink dottedName={r.dottedName}>
|
||||
<Value
|
||||
expression={r.dottedName}
|
||||
displayedUnit="€"
|
||||
unit="€/an"
|
||||
precision={0}
|
||||
/>
|
||||
</RuleLink>
|
||||
</p>
|
||||
</div>
|
||||
</Animate.fromTop>
|
||||
)
|
||||
})}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue