{"version":3,"sources":["webpack:///./resources/js/src/app/components/itemList/AddToWishList.vue?d376","webpack:///resources/js/src/app/components/itemList/AddToWishList.vue","webpack:///./resources/js/src/app/components/itemList/AddToWishList.vue?be46","webpack:///./resources/js/src/app/components/itemList/AddToWishList.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","isVariationInWishList","on","click","$event","switchState","isLoading","attrs","width","height","fill","_withStripped","component","options","__file"],"mappings":"kGAAA,IAAIA,EAAS,WACX,IAAIC,EAAMC,KACNC,EAAKF,EAAIG,eACTC,EAAKJ,EAAIK,MAAMD,IAAMF,EACzB,OAAOE,EACL,MACA,CACEE,YAAa,0BACbC,MAAO,CAAE,2BAA4BP,EAAIQ,uBACzCC,GAAI,CACFC,MAAO,SAASC,GACd,OAAOX,EAAIY,iBAIjB,CACEZ,EAAIa,UACAT,EACE,MACA,CACEE,YAAa,mBACbQ,MAAO,CAAEC,MAAO,KAAMC,OAAQ,KAAMC,KAAM,iBAE5C,CAACb,EAAG,MAAO,CAAEU,MAAO,CAAE,aAAc,eAEtCd,EAAIQ,sBACJJ,EACE,MACA,CACEE,YAAa,mCACbQ,MAAO,CAAEC,MAAO,KAAMC,OAAQ,KAAMC,KAAM,iBAE5C,CAACb,EAAG,MAAO,CAAEU,MAAO,CAAE,aAAc,mBAEtCV,EACE,MACA,CACEE,YAAa,kBACbQ,MAAO,CAAEC,MAAO,KAAMC,OAAQ,KAAMC,KAAM,iBAE5C,CAACb,EAAG,MAAO,CAAEU,MAAO,CAAE,aAAc,iBAMhDf,EAAOmB,eAAgB,E,qZC3BvB,YCnBqN,EDqBrN,CACE,MAAF,CACI,OAAJ,QAEE,KAJF,WAKI,MAAJ,CACM,WAAN,IAGE,S,+VAAF,EACI,sBADJ,WAEM,OAAN,yCAEA,aACI,YAAJ,YAAM,OAAN,2BAGE,QAAF,CACI,YADJ,WAEA,2BACQ,KAAR,qBAEQ,KAAR,iBAGI,cARJ,WAQM,IAAN,OACA,iBACQ,KAAR,aACQ,KAAR,mDACA,YACU,EAAV,aAEU,EAAV,QACA,yDACA,mBAEA,YACU,EAAV,kBAII,mBAxBJ,WAwBM,IAAN,OACA,iBACQ,KAAR,aACQ,KAAR,sCAAU,GAAV,gCACU,EAAV,aAEU,EAAV,QACA,2DACA,mBAEA,YACU,EAAV,oB,OElEIC,EAAY,YACd,EACApB,EHoCoB,IGlCpB,EACA,KACA,KACA,MAuBFoB,EAAUC,QAAQC,OAAS,6DACZ,UAAAF,E","file":"chunks/ceres-client-48.min.js","sourcesContent":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    {\n      staticClass: \"product-wishlist d-flex\",\n      class: { \"product-wishlist--active\": _vm.isVariationInWishList },\n      on: {\n        click: function($event) {\n          return _vm.switchState()\n        }\n      }\n    },\n    [\n      _vm.isLoading\n        ? _c(\n            \"svg\",\n            {\n              staticClass: \"icon icon-loader\",\n              attrs: { width: \"32\", height: \"32\", fill: \"currentColor\" }\n            },\n            [_c(\"use\", { attrs: { \"xlink:href\": \"#loader\" } })]\n          )\n        : _vm.isVariationInWishList\n        ? _c(\n            \"svg\",\n            {\n              staticClass: \"icon icon-heart-fill text-danger\",\n              attrs: { width: \"32\", height: \"32\", fill: \"currentColor\" }\n            },\n            [_c(\"use\", { attrs: { \"xlink:href\": \"#heart-fill\" } })]\n          )\n        : _c(\n            \"svg\",\n            {\n              staticClass: \"icon icon-heart\",\n              attrs: { width: \"32\", height: \"32\", fill: \"currentColor\" }\n            },\n            [_c(\"use\", { attrs: { \"xlink:href\": \"#heart\" } })]\n          )\n    ]\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"product-wishlist d-flex\"\n         :class=\"{'product-wishlist--active': isVariationInWishList}\"\n         @click=\"switchState()\">\n      <svg v-if=\"isLoading\" class=\"icon icon-loader\" width=\"32\" height=\"32\" fill=\"currentColor\">\n        <use xlink:href=\"#loader\" />\n      </svg>\n      <svg v-else-if=\"isVariationInWishList\" class=\"icon icon-heart-fill text-danger\" width=\"32\" height=\"32\" fill=\"currentColor\">\n        <use xlink:href=\"#heart-fill\" />\n      </svg>\n      <svg v-else class=\"icon icon-heart\" width=\"32\" height=\"32\" fill=\"currentColor\">\n        <use xlink:href=\"#heart\" />\n      </svg>\n    </div>\n</template>\n\n<script>\nimport {mapState} from \"vuex\";\n\nconst NotificationService = require(\"ceres/app/services/NotificationService\");\n\nexport default {\n    props: {\n        itemId: Number\n    },\n    data() {\n        return {\n            isLoading: false\n        };\n    },\n    computed: {\n        isVariationInWishList() {\n            return this.wishListIds.includes(this.itemId);\n        },\n        ...mapState({\n            wishListIds: state => state.wishList.wishListIds\n        })\n    },\n    methods: {\n        switchState() {\n            if (this.isVariationInWishList) {\n                this.removeFromWishList();\n            } else {\n                this.addToWishList();\n            }\n        },\n        addToWishList() {\n            if (!this.isLoading) {\n                this.isLoading = true;\n                this.$store.dispatch(\"addToWishList\", this.itemId).then(\n                    response => {\n                        this.isLoading = false;\n\n                        NotificationService.success(\n                            this.$translate(\"Ceres::Template.singleItemWishListAdded\")\n                        ).closeAfter(3000);\n                    },\n                    error => {\n                        this.isLoading = false;\n                    });\n            }\n        },\n        removeFromWishList() {\n            if (!this.isLoading) {\n                this.isLoading = true;\n                this.$store.dispatch(\"removeWishListItem\", {id: this.itemId}).then(response => {\n                        this.isLoading = false;\n\n                        NotificationService.success(\n                            this.$translate(\"Ceres::Template.singleItemWishListRemoved\")\n                        ).closeAfter(3000);\n                    },\n                    error => {\n                        this.isLoading = false;\n                    });\n            }\n        }\n    }\n}\n\n</script>\n","import mod from \"-!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AddToWishList.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AddToWishList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AddToWishList.vue?vue&type=template&id=6050e655&\"\nimport script from \"./AddToWishList.vue?vue&type=script&lang=js&\"\nexport * from \"./AddToWishList.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\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/Users/onedot/Sites/DIA-Kahu/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('6050e655')) {\n      api.createRecord('6050e655', component.options)\n    } else {\n      api.reload('6050e655', component.options)\n    }\n    module.hot.accept(\"./AddToWishList.vue?vue&type=template&id=6050e655&\", function () {\n      api.rerender('6050e655', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/app/components/itemList/AddToWishList.vue\"\nexport default component.exports"],"sourceRoot":""}