{"version":3,"sources":["webpack:///./src/views/apps/e-commerce/e-commerce-wishlist/ECommerceWishlist.vue?6450","webpack:///src/views/apps/e-commerce/e-commerce-wishlist/ECommerceWishlist.vue","webpack:///./src/views/apps/e-commerce/e-commerce-wishlist/ECommerceWishlist.vue?4db7","webpack:///./src/views/apps/e-commerce/e-commerce-wishlist/ECommerceWishlist.vue","webpack:///./src/views/apps/e-commerce/useEcommerce.js","webpack:///./src/views/apps/e-commerce/e-commerce-wishlist/ECommerceWishlist.vue?39ab"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_l","product","key","id","attrs","name","params","slug","image","star","class","rating","_v","_s","price","brand","description","on","$event","removeProductFromWishlistClick","handleWishlistCartActionClick","isInCart","staticRenderFns","components","BCard","setup","removeProductFromWishlist","store","fetchWishlistProducts","products","component","useEcommerce","addProductInWishlist","productId","dispatch","addProductInCart","removeProductFromCart","useEcommerceUi","useRouter","router","toggleProductInWishlist","isInWishlist","then","handleCartActionClick","push","commit","state","cartItemsCount","removeProductFromWishlistUi"],"mappings":"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","file":"js/chunk-3cb71dca.0283df78.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:\"grid-view wishlist-items\"},_vm._l((_vm.products),function(product){return _c('b-card',{key:product.id,staticClass:\"ecommerce-card\",attrs:{\"no-body\":\"\"}},[_c('div',{staticClass:\"item-img text-center\"},[_c('b-link',{attrs:{\"to\":{ name: 'apps-e-commerce-product-details', params: { slug: product.slug } }}},[_c('b-img',{staticClass:\"card-img-top\",attrs:{\"alt\":((product.name) + \"-\" + (product.id)),\"fluid\":\"\",\"src\":product.image}})],1)],1),_c('b-card-body',[_c('div',{staticClass:\"item-wrapper\"},[_c('div',{staticClass:\"item-rating\"},[_c('ul',{staticClass:\"unstyled-list list-inline\"},_vm._l((5),function(star){return _c('li',{key:star,staticClass:\"ratings-list-item\",class:{'ml-25': star-1}},[_c('feather-icon',{class:[{'fill-current': star <= product.rating}, star <= product.rating ? 'text-warning' : 'text-muted'],attrs:{\"icon\":\"StarIcon\",\"size\":\"16\"}})],1)}),0)]),_c('div',[_c('h6',{staticClass:\"item-price\"},[_vm._v(\" $\"+_vm._s(product.price)+\" \")])])]),_c('h6',{staticClass:\"item-name\"},[_c('b-link',{staticClass:\"text-body\",attrs:{\"to\":{ name: 'apps-e-commerce-product-details', params: { slug: product.slug } }}},[_vm._v(\" \"+_vm._s(product.name)+\" \")]),_c('b-card-text',{staticClass:\"item-company\"},[_vm._v(\" By \"),_c('b-link',{staticClass:\"ml-25\"},[_vm._v(\" \"+_vm._s(product.brand)+\" \")])],1)],1),_c('b-card-text',{staticClass:\"item-description\"},[_vm._v(\" \"+_vm._s(product.description)+\" \")])],1),_c('div',{staticClass:\"item-options text-center\"},[_c('b-button',{staticClass:\"btn-wishlist remove-wishlist\",attrs:{\"variant\":\"light\"},on:{\"click\":function($event){return _vm.removeProductFromWishlistClick(product)}}},[_c('feather-icon',{attrs:{\"icon\":\"XIcon\"}}),_c('span',[_vm._v(\"Remove\")])],1),_c('b-button',{staticClass:\"btn-cart move-cart\",attrs:{\"variant\":\"primary\"},on:{\"click\":function($event){return _vm.handleWishlistCartActionClick(product, _vm.removeProductFromWishlistClick)}}},[_c('feather-icon',{staticClass:\"mr-50\",attrs:{\"icon\":\"ShoppingCartIcon\"}}),_c('span',[_vm._v(_vm._s(product.isInCart ? 'View In Cart' : 'Move to Cart'))])],1)],1)],1)}),1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <section class=\"grid-view wishlist-items\">\n    <b-card\n      v-for=\"product in products\"\n      :key=\"product.id\"\n      class=\"ecommerce-card\"\n      no-body\n    >\n      <div class=\"item-img text-center\">\n        <b-link :to=\"{ name: 'apps-e-commerce-product-details', params: { slug: product.slug } }\">\n          <b-img\n            :alt=\"`${product.name}-${product.id}`\"\n            fluid\n            class=\"card-img-top\"\n            :src=\"product.image\"\n          />\n        </b-link>\n      </div>\n\n      <!-- Product Details -->\n      <b-card-body>\n        <div class=\"item-wrapper\">\n          <div class=\"item-rating\">\n            <ul class=\"unstyled-list list-inline\">\n              <li\n                v-for=\"star in 5\"\n                :key=\"star\"\n                class=\"ratings-list-item\"\n                :class=\"{'ml-25': star-1}\"\n              >\n                <feather-icon\n                  icon=\"StarIcon\"\n                  size=\"16\"\n                  :class=\"[{'fill-current': star <= product.rating}, star <= product.rating ? 'text-warning' : 'text-muted']\"\n                />\n              </li>\n            </ul>\n          </div>\n          <div>\n            <h6 class=\"item-price\">\n              ${{ product.price }}\n            </h6>\n          </div>\n        </div>\n        <h6 class=\"item-name\">\n          <b-link\n            class=\"text-body\"\n            :to=\"{ name: 'apps-e-commerce-product-details', params: { slug: product.slug } }\"\n          >\n            {{ product.name }}\n          </b-link>\n          <b-card-text class=\"item-company\">\n            By <b-link class=\"ml-25\">\n              {{ product.brand }}\n            </b-link>\n          </b-card-text>\n        </h6>\n        <b-card-text class=\"item-description\">\n          {{ product.description }}\n        </b-card-text>\n      </b-card-body>\n\n      <!-- Action Buttons -->\n      <div class=\"item-options text-center\">\n        <b-button\n          variant=\"light\"\n          class=\"btn-wishlist remove-wishlist\"\n          @click=\"removeProductFromWishlistClick(product)\"\n        >\n          <feather-icon icon=\"XIcon\" />\n          <span>Remove</span>\n        </b-button>\n        <b-button\n          variant=\"primary\"\n          class=\"btn-cart move-cart\"\n          @click=\"handleWishlistCartActionClick(product, removeProductFromWishlistClick)\"\n        >\n          <feather-icon\n            icon=\"ShoppingCartIcon\"\n            class=\"mr-50\"\n          />\n          <span>{{ product.isInCart ? 'View In Cart' : 'Move to Cart' }}</span>\n        </b-button>\n      </div>\n    </b-card>\n  </section>\n</template>\n\n<script>\nimport {\n  BCard, BCardBody, BImg, BCardText, BLink, BButton,\n} from 'bootstrap-vue'\nimport store from '@/store'\nimport { ref } from '@vue/composition-api'\nimport { useEcommerce, useEcommerceUi } from '../useEcommerce'\n\nexport default {\n  components: {\n    BCard, BCardBody, BImg, BCardText, BLink, BButton,\n  },\n  setup() {\n    const { handleWishlistCartActionClick } = useEcommerceUi()\n\n    const products = ref([])\n\n    const { removeProductFromWishlist } = useEcommerce()\n    const removeProductFromWishlistClick = product => {\n      removeProductFromWishlist(product.id)\n        .then(() => {\n          const productIndex = products.value.findIndex(p => p.id === product.id)\n          products.value.splice(productIndex, 1)\n        })\n    }\n\n    const fetchWishlistProducts = () => {\n      store.dispatch('app-ecommerce/fetchWishlistProducts')\n        .then(response => {\n          products.value = response.data.products\n        })\n    }\n\n    fetchWishlistProducts()\n\n    return {\n      products,\n\n      // UI\n      handleWishlistCartActionClick,\n      removeProductFromWishlistClick,\n    }\n  },\n}\n</script>\n\n<style lang=\"scss\">\n@import \"~@core/scss/base/pages/app-ecommerce.scss\";\n</style>\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!./ECommerceWishlist.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!./ECommerceWishlist.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ECommerceWishlist.vue?vue&type=template&id=3aec6b74&\"\nimport script from \"./ECommerceWishlist.vue?vue&type=script&lang=js&\"\nexport * from \"./ECommerceWishlist.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ECommerceWishlist.vue?vue&type=style&index=0&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'\nimport { useRouter } from '@core/utils/utils'\n\nexport const useEcommerce = () => {\n  // eslint-disable-next-line arrow-body-style\n  const addProductInWishlist = productId => {\n    return store.dispatch('app-ecommerce/addProductInWishlist', { productId })\n  }\n\n  // eslint-disable-next-line arrow-body-style\n  const removeProductFromWishlist = productId => {\n    return store.dispatch('app-ecommerce/removeProductFromWishlist', { productId })\n  }\n\n  // eslint-disable-next-line arrow-body-style\n  const addProductInCart = productId => {\n    return store.dispatch('app-ecommerce/addProductInCart', { productId })\n  }\n\n  // eslint-disable-next-line arrow-body-style\n  const removeProductFromCart = productId => {\n    return store.dispatch('app-ecommerce/removeProductFromCart', { productId })\n  }\n\n  return {\n    addProductInWishlist,\n    removeProductFromWishlist,\n    addProductInCart,\n    removeProductFromCart,\n  }\n}\n\nexport const useEcommerceUi = () => {\n  const { router } = useRouter()\n\n  const toggleProductInWishlist = product => {\n    const { addProductInWishlist, removeProductFromWishlist } = useEcommerce()\n    if (product.isInWishlist) {\n      removeProductFromWishlist(product.id).then(() => {\n        // eslint-disable-next-line no-param-reassign\n        product.isInWishlist = false\n      })\n    } else {\n      addProductInWishlist(product.id).then(() => {\n        // eslint-disable-next-line no-param-reassign\n        product.isInWishlist = true\n      })\n    }\n  }\n\n  const handleCartActionClick = product => {\n    const { addProductInCart } = useEcommerce()\n\n    if (product.isInCart) {\n      router.push({ name: 'apps-e-commerce-checkout' })\n    } else {\n      addProductInCart(product.id).then(() => {\n        // eslint-disable-next-line no-param-reassign\n        product.isInCart = true\n\n        // Update cart items count\n        store.commit('app-ecommerce/UPDATE_CART_ITEMS_COUNT', store.state['app-ecommerce'].cartItemsCount + 1)\n      })\n    }\n  }\n\n  const handleWishlistCartActionClick = (product, removeProductFromWishlistUi) => {\n    const { addProductInCart, removeProductFromWishlist } = useEcommerce()\n\n    if (product.isInCart) {\n      router.push({ name: 'apps-e-commerce-checkout' })\n    } else {\n      addProductInCart(product.id)\n        .then(() => {\n          // eslint-disable-next-line no-param-reassign\n          product.isInCart = true\n          removeProductFromWishlist(product.id)\n\n          // Update cart items count\n          store.commit('app-ecommerce/UPDATE_CART_ITEMS_COUNT', store.state['app-ecommerce'].cartItemsCount + 1)\n        })\n        .then(() => {\n          // eslint-disable-next-line no-param-reassign\n          product.isInWishlist = false\n          removeProductFromWishlistUi(product)\n        })\n    }\n  }\n  return {\n    toggleProductInWishlist,\n    handleCartActionClick,\n    handleWishlistCartActionClick,\n  }\n}\n","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!./ECommerceWishlist.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}