@zonetrix/viewer 2.9.0 → 2.10.0

package/dist/index.mjs

@@ -1,99 +1,99 @@
-import { jsx as p, jsxs as k } from "react/jsx-runtime";
-import { useState as M, useEffect as Y, useRef as W, useCallback as D, useMemo as $, memo as it } from "react";
-import { Stage as se, Layer as Et, Group as ae, Rect as kt, Text as Ft, Circle as ce } from "react-konva";
-import { ref as mt, onValue as Lt, off as Dt, get as le } from "firebase/database";
-import { fromFirebaseSeatMap as ue } from "@zonetrix/shared";
-function de(e) {
-  const [n, s] = M(null), [o, h] = M(!1), [f, l] = M(null), m = async () => {
-    if (e) {
-      h(!0), l(null);
+import { jsx as b, jsxs as k } from "react/jsx-runtime";
+import { useState as M, useEffect as T, useRef as X, useCallback as N, useMemo as V, memo as se } from "react";
+import { Stage as ct, Layer as Ee, Group as lt, Rect as De, Text as Fe, Circle as dt } from "react-konva";
+import { ref as Se, onValue as Ne, off as ze, get as ut } from "firebase/database";
+import { fromFirebaseSeatMap as ht } from "@zonetrix/shared";
+function ft(t) {
+  const [n, s] = M(null), [o, u] = M(!1), [l, r] = M(null), S = async () => {
+    if (t) {
+      u(!0), r(null);
       try {
-        const u = await fetch(e);
-        if (!u.ok)
-          throw new Error(`Failed to fetch config: ${u.statusText}`);
-        const i = await u.json();
+        const f = await fetch(t);
+        if (!f.ok)
+          throw new Error(`Failed to fetch config: ${f.statusText}`);
+        const i = await f.json();
         s(i);
-      } catch (u) {
-        const i = u instanceof Error ? u : new Error("Unknown error occurred");
-        l(i), console.error("Failed to fetch seat map config:", i);
+      } catch (f) {
+        const i = f instanceof Error ? f : new Error("Unknown error occurred");
+        r(i), console.error("Failed to fetch seat map config:", i);
       } finally {
-        h(!1);
+        u(!1);
       }
     }
   };
-  return Y(() => {
-    m();
-  }, [e]), {
+  return T(() => {
+    S();
+  }, [t]), {
     config: n,
     loading: o,
-    error: f,
-    refetch: m
+    error: l,
+    refetch: S
   };
 }
-function he(e) {
+function pt(t) {
   const [n, s] = M({ width: 0, height: 0 });
-  return Y(() => {
-    const o = e.current;
+  return T(() => {
+    const o = t.current;
     if (!o) return;
-    const { width: h, height: f } = o.getBoundingClientRect();
-    h > 0 && f > 0 && s({ width: h, height: f });
-    const l = new ResizeObserver((m) => {
-      const u = m[0];
-      if (!u) return;
-      const { width: i, height: r } = u.contentRect;
-      i > 0 && r > 0 && s((d) => d.width === i && d.height === r ? d : { width: i, height: r });
+    const { width: u, height: l } = o.getBoundingClientRect();
+    u > 0 && l > 0 && s({ width: u, height: l });
+    const r = new ResizeObserver((S) => {
+      const f = S[0];
+      if (!f) return;
+      const { width: i, height: a } = f.contentRect;
+      i > 0 && a > 0 && s((d) => d.width === i && d.height === a ? d : { width: i, height: a });
     });
-    return l.observe(o), () => {
-      l.disconnect();
+    return r.observe(o), () => {
+      r.disconnect();
     };
-  }, [e]), n;
+  }, [t]), n;
 }
-function It(e, n) {
-  return Math.sqrt(Math.pow(n.x - e.x, 2) + Math.pow(n.y - e.y, 2));
+function Ie(t, n) {
+  return Math.sqrt(Math.pow(n.x - t.x, 2) + Math.pow(n.y - t.y, 2));
 }
-function Rt(e, n) {
+function ke(t, n) {
   return {
-    x: (e.x + n.x) / 2,
-    y: (e.y + n.y) / 2
+    x: (t.x + n.x) / 2,
+    y: (t.y + n.y) / 2
   };
 }
-function fe(e, n) {
-  const s = W(null), o = W(null), h = W(1);
-  Y(() => {
-    const f = e.current;
-    if (!f || !n.enabled) return;
-    const l = f.container(), m = (r) => {
-      if (r.touches.length === 2) {
-        r.preventDefault();
-        const d = { x: r.touches[0].clientX, y: r.touches[0].clientY }, a = { x: r.touches[1].clientX, y: r.touches[1].clientY };
-        s.current = It(d, a), o.current = Rt(d, a), h.current = n.currentScale;
+function gt(t, n) {
+  const s = X(null), o = X(null), u = X(1);
+  T(() => {
+    const l = t.current;
+    if (!l || !n.enabled) return;
+    const r = l.container(), S = (a) => {
+      if (a.touches.length === 2) {
+        a.preventDefault();
+        const d = { x: a.touches[0].clientX, y: a.touches[0].clientY }, h = { x: a.touches[1].clientX, y: a.touches[1].clientY };
+        s.current = Ie(d, h), o.current = ke(d, h), u.current = n.currentScale;
       }
-    }, u = (r) => {
-      if (r.touches.length !== 2) return;
-      r.preventDefault();
-      const d = { x: r.touches[0].clientX, y: r.touches[0].clientY }, a = { x: r.touches[1].clientX, y: r.touches[1].clientY }, w = It(d, a), S = Rt(d, a);
+    }, f = (a) => {
+      if (a.touches.length !== 2) return;
+      a.preventDefault();
+      const d = { x: a.touches[0].clientX, y: a.touches[0].clientY }, h = { x: a.touches[1].clientX, y: a.touches[1].clientY }, x = Ie(d, h), m = ke(d, h);
       if (s.current !== null && o.current !== null) {
-        const C = w / s.current, F = Math.min(
+        const C = x / s.current, R = Math.min(
           Math.max(n.currentScale * C, n.minScale),
           n.maxScale
-        ), I = l.getBoundingClientRect(), R = S.x - I.left, z = S.y - I.top, A = n.currentScale, H = {
-          x: (R - n.currentPosition.x) / A,
-          y: (z - n.currentPosition.y) / A
-        }, O = S.x - o.current.x, j = S.y - o.current.y, st = {
-          x: R - H.x * F + O,
-          y: z - H.y * F + j
+        ), E = r.getBoundingClientRect(), I = m.x - E.left, L = m.y - E.top, W = n.currentScale, P = {
+          x: (I - n.currentPosition.x) / W,
+          y: (L - n.currentPosition.y) / W
+        }, H = m.x - o.current.x, j = m.y - o.current.y, $ = {
+          x: I - P.x * R + H,
+          y: L - P.y * R + j
         };
-        n.onScaleChange(F, st), s.current = w, o.current = S;
+        n.onScaleChange(R, $), s.current = x, o.current = m;
       }
-    }, i = (r) => {
-      r.touches.length < 2 && (s.current = null, o.current = null);
+    }, i = (a) => {
+      a.touches.length < 2 && (s.current = null, o.current = null);
     };
-    return l.addEventListener("touchstart", m, { passive: !1 }), l.addEventListener("touchmove", u, { passive: !1 }), l.addEventListener("touchend", i), () => {
-      l.removeEventListener("touchstart", m), l.removeEventListener("touchmove", u), l.removeEventListener("touchend", i);
+    return r.addEventListener("touchstart", S, { passive: !1 }), r.addEventListener("touchmove", f, { passive: !1 }), r.addEventListener("touchend", i), () => {
+      r.removeEventListener("touchstart", S), r.removeEventListener("touchmove", f), r.removeEventListener("touchend", i);
     };
-  }, [e, n]);
+  }, [t, n]);
 }
-const ge = {
+const bt = {
   canvasBackground: "#1a1a1a",
   stageColor: "#808080",
   seatAvailable: "#2C2B30",
@@ -103,56 +103,56 @@ const ge = {
   seatHidden: "#4a4a4a",
   gridLines: "#404040",
   currency: "KD"
-}, Nt = it(({ seat: e, state: n, colors: s, onClick: o, onMouseEnter: h, onMouseLeave: f }) => {
-  const u = {
+}, Te = se(({ seat: t, state: n, colors: s, onClick: o, onMouseEnter: u, onMouseLeave: l }) => {
+  const f = {
     available: s.seatAvailable,
     reserved: s.seatReserved,
     selected: s.seatSelected,
     unavailable: s.seatUnavailable,
     hidden: s.seatHidden
     // Hidden seats are filtered out, but included for type safety
-  }[n], i = n === "available" || n === "selected", r = D(() => {
-    i && o(e);
-  }, [e, o, i]), d = D((S) => {
-    h(e, S);
-    const C = S.target.getStage();
+  }[n], i = n === "available" || n === "selected", a = N(() => {
+    i && o(t);
+  }, [t, o, i]), d = N((m) => {
+    u(t, m);
+    const C = m.target.getStage();
     C && i && (C.container().style.cursor = "pointer");
-  }, [e, h, i]), a = D((S) => {
-    f();
-    const C = S.target.getStage();
+  }, [t, u, i]), h = N((m) => {
+    l();
+    const C = m.target.getStage();
     C && (C.container().style.cursor = "grab");
-  }, [f]), w = {
-    x: e.position.x,
-    y: e.position.y,
-    fill: u,
+  }, [l]), x = {
+    x: t.position.x,
+    y: t.position.y,
+    fill: f,
     stroke: "#ffffff",
     strokeWidth: 1,
-    onClick: r,
-    onTap: r,
+    onClick: a,
+    onTap: a,
     onMouseEnter: d,
-    onMouseLeave: a
+    onMouseLeave: h
   };
-  return e.shape === "circle" ? /* @__PURE__ */ p(
-    ce,
+  return t.shape === "circle" ? /* @__PURE__ */ b(
+    dt,
     {
-      ...w,
+      ...x,
       radius: 12
     }
-  ) : /* @__PURE__ */ p(
-    kt,
+  ) : /* @__PURE__ */ b(
+    De,
     {
-      ...w,
+      ...x,
       width: 24,
       height: 24,
       offsetX: 12,
       offsetY: 12,
-      cornerRadius: e.shape === "square" ? 0 : 4
+      cornerRadius: t.shape === "square" ? 0 : 4
     }
   );
 });
-Nt.displayName = "ViewerSeat";
-const zt = it(({ stage: e, stageColor: n }) => {
-  const s = (f) => ({
+Te.displayName = "ViewerSeat";
+const Xe = se(({ stage: t, stageColor: n }) => {
+  const s = (l) => ({
     stage: "🎭",
     table: "⬜",
     wall: "▬",
@@ -161,41 +161,41 @@ const zt = it(({ stage: e, stageColor: n }) => {
     bar: "🍷",
     "entry-exit": "🚪",
     custom: "➕"
-  })[f || "stage"] || "🎭", o = e.config.color || n, h = s(e.config.objectType);
-  return /* @__PURE__ */ k(ae, { x: e.position.x, y: e.position.y, rotation: e.config.rotation || 0, children: [
-    /* @__PURE__ */ p(
-      kt,
+  })[l || "stage"] || "🎭", o = t.config.color || n, u = s(t.config.objectType);
+  return /* @__PURE__ */ k(lt, { x: t.position.x, y: t.position.y, rotation: t.config.rotation || 0, children: [
+    /* @__PURE__ */ b(
+      De,
       {
-        width: e.config.width,
-        height: e.config.height,
+        width: t.config.width,
+        height: t.config.height,
         fill: o + "80",
         stroke: "#ffffff",
         strokeWidth: 2,
         cornerRadius: 10
       }
     ),
-    /* @__PURE__ */ p(
-      Ft,
+    /* @__PURE__ */ b(
+      Fe,
       {
-        text: h,
+        text: u,
         x: 0,
         y: 0,
-        width: e.config.width,
-        height: e.config.height * 0.4,
+        width: t.config.width,
+        height: t.config.height * 0.4,
         fontSize: 32,
         fill: "#ffffff",
         align: "center",
         verticalAlign: "middle"
       }
     ),
-    /* @__PURE__ */ p(
-      Ft,
+    /* @__PURE__ */ b(
+      Fe,
       {
-        text: e.config.label,
+        text: t.config.label,
         x: 0,
-        y: e.config.height * 0.4,
-        width: e.config.width,
-        height: e.config.height * 0.6,
+        y: t.config.height * 0.4,
+        width: t.config.width,
+        height: t.config.height * 0.6,
         fontSize: 20,
         fontStyle: "bold",
         fill: "#ffffff",
@@ -205,19 +205,19 @@ const zt = it(({ stage: e, stageColor: n }) => {
     )
   ] });
 });
-zt.displayName = "ViewerStage";
-const Tt = it(({
-  floors: e,
+Xe.displayName = "ViewerStage";
+const Ye = se(({
+  floors: t,
   currentFloorId: n,
   onFloorChange: s,
   showAllOption: o,
-  allLabel: h,
-  position: f,
-  className: l
+  allLabel: u,
+  position: l,
+  className: r
 }) => {
-  const m = $(
-    () => [...e].sort((a, w) => a.order - w.order),
-    [e]
+  const S = V(
+    () => [...t].sort((h, x) => h.order - x.order),
+    [t]
   ), i = {
     position: "absolute",
     display: "flex",
@@ -233,8 +233,8 @@ const Tt = it(({
       "top-right": { top: 0, right: 0 },
       "bottom-left": { bottom: 0, left: 0 },
       "bottom-right": { bottom: 0, right: 0 }
-    }[f]
-  }, r = {
+    }[l]
+  }, a = {
     padding: "10px 16px",
     fontSize: "14px",
     fontWeight: 500,
@@ -247,43 +247,43 @@ const Tt = it(({
     minHeight: "44px",
     touchAction: "manipulation"
   }, d = {
-    ...r,
+    ...a,
     backgroundColor: "#3A7DE5",
     borderColor: "#3A7DE5"
   };
-  return /* @__PURE__ */ k("div", { className: l, style: i, children: [
-    o && /* @__PURE__ */ p(
+  return /* @__PURE__ */ k("div", { className: r, style: i, children: [
+    o && /* @__PURE__ */ b(
       "button",
       {
         type: "button",
         onClick: () => s(null),
-        style: n === null ? d : r,
-        children: h
+        style: n === null ? d : a,
+        children: u
       }
     ),
-    m.map((a) => /* @__PURE__ */ p(
+    S.map((h) => /* @__PURE__ */ b(
       "button",
       {
         type: "button",
-        onClick: () => s(a.id),
-        style: n === a.id ? d : r,
-        children: a.name
+        onClick: () => s(h.id),
+        style: n === h.id ? d : a,
+        children: h.name
       },
-      a.id
+      h.id
     ))
   ] });
 });
-Tt.displayName = "FloorSelectorBar";
-const Xt = it(({
-  scale: e,
+Ye.displayName = "FloorSelectorBar";
+const je = se(({
+  scale: t,
   minScale: n,
   maxScale: s,
   onZoomIn: o,
-  onZoomOut: h,
-  position: f,
-  className: l
+  onZoomOut: u,
+  position: l,
+  className: r
 }) => {
-  const u = {
+  const f = {
     position: "absolute",
     display: "flex",
     flexDirection: "column",
@@ -298,7 +298,7 @@ const Xt = it(({
       "top-right": { top: 0, right: 0 },
       "bottom-left": { bottom: 0, left: 0 },
       "bottom-right": { bottom: 0, right: 0 }
-    }[f]
+    }[l]
   }, i = {
     width: "44px",
     height: "44px",
@@ -316,53 +316,53 @@ const Xt = it(({
     justifyContent: "center",
     transition: "all 0.2s ease",
     touchAction: "manipulation"
-  }, r = {
+  }, a = {
     ...i,
     opacity: 0.4,
     cursor: "not-allowed"
-  }, d = e < s, a = e > n;
-  return /* @__PURE__ */ k("div", { className: l, style: u, children: [
-    /* @__PURE__ */ p(
+  }, d = t < s, h = t > n;
+  return /* @__PURE__ */ k("div", { className: r, style: f, children: [
+    /* @__PURE__ */ b(
       "button",
       {
         type: "button",
         onClick: o,
         disabled: !d,
-        style: d ? i : r,
+        style: d ? i : a,
         title: "Zoom In",
         children: "+"
       }
     ),
-    /* @__PURE__ */ p(
+    /* @__PURE__ */ b(
       "button",
       {
         type: "button",
-        onClick: h,
-        disabled: !a,
-        style: a ? i : r,
+        onClick: u,
+        disabled: !h,
+        style: h ? i : a,
         title: "Zoom Out",
         children: "−"
       }
     )
   ] });
 });
-Xt.displayName = "ZoomControls";
-const Yt = it(({
-  visible: e,
+je.displayName = "ZoomControls";
+const Ae = se(({
+  visible: t,
   x: n,
   y: s,
   seat: o,
-  currency: h,
-  state: f
+  currency: u,
+  state: l
 }) => {
-  if (!e || !o) return null;
-  const l = o.seatNumber || (o.rowLabel && o.columnLabel ? `${o.rowLabel}-${o.columnLabel}` : "N/A"), m = {
+  if (!t || !o) return null;
+  const r = o.seatNumber || (o.rowLabel && o.columnLabel ? `${o.rowLabel}-${o.columnLabel}` : "N/A"), S = {
     position: "fixed",
     left: `${n + 15}px`,
     top: `${s + 15}px`,
     zIndex: 1e3,
     pointerEvents: "none"
-  }, u = {
+  }, f = {
     backgroundColor: "rgba(26, 26, 26, 0.95)",
     color: "#fff",
     border: "1px solid #444",
@@ -374,476 +374,495 @@ const Yt = it(({
   }, i = {
     color: "#9ca3af",
     marginRight: "4px"
-  }, r = {
+  }, a = {
     fontWeight: 600
   }, d = {
     color: "#4ade80",
     fontWeight: 600
-  }, a = {
+  }, h = {
     fontSize: "11px",
     color: "#6b7280",
     textTransform: "capitalize",
     marginTop: "4px"
   };
-  return /* @__PURE__ */ p("div", { style: m, children: /* @__PURE__ */ k("div", { style: u, children: [
+  return /* @__PURE__ */ b("div", { style: S, children: /* @__PURE__ */ k("div", { style: f, children: [
     o.sectionName && /* @__PURE__ */ k("div", { style: { marginBottom: "4px" }, children: [
-      /* @__PURE__ */ p("span", { style: i, children: "Section:" }),
-      /* @__PURE__ */ p("span", { style: { ...r, color: "#3b82f6" }, children: o.sectionName })
+      /* @__PURE__ */ b("span", { style: i, children: "Section:" }),
+      /* @__PURE__ */ b("span", { style: { ...a, color: "#3b82f6" }, children: o.sectionName })
     ] }),
     /* @__PURE__ */ k("div", { style: { marginBottom: "4px" }, children: [
-      /* @__PURE__ */ p("span", { style: i, children: "Seat:" }),
-      /* @__PURE__ */ p("span", { style: r, children: l })
+      /* @__PURE__ */ b("span", { style: i, children: "Seat:" }),
+      /* @__PURE__ */ b("span", { style: a, children: r })
     ] }),
-    o.price !== void 0 && o.price > 0 && f === "available" && /* @__PURE__ */ k("div", { style: { marginBottom: "4px" }, children: [
-      /* @__PURE__ */ p("span", { style: i, children: "Price:" }),
+    o.price !== void 0 && o.price > 0 && l === "available" && /* @__PURE__ */ k("div", { style: { marginBottom: "4px" }, children: [
+      /* @__PURE__ */ b("span", { style: i, children: "Price:" }),
       /* @__PURE__ */ k("span", { style: d, children: [
-        h,
+        u,
         " ",
         o.price.toFixed(2)
       ] })
     ] }),
-    /* @__PURE__ */ k("div", { style: a, children: [
+    /* @__PURE__ */ k("div", { style: h, children: [
       "Status: ",
-      f
+      l
     ] })
   ] }) });
 });
-Yt.displayName = "SeatTooltip";
-const we = ({
-  config: e,
+Ae.displayName = "SeatTooltip";
+const Mt = ({
+  config: t,
   configUrl: n,
   floorId: s,
   onFloorChange: o,
-  reservedSeats: h = [],
-  unavailableSeats: f = [],
-  selectedSeats: l,
-  onSeatSelect: m,
-  onSeatDeselect: u,
-  onSelectionChange: i,
-  colorOverrides: r,
-  showTooltip: d = !0,
-  zoomEnabled: a = !0,
-  className: w = "",
-  onConfigLoad: S,
-  onError: C,
+  reservedSeats: u = [],
+  unavailableSeats: l = [],
+  selectedSeats: r,
+  myReservedSeats: S = [],
+  onSeatSelect: f,
+  onSeatDeselect: i,
+  onSelectionChange: a,
+  colorOverrides: d,
+  showTooltip: h = !0,
+  zoomEnabled: x = !0,
+  className: m = "",
+  onConfigLoad: C,
+  onError: R,
   // Floor selector props
-  showFloorSelector: F,
+  showFloorSelector: E,
   floorSelectorPosition: I = "top-left",
-  floorSelectorClassName: R,
-  showAllFloorsOption: z = !0,
-  allFloorsLabel: A = "All",
+  floorSelectorClassName: L,
+  showAllFloorsOption: W = !0,
+  allFloorsLabel: P = "All",
   fitToView: H = !0,
-  fitPadding: O = 40,
+  fitPadding: j = 40,
   // Zoom controls
-  showZoomControls: j = !0,
-  zoomControlsPosition: st = "bottom-right",
-  zoomControlsClassName: G,
-  minZoom: Z,
-  maxZoom: T = 3,
+  showZoomControls: $ = !0,
+  zoomControlsPosition: ae = "bottom-right",
+  zoomControlsClassName: Ce,
+  minZoom: O,
+  maxZoom: A = 3,
   zoomStep: B = 0.25,
   // Touch gestures
-  touchEnabled: at = !0
+  touchEnabled: ge = !0
 }) => {
-  const gt = W(null), wt = W(null), E = he(wt), [U, Ct] = M(/* @__PURE__ */ new Set()), [L, K] = M(1), [N, V] = M({ x: 0, y: 0 }), [Wt, jt] = M(null), [Pt, $t] = M(1), ct = W({ width: 0, height: 0 }), [J, Mt] = M({ visible: !1, x: 0, y: 0, seat: null, state: "available" }), { config: At, loading: Bt, error: Q } = de(n), g = e || At, pt = s !== void 0, X = pt ? s || null : Wt, lt = l !== void 0, Vt = D((t) => {
-    pt || jt(t), o?.(t);
-  }, [pt, o]), bt = g?.floors || [], Ht = F !== void 0 ? F : bt.length > 1, ut = $(
-    () => g ? { ...g.colors, ...r } : { ...ge, ...r },
-    [g, r]
-  ), _ = $(() => {
-    if (!g) return [];
-    let t = g.seats.filter((c) => c.state !== "hidden");
-    return X && (t = t.filter(
-      (c) => c.floorId === X || !c.floorId && X === "floor_default"
-    )), t;
-  }, [g, X]), dt = $(() => g?.stages ? X ? g.stages.filter(
-    (t) => t.floorId === X || !t.floorId && X === "floor_default"
-  ) : g.stages : [], [g, X]), P = $(() => {
-    if (!g || _.length === 0 && dt.length === 0)
+  const J = X(null), ce = X(null), F = pt(ce), [G, Me] = M(/* @__PURE__ */ new Set()), [D, Q] = M(1), [z, _] = M({ x: 0, y: 0 }), [We, Pe] = M(null), [$e, Be] = M(1), le = X({ width: 0, height: 0 }), [ee, Re] = M({ visible: !1, x: 0, y: 0, seat: null, state: "available" }), { config: Ue, loading: Ve, error: te } = ft(n), p = t || Ue, be = s !== void 0, Y = be ? s || null : We, de = r !== void 0, He = N((e) => {
+    be || Pe(e), o?.(e);
+  }, [be, o]), ye = p?.floors || [], Oe = E !== void 0 ? E : ye.length > 1, ue = V(
+    () => p ? { ...p.colors, ...d } : { ...bt, ...d },
+    [p, d]
+  ), Z = V(() => {
+    if (!p) return [];
+    let e = p.seats.filter((c) => c.state !== "hidden");
+    return Y && (e = e.filter(
+      (c) => c.floorId === Y || !c.floorId && Y === "floor_default"
+    )), e;
+  }, [p, Y]), he = V(() => p?.stages ? Y ? p.stages.filter(
+    (e) => e.floorId === Y || !e.floorId && Y === "floor_default"
+  ) : p.stages : [], [p, Y]), U = V(() => {
+    if (!p || Z.length === 0 && he.length === 0)
       return null;
-    const t = 12;
-    let c = 1 / 0, y = 1 / 0, b = -1 / 0, x = -1 / 0;
-    return _.forEach((v) => {
-      c = Math.min(c, v.position.x - t), y = Math.min(y, v.position.y - t), b = Math.max(b, v.position.x + t), x = Math.max(x, v.position.y + t);
-    }), dt.forEach((v) => {
-      c = Math.min(c, v.position.x), y = Math.min(y, v.position.y), b = Math.max(b, v.position.x + (v.config?.width || 200)), x = Math.max(x, v.position.y + (v.config?.height || 100));
-    }), { minX: c, minY: y, maxX: b, maxY: x, width: b - c, height: x - y };
-  }, [g, _, dt]);
-  Y(() => {
-    if (!H || !g || !P || E.width === 0 || E.height === 0) return;
-    const t = Math.abs(E.width - ct.current.width), c = Math.abs(E.height - ct.current.height);
-    if (!(ct.current.width === 0) && t < 10 && c < 10) return;
-    ct.current = E;
-    const b = E.width, x = E.height, v = b - O * 2, ot = x - O * 2, ht = v / P.width, xt = ot / P.height, ft = Math.min(ht, xt, T), te = P.minX + P.width / 2, ee = P.minY + P.height / 2, ne = b / 2, oe = x / 2, re = ne - te * ft, ie = oe - ee * ft;
-    K(ft), V({ x: re, y: ie }), $t(ft);
-  }, [H, g, P, O, T, E, X]);
-  const tt = $(() => {
-    const t = new Set(h), c = new Set(f);
-    return { reserved: t, unavailable: c };
-  }, [h, f]), yt = $(() => l ? new Set(l) : null, [l]), et = D((t) => {
-    const c = t.id, y = t.seatNumber || "";
-    return tt.unavailable.has(c) || tt.unavailable.has(y) ? "unavailable" : tt.reserved.has(c) || tt.reserved.has(y) ? "reserved" : U.has(c) ? "selected" : t.state;
-  }, [tt, U]);
-  Y(() => {
-    g && S && S(g);
-  }, [g, S]), Y(() => {
-    Q && C && C(Q);
-  }, [Q, C]), Y(() => {
-    lt && yt && Ct(yt);
-  }, [lt, yt]);
-  const Ot = D((t) => {
-    const c = et(t);
+    const e = 12;
+    let c = 1 / 0, g = 1 / 0, y = -1 / 0, v = -1 / 0;
+    return Z.forEach((w) => {
+      c = Math.min(c, w.position.x - e), g = Math.min(g, w.position.y - e), y = Math.max(y, w.position.x + e), v = Math.max(v, w.position.y + e);
+    }), he.forEach((w) => {
+      c = Math.min(c, w.position.x), g = Math.min(g, w.position.y), y = Math.max(y, w.position.x + (w.config?.width || 200)), v = Math.max(v, w.position.y + (w.config?.height || 100));
+    }), { minX: c, minY: g, maxX: y, maxY: v, width: y - c, height: v - g };
+  }, [p, Z, he]);
+  T(() => {
+    if (!H || !p || !U || F.width === 0 || F.height === 0) return;
+    const e = Math.abs(F.width - le.current.width), c = Math.abs(F.height - le.current.height);
+    if (!(le.current.width === 0) && e < 10 && c < 10) return;
+    le.current = F;
+    const y = F.width, v = F.height, w = y - j * 2, re = v - j * 2, fe = w / U.width, me = re / U.height, pe = Math.min(fe, me, A), nt = U.minX + U.width / 2, ot = U.minY + U.height / 2, rt = y / 2, it = v / 2, st = rt - nt * pe, at = it - ot * pe;
+    Q(pe), _({ x: st, y: at }), Be(pe);
+  }, [H, p, U, j, A, F, Y]);
+  const q = V(() => {
+    const e = new Set(u), c = new Set(l), g = new Set(S);
+    return { reserved: e, unavailable: c, myReserved: g };
+  }, [u, l, S]), ve = V(() => r ? new Set(r) : null, [r]), ne = N((e) => {
+    const c = e.id, g = e.seatNumber || "";
+    return q.unavailable.has(c) || q.unavailable.has(g) ? "unavailable" : q.reserved.has(c) || q.reserved.has(g) ? "reserved" : q.myReserved.has(c) || q.myReserved.has(g) || G.has(c) ? "selected" : e.state;
+  }, [q, G]);
+  T(() => {
+    p && C && C(p);
+  }, [p, C]), T(() => {
+    te && R && R(te);
+  }, [te, R]), T(() => {
+    de && ve && Me(ve);
+  }, [de, ve]);
+  const _e = N((e) => {
+    const c = ne(e);
     if (c !== "available" && c !== "selected")
       return;
-    const y = U.has(t.id);
-    lt || Ct((b) => {
-      const x = new Set(b);
-      return y ? x.delete(t.id) : x.add(t.id), x;
-    }), y ? u?.(t) : (m?.(t), m || console.log("Seat selected:", t));
-  }, [et, U, lt, m, u]), nt = $(() => g ? _.filter((t) => U.has(t.id)) : [], [_, U]);
-  Y(() => {
-    i?.(nt);
-  }, [nt, i]);
-  const q = Z !== void 0 ? Z : Pt, Ut = D(() => {
-    if (!a) return;
-    const t = Math.min(L + B, T);
-    if (t !== L) {
-      const c = E.width || g?.canvas.width || 800, y = E.height || g?.canvas.height || 600, b = c / 2, x = y / 2, v = {
-        x: (b - N.x) / L,
-        y: (x - N.y) / L
+    const g = G.has(e.id);
+    de || Me((y) => {
+      const v = new Set(y);
+      return g ? v.delete(e.id) : v.add(e.id), v;
+    }), g ? i?.(e) : (f?.(e), f || console.log("Seat selected:", e));
+  }, [ne, G, de, f, i]), oe = V(() => p ? Z.filter((e) => G.has(e.id)) : [], [Z, G]);
+  T(() => {
+    a?.(oe);
+  }, [oe, a]);
+  const K = O !== void 0 ? O : $e, qe = N(() => {
+    if (!x) return;
+    const e = Math.min(D + B, A);
+    if (e !== D) {
+      const c = F.width || p?.canvas.width || 800, g = F.height || p?.canvas.height || 600, y = c / 2, v = g / 2, w = {
+        x: (y - z.x) / D,
+        y: (v - z.y) / D
       };
-      K(t), V({
-        x: b - v.x * t,
-        y: x - v.y * t
+      Q(e), _({
+        x: y - w.x * e,
+        y: v - w.y * e
       });
     }
-  }, [a, L, B, T, E, g, N]), _t = D(() => {
-    if (!a) return;
-    const t = Math.max(L - B, q);
-    if (t !== L) {
-      const c = E.width || g?.canvas.width || 800, y = E.height || g?.canvas.height || 600, b = c / 2, x = y / 2, v = {
-        x: (b - N.x) / L,
-        y: (x - N.y) / L
+  }, [x, D, B, A, F, p, z]), Ge = N(() => {
+    if (!x) return;
+    const e = Math.max(D - B, K);
+    if (e !== D) {
+      const c = F.width || p?.canvas.width || 800, g = F.height || p?.canvas.height || 600, y = c / 2, v = g / 2, w = {
+        x: (y - z.x) / D,
+        y: (v - z.y) / D
       };
-      K(t), V({
-        x: b - v.x * t,
-        y: x - v.y * t
+      Q(e), _({
+        x: y - w.x * e,
+        y: v - w.y * e
       });
     }
-  }, [a, L, B, q, E, g, N]), qt = D((t) => {
-    V({
-      x: t.target.x(),
-      y: t.target.y()
+  }, [x, D, B, K, F, p, z]), Ze = N((e) => {
+    _({
+      x: e.target.x(),
+      y: e.target.y()
     });
-  }, []), Gt = D((t) => {
-    if (!a) return;
-    t.evt.preventDefault();
-    const c = gt.current;
+  }, []), Ke = N((e) => {
+    if (!x) return;
+    e.evt.preventDefault();
+    const c = J.current;
     if (!c) return;
-    const y = c.scaleX(), b = c.getPointerPosition();
-    if (!b) return;
-    const x = 1.1, v = t.evt.deltaY > 0 ? y / x : y * x, ot = Math.min(Math.max(v, q), T), ht = {
-      x: (b.x - N.x) / y,
-      y: (b.y - N.y) / y
-    }, xt = {
-      x: b.x - ht.x * ot,
-      y: b.y - ht.y * ot
+    const g = c.scaleX(), y = c.getPointerPosition();
+    if (!y) return;
+    const v = 1.1, w = e.evt.deltaY > 0 ? g / v : g * v, re = Math.min(Math.max(w, K), A), fe = {
+      x: (y.x - z.x) / g,
+      y: (y.y - z.y) / g
+    }, me = {
+      x: y.x - fe.x * re,
+      y: y.y - fe.y * re
     };
-    K(ot), V(xt);
-  }, [a, N, q, T]);
-  fe(gt, {
-    enabled: at && a,
-    minScale: q,
-    maxScale: T,
-    currentScale: L,
-    currentPosition: N,
-    onScaleChange: (t, c) => {
-      K(t), V(c);
+    Q(re), _(me);
+  }, [x, z, K, A]);
+  gt(J, {
+    enabled: ge && x,
+    minScale: K,
+    maxScale: A,
+    currentScale: D,
+    currentPosition: z,
+    onScaleChange: (e, c) => {
+      Q(e), _(c);
     },
-    onPositionChange: (t) => {
-      V(t);
+    onPositionChange: (e) => {
+      _(e);
     }
   });
-  const Zt = D((t, c) => {
-    if (!d) return;
-    const y = c.target.getStage();
+  const Je = N((e, c) => {
+    if (!h) return;
+    const g = c.target.getStage();
+    if (!g) return;
+    const y = g.getPointerPosition();
     if (!y) return;
-    const b = y.getPointerPosition();
-    if (!b) return;
-    const x = y.container().getBoundingClientRect();
-    Mt({
+    const v = g.container().getBoundingClientRect();
+    Re({
       visible: !0,
-      x: x.left + b.x,
-      y: x.top + b.y,
-      seat: t,
-      state: et(t)
+      x: v.left + y.x,
+      y: v.top + y.y,
+      seat: e,
+      state: ne(e)
     });
-  }, [d, et]), Kt = D(() => {
-    Mt((t) => ({ ...t, visible: !1 }));
+  }, [h, ne]), Qe = N(() => {
+    Re((e) => ({ ...e, visible: !1 }));
   }, []);
-  if (Bt)
-    return /* @__PURE__ */ p("div", { className: `flex items-center justify-center h-full ${w}`, children: /* @__PURE__ */ p("p", { children: "Loading seat map..." }) });
-  if (Q)
-    return /* @__PURE__ */ p("div", { className: `flex items-center justify-center h-full ${w}`, children: /* @__PURE__ */ k("p", { className: "text-red-500", children: [
+  if (Ve)
+    return /* @__PURE__ */ b("div", { className: `flex items-center justify-center h-full ${m}`, children: /* @__PURE__ */ b("p", { children: "Loading seat map..." }) });
+  if (te)
+    return /* @__PURE__ */ b("div", { className: `flex items-center justify-center h-full ${m}`, children: /* @__PURE__ */ k("p", { className: "text-red-500", children: [
       "Error loading seat map: ",
-      Q.message
+      te.message
     ] }) });
-  if (!g)
-    return /* @__PURE__ */ p("div", { className: `flex items-center justify-center h-full ${w}`, children: /* @__PURE__ */ p("p", { children: "No configuration provided" }) });
-  const Jt = E.width || g.canvas.width, Qt = E.height || g.canvas.height;
+  if (!p)
+    return /* @__PURE__ */ b("div", { className: `flex items-center justify-center h-full ${m}`, children: /* @__PURE__ */ b("p", { children: "No configuration provided" }) });
+  const et = F.width || p.canvas.width, tt = F.height || p.canvas.height;
   return /* @__PURE__ */ k(
     "div",
     {
-      ref: wt,
-      className: `relative ${w}`,
+      ref: ce,
+      className: `relative ${m}`,
       style: { width: "100%", height: "100%" },
       children: [
-        Ht && bt.length > 0 && /* @__PURE__ */ p(
-          Tt,
+        Oe && ye.length > 0 && /* @__PURE__ */ b(
+          Ye,
           {
-            floors: bt,
-            currentFloorId: X,
-            onFloorChange: Vt,
-            showAllOption: z,
-            allLabel: A,
+            floors: ye,
+            currentFloorId: Y,
+            onFloorChange: He,
+            showAllOption: W,
+            allLabel: P,
             position: I,
-            className: R
+            className: L
           }
         ),
         /* @__PURE__ */ k(
-          se,
+          ct,
           {
-            ref: gt,
-            width: Jt,
-            height: Qt,
-            scaleX: L,
-            scaleY: L,
-            x: N.x,
-            y: N.y,
+            ref: J,
+            width: et,
+            height: tt,
+            scaleX: D,
+            scaleY: D,
+            x: z.x,
+            y: z.y,
             draggable: !0,
-            onDragEnd: qt,
-            onWheel: Gt,
-            style: { backgroundColor: g.canvas.backgroundColor, cursor: "grab" },
+            onDragEnd: Ze,
+            onWheel: Ke,
+            style: { backgroundColor: p.canvas.backgroundColor, cursor: "grab" },
             children: [
-              /* @__PURE__ */ p(Et, { listening: !1, children: dt.map((t) => /* @__PURE__ */ p(
-                zt,
+              /* @__PURE__ */ b(Ee, { listening: !1, children: he.map((e) => /* @__PURE__ */ b(
+                Xe,
                 {
-                  stage: t,
-                  stageColor: ut.stageColor
+                  stage: e,
+                  stageColor: ue.stageColor
                 },
-                t.id
+                e.id
               )) }),
-              /* @__PURE__ */ p(Et, { children: _.map((t) => /* @__PURE__ */ p(
-                Nt,
+              /* @__PURE__ */ b(Ee, { children: Z.map((e) => /* @__PURE__ */ b(
+                Te,
                 {
-                  seat: t,
-                  state: et(t),
-                  colors: ut,
-                  onClick: Ot,
-                  onMouseEnter: Zt,
-                  onMouseLeave: Kt
+                  seat: e,
+                  state: ne(e),
+                  colors: ue,
+                  onClick: _e,
+                  onMouseEnter: Je,
+                  onMouseLeave: Qe
                 },
-                t.id
+                e.id
               )) })
             ]
           }
         ),
-        d && /* @__PURE__ */ p(
-          Yt,
+        h && /* @__PURE__ */ b(
+          Ae,
           {
-            visible: J.visible,
-            x: J.x,
-            y: J.y,
-            seat: J.seat,
-            currency: ut.currency,
-            state: J.state
+            visible: ee.visible,
+            x: ee.x,
+            y: ee.y,
+            seat: ee.seat,
+            currency: ue.currency,
+            state: ee.state
           }
         ),
-        j && a && /* @__PURE__ */ p(
-          Xt,
+        $ && x && /* @__PURE__ */ b(
+          je,
           {
-            scale: L,
-            minScale: q,
-            maxScale: T,
-            onZoomIn: Ut,
-            onZoomOut: _t,
-            position: st,
-            className: G
+            scale: D,
+            minScale: K,
+            maxScale: A,
+            onZoomIn: qe,
+            onZoomOut: Ge,
+            position: ae,
+            className: Ce
           }
         ),
-        nt.length > 0 && /* @__PURE__ */ k("div", { className: "absolute top-4 right-4 bg-white dark:bg-gray-800 p-4 rounded shadow-lg", children: [
+        oe.length > 0 && /* @__PURE__ */ k("div", { className: "absolute top-4 right-4 bg-white dark:bg-gray-800 p-4 rounded shadow-lg", children: [
           /* @__PURE__ */ k("h3", { className: "font-semibold mb-2", children: [
             "Selected Seats (",
-            nt.length,
+            oe.length,
             ")"
           ] }),
-          /* @__PURE__ */ p("div", { className: "max-h-48 overflow-y-auto space-y-1", children: nt.map((t) => /* @__PURE__ */ k("div", { className: "text-sm", children: [
-            t.seatNumber,
-            t.price && ` - ${ut.currency} ${t.price.toFixed(2)}`
-          ] }, t.id)) })
+          /* @__PURE__ */ b("div", { className: "max-h-48 overflow-y-auto space-y-1", children: oe.map((e) => /* @__PURE__ */ k("div", { className: "text-sm", children: [
+            e.seatNumber,
+            e.price && ` - ${ue.currency} ${e.price.toFixed(2)}`
+          ] }, e.id)) })
         ] })
       ]
     }
   );
 };
-let rt = null;
-function Ce(e) {
-  rt = e;
+let ie = null;
+function Rt(t) {
+  ie = t;
 }
-function St() {
-  if (!rt)
+function xe() {
+  if (!ie)
     throw new Error(
       "Firebase database not initialized. Call initializeFirebaseForViewer(db) first."
     );
-  return rt;
+  return ie;
 }
-function vt() {
-  return rt !== null;
+function we() {
+  return ie !== null;
 }
-function Me() {
-  rt = null;
+function Et() {
+  ie = null;
 }
-function pe(e) {
-  const { seatMapId: n, enabled: s = !0, onStateChange: o, onError: h } = e, [f, l] = M(null), [m, u] = M(!0), [i, r] = M(null), [d, a] = M(null), [w, S] = M([]), [C, F] = M([]), I = W(o), R = W(h);
-  return I.current = o, R.current = h, Y(() => {
-    if (!s || !n) {
-      u(!1);
+function Le(t, n) {
+  const s = [], o = [], u = [];
+  return Object.entries(t).forEach(([l, r]) => {
+    r && typeof r == "object" && r.state && (r.state === "unavailable" ? u.push(l) : r.state === "reserved" && (n && r.userId === n ? s.push(l) : o.push(l)));
+  }), { myReservedSeats: s, otherReservedSeats: o, unavailableSeats: u };
+}
+function yt(t) {
+  const { seatMapId: n, currentUserId: s, enabled: o = !0, onStateChange: u, onError: l } = t, [r, S] = M(null), [f, i] = M(!0), [a, d] = M(null), [h, x] = M(null), [m, C] = M([]), [R, E] = M([]), [I, L] = M([]), W = X(u), P = X(l), H = X(s);
+  return W.current = u, P.current = l, H.current = s, T(() => {
+    if (!o || !n) {
+      i(!1);
       return;
     }
-    if (!vt()) {
-      u(!1), r(new Error("Firebase not initialized. Call initializeFirebaseForViewer first."));
+    if (!we()) {
+      i(!1), d(new Error("Firebase not initialized. Call initializeFirebaseForViewer first."));
       return;
     }
-    const z = St(), A = mt(z, `seat_states/${n}`);
-    return u(!0), r(null), Lt(A, (j) => {
-      const G = j.val() || {};
-      l(G), u(!1), a(Date.now());
-      const Z = [], T = [];
-      Object.entries(G).forEach(([B, at]) => {
-        at === "reserved" ? Z.push(B) : at === "unavailable" && T.push(B);
-      }), S(Z), F(T), I.current?.(G);
-    }, (j) => {
-      r(j), u(!1), R.current?.(j);
+    const j = xe(), $ = Se(j, `seat_states/${n}`);
+    return i(!0), d(null), Ne($, (O) => {
+      const B = O.val() || {};
+      S(B), i(!1), x(Date.now());
+      const { myReservedSeats: ge, otherReservedSeats: J, unavailableSeats: ce } = Le(B, H.current);
+      C(ge), E(J), L(ce), W.current?.(B);
+    }, (O) => {
+      d(O), i(!1), P.current?.(O);
     }), () => {
-      Dt(A);
+      ze($);
     };
-  }, [n, s]), {
-    states: f,
-    loading: m,
-    error: i,
-    lastUpdated: d,
-    reservedSeats: w,
-    unavailableSeats: C
+  }, [n, o]), T(() => {
+    if (r) {
+      const { myReservedSeats: j, otherReservedSeats: $, unavailableSeats: ae } = Le(r, s);
+      C(j), E($), L(ae);
+    }
+  }, [s, r]), {
+    states: r,
+    loading: f,
+    error: a,
+    lastUpdated: h,
+    myReservedSeats: m,
+    otherReservedSeats: R,
+    unavailableSeats: I,
+    // Legacy alias
+    reservedSeats: R
   };
 }
-function be(e) {
+function vt(t) {
   const {
     seatMapId: n,
     enabled: s = !0,
     subscribeToChanges: o = !1,
-    onConfigLoad: h,
-    onError: f
-  } = e, [l, m] = M(null), [u, i] = M(!0), [r, d] = M(null), a = W(h), w = W(f);
-  a.current = h, w.current = f;
-  const S = D(async () => {
+    onConfigLoad: u,
+    onError: l
+  } = t, [r, S] = M(null), [f, i] = M(!0), [a, d] = M(null), h = X(u), x = X(l);
+  h.current = u, x.current = l;
+  const m = N(async () => {
     if (!n) return;
-    if (!vt()) {
+    if (!we()) {
       d(new Error("Firebase not initialized. Call initializeFirebaseForViewer first.")), i(!1);
       return;
     }
-    const C = St(), F = mt(C, `seatmaps/${n}`);
+    const C = xe(), R = Se(C, `seatmaps/${n}`);
     try {
       i(!0), d(null);
-      const R = (await le(F)).val();
-      if (R) {
-        const z = ue(R);
-        m(z), a.current?.(z);
+      const I = (await ut(R)).val();
+      if (I) {
+        const L = ht(I);
+        S(L), h.current?.(L);
       } else
         d(new Error(`Seat map ${n} not found in Firebase`));
-    } catch (I) {
-      const R = I instanceof Error ? I : new Error("Unknown error");
-      d(R), w.current?.(R);
+    } catch (E) {
+      const I = E instanceof Error ? E : new Error("Unknown error");
+      d(I), x.current?.(I);
     } finally {
       i(!1);
     }
   }, [n]);
-  return Y(() => {
+  return T(() => {
     if (!s || !n) {
       i(!1);
       return;
     }
-    if (S(), o && vt()) {
-      const C = St(), F = mt(C, `seatmaps/${n}/meta/updated_at`);
-      let I = !0;
-      return Lt(F, (z) => {
-        if (I) {
-          I = !1;
+    if (m(), o && we()) {
+      const C = xe(), R = Se(C, `seatmaps/${n}/meta/updated_at`);
+      let E = !0;
+      return Ne(R, (L) => {
+        if (E) {
+          E = !1;
           return;
         }
-        z.exists() && S();
+        L.exists() && m();
       }), () => {
-        Dt(F);
+        ze(R);
       };
     }
-  }, [n, s, o, S]), {
-    config: l,
-    loading: u,
-    error: r,
-    refetch: S
+  }, [n, s, o, m]), {
+    config: r,
+    loading: f,
+    error: a,
+    refetch: m
   };
 }
-function Ee(e) {
+function Ft(t) {
   const {
     seatMapId: n,
-    enabled: s = !0,
-    subscribeToDesignChanges: o = !1,
-    onConfigLoad: h,
-    onStateChange: f,
-    onError: l
-  } = e, {
-    config: m,
-    loading: u,
-    error: i,
-    refetch: r
-  } = be({
+    userId: s,
+    enabled: o = !0,
+    subscribeToDesignChanges: u = !1,
+    onConfigLoad: l,
+    onStateChange: r,
+    onError: S
+  } = t, {
+    config: f,
+    loading: i,
+    error: a,
+    refetch: d
+  } = vt({
     seatMapId: n,
-    enabled: s,
-    subscribeToChanges: o,
-    onConfigLoad: h,
-    onError: l
+    enabled: o,
+    subscribeToChanges: u,
+    onConfigLoad: l,
+    onError: S
   }), {
-    states: d,
-    loading: a,
-    error: w,
-    lastUpdated: S,
-    reservedSeats: C,
-    unavailableSeats: F
-  } = pe({
+    states: h,
+    loading: x,
+    error: m,
+    lastUpdated: C,
+    myReservedSeats: R,
+    otherReservedSeats: E,
+    unavailableSeats: I,
+    reservedSeats: L
+  } = yt({
     seatMapId: n,
-    enabled: s,
-    onStateChange: f,
-    onError: l
+    currentUserId: s,
+    enabled: o,
+    onStateChange: r,
+    onError: S
   });
   return {
-    config: m,
-    loading: u || a,
-    error: i || w,
-    reservedSeats: C,
-    unavailableSeats: F,
-    seatStates: d,
-    lastUpdated: S,
-    refetch: r
+    config: f,
+    loading: i || x,
+    error: a || m,
+    myReservedSeats: R,
+    otherReservedSeats: E,
+    unavailableSeats: I,
+    reservedSeats: L,
+    seatStates: h,
+    lastUpdated: C,
+    refetch: d
   };
 }
 export {
-  ge as DEFAULT_COLORS,
-  we as SeatMapViewer,
-  Me as clearFirebaseInstance,
-  Ce as initializeFirebaseForViewer,
-  vt as isFirebaseInitialized,
-  de as useConfigFetcher,
-  he as useContainerSize,
-  be as useFirebaseConfig,
-  pe as useFirebaseSeatStates,
-  Ee as useRealtimeSeatMap,
-  fe as useTouchGestures
+  bt as DEFAULT_COLORS,
+  Mt as SeatMapViewer,
+  Et as clearFirebaseInstance,
+  Rt as initializeFirebaseForViewer,
+  we as isFirebaseInitialized,
+  ft as useConfigFetcher,
+  pt as useContainerSize,
+  vt as useFirebaseConfig,
+  yt as useFirebaseSeatStates,
+  Ft as useRealtimeSeatMap,
+  gt as useTouchGestures
 };