@zonetrix/viewer 2.11.2 → 2.13.0

package/dist/index.mjs

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