@salla.sa/twilight-components 2.14.591 → 2.14.593

package/dist/components/salla-add-product-button2.js

@@ -4,7 +4,8 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { P as PendingOrdersIcon } from './cart.js';
 import { H as Helper } from './Helper.js';
-import { i as injectFreeProductsIntoPayload, d as defineCustomElement$3, c as canCompleteApplePay } from './salla-quick-buy2.js';
+import { i as injectFreeProductsIntoPayload, d as defineCustomElement$3, c as canCompleteApplePay, a as isApplePayHostedRedirect } from './salla-quick-buy2.js';
+import { e as ensureOrderOptionsModal, a as appendOrderOptionsToPayload } from './apple-pay-order-options.js';
 import { d as defineCustomElement$h } from './salla-attachment-view2.js';
 import { d as defineCustomElement$g } from './salla-booking-field2.js';
 import { d as defineCustomElement$f } from './salla-button2.js';
@@ -257,7 +258,7 @@ class FastCheckoutGate {
     }
 }
 
-const sallaAddProductButtonCss = "/*!twlt*/:host{display:block}salla-add-product-button[width=wide]{width:100%}.sticky{position:sticky}.hidden{display:none}.w-full{width:100%}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.s-hidden{display:none}.btn{display:inline-flex;flex:1 1 0%;align-items:center;justify-content:center;white-space:nowrap;border-radius:0.375rem;padding-left:1.5rem;padding-right:1.5rem;padding-bottom:0.625rem;padding-top:0.5rem;font-size:0.875rem;line-height:1.25rem;font-weight:700;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms}.btn:hover{opacity:0.8}.s-hidden{display:none}.s-add-product-button-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.s-add-product-button-with-quick-buy{display:flex}@media (min-width: 640px){.s-add-product-button-with-quick-buy{flex-direction:column}}.s-add-product-button-with-quick-buy:not(.s-add-product-button-with-sticky-bar){flex-direction:column !important}.s-add-product-button-main{display:flex;width:66.666667%;column-gap:0.375rem}@media (min-width: 640px){.s-add-product-button-main{width:100%;column-gap:0.625rem}}.s-add-product-button-with-sticky-bar salla-quick-buy{width:33.333333%}@media (min-width: 640px){.s-add-product-button-with-sticky-bar salla-quick-buy{width:100%}}.s-add-product-button-with-quick-buy:not(.s-add-product-button-with-sticky-bar) .s-add-product-button-main{width:100%}.s-add-product-button-with-quick-buy:not(.s-add-product-button-with-apple-pay) .s-add-product-button-main{width:100%}.s-add-product-button-main:not(.w-full)>salla-button{width:50% !important}.s-add-product-button-main .s-add-product-button-mini-checkout{--salla-fast-checkout-button-border-radius:.75rem;width:50%}.s-add-product-button-with-sticky-bar{width:100% !important}@media (min-width: 640px){.s-add-product-button-with-sticky-bar{width:auto}}.s-add-product-button-with-apple-pay{column-gap:0.375rem}@media (min-width: 640px){.s-add-product-button-with-apple-pay{column-gap:unset}}.s-add-product-button-with-apple-pay:not(.s-add-product-button-with-sticky-bar) salla-quick-buy apple-pay-button{margin-top:0.625rem}.s-add-product-button-with-sticky-bar salla-quick-buy .s-quick-buy-button .s-button-text span{display:none}@media (min-width: 768px){.s-add-product-button-with-sticky-bar salla-quick-buy .s-quick-buy-button .s-button-text span{display:block}}.s-add-product-button-mini-checkout-content{display:flex;flex-shrink:0;align-items:center;white-space:nowrap;font-size:.8rem}@media (min-width: 640px){.s-add-product-button-mini-checkout-content{font-size:0.875rem;line-height:1.25rem}}.s-add-product-button-mini-checkout-content:where([dir=\"rtl\"],[dir=\"rtl\"] *){flex-direction:row-reverse}.s-add-product-button-mini-checkout-content svg{margin-right:0.375rem;height:1rem;width:1rem;fill:currentColor}.s-add-product-button-mini-checkout-content svg:where([dir=\"rtl\"],[dir=\"rtl\"] *){margin-right:0px;margin-left:0.375rem}.s-add-product-button-busy{pointer-events:none;position:relative}.s-add-product-button-busy::after{position:absolute;top:50%;left:50%;z-index:10;height:1rem;width:1rem;--tw-translate-x:-50%;content:var(--tw-content);--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{content:var(--tw-content);transform:rotate(360deg)}}.s-add-product-button-busy::after{animation:spin 1s linear infinite;border-radius:9999px;border-width:2px;border-style:solid;border-top-color:var(--color-primary);border-left-color:var(--color-primary);border-bottom-color:rgb(243 244 246 / var(--tw-border-opacity, 1));--tw-border-opacity:1;border-right-color:rgb(243 244 246 / var(--tw-border-opacity, 1));--tw-content:'';content:var(--tw-content)}";
+const sallaAddProductButtonCss = "/*!twlt*/:host{display:block}salla-add-product-button[width=wide]{width:100%}.s-add-product-button-buy-now{display:block;font-family:'PingARLT';font-weight:normal}.s-add-product-button-buy-now .s-fast-checkout-button{display:flex;align-items:center;justify-content:center;height:var(--salla-fast-checkout-button-height, 2.5rem);width:var(--salla-fast-checkout-button-width, 100%);border-radius:var(--salla-fast-checkout-button-border-radius, 0.375rem);font-size:0.875rem;font-weight:bold;text-transform:uppercase;cursor:pointer;transition:all 0.3s ease-in-out;border:none;font-family:'PingARLT';gap:5px;direction:ltr;border-width:1px;border-color:var(--color-primary);background-color:var(--color-primary);color:var(--color-primary-reverse);padding:1px 6px;line-height:normal;letter-spacing:normal;outline:none}.s-add-product-button-buy-now .s-fast-checkout-button:focus-visible{outline:auto}.s-add-product-button-buy-now .s-fast-checkout-button:hover{background-color:var(--color-primary)}.s-add-product-button-buy-now .s-fast-checkout-button.outline{background-color:transparent;border:1px solid var(--color-primary);color:var(--color-primary)}.s-add-product-button-buy-now .s-fast-checkout-button.rtl{flex-direction:row-reverse}.s-add-product-button-buy-now .s-fast-checkout-button:disabled{cursor:progress;opacity:0.7}.sticky{position:sticky}.hidden{display:none}.w-full{width:100%}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.s-hidden{display:none}.btn{display:inline-flex;flex:1 1 0%;align-items:center;justify-content:center;white-space:nowrap;border-radius:0.375rem;padding-left:1.5rem;padding-right:1.5rem;padding-bottom:0.625rem;padding-top:0.5rem;font-size:0.875rem;line-height:1.25rem;font-weight:700;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms}.btn:hover{opacity:0.8}.s-hidden{display:none}.s-add-product-button-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.s-add-product-button-with-quick-buy{display:flex}@media (min-width: 640px){.s-add-product-button-with-quick-buy{flex-direction:column}}.s-add-product-button-with-quick-buy:not(.s-add-product-button-with-sticky-bar){flex-direction:column !important}.s-add-product-button-main{display:flex;width:66.666667%;column-gap:0.375rem}@media (min-width: 640px){.s-add-product-button-main{width:100%;column-gap:0.625rem}}.s-add-product-button-with-sticky-bar salla-quick-buy{width:33.333333%}@media (min-width: 640px){.s-add-product-button-with-sticky-bar salla-quick-buy{width:100%}}.s-add-product-button-with-quick-buy:not(.s-add-product-button-with-sticky-bar) .s-add-product-button-main{width:100%}.s-add-product-button-with-quick-buy:not(.s-add-product-button-with-apple-pay) .s-add-product-button-main{width:100%}.s-add-product-button-main:not(.w-full)>salla-button{width:50% !important}.s-add-product-button-main .s-add-product-button-mini-checkout{--salla-fast-checkout-button-border-radius:.75rem;width:50%}.s-add-product-button-with-sticky-bar{width:100% !important}@media (min-width: 640px){.s-add-product-button-with-sticky-bar{width:auto}}.s-add-product-button-with-apple-pay{column-gap:0.375rem}@media (min-width: 640px){.s-add-product-button-with-apple-pay{column-gap:unset}}.s-add-product-button-with-apple-pay:not(.s-add-product-button-with-sticky-bar) salla-quick-buy apple-pay-button{margin-top:0.625rem}.s-add-product-button-with-sticky-bar salla-quick-buy .s-quick-buy-button .s-button-text span{display:none}@media (min-width: 768px){.s-add-product-button-with-sticky-bar salla-quick-buy .s-quick-buy-button .s-button-text span{display:block}}.s-add-product-button-mini-checkout-content{display:flex;flex-shrink:0;align-items:center;white-space:nowrap;font-size:.8rem}@media (min-width: 640px){.s-add-product-button-mini-checkout-content{font-size:0.875rem;line-height:1.25rem}}.s-add-product-button-mini-checkout-content:where([dir=\"rtl\"],[dir=\"rtl\"] *){flex-direction:row-reverse}.s-add-product-button-mini-checkout-content svg{margin-right:0.375rem;height:1rem;width:1rem;fill:currentColor}.s-add-product-button-mini-checkout-content svg:where([dir=\"rtl\"],[dir=\"rtl\"] *){margin-right:0px;margin-left:0.375rem}.s-add-product-button-busy{pointer-events:none;position:relative}.s-add-product-button-busy::after{position:absolute;top:50%;left:50%;z-index:10;height:1rem;width:1rem;--tw-translate-x:-50%;content:var(--tw-content);--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{content:var(--tw-content);transform:rotate(360deg)}}.s-add-product-button-busy::after{animation:spin 1s linear infinite;border-radius:9999px;border-width:2px;border-style:solid;border-top-color:var(--color-primary);border-left-color:var(--color-primary);border-bottom-color:rgb(243 244 246 / var(--tw-border-opacity, 1));--tw-border-opacity:1;border-right-color:rgb(243 244 246 / var(--tw-border-opacity, 1));--tw-content:'';content:var(--tw-content)}";
 
 const SallaAddProductButton = /*@__PURE__*/ proxyCustomElement(class SallaAddProductButton extends HTMLElement {
     constructor() {
@@ -266,6 +267,11 @@ const SallaAddProductButton = /*@__PURE__*/ proxyCustomElement(class SallaAddPro
         this.success = createEvent(this, "success", 7);
         this.failed = createEvent(this, "failed", 7);
         this.hostAttributes = {};
+        this.buyNowBusy = false;
+        /** Latest buy-now click; an older click still waiting on Bullet Delivery drops out. */
+        this.buyNowToken = 0;
+        this.buyNowLastClick = 0;
+        this.buyNowLivePrice = 0;
         /**
          * Has Pre Order
          */
@@ -280,6 +286,7 @@ const SallaAddProductButton = /*@__PURE__*/ proxyCustomElement(class SallaAddPro
         this.productType = 'product';
         this.selectedOptions = [];
         this.buyNowText = salla.lang.get('pages.products.buy_now');
+        this.buyNowLoading = false;
         /** Use matchMedia instead of window.innerWidth to avoid forced reflow (Lighthouse/PageSpeed) */
         this.isDesktopViewport = typeof window !== 'undefined' ? window.matchMedia('(min-width: 768px)').matches : true;
         this.viewportMediaQuery = null;
@@ -287,6 +294,9 @@ const SallaAddProductButton = /*@__PURE__*/ proxyCustomElement(class SallaAddPro
         this.orderOptionsGateAttached = false;
         /** Guards one-time attachment of the fast-checkout Bullet Delivery gate (logic lives in FastCheckoutGate). */
         this.fastCheckoutGateAttached = false;
+        this.onBuyNowPriceUpdated = (response) => {
+            this.buyNowLivePrice = Number(response?.data?.price) || this.buyNowLivePrice;
+        };
         this.onViewportChange = (e) => {
             this.isDesktopViewport = e.matches;
             this.btn?.setText((e.matches && !!this.passedLabel) ? this.passedLabel : this.getLabel());
@@ -414,6 +424,105 @@ const SallaAddProductButton = /*@__PURE__*/ proxyCustomElement(class SallaAddPro
             type: this.supportStickyBar && !this.isDesktopViewport ? 'plain' : this.productType == 'donating' ? 'donate' : 'buy'
         };
     }
+    // Store setting: quick-buy skips the mini-checkout popup and goes straight to the checkout page.
+    get redirectsToCheckout() {
+        return salla.config.get('store.settings.buy_now.redirect_to_checkout') === true;
+    }
+    /** The fast-checkout slot renders and the store redirects, so the buy-now button is on the page. */
+    get showsBuyNowButton() {
+        return this.showQuickBuy
+            && !!document.getElementById('fast-checkout-js')
+            && !['financial_support', 'donating'].includes(this.productType)
+            && this.redirectsToCheckout;
+    }
+    buyNowButton() {
+        return h("div", { class: "s-add-product-button-mini-checkout s-mini-checkout hide-scroll s-add-product-button-buy-now" }, h("button", { type: "button", class: `s-fast-checkout-button outline ${salla.lang.locale == 'ar' ? 'rtl' : 'ltr'}`, disabled: this.buyNowLoading, onClick: () => this.buyNowRedirect() }, h("div", { class: "s-add-product-button-mini-checkout-content" }, h("span", { innerHTML: WalletIcon }), this.buyNowText)));
+    }
+    async buyNowRedirect() {
+        // A double-click would reach Bullet Delivery twice, which stalls its guest gate.
+        const now = Date.now();
+        if (this.buyNowBusy || now - this.buyNowLastClick < 500) {
+            return;
+        }
+        this.buyNowLastClick = now;
+        const token = ++this.buyNowToken;
+        const optionsEl = document.querySelector(`salla-product-options[product-id="${this.productId}"]`);
+        if (optionsEl?.validateAndScroll && !(await optionsEl.validateAndScroll())) {
+            return;
+        }
+        // Bullet Delivery's address gate, as the widget runs it; stays pending if the shopper backs out.
+        await salla.cart.event.beforeStartFastCheckout();
+        if (token !== this.buyNowToken || this.buyNowBusy) {
+            return;
+        }
+        this.buyNowBusy = true;
+        let leaving = false;
+        try {
+            this.buyNowLoading = true;
+            const form = document.querySelector('form.product-form');
+            const data = form ? new FormData(form) : new FormData();
+            data.set('id', String(this.productId));
+            data.set('source', 'buy_now');
+            if (!(await this.collectOrderOptions(data))) {
+                return;
+            }
+            const resp = await salla.api.request('checkout/mini', data, 'post');
+            if (resp.data?.url) {
+                leaving = this.openCheckout(resp.data.url);
+            }
+            else if (resp.data?.to === 'login') {
+                salla.event.dispatch('login::open');
+            }
+        }
+        catch (error) {
+            this.failed.emit(error);
+        }
+        finally {
+            if (!leaving) {
+                this.buyNowBusy = false;
+                this.buyNowLoading = false;
+            }
+        }
+    }
+    /** Order options and free offer products, as the widget collects them; false when the modal is dismissed. */
+    async collectOrderOptions(data) {
+        let resp;
+        try {
+            resp = await salla.api.withoutNotifier(() => salla.product.api.getOrderOptions([{ id: this.productId, quantity: Number(data.get('quantity')) || 1 }]));
+        }
+        catch (error) {
+            salla?.logger?.warn?.('order-options: fetch failed', error);
+            return true;
+        }
+        const orderOptions = resp?.data?.order_options || [];
+        const freeProducts = (Array.isArray(resp?.data?.advance_free_product) ? resp.data.advance_free_product : [])
+            .filter((entry) => Array.isArray(entry?.options) && entry.options.length);
+        if (!orderOptions.length && !freeProducts.length) {
+            return true;
+        }
+        try {
+            const result = await ensureOrderOptionsModal().open({
+                orderOptions,
+                freeProducts,
+                basePrice: this.buyNowLivePrice || Number(resp?.data?.products?.[0]?.price?.amount) || 0,
+            });
+            appendOrderOptionsToPayload(data, result?.orderOptions || []);
+            injectFreeProductsIntoPayload(data, result?.freeProducts || []);
+            return true;
+        }
+        catch {
+            return false;
+        }
+    }
+    /** Native SPA webviews own the checkout screen; returns true when this page navigates away. */
+    openCheckout(url) {
+        if (salla.mobile?.isSpaWebview?.() && salla.mobile.openCheckout) {
+            salla.mobile.openCheckout(url);
+            return false;
+        }
+        window.location.href = url;
+        return true;
+    }
     miniCheckoutWidget() {
         let storeId = salla.config.get('store.id');
         if (!storeId) {
@@ -432,8 +541,11 @@ const SallaAddProductButton = /*@__PURE__*/ proxyCustomElement(class SallaAddPro
                 && this.productType !== 'booking';
             // Cross-browser Apple Pay: native (Safari) OR the Payment Request API
             // (non-Safari browsers / non-Apple devices via the QR-code fallback).
+            // Hosted (MyFatoorah, S2S off) Apple Pay has no native sheet and no buy-now redirect
+            // path, so the quick-buy button below must not render for it either.
             this.isApplePayActive = salla.config.get('store.settings.payments')?.includes('apple_pay')
                 && salla.config.get('store.settings.is_salla_gateway', false)
+                && !isApplePayHostedRedirect()
                 && await canCompleteApplePay();
             this.passedLabel = this.host.innerHTML.replace('<!---->', '').trim();
             if (!!this.passedLabel && this.isDesktopViewport) {
@@ -463,11 +575,14 @@ const SallaAddProductButton = /*@__PURE__*/ proxyCustomElement(class SallaAddPro
             } }, h("div", { class: {
                 's-add-product-button-main': this.showQuickBuy,
                 'w-full': !document.getElementById('fast-checkout-js') || ['financial_support', 'donating'].includes(this.productType) // This is a temporary fix until all themes fully support the fast checkout -- To be removed later
-            } }, h("salla-button", { color: this.productStatus === 'sale' ? 'primary' : 'light', type: "button", fill: this.productStatus === 'sale' ? 'solid' : 'outline', ref: el => this.btn = el, onClick: event => this.addProductToCart(event), disabled: this.productStatus !== 'sale', "aria-label": this.isIconOnlyLabel ? this.addToCartLabel : undefined, ...this.getBtnAttributes(), "loader-position": "center" }, h("slot", null)), this.showQuickBuy && !!document.getElementById('fast-checkout-js') && !['financial_support', 'donating'].includes(this.productType) ? this.miniCheckoutWidget() : ''), this.showQuickBuy && this.isApplePayActive ? h("salla-quick-buy", { ...this.getQuickBuyBtnAttributes() }) : '');
+            } }, h("salla-button", { color: this.productStatus === 'sale' ? 'primary' : 'light', type: "button", fill: this.productStatus === 'sale' ? 'solid' : 'outline', ref: el => this.btn = el, onClick: event => this.addProductToCart(event), disabled: this.productStatus !== 'sale', "aria-label": this.isIconOnlyLabel ? this.addToCartLabel : undefined, ...this.getBtnAttributes(), "loader-position": "center" }, h("slot", null)), this.showQuickBuy && !!document.getElementById('fast-checkout-js') && !['financial_support', 'donating'].includes(this.productType) ? (this.redirectsToCheckout ? this.buyNowButton() : this.miniCheckoutWidget()) : ''), this.showQuickBuy && this.isApplePayActive ? h("salla-quick-buy", { ...this.getQuickBuyBtnAttributes() }) : '');
     }
     async componentDidLoad() {
         // Register this component for hooks system, already on it logic to run componentDidLoad trigger
         await Salla.hooks.registerComponent('salla-add-product-button', this);
+        if (this.showsBuyNowButton) {
+            salla.product?.event?.onPriceUpdated?.(this.onBuyNowPriceUpdated);
+        }
         if (!this.notifyOptionsAvailability) {
             return;
         }
@@ -516,6 +631,7 @@ const SallaAddProductButton = /*@__PURE__*/ proxyCustomElement(class SallaAddPro
     }
     disconnectedCallback() {
         this.viewportMediaQuery?.removeEventListener('change', this.onViewportChange);
+        salla.product?.event?.offPriceUpdated?.(this.onBuyNowPriceUpdated);
     }
     get host() { return this; }
     static get style() { return sallaAddProductButtonCss; }
@@ -537,6 +653,7 @@ const SallaAddProductButton = /*@__PURE__*/ proxyCustomElement(class SallaAddPro
         "showQuickBuy": [32],
         "isApplePayActive": [32],
         "buyNowText": [32],
+        "buyNowLoading": [32],
         "isDesktopViewport": [32]
     }]);
 function defineCustomElement() {

package/dist/components/salla-bullet-delivery.js

@@ -2,7 +2,7 @@
  * Crafted with ❤ by Salla
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { i as isSaudiArabia, b as bulletDeliveryAPI, r as requireRegionAndDistrictForSA, g as getIntentLatitude, a as getIntentLongitude, h as hasSessionAddressIntent, c as getIntentCityId, d as getIntentCountryId, e as getIntentRegionId, f as getIntentDistrictId, j as filterBranches, k as findNearestBranch, l as getGeolocationErrorMessage, m as clearApiCache, n as getIntentSubtitle, o as getIntentBranchId, p as isMapOriginIntent, q as isBranchSelectable, s as getIntentCountryCode } from './helpers.js';
+import { i as isSaudiArabia, b as bulletDeliveryAPI, r as requireRegionAndDistrictForSA, g as getIntentLatitude, a as getIntentLongitude, h as hasSessionAddressIntent, c as getIntentCityId, d as getIntentCountryId, e as getIntentRegionId, f as getIntentDistrictId, j as isBranchSelectable, k as filterBranches, l as getIntentBranchId, m as findNearestBranch, n as getGeolocationErrorMessage, o as clearApiCache, p as getIntentSubtitle, q as isMapOriginIntent, s as getIntentCountryCode } from './helpers.js';
 import { S as SILocation } from './location.js';
 import { S as Search } from './search.js';
 import { d as defineCustomElement$7 } from './salla-button2.js';
@@ -500,10 +500,7 @@ const SallaBulletDelivery$1 = /*@__PURE__*/ proxyCustomElement(class SallaBullet
                 }
                 // Auto-select preselected branch if provided
                 if (this.preselectedBranchId) {
-                    const branch = this.branches.find((b) => b.id === this.preselectedBranchId);
-                    if (branch) {
-                        this.selectedBranch = branch;
-                    }
+                    this.preselectBranch(this.preselectedBranchId);
                 }
             }
             // Prefill form data from session storage
@@ -954,15 +951,30 @@ const SallaBulletDelivery$1 = /*@__PURE__*/ proxyCustomElement(class SallaBullet
     async loadBranches() {
         this.loadingBranches = true;
         try {
-            this.branches = await bulletDeliveryAPI.getBranches({
+            this.applyLoadedBranches(await bulletDeliveryAPI.getBranches({
                 country_id: this.selectedCountry?.id,
-            });
-            this.filterBranches();
+            }));
         }
         finally {
             this.loadingBranches = false;
         }
     }
+    /**
+     * Store a freshly fetched branch list and reconcile the current selection with it.
+     * `selectedBranch` is a snapshot from selection time: when the refreshed list carries the
+     * same branch, swap in the fresh copy, and drop it if it is no longer selectable (INV-1407).
+     * A selection missing from the list (e.g. filtered out by a search) is left untouched.
+     */
+    applyLoadedBranches(branches) {
+        this.branches = branches;
+        if (this.selectedBranch) {
+            const fresh = branches.find((b) => b.id === this.selectedBranch?.id);
+            if (fresh) {
+                this.selectedBranch = isBranchSelectable(fresh) ? fresh : null;
+            }
+        }
+        this.filterBranches();
+    }
     filterBranches() {
         this.filteredBranches = filterBranches(this.branches, this.branchSearchQuery);
     }
@@ -989,13 +1001,7 @@ const SallaBulletDelivery$1 = /*@__PURE__*/ proxyCustomElement(class SallaBullet
                     if (country) {
                         this.selectedCountry = country;
                         this.updateNewAddressForm({ country_id: Number(country.id) });
-                        const branchId = getIntentBranchId(intent);
-                        if (branchId != null && this.branches.length > 0) {
-                            const branch = this.branches.find((b) => b.id === branchId);
-                            if (branch) {
-                                this.selectedBranch = branch;
-                            }
-                        }
+                        this.preselectBranch(getIntentBranchId(intent));
                     }
                 }
             }
@@ -1159,11 +1165,10 @@ const SallaBulletDelivery$1 = /*@__PURE__*/ proxyCustomElement(class SallaBullet
                 return;
             this.loadingBranches = true;
             try {
-                this.branches = await bulletDeliveryAPI.getBranches({
+                this.applyLoadedBranches(await bulletDeliveryAPI.getBranches({
                     country_id: this.selectedCountry?.id,
                     query,
-                });
-                this.filterBranches();
+                }));
             }
             finally {
                 this.loadingBranches = false;
@@ -1196,12 +1201,11 @@ const SallaBulletDelivery$1 = /*@__PURE__*/ proxyCustomElement(class SallaBullet
     async loadBranchesWithLocation(lat, lng) {
         this.loadingBranches = true;
         try {
-            this.branches = await bulletDeliveryAPI.getBranches({
+            this.applyLoadedBranches(await bulletDeliveryAPI.getBranches({
                 country_id: this.selectedCountry?.id,
                 lat,
                 lng,
-            });
-            this.filterBranches();
+            }));
             // Auto-select country from first branch if no country is selected
             if (!this.selectedCountry && this.branches.length > 0) {
                 const firstBranch = this.branches[0];
@@ -1258,6 +1262,18 @@ const SallaBulletDelivery$1 = /*@__PURE__*/ proxyCustomElement(class SallaBullet
         this.selectedBranch = branch;
         this.allocationOutOfCoverageMessage = null;
     }
+    /**
+     * Restore a remembered / event-provided branch — but only one the list renders as selectable,
+     * so a branch that has closed since it was remembered is never silently preselected (INV-1407).
+     */
+    preselectBranch(branchId) {
+        if (branchId == null)
+            return;
+        const branch = this.branches.find((b) => b.id === branchId);
+        if (branch && isBranchSelectable(branch)) {
+            this.selectedBranch = branch;
+        }
+    }
     handleSavedAddressSelect(address) {
         if (address.is_in_coverage === false) {
             // Show toast notification for out of coverage address
@@ -1497,13 +1513,7 @@ const SallaBulletDelivery$1 = /*@__PURE__*/ proxyCustomElement(class SallaBullet
                         await this.loadBranches();
                     }
                     // Preselect branch from session storage if available
-                    const branchId = getIntentBranchId(savedIntent);
-                    if (branchId != null && this.branches.length > 0) {
-                        const branch = this.branches.find((b) => b.id === branchId);
-                        if (branch) {
-                            this.selectedBranch = branch;
-                        }
-                    }
+                    this.preselectBranch(getIntentBranchId(savedIntent));
                 }
                 else if (tab === "address") {
                     // Lazy-load saved addresses when switching to address tab (if not loaded yet).
@@ -1532,7 +1542,8 @@ const SallaBulletDelivery$1 = /*@__PURE__*/ proxyCustomElement(class SallaBullet
     }
     isConfirmDisabled() {
         if (this.activeTab === "branch") {
-            return !this.selectedBranch;
+            // Backstop for any selection path: the allocation API rejects non-selectable branches (INV-1407).
+            return !isBranchSelectable(this.selectedBranch);
         }
         if (this.activeTab === "address") {
             if (this.isLoggedIn && this.selectedSessionAddress) {

package/dist/components/salla-delivery-promise.js

@@ -2,7 +2,7 @@
  * Crafted with ❤ by Salla
  */
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { p as isMapOriginIntent } from './helpers.js';
+import { q as isMapOriginIntent } from './helpers.js';
 import { d as defineCustomElement$6 } from './salla-button2.js';
 import { d as defineCustomElement$5 } from './salla-loading2.js';
 import { d as defineCustomElement$4 } from './salla-modal2.js';

package/dist/components/salla-gifting.js

@@ -6,7 +6,7 @@ import { a as anime } from './anime.es.js';
 import { I as IconArrowLeft } from './arrow-left.js';
 import { C as Cancel } from './cancel.js';
 import { S as SIGiftSharing } from './gift-sharing.js';
-import { b as appendOrderOptionsToPayload } from './apple-pay-order-options.js';
+import { a as appendOrderOptionsToPayload } from './apple-pay-order-options.js';
 import { d as defineCustomElement$k } from './salla-attachment-view2.js';
 import { d as defineCustomElement$j } from './salla-booking-field2.js';
 import { d as defineCustomElement$i } from './salla-button2.js';

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

@@ -3,7 +3,7 @@
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { a as axios } from './axios.js';
-import { r as resolveApplePayOrderOptions, a as reportProductOptionsValiditySync, b as appendOrderOptionsToPayload } from './apple-pay-order-options.js';
+import { r as resolveApplePayOrderOptions, b as reportProductOptionsValiditySync, a as appendOrderOptionsToPayload } from './apple-pay-order-options.js';
 import { d as defineCustomElement$e } from './salla-attachment-view2.js';
 import { d as defineCustomElement$d } from './salla-booking-field2.js';
 import { d as defineCustomElement$c } from './salla-button2.js';
@@ -51,6 +51,23 @@ function applePayMerchantId() {
   return salla?.config?.get?.('store.settings.buy_now.merchant_identifier') || null;
 }
 
+/**
+ * Whether the store's Apple Pay is a hosted redirect rather than a native sheet.
+ *
+ * MyFatoorah Apple Pay without S2S has no native flow: the checkout page hands off as a
+ * credit_card redirect to MyFatoorah's hosted page. The buy-now surfaces (PDP, sticky bar)
+ * have no redirect path, so they must not offer an Apple Pay button at all.
+ *
+ * The backend publishes this as a single boolean (`ApplePayFeature::isHostedRedirect`).
+ * Compared with `=== true` on purpose: against a backend that predates the field the key is
+ * absent, so this returns false and every surface keeps its current behaviour. That is what
+ * makes the storefront half safe to ship independently of the backend half.
+ * @returns {boolean}
+ */
+function isApplePayHostedRedirect() {
+  return salla?.config?.get?.('store.settings.buy_now.hostedRedirect') === true;
+}
+
 /**
  * Build the W3C Payment Request `methodData` for the Apple Pay method. Callers
  * supply the values (the probe reads them from config; the live session reads
@@ -2107,9 +2124,12 @@ const SallaQuickBuy = /*@__PURE__*/ proxyCustomElement(class SallaQuickBuy exten
         const canMakePayments = typeof window !== 'undefined' && !!window.ApplePaySession?.canMakePayments?.();
         const storeHasApplePay = salla?.config?.get?.('store.settings.payments')?.includes?.('apple_pay') ?? true;
         const isSallaGateway = salla?.config?.get?.('store.settings.is_salla_gateway', false) ?? true;
+        // Hosted (MyFatoorah, S2S off) Apple Pay has no native sheet and buy-now has no redirect
+        // path, so there is nothing this button could do — don't offer it.
+        const isHostedRedirect = isApplePayHostedRedirect();
         // No networks means nothing to charge with, so don't show the button — canMakePayments()
         // alone would light it up on Safari.
-        this.isApplePayActive = canMakePayments && storeHasApplePay && isSallaGateway
+        this.isApplePayActive = canMakePayments && storeHasApplePay && isSallaGateway && !isHostedRedirect
             && !!this.resolveSupportedNetworks().length;
         const runInit = async () => {
             if (!this.productId && salla?.config?.get && salla.url?.is_page) {
@@ -2138,7 +2158,8 @@ const SallaQuickBuy = /*@__PURE__*/ proxyCustomElement(class SallaQuickBuy exten
                 salla.product.event.onPriceUpdated(response => { this.applyBaseCurrencyPrice(response?.data); });
             }
             const storeAllowsApplePay = (salla?.config?.get?.('store.settings.payments')?.includes?.('apple_pay') ?? storeHasApplePay)
-                && (salla?.config?.get?.('store.settings.is_salla_gateway', false) ?? isSallaGateway);
+                && (salla?.config?.get?.('store.settings.is_salla_gateway', false) ?? isSallaGateway)
+                && !isApplePayHostedRedirect();
             // Preload Apple's JS SDK so the rendered <apple-pay-button> upgrades on
             // every flow (native Safari + QR). Fire-and-forget: the element upgrades
             // retroactively once the script defines it.
@@ -2162,7 +2183,16 @@ const SallaQuickBuy = /*@__PURE__*/ proxyCustomElement(class SallaQuickBuy exten
         });
     }
     render() {
-        return h(Host, { key: '8d1d37acada1f9cdbe6913d01a97fe881facc7af' }, this.quickBuyButton());
+        // Hosted (MyFatoorah, S2S off) Apple Pay has no native sheet and buy-now has no
+        // redirect path, so render nothing rather than an Apple Pay button that cannot
+        // do Apple Pay. Scoped to the hosted case on purpose: when a store simply has no
+        // Apple Pay, `isApplePayActive` is false too, but there the button is a deliberate
+        // generic buy-now that falls back to `checkout/mini` (see quickBuyHandler), and
+        // direct consumers rely on that.
+        if (isApplePayHostedRedirect()) {
+            return h(Host, null);
+        }
+        return h(Host, null, 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 });
@@ -2274,4 +2304,4 @@ function defineCustomElement() {
 }
 defineCustomElement();
 
-export { SallaQuickBuy as S, canCompleteApplePay as c, defineCustomElement as d, injectFreeProductsIntoPayload as i };
+export { SallaQuickBuy as S, isApplePayHostedRedirect as a, canCompleteApplePay as c, defineCustomElement as d, injectFreeProductsIntoPayload as i };

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

@@ -172,7 +172,7 @@ const SallaReviewCard = /*@__PURE__*/ proxyCustomElement(class SallaReviewCard e
         return (h("a", { href: this.review?.product?.url, class: "s-review-card-product-container" }, h("img", { alt: product.image?.alt || "Product", src: product.image?.url, class: "s-review-card-product-image", width: 60, height: 60, loading: "lazy", decoding: "async", draggable: false }), h("div", { class: "s-review-card-product-details" }, h("p", { class: "s-review-card-product-details-name" }, product.name), this.showPurchaseCount ? h("p", { class: "s-review-card-product-details-purchase-count" }, h("span", { innerHTML: IconFire2 }), this.purchasedCount) : null)));
     }
     render() {
-        return h("div", { key: '7e833e08405a9153759b958e9c6979fd83c5aec1', class: "s-review-card-container" }, this.renderSlider(), this.renderSingleImage(), renderDivider(), h("div", { key: '85e33a2160a62e2fb3e376f6e20d223d53ced8fe', class: "s-review-card-content" }, this.renderHeader(), h("p", { key: '8b21485de56e57dceb9facb044bd6bad1ad866f3', class: "s-review-card-review-content", innerHTML: this.review?.content }), renderDivider(), this.renderProductInfo()));
+        return h("div", { key: '44589734c0a8ab8211a50e89e306de7dd53ad679', class: "s-review-card-container" }, this.renderSlider(), this.renderSingleImage(), renderDivider(), h("div", { key: '14e57255f40beab2e4b92724f26f171cdaaf69f4', class: "s-review-card-content" }, this.renderHeader(), h("p", { key: '8f27f7f13b5611a71164dba288f53e53e10e67f0', class: "s-review-card-review-content", innerHTML: this.review?.content }), renderDivider(), this.renderProductInfo()));
     }
     get el() { return this; }
     static get style() { return sallaReviewCardCss; }

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

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

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

@@ -685,7 +685,7 @@ const SallaReviewsPage$1 = /*@__PURE__*/ proxyCustomElement(class SallaReviewsPa
         return options.map(option => (h("option", { key: option.value, value: option.value, selected: option.value === this.sort }, option.label)));
     }
     render() {
-        return (h("host", { key: '96f61882e9ff5d63084b474e887f18852664cee1' }, h("div", { key: '4ed5c60cad490df10f749b1f9c5c85be4b4694a9', class: "s-reviews-page-header-wrapper" }, h("h2", { key: 'b010c63dc5c5b75b62f51ad629f1e3aa92aee545', class: "s-reviews-page-title" }, this.langTitlesReviews, h("span", { key: '5d878bce5aeadaebbe9af6ecfdeb13492554155a', class: "s-reviews-page-count" }, "(", this.langRatingReviews, ")")), h("div", { key: '86946adf82cc42d2b0950da6b787f445f701f707', class: "s-reviews-page-filter-wrapper" }, h("label", { key: '61a02b3c57c025f33f8316410ecc3a21a9c93600', class: "s-reviews-page-filter-label", htmlFor: "testimonials-filter" }, this.langSorting), h("select", { key: '04e135e9ec5bbcd4ce52aea7ef002385108b0606', 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: '9d393d47dde31817178d398dacf0be9d1961f487' }, h("div", { key: '2109c18f3cf9ebb5769291ee88dc733e2b96759f', class: "s-reviews-page-header-wrapper" }, h("h2", { key: 'f9259ac0832ea3041a517ee3dd8dccb41a3bd903', class: "s-reviews-page-title" }, this.langTitlesReviews, h("span", { key: 'f49098ca0e3f911669c610a310dbf331922e9b8a', class: "s-reviews-page-count" }, "(", this.langRatingReviews, ")")), h("div", { key: '739397b8f7389cfab453d435868b20be49871d6d', class: "s-reviews-page-filter-wrapper" }, h("label", { key: '92bd0f40b758f394ca3c1604ba207653e2263bac', class: "s-reviews-page-filter-label", htmlFor: "testimonials-filter" }, this.langSorting), h("select", { key: 'a2b42e0c18c9192a3ff33f61ca21e50355655ed4', onChange: (e) => this.handleSorting(e), disabled: !this.reviews.length, class: "s-reviews-page-filter" }, this.renderSortingOptions()))), this.reviews.length ? h("main", { class: "s-reviews-page-grid", ref: el => {
                 this.wrapper = el;
             } }, this.reviews.map(review => (h("salla-review-card", { key: review.id, review: review }))))
             : h("div", { class: "s-products-list-placeholder" }, h("span", { innerHTML: ShoppingBag }), h("p", null, this.placeholderText)), this.pagination?.links?.next && this.reviews.length ? (h("div", { class: "s-reviews-page-load-more-container" }, h("salla-button", { class: "s-reviews-page-load-more-btn", loading: this.isLoading, onClick: () => this.infiniteScroll?.loadNextPage(), onKeyUp: () => this.infiniteScroll?.loadNextPage() }, this.langLoadMore))) : null));

package/dist/components/salla-search-product-card2.js

@@ -121,7 +121,7 @@ const SallaSearchProductCard = /*@__PURE__*/ proxyCustomElement(class SallaSearc
             // 's-search-product-card-out-of-stock': this.productData?.is_out_of_stock,
         };
         const hrefProp = this.productData?.url ? { href: this.productData.url } : {};
-        return (h(Host, { key: '96d5601bdfaf30f7455567d1b749882a1bacca89', 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: '3fe75c253a2658366445b9e8f49f8d1fefbbb203', class: "s-search-product-card-image" }, h("img", { key: '916d235df1545379d39c5645dd552dd9280d36ba', 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: 'e473015b3d9f5efe0aeffb304811e29c5c9cd4e6', class: "s-search-product-card-content" }, h("div", { key: 'f0c30273f378ba36d5e7a9c407b44112c7bcc132', class: "s-search-product-card-content-main" }, h("h3", { key: '747a97b3c73bee3cd301d4bd1e6904f3aef6f5fb', 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: '68ea949b11eefd54cdc6f98efdfca9b88118618d', 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: 'b6edf8d163728c4bf676ff762156206b12c3e412', class: "s-search-product-card-image" }, h("img", { key: '49d70e57178065d4cd82ab9969ef1024e17da13f', 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: '1828cfa687675c9e0db05f52790e14e47fc62276', class: "s-search-product-card-content" }, h("div", { key: '4def9eb945cbbf9392a11ab917652f32b40e855d', class: "s-search-product-card-content-main" }, h("h3", { key: 'fac38036cd00252f8b2625b51b45edcb0f8f386e', class: "s-search-product-card-content-title" }, this.getDisplayTitle()), this.productData?.subtitle ? (h("p", { class: "s-search-product-card-content-subtitle" }, this.productData?.subtitle)) : null), !!this.showDonationAmount && !!this.productData?.donation
             ? [
                 h("salla-progress-bar", { donation: this.productData?.donation }),
                 h("div", { class: "s-search-product-card-donation-input" }, this.productData?.donation?.can_donate
@@ -136,7 +136,7 @@ const SallaSearchProductCard = /*@__PURE__*/ proxyCustomElement(class SallaSearc
                     ]
                     : null),
             ]
-            : null, h("div", { key: '87970771b9c073248e115e55d9d0848d7e319ec2', class: "s-search-product-card-content-sub" }, this.getProductPrice(), this.productData?.is_out_of_stock ? (h("span", { class: "s-search-product-card-out-of-stock-label" }, this.outOfStock)) : null), this.productData?.rating?.stars ? (h("div", { class: "s-search-product-card-rating" }, h("span", { innerHTML: Rate }), h("span", null, this.productData.rating.stars))) : null), !this.hideAddBtn ? (h("div", { class: "s-search-product-card-content-footer" }, h("salla-add-product-button", { ref: el => (this.addBtn = el), "product-id": this.productData.id, "product-status": this.productData.status, "product-type": this.productData.type, class: "s-add-product-button-compact" }, this.renderAddToCartLabel()))) : null));
+            : null, h("div", { key: '8a6b30d272e21ec90223437c9e47ae416aa2299b', class: "s-search-product-card-content-sub" }, this.getProductPrice(), this.productData?.is_out_of_stock ? (h("span", { class: "s-search-product-card-out-of-stock-label" }, this.outOfStock)) : null), this.productData?.rating?.stars ? (h("div", { class: "s-search-product-card-rating" }, h("span", { innerHTML: Rate }), h("span", null, this.productData.rating.stars))) : null), !this.hideAddBtn ? (h("div", { class: "s-search-product-card-content-footer" }, h("salla-add-product-button", { ref: el => (this.addBtn = el), "product-id": this.productData.id, "product-status": this.productData.status, "product-type": this.productData.type, class: "s-add-product-button-compact" }, this.renderAddToCartLabel()))) : null));
     }
     componentDidLoad() {
         document.lazyLoadInstance?.update(this.host?.querySelectorAll('.lazy'));

package/dist/components/salla-search.js

@@ -362,7 +362,7 @@ const SallaSearch$1 = /*@__PURE__*/ proxyCustomElement(class SallaSearch extends
             .fetch({ source: 'search', source_value: val })
             .then(response => {
             this.results = response;
-            salla.event.emit('Products Searched', { query: val, total: response.data?.length });
+            salla.event.emit('Products Searched', { query: val, total: response.data?.length, metadata: response.metadata });
         })
             .catch(err => (err !== 'Query is same as previous one!' ? (this.results = undefined) : null))
             .finally(() => this.afterSearching());

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

@@ -197,18 +197,18 @@ const SallaSearchableDropdown = /*@__PURE__*/ proxyCustomElement(class SallaSear
     render() {
         const hasSelection = this.selectedItem != null;
         const listboxId = `${this.inputId}-listbox`;
-        return (h(Host, { key: 'fc53e02e434040f760889983d900670231a40e48', class: "s-searchable-dropdown" }, h("div", { key: '86e6866e107164130b3db2ec1771bc88d0b97278', class: { 's-searchable-dropdown': true, 's-searchable-dropdown--open': this.isOpen } }, this.label && (h("label", { key: 'a3c11751fd38c9ac88ecec24e2ac610a9c22d485', class: "s-searchable-dropdown-label", htmlFor: this.inputId }, this.label, this.required && h("span", { key: '793e54f5dad4e402cfbaf9eb86302d524ef8c3f0', class: "s-searchable-dropdown-required" }, " *"))), h("div", { key: 'ba6be33f8cf0361868f38e03298a6f7ca65a014d', class: {
+        return (h(Host, { key: '9b8ac693952ae27f7fecb0f848ef60f5778f0e75', class: "s-searchable-dropdown" }, h("div", { key: '2f10ce4a1aca3ff7299d8561a6dffc05b241b6b1', class: { 's-searchable-dropdown': true, 's-searchable-dropdown--open': this.isOpen } }, this.label && (h("label", { key: 'bf4f834506b01c388f961e71675dcff60fcab9d9', class: "s-searchable-dropdown-label", htmlFor: this.inputId }, this.label, this.required && h("span", { key: 'ccc2919fd2897f6f88009763c10e7e6b04818f5d', class: "s-searchable-dropdown-required" }, " *"))), h("div", { key: '4b3796c45068749c9ad6fcd7cd82289971abd6cb', 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: 'ee33669d9dceb59ba57a4ab884bd4bd361482fef', 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: '0f00911d4b31a3bc5607b3d80c75fa9161e57450', 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: '53beca7bfb0cb44612cbfead759c0681a77a0853', class: {
+            }, "aria-hidden": "true" })), this.isOpen && (h("div", { key: 'e9d3ee8e3ce449038c9c24f664da1fd44cb140c9', class: {
                 's-searchable-dropdown-panel': true,
                 's-searchable-dropdown-panel--up': this.dropUp,
-            }, ref: (el) => (this.panelRef = el) }, this.searchable && (h("div", { key: 'b301dbd407c1128bc9baaed95bc5059d06047c09', class: "s-searchable-dropdown-search-wrap" }, h("i", { key: '3cb244ca449a075cbaa70e79a3ce5366eef2f570', class: "sicon-search s-searchable-dropdown-search-icon", "aria-hidden": "true" }), h("input", { key: '7fe5017de091ad8a4453d3a67c5200411f55a660', 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: '05180ea74c8bbb95c9f19c3346b01c46f2faaa1e', id: listboxId, class: "s-searchable-dropdown-list s-scrollbar", role: "listbox" }, this.renderListContent()))))));
+            }, ref: (el) => (this.panelRef = el) }, this.searchable && (h("div", { key: '21d3d0f542271255a57c7ae1171a2245f21db148', class: "s-searchable-dropdown-search-wrap" }, h("i", { key: '32b23853dce56095394b0f3f32a62aa05e803af2', class: "sicon-search s-searchable-dropdown-search-icon", "aria-hidden": "true" }), h("input", { key: 'c50548c034ed3e4ff395fb009e545c78c2dc712e', 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: 'c89233e8d294fe583d9fb8c11c7bb26af5307ce3', id: listboxId, class: "s-searchable-dropdown-list s-scrollbar", role: "listbox" }, this.renderListContent()))))));
     }
     renderListContent() {
         if (this.searching || this.loading) {

package/dist/components/salla-skeleton2.js

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

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

@@ -383,7 +383,7 @@ const SallaSocialShare = /*@__PURE__*/ proxyCustomElement(class SallaSocialShare
         })));
     }
     render() {
-        return (h("div", { key: '5034ca70b89748c6bba5ede29e52f2d75d2f5565', class: "s-social-share-wrapper" }, h("slot", { key: '8a40e07046e2cab0032ce0e6927266c5d621a0a8', name: "widget" }, h("salla-button", { key: '120f97de2259ead0f48281a26fae5d32e7ac7ab7', "aria-label": "Share", onClick: () => this.handleShareClick(), class: "s-social-share-btn", shape: "icon", fill: "outline", color: "light" }, h("span", { key: '4abea4fffcb76c64e9a0caffd5bffc3ad4676fd0', innerHTML: this.opened ? Cancel : ShareAlt }))), this.mode === 'modal' ? this.renderModal() : this.renderPopupList()));
+        return (h("div", { key: 'e54e51701050bfe02aa33824a5870294618ca22c', class: "s-social-share-wrapper" }, h("slot", { key: '692691792083ae58a23c4a273019e09c74366805', name: "widget" }, h("salla-button", { key: 'a27f7bfd1d2fde734f1d89aa5dc83a59b3803b23', "aria-label": "Share", onClick: () => this.handleShareClick(), class: "s-social-share-btn", shape: "icon", fill: "outline", color: "light" }, h("span", { key: '30cde6555a83a7362c2739e018fe994ee6dc25cf', innerHTML: this.opened ? Cancel : ShareAlt }))), this.mode === 'modal' ? this.renderModal() : this.renderPopupList()));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/components/salla-social.js

@@ -56,7 +56,7 @@ const SallaSocial$1 = /*@__PURE__*/ proxyCustomElement(class SallaSocial extends
     }
     render() {
         const linksArray = this.getLinksArray();
-        return (h(Host, { key: 'd62bc20c62af5bcea93835bc1ec2436f65f7e427' }, h("ul", { key: '33b410148ef6c60dd09237c7ec38f82aa3e9973d', 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: '4b8d92800f475d314d5637e290c1fa95c78335f5' }, h("ul", { key: 'b6134f221891e28484155c55d3bcf0182bcb967a', 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/components/salla-tab-content2.js

@@ -32,7 +32,7 @@ const SallaTabContent = /*@__PURE__*/ proxyCustomElement(class SallaTabContent e
             's-tabs-content': true,
             's-tabs-content-selected': this.isSelected
         };
-        return (h("div", { key: '88c4bbda1dc7e40ba888ca1345d0727c91a83250', class: classes }, h("slot", { key: '1d2a205130b90702aa4a8f4a8d801bfce486cfe8' })));
+        return (h("div", { key: '3107faffd358504438b464be5000682d403e1b22', class: classes }, h("slot", { key: 'e6fc9e480389b54f9e6e20a7c8ccdb880a4ee6d4' })));
     }
     static get style() { return sallaTabContentCss; }
 }, [4, "salla-tab-content", {