analytica-frontend-lib 1.2.52 → 1.2.53

package/dist/hooks/useChat.d.ts

@@ -0,0 +1,112 @@
+import type { ChatMessage, ChatParticipant } from '../types/chat';
+/**
+ * WebSocket connection states
+ */
+export declare const WS_STATES: {
+    readonly CONNECTING: 0;
+    readonly OPEN: 1;
+    readonly CLOSING: 2;
+    readonly CLOSED: 3;
+};
+/**
+ * Options for the useChat hook
+ */
+export interface UseChatOptions {
+    /** WebSocket URL (e.g., wss://api.example.com/chat/ws) */
+    wsUrl: string;
+    /** JWT authentication token */
+    token: string;
+    /** Chat room ID */
+    roomId: string;
+    /** Current user's userInstitutionId */
+    userId: string;
+    /** Callback when connection is established */
+    onConnect?: () => void;
+    /** Callback when connection is closed */
+    onDisconnect?: () => void;
+    /** Callback when an error occurs */
+    onError?: (error: Error) => void;
+    /** Auto-reconnect on disconnect (default: true) */
+    autoReconnect?: boolean;
+    /** Reconnect interval in ms (default: 3000) */
+    reconnectInterval?: number;
+    /** Max reconnect attempts (default: 5) */
+    maxReconnectAttempts?: number;
+}
+/**
+ * Return type for the useChat hook
+ */
+export interface UseChatReturn {
+    /** Whether WebSocket is connected */
+    isConnected: boolean;
+    /** List of chat messages */
+    messages: ChatMessage[];
+    /** List of room participants */
+    participants: ChatParticipant[];
+    /** Send a text message */
+    sendMessage: (content: string) => void;
+    /** Leave the chat room */
+    leave: () => void;
+    /** Current error state */
+    error: Error | null;
+    /** Reconnect to the WebSocket */
+    reconnect: () => void;
+    /** Current user ID for identifying own messages */
+    currentUserId: string;
+}
+/**
+ * Hook for managing WebSocket connection to a chat room
+ *
+ * Handles:
+ * - WebSocket connection lifecycle
+ * - Message sending/receiving
+ * - Participant tracking
+ * - Auto-reconnection
+ *
+ * @param options - Hook configuration options
+ * @returns Chat state and actions
+ *
+ * @example
+ * ```tsx
+ * const {
+ *   isConnected,
+ *   messages,
+ *   participants,
+ *   sendMessage,
+ *   error
+ * } = useChat({
+ *   wsUrl: 'wss://api.example.com/chat/ws',
+ *   token: authToken,
+ *   roomId: 'room-123',
+ *   userId: 'user-456',
+ *   onConnect: () => console.log('Connected!'),
+ *   onError: (err) => console.error('Error:', err),
+ * });
+ *
+ * const handleSend = () => {
+ *   sendMessage('Hello, world!');
+ * };
+ * ```
+ */
+export declare function useChat({ wsUrl, token, roomId, userId, onConnect, onDisconnect, onError, autoReconnect, reconnectInterval, maxReconnectAttempts, }: UseChatOptions): UseChatReturn;
+/**
+ * Factory function to create a pre-configured useChat hook
+ *
+ * @param baseWsUrl - Base WebSocket URL
+ * @returns Factory function that creates the hook with room-specific options
+ *
+ * @example
+ * ```tsx
+ * // In your app setup
+ * const createChatHook = createUseChat('wss://api.example.com/chat/ws');
+ *
+ * // In component
+ * const { messages, sendMessage } = createChatHook({
+ *   token: authToken,
+ *   roomId: 'room-123',
+ *   userId: 'user-456',
+ * });
+ * ```
+ */
+export declare function createUseChat(baseWsUrl: string): (options: Omit<UseChatOptions, "wsUrl">) => UseChatReturn;
+//# sourceMappingURL=useChat.d.ts.map

package/dist/hooks/useChat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChat.d.ts","sourceRoot":"","sources":["../../src/hooks/useChat.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,WAAW,EACX,eAAe,EAGhB,MAAM,eAAe,CAAC;AAEvB;;GAEG;AACH,eAAO,MAAM,SAAS;;;;;CAKZ,CAAC;AAEX;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,0DAA0D;IAC1D,KAAK,EAAE,MAAM,CAAC;IACd,+BAA+B;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,uCAAuC;IACvC,MAAM,EAAE,MAAM,CAAC;IACf,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,oCAAoC;IACpC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,mDAAmD;IACnD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,+CAA+C;IAC/C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,0CAA0C;IAC1C,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,qCAAqC;IACrC,WAAW,EAAE,OAAO,CAAC;IACrB,4BAA4B;IAC5B,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,gCAAgC;IAChC,YAAY,EAAE,eAAe,EAAE,CAAC;IAChC,0BAA0B;IAC1B,WAAW,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,0BAA0B;IAC1B,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,0BAA0B;IAC1B,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,iCAAiC;IACjC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,mDAAmD;IACnD,aAAa,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,KAAK,EACL,MAAM,EACN,MAAM,EACN,SAAS,EACT,YAAY,EACZ,OAAO,EACP,aAAoB,EACpB,iBAAwB,EACxB,oBAAwB,GACzB,EAAE,cAAc,GAAG,aAAa,CAuOhC;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,aAAa,CAAC,SAAS,EAAE,MAAM,IACrC,SAAS,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC,mBAE/C"}

package/dist/hooks/useChatRooms.d.ts

@@ -0,0 +1,76 @@
+import type { ChatApiClient, ChatRoom, ChatRoomWithDetails, ChatUser } from '../types/chat';
+/**
+ * Options for the useChatRooms hook
+ */
+export interface UseChatRoomsOptions {
+    apiClient: ChatApiClient;
+}
+/**
+ * Return type for the useChatRooms hook
+ */
+export interface UseChatRoomsReturn {
+    /** List of user's chat rooms */
+    rooms: ChatRoomWithDetails[];
+    /** Available users for creating new chat rooms */
+    availableUsers: ChatUser[];
+    /** Loading state */
+    loading: boolean;
+    /** Error state */
+    error: Error | null;
+    /** Fetch user's chat rooms */
+    fetchRooms: () => Promise<void>;
+    /** Fetch available users for chat */
+    fetchAvailableUsers: () => Promise<void>;
+    /** Create a new chat room */
+    createRoom: (participantIds: string[]) => Promise<ChatRoom | null>;
+    /** Clear error state */
+    clearError: () => void;
+}
+/**
+ * Hook for managing chat rooms via REST API
+ *
+ * Provides functionality to:
+ * - List user's chat rooms
+ * - Fetch available users for new chats
+ * - Create new chat rooms
+ *
+ * @param options - Hook configuration options
+ * @returns Chat rooms state and actions
+ *
+ * @example
+ * ```tsx
+ * const { rooms, fetchRooms, createRoom } = useChatRooms({ apiClient: api });
+ *
+ * useEffect(() => {
+ *   fetchRooms();
+ * }, []);
+ *
+ * const handleCreateRoom = async (userIds: string[]) => {
+ *   const room = await createRoom(userIds);
+ *   if (room) {
+ *     // Navigate to the new room
+ *   }
+ * };
+ * ```
+ */
+export declare function useChatRooms({ apiClient, }: UseChatRoomsOptions): UseChatRoomsReturn;
+/**
+ * Factory function to create a pre-configured useChatRooms hook
+ *
+ * @param apiClient - API client instance
+ * @returns Pre-configured hook function
+ *
+ * @example
+ * ```tsx
+ * // In your app setup
+ * import { createUseChatRooms } from 'analytica-frontend-lib';
+ * import api from './services/api';
+ *
+ * export const useChatRooms = createUseChatRooms(api);
+ *
+ * // Then use directly in components
+ * const { rooms, fetchRooms } = useChatRooms();
+ * ```
+ */
+export declare function createUseChatRooms(apiClient: ChatApiClient): () => UseChatRoomsReturn;
+//# sourceMappingURL=useChatRooms.d.ts.map

package/dist/hooks/useChatRooms.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChatRooms.d.ts","sourceRoot":"","sources":["../../src/hooks/useChatRooms.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,aAAa,EACb,QAAQ,EACR,mBAAmB,EACnB,QAAQ,EAIT,MAAM,eAAe,CAAC;AAEvB;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,SAAS,EAAE,aAAa,CAAC;CAC1B;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,gCAAgC;IAChC,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAC7B,kDAAkD;IAClD,cAAc,EAAE,QAAQ,EAAE,CAAC;IAC3B,oBAAoB;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,kBAAkB;IAClB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,8BAA8B;IAC9B,UAAU,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAChC,qCAAqC;IACrC,mBAAmB,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACzC,6BAA6B;IAC7B,UAAU,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,KAAK,OAAO,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAC;IACnE,wBAAwB;IACxB,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,YAAY,CAAC,EAC3B,SAAS,GACV,EAAE,mBAAmB,GAAG,kBAAkB,CAkG1C;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,aAAa,4BAE1D"}

package/dist/index.css

@@ -1012,6 +1012,9 @@
   .max-h-32 {
     max-height: calc(var(--spacing) * 32);
   }
+  .max-h-64 {
+    max-height: calc(var(--spacing) * 64);
+  }
   .max-h-\[70vh\] {
     max-height: 70vh;
   }
@@ -1114,6 +1117,9 @@
   .w-1 {
     width: calc(var(--spacing) * 1);
   }
+  .w-1\/2 {
+    width: calc(1/2 * 100%);
+  }
   .w-2 {
     width: calc(var(--spacing) * 2);
   }
@@ -1126,6 +1132,9 @@
   .w-3\.5 {
     width: calc(var(--spacing) * 3.5);
   }
+  .w-3\/4 {
+    width: calc(3/4 * 100%);
+  }
   .w-4 {
     width: calc(var(--spacing) * 4);
   }
@@ -1165,6 +1174,9 @@
   .w-48 {
     width: calc(var(--spacing) * 48);
   }
+  .w-64 {
+    width: calc(var(--spacing) * 64);
+  }
   .w-72 {
     width: calc(var(--spacing) * 72);
   }
@@ -1289,6 +1301,9 @@
   .max-w-20 {
     max-width: calc(var(--spacing) * 20);
   }
+  .max-w-\[70\%\] {
+    max-width: 70%;
+  }
   .max-w-\[85px\] {
     max-width: 85px;
   }
@@ -1594,6 +1609,9 @@
   .flex-row {
     flex-direction: row;
   }
+  .flex-row-reverse {
+    flex-direction: row-reverse;
+  }
   .flex-wrap {
     flex-wrap: wrap;
   }
@@ -1850,6 +1868,12 @@
     border-bottom-right-radius: var(--radius-xl);
     border-bottom-left-radius: var(--radius-xl);
   }
+  .rounded-br-md {
+    border-bottom-right-radius: var(--radius-md);
+  }
+  .rounded-bl-md {
+    border-bottom-left-radius: var(--radius-md);
+  }
   .border {
     border-style: var(--tw-border-style);
     border-width: 1px;
@@ -1886,6 +1910,10 @@
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 2px;
   }
+  .border-l {
+    border-left-style: var(--tw-border-style);
+    border-left-width: 1px;
+  }
   .border-l-4 {
     border-left-style: var(--tw-border-style);
     border-left-width: 4px;
@@ -16609,6 +16637,11 @@
       margin-left: calc(var(--spacing) * 96);
     }
   }
+  .lg\:block {
+    @media (width >= 64rem) {
+      display: block;
+    }
+  }
   .lg\:flex {
     @media (width >= 64rem) {
       display: flex;