@swift-food-services/catering-widget 0.2.0-beta.12 → 0.2.0-beta.13

package/dist/index.cjs

@@ -2765,6 +2765,55 @@ styleInject(`/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
       translate: 0 -35%;
       rotate: 0deg;
     }
+    .swift-catering-widget .\\!rating {
+      vertical-align: middle !important;
+      display: inline-flex !important;
+      position: relative !important;
+    }
+    .swift-catering-widget .\\!rating input {
+      appearance: none !important;
+      border: none !important;
+    }
+    .swift-catering-widget .\\!rating :where(*) {
+      background-color: var(--color-base-content) !important;
+      opacity: .2 !important;
+      border-radius: 0 !important;
+      width: 1.5rem !important;
+      height: 1.5rem !important;
+    }
+    @media (prefers-reduced-motion: no-preference) {
+      .swift-catering-widget .\\!rating :where(*) {
+        animation: .25s ease-out rating !important;
+      }
+    }
+    .swift-catering-widget .\\!rating :where(*):is(input) {
+      cursor: pointer !important;
+    }
+    .swift-catering-widget .\\!rating .rating-hidden {
+      background-color: #0000 !important;
+      width: .5rem !important;
+    }
+    .swift-catering-widget .\\!rating input[type=radio]:checked {
+      background-image: none !important;
+    }
+    .swift-catering-widget .\\!rating :checked,
+    .swift-catering-widget .\\!rating [aria-checked=true],
+    .swift-catering-widget .\\!rating [aria-current=true],
+    .swift-catering-widget .\\!rating :has(~ :checked, ~ [aria-checked=true], ~ [aria-current=true]) {
+      opacity: 1 !important;
+    }
+    .swift-catering-widget .\\!rating :focus-visible {
+      scale: 1.1 !important;
+    }
+    @media (prefers-reduced-motion: no-preference) {
+      .swift-catering-widget .\\!rating :focus-visible {
+        transition: scale .2s ease-out !important;
+      }
+    }
+    .swift-catering-widget .\\!rating :active:focus {
+      animation: none !important;
+      scale: 1.1 !important;
+    }
     .swift-catering-widget .rating {
       vertical-align: middle;
       display: inline-flex;
@@ -3422,6 +3471,26 @@ styleInject(`/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
       cursor: not-allowed;
       opacity: .2;
     }
+    .swift-catering-widget .\\!rating.rating-xs :where(:not(.rating-hidden)) {
+      width: 1rem !important;
+      height: 1rem !important;
+    }
+    .swift-catering-widget .\\!rating.rating-sm :where(:not(.rating-hidden)) {
+      width: 1.25rem !important;
+      height: 1.25rem !important;
+    }
+    .swift-catering-widget .\\!rating.rating-md :where(:not(.rating-hidden)) {
+      width: 1.5rem !important;
+      height: 1.5rem !important;
+    }
+    .swift-catering-widget .\\!rating.rating-lg :where(:not(.rating-hidden)) {
+      width: 1.75rem !important;
+      height: 1.75rem !important;
+    }
+    .swift-catering-widget .\\!rating.rating-xl :where(:not(.rating-hidden)) {
+      width: 2rem !important;
+      height: 2rem !important;
+    }
     .swift-catering-widget .rating.rating-xs :where(:not(.rating-hidden)) {
       width: 1rem;
       height: 1rem;
@@ -6490,9 +6559,6 @@ styleInject(`/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
   .swift-catering-widget .disabled\\:opacity-50:disabled {
     opacity: .5;
   }
-  .swift-catering-widget .disabled\\:opacity-60:disabled {
-    opacity: .6;
-  }
   .swift-catering-widget .disabled\\:shadow-none:disabled {
     --tw-shadow:0 0 #0000;
     box-shadow:
@@ -8425,9 +8491,194 @@ function applySelectedAddons(live, snapshotAddons) {
   return { ...live, selectedAddons, addonPrice };
 }
 
+// src/components/catering-order-helpers.ts
+var to12h = (totalMins) => {
+  const h = Math.floor(totalMins / 60);
+  const m = totalMins % 60;
+  const period = h >= 12 ? "pm" : "am";
+  const h12 = h % 12 || 12;
+  return `${h12}:${String(m).padStart(2, "0")}${period}`;
+};
+var TIME_SLOT_OPTIONS = (() => {
+  const slots = [];
+  for (let startMins = 7 * 60; startMins <= 20 * 60; startMins += 30) {
+    const endMins = startMins + 30;
+    const sH = String(Math.floor(startMins / 60)).padStart(2, "0");
+    const sM = String(startMins % 60).padStart(2, "0");
+    slots.push({ label: `${to12h(startMins)} - ${to12h(endMins)}`, value: `${sH}:${sM}` });
+  }
+  return slots;
+})();
+function groupSessionsByDay(sessions, getSessionTotal) {
+  const groups = /* @__PURE__ */ new Map();
+  sessions.forEach((session, index) => {
+    const date = session.sessionDate || "unscheduled";
+    if (!groups.has(date)) {
+      const dateObj = date !== "unscheduled" ? /* @__PURE__ */ new Date(date + "T00:00:00") : null;
+      groups.set(date, {
+        date,
+        displayDate: dateObj?.toLocaleDateString("en-GB", {
+          day: "numeric",
+          month: "short"
+        }) || "No Date",
+        fullDate: dateObj?.toLocaleDateString("en-GB", {
+          day: "numeric",
+          month: "long",
+          year: "numeric"
+        }) || "Unscheduled",
+        dayName: dateObj?.toLocaleDateString("en-GB", { weekday: "short" }) || "",
+        sessions: [],
+        total: 0
+      });
+    }
+    const group = groups.get(date);
+    group.sessions.push({ session, index });
+    group.total += getSessionTotal(index);
+  });
+  groups.forEach((group) => {
+    group.sessions.sort((a, b) => {
+      if (!a.session.eventTime && !b.session.eventTime) return 0;
+      if (!a.session.eventTime) return 1;
+      if (!b.session.eventTime) return -1;
+      return a.session.eventTime.localeCompare(b.session.eventTime);
+    });
+  });
+  return Array.from(groups.values()).sort((a, b) => {
+    if (a.date === "unscheduled") return 1;
+    if (b.date === "unscheduled") return -1;
+    return a.date.localeCompare(b.date);
+  });
+}
+function formatTimeDisplay(eventTime) {
+  if (!eventTime) return "Set time";
+  const [hours, minutes] = eventTime.split(":");
+  const hour = parseInt(hours);
+  const minute = parseInt(minutes);
+  const period = hour >= 12 ? "PM" : "AM";
+  const hour12 = hour % 12 || 12;
+  const start = `${hour12}:${String(minute).padStart(2, "0")} ${period}`;
+  const totalEnd = hour * 60 + minute + 30;
+  const endHour = Math.floor(totalEnd / 60) % 24;
+  const endMinute = totalEnd % 60;
+  const endPeriod = endHour >= 12 ? "PM" : "AM";
+  const endHour12 = endHour % 12 || 12;
+  return `${start} \u2013 ${endHour12}:${String(endMinute).padStart(2, "0")} ${endPeriod}`;
+}
+function getMinDate() {
+  const date = /* @__PURE__ */ new Date();
+  return date.toISOString().split("T")[0];
+}
+function getMaxDate() {
+  const date = /* @__PURE__ */ new Date();
+  date.setMonth(date.getMonth() + 3);
+  return date.toISOString().split("T")[0];
+}
+function mapToMenuItem(item) {
+  return {
+    id: item.id,
+    menuItemName: item.name,
+    description: item.description,
+    price: item.price?.toString() || "0",
+    discountPrice: item.discountPrice?.toString(),
+    allergens: item.allergens,
+    isDiscount: item.isDiscount || false,
+    images: item.images ?? (item.image ? [item.image] : []),
+    averageRating: item.averageRating,
+    restaurantId: item.restaurantId,
+    restaurantName: item.restaurant?.restaurant_name,
+    restaurant: item.restaurant ? {
+      id: item.restaurant.id || item.restaurantId,
+      name: item.restaurant.restaurant_name || item.restaurant.name,
+      restaurantId: item.restaurantId,
+      menuGroupSettings: item.restaurant.menuGroupSettings,
+      images: item.restaurant.images || item.restaurant.image
+    } : void 0,
+    groupTitle: item.groupTitle,
+    status: item.status,
+    itemDisplayOrder: item.itemDisplayOrder || 0,
+    cateringQuantityUnit: item.cateringQuantityUnit,
+    feedsPerUnit: item.feedsPerUnit,
+    minOrderQuantity: item.minOrderQuantity,
+    dietaryFilters: item.dietaryFilters,
+    categoryId: item.categories?.[0]?.id || item.categoryId,
+    categoryName: item.categories?.[0]?.name || item.categoryName,
+    // Include subcategory info from API response
+    subcategoryId: item.subcategories?.[0]?.id,
+    subcategoryName: item.subcategories?.[0]?.name,
+    addons: (item.addons || []).map((group) => ({
+      groupTitle: group.groupTitle || "",
+      selectionType: group.selectionType === "multiple" ? "multiple_no_repeat" : group.selectionType || "multiple_no_repeat",
+      isRequired: group.isRequired || false,
+      minSelections: group.minSelections,
+      maxSelections: group.maxSelections,
+      items: (group.items || []).map((addon) => ({
+        name: addon.name,
+        price: addon.price?.toString() || "0",
+        allergens: addon.allergens?.join?.(", ") || "",
+        dietaryRestrictions: addon.dietaryRestrictions,
+        isDefault: addon.isDefault,
+        displayOrder: addon.displayOrder
+      }))
+    }))
+  };
+}
+function formatTime(hour, minute) {
+  const period = hour >= 12 ? "PM" : "AM";
+  const hour12 = hour % 12 || 12;
+  return `${hour12}:${minute.toString().padStart(2, "0")} ${period}`;
+}
+
+// src/hooks/useImportCart.ts
+function useImportCart() {
+  const { loadMealSessions } = useCateringState();
+  const [status, setStatus] = react.useState("idle");
+  const loadById = async (id) => {
+    const { cart } = await cateringService.getSharedCart(id);
+    const { mealSessions, missing } = await hydrateCartFromSnapshot(
+      cart,
+      // Map raw API items → widget MenuItem shape, same as every other
+      // getMenuItemsByRestaurant caller (RestaurantMenuBrowser, BundleBrowser).
+      // Without this the cart reads menuItemName/dietaryFilters off the raw
+      // entity (name/dietaryFilters) → blank item names + dietary on load.
+      (rid) => cateringService.getMenuItemsByRestaurant(rid).then((items) => items.map(mapToMenuItem))
+    );
+    const empty = mealSessions.every((s) => s.orderItems.length === 0);
+    if (!empty) loadMealSessions(mealSessions);
+    return { ok: !empty, empty, missing: missing.length };
+  };
+  const handleImport = async () => {
+    if (status === "loading") return;
+    const id = window.prompt("Enter a cart code to import:")?.trim();
+    if (!id) return;
+    setStatus("loading");
+    try {
+      const { empty, missing } = await loadById(id);
+      if (empty) {
+        window.alert("The items in this shared cart are no longer available.");
+        setStatus("idle");
+        return;
+      }
+      if (missing > 0) {
+        window.alert(
+          `${missing} item${missing === 1 ? "" : "s"} from this shared cart ${missing === 1 ? "is" : "are"} no longer available and ${missing === 1 ? "was" : "were"} removed.`
+        );
+      }
+      setStatus("done");
+      setTimeout(() => setStatus("idle"), 2500);
+    } catch (err) {
+      console.error("[catering] failed to import shared cart", err);
+      window.alert("We couldn't load that cart \u2014 check the code and try again.");
+      setStatus("error");
+      setTimeout(() => setStatus("idle"), 2500);
+    }
+  };
+  const label = status === "loading" ? "Importing\u2026" : status === "done" ? "Cart imported" : status === "error" ? "Try again" : "Import cart";
+  return { status, handleImport, label, loadById };
+}
+
 // src/components/SharedCartLoader.tsx
 function SharedCartLoader() {
-  const { loadMealSessions } = useCateringState();
+  const { loadById } = useImportCart();
   react.useEffect(() => {
     if (typeof window === "undefined") return;
     const id = new URLSearchParams(window.location.search).get("sharedCart");
@@ -8435,24 +8686,16 @@ function SharedCartLoader() {
     let cancelled = false;
     void (async () => {
       try {
-        const { cart } = await cateringService.getSharedCart(id);
-        const { mealSessions, missing } = await hydrateCartFromSnapshot(
-          cart,
-          (rid) => cateringService.getMenuItemsByRestaurant(rid)
-        );
+        const { empty, missing } = await loadById(id);
         if (cancelled) return;
-        if (mealSessions.every((s) => s.orderItems.length === 0)) {
+        if (empty) {
           window.alert(
             "The items in this shared cart are no longer available."
           );
-        } else {
-          loadMealSessions(mealSessions);
-          if (missing.length > 0) {
-            const n = missing.length;
-            window.alert(
-              `${n} item${n === 1 ? "" : "s"} from this shared cart ${n === 1 ? "is" : "are"} no longer available and ${n === 1 ? "was" : "were"} removed.`
-            );
-          }
+        } else if (missing > 0) {
+          window.alert(
+            `${missing} item${missing === 1 ? "" : "s"} from this shared cart ${missing === 1 ? "is" : "are"} no longer available and ${missing === 1 ? "was" : "were"} removed.`
+          );
         }
         const url = new URL(window.location.href);
         url.searchParams.delete("sharedCart");
@@ -11170,149 +11413,12 @@ function validateSessionMinOrders(session, restaurants) {
     (restaurant) => validateRestaurantMinOrders(session, restaurant)
   );
 }
-
-// src/components/catering-order-helpers.ts
-var to12h = (totalMins) => {
-  const h = Math.floor(totalMins / 60);
-  const m = totalMins % 60;
-  const period = h >= 12 ? "pm" : "am";
-  const h12 = h % 12 || 12;
-  return `${h12}:${String(m).padStart(2, "0")}${period}`;
-};
-var TIME_SLOT_OPTIONS = (() => {
-  const slots = [];
-  for (let startMins = 7 * 60; startMins <= 20 * 60; startMins += 30) {
-    const endMins = startMins + 30;
-    const sH = String(Math.floor(startMins / 60)).padStart(2, "0");
-    const sM = String(startMins % 60).padStart(2, "0");
-    slots.push({ label: `${to12h(startMins)} - ${to12h(endMins)}`, value: `${sH}:${sM}` });
-  }
-  return slots;
-})();
-function groupSessionsByDay(sessions, getSessionTotal) {
-  const groups = /* @__PURE__ */ new Map();
-  sessions.forEach((session, index) => {
-    const date = session.sessionDate || "unscheduled";
-    if (!groups.has(date)) {
-      const dateObj = date !== "unscheduled" ? /* @__PURE__ */ new Date(date + "T00:00:00") : null;
-      groups.set(date, {
-        date,
-        displayDate: dateObj?.toLocaleDateString("en-GB", {
-          day: "numeric",
-          month: "short"
-        }) || "No Date",
-        fullDate: dateObj?.toLocaleDateString("en-GB", {
-          day: "numeric",
-          month: "long",
-          year: "numeric"
-        }) || "Unscheduled",
-        dayName: dateObj?.toLocaleDateString("en-GB", { weekday: "short" }) || "",
-        sessions: [],
-        total: 0
-      });
-    }
-    const group = groups.get(date);
-    group.sessions.push({ session, index });
-    group.total += getSessionTotal(index);
-  });
-  groups.forEach((group) => {
-    group.sessions.sort((a, b) => {
-      if (!a.session.eventTime && !b.session.eventTime) return 0;
-      if (!a.session.eventTime) return 1;
-      if (!b.session.eventTime) return -1;
-      return a.session.eventTime.localeCompare(b.session.eventTime);
-    });
-  });
-  return Array.from(groups.values()).sort((a, b) => {
-    if (a.date === "unscheduled") return 1;
-    if (b.date === "unscheduled") return -1;
-    return a.date.localeCompare(b.date);
-  });
-}
-function formatTimeDisplay(eventTime) {
-  if (!eventTime) return "Set time";
-  const [hours, minutes] = eventTime.split(":");
-  const hour = parseInt(hours);
-  const minute = parseInt(minutes);
-  const period = hour >= 12 ? "PM" : "AM";
-  const hour12 = hour % 12 || 12;
-  const start = `${hour12}:${String(minute).padStart(2, "0")} ${period}`;
-  const totalEnd = hour * 60 + minute + 30;
-  const endHour = Math.floor(totalEnd / 60) % 24;
-  const endMinute = totalEnd % 60;
-  const endPeriod = endHour >= 12 ? "PM" : "AM";
-  const endHour12 = endHour % 12 || 12;
-  return `${start} \u2013 ${endHour12}:${String(endMinute).padStart(2, "0")} ${endPeriod}`;
-}
-function getMinDate() {
-  const date = /* @__PURE__ */ new Date();
-  return date.toISOString().split("T")[0];
-}
-function getMaxDate() {
-  const date = /* @__PURE__ */ new Date();
-  date.setMonth(date.getMonth() + 3);
-  return date.toISOString().split("T")[0];
-}
-function mapToMenuItem(item) {
-  return {
-    id: item.id,
-    menuItemName: item.name,
-    description: item.description,
-    price: item.price?.toString() || "0",
-    discountPrice: item.discountPrice?.toString(),
-    allergens: item.allergens,
-    isDiscount: item.isDiscount || false,
-    images: item.images ?? (item.image ? [item.image] : []),
-    averageRating: item.averageRating,
-    restaurantId: item.restaurantId,
-    restaurantName: item.restaurant?.restaurant_name,
-    restaurant: item.restaurant ? {
-      id: item.restaurant.id || item.restaurantId,
-      name: item.restaurant.restaurant_name || item.restaurant.name,
-      restaurantId: item.restaurantId,
-      menuGroupSettings: item.restaurant.menuGroupSettings,
-      images: item.restaurant.images || item.restaurant.image
-    } : void 0,
-    groupTitle: item.groupTitle,
-    status: item.status,
-    itemDisplayOrder: item.itemDisplayOrder || 0,
-    cateringQuantityUnit: item.cateringQuantityUnit,
-    feedsPerUnit: item.feedsPerUnit,
-    minOrderQuantity: item.minOrderQuantity,
-    dietaryFilters: item.dietaryFilters,
-    categoryId: item.categories?.[0]?.id || item.categoryId,
-    categoryName: item.categories?.[0]?.name || item.categoryName,
-    // Include subcategory info from API response
-    subcategoryId: item.subcategories?.[0]?.id,
-    subcategoryName: item.subcategories?.[0]?.name,
-    addons: (item.addons || []).map((group) => ({
-      groupTitle: group.groupTitle || "",
-      selectionType: group.selectionType === "multiple" ? "multiple_no_repeat" : group.selectionType || "multiple_no_repeat",
-      isRequired: group.isRequired || false,
-      minSelections: group.minSelections,
-      maxSelections: group.maxSelections,
-      items: (group.items || []).map((addon) => ({
-        name: addon.name,
-        price: addon.price?.toString() || "0",
-        allergens: addon.allergens?.join?.(", ") || "",
-        dietaryRestrictions: addon.dietaryRestrictions,
-        isDefault: addon.isDefault,
-        displayOrder: addon.displayOrder
-      }))
-    }))
-  };
-}
-function formatTime(hour, minute) {
-  const period = hour >= 12 ? "PM" : "AM";
-  const hour12 = hour % 12 || 12;
-  return `${hour12}:${minute.toString().padStart(2, "0")} ${period}`;
-}
-function readPrimaryColor(from) {
-  if (!from) return void 0;
-  const root = from.closest(".swift-catering-widget");
-  if (!root) return void 0;
-  const value = getComputedStyle(root).getPropertyValue("--swift-primary").trim();
-  return value || void 0;
+function readPrimaryColor(from) {
+  if (!from) return void 0;
+  const root = from.closest(".swift-catering-widget");
+  if (!root) return void 0;
+  const value = getComputedStyle(root).getPropertyValue("--swift-primary").trim();
+  return value || void 0;
 }
 function TimeSlotDropdown({
   value,
@@ -21799,118 +21905,120 @@ function PricingSummary({
   if (calculatingPricing && !pricing) {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `text-center text-base-content/60 ${compact ? "py-2 text-xs" : "py-4 text-sm"}`, children: "Calculating pricing..." });
   }
-  if (pricing) {
-    const deliveryBreakdown = pricing.deliveryFeeBreakdown || pricing.mealSessions?.[0]?.deliveryFeeBreakdown;
-    const distanceInMiles = pricing.distanceInMiles || pricing.mealSessions?.[0]?.distanceInMiles;
-    const backendPromos = pricing.appliedPromotions?.filter((p) => p.discount > 0) ?? [];
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `transition-opacity duration-200 ${calculatingPricing ? "opacity-50" : "opacity-100"} ${compact ? "space-y-1.5" : "border-t border-base-300 space-y-2 pt-4"}`, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex justify-between text-base-content/70 ${compact ? "text-xs" : "text-sm"}`, children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Subtotal" }),
-        /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-          "\xA3",
-          pricing.subtotal.toFixed(2)
-        ] })
+  if (!pricing && estimatedTotal !== void 0) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between pt-4 border-t border-base-300", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold text-base-content", children: "Estimated Total:" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-bold text-xl text-base-content", children: [
+        "\xA3",
+        estimatedTotal.toFixed(2)
+      ] })
+    ] });
+  }
+  const quote = pricing ?? {
+    subtotal: 0,
+    deliveryFee: 0,
+    total: 0
+  };
+  const deliveryBreakdown = quote.deliveryFeeBreakdown || quote.mealSessions?.[0]?.deliveryFeeBreakdown;
+  const distanceInMiles = quote.distanceInMiles || quote.mealSessions?.[0]?.distanceInMiles;
+  const backendPromos = quote.appliedPromotions?.filter((p) => p.discount > 0) ?? [];
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `transition-opacity duration-200 ${calculatingPricing ? "opacity-50" : "opacity-100"} ${compact ? "space-y-1.5" : "border-t border-base-300 space-y-2 pt-4"}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex justify-between text-base-content/70 ${compact ? "text-xs" : "text-sm"}`, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Subtotal" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+        "\xA3",
+        quote.subtotal.toFixed(2)
+      ] })
+    ] }),
+    (quote.promotionDiscount ?? 0) > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex justify-between text-green-600 font-semibold ${compact ? "text-xs" : "text-sm"}`, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+        "Restaurant Promotion",
+        backendPromos.length > 1 ? "s" : ""
       ] }),
-      (pricing.promotionDiscount ?? 0) > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex justify-between text-green-600 font-semibold ${compact ? "text-xs" : "text-sm"}`, children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-          "Restaurant Promotion",
-          backendPromos.length > 1 ? "s" : ""
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+        "-\xA3",
+        quote.promotionDiscount.toFixed(2)
+      ] })
+    ] }),
+    (quote.promoDiscount ?? 0) > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex justify-between text-success font-medium ${compact ? "text-xs" : "text-sm"}`, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Promo Code Discount" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+        "-\xA3",
+        quote.promoDiscount.toFixed(2)
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex justify-between items-center text-base-content/70 gap-2 ${compact ? "text-xs" : "text-sm"}`, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1 flex-shrink-0", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "whitespace-nowrap", children: "Delivery Cost" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative group", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "text-base-content/30 hover:text-base-content/60 leading-none", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-3 h-3", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute bottom-full left-0 mb-1.5 w-52 hidden group-hover:block z-50", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-base-content text-base-100 text-[10px] leading-relaxed rounded-lg px-2.5 py-2 shadow-lg", children: "Based on number of restaurants, distance to your delivery address, and catering order size." }) })
+          ] })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-          "-\xA3",
-          pricing.promotionDiscount.toFixed(2)
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 min-w-0", children: [
+          deliveryBreakdown && !compact && /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              onClick: () => setShowDeliveryBreakdown(!showDeliveryBreakdown),
+              className: "text-base-content/40 hover:text-base-content/70",
+              type: "button",
+              children: /* @__PURE__ */ jsxRuntime.jsx(
+                "svg",
+                {
+                  className: `w-4 h-4 transition-transform ${showDeliveryBreakdown ? "rotate-180" : ""}`,
+                  fill: "none",
+                  stroke: "currentColor",
+                  viewBox: "0 0 24 24",
+                  children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" })
+                }
+              )
+            }
+          ),
+          distanceInMiles && onClearAddress && /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: onClearAddress,
+              className: "text-red-400 hover:text-red-600 transition-colors flex-shrink-0",
+              title: "Change address",
+              children: /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-3.5 h-3.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", strokeWidth: 2.5, children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" }) })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+            "\xA3",
+            quote.deliveryFee.toFixed(2)
+          ] }),
+          !distanceInMiles && onPlaceSelect && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-base-content/40 text-xs italic", children: "(min)" })
         ] })
       ] }),
-      (pricing.promoDiscount ?? 0) > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex justify-between text-success font-medium ${compact ? "text-xs" : "text-sm"}`, children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Promo Code Discount" }),
+      !distanceInMiles && onPlaceSelect && /* @__PURE__ */ jsxRuntime.jsx(InlineAddressInput, { onPlaceSelect }),
+      showDeliveryBreakdown && quote.mealSessions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pl-4 space-y-1 text-xs text-base-content/60", children: quote.mealSessions.map((session, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-          "-\xA3",
-          pricing.promoDiscount.toFixed(2)
+          session.sessionName,
+          ":"
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+          "\xA3",
+          session.deliveryFee.toFixed(2)
         ] })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex justify-between items-center text-base-content/70 gap-2 ${compact ? "text-xs" : "text-sm"}`, children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1 flex-shrink-0", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "whitespace-nowrap", children: "Delivery Cost" }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative group", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "text-base-content/30 hover:text-base-content/60 leading-none", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-3 h-3", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) }) }),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute bottom-full left-0 mb-1.5 w-52 hidden group-hover:block z-50", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-base-content text-base-100 text-[10px] leading-relaxed rounded-lg px-2.5 py-2 shadow-lg", children: "Based on number of restaurants, distance to your delivery address, and catering order size." }) })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 min-w-0", children: [
-            deliveryBreakdown && !compact && /* @__PURE__ */ jsxRuntime.jsx(
-              "button",
-              {
-                onClick: () => setShowDeliveryBreakdown(!showDeliveryBreakdown),
-                className: "text-base-content/40 hover:text-base-content/70",
-                type: "button",
-                children: /* @__PURE__ */ jsxRuntime.jsx(
-                  "svg",
-                  {
-                    className: `w-4 h-4 transition-transform ${showDeliveryBreakdown ? "rotate-180" : ""}`,
-                    fill: "none",
-                    stroke: "currentColor",
-                    viewBox: "0 0 24 24",
-                    children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" })
-                  }
-                )
-              }
-            ),
-            distanceInMiles && onClearAddress && /* @__PURE__ */ jsxRuntime.jsx(
-              "button",
-              {
-                type: "button",
-                onClick: onClearAddress,
-                className: "text-red-400 hover:text-red-600 transition-colors flex-shrink-0",
-                title: "Change address",
-                children: /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-3.5 h-3.5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", strokeWidth: 2.5, children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" }) })
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-              "\xA3",
-              pricing.deliveryFee.toFixed(2)
-            ] }),
-            !distanceInMiles && onPlaceSelect && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-base-content/40 text-xs italic", children: "(min)" })
-          ] })
+      ] }, index)) }),
+      deliveryBreakdown?.requiresCustomQuote && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2 p-2 bg-warning/10 border border-warning/30 rounded text-warning-content", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs", children: "\u26A0\uFE0F Delivery exceeds 6 miles. Final fee subject to review." }) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex justify-between font-bold text-base-content border-t border-base-300 ${compact ? "text-sm pt-2" : "text-lg pt-3"}`, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Total" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-right", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("p", { children: [
+          "\xA3",
+          quote.total.toFixed(2)
         ] }),
-        !distanceInMiles && onPlaceSelect && /* @__PURE__ */ jsxRuntime.jsx(InlineAddressInput, { onPlaceSelect }),
-        showDeliveryBreakdown && pricing.mealSessions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pl-4 space-y-1 text-xs text-base-content/60", children: pricing.mealSessions.map((session, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-            session.sessionName,
-            ":"
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-            "\xA3",
-            session.deliveryFee.toFixed(2)
-          ] })
-        ] }, index)) }),
-        deliveryBreakdown?.requiresCustomQuote && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2 p-2 bg-warning/10 border border-warning/30 rounded text-warning-content", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs", children: "\u26A0\uFE0F Delivery exceeds 6 miles. Final fee subject to review." }) })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex justify-between font-bold text-base-content border-t border-base-300 ${compact ? "text-sm pt-2" : "text-lg pt-3"}`, children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Total" }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-right", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("p", { children: [
-            "\xA3",
-            pricing.total.toFixed(2)
-          ] }),
-          (pricing.totalDiscount ?? 0) > 0 && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs line-through font-normal text-base-content/50", children: [
-            "\xA3",
-            (pricing.subtotal + pricing.deliveryFee).toFixed(2)
-          ] })
+        (quote.totalDiscount ?? 0) > 0 && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs line-through font-normal text-base-content/50", children: [
+          "\xA3",
+          (quote.subtotal + quote.deliveryFee).toFixed(2)
         ] })
       ] })
-    ] });
-  }
-  if (estimatedTotal !== void 0) {
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between pt-4 border-t border-base-300", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold text-base-content", children: "Estimated Total:" }),
-      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-bold text-xl text-base-content", children: [
-        "\xA3",
-        estimatedTotal.toFixed(2)
-      ] })
-    ] });
-  }
-  return null;
+    ] })
+  ] });
 }
 function ViewOrderModal({
   isOpen,
@@ -23068,7 +23176,9 @@ function RestaurantMenuBrowser({
   const [isDescriptionExpanded, setIsDescriptionExpanded] = react.useState(false);
   const [isDescriptionOverflowing, setIsDescriptionOverflowing] = react.useState(false);
   const descriptionRef = react.useRef(null);
-  const [restaurantMenuItems, setRestaurantMenuItems] = react.useState([]);
+  const [restaurantMenuItems, setRestaurantMenuItems] = react.useState(
+    []
+  );
   const [restaurantMenuItemsLoading, setRestaurantMenuItemsLoading] = react.useState(false);
   const restaurantItemsCache = react.useRef(/* @__PURE__ */ new Map());
   react.useEffect(() => {
@@ -23142,12 +23252,19 @@ function RestaurantMenuBrowser({
       closeRestaurantSearch();
     };
     const scrollTimer = setTimeout(() => {
-      document.addEventListener("scroll", handleScroll, { capture: true, passive: true });
+      document.addEventListener("scroll", handleScroll, {
+        capture: true,
+        passive: true
+      });
     }, 100);
-    document.addEventListener("pointerdown", handlePointerDown, { capture: true });
+    document.addEventListener("pointerdown", handlePointerDown, {
+      capture: true
+    });
     return () => {
       clearTimeout(scrollTimer);
-      document.removeEventListener("pointerdown", handlePointerDown, { capture: true });
+      document.removeEventListener("pointerdown", handlePointerDown, {
+        capture: true
+      });
       document.removeEventListener("scroll", handleScroll, { capture: true });
     };
   }, [isRestaurantSearchOpen, restaurantSearchQuery]);
@@ -23430,7 +23547,10 @@ function RestaurantMenuBrowser({
     () => availableRestaurants.find((r) => r.id === selectedRestaurantId) || null,
     [availableRestaurants, selectedRestaurantId]
   );
-  const restaurantItems = react.useMemo(() => dietaryFilteredItems, [dietaryFilteredItems]);
+  const restaurantItems = react.useMemo(
+    () => dietaryFilteredItems,
+    [dietaryFilteredItems]
+  );
   const filteredRestaurantItems = react.useMemo(() => {
     if (!isRestaurantSearchActive) return restaurantItems;
     const query = restaurantSearchQuery.toLowerCase();
@@ -23543,17 +23663,31 @@ function RestaurantMenuBrowser({
     isRestaurantSearchActive
   ]);
   const firstMenuGroupName = groupedItems[0]?.name ?? null;
-  const ensureMenuItemsForBundle = react.useCallback(async (bundle) => {
-    const restaurantIds = [...new Set(bundle.items.map((i) => i.restaurantId).filter(Boolean))];
-    const missing = restaurantIds.filter((id) => !restaurantItemsCache.current.has(id));
-    if (missing.length > 0) {
-      const fetched = await Promise.all(missing.map((id) => cateringService.getMenuItemsByRestaurant(id)));
-      missing.forEach((id, idx) => {
-        restaurantItemsCache.current.set(id, (fetched[idx] || []).map(mapToMenuItem));
-      });
-    }
-    return restaurantIds.flatMap((id) => restaurantItemsCache.current.get(id) ?? []);
-  }, []);
+  const ensureMenuItemsForBundle = react.useCallback(
+    async (bundle) => {
+      const restaurantIds = [
+        ...new Set(bundle.items.map((i) => i.restaurantId).filter(Boolean))
+      ];
+      const missing = restaurantIds.filter(
+        (id) => !restaurantItemsCache.current.has(id)
+      );
+      if (missing.length > 0) {
+        const fetched = await Promise.all(
+          missing.map((id) => cateringService.getMenuItemsByRestaurant(id))
+        );
+        missing.forEach((id, idx) => {
+          restaurantItemsCache.current.set(
+            id,
+            (fetched[idx] || []).map(mapToMenuItem)
+          );
+        });
+      }
+      return restaurantIds.flatMap(
+        (id) => restaurantItemsCache.current.get(id) ?? []
+      );
+    },
+    []
+  );
   const handleAddBundle = react.useCallback(
     async (bundle, guestQuantity) => {
       setAddingBundleId(bundle.id);
@@ -23735,7 +23869,7 @@ function RestaurantMenuBrowser({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1 p-3 flex flex-col relative", children: [
-        restaurant.logoImageUrl && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-1/2 right-2 -translate-y-1/2 w-12 h-12 rounded-full overflow-hidden border-2 border-white shadow-md", children: /* @__PURE__ */ jsxRuntime.jsx(
+        restaurant.logoImageUrl && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-1/2 right-2 -translate-y-1/2 w-12 h-12 rounded-full overflow-hidden border-2 border-white", children: /* @__PURE__ */ jsxRuntime.jsx(
           "img",
           {
             src: restaurant.logoImageUrl,
@@ -23749,7 +23883,7 @@ function RestaurantMenuBrowser({
           restaurant.minCateringOrderQuantity,
           " items"
         ] }) }) : null,
-        isUnavailableForSession && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-1.5 min-h-8 space-y-0.5", children: [
+        isUnavailableForSession && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-1.5 min-h-8 space-y-1.5", children: [
           /* @__PURE__ */ jsxRuntime.jsxs(
             "div",
             {
@@ -23765,68 +23899,35 @@ function RestaurantMenuBrowser({
               ]
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex items-center justify-between gap-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(
-              "div",
-              {
-                className: `flex min-w-0 items-center gap-1.5 text-[11px] leading-4 ${cateringWindowInfo.isAvailable ? "text-gray-500" : "text-red-500 font-semibold"}`,
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    lucideReact.Clock3,
-                    {
-                      className: `h-3.5 w-3.5 flex-shrink-0 ${cateringWindowInfo.isAvailable ? "text-gray-400" : "text-red-500"}`
-                    }
-                  ),
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "line-clamp-1", title: hoursTooltipText, children: cateringWindowInfo.text })
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative flex-shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(
-              "button",
-              {
-                ref: (element) => {
-                  if (element) {
-                    hoursInfoButtonRefs.current.set(restaurant.id, element);
-                  } else {
-                    hoursInfoButtonRefs.current.delete(restaurant.id);
-                  }
-                },
-                type: "button",
-                "aria-label": `View weekly catering hours for ${restaurant.restaurant_name}`,
-                onClick: (event) => {
-                  event.stopPropagation();
-                  if (!isMobileViewport) {
-                    updateHoursInfoPosition(restaurant.id);
-                  }
-                  setOpenHoursInfoRestaurantId(
-                    (current) => current === restaurant.id ? null : restaurant.id
-                  );
-                },
-                onMouseEnter: () => {
-                  if (!isMobileViewport) {
-                    updateHoursInfoPosition(restaurant.id);
-                    setHoveredHoursInfoRestaurantId(restaurant.id);
-                  }
-                },
-                onMouseLeave: () => {
-                  if (!isMobileViewport) {
-                    setHoveredHoursInfoRestaurantId(
-                      (current) => current === restaurant.id ? null : current
-                    );
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative flex items-center gap-2", children: /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: `flex min-w-0 items-center gap-1.5 text-[11px] leading-4 ${cateringWindowInfo.isAvailable ? "text-gray-500" : "text-red-500 font-semibold"}`,
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  lucideReact.Clock3,
+                  {
+                    className: `h-3.5 w-3.5 flex-shrink-0 ${cateringWindowInfo.isAvailable ? "text-gray-400" : "text-red-500"}`
                   }
-                },
-                className: "flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-full border border-base-300 bg-white text-gray-500 shadow-sm transition-colors hover:text-primary focus:outline-none",
-                title: "View weekly catering hours",
-                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Info, { className: "h-4 w-4" })
-              }
-            ) })
-          ] })
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "line-clamp-1", title: hoursTooltipText, children: cateringWindowInfo.text })
+              ]
+            }
+          ) })
         ] }),
         (() => {
           if (isUnavailableForSession) return null;
           const restaurantLoc = restaurant.address?.location;
-          const userLoc = contactInfo?.latitude && contactInfo?.longitude ? { latitude: contactInfo.latitude, longitude: contactInfo.longitude } : null;
-          const distance = userLoc && restaurantLoc ? haversineDistanceMiles(userLoc.latitude, userLoc.longitude, restaurantLoc.latitude, restaurantLoc.longitude) : null;
+          const userLoc = contactInfo?.latitude && contactInfo?.longitude ? {
+            latitude: contactInfo.latitude,
+            longitude: contactInfo.longitude
+          } : null;
+          const distance = userLoc && restaurantLoc ? haversineDistanceMiles(
+            userLoc.latitude,
+            userLoc.longitude,
+            restaurantLoc.latitude,
+            restaurantLoc.longitude
+          ) : null;
           const rating = restaurant.averageRating && parseFloat(restaurant.averageRating) > 0 ? parseFloat(restaurant.averageRating) : null;
           const priceRange = restaurant.priceRange;
           const tags = restaurant.tags?.filter(Boolean) ?? [];
@@ -23949,27 +24050,34 @@ function RestaurantMenuBrowser({
     ] }),
     document.body
   ) : null;
-  const renderCategoryFilters = () => /* @__PURE__ */ jsxRuntime.jsx("div", { ref: expandedSessionIndex === sessionIndex ? categoriesRowRef : void 0, style: { contain: "inline-size" }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-x-auto pb-2 pt-1 scrollbar-hide", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2 md:gap-3", children: categoriesLoading ? [...Array(8)].map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(CategoryButtonSkeleton, {}, index)) : categories.map((category) => /* @__PURE__ */ jsxRuntime.jsxs(
-    "button",
+  const renderCategoryFilters = () => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
     {
-      onClick: () => setSelectedCategoryId(
-        selectedCategoryId === category.id ? null : category.id
-      ),
-      className: `w-20 flex-shrink-0 py-1.5 rounded-xl text-sm font-medium transition-all border flex flex-col items-center justify-center gap-0.5 leading-none ${category.images || category.icon ? "min-h-16" : ""} ${selectedCategoryId === category.id ? "border-primary text-primary" : "border-transparent text-gray-700 hover:text-primary"}`,
-      children: [
-        category.images ? /* @__PURE__ */ jsxRuntime.jsx(
-          "img",
-          {
-            src: category.images,
-            alt: category.name,
-            className: "h-8 w-8 md:h-9 md:w-9 object-cover rounded-full border border-base-300"
-          }
-        ) : category.icon ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-6 md:h-7 items-center justify-center text-xl md:text-2xl leading-none", children: category.icon }) : null,
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-center text-xs md:text-sm", children: category.name })
-      ]
-    },
-    category.id
-  )) }) }) });
+      ref: expandedSessionIndex === sessionIndex ? categoriesRowRef : void 0,
+      style: { contain: "inline-size" },
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-x-auto pb-2 pt-1 scrollbar-hide", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2 md:gap-3", children: categoriesLoading ? [...Array(8)].map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(CategoryButtonSkeleton, {}, index)) : categories.map((category) => /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          onClick: () => setSelectedCategoryId(
+            selectedCategoryId === category.id ? null : category.id
+          ),
+          className: `w-20 flex-shrink-0 py-1.5 rounded-xl text-sm font-medium transition-all border flex flex-col items-center justify-center gap-0.5 leading-none ${category.images || category.icon ? "min-h-16" : ""} ${selectedCategoryId === category.id ? "border-primary text-primary" : "border-transparent text-gray-700 hover:text-primary"}`,
+          children: [
+            category.images ? /* @__PURE__ */ jsxRuntime.jsx(
+              "img",
+              {
+                src: category.images,
+                alt: category.name,
+                className: "h-8 w-8 md:h-9 md:w-9 object-cover rounded-full border border-base-300"
+              }
+            ) : category.icon ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-6 md:h-7 items-center justify-center text-xl md:text-2xl leading-none", children: category.icon }) : null,
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-center text-xs md:text-sm", children: category.name })
+          ]
+        },
+        category.id
+      )) }) })
+    }
+  );
   if (selectedRestaurantId && selectedRestaurant) {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { contain: "inline-size" }, children: [
       /* @__PURE__ */ jsxRuntime.jsxs(
@@ -24002,14 +24110,27 @@ function RestaurantMenuBrowser({
         /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl font-bold text-gray-900", children: selectedRestaurant.restaurant_name }),
         (() => {
           const restaurantLoc = selectedRestaurant.address?.location;
-          const userLoc = contactInfo?.latitude && contactInfo?.longitude ? { latitude: contactInfo.latitude, longitude: contactInfo.longitude } : null;
-          const distance = userLoc && restaurantLoc ? haversineDistanceMiles(userLoc.latitude, userLoc.longitude, restaurantLoc.latitude, restaurantLoc.longitude) : null;
+          const userLoc = contactInfo?.latitude && contactInfo?.longitude ? {
+            latitude: contactInfo.latitude,
+            longitude: contactInfo.longitude
+          } : null;
+          const distance = userLoc && restaurantLoc ? haversineDistanceMiles(
+            userLoc.latitude,
+            userLoc.longitude,
+            restaurantLoc.latitude,
+            restaurantLoc.longitude
+          ) : null;
           const rating = selectedRestaurant.averageRating && parseFloat(selectedRestaurant.averageRating) > 0 ? parseFloat(selectedRestaurant.averageRating) : null;
           const advanceNoticeText = getRestaurantAdvanceNoticeText(selectedRestaurant);
-          const noticeMet = isRestaurantAdvanceNoticeMet(selectedRestaurant, activeSession?.sessionDate, activeSession?.eventTime);
+          const noticeMet = isRestaurantAdvanceNoticeMet(
+            selectedRestaurant,
+            activeSession?.sessionDate,
+            activeSession?.eventTime
+          );
           const priceRange = selectedRestaurant.priceRange;
           const tags = selectedRestaurant.tags?.filter(Boolean).slice(0, 3) ?? [];
-          if (!rating && !distance && !advanceNoticeText && !priceRange && tags.length === 0) return null;
+          if (!rating && !distance && !advanceNoticeText && !priceRange && tags.length === 0)
+            return null;
           return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-1 mb-1 flex flex-col gap-1", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-x-3 gap-y-1", children: [
               rating !== null && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1 text-sm text-gray-500 whitespace-nowrap", children: [
@@ -24025,10 +24146,21 @@ function RestaurantMenuBrowser({
               priceRange && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-gray-500 whitespace-nowrap", children: priceRange }),
               advanceNoticeText && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                 (rating !== null || distance !== null || priceRange) && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-300", children: "\xB7" }),
-                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `flex items-center gap-1 text-sm whitespace-nowrap ${noticeMet ? "text-gray-500" : "text-gray-500"}`, children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Clock3, { className: `h-3.5 w-3.5 flex-shrink-0 ${noticeMet ? "text-gray-400" : "text-red-500"}` }),
-                  advanceNoticeText
-                ] })
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  "span",
+                  {
+                    className: `flex items-center gap-1 text-sm whitespace-nowrap ${noticeMet ? "text-gray-500" : "text-gray-500"}`,
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        lucideReact.Clock3,
+                        {
+                          className: `h-3.5 w-3.5 flex-shrink-0 ${noticeMet ? "text-gray-400" : "text-red-500"}`
+                        }
+                      ),
+                      advanceNoticeText
+                    ]
+                  }
+                )
               ] })
             ] }),
             tags.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-500", children: tags.join(" - ") })
@@ -24063,42 +24195,79 @@ function RestaurantMenuBrowser({
         const promos = selectedRestaurantId ? restaurantPromotions[selectedRestaurantId] ?? [] : [];
         if (promos.length === 0) return null;
         const discountLabel = (promo) => promo.promotionType === "BUY_MORE_SAVE_MORE" && promo.discountTiers?.length ? `Up to ${Math.max(...promo.discountTiers.map((t) => Number(t.discountPercentage)))}% OFF` : `${Number(promo.discountPercentage)}% OFF`;
-        const endDateLabel = (promo) => new Date(promo.endDate).toLocaleDateString("en-GB", { day: "numeric", month: "short" });
-        const sortedTiers = (promo) => [...promo.discountTiers ?? []].sort((a, b) => a.minQuantity - b.minQuantity);
+        const endDateLabel = (promo) => new Date(promo.endDate).toLocaleDateString("en-GB", {
+          day: "numeric",
+          month: "short"
+        });
+        const sortedTiers = (promo) => [...promo.discountTiers ?? []].sort(
+          (a, b) => a.minQuantity - b.minQuantity
+        );
         return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-3", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mb-2", children: [
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-semibold text-gray-900", children: "Active Offers" }),
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "bg-primary text-white text-xs font-bold px-2 py-0.5 rounded-full", children: promos.length })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-3 overflow-x-auto pb-1 scrollbar-hide snap-x snap-mandatory", children: promos.map((promo) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-shrink-0 snap-start bg-white border border-base-200 rounded-2xl p-4 min-w-[220px] max-w-[280px] shadow-sm", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-2 mb-2", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[11px] font-semibold text-gray-400 uppercase tracking-wide truncate", children: promo.name }),
-              /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-4 h-4 flex-shrink-0 text-primary", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z" }) })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-lg font-black text-gray-900 leading-none", children: discountLabel(promo) }),
-            promo.promotionType === "BUY_MORE_SAVE_MORE" && sortedTiers(promo).length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-1 mt-2.5", children: sortedTiers(promo).map((tier, idx) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-[11px] font-medium bg-primary/10 text-primary px-2 py-0.5 rounded-full", children: [
-              tier.minQuantity,
-              "+ \u2192 ",
-              Number(tier.discountPercentage),
-              "%"
-            ] }, idx)) }),
-            promo.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-400 mt-1.5 line-clamp-2", children: promo.description }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-x-2 gap-y-0.5 mt-2.5 text-xs text-gray-400", children: [
-              promo.minOrderAmount > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-                "Min. \xA3",
-                promo.minOrderAmount
-              ] }),
-              promo.maxDiscountAmount && /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-                "\xB7 Max. \xA3",
-                promo.maxDiscountAmount,
-                " off"
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-                "\xB7 Until ",
-                endDateLabel(promo)
-              ] })
-            ] })
-          ] }, promo.id)) })
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-3 overflow-x-auto pb-1 scrollbar-hide snap-x snap-mandatory", children: promos.map((promo) => /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: "flex-shrink-0 snap-start bg-white border border-base-200 rounded-2xl p-4 min-w-[220px] max-w-[280px] shadow-sm",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-2 mb-2", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[11px] font-semibold text-gray-400 uppercase tracking-wide truncate", children: promo.name }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "svg",
+                    {
+                      className: "w-4 h-4 flex-shrink-0 text-primary",
+                      fill: "none",
+                      stroke: "currentColor",
+                      viewBox: "0 0 24 24",
+                      children: /* @__PURE__ */ jsxRuntime.jsx(
+                        "path",
+                        {
+                          strokeLinecap: "round",
+                          strokeLinejoin: "round",
+                          strokeWidth: 2,
+                          d: "M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"
+                        }
+                      )
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-lg font-black text-gray-900 leading-none", children: discountLabel(promo) }),
+                promo.promotionType === "BUY_MORE_SAVE_MORE" && sortedTiers(promo).length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-1 mt-2.5", children: sortedTiers(promo).map((tier, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
+                  "span",
+                  {
+                    className: "text-[11px] font-medium bg-primary/10 text-primary px-2 py-0.5 rounded-full",
+                    children: [
+                      tier.minQuantity,
+                      "+ \u2192",
+                      " ",
+                      Number(tier.discountPercentage),
+                      "%"
+                    ]
+                  },
+                  idx
+                )) }),
+                promo.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-400 mt-1.5 line-clamp-2", children: promo.description }),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-x-2 gap-y-0.5 mt-2.5 text-xs text-gray-400", children: [
+                  promo.minOrderAmount > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                    "Min. \xA3",
+                    promo.minOrderAmount
+                  ] }),
+                  promo.maxDiscountAmount && /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                    "\xB7 Max. \xA3",
+                    promo.maxDiscountAmount,
+                    " off"
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                    "\xB7 Until ",
+                    endDateLabel(promo)
+                  ] })
+                ] })
+              ]
+            },
+            promo.id
+          )) })
         ] });
       })(),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2", children: renderDietaryFilters() }),
@@ -24111,58 +24280,64 @@ function RestaurantMenuBrowser({
               top: stickyTopOffset + 8
             },
             children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `relative flex-1 min-w-0 ${isRestaurantSearchOpen ? "hidden md:block" : ""}`, children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  "div",
-                  {
-                    ref: setPillRowEl,
-                    "data-pill-row": true,
-                    className: "overflow-x-auto scrollbar-hide rounded-full border border-base-300 bg-white/50 px-2 shadow-sm backdrop-blur-md flex items-center h-11",
-                    children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2 md:gap-5", children: pillRowGroupNames.map((name) => {
-                      const isActive = activeGroupName === name;
-                      return /* @__PURE__ */ jsxRuntime.jsx(
-                        "button",
-                        {
-                          ref: (el) => {
-                            if (el) groupButtonRefs.current.set(name, el);
-                            else groupButtonRefs.current.delete(name);
-                          },
-                          onClick: () => handlePillClick(name),
-                          className: `flex-shrink-0 whitespace-nowrap rounded-full px-3 py-1.5 text-sm font-semibold transition-colors ${isActive ? "bg-primary text-white" : "text-gray-500 hover:bg-black/5 hover:text-gray-700"}`,
-                          children: name
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                "div",
+                {
+                  className: `relative flex-1 min-w-0 ${isRestaurantSearchOpen ? "hidden md:block" : ""}`,
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "div",
+                      {
+                        ref: setPillRowEl,
+                        "data-pill-row": true,
+                        className: "overflow-x-auto scrollbar-hide rounded-full border border-base-300 bg-white/50 px-2 shadow-sm backdrop-blur-md flex items-center h-11",
+                        children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2 md:gap-5", children: pillRowGroupNames.map((name) => {
+                          const isActive = activeGroupName === name;
+                          return /* @__PURE__ */ jsxRuntime.jsx(
+                            "button",
+                            {
+                              ref: (el) => {
+                                if (el) groupButtonRefs.current.set(name, el);
+                                else groupButtonRefs.current.delete(name);
+                              },
+                              onClick: () => handlePillClick(name),
+                              className: `flex-shrink-0 whitespace-nowrap rounded-full px-3 py-1.5 text-sm font-semibold transition-colors ${isActive ? "bg-primary text-white" : "text-gray-500 hover:bg-black/5 hover:text-gray-700"}`,
+                              children: name
+                            },
+                            name
+                          );
+                        }) })
+                      }
+                    ),
+                    canScrollLeft && /* @__PURE__ */ jsxRuntime.jsx(
+                      "button",
+                      {
+                        onClick: () => scrollPillRow("left"),
+                        className: "group absolute left-0 top-0 bottom-0 z-10 flex w-14 items-center justify-start rounded-l-full pl-3",
+                        style: {
+                          background: "linear-gradient(to right, rgba(255,255,255,0.95) 50%, transparent)"
                         },
-                        name
-                      );
-                    }) })
-                  }
-                ),
-                canScrollLeft && /* @__PURE__ */ jsxRuntime.jsx(
-                  "button",
-                  {
-                    onClick: () => scrollPillRow("left"),
-                    className: "group absolute left-0 top-0 bottom-0 z-10 flex w-14 items-center justify-start rounded-l-full pl-3",
-                    style: {
-                      background: "linear-gradient(to right, rgba(255,255,255,0.95) 50%, transparent)"
-                    },
-                    "aria-label": "Scroll left",
-                    type: "button",
-                    children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex items-center justify-center rounded-full p-1 transition-colors group-hover:bg-gray-300/50", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, { className: "h-5 w-5 text-gray-600" }) })
-                  }
-                ),
-                canScrollRight && /* @__PURE__ */ jsxRuntime.jsx(
-                  "button",
-                  {
-                    onClick: () => scrollPillRow("right"),
-                    className: "group absolute right-0 top-0 bottom-0 z-10 flex w-14 items-center justify-end rounded-r-full pr-3",
-                    style: {
-                      background: "linear-gradient(to left, rgba(255,255,255,0.95) 50%, transparent)"
-                    },
-                    "aria-label": "Scroll right",
-                    type: "button",
-                    children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex items-center justify-center rounded-full p-1 transition-colors group-hover:bg-gray-300/50", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "h-5 w-5 text-gray-600" }) })
-                  }
-                )
-              ] }),
+                        "aria-label": "Scroll left",
+                        type: "button",
+                        children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex items-center justify-center rounded-full p-1 transition-colors group-hover:bg-gray-300/50", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, { className: "h-5 w-5 text-gray-600" }) })
+                      }
+                    ),
+                    canScrollRight && /* @__PURE__ */ jsxRuntime.jsx(
+                      "button",
+                      {
+                        onClick: () => scrollPillRow("right"),
+                        className: "group absolute right-0 top-0 bottom-0 z-10 flex w-14 items-center justify-end rounded-r-full pr-3",
+                        style: {
+                          background: "linear-gradient(to left, rgba(255,255,255,0.95) 50%, transparent)"
+                        },
+                        "aria-label": "Scroll right",
+                        type: "button",
+                        children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex items-center justify-center rounded-full p-1 transition-colors group-hover:bg-gray-300/50", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "h-5 w-5 text-gray-600" }) })
+                      }
+                    )
+                  ]
+                }
+              ),
               /* @__PURE__ */ jsxRuntime.jsx(
                 "div",
                 {
@@ -24410,15 +24585,33 @@ function RestaurantMenuBrowser({
           ] })
         ] }),
         (() => {
-          const matched = apiSearchResults.restaurants.map((r) => availableRestaurants.find((ar) => ar.id === r.id)).filter((r) => r !== void 0);
+          const matched = apiSearchResults.restaurants.map(
+            (r) => availableRestaurants.find((ar) => ar.id === r.id)
+          ).filter((r) => r !== void 0);
           const available = matched.filter((r) => {
-            const windowInfo = getRestaurantCateringWindowInfo(r, activeSession?.sessionDate, activeSession?.eventTime);
-            const noticeMet = isRestaurantAdvanceNoticeMet(r, activeSession?.sessionDate, activeSession?.eventTime);
+            const windowInfo = getRestaurantCateringWindowInfo(
+              r,
+              activeSession?.sessionDate,
+              activeSession?.eventTime
+            );
+            const noticeMet = isRestaurantAdvanceNoticeMet(
+              r,
+              activeSession?.sessionDate,
+              activeSession?.eventTime
+            );
             return windowInfo.isAvailable && noticeMet;
           });
           const unavailable = matched.filter((r) => {
-            const windowInfo = getRestaurantCateringWindowInfo(r, activeSession?.sessionDate, activeSession?.eventTime);
-            const noticeMet = isRestaurantAdvanceNoticeMet(r, activeSession?.sessionDate, activeSession?.eventTime);
+            const windowInfo = getRestaurantCateringWindowInfo(
+              r,
+              activeSession?.sessionDate,
+              activeSession?.eventTime
+            );
+            const noticeMet = isRestaurantAdvanceNoticeMet(
+              r,
+              activeSession?.sessionDate,
+              activeSession?.eventTime
+            );
             return !windowInfo.isAvailable || !noticeMet;
           });
           return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
@@ -24472,20 +24665,42 @@ function RestaurantMenuBrowser({
       ] })
     ] }) : null : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: restaurantsLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-3 gap-3 mt-3", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(RestaurantMenuBrowserCardSkeleton, {}, i)) }) : filteredRestaurants.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center py-6 mt-3", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-gray-500 text-sm", children: "No restaurants found." }) }) : (() => {
       const available = filteredRestaurants.filter((r) => {
-        const windowInfo = getRestaurantCateringWindowInfo(r, activeSession?.sessionDate, activeSession?.eventTime);
-        const noticeMet = isRestaurantAdvanceNoticeMet(r, activeSession?.sessionDate, activeSession?.eventTime);
+        const windowInfo = getRestaurantCateringWindowInfo(
+          r,
+          activeSession?.sessionDate,
+          activeSession?.eventTime
+        );
+        const noticeMet = isRestaurantAdvanceNoticeMet(
+          r,
+          activeSession?.sessionDate,
+          activeSession?.eventTime
+        );
         return windowInfo.isAvailable && noticeMet;
       });
       const unavailable = filteredRestaurants.filter((r) => {
-        const windowInfo = getRestaurantCateringWindowInfo(r, activeSession?.sessionDate, activeSession?.eventTime);
-        const noticeMet = isRestaurantAdvanceNoticeMet(r, activeSession?.sessionDate, activeSession?.eventTime);
+        const windowInfo = getRestaurantCateringWindowInfo(
+          r,
+          activeSession?.sessionDate,
+          activeSession?.eventTime
+        );
+        const noticeMet = isRestaurantAdvanceNoticeMet(
+          r,
+          activeSession?.sessionDate,
+          activeSession?.eventTime
+        );
         return !windowInfo.isAvailable || !noticeMet;
       });
       return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: restaurantListRef, className: "mt-3 space-y-6", children: [
-        available.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-3 gap-3", children: available.map((restaurant) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-full", children: renderRestaurantCard(restaurant, () => handleSelectRestaurant(restaurant.id)) }, restaurant.id)) }),
+        available.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-3 gap-3", children: available.map((restaurant) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-full", children: renderRestaurantCard(
+          restaurant,
+          () => handleSelectRestaurant(restaurant.id)
+        ) }, restaurant.id)) }),
         unavailable.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
           /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-semibold text-gray-400 uppercase tracking-widest mb-3", children: "Unavailable today" }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-3 gap-3", children: unavailable.map((restaurant) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-full", children: renderRestaurantCard(restaurant, () => handleSelectRestaurant(restaurant.id)) }, restaurant.id)) })
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-3 gap-3", children: unavailable.map((restaurant) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-full", children: renderRestaurantCard(
+            restaurant,
+            () => handleSelectRestaurant(restaurant.id)
+          ) }, restaurant.id)) })
         ] })
       ] });
     })() })
@@ -27501,13 +27716,10 @@ function CheckoutScreen() {
     ] })
   ] });
 }
-function ShareCartButton({ className = "" }) {
+function useShareCart() {
   const { mealSessions, eventDetails } = useCateringState();
-  const [status, setStatus] = react.useState(
-    "idle"
-  );
+  const [status, setStatus] = react.useState("idle");
   const hasItems = mealSessions.some((s) => s.orderItems.length > 0);
-  if (!hasItems) return null;
   const handleShare = async () => {
     if (status === "loading") return;
     setStatus("loading");
@@ -27522,11 +27734,10 @@ function ShareCartButton({ className = "" }) {
         } : void 0
       );
       const { id } = await cateringService.createSharedCart(snapshot);
-      const shareUrl = `${window.location.origin}${window.location.pathname}?sharedCart=${id}`;
       try {
-        await navigator.clipboard.writeText(shareUrl);
+        await navigator.clipboard.writeText(id);
       } catch {
-        window.prompt("Copy your cart link:", shareUrl);
+        window.prompt("Copy your cart code:", id);
       }
       setStatus("done");
       setTimeout(() => setStatus("idle"), 2500);
@@ -27536,39 +27747,8 @@ function ShareCartButton({ className = "" }) {
       setTimeout(() => setStatus("idle"), 2500);
     }
   };
-  const label = status === "loading" ? "Creating link\u2026" : status === "done" ? "Link copied \u2713" : status === "error" ? "Try again" : "Share cart";
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "button",
-    {
-      type: "button",
-      onClick: handleShare,
-      disabled: status === "loading",
-      title: "Create a link to share this cart",
-      className: `inline-flex items-center justify-center gap-1.5 rounded-lg border border-primary px-3 py-3 text-sm font-semibold text-primary transition-colors hover:bg-primary/5 disabled:cursor-not-allowed disabled:opacity-60 ${className}`,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "svg",
-          {
-            xmlns: "http://www.w3.org/2000/svg",
-            className: "h-4 w-4",
-            fill: "none",
-            viewBox: "0 0 24 24",
-            stroke: "currentColor",
-            strokeWidth: 2,
-            children: /* @__PURE__ */ jsxRuntime.jsx(
-              "path",
-              {
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                d: "M8.684 13.342C8.886 12.938 9 12.482 9 12c0-.482-.114-.938-.316-1.342m0 2.684a3 3 0 110-2.684m0 2.684l6.632 3.316m-6.632-6l6.632-3.316m0 0a3 3 0 105.367-2.684 3 3 0 00-5.367 2.684zm0 9.316a3 3 0 105.368 2.684 3 3 0 00-5.368-2.684z"
-              }
-            )
-          }
-        ),
-        label
-      ]
-    }
-  );
+  const label = status === "loading" ? "Creating code\u2026" : status === "done" ? "Code copied" : status === "error" ? "Try again" : "Share cart";
+  return { status, hasItems, handleShare, label };
 }
 function EmptySessionWarningModal({
   sessionName,
@@ -28545,6 +28725,8 @@ function CateringOrderBuilder() {
   const [isMobileCartMenuOpen, setIsMobileCartMenuOpen] = react.useState(false);
   const [isMobileChatMenuOpen, setIsMobileChatMenuOpen] = react.useState(false);
   const [isDesktopCartMenuOpen, setIsDesktopCartMenuOpen] = react.useState(false);
+  const shareCart = useShareCart();
+  const importCart = useImportCart();
   const [isAIMobileUnavailableOpen, setIsAIMobileUnavailableOpen] = react.useState(false);
   const storage = useStorage();
   const [rightPanelTab, setRightPanelTabState] = react.useState(() => {
@@ -29829,7 +30011,7 @@ function CateringOrderBuilder() {
                     }
                   ) : /* @__PURE__ */ jsxRuntime.jsx(AIChat, {}),
                   /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-auto flex-shrink-0 flex flex-col gap-1.5", children: effectiveRightPanelTab === "ai" ? /* @__PURE__ */ jsxRuntime.jsx(AISuggestionsBottomButton, {}) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                    totalItems > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-2 pb-1 border-t border-base-300 pt-3", children: /* @__PURE__ */ jsxRuntime.jsx(
+                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-2 pb-1 border-t border-base-300 pt-3", children: /* @__PURE__ */ jsxRuntime.jsx(
                       PricingSummary,
                       {
                         pricing,
@@ -29910,6 +30092,50 @@ function CateringOrderBuilder() {
                                     ]
                                   }
                                 ),
+                                shareCart.hasItems && /* @__PURE__ */ jsxRuntime.jsxs(
+                                  "button",
+                                  {
+                                    onClick: shareCart.handleShare,
+                                    disabled: shareCart.status === "loading",
+                                    title: "Copy a code to share this cart",
+                                    className: "flex w-full items-center gap-2 px-3 py-2.5 text-left text-sm text-gray-700 transition-colors hover:bg-base-100 disabled:cursor-not-allowed disabled:opacity-50",
+                                    children: [
+                                      shareCart.status === "loading" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "loading loading-spinner loading-xs" }) : /* @__PURE__ */ jsxRuntime.jsx(
+                                        "svg",
+                                        {
+                                          xmlns: "http://www.w3.org/2000/svg",
+                                          className: "h-4 w-4",
+                                          fill: "none",
+                                          viewBox: "0 0 24 24",
+                                          stroke: "currentColor",
+                                          strokeWidth: 2,
+                                          children: /* @__PURE__ */ jsxRuntime.jsx(
+                                            "path",
+                                            {
+                                              strokeLinecap: "round",
+                                              strokeLinejoin: "round",
+                                              d: shareCart.status === "done" ? "M5 13l4 4L19 7" : "M8.684 13.342C8.886 12.938 9 12.482 9 12c0-.482-.114-.938-.316-1.342m0 2.684a3 3 0 110-2.684m0 2.684l6.632 3.316m-6.632-6l6.632-3.316m0 0a3 3 0 105.367-2.684 3 3 0 00-5.367 2.684zm0 9.316a3 3 0 105.368 2.684 3 3 0 00-5.368-2.684z"
+                                            }
+                                          )
+                                        }
+                                      ),
+                                      shareCart.label
+                                    ]
+                                  }
+                                ),
+                                /* @__PURE__ */ jsxRuntime.jsxs(
+                                  "button",
+                                  {
+                                    onClick: importCart.handleImport,
+                                    disabled: importCart.status === "loading",
+                                    title: "Load a cart from a shared code",
+                                    className: "flex w-full items-center gap-2 px-3 py-2.5 text-left text-sm text-gray-700 transition-colors hover:bg-base-100 disabled:cursor-not-allowed disabled:opacity-50",
+                                    children: [
+                                      importCart.status === "loading" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "loading loading-spinner loading-xs" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ClipboardPaste, { className: "h-4 w-4" }),
+                                      importCart.label
+                                    ]
+                                  }
+                                ),
                                 /* @__PURE__ */ jsxRuntime.jsxs(
                                   "button",
                                   {
@@ -29929,7 +30155,6 @@ function CateringOrderBuilder() {
                           )
                         ] })
                       ] }),
-                      /* @__PURE__ */ jsxRuntime.jsx(ShareCartButton, {}),
                       /* @__PURE__ */ jsxRuntime.jsx(
                         "button",
                         {
@@ -30127,6 +30352,50 @@ function CateringOrderBuilder() {
                                 ]
                               }
                             ),
+                            shareCart.hasItems && /* @__PURE__ */ jsxRuntime.jsxs(
+                              "button",
+                              {
+                                onClick: shareCart.handleShare,
+                                disabled: shareCart.status === "loading",
+                                title: "Copy a code to share this cart",
+                                className: "flex w-full items-center gap-2 px-3 py-2.5 text-left text-sm text-gray-700 transition-colors hover:bg-base-100 disabled:cursor-not-allowed disabled:opacity-50",
+                                children: [
+                                  shareCart.status === "loading" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "loading loading-spinner loading-xs" }) : /* @__PURE__ */ jsxRuntime.jsx(
+                                    "svg",
+                                    {
+                                      xmlns: "http://www.w3.org/2000/svg",
+                                      className: "h-4 w-4",
+                                      fill: "none",
+                                      viewBox: "0 0 24 24",
+                                      stroke: "currentColor",
+                                      strokeWidth: 2,
+                                      children: /* @__PURE__ */ jsxRuntime.jsx(
+                                        "path",
+                                        {
+                                          strokeLinecap: "round",
+                                          strokeLinejoin: "round",
+                                          d: shareCart.status === "done" ? "M5 13l4 4L19 7" : "M8.684 13.342C8.886 12.938 9 12.482 9 12c0-.482-.114-.938-.316-1.342m0 2.684a3 3 0 110-2.684m0 2.684l6.632 3.316m-6.632-6l6.632-3.316m0 0a3 3 0 105.367-2.684 3 3 0 00-5.367 2.684zm0 9.316a3 3 0 105.368 2.684 3 3 0 00-5.368-2.684z"
+                                        }
+                                      )
+                                    }
+                                  ),
+                                  shareCart.label
+                                ]
+                              }
+                            ),
+                            /* @__PURE__ */ jsxRuntime.jsxs(
+                              "button",
+                              {
+                                onClick: importCart.handleImport,
+                                disabled: importCart.status === "loading",
+                                title: "Load a cart from a shared code",
+                                className: "flex w-full items-center gap-2 px-3 py-2.5 text-left text-sm text-gray-700 transition-colors hover:bg-base-100 disabled:cursor-not-allowed disabled:opacity-50",
+                                children: [
+                                  importCart.status === "loading" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "loading loading-spinner loading-xs" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ClipboardPaste, { className: "h-4 w-4" }),
+                                  importCart.label
+                                ]
+                              }
+                            ),
                             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-3 border-t border-base-200" }),
                             /* @__PURE__ */ jsxRuntime.jsxs(
                               "button",