@swift-food-services/catering-widget 0.2.0-beta.11 → 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;
@@ -5347,6 +5416,9 @@ styleInject(`/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
   .swift-catering-widget .pb-4 {
     padding-bottom: calc(var(--spacing) * 4);
   }
+  .swift-catering-widget .pb-5 {
+    padding-bottom: calc(var(--spacing) * 5);
+  }
   .swift-catering-widget .pb-6 {
     padding-bottom: calc(var(--spacing) * 6);
   }
@@ -6349,6 +6421,9 @@ styleInject(`/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
     .swift-catering-widget .hover\\:text-gray-700:hover {
       color: var(--color-gray-700);
     }
+    .swift-catering-widget .hover\\:text-gray-800:hover {
+      color: var(--color-gray-800);
+    }
     .swift-catering-widget .hover\\:text-green-600:hover {
       color: var(--color-green-600);
     }
@@ -6484,6 +6559,15 @@ styleInject(`/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
   .swift-catering-widget .disabled\\:opacity-50:disabled {
     opacity: .5;
   }
+  .swift-catering-widget .disabled\\:shadow-none:disabled {
+    --tw-shadow:0 0 #0000;
+    box-shadow:
+      var(--tw-inset-shadow),
+      var(--tw-inset-ring-shadow),
+      var(--tw-ring-offset-shadow),
+      var(--tw-ring-shadow),
+      var(--tw-shadow);
+  }
   @media (hover: hover) {
     .swift-catering-widget .disabled\\:hover\\:bg-base-100:disabled:hover {
       background-color: var(--color-base-100);
@@ -7461,6 +7545,19 @@ function createCateringApi(client) {
   };
 }
 
+// src/api/endpoints/shared-cart.ts
+function createSharedCartApi(client) {
+  return {
+    create: (payload) => client.requestJson("/shared-carts", {
+      method: "POST",
+      body: JSON.stringify(payload)
+    }),
+    get: (id) => client.requestJson(
+      `/shared-carts/${id}`
+    )
+  };
+}
+
 // src/api/endpoints/me.ts
 async function safeJson(res) {
   try {
@@ -7611,6 +7708,7 @@ function createApiEndpoints(client) {
     bundles: createBundlesApi(client),
     pricing: createPricingApi(client),
     catering: createCateringApi(client),
+    sharedCart: createSharedCartApi(client),
     me: createMeApi(client),
     chat: createChatEndpoints(client)
   };
@@ -7938,6 +8036,12 @@ function CateringStateProvider({ children }) {
       return updated;
     });
   };
+  const loadMealSessions = (sessions) => {
+    const next = sessions.length > 0 ? sessions : [createDefaultSession()];
+    setMealSessionsState(next);
+    saveMealSessions(next);
+    setActiveSessionIndex(0);
+  };
   const updateMealSession = (index, updates) => {
     setMealSessionsState((prev) => {
       if (index < 0 || index >= prev.length) return prev;
@@ -8129,6 +8233,7 @@ function CateringStateProvider({ children }) {
         updateMealSession,
         removeMealSession,
         setActiveSessionIndex,
+        loadMealSessions,
         addMenuItem,
         removeMenuItem,
         removeMenuItemByIndex,
@@ -8159,54 +8264,6 @@ function useCateringState() {
   }
   return context;
 }
-var FilterContext = react.createContext(void 0);
-var STORAGE_KEY = "catering_filters";
-var defaultFilters = {
-  dietaryRestrictions: [],
-  allergens: [],
-  pricePerPersonRange: null,
-  restaurantPriceRange: null
-};
-function CateringFilterProvider({ children }) {
-  const storage = useStorage();
-  const [filters, setFiltersState] = react.useState(defaultFilters);
-  const [isInitialized, setIsInitialized] = react.useState(false);
-  react.useEffect(() => {
-    try {
-      const stored = storage.getItem(STORAGE_KEY);
-      if (stored) {
-        setFiltersState(JSON.parse(stored));
-      }
-    } catch (error) {
-      console.error("Failed to load filters from storage:", error);
-    }
-    setIsInitialized(true);
-  }, [storage]);
-  react.useEffect(() => {
-    if (isInitialized) {
-      try {
-        storage.setItem(STORAGE_KEY, JSON.stringify(filters));
-      } catch (error) {
-        console.error("Failed to save filters to storage:", error);
-      }
-    }
-  }, [filters, isInitialized, storage]);
-  const setFilters = (newFilters) => setFiltersState(newFilters);
-  const clearFilters = () => setFiltersState(defaultFilters);
-  return /* @__PURE__ */ jsxRuntime.jsx(FilterContext.Provider, { value: { filters, setFilters, clearFilters }, children });
-}
-function useCateringFilters() {
-  const context = react.useContext(FilterContext);
-  if (context === void 0) {
-    throw new Error(
-      "useCateringFilters must be used within a CateringFilterProvider"
-    );
-  }
-  return context;
-}
-function useSearchParams() {
-  return new URLSearchParams();
-}
 
 // src/shims/cateringService.ts
 var endpoints = null;
@@ -8225,6 +8282,8 @@ var cateringService = {
   searchMenuItems: (query, filters) => ep().menu.searchMenuItems(query, filters),
   getMenuItems: () => ep().menu.getMenuItems(),
   getMenuItemsByRestaurant: (restaurantId) => ep().menu.getMenuItemsByRestaurant(restaurantId),
+  createSharedCart: (snapshot) => ep().sharedCart.create(snapshot),
+  getSharedCart: (id) => ep().sharedCart.get(id),
   getBundleById: (bundleId) => ep().bundles.getBundleById(bundleId),
   getCateringBundles: () => ep().bundles.getCateringBundles(),
   getBundlesByRestaurant: (restaurantId) => ep().bundles.getBundlesByRestaurant(restaurantId),
@@ -8333,6 +8392,376 @@ var cateringService = {
   }
 };
 
+// src/utils/cart-hydration.ts
+async function hydrateCartFromSnapshot(snapshot, fetchMenuByRestaurant) {
+  const restaurantIds = Array.from(
+    new Set(
+      snapshot.mealSessions.flatMap((s) => s.items.map((i) => i.restaurantId))
+    )
+  ).filter(Boolean);
+  const menus = await Promise.all(
+    restaurantIds.map(
+      (rid) => fetchMenuByRestaurant(rid).catch(() => [])
+    )
+  );
+  const lookup = /* @__PURE__ */ new Map();
+  for (const menu of menus) {
+    for (const item of menu) {
+      if (item?.id) lookup.set(item.id, item);
+    }
+  }
+  const missing = [];
+  const mealSessions = snapshot.mealSessions.map(
+    (session) => {
+      const orderItems = [];
+      for (const snapItem of session.items) {
+        const live = lookup.get(snapItem.menuItemId);
+        if (!live) {
+          missing.push({ menuItemId: snapItem.menuItemId });
+          continue;
+        }
+        const built = applySelectedAddons(live, snapItem.selectedAddons);
+        const liveRestaurant = built.restaurant;
+        const restaurantName = built.restaurantName || liveRestaurant?.name || liveRestaurant?.restaurant_name;
+        orderItems.push({
+          item: restaurantName && !built.restaurantName ? { ...built, restaurantName } : built,
+          quantity: snapItem.quantity,
+          bundleId: snapItem.bundleId,
+          bundleName: snapItem.bundleName
+        });
+      }
+      return {
+        sessionName: session.sessionName ?? "Main Event",
+        sessionDate: session.sessionDate ?? "",
+        eventTime: session.eventTime ?? "",
+        guestCount: session.guestCount,
+        orderItems
+      };
+    }
+  );
+  return { mealSessions, missing };
+}
+function serializeCartToSnapshot(mealSessions, eventDetails) {
+  return {
+    mealSessions: mealSessions.map((session) => ({
+      sessionName: session.sessionName,
+      sessionDate: session.sessionDate,
+      eventTime: session.eventTime,
+      guestCount: session.guestCount,
+      items: session.orderItems.map((oi) => {
+        const item = oi.item;
+        return {
+          menuItemId: item.id,
+          restaurantId: item.restaurant?.restaurantId || item.restaurantId || "",
+          quantity: oi.quantity,
+          bundleId: oi.bundleId,
+          bundleName: oi.bundleName,
+          selectedAddons: (item.selectedAddons || []).map((a) => ({
+            name: a.name,
+            quantity: a.quantity,
+            groupTitle: a.groupTitle
+          }))
+        };
+      })
+    })),
+    eventDetails
+  };
+}
+function applySelectedAddons(live, snapshotAddons) {
+  if (!snapshotAddons || snapshotAddons.length === 0) return live;
+  const selectedAddons = snapshotAddons.map((sa) => {
+    const group = (live.addons || []).find(
+      (g) => g.groupTitle === sa.groupTitle
+    );
+    const def = group?.items.find((a) => a.name === sa.name);
+    if (!def) return null;
+    return {
+      name: sa.name,
+      price: parseFloat(def.price) || 0,
+      quantity: sa.quantity,
+      groupTitle: sa.groupTitle ?? group?.groupTitle ?? "",
+      allergens: def.allergens,
+      dietaryRestrictions: def.dietaryRestrictions
+    };
+  }).filter((a) => a !== null);
+  const addonPrice = selectedAddons.reduce(
+    (sum, a) => sum + a.price * a.quantity,
+    0
+  );
+  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 { loadById } = useImportCart();
+  react.useEffect(() => {
+    if (typeof window === "undefined") return;
+    const id = new URLSearchParams(window.location.search).get("sharedCart");
+    if (!id) return;
+    let cancelled = false;
+    void (async () => {
+      try {
+        const { empty, missing } = await loadById(id);
+        if (cancelled) return;
+        if (empty) {
+          window.alert(
+            "The items in this shared cart are no longer available."
+          );
+        } 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");
+        window.history.replaceState({}, "", url.toString());
+      } catch (err) {
+        console.error("[catering] failed to load shared cart", err);
+        window.alert(
+          "We couldn't load this shared cart \u2014 the link may have expired."
+        );
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, []);
+  return null;
+}
+var FilterContext = react.createContext(void 0);
+var STORAGE_KEY = "catering_filters";
+var defaultFilters = {
+  dietaryRestrictions: [],
+  allergens: [],
+  pricePerPersonRange: null,
+  restaurantPriceRange: null
+};
+function CateringFilterProvider({ children }) {
+  const storage = useStorage();
+  const [filters, setFiltersState] = react.useState(defaultFilters);
+  const [isInitialized, setIsInitialized] = react.useState(false);
+  react.useEffect(() => {
+    try {
+      const stored = storage.getItem(STORAGE_KEY);
+      if (stored) {
+        setFiltersState(JSON.parse(stored));
+      }
+    } catch (error) {
+      console.error("Failed to load filters from storage:", error);
+    }
+    setIsInitialized(true);
+  }, [storage]);
+  react.useEffect(() => {
+    if (isInitialized) {
+      try {
+        storage.setItem(STORAGE_KEY, JSON.stringify(filters));
+      } catch (error) {
+        console.error("Failed to save filters to storage:", error);
+      }
+    }
+  }, [filters, isInitialized, storage]);
+  const setFilters = (newFilters) => setFiltersState(newFilters);
+  const clearFilters = () => setFiltersState(defaultFilters);
+  return /* @__PURE__ */ jsxRuntime.jsx(FilterContext.Provider, { value: { filters, setFilters, clearFilters }, children });
+}
+function useCateringFilters() {
+  const context = react.useContext(FilterContext);
+  if (context === void 0) {
+    throw new Error(
+      "useCateringFilters must be used within a CateringFilterProvider"
+    );
+  }
+  return context;
+}
+function useSearchParams() {
+  return new URLSearchParams();
+}
+
 // src/constants/allergens.ts
 var ALLERGENS = [
   { label: "Celery", value: "celery" },
@@ -10947,179 +11376,42 @@ function validateRestaurantMinOrders(session, restaurant) {
             currentQuantity,
             minQuantity: rule.minQuantity,
             isMet,
-            isRequired: false
-          });
-          if (!isMet) {
-            isValid = false;
-          }
-        }
-      });
-    });
-  }
-  return {
-    restaurantId,
-    restaurantName,
-    isValid,
-    sections
-  };
-}
-function getRequiredMinForSection(restaurant, sectionName) {
-  const required = restaurant?.cateringMinOrderSettings?.required;
-  if (!required?.length) return null;
-  let max = null;
-  for (const rule of required) {
-    if (!rule.applicableSections?.includes(sectionName)) continue;
-    if (max === null || rule.minQuantity > max) max = rule.minQuantity;
-  }
-  return max;
-}
-function validateSessionMinOrders(session, restaurants) {
-  const restaurantIdsInSession = new Set(
-    session.orderItems.map((item) => item.item.restaurantId)
-  );
-  const relevantRestaurants = restaurants.filter(
-    (r) => restaurantIdsInSession.has(r.id)
-  );
-  return relevantRestaurants.map(
-    (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
-      }))
-    }))
+            isRequired: false
+          });
+          if (!isMet) {
+            isValid = false;
+          }
+        }
+      });
+    });
+  }
+  return {
+    restaurantId,
+    restaurantName,
+    isValid,
+    sections
   };
 }
-function formatTime(hour, minute) {
-  const period = hour >= 12 ? "PM" : "AM";
-  const hour12 = hour % 12 || 12;
-  return `${hour12}:${minute.toString().padStart(2, "0")} ${period}`;
+function getRequiredMinForSection(restaurant, sectionName) {
+  const required = restaurant?.cateringMinOrderSettings?.required;
+  if (!required?.length) return null;
+  let max = null;
+  for (const rule of required) {
+    if (!rule.applicableSections?.includes(sectionName)) continue;
+    if (max === null || rule.minQuantity > max) max = rule.minQuantity;
+  }
+  return max;
+}
+function validateSessionMinOrders(session, restaurants) {
+  const restaurantIdsInSession = new Set(
+    session.orderItems.map((item) => item.item.restaurantId)
+  );
+  const relevantRestaurants = restaurants.filter(
+    (r) => restaurantIdsInSession.has(r.id)
+  );
+  return relevantRestaurants.map(
+    (restaurant) => validateRestaurantMinOrders(session, restaurant)
+  );
 }
 function readPrimaryColor(from) {
   if (!from) return void 0;
@@ -21613,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: [
+          session.sessionName,
+          ":"
+        ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-          "-\xA3",
-          pricing.promoDiscount.toFixed(2)
+          "\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,
@@ -22882,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(() => {
@@ -22956,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]);
@@ -23244,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();
@@ -23357,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);
@@ -23549,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,
@@ -23563,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",
             {
@@ -23579,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) ?? [];
@@ -23763,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(
@@ -23816,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: [
@@ -23839,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(" - ") })
@@ -23877,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() }),
@@ -23925,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",
                 {
@@ -24224,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: [
@@ -24286,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)) })
         ] })
       ] });
     })() })
@@ -25173,7 +25574,8 @@ function AddressAutocomplete({
   onPlaceSelect,
   onClearAddress,
   error,
-  hasValidAddress
+  hasValidAddress,
+  hideChangeButton
 }) {
   const {
     inputRef,
@@ -25213,7 +25615,7 @@ function AddressAutocomplete({
           className: `address-search-input w-full bg-gray-50 border rounded-lg px-4 py-2.5 text-base text-base-content placeholder:text-base-content/50 focus:outline-none focus:ring-2 focus:ring-dark-pink/20 focus:border-dark-pink transition-all ${shownError ? "border-error" : hasValidAddress ? "border-success" : "border-base-300"}`
         }
       ),
-      hasValidAddress && /* @__PURE__ */ jsxRuntime.jsx(
+      hasValidAddress && !hideChangeButton && /* @__PURE__ */ jsxRuntime.jsx(
         "button",
         {
           type: "button",
@@ -27314,6 +27716,40 @@ function CheckoutScreen() {
     ] })
   ] });
 }
+function useShareCart() {
+  const { mealSessions, eventDetails } = useCateringState();
+  const [status, setStatus] = react.useState("idle");
+  const hasItems = mealSessions.some((s) => s.orderItems.length > 0);
+  const handleShare = async () => {
+    if (status === "loading") return;
+    setStatus("loading");
+    try {
+      const snapshot = serializeCartToSnapshot(
+        mealSessions,
+        eventDetails ? {
+          eventType: eventDetails.eventType,
+          eventDate: eventDetails.eventDate,
+          eventTime: eventDetails.eventTime,
+          guestCount: eventDetails.guestCount
+        } : void 0
+      );
+      const { id } = await cateringService.createSharedCart(snapshot);
+      try {
+        await navigator.clipboard.writeText(id);
+      } catch {
+        window.prompt("Copy your cart code:", id);
+      }
+      setStatus("done");
+      setTimeout(() => setStatus("idle"), 2500);
+    } catch (err) {
+      console.error("[catering] failed to create share link", err);
+      setStatus("error");
+      setTimeout(() => setStatus("idle"), 2500);
+    }
+  };
+  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,
   onRemove,
@@ -27680,6 +28116,182 @@ function ValidationAlertModal({
     )
   ] }) });
 }
+function parseHHMM2(value) {
+  if (!value) return null;
+  const parts = value.split(":");
+  if (parts.length !== 2) return null;
+  const h = Number(parts[0]);
+  const m = Number(parts[1]);
+  if (!Number.isFinite(h) || !Number.isFinite(m)) return null;
+  return h * 60 + m;
+}
+function WelcomeModal({ onComplete }) {
+  const { contactInfo, setContactInfo, updateMealSession, mealSessions } = useCateringState();
+  const { initialData, allowedCateringTimes } = useCateringConfig();
+  const [addressUpdate, setAddressUpdate] = react.useState(null);
+  const [sessionDate, setSessionDate] = react.useState("");
+  const [selectedTimeSlot, setSelectedTimeSlot] = react.useState("");
+  react.useEffect(() => {
+    const first = mealSessions[0];
+    if (!first) return;
+    if (first.sessionDate) setSessionDate((prev) => prev || first.sessionDate);
+    if (first.eventTime) setSelectedTimeSlot((prev) => prev || first.eventTime);
+  }, [mealSessions]);
+  const allowedStartMin = parseHHMM2(allowedCateringTimes?.start);
+  const allowedEndMin = parseHHMM2(allowedCateringTimes?.end);
+  const eventStartDate = initialData?.eventStartDate ?? "";
+  const eventEndDate = initialData?.eventEndDate ?? "";
+  const eventStartMin = parseHHMM2(initialData?.eventStartTime);
+  const eventEndMin = parseHHMM2(initialData?.eventEndTime);
+  const lowerBoundMin = (() => {
+    let lo = allowedStartMin ?? null;
+    if (sessionDate && eventStartDate && sessionDate === eventStartDate && eventStartMin != null) {
+      lo = lo == null ? eventStartMin : Math.max(lo, eventStartMin);
+    }
+    return lo;
+  })();
+  const upperBoundMin = (() => {
+    let hi = allowedEndMin ?? null;
+    if (sessionDate && eventEndDate && sessionDate === eventEndDate && eventEndMin != null) {
+      hi = hi == null ? eventEndMin : Math.min(hi, eventEndMin);
+    }
+    return hi;
+  })();
+  const SLOT_DURATION_MIN = 30;
+  const availableSlots = TIME_SLOT_OPTIONS.filter((o) => {
+    const slotStart = parseHHMM2(o.value);
+    if (slotStart == null) return false;
+    const slotEnd = slotStart + SLOT_DURATION_MIN;
+    if (lowerBoundMin != null && slotStart < lowerBoundMin) return false;
+    if (upperBoundMin != null && slotEnd > upperBoundMin) return false;
+    return true;
+  });
+  const dateMin = eventStartDate || getMinDate();
+  const dateMax = eventEndDate || getMaxDate();
+  const handlePlaceSelect = (place) => {
+    const parsed = parsePlaceResult(place);
+    if (!parsed) return;
+    setAddressUpdate(parsed.contactInfo);
+  };
+  const handleClearAddress = () => {
+    setAddressUpdate(null);
+  };
+  const applyAndClose = () => {
+    if (addressUpdate) {
+      setContactInfo({
+        ...contactInfo ?? {},
+        ...addressUpdate
+      });
+    }
+    if (sessionDate || selectedTimeSlot) {
+      updateMealSession(0, {
+        ...sessionDate && { sessionDate },
+        ...selectedTimeSlot && { eventTime: selectedTimeSlot }
+      });
+    }
+    onComplete();
+  };
+  const hasAnyDetail = !!addressUpdate || !!sessionDate || !!selectedTimeSlot;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed inset-0 bg-black/50 backdrop-blur-sm flex items-center justify-center z-[100] p-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white rounded-2xl max-w-md w-full max-h-[90vh] overflow-y-auto shadow-xl animate-in zoom-in-95 duration-200", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 pt-6 pb-5", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-12 h-12 rounded-2xl bg-primary flex items-center justify-center shadow-md mb-3", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sparkles, { className: "h-6 w-6 text-white" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-semibold uppercase tracking-widest text-primary", children: "Welcome" }),
+      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mt-1 text-xl font-bold text-gray-900 leading-tight", children: "Let's tailor your order" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 pb-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-4 mb-6 space-y-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-7 h-7 flex-shrink-0 rounded-lg bg-primary/10 flex items-center justify-center mt-0.5", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MapPin, { className: "h-4 w-4 text-primary" }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-gray-600 leading-snug", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold text-gray-800", children: "Delivery address" }),
+            " ",
+            "\u2014 so we surface the restaurants nearest to you."
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-7 h-7 flex-shrink-0 rounded-lg bg-primary/10 flex items-center justify-center mt-0.5", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Clock, { className: "h-4 w-4 text-primary" }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-gray-600 leading-snug", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold text-gray-800", children: "Event date & time" }),
+            " ",
+            "\u2014 so we respect each restaurant's opening hours and minimum order notice."
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1", children: /* @__PURE__ */ jsxRuntime.jsx(
+          AddressAutocomplete,
+          {
+            onPlaceSelect: handlePlaceSelect,
+            onClearAddress: handleClearAddress,
+            hasValidAddress: !!addressUpdate,
+            hideChangeButton: true
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("label", { className: "block text-[10px] font-bold uppercase tracking-widest text-base-content/60 mb-1.5", children: "Event date" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            DatePickerField,
+            {
+              value: sessionDate,
+              onChange: setSessionDate,
+              min: dateMin,
+              max: dateMax,
+              ariaLabel: "Event date"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("label", { className: "block text-[10px] font-bold uppercase tracking-widest text-base-content/60 mb-1.5", children: "Event time" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            TimeSlotDropdown,
+            {
+              value: selectedTimeSlot,
+              onChange: setSelectedTimeSlot,
+              slots: availableSlots
+            }
+          ),
+          lowerBoundMin != null && upperBoundMin != null && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "mt-1.5 text-xs text-base-content/60", children: [
+            "Available between",
+            " ",
+            formatTime(
+              Math.floor(lowerBoundMin / 60),
+              lowerBoundMin % 60
+            ),
+            " ",
+            "and",
+            " ",
+            formatTime(
+              Math.floor(upperBoundMin / 60),
+              upperBoundMin % 60
+            ),
+            "."
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 mt-6", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: onComplete,
+            className: "px-4 py-3 text-sm font-medium text-gray-500 hover:text-gray-800 transition-colors",
+            children: "Skip for now"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: applyAndClose,
+            disabled: !hasAnyDetail,
+            className: "flex-1 px-4 py-3 bg-primary text-white rounded-xl shadow-md hover:bg-primary/90 transition-colors font-semibold disabled:opacity-40 disabled:cursor-not-allowed disabled:shadow-none",
+            children: "Continue"
+          }
+        )
+      ] })
+    ] })
+  ] }) });
+}
 var TUTORIAL_STORAGE_KEY = "catering_tutorial_completed";
 function useCateringTutorial({
   mealSessions,
@@ -28113,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(() => {
@@ -28126,6 +28740,17 @@ function CateringOrderBuilder() {
     },
     [storage]
   );
+  const WELCOME_SEEN_KEY = "catering_welcome_seen";
+  const [showWelcomeModal, setShowWelcomeModal] = react.useState(() => {
+    if (storage.getItem(WELCOME_SEEN_KEY) === "true") return false;
+    if (contactInfo?.addressLine1) return false;
+    if (mealSessions[0]?.sessionDate) return false;
+    return true;
+  });
+  const handleWelcomeComplete = react.useCallback(() => {
+    storage.setItem(WELCOME_SEEN_KEY, "true");
+    setShowWelcomeModal(false);
+  }, [storage]);
   const [isMobileAIChatOpen, setIsMobileAIChatOpen] = react.useState(false);
   const [mobileChatView, setMobileChatView] = react.useState(
     "chat"
@@ -29085,6 +29710,8 @@ function CateringOrderBuilder() {
     setActiveSessionIndex(0);
     setIsClearAllConfirmOpen(false);
     setIsMobileCartMenuOpen(false);
+    storage.removeItem(WELCOME_SEEN_KEY);
+    setShowWelcomeModal(true);
   };
   const handlePdfDownload = async (withPrices) => {
     if (generatingPdf) return;
@@ -29243,6 +29870,7 @@ function CateringOrderBuilder() {
       },
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-h-screen bg-base-100", children: [
+          showWelcomeModal && /* @__PURE__ */ jsxRuntime.jsx(WelcomeModal, { onComplete: handleWelcomeComplete }),
           editingSessionIndex !== null && /* @__PURE__ */ jsxRuntime.jsx(
             SessionEditor,
             {
@@ -29383,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,
@@ -29464,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",
                                   {
@@ -29680,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",
@@ -30516,7 +31232,10 @@ function CateringWidget(props) {
     );
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "swift-catering-widget", style, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(CateringConfigProvider, { value: config, children: /* @__PURE__ */ jsxRuntime.jsx(CateringStateProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(CateringFilterProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(CateringOrderBuilder, {}) }) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(CateringConfigProvider, { value: config, children: /* @__PURE__ */ jsxRuntime.jsxs(CateringStateProvider, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(SharedCartLoader, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(CateringFilterProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(CateringOrderBuilder, {}) })
+    ] }) }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { "data-swift-overlay-root": true, className: "swift-chat-design" })
   ] });
 }