{"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?6174","webpack:///./resources/js/src/app/components/item/AddToWishList.vue?8891"],"names":["render","_vm","this","_c","_self","directives","name","rawName","ref","staticClass","attrs","title","tooltipText","on","click","$event","preventDefault","switchState","class","isVariationInWishList","staticStyle","color","_v","_withStripped","NotificationService","require","props","variationId","Number","inject","itemId","default","data","isLoading","computed","_objectSpread","wishListIds","includes","currentVariationId","isNullOrUndefined","currentVariationVariationId","currentVariation","$store","getters","concat","variation","id","$translate","mapState","state","wishList","methods","removeFromWishList","addToWishList","_this","dispatch","parseInt","then","response","success","closeAfter","error","_this2","component"],"mappings":"kGAAA,IAAIA,EAAS,WACX,IAAIC,EAAMC,KACRC,EAAKF,EAAIG,MAAMD,GACjB,OAAOA,EACL,SACA,CACEE,WAAY,CAAC,CAAEC,KAAM,UAAWC,QAAS,cACzCC,IAAK,gBACLC,YAAa,yCACbC,MAAO,CACL,cAAe,UACf,iBAAkB,MAClBC,MAAOV,EAAIW,aAEbC,GAAI,CACFC,MAAO,SAAUC,GAEf,OADAA,EAAOC,iBACAf,EAAIgB,iBAIjB,CACEd,EAAG,IAAK,CACNM,YAAa,yBACbS,MAAOjB,EAAIkB,sBAAwB,QAAU,GAC7CC,YAAa,CAAEC,MAAO,aAExBpB,EAAIqB,GAAG,KACPnB,EAAG,OAAQ,CAACF,EAAIqB,GAAG,4BAKzBtB,EAAOuB,eAAgB,E,0+BCVvB,IAAAC,EAAAC,EAAA,ICvBqN,EDyBtM,CACfnB,KAAA,mBAEAoB,MAAA,CACAC,YAAAC,QAGAC,OAAA,CACAC,OAAA,CACAC,QAAA,OAIAC,KAAA,WACA,OACAC,WAAA,IAIAC,S,+VAAAC,CAAA,CACAhB,sBAAA,WACA,YAAAiB,YAAAC,SAAA,KAAAC,qBAGAA,mBAAA,WACA,OAAAC,YAAA,KAAAZ,aAEA,KAAAa,4BADA,KAAAb,aAIAa,4BAAA,WACA,IAAAC,EACA,KAAAC,OAAAC,QAAA,GAAAC,OAAA,KAAAd,OAAA,0BAEA,OAAAS,YAAAE,GACA,KAIAA,GACAA,EAAAI,WACAJ,EAAAI,UAAAC,IAIAlC,YAAA,WACA,IAAAA,EAAA,KAAAmC,WACA,oBACA,KAAA5B,sBACA,2BACA,0BAGA,OAAAP,IAGAoC,YAAA,CACAZ,YAAA,SAAAa,GAAA,OAAAA,EAAAC,SAAAd,gBAIAe,QAAA,CACAlC,YAAA,WACA,KAAAE,sBACA,KAAAiC,qBAEA,KAAAC,iBAIAA,cAAA,eAAAC,EAAA,KACA,KAAArB,YACA,KAAAA,WAAA,EACA,KAAAS,OACAa,SAAA,gBAAAC,SAAA,KAAAlB,qBACAmB,MACA,SAAAC,GACAJ,EAAArB,WAAA,EAEAT,EAAAmC,QACAL,EAAAP,WAAA,4CACAa,WAAA,QAEA,SAAAC,GACAP,EAAArB,WAAA,OAMAmB,mBAAA,eAAAU,EAAA,KACA,KAAA7B,YACA,KAAAA,WAAA,EACA,KAAAS,OACAa,SAAA,sBACAT,GAAAU,SAAA,KAAAlB,sBAEAmB,MACA,SAAAC,GACAI,EAAA7B,WAAA,EAEAT,EAAAmC,QACAG,EAAAf,WAAA,8CACAa,WAAA,QAEA,SAAAC,GACAC,EAAA7B,WAAA,S,OE5HI8B,EAAY,YACd,EACA/D,EHuBoB,IGrBpB,EACA,KACA,KACA,MAIa,UAAA+D,E","file":"chunks/ceres-38.min.js","sourcesContent":["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-outline-light btn-lg btn-block\",\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      _c(\"i\", {\n        staticClass: \"fa fa-regular fa-heart\",\n        class: _vm.isVariationInWishList ? \"added\" : \"\",\n        staticStyle: { color: \"#ffffff\" },\n      }),\n      _vm._v(\" \"),\n      _c(\"span\", [_vm._v(\"Auf die Wunschliste\")]),\n    ]\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template>\n  <button\n    class=\"btn btn-outline-light btn-lg btn-block\"\n    @click.prevent=\"switchState()\"\n    data-toggle=\"tooltip\"\n    data-placement=\"top\"\n    ref=\"addToWishList\"\n    v-tooltip\n    :title=\"tooltipText\"\n  >\n    <i\n      class=\"fa fa-regular fa-heart\"\n      :class=\"isVariationInWishList ? 'added' : ''\"\n      style=\"color: #ffffff\"\n    ></i>\n    <span>Auf die Wunschliste</span>\n  </button>\n</template>\n\n<script>\nimport { isNullOrUndefined } from \"../../helper/utils\";\nimport { mapState } from \"vuex\";\n\nconst NotificationService = require(\"../../services/NotificationService\");\n\nexport default {\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    return {\n      isLoading: false,\n    };\n  },\n\n  computed: {\n    isVariationInWishList() {\n      return this.wishListIds.includes(this.currentVariationId);\n    },\n\n    currentVariationId() {\n      return !isNullOrUndefined(this.variationId)\n        ? this.variationId\n        : this.currentVariationVariationId;\n    },\n\n    currentVariationVariationId() {\n      const currentVariation =\n        this.$store.getters[`${this.itemId}/currentItemVariation`];\n\n      if (isNullOrUndefined(currentVariation)) {\n        return null;\n      }\n\n      return (\n        currentVariation &&\n        currentVariation.variation &&\n        currentVariation.variation.id\n      );\n    },\n\n    tooltipText() {\n      const tooltipText = this.$translate(\n        \"Ceres::Template.\" +\n          (this.isVariationInWishList\n            ? \"singleItemWishListRemove\"\n            : \"singleItemWishListAdd\")\n      );\n\n      return tooltipText;\n    },\n\n    ...mapState({\n      wishListIds: (state) => state.wishList.wishListIds,\n    }),\n  },\n\n  methods: {\n    switchState() {\n      if (this.isVariationInWishList) {\n        this.removeFromWishList();\n      } else {\n        this.addToWishList();\n      }\n    },\n\n    addToWishList() {\n      if (!this.isLoading) {\n        this.isLoading = true;\n        this.$store\n          .dispatch(\"addToWishList\", parseInt(this.currentVariationId))\n          .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    },\n\n    removeFromWishList() {\n      if (!this.isLoading) {\n        this.isLoading = true;\n        this.$store\n          .dispatch(\"removeWishListItem\", {\n            id: parseInt(this.currentVariationId),\n          })\n          .then(\n            (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=e4feaf52&\"\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\nexport default component.exports"],"sourceRoot":""}