{"version":3,"sources":["webpack:///./src/assets/images/icons/ic_checkmark_circle.svg","webpack:///./src/views/payment/Finish.vue?d721","webpack:///src/views/payment/Finish.vue","webpack:///./src/views/payment/Finish.vue?db2d","webpack:///./src/views/payment/Finish.vue","webpack:///./src/views/payment/Finish.vue?ef2e"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_m","_v","contactDetails","_s","email","phoneNumber","staticRenderFns","name","computed","mounted","$store","dispatch","component"],"mappings":"qGAAAA,EAAOC,QAAU,IAA0B,wC,kECA3C,IAAIC,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACF,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,MAAM,CAACE,YAAY,qBAAqBC,MAAM,CAAC,IAAM,EAAQ,QAAiD,IAAM,YAAYP,EAAIQ,GAAG,GAAGJ,EAAG,MAAM,CAACE,YAAY,8BAA8B,CAACF,EAAG,IAAI,CAACE,YAAY,4BAA4B,CAACN,EAAIS,GAAG,iBAAiBL,EAAG,KAAK,CAACE,YAAY,uBAAuBC,MAAM,CAAC,KAAO,MAAM,CAACP,EAAIQ,GAAG,GAAGR,EAAIQ,GAAG,GAAGJ,EAAG,KAAK,CAACJ,EAAIS,GAAG,mBAAmBL,EAAG,OAAO,CAACE,YAAY,oBAAoB,CAACN,EAAIS,GAAG,+MAA+ML,EAAG,MAAMA,EAAG,IAAI,CAACE,YAAY,mBAAmBC,MAAM,CAAC,KAAQ,UAAaP,EAAIU,eAAoB,QAAK,CAACN,EAAG,IAAI,CAACJ,EAAIS,GAAGT,EAAIW,GAAGX,EAAIU,eAAeE,YAAYZ,EAAIS,GAAG,KAAKL,EAAG,OAAO,CAACE,YAAY,oBAAoB,CAACN,EAAIS,GAAG,SAASL,EAAG,IAAI,CAACE,YAAY,mBAAmBC,MAAM,CAAC,KAAQ,OAAUP,EAAIU,eAA0B,cAAK,CAACN,EAAG,IAAI,CAACJ,EAAIS,GAAGT,EAAIW,GAAGX,EAAIU,eAAeG,6BAC5qCC,EAAkB,CAAC,WAAa,IAAId,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,8BAA8B,CAACF,EAAG,IAAI,CAACE,YAAY,wBAAwB,CAACN,EAAIS,GAAG,sFAAsFL,EAAG,IAAI,CAACE,YAAY,gDAAgD,CAACN,EAAIS,GAAG,kIAAkI,WAAa,IAAIT,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,KAAK,CAACJ,EAAIS,GAAG,qBAAqBL,EAAG,OAAO,CAACE,YAAY,oBAAoB,CAACN,EAAIS,GAAG,sOAAsO,WAAa,IAAIT,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,KAAK,CAACJ,EAAIS,GAAG,uBAAuBL,EAAG,OAAO,CAACE,YAAY,oBAAoB,CAACN,EAAIS,GAAG,wP,oCC8BrjC,GACEM,KAAM,SACNC,SAAU,OAAZ,OAAY,CAAZ,GACA,gBACI,eAAJ,YAAM,OAAN,qCAGEC,QAPF,WAQIhB,KAAKiB,OAAOC,SAAS,EAAzB,QCvC+V,I,yBCQ3VC,EAAY,eACd,EACArB,EACAe,GACA,EACA,KACA,KACA,MAIa,aAAAM,E,4CCnBf","file":"js/chunk-16794f33.4d3ada4a.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/ic_checkmark_circle.07dabaa4.svg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"payment-finish-page\"},[_c('div',{staticClass:\"payment-finish\"},[_c('img',{staticClass:\"payment-finish-img\",attrs:{\"src\":require(\"@/assets/images/icons/ic_checkmark_circle.svg\"),\"alt\":\"circle\"}}),_vm._m(0),_c('div',{staticClass:\"payment-finish-instruction\"},[_c('p',{staticClass:\"payment-finish-text mb-0\"},[_vm._v(\"Next Steps:\")]),_c('ol',{staticClass:\"payment-finish-steps\",attrs:{\"type\":\"1\"}},[_vm._m(1),_vm._m(2),_c('li',[_vm._v(\" Stay Updated: \"),_c('span',{staticClass:\"font-weight-thin\"},[_vm._v(\"We will keep you updated throughout the process to ensure transparency and clarity. If you have any questions or require assistance at any point, feel free to reach out to our dedicated support team at\")]),_c('br'),_c('a',{staticClass:\"font-weight-thin\",attrs:{\"href\":(\"mailto:\" + (_vm.contactDetails.email))}},[_c('u',[_vm._v(_vm._s(_vm.contactDetails.email))])]),_vm._v(\" \"),_c('span',{staticClass:\"font-weight-thin\"},[_vm._v(\"or \")]),_c('a',{staticClass:\"font-weight-thin\",attrs:{\"href\":(\"tel:\" + (_vm.contactDetails.phoneNumber))}},[_c('u',[_vm._v(_vm._s(_vm.contactDetails.phoneNumber))])])])])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"payment-finish-notify mt-3\"},[_c('p',{staticClass:\"payment-finish-title\"},[_vm._v(\"Congratulations, you have successfully completed the pre-approval with AutoFlip.\")]),_c('p',{staticClass:\"payment-finish-content font-weight-thin mb-4\"},[_vm._v(\"Your payment method is successfully verified, ensuring a smooth and hassle-free experience as you proceed with your sale.\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',[_vm._v(\"Receive Invoice: \"),_c('span',{staticClass:\"font-weight-thin\"},[_vm._v(\"Within the next 24 hours, you will receive an invoice confirming the pre-authorization of your success fee. This invoice will detail the amount pre-authorised and provide further information regarding the payment process.\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',[_vm._v(\"Payment Deduction: \"),_c('span',{staticClass:\"font-weight-thin\"},[_vm._v(\"Your payment will be deducted in full after 7 days from the pre-authorisation date. This timeframe allows you ample time to complete the necessary steps for your sale, including handing over your car and receiving payment from your buyer.\")])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"payment-finish-page\">\n    <div class=\"payment-finish\">\n      <img src=\"@/assets/images/icons/ic_checkmark_circle.svg\" class=\"payment-finish-img\" alt=\"circle\">\n      <div class=\"payment-finish-notify mt-3\">\n        <p class=\"payment-finish-title\">Congratulations, you have successfully completed the pre-approval with AutoFlip.</p>\n        <p class=\"payment-finish-content font-weight-thin mb-4\">Your payment method is successfully verified, ensuring a smooth and hassle-free experience as you proceed with your sale.</p>\n      </div>\n      <div class=\"payment-finish-instruction\">\n        <p class=\"payment-finish-text mb-0\">Next Steps:</p>\n        <ol class=\"payment-finish-steps\" type=\"1\">\n          <li>Receive Invoice: <span class=\"font-weight-thin\">Within the next 24 hours, you will receive an invoice confirming the pre-authorization of your success fee. This invoice will detail the amount pre-authorised and provide further information regarding the payment process.</span></li>\n          <li>Payment Deduction: <span class=\"font-weight-thin\">Your payment will be deducted in full after 7 days from the pre-authorisation date. This timeframe allows you ample time to complete the necessary steps for your sale, including handing over your car and receiving payment from your buyer.</span></li>\n          <li>\n            Stay Updated: <span class=\"font-weight-thin\">We will keep you updated throughout the process to ensure transparency and clarity. \n            If you have any questions or require assistance at any point, feel free to reach out to our dedicated support team at</span>\n            <br>\n            <a :href=\"`mailto:${contactDetails.email}`\" class=\"font-weight-thin\"><u>{{ contactDetails.email }}</u></a> <span class=\"font-weight-thin\">or </span>\n            <a :href=\"`tel:${contactDetails.phoneNumber}`\" class=\"font-weight-thin\"><u>{{ contactDetails.phoneNumber }}</u></a>\n          </li>\n        </ol>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { mapState } from \"vuex\";\nimport {\n  CLEAR_ALL_PAYMENT_INFO,\n} from \"@/store/payment/actions\";\nexport default {\n  name: \"Finish\",\n  computed: {\n    ...mapState({\n      contactDetails: (state) => state.commonVariables.contactDetails,\n    }),\n  },\n  mounted () {\n    this.$store.dispatch(CLEAR_ALL_PAYMENT_INFO);\n  },\n};\n</script>\n\n<style lang=\"scss\">\n.container {\n  max-width: 100vw;\n  @media screen and (min-width: 768px) {\n    padding: 0 !important;\n  }\n}\n.payment-finish-page {\n  background-color: #F9FAFB;\n  min-height: 92vh;\n  overflow: hidden;\n  .payment-finish {\n    padding: 0 50px;\n    margin-left: auto;\n    margin-right: auto;\nmargin-top: 45px;\n    @media (min-width: 1200px) {\n      max-width: 1140px;\n    }\n    .payment-finish-img {\n      display: block;\n      width: 68px;\n      height: 68px;\n      margin-left: auto;\n      margin-right: auto;\n    }\n    .payment-finish-notify {\n      text-align: center;\n      .payment-finish-title {\n        font-size: 20px;\n        color: var(--primary-color);\n        width: 80%;\n        margin-left: auto;\n        margin-right: auto;\n      }\n      .payment-finish-content { \n        font-size: 16px; \n      }\n    }\n    .payment-finish-instruction {\n      font-size: 16px;\n      .payment-finish-steps {\n        padding: 0 0 0 17px !important;\n      }\n      .payment-finish-text {\n        color: var(--primary-color);\n      }\n      .payment-finish-steps {\n        a {\n          color: #000000;\n        }\n      } \n    }\n  }\n}\n\n@media screen and(min-width: 768px) {\n  .payment-finish {\n    .payment-finish-notify {\n      text-align: left !important;\n      .payment-finish-title {\n        font-size: 22px !important;\n      }\n      .payment-finish-content {\n        font-size: 17px !important;\n      }\n    }\n    .payment-finish-instruction {\n      font-size: 17px !important;\n    }\n  }\n}\n@media screen and(min-width: 991px) {\n  .payment-finish {\n    padding: 0 200px !important;\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!./Finish.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!./Finish.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Finish.vue?vue&type=template&id=0acba002&\"\nimport script from \"./Finish.vue?vue&type=script&lang=js&\"\nexport * from \"./Finish.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Finish.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","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!./Finish.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}