wip
Johan Girod
Mael
parent
9c095e566f
commit
b276c1cb1c
|
|
@ -0,0 +1,167 @@
|
|||
/* @flow */
|
||||
import React from 'react';
|
||||
import { connect } from 'react-redux';
|
||||
import { defineDirectorStatus } from '../../actions';
|
||||
import * as Animate from '../../animate';
|
||||
import { SkipButton } from '../../ui/Button';
|
||||
import type { RouterHistory } from 'react-router'
|
||||
import type { DirectorStatus , CompanyLegalSetup } from '../../types'
|
||||
type Props = {
|
||||
history: RouterHistory,
|
||||
defineDirectorStatus: DirectorStatus => void
|
||||
}
|
||||
|
||||
const goToNextStep = (history: RouterHistory) => {
|
||||
history.push('/create-my-company/declare-my-business')
|
||||
}
|
||||
|
||||
const LEGAL_STATUS: {[status: string]: {legalSetup: CompanyLegalSetup, legalEntity: DirectorStatus}} = {
|
||||
EI: { legalSetup: 'SOLE_PROPRIETORSHIP', legalEntity: 'SELF_EMPLOYED'},
|
||||
EURL: { legalSetup: 'LIMITED_LIABILITY', legalEntity: ''},
|
||||
EIRL: { legalSetup: 'LIMITED_LIABILITY', legalEntity: 'SELF_EMPLOYED'},
|
||||
SARL: { legalSetup: 'SOLE_PROPRIETORSHIP', legalEntity: 'SELF_EMPLOYED'},
|
||||
SAS: { legalSetup: 'SOLE_PROPRIETORSHIP', legalEntity: 'SALARIED'},
|
||||
SA: { legalSetup: 'SOLE_PROPRIETORSHIP', legalEntity: 'SELF_EMPLOYED'},
|
||||
SNC: { legalSetup: 'SOLE_PROPRIETORSHIP', legalEntity: 'SELF_EMPLOYED'},
|
||||
SASU: { legalSetup: 'SOLE_PROPRIETORSHIP', legalEntity: 'SELF_EMPLOYED'}
|
||||
}
|
||||
type LegalStatus = $Keys<PossibleLegalStatus>
|
||||
|
||||
const possibleStatus: PossibleLegalStatus = {
|
||||
EI: true,
|
||||
EURL: true,
|
||||
EIRL: true,
|
||||
SARL: true,
|
||||
SAS: true,
|
||||
SA: true,
|
||||
SNC: true,
|
||||
SASU: true
|
||||
}
|
||||
|
||||
const possibleStatusSelector = state => state.inFrance.
|
||||
|
||||
const StatusButton = ({
|
||||
status,
|
||||
history
|
||||
}: {
|
||||
status: LegalStatus,
|
||||
history: RouterHistory
|
||||
}) => (
|
||||
<button
|
||||
onClick={() => {
|
||||
goToNextStep(history)
|
||||
}}
|
||||
className="ui__ button">
|
||||
{status}
|
||||
</button>
|
||||
)
|
||||
|
||||
const SetMainStatus = ({ history }: Props) => (
|
||||
<Animate.fromBottom>
|
||||
<h2>Set the legal status</h2>
|
||||
<p>To carry out your activity, you must choose a legal status.</p>
|
||||
<p>
|
||||
The choice of a legal form of practice depends on several factors: the way
|
||||
you wish to practice (alone or in a company), the possibility to separate
|
||||
personal and professional wealth, the tax status linked to the envisaged
|
||||
legal framework...
|
||||
</p>
|
||||
<p>
|
||||
This choice is important because it conditions your social protection. The
|
||||
company regime of the executive depends on the legal structure chosen and
|
||||
his function within it.
|
||||
</p>
|
||||
<p>
|
||||
Based on your previous answers, we narrowed it down for you to the
|
||||
following possibilities:
|
||||
</p>
|
||||
<ul>
|
||||
{possibleStatus.EI && (
|
||||
<li>
|
||||
<strong>EI - Entreprise individuelle (Individual business): </strong>
|
||||
Also called company in own name or company in a personal name. No
|
||||
capital contribution is necessary. Private wealth and corporate wealth
|
||||
are one.
|
||||
</li>
|
||||
)}
|
||||
{possibleStatus.EIRL && (
|
||||
<li>
|
||||
<strong>
|
||||
EIRL - Entrepreneur individuel à responsabilité limitée (Individual
|
||||
entrepreneur with limited liability)
|
||||
</strong>
|
||||
Protects your property by assigning to your business a professional
|
||||
heritage necessary for the activity.
|
||||
</li>
|
||||
)}
|
||||
{possibleStatus.EURL && (
|
||||
<li>
|
||||
<strong>
|
||||
EURL - Entreprise unipersonnelle à responsabilité limitée (Limited
|
||||
personal company):{' '}
|
||||
</strong>
|
||||
Company with only one partner. Liability is limited to the amount of
|
||||
its contribution to the capital.
|
||||
</li>
|
||||
)}
|
||||
{possibleStatus.SARL && (
|
||||
<li>
|
||||
<strong>
|
||||
SARL - Société à responsabilité limitée (Limited corporation):{' '}
|
||||
</strong>
|
||||
Composed of at least 2 partners whose financial responsibility is
|
||||
limited to the amounts of contributions in the capital. The minimum
|
||||
capital is freely fixed in the statutes.
|
||||
</li>
|
||||
)}
|
||||
{possibleStatus.SAS && (
|
||||
<li>
|
||||
<strong>
|
||||
SAS - Société par action simplifiée (Simplified joint stock
|
||||
company):{' '}
|
||||
</strong>Composed of at least 2 associates. The financial
|
||||
responsibility of the partners is limited to the amounts of
|
||||
contributions in the capital. The minimum capital is freely fixed in
|
||||
the statutes.
|
||||
</li>
|
||||
)}
|
||||
{possibleStatus.SASU && (
|
||||
<li>
|
||||
<strong>
|
||||
SASU - Société par action simplifiée unitaire (Simplified personal
|
||||
joint stock company):{' '}
|
||||
</strong>Composed of only one associate. The financial responsibility
|
||||
is limited to the amounts of contributions in the capital. The minimum
|
||||
capital is freely fixed in the statutes.
|
||||
</li>
|
||||
)}
|
||||
{possibleStatus.SA && (
|
||||
<li>
|
||||
<strong>SASU - Société anonyme (Anonymous company):</strong>Company
|
||||
composed of at least 2 shareholders if it is not listed.
|
||||
</li>
|
||||
)}
|
||||
{possibleStatus.SNC && (
|
||||
<li>
|
||||
<strong>SNC - Société en nom collectif (Partnership):</strong>The
|
||||
partners are liable indefinitely and severally for the debts of the
|
||||
company.
|
||||
</li>
|
||||
)}
|
||||
</ul>
|
||||
<div className="ui__ answer-group">
|
||||
{/* $FlowFixMe */}
|
||||
{(Object.entries(possibleStatus): Array<[LegalStatus, boolean]>)
|
||||
.filter(([, statusIsVisible]) => statusIsVisible)
|
||||
.map(([status]) => (
|
||||
<StatusButton key={status} status={status} history={history} />
|
||||
))}
|
||||
<SkipButton onClick={() => goToNextStep(history)} />
|
||||
</div>
|
||||
</Animate.fromBottom>
|
||||
)
|
||||
|
||||
export default connect(
|
||||
null,
|
||||
{ defineDirectorStatus }
|
||||
)(SetMainStatus)
|
||||
Loading…
Reference in New Issue