@zonetrix/viewer 2.12.0 → 2.13.0

package/dist/index.mjs

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