@salla.sa/twilight-components 3.0.18 → 3.0.20

package/dist/esm/salla-add-product-button_5.entry.js

@@ -1,9 +1,9 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, a as getElement, e as axios } from './index-DgUQRYr2.js';
+import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, a as getElement, e as axios } from './index-CrXKQnBu.js';
 import { C as Cart } from './cart-gFG8By9O.js';
-import { H as Helper } from './Helper-C1T-oD4J.js';
+import { H as Helper } from './Helper-BKruFMBN.js';
 import { e as ensureOrderOptionsModal, a as appendOrderOptionsToPayload, r as resolveApplePayOrderOptions, b as reportProductOptionsValiditySync } from './apple-pay-order-options-BS2iQKah.js';
 import { a as fetchProductBoughtTogether } from './catalog-recommendations-DIAyA5MP.js';
 import { B as BellRing } from './bell-ring-D3mWkc-3.js';
@@ -11,6 +11,8 @@ import { D as DisplayType } from './interfaces-CoQJOPRz.js';
 import { g as getOptionIdFromFieldName, a as getInvisibleConditionalOptionIds, o as omitInvisibleOptionFields } from './conditional-utils-Dsr5Iw7l.js';
 import { S as SuccessIcon } from './check-BpzvJ73s.js';
 import { C as CameraIcon } from './camera-C6jIkM-X.js';
+import { g as getStoredIntent } from './delivery-promise-intent-C6pZjRut.js';
+import { I as isIntentAddressComplete } from './helpers-BVaKfTMx.js';
 
 var WalletIcon = `<!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
@@ -1232,7 +1234,7 @@ const SallaProductAvailability = class {
         field.nextElementSibling['innerText'] = '* ' + errorMsg;
     }
     render() {
-        return (h(Host, { key: '1ff9ac8f5ca9b90bc9a2c0e4451b4e4214d0b68c', class: "s-product-availability-wrap" }, this.isSubscribedToProduct
+        return (h(Host, { key: '8d535fe3ebb0446c6a40d6ec1edececb5b783434', class: "s-product-availability-wrap" }, this.isSubscribedToProduct
             ? h("div", { class: "s-product-availability-subscribed" }, h("span", { innerHTML: BellRing, class: "s-product-availability-subs-icon" }), salla.lang.get('pages.products.notify_availability_success'))
             :
                 h("salla-button", { width: "wide", onClick: () => this.isUser ? this.submit() : this.openModel() }, salla.lang.get('pages.products.notify_availability')), this.isUser || this.isSubscribedToProduct ? '' : this.renderModal()));
@@ -2983,6 +2985,17 @@ const SallaApplePay = typeof window !== 'undefined' ? {
 
         SallaApplePay.initDefault();
 
+        // A saved delivery address goes to the checkout directly, so the native sheet doesn't ask
+        // Apple for one. The QR (PaymentRequest) sheet always asks, so it keeps the default flow.
+        if (SallaApplePay.detail.savedAddress?.address_id) {
+            if (SallaApplePay.canUseNative()) {
+                SallaApplePay.detail.requiredShippingContactFields = (SallaApplePay.detail.requiredShippingContactFields || [])
+                    .filter((field) => field !== 'postalAddress');
+            } else {
+                SallaApplePay.detail.savedAddress = null;
+            }
+        }
+
         // Native (Safari / Apple devices) → classic ApplePaySession. Otherwise
         // (non-Safari / non-Apple device) → Payment Request API, which renders
         // Apple's "Scan Code with iPhone" QR sheet.
@@ -3054,9 +3067,14 @@ const SallaApplePay = typeof window !== 'undefined' ? {
     onPaymentMethodSelected: async (event) => {
         salla.logger.log('🍏 Pay: onPaymentMethodSelected', event);
 
-        // perform recalculate here only if digital product
+        // A saved address skips Apple's address step (postalAddress is removed), so isPhysical() is
+        // false for it even though the product ships: it takes this path to refresh the total and
+        // offer the carriers, since there is no shipping-contact step to do it.
+        const usesSavedAddress = !!SallaApplePay.detail.savedAddress?.address_id;
+
+        // perform recalculate here only if digital product or a saved address
         // if physical recalculate performed with shipping company
-        if (!SallaApplePay.isPhysical()) {
+        if (!SallaApplePay.isPhysical() || usesSavedAddress) {
             try {
                 await SallaApplePay.recalculateTotal();
     
@@ -3064,7 +3082,13 @@ const SallaApplePay = typeof window !== 'undefined' ? {
                     newTotal: SallaApplePay.prepareTotal(),
                     newLineItems: SallaApplePay.prepareLineItems()
                 };
-    
+
+                // A saved address skips Apple's address step, which is where the shipping methods
+                // are normally offered, so offer them here with the selected one first.
+                if (usesSavedAddress && SallaApplePay.shipping_methods?.length) {
+                    updatedPaymentDetails.newShippingMethods = SallaApplePay.savedAddressShippingMethods();
+                }
+
                 salla.logger.log('🍏 Pay: completePaymentMethodSelection', updatedPaymentDetails);
 
                 SallaApplePay.session.completePaymentMethodSelection(updatedPaymentDetails);
@@ -3286,6 +3310,12 @@ const SallaApplePay = typeof window !== 'undefined' ? {
                     return SallaApplePay.abortValidateMerchant(response);
                 }
             }
+
+            // The cart exists now, so the saved address can be set on it before the sheet opens.
+            if (SallaApplePay.detail.savedAddress?.address_id) {
+                await SallaApplePay.applySavedAddress();
+            }
+
             completeMerchantValidation(data.data);
         } catch (error) {
             // Handle errors
@@ -3851,6 +3881,16 @@ const SallaApplePay = typeof window !== 'undefined' ? {
         }
     },
 
+    /** Shipping options for the sheet with the currently selected one first, so Apple keeps it selected. */
+    savedAddressShippingMethods() {
+        const methods = SallaApplePay.shipping_methods || [];
+        const current = SallaApplePay.shippingCompany;
+        const selected = methods.find((method) => method.ship_id == current?.ship_id && method.private_ship_id == current?.private_ship_id);
+        const ordered = selected ? [selected, ...methods.filter((method) => method !== selected)] : methods;
+
+        return SallaApplePay.mappingShippingMethods(ordered);
+    },
+
     shouldUpdateShippingCompany(shippingCompany) {
         return SallaApplePay.shippingCompany?.ship_id != shippingCompany?.ship_id || SallaApplePay.shippingCompany?.private_ship_id != shippingCompany?.private_ship_id
     },
@@ -3960,6 +4000,36 @@ const SallaApplePay = typeof window !== 'undefined' ? {
             return response?.data?.message;
         });
     },
+    /**
+     * Sets the saved delivery address on the cart by its address_id (no address from Apple), then
+     * picks its first shipping method, as the Apple address flow does. Throws an axios-shaped error
+     * so onValidateMerchant's catch can show it through validateMerchant.onFailed.
+     */
+    applySavedAddress: async () => {
+        const { address_id, shippingMethods } = SallaApplePay.detail.savedAddress;
+        const fail = (message) => Object.assign(new Error(message), { response: { data: { error: { message } } } });
+        const outOfCoverage = () => salla.lang.get('pages.checkout.address_out_of_coverage');
+
+        let companies;
+        try {
+            const { data } = await http.get(shippingMethods.url.replace('{id}', SallaApplePay.id), null, null, { address_id });
+            companies = data?.data?.companies;
+        } catch (error) {
+            throw fail(error?.response?.data?.error?.message || outOfCoverage());
+        }
+
+        if (!companies?.length) {
+            throw fail(outOfCoverage());
+        }
+
+        SallaApplePay.address_id = address_id;
+        SallaApplePay.shipping_methods = companies;
+
+        const selected = await SallaApplePay.selectApplePayShippingMethod(companies[0]);
+        if (selected !== true) {
+            throw fail((typeof selected === 'string' && selected) || outOfCoverage());
+        }
+    },
     mappingShippingMethods: methods => methods.map(method => ({
         'label': method.shipping_title,
         'amount': method.enable_free_shipping ? 0 : method.ship_cost,
@@ -4030,6 +4100,9 @@ const SallaQuickBuy = class {
         /** 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
@@ -4097,6 +4170,7 @@ const SallaQuickBuy = class {
         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()) {
@@ -4104,6 +4178,10 @@ const SallaQuickBuy = class {
             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;
@@ -4171,7 +4249,10 @@ const SallaQuickBuy = class {
         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}
@@ -4196,6 +4277,7 @@ const SallaQuickBuy = class {
             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)
@@ -4296,6 +4378,38 @@ const SallaQuickBuy = class {
         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();
     }
@@ -4317,6 +4431,28 @@ const SallaQuickBuy = class {
         }
         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;
@@ -4332,6 +4468,27 @@ const SallaQuickBuy = class {
             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/esm/salla-advertisement.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, a as getElement } from './index-DgUQRYr2.js';
+import { r as registerInstance, h, a as getElement } from './index-CrXKQnBu.js';
 
 const sallaAdvertisementCss = "/*!twlt*/:host{display:block}.s-advertisement-animate-in{animation:s-advertisement-in 300ms cubic-bezier(0.45, 0, 0.55, 1) both}.s-advertisement-animate-out{animation:s-advertisement-out 300ms cubic-bezier(0.45, 0, 0.55, 1) both}@keyframes s-advertisement-in{from{height:0;opacity:0}to{height:var(--s-advertisement-height);opacity:1}}@keyframes s-advertisement-out{from{height:var(--s-advertisement-height);opacity:1}to{height:0;opacity:0}}.visible{visibility:visible}.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}.s-advertisement-content{width:100%;margin-right:auto;margin-left:auto;padding-right:10px;padding-left:10px}@media (min-width: 1280px){.s-advertisement-content{max-width:1280px}}.s-advertisement-content{display:flex;align-items:center;justify-content:space-between;padding-top:0.625rem;padding-bottom:0.625rem}.s-advertisement-content-main{flex:1 1 0%;text-align:center;font-size:0.875rem;line-height:1.25rem;font-weight:700}.s-advertisement-content-icon{display:inline-block;vertical-align:middle;font-size:1rem;line-height:1.5rem}.s-advertisement-content-icon:where([dir=\"ltr\"],[dir=\"ltr\"] *){margin-right:0.5rem}.s-advertisement-content-icon:where([dir=\"rtl\"],[dir=\"rtl\"] *){margin-left:0.5rem}.s-advertisement-action{padding-left:0.25rem;padding-right:0.25rem}";
 

package/dist/esm/salla-alert_2.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-DgUQRYr2.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-CrXKQnBu.js';
 import { C as Cart } from './cart-gFG8By9O.js';
 import { I as ImageIcon } from './image-C-tzSDxw.js';
 import { s as setTranslationDefault } from './translate-CxrJQ3Jf.js';

package/dist/esm/salla-app-install-alert.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-DgUQRYr2.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-CrXKQnBu.js';
 
 const sallaAppInstallAlertCss = "/*!twlt*/:host{display:block}.s-app-install-alert-wrapper{display:none;flex-direction:row;align-items:center;position:fixed;left:0;right:0;width:95%;margin-top:1rem;margin-bottom:1rem;margin-left:auto;margin-right:auto;z-index:999;border-radius:0.375rem;padding:0.75rem;gap:0.5rem;background-color:color-mix(in srgb, var(--color-primary) 15%, white);filter:drop-shadow(0 4px 3px rgba(0, 0, 0, 0.07)) drop-shadow(0 2px 2px rgba(0, 0, 0, 0.06))}.s-app-install-alert-wrapper.open[position=top]{display:flex;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 slideDownFromTop{0%{transform:translateY(-100%);opacity:0}100%{transform:translateY(-0%);opacity:1}}.s-app-install-alert-wrapper.open[position=top]{animation:slideDownFromTop .6s linear;transition-duration:500ms}.s-app-install-alert-wrapper:not(.open){display:none}.s-app-install-alert-content{width:100%}.s-app-install-alert-wrapper[position=top]{top:0px}.s-app-install-alert-wrapper.open[position=bottom]{display:flex}@keyframes slideUpFromBottom{0%{transform:translateY(100%);opacity:0}100%{transform:translateY(0%);opacity:1}}.s-app-install-alert-wrapper.open[position=bottom]{animation:slideUpFromBottom .6s linear}.s-app-install-alert-wrapper[position=bottom]{bottom:0px}@keyframes slideUPFromTop{0%{transform:translateY(-0%);opacity:1}100%{transform:translateY(-100%);opacity:0}}.s-app-install-alert-wrapper[position=top].closing{animation:slideUPFromTop .6s linear}@keyframes slideDownFromBottom{0%{transform:translateY(0%);opacity:1}100%{transform:translateY(100%);opacity:0}}.s-app-install-alert-wrapper[position=bottom].closing{animation:slideDownFromBottom .6s linear}.s-app-install-alert-wrapper.closing{animation-fill-mode:forwards}.s-app-install-alert-title{max-width:95%;font-size:1rem;line-height:1.5rem;font-weight:700;color:var(--color-primary)}.s-app-install-alert-sub-title{max-width:95%;font-size:0.875rem;line-height:1.25rem;font-weight:400}.s-app-install-alert-cta{color:var(--color-primary);text-decoration-line:underline}.s-app-install-alert-cancel-button{position:absolute;top:0.5rem}.s-app-install-alert-cancel-button:where([dir=\"ltr\"],[dir=\"ltr\"] *){right:0.75rem}.s-app-install-alert-cancel-button:where([dir=\"rtl\"],[dir=\"rtl\"] *){left:0.75rem}";
 

package/dist/esm/salla-applied-filters.entry.js

@@ -1,8 +1,8 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-DgUQRYr2.js';
-import { H as Helper, F as FilterOptionTypes } from './Helper-C1T-oD4J.js';
+import { r as registerInstance, h, H as Host } from './index-CrXKQnBu.js';
+import { H as Helper, F as FilterOptionTypes } from './Helper-BKruFMBN.js';
 
 const sallaAppliedFiltersCss = "/*!twlt*/:host{display:block}.s-applied-filters-tags{display:flex;flex-wrap:wrap;align-items:center;gap:0.5rem;margin-bottom:1rem}.s-applied-filters-tag{display:inline-flex;align-items:center;gap:0.4rem;border-radius:999px;border:1px solid #e8e8e8;background:rgba(255, 255, 255, 0.3);color:var(--main-text-color);font-size:0.85rem;line-height:1;padding:0.4rem 0.65rem}.s-applied-filters-tag-remove{display:inline-flex;align-items:center;justify-content:center;border:0;padding:0;background:transparent;color:inherit;font-size:0.75rem;cursor:pointer}.s-applied-filters-clear-tag{display:inline-flex;align-items:center;gap:0.4rem;border-radius:999px;border:1px solid var(--color-danger, #dc3545);background:transparent;color:var(--color-danger, #dc3545);font-size:0.85rem;line-height:1;padding:0.4rem 0.65rem;cursor:pointer}.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-applied-filters-wrapper{display:block}.s-applied-filters-tags{margin-bottom:1rem;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:0.5rem}.s-applied-filters-tag{display:inline-flex;align-items:center;gap:0.375rem;border-radius:9999px;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));background-color:rgb(255 255 255 / 0.3);padding-top:0.375rem;padding-bottom:0.375rem;padding-left:0.625rem;padding-right:0.625rem;font-size:0.875rem;line-height:1.25rem;color:var(--main-text-color)}.s-applied-filters-tag-name{color:inherit}.s-applied-filters-tag-remove{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;border-width:0px;background-color:transparent;padding:0px;font-size:0.75rem;line-height:1rem;color:inherit}.s-applied-filters-clear-tag{display:inline-flex;cursor:pointer;align-items:center;gap:0.375rem;border-radius:9999px;border-width:1px;--tw-border-opacity:1;border-color:rgb(248 113 113 / var(--tw-border-opacity, 1));background-color:transparent;padding-top:0.375rem;padding-bottom:0.375rem;padding-left:0.625rem;padding-right:0.625rem;font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}";
 

package/dist/esm/salla-apps-icons.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-DgUQRYr2.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-CrXKQnBu.js';
 import { i as isSallaSdkAvailable } from './ssr-helpers-DgheRYLY.js';
 
 const sallaAppsIconsCss = "/*!twlt*/:host{display:block}.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-apps-icons-list{display:flex;gap:1rem}.s-apps-icons-list.vertical{flex-direction:column}.s-apps-icons-item{line-height:1}.s-apps-icons-item:hover{color:var(--color-primary)}";

package/dist/esm/salla-attachment-view_9.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement, c as createEvent } from './index-DgUQRYr2.js';
+import { r as registerInstance, h, H as Host, a as getElement, c as createEvent } from './index-CrXKQnBu.js';
 import { i as isVideoMimeType, a as isImageMimeType, u as usesSplitCountLimits, g as getMaxImagesCount, c as getMaxVideosCount, d as getTotalMaxFiles, p as parseSizeToBytes, e as getFilePondMaxFileSize, f as getUploadErrorMessage, h as formatBytesAsSize, j as formatDuration, s as shouldCountGalleryFile, k as shouldCountGalleryLimit } from './upload-limits-DrXX8XG8.js';
 import { S as SICalendar } from './calendar-BkmanTR_.js';
 import { s as setTranslationDefault } from './translate-CxrJQ3Jf.js';
@@ -10,7 +10,7 @@ import { i as isSallaSdkAvailable, b as getSdkValueOrFallbackAsync, g as getSdkV
 import { m as matchesTextCondition } from './conditional-utils-Dsr5Iw7l.js';
 import { C as Cancel } from './cancel-BsLF_HK7.js';
 import { p as plusIcon, m as minusIcon } from './minus-DfeagqF1.js';
-import { H as Helper } from './Helper-C1T-oD4J.js';
+import { H as Helper } from './Helper-BKruFMBN.js';
 import './interfaces-CoQJOPRz.js';
 
 var PlayIcon = `<!-- Generated by IcoMoon.io -->
@@ -792,7 +792,7 @@ const SallaColorPicker = class {
         }
     }
     initColorPicker() {
-        this.pickerReady = import('./vanilla-picker-Buy50D7t.js').then(function (n) { return n.v; }).then(mod => {
+        this.pickerReady = import('./vanilla-picker-eSagUASw.js').then(function (n) { return n.v; }).then(mod => {
             const Picker = mod.default;
             const picker = new Picker({
                 parent: this.host,
@@ -1257,13 +1257,13 @@ const SallaFileUpload = class {
             return;
         try {
             const [FilePondModule, FilePondPluginFileValidateSize, FilePondPluginImageExifOrientation, FilePondPluginImagePreview, FilePondPluginImageEdit, FilePondPluginFileValidateType, FilePondPluginFilePoster] = await Promise.all([
-                import('./filepond-BoWJzHeN.js').then(function (n) { return n.f; }),
-                import('./filepond-plugin-file-validate-size-Dds_462B.js').then(function (n) { return n.f; }),
-                import('./filepond-plugin-image-exif-orientation-CyhxK_6R.js').then(function (n) { return n.f; }),
-                import('./filepond-plugin-image-preview-DdKqAzT9.js').then(function (n) { return n.f; }),
-                import('./filepond-plugin-image-edit-CN7eGg-7.js').then(function (n) { return n.f; }),
-                import('./filepond-plugin-file-validate-type-DrfGXNay.js').then(function (n) { return n.f; }),
-                import('./filepond-plugin-file-poster-B6MkMtuC.js').then(function (n) { return n.f; })
+                import('./filepond-Vl6a--vT.js').then(function (n) { return n.f; }),
+                import('./filepond-plugin-file-validate-size-BrHjddJa.js').then(function (n) { return n.f; }),
+                import('./filepond-plugin-image-exif-orientation-gzIIB75B.js').then(function (n) { return n.f; }),
+                import('./filepond-plugin-image-preview-BwbtnJIU.js').then(function (n) { return n.f; }),
+                import('./filepond-plugin-image-edit-DW6JzY39.js').then(function (n) { return n.f; }),
+                import('./filepond-plugin-file-validate-type-BeMZq9Fl.js').then(function (n) { return n.f; }),
+                import('./filepond-plugin-file-poster-CrQqmzd5.js').then(function (n) { return n.f; })
             ]);
             this.FilePond = FilePondModule;
             // Register plugins
@@ -2570,7 +2570,7 @@ const SallaQuantityInput = class {
         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: plusIcon }) : '', 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: minusIcon }) : '', 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: plusIcon }) : '', 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: minusIcon }) : '', h("slot", { key: '7b905f3a8708a75b81a8478fd63c1f20744d9c87', name: "decrement-button" })))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -2613,7 +2613,7 @@ const SallaTelInput = class {
         if (this.TelInput)
             return;
         try {
-            const telInputModule = await import('./intlTelInput-SwlavcFB.js').then(function (n) { return n.i; });
+            const telInputModule = await import('./intlTelInput-BkjSbnO6.js').then(function (n) { return n.i; });
             this.TelInput = telInputModule.default;
         }
         catch (error) {
@@ -2724,7 +2724,7 @@ const SallaTelInput = class {
         }
     }
     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/esm/salla-badge.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h } from './index-DgUQRYr2.js';
+import { r as registerInstance, h } from './index-CrXKQnBu.js';
 
 function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
 

package/dist/esm/salla-basket-gap.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-DgUQRYr2.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-CrXKQnBu.js';
 import { f as fetchCartBoughtTogether } from './catalog-recommendations-DIAyA5MP.js';
 
 const sallaBasketGapCss = "/*!twlt*/:host{display:block}.block{display:block}.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-basket-gap-entry{margin-top:1.25rem;margin-bottom:1.25rem;display:block;border-radius:0.375rem;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:1.25rem}.s-basket-gap-title{margin-bottom:1rem;font-size:1.125rem;line-height:1.75rem;font-weight:700}.s-basket-gap-list{display:flex;flex-direction:column}.s-basket-gap-list>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse));--tw-divide-opacity:1;border-color:rgb(243 244 246 / var(--tw-divide-opacity, 1))}.s-basket-gap-card{display:flex;flex-wrap:wrap;align-items:center;column-gap:0.75rem;row-gap:0.625rem;padding-top:1rem;padding-bottom:1rem}.s-basket-gap-card-image{height:4rem;width:4rem;flex-shrink:0;overflow:hidden;border-radius:0.375rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.s-basket-gap-card-image img{height:100%;width:100%;object-fit:cover}.s-basket-gap-card-info{display:flex;min-width:0px;flex:1 1 0%;flex-direction:column;gap:0.25rem}.s-basket-gap-card-actions{display:flex;width:100%;align-items:center;justify-content:flex-end;gap:0.5rem}@media (min-width: 640px){.s-basket-gap-card-actions{width:auto}}.s-basket-gap-card-name{font-size:0.875rem;line-height:1.25rem;font-weight:600;line-height:1.25;--tw-text-opacity:1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.s-basket-gap-card-name a:hover{color:var(--color-primary)}.s-basket-gap-card-price{font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.s-basket-gap-card-sale-price{display:flex;align-items:center;gap:0.5rem}.s-basket-gap-card-sale-price span{font-size:0.875rem;line-height:1.25rem;font-weight:700;--tw-text-opacity:1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.s-basket-gap-card-sale-price del{font-size:0.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1));text-decoration-line:line-through}.s-basket-gap-card-weight{font-size:0.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.s-basket-gap-card-offer{display:flex;flex-shrink:0;align-items:center;gap:0.25rem;border-radius:0.375rem;--tw-bg-opacity:1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1));padding-left:9px;padding-right:9px;padding-top:3px;padding-bottom:3px;font-size:11px;font-weight:500;--tw-text-opacity:1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.s-basket-gap-card-offer i{font-size:0.75rem;line-height:1rem}.s-basket-gap-card-offer span{font-weight:700;--tw-text-opacity:1 !important;color:rgb(31 41 55 / var(--tw-text-opacity, 1)) !important}.s-basket-gap-card-offer salla-count-down{flex-shrink:0}.s-basket-gap-card-offer salla-count-down:where([dir=\"ltr\"],[dir=\"ltr\"] *){margin-inline-start:0.25rem}.s-basket-gap-card-offer salla-count-down:where([dir=\"rtl\"],[dir=\"rtl\"] *){margin-inline-end:0.25rem}.s-basket-gap-card-offer .s-count-down-list{margin-left:-0px !important;margin-right:-0px !important;margin-bottom:0px !important;margin-top:0px !important;display:inline-flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start !important;column-gap:0px;--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.s-basket-gap-card-offer .s-count-down-list:where([dir=\"ltr\"],[dir=\"ltr\"] *){flex-direction:row-reverse !important}.s-basket-gap-card-offer .s-count-down-list:where([dir=\"rtl\"],[dir=\"rtl\"] *){flex-direction:row !important}.s-basket-gap-card-offer .s-count-down-item{position:relative !important;margin-left:0px !important;margin-right:0px !important;display:inline-flex !important;width:auto !important;flex:none !important;flex-grow:0 !important;flex-direction:row !important;align-items:center !important;justify-content:center !important;padding-top:0px !important;padding-bottom:0px !important;padding-left:0px !important;padding-right:0px !important;font-size:12px !important;font-weight:700 !important;line-height:1 !important;--tw-text-opacity:1 !important;color:rgb(21 128 61 / var(--tw-text-opacity, 1)) !important}.s-basket-gap-card-offer .s-count-down-item-value{display:inline-block !important;width:2ch !important;min-width:2ch !important;text-align:center;--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);line-height:1}.s-basket-gap-card-offer .s-count-down-item-label{display:none}.s-basket-gap-entry .s-basket-gap-card-offer.s-basket-gap-card-offer .s-count-down-item::before{content:none !important}.s-basket-gap-entry .s-basket-gap-card-offer.s-basket-gap-card-offer .s-count-down-item::after{content:none !important;position:static;left:auto;right:auto;transform:none}[dir='rtl'] .s-basket-gap-entry .s-basket-gap-card-offer.s-basket-gap-card-offer .s-count-down-item:not(:last-child)::after{content:':' !important;position:static;left:auto;right:auto;transform:none;margin-left:0.15rem;margin-right:0.15rem;color:#15803d;font-size:12px;font-weight:700;line-height:1}[dir='ltr'] .s-basket-gap-entry .s-basket-gap-card-offer.s-basket-gap-card-offer .s-count-down-item:not(:first-child)::after{content:':' !important;position:static;left:auto;right:auto;transform:none;margin-left:0.15rem;margin-right:0.15rem;color:#15803d;font-size:12px;font-weight:700;line-height:1}.s-basket-gap-card-btn{flex-shrink:0}.s-basket-gap-card-btn salla-button .s-button-btn{border-radius:var(--s-radius, 0.25rem);border-width:1px !important;border-color:var(--color-primary) !important;background-color:transparent !important;color:var(--color-primary) !important}.s-basket-gap-card-btn salla-button .s-button-btn:hover{background-color:var(--color-primary) !important;--tw-text-opacity:1 !important;color:rgb(255 255 255 / var(--tw-text-opacity, 1)) !important}.s-basket-gap-card-btn salla-button .s-button-loader:before{border-top-color:var(--color-primary) !important;border-left-color:var(--color-primary) !important;border-bottom-color:rgb(243 244 246 / var(--tw-border-opacity, 1)) !important;--tw-border-opacity:1 !important;border-right-color:rgb(243 244 246 / var(--tw-border-opacity, 1)) !important}.s-basket-gap-skeleton{display:flex;flex-direction:column;gap:0.75rem}.s-basket-gap-skeleton-card{display:flex;align-items:center;gap:0.75rem;padding-top:0.75rem;padding-bottom:0.75rem}.s-basket-gap-skeleton-info{display:flex;flex:1 1 0%;flex-direction:column;gap:0.5rem}";