{"version":3,"sources":["webpack:///resources/js/src/app/components/item/AddToWishList.vue","webpack:///./resources/js/src/app/components/item/AddToWishList.vue","webpack:///./resources/js/src/app/components/item/AddToWishList.vue?8891","webpack:///./resources/js/src/app/components/item/AddToWishList.vue?4920","webpack:///./resources/js/src/app/components/item/AddToWishList.vue?0b67"],"names":["name","props","variationId","inject","itemId","default","data","isLoading","computed","isVariationInWishList","currentVariationId","currentVariationVariationId","tooltipText","mapState","wishListIds","methods","switchState","addToWishList","NotificationService","removeFromWishList","id","render","_vm","_c","_self","directives","rawName","ref","staticClass","attrs","title","on","click","$event","preventDefault","width","height","fill","length","viewBox","xmlns","d","staticRenderFns","_withStripped"],"mappings":"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","file":"chunks/ceres-client-45.js","sourcesContent":["<template>\n    <button class=\"btn btn-sm btn-link btn-lg text-dark\"\n        @click.prevent=\"switchState()\"\n        ref=\"addToWishList\"\n\t\tv-tooltip\n\t\t: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=\"wishListIds.length > 0\" width=\"1em\" height=\"1em\" viewBox=\"0 0 16 16\" class=\"bi bi-bookmark-fill\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path fill-rule=\"evenodd\" d=\"M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.74.439L8 13.069l-5.26 2.87A.5.5 0 0 1 2 15.5V2z\"/>\n        </svg>\n        <svg v-else width=\"1em\" height=\"1em\" viewBox=\"0 0 16 16\" class=\"bi bi-bookmark\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path fill-rule=\"evenodd\" d=\"M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.777.416L8 13.101l-5.223 2.815A.5.5 0 0 1 2 15.5V2zm2-1a1 1 0 0 0-1 1v12.566l4.723-2.482a.5.5 0 0 1 .554 0L13 14.566V2a1 1 0 0 0-1-1H4z\"/>\n        </svg>\n    </button>\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\t\ttooltipText()\n\t\t{\n\t\t\tconst tooltipText = this.$translate(\n\t\t\t\t\"Ceres::Template.\" + (this.isVariationInWishList ? \"singleItemWishListRemove\" : \"singleItemWishListAdd\")\n\t\t\t);\n\n\n\t\t\treturn tooltipText;\n\t\t},\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                        );\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                        );\n                    },\n                    error =>\n                    {\n                        this.isLoading = false;\n                    });\n            }\n        },\n    },\n}\n\n</script>\n","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\n    \"button\",\n    {\n      directives: [{ name: \"tooltip\", rawName: \"v-tooltip\" }],\n      ref: \"addToWishList\",\n      staticClass: \"btn btn-sm btn-link btn-lg text-dark\",\n      attrs: { title: _vm.tooltipText },\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.wishListIds.length > 0\n        ? _c(\n            \"svg\",\n            {\n              staticClass: \"bi bi-bookmark-fill\",\n              attrs: {\n                width: \"1em\",\n                height: \"1em\",\n                viewBox: \"0 0 16 16\",\n                fill: \"currentColor\",\n                xmlns: \"http://www.w3.org/2000/svg\",\n              },\n            },\n            [\n              _c(\"path\", {\n                attrs: {\n                  \"fill-rule\": \"evenodd\",\n                  d: \"M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.74.439L8 13.069l-5.26 2.87A.5.5 0 0 1 2 15.5V2z\",\n                },\n              }),\n            ]\n          )\n        : _c(\n            \"svg\",\n            {\n              staticClass: \"bi bi-bookmark\",\n              attrs: {\n                width: \"1em\",\n                height: \"1em\",\n                viewBox: \"0 0 16 16\",\n                fill: \"currentColor\",\n                xmlns: \"http://www.w3.org/2000/svg\",\n              },\n            },\n            [\n              _c(\"path\", {\n                attrs: {\n                  \"fill-rule\": \"evenodd\",\n                  d: \"M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.777.416L8 13.101l-5.223 2.815A.5.5 0 0 1 2 15.5V2zm2-1a1 1 0 0 0-1 1v12.566l4.723-2.482a.5.5 0 0 1 .554 0L13 14.566V2a1 1 0 0 0-1-1H4z\",\n                },\n              }),\n            ]\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(\"C:\\\\PlentyMarkets\\\\49869\\\\20\\\\DiaWolfMoebel\\\\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/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AddToWishList.vue?vue&type=template&id=4c3118d2&\""],"sourceRoot":""}