@salla.sa/twilight-components 3.0.18 → 3.0.20

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

@@ -101,7 +101,7 @@ export class SallaQuantityInput {
         if (!inputAttributes['aria-label'] && !inputAttributes['aria-labelledby']) {
             inputAttributes['aria-label'] = getSdkValueOrFallback(undefined, () => salla.lang.getWithDefault('common.elements.quantity', 'Quantity'), 'Quantity');
         }
-        return (h(Host, { key: 'e5bc3cde1c4f6eda2d515a83f227bde3c92bbecb', class: "s-quantity-input" }, h("div", { key: 'b7a80aa9d3d1b37ba7a57b36a18c230c30e92f2f', class: "s-quantity-input-container" }, h("button", { key: 'b9c60559d7adea97f15e6cfc5ed83d244af0a291', onClick: () => this.increase(), class: "s-quantity-input-increase-button s-quantity-input-button", type: "button", "aria-label": getSdkValueOrFallback(undefined, () => salla.lang.getWithDefault('common.elements.increase_quantity', 'Increase quantity'), 'Increase quantity') }, !this.hasIncrementSlot ? h("span", { innerHTML: Add }) : '', h("slot", { key: '9096d5bd9d412499e6a76e420a3385301b3b97c3', name: "increment-button" })), h("input", { key: '587e8a3d6e7c76b9a28f663d7d88667b46b8e002', class: "s-quantity-input-input", ...inputAttributes, ref: (el) => this.textInput = el, onInput: (event) => this.setValue(event.target.value), inputMode: "numeric", pattern: "[0-9]*", min: "1", readOnly: this.disableInput, value: this.quantity }), h("button", { key: '2087a1aacfb62ae93718cf3f553211997480dad8', class: "s-quantity-input-decrease-button s-quantity-input-button", onClick: () => this.decrease(), type: "button", "aria-label": getSdkValueOrFallback(undefined, () => salla.lang.getWithDefault('common.elements.decrease_quantity', 'Decrease quantity'), 'Decrease quantity') }, !this.hasDecrementSlot ? h("span", { innerHTML: Minus }) : '', h("slot", { key: '5c639d8537ba1d0cc385ba25a8e680022b446028', name: "decrement-button" })))));
+        return (h(Host, { key: '6740abf0724452cb0931889f40eb03318c04c4f2', class: "s-quantity-input" }, h("div", { key: 'fd49dd951d1ed0eed508665ef23718fef775cfa8', class: "s-quantity-input-container" }, h("button", { key: 'e8216ee643766ec8ddd7938fc5143dc76db479df', onClick: () => this.increase(), class: "s-quantity-input-increase-button s-quantity-input-button", type: "button", "aria-label": getSdkValueOrFallback(undefined, () => salla.lang.getWithDefault('common.elements.increase_quantity', 'Increase quantity'), 'Increase quantity') }, !this.hasIncrementSlot ? h("span", { innerHTML: Add }) : '', h("slot", { key: '6795b630592a04fa8edada9ff31108915cb5c6b9', name: "increment-button" })), h("input", { key: 'd43559ee2c1930664d9c813570412aec8035f4ca', class: "s-quantity-input-input", ...inputAttributes, ref: (el) => this.textInput = el, onInput: (event) => this.setValue(event.target.value), inputMode: "numeric", pattern: "[0-9]*", min: "1", readOnly: this.disableInput, value: this.quantity }), h("button", { key: 'dd9346b8c71513571a4388700d640f37266ebbd5', class: "s-quantity-input-decrease-button s-quantity-input-button", onClick: () => this.decrease(), type: "button", "aria-label": getSdkValueOrFallback(undefined, () => salla.lang.getWithDefault('common.elements.decrease_quantity', 'Decrease quantity'), 'Decrease quantity') }, !this.hasDecrementSlot ? h("span", { innerHTML: Minus }) : '', h("slot", { key: '7b905f3a8708a75b81a8478fd63c1f20744d9c87', name: "decrement-button" })))));
     }
     static get is() { return "salla-quantity-input"; }
     static get originalStyleUrls() {

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

@@ -5,7 +5,9 @@ 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, isApplePayHostedRedirect, resolveApplePayNetworks } from "@salla.sa/applepay/src/apple-pay-support";
+import { applePayMerchantId, canCompleteApplePay, ensureApplePaySdk, isApplePayHostedRedirect, normalizeApplePayNetworks, resolveApplePayNetworks } from "@salla.sa/applepay/src/apple-pay-support";
+import { getStoredIntent } from "../salla-delivery-promise/delivery-promise-intent";
+import { isIntentAddressComplete } from "../salla-bullet-delivery/helpers";
 export class SallaQuickBuy {
     constructor() {
         this.hasInitialised = false;
@@ -47,6 +49,9 @@ export class SallaQuickBuy {
         /** Session from the initial gesture; begun later when there are no order options. */
         this.pendingApplePaySession = null;
         this.quickBuy = salla.lang.get('pages.products.buy_now');
+        /** The guest picked "continue as guest" on the login step, so don't ask again. */
+        this.choseGuest = false;
+        this.cancelLoginAsk = null;
         /** Apple Pay onStartedSession: first call defers begin() to run the OO check; second (resolved) begins. */
         this.handleApplePaySessionStarted = (session) => {
             // Previously gated on `order_options.mandatory`, which is unrelated to CP-2836: a store with
@@ -114,6 +119,7 @@ export class SallaQuickBuy {
         salla?.event?.off?.('product-options::donation-changed', this.donationChangedListener);
         salla?.product?.event?.offPriceUpdated?.(this.priceUpdatedListener);
         this.langUnsubscribe?.();
+        this.cancelLoginAsk?.();
     }
     quickBuyHandler() {
         if (salla.config.isGuest() && !this.isGuestCheckout()) {
@@ -121,6 +127,10 @@ export class SallaQuickBuy {
             salla.api.auth.requireLoginThen('salla-quick-buy::user.logged-in', () => this.quickBuyHandler());
             return;
         }
+        if (this.shouldAskLoginFirst()) {
+            this.askLoginFirst();
+            return;
+        }
         // Sync validate — AP needs the gesture preserved for new ApplePaySession().
         if (!this.validatePdpOptionsSync())
             return;
@@ -188,7 +198,10 @@ export class SallaQuickBuy {
         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')
+            // tells checkout the guest already chose guest, so it opens on the guest form —
+            // re-check isGuest(): a login since the choice must not send guest params authenticated
+            const options = this.choseGuest && salla.config.isGuest() ? { params: { guest_checkout: 1, chose_guest: 1 } } : {};
+            return salla.api.request('checkout/mini', data, 'post', options)
                 .catch(err => this.legacyQuickPurchaseFallback(err, data))
                 .then(resp => {
                 // mini-checkout answers {to, url}; legacy quick-purchase answered {redirect}
@@ -213,6 +226,7 @@ export class SallaQuickBuy {
             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)
@@ -313,6 +327,38 @@ export class SallaQuickBuy {
         salla.logger.warn('quick-buy: falling back to quick-purchase because of token_not_provided');
         return salla.api.request('checkout/quick-purchase/' + this.productId, data, 'post');
     }
+    /** login-before-checkout variant: offer login or guest before buy now. Not for Apple Pay, which must open on the tap. */
+    shouldAskLoginFirst() {
+        return salla.config.isGuest()
+            && !this.choseGuest
+            && !this.isApplePayActive
+            && salla.cart.loginBeforeCheckoutGroup?.() === 'variant';
+    }
+    askLoginFirst() {
+        // a second click before the popup settles must replace the pending ask, not stack a listener
+        this.cancelLoginAsk?.();
+        const stop = () => {
+            salla.event.off('salla-login::guest-chosen', onGuest);
+            salla.event.off('salla-login::dismissed', stop);
+            this.cancelLoginAsk = null;
+        };
+        this.cancelLoginAsk = stop;
+        const onGuest = (detail) => {
+            if (detail?.source !== 'buy-now')
+                return;
+            stop();
+            this.choseGuest = true;
+            this.quickBuyHandler();
+        };
+        salla.event.on('salla-login::guest-chosen', onGuest);
+        salla.event.on('salla-login::dismissed', stop);
+        this.requireLogin.emit({ productId: this.productId });
+        salla.api.auth.requireLoginThen('salla-quick-buy::user.logged-in', () => {
+            stop();
+            this.choseGuest = false;
+            this.quickBuyHandler();
+        }, null, 'buy-now');
+    }
     isGuestCheckout() {
         return salla.config.isGuest() && this.isGuestCheckoutAllowed() && this.isPhysicalProduct();
     }
@@ -334,6 +380,28 @@ export class SallaQuickBuy {
         }
         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;
@@ -349,6 +417,27 @@ export class SallaQuickBuy {
             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/collection/components/salla-rating-modal/salla-rating-modal-v2.js

@@ -656,6 +656,34 @@ export class SallaRatingModalV2 {
         }
         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');
@@ -672,9 +700,7 @@ export class SallaRatingModalV2 {
         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') {
@@ -1329,8 +1355,8 @@ export class SallaRatingModalV2 {
                 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 => {

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

@@ -162,7 +162,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: '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()));
     }
     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: '3391a62ef0f0e7b5b97fa17c99aae2383772ba13', class: "s-review-factors-tags-wrapper" }, this.renderFactorTags()));
+        return (h(Host, { key: '2fc041ebd27df774250e428f3a68026838221309', 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: '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/collection/components/salla-search-product-card/salla-search-product-card.js

@@ -109,7 +109,7 @@ export class SallaSearchProductCard {
             // '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
@@ -124,7 +124,7 @@ export class SallaSearchProductCard {
                     ]
                     : 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: Star }), 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: Star }), 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/collection/components/salla-searchable-dropdown/salla-searchable-dropdown.js

@@ -201,18 +201,18 @@ export class SallaSearchableDropdown {
     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/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: '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 is() { return "salla-skeleton"; }
     static get originalStyleUrls() {

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

@@ -36,7 +36,7 @@ export class SallaSocial {
     }
     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()) })))))));

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

@@ -382,7 +382,7 @@ export 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()));
     }
     static get is() { return "salla-social-share"; }
     static get originalStyleUrls() {

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

@@ -36,7 +36,7 @@ export class SallaTabContent {
             's-tabs-content': true,
             's-tabs-content-selected': this.isSelected
         };
-        return (h("div", { key: '1bbc452fae5af3438acc31c767eea60d2f6ca040', class: classes }, h("slot", { key: '4e28919c1c1267a0fc600c1c12a4f2b4ac5f3845' })));
+        return (h("div", { key: 'e5da5a9d996bbb72e1603f88053d140138d08b38', class: classes }, h("slot", { key: '830ad13557951a06486f3d1155f7d2ec475fc243' })));
     }
     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: 'a5e5d2c85bac8826816ffee72e6b66689be36573', class: classes, onClick: this.onClick.bind(this) }, h("slot", { key: '7a2162f55a393c307a755bd18050090ed7e1e8f8' })),
+            h("div", { key: 'dbcd51f0c181991c1ea52ce4d2b8f364c4f77832', class: classes, onClick: this.onClick.bind(this) }, h("slot", { key: '382fc1cb4bece683fcbc67db46f51f5b0900e328' })),
         ];
     }
     static get is() { return "salla-tab-header"; }

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

@@ -59,7 +59,7 @@ export class SallaTabs {
     render() {
         const headerStyle = this.backgroundColor ? { 'background-color': this.backgroundColor } : {};
         return [
-            h("div", { key: '7a00d7d7f42f332921f9cbb0eafec15cd4068a02', class: "s-tabs" }, h("div", { key: 'ba7ba485972d98409839a0edeb5515ee4e1a6d40', class: "s-tabs-header", style: headerStyle }, h("slot", { key: '4acaf275bfa3192108e9852a2918f09c1333e1d4', name: "header" })), h("div", { key: '3108d4e627049cdbad2e6755b01a8f454f541cbe', class: "s-tabs-content-wrapper" }, h("slot", { key: '433301db2d569304b3548216aade05135a1798d5', name: "content" })))
+            h("div", { key: 'e9e0030c417a98d19fdcf04ab290e6c77743fa68', class: "s-tabs" }, h("div", { key: 'b79d94a3744ba6d6b5c6e2948a2be057f9d5555c', class: "s-tabs-header", style: headerStyle }, h("slot", { key: '1136f96eeb12125185685a336be660eec5591daa', name: "header" })), h("div", { key: 'ac3ea577952031a2f366172ab27bc08c19f706f4', class: "s-tabs-content-wrapper" }, h("slot", { key: '48486dad9ae07f6a0dacab3c70c9c3df4eb66dcd', name: "content" })))
         ];
     }
     static get is() { return "salla-tabs"; }

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

@@ -143,7 +143,7 @@ export class SallaTelInput {
         }
     }
     render() {
-        return (h(Host, { key: '7616b0d80100d5032a8fc0c8c57880463764277e', class: "s-tel-input" }, h("input", { key: '321cf9386c2fa477f7f8286330e95003e114cfa2', 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: '8166effadc8d574feb279fcb23fd779678bbbc8a', class: "s-tel-input-error-msg", ref: el => this.errorMsg = el }), h("input", { key: '9fecbe3307f3da9524424a7db4ea1d6e65adabaf', type: "hidden", name: "country_code", value: this.countryCode, ref: el => this.countryCodeInput = el, class: "country_code" })));
+        return (h(Host, { key: '1ac7260480017f583ad9a85e3184e91aed10c44f', class: "s-tel-input" }, h("input", { key: 'b67e55b6cc4154d4743dee20be5d9fb5b000e698', 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: '2533925768fe0265fbea2552540734d5cac0b9aa', class: "s-tel-input-error-msg", ref: el => this.errorMsg = el }), h("input", { key: '0bb28963824dbc6e12ececc76f9e756e1a0e150e', 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-thank-you-header/salla-thank-you-header.js

@@ -38,7 +38,7 @@ export class SallaThankYouHeader {
     }
     render() {
         const date = this.dateLabel();
-        return h("header", { key: 'd2d1914e2380a41b92c7d1ed0be4474535f347d4', class: "s-thank-you-header-wrapper" }, h("div", { key: 'a55c95fabb88c28027b4cdc8fec3b3689229f81c', class: "s-thank-you-header-intro" }, h("span", { key: '68a5faab8488ff85cccdf74654be4c9a2c140399', class: "s-thank-you-header-success" }, h("span", { key: '428d70eb21c90fe3db56e59141da3a7c581a8e94', class: "s-thank-you-header-success-icon", "aria-hidden": "true", innerHTML: SuccessIcon }), h("span", { key: '5532f94ab170683945d88664c66d42f6cb75c68f', class: "s-thank-you-header-store" }, this.storeLogo ? h("img", { src: this.storeLogo, alt: this.storeName || '' }) : h("span", { "aria-hidden": "true", innerHTML: StoreIcon }))), h("div", { key: '262f9756d2323be508c48bff389ebb8f840fc35b', class: "s-thank-you-header-copy" }, h("h1", { key: '6f4cfc3918a346d561ab449314196bfb3a85bd20', "data-testid": "store-thankyou-header-show-title", class: "s-thank-you-header-title" }, this.heading), h("p", { key: '177f9fed6204bf568f6745311032521606eeafcf', class: "s-thank-you-header-subtitle" }, this.subtitle || salla.lang.get('pages.thank_you.order_received')))), h("hr", { key: '864eedb2137299b4c73256cfd8f0cc5a848e1998', class: "s-thank-you-header-divider" }), h("div", { key: 'd3e74fd5b47f6559d350f7a673c7cd0fdf1f4e76', class: "s-thank-you-header-meta" }, this.referenceId ? h("button", { type: "button", class: "s-thank-you-header-reference", "data-testid": "store-thankyou-header-copy-reference", "aria-label": `${salla.lang.get('common.elements.copy')} ${this.referenceId}`, onClick: () => this.copyReference() }, h("span", { "aria-hidden": "true", innerHTML: OrderIcon }), h("span", { dir: "ltr" }, "#", this.referenceId), h("span", { "aria-hidden": "true", innerHTML: CopyIcon })) : null, date ? h("span", { class: "s-thank-you-header-date" }, h("span", { "aria-hidden": "true", innerHTML: TimeIcon }), h("time", { dateTime: this.createdAt }, date)) : null), h("slot", { key: '086631b68ccd291cc3b188d4193aa3a782509edf' }));
+        return h("header", { key: '059ca864ef1b2688f3919e0d1afe312a6a26304b', class: "s-thank-you-header-wrapper" }, h("div", { key: '7db61c7e59b0c648a863c8f273733a351d7ae7f6', class: "s-thank-you-header-intro" }, h("span", { key: 'fd6898fd919eb23123f0922504cd7fa27fd6d7cf', class: "s-thank-you-header-success" }, h("span", { key: 'f3e543dd2cdb8fd6ec766decf8733053f64a85b4', class: "s-thank-you-header-success-icon", "aria-hidden": "true", innerHTML: SuccessIcon }), h("span", { key: 'fe155c56cfa5b8c96f9ec0ab0212d0ecaa9b78e8', class: "s-thank-you-header-store" }, this.storeLogo ? h("img", { src: this.storeLogo, alt: this.storeName || '' }) : h("span", { "aria-hidden": "true", innerHTML: StoreIcon }))), h("div", { key: '98df6b364ae471bc6d293b2bc2ef550f93ab1ded', class: "s-thank-you-header-copy" }, h("h1", { key: 'e0150e20cf220cb60612745341e0a243f5155f6a', "data-testid": "store-thankyou-header-show-title", class: "s-thank-you-header-title" }, this.heading), h("p", { key: 'd4b592a4517434d7d21c24884bebc7a5d99128ab', class: "s-thank-you-header-subtitle" }, this.subtitle || salla.lang.get('pages.thank_you.order_received')))), h("hr", { key: '98dcc158ecd2af0c6081959299164e4a004255ca', class: "s-thank-you-header-divider" }), h("div", { key: '1b40af524a983485f718aab6f52a13da56c11f69', class: "s-thank-you-header-meta" }, this.referenceId ? h("button", { type: "button", class: "s-thank-you-header-reference", "data-testid": "store-thankyou-header-copy-reference", "aria-label": `${salla.lang.get('common.elements.copy')} ${this.referenceId}`, onClick: () => this.copyReference() }, h("span", { "aria-hidden": "true", innerHTML: OrderIcon }), h("span", { dir: "ltr" }, "#", this.referenceId), h("span", { "aria-hidden": "true", innerHTML: CopyIcon })) : null, date ? h("span", { class: "s-thank-you-header-date" }, h("span", { "aria-hidden": "true", innerHTML: TimeIcon }), h("time", { dateTime: this.createdAt }, date)) : null), h("slot", { key: '1ec96de5ef0c5c44dc80742277ad6b4ee83354da' }));
     }
     static get is() { return "salla-thank-you-header"; }
     static get originalStyleUrls() {

package/dist/collection/components/salla-thank-you-page/salla-thank-you-page.js

@@ -9,7 +9,7 @@ import { h, Host } from "@stencil/core";
  */
 export class SallaThankYouPage {
     render() {
-        return h(Host, { key: '97dd9a2815a884b200f90d59c6216c6c7c93074c', class: "s-thank-you-page-wrapper" }, h("slot", { key: '2decea79a3b1b92f2540479ed5b0584c6704a029', name: "main" }), h("slot", { key: '25c0d3f065a024467b15b0e82138c7ca791741f1' }));
+        return h(Host, { key: '605e01d9b7299b700f24339f20995bd83e8add0c', class: "s-thank-you-page-wrapper" }, h("slot", { key: 'e1c24571fe73dda85f4f8bd8f2aa206a40bf7aa2', name: "main" }), h("slot", { key: 'd198960d04ce37f98476d9538da54d377edb84ae' }));
     }
     static get is() { return "salla-thank-you-page"; }
     static get originalStyleUrls() {

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: 'e88949e9f1d97170bc61a0ab37e221863b9bc79f', class: "s-tooltip-container" }, h("div", { key: '1e65ce349cab58449512ba02ab11028de7fd6aa4', 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: 'e78c348a4fdc3eae7b719a8c8f1f115d521a1965', class: "s-tooltip-container" }, h("div", { key: 'dc2137a53c1f5b2075d8a96d13c16ad216ca9b37', 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

@@ -559,7 +559,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: '235e0a344565e48724ade2bae57ba084273f120c', class: "s-user-settings-wrapper" }, this.canHideName && (h("div", { key: '16fa72a01cdf69c82f1389164dd64ef814b7212f', class: "s-user-settings-section" }, h("salla-list-tile", { key: 'b753024966a6df5f4b27e9cbb70591055f7fcead' }, h("div", { key: '1af0bf18b22d5df386d88eea7249f92e5edadfdf', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: '29eab8ad46744c402bc9c97b5a1f2864c242ae44', innerHTML: UserCancel })), h("div", { key: '3978c127bc9195f1384c4867d1820b2868c7e1ed', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.hideMyName)), h("div", { key: 'a8cddacc12bb9ec6c078c664dc4de44b1cf071af', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.hideMyNameDesc)), h("div", { key: '58ced777acef0cea96d9d2c921ca15aae50d5407', slot: "action", class: "s-user-settings-section-action" }, h("label", { key: '17827e38c54b85f0cdd143b13e20149224959447', class: "s-toggle" }, h("input", { key: '227128054c57e7b7efb66f9ddf6773f3bdace0ae', class: "s-toggle-input", checked: this.isHiddenName, onChange: e => this.toggleSetting('is_hidden_name', e), type: "checkbox" }), h("div", { key: '9c14439a42c1548ca7fd4c3bed9df5e19667e286', class: "s-toggle-switcher" })))))), h("div", { key: '1c5784612dff9eb994852379b104d52f9293b4a4', class: "s-user-settings-section" }, h("salla-list-tile", { key: 'f55f9302936d52c19ae0732f535b27347487abf7' }, h("div", { key: 'c27db366d4529650203b90d7992fd3866d396a4a', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: '7d523f03f771d0a7e6fe32ef8879e7e6c27702ec', innerHTML: Bullhorn })), h("div", { key: '0a62c6326d28479c6a1d9c15f71e0a70dc2b4b75', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.promotionalMsgs)), h("div", { key: '3bb66045d5fede7f9c366be329c5d0370b662124', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.promotionalMsgsDesc)), h("div", { key: '31dab543f6bc02e5f111169e2d2cec5cbc2ba6a6', slot: "action", class: "s-user-settings-section-action" }, h("label", { key: 'cacfe5a74684feab1f73a9cc31c805e123816a23', class: "s-toggle" }, h("input", { key: 'bc1939012a98db1f038aab5920aaca174f02a2c0', class: "s-toggle-input", checked: this.isNotifiable, onChange: e => this.toggleSetting('is_notifiable', e), type: "checkbox" }), h("div", { key: 'bce649ee7e21658be48d9a8bf8c5331298bf0717', 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: 'a5329b99eb9ae0d351d3732a8bd73cb5a0e3bf0e', class: "s-user-settings-wrapper" }, this.canHideName && (h("div", { key: 'fa451ecdfcc4797eb5a844a6b6ba57456887bc65', class: "s-user-settings-section" }, h("salla-list-tile", { key: 'efe0e7fbf16ce4c23f9fefd7d96e77b86c17407d' }, h("div", { key: '6749a02ca8b2fe06bf604aa7e6343c2f6a933db9', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: '3fac5e8f843a6d7a82355e742801701daa839b37', innerHTML: UserCancel })), h("div", { key: '9902df824f1c959e5e78448019bb0019139181e3', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.hideMyName)), h("div", { key: 'a2d6b461b818fb5c88831fc3515c62fbb27a3604', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.hideMyNameDesc)), h("div", { key: '14dfc10aeb8f3ae132bd6a884f6f0909b3ee0071', slot: "action", class: "s-user-settings-section-action" }, h("label", { key: 'd224bf45f7b946f37460478e49019d38fbe5f4f9', class: "s-toggle" }, h("input", { key: 'f6b97efb600c39f0e66eaac8538a7e076cba851e', class: "s-toggle-input", checked: this.isHiddenName, onChange: e => this.toggleSetting('is_hidden_name', e), type: "checkbox" }), h("div", { key: 'e6c00fa21b86e168a4a6c236cc20035ca3310c7e', class: "s-toggle-switcher" })))))), h("div", { key: '5452089f49aa35bdf5ee2f8cd39dbfc7bf5b83d3', class: "s-user-settings-section" }, h("salla-list-tile", { key: '95a23fe5cbb2e5481137bdad8a424430922110af' }, h("div", { key: 'ae6f7395a3beb1a46339acb225fbf8ae86086f1a', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: '4f09f13877d1c9c405163bc7035196ce4e7ab574', innerHTML: Bullhorn })), h("div", { key: '77e038e9ede04ebceb33dc5732552bfb872ff07f', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.promotionalMsgs)), h("div", { key: 'c1332d656e6c898b09d63b8985ab2b32f92029f1', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.promotionalMsgsDesc)), h("div", { key: '236c6622e61210bdcad47582e4626fbf7a4f77d3', slot: "action", class: "s-user-settings-section-action" }, h("label", { key: 'be37b0ea5465911064146779025fd5e353a6f556', class: "s-toggle" }, h("input", { key: 'fea0f0478c959bc94f91bc302618eb2e30047927', class: "s-toggle-input", checked: this.isNotifiable, onChange: e => this.toggleSetting('is_notifiable', e), type: "checkbox" }), h("div", { key: '1420206f5679e67ce1fd908ae8e9179eaae1dc77', 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-verify/salla-verify.js

@@ -229,7 +229,7 @@ export class SallaVerify {
             this.otpInputs.forEach(input => input.value = '');
             this.otpInputs[0].focus();
         })
-            .then(() => salla.api.auth.resend(this.data))
+            .then(() => this.resendHandler ? this.resendHandler(this.data) : salla.api.auth.resend(this.data))
             .finally(() => this.resendTimer());
     }
     submit() {
@@ -242,7 +242,7 @@ export class SallaVerify {
         let data = { code: this.code.value, ...this.data };
         return this.btn.load()
             .then(() => this.btn.disable())
-            .then(() => this.isProfileVerify ? salla.profile.verify(data) : salla.auth.verify(data, this.supportWebAuth))
+            .then(() => this.verifyHandler ? this.verifyHandler(data) : this.isProfileVerify ? salla.profile.verify(data) : salla.auth.verify(data, this.supportWebAuth))
             .then(response => this.verified.emit(response))
             .then(() => this.btn.stop() && this.btn.disable())
             .then(() => this.modal.close())
@@ -358,6 +358,52 @@ export class SallaVerify {
                 "setter": false,
                 "reflect": false,
                 "defaultValue": "true"
+            },
+            "verifyHandler": {
+                "type": "unknown",
+                "attribute": "verify-handler",
+                "mutable": false,
+                "complexType": {
+                    "original": "(data: any) => Promise<any>",
+                    "resolved": "(data: any) => Promise<any>",
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Replaces the verify request, for flows with their own endpoint. Receives `{code, ...data}`"
+                },
+                "getter": false,
+                "setter": false
+            },
+            "resendHandler": {
+                "type": "unknown",
+                "attribute": "resend-handler",
+                "mutable": false,
+                "complexType": {
+                    "original": "(data: any) => Promise<any>",
+                    "resolved": "(data: any) => Promise<any>",
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Replaces the resend request, for flows with their own endpoint. Receives the data passed to `open()`"
+                },
+                "getter": false,
+                "setter": false
             }
         };
     }