@nex125/seatmap-viewer 0.1.0 → 0.1.1

package/dist/index.cjs

@@ -1,26 +1,554 @@
 'use strict';
 
+var react = require('react');
+var seatmapCore = require('@nex125/seatmap-core');
 var seatmapReact = require('@nex125/seatmap-react');
 var jsxRuntime = require('react/jsx-runtime');
 
 // src/SeatmapViewer.tsx
-function SeatmapViewer({
+var legendContainerStyle = {
+  position: "absolute",
+  top: 12,
+  left: 12,
+  zIndex: 10,
+  pointerEvents: "none",
+  background: "rgba(18, 18, 34, 0.88)",
+  border: "1px solid rgba(110, 110, 150, 0.45)",
+  borderRadius: 8,
+  padding: "10px 12px",
+  minWidth: 150,
+  color: "#e0e0e0",
+  fontFamily: "system-ui",
+  fontSize: 12,
+  backdropFilter: "blur(2px)"
+};
+var legendHeadingStyle = {
+  margin: 0,
+  fontSize: 11,
+  fontWeight: 600,
+  letterSpacing: 0.2,
+  color: "#b9b9d6"
+};
+var legendListStyle = {
+  listStyle: "none",
+  margin: "6px 0 0",
+  padding: 0,
+  display: "flex",
+  flexDirection: "column",
+  gap: 4
+};
+var legendItemStyle = {
+  display: "flex",
+  alignItems: "center",
+  gap: 6,
+  minWidth: 0
+};
+var legendSwatchStyle = {
+  width: 10,
+  height: 10,
+  borderRadius: 2,
+  flexShrink: 0,
+  border: "1px solid rgba(255, 255, 255, 0.25)"
+};
+var cartChipStyle = {
+  position: "absolute",
+  right: 12,
+  bottom: 12,
+  zIndex: 20,
+  border: "1px solid rgba(110, 110, 150, 0.65)",
+  background: "rgba(24, 24, 42, 0.95)",
+  color: "#ececff",
+  borderRadius: 999,
+  padding: "8px 14px",
+  fontSize: 12,
+  fontWeight: 600,
+  fontFamily: "system-ui",
+  cursor: "pointer",
+  boxShadow: "0 8px 18px rgba(0, 0, 0, 0.35)"
+};
+var cartPopupStyle = {
+  position: "absolute",
+  right: 0,
+  bottom: 0,
+  zIndex: 30,
+  maxHeight: "72vh",
+  display: "flex",
+  flexDirection: "column",
+  background: "rgba(17, 17, 34, 0.98)",
+  borderTop: "1px solid rgba(110, 110, 150, 0.65)",
+  borderLeft: "1px solid rgba(110, 110, 150, 0.65)",
+  borderTopLeftRadius: 12,
+  overflow: "hidden",
+  boxShadow: "-8px -8px 20px rgba(0, 0, 0, 0.35)"
+};
+var cartIconButtonStyle = {
+  width: 24,
+  height: 24,
+  display: "inline-flex",
+  alignItems: "center",
+  justifyContent: "center",
+  borderRadius: 5,
+  border: "1px solid #4a4a6a",
+  background: "#262648",
+  color: "#ececff",
+  fontSize: 14,
+  cursor: "pointer"
+};
+function getEffectiveCategoryPrice(category) {
+  if (!category) return 0;
+  if (category.isPriceOverridden && Number.isFinite(category.overriddenPrice)) {
+    return category.overriddenPrice ?? 0;
+  }
+  return Number.isFinite(category.backendPrice) ? category.backendPrice : 0;
+}
+function formatMoney(value) {
+  return `$${value.toFixed(2)}`;
+}
+function TrashIcon() {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M9 3h6l1 2h4v2H4V5h4l1-2Zm1 7h2v8h-2v-8Zm4 0h2v8h-2v-8ZM7 10h2v8H7v-8Zm-1 12h12a2 2 0 0 0 2-2V8H4v12a2 2 0 0 0 2 2Z",
+      fill: "currentColor"
+    }
+  ) });
+}
+function ViewerContent({
   venue,
   onSeatClick,
   onSeatHover,
+  onSelectionChange,
   renderTooltip,
-  className
+  showLabels,
+  onCartEvent
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(seatmapReact.SeatmapProvider, { venue, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className, style: { width: "100%", height: "100%", position: "relative" }, children: [
+  const { selectedSeatIds, setSelection } = seatmapReact.useSelection();
+  const [isCartOpen, setIsCartOpen] = react.useState(false);
+  const [lastUserAnchorByCategory, setLastUserAnchorByCategory] = react.useState({});
+  const [viewportWidth, setViewportWidth] = react.useState(
+    () => typeof window === "undefined" ? 1280 : window.innerWidth
+  );
+  const previousSelectedRef = react.useRef([]);
+  const pendingSeatClickRef = react.useRef(null);
+  const showStatuses = venue.seatStatuses.length > 0;
+  const showCategories = venue.categories.length > 0;
+  const selectedSeatIdArray = react.useMemo(() => Array.from(selectedSeatIds), [selectedSeatIds]);
+  const seatDetailsById = react.useMemo(() => {
+    const categoryMap = new Map(venue.categories.map((category) => [category.id, category]));
+    const next = /* @__PURE__ */ new Map();
+    for (const section of venue.sections) {
+      const cos = Math.cos(section.rotation);
+      const sin = Math.sin(section.rotation);
+      for (const row of section.rows) {
+        for (const seat of row.seats) {
+          const category = categoryMap.get(seat.categoryId);
+          next.set(seat.id, {
+            seatId: seat.id,
+            seatLabel: seat.label,
+            rowLabel: row.label,
+            sectionId: section.id,
+            sectionLabel: section.label,
+            categoryId: seat.categoryId,
+            categoryName: category?.name ?? "Unknown",
+            unitPrice: getEffectiveCategoryPrice(category),
+            status: seat.status,
+            x: section.position.x + seat.position.x * cos - seat.position.y * sin,
+            y: section.position.y + seat.position.x * sin + seat.position.y * cos
+          });
+        }
+      }
+    }
+    for (const table of venue.tables) {
+      for (const seat of table.seats) {
+        const category = categoryMap.get(seat.categoryId);
+        next.set(seat.id, {
+          seatId: seat.id,
+          seatLabel: seat.label,
+          rowLabel: null,
+          sectionId: table.id,
+          sectionLabel: `Table ${table.label}`,
+          categoryId: seat.categoryId,
+          categoryName: category?.name ?? "Unknown",
+          unitPrice: getEffectiveCategoryPrice(category),
+          status: seat.status,
+          x: table.position.x + seat.position.x,
+          y: table.position.y + seat.position.y
+        });
+      }
+    }
+    return next;
+  }, [venue]);
+  const selectedSeats = react.useMemo(() => {
+    const ordered = [];
+    for (const selectedSeatId of selectedSeatIdArray) {
+      const seat = seatDetailsById.get(selectedSeatId);
+      if (seat) ordered.push(seat);
+    }
+    return ordered;
+  }, [seatDetailsById, selectedSeatIdArray]);
+  react.useEffect(() => {
+    onSelectionChange?.(selectedSeatIdArray);
+  }, [onSelectionChange, selectedSeatIdArray]);
+  react.useEffect(() => {
+    const previous = new Set(previousSelectedRef.current);
+    const added = selectedSeatIdArray.filter((seatId) => !previous.has(seatId));
+    const clickedSeatId = pendingSeatClickRef.current;
+    if (clickedSeatId && added.includes(clickedSeatId)) {
+      const clickedSeat = seatDetailsById.get(clickedSeatId);
+      if (clickedSeat) {
+        setLastUserAnchorByCategory((current) => ({
+          ...current,
+          [clickedSeat.categoryId]: clickedSeatId
+        }));
+      }
+    }
+    previousSelectedRef.current = selectedSeatIdArray;
+    pendingSeatClickRef.current = null;
+  }, [seatDetailsById, selectedSeatIdArray]);
+  react.useEffect(() => {
+    if (typeof window === "undefined") return;
+    const onResize = () => setViewportWidth(window.innerWidth);
+    window.addEventListener("resize", onResize);
+    return () => window.removeEventListener("resize", onResize);
+  }, []);
+  const cartSeats = react.useMemo(
+    () => selectedSeats.map((seat) => ({
+      seatId: seat.seatId,
+      seatLabel: seat.seatLabel,
+      rowLabel: seat.rowLabel,
+      sectionId: seat.sectionId,
+      sectionLabel: seat.sectionLabel,
+      categoryId: seat.categoryId,
+      categoryName: seat.categoryName,
+      unitPrice: seat.unitPrice
+    })),
+    [selectedSeats]
+  );
+  const totalSelectedSeats = react.useMemo(() => cartSeats.length, [cartSeats]);
+  const totalCost = react.useMemo(() => cartSeats.reduce((sum, seat) => sum + seat.unitPrice, 0), [cartSeats]);
+  const groupedSeatsList = react.useMemo(() => {
+    const grouped = /* @__PURE__ */ new Map();
+    for (const seat of cartSeats) {
+      const existing = grouped.get(seat.categoryId);
+      if (existing) {
+        existing.seats.push(seat);
+      } else {
+        grouped.set(seat.categoryId, {
+          categoryName: seat.categoryName,
+          unitPrice: seat.unitPrice,
+          seats: [seat]
+        });
+      }
+    }
+    const ordered = [];
+    const selectedSet = new Set(selectedSeatIdArray);
+    const availableToAddByCategory = /* @__PURE__ */ new Map();
+    for (const seat of seatDetailsById.values()) {
+      if (seat.status !== seatmapCore.AVAILABLE_STATUS_ID || selectedSet.has(seat.seatId)) continue;
+      availableToAddByCategory.set(
+        seat.categoryId,
+        (availableToAddByCategory.get(seat.categoryId) ?? 0) + 1
+      );
+    }
+    for (const category of venue.categories) {
+      const group = grouped.get(category.id);
+      if (!group) continue;
+      ordered.push({
+        categoryId: category.id,
+        categoryName: group.categoryName,
+        unitPrice: group.unitPrice,
+        seats: group.seats,
+        availableToAdd: availableToAddByCategory.get(category.id) ?? 0
+      });
+    }
+    for (const [categoryId, group] of grouped.entries()) {
+      if (venue.categories.some((category) => category.id === categoryId)) continue;
+      ordered.push({
+        categoryId,
+        categoryName: group.categoryName,
+        unitPrice: group.unitPrice,
+        seats: group.seats,
+        availableToAdd: availableToAddByCategory.get(categoryId) ?? 0
+      });
+    }
+    return ordered;
+  }, [cartSeats, seatDetailsById, selectedSeatIdArray, venue.categories]);
+  const cartPayload = react.useMemo(
+    () => ({
+      venueId: venue.id,
+      venueName: venue.name,
+      seats: cartSeats,
+      totalSelectedSeats,
+      totalCost
+    }),
+    [venue.id, venue.name, cartSeats, totalSelectedSeats, totalCost]
+  );
+  const emitCartEvent = react.useCallback(
+    (event) => {
+      onCartEvent?.(event);
+    },
+    [onCartEvent]
+  );
+  const removeSeatFromSelection = react.useCallback(
+    (seatId) => {
+      const next = selectedSeatIdArray.filter((id) => id !== seatId);
+      setSelection(next);
+    },
+    [selectedSeatIdArray, setSelection]
+  );
+  const handleSeatCanvasClick = react.useCallback(
+    (seatId, sectionId) => {
+      pendingSeatClickRef.current = seatId;
+      onSeatClick?.(seatId, sectionId);
+    },
+    [onSeatClick]
+  );
+  const handleAddSeatInCategory = react.useCallback(
+    (categoryId) => {
+      const selectedSet = new Set(selectedSeatIdArray);
+      const selectedInCategory = selectedSeatIdArray.filter(
+        (selectedSeatId) => seatDetailsById.get(selectedSeatId)?.categoryId === categoryId
+      );
+      const anchorSeatId = (lastUserAnchorByCategory[categoryId] && seatDetailsById.has(lastUserAnchorByCategory[categoryId]) ? lastUserAnchorByCategory[categoryId] : null) ?? selectedInCategory[selectedInCategory.length - 1] ?? null;
+      const anchorSeat = anchorSeatId ? seatDetailsById.get(anchorSeatId) : null;
+      const candidates = Array.from(seatDetailsById.values()).filter(
+        (seat) => seat.categoryId === categoryId && seat.status === seatmapCore.AVAILABLE_STATUS_ID && !selectedSet.has(seat.seatId)
+      );
+      if (candidates.length === 0) return;
+      let nextSeat = candidates[0];
+      if (anchorSeat) {
+        nextSeat = candidates.reduce((best, candidate) => {
+          const bestDistance = (best.x - anchorSeat.x) ** 2 + (best.y - anchorSeat.y) ** 2;
+          const candidateDistance = (candidate.x - anchorSeat.x) ** 2 + (candidate.y - anchorSeat.y) ** 2;
+          return candidateDistance < bestDistance ? candidate : best;
+        }, candidates[0]);
+      }
+      setSelection([...selectedSeatIdArray, nextSeat.seatId]);
+    },
+    [lastUserAnchorByCategory, seatDetailsById, selectedSeatIdArray, setSelection]
+  );
+  const handleRemoveLastInCategory = react.useCallback(
+    (categoryId) => {
+      const selectedInCategory = selectedSeatIdArray.filter(
+        (selectedSeatId) => seatDetailsById.get(selectedSeatId)?.categoryId === categoryId
+      );
+      const seatIdToRemove = selectedInCategory[selectedInCategory.length - 1];
+      if (!seatIdToRemove) return;
+      setSelection(selectedSeatIdArray.filter((selectedSeatId) => selectedSeatId !== seatIdToRemove));
+    },
+    [seatDetailsById, selectedSeatIdArray, setSelection]
+  );
+  const handleProceed = react.useCallback(() => {
+    if (cartPayload.seats.length === 0) return;
+    emitCartEvent({ type: "cart-proceed-clicked", payload: cartPayload });
+  }, [cartPayload, emitCartEvent]);
+  const cartWidth = viewportWidth > 1200 ? Math.floor(viewportWidth / 5) : viewportWidth;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { width: "100%", height: "100%", position: "relative" }, children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       seatmapReact.SeatmapCanvas,
       {
-        onSeatClick,
-        onSeatHover
+        onSeatClick: handleSeatCanvasClick,
+        onSeatHover,
+        showSectionLabels: showLabels,
+        enableSeatHover: showLabels
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx(seatmapReact.TooltipOverlay, { renderTooltip })
-  ] }) });
+    (showStatuses || showCategories) && /* @__PURE__ */ jsxRuntime.jsxs("aside", { "aria-label": "Seatmap legend", style: legendContainerStyle, children: [
+      showStatuses && /* @__PURE__ */ jsxRuntime.jsxs("section", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { style: legendHeadingStyle, children: "Seat Status" }),
+        /* @__PURE__ */ jsxRuntime.jsx("ul", { style: legendListStyle, children: venue.seatStatuses.map((status) => /* @__PURE__ */ jsxRuntime.jsxs("li", { style: legendItemStyle, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { style: { ...legendSwatchStyle, background: status.color } }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: status.name })
+        ] }, status.id)) })
+      ] }),
+      showStatuses && showCategories && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { height: 1, background: "rgba(123, 123, 165, 0.45)", margin: "8px 0" } }),
+      showCategories && /* @__PURE__ */ jsxRuntime.jsxs("section", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { style: legendHeadingStyle, children: "Pricing" }),
+        /* @__PURE__ */ jsxRuntime.jsx("ul", { style: legendListStyle, children: venue.categories.map((category) => /* @__PURE__ */ jsxRuntime.jsxs("li", { style: legendItemStyle, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { style: { ...legendSwatchStyle, background: category.color } }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: category.name })
+        ] }, category.id)) })
+      ] })
+    ] }),
+    !isCartOpen && /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", onClick: () => setIsCartOpen(true), style: cartChipStyle, children: [
+      "Cart (",
+      totalSelectedSeats,
+      ")"
+    ] }),
+    isCartOpen && /* @__PURE__ */ jsxRuntime.jsxs("aside", { "aria-label": "Selected seats cart", style: { ...cartPopupStyle, width: cartWidth, maxWidth: "100%" }, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          style: {
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "space-between",
+            gap: 8,
+            padding: "10px 12px",
+            borderBottom: "1px solid rgba(110, 110, 150, 0.35)"
+          },
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("strong", { style: { color: "#ececff", fontSize: 13, fontFamily: "system-ui" }, children: "Selected Seats Cart" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => setIsCartOpen(false),
+                style: { ...cartIconButtonStyle, width: 22, height: 22 },
+                title: "Close cart",
+                "aria-label": "Close cart",
+                children: "x"
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", flexDirection: "column", gap: 8, overflow: "auto", padding: 12, flex: 1 }, children: groupedSeatsList.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { style: { color: "#9e9eb8", fontSize: 12, fontFamily: "system-ui" }, children: "No seats selected yet." }) : groupedSeatsList.map((group) => /* @__PURE__ */ jsxRuntime.jsxs(
+        "article",
+        {
+          style: {
+            background: "#242447",
+            border: "1px solid #3b3b61",
+            borderRadius: 8,
+            padding: 8,
+            display: "flex",
+            flexDirection: "column",
+            gap: 6
+          },
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { style: { color: "#ececff", fontSize: 12, fontFamily: "system-ui", fontWeight: 600 }, children: group.categoryName }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { color: "#adb0d2", fontSize: 11, fontFamily: "system-ui" }, children: [
+              group.seats.length,
+              " ticket",
+              group.seats.length === 1 ? "" : "s",
+              " - ",
+              formatMoney(group.unitPrice),
+              " each"
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", gap: 8 }, children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "inline-flex", alignItems: "center", gap: 6 }, children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    style: cartIconButtonStyle,
+                    onClick: () => handleRemoveLastInCategory(group.categoryId),
+                    disabled: group.seats.length === 0,
+                    "aria-label": `Remove one ${group.categoryName} seat`,
+                    children: "-"
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { style: { minWidth: 20, textAlign: "center", color: "#ececff", fontSize: 12 }, children: group.seats.length }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    style: cartIconButtonStyle,
+                    onClick: () => handleAddSeatInCategory(group.categoryId),
+                    disabled: group.availableToAdd === 0,
+                    "aria-label": `Add one ${group.categoryName} seat`,
+                    children: "+"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "#ececff", fontSize: 12, fontFamily: "system-ui", fontWeight: 600 }, children: formatMoney(group.seats.reduce((sum, seat) => sum + seat.unitPrice, 0)) })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", flexDirection: "column", gap: 4 }, children: group.seats.map((seat) => /* @__PURE__ */ jsxRuntime.jsxs(
+              "div",
+              {
+                style: { display: "flex", alignItems: "center", justifyContent: "space-between", gap: 8 },
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { color: "#c8c8df", fontSize: 11, fontFamily: "system-ui" }, children: [
+                    seat.sectionLabel ?? "Section",
+                    " ",
+                    seat.rowLabel ? `- ${seat.rowLabel}${seat.seatLabel}` : `- ${seat.seatLabel}`
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      style: cartIconButtonStyle,
+                      onClick: () => removeSeatFromSelection(seat.seatId),
+                      title: "Remove seat",
+                      "aria-label": `Remove seat ${seat.seatLabel}`,
+                      children: /* @__PURE__ */ jsxRuntime.jsx(TrashIcon, {})
+                    }
+                  )
+                ]
+              },
+              seat.seatId
+            )) })
+          ]
+        },
+        group.categoryId
+      )) }),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          style: {
+            borderTop: "1px solid rgba(110, 110, 150, 0.35)",
+            padding: 12,
+            display: "flex",
+            flexDirection: "column",
+            gap: 8
+          },
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { color: "#d4d4ee", fontSize: 12, fontFamily: "system-ui" }, children: [
+              totalSelectedSeats,
+              " seat",
+              totalSelectedSeats === 1 ? "" : "s",
+              " - Total ",
+              formatMoney(totalCost)
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                disabled: cartSeats.length === 0,
+                onClick: handleProceed,
+                style: {
+                  border: "1px solid #2f7b44",
+                  background: cartSeats.length === 0 ? "#30543d" : "#2f7b44",
+                  color: "#ecfff2",
+                  borderRadius: 8,
+                  padding: "8px 12px",
+                  fontSize: 13,
+                  fontWeight: 600,
+                  fontFamily: "system-ui",
+                  cursor: cartSeats.length === 0 ? "not-allowed" : "pointer"
+                },
+                children: "Proceed"
+              }
+            )
+          ]
+        }
+      )
+    ] }),
+    showLabels && /* @__PURE__ */ jsxRuntime.jsx(seatmapReact.TooltipOverlay, { renderTooltip })
+  ] });
+}
+function SeatmapViewer({
+  venue,
+  onSeatClick,
+  onSeatHover,
+  onSelectionChange,
+  renderTooltip,
+  showLabels = true,
+  className,
+  onCartEvent
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(seatmapReact.SeatmapProvider, { venue, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className, style: { width: "100%", height: "100%", position: "relative" }, children: /* @__PURE__ */ jsxRuntime.jsx(
+    ViewerContent,
+    {
+      venue,
+      onSeatClick,
+      onSeatHover,
+      onSelectionChange,
+      renderTooltip,
+      showLabels,
+      onCartEvent
+    }
+  ) }) });
 }
 
 Object.defineProperty(exports, "useSeatStatus", {

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/SeatmapViewer.tsx"],"names":["jsx","SeatmapProvider","jsxs","SeatmapCanvas","TooltipOverlay"],"mappings":";;;;;;AAkBO,SAAS,aAAA,CAAc;AAAA,EAC5B,KAAA;AAAA,EACA,WAAA;AAAA,EACA,WAAA;AAAA,EACA,aAAA;AAAA,EACA;AACF,CAAA,EAAuB;AACrB,EAAA,uBACEA,cAAA,CAACC,4BAAA,EAAA,EAAgB,KAAA,EACf,QAAA,kBAAAC,eAAA,CAAC,SAAI,SAAA,EAAsB,KAAA,EAAO,EAAE,KAAA,EAAO,MAAA,EAAQ,MAAA,EAAQ,MAAA,EAAQ,QAAA,EAAU,YAAW,EACtF,QAAA,EAAA;AAAA,oBAAAF,cAAA;AAAA,MAACG,0BAAA;AAAA,MAAA;AAAA,QACC,WAAA;AAAA,QACA;AAAA;AAAA,KACF;AAAA,oBACAH,cAAA,CAACI,+BAAe,aAAA,EAA8B;AAAA,GAAA,EAChD,CAAA,EACF,CAAA;AAEJ","file":"index.cjs","sourcesContent":["import type { Venue, SeatStatus } from \"@nex125/seatmap-core\";\nimport {\n  SeatmapProvider,\n  SeatmapCanvas,\n  TooltipOverlay,\n} from \"@nex125/seatmap-react\";\nimport type { TooltipData } from \"@nex125/seatmap-react\";\n\nexport interface SeatmapViewerProps {\n  venue: Venue;\n  onSeatClick?: (seatId: string, sectionId: string) => void;\n  onSeatHover?: (seatId: string | null, sectionId: string | null) => void;\n  onSelectionChange?: (seatIds: string[]) => void;\n  onStatusUpdate?: (seatId: string, status: SeatStatus) => void;\n  renderTooltip?: (data: TooltipData) => React.ReactNode;\n  className?: string;\n}\n\nexport function SeatmapViewer({\n  venue,\n  onSeatClick,\n  onSeatHover,\n  renderTooltip,\n  className,\n}: SeatmapViewerProps) {\n  return (\n    <SeatmapProvider venue={venue}>\n      <div className={className} style={{ width: \"100%\", height: \"100%\", position: \"relative\" }}>\n        <SeatmapCanvas\n          onSeatClick={onSeatClick}\n          onSeatHover={onSeatHover}\n        />\n        <TooltipOverlay renderTooltip={renderTooltip} />\n      </div>\n    </SeatmapProvider>\n  );\n}\n"]}
+{"version":3,"sources":["../src/SeatmapViewer.tsx"],"names":["jsx","useSelection","useState","useRef","useMemo","useEffect","AVAILABLE_STATUS_ID","useCallback","jsxs","SeatmapCanvas","TooltipOverlay","SeatmapProvider"],"mappings":"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","file":"index.cjs","sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState, type CSSProperties, type ReactNode } from \"react\";\nimport { AVAILABLE_STATUS_ID } from \"@nex125/seatmap-core\";\nimport type { PricingCategory, SeatStatus, Venue } from \"@nex125/seatmap-core\";\nimport { SeatmapCanvas, SeatmapProvider, TooltipOverlay, useSelection } from \"@nex125/seatmap-react\";\nimport type { TooltipData } from \"@nex125/seatmap-react\";\n\nexport interface SeatmapCartSeat {\n  seatId: string;\n  seatLabel: string;\n  rowLabel: string | null;\n  sectionId: string | null;\n  sectionLabel: string | null;\n  categoryId: string;\n  categoryName: string;\n  unitPrice: number;\n}\n\ninterface SeatDetails extends SeatmapCartSeat {\n  status: SeatStatus;\n  x: number;\n  y: number;\n}\n\nexport interface SeatmapCartPayload {\n  venueId: string;\n  venueName: string;\n  seats: SeatmapCartSeat[];\n  totalSelectedSeats: number;\n  totalCost: number;\n}\n\nexport interface SeatmapCartEvent {\n  type: \"cart-proceed-clicked\";\n  payload: SeatmapCartPayload;\n}\n\nexport interface SeatmapViewerProps {\n  venue: Venue;\n  onSeatClick?: (seatId: string, sectionId: string) => void;\n  onSeatHover?: (seatId: string | null, sectionId: string | null) => void;\n  onSelectionChange?: (seatIds: string[]) => void;\n  onStatusUpdate?: (seatId: string, status: SeatStatus) => void;\n  renderTooltip?: (data: TooltipData) => ReactNode;\n  showLabels?: boolean;\n  className?: string;\n  onCartEvent?: (event: SeatmapCartEvent) => void;\n}\n\nconst legendContainerStyle: CSSProperties = {\n  position: \"absolute\",\n  top: 12,\n  left: 12,\n  zIndex: 10,\n  pointerEvents: \"none\",\n  background: \"rgba(18, 18, 34, 0.88)\",\n  border: \"1px solid rgba(110, 110, 150, 0.45)\",\n  borderRadius: 8,\n  padding: \"10px 12px\",\n  minWidth: 150,\n  color: \"#e0e0e0\",\n  fontFamily: \"system-ui\",\n  fontSize: 12,\n  backdropFilter: \"blur(2px)\",\n};\n\nconst legendHeadingStyle: CSSProperties = {\n  margin: 0,\n  fontSize: 11,\n  fontWeight: 600,\n  letterSpacing: 0.2,\n  color: \"#b9b9d6\",\n};\n\nconst legendListStyle: CSSProperties = {\n  listStyle: \"none\",\n  margin: \"6px 0 0\",\n  padding: 0,\n  display: \"flex\",\n  flexDirection: \"column\",\n  gap: 4,\n};\n\nconst legendItemStyle: CSSProperties = {\n  display: \"flex\",\n  alignItems: \"center\",\n  gap: 6,\n  minWidth: 0,\n};\n\nconst legendSwatchStyle: CSSProperties = {\n  width: 10,\n  height: 10,\n  borderRadius: 2,\n  flexShrink: 0,\n  border: \"1px solid rgba(255, 255, 255, 0.25)\",\n};\n\nconst cartChipStyle: CSSProperties = {\n  position: \"absolute\",\n  right: 12,\n  bottom: 12,\n  zIndex: 20,\n  border: \"1px solid rgba(110, 110, 150, 0.65)\",\n  background: \"rgba(24, 24, 42, 0.95)\",\n  color: \"#ececff\",\n  borderRadius: 999,\n  padding: \"8px 14px\",\n  fontSize: 12,\n  fontWeight: 600,\n  fontFamily: \"system-ui\",\n  cursor: \"pointer\",\n  boxShadow: \"0 8px 18px rgba(0, 0, 0, 0.35)\",\n};\n\nconst cartPopupStyle: CSSProperties = {\n  position: \"absolute\",\n  right: 0,\n  bottom: 0,\n  zIndex: 30,\n  maxHeight: \"72vh\",\n  display: \"flex\",\n  flexDirection: \"column\",\n  background: \"rgba(17, 17, 34, 0.98)\",\n  borderTop: \"1px solid rgba(110, 110, 150, 0.65)\",\n  borderLeft: \"1px solid rgba(110, 110, 150, 0.65)\",\n  borderTopLeftRadius: 12,\n  overflow: \"hidden\",\n  boxShadow: \"-8px -8px 20px rgba(0, 0, 0, 0.35)\",\n};\n\nconst cartIconButtonStyle: CSSProperties = {\n  width: 24,\n  height: 24,\n  display: \"inline-flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  borderRadius: 5,\n  border: \"1px solid #4a4a6a\",\n  background: \"#262648\",\n  color: \"#ececff\",\n  fontSize: 14,\n  cursor: \"pointer\",\n};\n\nfunction getEffectiveCategoryPrice(category: PricingCategory | undefined): number {\n  if (!category) return 0;\n  if (category.isPriceOverridden && Number.isFinite(category.overriddenPrice)) {\n    return category.overriddenPrice ?? 0;\n  }\n  return Number.isFinite(category.backendPrice) ? (category.backendPrice as number) : 0;\n}\n\nfunction formatMoney(value: number): string {\n  return `$${value.toFixed(2)}`;\n}\n\nfunction TrashIcon() {\n  return (\n    <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n      <path\n        d=\"M9 3h6l1 2h4v2H4V5h4l1-2Zm1 7h2v8h-2v-8Zm4 0h2v8h-2v-8ZM7 10h2v8H7v-8Zm-1 12h12a2 2 0 0 0 2-2V8H4v12a2 2 0 0 0 2 2Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n}\n\nfunction ViewerContent({\n  venue,\n  onSeatClick,\n  onSeatHover,\n  onSelectionChange,\n  renderTooltip,\n  showLabels,\n  onCartEvent,\n}: Omit<SeatmapViewerProps, \"className\"> & { showLabels: boolean }) {\n  const { selectedSeatIds, setSelection } = useSelection();\n  const [isCartOpen, setIsCartOpen] = useState(false);\n  const [lastUserAnchorByCategory, setLastUserAnchorByCategory] = useState<Record<string, string>>({});\n  const [viewportWidth, setViewportWidth] = useState<number>(() =>\n    typeof window === \"undefined\" ? 1280 : window.innerWidth,\n  );\n  const previousSelectedRef = useRef<string[]>([]);\n  const pendingSeatClickRef = useRef<string | null>(null);\n\n  const showStatuses = venue.seatStatuses.length > 0;\n  const showCategories = venue.categories.length > 0;\n  const selectedSeatIdArray = useMemo(() => Array.from(selectedSeatIds), [selectedSeatIds]);\n\n  const seatDetailsById = useMemo(() => {\n    const categoryMap = new Map(venue.categories.map((category) => [category.id, category]));\n    const next = new Map<string, SeatDetails>();\n\n    for (const section of venue.sections) {\n      const cos = Math.cos(section.rotation);\n      const sin = Math.sin(section.rotation);\n      for (const row of section.rows) {\n        for (const seat of row.seats) {\n          const category = categoryMap.get(seat.categoryId);\n          next.set(seat.id, {\n            seatId: seat.id,\n            seatLabel: seat.label,\n            rowLabel: row.label,\n            sectionId: section.id,\n            sectionLabel: section.label,\n            categoryId: seat.categoryId,\n            categoryName: category?.name ?? \"Unknown\",\n            unitPrice: getEffectiveCategoryPrice(category),\n            status: seat.status,\n            x: section.position.x + seat.position.x * cos - seat.position.y * sin,\n            y: section.position.y + seat.position.x * sin + seat.position.y * cos,\n          });\n        }\n      }\n    }\n\n    for (const table of venue.tables) {\n      for (const seat of table.seats) {\n        const category = categoryMap.get(seat.categoryId);\n        next.set(seat.id, {\n          seatId: seat.id,\n          seatLabel: seat.label,\n          rowLabel: null,\n          sectionId: table.id,\n          sectionLabel: `Table ${table.label}`,\n          categoryId: seat.categoryId,\n          categoryName: category?.name ?? \"Unknown\",\n          unitPrice: getEffectiveCategoryPrice(category),\n          status: seat.status,\n          x: table.position.x + seat.position.x,\n          y: table.position.y + seat.position.y,\n        });\n      }\n    }\n    return next;\n  }, [venue]);\n\n  const selectedSeats = useMemo(() => {\n    const ordered: SeatDetails[] = [];\n    for (const selectedSeatId of selectedSeatIdArray) {\n      const seat = seatDetailsById.get(selectedSeatId);\n      if (seat) ordered.push(seat);\n    }\n    return ordered;\n  }, [seatDetailsById, selectedSeatIdArray]);\n\n  useEffect(() => {\n    onSelectionChange?.(selectedSeatIdArray);\n  }, [onSelectionChange, selectedSeatIdArray]);\n\n  useEffect(() => {\n    const previous = new Set(previousSelectedRef.current);\n    const added = selectedSeatIdArray.filter((seatId) => !previous.has(seatId));\n    const clickedSeatId = pendingSeatClickRef.current;\n    if (clickedSeatId && added.includes(clickedSeatId)) {\n      const clickedSeat = seatDetailsById.get(clickedSeatId);\n      if (clickedSeat) {\n        setLastUserAnchorByCategory((current) => ({\n          ...current,\n          [clickedSeat.categoryId]: clickedSeatId,\n        }));\n      }\n    }\n    previousSelectedRef.current = selectedSeatIdArray;\n    pendingSeatClickRef.current = null;\n  }, [seatDetailsById, selectedSeatIdArray]);\n\n  useEffect(() => {\n    if (typeof window === \"undefined\") return;\n    const onResize = () => setViewportWidth(window.innerWidth);\n    window.addEventListener(\"resize\", onResize);\n    return () => window.removeEventListener(\"resize\", onResize);\n  }, []);\n\n  const cartSeats = useMemo<SeatmapCartSeat[]>(\n    () =>\n      selectedSeats.map((seat) => ({\n        seatId: seat.seatId,\n        seatLabel: seat.seatLabel,\n        rowLabel: seat.rowLabel,\n        sectionId: seat.sectionId,\n        sectionLabel: seat.sectionLabel,\n        categoryId: seat.categoryId,\n        categoryName: seat.categoryName,\n        unitPrice: seat.unitPrice,\n      })),\n    [selectedSeats],\n  );\n\n  const totalSelectedSeats = useMemo(() => cartSeats.length, [cartSeats]);\n  const totalCost = useMemo(() => cartSeats.reduce((sum, seat) => sum + seat.unitPrice, 0), [cartSeats]);\n\n  const groupedSeatsList = useMemo(() => {\n    const grouped = new Map<string, { categoryName: string; unitPrice: number; seats: SeatmapCartSeat[] }>();\n    for (const seat of cartSeats) {\n      const existing = grouped.get(seat.categoryId);\n      if (existing) {\n        existing.seats.push(seat);\n      } else {\n        grouped.set(seat.categoryId, {\n          categoryName: seat.categoryName,\n          unitPrice: seat.unitPrice,\n          seats: [seat],\n        });\n      }\n    }\n\n    const ordered: Array<{\n      categoryId: string;\n      categoryName: string;\n      unitPrice: number;\n      seats: SeatmapCartSeat[];\n      availableToAdd: number;\n    }> = [];\n    const selectedSet = new Set(selectedSeatIdArray);\n\n    const availableToAddByCategory = new Map<string, number>();\n    for (const seat of seatDetailsById.values()) {\n      if (seat.status !== AVAILABLE_STATUS_ID || selectedSet.has(seat.seatId)) continue;\n      availableToAddByCategory.set(\n        seat.categoryId,\n        (availableToAddByCategory.get(seat.categoryId) ?? 0) + 1,\n      );\n    }\n\n    for (const category of venue.categories) {\n      const group = grouped.get(category.id);\n      if (!group) continue;\n      ordered.push({\n        categoryId: category.id,\n        categoryName: group.categoryName,\n        unitPrice: group.unitPrice,\n        seats: group.seats,\n        availableToAdd: availableToAddByCategory.get(category.id) ?? 0,\n      });\n    }\n\n    for (const [categoryId, group] of grouped.entries()) {\n      if (venue.categories.some((category) => category.id === categoryId)) continue;\n      ordered.push({\n        categoryId,\n        categoryName: group.categoryName,\n        unitPrice: group.unitPrice,\n        seats: group.seats,\n        availableToAdd: availableToAddByCategory.get(categoryId) ?? 0,\n      });\n    }\n    return ordered;\n  }, [cartSeats, seatDetailsById, selectedSeatIdArray, venue.categories]);\n\n  const cartPayload = useMemo<SeatmapCartPayload>(\n    () => ({\n      venueId: venue.id,\n      venueName: venue.name,\n      seats: cartSeats,\n      totalSelectedSeats,\n      totalCost,\n    }),\n    [venue.id, venue.name, cartSeats, totalSelectedSeats, totalCost],\n  );\n\n  const emitCartEvent = useCallback(\n    (event: SeatmapCartEvent) => {\n      onCartEvent?.(event);\n    },\n    [onCartEvent],\n  );\n\n  const removeSeatFromSelection = useCallback(\n    (seatId: string) => {\n      const next = selectedSeatIdArray.filter((id) => id !== seatId);\n      setSelection(next);\n    },\n    [selectedSeatIdArray, setSelection],\n  );\n\n  const handleSeatCanvasClick = useCallback(\n    (seatId: string, sectionId: string) => {\n      pendingSeatClickRef.current = seatId;\n      onSeatClick?.(seatId, sectionId);\n    },\n    [onSeatClick],\n  );\n\n  const handleAddSeatInCategory = useCallback(\n    (categoryId: string) => {\n      const selectedSet = new Set(selectedSeatIdArray);\n      const selectedInCategory = selectedSeatIdArray.filter(\n        (selectedSeatId) => seatDetailsById.get(selectedSeatId)?.categoryId === categoryId,\n      );\n      const anchorSeatId =\n        (lastUserAnchorByCategory[categoryId] && seatDetailsById.has(lastUserAnchorByCategory[categoryId])\n          ? lastUserAnchorByCategory[categoryId]\n          : null) ?? selectedInCategory[selectedInCategory.length - 1] ?? null;\n      const anchorSeat = anchorSeatId ? seatDetailsById.get(anchorSeatId) : null;\n\n      const candidates = Array.from(seatDetailsById.values()).filter(\n        (seat) =>\n          seat.categoryId === categoryId &&\n          seat.status === AVAILABLE_STATUS_ID &&\n          !selectedSet.has(seat.seatId),\n      );\n      if (candidates.length === 0) return;\n\n      let nextSeat = candidates[0];\n      if (anchorSeat) {\n        nextSeat = candidates.reduce((best, candidate) => {\n          const bestDistance = (best.x - anchorSeat.x) ** 2 + (best.y - anchorSeat.y) ** 2;\n          const candidateDistance = (candidate.x - anchorSeat.x) ** 2 + (candidate.y - anchorSeat.y) ** 2;\n          return candidateDistance < bestDistance ? candidate : best;\n        }, candidates[0]);\n      }\n      setSelection([...selectedSeatIdArray, nextSeat.seatId]);\n    },\n    [lastUserAnchorByCategory, seatDetailsById, selectedSeatIdArray, setSelection],\n  );\n\n  const handleRemoveLastInCategory = useCallback(\n    (categoryId: string) => {\n      const selectedInCategory = selectedSeatIdArray.filter(\n        (selectedSeatId) => seatDetailsById.get(selectedSeatId)?.categoryId === categoryId,\n      );\n      const seatIdToRemove = selectedInCategory[selectedInCategory.length - 1];\n      if (!seatIdToRemove) return;\n      setSelection(selectedSeatIdArray.filter((selectedSeatId) => selectedSeatId !== seatIdToRemove));\n    },\n    [seatDetailsById, selectedSeatIdArray, setSelection],\n  );\n\n  const handleProceed = useCallback(() => {\n    if (cartPayload.seats.length === 0) return;\n    emitCartEvent({ type: \"cart-proceed-clicked\", payload: cartPayload });\n  }, [cartPayload, emitCartEvent]);\n\n  const cartWidth = viewportWidth > 1200 ? Math.floor(viewportWidth / 5) : viewportWidth;\n\n  return (\n    <div style={{ width: \"100%\", height: \"100%\", position: \"relative\" }}>\n      <SeatmapCanvas\n        onSeatClick={handleSeatCanvasClick}\n        onSeatHover={onSeatHover}\n        showSectionLabels={showLabels}\n        enableSeatHover={showLabels}\n      />\n      {(showStatuses || showCategories) && (\n        <aside aria-label=\"Seatmap legend\" style={legendContainerStyle}>\n          {showStatuses && (\n            <section>\n              <p style={legendHeadingStyle}>Seat Status</p>\n              <ul style={legendListStyle}>\n                {venue.seatStatuses.map((status) => (\n                  <li key={status.id} style={legendItemStyle}>\n                    <span style={{ ...legendSwatchStyle, background: status.color }} />\n                    <span>{status.name}</span>\n                  </li>\n                ))}\n              </ul>\n            </section>\n          )}\n          {showStatuses && showCategories && (\n            <div style={{ height: 1, background: \"rgba(123, 123, 165, 0.45)\", margin: \"8px 0\" }} />\n          )}\n          {showCategories && (\n            <section>\n              <p style={legendHeadingStyle}>Pricing</p>\n              <ul style={legendListStyle}>\n                {venue.categories.map((category) => (\n                  <li key={category.id} style={legendItemStyle}>\n                    <span style={{ ...legendSwatchStyle, background: category.color }} />\n                    <span>{category.name}</span>\n                  </li>\n                ))}\n              </ul>\n            </section>\n          )}\n        </aside>\n      )}\n\n      {!isCartOpen && (\n        <button type=\"button\" onClick={() => setIsCartOpen(true)} style={cartChipStyle}>\n          Cart ({totalSelectedSeats})\n        </button>\n      )}\n\n      {isCartOpen && (\n        <aside aria-label=\"Selected seats cart\" style={{ ...cartPopupStyle, width: cartWidth, maxWidth: \"100%\" }}>\n          <div\n            style={{\n              display: \"flex\",\n              alignItems: \"center\",\n              justifyContent: \"space-between\",\n              gap: 8,\n              padding: \"10px 12px\",\n              borderBottom: \"1px solid rgba(110, 110, 150, 0.35)\",\n            }}\n          >\n            <strong style={{ color: \"#ececff\", fontSize: 13, fontFamily: \"system-ui\" }}>Selected Seats Cart</strong>\n            <button\n              type=\"button\"\n              onClick={() => setIsCartOpen(false)}\n              style={{ ...cartIconButtonStyle, width: 22, height: 22 }}\n              title=\"Close cart\"\n              aria-label=\"Close cart\"\n            >\n              x\n            </button>\n          </div>\n\n          <div style={{ display: \"flex\", flexDirection: \"column\", gap: 8, overflow: \"auto\", padding: 12, flex: 1 }}>\n            {groupedSeatsList.length === 0 ? (\n              <div style={{ color: \"#9e9eb8\", fontSize: 12, fontFamily: \"system-ui\" }}>\n                No seats selected yet.\n              </div>\n            ) : (\n              groupedSeatsList.map((group) => (\n                <article\n                  key={group.categoryId}\n                  style={{\n                    background: \"#242447\",\n                    border: \"1px solid #3b3b61\",\n                    borderRadius: 8,\n                    padding: 8,\n                    display: \"flex\",\n                    flexDirection: \"column\",\n                    gap: 6,\n                  }}\n                >\n                  <div style={{ color: \"#ececff\", fontSize: 12, fontFamily: \"system-ui\", fontWeight: 600 }}>\n                    {group.categoryName}\n                  </div>\n                  <div style={{ color: \"#adb0d2\", fontSize: 11, fontFamily: \"system-ui\" }}>\n                    {group.seats.length} ticket{group.seats.length === 1 ? \"\" : \"s\"} - {formatMoney(group.unitPrice)} each\n                  </div>\n                  <div style={{ display: \"flex\", alignItems: \"center\", justifyContent: \"space-between\", gap: 8 }}>\n                    <div style={{ display: \"inline-flex\", alignItems: \"center\", gap: 6 }}>\n                      <button\n                        type=\"button\"\n                        style={cartIconButtonStyle}\n                        onClick={() => handleRemoveLastInCategory(group.categoryId)}\n                        disabled={group.seats.length === 0}\n                        aria-label={`Remove one ${group.categoryName} seat`}\n                      >\n                        -\n                      </button>\n                      <span style={{ minWidth: 20, textAlign: \"center\", color: \"#ececff\", fontSize: 12 }}>\n                        {group.seats.length}\n                      </span>\n                      <button\n                        type=\"button\"\n                        style={cartIconButtonStyle}\n                        onClick={() => handleAddSeatInCategory(group.categoryId)}\n                        disabled={group.availableToAdd === 0}\n                        aria-label={`Add one ${group.categoryName} seat`}\n                      >\n                        +\n                      </button>\n                    </div>\n                    <span style={{ color: \"#ececff\", fontSize: 12, fontFamily: \"system-ui\", fontWeight: 600 }}>\n                      {formatMoney(group.seats.reduce((sum, seat) => sum + seat.unitPrice, 0))}\n                    </span>\n                  </div>\n                  <div style={{ display: \"flex\", flexDirection: \"column\", gap: 4 }}>\n                    {group.seats.map((seat) => (\n                      <div\n                        key={seat.seatId}\n                        style={{ display: \"flex\", alignItems: \"center\", justifyContent: \"space-between\", gap: 8 }}\n                      >\n                        <span style={{ color: \"#c8c8df\", fontSize: 11, fontFamily: \"system-ui\" }}>\n                          {seat.sectionLabel ?? \"Section\"} {seat.rowLabel ? `- ${seat.rowLabel}${seat.seatLabel}` : `- ${seat.seatLabel}`}\n                        </span>\n                        <button\n                          type=\"button\"\n                          style={cartIconButtonStyle}\n                          onClick={() => removeSeatFromSelection(seat.seatId)}\n                          title=\"Remove seat\"\n                          aria-label={`Remove seat ${seat.seatLabel}`}\n                        >\n                          <TrashIcon />\n                        </button>\n                      </div>\n                    ))}\n                  </div>\n                </article>\n              ))\n            )}\n          </div>\n\n          <div\n            style={{\n              borderTop: \"1px solid rgba(110, 110, 150, 0.35)\",\n              padding: 12,\n              display: \"flex\",\n              flexDirection: \"column\",\n              gap: 8,\n            }}\n          >\n            <div style={{ color: \"#d4d4ee\", fontSize: 12, fontFamily: \"system-ui\" }}>\n              {totalSelectedSeats} seat{totalSelectedSeats === 1 ? \"\" : \"s\"} - Total {formatMoney(totalCost)}\n            </div>\n            <button\n              type=\"button\"\n              disabled={cartSeats.length === 0}\n              onClick={handleProceed}\n              style={{\n                border: \"1px solid #2f7b44\",\n                background: cartSeats.length === 0 ? \"#30543d\" : \"#2f7b44\",\n                color: \"#ecfff2\",\n                borderRadius: 8,\n                padding: \"8px 12px\",\n                fontSize: 13,\n                fontWeight: 600,\n                fontFamily: \"system-ui\",\n                cursor: cartSeats.length === 0 ? \"not-allowed\" : \"pointer\",\n              }}\n            >\n              Proceed\n            </button>\n          </div>\n        </aside>\n      )}\n\n      {showLabels && <TooltipOverlay renderTooltip={renderTooltip} />}\n    </div>\n  );\n}\n\nexport function SeatmapViewer({\n  venue,\n  onSeatClick,\n  onSeatHover,\n  onSelectionChange,\n  renderTooltip,\n  showLabels = true,\n  className,\n  onCartEvent,\n}: SeatmapViewerProps) {\n  return (\n    <SeatmapProvider venue={venue}>\n      <div className={className} style={{ width: \"100%\", height: \"100%\", position: \"relative\" }}>\n        <ViewerContent\n          venue={venue}\n          onSeatClick={onSeatClick}\n          onSeatHover={onSeatHover}\n          onSelectionChange={onSelectionChange}\n          renderTooltip={renderTooltip}\n          showLabels={showLabels}\n          onCartEvent={onCartEvent}\n        />\n      </div>\n    </SeatmapProvider>\n  );\n}\n"]}