{"version":3,"sources":["webpack:///resources/js/src/app/components/item/AddToWishList.vue","webpack:///./resources/js/src/app/components/item/AddToWishList.vue?41e4","webpack:///./resources/js/src/app/components/item/AddToWishList.vue","webpack:///./resources/js/src/app/components/item/AddToWishList.vue?4920","webpack:///./resources/js/src/app/components/item/AddToWishList.vue?7fdb"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA;AACA;;AAEA;;AAEA;AAEA,0BAFA;AAIA;AACA;AADA,GAJA;AAQA;AACA;AACA;AADA;AADA,GARA;AAcA,MAdA,kBAeA;AACA;AACA;AADA;AAGA,GAnBA;AAqBA;AAEA,yBAFA,mCAGA;AACA;AACA,KALA;AAOA,sBAPA,gCAQA;AACA;AACA,KAVA;AAYA,+BAZA,yCAaA;AACA;;AAEA,+GACA;AACA;AACA;;AAEA;AACA,KAtBA;AAwBA,eAxBA,yBAyBA;AACA,wCACA,wGADA;AAKA;AACA;AAhCA,KAkCA;AACA;AAAA;AAAA;AADA,IAlCA,CArBA;AA4DA,WACA;AACA,eADA,yBAEA;AACA,sCACA;AACA;AACA,OAHA,MAKA;AACA;AACA;AACA,KAXA;AAaA,iBAbA,2BAcA;AAAA;;AACA,2BACA;AACA;AACA,sFACA,oBACA;AACA;AAEA,sCACA,2DADA,EAEA,UAFA,CAEA,IAFA;AAGA,SARA,EASA,iBACA;AACA;AACA,SAZA;AAaA;AACA,KAhCA;AAkCA,sBAlCA,gCAmCA;AAAA;;AACA,2BACA;AACA;AACA;AAAA;AAAA,oCACA;AACA;AAEA,sCACA,8DADA,EAEA,UAFA,CAEA,IAFA;AAGA,SAPA,EAQA,iBACA;AACA;AACA,SAXA;AAYA;AACA;AApDA;AA7DA,G;;;;;;;;;;;;AC3BA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoB,wCAAwC;AAC5D;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA,sBAAsB;AACtB,aAAa;AACb,wBAAwB,SAAS,0BAA0B,EAAE;AAC7D;AACA;AACA;AACA;AACA;AACA;AACA,sBAAsB;AACtB,aAAa;AACb,wBAAwB,SAAS,8BAA8B,EAAE;AACjE;AACA;AACA;AACA;AACA;AACA,sBAAsB;AACtB,aAAa;AACb,wBAAwB,SAAS,yBAAyB,EAAE;AAC5D;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;ACrDA;AAAA;AAAA;AAAA;AAA4F;AAC3B;AACL;;;AAG5D;AACsG;AACtG,gBAAgB,2GAAU;AAC1B,EAAE,mFAAM;AACR,EAAE,wFAAM;AACR,EAAE,iGAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEA;AACA,IAAI,KAAU,EAAE,YAiBf;AACD;AACe,gF;;;;;;;;;;;;ACtCf;AAAA;AAAA,wCAAqM,CAAgB,iPAAG,EAAC,C;;;;;;;;;;;;ACAzN;AAAA;AAAA;AAAA;AAAA;AAAA","file":"chunks/ceres-client-41.js","sourcesContent":["<template>\n    <a class=\"btn btn-sm btn-link btn-lg text-dark\"\n        @click.prevent=\"switchState()\"\n        data-toggle=\"tooltip\"\n        data-placement=\"top\"\n        ref=\"addToWishList\"\n        v-tooltip\n        :title=\"tooltipText\"\n        >\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    </a>\n</template>\n\n<script>\nimport { isNullOrUndefined } from \"ceres/app/helper/utils\";\nimport { mapState } from \"vuex\";\n\nconst NotificationService = require(\"ceres/app/services/NotificationService\");\n\nexport default {\n\n    name: \"add-to-wish-list\",\n\n    props: {\n        variationId: Number\n    },\n\n    inject: {\n        itemId: {\n            default: null\n        }\n    },\n\n    data()\n    {\n        return {\n            isLoading: false\n        };\n    },\n\n    computed:\n    {\n        isVariationInWishList()\n        {\n            return this.wishListIds.includes(this.currentVariationId);\n        },\n\n        currentVariationId()\n        {\n            return !isNullOrUndefined(this.variationId) ? this.variationId : this.currentVariationVariationId;\n        },\n\n        currentVariationVariationId()\n        {\n            const currentVariation = this.$store.getters[`${this.itemId}/currentItemVariation`];\n\n            if (isNullOrUndefined(currentVariation))\n            {\n                return null;\n            }\n\n            return currentVariation && currentVariation.variation && currentVariation.variation.id;\n        },\n\n        tooltipText()\n        {\n            const tooltipText = this.$translate(\n                \"Ceres::Template.\" + (this.isVariationInWishList ? \"singleItemWishListRemove\" : \"singleItemWishListAdd\")\n            );\n\n\n            return tooltipText;\n        },\n\n        ...mapState({\n            wishListIds: state => state.wishList.wishListIds\n        })\n    },\n\n    methods:\n    {\n        switchState()\n        {\n            if (this.isVariationInWishList)\n            {\n                this.removeFromWishList();\n            }\n            else\n            {\n                this.addToWishList();\n            }\n        },\n\n        addToWishList()\n        {\n            if (!this.isLoading)\n            {\n                this.isLoading = true;\n                this.$store.dispatch(\"addToWishList\", parseInt(this.currentVariationId)).then(\n                    response =>\n                    {\n                        this.isLoading = false;\n\n                        NotificationService.success(\n                            this.$translate(\"Ceres::Template.singleItemWishListAdded\")\n                        ).closeAfter(3000);\n                    },\n                    error =>\n                    {\n                        this.isLoading = false;\n                    });\n            }\n        },\n\n        removeFromWishList()\n        {\n            if (!this.isLoading)\n            {\n                this.isLoading = true;\n                this.$store.dispatch(\"removeWishListItem\", { id: parseInt(this.currentVariationId) }).then(response =>\n                    {\n                        this.isLoading = false;\n\n                        NotificationService.success(\n                            this.$translate(\"Ceres::Template.singleItemWishListRemoved\")\n                        ).closeAfter(3000);\n                    },\n                    error =>\n                    {\n                        this.isLoading = false;\n                    });\n            }\n        }\n    }\n}\n\n</script>\n","var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"a\",\n    {\n      directives: [{ name: \"tooltip\", rawName: \"v-tooltip\" }],\n      ref: \"addToWishList\",\n      staticClass: \"btn btn-sm btn-link btn-lg text-dark\",\n      attrs: {\n        \"data-toggle\": \"tooltip\",\n        \"data-placement\": \"top\",\n        title: _vm.tooltipText\n      },\n      on: {\n        click: function($event) {\n          $event.preventDefault()\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 }","import { render, staticRenderFns } from \"./AddToWishList.vue?vue&type=template&id=4c3118d2&\"\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/florianhartwig/Sites/DIA-tito-express/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('4c3118d2')) {\n      api.createRecord('4c3118d2', component.options)\n    } else {\n      api.reload('4c3118d2', component.options)\n    }\n    module.hot.accept(\"./AddToWishList.vue?vue&type=template&id=4c3118d2&\", function () {\n      api.rerender('4c3118d2', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/app/components/item/AddToWishList.vue\"\nexport default component.exports","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&\"","export * from \"-!../../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AddToWishList.vue?vue&type=template&id=4c3118d2&\""],"sourceRoot":""}