\n
\n );\n }\n}\n\nNavigationBar.propTypes = {\n disableNext: React.PropTypes.bool,\n disabled: React.PropTypes.bool,\n a: React.PropTypes.bool,\n status: React.PropTypes.string,\n disableBack: React.PropTypes.bool,\n progressLevel: React.PropTypes.bool,\n goBack: React.PropTypes.func.isRequired,\n goNext: React.PropTypes.func.isRequired,\n action: React.PropTypes.func.isRequired,\n save: React.PropTypes.func.isRequired,\n children: React.PropTypes.node,\n isFormulaire: React.PropTypes.bool,\n displayErrors: React.PropTypes.func.isRequired,\n className: React.PropTypes.string,\n fields: React.PropTypes.object,\n linkTo: React.PropTypes.string,\n};\nNavigationBar.defaultProps = {\n isFormulaire: false,\n disabled: false,\n className: 'flat_btn purple_btn more_padding',\n};\n\nexport default NavigationBar;\n","import { connect } from 'react-redux/dist/react-redux';\nimport NavigationBar from '../components/NavigationBar';\nimport every from 'lodash/every';\nimport { displayErrors } from '../action_creators';\n\nfunction mapStateToProps(state, props) {\n if (props.fields) {\n const allInputs = props.fields\n .map(field => field.split('.'))\n .map(([store, ...path]) => state[store].getIn(path));\n const haveValue = every(allInputs\n .map(input => (input && input.get('value') !== undefined\n && input.get('value') !== null && input.get('value').size !== 0)));\n const noError = every(allInputs\n .map((input) => (input && input.get('errors')\n ? input.get('errors').valueSeq().every((value) => (value !== true))\n : true)));\n return ({\n disableNext: !haveValue || !noError,\n userId: state.account.getIn(['identifiant', 'value']) || \"\",\n langues: state.demandeCredit.getIn(['langues', 'value']) || \"fr\",\n userStatus: state.account.get('authenticationStatus') === \"success\" ? \"logged\": \"not-logged\",\n origin: state.demandeCredit.getIn(['origin', 'value']), \n });\n }\n return {};\n}\n\nfunction mapDispatchToProps(dispatch) {\n return {\n displayErrors: (a) => dispatch(displayErrors(a)),\n };\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(NavigationBar);\n","/* eslint-disable */\nimport React, { Component } from 'react';\nimport Text from '../containers/Text';\nimport Radio from '../containers/Inputs/Radio';\nimport SelectDate from './Inputs/SelectDate';\nimport Select from '../containers/Inputs/Select';\nimport { fromJS } from 'immutable';\nimport SelectCountry from '../containers/Inputs/SelectCountry';\nimport Title from './Title';\nimport NavigationBar from '../containers/NavigationBar';\nimport icone_info from '../assets/images/icone_info.png';\nimport i18n from '../i18n';\nimport TagManager from 'react-gtm-module';\nimport {isLoged} from '../utile/utile'\nimport NextButton from '../containers/NextButton';\n\n\nconst profession = fromJS([\n { label: 'Chef d’entreprise', value: '0811' },\n { label: 'Cadre de la fonction publique', value: '0791' },\n { label: 'Cadre d’entreprise privée ou semi-publique', value: '0391' },\n { label: 'Employé ou agent de la fonction publique', value: '3111' },\n { label: 'Employé d’entreprise privée ou semi-publique', value: '3911' },\n { label: 'Profession libérale', value: '2691' },\n { label: 'Profession libérale médicale', value: '1151' },\n { label: 'Commerçant et assimilés', value: '4181' },\n { label: 'Artisan et assimilés', value: '6911' },\n { label: 'Agriculteur exploitant ', value: '5131' },\n { label: 'Ouvrier', value: '9911' },\n { label: 'Etudiant ', value: 'XX211' },\n { label: 'Retraité ', value: 'XX311' },\n { label: 'Inactif / Recherche d’emploi ', value: 'XX111' },\n]);\n\nconst activityOptions = fromJS([\n { label: 'ADMINISTRATEURS DELEGUES ', value: '115' },\n { label: 'ADMINISTRATEURS DE SOCIETES ', value: '120' },\n { label: 'ARCHITECTES ', value: '005' },\n { label: 'AUTRES ARTISANS ', value: '945' },\n { label: 'AUTRES EMPLOYES DE BUREAUX ', value: '470' },\n { label: 'AVOCATS ', value: '010' },\n { label: 'CADRE SUPERIEUR ADMINISTRATION ', value: '172' },\n { label: 'CHEF DE SERVICE/DEPARTEMENT ', value: '210' },\n { label: 'CHOMEURS ', value: '805' },\n { label: 'CONDUCTEURS D`ENGINS/CHAUFFEUR ', value: '865' },\n { label: 'DENTISTES ', value: '020' },\n { label: 'DIPLOMATES ', value: '180' },\n { label: 'DIRECTEURS D`USINES ', value: '125' },\n { label: 'DIRECTEURS FINACIERS ', value: '130' },\n { label: 'DIRECTEURS GENERAUX ', value: '110' },\n { label: 'DIRECTEUR MARKETING/COMMERCIAL ', value: '140' },\n { label: 'DIRECTEURS RESSOURCES HUMAINES ', value: '135' },\n { label: 'ETUDIANTS -ELEVES-STAGIAIRES ', value: '820' },\n { label: 'INGENIEUR ', value: '220' },\n { label: 'INGENIEURS CONSEILS/ CABINET', value: '035' },\n { label: 'JOURNALISTES INDEPENDANTS ', value: '670' },\n { label: 'JUGES ET PROCUREURS ', value: '190' },\n { label: 'MEDECINS ', value: '015' },\n { label: 'MEMBRES CORPS LEGSLATIFS ', value: '175' },\n { label: 'OUVRIER NON QUALIFIE/MANOEUVRE ', value: '848' },\n { label: 'OUVRIERS QUALIFIERS PECIALISES ', value: '860' },\n { label: 'PHARMACIENS ', value: '030' },\n { label: 'PILOTES/OFFICIERS MECANICIENS ', value: '760' },\n { label: 'PROFESSEUR DU SECONDAIRE ', value: '510' },\n { label: 'PROFESSEUR ENSEIG.SUPERIEUR ', value: '505' },\n { label: 'SECRETAIRE-ASSISTANCE ', value: '465' },\n { label: 'TECHNICIENS ', value: '215' },\n { label: 'VENDEURS ', value: '480' },\n { label: 'VETERINAIRES ', value: '025' },\n]);\n\nconst situationLogementOptions = fromJS([\n { label: 'Locataire', value: '1' },\n { label: 'Propriétaire logement principal', value: '2' },\n { label: 'Avec la famille', value: '3' },\n { label: 'Logement de fonction', value: '4' },\n { label: 'Propriétaire logement secondaire', value: '5' }\n]);\nconst Pieceidentite = fromJS([\n { label: 'C.I.N' },\n //{ label: 'PASSEPORT' },\n //{ label: 'CARTE DE SEJOUR' },\n]);\n\nconst SituationFamiliale = fromJS([\n { label: 'Célibataire', value: 'Célibataire' },\n { label: 'Marié(e)', value: 'Marié(e)' },\n { label: 'Divorcé(e)', value: 'Divorcé(e)' },\n { label: 'Veuf(ve)', value: 'Veuf(ve)' },\n\n]);\n\nconst infobulleMsg = {\n InfoAuresRevenu : \"Merci d'indiquer la somme de vos autre revenus si applicable : Loyer, Allocations familiales, Pension (CNSS,CIMR, Invalidité ou veuvage), Allocations familiales. Prière de noter que tous ces revenus devront être justifiés\",\n InfoEcheanceAutresPrets : \"Merci d'indiquer la somme des échéances payées mensuellement pour les crédits contractés auprès des différents établissements financiers\",\n};\n\nconst sourceAutreRevenu = fromJS([\n { label: 'Location vide', value: 'Location vide' },\n { label: 'Location meublée', value: 'Location meublée' },\n { label: 'Revenus capitaux mobiliers ou plus-value de cessions', value: 'Revenus capitaux mobiliers ou plus-value de cessions' },\n { label: 'Profession indépendante', value: 'Profession indépendante' },\n { label: 'Bénéfices entreprise avec parts', value: 'Bénéfices entreprise avec parts' },\n]);\n\nconst requiredFields = [\n 'demandeCredit.date_naissanceDay',\n 'demandeCredit.date_naissanceMonth',\n 'demandeCredit.date_naissanceYear',\n 'demandeCredit.paysderesidence',\n 'demandeCredit.pieceidentite',\n 'demandeCredit.numpieceidentite',\n 'demandeCredit.situationfamiliale',\n 'demandeCredit.activite',\n 'demandeCredit.employeur',\n 'demandeCredit.secteur',\n 'demandeCredit.date_embaucheDay',\n 'demandeCredit.date_embaucheMonth',\n 'demandeCredit.date_embaucheYear',\n 'demandeCredit.revenu',\n 'demandeCredit.autresecheances',\n 'demandeCredit.situationLogementDemandeur'\n];\n\nclass InfosPerso extends Component {\n\n constructor(props) {\n super(props);\n this.gtmPush = this.gtmPush.bind(this);\n }\n\n componentWillMount() {\n window.scrollTo(0, 0);\n this.props.displayErrors('non');\n this.props.inputChange(this.props.chaabiClient ? 'Oui' : 'Non','demandeCredit.clientbcp');\n document.body.classList.remove('hiddenScroll');\n }\n\n componentWillReceiveProps(prevProps){\n if (prevProps.demandeCredit.numpieceidentite !== undefined && prevProps.demandeCredit.numpieceidentite.includes(\" \")){\n let numpieceidentite = prevProps.demandeCredit.numpieceidentite.replace(\" \",\"\")\n this.props.inputChange(numpieceidentite,'demandeCredit.numpieceidentite')\n }\n }\n componentDidMount() {\n TagManager.dataLayer({\n dataLayer: isLoged(this.props.userId,{\n event: \"form_pret_step_3\",\n origin: this.props.origin,\n userStatus: this.props.userStatus,\n langue: this.props.langues,\n sp_montant: this.props.origin === \"header\" ? null: this.props.montantCredit,\n sp_duree: this.props.origin === \"header\" ? null: this.props.nbAnnee,\n sp_differe: this.props.origin === \"header\" ? null: this.props.dureeDiff,\n sp_taux: this.props.origin === \"header\" ? null: this.props.taux,\n sp_echeance: this.props.origin === \"header\" ? null: this.props.echeance,\n BU: 'particulier'\n }),\n })\n }\n\n gtmPush(){\n\n let inputsError = ( (this.props.dateNaissanceDayError == undefined || this.props.dateNaissanceDayError == true ) ? \"[date_naissanceDay],\":\"\")\n .concat( this.props.dateNaissanceDayError == undefined || this.props.dateNaissanceDayError == true ? \"[date_naissanceMonth],\":\"\")\n .concat( this.props.dateNaissanceDayError == undefined || this.props.dateNaissanceDayError == true ? \"[date_naissanceYear],\":\"\")\n .concat( this.props.paysderesidenceError == undefined || this.props.paysderesidenceError == true ? \"[paysderesidence],\":\"\")\n .concat( this.props.pieceidentiteError == undefined ? \"[pieceidentite],\":\"\")\n .concat( this.props.numpieceidentiteError == undefined || this.props.numpieceidentiteError == true ? \"[numpieceidentite],\":\"\")\n .concat( this.props.situationfamilialeError == undefined || this.props.situationfamilialeError == true ? \"[situationfamiliale],\":\"\")\n .concat( this.props.activiteError == undefined || this.props.activiteError == true ? \"[activite],\":\"\")\n .concat( this.props.employeurError == undefined || this.props.employeurError == true ? \"[employeur],\":\"\")\n .concat( this.props.revenuError == undefined || this.props.revenuError == true ? \"[revenu],\":\"\")\n .concat( this.props.situationLogementDemandeurError == undefined || this.props.situationLogementDemandeurError == true ? \"[situationLogementDemandeur],\":\"\")\n\n\n TagManager.dataLayer({\n dataLayer: isLoged(this.props.userId,{\n event: \"form_pret_step_3\",\n origin: this.props.origin,\n item: \"suivant\",\n userStatus: this.props.userStatus,\n langue: this.props.langues,\n BU: 'particulier',\n champs_refuse: inputsError\n //gclid: this.props.gclid,\n }),\n })\n }\n\n suivant = () => {\n this.props.goNext();\n }\n render() {\n const autreRevenuOptions = [\n { label: i18n.t(\"oui.label\"), value: 'Oui' },\n { label: i18n.t(\"non.label\"), value: 'Non' , checked: true},\n ];\n const Secteurs = [\n { label: i18n.t(\"infoPerso22.label\"), value: 'Public', checked: true },\n { label: i18n.t(\"infoPerso23.label\"), value: 'Prive' },\n ];\n const typeContrat = [\n { label: i18n.t(\"infoPerso20.label\"), value: 'CDI', checked: true },\n { label: i18n.t(\"infoPerso21.label\"), value: 'CDD' },\n ];\n return (\n \n
\n \n \n {i18n.t(\"precedent.label\")}\n \n
\n \n {this.props.a ?\n this.props.children :\n
\n \n {this.props.progressLevel === 'done' ?\n \n \n Sauvegarder\n \n \n\n }\n
\n \n
\n :\n \n
\n );\n }\n}\n\nInfosPerso.propTypes = {\n disableAutre: React.PropTypes.bool,\n goNext: React.PropTypes.func,\n saveDemande: React.PropTypes.func,\n status: React.PropTypes.string,\n displayErrors: React.PropTypes.func,\n\n};\nexport default InfosPerso;\n","import { connect } from 'react-redux/dist/react-redux';\nimport InfosPerso from '../components/InfosPerso';\nimport { goNextState, saveDemande, stateDemande, displayErrors,inputChange } from '../action_creators';\n\nconst mapStateToProps = (state) => ({\n clientbcp: state.demandeCredit.getIn(['clientbcp', 'value']),\n //gclid: localStorage.getItem('gclid'),\n demandeCredit: {\n reference: state.demandeCredit.getIn(['request', 'result', 'reference']),\n prenom: state.demandeCredit.getIn(['prenom', 'value']),\n nom: state.demandeCredit.getIn(['nom', 'value']),\n civilite: state.demandeCredit.getIn(['civilite', 'value']),\n clientbcp: state.demandeCredit.getIn(['clientbcp', 'value']),\n mail: state.demandeCredit.getIn(['mail', 'value']),\n telephone: state.demandeCredit.getIn(['telephone', 'value']),\n\n date_naissance: {\n day: state.demandeCredit.getIn(['date_naissanceDay', 'value']),\n month: state.demandeCredit.getIn(['date_naissanceMonth', 'value']),\n year: state.demandeCredit.getIn(['date_naissanceYear', 'value']),\n },\n\n situationLogement: state.demandeCredit.getIn(['situationLogementDemandeur', 'value']),\n paysderesidence: state.demandeCredit.getIn(['paysderesidence', 'value']),\n pieceidentite: state.demandeCredit.getIn(['pieceidentite', 'value']),\n numpieceidentite: state.demandeCredit.getIn(['numpieceidentite', 'value']),\n situationfamiliale: state.demandeCredit.getIn(['situationfamiliale', 'value']),\n activite: state.demandeCredit.getIn(['activite', 'value']),\n profession: state.demandeCredit.getIn(['profession', 'value']),\n employeur: state.demandeCredit.getIn(['employeur', 'value']),\n secteur: state.demandeCredit.getIn(['secteur', 'value']),\n anciente: state.demandeCredit.getIn(['anciente', 'value']),\n revenu: state.demandeCredit.getIn(['revenu', 'value']),\n boautrerevenu: state.demandeCredit.getIn(['boautrerevenu', 'value']),\n autreactivite: state.demandeCredit.getIn(['autreactivite', 'value']),\n autrerevenu: state.demandeCredit.getIn(['autrerevenu', 'value']),\n autresecheances: state.demandeCredit.getIn(['autresecheances', 'value']),\n apiAction: 'save',\n },\n disableAutre: state.demandeCredit.getIn(['boautrerevenu', 'value']) === '2',\n status: state.demandeCredit.getIn(['request', 'status']),\n userId: state.account.getIn(['identifiant', 'value']) || \"\",\n langues: state.demandeCredit.getIn(['langues', 'value']) || \"fr\",\n userStatus: state.account.get('authenticationStatus') === \"success\" ? \"logged\": \"not-logged\",\n origin: state.demandeCredit.getIn(['origin', 'value']),\n montantCredit: state.simulateur.getIn(['montantCredit', 'value']),\n nbAnnee: state.simulateur.getIn(['nbAnnee', 'value']),\n dureeDiff: state.simulateur.getIn(['dureeDiff', 'value']),\n taux: state.simulateur.getIn(['taux', 'value']),\n echeance: state.simulateur.getIn(['echeance', 'value']),\n dateNaissanceDayError: state.demandeCredit.getIn(['date_naissanceDay', 'errors','date_naissance.underage']),\n date_naissanceMonthError: state.demandeCredit.getIn(['date_naissanceMonth', 'errors','date_naissanceMonth.wrongFormat']),\n date_naissanceYearError: state.demandeCredit.getIn(['date_naissanceYear', 'errors','date_naissanceYear.wrongFormat']),\n paysderesidenceError: state.demandeCredit.getIn(['paysderesidence', 'value']),\n pieceidentiteError: state.demandeCredit.getIn(['pieceidentite', 'value']),\n numpieceidentiteError: state.demandeCredit.getIn(['numpieceidentite', 'errors','numpieceidentite.wrongFormat']),\n situationfamilialeError: state.demandeCredit.getIn(['situationfamiliale', 'value']),\n activiteError: state.demandeCredit.getIn(['activite', 'value']),\n employeurError: state.demandeCredit.getIn(['employeur', 'errors','employeur.wrongFormat']),\n revenuError: state.demandeCredit.getIn(['revenu', 'errors','revenu.isValid']),\n situationLogementDemandeurError: state.demandeCredit.getIn(['situationLogementDemandeur', 'value']),\n chaabiClient: state.demandeCredit.getIn(['chaabiClient', 'value']),\n});\n\nfunction mapDispatchToProps(dispatch) {\n return {\n saveDemande: (demandeRequest) => dispatch(saveDemande(demandeRequest)),\n updateState: () => dispatch(stateDemande()),\n goNext: () => dispatch(goNextState()),\n displayErrors: (a) => dispatch(displayErrors(a)),\n inputChange: (s, h) => dispatch(inputChange(s, h)),\n };\n}\nfunction mergeProps(stateProps, dispatchProps, ownProps) {\n const demandeRequest = stateProps.demandeCredit;\n return Object.assign({}, ownProps, stateProps, dispatchProps, {\n saveDemande: () => dispatchProps.saveDemande(demandeRequest),\n });\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps, mergeProps)(InfosPerso);\n","import { connect } from 'react-redux';\n\nimport Select from '../../components/Inputs/Select';\n\nconst mapStateToProps = (state, props) => {\n const [store, ...storeKey] = props.storeKey.split('.');\n storeKey.push('value');\n return ({\n items: state.configuration.get('indicatifsList'),\n value: state[store].getIn(storeKey),\n });\n};\n\nexport default connect(mapStateToProps)(Select);\n","/* eslint-disable */\nimport React, { Component, PropTypes } from 'react';\nimport image from '../assets/images/img/icone_simulateur_popin.png';\nimport TagManager from 'react-gtm-module';\nimport {isLoged} from '../utile/utile'\n\n\nexport default class Popin extends Component {\n constructor(props) {\n super(props);\n this.popup = this.popup.bind(this);\n this.state = {\n gtmVirtualPage: false\n }\n\n }\n componentWillMount() {\n\n }\n componentDidMount = () => {\n if(!this.props.isChaabiClient){\n let gtmVirtualPage = false;\n if (gtmVirtualPage==false){\n\n gtmVirtualPage = true;\n // this.setState({ gtmVirtualPage:true });\n }\n\n }\n\n }\n\n popup() {\n TagManager.dataLayer({\n dataLayer:{\n event: \"login_canceled\",\n langue: this.props.langues,\n BU: 'particulier'\n }})\n this.props.showHide(this.props.storeKey);\n document.body.classList.remove('hiddenScroll');\n }\n render() {\n return (\n \n
\n \n
\n \n {i18n.t(\"infoPerso1.label\")} \n
\n {i18n.t(\"subtitleForm1.label\")}
\n\n
\n \n {this.props.clientbcp==='Non' ?\n < SelectDate\n storeKey=\"demandeCredit.date_naissance\"\n yearFrom={(new Date()).getFullYear()} yearTo={1900}\n >\n {i18n.t(\"infoPerso2.label\")}\n : < SelectDate\n storeKey=\"demandeCredit.date_naissance\"\n yearFrom={(new Date()).getFullYear()}\n yearTo={1900}\n disabled\n >\n {i18n.t(\"infoPerso2.label\")}\n \n }\n
\n \n \n {i18n.t(\"infoPerso3.label\")}\n \n
\n \n
\n \n\n {i18n.t(\"infoPerso4.label\")}\n
\n \n
\n \n \n {this.props.clientbcp==='Non' ?\n \n {i18n.t('infoPerso5.label')}\n :\n \n {i18n.t('infoPerso5.label')}\n \n }\n
\n \n
\n \n {i18n.t(\"infoPerso7.label\")}\n
\n \n \n {i18n.t(\"infoPerso8.label\")}\n \n
\n \n
\n \n {i18n.t(\"infoPerso9.label\")}\n
\n \n \n
\n \n {i18n.t(\"infoPerso10.label\")}\n
\n \n \n
\n \n {i18n.t(\"infoPerso12.label\")} \n
\n \n {i18n.t(\"infoPerso13.label\")}\n
\n \n
\n \n {i18n.t('simulateur7.label')}
\n \n
\n \n {i18n.t(\"infoPerso14.label\")}\n
\n \n\n < SelectDate\n storeKey=\"demandeCredit.date_embauche\"\n yearFrom={(new Date()).getFullYear()} yearTo={1940}\n >\n {i18n.t(\"infoPerso25.label\")}\n \n
\n \n
\n\n {this.props.demandeCredit.boautrerevenu &&\n this.props.demandeCredit.boautrerevenu === 'Oui' &&\n \n \n {i18n.t(\"infoPerso16.label\")}\n \n
\n \n \n Autres Revenus Mensuels\n \n
\n \n
\n }\n\n \n
\n \n
\n \n autres Revenus Mensuels\n {!this.props.disableAutre ?\n
\n \n
\n : null}\n \n DHS
\n \n \n 
\n {infobulleMsg.InfoAuresRevenu} \n \n
\n \n Source autres revenus\n
\n \n
\n \n
\n\n \n
\n \n {i18n.t('infoPerso19.label')}\n
\n \n
\n \n {i18n.t('simulateur7.label')}
\n \n \n \n {infobulleMsg.InfoEcheanceAutresPrets} \n \n
\n \n {i18n.t(\"infoPerso24.label\")}\n
\n \n
\n \n {this.props.showHideElm ? null :\n \n
}\n \n\n );\n }\n}\nPopin.propTypes = {\n children: PropTypes.node,\n showHide: PropTypes.func,\n flag: PropTypes.bool,\n showHideElm: PropTypes.bool,\n withWhiteBtn: PropTypes.bool,\n status: PropTypes.bool,\n popinTitle: React.PropTypes.string,\n popinTagLine: React.PropTypes.string,\n img: React.PropTypes.string,\n widthImg: React.PropTypes.string,\n secondBtnDatalabel: React.PropTypes.string,\n secondBtnclassCss: React.PropTypes.string,\n secondBtnDataText: React.PropTypes.string,\n storeKey: React.PropTypes.string,\n modalContent: React.PropTypes.string,\n classCss: React.PropTypes.string,\n popin_modals: React.PropTypes.string,\n dataText: React.PropTypes.string,\n datalabel: React.PropTypes.string,\n asterisque: React.PropTypes.string,\n action: React.PropTypes.func.isRequired,\n secondAction: React.PropTypes.func,\n withoneButton: PropTypes.bool,\n};\nPopin.default = {\n popin_modals: 'modal_container modal-backdrop align_center',\n withWhiteBtn: false,\n classCss: 'flat_btn purple_btn more_padding',\n};\n","import { connect } from 'react-redux';\nimport Popin from '../components/Popin';\nimport { showHide } from '../action_creators';\n\nfunction mapStateToProps(state, props) {\n const [store, ...storeKey] = props.storeKey.split('.');\n storeKey.push('value');\n return ({\n isChaabiClient: state.demandeCredit.getIn(['isChaabiClient', 'value']),\n showHideElm: state[store].getIn(storeKey),\n langues: state.demandeCredit.getIn(['langues', 'value']) || 'fr', \n origin: state.demandeCredit.getIn(['origin', 'value']),\n montantCredit: state.simulateur.getIn(['montantCredit', 'value']),\n nbAnnee: state.simulateur.getIn(['nbAnnee', 'value']),\n dureeDiff: state.simulateur.getIn(['dureeDiff', 'value']),\n taux: state.simulateur.getIn(['taux', 'value']),\n echeance: state.simulateur.getIn(['echeance', 'value']),\n });\n}\n\nconst mapDispatchToProps = { showHide };\nexport default connect(mapStateToProps, mapDispatchToProps)(Popin);\n","/* eslint-disable */\nimport React, { Component } from 'react';\nimport Text from '../containers/Text';\nimport Title from './Title';\nimport Radio from '../containers/Inputs/Radio';\nimport NextButton from '../containers/NextButton';\nimport SelectIndicatif from '../containers/Inputs/SelectIndicatif';\nimport Popin from '../containers/Popin';\nimport { hashHistory } from 'react-router';\nimport image from '../assets/images/popin_personal_space_icn.png';\nimport {verifyEmail } from '../utile/utile'\nimport i18n from '../i18n';\nimport TagManager from 'react-gtm-module';\nimport {isLoged} from '../utile/utile'\nimport NavigationBar from '../containers/NavigationBar';\n\nconst requiredFields = [\n 'demandeCredit.civilite',\n 'demandeCredit.nom',\n 'demandeCredit.prenom',\n 'demandeCredit.mail',\n 'demandeCredit.telephone',\n];\nclass Coordonnees extends Component {\n constructor(props) {\n super(props);\n this.suivant = this.suivant.bind(this);\n this.gtmPush = this.gtmPush.bind(this);\n this.handleChangeEmail = this.handleChangeEmail.bind(this);\n this.state = { showPopup: false };\n }\n componentWillMount() {\n window.scrollTo(0, 0);\n this.props.displayErrors('non');\n document.body.classList.remove('hiddenScroll');\n\n }\n componentDidMount() {\n TagManager.dataLayer({\n dataLayer: isLoged(this.props.userId,{\n event: \"form_pret_step_2\",\n origin: this.props.origin,\n userStatus: this.props.userStatus,\n langue: this.props.langues,\n sp_montant: this.props.origin === \"header\" ? null: this.props.montantCredit,\n sp_duree: this.props.origin === \"header\" ? null: this.props.nbAnnee,\n sp_differe: this.props.origin === \"header\" ? null: this.props.dureeDiff,\n sp_taux: this.props.origin === \"header\" ? null: this.props.taux,\n sp_echeance: this.props.origin === \"header\" ? null: this.props.echeance,\n BU: 'particulier'\n }),\n })\n }\n\n componentDidUpdate(prevProps) {\n if (prevProps.langues !== this.props.langues) {\n i18n.changeLanguage(this.props.langues);\n this.forceUpdate();\n }\n }\n handleChangeEmail(event){\n if (verifyEmail(event.target.value)){\n this.props.getDemandeByEmail(\"\"+event.target.value);\n }\n }\n gtmPush(){\n let inputsError = ( (this.props.nomError == undefined || this.props.nomError == true ) ? \"[nom],\":\"\")\n .concat( this.props.prenomError == undefined || this.props.prenomError == true ? \"[prenom],\":\"\")\n .concat( this.props.emailError == undefined || this.props.emailError == true ? \"[Email],\":\"\")\n .concat( this.props.telephoneError == undefined || this.props.telephoneError == true ? \"[Telephone]\":\"\")\n\n TagManager.dataLayer({\n dataLayer: isLoged(this.props.userId,{\n event: \"form_pret_step_2\",\n origin: this.props.origin,\n item: \"suivant\",\n userStatus: this.props.userStatus,\n langue: this.props.langues,\n BU: 'particulier',\n champs_refuse: inputsError\n //gclid: this.props.gclid,\n }),\n })\n }\n suivant(){\n\n if (this.props.demandeByMail !== undefined && this.props.demandeByMail !==null && this.props.demandeByMail.length>0){\n this.setState({ showPopup: true });\n }\n else{\n this.props.goNext();\n }\n }\n\n successReturn() {\n hashHistory.push('/');\n }\n\n render() {\n const prospectOption = [\n { label: i18n.t(\"oui.label\"), value: 'Oui' },\n { label: i18n.t(\"non.label\"), value: 'Non', checked: true },\n ];\n const civilityOptions = [\n { label: i18n.t(\"civiliteM.label\"), value: 'M', checked: true },\n { label: i18n.t(\"civiliteMme.label\"), value: 'Mme' },\n ];\n\n const clientOption = [\n { label: 'Oui', value: 'Oui', checked: true },\n { label: 'Non', value: 'Non' },\n ];\n\n return (\n \n \n
\n \n
\n \n
\n {this.props.popinTitle}
\n{this.props.popinTagLine}
\n\n
\n \n
\n {this.props.children}\n \n
\n\n {this.props.modalContent}\n
\n \n {!this.props.withWhiteBtn ? null :\n
\n \n \n {this.props.secondBtnDatalabel}\n \n {this.props.withPinkButton ? null :\n \n {this.props.datalabel}\n \n }\n
\n }\n {this.props.withoneButton &&\n \n \n {this.props.datalabel}\n \n
\n\n }\n {this.props.asterisque}
\n\n
\n );\n }\n}\n\nCoordonnees.propTypes = {\n currentAgence: React.PropTypes.object,\n goNext: React.PropTypes.func.isRequired,\n saveUpdate: React.PropTypes.func.isRequired,\n progressLevel: React.PropTypes.bool,\n displayErrors: React.PropTypes.bool,\n clientDetailsStatus: React.PropTypes.bool,\n isChaabiClient: React.PropTypes.bool,\n};\n\nCoordonnees.defaultProps = {\n disableNext: false,\n dataTxt: 'Suivant',\n};\n\nexport default Coordonnees;\n","import { connect } from 'react-redux/dist/react-redux';\nimport Coordonnees from '../components/Coordonnees';\nimport { goNextState, displayErrors, getDemandeByEmail, inputChange, saveDemande } from '../action_creators';\n\nconst mapStateToProps = (state) => ({\n //gclid: localStorage.getItem('gclid'),\n progressLevel: state.demandeCredit.getIn(['progressLevel', 'value']) === 'done',\n clientDetailsStatus: state.demandeCredit.get('clientDetailsStatus'),\n isChaabiClient: state.demandeCredit.getIn(['isChaabiClient', 'value']),\n chaabiClient: state.demandeCredit.getIn(['chaabiClient', 'value']),\n demandeByMail: state.demandeCredit.get('demandeMail') !== undefined ? state.demandeCredit.get('demandeMail').toJS() : null,\n mail: state.demandeCredit.getIn(['mail', 'value']),\n isClientBcp: state.demandeCredit.getIn(['clientbcp', 'value']),\n userId: state.account.getIn(['identifiant', 'value']) || \"\",\n langues: state.demandeCredit.getIn(['langues', 'value']) || \"fr\",\n userStatus: state.account.get('authenticationStatus') === \"success\" ? \"logged\": \"not-logged\",\n origin: state.demandeCredit.getIn(['origin', 'value']),\n montantCredit: state.simulateur.getIn(['montantCredit', 'value']),\n nbAnnee: state.simulateur.getIn(['nbAnnee', 'value']),\n dureeDiff: state.simulateur.getIn(['dureeDiff', 'value']),\n taux: state.simulateur.getIn(['taux', 'value']),\n echeance: state.simulateur.getIn(['echeance', 'value']),\n nomError: state.demandeCredit.getIn(['nom', 'errors','nom.wrongFormat']),\n prenomError: state.demandeCredit.getIn(['prenom', 'errors','prenom.wrongFormat']),\n emailError: state.demandeCredit.getIn(['mail', 'errors','mail.wrongFormat']),\n telephoneError: state.demandeCredit.getIn(['telephone', 'errors','telephone.wrongFormat']),\n status: state.demandeCredit.getIn(['request', 'status']),\n demandeCredit: {\n reference: state.demandeCredit.getIn(['request', 'result', 'reference']),\n prenom: state.demandeCredit.getIn(['prenom', 'value']),\n nom: state.demandeCredit.getIn(['nom', 'value']),\n civilite: state.demandeCredit.getIn(['civilite', 'value']),\n clientbcp: state.demandeCredit.getIn(['clientbcp', 'value']),\n mail: state.demandeCredit.getIn(['mail', 'value']),\n telephone: state.demandeCredit.getIn(['telephone', 'value']),\n date_naissance: {\n day: state.demandeCredit.getIn(['date_naissanceDay', 'value']),\n month: state.demandeCredit.getIn(['date_naissanceMonth', 'value']),\n year: state.demandeCredit.getIn(['date_naissanceYear', 'value']),\n },\n paysderesidence: state.demandeCredit.getIn(['paysderesidence', 'value']),\n pieceidentite: state.demandeCredit.getIn(['pieceidentite', 'value']),\n numpieceidentite: state.demandeCredit.getIn(['numpieceidentite', 'value']),\n situationfamiliale: state.demandeCredit.getIn(['situationfamiliale', 'value']),\n activite: state.demandeCredit.getIn(['activite', 'value']),\n employeur: state.demandeCredit.getIn(['employeur', 'value']),\n secteur: state.demandeCredit.getIn(['secteur', 'value']),\n anciente: state.demandeCredit.getIn(['anciente', 'value']),\n revenu: state.demandeCredit.getIn(['revenu', 'value']),\n boautrerevenu: state.demandeCredit.getIn(['boautrerevenu', 'value']),\n autreactivite: state.demandeCredit.getIn(['autreactivite', 'value']),\n autrerevenu: state.demandeCredit.getIn(['autrerevenu', 'value']),\n etatbien: state.demandeCredit.getIn(['etatbien', 'value']),\n typebien: state.demandeCredit.getIn(['typebien', 'value']),\n usagebien: state.demandeCredit.getIn(['usagebien', 'value']),\n coutprojet: state.demandeCredit.getIn(['coutprojet', 'value']),\n apportpersonnel: state.demandeCredit.getIn(['apportpersonnel', 'value']),\n autresecheances: state.demandeCredit.getIn(['autresecheances', 'value']),\n localisationbien: state.demandeCredit.getIn(['localisationbien', 'value']),\n eventCompany: state.demandeCredit.getIn(['eventCompany', 'value']),\n surfacebien: state.demandeCredit.getIn(['surfacebien', 'value']),\n montantpret: state.demandeCredit.getIn(['montantCredit', 'value']),\n dureesouhaitable: state.demandeCredit.getIn(['nbAnnee', 'value']),\n typetaux: state.demandeCredit.getIn(['typetaux', 'value']),\n dureediffere: state.demandeCredit.getIn(['dureeDiff', 'value']),\n apiAction: 'save',\n fraisamg: state.demandeCredit.getIn(['fraisamg', 'value']),\n autresfrais: state.demandeCredit.getIn(['autresfrais', 'value']),\n promotor: {\n id: state.demandeCredit.getIn(['promoteur', 'value']),\n prmotorLibelle: state.demandeCredit.getIn(['promoteurLibelle', 'value']),\n autrePromoteur: state.demandeCredit.getIn(['autrePromoteur', 'value']),\n }\n },\n});\n\nfunction mergeProps(stateProps, dispatchProps, ownProps) {\n const demandeRequest = stateProps.demandeCredit;\n return Object.assign({}, ownProps, stateProps, dispatchProps, {\n getDemandeByEmail: (email) => dispatchProps.getDemandeByEmail(email),\n saveDemande: () => dispatchProps.saveDemande(demandeRequest),\n });\n}\n\nfunction mapDispatchToProps(dispatch) {\n\n return {\n saveDemande: (demandeRequest) => dispatch(saveDemande(demandeRequest)),\n goNext: () => dispatch(goNextState()),\n getDemandeByEmail: (email) => dispatch(getDemandeByEmail(email)),\n displayErrors: (a) => dispatch(displayErrors(a)),\n inputChange: (value , key) => dispatch(inputChange(value , key)),\n };\n}\n\n\n\nexport default connect(mapStateToProps, mapDispatchToProps,mergeProps)(Coordonnees);\n","/* eslint-disable */\nimport React, { Component } from 'react';\nimport { inputChange } from '../../action_creators';\nimport i18n from '../../i18n';\nimport PdfConditionGeneral from '../../assets/docs/CONDITIONS_GENERALES_Immo.pdf';\n\n\n\nclass Checkbox extends Component {\n constructor(props) {\n super(props);\n this.onChange = this.onChange.bind(this);\n this.state = {\n name: Math.random().toString(36).substring(7),\n };\n }\n\n onChange() {\n const values = this.props.items\n .map(item => (this.refs[`${this.state.name}-${item.label}`].checked ? item.value : false))\n .filter(value => value != null);\n return this.props.dispatch(inputChange(values, this.props.storeKey));\n }\n\n render() {\n return (\n \n
\n \n
\n \n {i18n.t(\"titleForm1.label\")} \n
\n {i18n.t(\"subtitleForm1.label\")}
\n\n
\n \n {this.props.chaabiClient ?\n \n \n
\n \n {i18n.t(\"att1Form1.label\")}\n
\n \n :\n \n {i18n.t(\"att1Form1.label\")}\n
\n \n }\n \n {this.props.isClientBcp==='Non' ?\n \n \n
\n \n\n {i18n.t(\"att2Form1.label\")}\n
\n : \n {i18n.t(\"att2Form1.label\")}\n
\n \n }\n \n
\n \n {this.props.isClientBcp==='Non' ?\n \n {i18n.t(\"att3Form1.label\")}\n : \n {i18n.t(\"att3Form1.label\")}\n \n }\n
\n \n {this.props.isClientBcp==='Non' ?\n \n {i18n.t(\"att4Form1.label\")}\n : \n {i18n.t(\"att4Form1.label\")}\n }\n
\n \n
\n \n \n {i18n.t(\"att5Form1.label\")}\n \n
\n \n
\n \n
\n \n \n\n {i18n.t(\"att6Form1.label\")}\n \n
\n \n
\n \n
\n \n\n
\n \n
\n\n {this.state.showPopup===true ?\n \n
\n : '' }\n \n\n
\n \n
\n \n );\n }\n}\n\nCheckbox.propTypes = {\n dispatch: React.PropTypes.func.isRequired,\n items: React.PropTypes.array.isRequired,\n storeKey: React.PropTypes.string.isRequired,\n value: React.PropTypes.arrayOf(React.PropTypes.string),\n disabled: React.PropTypes.bool,\n isLink: React.PropTypes.bool,\n children: React.PropTypes.node,\n isclient: React.PropTypes.bool,\n name: React.PropTypes.string,\n};\n\nexport default Checkbox;\n","import { connect } from 'react-redux/dist/react-redux';\nimport Checkbox from '../../components/Inputs/Checkbox';\n\n\nconst mapStateToProps = (state, props) => {\n const [store, ...storeKey] = props.storeKey.split('.');\n return ({\n docCond: state.demandeCredit.get('docCond'),\n value: state[store].get(storeKey[0]),\n langues: state.demandeCredit.getIn(['langues', 'value']),\n });\n};\nexport default connect(mapStateToProps)(Checkbox);\n","import { connect } from 'react-redux';\n\nimport Select from '../../components/Inputs/Select';\n\nconst mapStateToProps = (state, props) => {\n const [store, ...storeKey] = props.storeKey.split('.');\n storeKey.push('value');\n return ({\n items: state.configuration.get('cityList'),\n value: state[store].getIn(storeKey),\n });\n};\n\nexport default connect(mapStateToProps)(Select);\n","import { connect } from 'react-redux';\nimport Select from '../../components/Inputs/Select';\nimport { fromJS } from 'immutable';\n\n\n\n\nconst mapStateToProps = (state, props) => {\n\n const itemsEmpty = fromJS([{}]);\n\n const listOtherOfficer = state.demandeCredit.getIn(['clientDetails','otherOfficer'])!== undefined \n ? state.demandeCredit.getIn(['clientDetails','otherOfficer']).toJS() : null;\n\n \n \n const listeAgenceClientSecendaire = state.configuration.get('agenceList') ?state.configuration.get('agenceList')\n .filter(eqt =>(listOtherOfficer !=null ? (listOtherOfficer.indexOf(eqt.get('codeagenceT24'))!==-1) : null))\n : itemsEmpty; \n\n const listeAgenceClientPrinciple = state.configuration.get('agenceList') ? state.configuration.get('agenceList')\n .filter(eqt => eqt.get('value') === state.demandeCredit.getIn(['CodeAgencePrincipal', 'value']))\n : itemsEmpty; \n\n const listeAgenceClientAll= listeAgenceClientSecendaire.concat(listeAgenceClientPrinciple);\n\n const [store, ...storeKey] = props.storeKey.split('.');\n storeKey.push('value');\n\n return ({\n items: listeAgenceClientAll,\n value: state[store].getIn(storeKey)\n });\n};\n\nexport default connect(mapStateToProps)(Select);","/* eslint-disable */\nimport React, { Component } from 'react';\n\nconst liStyle = {display :\"grid\"};\n\n\nexport default class AccordionRecap extends Component {\n\n\n render() {\n return (\n \n
\n {this.props.children}
\n \n {this.props.items.map(item => (\n \n\n value === item.value)}\n // checked={this.props.value}\n value={item.value}\n onChange={this.onChange}\n disabled={this.props.disabled || item.disabled || false}\n />\n \n \n \n {item.label} \n {item.tag ? \n {i18n.t(\"titleAv47.label\")}\n : ''} {(this.props.langues ==='ar' && this.props.trouve) && i18n.t(\"recap20.label\")}\n \n
\n ))}\n \n {this.props.children}\n
\n \n onChange(event, props.storeKey, props.dispatch)}\n defaultValue={finalValue[0]}\n placeholder=\"Promoteur\"\n name=\"Promoteur\"\n className=\"z-index-2\"\n />\n
\n );\n};\n\nexport default SelectSearch;\n","import { connect } from 'react-redux';\nimport SelectSearch from '../../components/Inputs/SelectSearch';\n\nconst mapStateToProps = (state, props) => {\n const [store, ...storeKey] = props.storeKey.split('.');\n storeKey.push('value');\n return ({\n value: state[store].getIn(storeKey),\n });\n};\n\nexport default connect(mapStateToProps)(SelectSearch);\n","/* eslint-disable */\nimport React, { Component } from \"react\";\nimport Text from \"../containers/Text\";\nimport SelectSearch from \"../containers/Inputs/SelectSearch\";\nimport i18n from \"../i18n\";\n\nconst NotifAutrePromoteur = {\n message: (\n \n {this.state.showAutrePromoteur == false && NotifAutrePromoteur.message}\n
\n );\n }\n}\n\nPromoteur.propTypes = {};\n\nexport default Promoteur;\n","import { connect } from 'react-redux';\n\nimport Promoteur from '../components/Promoteur';\n\nconst mapStateToProps = (state, props) => {\n const [store, ...storeKey] = props.storeKey.split('.');\n storeKey.push('value');\n return ({\n items: state.configuration.get('promoteurList'),\n value: state[store].getIn(storeKey),\n });\n};\n\nexport default connect(mapStateToProps)(Promoteur);\n","/* eslint-disable */\nimport React from \"react\";\nimport Select from \"react-select\";\nimport { inputChange } from \"../../action_creators\";\nimport filter from \"lodash/filter\";\nimport InputError from \"../../containers/Inputs/InputError\";\nimport i18n from \"../../i18n\";\n\nconst customStyles = {\n control: (provided, state) => ({\n ...provided,\n }),\n clearIndicator: (provided) => ({\n ...provided,\n cursor: 'pointer',\n }),\n};\n\nconst ClearIndicatorWithTooltip = (props) => {\n const { innerProps = {}, getStyles = () => ({}), clearValue } = props;\n return (\n \n \n
\n \n console.info(\"\")}\n disabled={!this.state.showAutrePromoteur}\n >\n {i18n.t(\"infoProjet8.label\")}\n \n
\n \n \n X\n \n
\n );\n};\n\nconst onChange = (event, storeKey, dispatch) => {\n const value = event ? event.value : null;\n return dispatch(inputChange(value, storeKey));\n};\n\nconst SelectEvent = (props) => {\n const finalValue = filter(props.items.toJS(), (item) => {\n return item.value == props.value;\n });\n return (\n \n onChange(event, props.storeKey, props.dispatch)}\n defaultValue={finalValue[0]}\n placeholder={props.placeholder}\n name={props.name}\n isClearable\n styles={customStyles}\n components={{\n ClearIndicator: ClearIndicatorWithTooltip,\n }}\n />\n
\n );\n};\n\nexport default SelectEvent;\n","import { connect } from 'react-redux';\nimport SelectEvent from '../../components/Inputs/SelectEvent';\n\nconst mapStateToProps = (state, props) => {\n const [store, ...storeKey] = props.storeKey.split('.');\n storeKey.push('value');\n return {\n ...props,\n items: state.configuration.get('evenementCompanies'),\n value: state[store].getIn(storeKey),\n withError: false,\n style: {width: '33%', marginBottom: '0.1rem', marginTop: '0.1rem'},\n };\n};\n\nexport default connect(mapStateToProps)(SelectEvent);\n","/* eslint-disable */\nimport React, { Component } from \"react\";\nimport Text from \"../containers/Text\";\nimport Title from \"./Title\";\nimport Select from \"../containers/Inputs/Select\";\nimport Checkbox from \"../containers/Inputs/Checkbox\";\nimport { fromJS } from \"immutable/dist/immutable\";\nimport SelectCity from \"../containers/Inputs/SelectCity\";\nimport SelectCountry from \"../containers/Inputs/SelectCountry\";\nimport NavigationBar from \"../containers/NavigationBar\";\nimport SelectDate from \"./Inputs/SelectDate\";\nimport { hashHistory } from \"react-router/lib\";\nimport SelectIndicatif from \"../containers/Inputs/SelectIndicatif\";\nimport SelectMyAgence from \"../containers/Inputs/SelectMyAgence\";\nimport AccordionRecap from \"./Inputs/AccordionRecap\";\nimport i18n from \"../i18n\";\nimport { inputChange } from \"../action_creators\";\nimport Promoteur from \"../containers/Promoteur\";\nimport SelectEvent from \"../containers/Inputs/SelectEvent\";\n\nconst civilityOptions = fromJS([\n { label: \"M\", value: \"M\", checked: true },\n { label: \"Mme\", value: \"Mme\" },\n]);\n\nconst autreRevenuOptions = fromJS([{ label: \"Oui\" }, { label: \"Non\" }]);\nconst pieceIdentity = fromJS([\n { label: \"C.I.N.\", value: \"1\", checked: true },\n { label: \"Passport\", value: \"2\" },\n { label: \"Carte De Séjour\", value: \"3\" },\n]);\n\nconst SituationFamiliale = fromJS([\n { label: \"Célibataire\" },\n { label: \"Marié(e)\" },\n { label: \"Divorcé(e)\" },\n { label: \"Veuf(ve)\" },\n]);\n\nconst profession = fromJS([\n { label: \"Chef d’entreprise\", value: \"0811\" },\n { label: \"Cadre de la fonction publique\", value: \"0791\" },\n { label: \"Cadre d’entreprise privée ou semi-publique\", value: \"0391\" },\n { label: \"Employé ou agent de la fonction publique\", value: \"3111\" },\n { label: \"Employé d’entreprise privée ou semi-publique\", value: \"3911\" },\n { label: \"Profession libérale\", value: \"2691\" },\n { label: \"Profession libérale médicale\", value: \"1151\" },\n { label: \"Commerçant et assimilés\", value: \"4181\" },\n { label: \"Artisan et assimilés\", value: \"6911\" },\n { label: \"Agriculteur exploitant \", value: \"5131\" },\n { label: \"Ouvrier\", value: \"9911\" },\n { label: \"Etudiant \", value: \"XX211\" },\n { label: \"Retraité \", value: \"XX311\" },\n { label: \"Inactif / Recherche d’emploi \", value: \"XX111\" },\n]);\n\nconst Secteurs = fromJS([\n { label: \"Public\", value: \"Public\", checked: true },\n { label: \"Privé\", value: \"Prive\" },\n]);\n\nconst etatOptions = fromJS([\n { label: \"Neuf\" },\n { label: \"Ancien(deuxième main )\" },\n]);\nconst priorityOptions = fromJS([\n { label: \"Principale\" },\n { label: \"secondaire\" },\n { label: \"Autre\" },\n]);\nconst typeBienOptions = fromJS([\n { label: \"Construction\" },\n { label: \"Acquisition logement\" },\n { label: \"Acquisition terrain\" },\n { label: \"Acquisition terrain + Construction\" },\n { label: \"Rachat crédit Immobilier\" },\n { label: \"Aménagement\" },\n]);\nconst typetauxOptions = fromJS([{ label: \"Fixe\" }, { label: \"Variable\" }]);\n\nconst activityOptions = fromJS([\n { label: \"AGRICULTURE, SYLVICULTURE ET PECHE\" },\n { label: \"INDUSTRIES EXTRACTIVES\" },\n { label: \"INDUSTRIE MANUFACTURIERE\" },\n {\n label:\n \"PRODUCTION ET DISTRIBUTION D`ELECTRICITE, DE GAZ, DE VAPEUR ET D`AIR CONDITIONNE\",\n },\n {\n label:\n \"PRODUCTION ET DISTRIBUTION D`EAU, ASSAINISSEMENT, GESTION DES DECHETS ET DEPOLLUTION\",\n },\n { label: \"TRANSPORTS ET ENTREPOSAGE\" },\n { label: \"COMMERCE\" },\n { label: \"HEBERGEMENT ET RESTAURATION\" },\n { label: \"INFORMATION ET COMMUNICATION\" },\n { label: \"ACTIVITES FINANCIERES ET D'ASSURANCE\" },\n { label: \"ACTIVITES IMMOBILIERES\" },\n { label: \"ACTIVITES SPECIALISEES, SCIENTIFIQUES ET TECHNIQUES\" },\n { label: \"ACTIVITES DE SERVICES ADMINISTRATIFS ET DE SOUTIEN\" },\n { label: \"ADMINISTRATION PUBLIQUE\" },\n { label: \"ENSEIGNEMENT\" },\n { label: \"SANTE HUMAINE ET ACTION SOCIALE\" },\n { label: \"ADMINISTRATION PUBLIQUE\" },\n { label: \"ARTS, SPECTACLES ET ACTIVITES RECREATIVES\" },\n { label: \"AUTRES ACTIVITES DE SERVICES\" },\n]);\n\nconst typeContrat = fromJS([\n { label: \"CDI\", value: \"CDI\", checked: true },\n { label: \"CDD\", value: \"CDD\" },\n]);\n\nconst sourceAutreRevenu = fromJS([\n { label: \"Location vide\", value: \"Location vide\" },\n { label: \"Location meublée\", value: \"Location meublée\" },\n {\n label: \"Revenus capitaux mobiliers ou plus-value de cessions\",\n value: \"Revenus capitaux mobiliers ou plus-value de cessions\",\n },\n { label: \"Profession indépendante\", value: \"Profession indépendante\" },\n {\n label: \"Bénéfices entreprise avec parts\",\n value: \"Bénéfices entreprise avec parts\",\n },\n]);\n\nconst divStyleFix0 = {\n display: \"block\",\n height: \"125px\",\n transition: \"all 0.5s \",\n};\nconst divStyleFix1 = {\n display: \"block\",\n height: \"225px\",\n transition: \"all 0.5s \",\n};\nconst divStyleFix2 = {\n display: \"block\",\n height: \"600px\",\n transition: \"all 0.5s \",\n};\nconst divStyleFix3 = {\n display: \"block\",\n height: \"580px\",\n transition: \"all 0.5s \",\n};\nconst divStyleNone = {\n height: \"0px\",\n opacity: \"0\",\n display: \"block\",\n \"padding-top\": \"0px\",\n \"transition-timing-function\": \"ease\",\n transition: \"all 0.5s \",\n \"padding-bottom\": \"0px\",\n};\n\nclass Recapitulatif extends Component {\n constructor(props) {\n super(props);\n this.verifyForm = this.verifyForm.bind(this);\n this.state = {\n showOblgaErrors: false,\n divStyle0: divStyleFix0,\n divStyle1: divStyleNone,\n divStyle2: divStyleNone,\n divStyle3: divStyleNone,\n };\n }\n componentWillMount() {\n this.props.displayErrors(\"non\");\n this.props.updateState();\n window.scrollTo(0, 0);\n }\n\n clickAccord = (id) => {\n switch (id) {\n case 0:\n if (this.state.divStyle0 === divStyleFix0) {\n this.setState({ divStyle0: divStyleNone });\n this.setState({ divStyle1: divStyleNone });\n this.setState({ divStyle2: divStyleNone });\n this.setState({ divStyle3: divStyleNone });\n } else {\n this.setState({ divStyle0: divStyleFix0 });\n this.setState({ divStyle1: divStyleNone });\n this.setState({ divStyle2: divStyleNone });\n this.setState({ divStyle3: divStyleNone });\n }\n break;\n\n case 1:\n if (this.state.divStyle1 === divStyleFix1) {\n this.setState({ divStyle0: divStyleNone });\n this.setState({ divStyle1: divStyleNone });\n this.setState({ divStyle2: divStyleNone });\n this.setState({ divStyle3: divStyleNone });\n } else {\n this.setState({ divStyle0: divStyleNone });\n this.setState({ divStyle1: divStyleFix1 });\n this.setState({ divStyle2: divStyleNone });\n this.setState({ divStyle3: divStyleNone });\n }\n break;\n\n case 2:\n if (this.state.divStyle2 === divStyleFix2) {\n this.setState({ divStyle0: divStyleNone });\n this.setState({ divStyle2: divStyleNone });\n this.setState({ divStyle1: divStyleNone });\n this.setState({ divStyle3: divStyleNone });\n } else {\n this.setState({ divStyle0: divStyleNone });\n this.setState({ divStyle2: divStyleFix2 });\n this.setState({ divStyle1: divStyleNone });\n this.setState({ divStyle3: divStyleNone });\n }\n\n break;\n\n case 3:\n if (this.state.divStyle3 === divStyleFix3) {\n this.setState({ divStyle0: divStyleNone });\n this.setState({ divStyle3: divStyleNone });\n this.setState({ divStyle1: divStyleNone });\n this.setState({ divStyle2: divStyleNone });\n } else {\n this.setState({ divStyle0: divStyleNone });\n this.setState({ divStyle3: divStyleFix3 });\n this.setState({ divStyle1: divStyleNone });\n this.setState({ divStyle2: divStyleNone });\n }\n break;\n\n default:\n break;\n }\n };\n\n componentWillUpdate(prevProps) {\n if (prevProps.isAgenceSelected !== this.props.isAgenceSelected) {\n this.props.inputChange(\n this.props.codeAgenceSelected,\n \"demandeCredit.agence\"\n );\n }\n }\n componentDidUpdate(prevProps) {\n if (prevProps.isChecked !== this.props.isChecked) {\n this.props.inputChange(\n this.props.isChecked,\n \"demandeCredit.confirmedInfos\"\n );\n }\n\n if (prevProps.isAgenceSelected !== this.props.isAgenceSelected) {\n this.props.inputChange(true, \"demandeCredit.confirmeAgence\");\n this.props.inputChange(\n this.props.codeAgenceSelected,\n \"demandeCredit.agence\"\n );\n this.props.inputChange(\n this.props.agenceList !== null\n ? this.props.agenceList\n .filter(\n (item) => item.get(\"value\") === this.props.codeAgenceSelected\n )\n .get(0)\n .get(\"label\")\n : null,\n \"demandeCredit.libelleagence\"\n );\n }\n if (this.props.isAgenceSelected === \"-1\") {\n this.props.inputChange(false, \"demandeCredit.confirmeAgence\");\n }\n }\n\n renderLoading() {\n return (\n \n
\n );\n }\n renderError() {\n return (\n \n \n
\n Chargement
\n \n
\n );\n }\n\n verifyForm() {\n this.props.inputChange(false, \"demandeCredit.agence\");\n }\n\n renderSuccess() {\n hashHistory.push(\"/confirmation\");\n }\n\n render() {\n const confirmOptionsDefault = [\n {\n label: i18n.t(\"recap6.label\"),\n value: true,\n checked: true,\n tag: true,\n },\n ];\n const nouveauté = [\n {\n label: i18n.t(\"recap7.label\"),\n value: true,\n checked: true,\n },\n ];\n return (\n \n
\n \n Echec de sauvegarde \n
\n Echec de sauvegarde des données
\n\n
\n \n Une erreur de traitement nous empêche de sauvegarder vos données\n
\nVeuillez relancer
\n\n
\n );\n }\n}\nRecapitulatif.propTypes = {\n verifyForm: React.PropTypes.func,\n progressLevel: React.PropTypes.bool,\n saveDemande: React.PropTypes.func.isRequired,\n status: React.PropTypes.string,\n updateState: React.PropTypes.func.isRequired,\n displayErrors: React.PropTypes.func,\n inputChange: React.PropTypes.func,\n};\nexport default Recapitulatif;\n","import { connect } from 'react-redux/dist/react-redux';\nimport Recapitulatif from '../components/Recapitulatif';\nimport { saveDemande, stateDemande, displayErrors, inputChange } from '../action_creators';\n\n\nfunction mapStateToProps(state) {\n\n return {\n reCaptchaResponse: state.demandeCredit.getIn(['reCaptchaResponse', 'value']),\n agenceList: state.configuration.get('agenceList'),\n langues: state.demandeCredit.getIn(['langues', 'value']),\n clientbcp: state.demandeCredit.getIn(['clientbcp', 'value']),\n codeAgenceSelected: state.demandeCredit.getIn(['codeAgence', 'value']),\n libelleagence: state.demandeCredit.getIn(['libelleagence', 'value']),\n cityAgence: state.demandeCredit.getIn(['cityAgence', 'value']),\n ville: state.configuration.get('cityList'),\n demandeCredit: {\n reference: state.demandeCredit.getIn(['request', 'result', 'reference']),\n prenom: state.demandeCredit.getIn(['prenom', 'value']),\n nom: state.demandeCredit.getIn(['nom', 'value']),\n civilite: state.demandeCredit.getIn(['civilite', 'value']),\n clientbcp: state.demandeCredit.getIn(['clientbcp', 'value']),\n mail: state.demandeCredit.getIn(['mail', 'value']),\n telephone: state.demandeCredit.getIn(['telephone', 'value']),\n indicatif: state.demandeCredit.getIn(['indicatif', 'value']),\n date_naissance: {\n day: state.demandeCredit.getIn(['date_naissanceDay', 'value']),\n month: state.demandeCredit.getIn(['date_naissanceMonth', 'value']),\n year: state.demandeCredit.getIn(['date_naissanceYear', 'value']),\n },\n dateEmbauche: {\n day: state.demandeCredit.getIn(['date_embaucheDay', 'value']),\n month: state.demandeCredit.getIn(['date_embaucheMonth', 'value']),\n year: state.demandeCredit.getIn(['date_embaucheYear', 'value']),\n },\n paysderesidence: state.demandeCredit.getIn(['paysderesidence', 'value']),\n situationLogement: state.demandeCredit.getIn(['situationLogementDemandeur', 'value']),\n pieceidentite: state.demandeCredit.getIn(['pieceidentite', 'value']),\n numpieceidentite: state.demandeCredit.getIn(['numpieceidentite', 'value']),\n situationfamiliale: state.demandeCredit.getIn(['situationfamiliale', 'value']),\n activite: state.demandeCredit.getIn(['activite', 'value']),\n profession: state.demandeCredit.getIn(['profession', 'value']),\n employeur: state.demandeCredit.getIn(['employeur', 'value']),\n secteur: state.demandeCredit.getIn(['secteur', 'value']),\n anciente: state.demandeCredit.getIn(['anciente', 'value']),\n revenu: state.demandeCredit.getIn(['revenu', 'value']),\n boautrerevenu: state.demandeCredit.getIn(['boautrerevenu', 'value']),\n autreactivite: state.demandeCredit.getIn(['autreactivite', 'value']),\n autrerevenu: state.demandeCredit.getIn(['autrerevenu', 'value']),\n etatbien: state.demandeCredit.getIn(['etatbien', 'value']),\n typebien: state.demandeCredit.getIn(['typebien', 'value']),\n usagebien: state.demandeCredit.getIn(['usagebien', 'value']),\n coutprojet: state.demandeCredit.getIn(['coutprojet', 'value']),\n apportpersonnel: state.demandeCredit.getIn(['apportpersonnel', 'value']),\n autresecheances: state.demandeCredit.getIn(['autresecheances', 'value']),\n localisationbien: state.demandeCredit.getIn(['localisationbien', 'value']),\n eventCompany: state.demandeCredit.getIn(['eventCompany', 'value']),\n surfacebien: state.demandeCredit.getIn(['surfacebien', 'value']),\n montantpret: state.demandeCredit.getIn(['montantCredit', 'value']),\n dureesouhaitable: state.demandeCredit.getIn(['nbAnnee', 'value']),\n typetaux: state.demandeCredit.getIn(['typetaux', 'value']),\n dureediffere: state.demandeCredit.getIn(['dureeDiff', 'value']),\n codeAgence: state.demandeCredit.getIn(['agence', 'value']),\n libelleagence: state.demandeCredit.getIn(['libelleagence', 'value']),\n naturecontrat: state.demandeCredit.getIn(['naturecontrat', 'value']),\n nbrenfants: state.demandeCredit.getIn(['nbrenfants', 'value']),\n financconjoint: state.demandeCredit.getIn(['financconjoint', 'value']),\n promoteur: state.demandeCredit.getIn(['promoteur', 'value']),\n fraisamg: state.demandeCredit.getIn(['fraisamg', 'value']),\n autresfrais: state.demandeCredit.getIn(['autresfrais', 'value']),\n radical: state.account.getIn(['identifiant', 'value']),\n apiAction: 'saveNotify',\n sourceAutreRevenu: state.demandeCredit.getIn(['sourceAutreRevenu', 'value']),\n promotor: {\n id: state.demandeCredit.getIn(['promoteur', 'value']),\n prmotorLibelle: state.demandeCredit.getIn(['promoteurLibelle', 'value']),\n autrePromoteur: state.demandeCredit.getIn(['autrePromoteur', 'value']),\n },\n },\n progressLevel: state.demandeCredit.getIn(['progressLevel', 'value']),\n status: state.demandeCredit.getIn(['request', 'status']),\n reference: state.demandeCredit.getIn(['request', 'result', 'reference']),\n isAgenceSelected: (state.demandeCredit.getIn(['codeAgence', 'value']) === undefined || state.demandeCredit.getIn(['codeAgence', 'value']) === null) ? undefined : state.demandeCredit.getIn(['codeAgence', 'value']),\n isChecked: state.demandeCredit.getIn(['confirmedInfos', 'value', 0]) === undefined ? state.demandeCredit.getIn(['confirmedInfos', 'value']) :\n state.demandeCredit.getIn(['confirmedInfos', 'value', 0]),\n isConfirmeAgence: state.demandeCredit.getIn(['confirmeAgence', 'value', 0]) === undefined ? state.demandeCredit.getIn(['confirmeAgence', 'value']) :\n state.demandeCredit.getIn(['confirmeAgence', 'value', 0])\n };\n}\n\nfunction mapDispatchToProps(dispatch) {\n return {\n saveDemande: (demandeRequest, demandeQuery) => dispatch(saveDemande(demandeRequest, demandeQuery)),\n updateState: () => dispatch(stateDemande()),\n displayErrors: (a) => dispatch(displayErrors(a)),\n inputChange: (...y) => dispatch(inputChange(...y))\n };\n}\nfunction mergeProps(stateProps, dispatchProps, ownProps) {\n const demandeRequest = stateProps.demandeCredit;\n const demandeQuery = {reCaptchaResponse: stateProps.reCaptchaResponse};\n return Object.assign({}, ownProps, stateProps, dispatchProps, {\n saveDemande: () => dispatchProps.saveDemande(demandeRequest, demandeQuery)\n });\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps, mergeProps)(Recapitulatif);\n","import React, { Component } from 'react';\nimport { inputChange } from '../action_creators';\nimport Slider from 'rc-slider/lib/Slider';\nimport {formaterNombre} from '../utile/utile';\nimport icone from '../assets/images/icone_info.png';\n\n\n\n\nclass SlideBar extends Component {\n constructor(props) {\n super(props);\n this.handleChange = this.handleChange.bind(this);\n this.handleChangeComplete = this.handleChangeComplete.bind(this);\n }\n\n handleChange(e) {\n if(this.props.storeKey === \"simulateur.montantCredit\")\n this.props.dispatch(inputChange(e, \"demandeCredit.montantCredit\"));\n else if(this.props.storeKey === \"simulateur.nbAnnee\")\n this.props.dispatch(inputChange(e, \"demandeCredit.nbAnnee\"));\n else if(this.props.storeKey === \"simulateur.dureeDiff\")\n this.props.dispatch(inputChange(e, \"demandeCredit.dureeDiff\"));\n return this.props.dispatch(inputChange(e, this.props.storeKey));\n\n }\n handleChangeComplete(e) {\n if(e.target.value.length > 10)\n return false;\n else{\n if(this.props.storeKey === \"simulateur.montantCredit\")\n this.props.dispatch(inputChange(e.target.value, \"demandeCredit.montantCredit\"));\n else if(this.props.storeKey === \"simulateur.nbAnnee\")\n this.props.dispatch(inputChange(e.target.value, \"demandeCredit.nbAnnee\"));\n else if(this.props.storeKey === \"simulateur.dureeDiff\")\n this.props.dispatch(inputChange(e, \"demandeCredit.dureeDiff\"));\n //return this.props.dispatch(inputChange(e.target.value, this.props.storeKey));\n return this.props.dispatch(inputChange(e.target.value.toString().replace(/ /g,\"\"), this.props.storeKey));\n }\n }\n\n render() {\n const { value } = this.props;\n return (\n \n
\n \n
\n \n
\n \n
\n \n {i18n.t(\"recap1.label\")} \n
\n {i18n.t(\"recap2.label\")}
\n\n
\n - \n
\n {i18n.t(\"recapEventLabel.label\")}\n
\n \n
\n \n\n \n \n {i18n.t(\"infoProjet0.label\")}\n \n
\n \n
\n \n \n {i18n.t(\"att2Form1.label\")}\n \n
\n \n
\n \n {this.props.clientbcp === \"Non\" ? (\n \n {i18n.t(\"att3Form1.label\")}\n \n ) : (\n \n {i18n.t(\"att3Form1.label\")}\n \n )}\n
\n \n {this.props.clientbcp === \"Non\" ? (\n \n {i18n.t(\"att4Form1.label\")}\n \n ) : (\n \n {i18n.t(\"att4Form1.label\")}\n \n )}\n
\n \n
\n \n \n \n {i18n.t(\"att5Form1.label\")}\n \n
\n \n
\n \n
\n \n \n {i18n.t(\"att6Form1.label\")}\n \n
\n \n
\n \n
\n \n {this.props.clientbcp === \"Non\" ? (\n \n {i18n.t(\"infoPerso2.label\")}\n \n ) : (\n \n {i18n.t(\"infoPerso2.label\")}\n \n )}\n
\n \n \n Lieu de résidence\n \n
\n \n
\n \n {this.props.clientbcp === \"Non\" ? (\n \n {i18n.t(\"infoPerso4.label\")}\n \n ) : (\n \n {i18n.t(\"infoPerso4.label\")}\n \n )}\n
\n \n {this.props.clientbcp === \"Non\" ? (\n \n {i18n.t(\"infoPerso5.label\")}\n \n ) : (\n \n {i18n.t(\"infoPerso5.label\")}\n \n )}\n
\n \n
\n \n \n {i18n.t(\"infoPerso7.label\")}{\" \"}\n \n
\n \n \n {i18n.t(\"infoPerso8.label\")}\n \n
\n \n
\n \n \n {\" \"}\n {i18n.t(\"infoPerso14.label\")}\n \n
\n \n \n
\n \n {i18n.t(\"infoPerso10.label\")}\n
\n \n \n
\n \n \n {i18n.t(\"recap16.label\")}\n \n
\n \n \n {i18n.t(\"recap17.label\")}\n \n
\n \n
\n \n \n {i18n.t(\"infoPerso15.label\")}\n \n
\n \n \n {\" \"}\n secteur d'activité\n \n
\n \n
\n {this.props.demandeCredit.boautrerevenu &&\n this.props.demandeCredit.boautrerevenu === \"Oui\" && (\n \n \n
\n \n \n {i18n.t(\"infoPerso17.label\")}\n \n
\n \n
\n )}\n \n \n {i18n.t(\"infoPerso17.label\")}\n \n
\n \n \n {\" \"}\n {i18n.t(\"infoPerso18.label\")}\n \n
\n \n
\n \n \n \n {i18n.t(\"infoPerso19.label\")}\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n {i18n.t(\"infoProjet5.label\")}\n \n
\n \n
\n \n \n {i18n.t(\"infoProjet6.label\")}\n \n
\n \n \n {i18n.t(\"infoProjet7.label\")}\n \n
\n \n
\n \n
\n \n \n {i18n.t(\"infoProjet10.label\")}\n \n
\n \n \n {i18n.t(\"infoProjet11.label\")}\n \n
\n \n
\n \n
\n \n \n {i18n.t(\"simulateur4.label\")}\n \n
\n \n
\n \n \n {i18n.t(\"infoProjet14.label\")}\n \n
\n \n \n {i18n.t(\"infoProjet15.label\")}\n \n
\n \n
\n \n \n \n {/* \n FRAIS D'AMÉNAGEMENT A FINANCER PAR LE PRÊT DEMANDÉ\n */}\n \n AUTRES FRAIS A FINANCER PAR LE PRÊT DEMANDÉ (FRAIS DE\n NOTAIRE, ASSURANCE…)\n \n
\n \n {/* \n AUTRES FRAIS A FINANCER PAR LE PRÊT DEMANDÉ (FRAIS DE NOTAIRE, ASSURANCE…)\n */}\n
\n \n {this.props.clientbcp === \"Oui\" && (\n
\n \n
\n )}\n \n \n Veuillez selectionner l'agence de votre choix :\n \n
\n \n {this.props.clientbcp === \"Oui\" ? (\n this.props.isConfirmeAgence === true ? (\n
\n \n
\n {this.props.clientbcp === \"Non\" ? (\n \n
\n ) : null}\n\n {this.props.isChecked ? (\n \n
\n {i18n.t(\"recap8.label\")} {this.props.libelleagence}{\" \"}\n {i18n.t(\"recap19.label\")}{\" \"}\n {this.props.ville\n .filter((eq) => eq.get(\"value\") === this.props.cityAgence)\n .map((item) => item.get(\"label\"))}\n
\n \n {i18n.t(\"recap8.label\")} {this.props.libelleagence}{\" \"}\n {i18n.t(\"recap19.label\")}{\" \"}\n {this.props.ville\n .filter((eq) => eq.get(\"value\") === this.props.cityAgence)\n .map((item) => item.get(\"label\"))}\n
\n {(() => {\n switch (this.props.status) {\n case \"loading\":\n return this.renderLoading();\n case \"error\":\n return this.renderError();\n case \"successall\":\n return this.renderSuccess();\n default:\n return null;\n }\n })()}\n
\n \n
\n );\n }\n}\nSlideBar.propTypes = {\n storeKey: React.PropTypes.string.isRequired,\n libelleInfo: React.PropTypes.string,\n typeLibelle: React.PropTypes.string,\n libelle: React.PropTypes.string,\n value: React.PropTypes.number,\n defaultValue: React.PropTypes.string,\n tooltipTxt: React.PropTypes.string,\n step: React.PropTypes.number,\n max: React.PropTypes.number,\n maxi: React.PropTypes.number,\n min: React.PropTypes.number,\n disabled: React.PropTypes.bool,\n options: React.PropTypes.object,\n dispatch: React.PropTypes.func.isRequired,\n};\n\nexport default SlideBar;\n","import { connect } from 'react-redux';\nimport SlideBar from '../../components/SlideBar';\n\n\nconst mapStateToProps = (state, props) => {\n const [store, ...storeKey] = props.storeKey.split('.');\n storeKey.push('value');\n \n return ({\n value: state[store].getIn(storeKey),\n maxi: (state[store].getIn(storeKey)) * 2,\n steps: (state[store].getIn(storeKey)) / 100,\n });\n \n\n};\n\nexport default connect(mapStateToProps)(SlideBar);\n","import React, { Component, PropTypes } from 'react';\nimport NavigationBar from '../containers/NavigationBar';\nimport image from '../assets/images/img/popup_icon.png';\nimport NextButton from '../containers/NextButton';\nexport default class Popup extends Component {\n constructor(props) {\n super(props);\n this.popup = this.popup.bind(this);\n }\n popup() {\n this.props.valueToggle(this.props.toggled);\n }\n render() {\n return (\n \n
\n \n {this.props.libelle}\n {this.props.libelleInfo}\n \n
\n \n
\n \n 
\n {this.props.tooltipTxt}\n \n
\n \n {this.props.showNavigBar &&\n \n
\n );\n }\n}\nPopup.propTypes = {\n children: PropTypes.node,\n valueToggle: PropTypes.func,\n action: PropTypes.func,\n save: PropTypes.func,\n toggled: PropTypes.bool,\n status: PropTypes.bool,\n};\n","import { connect } from 'react-redux/dist/react-redux';\nimport Popup from '../components/Popup';\n\nexport default connect()(Popup);\n","import React, { Component } from 'react';\nimport SelectCity from '../../containers/Inputs/SelectCity';\nimport Select from '../../containers/Inputs/Select';\nimport { inputChange } from '../../action_creators';\nimport {fromJS, List} from 'immutable';\nimport sortBy from 'lodash/sortBy';\nclass SelectAgence extends Component {\n componentDidUpdate(prevProps) {\n if (prevProps.agence !== this.props.agence ) {\n this.props.dispatch(inputChange((this.props.agenceList!==null?this.props.agenceList\n .filter(item => item.get('value') ===\n this.props.agence).get(0).get('label'):null), 'demandeCredit.libelleagence'));\n }\n }\n render() {\n const agenceOptions = this.props.agenceList\n .filter(item => item.get('codeVille') === this.props.cityAgence);\n const agenceOptionsSorted = sortBy(agenceOptions.toJS(), o => o.label);\n return (\n \n
}\n \n \n
\n \n
\n \n 
\n
\n {this.props.children}\n selection de l'agence
\n\n
\n \n
\n\n
\n\n
\n \n
\n );\n }\n}\n\nSelectAgence.propTypes = {\n agenceList: React.PropTypes.instanceOf(List).isRequired,\n cityAgence: React.PropTypes.string,\n currentAgence: React.PropTypes.string,\n dispatch: React.PropTypes.func.isRequired,\n};\nexport default SelectAgence;\n","import { connect } from 'react-redux';\nimport SelectAgence from '../../components/Inputs/SelectAgence';\nconst mapStateToProps = state => ({ agence: state.demandeCredit.getIn(['agence', 'value']) });\nexport default connect(mapStateToProps)(SelectAgence);\n","import React, { Component } from 'react';\nimport { inputChange ,goNextState } from '../action_creators';\nimport impressionIcn from '../assets/images/impression_instantanee_icn.png';\nimport ouveteSamedi from '../assets/images/ouverte_samedi_icn.png';\nclass MapButton extends Component {\n constructor(props) {\n super(props);\n this.onClick = this.onClick.bind(this);\n }\n\n onClick() {\n this.props.dispatch(\n inputChange(this.props.agence.get('value').toString(), 'demandeCredit.agence')\n );\n this.props.dispatch(\n inputChange(this.props.agence.get('codeVille').toString(), 'demandeCredit.cityAgence')\n );\n this.props.dispatch(\n inputChange(this.props.agence.get('label').toString(), 'demandeCredit.libelleagence')\n );\n this.props.dispatch(goNextState());\n }\n render() {\n return (\n \n ville \n
\n \n agence \n
\n \n
\n );\n }\n}\nMapButton.propTypes = {\n agence: React.PropTypes.object,\n selected: React.PropTypes.bool,\n dispatch: React.PropTypes.func.isRequired,\n};\n\nexport default MapButton;\n","import { connect } from 'react-redux/dist/react-redux';\nimport MapButton from '../components/MapButton';\nconst mapStateToProps = () => ({\n selected: true,\n});\nexport default connect(mapStateToProps)(MapButton);\n","import request from 'superagent';\n\nfunction call(meta, token) {\n const method = meta.API_METHOD ? meta.API_METHOD : 'GET';\n let req = request(method, meta.API_CALL);\n req = req.set({ Authorization: `Bearer ${token}` });\n if (meta.API_PAYLOAD) {\n req = req.send(meta.API_PAYLOAD);\n }\n if (meta.API_QUERY) {\n req.query(meta.API_QUERY);\n }\n\n return req;\n}\n\nexport default store => next => action => {\n const token = localStorage.getItem('userToken') ?\n localStorage.getItem('userToken') : ' ';\n if (action.meta && action.meta.API_CALL) {\n call(action.meta, token)\n .then((res) => {\n store.dispatch({\n type: action.meta.API_SUCCESS,\n result: res.body,\n });\n })\n .catch(({ status, response }) => {\n if (action.meta.API_ERRORS && action.meta.API_ERRORS[status]) {\n return store.dispatch({\n type: action.meta.API_ERRORS[status],\n result: response.body,\n });\n }\n throw response;\n });\n }\n return next(action);\n};\n","import { push, go } from 'react-router-redux';\nimport { List } from 'immutable';\n\n\nconst routing = {\n '/simulateur': '/infos-perso',\n '/infos-perso': '/infos-projet',\n '/infos-projet': '/coordonnees',\n '/coordonnees': '/recapitulatif',\n};\n\n\nexport default store => next => action => {\n if (action.type === 'GO_NEXT_STATE') {\n const state = store.getState();\n const currentPath = state.routing.locationBeforeTransitions.pathname;\n const nextPath = routing[currentPath];\n if (nextPath) {\n if (nextPath.call) {\n store.dispatch(push(nextPath(state)));\n } else {\n store.dispatch(push(nextPath));\n }\n } else {\n /* eslint-disable no-console */\n console.error(`Cannot find next state for ${currentPath}.`);\n }\n }\n if (action.type === 'GO_BACK_TO_STATE') {\n const history = store.getState().myhistory;\n let delta = 0;\n if (action.state instanceof List) {\n delta = history.get('stack')\n .slice(0, history.get('stack').findIndex(e => e.get('current')) + 1)\n .reverse()\n .findIndex(state => action.state.includes(state.get('path')));\n } else {\n delta = history.get('stack')\n .slice(0, history.get('stack').findIndex(e => e.get('current')) + 1)\n .reverse()\n .findIndex(state => state.get('path') === action.state);\n }\n if (delta > 0) {\n store.dispatch(go(-delta));\n }\n }\n return next(action);\n};\n","const excludedFields = [\n 'SMSCode',\n 'identifiant',\n 'motDePasse',\n 'fpmail',\n 'oldPassword',\n 'newPassword',\n 'confirmdPassword',\n];\n\nexport default () => next => action => {\n const newAction = Object.assign({}, action);\n\n if (\n action.type === 'INPUT_CHANGE'\n && action.inputType === 'text'\n && excludedFields.indexOf(action.key.join('.')) === -1\n ) {\n newAction.newValue = action.newValue.toUpperCase();\n }\n\n return next(newAction);\n};\n","import { compose } from 'redux';\nimport partialRight from 'lodash/partialRight';\n\nexport default function composeReducers(...reducers) {\n return (state, action) => compose(...reducers.map((f) => partialRight(f, action)))(state);\n}\n","import { fromJS } from 'immutable';\nconst DEFAULT_SIMULATEUR = fromJS({\n toggled: { value: true },\n montantCredit: { value: 500000 },\n nbAnnee: { value: 25 },\n taux: { value: 4.99 },\n dureeDiff: { value: 0 },\n echeance: { value: 3067.15 },\n capaciteEmpruntfinal: { value: 1000 },\n autreCredit: { value: 0 },\n revenuNetMensuel: { value: 5000 },\n tauxHt: { value: 5.5 },\n duree: { value: 12 },\n capaciteEmprunt: { value: 229957.97 },\n dMontantCredit: { value: 500000 },\n dNbAnnee: { value: 12 },\n dDureeDiff: { value: 0 },\n dTaux: { value: 5.5 },\n dEcheance: { value: 3067.15 },\n});\nexport default function (state = DEFAULT_SIMULATEUR, action) {\n switch (action.type) {\n case 'INPUT_CHANGE':\n if (action.store === 'simulateur') {\n return state.setIn(action.key.concat(['value']), fromJS(action.newValue));\n }\n return state;\n case 'CLEAN_STORE':\n return DEFAULT_SIMULATEUR;\n case 'CALCUL_MONTANT_ECHEANCE_MENSUEL_SUCCESS':\n return state.setIn(['simulateurEcheance', 'value'], fromJS(action.result));\n case 'CALCUL_MONTANT_ECHEANCE_MENSUEL':\n return state.setIn(['simulateurEcheance', 'value'], fromJS([]));\n case 'CALCUL_MONTANT_All_SUCCESS':\n return state.set('allResult', fromJS(action.result));\n case 'CALCUL_MONTANT_All':\n return state.set('allResult', fromJS([]));\n case 'CALCUL_FRAIS_SUCCESS':\n return state.set('simulateurFrais', fromJS(action.result));\n case 'CALCUL_FRAIS':\n return state.set('simulateurFrais', fromJS([]));\n case 'CALCUL_MONTANT_CAPACITE_EMPRUNT_SUCCESS':\n return state.setIn(['capaciteEmprunt', 'value'], fromJS(action.result));\n case 'CALCUL_MONTANT_CAPACITE_EMPRUNT':\n return state.setIn(['capaciteEmprunt', 'value'], fromJS([]));\n case 'CALCUL_MONTANT_CAPACITE_EMPRUNT_DEFAULT_SUCCESS':\n return state.set('simulateurCapaciteEmpruntDefault', fromJS(action.result));\n case 'CALCUL_MONTANT_CAPACITE_EMPRUNT_DEFAULT':\n return state.set('simulateurCapaciteEmpruntDefault', fromJS([]));\n case 'INTOGGLE':\n return state.setIn(['toggled', 'value'], fromJS(action.value));\n case 'SHOWHIDE':\n return state.setIn([action.key.split('.')[1], 'value'],\n !state.getIn([action.key.split('.')[1], 'value']));\n case 'CHANGE_VALUES':\n return state.withMutations((ctx) => {\n ctx.setIn(['montantCredit', 'value'], ctx.getIn(['dMontantCredit', 'value']));\n ctx.setIn(['nbAnnee', 'value'], ctx.getIn(['dNbAnnee', 'value']));\n ctx.setIn(['dureeDiff', 'value'], ctx.getIn(['dDureeDiff', 'value']));\n ctx.setIn(['taux', 'value'], ctx.getIn(['dTaux', 'value']));\n ctx.setIn(['echeance', 'value'], ctx.getIn(['dEcheance', 'value']));\n });\n case 'default_STATE':\n return state.withMutations((ctx) => {\n ctx.setIn(['taux', 'value'], '4.99');\n });\n default:\n return state;\n }\n}\n","import { Map } from 'immutable';\nimport moment from 'moment';\nconst tva = 0.1;\nfunction calculEcheance(montantCredit, taux, dureeDiff, nbAnnee) {\n montantCredit = parseFloat(montantCredit)\n let resultat = 0;\n const diviseur = (montantCredit + (montantCredit *\n taux / 100 * (1 + tva) * dureeDiff / 12)) *\n ((taux / 1200) * (1 + tva));\n const quotient = 1 - Math.pow((1 + (taux / 1200) * (1 + tva)),\n (-(nbAnnee * 12 - dureeDiff)));\n if (taux !== 0) {\n resultat = (diviseur / quotient).toFixed(2);\n } else {\n resultat = montantCredit / nbAnnee;\n }\n return resultat;\n}\nfunction calculInverse(echeance, taux, dureeDiff, nbAnnee) {\n const divis = echeance * (1 - (Math.pow(1 + taux\n / 1200 * (1 + tva), -(nbAnnee * 12 - dureeDiff))));\n const quot = ((taux / 1200) * (1 + tva)) * (1 + taux / 1200\n * (1 + tva) * dureeDiff);\n const resInv = (divis / quot).toFixed(2);\n return resInv;\n}\n\nfunction isUnderage(day, month, year) {\n const birthdate = moment({ year, month: parseInt(month, 10) - 1, day });\n return moment().diff(birthdate, 'years') < 18;\n}\nexport default function (state = new Map(), action) {\n if (action.type !== 'INPUT_CHANGE' || action.store !== 'simulateur') {\n return state;\n }\n\n switch (action.key.join('.')) {\n case 'montantCredit':\n return state.setIn(['echeance', 'value'],\n calculEcheance(state.getIn(['montantCredit', 'value']),\n state.getIn(['taux', 'value']),\n state.getIn(['dureeDiff', 'value']),\n state.getIn(['nbAnnee', 'value']))\n );\n case 'taux':\n\n return state.setIn(['echeance', 'value'],\n calculEcheance(state.getIn(['montantCredit', 'value']),\n state.getIn(['taux', 'value']),\n state.getIn(['dureeDiff', 'value']),\n state.getIn(['nbAnnee', 'value']))\n );\n case 'dureeDiff':\n\n return state.setIn(['echeance', 'value'],\n calculEcheance(state.getIn(['montantCredit', 'value']),\n state.getIn(['taux', 'value']),\n state.getIn(['dureeDiff', 'value']),\n state.getIn(['nbAnnee', 'value']))\n );\n case 'date_naissanceDay':\n return state.setIn(\n ['date_naissanceDay'].concat(['errors', 'date_naissance.underage']),\n isUnderage(\n action.newValue,\n state.get('date_naissanceMonth') ?\n state.get('date_naissanceMonth').get('value') : '1',\n state.get('date_naissanceYear') ? state.get('date_naissanceYear').get('value') : '1'\n )\n );\n case 'date_naissanceMonth':\n return state.setIn(\n ['date_naissanceDay'].concat(['errors', 'date_naissance.underage']),\n isUnderage(\n state.get('date_naissanceDay') ? state.get('date_naissanceDay').get('value') : '1',\n action.newValue,\n state.get('date_naissanceYear') ?\n state.get('date_naissanceYear').get('value') : '1'\n )\n );\n case 'date_naissanceYear':\n return state.setIn(\n ['date_naissanceDay'].concat(['errors', 'date_naissance.underage']),\n isUnderage(\n state.get('date_naissanceDay') ? state.get('date_naissanceDay').get('value') : '1',\n state.get('date_naissanceMonth') ?\n state.get('date_naissanceMonth').get('value') : '1',\n action.newValue\n )\n );\n case 'nbAnnee':\n /* return state.withMutations((ctx) => {\n const seventies = isSeventies(\n ctx.get('date_naissanceDay') ? ctx.get('date_naissanceDay').get('value') : '1',\n ctx.get('date_naissanceMonth') ?\n ctx.get('date_naissanceMonth').get('value') : '1',\n ctx.get('date_naissanceYear') ?\n ctx.get('date_naissanceYear').get('value') : '2000',\n ctx.get('nbAnnee') ?\n ctx.get('nbAnnee').get('value') : '25'\n )\n if (seventies==true){\n ctx.setIn(\n ['nbAnnee'].concat(['errors', 'nbAnnee.isSeventy']),seventies);\n }\n ctx.setIn(['echeance', 'value'],\n calculEcheance(ctx.getIn(['montantCredit', 'value']),\n ctx.getIn(['taux', 'value']),\n ctx.getIn(['dureeDiff', 'value']),\n ctx.getIn(['nbAnnee', 'value']))\n );\n }); */\n return state.setIn(['echeance', 'value'],\n calculEcheance(state.getIn(['montantCredit', 'value']),\n state.getIn(['taux', 'value']),\n state.getIn(['dureeDiff', 'value']),\n state.getIn(['nbAnnee', 'value']))\n );\n /* case 'echeance':\n if (state.getIn(['echeance', 'value']) < 500000) {\n return state.setIn(['montantCredit', 'value'],\n calculInverse(state.getIn(['echeance', 'value']),\n state.getIn(['taux', 'value']),\n state.getIn(['dureeDiff', 'value']),\n state.getIn(['nbAnnee', 'value']))\n );\n } else {\n return state.setIn(['montantCredit', 'value'], '100000');\n }*/\n case 'dMontantCredit':\n return state.setIn(['dEcheance', 'value'],\n calculEcheance(state.getIn(['dMontantCredit', 'value']),\n state.getIn(['dTaux', 'value']),\n state.getIn(['dDureeDiff', 'value']),\n state.getIn(['dNbAnnee', 'value']))\n );\n case 'dTaux':\n\n return state.setIn(['dEcheance', 'value'],\n calculEcheance(state.getIn(['dMontantCredit', 'value']),\n state.getIn(['dTaux', 'value']),\n state.getIn(['dDureeDiff', 'value']),\n state.getIn(['dNbAnnee', 'value']))\n );\n case 'dDureeDiff':\n\n return state.setIn(['dEcheance', 'value'],\n calculEcheance(state.getIn(['dMontantCredit', 'value']),\n state.getIn(['dTaux', 'value']),\n state.getIn(['dDureeDiff', 'value']),\n state.getIn(['dNbAnnee', 'value']))\n );\n case 'dNbAnnee':\n\n return state.setIn(['dEcheance', 'value'],\n calculEcheance(state.getIn(['dMontantCredit', 'value']),\n state.getIn(['dTaux', 'value']),\n state.getIn(['dDureeDiff', 'value']),\n state.getIn(['dNbAnnee', 'value']))\n );\n case 'dEcheance':\n return state.setIn(['dMontantCredit', 'value'],\n calculInverse(state.getIn(['dEcheance', 'value']),\n state.getIn(['dTaux', 'value']),\n state.getIn(['dDureeDiff', 'value']),\n state.getIn(['dNbAnnee', 'value']))\n );\n default:\n return state;\n }\n}\n","import composeReducers from '../composeReducers';\nimport simulateur from './simulateur';\nimport simulateurReverse from './simulateurReverse';\nexport default composeReducers(simulateurReverse, simulateur);\n","import { fromJS } from 'immutable';\n\nconst DEFAULT_DEMANDE = fromJS({\n nbAnnee: { value: 25 },\n fraisamg: { value: 0 },\n montantCredit: { value: '' },\n dureeDiff: { value: 0 },\n progressLevel: { value: 'progress' },\n cityAgence: { value: '780' },\n toggling: { value: true },\n popSimulate: { value: true },\n proposition: { value: true },\n statutEncours: { value: 'contrat' },\n showfaq: { value: false },\n authentificate: { value: true },\n showMdpOublie: { value: true },\n authentif: { value: true },\n mdpToChange: { value: true },\n isChaabiClient: { value: true },\n chaabiClient: { value: false },\n testChaabi: { value: true },\n yesChaabiClient: { value: true },\n popinItem: { value: 'connexion' },\n confirmedInfos: { value: false },\n confirmeAgence: { value: false },\n gtmlogin:{ value: false },\n});\nexport default function (state = DEFAULT_DEMANDE, action) {\n switch (action.type) {\n case 'INPUT_CHANGE':\n if (action.store === 'demandeCredit') {\n return state.setIn(action.key.concat(['value']), fromJS(action.newValue));\n }\n return state;\n case 'CLEAN_STORE':\n return DEFAULT_DEMANDE;\n case 'DEMANDE_STATE':\n return state.setIn(['progressLevel', 'value'], 'done');\n case 'DEMANDE_REQUEST':\n return state.setIn(['request', 'status'], 'loading');\n case 'CLEAN_STATUS':\n return state.deleteIn(['request', 'status']);\n case 'DEMANDE_SAVE_SUCCESS':\n return state.withMutations((ctx) => {\n ctx.setIn(['request', 'result'], fromJS(action.result));\n ctx.setIn(['request', 'status'], fromJS(action.result).getIn(['status', 'message']));\n });\n case 'DEMANDE_SAVE_ERROR':\n return state.withMutations((ctx) => {\n ctx.setIn(['request', 'result'], fromJS(action.result));\n ctx.setIn(['request', 'status'], 'error');\n });\n case 'VERIF_PASSWORD_SUCCESS':\n return state.withMutations((ctx) => {\n ctx.setIn(['request', 'result'], fromJS(action.result));\n ctx.setIn(['request', 'status'], 'success');\n });\n case 'VERIF_PASSWORD_ERROR':\n return state.withMutations((ctx) => {\n ctx.setIn(['request', 'result'], fromJS(action.result));\n ctx.setIn(['request', 'status'], 'error');\n });\n case 'CHECK_CHANGE_PASSWORD_SUCCESS':\n return state.withMutations((ctx) => {\n ctx.setIn(['request', 'result'], fromJS(action.result));\n ctx.setIn(['request', 'status'], 'success');\n });\n case 'CHECK_CHANGE_PASSWORD_ERROR':\n return state.withMutations((ctx) => {\n ctx.setIn(['request', 'result'], fromJS(action.result));\n ctx.setIn(['request', 'status'], 'error');\n });\n case 'ALTERNATE':\n return state.setIn(['toggling', 'value'], fromJS(action.value));\n case 'SHOWHIDE':\n return state.withMutations((ctx) => {\n ctx.setIn([action.key.split('.')[1], 'value'],\n !state.getIn([action.key.split('.')[1], 'value']));\n ctx.setIn(['popinItem', 'value'], 'connexion');\n });\n case 'CHAABICLIENT':\n return state.withMutations((ctx) => {\n ctx.setIn(['chaabiClient', 'value'], action.value);\n });\n case 'SCROLL_TO_SECTION':\n return state.withMutations((ctx) => {\n ctx.setIn(['source', 'value'], action.source);\n ctx.setIn(['selecctor', 'value'], action.id);\n });\n case 'SWITCH_POPIN':\n return state.setIn(['popinItem', 'value'], 'showMdpOublie');\n case 'GET_DEMANDE_SUCCESS':\n return state.withMutations((ctx) => {\n ctx.set('maDemande', fromJS(action.result));\n ctx.set('maDemandeStatus', fromJS(action.result).get('status').get('successIndicator'));\n });\n case 'GET_REJET_PROP_SUCCESS':\n return state.withMutations((ctx) => {\n ctx.set('rejetPropComm', fromJS(action.result));\n ctx.set('rejetPropCommStatus', fromJS(action.result).get('status').get('successIndicator'));\n });\n case 'GET_DEMANDE_BY_EMAIL_SUCCESS':\n return state.withMutations((ctx) => {\n ctx.set('demandeMail', fromJS(action.result));\n });\n case 'GET_DEMANDE_BY_EMAIL_OR_RADICAL_SUCCESS':\n return state.withMutations((ctx) => {\n ctx.set('demandeMailRadical', fromJS(action.result));\n });\n case 'GET_DEMANDE':\n return state.withMutations((ctx) => {\n ctx.set('maDemande', fromJS([]));\n ctx.set('maDemandeStatus', fromJS('loading'));\n });\n case 'GET_DEMANDE_ERROR':\n return state.withMutations((ctx) => {\n ctx.set('maDemandeStatus', fromJS(action.result).get('status').get('successIndicator'));\n });\n case 'SEARCH_CLIENT_SUCCESS':\n return state.withMutations((ctx) => {\n ctx.set('clientDetails', fromJS(action.result).get('clientDetails'));\n ctx.set('clientDetailsStatus', fromJS(action.result).get('status').get('successIndicator'));\n ctx.setIn(['nom', 'value'], fromJS(action.result).getIn(['clientDetails', 'lastName']));\n ctx.setIn(['prenom', 'value'], fromJS(action.result).getIn(['clientDetails', 'firstName']));\n ctx.setIn(['civilite', 'value'], fromJS(action.result)\n .getIn(['clientDetails', 'civility']));\n ctx.setIn(['situationfamiliale', 'value'], fromJS(action.result)\n .getIn(['clientDetails', 'situationFamiliale']));\n ctx.setIn(['nbrenfants', 'value'], fromJS(action.result)\n .getIn(['clientDetails', 'nombreEnfant']));\n ctx.setIn(['mail', 'value'], fromJS(action.result).getIn(['clientDetails', 'email']));\n ctx.setIn(['telephone', 'value'], fromJS(action.result).getIn(['clientDetails', 'phone']));\n ctx.setIn(['numpieceidentite', 'value'], fromJS(action.result)\n .getIn(['clientDetails', 'cin']));\n ctx.setIn(['pieceidentite', 'value'], 'C.I.N'); // default value\n ctx.setIn(['paysderesidence', 'value'], fromJS(action.result)\n .getIn(['clientDetails', 'residenceCountry']));\n ctx.setIn(['revenu', 'value'], fromJS(action.result).getIn(['clientDetails', 'salary']));\n ctx.setIn(['agence', 'value'], fromJS(action.result)\n .getIn(['clientDetails', 'codeAgenceMNS']));\n ctx.setIn(['CodeAgencePrincipal', 'value'], fromJS(action.result)\n .getIn(['clientDetails', 'codeAgenceMNS']));\n ctx.setIn(['libelleagence', 'value'], fromJS(action.result)\n .getIn(['clientDetails', 'libelleAgenceMNS']));\n ctx.setIn(['date_naissanceDay', 'value'], parseInt(fromJS(action.result)\n .getIn(['clientDetails', 'clientBirthDateDay']), 10));\n ctx.setIn(['date_naissanceMonth', 'value'], parseInt(fromJS(action.result)\n .getIn(['clientDetails', 'clientBirthDateMonth']), 10));\n ctx.setIn(['date_naissanceYear', 'value'], fromJS(action.result)\n .getIn(['clientDetails', 'clientBirthDateYear']));\n ctx.setIn(['clientbcp', 'value'], 'Oui');\n });\n case 'SEARCH_CLIENT':\n return state.withMutations((ctx) => {\n ctx.set('clientDetails', fromJS([]));\n ctx.set('clientDetailsStatus', fromJS('loading'));\n });\n case 'SEARCH_CLIENT_ERROR':\n return state.withMutations((ctx) => {\n ctx.set('clientDetailsStatus', fromJS(action.result).get('status').get('successIndicator'));\n });\n case 'PROPOSAL_ACCEPTED_SUCCESS':\n return state.withMutations((ctx) => {\n ctx.set('propositionStatus', fromJS(action.result).get('successIndicator'));\n });\n case 'PROPOSAL_ACCEPTED_AGENCE_SUCCESS':\n return state.withMutations((ctx) => {\n ctx.set('propositionAgenceStatus', fromJS(action.result).get('successIndicator'));\n });\n case 'PROPOSITION_STEP':\n return state.withMutations((ctx) => {\n ctx.set('propositionStatus', fromJS('loading'));\n });\n case 'PROPOSITION_STEP_ERROR':\n return state.withMutations((ctx) => {\n ctx.set('propositionStatus', fromJS(action.result).get('successIndicator'));\n });\n case 'PROPOSITION_STEP_AGENCE':\n return state.withMutations((ctx) => {\n ctx.set('propositionAgenceStatus', fromJS('loading'));\n });\n case 'PROPOSITION_STEP_AGENCE_ERROR':\n return state.withMutations((ctx) => {\n ctx.set('propositionAgenceStatus', fromJS(action.result).get('successIndicator'));\n });\n case 'DISPLAY_ERRORS': {\n return state.withMutations((ctx) => {\n ctx.setIn(['nextPushed', 'value'], action.etat);\n ctx.setIn(['requiredFields', 'value'], action.requiredFields);\n });\n }\n default:\n return state;\n }\n}\n","import { Map } from 'immutable';\nimport { PhoneNumberUtil } from 'google-libphonenumber';\nimport moment from 'moment';\n\n\nfunction isValidCIN(value) {\n return /^[A-Z]+[0-9]+$/.test(value);\n}\nfunction isValidEmail(value) {\n return /^(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>() [\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@(( [[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/.test(value);\n}\n\nfunction isUnderage(day, month, year) {\n const birthdate = moment({ year, month: parseInt(month, 10) - 1, day });\n return moment().diff(birthdate, 'years') < 18;\n}\n\nfunction isValidMontantDuPret(coutProjet, value) {\n var coutp , valu;\n if(((typeof coutProjet) !== \"undefined\") && ((typeof value) !== \"undefined\") &&(value!==\"\")){\n\n coutp = coutProjet.replace(/\\s/g, '');\n valu = (\"\"+value).replace(/\\s/g, '');\n return parseFloat(valu) <= (parseFloat(coutp) * 1.1);\n }\n return true;\n}\n\nfunction isBigMontantDuPret( value) {\n var valu;\n if(((typeof value) !== \"undefined\") &&(value!==\"\")){\n\n valu = (\"\"+value).replace(/\\s/g, '');\n return parseFloat(valu) <= 20000000 ;\n }\n return true;\n}\n\n\nfunction isValidName(value) {\n return /^[A-Z\\s]+$/.test(value);\n}\n\nfunction isValideGSM(value) {\n try {\n var phoneUtil = PhoneNumberUtil.getInstance();\n var number = phoneUtil.parseAndKeepRawInput(value, 'MA');\n return phoneUtil.isValidNumber(number);\n }catch(e) {\n\n }\n}\nfunction isSeventies(day, month, year, dureesouhaitable) {\n const birthdate = moment({ year, month: parseInt(month, 10) - 1, day });\n const age = moment().diff(birthdate, 'months', true) + parseInt(dureesouhaitable * 12, 10);\n return age > 840;\n}\nfunction isMaxDuree(dureesouhaitable) {\n return dureesouhaitable > 25;\n}\nfunction isNumeric(value) {\n return /^[+]?[0-9 ]+(\\.[0-9 ]+)?$/.test(value);\n}\nfunction isAlphaNumerique(value) {\n return /^[A-Z0-9 _]*[A-Z0-9][A-Z0-9 _]*$/.test(value);\n}\nfunction isAlphaNum(value) {\n return /^[0-9a-z]+$/i.test(value);\n}\n\nfunction isPositiveNumber(value) {\n if (isEmpty(value)) return false;\n let valueWithoutSpaces = (value + \"\").replace(/\\s/g, '');\n return valueWithoutSpaces === '0' || /^[1-9]\\d*$/.test(valueWithoutSpaces);\n}\n\nfunction isValidRevenu(value) {\n if (!isPositiveNumber(value)) return false;\n try {\n let intValue = parseInt(value.replace(/\\s/g, ''));\n return intValue >= 2000;\n } catch (e) {\n return false;\n }\n}\n\nfunction isEmpty(value) {\n return (value === undefined || value === null);\n}\n\nexport default function (state = new Map(), action) {\n if (action.type !== 'INPUT_CHANGE' || action.store !== 'demandeCredit') {\n return state;\n }\n switch (action.key.join('.')) {\n case 'date_naissanceDay':\n return state.withMutations((ctx) => {\n const seventies = isSeventies(\n ctx.get('date_naissanceDay') ? ctx.get('date_naissanceDay').get('value') : '1',\n ctx.get('date_naissanceMonth') ?\n ctx.get('date_naissanceMonth').get('value') : '1',\n ctx.get('date_naissanceYear') ?\n ctx.get('date_naissanceYear').get('value') : '2000',\n ctx.get('nbAnnee') ?\n ctx.get('nbAnnee').get('value') : '25'\n )\n ctx.setIn(\n ['nbAnnee'].concat(['errors', 'nbAnnee.isSeventy']),seventies);\n\n const underage= isUnderage(\n action.newValue,\n state.get('date_naissanceMonth') ?\n state.get('date_naissanceMonth').get('value') : '1',\n state.get('date_naissanceYear') ? state.get('date_naissanceYear').get('value') : '1'\n )\n ctx.setIn(\n ['date_naissanceDay'].concat(['errors', 'date_naissance.underage']),underage );\n });\n case 'date_naissanceMonth':\n\n return state.withMutations((ctx) => {\n const seventies = isSeventies(\n ctx.get('date_naissanceDay') ? ctx.get('date_naissanceDay').get('value') : '1',\n ctx.get('date_naissanceMonth') ?\n ctx.get('date_naissanceMonth').get('value') : '1',\n ctx.get('date_naissanceYear') ?\n ctx.get('date_naissanceYear').get('value') : '2000',\n ctx.get('nbAnnee') ?\n ctx.get('nbAnnee').get('value') : '25'\n )\n ctx.setIn(\n ['nbAnnee'].concat(['errors', 'nbAnnee.isSeventy']),seventies);\n\n ctx.setIn(\n ['date_naissanceDay'].concat(['errors', 'date_naissance.underage']),\n isUnderage(\n state.get('date_naissanceDay') ? state.get('date_naissanceDay').get('value') : '1',\n action.newValue,\n state.get('date_naissanceYear') ?\n state.get('date_naissanceYear').get('value') : '1'\n )\n );\n });\n case 'date_naissanceYear':\n /* state.withMutations((ctx) => {\n const seventies = isSeventies(\n ctx.get('date_naissanceDay') ? ctx.get('date_naissanceDay').get('value') : '1',\n ctx.get('date_naissanceMonth') ?\n ctx.get('date_naissanceMonth').get('value') : '1',\n ctx.get('date_naissanceYear') ?\n ctx.get('date_naissanceYear').get('value') : '2000',\n ctx.get('nbAnnee') ?\n ctx.get('nbAnnee').get('value') : '25'\n )\n ctx.setIn(\n ['nbAnnee'].concat(['errors', 'nbAnnee.isSeventy']),seventies);\n ctx.setIn(\n ['date_naissanceDay'].concat(['errors', 'date_naissance.underage']),\n isUnderage(\n state.get('date_naissanceDay') ? state.get('date_naissanceDay').get('value') : '1',\n state.get('date_naissanceMonth') ?\n state.get('date_naissanceMonth').get('value') : '1',\n action.newValue\n )\n );\n });*/\n return state.setIn(\n ['date_naissanceDay'].concat(['errors', 'date_naissance.underage']),\n isUnderage(\n state.get('date_naissanceDay') ? state.get('date_naissanceDay').get('value') : '1',\n state.get('date_naissanceMonth') ?\n state.get('date_naissanceMonth').get('value') : '1',\n action.newValue\n )\n ).setIn(\n ['nbAnnee'].concat(['errors', 'nbAnnee.isSeventy']),isSeventies(\n state.get('date_naissanceDay') ? state.get('date_naissanceDay').get('value') : '1',\n state.get('date_naissanceMonth') ?\n state.get('date_naissanceMonth').get('value') : '1',\n state.get('date_naissanceYear') ?\n state.get('date_naissanceYear').get('value') : '2000',\n state.get('nbAnnee') ?\n state.get('nbAnnee').get('value') : '25'\n ));\n case 'nbAnnee':\n return state.withMutations((ctx) => {\n const value = ctx.get('nbAnnee') ? ctx.get('nbAnnee').get('value') : '25'\n const seventies = isSeventies(\n ctx.get('date_naissanceDay') ? ctx.get('date_naissanceDay').get('value') : '1',\n ctx.get('date_naissanceMonth') ?\n ctx.get('date_naissanceMonth').get('value') : '1',\n ctx.get('date_naissanceYear') ?\n ctx.get('date_naissanceYear').get('value') : '2000',\n value\n );\n const isMax = isMaxDuree(value);\n const isPositive = isPositiveNumber(value);\n ctx.setIn(['nbAnnee'].concat(['errors', 'nbAnnee.wrongFormat']), !isPositive);\n ctx.setIn(\n ['nbAnnee'].concat(['errors', 'nbAnnee.isSeventy']), seventies);\n ctx.setIn(\n ['nbAnnee'].concat(['errors', 'nbAnnee.isMaxDuree']), isMax);\n });\n case 'dureeDiff':\n return state.setIn(\n action.key.concat(['errors', 'surfacebien.wrongFormat']),\n !isPositiveNumber(action.newValue)\n );\n case 'nom':\n return state.setIn(\n action.key.concat(['errors', 'nom.wrongFormat']),\n !isValidName(action.newValue)\n );\n case 'demandeCredit':\n\n return state.setIn(\n action.key.concat(['errors', 'autreactivite.wrongFormat']),\n !isValidName(action.newValue)\n );\n case 'prenom':\n return state.setIn(\n action.key.concat(['errors', 'prenom.wrongFormat']),\n !isValidName(action.newValue)\n );\n case 'nbrenfants':\n return state.setIn(\n action.key.concat(['errors', 'nbrenfants.wrongFormat']),\n !isPositiveNumber(action.newValue)\n );\n case 'surfacebien':\n return state.setIn(\n action.key.concat(['errors', 'surfacebien.wrongFormat']),\n !isPositiveNumber(action.newValue)\n );\n\n case 'coutprojet':\n return state.withMutations((ctx) => {\n ctx.setIn(['montantCredit', 'errors','montantCredit.isNonValid'], !isValidMontantDuPret(action.newValue , state.getIn(['montantCredit', 'value'])));\n ctx.setIn(action.key.concat(['errors', 'coutprojet.wrongFormat']), !isPositiveNumber(action.newValue));\n });\n\n case 'employeur':\n return state.setIn(\n action.key.concat(['errors', 'employeur.wrongFormat']),\n !isAlphaNum(action.newValue)\n );\n case 'apportpersonnel':\n return state.setIn(\n action.key.concat(['errors', 'apportpersonnel.wrongFormat']),\n !isPositiveNumber(action.newValue)\n );\n case 'mail':\n return state.setIn(\n action.key.concat(['errors', 'mail.wrongFormat']),\n !isValidEmail(action.newValue)\n );\n\n case 'montantCredit':\n return state.setIn(\n action.key.concat(['errors', 'montantCredit.isNonValid']),\n !isValidMontantDuPret(state.getIn(['coutprojet', 'value']) , action.newValue)\n )\n .setIn(\n ['montantCredit','errors', 'montantCredit.isBig'],\n !isBigMontantDuPret(state.getIn(['montantCredit', 'value']))\n )\n .setIn(\n action.key.concat(['errors', 'montantCredit.wrongFormat']),\n !isPositiveNumber(action.newValue)\n );\n\n case 'telephone':\n return state.withMutations((ctx) => {\n ctx.setIn(\n action.key.concat(['errors', 'telephone.wrongFormat']),\n !isValideGSM(ctx.getIn(['indicatif', 'value']).concat(action.newValue))\n );\n });\n case 'numpieceidentite':\n // TODO: check if is it 1 or 0 CIN validation\n if (state.getIn(['pieceidentite', 'value']) === '1') {\n return state.setIn(\n action.key.concat(['errors', 'numpieceidentite.wrongFormat']),\n !isValidCIN(action.newValue)\n );\n } else {\n return state.setIn(\n action.key.concat(['errors', 'numpieceidentite.wrongFormat']),\n !isAlphaNumerique(action.newValue)\n );\n }\n case 'revenu':\n return state.withMutations((ctx) => {\n const value = ctx.get('revenu') ? ctx.get('revenu').get('value') : '0';\n ctx.setIn(\n ['revenu'].concat(['errors', 'revenu.isValid']),\n !isValidRevenu(value));\n });\n case 'anciente':\n return state.setIn(\n action.key.concat(['errors', 'anciente.wrongFormat']),\n !isNumeric(action.newValue)\n );\n case 'autrerevenu':\n return state.setIn(\n action.key.concat(['errors', 'autrerevenu.wrongFormat']),\n !isPositiveNumber(action.newValue)\n );\n case 'autresecheances':\n return state.setIn(\n action.key.concat(['errors', 'autresecheances.wrongFormat']),\n !isPositiveNumber(action.newValue)\n );\n case 'autresfrais':\n return state.setIn(\n action.key.concat(['errors', 'autresfrais.wrongFormat']),\n !isPositiveNumber(action.newValue)\n )\n case 'financconjoint':\n return state.setIn(\n action.key.concat(['errors', 'financconjoint.wrongFormat']),\n !isPositiveNumber(action.newValue)\n )\n default:\n return state;\n }\n}\n","import composeReducers from '../composeReducers';\nimport demandeCredit from './demandeCredit';\nimport demandeCreditValidation from './demandeCreditValidation';\nimport demandeCreditBehaviour from './demendeCreditBehaviour';\nexport default composeReducers(demandeCreditBehaviour, demandeCreditValidation, demandeCredit);\n","import { Map } from 'immutable';\n\nexport default function (state = new Map(), action) {\n if (action.type !== 'INPUT_CHANGE' || action.store !== 'demandeCredit') {\n return state;\n }\n switch (action.key.join('.')) {\n case 'boautrerevenu':\n return state.withMutations((st) => {\n st.delete('autreactivite');\n st.delete('autrerevenu');\n });\n case 'request':\n return state.deleteIn(['request', 'status']);\n default:\n return state;\n }\n}\n","import { fromJS, Map } from 'immutable';\nimport { LOCATION_CHANGE } from 'react-router-redux';\nimport step01_active from '../assets/images/step01_active.png';\nimport step01 from '../assets/images/step01.png';\nimport step01_valid from '../assets/images/step01_valid.png';\nimport step02_active from '../assets/images/step02_active.png';\nimport step02 from '../assets/images/step02.png';\nimport step02_valid from '../assets/images/step02_valid.png';\nimport step03_active from'../assets/images/step03_active.png';\nimport step03 from '../assets/images/step03.png';\nimport step03_valid from '../assets/images/step03_valid.png';\nimport step04_active from '../assets/images/step04_active.png';\nimport step04 from '../assets/images/step04.png';\nimport step04_valid from '../assets/images/step04_valid.png';\n\n/*const initLang(state){\nconst lang = state.demandeCredit.getIn(['langues','value']);\ni18n.changeLanguage(lang);\n}*/\nconst steps = [\n {\n step: 0, label: 'step02.label',\n regex: /^\\/infos-perso($|\\/)/, canonicalUrl: '/infos-perso',\n imgActive: step02_active, imgDefault: step02,\n imgValid: step02_valid,\n },\n {\n step: 1, label: 'step03.label',\n regex: /^\\/infos-projet($|\\/)/, canonicalUrl: '/infos-projet',\n imgActive: step03_active, imgDefault: step03,\n imgValid: step03_valid,\n },\n {\n step: 2, label: 'step01.label',\n regex: /^\\/coordonnees($|\\/)/, canonicalUrl: '/coordonnees',\n imgActive: step01_active, imgDefault: step01,\n imgValid: step01_valid,\n },\n {\n step: 3, label: 'step04.label',\n regex: /^\\/recapitulatif($|\\/)/, canonicalUrl: '/recapitulatif',\n imgActive: step04_active, imgDefault: step04,\n imgValid: step04_valid,\n },\n];\n\nfunction getCurrentStep(path) {\n const match = steps.find(v => v.regex.test(path));\n return (match ? match.step : 0);\n}\n\nexport default function (state = new Map(), action) {\n switch (action.type) {\n case LOCATION_CHANGE:\n return state.set('current', getCurrentStep(action.payload.pathname));\n case 'INIT_APP':\n return state.set('steps', fromJS(steps));\n default:\n return state;\n }\n}\n","import { fromJS } from 'immutable';\n\nconst defaultState = fromJS({\n stack: [],\n});\n\nexport default function (state = defaultState, action) {\n switch (action.type) {\n case '@@router/LOCATION_CHANGE':\n if (action.payload.action === 'PUSH') {\n const current = state.get('stack')\n .findIndex(entry => entry.get('current'));\n return state.updateIn(['stack'], stack => stack.withMutations(ctx => {\n if (current > -1) {\n // Trucate every entry after the current one (forward history is lost)\n ctx.slice(0, current + 1);\n // Unmark the current as the current\n ctx.removeIn([current, 'current']);\n }\n // Add the new current state\n ctx.push(fromJS({\n path: action.payload.pathname,\n key: action.payload.key,\n current: true,\n }));\n }));\n }\n if (action.payload.action === 'POP') {\n const current = state.get('stack')\n .findIndex(entry => entry.get('current'));\n const index = state.get('stack')\n .findIndex(entry => entry.get('key') === action.payload.key);\n\n if (current > -1) {\n return state.withMutations(ctx => {\n // Unmark the current state\n ctx.updateIn(['stack'], stack => stack.removeIn([current, 'current']));\n // Mark the new current state\n ctx.updateIn(['stack'], stack => stack.setIn([index, 'current'], true));\n });\n }\n }\n return state;\n default:\n return state;\n }\n}\n","/* eslint-disable */\nimport { fromJS } from 'immutable';\nfunction formatAgences(agences) {\n return agences.agencesWeb.map(agence => {\n const labeL = agence.libelleagence;\n const valeur = agence.codeagence;\n const code = agence.codeville;\n const Latitude = agence.latitude;\n const Longitude = agence.longitude;\n const Adresse = agence.adresseagence;\n const Telephone = agence.telephoneagence;\n const OuverteSamedi = agence.ouvertesamedi;\n const ImpressionCarte = agence.impressioncarte;\n const CodeT24 = agence.codeagenceT24;\n const newAgence = {\n label: labeL, value: valeur, codeVille: code,\n latitude: Latitude, longitude: Longitude, adresse: Adresse,\n telephone: Telephone, ouverteSamedi: OuverteSamedi, impressionCarte: ImpressionCarte, codeagenceT24: CodeT24\n };\n return newAgence;\n });\n}\nfunction formatCity(cities) {\n return cities.map(city => {\n const valeur = city.codeVille;\n const labeL = city.libelleVille;\n const newCity = { label: labeL, value: valeur };\n return newCity;\n });\n}\nfunction formatIndicatifs(indicatifs) {\n return indicatifs.map(indicatif => {\n const Name = indicatif.name;\n const labeL = `${indicatif.name} (${indicatif.dial_code})`;\n const valuE = indicatif.dial_code;\n const Code = indicatif.code;\n const CB = indicatif.CB;\n const newIndicatif = { name: Name, label: labeL, value: valuE, code: Code, cb: CB };\n return newIndicatif;\n });\n}\nfunction formatPromoteur(promoteurs) {\n return promoteurs.filter(prom => {\n if (prom.show) {\n return true; //\n }\n return false; // skip\n }).map(promoteur => {\n if (promoteur.show) {\n const valeur = promoteur.id;\n const labelle = promoteur.libelle;\n const newPrmoteur = { value: valeur, label: labelle };\n return newPrmoteur;\n }\n });\n}\nfunction formatEvent(events) {\n return events.map(event => {\n const valeur = event.codeCompaie;\n const labelle = event.titre;\n const newEvent = { value: valeur, label: labelle };\n return newEvent;\n });\n}\nconst DEFAULT_DEMANDE = fromJS({\n progressLevel: { value: 'progress' },\n cityAgence: { value: 780 },\n toggling: { value: true },\n});\nexport default function (state = DEFAULT_DEMANDE, action) {\n switch (action.type) {\n case 'COUNTRY_LIST_DATA_SUCCESS':\n return state.set('countryList', fromJS(action.result));\n case 'EVENEMENT_COMPANIES_LIST_DATA_SUCCESS':\n return state.set('evenementCompanies', fromJS(formatEvent(action.result.evenementsCompanie)));\n case 'GET_COUNTRY_LIST_DATA':\n return state.set('countryList', fromJS([]));\n case 'GET_EVENEMENT_COMPANIES_LIST_DATA':\n return state.set('evenementCompanies', fromJS([]));\n case 'CITY_LIST_DATA_SUCCESS':\n return state.set('cityList', fromJS(formatCity(action.result)));\n case 'GET_CITY_LIST_DATA':\n return state.set('cityList', fromJS([]));\n case 'AGENCIES_LIST_DATA_SUCCESS':\n return state.set('agenceList', fromJS(formatAgences(action.result)));\n case 'GET_AGENCIES_LIST_DATA':\n return state.set('agenceList', fromJS([]));\n case 'GET_INDICATIFS_LIST_DATA':\n return state.set('indicatifsList', fromJS([]));\n case 'INDICATIFS_LIST_DATA_SUCCESS':\n return state.set('indicatifsList', fromJS(formatIndicatifs(action.result)));\n case 'GET_PROMOTEUR_LIST_DATA':\n return state.set('promoteurList', fromJS([]));\n case 'PROMOTEUR_LIST_DATA_SUCCESS':\n return state.set('promoteurList', fromJS(formatPromoteur(action.result.promoteurs)));\n default:\n return state;\n }\n}\n","import { fromJS, Map } from 'immutable';\nimport ActiveIconeTraitement from '../assets/images/traitement_encours_active_icn@2x.png';\nimport DefaultIconeTraitement from '../assets/images/traitement_encours_default_icn@2x.png';\nimport ValideIconeTraitement from '../assets/images/traitement_encours_passed_icn@2x.png';\nimport ActiveIconePropCom from '../assets/images/proposition_comm_active_icn@2x.png';\nimport DefaultIconePropCom from '../assets/images/proposition_comm_default_icn@2x.png';\nimport ValideIconePropCom from '../assets/images/proposition_comm_passed_icn@2x.png';\nimport ActiveIconeConstDossier from '../assets/images/constitution_dossier_active_icn@2x.png';\nimport DefaultIconeConstDossier from '../assets/images/constitution_dossier_default_icn@2x.png';\nimport ValideIconeConstDossier from '../assets/images/constitution_dossier_passed_icn@2x.png';\nimport ActiveIconeFormalisation from '../assets/images/formalisation_active_icn@2x.png';\nimport DefaultIconeFormalisation from '../assets/images/formalisation_default_icn@2x.png';\nimport ValideIconeFormalisation from '../assets/images/formalisation_passed_icn@2x.png';\nimport ActiveIconeConcretisation from '../assets/images/concretisation_active_icn@2x.png';\nimport DefaultIconeConcretisation from '../assets/images/concretisation_default_icn@2x.png';\nimport ValideIconeConcretisation from '../assets/images/concretisation_passed_icn@2x.png';\n\nconst ImgsActives=[ActiveIconeTraitement,ActiveIconePropCom,ActiveIconeConstDossier,ActiveIconeFormalisation,ActiveIconeConcretisation];\nconst ImgsDefaults=[DefaultIconeTraitement,DefaultIconePropCom,DefaultIconeConstDossier,DefaultIconeFormalisation,DefaultIconeConcretisation];\nconst ImgValides=[ValideIconeTraitement,ValideIconePropCom,ValideIconeConstDossier,ValideIconeFormalisation,ValideIconeConcretisation];\n\nconst steps = [\n {\n step: 0, label: 'TRAITEMENT EN COURS',\n regex: 'en cours', statut: 'Demande envoyée',\n imgActive: {ImgsActives},\n imgDefault: {ImgsDefaults},\n imgValid: {ImgValides},\n },\n {\n step: 1, label: 'PROPOSITION COMMERCIALE',\n regex: 'reception', statut: 'Réponse du client',\n imgActive: {ImgsActives},\n imgDefault: {ImgsDefaults},\n imgValid: {ImgValides},\n },\n {\n step: 2, label: 'CONSTITUTION DU DOSSIER',\n regex: 'constitution', statut: 'Dossier reçu / Traitement',\n imgActive: {ImgsActives},\n imgDefault: {ImgsDefaults},\n imgValid: {ImgValides},\n },\n {\n step: 3, label: 'CONTRACTUALISATION & FORMALISATION',\n regex: 'contrat', statut: 'Contrat / Documents de garantie',\n imgActive: {ImgsActives},\n imgDefault: {ImgsDefaults},\n imgValid: {ImgValides},\n },\n {\n step: 4, label: 'CONCRÉTISATION',\n regex: 'concretisation', statut: 'Déblocage des fonds',\n imgActive: {ImgsActives},\n imgDefault: {ImgsDefaults},\n imgValid: {ImgValides},\n },\n];\n\n\n\nfunction getCurrentStep(statut) {\n switch (statut) {\n case \"Nouvelle Demande\":\n return steps.find(v => v.regex === \"en cours\").step;\n case \"Etude\":\n return steps.find(v => v.regex === \"en cours\").step;\n case 'etude middle office':\n return steps.find(v => v.regex === \"en cours\").step;\n case 'decision':\n return steps.find(v => v.regex === \"en cours\").step;\n case 'Reponse Client':\n return steps.find(v => v.regex === \"reception\").step;\n case 'reception':\n return steps.find(v => v.regex === \"reception\").step; \n case 'communication liste':\n return steps.find(v => v.regex === 'constitution').step; \n case 'constitution':\n return steps.find(v => v.regex === 'constitution').step; \n case 'contrat':\n return steps.find(v => v.regex === \"contrat\").step;\n case 'edition contrat en cours':\n return steps.find(v => v.regex === \"contrat\").step;\n case 'concretisation':\n return steps.find(v => v.regex === \"concretisation\").step;\n default:\n return 0;\n }\n}\n\nexport default function (state = new Map(), action) {\n switch (action.type) {\n case 'GET_DEMANDE_SUCCESS':\n return state.set('current',\n getCurrentStep(fromJS(action.result).getIn(['demande', 'statut','libelle'])));\n case 'INIT_APP':\n return state.set('steps', fromJS(steps));\n default:\n return state;\n }\n}\n","import { fromJS } from 'immutable';\n\nconst DEFAULT_ACCOUNT = fromJS({});\nexport default function (state = DEFAULT_ACCOUNT, action) {\n switch (action.type) {\n case 'INPUT_CHANGE':\n if (action.store === 'account') {\n return state.setIn(action.key.concat(['value']), fromJS(action.newValue));\n }\n return state;\n case 'INITIAL_STATE':\n return DEFAULT_ACCOUNT;\n case 'AUTHENTICATION_STEP_SUCCESS':\n return state.withMutations((ctx) => {\n ctx.set('authenticationStatus', fromJS('success'));\n ctx.set('LoggedUser', fromJS(action.result).get('user'));\n ctx.remove('motDePasse');\n localStorage.setItem('userToken', fromJS(action.result).getIn(['user', 'token']));\n });\n case 'AUTHENTICATION_STEP':\n return state.withMutations((ctx) => {\n ctx.set('authenticationStatus', fromJS('loading'));\n });\n case 'AUTHENTICATION_STEP_ERROR':\n return state.withMutations((ctx) => {\n ctx.set('authenticationStatus', fromJS('error'));\n ctx.set('authenticationError', fromJS(action.result).get('status'));\n });\n case 'AUTHENTICATION_SERVER_ERROR':\n return state.withMutations((ctx) => {\n ctx.set('authenticationStatus', fromJS('error'));\n ctx.set('authenticationError', fromJS(action.result));\n });\n\n case 'AUTHENTICATION_FORGET_SUCCESS':\n return state.withMutations((ctx) => {\n ctx.setIn(['oubliPass', 'status'], fromJS('success'));\n ctx.setIn(['oubliPass', 'result'], fromJS(action.result));\n });\n case 'AUTHENTICATION_FORGET':\n return state.withMutations((ctx) => {\n ctx.setIn(['oubliPass', 'status'], fromJS('loading'));\n });\n case 'AUTHENTICATION_FORGET_ERROR':\n return state.withMutations((ctx) => {\n ctx.setIn(['oubliPass', 'status'], fromJS('error'));\n ctx.setIn(['oubliPass', 'error'], fromJS(action.result));\n });\n\n case 'AUTHENTICATION_RESET_SUCCESS':\n return state.withMutations((ctx) => {\n ctx.setIn(['oubliPass', 'status'], fromJS('success'));\n ctx.setIn(['oubliPass', 'result'], fromJS(action.result));\n });\n case 'AUTHENTICATION_DEFINE_SUCCESS':\n return state.withMutations((ctx) => {\n ctx.setIn(['definePass', 'status'], fromJS('success'));\n ctx.setIn(['definePass', 'result'], fromJS(action.result));\n });\n case 'AUTHENTICATION_RESET':\n return state.withMutations((ctx) => {\n ctx.setIn(['oubliPass', 'status'], fromJS('loading'));\n });\n case 'AUTHENTICATION_RESET_ERROR':\n return state.withMutations((ctx) => {\n ctx.setIn(['oubliPass', 'status'], fromJS('error'));\n ctx.setIn(['oubliPass', 'error'], fromJS(action.result));\n });\n default:\n return state;\n }\n}\n","import { fromJS } from 'immutable';\nconst DEFAULT_DEMANDE = fromJS({\n clientbcp: { value: null },\n nom: { value: null },\n prenom: { value: null },\n telephone : { value: null },\n ville :{ value: null },\n typebien : {value: null},\n adresse : {value: null},\n indicatif : {value: null},\n echeance: { value: 4892.2 },\n taux: { value: '4.99' },\n dTaux: { value: '4.99' },\n});\n\nexport default function (state = DEFAULT_DEMANDE, action) {\n switch (action.type) {\n case 'INPUT_CHANGE':\n if (action.store === 'smap') {\n return state.setIn(action.key.concat(['value']), fromJS(action.newValue));\n }\n return state;\n case 'CLEAN_STORE':\n return DEFAULT_DEMANDE;\n case 'CALCUL_MONTANT_ECHEANCE_MENSUEL_SUCCESS':\n return state.setIn(['simulateurEcheance', 'value'], fromJS(action.result));\n case 'CALCUL_MONTANT_ECHEANCE_MENSUEL':\n return state.setIn(['simulateurEcheance', 'value'], fromJS([]));\n case 'CALCUL_MONTANT_All_SUCCESS':\n return state.set('allResult', fromJS(action.result));\n case 'CALCUL_MONTANT_All':\n return state.set('allResult', fromJS([]));\n case 'CALCUL_FRAIS_SUCCESS':\n return state.set('simulateurFrais', fromJS(action.result));\n case 'CALCUL_FRAIS':\n return state.set('simulateurFrais', fromJS([]));\n case 'CALCUL_MONTANT_CAPACITE_EMPRUNT_SUCCESS':\n return state.setIn(['capaciteEmprunt', 'value'], fromJS(action.result));\n case 'CALCUL_MONTANT_CAPACITE_EMPRUNT':\n return state.setIn(['capaciteEmprunt', 'value'], fromJS([]));\n case 'CALCUL_MONTANT_CAPACITE_EMPRUNT_DEFAULT_SUCCESS':\n return state.set('simulateurCapaciteEmpruntDefault', fromJS(action.result));\n case 'CALCUL_MONTANT_CAPACITE_EMPRUNT_DEFAULT':\n return state.set('simulateurCapaciteEmpruntDefault', fromJS([]));\n case 'INTOGGLE':\n return state.setIn(['toggled', 'value'], fromJS(action.value));\n case 'SHOWHIDE':\n return state.setIn([action.key.split('.')[1], 'value'],\n !state.getIn([action.key.split('.')[1], 'value']));\n case 'CHANGE_VALUES':\n return state.withMutations((ctx) => {\n ctx.setIn(['montantCredit', 'value'], ctx.getIn(['dMontantCredit', 'value']));\n ctx.setIn(['nbAnnee', 'value'], ctx.getIn(['dNbAnnee', 'value']));\n ctx.setIn(['dureeDiff', 'value'], ctx.getIn(['dDureeDiff', 'value']));\n ctx.setIn(['taux', 'value'], ctx.getIn(['dTaux', 'value']));\n ctx.setIn(['echeance', 'value'], ctx.getIn(['dEcheance', 'value']));\n });\n\n case 'SMAP_SAVE_SIMULATEUR_SUCCESS':\n return state.setIn(['successIndicatorSave', 'value'], fromJS(action.result.successIndicator));\n case 'SMAP_SAVE_ERROR':\n return state.setIn(['errorSave', 'value'], true);\n case 'SMAP_SAVE_SUCCESS':\n return state.setIn(['referenceId', 'value'], fromJS(action.result.message.split(':')[1]));\n\n \n case 'CLEAR_STATE': return DEFAULT_DEMANDE;\n default:\n return state;\n }\n}\n","import { Map } from 'immutable';\nimport { PhoneNumberUtil } from 'google-libphonenumber';\nconst tva = 0.1;\nfunction calculInverse(echeance, taux, dureeDiff, nbAnnee) {\n const divis = echeance * (1 - (Math.pow(1 + taux\n / 1200 * (1 + tva), -(nbAnnee * 12 - dureeDiff))));\n const quot = ((taux / 1200) * (1 + tva)) * (1 + taux / 1200\n * (1 + tva) * dureeDiff);\n const resInv = (divis / quot).toFixed(2);\n return resInv;\n}\nfunction calculEcheance(montantCredit, taux, dureeDiff, nbAnnee) {\n montantCredit = parseFloat(montantCredit)\n let resultat = 0;\n const diviseur = (montantCredit + (montantCredit *\n taux / 100 * (1 + tva) * dureeDiff / 12)) *\n ((taux / 1200) * (1 + tva));\n const quotient = 1 - Math.pow((1 + (taux / 1200) * (1 + tva)),\n (-(nbAnnee * 12 - dureeDiff)));\n if (taux !== 0) {\n resultat = (diviseur / quotient).toFixed(2);\n } else {\n resultat = montantCredit / nbAnnee;\n }\n return resultat;\n}\nfunction isValideGSM(value) {\n try {\n var phoneUtil = PhoneNumberUtil.getInstance();\n var number = phoneUtil.parseAndKeepRawInput(value, 'MA');\n return phoneUtil.isValidNumber(number);\n }catch(e) {\n\n }\n}\nexport default function (state = new Map(), action) {\n if (action.type !== 'INPUT_CHANGE' || action.store !== 'smap') {\n return state;\n }\n switch (action.key.join('.')) {\n case 'montantCredit':\n return state.setIn(['echeance', 'value'],\n calculEcheance(state.getIn(['montantCredit', 'value']),\n state.getIn(['taux', 'value']),\n state.getIn(['dureeDiff', 'value']),\n state.getIn(['nbAnnee', 'value']))\n );\n case 'taux':\n\n return state.setIn(['echeance', 'value'],\n calculEcheance(state.getIn(['montantCredit', 'value']),\n state.getIn(['taux', 'value']),\n state.getIn(['dureeDiff', 'value']),\n state.getIn(['nbAnnee', 'value']))\n );\n case 'dureeDiff':\n\n return state.setIn(['echeance', 'value'],\n calculEcheance(state.getIn(['montantCredit', 'value']),\n state.getIn(['taux', 'value']),\n state.getIn(['dureeDiff', 'value']),\n state.getIn(['nbAnnee', 'value']))\n );\n case 'nbAnnee':\n return state.setIn(['echeance', 'value'],\n calculEcheance(state.getIn(['montantCredit', 'value']),\n state.getIn(['taux', 'value']),\n state.getIn(['dureeDiff', 'value']),\n state.getIn(['nbAnnee', 'value']))\n );\n case 'echeance':\n if (state.getIn(['echeance', 'value']) < 500000) {\n return state.setIn(['montantCredit', 'value'],\n calculInverse(state.getIn(['echeance', 'value']),\n state.getIn(['taux', 'value']),\n state.getIn(['dureeDiff', 'value']),\n state.getIn(['nbAnnee', 'value']))\n );\n } else {\n return state.setIn(['montantCredit', 'value'], '100000');\n }\n case 'telephone' :\n return state.withMutations((ctx) => {\n ctx.setIn(\n action.key.concat(['errors', 'telephone.wrongFormat']),\n !isValideGSM(ctx.getIn(['indicatif', 'value']).concat(action.newValue))\n );\n });\n\n default:\n return state;\n }\n}\n","import composeReducers from '../composeReducers';\nimport smap from './smap';\nimport smapReverse from './smapReverse';\nexport default composeReducers(smap ,smapReverse) ;\n","import { applyMiddleware, createStore, compose, combineReducers } from 'redux';\nimport { syncHistoryWithStore, routerReducer, routerMiddleware } from 'react-router-redux';\nimport { hashHistory } from 'react-router';\nimport {\n INIT_APP,\n getCountries,\n getCities,\n getAgences,\n getIndicatifs,\n getPromoteurs,\n getEvenementCompanies\n} from './action_creators';\nimport apiMiddleware from './middleware/api';\nimport routingMiddleware from './middleware/routing';\nimport toUpperCaseMiddleware from './middleware/toUpperCase';\nimport * as reducers from './reducers';\n\nconst hashMiddleware = routerMiddleware(hashHistory);\n\nconst composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;\n\nconst store = createStore(\n combineReducers({\n ...reducers,\n routing: routerReducer,\n }),\n composeEnhancers(\n applyMiddleware(apiMiddleware),\n applyMiddleware(routingMiddleware),\n applyMiddleware(hashMiddleware),\n applyMiddleware(toUpperCaseMiddleware)\n )\n);\n\nconst init = () => {\n store.dispatch(INIT_APP);\n store.dispatch(getCountries());\n store.dispatch(getEvenementCompanies());\n store.dispatch(getAgences());\n store.dispatch(getCities());\n store.dispatch(getIndicatifs());\n store.dispatch(getPromoteurs());\n};\n\nconst history = syncHistoryWithStore(hashHistory, store, {\n selectLocationState: (state) => state.routing,\n});\ninit();\n\nexport default store;\nexport { history };\n","/* eslint-disable */\nimport React, { Component } from 'react';\nimport { List } from 'immutable/dist/immutable';\nimport MapButton from '../containers/MapButton';\nimport ReactDOM from 'react-dom/lib/ReactDOM';\nimport { Provider } from 'react-redux/dist/react-redux';\nimport store from '../store';\n\nconst imageUrl = 'img/marker_agence2.png';\nvar markers = [];\nclass MapPage extends Component {\n constructor() {\n super();\n }\n\n componentDidMount() {\n this.map = new google.maps.Map(this.refs.map, {\n center: new google.maps.LatLng(this.props.currentLat,\n this.props.currentLong),\n zoom: 13,\n mapTypeId: google.maps.MapTypeId.ROADMAP,\n scrollwheel: false,\n mapTypeControl: false,\n });\n var mapStyles = [{featureType: \"administrative.country\",stylers: [{ visibility: \"off\" }]}];\n var mapType = new google.maps.StyledMapType(mapStyles ,{name: \"Maroc\"});\n this.map.mapTypes.set('maroc', mapType );\n this.map.setMapTypeId('maroc');\n\n for (var i = 0; i < this.props.agencesList.size; i++) {\n var agency = this.props.agencesList.get(i);\n var latLng = new google.maps.LatLng(agency.get('latitude'),\n agency.get('longitude'));\n var marker = new google.maps.Marker({\n position: latLng,\n icon: new google.maps.MarkerImage(imageUrl, new google.maps.Size(40, 60)),\n title: 'AGENCE '+agency.get('label'),\n });\n var infowindow = new google.maps.InfoWindow({\n content: this.props.agencesList.get(i).get('adresse'),\n maxWidth: 330});\n\n var infos = 'Agence '+ agency.get('label')+'AGENCE {this.props.agence.get('label')}
\n\n
\n {this.props.agence.get('adresse')}
\n {this.props.agence.get('telephone')}
\n \n\n {this.props.agence.get('impressionCarte') === 'oui' ?\n
\n \n 
\n Impression instantanée\n
\n : null\n }\n {this.props.agence.get('ouverteSamedi') === 'oui' ?\n \n 
\n Ouverte samedi\n
\n : null\n }\n \n \n SéLECTIONNER CETTE AGENCE\n \n \n
\n '+agency.get('adresse')+'
'+agency.get('telephone');\n\n google.maps.event.addListener(marker, 'mouseover', (function (infos, marker, i) {\n var div = document.createElement('div');\n ReactDOM.render(
\n
\n );\n }\n}\nMapPage.propTypes = {\n agencesList: React.PropTypes.instanceOf(List).isRequired,\n currentLat: React.PropTypes.string,\n currentLong: React.PropTypes.string,\n currentAgence: React.PropTypes.object,\n};\nMapPage.defaultProps = {\n currentLat: '33.5860467750001',\n currentLong: '-7.64699039699997',\n};\nexport default MapPage;\n","import { connect } from 'react-redux/dist/react-redux';\nimport MapPage from '../components/MapPage';\nfunction mapStateToProps(state) {\n return {\n agencesList: state.configuration.get('agenceList'),\n };\n}\nexport default connect(mapStateToProps)(MapPage);\n","import React, { Component } from 'react';\nimport { List, fromJS } from 'immutable/dist/immutable';\nimport SelectAgence from '../containers/Inputs/SelectAgence';\nimport MapPage from '../containers/MapPage';\n\nclass MyAgency extends Component {\n constructor(props) {\n super(props);\n this.props.inputChange(7805, 'demandeCredit.agence');\n this.props.inputChange('ROMANDIE', 'demandeCredit.libelleagence');\n this.state = {\n redText: false,\n };\n this.addClass = this.addClass.bind(this);\n this.removeClass = this.removeClass.bind(this);\n }\n componentDidUpdate(prevProps) {\n if (prevProps.cityAgence !== this.props.cityAgence) {\n this.props.inputChange((this.props.agenceList\n .filter(item => item.get('codeVille') ===\n this.props.cityAgence).get(0)\n || fromJS([])).get('value'), 'demandeCredit.agence');\n // this.props.inputChange((this.props.agenceList\n // .filter(item => item.get('codeVille') ===\n // this.props.cityAgence).get(0)\n // || fromJS([])).get('label'), 'demandeCredit.libelleagence');\n }\n }\n addClass() {\n this.setState({\n redText: true,\n });\n }\n removeClass() {\n this.setState({\n redText: false,\n });\n }\n returnInput() {\n return (\n I should be a map!
\n \n
\n\n );\n }\n\n render() {\n return (\n \n
\n );\n }\n}\nMyAgency.propTypes = {\n currentAgence: React.PropTypes.object,\n disableNext: React.PropTypes.bool,\n goNext: React.PropTypes.func.isRequired,\n saveUpdate: React.PropTypes.func.isRequired,\n currentLat: React.PropTypes.string,\n currentLong: React.PropTypes.string,\n progressLevel: React.PropTypes.bool,\n agenceList: React.PropTypes.instanceOf(List).isRequired,\n cityAgence: React.PropTypes.string,\n inputChange: React.PropTypes.func,\n};\nMyAgency.defaultProps = {\n disableNext: false,\n dataTxt: 'Suivant',\n};\n\nexport default MyAgency;\n","import MyAgency from '../components/MyAgency';\nimport { connect } from 'react-redux/dist/react-redux';\nimport { goNextState, inputChange } from '../action_creators';\nimport { push } from 'react-router-redux';\nimport { fromJS } from 'immutable';\n\nconst mapStateToProps = (state) => {\n function isAgence(z) {\n return z.get('value') === state.demandeCredit.getIn(['agence', 'value']);\n }\n const currentVille = ((state.configuration.get('agenceList')).filter((z) => (\n z.get('codeVille') === state.demandeCredit.getIn(['cityAgence', 'value'])\n )).get(0) || fromJS([]));\n const currentAgency = ((state.configuration.get('agenceList')).filter((z) => (\n z.get('codeVille') === state.demandeCredit.getIn(['cityAgence', 'value'])\n ))).find(isAgence);\n return ({\n cityAgence: state.demandeCredit.getIn(['cityAgence', 'value']),\n agenceList: state.configuration.get('agenceList'),\n currentAgence: currentAgency,\n currentLat: currentVille.get('latitude'),\n currentLong: currentVille.get('longitude'),\n agence: state.demandeCredit.get('agence'),\n });\n};\nconst mapDispatchToProps = {\n goNext: goNextState,\n saveUpdate: () => push('/my-rdv'),\n inputChange,\n};\nexport default connect(mapStateToProps, mapDispatchToProps)(MyAgency);\n","import React, { Component } from 'react';\n\nexport default class Accordion extends Component {\n constructor() {\n super();\n this.handleClick = this.handleClick.bind(this);\n }\n\n componentDidMount() {\n this.handleClick();\n }\n /* eslint-disable */\n handleClick() {\n this.refs['myfirstdiv'].classList.contains('active') ?\n this.refs['myfirstdiv'].classList.remove('active') :\n this.refs['myfirstdiv'].classList.add('active');\n\n this.refs['myseconddiv'].style.display === 'block' ?\n this.refs['myseconddiv'].style.display = 'none'\n : this.refs['myseconddiv'].style.display = 'block';\n }\n\n render() {\n return (\n \n
\n \n
\n\n \n {this.returnInput()}\n
\n \n
\n \n {this.props.children}\n
\n \n \n \n \n
\n );\n }\n}\n\nInfoProjet.propTypes = {\n verifyForm: React.PropTypes.func,\n goNext: React.PropTypes.func,\n saveDemande: React.PropTypes.func,\n changeValues: React.PropTypes.func,\n status: React.PropTypes.bool,\n valueToggle: React.PropTypes.func,\n inputChange: React.PropTypes.func,\n toggled: React.PropTypes.bool,\n showHide: React.PropTypes.func,\n showHideElm: React.PropTypes.bool,\n flag: React.PropTypes.bool,\n cleanStatus: React.PropTypes.func.isRequired,\n storeKey: React.PropTypes.string.isRequired,\n siteKey: React.PropTypes.string.isRequired,\n clientbcp: React.PropTypes.string,\n EstimFraisProjet: React.PropTypes.string,\n nextPushed: React.PropTypes.string,\n displayErrors: React.PropTypes.func,\n};\n\nexport default InfoProjet;\n","import { connect } from 'react-redux/dist/react-redux';\nimport InfoProjet from '../components/InfoProjet';\nimport { extraitNombre } from '../utile/utile'\nimport {\n goNextState, cleanStatus, valueChange, saveDemande, inputChange,\n showHide, changeValues, displayErrors\n}\n from '../action_creators';\n\nfunction mapStateToProps(state) {\n const prixBien = state.demandeCredit.getIn(['coutprojet', 'value']);\n return {\n //gclid: localStorage.getItem('gclid'),\n prixBien,\n montantPret: state.demandeCredit.getIn(['montantCredit', 'value']),\n coutProjet: state.demandeCredit.getIn(['coutprojet', 'value']),\n EstimFraisProjet: prixBien === undefined ? 0 : ((0.1 * parseFloat(extraitNombre(prixBien))).toFixed(0)),\n demandeCredit: {\n reference: state.demandeCredit.getIn(['request', 'result', 'reference']),\n prenom: state.demandeCredit.getIn(['prenom', 'value']),\n nom: state.demandeCredit.getIn(['nom', 'value']),\n civilite: state.demandeCredit.getIn(['civilite', 'value']),\n clientbcp: state.demandeCredit.getIn(['clientbcp', 'value']),\n mail: state.demandeCredit.getIn(['mail', 'value']),\n telephone: state.demandeCredit.getIn(['telephone', 'value']),\n date_naissance: {\n day: state.demandeCredit.getIn(['date_naissanceDay', 'value']),\n month: state.demandeCredit.getIn(['date_naissanceMonth', 'value']),\n year: state.demandeCredit.getIn(['date_naissanceYear', 'value']),\n },\n paysderesidence: state.demandeCredit.getIn(['paysderesidence', 'value']),\n pieceidentite: state.demandeCredit.getIn(['pieceidentite', 'value']),\n numpieceidentite: state.demandeCredit.getIn(['numpieceidentite', 'value']),\n situationfamiliale: state.demandeCredit.getIn(['situationfamiliale', 'value']),\n activite: state.demandeCredit.getIn(['activite', 'value']),\n employeur: state.demandeCredit.getIn(['employeur', 'value']),\n secteur: state.demandeCredit.getIn(['secteur', 'value']),\n anciente: state.demandeCredit.getIn(['anciente', 'value']),\n revenu: state.demandeCredit.getIn(['revenu', 'value']),\n boautrerevenu: state.demandeCredit.getIn(['boautrerevenu', 'value']),\n autreactivite: state.demandeCredit.getIn(['autreactivite', 'value']),\n autrerevenu: state.demandeCredit.getIn(['autrerevenu', 'value']),\n etatbien: state.demandeCredit.getIn(['etatbien', 'value']),\n typebien: state.demandeCredit.getIn(['typebien', 'value']),\n usagebien: state.demandeCredit.getIn(['usagebien', 'value']),\n coutprojet: state.demandeCredit.getIn(['coutprojet', 'value']),\n apportpersonnel: state.demandeCredit.getIn(['apportpersonnel', 'value']),\n autresecheances: state.demandeCredit.getIn(['autresecheances', 'value']),\n localisationbien: state.demandeCredit.getIn(['localisationbien', 'value']),\n eventCompany: state.demandeCredit.getIn(['eventCompany', 'value']),\n surfacebien: state.demandeCredit.getIn(['surfacebien', 'value']),\n montantpret: state.demandeCredit.getIn(['montantCredit', 'value']),\n dureesouhaitable: state.demandeCredit.getIn(['nbAnnee', 'value']),\n typetaux: state.demandeCredit.getIn(['typetaux', 'value']),\n dureediffere: state.demandeCredit.getIn(['dureeDiff', 'value']),\n apiAction: 'save',\n fraisamg: state.demandeCredit.getIn(['fraisamg', 'value']),\n autresfrais: state.demandeCredit.getIn(['autresfrais', 'value']),\n promotor: {\n id: state.demandeCredit.getIn(['promoteur', 'value']),\n prmotorLibelle: state.demandeCredit.getIn(['promoteurLibelle', 'value']),\n autrePromoteur: state.demandeCredit.getIn(['autrePromoteur', 'value']),\n }\n },\n progressLevel: state.demandeCredit.getIn(['progressLevel', 'value']),\n reference: state.demandeCredit.getIn(['request', 'result', 'reference']),\n toggled: state.demandeCredit.getIn(['toggling', 'value']),\n showHideElm: state.demandeCredit.getIn(['popSimulate', 'value']),\n clientbcp: state.demandeCredit.getIn(['clientbcp', 'value']),\n status: state.demandeCredit.getIn(['request', 'status']),\n nextPushed: state.demandeCredit.getIn(['nextPushed', 'value']),\n userId: state.account.getIn(['identifiant', 'value']) || \"\",\n langues: state.demandeCredit.getIn(['langues', 'value']) || \"fr\",\n userStatus: state.account.get('authenticationStatus') === \"success\" ? \"logged\": \"not-logged\",\n origin: state.demandeCredit.getIn(['origin', 'value']),\n montantCredit: state.simulateur.getIn(['montantCredit', 'value']),\n nbAnnee: state.simulateur.getIn(['nbAnnee', 'value']),\n dureeDiff: state.simulateur.getIn(['dureeDiff', 'value']),\n taux: state.simulateur.getIn(['taux', 'value']),\n echeance: state.simulateur.getIn(['echeance', 'value']),\n\n etatbienError: state.demandeCredit.getIn(['etatbien', 'value']),\n usagebienError: state.demandeCredit.getIn(['usagebien', 'value']),\n surfacebienError: state.demandeCredit.getIn(['surfacebien', 'errors','surfacebien.wrongFormat']),\n typebienError: state.demandeCredit.getIn(['typebien', 'value']),\n coutprojetError: state.demandeCredit.getIn(['coutprojet', 'errors','coutprojet.wrongFormat']),\n localisationbienError: state.demandeCredit.getIn(['localisationbien', 'value']),\n promoteurError: state.demandeCredit.getIn(['promoteur', 'value']),\n montantCreditError: state.demandeCredit.getIn(['montantCredit', 'errors','montantCredit.wrongFormat']),\n apportpersonnelError: state.demandeCredit.getIn(['apportpersonnel', 'errors','apportpersonnel.wrongFormat']),\n nbAnneeIsSeventyError: state.demandeCredit.getIn(['nbAnnee', 'errors','nbAnnee.isSeventy']),\n nbAnneeisMaxDureeError: state.demandeCredit.getIn(['nbAnnee', 'errors','nbAnnee.isMaxDuree']),\n dureeDiffError: state.demandeCredit.getIn(['dureeDiff', 'value']),\n financconjointError: state.demandeCredit.getIn(['financconjoint', 'value']),\n };\n}\n\n\nfunction mapDispatchToProps(dispatch) {\n return {\n saveDemande: (demandeRequest) => dispatch(saveDemande(demandeRequest)),\n goNext: () => dispatch(goNextState()),\n cleanStatus: () => dispatch(cleanStatus()),\n valueToggle: (s) => dispatch(valueChange(s)),\n showHide: (s) => dispatch(showHide(s)),\n inputChange: (s, h) => dispatch(inputChange(s, h)),\n changeValues: () => dispatch(changeValues()),\n displayErrors: (a) => dispatch(displayErrors(a)),\n };\n}\nfunction mergeProps(stateProps, dispatchProps, ownProps) {\n const demandeRequest = stateProps.demandeCredit;\n return Object.assign({}, ownProps, stateProps, dispatchProps, {\n saveDemande: () => dispatchProps.saveDemande(demandeRequest),\n });\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps, mergeProps)(InfoProjet);\n","import React, { Component } from 'react';\nimport i18n from '../../i18n';\n\nclass Step extends Component {\n\n render() {\n return (\n \n {i18n.t(\"subtitleFormEvent1.label\")}\n \n {i18n.t(\"subtitleFormEvent2.label\")}\n \n
\n \n
\n \n \n \n {i18n.t(\"infoProjet0.label\")}\n \n
\n \n
\n \n
\n \n {i18n.t(\"infoProjet1.label\")} \n
\n {i18n.t(\"subtitleForm1.label\")}
\n\n
\n \n \n {i18n.t(\"infoProjet2.label\")}\n \n
\n \n \n {i18n.t(\"infoProjet3.label\")}\n \n
\n \n
\n \n \n {i18n.t(\"infoProjet4.label\")}\n \n
\n \n \n {i18n.t(\"infoProjet5.label\")}\n
\n \n
\n \n \n {i18n.t(\"simulateur7.label\")}\n
\n \n
\n \n \n {i18n.t(\"infoProjet6.label\")}\n
\n \n
\n \n \n {i18n.t(\"infoProjet17.label\")}\n
\n \n \n {i18n.t(\"infoProjet7.label\")}\n \n
\n \n
\n \n
\n \n {i18n.t(\"infoProjet9.label\")} \n
\n \n {i18n.t(\"subtitleForm1.label\")}\n
\n\n
\n \n \n {i18n.t(\"infoProjet10.label\")}\n
\n \n
\n \n \n {i18n.t(\"simulateur7.label\")}\n
\n \n \n {i18n.t(\"infoProjet11.label\")}\n
\n \n
\n \n \n {i18n.t(\"simulateur8.label\")}\n
\n \n
\n \n \n Type de taux\n \n
\n \n
\n \n
\n \n \n Durée du différé\n
\n \n
\n \n \n {i18n.t(\"simulateur9.label\")}\n
\n \n \n \n \n {\" \"}\n {infobulleMsg.InfoDureeiff}{\" \"}\n \n \n
\n \n
\n\n \n
\n \n
\n \n \n {i18n.t(\"infoProjet14.label\")}\n
\n \n
\n \n \n {i18n.t(\"simulateur7.label\")}\n
\n \n \n \n \n {\" \"}\n {infobulleMsg.InfoApportPerso}{\" \"}\n \n \n
\n \n
\n \n
\n \n \n {i18n.t(\"infoProjet15.label\")}\n \n
\n \n \n \n \n {\" \"}\n {infobulleMsg.InfoAuntreFin}{\" \"}\n \n \n
\n \n
\n \n
\n \n
\n \n {/* \n FRAIS D'AMÉNAGEMENT A FINANCER PAR LE PRÊT DEMANDÉ\n \n {i18n.t(\"infoProjet16.label\")}\n \n
\n \n
\n */}\n DHS
\n \n \n \n \n {\" \"}\n {infobulleMsg.InfoEstimFrais}{\" \"}\n \n \n
\n \n true}\n verifyCallback={this.verifyCallback}\n />\n
\n \n
\n \n {this.state.btnDisabled === true &&\n this.props.nextPushed === \"oui\" ? (\n
\n reCaptcha non valide
\n ) : null}\n \n
\n \n )}\n \n {i18n.t(this.props.step.get('label'))}\n\n
\n \n );\n }\n}\n\nStep.propTypes = {\n step: React.PropTypes.object,\n active: React.PropTypes.bool,\n valid: React.PropTypes.bool,\n className: React.PropTypes.string,\n clickable: React.PropTypes.bool,\n go: React.PropTypes.func.isRequired,\n};\nStep.defaultProps = {\n className: 'timeline-step',\n};\nexport default Step;\n","import Step from '../components/Timeline/Step';\nimport { connect } from 'react-redux/dist/react-redux';\nimport { goBackToState } from '../action_creators';\n\nfunction mapStateToProps(state) {\n return {\n langues: state.demandeCredit.getIn(['langues', 'value']),\n };\n}\n\nfunction mapDispatchToProps(dispatch, props) {\n return {\n go: () => dispatch(goBackToState(props.step.get('canonicalUrl'))),\n\n };\n}\n\nconst Timeline = connect(\n mapStateToProps,\n mapDispatchToProps\n)(Step);\n\nexport default Timeline;\n","/* eslint-disable */ // no-nested-ternary\nimport React, { Component } from 'react';\nimport { List } from 'immutable';\nimport Step from '../../containers/Step';\n\nclass Timeline extends Component {\n render() {\n return (\n\n
\n );\n }\n}\n\nTimeline.propTypes = {\n steps: React.PropTypes.instanceOf(List),\n current: React.PropTypes.number,\n};\n\nexport default Timeline;\n","import { connect } from 'react-redux/dist/react-redux';\nimport TimelinePure from '../components/Timeline/Timeline';\n\nfunction mapStateToProps(state) {\n return {\n langues: state.demandeCredit.getIn(['langues', 'value']), \n steps: state.timeline.get('steps'),\n current: state.timeline.get('current'),\n };\n}\n\nconst Timeline = connect(mapStateToProps, null, null)(TimelinePure);\n\nexport default Timeline;\n","/* eslint-disable */\nimport React, { Component } from 'react';\nimport Popin from '../../containers/Popin';\nimport Text from '../../containers/Text';\nimport Checkbox from '../../containers/Inputs/Checkbox';\nimport image from '../../assets/images/popin_personal_space_icn.png';\nimport icn from '../../assets/images/img/popin_info_icn.png';\nimport { hashHistory } from 'react-router';\nimport Title from '../Title';\nimport AttentionImage from '../../assets/images/attention.jpg';\nimport i18n from '../../i18n';\nimport TagManager from 'react-gtm-module';\nimport {isLoged} from '../../utile/utile'\n\nconst errorMessages = {\n '-1': 'Authentication error',\n 1: 'votre compte est desactivé',\n 2: 'Client non trouvé',\n 4: 'votre couple identifiant / mot de passe n\\'est pas valide',\n 5: 'Nous sommes désolés, votre compte a été bloqué en raison d’une activité suspicieuse sur votre compte, Pour rétablir l’accès à votre espace personnel, nous vous invitons à contacter l’administrateur à l’adresse digitalys.immo@cpm.co.ma',\n};\n\nconst errorRestMDP = {\n 'EmailNotFound': \"Il n'existe aucune demande avec l'identifiant renseigné. Merci de bien vouloir vérifier votre identifiant.\",\n 'RadicalNotFound': \"Il n'existe aucune demande avec l'identifiant renseigné. Merci de bien vouloir vérifier votre identifiant.\",\n}\n\nlet notInCoordonnes = true;\n\n\nclass HeaderAuth extends Component {\n componentWillMount() {\n this.shoHidePop = this.shoHidePop.bind(this);\n this.action = this.action.bind(this);\n this.switchPopin = this.switchPopin.bind(this);\n this.authentication = this.authentication.bind(this);\n this.resetPassword = this.resetPassword.bind(this);\n this.forgetPassword = this.forgetPassword.bind(this);\n this.redirect = this.redirect.bind(this);\n this.chaabinetPopin = this.chaabinetPopin.bind(this);\n this.getSignalitique = this.getSignalitique.bind(this);\n this.okChaabiNet = this.okChaabiNet.bind(this);\n this.redirectPageAcceuil = this.redirectPageAcceuil.bind(this);\n //this.state= {showChaabiNetPopup:false}\n this.setState({ showChaabiNetPopup: false });\n //this.state= {showErroPopup:false, errorMessages: false}\n this.setState({ showErroPopup: false, errorMessages: false,gtmErrorLogin:false });\n }\n\n componentDidUpdate(prevProps) {\n if ((prevProps.clientDetailsStatus !== this.props.clientDetailsStatus) && (this.props.clientDetailsStatus !== undefined) && (this.props.clientDetailsStatus !== 'error') && (this.props.clientDetailsStatus !== 'loading')) {\n hashHistory.push('/infos-perso');\n this.props.show('demandeCredit.yesChaabiClient');\n }\n\n if (prevProps.fpmail !== this.props.fpmail) {\n this.props.inputChange(this.props.fpmail, 'account.fpmail');\n }\n\n\n\n\n }\n\n\n getSignalitique() {\n this.props.inputChange(false, 'demandeCredit.gtmlogin');\n this.props.searchClient();\n }\n shoHidePop(s) {\n this.props.show(s);\n document.body.classList.toggle('hiddenScroll');\n }\n action() {\n if (this.props.popin === 'connexion') {\n this.props.switchPopin();\n } else { this.showHidePop('demandeCredit.authentificate'); }\n }\n /* switchPopin() {\n if (this.props.fpmail) {\n if ( this.props.fpmail.indexOf('@')==-1 || this.props.fpmail.indexOf('.')==-1) {\n if (this.props.demandeByMailOrRadical != null && this.props.demandeByMailOrRadical.length>0){\n this.shoHidePop('demandeCredit.authentificate');\n this.setState({showChaabiNetPopup:true});\n }\n else{\n this.setState({showErroPopup:true});\n }\n }\n else{\n if (this.props.demandeByMailOrRadical != null && this.props.demandeByMailOrRadical.length>0){\n this.props.switchPopin('demandeCredit.showMdpOublie');\n }\n else{\n this.setState({showErroPopup:true});\n }\n }\n }\n }*/\n switchPopin() {\n TagManager.dataLayer({\n dataLayer:{\n event: \"password_forgot\",\n langue: this.props.langues,\n BU: 'particulier'\n }})\n if (this.props.fpmail) {\n if (this.props.fpmail.indexOf('@') === -1 || this.props.fpmail.indexOf('.') === -1) {\n this.shoHidePop('demandeCredit.authentificate');\n this.setState({ showChaabiNetPopup: true });\n }\n else {\n this.props.switchPopin('demandeCredit.showMdpOublie');\n }\n }\n else {\n this.setState({ errorMessages: true });\n }\n }\n authentication() {\n this.props.authentication();\n }\n chaabinetPopin(isLoginCanceled) {\n isLoginCanceled && TagManager.dataLayer({\n dataLayer:{\n event: \"login_canceled\",\n langue: this.props.langues,\n BU: 'particulier'\n }})\n TagManager.dataLayer({\n dataLayer: isLoged(this.props.userId,{\n event: \"form_pret_step_1\",\n item: true,\n origin: this.props.origin,\n userStatus: this.props.userStatus,\n langue: this.props.langues,\n BU: 'particulier'\n }),\n })\n this.shoHidePop('demandeCredit.isChaabiClient');\n this.shoHidePop('demandeCredit.yesChaabiClient');\n this.props.chaabiClient(true);\n document.body.classList.remove('hiddenScroll');\n }\n resetPassword() {\n this.props.resetPassword();\n }\n forgetPassword() {\n this.props.forgetPassword();\n }\n\n okChaabiNet() {\n this.setState({ showChaabiNetPopup: false });\n window.location = \"https://oauth2.gbp.ma/?cid=73829FB9-57A2-4BE6-9A95-7926E703A6C0&aid=742ef930-3ea4-44d4-a4eb-be04b15849ac\";\n }\n\n redirectPageAcceuil() {\n this.setState({ showErroPopup: false });\n window.location = '/canalcredit';\n }\n\n redirect() {\n this.shoHidePop('simulateur.isChaabiClient');\n this.shoHidePop('smap.isChaabiClient');\n this.shoHidePop('demandeCredit.isChaabiClient');\n this.props.chaabiClient(false);\n hashHistory.push('/infos-perso');\n TagManager.dataLayer({\n dataLayer: isLoged(this.props.userId,{\n event: \"form_pret_step_1\",\n item: false,\n origin: this.props.origin,\n userStatus: this.props.userStatus,\n langue: this.props.langues,\n BU: 'particulier'\n }),\n })\n }\n\n searchSuccess() {\n TagManager.dataLayer({\n dataLayer:{\n event: \"login-in_success\",\n langue: this.props.langues,\n BU: 'particulier'\n }})\n if (notInCoordonnes) {\n notInCoordonnes = false;\n hashHistory.push('/infos-perso');\n } else return null;\n\n }\n searchError() {\n if (this.props.gtmErrorLogin == false){\n TagManager.dataLayer({\n dataLayer:{\n event: \"login-in_failure\",\n langue: this.props.langues,\n BU: 'particulier'\n }})\n this.props.inputChange(true, 'demandeCredit.gtmlogin');\n }\n return (\n - \n {this.props.steps.map(step => (\n
\n
\n );\n }\n resetError() {\n return (\n \n
\n \n Erreur d'authentification \n
\n \n
\n );\n }\n\n\n\n resetSuccess() {\n if (!this.props.mdpToChange) {\n this.shoHidePop('demandeCredit.mdpToChange');\n } else {\n this.shoHidePop('demandeCredit.authentificate');\n }\n this.props.initialAccout();\n hashHistory.push('/');\n }\n renderSuccess() {\n TagManager.dataLayer({\n dataLayer:{\n event: \"login-in_success\",\n langue: this.props.langues,\n BU: 'particulier'\n }})\n if (this.props.nbreConnexion === 0) {\n this.shoHidePop('demandeCredit.authentificate'); // close popin connexio\n this.shoHidePop('demandeCredit.mdpToChange'); // open popin chang password\n } else {\n this.shoHidePop('demandeCredit.authentificate');\n // this.props.initialAccout();\n hashHistory.push('/espaceperso');\n }\n }\n renderError() {\n\n return (\n \n
\n \n {errorRestMDP[this.props.resetError.get('message')]} \n
\n \n
\n );\n }\n\n\n renderLoading() {\n return (\n \n
\n \n {errorMessages[this.props.authenticationError]} \n
\n \n
\n );\n }\n\n render() {\n const messageErrors = {\n mailRequired: \n \n
\n Chargement
\n {i18n.t(\"recap28.label\")}
\n };\n const souvenirmoi = [\n {\n label: i18n.t(\"recap31.label\"),\n value: true,\n },\n ];\n return (\n \n {this.props.showHideElm ?\n null :\n { this.shoHidePop('demandeCredit.authentificate'); }}\n secondAction={this.props.popin === 'connexion' ?\n this.authentication : this.forgetPassword}\n >\n\n { this.shoHidePop('demandeCredit.mdpToChange'); }}\n action={this.resetPassword}\n >\n this.chaabinetPopin(false)}\n modalContent={i18n.t(\"HeaderAuth.label\")}\n asterisque={i18n.t(\"etoile.label\")}\n />\n }\n {this.props.yesChaabiClient ? null :\n this.chaabinetPopin(true)}\n >\n
\n );\n }\n}\nHeaderAuth.propTypes = {\n show: React.PropTypes.func,\n switchPopin: React.PropTypes.func,\n showHideElm: React.PropTypes.bool,\n mdpOubli: React.PropTypes.bool,\n mdpToChange: React.PropTypes.bool,\n isClient: React.PropTypes.bool,\n isChaabiClient: React.PropTypes.bool,\n yesChaabiClient: React.PropTypes.bool,\n authenticationStatus: React.PropTypes.bool,\n popin: React.PropTypes.string,\n title: React.PropTypes.string,\n popinIcn: React.PropTypes.string,\n label: React.PropTypes.string,\n popinTitle: React.PropTypes.string,\n popinDesc: React.PropTypes.string,\n authentication: React.PropTypes.func,\n authenticationError: React.PropTypes.string,\n nbreConnexion: React.PropTypes.number,\n resetPassword: React.PropTypes.func,\n forgetPassword: React.PropTypes.func,\n secondLabel: React.PropTypes.string,\n resetStatus: React.PropTypes.string,\n resetError: React.PropTypes.string,\n clientDetailsStatus: React.PropTypes.string,\n initialAccout: React.PropTypes.func,\n searchClient: React.PropTypes.func,\n inputChange: React.PropTypes.func,\n};\nexport default HeaderAuth;\n","import { connect } from 'react-redux/dist/react-redux';\nimport HeaderAuth from '../components/Inputs/HeaderAuth';\nimport { showHide, switchPopin, authentication, initialAccout,\n resetPassword, forgetPassword, searchClient,chaabiClient, inputChange } from '../action_creators';\n import i18n from '../i18n';\nfunction mapStateToProps(state) {\n const popin = state.demandeCredit.getIn(['popinItem', 'value']);\n return {\n gtmErrorLogin : state.demandeCredit.getIn(['gtmlogin', 'value']),\n langues: state.demandeCredit.getIn(['langues', 'value']) || \"fr\", \n origin: state.demandeCredit.getIn(['origin', 'value']), \n fpmail: state.account.getIn(['identifiant', 'value']),\n // demandeByMailOrRadical: state.demandeCredit.get('demandeMailRadical') != undefined ? state.demandeCredit.get('demandeMailRadical').toJS() : null,\n showHideElm: state.demandeCredit.getIn(['authentificate', 'value']),\n popin,\n label: popin === 'connexion' ? i18n.t(\"recap24.label\") : i18n.t(\"recap25.label\"),\n secondLabel: popin === 'connexion' ? i18n.t(\"recap26.label\") : 'Annuler',\n popinTitle: popin !== 'connexion' ? i18n.t(\"recap23.label\") :\n i18n.t(\"recap21.label\"),\n popinDesc: popin === 'connexion' ? i18n.t(\"recap22.label\") :\n i18n.t(\"recap27.label\"),\n isClient: state.demandeCredit.getIn(['clientbcp', 'value']) === 'Oui',\n mdpOubli: state.demandeCredit.getIn(['popinItem', 'value']) === 'showMdpOublie',\n mdpToChange: state.demandeCredit.getIn(['mdpToChange', 'value']),\n isChaabiClient: state.demandeCredit.getIn(['isChaabiClient', 'value']),\n yesChaabiClient: state.demandeCredit.getIn(['yesChaabiClient', 'value']),\n authChaabiNetRequest: {\n radical: state.account.getIn(['identifiant', 'value']),\n motDePasse: state.account.getIn(['motDePasse', 'value']),\n },\n passwordRequest: {\n mail: state.account.getIn(['LoggedUser', 'mail']),\n oldPassword: state.account.getIn(['oldPassword', 'value']),\n newPassword: state.account.getIn(['newPassword', 'value']),\n },\n authenticationStatus: state.account.get('authenticationStatus'),\n authenticationError: state.account.getIn(['authenticationError', 'successIndicator']),\n resetStatus: state.account.getIn(['oubliPass', 'status']),\n resetError: state.account.getIn(['oubliPass', 'error']),\n nbreConnexion: state.account.getIn(['LoggedUser', 'nbconnexion']),\n resetRequest: {\n radical: state.account.getIn(['fpmail', 'value']),\n },\n authchaabiNetRequest: {\n radical: state.account.getIn(['identifiant', 'value']),\n motDePasse: state.account.getIn(['motDePasse', 'value']),\n },\n clientDetailsStatus: state.demandeCredit.get('clientDetailsStatus'),\n };\n}\nfunction mapDispatchToProps(dispatch) {\n return {\n show: (s) => dispatch(showHide(s)),\n chaabiClient : (s) => dispatch(chaabiClient(s)),\n switchPopin: (s) => dispatch(switchPopin(s)),\n authentication: (authChaabiNetRequest) => dispatch(authentication(authChaabiNetRequest)),\n resetPassword: (request) => dispatch(resetPassword(request)),\n forgetPassword: (mail) => dispatch(forgetPassword(mail)),\n initialAccout: () => dispatch(initialAccout()),\n searchClient: (a) => dispatch(searchClient(a)),\n inputChange: (...y) => dispatch(inputChange(...y)),\n //getDemandeByEmailOrRadical: (a) => dispatch(getDemandeByEmailOrRadical(a)),\n };\n}\nfunction mergeProps(stateProps, dispatchProps, ownProps) {\n const authChaabiNetRequest = stateProps.authChaabiNetRequest;\n const passwordRequest = stateProps.passwordRequest;\n const authchaabiNetRequest = stateProps.authchaabiNetRequest;\n const mail = stateProps.resetRequest;\n // const radicalOremail = stateProps.fpmail;\n return Object.assign({}, ownProps, stateProps, dispatchProps, {\n authentication: () => dispatchProps.authentication(authChaabiNetRequest),\n resetPassword: () => dispatchProps.resetPassword(passwordRequest),\n forgetPassword: () => dispatchProps.forgetPassword(mail),\n searchClient: () => dispatchProps.searchClient(authchaabiNetRequest),\n //getDemandeByEmailOrRadical: () => dispatchProps.getDemandeByEmailOrRadical(radicalOremail),\n });\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps, mergeProps)(HeaderAuth);\n","/* eslint-disable */\nimport React, { Component } from 'react';\nimport HeaderAuth from '../../containers/HeaderAuth';\nimport Logo from '../../assets/images/logo_bankpopulaire.jpg';\nimport DemandePret from \"../../assets/images/ddepret.png\";\nimport ContactImg from \"../../assets/images/contact_us_icn.png\"\nimport ContactUsDes from \"../../assets/images/contact_us_active_icn.png\";\nimport i18n from \"../../i18n\";\nimport { hashHistory } from 'react-router';\nimport TagManager from 'react-gtm-module';\nimport {isLoged} from '../../utile/utile'\nclass Header extends Component {\n componentWillMount() {\n this.shoHidePop = this.shoHidePop.bind(this);\n this.logout = this.logout.bind(this);\n this.handleLanguage = this.handleLanguage.bind(this);\n }\n logout() {\n window.location.href = '/canalcredit';\n }\n shoHidePop(s) {\n this.props.show(s);\n }\n handleLanguage(lang) {\n this.props.inputChange(lang, 'demandeCredit.langues');\n }\n\n demandePret = () => {\n TagManager.dataLayer({\n dataLayer: isLoged(this.props.userId,{\n event: \"user_navigation\",\n item: \"header\",\n target: \"demande_de_pret\",\n userStatus: this.props.userStatus,\n langue: this.props.langues,\n BU: 'particulier'\n }),\n })\n this.shoHidePop('demandeCredit.isChaabiClient');\n this.props.inputChange(\"header\", 'demandeCredit.origin');\n TagManager.dataLayer({\n dataLayer: isLoged(this.props.userId,{\n event: \"virtual_page\",\n virtual_page_name: \"initiation de la demande\",\n url: \"/initiation-de-la-demande\",\n form_step: \"1\",\n origin: this.props.origin,\n target: \"demande_de_pret\",\n userStatus: this.props.userStatus,\n langue: this.props.langues,\n BU: 'particulier',\n sp_montant: this.props.origin === \"header\" ? null: this.props.montantCredit,\n sp_duree: this.props.origin === \"header\" ? null: this.props.nbAnnee,\n sp_differe: this.props.origin === \"header\" ? null: this.props.dureeDiff,\n sp_taux: this.props.origin === \"header\" ? null: this.props.taux,\n sp_echeance: this.props.origin === \"header\" ? null: this.props.echeance,\n }),\n })\n }\n\n handleLanguage(lang){\n TagManager.dataLayer({\n dataLayer: isLoged( this.props.userId, {\n event: \"user_navigation\",\n item: \"header\",\n target: lang,\n userStatus: this.props.userStatus,\n langue: this.props.langues,\n BU: 'particulier'\n }),\n })\n this.props.inputChange(lang,'demandeCredit.langues');\n i18n.changeLanguage(lang);\n }\n handleClick = (e, selector) => {\n e.preventDefault();\n if (document.querySelector(selector)) {\n document.querySelector(selector) && document.querySelector(selector).scrollIntoView({\n behavior: \"smooth\",\n });\n } else {\n this.props.scrolllToSection(this.props.isHome ? \"home\" : \"other\", selector);\n hashHistory.push('/')\n }\n }\n render() {\n\n return (\n \n {this.props.popin === 'connexion' ?\n
\n \n }\n {this.props.mdpToChange ? null :\n \n
\n :\n \n \n {i18n.t(\"recap29.label\")}\n \n
\n {this.state.errorMessages === true && messageErrors.mailRequired}\n \n \n {i18n.t(\"recap30.label\")}\n \n
\n \n
\n \n
\n \n { this.switchPopin(); }}\n >\n {i18n.t(\"recap23.label\")}\n \n
\n \n {(() => {\n switch (this.props.authenticationStatus) {\n case 'loading':\n return this.renderLoading();\n case 'error':\n return this.renderError();\n case 'success':\n return this.renderSuccess();\n default:\n return null;\n }\n })()}\n
\n \n
\n }\n\n \n \n email\n \n
\n \n {(() => {\n switch (this.props.resetStatus) {\n case 'loading':\n return this.renderLoading();\n case 'error':\n return this.resetError();\n case 'success':\n return this.resetSuccess();\n default:\n return null;\n }\n })()}\n
\n \n
\n \n \n Ancien mot de passe\n \n
\n \n \n mot de passe\n \n
\n \n \n confirmation mot de passe\n \n
\n \n {(() => {\n switch (this.props.resetStatus) {\n case 'loading':\n return this.renderLoading();\n case 'error':\n return this.resetError();\n case 'success':\n return this.resetSuccess();\n default:\n return null;\n }\n })()}\n
\n \n }\n {this.props.isChaabiClient ? null :\n \n
\n \n
\n \n \n veuillez saisir votre identifiant Chaabinet\n \n
\n \n \n veuillez saisir votre mot de passe\n \n
\n \n
\n \n
\n \n \n Mot de passe oublié\n \n
\n \n {(() => {\n switch (this.props.clientDetailsStatus) {\n case 'success':\n\n return this.searchSuccess();\n\n\n case 'error':\n return this.searchError();\n case 'loading':\n return this.renderLoading();\n default:\n return null;\n }\n })()}\n
\n \n }\n\n {this.state.showChaabiNetPopup === true &&\n \n {this.state.showErroPopup === true &&\n
\n \n \n \n {this.props.isChaabiClient ?\n null :\n
\n );\n }\n}\nHeader.propTypes = {\n dispatch: React.PropTypes.func,\n show: React.PropTypes.func,\n isChaabiClient: React.PropTypes.bool,\n authenticationStatus: React.PropTypes.bool,\n token: React.PropTypes.string,\n inputChange: React.PropTypes.func,\n};\nexport default Header;\n","import { connect } from 'react-redux/dist/react-redux';\nimport Header from '../components/Inputs/Header';\nimport { showHide, inputChange, scrolllToSection } from '../action_creators';\n\nfunction mapStateToProps(state) {\n const popin = state.demandeCredit.getIn(['popinItem', 'value']);\n\n return {\n showHideElm: state.demandeCredit.getIn(['isChaabiClient', 'value']),\n origin: state.demandeCredit.getIn(['origin', 'value']),\n authenticationStatus: state.account.get('authenticationStatus'),\n userId: state.account.getIn(['identifiant', 'value']) || \"\",\n langues: state.demandeCredit.getIn(['langues', 'value']) || \"fr\",\n userStatus: state.account.get('authenticationStatus') === \"success\" ? \"logged\": \"not-logged\",\n popin,\n };\n}\nfunction mapDispatchToProps(dispatch) {\n return {\n show: (s) => dispatch(showHide(s)),\n inputChange: (value, key) => dispatch(inputChange(value, key)),\n scrolllToSection: (source, id) => dispatch(scrolllToSection(source, id))\n };\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(Header);\n","/* eslint-disable */\nimport React, { Component } from 'react';\nimport Timeline from '../containers/Timeline';\nimport Header from '../containers/Header';\nimport footer_logo_bankpopulaire from '../assets/images/footer_logo_bankpopulaire.jpg'\nimport i18n from '../i18n';\nimport PdfConditionGeneral from '../assets/docs/CONDITIONS_GENERALES_Immo.pdf';\nimport PdfMentionsLegal from '../assets/docs/Mentionslegale.pdf';\nimport { hashHistory } from 'react-router';\nimport TagManager from 'react-gtm-module';\nimport { isLoged } from \"../utile/utile\"\nclass Layout extends Component {\n\n /* componentDidMount() {\n }\n componentWillUnMount() {\n\n }\n handleScroll() {\n\n } */\n handleClick = (e, selector) => {\n e.preventDefault();\n if (document.querySelector(selector)) {\n document.querySelector(selector) && document.querySelector(selector).scrollIntoView({\n behavior: \"smooth\",\n });\n } else {\n this.props.scrolllToSection(this.props.isHome ? \"home\" : \"other\", selector);\n hashHistory.push('/')\n }\n }\n render() {\n return (\n \n
\n \n \n
\n \n \n {this.props.authenticationStatus === 'success' ? null\n :
\n \n \n \n
\n {i18n.t(\"pret.label\")}\n \n
\n }\n \n {this.props.authenticationStatus === 'success' ?\n \n {i18n.t(\"pret.label\")}\n \n
\n\n \n
\n Se déconnecter\n \n
\n :\n \n Se déconnecter\n \n
\n\n {\n TagManager.dataLayer({\n dataLayer: isLoged(this.props.userId,{\n event: \"user_navigation\",\n item: \"header\",\n target: \"log_in\",\n userStatus: this.props.userStatus,\n langue: this.props.langues,\n BU: 'particulier'\n }),\n })\n this.shoHidePop('demandeCredit.authentificate'); }}\n >\n
\n {i18n.t(\"espacePerso.label\")}\n \n
\n }\n \n {i18n.t(\"espacePerso.label\")}\n \n
\n\n this.handleLanguage(\"fr\")}\n >\n Fr\n \n this.handleLanguage(\"ar\")}\n >\n ar\n \n this.handleLanguage(\"en\")}\n >\n En\n \n
\n \n
\n - \n
- \n \n Demande de prêt\n \n \n
- \n \n Nos produits\n \n \n
- \n \n nous contacter\n \n \n
\n \n \n \n \n
\n );\n }\n}\nLayout.propTypes = {\n children: React.PropTypes.node.isRequired,\n dispatch: React.PropTypes.func,\n};\n\nexport default Layout;\n","import { connect } from 'react-redux/dist/react-redux';\nimport Layout from '../components/Layout';\nimport { showHide, scrolllToSection } from '../action_creators';\n\nfunction mapStateToProps(state) {\n return {\n showHideElm: state.demandeCredit.getIn(['authentif', 'value']),\n popinKey: 'demandeCredit.authentif',\n userId: state.account.getIn(['identifiant', 'value']) || \"\",\n langues: state.demandeCredit.getIn(['langues', 'value']) || \"fr\",\n userStatus: state.account.get('authenticationStatus') === \"success\" ? \"logged\": \"not-logged\",\n };\n}\nfunction mapDispatchToProps(dispatch) {\n return {\n show: (s) => dispatch(showHide(s)),\n scrolllToSection: (source, id) => dispatch(scrolllToSection(source, id))\n };\n}\nfunction mergeProps(stateProps, dispatchProps, ownProps) {\n return Object.assign({}, ownProps, stateProps, dispatchProps, {\n show: () => dispatchProps.show(stateProps.popinKey),\n });\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps, mergeProps)(Layout);\n","import React, { Component, PropTypes } from 'react';\nimport SlideBar from '../containers/Inputs/SlideBar';\nimport info_txt from '../assets/images/info_txt.png';\nconst option3 = { numeral: true, numeralDecimalScale: 2 };\nconst option2 = { blocks: [2] };\nconst option5 = { numeral: true,\n numeralDecimalMark: '.',\n delimiter: ' ' };\n\nclass DetailCapacite extends Component {\n render() {\n return (\n \n
\n \n {i18n.t(\"gammeOffre.label\")}\n
\n\n \n {i18n.t(\"formulaire.label\")}\n \n
\n \n {i18n.t(\"produitBP.label\")}\n\n
\n\n
\n {this.props.children}\n \n \n
\n );\n }\n}\nDetailCapacite.propTypes = {\n max: PropTypes.number,\n toggle: PropTypes.func.isRequired,\n onClick: PropTypes.func.isRequired,\n};\nexport default DetailCapacite;\n","import { connect } from 'react-redux/dist/react-redux';\nimport DetailCapacite from '../components/DetailCapacite';\nexport default connect()(DetailCapacite);\n","import React, { Component } from 'react';\nimport { fromJS } from 'immutable';\nimport Text from '../containers/Text';\nimport Radio from '../containers/Inputs/Radio';\nimport NextButton from '../containers/NextButton';\nimport SelectIndicatif from '../containers/Inputs/SelectIndicatif';\nimport SelectCountry from '../containers/Inputs/SelectCountry';\nimport Select from '../containers/Inputs/Select';\nimport { hashHistory } from 'react-router';\n\n\nconst clientOption = [\n { label: 'Oui', value: 'Oui', checked: true },\n { label: 'Non', value: 'Non' },\n];\n\nconst typeBienOptions = fromJS([\n { label: 'Construction' },\n { label: 'Acquisition logement' },\n { label: 'Acquisition terrain' },\n { label: 'Acquisition terrain + Construction'},\n { label: 'Rachat crédit immobilier' },\n { label: 'Aménagement' },\n]);\nconst requiredFields = [\n 'smap.nom',\n 'smap.prenom',\n 'smap.mail',\n 'smap.telephone',\n 'smap.paysderesidence',\n 'smap.ville',\n 'smap.clientbcp',\n 'smap.typebien',\n];\n\nexport default class FormSMAP extends Component {\n\n constructor(props) {\n super(props);\n this.saveInfoSmap = this.saveInfoSmap.bind(this);\n }\n goSimulateur() {\n hashHistory.push('/simulateurSMAP');\n }\n saveInfoSmap(){\n this.props.saveInfoSmap();\n if (this.props.status !== true){\n this.goSimulateur();\n }\n }\n componentWillMount(){\n this.props.inputChange(\"+33\", 'smap.indicatif');\n this.props.inputChange(\"FR\", 'smap.paysderesidence');\n }\n\n render() {\n return (\n \n choix du montant du crédit\n \n
\n \n
\n
\n
\n
\n
\n \n
\n Veuillez sélectionner ci-dessous le montant souhaité en fonction de votre capacité d'emprunt.
\n Le simulateur ci-dessous vous permet de sélectionner le montant maximal\n qu'il est possible d'emprunter au vu des éléments renseignés .\n
\n
\n
\n
\n \n Détail\n \n \n faire une demande de prêt\n \n
\n
\n
\n \n
\n
\n \n Le résultat de cette simulation est non contractuel\n et revét un caractère strictement informatif\n
\n\n
\n );\n }\n}\nFormSMAP.propTypes = {\n goNext: React.PropTypes.func,\n};\n","import { connect } from 'react-redux/dist/react-redux';\nimport { displayErrors, goNextState } from '../action_creators';\nimport FormSMAP from '../components/FormSMAP';\nimport { saveInfoSmap, inputChange } from '../action_creators';\nimport { formatDatedd } from '../utile/utile';\nconst mapStateToProps = (state) => ({\n progressLevel: state.demandeCredit.getIn(['progressLevel', 'value']) === 'done',\n clientDetailsStatus: state.demandeCredit.get('clientDetailsStatus'),\n isChaabiClient: state.demandeCredit.getIn(['isChaabiClient', 'value']),\n status : state.smap.getIn(['errorSave', 'value']),\n infoSmap : {\n clientbcp : state.smap.getIn(['clientbcp', 'value']),\n nom : state.smap.getIn(['nom', 'value']),\n prenom : state.smap.getIn(['prenom', 'value']),\n adresse : state.smap.getIn(['adresse', 'value']),\n telephone : state.smap.getIn(['telephone', 'value']),\n villeresidence : state.smap.getIn(['ville', 'value']),\n indicatif : state.smap.getIn(['indicatif', 'value']),\n typebien : state.smap.getIn(['typebien', 'value']),\n paysderesidence : state.smap.getIn(['paysderesidence', 'value']),\n email : state.smap.getIn(['mail', 'value']),\n numpieceidentite: state.smap.getIn(['numpieceidentite', 'value']),\n radical: state.smap.getIn(['radical', 'value']),\n dateCreation: formatDatedd(Date())\n }\n});\n\n\nfunction mapDispatchToProps(dispatch) {\n return {\n displayErrors: (a) => dispatch(displayErrors(a)),\n goNext: () => dispatch(goNextState()),\n saveInfoSmap: (infoSmap) => dispatch(saveInfoSmap(infoSmap)),\n inputChange: (...y) => dispatch(inputChange(...y)),\n };\n}\nfunction mergeProps(stateProps, dispatchProps, ownProps) {\n const infoSmap = stateProps.infoSmap;\n return Object.assign({}, ownProps, stateProps, dispatchProps, {\n saveInfoSmap: () => dispatchProps.saveInfoSmap(infoSmap),\n });\n}\nexport default connect(mapStateToProps, mapDispatchToProps,mergeProps)(FormSMAP);\n","/* eslint-disable */\nimport React, { Component } from 'react';\nimport footer_logo_bankpopulaire from '../../assets/images/footer_logo_bankpopulaire.jpg';\nimport i18n from '../../i18n';\nimport PdfConditionGeneral from '../../assets/docs/CONDITIONS_GENERALES_Immo.pdf';\nimport PdfMentionsLegal from '../../assets/docs/Mentionslegale.pdf';\nimport { hashHistory } from 'react-router';\nimport TagManager from 'react-gtm-module';\nimport { isLoged } from \"../../utile/utile\"\nclass Footer extends Component {\n\n handleClick = (e, selector) => {\n e.preventDefault();\n if (document.querySelector(selector)) {\n document.querySelector(selector) && document.querySelector(selector).scrollIntoView({\n behavior: \"smooth\",\n });\n } else {\n this.props.scrolllToSection(this.props.isHome ? \"home\" : \"other\", selector);\n hashHistory.push('/')\n }\n }\n render() {\n return (\n \n );\n }\n}\n\nexport default Footer;\n","import { connect } from 'react-redux';\nimport { scrolllToSection } from '../../action_creators';\n\nimport Footer from '../../components/Inputs/Footer';\nfunction mapStateToProps(state) {\n return {\n langues: state.demandeCredit.getIn(['langues', 'value']),\n };\n}\nfunction mapDispatchToProps(dispatch) {\n return {\n scrolllToSection: (source, id) => dispatch(scrolllToSection(source, id))\n };\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(Footer);\n","import React, { Component } from 'react';\nimport Footer from '../containers/Inputs/Footer';\nimport Header from '../containers/Header';\n\nclass GlobalLayout extends Component {\n \n scrollToSection = (e, selector) => {\n e.preventDefault();\n document.querySelector(selector) && document.querySelector(selector).scrollIntoView({\n behavior: \"smooth\",\n }) ;\n };\n render() {\n return (\n \n
\n \n
\n \n \n
\n \n Êtes-vous déjà client ?\n
\n \n \n
\n \n \n Nom\n \n
\n \n \n Prénom\n \n
\n \n
\n \n \n Adresse email\n \n
\n \n
\n \n
\n \n \n N° Tel mobile ( exepmle : +212 6********)\n \n
\n \n
\n \n
\n \n \n Pays de résidence\n \n
\n \n \n Ville de résidence\n \n
\n \n
\n \n \n Objet du credit\n \n
\n \n \n Adresse (Facultatif)\n \n
\n \n
\n \n \n N° pièce d'identité (Facultatif)\n \n
\n \n \n Radical (Facultatif)\n \n
\n \n
\n \n\n
\n \n
\n { this.props.status &&\n \n Sauvegarde des informations impossible\n
\n }\n\n \n\n
\n \n
\n );\n }\n}\nGlobalLayout.propTypes = {\n children: React.PropTypes.node.isRequired,\n};\nexport default GlobalLayout;\n","/* eslint-disable */\nimport React, { Component } from 'react';\nimport { connect } from 'react-redux/dist/react-redux';\nimport logo_bankpopulaire from '../assets/images/logo_bankpopulaire.jpg';\nimport smapimmo from '../assets/images/smapimmo.png';\nimport chaabi_bank from '../assets/images/chaabi_bank.png';\nimport footer_logo_bankpopulaire from '../assets/images/footer_logo_bankpopulaire.jpg';\n\nclass LayoutSMAP extends Component {\n\n componentDidMount() {\n // window.addEventListener('scroll', this.handleScroll.bind(this));\n }\n componentWillMount() {\n\n }\n\n handleScroll() {\n\n }\n render() {\n return (\n \n {this.props.children}\n
\n \n \n \n \n \n \n \n {this.props.children}\n \n
\n );\n }\n}\nLayoutSMAP.propTypes = {\n children: React.PropTypes.node.isRequired,\n dispatch: React.PropTypes.func,\n};\nexport default connect()(LayoutSMAP);\n","import React, { Component } from 'react';\n// \n
\n \n
La Banque Populaire vous accompagne pour le financement de votre bien au maroc
\nBienvenue dans votre espace credit immobilier
\n \n\n {this.props.isAcceuil ?\n
\n );\n }\n}\n\nSlideElements.propTypes = {\n isAcceuil: React.PropTypes.bool,\n src: React.PropTypes.string,\n src1: React.PropTypes.string,\n title: React.PropTypes.string,\n subTitle: React.PropTypes.string,\n desc: React.PropTypes.string,\n lien: React.PropTypes.string,\n produitTitre: React.PropTypes.string,\n produitSsTitre: React.PropTypes.string,\n hiddenDesc: React.PropTypes.string,\n};\nexport default SlideElements;\n","/* eslint-disable */\nimport React, { Component } from \"react\";\nimport i18n from '../../i18n';\nimport TagManager from 'react-gtm-module';\nimport { isLoged } from \"../../utile/utile\"\nconst ITEMS = {\n 0: i18n.t(\"titleAv27.label\"),\n 1: i18n.t(\"titleAv29.label\"),\n 2: i18n.t(\"titleAv27.label\"),\n 3: \"Est-ce que la réponse à ma demande est définitive ?\",\n 4: \"Quelle est la durée de validité de la proposition de financement ?\",\n 5: \"Où est-ce que je dois déposer mon dossier ?\",\n 6: \"Est-ce que je peux modifier ma demande après l’envoi ?\",\n 7: \"Votre question ne figure pas dans la FAQ ? Que faire ?\",\n 8: \"Puis-je obtenir un crédit immobilier sans apport personnel ?\",\n 9: \"Est-ce que j’ai le droit de changer d’avis ?\",\n 10: \"Est-ce que je peux faire ma demande si j\\’ai déjà un crédit immobilier ?\",\n 11: \" Est-ce que je peux faire ma demande si je n’ai jamais eu de crédit immobilier ?\",\n 12: \"Quelles sont les durées possibles pour le remboursement du prêt ?\",\n 13: \"Quels sont les taux appliqués ?\",\n 14: \"Quel est le montant maximal que je peux demander ?\",\n 15: \"Est-il nécessaire d’assurer mon crédit ?\"\n}\nclass Faq extends Component {\n constructor(props) {\n super(props);\n var FAQ = [];\n for(var i = 0 ; i<16 ; i++){\n FAQ.push({ display: \"none\" });\n }\n this.state = {\n FAQ\n ,\n showMore : {}\n }\n this.onClickFAQ = this.onClickFAQ.bind(this);\n\n this.onCLickPuls = this.onCLickPuls.bind(this);\n }\n onCLickPuls(){\n if(this.state.showMore.display === \"list-item\")\n this.setState({showMore : {}})\n else\n this.setState({showMore : {display: \"list-item\"}})\n TagManager.dataLayer({\n dataLayer: isLoged(this.props.userId, {\n event:\"FAQ_afficher-plus\",\n langue: this.props.langues,\n userStatus: this.props.userStatus,\n BU: \"particulier\"\n })\n })\n }\n\n onClickFAQ(id, event, selector) {\n\n const { FAQ } = this.state;\n if(FAQ[id].display === \"none\"){\n FAQ.map(item => item.display = \"none\" );\n FAQ[id].display = \"block\";\n\n }\n else\n FAQ[id].display = \"none\";\n\n // update state\n this.setState({\n FAQ,\n });\n this.props.scrollToSection(event, selector)\n TagManager.dataLayer({\n dataLayer: isLoged(this.props.userId, {\n event:\"FAQ\",\n item: ITEMS[id],\n langue: this.props.langues,\n userStatus: this.props.userStatus,\n BU: \"particulier\"\n })\n })\n\n }\n\n render() {\n\n return (\n \n
:\n \n 
\n
\n \n
\n \n
\n\n \n {this.props.title}\n
\n\n {`${this.props.subTitle}`}\n
\n\n\n\n
\n \n \n
\n }\n \n
\n \n
\n \n
{this.props.produitTitre}
\n {this.props.produitSsTitre}\n \n\n
{this.props.produitTitre}
\n {this.props.hiddenDesc}\n \n\n
\n
\n
\n \n {i18n.t(\"titleAv25.label\")}\n
\n\n
\n {i18n.t(\"titleAv26.label\")}\n
\n- \n
- \n this.onClickFAQ(0,e,\"#section\") }>\n {i18n.t(\"titleAv27.label\")}{\" \"}\n \n \n\n
\n {i18n.t(\"titleAv28.label\")}\n
\n \n - \n this.onClickFAQ(1,e,\"#section\") }>\n {i18n.t(\"titleAv29.label\")}{\" \"}\n \n \n\n
\n {i18n.t(\"titleAv30.label\")}\n
\n \n - \n this.onClickFAQ(2,e,\"#section\") }>\n {i18n.t(\"titleAv51.label\")}\n \n \n\n
\n {i18n.t(\"titleAv33.label\")}\n
\n \n - \n this.onClickFAQ(3,e,\"#section\") }>\n Est-ce que la réponse à ma demande est définitive ?\n \n \n\n
\n La réponse donnée par la banque est basée sur les informations\n saisies lors de votre demande. Elle n’est valable que si vous\n nous fournissez les documents prouvant la véracité de l’ensemble\n des informations saisies ainsi que les documents de garanties\n listés dans la proposition de financement.\n
\n \n - \n this.onClickFAQ(4,e,\"#section\") }>\n Quelle est la durée de validité de la proposition de financement ?\n \n \n\n
\n La proposition de financement a une durée de validité de 3 mois\n à condition que votre situation n’ait pas changé.\n
\n \n - \n this.onClickFAQ(5,e,\"#section\") }>\n Où est-ce que je dois déposer mon dossier ?\n \n \n\n
\n Si vous n’êtes pas encore client, vous pouvez choisir l’agence\n qui vous convient le plus lors de l’étape de sélection de\n l’agence.\n
\n\n Si vous êtes déjà client, votre demande doit être déposée auprès\n de votre agence.\n
\n \n - \n this.onClickFAQ(6,e,\"#section\") }>\n Est-ce que je peux modifier ma demande après l’envoi ?\n \n \n\n
\n Une fois validée, votre demande n’est plus modifiable. Toute\n modification doit faire l’objet d’une nouvelle demande.\n
\n \n - \n this.onClickFAQ(7,e,\"#section\") }>\n Votre question ne figure pas dans la FAQ ? Que faire ?\n \n \n\n
\n Vous pouvez poser votre question directement à notre centre de\n relation client (CRC) joignable au 2121 ou directement à\n un chargé de clientèle dans l’une de nos agences.\n
\n \n - \n this.onClickFAQ(8,e,\"#section\") }>\n Puis-je obtenir un crédit immobilier sans apport personnel ?\n \n \n\n
\n Il est possible de financer votre bien immobilier sans apport,\n et d’obtenir un financement pouvant atteindre 100% voire 110% du\n prix de votre bien\n
\n \n - \n this.onClickFAQ(9,e,\"#section\") }>\n Est-ce que j’ai le droit de changer d’avis ?\n \n \n\n
\n La proposition de financement de la banque ne vous engage pas à\n souscrire au crédit.\n
\n\n Après présentation des pièces justificatives et la signature de\n l’offre préalable de crédit qui est établie en application des\n conditions prévues par la loi n°31-08 édictant des mesures de\n protection du consommateur, vous bénéficiez d’un délai de\n rétractation de 10 jours francs.\n
\n \n - \n this.onClickFAQ(10,e,\"#section\") }>\n Est-ce que je peux faire ma demande si j’ai déjà un crédit\n immobilier ?\n \n \n\n
\n Vous pouvez demander un autre crédit immobilier tant que votre\n capacité d’endettement ne dépasse pas le seuil de 45% de vos\n revenus.\n
\n \n - \n this.onClickFAQ(11,e,\"#section\") }>\n Est-ce que je peux faire ma demande si je n’ai jamais eu de crédit\n immobilier ?\n \n \n\n
\n Il est possible de faire votre demande de crédit immobilier via\n notre site même si vous n’avez jamais eu de crédit immobilier.\n
\n \n - \n this.onClickFAQ(12,e,\"#section\") }>\n Quelles sont les durées possibles pour le remboursement du prêt ?\n \n \n\n
\n Vous pouvez rembourser votre crédit immobilier sur une durée\n allant de 7 à 25 ans. Sans pour autant dépasser l’âge de 70 ans\n au remboursement de la dernière échéance.\n
\n \n - \n this.onClickFAQ(13,e,\"#section\") }>Quels sont les taux appliqués ?\n \n\n
\n Nos taux sont parmi les meilleurs du marché. La Banque Populaire\n dispose de nombreuses conventions avec des organismes étatiques\n et privés, et propose également des taux préférentiels en\n fonction de packs et des produits choisis.\n
\n \n - \n this.onClickFAQ(14,e,\"#section\") }>\n Quel est le montant maximal que je peux demander ?\n \n \n\n
\n Vous pouvez financer jusqu'à 100% du cout d’acquisition y\n compris les frais annexes.\n
\n \n - \n this.onClickFAQ(15,e,\"#section\") }>\n Est-il nécessaire d’assurer mon crédit ?\n \n \n\n
\n Les assurances Décès toute cause (DTC ) et Incendie Explosion\n (IE) sur le bien à acquérir sont obligatoires.\n
\n \n
\n
\n
\n
\n );\n }\n}\n\nexport default Crc;\n","import React, { Component } from 'react';\nimport icone1 from '../../assets/images/etoile.png'\nimport i18n from '../../i18n';\n\nclass Parcours extends Component {\n render() {\n return (\n \n {i18n.t(\"titleAv39.label\")}\n
\n\n
\n {i18n.t(\"titleAv40.label\")}\n
\n\n {i18n.t(\"titleAv41.label\")}\n {i18n.t(\"titleAv42.label\")}
\n {i18n.t(\"titleAv43.label\")}\n
\n \n \n 2121\n \n
\n \n ({i18n.t(\"titleAv44.label\")})\n \n
\n
\n );\n }\n}\n\nexport default Parcours;\n","import { connect } from 'react-redux';\n\nimport Parcours from '../../components/Accueil/Parcours';\nfunction mapStateToProps(state) {\n return {\n langues: state.demandeCredit.getIn(['langues', 'value']),\n };\n}\n\nexport default connect(mapStateToProps)(Parcours);\n","/* eslint-disable */\nimport React, { Component } from 'react';\nimport i18n from '../../i18n';\nclass Produits extends Component {\n render() {\n return (\n \n
\n \n
\n
\n \n
\n {i18n.t(\"titleAv10.label\")}
\n\n
{i18n.t(\"titleAv11.label\")}\n
\n {i18n.t(\"titleAv12.label\")}\n
\n \n \n
\n\n \n
\n \n
\n \n
\n \n 
\n
\n \n
\n \n {i18n.t(\"titleAv13.label\")}\n
\n\n {i18n.t(\"titleAv14.label\")}\n
\n\n
\n \n
\n \n \n
\n \n
\n \n {i18n.t(\"titleAv15.label\")}\n
\n\n {i18n.t(\"titleAv16.label\")} \n
\n\n
\n \n
\n \n \n
\n \n
\n \n {i18n.t(\"titleAv17.label\")} \n
\n\n {i18n.t(\"titleAv18.label\")} \n
\n\n
\n \n
\n \n \n
\n \n
\n \n {i18n.t(\"titleAv19.label\")} \n
\n\n {i18n.t(\"titleAv20.label\")} \n
\n\n \n \n
\n \n
\n );\n }\n}\n\nexport default Produits;\n","import React, { Component } from 'react';\nimport crown1 from '../assets/images/crown1.png';\nimport crown2 from '../assets/images/crown2.png';\nimport crown3 from '../assets/images/crown3.png';\nimport crown4 from '../assets/images/crown4.png';\nimport i18n from '../i18n';\n\nclass Avantages extends Component {\n render() {\n return (\n \n
\n
\n {i18n.t(\"titleAv21.label\")}
\n\n
\n {i18n.t(\"titleAv22.label\")}\n
\n {i18n.t(\"titleAv23.label\")}\n
\n
\n );\n }\n}\n\nexport default Avantages;\n","import { connect } from 'react-redux';\n\nimport Avantages from '../../components/Avantages';\nfunction mapStateToProps(state) {\n return {\n langues: state.demandeCredit.getIn(['langues', 'value']),\n };\n}\n\nexport default connect(mapStateToProps)(Avantages);\n","/* eslint-disable */\nimport React, { Component } from 'react';\n\n\n\nexport default class AccordionSum extends Component {\n constructor() {\n super();\n this.state = { isOpen: true };\n }\n\n\n\n\n\n\n\n\n render() {\n return (\n \n
\n \n
\n
\n \n
\n {i18n.t(\"titleAv.label\")}
\n\n
{i18n.t(\"avantage.label\")}\n
\n- \n
- \n \n
\n \n
\n \n {i18n.t(\"titleAv2.label\")}\n \n \n {i18n.t(\"titleAv3.label\")}\n \n \n - \n \n
\n \n
\n \n {i18n.t(\"titleAv4.label\")} \n \n \n {i18n.t(\"titleAv5.label\")} \n \n \n - \n \n
\n \n
\n \n {i18n.t(\"titleAv6.label\")}\n \n \n {i18n.t(\"titleAv7.label\")}\n \n \n - \n \n
\n \n
\n \n {i18n.t(\"titleAv8.label\")}\n \n \n {i18n.t(\"titleAv9.label\")}\n \n \n
\n {this.props.children}\n
\n \n
\n\n \n \n \n
\n {this.props.toggled ? (\n \n
\n \n
\n \n
\n - \n
\n {\n TagManager.dataLayer({\n dataLayer: isLoged(this.props.userId, {\n event:\"simulateur_pret\",\n item: \"detail\",\n sp_montant:this.props.montantCredit,\n sp_duree: this.props.nbAnnee,\n sp_differe: this.props.dureeDiff,\n sp_taux: this.props.taux,\n sp_echeanche: this.props.echeance,\n langue: this.props.langues,\n userStatus: this.props.userStatus,\n BU: \"particulier\"\n })\n })\n }}\n >\n {i18n.t(\"titleAv24.label\")}\n \n {\n this.shoHidePop(\"demandeCredit.isChaabiClient\");\n this.props.inputChange(\"simulateur\", \"demandeCredit.origin\")\n TagManager.dataLayer({\n dataLayer: isLoged(this.props.userId, {\n event:\"simulateur_pret\",\n item: \"demande_de_pret\",\n sp_montant:this.props.montantCredit,\n sp_duree: this.props.nbAnnee,\n sp_differe: this.props.dureeDiff,\n sp_taux: this.props.taux,\n sp_echeanche: this.props.echeance,\n langue: this.props.langues,\n userStatus: this.props.userStatus,\n BU: \"particulier\"\n })\n })\n }}\n >\n \n {i18n.t(\"simulateur11.label\")}\n \n \n
\n \n \n \n \n {i18n.t(\"simulateur16.label\")}\n \n
\n \n \n {i18n.t(\"simulateur15.label\")}\n \n \n
\n \n \n \n \n {i18n.t(\"simulateur16.label\")}\n \n
\n
\n - \n
- \n \n {this.props.annee}\n \n {i18n.t(\"chart4.label\")}\n \n \n \n
- \n \n {format(this.props.mensualite)}\n \n {i18n.t(\"simulateur7.label\")}\n \n \n \n
- \n \n \n
\n
\n \n {i18n.t(\"recap32.label\")} \n
\n
\n \n
\n {i18n.t(\"recap33.label\")}\n
\n\n \n
\n
\n | \n \n \n \n {format(this.props.montantCredit)}\n \n {i18n.t(\"simulateur7.label\")}\n \n \n \n | \n \n \n \n \n {format(this.props.taux)}\n \n %\n \n \n \n | \n \n \n \n \n {format(this.props.Result.get('id'))}\n \n {i18n.t(\"simulateur8.label\")}\n \n \n \n | \n
| \n \n \n \n {format(this.props.dureeDiff)}\n \n {i18n.t(\"simulateur9.label\")}\n \n \n \n | \n \n \n \n \n {format(this.props.Result.get('dtc'))}\n \n {i18n.t(\"simulateur7.label\")}\n \n \n \n | \n \n \n \n \n {format(this.props.Result.get('ie'))}\n \n {i18n.t(\"simulateur7.label\")}\n \n \n \n | \n
| \n \n \n \n {format(coutInterets.toFixed(2))}\n \n {i18n.t(\"recap41.label\")}\n \n \n \n \n \n \n \n \n {format((this.props.Result.get('dtc') + this.props.Result.get('ie')).toFixed(2))}\n \n {i18n.t(\"recap42.label\")}\n \n \n \n \n \n \n \n \n {format(this.props.Result.get('dossier')>1000?'1000':this.props.Result.get('dossier'))}\n \n {i18n.t(\"recap43.label\")}\n \n \n \n | \n \n \n \n \n {format(this.props.Result.get('montant'))}\n\n \n {i18n.t(\"recap41.label\")}\n \n \n \n | \n
\n \n {i18n.t(\"recap44.label\")}\n
${this.series.name}:${this.y}
\n Total: ${this.point.stackTotal}`;\n },\n },\n plotOptions: {\n column: {\n stacking: 'normal',\n },\n },\n series:\n [{\n name: i18n.t(\"chart2.label\"),\n data: (this.props.Result[1] || new List()).toArray(),\n pointWidth: 15,\n }, {\n name: i18n.t(\"chart1.label\"),\n data: (this.props.Result[0] || new List()).toArray(),\n pointWidth: 15,\n }],\n };\n return (\n
\n
\n );\n }\n}\nexport default Chart;\nChart.propTypes = {\n Result: PropTypes.object,\n};\nChart.defaultProps = {\n Result: new List(),\n};\n","import { connect } from 'react-redux';\nimport Chart from '../../components/Inputs/Chart';\n\nexport default connect()(Chart);\n","import React, { Component } from 'react';\nimport Slider from 'react-slick-fix/lib/slider';\nimport Proposition from '../containers/Proposition';\nimport DetailSimulation from '../containers/DetailSimulation';\nimport { List } from 'immutable/dist/immutable';\nimport Crc from './Accueil/Crc';\nimport Produits from './Inputs/Produits';\nimport Chart from '../containers/Inputs/Chart';\nimport HeaderAuth from '../containers/HeaderAuth';\nimport i18n from '../i18n';\nexport default class DetailResultat extends Component {\n constructor(props) {\n super(props);\n this.print = this.print.bind(this);\n this.click1 = this.click1.bind(this);\n this.click2 = this.click2.bind(this);\n }\n componentWillMount() {\n window.scrollTo(0, 0);\n this.props.getAllResult(this.props.taux, this.props.nbAnnee,\n 1, this.props.dureeDiff,\n this.props.montantCredit);\n }\n\n click1(s) {\n const { montantCredit, nbAnnee, dureeDiff } = this.props;\n this.props.inputChange(montantCredit, 'simulateur.montantCredit');\n this.props.inputChange(nbAnnee, 'simulateur.nbAnnee');\n this.props.inputChange(dureeDiff, 'simulateur.dureeDiff');\n this.props.show(s);\n }\n click2() {\n const result = this.props.allResult.filter(f => f.get('id')\n === this.props.nbAnnee).get(0);\n const mailRequest = { montant: this.props.montantCredit,\n duree: this.props.nbAnnee,\n taux: this.props.taux,\n differe: this.props.dureeDiff,\n echence: result.get('montant'),\n fraisDtc: result.get('dtc'),\n fraisDossier: result.get('dossier'),\n mail: 'aeljabiri@pca.ma' };\n this.props.sendMail(mailRequest);\n }\n print() {\n window.print();\n }\n render() {\n const details = this.props.allResult\n .filter(f => f.get('id') === parseInt(this.props.nbAnnee) ).get(0);\n const Capital = (((this.props.allResult\n .filter(f => f.get('id') === parseInt(this.props.nbAnnee)).get(0) || new List())\n .get('tableauAmortissement') || new List()).toArray() || []);\n // const Interet = this.props.allResult\n // .filter(f => f.get('id') === this.props.nbAnnee).get(0).get('tableauAmortissement').\n // get(1);\n const items = this.props.allResult.sort((a, b) => a.get('id') - b.get('id'))\n .filter(f => f.get('id') !== this.props.nbAnnee)\n .map(item => (\n {i18n.t(\"recap47.label\")}
\n\n
\n \n
\n ));\n\n const settings = {\n infinite: false,\n arrows: true,\n slidesToShow: 2.5,\n autoplay: false,\n adaptiveHeight: true,\n // variableWidth: true,\n slidesToScroll: 1,\n respondTo: 'window',\n mobileFirst: true,\n responsive: [\n {\n breakpoint: 10,\n settings: {\n slidesToShow: 1,\n },\n },\n ],\n };\n return (\n \n
\n );\n }\n }\nDetailResultat.propTypes = {\n taux: React.PropTypes.number,\n storeKey: React.PropTypes.string.isRequired,\n montantCredit: React.PropTypes.number,\n dureeDiff: React.PropTypes.number,\n nbAnnee: React.PropTypes.number,\n allResult: React.PropTypes.instanceOf(List).isRequired,\n getAllResult: React.PropTypes.func,\n inputChange: React.PropTypes.func,\n sendMail: React.PropTypes.func,\n show: React.PropTypes.func,\n isChaabiClient: React.PropTypes.bool,\n};\nDetailResultat.defaultProps = {\n allResult: new List(),\n};\n","import { connect } from 'react-redux/dist/react-redux';\nimport DetailResultat from '../components/DetailResultat';\nimport { getAllResult, inputChange, sendMail, showHide } from '../action_creators';\n\nfunction mapStateToProps(state) {\n return {\n allResult: state.simulateur.get('allResult'),\n montantCredit: state.simulateur.getIn(['montantCredit', 'value']),\n nbAnnee: state.simulateur.getIn(['nbAnnee', 'value']),\n taux: state.simulateur.getIn(['taux', 'value']),\n storeKey: 'simulateur.nbAnnee',\n dureeDiff: state.simulateur.getIn(['dureeDiff', 'value']),\n showHideElm: state.demandeCredit.getIn(['isChaabiClient', 'value']),\n langues: state.demandeCredit.getIn(['langues', 'value']), \n };\n}\nfunction mapDispatchToProps(dispatch) {\n return {\n getAllResult: (...s) => dispatch(getAllResult(...s)),\n sendMail: (...s) => dispatch(sendMail(...s)),\n inputChange: (s, h) => dispatch(inputChange(s, h)),\n show: (s) => dispatch(showHide(s)),\n };\n}\nexport default connect(mapStateToProps, mapDispatchToProps)(DetailResultat);\n","import { connect } from 'react-redux/dist/react-redux';\nimport DetailResultatCapaciteEmprunt from '../components/DetailResultat';\nimport { getAllResult, inputChange, sendMail } from '../action_creators';\nconst mapStateToProps = (state) => ({\n allResult: state.simulateur.get('allResult'),\n montantCredit: state.simulateur.getIn(['capaciteEmpruntfinal', 'value']),\n nbAnnee: state.simulateur.getIn(['duree', 'value']),\n taux: state.simulateur.getIn(['tauxHt', 'value']),\n storeKey: 'simulateur.duree',\n dureeDiff: 0,\n langues: state.demandeCredit.getIn(['langues', 'value']), \n});\nfunction mapDispatchToProps(dispatch) {\n return {\n getAllResult: (...s) => dispatch(getAllResult(...s)),\n sendMail: (...s) => dispatch(sendMail(...s)),\n inputChange: (s, h) => dispatch(inputChange(s, h)),\n };\n}\nexport default connect(mapStateToProps, mapDispatchToProps)(DetailResultatCapaciteEmprunt);\n","import React, { Component } from 'react';\nimport Crc from './Accueil/Crc';\nimport Produits from './Inputs/Produits';\nimport crownproduit1 from '../assets/images/crownproduit1.png';\nimport crownproduit2 from '../assets/images/crownproduit2.png';\nimport crownproduit3 from '../assets/images/crownproduit3.png';\n\nexport default class DetailProduit extends Component {\n componentWillMount() {\n window.scrollTo(0, 0);\n }\n render() {\n return (\n \n
\n \n
\n {i18n.t(\"recap46.label\")}
\n\n {items.size > 0 ?\n \n {items}\n :\n
\n Une erreur est survenue
\n }\n \n { //enlevement des icône de la page detail simulation\n /*
\n \n \n \n \n
\n */ }\n \n { this.click1('demandeCredit.isChaabiClient'); }}\n >\n {i18n.t(\"simulateur11.label\")}\n \n
\n \n
\n \n
\n {this.props.isChaabiClient ?\n null :\n \n
\n );\n }\n }\nDetailProduit.propTypes = {\n\n};\nDetailProduit.defaultProps = {\n};\n","import React, { Component } from 'react';\nimport { hashHistory } from 'react-router/lib';\nimport { cleanStore } from '../action_creators';\nimport { felicitation_icone1 } from '../assets/images/felicitation_icone1.png';\nimport { felicitation_icone2 } from '../assets/images/felicitation_icone2.png';\n\nclass Felicitation extends Component {\n componentWillMount() {\n window.scrollTo(0, 0);\n this.props.dispatch(cleanStore());\n this.shoHidePop = this.shoHidePop.bind(this);\n }\n shoHidePop(s) {\n this.props.show(s);\n }\n render() {\n return (\n \n
\n \n
\n \n SAKANE mabrouk\n
\n\n garanti par damane assakane (fogaloge)\n
\n\n
\n \n
\n \n
\n
\n \n
\n Pourquoi choisir sakane mabrouk ?
\n\n
Lorem Ipsum is simply dummy text of the\n printing and typesetting Lorem Ipsum is simply dummy text of the\n printing and typesetting Lorem Ipsum is simply dummy text of the\n printing and typesetting Lorem Ipsum is simply dummy text of the\n printing and typesetting Lorem Ipsum is simply dummy text of the\n printing and typesetting Lorem Ipsum is\n printing and typesetting\n
\nLorem Ipsum is simply dummy text of the\n printing and typesetting Lorem Ipsum is simply dummy text of the\n printing and typesetting Lorem Ipsum is simply dummy text of the\n printing and typesetting Lorem Ipsum is simply dummy text of the\n printing and typesetting Lorem Ipsum is simply dummy text of the\n printing and typesetting\n
\n\n
\n \n
\n \n
\n
\n \n
\n Avantages
\n\n
Lorem ipsum dolor sit amet, consectetur\n
\n- \n
- \n \n
\n \n
\n \n Lorem Ipsum dolor\n \n \n Lorem Ipsum dolor sit amet Lorem Ipsum dolor Lorem Ipsum dolor Lorem\n Ipsum dolor Lorem Ipsum dolor Lorem Ipsumaai dolor Lorem Ipsum dolor\n \n \n - \n \n
\n \n
\n \n Lorem Ipsum dolor\n \n \n Lorem Ipsum dolor sit amet Lorem Ipsum dolor Lorem Ipsum dolor Lorem\n Ipsum dolor Lorem Ipsum dolor Lorem Ipsumaai dolor Lorem Ipsum dolor\n \n \n - \n \n
\n \n
\n \n Lorem Ipsum dolor\n \n \n Lorem Ipsum dolor sit amet Lorem Ipsum dolor Lorem Ipsum dolor Lorem\n Ipsum dolor Lorem Ipsum dolor Lorem Ipsumaai dolor Lorem Ipsum dolor\n \n \n
\n
\n \n
\n \n
\n
\n \n
\n voulez vous qu'on en parle ?
\n\n
être appeler par un conseiller\n
\nLorem Ipsum is simply dummy text of the\n printing and typesetting Lorem Ipsum is simply dummy text of the\n printing and typesetting Lorem Ipsum is simply dummy text of the\n printing and typesetting\n
\n\n \n \n choisir un horaire\n \n \n
\n \n
\n \n
\n
\n nous vous proposons aussi ...
\n\n
\n Notre sélection de produits\n
\n\n
\n \n
\n \n
\n \n
\n\n
\n {/* */}\n \n
\n \n
\n \n
\n Félicitation !
\nVotre demande a bien été prise en compte
\nVous serez informés de l’avancement du traitement\n de votre dossier sur votre espace personnel ainsi que par email.\n
\n\n \n \n
\n - \n
- \n \n\n\n \n\n
\n \n
\n Retour vers l'accueil\n
\n\n Vous souhaitez refaire une simulation ou avoir des informations\n sur les prochaines étapes ?\n
\n\n
\n \n - \n \n\n\n \n\n
\n \n
\n Avancement de ma demande\n
\n\n Vous souhaitez consulter l’avancement de votre demande?\n
\n\n\n \n\n
\n L’étape du traitement de la demande consiste en l’étude des données\n que vous avez renseigné au niveau de formulaire de la demande.\n
\n\n
\n \n );\n }\n renderSecond() {\n return (\n \n
\n \n Votre demande N° bcp \n {this.props.maDemande.get('init_demande') ? this.props.maDemande.get('init_demande')\n .concat('_', this.props.maDemande.get('clone_number')) : this.props.maDemande.get('referenceId')}
\n Est en cours de traitement\n
\n \n Reçue le : {this.props.maDemande.get('date_creation')}\n \n
\n\n
\n \n \n 
\n \n
\n \n Montant du crédit
\n \n {this.props.maDemande.get('montant_pret')}\n Dhs\n \n
\n \n \n {this.props.maDemande.get('montant_pret')}\n Dhs\n \n
\n
\n \n \n 
\n \n
\n \n durée du crédit
\n \n { this.state.dureCreditAnsSouhaite}\n Ans \n {this.state.dureCreditMoisSouhaite > 0 && this.state.dureCreditMoisSouhaite}\n {this.state.dureCreditMoisSouhaite > 0 && Mois }\n \n
\n \n \n { this.state.dureCreditAnsSouhaite}\n Ans \n {this.state.dureCreditMoisSouhaite > 0 && this.state.dureCreditMoisSouhaite}\n {this.state.dureCreditMoisSouhaite > 0 && Mois }\n \n
\n
\n \n \n 
\n \n
\n \n différé
\n \n {this.props.maDemande.get('duree_differe')}\n Mois\n \n
\n \n \n {this.props.maDemande.get('duree_differe')}\n Mois\n \n
\n Vous avez refusé cette proposition de financement.\n
:\n\n Félicitations ! Vous avez reçu une proposition de financement.\n
\n Vous pouvez consulter ou imprimer la version détaillée en cliquant sur « Visualiser ».\n
\n En acceptant cette proposition de financement, vous entamerez la constitution de votre dossier\n
\n
\n {this.state.showVisualiser === true &&\n \n
\n \n \n \n \n
\n \n Montant du crédit
\n \n {this.props.maProposition.get('montant_accorde')}\n Dhs\n \n
\n \n \n {this.props.maProposition.get('montant_accorde')}\n Dhs\n \n
\n
\n \n \n \n \n
\n \n durée du crédit
\n \n {this.state.dureCreditAnsAccorde}\n Ans \n {this.state.dureCreditMoisAccorde > 0 && this.state.dureCreditMoisAccorde}\n {this.state.dureCreditMoisAccorde > 0 && Mois }\n\n \n
\n \n \n {this.state.dureCreditAnsAccorde}\n Ans \n {this.state.dureCreditMoisAccorde > 0 && this.state.dureCreditMoisAccorde}\n {this.state.dureCreditMoisAccorde > 0 && Mois }\n\n \n
\n
\n \n \n \n \n
\n \n différé
\n \n {this.props.maProposition.get('differe_accorde')}\n Mois\n \n
\n \n \n {this.props.maProposition.get('differe_accorde')}\n Mois\n \n
\n
\n \n \n 
\n \n
\n \n mensualité ttc
\n \n {this.props.maProposition.get('echeance')}\n Dhs\n \n
\n \n \n {this.props.maProposition.get('echeance')}\n Dhs\n \n
\n \n
\n\n \n
\n \n }\n {this.HideActionPropComm ===true ?\n null :\n \n
\n \n
\n \n
\n \n
\n \n \n ![\"\"](\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAABgCAMAAACAJ2RUAAAAkFBMVEUAAABbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZ06DwKAAAAL3RSTlMABvgNFfKnHDHpmINZSjpnKM23eiLgbshCCe0t27yxh1JOkIvUnl/k2MJyk2OidXezBxAAAARKSURBVFjD7djXcqNAEAXQOwxZIogkgnKygu3+/7/bJWhgAbFKjzovrlJ5mkndTYFhuol34Vsy8CZWSEQB3kFWKefjDb4VKhzxMvdEVyu8ho0kEnYMr7CP1PSN5/E9/SvV8KyxQW0LPCfwqMcYT2C/CvVRMjxMn1BhYskIzhLVZvzxRCypDLmsOUuPPZiI7VlE1LB8ZLdUMWwtfktJeCxH6zUluJpSk4O7iYFG57fHL4hJFUlsdSJm+2jKj8WQGOIAWqR75yaLIdNqaq5EHRHuMxcj5kVirwzqMcIdlvqBBEWNRifqZzL8j0NqYlC/2daxddtxRl4q8mPImohcn/r8ZKi5I4PoJGOInW/1ns+oY+p2Tv2LjkPFUisXGMR3bTe/kGHjlqQqPB5EvR5OoIgkCzeIFLdk475r4Ny8cN/1sbG4eU/nDAPP36BPY9v9OvLwS4YmEakJuuy0zj0by7q2YoCan7SMLr3eqS+53kHnv2VhFvRNetrYJ1FybQxwKZfa6ErqO7EFqyqbfkeNkVbdOesYizp4AbblRcGA4FZnYGEaQzuJZEzw+992tCbxcNbZTJ/hXE0uP6W1kt+6wdMUPI6GIpt2OrTrfxgxstngcWbUMJEh2NcuyxEfr4nE+IKUADfwKTWFdZX6ET3OYcyv1nrSEEk7+Uasefu9RlyRjVQn5xh8WYZL13B3x965WV/UVlcRbZPW619BrqKbnC2ViKFlVUxroAmy9UL8fDwwzSzChTHiMIxkCNpYbc+q++KbccjnndhPJ5F9o0iHhKtEU3N7Nk3Tq2povcUB5HXYaanL1OdANroeUrrV2CEfe7RFbrQd5fbBjqtgRMrGBiAfFtXYRQxbLS5JcOrdJB2lQGq9iy3L5Y1cAMy6lPuyy1c7o10GX6IOsycZJE0Ey4UbKwGgj+ZKuVrEe8NndrcJrnHltx6wbM7f+9WRB4zUsFgtW58DvqcWvRvswnrfndJFGVAbb3Y7h4MBq/ocWgVqUU0iQoXH0b518sp8tJYBcOsc53/d5lJFcxIvXqENJBw1d3X+e5uaux2qZ5uhxL1/TtNFgZVz8GRA52N0JPra2ewnR5Fi5qEcOaKGL6t4/lS0a/eQ/GBApltOZJr7yWTu5Ys+SNTg+b8LqYgbA5A95oxwt0CG1ZcOKocONrdYaOEhoscKyhjaRYbpIZISPCZrRfM0jHcBHCngqYpHuc1o0hnyQslgS0uMaIWHZUpdSl2sDCmGZqRcU5QEj7OobjtqXnnYlByYtMUznLLnZEU38PP7N2H60995tkTGAdjkxbhoojbmT38VYJ7P8c1WRCoAdlLzpcd4GjPpB/6cwb1A03Ai9YVYi6Loc7AdHZBXKA3P21RfYlhIRTQXL2DzvOvoWlFKvACvkYtiqcLNywbHi3QpzwFgmtfwl33nL4ZARCbeYF90N3nF8AY8JBtvY2/w8fHx8fFRoTd6a7A/+j5UHzpbr+EAAAAASUVORK5CYII=\")
\n \n
\n \n Montant du crédit
\n \n {this.props.maProposition.get('montant_accorde')}\n Dhs\n \n
\n \n \n {this.props.maProposition.get('montant_accorde')}\n Dhs\n \n
\n
\n \n \n ![\"\"](\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE4AAABYCAMAAABs+zGpAAABLFBMVEUAAABbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkb///9bQkbe2dpRNjr8+/tYP0OdjpBTOD2aio1VPEB7Z2qtoaN/a27Wz9D08vKFc3Z4Y2dUOj7c19j6+fm6sLKDcHN0X2JjTFBaQUXh3d1fR0unmpygkpSfkJKTgoVqVFfw7u++tLaypqiVhYdyXWDq5+jRysvGvb7DuruwpKZvWV1dREhOMzf39fbt6urm4uLZ09SQf4KHdXjo5OW1qqyrnqCklZiJd3poUVWklpmLenxsVlrJwcId6JVWAAAAJ3RSTlMA7YBB8/340I7IJ+TCWjARvQUBljbdzGRMRyMJ74l7sp0xGGktow9oBVMMAAAEgElEQVRYw+2XZ1fiQBSGKQoI6GLvuuuWeUlCBKkqXYqigICuve7//w87iREnQ2DMObvfeL7k3JQnN1NuZhwMO18DzsD2joNna9HpXJp22GR9ChpT69z5aejY9U3D8rlZL3S8s59Na9rlck07XIbO5VhxGWinvzih41x303h5R2TzT+kvZ3Tb6OP90M1tghJYEehCwNK0+5tjyzBsOfzud+jpX/3s1tyr85NYFOicWPqiHd2Gzm2+PBeCTmhOi5bhFOg2DMHcV2h8neOuL3j05BbeoqBHoJuY+GLksbwd2t6iNg73z1Bo3m8Em5Of0H0e11j3H3UbczZ0WyLdhmfT9XmCE8JZYQvnWDdEp0TVTFQxxSqNGSZBWQrOL68JdYpaSqeyua6kGLFE41Q6r0ZhQWDzx0hdJn9+KxMiFx9Kqhar+fvfhMZnx2mpAMrp7nEiTCjhxPHuqfafWh2ui3aKxCAci9L4UZPpXD0BsaN9YuKqkqbCmSE6pfSb9KnnlWhHNoKDZyo7JxacxzDpm7XUSWVC2b9p6NZHVYrocfWmHQOOyBAiwNKaha5Q0Fol2en10gfaeyW1TQ+X+Z4KxPfJUPbjeuHndcqT9m1NCQVFa8KWqsSur6/jWp9WqX84B1V4Vgd1+YdyuXwTpW14S29qq6BDTtVsu0TALjwLvA4FiUIfl14I5UGChqLbxD6nn9cZKNBHVizzNhLRIAawhOhU4Z211BWkO0JpKoU3d1z+jE6Ow2epk/Rvu3yNGnGRCHUaYUzOWOika0I5O80YcYT0CVvyMf6CgzopdaENvphkxDHCcH/MRvyZNFZ4nRRLEkqjB42MghPCkH7kda8N0ucEQU6n5uqEcpcpaH3STZuTI485ziZ3y+zbMGOuKHm9HN31pIw2gPMVbqaWu0mzLoEWEx3BZ6ootaJ+Tzyb0shnnrBvLkg4NOsqJda/jwCrU1uEJdUD/3G5mMyGyaeq+TL8jC7TJCzZ6MD0apvTi3SL3FRbZnUJc3YKfZjjpsTcc4gyMXGIebbtGnssnQISvK7eKZ28l6UIsjLfMyFGh4zEogBnhOe2hrg+Ef7kQMeomTMsGjprLsgA9TgqesvieqCmJuEcqSODXDTedffyQFmGx6buNodaU2/2ElJJgU74sfVT7BqSyyxSstXHbmAYfFfIWTx/5JLFkVVXLGIYCcIPrLhcDxskkzVcWQwUF4ZxyCVXQ/HiFAZZ0saNxTCe9S06rZjgJ1kTL2SPeZnc6V7yk2w4fr4EPKNFE+xTk8to8yVgBAGuQMVRT5iatokKV6BG4eO67rVG7sBwfokXrnyOYoYr7pU90oowtOTICVfcRzIF9vawJdyvZxQrpvRgCfdjFKQXEenY37aImUmEbSwqhPi0JY8QY8kjZtaLBhFjLMjE+DfsLBfFLHjsLGbFrHpQlW0stUW4nYiHRRsBG/i9wMOIbYp3zWGLdR8QPxFsouzwbUmwxbPLypSxAS1qpiK/AbXPjC8g2B7bZe37fNALijc4/33NMWbMmDH/FfxD/rnuLwM5Q8g/ZKVkAAAAAElFTkSuQmCC\")
\n \n
\n \n durée du crédit
\n \n {this.state.dureCreditAns}\n Ans \n {this.state.dureCreditMois > 0 && this.state.dureCreditMois}\n {this.state.dureCreditMois > 0 && Mois }\n \n
\n \n \n {this.state.dureCreditAns}\n Ans \n {this.state.dureCreditMois > 0 && this.state.dureCreditMois}\n {this.state.dureCreditMois > 0 && Mois }\n \n
\n
\n \n \n 
\n \n
\n \n taux\n (ht)\n
\n \n {this.props.maProposition.get('taux_accorde')}\n %\n \n
\n \n \n {this.props.maProposition.get('taux_accorde')}\n %\n \n
\n
\n \n \n ![\"\"](\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABUCAMAAAAiXkCJAAAAQlBMVEUAAABbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkZbQkbN5D2IAAAAFXRSTlMAgPD5qcIVbyvyCaCIENixk+nn05TCOeMUAAAA80lEQVRYw+3WO27DQAxFUQ0pMZmPPnby9r/VAFKUYuyoIJ4LA7yVwOI0IogZLrOU7MnEXwLS5WRvVCOD0EQGkRsZhGxkEFLJIPLqBj+7DhB5Kj5QHsKRfs0e8Ko7G9TZA+pDf575fspH14ijm1HXRpeZuoc6FeZi72vNBKVyj4Ns3PMljXtgWxpY4FmALwfrVLjgqMvMBYG7kUGokUFoIoPIjQxCNh9o0qf4FasLTPi3vJJBCBmUzQPa1LfgKDfuX9bEXRs17h7ebGCC+73hgfu7ggnmlXtgv+v5ZXo++bqJu1KeTKIoiqIoiqIoevNA7AXgD70aNDdliJZPAAAAAElFTkSuQmCC\")
\n \n
\n \n différé
\n \n {this.props.maProposition.get('differe_accorde')}\n Mois\n \n
\n \n \n {this.props.maProposition.get('differe_accorde')}\n Mois\n \n
\n
\n \n
\n \n \n 
\n \n
\n \n \n Assurance décès toutes causes\n \n
\n \n {this.props.maProposition.get('frais_assur_dtc')}\n \n Dhs\n \n \n
\n \n \n {this.props.maProposition.get('frais_assur_dtc')}\n \n Dhs\n \n \n
\n
\n \n \n 
\n \n
\n \n \n assurance incendie explosion\n \n
\n \n {this.props.maProposition.get('frais_assur_ie')}\n \n Dhs\n \n \n
\n \n \n {this.props.maProposition.get('frais_assur_ie')}\n \n Dhs\n \n \n
\n
\n \n
\n \n \n 
\n \n
\n \n
\n \n coût total du crédit\n
\n \n \n {this.props.maProposition.get('interets')}\n \n Dhs
(Interêts)\n \n \n \n {format(this.props.maProposition.get('frais_assur_dtc')\n + this.props.maProposition.get('frais_assur_ie'))\n }\n \n Dhs
(Assurances)\n \n \n \n {this.props.maProposition.get('frais_dossier')}\n \n Dhs
(Frais de dossier)\n \n \n
\n (Interêts)\n \n \n \n {format(this.props.maProposition.get('frais_assur_dtc')\n + this.props.maProposition.get('frais_assur_ie'))\n }\n \n Dhs
(Assurances)\n \n \n \n {this.props.maProposition.get('frais_dossier')}\n \n Dhs
(Frais de dossier)\n \n \n
\n
\n \n \n \n \n
\n \n \n mensualité ttc\n \n
\n \n {this.props.maProposition.get('echeance')}\n \n Dhs\n \n \n
\n \n \n {this.props.maProposition.get('echeance')}\n \n Dhs\n \n \n
\n \n refuser la proposition\n \n \n ACCEPTER LA PROPOSITION\n \n
}\n \n );\n }\n renderThird() {\n return (\n \n Vous avez accepté la proposition de financement suivante :\n\n
\n\n
\n
\n \n
\n \n \n \n \n
\n \n Montant du crédit
\n \n {this.props.maProposition.get('montant_accorde')}\n Dhs\n \n
\n \n \n {this.props.maProposition.get('montant_accorde')}\n Dhs\n \n
\n
\n \n \n \n \n
\n \n durée du crédit
\n \n {this.state.dureCreditAns}\n Ans \n {this.state.dureCreditMois > 0 && this.state.dureCreditMois}\n {this.state.dureCreditMois > 0 && Mois }\n \n
\n \n \n {this.state.dureCreditAns}\n Ans \n {this.state.dureCreditMois > 0 && this.state.dureCreditMois}\n {this.state.dureCreditMois > 0 && Mois }\n \n
\n
\n \n \n \n \n
\n \n différé
\n \n {this.props.maProposition.get('differe_accorde')}\n Mois\n \n
\n \n \n {this.props.maProposition.get('differe_accorde')}\n Mois\n \n
\n
\n \n \n \n \n
\n \n mensualité ttc
\n \n {this.props.maProposition.get('echeance')}\n Dhs\n \n
\n \n \n {this.props.maProposition.get('echeance')}\n Dhs\n \n
\n \n { this.state.showVisualiser &&\n \n
\n \n
\n \n }\n \n
\n \n
\n \n
\n \n
\n \n \n \n \n
\n \n Montant du crédit
\n \n {this.props.maProposition.get('montant_accorde')}\n Dhs\n \n
\n \n \n {this.props.maProposition.get('montant_accorde')}\n Dhs\n \n
\n
\n \n \n \n \n
\n \n durée du crédit
\n \n {this.state.dureCreditAns}\n Ans \n {this.state.dureCreditMois > 0 && this.state.dureCreditMois}\n {this.state.dureCreditMois > 0 && Mois }\n \n
\n \n \n {this.state.dureCreditAns}\n Ans \n {this.state.dureCreditMois > 0 && this.state.dureCreditMois}\n {this.state.dureCreditMois > 0 && Mois }\n \n
\n
\n \n \n \n \n
\n \n taux\n (ht)\n
\n \n {this.props.maProposition.get('taux_accorde')}\n %\n \n
\n \n \n {this.props.maProposition.get('taux_accorde')}\n %\n \n
\n
\n \n \n \n \n
\n \n différé
\n \n {this.props.maProposition.get('differe_accorde')}\n Mois\n \n
\n \n \n {this.props.maProposition.get('differe_accorde')}\n Mois\n \n
\n
\n \n
\n \n \n \n \n
\n \n \n Assurance décès toutes causes\n \n
\n \n {this.props.maProposition.get('frais_assur_dtc')}\n \n Dhs\n \n \n
\n \n \n {this.props.maProposition.get('frais_assur_dtc')}\n \n Dhs\n \n \n
\n
\n \n \n \n \n
\n \n \n assurance incendie explosion\n \n
\n \n {this.props.maProposition.get('frais_assur_ie')}\n \n Dhs\n \n \n
\n \n \n {this.props.maProposition.get('frais_assur_ie')}\n \n Dhs\n \n \n
\n
\n \n
\n \n \n \n \n
\n \n
\n \n coût total du crédit\n
\n \n \n {this.props.maProposition.get('interets')}\n \n Dhs
(Interêts)\n \n \n \n {format(this.props.maProposition.get('frais_assur_dtc')\n + this.props.maProposition.get('frais_assur_ie'))\n }\n \n Dhs
(Assurances)\n \n \n \n {this.props.maProposition.get('frais_dossier')}\n \n Dhs
(Frais de dossier)\n \n \n
\n (Interêts)\n \n \n \n {format(this.props.maProposition.get('frais_assur_dtc')\n + this.props.maProposition.get('frais_assur_ie'))\n }\n \n Dhs
(Assurances)\n \n \n \n {this.props.maProposition.get('frais_dossier')}\n \n Dhs
(Frais de dossier)\n \n \n
\n
\n \n \n \n \n
\n \n \n mensualité ttc\n \n
\n \n {this.props.maProposition.get('echeance')}\n \n Dhs\n \n \n
\n \n \n {this.props.maProposition.get('echeance')}\n \n Dhs\n \n \n
\n {this.props.maDemande.get('declaratifPj') !==undefined && this.props.maDemande.get('declaratifPj')==='Basee sur declaratif' ?\n
\n Vous pouvez dès à présent commencer la constitution de votre dossier.\n
\n Ci-dessous la liste des pièces justificative à déposer auprès de votre agence :\n
\n
\n
\n {this.props.mesDocs\n .map((doc, index) => (\n
\n \n
\n ))}\n \n
\n \n {doc.get('libelle_doc')}\n
\n\n 
\n 
\n
\n \n \n
\n \n \n \n
\n \n );\n }\n renderFourth() {\n return (\n \n Nous avons reçu l’ensemble de vos pièces justificatives.\n Nous allons dès à présent étudier votre dossier afin d’accéder aux étapes suivantes\n
\n\n
\n \n );\n }\n renderFifth() {\n return (\n \n
\n \n
\n \n
\n \n Contrat disponible en agence\n
\n\n Nous vous invitons à vous rendre à votre agence\n pour récupérer et signer votre Offre de Crédit/Contrat\n
\n\n \n \n
\n \n
\n\n \n
\n \n DÉLIVRANCE DU CONTRAT EN AGENCE\n
\n\n \n \n
\n \n
\n \n
\n \n RÉCUPÉRATION DU CONTRAT SIGNÉ PAR L'AGENCE\n
\n\n \n \n
\n \n Félicitation !\n
\n\n Votre chèque est disponible en agence\n
\n\n Vous pouvez dès à présent finaliser l’acquisition de votre bien.\n Nous vous invitons à vous rendre dès que possible à\n votre agence pour récupérer votre chèque.\n
\n \n );\n }\n render() {\n return (\n\n {(() => {\n switch (this.props.statutEncours) {\n case 'Nouvelle Demande':\n return this.renderFirst();\n case 'Etude':\n return this.renderFirst();\n case 'etude middle office':\n return this.renderFirst();\n case 'decision':\n return this.renderFirst();\n case 'en cours':\n return this.renderFirst();\n case 'reception':\n return this.renderSecond();\n case 'Reponse Client':\n return this.renderSecond();\n case 'communication liste':\n return this.renderThird();\n case 'constitution':\n return this.renderThird();\n case 'contrat':\n return this.renderFourth();\n case 'concretisation':\n return this.renderFifth();\n default:\n return null;\n }\n })()}\n
\n );\n }\n}\n\nEspPersoSteps.propTypes = {\n statutEncours: React.PropTypes.string,\n showHide: React.PropTypes.func,\n maProposition: React.PropTypes.instanceOf(Map),\n maDemande: React.PropTypes.instanceOf(Map).isRequired,\n buttonAccProp: React.PropTypes.bool,\n mesDocs: React.PropTypes.instanceOf(List),\n};\n\nexport default EspPersoSteps;\n","import { connect } from 'react-redux/dist/react-redux';\nimport EspPersoSteps from '../components/EspacePerso/EspPersoSteps';\nimport { fromJS } from 'immutable';\nimport { showHide } from '../action_creators';\n\nfunction mapStateToProps(state) {\n const maDemande = state.demandeCredit.getIn(['maDemande', 'demande']);\n const maProposition = state.demandeCredit.getIn(['maDemande', 'proposition']) || fromJS({});\n const mesDocs = state.demandeCredit.getIn(['maDemande', 'suiviDocuments']) || fromJS({});\n return {\n maDemande,\n maProposition,\n mesDocs,\n showHideElm: state.demandeCredit.getIn(['proposition', 'value']),\n showHideElmD: state.demandeCredit.getIn(['propositionD', 'value']),\n showHideElmRejetPop: state.demandeCredit.getIn(['propositionRejetPop', 'value']),\n statutEncours: maDemande.get('statut').get('libelle'),\n buttonAccProp: maProposition.get('reponseclient') === 'proposition acceptee',\n langues: state.demandeCredit.getIn(['langues', 'value']), \n };\n}\nfunction mapDispatchToProps(dispatch) {\n return {\n showHide: (s) => dispatch(showHide(s)),\n };\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(EspPersoSteps);\n","import React, { Component } from 'react';\nimport { List } from 'immutable';\n\n\nclass TimelineEP extends Component {\n\n render() {\n return (\n \n
\n );\n }\n}\n\nTimelineEP.propTypes = {\n steps: React.PropTypes.instanceOf(List),\n stepPerso: React.PropTypes.object,\n active: React.PropTypes.bool,\n valid: React.PropTypes.bool,\n className: React.PropTypes.string,\n current: React.PropTypes.number,\n};\nTimelineEP.defaultProps = {\n className: 'timeline-step',\n};\nexport default TimelineEP;\n","import { connect } from 'react-redux/dist/react-redux';\nimport TimelineEP from '../components/EspacePerso/TimelineEP';\n\nfunction mapStateToProps(state) {\n return {\n langues: state.demandeCredit.getIn(['langues', 'value']), \n steps: state.timelineEP.get('steps'),\n current: state.timelineEP.get('current'),\n };\n}\n\nexport default connect(\n mapStateToProps\n)(TimelineEP);\n","import React, { Component } from 'react';\nimport { inputChange } from '../../action_creators';\n\n\nclass Textarea extends Component {\n constructor(props) {\n super(props);\n this.onChange = this.onChange.bind(this);\n\n }\n\n onChange(event) {\n return this.props.dispatch(inputChange(event.target.value, this.props.storeKey));\n }\n render() {\n return (\n - \n {this.props.steps.map((stepPerso,index) => (\n
{stepPerso.get('label')}
\n{stepPerso.get('statut')}
\n \n ))}\n\n \n {this.props.value}\n \n\n
\n );\n }\n}\n\nTextarea.propTypes = {\n dispatch: React.PropTypes.func.isRequired,\n storeKey: React.PropTypes.string.isRequired,\n areaRows: React.PropTypes.string,\n value: React.PropTypes.string,\n areaCols: React.PropTypes.string,\n type: React.PropTypes.string,\n className: React.PropTypes.string,\n placeholder: React.PropTypes.string,\n disabled: React.PropTypes.bool,\n children: React.PropTypes.node,\n\n\n};\n\nexport default Textarea;\n","import { connect } from 'react-redux';\n\nimport Textarea from '../../components/Inputs/Textarea';\n\nconst mapStateToProps = (state, props) => {\n const [store, ...storeKey] = props.storeKey.split('.');\n storeKey.push('value');\n return ({\n value: state[store].getIn(storeKey),\n });\n};\n\nexport default connect(mapStateToProps)(Textarea);\n","import React, { Component } from 'react';\nimport Text from '../containers/Text';\nimport { Map } from 'immutable';\nimport Popin from '../containers/Popin';\nimport EspPersoSteps from '../containers/EspPersoSteps';\nimport TimelineEP from '../containers/TimelineEP';\nimport { format } from '../utile/utile';\nimport SelectCountry from '../containers/Inputs/SelectCountry';\nimport loading from '../assets/images/loading.gif';\nimport { hashHistory } from 'react-router';\nimport Accordion from './Inputs/Accordion';\nimport Textarea from '../containers/Inputs/Textarea';\nimport {formatDureCreditAns,formatDureCreditMois} from '../utile/utile';\nimport taux_icone from '../assets/images/taux_icone.png';\nimport dtc_icone from '../assets/images/dtc_icone.png';\nimport ie_icone from '../assets/images/ie_icone.png';\nimport somme_icone from '../assets/images/somme_icone.png';\nimport mensualite_icone from '../assets/images/mensualite_icone.png';\n\n\nconst divStyle = { display: 'block' };\n\nclass EspacePerso extends Component {\n constructor(props){\n super(props);\n this.state={\n dureCreditAns : null,\n dureCreditMois : null,\n opened : null\n }\n }\n componentWillMount() {\n window.scrollTo(0, 0);\n this.props.getDemande();\n this.accepterProposition = this.accepterProposition.bind(this);\n this.getRejetPropComm=this.getRejetPropComm.bind(this);\n this.shoHidePop = this.shoHidePop.bind(this);\n this.shoHidePopRejet = this.shoHidePopRejet.bind(this);\n this.initDureeCredit();\n this.shoHidePopRejet();\n this.setState({opened: true});\n }\n\n initDureeCredit(){\n this.setState({\n dureCreditAns : formatDureCreditAns(this.props.maProposition.get('duree_accordee')),\n dureCreditMois : formatDureCreditMois(this.props.maProposition.get('duree_accordee'))\n })\n }\n\n componentDidUpdate(prevProps) {\n if (prevProps.dateNaissance !== this.props.dateNaissance) {\n this.props.inputChange(this.props.dateNaissance, 'demandeCredit.dateNaissance');\n this.props.inputChange(this.props.mail, 'demandeCredit.mail');\n this.props.inputChange(this.props.paysresid, 'demandeCredit.paysresid');\n this.props.inputChange(this.props.nom, 'demandeCredit.nom');\n this.props.inputChange(this.props.prenom, 'demandeCredit.prenom');\n this.props.inputChange(this.props.teleph, 'demandeCredit.telephon');\n }\n if((prevProps.propositionStatus !== this.props.propositionStatus) && (this.props.propositionStatus === 'success') && (this.state.opened === true)) {\n this.props.getDemande();\n this.setState({opened: false });\n }\n\n if (prevProps.maProposition.get('duree_accordee') !== this.props.maProposition.get('duree_accordee')) {\n this.initDureeCredit();\n }\n }\n shoHidePop() {\n this.props.showHide('demandeCredit.proposition');\n }\n shoHidePopRejet() {\n this.props.showHide('demandeCredit.propositionRejetPop');\n }\n\n\n initierDemande() {\n hashHistory.push('/coordonnees');\n }\n\n getRejetPropComm(){\n this.props.getRejetPropComm();\n this.shoHidePopRejet();\n }\n\n accepterProposition() {\n this.props.accepterProposition();\n this.shoHidePop();\n }\n renderLoading() {\n document.body.classList.remove('hiddenScroll');\n return (\n \n
\n );\n }\n renderSuccess() {\n return (\n \n
\n \n {this.props.propositionStatus === 'loading' &&\n
\n );\n }\n renderAddDemande() {\n return (\n \n
\n }\n \n
\n \n
\n \n
\n \n Bonjour {this.props.civilite}. {this.props.prenom} {this.props.nom},\n
\n\n Bienvenue dans votre espace personnel\n
\n\n \n
\n - \n
- \n \n\n \n\n\n\n\n\n\n\n\n\n\n
\n Nom\n \n\n\n\n Prénom\n \n\n\n\n\n\n Date de naissance\n \n\n\n\n\n\n\n\n\n\n N° mobile\n \n \n - \n \n\n \n\n\n
\n \n \n
\n
\n \n }\n \n
\n \n
\n \n
\n \n
\n \n \n \n \n
\n \n Montant du crédit
\n \n {this.props.maProposition.get('montant_accorde')}\n Dhs\n \n
\n \n \n {this.props.maProposition.get('montant_accorde')}\n Dhs\n \n
\n
\n \n \n \n \n
\n \n durée du crédit
\n \n {this.state.dureCreditAns}\n Ans \n {this.state.dureCreditMois > 0 && this.state.dureCreditMois}\n {this.state.dureCreditMois > 0 && Mois }\n \n
\n \n \n {this.state.dureCreditAns}\n Ans \n {this.state.dureCreditMois > 0 && this.state.dureCreditMois}\n {this.state.dureCreditMois > 0 && Mois }\n \n
\n
\n \n \n \n \n
\n \n taux\n (ht)\n
\n \n {this.props.maProposition.get('taux_accorde')}\n %\n \n
\n \n \n {this.props.maProposition.get('taux_accorde')}\n %\n \n
\n
\n \n \n \n \n
\n \n différé
\n \n {this.props.maProposition.get('differe_accorde')}\n Mois\n \n
\n \n \n {this.props.maProposition.get('differe_accorde')}\n Mois\n \n
\n
\n \n
\n \n \n \n \n
\n \n \n Assurance décès toutes causes\n \n
\n \n {this.props.maProposition.get('frais_assur_dtc')}\n \n Dhs\n \n \n
\n \n \n {this.props.maProposition.get('frais_assur_dtc')}\n \n Dhs\n \n \n
\n
\n \n \n \n \n
\n \n \n assurance incendie explosion\n \n
\n \n {this.props.maProposition.get('frais_assur_ie')}\n \n Dhs\n \n \n
\n \n \n {this.props.maProposition.get('frais_assur_ie')}\n \n Dhs\n \n \n
\n
\n \n
\n \n \n \n \n
\n \n
\n \n coût total du crédit\n
\n \n \n {this.props.maProposition.get('interets')}\n \n Dhs
(Interêts)\n \n \n \n {format(this.props.maProposition.get('frais_assur_dtc')\n + this.props.maProposition.get('frais_assur_ie'))\n }\n \n Dhs
(Assurances)\n \n \n \n {this.props.maProposition.get('frais_dossier')}\n \n Dhs
(Frais de dossier)\n \n \n
\n (Interêts)\n \n \n \n {format(this.props.maProposition.get('frais_assur_dtc')\n + this.props.maProposition.get('frais_assur_ie'))\n }\n \n Dhs
(Assurances)\n \n \n \n {this.props.maProposition.get('frais_dossier')}\n \n Dhs
(Frais de dossier)\n \n \n
\n
\n \n \n \n \n
\n \n \n mensualité ttc\n \n
\n \n {this.props.maProposition.get('echeance')}\n \n Dhs\n \n \n
\n \n \n {this.props.maProposition.get('echeance')}\n \n Dhs\n \n \n
\n Vous avez choisi d’accepter la proposition commerciale liée à votre demande\n de crédit immobilier ?\n
\n \n { this.props.showHideElmRejetPop ? null:\n \n
\n
\n Vous souhaitez refuser la proposition de financement ?
Merci d'indiquer votre motif de rejet.
Merci d'indiquer votre motif de rejet.
\n
\n
\n \n }\n
\n \n
\n );\n }\n render() {\n return (\n \n
\n \n \n Initier une demande\n \n
\n \n {(() => {\n switch (this.props.maDemandeStatus) {\n case 'loading':\n return this.renderLoading();\n case 'success':\n return this.renderSuccess();\n case 'error':\n return this.renderAddDemande();\n default:\n return null;\n }\n })()}\n
\n );\n }\n}\nEspacePerso.propTypes = {\n showHideElmRejetPop: React.PropTypes.bool,\n inputChange: React.PropTypes.func,\n showHide: React.PropTypes.func,\n espacePerso: React.PropTypes.object,\n showHideElm: React.PropTypes.bool,\n maDemandeStatus: React.PropTypes.bool,\n statutEncours: React.PropTypes.string,\n maProposition: React.PropTypes.instanceOf(Map),\n maDemande: React.PropTypes.instanceOf(Map),\n accepterProposition: React.PropTypes.func,\n getDemande: React.PropTypes.func,\n civilite: React.PropTypes.string,\n prenom: React.PropTypes.string,\n nom: React.PropTypes.string,\n};\n\n\nexport default EspacePerso;\n","import { connect } from 'react-redux/dist/react-redux';\nimport { fromJS } from 'immutable';\nimport EspacePerso from '../components/EspacePerso';\nimport { inputChange, accepterProposition, showHide, getDemande, getRejetPropComm } from '../action_creators';\n\nfunction mapStateToProps(state) {\n const maDemande = state.demandeCredit.getIn(['maDemande', 'demande']) || fromJS({});\n const maProposition = state.demandeCredit.getIn(['maDemande', 'proposition']) || fromJS({});\n return {\n langues: state.demandeCredit.getIn(['langues', 'value']), \n maDemande,\n propositionStatus: state.demandeCredit.get('propositionStatus'),\n dateNaissance: state.demandeCredit.getIn(['maDemande', 'demande', 'date_naissance']),\n paysresid: state.demandeCredit.getIn(['maDemande', 'demande', 'pays_de_residence']),\n mail: state.demandeCredit.getIn(['maDemande', 'demande', 'email']),\n prenom: state.demandeCredit.getIn(['maDemande', 'demande', 'first_name']),\n nom: state.demandeCredit.getIn(['maDemande', 'demande', 'last_name']),\n teleph: state.demandeCredit.getIn(['maDemande', 'demande', 'telephone']),\n maProposition,\n civilite: maDemande.get('civilite'),\n maDemandeStatus: state.demandeCredit.get('maDemandeStatus'),\n clientsIdentifier: {\n clientIdentifier: state.account.getIn(['LoggedUser', 'mail']),\n clientType: state.account.getIn(['LoggedUser', 'flag']),\n },\n propositionRequest: {\n referenceDemande: maDemande.get('referenceId'),\n canal: 'web',\n },\n propositionRejetRequest: {\n idDemande: maDemande.get('referenceId'),\n motifRejet: state.demandeCredit.getIn(['motifRejet','value']),\n },\n statutEncours: maDemande.get('statut'),\n };\n}\n\nfunction mapDispatchToProps(dispatch) {\n return {\n inputChange: (...y) => dispatch(inputChange(...y)),\n accepterProposition: (propositionRequest) => dispatch(accepterProposition(propositionRequest)),\n getRejetPropComm: (propositionRejetRequest) => dispatch(getRejetPropComm(propositionRejetRequest)),\n showHide: (s) => dispatch(showHide(s)),\n getDemande: (clientsIdentifier) => dispatch(getDemande(clientsIdentifier)),\n };\n}\n\nfunction mergeProps(stateProps, dispatchProps, ownProps) {\n const propositionRequest = stateProps.propositionRequest;\n const clientsIdentifier = stateProps.clientsIdentifier;\n const propositionRejetRequest = stateProps.propositionRejetRequest;\n return Object.assign({}, ownProps, stateProps, dispatchProps, {\n accepterProposition: () => dispatchProps.accepterProposition(propositionRequest),\n getRejetPropComm: () => dispatchProps.getRejetPropComm(propositionRejetRequest),\n getDemande: () => dispatchProps.getDemande(clientsIdentifier),\n });\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps, mergeProps)(EspacePerso);\n","import React, { Component } from 'react';\nimport Title from './Title';\nimport Text from '../containers/Text';\nimport { hashHistory } from 'react-router';\n\nclass MaReference extends Component {\n\n constructor(props) {\n super(props);\n this.search = this.search.bind(this);\n }\n\n componentWillMount() {\n // this.props.initialAccout();\n }\n search() {\n this.props.getDemande(this.props.reference);\n }\n render() {\n return (\n \n Ma réference \n
\n );\n }\n}\n\nMaReference.propTypes = {\n reference: React.PropTypes.string,\n flagClient: React.PropTypes.string,\n getDemande: React.PropTypes.func,\n initialAccout: React.PropTypes.func,\n maDemandeStat: React.PropTypes.bool,\n};\n\nexport default MaReference;\n","import { connect } from 'react-redux/dist/react-redux';\nimport MaReference from '../components/MaReference';\nimport { getDemande, initialAccout } from '../action_creators';\n\nfunction mapStateToProps(state) {\n const maDemande = state.demandeCredit.get('maDemande');\n return {\n referenceDemande: state.demandeCredit.getIn(['reference', 'value']),\n maDemande,\n maDemandeStat: state.demandeCredit.get('maDemandeStatus'),\n flagClient: state.account.getIn(['LoggedUser', 'flag']),\n };\n}\n\nfunction mapDispatchToProps(dispatch) {\n return {\n getDemande: (referenceDemande) => dispatch(getDemande(referenceDemande)),\n initialAccout: () => dispatch(initialAccout()),\n };\n}\n\nfunction mergeProps(stateProps, dispatchProps, ownProps) {\n const referenceDemande = stateProps.referenceDemande;\n return Object.assign({}, ownProps, stateProps, dispatchProps, {\n getDemande: () => dispatchProps.getDemande(referenceDemande),\n });\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps, mergeProps)(MaReference);\n","import React, { Component } from 'react';\nimport Crc from './Accueil/Crc';\n\n\nclass Produits extends Component {\n\n render() {\n return (\n \n
\n \n \n Reference\n \n
\n \n \n Search\n \n {this.props.maDemandeStat === 'success' ?\n hashHistory.push('/espaceperso')\n : this.props.maDemandeStat === 'error' ?\n
\n Error Veuillez vérifier votre réference
: null}\n {this.props.flagClient === 'C' ?\n Client connecté
: null}\n {this.props.flagClient === 'P' ?\n Prospect connecté
: null}\n \n \n \n
\n );\n }\n}\n\nexport default Produits;\n","import { connect } from 'react-redux';\n\nimport Produits from '../components/Produits';\nfunction mapStateToProps(state) {\n return {\n langues: state.demandeCredit.getIn(['langues', 'value']),\n };\n}\n\nexport default connect(mapStateToProps)(Produits);\n","import React, { Component } from 'react';\nimport Simul from '../assets/images/simulateur.png';\nimport NvDemande from '../assets/images/nouvelle_demande.png';\nimport { hashHistory } from 'react-router';\n\n\nexport default class HomeSMAP extends Component {\n\n click() {\n hashHistory.push('/');\n }\n simulClick() {\n hashHistory.push('/formSMAP');\n }\n\n render() {\n return (\n \n
\n \n
\n Lorem ipsum dolor amit
\nLorem ipsum dolor amit
\n\n
\n \n
\n
\n \n
\n Nos prêts Sakane Mabrouk
\n\n
\n
\n\n \n
\n \n
\n SAKAN MABROUK MANZIL
\n(Crédit FOGARIM garanti par Damane Assakane)
\n\n Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod\n tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,\n quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo\n consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse\n cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non\n proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n
\n\n
\n SAKAN MABROUK
\n(Crédit FOGARIM garanti par Damane Assakane)
\n\n Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod\n tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,\n quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo\n consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse\n cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non\n proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n
\n\n \n
\n \n \n
\n \n
\n SAKAN MABROUK DARI
\n(Crédit FOGARIM garanti par Damane Assakane)
\n\n Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod\n tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,\n quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo\n consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse\n cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non\n proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n
\n\n
\n SAKAN MABROUK DARI
\n(Crédit FOGARIM garanti par Damane Assakane)
\n\n Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod\n tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,\n quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo\n consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse\n cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non\n proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n
\n\n \n
\n \n
\n \n \n \n
\n \n ESPACE SIMULATION
\n Realisez votre simulation
\n et recevez la par email
ESPACE DEMANDE
\n Faites votre demande
100% en ligne
et suivez son avancement
depuis votre espace personnel
\n \n \n \n \n
\n
\n
\n
\n );\n }\n}\n\n SimulateurSMAP.propTypes = {\n calculEcheance: React.PropTypes.func,\n inputChange: React.PropTypes.func,\n cleanStore: React.PropTypes.func,\n calculInverse: React.PropTypes.func,\n valueToggle: React.PropTypes.func,\n montantCredit: React.PropTypes.number,\n capaciteEmprunt: React.PropTypes.number,\n nbAnnee: React.PropTypes.number,\n taux: React.PropTypes.number,\n dureeDiff: React.PropTypes.number,\n echeance: React.PropTypes.number,\n resultat: React.PropTypes.number,\n toggled: React.PropTypes.bool,\n simulateurCapaciteEmprunt: React.PropTypes.func,\n revenuNetMensuel: React.PropTypes.number,\n autreCredit: React.PropTypes.number,\n duree: React.PropTypes.number,\n capaciteEmpruntfinal: React.PropTypes.number,\n tauxHt: React.PropTypes.number,\n initialAccout: React.PropTypes.func,\n showHide: React.PropTypes.func,\n defaulteState: React.PropTypes.func,\n isChaabiClient: React.PropTypes.bool,\n };\n\n export default SimulateurSMAP;\n","import { connect } from 'react-redux';\nimport SimulateurSMAP from '../components/SimulateurSMAP';\nimport { simulateurEcheance, simulateurCapaciteEmprunt,\n valueToggle, inputChange, cleanStore, initialAccout, showHide, defaulteState } from '../action_creators';\n\nfunction mapStateToProps(state) {\n return {\n showHideElm: state.demandeCredit.getIn(['isChaabiClient', 'value']),\n montantCredit: state.simulateur.getIn(['montantCredit', 'value']),\n nbAnnee: state.simulateur.getIn(['nbAnnee', 'value']),\n dureeDiff: state.simulateur.getIn(['dureeDiff', 'value']),\n taux: state.simulateur.getIn(['taux', 'value']),\n echeance: state.simulateur.getIn(['echeance', 'value']),\n revenuNetMensuel: state.simulateur.getIn(['revenuNetMensuel', 'value']),\n autreCredit: state.simulateur.getIn(['autreCredit', 'value']),\n duree: state.simulateur.getIn(['duree', 'value']),\n tauxHt: state.simulateur.getIn(['tauxHt', 'value']),\n capaciteEmprunt: state.simulateur.getIn(['capaciteEmprunt', 'value']),\n toggled: state.simulateur.getIn(['toggled', 'value']),\n capaciteEmpruntfinal: state.simulateur.getIn(['capaciteEmpruntfinal', 'value']),\n langues: state.demandeCredit.getIn(['langues', 'value']), \n };\n}\n\n\nconst mapDispatchToProps = { simulateurEcheance, simulateurCapaciteEmprunt,\n valueToggle, inputChange, cleanStore, initialAccout, showHide, defaulteState };\n\n\nexport default connect(mapStateToProps, mapDispatchToProps)(SimulateurSMAP);\n","import React, { Component } from 'react';\nimport DetailSimulation from '../containers/DetailSimulation';\nimport { List } from 'immutable/dist/immutable';\nimport { hashHistory } from 'react-router';\nimport HeaderAuth from '../containers/HeaderAuth';\nimport Popin from '../containers/Popin';\n\nexport default class DetailResultatSMAP extends Component {\n constructor(props) {\n super(props);\n this.print = this.print.bind(this);\n this.click1 = this.click1.bind(this);\n this.saveSimulateur = this.saveSimulateur.bind(this);\n this.sendSimulateur = this.sendSimulateur.bind(this);\n this.successReturn = this.successReturn.bind(this);\n }\n componentWillMount() {\n this.props.getAllResult(this.props.taux, this.props.nbAnnee,\n 1, this.props.dureeDiff,\n this.props.montantCredit);\n }\n successReturn() {\n this.props.clearState();\n hashHistory.push('/SMAP');\n }\n saveSimulateur(){\n this.props.saveInfoResultatSimulateurSmap();\n }\n sendSimulateur(){\n this.props.sendSimulateurSmap();\n }\n\n print() {\n window.print();\n }\n click1(s) {\n const { montantCredit, nbAnnee, dureeDiff } = this.props;\n this.props.inputChange(montantCredit, 'simulateur.montantCredit');\n this.props.inputChange(nbAnnee, 'simulateur.nbAnnee');\n this.props.inputChange(dureeDiff, 'simulateur.dureeDiff');\n this.props.show(s);\n }\n render() {\n const details = this.props.allResult\n .filter(f => f.get('id') === parseInt(this.props.nbAnnee)).get(0);\n return (\n \n
\n \n \n hashHistory.push('/')} >\n
\n
\n \n hashHistory.push('/')} >\n 
\n \n hashHistory.push('/')} >\n 
\n \n hashHistory.push('/')} >\n 
\n \n \n
\n \n
\n \n \n \n
\n {this.props.toggled ?\n \n
\n \n
\n \n
\n - \n
- \n \n Simulateur\n \n \n\n\n\n
\n
\n\n Le résultat de cette simulation est non contractuel\n et revét un caractère strictement informatif\n
\n\n
\n
\n
\n
\n
\n \n 
\n
\n \n Banque Centrale Populaire- 101, boulevard Mohamed Zerktouni\n
\n BP 10.622 - 20100\n
\n Casablanca\n
\n \n BP 10.622 - 20100\n
\n Casablanca\n
\n Copyright @ 2018 Groupe Banque Populaire -\n Mentions légales\n
\n\n
\n );\n }\n }\nDetailResultatSMAP.propTypes = {\n taux: React.PropTypes.number,\n storeKey: React.PropTypes.string.isRequired,\n montantCredit: React.PropTypes.number,\n dureeDiff: React.PropTypes.number,\n nbAnnee: React.PropTypes.number,\n allResult: React.PropTypes.instanceOf(List).isRequired,\n getAllResult: React.PropTypes.func,\n inputChange: React.PropTypes.func,\n sendMail: React.PropTypes.func,\n show: React.PropTypes.func,\n isChaabiClient: React.PropTypes.bool,\n};\nDetailResultatSMAP.defaultProps = {\n allResult: new List(),\n};\n","import { connect } from 'react-redux/dist/react-redux';\nimport DetailResultatSMAP from '../components/detailResultatSMAP';\nimport { getAllResult, inputChange, showHide,saveInfoResultatSimulateurSmap,sendSimulateurSmap,clearState } from '../action_creators';\nimport { fromJS } from 'immutable';\nimport InfoService from '../assets/images/img/popin_info_icn.png';\nimport { formatDatedd } from '../utile/utile';\nfunction mapStateToProps(state) {\n const itemsEmpty = fromJS([{}]);\n const montantCredit = state.simulateur.getIn(['montantCredit', 'value']);\n const nbAnnee = state.simulateur.getIn(['nbAnnee', 'value']);\n const taux = state.simulateur.getIn(['taux', 'value']);\n const dureeDiff = state.simulateur.getIn(['dureeDiff', 'value']);\n const details = state.simulateur.get('allResult') ? state.simulateur.get('allResult')\n .filter(f => f.get('id') === nbAnnee).get(0)\n : itemsEmpty;\n const assuranceDtc= details ? details.get('dtc') : null;\n const assuranceIe= details ? details.get('ie') :null;\n const coutInterets = details ? (details.get('montant') * details.get('id') * 12 - montantCredit).toFixed(2) : null;\n const montantTtc = details ? details.get('montant'): null;\n const dossier = details ? details.get('dossier'): null;\n \n return {\n allResult: state.simulateur.get('allResult'),\n montantCredit,\n nbAnnee,\n taux,\n storeKey: 'simulateur.nbAnnee',\n dureeDiff,\n popinTitle: 'tt',\n popinIcnInfo: InfoService,\n showHideElm: state.demandeCredit.getIn(['isChaabiClient', 'value']),\n smapResultat : {\n referenceId : state.smap.getIn(['referenceId', 'value']),\n clientbcp : state.smap.getIn(['clientbcp', 'value']),\n nom : state.smap.getIn(['nom', 'value']),\n prenom : state.smap.getIn(['prenom', 'value']),\n adresse : state.smap.getIn(['adresse', 'value']),\n telephone : state.smap.getIn(['telephone', 'value']),\n villeresidence : state.smap.getIn(['ville', 'value']),\n indicatif : state.smap.getIn(['indicatif', 'value']),\n typebien : state.smap.getIn(['typebien', 'value']),\n paysderesidence : state.smap.getIn(['paysderesidence', 'value']),\n email : state.smap.getIn(['mail', 'value']),\n montantCredit : montantCredit,\n duree: nbAnnee,\n duree_diff : dureeDiff,\n taux : taux,\n assuranceDTC : assuranceDtc,\n assuranceIE : assuranceIe,\n coutTotalCredit : coutInterets,\n mensualite : montantTtc,\n fraisDossier: dossier > 1000 ? 1000 : dossier,\n dateCreation: formatDatedd(Date())\n },\n statusEmail : state.smap.getIn(['successIndicatorSave', 'value']),\n sendSimulation : {\n nom : state.smap.getIn(['nom', 'value']),\n prenom : state.smap.getIn(['prenom', 'value']),\n adresse : state.smap.getIn(['adresse', 'value']),\n montantCredit: state.simulateur.getIn(['montantCredit', 'value']),\n nbAnnee: state.simulateur.getIn(['nbAnnee', 'value']),\n taux: state.simulateur.getIn(['taux', 'value']),\n dureeDiff: state.simulateur.getIn(['dureeDiff', 'value']),\n assuranceDtc,\n assuranceIe,\n coutInterets,\n montantTtc,\n }\n };\n}\nfunction mergeProps(stateProps, dispatchProps, ownProps) {\n const smapResultat = stateProps.smapResultat;\n const sendSimulation = stateProps.sendSimulation;\n return Object.assign({}, ownProps, stateProps, dispatchProps, {\n saveInfoResultatSimulateurSmap: () => dispatchProps.saveInfoResultatSimulateurSmap(smapResultat),\n sendSimulateurSmap: () => dispatchProps.sendSimulateurSmap(sendSimulation),\n });\n}\nfunction mapDispatchToProps(dispatch) {\n return {\n getAllResult: (...s) => dispatch(getAllResult(...s)),\n inputChange: (s, h) => dispatch(inputChange(s, h)),\n show: (s) => dispatch(showHide(s)),\n saveInfoResultatSimulateurSmap : (s) => dispatch(saveInfoResultatSimulateurSmap(s)),\n sendSimulateurSmap : (s) => dispatch(sendSimulateurSmap(s)),\n clearState : (s) => dispatch(clearState(s)),\n };\n}\nexport default connect(mapStateToProps, mapDispatchToProps, mergeProps)(DetailResultatSMAP);\n","import React, { Component } from 'react';\nimport Text from '../containers/Text';\nimport { Map } from 'immutable';\nimport { verifyPassword} from '../utile/utile';\nimport loading from '../assets/images/loading.gif';\nimport { hashHistory } from 'react-router';\nimport NextButton from '../containers/NextButton';\n\n\nclass VerificationPassword extends Component {\n componentWillMount() {\n window.scrollTo(0, 0);\n this.props.verifPassword();\n this.validate = this.validate.bind(this);\n this.annuler = this.annuler.bind(this);\n\n this.setState(\n {\n passwordIdentiqueError: false,\n passwordFormatError : false\n }\n );\n\n\n }\n\n componentWillReceiveProps(prevProps,nextProps) {\n if (prevProps.passwordUpdated){\n hashHistory.push('/felicitation');\n }\n }\n validate() {\n if (!(this.props.password===this.props.confirmPass)){\n this.setState({ passwordIdentiqueError: true, passwordFormatError:false }, () => {\n });\n\n\n }else if (verifyPassword(this.props.password)){\n this.props.definePassword();\n this.setState({\n passwordFormatError:false,\n passwordIdentiqueError:false\n })\n }\n else{\n this.setState({\n passwordFormatError:true,\n passwordIdentiqueError:false});\n }\n }\n\n annuler(){\n\n }\n\n initierDemande() {\n hashHistory.push('/coordonnees');\n }\n renderLoading() {\n document.body.classList.remove('hiddenScroll');\n return (\n \n \n Recevoir cette simulation par email\n \n\n
\n {this.props.isChaabiClient ?\n null :\n \n
\n );\n }\n renderSuccess() {\n return (\n \n
\n \n \n \n
\n );\n }\n renderError() {\n return (\n \n
\n \n
\n \n Bonjour {this.props.civilite}. {this.props.prenom} {this.props.nom},\n
\n\n Bienvenue dans votre espace personnel\n
\nAfin de valider votre demande, nous remercions de bien vouloir définir le mot de passe
\n\n
\n \n
\n \n \n Mot de passe\n \n
\n \n \n Confirmation mot de passe\n \n
\n \n {this.state.passwordFormatError===true &&
\n Votre mot de passe doit comporter un minimum de 8 caractères, se composer de chiffres et de lettres et des caractères spéciaux (. , ; : ! ? @ & _ - *)
}\n {this.state.passwordIdentiqueError===true && les mots de passe doivent être identiques
}\n \n
\n \n
\n\n \n
\n
\n );\n }\n render() {\n return (\n \n
\n
\n \n Ce lien a expiré, merci de bien vouloir réinitialiser votre mot de passe depuis l'espace personnel\n
\n\n
\n {(() => {\n switch (this.props.verifPasswordStatus) {\n case 'success':\n return this.renderSuccess();\n case 'error':\n return this.renderError();\n default:\n return null;\n }\n })()}\n
\n );\n }\n}\nVerificationPassword.propTypes = {\n inputChange: React.PropTypes.func,\n showHide: React.PropTypes.func,\n espacePerso: React.PropTypes.object,\n showHideElm: React.PropTypes.bool,\n verifPasswordStatus: React.PropTypes.bool,\n statutEncours: React.PropTypes.string,\n maProposition: React.PropTypes.instanceOf(Map),\n maDemande: React.PropTypes.instanceOf(Map),\n verifPassword: React.PropTypes.func,\n civilite: React.PropTypes.string,\n prenom: React.PropTypes.string,\n nom: React.PropTypes.string,\n};\n\n\nexport default VerificationPassword;\n","import { connect } from 'react-redux/dist/react-redux';\nimport VerificationPassword from '../components/VerificationPassword';\nimport { inputChange, verifPassword,definePassword } from '../action_creators';\n\nfunction mapStateToProps(state, props) {\n return {\n langues: state.demandeCredit.getIn(['langues', 'value']), \n civilite: state.demandeCredit.getIn(['request', 'result', 'demande', 'civilite']),\n prenom: state.demandeCredit.getIn(['request', 'result', 'demande', 'first_name']),\n nom: state.demandeCredit.getIn(['request', 'result', 'demande', 'last_name']),\n verifPasswordStatus: state.demandeCredit.getIn(['request', 'status']),\n passwordUpdated: state.account.getIn(['definePass','status']),\n password : state.demandeCredit.getIn(['password','value']),\n confirmPass : state.demandeCredit.getIn(['confirmPass','value']),\n tokenRequest: {\n referenceId: props.params.ref,\n token: props.params.token,\n },\n definePassword: {\n mail: props.params.email,\n password: state.demandeCredit.getIn(['confirmPass','value']),\n token: props.params.token,\n },\n };\n}\n\nfunction mapDispatchToProps(dispatch) {\n return {\n inputChange: (...y) => dispatch(inputChange(...y)),\n verifPassword: (s) => dispatch(verifPassword(s)),\n definePassword: (s) => dispatch(definePassword(s)),\n };\n}\n\nfunction mergeProps(stateProps, dispatchProps, ownProps) {\n const tokenRequest = stateProps.tokenRequest;\n const definePassword = stateProps.definePassword;\n return Object.assign({}, ownProps, stateProps, dispatchProps, {\n verifPassword: () => dispatchProps.verifPassword(tokenRequest),\n definePassword: () => dispatchProps.definePassword(definePassword),\n });\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps, mergeProps)(VerificationPassword);\n","import React, { Component } from 'react';\nimport { hashHistory } from 'react-router/lib';\nimport { cleanStore } from '../action_creators';\nimport felicitation_icone1 from '../assets/images/felicitation_icone1.png';\nimport felicitation_icone2 from '../assets/images/felicitation_icone2.png';\nimport i18n from '../i18n';\n\nclass Confirmation extends Component {\n componentWillMount() {\n window.scrollTo(0, 0);\n this.props.dispatch(cleanStore());\n this.shoHidePop = this.shoHidePop.bind(this);\n }\n shoHidePop(s) {\n this.props.show(s);\n }\n render() {\n return (\n \n
\n \n
\n \n
\n\n
\n \n
\n \n
\n \n
\n {i18n.t(\"recap9.label\")}
\n{i18n.t(\"recap10.label\")}
\n{i18n.t(\"recap11.label\")}\n
\n\n \n \n
\n - \n
- \n \n\n\n \n\n
\n {i18n.t(\"recap12.label\")}\n
\n\n {i18n.t(\"recap13.label\")}\n
\n\n
\n \n - \n \n\n\n \n\n
\n {i18n.t(\"recap14.label\")}\n
\n\n {i18n.t(\"recap15.label\")}\n
\n\n
\n \n\n
\n
\n );\n }\n renderError() {\n return (\n \n \n
\n
\n
\n
\n \n {this.props.definePass==='success' &&\n
\n \n
\n \n
\n \n Bonjour {this.props.civilite}. {this.props.prenom} {this.props.nom},\n
\n\n Bienvenue dans votre espace personnel\n
\nAfin de valider votre demande, nous remercions de bien vouloir définir le mot de passe
\n \n
\n
\n
\n {this.state.passwordFormatError===true && \n \n Mot de passe\n \n
\n \n \n Confirmation mot de passe\n \n
\n Votre mot de passe doit comporter un minimum de 8 caractères, se composer de chiffres et de lettres et des caractères spéciaux (. , ; : ! ? @ & _ - *)
}\n {this.state.passwordIdentiqueError===true && les mots de passe doivent être identiques
} \n {this.props.definePassError==='error' && La réinitialisation de votre mot de passe a échoué, merci de bien vouloir réessayer
}\n \n
\n
\n
\n\n \n
\n
\n );\n }\n render() {\n return (\n \n
\n
\n \n Ce lien a expiré, merci de bien vouloir envoyer un autre mail depuis l'espace personnel\n
\n\n
\n {(() => {\n switch (this.props.verifPasswordStatus) {\n case 'success':\n return this.renderSuccess();\n case 'error':\n return this.renderError();\n default:\n return null;\n }\n })()}\n
\n );\n }\n}\n\n\nexport default ChangePassword;\n","import { connect } from 'react-redux/dist/react-redux';\nimport ChangePassword from '../components/ChangePassword'\nimport { definePassword , checkExpirationPassword } from '../action_creators';\n\nfunction mapStateToProps(state, props) {\n return {\n langues: state.demandeCredit.getIn(['langues', 'value']), \n password : state.demandeCredit.getIn(['define','password','value']),\n confirmPass : state.demandeCredit.getIn(['define','confirmPass','value']),\n definePass : state.account.getIn(['definePass','status']),\n definePassError : state.account.getIn(['oubliPass','status']),\n verifPasswordStatus: state.demandeCredit.getIn(['request', 'status']),\n definePassword: {\n mail: props.params.email,\n password: state.demandeCredit.getIn(['define','password','value']),\n token: props.params.token,\n },\n checkValidUrl: {\n mail: props.params.email,\n password: state.demandeCredit.getIn(['define','password','value']),\n token: props.params.token,\n },\n };\n}\n\nfunction mapDispatchToProps(dispatch) {\n return {\n definePassword: (s) => dispatch(definePassword(s)),\n checkExpirationPassword: (s) => dispatch(checkExpirationPassword(s)),\n \n };\n}\n\nfunction mergeProps(stateProps, dispatchProps, ownProps) {\n const definePassword = stateProps.definePassword;\n const checkValidUrl = stateProps.checkValidUrl;\n return Object.assign({}, ownProps, stateProps, dispatchProps, {\n definePassword: () => dispatchProps.definePassword(definePassword),\n checkExpirationPassword: () => dispatchProps.checkExpirationPassword(checkValidUrl),\n });\n}\nexport default connect(mapStateToProps, mapDispatchToProps, mergeProps)(ChangePassword);\n","import React from 'react';\nimport { Router, Route, hashHistory } from 'react-router/lib';\nimport InfosPerso from '../containers/InfosPerso';\nimport Coordonnees from '../containers/Coordonnees';\nimport Recapitulatif from '../containers/Recapitulatif';\nimport InfoProjet from '../containers/InfoProjet';\nimport Layout from '../containers/Layout';\nimport DetailCapacite from '../containers/DetailCapacite';\nimport FormSMAP from '../containers/FormSMAP';\nimport GlobalLayout from '../components/GlobalLayout';\nimport LayoutSMAP from '../components/LayoutSMAP';\nimport Accueil from '../containers/Accueil';\nimport DetailResultat from '../containers/DetailResultat';\nimport DetailResultatCapaciteEmprunt from '../containers/DetailResultatCapaciteEmprunt';\nimport DetailProduit from '../components/DetailProduit';\nimport Felicitation from '../containers/Felicitation';\nimport EspacePerso from '../containers/EspacePerso';\nimport MaReference from '../containers/MaReference';\nimport Produits from '../containers/Produits';\nimport HomeSMAP from '../components/HomeSMAP';\nimport SimulateurSMAP from '../containers/SimulateurSMAP';\nimport DetailResultatSMAP from '../containers/DetailResultatSMAP';\nimport VerificationPassword from '../containers/VerificationPassword';\nimport Confirmation from '../containers/Confirmation';\nimport ChangePassword from '../containers/ChangePassword';\n\nconst App = () => (\n \n \n \n \n \n \n \n \n \n
\n);\n\nexport default App;\n","\nimport 'react-app-polyfill/ie11';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { Provider } from 'react-redux';\nimport App from './components/App';\nimport store from './store';\nimport './style/main.scss';\nimport FastClick from 'fastclick';\nimport { I18nextProvider } from 'react-i18next';\nimport i18n from './i18n';\nimport TagManager from 'react-gtm-module';\nimport { isLoged } from \"./utile/utile\"\n\nFastClick.attach(document.body);\n\n/*ReactDOM.render(\n