@salla.sa/twilight-components 2.14.444 → 2.14.445

package/dist/cjs/salla-comment-form_8.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BjjfvdmF.js');
+var index = require('./index-DQZXng_4.js');
 var check = require('./check-BnVBPQNp.js');
 var anime_es = require('./anime.es-BqW8JHZi.js');
 var Helper = require('./Helper-CU4Xuiki.js');

package/dist/cjs/salla-conditional-offer.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BjjfvdmF.js');
+var index = require('./index-DQZXng_4.js');
 
 var DiscountType;
 (function (DiscountType) {

package/dist/cjs/salla-contacts.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BjjfvdmF.js');
+var index = require('./index-DQZXng_4.js');
 var whatsapp2 = require('./whatsapp2-BdMd5Gx1.js');
 var mail = require('./mail-Bgvt2hc9.js');
 

package/dist/cjs/salla-cookies-bar.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BjjfvdmF.js');
+var index = require('./index-DQZXng_4.js');
 
 const sallaCookiesBarCss = ":host{display:block;overflow:visible}.s-cookies-bar{box-shadow:0 0 20px 4px rgba(0, 0, 0, 0.15)}.s-cookies-bar-btn--active{box-shadow:0 0 0 2px rgba(0, 0, 0, 0.08)}";
 

package/dist/cjs/salla-count-down.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BjjfvdmF.js');
+var index = require('./index-DQZXng_4.js');
 
 const sallaCountDownCss = ".s-count-down-horizontal{background-color:rgba(0, 0, 0, 0.06);background-color:color-mix(in srgb, var(--color-primary) 10%, transparent)}";
 

package/dist/cjs/salla-custom-fields.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BjjfvdmF.js');
+var index = require('./index-DQZXng_4.js');
 var camera = require('./camera-DytepEoK.js');
 var interfaces = require('./interfaces-CRqrf5RX.js');
 

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BjjfvdmF.js');
+var index = require('./index-DQZXng_4.js');
 
 const DEBUG_KEY = 'salla-delivery-promise-debug';
 function log(message, data) {

package/dist/cjs/salla-edit-order-button.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BjjfvdmF.js');
+var index = require('./index-DQZXng_4.js');
 
 const sallaEditOrderButtonCss = ":host{display:block}";
 

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BjjfvdmF.js');
+var index = require('./index-DQZXng_4.js');
 var Helper = require('./Helper-CU4Xuiki.js');
 var interfaces = require('./interfaces-DZDQwN6-.js');
 require('./anime.es-BqW8JHZi.js');

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BjjfvdmF.js');
+var index = require('./index-DQZXng_4.js');
 var interfaces = require('./interfaces-DZDQwN6-.js');
 var Helper = require('./Helper-CU4Xuiki.js');
 require('./anime.es-BqW8JHZi.js');

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BjjfvdmF.js');
+var index = require('./index-DQZXng_4.js');
 
 const SallaFulfillmentMethods = class {
     constructor(hostRef) {

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BjjfvdmF.js');
+var index = require('./index-DQZXng_4.js');
 var anime_es = require('./anime.es-BqW8JHZi.js');
 var arrowLeft = require('./arrow-left-xSEmRpp6.js');
 var cancel = require('./cancel-B5SbMYEk.js');
@@ -22,7 +22,7 @@ var Alert = `<!-- Generated by IcoMoon.io -->
 </svg>
 `;
 
-const sallaGiftingCss = ".s-gifting-steps-wrapper{transition:0.2s cubic-bezier(0.55, 0, 0.1, 1) 0s}.s-gifting-select{background-image:url(\"data:image/svg+xml;utf8,<svg version='1.1' fill='gray' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'><title>keyboard_arrow_down</title><path d='M9.875 11.104l6.125 6.125 6.125-6.125 1.875 1.875-8 8-8-8z'></path></svg>\");background-size:24px;background-repeat:no-repeat;background-position:99%;appearance:none}[dir=rtl] .s-gifting-select{background-position:5px}.s-gifting-widget-vertical .s-list-tile-item [slot=title]{display:flex;align-items:center;gap:1.5rem}.s-gifting-widget-vertical .s-list-tile-item-content{width:100%}";
+const sallaGiftingCss = ".s-gifting-steps-wrapper{transition:0.2s cubic-bezier(0.55, 0, 0.1, 1) 0s}.s-gifting-select{background-image:url(\"data:image/svg+xml;utf8,<svg version='1.1' fill='gray' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'><title>keyboard_arrow_down</title><path d='M9.875 11.104l6.125 6.125 6.125-6.125 1.875 1.875-8 8-8-8z'></path></svg>\");background-size:24px;background-repeat:no-repeat;background-position:99%;appearance:none}[dir=rtl] .s-gifting-select{background-position:5px}.s-gifting-widget-vertical .s-list-tile-item [slot=title]{display:flex;align-items:center;gap:1.5rem}.s-gifting-widget-vertical .s-list-tile-item-content{width:100%}.s-gifting-modal .s-searchable-dropdown-trigger{border-color:#d1d5db}.s-gifting-modal .s-searchable-dropdown-trigger:hover:not(.s-searchable-dropdown-trigger--disabled){border-color:#d1d5db}.s-gifting-modal .s-searchable-dropdown-trigger--open,.s-gifting-modal .s-searchable-dropdown-trigger:focus{border-color:var(--color-primary, #00897b);box-shadow:0 0 0 1px var(--color-primary, #00897b)}.s-gifting-modal .s-searchable-dropdown-trigger-placeholder{color:#000}";
 
 const SallaGifting = class {
     constructor(hostRef) {
@@ -44,7 +44,17 @@ const SallaGifting = class {
         this.regions = [];
         this.selectedRegionId = undefined;
         this.isKSA = false;
+        this.selectedCountry = null;
+        this.selectedRegion = null;
+        this.displayedCities = [];
+        this.selectedCity = null;
+        this.searchingCities = false;
+        this.enableCityAjaxSearch = false;
+        this.citySearchQuery = '';
         this.step2Animated = false;
+        this.citySearchTimer = null;
+        this.citySearchCounter = 0;
+        this.locationRequestCounter = 0;
         this.showTextArea = false;
         /// Gift Form Data
         this.selectedImage = undefined;
@@ -58,6 +68,50 @@ const SallaGifting = class {
          * The form selector to be used to get the form data
          */
         this.formSelector = 'form.product-form, form.form--product-options';
+        this.handleCitySearch = (query) => {
+            this.citySearchQuery = query;
+            if (!this.enableCityAjaxSearch)
+                return;
+            if (this.citySearchTimer)
+                clearTimeout(this.citySearchTimer);
+            const requestId = ++this.citySearchCounter;
+            this.citySearchTimer = setTimeout(async () => {
+                this.searchingCities = true;
+                try {
+                    const cities = await this.fetchCities(query);
+                    if (requestId === this.citySearchCounter) {
+                        this.displayedCities = cities;
+                    }
+                }
+                catch (e) {
+                    if (requestId === this.citySearchCounter) {
+                        this.displayedCities = [];
+                    }
+                }
+                finally {
+                    if (requestId === this.citySearchCounter) {
+                        this.searchingCities = false;
+                    }
+                }
+            }, SallaGifting.CITY_SEARCH_DEBOUNCE_MS);
+        };
+        this.handleCitySelected = (city) => {
+            this.selectedCity = city;
+            this.receiverCity = String(city.id);
+            this.clearError('receiver.city_id');
+        };
+        this.handleCityDropdownClosed = () => {
+            this.citySearchQuery = '';
+            if (this.citySearchTimer) {
+                clearTimeout(this.citySearchTimer);
+                this.citySearchTimer = null;
+            }
+            ++this.citySearchCounter;
+            this.displayedCities = this.gift?.cities ?? [];
+            this.searchingCities = false;
+        };
+        this.handleCountryDropdownClosed = () => { };
+        this.handleRegionDropdownClosed = () => { };
         salla.lang.onLoaded(() => {
             this.selectImageOrUpload = salla.lang.get('blocks.buy_as_gift.select_image_or_upload');
             this.selectImageForYourGift = salla.lang.get('blocks.buy_as_gift.select_image_for_your_gift');
@@ -331,24 +385,58 @@ const SallaGifting = class {
         this.receiverName = event.target.value;
         this.clearError('receiver.name');
     }
-    handleReceiverCity(event) {
-        this.receiverCity = event.target.value;
-        this.clearError('receiver.city_id');
+    resetCityState() {
+        if (this.citySearchTimer) {
+            clearTimeout(this.citySearchTimer);
+            this.citySearchTimer = null;
+        }
+        ++this.citySearchCounter;
+        this.gift = { ...this.gift, cities: [] };
+        this.displayedCities = [];
+        this.receiverCity = undefined;
+        this.selectedCity = null;
+        this.citySearchQuery = '';
+        this.searchingCities = false;
+        this.enableCityAjaxSearch = false;
+    }
+    setInitialCities(cities) {
+        this.gift = { ...this.gift, cities };
+        this.displayedCities = cities;
+        this.enableCityAjaxSearch = cities.length >= SallaGifting.CITY_AJAX_THRESHOLD;
+    }
+    async fetchCities(query = '') {
+        if (!this.selectedCountryId)
+            return [];
+        if (this.isKSA && !this.selectedRegionId)
+            return [];
+        const params = [
+            'for_branch=0',
+            `country_id=${this.selectedCountryId}`,
+        ];
+        if (this.isKSA && this.selectedRegionId) {
+            params.push(`region_id=${this.selectedRegionId}`);
+        }
+        if (query?.trim()) {
+            params.push(`query=${encodeURIComponent(query.trim())}`);
+        }
+        const response = await salla.api.request(`shipping/cities?${params.join('&')}`);
+        return response?.data ?? [];
     }
-    async handleCountryChange(event) {
-        const countryId = Number(event.target.value);
+    async handleCountrySelected(country) {
+        const countryId = country?.id;
+        this.selectedCountry = country ?? null;
         this.selectedCountryId = countryId;
+        this.selectedCountryCode = country?.country_code;
+        this.isKSA = country?.country_code === 'SA';
         this.clearError('receiver.country');
-        // Find the selected country and store its country_code
-        const selectedCountry = this.gift?.countries?.find(country => country.id == countryId);
-        this.selectedCountryCode = selectedCountry?.country_code;
-        this.isKSA = selectedCountry?.country_code === 'SA';
-        // Reset region and city
+        // Reset region and city; bump request counter so in-flight loads from a
+        // previous country/region selection get discarded when they resolve.
         this.regions = [];
         this.selectedRegionId = undefined;
-        this.gift = { ...this.gift, cities: [] };
-        this.receiverCity = undefined;
-        if (!countryId || this.gift?.countries?.length === 0) {
+        this.selectedRegion = null;
+        this.resetCityState();
+        const requestId = ++this.locationRequestCounter;
+        if (!countryId) {
             this.selectedCountryCode = undefined;
             this.isKSA = false;
             this.setWrapperHeight(2, 0, 0);
@@ -360,16 +448,22 @@ const SallaGifting = class {
             this.setWrapperHeight(2, 0, 0);
             try {
                 const response = await salla.api.request(`shipping/countries/${countryId}/regions`);
+                if (requestId !== this.locationRequestCounter)
+                    return;
                 if (response && response.data) {
                     this.regions = response.data;
                 }
             }
             catch (error) {
+                if (requestId !== this.locationRequestCounter)
+                    return;
                 console.error('Error fetching regions:', error);
             }
             finally {
-                this.loadingRegions = false;
-                this.setWrapperHeight(2, 0, 0);
+                if (requestId === this.locationRequestCounter) {
+                    this.loadingRegions = false;
+                    this.setWrapperHeight(2, 0, 0);
+                }
             }
         }
         else {
@@ -377,41 +471,51 @@ const SallaGifting = class {
             this.loadingCities = true;
             this.setWrapperHeight(2, 0, 0);
             try {
-                const response = await salla.api.request(`shipping/cities?for_branch=0&country_id=${countryId}`);
-                if (response && response.data) {
-                    this.gift = { ...this.gift, cities: response.data };
-                }
+                const cities = await this.fetchCities();
+                if (requestId !== this.locationRequestCounter)
+                    return;
+                this.setInitialCities(cities);
             }
             catch (error) {
+                if (requestId !== this.locationRequestCounter)
+                    return;
                 console.error('Error fetching cities:', error);
             }
             finally {
-                this.loadingCities = false;
+                if (requestId === this.locationRequestCounter) {
+                    this.loadingCities = false;
+                }
             }
         }
     }
-    async handleRegionChange(event) {
-        const regionId = Number(event.target.value);
+    async handleRegionSelected(region) {
+        const regionId = region?.id;
+        this.selectedRegion = region ?? null;
         this.selectedRegionId = regionId;
         this.clearError('receiver.region');
-        // Reset city when region changes
-        this.gift = { ...this.gift, cities: [] };
-        this.receiverCity = undefined;
+        // Reset city when region changes; bump request counter so any earlier
+        // in-flight city fetch (for a previous region) is discarded on resolve.
+        this.resetCityState();
+        const requestId = ++this.locationRequestCounter;
         if (!regionId)
             return;
         this.loadingCities = true;
         try {
-            const response = await salla.api.request(`shipping/cities?for_branch=0&country_id=${this.selectedCountryId}&region_id=${regionId}`);
-            if (response && response.data) {
-                this.gift = { ...this.gift, cities: response.data };
-            }
+            const cities = await this.fetchCities();
+            if (requestId !== this.locationRequestCounter)
+                return;
+            this.setInitialCities(cities);
         }
         catch (error) {
+            if (requestId !== this.locationRequestCounter)
+                return;
             console.error('Error fetching cities:', error);
         }
         finally {
-            this.loadingCities = false;
-            this.setWrapperHeight(2, 0, 0);
+            if (requestId === this.locationRequestCounter) {
+                this.loadingCities = false;
+                this.setWrapperHeight(2, 0, 0);
+            }
         }
     }
     handleUploadImage(img) {
@@ -556,7 +660,7 @@ const SallaGifting = class {
     }
     render() {
         return [
-            index.h("div", { key: '2bc4ff1b223c9b1f2e50e36c7f6e6f0448f5a51d' }, index.h("salla-list-tile", { key: 'b5cf74b6d00c292a1c654c695d316a0a34e70c30', class: this.generateClass() }, index.h("div", { key: '2e229e46039a9bbf071bc65534733c9da61545f8', slot: "title" }, this.vertical ? index.h("span", { innerHTML: giftSharing.SIGiftSharing }) : '', index.h("h3", { key: 'b067244c213dd0c3c64f795f07b4c27f57c661f5' }, !!this.widgetTitle ? this.widgetTitle : this.sectionTitle)), index.h("div", { key: 'a8804b65526bfde36bbb82302d667bc10052ff4b', slot: "subtitle" }, index.h("div", { key: 'cf2ca350ab3884baa192ce1c043719eb8f9a0120' }, !!this.widgetSubtitle ? this.widgetSubtitle : this.sectionSubtitle)), index.h("div", { key: 'f68182d4324c4b56893b63e046e4298c519e449e', slot: "action" }, index.h("salla-button", { key: '6cf71ec0311dfe7804f4634ae1203e0ae65150be', color: "primary", fill: "outline", width: "wide", class: "s-gifting-widget-action", onClick: () => this.handleGiftButtonClick() }, index.h("slot", { key: '9b00d0c0c7a594e7e9635a79a6b4a472da73ebe3', name: "widget-btn-content" }, index.h("div", { key: 'a73ed9d6322c4484180f68e7c8fb7a3b4e5bdb8a', class: "s-gifting-widget-action-content" }, index.h("span", { key: '0ce7ec753ab1ec30269127a8426a36d55d983a6e', innerHTML: giftSharing.SIGiftSharing }), " \u00A0", index.h("span", { key: 'ae35a5669a30e7abb61e5d540224c2be5baae82a' }, this.sectionBtnText)))))), index.h("salla-modal", { key: 'dee19984ecc71f6e10c330121361359d00408448', id: this.hostId, isLoading: true, class: "s-gifting-modal", width: "sm", ref: modal => this.modal = modal }, index.h("div", { key: '10eee2481652b157c44b16d34097ffcce9325d81', slot: "loading" }, index.h("div", { key: '325446006a0bf5d6d480c8935912fe976ccd453d', class: "s-gifting-skeleton" }, index.h("div", { key: 'f256cc302b946906262450f0bb023912d034aa13', class: "s-gifting-modal-header" }, index.h("salla-skeleton", { key: '75bf0e81841a4c41e4105f19bd3e4fbf67ece325', type: 'circle', height: '5rem', width: '5rem' }), index.h("h2", { key: '64661720e2f94f6d8b86087d3a03538a1a419202', class: "s-gifting-modal-title" }, index.h("div", { key: 'd5000d6903f5a7b61beb6a0a88291953e1344ba3', class: "s-gifting-modal-badge-wrapper" }, index.h("salla-skeleton", { key: '07efd33b877468df617bab4cd2f1b73e73f2d284', height: '15px', width: '150px' })))), index.h("div", { key: '6fb9d9abf7e211a6ecc45ee50283d37d1755b220', class: "s-gifting-skeleton-content" }, index.h("salla-skeleton", { key: 'ed76848f4c017334dea4f12c07ec6556646c397f', height: '10px', width: '150px' }), index.h("salla-skeleton", { key: 'cfe3e107536dac9e5b1524770eb6990ab3b6460b', height: '230px' }), index.h("salla-skeleton", { key: 'a35af25d98f5758bf442759841536fed09f6cdd2', height: '10px', width: '150px' }), index.h("salla-skeleton", { key: '6950704fb24a07807542723f2752b6a734090d42', height: '30px' }), index.h("salla-skeleton", { key: 'bd65f98a07ee8d041434b9b475ce4c355318f586', height: '40px' })))), index.h("slot", { key: 'e946b5c7a4146d0118d321d860d332d17c3f931e', name: "header" }), !!this.hasError ?
+            index.h("div", { key: 'db700f9ec96a6974f3b815bb017ebe97ae8fe5c0' }, index.h("salla-list-tile", { key: '1e2fd1c0b375c85fcd4af1ea071c36879e6913c5', class: this.generateClass() }, index.h("div", { key: 'a9d02c933bc13bf8765e7e91ce08b2c9495954e5', slot: "title" }, this.vertical ? index.h("span", { innerHTML: giftSharing.SIGiftSharing }) : '', index.h("h3", { key: '56bd850368806c6ed5770ea5f6b0339749a77dfa' }, !!this.widgetTitle ? this.widgetTitle : this.sectionTitle)), index.h("div", { key: 'fbb4940fd3e3578f2f5a479d9d44be8dfbda7e43', slot: "subtitle" }, index.h("div", { key: 'fb7e8532984fbfc6fd61c55a6d44d7cdbb4bc9a2' }, !!this.widgetSubtitle ? this.widgetSubtitle : this.sectionSubtitle)), index.h("div", { key: '04f27f1ddbfa0b06be111b6c3176fbda5ea6d43a', slot: "action" }, index.h("salla-button", { key: 'fe71a1a773e5275ede7d1b3ea535c330688028b7', color: "primary", fill: "outline", width: "wide", class: "s-gifting-widget-action", onClick: () => this.handleGiftButtonClick() }, index.h("slot", { key: 'd62127d30254df2d8add55e0e1dbcfefb686e359', name: "widget-btn-content" }, index.h("div", { key: '5ddbb695af142baf3bb6986627f97a7a7607eb31', class: "s-gifting-widget-action-content" }, index.h("span", { key: '7820fb6abd9d7a9c1035c0f80191a3ff2a4c5fe8', innerHTML: giftSharing.SIGiftSharing }), " \u00A0", index.h("span", { key: '2cfc69862d3d087375efaed3bcec0ff0c1587989' }, this.sectionBtnText)))))), index.h("salla-modal", { key: '32c19391248ba6186f43fea59493171079e7bf07', id: this.hostId, isLoading: true, class: "s-gifting-modal", width: "sm", ref: modal => this.modal = modal }, index.h("div", { key: 'e4b5829416314f25793158dae0c530b8057b4085', slot: "loading" }, index.h("div", { key: '6ee873add5868f105b7ec7291c2a8c8fc033c588', class: "s-gifting-skeleton" }, index.h("div", { key: '40aae38f8b2d62b434394811a3ef6d8bc00f6f32', class: "s-gifting-modal-header" }, index.h("salla-skeleton", { key: 'a652cd74a16d0db662ea4a518ebfab366a3c3899', type: 'circle', height: '5rem', width: '5rem' }), index.h("h2", { key: 'edb4a1477893246e98207aeba7bfb5af686f20b9', class: "s-gifting-modal-title" }, index.h("div", { key: '83ef942b15450cc59ad32d8c5b3ba43a32bcb29c', class: "s-gifting-modal-badge-wrapper" }, index.h("salla-skeleton", { key: 'd9041c777a2fa0aa7ffc752958c7441916a02f85', height: '15px', width: '150px' })))), index.h("div", { key: 'fe3bb9dad01becba87486c4886037fd67b059919', class: "s-gifting-skeleton-content" }, index.h("salla-skeleton", { key: '08bd8304b66264b70f6df68e64da3560a1f75461', height: '10px', width: '150px' }), index.h("salla-skeleton", { key: 'bbea0d7ff0c846897af2ef5d3696b252a2f4e662', height: '230px' }), index.h("salla-skeleton", { key: '8cb1fde02e31a1accabd2e26409983e7ba56eeb1', height: '10px', width: '150px' }), index.h("salla-skeleton", { key: 'f80a986b953278bac41505506adf8d611566a167', height: '30px' }), index.h("salla-skeleton", { key: 'f7eccce69b619de385872642e1fb62b2cf6c3082', height: '40px' })))), index.h("slot", { key: 'd299e46040193b441f8171d05e0048849e3df8d5', name: "header" }), !!this.hasError ?
                 index.h("salla-placeholder", { alignment: "center" }, index.h("span", { slot: "title" }, this.errorMessage || salla.lang.get('common.errors.empty_results')), index.h("span", { slot: "description" }, " "))
                 :
                     [
@@ -569,17 +673,19 @@ const SallaGifting = class {
                             index.h("span", { class: "s-gifting-error" }, this.errors['sender_name']) : ''), index.h("div", { class: this.step2ItemClass(this.errors?.['receiver.name'] ? 's-form-group s-form-has-error' : 's-form-group') }, index.h("label", { htmlFor: "receiver_name", class: "s-form-label" }, this.receiverNameFieldLabel), index.h("input", { type: "text", class: "s-form-control", name: "receiver_name", id: "receiver_name", value: "", onInput: (event) => this.handleReceiverName(event), placeholder: "" }), this.errors && this.errors['receiver.name'] ?
                             index.h("span", { class: "s-gifting-error" }, this.errors['receiver.name']) : ''), index.h("div", { class: this.step2ItemClass(this.errors?.['receiver.mobile'] ? 's-form-group s-form-has-error' : 's-form-group') }, index.h("label", { class: "s-form-label" }, this.receiverMobileFieldLabel), index.h("salla-tel-input", { class: "s-gifting-tel-input", phone: this.receiverMobile, countryCode: this.receiverCountryCode, onPhoneEntered: (e) => this.handlePhoneInputChange(e) }), this.errors && this.errors['receiver.mobile'] ?
                             index.h("span", { class: "s-gifting-error" }, this.errors['receiver.mobile']) : ''), this.isPhysical() &&
-                            index.h("div", { class: this.step2ItemClass(this.errors?.['receiver.country'] ? 's-form-group s-form-has-error' : 's-form-group') }, index.h("label", { class: "s-form-label" }, this.receiverCountryFieldLabel), index.h("select", { name: "country", class: "s-form-control", onChange: (event) => this.handleCountryChange(event), required: true }, index.h("option", { value: "" }, this.selectCountry), this.gift?.countries?.map((country) => (index.h("option", { value: country.id }, country.name)))), this.errors && this.errors['receiver.country'] ?
+                            index.h("div", { class: this.step2ItemClass(this.errors?.['receiver.country'] ? 's-form-group s-form-has-error' : 's-form-group') }, index.h("label", { class: "s-form-label", htmlFor: `${this.hostId}-country` }, this.receiverCountryFieldLabel), index.h("salla-searchable-dropdown", { placeholder: this.selectCountry, items: this.gift?.countries ?? [], selectedItem: this.selectedCountry, disabled: !this.gift?.countries?.length, required: true, inputId: `${this.hostId}-country`, searchable: false, keepParentScroll: true, onItemSelected: (e) => this.handleCountrySelected(e.detail), onDropdownClosed: () => this.handleCountryDropdownClosed() }), this.errors && this.errors['receiver.country'] ?
                                 index.h("span", { class: "s-gifting-error" }, this.errors['receiver.country']) : ''), this.isPhysical() && this.isKSA &&
-                            index.h("div", { class: this.step2ItemClass(this.errors?.['receiver.region'] ? 's-form-group s-form-has-error' : 's-form-group') }, index.h("label", { class: "s-form-label" }, this.receiverRegionFieldLabel), index.h("select", { name: "region", class: "s-form-control", onChange: (event) => this.handleRegionChange(event), disabled: this.loadingRegions }, index.h("option", { value: "", selected: true }, this.loadingRegions ? salla.lang.get('common.elements.loading') : this.selectRegion), this.regions?.map((region) => (index.h("option", { value: region.id }, region.name)))), this.errors && this.errors['receiver.region'] ?
+                            index.h("div", { class: this.step2ItemClass(this.errors?.['receiver.region'] ? 's-form-group s-form-has-error' : 's-form-group') }, index.h("label", { class: "s-form-label", htmlFor: `${this.hostId}-region` }, this.receiverRegionFieldLabel), index.h("salla-searchable-dropdown", { placeholder: this.selectRegion, items: this.regions ?? [], selectedItem: this.selectedRegion, loading: this.loadingRegions, disabled: this.loadingRegions || !this.regions?.length, required: true, inputId: `${this.hostId}-region`, searchable: false, keepParentScroll: true, onItemSelected: (e) => this.handleRegionSelected(e.detail), onDropdownClosed: () => this.handleRegionDropdownClosed() }), this.errors && this.errors['receiver.region'] ?
                                 index.h("span", { class: "s-gifting-error" }, this.errors['receiver.region']) : ''), this.isPhysical() &&
-                            index.h("div", { class: this.step2ItemClass(this.errors?.['receiver.city_id'] ? 's-form-group s-form-has-error' : 's-form-group') }, index.h("label", { class: "s-form-label" }, this.receiverCityFieldLabel), index.h("select", { name: "city", "aria-label": salla.lang.get('blocks.buy_as_gift.select_city'), class: "s-form-control", onChange: (event) => this.handleReceiverCity(event), disabled: this.loadingCities || (this.isKSA && !this.selectedRegionId) }, index.h("option", { value: "", selected: true }, this.loadingCities ? salla.lang.get('common.elements.loading') : this.selectCity), this.gift?.cities?.map((city) => (index.h("option", { value: city.id }, city.name)))), this.errors && this.errors['receiver.city_id'] ?
+                            index.h("div", { class: this.step2ItemClass(this.errors?.['receiver.city_id'] ? 's-form-group s-form-has-error' : 's-form-group') }, index.h("label", { class: "s-form-label", htmlFor: `${this.hostId}-city` }, this.receiverCityFieldLabel), index.h("salla-searchable-dropdown", { placeholder: this.selectCity, items: this.displayedCities, selectedItem: this.selectedCity, loading: this.loadingCities, searching: this.searchingCities, disabled: this.loadingCities || (this.isKSA && !this.selectedRegionId), required: true, inputId: `${this.hostId}-city`, searchQuery: this.citySearchQuery, clientSearch: !this.enableCityAjaxSearch, dropUp: true, keepParentScroll: true, onItemSelected: (e) => this.handleCitySelected(e.detail), onSearchInput: (e) => this.handleCitySearch(e.detail), onDropdownClosed: () => this.handleCityDropdownClosed() }), this.errors && this.errors['receiver.city_id'] ?
                                 index.h("span", { class: "s-gifting-error" }, this.errors['receiver.city_id']) : ''), this.isPhysical() &&
                             index.h("div", { class: this.step2ItemClass('s-gifting-info') }, index.h("span", { innerHTML: Alert }), index.h("span", null, this.selectCityInfo)), !this.isPhysical() && index.h("div", { class: this.step2ItemClass() }, index.h("label", { class: "s-gifting-schedule s-gifting-clickable", htmlFor: `schedule-${this.hostId}` }, index.h("input", { type: "checkbox", name: 'schedule', id: `schedule-${this.hostId}`, onChange: () => this.toggleCalendar(), class: "s-checkbox" }), index.h("span", { class: "s-form-label" }, " ", this.sendLater, " "))), index.h("div", { class: this.getCalendarClasses(), ref: (el) => this.calendarFormGroup = el }, index.h("label", { class: "s-form-label" }, this.selectSendDateAndTime), index.h("salla-datetime-picker", { value: this.deliveryDate, placeholder: this.selectSendDateAndTime, "enable-time": true, "date-format": "Y-m-d h:i K", onPicked: (event) => this.handleDateTimePicker(event) }), index.h("span", { class: "s-gifting-calendar-hint" }, this.canNotEditOrderAfterSelectDate)), index.h("div", { class: this.step2ItemClass('s-gifting-step-two-footer') }, index.h("a", { href: "#!", innerHTML: arrowLeft.arrowLeft, onClick: (e) => this.goToStep1(e) }), index.h("salla-button", { onClick: () => this.submitForm(), color: "primary", width: 'wide' }, index.h("span", null, this.sendGift)))))
-                    ], index.h("slot", { key: '579cbbcc59818051def887c38e4d0eed6e690737', name: "footer" })))
+                    ], index.h("slot", { key: 'bd8cd1628ed4282b177f0ddcd5fb93289c47b4d6', name: "footer" })))
         ];
     }
 };
+SallaGifting.CITY_AJAX_THRESHOLD = 400;
+SallaGifting.CITY_SEARCH_DEBOUNCE_MS = 100;
 SallaGifting.style = sallaGiftingCss;
 
 exports.salla_gifting = SallaGifting;

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BjjfvdmF.js');
+var index = require('./index-DQZXng_4.js');
 
 const SallaHook = class {
     constructor(hostRef) {

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BjjfvdmF.js');
+var index = require('./index-DQZXng_4.js');
 var Helper = require('./Helper-CU4Xuiki.js');
 require('./anime.es-BqW8JHZi.js');
 

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BjjfvdmF.js');
+var index = require('./index-DQZXng_4.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}.s-installment-klarna-wrapper{background:white;border-radius:0.375rem;transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);margin-bottom:20px;padding:10px}.salla-y .s-installment-klarna-wrapper{border:1px solid var(--color-grey-dark);border-radius:12px}.s-installment-klarna-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)}";
 

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BjjfvdmF.js');
+var index = require('./index-DQZXng_4.js');
 
 const sallaListTileCss = "";
 

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BjjfvdmF.js');
+var index = require('./index-DQZXng_4.js');
 
 const SallaLocalizationModal = class {
     constructor(hostRef) {

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BjjfvdmF.js');
+var index = require('./index-DQZXng_4.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/cjs/salla-loyalty-banner.cjs.entry.js

@@ -3,10 +3,10 @@
  */
 'use strict';
 
-var index = require('./index-BjjfvdmF.js');
+var index = require('./index-DQZXng_4.js');
 var translations = require('./translations-DMwpLvqi.js');
 var gift = require('./gift-DbNivqYO.js');
-var trackedPromise = require('./tracked-promise-BLOn0DiZ.js');
+var trackedPromise = require('./tracked-promise-YvbHmmFp.js');
 
 const sallaLoyaltyProgramCss = "";
 

package/dist/cjs/salla-loyalty-hero_2.cjs.entry.js

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-var index = require('./index-BjjfvdmF.js');
-var functions = require('./functions-lGTNolKl.js');
+var index = require('./index-DQZXng_4.js');
+var functions = require('./functions-9Nj0nrLx.js');
 var gift = require('./gift-DbNivqYO.js');
 var cart2 = require('./cart2-B98PSAFN.js');
 var userAdd = require('./user-add-BCGrddZS.js');

package/dist/cjs/salla-loyalty-panel.cjs.entry.js

@@ -3,15 +3,15 @@
  */
 'use strict';
 
-var index = require('./index-BjjfvdmF.js');
+var index = require('./index-DQZXng_4.js');
 var translations = require('./translations-DMwpLvqi.js');
-var functions = require('./functions-lGTNolKl.js');
+var functions = require('./functions-9Nj0nrLx.js');
 var star2 = require('./star2-R146a27p.js');
 var cancel = require('./cancel-B5SbMYEk.js');
 var percentage = require('./percentage-Fs83gq6Q.js');
 var shipping = require('./shipping-CPYcgyCL.js');
 var cart2 = require('./cart2-B98PSAFN.js');
-var trackedPromise = require('./tracked-promise-BLOn0DiZ.js');
+var trackedPromise = require('./tracked-promise-YvbHmmFp.js');
 
 var PrizeImage = `<svg xmlns="http://www.w3.org/2000/svg" width="77" height="77" fill="none" viewBox="0 0 57 57"><rect width="56.3" height="55.9" x=".4" y=".2" fill="#FFF5E5" rx="27.9"/><g clip-path="url(#a)"><path fill="#EE9D0D" d="M16.7 27.5h17.5v12.2a1 1 0 0 1-1 1H17.7a1 1 0 0 1-1-1V27.5Z"/><path fill="#C7830B" d="M34.2 27.8v6l-6.8-6.3H34l.3.3Z"/><path fill="#C7830B" d="M34.2 32.3v1.5l-1.6-1.5h1.6Z"/><path fill="#EA2B2D" d="m29.9 15.8-.3.1a2.4 2.4 0 0 0-1.4 1.5l-.2.8-.4.2a2.4 2.4 0 0 0-1.1 1.4l4.2 3.9L33 21l.2-2.9a2.4 2.4 0 0 0-3.3-2.4ZM41.1 26.3v.2a2.4 2.4 0 0 1-1.5 1.6l-.7.3-.2.3a2.4 2.4 0 0 1-1.3 1.3l-4.2-4 2.4-2.5 2.9-.3a2.4 2.4 0 0 1 2.6 3.1Z"/><path fill="#CB2527" d="M23.7 27.5h3.5v13.1h-3.5V27.5Z"/><path fill="#EA2B2D" d="M16.7 32.3h17.5v3.5H16.7v-3.5Z"/><path fill="#CB2527" d="M34.2 32.3v1.5l-1.6-1.5h1.6Z"/><path fill="#EE9D0D" d="M25.3 18.7 38.6 31a1 1 0 0 1 0 1.4l-2.3 2.4-14.7-13.7 2.3-2.5a1 1 0 0 1 1.4 0Z"/><path fill="#CB2527" d="m30.3 23.4 3.2 3-3 3.2-3.2-3 3-3.2ZM31.8 22.8a.4.4 0 0 1-.3-.1l-.3-.4A5.9 5.9 0 0 1 30 18a.4.4 0 0 1 .9 0 5 5 0 0 0 1 3.7l.3.3a.4.4 0 0 1-.4.7Z"/><path fill="#EA2B2D" d="M30.7 23.7c-1.9.7-3.8 1-5.7.9h-1.1l1.9 1.7-.6 1.9 1.8-.6c1.7-.5 3.2-1.4 4.6-2.5l.3-.2-1.2-1.2Z"/><path fill="#CB2527" d="M37.8 26.4c-1.1 0-2.3-.3-3.2-1l-.4-.2a.4.4 0 0 1 0-.8.4.4 0 0 1 .5 0l.3.3a5 5 0 0 0 3.7.7.4.4 0 1 1 .2 1 6 6 0 0 1-1 0Z"/><path fill="#EA2B2D" d="M33.2 26c-.5 2-.7 3.9-.5 5.8l.1 1.1-1.9-1.8-1.8.7.4-1.8c.4-1.7 1.2-3.3 2.2-4.8l.2-.3 1.3 1.2Z"/><path fill="#6699CE" d="M21.5 17.4a.9.9 0 1 0 0-1.7.9.9 0 0 0 0 1.7Z"/><path fill="#FAA6B2" d="M16.7 27.5a.9.9 0 1 0 0-1.8.9.9 0 0 0 0 1.8Z"/><path fill="#A6DEFF" d="M18.4 17.9a.4.4 0 0 1-.4-.3v-.1a1.4 1.4 0 0 0-1.3-1 .4.4 0 0 1-.2-.8h.2a2.3 2.3 0 0 1 2.1 1.5.4.4 0 0 1-.4.7ZM20.6 25.6h-.2v-.1a1 1 0 0 0-1.1 0 .4.4 0 0 1-.5-.8 1.8 1.8 0 0 1 2 0 .4.4 0 0 1-.2.9Z"/><path fill="#EEB436" d="m17.6 18.6 1.3 1.2 1.8-.4-.7 1.7.9 1.6-1.8-.2-1.2 1.3-.4-1.8-1.7-.7 1.6-.9.2-1.8ZM23 26.6l-.5 1.8 1.2 1.3-1.8.2-1 1.5-.6-1.7-1.8-.4 1.4-1.1-.2-1.9 1.6 1 1.6-.7Z"/><path fill="#F72D2F" d="m33.2 26-2.5-2.3L33 21a4 4 0 0 1 2.6 2.4l-2.4 2.6Z"/></g><defs><clipPath id="a"><path fill="#fff" d="M15.8 15.7h25.4v25H15.8z"/></clipPath></defs></svg>`;
 

package/dist/cjs/salla-loyalty-points-banner.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BjjfvdmF.js');
+var index = require('./index-DQZXng_4.js');
 var translations = require('./translations-DMwpLvqi.js');
 
 var MoneyIcon = `<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BjjfvdmF.js');
+var index = require('./index-DQZXng_4.js');
 
 const sallaLoyaltyPrizeItemCss = "salla-loyalty-prize-item:hover{box-shadow:0 5px 15px 1px rgba(0, 0, 0, 0.04) !important}";
 

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

@@ -3,16 +3,16 @@
  */
 'use strict';
 
-var index = require('./index-BjjfvdmF.js');
+var index = require('./index-DQZXng_4.js');
 var translations = require('./translations-DMwpLvqi.js');
-var functions = require('./functions-lGTNolKl.js');
+var functions = require('./functions-9Nj0nrLx.js');
 var percentage = require('./percentage-Fs83gq6Q.js');
 var shipping = require('./shipping-CPYcgyCL.js');
 var cart2 = require('./cart2-B98PSAFN.js');
 var userAdd = require('./user-add-BCGrddZS.js');
 var giftSharing = require('./gift-sharing-BE0uszUm.js');
 var gift = require('./gift-DbNivqYO.js');
-var trackedPromise = require('./tracked-promise-BLOn0DiZ.js');
+var trackedPromise = require('./tracked-promise-YvbHmmFp.js');
 var anime_es = require('./anime.es-BqW8JHZi.js');
 
 var SICartUpload = `<!-- Generated by IcoMoon.io -->

package/dist/cjs/salla-loyalty-reward.cjs.entry.js

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-var index = require('./index-BjjfvdmF.js');
-var functions = require('./functions-lGTNolKl.js');
+var index = require('./index-DQZXng_4.js');
+var functions = require('./functions-9Nj0nrLx.js');
 var gift = require('./gift-DbNivqYO.js');
 
 const sallaLoyaltyProgramCss = "";

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BjjfvdmF.js');
+var index = require('./index-DQZXng_4.js');
 var star2 = require('./star2-R146a27p.js');
 var cancel = require('./cancel-B5SbMYEk.js');
 

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BjjfvdmF.js');
+var index = require('./index-DQZXng_4.js');
 var cancel = require('./cancel-B5SbMYEk.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}}";