@salla.sa/twilight-components 2.14.537 → 2.14.539

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

@@ -3,7 +3,7 @@
  */
 import { h, Host, } from "@stencil/core";
 import { bulletDeliveryAPI, clearApiCache, isSaudiArabia } from "./api-service";
-import { buildAddressLocationPayloadFromSelection, filterBranches, findNearestBranch, formatWorkingHoursDisplay, getBranchFirstSlot, getGeolocationErrorMessage, getIntentBranchId, getIntentCityId, getIntentCountryCode, getIntentCountryId, getIntentDistrictId, getIntentLatitude, getIntentLongitude, getIntentRegionId, getIntentSubtitle, hasSessionAddressIntent, requireRegionAndDistrictForSA, } from "./helpers";
+import { buildAddressLocationPayloadFromSelection, filterBranches, findNearestBranch, getGeolocationErrorMessage, getIntentBranchId, getIntentCityId, getIntentCountryCode, getIntentCountryId, getIntentDistrictId, getIntentLatitude, getIntentLongitude, getIntentRegionId, getIntentSubtitle, hasSessionAddressIntent, isBranchSelectable, requireRegionAndDistrictForSA, } from "./helpers";
 const BRANCH_SEARCH_DEBOUNCE_MS = 1000;
 const GEOLOCATION_TIMEOUT = 10000;
 /** Final fallback center used only if `user.default_geo_location` is absent (Riyadh — matches checkout map-page). */
@@ -2187,24 +2187,25 @@ export class SallaBulletDelivery {
         if (this.filteredBranches.length === 0) {
             return (h("salla-placeholder", { alignment: "center", class: "s-bullet-delivery-placeholder" }, h("span", { slot: "title" }, Salla.lang.get("pages.checkout.no_pickup_branches_found"))));
         }
-        return (h("div", { class: "s-bullet-delivery-branches-wrap" }, h("ul", { class: "s-bullet-delivery-branches-list s-scrollbar" }, this.filteredBranches.map((branch) => (h("li", { key: branch.id, class: {
-                "s-bullet-delivery-branch-item": true,
-                "s-bullet-delivery-branch-item--selected": this.selectedBranch?.id === branch.id,
-                "s-bullet-delivery-branch-item--disabled": branch.is_open === false,
-            }, tabIndex: branch.is_open === false ? -1 : 0, role: "option", "aria-disabled": branch.is_open === false, onClick: () => branch.is_open !== false && this.handleBranchSelect(branch), onKeyDown: (e) => {
-                if (e.key === "Enter" || e.key === " ") {
-                    e.preventDefault();
-                    if (branch.is_open !== false)
-                        this.handleBranchSelect(branch);
-                }
-            } }, h("input", { type: "radio", name: "branch", class: "s-bullet-delivery-radio", checked: this.selectedBranch?.id === branch.id, disabled: branch.is_open === false }), h("span", { class: "s-bullet-delivery-branch-icon", "aria-hidden": "true" }, h("span", { innerHTML: Store })), h("div", { class: "s-bullet-delivery-branch-info" }, h("span", { class: "s-bullet-delivery-branch-name" }, branch.name), branch.preparation_time ? (h("span", { class: "s-bullet-delivery-branch-prep" }, `${Salla.lang.get("pages.checkout.processing_time")}: ${branch.preparation_time}`)) : null), (() => {
-            if (branch.always_open) {
-                return (h("span", { class: "s-bullet-delivery-branch-time" }, Salla.lang.get("pages.orders.branch_always_open")));
-            }
-            const slot = getBranchFirstSlot(branch.working_hours);
-            return slot ? (h("span", { class: "s-bullet-delivery-branch-time" }, formatWorkingHoursDisplay(slot.from, slot.to, Salla.config.get("user.language_code") ||
-                "ar", Salla.lang.get("pages.checkout.until")))) : null;
-        })(), branch.location?.lat != null && branch.location?.lng != null && (h("a", { href: `https://www.google.com/maps?q=${branch.location.lat},${branch.location.lng}`, target: "_blank", rel: "noopener noreferrer", class: "s-bullet-delivery-branch-map-link", title: Salla.lang.get("common.elements.open_in_google_maps"), onClick: (e) => e.stopPropagation() }, h("span", { class: "s-bullet-delivery-branch-map-link-icon", innerHTML: GetDirections.replace(/mask0_25437_34440/g, `mask0_branch_${branch.id}`), "aria-hidden": "true" }), h("span", { class: "sr-only" }, Salla.lang.get("common.elements.open_in_google_maps"))))))))));
+        return (h("div", { class: "s-bullet-delivery-branches-wrap" }, h("ul", { class: "s-bullet-delivery-branches-list s-scrollbar" }, this.filteredBranches.map(branch => {
+            const selectable = isBranchSelectable(branch);
+            const readiness = branch?.pickup_readiness;
+            return (h("li", { key: branch.id, class: {
+                    's-bullet-delivery-branch-item': true,
+                    's-bullet-delivery-branch-item--selected': this.selectedBranch?.id === branch.id,
+                    's-bullet-delivery-branch-item--disabled': !selectable,
+                }, tabIndex: selectable ? 0 : -1, role: "option", "aria-disabled": !selectable, onClick: () => selectable && this.handleBranchSelect(branch), onKeyDown: e => {
+                    if (e.key === 'Enter' || e.key === ' ') {
+                        e.preventDefault();
+                        if (selectable)
+                            this.handleBranchSelect(branch);
+                    }
+                } }, h("input", { type: "radio", name: "branch", class: "s-bullet-delivery-radio", checked: this.selectedBranch?.id === branch.id, disabled: !selectable }), h("span", { class: "s-bullet-delivery-branch-icon", "aria-hidden": "true" }, h("span", { innerHTML: Store })), h("div", { class: "flex flex-col gap-[2px]" }, h("div", { class: "flex items-center gap-1" }, h("p", { class: "s-bullet-delivery-branch-name text-start" }, branch.name), readiness?.label && (h("p", { class: `branch-status-badge${readiness.color ? ` ${readiness.color}` : ''}` }, readiness.label))), branch.preparation_time ? (h("span", { class: "s-bullet-delivery-branch-prep text-start" }, h("i", { class: "sicon-clock" }), "\u00A0", h("span", { class: "first-letter-cap" }, branch.preparation_time))) : null, readiness?.detail_line && (h("span", { class: "s-bullet-delivery-branch-time text-start" }, h("i", { class: "sicon-store" }), "\u00A0", readiness.detail_line))), h("div", { style: {
+                    width: 'full',
+                    maxWidth: '50px',
+                    marginInlineStart: 'auto',
+                } }, branch.location?.lat != null && branch.location?.lng != null && (h("a", { href: `https://www.google.com/maps?q=${branch.location.lat},${branch.location.lng}`, target: "_blank", rel: "noopener noreferrer", class: "s-bullet-delivery-branch-map-link", title: Salla.lang.get('common.elements.open_in_google_maps'), onClick: e => e.stopPropagation() }, h("span", { class: "s-bullet-delivery-branch-map-link-icon", innerHTML: GetDirections.replace(/mask0_25437_34440/g, `mask0_branch_${branch.id}`), "aria-hidden": "true" }), h("span", { class: "sr-only" }, Salla.lang.get('common.elements.open_in_google_maps')))))));
+        }))));
     }
     renderPickupTab() {
         return (h("div", { class: {