{"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/CheckoutAuth.vue?fd92","webpack:///src/views/Checkout/CheckoutAuth.vue","webpack:///./src/views/Checkout/CheckoutAuth.vue?f8c8","webpack:///./src/views/Checkout/CheckoutAuth.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"],"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","isLoggedIn","on","$event","proxy","AuthSignUpForm","AuthLoginForm","CheckoutWithSideBarWrapper","isValidCart","metaInfo","title","titleTemplate","product","imageAndTextColour","nameSelected","props","NameImage","NameImageMug","goToNameProduct"],"mappings":"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","file":"js/CheckoutAuth.64c3d283.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.isLoggedIn)?_c('div',{staticClass:\"p-5\"},[_c('h6',[_vm._v(\"You are logged in as \"+_vm._s(_vm.email))])]):_vm._e(),(!_vm.isLoggedIn)?_c('div',[(_vm.showLogin)?_c('div',{staticClass:\"card-body\"},[_c('h5',{staticClass:\"border-bottom mb-4 pb-3\"},[_vm._v(\"Sign in to your account\")]),_c('AuthLoginForm',{attrs:{\"isFromCheckout\":true}})],1):_vm._e(),(!_vm.showLogin)?_c('div',{staticClass:\"card-body\"},[_c('h5',{staticClass:\"border-bottom mb-4 pb-3\"},[_vm._v(\"Register Now\")]),_c('AuthSignUpForm',{attrs:{\"isFromCheckout\":true}})],1):_vm._e()]):_vm._e(),(_vm.isLoggedIn)?_c('div',{staticClass:\"p-4\"},[(_vm.isValidCart)?_c('button',{staticClass:\"btn btn-primary w-100\",attrs:{\"type\":\"submit\"},on:{\"click\":function($event){return _vm.goToAddress()}}},[_vm._v(\"Continue\")]):_vm._e()]):_vm._e()])]},proxy:true}])})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <CheckoutWithSideBarWrapper>\n    <template #content>\n      <div class=\"card\">\n        <div v-if=\"isLoggedIn\" class=\"p-5\">\n          <h6>You are logged in as {{ email }}</h6>\n        </div>\n\n        <div v-if=\"!isLoggedIn\">\n          <div class=\"card-body\" v-if=\"showLogin\">\n            <h5 class=\"border-bottom mb-4 pb-3\">Sign in to your account</h5>\n            <AuthLoginForm :isFromCheckout=\"true\" />\n          </div>\n\n          <div class=\"card-body\" v-if=\"!showLogin\">\n            <h5 class=\"border-bottom mb-4 pb-3\">Register Now</h5>\n            <AuthSignUpForm :isFromCheckout=\"true\" />\n          </div>\n        </div>\n\n        <div class=\"p-4\" v-if=\"isLoggedIn\">\n          <button type=\"submit\" v-if=\"isValidCart\" class=\"btn btn-primary w-100\" @click=\"goToAddress()\">Continue</button>\n        </div>\n      </div>\n    </template>\n  </CheckoutWithSideBarWrapper>\n</template>\n\n<script>\nimport AuthSignUpForm from '@/components/Shared/AuthSignUpForm'\nimport AuthLoginForm from '@/components/Shared/AuthLoginForm'\nimport CheckoutWithSideBarWrapper from './CheckoutWithSideBarWrapper'\n\nexport default {\n  components: {\n    AuthSignUpForm,\n    AuthLoginForm,\n    CheckoutWithSideBarWrapper\n  },\n  data() {\n    return {\n      // showLogin: true\n    }\n  },\n  computed: {\n    isLoggedIn() {\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    isValidCart() {\n      return this.$store.getters['cart/isValidCart']\n    }\n  },\n  methods: {\n    goToAddress() {\n      this.$router.push({ name: 'CheckoutAddress' })\n    },\n    toggleShowLogin() {\n      this.showLogin = !this.showLogin\n    }\n  },\n  metaInfo: {\n    title: 'MuzMerch',\n    titleTemplate: 'User | Checkout | %s'\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!./CheckoutAuth.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!./CheckoutAuth.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CheckoutAuth.vue?vue&type=template&id=1d9cf701&scoped=true&\"\nimport script from \"./CheckoutAuth.vue?vue&type=script&lang=js&\"\nexport * from \"./CheckoutAuth.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  \"1d9cf701\",\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"],"sourceRoot":""}