@wix/agent-skills 1.21.0 → 1.22.0

package/skills/wix-headless-fast/references/restaurants/app/components/restaurants/ReservationView.tsx

@@ -1,155 +0,0 @@
-// REFERENCE reservations surface: party/date/time query → AVAILABLE slot pills → hold →
-// details form → confirmed, on the @theme tokens. Correct and complete; per the skill's
-// model you design and build your own on useReservation (which owns ALL booking logic).
-import { useReservation } from "../../hooks/restaurants/useReservation";
-
-const input =
-  "w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground outline-none focus:border-primary";
-
-export default function ReservationView() {
-  const r = useReservation();
-
-  if (r.locations === null) {
-    return <div className="h-64 animate-pulse rounded-lg bg-secondary" aria-busy="true" />;
-  }
-  if (r.locations.length === 0 || !r.location) {
-    return (
-      <p className="py-16 text-center text-muted-foreground">
-        Table reservations aren't set up yet — call us to book.
-      </p>
-    );
-  }
-  if (!r.location.onlineReservationsEnabled) {
-    // Premium-gated toggle is off — slots/booking would fail; be honest, don't fake a form.
-    return (
-      <p className="py-16 text-center text-muted-foreground">
-        Online reservations aren't open yet — call us to book a table.
-      </p>
-    );
-  }
-
-  if (r.confirmed) {
-    return (
-      <div className="mx-auto max-w-md rounded-lg border border-border p-8 text-center">
-        <p className="text-lg font-semibold">
-          {r.confirmed.status === "RESERVED" ? "Table reserved" : "Request sent"}
-        </p>
-        <p className="mt-2 text-sm text-muted-foreground">
-          {r.confirmed.status === "RESERVED"
-            ? "See you soon — a confirmation is on its way."
-            : "The restaurant will confirm your reservation shortly."}
-        </p>
-        <button
-          type="button"
-          onClick={r.reset}
-          className="mt-6 rounded-full border border-border px-5 py-2 text-sm font-medium hover:bg-secondary"
-        >
-          Make another reservation
-        </button>
-      </div>
-    );
-  }
-
-  return (
-    <div className="mx-auto max-w-xl">
-      <div className="grid grid-cols-1 gap-4 sm:grid-cols-3">
-        <label className="block text-sm">
-          <span className="text-muted-foreground">Guests</span>
-          <input
-            type="number"
-            min={r.location.partySizeMin}
-            max={r.location.partySizeMax}
-            value={r.partySize}
-            onChange={(e) => r.setPartySize(Number(e.target.value))}
-            className={`mt-1 ${input}`}
-          />
-        </label>
-        <label className="block text-sm">
-          <span className="text-muted-foreground">Date</span>
-          <input type="date" value={r.date} onChange={(e) => r.setDate(e.target.value)} className={`mt-1 ${input}`} />
-        </label>
-        <label className="block text-sm">
-          <span className="text-muted-foreground">Around</span>
-          <input type="time" value={r.time} onChange={(e) => r.setTime(e.target.value)} className={`mt-1 ${input}`} />
-        </label>
-      </div>
-      <button
-        type="button"
-        disabled={r.loading}
-        onClick={() => void r.findSlots()}
-        className="mt-4 w-full rounded-full bg-primary py-3 text-sm font-semibold text-primary-foreground transition-opacity hover:opacity-90 disabled:opacity-50"
-      >
-        {r.loading && r.slots === null ? "Finding times…" : "Find a table"}
-      </button>
-
-      {r.error && <p className="mt-4 text-sm text-red-600">{r.error}</p>}
-
-      {r.slots !== null && r.slots.length === 0 && !r.error && (
-        <p className="mt-6 text-center text-sm text-muted-foreground">
-          No tables around that time — try another time or party size.
-        </p>
-      )}
-
-      {r.slots !== null && r.slots.length > 0 && !r.held && (
-        <div className="mt-6 flex flex-wrap gap-2" role="group" aria-label="Available times">
-          {r.slots.map((slot) => (
-            <button
-              key={slot.startIso}
-              type="button"
-              disabled={r.loading}
-              onClick={() => void r.holdSlot(slot)}
-              className="rounded-full border border-border px-4 py-1.5 text-sm font-medium transition-colors hover:bg-secondary disabled:opacity-40"
-            >
-              {slot.label}
-            </button>
-          ))}
-        </div>
-      )}
-
-      {r.held && (
-        <div className="mt-6 rounded-lg border border-border p-5">
-          <p className="text-sm font-medium">
-            Holding {new Date(r.held.startIso).toLocaleString(undefined, { weekday: "short", month: "short", day: "numeric", hour: "numeric", minute: "2-digit" })}{" "}
-            for {r.held.partySize} — complete within 10 minutes.
-          </p>
-          <div className="mt-4 grid grid-cols-1 gap-3 sm:grid-cols-2">
-            <input
-              placeholder="First name *"
-              value={r.reservee.firstName}
-              onChange={(e) => r.setReserveeField("firstName", e.target.value)}
-              className={input}
-            />
-            <input
-              placeholder="Last name"
-              value={r.reservee.lastName ?? ""}
-              onChange={(e) => r.setReserveeField("lastName", e.target.value)}
-              className={input}
-            />
-            <input
-              placeholder="Phone (+15551234567) *"
-              type="tel"
-              value={r.reservee.phone}
-              onChange={(e) => r.setReserveeField("phone", e.target.value)}
-              className={input}
-            />
-            <input
-              placeholder="Email"
-              type="email"
-              value={r.reservee.email ?? ""}
-              onChange={(e) => r.setReserveeField("email", e.target.value)}
-              className={input}
-            />
-          </div>
-          <button
-            type="button"
-            disabled={!r.canConfirm}
-            onClick={() => void r.confirm()}
-            className="mt-4 w-full rounded-full bg-primary py-3 text-sm font-semibold text-primary-foreground transition-opacity hover:opacity-90 disabled:opacity-50"
-          >
-            {r.loading ? "Reserving…" : "Complete reservation"}
-          </button>
-        </div>
-      )}
-    </div>
-  );
-}

package/skills/wix-headless-fast/references/restaurants/app/hooks/restaurants/useMenus.ts

@@ -1,34 +0,0 @@
-// React binding of the menu store (wix/restaurants/menu-store.ts) — menu browsing and switching
-// live there, framework-free; this hook subscribes to one instance per mounted surface. SSR-friendly:
-// pass server-fetched menus as `initialMenus` (Astro frontmatter) and no client fetch happens; a SPA
-// passes nothing. Astro islands and React SPAs use this; a static page, Vue, or Svelte uses the store.
-import { useEffect, useRef, useSyncExternalStore } from "react";
-import { createMenuStore, type MenuStore } from "../../wix/restaurants/menu-store";
-import type { MenuData } from "../../wix/restaurants/types";
-
-export interface UseMenusOptions {
-  initialMenus?: MenuData[];
-}
-
-export interface UseMenus {
-  /** null while the first load is in flight — render skeletons, not an empty state. */
-  menus: MenuData[] | null;
-  /** Defaults to the first menu once loaded. */
-  activeMenuId: string | null;
-  setActiveMenuId: (id: string) => void;
-  /** The menu to render (its sections/items are display-ordered). */
-  activeMenu: MenuData | null;
-  error: string | null;
-}
-
-export function useMenus({ initialMenus }: UseMenusOptions = {}): UseMenus {
-  const ref = useRef<MenuStore | null>(null);
-  if (!ref.current) ref.current = createMenuStore({ initialMenus });
-  const store = ref.current;
-  useEffect(() => {
-    store.start();
-    return () => store.stop();
-  }, [store]);
-  const state = useSyncExternalStore(store.subscribe, store.getState, store.getState);
-  return { ...state, setActiveMenuId: store.setActiveMenuId };
-}

package/skills/wix-headless-fast/references/restaurants/app/hooks/restaurants/useOrderCart.ts

@@ -1,43 +0,0 @@
-// React binding for the order-cart store. Works in any React root — Astro islands (several
-// on one page share the same store) and SPAs alike.
-import { useSyncExternalStore } from "react";
-import {
-  addOrderLine,
-  getOrderCartState,
-  goToOrderCheckout,
-  refreshOrderCart,
-  removeLineFromOrder,
-  setOrderCartOpen,
-  subscribeOrderCart,
-  updateOrderLineQuantity,
-  type OrderCartState,
-} from "../../wix/restaurants/order-store";
-
-const SERVER_STATE = getOrderCartState();
-
-export interface UseOrderCart extends OrderCartState {
-  itemCount: number;
-  /** menuId/sectionId come from the render context (the fetchMenus tree) — pass both. */
-  addToOrder: (itemId: string, context: { menuId: string; sectionId: string }, quantity?: number) => Promise<void>;
-  updateQuantity: (lineItemId: string, quantity: number) => Promise<void>;
-  removeLine: (lineItemId: string) => Promise<void>;
-  checkout: () => Promise<void>;
-  openCart: () => void;
-  closeCart: () => void;
-  refresh: () => Promise<void>;
-}
-
-export function useOrderCart(): UseOrderCart {
-  const state = useSyncExternalStore(subscribeOrderCart, getOrderCartState, () => SERVER_STATE);
-  return {
-    ...state,
-    itemCount: state.cart?.itemCount ?? 0,
-    addToOrder: addOrderLine,
-    updateQuantity: updateOrderLineQuantity,
-    removeLine: removeLineFromOrder,
-    checkout: goToOrderCheckout,
-    openCart: () => setOrderCartOpen(true),
-    closeCart: () => setOrderCartOpen(false),
-    refresh: refreshOrderCart,
-  };
-}

package/skills/wix-headless-fast/references/restaurants/app/hooks/restaurants/useReservation.ts

@@ -1,34 +0,0 @@
-// React binding of the reservation store (wix/restaurants/reservation-store.ts) — the whole
-// table-reservation state machine lives there, framework-free: location, date + party size,
-// AVAILABLE slots, the 10-minute hold, the details form, and confirm. All correctness (AVAILABLE-only
-// slots, hold → reserve with the revision, firstName + E.164 phone, RESERVED vs REQUESTED) lives in
-// the data layer; you own how it looks. Client-only: availability is timezone-specific, so render
-// the surface with client:only="react" in Astro.
-import { useEffect, useRef, useSyncExternalStore } from "react";
-import { createReservationStore, type ReservationState, type ReservationStore } from "../../wix/restaurants/reservation-store";
-
-export type UseReservation = ReservationState &
-  Pick<ReservationStore, "setLocationId" | "setDate" | "setTime" | "setPartySize" | "findSlots" | "holdSlot" | "setReserveeField" | "confirm" | "reset">;
-
-export function useReservation(): UseReservation {
-  const ref = useRef<ReservationStore | null>(null);
-  if (!ref.current) ref.current = createReservationStore();
-  const store = ref.current;
-  useEffect(() => {
-    store.start();
-    return () => store.stop();
-  }, [store]);
-  const state = useSyncExternalStore(store.subscribe, store.getState, store.getState);
-  return {
-    ...state,
-    setLocationId: store.setLocationId,
-    setDate: store.setDate,
-    setTime: store.setTime,
-    setPartySize: store.setPartySize,
-    findSlots: store.findSlots,
-    holdSlot: store.holdSlot,
-    setReserveeField: store.setReserveeField,
-    confirm: store.confirm,
-    reset: store.reset,
-  };
-}

package/skills/wix-headless-fast/references/restaurants/app/wix/restaurants/menu-core.ts

@@ -1,155 +0,0 @@
-// Menu rules and DTO mapping — transport-agnostic, imported by BOTH transports: ./menu.ts (the
-// SDK, managed Astro and React) and the REST twin in references/restaurants/rest/menu.ts (fetch,
-// a static site or a port to another language). The hierarchy is Menu → Sections → Items wired by
-// ID ARRAYS: display structure and order live in menu.sectionIds / section.itemIds, never in a
-// list response's order — the tree is stitched here in id-array order and dangling ids dropped.
-// A raw entity carries `_id` (SDK) or `id` (REST); every mapper accepts both. Imports are
-// type-only so a strip to JS emits no imports.
-import type {
-  MenuData,
-  MenuItem,
-  MenuItemLabel,
-  MenuItemVariant,
-  MenuModifier,
-  MenuModifierGroup,
-  MenuSection,
-} from "./types";
-
-/** A raw Menus V1 entity as either transport returns it. */
-export type Raw = Record<string, any>;
-/** Media value + size → https URL. Injected: the SDK transport scales through @wix/sdk, REST through the URL form. */
-export type ImgSrc = (value: any, width: number, height: number) => string;
-
-export const rawId = (raw: Raw | undefined | null): string => raw?._id ?? raw?.id ?? "";
-
-/** Index raw entities by id (either spelling). */
-export const byId = (arr: Raw[]): Map<string, Raw> => new Map(arr.map((e) => [rawId(e), e]));
-
-const unique = (ids: string[]): string[] => [...new Set(ids.filter(Boolean))];
-
-// Menu prices are decimal strings in the site currency with NO symbol; the response may carry a
-// platform-formatted twin (formattedPrice) — prefer it, never invent a symbol.
-export function displayPrice(priceInfo: Raw | undefined): string | null {
-  if (!priceInfo) return null;
-  return priceInfo.formattedPrice ?? priceInfo.price ?? null;
-}
-
-/** The variant ids the items reference — the second read's `variantIds`. */
-export function collectVariantIds(items: Raw[]): string[] {
-  return unique(items.flatMap((i) => ((i.priceVariants?.variants ?? []) as Raw[]).map((v) => v.variantId)));
-}
-
-/** The modifier-group ids the items reference — the second read's `modifierGroupIds`. */
-export function collectGroupIds(items: Raw[]): string[] {
-  return unique(items.flatMap((i) => ((i.modifierGroups ?? []) as Raw[]).map(rawId)));
-}
-
-/** The modifier ids the groups reference — the third read's `modifierIds`. */
-export function collectModifierIds(groups: Raw[]): string[] {
-  return unique(groups.flatMap((g) => ((g.modifiers ?? []) as Raw[]).map(rawId)));
-}
-
-/** Whether any item carries a label — the labels list is read only then. */
-export function anyLabels(items: Raw[]): boolean {
-  return items.some((i) => ((i.labels ?? []) as Raw[]).length > 0);
-}
-
-export interface MenuLookups {
-  variantById: Map<string, Raw>;
-  groupById: Map<string, Raw>;
-  modifierById: Map<string, Raw>;
-  labelById: Map<string, Raw>;
-}
-
-export function toItem(raw: Raw, lookups: MenuLookups, imgSrc: ImgSrc): MenuItem {
-  const variants: MenuItemVariant[] = ((raw.priceVariants?.variants ?? []) as Raw[])
-    .map((v): MenuItemVariant => ({
-      variantId: v.variantId ?? "",
-      name: lookups.variantById.get(v.variantId)?.name ?? "",
-      price: displayPrice(v.priceInfo) ?? v.price ?? "",
-    }))
-    .filter((v) => v.variantId);
-  const modifierGroups: MenuModifierGroup[] = ((raw.modifierGroups ?? []) as Raw[])
-    .map((ref) => lookups.groupById.get(rawId(ref)))
-    .filter((g): g is Raw => !!g)
-    .map((g): MenuModifierGroup => ({
-      id: rawId(g),
-      name: g.name ?? "",
-      required: g.rule?.required === true,
-      minSelections: g.rule?.minSelections ?? 0,
-      maxSelections: g.rule?.maxSelections ?? null,
-      modifiers: ((g.modifiers ?? []) as Raw[]).map((m): MenuModifier => ({
-        id: rawId(m),
-        name: lookups.modifierById.get(rawId(m))?.name ?? "",
-        preSelected: m.preSelected === true,
-        additionalCharge: m.additionalChargeInfo?.additionalCharge ?? "0",
-        inStock: lookups.modifierById.get(rawId(m))?.inStock !== false,
-      })),
-    }));
-  const labels: MenuItemLabel[] = ((raw.labels ?? []) as Raw[])
-    .map((ref) => lookups.labelById.get(rawId(ref)))
-    .filter((l): l is Raw => !!l)
-    .map((l): MenuItemLabel => ({ id: rawId(l), name: l.name ?? "", iconUrl: imgSrc(l.icon, 48, 48) }));
-  const price = displayPrice(raw.priceInfo);
-  return {
-    id: rawId(raw),
-    name: raw.name ?? "",
-    description: raw.description ?? "",
-    price,
-    marketPrice: price === null && variants.length === 0,
-    variants,
-    imageUrl: imgSrc(raw.image, 800, 800),
-    labels,
-    modifierGroups,
-    inStock: raw.orderSettings?.inStock !== false,
-    featured: raw.featured === true,
-  };
-}
-
-export function toSection(raw: Raw, itemById: Map<string, MenuItem>, imgSrc: ImgSrc): MenuSection {
-  return {
-    id: rawId(raw),
-    name: raw.name ?? "",
-    description: raw.description ?? "",
-    imageUrl: imgSrc(raw.image, 800, 800),
-    items: ((raw.itemIds ?? []) as string[]).map((iid) => itemById.get(iid)).filter((i): i is MenuItem => !!i),
-  };
-}
-
-export function toMenu(raw: Raw, sectionById: Map<string, Raw>, itemById: Map<string, MenuItem>, imgSrc: ImgSrc): MenuData {
-  return {
-    id: rawId(raw),
-    name: raw.name ?? "",
-    description: raw.description ?? "",
-    slug: raw.urlQueryParam ?? "",
-    sections: ((raw.sectionIds ?? []) as string[])
-      .map((sid) => sectionById.get(sid))
-      .filter((s): s is Raw => !!s)
-      .map((s) => toSection(s, itemById, imgSrc)),
-  };
-}
-
-/** The seven list responses' entity arrays, as either transport returns them. */
-export interface MenuTreeParts {
-  menus: Raw[];
-  sections: Raw[];
-  items: Raw[];
-  variants: Raw[];
-  groups: Raw[];
-  modifiers: Raw[];
-  labels: Raw[];
-}
-
-/** The display-ordered tree: visible menus → their sections → their items, each item enriched. [] when no menus. */
-export function assembleMenus(parts: MenuTreeParts, imgSrc: ImgSrc): MenuData[] {
-  if (!parts.menus.length) return [];
-  const lookups: MenuLookups = {
-    variantById: byId(parts.variants),
-    groupById: byId(parts.groups),
-    modifierById: byId(parts.modifiers),
-    labelById: byId(parts.labels),
-  };
-  const sectionById = byId(parts.sections);
-  const itemById = new Map<string, MenuItem>(parts.items.map((i) => [rawId(i), toItem(i, lookups, imgSrc)]));
-  return parts.menus.map((m) => toMenu(m, sectionById, itemById, imgSrc));
-}

package/skills/wix-headless-fast/references/restaurants/app/wix/restaurants/menu-store.ts

@@ -1,89 +0,0 @@
-// Menu browsing as a framework-free store — the logic behind useMenus, usable from React (useMenus
-// wraps it with useSyncExternalStore), from a static page or Vue/Svelte (subscribe and render), or
-// as the specification for a port. Same shape as order-store.ts: state, actions, subscribe/getState,
-// emit after every change. The whole tree is fetched once; menu switching is local.
-//
-// SSR-friendly: seed with `initialMenus` (Astro frontmatter) and no fetch happens; a SPA passes
-// nothing and `start()` fetches. One store per mounted menu surface: createMenuStore(), not a
-// singleton (the order cart is the singleton — one per visitor).
-import { fetchMenus } from "./menu";
-import type { MenuData } from "./types";
-
-export interface MenuStoreOptions {
-  initialMenus?: MenuData[];
-}
-
-/** Everything a menu surface renders from. Read it with getState() or through a subscription. */
-export interface MenuState {
-  /** null while the first load is in flight — render skeletons, not an empty state. */
-  menus: MenuData[] | null;
-  /** Defaults to the first menu once loaded. */
-  activeMenuId: string | null;
-  /** The menu to render (its sections/items are display-ordered). */
-  activeMenu: MenuData | null;
-  error: string | null;
-}
-
-export interface MenuStore {
-  getState(): MenuState;
-  subscribe(listener: () => void): () => void;
-  /** Fetch the tree when no `initialMenus` were given. Call once when mounted. */
-  start(): void;
-  /** Stop reacting; drop a late response. */
-  stop(): void;
-  setActiveMenuId(id: string): void;
-}
-
-export function createMenuStore({ initialMenus }: MenuStoreOptions = {}): MenuStore {
-  let menus: MenuData[] | null = initialMenus ?? null;
-  let selectedId: string | null = initialMenus?.[0]?.id ?? null;
-  let error: string | null = null;
-  let started = false;
-  const listeners = new Set<() => void>();
-  let snapshot: MenuState | null = null;
-  const emit = () => {
-    snapshot = null;
-    for (const fn of listeners) fn();
-  };
-
-  function getState(): MenuState {
-    if (snapshot) return snapshot;
-    const activeMenu = menus ? (menus.find((m) => m.id === selectedId) ?? menus[0] ?? null) : null;
-    snapshot = { menus, activeMenuId: activeMenu?.id ?? null, activeMenu, error };
-    return snapshot;
-  }
-
-  return {
-    getState,
-    subscribe(fn) {
-      listeners.add(fn);
-      return () => listeners.delete(fn);
-    },
-    start() {
-      if (started) return;
-      started = true;
-      if (initialMenus) return;
-      fetchMenus()
-        .then((m) => {
-          if (!started) return;
-          menus = m;
-          selectedId ??= m[0]?.id ?? null;
-          emit();
-        })
-        .catch((e) => {
-          if (!started) return;
-          menus = [];
-          error = e instanceof Error ? e.message : String(e);
-          emit();
-        });
-    },
-    stop() {
-      started = false;
-    },
-    setActiveMenuId(id) {
-      if (id === selectedId) return;
-      selectedId = id;
-      emit();
-    },
-  };
-}

package/skills/wix-headless-fast/references/restaurants/app/wix/restaurants/menu.ts

@@ -1,71 +0,0 @@
-// Menu reads (Wix Restaurants Menus V1) over the SDK — the only file that touches raw menu
-// entities on this transport. Everything it returns is a plain DTO from ./types. The rules and
-// the tree assembly live in ./menu-core (shared with the REST twin in references/restaurants/rest/);
-// this file is the transport only. Copy as-is; extend by adding functions, not by editing these.
-// docs: https://dev.wix.com/docs/api-reference/business-solutions/restaurants/menus/menus/list-menus.md
-// docs: https://dev.wix.com/docs/api-reference/business-solutions/restaurants/menus/sections/list-sections.md
-// docs: https://dev.wix.com/docs/api-reference/business-solutions/restaurants/menus/items/items/list-items.md
-// docs: https://dev.wix.com/docs/api-reference/business-solutions/restaurants/menus/items/item-variants/list-variants.md
-// docs: https://dev.wix.com/docs/api-reference/business-solutions/restaurants/menus/items/item-modifier-groups/list-modifier-groups.md
-// docs: https://dev.wix.com/docs/api-reference/business-solutions/restaurants/menus/items/item-modifiers/list-modifiers.md
-// docs: https://dev.wix.com/docs/api-reference/business-solutions/restaurants/menus/items/item-labels/list-labels.md
-import {
-  menus as menusModule,
-  sections as sectionsModule,
-  items as itemsModule,
-  itemVariants,
-  itemModifierGroups,
-  itemModifiers,
-  itemLabels,
-} from "@wix/restaurants";
-import { wixModule } from "../sdk";
-import { imgSrc } from "../media";
-import { anyLabels, assembleMenus, collectGroupIds, collectModifierIds, collectVariantIds, type Raw } from "./menu-core";
-import type { MenuData } from "./types";
-
-const menusApi = wixModule(menusModule);
-const sectionsApi = wixModule(sectionsModule);
-const itemsApi = wixModule(itemsModule);
-const variantsApi = wixModule(itemVariants);
-const groupsApi = wixModule(itemModifierGroups);
-const modifiersApi = wixModule(itemModifiers);
-const labelsApi = wixModule(itemLabels);
-
-/**
- * The site's full menu tree, assembled and display-ordered: visible menus → their sections →
- * their items, each item enriched with resolved price variants, modifier groups, and labels.
- * The one entry point for every menu surface. [] when no menus exist (honest empty state).
- * Caps at the APIs' 500-per-list limit — plenty for a restaurant.
- */
-export async function fetchMenus(): Promise<MenuData[]> {
-  const [menusRes, sectionsRes, itemsRes]: Raw[] = await Promise.all([
-    menusApi.listMenus({ onlyVisible: true }),
-    sectionsApi.listSections({ onlyVisible: true }),
-    itemsApi.listItems({ onlyVisible: true }),
-  ]);
-  const menus: Raw[] = menusRes.menus ?? [];
-  if (!menus.length) return [];
-  const items: Raw[] = itemsRes.items ?? [];
-  const variantIds = collectVariantIds(items);
-  const groupIds = collectGroupIds(items);
-  const [variantsRes, groupsRes, labelsRes]: Raw[] = await Promise.all([
-    variantIds.length ? variantsApi.listVariants({ variantIds }) : Promise.resolve({ variants: [] }),
-    groupIds.length ? groupsApi.listModifierGroups({ modifierGroupIds: groupIds }) : Promise.resolve({ modifierGroups: [] }),
-    anyLabels(items) ? labelsApi.listLabels() : Promise.resolve({ labels: [] }),
-  ]);
-  const groups: Raw[] = groupsRes.modifierGroups ?? [];
-  const modifierIds = collectModifierIds(groups);
-  const modifiersRes: Raw = modifierIds.length ? await modifiersApi.listModifiers({ modifierIds }) : { modifiers: [] };
-  return assembleMenus(
-    {
-      menus,
-      sections: sectionsRes.sections ?? [],
-      items,
-      variants: variantsRes.variants ?? [],
-      groups,
-      modifiers: modifiersRes.modifiers ?? [],
-      labels: labelsRes.labels ?? [],
-    },
-    imgSrc,
-  );
-}