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

package/dist/index.cjs

@@ -3615,6 +3615,9 @@ styleInject(`/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
   .swift-catering-widget .bottom-1\\.5 {
     bottom: calc(var(--spacing) * 1.5);
   }
+  .swift-catering-widget .bottom-2 {
+    bottom: calc(var(--spacing) * 2);
+  }
   .swift-catering-widget .bottom-3 {
     bottom: calc(var(--spacing) * 3);
   }
@@ -4582,6 +4585,10 @@ styleInject(`/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
     border-top-left-radius: var(--radius-2xl);
     border-top-right-radius: var(--radius-2xl);
   }
+  .swift-catering-widget .rounded-t-xl {
+    border-top-left-radius: var(--radius-xl);
+    border-top-right-radius: var(--radius-xl);
+  }
   .swift-catering-widget .rounded-l-full {
     border-top-left-radius: 3.40282e38px;
     border-bottom-left-radius: 3.40282e38px;
@@ -5340,6 +5347,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);
   }
@@ -6342,6 +6352,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);
     }
@@ -6375,6 +6388,9 @@ styleInject(`/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
     .swift-catering-widget .hover\\:opacity-90:hover {
       opacity: .9;
     }
+    .swift-catering-widget .hover\\:opacity-100:hover {
+      opacity: 1;
+    }
     .swift-catering-widget .hover\\:shadow-md:hover {
       --tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);
       box-shadow:
@@ -6474,6 +6490,18 @@ styleInject(`/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
   .swift-catering-widget .disabled\\:opacity-50:disabled {
     opacity: .5;
   }
+  .swift-catering-widget .disabled\\:opacity-60:disabled {
+    opacity: .6;
+  }
+  .swift-catering-widget .disabled\\:shadow-none:disabled {
+    --tw-shadow:0 0 #0000;
+    box-shadow:
+      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);
@@ -7451,6 +7479,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 {
@@ -7601,6 +7642,7 @@ function createApiEndpoints(client) {
     bundles: createBundlesApi(client),
     pricing: createPricingApi(client),
     catering: createCateringApi(client),
+    sharedCart: createSharedCartApi(client),
     me: createMeApi(client),
     chat: createChatEndpoints(client)
   };
@@ -7928,6 +7970,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;
@@ -8119,6 +8167,7 @@ function CateringStateProvider({ children }) {
         updateMealSession,
         removeMealSession,
         setActiveSessionIndex,
+        loadMealSessions,
         addMenuItem,
         removeMenuItem,
         removeMenuItemByIndex,
@@ -8149,54 +8198,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;
@@ -8215,6 +8216,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),
@@ -8323,6 +8326,199 @@ 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/SharedCartLoader.tsx
+function SharedCartLoader() {
+  const { loadMealSessions } = useCateringState();
+  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 { cart } = await cateringService.getSharedCart(id);
+        const { mealSessions, missing } = await hydrateCartFromSnapshot(
+          cart,
+          (rid) => cateringService.getMenuItemsByRestaurant(rid)
+        );
+        if (cancelled) return;
+        if (mealSessions.every((s) => s.orderItems.length === 0)) {
+          window.alert(
+            "The items in this shared cart are no longer available."
+          );
+        } else {
+          loadMealSessions(mealSessions);
+          if (missing.length > 0) {
+            const n = missing.length;
+            window.alert(
+              `${n} item${n === 1 ? "" : "s"} from this shared cart ${n === 1 ? "is" : "are"} no longer available and ${n === 1 ? "was" : "were"} removed.`
+            );
+          }
+        }
+        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" },
@@ -8375,10 +8571,10 @@ Array.from({ length: 12 }, (_, i) => ({
 ].sort((a, b) => a.label.localeCompare(b.label));
 
 // src/assets/dietary-icons/vegetarian.png
-var vegetarian_default = "data:image/png;base64,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";
+var vegetarian_default = "data:image/png;base64,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";
 
 // src/assets/dietary-icons/vegan.png
-var vegan_default = "data:image/png;base64,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";
+var vegan_default = "data:image/png;base64,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";
 
 // src/assets/dietary-icons/halal.png
 var halal_default = "data:image/png;base64,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";
@@ -8405,6 +8601,21 @@ var formatAllergen = (allergen) => {
   const allergenObj = ALLERGENS.find((a) => a.value === allergen);
   return allergenObj?.label || allergen.split("_").map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase()).join(" ");
 };
+var normalizeAllergens = (allergens) => {
+  if (!allergens) return [];
+  const list = Array.isArray(allergens) ? allergens : allergens.split(",");
+  return list.map((a) => a.trim()).filter(
+    (a) => a.length > 0 && a.toLowerCase() !== "no specific allergens" && a.toLowerCase() !== "no_specific_allergens"
+  );
+};
+var AddonAllergens = ({ allergens }) => {
+  const list = normalizeAllergens(allergens);
+  if (list.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-[9px] md:text-[11px] text-base-content/60 leading-snug", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: "Allergens: " }),
+    list.map(formatAllergen).join(", ")
+  ] });
+};
 function MenuItemModal({
   item,
   isOpen,
@@ -8427,15 +8638,20 @@ function MenuItemModal({
 }) {
   const MIN_PORTIONS = item.minOrderQuantity && item.minOrderQuantity > 0 ? item.minOrderQuantity : 1;
   const [itemQuantity, setItemQuantity] = react.useState(MIN_PORTIONS);
-  const [itemQuantityInput, setItemQuantityInput] = react.useState(MIN_PORTIONS.toString());
+  const [itemQuantityInput, setItemQuantityInput] = react.useState(
+    MIN_PORTIONS.toString()
+  );
   const [selectedAddons, setSelectedAddons] = react.useState({});
   const [addonQuantities, setAddonQuantities] = react.useState({});
   const [addonQuantityInputs, setAddonQuantityInputs] = react.useState({});
-  const [addonGroups, setAddonGroups] = react.useState({});
+  const [addonGroups, setAddonGroups] = react.useState(
+    {}
+  );
   const [totalPrice, setTotalPrice] = react.useState(0);
   const [isAllergenExpanded, setIsAllergenExpanded] = react.useState(false);
   const [hasModifiedQuantity, setHasModifiedQuantity] = react.useState(false);
   const [initialModalQuantity, setInitialModalQuantity] = react.useState(0);
+  const [selectedImageIndex, setSelectedImageIndex] = react.useState(0);
   const price = parseFloat(item.price?.toString() || "0");
   const discountPrice = parseFloat(item.discountPrice?.toString() || "0");
   const displayPrice = item.isDiscount && discountPrice > 0 ? discountPrice : price;
@@ -8507,7 +8723,16 @@ function MenuItemModal({
     setSelectedAddons(selections);
     setAddonQuantities(quantities);
     setAddonQuantityInputs(quantityInputs);
-  }, [isOpen, item, quantity, BACKEND_QUANTITY_UNIT, MIN_PORTIONS, isEditMode, aiAddonMode, initialAiAddons]);
+  }, [
+    isOpen,
+    item,
+    quantity,
+    BACKEND_QUANTITY_UNIT,
+    MIN_PORTIONS,
+    isEditMode,
+    aiAddonMode,
+    initialAiAddons
+  ]);
   react.useEffect(() => {
     if (!item) return;
     let basePrice = BACKEND_QUANTITY_UNIT * (item.isDiscount ? parseFloat(item.discountPrice || "0") : parseFloat(item.price || "0"));
@@ -8758,7 +8983,9 @@ function MenuItemModal({
       }
     });
     if (multipleSelectionErrors.length > 0) {
-      alert("Please adjust your selections:\n\n" + multipleSelectionErrors.join("\n"));
+      alert(
+        "Please adjust your selections:\n\n" + multipleSelectionErrors.join("\n")
+      );
       return;
     }
     const addonsForCart = [];
@@ -8851,7 +9078,9 @@ function MenuItemModal({
       }
     });
     if (multipleSelectionErrors.length > 0) {
-      alert("Please adjust your selections:\n\n" + multipleSelectionErrors.join("\n"));
+      alert(
+        "Please adjust your selections:\n\n" + multipleSelectionErrors.join("\n")
+      );
       return;
     }
     const selections = [];
@@ -8901,7 +9130,9 @@ function MenuItemModal({
   const isMinSelectionsUnmet = Object.entries(addonGroups).some(
     ([groupTitle, group]) => {
       if (group.selectionType === "single") {
-        const hasAnySelection = Object.values(selectedAddons[groupTitle] || {}).some(Boolean);
+        const hasAnySelection = Object.values(
+          selectedAddons[groupTitle] || {}
+        ).some(Boolean);
         if (!hasAnySelection) return false;
         return getSingleSelectionTotal(groupTitle) !== itemQuantity;
       }
@@ -8934,31 +9165,47 @@ function MenuItemModal({
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-4 md:p-6 overflow-y-auto flex-1", children: [
-                item.image && /* @__PURE__ */ jsxRuntime.jsx(
-                  "div",
-                  {
-                    className: "flex-shrink-0 -mx-4 md:-mx-6 -mt-4 md:-mt-6 mb-3 overflow-hidden md:rounded-t-xl",
-                    style: { maxHeight: "50vh", aspectRatio: "5/4" },
-                    onClick: (e) => {
-                      e.stopPropagation();
+                (item.images?.length ?? 0) > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-shrink-0 -mx-4 md:-mx-6 -mt-4 md:-mt-6 mb-3", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "div",
+                    {
+                      className: "overflow-hidden md:rounded-t-xl",
+                      style: { maxHeight: "50vh", aspectRatio: "5/4" },
+                      onClick: (e) => {
+                        e.stopPropagation();
+                      },
+                      children: /* @__PURE__ */ jsxRuntime.jsx(
+                        "img",
+                        {
+                          src: item.images?.[selectedImageIndex] ?? item.images?.[0],
+                          alt: item.menuItemName,
+                          className: "w-full h-full object-cover"
+                        }
+                      )
+                    }
+                  ),
+                  (item.images?.length ?? 0) > 1 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-2 px-4 md:px-6 pt-2 overflow-x-auto", children: (item.images ?? []).map((img, idx) => /* @__PURE__ */ jsxRuntime.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: (e) => {
+                        e.stopPropagation();
+                        setSelectedImageIndex(idx);
+                      },
+                      className: `flex-shrink-0 w-14 h-14 rounded-lg overflow-hidden border-2 transition-all ${idx === selectedImageIndex ? "border-primary" : "border-transparent opacity-60 hover:opacity-100"}`,
+                      "aria-label": `View image ${idx + 1}`,
+                      children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: img, alt: "", className: "w-full h-full object-cover" })
                     },
-                    children: /* @__PURE__ */ jsxRuntime.jsx(
-                      "img",
-                      {
-                        src: item.image,
-                        alt: item.menuItemName,
-                        className: "w-full h-full object-cover"
-                      }
-                    )
-                  }
-                ),
+                    idx
+                  )) })
+                ] }),
                 /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "font-bold text-lg md:text-2xl text-base-content mb-1 pr-8", children: item.menuItemName }),
                 item.restaurantName && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs md:text-sm text-primary font-medium mb-3 md:mb-4", children: [
                   "From ",
                   item.restaurantName
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3 md:space-y-4 mt-2", children: [
-                  item.description && /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-base-content/70 text-xs md:text-sm leading-relaxed", children: item.description }) }),
+                  item.description && /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-base-content/70 text-xs md:text-sm leading-relaxed whitespace-pre-line", children: item.description }) }),
                   item.allergens && item.allergens.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-warning/5 border border-warning/20 rounded-lg p-3 md:p-4", children: [
                     /* @__PURE__ */ jsxRuntime.jsx(
                       "button",
@@ -9028,7 +9275,9 @@ function MenuItemModal({
                               setItemQuantity(newQty);
                               setItemQuantityInput(newQty.toString());
                               if (quantity > 0 && (!item.addons || item.addons.length === 0)) {
-                                setHasModifiedQuantity(newQty !== initialModalQuantity);
+                                setHasModifiedQuantity(
+                                  newQty !== initialModalQuantity
+                                );
                               }
                             },
                             disabled: itemQuantity <= MIN_PORTIONS,
@@ -9048,7 +9297,10 @@ function MenuItemModal({
                                 if (val === "" || /^\d+$/.test(val)) {
                                   setItemQuantityInput(val);
                                   if (val !== "" && !isNaN(parseInt(val))) {
-                                    const newQty = Math.max(MIN_PORTIONS, parseInt(val));
+                                    const newQty = Math.max(
+                                      MIN_PORTIONS,
+                                      parseInt(val)
+                                    );
                                     setItemQuantity(newQty);
                                     if (quantity > 0 && (!item.addons || item.addons.length === 0)) {
                                       setHasModifiedQuantity(
@@ -9087,7 +9339,9 @@ function MenuItemModal({
                               setItemQuantity(newQty);
                               setItemQuantityInput(newQty.toString());
                               if (quantity > 0 && (!item.addons || item.addons.length === 0)) {
-                                setHasModifiedQuantity(newQty !== initialModalQuantity);
+                                setHasModifiedQuantity(
+                                  newQty !== initialModalQuantity
+                                );
                               }
                             },
                             className: "group w-8 h-8 md:w-10 md:h-10 bg-base-100 border border-base-300 rounded-lg flex items-center justify-center text-base md:text-lg font-medium flex-shrink-0",
@@ -9147,28 +9401,31 @@ function MenuItemModal({
                             {
                               className: "w-full flex items-center justify-between p-3 rounded-lg border border-base-300 bg-base-100",
                               children: [
-                                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-                                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-base-content", children: addon.name }),
-                                  addon.dietaryRestrictions && addon.dietaryRestrictions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-0.5", children: addon.dietaryRestrictions.map((restriction) => {
-                                    const iconInfo = DIETARY_ICON_MAP[restriction];
-                                    if (!iconInfo) return null;
-                                    return /* @__PURE__ */ jsxRuntime.jsx(
-                                      "div",
-                                      {
-                                        className: "relative w-4 h-4",
-                                        title: iconInfo.label,
-                                        children: /* @__PURE__ */ jsxRuntime.jsx(
-                                          "img",
-                                          {
-                                            src: iconInfo.src,
-                                            alt: iconInfo.label,
-                                            className: "object-contain"
-                                          }
-                                        )
-                                      },
-                                      restriction
-                                    );
-                                  }) })
+                                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 mr-2", children: [
+                                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block text-sm text-base-content", children: addon.name }),
+                                  /* @__PURE__ */ jsxRuntime.jsx(AddonAllergens, { allergens: addon.allergens }),
+                                  addon.dietaryRestrictions && addon.dietaryRestrictions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-0.5 mt-0.5", children: addon.dietaryRestrictions.map(
+                                    (restriction) => {
+                                      const iconInfo = DIETARY_ICON_MAP[restriction];
+                                      if (!iconInfo) return null;
+                                      return /* @__PURE__ */ jsxRuntime.jsx(
+                                        "div",
+                                        {
+                                          className: "relative w-4 h-4",
+                                          title: iconInfo.label,
+                                          children: /* @__PURE__ */ jsxRuntime.jsx(
+                                            "img",
+                                            {
+                                              src: iconInfo.src,
+                                              alt: iconInfo.label,
+                                              className: "object-contain"
+                                            }
+                                          )
+                                        },
+                                        restriction
+                                      );
+                                    }
+                                  ) })
                                 ] }),
                                 parseFloat(addon.price) > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm font-medium text-primary", children: [
                                   "+\xA3",
@@ -9189,31 +9446,34 @@ function MenuItemModal({
                               children: [
                                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0 mr-2", children: [
                                   /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block text-sm text-base-content", children: addon.name }),
+                                  /* @__PURE__ */ jsxRuntime.jsx(AddonAllergens, { allergens: addon.allergens }),
                                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mt-0.5", children: [
                                     parseFloat(addon.price) > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-[11px] font-medium text-primary", children: [
                                       "+\xA3",
                                       parseFloat(addon.price).toFixed(2)
                                     ] }),
-                                    addon.dietaryRestrictions && addon.dietaryRestrictions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-0.5", children: addon.dietaryRestrictions.map((restriction) => {
-                                      const iconInfo = DIETARY_ICON_MAP[restriction];
-                                      if (!iconInfo) return null;
-                                      return /* @__PURE__ */ jsxRuntime.jsx(
-                                        "div",
-                                        {
-                                          className: "relative w-4 h-4",
-                                          title: iconInfo.label,
-                                          children: /* @__PURE__ */ jsxRuntime.jsx(
-                                            "img",
-                                            {
-                                              src: iconInfo.src,
-                                              alt: iconInfo.label,
-                                              className: "object-contain"
-                                            }
-                                          )
-                                        },
-                                        restriction
-                                      );
-                                    }) })
+                                    addon.dietaryRestrictions && addon.dietaryRestrictions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-0.5", children: addon.dietaryRestrictions.map(
+                                      (restriction) => {
+                                        const iconInfo = DIETARY_ICON_MAP[restriction];
+                                        if (!iconInfo) return null;
+                                        return /* @__PURE__ */ jsxRuntime.jsx(
+                                          "div",
+                                          {
+                                            className: "relative w-4 h-4",
+                                            title: iconInfo.label,
+                                            children: /* @__PURE__ */ jsxRuntime.jsx(
+                                              "img",
+                                              {
+                                                src: iconInfo.src,
+                                                alt: iconInfo.label,
+                                                className: "object-contain"
+                                              }
+                                            )
+                                          },
+                                          restriction
+                                        );
+                                      }
+                                    ) })
                                   ] })
                                 ] }),
                                 /* @__PURE__ */ jsxRuntime.jsxs(
@@ -9315,24 +9575,47 @@ function MenuItemModal({
                                 children: [
                                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0 mr-2", children: [
                                     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block text-sm text-base-content", children: addon.name }),
+                                    /* @__PURE__ */ jsxRuntime.jsx(AddonAllergens, { allergens: addon.allergens }),
                                     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mt-0.5", children: [
                                       parseFloat(addon.price) > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-[11px] font-medium text-primary", children: [
                                         "+\xA3",
                                         parseFloat(addon.price).toFixed(2),
-                                        " each"
+                                        " ",
+                                        "each"
                                       ] }),
-                                      addon.dietaryRestrictions && addon.dietaryRestrictions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-0.5", children: addon.dietaryRestrictions.map((restriction) => {
-                                        const iconInfo = DIETARY_ICON_MAP[restriction];
-                                        if (!iconInfo) return null;
-                                        return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative w-4 h-4", title: iconInfo.label, children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: iconInfo.src, alt: iconInfo.label, className: "object-contain" }) }, restriction);
-                                      }) })
+                                      addon.dietaryRestrictions && addon.dietaryRestrictions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-0.5", children: addon.dietaryRestrictions.map(
+                                        (restriction) => {
+                                          const iconInfo = DIETARY_ICON_MAP[restriction];
+                                          if (!iconInfo) return null;
+                                          return /* @__PURE__ */ jsxRuntime.jsx(
+                                            "div",
+                                            {
+                                              className: "relative w-4 h-4",
+                                              title: iconInfo.label,
+                                              children: /* @__PURE__ */ jsxRuntime.jsx(
+                                                "img",
+                                                {
+                                                  src: iconInfo.src,
+                                                  alt: iconInfo.label,
+                                                  className: "object-contain"
+                                                }
+                                              )
+                                            },
+                                            restriction
+                                          );
+                                        }
+                                      ) })
                                     ] })
                                   ] }),
                                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
                                     /* @__PURE__ */ jsxRuntime.jsx(
                                       "button",
                                       {
-                                        onClick: () => updateAddonQuantity(groupTitle, addon.name, -1),
+                                        onClick: () => updateAddonQuantity(
+                                          groupTitle,
+                                          addon.name,
+                                          -1
+                                        ),
                                         disabled: addonQtyMR === 0,
                                         className: "w-7 h-7 bg-base-100 border border-base-300 rounded hover:bg-base-200 flex items-center justify-center text-sm font-medium disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:bg-base-100",
                                         children: "\u2212"
@@ -9352,22 +9635,36 @@ function MenuItemModal({
                                               Object.keys(prev).forEach((key) => {
                                                 newInputs[key] = { ...prev[key] };
                                               });
-                                              if (!newInputs[groupTitle]) newInputs[groupTitle] = {};
+                                              if (!newInputs[groupTitle])
+                                                newInputs[groupTitle] = {};
                                               newInputs[groupTitle][addon.name] = val;
                                               return newInputs;
                                             });
                                             if (val !== "" && !isNaN(parseInt(val))) {
                                               const requested = parseInt(val);
-                                              const totalWithoutCurrent = getMultipleSelectionCount(groupTitle) - addonQtyMR;
+                                              const totalWithoutCurrent = getMultipleSelectionCount(
+                                                groupTitle
+                                              ) - addonQtyMR;
                                               const maxAllowed = group.maxSelections != null ? group.maxSelections * itemQuantity - totalWithoutCurrent : Infinity;
-                                              const finalQty = Math.min(requested, Math.max(0, maxAllowed));
-                                              setAddonQuantityDirect(groupTitle, addon.name, finalQty);
+                                              const finalQty = Math.min(
+                                                requested,
+                                                Math.max(0, maxAllowed)
+                                              );
+                                              setAddonQuantityDirect(
+                                                groupTitle,
+                                                addon.name,
+                                                finalQty
+                                              );
                                             }
                                           }
                                         },
                                         onBlur: (e) => {
                                           if (e.target.value === "" || parseInt(e.target.value) < 0) {
-                                            setAddonQuantityDirect(groupTitle, addon.name, 0);
+                                            setAddonQuantityDirect(
+                                              groupTitle,
+                                              addon.name,
+                                              0
+                                            );
                                           }
                                         },
                                         className: "w-12 text-center text-sm font-medium text-base-content bg-base-100 border border-base-300 rounded px-1 py-0.5"
@@ -9376,7 +9673,11 @@ function MenuItemModal({
                                     /* @__PURE__ */ jsxRuntime.jsx(
                                       "button",
                                       {
-                                        onClick: () => updateAddonQuantity(groupTitle, addon.name, 1),
+                                        onClick: () => updateAddonQuantity(
+                                          groupTitle,
+                                          addon.name,
+                                          1
+                                        ),
                                         disabled: isMaxReached,
                                         className: "w-7 h-7 bg-base-100 border border-base-300 rounded hover:bg-base-200 flex items-center justify-center text-sm font-medium disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:bg-base-100",
                                         children: "+"
@@ -9425,26 +9726,34 @@ function MenuItemModal({
                                     ),
                                     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0 text-left", children: [
                                       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block text-sm text-base-content", children: addon.name }),
-                                      addon.dietaryRestrictions && addon.dietaryRestrictions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-0.5 mt-1", children: addon.dietaryRestrictions.map((restriction) => {
-                                        const iconInfo = DIETARY_ICON_MAP[restriction];
-                                        if (!iconInfo) return null;
-                                        return /* @__PURE__ */ jsxRuntime.jsx(
-                                          "div",
-                                          {
-                                            className: "relative w-4 h-4",
-                                            title: iconInfo.label,
-                                            children: /* @__PURE__ */ jsxRuntime.jsx(
-                                              "img",
-                                              {
-                                                src: iconInfo.src,
-                                                alt: iconInfo.label,
-                                                className: "object-contain"
-                                              }
-                                            )
-                                          },
-                                          restriction
-                                        );
-                                      }) })
+                                      /* @__PURE__ */ jsxRuntime.jsx(
+                                        AddonAllergens,
+                                        {
+                                          allergens: addon.allergens
+                                        }
+                                      ),
+                                      addon.dietaryRestrictions && addon.dietaryRestrictions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-0.5 mt-1", children: addon.dietaryRestrictions.map(
+                                        (restriction) => {
+                                          const iconInfo = DIETARY_ICON_MAP[restriction];
+                                          if (!iconInfo) return null;
+                                          return /* @__PURE__ */ jsxRuntime.jsx(
+                                            "div",
+                                            {
+                                              className: "relative w-4 h-4",
+                                              title: iconInfo.label,
+                                              children: /* @__PURE__ */ jsxRuntime.jsx(
+                                                "img",
+                                                {
+                                                  src: iconInfo.src,
+                                                  alt: iconInfo.label,
+                                                  className: "object-contain"
+                                                }
+                                              )
+                                            },
+                                            restriction
+                                          );
+                                        }
+                                      ) })
                                     ] })
                                   ] }),
                                   parseFloat(addon.price) > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex-shrink-0 ml-2 text-sm font-medium text-primary", children: [
@@ -10130,19 +10439,19 @@ var styles = renderer.StyleSheet.create({
   // Page Styles
   page: {
     backgroundColor: "#fdfdfd",
-    padding: 48,
-    paddingBottom: 70,
+    padding: 36,
+    paddingBottom: 55,
     fontFamily: FONT_FAMILY
   },
   menuPage: {
     backgroundColor: "#fdfdfd",
-    padding: 48,
-    paddingBottom: 70,
+    padding: 36,
+    paddingBottom: 55,
     fontFamily: FONT_FAMILY
   },
   // Day Section
   daySection: {
-    marginBottom: 50
+    marginBottom: 24
   },
   dayHeader: {
     flexDirection: "row",
@@ -10150,17 +10459,17 @@ var styles = renderer.StyleSheet.create({
     alignItems: "flex-end",
     borderBottomWidth: 2,
     borderBottomColor: "#000",
-    paddingBottom: 4,
-    marginBottom: 24
+    paddingBottom: 2,
+    marginBottom: 12
   },
   dayTitle: {
-    fontSize: 18,
+    fontSize: 14,
     fontFamily: FONT_FAMILY_BOLD_OBLIQUE,
     textTransform: "uppercase",
     letterSpacing: -0.3
   },
   dayLabel: {
-    fontSize: 8,
+    fontSize: 7,
     fontFamily: FONT_FAMILY_BOLD,
     color: "#9ca3af",
     textTransform: "uppercase",
@@ -10170,27 +10479,27 @@ var styles = renderer.StyleSheet.create({
   sessionHeader: {
     flexDirection: "row",
     alignItems: "flex-end",
-    marginBottom: 20
+    marginBottom: 10
   },
   sessionTitle: {
-    fontSize: 28,
+    fontSize: 20,
     fontFamily: FONT_FAMILY_BOLD,
     textTransform: "uppercase",
     letterSpacing: -0.5
   },
   sessionTime: {
-    fontSize: 14,
+    fontSize: 11,
     fontFamily: FONT_FAMILY_OBLIQUE,
     color: "#9ca3af",
-    marginLeft: 12,
+    marginLeft: 10,
     marginBottom: 2
   },
   // Category Header
   categoryHeader: {
-    fontSize: 10,
+    fontSize: 9,
     fontFamily: FONT_FAMILY_BOLD,
-    marginBottom: 16,
-    marginTop: 12,
+    marginBottom: 8,
+    marginTop: 6,
     textTransform: "uppercase",
     letterSpacing: 1,
     textDecoration: "underline"
@@ -10198,145 +10507,145 @@ var styles = renderer.StyleSheet.create({
   // Menu Item - Editorial Layout
   menuItem: {
     flexDirection: "row",
-    marginBottom: 28,
-    paddingBottom: 20
+    marginBottom: 12,
+    paddingBottom: 10
   },
   menuItemContent: {
     flex: 1,
-    paddingRight: 16
+    paddingRight: 12
   },
   menuItemName: {
-    fontSize: 14,
+    fontSize: 11,
     fontFamily: FONT_FAMILY_BOLD,
     textTransform: "uppercase",
     letterSpacing: -0.3,
-    marginBottom: 4
+    marginBottom: 3
   },
   menuItemDescription: {
-    fontSize: 10,
+    fontSize: 9,
     fontFamily: FONT_FAMILY_OBLIQUE,
     color: "#4b5563",
-    marginBottom: 8,
+    marginBottom: 4,
     lineHeight: 1.4
   },
   // Add-ons Container - Editorial Style
   addonsContainer: {
-    marginTop: 8,
-    marginBottom: 8,
-    paddingLeft: 8,
-    paddingVertical: 8,
+    marginTop: 4,
+    marginBottom: 4,
+    paddingLeft: 6,
+    paddingVertical: 4,
     backgroundColor: "#f9fafb",
     borderLeftWidth: 2,
     borderLeftColor: "rgba(0,0,0,0.1)"
   },
   addonsSection: {
-    marginBottom: 4
+    marginBottom: 2
   },
   addonsSectionHeader: {
-    fontSize: 8,
+    fontSize: 7,
     fontFamily: FONT_FAMILY_BOLD,
     color: "#9ca3af",
     textTransform: "uppercase",
     letterSpacing: 2,
-    marginBottom: 4
+    marginBottom: 2
   },
   addonRow: {
     flexDirection: "row",
     alignItems: "center",
     flexWrap: "wrap",
-    marginBottom: 2
+    marginBottom: 1
   },
   addonBullet: {
-    fontSize: 9,
+    fontSize: 8,
     color: "#4b5563",
-    marginRight: 4
+    marginRight: 3
   },
   addonText: {
-    fontSize: 9,
+    fontSize: 8,
     color: "#374151"
   },
   addonDietaryBadges: {
     flexDirection: "row",
     alignItems: "center",
-    marginLeft: 4
+    marginLeft: 3
   },
   addonDietaryBadge: {
-    width: 14,
-    height: 14,
+    width: 12,
+    height: 12,
     borderRadius: 2,
     alignItems: "center",
     justifyContent: "center",
     marginRight: 2
   },
   addonDietaryBadgeText: {
-    fontSize: 6,
+    fontSize: 5,
     fontFamily: FONT_FAMILY_BOLD,
     color: "#fff"
   },
   addonAllergenText: {
-    fontSize: 9,
+    fontSize: 8,
     color: "#6b7280",
-    marginLeft: 4
+    marginLeft: 3
   },
   // Main Item Allergen
   mainItemAllergenContainer: {
-    marginTop: 8,
-    marginBottom: 6
+    marginTop: 4,
+    marginBottom: 3
   },
   mainItemAllergenLabel: {
-    fontSize: 9,
+    fontSize: 8,
     fontFamily: FONT_FAMILY_BOLD,
     textTransform: "uppercase",
     letterSpacing: 0.5
   },
   mainItemAllergenText: {
-    fontSize: 9,
+    fontSize: 8,
     fontFamily: FONT_FAMILY_BOLD
   },
   // Dietary Badges
   menuItemDietaryFilters: {
     flexDirection: "row",
     flexWrap: "wrap",
-    marginBottom: 8,
-    marginTop: 4
+    marginBottom: 4,
+    marginTop: 2
   },
   dietaryBadge: {
-    width: 18,
-    height: 18,
+    width: 14,
+    height: 14,
     borderRadius: 2,
     alignItems: "center",
     justifyContent: "center",
-    marginRight: 4
+    marginRight: 3
   },
   dietaryBadgeText: {
-    fontSize: 7,
+    fontSize: 6,
     fontFamily: FONT_FAMILY_BOLD,
     color: "#fff"
   },
   // Portions & Price
   menuItemPortions: {
-    fontSize: 9,
+    fontSize: 8,
     color: "#9ca3af",
-    marginTop: 4
+    marginTop: 2
   },
   menuItemPrice: {
     flexDirection: "row",
-    marginTop: 2
+    marginTop: 1
   },
   menuItemPriceLabel: {
-    fontSize: 10,
+    fontSize: 9,
     fontFamily: FONT_FAMILY_BOLD_OBLIQUE,
     letterSpacing: -0.3
   },
   menuItemPriceValue: {
-    fontSize: 10,
+    fontSize: 9,
     fontFamily: FONT_FAMILY_BOLD_OBLIQUE,
     letterSpacing: -0.3
   },
   // Menu Item Image
   menuItemImage: {
-    width: 100,
-    height: 65,
+    width: 80,
+    height: 52,
     objectFit: "cover",
     borderWidth: 1,
     borderColor: "#e5e7eb"
@@ -10345,41 +10654,41 @@ var styles = renderer.StyleSheet.create({
   subtotalContainer: {
     flexDirection: "row",
     justifyContent: "flex-end",
-    marginTop: 16,
-    marginBottom: 32,
-    paddingTop: 12,
+    marginTop: 8,
+    marginBottom: 16,
+    paddingTop: 8,
     borderTopWidth: 2,
     borderTopColor: "#000"
   },
   subtotalText: {
-    fontSize: 12,
+    fontSize: 10,
     fontFamily: FONT_FAMILY_BOLD
   },
   deliveryFeeText: {
-    fontSize: 9,
+    fontSize: 8,
     fontFamily: FONT_FAMILY_OBLIQUE,
     color: "#9ca3af",
-    marginTop: 6
+    marginTop: 4
   },
   // Totals Container - Full Width Editorial Style
   totalsContainer: {
-    marginTop: 40,
-    paddingTop: 20
+    marginTop: 20,
+    paddingTop: 12
   },
   totalsRow: {
     flexDirection: "row",
     justifyContent: "space-between",
     alignItems: "baseline",
-    marginBottom: 16
+    marginBottom: 8
   },
   totalsLabel: {
-    fontSize: 24,
+    fontSize: 18,
     fontFamily: FONT_FAMILY_BOLD_OBLIQUE,
     textTransform: "uppercase",
     letterSpacing: -0.5
   },
   totalsValue: {
-    fontSize: 24,
+    fontSize: 18,
     fontFamily: FONT_FAMILY_BOLD_OBLIQUE,
     letterSpacing: -0.5
   },
@@ -10388,46 +10697,46 @@ var styles = renderer.StyleSheet.create({
     borderTopColor: "#e5e7eb",
     borderBottomWidth: 1,
     borderBottomColor: "#e5e7eb",
-    paddingVertical: 16,
-    marginBottom: 20
+    paddingVertical: 10,
+    marginBottom: 12
   },
   totalsBreakdownRow: {
     flexDirection: "row",
     justifyContent: "space-between",
     alignItems: "baseline",
-    marginBottom: 6
+    marginBottom: 4
   },
   totalsBreakdownLabel: {
-    fontSize: 11,
+    fontSize: 9,
     fontFamily: FONT_FAMILY_BOLD,
     color: "#9ca3af",
     textTransform: "uppercase",
     letterSpacing: 2
   },
   totalsBreakdownValue: {
-    fontSize: 11,
+    fontSize: 9,
     fontFamily: FONT_FAMILY_BOLD
   },
   totalsBreakdownValueItalic: {
-    fontSize: 11,
+    fontSize: 9,
     fontFamily: FONT_FAMILY_OBLIQUE,
     color: "#9ca3af"
   },
   grandTotalContainer: {
     alignItems: "flex-end",
-    marginTop: 16
+    marginTop: 10
   },
   grandTotalLabel: {
-    fontSize: 8,
+    fontSize: 7,
     fontFamily: FONT_FAMILY_BOLD,
     color: "#9ca3af",
     textTransform: "uppercase",
     letterSpacing: 3,
-    marginBottom: 4,
+    marginBottom: 2,
     textAlign: "right"
   },
   grandTotalValue: {
-    fontSize: 28,
+    fontSize: 22,
     fontFamily: FONT_FAMILY_BOLD_OBLIQUE,
     letterSpacing: -0.5,
     textAlign: "right"
@@ -10435,42 +10744,42 @@ var styles = renderer.StyleSheet.create({
   // Footer - Editorial Style
   footer: {
     position: "absolute",
-    bottom: 30,
-    left: 48,
-    right: 48
+    bottom: 24,
+    left: 36,
+    right: 36
   },
   dietaryLegend: {
     flexDirection: "row",
     flexWrap: "wrap",
-    marginBottom: 6
+    marginBottom: 4
   },
   footerDivider: {
     height: 0.5,
     backgroundColor: "#d1d5db",
-    marginBottom: 10
+    marginBottom: 6
   },
   dietaryLegendItem: {
     flexDirection: "row",
     alignItems: "center",
-    marginRight: 16,
-    marginBottom: 4
+    marginRight: 10,
+    marginBottom: 2
   },
   dietaryLegendBadge: {
-    width: 14,
-    height: 14,
+    width: 12,
+    height: 12,
     borderRadius: 2,
     alignItems: "center",
     justifyContent: "center",
-    marginRight: 4
+    marginRight: 3
   },
   dietaryLegendText: {
-    fontSize: 8,
+    fontSize: 7,
     fontFamily: FONT_FAMILY_BOLD,
     textTransform: "uppercase",
     letterSpacing: 1
   },
   footerText: {
-    fontSize: 8,
+    fontSize: 7,
     fontFamily: FONT_FAMILY_OBLIQUE,
     color: "#666"
   }
@@ -10953,7 +11262,7 @@ function mapToMenuItem(item) {
     discountPrice: item.discountPrice?.toString(),
     allergens: item.allergens,
     isDiscount: item.isDiscount || false,
-    image: item.image,
+    images: item.images ?? (item.image ? [item.image] : []),
     averageRating: item.averageRating,
     restaurantId: item.restaurantId,
     restaurantName: item.restaurant?.restaurant_name,
@@ -22014,10 +22323,10 @@ function MenuItemCard({
               ] })
             ] })
           ] }) }),
-          item.image && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-[130px] h-full bg-gray-200 flex-shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(
+          item.images?.[0] && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-[130px] h-full bg-gray-200 flex-shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(
             "img",
             {
-              src: item.image,
+              src: item.images?.[0],
               alt: item.menuItemName,
               className: "w-full h-full object-cover"
             }
@@ -23164,8 +23473,8 @@ function RestaurantMenuBrowser({
         const orderA = a.itemDisplayOrder ?? 999;
         const orderB = b.itemDisplayOrder ?? 999;
         if (orderA !== orderB) return orderA - orderB;
-        const aHasImage = a.image && a.image.trim() !== "" ? 0 : 1;
-        const bHasImage = b.image && b.image.trim() !== "" ? 0 : 1;
+        const aHasImage = (a.images?.[0] ?? "").trim() !== "" ? 0 : 1;
+        const bHasImage = (b.images?.[0] ?? "").trim() !== "" ? 0 : 1;
         if (aHasImage !== bHasImage) return aHasImage - bHasImage;
         return getDisplayPrice(a) - getDisplayPrice(b);
       });
@@ -23425,7 +23734,15 @@ function RestaurantMenuBrowser({
           ]
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1 p-3 flex flex-col", children: [
+      /* @__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(
+          "img",
+          {
+            src: restaurant.logoImageUrl,
+            alt: "",
+            className: "w-full h-full object-cover"
+          }
+        ) }),
         /* @__PURE__ */ jsxRuntime.jsx("p", { className: "line-clamp-2 text-sm font-semibold leading-tight text-gray-900", children: restaurant.restaurant_name }),
         restaurant.minCateringOrderQuantity && restaurant.minCateringOrderQuantity > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1.5 flex flex-wrap gap-1.5", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center rounded-full bg-primary/10 px-2 py-1 text-[10px] font-semibold text-primary", children: [
           "Min ",
@@ -23638,7 +23955,7 @@ function RestaurantMenuBrowser({
       onClick: () => setSelectedCategoryId(
         selectedCategoryId === category.id ? null : category.id
       ),
-      className: `flex-shrink-0 px-3 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"}`,
+      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",
@@ -25042,7 +25359,8 @@ function AddressAutocomplete({
   onPlaceSelect,
   onClearAddress,
   error,
-  hasValidAddress
+  hasValidAddress,
+  hideChangeButton
 }) {
   const {
     inputRef,
@@ -25082,7 +25400,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",
@@ -26493,7 +26811,7 @@ function CheckoutScreen() {
               price: orderItem.item.price,
               discountPrice: orderItem.item.discountPrice,
               isDiscount: orderItem.item.isDiscount,
-              image: orderItem.item.image,
+              image: orderItem.item.images?.[0] ?? orderItem.item.image,
               restaurantId: orderItem.item.restaurantId,
               cateringQuantityUnit: orderItem.item.cateringQuantityUnit,
               feedsPerUnit: orderItem.item.feedsPerUnit,
@@ -27183,6 +27501,75 @@ function CheckoutScreen() {
     ] })
   ] });
 }
+function ShareCartButton({ className = "" }) {
+  const { mealSessions, eventDetails } = useCateringState();
+  const [status, setStatus] = react.useState(
+    "idle"
+  );
+  const hasItems = mealSessions.some((s) => s.orderItems.length > 0);
+  if (!hasItems) return null;
+  const handleShare = async () => {
+    if (status === "loading") return;
+    setStatus("loading");
+    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);
+      const shareUrl = `${window.location.origin}${window.location.pathname}?sharedCart=${id}`;
+      try {
+        await navigator.clipboard.writeText(shareUrl);
+      } catch {
+        window.prompt("Copy your cart link:", shareUrl);
+      }
+      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 link\u2026" : status === "done" ? "Link copied \u2713" : status === "error" ? "Try again" : "Share cart";
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "button",
+    {
+      type: "button",
+      onClick: handleShare,
+      disabled: status === "loading",
+      title: "Create a link to share this cart",
+      className: `inline-flex items-center justify-center gap-1.5 rounded-lg border border-primary px-3 py-3 text-sm font-semibold text-primary transition-colors hover:bg-primary/5 disabled:cursor-not-allowed disabled:opacity-60 ${className}`,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "svg",
+          {
+            xmlns: "http://www.w3.org/2000/svg",
+            className: "h-4 w-4",
+            fill: "none",
+            viewBox: "0 0 24 24",
+            stroke: "currentColor",
+            strokeWidth: 2,
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              "path",
+              {
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                d: "M8.684 13.342C8.886 12.938 9 12.482 9 12c0-.482-.114-.938-.316-1.342m0 2.684a3 3 0 110-2.684m0 2.684l6.632 3.316m-6.632-6l6.632-3.316m0 0a3 3 0 105.367-2.684 3 3 0 00-5.367 2.684zm0 9.316a3 3 0 105.368 2.684 3 3 0 00-5.368-2.684z"
+              }
+            )
+          }
+        ),
+        label
+      ]
+    }
+  );
+}
 function EmptySessionWarningModal({
   sessionName,
   onRemove,
@@ -27446,10 +27833,10 @@ function SwapItemModal({
           onClick: () => setSelectedAlternative(alt),
           className: "w-full flex items-center gap-3 p-3 rounded-xl border border-base-200 hover:border-primary/40 hover:bg-primary/5 transition-all text-left",
           children: [
-            alt.image ? /* @__PURE__ */ jsxRuntime.jsx(
+            alt.images?.[0] ? /* @__PURE__ */ jsxRuntime.jsx(
               "img",
               {
-                src: alt.image,
+                src: alt.images?.[0],
                 alt: alt.menuItemName,
                 className: "w-14 h-14 rounded-lg object-cover flex-shrink-0"
               }
@@ -27549,6 +27936,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,
@@ -27840,10 +28403,10 @@ function useCateringData({ expandedSessionIndex }) {
         }
         const mappedItems = data.map(mapToMenuItem);
         const itemsWithImage = mappedItems.filter(
-          (item) => item.image && item.image.trim() !== ""
+          (item) => (item.images?.[0] ?? "").trim() !== ""
         );
         const itemsWithoutImage = mappedItems.filter(
-          (item) => !item.image || item.image.trim() === ""
+          (item) => (item.images?.[0] ?? "").trim() === ""
         );
         const sortedItems = [...itemsWithImage, ...itemsWithoutImage];
         setMenuItems(sortedItems);
@@ -27995,6 +28558,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"
@@ -28277,7 +28851,7 @@ function CateringOrderBuilder() {
         allergens: item.allergens,
         dietaryFilters: item.dietaryFilters,
         isDiscount: item.isDiscount,
-        image: item.image,
+        image: item.images?.[0],
         restaurantId: item.restaurantId,
         restaurantName: item.restaurantName,
         groupTitle: item.groupTitle,
@@ -28954,6 +29528,8 @@ function CateringOrderBuilder() {
     setActiveSessionIndex(0);
     setIsClearAllConfirmOpen(false);
     setIsMobileCartMenuOpen(false);
+    storage.removeItem(WELCOME_SEEN_KEY);
+    setShowWelcomeModal(true);
   };
   const handlePdfDownload = async (withPrices) => {
     if (generatingPdf) return;
@@ -29007,7 +29583,7 @@ function CateringOrderBuilder() {
               price: orderItem.item.price,
               discountPrice: orderItem.item.discountPrice,
               isDiscount: orderItem.item.isDiscount,
-              image: orderItem.item.image,
+              image: orderItem.item.images?.[0] ?? orderItem.item.image,
               restaurantId: orderItem.item.restaurantId,
               cateringQuantityUnit: orderItem.item.cateringQuantityUnit,
               feedsPerUnit: orderItem.item.feedsPerUnit,
@@ -29112,6 +29688,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,
             {
@@ -29352,6 +29929,7 @@ function CateringOrderBuilder() {
                           )
                         ] })
                       ] }),
+                      /* @__PURE__ */ jsxRuntime.jsx(ShareCartButton, {}),
                       /* @__PURE__ */ jsxRuntime.jsx(
                         "button",
                         {
@@ -30385,7 +30963,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" })
   ] });
 }