@salla.sa/twilight-components 2.13.69 → 2.13.70

package/dist/twilight/p-f49f7b11.entry.js

@@ -0,0 +1,5 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+import{r as i,h as t,H as e}from"./p-bdd00808.js";var s;(function(i){i["PERCENTAGE"]="percentage";i["FIXED"]="fixed";i["FREE_PRODUCT"]="free_product"})(s||(s={}));var o;(function(i){i["PRODUCT_COUNT"]="products_count";i["PRODUCT_PURCHASE"]="order_amount"})(o||(o={}));const n=":host{display:block}";const l=class{constructor(t){i(this,t);this.offer=null;this.products={};this.isLoading=true;this.canRender=true}componentWillLoad(){salla.onReady().then((()=>{var i,t,e;if(!((i=salla.config.get("store.features"))===null||i===void 0?void 0:i.includes("conditional-offer"))||!((e=(t=salla.storage.get("cart"))===null||t===void 0?void 0:t.summary)===null||e===void 0?void 0:e.count)){throw new Error("feature or cart object does not existed")}})).then((()=>salla.api.cart.offers())).then((({data:i})=>{this.offer=i.find((i=>i.type==="conditional"));this.offer.details.discounts.unshift({value:0,min_spend:0});return this.updateInitialOfferValue()})).then((()=>this.getProducts())).then((()=>salla.event.on("cart::updated",(i=>this.updateOfferValues(i))))).catch((i=>{this.canRender=false;salla.logger.error("salla-conditional-offer:: Error",i)})).finally((()=>{this.isLoading=false}))}getProducts(){const i=this.offer.details.discounts.filter((({type:i})=>i===s.FREE_PRODUCT)).map((({value:i})=>i));if(i.length>0){return salla.product.fetch({source:"selected",source_value:i}).then((({data:i})=>{i.forEach((({id:i,url:t,image:e})=>{this.products[i]={url:t,image:e}}))}))}}updateInitialOfferValue(){return salla.api.cart.details().then((({data:{cart:i}})=>this.updateOfferValues(i)))}updateOfferValues({items:i,total:t}){var e;const s=this.offer.details.based_on===o.PRODUCT_COUNT?i.reduce(((i,{quantity:t})=>i+t),0):t;this.offer=Object.assign(Object.assign({},this.offer),{details:Object.assign(Object.assign({},(e=this.offer)===null||e===void 0?void 0:e.details),{current_value:s})});return this.offer}getCheckpointContent(i){var e,o;if(i.type===s.PERCENTAGE)return`${i.value}%`;if(i.type===s.FIXED)return salla.money(i.value);if(i.type!==s.FREE_PRODUCT){salla.logger.error(`salla-conditional-offer:: unexpected type (${i.type})!`);return""}const n=this.products[i.value];if(!n){salla.logger.error(`salla-conditional-offer:: there is no product with id (${i.value})!`);return""}return t("a",{class:"s-conditional-offer-product-link",href:n.url},t("img",{class:"s-conditional-offer-checkpoint-image-content",loading:"lazy",decoding:"async",alt:((e=n===null||n===void 0?void 0:n.image)===null||e===void 0?void 0:e.alt)||"",src:(o=n===null||n===void 0?void 0:n.image)===null||o===void 0?void 0:o.url}))}getOfferType(i){var t;const e=(t=this.offer.details)===null||t===void 0?void 0:t.based_on;if(e===o.PRODUCT_COUNT)return salla.lang.choice("blocks.header.products_count",i.min_spend);if(e===o.PRODUCT_PURCHASE)return salla.money(i.min_spend);salla.logger.warn(`salla-conditional-offer:: Unexpected offer detail's based_on value: ${e}`);return`${i.min_spend}`}mapValueRanges(i,t,e,s,o){const n=(i-t)*(o-s)/(e-t)+s;return n>o&&!Number.isFinite(n)?o:n}getCheckPointView(i,e){var s,o;const n=this.offer.details.discounts.findIndex((({min_spend:t})=>t===i.min_spend));const l=(o=(s=this.offer.details.discounts[n-1])===null||s===void 0?void 0:s.min_spend)!==null&&o!==void 0?o:0;const a=this.mapValueRanges(this.offer.details.current_value,l,i.min_spend,0,100);const r=i.min_spend<=this.offer.details.current_value;return t("div",{class:"s-conditional-offer-checkpoint-container"},e>0?[t("div",{key:"progress-line",class:"s-conditional-offer-progress-line-container"},t("div",{class:"s-conditional-offer-progress-line-inactive"}),t("div",{class:"s-conditional-offer-progress-line-active",style:{width:`${a}%`}})),t("div",{key:"checkpoint",class:`s-conditional-offer-checkpoint ${r?"s-conditional-offer-active-checkpoint":""}`},t("div",{class:`s-conditional-offer-item-avatar-content ${r?"active":""}`},this.products&&this.getCheckpointContent(i)),t("div",{class:`s-conditional-offer-checkpoint-label ${r?"active":""}`,innerHTML:this.getOfferType(i)}))]:t("div",{key:"label",class:{"s-conditional-offer-checkpoint-label":true,"first-checkpoint":e===0,active:r},innerHTML:this.getOfferType(i)}))}getLoadingSkeletonView(){return t(e,{class:"s-conditional-offer-container "},t("div",{class:"s-conditional-offer-skeleton-wrapper"},t("div",{class:"s-conditional-offer-skeleton-title"},t("salla-skeleton",{height:"16px",width:"30%"})),t("div",{class:"s-conditional-offer-skeleton-subtitle"},t("salla-skeleton",{height:"16px",width:"35%"})),t("div",{class:"s-conditional-offer-skeleton-checkpoints-wrapper"},Array(3).fill(null).map((()=>[t("salla-skeleton",{key:"checkpoint-line",height:"8px"}),t("div",{class:"s-conditional-offer-skeleton-checkpoint",key:"checkpoint"},t("salla-skeleton",{height:"60px",width:"60px",type:"circle"}))])))))}render(){if(!this.canRender)return null;if(this.isLoading)return this.getLoadingSkeletonView();return t(e,{class:"s-conditional-offer-container"},t("div",{class:"s-conditional-offer-title-wrapper"},t("div",{class:"s-conditional-offer-title"},this.offer.title),this.offer.description?t("div",{class:"s-conditional-offer-subtitle"},this.offer.description," ",t("i",{class:"sicon-information"})):null),t("div",{class:"s-conditional-offer-progress-container"},this.offer.details.discounts.map(((i,e)=>t("div",{class:{"flex-1":e>0},key:i.min_spend},this.getCheckPointView(i,e))))))}};l.style=n;export{l as salla_conditional_offer};
+//# sourceMappingURL=p-f49f7b11.entry.js.map

package/dist/twilight/p-f49f7b11.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DiscountType","OfferType","sallaConditionalOfferCss","SallaConditionalOffer","componentWillLoad","salla","onReady","then","_a","config","get","includes","_c","_b","storage","summary","count","Error","api","cart","offers","data","this","offer","find","type","details","discounts","unshift","value","min_spend","updateInitialOfferValue","getProducts","event","on","updatedCart","updateOfferValues","catch","error","canRender","logger","finally","isLoading","freeProductIDs","filter","FREE_PRODUCT","map","length","product","fetch","source","source_value","forEach","id","url","image","products","items","total","current_value","based_on","PRODUCT_COUNT","reduce","quantity","Object","assign","getCheckpointContent","discount","PERCENTAGE","FIXED","money","productItem","h","class","href","loading","decoding","alt","src","getOfferType","basedOn","lang","choice","PRODUCT_PURCHASE","warn","mapValueRanges","initialMinRange","initialMaxRange","newMinRange","newMaxRange","newRange","Number","isFinite","getCheckPointView","index","checkpointIndex","findIndex","previousCheckpointValue","progressPercentage","isActive","key","style","width","innerHTML","active","getLoadingSkeletonView","Host","height","Array","fill","render","title","description"],"sources":["src/components/salla-conditional-offer/interfaces.ts","src/components/salla-conditional-offer/salla-conditional-offer.scss?tag=salla-conditional-offer","src/components/salla-conditional-offer/salla-conditional-offer.tsx"],"sourcesContent":["import type { Product } from \"@salla.sa/twilight/types/common\";\n\nexport enum DiscountType {\n    PERCENTAGE = \"percentage\",\n    FIXED = \"fixed\",\n    FREE_PRODUCT = \"free_product\",\n}\n\nexport enum OfferType {\n    PRODUCT_COUNT = \"products_count\",\n    PRODUCT_PURCHASE = \"order_amount\",\n}\n\nexport interface Discount {\n    type?: DiscountType;\n    value?: number;\n    min_spend?: number;\n    max_discount?: number;\n}\n\nexport interface OfferDetails {\n    based_on?: OfferType;\n    ends_at?: number;\n    start_value?: number;\n    end_value?: number;\n    current_value?: number;\n    discounts?: Discount[];\n}\n\nexport interface Offer {\n    id?: number;\n    type?: string;\n    title?: string;\n    description?: string;\n    details?: OfferDetails | null;\n}\n\n\nexport interface ProductDetail {\n    id?: number;\n    sku?: string;\n    name?: string;\n    description?: string;\n    url?: string;\n    promotion_title?: null;\n    subtitle?: null;\n    type?: string;\n    status?: string;\n    price?: number;\n    base_currency_price?: BaseCurrencyPrice;\n    sale_price?: number;\n    regular_price?: number;\n    starting_price?: null;\n    quantity?: null;\n    max_quantity?: number;\n    discount_ends?: null;\n    is_taxable?: boolean;\n    has_read_more?: boolean;\n    can_add_note?: boolean;\n    can_show_remained_quantity?: boolean;\n    can_upload_file?: boolean;\n    has_custom_form?: boolean;\n    has_metadata?: boolean;\n    is_on_sale?: boolean;\n    is_hidden_quantity?: boolean;\n    is_available?: boolean;\n    is_out_of_stock?: boolean;\n    is_require_shipping?: boolean;\n    weight?: null;\n    calories?: null;\n    image?: Image;\n    currency?: string;\n}\n\nexport interface BaseCurrencyPrice {\n    currency?: string;\n    amount?: number;\n}\n\nexport interface Image {\n    url?: string;\n    alt?: string;\n}\n\nexport interface UpdatedCart {\n    items: Array<Product>;\n    total: number;\n}\n",":host {\n  display: block;\n}","import { Component, Host, State, h } from \"@stencil/core\";\nimport {\n    type Discount,\n    DiscountType,\n    type Offer,\n    OfferType,\n    type UpdatedCart,\n} from \"./interfaces\";\nimport type { Product } from \"@salla.sa/twilight/types/common\";\n\n@Component({\n    tag: \"salla-conditional-offer\",\n    styleUrl: \"salla-conditional-offer.scss\",\n})\nexport class SallaConditionalOffer {\n\n    @State() offer: Offer = null;\n    @State() products: Record<string, Pick<Product, 'image' | 'url'>> = {}\n    @State() isLoading = true\n    @State() canRender = true\n\n    componentWillLoad() {\n        salla.onReady().then(() => {\n            if (!salla.config.get('store.features')?.includes('conditional-offer') || !salla.storage.get(\"cart\")?.summary?.count) {\n                throw new Error('feature or cart object does not existed');\n            }\n        })\n            .then(() => salla.api.cart.offers())\n            .then(({ data }: { data: Offer[] }) => {\n                //it's okay if there is an exception here, all thens will be skipped, and will catch the error,\n                this.offer = data.find(offer => offer.type === \"conditional\")\n                this.offer.details.discounts.unshift(({ value: 0, min_spend: 0 }))\n                return this.updateInitialOfferValue()\n            }).then(() => this.getProducts()).then(() => salla.event.on(\"cart::updated\", (updatedCart: UpdatedCart) => this.updateOfferValues(updatedCart)))\n            .catch(error => {\n                this.canRender = false\n                salla.logger.error('salla-conditional-offer:: Error', error)\n\n\n            }).finally(() => {\n                this.isLoading = false\n            })\n\n\n    }\n\n    private getProducts() {\n        const freeProductIDs = this.offer.details.discounts.filter(({ type }) => type === DiscountType.FREE_PRODUCT).map(({ value }) => value)\n        if (freeProductIDs.length > 0) {\n            return salla.product.fetch({ source: 'selected', source_value: freeProductIDs }).then(({ data }: { data: Array<Product> }) => {\n                data.forEach(({ id, url, image }) => {\n                    this.products[id] = { url, image }\n                })\n            })\n        }\n    }\n    private updateInitialOfferValue() {\n        return salla.api.cart.details().then(({ data: { cart } }: { data: { cart: UpdatedCart } }) => this.updateOfferValues(cart))\n    }\n\n    private updateOfferValues({ items, total }: UpdatedCart) {\n        const current_value = this.offer.details.based_on === OfferType.PRODUCT_COUNT ? items.reduce((count: number, { quantity }) => count + quantity, 0,) : total\n        //we need to assign the offer object a new reference to trigger re-rendering\n        this.offer = {\n            ...this.offer, details: {\n                ...this.offer?.details, current_value,\n            }\n        }\n        return this.offer\n    }\n\n    private getCheckpointContent(discount: Discount) {\n\n        if (discount.type === DiscountType.PERCENTAGE) return `${discount.value}%`\n\n        if (discount.type === DiscountType.FIXED) return salla.money(discount.value)\n\n        if (discount.type !== DiscountType.FREE_PRODUCT) {\n            salla.logger.error(`salla-conditional-offer:: unexpected type (${discount.type})!`);\n            return \"\";\n        }\n\n        const productItem = this.products[discount.value]\n\n        if (!productItem) {\n            salla.logger.error(`salla-conditional-offer:: there is no product with id (${discount.value})!`);\n            return \"\";\n        }\n\n        return <a class=\"s-conditional-offer-product-link\" href={productItem.url} >\n            <img\n                class=\"s-conditional-offer-checkpoint-image-content\"\n                loading=\"lazy\"\n                decoding=\"async\"\n                alt={productItem?.image?.alt || \"\"}\n                src={productItem?.image?.url} />\n        </a>\n\n\n\n    }\n\n    private getOfferType(discount: Discount): string {\n        const basedOn = this.offer.details?.based_on;\n        if (basedOn === OfferType.PRODUCT_COUNT) return salla.lang.choice(\"blocks.header.products_count\", discount.min_spend);\n        if (basedOn === OfferType.PRODUCT_PURCHASE) return salla.money(discount.min_spend);\n\n        salla.logger.warn(`salla-conditional-offer:: Unexpected offer detail's based_on value: ${basedOn}`);\n        return `${discount.min_spend}`;\n    }\n    private mapValueRanges(value: number, initialMinRange: number, initialMaxRange: number, newMinRange: number, newMaxRange: number) {\n\n        const newRange = ((value - initialMinRange) * (newMaxRange - newMinRange)) / (initialMaxRange - initialMinRange) + newMinRange;\n\n        return newRange > newMaxRange && !Number.isFinite(newRange) ? newMaxRange : newRange;\n    }\n\n    private getCheckPointView(discount: Discount, index: number) {\n        const checkpointIndex = this.offer.details.discounts.findIndex(({ min_spend }) => min_spend === discount.min_spend);\n        const previousCheckpointValue = this.offer.details.discounts[checkpointIndex - 1]?.min_spend ?? 0;\n        const progressPercentage = this.mapValueRanges(this.offer.details.current_value, previousCheckpointValue, discount.min_spend, 0, 100);\n        const isActive = discount.min_spend <= this.offer.details.current_value;\n\n        return (\n            <div class=\"s-conditional-offer-checkpoint-container\">\n                {index > 0 ? [\n                    <div key=\"progress-line\" class=\"s-conditional-offer-progress-line-container\">\n                        <div class=\"s-conditional-offer-progress-line-inactive\" />\n                        <div class=\"s-conditional-offer-progress-line-active\" style={{ width: `${progressPercentage}%` }} />\n                    </div>,\n                    <div key=\"checkpoint\" class={`s-conditional-offer-checkpoint ${isActive ? \"s-conditional-offer-active-checkpoint\" : \"\"}`} >\n                        <div class={`s-conditional-offer-item-avatar-content ${isActive ? \"active\" : \"\"}`} >\n                            {this.products && this.getCheckpointContent(discount)}\n                        </div>\n                        <div class={`s-conditional-offer-checkpoint-label ${isActive ? \"active\" : \"\"}`} innerHTML={this.getOfferType(discount)} />\n\n                    </div>\n                ] :\n                    <div key=\"label\" class={{ \"s-conditional-offer-checkpoint-label\": true, \"first-checkpoint\": index === 0, active: isActive }} innerHTML={this.getOfferType(discount)} />\n                }\n            </div>\n        );\n    }\n\n    private getLoadingSkeletonView() {\n        return <Host class=\"s-conditional-offer-container \" >\n            <div class=\"s-conditional-offer-skeleton-wrapper\">\n                <div class=\"s-conditional-offer-skeleton-title\">\n                    <salla-skeleton height=\"16px\" width=\"30%\" />\n                </div>\n\n                <div class=\"s-conditional-offer-skeleton-subtitle\">\n                    <salla-skeleton height=\"16px\" width=\"35%\" />\n                </div>\n                <div class=\"s-conditional-offer-skeleton-checkpoints-wrapper\">\n                    {Array(3).fill(null).map(() => (\n                        [<salla-skeleton key=\"checkpoint-line\" height=\"8px\" />,\n                        <div class=\"s-conditional-offer-skeleton-checkpoint\" key=\"checkpoint\">\n                            <salla-skeleton height=\"60px\" width=\"60px\" type=\"circle\" />\n                        </div>]\n                    ))}\n                </div>\n\n            </div>\n        </Host>\n    }\n\n    render() {\n        if (!this.canRender) return null\n        if (this.isLoading) return this.getLoadingSkeletonView()\n\n        return <Host class=\"s-conditional-offer-container\">\n            <div class=\"s-conditional-offer-title-wrapper\">\n                <div class=\"s-conditional-offer-title\">{this.offer.title}</div>\n                {this.offer.description ? <div class=\"s-conditional-offer-subtitle\">\n                    {this.offer.description} <i class=\"sicon-information\" />\n                </div> : null}\n            </div>\n            <div class=\"s-conditional-offer-progress-container\">\n                {this.offer.details.discounts.map((discount, index) => (\n                    <div class={{ \"flex-1\": index > 0 }} key={discount.min_spend}>\n                        {this.getCheckPointView(discount, index)}\n                    </div>\n                ))}\n            </div>\n        </Host>\n    }\n}\n"],"mappings":"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"}

package/dist/twilight/twilight.esm.js

@@ -1,5 +1,5 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import{p as e,b as t}from"./p-bdd00808.js";export{s as setNonce}from"./p-bdd00808.js";import{g as a}from"./p-8e070ed6.js";import"./p-f84bae34.js";const o=()=>{const t=import.meta.url;const a={};if(t!==""){a.resourcesUrl=new URL(".",t).href}return e(a)};o().then((e=>{a();return t(JSON.parse('[["p-95dc9706",[[0,"salla-offer",{"productCardComponent":[1,"product-card-component"],"offersList":[32],"userCurrency":[32],"isMultipleBank":[32],"title":[32],"currentPage":[32],"hasCustomComponent":[32],"isBankOffer":[32],"canRender":[32],"showOffer":[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]}]]],["p-838ba593",[[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]}]]],["p-5f361320",[[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]}]]],["p-30e67728",[[0,"salla-filters",{"filters":[1040],"isSidebarOpen":[32],"filtersData":[32],"apply":[32],"reset":[32],"getFilters":[64],"applyFilters":[64],"resetFilters":[64]}]]],["p-d27a3a0b",[[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]}]]],["p-0b229465",[[0,"salla-order-summary",{"orderId":[514,"order-id"],"codeCopied":[32],"noItemFound":[32],"order_items":[32]}]]],["p-1b869214",[[0,"salla-reviews",{"displayAllLink":[516,"display-all-link"],"source":[513],"sourceValue":[513,"source-value"],"limit":[514],"type":[1],"sort":[1],"hideCustomerInfo":[4,"hide-customer-info"],"reviews":[32],"isRTL":[32],"showReviews":[32],"testimonialText":[32],"displayAllLinkText":[32]}]]],["p-f0f3ff57",[[0,"salla-orders",{"params":[16],"loadMoreText":[1,"load-more-text"],"orderNumberText":[32],"totalOrderText":[32],"orderDateText":[32],"orderStatusText":[32],"noOrderText":[32],"load_more_text_trans":[32],"languageCode":[32],"orders":[32],"pagination":[32],"hasInfiniteScroll":[32],"total":[32],"nextPage":[32],"showPlaceholder":[32]}]]],["p-57de180e",[[0,"salla-advertisement",{"position":[32],"advertisements":[32],"advertIcon":[32],"currentSlug":[32]}]]],["p-2c451eb4",[[0,"salla-app-install-alert",{"data":[32],"ctaLink":[32],"open":[32],"closing":[32]}]]],["p-dabb0e14",[[0,"salla-apps-icons",{"hideTitle":[4,"hide-title"],"appsTitle":[1,"apps-title"],"vertical":[4],"apps":[32]}]]],["p-4242feaf",[[0,"salla-conditional-offer",{"offer":[32],"products":[32]}]]],["p-8c1b4c7c",[[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]}]]],["p-a0258069",[[0,"salla-installment",{"price":[1],"language":[1],"currency":[1],"tamaraIsActive":[32],"tabbyIsActive":[32],"spotiiIsActive":[32],"mispayActive":[32],"installment_sheria_text":[32]}]]],["p-511cee71",[[0,"salla-loyalty-prize-item",{"item":[16]}]]],["p-d3b196a8",[[0,"salla-metadata",{"entity":[1],"entityId":[2,"entity-id"],"specs":[32],"download":[32]}]]],["p-7a79eee0",[[0,"salla-payments",{"exclude":[1040]}]]],["p-3faa7926",[[0,"salla-social",{"links":[32],"iconsList":[32]}]]],["p-d0f8d8b6",[[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]}]]],["p-04ba1c39",[[4,"salla-conditional-fields",null,[[0,"change","changeHandler"]]]]],["p-9239b56b",[[0,"salla-notification-item",{"notification":[16]}]]],["p-cfb173cd",[[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]}],[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"],"blockTitle":[1,"block-title"],"hideTitle":[4,"hide-title"],"type":[1],"showFormAvatar":[4,"show-form-avatar"],"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"]]],[0,"salla-menu",{"source":[1],"sourceValue":[1,"source-value"],"topnav":[4],"useReactLink":[4,"use-react-link"],"limit":[2],"menus":[32]}],[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",{"breadcrumbs":[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-products-list",{"source":[1537],"sourceValue":[1032,"source-value"],"limit":[1026],"sortBy":[1025,"sort-by"],"filtersResults":[1540,"filters-results"],"horizontalCards":[516,"horizontal-cards"],"rowCards":[516,"row-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]}],[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-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-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],"isApplePayActive":[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-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]}],[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-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-progress-bar",{"donation":[1],"target":[1026],"value":[1026],"height":[1025],"header":[1025],"stripped":[1028],"message":[1025],"unit":[1025],"color":[1025]}],[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-rating-stars",{"name":[1],"size":[1],"value":[2],"reviews":[2]}],[0,"salla-skeleton",{"type":[1],"width":[1],"height":[1]}],[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]}],[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]}]]],["p-baf55d1d",[[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],"isMin":[32],"isRTL":[32],"reset":[64]}]]]]'),e)}));
+import{p as e,b as t}from"./p-bdd00808.js";export{s as setNonce}from"./p-bdd00808.js";import{g as a}from"./p-8e070ed6.js";import"./p-f84bae34.js";const o=()=>{const t=import.meta.url;const a={};if(t!==""){a.resourcesUrl=new URL(".",t).href}return e(a)};o().then((e=>{a();return t(JSON.parse('[["p-95dc9706",[[0,"salla-offer",{"productCardComponent":[1,"product-card-component"],"offersList":[32],"userCurrency":[32],"isMultipleBank":[32],"title":[32],"currentPage":[32],"hasCustomComponent":[32],"isBankOffer":[32],"canRender":[32],"showOffer":[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]}]]],["p-838ba593",[[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]}]]],["p-5f361320",[[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]}]]],["p-30e67728",[[0,"salla-filters",{"filters":[1040],"isSidebarOpen":[32],"filtersData":[32],"apply":[32],"reset":[32],"getFilters":[64],"applyFilters":[64],"resetFilters":[64]}]]],["p-d27a3a0b",[[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]}]]],["p-0b229465",[[0,"salla-order-summary",{"orderId":[514,"order-id"],"codeCopied":[32],"noItemFound":[32],"order_items":[32]}]]],["p-1b869214",[[0,"salla-reviews",{"displayAllLink":[516,"display-all-link"],"source":[513],"sourceValue":[513,"source-value"],"limit":[514],"type":[1],"sort":[1],"hideCustomerInfo":[4,"hide-customer-info"],"reviews":[32],"isRTL":[32],"showReviews":[32],"testimonialText":[32],"displayAllLinkText":[32]}]]],["p-f49f7b11",[[0,"salla-conditional-offer",{"offer":[32],"products":[32],"isLoading":[32],"canRender":[32]}]]],["p-f0f3ff57",[[0,"salla-orders",{"params":[16],"loadMoreText":[1,"load-more-text"],"orderNumberText":[32],"totalOrderText":[32],"orderDateText":[32],"orderStatusText":[32],"noOrderText":[32],"load_more_text_trans":[32],"languageCode":[32],"orders":[32],"pagination":[32],"hasInfiniteScroll":[32],"total":[32],"nextPage":[32],"showPlaceholder":[32]}]]],["p-57de180e",[[0,"salla-advertisement",{"position":[32],"advertisements":[32],"advertIcon":[32],"currentSlug":[32]}]]],["p-2c451eb4",[[0,"salla-app-install-alert",{"data":[32],"ctaLink":[32],"open":[32],"closing":[32]}]]],["p-dabb0e14",[[0,"salla-apps-icons",{"hideTitle":[4,"hide-title"],"appsTitle":[1,"apps-title"],"vertical":[4],"apps":[32]}]]],["p-8c1b4c7c",[[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]}]]],["p-a0258069",[[0,"salla-installment",{"price":[1],"language":[1],"currency":[1],"tamaraIsActive":[32],"tabbyIsActive":[32],"spotiiIsActive":[32],"mispayActive":[32],"installment_sheria_text":[32]}]]],["p-511cee71",[[0,"salla-loyalty-prize-item",{"item":[16]}]]],["p-d3b196a8",[[0,"salla-metadata",{"entity":[1],"entityId":[2,"entity-id"],"specs":[32],"download":[32]}]]],["p-7a79eee0",[[0,"salla-payments",{"exclude":[1040]}]]],["p-3faa7926",[[0,"salla-social",{"links":[32],"iconsList":[32]}]]],["p-d0f8d8b6",[[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]}]]],["p-04ba1c39",[[4,"salla-conditional-fields",null,[[0,"change","changeHandler"]]]]],["p-9239b56b",[[0,"salla-notification-item",{"notification":[16]}]]],["p-cfb173cd",[[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]}],[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"],"blockTitle":[1,"block-title"],"hideTitle":[4,"hide-title"],"type":[1],"showFormAvatar":[4,"show-form-avatar"],"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"]]],[0,"salla-menu",{"source":[1],"sourceValue":[1,"source-value"],"topnav":[4],"useReactLink":[4,"use-react-link"],"limit":[2],"menus":[32]}],[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",{"breadcrumbs":[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-products-list",{"source":[1537],"sourceValue":[1032,"source-value"],"limit":[1026],"sortBy":[1025,"sort-by"],"filtersResults":[1540,"filters-results"],"horizontalCards":[516,"horizontal-cards"],"rowCards":[516,"row-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]}],[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-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-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],"isApplePayActive":[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-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]}],[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-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-progress-bar",{"donation":[1],"target":[1026],"value":[1026],"height":[1025],"header":[1025],"stripped":[1028],"message":[1025],"unit":[1025],"color":[1025]}],[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-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]}]]],["p-baf55d1d",[[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],"isMin":[32],"isRTL":[32],"reset":[64]}]]]]'),e)}));
 //# sourceMappingURL=twilight.esm.js.map

package/dist/twilight/twilight.esm.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":";;;kJAKA,MAAMA,EAAe,KAyBjB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACnBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACrD,CACI,OAAOC,EAAeJ,EAAK,EC/B/BH,IAAeQ,MAAKC,IAClBC,IACA,OAAOC,EAAcC,KAAAC,MAAA,0upBAAuCJ,EAAA"}
+{"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":";;;kJAKA,MAAMA,EAAe,KAyBjB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACnBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACrD,CACI,OAAOC,EAAeJ,EAAK,EC/B/BH,IAAeQ,MAAKC,IAClBC,IACA,OAAOC,EAAcC,KAAAC,MAAA,4wpBAAuCJ,EAAA"}

package/dist/types/components/salla-conditional-offer/salla-conditional-offer.d.ts

@@ -3,8 +3,9 @@ import type { Product } from "@salla.sa/twilight/types/common";
 export declare class SallaConditionalOffer {
   offer: Offer;
   products: Record<string, Pick<Product, 'image' | 'url'>>;
-  private canRender;
-  componentWillLoad(): any;
+  isLoading: boolean;
+  canRender: boolean;
+  componentWillLoad(): void;
   private getProducts;
   private updateInitialOfferValue;
   private updateOfferValues;
@@ -12,5 +13,6 @@ export declare class SallaConditionalOffer {
   private getOfferType;
   private mapValueRanges;
   private getCheckPointView;
+  private getLoadingSkeletonView;
   render(): any;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salla.sa/twilight-components",
-  "version": "2.13.69",
+  "version": "2.13.70",
   "license": "GPL-3.0",
   "author": "Salla Team <support@salla.dev> (https://salla.dev)",
   "bugs": {
@@ -79,9 +79,9 @@
     "typescript": "^5.2.2"
   },
   "dependencies": {
-    "@salla.sa/applepay": "^2.13.69",
-    "@salla.sa/twilight": "^2.13.69",
-    "@salla.sa/twilight-tailwind-theme": "^2.13.69",
+    "@salla.sa/applepay": "^2.13.70",
+    "@salla.sa/twilight": "^2.13.70",
+    "@salla.sa/twilight-tailwind-theme": "^2.13.70",
     "@types/node": "^20.4.8",
     "animejs": "^3.2.1",
     "filepond": "^4.30.4",
@@ -99,5 +99,5 @@
     "vanilla-lazyload": "^17.8.3",
     "vanilla-picker": "^2.12.1"
   },
-  "gitHead": "018fd28044203d57d3187b9f33bc4e791e78e14f"
+  "gitHead": "9895463658f9192904191f2d3f990978d0660e3d"
 }

package/dist/twilight/p-4242feaf.entry.js

@@ -1,5 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-import{r as i,h as t,H as e}from"./p-bdd00808.js";var o;(function(i){i["PERCENTAGE"]="percentage";i["FIXED"]="fixed";i["FREE_PRODUCT"]="free_product"})(o||(o={}));var s;(function(i){i["PRODUCT_COUNT"]="products_count";i["PRODUCT_PURCHASE"]="order_amount"})(s||(s={}));const n=":host{display:block}";const a=class{constructor(t){i(this,t);this.canRender=true;this.offer=null;this.products={}}componentWillLoad(){return salla.onReady().then((()=>{var i,t,e;if(!((i=salla.config.get("store.features"))===null||i===void 0?void 0:i.includes("conditional-offer"))||!((e=(t=salla.storage.get("cart"))===null||t===void 0?void 0:t.summary)===null||e===void 0?void 0:e.count)){throw new Error("feature or cart object does not existed")}})).then((()=>salla.api.cart.offers())).then((({data:i})=>{this.offer=i.find((i=>i.type==="conditional"));this.offer.details.discounts.unshift({value:0,min_spend:0});return this.updateInitialOfferValue()})).then((()=>this.getProducts())).then((()=>salla.event.on("cart::updated",(i=>this.updateOfferValues(i))))).catch((i=>{this.canRender=false;salla.logger.error("salla-conditional-offer:: Error",i)}))}getProducts(){const i=this.offer.details.discounts.filter((({type:i})=>i===o.FREE_PRODUCT)).map((({value:i})=>i));if(i.length>0){return salla.product.fetch({source:"selected",source_value:i}).then((({data:i})=>{i.forEach((({id:i,url:t,image:e})=>{this.products[i]={url:t,image:e}}))}))}}updateInitialOfferValue(){return salla.api.cart.details().then((({data:{cart:i}})=>this.updateOfferValues(i)))}updateOfferValues({items:i,total:t}){var e;const o=this.offer.details.based_on===s.PRODUCT_COUNT?i.reduce(((i,{quantity:t})=>i+t),0):t;this.offer=Object.assign(Object.assign({},this.offer),{details:Object.assign(Object.assign({},(e=this.offer)===null||e===void 0?void 0:e.details),{current_value:o})});return this.offer}getCheckpointContent(i){var e,s;if(i.type===o.PERCENTAGE)return`${i.value}%`;if(i.type===o.FIXED)return salla.money(i.value);if(i.type!==o.FREE_PRODUCT){salla.logger.error(`salla-conditional-offer:: unexpected type (${i.type})!`);return""}const n=this.products[i.value];if(!n){salla.logger.error(`salla-conditional-offer:: there is no product with id (${i.value})!`);return""}return t("a",{class:"s-conditional-offer-product-link",href:n.url},t("img",{class:"s-conditional-offer-checkpoint-image-content",loading:"lazy",decoding:"async",alt:((e=n===null||n===void 0?void 0:n.image)===null||e===void 0?void 0:e.alt)||"",src:(s=n===null||n===void 0?void 0:n.image)===null||s===void 0?void 0:s.url}))}getOfferType(i){var t;const e=(t=this.offer.details)===null||t===void 0?void 0:t.based_on;if(e===s.PRODUCT_COUNT)return salla.lang.choice("blocks.header.products_count",i.min_spend);if(e===s.PRODUCT_PURCHASE)return salla.money(i.min_spend);salla.logger.warn(`salla-conditional-offer:: Unexpected offer detail's based_on value: ${e}`);return`${i.min_spend}`}mapValueRanges(i,t,e,o,s){const n=(i-t)*(s-o)/(e-t)+o;return n>s&&!Number.isFinite(n)?s:n}getCheckPointView(i,e){var o,s;const n=this.offer.details.discounts.findIndex((({min_spend:t})=>t===i.min_spend));const a=(s=(o=this.offer.details.discounts[n-1])===null||o===void 0?void 0:o.min_spend)!==null&&s!==void 0?s:0;const l=this.mapValueRanges(this.offer.details.current_value,a,i.min_spend,0,100);const r=i.min_spend<=this.offer.details.current_value;return t("div",{class:"s-conditional-offer-checkpoint-container"},e>0?[t("div",{key:"progress-line",class:"s-conditional-offer-progress-line-container"},t("div",{class:"s-conditional-offer-progress-line-inactive"}),t("div",{class:"s-conditional-offer-progress-line-active",style:{width:`${l}%`}})),t("div",{key:"checkpoint",class:`s-conditional-offer-checkpoint ${r?"s-conditional-offer-active-checkpoint":""}`},t("div",{class:`s-conditional-offer-item-avatar-content ${r?"active":""}`},this.products&&this.getCheckpointContent(i)),t("div",{class:`s-conditional-offer-checkpoint-label ${r?"active":""}`,innerHTML:this.getOfferType(i)}))]:t("div",{key:"label",class:{"s-conditional-offer-checkpoint-label":true,"first-checkpoint":e===0,active:r},innerHTML:this.getOfferType(i)}))}render(){if(!this.canRender)return null;return t(e,{class:"s-conditional-offer-container"},t("div",{class:"s-conditional-offer-title-wrapper"},t("div",{class:"s-conditional-offer-title"},this.offer.title),this.offer.description?t("div",{class:"s-conditional-offer-subtitle"},this.offer.description," ",t("i",{class:"sicon-information"})):null),t("div",{class:"s-conditional-offer-progress-container"},this.offer.details.discounts.map(((i,e)=>t("div",{class:{"flex-1":e>0},key:i.min_spend},this.getCheckPointView(i,e))))))}};a.style=n;export{a as salla_conditional_offer};
-//# sourceMappingURL=p-4242feaf.entry.js.map

package/dist/twilight/p-4242feaf.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["DiscountType","OfferType","sallaConditionalOfferCss","SallaConditionalOffer","this","canRender","componentWillLoad","salla","onReady","then","_a","config","get","includes","_c","_b","storage","summary","count","Error","api","cart","offers","data","offer","find","type","details","discounts","unshift","value","min_spend","updateInitialOfferValue","getProducts","event","on","updatedCart","updateOfferValues","catch","error","logger","freeProductIDs","filter","FREE_PRODUCT","map","length","product","fetch","source","source_value","forEach","id","url","image","products","items","total","current_value","based_on","PRODUCT_COUNT","reduce","quantity","Object","assign","getCheckpointContent","discount","PERCENTAGE","FIXED","money","productItem","h","class","href","loading","decoding","alt","src","getOfferType","basedOn","lang","choice","PRODUCT_PURCHASE","warn","mapValueRanges","initialMinRange","initialMaxRange","newMinRange","newMaxRange","newRange","Number","isFinite","getCheckPointView","index","checkpointIndex","findIndex","previousCheckpointValue","progressPercentage","isActive","key","style","width","innerHTML","active","render","Host","title","description"],"sources":["src/components/salla-conditional-offer/interfaces.ts","src/components/salla-conditional-offer/salla-conditional-offer.scss?tag=salla-conditional-offer","src/components/salla-conditional-offer/salla-conditional-offer.tsx"],"sourcesContent":["import type { Product } from \"@salla.sa/twilight/types/common\";\n\nexport enum DiscountType {\n    PERCENTAGE = \"percentage\",\n    FIXED = \"fixed\",\n    FREE_PRODUCT = \"free_product\",\n}\n\nexport enum OfferType {\n    PRODUCT_COUNT = \"products_count\",\n    PRODUCT_PURCHASE = \"order_amount\",\n}\n\nexport interface Discount {\n    type?: DiscountType;\n    value?: number;\n    min_spend?: number;\n    max_discount?: number;\n}\n\nexport interface OfferDetails {\n    based_on?: OfferType;\n    ends_at?: number;\n    start_value?: number;\n    end_value?: number;\n    current_value?: number;\n    discounts?: Discount[];\n}\n\nexport interface Offer {\n    id?: number;\n    type?: string;\n    title?: string;\n    description?: string;\n    details?: OfferDetails | null;\n}\n\n\nexport interface ProductDetail {\n    id?: number;\n    sku?: string;\n    name?: string;\n    description?: string;\n    url?: string;\n    promotion_title?: null;\n    subtitle?: null;\n    type?: string;\n    status?: string;\n    price?: number;\n    base_currency_price?: BaseCurrencyPrice;\n    sale_price?: number;\n    regular_price?: number;\n    starting_price?: null;\n    quantity?: null;\n    max_quantity?: number;\n    discount_ends?: null;\n    is_taxable?: boolean;\n    has_read_more?: boolean;\n    can_add_note?: boolean;\n    can_show_remained_quantity?: boolean;\n    can_upload_file?: boolean;\n    has_custom_form?: boolean;\n    has_metadata?: boolean;\n    is_on_sale?: boolean;\n    is_hidden_quantity?: boolean;\n    is_available?: boolean;\n    is_out_of_stock?: boolean;\n    is_require_shipping?: boolean;\n    weight?: null;\n    calories?: null;\n    image?: Image;\n    currency?: string;\n}\n\nexport interface BaseCurrencyPrice {\n    currency?: string;\n    amount?: number;\n}\n\nexport interface Image {\n    url?: string;\n    alt?: string;\n}\n\nexport interface UpdatedCart {\n    items: Array<Product>;\n    total: number;\n}\n",":host {\n  display: block;\n}","import { Component, Host, State, h } from \"@stencil/core\";\nimport {\n    type Discount,\n    DiscountType,\n    type Offer,\n    OfferType,\n    type UpdatedCart,\n} from \"./interfaces\";\nimport type { Product } from \"@salla.sa/twilight/types/common\";\n\n@Component({\n    tag: \"salla-conditional-offer\",\n    styleUrl: \"salla-conditional-offer.scss\",\n})\nexport class SallaConditionalOffer {\n\n    @State() offer: Offer = null;\n    @State() products: Record<string, Pick<Product, 'image' | 'url'>> = {}\n\n    private canRender = true\n\n    componentWillLoad() {\n        return salla.onReady().then(() => {\n            if (!salla.config.get('store.features')?.includes('conditional-offer') || !salla.storage.get(\"cart\")?.summary?.count) {\n                throw new Error('feature or cart object does not existed');\n            }\n        })\n            .then(() => salla.api.cart.offers())\n            .then(({ data }: { data: Offer[] }) => {\n                //it's okay if there is an exception here, all thens will be skipped, and will catch the error,\n                this.offer = data.find(offer => offer.type === \"conditional\")\n                this.offer.details.discounts.unshift(({ value: 0, min_spend: 0 }))\n                return this.updateInitialOfferValue()\n            }).then(() => this.getProducts()).then(() => salla.event.on(\"cart::updated\", (updatedCart: UpdatedCart) => this.updateOfferValues(updatedCart)))\n            .catch(error => {\n                this.canRender = false\n                salla.logger.error('salla-conditional-offer:: Error', error)\n            });\n\n\n    }\n\n    private getProducts() {\n        const freeProductIDs = this.offer.details.discounts.filter(({ type }) => type === DiscountType.FREE_PRODUCT).map(({ value }) => value)\n        if (freeProductIDs.length > 0) {\n            return salla.product.fetch({ source: 'selected', source_value: freeProductIDs }).then(({ data }: { data: Array<Product> }) => {\n                data.forEach(({ id, url, image }) => {\n                    this.products[id] = { url, image }\n                })\n            })\n        }\n    }\n    private updateInitialOfferValue() {\n        return salla.api.cart.details().then(({ data: { cart } }: { data: { cart: UpdatedCart } }) => this.updateOfferValues(cart))\n    }\n\n    private updateOfferValues({ items, total }: UpdatedCart) {\n        const current_value = this.offer.details.based_on === OfferType.PRODUCT_COUNT ? items.reduce((count: number, { quantity }) => count + quantity, 0,) : total\n        //we need to assign the offer object a new reference to trigger re-rendering\n        this.offer = {\n            ...this.offer, details: {\n                ...this.offer?.details, current_value,\n            }\n        }\n        return this.offer\n    }\n\n    private getCheckpointContent(discount: Discount) {\n\n        if (discount.type === DiscountType.PERCENTAGE) return `${discount.value}%`\n\n        if (discount.type === DiscountType.FIXED) return salla.money(discount.value)\n\n        if (discount.type !== DiscountType.FREE_PRODUCT) {\n            salla.logger.error(`salla-conditional-offer:: unexpected type (${discount.type})!`);\n            return \"\";\n        }\n\n        const productItem = this.products[discount.value]\n\n        if (!productItem) {\n            salla.logger.error(`salla-conditional-offer:: there is no product with id (${discount.value})!`);\n            return \"\";\n        }\n\n        return <a class=\"s-conditional-offer-product-link\" href={productItem.url} >\n            <img\n                class=\"s-conditional-offer-checkpoint-image-content\"\n                loading=\"lazy\"\n                decoding=\"async\"\n                alt={productItem?.image?.alt || \"\"}\n                src={productItem?.image?.url} />\n        </a>\n\n\n\n    }\n\n    private getOfferType(discount: Discount): string {\n        const basedOn = this.offer.details?.based_on;\n        if (basedOn === OfferType.PRODUCT_COUNT) return salla.lang.choice(\"blocks.header.products_count\", discount.min_spend);\n        if (basedOn === OfferType.PRODUCT_PURCHASE) return salla.money(discount.min_spend);\n\n        salla.logger.warn(`salla-conditional-offer:: Unexpected offer detail's based_on value: ${basedOn}`);\n        return `${discount.min_spend}`;\n    }\n    private mapValueRanges(value: number, initialMinRange: number, initialMaxRange: number, newMinRange: number, newMaxRange: number) {\n\n        const newRange = ((value - initialMinRange) * (newMaxRange - newMinRange)) / (initialMaxRange - initialMinRange) + newMinRange;\n\n        return newRange > newMaxRange && !Number.isFinite(newRange) ? newMaxRange : newRange;\n    }\n\n    private getCheckPointView(discount: Discount, index: number) {\n        const checkpointIndex = this.offer.details.discounts.findIndex(({ min_spend }) => min_spend === discount.min_spend);\n        const previousCheckpointValue = this.offer.details.discounts[checkpointIndex - 1]?.min_spend ?? 0;\n        const progressPercentage = this.mapValueRanges(this.offer.details.current_value, previousCheckpointValue, discount.min_spend, 0, 100);\n        const isActive = discount.min_spend <= this.offer.details.current_value;\n\n        return (\n            <div class=\"s-conditional-offer-checkpoint-container\">\n                {index > 0 ? [\n                    <div key=\"progress-line\" class=\"s-conditional-offer-progress-line-container\">\n                        <div class=\"s-conditional-offer-progress-line-inactive\" />\n                        <div class=\"s-conditional-offer-progress-line-active\" style={{ width: `${progressPercentage}%` }} />\n                    </div>,\n                    <div key=\"checkpoint\" class={`s-conditional-offer-checkpoint ${isActive ? \"s-conditional-offer-active-checkpoint\" : \"\"}`} >\n                        <div class={`s-conditional-offer-item-avatar-content ${isActive ? \"active\" : \"\"}`} >\n                            {this.products && this.getCheckpointContent(discount)}\n                        </div>\n                        <div class={`s-conditional-offer-checkpoint-label ${isActive ? \"active\" : \"\"}`} innerHTML={this.getOfferType(discount)} />\n\n                    </div>\n                ] :\n                    <div key=\"label\" class={{ \"s-conditional-offer-checkpoint-label\": true, \"first-checkpoint\": index === 0, active: isActive }} innerHTML={this.getOfferType(discount)} />\n                }\n            </div>\n        );\n    }\n\n    render() {\n        if (!this.canRender) return null\n\n        return <Host class=\"s-conditional-offer-container\">\n            <div class=\"s-conditional-offer-title-wrapper\">\n                <div class=\"s-conditional-offer-title\">{this.offer.title}</div>\n                {this.offer.description ? <div class=\"s-conditional-offer-subtitle\">\n                    {this.offer.description} <i class=\"sicon-information\" />\n                </div> : null}\n            </div>\n            <div class=\"s-conditional-offer-progress-container\">\n                {this.offer.details.discounts.map((discount, index) => (\n                    <div class={{ \"flex-1\": index > 0 }} key={discount.min_spend}>\n                        {this.getCheckPointView(discount, index)}\n                    </div>\n                ))}\n            </div>\n        </Host>\n    }\n}\n"],"mappings":"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"}

package/dist/twilight/p-b3d8f527.system.entry.js

@@ -1,5 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-System.register(["./p-f422bbf9.system.js"],(function(e){"use strict";var t,n,i;return{setters:[function(e){t=e.r;n=e.h;i=e.H}],execute:function(){var o;(function(e){e["PERCENTAGE"]="percentage";e["FIXED"]="fixed";e["FREE_PRODUCT"]="free_product"})(o||(o={}));var r;(function(e){e["PRODUCT_COUNT"]="products_count";e["PRODUCT_PURCHASE"]="order_amount"})(r||(r={}));var a=":host{display:block}";var s=e("salla_conditional_offer",function(){function e(e){t(this,e);this.canRender=true;this.offer=null;this.products={}}e.prototype.componentWillLoad=function(){var e=this;return salla.onReady().then((function(){var e,t,n;if(!((e=salla.config.get("store.features"))===null||e===void 0?void 0:e.includes("conditional-offer"))||!((n=(t=salla.storage.get("cart"))===null||t===void 0?void 0:t.summary)===null||n===void 0?void 0:n.count)){throw new Error("feature or cart object does not existed")}})).then((function(){return salla.api.cart.offers()})).then((function(t){var n=t.data;e.offer=n.find((function(e){return e.type==="conditional"}));e.offer.details.discounts.unshift({value:0,min_spend:0});return e.updateInitialOfferValue()})).then((function(){return e.getProducts()})).then((function(){return salla.event.on("cart::updated",(function(t){return e.updateOfferValues(t)}))})).catch((function(t){e.canRender=false;salla.logger.error("salla-conditional-offer:: Error",t)}))};e.prototype.getProducts=function(){var e=this;var t=this.offer.details.discounts.filter((function(e){var t=e.type;return t===o.FREE_PRODUCT})).map((function(e){var t=e.value;return t}));if(t.length>0){return salla.product.fetch({source:"selected",source_value:t}).then((function(t){var n=t.data;n.forEach((function(t){var n=t.id,i=t.url,o=t.image;e.products[n]={url:i,image:o}}))}))}};e.prototype.updateInitialOfferValue=function(){var e=this;return salla.api.cart.details().then((function(t){var n=t.data.cart;return e.updateOfferValues(n)}))};e.prototype.updateOfferValues=function(e){var t=e.items,n=e.total;var i;var o=this.offer.details.based_on===r.PRODUCT_COUNT?t.reduce((function(e,t){var n=t.quantity;return e+n}),0):n;this.offer=Object.assign(Object.assign({},this.offer),{details:Object.assign(Object.assign({},(i=this.offer)===null||i===void 0?void 0:i.details),{current_value:o})});return this.offer};e.prototype.getCheckpointContent=function(e){var t,i;if(e.type===o.PERCENTAGE)return"".concat(e.value,"%");if(e.type===o.FIXED)return salla.money(e.value);if(e.type!==o.FREE_PRODUCT){salla.logger.error("salla-conditional-offer:: unexpected type (".concat(e.type,")!"));return""}var r=this.products[e.value];if(!r){salla.logger.error("salla-conditional-offer:: there is no product with id (".concat(e.value,")!"));return""}return n("a",{class:"s-conditional-offer-product-link",href:r.url},n("img",{class:"s-conditional-offer-checkpoint-image-content",loading:"lazy",decoding:"async",alt:((t=r===null||r===void 0?void 0:r.image)===null||t===void 0?void 0:t.alt)||"",src:(i=r===null||r===void 0?void 0:r.image)===null||i===void 0?void 0:i.url}))};e.prototype.getOfferType=function(e){var t;var n=(t=this.offer.details)===null||t===void 0?void 0:t.based_on;if(n===r.PRODUCT_COUNT)return salla.lang.choice("blocks.header.products_count",e.min_spend);if(n===r.PRODUCT_PURCHASE)return salla.money(e.min_spend);salla.logger.warn("salla-conditional-offer:: Unexpected offer detail's based_on value: ".concat(n));return"".concat(e.min_spend)};e.prototype.mapValueRanges=function(e,t,n,i,o){var r=(e-t)*(o-i)/(n-t)+i;return r>o&&!Number.isFinite(r)?o:r};e.prototype.getCheckPointView=function(e,t){var i,o;var r=this.offer.details.discounts.findIndex((function(t){var n=t.min_spend;return n===e.min_spend}));var a=(o=(i=this.offer.details.discounts[r-1])===null||i===void 0?void 0:i.min_spend)!==null&&o!==void 0?o:0;var s=this.mapValueRanges(this.offer.details.current_value,a,e.min_spend,0,100);var c=e.min_spend<=this.offer.details.current_value;return n("div",{class:"s-conditional-offer-checkpoint-container"},t>0?[n("div",{key:"progress-line",class:"s-conditional-offer-progress-line-container"},n("div",{class:"s-conditional-offer-progress-line-inactive"}),n("div",{class:"s-conditional-offer-progress-line-active",style:{width:"".concat(s,"%")}})),n("div",{key:"checkpoint",class:"s-conditional-offer-checkpoint ".concat(c?"s-conditional-offer-active-checkpoint":"")},n("div",{class:"s-conditional-offer-item-avatar-content ".concat(c?"active":"")},this.products&&this.getCheckpointContent(e)),n("div",{class:"s-conditional-offer-checkpoint-label ".concat(c?"active":""),innerHTML:this.getOfferType(e)}))]:n("div",{key:"label",class:{"s-conditional-offer-checkpoint-label":true,"first-checkpoint":t===0,active:c},innerHTML:this.getOfferType(e)}))};e.prototype.render=function(){var e=this;if(!this.canRender)return null;return n(i,{class:"s-conditional-offer-container"},n("div",{class:"s-conditional-offer-title-wrapper"},n("div",{class:"s-conditional-offer-title"},this.offer.title),this.offer.description?n("div",{class:"s-conditional-offer-subtitle"},this.offer.description," ",n("i",{class:"sicon-information"})):null),n("div",{class:"s-conditional-offer-progress-container"},this.offer.details.discounts.map((function(t,i){return n("div",{class:{"flex-1":i>0},key:t.min_spend},e.getCheckPointView(t,i))}))))};return e}());s.style=a}}}));
-//# sourceMappingURL=p-b3d8f527.system.entry.js.map

package/dist/twilight/p-b3d8f527.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["DiscountType","OfferType","sallaConditionalOfferCss","SallaConditionalOffer","exports","this","canRender","class_1","prototype","componentWillLoad","_this","salla","onReady","then","_a","config","get","includes","_c","_b","storage","summary","count","Error","api","cart","offers","_d","data","offer","find","type","details","discounts","unshift","value","min_spend","updateInitialOfferValue","getProducts","event","on","updatedCart","updateOfferValues","catch","error","logger","freeProductIDs","filter","FREE_PRODUCT","map","length","product","fetch","source","source_value","forEach","id","url","image","products","items","total","current_value","based_on","PRODUCT_COUNT","reduce","quantity","Object","assign","getCheckpointContent","discount","PERCENTAGE","concat","FIXED","money","productItem","h","class","href","loading","decoding","alt","src","getOfferType","basedOn","lang","choice","PRODUCT_PURCHASE","warn","mapValueRanges","initialMinRange","initialMaxRange","newMinRange","newMaxRange","newRange","Number","isFinite","getCheckPointView","index","checkpointIndex","findIndex","previousCheckpointValue","progressPercentage","isActive","key","style","width","innerHTML","active","render","Host","title","description"],"sources":["src/components/salla-conditional-offer/interfaces.ts","src/components/salla-conditional-offer/salla-conditional-offer.scss?tag=salla-conditional-offer","src/components/salla-conditional-offer/salla-conditional-offer.tsx"],"sourcesContent":["import type { Product } from \"@salla.sa/twilight/types/common\";\n\nexport enum DiscountType {\n    PERCENTAGE = \"percentage\",\n    FIXED = \"fixed\",\n    FREE_PRODUCT = \"free_product\",\n}\n\nexport enum OfferType {\n    PRODUCT_COUNT = \"products_count\",\n    PRODUCT_PURCHASE = \"order_amount\",\n}\n\nexport interface Discount {\n    type?: DiscountType;\n    value?: number;\n    min_spend?: number;\n    max_discount?: number;\n}\n\nexport interface OfferDetails {\n    based_on?: OfferType;\n    ends_at?: number;\n    start_value?: number;\n    end_value?: number;\n    current_value?: number;\n    discounts?: Discount[];\n}\n\nexport interface Offer {\n    id?: number;\n    type?: string;\n    title?: string;\n    description?: string;\n    details?: OfferDetails | null;\n}\n\n\nexport interface ProductDetail {\n    id?: number;\n    sku?: string;\n    name?: string;\n    description?: string;\n    url?: string;\n    promotion_title?: null;\n    subtitle?: null;\n    type?: string;\n    status?: string;\n    price?: number;\n    base_currency_price?: BaseCurrencyPrice;\n    sale_price?: number;\n    regular_price?: number;\n    starting_price?: null;\n    quantity?: null;\n    max_quantity?: number;\n    discount_ends?: null;\n    is_taxable?: boolean;\n    has_read_more?: boolean;\n    can_add_note?: boolean;\n    can_show_remained_quantity?: boolean;\n    can_upload_file?: boolean;\n    has_custom_form?: boolean;\n    has_metadata?: boolean;\n    is_on_sale?: boolean;\n    is_hidden_quantity?: boolean;\n    is_available?: boolean;\n    is_out_of_stock?: boolean;\n    is_require_shipping?: boolean;\n    weight?: null;\n    calories?: null;\n    image?: Image;\n    currency?: string;\n}\n\nexport interface BaseCurrencyPrice {\n    currency?: string;\n    amount?: number;\n}\n\nexport interface Image {\n    url?: string;\n    alt?: string;\n}\n\nexport interface UpdatedCart {\n    items: Array<Product>;\n    total: number;\n}\n",":host {\n  display: block;\n}","import { Component, Host, State, h } from \"@stencil/core\";\nimport {\n    type Discount,\n    DiscountType,\n    type Offer,\n    OfferType,\n    type UpdatedCart,\n} from \"./interfaces\";\nimport type { Product } from \"@salla.sa/twilight/types/common\";\n\n@Component({\n    tag: \"salla-conditional-offer\",\n    styleUrl: \"salla-conditional-offer.scss\",\n})\nexport class SallaConditionalOffer {\n\n    @State() offer: Offer = null;\n    @State() products: Record<string, Pick<Product, 'image' | 'url'>> = {}\n\n    private canRender = true\n\n    componentWillLoad() {\n        return salla.onReady().then(() => {\n            if (!salla.config.get('store.features')?.includes('conditional-offer') || !salla.storage.get(\"cart\")?.summary?.count) {\n                throw new Error('feature or cart object does not existed');\n            }\n        })\n            .then(() => salla.api.cart.offers())\n            .then(({ data }: { data: Offer[] }) => {\n                //it's okay if there is an exception here, all thens will be skipped, and will catch the error,\n                this.offer = data.find(offer => offer.type === \"conditional\")\n                this.offer.details.discounts.unshift(({ value: 0, min_spend: 0 }))\n                return this.updateInitialOfferValue()\n            }).then(() => this.getProducts()).then(() => salla.event.on(\"cart::updated\", (updatedCart: UpdatedCart) => this.updateOfferValues(updatedCart)))\n            .catch(error => {\n                this.canRender = false\n                salla.logger.error('salla-conditional-offer:: Error', error)\n            });\n\n\n    }\n\n    private getProducts() {\n        const freeProductIDs = this.offer.details.discounts.filter(({ type }) => type === DiscountType.FREE_PRODUCT).map(({ value }) => value)\n        if (freeProductIDs.length > 0) {\n            return salla.product.fetch({ source: 'selected', source_value: freeProductIDs }).then(({ data }: { data: Array<Product> }) => {\n                data.forEach(({ id, url, image }) => {\n                    this.products[id] = { url, image }\n                })\n            })\n        }\n    }\n    private updateInitialOfferValue() {\n        return salla.api.cart.details().then(({ data: { cart } }: { data: { cart: UpdatedCart } }) => this.updateOfferValues(cart))\n    }\n\n    private updateOfferValues({ items, total }: UpdatedCart) {\n        const current_value = this.offer.details.based_on === OfferType.PRODUCT_COUNT ? items.reduce((count: number, { quantity }) => count + quantity, 0,) : total\n        //we need to assign the offer object a new reference to trigger re-rendering\n        this.offer = {\n            ...this.offer, details: {\n                ...this.offer?.details, current_value,\n            }\n        }\n        return this.offer\n    }\n\n    private getCheckpointContent(discount: Discount) {\n\n        if (discount.type === DiscountType.PERCENTAGE) return `${discount.value}%`\n\n        if (discount.type === DiscountType.FIXED) return salla.money(discount.value)\n\n        if (discount.type !== DiscountType.FREE_PRODUCT) {\n            salla.logger.error(`salla-conditional-offer:: unexpected type (${discount.type})!`);\n            return \"\";\n        }\n\n        const productItem = this.products[discount.value]\n\n        if (!productItem) {\n            salla.logger.error(`salla-conditional-offer:: there is no product with id (${discount.value})!`);\n            return \"\";\n        }\n\n        return <a class=\"s-conditional-offer-product-link\" href={productItem.url} >\n            <img\n                class=\"s-conditional-offer-checkpoint-image-content\"\n                loading=\"lazy\"\n                decoding=\"async\"\n                alt={productItem?.image?.alt || \"\"}\n                src={productItem?.image?.url} />\n        </a>\n\n\n\n    }\n\n    private getOfferType(discount: Discount): string {\n        const basedOn = this.offer.details?.based_on;\n        if (basedOn === OfferType.PRODUCT_COUNT) return salla.lang.choice(\"blocks.header.products_count\", discount.min_spend);\n        if (basedOn === OfferType.PRODUCT_PURCHASE) return salla.money(discount.min_spend);\n\n        salla.logger.warn(`salla-conditional-offer:: Unexpected offer detail's based_on value: ${basedOn}`);\n        return `${discount.min_spend}`;\n    }\n    private mapValueRanges(value: number, initialMinRange: number, initialMaxRange: number, newMinRange: number, newMaxRange: number) {\n\n        const newRange = ((value - initialMinRange) * (newMaxRange - newMinRange)) / (initialMaxRange - initialMinRange) + newMinRange;\n\n        return newRange > newMaxRange && !Number.isFinite(newRange) ? newMaxRange : newRange;\n    }\n\n    private getCheckPointView(discount: Discount, index: number) {\n        const checkpointIndex = this.offer.details.discounts.findIndex(({ min_spend }) => min_spend === discount.min_spend);\n        const previousCheckpointValue = this.offer.details.discounts[checkpointIndex - 1]?.min_spend ?? 0;\n        const progressPercentage = this.mapValueRanges(this.offer.details.current_value, previousCheckpointValue, discount.min_spend, 0, 100);\n        const isActive = discount.min_spend <= this.offer.details.current_value;\n\n        return (\n            <div class=\"s-conditional-offer-checkpoint-container\">\n                {index > 0 ? [\n                    <div key=\"progress-line\" class=\"s-conditional-offer-progress-line-container\">\n                        <div class=\"s-conditional-offer-progress-line-inactive\" />\n                        <div class=\"s-conditional-offer-progress-line-active\" style={{ width: `${progressPercentage}%` }} />\n                    </div>,\n                    <div key=\"checkpoint\" class={`s-conditional-offer-checkpoint ${isActive ? \"s-conditional-offer-active-checkpoint\" : \"\"}`} >\n                        <div class={`s-conditional-offer-item-avatar-content ${isActive ? \"active\" : \"\"}`} >\n                            {this.products && this.getCheckpointContent(discount)}\n                        </div>\n                        <div class={`s-conditional-offer-checkpoint-label ${isActive ? \"active\" : \"\"}`} innerHTML={this.getOfferType(discount)} />\n\n                    </div>\n                ] :\n                    <div key=\"label\" class={{ \"s-conditional-offer-checkpoint-label\": true, \"first-checkpoint\": index === 0, active: isActive }} innerHTML={this.getOfferType(discount)} />\n                }\n            </div>\n        );\n    }\n\n    render() {\n        if (!this.canRender) return null\n\n        return <Host class=\"s-conditional-offer-container\">\n            <div class=\"s-conditional-offer-title-wrapper\">\n                <div class=\"s-conditional-offer-title\">{this.offer.title}</div>\n                {this.offer.description ? <div class=\"s-conditional-offer-subtitle\">\n                    {this.offer.description} <i class=\"sicon-information\" />\n                </div> : null}\n            </div>\n            <div class=\"s-conditional-offer-progress-container\">\n                {this.offer.details.discounts.map((discount, index) => (\n                    <div class={{ \"flex-1\": index > 0 }} key={discount.min_spend}>\n                        {this.getCheckPointView(discount, index)}\n                    </div>\n                ))}\n            </div>\n        </Host>\n    }\n}\n"],"mappings":"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"}