@salla.sa/twilight-components 2.14.450 → 2.14.451

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

@@ -195,6 +195,12 @@ export const bulletDeliveryAPI = {
             return { success: false, error: err?.response?.data != null ? errMsg(err.response.data) : (err?.message ?? 'Unknown error') };
         }
     },
+    async getAddressToken() {
+        return withApiErrorHandling(async () => {
+            const res = await salla.api.request('address/autocomplete-token');
+            return res?.data?.token ?? null;
+        }, null, 'Error fetching address autocomplete token');
+    },
 };
 export function clearApiCache() {
     apiCache.clear();

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

@@ -90,7 +90,7 @@ export const requireRegionAndDistrictForSA = (countryCode, regionId, districtIdO
     ? true
     : (regionId != null && Number(regionId) !== 0) && (districtIdOrName != null && (typeof districtIdOrName === 'number' ? districtIdOrName !== 0 : String(districtIdOrName).trim().length > 0));
 export function buildAddressLocationPayloadFromSelection(options) {
-    const { countryId, countryCode, regionId, cityId, districtId, description = '' } = options;
+    const { countryId, countryCode, regionId, cityId, districtId, description = '', lat, lng, shortAddress } = options;
     const desc = description || '';
     return {
         country_id: Number(countryId) || undefined,
@@ -99,6 +99,8 @@ export function buildAddressLocationPayloadFromSelection(options) {
         district_id: districtId != null ? Number(districtId) : undefined,
         description: desc,
         ...(countryCode && isSaudiArabia(countryCode) && { local: desc }),
+        ...(lat != null && lng != null && { lat, lng }),
+        ...(shortAddress && { short_address: shortAddress }),
     };
 }
 const GEO_ERROR_MESSAGES = {

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

@@ -16,6 +16,134 @@
   overflow: visible !important;
 }
 
+.s-bullet-delivery-map-container {
+  width: 100%;
+  height: 450px;
+  border-radius: 8px;
+  overflow: hidden;
+  margin-bottom: 12px;
+}
+.s-bullet-delivery-map-container gmap-map {
+  display: block;
+  width: 100%;
+  height: 100%;
+}
+
+.s-bullet-delivery-address-confirm {
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+  padding: 0 24px;
+}
+
+.s-bullet-delivery-address-confirm-card {
+  display: flex;
+  align-items: flex-start;
+  gap: 12px;
+}
+
+.s-bullet-delivery-address-confirm-edit {
+  border: 1px solid #eee;
+  border-radius: 8px;
+  padding: 6px 12px;
+  font-size: 12px;
+  font-weight: 500;
+  line-height: 1;
+  color: #333;
+  background: white;
+  cursor: pointer;
+  white-space: nowrap;
+  height: 32px;
+  flex-shrink: 0;
+  align-self: center;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.s-bullet-delivery-address-confirm-details {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 4px;
+  flex: 1;
+  min-width: 0;
+}
+
+.s-bullet-delivery-address-confirm-label {
+  font-size: 12px;
+  color: #666;
+}
+
+.s-bullet-delivery-address-confirm-text {
+  font-size: 14px;
+  font-weight: 700;
+  color: #333;
+  margin: 0;
+  word-break: break-word;
+}
+
+.s-bullet-delivery-address-confirm-tag {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  border: 1px solid #eee;
+  border-radius: 140px;
+  padding: 4px 8px;
+  font-size: 12px;
+  color: #333;
+  margin-top: 4px;
+}
+
+.s-bullet-delivery-address-confirm-tag-icon {
+  width: 9px;
+  display: inline-flex;
+  flex-shrink: 0;
+}
+.s-bullet-delivery-address-confirm-tag-icon svg {
+  width: 100%;
+  height: 100%;
+}
+
+.s-bullet-delivery-address-confirm-description {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.s-bullet-delivery-address-confirm-description-label {
+  font-size: 14px;
+  font-weight: 500;
+  color: #444;
+}
+
+.s-bullet-delivery-address-confirm-description-optional {
+  font-weight: 400;
+  color: #999;
+  margin-inline-start: 4px;
+}
+
+.s-bullet-delivery-address-confirm-description-input {
+  width: 100%;
+  border: 1px solid #eee;
+  border-radius: 8px;
+  padding: 10px 12px;
+  font-size: 14px;
+}
+
+.s-bullet-delivery-login-prompt {
+  display: block;
+  width: 100%;
+  text-align: center;
+  background: none;
+  border: none;
+  color: var(--color-primary, #004956);
+  font-size: 14px;
+  font-weight: 500;
+  cursor: pointer;
+  padding: 12px 0;
+}
+
 @keyframes s-bullet-delivery-fade-in {
   from {
     opacity: 0;

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

@@ -6,11 +6,12 @@ import { bulletDeliveryAPI, clearApiCache, isSaudiArabia } 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 { load } from "@salla.sa/ui-google-map-render";
+import "@salla.sa/ui-google-map-render";
 import GetDirections from "../../assets/svg/get-directions.svg";
 import GPS from "../../assets/svg/gps.svg";
-import ArrowLeft from "../../assets/svg/keyboard_arrow_left.svg";
-import ArrowRight from "../../assets/svg/keyboard_arrow_right.svg";
 import Location from "../../assets/svg/location.svg";
+import LocationTag from "../../assets/svg/location-tag.svg";
 import MiniMap from "../../assets/svg/mini-map.svg";
 import Search from "../../assets/svg/search.svg";
 import Store from "../../assets/svg/store3.svg";
@@ -62,6 +63,7 @@ export class SallaBulletDelivery {
         this.bulletDeliveryMobileSelectHandler = null;
         /** True after saved addresses have been loaded (lazy: only when address tab is shown). */
         this.savedAddressesLoaded = false;
+        this.gmapRef = null;
         // Core state
         this.activeTab = "address";
         this.isLoggedIn = false;
@@ -112,6 +114,13 @@ export class SallaBulletDelivery {
         this.displayedDistricts = [];
         /** Shown when scopes/allocation returns 422 (address outside delivery coverage). Only on delivery tab. */
         this.allocationOutOfCoverageMessage = null;
+        // Map state
+        this.mapLocationData = null;
+        this.addressToken = null;
+        this.loadingToken = false;
+        this.mapReady = false;
+        this.mapStep = 'map';
+        this.addressDescription = '';
         this.newAddressForm = {
             ...SallaBulletDelivery.INITIAL_ADDRESS_FORM,
         };
@@ -186,6 +195,28 @@ export class SallaBulletDelivery {
             this.displayedDistricts = this.districts;
             this.searchingDistricts = false;
         };
+        this.handleMapLocationChanged = (event) => {
+            const detail = event.detail;
+            if (!detail?.position?.lat || !detail?.position?.lng)
+                return;
+            this.mapLocationData = {
+                lat: detail.position.lat,
+                lng: detail.position.lng,
+                shortAddress: detail.place?.placeId ?? detail.place?.place_id ?? undefined,
+                formattedAddress: detail.place?.formattedAddress ?? detail.place?.formatted_address ?? undefined,
+            };
+            setTimeout(() => {
+                const marker = this.gmapRef?.locationMarker;
+                if (marker)
+                    marker.gmpDraggable = false;
+            }, 100);
+        };
+        this.handleMapReady = () => {
+            this.mapReady = true;
+            if (this.gmapRef && typeof this.gmapRef.resize === 'function') {
+                this.gmapRef.resize();
+            }
+        };
         /**
          * Submit add-address form: create address via API then switch back to list.
          */
@@ -193,9 +224,12 @@ export class SallaBulletDelivery {
             e.preventDefault();
             if (this.savingAddress)
                 return;
-            if (!this.selectedCountry || !this.selectedCity)
+            const hasMap = this.hasMapLocation();
+            const hasDropdowns = this.selectedCountry && this.selectedCity;
+            if (!hasMap && !hasDropdowns)
                 return;
-            if (!requireRegionAndDistrictForSA(this.selectedCountry?.code, this.selectedRegion?.id, this.selectedDistrict?.id ?? (this.districtName?.trim() || null)))
+            if (!hasMap &&
+                !requireRegionAndDistrictForSA(this.selectedCountry?.code, this.selectedRegion?.id, this.selectedDistrict?.id ?? (this.districtName?.trim() || null)))
                 return;
             this.savingAddress = true;
             try {
@@ -211,14 +245,29 @@ export class SallaBulletDelivery {
                     this.addressCreated.emit({ address: latest });
                     this.viewMode = "main";
                     this.districtName = "";
+                    this.mapLocationData = null;
+                    this.mapStep = 'map';
+                    this.addressDescription = '';
                 }
                 else {
-                    Salla.notify?.error(Salla.lang.get("common.errors.error_occurred"));
+                    if (!this.isLoggedIn) {
+                        Salla.notify?.error(Salla.lang.get('pages.checkout.login_to_use_saved_addresses'));
+                        this.handleLogin();
+                    }
+                    else {
+                        Salla.notify?.error(Salla.lang.get("common.errors.error_occurred"));
+                    }
                 }
             }
             catch (error) {
                 console.error("SallaBulletDelivery: Error saving address", error);
-                Salla.notify?.error(Salla.lang.get("common.errors.error_occurred"));
+                if (!this.isLoggedIn) {
+                    Salla.notify?.error(Salla.lang.get('pages.checkout.login_to_use_saved_addresses'));
+                    this.handleLogin();
+                }
+                else {
+                    Salla.notify?.error(Salla.lang.get("common.errors.error_occurred"));
+                }
             }
             finally {
                 this.savingAddress = false;
@@ -329,6 +378,8 @@ export class SallaBulletDelivery {
             else {
                 this.activeTab = "address";
             }
+            // Fetch address token for map (fire-and-forget, non-blocking)
+            this.fetchAddressToken();
             // Load countries always; load saved addresses only when address tab is active (lazy tab data).
             if (this.isLoggedIn && this.activeTab === "address") {
                 this.loadingSavedAddresses = true;
@@ -1055,6 +1106,8 @@ export class SallaBulletDelivery {
      */
     async handleAddNewAddress() {
         this.viewMode = "add-address";
+        this.mapLocationData = null;
+        this.fetchAddressToken();
         const intent = this.getStoredIntent();
         const sessionCountryId = getIntentCountryId(intent);
         if (sessionCountryId && this.countries.length > 0) {
@@ -1073,11 +1126,56 @@ export class SallaBulletDelivery {
     }
     handleBackToAddressList() {
         this.viewMode = "main";
+        this.mapLocationData = null;
+        this.mapStep = 'map';
+        this.addressDescription = '';
+    }
+    // ─── Map methods ───
+    async fetchAddressToken() {
+        if (this.addressToken || this.loadingToken)
+            return;
+        this.loadingToken = true;
+        try {
+            const mapsKey = salla.config.get('store.settings.keys.maps');
+            if (mapsKey) {
+                load({
+                    key: mapsKey,
+                    libraries: ['marker', 'places'],
+                    language: salla.config.get('user.language_code') || 'ar',
+                }).catch(err => log('Failed to load Google Maps SDK', err));
+            }
+            this.addressToken = await bulletDeliveryAPI.getAddressToken();
+        }
+        catch {
+            log('SallaBulletDelivery: Failed to fetch address token');
+        }
+        finally {
+            this.loadingToken = false;
+        }
+    }
+    hasMapLocation() {
+        return this.mapLocationData?.lat != null && this.mapLocationData?.lng != null;
+    }
+    // TODO: replace with actual setting key once dashboard setting is built
+    get isMapSettingEnabled() {
+        return Salla.config.get('store.settings.bullet_delivery.settings.map_enabled');
     }
+    get isMapModeAvailable() {
+        return this.isMapSettingEnabled && !!salla.config.get('store.settings.keys.maps') && !!this.addressToken;
+    }
+    // ─── End Map methods ───
     /**
      * Build address/location payload from guest-form state (same fields as add-address).
      */
     buildAddressLocationPayload() {
+        if (this.isMapModeAvailable && this.hasMapLocation()) {
+            return {
+                lat: this.mapLocationData.lat,
+                lng: this.mapLocationData.lng,
+                ...(this.mapLocationData.shortAddress && { short_address: this.mapLocationData.shortAddress }),
+                ...(this.addressDescription?.trim() && { description: this.addressDescription.trim() }),
+            };
+        }
         const districtName = this.selectedDistrict?.name ?? this.districtName?.trim() ?? "";
         return buildAddressLocationPayloadFromSelection({
             countryId: this.selectedCountry?.id ?? 0,
@@ -1086,6 +1184,9 @@ export class SallaBulletDelivery {
             cityId: this.selectedCity?.id,
             districtId: this.selectedDistrict?.id,
             description: districtName,
+            lat: this.mapLocationData?.lat,
+            lng: this.mapLocationData?.lng,
+            shortAddress: this.mapLocationData?.shortAddress,
         });
     }
     async handleTabChange(tab) {
@@ -1094,6 +1195,9 @@ export class SallaBulletDelivery {
         this.tabChanging = true;
         try {
             this.activeTab = tab;
+            if (this.viewMode === 'add-address') {
+                this.viewMode = 'main';
+            }
             this.showCartWillBeClearedBanner = false;
             this.allocationOutOfCoverageMessage = null;
             this.resetSearchState();
@@ -1839,7 +1943,21 @@ export class SallaBulletDelivery {
                 }
             } }, h("input", { type: "radio", name: "saved_address", class: "s-bullet-delivery-radio", checked: selected, disabled: disabled, onClick: (e) => e.stopPropagation() }), h("span", { class: "s-bullet-delivery-address-map-icon", innerHTML: MiniMap, "aria-hidden": "true" }), h("div", { class: "s-bullet-delivery-address-content" }, h("div", { class: "s-bullet-delivery-address-lines" }, h("span", { class: "s-bullet-delivery-address-line1" }, line1), h("span", { class: "s-bullet-delivery-address-line2" }, line2)))));
     }
+    renderMapSection() {
+        const isSA = isSaudiArabia(this.selectedCountry?.code ?? '');
+        return (h("div", { class: "s-bullet-delivery-map-container" }, h("gmap-map", { ref: (el) => (this.gmapRef = el), zoom: 16, "map-id": "DEMO_MAP_ID", "enable-autocomplete": true, "enable-geolocation": true, "show-location-marker": true, language: Salla.lang.getLocale?.() ?? document.documentElement.lang ?? 'ar', "geolocation-button-label": Salla.lang.get('pages.checkout.current_location'), "autocomplete-placeholder": Salla.lang.get('pages.checkout.search_for_address'), "autocomplete-hint": isSA ? Salla.lang.get('pages.checkout.short_address_format_validation') : undefined, "autocomplete-country": this.selectedCountry?.code?.toLowerCase(), "autocomplete-resolve": false, "autocomplete-auth-token": this.addressToken, "location-marker-background": "#4285F4", "location-marker-border-color": "#1967D2", "location-marker-glyph-color": "#FFFFFF", "location-marker-scale": 1.3, "onGmap-location-changed": this.handleMapLocationChanged, "onGmap-ready": this.handleMapReady })));
+    }
+    renderAddressConfirmation() {
+        const address = this.mapLocationData?.formattedAddress ?? '';
+        const shortCode = this.mapLocationData?.shortAddress;
+        return (h("div", { class: "s-bullet-delivery-address-confirm" }, h("div", { class: "s-bullet-delivery-address-confirm-card" }, h("div", { class: "s-bullet-delivery-address-confirm-details" }, h("span", { class: "s-bullet-delivery-address-confirm-label" }, Salla.lang.get('pages.checkout.selected_address')), h("p", { class: "s-bullet-delivery-address-confirm-text" }, address), shortCode && (h("span", { class: "s-bullet-delivery-address-confirm-tag" }, shortCode, h("span", { class: "s-bullet-delivery-address-confirm-tag-icon", innerHTML: LocationTag })))), h("button", { type: "button", class: "s-bullet-delivery-address-confirm-edit", onClick: () => { this.mapStep = 'map'; } }, Salla.lang.get('common.elements.edit'))), h("div", { class: "s-bullet-delivery-address-confirm-description" }, h("label", { class: "s-bullet-delivery-address-confirm-description-label" }, Salla.lang.get('pages.checkout.address_description'), h("span", { class: "s-bullet-delivery-address-confirm-description-optional" }, Salla.lang.get('common.elements.optional'))), h("input", { type: "text", class: "s-bullet-delivery-address-confirm-description-input form-input", placeholder: Salla.lang.get('pages.checkout.address_description_placeholder'), value: this.addressDescription, onInput: (e) => { this.addressDescription = e.target.value; } }))));
+    }
     renderGuestDeliveryForm() {
+        if (this.isMapModeAvailable) {
+            return this.mapStep === 'confirm' && this.hasMapLocation()
+                ? this.renderAddressConfirmation()
+                : this.renderMapSection();
+        }
         const isSA = isSaudiArabia(this.selectedCountry?.code ?? '');
         return [
             this.renderCountrySelect(),
@@ -1854,7 +1972,28 @@ export class SallaBulletDelivery {
                 "s-hidden": this.activeTab !== "address",
             } }, this.isLoggedIn
             ? this.renderSavedAddresses()
-            : this.renderGuestDeliveryForm()));
+            : this.renderGuestDeliveryContent()));
+    }
+    renderGuestDeliveryContent() {
+        if (!this.isMapModeAvailable) {
+            return this.renderGuestDeliveryForm();
+        }
+        const hasMapLoc = this.hasMapLocation();
+        const isConfirmStep = this.mapStep === 'confirm' && hasMapLoc;
+        const submitLabel = isConfirmStep
+            ? (this.savingAddress
+                ? Salla.lang.get("pages.checkout.loading")
+                : Salla.lang.get("pages.checkout.confirm_address"))
+            : Salla.lang.get('pages.checkout.confirm_location');
+        const handleSubmit = (e) => {
+            e.preventDefault();
+            if (!isConfirmStep && hasMapLoc) {
+                this.mapStep = 'confirm';
+                return;
+            }
+            this.handleSubmitAddAddress(e);
+        };
+        return (h("form", { onSubmit: handleSubmit }, this.renderGuestDeliveryForm(), h("div", { class: "s-bullet-delivery-form-actions s-bullet-delivery-form-actions--single", style: { padding: '24px' } }, h("salla-button", { type: "submit", loading: this.savingAddress, disabled: !hasMapLoc || this.savingAddress, width: "wide" }, submitLabel), !this.isLoggedIn && (h("button", { type: "button", class: "s-bullet-delivery-login-prompt", onClick: () => this.handleLogin() }, Salla.lang.get('pages.checkout.login_to_use_saved_addresses'))))));
     }
     renderBranchSearch() {
         return (h("div", { class: "s-bullet-delivery-branch-search" }, h("div", { class: "s-bullet-delivery-search-row" }, h("div", { class: "s-bullet-delivery-search s-bullet-delivery-branch-search-wrap" }, h("span", { class: "s-bullet-delivery-search-icon s-bullet-delivery-branch-search-icon", innerHTML: Search, "aria-hidden": "true" }), h("input", { type: "text", class: "s-bullet-delivery-branch-search-input form-input", placeholder: Salla.lang.get("pages.checkout.search_for_city_or_branch"), value: this.branchSearchQuery, onInput: (e) => this.handleBranchSearch(e), autocomplete: "off" })), h("button", { type: "button", class: {
@@ -1893,23 +2032,53 @@ export class SallaBulletDelivery {
                 "s-hidden": this.activeTab !== "branch",
             } }, this.renderCountrySelect(), this.renderBranchSearch(), this.renderBranchList()));
     }
-    /** Add-address form: same fields as guest form (country, region, city, district) only. */
+    /** Add-address form: map two-step flow or dropdown fallback. */
     renderAddAddressForm() {
         const title = Salla.lang.get("pages.checkout.add_new_address");
+        const mapMode = this.isMapModeAvailable;
         const isSA = isSaudiArabia(this.selectedCountry?.code ?? '');
-        const canSubmit = this.selectedCountry &&
-            this.selectedCity &&
-            (!isSA || this.selectedRegion) &&
-            (!isSA ||
-                !!this.selectedDistrict ||
-                !!(this.districtName && this.districtName.trim().length > 0));
-        const submitLabel = this.savingAddress
-            ? Salla.lang.get("pages.checkout.loading")
-            : Salla.lang.get("pages.checkout.confirm_address");
+        const hasMapLoc = this.hasMapLocation();
+        let canSubmit;
+        let submitLabel;
+        if (mapMode) {
+            if (this.mapStep === 'map') {
+                canSubmit = hasMapLoc;
+                submitLabel = Salla.lang.get('pages.checkout.confirm_location');
+            }
+            else {
+                canSubmit = hasMapLoc;
+                submitLabel = this.savingAddress
+                    ? Salla.lang.get("pages.checkout.loading")
+                    : Salla.lang.get("pages.checkout.confirm_address");
+            }
+        }
+        else {
+            const canSubmitDropdowns = this.selectedCountry &&
+                this.selectedCity &&
+                (!isSA || this.selectedRegion) &&
+                (!isSA ||
+                    !!this.selectedDistrict ||
+                    !!(this.districtName && this.districtName.trim().length > 0));
+            canSubmit = hasMapLoc || canSubmitDropdowns;
+            submitLabel = this.savingAddress
+                ? Salla.lang.get("pages.checkout.loading")
+                : Salla.lang.get("pages.checkout.confirm_address");
+        }
         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)))));
+        const handleFormSubmit = (e) => {
+            e.preventDefault();
+            if (mapMode && this.mapStep === 'map' && hasMapLoc) {
+                this.mapStep = 'confirm';
+                return;
+            }
+            this.handleSubmitAddAddress(e);
+        };
+        return (h("div", { class: "s-bullet-delivery-add-address" }, h("form", { class: "s-bullet-delivery-add-address-form", onSubmit: handleFormSubmit }, 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() {
+        if (this.activeTab === "address" && !this.isLoggedIn && this.isMapModeAvailable) {
+            return null;
+        }
         const showAddAddressInFooter = this.activeTab === "address" && this.isLoggedIn;
         return (h("div", { class: "s-bullet-delivery-footer" }, h("salla-button", { ref: (btn) => {
                 this.confirmBtn = btn;
@@ -1925,7 +2094,7 @@ export class SallaBulletDelivery {
         const activeTabView = this.activeTab === "branch" && this.supportsPickup
             ? this.renderPickupTab()
             : this.renderDeliveryTab();
-        return (h("div", null, h("div", { class: "s-bullet-delivery-header" }, h("h2", { class: "s-bullet-delivery-title" }, this.activeTab === 'address' ? Salla.lang.get('blocks.home.add_address_for_order_delivery') : Salla.lang.get('blocks.home.how_prefer_to_receive_order')), h("p", { class: "s-bullet-delivery-subtitle" }, this.activeTab === 'address' ? Salla.lang.get('blocks.home.products_available_for_delivery_shown_while_shopping') : Salla.lang.get('blocks.home.products_available_for_delivery_or_pickup_shown_while_shopping'))), this.renderTabs(), this.showCartWillBeClearedBanner &&
+        return (h("div", null, this.showCartWillBeClearedBanner &&
             this.renderAlert(Salla.lang.get("blocks.scope.empty_cart_warning")), this.allocationOutOfCoverageMessage &&
             this.renderAllocationOutOfCoverageAlert(), activeTabView, !isAddressEmptyState && this.renderFooter()));
     }
@@ -2054,7 +2223,7 @@ export class SallaBulletDelivery {
             return null;
         return (h(Host, { class: "s-bullet-delivery" }, h("salla-modal", { ref: (modal) => {
                 this.modal = modal;
-            }, isClosable: !this.isRequired && !this.shouldForceNonClosable(), class: "s-bullet-delivery-modal", width: "sm" }, 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", { class: "s-bullet-delivery-inner" }, h("div", { class: "s-bullet-delivery-header" }, h("h2", { class: "s-bullet-delivery-title" }, this.activeTab === 'address' ? Salla.lang.get('blocks.home.add_address_for_order_delivery') : Salla.lang.get('blocks.home.how_prefer_to_receive_order')), h("p", { class: "s-bullet-delivery-subtitle" }, this.activeTab === 'address' ? Salla.lang.get('blocks.home.products_available_for_delivery_shown_while_shopping') : Salla.lang.get('blocks.home.products_available_for_delivery_or_pickup_shown_while_shopping'))), this.renderTabs(), this.viewMode === "main" && this.renderMainView(), this.viewMode === "add-address" && this.renderAddAddressForm()))));
     }
     componentDidLoad() {
         // Mark component as ready
@@ -2224,6 +2393,12 @@ export class SallaBulletDelivery {
             "displayedCities": {},
             "displayedDistricts": {},
             "allocationOutOfCoverageMessage": {},
+            "mapLocationData": {},
+            "addressToken": {},
+            "loadingToken": {},
+            "mapReady": {},
+            "mapStep": {},
+            "addressDescription": {},
             "newAddressForm": {}
         };
     }