@salla.sa/twilight-components 2.14.427 → 2.14.429

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

@@ -2,18 +2,25 @@
  * Crafted with ❤ by Salla
  */
 import { h, Host, } from "@stencil/core";
-import { bulletDeliveryAPI, isSaudiArabia } from "./api-service";
-import { findNearestBranch, filterBranches, formatWorkingHoursDisplay, getBranchFirstSlot, getGeolocationErrorMessage, getIntentSubtitle, getIntentCountryId, getIntentCountryCode, getIntentRegionId, getIntentCityId, getIntentDistrictId, getIntentBranchId, getIntentLatitude, getIntentLongitude, hasSessionAddressIntent, requireRegionAndDistrictForSA, buildAddressLocationPayloadFromSelection, } from "./helpers";
+import { bulletDeliveryAPI, isSaudiArabia, clearApiCache } from "./api-service";
+import { buildAddressLocationPayloadFromSelection, filterBranches, findNearestBranch, formatWorkingHoursDisplay, getBranchFirstSlot, getGeolocationErrorMessage, getIntentBranchId, getIntentCityId, getIntentCountryCode, getIntentCountryId, getIntentDistrictId, getIntentLatitude, getIntentLongitude, getIntentRegionId, getIntentSubtitle, hasSessionAddressIntent, requireRegionAndDistrictForSA, } from "./helpers";
 const BRANCH_SEARCH_DEBOUNCE_MS = 1000;
 const GEOLOCATION_TIMEOUT = 10000;
-import Store from "../../assets/svg/store3.svg";
-import Search from "../../assets/svg/search.svg";
-import Location from "../../assets/svg/location.svg";
+import GetDirections from "../../assets/svg/get-directions.svg";
 import GPS from "../../assets/svg/gps.svg";
-import MiniMap from "../../assets/svg/mini-map.svg";
-import ArrowRight from "../../assets/svg/keyboard_arrow_right.svg";
 import ArrowLeft from "../../assets/svg/keyboard_arrow_left.svg";
-import GetDirections from "../../assets/svg/get-directions.svg";
+import ArrowRight from "../../assets/svg/keyboard_arrow_right.svg";
+import Location from "../../assets/svg/location.svg";
+import MiniMap from "../../assets/svg/mini-map.svg";
+import Search from "../../assets/svg/search.svg";
+import Store from "../../assets/svg/store3.svg";
+const DEBUG_KEY = 'salla-bullet-delivery-debug';
+const OVERRIDE_IP_KEY = 'salla-bullet-delivery-override-ip';
+function log(message, data) {
+    if (localStorage.getItem(DEBUG_KEY)) {
+        data !== undefined ? console.log(message, data) : console.log(message);
+    }
+}
 /**
  * @slot footer - The bottom section of the component for custom actions.
  */
@@ -24,6 +31,11 @@ export class SallaBulletDelivery {
         this.pendingCartSubmitPromise = null;
         this.cartSubmitConfirmationPending = false;
         this.branchSearchDebounceTimer = null;
+        this.countrySearchTimer = null;
+        this.regionSearchTimer = null;
+        this.citySearchTimer = null;
+        this.districtSearchTimer = null;
+        this.citySearchCounter = 0;
         this.componentReady = false;
         this.pendingOpen = false;
         this.tabChanging = false;
@@ -50,7 +62,6 @@ export class SallaBulletDelivery {
         /** True after saved addresses have been loaded (lazy: only when address tab is shown). */
         this.savedAddressesLoaded = false;
         // Core state
-        this.loading = true;
         this.activeTab = "address";
         this.isLoggedIn = false;
         this.viewMode = "main";
@@ -76,6 +87,7 @@ export class SallaBulletDelivery {
         this.selectedBranch = null;
         this.branchSearchQuery = "";
         // Loading states
+        this.loadingCountries = false;
         this.loadingCities = false;
         this.loadingDistricts = false;
         this.loadingBranches = false;
@@ -84,11 +96,95 @@ export class SallaBulletDelivery {
         this.savingAddress = false;
         this.loadingSavedAddresses = false;
         this.showCartWillBeClearedBanner = false;
+        // Searchable dropdown state
+        this.countrySearchQuery = '';
+        this.regionSearchQuery = '';
+        this.citySearchQuery = '';
+        this.districtSearchQuery = '';
+        this.searchingCountries = false;
+        this.searchingRegions = false;
+        this.searchingCities = false;
+        this.searchingDistricts = false;
+        this.displayedCountries = [];
+        this.displayedRegions = [];
+        this.displayedCities = [];
+        this.displayedDistricts = [];
         /** Shown when scopes/allocation returns 422 (address outside delivery coverage). Only on delivery tab. */
         this.allocationOutOfCoverageMessage = null;
         this.newAddressForm = {
             ...SallaBulletDelivery.INITIAL_ADDRESS_FORM,
         };
+        this.handleCountrySearch = (query) => {
+            this.countrySearchQuery = query;
+            return;
+        };
+        this.handleRegionSearch = (query) => {
+            this.regionSearchQuery = query;
+            return;
+        };
+        this.handleCitySearch = (query) => {
+            this.citySearchQuery = query;
+            if (this.citySearchTimer)
+                clearTimeout(this.citySearchTimer);
+            if (!query.trim()) {
+                this.displayedCities = this.cities;
+                this.searchingCities = false;
+                return;
+            }
+            if (query.trim().length < SallaBulletDelivery.DROPDOWN_SEARCH_MIN_CHARS)
+                return;
+            const requestId = ++this.citySearchCounter;
+            this.citySearchTimer = setTimeout(async () => {
+                this.searchingCities = true;
+                try {
+                    const isSA = isSaudiArabia(this.selectedCountry?.code ?? '');
+                    const regionId = isSA ? this.selectedRegion?.id : undefined;
+                    const results = await bulletDeliveryAPI.getCities(this.selectedCountry?.id, regionId, query);
+                    if (requestId === this.citySearchCounter) {
+                        this.displayedCities = results;
+                    }
+                }
+                catch {
+                    if (requestId === this.citySearchCounter) {
+                        this.displayedCities = this.cities;
+                    }
+                }
+                finally {
+                    if (requestId === this.citySearchCounter) {
+                        this.searchingCities = false;
+                    }
+                }
+            }, SallaBulletDelivery.DROPDOWN_SEARCH_DEBOUNCE_MS);
+        };
+        this.handleDistrictSearch = (query) => {
+            this.districtSearchQuery = query;
+            return;
+        };
+        this.handleCountryDropdownClosed = () => {
+            this.countrySearchQuery = '';
+            this.displayedCountries = this.countries;
+            this.searchingCountries = false;
+        };
+        this.handleRegionDropdownClosed = () => {
+            this.regionSearchQuery = '';
+            this.displayedRegions = this.regions;
+            this.searchingRegions = false;
+        };
+        this.handleCityDropdownClosed = () => {
+            this.citySearchQuery = '';
+            if (this.citySearchTimer) {
+                clearTimeout(this.citySearchTimer);
+                this.citySearchTimer = null;
+            }
+            ++this.citySearchCounter;
+            this.displayedCities = this.cities;
+            this.searchingCities = false;
+        };
+        this.handleDistrictDropdownClosed = () => {
+            this.districtSearchQuery = '';
+            this.displayedDistricts = this.districts;
+            this.searchingDistricts = false;
+        };
         /**
          * Submit add-address form: create address via API then switch back to list.
          */
@@ -127,10 +223,61 @@ export class SallaBulletDelivery {
                 this.savingAddress = false;
             }
         };
+        this.handleCountrySelected = (item) => {
+            const country = this.countries.find(c => String(c.id) === String(item.id)) || item;
+            const isCountrySwitch = this.selectedCountry &&
+                country &&
+                this.selectedCountry.code !== country.code;
+            this.showCartWillBeClearedBanner = !!isCountrySwitch;
+            this.countrySearchQuery = '';
+            this.displayedCountries = this.countries;
+            this.applyCountryChange(country || null);
+        };
+        this.handleRegionSelected = (item) => {
+            const region = this.regions.find(r => String(r.id) === String(item.id)) || item;
+            this.selectedRegion = region || null;
+            this.regionSearchQuery = '';
+            this.displayedRegions = this.regions;
+            this.updateNewAddressForm({
+                region_id: region?.id,
+                city_id: undefined,
+                district_id: undefined,
+                city: undefined,
+                district: undefined,
+            });
+            if (region && this.selectedCountry) {
+                this.loadCities(this.selectedCountry.id, region.id);
+            }
+        };
+        this.handleCitySelected = (item) => {
+            const isSA = isSaudiArabia(this.selectedCountry?.code ?? '');
+            const city = this.cities.find(c => String(c.id) === String(item.id)) || item;
+            this.selectedCity = city || null;
+            this.selectedDistrict = null;
+            this.districtName = "";
+            this.citySearchQuery = '';
+            this.displayedCities = this.cities;
+            if (city) {
+                this.updateNewAddressForm({ city: city, district: undefined });
+                if (isSA) {
+                    this.loadDistricts(city.id);
+                }
+            }
+        };
+        this.handleDistrictSelected = (item) => {
+            const district = this.districts.find(d => String(d.id) === String(item.id)) || item;
+            this.selectedDistrict = district || null;
+            this.districtName = "";
+            this.districtSearchQuery = '';
+            this.displayedDistricts = this.districts;
+            if (district) {
+                this.updateNewAddressForm({ district });
+            }
+        };
     }
-    /** Whether to show delivery + pickup tabs. From store.settings.bullet_delivery.supports_pickup */
+    /** Whether to show delivery + pickup tabs. From store.shipping.support_pickup */
     get supportsPickup() {
-        return !!Salla.config.get("store.settings.bullet_delivery.supports_pickup");
+        return Boolean(Salla.config.get("store.shipping.support_pickup"));
     }
     /** The modal opening strategy: 'first_visit' | 'on_cart_click' | 'after_add_to_cart' */
     get openingType() {
@@ -149,10 +296,9 @@ export class SallaBulletDelivery {
             this.pendingOpen = true;
             return;
         }
-        // Reset state and set loading before opening
+        // Reset state before opening
         this.resetState();
-        this.loading = true;
-        // Open modal immediately to show skeleton/loading state
+        // Open modal immediately — fields render right away with inline loading
         this.modal.open();
         Salla.event.dispatch("salla::bullet-delivery.modal.opened");
         try {
@@ -173,11 +319,16 @@ export class SallaBulletDelivery {
                 this.activeTab = "address";
             }
             // Load countries always; load saved addresses only when address tab is active (lazy tab data).
+            if (this.isLoggedIn && this.activeTab === "address") {
+                this.loadingSavedAddresses = true;
+            }
             await Promise.all([
                 this.loadCountries(hasStoredAddressIds),
                 this.isLoggedIn && this.activeTab === "address"
                     ? this.loadSavedAddresses().then(() => {
                         this.savedAddressesLoaded = true;
+                    }).finally(() => {
+                        this.loadingSavedAddresses = false;
                     })
                     : Promise.resolve(),
             ]);
@@ -215,9 +366,6 @@ export class SallaBulletDelivery {
             console.error("SallaBulletDelivery: Error loading data", e);
         }
         finally {
-            // Only hide loading after all data is loaded and UI is ready
-            this.loading = false;
-            this.modal?.stopLoading();
             this.overrideScopeSwitchUI();
         }
     }
@@ -252,12 +400,13 @@ export class SallaBulletDelivery {
         this.branches = [];
         this.filteredBranches = [];
         this.newAddressForm = { ...SallaBulletDelivery.INITIAL_ADDRESS_FORM };
-        // Reset new state variables
         this.showCartWillBeClearedBanner = false;
         this.allocationOutOfCoverageMessage = null;
         this.locationError = "";
         this.savedAddressesLoaded = false;
         this.loadingSavedAddresses = false;
+        this.loadingCountries = false;
+        this.resetSearchState();
     }
     getIntentStorage() {
         const rememberLastSession = Boolean(Salla.config.get("store.settings.bullet_delivery.settings.remember_last_session"));
@@ -384,10 +533,14 @@ export class SallaBulletDelivery {
                 ? bulletDeliveryAPI.getDistricts(Number(cityId))
                 : Promise.resolve([]),
         ]);
-        if (isSA)
+        if (isSA) {
             this.regions = regions;
+            this.displayedRegions = this.regions;
+        }
         this.cities = cities;
+        this.displayedCities = this.cities;
         this.districts = districts;
+        this.displayedDistricts = this.districts;
         this.loadingCities = false;
         this.loadingRegions = false;
         this.loadingDistricts = false;
@@ -430,41 +583,117 @@ export class SallaBulletDelivery {
         const storage = this.getShownStorage();
         storage.set(this.sessionShownKey, true);
     }
+    getIPLocationConfig() {
+        const configPath = "store.shipping.delivery_location";
+        const ipAddress = {
+            countryId: Salla.config.get(`${configPath}.country_id`),
+            regionId: Salla.config.get(`${configPath}.region_id`),
+            cityId: Salla.config.get(`${configPath}.city_id`),
+            districtId: Salla.config.get(`${configPath}.district_id`),
+        };
+        return localStorage.getItem(OVERRIDE_IP_KEY) ?
+            JSON.parse(localStorage.getItem(OVERRIDE_IP_KEY)) : ipAddress;
+    }
     async loadCountries(skipEagerSubFetch = false) {
+        this.loadingCountries = true;
         const forBranch = this.activeTab === "branch";
-        this.countries = await bulletDeliveryAPI.getCountries(forBranch);
-        // Preselect country from bullet_delivery.customer_location.country (SA | EG | ...)
-        const configCountryCode = Salla.config.get("store.settings.bullet_delivery.customer_location.country");
-        const countryToSelect = configCountryCode && this.countries.length > 0
-            ? this.countries.find((c) => String(c.code).toUpperCase() ===
-                String(configCountryCode).toUpperCase())
-            : null;
-        if (countryToSelect) {
-            this.selectedCountry = countryToSelect;
-            this.updateNewAddressForm({
-                country_id: Number(this.selectedCountry.id),
-            });
-            // Skip eager sub-fetches when stored intent IDs exist — prefillFromSessionStorage
-            // will fire regions/cities/districts in parallel using the stored IDs directly.
-            if (!skipEagerSubFetch) {
-                if (isSaudiArabia(this.selectedCountry.code)) {
-                    await this.loadRegions(this.selectedCountry.id);
-                }
-                else {
-                    await this.loadCities(this.selectedCountry.id);
+        try {
+            this.countries = await bulletDeliveryAPI.getCountries(forBranch);
+            this.displayedCountries = this.countries;
+            const { countryId: configCountryId, regionId: configRegionId, cityId: configCityId, districtId: configDistrictId } = this.getIPLocationConfig();
+            log("getIPLocationConfig", this.getIPLocationConfig());
+            const countryToSelect = configCountryId && this.countries.length > 0
+                ? this.countries.find((c) => String(c.id) === String(configCountryId))
+                : null;
+            if (countryToSelect) {
+                this.selectedCountry = countryToSelect;
+                this.updateNewAddressForm({
+                    country_id: Number(this.selectedCountry.id),
+                });
+                // Skip eager sub-fetches when stored intent IDs exist — prefillFromSessionStorage
+                // will fire regions/cities/districts in parallel using the stored IDs directly.
+                if (!skipEagerSubFetch) {
+                    const hasIPLocationIds = configRegionId != null ||
+                        configCityId != null ||
+                        configDistrictId != null;
+                    if (hasIPLocationIds) {
+                        await this.prefillFromIPLocation(countryToSelect, {
+                            regionId: configRegionId,
+                            cityId: configCityId,
+                            districtId: configDistrictId,
+                        });
+                    }
+                    else if (isSaudiArabia(this.selectedCountry.code)) {
+                        await this.loadRegions(this.selectedCountry.id);
+                    }
+                    else {
+                        await this.loadCities(this.selectedCountry.id);
+                    }
                 }
             }
         }
+        finally {
+            this.loadingCountries = false;
+        }
+    }
+    async prefillFromIPLocation(country, ids) {
+        const isSA = isSaudiArabia(country.code);
+        const { regionId, cityId, districtId } = ids;
+        const [regions, cities, districts] = await Promise.all([
+            isSA ? bulletDeliveryAPI.getRegions(country.id) : Promise.resolve([]),
+            bulletDeliveryAPI.getCities(country.id, isSA && regionId != null ? regionId : undefined),
+            cityId != null
+                ? bulletDeliveryAPI.getDistricts(Number(cityId))
+                : Promise.resolve([]),
+        ]);
+        if (isSA) {
+            this.regions = regions;
+            this.displayedRegions = this.regions;
+        }
+        this.cities = cities;
+        this.displayedCities = this.cities;
+        this.districts = districts;
+        this.displayedDistricts = this.districts;
+        this.loadingRegions = false;
+        this.loadingCities = false;
+        this.loadingDistricts = false;
+        if (isSA && regionId != null) {
+            const region = this.regions.find((r) => String(r.id) === String(regionId));
+            if (region) {
+                this.selectedRegion = region;
+                this.updateNewAddressForm({ region_id: region.id });
+            }
+        }
+        if (cityId != null && this.cities.length > 0) {
+            const city = this.cities.find((c) => String(c.id) === String(cityId));
+            if (city) {
+                this.selectedCity = city;
+                this.updateNewAddressForm({ city_id: city.id, city });
+            }
+        }
+        if (districtId != null && this.districts.length > 0) {
+            const district = this.findPrefillDistrict(districtId);
+            if (district) {
+                this.selectedDistrict = district;
+                this.updateNewAddressForm({
+                    district_id: district.id,
+                    district,
+                });
+            }
+        }
     }
     async loadCities(countryId, regionId) {
         this.loadingCities = true;
         this.cities = [];
+        this.displayedCities = [];
         this.districts = [];
+        this.displayedDistricts = [];
         this.selectedCity = null;
         this.selectedDistrict = null;
         this.districtName = "";
         try {
             this.cities = await bulletDeliveryAPI.getCities(countryId, regionId);
+            this.displayedCities = this.cities;
         }
         finally {
             this.loadingCities = false;
@@ -473,10 +702,12 @@ export class SallaBulletDelivery {
     async loadDistricts(cityId) {
         this.loadingDistricts = true;
         this.districts = [];
+        this.displayedDistricts = [];
         this.selectedDistrict = null;
         this.districtName = "";
         try {
             this.districts = await bulletDeliveryAPI.getDistricts(cityId);
+            this.displayedDistricts = this.districts;
         }
         finally {
             this.loadingDistricts = false;
@@ -557,7 +788,6 @@ export class SallaBulletDelivery {
     }
     async loadSavedAddresses() {
         this.savedAddresses = await bulletDeliveryAPI.getSavedAddresses();
-        // If session address exists (guest intent before login), select it by default
         const intent = this.getStoredIntent();
         const hasSessionAddress = hasSessionAddressIntent(intent);
         if (hasSessionAddress) {
@@ -565,13 +795,11 @@ export class SallaBulletDelivery {
             this.selectedSavedAddress = null;
         }
         else {
-            // Select default address if available and valid
             const defaultAddress = this.savedAddresses.find((a) => a.is_default && a.is_in_coverage !== false);
             if (defaultAddress) {
                 this.selectedSavedAddress = defaultAddress;
             }
             else {
-                // Select first valid address
                 const validAddress = this.savedAddresses.find((a) => a.is_in_coverage !== false);
                 if (validAddress) {
                     this.selectedSavedAddress = validAddress;
@@ -583,12 +811,22 @@ export class SallaBulletDelivery {
         this.selectedCountry = newCountry;
         this.selectedRegion = null;
         this.regions = [];
+        this.displayedRegions = [];
         this.cities = [];
+        this.displayedCities = [];
         this.districts = [];
+        this.displayedDistricts = [];
         this.selectedCity = null;
         this.selectedDistrict = null;
         this.districtName = "";
         this.allocationOutOfCoverageMessage = null;
+        this.regionSearchQuery = '';
+        this.citySearchQuery = '';
+        this.districtSearchQuery = '';
+        this.searchingRegions = false;
+        this.searchingCities = false;
+        this.searchingDistricts = false;
+        this.clearSearchTimers();
         if (this.selectedCountry) {
             this.updateNewAddressForm({
                 country_id: Number(this.selectedCountry.id),
@@ -612,14 +850,18 @@ export class SallaBulletDelivery {
     async loadRegions(countryId) {
         this.loadingRegions = true;
         this.regions = [];
+        this.displayedRegions = [];
         this.selectedRegion = null;
         this.cities = [];
+        this.displayedCities = [];
         this.districts = [];
+        this.displayedDistricts = [];
         this.selectedCity = null;
         this.selectedDistrict = null;
         this.districtName = "";
         try {
             this.regions = await bulletDeliveryAPI.getRegions(countryId);
+            this.displayedRegions = this.regions;
         }
         finally {
             this.loadingRegions = false;
@@ -696,6 +938,29 @@ export class SallaBulletDelivery {
             }
         }, BRANCH_SEARCH_DEBOUNCE_MS);
     }
+    clearSearchTimers() {
+        [this.countrySearchTimer, this.regionSearchTimer, this.citySearchTimer, this.districtSearchTimer]
+            .forEach(t => {
+            if (t)
+                clearTimeout(t);
+        });
+        this.countrySearchTimer = this.regionSearchTimer = this.citySearchTimer = this.districtSearchTimer = null;
+    }
+    resetSearchState() {
+        this.countrySearchQuery = '';
+        this.regionSearchQuery = '';
+        this.citySearchQuery = '';
+        this.districtSearchQuery = '';
+        this.searchingCountries = false;
+        this.searchingRegions = false;
+        this.searchingCities = false;
+        this.searchingDistricts = false;
+        this.displayedCountries = [];
+        this.displayedRegions = [];
+        this.displayedCities = [];
+        this.displayedDistricts = [];
+        this.clearSearchTimers();
+    }
     async loadBranchesWithLocation(lat, lng) {
         this.loadingBranches = true;
         try {
@@ -820,14 +1085,26 @@ export class SallaBulletDelivery {
             this.activeTab = tab;
             this.showCartWillBeClearedBanner = false;
             this.allocationOutOfCoverageMessage = null;
-            // Reload countries with for_branch=1 for pickup tab, for_branch=0 for delivery tab
+            this.resetSearchState();
             const forBranch = tab === "branch";
             this.countries = await bulletDeliveryAPI.getCountries(forBranch);
+            this.displayedCountries = this.countries;
             const previousCountryId = this.selectedCountry?.id;
             if (previousCountryId !== undefined && previousCountryId !== null) {
                 this.selectedCountry =
                     this.countries.find((c) => c.id === previousCountryId) || null;
             }
+            // Fallback to IP-detected country when carry-over fails
+            if (!this.selectedCountry) {
+                const { countryId: configCountryId } = this.getIPLocationConfig();
+                if (configCountryId && this.countries.length > 0) {
+                    this.selectedCountry =
+                        this.countries.find((c) => String(c.id) === String(configCountryId)) || null;
+                }
+                if (!this.selectedCountry && this.countries.length === 1) {
+                    this.selectedCountry = this.countries[0];
+                }
+            }
             // Load appropriate data when switching tabs if country is selected
             if (this.selectedCountry) {
                 if (tab === "branch") {
@@ -1077,7 +1354,6 @@ export class SallaBulletDelivery {
                     (this.activeTab === "address"
                         ? Salla.lang.get("pages.checkout.address_out_of_coverage")
                         : Salla.lang.get("pages.checkout.failed_to_set_pickup"));
-                Salla.notify?.error(errorMessage);
                 this.allocationOutOfCoverageMessage = errorMessage;
                 this.confirmBtn?.stop();
                 this.confirming = false;
@@ -1122,6 +1398,7 @@ export class SallaBulletDelivery {
             this.setStoredIntent(result);
             if (allocatedScopeId) {
                 await bulletDeliveryAPI.setDeliveryScope(allocatedScopeId);
+                clearApiCache();
             }
             const allocationConfirmedPayload = {
                 ...result,
@@ -1224,12 +1501,6 @@ export class SallaBulletDelivery {
         wrapper.append(info, btn);
         return wrapper;
     }
-    renderSkeleton() {
-        return (h("div", { slot: "loading", class: "s-bullet-delivery-skeleton" }, h("div", { class: "s-bullet-delivery-skeleton-header" }, h("salla-skeleton", { class: "s-bullet-delivery-skeleton-title", height: "28px", width: "68%" }), h("salla-skeleton", { class: "s-bullet-delivery-skeleton-subtitle", height: "18px", width: "84%" })), h("div", { class: {
-                "s-bullet-delivery-skeleton-tabs": true,
-                "s-bullet-delivery-skeleton-tabs--single": !this.supportsPickup,
-            } }, h("div", { class: "s-bullet-delivery-skeleton-tab" }, h("salla-skeleton", { class: "s-bullet-delivery-skeleton-tab-icon", height: "32px", width: "32px" }), h("salla-skeleton", { class: "s-bullet-delivery-skeleton-tab-label", height: "18px", width: "92px" })), this.supportsPickup && (h("div", { class: "s-bullet-delivery-skeleton-tab" }, h("salla-skeleton", { class: "s-bullet-delivery-skeleton-tab-icon", height: "32px", width: "32px" }), h("salla-skeleton", { class: "s-bullet-delivery-skeleton-tab-label", height: "18px", width: "84px" })))), h("div", { class: "s-bullet-delivery-skeleton-content" }, h("div", { class: "s-bullet-delivery-skeleton-field" }, h("salla-skeleton", { class: "s-bullet-delivery-skeleton-field-label", height: "16px", width: "96px" }), h("salla-skeleton", { class: "s-bullet-delivery-skeleton-field-control", height: "56px", width: "100%" })), h("div", { class: "s-bullet-delivery-skeleton-field" }, h("salla-skeleton", { class: "s-bullet-delivery-skeleton-field-label", height: "16px", width: "104px" }), h("salla-skeleton", { class: "s-bullet-delivery-skeleton-field-control", height: "56px", width: "100%" })), h("div", { class: "s-bullet-delivery-skeleton-field" }, h("salla-skeleton", { class: "s-bullet-delivery-skeleton-field-label", height: "16px", width: "88px" }), h("salla-skeleton", { class: "s-bullet-delivery-skeleton-field-control", height: "56px", width: "100%" }))), h("div", { class: "s-bullet-delivery-skeleton-footer" }, h("salla-skeleton", { height: "52px", width: "100%" }))));
-    }
     renderTabs() {
         // Show tabs only when pickup is supported; otherwise delivery-only view with no tabs
         if (!this.supportsPickup)
@@ -1251,56 +1522,22 @@ export class SallaBulletDelivery {
         return this.renderAlert(message);
     }
     renderCountrySelect() {
-        return (h("div", { class: "s-bullet-delivery-field" }, h("label", { class: "s-bullet-delivery-label", htmlFor: "bullet-delivery-country" }, Salla.lang.get("blocks.buy_as_gift.receiver_country"), h("span", { class: "text-red-500" }, " *")), h("select", { id: "bullet-delivery-country", class: "form-input", onChange: (e) => {
-                const select = e.target;
-                const countryId = Number.parseInt(select.value);
-                const country = this.countries.find((c) => c.id === countryId);
-                // A "switch" means the user already had a country and picked a different one
-                const isCountrySwitch = this.selectedCountry &&
-                    country &&
-                    this.selectedCountry.code !== country.code;
-                // Show the info banner whenever a country is changed to a different one
-                this.showCartWillBeClearedBanner = !!isCountrySwitch;
-                this.applyCountryChange(country || null);
-            } }, h("option", { value: "", disabled: true, selected: !this.selectedCountry }, Salla.lang.get("pages.checkout.select_country")), this.countries.map((country) => (h("option", { key: country.id, value: country.id, selected: this.selectedCountry?.id === country.id }, country.name))))));
-    }
-    renderSelectLoader() {
-        return (h("span", { class: "s-bullet-delivery-select-loader", "aria-hidden": "true" }, h("salla-skeleton", { height: "16px", width: "16px" })));
-    }
-    renderLoadingLabel(label, htmlFor, isLoading = false, isRequired = true) {
-        return (h("label", { class: "s-bullet-delivery-label", htmlFor: htmlFor }, h("span", { class: "s-bullet-delivery-label-content" }, h("span", null, label, isRequired && h("span", { class: "text-red-500" }, " *")), isLoading && this.renderSelectLoader())));
+        return (h("div", { class: "s-bullet-delivery-field" }, h("salla-searchable-dropdown", { label: Salla.lang.get("blocks.buy_as_gift.receiver_country"), placeholder: Salla.lang.get("pages.checkout.select_country"), items: this.displayedCountries, selectedItem: this.selectedCountry, loading: this.loadingCountries, searching: this.searchingCountries, disabled: this.countries.length <= 1, required: true, inputId: "bullet-delivery-country", searchQuery: this.countrySearchQuery, clientSearch: true, onItemSelected: (e) => this.handleCountrySelected(e.detail), onSearchInput: (e) => this.handleCountrySearch(e.detail), onDropdownClosed: () => this.handleCountryDropdownClosed() })));
     }
     /** Region select (SA only): shown when SA is selected; city and district disabled until region selected. */
     renderRegionSelect() {
         const isSA = isSaudiArabia(this.selectedCountry?.code ?? '');
         if (!isSA || !this.selectedCountry)
             return null;
-        return (h("div", { class: "s-bullet-delivery-field" }, this.renderLoadingLabel(Salla.lang.get("pages.checkout.region_field"), "bullet-delivery-region", this.loadingRegions), h("select", { id: "bullet-delivery-region", class: "form-input", disabled: this.loadingRegions || this.regions.length === 0, onChange: (e) => {
-                const select = e.target;
-                const regionId = Number.parseInt(select.value);
-                const region = this.regions.find((r) => r.id === regionId);
-                this.selectedRegion = region || null;
-                this.updateNewAddressForm({
-                    region_id: region?.id,
-                    city_id: undefined,
-                    district_id: undefined,
-                    city: undefined,
-                    district: undefined,
-                });
-                if (region && this.selectedCountry) {
-                    this.loadCities(this.selectedCountry.id, region.id);
-                }
-            } }, h("option", { value: "", disabled: true, selected: !this.selectedRegion }, Salla.lang.get("pages.checkout.select_region")), this.regions.map((region) => (h("option", { key: region.id, value: region.id, selected: this.selectedRegion?.id === region.id }, region.name))))));
+        return (h("div", { class: "s-bullet-delivery-field" }, h("salla-searchable-dropdown", { label: Salla.lang.get("pages.checkout.region_field"), placeholder: Salla.lang.get("pages.checkout.select_region"), items: this.displayedRegions, selectedItem: this.selectedRegion, loading: this.loadingRegions, searching: this.searchingRegions, disabled: this.loadingRegions || this.regions.length === 0, required: true, inputId: "bullet-delivery-region", searchQuery: this.regionSearchQuery, clientSearch: true, onItemSelected: (e) => this.handleRegionSelected(e.detail), onSearchInput: (e) => this.handleRegionSearch(e.detail), onDropdownClosed: () => this.handleRegionDropdownClosed() })));
     }
     renderCityDistrictSelects() {
-        // Guest form: region + district only for SA; other countries get country + city only
         const isSA = isSaudiArabia(this.selectedCountry?.code ?? '');
         const showDistrict = isSA;
         const showDistrictInput = showDistrict &&
             this.selectedCity &&
             !this.loadingDistricts &&
             this.districts.length === 0;
-        // For SA: city disabled until region selected; for non-SA: city disabled until country selected
         const cityDisabled = !this.selectedCountry ||
             (isSA && !this.selectedRegion) ||
             this.loadingCities ||
@@ -1309,39 +1546,11 @@ export class SallaBulletDelivery {
             (isSA && !this.selectedRegion) ||
             !this.selectedCity ||
             this.loadingDistricts;
-        return (h("div", { class: "s-bullet-delivery-field-row" }, h("div", { class: "s-bullet-delivery-field" }, this.renderLoadingLabel(Salla.lang.get("blocks.buy_as_gift.receiver_city"), "bullet-delivery-city", this.loadingCities), h("select", { id: "bullet-delivery-city", class: "form-input", disabled: cityDisabled, onChange: (e) => {
-                const select = e.target;
-                const cityId = Number.parseInt(select.value);
-                const city = this.cities.find((c) => c.id === cityId);
-                this.selectedCity = city || null;
-                this.selectedDistrict = null;
-                this.districtName = "";
-                if (city) {
-                    this.updateNewAddressForm({ city: city, district: undefined });
-                    if (showDistrict) {
-                        this.loadDistricts(city.id);
-                    }
-                }
-            } }, h("option", { value: "", disabled: true, selected: !this.selectedCity }, Salla.lang.get("pages.checkout.select_city")), this.cities.map((city) => (h("option", { key: city.id, value: city.id, selected: this.selectedCity?.id === city.id }, city.name))))), showDistrict && (h("div", { class: "s-bullet-delivery-field" }, this.renderLoadingLabel(Salla.lang.get("pages.checkout.district_field"), "bullet-delivery-district", this.loadingDistricts && !showDistrictInput), showDistrictInput ? (h("input", { id: "bullet-delivery-district", type: "text", class: "form-input", placeholder: Salla.lang.get("pages.checkout.select_district"), value: this.districtName, disabled: districtDisabled, onInput: (e) => {
+        return (h("div", { class: "s-bullet-delivery-field-row" }, h("div", { class: "s-bullet-delivery-field" }, h("salla-searchable-dropdown", { label: Salla.lang.get("blocks.buy_as_gift.receiver_city"), placeholder: Salla.lang.get("pages.checkout.select_city"), items: this.displayedCities, selectedItem: this.selectedCity, loading: this.loadingCities, searching: this.searchingCities, disabled: cityDisabled, required: true, inputId: "bullet-delivery-city", searchQuery: this.citySearchQuery, onItemSelected: (e) => this.handleCitySelected(e.detail), onSearchInput: (e) => this.handleCitySearch(e.detail), onDropdownClosed: () => this.handleCityDropdownClosed(), dropUp: true })), showDistrict && (h("div", { class: "s-bullet-delivery-field" }, showDistrictInput ? (h("div", null, h("label", { class: "s-bullet-delivery-label", htmlFor: "bullet-delivery-district" }, Salla.lang.get("pages.checkout.district_field"), h("span", { class: "text-red-500" }, " *")), h("input", { id: "bullet-delivery-district", type: "text", class: "form-input", placeholder: Salla.lang.get("pages.checkout.select_district"), value: this.districtName, disabled: districtDisabled, onInput: (e) => {
                 const input = e.target;
                 this.districtName = input.value;
                 this.updateNewAddressForm({ district: undefined });
-            } })) : (h("select", { id: "bullet-delivery-district", class: "form-input", disabled: districtDisabled || this.districts.length === 0, onChange: (e) => {
-                const select = e.target;
-                const districtId = Number.parseInt(select.value);
-                const district = this.districts.find((d) => d.id === districtId);
-                this.selectedDistrict = district || null;
-                this.districtName = "";
-                if (district) {
-                    this.updateNewAddressForm({ district });
-                }
-            } }, h("option", { value: "", disabled: true, selected: !this.selectedDistrict }, Salla.lang.get("pages.checkout.select_district")), this.districts.map((district) => {
-            const langCode = Salla.config.get("user.language_code");
-            const label = langCode === "ar"
-                ? district.name
-                : (district.name_en ?? district.name);
-            return (h("option", { key: district.id, value: district.id, selected: this.selectedDistrict?.id === district.id }, label));
-        })))))));
+            } }))) : (h("salla-searchable-dropdown", { label: Salla.lang.get("pages.checkout.district_field"), placeholder: Salla.lang.get("pages.checkout.select_district"), items: this.displayedDistricts, selectedItem: this.selectedDistrict, loading: this.loadingDistricts, searching: this.searchingDistricts, disabled: districtDisabled || this.districts.length === 0, required: true, inputId: "bullet-delivery-district", searchQuery: this.districtSearchQuery, clientSearch: true, onItemSelected: (e) => this.handleDistrictSelected(e.detail), onSearchInput: (e) => this.handleDistrictSearch(e.detail), onDropdownClosed: () => this.handleDistrictDropdownClosed(), dropUp: true }))))));
     }
     renderSavedAddressesEmptyState() {
         return (h("div", { class: "s-bullet-delivery-saved-addresses-empty" }, h("div", { class: "s-bullet-delivery-saved-addresses-empty-icon", "aria-hidden": "true" }, h("svg", { width: "28", height: "28", viewBox: "0 0 28 29", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("title", null, "No Saved Adresses"), h("path", { d: "M20.16 0C21.4613 0 22.6773 0.341333 23.808 1.024C24.9387 1.70667 25.8347 2.61333 26.496 3.744C27.1787 4.91733 27.52 6.18667 27.52 7.552C27.52 9.45067 26.8267 11.232 25.44 12.896C24.4587 14.0907 23.0827 15.2427 21.312 16.352H21.28C20.9387 16.5653 20.5653 16.672 20.16 16.672C19.7547 16.672 19.3813 16.5653 19.04 16.352H19.008C17.2373 15.2213 15.8613 14.0693 14.88 12.896C13.4933 11.232 12.8 9.45067 12.8 7.552C12.8 6.18667 13.1413 4.91733 13.824 3.744C14.4853 2.61333 15.3813 1.70667 16.512 1.024C17.6427 0.341333 18.8587 0 20.16 0ZM11.488 1.984C9.67467 2.368 8.04267 3.14667 6.592 4.32C5.14133 5.49333 4.01067 6.92267 3.2 8.608C2.34667 10.3573 1.92 12.224 1.92 14.208C1.92 14.72 1.952 15.2427 2.016 15.776L2.08 15.744C2.57067 15.488 2.94933 15.3067 3.216 15.2C3.48267 15.0933 3.73867 15.0933 3.984 15.2C4.22933 15.3067 4.4 15.488 4.496 15.744C4.592 16 4.58667 16.256 4.48 16.512C4.37333 16.768 4.19733 16.9493 3.952 17.056C3.70667 17.1627 3.36 17.3227 2.912 17.536L2.656 17.664C2.57067 17.7067 2.48533 17.7387 2.4 17.76C2.89067 19.4667 3.70133 20.9973 4.832 22.352C5.96267 23.7067 7.296 24.7573 8.832 25.504C10.432 26.272 12.1173 26.656 13.888 26.656C15.4667 26.656 16.9813 26.3467 18.432 25.728C19.8187 25.1307 21.0667 24.288 22.176 23.2C21.92 23.0507 21.7653 22.8373 21.712 22.56C21.6587 22.2827 21.7013 22.0267 21.84 21.792C21.9787 21.5573 22.176 21.408 22.432 21.344C22.8373 21.2587 23.2 21.12 23.52 20.928C23.6907 20.8427 23.8613 20.8 24.032 20.8C24.8 19.5413 25.3333 18.176 25.632 16.704C25.6747 16.4267 25.808 16.2133 26.032 16.064C26.256 15.9147 26.496 15.8667 26.752 15.92C27.008 15.9733 27.2107 16.1173 27.36 16.352C27.5093 16.5867 27.552 16.832 27.488 17.088C27.0613 19.2853 26.1973 21.264 24.896 23.024C23.5947 24.784 22.0053 26.1547 20.128 27.136C18.1653 28.16 16.0853 28.672 13.888 28.672C11.3707 28.672 9.03467 28.0107 6.88 26.688C4.78933 25.408 3.12533 23.68 1.888 21.504C0.629333 19.264 0 16.832 0 14.208C0 11.904 0.490667 9.73867 1.472 7.712C2.41067 5.74933 3.728 4.09067 5.424 2.736C7.12 1.38133 9.01333 0.48 11.104 0.032C11.36 -0.032 11.6 0.0106667 11.824 0.16C12.048 0.309333 12.1867 0.522667 12.24 0.8C12.2933 1.07733 12.2453 1.328 12.096 1.552C11.9467 1.776 11.744 1.92 11.488 1.984ZM14.72 7.552C14.72 8.96 15.2533 10.304 16.32 11.584C17.1733 12.5867 18.3893 13.6 19.968 14.624C20.032 14.6453 20.096 14.656 20.16 14.656C20.224 14.656 20.288 14.6453 20.352 14.624C21.9307 13.6213 23.1467 12.608 24 11.584C25.0667 10.304 25.6 8.96 25.6 7.552C25.6 6.57067 25.3547 5.65333 24.864 4.8C24.3733 3.94667 23.7067 3.26933 22.864 2.768C22.0213 2.26667 21.12 2.016 20.16 2.016C19.2 2.016 18.2987 2.26667 17.456 2.768C16.6133 3.26933 15.9467 3.94667 15.456 4.8C14.9653 5.65333 14.72 6.57067 14.72 7.552ZM17.28 7.68C17.28 6.848 17.5627 6.13867 18.128 5.552C18.6933 4.96533 19.3707 4.672 20.16 4.672C20.9493 4.672 21.6267 4.96533 22.192 5.552C22.7573 6.13867 23.04 6.848 23.04 7.68C23.04 8.512 22.7573 9.216 22.192 9.792C21.6267 10.368 20.9493 10.656 20.16 10.656C19.3707 10.656 18.6933 10.368 18.128 9.792C17.5627 9.216 17.28 8.512 17.28 7.68ZM6.752 14.688C7.62667 14.7733 8.53333 15.0293 9.472 15.456C9.70667 15.5627 9.87733 15.744 9.984 16C10.0907 16.256 10.0907 16.512 9.984 16.768C9.87733 17.024 9.70133 17.2 9.456 17.296C9.21067 17.392 8.97067 17.3867 8.736 17.28C7.94667 16.9387 7.22133 16.736 6.56 16.672C6.28267 16.6293 6.064 16.5013 5.904 16.288C5.744 16.0747 5.68 15.8293 5.712 15.552C5.744 15.2747 5.86133 15.0507 6.064 14.88C6.26667 14.7093 6.496 14.6453 6.752 14.688ZM17.6 20.544C18.304 20.864 18.976 21.0987 19.616 21.248C19.872 21.312 20.0693 21.4613 20.208 21.696C20.3467 21.9307 20.3893 22.1813 20.336 22.448C20.2827 22.7147 20.144 22.9227 19.92 23.072C19.696 23.2213 19.4453 23.264 19.168 23.2C18.4213 23.0293 17.632 22.752 16.8 22.368C16.5653 22.2613 16.4 22.08 16.304 21.824C16.208 21.568 16.2133 21.312 16.32 21.056C16.4267 20.8 16.6027 20.624 16.848 20.528C17.0933 20.432 17.344 20.4373 17.6 20.544ZM12.832 17.44C13.0027 17.568 13.248 17.7493 13.568 17.984L14.496 18.688C14.7093 18.8587 14.8373 19.0773 14.88 19.344C14.9227 19.6107 14.8693 19.856 14.72 20.08C14.5707 20.304 14.368 20.4427 14.112 20.496C13.856 20.5493 13.6107 20.5013 13.376 20.352L11.744 19.072C11.5307 18.9227 11.4027 18.7093 11.36 18.432C11.3173 18.1547 11.3707 17.904 11.52 17.68C11.6693 17.456 11.872 17.3227 12.128 17.28C12.384 17.2373 12.6187 17.2907 12.832 17.44ZM20.16 8.672C20.416 8.672 20.64 8.576 20.832 8.384C21.024 8.192 21.12 7.95733 21.12 7.68C21.12 7.40267 21.024 7.16267 20.832 6.96C20.64 6.75733 20.416 6.656 20.16 6.656C19.904 6.656 19.68 6.75733 19.488 6.96C19.296 7.16267 19.2 7.40267 19.2 7.68C19.2 7.95733 19.296 8.192 19.488 8.384C19.68 8.576 19.904 8.672 20.16 8.672Z", fill: "#666666" }))), h("p", { class: "s-bullet-delivery-saved-addresses-empty-title" }, Salla.lang.get("pages.checkout.no_saved_addresses")), h("p", { class: "s-bullet-delivery-saved-addresses-empty-desc" }, Salla.lang.get("pages.checkout.add_address_simplify_shipping")), h("salla-button", { onClick: () => this.handleAddNewAddress(), onKeyUp: () => this.handleAddNewAddress() }, Salla.lang.get("pages.checkout.add_new_address"))));
@@ -1517,7 +1726,8 @@ export class SallaBulletDelivery {
         const submitLabel = this.savingAddress
             ? Salla.lang.get("pages.checkout.loading")
             : Salla.lang.get("pages.checkout.confirm_address");
-        return (h("div", { class: "s-bullet-delivery-add-address" }, h("div", { class: "s-bullet-delivery-add-address-header" }, h("button", { type: "button", class: "s-bullet-delivery-add-address-title", onClick: () => this.handleBackToAddressList(), onKeyDown: (e) => e.key === "Enter" && this.handleBackToAddressList() }, h("span", { innerHTML: this.isRTL ? ArrowRight : ArrowLeft, "aria-hidden": "true" }), h("span", { class: "s-bullet-delivery-add-address-title-text" }, title))), h("form", { class: "s-bullet-delivery-add-address-form", onSubmit: (e) => this.handleSubmitAddAddress(e) }, this.renderGuestDeliveryForm(), h("div", { class: "s-bullet-delivery-form-actions s-bullet-delivery-form-actions--single" }, h("salla-button", { type: "submit", loading: this.savingAddress, disabled: !canSubmit || this.savingAddress, class: "s-bullet-delivery-add-address-submit" }, submitLabel)))));
+        const hasAddressesToGoBack = this.savedAddresses.length > 0 || hasSessionAddressIntent(this.getStoredIntent());
+        return (h("div", { class: "s-bullet-delivery-add-address" }, h("div", { class: "s-bullet-delivery-add-address-header" }, hasAddressesToGoBack ? (h("button", { type: "button", class: "s-bullet-delivery-add-address-title", onClick: () => this.handleBackToAddressList(), onKeyDown: (e) => e.key === "Enter" && this.handleBackToAddressList() }, h("span", { innerHTML: this.isRTL ? ArrowRight : ArrowLeft, "aria-hidden": "true" }), h("span", { class: "s-bullet-delivery-add-address-title-text" }, title))) : (h("span", { class: "s-bullet-delivery-add-address-title" }, h("span", { class: "s-bullet-delivery-add-address-title-text" }, title)))), h("form", { class: "s-bullet-delivery-add-address-form", onSubmit: (e) => this.handleSubmitAddAddress(e) }, this.renderGuestDeliveryForm(), h("div", { class: "s-bullet-delivery-form-actions s-bullet-delivery-form-actions--single" }, h("salla-button", { type: "submit", loading: this.savingAddress, disabled: !canSubmit || this.savingAddress, class: "s-bullet-delivery-add-address-submit" }, submitLabel)))));
     }
     renderFooter() {
         const showAddAddressInFooter = this.activeTab === "address" && this.isLoggedIn;
@@ -1660,9 +1870,9 @@ export class SallaBulletDelivery {
         }
     }
     render() {
-        return (h(Host, { key: '8ca46eeae00aea840c260c599b10c7c544da1edc', class: "s-bullet-delivery" }, h("salla-modal", { key: '6197fa0b5f3d0a3479d37d9d54a2fe977a632215', ref: (modal) => {
+        return (h(Host, { key: '0daead232faa6590712faef140ab694b3324960e', class: "s-bullet-delivery" }, h("salla-modal", { key: '4f318a88c10b524d5f6b71a46cb93535d4b25a82', ref: (modal) => {
                 this.modal = modal;
-            }, isClosable: !this.isRequired && !this.shouldForceNonClosable(), class: "s-bullet-delivery-modal", isLoading: this.loading, width: "sm" }, this.loading ? (this.renderSkeleton()) : (h("div", { class: "s-bullet-delivery-inner" }, this.viewMode === "main" && this.renderMainView(), this.viewMode === "add-address" && this.renderAddAddressForm())))));
+            }, isClosable: !this.isRequired && !this.shouldForceNonClosable(), class: "s-bullet-delivery-modal", width: "sm" }, h("div", { key: '66f3d844ce325e47bfb52f941c038339f3f0cf6c', class: "s-bullet-delivery-inner" }, this.viewMode === "main" && this.renderMainView(), this.viewMode === "add-address" && this.renderAddAddressForm()))));
     }
     componentDidLoad() {
         // Mark component as ready
@@ -1763,7 +1973,6 @@ export class SallaBulletDelivery {
     }
     static get states() {
         return {
-            "loading": {},
             "activeTab": {},
             "isLoggedIn": {},
             "viewMode": {},
@@ -1784,6 +1993,7 @@ export class SallaBulletDelivery {
             "filteredBranches": {},
             "selectedBranch": {},
             "branchSearchQuery": {},
+            "loadingCountries": {},
             "loadingCities": {},
             "loadingDistricts": {},
             "loadingBranches": {},
@@ -1792,6 +2002,18 @@ export class SallaBulletDelivery {
             "savingAddress": {},
             "loadingSavedAddresses": {},
             "showCartWillBeClearedBanner": {},
+            "countrySearchQuery": {},
+            "regionSearchQuery": {},
+            "citySearchQuery": {},
+            "districtSearchQuery": {},
+            "searchingCountries": {},
+            "searchingRegions": {},
+            "searchingCities": {},
+            "searchingDistricts": {},
+            "displayedCountries": {},
+            "displayedRegions": {},
+            "displayedCities": {},
+            "displayedDistricts": {},
             "allocationOutOfCoverageMessage": {},
             "newAddressForm": {}
         };
@@ -1935,3 +2157,5 @@ SallaBulletDelivery.INITIAL_ADDRESS_FORM = {
     postal_code: undefined,
     description: undefined,
 };
+SallaBulletDelivery.DROPDOWN_SEARCH_DEBOUNCE_MS = 400;
+SallaBulletDelivery.DROPDOWN_SEARCH_MIN_CHARS = 2;