@salla.sa/twilight-components 2.14.542 → 2.14.544

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-ufJ3UmgO.js');
+var index = require('./index-CvqLEBf0.js');
 
 const sallaWalletCss = "/*!twlt*/.s-wallet-table{min-width:100%}.s-wallet-table-balance-container{display:flex !important;align-items:center !important;justify-content:flex-start !important;gap:1rem}.s-wallet-table-balance-icon{border-radius:50%;width:52px;height:52px;font-size:25px;padding:16px 13px;background:var(--color-primary-reverse);color:var(--color-primary)}.s-wallet-table-empty-state{display:flex;flex-direction:column;align-items:center}.s-wallet-table-empty-state i{font-size:80px;margin:4rem 0 2rem;color:var(--infinte-color)}.s-wallet-table-transaction-status{padding:6px 19px !important;border-radius:20px;width:max-content;display:flex;align-items:center}.s-wallet-table-transaction-status-default{background:#fff6eb;color:#a46f29}.s-wallet-table-transaction-status-cashback{background:#effbf6;color:#00af6c}.s-wallet-table-transaction-status-refund{background:#ecf3fe;color:#5196f3}.s-wallet-table-transaction-status-purchase{background:#feecec;color:#f55157}.s-wallet-table-transaction-status-icons-success{color:#00af6c}.absolute{position:absolute}.relative{position:relative}.flex{display:flex}.table{display:table}.hidden{display:none}.items-center{align-items:center}.p-3{padding:0.75rem}.text-center{text-align:center}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.font-normal{font-weight:400}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.s-wallet-container>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.625rem * var(--tw-space-y-reverse))}@media (min-width: 768px){.s-wallet-container>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}}.s-wallet-mobile-title{display:inline-block;width:8rem;font-weight:400;--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}@media (min-width: 768px){.s-wallet-mobile-title{display:none}}.s-wallet-reference-id{display:none}@media (min-width: 768px){.s-wallet-reference-id{display:inline-block}}.s-wallet-buy-as-gift-icon{margin-left:0.25rem;margin-right:0.25rem;display:inline-block;color:var(--color-primary)}.s-wallet-copy-to-clipboard-button{display:flex;align-items:center}@media (min-width: 768px){.s-wallet-copy-to-clipboard-button{display:none}}.s-wallet-copy-to-clipboard-button salla-button{position:relative}.s-wallet-copy-to-clipboard-button-icon{pointer-events:none;font-size:0.75rem;line-height:1rem}.s-wallet-copy-to-clipboard-button-icon:where([dir=\"ltr\"],[dir=\"ltr\"] *){margin-left:0.25rem}.s-wallet-copy-to-clipboard-button-icon:where([dir=\"rtl\"],[dir=\"rtl\"] *){margin-right:0.25rem}@media (min-width: 768px){.s-wallet-status-container{margin-left:0px;margin-right:0px}}.s-wallet-status-container:where([dir=\"ltr\"],[dir=\"ltr\"] *){margin-left:auto}.s-wallet-status-container:where([dir=\"rtl\"],[dir=\"rtl\"] *){margin-right:auto}.s-wallet-status-container i{margin-top:0.25rem}.s-wallet-status-container i:where([dir=\"ltr\"],[dir=\"ltr\"] *){margin-right:0.25rem}.s-wallet-status-container i:where([dir=\"rtl\"],[dir=\"rtl\"] *){margin-left:0.25rem}.s-wallet-rated-text{--tw-text-opacity:1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.s-wallet-unrated-text{--tw-text-opacity:1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.s-wallet-no-content{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center;padding-top:2.5rem;padding-bottom:5rem;--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.s-wallet-no-content .icon{margin-bottom:1rem;display:flex;height:8rem;width:8rem;align-items:center;justify-content:center;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));font-size:3rem;line-height:1;--tw-text-opacity:1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.s-wallet-no-content p{margin-bottom:1rem;font-size:1rem;line-height:1.5rem;--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.s-wallet-table{min-width:100%;border-collapse:separate}@media (min-width: 768px){.s-wallet-table{margin-bottom:-0.75rem;--tw-border-spacing-y:1.25rem;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}}.s-wallet-table-head{margin-bottom:1.25rem;display:none;--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}@media (min-width: 768px){.s-wallet-table-head{display:table-header-group}}.s-wallet-table-head-tr-th{padding-left:1.5rem;padding-right:1.5rem;text-align:start;font-size:0.875rem;line-height:1.25rem;font-weight:500;text-transform:uppercase;letter-spacing:0.05em}.s-wallet-table-head-tr-th:where([dir=\"ltr\"],[dir=\"ltr\"] *){text-align:left}.s-wallet-table-head-tr-th:last-child:where([dir=\"ltr\"],[dir=\"ltr\"] *){text-align:right}.s-wallet-table-head-tr-th:where([dir=\"rtl\"],[dir=\"rtl\"] *){text-align:right}.s-wallet-table-head-tr-th:last-child:where([dir=\"rtl\"],[dir=\"rtl\"] *){text-align:left}.s-wallet-table-tbody-tr{position:relative;display:flex;flex-direction:row;flex-wrap:wrap;overflow:hidden;border-radius:var(--s-radius, 0.25rem);border-bottom-width:8px;border-top-width:8px;--tw-border-opacity:1;border-color:rgb(249 250 251 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:0.5rem;transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:500ms}@media (min-width: 768px){.s-wallet-table-tbody-tr{display:table-row;flex-direction:row;flex-wrap:nowrap;padding:0px}}.s-wallet-table-tbody-tr-td{width:100%;white-space:nowrap;font-size:0.875rem;line-height:1.25rem}.s-wallet-table-tbody-tr-td:first-child{font-weight:700}@media (min-width: 768px){.s-wallet-table-tbody-tr-td{height:5rem;width:auto}.s-wallet-table-tbody-tr-td:last-child{text-align:end}.s-wallet-table-tbody-tr-td:first-child:where([dir=\"ltr\"],[dir=\"ltr\"] *){border-top-left-radius:0.375rem;border-bottom-left-radius:0.375rem}.s-wallet-table-tbody-tr-td:first-child:where([dir=\"rtl\"],[dir=\"rtl\"] *){border-top-right-radius:0.375rem;border-bottom-right-radius:0.375rem}}.s-wallet-table-tbody-tr-td:first-child{font-weight:700}.s-wallet-table-tbody-tr-td-content{position:relative;display:flex;align-items:center;justify-content:space-between;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;font-size:0.75rem;line-height:1rem}@media (min-width: 768px){.s-wallet-table-tbody-tr-td-content{padding-left:1.5rem;padding-right:1.5rem;padding-top:1.5rem;padding-bottom:1.5rem}}.s-wallet-table-tbody-tr-td-content:where([dir=\"ltr\"],[dir=\"ltr\"] *){padding-right:0.5rem}.s-wallet-table-tbody-tr-td-content:where([dir=\"rtl\"],[dir=\"rtl\"] *){padding-left:0.5rem}.s-wallet-table-tbody-tr a{position:absolute;top:0px;bottom:0px;display:block;width:100%}.s-wallet-table-tbody-tr a:where([dir=\"ltr\"],[dir=\"ltr\"] *){left:0px}.s-wallet-table-tbody-tr a:where([dir=\"rtl\"],[dir=\"rtl\"] *){right:0px}@media (min-width: 768px){.md\\:mx-0{margin-left:0px;margin-right:0px}.md\\:inline-block{display:inline-block}.md\\:hidden{display:none}}.ltr\\:ml-auto:where([dir=\"ltr\"],[dir=\"ltr\"] *){margin-left:auto}.ltr\\:mr-4:where([dir=\"ltr\"],[dir=\"ltr\"] *){margin-right:1rem}.rtl\\:ml-4:where([dir=\"rtl\"],[dir=\"rtl\"] *){margin-left:1rem}.rtl\\:mr-auto:where([dir=\"rtl\"],[dir=\"rtl\"] *){margin-right:auto}";
 

package/dist/cjs/salla-wishlist-actions.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-ufJ3UmgO.js');
+var index = require('./index-CvqLEBf0.js');
 
 const sallaWishlistActionsCss = "/*!twlt*/:host{display:block}.s-wishlist-actions-menu{min-width:200px;inset-inline-end:0;inset-inline-start:auto;list-style:none;margin:0;padding:4px 0;box-shadow:0 4px 16px rgba(0, 0, 0, 0.12)}.s-wishlist-actions-menu-item{display:block;width:100%;padding:10px 16px;text-align:start;font-size:0.875rem;color:#374151;background:transparent;cursor:pointer;white-space:nowrap}.s-wishlist-actions-menu-item:hover{background-color:#f3f4f6;color:var(--color-primary)}.s-wishlist-actions-panel{box-shadow:0 1px 3px rgba(0, 0, 0, 0.08)}.s-wishlist-actions-panel-select-all{user-select:none}.s-wishlist-actions-select-all:indeterminate,.s-wishlist-actions-select-all:indeterminate:hover,.s-wishlist-actions-select-all:indeterminate:focus{background-color:var(--color-primary);border-color:var(--color-primary)}.s-wishlist-actions-select-all:indeterminate::after{content:\"\";position:absolute;top:50%;left:50%;width:10px;height:2px;background:#fff;border:none;transform:translate(-50%, -50%)}.s-wishlist-actions-social-anchor{display:none}h1.s-wishlist-actions-page-title{text-align:start !important}.static{position:static}.absolute{position:absolute}.relative{position:relative}.z-20{z-index:20}.mb-3{margin-bottom:0.75rem}.mt-1{margin-top:0.25rem}.mt-3{margin-top:0.75rem}.flex{display:flex}.cursor-pointer{cursor:pointer}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:0.5rem}.gap-3{gap:0.75rem}.gap-4{gap:1rem}.overflow-hidden{overflow:hidden}.rounded-lg{border-radius:0.5rem}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.p-4{padding:1rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.font-bold{font-weight:700}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.outline{outline-style:solid}";
 

package/dist/cjs/twilight.cjs.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-ufJ3UmgO.js');
+var index = require('./index-CvqLEBf0.js');
 
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 /*

package/dist/cjs/{vanilla-picker-DvN9odkn.js → vanilla-picker-BzqeTGIZ.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-ufJ3UmgO.js');
+var index = require('./index-CvqLEBf0.js');
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

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

@@ -88,9 +88,12 @@ export const getIntentBranchId = (i) => i?.branch_details?.id;
 /** Intent coordinates (branch tab only; address flow no longer uses coordinates). */
 export const getIntentLatitude = (i) => i?.branch_details?.latitude;
 export const getIntentLongitude = (i) => i?.branch_details?.longitude;
+export const isMapOriginIntent = (i) => !!i && i.type === 'address' && i.address_details?.lat != null && i.address_details?.lng != null;
 export const hasSessionAddressIntent = (intent) => {
     if (!intent || intent.type !== 'address' || intent.address_id)
         return false;
+    if (isMapOriginIntent(intent))
+        return true;
     const c = getIntentCountryId(intent);
     const city = getIntentCityId(intent);
     const d = getIntentDistrictId(intent);

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

@@ -3,7 +3,7 @@
  */
 import { h, Host, } from "@stencil/core";
 import { bulletDeliveryAPI, clearApiCache, isSaudiArabia } from "./api-service";
-import { buildAddressLocationPayloadFromSelection, filterBranches, findNearestBranch, getGeolocationErrorMessage, getIntentBranchId, getIntentCityId, getIntentCountryCode, getIntentCountryId, getIntentDistrictId, getIntentLatitude, getIntentLongitude, getIntentRegionId, getIntentSubtitle, hasSessionAddressIntent, isBranchSelectable, requireRegionAndDistrictForSA, } from "./helpers";
+import { buildAddressLocationPayloadFromSelection, filterBranches, findNearestBranch, getGeolocationErrorMessage, getIntentBranchId, getIntentCityId, getIntentCountryCode, getIntentCountryId, getIntentDistrictId, getIntentLatitude, getIntentLongitude, getIntentRegionId, getIntentSubtitle, hasSessionAddressIntent, isMapOriginIntent, isBranchSelectable, requireRegionAndDistrictForSA, } from "./helpers";
 const BRANCH_SEARCH_DEBOUNCE_MS = 1000;
 const GEOLOCATION_TIMEOUT = 10000;
 /** Final fallback center used only if `user.default_geo_location` is absent (Riyadh — matches checkout map-page). */
@@ -1019,6 +1019,9 @@ export class SallaBulletDelivery {
                         ? `${address.district.name}، ${address.city.name}`
                         : (address.city?.name ?? "");
             }
+            else if (this.isGuestMapPick) {
+                locationText = result.address_details?.formatted_address ?? "";
+            }
             else if (this.selectedCity) {
                 locationText = this.selectedDistrict
                     ? `${this.selectedDistrict.name}، ${this.selectedCity.name}`
@@ -1027,11 +1030,14 @@ export class SallaBulletDelivery {
             else if (result.address_details) {
                 const parts = [
                     result.address_details.district?.name,
-                    result.address_details.city.name,
-                    result.address_details.country.name,
+                    result.address_details.city?.name,
+                    result.address_details.country?.name,
                 ].filter(Boolean);
                 locationText =
-                    parts.join("، ") || result.address_details.short_address || "";
+                    parts.join("، ") ||
+                        result.address_details.formatted_address ||
+                        result.address_details.short_address ||
+                        "";
             }
         }
         else if (branch) {
@@ -1307,6 +1313,10 @@ export class SallaBulletDelivery {
     get isMapModeAvailable() {
         return this.isMapSettingEnabled && !!salla.config.get('store.settings.keys.maps') && !!this.addressToken;
     }
+    /** Guest is in map mode and has already dropped a pin (as opposed to still using the dropdowns). */
+    get isGuestMapPick() {
+        return !this.isLoggedIn && this.isMapModeAvailable && this.hasMapLocation();
+    }
     /** Center shown before geolocation resolves — the customer's IP-based default (falls back to Riyadh). */
     get mapInitialCenter() {
         const geo = salla.config.get('user.default_geo_location');
@@ -1447,6 +1457,10 @@ export class SallaBulletDelivery {
             if (this.isLoggedIn && this.selectedSavedAddress) {
                 return this.selectedSavedAddress.is_in_coverage === false;
             }
+            // Guest map pick: a pin is the only requirement, independent of any incidental dropdown state.
+            if (!this.isLoggedIn && this.isMapModeAvailable) {
+                return !this.isGuestMapPick;
+            }
             // Guest: require country + city; for SA require region + district
             if (!this.selectedCountry || !this.selectedCity)
                 return true;
@@ -1472,9 +1486,26 @@ export class SallaBulletDelivery {
         resolve();
     }
     buildIntentAddress() {
-        if (this.activeTab !== "address" ||
-            !this.selectedCountry ||
-            !this.selectedCity) {
+        if (this.activeTab !== "address")
+            return undefined;
+        if (this.isGuestMapPick && this.mapLocationData) {
+            const { lat, lng, formattedAddress, shortAddress } = this.mapLocationData;
+            return {
+                country: this.selectedCountry
+                    ? {
+                        id: this.selectedCountry.id,
+                        name: this.selectedCountry.name,
+                        code: this.selectedCountry.code,
+                    }
+                    : undefined,
+                lat,
+                lng,
+                formatted_address: formattedAddress,
+                place_id: shortAddress,
+                description: this.addressDescription?.trim() || undefined,
+            };
+        }
+        if (!this.selectedCountry || !this.selectedCity) {
             return undefined;
         }
         const country = {
@@ -1553,6 +1584,9 @@ export class SallaBulletDelivery {
             district_name: this.districtName?.trim() || undefined,
             short_address: selectedAddress?.short_address ?? this.selectedSavedAddress?.short_address,
             form_data: { ...this.newAddressForm },
+            lat: this.mapLocationData?.lat,
+            lng: this.mapLocationData?.lng,
+            formatted_address: this.mapLocationData?.formattedAddress,
         };
     }
     /**
@@ -1760,6 +1794,13 @@ export class SallaBulletDelivery {
                 }
                 else {
                     result.address_details = this.buildIntentAddress();
+                    if (this.isGuestMapPick) {
+                        // Guest + map pin: defer to login instead of the blocked guest allocation (422, SHPD-9558).
+                        this.setStoredIntent(result);
+                        this.confirmBtn?.stop();
+                        this.handleLogin();
+                        return;
+                    }
                 }
             }
             else {
@@ -1778,7 +1819,7 @@ export class SallaBulletDelivery {
                     };
                 }
                 else {
-                    // Case 1: Guest user or logged-in user without saved address
+                    // Case 1: Guest user (dropdown selection) or logged-in user without saved address
                     allocationPayload = {
                         type: "address",
                         country_id: String(this.selectedCountry?.id || 0),
@@ -2015,6 +2056,28 @@ export class SallaBulletDelivery {
      */
     async saveSessionAddressToProfile() {
         const intent = this.getStoredIntent();
+        if (isMapOriginIntent(intent)) {
+            const details = intent.address_details;
+            const payload = {
+                lat: details.lat,
+                lng: details.lng,
+                ...(details.place_id && { short_address: details.place_id }),
+                ...(details.description && { description: details.description }),
+            };
+            try {
+                const { success, address } = await bulletDeliveryAPI.saveAddressLocation(payload);
+                if (!success || !address)
+                    return null;
+                // Persist address_id immediately to avoid duplicate creation on retry.
+                this.setStoredIntent({ ...intent, address_id: address.id });
+                this.addressCreated.emit({ address });
+                return address;
+            }
+            catch (error) {
+                console.error("SallaBulletDelivery: Error saving session address (map)", error);
+                return null;
+            }
+        }
         const countryId = getIntentCountryId(intent);
         const cityId = getIntentCityId(intent);
         const districtId = getIntentDistrictId(intent);
@@ -2058,12 +2121,15 @@ export class SallaBulletDelivery {
         }
         const intent = this.getStoredIntent();
         const hasSessionAddress = hasSessionAddressIntent(intent);
+        const isMapSession = isMapOriginIntent(intent);
         const sessionLine1 = hasSessionAddress && intent?.address_details
-            ? [intent.address_details.city?.name, intent.address_details.country?.name]
-                .filter(Boolean)
-                .join("، ") || ""
+            ? isMapSession
+                ? (intent.address_details.formatted_address ?? "")
+                : [intent.address_details.city?.name, intent.address_details.country?.name]
+                    .filter(Boolean)
+                    .join("، ") || ""
             : "";
-        const sessionLine2 = hasSessionAddress && intent?.address_details
+        const sessionLine2 = hasSessionAddress && intent?.address_details && !isMapSession
             ? (intent.address_details.district?.name ?? "").trim()
             : "";
         if (this.savedAddresses.length === 0 && !hasSessionAddress) {
@@ -2159,7 +2225,7 @@ export class SallaBulletDelivery {
         const isConfirmStep = this.mapStep === 'confirm' && hasMapLoc;
         const canAdvanceToConfirm = this.canConfirmMapLocation();
         const submitLabel = isConfirmStep
-            ? (this.savingAddress
+            ? (this.confirming
                 ? Salla.lang.get("pages.checkout.loading")
                 : Salla.lang.get("pages.checkout.confirm_address"))
             : Salla.lang.get('pages.checkout.confirm_location');
@@ -2169,9 +2235,9 @@ export class SallaBulletDelivery {
                 this.mapStep = 'confirm';
                 return;
             }
-            this.handleSubmitAddAddress(e);
+            this.handleConfirm();
         };
-        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: isConfirmStep ? this.savingAddress : !canAdvanceToConfirm, 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'))))));
+        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.confirming, disabled: isConfirmStep ? this.confirming : !canAdvanceToConfirm, 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: {
@@ -2266,7 +2332,7 @@ export class SallaBulletDelivery {
                 this.confirmBtn = btn;
             }, disabled: this.isConfirmDisabled(), onClick: () => this.handleConfirm(), "loader-position": "center", width: "wide" }, this.activeTab === "branch"
             ? Salla.lang.get("pages.checkout.confirm_receipt_from_the_branch")
-            : Salla.lang.get("pages.checkout.confirm_address")), showAddAddressInFooter && (h("salla-button", { onClick: () => this.handleAddNewAddress(), width: "wide", shape: "link" }, Salla.lang.get("pages.checkout.add_new_address"))), !this.isLoggedIn && (h("salla-button", { shape: "link", onClick: this.handleLogin }, Salla.lang.get("pages.checkout.login_to_use_saved_addresses")))));
+            : Salla.lang.get("pages.checkout.confirm_address")), showAddAddressInFooter && (h("salla-button", { onClick: () => this.handleAddNewAddress(), width: "wide", shape: "link" }, Salla.lang.get("pages.checkout.add_new_address"))), !this.isLoggedIn && (h("salla-button", { shape: "link", onClick: () => this.handleLogin() }, Salla.lang.get("pages.checkout.login_to_use_saved_addresses")))));
     }
     renderMainView() {
         const isAddressEmptyState = this.isLoggedIn &&

package/dist/collection/components/salla-delivery-promise/delivery-promise-api.js

@@ -32,7 +32,7 @@ export async function fetchDeliveryMessage(productId, id, optionType, isLoginCyc
     const response = (await salla.api.withoutNotifier(() => salla.api.request(salla.url.api(`products/${productId}/delivery-promises${queryString}`))));
     if (!response.success) {
         log('fetchDeliveryMessage error', { response });
-        throw new Error(response.error?.message || 'Failed to fetch delivery promise');
+        return null;
     }
     const message = response.data?.message?.trim();
     log('fetchDeliveryMessage success', { message });

package/dist/collection/components/salla-delivery-promise/delivery-promise-intent.js

@@ -1,6 +1,11 @@
 /*!
  * Crafted with ❤ by Salla
  */
+/**
+ * Bullet delivery intent helpers.
+ * Reads/writes the same storage key as salla-bullet-delivery so both components stay in sync.
+ */
+import { isMapOriginIntent } from "../salla-bullet-delivery/helpers";
 const INTENT_KEY = 'bullet_delivery_intent';
 function getIntentStorage() {
     const rememberLastSession = Boolean(salla.config.get('store.settings.bullet_delivery.settings.remember_last_session'));
@@ -22,6 +27,10 @@ export function resolveIntent() {
         if (cityId != null) {
             return { type: 'address', option: { id: cityId, name: cityName } };
         }
+        // Map-origin pick: no city id to query a delivery estimate by, but still show the address.
+        if (isMapOriginIntent(intent) && intent.address_details?.formatted_address) {
+            return { type: 'address', option: { name: intent.address_details.formatted_address } };
+        }
         return null;
     }
     if (intent.type === 'branch') {

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

@@ -123,12 +123,19 @@ export class SallaDeliveryPromise {
             this.selectedCityLoginCycle = resolved.option;
             this.selectedBranchLoginCycle = null;
             this.selectedLabel = `${this.labels.deliveryTo} ${resolved.option.name || this.labels.selectCity}`;
-            void this.loadDeliveryMessage(resolved.option.id, 'city');
+            // Map-origin picks have no resolved city id — nothing to query a delivery estimate by.
+            if (resolved.option.id != null) {
+                void this.loadDeliveryMessage(resolved.option.id, 'city');
+            }
+            else {
+                this.deliveryMessage = null;
+            }
         }
         else {
             this.selectedBranchLoginCycle = resolved.option;
             this.selectedCityLoginCycle = null;
             this.selectedLabel = `${this.labels.pickupFromBranch} ${resolved.option.name}`;
+            // Branch resolution in resolveIntent() always sets an id.
             void this.loadDeliveryMessage(resolved.option.id, 'branch');
         }
         return true;
@@ -183,8 +190,8 @@ export class SallaDeliveryPromise {
             this.deliveryMessage = await fetchDeliveryMessage(this.productId, id, optionType, this.isLoginCycleEnabled);
         }
         catch (error) {
-            this.hasError = true;
-            this.errorMessage = optionType === 'city' ? this.labels.errorDeliveryPromise : this.labels.errorPickupPromise;
+            log('loadDeliveryMessage failed', { id, optionType, error });
+            this.deliveryMessage = null;
         }
         finally {
             this.isLoadingPromises = false;

package/dist/components/helpers.js

@@ -0,0 +1,319 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+/**
+ * API Service for salla-bullet-delivery component
+ * Uses Salla's shipping API and scope API for delivery location management
+ */
+const API_LOG_PREFIX = 'BulletDeliveryAPI';
+const validId = (id) => {
+    const n = id == null ? Number.NaN : Number(id);
+    return !Number.isNaN(n) && n !== 0;
+};
+async function withApiErrorHandling(fn, fallback, logLabel) {
+    try {
+        return await fn();
+    }
+    catch (error) {
+        console.error(`${API_LOG_PREFIX}: ${logLabel}`, error);
+        return fallback;
+    }
+}
+const apiCache = new Map();
+const CACHE_TTL = 5 * 60 * 1000;
+function getCached(key) {
+    const entry = apiCache.get(key);
+    if (!entry || Date.now() - entry.timestamp > CACHE_TTL) {
+        apiCache.delete(key);
+        return null;
+    }
+    return entry.data;
+}
+function setCache(key, data) {
+    apiCache.set(key, { data, timestamp: Date.now() });
+}
+/** Uses country code from API (e.g. 'SA'). */
+const isSaudiArabia = (countryCode) => String(countryCode).toUpperCase() === 'SA';
+/**
+ * Fast Delivery API Service
+ * Uses Salla's shipping API and scopes API. Branch and address data are used as returned by the API (no mapping).
+ */
+const bulletDeliveryAPI = {
+    /**
+     * Get available countries from Salla shipping API
+     * @param forBranch - when true, use for_branch=1 (e.g. for pickup/branches tab)
+     */
+    async getCountries(forBranch = false, query) {
+        const cacheKey = !query?.trim() ? `countries_${forBranch ? 1 : 0}` : null;
+        if (cacheKey) {
+            const cached = getCached(cacheKey);
+            if (cached)
+                return cached;
+        }
+        const result = await withApiErrorHandling(async () => {
+            const params = { for_branch: forBranch ? 1 : 0 };
+            if (forBranch) {
+                params.for_allocation = 1;
+            }
+            if (query?.trim())
+                params.query = query.trim();
+            const data = (await salla.api.request("shipping/countries", { params }))?.data ?? [];
+            return data.map((c) => ({ id: c.id, code: c.code, name: c.name, has_regions: isSaudiArabia(c.code) }));
+        }, [], 'Error getting countries');
+        if (cacheKey && result.length > 0)
+            setCache(cacheKey, result);
+        return result;
+    },
+    /**
+     * Get regions for a country from Salla shipping API
+     * Endpoint: GET /shipping/countries/<COUNTRY_ID>/region
+     */
+    async getRegions(countryId, query) {
+        if (!validId(countryId)) {
+            console.warn(`${API_LOG_PREFIX}: getRegions called without valid country_id`);
+            return [];
+        }
+        const cacheKey = !query?.trim() ? `regions_${countryId}` : null;
+        if (cacheKey) {
+            const cached = getCached(cacheKey);
+            if (cached)
+                return cached;
+        }
+        const result = await withApiErrorHandling(async () => {
+            const params = {};
+            if (query?.trim())
+                params.query = query.trim();
+            const data = (await salla.api.request(`shipping/countries/${countryId}/regions`, { params }))?.data ?? [];
+            return data.map((r) => ({ id: r.id, name: r.name, code: r.code, country_id: Number(countryId) }));
+        }, [], 'Error fetching regions');
+        if (cacheKey && result.length > 0)
+            setCache(cacheKey, result);
+        return result;
+    },
+    /**
+     * Get cities from Salla shipping API
+     * @param regionId - Optional; when provided (e.g. for SA), cities are filtered by region
+     */
+    async getCities(countryId, regionId, query) {
+        if (!validId(countryId)) {
+            console.warn(`${API_LOG_PREFIX}: getCities called without valid country_id`);
+            return [];
+        }
+        const cacheKey = !query?.trim() ? `cities_${countryId}_${regionId || 'all'}` : null;
+        if (cacheKey) {
+            const cached = getCached(cacheKey);
+            if (cached)
+                return cached;
+        }
+        const result = await withApiErrorHandling(async () => {
+            const params = { for_branch: 0, country_id: countryId };
+            if (regionId)
+                params.region_id = regionId;
+            if (query?.trim())
+                params.query = query.trim();
+            const data = (await salla.api.request("shipping/cities", { params }))?.data ?? [];
+            return data.map((c) => ({ id: c.id, name: c.name, country_id: countryId, ...(c.region_id != null && { region_id: c.region_id }) }));
+        }, [], 'Error fetching cities');
+        if (cacheKey && result.length > 0)
+            setCache(cacheKey, result);
+        return result;
+    },
+    /**
+     * Get districts from Salla shipping API
+     */
+    async getDistricts(cityId, query) {
+        if (!validId(cityId)) {
+            console.warn(`${API_LOG_PREFIX}: getDistricts called without valid city_id`);
+            return [];
+        }
+        return withApiErrorHandling(async () => {
+            const params = { for_branch: 0, city_id: cityId };
+            if (query?.trim())
+                params.query = query.trim();
+            const raw = (await salla.api.request("shipping/districts", { params }))?.data;
+            const list = Array.isArray(raw) ? raw : (Array.isArray(raw?.districts) ? raw.districts : []);
+            return list.map((d) => ({ id: d.id, name: d.name, name_en: d.name_en, city_id: cityId }));
+        }, [], 'Error fetching districts');
+    },
+    async getSavedAddresses() {
+        return withApiErrorHandling(async () => {
+            const data = (await salla.api.request("address"))?.data;
+            return Array.isArray(data) ? data : [];
+        }, [], 'Error fetching user addresses');
+    },
+    async getBranches({ query, lat, lng, country_id, per_page = 20 } = {}) {
+        const hasSearchParams = query?.trim()?.length >= 2 || lat || lng;
+        const cacheKey = !hasSearchParams && country_id ? `branches_${country_id}` : null;
+        if (cacheKey) {
+            const cached = getCached(cacheKey);
+            if (cached)
+                return cached;
+        }
+        const result = await withApiErrorHandling(async () => {
+            const params = { per_page };
+            if (query?.trim().length >= 2)
+                params.query = query;
+            if (lat)
+                params.lat = lat;
+            if (lng)
+                params.lng = lng;
+            if (country_id)
+                params.country_id = country_id;
+            const res = await salla.api.request("branches", { params });
+            return (Array.isArray(res?.data) ? res.data : []);
+        }, [], 'Error fetching branches');
+        if (cacheKey && result.length > 0)
+            setCache(cacheKey, result);
+        return result;
+    },
+    async saveAddressLocation(payload) {
+        return withApiErrorHandling(async () => {
+            const res = await salla.api.request('address/location', { ...payload, for_allocation: true }, 'post');
+            const data = res?.data ?? res;
+            const address = typeof data === 'object' && data != null && 'id' in data ? data : undefined;
+            return { success: true, address };
+        }, { success: false }, 'Error saving address/location');
+    },
+    async setDeliveryScope(scopeId) {
+        return withApiErrorHandling(async () => {
+            await salla.api.withoutNotifier(() => salla.scope.change({ id: scopeId }));
+            salla.storage.set("scope", { ...(salla.storage.get("scope") || {}), id: scopeId });
+            return true;
+        }, false, 'Error setting delivery scope');
+    },
+    async allocateScope(payload) {
+        const errMsg = (d) => d?.error?.message ?? d?.message ?? 'Failed to allocate scope';
+        try {
+            const response = await salla.api.withoutNotifier(() => salla.api.request("scopes/allocation", payload, 'post'));
+            // SDK resolves with { data } and throws on non-2xx; any resolved value is success
+            const data = response?.data ?? response;
+            return { success: true, data: data };
+        }
+        catch (error) {
+            console.error(`${API_LOG_PREFIX}: Error allocating scope`, error);
+            const err = error;
+            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');
+    },
+};
+function clearApiCache() {
+    apiCache.clear();
+}
+
+/**
+ * Helper functions for salla-bullet-delivery component
+ */
+const EARTH_RADIUS_KM = 6371;
+const deg2rad = (deg) => deg * (Math.PI / 180);
+/** Haversine distance in km */
+function calculateDistance(lat1, lon1, lat2, lon2) {
+    const dLat = deg2rad(lat2 - lat1);
+    const dLon = deg2rad(lon2 - lon1);
+    const a = Math.sin(dLat / 2) ** 2 +
+        Math.cos(deg2rad(lat1)) * Math.cos(deg2rad(lat2)) * Math.sin(dLon / 2) ** 2;
+    return EARTH_RADIUS_KM * 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));
+}
+/**
+ * Whether a pickup branch can be selected.
+ *
+ * `pickup_readiness` is the richer, backend-computed verdict (INV-357) and wins whenever the API
+ * sends it. Not every store's `GET /branches` returns it though, so we fall back to the original
+ * `is_open` rule instead of treating a missing object as "not selectable" — otherwise every branch
+ * in the list renders disabled and pickup cannot be chosen at all (SP-22202).
+ */
+const isBranchSelectable = (branch) => {
+    if (!branch)
+        return false;
+    const selectable = branch.pickup_readiness?.selectable;
+    return typeof selectable === 'boolean' ? selectable : branch.is_open !== false;
+};
+/** Nearest available branch by distance; single pass O(n). */
+function findNearestBranch(branches, userLat, userLon) {
+    let nearest = null;
+    let minD = Number.POSITIVE_INFINITY;
+    for (const b of branches) {
+        const lat = b.location?.lat != null ? Number(b.location.lat) : Number.NaN;
+        const lng = b.location?.lng != null ? Number(b.location.lng) : Number.NaN;
+        if (Number.isNaN(lat) || Number.isNaN(lng) || b.is_open === false)
+            continue;
+        const d = calculateDistance(userLat, userLon, lat, lng);
+        if (d < minD) {
+            minD = d;
+            nearest = b;
+        }
+    }
+    return nearest;
+}
+const filterBranches = (branches, searchQuery) => {
+    if (!searchQuery)
+        return branches;
+    const q = searchQuery.toLowerCase();
+    return branches.filter((b) => b.name.toLowerCase().includes(q) || b.city?.name?.toLowerCase().includes(q));
+};
+const getIntentSubtitle = (intent, toAddress, fromBranch) => {
+    if (intent.type === 'branch') {
+        const loc = intent.branch_details?.city ?? intent.branch_details?.name;
+        return loc ? `${fromBranch} ${loc}`.trim() : '';
+    }
+    if (intent.type === 'address' && intent.address_details) {
+        const addr = [intent.address_details.district?.name, intent.address_details.city?.name, intent.address_details.country?.name].filter(Boolean).join('، ') || intent.address_details.short_address || '';
+        return addr ? `${toAddress} ${addr}`.trim() : '';
+    }
+    return '';
+};
+const idFrom = (val) => (val != null ? Number(val) : undefined);
+const getIntentCountryId = (i) => idFrom(i?.address_details?.country?.id);
+const getIntentCountryCode = (i) => i?.country_code ?? i?.address_details?.country?.code ?? '';
+const getIntentRegionId = (i) => idFrom(i?.address_details?.region?.id);
+const getIntentCityId = (i) => idFrom(i?.address_details?.city?.id);
+const getIntentDistrictId = (i) => idFrom(i?.address_details?.district?.id);
+const getIntentBranchId = (i) => i?.branch_details?.id;
+/** Intent coordinates (branch tab only; address flow no longer uses coordinates). */
+const getIntentLatitude = (i) => i?.branch_details?.latitude;
+const getIntentLongitude = (i) => i?.branch_details?.longitude;
+const isMapOriginIntent = (i) => !!i && i.type === 'address' && i.address_details?.lat != null && i.address_details?.lng != null;
+const hasSessionAddressIntent = (intent) => {
+    if (!intent || intent.type !== 'address' || intent.address_id)
+        return false;
+    if (isMapOriginIntent(intent))
+        return true;
+    const c = getIntentCountryId(intent);
+    const city = getIntentCityId(intent);
+    const d = getIntentDistrictId(intent);
+    const code = getIntentCountryCode(intent);
+    const hasDistrictId = d != null && Number(d) !== 0;
+    const hasDistrictName = Boolean(intent.address_details?.district?.name?.trim());
+    const districtOk = !isSaudiArabia(code) || hasDistrictId || hasDistrictName;
+    return !!(c && city && districtOk);
+};
+const requireRegionAndDistrictForSA = (countryCode, regionId, districtIdOrName) => !countryCode || !isSaudiArabia(countryCode)
+    ? true
+    : (regionId != null && Number(regionId) !== 0) && (districtIdOrName != null && (typeof districtIdOrName === 'number' ? districtIdOrName !== 0 : String(districtIdOrName).trim().length > 0));
+function buildAddressLocationPayloadFromSelection(options) {
+    const { countryId, countryCode, regionId, cityId, districtId, description = '', lat, lng, shortAddress } = options;
+    const desc = description || '';
+    return {
+        country_id: Number(countryId) || undefined,
+        region_id: regionId != null ? Number(regionId) : undefined,
+        city_id: cityId != null ? Number(cityId) : undefined,
+        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 = {
+    [GeolocationPositionError.PERMISSION_DENIED]: 'Location permission denied',
+    [GeolocationPositionError.POSITION_UNAVAILABLE]: 'Location unavailable',
+    [GeolocationPositionError.TIMEOUT]: 'Location timeout',
+};
+const getGeolocationErrorMessage = (errorCode) => GEO_ERROR_MESSAGES[errorCode] ?? 'An error occurred while detecting location';
+
+export { getIntentLongitude as a, bulletDeliveryAPI as b, getIntentCityId as c, getIntentCountryId as d, getIntentRegionId as e, getIntentDistrictId as f, getIntentLatitude as g, hasSessionAddressIntent as h, isSaudiArabia as i, filterBranches as j, findNearestBranch as k, getGeolocationErrorMessage as l, buildAddressLocationPayloadFromSelection as m, clearApiCache as n, getIntentSubtitle as o, getIntentBranchId as p, isMapOriginIntent as q, requireRegionAndDistrictForSA as r, isBranchSelectable as s, getIntentCountryCode as t };