@salla.sa/twilight-components 2.14.429 → 2.14.431

package/dist/esm/loader.js

@@ -1,8 +1,8 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { g as globalScripts, b as bootstrapLazy } from './index-DR8BHH7X.js';
-export { s as setNonce } from './index-DR8BHH7X.js';
+import { g as globalScripts, b as bootstrapLazy } from './index-Dnvn8dmm.js';
+export { s as setNonce } from './index-Dnvn8dmm.js';
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;

package/dist/esm/salla-accordion-body_2.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, c as createEvent, a as getElement } from './index-DR8BHH7X.js';
+import { r as registerInstance, h, H as Host, c as createEvent, a as getElement } from './index-Dnvn8dmm.js';
 import { p as plusIcon, m as minusIcon } from './minus-DfeagqF1.js';
 
 const sallaAccordionBodyCss = "";

package/dist/esm/salla-accordion_6.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement, c as createEvent } from './index-DR8BHH7X.js';
+import { r as registerInstance, h, H as Host, a as getElement, c as createEvent } from './index-Dnvn8dmm.js';
 import { A as ArrowLeftIcon, a as ArrowRightIcon } from './keyboard_arrow_right-Vqpj4CWE.js';
 import { S as SICancel } from './cancel-8Tsmrwno.js';
 import { C as CheckCircle2 } from './check-circle2-BV4kqbdL.js';
@@ -594,7 +594,7 @@ const SallaLoading = class {
         this.bgColor = "#e5e7eb";
     }
     render() {
-        return (h(Host, { key: 'dcab48026f2c056fa38cb3f636ff93689c05b42d', class: "s-loading-container" }, h("svg", { key: '69eb9c41f5c1187517d3221acf8a6c116e542e3b', "aria-hidden": "true", style: { width: `${this.size}px`, height: `${this.size}px`, fill: this.color, color: this.bgColor }, class: "s-loading", viewBox: "0 0 100 101", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '319cb6008b73e8dafc363da589459c64c14ab8a3', d: "M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z", fill: "currentColor" }), h("path", { key: '489b5ace91f8463a95f51d9cf4a856b2dad5ab17', d: "M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z", fill: "currentFill" }))));
+        return (h(Host, { key: '64a270526fd172b66a0671749bf36acee7cc8de1', class: "s-loading-container" }, h("svg", { key: '380bae806d8aa39e3ac07fba3daf181cfe040f70', "aria-hidden": "true", style: { width: `${this.size}px`, height: `${this.size}px`, fill: this.color, color: this.bgColor }, class: "s-loading", viewBox: "0 0 100 101", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'c531098ed793fcd2ec90f10bfb470bcc4543b346', d: "M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z", fill: "currentColor" }), h("path", { key: 'cc6b89a57e8168937ee13b5ccdc25aa024e05223', d: "M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z", fill: "currentFill" }))));
     }
 };
 SallaLoading.style = sallaLoadingCss;

package/dist/esm/salla-add-product-button_5.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement, e as axios } from './index-DR8BHH7X.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement, e as axios } from './index-Dnvn8dmm.js';
 import { P as PendingOrdersIcon } from './cart-DY4LZmNP.js';
 import { H as Helper } from './Helper-DFMXF2_h.js';
 import { B as BellRing } from './bell-ring-D3mWkc-3.js';
@@ -241,7 +241,7 @@ const SallaAddProductButton = class {
 };
 SallaAddProductButton.style = sallaAddProductButtonCss;
 
-const sallaBoughtTogetherCss = ":host{display:block}.s-bought-together-checkbox:checked~.s-bought-together-checkmark{background-color:var(--color-primary, #2ECC71);border-color:var(--color-primary, #2ECC71)}.s-bought-together-checkbox:checked~.s-bought-together-checkmark::after{content:\"\";display:block;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);margin-top:-2px}.s-bought-together-entry{display:block;background-color:#fff;padding:1.25rem;border-radius:0.375rem;margin-top:1.25rem;margin-bottom:1.25rem}.s-bought-together-header{margin-bottom:1rem}.s-bought-together-title{font-size:1.125rem;line-height:1.75rem;font-weight:700;margin-bottom:0.25rem;color:#111827}.s-bought-together-subtitle{font-size:0.875rem;line-height:1.25rem;color:#6b7280;margin:0}.s-bought-together-list{display:flex;flex-direction:column;margin-bottom:1rem}.s-bought-together-list>*+*{border-top:1px solid #f3f4f6}.s-bought-together-item{display:flex;align-items:center;gap:0.75rem;padding-top:0.75rem;padding-bottom:0.75rem;transition:opacity 200ms}.s-bought-together-item--unchecked{opacity:0.4}.s-bought-together-checkbox-label{position:relative;display:flex;align-items:center;cursor:pointer;flex-shrink:0}.s-bought-together-checkbox{position:absolute;opacity:0;width:0;height:0}.s-bought-together-checkmark{width:22px;height:22px;border:2px solid #d1d5db;border-radius:0.375rem;background-color:#fff;display:flex;align-items:center;justify-content:center;transition:all 150ms;flex-shrink:0}.s-bought-together-item-link{display:contents;color:inherit;text-decoration:none}.s-bought-together-item-img{width:3rem;height:3rem;object-fit:cover;border-radius:0.375rem;flex-shrink:0}.s-bought-together-item-name{flex:1;font-size:0.875rem;line-height:1.375}.s-bought-together-item-price{font-size:0.875rem;font-weight:600;white-space:nowrap;flex-shrink:0}.s-bought-together-btn{width:100%}.s-bought-together-skeleton{display:flex;flex-direction:column;gap:0.75rem}.s-bought-together-skeleton-header{display:flex;flex-direction:column;gap:0.5rem;margin-bottom:0.5rem}.s-bought-together-skeleton-item{display:flex;align-items:center;gap:0.75rem;padding-top:0.5rem;padding-bottom:0.5rem}.s-bought-together-skeleton-info{flex:1;display:flex;flex-direction:column;gap:0.25rem}";
+const sallaBoughtTogetherCss = ":host{display:block}.s-bought-together-checkbox:checked~.s-bought-together-checkmark{background-color:var(--color-primary, #2ECC71);border-color:var(--color-primary, #2ECC71)}.s-bought-together-checkbox:checked~.s-bought-together-checkmark::after{content:\"\";display:block;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);margin-top:-2px}";
 
 // Read-only recommendations key confirmed safe for client-side use by the API team — no write access or sensitive scope.
 const XSELL_API_KEY = 'VOL5WaZu2YROp0RplCZAr1RplhL9FFGQ';
@@ -502,7 +502,7 @@ const SallaProductAvailability = class {
         field.nextElementSibling['innerText'] = '* ' + errorMsg;
     }
     render() {
-        return (h(Host, { key: '08fc419b019727d8c872584c600fa5c6b381caa0', class: "s-product-availability-wrap" }, this.isSubscribed || this.isVisitorSubscribed
+        return (h(Host, { key: 'a09c35acc83cc5dd3bf5777a592a8f58ec44f7fb', class: "s-product-availability-wrap" }, this.isSubscribed || this.isVisitorSubscribed
             ? h("div", { class: "s-product-availability-subscribed" }, h("span", { innerHTML: BellRing, class: "s-product-availability-subs-icon" }), salla.lang.get('pages.products.notify_availability_success'))
             :
                 h("salla-button", { width: "wide", onClick: () => this.isUser ? this.submit() : this.openModel() }, salla.lang.get('pages.products.notify_availability')), this.isUser || this.isSubscribed || this.isVisitorSubscribed ? '' : this.renderModal()));
@@ -2551,7 +2551,7 @@ const SallaQuickBuy = class {
         });
     }
     render() {
-        return h(Host, { key: '6ca33eda9e2ae5aac14ff473536242de1214f05b' }, this.quickBuyButton());
+        return h(Host, { key: '5760621653a41e04a42beb51d982c41259250631' }, this.quickBuyButton());
     }
     quickBuyButton() {
         return h("apple-pay-button", { locale: salla?.config?.get?.('user.language_code') || 'ar', onClick: () => this.quickBuyHandler(), "data-quick-purchase": "applepay", class: "s-quick-buy-apple-pay", "data-is-applepay": "1", buttonstyle: "black", type: this.type });

package/dist/esm/salla-advertisement.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, a as getElement } from './index-DR8BHH7X.js';
+import { r as registerInstance, h, a as getElement } from './index-Dnvn8dmm.js';
 import { a as anime } from './anime.es-CgtvEd63.js';
 
 const sallaAdvertisementCss = ":host{display:block}";

package/dist/esm/salla-alert_2.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-DR8BHH7X.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-Dnvn8dmm.js';
 import { P as PendingOrdersIcon } from './cart-DY4LZmNP.js';
 import { I as ImageIcon } from './image-C-tzSDxw.js';
 

package/dist/esm/salla-app-install-alert.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-DR8BHH7X.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-Dnvn8dmm.js';
 
 const sallaAppInstallAlertCss = ":host{display:block}";
 

package/dist/esm/salla-apps-icons.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-DR8BHH7X.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-Dnvn8dmm.js';
 
 const sallaAppsIconsCss = ":host{display:block}";
 

package/dist/esm/salla-badge.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h } from './index-DR8BHH7X.js';
+import { r as registerInstance, h } from './index-Dnvn8dmm.js';
 
 function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
 

package/dist/esm/salla-booking-field_7.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-DR8BHH7X.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-Dnvn8dmm.js';
 import { S as SICalendar } from './calendar-BkmanTR_.js';
 import { A as ArrowDown } from './keyboard_arrow_down-DCZbpt2a.js';
 import { p as plusIcon, m as minusIcon } from './minus-DfeagqF1.js';
@@ -358,7 +358,7 @@ const SallaColorPicker = class {
         }
     }
     initColorPicker() {
-        this.pickerReady = import('./vanilla-picker-f4lmttLY.js').then(function (n) { return n.v; }).then(mod => {
+        this.pickerReady = import('./vanilla-picker-kSO_chM-.js').then(function (n) { return n.v; }).then(mod => {
             const Picker = mod.default;
             const picker = new Picker({
                 parent: this.host,
@@ -378,7 +378,7 @@ const SallaColorPicker = class {
         });
     }
     render() {
-        return (h(Host, { key: 'f1c244ae30b02bed79b8d4de1adf667d697e1f82', class: "s-color-picker-main" }, h("slot", { key: '9fd1e6d787b6768364d6784d8728c815dc597fc4', name: "widget" }, h("div", { key: '3717b7e1d2ff9e07172570c67397c7b9fc223195', class: "s-color-picker-widget" }, h("div", { key: 'df43c0be157d3546b5b53e8290412df2c55a2bbf', class: "s-color-picker-widget-canvas", ref: dv => (this.canvas = dv) }), h("span", { key: '879d020f9b3d0a6e3c4899948611fa76a2fa2324', innerHTML: ArrowDown }))), h("input", { key: 'b4b13cc56691dca5756c4828d6ba96b670ddff2f', class: "s-hidden", name: this.name, required: this.required, value: this.color, ref: color => (this.colorInput = color) })));
+        return (h(Host, { key: '2f142fd64afd5571574a7e1c40de3be16ede62e6', class: "s-color-picker-main" }, h("slot", { key: '92acdf14b2f42ac52d0a632ba6840a5dcebfa4d4', name: "widget" }, h("div", { key: '7ba074040299a91802109d0e1d2e78604e39d3a8', class: "s-color-picker-widget" }, h("div", { key: 'a6272207f79fd28e33b66e415a3e05b969ace983', class: "s-color-picker-widget-canvas", ref: dv => (this.canvas = dv) }), h("span", { key: 'e6fed242bb84fae6221cdec525658b68f7514ce7', innerHTML: ArrowDown }))), h("input", { key: '9eb1673f44e663f939124da45fec79c401736203', class: "s-hidden", name: this.name, required: this.required, value: this.color, ref: color => (this.colorInput = color) })));
     }
     componentDidLoad() {
         if (this.canvas)
@@ -527,7 +527,7 @@ const SallaConditionalFields = class {
         });
     }
     render() {
-        return (h(Host, { key: 'e43af073570c2862ec8365297aa40f3ff4319d18' }, h("slot", { key: '0c3577eb4f4c287eb99fe1df054785cbbfbf8dbc' })));
+        return (h(Host, { key: '9e3ff9d4f7209583d5ef3d4f447a7a676e6857e0' }, h("slot", { key: '889bc28c2985d82e3bcd6e4231b135a58dca26d6' })));
     }
     get host() { return getElement(this); }
 };
@@ -739,7 +739,7 @@ const SallaDatetimePicker = class {
         }
     }
     render() {
-        return h("div", { key: '1ab467a6f2e4459d0bdfbd72149fb468fcad4ccb', class: "s-datetime-picker" }, h("input", { key: '7d5a567c0d9f0c4a945a95c342c0f9e3a79a00c3', type: "datetime", name: this.name, value: this.value, required: this.required, disabled: this.disabled, placeholder: this.placeholder, class: "s-datetime-picker-input", ref: (el) => this.dateInput = el }));
+        return h("div", { key: '184743feaf2af9f31cd3b5a864a86f1a561c12fd', class: "s-datetime-picker" }, h("input", { key: '1736e88363b379f872490641168f49090e976e03', type: "datetime", name: this.name, value: this.value, required: this.required, disabled: this.disabled, placeholder: this.placeholder, class: "s-datetime-picker-input", ref: (el) => this.dateInput = el }));
     }
     async componentDidLoad() {
         // Load flatpickr before initializing
@@ -818,13 +818,13 @@ const SallaFileUpload = class {
             return;
         try {
             const [FilePondModule, FilePondPluginFileValidateSize, FilePondPluginImageExifOrientation, FilePondPluginImagePreview, FilePondPluginImageEdit, FilePondPluginFileValidateType, FilePondPluginFilePoster] = await Promise.all([
-                import('./filepond-fJKURtC4.js').then(function (n) { return n.f; }),
-                import('./filepond-plugin-file-validate-size-2D44oWIJ.js').then(function (n) { return n.f; }),
-                import('./filepond-plugin-image-exif-orientation-DJo_07yV.js').then(function (n) { return n.f; }),
-                import('./filepond-plugin-image-preview-Nd-PQAho.js').then(function (n) { return n.f; }),
-                import('./filepond-plugin-image-edit-DmEVMjMi.js').then(function (n) { return n.f; }),
-                import('./filepond-plugin-file-validate-type-08Jawn6d.js').then(function (n) { return n.f; }),
-                import('./filepond-plugin-file-poster-Ll-3yUwR.js').then(function (n) { return n.f; })
+                import('./filepond-b3O-B3ro.js').then(function (n) { return n.f; }),
+                import('./filepond-plugin-file-validate-size-Bn9iVzLj.js').then(function (n) { return n.f; }),
+                import('./filepond-plugin-image-exif-orientation-DUb8DStt.js').then(function (n) { return n.f; }),
+                import('./filepond-plugin-image-preview-BCzQEooP.js').then(function (n) { return n.f; }),
+                import('./filepond-plugin-image-edit-CJ2XCDbB.js').then(function (n) { return n.f; }),
+                import('./filepond-plugin-file-validate-type-BjHBoevq.js').then(function (n) { return n.f; }),
+                import('./filepond-plugin-file-poster-DGa9Q6FE.js').then(function (n) { return n.f; })
             ]);
             this.FilePond = FilePondModule;
             // Register plugins
@@ -1118,11 +1118,11 @@ const SallaFileUpload = class {
         }
     }
     render() {
-        return (h(Host, { key: '416c7205e55d1d7aad1528839aee2eb59c49b0b1', class: {
+        return (h(Host, { key: '978e89fe8713e6b3db913ed8fb3c5d09f6caf705', class: {
                 "s-file-upload": true,
                 "s-file-upload-profile-image": this.profileImage,
                 "s-file-upload-multiple": this.allowMultiple,
-            } }, h("input", { key: 'c769a40fe1debf22173492e2039dd9416645cdb7', type: "file", name: this.name, value: this.value, ref: ele => this.fileUploader = ele, required: this.required, class: "s-file-upload-wrapper s-file-upload-input", accept: this.accept }), this.allowMultiple && this.showMaxCountHint ? h("div", { class: "s-file-upload-hint s-hidden" }, this.max_count_hint(this.maxFilesCount)) : '', h("input", { key: '745f7690cfdf1dd4bd7d1c6282d2d716488ac653', class: "s-hidden", name: 'hidden-' + this.name, required: this.required, value: this.value, ref: input => this.hiddenInput = input })));
+            } }, h("input", { key: 'acf6197d43b79a80e7a69219afda29271a86d4eb', type: "file", name: this.name, value: this.value, ref: ele => this.fileUploader = ele, required: this.required, class: "s-file-upload-wrapper s-file-upload-input", accept: this.accept }), this.allowMultiple && this.showMaxCountHint ? h("div", { class: "s-file-upload-hint s-hidden" }, this.max_count_hint(this.maxFilesCount)) : '', h("input", { key: 'b8624b0fcaba14f14640acce0a28c12feb78701b', class: "s-hidden", name: 'hidden-' + this.name, required: this.required, value: this.value, ref: input => this.hiddenInput = input })));
     }
     async componentDidLoad() {
         await Salla.onReady();
@@ -1405,7 +1405,7 @@ const SallaQuantityInput = class {
         if (!inputAttributes['aria-label'] && !inputAttributes['aria-labelledby']) {
             inputAttributes['aria-label'] = salla.lang.getWithDefault('common.elements.quantity', 'Quantity');
         }
-        return (h(Host, { key: '4fd5045f734eaa275859b5a9451c802492ff91f7', class: "s-quantity-input" }, h("div", { key: '98359a24f9b0ce4954b9035f45a4e84122738ce2', class: "s-quantity-input-container" }, h("button", { key: 'f31f471333ad6044f282c054dd60ac35d91fe9c8', onClick: () => this.increase(), class: "s-quantity-input-increase-button s-quantity-input-button", type: "button", "aria-label": salla.lang.getWithDefault('common.elements.increase_quantity', 'Increase quantity') }, !this.hasIncrementSlot ? h("span", { innerHTML: plusIcon }) : '', h("slot", { key: 'c99cb35847195909090b7a60eee4a9476a374e47', name: "increment-button" })), h("input", { key: '72ecc1afab0f51d8b3632a467b2530d33c5b6ef2', class: "s-quantity-input-input", ...inputAttributes, ref: (el) => this.textInput = el, onInput: (event) => this.setValue(event.target.value), inputMode: "numeric", pattern: "[0-9]*", min: "1", readOnly: this.disableInput, value: this.quantity }), h("button", { key: 'b784a8acbdfc25f8871fb975db7b04b299cca607', class: "s-quantity-input-decrease-button s-quantity-input-button", onClick: () => this.decrease(), type: "button", "aria-label": salla.lang.getWithDefault('common.elements.decrease_quantity', 'Decrease quantity') }, !this.hasDecrementSlot ? h("span", { innerHTML: minusIcon }) : '', h("slot", { key: '80577c584d2c32caee1da3e412fb5bd556c998fa', name: "decrement-button" })))));
+        return (h(Host, { key: 'fe32e78fac9dba3b83957f5e476aba8c820822cd', class: "s-quantity-input" }, h("div", { key: '4279ee5b42092efc80fb8e5fb716b95f35162cbe', class: "s-quantity-input-container" }, h("button", { key: '7239d398778f75e50822a84bdce007e9dff82b53', onClick: () => this.increase(), class: "s-quantity-input-increase-button s-quantity-input-button", type: "button", "aria-label": salla.lang.getWithDefault('common.elements.increase_quantity', 'Increase quantity') }, !this.hasIncrementSlot ? h("span", { innerHTML: plusIcon }) : '', h("slot", { key: '9c21595e422b8af76daa4719e9924d067b749115', name: "increment-button" })), h("input", { key: '2a280bed1b32847d80895dcd3fb5b1cd2ccac991', class: "s-quantity-input-input", ...inputAttributes, ref: (el) => this.textInput = el, onInput: (event) => this.setValue(event.target.value), inputMode: "numeric", pattern: "[0-9]*", min: "1", readOnly: this.disableInput, value: this.quantity }), h("button", { key: 'c7ac2db9ba36b7dcb5c89884ffae4aa56dba42ce', class: "s-quantity-input-decrease-button s-quantity-input-button", onClick: () => this.decrease(), type: "button", "aria-label": salla.lang.getWithDefault('common.elements.decrease_quantity', 'Decrease quantity') }, !this.hasDecrementSlot ? h("span", { innerHTML: minusIcon }) : '', h("slot", { key: 'd3a10929d440c614b7788548aa72fc3a66b63b74', name: "decrement-button" })))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -1425,7 +1425,7 @@ const SallaTelInput = class {
         if (this.TelInput)
             return;
         try {
-            const telInputModule = await import('./index-Ba0YDJC7.js').then(function (n) { return n.i; });
+            const telInputModule = await import('./index-DFzcviYn.js').then(function (n) { return n.i; });
             this.TelInput = telInputModule.default;
         }
         catch (error) {
@@ -1539,7 +1539,7 @@ const SallaTelInput = class {
         }
     }
     render() {
-        return (h(Host, { key: 'b7c80fe9322f6f0ddd519042387ded7f7be3b33e', class: "s-tel-input" }, h("input", { key: '839b34b164c5dca31c917f514fe3fabd6bc4dfa3', type: "tel", disabled: this.disabled, name: this.name, value: this.phone, onChange: (event) => this.handleCountryInput(event), ref: el => this.phoneInput = el, enterkeyhint: "next", autocomplete: "tel", class: "s-tel-input-control tel-input s-ltr" }), h("span", { key: '81be950bd3b0dffc5637b02687c9b4318485757f', class: "s-tel-input-error-msg", ref: el => this.errorMsg = el }), h("input", { key: '4f6a8e7888bf8e28d8029fd12851bb77286893a1', type: "hidden", name: "country_code", value: this.countryCode, ref: el => this.countryCodeInput = el, class: "country_code" })));
+        return (h(Host, { key: '52617befb5152051a2be9f65a96a4f2a8577e6c4', class: "s-tel-input" }, h("input", { key: '7f6e7cc0b8cde9139cfdf6fb0ba0d6efe48bcb3b', type: "tel", disabled: this.disabled, name: this.name, value: this.phone, onChange: (event) => this.handleCountryInput(event), ref: el => this.phoneInput = el, enterkeyhint: "next", autocomplete: "tel", class: "s-tel-input-control tel-input s-ltr" }), h("span", { key: 'c5b21209ee941ae455516e3b4e9c503e8c52f3c5', class: "s-tel-input-error-msg", ref: el => this.errorMsg = el }), h("input", { key: 'a09cb211e141996066ade2a6e8b901696de65bb7', type: "hidden", name: "country_code", value: this.countryCode, ref: el => this.countryCodeInput = el, class: "country_code" })));
     }
     componentDidLoad() {
         this.initTelInput();

package/dist/esm/salla-bullet-delivery_2.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-DR8BHH7X.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-Dnvn8dmm.js';
 import { a as ArrowRightIcon, A as ArrowLeftIcon } from './keyboard_arrow_right-Vqpj4CWE.js';
 import { L as Location } from './location-BO5AoBAP.js';
 import { S as Search } from './search-BscTeWDc.js';
@@ -432,6 +432,7 @@ const SallaBulletDelivery = class {
             this.open();
         };
         this.closeHandler = null;
+        this.bulletDeliveryMobileSelectHandler = null;
         /** True after saved addresses have been loaded (lazy: only when address tab is shown). */
         this.savedAddressesLoaded = false;
         // Core state
@@ -650,7 +651,7 @@ const SallaBulletDelivery = class {
     }
     /** Whether to show delivery + pickup tabs. From store.shipping.support_pickup */
     get supportsPickup() {
-        return Boolean(Salla.config.get("store.shipping.support_pickup"));
+        return Boolean(Salla.config.get("store.shipping.support_pickup")) || Boolean(Salla.config.get("store.support_pickup"));
     }
     /** The modal opening strategy: 'first_visit' | 'on_cart_click' | 'after_add_to_cart' */
     get openingType() {
@@ -660,6 +661,9 @@ const SallaBulletDelivery = class {
     get isRequired() {
         return !!Salla.config.get("store.settings.bullet_delivery.settings.is_required");
     }
+    get isMobileApp() {
+        return Salla.config.isMobileApp();
+    }
     /**
      * Opens the bullet delivery modal
      */
@@ -1645,6 +1649,175 @@ const SallaBulletDelivery = class {
             form_data: { ...this.newAddressForm },
         };
     }
+    /**
+     * Build a minimal `BulletDeliveryAllocationConfirmedAddressData` from a mobile
+     * payload (no full SavedAddress object available). Only used for the
+     * `salla::bullet-delivery.allocation.confirmed` event so existing listeners
+     * keep working with the same shape they get on desktop.
+     */
+    buildAllocationConfirmedAddressFromIntent(payload) {
+        if (payload.type !== "address")
+            return null;
+        const details = payload.address_details;
+        const countryId = Number(payload.country_id) || 0;
+        return {
+            country: details?.country
+                ? {
+                    id: details.country.id,
+                    name: details.country.name,
+                    code: details.country.code ?? payload.country_code ?? "",
+                }
+                : undefined,
+            region: details?.region
+                ? {
+                    id: Number(details.region.id),
+                    name: details.region.name,
+                    country_id: countryId,
+                    code: details.region.code ?? undefined,
+                }
+                : undefined,
+            city: details?.city
+                ? {
+                    id: Number(details.city.id),
+                    name: details.city.name,
+                    country_id: countryId,
+                }
+                : undefined,
+            district: details?.district
+                ? {
+                    id: Number(details.district.id),
+                    name: details.district.name,
+                    city_id: Number(details.city?.id) || 0,
+                }
+                : undefined,
+            short_address: details?.short_address,
+        };
+    }
+    /** Synthesise a minimal `Branch` from a mobile branch intent. */
+    buildBranchFromIntent(payload) {
+        if (payload.type !== "branch" || !payload.branch_details)
+            return null;
+        const b = payload.branch_details;
+        const branch = {
+            id: b.id,
+            name: b.name,
+        };
+        if (b.city) {
+            branch.city = { id: 0, name: b.city };
+        }
+        if (b.latitude != null && b.longitude != null) {
+            branch.location = { lat: String(b.latitude), lng: String(b.longitude) };
+        }
+        return branch;
+    }
+    /** Reconstruct the equivalent `ScopeAllocationPayload` from a mobile result. */
+    buildAllocationRequestFromIntent(payload) {
+        if (payload.type === "branch") {
+            return {
+                type: "branch",
+                branch_id: payload.branch_id != null ? String(payload.branch_id) : "",
+            };
+        }
+        if (payload.address_id != null) {
+            return {
+                type: "address",
+                address_id: String(payload.address_id),
+            };
+        }
+        const details = payload.address_details;
+        const request = {
+            type: "address",
+            country_id: payload.country_id != null ? String(payload.country_id) : "",
+            city_id: details?.city?.id != null ? String(details.city.id) : "",
+        };
+        if (details?.region?.id != null) {
+            request.region_id = String(details.region.id);
+        }
+        if (details?.district?.id != null) {
+            request.district_id = String(details.district.id);
+        }
+        return request;
+    }
+    /**
+     * Apply a selection performed inside the mobile app's native sheet.
+     *
+     * Mirrors the post-allocation side-effects of `handleConfirm()` so the
+     * webview ends up in the exact same state as if the user had confirmed via
+     * our component on desktop:
+     *   1. Sets `s-scope-allocation-*` headers for subsequent API calls.
+     *   2. Persists allocation in `Salla.storage.scope` (single source of truth).
+     *   3. Marks the modal as shown for this session and stores the intent so
+     *      delivery-promise / scope-switch UIs reflect the selection.
+     *   4. Clears the API cache so cached data from the previous scope is gone.
+     *   5. Dispatches `salla::bullet-delivery.allocation.confirmed`,
+     *      `bulletDeliveryConfirmed`, and the header-context update event so
+     *      every listener (header pill, cart view, etc.) syncs.
+     *   6. Reloads the page so prices, availability, and cart reflect the
+     *      newly-selected scope (matches desktop behaviour).
+     */
+    applyMobileBulletDeliverySelection(payload) {
+        if (!payload || (payload.type !== "address" && payload.type !== "branch")) {
+            console.warn("SallaBulletDelivery: ignoring invalid mobile select payload", payload);
+            return;
+        }
+        const headers = payload.allocation_headers ?? {};
+        const allocationType = headers["s-scope-allocation-type"] ?? payload.type;
+        const allocationId = headers["s-scope-allocation-id"];
+        if (allocationType) {
+            Salla.api.setHeader("s-scope-allocation-type", allocationType);
+        }
+        if (allocationId) {
+            Salla.api.setHeader("s-scope-allocation-id", String(allocationId));
+        }
+        const existingScope = Salla.config.get("store.scope", Salla.storage.get("scope")) || {};
+        Salla.storage.set("scope", {
+            ...existingScope,
+            allocation_type: allocationType,
+            allocation_id: allocationId ? String(allocationId) : undefined,
+        });
+        this.markShownThisSession();
+        // Normalise headers in the persisted intent: keep only the mobile-provided
+        // values so storefront reads see the same shape as the desktop confirm flow.
+        const normalisedIntent = {
+            ...payload,
+            allocation_headers: {
+                "s-scope-allocation-type": allocationType,
+                "s-scope-allocation-id": allocationId
+                    ? String(allocationId)
+                    : undefined,
+            },
+        };
+        this.setStoredIntent(normalisedIntent);
+        clearApiCache();
+        const branch = this.buildBranchFromIntent(normalisedIntent);
+        const allocationConfirmedPayload = {
+            ...normalisedIntent,
+            address: this.buildAllocationConfirmedAddressFromIntent(normalisedIntent),
+            branch,
+            allocation_request: this.buildAllocationRequestFromIntent(normalisedIntent),
+            allocation_response: null,
+        };
+        Salla.event.dispatch("salla::bullet-delivery.allocation.confirmed", allocationConfirmedPayload);
+        this.bulletDeliveryConfirmed.emit({
+            ...normalisedIntent,
+            branch: branch ?? undefined,
+        });
+        this.emitHeaderContextUpdate(normalisedIntent, undefined, branch ?? undefined);
+        // Reload so products / cart / header reflect the new scope, matching the
+        // desktop confirm flow. Small delay lets the dispatched events propagate
+        // to any in-page listeners before the navigation tears the document down.
+        setTimeout(() => window.location.reload(), 100);
+    }
+    extractMobileSelectPayload(raw) {
+        if (!raw || typeof raw !== "object")
+            return null;
+        // Some mobile bridges deliver the original `{ event, payload }` envelope
+        // while a normal Salla.event dispatch passes the data directly.
+        if ("payload" in raw && raw.payload) {
+            return raw.payload;
+        }
+        return raw;
+    }
     async handleConfirm() {
         if (this.isConfirmDisabled() || this.confirming)
             return;
@@ -2243,13 +2416,36 @@ const SallaBulletDelivery = class {
         }
     }
     render() {
-        return (h(Host, { key: '0daead232faa6590712faef140ab694b3324960e', class: "s-bullet-delivery" }, h("salla-modal", { key: '4f318a88c10b524d5f6b71a46cb93535d4b25a82', ref: (modal) => {
+        if (this.isMobileApp)
+            return null;
+        return (h(Host, { class: "s-bullet-delivery" }, h("salla-modal", { ref: (modal) => {
                 this.modal = modal;
-            }, isClosable: !this.isRequired && !this.shouldForceNonClosable(), class: "s-bullet-delivery-modal", width: "sm" }, h("div", { key: '66f3d844ce325e47bfb52f941c038339f3f0cf6c', class: "s-bullet-delivery-inner" }, this.viewMode === "main" && this.renderMainView(), this.viewMode === "add-address" && this.renderAddAddressForm()))));
+            }, isClosable: !this.isRequired && !this.shouldForceNonClosable(), class: "s-bullet-delivery-modal", width: "sm" }, h("div", { class: "s-bullet-delivery-inner" }, this.viewMode === "main" && this.renderMainView(), this.viewMode === "add-address" && this.renderAddAddressForm()))));
     }
     componentDidLoad() {
         // Mark component as ready
         this.componentReady = true;
+        if (this.isMobileApp) {
+            // Ask the mobile app to render its native delivery sheet (replacement for our modal).
+            Salla.event.dispatch('salla::bullet-delivery.open-sheet');
+            // When the user confirms inside the mobile sheet, mobile dispatches
+            // `salla::bullet-delivery.select` with a payload equivalent to what
+            // `handleConfirm()` produces on desktop. Apply the same side-effects.
+            this.bulletDeliveryMobileSelectHandler = (raw) => {
+                const payload = this.extractMobileSelectPayload(raw);
+                if (!payload) {
+                    console.warn("SallaBulletDelivery: received empty mobile select payload", raw);
+                    return;
+                }
+                this.applyMobileBulletDeliverySelection(payload);
+            };
+            Salla.event.on("salla::bullet-delivery.select", this.bulletDeliveryMobileSelectHandler);
+            // Skip desktop-only initialisation: the auto-open strategy switch and the
+            // cart:items.start hook mount are both no-ops or actively harmful in the
+            // mobile webview (no modal exists, and we'd inject a non-functional HTML
+            // pill into the native cart UI).
+            return;
+        }
         // Handle pending open request (if event was emitted before component was ready)
         if (this.pendingOpen) {
             this.pendingOpen = false;
@@ -2327,6 +2523,10 @@ const SallaBulletDelivery = class {
             Salla.event.off("salla-login::closed", this.loginClosedHandler);
             this.loginClosedHandler = null;
         }
+        if (this.bulletDeliveryMobileSelectHandler) {
+            Salla.event.off("salla::bullet-delivery.select", this.bulletDeliveryMobileSelectHandler);
+            this.bulletDeliveryMobileSelectHandler = null;
+        }
     }
 };
 /**
@@ -2523,18 +2723,18 @@ const SallaSearchableDropdown = class {
     render() {
         const hasSelection = this.selectedItem != null;
         const listboxId = `${this.inputId}-listbox`;
-        return (h(Host, { key: '1e413d4391362f274223724ab37f5842a196f936', class: "s-searchable-dropdown" }, h("div", { key: 'c1c0b595a458db8918bc7c72b949cd514d764613', class: { 's-searchable-dropdown': true, 's-searchable-dropdown--open': this.isOpen } }, this.label && (h("label", { key: '576831e0383f561d5512792cb52d1c6d40156015', class: "s-searchable-dropdown-label", htmlFor: this.inputId }, this.label, this.required && h("span", { key: '290e1edb52971f5af6c6555f82ad595e97c9994d', class: "s-searchable-dropdown-required" }, " *"))), h("div", { key: 'e3c9aaea5697839e67aab1b91d07cb825ee76c7b', class: {
+        return (h(Host, { key: '20ebf4b42f8bb595862cddb8e187a0e568a7f441', class: "s-searchable-dropdown" }, h("div", { key: '76e4f06d8e7f936d1140cb7c6e25b06297ad22f3', class: { 's-searchable-dropdown': true, 's-searchable-dropdown--open': this.isOpen } }, this.label && (h("label", { key: 'f6752361bc4c7cfa8f1a67bb34027d46e0bac1e0', class: "s-searchable-dropdown-label", htmlFor: this.inputId }, this.label, this.required && h("span", { key: 'bc255f1c31d409e8d1d7d632561158b451117e6b', class: "s-searchable-dropdown-required" }, " *"))), h("div", { key: 'e1694099e37ffb36394f1114f592ac9240442cfb', class: {
                 's-searchable-dropdown-trigger': true,
                 's-searchable-dropdown-trigger--disabled': this.disabled || this.loading,
                 's-searchable-dropdown-trigger--open': this.isOpen,
-            }, role: "combobox", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-haspopup": "listbox", "aria-controls": listboxId, "aria-disabled": this.disabled || this.loading ? 'true' : 'false', tabIndex: this.disabled || this.loading ? -1 : 0, onClick: this.handleTriggerClick, onKeyDown: this.handleTriggerKeyDown }, hasSelection ? (h("span", { class: "s-searchable-dropdown-trigger-text" }, this.getDisplayName(this.selectedItem))) : (h("span", { class: "s-searchable-dropdown-trigger-placeholder" }, this.placeholder)), h("i", { key: 'f1e95e38ebffc358a9045f0fd38dd205eb2a14bb', class: {
+            }, role: "combobox", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-haspopup": "listbox", "aria-controls": listboxId, "aria-disabled": this.disabled || this.loading ? 'true' : 'false', tabIndex: this.disabled || this.loading ? -1 : 0, onClick: this.handleTriggerClick, onKeyDown: this.handleTriggerKeyDown }, hasSelection ? (h("span", { class: "s-searchable-dropdown-trigger-text" }, this.getDisplayName(this.selectedItem))) : (h("span", { class: "s-searchable-dropdown-trigger-placeholder" }, this.placeholder)), h("i", { key: 'aed25a8ad3046651d984621e2a9b8f473f8830a5', class: {
                 'sicon-keyboard_arrow_down': true,
                 's-searchable-dropdown-trigger-icon': true,
                 's-searchable-dropdown-trigger-icon--open': this.isOpen,
-            }, "aria-hidden": "true" })), this.isOpen && (h("div", { key: 'a5c6b4650d8de5467c1d53e67700168a0795ff0b', class: {
+            }, "aria-hidden": "true" })), this.isOpen && (h("div", { key: '2a89c11a2e94549be786211f4284c6ae44a451d4', class: {
                 's-searchable-dropdown-panel': true,
                 's-searchable-dropdown-panel--up': this.dropUp,
-            }, ref: (el) => (this.panelRef = el) }, h("div", { key: '5ddf73d6d8cb96881ac6f94ef25a9f58b883a6c0', class: "s-searchable-dropdown-search-wrap" }, h("i", { key: 'ec52897c25962c6d1e84986f25bdac2dd8ecdac0', class: "sicon-search s-searchable-dropdown-search-icon", "aria-hidden": "true" }), h("input", { key: 'e14dd7a0dae605dd37782cdd8c235e875105fcc9', ref: (el) => (this.searchInputRef = el), id: this.inputId, type: "text", class: "s-searchable-dropdown-search-input", placeholder: this.placeholder, value: this.clientSearch ? this.clientSearchQuery : this.searchQuery, onInput: this.handleSearchInputChange, onKeyDown: this.handleSearchKeyDown, autocomplete: "off", "aria-autocomplete": "list", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-controls": listboxId })), h("div", { key: '80daad72643001e400a9ff43444bbad5077ffa2d', id: listboxId, class: "s-searchable-dropdown-list s-scrollbar", role: "listbox" }, this.renderListContent()))))));
+            }, ref: (el) => (this.panelRef = el) }, h("div", { key: '99a429ded15743eb160e353e398eadb98fbdffaf', class: "s-searchable-dropdown-search-wrap" }, h("i", { key: '58982ae6527a4ba06136bee2afc2d420b5e9ec14', class: "sicon-search s-searchable-dropdown-search-icon", "aria-hidden": "true" }), h("input", { key: '953c944186a9e2ae8f55faf9014087584cb52abf', ref: (el) => (this.searchInputRef = el), id: this.inputId, type: "text", class: "s-searchable-dropdown-search-input", placeholder: this.placeholder, value: this.clientSearch ? this.clientSearchQuery : this.searchQuery, onInput: this.handleSearchInputChange, onKeyDown: this.handleSearchKeyDown, autocomplete: "off", "aria-autocomplete": "list", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-controls": listboxId })), h("div", { key: '3fdd7d03aeec99976f505cf33a8775150fe520e3', id: listboxId, class: "s-searchable-dropdown-list s-scrollbar", role: "listbox" }, this.renderListContent()))))));
     }
     renderListContent() {
         if (this.searching || this.loading) {

package/dist/esm/salla-cart-coupons.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-DR8BHH7X.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-Dnvn8dmm.js';
 
 const sallaCartCouponsCss = "";
 
@@ -240,7 +240,7 @@ const SallaCartCoupons = class {
             : `${salla.lang.get('pages.cart.expires_after')} ${coupon.remaining_days} ${salla.lang.get('pages.cart.day')}`)), coupon.minimum_amount && parseFloat(coupon.minimum_amount.amount) > 0 && (h("div", { class: "s-cart-coupons-minimum" }, salla.lang.get('pages.cart.minimum'), " ", h("span", { innerHTML: salla.money(coupon.minimum_amount.amount, coupon.minimum_amount.currency) })))), h("div", { class: "s-cart-coupons-action" }, isEligible ? salla.lang.get('pages.cart.save_coupon') : salla.lang.get('pages.cart.coupon_not_compatible'))))));
     }
     render() {
-        return (h(Host, { key: '06e285be96e1b3cb5f30768bbde2799ba3877301' }, h("div", { key: '5eafc2657a6ac40069b6770cad0254ce818ca2a0', class: "s-cart-coupons-wrapper" }, h("div", { key: 'baffec795f630d009a64ba4fa5b8b8e95c997964', class: "s-cart-coupons-input-section" }, h("label", { key: '45abf5b292725af1543d32257a965404f8d30f36', htmlFor: "coupon-input", class: "s-cart-coupons-coupon-label" }, salla.lang.get('pages.cart.have_coupon')), h("div", { key: '144676d26effbf19c34008cdb14f20fa7c227e70', class: "s-cart-coupons-coupon-input-container" }, h("input", { key: 'b398928219e33171f32412bb2d41b0d9700c3369', type: "text", id: "coupon-input", name: "coupon", class: `form-input ${this.couponError ? 's-coupon-input-error' : ''}`, placeholder: salla.lang.get('pages.cart.coupon_placeholder'), value: this.couponInputValue, disabled: !!this.currentCoupon || this.isApplying, ref: el => this.couponInputRef = el, "aria-label": salla.lang.get('pages.cart.apply_coupon') }), h("salla-button", { key: 'f6ea624d4ac233c1ecd26a3c8d11ba84bc07b940', ref: el => this.couponButtonRef = el, class: `s-cart-coupons-coupon-button ${this.currentCoupon ? 's-cart-coupons-coupon-button-remove' : 's-cart-coupons-coupon-button-apply'}`, color: this.currentCoupon ? 'danger' : 'primary', loading: this.isApplying, "loader-position": "center", onClick: () => this.handleCouponButtonClick() }, this.currentCoupon ? (h("i", { class: "sicon-cancel" })) : (h("span", null, salla.lang.get('pages.cart.save_coupon'))))), this.couponError && (h("span", { key: '31a5f1b35fe53207706831284a2b8ea7b7384b4a', class: "s-cart-coupons-coupon-error" }, this.couponError))), this.availableCoupons && this.availableCoupons.length > 0 && (h("salla-slider", { key: 'e0201b153738446fcda9d28d4ad1bab7d69c950e', type: "carousel", showControls: false, class: "s-cart-coupons-slider" }, h("div", { key: 'd60bfa116bef42a2a25806703e05d18d0084d466', slot: "items" }, this.availableCoupons.map(coupon => this.renderCouponCard(coupon))))))));
+        return (h(Host, { key: 'f3f3d943ab2c1a6488a1da02d2cc031dbc88b482' }, h("div", { key: 'abf88828017041b19a6c54ba2f99e6c246bd8d04', class: "s-cart-coupons-wrapper" }, h("div", { key: 'c2946579a7cca935722997229f50ede603acb8b2', class: "s-cart-coupons-input-section" }, h("label", { key: '50042d827c86daf853babd4e41ba3a920aceda9d', htmlFor: "coupon-input", class: "s-cart-coupons-coupon-label" }, salla.lang.get('pages.cart.have_coupon')), h("div", { key: '4b01047727bd3a83f6cfbac37221e7732076248f', class: "s-cart-coupons-coupon-input-container" }, h("input", { key: '555108f68b7a60c618d9a904905ef321cd274c7a', type: "text", id: "coupon-input", name: "coupon", class: `form-input ${this.couponError ? 's-coupon-input-error' : ''}`, placeholder: salla.lang.get('pages.cart.coupon_placeholder'), value: this.couponInputValue, disabled: !!this.currentCoupon || this.isApplying, ref: el => this.couponInputRef = el, "aria-label": salla.lang.get('pages.cart.apply_coupon') }), h("salla-button", { key: '0416bbaf029f7d8951ca6a419cdc676ae50ee792', ref: el => this.couponButtonRef = el, class: `s-cart-coupons-coupon-button ${this.currentCoupon ? 's-cart-coupons-coupon-button-remove' : 's-cart-coupons-coupon-button-apply'}`, color: this.currentCoupon ? 'danger' : 'primary', loading: this.isApplying, "loader-position": "center", onClick: () => this.handleCouponButtonClick() }, this.currentCoupon ? (h("i", { class: "sicon-cancel" })) : (h("span", null, salla.lang.get('pages.cart.save_coupon'))))), this.couponError && (h("span", { key: 'f7c77e8676cb07b4820b571dbd8ee25dca79a1b1', class: "s-cart-coupons-coupon-error" }, this.couponError))), this.availableCoupons && this.availableCoupons.length > 0 && (h("salla-slider", { key: 'daee9c6705de734d5f81ff86d92ad6952b5a7332', type: "carousel", showControls: false, class: "s-cart-coupons-slider" }, h("div", { key: '5d5ef30a6ff7f7c2b406cc5cec6622c2f028d17e', slot: "items" }, this.availableCoupons.map(coupon => this.renderCouponCard(coupon))))))));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/salla-cart-item-offers_2.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-DR8BHH7X.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-Dnvn8dmm.js';
 import { S as SpecialDiscountIcon } from './special-discount-Ctkfc4K-.js';
 import { S as SIGift } from './gift-CXRKXFgT.js';
 import { T as TagMoneyIcon } from './tag-money-CJUR4sUM.js';
@@ -213,7 +213,7 @@ const SallaCartSummary = class {
         return cartUrl;
     }
     render() {
-        return (h(Host, { key: '14e724a96abab2d16444b94e4e13964fb970c39a' }, h("a", { key: '91095f9e7e119a9a512a0f3b7c9ac5130f8224c6', class: "s-cart-summary-wrapper", href: this.getCartLink() }, h("div", { key: '6aeeea8c529abd02c012a36c9d4bda66f7e1f64d', id: "s-cart-icon" }, h("slot", { key: 'a9de44b9c24c779905ce2a72055378632b80bb70', name: "icon" }, h("i", { key: 'c82466e218ba8602b7f7cccee1874c52a94a3e3e', class: "s-cart-summary-icon", innerHTML: PendingOrdersIcon }))), h("span", { key: '37c8068bd685f1d64dcc646369134a3302f2164c', class: "s-cart-summary-count" }, salla.helpers.number(this.cartSummaryCount)), h("p", { key: '7880ea8fe28b197d0874d2fbe2dc44f52ea4b364', class: "s-cart-summary-content" }, this.showCartLabel && h("span", { key: '1a6e2a3a26b7d23a82ede015fd660e98c03f8e86', class: "s-cart-summary-label" }, this.cartLabel), h("b", { key: 'ddce63b92173cc9adff16bc2805e7b154d3e5d90', class: "s-cart-summary-total", innerHTML: salla.money(this.cartSummaryTotal) })))));
+        return (h(Host, { key: '918f027fd28cd25d653b8419f97223daaf22d428' }, h("a", { key: 'b74a2724ada356a01b915044d56dfb0f9953338e', class: "s-cart-summary-wrapper", href: this.getCartLink() }, h("div", { key: 'b9332fe1b66b895c1e9950efaa548f04eb053d46', id: "s-cart-icon" }, h("slot", { key: '2b5c1cf8dea4ca23a54beeb83cfad44538ca3ab7', name: "icon" }, h("i", { key: 'f3145ed4a994762441d925280a3234d78c378bef', class: "s-cart-summary-icon", innerHTML: PendingOrdersIcon }))), h("span", { key: '26a78adf9b279019504e995216ea5373b6866876', class: "s-cart-summary-count" }, salla.helpers.number(this.cartSummaryCount)), h("p", { key: '60ad091221ed5cd3e2ac0d27ebc53ec9917ccd64', class: "s-cart-summary-content" }, this.showCartLabel && h("span", { key: '66819086b9ed7f6f21be2cd5e8baf0bc88021e40', class: "s-cart-summary-label" }, this.cartLabel), h("b", { key: 'a07c85971e50add3cdd5b51942e642d4daf19d82', class: "s-cart-summary-total", innerHTML: salla.money(this.cartSummaryTotal) })))));
     }
     get host() { return getElement(this); }
 };