analytica-frontend-lib 1.2.55 → 1.2.56

package/dist/index.mjs

@@ -19258,7 +19258,7 @@ import { useCallback as useCallback14, useEffect as useEffect38, useMemo as useM
 import { useNavigate as useNavigate2 } from "react-router-dom";
 function useAppContent(config) {
   const navigate = useNavigate2();
-  const { setTokens, setSessionInfo, setSelectedProfile, setUser } = useAuthStore();
+  const { setTokens, setSessionInfo, setSelectedProfile } = useAuthStore();
   const {
     api,
     getInstitutionId,
@@ -19309,7 +19309,6 @@ function useAppContent(config) {
       setTokens,
       setSessionInfo,
       setSelectedProfile: handleSetSelectedProfile,
-      setUser,
       api: apiConfig,
       endpoint,
       clearParamsFromURL: handleClearParamsFromURL,
@@ -19321,7 +19320,6 @@ function useAppContent(config) {
       setTokens,
       setSessionInfo,
       handleSetSelectedProfile,
-      setUser,
       apiConfig,
       endpoint,
       handleClearParamsFromURL,
@@ -25153,6 +25151,9 @@ function useChat({
     null
   );
   const isManualDisconnectRef = useRef28(false);
+  const isConnectingRef = useRef28(false);
+  const connectRef = useRef28(() => {
+  });
   const sendWsMessage = useCallback27((message) => {
     if (wsRef.current?.readyState === WS_STATES.OPEN) {
       wsRef.current.send(JSON.stringify(message));
@@ -25243,15 +25244,20 @@ function useChat({
     [onError]
   );
   const connect = useCallback27(() => {
+    if (isConnectingRef.current) {
+      return;
+    }
     const url = new URL(wsUrl);
     url.searchParams.set("roomId", roomId);
     url.searchParams.set("token", token);
     if (wsRef.current) {
       wsRef.current.close();
     }
+    isConnectingRef.current = true;
     const ws = new WebSocket(url.toString());
     wsRef.current = ws;
     ws.onopen = () => {
+      isConnectingRef.current = false;
       setIsConnected(true);
       setError(null);
       reconnectAttemptsRef.current = 0;
@@ -25259,11 +25265,13 @@ function useChat({
     };
     ws.onmessage = handleMessage;
     ws.onerror = () => {
+      isConnectingRef.current = false;
       const error2 = new Error("Erro na conex\xE3o WebSocket");
       setError(error2);
       onError?.(error2);
     };
     ws.onclose = (event) => {
+      isConnectingRef.current = false;
       setIsConnected(false);
       onDisconnect?.();
       if (autoReconnect && !isManualDisconnectRef.current && reconnectAttemptsRef.current < maxReconnectAttempts && event.code !== 4001 && // Unauthorized
@@ -25287,22 +25295,40 @@ function useChat({
     reconnectInterval,
     maxReconnectAttempts
   ]);
+  connectRef.current = connect;
   const reconnect = useCallback27(() => {
     isManualDisconnectRef.current = false;
     reconnectAttemptsRef.current = 0;
-    connect();
-  }, [connect]);
+    connectRef.current();
+  }, []);
   useEffect46(() => {
+    if (!roomId) {
+      return;
+    }
+    if (reconnectTimeoutRef.current) {
+      clearTimeout(reconnectTimeoutRef.current);
+      reconnectTimeoutRef.current = null;
+    }
     isManualDisconnectRef.current = false;
-    connect();
+    isConnectingRef.current = false;
+    reconnectAttemptsRef.current = 0;
+    if (wsRef.current) {
+      wsRef.current.close(1e3, "Room changed");
+      wsRef.current = null;
+    }
+    const timeoutId = setTimeout(() => {
+      connectRef.current();
+    }, 100);
     return () => {
+      clearTimeout(timeoutId);
       isManualDisconnectRef.current = true;
+      isConnectingRef.current = false;
       if (reconnectTimeoutRef.current) {
         clearTimeout(reconnectTimeoutRef.current);
       }
       wsRef.current?.close(1e3, "Component unmounted");
     };
-  }, [connect]);
+  }, [roomId]);
   return {
     isConnected,
     messages,
@@ -25331,8 +25357,10 @@ function useChatRooms({
     setLoading(true);
     setError(null);
     try {
-      const response = await apiClient.get("/chat/rooms");
-      setRooms(response.data.rooms);
+      const response = await apiClient.get(
+        "/chat/rooms"
+      );
+      setRooms(response.data.data.rooms);
     } catch (err) {
       const error2 = err instanceof Error ? err : new Error("Erro ao carregar salas");
       setError(error2);
@@ -25348,7 +25376,7 @@ function useChatRooms({
       const response = await apiClient.get(
         "/chat/available-users"
       );
-      setAvailableUsers(response.data.users);
+      setAvailableUsers(response.data.data.users);
     } catch (err) {
       const error2 = err instanceof Error ? err : new Error("Erro ao carregar usu\xE1rios");
       setError(error2);
@@ -25369,7 +25397,7 @@ function useChatRooms({
           }
         );
         await fetchRooms();
-        return response.data.room;
+        return response.data.data.room;
       } catch (err) {
         const error2 = err instanceof Error ? err : new Error("Erro ao criar sala");
         setError(error2);
@@ -25415,7 +25443,7 @@ var CHAT_MESSAGE_TYPES = {
 };
 
 // src/components/Chat/Chat.tsx
-import { useState as useState52, useEffect as useEffect47, useCallback as useCallback29 } from "react";
+import { useState as useState52, useEffect as useEffect47, useCallback as useCallback29, useRef as useRef29 } from "react";
 import {
   PaperPlaneTiltIcon as PaperPlaneTiltIcon2,
   XIcon,
@@ -25548,7 +25576,14 @@ var UserSelector = ({
   },
   user.userInstitutionId
 )) });
-function Chat({
+function Chat(props) {
+  const { userId, token } = props;
+  if (!userId || !token) {
+    return /* @__PURE__ */ jsx104("div", { className: "flex items-center justify-center h-96", children: /* @__PURE__ */ jsx104(Text_default, { size: "sm", className: "text-text-500", children: "Carregando..." }) });
+  }
+  return /* @__PURE__ */ jsx104(ChatContent, { ...props });
+}
+function ChatContent({
   apiClient,
   wsUrl,
   token,
@@ -25556,7 +25591,10 @@ function Chat({
   userName,
   userPhoto,
   userRole,
-  className
+  className,
+  initialRoomId,
+  onRoomChange,
+  onBackToList
 }) {
   const [view, setView] = useState52("list");
   const [selectedRoom, setSelectedRoom] = useState52(
@@ -25567,6 +25605,7 @@ function Chat({
   );
   const [messageInput, setMessageInput] = useState52("");
   const [showCreateModal, setShowCreateModal] = useState52(false);
+  const hasHandledInitialRoomRef = useRef29(false);
   const {
     rooms,
     availableUsers,
@@ -25597,10 +25636,36 @@ function Chat({
   useEffect47(() => {
     fetchRooms();
   }, [fetchRooms]);
-  const handleSelectRoom = useCallback29((room) => {
-    setSelectedRoom(room);
-    setView("room");
-  }, []);
+  useEffect47(() => {
+    if (hasHandledInitialRoomRef.current) {
+      return;
+    }
+    if (!initialRoomId || roomsLoading) {
+      return;
+    }
+    if (rooms?.length > 0) {
+      const room = rooms.find((r) => r.id === initialRoomId);
+      if (room) {
+        hasHandledInitialRoomRef.current = true;
+        setSelectedRoom(room);
+        setView("room");
+      } else {
+        hasHandledInitialRoomRef.current = true;
+        onBackToList?.();
+      }
+    } else if (rooms !== void 0 && !roomsLoading) {
+      hasHandledInitialRoomRef.current = true;
+      onBackToList?.();
+    }
+  }, [initialRoomId, rooms, roomsLoading, onBackToList]);
+  const handleSelectRoom = useCallback29(
+    (room) => {
+      setSelectedRoom(room);
+      setView("room");
+      onRoomChange?.(room.id);
+    },
+    [onRoomChange]
+  );
   const handleOpenCreateModal = useCallback29(async () => {
     await fetchAvailableUsers();
     setSelectedUserIds(/* @__PURE__ */ new Set());
@@ -25623,9 +25688,9 @@ function Chat({
     if (room) {
       setShowCreateModal(false);
       setSelectedUserIds(/* @__PURE__ */ new Set());
-      await fetchRooms();
+      onRoomChange?.(room.id);
     }
-  }, [selectedUserIds, createRoom, fetchRooms]);
+  }, [selectedUserIds, createRoom, onRoomChange]);
   const handleSendMessage = useCallback29(() => {
     if (!messageInput.trim()) return;
     sendMessage(messageInput);
@@ -25634,7 +25699,8 @@ function Chat({
   const handleBackToList = useCallback29(() => {
     setSelectedRoom(null);
     setView("list");
-  }, []);
+    onBackToList?.();
+  }, [onBackToList]);
   const renderMessagesContent = () => {
     if (chatError) {
       return /* @__PURE__ */ jsx104("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ jsxs83("div", { className: "text-center", children: [
@@ -25642,10 +25708,13 @@ function Chat({
         /* @__PURE__ */ jsx104(Text_default, { size: "xs", className: "text-text-500", children: "Tentando reconectar..." })
       ] }) });
     }
-    if (messages.length === 0) {
+    const userMessages = messages?.filter(
+      (message) => message.messageType !== CHAT_MESSAGE_TYPES.SYSTEM
+    );
+    if (!userMessages?.length) {
       return /* @__PURE__ */ jsx104("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ jsx104(Text_default, { size: "sm", className: "text-text-500", children: "Nenhuma mensagem ainda. Comece a conversa!" }) });
     }
-    return messages.map((message) => /* @__PURE__ */ jsx104(
+    return userMessages.map((message) => /* @__PURE__ */ jsx104(
       MessageBubble,
       {
         message,
@@ -25697,14 +25766,14 @@ function Chat({
           /* @__PURE__ */ jsx104(SkeletonText, { className: "w-1/2 h-3" })
         ] })
       ] }, i)) }),
-      !roomsError && !roomsLoading && rooms.length === 0 && /* @__PURE__ */ jsx104(
+      !roomsError && !roomsLoading && !rooms?.length && /* @__PURE__ */ jsx104(
         EmptyState_default,
         {
           title: "Nenhuma conversa",
           description: "Comece uma nova conversa clicando no botao acima"
         }
       ),
-      !roomsError && !roomsLoading && rooms.length > 0 && /* @__PURE__ */ jsx104("div", { className: "space-y-1", children: rooms.map((room) => /* @__PURE__ */ jsx104(
+      !roomsError && !roomsLoading && !!rooms?.length && /* @__PURE__ */ jsx104("div", { className: "space-y-1", children: rooms.map((room) => /* @__PURE__ */ jsx104(
         RoomItem,
         {
           room,
@@ -25757,10 +25826,10 @@ function Chat({
       /* @__PURE__ */ jsxs83("div", { className: "w-64 border-l border-background-200 p-4 hidden lg:block", children: [
         /* @__PURE__ */ jsxs83(Text_default, { size: "sm", weight: "semibold", className: "text-text-900 mb-3", children: [
           "Participantes (",
-          participants.length,
+          participants?.length ?? 0,
           ")"
         ] }),
-        /* @__PURE__ */ jsx104("div", { className: "space-y-1", children: participants.map((participant) => /* @__PURE__ */ jsx104(
+        /* @__PURE__ */ jsx104("div", { className: "space-y-1", children: participants?.map((participant) => /* @__PURE__ */ jsx104(
           ParticipantItem,
           {
             participant
@@ -25792,8 +25861,8 @@ function Chat({
                 /* @__PURE__ */ jsx104(SkeletonRounded, { className: "w-10 h-10" }),
                 /* @__PURE__ */ jsx104(SkeletonText, { className: "flex-1 h-4" })
               ] }, i)) }),
-              !roomsLoading && availableUsers.length === 0 && /* @__PURE__ */ jsx104(Text_default, { size: "sm", className: "text-text-500 text-center py-4", children: "Nenhum usuario disponivel para chat" }),
-              !roomsLoading && availableUsers.length > 0 && /* @__PURE__ */ jsx104(
+              !roomsLoading && !availableUsers?.length && /* @__PURE__ */ jsx104(Text_default, { size: "sm", className: "text-text-500 text-center py-4", children: "Nenhum usuario disponivel para chat" }),
+              !roomsLoading && !!availableUsers?.length && /* @__PURE__ */ jsx104(
                 UserSelector,
                 {
                   users: availableUsers,
@@ -25820,6 +25889,38 @@ function Chat({
     }
   );
 }
+
+// src/components/Chat/ChatLoading.tsx
+import { jsx as jsx105 } from "react/jsx-runtime";
+function ChatLoading() {
+  return /* @__PURE__ */ jsx105("div", { className: "flex items-center justify-center h-96", children: /* @__PURE__ */ jsx105(Text_default, { size: "sm", className: "text-text-500", children: "Carregando..." }) });
+}
+
+// src/utils/chatUtils.ts
+var isChatUserInfoValid = (userInfo) => {
+  return Boolean(userInfo.userId && userInfo.token);
+};
+var getChatWsUrl = (apiUrl) => {
+  const baseUrl = apiUrl;
+  return baseUrl.replace(/^http/, "ws") + "/chat/ws";
+};
+var getChatUserInfo = (user, tokens, sessionInfo, defaultUserName = "Usuario") => {
+  const userId = String(user?.userInstitutionId ?? sessionInfo?.userId ?? "");
+  const userName = String(
+    user?.name ?? sessionInfo?.userName ?? defaultUserName
+  );
+  const photoUrl = String(
+    user?.urlProfilePicture ?? sessionInfo?.urlProfilePicture ?? ""
+  );
+  const userPhoto = photoUrl || null;
+  const token = tokens?.token || "";
+  return {
+    userId,
+    userName,
+    userPhoto,
+    token
+  };
+};
 export {
   ACTIVITY_AVAILABILITY,
   ACTIVITY_FILTER_STATUS_OPTIONS,
@@ -25863,6 +25964,7 @@ export {
   CardTest,
   CardTopic,
   Chat,
+  ChatLoading,
   CheckBox_default as CheckBox,
   CheckboxGroup,
   CheckboxList_default as CheckboxList,
@@ -26031,6 +26133,8 @@ export {
   getActivityStatusBadgeAction,
   getCategoryIcon,
   getCategoryText,
+  getChatUserInfo,
+  getChatWsUrl,
   getDeviceType,
   getGoalStatusBadgeAction,
   getQuestionStatusBadgeConfig,
@@ -26054,6 +26158,7 @@ export {
   handleLessonDetailsFetchError,
   handleModelFetchError,
   historyApiResponseSchema,
+  isChatUserInfoValid,
   isDeadlinePassed,
   isFormValid,
   isStepValid,