{"version":3,"file":"cotiza-tus-prendas.09d61ed9.js","sources":["../../../app/javascript/components/appraiser/CotizaTusPrendas.vue?vue&type=template&lang.js","../../../app/javascript/components/appraiser/CotizaTusPrendas.vue","../../../app/javascript/entrypoints/cotiza-tus-prendas.js"],"sourcesContent":["\n<div class=\"container text-center\">\n    <div>\n        <StepSlider :step=\"step\" :steps=\"steps\" :isMobile=\"isMobile\" :titles=\"titles\" @increase-step=\"setStep\"/>\n    </div>\n    <div class=\"steps-container mt-5 mx-auto\">\n        <div v-if=\"step == 1\" class=\"items-container\">\n            <p>{{ type.titulo_paso_2.value }}</p>\n            <ItemSelector :items=\"type.prendas.value\" @selectItem=\"setGarment\"/>\n        </div>\n        <div class=\"items-container\" v-if=\"step == 2\">\n            <p>{{sectionThreeTitle()}}</p>\n            <GoldSliders @setDetails=\"setGarmentDetails\" :garment=\"garment\" :garmentTitle=\"type.titulo.value\"/>\n        </div>\n        <div class=\"mx-auto my-5\" v-if=\"step === 3\" style=\"width: 80%; color: black\">\n            <GarmentValue :garment=\"garment\" @setLoan=\"sendGarment\">\n                <template v-slot:header>\n                    <span v-if=\"slug === 'vende'\">\n                        Por la <span style=\"color: #2C5697; font-weight: bold\">venta</span> de {{ garmentInformation().match(/Aretes/)? 'tus': 'tu' }}  <span style=\"color: #2C5697; font-weight: bold\" v-html=\"garmentInformation()\"/> te damos\n                    </span>\n                    <span v-else-if=\"slug === 'resguarda'\">\n                        Por el <span style=\"color: #2C5697; font-weight: bold\">resguardo</span> de {{ garmentInformation().match(/Aretes/)? 'tus': 'tu' }} <span style=\"color: #2C5697; font-weight: bold\" v-html=\"garmentInformation()\"/> te damos\n                    </span>\n                </template>\n            </GarmentValue>\n            <div class=\"loan w-50 mx-auto\">\n                <button :disabled=\"!haveLoan\" class=\"btn btn-blue\" @click=\"createLog('Calcula el valor de otra prenda')\">Calcula el valor de otra prenda\n                </button>\n            </div>\n            <div id=\"sucursales\" class=\"mt-5\">\n                <div class=\"col text-center\">\n                    <h2 class=\"title mb-0\">\n                        Encuentra tu sucursal más cercana\n                    </h2>\n                    <div class=\"sub-title\">\n                        Con más de 1,100 sucursales en todo el país, siempre habrá un Presta Prenda cerca de ti.\n                        <br/>Ingresa tu dirección o C.P. y localiza tu sucursal más cercana\n                    </div>\n                </div>\n                <div class=\"col text-center\">\n                    <div class=\"col-12 button-bottom text-center\">\n                        <a href=\"/sucursales\" target=\"_blank\" class=\"btn btn-primary btn-orange\"\n                           @click=\"createLog('Buscar mi sucursal más cercana', false)\">\n                            Buscar sucursal\n                        </a>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"footer-container mb-5\">\n            <Footer :activeElement=\"step == 3\" :isMobile=\"isMobile\" :step=\"step\"/>\n        </div>\n    </div>\n</div>\n","<template>\n    <div class=\"container text-center\">\n        <div>\n            <StepSlider :step=\"step\" :steps=\"steps\" :isMobile=\"isMobile\" :titles=\"titles\" @increase-step=\"setStep\"/>\n        </div>\n        <div class=\"steps-container mt-5 mx-auto\">\n            <div v-if=\"step == 1\" class=\"items-container\">\n                <p>{{ type.titulo_paso_2.value }}</p>\n                <ItemSelector :items=\"type.prendas.value\" @selectItem=\"setGarment\"/>\n            </div>\n            <div class=\"items-container\" v-if=\"step == 2\">\n                <p>{{sectionThreeTitle()}}</p>\n                <GoldSliders @setDetails=\"setGarmentDetails\" :garment=\"garment\" :garmentTitle=\"type.titulo.value\"/>\n            </div>\n            <div class=\"mx-auto my-5\" v-if=\"step === 3\" style=\"width: 80%; color: black\">\n                <GarmentValue :garment=\"garment\" @setLoan=\"sendGarment\">\n                    <template v-slot:header>\n                        <span v-if=\"slug === 'vende'\">\n                            Por la <span style=\"color: #2C5697; font-weight: bold\">venta</span> de {{ garmentInformation().match(/Aretes/)? 'tus': 'tu' }}  <span style=\"color: #2C5697; font-weight: bold\" v-html=\"garmentInformation()\"/> te damos\n                        </span>\n                        <span v-else-if=\"slug === 'resguarda'\">\n                            Por el <span style=\"color: #2C5697; font-weight: bold\">resguardo</span> de {{ garmentInformation().match(/Aretes/)? 'tus': 'tu' }} <span style=\"color: #2C5697; font-weight: bold\" v-html=\"garmentInformation()\"/> te damos\n                        </span>\n                    </template>\n                </GarmentValue>\n                <div class=\"loan w-50 mx-auto\">\n                    <button :disabled=\"!haveLoan\" class=\"btn btn-blue\" @click=\"createLog('Calcula el valor de otra prenda')\">Calcula el valor de otra prenda\n                    </button>\n                </div>\n                <div id=\"sucursales\" class=\"mt-5\">\n                    <div class=\"col text-center\">\n                        <h2 class=\"title mb-0\">\n                            Encuentra tu sucursal más cercana\n                        </h2>\n                        <div class=\"sub-title\">\n                            Con más de 1,100 sucursales en todo el país, siempre habrá un Presta Prenda cerca de ti.\n                            <br/>Ingresa tu dirección o C.P. y localiza tu sucursal más cercana\n                        </div>\n                    </div>\n                    <div class=\"col text-center\">\n                        <div class=\"col-12 button-bottom text-center\">\n                            <a href=\"/sucursales\" target=\"_blank\" class=\"btn btn-primary btn-orange\"\n                               @click=\"createLog('Buscar mi sucursal más cercana', false)\">\n                                Buscar sucursal\n                            </a>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class=\"footer-container mb-5\">\n                <Footer :activeElement=\"step == 3\" :isMobile=\"isMobile\" :step=\"step\"/>\n            </div>\n        </div>\n    </div>\n</template>\n<script>\nimport Valuation from \"@/components/mixins/valuation.js\";\nimport StepSlider from \"./StepSlider.vue\";\nimport ItemSelector from \"./ItemSelector.vue\";\nimport GoldSliders from \"./GarmentSliders.vue\";\nimport GarmentValue from \"./GarmentValue.vue\";\nimport Footer from \"./Footer.vue\";\n\nexport default {\n    mixins: [Valuation],\n    components: {Footer, GarmentValue, StepSlider, ItemSelector, GoldSliders},\n    data(){\n        return{\n            steps: [\n                {value: 1, title: \"Selecciona tu prenda\"},\n                {value: 2, title: \"Detalles de la prenda\"},\n                {value: 3, title: \"Valor de la prenda\"},\n            ],\n            titles: ['¿Qué tipo de joya de oro?','','Valor de la prenda']\n        }\n    },\n    beforeMount() {\n        let prenda = {\n            tipo: {value: 'joya',},\n            categoria: {value: 'oro',},\n        }\n        this.setGarments(prenda)\n        this.setStep(1)\n    }\n\n}\n</script>\n<style lang=\"scss\" scoped>\n.steps-container {\n    max-width: 970px;\n}\n\n.btn-blue {\n    color: white;\n    padding-inline: 3rem !important;\n}\n\n.cta-blue {\n    color: #2C5697;\n    text-decoration: underline;\n    cursor: pointer;\n    margin: 1rem auto;\n}\n\n.title {\n    color: #2C5697;\n    font-weight: 600;\n}\n\n.subtitle {\n    color: #767676;\n}\n\n\n.orange {\n    color: #F9A13B;\n}\n\n.blue {\n    color: #2C5697;\n}\n\n.btn {\n    text-transform: none;\n}\n\n#sucursales {\n    padding-top: 0;\n\n    .btn-orange {\n        padding-inline: 4rem !important;\n    }\n\n    .sub-title {\n        font-size: 17px;\n    }\n}\n\n.loan {\n    display: flex;\n    flex-direction: column;\n\n    a {\n        margin: auto;\n        width: 50%;\n        min-width: 260px;\n    }\n}\n\n@media (max-width: 801px) {\n    .container {\n        width: 100% !important;\n        padding: 0;\n    }\n    .item-calculator-container {\n        flex-direction: column;\n        width: 100%;\n    }\n    .left-container, .right-container {\n        width: 100% !important;\n    }\n    .steps-container {\n        margin-top: 1rem !important;\n    }\n    .items-container {\n        p {\n            display: none !important;\n        }\n    }\n    .loan {\n        width: 90% !important;\n    }\n}\n\n</style>","import Vue from 'vue'\nimport App from '../components/appraiser/CotizaTusPrendas.vue'\n\ndocument.addEventListener('DOMContentLoaded', () => {\n    const app = new Vue({\n        render: h => h(App, {\n            props: {\n                prendas: prendas ? prendas : [],\n                aforos: aforos ? aforos : {},\n                slug: slug ? slug : null,\n            }\n        })\n    }).$mount('#main')\n})"],"names":["render","_vm","_h","_c","$event","staticRenderFns","__vue2_script","Valuation","Footer","GarmentValue","StepSlider","ItemSelector","GoldSliders","prenda","Vue","h","App"],"mappings":"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"}