{"version":3,"sources":["webpack:///./src/views/apps/e-commerce/e-commerce-product-details/ECommerceProductDetails.vue?a054","webpack:///./src/assets/images/elements/homepod.png","webpack:///./src/assets/images/elements/iphone-x.png","webpack:///./src/assets/images/elements/macbook-pro.png","webpack:///./src/assets/images/elements/magic-mouse.png","webpack:///./src/views/apps/e-commerce/e-commerce-product-details/ECommerceProductDetailsRelatedProducts.vue?351e","webpack:///./src/assets/images/elements/apple-watch.png","webpack:///./src/@core/utils/utils.js","webpack:///./src/views/apps/e-commerce/e-commerce-product-details/ECommerceProductDetails.vue?919d","webpack:///./src/views/apps/e-commerce/e-commerce-product-details/ECommerceProductDetailsItemFeatures.vue?fa29","webpack:///src/views/apps/e-commerce/e-commerce-product-details/ECommerceProductDetailsItemFeatures.vue","webpack:///./src/views/apps/e-commerce/e-commerce-product-details/ECommerceProductDetailsItemFeatures.vue?3388","webpack:///./src/views/apps/e-commerce/e-commerce-product-details/ECommerceProductDetailsItemFeatures.vue","webpack:///./src/views/apps/e-commerce/e-commerce-product-details/ECommerceProductDetailsRelatedProducts.vue?f0c2","webpack:///src/views/apps/e-commerce/e-commerce-product-details/ECommerceProductDetailsRelatedProducts.vue","webpack:///./src/views/apps/e-commerce/e-commerce-product-details/ECommerceProductDetailsRelatedProducts.vue?adcc","webpack:///./src/views/apps/e-commerce/e-commerce-product-details/ECommerceProductDetailsRelatedProducts.vue","webpack:///src/views/apps/e-commerce/e-commerce-product-details/ECommerceProductDetails.vue","webpack:///./src/views/apps/e-commerce/e-commerce-product-details/ECommerceProductDetails.vue?353f","webpack:///./src/views/apps/e-commerce/e-commerce-product-details/ECommerceProductDetails.vue","webpack:///./src/views/apps/e-commerce/useEcommerce.js"],"names":["module","exports","isObject","obj","isToday","date","today","Date","getDate","getMonth","getFullYear","isDynamicRouteActive","route","resolvedRoute","router","resolve","path","currentRoute","useRouter","vm","getCurrentInstance","proxy","state","reactive","$route","watch","r","toRefs","$router","showToast","type","message","Vue","$toast","component","ToastificationContent","props","title","icon","variant","removeAccents","str","normalize","replace","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","undefined","product","_v","name","image","_s","brand","price","_l","star","key","class","rating","description","_e","color","selectedColor","on","$event","directives","rawName","value","expression","modifiers","handleCartActionClick","isInCart","toggleProductInWishlist","isInWishlist","scopedSlots","_u","fn","staticRenderFns","swiperOptions","index","slot","components","BCardBody","BCardText","BImg","BLink","Swiper","SwiperSlide","setup","slidesPerView","spaceBetween","navigation","nextEl","prevEl","breakpoints","relatedProducts","require","Ripple","BCard","BRow","BCol","BButton","BDropdown","BDropdownItem","BAlert","ECommerceProductDetailsItemFeatures","ECommerceProductDetailsRelatedProducts","useEcommerceUi","ref","fetchProduct","productSlug","params","slug","productId","substring","lastIndexOf","store","dispatch","then","response","data","catch","error","status","useEcommerce","addProductInWishlist","removeProductFromWishlist","addProductInCart","removeProductFromCart","id","push","commit","cartItemsCount","handleWishlistCartActionClick","removeProductFromWishlistUi"],"mappings":"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","file":"js/chunk-63062f93.b9e45f98.js","sourcesContent":["export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ECommerceProductDetails.vue?vue&type=style&index=0&id=e260a3d0&prod&lang=scss&\"","module.exports = __webpack_public_path__ + \"img/homepod.e3172634.png\";","module.exports = __webpack_public_path__ + \"img/iphone-x.ff1daa9e.png\";","module.exports = __webpack_public_path__ + \"img/macbook-pro.fbbe4299.png\";","module.exports = __webpack_public_path__ + \"img/magic-mouse.3cf7a781.png\";","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ECommerceProductDetailsRelatedProducts.vue?vue&type=style&index=0&id=7c788f91&prod&lang=scss&\"","module.exports = __webpack_public_path__ + \"img/apple-watch.c51a5f8c.png\";","import Vue from 'vue';\r\nimport router from '@/router';\r\n// eslint-disable-next-line object-curly-newline\r\nimport {\r\n  reactive,\r\n  getCurrentInstance,\r\n  watch,\r\n  toRefs,\r\n} from '@vue/composition-api';\r\n\r\nimport ToastificationContent from '@core/components/toastification/ToastificationContent.vue';\r\n\r\nexport const isObject = (obj) => typeof obj === 'object' && obj !== null;\r\n\r\nexport const isToday = (date) => {\r\n  const today = new Date();\r\n  return (\r\n    /* eslint-disable operator-linebreak */\r\n    date.getDate() === today.getDate() &&\r\n    date.getMonth() === today.getMonth() &&\r\n    date.getFullYear() === today.getFullYear()\r\n    /* eslint-enable */\r\n  );\r\n};\r\n\r\nconst getRandomFromArray = (array) =>\r\n  array[Math.floor(Math.random() * array.length)];\r\n\r\n// ? Light and Dark variant is not included\r\n// prettier-ignore\r\nexport const getRandomBsVariant = () => getRandomFromArray(['primary', 'secondary', 'success', 'warning', 'danger', 'info'])\r\n\r\nexport const isDynamicRouteActive = (route) => {\r\n  const { route: resolvedRoute } = router.resolve(route);\r\n  return resolvedRoute.path === router.currentRoute.path;\r\n};\r\n\r\n// Thanks: https://medium.com/better-programming/reactive-vue-routes-with-the-composition-api-18c1abd878d1\r\nexport const useRouter = () => {\r\n  const vm = getCurrentInstance().proxy;\r\n  const state = reactive({\r\n    route: vm.$route,\r\n  });\r\n\r\n  watch(\r\n    () => vm.$route,\r\n    (r) => {\r\n      state.route = r;\r\n    }\r\n  );\r\n\r\n  return { ...toRefs(state), router: vm.$router };\r\n};\r\n\r\n/**\r\n * This is just enhancement over Object.extend [Gives deep extend]\r\n * @param {target} a Object which contains values to be overridden\r\n * @param {source} b Object which contains values to override\r\n */\r\n// export const objectExtend = (a, b) => {\r\n//   // Don't touch 'null' or 'undefined' objects.\r\n//   if (a == null || b == null) {\r\n//     return a\r\n//   }\r\n\r\n//   Object.keys(b).forEach(key => {\r\n//     if (Object.prototype.toString.call(b[key]) === '[object Object]') {\r\n//       if (Object.prototype.toString.call(a[key]) !== '[object Object]') {\r\n//         // eslint-disable-next-line no-param-reassign\r\n//         a[key] = b[key]\r\n//       } else {\r\n//         // eslint-disable-next-line no-param-reassign\r\n//         a[key] = objectExtend(a[key], b[key])\r\n//       }\r\n//     } else {\r\n//       // eslint-disable-next-line no-param-reassign\r\n//       a[key] = b[key]\r\n//     }\r\n//   })\r\n\r\n//   return a\r\n// }\r\n\r\nexport function showToast(type, message) {\r\n  if (type == 'success') {\r\n    Vue.$toast({\r\n      component: ToastificationContent,\r\n      props: {\r\n        title: message,\r\n        icon: 'ez_check',\r\n        variant: 'success',\r\n      },\r\n    });\r\n  } else {\r\n    Vue.$toast({\r\n      component: ToastificationContent,\r\n      props: {\r\n        title: message,\r\n        icon: 'ez_error',\r\n        variant: 'danger',\r\n      },\r\n    });\r\n  }\r\n}\r\n\r\nexport function removeAccents(str) {\r\n  return str.normalize('NFD').replace(/[\\u0300-\\u036f]/g, '');\r\n}\r\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:\"app-ecommerce-details\"},[_c('b-alert',{attrs:{\"variant\":\"danger\",\"show\":_vm.product === undefined}},[_c('h4',{staticClass:\"alert-heading\"},[_vm._v(\" Error fetching product data \")]),_c('div',{staticClass:\"alert-body\"},[_vm._v(\" No item found with this item slug. Check \"),_c('b-link',{staticClass:\"alert-link\",attrs:{\"to\":{ name: 'apps-e-commerce-shop'}}},[_vm._v(\" Shop \")]),_vm._v(\" for other items. \")],1)]),(_vm.product)?_c('b-card',{attrs:{\"no-body\":\"\"}},[_c('b-card-body',[_c('b-row',{staticClass:\"my-2\"},[_c('b-col',{staticClass:\"d-flex align-items-center justify-content-center mb-2 mb-md-0\",attrs:{\"cols\":\"12\",\"md\":\"5\"}},[_c('div',{staticClass:\"d-flex align-items-center justify-content-center\"},[_c('b-img',{staticClass:\"product-img\",attrs:{\"src\":_vm.product.image,\"alt\":(\"Image of \" + (_vm.product.name)),\"fluid\":\"\"}})],1)]),_c('b-col',{attrs:{\"cols\":\"12\",\"md\":\"7\"}},[_c('h4',[_vm._v(_vm._s(_vm.product.name))]),_c('b-card-text',{staticClass:\"item-company mb-0\"},[_c('span',[_vm._v(\"by\")]),_c('b-link',{staticClass:\"company-name\"},[_vm._v(\" \"+_vm._s(_vm.product.brand)+\" \")])],1),_c('div',{staticClass:\"ecommerce-details-price d-flex flex-wrap mt-1\"},[_c('h4',{staticClass:\"item-price mr-1\"},[_vm._v(\" $\"+_vm._s(_vm.product.price)+\" \")]),_c('ul',{staticClass:\"unstyled-list list-inline pl-1 border-left\"},_vm._l((5),function(star){return _c('li',{key:star,staticClass:\"ratings-list-item mr-25\"},[_c('feather-icon',{class:[{'fill-current': star <= _vm.product.rating}, star <= _vm.product.rating ? 'text-warning' : 'text-muted'],attrs:{\"icon\":\"StarIcon\",\"size\":\"18\"}})],1)}),0)]),_c('b-card-text',[_vm._v(\"Available - \"),_c('span',{staticClass:\"text-success\"},[_vm._v(\"In stock\")])]),_c('b-card-text',[_vm._v(_vm._s(_vm.product.description))]),_c('ul',{staticClass:\"product-features list-unstyled\"},[(_vm.product.hasFreeShipping)?_c('li',[_c('feather-icon',{attrs:{\"icon\":\"ShoppingCartIcon\"}}),_c('span',[_vm._v(\"Free Shipping\")])],1):_vm._e(),_c('li',[_c('feather-icon',{attrs:{\"icon\":\"DollarSignIcon\"}}),_c('span',[_vm._v(\"EMI options available\")])],1)]),_c('hr'),_c('div',{staticClass:\"product-color-options\"},[_c('h6',[_vm._v(\"Colors\")]),_c('ul',{staticClass:\"list-unstyled mb-0\"},_vm._l((_vm.product.colorOptions),function(color){return _c('li',{key:color,staticClass:\"d-inline-block\",class:{'selected': _vm.selectedColor === color},on:{\"click\":function($event){_vm.selectedColor = color}}},[_c('div',{staticClass:\"color-option\",class:(\"b-\" + color)},[_c('div',{staticClass:\"filloption\",class:(\"bg-\" + color)})])])}),0)]),_c('hr'),_c('div',{staticClass:\"d-flex flex-column flex-sm-row pt-1\"},[_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(255, 255, 255, 0.15)'),expression:\"'rgba(255, 255, 255, 0.15)'\",modifiers:{\"400\":true}}],staticClass:\"btn-cart mr-0 mr-sm-1 mb-1 mb-sm-0\",attrs:{\"variant\":\"primary\"},on:{\"click\":function($event){return _vm.handleCartActionClick(_vm.product)}}},[_c('feather-icon',{staticClass:\"mr-50\",attrs:{\"icon\":\"ShoppingCartIcon\"}}),_c('span',[_vm._v(_vm._s(_vm.product.isInCart ? 'View In Cart' : 'Add to Cart'))])],1),_c('b-button',{staticClass:\"btn-wishlist mr-0 mr-sm-1 mb-1 mb-sm-0\",attrs:{\"variant\":\"outline-secondary\"},on:{\"click\":function($event){return _vm.toggleProductInWishlist(_vm.product)}}},[_c('feather-icon',{staticClass:\"mr-50\",class:{'text-danger': _vm.product.isInWishlist},attrs:{\"icon\":\"HeartIcon\"}}),_c('span',[_vm._v(\"Wishlist\")])],1),_c('b-dropdown',{staticClass:\"btn-share\",attrs:{\"variant\":\"outline-secondary\",\"no-caret\":\"\",\"toggle-class\":\"btn-icon\",\"right\":\"\"},scopedSlots:_vm._u([{key:\"button-content\",fn:function(){return [_c('feather-icon',{attrs:{\"icon\":\"Share2Icon\"}})]},proxy:true}],null,false,4254340102)},_vm._l(([ 'FacebookIcon', 'TwitterIcon', 'YoutubeIcon', 'InstagramIcon' ]),function(icon){return _c('b-dropdown-item',{key:icon},[_c('feather-icon',{attrs:{\"icon\":icon}})],1)}),1)],1)],1)],1)],1),_c('e-commerce-product-details-item-features'),_c('e-commerce-product-details-related-products')],1):_vm._e()],1)}\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:\"item-features\"},[_c('div',{staticClass:\"row text-center\"},[_c('div',{staticClass:\"col-12 col-md-4 mb-4 mb-md-0\"},[_c('div',{staticClass:\"w-75 mx-auto\"},[_c('feather-icon',{attrs:{\"icon\":\"AwardIcon\",\"size\":\"35\"}}),_c('h4',{staticClass:\"mt-2 mb-1\"},[_vm._v(\" 100% Original \")]),_c('p',{staticClass:\"card-text\"},[_vm._v(\" Chocolate bar candy canes ice cream toffee. Croissant pie cookie halvah. \")])],1)]),_c('div',{staticClass:\"col-12 col-md-4 mb-4 mb-md-0\"},[_c('div',{staticClass:\"w-75 mx-auto\"},[_c('feather-icon',{attrs:{\"icon\":\"ClockIcon\",\"size\":\"35\"}}),_c('h4',{staticClass:\"mt-2 mb-1\"},[_vm._v(\" 10 Day Replacement \")]),_c('p',{staticClass:\"card-text\"},[_vm._v(\" Marshmallow biscuit donut dragée fruitcake. Jujubes wafer cupcake. \")])],1)]),_c('div',{staticClass:\"col-12 col-md-4 mb-4 mb-md-0\"},[_c('div',{staticClass:\"w-75 mx-auto\"},[_c('feather-icon',{attrs:{\"icon\":\"ShieldIcon\",\"size\":\"35\"}}),_c('h4',{staticClass:\"mt-2 mb-1\"},[_vm._v(\" 1 Year Warranty \")]),_c('p',{staticClass:\"card-text\"},[_vm._v(\" Cotton candy gingerbread cake I love sugar plum I love sweet croissant. \")])],1)])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"item-features\">\r\n    <div class=\"row text-center\">\r\n      <div class=\"col-12 col-md-4 mb-4 mb-md-0\">\r\n        <div class=\"w-75 mx-auto\">\r\n          <feather-icon\r\n            icon=\"AwardIcon\"\r\n            size=\"35\"\r\n          />\r\n          <h4 class=\"mt-2 mb-1\">\r\n            100% Original\r\n          </h4>\r\n          <p class=\"card-text\">\r\n            Chocolate bar candy canes ice cream toffee. Croissant pie cookie halvah.\r\n          </p>\r\n        </div>\r\n      </div>\r\n      <div class=\"col-12 col-md-4 mb-4 mb-md-0\">\r\n        <div class=\"w-75 mx-auto\">\r\n          <feather-icon\r\n            icon=\"ClockIcon\"\r\n            size=\"35\"\r\n          />\r\n          <h4 class=\"mt-2 mb-1\">\r\n            10 Day Replacement\r\n          </h4>\r\n          <p class=\"card-text\">\r\n            Marshmallow biscuit donut dragée fruitcake. Jujubes wafer cupcake.\r\n          </p>\r\n        </div>\r\n      </div>\r\n      <div class=\"col-12 col-md-4 mb-4 mb-md-0\">\r\n        <div class=\"w-75 mx-auto\">\r\n          <feather-icon\r\n            icon=\"ShieldIcon\"\r\n            size=\"35\"\r\n          />\r\n          <h4 class=\"mt-2 mb-1\">\r\n            1 Year Warranty\r\n          </h4>\r\n          <p class=\"card-text\">\r\n            Cotton candy gingerbread cake I love sugar plum I love sweet croissant.\r\n          </p>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n\r\n}\r\n</script>\r\n\r\n<style>\r\n\r\n</style>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ECommerceProductDetailsItemFeatures.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ECommerceProductDetailsItemFeatures.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ECommerceProductDetailsItemFeatures.vue?vue&type=template&id=172a0e36&\"\nimport script from \"./ECommerceProductDetailsItemFeatures.vue?vue&type=script&lang=js&\"\nexport * from \"./ECommerceProductDetailsItemFeatures.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('b-card-body',[_c('div',{staticClass:\"mt-4 mb-2 text-center\"},[_c('h4',[_vm._v(\"Related Products\")]),_c('b-card-text',[_vm._v(\"People also search for this items\")])],1),_c('swiper',{staticClass:\"swiper-responsive-breakpoints px-4 py-2\",attrs:{\"options\":_vm.swiperOptions}},[_vm._l((_vm.relatedProducts),function(product,index){return _c('swiper-slide',{key:index},[_c('b-link',[_c('div',{staticClass:\"item-heading\"},[_c('h5',{staticClass:\"text-truncate mb-0\"},[_vm._v(\" \"+_vm._s(product.name)+\" \")]),_c('small',{staticClass:\"text-body\"},[_vm._v(\"by \"+_vm._s(product.brand))])]),_c('div',{staticClass:\"img-container w-50 mx-auto py-75\"},[_c('b-img',{attrs:{\"src\":product.image,\"fluid\":\"\"}})],1),_c('div',{staticClass:\"item-meta\"},[_c('ul',{staticClass:\"unstyled-list list-inline mb-25\"},_vm._l((5),function(star){return _c('li',{key:star,staticClass:\"ratings-list-item\"},[_c('feather-icon',{staticClass:\"mr-25\",class:[{'fill-current': star <= product.rating}, star <= product.rating ? 'text-warning' : 'text-muted'],attrs:{\"icon\":\"StarIcon\",\"size\":\"18\"}})],1)}),0),_c('p',{staticClass:\"card-text text-primary mb-0\"},[_vm._v(\" $\"+_vm._s(product.price)+\" \")])])])],1)}),_c('div',{staticClass:\"swiper-button-next\",attrs:{\"slot\":\"button-next\"},slot:\"button-next\"}),_c('div',{staticClass:\"swiper-button-prev\",attrs:{\"slot\":\"button-prev\"},slot:\"button-prev\"})],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card-body>\r\n    <div class=\"mt-4 mb-2 text-center\">\r\n      <h4>Related Products</h4>\r\n      <b-card-text>People also search for this items</b-card-text>\r\n    </div>\r\n\r\n    <!-- Swiper -->\r\n    <swiper\r\n      class=\"swiper-responsive-breakpoints px-4 py-2\"\r\n      :options=\"swiperOptions\"\r\n    >\r\n      <swiper-slide\r\n        v-for=\"(product,index) in relatedProducts\"\r\n        :key=\"index\"\r\n      >\r\n        <b-link>\r\n          <div class=\"item-heading\">\r\n            <h5 class=\"text-truncate mb-0\">\r\n              {{ product.name }}\r\n            </h5>\r\n            <small class=\"text-body\">by {{ product.brand }}</small>\r\n          </div>\r\n          <div class=\"img-container w-50 mx-auto py-75\">\r\n            <b-img\r\n              :src=\"product.image\"\r\n              fluid\r\n            />\r\n          </div>\r\n          <div class=\"item-meta\">\r\n            <ul class=\"unstyled-list list-inline mb-25\">\r\n              <li\r\n                v-for=\"star in 5\"\r\n                :key=\"star\"\r\n                class=\"ratings-list-item\"\r\n              >\r\n                <feather-icon\r\n                  icon=\"StarIcon\"\r\n                  size=\"18\"\r\n                  class=\"mr-25\"\r\n                  :class=\"[{'fill-current': star <= product.rating}, star <= product.rating ? 'text-warning' : 'text-muted']\"\r\n                />\r\n              </li>\r\n            </ul>\r\n            <p class=\"card-text text-primary mb-0\">\r\n              ${{ product.price }}\r\n            </p>\r\n          </div>\r\n        </b-link>\r\n      </swiper-slide>\r\n\r\n      <!-- Add Arrows -->\r\n      <div\r\n        slot=\"button-next\"\r\n        class=\"swiper-button-next\"\r\n      />\r\n      <div\r\n        slot=\"button-prev\"\r\n        class=\"swiper-button-prev\"\r\n      />\r\n    </swiper>\r\n  </b-card-body>\r\n</template>\r\n\r\n<script>\r\nimport {\r\n  BCardBody, BCardText, BImg, BLink,\r\n} from 'bootstrap-vue'\r\nimport { Swiper, SwiperSlide } from 'vue-awesome-swiper'\r\n\r\nexport default {\r\n  components: {\r\n    BCardBody,\r\n    BCardText,\r\n    BImg,\r\n    BLink,\r\n\r\n    // 3rd Party\r\n    Swiper,\r\n    SwiperSlide,\r\n  },\r\n  setup() {\r\n    const swiperOptions = {\r\n      slidesPerView: 5,\r\n      spaceBetween: 55,\r\n      navigation: {\r\n        nextEl: '.swiper-button-next',\r\n        prevEl: '.swiper-button-prev',\r\n      },\r\n      breakpoints: {\r\n        1600: {\r\n          slidesPerView: 4,\r\n          spaceBetween: 55,\r\n        },\r\n        1300: {\r\n          slidesPerView: 3,\r\n          spaceBetween: 55,\r\n        },\r\n        768: {\r\n          slidesPerView: 2,\r\n          spaceBetween: 55,\r\n        },\r\n        320: {\r\n          slidesPerView: 1,\r\n          spaceBetween: 55,\r\n        },\r\n      },\r\n    }\r\n\r\n    /* eslint-disable global-require */\r\n    const relatedProducts = [\r\n      {\r\n        name: 'Apple Watch Series 6',\r\n        brand: 'Apple',\r\n        price: 399.98,\r\n        rating: 4,\r\n        image: require('@/assets/images/elements/apple-watch.png'),\r\n      },\r\n      {\r\n        name: 'Apple MacBook Pro - Silver',\r\n        brand: 'Apple',\r\n        price: 2449.49,\r\n        rating: 2,\r\n        image: require('@/assets/images/elements/macbook-pro.png'),\r\n      },\r\n      {\r\n        name: 'Apple HomePod (Space Grey)',\r\n        brand: 'Apple',\r\n        price: 229.29,\r\n        rating: 3,\r\n        image: require('@/assets/images/elements/homepod.png'),\r\n      },\r\n      {\r\n        name: 'Magic Mouse 2 - Black',\r\n        brand: 'Apple',\r\n        price: 90.98,\r\n        rating: 5,\r\n        image: require('@/assets/images/elements/magic-mouse.png'),\r\n      },\r\n      {\r\n        name: 'iPhone 12 Pro',\r\n        brand: 'Apple',\r\n        price: 1559.99,\r\n        rating: 4,\r\n        image: require('@/assets/images/elements/iphone-x.png'),\r\n      },\r\n    ]\r\n    /* eslint-disable global-require */\r\n\r\n    return {\r\n      swiperOptions,\r\n      relatedProducts,\r\n    }\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n@import '@core/scss/vue/libs/swiper.scss';\r\n@import '~swiper/css/swiper.css';\r\n</style>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ECommerceProductDetailsRelatedProducts.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ECommerceProductDetailsRelatedProducts.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ECommerceProductDetailsRelatedProducts.vue?vue&type=template&id=7c788f91&\"\nimport script from \"./ECommerceProductDetailsRelatedProducts.vue?vue&type=script&lang=js&\"\nexport * from \"./ECommerceProductDetailsRelatedProducts.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ECommerceProductDetailsRelatedProducts.vue?vue&type=style&index=0&id=7c788f91&prod&lang=scss&\"\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","<template>\r\n  <section class=\"app-ecommerce-details\">\r\n\r\n    <!-- Alert: No item found -->\r\n    <b-alert\r\n      variant=\"danger\"\r\n      :show=\"product === undefined\"\r\n    >\r\n      <h4 class=\"alert-heading\">\r\n        Error fetching product data\r\n      </h4>\r\n      <div class=\"alert-body\">\r\n        No item found with this item slug. Check\r\n        <b-link\r\n          class=\"alert-link\"\r\n          :to=\"{ name: 'apps-e-commerce-shop'}\"\r\n        >\r\n          Shop\r\n        </b-link>\r\n        for other items.\r\n      </div>\r\n    </b-alert>\r\n\r\n    <!-- Content -->\r\n    <b-card\r\n      v-if=\"product\"\r\n      no-body\r\n    >\r\n      <b-card-body>\r\n        <b-row class=\"my-2\">\r\n\r\n          <!-- Left: Product Image Container -->\r\n          <b-col\r\n            cols=\"12\"\r\n            md=\"5\"\r\n            class=\"d-flex align-items-center justify-content-center mb-2 mb-md-0\"\r\n          >\r\n            <div class=\"d-flex align-items-center justify-content-center\">\r\n              <b-img\r\n                :src=\"product.image\"\r\n                :alt=\"`Image of ${product.name}`\"\r\n                class=\"product-img\"\r\n                fluid\r\n              />\r\n            </div>\r\n          </b-col>\r\n\r\n          <!-- Right: Product Details -->\r\n          <b-col\r\n            cols=\"12\"\r\n            md=\"7\"\r\n          >\r\n\r\n            <!-- Product Name -->\r\n            <h4>{{ product.name }}</h4>\r\n\r\n            <!-- Product Brand -->\r\n            <b-card-text class=\"item-company mb-0\">\r\n              <span>by</span>\r\n              <b-link class=\"company-name\">\r\n                {{ product.brand }}\r\n              </b-link>\r\n            </b-card-text>\r\n\r\n            <!-- Price And Ratings -->\r\n            <div class=\"ecommerce-details-price d-flex flex-wrap mt-1\">\r\n              <h4 class=\"item-price mr-1\">\r\n                ${{ product.price }}\r\n              </h4>\r\n              <ul class=\"unstyled-list list-inline pl-1 border-left\">\r\n                <li\r\n                  v-for=\"star in 5\"\r\n                  :key=\"star\"\r\n                  class=\"ratings-list-item mr-25\"\r\n                >\r\n                  <feather-icon\r\n                    icon=\"StarIcon\"\r\n                    size=\"18\"\r\n                    :class=\"[{'fill-current': star <= product.rating}, star <= product.rating ? 'text-warning' : 'text-muted']\"\r\n                  />\r\n                </li>\r\n              </ul>\r\n            </div>\r\n\r\n            <!-- Avability -->\r\n            <b-card-text>Available - <span class=\"text-success\">In stock</span></b-card-text>\r\n\r\n            <!-- Product Description -->\r\n            <b-card-text>{{ product.description }}</b-card-text>\r\n\r\n            <!-- Product Meta [Free shpping, EMI, etc.] -->\r\n            <ul class=\"product-features list-unstyled\">\r\n              <li v-if=\"product.hasFreeShipping\">\r\n                <feather-icon icon=\"ShoppingCartIcon\" />\r\n                <span>Free Shipping</span></li>\r\n              <li>\r\n                <feather-icon icon=\"DollarSignIcon\" />\r\n                <span>EMI options available</span>\r\n              </li>\r\n            </ul>\r\n\r\n            <hr>\r\n\r\n            <!-- Colors -->\r\n            <div class=\"product-color-options\">\r\n              <h6>Colors</h6>\r\n              <ul class=\"list-unstyled mb-0\">\r\n                <li\r\n                  v-for=\"color in product.colorOptions\"\r\n                  :key=\"color\"\r\n                  class=\"d-inline-block\"\r\n                  :class=\"{'selected': selectedColor === color}\"\r\n                  @click=\"selectedColor = color\"\r\n                >\r\n                  <div\r\n                    class=\"color-option\"\r\n                    :class=\"`b-${color}`\"\r\n                  >\r\n                    <div\r\n                      class=\"filloption\"\r\n                      :class=\"`bg-${color}`\"\r\n                    />\r\n                  </div>\r\n                </li>\r\n              </ul>\r\n            </div>\r\n\r\n            <hr>\r\n\r\n            <div class=\"d-flex flex-column flex-sm-row pt-1\">\r\n              <b-button\r\n                v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\r\n                variant=\"primary\"\r\n                class=\"btn-cart mr-0 mr-sm-1 mb-1 mb-sm-0\"\r\n                @click=\"handleCartActionClick(product)\"\r\n              >\r\n                <feather-icon\r\n                  icon=\"ShoppingCartIcon\"\r\n                  class=\"mr-50\"\r\n                />\r\n                <span>{{ product.isInCart ? 'View In Cart' : 'Add to Cart' }}</span>\r\n              </b-button>\r\n              <b-button\r\n                variant=\"outline-secondary\"\r\n                class=\"btn-wishlist mr-0 mr-sm-1 mb-1 mb-sm-0\"\r\n                @click=\"toggleProductInWishlist(product)\"\r\n              >\r\n                <feather-icon\r\n                  icon=\"HeartIcon\"\r\n                  class=\"mr-50\"\r\n                  :class=\"{'text-danger': product.isInWishlist}\"\r\n                />\r\n                <span>Wishlist</span>\r\n              </b-button>\r\n              <b-dropdown\r\n                variant=\"outline-secondary\"\r\n                no-caret\r\n                toggle-class=\"btn-icon\"\r\n                class=\"btn-share\"\r\n                right\r\n              >\r\n                <template #button-content>\r\n                  <feather-icon icon=\"Share2Icon\" />\r\n                </template>\r\n                <b-dropdown-item\r\n                  v-for=\"icon in [ 'FacebookIcon', 'TwitterIcon', 'YoutubeIcon', 'InstagramIcon', ]\"\r\n                  :key=\"icon\"\r\n                >\r\n                  <feather-icon :icon=\"icon\" />\r\n                </b-dropdown-item>\r\n              </b-dropdown>\r\n            </div>\r\n          </b-col>\r\n        </b-row>\r\n      </b-card-body>\r\n\r\n      <!-- Static Content -->\r\n      <e-commerce-product-details-item-features />\r\n\r\n      <!-- Static Content -->\r\n      <!-- Slider: Related Products -->\r\n      <e-commerce-product-details-related-products />\r\n    </b-card>\r\n  </section>\r\n</template>\r\n\r\n<script>\r\nimport { useRouter } from '@core/utils/utils'\r\nimport store from '@/store'\r\nimport { ref } from '@vue/composition-api'\r\nimport {\r\n  BCard, BCardBody, BRow, BCol, BImg, BCardText, BLink, BButton, BDropdown, BDropdownItem, BAlert,\r\n} from 'bootstrap-vue'\r\nimport Ripple from 'vue-ripple-directive'\r\nimport ECommerceProductDetailsItemFeatures from './ECommerceProductDetailsItemFeatures.vue'\r\nimport ECommerceProductDetailsRelatedProducts from './ECommerceProductDetailsRelatedProducts.vue'\r\nimport { useEcommerceUi } from '../useEcommerce'\r\n\r\nexport default {\r\n  directives: {\r\n    Ripple,\r\n  },\r\n  components: {\r\n    // BSV\r\n    BCard,\r\n    BCardBody,\r\n    BRow,\r\n    BCol,\r\n    BImg,\r\n    BCardText,\r\n    BLink,\r\n    BButton,\r\n    BDropdown,\r\n    BDropdownItem,\r\n    BAlert,\r\n\r\n    // SFC\r\n    ECommerceProductDetailsItemFeatures,\r\n    ECommerceProductDetailsRelatedProducts,\r\n  },\r\n  setup() {\r\n    const { handleCartActionClick, toggleProductInWishlist } = useEcommerceUi()\r\n\r\n    const product = ref(null)\r\n\r\n    // Remote Data\r\n    const fetchProduct = () => {\r\n      // Get product  id from URL\r\n      const { route } = useRouter()\r\n      const productSlug = route.value.params.slug\r\n      const productId = productSlug.substring(productSlug.lastIndexOf('-') + 1)\r\n\r\n      store.dispatch('app-ecommerce/fetchProduct', { productId })\r\n        .then(response => {\r\n          product.value = response.data.product\r\n        })\r\n        .catch(error => {\r\n          if (error.response.status === 404) {\r\n            product.value = undefined\r\n          }\r\n        })\r\n    }\r\n\r\n    // UI\r\n    const selectedColor = ref(null)\r\n\r\n    fetchProduct()\r\n\r\n    return {\r\n\r\n      // Fetched Product\r\n      product,\r\n\r\n      // UI\r\n      selectedColor,\r\n      handleCartActionClick,\r\n      toggleProductInWishlist,\r\n    }\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n@import \"~@core/scss/base/pages/app-ecommerce-details.scss\";\r\n</style>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ECommerceProductDetails.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ECommerceProductDetails.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ECommerceProductDetails.vue?vue&type=template&id=e260a3d0&\"\nimport script from \"./ECommerceProductDetails.vue?vue&type=script&lang=js&\"\nexport * from \"./ECommerceProductDetails.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ECommerceProductDetails.vue?vue&type=style&index=0&id=e260a3d0&prod&lang=scss&\"\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","import store from '@/store'\r\nimport { useRouter } from '@core/utils/utils'\r\n\r\nexport const useEcommerce = () => {\r\n  // eslint-disable-next-line arrow-body-style\r\n  const addProductInWishlist = productId => {\r\n    return store.dispatch('app-ecommerce/addProductInWishlist', { productId })\r\n  }\r\n\r\n  // eslint-disable-next-line arrow-body-style\r\n  const removeProductFromWishlist = productId => {\r\n    return store.dispatch('app-ecommerce/removeProductFromWishlist', { productId })\r\n  }\r\n\r\n  // eslint-disable-next-line arrow-body-style\r\n  const addProductInCart = productId => {\r\n    return store.dispatch('app-ecommerce/addProductInCart', { productId })\r\n  }\r\n\r\n  // eslint-disable-next-line arrow-body-style\r\n  const removeProductFromCart = productId => {\r\n    return store.dispatch('app-ecommerce/removeProductFromCart', { productId })\r\n  }\r\n\r\n  return {\r\n    addProductInWishlist,\r\n    removeProductFromWishlist,\r\n    addProductInCart,\r\n    removeProductFromCart,\r\n  }\r\n}\r\n\r\nexport const useEcommerceUi = () => {\r\n  const { router } = useRouter()\r\n\r\n  const toggleProductInWishlist = product => {\r\n    const { addProductInWishlist, removeProductFromWishlist } = useEcommerce()\r\n    if (product.isInWishlist) {\r\n      removeProductFromWishlist(product.id).then(() => {\r\n        // eslint-disable-next-line no-param-reassign\r\n        product.isInWishlist = false\r\n      })\r\n    } else {\r\n      addProductInWishlist(product.id).then(() => {\r\n        // eslint-disable-next-line no-param-reassign\r\n        product.isInWishlist = true\r\n      })\r\n    }\r\n  }\r\n\r\n  const handleCartActionClick = product => {\r\n    const { addProductInCart } = useEcommerce()\r\n\r\n    if (product.isInCart) {\r\n      router.push({ name: 'apps-e-commerce-checkout' })\r\n    } else {\r\n      addProductInCart(product.id).then(() => {\r\n        // eslint-disable-next-line no-param-reassign\r\n        product.isInCart = true\r\n\r\n        // Update cart items count\r\n        store.commit('app-ecommerce/UPDATE_CART_ITEMS_COUNT', store.state['app-ecommerce'].cartItemsCount + 1)\r\n      })\r\n    }\r\n  }\r\n\r\n  const handleWishlistCartActionClick = (product, removeProductFromWishlistUi) => {\r\n    const { addProductInCart, removeProductFromWishlist } = useEcommerce()\r\n\r\n    if (product.isInCart) {\r\n      router.push({ name: 'apps-e-commerce-checkout' })\r\n    } else {\r\n      addProductInCart(product.id)\r\n        .then(() => {\r\n          // eslint-disable-next-line no-param-reassign\r\n          product.isInCart = true\r\n          removeProductFromWishlist(product.id)\r\n\r\n          // Update cart items count\r\n          store.commit('app-ecommerce/UPDATE_CART_ITEMS_COUNT', store.state['app-ecommerce'].cartItemsCount + 1)\r\n        })\r\n        .then(() => {\r\n          // eslint-disable-next-line no-param-reassign\r\n          product.isInWishlist = false\r\n          removeProductFromWishlistUi(product)\r\n        })\r\n    }\r\n  }\r\n  return {\r\n    toggleProductInWishlist,\r\n    handleCartActionClick,\r\n    handleWishlistCartActionClick,\r\n  }\r\n}\r\n"],"sourceRoot":""}