{"version":3,"file":"js/5011.2ce85ae8.js","mappings":"sJAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,UAAUC,MAAM,CAAC,aAAa,sBAAsB,CAACH,EAAG,OAAO,CAACI,SAAS,CAAC,UAAYR,EAAIS,GAAGT,EAAIU,cAAcC,GAAG,CAAC,MAAQX,EAAIY,eAAeR,EAAG,aAAa,CAACE,YAAY,eAAeC,MAAM,CAAC,UAAY,GAAG,KAAO,IAAII,GAAG,CAAC,MAAQX,EAAIa,MAAM,CAAEb,EAAa,UAAE,CAACA,EAAIc,GAAG,IAAId,EAAIS,GAAGT,EAAIe,GAAG,wBAAwB,MAAM,CAACf,EAAIc,GAAG,IAAId,EAAIS,GAAGT,EAAIe,GAAG,4BAA4B,OAAO,IAAI,IAC7eC,EAAkB,G,6oBC+BtB,OACEC,KAAM,gBAENC,OAAQ,CAACA,EAAAA,GAETC,MAAO,CACLC,WAAY,CACVC,KAAMC,OACNC,UAAU,GAGZC,SAAU,CACRH,KAAMC,OACNC,UAAU,GAGZE,QAAS,CACPJ,KAAMK,OACNH,UAAU,GAGZI,cAAe,CACbN,KAAMK,OACNH,UAAU,IAIdK,SAAU,CACRC,YAAJ,QACM,OAAN,sHAGIC,OACE,OAAO7B,KAAK4B,UAAY,MAAQ,WAGlCE,QACE,GAAI9B,KAAK4B,UACP,OAAO5B,KAAK0B,cAAcI,MAAMA,MAAMC,QAAQ,GAE9C,IAAR,2BACQ,OAAOC,WAAWhC,KAAK0B,cAAcI,MAAMA,MAAQG,GAAUF,QAAQ,IAIzEtB,cACE,IAAN,0DACA,aACA,OACA,0BAMM,OAJKyB,IACHJ,EAAQK,KAAKC,IAAIN,GAAOC,QAAQ,IAG3B/B,KAAKc,GAAG,qBAArB,WACQgB,MAAAA,EACAN,QAAS,oCAAjBA,OAAAA,EAAAA,YAKEa,QAAS,EAAXA,EAAAA,IACAC,EAAAA,EAAAA,IAAAA,SAAAA,CAAAA,eADA,IAGI1B,MACE,IAAN,GACQ2B,UAAWvC,KAAK0B,cAAcc,GAC9BjB,SAAUvB,KAAKuB,SACfJ,WAAYnB,KAAKmB,WACjBU,KAAM7B,KAAK6B,KACXY,OAAQA,EAAAA,IAEVzC,KAAK0C,MAAM,QAASC,IAGtBhC,YAAYiC,GACVA,EAAMC,iBAEuB,MAAzBD,EAAME,OAAOC,UACf/C,KAAK0C,MAAM,QACX1C,KAAKgD,UAAUN,MAAM,KAA2B,CAC9CvB,WAAYnB,KAAKmB,WACjBoB,UAAWvC,KAAK0B,cAAcc,GAC9BpB,KAAMpB,KAAKoB,KACXqB,OAAQA,EAAAA,UCrHgQ,I,qBCQ9QQ,GAAY,OACd,EACAnD,EACAiB,GACA,EACA,KACA,WACA,MAIF,EAAekC,EAAiB,S,kFChB5BC,EAA0B,IAA4B,KAE1DA,EAAwBC,KAAK,CAACC,EAAOZ,GAAI,+HAAgI,KAEzK,gB,sBCJA,IAAIa,EAAU,EAAQ,IACnBA,EAAQC,aAAYD,EAAUA,EAAQE,SACnB,kBAAZF,IAAsBA,EAAU,CAAC,CAACD,EAAOZ,GAAIa,EAAS,MAC7DA,EAAQG,SAAQJ,EAAOK,QAAUJ,EAAQG,QAE5C,IAAI5C,EAAM,WACGA,EAAI,WAAYyC,GAAS,EAAM,CAAC,WAAY,EAAM,YAAa","sources":["webpack://sanitas-ovp/./src/components/Product/UpsellProduct.vue?95ec","webpack://sanitas-ovp/src/components/Product/UpsellProduct.vue","webpack://sanitas-ovp/./src/components/Product/UpsellProduct.vue?c170","webpack://sanitas-ovp/./src/components/Product/UpsellProduct.vue","webpack://sanitas-ovp/./src/components/Product/UpsellProduct.vue?0305","webpack://sanitas-ovp/./src/components/Product/UpsellProduct.vue?2a51"],"sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"product\",attrs:{\"cy-section\":\"product-upselling\"}},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.upsellLabel)},on:{\"click\":_vm.openPreview}}),_c('ovp-button',{staticClass:\"product__btn\",attrs:{\"secondary\":\"\",\"tiny\":\"\"},on:{\"click\":_vm.add}},[(_vm.isUpgrade)?[_vm._v(\" \"+_vm._s(_vm.$t('product.actions.add'))+\" \")]:[_vm._v(\" \"+_vm._s(_vm.$t('product.actions.replace'))+\" \")]],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <!-- prettier-ignore -->\n  <div\n    class=\"product\"\n    cy-section=\"product-upselling\"\n  >\n    <span\n      @click=\"openPreview\"\n      v-html=\"upsellLabel\"></span>\n\n    <ovp-button\n      class=\"product__btn\"\n      secondary\n      tiny\n      @click=\"add\">\n      <template v-if=\"isUpgrade\">\n        {{ $t('product.actions.add') }}\n      </template>\n      <template v-else>\n        {{ $t('product.actions.replace') }}\n      </template>\n    </ovp-button>\n  </div>\n</template>\n\n<script>\nimport { mapActions } from 'vuex'\n\nimport { EVENT_PRODUCT_DETAIL_OPEN, SOURCE_UPSELLING } from '@/config/events'\n\nimport BasketMixin from '@/mixins/Basket'\n\nexport default {\n  name: 'UpsellProduct',\n\n  mixins: [BasketMixin],\n\n  props: {\n    categoryId: {\n      type: String,\n      required: true,\n    },\n\n    personId: {\n      type: String,\n      required: true,\n    },\n\n    product: {\n      type: Object,\n      required: true,\n    },\n\n    upsellProduct: {\n      type: Object,\n      required: true,\n    },\n  },\n\n  computed: {\n    isUpgrade() {\n      return this.product?.upgrades?.includes(this.upsellProduct.id) || false\n    },\n\n    mode() {\n      return this.isUpgrade ? 'ADD' : 'REPLACE'\n    },\n\n    price() {\n      if (this.isUpgrade) {\n        return this.upsellProduct.price.price.toFixed(2)\n      } else {\n        const original = this.product.price.price\n        return parseFloat(this.upsellProduct.price.price - original).toFixed(2)\n      }\n    },\n\n    upsellLabel() {\n      const product = this.$t('content.products')[this.upsellProduct.id].name\n      let price = this.price\n      const positive = price >= 0\n      const labelKey = positive ? 'positive' : 'negative'\n\n      if (!positive) {\n        price = Math.abs(price).toFixed(2)\n      }\n\n      return this.$t(`product.upselling.${labelKey}`, {\n        price,\n        product: `<a class=\"product__link\" href=\"\">${product}</a>`,\n      })\n    },\n  },\n\n  methods: {\n    ...mapActions('basket', ['setBasket']),\n\n    add() {\n      const payload = {\n        productId: this.upsellProduct.id,\n        personId: this.personId,\n        categoryId: this.categoryId,\n        mode: this.mode,\n        source: SOURCE_UPSELLING\n      }\n      this.$emit('added', payload)\n    },\n\n    openPreview(event) {\n      event.preventDefault()\n\n      if (event.target.tagName === 'A') {\n        this.$emit('open')\n        this.$EventBus.$emit(EVENT_PRODUCT_DETAIL_OPEN, {\n          categoryId: this.categoryId,\n          productId: this.upsellProduct.id,\n          type: this.type,\n          source: SOURCE_UPSELLING,\n        })\n      }\n    },\n  },\n}\n</script>\n\n<style name=\"mobile\" scoped>\n.product {\n  &__link {\n    color: var(--c-original-green);\n    font-size: 15px;\n  }\n\n  &__btn {\n    margin-left: 5px;\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40[0].rules[0].use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./UpsellProduct.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40[0].rules[0].use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./UpsellProduct.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./UpsellProduct.vue?vue&type=template&id=65030e82&scoped=true&\"\nimport script from \"./UpsellProduct.vue?vue&type=script&lang=js&\"\nexport * from \"./UpsellProduct.vue?vue&type=script&lang=js&\"\nimport style0 from \"./UpsellProduct.vue?vue&type=style&index=0&id=65030e82&name=mobile&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"65030e82\",\n  null\n  \n)\n\nexport default component.exports","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".product__link[data-v-65030e82]{color:var(--c-original-green);font-size:15px}.product__btn[data-v-65030e82]{margin-left:5px}\", \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-12[0].rules[0].use[1]!../../../node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12[0].rules[0].use[2]!../../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12[0].rules[0].use[3]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./UpsellProduct.vue?vue&type=style&index=0&id=65030e82&name=mobile&scoped=true&lang=css&\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../../../node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"3164f3d6\", content, true, {\"sourceMap\":false,\"shadowMode\":false});"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","domProps","_s","upsellLabel","on","openPreview","add","_v","$t","staticRenderFns","name","mixins","props","categoryId","type","String","required","personId","product","Object","upsellProduct","computed","isUpgrade","mode","price","toFixed","parseFloat","original","positive","Math","abs","methods","mapActions","productId","id","source","$emit","payload","event","preventDefault","target","tagName","$EventBus","component","___CSS_LOADER_EXPORT___","push","module","content","__esModule","default","locals","exports"],"sourceRoot":""}