@salla.sa/twilight-components 2.14.543 → 2.14.545

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

@@ -2,6 +2,7 @@
  * Crafted with ❤ by Salla
  */
 import { proxyCustomElement, HTMLElement as HTMLElement$1, createEvent, h as h$4, Host } from '@stencil/core/internal/client';
+import { i as isSaudiArabia, b as bulletDeliveryAPI, r as requireRegionAndDistrictForSA, g as getIntentLatitude, a as getIntentLongitude, h as hasSessionAddressIntent, c as getIntentCityId, d as getIntentCountryId, e as getIntentRegionId, f as getIntentDistrictId, j as filterBranches, k as findNearestBranch, l as getGeolocationErrorMessage, m as buildAddressLocationPayloadFromSelection, n as clearApiCache, o as getIntentSubtitle, p as getIntentBranchId, q as isMapOriginIntent, s as isBranchSelectable, t as getIntentCountryCode } from './helpers.js';
 import { S as SILocation } from './location.js';
 import { S as Search } from './search.js';
 import { d as defineCustomElement$7 } from './salla-button2.js';
@@ -11,318 +12,6 @@ import { d as defineCustomElement$4 } from './salla-placeholder2.js';
 import { d as defineCustomElement$3 } from './salla-searchable-dropdown2.js';
 import { d as defineCustomElement$2 } from './salla-skeleton2.js';
 
-/**
- * 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 hasSessionAddressIntent = (intent) => {
-    if (!intent || intent.type !== 'address' || intent.address_id)
-        return false;
-    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';
-
 /**
  * @license
  * Copyright 2019 Google LLC
@@ -5816,6 +5505,9 @@ const SallaBulletDelivery$1 = /*@__PURE__*/ proxyCustomElement(class SallaBullet
                         ? `${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}`
@@ -5824,11 +5516,14 @@ const SallaBulletDelivery$1 = /*@__PURE__*/ proxyCustomElement(class SallaBullet
             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) {
@@ -6104,6 +5799,10 @@ const SallaBulletDelivery$1 = /*@__PURE__*/ proxyCustomElement(class SallaBullet
     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');
@@ -6244,6 +5943,10 @@ const SallaBulletDelivery$1 = /*@__PURE__*/ proxyCustomElement(class SallaBullet
             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;
@@ -6269,9 +5972,26 @@ const SallaBulletDelivery$1 = /*@__PURE__*/ proxyCustomElement(class SallaBullet
         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 = {
@@ -6350,6 +6070,9 @@ const SallaBulletDelivery$1 = /*@__PURE__*/ proxyCustomElement(class SallaBullet
             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,
         };
     }
     /**
@@ -6557,6 +6280,13 @@ const SallaBulletDelivery$1 = /*@__PURE__*/ proxyCustomElement(class SallaBullet
                 }
                 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 {
@@ -6575,7 +6305,7 @@ const SallaBulletDelivery$1 = /*@__PURE__*/ proxyCustomElement(class SallaBullet
                     };
                 }
                 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),
@@ -6812,6 +6542,28 @@ const SallaBulletDelivery$1 = /*@__PURE__*/ proxyCustomElement(class SallaBullet
      */
     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);
@@ -6855,12 +6607,15 @@ const SallaBulletDelivery$1 = /*@__PURE__*/ proxyCustomElement(class SallaBullet
         }
         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) {
@@ -6956,7 +6711,7 @@ const SallaBulletDelivery$1 = /*@__PURE__*/ proxyCustomElement(class SallaBullet
         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');
@@ -6966,9 +6721,9 @@ const SallaBulletDelivery$1 = /*@__PURE__*/ proxyCustomElement(class SallaBullet
                 this.mapStep = 'confirm';
                 return;
             }
-            this.handleSubmitAddAddress(e);
+            this.handleConfirm();
         };
-        return (h$4("form", { onSubmit: handleSubmit }, this.renderGuestDeliveryForm(), h$4("div", { class: "s-bullet-delivery-form-actions s-bullet-delivery-form-actions--single", style: { padding: '24px' } }, h$4("salla-button", { type: "submit", loading: this.savingAddress, disabled: isConfirmStep ? this.savingAddress : !canAdvanceToConfirm, width: "wide" }, submitLabel), !this.isLoggedIn && (h$4("button", { type: "button", class: "s-bullet-delivery-login-prompt", onClick: () => this.handleLogin() }, Salla.lang.get('pages.checkout.login_to_use_saved_addresses'))))));
+        return (h$4("form", { onSubmit: handleSubmit }, this.renderGuestDeliveryForm(), h$4("div", { class: "s-bullet-delivery-form-actions s-bullet-delivery-form-actions--single", style: { padding: '24px' } }, h$4("salla-button", { type: "submit", loading: this.confirming, disabled: isConfirmStep ? this.confirming : !canAdvanceToConfirm, width: "wide" }, submitLabel), !this.isLoggedIn && (h$4("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$4("div", { class: "s-bullet-delivery-branch-search" }, h$4("div", { class: "s-bullet-delivery-search-row" }, h$4("div", { class: "s-bullet-delivery-search s-bullet-delivery-branch-search-wrap" }, h$4("span", { class: "s-bullet-delivery-search-icon s-bullet-delivery-branch-search-icon", innerHTML: Search, "aria-hidden": "true" }), h$4("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$4("button", { type: "button", class: {
@@ -7063,7 +6818,7 @@ const SallaBulletDelivery$1 = /*@__PURE__*/ proxyCustomElement(class SallaBullet
                 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$4("salla-button", { onClick: () => this.handleAddNewAddress(), width: "wide", shape: "link" }, Salla.lang.get("pages.checkout.add_new_address"))), !this.isLoggedIn && (h$4("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$4("salla-button", { onClick: () => this.handleAddNewAddress(), width: "wide", shape: "link" }, Salla.lang.get("pages.checkout.add_new_address"))), !this.isLoggedIn && (h$4("salla-button", { shape: "link", onClick: () => this.handleLogin() }, Salla.lang.get("pages.checkout.login_to_use_saved_addresses")))));
     }
     renderMainView() {
         const isAddressEmptyState = this.isLoggedIn &&

package/dist/components/salla-comment-item2.js

@@ -188,7 +188,7 @@ const SallaCommentItem = /*@__PURE__*/ proxyCustomElement(class SallaCommentItem
             : null, (this.comment.has_order || !!this.comment.rating) && !this.comment.is_pending && !this.hideBought ?
             h("div", { class: "s-comments-flex" }, this.comment.has_order ?
                 [h("span", { class: "s-comments-item-has-order-check-icon", innerHTML: IconVerified }), h("span", { class: "s-comments-item-has-order-check-text" }, this.has_bought_trans, " ", this.comment.rating ? ', ' : '')] : null, !!this.comment.rating ?
-                h("span", { class: "s-comments-item-has-order-check-text" }, this.rated_trans) : null)
+                h("span", { class: "s-comments-item-rated-widget" }, this.rated_trans) : null)
             : null), h("p", { class: "s-comments-item-timestamp s-ltr" }, this.getDate(this.comment.created_at?.date), h("span", { class: "s-comments-item-time" }, " - ", this.getTime(this.comment.created_at?.date)))), (!!this.comment.rating || !!this.comment.stars || hasReviewFactors) && (h("div", { class: "flex flex-row gap-4 mt-2 mb-4" }, (!!this.comment.rating || !!this.comment.stars) ? (h("salla-rating-stars", { class: "w-auto", size: "medium", value: this.comment.rating || this.comment.stars })) : null, hasReviewFactors && (h("button", { class: "s-comments-item-review-factors-toggle", type: "button", onClick: () => (this.showReviewFactors = !this.showReviewFactors) }, h("span", null, this.reviewDetailsLabel), h("span", { class: {
                 "s-comments-item-review-factors-chevron": true,
                 "is-open": this.showReviewFactors,

package/dist/components/salla-comments.js

@@ -25,18 +25,6 @@ var CommentType;
     CommentType["PRODUCT"] = "product";
     CommentType["BLOG"] = "blog";
 })(CommentType || (CommentType = {}));
-function isFeatureEnabled(feature) {
-    return !!salla.config.get('store.features')?.includes(feature);
-}
-function buildCommentSortOptions({ mostHelpfulLabel, verifiedPurchasesLabel, allowLikes, allowVerifiedPurchasesFilter, }) {
-    const options = [
-        { value: 'latest', label: salla.lang.get('pages.testimonials.sort_by_date_desc'), selected: true },
-        { value: 'oldest', label: salla.lang.get('pages.testimonials.sort_by_date_asc') },
-        { value: 'most_helpful', label: mostHelpfulLabel, show: allowLikes },
-        { value: 'verified_purchases', label: verifiedPurchasesLabel, show: allowVerifiedPurchasesFilter },
-    ];
-    return options.filter(option => option.show !== false);
-}
 
 var ChatBubbles = `<!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
@@ -76,7 +64,6 @@ const SallaComments$1 = /*@__PURE__*/ proxyCustomElement(class SallaComments ext
         this.comment_name = salla.lang.get('blocks.comments.comment');
         this.showRatingSummary = salla.config.get('store.settings.rating.show_rating_summary');
         this.allowLikes = salla.config.get('store.settings.rating.allow_likes');
-        this.allowVerifiedPurchasesFilter = isFeatureEnabled('allow-reviews-from-product-page');
         salla.onReady(() => {
             this.allowLikes = salla.config.get('store.settings.rating.allow_likes');
             this.showRatingSummary = salla.config.get('store.settings.rating.show_rating_summary');
@@ -97,10 +84,7 @@ const SallaComments$1 = /*@__PURE__*/ proxyCustomElement(class SallaComments ext
             const setTranslations = async () => {
                 await setNestedAsync('ar.trans', 'blocks.comments.most_helpful', 'الأكثر إفادة');
                 await setNestedAsync('en.trans', 'blocks.comments.most_helpful', 'Most helpful');
-                await setNestedAsync('ar.trans', 'blocks.comments.verified_purchases', 'عمليات شراء موثقة');
-                await setNestedAsync('en.trans', 'blocks.comments.verified_purchases', 'Verified purchases');
                 this.mostHelpfulLabel = salla.lang.get('blocks.comments.most_helpful');
-                this.verifiedPurchasesLabel = salla.lang.get('blocks.comments.verified_purchases');
                 this.comment_title = salla.lang.get('blocks.comments.overall_rating');
                 this.comment_name = salla.lang.get('blocks.comments.comment');
                 this.noComments = salla.lang.get('pages.rating.no_ratings');
@@ -108,14 +92,6 @@ const SallaComments$1 = /*@__PURE__*/ proxyCustomElement(class SallaComments ext
             setTranslations();
         });
     }
-    get sortOptions() {
-        return buildCommentSortOptions({
-            mostHelpfulLabel: this.mostHelpfulLabel,
-            verifiedPurchasesLabel: this.verifiedPurchasesLabel,
-            allowLikes: this.allowLikes,
-            allowVerifiedPurchasesFilter: this.allowVerifiedPurchasesFilter,
-        });
-    }
     // TOOD: it's a good idea to move this into lang.js
     // Pluralize a string based on the count
     pluralize(phrases, count) {
@@ -316,19 +292,6 @@ const SallaComments$1 = /*@__PURE__*/ proxyCustomElement(class SallaComments ext
             }
             if (!resp.data || !resp.data.length) {
                 this.showPlaceholder = false;
-                this.comments = [];
-                this.nextPage = '';
-                // The wrapper is populated imperatively (see the success branch and
-                // onCommentAdded below), so swap its content directly instead of
-                // toggling showPlaceholder: that would tear down the header/sort
-                // filter too, losing the ability to switch sort back.
-                if (this.wrapper) {
-                    this.wrapper.innerHTML = '';
-                    const empty = document.createElement('div');
-                    empty.className = 's-comments-placeholder';
-                    empty.innerHTML = `<span>${ChatBubbles}</span><p>${this.noComments}</p>`;
-                    this.wrapper.append(empty);
-                }
                 this.loading(false);
                 return;
             }
@@ -368,7 +331,7 @@ const SallaComments$1 = /*@__PURE__*/ proxyCustomElement(class SallaComments ext
             h("div", { class: "s-comments-filter-wrapper" }, h("label", { class: "s-comments-filter-label", htmlFor: "comments-filter" }, salla.lang.get('pages.categories.sorting')), h("select", { id: "comments-filter", "aria-label": salla.lang.get('pages.categories.sorting'), class: "s-form-control s-comments-sort-input", onChange: (e) => {
                     this.sort = e.target.value;
                     this.reload();
-                } }, this.sortOptions.map(option => (h("option", { value: option.value, selected: option.selected }, option.label)))))
+                } }, h("option", { value: "latest", selected: true }, salla.lang.get("pages.testimonials.sort_by_date_desc")), h("option", { value: "oldest" }, salla.lang.get("pages.testimonials.sort_by_date_asc")), this.allowLikes && h("option", { value: "most_helpful" }, this.mostHelpfulLabel)))
             : ''), h("div", { ref: wrapper => {
                 this.wrapper = wrapper;
             } }), this.nextPage && (h("div", { class: "s-infinite-scroll-wrapper", ref: status => {
@@ -396,14 +359,12 @@ const SallaComments$1 = /*@__PURE__*/ proxyCustomElement(class SallaComments ext
         "showPlaceholder": [32],
         "nextPage": [32],
         "mostHelpfulLabel": [32],
-        "verifiedPurchasesLabel": [32],
         "noComments": [32],
         "comment_title": [32],
         "comment_name": [32],
         "placeholder_text": [32],
         "showRatingSummary": [32],
         "allowLikes": [32],
-        "allowVerifiedPurchasesFilter": [32],
         "reload": [64]
     }, [[0, "commentAdded", "onCommentAdded"]]]);
 function defineCustomElement$1() {