@salla.sa/twilight-components 3.0.19 → 3.0.21

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

@@ -0,0 +1,235 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+import { Fragment, h } from "@stencil/core";
+// 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' },
+};
+/**
+ * Makes a customer flagged as a duplicate confirm the current mobile number or replace it, verified by a code.
+ * Opened by `salla.mobileUpdate`, which mounts it on any theme when the order submit is blocked.
+ */
+export class SallaMobileUpdateModal {
+    constructor() {
+        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))));
+    }
+    static get is() { return "salla-mobile-update-modal"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["salla-mobile-update-modal.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["salla-mobile-update-modal.css"]
+        };
+    }
+    static get states() {
+        return {
+            "options": {},
+            "step": {},
+            "mode": {},
+            "errorMessage": {},
+            "fieldError": {}
+        };
+    }
+    static get methods() {
+        return {
+            "open": {
+                "complexType": {
+                    "signature": "(data?: { options?: string[]; }) => Promise<void>",
+                    "parameters": [{
+                            "name": "data",
+                            "type": "{ options?: string[]; }",
+                            "docs": "`options` is the list the backend returned: `new_number`, and `same_number` for an unresolved duplicate"
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "Mode": {
+                            "location": "global",
+                            "id": "global::Mode"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Open the popup",
+                    "tags": [{
+                            "name": "param",
+                            "text": "data `options` is the list the backend returned: `new_number`, and `same_number` for an unresolved duplicate"
+                        }]
+                }
+            }
+        };
+    }
+    static get elementRef() { return "host"; }
+}

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

@@ -30,7 +30,7 @@ export class SallaMultipleBundleProductCart {
         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/collection/components/salla-multiple-bundle-product/components/salla-multiple-bundle-product-details.js

@@ -375,9 +375,9 @@ export class SallaMultipleBundleProductDetails {
         }
     }
     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' })));
     }
     static get is() { return "salla-multiple-bundle-product-details"; }
     static get originalStyleUrls() {

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

@@ -472,7 +472,7 @@ export class SallaMultipleBundleProductOptionsModal {
         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)),
@@ -480,13 +480,13 @@ export class SallaMultipleBundleProductOptionsModal {
                 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/collection/components/salla-multiple-bundle-product/components/salla-multiple-bundle-product-slider.js

@@ -134,7 +134,7 @@ export class SallaMultipleBundleProductSlider {
         }
     }
     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/collection/components/salla-multiple-bundle-product/salla-multiple-bundle-product.js

@@ -82,7 +82,7 @@ export class SallaMultipleBundleProduct {
         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 is() { return "salla-multiple-bundle-product"; }
     static get originalStyleUrls() {

package/dist/collection/components/salla-notifications/salla-notification-item.js

@@ -4,7 +4,7 @@
 import { h } from "@stencil/core";
 export class SallaNotificationItem {
     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 is() { return "salla-notification-item"; }
     static get originalStyleUrls() {

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

@@ -250,7 +250,7 @@ export 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/collection/components/salla-order-details/salla-order-details.js

@@ -36,7 +36,7 @@ export class SallaOrderDetails {
         ];
     }
     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 is() { return "salla-order-details"; }
     static get originalStyleUrls() {

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

@@ -24,7 +24,7 @@ export class SallaOrderEditProductCard {
         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 is() { return "salla-order-edit-product-card"; }
     static get originalStyleUrls() {

package/dist/collection/components/salla-order-items/salla-order-items.js

@@ -76,7 +76,7 @@ export class SallaOrderItems {
         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 is() { return "salla-order-items"; }
     static get originalStyleUrls() {

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

@@ -53,7 +53,7 @@ export class SallaOrderPayment {
     }
     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/collection/components/salla-order-rewards/salla-order-rewards.js

@@ -19,7 +19,7 @@ export class SallaOrderRewards {
     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, GiftIcon, 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, GiftIcon, moneyHtml(this.cashbackAmount, this.currency), 'pages.checkout.cashback', true) : null), h("hr", { class: "s-order-rewards-divider" })) : null);
     }
     static get is() { return "salla-order-rewards"; }
     static get originalStyleUrls() {

package/dist/collection/components/salla-order-summary/salla-order-summary.js

@@ -65,7 +65,7 @@ export class SallaOrderSummary {
         this.copyCodeButtonTimeout && clearTimeout(this.copyCodeButtonTimeout);
     }
     render() {
-        return (h("ul", { key: '0a05b21cd69915328ed5fa22f48ecc08d8393a7c', class: "s-order-summary-wrapper" }, this.noItemFound ? h("salla-placeholder", { alignment: "center" }, h("span", { slot: "title" })) :
+        return (h("ul", { key: 'b446c1c9c972f9e419b5d378bff85cf742e3772f', class: "s-order-summary-wrapper" }, this.noItemFound ? h("salla-placeholder", { alignment: "center" }, h("span", { slot: "title" })) :
             this.order_items.map((item) => (this.isDigitalCard(item) ? (h("li", { key: item.product.id, class: "s-order-summary-item" }, h("h2", { class: "s-order-summary-item-title" }, this.codes_text, " (", item.name, ")"), item.codes.map((code) => (h("div", { key: code.code, class: "s-order-summary-code-item-wrapper" }, h("p", null, h("span", { innerHTML: iconCreditCard }), h("span", null, code.code)), h("salla-button", { class: `s-order-summary-item-copy-button ${this.codeCopied === code.code ? 'copied' : ''}`, onClick: () => this.copyToClipboardHandler(code.code), shape: "link" }, h("span", { innerHTML: this.codeCopied === code.code ? iconCheck : iconCopy }), h("span", null, this.copy_text))))))) :
                 this.isDigitalProduct(item) ? (h("li", { key: item.product.id, class: "s-order-summary-item" }, h("h2", { class: "s-order-summary-item-title" }, this.files_text, " (", item.name, ")"), h("ul", null, item.files.map((file) => (h("li", { class: "s-order-summary-digital-item-wrapper" }, h("div", null, h("span", { innerHTML: iconFileArchive }), h("span", null, file.name)), h("a", { href: file.url, target: "_blank", class: "s-order-summary-item-download" }, h("span", { innerHTML: iconDownload }), h("span", null, this.download_text)))))))) : null))));
     }

package/dist/collection/components/salla-payments/salla-payments.js

@@ -42,12 +42,12 @@ export class SallaPayments {
     render() {
         const madeInKSA = !this.exclude.includes('made-in-ksa') && salla.config.get('store.settings.made_in_ksa');
         const sbcId = this.exclude.includes('sbc') ? null : salla.config.get('store.settings.certificate.id');
-        return (h(Host, { key: '4e3c1662f11fc2a78fbff8e3276e739647efddd3', class: "s-payments-list-wrap" }, h("ul", { key: '849cc37ee955dbc4b04b8b68c468b363b7ffbaf8', class: "s-payments-list" }, madeInKSA && h("li", { key: '24e228025591dbb6e86c1c37760c220860cf4d7e', class: "s-payments-list-item" }, h("img", { key: '7e7a7fb31a53187d883aaa01a5bc5f75d3ab00c0', width: 58, height: 58, decoding: "async", loading: "lazy", src: salla.url.cdn(`images/made-in-ksa.svg`, 58, 58), alt: "made in KSA certified" })), this.payments.filter(payment => !this.exclude.includes(payment)).map((payment) => (payment == "cod" ?
+        return (h(Host, { key: 'eb0b16a8d95d7e82b023c852054ca16501102aba', class: "s-payments-list-wrap" }, h("ul", { key: '498d19f83e1a7e1f27f6e03b2f93d58b8889a07a', class: "s-payments-list" }, madeInKSA && h("li", { key: 'ec226e4668a634a1886caba6a0dbe62ba87a36c3', class: "s-payments-list-item" }, h("img", { key: 'a5d5716201bb62dd7de8295923a79d3a596b0a90', width: 58, height: 58, decoding: "async", loading: "lazy", src: salla.url.cdn(`images/made-in-ksa.svg`, 58, 58), alt: "made in KSA certified" })), this.payments.filter(payment => !this.exclude.includes(payment)).map((payment) => (payment == "cod" ?
             h("div", { id: "cod-slot", innerHTML: this.codSlot
                     .replace(/\{image\}/g, this.paymentLogo(`cod`)) }) :
             h("div", { id: "payment-slot", innerHTML: this.paymentSlot
                     .replace(/\{image\}/g, this.paymentLogo(payment))
-                    .replace(/\{payment\}/g, payment) }))), sbcId && h("div", { key: '82fe0f6f2e0f7515c77f9db040cb84aa8bb19761', id: "sbc-slot", innerHTML: this.sbcSlot
+                    .replace(/\{payment\}/g, payment) }))), sbcId && h("div", { key: 'dac8e679a47767b558a92a1832d9a849e2618ab1', id: "sbc-slot", innerHTML: this.sbcSlot
                 .replace(/\{image\}/g, salla.url.cdn(`images/sbc.png`, 58, 58))
                 .replace(/\{link\}/g, `https://eauthenticate.saudibusiness.gov.sa/certificate-details/${sbcId}`) }))));
     }

package/dist/collection/components/salla-placeholder/salla-placeholder.js

@@ -45,7 +45,7 @@ export class SallaPlaceholder {
         };
     }
     render() {
-        return (h(Host, { key: '6721d56632a696a5cced960705e3e673ed903612', class: this.alignmentClass() }, h("div", { key: 'e208636c2356a343a61ecffb4667aefded2a89e4', class: `s-placeholder-icon s-placeholder-icon-${this.iconSize}`, innerHTML: this.icon }), h("div", { key: '5062d6e686f22e9022cfcf20d0e765eb043eedea', class: "s-placeholder-title" }, h("slot", { key: '7f823cd4f4e5440413ec70f1153721e6bcee1847', name: 'title' }, h("span", { key: '6845e1aa3ac7b5390bde2d61f38fcc96131bbcaf' }, getSdkValueOrFallback(undefined, () => salla.lang.get('common.elements.no_options'), 'No options available')))), h("div", { key: 'e4ccf03b42df98d60a16dc03c4e8ce4449965a87', class: "s-placeholder-description" }, h("slot", { key: 'c0328e609cdfd19747aaeb001fffc327237b6560', name: 'description' }, h("span", { key: 'c10a8aa9067dcf517b72c8656a6b41f3c49ee556' }, getSdkValueOrFallback(undefined, () => salla.lang.get('common.errors.empty_results'), 'No results found'))))));
+        return (h(Host, { key: '27a55988a5b87420723c19fd5f8831cfdae68095', class: this.alignmentClass() }, h("div", { key: '05b2b7cf16fefe961cf3db6228c943df8b3cfa33', class: `s-placeholder-icon s-placeholder-icon-${this.iconSize}`, innerHTML: this.icon }), h("div", { key: '725cb45503b0f57464d91a1f82c28d65d04dfc68', class: "s-placeholder-title" }, h("slot", { key: 'b4ffaf517b05b048aa8e0c629f2792ffa3421370', name: 'title' }, h("span", { key: 'fd8d78ea3af79c0ddbbae7c05e783f34d54952fc' }, getSdkValueOrFallback(undefined, () => salla.lang.get('common.elements.no_options'), 'No options available')))), h("div", { key: 'cfe26fdad2c6372241ef1928a0241bd74c7bec8e', class: "s-placeholder-description" }, h("slot", { key: '4cbd09630ef027012043123e27cfbb4fe9b485ef', name: 'description' }, h("span", { key: 'b4bb80713e68477af56f5ee4908a10c36151b3d5' }, getSdkValueOrFallback(undefined, () => salla.lang.get('common.errors.empty_results'), 'No results found'))))));
     }
     static get is() { return "salla-placeholder"; }
     static get originalStyleUrls() {

package/dist/collection/components/salla-product-availability/salla-product-availability.js

@@ -146,7 +146,7 @@ export class SallaProductAvailability {
         field.nextElementSibling['innerText'] = '* ' + errorMsg;
     }
     render() {
-        return (h(Host, { key: '1ff9ac8f5ca9b90bc9a2c0e4451b4e4214d0b68c', class: "s-product-availability-wrap" }, this.isSubscribedToProduct
+        return (h(Host, { key: '8d535fe3ebb0446c6a40d6ec1edececb5b783434', class: "s-product-availability-wrap" }, this.isSubscribedToProduct
             ? h("div", { class: "s-product-availability-subscribed" }, h("span", { innerHTML: BellRingIcon, 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.isSubscribedToProduct ? '' : this.renderModal()));

package/dist/collection/components/salla-product-card-embed/salla-product-card-embed.js

@@ -94,7 +94,7 @@ export class SallaProductCardEmbed {
             's-product-card-embed-card-align-right': this.align === 'right',
             's-product-card-embed-card-align-center': this.align === 'center',
         };
-        return (h(Host, { key: 'f5761d649a68a3fe2c2cf9181d84bb2a4d98f26e' }, this.hasError && h("span", { key: 'c6f21121d9804060426c5610cd955ec22a78983c', class: "s-product-card-embed-fallback" }), h("div", { key: 'a16356287e33d583cb13a1f2da177bb545bf9c88', class: cardClasses, ref: (el) => {
+        return (h(Host, { key: 'd101dffe8024843e9a30560769da562d64099a81' }, this.hasError && h("span", { key: '26becaac97d2f2a5b27d6c2c3d7dda609d1d7013', class: "s-product-card-embed-fallback" }), h("div", { key: '339d54dba04807ff0b7aa2ad514ec6ba68200b41', class: cardClasses, ref: (el) => {
                 this.cardContainer = el;
             } })));
     }

package/dist/collection/components/salla-product-size-guide/salla-product-size-guide.js

@@ -52,11 +52,11 @@ export class SallaProductSizeGuide {
         return h("salla-placeholder", { alignment: "center", iconSize: "xl" }, h("div", { slot: "title" }, this.placeholder_title), h("div", { slot: "description" }, this.placeholder_description));
     }
     render() {
-        return (h("salla-modal", { key: '31195e037abff8654af838c6c87ba5e52646afe2', class: "s-product-size-guide-wrapper", id: 'salla-product-size-guide-modal', isLoading: true, "has-skeleton": true, width: "md", ref: modal => this.modal = modal }, h("span", { key: '586f60a7466f2f9d167f5861357f4337b325e706', slot: 'icon', class: "s-product-size-guide-header-icon", innerHTML: PencilRuler }), h("div", { key: '0e129703a53a4de9a280d067600991ef6d020f59', slot: "loading" }, h("div", { key: '7937b1e2525437aba3e0d25987678ffe0bfaec06', class: "s-product-size-guide-skeleton" }, h("salla-skeleton", { key: '03201726c4817b1a61dc9d0a6b5076d33e8d5abe', height: '15px', width: '25%' }), h("div", { key: 'bb71cdf3ee7b1d82fab177be16c65bb15f46af35', class: "s-product-size-guide-skeleton-header" }, h("salla-skeleton", { key: '1dabafdfb70285a313024c4481da2b8d82d2706a', height: '40px' }), h("salla-skeleton", { key: 'd858a2795a8f2e9b92fe74b435acab70cde9cf79', height: '40px' }), h("salla-skeleton", { key: 'aa02427470f7b1614d7900e8eed981a91da80dd7', height: '40px' }), h("salla-skeleton", { key: 'fee729b4620c49cb2d869851dfdfbd3f56713b2b', height: '40px' })), h("div", { key: 'acac2ba31051539ce1d7a86cbb54b0a95d672716', class: "s-product-size-guide-skeleton-content" }, h("salla-skeleton", { key: '950bac6b9532c876a9b19fe7eb614218d8eabed1', height: '15px', width: '25%' }), h("salla-skeleton", { key: '3a03a7cee62ff565c38dbd4cac10b155841a4a17', height: '10px', width: '75%' }), h("salla-skeleton", { key: '731c5f9191b4133d35d32914063ab5ee207160a5', height: '10px', width: '50%' }), h("salla-skeleton", { key: 'ecf3a698f63110937102b881ed8888bffc1aff6f', height: '10px', width: '75%' }), h("salla-skeleton", { key: '52d88576752037bcf9878a8527aa3d083f5d0e89', height: '10px', width: '100%' }), h("salla-skeleton", { key: '9b1274d4c5e9d997b1fa23005ca8a07b0d067574', height: '10px', width: '25%' }), h("salla-skeleton", { key: '15c28ca15f44c71417c6ad340303eed09bd33752', height: '10px', width: '60%' }), h("salla-skeleton", { key: 'dcf626b475fbe54ed2d8c678261d7e98e4640c42', height: '10px', width: '45%' }), h("salla-skeleton", { key: 'b242994920b6f079b0d0aa582f92fa85e8ff355a', height: '10px', width: '30%' })))), h("slot", { key: 'd8f52fa5454c208364e1d062dc102c628945318a', name: "header" }), !this.hasError && !!this.guides ?
+        return (h("salla-modal", { key: '949a60f0becc6594358c20215c86564c9f96a5b2', class: "s-product-size-guide-wrapper", id: 'salla-product-size-guide-modal', isLoading: true, "has-skeleton": true, width: "md", ref: modal => this.modal = modal }, h("span", { key: 'a250df4a45be84188ce9875c969d544baee4aba8', slot: 'icon', class: "s-product-size-guide-header-icon", innerHTML: PencilRuler }), h("div", { key: '5a3e827e8223a846f7b33372c4550144802bfd5d', slot: "loading" }, h("div", { key: '77c24101a09e4ef97deed4a74e07e704300bffeb', class: "s-product-size-guide-skeleton" }, h("salla-skeleton", { key: 'a4803f830e8c682a299df76a4a16b2ad38a031d5', height: '15px', width: '25%' }), h("div", { key: 'fa7bb72254eaa88670b0625244a19e8718cdc19c', class: "s-product-size-guide-skeleton-header" }, h("salla-skeleton", { key: '90e41d1cba2dc9adc9730e9c84a0703dd222ec2c', height: '40px' }), h("salla-skeleton", { key: '09042f1818dd7bc5e03bb21adcbd7ea0a247287b', height: '40px' }), h("salla-skeleton", { key: '36e3a8804cebc939cf3e7d595f42b0ab145a8906', height: '40px' }), h("salla-skeleton", { key: 'c0517ad2fad0e2a120af65a67524e8e368bcbbbe', height: '40px' })), h("div", { key: '72277a6e5717cb6f46b7d4ca00315e3fc6323840', class: "s-product-size-guide-skeleton-content" }, h("salla-skeleton", { key: 'a8fc7c88dfba933765c59e94efd6f57975d384d3', height: '15px', width: '25%' }), h("salla-skeleton", { key: '7f551c7e5851080aad5147ad026700ade3d4f729', height: '10px', width: '75%' }), h("salla-skeleton", { key: '4690828dd0204b6682658093ddcd782b7d7808cf', height: '10px', width: '50%' }), h("salla-skeleton", { key: 'cfbc0911430d4f0f86fbd23f7a2cb795997f9ead', height: '10px', width: '75%' }), h("salla-skeleton", { key: '5dc89933c85eda48afb6d71755e5e810644b25dd', height: '10px', width: '100%' }), h("salla-skeleton", { key: 'a87d5c8c088241516fb5a1e3f09a3c2f31231fe3', height: '10px', width: '25%' }), h("salla-skeleton", { key: 'e103932b5300849c43b141d0551cb69291e7ebdd', height: '10px', width: '60%' }), h("salla-skeleton", { key: '7ebf1a7aa02eae1bca9aafd06b0b85bc8c188ef1', height: '10px', width: '45%' }), h("salla-skeleton", { key: '25e82e97bf169c5757bd02139160cf6b75efb993', height: '10px', width: '30%' })))), h("slot", { key: '36fe07ad56643fb92b517c4bf92424a893c7ba9b', name: "header" }), !this.hasError && !!this.guides ?
             [
                 h("salla-tabs", { activeTab: this.guides[0]?.name }, this.guides.map((guide) => h("salla-tab-header", { slot: "header", name: guide.name }, h("span", null, guide.name))), this.guides.map((guide) => h("salla-tab-content", { slot: "content", name: guide.name }, h("div", { innerHTML: guide.description }))))
             ]
-            : this.showPlaceholder(), h("slot", { key: '1a0d9d1a01e18e5bd1c610dac92654f53c2dcad4', name: "footer" })));
+            : this.showPlaceholder(), h("slot", { key: '4b6c6a747d398416f814e316fcb97db5281237a5', name: "footer" })));
     }
     static get is() { return "salla-product-size-guide"; }
     static get originalStyleUrls() {

package/dist/collection/components/salla-quantity-input/salla-quantity-input.js

@@ -101,7 +101,7 @@ export class SallaQuantityInput {
         if (!inputAttributes['aria-label'] && !inputAttributes['aria-labelledby']) {
             inputAttributes['aria-label'] = getSdkValueOrFallback(undefined, () => salla.lang.getWithDefault('common.elements.quantity', 'Quantity'), 'Quantity');
         }
-        return (h(Host, { key: 'e5bc3cde1c4f6eda2d515a83f227bde3c92bbecb', class: "s-quantity-input" }, h("div", { key: 'b7a80aa9d3d1b37ba7a57b36a18c230c30e92f2f', class: "s-quantity-input-container" }, h("button", { key: 'b9c60559d7adea97f15e6cfc5ed83d244af0a291', onClick: () => this.increase(), class: "s-quantity-input-increase-button s-quantity-input-button", type: "button", "aria-label": getSdkValueOrFallback(undefined, () => salla.lang.getWithDefault('common.elements.increase_quantity', 'Increase quantity'), 'Increase quantity') }, !this.hasIncrementSlot ? h("span", { innerHTML: Add }) : '', h("slot", { key: '9096d5bd9d412499e6a76e420a3385301b3b97c3', name: "increment-button" })), h("input", { key: '587e8a3d6e7c76b9a28f663d7d88667b46b8e002', 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: '2087a1aacfb62ae93718cf3f553211997480dad8', class: "s-quantity-input-decrease-button s-quantity-input-button", onClick: () => this.decrease(), type: "button", "aria-label": getSdkValueOrFallback(undefined, () => salla.lang.getWithDefault('common.elements.decrease_quantity', 'Decrease quantity'), 'Decrease quantity') }, !this.hasDecrementSlot ? h("span", { innerHTML: Minus }) : '', h("slot", { key: '5c639d8537ba1d0cc385ba25a8e680022b446028', name: "decrement-button" })))));
+        return (h(Host, { key: '6740abf0724452cb0931889f40eb03318c04c4f2', class: "s-quantity-input" }, h("div", { key: 'fd49dd951d1ed0eed508665ef23718fef775cfa8', class: "s-quantity-input-container" }, h("button", { key: 'e8216ee643766ec8ddd7938fc5143dc76db479df', onClick: () => this.increase(), class: "s-quantity-input-increase-button s-quantity-input-button", type: "button", "aria-label": getSdkValueOrFallback(undefined, () => salla.lang.getWithDefault('common.elements.increase_quantity', 'Increase quantity'), 'Increase quantity') }, !this.hasIncrementSlot ? h("span", { innerHTML: Add }) : '', h("slot", { key: '6795b630592a04fa8edada9ff31108915cb5c6b9', name: "increment-button" })), h("input", { key: 'd43559ee2c1930664d9c813570412aec8035f4ca', 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: 'dd9346b8c71513571a4388700d640f37266ebbd5', class: "s-quantity-input-decrease-button s-quantity-input-button", onClick: () => this.decrease(), type: "button", "aria-label": getSdkValueOrFallback(undefined, () => salla.lang.getWithDefault('common.elements.decrease_quantity', 'Decrease quantity'), 'Decrease quantity') }, !this.hasDecrementSlot ? h("span", { innerHTML: Minus }) : '', h("slot", { key: '7b905f3a8708a75b81a8478fd63c1f20744d9c87', name: "decrement-button" })))));
     }
     static get is() { return "salla-quantity-input"; }
     static get originalStyleUrls() {