@zonetrix/viewer 2.12.0 → 2.13.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zonetrix/viewer",
-  "version": "2.12.0",
+  "version": "2.13.1",
   "type": "module",
   "description": "Lightweight React component for rendering interactive seat maps",
   "main": "./dist/index.js",

package/dist/firebase/client.d.ts

@@ -1,30 +0,0 @@
-import { Database } from 'firebase/database';
-/**
- * Initialize the Firebase database instance for the viewer
- * This should be called by the host application after Firebase is initialized
- *
- * @example
- * ```tsx
- * import { initializeApp } from 'firebase/app';
- * import { getDatabase } from 'firebase/database';
- * import { initializeFirebaseForViewer } from '@zonetrix/viewer';
- *
- * const app = initializeApp(firebaseConfig);
- * const db = getDatabase(app);
- * initializeFirebaseForViewer(db);
- * ```
- */
-export declare function initializeFirebaseForViewer(database: Database): void;
-/**
- * Get the Firebase database instance
- * @throws Error if Firebase hasn't been initialized
- */
-export declare function getFirebaseDatabase(): Database;
-/**
- * Check if Firebase has been initialized for the viewer
- */
-export declare function isFirebaseInitialized(): boolean;
-/**
- * Clear the Firebase database instance (useful for testing)
- */
-export declare function clearFirebaseInstance(): void;

package/dist/hooks/useFirebaseConfig.d.ts

@@ -1,41 +0,0 @@
-import { SeatMapConfig } from '../types';
-export interface UseFirebaseConfigOptions {
-    /** The seat map ID to load */
-    seatMapId: string | null;
-    /** Whether loading is enabled (default: true) */
-    enabled?: boolean;
-    /** Subscribe to design changes in real-time (default: false) */
-    subscribeToChanges?: boolean;
-    /** Callback when config loads or changes */
-    onConfigLoad?: (config: SeatMapConfig) => void;
-    /** Callback on error */
-    onError?: (error: Error) => void;
-}
-export interface UseFirebaseConfigResult {
-    /** The loaded configuration */
-    config: SeatMapConfig | null;
-    /** Whether loading is in progress */
-    loading: boolean;
-    /** Any error that occurred */
-    error: Error | null;
-    /** Manually refetch the config */
-    refetch: () => Promise<void>;
-}
-/**
- * Load seat map configuration from Firebase
- *
- * @example
- * ```tsx
- * // One-time load
- * const { config, loading, error } = useFirebaseConfig({
- *   seatMapId: '123',
- * });
- *
- * // With real-time design updates (for admin/editor preview)
- * const { config } = useFirebaseConfig({
- *   seatMapId: '123',
- *   subscribeToChanges: true,
- * });
- * ```
- */
-export declare function useFirebaseConfig(options: UseFirebaseConfigOptions): UseFirebaseConfigResult;

package/dist/hooks/useFirebaseSeatStates.d.ts

@@ -1,53 +0,0 @@
-import { FirebaseSeatStates } from '@zonetrix/shared';
-export interface UseFirebaseSeatStatesOptions {
-    /** The seat map ID to subscribe to */
-    seatMapId: string | null;
-    /** Current user ID for user-aware state derivation */
-    currentUserId?: string;
-    /** Whether the subscription is enabled (default: true) */
-    enabled?: boolean;
-    /** Callback when states change */
-    onStateChange?: (states: FirebaseSeatStates) => void;
-    /** Callback on error */
-    onError?: (error: Error) => void;
-}
-export interface UseFirebaseSeatStatesResult {
-    /** Current seat states map */
-    states: FirebaseSeatStates | null;
-    /** Whether initial load is in progress */
-    loading: boolean;
-    /** Any error that occurred */
-    error: Error | null;
-    /** Timestamp of last update */
-    lastUpdated: number | null;
-    /** Seats reserved by current user (show as selected) */
-    myReservedSeats: string[];
-    /** Seats reserved by other users (show as reserved) */
-    otherReservedSeats: string[];
-    /** Seats unavailable for everyone */
-    unavailableSeats: string[];
-    /** @deprecated Use otherReservedSeats instead */
-    reservedSeats: string[];
-}
-/**
- * Subscribe to real-time seat state updates from Firebase
- * Uses useSyncExternalStore for stable snapshot handling
- *
- * @example
- * ```tsx
- * const { myReservedSeats, otherReservedSeats, unavailableSeats, loading } = useFirebaseSeatStates({
- *   seatMapId: '123',
- *   currentUserId: 'user-abc',
- * });
- *
- * return (
- *   <SeatMapViewer
- *     config={config}
- *     myReservedSeats={myReservedSeats}
- *     reservedSeats={otherReservedSeats}
- *     unavailableSeats={unavailableSeats}
- *   />
- * );
- * ```
- */
-export declare function useFirebaseSeatStates(options: UseFirebaseSeatStatesOptions): UseFirebaseSeatStatesResult;

package/dist/hooks/useRealtimeSeatMap.d.ts

@@ -1,74 +0,0 @@
-import { SeatMapConfig } from '../types';
-import { FirebaseSeatStates } from '@zonetrix/shared';
-export interface UseRealtimeSeatMapOptions {
-    /** The seat map ID to load and subscribe to */
-    seatMapId: string | null;
-    /** Current user ID for user-aware state derivation */
-    userId?: string;
-    /** Whether the hook is enabled (default: true) */
-    enabled?: boolean;
-    /** Subscribe to design changes in real-time (default: false) */
-    subscribeToDesignChanges?: boolean;
-    /** Callback when config loads */
-    onConfigLoad?: (config: SeatMapConfig) => void;
-    /** Callback when seat states change */
-    onStateChange?: (states: FirebaseSeatStates) => void;
-    /** Callback on any error */
-    onError?: (error: Error) => void;
-}
-export interface UseRealtimeSeatMapResult {
-    /** The seat map configuration */
-    config: SeatMapConfig | null;
-    /** Whether initial loading is in progress */
-    loading: boolean;
-    /** Any error that occurred */
-    error: Error | null;
-    /** Seats reserved by current user (show as selected) */
-    myReservedSeats: string[];
-    /** Seats reserved by other users (show as reserved) */
-    otherReservedSeats: string[];
-    /** Seats unavailable for everyone */
-    unavailableSeats: string[];
-    /** @deprecated Use otherReservedSeats instead */
-    reservedSeats: string[];
-    /** Raw seat states map */
-    seatStates: FirebaseSeatStates | null;
-    /** Timestamp of last state update */
-    lastUpdated: number | null;
-    /** Manually refetch the config */
-    refetch: () => Promise<void>;
-}
-/**
- * Combined hook for loading config and subscribing to real-time seat states
- *
- * @example
- * ```tsx
- * import { useRealtimeSeatMap, SeatMapViewer } from '@zonetrix/viewer';
- *
- * function BookingPage({ seatMapId, userId }) {
- *   const {
- *     config,
- *     myReservedSeats,
- *     otherReservedSeats,
- *     unavailableSeats,
- *     loading,
- *     error
- *   } = useRealtimeSeatMap({ seatMapId, userId });
- *
- *   if (loading) return <LoadingSpinner />;
- *   if (error) return <ErrorMessage error={error} />;
- *   if (!config) return null;
- *
- *   return (
- *     <SeatMapViewer
- *       config={config}
- *       myReservedSeats={myReservedSeats}
- *       reservedSeats={otherReservedSeats}
- *       unavailableSeats={unavailableSeats}
- *       onSeatSelect={handleSeatSelect}
- *     />
- *   );
- * }
- * ```
- */
-export declare function useRealtimeSeatMap(options: UseRealtimeSeatMapOptions): UseRealtimeSeatMapResult;