{"version":3,"sources":["webpack:///./src/components/common/CustomDialog.vue?afab","webpack:///./src/components/common/CustomDialog.vue?bc33","webpack:///src/components/common/CustomDialog.vue","webpack:///./src/components/common/CustomDialog.vue?d8cd","webpack:///./src/components/common/CustomDialog.vue","webpack:///./src/assets/images/icons/ic_warning.svg"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","on","handleCancel","handleLeave","_e","staticRenderFns","component","module","exports"],"mappings":"kHAAA,W,gECAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAQF,EAAgB,aAAEI,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,MAAM,CAACE,YAAY,yBAAyB,CAACF,EAAG,MAAM,CAACE,YAAY,gCAAgC,CAACF,EAAG,MAAM,CAACG,MAAM,CAAC,IAAM,EAAQ,QAAwC,IAAM,aAAaH,EAAG,KAAK,CAACJ,EAAIQ,GAAG,gBAAgBJ,EAAG,IAAI,CAACE,YAAY,oBAAoB,CAACN,EAAIQ,GAAG,sGAAsGJ,EAAG,IAAI,CAACE,YAAY,yBAAyB,CAACN,EAAIQ,GAAG,gGAAgGJ,EAAG,IAAI,CAACE,YAAY,yBAAyB,CAACN,EAAIQ,GAAG,0CAA0CJ,EAAG,MAAM,CAACE,YAAY,yBAAyB,CAACF,EAAG,SAAS,CAACE,YAAY,uBAAuBG,GAAG,CAAC,MAAQT,EAAIU,eAAe,CAACV,EAAIQ,GAAG,QAAQJ,EAAG,SAAS,CAACE,YAAY,sBAAsBG,GAAG,CAAC,MAAQT,EAAIW,cAAc,CAAEX,EAAmB,gBAAEI,EAAG,YAAY,CAACE,YAAY,cAAcC,MAAM,CAAC,MAAQ,gBAAgB,CAACP,EAAIQ,GAAG,WAAW,SAASR,EAAIY,MAC9lCC,EAAkB,GCyBtB,GACE,KAAF,eACE,KAFF,WAGI,MAAJ,CACM,iBAAN,IAGE,MAAF,CACI,aAAJ,CACM,KAAN,QACM,UAAN,IAGE,QAAF,CACI,aADJ,WAEM,KAAN,gBAEI,YAJJ,WAIM,IAAN,OACA,uBACQ,KAAR,mBACQ,KAAR,cACQ,YAAR,WACU,EAAV,mBACU,EAAV,cAAY,KAAZ,WAAY,MAAZ,mBACA,SClDqW,I,wBCQjWC,EAAY,eACd,EACAf,EACAc,GACA,EACA,KACA,KACA,MAIa,aAAAC,E,8BCnBfC,EAAOC,QAAU,IAA0B","file":"js/chunk-32cbf7d1.207ed4b8.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CustomDialog.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.isDialogOpen)?_c('div',{staticClass:\"custom-dialog\"},[_c('div',{staticClass:\"custom-dialog-content\"},[_c('div',{staticClass:\"custom-dialog-text text-left\"},[_c('img',{attrs:{\"src\":require(\"@/assets/images/icons/ic_warning.svg\"),\"alt\":\"warning\"}}),_c('h3',[_vm._v(\"Save draft\")]),_c('p',{staticClass:\"font-weight-thin\"},[_vm._v(\"You won't be able to list your car until you provide all the required details and hit 'Confirm'.\")]),_c('p',{staticClass:\"font-weight-thin mt-3\"},[_vm._v(\"Please note that your saved changes may take a few minutes to appear when you login again.\")]),_c('p',{staticClass:\"font-weight-thin mt-3\"},[_vm._v(\"Are you sure you want to exit now?\")])]),_c('div',{staticClass:\"custom-dialog-buttons\"},[_c('button',{staticClass:\"custom-dialog-cancel\",on:{\"click\":_vm.handleCancel}},[_vm._v(\"No\")]),_c('button',{staticClass:\"custom-dialog-leave\",on:{\"click\":_vm.handleLeave}},[(_vm.isLoadingUpdate)?_c('b-spinner',{staticClass:\"btn-loading\",attrs:{\"label\":\"Loading...\"}}):[_vm._v(\" Yes \")]],2)])])]):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"custom-dialog\" v-if=\"isDialogOpen\">\n        <div class=\"custom-dialog-content\">\n            <div class=\"custom-dialog-text text-left\">\n                <img\n                    :src=\"require(`@/assets/images/icons/ic_warning.svg`)\"\n                    alt=\"warning\"\n                />\n                <h3>Save draft</h3>\n                <p class=\"font-weight-thin\">You won't be able to list your car until you provide all the required details and hit 'Confirm'.</p>\n                <p class=\"font-weight-thin mt-3\">Please note that your saved changes may take a few minutes to appear when you login again.</p>\n                <p class=\"font-weight-thin mt-3\">Are you sure you want to exit now?</p>\n            </div>\n            <div class=\"custom-dialog-buttons\">\n                <button class=\"custom-dialog-cancel\" @click=\"handleCancel\">No</button>\n                <button class=\"custom-dialog-leave\" @click=\"handleLeave\">\n                    <b-spinner v-if=\"isLoadingUpdate\" label=\"Loading...\" class=\"btn-loading\"></b-spinner>\n                    <template v-else>\n                        Yes\n                    </template>\n                </button>\n            </div>\n        </div>\n    </div>\n</template>\n<script>\nexport default {\n    name: 'CustomDialog',\n    data() {\n        return {\n            isLoadingUpdate: false,\n        }\n    },\n    props: {\n        isDialogOpen: {\n            type: Boolean,\n            required: true\n        },\n    },\n    methods: {\n        handleCancel() {\n            this.$emit('close');\n        },\n        handleLeave() {\n            if (!this.isLoadingUpdate) {\n                this.isLoadingUpdate = true;\n                this.$emit('save');\n                setTimeout(() => {\n                    this.isLoadingUpdate = false;\n                    this.$router.push({ name: \"top-page\", query: this.$route.query });\n                }, 10000);\n            }\n        },\n    },\n}\n</script>\n<style lang=\"scss\">\n.custom-dialog {\n    z-index: 9999999;\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(0, 0, 0, 0.5);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    h3 {\n        font-family: Avenir Next LT W05 Regular !important;\n        font-weight: 600 !important;\n        font-size: 18px;\n        margin-top: 15px;\n        line-height: 30px !important;\n    }\n    p {\n        margin-bottom: 4px;\n        font-size: 14px;\n        line-height: 20px;\n    }\n    button {\n        margin: 0 10px;\n        padding: 8px 16px;\n        border-radius: 4px;\n        cursor: pointer;\n    }\n    .custom-dialog-content {\n        background-color: #fff;\n        padding: 24px;\n        border-radius: 8px;\n        max-width: 400px;\n        text-align: center;\n        .custom-dialog-text {\n            width: 90%;\n        }\n        .custom-dialog-buttons {\n            display: flex;\n            justify-content: center;\n            margin-top: 29px;\n            .custom-dialog-cancel {\n                font-family: Avenir Next LT W05 Regular !important;\n                color: black;\n                font-weight: 600 !important;\n                width: 170px;\n                height: 44px;\n                background-color: #ffffff;\n                border: 1px solid var(--gray-300, #D0D5DD);\n                outline: none !important;\n                margin-left: 0 !important;\n            }\n            .custom-dialog-leave {\n                font-family: Avenir Next LT W05 Regular !important;\n                font-weight: 600 !important;\n                width: 170px;\n                height: 44px;\n                background-color: var(--primary-color);\n                color: #fff;\n                border: none;\n                outline: none !important;\n                margin-right: 0 !important;\n            }\n        }\n    }\n}\n@media screen and(max-width: 768px) {\n    .custom-dialog {\n        .custom-dialog-content {\n            max-width: 322px !important;\n        }\n    }\n    @media (orientation: landscape) {\n        .custom-dialog {\n            h3 {\n                margin-top: 4px !important;\n                margin-bottom: 4px !important;\n            }\n            .custom-dialog-content {\n                max-width: 450px !important;\n                padding: 20px !important;\n                .custom-dialog-buttons {\n                    margin-top: 14px !important;\n                }\n            }\n        }\n    }\n}\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CustomDialog.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CustomDialog.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CustomDialog.vue?vue&type=template&id=48db9136&\"\nimport script from \"./CustomDialog.vue?vue&type=script&lang=js&\"\nexport * from \"./CustomDialog.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CustomDialog.vue?vue&type=style&index=0&lang=scss&\"\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  null,\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/ic_warning.838bde1d.svg\";"],"sourceRoot":""}