{"version":3,"sources":["webpack:///./src/views/checkouts/checkout-orders/CheckoutOrders.vue?7d17","webpack:///./src/views/checkouts/checkout-orders/CheckoutOrders.vue?ebd9","webpack:///src/views/checkouts/checkout-orders/CheckoutOrders.vue","webpack:///./src/views/checkouts/checkout-orders/CheckoutOrders.vue?57ca","webpack:///./src/views/checkouts/checkout-orders/CheckoutOrders.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_m","_l","order","key","id","_v","_s","orderTitle","orderNo","orderDateLabel","currencyUnit","subtotal","on","$event","retryPayment","attrs","_e","removePayment","staticRenderFns","components","data","orders","isStartLoading","isStartLoadingDelete","stripeAPIToken","stripe","methods","onLoadOrders","includeStripe","object","src","URL","callback","scriptTag","parentNode","insertBefore","computed","mounted","Stripe","component"],"mappings":"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","file":"js/chunk-2f30d6e5.5f8a84c7.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!./CheckoutOrders.vue?vue&type=style&index=0&id=44b7d3b0&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"main-body mx-auto\"},[_vm._m(0),_vm._l((_vm.orders),function(order){return _c('div',{key:order.id,staticClass:\"order-card dashboard-card\"},[_c('div',{staticClass:\"order-content\"},[_c('div',{staticClass:\"order-info\"},[_c('div',{staticClass:\"order-line\"},[_c('strong',[_vm._v(\"Service:\")]),_vm._v(\" \"+_vm._s(order.orderTitle))]),_c('div',{staticClass:\"order-line\"},[_c('strong',[_vm._v(\"Order ID:\")]),_vm._v(\" \"+_vm._s(order.orderNo))]),_c('div',{staticClass:\"order-line\"},[_c('strong',[_vm._v(\"Date:\")]),_vm._v(\" \"+_vm._s(order.orderDateLabel))]),_c('div',{staticClass:\"order-line\"},[_c('strong',[_vm._v(\"Price:\")]),_vm._v(\" \"+_vm._s(order.currencyUnit + ''+ order.subtotal))])]),_c('div',{staticClass:\"order-actions\"},[_c('button',{staticClass:\"lab-btn lab-btn-sm\",on:{\"click\":function($event){return _vm.retryPayment(order)}}},[(_vm.isStartLoading)?_c('b-spinner',{attrs:{\"small\":\"\"}}):_vm._e(),_vm._v(\" Pay \")],1),_c('button',{staticClass:\"lab-btn lab-btn-outline-mellow lab-btn-sm\",on:{\"click\":function($event){return _vm.removePayment(order)}}},[(_vm.isStartLoadingDelete)?_c('b-spinner',{attrs:{\"small\":\"\"}}):_vm._e(),_vm._v(\" Delete \")],1)])])])})],2)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"dashboard-card-title\"},[_c('h4',[_vm._v(\"Orders Awaiting Payment\")]),_c('p',[_vm._v(\"You can either complete the payment or remove the order if you no longer need it.\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"main-body mx-auto\">\r\n    <div class=\"dashboard-card-title\">\r\n      <h4>Orders Awaiting Payment</h4>\r\n      <p>You can either complete the payment or remove the order if you no longer need it.</p>\r\n    </div>\r\n    \r\n    <div class=\"order-card dashboard-card\" v-for=\"order in orders\" :key=\"order.id\">\r\n    <div class=\"order-content\">\r\n\r\n      <div class=\"order-info\">\r\n        <div class=\"order-line\"><strong>Service:</strong> {{ order.orderTitle }}</div>\r\n        <div class=\"order-line\"><strong>Order ID:</strong> {{ order.orderNo }}</div>\r\n        <div class=\"order-line\"><strong>Date:</strong> {{ order.orderDateLabel }}</div>\r\n        <div class=\"order-line\"><strong>Price:</strong> {{ order.currencyUnit + ''+ order.subtotal }}</div>\r\n      </div>\r\n\r\n      <div class=\"order-actions\">\r\n        <button class=\"lab-btn lab-btn-sm\" @click=\"retryPayment(order)\">\r\n          <b-spinner v-if=\"isStartLoading\" small/>\r\n          Pay\r\n        </button>\r\n        <button class=\"lab-btn lab-btn-outline-mellow lab-btn-sm\" @click=\"removePayment(order)\">\r\n          <b-spinner v-if=\"isStartLoadingDelete\" small/>\r\n          Delete\r\n        </button>\r\n      </div>\r\n\r\n    </div>\r\n  </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport ApiService from '@/common/api.service'\r\nimport AlertService from '@/common/alert.service'\r\n\r\nimport { stripeAPIToken } from '@/common/config';\r\n\r\nexport default {\r\n  components: {},\r\n  data() {\r\n    return {\r\n      orders: [],\r\n\r\n      isStartLoading: false,\r\n      isStartLoadingDelete: false,\r\n\r\n      stripeAPIToken,\r\n      stripe: null,\r\n    }\r\n  },\r\n  methods: {\r\n    onLoadOrders() {\r\n      ApiService.get('CheckoutOrder', {}, this)\r\n        .then(response => {\r\n          if (response.statusCode === 200) {\r\n            this.orders = response.result;\r\n          } else {\r\n            AlertService.error(response.message);\r\n          }\r\n        });\r\n    },\r\n\r\n    async retryPayment(orderItem) {\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 = orderItem.guid;\r\n       \r\n        if (!order_guid) {\r\n          AlertService.warning(this.$t('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    \r\n    async removePayment(orderItem) {\r\n       /* eslint-disable */\r\n      if(this.isStartLoadingDelete === true) {\r\n        return;\r\n      }\r\n      this.isStartLoadingDelete = true;\r\n\r\n      try {\r\n        const orderGuid = orderItem.guid;\r\n        if (!orderGuid) {\r\n          this.status = \"Missing order id.\";\r\n          return;\r\n        }\r\n        const response = await ApiService.post('CheckoutOrder/remove', { orderGuid }, this);\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.isStartLoadingDelete = false;\r\n      this.onLoadOrders();\r\n    },\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  computed: {\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    this.onLoadOrders();\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.order-card {\r\n  border-radius: 10px;\r\n  padding: 1rem;\r\n  margin-bottom: 1rem;\r\n  transition: 0.3s;\r\n}\r\n\r\n.order-content {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: flex-start;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.order-info {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 0.3rem;\r\n\r\n  .order-line {\r\n    font-size: 0.95rem;\r\n  }\r\n}\r\n\r\n.order-actions {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 0.5rem;\r\n  margin-left: auto; // sağa yasla\r\n}\r\n\r\n// ✅ Mobil düzen\r\n@media (max-width: 768px) {\r\n  .order-content {\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n  }\r\n\r\n  .order-actions {\r\n    width: 100%;\r\n    flex-direction: row;\r\n    justify-content: space-between;\r\n    margin-top: 1rem;\r\n\r\n    button {\r\n      flex: 1;\r\n    }\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!./CheckoutOrders.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!./CheckoutOrders.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CheckoutOrders.vue?vue&type=template&id=44b7d3b0&scoped=true&\"\nimport script from \"./CheckoutOrders.vue?vue&type=script&lang=js&\"\nexport * from \"./CheckoutOrders.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CheckoutOrders.vue?vue&type=style&index=0&id=44b7d3b0&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  \"44b7d3b0\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}