@salla.sa/twilight-components 3.0.19 → 3.0.20

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

@@ -96,7 +96,7 @@ const SallaOrderSummary$1 = /*@__PURE__*/ proxyCustomElement(class SallaOrderSum
         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 ? SuccessIcon : 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/components/salla-payments.js

@@ -42,12 +42,12 @@ const SallaPayments$1 = /*@__PURE__*/ proxyCustomElement(class SallaPayments ext
     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/components/salla-placeholder2.js

@@ -52,7 +52,7 @@ const SallaPlaceholder = /*@__PURE__*/ proxyCustomElement(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 style() { return sallaPlaceholderCss; }
 }, [4, "salla-placeholder", {

package/dist/components/salla-product-availability2.js

@@ -155,7 +155,7 @@ const SallaProductAvailability = /*@__PURE__*/ proxyCustomElement(class SallaPro
         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: BellRing, class: "s-product-availability-subs-icon" }), salla.lang.get('pages.products.notify_availability_success'))
             :
                 h("salla-button", { width: "wide", onClick: () => this.isUser ? this.submit() : this.openModel() }, salla.lang.get('pages.products.notify_availability')), this.isUser || this.isSubscribedToProduct ? '' : this.renderModal()));

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

@@ -99,7 +99,7 @@ const SallaProductCardEmbed$1 = /*@__PURE__*/ proxyCustomElement(class SallaProd
             '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/components/salla-product-size-guide.js

@@ -67,11 +67,11 @@ const SallaProductSizeGuide$1 = /*@__PURE__*/ proxyCustomElement(class SallaProd
         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" })));
     }
     get host() { return this; }
     static get style() { return sallaProductSizeGuideCss; }

package/dist/components/salla-quantity-input2.js

@@ -105,7 +105,7 @@ const SallaQuantityInput = /*@__PURE__*/ proxyCustomElement(class SallaQuantityI
         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" })))));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/components/salla-quick-buy2.js

@@ -4,6 +4,8 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { a as axios } from './axios.js';
 import { r as resolveApplePayOrderOptions, b as reportProductOptionsValiditySync, a as appendOrderOptionsToPayload } from './apple-pay-order-options.js';
+import { g as getStoredIntent } from './delivery-promise-intent.js';
+import { I as isIntentAddressComplete } from './helpers.js';
 import { d as defineCustomElement$e } from './salla-attachment-view2.js';
 import { d as defineCustomElement$d } from './salla-booking-field2.js';
 import { d as defineCustomElement$c } from './salla-button2.js';
@@ -816,6 +818,17 @@ const SallaApplePay = typeof window !== 'undefined' ? {
 
         SallaApplePay.initDefault();
 
+        // A saved delivery address goes to the checkout directly, so the native sheet doesn't ask
+        // Apple for one. The QR (PaymentRequest) sheet always asks, so it keeps the default flow.
+        if (SallaApplePay.detail.savedAddress?.address_id) {
+            if (SallaApplePay.canUseNative()) {
+                SallaApplePay.detail.requiredShippingContactFields = (SallaApplePay.detail.requiredShippingContactFields || [])
+                    .filter((field) => field !== 'postalAddress');
+            } else {
+                SallaApplePay.detail.savedAddress = null;
+            }
+        }
+
         // Native (Safari / Apple devices) → classic ApplePaySession. Otherwise
         // (non-Safari / non-Apple device) → Payment Request API, which renders
         // Apple's "Scan Code with iPhone" QR sheet.
@@ -887,9 +900,14 @@ const SallaApplePay = typeof window !== 'undefined' ? {
     onPaymentMethodSelected: async (event) => {
         salla.logger.log('🍏 Pay: onPaymentMethodSelected', event);
 
-        // perform recalculate here only if digital product
+        // A saved address skips Apple's address step (postalAddress is removed), so isPhysical() is
+        // false for it even though the product ships: it takes this path to refresh the total and
+        // offer the carriers, since there is no shipping-contact step to do it.
+        const usesSavedAddress = !!SallaApplePay.detail.savedAddress?.address_id;
+
+        // perform recalculate here only if digital product or a saved address
         // if physical recalculate performed with shipping company
-        if (!SallaApplePay.isPhysical()) {
+        if (!SallaApplePay.isPhysical() || usesSavedAddress) {
             try {
                 await SallaApplePay.recalculateTotal();
     
@@ -897,7 +915,13 @@ const SallaApplePay = typeof window !== 'undefined' ? {
                     newTotal: SallaApplePay.prepareTotal(),
                     newLineItems: SallaApplePay.prepareLineItems()
                 };
-    
+
+                // A saved address skips Apple's address step, which is where the shipping methods
+                // are normally offered, so offer them here with the selected one first.
+                if (usesSavedAddress && SallaApplePay.shipping_methods?.length) {
+                    updatedPaymentDetails.newShippingMethods = SallaApplePay.savedAddressShippingMethods();
+                }
+
                 salla.logger.log('🍏 Pay: completePaymentMethodSelection', updatedPaymentDetails);
 
                 SallaApplePay.session.completePaymentMethodSelection(updatedPaymentDetails);
@@ -1119,6 +1143,12 @@ const SallaApplePay = typeof window !== 'undefined' ? {
                     return SallaApplePay.abortValidateMerchant(response);
                 }
             }
+
+            // The cart exists now, so the saved address can be set on it before the sheet opens.
+            if (SallaApplePay.detail.savedAddress?.address_id) {
+                await SallaApplePay.applySavedAddress();
+            }
+
             completeMerchantValidation(data.data);
         } catch (error) {
             // Handle errors
@@ -1684,6 +1714,16 @@ const SallaApplePay = typeof window !== 'undefined' ? {
         }
     },
 
+    /** Shipping options for the sheet with the currently selected one first, so Apple keeps it selected. */
+    savedAddressShippingMethods() {
+        const methods = SallaApplePay.shipping_methods || [];
+        const current = SallaApplePay.shippingCompany;
+        const selected = methods.find((method) => method.ship_id == current?.ship_id && method.private_ship_id == current?.private_ship_id);
+        const ordered = selected ? [selected, ...methods.filter((method) => method !== selected)] : methods;
+
+        return SallaApplePay.mappingShippingMethods(ordered);
+    },
+
     shouldUpdateShippingCompany(shippingCompany) {
         return SallaApplePay.shippingCompany?.ship_id != shippingCompany?.ship_id || SallaApplePay.shippingCompany?.private_ship_id != shippingCompany?.private_ship_id
     },
@@ -1793,6 +1833,36 @@ const SallaApplePay = typeof window !== 'undefined' ? {
             return response?.data?.message;
         });
     },
+    /**
+     * Sets the saved delivery address on the cart by its address_id (no address from Apple), then
+     * picks its first shipping method, as the Apple address flow does. Throws an axios-shaped error
+     * so onValidateMerchant's catch can show it through validateMerchant.onFailed.
+     */
+    applySavedAddress: async () => {
+        const { address_id, shippingMethods } = SallaApplePay.detail.savedAddress;
+        const fail = (message) => Object.assign(new Error(message), { response: { data: { error: { message } } } });
+        const outOfCoverage = () => salla.lang.get('pages.checkout.address_out_of_coverage');
+
+        let companies;
+        try {
+            const { data } = await http.get(shippingMethods.url.replace('{id}', SallaApplePay.id), null, null, { address_id });
+            companies = data?.data?.companies;
+        } catch (error) {
+            throw fail(error?.response?.data?.error?.message || outOfCoverage());
+        }
+
+        if (!companies?.length) {
+            throw fail(outOfCoverage());
+        }
+
+        SallaApplePay.address_id = address_id;
+        SallaApplePay.shipping_methods = companies;
+
+        const selected = await SallaApplePay.selectApplePayShippingMethod(companies[0]);
+        if (selected !== true) {
+            throw fail((typeof selected === 'string' && selected) || outOfCoverage());
+        }
+    },
     mappingShippingMethods: methods => methods.map(method => ({
         'label': method.shipping_title,
         'amount': method.enable_free_shipping ? 0 : method.ship_cost,
@@ -2041,6 +2111,7 @@ const SallaQuickBuy = /*@__PURE__*/ proxyCustomElement(class SallaQuickBuy exten
             amount: this.applePayAmount > 0 ? this.applePayAmount : this.amount,
             currency: this.currency || salla.config.get('store.settings.buy_now.currency') || 'SAR', // SAR
             requiredShippingContactFields: this.getRequiredShippingContactFields(),
+            savedAddress: this.getSavedAddressForApplePay(),
             shippingMethods: this.isRequireShipping ? [] : undefined,
             supportedNetworks: this.resolveSupportedNetworks(),
             supportedCountries: (Array.isArray(this.supportedCountries) && this.supportedCountries.length)
@@ -2194,6 +2265,28 @@ const SallaQuickBuy = /*@__PURE__*/ proxyCustomElement(class SallaQuickBuy exten
         }
         return fields;
     }
+    /**
+     * The saved address the shopper confirmed in Bullet Delivery, for the checkout to use directly
+     * instead of the address Apple Pay would ask for (SHPD-11082). Undefined keeps the default
+     * Apple Pay address flow: no Bullet Delivery, no confirmed saved address, or a guest.
+     */
+    getSavedAddressForApplePay() {
+        // The mini-checkout already has the shopper's address and carrier on the cart, so it keeps
+        // Apple Pay's default flow; only the product's own Quick Buy uses the Bullet Delivery address.
+        if (!this.isRequireShipping || salla.config.isGuest() || this.resolveCheckoutType() !== 'buy_now')
+            return undefined;
+        const intent = getStoredIntent();
+        if (intent?.type !== 'address' || intent.scope_allocated !== true || !intent.address_id)
+            return undefined;
+        // A country/city-only address would place the order without a street or district and skip
+        // Apple's own address step; keep the default Apple Pay address flow for it.
+        if (!isIntentAddressComplete(intent))
+            return undefined;
+        return {
+            address_id: intent.address_id,
+            shippingMethods: { url: salla.url.get('checkout/{id}/shipping') },
+        };
+    }
     /** Set Apple Pay amount + currency from a price payload, always keeping the pair in one currency. */
     applyBaseCurrencyPrice(data) {
         const base = data?.base_currency_price;
@@ -2209,6 +2302,27 @@ const SallaQuickBuy = /*@__PURE__*/ proxyCustomElement(class SallaQuickBuy exten
             this.amount = data.price;
             this.currency = salla.config.get('user.currency_code') || this.currency || 'SAR';
         }
+        this.applyApplePayProperties(data?.apple_pay);
+    }
+    /**
+     * Networks/countries travel with price responses so the next sheet matches the new total
+     * (the low-amount network rules depend on it; the page config is a cached render snapshot).
+     * A payload without the key (product details, older backend) leaves the current source as-is.
+     */
+    applyApplePayProperties(applePay) {
+        if (!applePay)
+            return;
+        if (applePay.supported_networks != null) {
+            this.supportedNetworks = normalizeApplePayNetworks(applePay.supported_networks);
+        }
+        if (applePay.supported_countries != null) {
+            this.supportedCountries = normalizeApplePayNetworks(applePay.supported_countries);
+        }
+        // Crossing the high-risk amount threshold can empty the list; never open a sheet with
+        // nothing to charge — fall back to the generic buy-now instead.
+        if (this.isApplePayActive && !this.resolveSupportedNetworks().length) {
+            this.isApplePayActive = false;
+        }
     }
     componentWillLoad() {
         console.log('🍏 Pay: Quick Buy Component Loaded');

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

@@ -3,7 +3,7 @@
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { I as IphoneXIcon } from './iphone-x.js';
-import { M as MailIcon } from './mail.js';
+import { e as email } from './mail.js';
 import { C as Cancel } from './cancel.js';
 import { d as defineCustomElement$5 } from './salla-button2.js';
 import { d as defineCustomElement$4 } from './salla-loading2.js';
@@ -220,7 +220,7 @@ const SallaQuickOrder$1 = /*@__PURE__*/ proxyCustomElement(class SallaQuickOrder
             ? this.confirmPayButtonTitle : this.expanded ? h("i", { innerHTML: Cancel }) : this.confirmPayButtonTitle)), h("form", { onSubmit: (e) => this.submit(e), class: 's-quick-order-expandable ' + (this.expanded ? 's-quick-order-shown' : '') }, Salla.config.isGuest() &&
             [
                 h("div", { class: "s-form-group" }, h("span", { innerHTML: PortraitIcon }), h("input", { type: "text", required: true, class: "s-form-control s-quick-order-phone-field", name: 'name', placeholder: this.userNameLabel, ref: el => (this.nameInput = el) })),
-                h("div", { class: "s-quick-order-flex-input" }, h("div", { class: "s-form-group" }, h("span", { innerHTML: IphoneXIcon }), h("salla-tel-input", { ref: el => (this.phoneInput = el) })), h("div", { class: "s-form-group" }, h("span", { innerHTML: MailIcon }), h("input", { type: "email", class: "s-form-control s-quick-order-email-field", name: 'email', required: this.isEmailRequired, placeholder: this.placeHolderEmail + ' ' + (this.isEmailRequired ? '' : this.emailOptional), ref: el => (this.emailInput = el) }))),
+                h("div", { class: "s-quick-order-flex-input" }, h("div", { class: "s-form-group" }, h("span", { innerHTML: IphoneXIcon }), h("salla-tel-input", { ref: el => (this.phoneInput = el) })), h("div", { class: "s-form-group" }, h("span", { innerHTML: email }), h("input", { type: "email", class: "s-form-control s-quick-order-email-field", name: 'email', required: this.isEmailRequired, placeholder: this.placeHolderEmail + ' ' + (this.isEmailRequired ? '' : this.emailOptional), ref: el => (this.emailInput = el) }))),
             ], this.isTermsRequired && (h("label", { htmlFor: "terms", class: "s-quick-order-terms" }, h("input", { type: "checkbox", required: true, name: 'terms', id: 'terms', ref: el => (this.termsInput = el), onChange: () => (this.termsChecked = this.termsInput.checked), class: "s-checkbox" }), h("span", { class: "s-form-label" }, " ", h("div", { innerHTML: this.formatAgreementText(this.agreementText, 150) }, this.agreementText.length > 150 && (h("salla-button", { shape: "link", onClick: () => this.agreementModal.open() }, this.agreementShowText))), " "))), h("salla-button", { type: "submit", color: this.getBtnColor(), width: "wide", ref: el => (this.submitBtn = el) }, this.payButtonTitle)), h("salla-modal", { "modal-title": this.agreementModalHead, ref: modal => (this.agreementModal = modal) }, h("article", { innerHTML: this.agreementText })))));
     }
     componentDidLoad() {

package/dist/components/salla-rating-modal-v22.js

@@ -6,7 +6,7 @@ import { C as CheckCircle2 } from './check-circle2.js';
 import { H as Helper } from './Helper.js';
 import { I as ImageIcon } from './image.js';
 import { W as WhatsappIcon } from './whatsapp2.js';
-import { M as MailIcon } from './mail.js';
+import { e as email } from './mail.js';
 import { d as defineCustomElement$9, l as buildMediaUploadAccept } from './salla-attachment-view2.js';
 import { d as defineCustomElement$8 } from './salla-button2.js';
 import { d as defineCustomElement$7 } from './salla-file-upload2.js';
@@ -763,6 +763,34 @@ const SallaRatingModalV2 = /*@__PURE__*/ proxyCustomElement(class SallaRatingMod
         }
         return [];
     }
+    getRateStarsMessage(type, container) {
+        const itemName = this.getValidationItemName(type, container);
+        const message = salla.lang.get(`pages.rating.rate_${type}_stars`, { item: itemName });
+        // Drop a leftover ":item" placeholder (and its parentheses) when no name is available.
+        return message.replace(/\s*\(:item\)/g, '').replace(/\s*:item/g, '').trim();
+    }
+    getValidationItemName(type, container) {
+        if (type === 'product') {
+            const productId = container.querySelector('[name="product_id"]')
+                ?.value;
+            const product = this.getOrderProducts().find(item => String(item.product?.id) === String(productId))?.product;
+            return product?.name ?? '';
+        }
+        return '';
+    }
+    /** Clear a step's validation message as soon as a star rating is picked. */
+    clearValidationOnRating(event) {
+        const target = event.target;
+        if (!target?.closest('salla-rating-stars')) {
+            return;
+        }
+        const form = target.closest('.rating-outer-form');
+        const message = form?.querySelector('.s-rating-modal-validation-msg');
+        const mainRow = form?.querySelector('.s-rating-modal-product-rating-row-main');
+        if (message && form && this.getRatingHiddenInput(mainRow || form)?.value) {
+            message.innerHTML = '';
+        }
+    }
     validate(rating = null, type = null) {
         if (!rating && this.currentTab?.dataset?.type === 'products') {
             const ratingForms = this.currentTab.querySelectorAll('.rating-outer-form');
@@ -779,9 +807,7 @@ const SallaRatingModalV2 = /*@__PURE__*/ proxyCustomElement(class SallaRatingMod
         const validationMessage = resolvedRating.querySelector('.s-rating-modal-validation-msg');
         const resolvedType = type || resolvedRating.getAttribute('data-type');
         if (!stars) {
-            validationMessage.innerHTML = salla.lang
-                .get(`pages.rating.rate_${resolvedType}_stars`)
-                .replace(' (:item)', '');
+            validationMessage.innerHTML = this.getRateStarsMessage(resolvedType, resolvedRating);
             throw new Error(validationMessage.innerHTML);
         }
         if (resolvedType === 'product') {
@@ -1436,8 +1462,8 @@ const SallaRatingModalV2 = /*@__PURE__*/ proxyCustomElement(class SallaRatingMod
                 h("div", { class: "s-rating-modal-wrapper", ref: el => {
                         if (el)
                             this.body = el;
-                    } }, this.isTestimonialsEnabled() ? (h("div", { class: "rating-outer-form s-rating-modal-step-wrap s-rating-modal-step s-rating-modal-hidden", "data-type": "store" }, h("div", { class: "s-rating-modal-rounded-icon" }, h("img", { src: salla.config.get('store.logo', 'https://assets.salla.sa/cp/assets/images/logo-new.png'), alt: "store name", class: "s-rating-modal-store-logo" })), h("h2", { class: "s-rating-modal-title" }, salla.config.get('store.name')), h("p", { class: "s-rating-modal-subtitle" }, salla.lang.get('pages.rating.rate_the_store')), h("div", { class: "s-rating-modal-stars-company" }, h("salla-rating-stars", { withLabel: true, size: "large" })), h("textarea", { name: "comment", class: "s-rating-modal-comment", placeholder: salla.lang.get('pages.rating.write_store_rate') }), h("small", { class: "s-rating-modal-validation-msg" }))) : (''), this.isProductsEnabled() &&
-                    this.getRateableProducts().map((item, index) => this.renderProductStep(item, index)), this.isShippingEnabled() && this.order.shipping?.company ? (h("div", { class: "rating-outer-form s-rating-modal-step-wrap s-rating-modal-step s-rating-modal-hidden", "data-type": "shipping" }, h("input", { type: "hidden", name: "shipping_company_id", value: this.order.shipping.company.id }), this.order.shipping.company.logo ? (h("div", { class: "s-rating-modal-rounded-icon" }, h("img", { src: this.order.shipping.company.logo, class: "s-rating-modal-shipping-logo", alt: this.order.shipping.company.name }))) : (h("span", { class: "s-rating-modal-icon", innerHTML: ShippingFast })), h("div", { class: "s-rating-modal-title" }, ' ', `${salla.lang.get('pages.rating.rate_shipping')} ${this.order.shipping.company.name}`), h("p", { class: "s-rating-modal-subtitle" }, salla.lang.get('pages.rating.write_shipping_rate')), h("div", { class: "s-rating-modal-stars-company" }, h("salla-rating-stars", { withLabel: true, size: "large" })), h("textarea", { name: "comment", class: "s-rating-modal-comment", placeholder: salla.lang.get('pages.rating.write_shipping_rate') }), h("small", { class: "s-rating-modal-validation-msg" }))) : (''), h("div", { class: "s-rating-modal-thanks s-rating-modal-hidden", ref: el => {
+                    }, onClick: (event) => this.clearValidationOnRating(event) }, this.isProductsEnabled() &&
+                    this.getRateableProducts().map((item, index) => this.renderProductStep(item, index)), this.isTestimonialsEnabled() ? (h("div", { class: "rating-outer-form s-rating-modal-step-wrap s-rating-modal-step s-rating-modal-hidden", "data-type": "store" }, h("div", { class: "s-rating-modal-rounded-icon" }, h("img", { src: salla.config.get('store.logo', 'https://assets.salla.sa/cp/assets/images/logo-new.png'), alt: "store name", class: "s-rating-modal-store-logo" })), h("h2", { class: "s-rating-modal-title" }, salla.config.get('store.name')), h("p", { class: "s-rating-modal-subtitle" }, salla.lang.get('pages.rating.rate_the_store')), h("div", { class: "s-rating-modal-stars-company" }, h("salla-rating-stars", { withLabel: true, size: "large" })), h("textarea", { name: "comment", class: "s-rating-modal-comment", placeholder: salla.lang.get('pages.rating.write_store_rate') }), h("small", { class: "s-rating-modal-validation-msg" }))) : (''), this.isShippingEnabled() && this.order.shipping?.company ? (h("div", { class: "rating-outer-form s-rating-modal-step-wrap s-rating-modal-step s-rating-modal-hidden", "data-type": "shipping" }, h("input", { type: "hidden", name: "shipping_company_id", value: this.order.shipping.company.id }), this.order.shipping.company.logo ? (h("div", { class: "s-rating-modal-rounded-icon" }, h("img", { src: this.order.shipping.company.logo, class: "s-rating-modal-shipping-logo", alt: this.order.shipping.company.name }))) : (h("span", { class: "s-rating-modal-icon", innerHTML: ShippingFast })), h("div", { class: "s-rating-modal-title" }, ' ', `${salla.lang.get('pages.rating.rate_shipping')} ${this.order.shipping.company.name}`), h("p", { class: "s-rating-modal-subtitle" }, salla.lang.get('pages.rating.write_shipping_rate')), h("div", { class: "s-rating-modal-stars-company" }, h("salla-rating-stars", { withLabel: true, size: "large" })), h("textarea", { name: "comment", class: "s-rating-modal-comment", placeholder: salla.lang.get('pages.rating.write_shipping_rate') }), h("small", { class: "s-rating-modal-validation-msg" }))) : (''), h("div", { class: "s-rating-modal-thanks s-rating-modal-hidden", ref: el => {
                         if (el)
                             this.thanksTab = el;
                     } }, h("span", { class: "s-rating-modal-icon", innerHTML: CheckCircle2 }), h("h3", { class: "s-rating-modal-thanks-title" }, salla.lang.get('pages.rating.thanks')), h("div", { class: "s-rating-modal-thanks-msg", innerHTML: this.order.thanks_message }), h("time", { class: "s-rating-modal-thanks-time", ref: el => {
@@ -1447,7 +1473,7 @@ const SallaRatingModalV2 = /*@__PURE__*/ proxyCustomElement(class SallaRatingMod
                 this.allowContactSupport &&
                     this.showContactWidget &&
                     (salla.config.get('store.contacts.whatsapp') ||
-                        salla.config.get('store.contacts.email')) ? (h("div", { class: "s-rating-modal-contact" }, h("p", null, this.contactUsLabel), h("div", { class: "s-rating-modal-contact-icons" }, salla.config.get('store.contacts.whatsapp') && (h("span", { onClick: () => this.handleSendWhatsApp(), innerHTML: WhatsappIcon })), salla.config.get('store.contacts.email') && (h("span", { onClick: () => this.handleSendEmail(), innerHTML: MailIcon }))))) : (''),
+                        salla.config.get('store.contacts.email')) ? (h("div", { class: "s-rating-modal-contact" }, h("p", null, this.contactUsLabel), h("div", { class: "s-rating-modal-contact-icons" }, salla.config.get('store.contacts.whatsapp') && (h("span", { onClick: () => this.handleSendWhatsApp(), innerHTML: WhatsappIcon })), salla.config.get('store.contacts.email') && (h("span", { onClick: () => this.handleSendEmail(), innerHTML: email }))))) : (''),
                 h("div", { class: "s-rating-modal-footer" }, h("button", { ref: el => {
                         if (el)
                             this.backBtn = el;

package/dist/components/salla-rating-modal2.js

@@ -4,7 +4,7 @@
 import { proxyCustomElement, HTMLElement, Build, h, Host } from '@stencil/core/internal/client';
 import { C as CheckCircle2 } from './check-circle2.js';
 import { I as ImageIcon } from './image.js';
-import { M as MailIcon } from './mail.js';
+import { e as email } from './mail.js';
 import { d as defineCustomElement$4, S as ShippingFast, a as Star } from './salla-rating-modal-v22.js';
 import { W as WhatsappIcon } from './whatsapp2.js';
 import { H as Helper } from './Helper.js';
@@ -527,7 +527,7 @@ const SallaRatingModal = /*@__PURE__*/ proxyCustomElement(class SallaRatingModal
                         ? h("div", { class: "rating-outer-form s-rating-modal-step-wrap s-rating-modal-step s-rating-modal-hidden", "data-type": "shipping" }, h("input", { type: "hidden", name: "shipping_company_id", value: this.order.shipping.company.id }), this.order.shipping.company.logo
                             ? h("div", { class: "s-rating-modal-rounded-icon" }, h("img", { src: this.order.shipping.company.logo, class: "s-rating-modal-shipping-logo", alt: this.order.shipping.company.name }))
                             : h("span", { class: "s-rating-modal-icon", innerHTML: ShippingFast }), h("div", { class: "s-rating-modal-title" }, " ", `${salla.lang.get('pages.rating.rate_shipping')} ${this.order.shipping.company.name}`), h("div", { class: "s-rating-modal-stars-company" }, h("salla-rating-stars", { withLabel: true, size: "large" })), h("textarea", { name: "comment", class: "s-rating-modal-comment", placeholder: salla.lang.get('pages.rating.write_shipping_rate') }), h("small", { class: "s-rating-modal-validation-msg" }))
-                        : '', h("div", { class: "s-rating-modal-thanks s-rating-modal-hidden", ref: el => this.thanksTab = el }, h("span", { class: "s-rating-modal-icon", innerHTML: CheckCircle2 }), h("h3", { class: "s-rating-modal-thanks-title" }, salla.lang.get('pages.rating.thanks')), h("div", { class: "s-rating-modal-thanks-msg", innerHTML: this.order.thanks_message }), h("time", { class: "s-rating-modal-thanks-time", ref: el => this.thanksTime = el }))), this.allowContactSupport && this.showContactWidget && (salla.config.get('store.contacts.whatsapp') || salla.config.get('store.contacts.email')) ? h("div", { class: "s-rating-modal-contact" }, h("p", null, this.contactUsLabel), h("div", { class: "s-rating-modal-contact-icons" }, salla.config.get('store.contacts.whatsapp') && h("span", { onClick: () => this.handleSendWhatsApp(), innerHTML: WhatsappIcon }), salla.config.get('store.contacts.email') && h("span", { onClick: () => this.handleSendEmail(), innerHTML: MailIcon }))) : '', h("div", { class: "s-rating-modal-footer" }, h("button", { ref: el => this.backBtn = el, onClick: () => this.previousTab(), class: "s-rating-modal-btn s-rating-modal-unvisiable" }, salla.lang.get('common.elements.back')), this.stepsCount > 1 ? h("ul", { class: "s-rating-modal-dots" }, [0, 1, 2].slice(0, this.stepsCount).map((v) => h("li", { key: v, class: 's-rating-modal-bg-gray s-rating-modal-step-dot' }))) : '', h("salla-button", { "loader-position": 'center', ref: el => this.nextBtn = el, onClick: () => this.submit() }, salla.lang.get('common.elements.next')))]
+                        : '', h("div", { class: "s-rating-modal-thanks s-rating-modal-hidden", ref: el => this.thanksTab = el }, h("span", { class: "s-rating-modal-icon", innerHTML: CheckCircle2 }), h("h3", { class: "s-rating-modal-thanks-title" }, salla.lang.get('pages.rating.thanks')), h("div", { class: "s-rating-modal-thanks-msg", innerHTML: this.order.thanks_message }), h("time", { class: "s-rating-modal-thanks-time", ref: el => this.thanksTime = el }))), this.allowContactSupport && this.showContactWidget && (salla.config.get('store.contacts.whatsapp') || salla.config.get('store.contacts.email')) ? h("div", { class: "s-rating-modal-contact" }, h("p", null, this.contactUsLabel), h("div", { class: "s-rating-modal-contact-icons" }, salla.config.get('store.contacts.whatsapp') && h("span", { onClick: () => this.handleSendWhatsApp(), innerHTML: WhatsappIcon }), salla.config.get('store.contacts.email') && h("span", { onClick: () => this.handleSendEmail(), innerHTML: email }))) : '', h("div", { class: "s-rating-modal-footer" }, h("button", { ref: el => this.backBtn = el, onClick: () => this.previousTab(), class: "s-rating-modal-btn s-rating-modal-unvisiable" }, salla.lang.get('common.elements.back')), this.stepsCount > 1 ? h("ul", { class: "s-rating-modal-dots" }, [0, 1, 2].slice(0, this.stepsCount).map((v) => h("li", { key: v, class: 's-rating-modal-bg-gray s-rating-modal-step-dot' }))) : '', h("salla-button", { "loader-position": 'center', ref: el => this.nextBtn = el, onClick: () => this.submit() }, salla.lang.get('common.elements.next')))]
                 : h("salla-placeholder", { alignment: "center" }))));
         }
     }

package/dist/components/salla-review-card2.js

@@ -172,7 +172,7 @@ const SallaReviewCard = /*@__PURE__*/ proxyCustomElement(class SallaReviewCard e
         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: '74f90d0c16e70958df63048265548fbbe98f1de2', class: "s-review-card-container" }, this.renderSlider(), this.renderSingleImage(), renderDivider(), h("div", { key: 'de835106c59d533bfb722d6e8b2f3153f2ce2772', class: "s-review-card-content" }, this.renderHeader(), h("p", { key: '902668e2d2661565af38aa29e1f46800c380f56d', class: "s-review-card-review-content", innerHTML: this.review?.content }), renderDivider(), this.renderProductInfo()));
+        return h("div", { key: 'a2aeb09661c1764b925ef439162ff403b7e06a3c', class: "s-review-card-container" }, this.renderSlider(), this.renderSingleImage(), renderDivider(), h("div", { key: '7f926752e34f00aee7e113cbf3a5d62c0085dfb7', class: "s-review-card-content" }, this.renderHeader(), h("p", { key: 'e0d9dbe1ba13c32ddfc79d5bbc9b40d4de3882c6', class: "s-review-card-review-content", innerHTML: this.review?.content }), renderDivider(), this.renderProductInfo()));
     }
     get el() { return this; }
     static get style() { return sallaReviewCardCss; }

package/dist/components/salla-review-factors-tags2.js

@@ -132,7 +132,7 @@ const SallaReviewFactorsTags = /*@__PURE__*/ proxyCustomElement(class SallaRevie
         return (h("div", { class: "s-review-factors-tags-factors" }, factors.map(factor => (h("div", { class: "s-review-factors-tags-factor-tag" }, h("span", { class: "s-review-factors-tags-factor-name" }, factor.name), h("span", { class: "s-review-factors-tags-factor-star", innerHTML: Rate }), h("span", { class: "s-review-factors-tags-factor-rating" }, factor.rating || ''))))));
     }
     render() {
-        return (h(Host, { key: '3391a62ef0f0e7b5b97fa17c99aae2383772ba13', class: "s-review-factors-tags-wrapper" }, this.renderFactorTags()));
+        return (h(Host, { key: '2fc041ebd27df774250e428f3a68026838221309', class: "s-review-factors-tags-wrapper" }, this.renderFactorTags()));
     }
     static get watchers() { return {
         "factors": ["onPropsChange"],

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

@@ -687,7 +687,7 @@ const SallaReviewsPage$1 = /*@__PURE__*/ proxyCustomElement(class SallaReviewsPa
         return options.map(option => (h("option", { key: option.value, value: option.value, selected: option.value === this.sort }, option.label)));
     }
     render() {
-        return (h("host", { key: '99ad0c8d56c14608f3212cea87e8c654bf604dbf' }, h("div", { key: 'cb7001d10ab877e4a01ca7947816ae37f5df3551', class: "s-reviews-page-header-wrapper" }, h("h2", { key: 'b83ba652a056ea7783ce1f7d5de210b4ef56141d', class: "s-reviews-page-title" }, this.langTitlesReviews, h("span", { key: 'ab6ac660abc7f4890cda9e9b84fff0b95c20e6c0', class: "s-reviews-page-count" }, "(", this.langRatingReviews, ")")), h("div", { key: '5bbb950b00b175553e8f9badeef7616519329546', class: "s-reviews-page-filter-wrapper" }, h("label", { key: '0c04b75c09b6a0da4d7e97df9c4c8f2eb3340668', class: "s-reviews-page-filter-label", htmlFor: "testimonials-filter" }, this.langSorting), h("select", { key: '5daa619818112ecab244a5f569070cc4f2d6d5fb', 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: '35cd0a44554000d50366a0fc58e1459aee0b44b8' }, h("div", { key: '84221421edcb64eb6e354ec3db1153a479ad592a', class: "s-reviews-page-header-wrapper" }, h("h2", { key: 'd9d058476d006d09558037e8db5beb2216074f13', class: "s-reviews-page-title" }, this.langTitlesReviews, h("span", { key: '3a26542f8402200d33d8c44edaaa32f368879257', class: "s-reviews-page-count" }, "(", this.langRatingReviews, ")")), h("div", { key: 'c7e62f7e92a8b00ccd7301db6432510b5d7778ef', class: "s-reviews-page-filter-wrapper" }, h("label", { key: '07bcd2bd2e6b218e95296e3e863acf32fa2cca0a', class: "s-reviews-page-filter-label", htmlFor: "testimonials-filter" }, this.langSorting), h("select", { key: 'd6e78c62117a8ed22e76600d83deeccd777fb5d3', 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/components/salla-search-product-card2.js

@@ -121,7 +121,7 @@ const SallaSearchProductCard = /*@__PURE__*/ proxyCustomElement(class SallaSearc
             // 's-search-product-card-out-of-stock': this.productData?.is_out_of_stock,
         };
         const hrefProp = this.productData?.url ? { href: this.productData.url } : {};
-        return (h(Host, { key: '4cfc1a96be2ed4c30a081b427114a5bfe06c3842', id: `search-product-${this.productData?.id}`, class: classes }, this.productData?.url ? (h("a", { class: "s-search-product-card-overlay-link", "aria-label": this.productData?.name, ...hrefProp })) : null, h("div", { key: '2285f61c94fd3769a2233ec03dfb7982c69e72d6', class: "s-search-product-card-image" }, h("img", { key: 'af1c9b83c3b913840dce2e098a162deb523fbc3a', class: `s-search-product-card-image-${salla.url.is_placeholder(this.productData?.image?.url) ? 'contain' : 'cover'} lazy`, src: this.placeholder, alt: this.productData?.image?.alt || this.productData?.name, "data-src": this.productData?.image?.url || this.productData?.thumbnail }), this.getProductBadge()), h("div", { key: '9de832c578e6fbb445052ab912f3aa2076c7b8ab', class: "s-search-product-card-content" }, h("div", { key: '3eab0e1c65c95f136409b1822ab561ece92375a3', class: "s-search-product-card-content-main" }, h("h3", { key: '31d1dfae5ba8fece00ca62f2948c8344b9f1826d', class: "s-search-product-card-content-title" }, this.getDisplayTitle()), this.productData?.subtitle ? (h("p", { class: "s-search-product-card-content-subtitle" }, this.productData?.subtitle)) : null), !!this.showDonationAmount && !!this.productData?.donation
+        return (h(Host, { key: '6be103faead19fecfbc380ff4ee53f47f057dae0', id: `search-product-${this.productData?.id}`, class: classes }, this.productData?.url ? (h("a", { class: "s-search-product-card-overlay-link", "aria-label": this.productData?.name, ...hrefProp })) : null, h("div", { key: '1b2200c07aead0031e1b7cf4f4a0d0dbdb165d15', class: "s-search-product-card-image" }, h("img", { key: 'dca2fd85d56f311845397893bb64f50c1202ed2c', class: `s-search-product-card-image-${salla.url.is_placeholder(this.productData?.image?.url) ? 'contain' : 'cover'} lazy`, src: this.placeholder, alt: this.productData?.image?.alt || this.productData?.name, "data-src": this.productData?.image?.url || this.productData?.thumbnail }), this.getProductBadge()), h("div", { key: '6b04b97c6ead3c399acd3597c62fcf197a2a3b0d', class: "s-search-product-card-content" }, h("div", { key: '750a347824045b181736002aed50b586437065ed', class: "s-search-product-card-content-main" }, h("h3", { key: 'b0b85cd7d0314e6e5657d208ede0bdb2ab957d8a', class: "s-search-product-card-content-title" }, this.getDisplayTitle()), this.productData?.subtitle ? (h("p", { class: "s-search-product-card-content-subtitle" }, this.productData?.subtitle)) : null), !!this.showDonationAmount && !!this.productData?.donation
             ? [
                 h("salla-progress-bar", { donation: this.productData?.donation }),
                 h("div", { class: "s-search-product-card-donation-input" }, this.productData?.donation?.can_donate
@@ -136,7 +136,7 @@ const SallaSearchProductCard = /*@__PURE__*/ proxyCustomElement(class SallaSearc
                     ]
                     : null),
             ]
-            : null, h("div", { key: '8c7989a6e42e4fe058ca1d9edfefb4861aef65d6', class: "s-search-product-card-content-sub" }, this.getProductPrice(), this.productData?.is_out_of_stock ? (h("span", { class: "s-search-product-card-out-of-stock-label" }, this.outOfStock)) : null), this.productData?.rating?.stars ? (h("div", { class: "s-search-product-card-rating" }, h("span", { innerHTML: Rate }), h("span", null, this.productData.rating.stars))) : null), !this.hideAddBtn ? (h("div", { class: "s-search-product-card-content-footer" }, h("salla-add-product-button", { ref: el => (this.addBtn = el), "product-id": this.productData.id, "product-status": this.productData.status, "product-type": this.productData.type, class: "s-add-product-button-compact" }, this.renderAddToCartLabel()))) : null));
+            : null, h("div", { key: 'f1507e9e9a42d099e46e12b214be70ed41bff404', class: "s-search-product-card-content-sub" }, this.getProductPrice(), this.productData?.is_out_of_stock ? (h("span", { class: "s-search-product-card-out-of-stock-label" }, this.outOfStock)) : null), this.productData?.rating?.stars ? (h("div", { class: "s-search-product-card-rating" }, h("span", { innerHTML: Rate }), h("span", null, this.productData.rating.stars))) : null), !this.hideAddBtn ? (h("div", { class: "s-search-product-card-content-footer" }, h("salla-add-product-button", { ref: el => (this.addBtn = el), "product-id": this.productData.id, "product-status": this.productData.status, "product-type": this.productData.type, class: "s-add-product-button-compact" }, this.renderAddToCartLabel()))) : null));
     }
     componentDidLoad() {
         document.lazyLoadInstance?.update(this.host?.querySelectorAll('.lazy'));

package/dist/components/salla-searchable-dropdown2.js

@@ -210,18 +210,18 @@ const SallaSearchableDropdown = /*@__PURE__*/ proxyCustomElement(class SallaSear
     render() {
         const hasSelection = this.selectedItem != null;
         const listboxId = `${this.inputId}-listbox`;
-        return (h(Host, { key: 'eadd6ff762e66bc3458d19f7d2490da939a268d0', class: "s-searchable-dropdown" }, h("div", { key: '0cb614d73e06626c0cd3b5e5eadc76ebfc296093', class: { 's-searchable-dropdown': true, 's-searchable-dropdown--open': this.isOpen } }, this.label && (h("label", { key: '6f3c440ccad07f3ab271f85f508ddf6294464947', class: "s-searchable-dropdown-label", htmlFor: this.inputId }, this.label, this.required && h("span", { key: '9415e3b6b87e702079c2fc810aa7621e623e5641', class: "s-searchable-dropdown-required" }, " *"))), h("div", { key: '7ed8979005ef68e40976a536ead5da4c736bb0ba', class: {
+        return (h(Host, { key: '02d11f844c06912b4743b820af6cee7c34b77f17', class: "s-searchable-dropdown" }, h("div", { key: 'e2fde5235f96206861dec5c94397a48061a2b59d', class: { 's-searchable-dropdown': true, 's-searchable-dropdown--open': this.isOpen } }, this.label && (h("label", { key: '22d43eb76b9d9b7e28be0a02e799e200499bb2d5', class: "s-searchable-dropdown-label", htmlFor: this.inputId }, this.label, this.required && h("span", { key: 'a139791c05d1b494776f538deafebbf41a2d4eee', class: "s-searchable-dropdown-required" }, " *"))), h("div", { key: '7361971a854f54206f30f61a13bce53c19b4dd54', class: {
                 's-searchable-dropdown-trigger': true,
                 's-searchable-dropdown-trigger--disabled': this.disabled || this.loading,
                 's-searchable-dropdown-trigger--open': this.isOpen,
-            }, role: "combobox", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-haspopup": "listbox", "aria-controls": listboxId, "aria-disabled": this.disabled || this.loading ? 'true' : 'false', tabIndex: this.disabled || this.loading ? -1 : 0, onClick: this.handleTriggerClick, onKeyDown: this.handleTriggerKeyDown }, hasSelection ? (h("span", { class: "s-searchable-dropdown-trigger-text" }, this.getDisplayName(this.selectedItem))) : (h("span", { class: "s-searchable-dropdown-trigger-placeholder" }, this.placeholder)), h("i", { key: '7df0a517cb916ad6652544c1b738c569ab2f290f', class: {
+            }, role: "combobox", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-haspopup": "listbox", "aria-controls": listboxId, "aria-disabled": this.disabled || this.loading ? 'true' : 'false', tabIndex: this.disabled || this.loading ? -1 : 0, onClick: this.handleTriggerClick, onKeyDown: this.handleTriggerKeyDown }, hasSelection ? (h("span", { class: "s-searchable-dropdown-trigger-text" }, this.getDisplayName(this.selectedItem))) : (h("span", { class: "s-searchable-dropdown-trigger-placeholder" }, this.placeholder)), h("i", { key: '11a8d6d198eceaff33c83167db1672709da6a334', class: {
                 'sicon-keyboard_arrow_down': true,
                 's-searchable-dropdown-trigger-icon': true,
                 's-searchable-dropdown-trigger-icon--open': this.isOpen,
-            }, "aria-hidden": "true" })), this.isOpen && (h("div", { key: '797dea9a0b0a26402132f5d33c49b74cde5f617d', class: {
+            }, "aria-hidden": "true" })), this.isOpen && (h("div", { key: 'b1f95c4129297cb880edefdae7dd0ee55d0db89f', class: {
                 's-searchable-dropdown-panel': true,
                 's-searchable-dropdown-panel--up': this.dropUp,
-            }, ref: (el) => (this.panelRef = el) }, this.searchable && (h("div", { key: 'e7b7ec94dbc99ac40a1f833b7aa61c5d2a8742b7', class: "s-searchable-dropdown-search-wrap" }, h("i", { key: '59fc0e1986726f99639688c18bc6c501fae966b4', class: "sicon-search s-searchable-dropdown-search-icon", "aria-hidden": "true" }), h("input", { key: '70a63f4297d7f1f204d95336cc6aaea28d8f14e1', ref: (el) => (this.searchInputRef = el), id: this.inputId, type: "text", class: "s-searchable-dropdown-search-input", placeholder: this.placeholder, value: this.clientSearch ? this.clientSearchQuery : this.searchQuery, onInput: this.handleSearchInputChange, onKeyDown: this.handleSearchKeyDown, autocomplete: "off", "aria-autocomplete": "list", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-controls": listboxId }))), h("div", { key: 'f998cc8115062d98befdb814cba0a282c491ef4e', id: listboxId, class: "s-searchable-dropdown-list s-scrollbar", role: "listbox" }, this.renderListContent()))))));
+            }, ref: (el) => (this.panelRef = el) }, this.searchable && (h("div", { key: '538366b1f478b758697a6163449f02a844046c24', class: "s-searchable-dropdown-search-wrap" }, h("i", { key: 'd4645a414866d20b37567b0edf7cc063c0783b0e', class: "sicon-search s-searchable-dropdown-search-icon", "aria-hidden": "true" }), h("input", { key: '9a1a0e9146fa1e5a2c391b75c82b8fe795207118', ref: (el) => (this.searchInputRef = el), id: this.inputId, type: "text", class: "s-searchable-dropdown-search-input", placeholder: this.placeholder, value: this.clientSearch ? this.clientSearchQuery : this.searchQuery, onInput: this.handleSearchInputChange, onKeyDown: this.handleSearchKeyDown, autocomplete: "off", "aria-autocomplete": "list", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-controls": listboxId }))), h("div", { key: 'c233695fd26f7c743af2a330c149a02171e108da', id: listboxId, class: "s-searchable-dropdown-list s-scrollbar", role: "listbox" }, this.renderListContent()))))));
     }
     renderListContent() {
         if (this.searching || this.loading) {

package/dist/components/salla-skeleton2.js

@@ -27,7 +27,7 @@ const SallaSkeleton = /*@__PURE__*/ proxyCustomElement(class SallaSkeleton exten
             's-skeleton-item': true,
             's-skeleton-item-circular': this.type == 'circle',
         };
-        return (h(Host, { key: 'fbfa8fa5a3c9dd07f69c2ee75a97fd53fff3711c', class: "s-skeleton-wrapper", style: { width: this.width, height: this.height } }, h("div", { key: 'a09b63d0738f06ff388d6f80225a959184f2d8ba', class: classes }, "\u00A0")));
+        return (h(Host, { key: 'c73b16b10bad29384b81ac436a09b5d48712c2c3', class: "s-skeleton-wrapper", style: { width: this.width, height: this.height } }, h("div", { key: '890166817a5e0470d25c3114c87193ff7ad88b10', class: classes }, "\u00A0")));
     }
     static get style() { return sallaSkeletonCss; }
 }, [0, "salla-skeleton", {

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

@@ -3,7 +3,7 @@
  */
 import { proxyCustomElement, HTMLElement, Build, h } from '@stencil/core/internal/client';
 import { f as facebook, t as twitter } from './facebook.js';
-import { M as MailIcon } from './mail.js';
+import { e as email } from './mail.js';
 import { C as Cancel } from './cancel.js';
 import { d as defineCustomElement$1 } from './salla-button2.js';
 
@@ -76,7 +76,7 @@ const SallaSocialShare = /*@__PURE__*/ proxyCustomElement(class SallaSocialShare
                 name: Socials.FACEBOOK,
             },
             { icon: twitter, name: Socials.TWITTER },
-            { icon: MailIcon, name: Socials.EMAIL },
+            { icon: email, name: Socials.EMAIL },
             {
                 icon: copy_link,
                 name: Socials.COPY_LINK,
@@ -370,7 +370,7 @@ const SallaSocialShare = /*@__PURE__*/ proxyCustomElement(class SallaSocialShare
             case Socials.TWITTER:
                 return { icon: twitter, color: '#000000', label: salla.lang.get('common.social.twitter') };
             case Socials.EMAIL:
-                return { icon: MailIcon, color: '#2BA6FF', label: salla.lang.get('common.social.email') };
+                return { icon: email, color: '#2BA6FF', label: salla.lang.get('common.social.email') };
             default:
                 return { icon: copy_link, color: '#6b7280', label: platform };
         }
@@ -410,7 +410,7 @@ const SallaSocialShare = /*@__PURE__*/ proxyCustomElement(class SallaSocialShare
         })));
     }
     render() {
-        return (h("div", { key: '485904f160d3cca87190cd2840d87ae06a44bc67', class: "s-social-share-wrapper" }, h("slot", { key: '2849b4724cc91be120a7c86ab6ac0ec365c95e8e', name: "widget" }, h("salla-button", { key: '0dd4a988743d8a766de2c4a71e8d9ce7a87448fe', "aria-label": "Share", onClick: () => this.handleShareClick(), class: "s-social-share-btn", shape: "icon", fill: "outline", color: "light" }, h("span", { key: '460ee35d12b9b25e94d8c667c46199a3786174e1', innerHTML: this.opened ? Cancel : ShareAlt }))), this.mode === 'modal' ? this.renderModal() : this.renderPopupList()));
+        return (h("div", { key: '6947ccab470304eb0d483fd4b7ca9cc2554bbb71', class: "s-social-share-wrapper" }, h("slot", { key: 'b286eaf408c6b424f2a6b54b8ca7556b8af7af8c', name: "widget" }, h("salla-button", { key: '45e580eb0c93990ece828470a0d3eb8bb76303db', "aria-label": "Share", onClick: () => this.handleShareClick(), class: "s-social-share-btn", shape: "icon", fill: "outline", color: "light" }, h("span", { key: '770d272c4132f0106e70f0ef765417ba4ac0b9f8', innerHTML: this.opened ? Cancel : ShareAlt }))), this.mode === 'modal' ? this.renderModal() : this.renderPopupList()));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/components/salla-social.js

@@ -61,7 +61,7 @@ const SallaSocial$1 = /*@__PURE__*/ proxyCustomElement(class SallaSocial extends
     }
     render() {
         const linksArray = this.getLinksArray();
-        return (h(Host, { key: '4875f05a11d5cd0dd8118a742217259b67e49cba' }, h("ul", { key: 'a2584f25353945cea66083154e2983a204a5f56d', 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: '29f04bfaf306c249ce6da993bad695b009e2c9e9' }, h("ul", { key: 'ed987f835308d337e3e58accccc159d97d822fe8', 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()) })))))));