@salla.sa/twilight-components 2.14.390 → 2.14.391

package/dist/esm/salla-delivery-promise.entry.js

@@ -0,0 +1,228 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+import { r as registerInstance, h, H as Host, a as getElement } from './index-BBHnyTVS.js';
+
+const SallaDeliveryPromise = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.cities = [];
+        this.filteredCities = [];
+        this.selectedCity = null;
+        this.deliveryMessage = null;
+        this.isLoadingCities = false;
+        this.isLoadingPromises = false;
+        this.isDropdownOpen = false;
+        this.searchQuery = '';
+        this.hasError = false;
+        this.errorMessage = '';
+        /** i18n labels for city selector only; message comes from BE */
+        this.labels = {
+            deliveryTo: 'توصيل إلى',
+            pickupFromBranch: 'الاستلام من فرع',
+            searchPlaceholder: 'بحث...',
+            noResults: 'لا توجد نتائج',
+            selectCity: 'اختر المدينة',
+        };
+        this.canRender = false;
+        this.requiresShipping = false;
+        /** Used only for API calls, not rendered — no need for @State */
+        this.productId = undefined;
+        this.onClickOutside = (e) => {
+            if (this.host.contains(e.target)) {
+                return; // click inside component (e.g. search input, city list) — don't close
+            }
+            this.isDropdownOpen = false;
+            window.removeEventListener('click', this.onClickOutside);
+        };
+    }
+    setLabels() {
+        this.labels = {
+            deliveryTo: salla.lang.getWithDefault('pages.products.promise_deliver_to', 'توصيل إلى'),
+            pickupFromBranch: salla.lang.getWithDefault('pages.products.promise_pickup_from_branch', 'الاستلام من فرع'),
+            searchPlaceholder: salla.lang.getWithDefault('blocks.header.search_placeholder', 'بحث...'),
+            noResults: salla.lang.getWithDefault('common.elements.no_options', 'لا توجد نتائج'),
+            selectCity: salla.lang.getWithDefault('common.elements.select_city', 'اختر المدينة'),
+        };
+    }
+    logger(message, data) {
+        if (localStorage.getItem('salla-delivery-promise-debug')) {
+            if (data) {
+                console.log(message, data);
+            }
+            else {
+                console.log(message);
+            }
+        }
+    }
+    async componentDidLoad() {
+        await salla.onReady();
+        await salla.lang.onLoaded();
+        this.setLabels();
+        this.requiresShipping = salla.url.is_page('product.single') &&
+            salla.config.get('store.features', []).includes('delivery-promises');
+        if (this.requiresShipping) {
+            this.logger('requiresShipping', this.requiresShipping);
+            this.productId = salla.config.get('page.id');
+            this.logger('productId', this.productId);
+        }
+        else {
+            this.canRender = false;
+            this.logger('not requiresShipping', {
+                is_product_single: salla.url.is_page('product.single'),
+                includesDeliveryPromises: salla.config.get('store.features', []).includes('delivery-promises')
+            });
+            return;
+        }
+        await this.fetchCities();
+    }
+    async fetchCities() {
+        this.logger('start startfetchCities');
+        this.isLoadingCities = true;
+        this.hasError = false;
+        try {
+            const response = await salla.api.request(salla.url.api(`products/${this.productId}/delivery-promises/cities`));
+            if (response.success && Array.isArray(response.data) && response.data.length > 0) {
+                this.logger('fetchCities success', { cities: response.data });
+                // Sort cities: explicit cities first (id !== -1), then "Rest of cities" (id === -1)
+                this.cities = this.sortCities(response.data);
+                this.filteredCities = [...this.cities];
+                // First, check if API returns a selected city (is_selected: true)
+                let cityToSelect = this.cities.find(c => c.is_selected);
+                if (!cityToSelect) {
+                    this.logger('no selectedCity from API response');
+                }
+                else {
+                    this.logger('selectedCity', cityToSelect);
+                    this.selectedCity = cityToSelect;
+                    await this.fetchDeliveryMessage(cityToSelect.id);
+                }
+                this.canRender = true;
+            }
+            else {
+                this.logger('no data returned from fetchCities', { response: response });
+                this.canRender = false;
+            }
+        }
+        catch (error) {
+            this.logger('fetchCities error', { error: error.message });
+            this.hasError = true;
+            this.errorMessage = error.message || 'Failed to load cities';
+            this.canRender = false;
+        }
+        finally {
+            this.isLoadingCities = false;
+        }
+    }
+    async fetchDeliveryMessage(cityId) {
+        this.logger('start fetchDeliveryMessage', { cityId });
+        this.isLoadingPromises = true;
+        this.hasError = false;
+        this.deliveryMessage = null;
+        try {
+            const response = await salla.api.withoutNotifier(() => salla.api.request(salla.url.api(`products/${this.productId}/delivery-promises?city_id=${cityId}`)));
+            if (response.success && response.data?.message) {
+                const message = response.data.message.trim();
+                this.logger('fetchDeliveryMessage success', { message });
+                this.deliveryMessage = message || null;
+            }
+            else {
+                this.logger('deliveryMessage not valid', { response });
+            }
+        }
+        catch (error) {
+            this.logger('fetchDeliveryMessage error', { error: error.message });
+            this.hasError = true;
+            this.errorMessage = error.message || 'Failed to load delivery message';
+        }
+        finally {
+            this.isLoadingPromises = false;
+        }
+    }
+    toggleDropdown(e) {
+        e?.stopPropagation();
+        this.isDropdownOpen = !this.isDropdownOpen;
+        if (this.isDropdownOpen) {
+            window.addEventListener('click', this.onClickOutside);
+            if (this.searchInputRef) {
+                setTimeout(() => this.searchInputRef.focus(), 100);
+            }
+        }
+        else {
+            window.removeEventListener('click', this.onClickOutside);
+        }
+    }
+    disconnectedCallback() {
+        window.removeEventListener('click', this.onClickOutside);
+    }
+    /**
+     * Sort cities: explicit cities first (id !== -1), then "Rest of cities" (id === -1) at the end
+     */
+    sortCities(cities) {
+        return [...cities].sort((a, b) => {
+            // "Rest of cities" (id === -1) should always be at the end
+            if (a.id === -1)
+                return 1;
+            if (b.id === -1)
+                return -1;
+            return 0;
+        });
+    }
+    handleSearch(event) {
+        const query = event.target.value.toLowerCase();
+        this.searchQuery = query;
+        if (query.length > 0) {
+            this.filteredCities = this.cities.filter(city => city.name.toLowerCase()?.includes(query) ||
+                (city.name_en || '').toLowerCase()?.includes(query));
+        }
+        else {
+            this.filteredCities = [...this.cities];
+        }
+    }
+    async selectCity(city) {
+        this.logger('selectCity', { city: city });
+        this.selectedCity = city;
+        this.isDropdownOpen = false;
+        window.removeEventListener('click', this.onClickOutside);
+        this.searchQuery = '';
+        this.filteredCities = [...this.cities];
+        await this.fetchDeliveryMessage(city.id);
+    }
+    renderDropdown() {
+        return (h("div", { class: "s-delivery-promise-dropdown" }, h("div", { class: "s-delivery-promise-dropdown-search" }, h("i", { class: "sicon-search" }), h("input", { type: "text", placeholder: this.labels.searchPlaceholder, value: this.searchQuery, onInput: (e) => this.handleSearch(e), ref: el => this.searchInputRef = el })), h("div", { class: "s-delivery-promise-dropdown-list" }, this.filteredCities.length === 0 ? (h("div", { class: "s-delivery-promise-dropdown-empty" }, this.labels.noResults)) : (this.filteredCities.map(city => (h("div", { key: city.id, class: `s-delivery-promise-dropdown-item ${this.selectedCity?.id === city.id ? 'selected' : ''}`, onClick: () => this.selectCity(city) }, h("span", { class: "s-delivery-promise-city-name" }, city.name), this.selectedCity?.id === city.id && (h("i", { class: "sicon-check" })))))))));
+    }
+    /**
+     * Skeleton shown during initial city fetch to avoid blank period and layout shift.
+     * Matches the structure/size of the real content (header + message area).
+     */
+    renderInitialLoadingSkeleton() {
+        return (h(Host, { class: "s-delivery-promise-wrapper s-delivery-promise-skeleton" }, h("div", { class: "s-delivery-promise-container" }, h("div", { class: "s-delivery-promise-header s-delivery-promise-header-skeleton" }, h("div", { class: "s-delivery-promise-location" }, h("salla-skeleton", { height: "14px", width: "180px" })), h("salla-skeleton", { height: "18px", width: "18px" })), h("div", { class: "s-delivery-promise-loading" }, h("salla-skeleton", { height: "20px", width: "80%" })))));
+    }
+    renderDeliveryMessage() {
+        if (this.isLoadingPromises) {
+            return (h("div", { class: "s-delivery-promise-loading" }, h("salla-skeleton", { height: "20px", width: "80%" })));
+        }
+        if (!this.deliveryMessage) {
+            return null;
+        }
+        return (h("div", { class: "s-delivery-promise-message" }, this.deliveryMessage));
+    }
+    render() {
+        // Not on product page or delivery-promises disabled — hide entirely
+        if (!this.requiresShipping) {
+            return null;
+        }
+        // Initial city fetch: show skeleton to avoid blank period and layout shift
+        if (this.isLoadingCities) {
+            return this.renderInitialLoadingSkeleton();
+        }
+        // Fetch done but no cities / error — hide
+        if (!this.canRender || this.cities.length === 0) {
+            return null;
+        }
+        return (h(Host, { class: "s-delivery-promise-wrapper" }, h("div", { class: "s-delivery-promise-container" }, h("div", { class: "s-delivery-promise-header", onClick: (e) => this.toggleDropdown(e) }, h("div", { class: "s-delivery-promise-location" }, h("span", { class: "s-delivery-promise-title" }, this.labels.deliveryTo, " ", this.selectedCity?.name || this.labels.selectCity)), h("i", { class: `sicon-keyboard_arrow_down s-delivery-promise-arrow ${this.isDropdownOpen ? 'open' : ''}` })), this.hasError && (h("div", { class: "s-delivery-promise-error" }, this.errorMessage)), this.isDropdownOpen && this.renderDropdown(), !this.hasError && this.renderDeliveryMessage())));
+    }
+    get host() { return getElement(this); }
+};
+
+export { SallaDeliveryPromise as salla_delivery_promise };

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-BcMtCVX0.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-BBHnyTVS.js';
 import { H as Helper } from './Helper-DFMXF2_h.js';
 import { F as FilterOptionTypes } from './interfaces-DL4h2bc3.js';
 import './anime.es-CgtvEd63.js';

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-BcMtCVX0.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-BBHnyTVS.js';
 import { F as FilterOptionTypes } from './interfaces-DL4h2bc3.js';
 import { H as Helper } from './Helper-DFMXF2_h.js';
 import './anime.es-CgtvEd63.js';

package/dist/esm/salla-fulfillment-methods.entry.js

@@ -0,0 +1,43 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+import { r as registerInstance, h, H as Host } from './index-BBHnyTVS.js';
+
+const SallaFulfillmentMethods = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.methods = [];
+        this.shouldRender = false;
+    }
+    async componentDidLoad() {
+        await Salla.onReady();
+        await Salla.lang.onLoaded();
+        if (!Salla.config.get('store.support_pickup'))
+            return;
+        this.shouldRender = true;
+        this.setLabels();
+    }
+    setLabels() {
+        this.methods = [
+            {
+                id: 'delivery',
+                title: Salla.lang.getWithDefault('pages.products.promise_delivery_title', 'متاح للتوصيل'),
+                subtitle: Salla.lang.getWithDefault('pages.products.promise_delivery_subtitle', 'طلبك يوصلك لباب البيت بسهولة.'),
+                iconClass: 'sicon-location',
+            },
+            {
+                id: 'pickup',
+                title: Salla.lang.getWithDefault('pages.products.promise_pickup_title', 'متاح للاستلام'),
+                subtitle: Salla.lang.getWithDefault('pages.products.promise_pickup_subtitle', 'استلام فوري من أقرب فرع.'),
+                iconClass: 'sicon-store',
+            },
+        ];
+    }
+    render() {
+        if (!this.shouldRender)
+            return null;
+        return (h(Host, { class: "s-fulfillment-methods" }, h("div", { class: "s-fulfillment-methods-list" }, this.methods.map((method) => (h("div", { key: method.id, class: "s-fulfillment-methods-card" }, h("div", { class: "s-fulfillment-methods-content" }, h("div", { class: "s-fulfillment-methods-icon-wrap" }, h("i", { class: `${method.iconClass} s-fulfillment-methods-icon` })), h("div", { class: "s-fulfillment-methods-text" }, h("span", { class: "s-fulfillment-methods-title" }, method.title), h("span", { class: "s-fulfillment-methods-subtitle" }, method.subtitle)))))))));
+    }
+};
+
+export { SallaFulfillmentMethods as salla_fulfillment_methods };

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h } from './index-BcMtCVX0.js';
+import { r as registerInstance, h } from './index-BBHnyTVS.js';
 import { a as anime } from './anime.es-CgtvEd63.js';
 import { a as arrowLeft } from './arrow-left-BedNk7k1.js';
 import { C as Cancel } from './cancel-BsLF_HK7.js';

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-BcMtCVX0.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-BBHnyTVS.js';
 
 const SallaHook = class {
     constructor(hostRef) {

package/dist/esm/salla-infinite-scroll.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-BcMtCVX0.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-BBHnyTVS.js';
 import { H as Helper } from './Helper-DFMXF2_h.js';
 import './anime.es-CgtvEd63.js';
 

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-BcMtCVX0.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-BBHnyTVS.js';
 
 const sallaInstallmentCss = "salla-installment:empty{display:none}#tabbyPromoWrapper{background:white;border-radius:0.375rem;transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);margin-bottom:20px;border:unset !important;font-weight:500}.salla-y #tabbyPromoWrapper{border:1px solid var(--color-grey-dark);border-radius:12px}#tabbyPromoWrapper:hover{box-shadow:0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 5px 10px 30px rgba(43, 45, 52, 0.0509803922)}#tabbyPromoWrapper #tabbyPromo *{font-family:var(--font-main)}#tabbyPromoWrapper #tabbyPromo>div>div{max-width:none;box-shadow:none;border:none}#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet{max-width:100%;min-height:100px;padding:18px 20px;border:none !important}#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__text,#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__link{font-size:var(--font-sm);color:var(--color-text) !important}#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__link{font-weight:bold}.tabby-promo-wrapper #tabby-promo{font-family:var(--font-main) !important}.tabby-promo-wrapper #tabby-promo .tabby-promo__feature-title{font-size:var(--font-md)}.tabby-promo-wrapper #tabby-promo .tabby-promo__feature-desc{font-size:var(--font-sm);line-height:20px}.tamara-product-widget{margin-bottom:20px}.tamara-product-widget,.spotii-wrapper{min-height:100px;position:relative;color:var(--main-text-color);font-size:var(--font-sm);line-height:1.25;padding:20px 20px 20px 115px !important;background:white;border-radius:0.375rem;transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);border:unset !important;font-family:inherit !important;font-weight:500}.salla-y .tamara-product-widget,.salla-y .spotii-wrapper{border-radius:12px;border:1px solid var(--color-grey-dark)}.tamara-product-widget:hover,.spotii-wrapper:hover{box-shadow:0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 5px 10px 30px rgba(43, 45, 52, 0.0509803922)}.tamara-product-widget .spotii-logo,.spotii-wrapper .spotii-logo{float:left;margin:0 0 0 -75px}.ltr .tamara-product-widget,.ltr .spotii-wrapper{text-align:left;padding:18px 100px 18px 20px !important}.ltr .tamara-product-widget .spotii-logo,.ltr .spotii-wrapper .spotii-logo{float:right;margin:0 -75px 0 0}.ltr .tamara-product-widget .spotii-product-widget,.ltr .spotii-wrapper .spotii-product-widget{text-align:left !important}.spotii-wrapper{margin-bottom:20px}.spotii-wrapper .spotii-promo{font-size:var(--font-md)}.spotii-wrapper .spotii-product-widget{font-size:var(--font-sm) !important;margin-top:10px}.tamara-product-widget .tamara-logo{position:absolute;left:20px !important;top:35px !important;margin:0 !important;height:24px !important}.ltr .tamara-product-widget .tamara-logo{right:20px !important;left:auto !important}.tamara-product-widget span{font-family:var(--font-main);font-size:var(--font-sm);color:var(--color-text)}.tamara-product-widget span:last-child{display:block;position:relative;margin-top:8px}.tamara-popup__wrap{overflow:auto !important}.s-installment-mispay-wrapper,.s-installment-madfu-wrapper,.s-installment-emkan-wrapper,.s-installment-rajehi-wrapper{font-size:14px;text-align:right;padding:20px;gap:42px;line-height:22px;color:rgb(0, 0, 0);min-width:100%;box-sizing:border-box;position:relative;background-color:white;border-radius:10px;margin:15px 0;display:flex;transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1)}.s-installment-mispay-wrapper:hover,.s-installment-madfu-wrapper:hover,.s-installment-emkan-wrapper:hover,.s-installment-rajehi-wrapper:hover{box-shadow:0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 5px 10px 30px rgba(43, 45, 52, 0.0509803922)}.s-installment-mispay-content,.s-installment-madfu-content,.s-installment-emkan-content,.s-installment-rajehi-content{display:flex;flex-direction:row-reverse;width:100%;justify-content:space-between;align-items:center;gap:1rem}.s-installment-mispay-content-text,.s-installment-madfu-content-text,.s-installment-emkan-content-text,.s-installment-rajehi-content-text{color:var(--main-text-color);font-size:14px;font-weight:500;margin:0 16px 0 0;width:80%;left:14px;text-align:left}.s-installment-mispay-content img,.s-installment-madfu-content img,.s-installment-emkan-content img,.s-installment-rajehi-content img{height:28px;width:70px;display:inline-block;max-height:100%;vertical-align:middle;fill:none;stroke:unset;width:auto}.rtl .s-installment-mispay-content-text,.rtl .s-installment-madfu-content-text,.rtl .s-installment-emkan-content-text,.rtl .s-installment-rajehi-content-text{right:14px;text-align:right;margin:0 0 0 16px}.rtl .s-installment-mispay-content img,.rtl .s-installment-madfu-content img,.rtl .s-installment-emkan-content img,.rtl .s-installment-rajehi-content img{left:14px !important}.ltr .s-installment-mispay-content img,.ltr .s-installment-madfu-content img,.ltr .s-installment-emkan-content img,.ltr .s-installment-rajehi-content img{right:14px !important}.s-installment-rajehi-content img{width:70px !important;height:40px !important}.s-installment-emkan-content img{height:35px !important}";
 

package/dist/esm/salla-list-tile.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-BcMtCVX0.js';
+import { r as registerInstance, h, H as Host } from './index-BBHnyTVS.js';
 
 const sallaListTileCss = "";
 

package/dist/esm/salla-localization-modal.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, a as getElement } from './index-BcMtCVX0.js';
+import { r as registerInstance, h, a as getElement } from './index-BBHnyTVS.js';
 
 const SallaLocalizationModal = class {
     constructor(hostRef) {

package/dist/esm/salla-login-modal.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, F as Fragment, a as getElement } from './index-BcMtCVX0.js';
+import { r as registerInstance, h, F as Fragment, a as getElement } from './index-BBHnyTVS.js';
 
 const sallaLoginModalCss = "iframe{-moz-transition:height 0.3s;-ms-transition:height 0.3s;-o-transition:height 0.3s;-webkit-transition:height 0.3s;transition:height 0.3s;width:100%}";
 

package/dist/esm/salla-loyalty-prize-item.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-BcMtCVX0.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-BBHnyTVS.js';
 
 const sallaLoyaltyPrizeItemCss = "salla-loyalty-prize-item:hover{box-shadow:0 5px 15px 1px rgba(0, 0, 0, 0.04) !important}";
 

package/dist/esm/salla-loyalty-program.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-BcMtCVX0.js';
+import { r as registerInstance, h, H as Host } from './index-BBHnyTVS.js';
 import { l as loyaltyProgramIcon } from './gift-BChI23pG.js';
 
 const sallaLoyaltyProgramCss = "";

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h } from './index-BcMtCVX0.js';
+import { r as registerInstance, h } from './index-BBHnyTVS.js';
 import { S as Star } from './star2-D4oPi1Ov.js';
 import { C as Cancel } from './cancel-BsLF_HK7.js';
 

package/dist/esm/salla-maintenance-alert.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-BcMtCVX0.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-BBHnyTVS.js';
 import { C as Cancel } from './cancel-BsLF_HK7.js';
 
 const sallaMaintenanceAlertCss = ".s-maintenance-alert-wrapper{display:flex;min-height:40px;width:100%;flex-direction:row;align-items:center;justify-content:center;--tw-bg-opacity:1;background-color:rgba(26, 38, 61, var(--tw-bg-opacity));padding:0.25rem 0.5rem;--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}.s-maintenance-alert-wrapper a{transition:0.35s cubic-bezier(0.2, 1, 0.3, 1)}.s-maintenance-alert-wrapper *{color:inherit}@media (min-width: 640px){.s-maintenance-alert-wrapper{padding-left:2rem;padding-right:2rem}}.s-maintenance-alert-content{margin-top:1rem;margin-bottom:1rem;display:flex;width:100%;align-items:center;justify-content:space-between}@media (min-width: 640px){.s-maintenance-alert-content{padding-left:2rem;padding-right:2rem}}.s-maintenance-alert-container{display:flex;align-items:center}.s-maintenance-alert-icon{margin-right:1.25rem;display:none}@media (min-width: 640px){.s-maintenance-alert-icon{display:block}}.s-maintenance-alert-text h2{margin-bottom:0.5rem;font-size:0.875rem;font-weight:700;line-height:1.4}@media (min-width: 640px){.s-maintenance-alert-text h2{font-size:1.5rem;line-height:2rem}}.s-maintenance-alert-text p{margin:0px;text-align:right;font-size:10px;line-height:1.2}@media (min-width: 640px){.s-maintenance-alert-text p{text-align:center;font-size:0.75rem;line-height:1}}.s-maintenance-alert-btn{position:relative;margin-left:4px;margin-right:4px;display:inline-block;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;border-radius:0.125rem;border-width:1px;--tw-border-opacity:1;border-color:rgba(93, 213, 196, var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgba(93, 213, 196, var(--tw-bg-opacity));padding:0.5rem;text-align:center;vertical-align:middle;font-size:0.875rem;font-weight:400;line-height:1.4;--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}.s-maintenance-alert-btn:hover{--tw-bg-opacity:1;background-color:rgba(53, 203, 181, var(--tw-bg-opacity))}.s-maintenance-alert-btn *{pointer-events:none}[dir=rtl] .s-maintenance-alert-btn{margin-left:1.25rem;margin-right:0}@media (min-width: 640px){.s-maintenance-alert-btn{padding:0.5rem 1rem}}";

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-BcMtCVX0.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-BBHnyTVS.js';
 import { L as Location } from './location-BO5AoBAP.js';
 
 var Edit = `<!-- Generated by IcoMoon.io -->

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, F as Fragment } from './index-BcMtCVX0.js';
+import { r as registerInstance, h, F as Fragment } from './index-BBHnyTVS.js';
 
 const sallaMenuCss = ":host{display:block}";
 

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-BcMtCVX0.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-BBHnyTVS.js';
 
 const sallaMetadataCss = "";
 

package/dist/esm/salla-multiple-bundle-product-cart_2.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement, F as Fragment } from './index-BcMtCVX0.js';
+import { r as registerInstance, h, H as Host, a as getElement, F as Fragment } from './index-BBHnyTVS.js';
 
 const sallaMultipleBundleProductCartCss = "";
 

package/dist/esm/salla-multiple-bundle-product-options-modal_2.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-BcMtCVX0.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-BBHnyTVS.js';
 import { A as ArrowLeftIcon, a as ArrowRightIcon } from './keyboard_arrow_right-Vqpj4CWE.js';
 
 const sallaMultipleBundleProductOptionsModalCss = ":host{display:block}";

package/dist/esm/salla-multiple-bundle-product.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-BcMtCVX0.js';
+import { r as registerInstance, h, H as Host } from './index-BBHnyTVS.js';
 
 const sallaMultipleBundleProductCss = ":host{display:block}";
 

package/dist/esm/salla-notification-item.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h } from './index-BcMtCVX0.js';
+import { r as registerInstance, h } from './index-BBHnyTVS.js';
 
 const sallaNotificationsCss = "";
 

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, a as getElement } from './index-BcMtCVX0.js';
+import { r as registerInstance, h, a as getElement } from './index-BBHnyTVS.js';
 import { H as Helper } from './Helper-DFMXF2_h.js';
 import './anime.es-CgtvEd63.js';
 

package/dist/esm/salla-offer-modal.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, a as getElement } from './index-BcMtCVX0.js';
+import { r as registerInstance, h, a as getElement } from './index-BBHnyTVS.js';
 import { S as SpecialDiscountIcon } from './special-discount-Ctkfc4K-.js';
 
 var Tag = `<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, a as getElement } from './index-BcMtCVX0.js';
+import { r as registerInstance, h, a as getElement } from './index-BBHnyTVS.js';
 
 var PageType;
 (function (PageType) {

package/dist/esm/salla-order-details-multiple-bundle-product.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-BcMtCVX0.js';
+import { r as registerInstance, h, H as Host } from './index-BBHnyTVS.js';
 
 const sallaOrderDetailsMultipleBundleProductCss = "";
 

package/dist/esm/salla-order-details-options.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-BcMtCVX0.js';
+import { r as registerInstance, h, H as Host } from './index-BBHnyTVS.js';
 
 var copyIcon = `<!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">

package/dist/esm/salla-order-details.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, F as Fragment, H as Host } from './index-BcMtCVX0.js';
+import { r as registerInstance, h, F as Fragment, H as Host } from './index-BBHnyTVS.js';
 
 const sallaOrderDetailsCss = "";
 

package/dist/esm/salla-order-edit-item.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-BcMtCVX0.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-BBHnyTVS.js';
 
 const sallaOrderEditItemCss = "";
 

package/dist/esm/salla-order-edit.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-BcMtCVX0.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-BBHnyTVS.js';
 
 const sallaOrderEditCss = "";
 

package/dist/esm/salla-order-summary.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h } from './index-BcMtCVX0.js';
+import { r as registerInstance, h } from './index-BBHnyTVS.js';
 import { i as iconCheck } from './check-BsXh13x8.js';
 
 var iconFileArchive = `<!-- Generated by IcoMoon.io -->

package/dist/esm/salla-order-totals-card.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-BcMtCVX0.js';
+import { r as registerInstance, h, H as Host } from './index-BBHnyTVS.js';
 
 const sallaOrderTotalsCardCss = ":host{display:block}";
 

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, a as getElement } from './index-BcMtCVX0.js';
+import { r as registerInstance, h, a as getElement } from './index-BBHnyTVS.js';
 import { H as Helper } from './Helper-DFMXF2_h.js';
 import './anime.es-CgtvEd63.js';
 

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-BcMtCVX0.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-BBHnyTVS.js';
 
 const sallaPaymentsCss = ":host{display:block}";
 

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-BcMtCVX0.js';
+import { r as registerInstance, h, H as Host } from './index-BBHnyTVS.js';
 
 var Inbox = `<!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">

package/dist/esm/salla-price-range.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-BcMtCVX0.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-BBHnyTVS.js';
 import { a as arrowLeft } from './arrow-left-BedNk7k1.js';
 
 var arrowRight = `<!-- Generated by IcoMoon.io -->

package/dist/esm/salla-product-card.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-BcMtCVX0.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-BBHnyTVS.js';
 import { S as Star } from './star2-D4oPi1Ov.js';
 
 var Heart = `<!-- Generated by IcoMoon.io -->