@salla.sa/twilight-components 2.11.86 → 2.11.87

package/dist/esm-es5/salla-add-product-button.entry.js

@@ -1,4 +1,5 @@
 var __awaiter=this&&this.__awaiter||function(t,e,i,s){function n(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,o){function r(t){try{u(s.next(t))}catch(t){o(t)}}function a(t){try{u(s["throw"](t))}catch(t){o(t)}}function u(t){t.done?i(t.value):n(t.value).then(r,a)}u((s=s.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},s,n,o,r;return r={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function a(t){return function(e){return u([t,e])}}function u(r){if(s)throw new TypeError("Generator is already executing.");while(i)try{if(s=1,n&&(o=r[0]&2?n["return"]:r[0]?n["throw"]||((o=n["return"])&&o.call(n),0):n.next)&&!(o=o.call(n,r[1])).done)return o;if(n=0,o)r=[r[0]&2,o.value];switch(r[0]){case 0:case 1:o=r;break;case 4:i.label++;return{value:r[1],done:false};case 5:i.label++;n=r[1];r=[0];continue;case 7:r=i.ops.pop();i.trys.pop();continue;default:if(!(o=i.trys,o=o.length>0&&o[o.length-1])&&(r[0]===6||r[0]===2)){i=0;continue}if(r[0]===3&&(!o||r[1]>o[0]&&r[1]<o[3])){i.label=r[1];break}if(r[0]===6&&i.label<o[1]){i.label=o[1];o=r;break}if(o&&i.label<o[2]){i.label=o[2];i.ops.push(r);break}if(o[2])i.ops.pop();i.trys.pop();continue}r=e.call(t,i)}catch(t){r=[6,t];n=0}finally{s=o=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};
 /*!
  * Crafted with ❤ by Salla
- */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-f1d446ac.js";import{C as Cart}from"./cart-8c60b447.js";var sallaAddProductButtonCss=":host{display:block}salla-add-product-button[width=wide]{width:100%}";var SallaAddProductButton=function(){function t(t){var e=this;registerInstance(this,t);this.success=createEvent(this,"success",7);this.failed=createEvent(this,"failed",7);this.hostAttributes={};this.productStatus="sale";this.productType="product";this.selectedOptions=[];salla.onReady((function(){e.showQuickBuy=e.quickBuy&&!!salla.config.get("store.settings.buy_now")}))}t.prototype.getLabel=function(){if(this.productStatus==="sale"){if(this.supportStickyBar&&window.innerWidth<=768){return Cart}return salla.lang.get("pages.cart.add_to_cart")}if(this.productType!=="donating"){return salla.lang.get("pages.products.out_of_stock")}return salla.lang.get("pages.products.donation_exceed")};t.prototype.addProductToCart=function(t){var e=this;if(this.productType==="booking"){t.preventDefault();return this.addBookingProduct()}if(this.hostAttributes.type==="submit"){return false}t.preventDefault();var i=Object.entries({id:this.productId,donating_amount:this.donatingAmount,quantity:this.quantity,endpoint:"quickAdd"}).reduce((function(t,e){var i=e[0],s=e[1];return s?(t[i]=s,t):t}),{});return salla.cart.addItem(i).then((function(t){e.selectedOptions=[];e.success.emit(t)})).catch((function(t){return e.failed.emit(t)}))};t.prototype.addBookingProduct=function(){var t=this;if(salla.config.isGuest()){salla.auth.api.setAfterLoginEvent("booking::add",this.productId);salla.event.dispatch("login::open");return}return salla.booking.add(this.productId).then((function(e){return t.success.emit(e)})).catch((function(e){return t.failed.emit(e)}))};t.prototype.getBtnAttributes=function(){for(var t=0;t<this.host.attributes.length;t++){if(!["id","class"].includes(this.host.attributes[t].name)){this.hostAttributes[this.host.attributes[t].name]=this.host.attributes[t].value}}return this.hostAttributes};t.prototype.getQuickBuyBtnAttributes=function(){return Object.assign(Object.assign({},this.getBtnAttributes()),{type:this.supportStickyBar&&window.innerWidth<=768?"plain":this.productType=="donating"?"donate":"buy"})};t.prototype.componentWillLoad=function(){var t=this;var e;this.passedLabel=this.host.innerHTML.replace("\x3c!----\x3e","").trim();if(!!this.passedLabel&&window.innerWidth>=768){(e=this.btn)===null||e===void 0?void 0:e.setText(this.passedLabel);return}if(this.host.hasAttribute("type")&&this.host.getAttribute("type")==="submit"&&this.supportStickyBar){window.addEventListener("resize",(function(){var e,i;if(window.innerWidth>=768&&!!t.passedLabel){(e=t.btn)===null||e===void 0?void 0:e.setText(t.passedLabel)}else{(i=t.btn)===null||i===void 0?void 0:i.setText(t.getLabel())}}))}};t.prototype.render=function(){var t=this;var e;if((e=this.host.closest(".swiper-slide"))===null||e===void 0?void 0:e.classList.contains("swiper-slide-duplicate")){return""}if(this.hasSubscribedOptions){return h(Host,null,h("salla-product-availability",Object.assign({},this.getBtnAttributes(),{"is-subscribed":true}),h("span",{class:"s-hidden"},h("slot",null))))}if(this.productStatus==="out-and-notify"&&this.channels||this.hasOutOfStockOption){return h(Host,null,h("salla-product-availability",Object.assign({},this.getBtnAttributes()),h("span",{class:"s-hidden"},h("slot",null))))}return h(Host,{class:{"s-add-product-button-with-quick-buy":this.showQuickBuy,"s-add-product-button-with-sticky-bar":this.supportStickyBar}},h("salla-button",Object.assign({color:this.productStatus==="sale"?"primary":"light",type:"button",fill:this.productStatus==="sale"?"solid":"outline",ref:function(e){return t.btn=e},onClick:function(e){return t.addProductToCart(e)},disabled:this.productStatus!=="sale"},this.getBtnAttributes(),{"loader-position":"center"}),h("slot",null)),this.showQuickBuy?h("salla-quick-buy",Object.assign({},this.getQuickBuyBtnAttributes())):"")};t.prototype.componentDidLoad=function(){var t=this;if(!this.notifyOptionsAvailability){return}salla.event.on("product-options::change",(function(e){return __awaiter(t,void 0,void 0,(function(){var t,i,s,n,o,r;var a=this;return __generator(this,(function(u){switch(u.label){case 0:if(!["thumbnail","color","single-option"].includes(e.option.type)){return[2]}this.hasSubscribedOptions=false;s=this;return[4,(t=document.querySelector('salla-product-options[product-id="'.concat(this.productId,'"]')))===null||t===void 0?void 0:t.getSelectedOptions()];case 1:s.selectedOptions=u.sent();n=this;return[4,(i=document.querySelector('salla-product-options[product-id="'.concat(this.productId,'"]')))===null||i===void 0?void 0:i.hasOutOfStockOption()];case 2:n.hasOutOfStockOption=u.sent();o=salla.storage.get("product-".concat(this.productId,"-subscribed-options"));if(!o&&!this.subscribedOptions||!this.hasOutOfStockOption){return[2]}if(salla.config.isGuest()){r=o?o.map((function(t){return t.split(",").map((function(t){return parseInt(t)}))})):[];this.hasSubscribedOptions=r.length>0&&r.some((function(t){return t.every((function(t){return a.selectedOptions.some((function(e){return e.id===t}))}))}))}else{this.hasSubscribedOptions=this.subscribedOptions&&this.subscribedOptions!=="null"&&this.subscribedOptions!=="[]"?JSON.parse(this.subscribedOptions).some((function(t){return t.every((function(t){return a.selectedOptions.some((function(e){return e.id===t}))}))})):false}return[2]}}))}))}))};t.prototype.componentDidRender=function(){var t=this;var e,i;if(!!this.passedLabel&&(!this.supportStickyBar||window.innerWidth>=768)){(e=this.btn)===null||e===void 0?void 0:e.setText(this.passedLabel);return}(i=this.btn)===null||i===void 0?void 0:i.setText(this.getLabel());salla.lang.onLoaded((function(){var e;return(e=t.btn)===null||e===void 0?void 0:e.setText(t.getLabel())}))};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();SallaAddProductButton.style=sallaAddProductButtonCss;export{SallaAddProductButton as salla_add_product_button};
+ */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-f1d446ac.js";import{C as Cart}from"./cart-8c60b447.js";var sallaAddProductButtonCss=":host{display:block}salla-add-product-button[width=wide]{width:100%}";var SallaAddProductButton=function(){function t(t){var e=this;registerInstance(this,t);this.success=createEvent(this,"success",7);this.failed=createEvent(this,"failed",7);this.hostAttributes={};this.productStatus="sale";this.productType="product";this.selectedOptions=[];salla.onReady((function(){e.showQuickBuy=e.quickBuy&&!!salla.config.get("store.settings.buy_now")}))}t.prototype.getLabel=function(){if(this.productStatus==="sale"){if(this.supportStickyBar&&window.innerWidth<=768){return Cart}return salla.lang.get("pages.cart.add_to_cart")}if(this.productType!=="donating"){return salla.lang.get("pages.products.out_of_stock")}return salla.lang.get("pages.products.donation_exceed")};t.prototype.addProductToCart=function(t){var e=this;if(this.productType==="booking"){t.preventDefault();return this.addBookingProduct()}if(this.hostAttributes.type==="submit"){return false}t.preventDefault();var i=Object.entries({id:this.productId,donating_amount:this.donatingAmount,quantity:this.quantity,endpoint:"quickAdd"}).reduce((function(t,e){var i=e[0],s=e[1];return s?(t[i]=s,t):t}),{});return salla.cart.addItem(i).then((function(t){e.selectedOptions=[];e.success.emit(t)})).catch((function(t){return e.failed.emit(t)}))};t.prototype.addBookingProduct=function(){var t=this;if(salla.config.isGuest()){salla.auth.api.setAfterLoginEvent("booking::add",this.productId);salla.event.dispatch("login::open");return}return salla.booking.add(this.productId).then((function(e){return t.success.emit(e)})).catch((function(e){return t.failed.emit(e)}))};t.prototype.getBtnAttributes=function(){for(var t=0;t<this.host.attributes.length;t++){if(!["id","class"].includes(this.host.attributes[t].name)){this.hostAttributes[this.host.attributes[t].name]=this.host.attributes[t].value}}return this.hostAttributes};t.prototype.getQuickBuyBtnAttributes=function(){return Object.assign(Object.assign({},this.getBtnAttributes()),{type:this.supportStickyBar&&window.innerWidth<=768?"plain":this.productType=="donating"?"donate":"buy"})};t.prototype.componentWillLoad=function(){var t=this;var e;this.passedLabel=this.host.innerHTML.replace("\x3c!----\x3e","").trim();if(!!this.passedLabel&&window.innerWidth>=768){(e=this.btn)===null||e===void 0?void 0:e.setText(this.passedLabel);return}if(this.host.hasAttribute("type")&&this.host.getAttribute("type")==="submit"&&this.supportStickyBar){window.addEventListener("resize",(function(){var e,i;if(window.innerWidth>=768&&!!t.passedLabel){(e=t.btn)===null||e===void 0?void 0:e.setText(t.passedLabel)}else{(i=t.btn)===null||i===void 0?void 0:i.setText(t.getLabel())}}))}};t.prototype.render=function(){var t=this;var e;if((e=this.host.closest(".swiper-slide"))===null||e===void 0?void 0:e.classList.contains("swiper-slide-duplicate")){return""}if(this.hasSubscribedOptions){return h(Host,null,h("salla-product-availability",Object.assign({},this.getBtnAttributes(),{"is-subscribed":true}),h("span",{class:"s-hidden"},h("slot",null))))}if(this.productStatus==="out-and-notify"&&this.channels||this.hasOutOfStockOption){return h(Host,null,h("salla-product-availability",Object.assign({},this.getBtnAttributes()),h("span",{class:"s-hidden"},h("slot",null))))}return h(Host,{class:{"s-add-product-button-with-quick-buy":this.showQuickBuy,"s-add-product-button-with-sticky-bar":this.supportStickyBar}},h("salla-button",Object.assign({color:this.productStatus==="sale"?"primary":"light",type:"button",fill:this.productStatus==="sale"?"solid":"outline",ref:function(e){return t.btn=e},onClick:function(e){return t.addProductToCart(e)},disabled:this.productStatus!=="sale"},this.getBtnAttributes(),{"loader-position":"center"}),h("slot",null)),this.showQuickBuy?h("salla-quick-buy",Object.assign({},this.getQuickBuyBtnAttributes())):"")};t.prototype.componentDidLoad=function(){var t=this;if(!this.notifyOptionsAvailability){return}salla.event.on("product-options::change",(function(e){return __awaiter(t,void 0,void 0,(function(){var t,i,s,n,o,r;var a=this;return __generator(this,(function(u){switch(u.label){case 0:if(!["thumbnail","color","single-option"].includes(e.option.type)){return[2]}this.hasSubscribedOptions=false;s=this;return[4,(t=document.querySelector('salla-product-options[product-id="'.concat(this.productId,'"]')))===null||t===void 0?void 0:t.getSelectedOptions()];case 1:s.selectedOptions=u.sent();n=this;return[4,(i=document.querySelector('salla-product-options[product-id="'.concat(this.productId,'"]')))===null||i===void 0?void 0:i.hasOutOfStockOption()];case 2:n.hasOutOfStockOption=u.sent();o=salla.storage.get("product-".concat(this.productId,"-subscribed-options"));if(!o&&!this.subscribedOptions||!this.hasOutOfStockOption){return[2]}if(salla.config.isGuest()){r=o?o.map((function(t){return t.split(",").map((function(t){return parseInt(t)}))})):[];this.hasSubscribedOptions=r.length>0&&r.some((function(t){return t.every((function(t){return a.selectedOptions.some((function(e){return e.id===t}))}))}))}else{this.hasSubscribedOptions=this.subscribedOptions&&this.subscribedOptions!=="null"&&this.subscribedOptions!=="[]"?JSON.parse(this.subscribedOptions).some((function(t){return t.every((function(t){return a.selectedOptions.some((function(e){return e.id===t}))}))})):false}return[2]}}))}))}))};t.prototype.componentDidRender=function(){var t=this;var e,i;if(!!this.passedLabel&&(!this.supportStickyBar||window.innerWidth>=768)){(e=this.btn)===null||e===void 0?void 0:e.setText(this.passedLabel);return}(i=this.btn)===null||i===void 0?void 0:i.setText(this.getLabel());salla.lang.onLoaded((function(){var e;return(e=t.btn)===null||e===void 0?void 0:e.setText(t.getLabel())}))};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();SallaAddProductButton.style=sallaAddProductButtonCss;export{SallaAddProductButton as salla_add_product_button};
+//# sourceMappingURL=salla-add-product-button.entry.js.map

package/dist/esm-es5/salla-add-product-button.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/salla-add-product-button/salla-add-product-button.css?tag=salla-add-product-button","src/components/salla-add-product-button/salla-add-product-button.tsx"],"names":["sallaAddProductButtonCss","SallaAddProductButton","class_1","hostRef","_this","this","hostAttributes","productStatus","productType","selectedOptions","salla","onReady","showQuickBuy","quickBuy","config","get","prototype","getLabel","supportStickyBar","window","innerWidth","Cart","lang","addProductToCart","event","preventDefault","addBookingProduct","type","data","Object","entries","id","productId","donating_amount","donatingAmount","quantity","endpoint","reduce","a","_c","k","v","cart","addItem","then","response","success","emit","catch","error","failed","isGuest","auth","api","setAfterLoginEvent","dispatch","booking","add","resp","getBtnAttributes","i","host","attributes","length","includes","name","value","getQuickBuyBtnAttributes","assign","componentWillLoad","passedLabel","innerHTML","replace","trim","_a","btn","setText","hasAttribute","getAttribute","addEventListener","_b","render","closest","classList","contains","hasSubscribedOptions","h","Host","is-subscribed","class","channels","hasOutOfStockOption","s-add-product-button-with-quick-buy","s-add-product-button-with-sticky-bar","color","fill","ref","el","onClick","disabled","loader-position","componentDidLoad","notifyOptionsAvailability","on","__awaiter","option","document","querySelector","concat","getSelectedOptions","_e","sent","_d","subscribedDetails","storage","subscribedOptions","parsedSubscribedDetails","map","ids","split","parseInt","some","every","JSON","parse","componentDidRender","onLoaded"],"mappings":"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","sourcesContent":[":host {\n  display: block;\n}\n\nsalla-add-product-button[width=wide] {\n  width: 100%;\n}\n\n","import {Component, Element, State, Event, EventEmitter, Host, Prop, h} from '@stencil/core';\nimport Cart from '../../assets/svg/cart.svg';\n@Component({\n  tag: 'salla-add-product-button',\n  styleUrl: 'salla-add-product-button.css'\n})\nexport class SallaAddProductButton {\n\n  private hostAttributes: any = {};\n  private btn?: HTMLSallaButtonElement;\n  private passedLabel: string;\n\n  constructor() {\n    salla.onReady(() => {\n      this.showQuickBuy = this.quickBuy && !!salla.config.get('store.settings.buy_now');\n    });\n  }\n\n  /**\n   * Channels.\n   */\n  @Prop({reflect: true}) channels: string;\n\n  /**\n   * Subscribed Options ex: \"[[139487,2394739],[1212,1544]]\"\n   */\n  @Prop() subscribedOptions: string;\n\n  /**\n   * Support Quick Pay Button\n   */\n  @Prop({reflect: true, mutable: true}) quickBuy: boolean;\n\n  /**\n   * Product Quantity\n   */\n  @Prop({reflect: true}) quantity: number;\n\n  /**\n   * Donating amount.\n   */\n  @Prop({reflect: true}) donatingAmount: number;\n\n  /**\n   * Listen to product options availability.\n   */\n  @Prop({reflect: true}) notifyOptionsAvailability: boolean;\n\n  /**\n   * Product id\n   */\n  @Prop({reflect: true}) productId;\n\n  /**\n   * Support themes that have a sticky bar\n   */\n  @Prop({reflect: true}) supportStickyBar: boolean;\n  /**\n   *  Product Status.Defaults to `sale`\n   */\n  @Prop({reflect: true}) productStatus: 'sale' | 'out' | 'out-and-notify' = 'sale';\n\n  /**\n   * Product type. Defaults to `product`\n   */\n  @Prop({reflect: true}) productType: 'product' | 'service' | 'codes' | 'digital' | 'food' | 'donating' | 'group_products' | 'booking' = 'product';\n\n  /**\n   * Custome DOM event emitter when product gets added to cart successfully.\n   */\n  @Event() success: EventEmitter;\n\n  @State() hasOutOfStockOption: boolean;\n\n  @State() hasSubscribedOptions: boolean;\n\n  @State() selectedOptions: Array<any> = [];\n  @State() showQuickBuy: boolean;\n\n  /**\n   * Custome DOM event emitter when product addition to cart fails.\n   */\n  @Event() failed: EventEmitter;\n\n  @Element() host: HTMLElement;\n\n  private getLabel() {\n    if (this.productStatus === 'sale') {\n      if (this.supportStickyBar && window.innerWidth <= 768) {\n        return Cart;\n      }\n      return salla.lang.get('pages.cart.add_to_cart');\n    }\n\n    if (this.productType !== 'donating') {\n      return salla.lang.get('pages.products.out_of_stock');\n    }\n\n    // donating\n    return salla.lang.get('pages.products.donation_exceed');\n  }\n\n  private addProductToCart(event) {\n\n    if (this.productType === 'booking') {\n      event.preventDefault();\n      return this.addBookingProduct();\n    }\n\n    // we want to ignore the click action when the type of button is submit a form\n    if (this.hostAttributes.type === 'submit') {\n      return false;\n    }\n    event.preventDefault();\n    /**\n     * by default the quick add is just an alias for add item function\n     * but its work only when the id is the only value is passed via the object\n     * so we will filter the object entities to remove null and zero values in case we don't want the normal add item action\n     */\n    const data = Object.entries({\n      id: this.productId,\n      donating_amount: this.donatingAmount,\n      quantity: this.quantity,\n      endpoint: 'quickAdd'\n    }).reduce((a, [k, v]) => (v ? (a[k] = v, a) : a), {})\n    return salla.cart.addItem(data)\n      .then(response => {\n        this.selectedOptions = [];\n        this.success.emit(response);\n      })\n      .catch(error => this.failed.emit(error));\n\n  }\n\n  private addBookingProduct() {\n    if (salla.config.isGuest()) {\n      salla.auth.api.setAfterLoginEvent('booking::add', this.productId);\n      salla.event.dispatch('login::open');\n      return;\n    }\n    return salla.booking.add(this.productId)\n      .then(resp => this.success.emit(resp))\n      .catch(error => this.failed.emit(error))\n  }\n\n  private getBtnAttributes() {\n    for (let i = 0; i < this.host.attributes.length; i++) {\n      if (!['id', 'class'].includes(this.host.attributes[i].name)) {\n        this.hostAttributes[this.host.attributes[i].name] = this.host.attributes[i].value;\n      }\n    }\n\n    return this.hostAttributes;\n  }\n  \n  private getQuickBuyBtnAttributes() {\n    return {...this.getBtnAttributes(), type: this.supportStickyBar && window.innerWidth <= 768 ? 'plain' : this.productType == 'donating' ? 'donate' : 'buy'}\n  }\n\n\n  componentWillLoad(): void {\n    this.passedLabel = this.host.innerHTML.replace('<!---->', '').trim();\n    if (!!this.passedLabel && window.innerWidth >= 768) {\n      this.btn?.setText(this.passedLabel);\n      return;\n    }\n    if (this.host.hasAttribute('type') && this.host.getAttribute('type') === 'submit' && this.supportStickyBar) {\n      window.addEventListener('resize', () => {\n        if (window.innerWidth >= 768 && !!this.passedLabel) {\n          this.btn?.setText(this.passedLabel)\n        } else {\n          this.btn?.setText(this.getLabel())\n        }\n      });\n    }\n  }\n\n\n  render() {\n    //TODO:: find a better fix, this is a patch for issue that duplicates the buttons more than twice @see the screenshot inside this folder\n    if (this.host.closest('.swiper-slide')?.classList.contains('swiper-slide-duplicate')) {\n      return ''\n    }\n    if (this.hasSubscribedOptions) {\n      return <Host>\n        <salla-product-availability {...this.getBtnAttributes()} is-subscribed={true}>\n          <span class=\"s-hidden\"><slot /></span>\n        </salla-product-availability>\n      </Host>;\n    }\n\n    if ((this.productStatus === 'out-and-notify' && this.channels) || this.hasOutOfStockOption) {\n      return <Host>\n        <salla-product-availability {...this.getBtnAttributes()}>\n          <span class=\"s-hidden\"><slot /></span>\n        </salla-product-availability>\n      </Host>;\n    }\n\n    return <Host class={{'s-add-product-button-with-quick-buy': this.showQuickBuy, 's-add-product-button-with-sticky-bar': this.supportStickyBar}}>\n      <salla-button color={this.productStatus === 'sale' ? 'primary' : 'light'}\n                    type=\"button\"\n                    fill={this.productStatus === 'sale' ? 'solid' : 'outline'}\n                    ref={el => this.btn = el as HTMLSallaButtonElement}\n                    onClick={event => this.addProductToCart(event)}\n                    disabled={this.productStatus !== 'sale'}\n                    {...this.getBtnAttributes()}\n                    loader-position=\"center\"\n      >\n        <slot/>\n      </salla-button>\n      {this.showQuickBuy ? <salla-quick-buy {...this.getQuickBuyBtnAttributes()} /> : ''}\n    </Host>;\n  }\n\n  componentDidLoad() {\n    if (!this.notifyOptionsAvailability) {\n      return;\n    }\n\n    salla.event.on('product-options::change', async data => {\n      if (!['thumbnail', 'color', 'single-option'].includes(data.option.type)) {\n        return;\n      }\n      this.hasSubscribedOptions = false;\n      this.selectedOptions = await (document.querySelector(`salla-product-options[product-id=\"${this.productId}\"]`) as any)?.getSelectedOptions();\n      this.hasOutOfStockOption = await (document.querySelector(`salla-product-options[product-id=\"${this.productId}\"]`) as any)?.hasOutOfStockOption();\n      let subscribedDetails = salla.storage.get(`product-${this.productId}-subscribed-options`);\n\n      if (!subscribedDetails && !this.subscribedOptions || !this.hasOutOfStockOption) {\n        return;\n      }\n\n      if (salla.config.isGuest()) {\n        const parsedSubscribedDetails = subscribedDetails ? subscribedDetails.map(ids => ids.split(',').map(id => parseInt(id))) : [];\n\n        this.hasSubscribedOptions = parsedSubscribedDetails.length > 0 && parsedSubscribedDetails.some(ids =>\n          ids.every(id => this.selectedOptions.some(option => option.id === id))\n        );\n      } else {\n        this.hasSubscribedOptions = this.subscribedOptions && this.subscribedOptions !== 'null' && this.subscribedOptions !== '[]' ? JSON.parse(this.subscribedOptions).some(ids =>\n          ids.every(id => this.selectedOptions.some(option => option.id === id))\n        ) : false;\n      }\n    });\n\n\n  }\n  componentDidRender(): void {\n    //if label not passed, get label\n    if (!!this.passedLabel && (!this.supportStickyBar || window.innerWidth >= 768)) {\n      // if passed label, set it\n      this.btn?.setText(this.passedLabel)\n      return;\n    }\n    this.btn?.setText(this.getLabel())\n\n    salla.lang.onLoaded(() => this.btn?.setText(this.getLabel()));\n  }\n}\n"]}