@salla.sa/twilight-components 2.14.564 → 2.14.565

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: '063a407b20a58cd485aab5545bc36ef7bcf97bda', 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: 'f3020bc65b716269d77e46bf28a6ff610ebff117', slot: 'icon', class: "s-product-size-guide-header-icon", innerHTML: PencilRuler }), h("div", { key: '588de84c8b24de3331ff825a29e8332c1c426752', slot: "loading" }, h("div", { key: 'be0c2882631109efd8099d96cc9c8b22ff266893', class: "s-product-size-guide-skeleton" }, h("salla-skeleton", { key: '04030e4cb75e1f49d939d1c87b97eb0fe73eff0f', height: '15px', width: '25%' }), h("div", { key: '1576c0a47284315aa3ec408d75bcbb261f230b3f', class: "s-product-size-guide-skeleton-header" }, h("salla-skeleton", { key: '4edba887e3a631d1fccaa4379c3f7b9ebc8e3fb9', height: '40px' }), h("salla-skeleton", { key: 'da6c9bdf9eb7cb8cd6366b9dc954055ed3f79607', height: '40px' }), h("salla-skeleton", { key: '322e2e5d0f05949a6a957b695c6f557512acc689', height: '40px' }), h("salla-skeleton", { key: '4914a613bf190d2fc7029098ba7c7fd54bdace4c', height: '40px' })), h("div", { key: '209144302d7127ffc6933519db28d9cba949827f', class: "s-product-size-guide-skeleton-content" }, h("salla-skeleton", { key: 'cca674f6d7fe8a88c240b38df567f2980efdb9e1', height: '15px', width: '25%' }), h("salla-skeleton", { key: '9754e50822954fa6a333634a40d4414cc1785c04', height: '10px', width: '75%' }), h("salla-skeleton", { key: 'b18e8d9fb7d1ddb9766fb9b24285480dbeb6d678', height: '10px', width: '50%' }), h("salla-skeleton", { key: '6904a849b03278f8a99aa5056772f58d14ecc10e', height: '10px', width: '75%' }), h("salla-skeleton", { key: '357446cfbab8c5b5062ef582dabc5a41b987a2d6', height: '10px', width: '100%' }), h("salla-skeleton", { key: 'b8d2ab21d3c68f1f7c325aac46c6574b8f62878c', height: '10px', width: '25%' }), h("salla-skeleton", { key: '578de2e17060b4b8f1d8e18e77e423b8a2ca746f', height: '10px', width: '60%' }), h("salla-skeleton", { key: '442da0c1997e968f77ef7d5ea14b507387004814', height: '10px', width: '45%' }), h("salla-skeleton", { key: '0ff2e33c0f931e577b020e83f5704454169c697a', height: '10px', width: '30%' })))), h("slot", { key: '83f7baaa539d8084e6efb898a865723fab3552ff', name: "header" }), !this.hasError && !!this.guides ?
+        return (h("salla-modal", { key: '821a0f8c890f62c278f2c6fbb0081c58074134fa', 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: '54972cbc6899d788b3543f882d3f3cf0c6a50071', slot: 'icon', class: "s-product-size-guide-header-icon", innerHTML: PencilRuler }), h("div", { key: '251eca54b49ccd504cec94371103d52db3dceae5', slot: "loading" }, h("div", { key: '65563fe5e6114cdc1958b6acfc23338f87629ee9', class: "s-product-size-guide-skeleton" }, h("salla-skeleton", { key: '66c8da1a0ca4ff7bb48b7274135de2a79c08cf69', height: '15px', width: '25%' }), h("div", { key: '33f7ec9dc4d1749bebdd8d1765b63b04f13473f3', class: "s-product-size-guide-skeleton-header" }, h("salla-skeleton", { key: '1f1e52c77826df60eae9c814d0db6dfa22976495', height: '40px' }), h("salla-skeleton", { key: '608fc344f8b06e23776fac615b49730f5934baec', height: '40px' }), h("salla-skeleton", { key: '876f24fb4e06b8bd094ca9bc18c55e196b388201', height: '40px' }), h("salla-skeleton", { key: 'd3f0c5baad4e0d940b3a30598353629dd199cd38', height: '40px' })), h("div", { key: 'f492afd9c329add253c60c8692173288437213d8', class: "s-product-size-guide-skeleton-content" }, h("salla-skeleton", { key: '7246853ccd94c5de70dac399593cf3dd64ae85de', height: '15px', width: '25%' }), h("salla-skeleton", { key: '5b314c2a99a4437891a7fcaf4d01a29597a03422', height: '10px', width: '75%' }), h("salla-skeleton", { key: '4cde9368235a5f355d3ce4c28642cb3f29716880', height: '10px', width: '50%' }), h("salla-skeleton", { key: 'fb7be5927efc29a993049632dde462e5e329d74b', height: '10px', width: '75%' }), h("salla-skeleton", { key: '945f9901fdd6b681c28b80f3a7b9c253c5063424', height: '10px', width: '100%' }), h("salla-skeleton", { key: '991f7e304524d0acc6c8eab5dfef4be75eee7655', height: '10px', width: '25%' }), h("salla-skeleton", { key: '9d2c66c90b20abd0984ea2ef3ced2f9dbe3479c2', height: '10px', width: '60%' }), h("salla-skeleton", { key: '0943d7f53030e26034e01c89c8edf1cfd76a87ab', height: '10px', width: '45%' }), h("salla-skeleton", { key: '683502d6f44eb68fe7ba7f9b54df456b725bd126', height: '10px', width: '30%' })))), h("slot", { key: 'bf50073356c49df10842635491e2606321faaa50', 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: '598c8e9603633bbb4d89f767237eda21282b4e04', name: "footer" })));
+            : this.showPlaceholder(), h("slot", { key: '2f357ddc66624cb7c05324ed9fb8c1164b39eda1', name: "footer" })));
     }
     static get is() { return "salla-product-size-guide"; }
     static get originalStyleUrls() {

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

@@ -91,7 +91,7 @@ export class SallaQuantityInput {
         if (!inputAttributes['aria-label'] && !inputAttributes['aria-labelledby']) {
             inputAttributes['aria-label'] = salla.lang.getWithDefault('common.elements.quantity', 'Quantity');
         }
-        return (h(Host, { key: 'c797988f98c583df0064468e39f622d6e56e24e2', class: "s-quantity-input" }, h("div", { key: 'de47e2fda231074d7d7d0787dfda9cf5499f843e', class: "s-quantity-input-container" }, h("button", { key: '7c9e1918d5cbb682c1e64d59250fb9240966b8b0', 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: 'a3ee0a9ca52089113b5af350b167a37118a20893', name: "increment-button" })), h("input", { key: '6137f675da24a5ef3325ec333f66299319c21e16', 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: '64d016e0fcb7339d0125c4d1f66862cb0331c296', 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: 'd7f3859f72897db514c77eb0119680e00574902c', name: "decrement-button" })))));
+        return (h(Host, { key: 'bf0882609ec0e164d8280789ee6deeaadeb3e484', class: "s-quantity-input" }, h("div", { key: 'c69afe51313f69250454cf6cf72dba89fb1f92e2', class: "s-quantity-input-container" }, h("button", { key: '8a02d3452f9727278acae90f1017eed65033c0a3', 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: 'f4f1dbb40e2d90205075a8d3bf31a7e4a08ee6b5', name: "increment-button" })), h("input", { key: '67b7cdc6ef5311799d200660f26a7520e122b411', 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: 'f0139bd8e74744e9396cbae706151ec3c092766b', 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: 'd051c3ca89310e67f834a970788abc606e5d2bbc', name: "decrement-button" })))));
     }
     static get is() { return "salla-quantity-input"; }
     static get originalStyleUrls() {

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

@@ -4,6 +4,7 @@
 import { Host, h } from "@stencil/core";
 import "@salla.sa/applepay/src/index";
 import { resolveApplePayOrderOptions, appendOrderOptionsToPayload, reportProductOptionsValiditySync, } from "../salla-order-options-modal/apple-pay-order-options";
+import { injectFreeProductsIntoPayload } from "../salla-order-options-modal/free-product-payload";
 import { applePayMerchantId, canCompleteApplePay, ensureApplePaySdk } from "@salla.sa/applepay/src/apple-pay-support";
 export class SallaQuickBuy {
     constructor() {
@@ -29,6 +30,8 @@ export class SallaQuickBuy {
         this.options = {};
         /** Modal selections, merged into the quick-purchase payload. */
         this.collectedOrderOptions = [];
+        /** Free offer products the shopper configured in the wizard, for the products[] payload. */
+        this.collectedFreeProducts = [];
         /** Flips true after the first onStartedSession so the second dispatch begins. */
         this.optionsResolved = false;
         /** PDP price + selected order-option prices (from the modal). */
@@ -38,9 +41,10 @@ export class SallaQuickBuy {
         this.quickBuy = salla.lang.get('pages.products.buy_now');
         /** Apple Pay onStartedSession: first call defers begin() to run the OO check; second (resolved) begins. */
         this.handleApplePaySessionStarted = (session) => {
-            // Order options disabled → let Apple Pay begin normally, as if the feature didn't exist.
-            if (!salla.config.get('store.settings.order_options.mandatory', false))
-                return false;
+            // Previously gated on `order_options.mandatory`, which is unrelated to CP-2836: a store with
+            // free-product options but mandatory order options off would skip the check entirely and get
+            // the wizard on Quick Buy but nothing on Apple Pay. resolveApplePayOrderOptions() begins the
+            // session untouched when the fetch finds nothing, so running it always is safe.
             if (this.optionsResolved)
                 return false;
             this.optionsResolved = true;
@@ -54,8 +58,9 @@ export class SallaQuickBuy {
                     this.pendingApplePaySession = null;
                 },
                 discardPendingSession: () => { this.pendingApplePaySession = null; },
-                onSubmit: (selections, total) => {
+                onSubmit: (selections, total, freeProducts) => {
                     this.collectedOrderOptions = selections;
+                    this.collectedFreeProducts = freeProducts || [];
                     this.applePayAmount = total;
                     this.settlePayment();
                 },
@@ -77,6 +82,7 @@ export class SallaQuickBuy {
             return;
         this.optionsResolved = false;
         this.collectedOrderOptions = [];
+        this.collectedFreeProducts = [];
         this.applePayAmount = 0;
         this.settlePayment();
     }
@@ -113,6 +119,10 @@ export class SallaQuickBuy {
             data.id = this.productId;
             data.source = 'buy_now';
         }
+        // After `id` is set, not before: the rewrite promotes it to products[0] and appends each
+        // configured gift as products[N]. checkout/mini is the same MiniCheckoutRequest endpoint the
+        // fast-checkout widget posts to, so the bracket-notation contract is identical.
+        injectFreeProductsIntoPayload(data, this.collectedFreeProducts);
         // if the store doesn't have Apple Pay , just create a cart and then redirect to check out page
         if (!this.isApplePayActive) {
             return salla.api.request('checkout/mini', data, 'post')
@@ -309,7 +319,7 @@ export class SallaQuickBuy {
         });
     }
     render() {
-        return h(Host, { key: 'fd28f7292f396779cbe6ae4d5986ab187be38c48' }, this.quickBuyButton());
+        return h(Host, { key: '928e447f7f5c03f64897ffdd3df639408ec74c24' }, this.quickBuyButton());
     }
     quickBuyButton() {
         return h("apple-pay-button", { locale: salla?.config?.get?.('user.language_code') || 'ar', onClick: () => this.quickBuyHandler(), "data-quick-purchase": "applepay", class: "s-quick-buy-apple-pay", "data-is-applepay": "1", buttonstyle: "black", type: this.type });

package/dist/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: '3fd3fe6c1bdb3a160c9f267ba0653155d0334e44', class: "s-review-card-container" }, this.renderSlider(), this.renderSingleImage(), renderDivider(), h("div", { key: '63b0be0923c9f4db0195f91a24e4ed05591cdb3b', class: "s-review-card-content" }, this.renderHeader(), h("p", { key: '9b16ebeb60b400a8afcd1eaa0b8097a9b0c3b062', class: "s-review-card-review-content", innerHTML: this.review?.content }), renderDivider(), this.renderProductInfo()));
+        return h("div", { key: '30740961e8642d6b3ea7877ef050dc5f16cd2ab3', class: "s-review-card-container" }, this.renderSlider(), this.renderSingleImage(), renderDivider(), h("div", { key: 'ed7a5928b1b8b0294fa22f49471a8bf673d153d8', class: "s-review-card-content" }, this.renderHeader(), h("p", { key: 'bd8013216d1127c19632f5e4f61494a91daf0e43', 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-review-factors-tags/salla-review-factors-tags.js

@@ -47,7 +47,7 @@ export class SallaReviewFactorsTags {
         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: Star2 }), h("span", { class: "s-review-factors-tags-factor-rating" }, factor.rating || ''))))));
     }
     render() {
-        return (h(Host, { key: 'b9df42d369cd5a7c66d1275202a883f6dc8ac594', class: "s-review-factors-tags-wrapper" }, this.renderFactorTags()));
+        return (h(Host, { key: '01d13a2113db33368eecbf8cc0d1700fa501607b', class: "s-review-factors-tags-wrapper" }, this.renderFactorTags()));
     }
     static get is() { return "salla-review-factors-tags"; }
     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: '1ca6e12aafb0b83953a887286003dce5f47c9374' }, h("div", { key: '9a353471f58a1fe67800f9d0ac38b3f94095b107', class: "s-reviews-page-header-wrapper" }, h("h2", { key: '0fc9c963af765108e42f341ac7d70c8758e4677a', class: "s-reviews-page-title" }, this.langTitlesReviews, h("span", { key: '13f2b001680a39440d3e5557bcfee46a92592ea4', class: "s-reviews-page-count" }, "(", this.langRatingReviews, ")")), h("div", { key: 'fcb5e88a598d342d4cdeff4cfba0a85ea94b911e', class: "s-reviews-page-filter-wrapper" }, h("label", { key: 'e2c23398b1024647c1cfdc283392b94e3ce0e44c', class: "s-reviews-page-filter-label", htmlFor: "testimonials-filter" }, this.langSorting), h("select", { key: '67f5f7748db13b7c6bdf3bbbb104d9f4b001df69', 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: '230302f0bca1b13c1e846b394a7681686150d43a' }, h("div", { key: '0f94af9c8ad6b7d7e236ed55f071242369f3c36f', class: "s-reviews-page-header-wrapper" }, h("h2", { key: '30ad45af9e9075b150a17b4927f608b80d1e86a8', class: "s-reviews-page-title" }, this.langTitlesReviews, h("span", { key: '1a3d378eaf414eedb39a9501e11abb2802241af4', class: "s-reviews-page-count" }, "(", this.langRatingReviews, ")")), h("div", { key: '15671de5c36e3cc94aa2ce55050bb6ed5eb34397', class: "s-reviews-page-filter-wrapper" }, h("label", { key: '87a59577afe28de5b08354af48d26809a61214e0', class: "s-reviews-page-filter-label", htmlFor: "testimonials-filter" }, this.langSorting), h("select", { key: '4bc37af2cd6efbaea53032e6ce18241957bafc2f', 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-searchable-dropdown/salla-searchable-dropdown.js

@@ -188,18 +188,18 @@ export class SallaSearchableDropdown {
     render() {
         const hasSelection = this.selectedItem != null;
         const listboxId = `${this.inputId}-listbox`;
-        return (h(Host, { key: 'a9d8dd63b0dbc632572a6bb5f6885e5df1d6d8de', class: "s-searchable-dropdown" }, h("div", { key: 'e8e893796b20411ea11043de5119a0d91d5581e3', class: { 's-searchable-dropdown': true, 's-searchable-dropdown--open': this.isOpen } }, this.label && (h("label", { key: '4a352b4b9e88e6999ea786f05bfcc1ebe7a9d2f5', class: "s-searchable-dropdown-label", htmlFor: this.inputId }, this.label, this.required && h("span", { key: 'ee0695692ac805fbd9f2a464ae845e7f50da77b1', class: "s-searchable-dropdown-required" }, " *"))), h("div", { key: 'bdaa4e1e5b9992a8a4ac1a291c77f4a59d699111', class: {
+        return (h(Host, { key: '43d627acef93cb31e83a028b38d48edea04e38ab', class: "s-searchable-dropdown" }, h("div", { key: '612d69bef392dc0543354e1164cd471c05776a8a', class: { 's-searchable-dropdown': true, 's-searchable-dropdown--open': this.isOpen } }, this.label && (h("label", { key: '2c4fb7db9a5f5f3b0c1c8c8e2d0b46613084b40d', class: "s-searchable-dropdown-label", htmlFor: this.inputId }, this.label, this.required && h("span", { key: '6d3682a9201e91c2d39511eba5ddd875b97c2a25', class: "s-searchable-dropdown-required" }, " *"))), h("div", { key: 'd0e43f9e6af85f89ba01777029a21230b4a771bb', 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: '6ac4b2325e1154164fb029c2c02426fc88b12257', 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: '3bcc35244aa9ea44044a6b7e84545991efaac0ee', 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: '9bf0065cf014b5e99997bf69c591388c9ba44ee9', class: {
+            }, "aria-hidden": "true" })), this.isOpen && (h("div", { key: '0b86ab2111b46c5b4d9c8cfc19a234ddee65205f', class: {
                 's-searchable-dropdown-panel': true,
                 's-searchable-dropdown-panel--up': this.dropUp,
-            }, ref: (el) => (this.panelRef = el) }, this.searchable && (h("div", { key: '1f6b03cb1e718fc6283190bb0de3ea80b4646e67', class: "s-searchable-dropdown-search-wrap" }, h("i", { key: '2dcdee4dfa87fbc38a0e1c1dd021aaa156d61cc3', class: "sicon-search s-searchable-dropdown-search-icon", "aria-hidden": "true" }), h("input", { key: '440f49eb67a8c850b217837cc017eea0b402fc20', 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: 'feefb4edcff1bfa8a0e44c4ef0e4f6ae2ca77d9e', id: listboxId, class: "s-searchable-dropdown-list s-scrollbar", role: "listbox" }, this.renderListContent()))))));
+            }, ref: (el) => (this.panelRef = el) }, this.searchable && (h("div", { key: '5bfcb32d2585ad7c8fa356cabda68dc093e93e3f', class: "s-searchable-dropdown-search-wrap" }, h("i", { key: 'e5bfa4dfb9e634062ae7731790261325bb0e81b2', class: "sicon-search s-searchable-dropdown-search-icon", "aria-hidden": "true" }), h("input", { key: '3310bfc538766cb818e7c43ad889f0c32e1c0be9', 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: '02ca1f3d5408fa19c9a647d15add794f87174268', id: listboxId, class: "s-searchable-dropdown-list s-scrollbar", role: "listbox" }, this.renderListContent()))))));
     }
     renderListContent() {
         if (this.searching || this.loading) {

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: '77af51474bcf2166aa4afb8eaecc25c05b4715f7', class: "s-skeleton-wrapper", style: { width: this.width, height: this.height } }, h("div", { key: '758d3ccc09bcb56625b8c1dd7161f529ffefaeed', class: classes }, "\u00A0")));
+        return (h(Host, { key: 'd0df738dd695e425153c2d560a4b162ef40db81d', class: "s-skeleton-wrapper", style: { width: this.width, height: this.height } }, h("div", { key: 'a2dfadc879ee29ae17d2568c23e25249929fdb6b', class: classes }, "\u00A0")));
     }
     static get is() { return "salla-skeleton"; }
     static get originalStyleUrls() {

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: '0a25838e41939241e920cd4741adb7d16a61560d' }, h("ul", { key: '1744c463a3f8feda441df53eac48fb4a8e92b524', 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: 'ba73443b6cfff8dd11d5733f5f398bce33c7aca9' }, h("ul", { key: '222f4a6e7c7256596285ed700f6d2ff9564d67d8', 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

@@ -355,7 +355,7 @@ export class SallaSocialShare {
         })));
     }
     render() {
-        return (h("div", { key: '74ae37141053842dc1e1b36ddc2cf5817d5d1bdc', class: "s-social-share-wrapper" }, h("slot", { key: '30b2597ad462b2a47c2e6cfc5fb72c46b1797880', name: "widget" }, h("salla-button", { key: 'f3db20153c9a2df0ccf039bfd0adaef4f04449a2', "aria-label": "Share", onClick: () => this.handleShareClick(), class: "s-social-share-btn", shape: "icon", fill: "outline", color: "light" }, h("span", { key: 'e2ca4cf8393b5c1acc78f60a42fcd5ff7c4315d2', innerHTML: this.opened ? Cancel : ShareAlt }))), this.mode === 'modal' ? this.renderModal() : this.renderPopupList()));
+        return (h("div", { key: 'fd5125df619064ee19d6761f65551fdea4eb997a', class: "s-social-share-wrapper" }, h("slot", { key: 'a2ba03b5f1979c63306556b5f0b429b5b1315c16', name: "widget" }, h("salla-button", { key: '4e0577c4e79bad0fd2490518f1852a7138d4acc7', "aria-label": "Share", onClick: () => this.handleShareClick(), class: "s-social-share-btn", shape: "icon", fill: "outline", color: "light" }, h("span", { key: '06e22eea8385aaf0916eba892a22bdce7433423a', innerHTML: this.opened ? Cancel : ShareAlt }))), this.mode === 'modal' ? this.renderModal() : this.renderPopupList()));
     }
     static get is() { return "salla-social-share"; }
     static get originalStyleUrls() {

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: '1c0f03941a4a37f7afb926d4bf7002910fbc6cad', class: classes }, h("slot", { key: 'f04243b5c619a8457bc41bef190440c430549ed9' })));
+        return (h("div", { key: 'fe2029739fdb2ca7aa7301367a05bcfd16ec99b4', class: classes }, h("slot", { key: 'a27994e92b8c0b257688274473ead8d1cf1d617f' })));
     }
     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: '1f006a8a8e4e5ca2d27a001621203402d5765fc0', class: classes, onClick: this.onClick.bind(this) }, h("slot", { key: 'c4a036153eff97fc24d34db35c5d2937f9e9ece1' })),
+            h("div", { key: 'cd6f1a97165b747e6d3f6d460b53d873b5e4f74d', class: classes, onClick: this.onClick.bind(this) }, h("slot", { key: 'bfa07c462d9a808a06e3117f0fb81681aadb32c2' })),
         ];
     }
     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: 'e1739f5533b3b45e50fe0387a74479de7ea46965', class: "s-tabs" }, h("div", { key: '7eddaf514f3a3daf16c87789cda4b91223a4d6e2', class: "s-tabs-header" }, h("slot", { key: 'd878899ce681f3d99e910e9667261ff67a15825d', name: "header" })), h("div", { key: 'a1f7fb4b0fc589d5e2bad0bca96073a9e5b919d4', class: "s-tabs-content-wrapper" }, h("slot", { key: '7cc75788d2c8824be1d126d2fee01a44bc4da8c6', name: "content" })))
+            h("div", { key: '978e30f489b6ecec5c7dc4b352643b354f43d00b', class: "s-tabs" }, h("div", { key: 'f25db5037185e731bf8c90f8d3639009d52c763b', class: "s-tabs-header" }, h("slot", { key: '0eb3761218ccbe8fe1b11b49d628a09cda11524e', name: "header" })), h("div", { key: 'e67399cfb20be5d8f8dac39a5f46d16c7364c957', class: "s-tabs-content-wrapper" }, h("slot", { key: '66ad532d8078ee98e40d9c1c69b2aa79f380044d', name: "content" })))
         ];
     }
     static get is() { return "salla-tabs"; }

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

@@ -138,7 +138,7 @@ export class SallaTelInput {
         }
     }
     render() {
-        return (h(Host, { key: 'aaf854dc9a005abf182fa4f1df3bb6ca7a2273fd', class: "s-tel-input" }, h("input", { key: '93e82604285107f8cf791fa03766d47c22151297', 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: '2ed465fcf44b673973203c3de95eda1c638ed829', class: "s-tel-input-error-msg", ref: el => this.errorMsg = el }), h("input", { key: 'da4714631df46c13b2caa0a2e2cf7b5c434c1257', type: "hidden", name: "country_code", value: this.countryCode, ref: el => this.countryCodeInput = el, class: "country_code" })));
+        return (h(Host, { key: 'f553ce5f883777989922140ad64f83962d754d18', class: "s-tel-input" }, h("input", { key: '6b60407705144cb98474cd904f85f53537a19c67', 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: '2f2714e8439c58786e6c9054006a2e40b97850b5', class: "s-tel-input-error-msg", ref: el => this.errorMsg = el }), h("input", { key: '377f1a1357ced0fd13e2550c29f321867d62ae5e', type: "hidden", name: "country_code", value: this.countryCode, ref: el => this.countryCodeInput = el, class: "country_code" })));
     }
     componentDidLoad() {
         this.initPromise = this.initTelInput();

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

@@ -27,7 +27,7 @@ export class SallaTooltip {
     }
     render() {
         const validTheme = ['default', 'dark'].includes(this.theme) ? this.theme : 'default';
-        return (h("div", { key: '3ade782845e46f9701622d3a4a71b54dc7da37fb', class: "s-tooltip-container" }, h("div", { key: 'c0fba34cb9890151fa283436f6ce4033ca2f1172', class: `s-tooltip-item s-tooltip-item--${validTheme}`, style: { display: this.show ? 'block' : 'none' } }, this.text ? h("span", null, this.text) : h("slot", null))));
+        return (h("div", { key: 'e73a49d46d14dbd44026e51f0552a3bb58be0676', class: "s-tooltip-container" }, h("div", { key: 'dbbafa65af70f4b11a0bd8e27fa108e2918e4969', class: `s-tooltip-item s-tooltip-item--${validTheme}`, style: { display: this.show ? 'block' : 'none' } }, this.text ? h("span", null, this.text) : h("slot", null))));
     }
     static get is() { return "salla-tooltip"; }
     static get originalStyleUrls() {

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

@@ -532,7 +532,7 @@ export class SallaUserSettings {
         return (h("salla-button", { fill: "outline", color: "danger", shape: "btn", size: "medium", width: "normal", onClick: () => this.openDeleteModal() }, this.capitalizeText(this.deleteAccount)));
     }
     render() {
-        return (h(Host, { key: 'a281976a9dd190f20ddf5e1e7633cd954407d3b4', class: "s-user-settings-wrapper" }, this.canHideName && (h("div", { key: '7291eaadf516b3161d9e4fde3a5dcec7a42bb609', class: "s-user-settings-section" }, h("salla-list-tile", { key: '3e23e502b3031de5cfb0a49e9c8bc9756ada92af' }, h("div", { key: 'd426d601591da1f15c065bce33e4c7b12d0bf047', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: 'e4900a0e5450bc100d22e62a22de331e96958a4c', innerHTML: UserCancel })), h("div", { key: 'ec6110960511382dd551421ffd3a036af506109b', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.hideMyName)), h("div", { key: 'bdfc4e7f987a7ecd0e3cf8bfeee72f055297e2d6', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.hideMyNameDesc)), h("div", { key: 'fad7eb6125789cdf3230314e62552452f4c84fc3', slot: "action", class: "s-user-settings-section-action" }, h("label", { key: 'f5676bc70508fddad0506410089aa7879e4ef5db', class: "s-toggle" }, h("input", { key: '6b57caa5797c1b7225094cf4241a95b7a521327a', class: "s-toggle-input", checked: this.isHiddenName, onChange: e => this.toggleSetting('is_hidden_name', e), type: "checkbox" }), h("div", { key: '50073a68f078ae3592ea00581a9287f03371e122', class: "s-toggle-switcher" })))))), h("div", { key: 'e87388e12354cdd7559ff16c965bc51786d52af5', class: "s-user-settings-section" }, h("salla-list-tile", { key: 'fc020c81a28c42c0a98fda40ee6f6ffaaa5a20d4' }, h("div", { key: 'aa90688fca635da561e4eb77309e447d6f5e6b8b', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: '6448e1268f3c88e72fff6259f195e4b43312253e', innerHTML: Bullhorn })), h("div", { key: 'ded7da656a1b484e4144c5d8605a55682f7de912', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.promotionalMsgs)), h("div", { key: 'a70d94920d012ac5a1d85b17f92b9ce733179569', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.promotionalMsgsDesc)), h("div", { key: 'be1325b95063cc822ee4c62d7c7a20bae08fb287', slot: "action", class: "s-user-settings-section-action" }, h("label", { key: '181949e51caed49e6c05d10e1a1ae79472772ded', class: "s-toggle" }, h("input", { key: '76d423655ebab9004b130adea83f89ec92a27966', class: "s-toggle-input", checked: this.isNotifiable, onChange: e => this.toggleSetting('is_notifiable', e), type: "checkbox" }), h("div", { key: '44a1ac3c7c6b1f0ac12ccb8853d5c75317ecce2c', class: "s-toggle-switcher" }))))), this.isDeleteAccountEnabled ? (h("div", { class: "s-user-settings-section s-user-settings-section-delete-user" }, h("salla-list-tile", null, h("div", { slot: "icon", class: "s-user-settings-section-icon" }, this.renderUserDeleteIcon()), h("div", { slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.deleteAccount)), h("div", { slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.isDeletePending ? this.deleteAccountPending : this.deleteAccountDesc)), h("div", { slot: "action", class: "s-user-settings-section-action" }, this.renderDeleteSectionAction())))) : (h("div", { class: "s-user-settings-section s-user-settings-section-deactivate-user" }, h("salla-list-tile", null, h("div", { slot: "icon", class: "s-user-settings-section-icon" }, h("span", { innerHTML: UserOff })), h("div", { slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.deactivateAccount)), h("div", { slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.deactivateDesc)), h("div", { slot: "action", class: "s-user-settings-section-action" }, h("salla-button", { fill: "outline", color: "danger", shape: "btn", size: "medium", width: "normal", onClick: () => this.openDeactivateModal() }, this.capitalizeText(this.deactivateAccount)))))), this.isDeleteAccountEnabled ? (h("salla-modal", { id: "salla-user-settings-delete-modal", width: "xs", centered: true, showBack: this.currentStep === 'otp', isClosable: this.currentStep !== 'success', iconStyle: this.currentStep === 'success' ? 'success' : undefined, onModalVisibilityChanged: e => this.handleModalVisibilityChanged(e), onModalBack: () => this.goBackFromOtp(), ref: modal => (this.confirmationModal = modal) }, this.currentStep !== 'success' ? (h("span", { slot: "icon", class: "s-user-settings-delete-icon" }, this.renderUserDeleteIcon())) : null, h("div", { key: this.currentStep, class: "s-user-settings-delete-step" }, this.renderDeleteStep()))) : (h("salla-modal", { width: "sm", subTitle: this.capitalizeText(this.sorryForLeavingText), ref: modal => (this.confirmationModal = modal) }, h("span", { slot: "icon", class: "s-user-settings-confirmation-icon", innerHTML: UserOff }), h("div", { class: "s-user-settings-confirmation" }, h("div", { class: "s-user-settings-confirmation-warning" }, this.capitalizeText(this.warningText)), h("div", { class: "s-user-settings-confirmation-actions" }, h("salla-button", { width: "wide", onClick: () => this.confirmationModal.close() }, this.capitalizeText(this.keepAccount)), h("salla-button", { fill: "outline", loading: this.buttonLoading, width: "wide", onClick: () => this.confirmDeactivateAccount() }, this.capitalizeText(this.deactivateAccount))))))));
+        return (h(Host, { key: '5b16de3c4fa6acc9d4dae8d0aac901051b9d0a26', class: "s-user-settings-wrapper" }, this.canHideName && (h("div", { key: '71b0a4653a9e0023963a5c1bca7e5d3d94b583e5', class: "s-user-settings-section" }, h("salla-list-tile", { key: '372c756a313d48cf6368f584b8552f4dd169fb35' }, h("div", { key: '33a473f34968cf5e58184d5946796ebfe464fc2e', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: 'a39af3f489de1626513a3059171509ae6f9cef18', innerHTML: UserCancel })), h("div", { key: '5eec4daa7deeb2a61f4ec141d4be80cce4522998', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.hideMyName)), h("div", { key: '41243002963b7f755905639cfdf6d92a02a48257', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.hideMyNameDesc)), h("div", { key: '5302e98c29729f0d4031a0117fd00c60a48f1626', slot: "action", class: "s-user-settings-section-action" }, h("label", { key: '833d57ab71bd62fc426d919da8f573b9e18ff624', class: "s-toggle" }, h("input", { key: 'e9ab1887a7fa1030ac47906fb0e4e74825e32dd9', class: "s-toggle-input", checked: this.isHiddenName, onChange: e => this.toggleSetting('is_hidden_name', e), type: "checkbox" }), h("div", { key: 'f68d38e68dfc3c35e62c7631cc0639e1b988de89', class: "s-toggle-switcher" })))))), h("div", { key: '6001f5154a4508b593f48331a53b1f1331bb104b', class: "s-user-settings-section" }, h("salla-list-tile", { key: '58649be5c499663db167b78701f2ed4c11432d27' }, h("div", { key: 'df9a77f69dca73f6b9489bf93fb814c16be82b3a', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: '034a264135c0d859cd24e8097517cd81d74e6dd5', innerHTML: Bullhorn })), h("div", { key: 'd6c93af2883970d4b5999586b5ab01c6ef20cc12', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.promotionalMsgs)), h("div", { key: '97e16406b9f5b40c3b8eab3510c5e5bdae7d2d94', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.promotionalMsgsDesc)), h("div", { key: 'eaa618c6e20dbc6036de9a84005aa9fb43e0fa73', slot: "action", class: "s-user-settings-section-action" }, h("label", { key: 'd99864eae43abb9ce5a30370d6c648ce1e92e97d', class: "s-toggle" }, h("input", { key: 'b6c87dd66af006b01ed95f3ffecb8c87af38a2a2', class: "s-toggle-input", checked: this.isNotifiable, onChange: e => this.toggleSetting('is_notifiable', e), type: "checkbox" }), h("div", { key: 'd5053152aef61b32e9304ddbf05070d1c3f83b50', class: "s-toggle-switcher" }))))), this.isDeleteAccountEnabled ? (h("div", { class: "s-user-settings-section s-user-settings-section-delete-user" }, h("salla-list-tile", null, h("div", { slot: "icon", class: "s-user-settings-section-icon" }, this.renderUserDeleteIcon()), h("div", { slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.deleteAccount)), h("div", { slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.isDeletePending ? this.deleteAccountPending : this.deleteAccountDesc)), h("div", { slot: "action", class: "s-user-settings-section-action" }, this.renderDeleteSectionAction())))) : (h("div", { class: "s-user-settings-section s-user-settings-section-deactivate-user" }, h("salla-list-tile", null, h("div", { slot: "icon", class: "s-user-settings-section-icon" }, h("span", { innerHTML: UserOff })), h("div", { slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.deactivateAccount)), h("div", { slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.deactivateDesc)), h("div", { slot: "action", class: "s-user-settings-section-action" }, h("salla-button", { fill: "outline", color: "danger", shape: "btn", size: "medium", width: "normal", onClick: () => this.openDeactivateModal() }, this.capitalizeText(this.deactivateAccount)))))), this.isDeleteAccountEnabled ? (h("salla-modal", { id: "salla-user-settings-delete-modal", width: "xs", centered: true, showBack: this.currentStep === 'otp', isClosable: this.currentStep !== 'success', iconStyle: this.currentStep === 'success' ? 'success' : undefined, onModalVisibilityChanged: e => this.handleModalVisibilityChanged(e), onModalBack: () => this.goBackFromOtp(), ref: modal => (this.confirmationModal = modal) }, this.currentStep !== 'success' ? (h("span", { slot: "icon", class: "s-user-settings-delete-icon" }, this.renderUserDeleteIcon())) : null, h("div", { key: this.currentStep, class: "s-user-settings-delete-step" }, this.renderDeleteStep()))) : (h("salla-modal", { width: "sm", subTitle: this.capitalizeText(this.sorryForLeavingText), ref: modal => (this.confirmationModal = modal) }, h("span", { slot: "icon", class: "s-user-settings-confirmation-icon", innerHTML: UserOff }), h("div", { class: "s-user-settings-confirmation" }, h("div", { class: "s-user-settings-confirmation-warning" }, this.capitalizeText(this.warningText)), h("div", { class: "s-user-settings-confirmation-actions" }, h("salla-button", { width: "wide", onClick: () => this.confirmationModal.close() }, this.capitalizeText(this.keepAccount)), h("salla-button", { fill: "outline", loading: this.buttonLoading, width: "wide", onClick: () => this.confirmDeactivateAccount() }, this.capitalizeText(this.deactivateAccount))))))));
     }
     static get is() { return "salla-user-settings"; }
     static get originalStyleUrls() {

package/dist/collection/components/salla-wishlist-actions/salla-wishlist-actions.js

@@ -325,7 +325,7 @@ export class SallaWishlistActions {
         }
     }
     render() {
-        return (h(Host, { key: 'f2c749d47b18d8e12fb7186eec0679083f14c990' }, h("div", { key: '218f5eb3b07c3e626e3677f856a515fe01833311', class: "s-wishlist-actions" }, h("div", { key: '5c6a4cea2b16baae3e4fda8f34173467e562072b', class: "s-wishlist-actions-bar flex items-center justify-end gap-3 mb-3" }, h("div", { key: '2753d439676740b4e67f31db1774a5294cd0c150', class: "s-wishlist-actions-dropdown relative" }, h("salla-button", { key: '13075fc30599a336fb92ecd9e90c72d38a541253', color: "primary", fill: "outline", type: "button", disabled: !this.hasProducts, "aria-haspopup": "true", "aria-expanded": this.menuOpen ? 'true' : 'false', onClick: () => this.toggleMenu() }, h("div", { key: 'd5ead5b3d4fd6c90d6fa01502e5a6437d37557c8', class: "flex flex-row justify-center items-center gap-2" }, h("svg", { key: '7c04668fba88f122d1920f9bed9a2e5308452721', version: "1.1", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 32 32", style: { width: '16px', height: '16px' } }, h("path", { key: '8d3190b697e81cae3ebfcfb6a9c0e82c7aea465f', d: "M26.667 21.333c-1.699 0-3.196 0.812-4.173 2.052l-11.912-5.211c0.044-0.276 0.085-0.553 0.085-0.841 0-0.472-0.081-0.923-0.197-1.359l12.361-6.952c0.971 1.009 2.328 1.644 3.836 1.644 2.941 0 5.333-2.392 5.333-5.333s-2.392-5.333-5.333-5.333-5.333 2.392-5.333 5.333c0 0.472 0.081 0.923 0.197 1.359l-12.361 6.952c-0.971-1.009-2.328-1.644-3.836-1.644-2.941 0-5.333 2.392-5.333 5.333s2.392 5.333 5.333 5.333c1.699 0 3.196-0.812 4.173-2.052l11.912 5.211c-0.044 0.276-0.085 0.553-0.085 0.841 0 2.941 2.392 5.333 5.333 5.333s5.333-2.392 5.333-5.333-2.392-5.333-5.333-5.333zM26.667 2.667c1.471 0 2.667 1.196 2.667 2.667s-1.196 2.667-2.667 2.667-2.667-1.196-2.667-2.667 1.196-2.667 2.667-2.667zM5.333 20c-1.471 0-2.667-1.196-2.667-2.667s1.196-2.667 2.667-2.667 2.667 1.196 2.667 2.667-1.196 2.667-2.667 2.667zM26.667 29.333c-1.471 0-2.667-1.196-2.667-2.667s1.196-2.667 2.667-2.667 2.667 1.196 2.667 2.667-1.196 2.667-2.667 2.667z" })), this.shareLabel, h("svg", { key: '1a55774c008f2e0d44f2074fdaa04290a61f799c', version: "1.1", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 32 32", style: { width: '16px', height: '16px' } }, h("path", { key: 'd7fe9393be3a8ff7b8d9f8ffa9eade5e8185ad80', d: "M26.212 10.996c-0.556-0.484-1.396-0.428-1.881 0.127l-8.331 9.519-8.331-9.52c-0.485-0.555-1.327-0.611-1.881-0.125s-0.609 1.328-0.124 1.881l9.333 10.667c0.253 0.291 0.617 0.456 1.003 0.456s0.749-0.165 1.003-0.456l9.333-10.667c0.485-0.553 0.429-1.396-0.124-1.881z" })))), this.menuOpen && (h("ul", { key: '5c35b61c80a3c148c647460a54c62beb239fb0f5', class: "s-wishlist-actions-menu absolute z-20 mt-1 bg-white rounded-lg shadow overflow-hidden" }, h("li", { key: '63a82032fb616eade7f23706647dc4a8a167fb37' }, h("button", { key: '3e586e54d47f960408486c69f23ad43486762059', type: "button", class: "s-wishlist-actions-menu-item", onClick: () => this.shareAll() }, this.shareAllLabel)), h("li", { key: '1ae1a01dd873e989390686494809b4cb2361cad6' }, h("button", { key: '85bd5814e6a40fae55fdf797b4874cbd6058ef5d', type: "button", class: "s-wishlist-actions-menu-item", onClick: () => this.shareSpecific() }, this.shareSpecificLabel))))), h("salla-social-share", { key: '7a944502b2916565810d52e17ed17d83a49b58a9', class: "s-wishlist-actions-social", ref: el => (this.socialShare = el), url: this.shareUrl, mode: "modal", modalTitle: this.shareModalTitle }, h("span", { key: '3b45e9700e6b02185c6ba2d145c35785520377ef', slot: "widget", class: "s-wishlist-actions-social-anchor", "aria-hidden": "true" }))), this.specificMode && (h("div", { key: '28ec1f084cdab3490b75ff0f4c79aa892884b64e', class: "s-wishlist-actions-panel flex items-center justify-between gap-4 flex-wrap p-4 mt-3 mb-3 bg-white rounded-lg" }, h("label", { key: '4a82c117309d60a3a7874ae3f258c139e40778dc', class: "s-wishlist-actions-panel-select-all flex items-center gap-2 cursor-pointer" }, h("input", { key: 'f72370d3bbd7887e14945bc7da5451f77664a764', type: "checkbox", class: "s-products-list-select-checkbox s-wishlist-actions-select-all", checked: this.isAllSelected, ref: el => (this.selectAllCheckbox = el), "aria-label": this.selectAllLabel, onChange: () => this.toggleSelectAll() }), h("span", { key: '7f7d513a5c06ffa27706519f40f33f5f86b3f581', class: "s-wishlist-actions-panel-title text-sm font-bold text-gray-700" }, this.shareSpecificLabel, " (", this.selectedCount, ")")), h("div", { key: '021dd377c7bdf777f61daac64ae5a5955decbe99', class: "s-wishlist-actions-panel-buttons flex items-center gap-2" }, h("salla-button", { key: '36edc191937c110806f1a1ab152db87712e3b63a', class: "s-wishlist-actions-cancel", color: "light", fill: "outline", type: "button", onClick: () => this.cancelSpecific() }, this.cancelLabel), h("salla-button", { key: '13b1fb46a21df09c6110b168adfa2d033d2d7f5b', class: "s-wishlist-actions-share", color: "primary", fill: "outline", type: "button", disabled: !this.selectedCount, loading: this.isSharing, onClick: () => this.shareSelected() }, this.shareLabel)))))));
+        return (h(Host, { key: '575e430f5d84bacb7d5935bdcb21749530ec4115' }, h("div", { key: '505d622038b35dbb88062f338b46db279440f793', class: "s-wishlist-actions" }, h("div", { key: 'ad2fd3360d1ea418f8a209347775b4671b05cf36', class: "s-wishlist-actions-bar flex items-center justify-end gap-3 mb-3" }, h("div", { key: '8b4ef6e1e8be03cfce51b9e46f5d6b6b9cc3ff51', class: "s-wishlist-actions-dropdown relative" }, h("salla-button", { key: 'd85780c59bc19d4adbbf81f7bcd8e163d53e9f8b', color: "primary", fill: "outline", type: "button", disabled: !this.hasProducts, "aria-haspopup": "true", "aria-expanded": this.menuOpen ? 'true' : 'false', onClick: () => this.toggleMenu() }, h("div", { key: 'cc2450af93d67f803358bdc0c9ef48251bef2fd5', class: "flex flex-row justify-center items-center gap-2" }, h("svg", { key: '811b3c1021b6f81a91b0b8b6b2a0ff52f6090eed', version: "1.1", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 32 32", style: { width: '16px', height: '16px' } }, h("path", { key: '33d5c05bbad06de981a4805f3f3c2a1874667bdf', d: "M26.667 21.333c-1.699 0-3.196 0.812-4.173 2.052l-11.912-5.211c0.044-0.276 0.085-0.553 0.085-0.841 0-0.472-0.081-0.923-0.197-1.359l12.361-6.952c0.971 1.009 2.328 1.644 3.836 1.644 2.941 0 5.333-2.392 5.333-5.333s-2.392-5.333-5.333-5.333-5.333 2.392-5.333 5.333c0 0.472 0.081 0.923 0.197 1.359l-12.361 6.952c-0.971-1.009-2.328-1.644-3.836-1.644-2.941 0-5.333 2.392-5.333 5.333s2.392 5.333 5.333 5.333c1.699 0 3.196-0.812 4.173-2.052l11.912 5.211c-0.044 0.276-0.085 0.553-0.085 0.841 0 2.941 2.392 5.333 5.333 5.333s5.333-2.392 5.333-5.333-2.392-5.333-5.333-5.333zM26.667 2.667c1.471 0 2.667 1.196 2.667 2.667s-1.196 2.667-2.667 2.667-2.667-1.196-2.667-2.667 1.196-2.667 2.667-2.667zM5.333 20c-1.471 0-2.667-1.196-2.667-2.667s1.196-2.667 2.667-2.667 2.667 1.196 2.667 2.667-1.196 2.667-2.667 2.667zM26.667 29.333c-1.471 0-2.667-1.196-2.667-2.667s1.196-2.667 2.667-2.667 2.667 1.196 2.667 2.667-1.196 2.667-2.667 2.667z" })), this.shareLabel, h("svg", { key: 'b38cbf49ab69e7a8ebc97656931d7892c0d01769', version: "1.1", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 32 32", style: { width: '16px', height: '16px' } }, h("path", { key: '280a8c4c00639fd9db33e3e3adc3ea21b717dbfd', d: "M26.212 10.996c-0.556-0.484-1.396-0.428-1.881 0.127l-8.331 9.519-8.331-9.52c-0.485-0.555-1.327-0.611-1.881-0.125s-0.609 1.328-0.124 1.881l9.333 10.667c0.253 0.291 0.617 0.456 1.003 0.456s0.749-0.165 1.003-0.456l9.333-10.667c0.485-0.553 0.429-1.396-0.124-1.881z" })))), this.menuOpen && (h("ul", { key: '37bfd53d61af157373ac2dcc1c9a00b7430d6721', class: "s-wishlist-actions-menu absolute z-20 mt-1 bg-white rounded-lg shadow overflow-hidden" }, h("li", { key: 'ae2ee1764f7a969655136dacd36cf194b52b864b' }, h("button", { key: '0ea74cadf31c26751467fecb8eb60e46a75990ab', type: "button", class: "s-wishlist-actions-menu-item", onClick: () => this.shareAll() }, this.shareAllLabel)), h("li", { key: '966e9d4ae8189f7aab35772da1a88411e260a134' }, h("button", { key: 'bddf33775aa9dcf97012806c2576481d35f97db6', type: "button", class: "s-wishlist-actions-menu-item", onClick: () => this.shareSpecific() }, this.shareSpecificLabel))))), h("salla-social-share", { key: '3778b8eb481e3add3ec9dbe6424c31bf9a84c310', class: "s-wishlist-actions-social", ref: el => (this.socialShare = el), url: this.shareUrl, mode: "modal", modalTitle: this.shareModalTitle }, h("span", { key: '2c609941f78ebf6c9bc55893778ff48e701bd177', slot: "widget", class: "s-wishlist-actions-social-anchor", "aria-hidden": "true" }))), this.specificMode && (h("div", { key: '62d9d436a57da5d670fd0e0c8043b285c71ba8c4', class: "s-wishlist-actions-panel flex items-center justify-between gap-4 flex-wrap p-4 mt-3 mb-3 bg-white rounded-lg" }, h("label", { key: '2d9a0db68345429f841bc0ed5f8e470f0e7926ca', class: "s-wishlist-actions-panel-select-all flex items-center gap-2 cursor-pointer" }, h("input", { key: '1e7c8f64686b90d45196f2d375cd22b3b5828714', type: "checkbox", class: "s-products-list-select-checkbox s-wishlist-actions-select-all", checked: this.isAllSelected, ref: el => (this.selectAllCheckbox = el), "aria-label": this.selectAllLabel, onChange: () => this.toggleSelectAll() }), h("span", { key: '14e80e18002377bddae31754eaa362d6ab0eb3b5', class: "s-wishlist-actions-panel-title text-sm font-bold text-gray-700" }, this.shareSpecificLabel, " (", this.selectedCount, ")")), h("div", { key: '1f6636baed949f5cdb281a00324d28a8a95cc7f3', class: "s-wishlist-actions-panel-buttons flex items-center gap-2" }, h("salla-button", { key: 'd4201e22037319d39aa682211717c9f5cb6a25fa', class: "s-wishlist-actions-cancel", color: "light", fill: "outline", type: "button", onClick: () => this.cancelSpecific() }, this.cancelLabel), h("salla-button", { key: 'ad0ed46247656281241e5d463f54a9f3ffe76a57', class: "s-wishlist-actions-share", color: "primary", fill: "outline", type: "button", disabled: !this.selectedCount, loading: this.isSharing, onClick: () => this.shareSelected() }, this.shareLabel)))))));
     }
     static get is() { return "salla-wishlist-actions"; }
     static get originalStyleUrls() {

package/dist/components/apple-pay-order-options.js

@@ -46,9 +46,13 @@ function appendOrderOptionsToPayload(data, orderOptions) {
     }
 }
 /**
- * Fetch order options and, if any, collect them via the modal (apple-pay mode). Callbacks drive the
- * caller's pre-created session: `beginPendingSession` (no options), `discardPendingSession` (options
- * found — the modal's AP button starts a fresh one), `onSubmit` (submitted).
+ * Fetch order options plus any free offer products and, if there is anything to collect, run the
+ * modal in apple-pay mode. Callbacks drive the caller's pre-created session:
+ * `beginPendingSession` (nothing to collect), `discardPendingSession` (something found — the
+ * modal's AP button starts a fresh one), `onSubmit` (submitted).
+ *
+ * The modal puts the Apple Pay button on whichever step is genuinely last, so a store with gifts
+ * but no order options still ends on the payment sheet instead of a dead Continue button.
  */
 async function resolveApplePayOrderOptions(opts) {
     let resp;
@@ -60,8 +64,12 @@ async function resolveApplePayOrderOptions(opts) {
         opts.beginPendingSession();
         return;
     }
-    const items = resp?.data?.order_options || [];
-    if (!items.length) {
+    const orderItems = resp?.data?.order_options || [];
+    // advance_free_product is a LIST (one entry per qualifying offer), or null. Reading `.options`
+    // off it treats the array as an object and yields undefined, which silently skipped every gift.
+    const freeProducts = (Array.isArray(resp?.data?.advance_free_product) ? resp.data.advance_free_product : [])
+        .filter((entry) => Array.isArray(entry?.options) && entry.options.length);
+    if (!orderItems.length && !freeProducts.length) {
         opts.beginPendingSession(); // begin() doesn't need a fresh gesture
         return;
     }
@@ -72,7 +80,8 @@ async function resolveApplePayOrderOptions(opts) {
     const modal = ensureOrderOptionsModal();
     try {
         await modal.open({
-            orderOptions: items,
+            orderOptions: orderItems,
+            freeProducts,
             basePrice,
             paymentMode: 'apple-pay',
             onSubmit: opts.onSubmit,