{"version":3,"sources":["webpack:///./src/views/checkouts/pages/OrderCancel.vue?a140","webpack:///./src/views/checkouts/pages/OrderCancel.vue?a8db","webpack:///src/views/checkouts/pages/OrderCancel.vue","webpack:///./src/views/checkouts/pages/OrderCancel.vue?fd5a","webpack:///./src/views/checkouts/pages/OrderCancel.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","on","goDashboard","retryPayment","attrs","_e","staticRenderFns","data","isStartLoading","stripeAPIToken","stripe","methods","$router","push","includeStripe","object","src","URL","callback","scriptTag","parentNode","insertBefore","mounted","Stripe","component"],"mappings":"kHAAA,W,gECAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,KAAK,CAACJ,EAAIO,GAAG,uBAAuBH,EAAG,IAAI,CAACJ,EAAIO,GAAG,qEAAqEH,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,SAAS,CAACE,YAAY,oBAAoBE,GAAG,CAAC,MAAQR,EAAIS,cAAc,CAACT,EAAIO,GAAG,qBAAqBH,EAAG,SAAS,CAACE,YAAY,UAAUE,GAAG,CAAC,MAAQR,EAAIU,eAAe,CAAEV,EAAkB,eAAEI,EAAG,YAAY,CAACO,MAAM,CAAC,MAAQ,MAAMX,EAAIY,KAAKZ,EAAIO,GAAG,wBAAwB,UAC/lBM,EAAkB,G,gDCoBtB,GACEC,KADF,WAEI,MAAO,CACLC,gBAAgB,EAEhBC,eAAN,OACMC,OAAQ,OAGZC,QAAS,CACPT,YADJ,WAEMR,KAAKkB,QAAQC,KAAK,MAGpB,aALJ,WAKA,oKAEA,qBAFA,oDAKA,oBALA,SAQA,4BACA,EATA,uBAUA,6BAVA,2CAaA,gDAbA,WAaA,EAbA,OAcA,mBAdA,kCAeA,mEAfA,gCAiBA,gCAjBA,qEAuBA,oBAvBA,6DAyBIC,cA9BJ,SA8BA,KACM,IAAN,sBACA,qBACA,+BACMC,EAAOC,IAAM,KAAOC,EAChBC,GAAV,uDACMC,EAAUC,WAAWC,aAAaN,EAAQI,KAG9CG,QAhDF,WAiDI5B,KAAKoB,cAAc,oBAAqB,WACtCpB,KAAKgB,OAASa,OAAO7B,KAAKe,iBAChC,cCxEmX,I,wBCQ/We,EAAY,eACd,EACAhC,EACAc,GACA,EACA,KACA,WACA,MAIa,aAAAkB,E","file":"js/chunk-1c617fb6.ebf6c866.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!./OrderCancel.vue?vue&type=style&index=0&id=742db280&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"cancel-container\"},[_c('div',{staticClass:\"cancel-content\"},[_c('h2',[_vm._v(\"Payment Cancelled\")]),_c('p',[_vm._v(\"You have cancelled the payment process or it was not completed.\")]),_c('div',{staticClass:\"button-group\"},[_c('button',{staticClass:\"lab-btn back mr-1\",on:{\"click\":_vm.goDashboard}},[_vm._v(\"Go to Dashboard\")]),_c('button',{staticClass:\"lab-btn\",on:{\"click\":_vm.retryPayment}},[(_vm.isStartLoading)?_c('b-spinner',{attrs:{\"small\":\"\"}}):_vm._e(),_vm._v(\" Try Payment Again \")],1)])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"cancel-container\">\r\n    <div class=\"cancel-content\">\r\n      <h2>Payment Cancelled</h2>\r\n      <p>You have cancelled the payment process or it was not completed.</p>\r\n      <div class=\"button-group\">\r\n        <button class=\"lab-btn back mr-1\" @click=\"goDashboard\">Go to Dashboard</button>\r\n        <button class=\"lab-btn\" @click=\"retryPayment\">\r\n          <b-spinner v-if=\"isStartLoading\" small/>\r\n          Try Payment Again\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport AlertService from '@/common/alert.service';\r\n\r\nimport { stripeAPIToken } from '@/common/config';\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      isStartLoading: false,\r\n\r\n      stripeAPIToken,\r\n      stripe: null,\r\n    }\r\n  },\r\n  methods: {\r\n    goDashboard() {\r\n      this.$router.push('/');\r\n    },\r\n    \r\n    async retryPayment() {\r\n       /* eslint-disable */\r\n      if(this.isStartLoading === true) {\r\n        return;\r\n      }\r\n      this.isStartLoading = true;\r\n\r\n      try {\r\n        const order_guid = this.$route.query.order_guid;\r\n        if (!order_guid) {\r\n          this.status = \"Missing order id.\";\r\n          return;\r\n        }\r\n        const response = await this.$store.dispatch('deepACheckout/newSession', order_guid);\r\n        if (response.statusCode === 200) {\r\n          await this.stripe.redirectToCheckout({ sessionId: response.result.paymentSessionId });\r\n        } else {\r\n          AlertService.warning(this.$t(response.message));\r\n        }\r\n      } \r\n      catch {\r\n      }\r\n      \r\n      this.isStartLoading = false;\r\n    },\r\n    includeStripe( URL, callback ){\r\n      let documentTag = document, tag = 'script',\r\n        object = documentTag.createElement(tag),\r\n        scriptTag = documentTag.getElementsByTagName(tag)[0];\r\n      object.src = '//' + URL;\r\n      if (callback) { object.addEventListener('load', function (e) { callback(null, e); }, false); }\r\n      scriptTag.parentNode.insertBefore(object, scriptTag);\r\n    },\r\n  },\r\n  mounted() {\r\n    this.includeStripe('js.stripe.com/v3/', function(){\r\n      this.stripe = Stripe(this.stripeAPIToken);\r\n    }.bind(this));\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.cancel-container {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  height: 80vh;\r\n  text-align: center;\r\n}\r\n.cancel-content {\r\n  padding: 2rem;\r\n  border: 1px solid #ddd;\r\n  border-radius: 12px;\r\n  box-shadow: 0 2px 8px rgba(0,0,0,0.1);\r\n}\r\nh2 {\r\n  color: #FF5722;\r\n  margin-bottom: 1rem;\r\n}\r\nbutton {\r\n  margin-top: 1rem;\r\n}\r\n\r\n.button-group {\r\n  .back {\r\n    background-color: var(--lab-white-90);\r\n    color: var(--lab-black-65);\r\n  }\r\n}\r\n</style>\r\n","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!./OrderCancel.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!./OrderCancel.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./OrderCancel.vue?vue&type=template&id=742db280&scoped=true&\"\nimport script from \"./OrderCancel.vue?vue&type=script&lang=js&\"\nexport * from \"./OrderCancel.vue?vue&type=script&lang=js&\"\nimport style0 from \"./OrderCancel.vue?vue&type=style&index=0&id=742db280&lang=scss&scoped=true&\"\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  \"742db280\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}