@salla.sa/twilight-components 2.13.32 → 2.13.34

package/dist/esm-es5/salla-offer.entry.js

@@ -1,5 +1,5 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import{r as registerInstance,h,g as getElement}from"./index-79837019.js";var PageType;(function(e){e["ProductDetail"]="product.single";e["Cart"]="cart"})(PageType||(PageType={}));var OfferType;(function(e){e["Conditional"]="conditional";e["PercentageOrFixed"]="fixed";e["DiscountsTable"]="discounts_table";e["Bank"]="bank";e["BuyXGetY"]="buy_x_get_y"})(OfferType||(OfferType={}));var sallaOfferCss='.s-offer-wrapper .s-slider-block__title h2{font-size:1.125rem;line-height:1.75rem;color:#f87171}.s-offer-wrapper .s-slider-block__title h2::before{font-family:"sallaicons";content:"\\ee30" !important;position:absolute;top:1rem;font-size:3rem;font-weight:400;line-height:1;color:#fef2f2}.s-offer-bank-wrapper-sinlge-item{display:-ms-flexbox;display:flex;-ms-flex-align:center !important;align-items:center !important;gap:14px}.s-offer-bank-wrapper{display:-ms-flexbox !important;display:flex !important;width:100% !important}';var SallaOffer=function(){function e(e){var t=this;registerInstance(this,e);var r;this.productCardComponent="custom-salla-product-card";this.offersList=[];this.userCurrency=undefined;this.isMultipleBank=false;this.title=undefined;this.currentPage=undefined;this.hasCustomComponent=undefined;this.isBankOffer=false;this.canRender=false;this.offer_with_price_text=salla.lang.get("pages.offer.with_price",{price:""});this.with_discount_text=salla.lang.get("pages.products.with_a_discount");this.product_discount_text=salla.lang.get("pages.products.discount");this.special_offer_text=salla.lang.get("pages.products.special_offer");this.multipleBankOfferTitleText=salla.lang.get("pages.offer.multiple_bank_offers_title");this.multipleBankOfferTitleDescription=salla.lang.get("pages.offer.multiple_bank_offers_message");this.buy_quantity_text=function(e){return salla.lang.get("pages.offer.buy_quantity",{quantity:e})};salla.lang.onLoaded((function(){t.offer_with_price_text=salla.lang.get("pages.offer.with_price");t.with_discount_text=salla.lang.get("pages.products.with_a_discount");t.product_discount_text=salla.lang.get("pages.products.discount");t.special_offer_text=salla.lang.get("pages.products.special_offer");t.multipleBankOfferTitleText=salla.lang.get("pages.offer.multiple_bank_offers_title");t.multipleBankOfferTitleDescription=salla.lang.get("pages.offer.multiple_bank_offers_message");t.buy_quantity_text(0)}));salla.onReady((function(){t.currentPage=salla.config.get("page.slug");t.userCurrency=salla.config.get("currencies")[salla.config.get("user.currency_code")].symbol}));this.categorySlot=((r=this.host.querySelector('[slot="category"]'))===null||r===void 0?void 0:r.innerHTML)||'<a href={url} class="s-offer-slide-cat-entry"><i class={icon}></i><h4>{name}</h4></a>'}e.prototype.getEndpointByPageName=function(){var e;return(e={},e[PageType.Cart]="offers/cart/".concat(salla.storage.get("cart.id")),e[PageType.ProductDetail]="offers/product/".concat(salla.config.get("page.id")),e)[this.currentPage]||"offers"};e.prototype.componentWillLoad=function(){var e=this;this.hasCustomComponent=!!customElements.get(this.productCardComponent);var t=this.getOffersFromStorage();if(t){return t.then((function(t){return e.offersList=t}))}return new Promise((function(e){return salla.onReady(e)})).then((function(t){return salla.api.request(e.getEndpointByPageName())})).then((function(t){if(!(e.offersList=t.data).length){throw new Error("salla-offers:: There is no offers!")}var r=e.offersList.find((function(e){return[OfferType.Bank,OfferType.BuyXGetY,OfferType.DiscountsTable].includes(e.type)}));if(!r){throw new Error("salla-offers:: Offer type not supported yet!")}if(r.type===OfferType.DiscountsTable){return e.offersList=[r]}if(e.isBankOffer=r.type===OfferType.Bank){e.offersList=e.offersList.filter((function(e){return e.type===OfferType.Bank}));e.isMultipleBank=e.offersList.length>1;return e.offersList}var s=r.details.get;return s.source==="products"?salla.product.api.fetch({source:"selected",source_value:s.source_value}).then((function(t){s.products=t.data;r.details.get=s;return e.offersList=[r]})):salla.product.api.categories().then((function(t){s.categories=e.findCategories(t.data,s.source_value);r.details.get=s;return e.offersList=[r]}))})).then((function(t){salla.storage.set(e.getStorageKey(),{offers:t,stored_at:(new Date).getTime()});e.canRender=true}))};e.prototype.componentDidLoad=function(){var e=this.host.querySelector(".s-slider-block__title-nav");e===null||e===void 0?void 0:e.classList.add("s-offer-bank-payment-nav")};e.prototype.findCategories=function(e,t){var r;var s=[];for(var a=0,n=e;a<n.length;a++){var i=n[a];if(t.includes(i.id_||i.id)){s.push(i)}if(((r=i.sub_categories)===null||r===void 0?void 0:r.length)>0){s=s.concat(this.findCategories(i.sub_categories,t))}}return s};e.prototype.getStorageKey=function(){try{var e=salla.config.get("page.slug").replace(".","_");var t=salla.lang.getLocale();var r=salla.config.currency().code;if(!e||!t||!r){throw new Error("Unable to get the storage key.")}return"s-offers-".concat(e,"-").concat(t,"-").concat(r)}catch(e){return""}};e.prototype.getOffersFromStorage=function(){var e=salla.storage.get(this.getStorageKey());if(!e||e.stored_at<(new Date).getTime()-10*60*1e3){salla.storage.remove(this.getStorageKey());return null}this.canRender=true;return Promise.resolve(e.offers)};e.prototype.render=function(){if(!this.offersList.length||!this.canRender)return null;var e=this.offersList[0];var t=this.isBankOffer?this.isMultipleBank?this.multipleBankOfferTitleText:null:e.title;var r=this.isBankOffer?this.isMultipleBank?this.multipleBankOfferTitleDescription:null:e.description;var s={"block-title":t,"block-subTitle":r,"show-controls":this.isMultipleBank};return h("div",{class:"s-offer-wrapper"},h("p",{class:"s-offer-corner-badge"},this.special_offer_text),h("salla-slider",Object.assign({type:"carousel",id:"offer-slider"},s),h("div",{slot:"items"},this.renderSectionForOfferType(e.type))))};e.prototype.renderSectionForOfferType=function(e){if(this.isBankOffer){return this.renderBankSection()}if(e==OfferType.BuyXGetY){return this.renderBuyXGetYSection()}return this.renderDiscountTableSection()};e.prototype.getCategoriesSection=function(e){return h("div",{class:"s-offer-slide-one-sixth swiper-slide",innerHTML:this.categorySlot.replace(/\{url\}/g,e.url).replace(/\{icon\}/g,e.icon||"sicon-store").replace(/\{name\}/g,e.name)})};e.prototype.renderBuyXGetYSection=function(){var e=this;var t,r;var s=this.offersList[0].details;return[(t=s.get.products)===null||t===void 0?void 0:t.map((function(t){return h("div",{class:"s-offer-slide-one-fourth"},e.hasCustomComponent?h(e.productCardComponent,{product:t}):h("salla-product-card",{"shadow-on-hover":true,product:t}))})),(r=s.get.categories)===null||r===void 0?void 0:r.map((function(t){return e.getCategoriesSection(t)}))]};e.prototype.renderBankSection=function(){var e=this;return this.offersList.map((function(t){return h("div",{class:{"s-offer-slide-one-sixth":e.isMultipleBank,"s-offer-bank-wrapper-sinlge-item":!e.isMultipleBank}},h("div",{class:{"s-offer-bank-wrapper":true,"s-offer-slide-one-sixth":!e.isMultipleBank,"s-offer-bank-wrapper-multi-spacer":e.isMultipleBank}},h("div",{class:"s-offer-bank-logo"},h("img",{src:t.details.logo||salla.url.cdn("images/s-empty.png"),"data-src":t.details.logo,alt:t.title+" offer"})),h("ul",{class:"s-offer-bank-payment-wrapper"},t.details.payments.map((function(e){return h("li",{class:"s-offer-bank-payment-single"},h("img",{src:salla.url.cdn("images/payment/"+e+".png")||salla.url.cdn("images/s-empty.png"),"data-src":salla.url.cdn("images/payment/"+e+".png"),alt:"payment"}))}))),e.isMultipleBank?h("p",{class:"s-offer-bank-payment-discount-percent"},"".concat(e.product_discount_text," ").concat(t.details.discount_value).concat(t.details.discount_type==="percentage"&&"%")):""),!e.isMultipleBank?h("div",{class:"s-offer-bank-message s-offer-slide-one-fourth"},h("h2",null,e.offersList[0].title),h("p",{innerHTML:e.generateBankDescription(e.offersList[0].description,t.details.discount_value)})):"")}))};e.prototype.generateBankDescription=function(e,t){return e.replace(new RegExp("".concat(t," %")),'<span class="s-offer-bank-message-amount">'.concat(t," %</span>"))};e.prototype.renderDiscountTableSection=function(){var e=this;var t;var r=this.offersList[0];var s=r.details.show_price_after_discount;var a=r.details.discount_value;return(t=this.offersList[0].details.discounts)===null||t===void 0?void 0:t.map((function(t){return h("div",{class:"s-offer-slide-one-fourth"},h("div",{class:"s-offer-slide-offer-entry"},h("div",{class:"s-offer-slide-offer-entry-price-quantity-container"},h("p",{class:"s-offer-slide-offer-entry-quantity"},e.buy_quantity_text(t.quantity)),s?h("div",{class:"s-offer-slide-offer-entry-price"},h("span",null,e.offer_with_price_text),h("span",{class:"s-offer-slide-offer-entry-price-amount"},a)," ",h("span",null,e.userCurrency)):""),h("p",{class:"s-offer-slide-offer-entry-price-amount-percent"},e.with_discount_text,"(",h("span",null,t.percentage,!!t.percentage&&"%"),")")))}))};Object.defineProperty(e.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();SallaOffer.style=sallaOfferCss;export{SallaOffer as salla_offer};
+import{r as registerInstance,h,g as getElement}from"./index-79837019.js";var PageType;(function(e){e["ProductDetail"]="product.single";e["Cart"]="cart"})(PageType||(PageType={}));var OfferType;(function(e){e["Conditional"]="conditional";e["PercentageOrFixed"]="fixed";e["DiscountsTable"]="discounts_table";e["Bank"]="bank";e["BuyXGetY"]="buy_x_get_y"})(OfferType||(OfferType={}));var sallaOfferCss='.s-offer-wrapper .s-slider-block__title h2{font-size:1.125rem;line-height:1.75rem;color:#f87171}.s-offer-wrapper .s-slider-block__title h2::before{font-family:"sallaicons";content:"\\ee30" !important;position:absolute;top:1rem;font-size:3rem;font-weight:400;line-height:1;color:#fef2f2}.s-offer-bank-wrapper-sinlge-item{display:-ms-flexbox;display:flex;-ms-flex-align:center !important;align-items:center !important;gap:14px}.s-offer-bank-wrapper{display:-ms-flexbox !important;display:flex !important;width:100% !important}';var SallaOffer=function(){function e(e){var t=this;registerInstance(this,e);var r;this.productCardComponent="custom-salla-product-card";this.offersList=[];this.userCurrency=undefined;this.isMultipleBank=false;this.title=undefined;this.currentPage=undefined;this.hasCustomComponent=undefined;this.isBankOffer=false;this.canRender=false;this.offer_with_price_text=salla.lang.get("pages.offer.with_price",{price:""});this.with_discount_text=salla.lang.get("pages.products.with_a_discount");this.product_discount_text=salla.lang.get("pages.products.discount");this.special_offer_text=salla.lang.get("pages.products.special_offer");this.multipleBankOfferTitleText=salla.lang.get("pages.offer.multiple_bank_offers_title");this.multipleBankOfferTitleDescription=salla.lang.get("pages.offer.multiple_bank_offers_message");this.buy_quantity_text=function(e){return salla.lang.get("pages.offer.buy_quantity",{quantity:e})};salla.lang.onLoaded((function(){t.offer_with_price_text=salla.lang.get("pages.offer.with_price");t.with_discount_text=salla.lang.get("pages.products.with_a_discount");t.product_discount_text=salla.lang.get("pages.products.discount");t.special_offer_text=salla.lang.get("pages.products.special_offer");t.multipleBankOfferTitleText=salla.lang.get("pages.offer.multiple_bank_offers_title");t.multipleBankOfferTitleDescription=salla.lang.get("pages.offer.multiple_bank_offers_message");t.buy_quantity_text(0)}));salla.onReady((function(){t.currentPage=salla.config.get("page.slug");t.userCurrency=salla.config.get("currencies")[salla.config.get("user.currency_code")].symbol}));this.categorySlot=((r=this.host.querySelector('[slot="category"]'))===null||r===void 0?void 0:r.innerHTML)||'<a href={url} class="s-offer-slide-cat-entry"><i class={icon}></i><h4>{name}</h4></a>'}e.prototype.getEndpointByPageName=function(){var e;return(e={},e[PageType.Cart]="offers/cart/".concat(salla.storage.get("cart.id")),e[PageType.ProductDetail]="offers/product/".concat(salla.config.get("page.id")),e)[this.currentPage]||"offers"};e.prototype.componentWillLoad=function(){var e=this;this.hasCustomComponent=!!customElements.get(this.productCardComponent);return new Promise((function(e){return salla.onReady(e)})).then((function(t){return salla.api.request(e.getEndpointByPageName())})).then((function(t){if(!(e.offersList=t.data).length){throw new Error("salla-offers:: There is no offers!")}var r=e.offersList.find((function(e){return[OfferType.Bank,OfferType.BuyXGetY,OfferType.DiscountsTable].includes(e.type)}));if(!r){throw new Error("salla-offers:: Offer type not supported yet!")}if(r.type===OfferType.DiscountsTable){return e.offersList=[r]}if(e.isBankOffer=r.type===OfferType.Bank){e.offersList=e.offersList.filter((function(e){return e.type===OfferType.Bank}));e.isMultipleBank=e.offersList.length>1;return e.offersList}var s=r.details.get;return s.source==="products"?salla.product.api.fetch({source:"selected",source_value:s.source_value}).then((function(t){s.products=t.data;r.details.get=s;return e.offersList=[r]})):salla.product.api.categories().then((function(t){s.categories=e.findCategories(t.data,s.source_value);r.details.get=s;return e.offersList=[r]}))})).then((function(t){salla.storage.set(e.getStorageKey(),{offers:t,stored_at:(new Date).getTime()});e.canRender=true}))};e.prototype.componentDidLoad=function(){var e=this.host.querySelector(".s-slider-block__title-nav");e===null||e===void 0?void 0:e.classList.add("s-offer-bank-payment-nav")};e.prototype.findCategories=function(e,t){var r;var s=[];for(var a=0,n=e;a<n.length;a++){var i=n[a];if(t.includes(i.id_||i.id)){s.push(i)}if(((r=i.sub_categories)===null||r===void 0?void 0:r.length)>0){s=s.concat(this.findCategories(i.sub_categories,t))}}return s};e.prototype.getStorageKey=function(){try{var e=salla.config.get("page.slug").replace(".","_");var t=salla.lang.getLocale();var r=salla.config.currency().code;if(!e||!t||!r){throw new Error("Unable to get the storage key.")}return"s-offers-".concat(e,"-").concat(salla.config.get("page.id"),"-").concat(t,"-").concat(r)}catch(e){return""}};e.prototype.getOffersFromStorage=function(){var e=salla.storage.get(this.getStorageKey());if(!e||e.stored_at<(new Date).getTime()-10*60*1e3){salla.storage.remove(this.getStorageKey());return null}this.canRender=true;return Promise.resolve(e.offers)};e.prototype.render=function(){if(!this.offersList.length||!this.canRender)return null;var e=this.offersList[0];var t=this.isBankOffer?this.isMultipleBank?this.multipleBankOfferTitleText:null:e.title;var r=this.isBankOffer?this.isMultipleBank?this.multipleBankOfferTitleDescription:null:e.description;var s={"block-title":t,"block-subTitle":r,"show-controls":this.isMultipleBank};return h("div",{class:"s-offer-wrapper"},h("p",{class:"s-offer-corner-badge"},this.special_offer_text),h("salla-slider",Object.assign({type:"carousel",id:"offer-slider"},s),h("div",{slot:"items"},this.renderSectionForOfferType(e.type))))};e.prototype.renderSectionForOfferType=function(e){if(this.isBankOffer){return this.renderBankSection()}if(e==OfferType.BuyXGetY){return this.renderBuyXGetYSection()}return this.renderDiscountTableSection()};e.prototype.getCategoriesSection=function(e){return h("div",{class:"s-offer-slide-one-sixth swiper-slide",innerHTML:this.categorySlot.replace(/\{url\}/g,e.url).replace(/\{icon\}/g,e.icon||"sicon-store").replace(/\{name\}/g,e.name)})};e.prototype.renderBuyXGetYSection=function(){var e=this;var t,r;var s=this.offersList[0].details;return[(t=s.get.products)===null||t===void 0?void 0:t.map((function(t){return h("div",{class:"s-offer-slide-one-fourth"},e.hasCustomComponent?h(e.productCardComponent,{product:t}):h("salla-product-card",{"shadow-on-hover":true,product:t}))})),(r=s.get.categories)===null||r===void 0?void 0:r.map((function(t){return e.getCategoriesSection(t)}))]};e.prototype.renderBankSection=function(){var e=this;return this.offersList.map((function(t){return h("div",{class:{"s-offer-slide-one-sixth":e.isMultipleBank,"s-offer-bank-wrapper-sinlge-item":!e.isMultipleBank}},h("div",{class:{"s-offer-bank-wrapper":true,"s-offer-slide-one-sixth":!e.isMultipleBank,"s-offer-bank-wrapper-multi-spacer":e.isMultipleBank}},h("div",{class:"s-offer-bank-logo"},h("img",{src:t.details.logo||salla.url.cdn("images/s-empty.png"),"data-src":t.details.logo,alt:t.title+" offer"})),h("ul",{class:"s-offer-bank-payment-wrapper"},t.details.payments.map((function(e){return h("li",{class:"s-offer-bank-payment-single"},h("img",{src:salla.url.cdn("images/payment/"+e+".png")||salla.url.cdn("images/s-empty.png"),"data-src":salla.url.cdn("images/payment/"+e+".png"),alt:"payment"}))}))),e.isMultipleBank?h("p",{class:"s-offer-bank-payment-discount-percent"},"".concat(e.product_discount_text," ").concat(t.details.discount_value).concat(t.details.discount_type==="percentage"&&"%")):""),!e.isMultipleBank?h("div",{class:"s-offer-bank-message s-offer-slide-one-fourth"},h("h2",null,e.offersList[0].title),h("p",{innerHTML:e.generateBankDescription(e.offersList[0].description,t.details.discount_value)})):"")}))};e.prototype.generateBankDescription=function(e,t){return e.replace(new RegExp("".concat(t," %")),'<span class="s-offer-bank-message-amount">'.concat(t," %</span>"))};e.prototype.renderDiscountTableSection=function(){var e=this;var t;var r=this.offersList[0];var s=r.details.show_price_after_discount;var a=r.details.discount_value;return(t=this.offersList[0].details.discounts)===null||t===void 0?void 0:t.map((function(t){return h("div",{class:"s-offer-slide-one-fourth"},h("div",{class:"s-offer-slide-offer-entry"},h("div",{class:"s-offer-slide-offer-entry-price-quantity-container"},h("p",{class:"s-offer-slide-offer-entry-quantity"},e.buy_quantity_text(t.quantity)),s?h("div",{class:"s-offer-slide-offer-entry-price"},h("span",null,e.offer_with_price_text),h("span",{class:"s-offer-slide-offer-entry-price-amount"},a)," ",h("span",null,e.userCurrency)):""),h("p",{class:"s-offer-slide-offer-entry-price-amount-percent"},e.with_discount_text,"(",h("span",null,t.percentage,!!t.percentage&&"%"),")")))}))};Object.defineProperty(e.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();SallaOffer.style=sallaOfferCss;export{SallaOffer as salla_offer};
 //# sourceMappingURL=salla-offer.entry.js.map

package/dist/esm-es5/salla-offer.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["PageType","OfferType","sallaOfferCss","SallaOffer","hostRef","_this","this","salla","lang","get","price","quantity","onLoaded","offer_with_price_text","with_discount_text","product_discount_text","special_offer_text","multipleBankOfferTitleText","multipleBankOfferTitleDescription","buy_quantity_text","onReady","currentPage","config","userCurrency","symbol","categorySlot","_a","host","querySelector","innerHTML","prototype","getEndpointByPageName","_c","Cart","concat","storage","ProductDetail","componentWillLoad","hasCustomComponent","customElements","productCardComponent","offers","getOffersFromStorage","then","offersFromStorage","offersList","Promise","resolve","_","api","request","res","data","length","Error","offer","find","Bank","BuyXGetY","DiscountsTable","includes","type","isBankOffer","filter","isMultipleBank","getY","details","source","product","fetch","source_value","response","products","categories","findCategories","set","getStorageKey","stored_at","Date","getTime","canRender","componentDidLoad","nav","classList","add","ids","found","_i","categories_1","category","id_","id","push","sub_categories","pageSlug","replace","locale","getLocale","currencyCode","currency","code","error","storageOffers","remove","render","blockTitle","title","blockSubTitle","description","titles","h","class","Object","assign","slot","renderSectionForOfferType","offerType","renderBankSection","renderBuyXGetYSection","renderDiscountTableSection","getCategoriesSection","url","icon","name","map","_b","bankOffer","src","logo","cdn","alt","payments","payment","discount_value","discount_type","generateBankDescription","desc","value","RegExp","show_discounted_price","show_price_after_discount","discounts","discount","percentage"],"sources":["src/components/salla-offer/interfaces.ts","src/components/salla-offer/salla-offer.scss?tag=salla-offer","src/components/salla-offer/salla-offer.tsx"],"sourcesContent":["export enum PageType {\n  ProductDetail = \"product.single\",\n  Cart = \"cart\"\n}\n\nexport enum OfferType {\n  Conditional = \"conditional\",\n  PercentageOrFixed = \"fixed\",\n  DiscountsTable = \"discounts_table\",\n  Bank = \"bank\",\n  BuyXGetY = \"buy_x_get_y\"\n}\n\n\nexport interface DiscountDetailFixed {\n  discount_type: \"fixed\";\n  min_spend: number;\n  discount_value: number;\n}\n\nexport interface DiscountDetailFreeProduct {\n  discount_type: \"free_product\";\n  min_spend: number;\n  discount_value: number;\n}\n\nexport interface DiscountDetailConditional extends Array<DiscountDetailFixed | DiscountDetailFreeProduct> {}\n\nexport interface DiscountDetailPercentageFixed {\n  apply_to: \"all\" | \"products\" | \"categories\" | \"payment_methods\";\n  targets: Array<string | number>;\n  ends_at: number;\n  min_spend: number;\n  discount_value: number;\n}\n\nexport interface Discount {\n  quantity: number;\n  percentage: number;\n}\n\nexport interface DiscountDetailTable {\n  apply_to: \"all\" | \"products\" | \"categories\" | \"payment_methods\" | \"order\";\n  discount_value: number;\n  ends_at: string;\n  min_items: number;\n  min_spend: number;\n  show_price_after_discount: boolean;\n  discounts: Discount[];\n}\n\nexport interface BankOffer {\n  logo: string;\n  discount_value: number;\n  discount_type: string;\n  minimum_spend: number;\n  payments: string[];\n}\n\nexport interface BuyXGetYDetail {\n  ends_at: number;\n  buy: {\n      source: \"product\" | \"category\";\n      source_value: number[];\n      quantity: number;\n  };\n  get: {\n      source: \"products\" | \"category\";\n      source_value: number[];\n      type: \"free_product\" | \"percentage\" | \"fixed\";\n      value: number;\n      products?: Product[];//we will set this dynamically\n      categories?: Category[];//we will set this dynamically\n  };\n}\n\nexport interface Offer {\n  id: number;\n  title: string;\n  description: string;\n  type: OfferType | \"conditional\" | \"fixed\" | \"discounts_table\" | \"bank\" | \"buy_x_get_y\";\n  details: DiscountDetailConditional | DiscountDetailPercentageFixed | DiscountDetailTable | BankOffer | BuyXGetYDetail;\n}\n\nexport interface Product {\n  id: number;\n  type: string;\n  status: string;\n  is_available: boolean;\n  sku: string;\n  name: string;\n  price: { amount: number; currency: string; };\n  promotion: { title: string; sub_title: string; };\n  sale_price: { amount: number; currency: string; };\n  regular_price: { amount: number; currency: string; };\n  currency: string;\n  url: string;\n  thumbnail: string;\n  has_special_price: boolean;\n  favorite?: any;\n}\n\nexport interface Category {\n  id?:             string;\n  id_?:            number;\n  name?:           string;\n  url?:            string;\n  icon?:           string;\n  sub_categories?: Category[];\n  items?:          any[] | null;\n}\n\nexport interface Currency {\n  code: string | 'SAR';\n  name: string;\n  symbol: string;\n  amount?: number;\n  country_code?: string;\n}\n",".s-offer-wrapper .s-slider-block__title {\n  h2 {\n    font-size: 1.125rem;\n    line-height: 1.75rem;\n    color: #f87171;\n\n    &::before {\n      font-family: \"sallaicons\";\n      content: \"\\ee30\" !important;\n      position: absolute;\n      top: 1rem;\n      font-size: 3rem;\n      font-weight: 400;\n      line-height: 1;\n      color: #fef2f2;\n    }\n  }\n}\n\n.s-offer-bank-wrapper-sinlge-item{\n    display: flex;\n    align-items: center !important;\n    gap: 14px;\n}\n\n.s-offer-bank-wrapper {\n  display: flex !important;\n  width: 100% !important;\n}\n\n// .s-offer-bank-wrapper {\n  // \n// }","import { Component, Element, Prop, State, h } from '@stencil/core';\nimport { Offer, Category, Product, Discount, Currency, BuyXGetYDetail, PageType, OfferType, BankOffer, DiscountDetailTable } from './interfaces';\n\n\n/**\n * `salla-offer` is a StencilJS component that displays offers, categories, products, banks, and discount information.\n * It uses the `salla-slider` component for carousel functionality.\n *\n * @slot category - The slot for customizing the category entry layout.\n * \n * @csspart custom - Custom CSS part to target specific elements in the component.\n *\n * @example\n * <salla-offer product-id=\"123\"></salla-offer>\n */\n@Component({\n  tag: 'salla-offer',\n  styleUrl: 'salla-offer.scss',\n})\nexport class SallaOffer {\n\n  constructor() {\n    // Language\n    salla.lang.onLoaded(() => {\n      this.offer_with_price_text = salla.lang.get('pages.offer.with_price');\n      this.with_discount_text = salla.lang.get('pages.products.with_a_discount');\n      this.product_discount_text = salla.lang.get('pages.products.discount');\n      this.special_offer_text = salla.lang.get('pages.products.special_offer');\n      this.multipleBankOfferTitleText = salla.lang.get('pages.offer.multiple_bank_offers_title');\n      this.multipleBankOfferTitleDescription = salla.lang.get('pages.offer.multiple_bank_offers_message');\n      this.buy_quantity_text(0);\n    })\n\n    salla.onReady(() => {\n      this.currentPage = salla.config.get('page.slug')\n      this.userCurrency = salla.config.get('currencies')[salla.config.get('user.currency_code')].symbol\n    });\n\n    this.categorySlot = this.host.querySelector('[slot=\"category\"]')?.innerHTML || '<a href={url} class=\"s-offer-slide-cat-entry\"><i class={icon}></i><h4>{name}</h4></a>';\n  }\n\n  /**\n   * Custom Card Component for the Salla Products List.\n   *\n   * This component allows you to customize the appearance of individual product cards within a Salla Products List.\n   *\n   * @example\n   * <salla-products-list product-card-component=\"my-custom-card-style1\" ...\n   * <salla-products-list product-card-component=\"my-custom-card-style2\" ...\n   */\n  @Prop() productCardComponent: string = 'custom-salla-product-card';\n\n  // Declare component state variables\n  @State() offersList: Offer[] = [];\n  @State() userCurrency: Currency;\n  @State() isMultipleBank: boolean = false;\n  @State() title?: string;\n  @State() currentPage: string;\n  @State() hasCustomComponent: boolean;\n\n  @State() isBankOffer: boolean = false;\n  @State() canRender: boolean = false;\n\n  // Default translated texts\n  @State() offer_with_price_text: string = salla.lang.get('pages.offer.with_price', { price: '' });\n  @State() with_discount_text: string = salla.lang.get('pages.products.with_a_discount')\n  @State() product_discount_text: string = salla.lang.get('pages.products.discount')\n  @State() special_offer_text: string = salla.lang.get('pages.products.special_offer')\n  @State() multipleBankOfferTitleText: string = salla.lang.get('pages.offer.multiple_bank_offers_title')\n  @State() multipleBankOfferTitleDescription: string = salla.lang.get('pages.offer.multiple_bank_offers_message')\n  @State() buy_quantity_text: (quantity: number) => string = (quantity) => salla.lang.get('pages.offer.buy_quantity', { quantity })\n\n  // Reference to the host element\n  @Element() host: HTMLElement;\n\n  private categorySlot: string;\n\n  private getEndpointByPageName(): string {\n    return {\n      [PageType.Cart]: `offers/cart/${salla.storage.get('cart.id')}`,\n      [PageType.ProductDetail]: `offers/product/${salla.config.get('page.id')}`,\n    }[this.currentPage] || \"offers\";\n  }\n\n  componentWillLoad() {\n    this.hasCustomComponent = !!customElements.get(this.productCardComponent);\n    let offers = this.getOffersFromStorage();\n    if (offers) {\n      return offers.then(offersFromStorage => this.offersList = offersFromStorage);\n    }\n\n    return (new Promise(resolve => salla.onReady(resolve)))\n      .then((_) => salla.api.request(this.getEndpointByPageName()))\n      .then((res) => {\n        if (!(this.offersList = res.data).length) {\n          throw new Error('salla-offers:: There is no offers!');\n        }\n        //we support these offers only\n        const offer = this.offersList.find(offer => [OfferType.Bank, OfferType.BuyXGetY, OfferType.DiscountsTable].includes(offer.type as any));\n        if (!offer) {\n          throw new Error('salla-offers:: Offer type not supported yet!');\n        }\n        //because there is no need for special handling for discounts table, just skip the other cases\n        if (offer.type === OfferType.DiscountsTable) {\n          return this.offersList = [offer];\n        }\n\n        //if it's banks offer, we need to include the other banks overs\n        if ((this.isBankOffer = offer.type === OfferType.Bank)) {\n          this.offersList = this.offersList.filter(offer => offer.type === OfferType.Bank);\n          this.isMultipleBank = this.offersList.length > 1;\n          return this.offersList;\n        }\n        //BuyXGetY offers\n        const getY = (offer.details as BuyXGetYDetail).get;\n\n        return getY.source === 'products'\n          //todo:: avoid this request, and the handling for the products, just use `salla-products-slider` and don't forget to pass the customcard\n          ? salla.product.api.fetch({ source: \"selected\", source_value: getY.source_value })\n            .then((response: any) => {\n              getY.products = response.data;\n              (offer.details as any).get = getY;\n              return this.offersList = [offer];\n            })//set the products\n          : salla.product.api.categories()//get all categories in one query, then extract only the selected one, instead of sending multi requests\n            .then((res) => {\n              getY.categories = this.findCategories(res.data, getY.source_value);\n              (offer.details as any).get = getY;\n              return this.offersList = [offer];\n            });\n      })\n      .then((offers: Offer[]) => {\n        salla.storage.set(this.getStorageKey(), { offers, stored_at: new Date().getTime() });\n        this.canRender = true;\n      })\n  }\n\n  componentDidLoad() {\n    let nav = this.host.querySelector('.s-slider-block__title-nav');\n    nav?.classList.add(\"s-offer-bank-payment-nav\")\n  }\n\n\n  findCategories(categories: Category[], ids: any[]): Category[] {\n    let found: Category[] = [];\n\n    for (const category of categories) {\n      if (ids.includes(category.id_ || category.id)) { //here we are using || because we are planning to drop `id_`\n        found.push(category);\n      }\n      if (category.sub_categories?.length > 0) {\n        found = found.concat(this.findCategories(category.sub_categories, ids));\n      }\n    }\n\n    return found;\n  }\n\n  //todo::add to the key params, to make sure it will support multi offers in the same page if it's wanted\n  getStorageKey(): string {\n    try {\n      const pageSlug = salla.config.get('page.slug').replace('.', '_');\n      const locale = salla.lang.getLocale();\n      const currencyCode = salla.config.currency().code;\n\n      if (!pageSlug || !locale || !currencyCode) {\n          throw new Error('Unable to get the storage key.');\n      }\n\n      return `s-offers-${pageSlug}-${locale}-${currencyCode}`;\n    } catch (error) {\n        return '';\n    }\n  }\n\n  getOffersFromStorage(): null | Promise<Offer[]> {\n    let storageOffers = salla.storage.get(this.getStorageKey());\n    //if the offers not existed, or it has been stored before 10 minutes from now, ignore it;\n    if (!storageOffers || storageOffers.stored_at < (new Date().getTime() - 10 * 60 * 1000)) {\n      salla.storage.remove(this.getStorageKey());\n      return null;\n    }\n    this.canRender = true;\n\n    //return it as resolve to support .then\n    return Promise.resolve(storageOffers.offers);\n  }\n\n  render() {\n    if (!this.offersList.length || !this.canRender) return null;\n    const offer: Offer = this.offersList[0];\n    \n    const blockTitle = this.isBankOffer ? (this.isMultipleBank ? this.multipleBankOfferTitleText : null) : offer.title;\n    const blockSubTitle = this.isBankOffer ? (this.isMultipleBank ? this.multipleBankOfferTitleDescription : null) : offer.description;\n\n    const titles = {\n      'block-title': blockTitle,\n      'block-subTitle': blockSubTitle,\n      'show-controls': this.isMultipleBank\n    };\n\n    return (\n      <div class=\"s-offer-wrapper\">\n        {<p class=\"s-offer-corner-badge\">{this.special_offer_text}</p>}\n        {/* discounts table is not a slider, it's a table🤔 */}\n        {/* single bank offer is not a slider, it's a dom without slider🤔 */}\n        <salla-slider type=\"carousel\" id=\"offer-slider\" {...titles}>\n          <div slot='items'>\n            {this.renderSectionForOfferType(offer.type)}\n          </div>\n        </salla-slider>\n      </div>\n    );\n  }\n\n  private renderSectionForOfferType(offerType: OfferType | string) {\n    if (this.isBankOffer) {\n      return this.renderBankSection();\n    }\n    if (offerType == OfferType.BuyXGetY) {\n      return this.renderBuyXGetYSection();\n    }\n\n    return this.renderDiscountTableSection();\n  }\n\n  /**\n   * Generates content for the categories section.\n   *\n   * @param offeredCategories - An array of Category objects.\n   * @returns An array of HTML elements representing categories.\n   */\n  private getCategoriesSection(category: Category) {\n    return <div class=\"s-offer-slide-one-sixth swiper-slide\" innerHTML={this.categorySlot\n      .replace(/\\{url\\}/g, category.url)\n      .replace(/\\{icon\\}/g, category.icon || \"sicon-store\")\n      .replace(/\\{name\\}/g, category.name)}></div>\n  }\n\n  private renderBuyXGetYSection() {\n    const details = (this.offersList[0].details as BuyXGetYDetail)\n    return [\n      details.get.products?.map((product: Product) => (\n        <div class=\"s-offer-slide-one-fourth\">\n          {this.hasCustomComponent\n            ? <this.productCardComponent product={product}></this.productCardComponent>\n            : <salla-product-card shadow-on-hover product={product}></salla-product-card>}\n        </div>\n      )),\n      details.get.categories?.map((category: Category) => this.getCategoriesSection(category))\n    ];\n  }\n\n  /**\n   * Generates content for the bank section.\n   *\n   * @param offeredBank - An array of Bank objects.\n   * @param name - The title of the current offer.\n   * @param description - The description of the current offer.\n   * @returns An array of HTML elements representing banks.\n   * \n   * TODO: loop over the list and filter bank types and pass it to this function\n   */\n  private renderBankSection() {\n    return this.offersList.map((bankOffer: Offer) => {\n      return <div class={{ \"s-offer-slide-one-sixth\": this.isMultipleBank, \"s-offer-bank-wrapper-sinlge-item\": !this.isMultipleBank }}>\n        \t<div class={{ \"s-offer-bank-wrapper\": true, \"s-offer-slide-one-sixth\": !this.isMultipleBank, \"s-offer-bank-wrapper-multi-spacer\": this.isMultipleBank }}>\n          \t<div class=\"s-offer-bank-logo\">\n            \t<img src={(bankOffer.details as BankOffer).logo || salla.url.cdn('images/s-empty.png')} data-src={(bankOffer.details as BankOffer).logo} alt={bankOffer.title + \" offer\"} />\n          \t</div>\n          \t<ul class=\"s-offer-bank-payment-wrapper\">\n            \t{(bankOffer.details as BankOffer).payments.map((payment: string) => {\n              \treturn <li class=\"s-offer-bank-payment-single\">\n                \t<img\n                  \tsrc={salla.url.cdn('images/payment/' + payment + '.png') || salla.url.cdn('images/s-empty.png')}\n                  \tdata-src={salla.url.cdn('images/payment/' + payment + '.png')}\n                  \talt=\"payment\" />\n              \t</li>\n            \t})}\n          \t</ul>\n          \t{this.isMultipleBank ?\n            \t<p class=\"s-offer-bank-payment-discount-percent\">\n              \t{`${this.product_discount_text} ${(bankOffer.details as BankOffer).discount_value}${(bankOffer.details as BankOffer).discount_type === \"percentage\" && '%'}`}\n            \t</p>\n            \t: \"\"}\n        \t</div>\n        \t{!this.isMultipleBank ?\n          \t<div class=\"s-offer-bank-message s-offer-slide-one-fourth\">\n            \t<h2>{this.offersList[0].title}</h2>\n            \t<p innerHTML={this.generateBankDescription(this.offersList[0].description, (bankOffer.details as BankOffer).discount_value)}></p>\n          \t</div>\n          \t: \"\"}\n      \t</div>\n    })\n  }\n\n  private generateBankDescription(desc: string, value): string{\n    return desc.replace(new RegExp(`${value} %`), `<span class=\"s-offer-bank-message-amount\">${value} %</span>`)\n  }\n\n  /**\n   * Generates content for the discount table section.\n   *\n   * @param discountTable - An array of Discount objects.\n   * @returns An array of HTML elements representing discounts_table.\n   */\n  private renderDiscountTableSection() {\n    const offer: Offer = this.offersList[0];\n    let show_discounted_price = (offer.details as DiscountDetailTable).show_price_after_discount;\n    let discount_value = (offer.details as DiscountDetailTable).discount_value;\n    return (this.offersList[0].details as DiscountDetailTable).discounts?.map((discount: Discount) => <div class=\"s-offer-slide-one-fourth\">\n        <div class=\"s-offer-slide-offer-entry\">\n          <div class=\"s-offer-slide-offer-entry-price-quantity-container\">\n            <p class=\"s-offer-slide-offer-entry-quantity\">{this.buy_quantity_text(discount.quantity)}</p>\n            {show_discounted_price ?\n              <div class=\"s-offer-slide-offer-entry-price\">\n                <span>{this.offer_with_price_text}</span>\n                <span class=\"s-offer-slide-offer-entry-price-amount\">{discount_value}</span> <span>{this.userCurrency}</span>\n              </div> : \"\"}\n          </div>\n          <p class=\"s-offer-slide-offer-entry-price-amount-percent\">{this.with_discount_text}\n            (<span>{discount.percentage}{!!discount.percentage && '%'}</span>)</p>\n        </div>\n      </div>\n      )\n  }\n\n}\n"],"mappings":"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"}
+{"version":3,"names":["PageType","OfferType","sallaOfferCss","SallaOffer","hostRef","_this","this","salla","lang","get","price","quantity","onLoaded","offer_with_price_text","with_discount_text","product_discount_text","special_offer_text","multipleBankOfferTitleText","multipleBankOfferTitleDescription","buy_quantity_text","onReady","currentPage","config","userCurrency","symbol","categorySlot","_a","host","querySelector","innerHTML","prototype","getEndpointByPageName","_c","Cart","concat","storage","ProductDetail","componentWillLoad","hasCustomComponent","customElements","productCardComponent","Promise","resolve","then","_","api","request","res","offersList","data","length","Error","offer","find","Bank","BuyXGetY","DiscountsTable","includes","type","isBankOffer","filter","isMultipleBank","getY","details","source","product","fetch","source_value","response","products","categories","findCategories","offers","set","getStorageKey","stored_at","Date","getTime","canRender","componentDidLoad","nav","classList","add","ids","found","_i","categories_1","category","id_","id","push","sub_categories","pageSlug","replace","locale","getLocale","currencyCode","currency","code","error","getOffersFromStorage","storageOffers","remove","render","blockTitle","title","blockSubTitle","description","titles","h","class","Object","assign","slot","renderSectionForOfferType","offerType","renderBankSection","renderBuyXGetYSection","renderDiscountTableSection","getCategoriesSection","url","icon","name","map","_b","bankOffer","src","logo","cdn","alt","payments","payment","discount_value","discount_type","generateBankDescription","desc","value","RegExp","show_discounted_price","show_price_after_discount","discounts","discount","percentage"],"sources":["src/components/salla-offer/interfaces.ts","src/components/salla-offer/salla-offer.scss?tag=salla-offer","src/components/salla-offer/salla-offer.tsx"],"sourcesContent":["export enum PageType {\n  ProductDetail = \"product.single\",\n  Cart = \"cart\"\n}\n\nexport enum OfferType {\n  Conditional = \"conditional\",\n  PercentageOrFixed = \"fixed\",\n  DiscountsTable = \"discounts_table\",\n  Bank = \"bank\",\n  BuyXGetY = \"buy_x_get_y\"\n}\n\n\nexport interface DiscountDetailFixed {\n  discount_type: \"fixed\";\n  min_spend: number;\n  discount_value: number;\n}\n\nexport interface DiscountDetailFreeProduct {\n  discount_type: \"free_product\";\n  min_spend: number;\n  discount_value: number;\n}\n\nexport interface DiscountDetailConditional extends Array<DiscountDetailFixed | DiscountDetailFreeProduct> {}\n\nexport interface DiscountDetailPercentageFixed {\n  apply_to: \"all\" | \"products\" | \"categories\" | \"payment_methods\";\n  targets: Array<string | number>;\n  ends_at: number;\n  min_spend: number;\n  discount_value: number;\n}\n\nexport interface Discount {\n  quantity: number;\n  percentage: number;\n}\n\nexport interface DiscountDetailTable {\n  apply_to: \"all\" | \"products\" | \"categories\" | \"payment_methods\" | \"order\";\n  discount_value: number;\n  ends_at: string;\n  min_items: number;\n  min_spend: number;\n  show_price_after_discount: boolean;\n  discounts: Discount[];\n}\n\nexport interface BankOffer {\n  logo: string;\n  discount_value: number;\n  discount_type: string;\n  minimum_spend: number;\n  payments: string[];\n}\n\nexport interface BuyXGetYDetail {\n  ends_at: number;\n  buy: {\n      source: \"product\" | \"category\";\n      source_value: number[];\n      quantity: number;\n  };\n  get: {\n      source: \"products\" | \"category\";\n      source_value: number[];\n      type: \"free_product\" | \"percentage\" | \"fixed\";\n      value: number;\n      products?: Product[];//we will set this dynamically\n      categories?: Category[];//we will set this dynamically\n  };\n}\n\nexport interface Offer {\n  id: number;\n  title: string;\n  description: string;\n  type: OfferType | \"conditional\" | \"fixed\" | \"discounts_table\" | \"bank\" | \"buy_x_get_y\";\n  details: DiscountDetailConditional | DiscountDetailPercentageFixed | DiscountDetailTable | BankOffer | BuyXGetYDetail;\n}\n\nexport interface Product {\n  id: number;\n  type: string;\n  status: string;\n  is_available: boolean;\n  sku: string;\n  name: string;\n  price: { amount: number; currency: string; };\n  promotion: { title: string; sub_title: string; };\n  sale_price: { amount: number; currency: string; };\n  regular_price: { amount: number; currency: string; };\n  currency: string;\n  url: string;\n  thumbnail: string;\n  has_special_price: boolean;\n  favorite?: any;\n}\n\nexport interface Category {\n  id?:             string;\n  id_?:            number;\n  name?:           string;\n  url?:            string;\n  icon?:           string;\n  sub_categories?: Category[];\n  items?:          any[] | null;\n}\n\nexport interface Currency {\n  code: string | 'SAR';\n  name: string;\n  symbol: string;\n  amount?: number;\n  country_code?: string;\n}\n",".s-offer-wrapper .s-slider-block__title {\n  h2 {\n    font-size: 1.125rem;\n    line-height: 1.75rem;\n    color: #f87171;\n\n    &::before {\n      font-family: \"sallaicons\";\n      content: \"\\ee30\" !important;\n      position: absolute;\n      top: 1rem;\n      font-size: 3rem;\n      font-weight: 400;\n      line-height: 1;\n      color: #fef2f2;\n    }\n  }\n}\n\n.s-offer-bank-wrapper-sinlge-item{\n    display: flex;\n    align-items: center !important;\n    gap: 14px;\n}\n\n.s-offer-bank-wrapper {\n  display: flex !important;\n  width: 100% !important;\n}\n\n// .s-offer-bank-wrapper {\n  // \n// }","import { Component, Element, Prop, State, h } from '@stencil/core';\nimport { Offer, Category, Product, Discount, Currency, BuyXGetYDetail, PageType, OfferType, BankOffer, DiscountDetailTable } from './interfaces';\n\n\n/**\n * `salla-offer` is a StencilJS component that displays offers, categories, products, banks, and discount information.\n * It uses the `salla-slider` component for carousel functionality.\n *\n * @slot category - The slot for customizing the category entry layout.\n * \n * @csspart custom - Custom CSS part to target specific elements in the component.\n *\n * @example\n * <salla-offer product-id=\"123\"></salla-offer>\n */\n@Component({\n  tag: 'salla-offer',\n  styleUrl: 'salla-offer.scss',\n})\nexport class SallaOffer {\n\n  constructor() {\n    // Language\n    salla.lang.onLoaded(() => {\n      this.offer_with_price_text = salla.lang.get('pages.offer.with_price');\n      this.with_discount_text = salla.lang.get('pages.products.with_a_discount');\n      this.product_discount_text = salla.lang.get('pages.products.discount');\n      this.special_offer_text = salla.lang.get('pages.products.special_offer');\n      this.multipleBankOfferTitleText = salla.lang.get('pages.offer.multiple_bank_offers_title');\n      this.multipleBankOfferTitleDescription = salla.lang.get('pages.offer.multiple_bank_offers_message');\n      this.buy_quantity_text(0);\n    })\n\n    salla.onReady(() => {\n      this.currentPage = salla.config.get('page.slug')\n      this.userCurrency = salla.config.get('currencies')[salla.config.get('user.currency_code')].symbol\n    });\n\n    this.categorySlot = this.host.querySelector('[slot=\"category\"]')?.innerHTML || '<a href={url} class=\"s-offer-slide-cat-entry\"><i class={icon}></i><h4>{name}</h4></a>';\n  }\n\n  /**\n   * Custom Card Component for the Salla Products List.\n   *\n   * This component allows you to customize the appearance of individual product cards within a Salla Products List.\n   *\n   * @example\n   * <salla-products-list product-card-component=\"my-custom-card-style1\" ...\n   * <salla-products-list product-card-component=\"my-custom-card-style2\" ...\n   */\n  @Prop() productCardComponent: string = 'custom-salla-product-card';\n\n  // Declare component state variables\n  @State() offersList: Offer[] = [];\n  @State() userCurrency: Currency;\n  @State() isMultipleBank: boolean = false;\n  @State() title?: string;\n  @State() currentPage: string;\n  @State() hasCustomComponent: boolean;\n\n  @State() isBankOffer: boolean = false;\n  @State() canRender: boolean = false;\n\n  // Default translated texts\n  @State() offer_with_price_text: string = salla.lang.get('pages.offer.with_price', { price: '' });\n  @State() with_discount_text: string = salla.lang.get('pages.products.with_a_discount')\n  @State() product_discount_text: string = salla.lang.get('pages.products.discount')\n  @State() special_offer_text: string = salla.lang.get('pages.products.special_offer')\n  @State() multipleBankOfferTitleText: string = salla.lang.get('pages.offer.multiple_bank_offers_title')\n  @State() multipleBankOfferTitleDescription: string = salla.lang.get('pages.offer.multiple_bank_offers_message')\n  @State() buy_quantity_text: (quantity: number) => string = (quantity) => salla.lang.get('pages.offer.buy_quantity', { quantity })\n\n  // Reference to the host element\n  @Element() host: HTMLElement;\n\n  private categorySlot: string;\n\n  private getEndpointByPageName(): string {\n    return {\n      [PageType.Cart]: `offers/cart/${salla.storage.get('cart.id')}`,\n      [PageType.ProductDetail]: `offers/product/${salla.config.get('page.id')}`,\n    }[this.currentPage] || \"offers\";\n  }\n\n  componentWillLoad() {\n    this.hasCustomComponent = !!customElements.get(this.productCardComponent);\n    // let offers = this.getOffersFromStorage();\n    // if (offers) {\n    //   return offers.then(offersFromStorage => this.offersList = offersFromStorage);\n    // }\n\n    return (new Promise(resolve => salla.onReady(resolve)))\n      .then((_) => salla.api.request(this.getEndpointByPageName()))\n      .then((res) => {\n        if (!(this.offersList = res.data).length) {\n          throw new Error('salla-offers:: There is no offers!');\n        }\n        //we support these offers only\n        const offer = this.offersList.find(offer => [OfferType.Bank, OfferType.BuyXGetY, OfferType.DiscountsTable].includes(offer.type as any));\n        if (!offer) {\n          throw new Error('salla-offers:: Offer type not supported yet!');\n        }\n        //because there is no need for special handling for discounts table, just skip the other cases\n        if (offer.type === OfferType.DiscountsTable) {\n          return this.offersList = [offer];\n        }\n\n        //if it's banks offer, we need to include the other banks overs\n        if ((this.isBankOffer = offer.type === OfferType.Bank)) {\n          this.offersList = this.offersList.filter(offer => offer.type === OfferType.Bank);\n          this.isMultipleBank = this.offersList.length > 1;\n          return this.offersList;\n        }\n        //BuyXGetY offers\n        const getY = (offer.details as BuyXGetYDetail).get;\n\n        return getY.source === 'products'\n          //todo:: avoid this request, and the handling for the products, just use `salla-products-slider` and don't forget to pass the customcard\n          ? salla.product.api.fetch({ source: \"selected\", source_value: getY.source_value })\n            .then((response: any) => {\n              getY.products = response.data;\n              (offer.details as any).get = getY;\n              return this.offersList = [offer];\n            })//set the products\n          : salla.product.api.categories()//get all categories in one query, then extract only the selected one, instead of sending multi requests\n            .then((res) => {\n              getY.categories = this.findCategories(res.data, getY.source_value);\n              (offer.details as any).get = getY;\n              return this.offersList = [offer];\n            });\n      })\n      .then((offers: Offer[]) => {\n        salla.storage.set(this.getStorageKey(), { offers, stored_at: new Date().getTime() });\n        this.canRender = true;\n      })\n  }\n\n  componentDidLoad() {\n    let nav = this.host.querySelector('.s-slider-block__title-nav');\n    nav?.classList.add(\"s-offer-bank-payment-nav\")\n  }\n\n\n  findCategories(categories: Category[], ids: any[]): Category[] {\n    let found: Category[] = [];\n\n    for (const category of categories) {\n      if (ids.includes(category.id_ || category.id)) { //here we are using || because we are planning to drop `id_`\n        found.push(category);\n      }\n      if (category.sub_categories?.length > 0) {\n        found = found.concat(this.findCategories(category.sub_categories, ids));\n      }\n    }\n\n    return found;\n  }\n\n  //todo::add to the key params, to make sure it will support multi offers in the same page if it's wanted\n  getStorageKey(): string {\n    try {\n      const pageSlug = salla.config.get('page.slug').replace('.', '_');\n      const locale = salla.lang.getLocale();\n      const currencyCode = salla.config.currency().code;\n\n      if (!pageSlug || !locale || !currencyCode) {\n          throw new Error('Unable to get the storage key.');\n      }\n\n      return `s-offers-${pageSlug}-${salla.config.get('page.id')}-${locale}-${currencyCode}`;\n    } catch (error) {\n        return '';\n    }\n  }\n\n  //@ts-ignore\n  getOffersFromStorage(): null | Promise<Offer[]> {\n    let storageOffers = salla.storage.get(this.getStorageKey());\n    //if the offers not existed, or it has been stored before 10 minutes from now, ignore it;\n    if (!storageOffers || storageOffers.stored_at < (new Date().getTime() - 10 * 60 * 1000)) {\n      salla.storage.remove(this.getStorageKey());\n      return null;\n    }\n    this.canRender = true;\n\n    //return it as resolve to support .then\n    return Promise.resolve(storageOffers.offers);\n  }\n\n  render() {\n    if (!this.offersList.length || !this.canRender) return null;\n    const offer: Offer = this.offersList[0];\n    \n    const blockTitle = this.isBankOffer ? (this.isMultipleBank ? this.multipleBankOfferTitleText : null) : offer.title;\n    const blockSubTitle = this.isBankOffer ? (this.isMultipleBank ? this.multipleBankOfferTitleDescription : null) : offer.description;\n\n    const titles = {\n      'block-title': blockTitle,\n      'block-subTitle': blockSubTitle,\n      'show-controls': this.isMultipleBank\n    };\n\n    return (\n      <div class=\"s-offer-wrapper\">\n        {<p class=\"s-offer-corner-badge\">{this.special_offer_text}</p>}\n        {/* discounts table is not a slider, it's a table🤔 */}\n        {/* single bank offer is not a slider, it's a dom without slider🤔 */}\n        <salla-slider type=\"carousel\" id=\"offer-slider\" {...titles}>\n          <div slot='items'>\n            {this.renderSectionForOfferType(offer.type)}\n          </div>\n        </salla-slider>\n      </div>\n    );\n  }\n\n  private renderSectionForOfferType(offerType: OfferType | string) {\n    if (this.isBankOffer) {\n      return this.renderBankSection();\n    }\n    if (offerType == OfferType.BuyXGetY) {\n      return this.renderBuyXGetYSection();\n    }\n\n    return this.renderDiscountTableSection();\n  }\n\n  /**\n   * Generates content for the categories section.\n   *\n   * @param offeredCategories - An array of Category objects.\n   * @returns An array of HTML elements representing categories.\n   */\n  private getCategoriesSection(category: Category) {\n    return <div class=\"s-offer-slide-one-sixth swiper-slide\" innerHTML={this.categorySlot\n      .replace(/\\{url\\}/g, category.url)\n      .replace(/\\{icon\\}/g, category.icon || \"sicon-store\")\n      .replace(/\\{name\\}/g, category.name)}></div>\n  }\n\n  private renderBuyXGetYSection() {\n    const details = (this.offersList[0].details as BuyXGetYDetail)\n    return [\n      details.get.products?.map((product: Product) => (\n        <div class=\"s-offer-slide-one-fourth\">\n          {this.hasCustomComponent\n            ? <this.productCardComponent product={product}></this.productCardComponent>\n            : <salla-product-card shadow-on-hover product={product}></salla-product-card>}\n        </div>\n      )),\n      details.get.categories?.map((category: Category) => this.getCategoriesSection(category))\n    ];\n  }\n\n  /**\n   * Generates content for the bank section.\n   *\n   * @param offeredBank - An array of Bank objects.\n   * @param name - The title of the current offer.\n   * @param description - The description of the current offer.\n   * @returns An array of HTML elements representing banks.\n   * \n   * TODO: loop over the list and filter bank types and pass it to this function\n   */\n  private renderBankSection() {\n    return this.offersList.map((bankOffer: Offer) => {\n      return <div class={{ \"s-offer-slide-one-sixth\": this.isMultipleBank, \"s-offer-bank-wrapper-sinlge-item\": !this.isMultipleBank }}>\n        \t<div class={{ \"s-offer-bank-wrapper\": true, \"s-offer-slide-one-sixth\": !this.isMultipleBank, \"s-offer-bank-wrapper-multi-spacer\": this.isMultipleBank }}>\n          \t<div class=\"s-offer-bank-logo\">\n            \t<img src={(bankOffer.details as BankOffer).logo || salla.url.cdn('images/s-empty.png')} data-src={(bankOffer.details as BankOffer).logo} alt={bankOffer.title + \" offer\"} />\n          \t</div>\n          \t<ul class=\"s-offer-bank-payment-wrapper\">\n            \t{(bankOffer.details as BankOffer).payments.map((payment: string) => {\n              \treturn <li class=\"s-offer-bank-payment-single\">\n                \t<img\n                  \tsrc={salla.url.cdn('images/payment/' + payment + '.png') || salla.url.cdn('images/s-empty.png')}\n                  \tdata-src={salla.url.cdn('images/payment/' + payment + '.png')}\n                  \talt=\"payment\" />\n              \t</li>\n            \t})}\n          \t</ul>\n          \t{this.isMultipleBank ?\n            \t<p class=\"s-offer-bank-payment-discount-percent\">\n              \t{`${this.product_discount_text} ${(bankOffer.details as BankOffer).discount_value}${(bankOffer.details as BankOffer).discount_type === \"percentage\" && '%'}`}\n            \t</p>\n            \t: \"\"}\n        \t</div>\n        \t{!this.isMultipleBank ?\n          \t<div class=\"s-offer-bank-message s-offer-slide-one-fourth\">\n            \t<h2>{this.offersList[0].title}</h2>\n            \t<p innerHTML={this.generateBankDescription(this.offersList[0].description, (bankOffer.details as BankOffer).discount_value)}></p>\n          \t</div>\n          \t: \"\"}\n      \t</div>\n    })\n  }\n\n  private generateBankDescription(desc: string, value): string{\n    return desc.replace(new RegExp(`${value} %`), `<span class=\"s-offer-bank-message-amount\">${value} %</span>`)\n  }\n\n  /**\n   * Generates content for the discount table section.\n   *\n   * @param discountTable - An array of Discount objects.\n   * @returns An array of HTML elements representing discounts_table.\n   */\n  private renderDiscountTableSection() {\n    const offer: Offer = this.offersList[0];\n    let show_discounted_price = (offer.details as DiscountDetailTable).show_price_after_discount;\n    let discount_value = (offer.details as DiscountDetailTable).discount_value;\n    return (this.offersList[0].details as DiscountDetailTable).discounts?.map((discount: Discount) => <div class=\"s-offer-slide-one-fourth\">\n        <div class=\"s-offer-slide-offer-entry\">\n          <div class=\"s-offer-slide-offer-entry-price-quantity-container\">\n            <p class=\"s-offer-slide-offer-entry-quantity\">{this.buy_quantity_text(discount.quantity)}</p>\n            {show_discounted_price ?\n              <div class=\"s-offer-slide-offer-entry-price\">\n                <span>{this.offer_with_price_text}</span>\n                <span class=\"s-offer-slide-offer-entry-price-amount\">{discount_value}</span> <span>{this.userCurrency}</span>\n              </div> : \"\"}\n          </div>\n          <p class=\"s-offer-slide-offer-entry-price-amount-percent\">{this.with_discount_text}\n            (<span>{discount.percentage}{!!discount.percentage && '%'}</span>)</p>\n        </div>\n      </div>\n      )\n  }\n\n}\n"],"mappings":"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"}

package/dist/esm-es5/salla-payments.entry.js

@@ -1,5 +1,5 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import{r as registerInstance,h,H as Host,g as getElement}from"./index-79837019.js";var sallaPaymentsCss=":host{display:block}";var SallaPayments=function(){function t(t){var e=this;registerInstance(this,t);var s,a,i;this.payments=salla.config.get("store.settings.payments");this.placeholderImage=salla.url.cdn("images/s-empty.png");this.withSbc=undefined;this.sbcId=undefined;this.withMadeInKsa=undefined;this.paymentSlot=((s=this.host.querySelector('[slot="payment"]'))===null||s===void 0?void 0:s.innerHTML)||'<li class="s-payments-list-item"><img class="lazy" width="100%" height="100%" src="'.concat(this.placeholderImage,'" data-src="{image}" alt={name} /><li>');this.sbcSlot=((a=this.host.querySelector('[slot="sbc"]'))===null||a===void 0?void 0:a.innerHTML)||'<li class="s-payments-list-item"><a target="_blank" href="{link}"> <img width="100%" height="100%" src="'.concat(this.placeholderImage,'" data-src={image} class="lazy s-payments-sbc-image" alt="SBC"/></a><li>');this.codSlot=((i=this.host.querySelector('[slot="cod"]'))===null||i===void 0?void 0:i.innerHTML)||'<li class="s-payments-list-item"> <img width="100%" height="100%" src="'.concat(this.placeholderImage,'" data-src={image} class="lazy" alt="COD"/><li>');salla.onReady((function(){e.payments=salla.config.get("store.settings.payments");e.placeholderImage=salla.url.cdn("images/s-empty.png")}))}t.prototype.render=function(){var t=this;return h(Host,{class:"s-payments-list"},this.withMadeInKsa&&h("li",{class:"s-payments-list-item"},h("img",{class:"lazy",width:"100%",height:"100%",decoding:"async",loading:"lazy","data-src":salla.url.cdn("images/made-in-ksa.svg"),alt:"made in KSA certified"})),this.payments.map((function(e){return h("div",{id:"payment-slot",innerHTML:t.paymentSlot.replace(/\{image\}/g,salla.url.cdn("images/payment/".concat(e,"_mini.png"),40,40)).replace(/\{payment\}/g,e)})})),h("div",{id:"cod-slot",innerHTML:this.codSlot.replace(/\{image\}/g,salla.url.cdn("images/payment/cod_mini.png",40,40))}),this.withSbc&&this.sbcId&&h("div",{id:"sbc-slot",innerHTML:this.sbcSlot.replace(/\{image\}/g,salla.url.cdn("images/sbc.png",40,40)).replace(/\{link\}/g,"https://eauthenticate.saudibusiness.gov.sa/certificate-details/".concat(this.sbcId))}))};t.prototype.componentDidLoad=function(){var t;(t=document.lazyLoadInstance)===null||t===void 0?void 0:t.update(this.host.querySelectorAll(".lazy"));this.host.querySelectorAll(".lazy").forEach((function(t){t.addEventListener("load",(function(){t.setAttribute("width","100%");t.setAttribute("height","100%")}))}))};t.prototype.componentDidRender=function(){var t,e,s;this.host.querySelectorAll("#payment-slot").forEach((function(t){return t.replaceWith(t.firstChild)}));this.host.querySelectorAll("#sbc-slot").forEach((function(t){return t.replaceWith(t.firstChild)}));this.host.querySelectorAll("#cod-slot").forEach((function(t){return t.replaceWith(t.firstChild)}));(t=this.host.querySelector('[slot="payment"]'))===null||t===void 0?void 0:t.remove();(e=this.host.querySelector('[slot="sbc"]'))===null||e===void 0?void 0:e.remove();(s=this.host.querySelector('[slot="cod"]'))===null||s===void 0?void 0:s.remove()};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();SallaPayments.style=sallaPaymentsCss;export{SallaPayments as salla_payments};
+import{r as registerInstance,h,H as Host,g as getElement}from"./index-79837019.js";var sallaPaymentsCss=":host{display:block}";var SallaPayments=function(){function t(t){var e=this;registerInstance(this,t);var s,a,i;this.payments=salla.config.get("store.settings.payments");this.placeholderImage=salla.url.cdn("images/s-empty.png");this.withSbc=undefined;this.sbcId=undefined;this.withMadeInKsa=undefined;this.paymentSlot=((s=this.host.querySelector('[slot="payment"]'))===null||s===void 0?void 0:s.innerHTML)||'<li class="s-payments-list-item"><img class="lazy" width="100%" height="100%" src="'.concat(this.placeholderImage,'" data-src="{image}" alt={name} /><li>');this.sbcSlot=((a=this.host.querySelector('[slot="sbc"]'))===null||a===void 0?void 0:a.innerHTML)||'<li class="s-payments-list-item"><a target="_blank" href="{link}"> <img width="100%" height="100%" src="'.concat(this.placeholderImage,'" data-src={image} class="lazy s-payments-sbc-image" alt="SBC"/></a><li>');this.codSlot=((i=this.host.querySelector('[slot="cod"]'))===null||i===void 0?void 0:i.innerHTML)||'<li class="s-payments-list-item"> <img width="100%" height="100%" src="'.concat(this.placeholderImage,'" data-src={image} class="lazy" alt="COD"/><li>');salla.onReady((function(){e.payments=salla.config.get("store.settings.payments");e.placeholderImage=salla.url.cdn("images/s-empty.png")}))}t.prototype.render=function(){var t=this;return h(Host,{class:"s-payments-list"},this.withMadeInKsa&&h("li",{class:"s-payments-list-item"},h("img",{class:"lazy",width:"100%",height:"100%",decoding:"async",loading:"lazy","data-src":salla.url.cdn("images/made-in-ksa.svg"),alt:"made in KSA certified"})),this.payments.map((function(e){return e=="cod"?h("div",{id:"cod-slot",innerHTML:t.codSlot.replace(/\{image\}/g,salla.url.cdn("images/payment/cod_mini.png",40,40))}):h("div",{id:"payment-slot",innerHTML:t.paymentSlot.replace(/\{image\}/g,salla.url.cdn("images/payment/".concat(e,"_mini.png"),40,40)).replace(/\{payment\}/g,e)})})),this.withSbc&&this.sbcId&&h("div",{id:"sbc-slot",innerHTML:this.sbcSlot.replace(/\{image\}/g,salla.url.cdn("images/sbc.png",40,40)).replace(/\{link\}/g,"https://eauthenticate.saudibusiness.gov.sa/certificate-details/".concat(this.sbcId))}))};t.prototype.componentDidLoad=function(){var t;(t=document.lazyLoadInstance)===null||t===void 0?void 0:t.update(this.host.querySelectorAll(".lazy"));this.host.querySelectorAll(".lazy").forEach((function(t){t.addEventListener("load",(function(){t.setAttribute("width","100%");t.setAttribute("height","100%")}))}))};t.prototype.componentDidRender=function(){var t,e,s;this.host.querySelectorAll("#payment-slot").forEach((function(t){return t.replaceWith(t.firstChild)}));this.host.querySelectorAll("#sbc-slot").forEach((function(t){return t.replaceWith(t.firstChild)}));this.host.querySelectorAll("#cod-slot").forEach((function(t){return t.replaceWith(t.firstChild)}));(t=this.host.querySelector('[slot="payment"]'))===null||t===void 0?void 0:t.remove();(e=this.host.querySelector('[slot="sbc"]'))===null||e===void 0?void 0:e.remove();(s=this.host.querySelector('[slot="cod"]'))===null||s===void 0?void 0:s.remove()};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();SallaPayments.style=sallaPaymentsCss;export{SallaPayments as salla_payments};
 //# sourceMappingURL=salla-payments.entry.js.map

package/dist/esm-es5/salla-payments.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["sallaPaymentsCss","SallaPayments","hostRef","_this","this","salla","config","get","url","cdn","paymentSlot","_a","host","querySelector","innerHTML","concat","placeholderImage","sbcSlot","_b","codSlot","_c","onReady","payments","prototype","render","h","Host","class","withMadeInKsa","width","height","decoding","loading","alt","map","payment","id","replace","withSbc","sbcId","componentDidLoad","document","lazyLoadInstance","update","querySelectorAll","forEach","img","addEventListener","setAttribute","componentDidRender","el","replaceWith","firstChild","remove"],"sources":["src/components/salla-payments/salla-payments.scss?tag=salla-payments","src/components/salla-payments/salla-payments.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, Host, Prop, State, h, Element } from '@stencil/core';\n/**\n * @slot payment - Replaces payment item, has replaceable props `{image}`, `{name}`.\n * @slot sbc - Replaces SBC certificate item, has replaceable props `{image}`.\n * @slot cod - Replaces COD item, has replaceable props `{image}`.\n */\n@Component({\n  tag: 'salla-payments',\n  styleUrl: 'salla-payments.scss'\n})\n\nexport class SallaPayments {\n  constructor() {\n    this.paymentSlot = this.host.querySelector('[slot=\"payment\"]')?.innerHTML || `<li class=\"s-payments-list-item\"><img class=\"lazy\" width=\"100%\" height=\"100%\" src=\"${this.placeholderImage}\" data-src=\"{image}\" alt={name} /><li>`;\n    this.sbcSlot = this.host.querySelector('[slot=\"sbc\"]')?.innerHTML || `<li class=\"s-payments-list-item\"><a target=\"_blank\" href=\"{link}\"> <img width=\"100%\" height=\"100%\" src=\"${this.placeholderImage}\" data-src={image} class=\"lazy s-payments-sbc-image\" alt=\"SBC\"/></a><li>`;\n    this.codSlot = this.host.querySelector('[slot=\"cod\"]')?.innerHTML || `<li class=\"s-payments-list-item\"> <img width=\"100%\" height=\"100%\" src=\"${this.placeholderImage}\" data-src={image} class=\"lazy\" alt=\"COD\"/><li>`;\n\n    salla.onReady(() => {\n      this.payments = salla.config.get('store.settings.payments');\n      this.placeholderImage = salla.url.cdn(`images/s-empty.png`);\n    });\n  }\n  private readonly paymentSlot: string;\n  private readonly sbcSlot: string;\n  private readonly codSlot: string;\n  @Element() host: HTMLElement;\n  @State() payments = salla.config.get('store.settings.payments');\n  @State() placeholderImage = salla.url.cdn(`images/s-empty.png`);\n\n  /**\n   * Boolean indicating whether to include the SBC (Saudi Business Council) certificate.\n   */\n  @Prop() withSbc: boolean;\n  \n  /**\n   * The SBC (Saudi Business Council) certificate ID.\n   */\n  @Prop() sbcId: string;\n\n  /**\n   * Boolean indicating whether to include the \"Made in KSA\" certification.\n   */\n  @Prop() withMadeInKsa: boolean;\n\n  render() {\n    return (\n      <Host class=\"s-payments-list\">\n\n        {/* Made in KSA */}\n        {this.withMadeInKsa && <li class=\"s-payments-list-item\">\n          <img class=\"lazy\" width=\"100%\" height=\"100%\" decoding=\"async\" loading=\"lazy\" data-src={salla.url.cdn(`images/made-in-ksa.svg`)} alt=\"made in KSA certified\" />\n        </li>}\n\n        {/* Dynamic methods */}\n        {this.payments.map((payment) => (\n          <div id=\"payment-slot\" innerHTML={this.paymentSlot\n            .replace(/\\{image\\}/g, salla.url.cdn(`images/payment/${payment}_mini.png`, 40, 40))\n            .replace(/\\{payment\\}/g, payment)}>\n          </div>\n        ))}\n\n        {/* COD method - Static in all stores */}\n        <div id=\"cod-slot\" innerHTML={this.codSlot\n          .replace(/\\{image\\}/g, salla.url.cdn(`images/payment/cod_mini.png`, 40, 40))}>\n        </div>\n\n        {/* SBC certificate */}\n        {this.withSbc && this.sbcId && <div id=\"sbc-slot\" innerHTML={this.sbcSlot\n              .replace(/\\{image\\}/g, salla.url.cdn(`images/sbc.png`, 40, 40))\n              .replace(/\\{link\\}/g, `https://eauthenticate.saudibusiness.gov.sa/certificate-details/${this.sbcId}`)}>\n        </div>}\n      </Host>\n    );\n  }\n  componentDidLoad() {\n    document.lazyLoadInstance?.update(this.host.querySelectorAll('.lazy'));\n    // fix lazy loaded images that have 100% width and height\n    this.host.querySelectorAll('.lazy').forEach((img) => {\n      img.addEventListener('load', () => {\n        img.setAttribute('width', \"100%\");\n        img.setAttribute('height', \"100%\");\n      });\n    });\n  }\n  componentDidRender() {\n    this.host.querySelectorAll('#payment-slot').forEach(el => el.replaceWith(el.firstChild));\n    this.host.querySelectorAll('#sbc-slot').forEach(el => el.replaceWith(el.firstChild));\n    this.host.querySelectorAll('#cod-slot').forEach(el => el.replaceWith(el.firstChild));\n    this.host.querySelector('[slot=\"payment\"]')?.remove();\n    this.host.querySelector('[slot=\"sbc\"]')?.remove();\n    this.host.querySelector('[slot=\"cod\"]')?.remove();\n  }\n}\n"],"mappings":";;;mFAAA,IAAMA,iBAAmB,uB,ICWZC,cAAa,WACxB,SAAAA,EAAAC,GAAA,IAAAC,EAAAC,K,iDAcoBC,MAAMC,OAAOC,IAAI,2B,sBACTF,MAAMG,IAAIC,IAAI,sB,yEAdxCL,KAAKM,cAAcC,EAAAP,KAAKQ,KAAKC,cAAc,uBAAmB,MAAAF,SAAA,SAAAA,EAAEG,YAAa,sFAAAC,OAAsFX,KAAKY,iBAAgB,0CACxLZ,KAAKa,UAAUC,EAAAd,KAAKQ,KAAKC,cAAc,mBAAe,MAAAK,SAAA,SAAAA,EAAEJ,YAAa,2GAAAC,OAA2GX,KAAKY,iBAAgB,4EACrMZ,KAAKe,UAAUC,EAAAhB,KAAKQ,KAAKC,cAAc,mBAAe,MAAAO,SAAA,SAAAA,EAAEN,YAAa,0EAAAC,OAA0EX,KAAKY,iBAAgB,mDAEpKX,MAAMgB,SAAQ,WACZlB,EAAKmB,SAAWjB,MAAMC,OAAOC,IAAI,2BACjCJ,EAAKa,iBAAmBX,MAAMG,IAAIC,IAAI,qB,IAyB1CR,EAAAsB,UAAAC,OAAA,eAAArB,EAAAC,KACE,OACEqB,EAACC,KAAI,CAACC,MAAM,mBAGTvB,KAAKwB,eAAiBH,EAAA,MAAIE,MAAM,wBAC/BF,EAAA,OAAKE,MAAM,OAAOE,MAAM,OAAOC,OAAO,OAAOC,SAAS,QAAQC,QAAQ,OAAM,WAAW3B,MAAMG,IAAIC,IAAI,0BAA2BwB,IAAI,2BAIrI7B,KAAKkB,SAASY,KAAI,SAACC,GAAO,OACzBV,EAAA,OAAKW,GAAG,eAAetB,UAAWX,EAAKO,YACpC2B,QAAQ,aAAchC,MAAMG,IAAIC,IAAI,kBAAAM,OAAkBoB,EAAO,aAAa,GAAI,KAC9EE,QAAQ,eAAgBF,IAHF,IAQ3BV,EAAA,OAAKW,GAAG,WAAWtB,UAAWV,KAAKe,QAChCkB,QAAQ,aAAchC,MAAMG,IAAIC,IAAI,8BAA+B,GAAI,OAIzEL,KAAKkC,SAAWlC,KAAKmC,OAASd,EAAA,OAAKW,GAAG,WAAWtB,UAAWV,KAAKa,QAC3DoB,QAAQ,aAAchC,MAAMG,IAAIC,IAAI,iBAAkB,GAAI,KAC1D4B,QAAQ,YAAa,kEAAAtB,OAAkEX,KAAKmC,U,EAKzGtC,EAAAsB,UAAAiB,iBAAA,W,OACE7B,EAAA8B,SAASC,oBAAgB,MAAA/B,SAAA,SAAAA,EAAEgC,OAAOvC,KAAKQ,KAAKgC,iBAAiB,UAE7DxC,KAAKQ,KAAKgC,iBAAiB,SAASC,SAAQ,SAACC,GAC3CA,EAAIC,iBAAiB,QAAQ,WAC3BD,EAAIE,aAAa,QAAS,QAC1BF,EAAIE,aAAa,SAAU,O,QAIjC/C,EAAAsB,UAAA0B,mBAAA,W,UACE7C,KAAKQ,KAAKgC,iBAAiB,iBAAiBC,SAAQ,SAAAK,GAAM,OAAAA,EAAGC,YAAYD,EAAGE,WAAlB,IAC1DhD,KAAKQ,KAAKgC,iBAAiB,aAAaC,SAAQ,SAAAK,GAAM,OAAAA,EAAGC,YAAYD,EAAGE,WAAlB,IACtDhD,KAAKQ,KAAKgC,iBAAiB,aAAaC,SAAQ,SAAAK,GAAM,OAAAA,EAAGC,YAAYD,EAAGE,WAAlB,KACtDzC,EAAAP,KAAKQ,KAAKC,cAAc,uBAAmB,MAAAF,SAAA,SAAAA,EAAE0C,UAC7CnC,EAAAd,KAAKQ,KAAKC,cAAc,mBAAe,MAAAK,SAAA,SAAAA,EAAEmC,UACzCjC,EAAAhB,KAAKQ,KAAKC,cAAc,mBAAe,MAAAO,SAAA,SAAAA,EAAEiC,Q,kIA/EnB,G"}
+{"version":3,"names":["sallaPaymentsCss","SallaPayments","hostRef","_this","this","salla","config","get","url","cdn","paymentSlot","_a","host","querySelector","innerHTML","concat","placeholderImage","sbcSlot","_b","codSlot","_c","onReady","payments","prototype","render","h","Host","class","withMadeInKsa","width","height","decoding","loading","alt","map","payment","id","replace","withSbc","sbcId","componentDidLoad","document","lazyLoadInstance","update","querySelectorAll","forEach","img","addEventListener","setAttribute","componentDidRender","el","replaceWith","firstChild","remove"],"sources":["src/components/salla-payments/salla-payments.scss?tag=salla-payments","src/components/salla-payments/salla-payments.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, Host, Prop, State, h, Element } from '@stencil/core';\n/**\n * @slot payment - Replaces payment item, has replaceable props `{image}`, `{name}`.\n * @slot sbc - Replaces SBC certificate item, has replaceable props `{image}`.\n * @slot cod - Replaces COD item, has replaceable props `{image}`.\n */\n@Component({\n  tag: 'salla-payments',\n  styleUrl: 'salla-payments.scss'\n})\n\nexport class SallaPayments {\n  constructor() {\n    this.paymentSlot = this.host.querySelector('[slot=\"payment\"]')?.innerHTML || `<li class=\"s-payments-list-item\"><img class=\"lazy\" width=\"100%\" height=\"100%\" src=\"${this.placeholderImage}\" data-src=\"{image}\" alt={name} /><li>`;\n    this.sbcSlot = this.host.querySelector('[slot=\"sbc\"]')?.innerHTML || `<li class=\"s-payments-list-item\"><a target=\"_blank\" href=\"{link}\"> <img width=\"100%\" height=\"100%\" src=\"${this.placeholderImage}\" data-src={image} class=\"lazy s-payments-sbc-image\" alt=\"SBC\"/></a><li>`;\n    this.codSlot = this.host.querySelector('[slot=\"cod\"]')?.innerHTML || `<li class=\"s-payments-list-item\"> <img width=\"100%\" height=\"100%\" src=\"${this.placeholderImage}\" data-src={image} class=\"lazy\" alt=\"COD\"/><li>`;\n\n    salla.onReady(() => {\n      this.payments = salla.config.get('store.settings.payments');\n      this.placeholderImage = salla.url.cdn(`images/s-empty.png`);\n    });\n  }\n  private readonly paymentSlot: string;\n  private readonly sbcSlot: string;\n  private readonly codSlot: string;\n  @Element() host: HTMLElement;\n  @State() payments = salla.config.get('store.settings.payments');\n  @State() placeholderImage = salla.url.cdn(`images/s-empty.png`);\n\n  /**\n   * Boolean indicating whether to include the SBC (Saudi Business Council) certificate.\n   */\n  @Prop() withSbc: boolean;\n\n  /**\n   * The SBC (Saudi Business Council) certificate ID.\n   */\n  @Prop() sbcId: string;\n\n  /**\n   * Boolean indicating whether to include the \"Made in KSA\" certification.\n   */\n  @Prop() withMadeInKsa: boolean;\n\n  render() {\n    return (\n      <Host class=\"s-payments-list\">\n\n        {/* Made in KSA */}\n        {this.withMadeInKsa && <li class=\"s-payments-list-item\">\n          <img class=\"lazy\" width=\"100%\" height=\"100%\" decoding=\"async\" loading=\"lazy\" data-src={salla.url.cdn(`images/made-in-ksa.svg`)} alt=\"made in KSA certified\" />\n        </li>}\n\n        {/* Dynamic methods */}\n        {this.payments.map((payment) => (\n          payment == \"cod\" ?\n            <div id=\"cod-slot\" innerHTML={this.codSlot\n              .replace(/\\{image\\}/g, salla.url.cdn(`images/payment/cod_mini.png`, 40, 40))}>\n            </div> :\n            <div id=\"payment-slot\" innerHTML={this.paymentSlot\n              .replace(/\\{image\\}/g, salla.url.cdn(`images/payment/${payment}_mini.png`, 40, 40))\n              .replace(/\\{payment\\}/g, payment)}>\n            </div>\n        ))}\n\n\n        {/* SBC certificate */}\n        {this.withSbc && this.sbcId && <div id=\"sbc-slot\" innerHTML={this.sbcSlot\n          .replace(/\\{image\\}/g, salla.url.cdn(`images/sbc.png`, 40, 40))\n          .replace(/\\{link\\}/g, `https://eauthenticate.saudibusiness.gov.sa/certificate-details/${this.sbcId}`)}>\n        </div>}\n      </Host>\n    );\n  }\n  componentDidLoad() {\n    document.lazyLoadInstance?.update(this.host.querySelectorAll('.lazy'));\n    // fix lazy loaded images that have 100% width and height\n    this.host.querySelectorAll('.lazy').forEach((img) => {\n      img.addEventListener('load', () => {\n        img.setAttribute('width', \"100%\");\n        img.setAttribute('height', \"100%\");\n      });\n    });\n  }\n  componentDidRender() {\n    this.host.querySelectorAll('#payment-slot').forEach(el => el.replaceWith(el.firstChild));\n    this.host.querySelectorAll('#sbc-slot').forEach(el => el.replaceWith(el.firstChild));\n    this.host.querySelectorAll('#cod-slot').forEach(el => el.replaceWith(el.firstChild));\n    this.host.querySelector('[slot=\"payment\"]')?.remove();\n    this.host.querySelector('[slot=\"sbc\"]')?.remove();\n    this.host.querySelector('[slot=\"cod\"]')?.remove();\n  }\n}\n"],"mappings":";;;mFAAA,IAAMA,iBAAmB,uB,ICWZC,cAAa,WACxB,SAAAA,EAAAC,GAAA,IAAAC,EAAAC,K,iDAcoBC,MAAMC,OAAOC,IAAI,2B,sBACTF,MAAMG,IAAIC,IAAI,sB,yEAdxCL,KAAKM,cAAcC,EAAAP,KAAKQ,KAAKC,cAAc,uBAAmB,MAAAF,SAAA,SAAAA,EAAEG,YAAa,sFAAAC,OAAsFX,KAAKY,iBAAgB,0CACxLZ,KAAKa,UAAUC,EAAAd,KAAKQ,KAAKC,cAAc,mBAAe,MAAAK,SAAA,SAAAA,EAAEJ,YAAa,2GAAAC,OAA2GX,KAAKY,iBAAgB,4EACrMZ,KAAKe,UAAUC,EAAAhB,KAAKQ,KAAKC,cAAc,mBAAe,MAAAO,SAAA,SAAAA,EAAEN,YAAa,0EAAAC,OAA0EX,KAAKY,iBAAgB,mDAEpKX,MAAMgB,SAAQ,WACZlB,EAAKmB,SAAWjB,MAAMC,OAAOC,IAAI,2BACjCJ,EAAKa,iBAAmBX,MAAMG,IAAIC,IAAI,qB,IAyB1CR,EAAAsB,UAAAC,OAAA,eAAArB,EAAAC,KACE,OACEqB,EAACC,KAAI,CAACC,MAAM,mBAGTvB,KAAKwB,eAAiBH,EAAA,MAAIE,MAAM,wBAC/BF,EAAA,OAAKE,MAAM,OAAOE,MAAM,OAAOC,OAAO,OAAOC,SAAS,QAAQC,QAAQ,OAAM,WAAW3B,MAAMG,IAAIC,IAAI,0BAA2BwB,IAAI,2BAIrI7B,KAAKkB,SAASY,KAAI,SAACC,GAAO,OACzBA,GAAW,MACTV,EAAA,OAAKW,GAAG,WAAWtB,UAAWX,EAAKgB,QAChCkB,QAAQ,aAAchC,MAAMG,IAAIC,IAAI,8BAA+B,GAAI,OAE1EgB,EAAA,OAAKW,GAAG,eAAetB,UAAWX,EAAKO,YACpC2B,QAAQ,aAAchC,MAAMG,IAAIC,IAAI,kBAAAM,OAAkBoB,EAAO,aAAa,GAAI,KAC9EE,QAAQ,eAAgBF,IAPJ,IAa1B/B,KAAKkC,SAAWlC,KAAKmC,OAASd,EAAA,OAAKW,GAAG,WAAWtB,UAAWV,KAAKa,QAC/DoB,QAAQ,aAAchC,MAAMG,IAAIC,IAAI,iBAAkB,GAAI,KAC1D4B,QAAQ,YAAa,kEAAAtB,OAAkEX,KAAKmC,U,EAKrGtC,EAAAsB,UAAAiB,iBAAA,W,OACE7B,EAAA8B,SAASC,oBAAgB,MAAA/B,SAAA,SAAAA,EAAEgC,OAAOvC,KAAKQ,KAAKgC,iBAAiB,UAE7DxC,KAAKQ,KAAKgC,iBAAiB,SAASC,SAAQ,SAACC,GAC3CA,EAAIC,iBAAiB,QAAQ,WAC3BD,EAAIE,aAAa,QAAS,QAC1BF,EAAIE,aAAa,SAAU,O,QAIjC/C,EAAAsB,UAAA0B,mBAAA,W,UACE7C,KAAKQ,KAAKgC,iBAAiB,iBAAiBC,SAAQ,SAAAK,GAAM,OAAAA,EAAGC,YAAYD,EAAGE,WAAlB,IAC1DhD,KAAKQ,KAAKgC,iBAAiB,aAAaC,SAAQ,SAAAK,GAAM,OAAAA,EAAGC,YAAYD,EAAGE,WAAlB,IACtDhD,KAAKQ,KAAKgC,iBAAiB,aAAaC,SAAQ,SAAAK,GAAM,OAAAA,EAAGC,YAAYD,EAAGE,WAAlB,KACtDzC,EAAAP,KAAKQ,KAAKC,cAAc,uBAAmB,MAAAF,SAAA,SAAAA,EAAE0C,UAC7CnC,EAAAd,KAAKQ,KAAKC,cAAc,mBAAe,MAAAK,SAAA,SAAAA,EAAEmC,UACzCjC,EAAAhB,KAAKQ,KAAKC,cAAc,mBAAe,MAAAO,SAAA,SAAAA,EAAEiC,Q,kIA/EnB,G"}

package/dist/esm-es5/twilight.js

@@ -1,5 +1,5 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import{p as promiseResolve,b as bootstrapLazy}from"./index-79837019.js";export{s as setNonce}from"./index-79837019.js";import{g as globalScripts}from"./app-globals-596fa892.js";import"./_commonjsHelpers-1415ffd3.js";var patchBrowser=function(){var e=import.meta.url;var a={};if(e!==""){a.resourcesUrl=new URL(".",e).href}return promiseResolve(a)};patchBrowser().then((function(e){globalScripts();return bootstrapLazy(JSON.parse('[["salla-offer",[[0,"salla-offer",{"productCardComponent":[1,"product-card-component"],"offersList":[32],"userCurrency":[32],"isMultipleBank":[32],"title":[32],"currentPage":[32],"hasCustomComponent":[32],"isBankOffer":[32],"canRender":[32],"offer_with_price_text":[32],"with_discount_text":[32],"product_discount_text":[32],"special_offer_text":[32],"multipleBankOfferTitleText":[32],"multipleBankOfferTitleDescription":[32],"buy_quantity_text":[32]}]]],["salla-products-slider",[[0,"salla-products-slider",{"blockTitle":[1,"block-title"],"subTitle":[1,"sub-title"],"sliderId":[1,"slider-id"],"displayAllUrl":[1,"display-all-url"],"autoplay":[1028],"source":[1537],"sourceValue":[1,"source-value"],"limit":[1026],"sliderConfig":[520,"slider-config"],"productCardComponent":[1,"product-card-component"],"productsData":[32],"isReady":[32],"sourceValueIsValid":[32],"hasCustomComponent":[32],"apiUrl":[32],"parsedSourceValue":[32]}]]],["salla-product-options",[[0,"salla-product-options",{"productId":[2,"product-id"],"options":[1],"optionsData":[32],"outOfStockText":[32],"donationAmount":[32],"selectDonationAmount":[32],"selectAmount":[32],"isCustomDonation":[32],"selectedOptions":[32],"canDisabled":[32],"selectedSkus":[32],"selectedOutSkus":[32],"getSelectedOptionsData":[64],"reportValidity":[64],"hasOutOfStockOption":[64],"getSelectedOptions":[64],"getOption":[64]}]]],["salla-filters",[[0,"salla-filters",{"filters":[1040],"isSidebarOpen":[32],"filtersData":[32],"apply":[32],"reset":[32],"getFilters":[64],"applyFilters":[64],"resetFilters":[64]}]]],["salla-notifications",[[0,"salla-notifications",{"loadMoreText":[1,"load-more-text"],"itemPerPage":[2,"item-per-page"],"pagination":[32],"total":[32],"showPlaceholder":[32],"nextPage":[32],"no_notifications_trans":[32],"load_more_text_trans":[32]}]]],["salla-order-summary",[[0,"salla-order-summary",{"orderId":[514,"order-id"],"codeCopied":[32],"noItemFound":[32],"order_items":[32]}]]],["salla-advertisement",[[0,"salla-advertisement",{"position":[32],"advertisements":[32],"advertIcon":[32],"currentSlug":[32]}]]],["salla-app-install-alert",[[0,"salla-app-install-alert",{"data":[32],"ctaLink":[32],"open":[32],"closing":[32]}]]],["salla-apps-icons",[[0,"salla-apps-icons",{"hideTitle":[4,"hide-title"],"appsTitle":[1,"apps-title"],"vertical":[4],"apps":[32]}]]],["salla-contacts",[[0,"salla-contacts",{"contactsTitle":[1025,"contacts-title"],"hideTitle":[4,"hide-title"],"isHeader":[4,"is-header"],"horizontal":[4],"iconsOnly":[4,"icons-only"],"contacts":[32],"iconsList":[32]}]]],["salla-installment",[[0,"salla-installment",{"price":[1],"language":[1],"currency":[1],"tamaraIsActive":[32],"tabbyIsActive":[32],"spotiiIsActive":[32],"mispayActive":[32],"installment_sheria_text":[32]}]]],["salla-loyalty-prize-item",[[0,"salla-loyalty-prize-item",{"item":[16]}]]],["salla-metadata",[[0,"salla-metadata",{"entity":[1],"entityId":[2,"entity-id"],"specs":[32],"download":[32]}]]],["salla-payments",[[0,"salla-payments",{"withSbc":[4,"with-sbc"],"sbcId":[1,"sbc-id"],"withMadeInKsa":[4,"with-made-in-ksa"],"payments":[32],"placeholderImage":[32]}]]],["salla-products-list",[[0,"salla-products-list",{"source":[1537],"sourceValue":[1032,"source-value"],"limit":[1026],"sortBy":[1025,"sort-by"],"filtersResults":[1540,"filters-results"],"horizontalCards":[516,"horizontal-cards"],"autoload":[1028],"loadMoreText":[1,"load-more-text"],"productCardComponent":[1,"product-card-component"],"page":[32],"nextPage":[32],"hasInfiniteScroll":[32],"hasCustomComponent":[32],"sourceValueIsValid":[32],"placeholderText":[32],"endOfText":[32],"failedLoadMore":[32],"currentPage":[32],"currentCategoryIdFilter":[32],"isReady":[32],"showPlaceholder":[32],"parsedFilters":[32],"setFilters":[64],"reload":[64]}]]],["salla-social",[[0,"salla-social",{"links":[32],"iconsList":[32]}]]],["salla-filters-widget",[[4,"salla-filters-widget",{"withLoadMore":[1028,"with-load-more"],"filtersData":[16],"option":[16],"isOpen":[32],"isShowMore":[32],"showMoreLabel":[32],"showLessLabel":[32],"page":[32],"setWidgetHeight":[64],"reset":[64],"showMore":[64],"toggleWidget":[64]}]]],["salla-conditional-fields",[[4,"salla-conditional-fields",null,[[0,"change","changeHandler"]]]]],["salla-notification-item",[[0,"salla-notification-item",{"notification":[16]}]]],["salla-price-range",[[0,"salla-price-range",{"minPrice":[1032,"min-price"],"maxPrice":[1032,"max-price"],"option":[16],"filtersData":[520,"filters-data"],"min":[32],"max":[32],"priceOptions":[32],"moreThanLabel":[32],"lessThanLabel":[32],"toLabel":[32],"fromLabel":[32],"typing":[32],"debounce":[32],"reset":[64]}]]],["salla-add-product-button_47",[[4,"salla-gifting",{"productId":[2,"product-id"],"widgetTitle":[1,"widget-title"],"widgetSubtitle":[1,"widget-subtitle"],"sectionTitle":[32],"sectionSubtitle":[32],"sectionBtnText":[32],"giftDetails":[32],"selectImageForYourGift":[32],"selectImageOrUpload":[32],"selectGiftMessage":[32],"giftCustomText":[32],"textId":[32],"incorrectGiftText":[32],"nextStep":[32],"senderNameLabel":[32],"receiverNameFieldLabel":[32],"receiverMobileFieldLabel":[32],"receiverEmailFieldLabel":[32],"emailPlaceholder":[32],"sendLater":[32],"selectSendDateAndTime":[32],"canNotEditOrderAfterSelectDate":[32],"sendGift":[32],"donationRequired":[32],"currentStep":[32],"showCalendar":[32],"showGiftText":[32],"currentLang":[32],"parentClass":[32],"errors":[32],"gift":[32],"selectedGiftTextOption":[32],"showTextArea":[32],"selectedImage":[32],"uploadedImage":[32],"selectedText":[32],"senderName":[32],"errorMessage":[32],"hasError":[32],"quantity":[32],"deliveryDate":[32],"timeZone":[32],"receiverName":[32],"receiverMobile":[32],"receiverCountryCode":[32],"receiverEmail":[32],"open":[64],"close":[64],"goToStep2":[64]}],[4,"salla-loyalty",{"prizePoints":[1544,"prize-points"],"customerPoints":[1538,"customer-points"],"prizeTitle":[1537,"prize-title"],"allowEmail":[4,"allow-email"],"allowMobile":[4,"allow-mobile"],"requireEmail":[4,"require-email"],"guestMessage":[1025,"guest-message"],"loyaltyProgram":[32],"buttonLoading":[32],"selectedItem":[32],"askConfirmation":[32],"is_loggedin":[32],"hasError":[32],"errorMessage":[32],"translationLoaded":[32],"open":[64],"close":[64],"resetExchange":[64],"exchangeLoyaltyPoint":[64]}],[0,"salla-menu",{"source":[1],"sourceValue":[1,"source-value"],"topnav":[4],"useReactLink":[4,"use-react-link"],"menus":[32],"hasCustomComponent":[32],"setMenuContent":[64]}],[4,"salla-product-size-guide",{"guides":[32],"productId":[32],"placeholder_title":[32],"placeholder_description":[32],"modal_title":[32],"hasError":[32],"open":[64],"close":[64]}],[4,"salla-login-modal",{"isEmailAllowed":[1028,"is-email-allowed"],"isMobileAllowed":[1028,"is-mobile-allowed"],"isEmailRequired":[1028,"is-email-required"],"supportWebAuth":[516,"support-web-auth"],"inline":[516],"withoutReload":[4,"without-reload"],"currentTabName":[32],"regType":[32],"translationLoaded":[32],"isModalOpen":[32],"currentPhone":[32],"currentEmail":[32],"title":[32],"emailErrorMsg":[32],"firstNameErrorMsg":[32],"lastNameErrorMsg":[32],"hasError":[32],"errorMessage":[32],"dragAndDrop":[32],"browseFromFiles":[32],"customFields":[32],"uploadedImage":[32],"open":[64]},[[8,"verified","onVerified"]]],[0,"salla-offer-modal",{"offer":[32],"offer_name":[32],"offer_message":[32],"hasError":[32],"errorMessage":[32],"productID":[32],"offer_type":[32],"translationLoaded":[32],"addToCartLabel":[32],"open":[64],"showOffer":[64]}],[0,"salla-rating-modal",{"orderId":[2,"order-id"],"order":[32],"hasError":[32],"errorMessage":[32],"translationLoaded":[32],"open":[64],"close":[64]}],[4,"salla-scopes",{"selection":[1],"searchDisplayLimit":[2,"search-display-limit"],"translationLoaded":[32],"mode":[32],"current_scope":[32],"scopes":[32],"originalScopesList":[32],"selected_scope":[32],"isOpenedBefore":[32],"hasError":[32],"loading":[32],"close":[64],"open":[64],"handleSubmit":[64]}],[0,"salla-localization-modal",{"language":[1537],"currency":[1537],"translationLoaded":[32],"languages":[32],"currencies":[32],"hasError":[32],"errorMessage":[32],"open":[64],"close":[64],"submit":[64]}],[0,"salla-bottom-alert",{"type":[513],"icon":[513],"message":[513],"actionUrl":[513,"action-url"],"actionLabel":[513,"action-label"],"storeId":[32],"template":[32],"loading":[32],"templateData":[32],"defaultMessage":[32],"defaultActionLabel":[32],"storeFeatures":[32],"storeDetails":[32],"storePrice":[32],"theDeveloper":[32],"templateInformation":[32],"buyTheTemplate":[32],"isRtl":[32]}],[0,"salla-comments",{"itemId":[2,"item-id"],"loadMoreText":[1,"load-more-text"],"hideForm":[4,"hide-form"],"type":[1],"comments":[32],"pagination":[32],"total":[32],"showPlaceholder":[32],"nextPage":[32],"noComments":[32],"comment_title":[32],"comment_name":[32],"placeholder_text":[32]}],[0,"salla-quick-order",{"quickOrderTitle":[1025,"quick-order-title"],"subTitle":[1025,"sub-title"],"payButtonTitle":[1025,"pay-button-title"],"confirmPayButtonTitle":[1025,"confirm-pay-button-title"],"agreementText":[1025,"agreement-text"],"isEmailRequired":[1028,"is-email-required"],"productId":[1025,"product-id"],"thanksMessage":[1025,"thanks-message"],"quickOrderStyle":[1025,"quick-order-style"],"user":[32],"isAvailable":[32],"oneClick":[32],"expanded":[32],"isTermsRequired":[32],"countryCode":[32],"submitSucess":[32],"placeHolderEmail":[32],"emailOptional":[32],"agreementShowText":[32],"agreementModalHead":[32],"userNameLabel":[32],"termsChecked":[32]}],[0,"salla-user-profile",{"customFields":[1,"custom-fields"],"userData":[32],"userDefinedFields":[32],"disableAction":[32],"first_name_trans":[32],"last_name_trans":[32],"birthday_trans":[32],"birthday_placeholder_trans":[32],"gender_trans":[32],"gender_placeholder_trans":[32],"male_trans":[32],"female_trans":[32],"email_trans":[32],"mobile_trans":[32],"save_btn_trans":[32],"drag_and_drop_trans":[32],"browse_trans":[32],"email_required_trans":[32],"invalid_email_trans":[32],"setCustomFields":[64]}],[0,"salla-user-settings",{"isNotifiable":[516,"is-notifiable"],"deactivateAccount":[32],"promotionalMsgs":[32],"deactivateDesc":[32],"promotionalMsgsDesc":[32],"sorryForLeavingText":[32],"warningText":[32],"keepAccount":[32],"buttonLoading":[32]}],[0,"salla-search",{"inline":[4],"oval":[4],"height":[2],"maxWords":[2,"max-words"],"showAction":[4,"show-action"],"translationLoaded":[32],"results":[32],"loading":[32],"typing":[32],"debounce":[32],"search_term":[32]},[[0,"keydown","handleKeyDown"]]],[4,"salla-social-share",{"url":[513],"urlName":[513,"url-name"],"platforms":[513],"opened":[32],"allPlatforms":[32],"platformIcons":[32],"convertedPlatforms":[32],"open":[64],"refresh":[64]}],[0,"salla-breadcrumb",{"items":[1],"breadcrumbs":[32],"currentPage":[32],"isRtl":[32]}],[4,"salla-cart-summary",{"showCartLabel":[4,"show-cart-label"],"cartSummaryCount":[32],"cartSummaryTotal":[32],"cartLabel":[32],"animateToCart":[64]}],[4,"salla-infinite-scroll",{"nextPage":[1,"next-page"],"autoload":[1028],"container":[1],"loadMoreText":[1,"load-more-text"],"item":[1],"loadMore":[32],"noMore":[32],"failedToLoad":[32]}],[0,"salla-maintenance-alert",{"title":[32],"message":[32],"buttonTitle":[32]}],[4,"salla-quantity-input",{"cartItemId":[8,"cart-item-id"],"quantity":[32],"fireChangeEvent":[32],"decrease":[64],"increase":[64],"setValue":[64]}],[4,"salla-user-menu",{"inline":[516],"avatarOnly":[516,"avatar-only"],"showHeader":[516,"show-header"],"relativeDropdown":[516,"relative-dropdown"],"accountLoading":[32],"opened":[32],"notifications":[32],"orders":[32],"pending_orders":[32],"wishlist":[32],"profile":[32],"rating":[32],"logout":[32],"hello":[32],"first_name":[32],"last_name":[32],"avatar":[32],"is_loggedIn":[32],"badges":[32],"hasBadges":[32],"OrderUpdate":[32]}],[4,"salla-map",{"name":[1],"required":[4],"readonly":[4],"searchable":[1028],"lat":[1026],"lng":[1026],"apiKey":[1025,"api-key"],"modalTitle":[1,"modal-title"],"zoom":[1026],"theme":[1025],"modalActivityTitle":[32],"confirmButtonTitle":[32],"locateButtonTitle":[32],"locateButtonEdit":[32],"searchPlaceholder":[32],"searchInputValue":[32],"formattedAddress":[32],"geolocationError":[32],"searchInput":[32],"mapInput":[32],"mapElement":[32],"selectedLat":[32],"selectedLng":[32],"open":[64]}],[4,"salla-verify",{"display":[1],"type":[1025],"autoReload":[4,"auto-reload"],"supportWebAuth":[4,"support-web-auth"],"translationLoaded":[32],"title":[32],"resendAfter":[32],"hasError":[32],"errorMessage":[32],"isProfileVerify":[32],"getCode":[64],"open":[64]}],[0,"salla-comment-form",{"type":[1537],"showAvatar":[4,"show-avatar"],"itemId":[1544,"item-id"],"placeholder":[32],"submitText":[32],"canComment":[32]}],[4,"salla-color-picker",{"name":[1],"required":[4],"color":[1537],"format":[1],"showCancelButton":[4,"show-cancel-button"],"showTextField":[4,"show-text-field"],"enableAlpha":[4,"enable-alpha"],"widgetColor":[32],"setPickerOption":[64],"movePopUp":[64],"setColorValue":[64],"openPicker":[64],"closePicker":[64],"destroyPicker":[64]}],[0,"salla-comment-item",{"comment":[16],"has_bought_trans":[32],"rated_trans":[32],"waiting_approval_trans":[32],"has_order_trans":[32]}],[4,"salla-tab-content",{"name":[1],"isSelected":[32],"getChild":[64]}],[4,"salla-tab-header",{"name":[1],"activeClass":[1,"active-class"],"height":[8],"centered":[4],"isSelected":[32],"getChild":[64]}],[4,"salla-tabs",{"backgroundColor":[1,"background-color"],"vertical":[4]},[[0,"tabSelected","onSelectedTab"]]],[4,"salla-product-card",{"product":[1],"horizontal":[4],"shadowOnHover":[4,"shadow-on-hover"],"hideAddBtn":[4,"hide-add-btn"],"fullImage":[4,"full-image"],"minimal":[4],"isSpecial":[4,"is-special"],"showQuantity":[4,"show-quantity"],"productData":[32],"fitImageHeight":[32],"remained":[32],"outOfStock":[32],"donationAmount":[32],"startingPrice":[32],"addToCart":[32],"placeholder":[32]}],[0,"salla-datetime-picker",{"value":[1537],"required":[4],"name":[513],"placeholder":[1],"allowInput":[4,"allow-input"],"allowInvalidPreload":[4,"allow-invalid-preload"],"altFormat":[1,"alt-format"],"altInput":[4,"alt-input"],"altInputClass":[1,"alt-input-class"],"appendTo":[16],"ariaDateFormat":[1,"aria-date-format"],"autoFillDefaultTime":[4,"auto-fill-default-time"],"clickOpens":[4,"click-opens"],"closeOnSelect":[4,"close-on-select"],"conjunction":[1],"dateFormat":[1,"date-format"],"defaultDate":[8,"default-date"],"defaultHour":[2,"default-hour"],"defaultMinute":[2,"default-minute"],"defaultSeconds":[2,"default-seconds"],"disable":[16],"disableMobile":[4,"disable-mobile"],"enable":[16],"enableSeconds":[4,"enable-seconds"],"enableTime":[4,"enable-time"],"formatDate":[16],"hourIncrement":[2,"hour-increment"],"inline":[4],"locale":[1],"maxDate":[8,"max-date"],"maxTime":[8,"max-time"],"minDate":[8,"min-date"],"minTime":[8,"min-time"],"minuteIncrement":[2,"minute-increment"],"mode":[1],"monthSelectorType":[1,"month-selector-type"],"nextArrow":[1,"next-arrow"],"noCalendar":[4,"no-calendar"],"dateParser":[16],"position":[1],"positionElement":[16],"prevArrow":[1,"prev-arrow"],"shorthandCurrentMonth":[4,"shorthand-current-month"],"static":[4],"showMonths":[2,"show-months"],"time_24hr":[4,"time_-2-4hr"],"weekNumbers":[4,"week-numbers"],"wrap":[4]}],[4,"salla-add-product-button",{"channels":[513],"subscribedOptions":[1,"subscribed-options"],"quickBuy":[1540,"quick-buy"],"quantity":[514],"donatingAmount":[514,"donating-amount"],"notifyOptionsAvailability":[516,"notify-options-availability"],"productId":[520,"product-id"],"supportStickyBar":[516,"support-sticky-bar"],"productStatus":[513,"product-status"],"productType":[513,"product-type"],"hasOutOfStockOption":[32],"hasSubscribedOptions":[32],"selectedOptions":[32],"showQuickBuy":[32]}],[0,"salla-count-down",{"date":[1],"boxed":[4],"size":[1],"color":[1],"labeled":[4],"endText":[1,"end-text"],"digits":[1],"endOfDay":[4,"end-of-day"],"daysLabel":[32],"hoursLabel":[32],"minutesLabel":[32],"secondsLabel":[32],"endLabel":[32],"invalidDate":[32],"offerEnded":[32],"countInterval":[32],"days":[32],"hours":[32],"minutes":[32],"seconds":[32],"endCountDown":[64]}],[0,"salla-file-upload",{"value":[1537],"files":[513],"height":[513],"cartItemId":[1,"cart-item-id"],"profileImage":[516,"profile-image"],"name":[1537],"payloadName":[1,"payload-name"],"accept":[1537],"fileId":[2,"file-id"],"url":[1025],"method":[1],"formData":[1,"form-data"],"required":[4],"maxFileSize":[1,"max-file-size"],"disabled":[4],"allowDrop":[4,"allow-drop"],"allowBrowse":[4,"allow-browse"],"allowPaste":[4,"allow-paste"],"allowMultiple":[4,"allow-multiple"],"allowReplace":[4,"allow-replace"],"allowRevert":[4,"allow-revert"],"allowRemove":[4,"allow-remove"],"allowProcess":[4,"allow-process"],"allowReorder":[4,"allow-reorder"],"storeAsFile":[4,"store-as-file"],"forceRevert":[4,"force-revert"],"maxFilesCount":[2,"max-files-count"],"maxParallelUploads":[2,"max-parallel-uploads"],"checkValidity":[4,"check-validity"],"itemInsertLocation":[1,"item-insert-location"],"itemInsertInterval":[2,"item-insert-interval"],"credits":[4],"dropOnPage":[4,"drop-on-page"],"dropOnElement":[4,"drop-on-element"],"dropValidation":[4,"drop-validation"],"ignoredFiles":[16],"instantUpload":[1028,"instant-upload"],"chunkUploads":[4,"chunk-uploads"],"chunkForce":[4,"chunk-force"],"chunkSize":[2,"chunk-size"],"chunkRetryDelays":[16],"labelDecimalSeparator":[1,"label-decimal-separator"],"labelThousandsSeparator":[1,"label-thousands-separator"],"labelIdle":[1025,"label-idle"],"iconRemove":[1,"icon-remove"],"iconProcess":[1,"icon-process"],"iconRetry":[1,"icon-retry"],"iconUndo":[1,"icon-undo"],"setOption":[64]}],[4,"salla-list-tile",{"href":[1],"target":[1]}],[0,"salla-product-availability",{"channels":[1],"notifyOptionsAvailability":[4,"notify-options-availability"],"productId":[2,"product-id"],"isSubscribed":[1028,"is-subscribed"],"translationLoaded":[32],"title_":[32],"isVisitorSubscribed":[32]}],[0,"salla-quick-buy",{"type":[1025],"productId":[1025,"product-id"],"cartId":[1025,"cart-id"],"amount":[1538],"currency":[1025],"options":[16],"isRequireShipping":[1028,"is-require-shipping"],"applePayOnly":[1028,"apple-pay-only"],"isApplePayActive":[32],"quickBuy":[32]}],[0,"salla-progress-bar",{"donation":[1],"target":[1026],"value":[1026],"height":[1025],"header":[1025],"stripped":[1028],"message":[1025],"unit":[1025],"color":[1025]}],[0,"salla-rating-stars",{"name":[1],"size":[1],"value":[2],"reviews":[2]}],[4,"salla-slider",{"blockTitle":[513,"block-title"],"listenToThumbnailsOption":[516,"listen-to-thumbnails-option"],"blockSubtitle":[513,"block-subtitle"],"displayAllUrl":[513,"display-all-url"],"arrowsCentered":[516,"arrows-centered"],"verticalThumbs":[516,"vertical-thumbs"],"gridThumbs":[516,"grid-thumbs"],"vertical":[516],"autoHeight":[516,"auto-height"],"showControls":[516,"show-controls"],"controlsOuter":[516,"controls-outer"],"showThumbsControls":[4,"show-thumbs-controls"],"autoPlay":[4,"auto-play"],"slidesPerView":[1,"slides-per-view"],"pagination":[4],"centered":[4],"loop":[4],"direction":[1537],"type":[1],"sliderConfig":[520,"slider-config"],"thumbsConfig":[520,"thumbs-config"],"currentIndex":[32],"isEnd":[32],"isBeginning":[32],"swiperScript":[32],"displayAllTitle":[32],"windowWidth":[32],"slideTo":[64],"slideNext":[64],"slidePrev":[64],"slideToLoop":[64],"slideNextLoop":[64],"slidePrevLoop":[64],"slideReset":[64],"slideToClosest":[64],"update":[64],"updateAutoHeight":[64],"updateSlides":[64],"updateProgress":[64],"updateSlidesClasses":[64],"getSlides":[64]}],[0,"salla-skeleton",{"type":[1],"width":[1],"height":[1]}],[4,"salla-placeholder",{"icon":[1],"alignment":[1],"iconSize":[1,"icon-size"],"translationLoaded":[32]}],[0,"salla-tel-input",{"phone":[1025],"autofocus":[516],"name":[1],"countryCode":[1025,"country-code"],"mobileRequired":[32],"countryCodeLabel":[32],"mobileLabel":[32],"tooShort":[32],"tooLong":[32],"invalidCountryCode":[32],"invalidNumber":[32],"errorMap":[32],"getValues":[64],"isValid":[64]}],[4,"salla-modal",{"isClosable":[1028,"is-closable"],"width":[513],"position":[513],"visible":[516],"hasSkeleton":[516,"has-skeleton"],"isLoading":[1540,"is-loading"],"subTitleFirst":[4,"sub-title-first"],"noPadding":[4,"no-padding"],"subTitle":[1,"sub-title"],"centered":[4],"iconStyle":[1,"icon-style"],"modalTitle":[32],"open":[64],"close":[64],"setTitle":[64],"loading":[64],"stopLoading":[64]},[[0,"keyup","handleKeyUp"]]],[0,"salla-loading",{"size":[8],"width":[8],"color":[1],"bgColor":[1,"bg-color"]}],[4,"salla-button",{"shape":[513],"color":[513],"fill":[513],"size":[513],"width":[513],"loading":[516],"disabled":[516],"loaderPosition":[1,"loader-position"],"href":[1],"type":[513],"load":[64],"stop":[64],"setText":[64],"disable":[64],"enable":[64]}]]]]'),e)}));
+import{p as promiseResolve,b as bootstrapLazy}from"./index-79837019.js";export{s as setNonce}from"./index-79837019.js";import{g as globalScripts}from"./app-globals-596fa892.js";import"./_commonjsHelpers-1415ffd3.js";var patchBrowser=function(){var e=import.meta.url;var a={};if(e!==""){a.resourcesUrl=new URL(".",e).href}return promiseResolve(a)};patchBrowser().then((function(e){globalScripts();return bootstrapLazy(JSON.parse('[["salla-offer",[[0,"salla-offer",{"productCardComponent":[1,"product-card-component"],"offersList":[32],"userCurrency":[32],"isMultipleBank":[32],"title":[32],"currentPage":[32],"hasCustomComponent":[32],"isBankOffer":[32],"canRender":[32],"offer_with_price_text":[32],"with_discount_text":[32],"product_discount_text":[32],"special_offer_text":[32],"multipleBankOfferTitleText":[32],"multipleBankOfferTitleDescription":[32],"buy_quantity_text":[32]}]]],["salla-products-slider",[[0,"salla-products-slider",{"blockTitle":[1,"block-title"],"subTitle":[1,"sub-title"],"sliderId":[1,"slider-id"],"displayAllUrl":[1,"display-all-url"],"autoplay":[1028],"source":[1537],"sourceValue":[1,"source-value"],"limit":[1026],"sliderConfig":[520,"slider-config"],"productCardComponent":[1,"product-card-component"],"productsData":[32],"isReady":[32],"sourceValueIsValid":[32],"hasCustomComponent":[32],"apiUrl":[32],"parsedSourceValue":[32]}]]],["salla-product-options",[[0,"salla-product-options",{"productId":[2,"product-id"],"options":[1],"optionsData":[32],"outOfStockText":[32],"donationAmount":[32],"selectDonationAmount":[32],"selectAmount":[32],"isCustomDonation":[32],"selectedOptions":[32],"canDisabled":[32],"selectedSkus":[32],"selectedOutSkus":[32],"getSelectedOptionsData":[64],"reportValidity":[64],"hasOutOfStockOption":[64],"getSelectedOptions":[64],"getOption":[64]}]]],["salla-filters",[[0,"salla-filters",{"filters":[1040],"isSidebarOpen":[32],"filtersData":[32],"apply":[32],"reset":[32],"getFilters":[64],"applyFilters":[64],"resetFilters":[64]}]]],["salla-notifications",[[0,"salla-notifications",{"loadMoreText":[1,"load-more-text"],"itemPerPage":[2,"item-per-page"],"pagination":[32],"total":[32],"showPlaceholder":[32],"nextPage":[32],"no_notifications_trans":[32],"load_more_text_trans":[32]}]]],["salla-order-summary",[[0,"salla-order-summary",{"orderId":[514,"order-id"],"codeCopied":[32],"noItemFound":[32],"order_items":[32]}]]],["salla-advertisement",[[0,"salla-advertisement",{"position":[32],"advertisements":[32],"advertIcon":[32],"currentSlug":[32]}]]],["salla-app-install-alert",[[0,"salla-app-install-alert",{"data":[32],"ctaLink":[32],"open":[32],"closing":[32]}]]],["salla-apps-icons",[[0,"salla-apps-icons",{"hideTitle":[4,"hide-title"],"appsTitle":[1,"apps-title"],"vertical":[4],"apps":[32]}]]],["salla-contacts",[[0,"salla-contacts",{"contactsTitle":[1025,"contacts-title"],"hideTitle":[4,"hide-title"],"isHeader":[4,"is-header"],"horizontal":[4],"iconsOnly":[4,"icons-only"],"contacts":[32],"iconsList":[32]}]]],["salla-installment",[[0,"salla-installment",{"price":[1],"language":[1],"currency":[1],"tamaraIsActive":[32],"tabbyIsActive":[32],"spotiiIsActive":[32],"mispayActive":[32],"installment_sheria_text":[32]}]]],["salla-loyalty-prize-item",[[0,"salla-loyalty-prize-item",{"item":[16]}]]],["salla-metadata",[[0,"salla-metadata",{"entity":[1],"entityId":[2,"entity-id"],"specs":[32],"download":[32]}]]],["salla-payments",[[0,"salla-payments",{"withSbc":[4,"with-sbc"],"sbcId":[1,"sbc-id"],"withMadeInKsa":[4,"with-made-in-ksa"],"payments":[32],"placeholderImage":[32]}]]],["salla-products-list",[[0,"salla-products-list",{"source":[1537],"sourceValue":[1032,"source-value"],"limit":[1026],"sortBy":[1025,"sort-by"],"filtersResults":[1540,"filters-results"],"horizontalCards":[516,"horizontal-cards"],"autoload":[1028],"loadMoreText":[1,"load-more-text"],"productCardComponent":[1,"product-card-component"],"page":[32],"nextPage":[32],"hasInfiniteScroll":[32],"hasCustomComponent":[32],"sourceValueIsValid":[32],"placeholderText":[32],"endOfText":[32],"failedLoadMore":[32],"currentPage":[32],"currentCategoryIdFilter":[32],"isReady":[32],"showPlaceholder":[32],"parsedFilters":[32],"setFilters":[64],"reload":[64]}]]],["salla-social",[[0,"salla-social",{"links":[32],"iconsList":[32]}]]],["salla-filters-widget",[[4,"salla-filters-widget",{"withLoadMore":[1028,"with-load-more"],"filtersData":[16],"option":[16],"isOpen":[32],"isShowMore":[32],"showMoreLabel":[32],"showLessLabel":[32],"page":[32],"setWidgetHeight":[64],"reset":[64],"showMore":[64],"toggleWidget":[64]}]]],["salla-conditional-fields",[[4,"salla-conditional-fields",null,[[0,"change","changeHandler"]]]]],["salla-notification-item",[[0,"salla-notification-item",{"notification":[16]}]]],["salla-price-range",[[0,"salla-price-range",{"minPrice":[1032,"min-price"],"maxPrice":[1032,"max-price"],"option":[16],"filtersData":[520,"filters-data"],"min":[32],"max":[32],"priceOptions":[32],"moreThanLabel":[32],"lessThanLabel":[32],"toLabel":[32],"fromLabel":[32],"typing":[32],"debounce":[32],"reset":[64]}]]],["salla-add-product-button_47",[[4,"salla-gifting",{"productId":[2,"product-id"],"widgetTitle":[1,"widget-title"],"widgetSubtitle":[1,"widget-subtitle"],"sectionTitle":[32],"sectionSubtitle":[32],"sectionBtnText":[32],"giftDetails":[32],"selectImageForYourGift":[32],"selectImageOrUpload":[32],"selectGiftMessage":[32],"giftCustomText":[32],"textId":[32],"incorrectGiftText":[32],"nextStep":[32],"senderNameLabel":[32],"receiverNameFieldLabel":[32],"receiverMobileFieldLabel":[32],"receiverEmailFieldLabel":[32],"emailPlaceholder":[32],"sendLater":[32],"selectSendDateAndTime":[32],"canNotEditOrderAfterSelectDate":[32],"sendGift":[32],"donationRequired":[32],"currentStep":[32],"showCalendar":[32],"showGiftText":[32],"currentLang":[32],"parentClass":[32],"errors":[32],"gift":[32],"selectedGiftTextOption":[32],"showTextArea":[32],"selectedImage":[32],"uploadedImage":[32],"selectedText":[32],"senderName":[32],"errorMessage":[32],"hasError":[32],"quantity":[32],"deliveryDate":[32],"timeZone":[32],"receiverName":[32],"receiverMobile":[32],"receiverCountryCode":[32],"receiverEmail":[32],"open":[64],"close":[64],"goToStep2":[64]}],[4,"salla-loyalty",{"prizePoints":[1544,"prize-points"],"customerPoints":[1538,"customer-points"],"prizeTitle":[1537,"prize-title"],"allowEmail":[4,"allow-email"],"allowMobile":[4,"allow-mobile"],"requireEmail":[4,"require-email"],"guestMessage":[1025,"guest-message"],"loyaltyProgram":[32],"buttonLoading":[32],"selectedItem":[32],"askConfirmation":[32],"is_loggedin":[32],"hasError":[32],"errorMessage":[32],"translationLoaded":[32],"open":[64],"close":[64],"resetExchange":[64],"exchangeLoyaltyPoint":[64]}],[0,"salla-menu",{"source":[1],"sourceValue":[1,"source-value"],"topnav":[4],"useReactLink":[4,"use-react-link"],"limit":[2],"menus":[32],"hasCustomComponent":[32],"setMenuContent":[64]}],[4,"salla-product-size-guide",{"guides":[32],"productId":[32],"placeholder_title":[32],"placeholder_description":[32],"modal_title":[32],"hasError":[32],"open":[64],"close":[64]}],[4,"salla-login-modal",{"isEmailAllowed":[1028,"is-email-allowed"],"isMobileAllowed":[1028,"is-mobile-allowed"],"isEmailRequired":[1028,"is-email-required"],"supportWebAuth":[516,"support-web-auth"],"inline":[516],"withoutReload":[4,"without-reload"],"currentTabName":[32],"regType":[32],"translationLoaded":[32],"isModalOpen":[32],"currentPhone":[32],"currentEmail":[32],"title":[32],"emailErrorMsg":[32],"firstNameErrorMsg":[32],"lastNameErrorMsg":[32],"hasError":[32],"errorMessage":[32],"dragAndDrop":[32],"browseFromFiles":[32],"customFields":[32],"uploadedImage":[32],"open":[64]},[[8,"verified","onVerified"]]],[0,"salla-offer-modal",{"offer":[32],"offer_name":[32],"offer_message":[32],"hasError":[32],"errorMessage":[32],"productID":[32],"offer_type":[32],"translationLoaded":[32],"addToCartLabel":[32],"open":[64],"showOffer":[64]}],[0,"salla-rating-modal",{"orderId":[2,"order-id"],"order":[32],"hasError":[32],"errorMessage":[32],"translationLoaded":[32],"open":[64],"close":[64]}],[4,"salla-scopes",{"selection":[1],"searchDisplayLimit":[2,"search-display-limit"],"translationLoaded":[32],"mode":[32],"current_scope":[32],"scopes":[32],"originalScopesList":[32],"selected_scope":[32],"isOpenedBefore":[32],"hasError":[32],"loading":[32],"close":[64],"open":[64],"handleSubmit":[64]}],[0,"salla-localization-modal",{"language":[1537],"currency":[1537],"translationLoaded":[32],"languages":[32],"currencies":[32],"hasError":[32],"errorMessage":[32],"open":[64],"close":[64],"submit":[64]}],[0,"salla-bottom-alert",{"type":[513],"icon":[513],"message":[513],"actionUrl":[513,"action-url"],"actionLabel":[513,"action-label"],"storeId":[32],"template":[32],"loading":[32],"templateData":[32],"defaultMessage":[32],"defaultActionLabel":[32],"storeFeatures":[32],"storeDetails":[32],"storePrice":[32],"theDeveloper":[32],"templateInformation":[32],"buyTheTemplate":[32],"isRtl":[32]}],[0,"salla-comments",{"itemId":[2,"item-id"],"loadMoreText":[1,"load-more-text"],"hideForm":[4,"hide-form"],"type":[1],"comments":[32],"pagination":[32],"total":[32],"showPlaceholder":[32],"nextPage":[32],"noComments":[32],"comment_title":[32],"comment_name":[32],"placeholder_text":[32]}],[0,"salla-quick-order",{"quickOrderTitle":[1025,"quick-order-title"],"subTitle":[1025,"sub-title"],"payButtonTitle":[1025,"pay-button-title"],"confirmPayButtonTitle":[1025,"confirm-pay-button-title"],"agreementText":[1025,"agreement-text"],"isEmailRequired":[1028,"is-email-required"],"productId":[1025,"product-id"],"thanksMessage":[1025,"thanks-message"],"quickOrderStyle":[1025,"quick-order-style"],"user":[32],"isAvailable":[32],"oneClick":[32],"expanded":[32],"isTermsRequired":[32],"countryCode":[32],"submitSucess":[32],"placeHolderEmail":[32],"emailOptional":[32],"agreementShowText":[32],"agreementModalHead":[32],"userNameLabel":[32],"termsChecked":[32]}],[0,"salla-user-profile",{"customFields":[1,"custom-fields"],"userData":[32],"userDefinedFields":[32],"disableAction":[32],"first_name_trans":[32],"last_name_trans":[32],"birthday_trans":[32],"birthday_placeholder_trans":[32],"gender_trans":[32],"gender_placeholder_trans":[32],"male_trans":[32],"female_trans":[32],"email_trans":[32],"mobile_trans":[32],"save_btn_trans":[32],"drag_and_drop_trans":[32],"browse_trans":[32],"email_required_trans":[32],"invalid_email_trans":[32],"setCustomFields":[64]}],[0,"salla-user-settings",{"isNotifiable":[516,"is-notifiable"],"deactivateAccount":[32],"promotionalMsgs":[32],"deactivateDesc":[32],"promotionalMsgsDesc":[32],"sorryForLeavingText":[32],"warningText":[32],"keepAccount":[32],"buttonLoading":[32]}],[0,"salla-search",{"inline":[4],"oval":[4],"height":[2],"maxWords":[2,"max-words"],"showAction":[4,"show-action"],"translationLoaded":[32],"results":[32],"loading":[32],"typing":[32],"debounce":[32],"search_term":[32]},[[0,"keydown","handleKeyDown"]]],[4,"salla-social-share",{"url":[513],"urlName":[513,"url-name"],"platforms":[513],"opened":[32],"allPlatforms":[32],"platformIcons":[32],"convertedPlatforms":[32],"open":[64],"refresh":[64]}],[0,"salla-breadcrumb",{"items":[1],"breadcrumbs":[32],"currentPage":[32],"isRtl":[32]}],[4,"salla-cart-summary",{"showCartLabel":[4,"show-cart-label"],"cartSummaryCount":[32],"cartSummaryTotal":[32],"cartLabel":[32],"animateToCart":[64]}],[4,"salla-infinite-scroll",{"nextPage":[1,"next-page"],"autoload":[1028],"container":[1],"loadMoreText":[1,"load-more-text"],"item":[1],"loadMore":[32],"noMore":[32],"failedToLoad":[32]}],[0,"salla-maintenance-alert",{"title":[32],"message":[32],"buttonTitle":[32]}],[4,"salla-quantity-input",{"cartItemId":[8,"cart-item-id"],"quantity":[32],"fireChangeEvent":[32],"decrease":[64],"increase":[64],"setValue":[64]}],[4,"salla-user-menu",{"inline":[516],"avatarOnly":[516,"avatar-only"],"showHeader":[516,"show-header"],"relativeDropdown":[516,"relative-dropdown"],"accountLoading":[32],"opened":[32],"notifications":[32],"orders":[32],"pending_orders":[32],"wishlist":[32],"profile":[32],"rating":[32],"logout":[32],"hello":[32],"first_name":[32],"last_name":[32],"avatar":[32],"is_loggedIn":[32],"badges":[32],"hasBadges":[32],"OrderUpdate":[32]}],[4,"salla-map",{"name":[1],"required":[4],"readonly":[4],"searchable":[1028],"lat":[1026],"lng":[1026],"apiKey":[1025,"api-key"],"modalTitle":[1,"modal-title"],"zoom":[1026],"theme":[1025],"modalActivityTitle":[32],"confirmButtonTitle":[32],"locateButtonTitle":[32],"locateButtonEdit":[32],"searchPlaceholder":[32],"searchInputValue":[32],"formattedAddress":[32],"geolocationError":[32],"searchInput":[32],"mapInput":[32],"mapElement":[32],"selectedLat":[32],"selectedLng":[32],"open":[64]}],[4,"salla-verify",{"display":[1],"type":[1025],"autoReload":[4,"auto-reload"],"supportWebAuth":[4,"support-web-auth"],"translationLoaded":[32],"title":[32],"resendAfter":[32],"hasError":[32],"errorMessage":[32],"isProfileVerify":[32],"getCode":[64],"open":[64]}],[0,"salla-comment-form",{"type":[1537],"showAvatar":[4,"show-avatar"],"itemId":[1544,"item-id"],"placeholder":[32],"submitText":[32],"canComment":[32]}],[4,"salla-color-picker",{"name":[1],"required":[4],"color":[1537],"format":[1],"showCancelButton":[4,"show-cancel-button"],"showTextField":[4,"show-text-field"],"enableAlpha":[4,"enable-alpha"],"widgetColor":[32],"setPickerOption":[64],"movePopUp":[64],"setColorValue":[64],"openPicker":[64],"closePicker":[64],"destroyPicker":[64]}],[0,"salla-comment-item",{"comment":[16],"has_bought_trans":[32],"rated_trans":[32],"waiting_approval_trans":[32],"has_order_trans":[32]}],[4,"salla-tab-content",{"name":[1],"isSelected":[32],"getChild":[64]}],[4,"salla-tab-header",{"name":[1],"activeClass":[1,"active-class"],"height":[8],"centered":[4],"isSelected":[32],"getChild":[64]}],[4,"salla-tabs",{"backgroundColor":[1,"background-color"],"vertical":[4]},[[0,"tabSelected","onSelectedTab"]]],[4,"salla-product-card",{"product":[1],"horizontal":[4],"shadowOnHover":[4,"shadow-on-hover"],"hideAddBtn":[4,"hide-add-btn"],"fullImage":[4,"full-image"],"minimal":[4],"isSpecial":[4,"is-special"],"showQuantity":[4,"show-quantity"],"productData":[32],"fitImageHeight":[32],"remained":[32],"outOfStock":[32],"donationAmount":[32],"startingPrice":[32],"addToCart":[32],"placeholder":[32]}],[0,"salla-datetime-picker",{"value":[1537],"required":[4],"name":[513],"placeholder":[1],"allowInput":[4,"allow-input"],"allowInvalidPreload":[4,"allow-invalid-preload"],"altFormat":[1,"alt-format"],"altInput":[4,"alt-input"],"altInputClass":[1,"alt-input-class"],"appendTo":[16],"ariaDateFormat":[1,"aria-date-format"],"autoFillDefaultTime":[4,"auto-fill-default-time"],"clickOpens":[4,"click-opens"],"closeOnSelect":[4,"close-on-select"],"conjunction":[1],"dateFormat":[1,"date-format"],"defaultDate":[8,"default-date"],"defaultHour":[2,"default-hour"],"defaultMinute":[2,"default-minute"],"defaultSeconds":[2,"default-seconds"],"disable":[16],"disableMobile":[4,"disable-mobile"],"enable":[16],"enableSeconds":[4,"enable-seconds"],"enableTime":[4,"enable-time"],"formatDate":[16],"hourIncrement":[2,"hour-increment"],"inline":[4],"locale":[1],"maxDate":[8,"max-date"],"maxTime":[8,"max-time"],"minDate":[8,"min-date"],"minTime":[8,"min-time"],"minuteIncrement":[2,"minute-increment"],"mode":[1],"monthSelectorType":[1,"month-selector-type"],"nextArrow":[1,"next-arrow"],"noCalendar":[4,"no-calendar"],"dateParser":[16],"position":[1],"positionElement":[16],"prevArrow":[1,"prev-arrow"],"shorthandCurrentMonth":[4,"shorthand-current-month"],"static":[4],"showMonths":[2,"show-months"],"time_24hr":[4,"time_-2-4hr"],"weekNumbers":[4,"week-numbers"],"wrap":[4]}],[4,"salla-add-product-button",{"channels":[513],"subscribedOptions":[1,"subscribed-options"],"quickBuy":[1540,"quick-buy"],"quantity":[514],"donatingAmount":[514,"donating-amount"],"notifyOptionsAvailability":[516,"notify-options-availability"],"productId":[520,"product-id"],"supportStickyBar":[516,"support-sticky-bar"],"productStatus":[513,"product-status"],"productType":[513,"product-type"],"hasOutOfStockOption":[32],"hasSubscribedOptions":[32],"selectedOptions":[32],"showQuickBuy":[32]}],[0,"salla-count-down",{"date":[1],"boxed":[4],"size":[1],"color":[1],"labeled":[4],"endText":[1,"end-text"],"digits":[1],"endOfDay":[4,"end-of-day"],"daysLabel":[32],"hoursLabel":[32],"minutesLabel":[32],"secondsLabel":[32],"endLabel":[32],"invalidDate":[32],"offerEnded":[32],"countInterval":[32],"days":[32],"hours":[32],"minutes":[32],"seconds":[32],"endCountDown":[64]}],[0,"salla-file-upload",{"value":[1537],"files":[513],"height":[513],"cartItemId":[1,"cart-item-id"],"profileImage":[516,"profile-image"],"name":[1537],"payloadName":[1,"payload-name"],"accept":[1537],"fileId":[2,"file-id"],"url":[1025],"method":[1],"formData":[1,"form-data"],"required":[4],"maxFileSize":[1,"max-file-size"],"disabled":[4],"allowDrop":[4,"allow-drop"],"allowBrowse":[4,"allow-browse"],"allowPaste":[4,"allow-paste"],"allowMultiple":[4,"allow-multiple"],"allowReplace":[4,"allow-replace"],"allowRevert":[4,"allow-revert"],"allowRemove":[4,"allow-remove"],"allowProcess":[4,"allow-process"],"allowReorder":[4,"allow-reorder"],"storeAsFile":[4,"store-as-file"],"forceRevert":[4,"force-revert"],"maxFilesCount":[2,"max-files-count"],"maxParallelUploads":[2,"max-parallel-uploads"],"checkValidity":[4,"check-validity"],"itemInsertLocation":[1,"item-insert-location"],"itemInsertInterval":[2,"item-insert-interval"],"credits":[4],"dropOnPage":[4,"drop-on-page"],"dropOnElement":[4,"drop-on-element"],"dropValidation":[4,"drop-validation"],"ignoredFiles":[16],"instantUpload":[1028,"instant-upload"],"chunkUploads":[4,"chunk-uploads"],"chunkForce":[4,"chunk-force"],"chunkSize":[2,"chunk-size"],"chunkRetryDelays":[16],"labelDecimalSeparator":[1,"label-decimal-separator"],"labelThousandsSeparator":[1,"label-thousands-separator"],"labelIdle":[1025,"label-idle"],"iconRemove":[1,"icon-remove"],"iconProcess":[1,"icon-process"],"iconRetry":[1,"icon-retry"],"iconUndo":[1,"icon-undo"],"setOption":[64]}],[4,"salla-list-tile",{"href":[1],"target":[1]}],[0,"salla-product-availability",{"channels":[1],"notifyOptionsAvailability":[4,"notify-options-availability"],"productId":[2,"product-id"],"isSubscribed":[1028,"is-subscribed"],"translationLoaded":[32],"title_":[32],"isVisitorSubscribed":[32]}],[0,"salla-quick-buy",{"type":[1025],"productId":[1025,"product-id"],"cartId":[1025,"cart-id"],"amount":[1538],"currency":[1025],"options":[16],"isRequireShipping":[1028,"is-require-shipping"],"applePayOnly":[1028,"apple-pay-only"],"isApplePayActive":[32],"quickBuy":[32]}],[0,"salla-progress-bar",{"donation":[1],"target":[1026],"value":[1026],"height":[1025],"header":[1025],"stripped":[1028],"message":[1025],"unit":[1025],"color":[1025]}],[0,"salla-rating-stars",{"name":[1],"size":[1],"value":[2],"reviews":[2]}],[4,"salla-slider",{"blockTitle":[513,"block-title"],"listenToThumbnailsOption":[516,"listen-to-thumbnails-option"],"blockSubtitle":[513,"block-subtitle"],"displayAllUrl":[513,"display-all-url"],"arrowsCentered":[516,"arrows-centered"],"verticalThumbs":[516,"vertical-thumbs"],"gridThumbs":[516,"grid-thumbs"],"vertical":[516],"autoHeight":[516,"auto-height"],"showControls":[516,"show-controls"],"controlsOuter":[516,"controls-outer"],"showThumbsControls":[4,"show-thumbs-controls"],"autoPlay":[4,"auto-play"],"slidesPerView":[1,"slides-per-view"],"pagination":[4],"centered":[4],"loop":[4],"direction":[1537],"type":[1],"sliderConfig":[520,"slider-config"],"thumbsConfig":[520,"thumbs-config"],"currentIndex":[32],"isEnd":[32],"isBeginning":[32],"swiperScript":[32],"displayAllTitle":[32],"windowWidth":[32],"slideTo":[64],"slideNext":[64],"slidePrev":[64],"slideToLoop":[64],"slideNextLoop":[64],"slidePrevLoop":[64],"slideReset":[64],"slideToClosest":[64],"update":[64],"updateAutoHeight":[64],"updateSlides":[64],"updateProgress":[64],"updateSlidesClasses":[64],"getSlides":[64]}],[0,"salla-skeleton",{"type":[1],"width":[1],"height":[1]}],[4,"salla-placeholder",{"icon":[1],"alignment":[1],"iconSize":[1,"icon-size"],"translationLoaded":[32]}],[0,"salla-tel-input",{"phone":[1025],"autofocus":[516],"name":[1],"countryCode":[1025,"country-code"],"mobileRequired":[32],"countryCodeLabel":[32],"mobileLabel":[32],"tooShort":[32],"tooLong":[32],"invalidCountryCode":[32],"invalidNumber":[32],"errorMap":[32],"getValues":[64],"isValid":[64]}],[4,"salla-modal",{"isClosable":[1028,"is-closable"],"width":[513],"position":[513],"visible":[516],"hasSkeleton":[516,"has-skeleton"],"isLoading":[1540,"is-loading"],"subTitleFirst":[4,"sub-title-first"],"noPadding":[4,"no-padding"],"subTitle":[1,"sub-title"],"centered":[4],"iconStyle":[1,"icon-style"],"modalTitle":[32],"open":[64],"close":[64],"setTitle":[64],"loading":[64],"stopLoading":[64]},[[0,"keyup","handleKeyUp"]]],[0,"salla-loading",{"size":[8],"width":[8],"color":[1],"bgColor":[1,"bg-color"]}],[4,"salla-button",{"shape":[513],"color":[513],"fill":[513],"size":[513],"width":[513],"loading":[516],"disabled":[516],"loaderPosition":[1,"loader-position"],"href":[1],"type":[513],"load":[64],"stop":[64],"setText":[64],"disable":[64],"enable":[64]}]]]]'),e)}));
 //# sourceMappingURL=twilight.js.map

package/dist/esm-es5/twilight.js.map

@@ -1 +1 @@
-{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","options","globalScripts","bootstrapLazy","JSON","parse"],"sources":["../../node_modules/.pnpm/@stencil+core@4.2.0/node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.2.0 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, doc, promiseResolve, H } from '@stencil/core';\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    if (BUILD.profile && !performance.mark) {\n        // not all browsers support performance.mark/measure (Safari 10)\n        // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,\n        // simply stub the implementations out.\n        // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)\n        // @ts-ignore\n        performance.mark = performance.measure = () => {\n            /*noop*/\n        };\n        performance.getEntriesByName = () => [];\n    }\n    // @ts-ignore\n    const scriptElm = BUILD.scriptDataOpts\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? (scriptElm || {})['data-opts'] || {} : {};\n    if (importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n    }\n    return promiseResolve(opts);\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n    HTMLElementPrototype.cloneNode = function (deep) {\n        if (this.nodeName === 'TEMPLATE') {\n            return nativeCloneNodeFn.call(this, deep);\n        }\n        const clonedNode = nativeCloneNodeFn.call(this, false);\n        const srcChildNodes = this.childNodes;\n        if (deep) {\n            for (let i = 0; i < srcChildNodes.length; i++) {\n                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":";;;wNAKA,IAAMA,aAAe,WAyBjB,IAAMC,cAAyBC,IAC/B,IAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACnBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,I,CAEjD,OAAOC,eAAeJ,EAC1B,EChCAH,eAAeQ,MAAK,SAAAC,GAClBC,gBACA,OAAOC,cAAcC,KAAAC,MAAA,ktoBAAuCJ,EAC9D"}
+{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","options","globalScripts","bootstrapLazy","JSON","parse"],"sources":["../../node_modules/.pnpm/@stencil+core@4.2.0/node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.2.0 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, doc, promiseResolve, H } from '@stencil/core';\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    if (BUILD.profile && !performance.mark) {\n        // not all browsers support performance.mark/measure (Safari 10)\n        // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,\n        // simply stub the implementations out.\n        // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)\n        // @ts-ignore\n        performance.mark = performance.measure = () => {\n            /*noop*/\n        };\n        performance.getEntriesByName = () => [];\n    }\n    // @ts-ignore\n    const scriptElm = BUILD.scriptDataOpts\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? (scriptElm || {})['data-opts'] || {} : {};\n    if (importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n    }\n    return promiseResolve(opts);\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n    HTMLElementPrototype.cloneNode = function (deep) {\n        if (this.nodeName === 'TEMPLATE') {\n            return nativeCloneNodeFn.call(this, deep);\n        }\n        const clonedNode = nativeCloneNodeFn.call(this, false);\n        const srcChildNodes = this.childNodes;\n        if (deep) {\n            for (let i = 0; i < srcChildNodes.length; i++) {\n                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":";;;wNAKA,IAAMA,aAAe,WAyBjB,IAAMC,cAAyBC,IAC/B,IAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACnBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,I,CAEjD,OAAOC,eAAeJ,EAC1B,EChCAH,eAAeQ,MAAK,SAAAC,GAClBC,gBACA,OAAOC,cAAcC,KAAAC,MAAA,8toBAAuCJ,EAC9D"}

package/dist/twilight/{p-c51afb0e.entry.js → p-008228a1.entry.js}

@@ -1,5 +1,5 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import{r as s,h as i,H as t,g as a}from"./p-fafedb13.js";const l=":host{display:block}";const e=class{constructor(i){s(this,i);var t,a,l;this.payments=salla.config.get("store.settings.payments");this.placeholderImage=salla.url.cdn(`images/s-empty.png`);this.withSbc=undefined;this.sbcId=undefined;this.withMadeInKsa=undefined;this.paymentSlot=((t=this.host.querySelector('[slot="payment"]'))===null||t===void 0?void 0:t.innerHTML)||`<li class="s-payments-list-item"><img class="lazy" width="100%" height="100%" src="${this.placeholderImage}" data-src="{image}" alt={name} /><li>`;this.sbcSlot=((a=this.host.querySelector('[slot="sbc"]'))===null||a===void 0?void 0:a.innerHTML)||`<li class="s-payments-list-item"><a target="_blank" href="{link}"> <img width="100%" height="100%" src="${this.placeholderImage}" data-src={image} class="lazy s-payments-sbc-image" alt="SBC"/></a><li>`;this.codSlot=((l=this.host.querySelector('[slot="cod"]'))===null||l===void 0?void 0:l.innerHTML)||`<li class="s-payments-list-item"> <img width="100%" height="100%" src="${this.placeholderImage}" data-src={image} class="lazy" alt="COD"/><li>`;salla.onReady((()=>{this.payments=salla.config.get("store.settings.payments");this.placeholderImage=salla.url.cdn(`images/s-empty.png`)}))}render(){return i(t,{class:"s-payments-list"},this.withMadeInKsa&&i("li",{class:"s-payments-list-item"},i("img",{class:"lazy",width:"100%",height:"100%",decoding:"async",loading:"lazy","data-src":salla.url.cdn(`images/made-in-ksa.svg`),alt:"made in KSA certified"})),this.payments.map((s=>i("div",{id:"payment-slot",innerHTML:this.paymentSlot.replace(/\{image\}/g,salla.url.cdn(`images/payment/${s}_mini.png`,40,40)).replace(/\{payment\}/g,s)}))),i("div",{id:"cod-slot",innerHTML:this.codSlot.replace(/\{image\}/g,salla.url.cdn(`images/payment/cod_mini.png`,40,40))}),this.withSbc&&this.sbcId&&i("div",{id:"sbc-slot",innerHTML:this.sbcSlot.replace(/\{image\}/g,salla.url.cdn(`images/sbc.png`,40,40)).replace(/\{link\}/g,`https://eauthenticate.saudibusiness.gov.sa/certificate-details/${this.sbcId}`)}))}componentDidLoad(){var s;(s=document.lazyLoadInstance)===null||s===void 0?void 0:s.update(this.host.querySelectorAll(".lazy"));this.host.querySelectorAll(".lazy").forEach((s=>{s.addEventListener("load",(()=>{s.setAttribute("width","100%");s.setAttribute("height","100%")}))}))}componentDidRender(){var s,i,t;this.host.querySelectorAll("#payment-slot").forEach((s=>s.replaceWith(s.firstChild)));this.host.querySelectorAll("#sbc-slot").forEach((s=>s.replaceWith(s.firstChild)));this.host.querySelectorAll("#cod-slot").forEach((s=>s.replaceWith(s.firstChild)));(s=this.host.querySelector('[slot="payment"]'))===null||s===void 0?void 0:s.remove();(i=this.host.querySelector('[slot="sbc"]'))===null||i===void 0?void 0:i.remove();(t=this.host.querySelector('[slot="cod"]'))===null||t===void 0?void 0:t.remove()}get host(){return a(this)}};e.style=l;export{e as salla_payments};
-//# sourceMappingURL=p-c51afb0e.entry.js.map
+import{r as s,h as i,H as t,g as a}from"./p-fafedb13.js";const l=":host{display:block}";const e=class{constructor(i){s(this,i);var t,a,l;this.payments=salla.config.get("store.settings.payments");this.placeholderImage=salla.url.cdn(`images/s-empty.png`);this.withSbc=undefined;this.sbcId=undefined;this.withMadeInKsa=undefined;this.paymentSlot=((t=this.host.querySelector('[slot="payment"]'))===null||t===void 0?void 0:t.innerHTML)||`<li class="s-payments-list-item"><img class="lazy" width="100%" height="100%" src="${this.placeholderImage}" data-src="{image}" alt={name} /><li>`;this.sbcSlot=((a=this.host.querySelector('[slot="sbc"]'))===null||a===void 0?void 0:a.innerHTML)||`<li class="s-payments-list-item"><a target="_blank" href="{link}"> <img width="100%" height="100%" src="${this.placeholderImage}" data-src={image} class="lazy s-payments-sbc-image" alt="SBC"/></a><li>`;this.codSlot=((l=this.host.querySelector('[slot="cod"]'))===null||l===void 0?void 0:l.innerHTML)||`<li class="s-payments-list-item"> <img width="100%" height="100%" src="${this.placeholderImage}" data-src={image} class="lazy" alt="COD"/><li>`;salla.onReady((()=>{this.payments=salla.config.get("store.settings.payments");this.placeholderImage=salla.url.cdn(`images/s-empty.png`)}))}render(){return i(t,{class:"s-payments-list"},this.withMadeInKsa&&i("li",{class:"s-payments-list-item"},i("img",{class:"lazy",width:"100%",height:"100%",decoding:"async",loading:"lazy","data-src":salla.url.cdn(`images/made-in-ksa.svg`),alt:"made in KSA certified"})),this.payments.map((s=>s=="cod"?i("div",{id:"cod-slot",innerHTML:this.codSlot.replace(/\{image\}/g,salla.url.cdn(`images/payment/cod_mini.png`,40,40))}):i("div",{id:"payment-slot",innerHTML:this.paymentSlot.replace(/\{image\}/g,salla.url.cdn(`images/payment/${s}_mini.png`,40,40)).replace(/\{payment\}/g,s)}))),this.withSbc&&this.sbcId&&i("div",{id:"sbc-slot",innerHTML:this.sbcSlot.replace(/\{image\}/g,salla.url.cdn(`images/sbc.png`,40,40)).replace(/\{link\}/g,`https://eauthenticate.saudibusiness.gov.sa/certificate-details/${this.sbcId}`)}))}componentDidLoad(){var s;(s=document.lazyLoadInstance)===null||s===void 0?void 0:s.update(this.host.querySelectorAll(".lazy"));this.host.querySelectorAll(".lazy").forEach((s=>{s.addEventListener("load",(()=>{s.setAttribute("width","100%");s.setAttribute("height","100%")}))}))}componentDidRender(){var s,i,t;this.host.querySelectorAll("#payment-slot").forEach((s=>s.replaceWith(s.firstChild)));this.host.querySelectorAll("#sbc-slot").forEach((s=>s.replaceWith(s.firstChild)));this.host.querySelectorAll("#cod-slot").forEach((s=>s.replaceWith(s.firstChild)));(s=this.host.querySelector('[slot="payment"]'))===null||s===void 0?void 0:s.remove();(i=this.host.querySelector('[slot="sbc"]'))===null||i===void 0?void 0:i.remove();(t=this.host.querySelector('[slot="cod"]'))===null||t===void 0?void 0:t.remove()}get host(){return a(this)}};e.style=l;export{e as salla_payments};
+//# sourceMappingURL=p-008228a1.entry.js.map

package/dist/twilight/p-008228a1.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["sallaPaymentsCss","SallaPayments","constructor","hostRef","salla","config","get","url","cdn","this","paymentSlot","_a","host","querySelector","innerHTML","placeholderImage","sbcSlot","_b","codSlot","_c","onReady","payments","render","h","Host","class","withMadeInKsa","width","height","decoding","loading","alt","map","payment","id","replace","withSbc","sbcId","componentDidLoad","document","lazyLoadInstance","update","querySelectorAll","forEach","img","addEventListener","setAttribute","componentDidRender","el","replaceWith","firstChild","remove"],"sources":["src/components/salla-payments/salla-payments.scss?tag=salla-payments","src/components/salla-payments/salla-payments.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, Host, Prop, State, h, Element } from '@stencil/core';\n/**\n * @slot payment - Replaces payment item, has replaceable props `{image}`, `{name}`.\n * @slot sbc - Replaces SBC certificate item, has replaceable props `{image}`.\n * @slot cod - Replaces COD item, has replaceable props `{image}`.\n */\n@Component({\n  tag: 'salla-payments',\n  styleUrl: 'salla-payments.scss'\n})\n\nexport class SallaPayments {\n  constructor() {\n    this.paymentSlot = this.host.querySelector('[slot=\"payment\"]')?.innerHTML || `<li class=\"s-payments-list-item\"><img class=\"lazy\" width=\"100%\" height=\"100%\" src=\"${this.placeholderImage}\" data-src=\"{image}\" alt={name} /><li>`;\n    this.sbcSlot = this.host.querySelector('[slot=\"sbc\"]')?.innerHTML || `<li class=\"s-payments-list-item\"><a target=\"_blank\" href=\"{link}\"> <img width=\"100%\" height=\"100%\" src=\"${this.placeholderImage}\" data-src={image} class=\"lazy s-payments-sbc-image\" alt=\"SBC\"/></a><li>`;\n    this.codSlot = this.host.querySelector('[slot=\"cod\"]')?.innerHTML || `<li class=\"s-payments-list-item\"> <img width=\"100%\" height=\"100%\" src=\"${this.placeholderImage}\" data-src={image} class=\"lazy\" alt=\"COD\"/><li>`;\n\n    salla.onReady(() => {\n      this.payments = salla.config.get('store.settings.payments');\n      this.placeholderImage = salla.url.cdn(`images/s-empty.png`);\n    });\n  }\n  private readonly paymentSlot: string;\n  private readonly sbcSlot: string;\n  private readonly codSlot: string;\n  @Element() host: HTMLElement;\n  @State() payments = salla.config.get('store.settings.payments');\n  @State() placeholderImage = salla.url.cdn(`images/s-empty.png`);\n\n  /**\n   * Boolean indicating whether to include the SBC (Saudi Business Council) certificate.\n   */\n  @Prop() withSbc: boolean;\n\n  /**\n   * The SBC (Saudi Business Council) certificate ID.\n   */\n  @Prop() sbcId: string;\n\n  /**\n   * Boolean indicating whether to include the \"Made in KSA\" certification.\n   */\n  @Prop() withMadeInKsa: boolean;\n\n  render() {\n    return (\n      <Host class=\"s-payments-list\">\n\n        {/* Made in KSA */}\n        {this.withMadeInKsa && <li class=\"s-payments-list-item\">\n          <img class=\"lazy\" width=\"100%\" height=\"100%\" decoding=\"async\" loading=\"lazy\" data-src={salla.url.cdn(`images/made-in-ksa.svg`)} alt=\"made in KSA certified\" />\n        </li>}\n\n        {/* Dynamic methods */}\n        {this.payments.map((payment) => (\n          payment == \"cod\" ?\n            <div id=\"cod-slot\" innerHTML={this.codSlot\n              .replace(/\\{image\\}/g, salla.url.cdn(`images/payment/cod_mini.png`, 40, 40))}>\n            </div> :\n            <div id=\"payment-slot\" innerHTML={this.paymentSlot\n              .replace(/\\{image\\}/g, salla.url.cdn(`images/payment/${payment}_mini.png`, 40, 40))\n              .replace(/\\{payment\\}/g, payment)}>\n            </div>\n        ))}\n\n\n        {/* SBC certificate */}\n        {this.withSbc && this.sbcId && <div id=\"sbc-slot\" innerHTML={this.sbcSlot\n          .replace(/\\{image\\}/g, salla.url.cdn(`images/sbc.png`, 40, 40))\n          .replace(/\\{link\\}/g, `https://eauthenticate.saudibusiness.gov.sa/certificate-details/${this.sbcId}`)}>\n        </div>}\n      </Host>\n    );\n  }\n  componentDidLoad() {\n    document.lazyLoadInstance?.update(this.host.querySelectorAll('.lazy'));\n    // fix lazy loaded images that have 100% width and height\n    this.host.querySelectorAll('.lazy').forEach((img) => {\n      img.addEventListener('load', () => {\n        img.setAttribute('width', \"100%\");\n        img.setAttribute('height', \"100%\");\n      });\n    });\n  }\n  componentDidRender() {\n    this.host.querySelectorAll('#payment-slot').forEach(el => el.replaceWith(el.firstChild));\n    this.host.querySelectorAll('#sbc-slot').forEach(el => el.replaceWith(el.firstChild));\n    this.host.querySelectorAll('#cod-slot').forEach(el => el.replaceWith(el.firstChild));\n    this.host.querySelector('[slot=\"payment\"]')?.remove();\n    this.host.querySelector('[slot=\"sbc\"]')?.remove();\n    this.host.querySelector('[slot=\"cod\"]')?.remove();\n  }\n}\n"],"mappings":";;;yDAAA,MAAMA,EAAmB,uB,MCWZC,EAAa,MACxB,WAAAC,CAAAC,G,kCAcoBC,MAAMC,OAAOC,IAAI,2B,sBACTF,MAAMG,IAAIC,IAAI,sB,yEAdxCC,KAAKC,cAAcC,EAAAF,KAAKG,KAAKC,cAAc,uBAAmB,MAAAF,SAAA,SAAAA,EAAEG,YAAa,sFAAsFL,KAAKM,yDACxKN,KAAKO,UAAUC,EAAAR,KAAKG,KAAKC,cAAc,mBAAe,MAAAI,SAAA,SAAAA,EAAEH,YAAa,2GAA2GL,KAAKM,2FACrLN,KAAKS,UAAUC,EAAAV,KAAKG,KAAKC,cAAc,mBAAe,MAAAM,SAAA,SAAAA,EAAEL,YAAa,0EAA0EL,KAAKM,kEAEpJX,MAAMgB,SAAQ,KACZX,KAAKY,SAAWjB,MAAMC,OAAOC,IAAI,2BACjCG,KAAKM,iBAAmBX,MAAMG,IAAIC,IAAI,qBAAqB,G,CAyB/D,MAAAc,GACE,OACEC,EAACC,EAAI,CAACC,MAAM,mBAGThB,KAAKiB,eAAiBH,EAAA,MAAIE,MAAM,wBAC/BF,EAAA,OAAKE,MAAM,OAAOE,MAAM,OAAOC,OAAO,OAAOC,SAAS,QAAQC,QAAQ,OAAM,WAAW1B,MAAMG,IAAIC,IAAI,0BAA2BuB,IAAI,2BAIrItB,KAAKY,SAASW,KAAKC,GAClBA,GAAW,MACTV,EAAA,OAAKW,GAAG,WAAWpB,UAAWL,KAAKS,QAChCiB,QAAQ,aAAc/B,MAAMG,IAAIC,IAAI,8BAA+B,GAAI,OAE1Ee,EAAA,OAAKW,GAAG,eAAepB,UAAWL,KAAKC,YACpCyB,QAAQ,aAAc/B,MAAMG,IAAIC,IAAI,kBAAkByB,aAAoB,GAAI,KAC9EE,QAAQ,eAAgBF,OAM9BxB,KAAK2B,SAAW3B,KAAK4B,OAASd,EAAA,OAAKW,GAAG,WAAWpB,UAAWL,KAAKO,QAC/DmB,QAAQ,aAAc/B,MAAMG,IAAIC,IAAI,iBAAkB,GAAI,KAC1D2B,QAAQ,YAAa,kEAAkE1B,KAAK4B,W,CAKrG,gBAAAC,G,OACE3B,EAAA4B,SAASC,oBAAgB,MAAA7B,SAAA,SAAAA,EAAE8B,OAAOhC,KAAKG,KAAK8B,iBAAiB,UAE7DjC,KAAKG,KAAK8B,iBAAiB,SAASC,SAASC,IAC3CA,EAAIC,iBAAiB,QAAQ,KAC3BD,EAAIE,aAAa,QAAS,QAC1BF,EAAIE,aAAa,SAAU,OAAO,GAClC,G,CAGN,kBAAAC,G,UACEtC,KAAKG,KAAK8B,iBAAiB,iBAAiBC,SAAQK,GAAMA,EAAGC,YAAYD,EAAGE,cAC5EzC,KAAKG,KAAK8B,iBAAiB,aAAaC,SAAQK,GAAMA,EAAGC,YAAYD,EAAGE,cACxEzC,KAAKG,KAAK8B,iBAAiB,aAAaC,SAAQK,GAAMA,EAAGC,YAAYD,EAAGE,eACxEvC,EAAAF,KAAKG,KAAKC,cAAc,uBAAmB,MAAAF,SAAA,SAAAA,EAAEwC,UAC7ClC,EAAAR,KAAKG,KAAKC,cAAc,mBAAe,MAAAI,SAAA,SAAAA,EAAEkC,UACzChC,EAAAV,KAAKG,KAAKC,cAAc,mBAAe,MAAAM,SAAA,SAAAA,EAAEgC,Q"}