{"version":3,"sources":["webpack:///./src/views/apps/e-commerce/e-commerce-wishlist/ECommerceWishlist.vue?e439","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?39ab"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_l","products","product","key","id","attrs","name","params","slug","concat","image","star","class","rating","_v","_s","price","brand","description","on","$event","removeProductFromWishlistClick","handleWishlistCartActionClick","isInCart","staticRenderFns","components","BCard","setup","removeProductFromWishlist","store","fetchWishlistProducts","component"],"mappings":"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","file":"js/chunk-5eede9c8.d1041a61.js","sourcesContent":["var render = function () {\n  var _vm=this;\n  var _h=_vm.$createElement;\n  var _c=_vm._self._c||_h;\n\n  return _c('section', {\n    staticClass: \"grid-view wishlist-items\"\n  }, _vm._l(_vm.products, function (product) {\n    return _c('b-card', {\n      key: product.id,\n      staticClass: \"ecommerce-card\",\n      attrs: {\n        \"no-body\": \"\"\n      }\n    }, [_c('div', {\n      staticClass: \"item-img text-center\"\n    }, [_c('b-link', {\n      attrs: {\n        \"to\": {\n          name: 'apps-e-commerce-product-details',\n          params: {\n            slug: product.slug\n          }\n        }\n      }\n    }, [_c('b-img', {\n      staticClass: \"card-img-top\",\n      attrs: {\n        \"alt\": \"\".concat(product.name, \"-\").concat(product.id),\n        \"fluid\": \"\",\n        \"src\": product.image\n      }\n    })], 1)], 1), _c('b-card-body', [_c('div', {\n      staticClass: \"item-wrapper\"\n    }, [_c('div', {\n      staticClass: \"item-rating\"\n    }, [_c('ul', {\n      staticClass: \"unstyled-list list-inline\"\n    }, _vm._l(5, function (star) {\n      return _c('li', {\n        key: star,\n        staticClass: \"ratings-list-item\",\n        class: {\n          'ml-25': star - 1\n        }\n      }, [_c('feather-icon', {\n        class: [{\n          'fill-current': star <= product.rating\n        }, star <= product.rating ? 'text-warning' : 'text-muted'],\n        attrs: {\n          \"icon\": \"StarIcon\",\n          \"size\": \"16\"\n        }\n      })], 1);\n    }), 0)]), _c('div', [_c('h6', {\n      staticClass: \"item-price\"\n    }, [_vm._v(\" $\" + _vm._s(product.price) + \" \")])])]), _c('h6', {\n      staticClass: \"item-name\"\n    }, [_c('b-link', {\n      staticClass: \"text-body\",\n      attrs: {\n        \"to\": {\n          name: 'apps-e-commerce-product-details',\n          params: {\n            slug: product.slug\n          }\n        }\n      }\n    }, [_vm._v(\" \" + _vm._s(product.name) + \" \")]), _c('b-card-text', {\n      staticClass: \"item-company\"\n    }, [_vm._v(\" By \"), _c('b-link', {\n      staticClass: \"ml-25\"\n    }, [_vm._v(\" \" + _vm._s(product.brand) + \" \")])], 1)], 1), _c('b-card-text', {\n      staticClass: \"item-description\"\n    }, [_vm._v(\" \" + _vm._s(product.description) + \" \")])], 1), _c('div', {\n      staticClass: \"item-options text-center\"\n    }, [_c('b-button', {\n      staticClass: \"btn-wishlist remove-wishlist\",\n      attrs: {\n        \"variant\": \"light\"\n      },\n      on: {\n        \"click\": function click($event) {\n          return _vm.removeProductFromWishlistClick(product);\n        }\n      }\n    }, [_c('feather-icon', {\n      attrs: {\n        \"icon\": \"XIcon\"\n      }\n    }), _c('span', [_vm._v(\"Remove\")])], 1), _c('b-button', {\n      staticClass: \"btn-cart move-cart\",\n      attrs: {\n        \"variant\": \"primary\"\n      },\n      on: {\n        \"click\": function click($event) {\n          return _vm.handleWishlistCartActionClick(product, _vm.removeProductFromWishlistClick);\n        }\n      }\n    }, [_c('feather-icon', {\n      staticClass: \"mr-50\",\n      attrs: {\n        \"icon\": \"ShoppingCartIcon\"\n      }\n    }), _c('span', [_vm._v(_vm._s(product.isInCart ? 'View In Cart' : 'Move to Cart'))])], 1)], 1)], 1);\n  }), 1);\n}\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&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&lang=scss&\""],"sourceRoot":""}