@salla.sa/twilight-components 2.14.563 → 2.14.565

package/dist/types/components/salla-quick-buy/salla-quick-buy.d.ts

@@ -83,6 +83,8 @@ export declare class SallaQuickBuy {
     isApplePayActive: boolean;
     /** Modal selections, merged into the quick-purchase payload. */
     private collectedOrderOptions;
+    /** Free offer products the shopper configured in the wizard, for the products[] payload. */
+    private collectedFreeProducts;
     /** Flips true after the first onStartedSession so the second dispatch begins. */
     private optionsResolved;
     /** PDP price + selected order-option prices (from the modal). */

package/dist/types/components.d.ts

@@ -26,7 +26,7 @@ import { CancellationReason } from "./components/salla-order-cancel/interfaces";
 import { OrderProduct, ProductOption } from "./components/salla-order-details/interfaces";
 import { OrderEditItem, OrderEditProductOption, OrderEditSelectedOptions } from "./components/salla-order-edit/interfaces";
 import { Product } from "@salla.sa/twilight/types/common";
-import { OrderOptionEntry } from "./components/salla-order-options-modal/salla-order-options-modal";
+import { FreeProductSelection, OrderOptionEntry } from "./components/salla-order-options-modal/salla-order-options-modal";
 import { Order, OrderQueryParameters } from "./components/salla-orders/interface";
 import { Donation, Option as Option1 } from "./components/salla-product-options/interfaces";
 import { SallaSliderProps } from "./components/salla-slider/salla-slider";
@@ -56,7 +56,7 @@ export { CancellationReason } from "./components/salla-order-cancel/interfaces";
 export { OrderProduct, ProductOption } from "./components/salla-order-details/interfaces";
 export { OrderEditItem, OrderEditProductOption, OrderEditSelectedOptions } from "./components/salla-order-edit/interfaces";
 export { Product } from "@salla.sa/twilight/types/common";
-export { OrderOptionEntry } from "./components/salla-order-options-modal/salla-order-options-modal";
+export { FreeProductSelection, OrderOptionEntry } from "./components/salla-order-options-modal/salla-order-options-modal";
 export { Order, OrderQueryParameters } from "./components/salla-orders/interface";
 export { Donation, Option as Option1 } from "./components/salla-product-options/interfaces";
 export { SallaSliderProps } from "./components/salla-slider/salla-slider";
@@ -2213,18 +2213,25 @@ export namespace Components {
         "product": Product | string;
     }
     /**
-     * Modal that collects merchant-configured order options before checkout.
+     * Modal that collects order options and/or free product options before checkout.
+     * Wizard mode (CP-2836): when free products are provided alongside orderOptions, the modal
+     * runs one step per free product Y, then a final step for the store-level order options:
+     *   Steps 1..N — free product Y card + its product options (inFreeStep drives this)
+     *   Step  N+1  — store-level order options (inFreeStep cleared, orderOptions swapped)
+     * `advance_free_product` is a LIST — one entry per qualifying offer, ordered by the offer's
+     * effective priority and capped by the store's offers limit — so N is not always 1.
+     * Single-step mode (CHOD-11650 compat): no free products → original behavior.
      * Usage:
-     *   const modal = document.querySelector('salla-order-options-modal');
-     *   const { orderOptions } = await modal.open({ orderOptions, basePrice });
-     *   // orderOptions = [{ id, value }, ...] — ready to send as `order_options`.
+     *   const { orderOptions, freeProducts } = await modal.open({
+     *     orderOptions,   // store-level order options (final step)
+     *     freeProducts,   // [{ product, options, offer_name, quantity }, ...] (optional)
+     *     basePrice,
+     *   });
+     *   // freeProducts = [{ productId, quantity, options: { [optionId]: value } }, ...]
      */
     interface SallaOrderOptionsModal {
         "close": () => Promise<void>;
-        /**
-          * Open the modal. Resolves with selections on submit; rejects on dismiss. `onSubmit` fires sync in the submit click (for Apple Pay user-gesture). `paymentMode: 'apple-pay'` swaps the footer button for <apple-pay-button>.
-         */
-        "open": (payload: { orderOptions: any[]; basePrice?: number; paymentMode?: "default" | "apple-pay"; onSubmit?: (orderOptions: OrderOptionEntry[], total: number) => void; }) => Promise<{ orderOptions: OrderOptionEntry[]; }>;
+        "open": (payload: { orderOptions: any[]; freeProducts?: any[]; freeProductOptions?: any[]; freeProduct?: any; basePrice?: number; paymentMode?: "default" | "apple-pay"; onSubmit?: (orderOptions: OrderOptionEntry[], total: number, freeProducts: FreeProductSelection[]) => void; }) => Promise<{ orderOptions: OrderOptionEntry[]; freeProductOptions: OrderOptionEntry[]; freeProducts: FreeProductSelection[]; }>;
     }
     /**
      * @salla /ui-components
@@ -4733,11 +4740,21 @@ declare global {
         new (): HTMLSallaOrderEditProductCardElement;
     };
     /**
-     * Modal that collects merchant-configured order options before checkout.
+     * Modal that collects order options and/or free product options before checkout.
+     * Wizard mode (CP-2836): when free products are provided alongside orderOptions, the modal
+     * runs one step per free product Y, then a final step for the store-level order options:
+     *   Steps 1..N — free product Y card + its product options (inFreeStep drives this)
+     *   Step  N+1  — store-level order options (inFreeStep cleared, orderOptions swapped)
+     * `advance_free_product` is a LIST — one entry per qualifying offer, ordered by the offer's
+     * effective priority and capped by the store's offers limit — so N is not always 1.
+     * Single-step mode (CHOD-11650 compat): no free products → original behavior.
      * Usage:
-     *   const modal = document.querySelector('salla-order-options-modal');
-     *   const { orderOptions } = await modal.open({ orderOptions, basePrice });
-     *   // orderOptions = [{ id, value }, ...] — ready to send as `order_options`.
+     *   const { orderOptions, freeProducts } = await modal.open({
+     *     orderOptions,   // store-level order options (final step)
+     *     freeProducts,   // [{ product, options, offer_name, quantity }, ...] (optional)
+     *     basePrice,
+     *   });
+     *   // freeProducts = [{ productId, quantity, options: { [optionId]: value } }, ...]
      */
     interface HTMLSallaOrderOptionsModalElement extends Components.SallaOrderOptionsModal, HTMLStencilElement {
     }
@@ -7481,11 +7498,21 @@ declare namespace LocalJSX {
         "product"?: Product | string;
     }
     /**
-     * Modal that collects merchant-configured order options before checkout.
+     * Modal that collects order options and/or free product options before checkout.
+     * Wizard mode (CP-2836): when free products are provided alongside orderOptions, the modal
+     * runs one step per free product Y, then a final step for the store-level order options:
+     *   Steps 1..N — free product Y card + its product options (inFreeStep drives this)
+     *   Step  N+1  — store-level order options (inFreeStep cleared, orderOptions swapped)
+     * `advance_free_product` is a LIST — one entry per qualifying offer, ordered by the offer's
+     * effective priority and capped by the store's offers limit — so N is not always 1.
+     * Single-step mode (CHOD-11650 compat): no free products → original behavior.
      * Usage:
-     *   const modal = document.querySelector('salla-order-options-modal');
-     *   const { orderOptions } = await modal.open({ orderOptions, basePrice });
-     *   // orderOptions = [{ id, value }, ...] — ready to send as `order_options`.
+     *   const { orderOptions, freeProducts } = await modal.open({
+     *     orderOptions,   // store-level order options (final step)
+     *     freeProducts,   // [{ product, options, offer_name, quantity }, ...] (optional)
+     *     basePrice,
+     *   });
+     *   // freeProducts = [{ productId, quantity, options: { [optionId]: value } }, ...]
      */
     interface SallaOrderOptionsModal {
     }
@@ -9091,11 +9118,21 @@ declare module "@stencil/core" {
             "salla-order-edit-item": LocalJSX.SallaOrderEditItem & JSXBase.HTMLAttributes<HTMLSallaOrderEditItemElement>;
             "salla-order-edit-product-card": LocalJSX.SallaOrderEditProductCard & JSXBase.HTMLAttributes<HTMLSallaOrderEditProductCardElement>;
             /**
-             * Modal that collects merchant-configured order options before checkout.
+             * Modal that collects order options and/or free product options before checkout.
+             * Wizard mode (CP-2836): when free products are provided alongside orderOptions, the modal
+             * runs one step per free product Y, then a final step for the store-level order options:
+             *   Steps 1..N — free product Y card + its product options (inFreeStep drives this)
+             *   Step  N+1  — store-level order options (inFreeStep cleared, orderOptions swapped)
+             * `advance_free_product` is a LIST — one entry per qualifying offer, ordered by the offer's
+             * effective priority and capped by the store's offers limit — so N is not always 1.
+             * Single-step mode (CHOD-11650 compat): no free products → original behavior.
              * Usage:
-             *   const modal = document.querySelector('salla-order-options-modal');
-             *   const { orderOptions } = await modal.open({ orderOptions, basePrice });
-             *   // orderOptions = [{ id, value }, ...] — ready to send as `order_options`.
+             *   const { orderOptions, freeProducts } = await modal.open({
+             *     orderOptions,   // store-level order options (final step)
+             *     freeProducts,   // [{ product, options, offer_name, quantity }, ...] (optional)
+             *     basePrice,
+             *   });
+             *   // freeProducts = [{ productId, quantity, options: { [optionId]: value } }, ...]
              */
             "salla-order-options-modal": LocalJSX.SallaOrderOptionsModal & JSXBase.HTMLAttributes<HTMLSallaOrderOptionsModalElement>;
             /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salla.sa/twilight-components",
-  "version": "2.14.563",
+  "version": "2.14.565",
   "license": "GPL-3.0",
   "author": "Salla Team <support@salla.dev> (https://salla.dev)",
   "bugs": {
@@ -82,9 +82,9 @@
   },
   "dependencies": {
     "@googlemaps/markerclusterer": "2.6.2",
-    "@salla.sa/applepay": "2.14.563",
-    "@salla.sa/twilight": "2.14.563",
-    "@salla.sa/twilight-tailwind-theme": "2.14.563",
+    "@salla.sa/applepay": "2.14.565",
+    "@salla.sa/twilight": "2.14.565",
+    "@salla.sa/twilight-tailwind-theme": "2.14.565",
     "@salla.sa/ui-address-autocomplete-widget": "1.2.1",
     "@salla.sa/ui-google-map-render": "1.2.1",
     "@types/node": "^20.4.8",
@@ -105,5 +105,5 @@
     "vanilla-lazyload": "^17.8.5",
     "vanilla-picker": "^2.12.2"
   },
-  "gitHead": "6ee53cbe1bb35a24792430f7fc48566a88bad92c"
+  "gitHead": "008bf46debffb480c696562071b1ee8ce4dea5f9"
 }

package/dist/twilight/p-1e1ba8b7.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-import{r as a,h as e,H as s,c,a as d}from"./p-GfnuORRm.js";import{p as t,m as o}from"./p-DfeagqF1.js";const i=class{constructor(e){a(this,e)}render(){return e(s,{key:"6407cbdb46897f683d1339287bcd0dc0df3dd409",class:"s-accordion-body-wrapper"},e("slot",{key:"ca050dff0df1dbee3d42a35582386829390dbdd3"}))}};i.style="";const r=class{constructor(e){a(this,e),this.accordionToggle=c(this,"accordionToggle"),this.collapsible=!1,this.collapsed=!0}emitCollapsePanel(){this.accordionToggle.emit({payload:{collapsed:this.collapsed}})}toggleCollapse(){this.collapsible&&(this.collapsed=!this.collapsed,this.host.parentElement?.setAttribute("data-collapsed",this.collapsed.toString()),this.host.parentElement?.querySelector("salla-accordion-body")?.setAttribute("data-collapsed",this.collapsed.toString()),this.emitCollapsePanel())}render(){return e(s,{key:"8fea8adefb7bd0b6aa4d88be25cb4e3f62bd4b0c","data-collapsed":this.collapsed.toString(),onClick:()=>this.toggleCollapse(),class:"s-accordion-head-wrapper"},e("div",{key:"d64952e2ec87c3f4de27f85800a0659b8cfbe08b",class:"s-accordion-head-wrapper-start"},e("slot",{key:"876bb377bef979afdb3b88e35d66ebe95e90ada8",name:"title"}),e("slot",{key:"b2a81aa92c0032098dd271931933679815660e6d",name:"progress"}),e("slot",{key:"9df2e816a0308cdd632bf13a7f16b553b5e877c2",name:"html"})),(this.collapsible||this.host.querySelector('[slot="note"]'))&&e("div",{key:"06f75d18708331176cdb1c80fd67dae352bd0550",class:"s-accordion-head-wrapper-end"},e("slot",{key:"04c7b9f174b6fff7aed4b1a045f160c4b11bbf55",name:"note"}),this.collapsible&&e("button",{key:"311aa1946afea02eb64b1c8e15c7e2fe97c76ecf",class:{"s-accordion-head-wrapper-toggle":!0,active:!this.collapsed},onClick:a=>{a.stopPropagation(),this.toggleCollapse()}},e("span",{key:"9758c580c6ca64c88079a76c0775ec727e0c488f",class:"s-accordion-head-wrapper-toggle-icon",innerHTML:this.collapsed?t:o}))))}get host(){return d(this)}};r.style="";export{i as salla_accordion_body,r as salla_accordion_head}

package/dist/twilight/p-2f76a067.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-import{r as t,h as o,H as e,a as n}from"./p-GfnuORRm.js";const i=class{constructor(o){t(this,o),this.size="md",this.color="dark",this.digits="auto",this.autoSegments=!1,this.daysLabel=salla.lang.getWithDefault("pages.checkout.day","يوم"),this.hoursLabel=salla.lang.getWithDefault("pages.checkout.hour","ساعة"),this.minutesLabel=salla.lang.getWithDefault("pages.checkout.minute","دقيقة"),this.secondsLabel=salla.lang.getWithDefault("pages.checkout.second","ثانية"),this.endLabel=salla.lang.getWithDefault("pages.checkout.offer_ended","انتهت مدة العرض"),this.invalidDate=salla.lang.getWithDefault("blocks.buy_as_gift.incorrect_date","الرجاء إدخال الموعد بشكل صحيح"),this.offerEnded=!1,this.parseFailed=!1,this.showDays=!0,this.showHours=!0,this.days=this.number(0),this.hours=this.number(0),this.minutes=this.number(0),this.seconds=this.number(0),salla.lang.onLoaded((()=>{this.daysLabel=salla.lang.getWithDefault("pages.checkout.day","يوم"),this.hoursLabel=salla.lang.getWithDefault("pages.checkout.hour","ساعة"),this.minutesLabel=salla.lang.getWithDefault("pages.checkout.minute","دقيقة"),this.invalidDate=salla.lang.getWithDefault("blocks.buy_as_gift.incorrect_date","الرجاء إدخال الموعد بشكل صحيح"),this.secondsLabel=salla.lang.getWithDefault("pages.checkout.second","ثانية"),this.endLabel=salla.lang.getWithDefault("pages.checkout.offer_ended","انتهت مدة العرض")})),this.date&&this.isValidDate(this.date)&&this.startCountDown()}async endCountDown(){clearInterval(this.countInterval),this.offerEnded=!0,this.days=this.number(0),this.hours=this.number(0),this.minutes=this.number(0),this.seconds=this.number(0)}componentWillLoad(){if("string"==typeof this.preOrder)try{this.normalizedPreOrder=JSON.parse(this.preOrder)}catch{this.normalizedPreOrder=void 0}else this.normalizedPreOrder=this.preOrder;this.normalizedPreOrder?.end_date&&(this.date=this.normalizedPreOrder.end_date),this.date&&this.isValidDate(this.date)&&this.startCountDown()}normalizeDate(t){const o=t.match(/^(\d{1,2})-(\d{1,2})-(\d{4}),(\d{1,2}):(\d{2}):(\d{2})\s*(am|pm)$/i);if(o){const[,t,e,n,i,s,r,a]=o;let l=parseInt(i,10);"pm"===a.toLowerCase()&&l<12&&(l+=12),"am"===a.toLowerCase()&&12===l&&(l=0);const d=String(l).padStart(2,"0");return`${n}-${String(t).padStart(2,"0")}-${String(e).padStart(2,"0")} ${d}:${s}:${r}`}const e=t.match(/^(\d{1,2})-(\d{1,2})-(\d{4})$/);if(e){const[,t,o,n]=e;return`${n}-${String(t).padStart(2,"0")}-${String(o).padStart(2,"0")}`}const n=t.match(/^(\d{4})-(\d{1,2})-(\d{1,2})(?:[ T](\d{1,2}:\d{2}:\d{2}))?$/);if(n){const[,t,o,e,i]=n,s=String(o).padStart(2,"0"),r=String(e).padStart(2,"0");return i?`${t}-${s}-${r} ${i}`:`${t}-${s}-${r}`}return t}isValidDate(t){const o=this.normalizeDate(t);let e,n=o.includes("-"),i=o.split(" ");return e=n?i[0].replace(/-/g,"/"):i[0],!isNaN(Date.parse(e))}number(t){const o=String(Math.max(0,Math.floor(t))).padStart(2,"0");return salla.helpers.number(o,"en"===this.digits)}startCountDown(){const t=this.normalizeDate(this.date),o=t.includes("-"),e=this.endOfDay||1===t.split(" ").length;let n;if(o){const o=e?`${t.split(" ")[0]}T23:59:59+03:00`:`${t.replace(" ","T")}+03:00`;n=new Date(o).getTime()}else{const o=new Date(t);e&&o.setHours(23,59,59,999),n=o.getTime()}if(Number.isNaN(n))return salla.logger.warn(`[salla-count-down] unable to parse date: "${this.date}"`),void(this.parseFailed=!0);const i=()=>{const t=n-Date.now(),o=Math.floor(t/864e5),e=Math.floor(t%864e5/36e5);this.days=this.number(o),this.hours=this.number(e),this.minutes=this.number(Math.floor(t%36e5/6e4)),this.seconds=this.number(Math.floor(t%6e4/1e3)),this.autoSegments&&(this.showDays=o>0,this.showHours=o>0||e>0),t<0&&this.endCountDown()};this.countInterval=setInterval(i,1e3),i()}renderCountDown(){const t=this.boxTheme?`var(--color-${this.boxTheme})`:this.boxColor,e=this.boxed&&t?{backgroundColor:t}:void 0;return o("ul",{class:`s-count-down-list ${this.boxed?"s-count-down-boxed":""} ${this.offerEnded?"s-count-down-ended":""} s-count-down-${this.size} s-count-down-${this.color}`,style:this.listPadding?{paddingLeft:this.listPadding,paddingRight:this.listPadding}:void 0},o("li",{class:"s-count-down-item",style:e},o("div",{class:"s-count-down-item-value"},this.seconds),this.labeled&&o("div",{class:"s-count-down-item-label"},this.secondsLabel)),o("li",{class:"s-count-down-item",style:e},o("div",{class:"s-count-down-item-value"},this.minutes),this.labeled&&o("div",{class:"s-count-down-item-label"},this.minutesLabel)),(!this.autoSegments||this.showHours)&&o("li",{class:"s-count-down-item",style:e},o("div",{class:"s-count-down-item-value"},this.hours),this.labeled&&o("div",{class:"s-count-down-item-label"},this.hoursLabel)),(!this.autoSegments||this.showDays)&&o("li",{class:"s-count-down-item",style:e},o("div",{class:"s-count-down-item-value"},this.days),this.labeled&&o("div",{class:"s-count-down-item-label"},this.daysLabel)))}renderInvalidDate(){return o("div",{class:"s-count-down-text-center"},this.invalidDate)}renderOfferEnded(){return o("div",{class:"s-count-down-end-text"},this.endText?this.endText:this.endLabel)}renderPreOrderToBeAvailableOn(){return this.normalizedPreOrder?.availability_date&&this.isValidDate(this.normalizedPreOrder?.availability_date)?o("div",{class:"s-count-down-info-message"},o("i",{class:"sicon-info"}),o("span",null,salla.lang.getWithDefault("pages.products.expected_to_be","متوقَّع توفُّره بتاريخ:")),o("span",null,new Date(this.normalizedPreOrder?.availability_date).toLocaleDateString(salla.lang.locale,{weekday:"long",year:"numeric",month:"long",day:"numeric"}))):null}renderPreOrderCountDown(){return this.normalizedPreOrder?.activate_countdown?o("div",{class:"s-count-down-pre-order-container"},o("p",{class:"text-sm "},salla.lang.getWithDefault("pages.products.pre_order_ends_in","ينتهي الطلب المسبق خلال:")),this.renderCountDown()):null}renderPreOrder(){return o("div",null,"object"==typeof this.normalizedPreOrder&&this.normalizedPreOrder?.availability_date&&this.renderPreOrderToBeAvailableOn(),this.renderPreOrderCountDown())}renderPrefixText(){return this.prefixText?o("span",{class:"s-count-down-prefix-text"},this.prefixText):null}renderButton(){return this.withButton&&this.buttonText?o("salla-button",{color:"primary",size:"medium",href:this.buttonHref},this.buttonIcon?o("i",{class:this.buttonIcon}):null,o("span",null,this.buttonText)):null}renderContent(){return this.date?!this.isValidDate(this.date)||this.parseFailed?this.renderInvalidDate():this.preOrder?this.renderPreOrder():this.renderCountDown():null}render(){return o(e,{key:"e2805e528a52b71ad71f4f1f16a473947dafb5bc",class:`s-count-down-wrapper ${this.preOrder&&this.isValidDate(this.date)?"s-count-down-pre-order":""} ${this.horizontal?"s-count-down-horizontal":""} ${this.withButton?"s-count-down-with-button":""} ${this.offerEnded?"s-count-down-ended":""}`},this.renderPrefixText(),this.renderContent(),this.offerEnded&&this.renderOfferEnded(),this.renderButton())}};i.style='/*!twlt*/.s-count-down-horizontal{background-color:rgba(0, 0, 0, 0.06);background-color:color-mix(in srgb, var(--color-primary) 10%, transparent)}.text-sm{font-size:0.875rem;line-height:1.25rem}.s-basket-gap-card-offer .s-count-down-list{margin-left:-0px !important;margin-right:-0px !important;margin-bottom:0px !important;margin-top:0px !important;display:inline-flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start !important;column-gap:0px;--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.s-basket-gap-card-offer .s-count-down-list:where([dir="ltr"],[dir="ltr"] *){flex-direction:row-reverse !important}.s-basket-gap-card-offer .s-count-down-list:where([dir="rtl"],[dir="rtl"] *){flex-direction:row !important}.s-basket-gap-card-offer .s-count-down-item{position:relative !important;margin-left:0px !important;margin-right:0px !important;display:inline-flex !important;width:auto !important;flex:none !important;flex-grow:0 !important;flex-direction:row !important;align-items:center !important;justify-content:center !important;padding-top:0px !important;padding-bottom:0px !important;padding-left:0px !important;padding-right:0px !important;font-size:12px !important;font-weight:700 !important;line-height:1 !important;--tw-text-opacity:1 !important;color:rgb(21 128 61 / var(--tw-text-opacity, 1)) !important}.s-basket-gap-card-offer .s-count-down-item-value{display:inline-block !important;width:2ch !important;min-width:2ch !important;text-align:center;--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);line-height:1}.s-basket-gap-card-offer .s-count-down-item-label{display:none}.s-basket-gap-entry .s-basket-gap-card-offer.s-basket-gap-card-offer .s-count-down-item::before{content:none !important}.s-basket-gap-entry .s-basket-gap-card-offer.s-basket-gap-card-offer .s-count-down-item::after{content:none !important;position:static;left:auto;right:auto;transform:none}[dir=\'rtl\'] .s-basket-gap-entry .s-basket-gap-card-offer.s-basket-gap-card-offer .s-count-down-item:not(:last-child)::after{content:\':\' !important;position:static;left:auto;right:auto;transform:none;margin-left:0.15rem;margin-right:0.15rem;color:#15803d;font-size:12px;font-weight:700;line-height:1}[dir=\'ltr\'] .s-basket-gap-entry .s-basket-gap-card-offer.s-basket-gap-card-offer .s-count-down-item:not(:first-child)::after{content:\':\' !important;position:static;left:auto;right:auto;transform:none;margin-left:0.15rem;margin-right:0.15rem;color:#15803d;font-size:12px;font-weight:700;line-height:1}.s-count-down-wrapper{position:relative}.s-count-down-list{margin-left:-0.25rem;margin-right:-0.25rem;margin-bottom:1.25rem;margin-top:0.625rem;display:flex;align-items:center;justify-content:space-between}.s-count-down-list:where([dir="ltr"],[dir="ltr"] *){flex-direction:row-reverse}.s-count-down-list:where([dir="rtl"],[dir="rtl"] *){flex-direction:row}.s-count-down-item{position:relative;margin-left:0.25rem;margin-right:0.25rem;display:flex;flex:1 1 0%;flex-direction:column;align-items:center;justify-content:center;padding-top:0.5rem;padding-bottom:0.5rem;font-family:var(--font-main);font-weight:700}.s-count-down-item::after{position:absolute;left:-2px;font-family:inherit;--tw-content:\':\';content:var(--tw-content)}.s-count-down-item:last-child::after{--tw-content:\'\';content:var(--tw-content)}.s-count-down-item-label{margin-top:0.25rem;display:block;font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(31 41 55 / var(--tw-text-opacity, 1));opacity:0.4}.s-count-down-boxed .s-count-down-item{border-radius:var(--s-radius, 0.25rem);--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.s-count-down-boxed .s-count-down-item::after{--tw-content:\'\';content:var(--tw-content)}.s-count-down-sm .s-count-down-item{font-size:1rem;line-height:1.5rem;font-weight:400}.s-count-down-sm .s-count-down-item::after{content:var(--tw-content);font-size:1rem;line-height:1.5rem}.s-count-down-sm+.s-count-down-end-text{font-size:1rem;line-height:1.5rem;font-weight:400}.s-count-down-md .s-count-down-item{font-size:1.125rem;line-height:1.75rem;font-weight:500}.s-count-down-md .s-count-down-item::after{content:var(--tw-content);font-size:1.125rem;line-height:1.75rem}.s-count-down-md+.s-count-down-end-text{font-size:1.125rem;line-height:1.75rem;font-weight:500}.s-count-down-lg .s-count-down-item{font-size:1.875rem;line-height:2.25rem;font-weight:700}.s-count-down-lg .s-count-down-item::after{content:var(--tw-content);font-size:1.875rem;line-height:2.25rem}.s-count-down-lg+.s-count-down-end-text{font-size:1.5rem;line-height:2rem;font-weight:700}.s-count-down-light .s-count-down-item{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.s-count-down-light .s-count-down-item::after{content:var(--tw-content);--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.s-count-down-dark .s-count-down-item{--tw-text-opacity:1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.s-count-down-dark .s-count-down-item::after{content:var(--tw-content);--tw-text-opacity:1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.s-count-down-primary .s-count-down-item{color:var(--color-primary)}.s-count-down-primary .s-count-down-item::after{content:var(--tw-content);color:var(--color-primary)}.s-count-down-ended .s-count-down-item{--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1));opacity:0.1}.s-count-down-ended .s-count-down-item::after{content:var(--tw-content);--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.s-count-down-end-text{position:absolute;top:50%;left:50%;--tw-translate-x:-50%;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));font-family:var(--font-main);--tw-text-opacity:1;color:rgb(234 84 85 / var(--tw-text-opacity, 1))}.s-count-down-text-center{text-align:center}.s-count-down-info-message{display:flex;gap:0.5rem;padding-top:0.625rem;padding-bottom:0.625rem;font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.s-count-down-pre-order{display:flex;flex:1 1 0%;flex-direction:column;align-items:center;gap:0.5rem}@media (min-width: 1024px){.s-count-down-pre-order{flex-direction:row}}.s-count-down-pre-order .s-count-down-item{position:relative;display:flex;height:2.7rem;width:2.25rem;flex-direction:column;align-items:center;justify-content:center;border-radius:2px}.s-count-down-pre-order .s-count-down-item::after{left:-7px;--tw-content:\':\';content:var(--tw-content)}.s-count-down-pre-order .s-count-down-item:last-child::after{--tw-content:\'\';content:var(--tw-content)}.s-count-down-pre-order-container{margin-bottom:1.25rem;margin-top:0.625rem;display:flex;flex-direction:column;align-items:center;gap:0.5rem}@media (min-width: 1024px){.s-count-down-pre-order-container{flex-direction:row}}.s-count-down-pre-order-container .s-count-down-list{margin:0px;padding:0px}.s-count-down-pre-order .s-count-down-item-value{font-size:1rem;line-height:1.5rem;font-weight:700;line-height:1}.s-count-down-pre-order .s-count-down-item-label{margin-top:0px;font-size:0.6rem;opacity:1}.s-count-down-horizontal{display:inline-flex;flex-direction:row;align-items:center;gap:0.75rem;border-radius:0.75rem;padding-left:1rem;padding-right:1rem;padding-top:0.75rem;padding-bottom:0.75rem;--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);line-height:1}.s-count-down-horizontal.s-count-down-ended{opacity:0.5}.s-count-down-horizontal .s-count-down-list{margin:0px;width:auto;justify-content:flex-start;padding-left:0px;padding-right:0px}.s-count-down-horizontal .s-count-down-list .s-count-down-item{margin-left:0.25rem;margin-right:0.25rem;height:1.75rem;min-width:2rem;flex:none;border-radius:0.375rem;background-color:var(--color-primary);padding-top:0px;padding-bottom:0px;padding-left:0.5rem;padding-right:0.5rem;font-size:0.875rem;line-height:1.25rem;font-weight:600;line-height:1.5;color:var(--color-primary-reverse)}.s-count-down-horizontal .s-count-down-list .s-count-down-item::after{font-weight:600;content:var(--tw-content);color:var(--color-primary)}.s-count-down-horizontal .s-count-down-item-label{margin-top:0.125rem;font-size:0.625rem;line-height:1;--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1));opacity:0.7}.s-count-down-with-button{display:inline-flex;align-items:center;column-gap:0.75rem}.s-count-down-with-button button .s-button-text{display:flex;align-items:center;column-gap:0.5rem}.s-count-down-with-button button .s-button-text:where([dir="ltr"],[dir="ltr"] *){flex-direction:row-reverse}.s-count-down-with-button button .s-button-text:where([dir="rtl"],[dir="rtl"] *){flex-direction:row}.s-count-down-prefix-text{font-size:0.875rem;line-height:1.25rem;font-weight:700;color:var(--color-primary)}';const s=class{constructor(o){t(this,o),this.resolveFn=null,this.rejectFn=null,this.optionsRefs=new Map,this.changeHandler=null,this.submitCallback=null,this.orderOptions=[],this.basePrice=0,this.liveTotal=0,this.isSubmitting=!1,this.sessionId=0,this.paymentMode="default",this.title="",this.subtitle="",this.submitLabel="",this.totalLabel="",this.requiredMessage="",this.handleClose=()=>{this.isSubmitting||(this.rejectFn?.({reason:"dismissed"}),this.resolveFn=null,this.rejectFn=null,this.detachChangeListener(),this.reset())},salla.lang.onLoaded((()=>this.loadTranslations()))}componentWillLoad(){this.loadTranslations()}loadTranslations(){this.title=salla.lang.get("blocks.order_options.title"),this.subtitle=salla.lang.get("blocks.order_options.subtitle"),this.submitLabel=salla.lang.get("blocks.order_options.continue"),this.totalLabel=salla.lang.get("blocks.order_options.total"),this.requiredMessage=salla.lang.get("blocks.order_options.required_message")}async open(t){return this.orderOptions=(Array.isArray(t.orderOptions)?t.orderOptions:[]).map((t=>({...t,details:t.details??[]}))),this.basePrice=Number(t.basePrice)||0,this.liveTotal=this.basePrice+this.seedOptionsPrice(this.orderOptions),this.isSubmitting=!1,this.sessionId++,this.optionsRefs.clear(),this.submitCallback=t.onSubmit??null,this.paymentMode=t.paymentMode??"default",await(this.modal?.open()),this.attachChangeListener(),new Promise(((t,o)=>{this.resolveFn=t,this.rejectFn=o}))}async close(){await(this.modal?.close())}collectOrderOptionsSync(){const t=[];for(const[,o]of this.optionsRefs)o&&o.querySelectorAll('[name^="options["],[name*="[options]["]').forEach((o=>{if(o instanceof HTMLInputElement&&("radio"===o.type||"checkbox"===o.type)&&!o.checked)return;const e=o.name.match(/(?:^|\[)options\]?\[(\d+)\]/);if(!e)return;const n=o.value;if(""===n||null==n)return;const i=Number(n);t.push({id:Number(e[1]),value:Number.isFinite(i)&&n===String(i)?i:n})}));return t}validateSync(){let t=!0;for(const[,o]of this.optionsRefs)o&&o.querySelectorAll("[required]").forEach((o=>{o.disabled||o.closest(".hidden")||"reportValidity"in o&&!o.reportValidity()&&(t=!1)}));return t}seedOptionsPrice(t){let o=0;return t.forEach((t=>{(t.details||[]).forEach((t=>{t.is_selected&&(o+=Number(t.total_price??t.additional_price)||0)}))})),o}attachChangeListener(){this.detachChangeListener(),this.changeHandler=()=>this.recomputeTotal(),salla.event.on("product-options::change",this.changeHandler)}detachChangeListener(){this.changeHandler&&(salla.event.off("product-options::change",this.changeHandler),this.changeHandler=null)}async recomputeTotal(){let t=0;for(const[,o]of this.optionsRefs)o&&(("function"==typeof o.getSelectedOptions?await o.getSelectedOptions():[])||[]).forEach((o=>{t+=Number(o.total_price??o.additional_price)||0}));this.liveTotal=this.basePrice+t}handleSubmit(){if(this.isSubmitting)return;if(!this.validateSync())return void salla.notify?.error?.(this.requiredMessage);this.isSubmitting=!0;const t=this.collectOrderOptionsSync(),o=Math.round(100*this.liveTotal)/100;try{this.submitCallback?.(t,o)}catch(t){salla?.logger?.warn?.("order-options modal onSubmit threw",t)}this.resolveFn?.({orderOptions:t}),this.resolveFn=null,this.rejectFn=null,this.submitCallback=null,this.detachChangeListener(),this.modal?.close().then((()=>this.reset())),this.isSubmitting=!1}reset(){this.orderOptions=[],this.optionsRefs.clear(),this.liveTotal=0}render(){const t=salla.money(Math.round(100*this.liveTotal)/100);return o("salla-modal",{key:"e84a40e1a27447d58ca5651a7ed76cbcf886495c",ref:t=>this.modal=t,class:"s-order-options-modal-host",width:"md","modal-title":this.title,onModalVisibilityChanged:t=>{t.detail||this.handleClose()}},o("div",{key:"fafa3cdeb22787d4a02f3fc8afb70770e1c3b4b5",class:"s-order-options-modal-body"},o("p",{key:"c563c24e1b8744f3248328ec16a18c5a668e7949",class:"s-order-options-modal-subtitle"},this.subtitle),o("div",{key:"475599cc47435b077d2321573328321888e60aa6",class:"s-order-options-modal-fields"},this.orderOptions.length>0&&o("salla-product-options",{key:this.sessionId,ref:t=>{t&&(this.optionsRefs.set("order-options",t),t.seedSelectedOptions?.())},"product-id":`order-options-${this.orderOptions[0]?.id}`,"unique-key":"order-options",options:JSON.stringify(this.orderOptions),"hide-out-label":"1","no-padding":!0}))),o("div",{key:"e00641853937f745c8cc798c7f9e15b389faf540",slot:"footer",class:"s-order-options-modal-footer"},"apple-pay"===this.paymentMode?o("div",{class:"s-order-options-modal-apple-pay-wrap"},o("div",{class:"s-order-options-modal-apple-pay-total"},o("span",{class:"s-order-options-modal-apple-pay-label"},this.totalLabel),o("span",{class:"s-order-options-modal-apple-pay-amount",innerHTML:t})),o("apple-pay-button",{locale:salla?.config?.get?.("user.language_code")||"ar",buttonstyle:"black",type:"buy",class:"s-order-options-modal-apple-pay",onClick:()=>this.handleSubmit()})):o("salla-button",{type:"button",color:"primary",fill:"solid",width:"wide",loading:this.isSubmitting,onClick:()=>this.handleSubmit()},o("span",{class:"s-order-options-modal-cta-content"},o("span",{class:"s-order-options-modal-cta-text"},this.submitLabel),o("span",{class:"s-order-options-modal-cta-total",innerHTML:t})))))}get host(){return n(this)}};s.style="/*!twlt*/.s-order-options-modal-host .s-modal-header-inner,.s-order-options-modal-host .s-modal-header-content,.s-order-options-modal-host .s-modal-title{text-align:start !important}.s-order-options-modal-apple-pay{display:block;width:100%;--apple-pay-button-width:100%;--apple-pay-button-height:44px;--apple-pay-button-border-radius:0.75rem}.s-order-options-modal-apple-pay-wrap{display:flex;flex-direction:column;gap:0.75rem;width:100%}.s-order-options-modal-apple-pay-total{display:flex;align-items:center;justify-content:space-between;gap:0.5rem}.s-order-options-modal-apple-pay-label,.s-order-options-modal-apple-pay-amount{font-size:1.125rem;line-height:1.5rem;font-weight:700;color:#111827}.static{position:static}.block{display:block}.hidden{display:none}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.s-order-options-modal-body{display:block}.s-order-options-modal-subtitle{margin-bottom:1rem;font-size:0.875rem;line-height:1.5rem;--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.s-order-options-modal-fields{display:flex;flex-direction:column;gap:1rem}.s-order-options-modal-item{display:block}.s-order-options-modal-footer{display:flex;width:100%;align-items:center}.s-order-options-modal-cta-content{display:flex;align-items:center;gap:0.25rem}.s-order-options-modal-cta-text{font-weight:700}.s-order-options-modal-cta-total{font-weight:700}";export{i as salla_count_down,s as salla_order_options_modal}

package/dist/twilight/p-9c50b57e.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-import{r as a,h as s,H as n,a as o}from"./p-GfnuORRm.js";const t=class{constructor(s){a(this,s)}async mount(a){this.host.before(a)}render(){return s(n,{key:"1acc6e7c4e3e9695576a820cbc68c539e81fa36e"})}async componentDidLoad(){await Salla.hooks.registerComponent("salla-hook",this)}get host(){return o(this)}};t.style=":host {\n      all: unset;\n      display: none; /* marker only */\n    }";export{t as salla_hook}

package/dist/twilight/p-Bg2HuLRr.js

@@ -1,4 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-function t(t){const o=document.querySelector(`salla-product-options[product-id="${t}"]`);if(!o)return!0;const n=o.querySelectorAll("[required]");let r=!0;return n.forEach((t=>{t.disabled||t.closest(".hidden")||"reportValidity"in t&&!t.reportValidity()&&(r=!1)})),r}function o(t,o){o.length&&(t&&"function"==typeof t.append?o.forEach(((o,n)=>{t.append(`order_options[${n}][id]`,String(o.id)),t.append(`order_options[${n}][value]`,String(o.value))})):t&&"object"==typeof t&&(t.order_options=o))}async function n(t){let o;try{o=await salla.api.withoutNotifier((()=>salla.product.api.getOrderOptions([{id:t.productId,quantity:t.quantity}])))}catch(o){return salla?.logger?.warn?.("order-options: fetch failed",o),void t.beginPendingSession()}const n=o?.data?.order_options||[];if(!n.length)return void t.beginPendingSession();t.discardPendingSession();const r=Number(t.amount)>0?Number(t.amount):Number(o?.data?.products?.[0]?.price?.amount)||0,e=function(){let t=document.querySelector("salla-order-options-modal");return t||(t=document.createElement("salla-order-options-modal"),document.body.appendChild(t)),t}();try{await e.open({orderOptions:n,basePrice:r,paymentMode:"apple-pay",onSubmit:t.onSubmit})}catch{}}export{o as a,t as b,n as r}