{"version":3,"sources":["webpack:///./src/views/apps/e-commerce/e-commerce-wishlist/ECommerceWishlist.vue?ec8c","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/e-commerce-wishlist/ECommerceWishlist.vue?226a","webpack:///./node_modules/bootstrap-vue/esm/components/card/card-text.js"],"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","BCardBody","BImg","BCardText","BLink","BButton","setup","removeProductFromWishlist","then","products","store","fetchWishlistProducts","component","props","textTag","extend","functional","h","_ref","data","children"],"mappings":"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","file":"js/chunk-1fb91f54.16696b50.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>\r\n  <section class=\"grid-view wishlist-items\">\r\n    <b-card\r\n      v-for=\"product in products\"\r\n      :key=\"product.id\"\r\n      class=\"ecommerce-card\"\r\n      no-body\r\n    >\r\n      <div class=\"item-img text-center\">\r\n        <b-link :to=\"{ name: 'apps-e-commerce-product-details', params: { slug: product.slug } }\">\r\n          <b-img\r\n            :alt=\"`${product.name}-${product.id}`\"\r\n            fluid\r\n            class=\"card-img-top\"\r\n            :src=\"product.image\"\r\n          />\r\n        </b-link>\r\n      </div>\r\n\r\n      <!-- Product Details -->\r\n      <b-card-body>\r\n        <div class=\"item-wrapper\">\r\n          <div class=\"item-rating\">\r\n            <ul class=\"unstyled-list list-inline\">\r\n              <li\r\n                v-for=\"star in 5\"\r\n                :key=\"star\"\r\n                class=\"ratings-list-item\"\r\n                :class=\"{'ml-25': star-1}\"\r\n              >\r\n                <feather-icon\r\n                  icon=\"StarIcon\"\r\n                  size=\"16\"\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          <div>\r\n            <h6 class=\"item-price\">\r\n              ${{ product.price }}\r\n            </h6>\r\n          </div>\r\n        </div>\r\n        <h6 class=\"item-name\">\r\n          <b-link\r\n            class=\"text-body\"\r\n            :to=\"{ name: 'apps-e-commerce-product-details', params: { slug: product.slug } }\"\r\n          >\r\n            {{ product.name }}\r\n          </b-link>\r\n          <b-card-text class=\"item-company\">\r\n            By <b-link class=\"ml-25\">\r\n              {{ product.brand }}\r\n            </b-link>\r\n          </b-card-text>\r\n        </h6>\r\n        <b-card-text class=\"item-description\">\r\n          {{ product.description }}\r\n        </b-card-text>\r\n      </b-card-body>\r\n\r\n      <!-- Action Buttons -->\r\n      <div class=\"item-options text-center\">\r\n        <b-button\r\n          variant=\"light\"\r\n          class=\"btn-wishlist remove-wishlist\"\r\n          @click=\"removeProductFromWishlistClick(product)\"\r\n        >\r\n          <feather-icon icon=\"XIcon\" />\r\n          <span>Remove</span>\r\n        </b-button>\r\n        <b-button\r\n          variant=\"primary\"\r\n          class=\"btn-cart move-cart\"\r\n          @click=\"handleWishlistCartActionClick(product, removeProductFromWishlistClick)\"\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' : 'Move to Cart' }}</span>\r\n        </b-button>\r\n      </div>\r\n    </b-card>\r\n  </section>\r\n</template>\r\n\r\n<script>\r\nimport {\r\n  BCard, BCardBody, BImg, BCardText, BLink, BButton,\r\n} from 'bootstrap-vue'\r\nimport store from '@/store'\r\nimport { ref } from '@vue/composition-api'\r\nimport { useEcommerce, useEcommerceUi } from '../useEcommerce'\r\n\r\nexport default {\r\n  components: {\r\n    BCard, BCardBody, BImg, BCardText, BLink, BButton,\r\n  },\r\n  setup() {\r\n    const { handleWishlistCartActionClick } = useEcommerceUi()\r\n\r\n    const products = ref([])\r\n\r\n    const { removeProductFromWishlist } = useEcommerce()\r\n    const removeProductFromWishlistClick = product => {\r\n      removeProductFromWishlist(product.id)\r\n        .then(() => {\r\n          const productIndex = products.value.findIndex(p => p.id === product.id)\r\n          products.value.splice(productIndex, 1)\r\n        })\r\n    }\r\n\r\n    const fetchWishlistProducts = () => {\r\n      store.dispatch('app-ecommerce/fetchWishlistProducts')\r\n        .then(response => {\r\n          products.value = response.data.products\r\n        })\r\n    }\r\n\r\n    fetchWishlistProducts()\r\n\r\n    return {\r\n      products,\r\n\r\n      // UI\r\n      handleWishlistCartActionClick,\r\n      removeProductFromWishlistClick,\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.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!./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&id=3aec6b74&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","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&id=3aec6b74&prod&lang=scss&\"","import { Vue, mergeData } from '../../vue';\nimport { NAME_CARD_TEXT } from '../../constants/components';\nimport { PROP_TYPE_STRING } from '../../constants/props';\nimport { makeProp, makePropsConfigurable } from '../../utils/props'; // --- Props ---\n\nexport var props = makePropsConfigurable({\n  textTag: makeProp(PROP_TYPE_STRING, 'p')\n}, NAME_CARD_TEXT); // --- Main component ---\n// @vue/component\n\nexport var BCardText = /*#__PURE__*/Vue.extend({\n  name: NAME_CARD_TEXT,\n  functional: true,\n  props: props,\n  render: function render(h, _ref) {\n    var props = _ref.props,\n        data = _ref.data,\n        children = _ref.children;\n    return h(props.textTag, mergeData(data, {\n      staticClass: 'card-text'\n    }), children);\n  }\n});"],"sourceRoot":""}