{"version":3,"file":"js/app.cb5439dca0391861b3d3.js","mappings":"ynCAce,8BAAc,EAAAA,IAAd,c,oBAOL,KAAAC,aAAuB,EACrB,KAAAC,IAAc,EAChB,KAAAC,oBAA8B,EAC9B,KAAAC,qBAA+B,EAC/B,KAAAC,2BAA8C,EAkFxD,CAhFcC,sBACV,OAAOC,KAAKC,OAAOC,QAAQ,6CAC7B,CAEQC,iBAAiBC,IAChBJ,KAAKK,YAAcL,KAAKM,eAAsD,iBAArCN,KAAKO,YAA0B,eAC9D,eAAXH,EAAEI,MACJR,KAAKN,aAAc,EACfM,KAAKS,cAAcC,UACpBC,SAASC,uBAAuB,mBAAmB,GAAmBC,eAAe,CAACC,SAAU,SAAUC,MAAO,aAGpHC,aAAahB,KAAKiB,WAClBjB,KAAKiB,UAAYC,OAAOC,YAAW,KACjCnB,KAAKN,aAAc,CAAK,GACvB,MAGT,CAEYW,iBACV,OAAOL,KAAKC,OAAOC,QAAQ,+BAAiCF,KAAKO,YAAsB,WAAOP,KAAKO,YAA0B,aAC/H,CAEYa,wBACV,OAAOpB,KAAKC,OAAOoB,MAAMC,aAAaC,cACxC,CAEYC,4BACV,OAAOxB,KAAKC,OAAOoB,MAAMC,aAAaG,WACxC,CAEcC,mB,yCACZ1B,KAAKJ,oBAAqB,EAE1B,IACE,IAAI+B,EAAiB,CACnBC,IAAK5B,KAAKO,YAAiB,IAC3BZ,IAAKK,KAAKL,KAGZ,GAAyC,iBAArCK,KAAKO,YAA0B,cAAwBP,KAAKD,gBAAgB8B,OAAS,EAAG,CAC1F,MAAMC,EAAiB,CACrBC,eAAgB,CACdC,qBAAsB,CACpBC,0BAA2BjC,KAAKD,gBAAgBmC,KAAIC,IAC3C,CACLC,UAAWD,EAAoB,YAC/BE,aAAcF,EAAsB,qBAM9CR,EAAiBW,OAAOC,OAAOZ,EAAgBG,E,CAIjD,SAFM9B,KAAKC,OAAOuC,SAAS,iCAAkCb,GAEzD3B,KAAKoB,kBAEP,YADApB,KAAKJ,oBAAqB,GAI5BI,KAAKF,2BAA6BE,KAAKyC,GAAG,gDAC1CzC,KAAKH,qBAAsB,EAE3BsB,YAAW,KACTnB,KAAKH,qBAAsB,CAAK,GAC/B,I,CACH,MAAOO,GACPsC,QAAQC,IAAIvC,E,SAEZJ,KAAKJ,oBAAqB,C,CAE9B,G,CAEQgD,UACN5C,KAAKC,OAAOuC,SAAS,gCAAiCxC,KAAKO,aAC3D,EAAAsC,eAAeC,OAAOC,YAAY/C,KAAKO,YACzC,GA3FA,IAAC,IAAAyC,MAAK,CAACC,SAAS,I,8DAChB,IAAC,IAAAD,MAAK,CAACC,QAAS,I,4DAChB,IAAC,IAAAD,Q,2DACD,IAAC,IAAAA,MAAK,CAACC,SAAS,I,wEAJH,MAPd,IAAAC,WACG,CACEC,KAAM,gCACNC,YAAY,eAAmBC,mB,sMCSrC,SAXgB,E,QAAA,GACd,UACA,IACA,KACA,EACA,KACA,WACA,MAI8B,O,iJCnB0M,QAAe,G,uDCAzP,IAAIC,EAAS,SAASA,SAAS,IAAIC,EAAIvD,KAAKwD,EAAGD,EAAIE,MAAMD,GAAUD,EAAIE,MAAMC,YAAY,OAASH,EAAII,wBAA+OJ,EAAIK,KAA1NJ,EAAG,MAAM,CAACK,YAAY,0BAA0B,CAACL,EAAG,MAAM,CAACK,YAAY,mBAAmB,CAACL,EAAG,mBAAmBD,EAAIhD,YAA0B,eAAI,CAACuD,IAAI,eAAe,GAAGP,EAAIQ,GAAG,KAAKP,EAAG,0BAA0B,EAClV,EACIQ,EAAkB,E","sources":["webpack:///./resources/area/web/default/js/components/catalog/product/ProductConfiguration.vue?8363","webpack:///./resources/area/web/default/js/components/catalog/product/ProductConfiguration.vue?2b57","webpack:///./resources/area/web/default/js/components/catalog/product/ProductConfiguration.vue?856c","webpack:///./resources/area/web/default/js/components/catalog/product/ProductConfiguration.vue?3140"],"sourcesContent":["\nimport {Component, Vue, Prop} from 'vue-property-decorator';\nimport ServiceContainer from '@flashpointbv/solar-service-container';\nimport VueI18n from 'vue-i18n';\nimport TranslateResult = VueI18n.TranslateResult;\nimport {SolarDataLayer} from '@flashpointbv/solar-datalayer/dist';\n\n@Component(\n    {\n      name: 'catalog-product-configuration',\n      components: ServiceContainer().getComponents()\n    }\n)\n\nexport default class extends Vue {\n  @Prop({default: false}) private readonly enableTooltip: boolean;\n  @Prop({default: 1}) private qtyIncrement: number;\n  @Prop() private readonly productData: object;\n  @Prop({default: false}) private readonly hideConfigurableOptions: boolean;\n\n  private _throttle: number;\n  private showTooltip: boolean = false;\n  protected qty: number = 1;\n  private addToCartIsLoading: boolean = false;\n  private hasAddToCartSuccess: boolean = false;\n  private hasAddToCartSuccessMessage: TranslateResult = '';\n\n  private get selectedOptions(): Array<object> {\n    return this.$store.getters['CatalogConfigurableProduct/selectedOptions'];\n  }\n\n  private addToCartTooltip(e): void {\n    if ( ! this.isSaleable && this.enableTooltip && this.productData['product_type'] === 'configurable') {\n      if (e.type === 'mouseenter') {\n        this.showTooltip = true;\n        if (this.$mobileDetect.mobile()) {\n          (document.getElementsByClassName('product__option')[0] as HTMLElement).scrollIntoView({behavior: 'smooth', block: 'center'});\n        }\n      } else {\n        clearTimeout(this._throttle);\n        this._throttle = window.setTimeout(() => {\n          this.showTooltip = false;\n        }, 1000);\n      }\n    }\n  }\n\n  private get isSaleable(): boolean {\n    return this.$store.getters['CatalogProduct/isSaleable'] && (this.productData['in_stock'] || ! this.productData['manage_stock']);\n  }\n\n  private get hasAddToCartError(): boolean {\n    return this.$store.state.CheckoutCart.addToCartError;\n  }\n\n  private get addToCartErrorMessage(): string {\n    return this.$store.state.CheckoutCart.cartMessage;\n  }\n\n  private async productAddToCart(): Promise<void> {\n    this.addToCartIsLoading = true;\n\n    try {\n      let productPayload = {\n        sku: this.productData['sku'],\n        qty: this.qty,\n      };\n\n      if (this.productData['product_type'] === 'configurable' && this.selectedOptions.length > 0) {\n        const productOptions = {\n          product_option: {\n            extension_attributes: {\n              configurable_item_options: this.selectedOptions.map(option => {\n                return {\n                  option_id: option['attributeId'],\n                  option_value: option['selectedValue']\n                }\n              })\n            }\n          }\n        }\n        productPayload = Object.assign(productPayload, productOptions);\n      }\n      await this.$store.dispatch('CheckoutCart/addProductToQuote', productPayload);\n\n      if (this.hasAddToCartError) {\n        this.addToCartIsLoading = false;\n        return;\n      }\n\n      this.hasAddToCartSuccessMessage = this.$t('Product has been added to your shopping cart');\n      this.hasAddToCartSuccess = true;\n\n      setTimeout(() => {\n        this.hasAddToCartSuccess = false;\n      }, 5000);\n    } catch (e) {\n      console.log(e);\n    } finally {\n      this.addToCartIsLoading = false;\n    }\n  }\n\n  private created(): void {\n    this.$store.dispatch('CatalogProduct/getProductData', this.productData);\n    SolarDataLayer.init().addViewItem(this.productData);\n  }\n}\n","import { render, staticRenderFns } from \"./ProductConfiguration.vue?vue&type=template&id=fbf12646&scoped=true&\"\nimport script from \"./ProductConfiguration.vue?vue&type=script&lang=ts&\"\nexport * from \"./ProductConfiguration.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./ProductConfiguration.vue?vue&type=style&index=0&id=fbf12646&prod&scoped=true&lang=css&\"\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  \"fbf12646\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../../../../../../node_modules/ts-loader/index.js??clonedRuleSet-6.use[0]!../../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProductConfiguration.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../../../../../../node_modules/ts-loader/index.js??clonedRuleSet-6.use[0]!../../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProductConfiguration.vue?vue&type=script&lang=ts&\"","var render = function render(){var _vm=this,_c=_vm._self._c,_setup=_vm._self._setupProxy;return (!_vm.hideConfigurableOptions)?_c('div',{staticClass:\"product__configuration\"},[_c('div',{staticClass:\"product__option\"},[_c(`catalog-product-${_vm.productData['product_type']}`,{tag:\"component\"})],1),_vm._v(\" \"),_c('catalog-product-price')],1):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }"],"names":["Vue","showTooltip","qty","addToCartIsLoading","hasAddToCartSuccess","hasAddToCartSuccessMessage","selectedOptions","this","$store","getters","addToCartTooltip","e","isSaleable","enableTooltip","productData","type","$mobileDetect","mobile","document","getElementsByClassName","scrollIntoView","behavior","block","clearTimeout","_throttle","window","setTimeout","hasAddToCartError","state","CheckoutCart","addToCartError","addToCartErrorMessage","cartMessage","productAddToCart","productPayload","sku","length","productOptions","product_option","extension_attributes","configurable_item_options","map","option","option_id","option_value","Object","assign","dispatch","$t","console","log","created","SolarDataLayer","init","addViewItem","Prop","default","Component","name","components","getComponents","render","_vm","_c","_self","_setupProxy","hideConfigurableOptions","_e","staticClass","tag","_v","staticRenderFns"],"sourceRoot":""}