@salla.sa/twilight-components 3.0.19 → 3.0.21

package/dist/components/mail.js

@@ -1,11 +1,11 @@
 /*!
  * Crafted with ❤ by Salla
  */
-var MailIcon = `<!-- Generated by IcoMoon.io -->
+var email = `<!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
 <title>mail</title>
 <path d="M28 2.667h-24c-2.205 0-4 1.795-4 4v18.667c0 2.205 1.795 4 4 4h24c2.205 0 4-1.795 4-4v-18.667c0-2.205-1.795-4-4-4zM29.333 25.333c0 0.735-0.599 1.333-1.333 1.333h-24c-0.735 0-1.333-0.599-1.333-1.333v-12.685l10.54 4.865c0.888 0.409 1.84 0.613 2.793 0.613s1.907-0.204 2.793-0.615l10.54-4.864zM29.333 9.711l-11.657 5.38c-1.065 0.492-2.288 0.492-3.353 0l-11.656-5.38v-3.044c0-0.735 0.599-1.333 1.333-1.333h24c0.735 0 1.333 0.599 1.333 1.333z"></path>
 </svg>
 `;
 
-export { MailIcon as M };
+export { email as e };

package/dist/components/salla-bullet-delivery.js

@@ -2,7 +2,7 @@
  * Crafted with ❤ by Salla
  */
 import { h, proxyCustomElement, HTMLElement, createEvent, Host } from '@stencil/core/internal/client';
-import { i as isSaudiArabia, b as bulletDeliveryAPI, r as requireRegionAndDistrictForSA, c as clearBranchCache, h as hasSessionAddressIntent, g as getIntentCityId, a as getIntentCountryId, d as getIntentRegionId, e as getIntentDistrictId, f as getBranchCities, C as CACHE_TTL, j as isBranchSelectable, k as getBranchDiscountRange, l as filterBranches, m as getIntentBranchId, n as findNearestBranch, o as clearApiCache, p as getIntentSubtitle, q as isMapOriginIntent, s as isBranchVisible, t as getBranchReadinessLabel, u as groupBranchSchedule, v as getBranchWeekSchedule, w as getBranchPhoneHref, x as getBranchWhatsappHref, y as getBranchDiscount, z as formatBranchDistance, A as getBranchDirectionsHref, B as formatBranchClockTime, D as getBranchReadyTodayTime, E as isBranchBusy, F as isBranchAlwaysOpen, G as getIntentCountryCode } from './helpers.js';
+import { i as isSaudiArabia, b as bulletDeliveryAPI, r as requireRegionAndDistrictForSA, c as clearBranchCache, h as hasSessionAddressIntent, g as getIntentCityId, a as getIntentCountryId, d as getIntentRegionId, e as getIntentDistrictId, f as getBranchCities, C as CACHE_TTL, j as isBranchSelectable, k as getBranchDiscountRange, l as filterBranches, m as getIntentBranchId, n as findNearestBranch, t as toCoordinate, o as clearApiCache, p as getIntentSubtitle, q as isMapOriginIntent, s as isBranchVisible, u as getBranchReadinessLabel, v as groupBranchSchedule, w as getBranchWeekSchedule, x as getBranchPhoneHref, y as getBranchWhatsappHref, z as getBranchDiscount, A as formatBranchDistance, B as getBranchDirectionsHref, D as formatBranchClockTime, E as getBranchReadyTodayTime, F as isBranchBusy, G as isBranchAlwaysOpen, H as getIntentCountryCode } from './helpers.js';
 import { S as SILocation } from './location.js';
 import { S as Search } from './search.js';
 import { d as defineCustomElement$7 } from './salla-button2.js';
@@ -2086,21 +2086,12 @@ const SallaBulletDelivery$1 = /*@__PURE__*/ proxyCustomElement(class SallaBullet
         // Coerce defensively: config may arrive as strings, blank/whitespace, NaN, or out-of-range
         // values. Reject blanks before coercion (Number('') === 0) and validate lat/lng ranges so we
         // never feed (0,0) or an invalid point to the map; otherwise fall back to the default center.
-        const lat = this.toCoordinate(geo?.lat);
-        const lng = this.toCoordinate(geo?.lng);
+        const lat = toCoordinate(geo?.lat);
+        const lng = toCoordinate(geo?.lng);
         const isValid = lat != null && lng != null &&
             lat >= -90 && lat <= 90 && lng >= -180 && lng <= 180;
         return isValid ? { lat, lng } : null;
     }
-    /** Parse a config coordinate to a finite number, treating blank/whitespace strings as missing. */
-    toCoordinate(value) {
-        if (typeof value === 'string' && value.trim() === '')
-            return null;
-        if (value == null)
-            return null;
-        const num = Number(value);
-        return Number.isFinite(num) ? num : null;
-    }
     async handleTabChange(tab) {
         if (this.tabChanging)
             return;
@@ -2356,6 +2347,10 @@ const SallaBulletDelivery$1 = /*@__PURE__*/ proxyCustomElement(class SallaBullet
                 ? { id: addr.district.id, name: addr.district.name }
                 : undefined,
             short_address: addr.short_address,
+            street: addr.street,
+            local: addr.local,
+            lat: addr.lat,
+            lng: addr.lng,
         };
     }
     buildIntentBranch() {

package/dist/components/salla-contacts.js

@@ -4,7 +4,7 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { i as isSallaSdkAvailable } from './ssr-helpers.js';
 import { W as WhatsappIcon } from './whatsapp2.js';
-import { M as MailIcon } from './mail.js';
+import { e as email } from './mail.js';
 
 var mobile = `<!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
@@ -50,7 +50,7 @@ const SallaContacts$1 = /*@__PURE__*/ proxyCustomElement(class SallaContacts ext
          */
         this.iconsOnly = false;
         this.sdkContacts = null;
-        this.iconsList = { mobile, whatsapp: WhatsappIcon, phone, telegram, email: MailIcon };
+        this.iconsList = { mobile, whatsapp: WhatsappIcon, phone, telegram, email };
     }
     // capture the theme's slot="contact" markup once, before componentDidRender removes the slot element.
     // componentWillLoad doesn't run again on reconnect, so the markup survives a reattach.

package/dist/components/salla-delivery-promise.js

@@ -2,7 +2,7 @@
  * Crafted with ❤ by Salla
  */
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { q as isMapOriginIntent } from './helpers.js';
+import { r as resolveIntent, b as buildBulletOpenPayload } from './delivery-promise-intent.js';
 import { d as defineCustomElement$6 } from './salla-button2.js';
 import { d as defineCustomElement$5 } from './salla-loading2.js';
 import { d as defineCustomElement$4 } from './salla-modal2.js';
@@ -47,67 +47,6 @@ async function fetchDeliveryMessage(productId, id, optionType, isLoginCycleEnabl
     return message || null;
 }
 
-/**
- * Bullet delivery intent helpers.
- * Reads/writes the same storage key as salla-bullet-delivery so both components stay in sync.
- */
-const INTENT_KEY = 'bullet_delivery_intent';
-function getIntentStorage() {
-    const rememberLastSession = Boolean(salla.config.get('store.settings.bullet_delivery.settings.remember_last_session'));
-    return rememberLastSession ? salla.storage.store : salla.storage.session;
-}
-function getStoredIntent() {
-    const raw = getIntentStorage().get(INTENT_KEY);
-    return raw && typeof raw === 'object' ? raw : null;
-}
-/** Resolve the stored intent into a city or branch selection. Returns null when no usable intent. */
-function resolveIntent() {
-    const intent = getStoredIntent();
-    if (!intent)
-        return null;
-    if (intent.type === 'address') {
-        const city = intent.address_details?.city;
-        const cityId = city?.id != null ? Number(city.id) : intent.city_id != null ? Number(intent.city_id) : null;
-        const cityName = city?.name?.trim() || '';
-        if (cityId != null) {
-            return { type: 'address', option: { id: cityId, name: cityName } };
-        }
-        // Map-origin pick: no city id to query a delivery estimate by, but still show the address.
-        if (isMapOriginIntent(intent) && intent.address_details?.formatted_address) {
-            return { type: 'address', option: { name: intent.address_details.formatted_address } };
-        }
-        return null;
-    }
-    if (intent.type === 'branch') {
-        const branchId = intent.branch_id != null
-            ? Number(intent.branch_id)
-            : intent.branch_details?.id != null
-                ? Number(intent.branch_details.id)
-                : null;
-        const branchName = intent.branch_details?.name?.trim() || '';
-        if (branchId != null) {
-            return { type: 'branch', option: { id: branchId, name: branchName } };
-        }
-        return null;
-    }
-    return null;
-}
-/** Build the payload for opening the bullet delivery modal with preselection. */
-function buildBulletOpenPayload() {
-    const intent = getStoredIntent();
-    const payload = {};
-    if (intent?.type === 'address' && intent.address_id != null) {
-        payload.preselected_address_id = Number(intent.address_id);
-    }
-    if (intent?.type === 'branch') {
-        const branchId = intent.branch_id ?? intent.branch_details?.id;
-        if (branchId != null) {
-            payload.preselected_branch_id = Number(branchId);
-        }
-    }
-    return payload;
-}
-
 const DEFAULT_LABELS = {
     deliveryTo: 'توصيل إلى',
     pickupFromBranch: 'الاستلام من فرع',

package/dist/components/salla-loyalty-point2.js

@@ -7,7 +7,7 @@ import { l as loyaltyProgramIcon } from './gift.js';
 import { C as Cart2 } from './cart2.js';
 import { S as StoreIcon } from './store.js';
 import { T as Tag } from './tag.js';
-import { M as MailIcon } from './mail.js';
+import { e as email } from './mail.js';
 import { S as SICalendar } from './calendar.js';
 import { I as IphoneXIcon } from './iphone-x.js';
 import { S as SILocation } from './location.js';
@@ -80,7 +80,7 @@ const sicons = {
     'CONDITION_RATING_PRODUCT': h("span", { innerHTML: SIChatConversationAlt }),
     'CONDITION_RATING_SHIPPING_COMPANY': h("span", { innerHTML: ShippingIcon }),
     'CONDITION_COMPLETE_PERSONAL_INFORMATION_BIRTHDAY': h("span", { innerHTML: SICalendar }),
-    'CONDITION_COMPLETE_PERSONAL_INFORMATION_EMAIL': h("span", { innerHTML: MailIcon }),
+    'CONDITION_COMPLETE_PERSONAL_INFORMATION_EMAIL': h("span", { innerHTML: email }),
     'CONDITION_COMPLETE_PERSONAL_INFORMATION_MOBILE': h("span", { innerHTML: IphoneXIcon }),
     'CONDITION_COMPLETE_PERSONAL_INFORMATION_GENDER': h("span", { innerHTML: SIUser }),
     'CONDITION_BUY_FROM_STORE_FOR_UNIT': h("span", { innerHTML: Cart2 }),

package/dist/components/salla-mobile-update-modal.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SallaMobileUpdateModal extends Components.SallaMobileUpdateModal, HTMLElement {}
+export const SallaMobileUpdateModal: {
+    prototype: SallaMobileUpdateModal;
+    new (): SallaMobileUpdateModal;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/salla-mobile-update-modal.js

@@ -0,0 +1,241 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
+import { d as defineCustomElement$6 } from './salla-button2.js';
+import { d as defineCustomElement$5 } from './salla-loading2.js';
+import { d as defineCustomElement$4 } from './salla-modal2.js';
+import { d as defineCustomElement$3 } from './salla-tel-input2.js';
+import { d as defineCustomElement$2 } from './salla-verify2.js';
+
+const sallaMobileUpdateModalCss = "/*!twlt*/.s-mobile-update-content,.s-mobile-update-content salla-verify .s-verify-body{display:flex;flex-direction:column;gap:1rem}.s-mobile-update-message,.s-mobile-update-blocked{margin:0}.s-mobile-update-field{display:flex;flex-direction:column;gap:0.25rem}.s-mobile-update-field-error{display:block;color:#ef4444;font-size:0.875rem}.s-mobile-update-number{display:block;text-align:center}.s-mobile-update-content .s-verify-footer{display:flex;flex-direction:column;gap:1rem}.\\!visible{visibility:visible !important}.visible{visibility:visible}.inline{display:inline}.outline{outline-style:solid}";
+
+// Fallbacks only: the texts live in `pages.mobile_update.*` of the Languages module
+const TEXTS = {
+    title: { ar: 'تحديث رقم الجوال', en: 'Update your mobile number' },
+    clarification: {
+        ar: 'رقم الجوال مكرر مع حساب آخر يبدو أنك تملك حساباً مسبقاً بهذا الرقم! يرجى تسجيل الدخول عبر البريد الإلكتروني، أو المتابعة باستخدام رقم جوال جديد.',
+        en: 'This mobile number is duplicated with another account. It looks like you already have an account with this number! Please log in with your email, or continue with a new mobile number.',
+    },
+    choice: {
+        ar: 'هل هذا الرقم رقم جوالك؟ أكّد رقمك الحالي أو أدخل رقماً جديداً لإتمام الطلب.',
+        en: 'Is this your mobile number? Confirm your current number or enter a new one to complete the order.',
+    },
+    same_number: { ar: 'تأكيد رقمي الحالي', en: 'Confirm my current number' },
+    new_number: { ar: 'استخدام رقم جديد', en: 'Use a new number' },
+    send_code: { ar: 'إرسال رمز التحقق', en: 'Send verification code' },
+    exists: { ar: 'رقم الجوال موجود مسبقاً', en: 'Mobile number exists' },
+    blocked: { ar: 'يرجى إدخال رقم جوال جديد لإتمام الطلب', en: 'Please provide a new mobile number to complete the order' },
+    too_many: {
+        ar: 'تجاوزت عدد المحاولات المسموح بها، حاول مرة أخرى بعد 10 دقائق',
+        en: 'Too many attempts, please try again after 10 minutes',
+    },
+    back: { ar: 'رجوع', en: 'Back' },
+};
+const SallaMobileUpdateModal$1 = /*@__PURE__*/ proxyCustomElement(class SallaMobileUpdateModal extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.options = ['new_number'];
+        this.step = 'mobile';
+        this.mode = 'new_number';
+        this.errorMessage = '';
+        this.fieldError = '';
+        this.phone = {};
+        this.completed = false;
+        this.sending = false;
+        this.flow = 0;
+        this.dialCode = '';
+        this.verifyCode = (data) => {
+            const request = this.mode === 'same_number'
+                ? salla.api.profile.requiredMobile('requiredMobileSameVerify', { code: data.code })
+                : salla.api.profile.requiredMobile('requiredMobileUpdate', { ...this.phone, code: data.code });
+            return request.then(response => {
+                this.completed = true;
+                salla.event.emit('mobile-update::updated', response);
+                this.modal.close();
+                return response;
+            });
+        };
+        this.resendCode = () => this.requestCode().catch(error => {
+            this.fail(error, salla.lang.get('common.errors.error_occurred'));
+        });
+    }
+    t(key) {
+        const text = TEXTS[key];
+        const fallback = salla.lang.locale === 'ar' ? text.ar : text.en;
+        // these two labels already exist in the Languages module, so the popup reuses them
+        const shared = { back: 'common.elements.back', send_code: 'pages.checkout.send_code' }[key];
+        return salla.lang.getWithDefault(shared || `pages.mobile_update.${key}`, fallback);
+    }
+    /**
+     * Open the popup
+     * @param data `options` is the list the backend returned: `new_number`, and `same_number` for an unresolved duplicate
+     */
+    async open(data = {}) {
+        this.options = (data.options?.length ? data.options : ['new_number']);
+        this.completed = false;
+        this.sending = false;
+        this.flow++;
+        this.errorMessage = '';
+        this.fieldError = '';
+        this.step = this.options.includes('same_number') ? 'choice' : 'mobile';
+        this.mode = 'new_number';
+        await this.modal.open();
+    }
+    onVisibilityChanged(visible) {
+        if (!visible && !this.completed) {
+            salla.event.emit('mobile-update::dismissed');
+        }
+    }
+    fail(error, fallback = '') {
+        const status = error?.response?.status;
+        const fields = error?.response?.data?.error?.fields || {};
+        const fieldMessage = [].concat(fields.phone || [])[0];
+        this.errorMessage = '';
+        this.fieldError = '';
+        if (status !== 429 && fieldMessage) {
+            this.fieldError = this.t('exists');
+            return;
+        }
+        this.errorMessage = status === 429 ? this.t('too_many') : (error?.response?.data?.error?.message || fallback);
+    }
+    async sendCode() {
+        if (this.sending)
+            return;
+        this.errorMessage = '';
+        this.fieldError = '';
+        // a response that lands after the popup was closed and reopened belongs to a flow that no longer exists
+        const flow = this.flow;
+        this.sending = true;
+        try {
+            if (this.mode === 'new_number') {
+                if (!(await this.telInput.isValid()))
+                    return;
+                const values = await this.telInput.getValues();
+                this.phone = { phone: values.phone, country_code: values.countryCode };
+                this.dialCode = String(values.countryKey || '');
+            }
+            await this.requestCode();
+            if (flow === this.flow)
+                this.step = 'verify';
+        }
+        catch (error) {
+            if (flow === this.flow)
+                this.fail(error, salla.lang.get('common.errors.error_occurred'));
+        }
+        finally {
+            if (flow === this.flow)
+                this.sending = false;
+        }
+    }
+    requestCode() {
+        return this.mode === 'same_number'
+            ? salla.api.profile.requiredMobile('requiredMobileSameSend')
+            : salla.api.profile.requiredMobile('requiredMobileSend', this.phone);
+    }
+    componentDidRender() {
+        if (this.step === 'verify' && this.verify && !this.verify.dataset.opened) {
+            this.verify.dataset.opened = 'true';
+            this.verify.open({ type: 'mobile' });
+        }
+    }
+    chooseMode(mode) {
+        if (this.sending)
+            return;
+        this.mode = mode;
+        this.errorMessage = '';
+        this.fieldError = '';
+        if (mode === 'same_number') {
+            return this.sendCode();
+        }
+        this.step = 'mobile';
+    }
+    // back from the verify step to the step that chose the number, so a mistaken number can be corrected
+    changeNumber() {
+        this.step = this.mode === 'same_number' ? 'choice' : 'mobile';
+        this.errorMessage = '';
+        this.fieldError = '';
+    }
+    sentTo() {
+        if (this.mode === 'same_number') {
+            return String(salla.config.get('user.mobile', '') || '');
+        }
+        return `${this.dialCode}${this.phone.phone || ''}`;
+    }
+    clarification() {
+        return this.options.includes('same_number') ? this.t('choice') : this.t('clarification');
+    }
+    body() {
+        if (this.step === 'choice') {
+            return h(Fragment, null, h("p", { class: "s-mobile-update-message" }, this.clarification()), h("salla-button", { class: "s-mobile-update-same", width: "wide", onClick: () => this.chooseMode('same_number') }, this.t('same_number')), h("salla-button", { class: "s-mobile-update-new", width: "wide", color: "light", onClick: () => this.chooseMode('new_number') }, this.t('new_number')));
+        }
+        if (this.step === 'mobile') {
+            return h(Fragment, null, h("p", { class: "s-mobile-update-message" }, this.clarification()), !this.options.includes('same_number') && h("p", { class: "s-mobile-update-blocked" }, this.t('blocked')), h("div", { class: "s-mobile-update-field" }, h("salla-tel-input", { ref: el => this.telInput = el }), this.fieldError && h("span", { class: "s-tel-input-error-msg s-mobile-update-field-error" }, this.fieldError)), h("salla-button", { class: "s-mobile-update-send", width: "wide", onClick: () => this.sendCode() }, this.t('send_code')), this.options.includes('same_number') &&
+                h("salla-button", { class: "s-mobile-update-back", width: "wide", color: "light", fill: "outline", onClick: () => {
+                        if (!this.sending) {
+                            this.step = 'choice';
+                            this.errorMessage = '';
+                            this.fieldError = '';
+                        }
+                    } }, this.t('back')));
+        }
+        return h(Fragment, null, h("salla-verify", { display: "inline", type: "mobile", autoReload: false, verifyHandler: this.verifyCode, resendHandler: this.resendCode, ref: el => { this.verify = el; } }, h("b", { slot: "mobile", class: "s-mobile-update-number", dir: "ltr" }, this.sentTo())), h("salla-button", { class: "s-mobile-update-change", width: "wide", color: "light", fill: "outline", onClick: () => this.changeNumber() }, this.t('back')));
+    }
+    render() {
+        return (h("salla-modal", { key: '9b414affef0063fc82fb99b0a065062aacf840be', class: "s-mobile-update-modal", width: "xs", "is-closable": true, "modal-title": this.t('title'), ref: modal => this.modal = modal, onModalVisibilityChanged: e => this.onVisibilityChanged(!!e.detail) }, h("div", { key: '2de95104b0b048b47baa4a7472cea566e4e961e4', class: "s-mobile-update-content" }, this.body(), this.errorMessage && h("span", { key: 'f8ccbd204e9dcaa31a48b2beb974a4b5d8691d53', class: "s-mobile-update-error" }, this.errorMessage))));
+    }
+    get host() { return this; }
+    static get style() { return sallaMobileUpdateModalCss; }
+}, [0, "salla-mobile-update-modal", {
+        "options": [32],
+        "step": [32],
+        "mode": [32],
+        "errorMessage": [32],
+        "fieldError": [32],
+        "open": [64]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["salla-mobile-update-modal", "salla-button", "salla-loading", "salla-modal", "salla-tel-input", "salla-verify"];
+    components.forEach(tagName => { switch (tagName) {
+        case "salla-mobile-update-modal":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SallaMobileUpdateModal$1);
+            }
+            break;
+        case "salla-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "salla-loading":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "salla-modal":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "salla-tel-input":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "salla-verify":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const SallaMobileUpdateModal = SallaMobileUpdateModal$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SallaMobileUpdateModal, defineCustomElement };

package/dist/components/salla-multiple-bundle-product-cart2.js

@@ -51,7 +51,7 @@ const SallaMultipleBundleProductCart = /*@__PURE__*/ proxyCustomElement(class Sa
         return (h("div", { slot: "html", class: "s-multiple-bundle-product-cart-header-wrapper" }, h("div", { class: `s-multiple-bundle-product-cart-header ${hasOptions ? '' : 's-multiple-bundle-product-cart-header-no-options'}` }, h("div", { class: "s-multiple-bundle-product-cart-header-content" }, h("a", { href: product?.url, class: "s-multiple-bundle-product-cart-header-image-wrapper" }, h("img", { src: product?.image?.url, alt: product?.image?.alt || product?.name, class: "s-multiple-bundle-product-cart-header-image" })), h("div", { class: "s-multiple-bundle-product-cart-header-content-details" }, h("h2", { class: "s-multiple-bundle-product-cart-header-content-details-title" }, h("a", { href: product?.url, class: "s-multiple-bundle-product-cart-header-content-details-title-link" }, product?.name)), h("div", { class: "s-multiple-bundle-product-cart-header-content-details-price" }, h("span", { class: "s-multiple-bundle-product-cart-header-content-details-price-regular" }, h("span", { innerHTML: product?.price ? salla.money(product?.price) : '' })), product?.sale_price > 0 && (h("span", { class: "s-multiple-bundle-product-cart-header-content-details-price-sale" }, h("span", { innerHTML: salla.money(product?.sale_price) })))), product?.quantity_in_group > 0 && product?.quantity !== 0 && (h("p", { class: "s-multiple-bundle-product-cart-header-content-details-quantity" }, h("span", null, salla.lang.get('pages.products.number_of_pieces')), h("span", null, product?.quantity_in_group))))), !hasOptions && (h("div", { class: "s-multiple-bundle-product-cart-header-remove-button" }, this.renderRemoveButton(sectionId, product, false))))));
     }
     render() {
-        return (h(Host, { key: '8fbfb8b15c2c3bea7f4073f2cc160bdf09a78ef0', class: "s-multiple-bundle-product-wrapper" }, h("div", { key: 'df943b98be029dc458d53d8c43759b9093056908', class: "s-multiple-bundle-product-wrapper-sections" }, this.sections.map((section, sectionIndex) => {
+        return (h(Host, { key: 'db441f645dc207f5864d3f4b89e67bb09ae2e622', class: "s-multiple-bundle-product-wrapper" }, h("div", { key: '68bdd0512162e73bce90d1077d0d6d7f9f8da29b', class: "s-multiple-bundle-product-wrapper-sections" }, this.sections.map((section, sectionIndex) => {
             return section.products.map(product => {
                 const bundleContext = {
                     sectionId: section.id,

package/dist/components/salla-multiple-bundle-product-details2.js

@@ -399,9 +399,9 @@ const SallaMultipleBundleProductDetails = /*@__PURE__*/ proxyCustomElement(class
         }
     }
     render() {
-        return (h(Host, { key: 'ccc37b0f67b64192f1d7c12660b8c968aa776b15', class: "s-multiple-bundle-product-wrapper" }, h("div", { key: '6529eb0eea69ea8440fbba251df56a3e7bdcff32', class: "s-multiple-bundle-product-wrapper-sections" }, this.sections.map((section, index) => {
+        return (h(Host, { key: '91b215bcdaa53e6888a07a6d3e4c3ac7c745f91e', class: "s-multiple-bundle-product-wrapper" }, h("div", { key: '152614a163c9c788e2b5bc32f9a037cba9779046', class: "s-multiple-bundle-product-wrapper-sections" }, this.sections.map((section, index) => {
             return (h("salla-accordion", { key: section.id, collapsed: index === 0 ? false : true }, h("salla-accordion-head", null, this.renderAccordionHeader(section)), h("salla-accordion-body", null, h("salla-multiple-bundle-product-slider", { section: section, sectionIndex: index, selectedProducts: this.selectedProducts, selectionLimit: this.getEffectiveMax(section), isSelectionLocked: this.isProductSelectionLocked(section), onProductSelected: this.handleBundleSliderProductSelected, onProductOptionsSelected: this.handleBundleSliderProductOptionsSelected }))));
-        })), h("salla-multiple-bundle-product-options-modal", { key: 'ea769a631840c75d2906da8f97c7127ddd772f04' })));
+        })), h("salla-multiple-bundle-product-options-modal", { key: '2642221bd44ce9659dc90af568292587f071267c' })));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/components/salla-multiple-bundle-product-options-modal2.js

@@ -494,7 +494,7 @@ const SallaMultipleBundleProductOptionsModal = /*@__PURE__*/ proxyCustomElement(
         const cacheKey = this.generateCacheKey(this.sectionId, this.productIndex, productId);
         const resetToken = this.optionsResetTokens[cacheKey] || 0;
         const isDisabled = this.isLoading || optionsWithSelectedState.some(opt => opt.details.some(d => d.is_selected && d.is_out === true));
-        return (h(Host, { key: '8c2d6cbc15d173ceeb3a5b498e8684e0c61a5adf' }, h("salla-modal", { key: '7cb8274a9304257c19a5fb8bbbfb44c98b818c83', isLoading: this.isLoading, ref: el => (this.modal = el), width: "md", centered: false, id: `s-multiple-bundle-product-options-modal-options-${productId}`, class: "s-multiple-bundle-product-options-modal-wrapper" }, h("div", { key: '9f16fe0b3fb26e4fee7f1273f875399ed0f401a7', slot: "loading" }, h("salla-skeleton", { key: '0fdf6a86da8432f8f5c883466ea2fab00ae4e2d3', height: "100%", width: "100%" })), this.product?.images && this.product?.images.length > 0 && (h("salla-slider", { key: '940ca77513e6aee8062b7cc8b2d04334973f6b02', id: `details-slider-${this.product?.id}`, type: "thumbs", loop: false, "auto-height": true, "listen-to-thumbnails-option": true, showThumbsControls: false, controlsOuter: false, showControls: false, class: "s-multiple-bundle-product-options-modal-slider", verticalThumbs: true, thumbsConfig: {
+        return (h(Host, { key: '74f5fc9c02a5ea10a9d92d2427df05210740f3e4' }, h("salla-modal", { key: 'a00db7e88d2687ef106c3c384cd94b7d7b2ed443', isLoading: this.isLoading, ref: el => (this.modal = el), width: "md", centered: false, id: `s-multiple-bundle-product-options-modal-options-${productId}`, class: "s-multiple-bundle-product-options-modal-wrapper" }, h("div", { key: '5ee1738c87ad75f7e812aefb3ea04b71f153673a', slot: "loading" }, h("salla-skeleton", { key: 'ebb0bf70a092958bd4241e4b7bc42922efed87dc', height: "100%", width: "100%" })), this.product?.images && this.product?.images.length > 0 && (h("salla-slider", { key: '871db23f2811753e3f469a8e12483f4fd3166a40', id: `details-slider-${this.product?.id}`, type: "thumbs", loop: false, "auto-height": true, "listen-to-thumbnails-option": true, showThumbsControls: false, controlsOuter: false, showControls: false, class: "s-multiple-bundle-product-options-modal-slider", verticalThumbs: true, thumbsConfig: {
                 centeredSlides: true,
                 centeredSlidesBounds: true,
                 slidesPerView: Math.min(5, Math.max(1, this.product?.images.length)),
@@ -502,13 +502,13 @@ const SallaMultipleBundleProductOptionsModal = /*@__PURE__*/ proxyCustomElement(
                 watchSlidesProgress: true,
                 direction: 'vertical',
                 spaceBetween: 10,
-            } }, h("div", { key: 'cd14ebae116356906bb1f9dda3545e5555295b33', slot: "items" }, this.product?.images &&
+            } }, h("div", { key: 'a80a29966c883094655558cdd861938f8c2c505f', slot: "items" }, this.product?.images &&
             this.product?.images.map((image, index) => (h("div", { key: index, class: "swiper-slide" }, h("img", { src: image.url, alt: image.alt || `${this.product?.name} - Image ${index + 1}`, loading: "lazy", onError: e => {
                     e.target.style.display = 'none';
-                } }))))), this.product?.images && this.product?.images.length > 1 && (h("div", { key: 'e40da3829870abc60dba4827c8d331152e45272c', slot: "thumbs" }, this.product?.images &&
+                } }))))), this.product?.images && this.product?.images.length > 1 && (h("div", { key: 'bb38eec9d89c6fc1afbea740d23f21ea3b83892f', slot: "thumbs" }, this.product?.images &&
             this.product?.images.map((image, index) => (h("div", { key: index, "data-caption": `${this.product?.name} - Image ${index + 1}` }, h("img", { src: image.url, loading: "eager", class: "s-multiple-bundle-product-options-modal-slider-thumb", title: `${this.product?.name} - ${index + 1}`, alt: image.alt || `${this.product?.name} - ${index + 1}`, onError: e => {
                     e.target.style.display = 'none';
-                } })))))))), h("salla-product-options", { options: JSON.stringify(optionsWithSelectedState), key: `${cacheKey}-reset-${resetToken}`, "product-id": productId, "unique-key": `${cacheKey}-reset-${resetToken}` }), h("div", { key: '6caf87769ef6ffda12dee54df32e87728e62c484', slot: "footer" }, h("div", { key: 'bf2ed94efbe7e2ca4dd76441783d5a8423a4454d', class: "s-multiple-bundle-product-options-modal-footer" }, h("salla-button", { key: '9468df838e0b677714abb4951c958f37bac2a1c2', onClick: e => this.onSave(e), loading: this.isLoading, disabled: isDisabled }, this.isLoading
+                } })))))))), h("salla-product-options", { options: JSON.stringify(optionsWithSelectedState), key: `${cacheKey}-reset-${resetToken}`, "product-id": productId, "unique-key": `${cacheKey}-reset-${resetToken}` }), h("div", { key: 'b18dbbdcbb37ff8fb61ec4be551c5d07cc04286e', slot: "footer" }, h("div", { key: '1b71874c06aa379b515a1239fb9059da11e92609', class: "s-multiple-bundle-product-options-modal-footer" }, h("salla-button", { key: '83db878dffdef845db6f904c9486d5c4cd003f31', onClick: e => this.onSave(e), loading: this.isLoading, disabled: isDisabled }, this.isLoading
             ? salla.lang.get('common.elements.saving')
             : salla.lang.get('common.elements.save')))))));
     }

package/dist/components/salla-multiple-bundle-product-slider2.js

@@ -142,7 +142,7 @@ const SallaMultipleBundleProductSlider = /*@__PURE__*/ proxyCustomElement(class
         }
     }
     render() {
-        return (h(Host, { key: 'fc6f9cc1bbc36bbcdfc9bc4346d818cd9ac67c92', class: "s-multiple-bundle-product-slider" }, h("salla-slider", { key: '82648a1348104be40093a501ceab6ea0209ec761', type: "carousel", controlsOuter: false, showControls: false, id: `accordion-multiple-bundle-product-${this.section.id}`, pagination: true, class: "s-multiple-bundle-product-wrapper-slider", sliderConfig: { spaceBetween: 0 } }, h("div", { key: 'a6d44237aaabb99aa4b4c8c3c5a986fe8d5afdc7', slot: "items" }, this?.section?.products?.map((product, productIndex) => {
+        return (h(Host, { key: '17d96d9983fdb033c32d77228f52030ee408d856', class: "s-multiple-bundle-product-slider" }, h("salla-slider", { key: 'fe99a686cec9fe71728e651d1228564af1236483', type: "carousel", controlsOuter: false, showControls: false, id: `accordion-multiple-bundle-product-${this.section.id}`, pagination: true, class: "s-multiple-bundle-product-wrapper-slider", sliderConfig: { spaceBetween: 0 } }, h("div", { key: '2517a2b14ed787c32e1782fa7af04339660a0344', slot: "items" }, this?.section?.products?.map((product, productIndex) => {
             const isChecked = this.selectedProducts[this.section.id]?.has(product.id) || false;
             const isLocked = isChecked && this.isSelectionLocked;
             const isDisabled = this.isProductSelectionDisabled(product, isChecked);

package/dist/components/salla-multiple-bundle-product.js

@@ -78,7 +78,7 @@ const SallaMultipleBundleProduct$1 = /*@__PURE__*/ proxyCustomElement(class Sall
         this.parseProducts(this.bundleSections);
     }
     render() {
-        return (h(Host, { key: 'c8d6b6de73710a20e8423cfd888420ef280c4d1a', class: "s-multiple-bundle-product-wrapper" }, this.isCartPage() ? this.renderCartPage() : this.renderDetailsPage()));
+        return (h(Host, { key: '6dc3144512e29cf462642af7db3d5e6c576b1a95', class: "s-multiple-bundle-product-wrapper" }, this.isCartPage() ? this.renderCartPage() : this.renderDetailsPage()));
     }
     static get watchers() { return {
         "bundleSections": ["parseProducts"]

package/dist/components/salla-notification-item2.js

@@ -11,7 +11,7 @@ const SallaNotificationItem = /*@__PURE__*/ proxyCustomElement(class SallaNotifi
         this.__registerHost();
     }
     render() {
-        return h("a", { key: '13976e9a0b805a9222c3e1c990874681f7033aa3', href: this.notification.url, class: { "s-notifications-item": true, "s-notifications-item-shadow": true, "s-notifications-item-read": !this.notification.is_new } }, h("span", { key: '011fe6447c6da2d7a5fd7fcac0eedecb3a969e79', class: "s-notifications-item-icon" }, h("i", { key: '912593ae30d8d3a344a9e1af0a834547b542dab8', class: { 's-notifications-item-icon sicon-bell-ring': true, 's-notifications-item-icon-new': this.notification.is_new } })), h("div", { key: 'b8c6e38c8b127a0b9c776e39ecd3512fd1759fa4', class: "s-notifications-item-content" }, h("div", { key: 'd169045e7eafe995d113988215b45d1507f48ab5', class: "s-notifications-item-content-leading" }, h("h4", { key: '974947d770fc964689708bc45376e76e3ff61c3e' }, this.notification.title), h("p", { key: '55a767038d1ae2c0917626f2b477ac99fc6eae50' }, this.notification.sub_title)), h("span", { key: 'a34107b11d454d0e3ba9ef307c9919a8c09e58e4', class: "s-notifications-item-content-trailing" }, h("i", { key: 'c930a39524b4bc1958d42263862f1aa40bbb8778', class: "sicon-time s-notifications-item-content-trailing-icon" }), h("span", { key: '970a470a7f19537c8b9b783f7db9b12db5d18fea' }, this.notification.date))));
+        return h("a", { key: '649f2cd499ea2a0bbfa66ed1d7f2c13b6f7b95c9', href: this.notification.url, class: { "s-notifications-item": true, "s-notifications-item-shadow": true, "s-notifications-item-read": !this.notification.is_new } }, h("span", { key: '8b1a19da2fa545d2f03f4eed655538e328567f90', class: "s-notifications-item-icon" }, h("i", { key: 'a199263421bb9f57a2665e127f46e81b49e58f22', class: { 's-notifications-item-icon sicon-bell-ring': true, 's-notifications-item-icon-new': this.notification.is_new } })), h("div", { key: 'e85d01bcd6c004f1ce7c689b11692ec4dc140da6', class: "s-notifications-item-content" }, h("div", { key: 'bc6622a17bda28c4d53f195ceaa9268da4b42a89', class: "s-notifications-item-content-leading" }, h("h4", { key: 'e5d528edd7304b61f98a4acaa92a988e86829286' }, this.notification.title), h("p", { key: 'f2497ba4b4a825811897ee688271f3324112d02b' }, this.notification.sub_title)), h("span", { key: '73d838f84b2ee69760cba02d0d0eabde24e519b5', class: "s-notifications-item-content-trailing" }, h("i", { key: 'c848ee4156630739b2e7ba2a7e3537900f5ee723', class: "sicon-time s-notifications-item-content-trailing-icon" }), h("span", { key: 'be6bd821024bb94ab0d7d5fde0b3b9d05772bd70' }, this.notification.date))));
     }
     static get style() { return sallaNotificationsCss; }
 }, [0, "salla-notification-item", {

package/dist/components/salla-offer-modal.js

@@ -273,7 +273,7 @@ const SallaOfferModal$1 = /*@__PURE__*/ proxyCustomElement(class SallaOfferModal
     //       '</div>';
     //   }
     render() {
-        return h("salla-modal", { key: '71406265e704b3c5a60ddd1be00cf72cda5e75b2', "has-skeleton": true, "sub-title": this.offer_message, ref: modal => this.modal = modal, isLoading: true, class: `s-offer-modal-type-${this.offer_type ? this.offer_type : ''}` }, h("div", { key: '30eec029e649fcb4bfb8868b14c2886f9060e320', slot: 'loading' }, h("div", { key: '5989afa516f8e175de636342655864dfa0fe5109', class: "s-offer-modal-skeleton" }, h("div", { key: '09fec5c367bae84b1f5a6c15f85ee006f5c50487', class: "s-offer-modal-skeleton-header" }, h("salla-skeleton", { key: '3e110f82bc9872a0e3d66f7a75a602f215d0bf6a', type: 'circle', height: '80px', width: '80px' }), h("salla-skeleton", { key: '74399af02937a11638c0d0b77d621d1a6ed066c7', height: '15px', width: '50%' }), h("salla-skeleton", { key: '9bf668017079ec6499493f08ebb80a47476e8574', height: '10px', width: '30%' })), h("div", { key: 'f6e3b6476c6c98c58b2dce08ff0944ae64843df1', class: "s-offer-modal-skeleton-items" }, [...Array(3)].map(() => h("div", { class: "s-offer-modal-skeleton-item" }, h("salla-skeleton", { height: '9rem' }), h("div", { class: "s-offer-modal-skeleton-item-title" }, h("salla-skeleton", { height: '15px', width: '100%' })), h("div", { class: "s-offer-modal-skeleton-item-subtitle" }, h("salla-skeleton", { height: '9px', width: '50%' }), h("div", { innerHTML: Cart2 }))))), h("div", { key: 'f8c171a56c0bee10756b3e04060ec014197a7b13', class: "s-offer-modal-skeleton-footer" }, h("salla-skeleton", { key: '4e5cbd7f594d9e2517b1833bf636181ccd6aba51', height: '15px', width: '50%' }), h("salla-skeleton", { key: 'ed341e4c04799c744e2ffc04f8a5d77c76f98141', height: '15px', width: '30%' })))), !this.hasError && this.offer !== null
+        return h("salla-modal", { key: '13fb1ed1ed84c3ef9faad5fc0835fed357fc4ec3', "has-skeleton": true, "sub-title": this.offer_message, ref: modal => this.modal = modal, isLoading: true, class: `s-offer-modal-type-${this.offer_type ? this.offer_type : ''}` }, h("div", { key: '37d364587488539197cec349d189f3fd269b3cde', slot: 'loading' }, h("div", { key: 'fc4b422b907f43ba53c3a6cd96a0ca27eeac7124', class: "s-offer-modal-skeleton" }, h("div", { key: '15cba0491543e04dca01121d5c8ce530fdb0b4e7', class: "s-offer-modal-skeleton-header" }, h("salla-skeleton", { key: '56e0d722c299c64ea246e4b98c103e53f7525327', type: 'circle', height: '80px', width: '80px' }), h("salla-skeleton", { key: '8457bda654d11e9eea6ac99e5e11d81f3a58ef7f', height: '15px', width: '50%' }), h("salla-skeleton", { key: 'be8e93976308fce340a9551b0c2accbf5acf7b53', height: '10px', width: '30%' })), h("div", { key: 'c72416643dc794111a6730309303036f28abf6a8', class: "s-offer-modal-skeleton-items" }, [...Array(3)].map(() => h("div", { class: "s-offer-modal-skeleton-item" }, h("salla-skeleton", { height: '9rem' }), h("div", { class: "s-offer-modal-skeleton-item-title" }, h("salla-skeleton", { height: '15px', width: '100%' })), h("div", { class: "s-offer-modal-skeleton-item-subtitle" }, h("salla-skeleton", { height: '9px', width: '50%' }), h("div", { innerHTML: Cart2 }))))), h("div", { key: 'b852d619415d80af27082fddbb08c4705650a9b8', class: "s-offer-modal-skeleton-footer" }, h("salla-skeleton", { key: '6931be27ea963a526ab5ed518eaa3367c7664891', height: '15px', width: '50%' }), h("salla-skeleton", { key: '1c76adb679a040d52cc693ea7d3f44f43735a96f', height: '15px', width: '30%' })))), !this.hasError && this.offer !== null
             ? [h("span", { slot: 'icon', class: "s-offer-modal-header-icon", innerHTML: SpecialDiscountIcon }), this.getOfferContent(),
                 this.getOfferConditions(), h("div", { class: "s-offer-modal-footer", slot: "footer" }, this.offer.formatted_date ?
                     h("p", { class: "s-offer-modal-expiry" }, salla.lang.get('pages.products.offer_expires_in'), " ", this.offer.formatted_date)

package/dist/components/salla-order-details.js

@@ -48,7 +48,7 @@ const SallaOrderDetails$1 = /*@__PURE__*/ proxyCustomElement(class SallaOrderDet
         ];
     }
     render() {
-        return h(Host, { key: 'da14fceaeeace760150ec91d58978b7e3b883356', class: "s-order-details-wrapper" }, this.renderOrderDetailsContent());
+        return h(Host, { key: 'dee58b4aee9e961e401f19024b35524874c85f6f', class: "s-order-details-wrapper" }, this.renderOrderDetailsContent());
     }
     static get watchers() { return {
         "orderDetails": ["parseOrderDetailsData"]

package/dist/components/salla-order-edit-product-card.js

@@ -32,7 +32,7 @@ const SallaOrderEditProductCard$1 = /*@__PURE__*/ proxyCustomElement(class Salla
         const product = this.productData;
         const productName = product?.name || salla.lang.getWithDefault('common.elements.product', 'منتج');
         const price = product?.price;
-        return (h(Host, { key: '0dcf3a6106db0d03e2b4746a821295e200820f03' }, h("button", { key: '11ffc873c2f2750d006a0cbe7a7552b7f763221a', type: "button", class: "s-order-edit-product-card", onClick: () => this.handleSelectProduct() }, h("div", { key: '58cef6bf3c6cbc0c07d4d6414da4692479165904', class: "s-order-edit-product-card-media" }, product?.image?.url ? (h("img", { src: product.image.url, alt: product.image.alt || productName, class: "s-order-edit-product-card-image" })) : (h("div", { class: "s-order-edit-product-card-placeholder" }, h("i", { class: "sicon-shopping-bag" })))), h("div", { key: '77819d6bb5a63ae94c950c38e23d96b04c87b87c', class: "s-order-edit-product-card-content" }, h("h3", { key: '714d714413577586a321d298ace38a8acac2e739', class: "s-order-edit-product-card-title" }, productName), price != null && (h("p", { key: '96fe89acd8a62cc2014207d3466c85e625b83af9', class: "s-order-edit-product-card-price", innerHTML: salla.money(price) }))))));
+        return (h(Host, { key: '03355186aac01cfe50e99c09e15e4a923d83e4f0' }, h("button", { key: 'a0d38460a26df69d4b358ded42b08deaf925eec3', type: "button", class: "s-order-edit-product-card", onClick: () => this.handleSelectProduct() }, h("div", { key: '05f43967adfb4ec591c15702d98f3b906983df3e', class: "s-order-edit-product-card-media" }, product?.image?.url ? (h("img", { src: product.image.url, alt: product.image.alt || productName, class: "s-order-edit-product-card-image" })) : (h("div", { class: "s-order-edit-product-card-placeholder" }, h("i", { class: "sicon-shopping-bag" })))), h("div", { key: '939f2f7912f1f9dc5cd386a4d23f2b3df80f2fc3', class: "s-order-edit-product-card-content" }, h("h3", { key: 'c8b575a83e070515f77fc3c62a4de6cfc70f6587', class: "s-order-edit-product-card-title" }, productName), price != null && (h("p", { key: 'b5691eaeccd99612866e800739ee50ea830d5529', class: "s-order-edit-product-card-price", innerHTML: salla.money(price) }))))));
     }
     static get style() { return sallaOrderEditProductCardCss; }
 }, [0, "salla-order-edit-product-card", {

package/dist/components/salla-order-items2.js

@@ -75,7 +75,7 @@ const SallaOrderItems = /*@__PURE__*/ proxyCustomElement(class SallaOrderItems e
         return (h("div", { class: "s-order-items-item" }, h("span", { class: "s-order-items-image" }, item.image ? h("img", { src: item.image, alt: item.name }) : null), h("div", { class: "s-order-items-text" }, url ? (h("a", { href: url, class: "s-order-items-name", title: item.name }, item.name)) : (h("span", { class: "s-order-items-name", title: item.name }, item.name)), price.html ? h("span", { class: "s-order-items-price", innerHTML: price.html }) : null, price.text ? h("span", { class: "s-order-items-price", innerHTML: moneyTextHtml(price.text) }) : null), item.quantity != null ? (h("span", { class: "s-order-items-qty" }, salla.helpers.number(item.quantity))) : null));
     }
     render() {
-        return (h(Host, { key: '9b230203e222ba078af700f0904f0ae5e717a038', class: "s-order-items-wrapper" }, h("div", { key: 'c2d7073ebcb8190aa0623862ed54e46ad480dc66', class: "s-order-items-card" }, h("button", { key: '61e96ab6f15cf4f2a47793a14734e5a39790df1a', type: "button", class: "s-order-items-header", "aria-expanded": String(!this.collapsed), onClick: () => (this.collapsed = !this.collapsed) }, h("span", { key: 'd6147ffcf049e711c3fb425d16907a673d909468', class: "s-order-items-summary" }, this.collapsed ? this.renderThumbs() : null, h("span", { key: '251bac0840df7da8864b7edff475444fdcafa817', class: "s-order-items-title" }, this.collapsed ? this.collapsedText : this.cardTitle || this.collapsedText), this.collapsed && this.logo ? (h("img", { class: "s-order-items-logo", src: this.logo, alt: "" })) : null), h("span", { key: 'd7ad8f397ee70ae6e0db75a96a8057fcb7bda11f', class: "s-order-items-toggle", "aria-hidden": "true" }, h("i", { key: '0a89826623307035f7c238b4d8cba74665fe9443', class: `hgi-stroke ${this.collapsed ? 'hgi-unfold-more' : 'hgi-unfold-less'}` }))), h("div", { key: '1fc1ec0a2a04381de6ea662e51175591144d4416', class: "s-order-items-list", hidden: this.collapsed }, this.list.map(item => this.renderItem(item))), h("div", { key: '79f677359c4953f4e2a52252033ac479844f2d1a', class: "s-order-items-footer", hidden: this.collapsed }, h("slot", { key: 'db87d52267a4997d43b7063724cfa3e7bdf92912', name: "footer" })))));
+        return (h(Host, { key: '0caddaf962003684a67ff5d2439dff7fa14b029b', class: "s-order-items-wrapper" }, h("div", { key: 'c4bf86751dd8f20b83d99e2f95d0a25ac5acceee', class: "s-order-items-card" }, h("button", { key: 'c10ab197715c6a5b022ace0b5c4ba06d278ebe6b', type: "button", class: "s-order-items-header", "aria-expanded": String(!this.collapsed), onClick: () => (this.collapsed = !this.collapsed) }, h("span", { key: 'f5823e5f5c9f4f5c256ff096532e179247d8478b', class: "s-order-items-summary" }, this.collapsed ? this.renderThumbs() : null, h("span", { key: 'b6c13d062907133880923c5051d33bb255a0110f', class: "s-order-items-title" }, this.collapsed ? this.collapsedText : this.cardTitle || this.collapsedText), this.collapsed && this.logo ? (h("img", { class: "s-order-items-logo", src: this.logo, alt: "" })) : null), h("span", { key: '80c62df6872eda47081b2b012ed1adfcf0fd69b4', class: "s-order-items-toggle", "aria-hidden": "true" }, h("i", { key: 'd733ae71fef343d66ebccbc8a83f332d795aed81', class: `hgi-stroke ${this.collapsed ? 'hgi-unfold-more' : 'hgi-unfold-less'}` }))), h("div", { key: 'b0fbfef920006e7908db84966eba7994a83b85ca', class: "s-order-items-list", hidden: this.collapsed }, this.list.map(item => this.renderItem(item))), h("div", { key: '48e9bf8d2317a3d36456d11ab5503bf6f0322e2a', class: "s-order-items-footer", hidden: this.collapsed }, h("slot", { key: '4d7783a95ba0e0cda4759f5e3c965257e66ef1ab', name: "footer" })))));
     }
     static get watchers() { return {
         "items": ["parseItems"]

package/dist/components/salla-order-payment.js

@@ -63,7 +63,7 @@ const SallaOrderPayment$1 = /*@__PURE__*/ proxyCustomElement(class SallaOrderPay
     }
     render() {
         const invoiceUrl = safeHttpUrl(this.invoiceUrl);
-        return h("section", { key: '315ef59766e984af72300af056bf8a6b920abbee', class: "s-order-payment-wrapper" }, h("dl", { key: 'ef6dec3310faaaaeafcfe3eb8ca1d0567949a005', class: "s-order-payment-list" }, h("div", { key: 'dd63e14441f534433d2e9b409015fcefe48fe5d3', class: "s-order-payment-row" }, h("dt", { key: 'a799bda3655a1efb1abb37edd24a1951083e8f1f' }, salla.lang.get('pages.cart.payment_way')), h("dd", { key: '6bf67863696911d79ada40086eb9a8b8f1001145' }, this.paymentLogo && !this.logoFailed
+        return h("section", { key: 'a11d82b09c38a1f2b8085bcd62e3ba988aff1d30', class: "s-order-payment-wrapper" }, h("dl", { key: 'fdd189e43387e43cc9a2f78416ff6c0463a0fd5c', class: "s-order-payment-list" }, h("div", { key: '27362be4b928815f2b6d2320bb9aada1344c7654', class: "s-order-payment-row" }, h("dt", { key: 'dec8b18118b8629a083720b9242d8b897f92722c' }, salla.lang.get('pages.cart.payment_way')), h("dd", { key: '85d6532a1abe13b7204e16b9e90a88d0958a7e89' }, this.paymentLogo && !this.logoFailed
             // Whole logo, never cropped: _mini images vary (180×120 padded, 538×135, 258×258 …). The box
             // overlaps the row gaps (-my-1.5) so the row keeps its height.
             ? h("span", { class: "s-order-payment-logo" }, h("img", { src: this.paymentLogo, alt: this.paymentMethod || '', loading: "lazy", onError: () => { this.logoFailed = true; } }))

package/dist/components/salla-order-rewards.js

@@ -25,7 +25,7 @@ const SallaOrderRewards$1 = /*@__PURE__*/ proxyCustomElement(class SallaOrderRew
     render() {
         const points = Number.isFinite(this.loyaltyPoints) && this.loyaltyPoints > 0;
         const cashback = Number.isFinite(this.cashbackAmount) && this.cashbackAmount > 0;
-        return h(Host, { key: '48092e64f9a7e927cd9ea209d525f52d6f959e0d', class: { 's-order-rewards-hidden': !points && !cashback } }, points || cashback ? h("div", { class: "s-order-rewards-wrapper" }, h("div", { class: "s-order-rewards-list" }, points ? this.card(this.loyaltyUrl, StarsIcon, `+${salla.helpers.number(this.loyaltyPoints)}`, 'pages.loyalty_program.loyalty_points') : null, cashback ? this.card(this.cashbackUrl, loyaltyProgramIcon, moneyHtml(this.cashbackAmount, this.currency), 'pages.checkout.cashback', true) : null), h("hr", { class: "s-order-rewards-divider" })) : null);
+        return h(Host, { key: '9ff386306001bb290db45c48a6f944c88f707447', class: { 's-order-rewards-hidden': !points && !cashback } }, points || cashback ? h("div", { class: "s-order-rewards-wrapper" }, h("div", { class: "s-order-rewards-list" }, points ? this.card(this.loyaltyUrl, StarsIcon, `+${salla.helpers.number(this.loyaltyPoints)}`, 'pages.loyalty_program.loyalty_points') : null, cashback ? this.card(this.cashbackUrl, loyaltyProgramIcon, moneyHtml(this.cashbackAmount, this.currency), 'pages.checkout.cashback', true) : null), h("hr", { class: "s-order-rewards-divider" })) : null);
     }
     static get style() { return sallaOrderRewardsCss; }
 }, [0, "salla-order-rewards", {