{"version":3,"sources":["webpack:///./src/components/sign/SignCCL122436.vue?73fd","webpack:///./src/components/sign/SignCCL122436.vue?6f33","webpack:///./src/components/sign/SignCCL122436.vue","webpack:///src/components/sign/SignCCL122436.vue","webpack:///./src/components/sign/SignCCL122436.vue?7a26","webpack:///./src/components/sign/SignCCL122436.vue?af36","webpack:///./src/components/sign/SignCCL122436.vue?08c3"],"names":["directives","rawName","expression","_c","staticClass","attrs","_v","staticStyle","showDetailsMobile","class","_vm","name","isTradeIn","floaLogoRvb","_s","formatCurrency","render","staticRenderFns","components","LegalNotice","HeaderLayout","Contract","props","signbookError","Boolean","signbookUrl","String","signbookToken","signbookMerchantLogo","type","default","nthSignbook","Object","demand","isLoading","data","floaLogo","require","simulationResult","methods","number","Intl","NumberFormat","style","currency","format","computed","_objectSpread","mapGetters","amountAsked","metas","orderMetadata","totalAmount","tradeIn","tradeinAmountEstimated","taxIncluded","product","tradeInAmount","_this$demand$tradeIn","amountAfterTradeIn","taeg","duration","insuranceCost","_this$simulationResul","insuranceMonthly","Number","parseFloat","insuranceSubscribed","toFixed","totalMonthly","_this$simulationResul2","totalMonthlyWithInsurance","loanCost","_this$simulationResul3","_this$simulationResul4","totalAmountDue","tradeinAccepted","_this$simulationResul5","_this$simulationResul6","totalAmountDueWithInsurance","mounted","_this","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wrap","_context","prev","next","floaContractClient","post","apiRoutes","simulations","context","getContext","sent","stop","component"],"mappings":"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","file":"js/chunk-5471d6f4.4a86a62f.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SignCCL122436.vue?vue&type=style&index=1&id=075fb388&prod&scoped=true&lang=css\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SignCCL122436.vue?vue&type=style&index=0&id=075fb388&prod&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('HeaderLayout',{attrs:{\"signbook-merchant-logo\":_vm.signbookMerchantLogo}}),_c('v-container',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.$vuetify.breakpoint.xs),expression:\"$vuetify.breakpoint.xs\"}]},[_c('v-row',{staticClass:\"mb-3\",attrs:{\"justify\":\"center\"}},[_c('div',{staticClass:\"breadcrumb-item mr-2\"}),_c('div',{staticClass:\"breadcrumb-item mr-2\"}),_c('div',{staticClass:\"breadcrumb-item mr-2\"}),_c('div',{staticClass:\"breadcrumb-item mr-2\"}),_c('div',{staticClass:\"breadcrumb-item active\"})]),_c('v-row',{attrs:{\"justify\":\"space-around\"}},[_c('div',[_c('span',{staticClass:\"font-weight-medium title\"},[_vm._v(\"Montant total dû :\")]),_vm._v(\" \"),_c('span',{staticClass:\"title font-weight-bold light-blue--text accent-4\"},[_vm._v(_vm._s(_vm.formatCurrency(_vm.totalAmountDue))+\"€\")])]),_c('div',{staticStyle:{\"display\":\"flex\",\"justify-content\":\"center\",\"align-content\":\"center\",\"flex-direction\":\"column\",\"cursor\":\"pointer\"},on:{\"click\":function($event){_vm.showDetailsMobile = !_vm.showDetailsMobile}}},[_c('div',{class:{'recap-details': true, 'font-weight-bold': true, 'recap-details-opened': _vm.showDetailsMobile, 'recap-details-closed': !_vm.showDetailsMobile}},[_vm._v(\"Détails\")])])]),_c('v-row',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showDetailsMobile),expression:\"showDetailsMobile\"}]},[_c('v-container',{staticClass:\"order-details\"},[_c('v-row',{attrs:{\"justify\":\"center\"}},[_c('v-col',[_c('div',{staticStyle:{\"color\":\"#fff\",\"font-size\":\"16px\",\"text-decoration\":\"underline\",\"text-align\":\"center\"}},[_vm._v(\"Votre proposition : \")])])],1),_c('v-row',{staticClass:\"mt-0\",attrs:{\"justify\":\"start\",\"align\":\"center\"}},[_c('v-col',[_c('div',[_vm._v(\"Montant d'achat\"),_c('br'),_vm._v(_vm._s(_vm.formatCurrency(_vm.amountAsked)))])]),_c('v-col',[_c('div',[_vm._v(\"TAEG fixe\"),_c('br'),_vm._v(_vm._s(_vm.taeg)+\"%\")])])],1),_c('v-row',{staticClass:\"mt-0\",attrs:{\"justify\":\"start\",\"align\":\"center\"}},[(_vm.isTradeIn)?_c('v-col',[_c('div',[_vm._v(\"Montant de reprise\"),_c('br'),_vm._v(_vm._s(_vm.formatCurrency(_vm.tradeInAmount)))])]):_c('v-col',[_c('div',[_vm._v(\"Coût du crédit\"),_c('br'),_vm._v(_vm._s(_vm.formatCurrency(_vm.loanCost)))])]),(_vm.demand.product.insuranceSubscribed)?_c('v-col',[_c('div',[_vm._v(\"Coût de l'assurance\"),_c('br'),_vm._v(_vm._s(_vm.formatCurrency(_vm.insuranceCost)))])]):_c('v-col',[_c('div',[_vm._v(\"Coût du crédit\"),_c('br'),_vm._v(_vm._s(_vm.formatCurrency(_vm.loanCost)))])])],1),(_vm.isTradeIn)?_c('v-row',{staticClass:\"mt-0\",attrs:{\"justify\":\"start\",\"align\":\"center\"}},[_c('v-col',[_c('div',[_vm._v(\"Montant après reprise\"),_c('br'),_vm._v(_vm._s(_vm.formatCurrency(_vm.amountAfterTradeIn)))])]),(_vm.demand.product.insuranceSubscribed)?_c('v-col',[_c('div',[_vm._v(\"Coût du crédit\"),_c('br'),_vm._v(_vm._s(_vm.formatCurrency(_vm.loanCost)))])]):_c('v-col',[_c('div',[_c('strong',[_vm._v(_vm._s(_vm.duration)+\" mensualités de\")]),_c('br'),_c('strong',[_vm._v(_vm._s(_vm.formatCurrency(_vm.totalMonthly)))])])])],1):_vm._e(),(_vm.demand.product.insuranceSubscribed)?_c('v-row',{staticClass:\"mt-0\",attrs:{\"justify\":\"start\",\"align\":\"center\"}},[_c('v-col',[_c('div',[_c('strong',[_vm._v(_vm._s(_vm.duration)+\" mensualités de\")]),_c('br'),_c('strong',[_vm._v(_vm._s(_vm.formatCurrency(_vm.totalMonthly)))])])])],1):_vm._e()],1)],1)],1),(_vm.signbookError == false)?_c('div',[_c('v-container',{staticClass:\"mt-5\"},[_c('v-row',{staticClass:\"mb-6\"},[_c('v-col',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.$vuetify.breakpoint.xs),expression:\"!$vuetify.breakpoint.xs\"}],staticClass:\"pt-0 mb-5\",attrs:{\"cols\":\"12\",\"sm\":\"5\",\"md\":\"5\",\"lg\":\"3\"}},[_c('div',{staticClass:\"wrapper\"},[_c('ul',{staticClass:\"step-progress pl-2\"},[_c('li',{staticClass:\"step-progress-item is-done\"},[_c('strong',[_vm._v(\"Vos options\")])]),_c('li',{staticClass:\"step-progress-item is-done\"},[_c('strong',[_vm._v(\"Votre identité\")])]),_c('li',{staticClass:\"step-progress-item is-done\"},[_c('strong',[_vm._v(\"Votre situation financière\")])]),_c('li',{staticClass:\"step-progress-item is-done\"},[_c('strong',[_vm._v(\"Vos pièces justificatives\")])]),_c('li',{staticClass:\"step-progress-item\"},[_c('strong',[_vm._v(\"Signature de votre contrat\")])])])])]),_c('v-col',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.$vuetify.breakpoint.xs),expression:\"!$vuetify.breakpoint.xs\"}],staticClass:\"pt-0\",attrs:{\"cols\":\"12\",\"sm\":\"7\",\"md\":\"7\",\"lg\":\"3\",\"order-lg\":\"1\"}},[_c('div',{staticClass:\"pt-2 pb-2\",attrs:{\"id\":\"summary-top\"}},[_vm._v(\" Votre proposition de\"),_c('br'),_c('strong',[_vm._v(\"FINANCEMENT\")]),_c('br'),_c('img',{staticStyle:{\"display\":\"inline-block\",\"vertical-align\":\"top\"},attrs:{\"width\":\"100\",\"src\":_vm.floaLogoRvb}}),_c('v-badge',{attrs:{\"id\":\"loan-duration-badge\",\"inline\":\"\",\"color\":\"white\",\"value\":`${ _vm.duration }X`,\"content\":`${ _vm.duration }X`}})],1),_c('div',{staticClass:\"summary-middle pt-3 pb-3\"},[_vm._v(\" Montant d'achat : \"),_c('span',{staticClass:\"display-right\"},[_vm._v(_vm._s(_vm.formatCurrency(_vm.amountAsked)))])]),(!_vm.isTradeIn)?_c('div',{staticClass:\"summary-middle pt-3 pb-3\"},[_vm._v(\" Nombre de mensualités : \"),_c('span',{staticClass:\"display-right\"},[_vm._v(_vm._s(_vm.duration))])]):_vm._e(),(_vm.isTradeIn)?_c('div',{staticClass:\"summary-middle pt-3 pb-3\"},[_vm._v(\" Montant de reprise : \"),_c('span',{staticClass:\"display-right\"},[_vm._v(_vm._s(_vm.formatCurrency(_vm.tradeInAmount)))])]):_vm._e(),(_vm.isTradeIn)?_c('div',{staticClass:\"summary-middle pt-3 pb-3\"},[_vm._v(\" Montant après reprise : \"),_c('span',{staticClass:\"display-right\"},[_vm._v(_vm._s(_vm.formatCurrency(_vm.amountAfterTradeIn)))])]):_vm._e(),_c('div',{staticClass:\"summary-middle pt-3 pb-3\"},[_c('span',{class:{'font-weight-bold': _vm.isTradeIn}},[_vm._v(_vm._s(_vm.duration)+\" mensualités de\")]),_vm._v(\" : \"),_c('span',{class:{'display-right': true, 'font-weight-bold': _vm.isTradeIn}},[_vm._v(_vm._s(_vm.formatCurrency(_vm.totalMonthly)))])]),_c('div',{staticClass:\"summary-middle pt-3 pb-3\"},[_vm._v(\" TAEG fixe : \"),_c('span',{staticClass:\"display-right\"},[_vm._v(_vm._s(_vm.taeg)+\"%\")])]),(_vm.demand.product.insuranceSubscribed)?_c('div',{staticClass:\"summary-middle pt-3 pb-3\"},[_vm._v(\" Coût de l'assurance : \"),_c('span',{staticClass:\"display-right\"},[_vm._v(_vm._s(_vm.formatCurrency(_vm.insuranceCost)))])]):_vm._e(),_c('div',{staticClass:\"summary-middle pt-3 pb-3\"},[_vm._v(\" Coût du crédit : \"),_c('span',{staticClass:\"display-right\"},[_vm._v(_vm._s(_vm.formatCurrency(_vm.loanCost)))])]),_c('div',{staticClass:\"pt-4 pb-4\",attrs:{\"id\":\"summary-bottom\"}},[_c('span',{staticClass:\"font-weight-medium title\"},[_vm._v(\"Montant total dû :\")]),_vm._v(\" \"),_c('span',{staticClass:\"title font-weight-bold display-right light-blue--text accent-4\"},[_vm._v(_vm._s(_vm.formatCurrency(_vm.totalAmountDue)))])])]),_c('v-col',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.$vuetify.breakpoint.xs),expression:\"!$vuetify.breakpoint.xs\"}],staticClass:\"d-lg-none\",attrs:{\"cols\":\"12\",\"md\":\"12\"}},[_c('hr',{staticClass:\"mt-3 mb-3\"})]),_c('Contract',{attrs:{\"gender\":_vm.demand.customers[0].gender,\"lastName\":_vm.demand.customers[0].lastName,\"is-loading\":_vm.isLoading}})],1),_c('v-row',[_c('v-col',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.$vuetify.breakpoint.xs),expression:\"!$vuetify.breakpoint.xs\"}],staticClass:\"pt-0 mb-5\",attrs:{\"cols\":\"12\",\"sm\":\"5\",\"md\":\"5\",\"lg\":\"3\"}}),_c('v-col',{staticClass:\"pt-0 pl-0 pr-0\",attrs:{\"cols\":\"12\",\"lg\":\"6\"}},[_c('LegalNotice')],1)],1)],1)],1):_c('div',{staticClass:\"height-center\"},[_c('error')],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div>\n        <HeaderLayout :signbook-merchant-logo=\"signbookMerchantLogo\"></HeaderLayout>\n        <v-container v-show=\"$vuetify.breakpoint.xs\">\n            <!-- Breadcrumb mobile -->\n            <v-row class=\"mb-3\" justify=\"center\">\n                <div class=\"breadcrumb-item mr-2\"></div>\n                <div class=\"breadcrumb-item mr-2\"></div>\n                <div class=\"breadcrumb-item mr-2\"></div>\n                <div class=\"breadcrumb-item mr-2\"></div>\n                <div class=\"breadcrumb-item active\"></div>\n            </v-row>\n            <v-row justify=\"space-around\">\n                <div>\n                    <span class=\"font-weight-medium title\">Montant total dû :</span> <span class=\"title font-weight-bold light-blue--text accent-4\">{{ formatCurrency(totalAmountDue) }}€</span>\n                </div>\n                <div style=\"display: flex; justify-content: center; align-content: center; flex-direction: column; cursor: pointer;\" @click=\"showDetailsMobile = !showDetailsMobile\">\n                    <div v-bind:class=\"{'recap-details': true, 'font-weight-bold': true, 'recap-details-opened': showDetailsMobile, 'recap-details-closed': !showDetailsMobile}\">Détails</div>\n                </div>\n            </v-row>\n            <v-row v-show=\"showDetailsMobile\">\n                <v-container class=\"order-details\">\n                    <v-row justify=\"center\">\n                        <v-col>\n                            <div style=\"color: #fff; font-size: 16px; text-decoration: underline; text-align: center\">Votre proposition : </div>\n                        </v-col>\n                    </v-row>\n                    <v-row justify=\"start\" align=\"center\" class=\"mt-0\">\n                        <v-col>\n                            <div>Montant d'achat<br />{{ formatCurrency(amountAsked) }}</div>\n                        </v-col>\n                        <v-col>\n                            <div>TAEG fixe<br />{{ taeg }}%</div>\n                        </v-col>\n                    </v-row>\n                    <v-row justify=\"start\" align=\"center\" class=\"mt-0\">\n                        <v-col v-if=\"isTradeIn\">\n                            <div>Montant de reprise<br />{{ formatCurrency(tradeInAmount) }}</div>\n                        </v-col>\n                        <v-col v-else>\n                            <div>Coût du crédit<br />{{ formatCurrency(loanCost) }}</div>\n                        </v-col>\n                        <v-col v-if=\"demand.product.insuranceSubscribed\">\n                            <div>Coût de l'assurance<br />{{ formatCurrency(insuranceCost) }}</div>\n                        </v-col>\n                        <v-col v-else>\n                            <div>Coût du crédit<br />{{ formatCurrency(loanCost) }}</div>\n                        </v-col>\n                    </v-row>\n                    <v-row justify=\"start\" align=\"center\" class=\"mt-0\" v-if=\"isTradeIn\">\n                        <v-col>\n                            <div>Montant après reprise<br />{{ formatCurrency(amountAfterTradeIn) }}</div>\n                        </v-col>\n                        <v-col v-if=\"demand.product.insuranceSubscribed\">\n                            <div>Coût du crédit<br />{{ formatCurrency(loanCost) }}</div>\n                        </v-col>\n                        <v-col v-else>\n                            <div><strong>{{ duration }} mensualités de</strong><br /><strong>{{ formatCurrency(totalMonthly) }}</strong></div>\n                        </v-col>\n                    </v-row>\n                    <v-row justify=\"start\" align=\"center\" class=\"mt-0\" v-if=\"demand.product.insuranceSubscribed\">\n                        <v-col>\n                            <div><strong>{{ duration }} mensualités de</strong><br /><strong>{{ formatCurrency(totalMonthly) }}</strong></div>\n                        </v-col>\n                    </v-row>\n                </v-container>\n            </v-row>\n        </v-container>\n        <div v-if=\"signbookError == false\">\n            <v-container class=\"mt-5\">\n                <v-row class=\"mb-6\">\n                    <!-- Breadcrumb desktop -->\n                    <v-col cols=\"12\" sm=\"5\" md=\"5\" lg=\"3\" class=\"pt-0 mb-5\" v-show=\"!$vuetify.breakpoint.xs\">\n                        <div class=\"wrapper\">\n                            <ul class=\"step-progress pl-2\">\n                                <li class=\"step-progress-item is-done\"><strong>Vos options</strong></li>\n                                <li class=\"step-progress-item is-done\"><strong>Votre identité</strong></li>\n                                <li class=\"step-progress-item is-done\"><strong>Votre situation financière</strong></li>\n                                <li class=\"step-progress-item is-done\"><strong>Vos pièces justificatives</strong></li>\n                                <li class=\"step-progress-item\"><strong>Signature de votre contrat</strong></li>\n                            </ul>\n                        </div>\n                    </v-col>\n                    <v-col cols=\"12\" sm=\"7\" md=\"7\" lg=\"3\" class=\"pt-0\" order-lg=\"1\" v-show=\"!$vuetify.breakpoint.xs\">\n                        <div id=\"summary-top\" class=\"pt-2 pb-2\">\n                            Votre proposition de<br />\n                            <strong>FINANCEMENT</strong><br />\n                            <img width=\"100\" :src=\"floaLogoRvb\" style=\"display: inline-block; vertical-align: top;\" />\n                            <v-badge id=\"loan-duration-badge\"\n                                     inline\n                                     color=\"white\"\n                                     :value=\"`${ duration }X`\"\n                                     :content=\"`${ duration }X`\"></v-badge>\n                        </div>\n                        <div class=\"summary-middle pt-3 pb-3\">\n                            Montant d'achat : <span class=\"display-right\">{{ formatCurrency(amountAsked) }}</span>\n                        </div>\n                        <div class=\"summary-middle pt-3 pb-3\" v-if=\"!isTradeIn\">\n                            Nombre de mensualités : <span class=\"display-right\">{{ duration }}</span>\n                        </div>\n                        <div class=\"summary-middle pt-3 pb-3\" v-if=\"isTradeIn\">\n                            Montant de reprise : <span class=\"display-right\">{{ formatCurrency(tradeInAmount) }}</span>\n                        </div>\n                        <div class=\"summary-middle pt-3 pb-3\" v-if=\"isTradeIn\">\n                            Montant après reprise : <span class=\"display-right\">{{ formatCurrency(amountAfterTradeIn) }}</span>\n                        </div>\n                        <div class=\"summary-middle pt-3 pb-3\">\n                            <span :class=\"{'font-weight-bold': isTradeIn}\">{{ duration }} mensualités de</span> : <span :class=\"{'display-right': true, 'font-weight-bold': isTradeIn}\" >{{ formatCurrency(totalMonthly) }}</span>\n                        </div>\n                        <div class=\"summary-middle pt-3 pb-3\">\n                            TAEG fixe : <span class=\"display-right\">{{ taeg }}%</span>\n                        </div>\n                        <div class=\"summary-middle pt-3 pb-3\" v-if=\"demand.product.insuranceSubscribed\">\n                            Coût de l'assurance : <span class=\"display-right\">{{ formatCurrency(insuranceCost) }}</span>\n                        </div>\n                        <div class=\"summary-middle pt-3 pb-3\">\n                            Coût du crédit : <span class=\"display-right\">{{ formatCurrency(loanCost) }}</span>\n                        </div>\n                        <div id=\"summary-bottom\" class=\"pt-4 pb-4\">\n                            <span class=\"font-weight-medium title\">Montant total dû :</span> <span class=\"title font-weight-bold display-right light-blue--text accent-4\">{{ formatCurrency(totalAmountDue) }}</span>\n                        </div>\n                    </v-col>\n                    <v-col cols=\"12\" md=\"12\" class=\"d-lg-none\" v-show=\"!$vuetify.breakpoint.xs\">\n                        <hr class=\"mt-3 mb-3\" />\n                    </v-col>\n                    <Contract\n                        :gender=\"demand.customers[0].gender\"\n                        :lastName=\"demand.customers[0].lastName\"\n                        :is-loading=\"isLoading\">\n                    </Contract>\n                </v-row>\n                <v-row>\n                    <v-col cols=\"12\" sm=\"5\" md=\"5\" lg=\"3\" class=\"pt-0 mb-5\" v-show=\"!$vuetify.breakpoint.xs\"/>\n                    <v-col cols=\"12\" lg=\"6\" class=\"pt-0 pl-0 pr-0\">\n                        <LegalNotice></LegalNotice>\n                    </v-col>\n                </v-row>\n            </v-container>\n        </div>\n        <div class=\"height-center\" v-else>\n            <error></error>\n        </div>\n    </div>\n</template>\n\n<script>\n    import LegalNotice from '../shared/LegalNotice.vue';\n    import HeaderLayout from '../shared/HeaderLayout.vue';\n    import Contract from '../shared/Contract.vue';\n    import {apiRoutes, floaContractClient} from \"@/helper\";\n    import {mapGetters} from \"vuex\";\n    \n    export default {\n        name: 'SignCCL122436',\n        components: {\n            LegalNotice,\n            HeaderLayout,\n            Contract\n        },\n        props: {\n            signbookError: Boolean,\n            signbookUrl: String,\n            signbookToken: String,\n            signbookMerchantLogo: {\n                type: String,\n                default: ''\n            },\n            nthSignbook: Object,\n            demand: Object,\n            isLoading: {\n                type: Boolean,\n                default: true\n            }\n        },\n        data() {\n            return {\n                floaLogo: require('../../../public/img/logo_floa.svg'),\n                floaLogoRvb: require('../../../public/img/logo_floa_negative.svg'),\n                showDetailsMobile: false,\n                simulationResult: {\n                    \"amountAsked\": null,\n                    \"duration\": null,\n                    \"amountMonthly\": null,\n                    \"insuranceMonthly\": null,\n                    \"insuranceRate\": null,\n                    \"totalAmountDueWithInsurance\": null,\n                    \"totalMonthly\": null,\n                    \"totalAmountDue\": null,\n                    \"tnc\": null,\n                    \"apr\": null,\n                    \"fees\": null\n                }\n            }\n        },\n        methods: {\n            formatCurrency(number) {\n                return new Intl.NumberFormat('fr-FR', { style: 'currency', currency: 'EUR' }).format(number)\n            },\n        },\n        computed: {\n            ...mapGetters([\n                'getContext'\n            ]),\n            amountAsked: function () {\n                return this.isTradeIn ?\n                    this.demand.metas.orderMetadata.totalAmount + this.demand.tradeIn.tradeinAmountEstimated.taxIncluded\n                    : this.demand.product.amountAsked;\n            },\n            tradeInAmount: function () {\n                return '-' + this.demand.tradeIn?.tradeinAmountEstimated?.taxIncluded;\n            },\n            amountAfterTradeIn: function () {\n                return this.demand.metas.orderMetadata.totalAmount\n            },\n            taeg: function () {\n                return this.demand.product.taeg;\n            },\n            duration: function () {\n                return this.demand.product.duration;\n            },\n            insuranceCost: function () {\n                if (this.isTradeIn)\n                {\n                    return (this.simulationResult?.insuranceMonthly / 100) * this.duration;\n                }\n                return Number.parseFloat(this.demand.product.insuranceSubscribed ? (this.demand.product.insuranceMonthly * this.demand.product.duration) : 0).toFixed(2);\n            },\n            totalMonthly: function () {\n                if (this.isTradeIn)\n                {\n                    return this.simulationResult?.totalMonthly / 100;\n                }\n                return this.demand.product.insuranceSubscribed ? this.demand.product.totalMonthlyWithInsurance : this.demand.product.totalMonthly;\n            },\n            loanCost: function () {\n                if (this.isTradeIn)\n                {\n                    return (this.simulationResult?.totalAmountDue - this.simulationResult?.amountAsked) / 100;\n                }\n                return Number.parseFloat(this.demand.product.totalAmountDue - this.demand.product.amountAsked).toFixed(2);\n            },\n            isTradeIn: function() {\n                return this.demand.tradeIn && this.demand.tradeIn.tradeinAccepted\n            },\n            totalAmountDue: function() {\n                if (this.isTradeIn)\n                {\n                    return (this.demand.product.insuranceSubscribed ? this.simulationResult?.totalAmountDueWithInsurance : this.simulationResult?.totalAmountDue) / 100;\n                }\n                \n                return this.demand.product.insuranceSubscribed ? this.demand.product.totalAmountDueWithInsurance : this.demand.product.totalAmountDue;\n            }\n        },\n        async mounted() {\n            if(this.isTradeIn)\n            {\n                this.simulationResult = (await floaContractClient.post(apiRoutes.simulations, { context: this.getContext } )).data;\n            }\n        }\n    }\n</script>\n<style>\n    #app > div {\n        background-color: #F3F3F3 !important;\n    }\n\n    #app {\n        font-family: 'Poppins'\n    }\n\n    #loan-duration-badge > span > span {\n        margin-top: 14px;\n        background-color: #FFF !important;\n        border-color: #FFF !important;\n        color: #009FFF !important;\n        font-weight: bold !important;\n        font-size: 0.9em;\n        width: 45px;\n        height: 21px;\n    }\n</style>\n<style scoped>\n    #toolbar {\n        text-align: center !important;\n    }\n\n    .toolbar-title {\n        margin-left: 25px;\n        font-size: 0.85em;\n        color: #808080;\n    }\n\n    .v-sheet.v-card:not(.v-sheet--outlined) {\n        box-shadow: none !important;\n    }\n\n    #summary-top {\n        background-color: #009FFF;\n        color: #FFF;\n        text-align: center;\n        border-top-left-radius: 12px;\n        border-top-right-radius: 12px;\n    }\n\n    .summary-middle {\n        padding-left: 15px;\n        padding-right: 15px;\n        background-color: #FFF;\n        font-size: 0.9em;\n        border-bottom: 1px solid #d3d3d3;\n    }\n\n    #summary-bottom {\n        padding-left: 15px;\n        padding-right: 15px;\n        background-color: #FFF;\n        font-size: 0.9em;\n        border-bottom-left-radius: 12px;\n        border-bottom-right-radius: 12px;\n    }\n\n    .display-right {\n        float: right;\n    }\n\n    .floa-color {\n        color: #009FFF;\n    }\n\n    .floa-color-muted {\n        color: #009FFF;\n        opacity: 0.3;\n    }\n\n    .step-progress {\n        position: relative;\n        list-style: none;\n    }\n\n    .step-progress-item {\n        position: relative;\n        counter-increment: list;\n        text-align: right;\n        padding-right: 70px;\n    }\n\n        .step-progress-item:not(:last-child) {\n            padding-bottom: 30px;\n            color: #009FFF;\n            opacity: 0.3;\n        }\n\n        .step-progress-item:last-child {\n            color: #009FFF;\n        }\n\n        .step-progress-item::before {\n            display: inline-block;\n            content: '';\n            position: absolute;\n            right: 0;\n            height: 100%;\n            width: 19px;\n        }\n\n        .step-progress-item::after {\n            content: '';\n            display: inline-block;\n            position: absolute;\n            top: 0;\n            right: 3px;\n            width: 27px;\n            height: 27px;\n            border: 2px solid #009FFF;\n            border-radius: 50%;\n            background-color: #009FFF;\n        }\n\n        .step-progress-item.is-done::before {\n            border-left: 5px solid #009FFF;\n        }\n\n        .step-progress-item.is-done::after {\n            content: \"✔\";\n            font-size: 14px;\n            padding-top: 2px;\n            color: #FFF;\n            text-align: center;\n            border: 2px solid #009FFF;\n            background-color: #009FFF;\n        }\n\n        .step-progress-item.current::before {\n            border-left: 2px solid #009FFF;\n        }\n\n        .step-progress-item.current::after {\n            content: counter(list);\n            padding-top: 1px;\n            width: 19px;\n            height: 18px;\n            top: -4px;\n            left: -40px;\n            font-size: 14px;\n            text-align: center;\n            color: green;\n            border: 2px solid #009FFF;\n            background-color: white;\n        }\n\n    .step-progress strong {\n        display: block;\n    }\n\n    .breadcrumb-item {\n        border-radius: 50%;\n        display: inline-block;\n        height: 10px;\n        width: 10px;\n        background-color: #c9d4d8;\n    }\n\n    .active {\n        background-color: #009fff;\n    }\n\n    .recap-details-closed::before {\n        content: url(\"../../../public/img/recap_plus.svg\");\n    }\n\n    .recap-details-opened::before {\n        content: url(\"../../../public/img/recap_minus.svg\");\n    }\n\n    .recap-details::before {\n        position: relative;\n        left: -2px;\n    }\n\n    .recap-details {\n        font-size: 12px;\n    }\n\n    .order-details {\n        color: #fff;\n        background-color: #009fff;\n        border-radius: 0 0 10px 10px;\n        font-size: 16px;\n    }\n</style>\n\n<style scoped>\n    @import '../../assets/css/fonts.css';\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SignCCL122436.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SignCCL122436.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./SignCCL122436.vue?vue&type=template&id=075fb388&scoped=true\"\nimport script from \"./SignCCL122436.vue?vue&type=script&lang=js\"\nexport * from \"./SignCCL122436.vue?vue&type=script&lang=js\"\nimport style0 from \"./SignCCL122436.vue?vue&type=style&index=0&id=075fb388&prod&lang=css\"\nimport style1 from \"./SignCCL122436.vue?vue&type=style&index=1&id=075fb388&prod&scoped=true&lang=css\"\nimport style2 from \"./SignCCL122436.vue?vue&type=style&index=2&id=075fb388&prod&scoped=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"075fb388\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SignCCL122436.vue?vue&type=style&index=2&id=075fb388&prod&scoped=true&lang=css\""],"sourceRoot":""}