@salla.sa/twilight-components 2.14.543 → 2.14.545

package/dist/esm/salla-bullet-delivery_2.entry.js

@@ -1,322 +1,11 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h as h$4, H as Host, a as getElement } from './index-BW1au-Nh.js';
+import { r as registerInstance, c as createEvent, h as h$4, H as Host, a as getElement } from './index-CHZfg_a9.js';
+import { a as isSaudiArabia, b as bulletDeliveryAPI, r as requireRegionAndDistrictForSA, g as getIntentLatitude, c as getIntentLongitude, h as hasSessionAddressIntent, d as getIntentCityId, e as getIntentCountryId, f as getIntentRegionId, j as getIntentDistrictId, k as filterBranches, l as findNearestBranch, m as getGeolocationErrorMessage, n as buildAddressLocationPayloadFromSelection, o as clearApiCache, p as getIntentSubtitle, q as getIntentBranchId, i as isMapOriginIntent, s as isBranchSelectable, t as getIntentCountryCode } from './helpers-BDChq2t4.js';
 import { L as Location } from './location-BO5AoBAP.js';
 import { S as Search } from './search-BscTeWDc.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
@@ -5809,6 +5498,9 @@ const SallaBulletDelivery = class {
                         ? `${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}`
@@ -5817,11 +5509,14 @@ const SallaBulletDelivery = class {
             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) {
@@ -6097,6 +5792,10 @@ const SallaBulletDelivery = class {
     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');
@@ -6237,6 +5936,10 @@ const SallaBulletDelivery = class {
             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;
@@ -6262,9 +5965,26 @@ const SallaBulletDelivery = class {
         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 = {
@@ -6343,6 +6063,9 @@ const SallaBulletDelivery = class {
             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,
         };
     }
     /**
@@ -6550,6 +6273,13 @@ const SallaBulletDelivery = class {
                 }
                 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 {
@@ -6568,7 +6298,7 @@ const SallaBulletDelivery = class {
                     };
                 }
                 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),
@@ -6805,6 +6535,28 @@ const SallaBulletDelivery = class {
      */
     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);
@@ -6848,12 +6600,15 @@ const SallaBulletDelivery = class {
         }
         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) {
@@ -6949,7 +6704,7 @@ const SallaBulletDelivery = class {
         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');
@@ -6959,9 +6714,9 @@ const SallaBulletDelivery = class {
                 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: {
@@ -7056,7 +6811,7 @@ const SallaBulletDelivery = class {
                 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/esm/salla-cart-coupons.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-BW1au-Nh.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-CHZfg_a9.js';
 
 const sallaCartCouponsCss = "/*!twlt*/.s-cart-coupons-applied-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.s-cart-coupons-applied-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;border-inline-start:3px solid #10b981}.s-cart-coupons-applied-code{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#111827}.s-cart-coupons-applied-code::before{content:\"\";width:7px;height:7px;border-radius:9999px;background:#10b981}.s-cart-coupons-applied-remove{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;color:#ef4444;background:transparent;border:0;border-radius:9999px;cursor:pointer;transition:background-color 0.15s ease, color 0.15s ease}.s-cart-coupons-applied-remove:hover{background:#fef2f2}.s-cart-coupons-applied-remove:disabled{opacity:0.5;cursor:not-allowed}.visible{visibility:visible}.fixed{position:fixed}.shrink{flex-shrink:1}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.form-input{height:2.5rem;width:100%;border-radius:0.375rem;--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms}.form-input:focus{border-color:var(--color-primary);--tw-ring-color:transparent}.form-input:is(.dark *){--tw-border-opacity:1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.form-input:focus:is(.dark *){border-color:var(--color-primary)}@media (min-width: 640px){.form-input{font-size:0.875rem;line-height:1.25rem}}.s-cart-coupons-wrapper{display:block;width:100%;padding-top:1.25rem;padding-bottom:1.25rem}.s-cart-coupons-input-section{margin-bottom:0.625rem}.s-cart-coupons-coupon-label{margin-bottom:0.625rem;display:block;font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.s-cart-coupons-coupon-input-container{position:relative;display:flex;align-items:stretch}.s-cart-coupons-coupon-input-container .form-input{height:auto;flex:1 1 0%}.s-cart-coupons-coupon-input-container .form-input:where([dir=\"ltr\"],[dir=\"ltr\"] *){border-top-left-radius:0.5rem;border-bottom-left-radius:0.5rem;border-top-right-radius:0px !important;border-bottom-right-radius:0px !important;border-right-width:0px}.s-cart-coupons-coupon-input-container .form-input:where([dir=\"rtl\"],[dir=\"rtl\"] *){border-top-right-radius:0.5rem;border-bottom-right-radius:0.5rem;border-top-left-radius:0px !important;border-bottom-left-radius:0px !important;border-left-width:0px}.s-cart-coupons-coupon-input-container .form-input:focus{position:relative;z-index:10}.s-cart-coupons-coupon-button:where([dir=\"ltr\"],[dir=\"ltr\"] *){border-top-right-radius:0.5rem;border-bottom-right-radius:0.5rem;border-top-left-radius:0px;border-bottom-left-radius:0px}.s-cart-coupons-coupon-button:where([dir=\"rtl\"],[dir=\"rtl\"] *){border-top-left-radius:0.5rem;border-bottom-left-radius:0.5rem;border-top-right-radius:0px;border-bottom-right-radius:0px}.s-cart-coupons-coupon-button-remove:where([dir=\"ltr\"],[dir=\"ltr\"] *){border-top-right-radius:0.5rem;border-bottom-right-radius:0.5rem;border-top-left-radius:0px !important;border-bottom-left-radius:0px !important}.s-cart-coupons-coupon-button-remove:where([dir=\"rtl\"],[dir=\"rtl\"] *){border-top-left-radius:0.5rem;border-bottom-left-radius:0.5rem;border-top-right-radius:0px !important;border-bottom-right-radius:0px !important}.s-cart-coupons-coupon-button-apply:where([dir=\"ltr\"],[dir=\"ltr\"] *){border-top-right-radius:0.5rem !important;border-bottom-right-radius:0.5rem !important;border-top-left-radius:0px !important;border-bottom-left-radius:0px !important}.s-cart-coupons-coupon-button-apply:where([dir=\"rtl\"],[dir=\"rtl\"] *){border-top-left-radius:0.5rem !important;border-bottom-left-radius:0.5rem !important;border-top-right-radius:0px !important;border-bottom-right-radius:0px !important}.s-cart-coupons-coupon-error{margin-top:0.5rem;display:block;font-size:10px;line-height:1rem;--tw-text-opacity:1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.s-cart-coupons-slider{width:100%;overflow:hidden;padding-left:0.375rem;padding-right:0.375rem}.s-cart-coupons-card{position:relative;cursor:pointer;overflow:hidden;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms}.s-cart-coupons-card:is(.dark *){--tw-bg-opacity:1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.s-cart-coupons-card:hover{--tw-translate-y:-0.125rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.s-cart-coupons-disabled{cursor:not-allowed;opacity:0.5}.s-cart-coupons-disabled:hover{transform:none;--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.s-cart-coupons-top-section{display:flex;height:60px;flex-direction:row;align-items:center;justify-content:space-between;border-top-left-radius:0.75rem;border-top-right-radius:0.75rem;border-width:1px;border-bottom-width:0px;--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding-top:1rem;padding-bottom:1rem;padding-left:0.75rem;padding-right:0.75rem}.s-cart-coupons-discount-values{display:flex;flex-direction:column;align-items:flex-start}.s-cart-coupons-discount-values .s-cart-coupons-main-amount{display:flex;align-items:center;gap:0.25rem;white-space:nowrap;font-size:1.25rem;line-height:1.75rem;font-weight:900;line-height:1;--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.s-cart-coupons-discount-values .s-cart-coupons-secondary-info{margin:0px;font-size:10px;line-height:1rem}.s-cart-coupons-code{font-size:10px;font-weight:700;--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.s-cart-coupons-divider{position:relative;z-index:10;margin:0px;border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.s-cart-coupons-bottom-section{display:flex;min-height:44px;flex-direction:row;align-items:center;justify-content:space-between;border-bottom-right-radius:0.75rem;border-bottom-left-radius:0.75rem;border-width:1px;border-top-width:0px;--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding-top:0.25rem;padding-bottom:0.25rem;padding-left:0.75rem;padding-right:0.75rem}.s-cart-coupons-terms{display:flex;flex-direction:column;align-items:flex-start}.s-cart-coupons-terms .s-cart-coupons-expiry{margin:0px;font-size:10px;line-height:16px;--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.s-cart-coupons-terms .s-cart-coupons-minimum{margin:0px;font-size:10px;line-height:16px;--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.s-cart-coupons-terms .s-cart-coupons-expiry.s-cart-coupons-expiry-warning{font-weight:500;--tw-text-opacity:1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.s-cart-coupons-action{cursor:pointer;white-space:nowrap;border-width:0px;background-color:transparent;padding:0px;font-size:9px;font-weight:700;--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1));transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.s-cart-coupons-action:hover{--tw-text-opacity:1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.s-cart-coupons-slide-one-fourth{width:calc(75% - 10px);min-width:200px !important;padding-left:5px !important;padding-right:5px !important;padding-top:2px !important}@media (min-width: 1024px){.s-cart-coupons-slide-one-fourth{width:calc(40% - 10px) !important}}.s-cart-coupons-card:before{pointer-events:none;position:absolute;right:-10px;top:60px;z-index:20;height:1.25rem;width:1.25rem;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:9999px;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-content:'';content:var(--tw-content)}.s-cart-coupons-card:is(.dark *):before{--tw-bg-opacity:1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.s-cart-coupons-card:after{pointer-events:none;position:absolute;left:-10px;top:60px;z-index:20;height:1.25rem;width:1.25rem;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:9999px;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-content:'';content:var(--tw-content)}.s-cart-coupons-card:is(.dark *):after{--tw-bg-opacity:1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.s-cart-coupons-coupon-input-container .form-input.s-coupon-input-error{--tw-shadow:0 0 0 3px rgba(239,68,68,0.1) !important;--tw-shadow-colored:0 0 0 3px var(--tw-shadow-color) !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important}";
 

package/dist/esm/salla-cart-item-offers_2.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-BW1au-Nh.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-CHZfg_a9.js';
 import { S as SpecialDiscountIcon } from './special-discount-Ctkfc4K-.js';
 import { l as loyaltyProgramIcon } from './gift-BChI23pG.js';
 import { T as TagMoneyIcon } from './tag-money-CJUR4sUM.js';

package/dist/esm/salla-cart-summary-card.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-BW1au-Nh.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-CHZfg_a9.js';
 
 const sallaCartSummaryCardCss = "/*!twlt*/:host{display:block}.sticky{position:sticky}.block{display:block}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transition{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.\\!btn{display:inline-flex;flex:1 1 0%;align-items:center;justify-content:center;white-space:nowrap;border-radius:0.375rem;padding-left:1.5rem;padding-right:1.5rem;padding-bottom:0.625rem;padding-top:0.5rem;font-size:0.875rem;line-height:1.25rem;font-weight:700;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms}.\\!btn:hover{opacity:0.8}.btn{display:inline-flex;flex:1 1 0%;align-items:center;justify-content:center;white-space:nowrap;border-radius:0.375rem;padding-left:1.5rem;padding-right:1.5rem;padding-bottom:0.625rem;padding-top:0.5rem;font-size:0.875rem;line-height:1.25rem;font-weight:700;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms}.btn:hover{opacity:0.8}.s-cart-summary-card-sheet-title{margin-bottom:0.5rem;flex:1 1 0%;font-size:0.875rem;line-height:1.25rem;font-weight:700;--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.s-cart-summary-card-line{margin-bottom:0.5rem;display:flex;align-items:center;justify-content:space-between;font-size:0.875rem;line-height:1.25rem}.s-cart-summary-card-line span{--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.s-cart-summary-card-line b{font-size:1rem;line-height:1.5rem;font-weight:600;--tw-text-opacity:1;color:rgb(51 51 51 / var(--tw-text-opacity, 1))}.s-cart-summary-card-line--discount b{--tw-text-opacity:1 !important;color:rgb(220 38 38 / var(--tw-text-opacity, 1)) !important}.s-cart-summary-card-line--discount b *{--tw-text-opacity:1 !important;color:rgb(220 38 38 / var(--tw-text-opacity, 1)) !important}.s-cart-summary-card-bar-label{display:flex;flex-direction:column;gap:0.125rem}.s-cart-summary-card-bar-label-main{display:flex;align-items:baseline;gap:0.375rem}.s-cart-summary-card-bar-label-text{white-space:nowrap;font-size:1rem;line-height:1.5rem;font-weight:700;--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.s-cart-summary-card-bar-count{white-space:nowrap;font-size:0.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(115 115 115 / var(--tw-text-opacity, 1))}.s-cart-summary-card-bar-label-sub{font-size:11px;--tw-text-opacity:1;color:rgb(115 115 115 / var(--tw-text-opacity, 1))}.s-cart-summary-card-bar-totals{display:flex;flex-direction:column;align-items:flex-end;gap:0.375rem}.s-cart-summary-card-bar-totals-row{display:flex;align-items:center;gap:0.375rem}.s-cart-summary-card-bar-total{font-size:1rem;line-height:1.5rem;font-weight:700;--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.s-cart-summary-card-bar-original{font-size:1rem;line-height:1.5rem;--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1));text-decoration-line:line-through}.s-cart-summary-card-bar-savings-badge{display:inline-flex;width:max-content;align-items:center;gap:0.25rem;border-radius:var(--s-radius, 0.25rem);--tw-bg-opacity:1;background-color:rgb(239 251 246 / var(--tw-bg-opacity, 1));padding-left:0.5rem;padding-right:0.5rem;padding-top:0.125rem;padding-bottom:0.125rem;font-size:11px;font-weight:600;--tw-text-opacity:1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.s-cart-summary-card-chevron{display:inline-flex;height:1.5rem;width:1.5rem;cursor:pointer;align-items:center;justify-content:center;border-width:0px;background-color:transparent;--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity, 1));outline:2px solid transparent;outline-offset:2px}.s-cart-summary-card-chevron-icon{display:inline-flex;transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms}.s-cart-summary-card{display:block;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}@media (max-width: 1023px){.s-cart-summary-card{position:fixed;inset-inline:0;bottom:0;z-index:1;border-radius:24px 24px 0 0;box-shadow:0 -12px 24px -12px rgba(0, 0, 0, 0.12);transition:box-shadow 0.3s ease;padding-bottom:calc(env(safe-area-inset-bottom) + 0.5rem)}}@media (min-width: 1024px){.s-cart-summary-card{position:relative;border-radius:0.5rem;box-shadow:0 2px 6px rgba(0, 0, 0, 0.05);padding:1.25rem 1.5rem;margin-bottom:1.25rem}}@media (max-width: 1023px){.s-cart-summary-card--open{border-radius:0;box-shadow:none}}.s-cart-summary-card-sheet-wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.4s cubic-bezier(0.32, 0.72, 0, 1), box-shadow 0.3s ease}@media (max-width: 1023px){.s-cart-summary-card-sheet-wrap{position:absolute;inset-inline:0;bottom:calc(100% - 1px);background:#fff;border-radius:24px 24px 0 0;overflow:hidden;box-shadow:0 -12px 24px -12px rgba(0, 0, 0, 0)}}@media (min-width: 1024px){.s-cart-summary-card-sheet-wrap{grid-template-rows:1fr}}@media (max-width: 1023px){.s-cart-summary-card-sheet-wrap--open{grid-template-rows:1fr;box-shadow:0 -12px 24px -12px rgba(0, 0, 0, 0.12)}}.s-cart-summary-card-sheet{min-height:0;overflow:hidden}@media (max-width: 1023px){.s-cart-summary-card-sheet-wrap--open .s-cart-summary-card-sheet{overflow-y:auto;max-height:70vh;-webkit-overflow-scrolling:touch;padding:0.75rem 1rem 0}}.s-cart-summary-card-sheet-header{display:flex;align-items:center;justify-content:space-between;gap:0.5rem}@media (max-width: 1023px){.s-cart-summary-card-sheet-header{padding-bottom:0.5rem}}.s-cart-summary-card-bar{display:flex;align-items:flex-start;justify-content:space-between;gap:0.75rem;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}@media (min-width: 1024px){.s-cart-summary-card-bar{margin-top:1rem}}@media (max-width: 1023px){.s-cart-summary-card-bar{padding:0.875rem 1rem 0.5rem;border-radius:24px 24px 0 0}.s-cart-summary-card--open .s-cart-summary-card-bar{padding-top:0;border-radius:0}}@media (min-width: 1024px){.s-cart-summary-card-action{padding-top:1rem}}@media (max-width: 1023px){.s-cart-summary-card-action{padding:0 1rem 0.75rem}}.s-cart-summary-card--open .s-cart-summary-card-chevron-icon{transform:rotate(180deg)}.s-cart-summary-card-action *:focus{outline:none}";
 

package/dist/esm/salla-cashback-banner.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-BW1au-Nh.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-CHZfg_a9.js';
 
 var StarFilledIcon = `<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_5667_2008)">

package/dist/esm/salla-comment-factors.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h } from './index-BW1au-Nh.js';
+import { r as registerInstance, h } from './index-CHZfg_a9.js';
 
 const sallaCommentsCss = "/*!twlt*/:host{display:block}salla-comment-item .s-comments-flex-1{min-width:0}.s-comments-item-review-factors-toggle{display:inline-flex;align-items:center;gap:0.35rem;padding:0;border:0;background:transparent;color:#0f6a7c;font-size:0.9rem;font-weight:500;cursor:pointer}.s-comments-item-review-factors-chevron{line-height:1;transform:rotate(180deg);transition:transform 0.2s ease}.s-comments-item-review-factors-chevron.is-open{transform:rotate(0deg)}.s-comments-item-review-factors{border:1px solid #e8e8e8;background:rgba(255, 255, 255, 0.3);border-radius:0.6rem;width:min(100%, 26rem);max-width:100%;margin:0 0 1rem;padding:0.85rem 1rem}@media (max-width: 767px){.s-comments-item-review-factors{width:100%;padding:0.75rem}}.s-comments-item-review-factor-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;direction:ltr;min-width:0}@media (max-width: 767px){.s-comments-item-review-factor-row{flex-direction:row;align-items:stretch;gap:0.35rem}}.s-comments-item-review-factor-row+.s-comments-item-review-factor-row{margin-top:0.5rem}.s-comments-item-review-factor-label,.s-comments-item-review-factor-name{color:#4b5563;font-size:0.9rem;line-height:1.45}.s-comments-item-review-factor-name{min-width:6.5rem;text-align:end;flex-shrink:0}@media (max-width: 767px){.s-comments-item-review-factor-name{min-width:5rem;text-align:end}}.s-comments-item-review-factor-label{display:inline-block;min-width:4.75rem}@media (max-width: 767px){.s-comments-item-review-factor-label{min-width:0;flex:1 1 auto}}.s-comments-item-review-factor-value{display:inline-flex;align-items:center;gap:0.35rem;min-width:0}@media (max-width: 767px){.s-comments-item-review-factor-value{width:100%;justify-content:space-between;gap:0.25rem}}.s-rating-stars-wrapper{gap:0 !important}.visible{visibility:visible}.relative{position:relative}.mb-4{margin-bottom:1rem}.mt-2{margin-top:0.5rem}.mt-6{margin-top:1.5rem}.flex{display:flex}.hidden{display:none}.w-auto{width:auto}.flex-row{flex-direction:row}.gap-4{gap:1rem}.text-left{text-align:left}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.s-button-btn{position:relative;display:inline-flex;flex:1 1 0%;user-select:none;flex-direction:row-reverse;align-items:center;justify-content:center;white-space:nowrap;border-radius:var(--s-radius, 0.25rem);border-style:solid;padding-left:1.5rem;padding-right:1.5rem;padding-bottom:0.625rem;padding-top:0.5rem;font-size:0.875rem;line-height:1.25rem;font-weight:700;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms}.s-button-btn:hover{opacity:0.8}.s-button-primary{border-width:1px;border-color:var(--color-primary);background-color:var(--color-primary);color:var(--color-primary-reverse)}.s-button-primary:hover{background-color:var(--color-primary-dark)}.s-button-text{pointer-events:none;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms}.s-button-loader{margin-left:0.5rem;margin-right:0.5rem;display:flex;align-items:center;justify-content:center;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.s-button-loader::before{display:inline-block;height:1rem;content:var(--tw-content);width:1rem}@keyframes spin{to{content:var(--tw-content);transform:rotate(360deg)}}.s-button-loader::before{animation:spin 1s linear infinite;border-radius:9999px;border-width:2px;border-style:solid;border-top-color:var(--color-primary);border-left-color:var(--color-primary);border-bottom-color:rgb(243 244 246 / var(--tw-border-opacity, 1));--tw-border-opacity:1;border-right-color:rgb(243 244 246 / var(--tw-border-opacity, 1));--tw-content:'';content:var(--tw-content)}.s-button-loader-center .s-button-loader{position:absolute;top:50%;left:50%;margin:0px !important;--tw-translate-y:-50%;--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.s-comments-item-like-btn{margin-top:0.5rem}.s-comments-item-like-btn .s-button-text{display:flex;flex-direction:row-reverse;gap:0.5rem}.s-comments-item-like-btn span svg{height:0.75rem;width:0.75rem}.has-error .s-form-control,.has-error .s-tel-input-control,.has-error .s-datetime-picker-input{border-color:#ff443a;color:#ff443a}.s-ltr{direction:ltr}.s-form-control{display:block;width:100%;border-radius:var(--s-radius, 0.25rem);border-width:1px;--tw-border-opacity:1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:0.5rem;font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.s-form-control:focus{border-color:var(--color-primary);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}.s-comments-page-container{margin-right:auto;margin-left:auto;width:100%;padding-left:0px;padding-right:0px}.s-comments-container{margin-right:auto;margin-left:auto;width:100%;padding-right:0.5rem;padding-left:0.5rem}.s-comments-title{margin-bottom:0.5rem;font-size:1.125rem;line-height:1.75rem;font-weight:700}@media (min-width: 640px){.s-comments-title{margin-bottom:1.25rem}}.s-comments-count-label{font-size:1.125rem;line-height:1.75rem;font-weight:700;--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.s-comments-count-label:is(.dark *){--tw-text-opacity:1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.s-comments-testimonials .s-comments-count-label{margin-bottom:2rem}.s-comments-item-wrapper{font-size:0.875rem;line-height:1.25rem}.s-comments-item-inner{display:flex}.s-comments-item-inner>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.75rem * var(--tw-space-x-reverse));margin-left:calc(0.75rem * calc(1 - var(--tw-space-x-reverse)))}.s-comments-item-inner:where([dir=\"rtl\"],[dir=\"rtl\"] *)>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1}.s-comments-item{margin-bottom:2rem;display:block;border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding-bottom:2rem}.s-comments-item:last-child{border-width:0px;padding-bottom:0px}.s-comments-item-admin-wrapper{margin-top:2rem;display:flex}.s-comments-item-admin-wrapper:where([dir=\"ltr\"],[dir=\"ltr\"] *){padding-left:2rem}@media (min-width: 768px){.s-comments-item-admin-wrapper:where([dir=\"ltr\"],[dir=\"ltr\"] *){padding-left:4rem}}.s-comments-item-admin-wrapper:where([dir=\"rtl\"],[dir=\"rtl\"] *){padding-right:2rem}@media (min-width: 768px){.s-comments-item-admin-wrapper:where([dir=\"rtl\"],[dir=\"rtl\"] *){padding-right:4rem}}.s-comments-item-avatar{flex:none}.s-comments-item-avatar-img{height:2.5rem;width:2.5rem;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));object-fit:cover}.s-comments-item-timestamp{display:flex;align-items:center;gap:0.375rem;font-size:0.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity:1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.s-comments-item-timestamp:is(.dark *){--tw-text-opacity:1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.s-comments-item-time{display:block;--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1));opacity:0;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms}.s-comments-item-time:is(.dark *){--tw-text-opacity:1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.s-comments-item-timestamp:hover span{opacity:1}.s-comments-item-pending-text{margin-top:0.5rem;display:inline-block;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1));padding-left:0.625rem;padding-right:0.625rem;padding-top:0.125rem;padding-bottom:0.125rem}.s-comments-item-has-order-check-icon{display:flex;height:1.25rem;width:1.25rem;align-items:center;justify-content:center;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(251 191 36 / var(--tw-bg-opacity, 1));font-size:0.75rem;line-height:1rem}.s-comments-item-pinned-icon{display:flex;height:1.25rem;width:1.25rem;align-items:center;justify-content:center;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1));font-size:0.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.s-comments-item-reply-icon svg{height:1rem;width:1rem;fill:#9ca3af}.s-comments-item-has-order-check-icon svg{height:0.75rem;width:0.75rem}.s-comments-item-pinned-icon i{font-size:0.75rem;line-height:1rem}.s-comments-item-has-order-check-text{margin-top:0.125rem;display:inline-block;--tw-translate-y:-2px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.s-comments-item-has-order-check-text:where([dir=\"ltr\"],[dir=\"ltr\"] *){margin-left:0.25rem}.s-comments-item-has-order-check-text:where([dir=\"rtl\"],[dir=\"rtl\"] *){margin-right:0.25rem}.s-comments-item-user-info-name{display:inline-block;--tw-translate-y:-2px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));font-size:1rem;line-height:1.5rem;font-weight:700}.s-comments-item-user-info-name:where([dir=\"ltr\"],[dir=\"ltr\"] *){margin-right:0.5rem}.s-comments-item-user-info-name:where([dir=\"rtl\"],[dir=\"rtl\"] *){margin-left:0.5rem}.s-comments-item-user-info-name-with-margin{display:inline-block;--tw-translate-y:-2px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));font-size:1rem;line-height:1.5rem;font-weight:700}.s-comments-item-user-info-name-with-margin:where([dir=\"ltr\"],[dir=\"ltr\"] *){margin-right:2.5rem}.s-comments-item-user-info-name-with-margin:where([dir=\"rtl\"],[dir=\"rtl\"] *){margin-left:2.5rem}.s-comments-item-pinned-icon-with-margin{display:flex;height:1.25rem;width:1.25rem;align-items:center;justify-content:center;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1));font-size:0.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.s-comments-item-pinned-icon-with-margin:where([dir=\"ltr\"],[dir=\"ltr\"] *){margin-right:2.5rem;margin-left:0.5rem}.s-comments-item-pinned-icon-with-margin:where([dir=\"rtl\"],[dir=\"rtl\"] *){margin-left:2.5rem;margin-right:0.5rem}.s-comments-item-stars{margin-bottom:0.625rem;width:100%}.s-comments-item-stars>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.25rem * var(--tw-space-x-reverse));margin-left:calc(0.25rem * calc(1 - var(--tw-space-x-reverse)))}.s-comments-item-stars{font-size:0.75rem;line-height:1rem}.s-comments-item-stars:where([dir=\"rtl\"],[dir=\"rtl\"] *)>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1}.s-comments-item-rated-widget{margin-top:0.125rem;font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.s-comments-item-rated-widget:where([dir=\"ltr\"],[dir=\"ltr\"] *){margin-left:0.25rem}.s-comments-item-rated-widget:where([dir=\"rtl\"],[dir=\"rtl\"] *){margin-right:0.25rem}.s-comments-flex-1{flex:1 1 0%}.s-comments-flex{display:flex}.s-comments-item-user-info{margin-bottom:0.25rem;display:flex;align-items:center}.s-comments-item-user-wrapper{margin-bottom:0.5rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}@media (min-width: 768px){.s-comments-item-user-wrapper{margin-bottom:0px}}.s-comments-item-content{max-width:none;--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.s-comments-item-content:is(.dark *){--tw-text-opacity:1;color:rgb(249 250 251 / var(--tw-text-opacity, 1))}.s-comments-placeholder{display:flex;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-comments-placeholder p{padding-top:0.5rem;text-align:center;--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.s-comments-placeholder span{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-comments-placeholder span svg{margin-left:auto;margin-right:auto;height:4rem;width:4rem;fill:#d1d5db;text-align:center}.s-comments-item-like-btn{margin-top:0.5rem}.s-comments-item-like-btn .s-button-text{display:flex;flex-direction:row-reverse;gap:0.5rem}.s-comments-item-like-btn span svg{height:0.75rem;width:0.75rem}.s-comments-item-images{margin-top:0.5rem;display:flex;align-items:center;gap:0.75rem}.s-comments-item-images img{height:5rem;width:5rem;cursor:pointer;border-radius:0.375rem;object-fit:cover}@media (min-width: 640px){.s-comments-item-images img{height:120px;width:120px}}.s-comments-item-images-slider{margin-top:1.25rem}.s-comments-item-images-slider .s-modal-close{background-color:transparent}.s-comments-item-images-slider-thumb{height:auto;width:100%;max-width:250px}@media (min-width: 640px){.s-comments-item-images-slider-thumb{width:50%;max-width:320px}}@media (min-width: 768px){.s-comments-item-images-slider-thumb{width:33.333333%}}@media (min-width: 1024px){.s-comments-item-images-slider-thumb{width:25%}}.s-comments-item-images-slider-thumb img{height:100%;width:100%;object-fit:cover}.s-comments-header{margin-top:1.5rem;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:space-between}.s-comments-header:not(.has-total){justify-content:flex-end !important}.s-comments-sort-input{width:10rem}.s-comments-filter-wrapper{display:flex;align-items:center}.s-comments-filter-label{display:none;white-space:nowrap}@media (min-width: 640px){.s-comments-filter-label{display:block}}.s-comments-filter-label:where([dir=\"ltr\"],[dir=\"ltr\"] *){margin-right:0.75rem}.s-comments-filter-label:where([dir=\"rtl\"],[dir=\"rtl\"] *){margin-left:0.75rem}.s-comments-container salla-reviews-summary{margin-top:1.5rem}.s-comments-item-content-container{display:flex;flex-direction:row;align-items:center;gap:0.5rem}.rtl\\:text-right:where([dir=\"rtl\"],[dir=\"rtl\"] *){text-align:right}";