{"version":3,"sources":["webpack:///./src/views/Checkout/CheckoutWithSideBarWrapper.vue?a769","webpack:///./src/views/Checkout/CheckoutSideCart.vue?49ed","webpack:///src/views/Checkout/CheckoutSideCart.vue","webpack:///./src/views/Checkout/CheckoutSideCart.vue?c8e2","webpack:///./src/views/Checkout/CheckoutSideCart.vue","webpack:///src/views/Checkout/CheckoutWithSideBarWrapper.vue","webpack:///./src/views/Checkout/CheckoutWithSideBarWrapper.vue?ad7e","webpack:///./src/views/Checkout/CheckoutWithSideBarWrapper.vue","webpack:///./src/views/Checkout/CheckoutPayment.vue?981c","webpack:///./src/views/Checkout/CheckoutStripePayment.vue?77d4","webpack:///src/views/Checkout/CheckoutStripePayment.vue","webpack:///./src/views/Checkout/CheckoutStripePayment.vue?315c","webpack:///./src/views/Checkout/CheckoutStripePayment.vue?82a3","webpack:///src/views/Checkout/CheckoutPayment.vue","webpack:///./src/views/Checkout/CheckoutPayment.vue?6b50","webpack:///./src/views/Checkout/CheckoutPayment.vue","webpack:///./src/components/Shared/NameChild.vue?fdea","webpack:///src/components/Shared/NameChild.vue","webpack:///./src/components/Shared/NameChild.vue?f854","webpack:///./src/components/Shared/NameChild.vue","webpack:///./src/views/Checkout/CheckoutStripePayment.vue?aba1"],"names":["render","_vm","this","_h","$createElement","_c","_self","_m","staticClass","_t","staticRenderFns","_v","attrs","advancedCart","orderItems","_l","item","key","id","nameItem","name","textColour","toLowerCase","imagePath","_s","parentName","variantCSV","variantNames","quantity","priceAsCurrency","_e","basketPriceDisplay","shippingPriceAsDisplay","grandTotalDisplay","components","NameChild","data","cart","e1","computed","isAuthenticated","$store","getters","user","a","basketId","getCartPrice","methods","result","emptyCart","dispatch","updateCart","decreaseQuantity","upddateQuantity","increaseQuantity","console","log","removeFromCart","created","component","CheckoutSideCart","email","showLogin","goToAddress","$router","push","toggleShowLogin","scopedSlots","_u","fn","paidSuccessful","paidBasketId","proxy","errors","class","submitted","on","payWithCard","stripe","card","cardNumber","cardExpiry","cardCvc","clientSecret","$emit","mounted","style","Stripe","elements","create","mount","event","error","CheckoutWithSideBarWrapper","CheckoutStripePayment","showStripe","userData","metaInfo","title","titleTemplate","product","imageAndTextColour","nameSelected","props","NameImage","NameImageMug","goToNameProduct"],"mappings":"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","file":"js/CheckoutPayment.31ca6c6c.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('main',[_vm._m(0),_c('div',{staticClass:\"py-6\"},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"row flex-row-reverse\"},[_c('div',{staticClass:\"col-lg-5 ps-lg-5\"},[_c('CheckoutSideCart')],1),_c('div',{staticClass:\"col-lg-7\"},[_vm._t(\"content\")],2)])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"py-3 bg-gray-100\"},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"row align-items-center\"},[_c('div',{staticClass:\"col-lg-6 my-2\"},[_c('h1',{staticClass:\"m-0 h4 text-center text-lg-start\"},[_vm._v(\"Checkout\")])]),_c('div',{staticClass:\"col-lg-6 my-2\"},[_c('ol',{staticClass:\"breadcrumb dark-link m-0 small justify-content-center justify-content-lg-end\"},[_c('li',{staticClass:\"breadcrumb-item\"},[_c('a',{staticClass:\"text-nowrap\",attrs:{\"href\":\"#\"}},[_c('i',{staticClass:\"bi bi-home\"}),_vm._v(\"Home\")])]),_c('li',{staticClass:\"breadcrumb-item text-nowrap active\",attrs:{\"aria-current\":\"page\"}},[_vm._v(\"Checkout\")])])])])])])}]\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[(_vm.advancedCart && _vm.advancedCart.orderItems)?_c('ul',{staticClass:\"list-unstyled m-0 p-0\"},_vm._l((_vm.advancedCart.orderItems),function(item){return _c('li',{key:'sidebasket-' + item.id,staticClass:\"pb-3 mb-3 border-bottom\"},[_c('div',{staticClass:\"row align-items-center\"},[_c('div',{staticClass:\"col-4 col-md-4 col-lg-4\"},[_c('NameChild',{attrs:{\"nameSelected\":item.nameItem,\"product\":{ name: item.name },\"imageAndTextColour\":{ textColour: item.textColour.toLowerCase(), imagePath: item.imagePath }}})],1),_c('div',{staticClass:\"col-8\"},[_c('p',{staticClass:\"mb-1\"},[_c('a',{staticClass:\"text-dark fw-500\",attrs:{\"href\":\"#\"}},[_vm._v(_vm._s(item.parentName))]),_c('br'),_c('span',[_vm._v(_vm._s(_vm.variantCSV(item.variantNames)))]),_c('br'),_c('span',[_vm._v(\" X \"+_vm._s(item.quantity))]),_c('span',{staticClass:\"m-0 text-muted w-100 d-block\"},[_vm._v(_vm._s(item.priceAsCurrency))])])])])])}),0):_vm._e(),_c('ul',{staticClass:\"list-unstyled m-0\"},[_c('li',{staticClass:\"d-flex justify-content-between align-items-center border-top pt-3 mt-3\"},[_c('h6',{staticClass:\"me-2\"},[_vm._v(\"Subotal\")]),_c('span',{staticClass:\"text-end text-dark\"},[_vm._v(_vm._s(_vm.basketPriceDisplay))])]),_c('li',{staticClass:\"d-flex justify-content-between align-items-center border-top pt-3 mt-3\"},[_c('h6',{staticClass:\"me-2 text-body\"},[_vm._v(\"Shipping\")]),_c('span',{staticClass:\"text-end\"},[_vm._v(_vm._s(_vm.shippingPriceAsDisplay))])]),_c('li',{staticClass:\"d-flex justify-content-between align-items-center border-top pt-3 mt-3\"},[_c('h6',{staticClass:\"me-2\"},[_vm._v(\"Grand Total\")]),_c('span',{staticClass:\"text-end text-dark\"},[_vm._v(_vm._s(_vm.grandTotalDisplay))])])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"card\">\n    <div class=\"card-body\">\n      <ul class=\"list-unstyled m-0 p-0\" v-if=\"advancedCart && advancedCart.orderItems\">\n        <li class=\"pb-3 mb-3 border-bottom\" v-for=\"item in advancedCart.orderItems\" :key=\"'sidebasket-' + item.id\">\n          <div class=\"row align-items-center\">\n            <div class=\"col-4 col-md-4 col-lg-4\">\n              <!-- Image -->\n\n              <!-- <NameImage\n                :textColour=\"item.textColour.toLowerCase()\"\n                :nameSelected=\"item.nameItem\"\n                :productImagePath=\"item.imagePath\"\n                :productName=\"item.parentName\"\n                :size=\"120\"\n              /> -->\n              <NameChild\n                :nameSelected=\"item.nameItem\"\n                :product=\"{ name: item.name }\"\n                :imageAndTextColour=\"{ textColour: item.textColour.toLowerCase(), imagePath: item.imagePath }\"\n              />\n            </div>\n            <div class=\"col-8\">\n              <!-- <pre> {{ item }}</pre> -->\n              <!-- Title -->\n              <p class=\"mb-1\">\n                <a class=\"text-dark fw-500\" href=\"#\">{{ item.parentName }}</a>\n                <br />\n                <span>{{ variantCSV(item.variantNames) }}</span>\n                <br />\n                <span> X {{ item.quantity }}</span>\n                <span class=\"m-0 text-muted w-100 d-block\">{{ item.priceAsCurrency }}</span>\n              </p>\n              <!-- Remove -->\n              <!-- <a class=\"small link-danger ms-auto\" href=\"#!\"> <i class=\"bi bi-x\"></i> Remove </a> -->\n            </div>\n          </div>\n        </li>\n      </ul>\n      <ul class=\"list-unstyled m-0\">\n        <li class=\"d-flex justify-content-between align-items-center border-top pt-3 mt-3\">\n          <h6 class=\"me-2\">Subotal</h6>\n          <span class=\"text-end text-dark\">{{ basketPriceDisplay }}</span>\n        </li>\n        <li class=\"d-flex justify-content-between align-items-center border-top pt-3 mt-3\">\n          <h6 class=\"me-2 text-body\">Shipping</h6>\n          <span class=\"text-end\">{{ shippingPriceAsDisplay }}</span>\n        </li>\n        <li class=\"d-flex justify-content-between align-items-center border-top pt-3 mt-3\">\n          <h6 class=\"me-2\">Grand Total</h6>\n          <span class=\"text-end text-dark\">{{ grandTotalDisplay }}</span>\n        </li>\n      </ul>\n    </div>\n  </div>\n\n  <!-- :productImagePath=\"require('@/assets' + item.imagePath)\" -->\n  <!-- <div v-if=\"advancedCart\">\n    <div class=\"row\" v-for=\"item in advancedCart.orderItems\" :key=\"'chkbasket-' + item.id\">\n      <div class=\"col-12 col-sm-6 col-md-6\">\n        <NameImage\n          :textColour=\"item.textColour.toLowerCase()\"\n          :nameSlug=\"item.nameItem.nameSlug\"\n          :productImagePath=\"item.imagePath\"\n          :productName=\"item.parentName\"\n          :size=\"120\"\n        />\n      </div>\n      <div class=\"col-12 col-sm-6 col-md-6\">\n        <h3>{{ item.parentName }}</h3>\n        <h3>\n          <span>{{ variantCSV(item.variantNames) }}</span>\n        </h3>\n        <h3>\n          QTY X{{ item.quantity }}\n\n          <v-text-field v-model=\"item.quantity\" @change=\"upddateQuantity(item)\" label=\"Regular\"></v-text-field>\n        </h3>\n        <h3>Price {{ item.priceInPence | penceAsMoney }}</h3>\n\n        <v-btn elevation=\"2\" @click=\"removeFromCart(item)\">removeFromCart</v-btn>\n      </div>\n    </div>\n    <div class=\"row\">\n      <div class=\"col-12 d-flex justify-end\">\n        total <span>{{ getCartPrice | penceAsMoney }}</span>\n      </div>\n    </div>\n\n    <v-btn elevation=\"2\" @click=\"emptyCart()\">emptyCart</v-btn>\n\n    <v-btn elevation=\"2\" @click=\"updateCart()\">updateCart</v-btn>\n  </div> -->\n</template>\n<script>\n// import CheckoutPayment from '@/components/CheckoutPayment'\nimport basketService from '@/services/basket.service.gen'\n// import NameImage from '@/components/Shared/NameImage'\nimport NameChild from '@/components/Shared/NameChild'\n\nexport default {\n  components: {\n    //NameImage,\n    NameChild\n    // CheckoutPayment,\n  },\n  data() {\n    return {\n      cart: [],\n      e1: 1\n    }\n  },\n  computed: {\n    isAuthenticated() {\n      // var a = this.$store.getters.isAuthenticated\n      // return a\n      return this.$store.getters['firebaseAuth/isLoggedIn']\n    },\n    user() {\n      var a = this.$store.getters.user\n      return a\n    },\n    // cart() {\n    //   return this.$store.getters['cart/getCart']\n    // },\n    advancedCart() {\n      return this.$store.getters['cart/getAdvancedCart']\n    },\n    basketId() {\n      return this.$store.getters['cart/getBasketId']\n    },\n    getCartPrice() {\n      return this.$store.getters['cart/getCartPrice']\n    },\n    shippingPriceAsDisplay() {\n      return this.$store.getters['cart/getShippingPriceAsDisplay']\n    },\n\n    basketPriceDisplay() {\n      return this.$store.getters['cart/getBasketPriceDisplay']\n    },\n\n    grandTotalDisplay() {\n      return this.$store.getters['cart/getGrandTotalDisplay']\n    }\n  },\n  methods: {\n    variantCSV(list) {\n      const result = list.join(', ')\n\n      return result\n    },\n    emptyCart() {\n      this.cart = []\n      this.$store.dispatch('cart/emptyCart')\n    },\n\n    updateCart() {\n      let cartList = this.cart\n      this.$store.dispatch('cart/updateCart', { cartList: cartList })\n    },\n    // removeFromCart(item) {\n    //   this.$store.dispatch('cart/removeFromCart', item)\n    // }\n\n    decreaseQuantity(item) {\n      let quantity = item.quantity - 1\n      this.upddateQuantity(item, quantity)\n    },\n    increaseQuantity(item) {\n      let quantity = item.quantity + 1\n      this.upddateQuantity(item, quantity)\n    },\n\n    upddateQuantity(item, quantity) {\n      console.log('🚀 ~ file: Checkout.vue ~ line 173 ~ upddateQuantity ~ item', item)\n      //alert(item.quantity)\n\n      basketService\n        .updateBasketQuantity(this.basketId, item.nameItem.id, item.id, quantity)\n        .then(({ data }) => {\n          console.log('daaata:', data)\n          this.$store.dispatch('cart/setCart', data)\n        })\n        .catch(error => {\n          console.log(error)\n        })\n    },\n\n    removeFromCart(item) {\n      basketService\n        .removeItem(this.basketId, item.nameItem.id, item.id)\n        .then(({ data }) => {\n          console.log('daaata:', data)\n          this.$store.dispatch('cart/setCart', data)\n        })\n        .catch(error => {\n          console.log(error)\n        })\n      //this.$store.dispatch('cart/removeFromCart', item)\n    }\n  },\n\n  created() {\n    this.cart = this.$store.getters['cart/getCart']\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped></style>\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!./CheckoutSideCart.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!./CheckoutSideCart.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CheckoutSideCart.vue?vue&type=template&id=4ac4f0bc&scoped=true&\"\nimport script from \"./CheckoutSideCart.vue?vue&type=script&lang=js&\"\nexport * from \"./CheckoutSideCart.vue?vue&type=script&lang=js&\"\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  \"4ac4f0bc\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <main>\n    <!-- Breadcrumb -->\n    <div class=\"py-3 bg-gray-100\">\n      <div class=\"container\">\n        <div class=\"row align-items-center\">\n          <div class=\"col-lg-6 my-2\">\n            <h1 class=\"m-0 h4 text-center text-lg-start\">Checkout</h1>\n          </div>\n          <div class=\"col-lg-6 my-2\">\n            <ol class=\"breadcrumb dark-link m-0 small justify-content-center justify-content-lg-end\">\n              <li class=\"breadcrumb-item\">\n                <a class=\"text-nowrap\" href=\"#\"><i class=\"bi bi-home\"></i>Home</a>\n              </li>\n              <li class=\"breadcrumb-item text-nowrap active\" aria-current=\"page\">Checkout</li>\n            </ol>\n          </div>\n        </div>\n      </div>\n    </div>\n    <!-- End Breadcrumb -->\n    <!-- Table -->\n    <div class=\"py-6\">\n      <div class=\"container\">\n        <div class=\"row flex-row-reverse\">\n          <!-- sidebar -->\n          <div class=\"col-lg-5 ps-lg-5\">\n            <CheckoutSideCart />\n          </div>\n          <div class=\"col-lg-7\">\n            <slot name=\"content\"></slot>\n          </div>\n        </div>\n      </div>\n    </div>\n    <!--Table -->\n  </main>\n  <!-- End Main -->\n\n  <!-- <div v-if=\"isAuthenticated\">\n      <h4>You are logged in as {{ email }}</h4>\n    </div>\n    <div v-if=\"!isAuthenticated\">\n      <div class=\"row\" v-if=\"showLogin\">\n        <div class=\"d-flex justify-center align-start \">\n          <div>\n            <AuthLoginForm />\n            Need to create an account? <v-btn text small color=\"primary\" @click=\"toggleShowLogin()\">Register</v-btn>\n          </div>\n        </div>\n      </div>\n      <div class=\"row\" v-if=\"!showLogin\">\n        <div class=\"d-flex justify-center align-start \">\n          <div>\n            <AuthSignUpForm />\n            Already have an account? <v-btn text small color=\"primary\" @click=\"toggleShowLogin()\">Log In</v-btn>\n          </div>\n        </div>\n      </div>\n    </div> -->\n</template>\n\n<script>\nimport CheckoutSideCart from './CheckoutSideCart'\n\nexport default {\n  components: {\n    CheckoutSideCart\n  },\n  data() {\n    return {\n      // showLogin: true\n    }\n  },\n  computed: {\n    isAuthenticated() {\n      //var a = this.$store.getters.isAuthenticated\n      return this.$store.getters['firebaseAuth/isLoggedIn']\n    },\n    email() {\n      // var a = this.$store.getters.user\n      return this.$store.getters['firebaseAuth/email']\n    },\n    showLogin() {\n      return this.$store.getters['cart/getShowLoginForm']\n    }\n  },\n  methods: {\n    goToAddress() {\n      this.$router.push({ name: 'CheckoutAddress' })\n    },\n    toggleShowLogin() {\n      this.showLogin = !this.showLogin\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped></style>\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!./CheckoutWithSideBarWrapper.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!./CheckoutWithSideBarWrapper.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CheckoutWithSideBarWrapper.vue?vue&type=template&id=bf95aa50&scoped=true&\"\nimport script from \"./CheckoutWithSideBarWrapper.vue?vue&type=script&lang=js&\"\nexport * from \"./CheckoutWithSideBarWrapper.vue?vue&type=script&lang=js&\"\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  \"bf95aa50\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('CheckoutWithSideBarWrapper',{scopedSlots:_vm._u([{key:\"content\",fn:function(){return [_c('div',{staticClass:\"card\"},[(!_vm.paidSuccessful)?_c('div',{staticClass:\"card-body\"},[_c('h5',{staticClass:\"border-bottom mb-4 pb-3\"},[_vm._v(\"Payment\")]),_c('div',{staticClass:\"accordion accordion-alt pt-4\",attrs:{\"id\":\"payment-methods\"}},[_c('div',{staticClass:\"card mb-3 shadow-none border\"},[_c('div',{staticClass:\"card-header p-0 position-relative bg-transparent\"},[_c('div',{staticClass:\"form-check m-3\",attrs:{\"data-bs-toggle\":\"collapse\",\"data-bs-target\":\"#credit-card\"}},[_c('input',{staticClass:\"form-check-input\",attrs:{\"type\":\"radio\",\"name\":\"flexRadioDefault\",\"id\":\"flexRadioDefault1\",\"checked\":\"\"}}),_c('label',{staticClass:\"form-check-label h6 m-0 w-100 stretched-link\",attrs:{\"for\":\"flexRadioDefault1\"}},[_vm._v(\" Credit Card \")])])]),_c('div',{staticClass:\"collapse show\",attrs:{\"id\":\"credit-card\",\"data-bs-parent\":\"#payment-methods\"}},[_c('div',{staticClass:\"card-body p-3\"},[_c('CheckoutStripePayment')],1)])])])]):_vm._e(),(_vm.paidSuccessful)?_c('div',{staticClass:\"card-body\"},[_c('SuccessTick',{attrs:{\"isMini\":false}},[_vm._v(\"You order has been placed\")]),_c('h6',{staticClass:\"py-5\"},[_vm._v(\"Your Order Id is \"+_vm._s(_vm.paidBasketId))]),_c('h6',{staticClass:\"pb-5\"},[_vm._v(\"You can check the progress of your order in \"),_c('router-link',{attrs:{\"to\":\"/my-account\"}},[_vm._v(\"Your Account\")])],1),_c('h6',{staticClass:\"pb-5\"},[_vm._v(\"An confirmation email of this order has been sent to \"+_vm._s(_vm.email)+\". If you are unable to see the email please check your spam folder\")]),_c('router-link',{staticClass:\"btn btn-outline-dark\",attrs:{\"to\":\"/\"}},[_vm._v(\"Continue Shopping\")])],1):_vm._e()])]},proxy:true}])})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"p-3\"},[_c('div',{},[_vm._m(0),_c('FormErrors',{attrs:{\"errors\":_vm.errors}})],1),_c('div',{},[_c('button',{staticClass:\"btn btn-primary w-100\",class:{ 'primary white--text': true },attrs:{\"disabled\":_vm.submitted},on:{\"click\":_vm.payWithCard}},[_vm._v(\"Place Order\")]),_vm._m(1)])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"form-group mb-3\"},[_c('label',{staticClass:\"form-label\",attrs:{\"for\":\"cc-number\"}},[_vm._v(\"Card details\")]),_c('div',{staticClass:\"form-control\",attrs:{\"id\":\"card-element\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('p',{staticClass:\"m-0 pt-3\"},[_vm._v(\"By placing your order you agree to our \"),_c('a',{attrs:{\"href\":\"/terms\"}},[_vm._v(\"Terms & Conditions\")]),_vm._v(\", \"),_c('a',{attrs:{\"href\":\"/privacy\"}},[_vm._v(\"privacy and returns\")]),_vm._v(\" policies.\")])}]\n\nexport { render, staticRenderFns }","<template>\n  <!-- <CheckoutWithSideBarWrapper>\n    <template #content> -->\n  <!-- <div id=\"paypal-button-container\"></div> -->\n  <div class=\"p-3\">\n    <div class=\"\">\n      <div class=\"form-group mb-3\">\n        <label class=\"form-label\" for=\"cc-number\">Card details</label>\n        <div id=\"card-element\" class=\"form-control\"></div>\n      </div>\n      <FormErrors :errors=\"errors\" />\n    </div>\n    <div class=\"\">\n      <button class=\"btn btn-primary w-100\" @click=\"payWithCard\" :disabled=\"submitted\" :class=\"{ 'primary white--text': true }\">Place Order</button>\n      <p class=\"m-0 pt-3\">By placing your order you agree to our <a href=\"/terms\">Terms & Conditions</a>, <a href=\"/privacy\">privacy and returns</a> policies.</p>\n    </div>\n\n    <!-- <div class=\"card-body\" v-if=\"paidSuccessful\">\n      <SuccessTick :isMini=\"false\">You order has been placed</SuccessTick>\n      <h6 class=\"py-5\">Your Order Id is {{ paidBasketId }}</h6>\n      <h6 class=\"pb-5\">You can check the progress of your order in <router-link to=\"/my-account\">Your Account</router-link></h6>\n      <router-link class=\"btn btn-outline-dark\" to=\"/\">Continue Shopping</router-link>\n    </div> -->\n  </div>\n  <!-- <CheckoutPaypalPayment :basketId=\"basketId\" /> -->\n  <!-- </template>\n  </CheckoutWithSideBarWrapper> -->\n</template>\n\n<script>\n//import stripeService from '@/services/generated/stripe.service.gen'\nimport checkoutService from '@/services/checkout.service.gen'\n// import CheckoutWithSideBarWrapper from './CheckoutWithSideBarWrapper'\n// import CheckoutPaypalPayment from './CheckoutPaypalPayment'\n\nexport default {\n  //props: ['lessons', 'amount'],\n  components: {\n    // CheckoutWithSideBarWrapper,\n    // CheckoutPaypalPayment\n  },\n  data() {\n    return {\n      //lessonData: null,\n      //lessons: [],\n      //amount: 1400,\n      stripe: {},\n      card: {},\n      cardNumber: {},\n      cardExpiry: {},\n      cardCvc: {},\n      //hasCardErrors: false,\n      errors: [],\n      paidSuccessful: false,\n      submitted: false,\n      //paymentMethods: [],\n      //selectedPaymentMethod: '',\n      clientSecret: '',\n      paidBasketId: ''\n    }\n  },\n  computed: {\n    getCartPrice() {\n      return this.$store.getters['cart/getCartPrice']\n    },\n    basketId() {\n      return this.$store.getters['cart/getBasketId']\n    }\n  },\n  // watch: {\n  //   lessons() {\n  //     this.errors = []\n  //   }\n  // },\n  methods: {\n    // payForLesson() {\n    //   this.submitted = true\n    //   this.$emit('submitting')\n\n    //   this.stripe.createPaymentMethod('card', this.card).then(result => {\n    //     console.log('1TCL: payForLesson -> result', result)\n\n    //     if (result.error) {\n    //       this.errors = [result.error.message]\n    //       this.submitted = false\n    //     } else {\n    //       // Send paymentMethod.id to server\n    //       // var model = {\n    //       //   payment_method_id: result.paymentMethod.id,\n    //       //   lessons: this.lessons\n    //       // }\n    //       //StripeAPI.confirmPayment(model).then(result => {\n    //       stripeService.confirmPayment(result.paymentMethod.id, null, this.lessons, false).then(result => {\n    //         console.log('2TCL: payForLesson -> result', result)\n    //         // Handle server response (see Step 3)\n    //         //result.json().then(json => {\n    //         //  console.log('TCL: payForLesson -> json', json)\n    //         this.handleServerResponse(result)\n    //         //})\n    //       })\n    //     }\n    //   })\n    // },\n\n    // payForLessonWithMethod() {\n    //   this.submitted = true\n    //   this.$emit('submitting')\n\n    //   this.selectedPaymentMethod = this.paymentMethods[0].paymentMethodId\n\n    //   stripeService.confirmPayment(this.selectedPaymentMethod, null, this.lessons, true).then(result => {\n    //     console.log('2TCL: payForLesson -> result', result)\n    //     // Handle server response (see Step 3)\n    //     //result.json().then(json => {\n    //     //  console.log('TCL: payForLesson -> json', json)\n    //     this.handleServerResponse(result)\n    //     //})\n    //   })\n    // },\n\n    // handleServerResponse(response) {\n    //   console.log('3TCL: handleServerResponse -> response', response)\n    //   if (response.data.error) {\n    //     // Show error from server on payment form\n    //     this.errors = [response.data.error]\n    //     //this.errors = [response.data.error.message]\n\n    //     this.submitted = false\n    //   } else if (response.data.requires_action) {\n    //     console.log('TCL: handleServerResponse -> response.requires_action', response.data.requires_action)\n    //     // Use Stripe.js to handle required card action\n    //     this.handleAction(response.data)\n    //   } else {\n    //     // Show success message\n\n    //     //-------------------\n\n    //     //--------------------\n\n    //     this.paidSuccessful = true\n    //     setTimeout(() => {\n    //       this.$emit('finished')\n    //       this.paidSuccessful = false\n    //     }, 3000)\n    //   }\n    // },\n\n    // handleAction(response) {\n    //   this.stripe.handleCardAction(response.payment_intent_client_secret).then(result => {\n    //     console.log('4TCL: handleAction -> result', result)\n    //     if (result.error) {\n    //       // Show error in payment form\n    //       this.errors = [result.error.message]\n    //       this.submitted = false\n    //     } else {\n    //       // The card action has been handled\n    //       // The PaymentIntent can be confirmed again on the server\n    //       // var model = {\n    //       //   payment_intent_id: result.paymentIntent.id,\n    //       //   //payment_method_id: result.paymentIntent.payment_method,\n    //       //   lessons: this.lessons\n    //       // }\n    //       //StripeAPI.confirmPayment(model)\n    //       stripeService.confirmPayment(null, result.paymentIntent.id, this.lessons, false).then(confirmResult => {\n    //         console.log('5TCL: handleAction -> confirmResult', confirmResult)\n    //         this.handleServerResponse(confirmResult)\n    //       })\n    //     }\n    //   })\n    // },\n\n    //-----\n\n    // Calls stripe.confirmCardPayment\n    // If the card requires authentication Stripe shows a pop-up modal to\n    // prompt the user to enter authentication details without leaving your page.\n    payWithCard() {\n      this.submitted = true\n      this.$emit('submitting')\n      this.stripe\n        .confirmCardPayment(this.clientSecret, {\n          payment_method: {\n            card: this.card\n          }\n        })\n        .then(result => {\n          if (result.error) {\n            // Show error to your customer\n            //showError(result.error.message);\n            this.errors = [result.error.message]\n            this.submitted = false\n          } else {\n            // The payment succeeded!\n            //orderComplete(result.paymentIntent.id)\n            // this.paidSuccessful = true\n            // this.paidBasketId = this.basketId\n            // does setPaymentComplete do anything?\n            //this.$store.dispatch('cart/setPaymentComplete', true)\n            console.log('🚀 ~ file: CheckoutStripePayment.vue ~ line 187 ~ payWithCard ~ result', result)\n\n           \n\n            this.$store.dispatch('cart/setPaidSuccessful', true)\n            this.$store.dispatch('cart/setPaidBasketId', this.basketId)\n\n            this.$store.dispatch('cart/clearCart')\n\n             checkoutService\n              .setOrderPaidStripe(result.paymentIntent.id)\n              .then(({ data }) => {\n                console.log('daaata:', data)\n              })\n              .catch(error => {\n                console.log(error)\n              })\n            // setTimeout(() => {\n            //   //this.$emit('finished')\n            //   //this.paidSuccessful = false\n            // }, 3000)\n          }\n        })\n    }\n  },\n  created() {\n    //debugger;\n    // let orderItemsForCreationModel = this.$store.getters['cart/getOrderItemsForCreationModel']\n    // let shippingAddressId = this.$store.getters['cart/getShippingAddressId']\n    if (this.basketId) {\n      checkoutService\n        .confirmPayment(this.basketId)\n        .then(({ data }) => {\n          console.log('daaata:', data)\n          this.clientSecret = data.clientSecret\n        })\n        .catch(error => {\n          console.log(error)\n        })\n    }\n  },\n  mounted() {\n    var style = {\n      //   base: {\n      //     color: '#32325d',\n      //     fontFamily: '\"Helvetica Neue\", Helvetica, sans-serif',\n      //     fontSmoothing: 'antialiased',\n      //     fontSize: '16px',\n      //     '::placeholder': {\n      //       color: '#aab7c4'\n      //     }\n      //   },\n      //   invalid: {\n      //     color: '#fa755a',\n      //     iconColor: '#fa755a'\n      //   }\n    }\n\n    // eslint-disable-next-line no-undef\n    this.stripe = Stripe(process.env.VUE_APP_STRIPE_PK)\n    var elements = this.stripe.elements()\n\n    // this.cardNumber = elements.create('cardNumber', {})\n    // this.cardNumber.mount('#card-number')\n\n    // this.cardExpiry = elements.create('cardExpiry', {})\n    // this.cardExpiry.mount('#card-expiry')\n\n    // this.cardCvc = elements.create('cardCvc', {})\n    // this.cardCvc.mount('#card-cvc')\n\n    // Create an instance of the card Element.\n    this.card = elements.create('card', { style: style })\n\n    // Add an instance of the card Element into the `card-element` <div>.\n    this.card.mount('#card-element')\n\n    this.card.on('change', event => {\n      // Disable the Pay button if there are no card details in the Element\n      // document.querySelector('button').disabled = event.empty\n      // document.querySelector('#card-error').textContent = event.error ? event.error.message : ''\n      this.errors = []\n      //var displayError = document.getElementById('card-errors')\n      if (event.error) {\n        //displayError.textContent = event.error.message\n        //this.hasCardErrors = true\n        this.errors = [event.error.message]\n      } else {\n        //displayError.textContent = ''\n        this.errors = []\n      }\n    })\n\n    // // Handle real-time validation errors from the card Element.\n    // this.card.addEventListener('change', event => {\n    //   //this.hasCardErrors = false\n    //   this.errors = []\n    //   //var displayError = document.getElementById('card-errors')\n    //   if (event.error) {\n    //     //displayError.textContent = event.error.message\n    //     //this.hasCardErrors = true\n    //     this.errors = [event.error.message]\n    //   } else {\n    //     //displayError.textContent = ''\n    //     this.errors = []\n    //   }\n    // })\n  }\n}\n</script>\n\n<style scoped>\n/* .StripeElement {\n  box-sizing: border-box;\n\n  height: 40px;\n\n  padding: 10px 12px;\n\n  border: 1px solid transparent;\n  border-radius: 4px;\n  background-color: white;\n\n  box-shadow: 0 1px 3px 0 #e6ebf1;\n  -webkit-transition: box-shadow 150ms ease;\n  transition: box-shadow 150ms ease;\n} */\n\n.StripeElement--focus {\n  box-shadow: 0 1px 3px 0 #cfd7df;\n}\n\n.StripeElement--invalid {\n  border-color: #fa755a;\n}\n\n.StripeElement--webkit-autofill {\n  background-color: #fefde5 !important;\n}\n/* \n.rounded {\n  border-radius: 5px;\n} */\n\n.cc-label {\n  font-weight: bold;\n}\n</style>\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!./CheckoutStripePayment.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!./CheckoutStripePayment.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CheckoutStripePayment.vue?vue&type=template&id=11e407c1&scoped=true&\"\nimport script from \"./CheckoutStripePayment.vue?vue&type=script&lang=js&\"\nexport * from \"./CheckoutStripePayment.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CheckoutStripePayment.vue?vue&type=style&index=0&id=11e407c1&scoped=true&lang=css&\"\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  \"11e407c1\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <CheckoutWithSideBarWrapper>\n    <template #content>\n      <div class=\"card\">\n        <div class=\"card-body\" v-if=\"!paidSuccessful\">\n          <h5 class=\"border-bottom mb-4 pb-3\">Payment</h5>\n\n          <div class=\"accordion accordion-alt pt-4\" id=\"payment-methods\">\n            <div class=\"card mb-3 shadow-none border\">\n              <div class=\"card-header p-0 position-relative bg-transparent\">\n                <div class=\"form-check m-3\" data-bs-toggle=\"collapse\" data-bs-target=\"#credit-card\">\n                  <input class=\"form-check-input\" type=\"radio\" name=\"flexRadioDefault\" id=\"flexRadioDefault1\" checked=\"\" />\n                  <label class=\"form-check-label h6 m-0 w-100 stretched-link\" for=\"flexRadioDefault1\">\n                    Credit Card\n                  </label>\n                </div>\n              </div>\n              <div class=\"collapse show\" id=\"credit-card\" data-bs-parent=\"#payment-methods\">\n                <div class=\"card-body p-3\">\n                  <CheckoutStripePayment />\n                </div>\n              </div>\n            </div>\n            <!-- <div class=\"card shadow-none border\">\n              <div class=\"card-header p-0 position-relative bg-transparent\">\n                <div class=\"form-check m-3 collapsed\" data-bs-toggle=\"collapse\" data-bs-target=\"#paypal\">\n                  <input class=\"form-check-input\" type=\"radio\" name=\"flexRadioDefault\" id=\"paypal-radio1\" />\n                  <label class=\"form-check-label h6 m-0 stretched-link\" for=\"paypal-radio1\">\n                    Paypal\n                  </label>\n                </div>\n              </div>\n              <div class=\"collapse\" id=\"paypal\" data-bs-parent=\"#payment-methods\">\n                <div class=\"card-body p-3\">\n                  <CheckoutPaypalPayment />\n                </div>\n              </div>\n            </div> -->\n          </div>\n        </div>\n\n        <div class=\"card-body\" v-if=\"paidSuccessful\">\n          <SuccessTick :isMini=\"false\">You order has been placed</SuccessTick>\n          <h6 class=\"py-5\">Your Order Id is {{ paidBasketId }}</h6>\n          <h6 class=\"pb-5\">You can check the progress of your order in <router-link to=\"/my-account\">Your Account</router-link></h6>\n          <h6 class=\"pb-5\">An confirmation email of this order has been sent to {{ email }}. If you are unable to see the email please check your spam folder</h6>\n\n          <router-link class=\"btn btn-outline-dark\" to=\"/\">Continue Shopping</router-link>\n        </div>\n      </div>\n    </template>\n  </CheckoutWithSideBarWrapper>\n</template>\n\n<script>\n//import stripeService from '@/services/generated/stripe.service.gen'\n//import checkoutService from '@/services/checkout.service.gen'\nimport CheckoutWithSideBarWrapper from './CheckoutWithSideBarWrapper'\n// import CheckoutPaypalPayment from './CheckoutPaypalPayment'\nimport CheckoutStripePayment from './CheckoutStripePayment'\n\nexport default {\n  //props: ['lessons', 'amount'],\n  components: {\n    CheckoutWithSideBarWrapper,\n    // CheckoutPaypalPayment,\n    CheckoutStripePayment\n  },\n  data() {\n    return {\n      showStripe: true,\n      submitted: false,\n      //paymentMethods: [],\n      //selectedPaymentMethod: '',\n      clientSecret: ''\n    }\n  },\n  mounted() {\n    this.$store.dispatch('cart/setPaidSuccessful', false)\n    this.$store.dispatch('cart/setPaidBasketId', '')\n  },\n  computed: {\n    email() {\n      let userData = this.$store.getters['firebaseAuth/user']\n      return userData.email\n    },\n    getCartPrice() {\n      return this.$store.getters['cart/getCartPrice']\n    },\n    basketId() {\n      return this.$store.getters['cart/getBasketId']\n    },\n\n    paidSuccessful() {\n      return this.$store.getters['cart/getPaidSuccessful']\n    },\n\n    paidBasketId() {\n      return this.$store.getters['cart/getPaidBasketId']\n    }\n  },\n  metaInfo: {\n    title: 'MuzMerch',\n    titleTemplate: 'Payment | Checkout | %s'\n  }\n}\n</script>\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!./CheckoutPayment.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!./CheckoutPayment.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CheckoutPayment.vue?vue&type=template&id=7f201bf9&\"\nimport script from \"./CheckoutPayment.vue?vue&type=script&lang=js&\"\nexport * from \"./CheckoutPayment.vue?vue&type=script&lang=js&\"\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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.product.name != 'Mug')?_c('NameImage',{attrs:{\"textColour\":_vm.imageAndTextColour.textColour,\"nameSelected\":_vm.nameSelected,\"productImagePath\":_vm.imageAndTextColour.imagePath,\"productName\":_vm.product.name,\"size\":350}}):_vm._e(),(_vm.product.name == 'Mug')?_c('NameImageMug',{attrs:{\"textColour\":_vm.imageAndTextColour.textColour,\"nameSelected\":_vm.nameSelected,\"productImagePath\":_vm.imageAndTextColour.imagePath,\"productName\":_vm.product.name,\"size\":350}}):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <!-- <pre>  {{ nameSelected }}</pre>\n   <pre> {{ product }}</pre>\n  <pre>  {{ imageAndTextColour }}</pre> -->\n\n    <NameImage\n      v-if=\"product.name != 'Mug'\"\n      :textColour=\"imageAndTextColour.textColour\"\n      :nameSelected=\"nameSelected\"\n      :productImagePath=\"imageAndTextColour.imagePath\"\n      :productName=\"product.name\"\n      :size=\"350\"\n    />\n    <NameImageMug\n      v-if=\"product.name == 'Mug'\"\n      :textColour=\"imageAndTextColour.textColour\"\n      :nameSelected=\"nameSelected\"\n      :productImagePath=\"imageAndTextColour.imagePath\"\n      :productName=\"product.name\"\n      :size=\"350\"\n    />\n  </div>\n</template>\n\n<script>\n//import _ from 'lodash'\n//import namesService from '@/services/names.service.gen'\nimport NameImage from '@/components/Shared/NameImage'\nimport NameImageMug from '@/components/Shared/NameImageMug'\n\nexport default {\n  //props: ['nameSlug', 'nameId', 'product', 'imageAndTextColour', 'arabicWidth'],\n  props: ['nameSelected', 'product', 'imageAndTextColour'],\n\n  components: {\n    NameImage,\n    NameImageMug\n  },\n  // props: {\n  //   productWithImages: {\n  //     type: Object,\n  //     default: null\n  //   }\n  // },\n  data() {\n    return {\n      // productList: {},\n      // nameIdFromDb: 0\n      //nameSlug: ''\n    }\n  },\n  methods: {\n    goToNameProduct(productName) {\n      this.$router.push({ name: 'NameProduct', params: { nameSlug: this.nameSlug, product: productName.toLowerCase(), nameId: this.nameId } })\n    }\n  },\n  computed: {\n    // nameIdValue() {\n    //   if (this.nameId === undefined || this.nameId === 0) {\n    //     return this.nameIdFromDb\n    //   } else {\n    //     return this.nameId\n    //   }\n    // }\n  },\n\n  created() {\n    // //this.nameSlug = this.$route.params.name\n    // this.productList = this.$store.getters['products/getProducCategories']\n    // if (this.nameId === undefined || this.nameId === 0) {\n    //   namesService\n    //     .geBytNameSlug(this.nameSlug)\n    //     .then(({ data }) => {\n    //       console.log('daaata:', data)\n    //       this.nameIdFromDb = data.id\n    //     })\n    //     .catch(error => {\n    //       console.log(error)\n    //     })\n    // }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped></style>\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!./NameChild.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!./NameChild.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./NameChild.vue?vue&type=template&id=50818ca2&scoped=true&\"\nimport script from \"./NameChild.vue?vue&type=script&lang=js&\"\nexport * from \"./NameChild.vue?vue&type=script&lang=js&\"\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  \"50818ca2\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CheckoutStripePayment.vue?vue&type=style&index=0&id=11e407c1&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CheckoutStripePayment.vue?vue&type=style&index=0&id=11e407c1&scoped=true&lang=css&\""],"sourceRoot":""}