{"version":3,"sources":["webpack:///./src/views/apps/e-commerce/e-commerce-wishlist/ECommerceWishlist.vue?0e78","webpack:///src/views/apps/e-commerce/e-commerce-wishlist/ECommerceWishlist.vue","webpack:///./src/views/apps/e-commerce/e-commerce-wishlist/ECommerceWishlist.vue?e4a5","webpack:///./src/views/apps/e-commerce/e-commerce-wishlist/ECommerceWishlist.vue","webpack:///./src/views/apps/e-commerce/e-commerce-wishlist/ECommerceWishlist.vue?3c34"],"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"],"mappings":"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","file":"js/chunk-5eede9c8.f2521509.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--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!./ECommerceWishlist.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!./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","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ECommerceWishlist.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}