{"version":3,"sources":["webpack:///./src/views/Checkout/CheckoutCart.vue?d00d","webpack:///src/views/Checkout/CheckoutCart.vue","webpack:///./src/views/Checkout/CheckoutCart.vue?092a","webpack:///./src/views/Checkout/CheckoutCart.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","staticClass","_m","advancedCart","orderItems","_l","item","key","orderItemId","staticStyle","attrs","nameItem","name","textColour","toLowerCase","imagePath","_v","_s","parentName","variantCSV","variantNames","_f","priceInPence","on","$event","decreaseQuantity","domProps","quantity","increaseQuantity","removeFromCart","_e","basketPriceDisplay","shippingPriceAsDisplay","grandTotalDisplay","errors","preventDefault","applyCoupon","directives","rawName","value","form","expression","class","$v","coupon","$error","target","composing","$set","submitting","required","staticRenderFns","components","NameChild","data","e1","validations","computed","isAuthenticated","$store","getters","user","a","cart","basketId","getCartPrice","methods","result","emptyCart","dispatch","updateCart","upddateQuantity","console","log","$touch","$invalid","metaInfo","title","titleTemplate","created","component","product","imageAndTextColour","nameSelected","props","NameImage","NameImageMug","goToNameProduct","$router","push"],"mappings":"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","file":"js/CheckoutCart.f7fa153e.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('main',{staticClass:\"pt-5\"},[_vm._m(0),_c('div',{staticClass:\"py-6\"},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"table-content table-responsive cart-table-content\"},[(_vm.advancedCart && _vm.advancedCart.orderItems)?_c('table',{staticClass:\"table table-bordered align-middle\"},[_vm._m(1),_c('tbody',_vm._l((_vm.advancedCart.orderItems),function(item){return _c('tr',{key:'chkbasket-' + item.orderItemId},[_c('td',{staticClass:\"text-center product-thumbnail\"},[_c('div',{staticClass:\"d-flex justify-content-center\"},[_c('div',{staticStyle:{\"width\":\"180px\"}},[_c('NameChild',{attrs:{\"nameSelected\":item.nameItem,\"product\":{ name: item.name },\"imageAndTextColour\":{ textColour: item.textColour.toLowerCase(), imagePath: item.imagePath }}})],1)])]),_c('td',{staticClass:\"text-center product-name\"},[_c('a',{staticClass:\"text-reset\",attrs:{\"href\":\"#\"}},[_vm._v(_vm._s(item.parentName))]),_c('br'),_c('span',[_vm._v(_vm._s(_vm.variantCSV(item.variantNames)))])]),_c('td',{staticClass:\"text-center product-price-cart\"},[_c('span',{staticClass:\"amount\"},[_vm._v(_vm._s(_vm._f(\"penceAsMoney\")(item.priceInPence)))])]),_c('td',{staticClass:\"text-center product-quantity\"},[_c('div',{staticClass:\"cart-qty d-inline-flex\"},[_c('div',{staticClass:\"dec qty-btn\",on:{\"click\":function($event){return _vm.decreaseQuantity(item)}}},[_vm._v(\"-\")]),_c('input',{staticClass:\"cart-qty-input form-control\",attrs:{\"type\":\"text\",\"name\":\"qtybutton\"},domProps:{\"value\":item.quantity}}),_c('div',{staticClass:\"inc qty-btn\",on:{\"click\":function($event){return _vm.increaseQuantity(item)}}},[_vm._v(\"+\")])])]),_c('td',{staticClass:\"text-center product-subtotal\"},[_vm._v(_vm._s(_vm._f(\"penceAsMoney\")((item.priceInPence * item.quantity))))]),_c('td',{staticClass:\"product-remove text-end text-nowrap\"},[_c('button',{staticClass:\"btn btn-sm btn-outline-danger text-nowrap px-3\",attrs:{\"href\":\"#\"},on:{\"click\":function($event){return _vm.removeFromCart(item)}}},[_c('i',{staticClass:\"bi bi-x lh-1\"}),_vm._v(\" \"),_c('span',{staticClass:\"d-none d-md-inline-block\"},[_vm._v(\"Remove\")])])])])}),0)]):_vm._e()]),_c('div',{staticClass:\"d-flex\"},[_c('div',[_c('router-link',{staticClass:\"btn btn-outline-dark\",attrs:{\"to\":\"/\"}},[_vm._v(\"Continue Shopping\")])],1)]),_c('div',{staticClass:\"row flex-row-reverse pt-4\"},[_c('div',{staticClass:\"col-md-6 col-lg-4 offset-lg-2\"},[_c('div',{staticClass:\"card\"},[_vm._m(2),_c('div',{staticClass:\"card-body \"},[_c('ul',{staticClass:\"list-unstyled\"},[_c('li',{staticClass:\"d-flex justify-content-between align-items-center mb-2\"},[_c('h6',{staticClass:\"me-2 text-body\"},[_vm._v(\"Subtotal\")]),_c('span',{staticClass:\"text-end\"},[_vm._v(_vm._s(_vm.basketPriceDisplay))])]),_c('li',{staticClass:\"d-flex justify-content-between align-items-center mb-2\"},[_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))])])]),_c('div',{staticClass:\"d-grid gap-2 mx-auto\"},[_c('router-link',{staticClass:\"btn btn-primary\",attrs:{\"to\":'/checkout/signin'}},[_vm._v(\" PROCEED TO CHECKOUT\")])],1)])])]),_c('div',{staticClass:\"col-md-6 col-lg-6 \"},[_c('div',{staticClass:\"card\"},[_vm._m(3),_c('div',{staticClass:\"card-body \"},[_c('FormErrors',{attrs:{\"errors\":_vm.errors}}),_c('form',{on:{\"submit\":function($event){$event.preventDefault();return _vm.applyCoupon($event)}}},[_c('div',{staticClass:\"form-group mb-3\"},[_c('label',{staticClass:\"form-label\"},[_vm._v(\"Have a Coupon Code?\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.form.coupon),expression:\"form.coupon\"}],staticClass:\"form-control\",class:{ 'is-invalid': _vm.$v.form.coupon.$error },attrs:{\"type\":\"text\",\"placeholder\":\"\"},domProps:{\"value\":(_vm.form.coupon)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.form, \"coupon\", $event.target.value)}}}),(_vm.submitting && !_vm.$v.form.coupon.required)?_c('div',{staticClass:\"invalid-feedback\"},[_vm._v(\"Coupon is required\")]):_vm._e()]),_c('button',{staticClass:\"btn btn-outline-primary\"},[_vm._v(\"Apply\")])])],1)])])])])])])}\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-6 my-2\"},[_c('h1',{staticClass:\"m-0 h4 text-center text-lg-start\"},[_vm._v(\"Shopping Cart\")])]),_c('div',{staticClass:\"col-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(\"Shopping Cart\")])])])])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('thead',[_c('tr',{staticClass:\"text-uppercase\"},[_c('th',{staticClass:\"text-dark text-center fw-500 text-nowrap\"},[_vm._v(\"Image\")]),_c('th',{staticClass:\"text-dark text-center fw-500 text-nowrap\"},[_vm._v(\"Product Name\")]),_c('th',{staticClass:\"text-dark text-center fw-500 text-nowrap\"},[_vm._v(\"Unit Price\")]),_c('th',{staticClass:\"text-dark text-center fw-500 text-nowrap\"},[_vm._v(\"Qty\")]),_c('th',{staticClass:\"text-dark text-center fw-500 text-nowrap\"},[_vm._v(\"Subtotal\")]),_c('th',{staticClass:\"text-dark fw-500 text-end text-nowrap\"},[_vm._v(\"action\")])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"card-header bg-transparent py-3\"},[_c('h6',{staticClass:\"m-0 mb-1\"},[_vm._v(\"Order Total\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"card-header bg-transparent py-3\"},[_c('h6',{staticClass:\"m-0\"},[_vm._v(\"Use Coupon Code\")])])}]\n\nexport { render, staticRenderFns }","<template>\n  <!-- Main -->\n  <main class=\"pt-5\">\n    <!-- <pre> {{ advancedCart }}</pre> -->\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-6 my-2\">\n            <h1 class=\"m-0 h4 text-center text-lg-start\">Shopping Cart</h1>\n          </div>\n          <div class=\"col-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\">Shopping Cart</li>\n            </ol>\n          </div>\n        </div>\n      </div>\n    </div>\n    <!-- End Breadcrumb -->\n    <!-- Cart Table -->\n    <div class=\"py-6\">\n      <div class=\"container\">\n        <!-- Cart Table -->\n        <div class=\"table-content table-responsive cart-table-content\">\n          <table class=\"table table-bordered align-middle\" v-if=\"advancedCart && advancedCart.orderItems\">\n            <thead>\n              <tr class=\"text-uppercase\">\n                <th class=\"text-dark text-center fw-500 text-nowrap\">Image</th>\n                <th class=\"text-dark text-center fw-500 text-nowrap\">Product Name</th>\n                <th class=\"text-dark text-center fw-500 text-nowrap\">Unit Price</th>\n                <th class=\"text-dark text-center fw-500 text-nowrap\">Qty</th>\n                <th class=\"text-dark text-center fw-500 text-nowrap\">Subtotal</th>\n                <th class=\"text-dark fw-500 text-end text-nowrap\">action</th>\n              </tr>\n            </thead>\n            <tbody>\n              <tr v-for=\"item in advancedCart.orderItems\" :key=\"'chkbasket-' + item.orderItemId\">\n                <td class=\"text-center product-thumbnail\">\n                  <!-- <a class=\"text-reset\" href=\"#\"><img src=\"../static/img/1000x1000.jpg\" class=\"img-fluid\" width=\"100\" alt=\"\"/></a> -->\n                  <div class=\"d-flex justify-content-center\">\n                    <div style=\"width:180px\">\n                      <!-- <NameImage :textColour=\"item.textColour.toLowerCase()\" :nameSelected=\"item.nameItem\" :productImagePath=\"item.imagePath\" :productName=\"item.name\" /> -->\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>\n                </td>\n                <td class=\"text-center product-name\">\n                  <a class=\"text-reset\" href=\"#\">{{ item.parentName }}</a>\n                  <br />\n                  <span>{{ variantCSV(item.variantNames) }}</span>\n                </td>\n                <td class=\"text-center product-price-cart\">\n                  <span class=\"amount\">{{ item.priceInPence | penceAsMoney }}</span>\n                </td>\n                <td class=\"text-center product-quantity\">\n                  <div class=\"cart-qty d-inline-flex\">\n                    <div class=\"dec qty-btn\" @click=\"decreaseQuantity(item)\">-</div>\n                    <input class=\"cart-qty-input form-control\" type=\"text\" name=\"qtybutton\" :value=\"item.quantity\" />\n                    <div class=\"inc qty-btn\" @click=\"increaseQuantity(item)\">+</div>\n                  </div>\n                </td>\n                <td class=\"text-center product-subtotal\">{{ (item.priceInPence * item.quantity) | penceAsMoney }}</td>\n                <td class=\"product-remove text-end text-nowrap\">\n                  <!-- <a href=\"#\" class=\"btn btn-sm btn-outline-secondary text-nowrap px-3\"\n                    ><i class=\"bi bi-pencil-square lh-1\"></i> <span class=\"d-none d-md-inline-block\">Edit</span></a\n                  > -->\n                  <button href=\"#\" class=\"btn btn-sm btn-outline-danger text-nowrap px-3\" @click=\"removeFromCart(item)\">\n                    <i class=\"bi bi-x lh-1\"></i> <span class=\"d-none d-md-inline-block\">Remove</span>\n                  </button>\n                </td>\n              </tr>\n            </tbody>\n          </table>\n        </div>\n        <!-- Cart Table -->\n        <div class=\"d-flex\">\n          <div>\n            <router-link class=\"btn btn-outline-dark\" to=\"/\">Continue Shopping</router-link>\n          </div>\n          <!-- <div class=\"ms-auto\">\n            <a class=\"btn btn-outline-primary\" href=\"#\">\n              <span class=\"d-none d-sm-inline\">Update shopping cart</span>\n              <span class=\"d-inline d-sm-none\">Next</span>\n              <i class=\"ci-arrow-right mt-sm-0 ms-1\"></i>\n            </a>\n          </div> -->\n        </div>\n        <div class=\"row flex-row-reverse pt-4\">\n          <div class=\"col-md-6 col-lg-4 offset-lg-2\">\n            <div class=\"card\">\n              <div class=\"card-header bg-transparent py-3\">\n                <h6 class=\"m-0 mb-1\">Order Total</h6>\n              </div>\n              <div class=\"card-body \">\n                <ul class=\"list-unstyled\">\n                  <li class=\"d-flex justify-content-between align-items-center mb-2\">\n                    <h6 class=\"me-2 text-body\">Subtotal</h6>\n                    <span class=\"text-end\">{{ basketPriceDisplay }}</span>\n                  </li>\n                  <li class=\"d-flex justify-content-between align-items-center mb-2\">\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 class=\"d-grid gap-2 mx-auto\">\n                  <router-link class=\"btn btn-primary\" :to=\"'/checkout/signin'\"> PROCEED TO CHECKOUT</router-link>\n                </div>\n              </div>\n            </div>\n          </div>\n          <div class=\"col-md-6 col-lg-6 \">\n            <div class=\"card\">\n              <div class=\"card-header bg-transparent py-3\">\n                <h6 class=\"m-0\">Use Coupon Code</h6>\n              </div>\n              <div class=\"card-body \">\n                <FormErrors :errors=\"errors\" />\n\n                <form class=\"\" @submit.prevent=\"applyCoupon\">\n                  <div class=\"form-group mb-3\">\n                    <label class=\"form-label\">Have a Coupon Code?</label>\n                    <input type=\"text\" class=\"form-control\" placeholder=\"\" v-model=\"form.coupon\" :class=\"{ 'is-invalid': $v.form.coupon.$error }\" />\n                    <div class=\"invalid-feedback\" v-if=\"submitting && !$v.form.coupon.required\">Coupon is required</div>\n                  </div>\n                  <button class=\"btn btn-outline-primary\">Apply</button>\n                </form>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <!-- Cart Table -->\n  </main>\n  <!-- End Main -->\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'\nimport NameChild from '@/components/Shared/NameChild'\nimport checkoutService from '@/services/checkout.service.gen'\nimport { required } from 'vuelidate/lib/validators'\n\nexport default {\n  components: {\n    NameChild\n    // CheckoutPayment,\n  },\n  data() {\n    return {\n      //cart: [],\n      e1: 1,\n      form: {\n        coupon: ''\n      },\n      submitting: false,\n      errors: []\n    }\n  },\n  validations: {\n    form: {\n      coupon: {\n        required\n      }\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    applyCoupon() {\n      this.$v.$touch()\n\n      this.errors = []\n      if (this.$v.$invalid) {\n        return\n      }\n      this.submitting = true\n\n      checkoutService\n        .applyCoupon(this.form.coupon)\n        .then(({ data }) => {\n          console.log('daaata:', data)\n          this.submitting = false\n        })\n        .catch(error => {\n          console.log(error)\n          this.submitting = false\n          this.errors = error.response.data.errors\n        })\n    }\n  },\n  metaInfo: {\n    title: 'MuzMerch',\n    titleTemplate: 'Cart | Checkout | %s'\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!./CheckoutCart.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!./CheckoutCart.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CheckoutCart.vue?vue&type=template&id=766b148a&scoped=true&\"\nimport script from \"./CheckoutCart.vue?vue&type=script&lang=js&\"\nexport * from \"./CheckoutCart.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  \"766b148a\",\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":""}