@salla.sa/twilight-components 2.14.312 → 2.14.338

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

@@ -22,6 +22,7 @@ export class SallaProductOptions {
         this.selectAmount = salla.lang.getWithDefault('pages.products.select_amount', 'اختر المبلغ');
         this.isCustomDonation = false;
         this.selectedOptions = [];
+        this.canDisabled = false;
         this.disableCardValue = true;
         this.availableDigitalCardValues = [];
         this.userInitiatedValidation = false;
@@ -77,7 +78,6 @@ export class SallaProductOptions {
             const completed = option.donation.target_amount <= option.donation.collected_amount;
             return h("div", { class: { "s-product-options-donation-message": true, "s-product-options-donation-completed": completed, "s-product-options-donation-expired": !completed } }, h("p", null, option.donation.target_message), h("span", { innerHTML: completed ? salla.money(option.donation.target_amount) : '' }));
         };
-        this.canDisabled = !salla.config.get('store.settings.product.notify_options_availability') || salla.url.is_page('cart');
         salla.lang.onLoaded(() => {
             this.outOfStockText = salla.lang.get("pages.products.out_of_stock");
             this.donationAmount = salla.lang.get('pages.products.donation_amount');
@@ -177,7 +177,7 @@ export class SallaProductOptions {
         if (!closestProductOption.classList.contains('s-product-options-option-error')) {
             closestProductOption.classList.add('s-product-options-option-error');
         }
-        if (this.userInitiatedValidation && !salla.url.is_page('cart')) {
+        if ((this.userInitiatedValidation || salla.helpers.isIOSDevice()) && !salla.url.is_page('cart')) {
             const firstInvalidElement = this.host.querySelector('.s-product-options-option-error');
             if (firstInvalidElement === closestProductOption) {
                 this.scrollToElement(closestProductOption);
@@ -185,9 +185,9 @@ export class SallaProductOptions {
         }
     }
     scrollToElement(element) {
-        if (element) {
-            element.scrollIntoView({ behavior: 'smooth', block: 'center' });
-        }
+        if (!element)
+            return;
+        element.scrollIntoView({ behavior: 'smooth', block: 'center' });
     }
     changedHandler(event, option, fireChangeEvent = true) {
         const data = {
@@ -382,10 +382,17 @@ export class SallaProductOptions {
         }
         this.outOfStockText = salla.lang.get('pages.products.out_of_stock');
         await salla.onReady();
-        document.addEventListener("paste", this.handlePaste.bind(this));
+        this.canDisabled = !salla.config.get('store.settings.product.notify_options_availability') || salla.url.is_page('cart');
+        this.pasteHandler = this.handlePaste.bind(this);
+        document.addEventListener("paste", this.pasteHandler);
         const needsCartId = (!salla.storage.get('cart.id') && this.optionsData.some(option => ['file', 'image'].includes(option.type)));
         return needsCartId ? salla.api.cart.getCurrentCartId(false, "salla-product-options") : null;
     }
+    disconnectedCallback() {
+        if (this.pasteHandler) {
+            document.removeEventListener("paste", this.pasteHandler);
+        }
+    }
     /**
      * This is a workaround for a bug in iOS 26 Safari, when pasting English text to RTL inputs, it adds extra text!!
      * To avoid any break changes, we will make it only work on these conditions:
@@ -399,7 +406,8 @@ export class SallaProductOptions {
         const target = event.target;
         if (!Salla.helpers.isAppleDevice()
             || !(target instanceof HTMLInputElement || target instanceof HTMLTextAreaElement)
-            || !target.classList.contains('s-form-control')) {
+            || !target.classList.contains('s-form-control')
+            || !this.host.contains(target)) {
             return;
         }
         // Prevent default paste (to avoid Safari inserting extra content)
@@ -429,7 +437,7 @@ export class SallaProductOptions {
         }
         return (h(Host, { class: "s-product-options-wrapper" }, h("salla-conditional-fields", null, this.optionsData.map((option) => h("div", { key: option.id, class: `s-product-options-option-container${option.visibility_condition || this.hideDigitalCardsOptions(option) ? ' hidden' : ''}`, "data-option-id": option.id, ...this.getOptionShownWhen(option) }, option.name === 'splitter' ?
             this.splitterOption()
-            : h("div", { class: { "s-product-options-option": true, "s-product-options-option-booking": option.type === DisplayType.BOOKING && salla.url.is_page("cart") }, "data-option-type": option.type, "data-option-required": `${option.required}` }, h("label", { htmlFor: this.generateInputName(option.id), class: `s-product-options-option-label ${this.hideLabel(option) ? 's-product-options-option-label-hidden' : ''}` }, h("b", null, option.name, option.required && h("span", null, " * "), " "), h("small", null, option.placeholder)), h("div", { class: `s-product-options-option-content ${this.hideLabel(option) || (option.type === DisplayType.BOOKING && salla.url.is_page("cart")) ? 's-product-options-option-content-full-width' : ''}` }, this.getDisplayForType(option))))))));
+            : h("div", { class: { "s-product-options-option": true, "s-product-options-option-booking": option.type === DisplayType.BOOKING && salla.url.is_page("cart") }, "data-option-type": option.type, "data-option-required": `${option.required}` }, h("label", { htmlFor: this.generateInputId(option.id), class: `s-product-options-option-label ${this.hideLabel(option) ? 's-product-options-option-label-hidden' : ''}` }, h("b", null, option.name, option.required && h("span", null, " * "), " "), h("small", null, option.placeholder)), h("div", { class: `s-product-options-option-content ${this.hideLabel(option) || (option.type === DisplayType.BOOKING && salla.url.is_page("cart")) ? 's-product-options-option-content-full-width' : ''}` }, this.getDisplayForType(option))))))));
     }
     generateUniqueKey(defaultValue) {
         const contextData = this.bundleContext;
@@ -449,6 +457,14 @@ export class SallaProductOptions {
         }
         return baseKey;
     }
+    /**
+     * Generate a valid HTML id for option inputs.
+     * @param optionId - The option ID
+     * @returns The formatted id string
+     */
+    generateInputId(optionId) {
+        return this.generateUniqueKey(`option-${optionId}`);
+    }
     /**
      * Generate the correct input name based on bundle context
      * @param optionId - The option ID
@@ -456,6 +472,7 @@ export class SallaProductOptions {
      */
     generateInputName(optionId) {
         const contextData = this.bundleContext;
+        const baseOptionId = optionId.toString();
         if (contextData) {
             try {
                 // Handle both string and object types
@@ -463,13 +480,13 @@ export class SallaProductOptions {
                     ? JSON.parse(contextData)
                     : contextData;
                 const { sectionId, productId } = context;
-                return `bundle[${sectionId}][${productId}][options][${optionId}]`;
+                return `bundle[${sectionId}][${productId}][options][${baseOptionId}]`;
             }
             catch (e) {
-                return `options[${optionId}]`;
+                return `options[${baseOptionId}]`;
             }
         }
-        return `options[${optionId}]`;
+        return `options[${baseOptionId}]`;
     }
     fillSelectedOptions() {
         this.selectedOptions = this.optionsData.reduce((acc, opt) => {
@@ -547,7 +564,7 @@ export class SallaProductOptions {
     // TODO: (ONLY FOR TESTING!) find a better way to make it testable, e.g. wrap it with a unique class like textOption
     //@ts-ignore
     numberOption(option) {
-        return h("input", { type: "text", value: option.value, class: "s-form-control", required: !option.visibility_condition && option.required, name: this.generateInputName(option.id), placeholder: option.placeholder, onBlur: e => this.changedHandler(e, option), onInvalid: (e) => this.invalidHandler(e, option), onInput: e => salla.helpers.inputDigitsOnly(e.target) });
+        return h("input", { type: "text", value: option.value, class: "s-form-control", required: !option.visibility_condition && option.required, id: this.generateInputId(option.id), name: this.generateInputName(option.id), placeholder: option.placeholder, onBlur: e => this.changedHandler(e, option), onInvalid: (e) => this.invalidHandler(e, option), onInput: e => salla.helpers.inputDigitsOnly(e.target) });
     }
     //@ts-ignore
     splitterOption() {
@@ -555,12 +572,12 @@ export class SallaProductOptions {
     }
     //@ts-ignore
     textOption(option) {
-        return h("div", { class: "s-product-options-text" }, h("input", { type: "text", value: option.value, maxLength: option?.length, class: 's-form-control', required: !option.visibility_condition && option.required, name: this.generateInputName(option.id), placeholder: option.placeholder, onInvalid: (e) => this.invalidHandler(e, option), onChange: e => this.changedHandler(e, option) }));
+        return h("div", { class: "s-product-options-text" }, h("input", { type: "text", value: option.value, maxLength: option?.length, class: 's-form-control', required: !option.visibility_condition && option.required, id: this.generateInputId(option.id), name: this.generateInputName(option.id), placeholder: option.placeholder, onInvalid: (e) => this.invalidHandler(e, option), onChange: e => this.changedHandler(e, option) }));
     }
     //@ts-ignore
     textareaOption(option) {
         //todo::remove mt-1 class, and if it's okay to remove the tag itself will be great
-        return h("div", { class: "s-product-options-textarea" }, h("div", { class: "mt-1" }, h("textarea", { rows: 4, value: option.value, maxLength: option?.length, class: "s-form-control", required: !option.visibility_condition && option.required, id: this.generateUniqueKey(option.id.toString()), name: this.generateInputName(option.id), placeholder: option.placeholder, onInvalid: (e) => this.invalidHandler(e, option), onChange: (e) => this.changedHandler(e, option) })));
+        return h("div", { class: "s-product-options-textarea" }, h("div", { class: "mt-1" }, h("textarea", { rows: 4, value: option.value, maxLength: option?.length, class: "s-form-control", required: !option.visibility_condition && option.required, id: this.generateInputId(option.id), name: this.generateInputName(option.id), placeholder: option.placeholder, onInvalid: (e) => this.invalidHandler(e, option), onChange: (e) => this.changedHandler(e, option) })));
     }
     //@ts-ignore
     mapOption(option) {
@@ -656,7 +673,7 @@ export class SallaProductOptions {
      * @returns HTMLElement - A select dropdown element with all option details.
      */
     renderSelect(option) {
-        return (h("div", null, h("select", { name: this.generateInputName(option.id), required: !option.visibility_condition && option.required, class: "s-form-control", onInvalid: (e) => this.invalidHandler(e, option), onChange: (e) => this.changedHandler(e, option) }, h("option", { value: "" }, option.placeholder), option?.details.map((detail) => (h("option", { key: detail.id, value: detail.id, disabled: this.canDisabled && this.isOptionDetailOut(detail), selected: detail.is_selected }, this.getOptionDetailName(detail)))))));
+        return (h("div", null, h("select", { id: this.generateInputId(option.id), name: this.generateInputName(option.id), required: !option.visibility_condition && option.required, class: "s-form-control", onInvalid: (e) => this.invalidHandler(e, option), onChange: (e) => this.changedHandler(e, option) }, h("option", { value: "" }, option.placeholder), option?.details.map((detail) => (h("option", { key: detail.id, value: detail.id, disabled: this.canDisabled && this.isOptionDetailOut(detail), selected: detail.is_selected }, this.getOptionDetailName(detail)))))));
     }
     /**
      * Renders a grid-based layout for option inputs (radio or checkbox).
@@ -732,7 +749,11 @@ export class SallaProductOptions {
     }
     countryOption(option) {
         return h("div", { class: "s-product-options-digital-card-wrapper" }, option.details.map((detail) => {
-            return h("label", { htmlFor: this.generateUniqueKey(detail.id.toString()), key: detail.id, class: { "s-product-options-digital-card-option": true, "s-product-options-digital-card-option-stock-out": detail.is_out } }, h("input", { id: this.generateUniqueKey(detail.id.toString()), type: "radio", class: "s-form-control s-product-options-digital-card-input", value: detail.id, name: this.generateInputName(option.id), disabled: detail.is_out, required: !option.visibility_condition && option.required, onInvalid: (e) => this.invalidHandler(e, option), onChange: e => this.changedHandler(e, option), onClick: () => { this.disableCardValue = false; }, ...(salla.url.is_page("cart") ? { defaultChecked: this.getSelectedDigitalCardOptions(option)?.id === detail.id } : {}) }), h("img", { loading: 'lazy', alt: detail.code, height: 24, width: 24, class: "s-product-options-country-flag", src: `https://cdn.assets.salla.network/prod/admin/cp/assets/flags/1x1/${String(detail.code).toLocaleLowerCase()}.svg` }), h("span", null, detail.name));
+            return h("label", { htmlFor: this.generateUniqueKey(detail.id.toString()), key: detail.id, class: { "s-product-options-digital-card-option": true, "s-product-options-digital-card-option-stock-out": detail.is_out } }, h("input", { id: this.generateUniqueKey(detail.id.toString()), type: "radio", class: "s-form-control s-product-options-digital-card-input", value: detail.id, name: this.generateInputName(option.id), disabled: detail.is_out, required: !option.visibility_condition && option.required, onInvalid: (e) => this.invalidHandler(e, option), onChange: e => this.changedHandler(e, option), onClick: () => { this.disableCardValue = false; }, ...(salla.url.is_page("cart") ? { defaultChecked: this.getSelectedDigitalCardOptions(option)?.id === detail.id } : {}) }), h("img", { loading: "lazy", alt: detail.code, height: 24, width: 24, class: "s-product-options-country-flag", src: `https://cdn.assets.salla.network/prod/admin/cp/assets/flags/1x1/${String(detail.code).toLocaleLowerCase()}.svg`, onError: e => {
+                    e.currentTarget.onerror = null;
+                    e.currentTarget.src =
+                        salla.url.cdn('images/globe.svg');
+                } }), h("span", null, detail.name));
         }));
     }
     static get is() { return "salla-product-options"; }

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

@@ -45,11 +45,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: '384f363c957c3df3ee65334136f7d0ef09ce36fc', 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: '0c049828fbf3eae9156f24d6ef30b5b823bfd2c1', slot: 'icon', class: "s-product-size-guide-header-icon", innerHTML: PencilRuler }), h("div", { key: '8166846ab7611d50796bce6d208f6978f5c1c088', slot: "loading" }, h("div", { key: '6feaa9186dfd939b36d05c5f337c8784fc644480', class: "s-product-size-guide-skeleton" }, h("salla-skeleton", { key: '921e7520d9a90e751222c18716bfb39a865b4b46', height: '15px', width: '25%' }), h("div", { key: '1ecb6eb9a1728656ddfe699cf376737dd7b72357', class: "s-product-size-guide-skeleton-header" }, h("salla-skeleton", { key: '9d8c11db7b515db9b4c341c90211882803a58e9c', height: '40px' }), h("salla-skeleton", { key: 'e91f8003b99e1126e5254a729d62542e032f4e99', height: '40px' }), h("salla-skeleton", { key: 'e6d30569c9d87bc0e9e273df13fb2d57d5bd3716', height: '40px' }), h("salla-skeleton", { key: '112765ae4bc7e1a41377e67523737049b8234e8d', height: '40px' })), h("div", { key: '2248ed8073b05ccea031742a498e1dc3bb3178e3', class: "s-product-size-guide-skeleton-content" }, h("salla-skeleton", { key: '7d5929af223435e8f43362f78b277bbd0e0d9479', height: '15px', width: '25%' }), h("salla-skeleton", { key: 'cd4eab828a3e625ab3a8f16f6199861035c1fe49', height: '10px', width: '75%' }), h("salla-skeleton", { key: '83c1a6ed44dc352dfb7e29e41f82b4f6043b0695', height: '10px', width: '50%' }), h("salla-skeleton", { key: 'f9c4005b5b2dbf50ec29506ccbf13fee6642fffa', height: '10px', width: '75%' }), h("salla-skeleton", { key: 'fed1a272411d0d092c9d384962e0d1dcfb10ca40', height: '10px', width: '100%' }), h("salla-skeleton", { key: 'a8933a1796a4993431fce91f9f471310aeca3a77', height: '10px', width: '25%' }), h("salla-skeleton", { key: '79a1e76732a2aff6245fd860940c37ea7e1a1b2b', height: '10px', width: '60%' }), h("salla-skeleton", { key: '19cf1175e01bb2e88e8253c5389d137d00441d77', height: '10px', width: '45%' }), h("salla-skeleton", { key: '919c1fe25c1d87a986560d915e1684ce041c3b41', height: '10px', width: '30%' })))), h("slot", { key: '583482193b8fbc5305b3f17e2a4b5ac432d02914', name: "header" }), !this.hasError && !!this.guides ?
+        return (h("salla-modal", { key: '6c952c6cdd01f99332809112fd5921c4b43cd518', 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: 'f4260144f981da0081e09895b7a065cad1fa66bc', slot: 'icon', class: "s-product-size-guide-header-icon", innerHTML: PencilRuler }), h("div", { key: '80e28a80741f103fdc788a6afa8809dfabfd64f6', slot: "loading" }, h("div", { key: 'e190d657a6a03e48a813c2f78321c12cf95eadcb', class: "s-product-size-guide-skeleton" }, h("salla-skeleton", { key: '94cb87240b52244a86ba76893261048aa3f356d9', height: '15px', width: '25%' }), h("div", { key: 'c8bba70713c78829d0973b845a3ed942cb7fa150', class: "s-product-size-guide-skeleton-header" }, h("salla-skeleton", { key: '13b2fe8a4655457567d087e5763e43abb8b2d2a5', height: '40px' }), h("salla-skeleton", { key: '4b23015076c7c44794eecf85a4355264f778ef10', height: '40px' }), h("salla-skeleton", { key: '3cd58dfafb05cc2bac89ad6973247075d0dd9571', height: '40px' }), h("salla-skeleton", { key: '36f28def58893e567e6186d94ec3a84abed159ab', height: '40px' })), h("div", { key: '854881c782f372b2ed1b08874dfa4bd5d64edef2', class: "s-product-size-guide-skeleton-content" }, h("salla-skeleton", { key: 'a790751c95177a49135859f5810b4cd947fa4314', height: '15px', width: '25%' }), h("salla-skeleton", { key: 'a9e4bd9a0bf55bd391da7f68ba85db7893f1eb81', height: '10px', width: '75%' }), h("salla-skeleton", { key: 'b0f73c83abd9b6e8521dacb823d65f13f9ba54bb', height: '10px', width: '50%' }), h("salla-skeleton", { key: 'fe92879eedf28801c4d267e4595e5f4aa5c7b871', height: '10px', width: '75%' }), h("salla-skeleton", { key: '652d460114bc710073adcb2e31a6627c938259c5', height: '10px', width: '100%' }), h("salla-skeleton", { key: '71f461d5256a05d4ac407b00daf2e20dccef0cf5', height: '10px', width: '25%' }), h("salla-skeleton", { key: 'dbd224caad4233eb0bf8a5012fab7160d067d371', height: '10px', width: '60%' }), h("salla-skeleton", { key: 'c87baa836ae0282047ccc8b7fb122a80cdf7256a', height: '10px', width: '45%' }), h("salla-skeleton", { key: '2c02db790ed567de556d7fa74f48843d156dedb6', height: '10px', width: '30%' })))), h("slot", { key: '155efc69836cfc62382a8b3f7929c7200244f4ba', name: "header" }), !this.hasError && !!this.guides ?
             [
                 h("salla-tabs", null, 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: 'd6ad0d235f1bb604cdef6a8e092b80eb09e5c447', name: "footer" })));
+            : this.showPlaceholder(), h("slot", { key: '6d212a3d48df9363485e77f37f71276a1c3f8ee7', name: "footer" })));
     }
     static get is() { return "salla-product-size-guide"; }
     static get originalStyleUrls() {

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

@@ -7,6 +7,10 @@ import Minus from "../../assets/svg/minus.svg";
 import Helper from "../../Helpers/Helper";
 export class SallaQuantityInput {
     constructor() {
+        /**
+         * Based on store setting: store.settings.product.manual_quantity
+         */
+        this.disableInput = false;
         this.hostAttributes = {};
         this.hasIncrementSlot = false;
         this.hasDecrementSlot = false;
@@ -32,7 +36,9 @@ export class SallaQuantityInput {
             });
         });
     }
-    componentWillLoad() {
+    async componentWillLoad() {
+        await salla.onReady();
+        this.disableInput = salla.config.get('store.settings.product.manual_quantity');
         this.quantity = parseInt(this.host.getAttribute('value')) || 1;
         this.hasIncrementSlot = !!this.host.querySelector('[slot="increment-button"]');
         this.hasDecrementSlot = !!this.host.querySelector('[slot="decrement-button"]');
@@ -80,7 +86,11 @@ export class SallaQuantityInput {
         return this.host;
     }
     render() {
-        return (h(Host, { key: '28affdf05857418dae49033176368c0d94adb689', class: "s-quantity-input" }, h("div", { key: 'be40a888c3c22ff958e8c32691ad881d9d4b6fd5', class: "s-quantity-input-container" }, h("button", { key: '50149c259fb29239c685568b15320f11d6c278bd', onClick: () => this.increase(), class: "s-quantity-input-increase-button s-quantity-input-button", type: "button" }, !this.hasIncrementSlot ? h("span", { innerHTML: Add }) : '', h("slot", { key: 'c8e0e34aa674924fd5163cea734891d865ce22d0', name: "increment-button" })), h("input", { key: '778309d2e7e4c47fefecdcb0b2d56373eb120511', class: "s-quantity-input-input", ...this.getInputAttributes(), ref: (el) => this.textInput = el, onInput: (event) => this.setValue(event.target.value), min: "1", value: this.quantity }), h("button", { key: '8827f979a0606757f904c9d92c42b86940bda956', class: "s-quantity-input-decrease-button s-quantity-input-button", onClick: () => this.decrease(), type: "button" }, !this.hasDecrementSlot ? h("span", { innerHTML: Minus }) : '', h("slot", { key: '2d3bd8ae0cd13042dfc88314d6f4dfad751d004d', name: "decrement-button" })))));
+        const inputAttributes = this.getInputAttributes();
+        if (!inputAttributes['aria-label'] && !inputAttributes['aria-labelledby']) {
+            inputAttributes['aria-label'] = salla.lang.getWithDefault('common.elements.quantity', 'Quantity');
+        }
+        return (h(Host, { key: '4dfc6c39c86047493c7b37057c877657fc6206ab', class: "s-quantity-input" }, h("div", { key: '246b30299c5b318d9412d7b065e0a219a77ba342', class: "s-quantity-input-container" }, h("button", { key: '1e8f61c6014f36e257fbc7958547228481393624', onClick: () => this.increase(), class: "s-quantity-input-increase-button s-quantity-input-button", type: "button", "aria-label": salla.lang.getWithDefault('common.elements.increase_quantity', 'Increase quantity') }, !this.hasIncrementSlot ? h("span", { innerHTML: Add }) : '', h("slot", { key: '1da4aa703d8f135437e49b35c8bd664a39c207cc', name: "increment-button" })), h("input", { key: 'd781816bc3fa9b2fc5d004c5284a583f0dc4f75b', class: "s-quantity-input-input", ...inputAttributes, ref: (el) => this.textInput = el, onInput: (event) => this.setValue(event.target.value), min: "1", readOnly: this.disableInput, value: this.quantity }), h("button", { key: 'a52ed57453eeae844e435de4f1d0e9ae66768892', class: "s-quantity-input-decrease-button s-quantity-input-button", onClick: () => this.decrease(), type: "button", "aria-label": salla.lang.getWithDefault('common.elements.decrease_quantity', 'Decrease quantity') }, !this.hasDecrementSlot ? h("span", { innerHTML: Minus }) : '', h("slot", { key: '9c2b8ef10df5dc976120249dbc5fb6d3e3b68d31', name: "decrement-button" })))));
     }
     static get is() { return "salla-quantity-input"; }
     static get originalStyleUrls() {
@@ -118,6 +128,7 @@ export class SallaQuantityInput {
     }
     static get states() {
         return {
+            "disableInput": {},
             "quantity": {},
             "fireChangeEvent": {}
         };

package/dist/collection/components/salla-quick-buy/salla-quick-buy.js

@@ -129,7 +129,7 @@ export class SallaQuickBuy {
         return new Promise((resolve, reject) => {
             salla.onReady(async () => {
                 if (!this.currency) {
-                    this.currency = salla.config.get('user.currency_code');
+                    this.currency = salla.config.get('store.settings.buy_now.multi_currency') ? salla.config.get('user.currency_code') : 'SAR';
                 }
                 if (!this.productId && salla.config.get('page.id')) {
                     this.productId = salla.config.get('page.id');
@@ -184,7 +184,7 @@ export class SallaQuickBuy {
         });
     }
     render() {
-        return h(Host, { key: '0d36f47ae833aca9cd0b70490eb7092d8d430e24' }, this.quickBuyButton());
+        return h(Host, { key: 'a6093f9df07d58cc290a3376c44847c8b4c345ce' }, this.quickBuyButton());
     }
     quickBuyButton() {
         return h("apple-pay-button", { locale: salla.config.get('user.language_code'), onClick: () => this.quickBuyHandler(), "data-quick-purchase": "applepay", class: "s-quick-buy-apple-pay", "data-is-applepay": "1", buttonstyle: "black", type: this.type });

package/dist/collection/components/salla-review-card/salla-review-card.js

@@ -158,7 +158,7 @@ export class SallaReviewCard {
         return (h("a", { href: this.review?.product?.url, class: "s-review-card-product-container" }, h("img", { alt: product.image?.alt || "Product", src: product.image?.url, class: "s-review-card-product-image", width: 60, height: 60, loading: "lazy", decoding: "async", draggable: false }), h("div", { class: "s-review-card-product-details" }, h("p", { class: "s-review-card-product-details-name" }, product.name), this.showPurchaseCount ? h("p", { class: "s-review-card-product-details-purchase-count" }, h("span", { innerHTML: IconFire2 }), this.purchasedCount) : null)));
     }
     render() {
-        return h("div", { key: '57b8602cde06bc2846839c094cdfeb1f92780a2b', class: "s-review-card-container" }, this.renderSlider(), this.renderSingleImage(), renderDivider(), h("div", { key: 'b2688bb378d07c71a77d5df33dc24f6a20430345', class: "s-review-card-content" }, this.renderHeader(), h("p", { key: '1e9b07be77c6705a2bfeb5ca52ddb27c78823082', class: "s-review-card-review-content", innerHTML: this.review?.content }), renderDivider(), this.renderProductInfo()));
+        return h("div", { key: '251b76f2f2935ab7be248f589badaebe0f297cb2', class: "s-review-card-container" }, this.renderSlider(), this.renderSingleImage(), renderDivider(), h("div", { key: '2621097a4115e278b1b99d46b6be22341a7ea064', class: "s-review-card-content" }, this.renderHeader(), h("p", { key: 'cd641970280867954f431fc3a2812080ebe32bd9', class: "s-review-card-review-content", innerHTML: this.review?.content }), renderDivider(), this.renderProductInfo()));
     }
     static get is() { return "salla-review-card"; }
     static get originalStyleUrls() {

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

@@ -85,7 +85,7 @@ export class SallaReviews {
         });
     }
     render() {
-        return (h("div", { key: '739e117f33d9f071215068317af037bc00c989c8', class: "s-reviews-container" }, h("div", { key: '995ab49861aeaf2acb6358e5cd746d7891175554', class: "s-reviews-header-wrapper" }, h("h1", { key: 'd2e4f0938ad61c64f8709dc05124887e4602a7be', class: "s-reviews-header" }, this.testimonialText), !!this.displayAllLink ? (h("a", { href: this.displayAllURL, class: "s-reviews-display-all" }, this.displayAllLinkText, h("span", { class: "s-reviews-display-all-icon", innerHTML: IconArrowLeft }))) : null), h("salla-slider", { key: '9eb679a2bcb336db54987e1cf52e25845e3da3c6', centered: true, "slides-per-view": 1, type: "testimonials", class: "s-reviews-testimonials-slider", "controls-outer": true, "auto-play": true, id: `testimonials-${this.source}-slider` }, h("div", { key: 'b0d5f0336b5b7f5c3f0992b141d4e92ba6fbc38b', slot: "items" }, this.reviews.map((item, index) => (h("div", { key: index, class: "s-reviews-swiper-slide" }, h("div", { class: "s-reviews-testimonial" }, h("div", { class: "s-reviews-testimonial__inner" }, h("div", { class: "s-reviews-testimonial__avatar" }, h("img", { src: 'images/s-empty.png', "data-src": item.avatar, alt: item.name ? item.name : 'testimonial-' + index, class: "lazy" })), h("div", { class: "s-reviews-testimonial__text" }, h("p", { innerHTML: item.content }), h("div", { class: "s-reviews-testimonial__name_wrapper" }, h("div", { class: "s-reviews-testimonial__info" }, item.name && h("h2", null, `${item.name}`)), h("div", { class: "s-reviews-testimonial__rating" }, h("salla-rating-stars", { size: "small", value: item.stars })))), h("span", { class: "s-reviews-testimonial__icon", innerHTML: IconQuoteOpen }))))))))));
+        return (h("div", { key: 'aa4937182950d1b0fbcb67aa577d6fb3c413af79', class: "s-reviews-container" }, h("div", { key: 'dbfb22a037c29a0bf88b73481aa8ea4988ef819a', class: "s-reviews-header-wrapper" }, h("h1", { key: '7b874af56f8933777942d829d1311cd0854e5a12', class: "s-reviews-header" }, this.testimonialText), !!this.displayAllLink ? (h("a", { href: this.displayAllURL, class: "s-reviews-display-all" }, this.displayAllLinkText, h("span", { class: "s-reviews-display-all-icon", innerHTML: IconArrowLeft }))) : null), h("salla-slider", { key: '0050aac87a3aadc858aa352ba7ac82158bb586de', centered: true, "slides-per-view": 1, type: "testimonials", class: "s-reviews-testimonials-slider", "controls-outer": true, "auto-play": true, id: `testimonials-${this.source}-slider` }, h("div", { key: '7d1801d35aeba19fa913609202128b6866ca7118', slot: "items" }, this.reviews.map((item, index) => (h("div", { key: index, class: "s-reviews-swiper-slide" }, h("div", { class: "s-reviews-testimonial" }, h("div", { class: "s-reviews-testimonial__inner" }, h("div", { class: "s-reviews-testimonial__avatar" }, h("img", { src: 'images/s-empty.png', "data-src": item.avatar, alt: item.name ? item.name : 'testimonial-' + index, class: "lazy" })), h("div", { class: "s-reviews-testimonial__text" }, h("p", { innerHTML: item.content }), h("div", { class: "s-reviews-testimonial__name_wrapper" }, h("div", { class: "s-reviews-testimonial__info" }, item.name && h("h2", null, `${item.name}`)), h("div", { class: "s-reviews-testimonial__rating" }, h("salla-rating-stars", { size: "small", value: item.stars })))), h("span", { class: "s-reviews-testimonial__icon", innerHTML: IconQuoteOpen }))))))))));
     }
     static get is() { return "salla-reviews"; }
     static get originalStyleUrls() {

package/dist/collection/components/salla-reviews-page/salla-reviews-page.js

@@ -142,7 +142,7 @@ export class SallaReviewsPage {
         return options.map(option => (h("option", { key: option.value, value: option.value, selected: option.value === this.sort }, option.label)));
     }
     render() {
-        return (h("host", { key: '15a205e6f8aa688b4b2a38bc990bc9c6800b7ef6' }, h("div", { key: '3ad7666bdae456b056e450143f4112987b59a0aa', class: "s-reviews-page-header-wrapper" }, h("h2", { key: '75b2e6b66ac8690505dcc21739beb82449eb176d', class: "s-reviews-page-title" }, this.langTitlesReviews, h("span", { key: '3984e8157aed8909a529c603a2004688ceb10a1d', class: "s-reviews-page-count" }, "(", this.langRatingReviews, ")")), h("div", { key: '2dbfe5c5922b7ecabbdc9468cfe2af3a52a01bd0', class: "s-reviews-page-filter-wrapper" }, h("label", { key: '6ab3f0f16f585267755b02a3de92fbda73b767b9', class: "s-reviews-page-filter-label", htmlFor: "testimonials-filter" }, this.langSorting), h("select", { key: 'c282ada5d6c15d97a85148b6bc9eceb97eac1277', onChange: (e) => this.handleSorting(e), disabled: !this.reviews.length, class: "s-reviews-page-filter" }, this.renderSortingOptions()))), this.reviews.length ? h("main", { class: "s-reviews-page-grid", ref: el => {
+        return (h("host", { key: '5e3b4042e6412dd2fdef3d776d4204c731df6c80' }, h("div", { key: 'a9daf869bac109b7c627c9fd8fd7c84cd4dd2965', class: "s-reviews-page-header-wrapper" }, h("h2", { key: '01cd6892650d8288003d79b4c12e82c4693e1cb6', class: "s-reviews-page-title" }, this.langTitlesReviews, h("span", { key: '935329858a3cc699da6fb6fb8c8515348ded9eb4', class: "s-reviews-page-count" }, "(", this.langRatingReviews, ")")), h("div", { key: 'e74312403c6dc7625c0c2090e6627a8a6b5fca9b', class: "s-reviews-page-filter-wrapper" }, h("label", { key: 'bf51576936b030ee59836861b03fa3b06471ed1f', class: "s-reviews-page-filter-label", htmlFor: "testimonials-filter" }, this.langSorting), h("select", { key: '72f09a679c5f42b08f55b908f67f3d3627b3a50c', onChange: (e) => this.handleSorting(e), disabled: !this.reviews.length, class: "s-reviews-page-filter" }, this.renderSortingOptions()))), this.reviews.length ? h("main", { class: "s-reviews-page-grid", ref: el => {
                 this.wrapper = el;
             } }, this.reviews.map(review => (h("salla-review-card", { key: review.id, review: review }))))
             : h("div", { class: "s-products-list-placeholder" }, h("span", { innerHTML: ShoppingBag }), h("p", null, this.placeholderText)), this.pagination?.links?.next && this.reviews.length ? (h("div", { class: "s-reviews-page-load-more-container" }, h("salla-button", { class: "s-reviews-page-load-more-btn", loading: this.isLoading, onClick: () => this.infiniteScroll?.loadNextPage(), onKeyUp: () => this.infiniteScroll?.loadNextPage() }, this.langLoadMore))) : null));

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

@@ -146,7 +146,7 @@ export class SallaScopees {
         return salla.onReady();
     }
     render() {
-        return (h(Host, { key: 'c9e89e9452e6227472d007e01bcb84f3e8662b31' }, h("salla-modal", { key: '9f3bde0125dec95840a9df1c1ae7730f291acc6f', ref: modal => this.modal = modal, isClosable: !!(this.isOpenedBefore || (this.selection == 'optional')), class: "s-scopes-modal", isLoading: this.loading, "has-skeleton": true }, this.loading ?
+        return (h(Host, { key: '8cbe5fbbe87bff9b835ae59fc92278725a9d09cf' }, h("salla-modal", { key: '82017d18802be5fa8fff95b2cbe32886308bb23e', ref: modal => this.modal = modal, isClosable: !!(this.isOpenedBefore || (this.selection == 'optional')), class: "s-scopes-modal", isLoading: this.loading, "has-skeleton": true }, this.loading ?
             h("div", { slot: "loading" }, h("div", { class: "s-scopes-skeleton" }, h("salla-list-tile", { class: "s-scopes-header" }, h("div", { slot: "icon", class: "s-scopes-header-icon" }, h("salla-skeleton", { type: "circle" })), h("div", { slot: "title", class: "s-scopes-header-title mb-5" }, h("salla-skeleton", { height: '15px', width: '50%' })), h("div", { slot: "subtitle", class: "s-scopes-header-subtitle" }, h("salla-skeleton", { height: '10px' }), h("salla-skeleton", { height: '10px', width: '75%' }))), h("div", { class: "s-scopes-skeleton-search" }, h("salla-skeleton", { height: '10px', width: '50%' }), h("salla-skeleton", { height: '30px', width: '100%' })), h("div", { class: "s-scopes-skeleton-scopes" }, h("salla-skeleton", { height: '10px', width: '30%' }), h("salla-skeleton", { height: '10px', width: '25%' }), h("salla-skeleton", { height: '10px', width: '30%' }), h("salla-skeleton", { height: '10px', width: '25%' }), h("salla-skeleton", { height: '10px', width: '30%' }), h("salla-skeleton", { height: '10px', width: '25%' }), h("salla-skeleton", { height: '10px', width: '30%' }), h("salla-skeleton", { height: '10px', width: '25%' })), h("div", { class: "s-scopes-skeleton-btn" }, h("salla-skeleton", { height: '40px', width: '100%' }))))
             :
                 [h("salla-list-tile", { class: this.originalScopesList?.length ? "s-scopes-header block" : "s-hidden" }, h("div", { slot: "icon", class: "s-scopes-header-icon", innerHTML: StoreAlt }), h("div", { slot: "title", class: "s-scopes-header-title" }, salla.lang.get('blocks.scope.you_are_browse_store_from')), h("div", { slot: "subtitle", class: "s-scopes-header-subtitle" }, !!this.selected_scope ? this.selected_scope.name : "")), h("div", { class: "s-scopes-wrap" }, !!this.originalScopesList?.length && h("h4", { class: "s-scopes-title" }, this.getFormTitle()), this.originalScopesList?.length > this.searchDisplayLimit ?

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

@@ -121,12 +121,12 @@ export class SallaSearch {
         this.inputValue.length < 3 ? this.container.classList.remove('s-search-no-results') : '';
     }
     render() {
-        const searchContent = h("div", { key: '87730f3e2b289256978be308b6c89e7c6442fe90', class: { 's-search-container': true, 's-search-inline': this.inline }, ref: container => this.container = container }, h("div", { key: '45cbe1c5c33aee61a41108c8a3d988f5148db9c9', class: "s-search-input-wrapper" }, h("span", { key: '804b1374b1d382a994329f966194b28b02cdaf67', class: "s-search-icon-wrap" }, h("span", { key: '750df807146faed676ecb89157d5c9c85b835e22', class: "s-search-icon", innerHTML: this.loading ? '<i class="s-search-spinner-loader"/>' : Search })), h("input", { key: '3a1c7f98c40dff3d62f70d5e82f2c3d82436d29d', type: "search", enterkeyhint: "search", autocomplete: "off", class: "s-search-input", placeholder: salla.lang.get('blocks.header.search_placeholder'), onInput: (e) => this.limitWordsAndSearch(e), onKeyDown: e => this.handleKeyDown(e), ref: input => this.searchInput = input, style: { height: this.height + 'px', borderRadius: this.oval ? this.height / 2 + 'px' : '' } }), this.showAction ?
-            h("salla-button", { loading: this.loading, class: { 's-search-action': true, 's-search-action-oval': this.oval }, onClick: () => this.handleActionClick() }, !this.loading && h("span", { innerHTML: Search })) : null), h("div", { key: '52327f5d989f66c2d56574b88ca91c4397b9ef28', class: "s-search-results" }, this.results?.data.map((product) => h("a", { href: product.url + '?from=search-bar', class: { "s-search-product": true, 's-search-product-not-available': !product.is_available }, innerHTML: this.productSlot
+        const searchContent = h("div", { key: '2e945555af379b5992375336c5b33a1dbb92589b', class: { 's-search-container': true, 's-search-inline': this.inline }, ref: container => this.container = container }, h("div", { key: '28c948e49a1d72a3a79e87477f37cc5f26dd4b3a', class: "s-search-input-wrapper" }, h("span", { key: 'b053ea1b4e6ed3c4030010dd61923421fcfeb214', class: "s-search-icon-wrap" }, h("span", { key: 'e1ecd01ab77d0ddd0b7b2010788fe28deaebd2af', class: "s-search-icon", innerHTML: this.loading ? '<i class="s-search-spinner-loader"/>' : Search })), h("input", { key: 'bca441ce72aac9bb85f2862413c77fa853e703c6', type: "search", enterkeyhint: "search", autocomplete: "off", class: "s-search-input", placeholder: salla.lang.get('blocks.header.search_placeholder'), onInput: (e) => this.limitWordsAndSearch(e), onKeyDown: e => this.handleKeyDown(e), ref: input => this.searchInput = input, style: { height: this.height + 'px', borderRadius: this.oval ? this.height / 2 + 'px' : '' } }), this.showAction ?
+            h("salla-button", { loading: this.loading, class: { 's-search-action': true, 's-search-action-oval': this.oval }, onClick: () => this.handleActionClick() }, !this.loading && h("span", { innerHTML: Search })) : null), h("div", { key: '07ed4d8828b8343dd05bacb3a6904ad30eacce7a', class: "s-search-results" }, this.results?.data.map((product) => h("a", { href: product.url + '?from=search-bar', class: { "s-search-product": true, 's-search-product-not-available': !product.is_available }, innerHTML: this.productSlot
                 .replace(/\{name\}/g, product.name)
                 .replace(/\{price\}/g, product.price ? salla.money(product.price) : '')
                 .replace(/\{regular_price\}/g, product.is_on_sale && product.regular_price ? salla.money(product.regular_price) : '')
-                .replace(/\{image\}/g, product.image.url) })), h("p", { key: '0a6c1a9fd26eb21e94a23d1b4a12ad159e3321c7', ref: el => this.noResults = el, class: "s-search-no-results-placeholder" }, salla.lang.get('common.elements.no_options'))));
+                .replace(/\{image\}/g, product.image.url) })), h("p", { key: '7a3420f60f2172f39c44633176a454f9ae06f0ce', ref: el => this.noResults = el, class: "s-search-no-results-placeholder" }, salla.lang.get('common.elements.no_options'))));
         return (this.inline ?
             h("div", { class: "s-search-modal" }, searchContent)
             :

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

@@ -22,7 +22,7 @@ export class SallaSkeleton {
             's-skeleton-item': true,
             's-skeleton-item-circular': this.type == 'circle',
         };
-        return (h(Host, { key: '30502d1578371d865a0e18585d2c6a8943862d2e', class: "s-skeleton-wrapper", style: { width: this.width, height: this.height } }, h("div", { key: '9888e6790e33749ef8b9e5f0e0dbdbb12c202169', class: classes }, "\u00A0")));
+        return (h(Host, { key: 'ad465a77b10e2f1d739c802643076f63985cfda5', class: "s-skeleton-wrapper", style: { width: this.width, height: this.height } }, h("div", { key: '0b05bcfc21d3bcb85389a2a0c9b63c3a7aa28d60', class: classes }, "\u00A0")));
     }
     static get is() { return "salla-skeleton"; }
     static get originalStyleUrls() {

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

@@ -507,7 +507,7 @@ export class SallaSlider {
         classes += this.verticalThumbs ? ' s-slider-vertical ' : ' s-slider-horizontal ';
         classes += this.arrowsCentered ? ' s-slider-v-centered ' : '';
         classes += this.gridThumbs ? ' s-slider-with-grid-thumbs ' : '';
-        return (h(Host, { key: '5f395e1022170d4e3c7d73868c107c240cd3e859', class: 's-slider-wrapper ' + classes }, this.blockTitle || this.showControls ?
+        return (h(Host, { key: '1ea8cca50a8069cfa57617a79d84a1d9a9f85d8a', class: 's-slider-wrapper ' + classes }, this.blockTitle || this.showControls ?
             h("div", { class: "s-slider-block__title" }, this.blockTitle ?
                 h("div", { class: "s-slider-block__title-right" }, h("h2", null, this.blockTitle), this.blockSubtitle ? h("p", { innerHTML: this.blockSubtitle }) : '')
                 : '', h("div", { class: "s-slider-block__title-left" }, this.displayAllUrl ?
@@ -515,7 +515,7 @@ export class SallaSlider {
                 : '', this.showControls ?
                 h("div", { class: "s-slider-block__title-nav", dir: "rtl" }, h("button", { "aria-label": "Previous Slide", class: "s-slider-prev s-slider-nav-arrow" }, h("span", { class: "s-slider-button-icon", innerHTML: this.direction == 'rtl' ? ArrowRightIcon : ArrowLeftIcon })), h("button", { "aria-label": "Next Slide", class: "s-slider-next s-slider-nav-arrow" }, h("span", { class: "s-slider-button-icon", innerHTML: this.direction == 'rtl' ? ArrowLeftIcon : ArrowRightIcon })))
                 : ''))
-            : '', h("div", { key: '6fe1748e02836b39f80c55871e3f62d94cf1402c', class: "swiper s-slider-container", ref: el => this.sliderContainer = el, dir: this.vertical ? "ltr" : this.direction }, h("slot", { key: 'bcb56faea40964993d0fce7355aab7b59d722f02' }), h("div", { key: '030ab812826807417b743659f1bf33aa534bd585', class: "swiper-wrapper s-slider-swiper-wrapper", ref: el => this.sliderWrapper = el }, h("slot", { key: 'a5e25081d9b27f188f818b3cfe9b973fabc7e256', name: 'items' })), this.pagination ? h("div", { class: "swiper-pagination" }) : ''), this.type == 'thumbs' && this.hasThumbSlot ? h("div", { class: "s-slider-thumbs" }, h("div", { class: "swiper s-slider-thumbs-container", dir: this.getThumbsDirection(), ref: el => this.thumbsSliderContainer = el }, h("div", { class: { "s-slider-swiper-wrapper swiper-wrapper": true, "s-slider-grid-thumbs": this.gridThumbs }, ref: el => this.thumbsSliderWrapper = el }, h("slot", { name: "thumbs" })), this.showThumbsControls ?
+            : '', h("div", { key: 'e782e1a255ef74387e143be5e54ec8212b133f63', class: "swiper s-slider-container", ref: el => this.sliderContainer = el, dir: this.vertical ? "ltr" : this.direction }, h("slot", { key: 'e69fb142f47b11d749a0ea2676177118eaa2093a' }), h("div", { key: '469f85e0a975a1de25c6c6c47918b85bb640e271', class: "swiper-wrapper s-slider-swiper-wrapper", ref: el => this.sliderWrapper = el }, h("slot", { key: '87d7c9b65e2d499bbd716a17ec5ce1f3079cc750', name: 'items' })), this.pagination ? h("div", { class: "swiper-pagination" }) : ''), this.type == 'thumbs' && this.hasThumbSlot ? h("div", { class: "s-slider-thumbs" }, h("div", { class: "swiper s-slider-thumbs-container", dir: this.getThumbsDirection(), ref: el => this.thumbsSliderContainer = el }, h("div", { class: { "s-slider-swiper-wrapper swiper-wrapper": true, "s-slider-grid-thumbs": this.gridThumbs }, ref: el => this.thumbsSliderWrapper = el }, h("slot", { name: "thumbs" })), this.showThumbsControls ?
             h("div", { class: "s-slider-thumbs-nav", dir: "rtl" }, h("button", { "aria-label": "Previous Slide", class: "s-slider-thumbs-prev s-slider-nav-arrow" }, h("span", { class: "s-slider-button-icon", innerHTML: this.direction == 'rtl' ? ArrowRightIcon : ArrowLeftIcon })), h("button", { "aria-label": "Next Slide", class: "s-slider-thumbs-next s-slider-nav-arrow" }, h("span", { class: "s-slider-button-icon", innerHTML: this.direction == 'rtl' ? ArrowLeftIcon : ArrowRightIcon })))
             : null))
             : null));

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

@@ -31,7 +31,7 @@ export class SallaSocial {
     }
     render() {
         const linksArray = this.getLinksArray();
-        return (h(Host, { key: 'ae314660ceb6b6619fda1c95ee9ebc9eb8b56e49' }, h("ul", { key: 'a1ffb8cdcdd6cacd98c76ae6e003e45919075c41', class: "s-social-list" }, linksArray.map((link) => (h("li", { class: "s-social-link" }, h("div", { id: "social-slot", innerHTML: this.socialSlot
+        return (h(Host, { key: 'a0bcd60fddd2fd8e86f32cd71d484ec76d02cf49' }, h("ul", { key: 'b595d8de59199de5081370b9440c8a46cb8c751f', class: "s-social-list" }, linksArray.map((link) => (h("li", { class: "s-social-link" }, h("div", { id: "social-slot", innerHTML: this.socialSlot
                 .replace(/\{icon\}/g, this.iconsList[link.type])
                 .replace(/\{type\}/g, link.type)
                 .replace(/\{link\}/g, link.value.toString()) })))))));

package/dist/collection/components/salla-social-share/salla-social-share.js

@@ -40,6 +40,9 @@ export class SallaSocialShare {
         this.platforms = 'facebook,twitter,whatsapp,email,copy_link';
     }
     componentWillLoad() {
+        if (this.host.hasAttribute('aria-label')) {
+            this.host.removeAttribute('aria-label');
+        }
         if (document.getElementById('a2a-script')) {
             return;
         }
@@ -119,7 +122,7 @@ export class SallaSocialShare {
         window.a2a?.init('page');
     }
     render() {
-        return (h("div", { key: '0cc4ce871482b02588ae793d581b452c074ae292', class: "s-social-share-wrapper" }, h("slot", { key: 'b953d89a698d4c1801ef99831a9f29432f23f0f7', name: 'widget' }, h("salla-button", { key: 'f152f0839aa50406a5bac84298e580e6c51ca749', "aria-label": "Share", onClick: () => this.open(), class: "s-social-share-btn", shape: "icon", fill: "outline", color: "light" }, h("span", { key: '2e424400e4253f36824338c825bf9762fada793c', innerHTML: this.opened ? Cancel : ShareAlt }))), h("ul", { key: '38b3c21e35746e90d00d2fa14107cb66ab5b6eb4', ref: el => this.shareMenu = el, class: "s-social-share-list a2a_kit share", "data-a2a-url": this.url ? this.url : window.location.href, "data-a2a-title": this.urlName ? this.urlName : document.title }, this.platforms.split(',').map(platform => {
+        return (h("div", { key: 'c4ac8faea4a8ec8aa5ba9f4e744710d508387d78', class: "s-social-share-wrapper" }, h("slot", { key: '6c6b54513f67be8818a9a042570286d09b7115f8', name: 'widget' }, h("salla-button", { key: '8a57650940dad634cf3576dada4cc35687ed447c', "aria-label": "Share", onClick: () => this.open(), class: "s-social-share-btn", shape: "icon", fill: "outline", color: "light" }, h("span", { key: '207f2fb0e2f89e7057775153ffcc68eebb069824', innerHTML: this.opened ? Cancel : ShareAlt }))), h("ul", { key: 'fd9b25a483a93efa10994c2a7a876b6741d976c2', ref: el => this.shareMenu = el, class: "s-social-share-list a2a_kit share", "data-a2a-url": this.url ? this.url : window.location.href, "data-a2a-title": this.urlName ? this.urlName : document.title }, this.platforms.split(',').map(platform => {
             return (h("li", null, h("a", { class: `a2a_button_${platform}`, "aria-label": `Share Via ${platform}` }, this.platformIcons.map((icon) => {
                 if (icon.name === platform) {
                     return h("span", { class: "s-social-share-icon", innerHTML: icon.icon });
@@ -263,4 +266,5 @@ export class SallaSocialShare {
             }
         };
     }
+    static get elementRef() { return "host"; }
 }

package/dist/collection/components/salla-tabs/salla-tab-content.js

@@ -30,7 +30,7 @@ export class SallaTabContent {
             's-tabs-content': true,
             's-tabs-content-selected': this.isSelected
         };
-        return (h("div", { key: '5514145160fbb89b7a1eec0263c8ae164399da05', class: classes }, h("slot", { key: 'd6a6e6e2245f7225e6f40f700d00b3fe8a3f0f31' })));
+        return (h("div", { key: '6b11ec3a839c759e64e1766de55f9ac1be18931e', class: classes }, h("slot", { key: '17300d7a52e068428ea956b2c5d5be6d0ab69fca' })));
     }
     static get is() { return "salla-tab-content"; }
     static get originalStyleUrls() {

package/dist/collection/components/salla-tabs/salla-tab-header.js

@@ -52,7 +52,7 @@ export class SallaTabHeader {
             's-tabs-active': this.isSelected,
         };
         return [
-            h("div", { key: 'e5789e9c370c6ad2bcda924605ff41bbf222cb33', class: classes, onClick: this.onClick.bind(this) }, h("slot", { key: 'b0f31634fd70d3a46d6dca7f7a951be1bdbf6569' })),
+            h("div", { key: '08c51c1ad15c6b0efbeb165c89fc7d73748467d0', class: classes, onClick: this.onClick.bind(this) }, h("slot", { key: 'ba5045dab7c254eb4533dc64630ab0c1f561701b' })),
         ];
     }
     static get is() { return "salla-tab-header"; }

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

@@ -50,7 +50,7 @@ export class SallaTabs {
     }
     render() {
         return [
-            h("div", { key: '663a81a31e6b49c72d8ba27706037846385a5048', class: "s-tabs" }, h("div", { key: 'd58fb40e9afe024d274d9779d3bca68dcc1cb22f', class: "s-tabs-header" }, h("slot", { key: '513bbd3091f24dd9f8cb7a1f6750a8fe75d79bb1', name: "header" })), h("div", { key: 'daeb6318f0e10c1676a0c2b82e68af9e109397d9', class: "s-tabs-content-wrapper" }, h("slot", { key: '39b4e0ee8592d6c77007f61bb9a80043d20b3a72', name: "content" })))
+            h("div", { key: '3195e8954179d52867093b5e861b3c0caa6d7af6', class: "s-tabs" }, h("div", { key: 'cf75a77b6cc9b9cd288e963ee56acf19e177029a', class: "s-tabs-header" }, h("slot", { key: 'fa345597be2fbb8ff4f1cb420a030c5ec821bc8b', name: "header" })), h("div", { key: 'f7fd939608e5341b6d9c1d75e7d9dc909a4d8912', class: "s-tabs-content-wrapper" }, h("slot", { key: '86ce2c9bcb3be06264e75369a6be81b2e1361619', name: "content" })))
         ];
     }
     static get is() { return "salla-tabs"; }

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

@@ -123,7 +123,7 @@ export class SallaTelInput {
         }
     }
     render() {
-        return (h(Host, { key: 'c1970701aebf32650bec6072f4c5494a7b443c79', class: "s-tel-input" }, h("input", { key: '9774b0740d214eb72f3da4ebd10f119ac4c47d89', type: "tel", disabled: this.disabled, name: this.name, value: this.phone, onChange: (event) => this.handleCountryInput(event), ref: el => this.phoneInput = el, enterkeyhint: "next", autocomplete: "tel", class: "s-tel-input-control tel-input s-ltr" }), h("span", { key: '9f159c42e3f9c8c0dba6205ba13d6de1f4462109', class: "s-tel-input-error-msg", ref: el => this.errorMsg = el }), h("input", { key: 'a9c5b9c2aba8b5b35378481686ec9b6783fb101b', type: "hidden", name: "country_code", value: this.countryCode, ref: el => this.countryCodeInput = el, class: "country_code" })));
+        return (h(Host, { key: '362e48d1b39b0715c10df0c15c730ca21793a46b', class: "s-tel-input" }, h("input", { key: '07dcb2fcf639c2d7b95c250079bd24a80441e0ca', type: "tel", disabled: this.disabled, name: this.name, value: this.phone, onChange: (event) => this.handleCountryInput(event), ref: el => this.phoneInput = el, enterkeyhint: "next", autocomplete: "tel", class: "s-tel-input-control tel-input s-ltr" }), h("span", { key: 'c50f81a50debf37dc92f81fc61c3ddd3e622031f', class: "s-tel-input-error-msg", ref: el => this.errorMsg = el }), h("input", { key: '2217131b313a32c5b62dcce6132a4914f30dc005', type: "hidden", name: "country_code", value: this.countryCode, ref: el => this.countryCodeInput = el, class: "country_code" })));
     }
     componentDidLoad() {
         this.initTelInput();

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

@@ -22,7 +22,7 @@ export class SallaTooltip {
         this.targetElement = document.getElementById(this.targetId);
     }
     render() {
-        return (h("div", { key: '1de8b4c05780d978edc217c9de5421607290b34a', class: "s-tooltip-container" }, h("slot", { key: '633882a65d997d2d3ef0fb8ce050eda1b6444df3' }), this.show && h("div", { key: 'd74010440f5a2cc3b373d4311f6d26fe6c46b593', class: "s-tooltip-item" }, this.text)));
+        return (h("div", { key: 'f2a52de43a80ec8fe2f7f2120c8ba38c7228183f', class: "s-tooltip-container" }, h("slot", { key: 'dc6ac92e0b894fa4f6c01c2aa0fad39a195a8047' }), this.show && h("div", { key: '8d4f57501bbcdb423781f6711a4af7610b89faf7', class: "s-tooltip-item" }, this.text)));
     }
     static get is() { return "salla-tooltip"; }
     static get originalStyleUrls() {

package/dist/collection/components/salla-user-menu/salla-user-menu.js

@@ -124,6 +124,7 @@ export class SallaUserMenu {
     async componentWillLoad() {
         await salla.onReady();
         await salla.lang.onLoaded();
+        Salla.event.on('api::token.injected', (token) => this.profileUrl = this.buildProfileUrl(token));
         this.sallaAccountEnabled = Salla.config.get('store.features')?.includes('salla-account');
         this.items = this.sallaAccountEnabled ? { ...this.items, settings: SettingstIcon } : this.items;
         //we need it only in theme-y
@@ -132,7 +133,11 @@ export class SallaUserMenu {
         }
         //we need it to be the last item
         this.items.logout = LogoutIcon;
-        this.profileUrl = `${Salla.config.get('account.url', 'https://accounts.salla.com')}/${salla.config.get('user.language_code')}/user?store=${Salla.config.get('store.id')}&info=${encodeURIComponent(Salla.storage.get('token'))}`;
+        let token = Salla.storage.get('token');
+        if (!token) {
+            token = '';
+        }
+        this.profileUrl = this.buildProfileUrl(token);
         const trigger = this.host.querySelector('[slot="trigger"]');
         this.triggerSlot =
             '<div class="s-user-menu-trigger"><div class="s-user-menu-avatar-wrap"><img class="s-user-menu-trigger-avatar" src="{avatar}" alt="{first_name}{last_name}" /></div><div class="s-user-menu-trigger-content"><span class="s-user-menu-trigger-hello">{hello}</span><p class="s-user-menu-trigger-name">{first_name} {last_name}</p></div> <i class="s-user-menu-trigger-icon">{icon}</i></div>';
@@ -230,6 +235,9 @@ export class SallaUserMenu {
     componentDidLoad() {
         document.lazyLoadInstance?.update(this.host.querySelectorAll('.lazy'));
     }
+    buildProfileUrl(token) {
+        return `${Salla.config.get('account.url', 'https://accounts.salla.com')}/${salla.config.get('user.language_code')}/user?store=${Salla.config.get('store.id')}&info=${encodeURIComponent(token)}`;
+    }
     static get is() { return "salla-user-menu"; }
     static get originalStyleUrls() {
         return {

package/dist/collection/components/salla-user-settings/salla-user-settings.js

@@ -56,7 +56,7 @@ export class SallaUserSettings {
         await salla.profile.delete().finally(() => this.confirmationModal.close());
     }
     render() {
-        return (h(Host, { key: 'ec0a4acb9df3401db99cec16067f6bd942a13dac', class: "s-user-settings-wrapper" }, this.canHideName && h("div", { key: 'e2326b1cf07a71b6153cf308cbc6576603750238', class: "s-user-settings-section" }, h("salla-list-tile", { key: 'dfb2108ffb91585ed13fbd57dd022be26caba564' }, h("div", { key: '5c409c117bab9442aa80d9a76e781e0494c74eae', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: '5f361b8df7d36ae67c2538e420332cf2cd35dcad', innerHTML: UserCancel })), h("div", { key: '11efad0c8c14f372c6377b419545151f10468d06', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.hideMyName)), h("div", { key: '7eb0871e5bbc9b1d93fa2531665ea71a86abe909', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.hideMyNameDesc)), h("div", { key: '2c3458300fcd6e77c3ee6ac793e7e48a0973c19a', slot: 'action', class: "s-user-settings-section-action" }, h("label", { key: '21ce7928f15d6e366dc0ff9741f1e335551221e3', class: "s-toggle" }, h("input", { key: 'd2795c7b04b4a88d86f7df40eb0b8a4c91d67e26', class: "s-toggle-input", checked: this.isHiddenName, onChange: (e) => this.toggleSetting('is_hidden_name', e), type: "checkbox" }), h("div", { key: '3a5f79277e6001a46daa62ddc3a1b7fe1e90aba0', class: "s-toggle-switcher" }))))), h("div", { key: '3c4dbc2b6246bad36014b2a546fcbb601cf492db', class: "s-user-settings-section" }, h("salla-list-tile", { key: '9aa2588f75f13249cd4f3afb8754c7e83cfd99dc' }, h("div", { key: '46676cb5c9252c00a964d0a7d9e65c8b6307d0c0', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: '512c9be252b70f029c39da90a4253a86e28600a1', innerHTML: Bullhorn })), h("div", { key: '3765c432fbf079214bcd79ae247e8b8a04c7bdff', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.promotionalMsgs)), h("div", { key: 'c5f16f46d894631182f1266efc3b5835a75fc100', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.promotionalMsgsDesc)), h("div", { key: '3d8d2440fc51853efbdfbe97968d14a770a96e46', slot: 'action', class: "s-user-settings-section-action" }, h("label", { key: '6d6d4d80b2d81fc99460e8b895afbbe2ceee674c', class: "s-toggle" }, h("input", { key: '1be1bc0d9fab3d1829e3aea336bfabef0ec46936', class: "s-toggle-input", checked: this.isNotifiable, onChange: (e) => this.toggleSetting('is_notifiable', e), type: "checkbox" }), h("div", { key: '1f2a00f621a5521b378e4c059d13a778277b66d0', class: "s-toggle-switcher" }))))), h("div", { key: '45f7184fecc12b058d27dbc698a486661dbd246f', class: "s-user-settings-section s-user-settings-section-deactivate-user" }, h("salla-list-tile", { key: '7b8d46aae51b3a416bca566e8f0bb328f2544bf2' }, h("div", { key: '914cdf3d0ee608988ebade460a39d41e303a6b95', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: 'a9fad1f10f2eef6c617130bbf48054f1945ff307', innerHTML: UserOff })), h("div", { key: 'f6e0e1735fa46b2b5a759858d8c24ffee917c6c6', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.deactivateAccount)), h("div", { key: '71b84f766856ad6844805cfaf6146717bcae36ff', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.deactivateDesc)), h("div", { key: 'f2ae2cfaba59e1c745b96722076ec30600984925', slot: 'action', class: "s-user-settings-section-action" }, h("salla-button", { key: '5bf8bb39df0caab3b4ad77381799814632c65599', fill: "outline", color: "danger", shape: "btn", size: "medium", width: "normal", onClick: () => this.openDeactivateModal() }, this.capitalizeText(this.deactivateAccount))))), h("salla-modal", { key: '6b11f4737f2db50c1856583d56454bf77fbb11b1', width: "sm", subTitle: this.capitalizeText(this.sorryForLeavingText), ref: modal => this.confirmationModal = modal }, h("span", { key: '00116a316bf222ec493951b4ada7ccd26044d3fe', slot: 'icon', class: "s-user-settings-confirmation-icon", innerHTML: UserOff }), h("div", { key: 'dfb25cd0a4d95581fe9ea6b0f2524fcac32d3a53', class: "s-user-settings-confirmation" }, h("div", { key: '113dab7cf24bf0d66823a77ccb60c9f7f1513090', class: "s-user-settings-confirmation-warning" }, this.capitalizeText(this.warningText)), h("div", { key: 'b0316ad64a4b449d0cc4ec04e7aaaf9286caeb53', class: "s-user-settings-confirmation-actions" }, h("salla-button", { key: 'd0d97ccdd2ce6450f485043afaab0c08f2ef694d', width: "wide", onClick: () => this.confirmationModal.close() }, this.capitalizeText(this.keepAccount)), h("salla-button", { key: '772f3dca599f001e508e460f59a0b06deff94fbd', fill: 'outline', loading: this.buttonLoading, width: "wide", onClick: () => this.deleteAccount() }, this.capitalizeText(this.deactivateAccount)))))));
+        return (h(Host, { key: 'e47b5c39666443b29de9d54ec8f05cb97950ace1', class: "s-user-settings-wrapper" }, this.canHideName && h("div", { key: '54b3098aa736c43d6d3ef53f6a49710dc039a16d', class: "s-user-settings-section" }, h("salla-list-tile", { key: 'dd1d06cd2ad3e0696c76cfd3f4c8b342e774b679' }, h("div", { key: '2e8b8fb48d36ce6f183698cb60a856ee0b74c639', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: '0f7158ae21c5a93c5458c38388c79fb7cfa1e88d', innerHTML: UserCancel })), h("div", { key: 'f3f648e8f55f5998362107654d3a3c438bec2999', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.hideMyName)), h("div", { key: 'eddfaf2a9faf242123db36f1aa5a87fc242f6ccc', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.hideMyNameDesc)), h("div", { key: '1112ebcb125325688758d57de115ed36d965752d', slot: 'action', class: "s-user-settings-section-action" }, h("label", { key: '4bacd7e71a3f9ccef749d091d70be45b0184d195', class: "s-toggle" }, h("input", { key: '64db5795f938f72a5c0710c03c46f84bb0248b68', class: "s-toggle-input", checked: this.isHiddenName, onChange: (e) => this.toggleSetting('is_hidden_name', e), type: "checkbox" }), h("div", { key: 'b1e178372d37f63992ba81ee6d5645fb17f5ce33', class: "s-toggle-switcher" }))))), h("div", { key: 'a11d585e1b5fe0430ca00757394e5c9a085192f9', class: "s-user-settings-section" }, h("salla-list-tile", { key: '61ad291644bc8314b443eec5d3a32abccc9c46ba' }, h("div", { key: 'e54526b5f18ce365d68efb9292af2d67ae20b77b', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: 'e2bb0f2b30ac57d6336785485ef99279acf09617', innerHTML: Bullhorn })), h("div", { key: '2f6ec0835993e79b1923778bfe0d6442d71809f0', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.promotionalMsgs)), h("div", { key: '6ad65576302c12e2298abd3de70fd5edd54aa542', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.promotionalMsgsDesc)), h("div", { key: '05f00c6ed5511bd6a21b3e01a54a01549c758940', slot: 'action', class: "s-user-settings-section-action" }, h("label", { key: '5c3520e04e57205dfe2e7f441e45c46682a56ad4', class: "s-toggle" }, h("input", { key: '8f7f59433b3685acbc0d35c6ceca93a9a6a4ebbf', class: "s-toggle-input", checked: this.isNotifiable, onChange: (e) => this.toggleSetting('is_notifiable', e), type: "checkbox" }), h("div", { key: 'a92abe23b596360bfb3e516ffb0789b53abaabd0', class: "s-toggle-switcher" }))))), h("div", { key: '0996cc090ab85a67e763b5acd19cc87db11c090d', class: "s-user-settings-section s-user-settings-section-deactivate-user" }, h("salla-list-tile", { key: 'f6b43aa4a618d75981fed8844ed1f4ebc3947239' }, h("div", { key: '3027e7c901c1ec214a9effdbd36e1c25d96cdb75', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: '11468d7a54fa406e697e07b2ff2fe5c945a28746', innerHTML: UserOff })), h("div", { key: 'c2fd73f5d313daaba740c89ad2654144f6f54bb1', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.deactivateAccount)), h("div", { key: 'e2bad2737f3ca8e30bbb375ad7691d607366551c', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.deactivateDesc)), h("div", { key: 'df155e019df0514ed77faaeef107845ce144ca08', slot: 'action', class: "s-user-settings-section-action" }, h("salla-button", { key: 'e7bd07fcbc49ba9e991adf52854b35c9ca8d0344', fill: "outline", color: "danger", shape: "btn", size: "medium", width: "normal", onClick: () => this.openDeactivateModal() }, this.capitalizeText(this.deactivateAccount))))), h("salla-modal", { key: '730df3b04afb89a1eba96651899cf84818d49b6b', width: "sm", subTitle: this.capitalizeText(this.sorryForLeavingText), ref: modal => this.confirmationModal = modal }, h("span", { key: '5254b44fac993e1e1454da4eae346afc5ad7211c', slot: 'icon', class: "s-user-settings-confirmation-icon", innerHTML: UserOff }), h("div", { key: '9c07be490266024dee72ca4a244c8dd4ffdd9d71', class: "s-user-settings-confirmation" }, h("div", { key: 'd42ac2fa9cc0030778b444b21958992677667cc3', class: "s-user-settings-confirmation-warning" }, this.capitalizeText(this.warningText)), h("div", { key: 'b3cd6b31255244c469571beaf05a0f266eb431af', class: "s-user-settings-confirmation-actions" }, h("salla-button", { key: 'aadfefcd7e2561542adb10c416bac0ff14b25fef', width: "wide", onClick: () => this.confirmationModal.close() }, this.capitalizeText(this.keepAccount)), h("salla-button", { key: '12693adf31b54a4ca993632fb527dac91ec810b2', fill: 'outline', loading: this.buttonLoading, width: "wide", onClick: () => this.deleteAccount() }, this.capitalizeText(this.deactivateAccount)))))));
     }
     static get is() { return "salla-user-settings"; }
     static get originalStyleUrls() {

package/dist/collection/plugins/commonjs-cache-fix.js

@@ -0,0 +1,21 @@
+// Plugin to fix @rollup/plugin-commonjs "Cannot read properties of undefined (reading 'resolved')" error
+// in watch/dev mode. This only affects dev builds - production builds retain full caching.
+
+function isDevMode() {
+  return process.argv.includes('-w') || process.argv.includes('--watch') || process.argv.includes('--dev');
+}
+
+function commonjsCacheFix() {
+  const devMode = isDevMode();
+  return {
+    name: 'commonjs-cache-fix',
+    options(options) {
+      if (devMode) {
+        return { ...options, cache: false };
+      }
+      return null; // return null to preserve original options unchanged
+    }
+  };
+}
+
+module.exports = { commonjsCacheFix, isDevMode };