impact-ui 4.0.1-alpha.8 → 4.0.1

package/dist/components/TableChat/TableChatSidePanel.js

@@ -1,4 +1,4 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(':root{--ia-focus-color:#4259ee;--ia-focus-bg:#fff;--ia-focus-ring-width:2px;--ia-focus-ring-offset:2px}*,:after,:before{box-sizing:border-box}body,textarea{font-style:normal;font-weight:500}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Manrope,sans-serif}.impact-notification-separator{background-color:#d9dde7;display:inline-block;height:16px;width:1.5px}.impact-notification-horizontal-separator{background-color:#d9dde7;display:inline-block;height:1px;width:100%}ul.storybook-order-list{list-style-type:disc;padding-left:12px}ul.storybook-order-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-list li strong{font-weight:800}ul.storybook-order-child-list{list-style-type:circle;padding-left:20px}ul.storybook-order-child-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-child-list li strong{font-weight:800}#table-chat-side-panel .impact_drawer_container{background:#fff}#table-chat-side-panel .impact_drawer_header{background:#eceefd;border-bottom:1px solid #d9dde7}#table-chat-side-panel .impact_drawer_body{padding:0}.table-chat-container{display:flex;flex-direction:row;gap:10px;height:100%;width:100%}.empty-container{align-items:center;display:flex;justify-content:center}.empty-container img{height:197px;width:190px}.empty-container p:first-of-type{color:#1f2b4d;font-size:20px;font-style:normal;font-weight:800;line-height:30px}.empty-container p:nth-of-type(2){color:#7a8294;font-size:16px;font-style:normal;font-weight:500;line-height:125%;text-align:center}.loader-padding{padding:16px;width:100%}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(':root{--ia-focus-color:#4259ee;--ia-focus-bg:#fff;--ia-focus-ring-width:2px;--ia-focus-ring-offset:2px}*,:after,:before{box-sizing:border-box}body,textarea{font-style:normal;font-weight:500}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Manrope,sans-serif}.impact-notification-separator{background-color:#d9dde7;display:inline-block;height:16px;width:1.5px}.impact-notification-horizontal-separator{background-color:#d9dde7;display:inline-block;height:1px;width:100%}ul.storybook-order-list{list-style-type:disc;padding-left:12px}ul.storybook-order-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-list li strong{font-weight:800}ul.storybook-order-child-list{list-style-type:circle;padding-left:20px}ul.storybook-order-child-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-child-list li strong{font-weight:800}#table-chat-side-panel .impact_drawer_container{background:#fff}#table-chat-side-panel .impact_drawer_header{background:#eceefd;border-bottom:1px solid #d9dde7}#table-chat-side-panel .impact_drawer_body{padding:0}.table-chat-container{box-sizing:border-box;display:flex;flex-direction:row;gap:10px;height:100%;overflow:hidden;width:100%}.table-chat-container .table-left-panel-container{flex:0 0 350px;flex-shrink:0;max-width:350px;width:350px}.table-chat-container .table-chat-right-section-container{flex:1 1 0;max-width:100%;min-width:0;width:auto}.empty-container{align-items:center;display:flex;justify-content:center}.empty-container img{height:197px;width:190px}.empty-container p:first-of-type{color:#1f2b4d;font-size:20px;font-style:normal;font-weight:800;line-height:30px}.empty-container p:nth-of-type(2){color:#7a8294;font-size:16px;font-style:normal;font-weight:500;line-height:125%;text-align:center}.loader-padding{padding:16px;width:100%}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useState, useCallback, useMemo, useEffect } from "react";
 import { Panel } from "../Panel/index.js";
@@ -10,9 +10,12 @@ import TableChatChannelHeader from "./components/TableChatLeftSection/TableChatC
 import { PinnedPanel } from "./components/TableChatRightSection/PinedChatPanel/PinedChatPanel.js";
 import TableChatRightSection from "./components/TableChatRightSection/TableChatRightSection.js";
 import { EmptyContainer } from "./EmptyContainer.js";
+import { formatChatHeaderTimestamp } from "./utils/formatChatTimestamp.js";
 
+import { useTranslation } from "../../i18n/useTranslation.js";
 const TableChatSidePanel = ({ isOpen, handleClose, chatConfiguration }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L;
+  const { t } = useTranslation();
   const [selectedChannelId, setSelectedChannelId] = useState(null);
   const [selectedChannelInfo, setSelectedChannelInfo] = useState(null);
   const [selectedChatId, setSelectedChatId] = useState(null);
@@ -125,7 +128,7 @@ const TableChatSidePanel = ({ isOpen, handleClose, chatConfiguration }) => {
           var _a3, _b3;
           setShowPinnedMsg(false);
           setShowThread(true);
-          handleThreadClick();
+          handleThreadClick(messageId);
           (_b3 = (_a3 = chatConfiguration == null ? void 0 : chatConfiguration.messageChatConfig) == null ? void 0 : _a3.onThreadClick) == null ? void 0 : _b3.call(_a3, messageId, messageItem);
         },
         // Load participants for mentions
@@ -181,7 +184,7 @@ const TableChatSidePanel = ({ isOpen, handleClose, chatConfiguration }) => {
       }
     } catch (err) {
       console.error("[TableChatSidePanel] [handleChatClick] [error]:", err);
-      handleToast(true, "Error loading chat", "error");
+      handleToast(true, t("tableChat.sidePanel.errorLoadingChat"), "error");
     } finally {
       setLoadingMessages(false);
     }
@@ -199,7 +202,7 @@ const TableChatSidePanel = ({ isOpen, handleClose, chatConfiguration }) => {
         return chatList2;
       } catch (err) {
         console.error("[TableChatSidePanel] [fetchChatList] [error]:", err);
-        handleToast(true, "Error while loading chats", "error");
+        handleToast(true, t("tableChat.sidePanel.errorLoadingChats"), "error");
       } finally {
         setLoadingChannelsOrChats(false);
       }
@@ -219,14 +222,15 @@ const TableChatSidePanel = ({ isOpen, handleClose, chatConfiguration }) => {
           const newChat = response.formattedChat;
           const newChannelInfo = {
             id: (_d2 = (_c2 = newChat == null ? void 0 : newChat.otherProps) == null ? void 0 : _c2.object_ids) == null ? void 0 : _d2[0],
-            title: "Chat List",
+            title: t("tableChat.sidePanel.chatList"),
             objectType: (_e2 = newChat == null ? void 0 : newChat.otherProps) == null ? void 0 : _e2.object_type
-            // or get from configuration
           };
           await fetchChatList(newChannelInfo);
           setSelectedChannelInfo(newChannelInfo);
           setSelectedChannelId((_g2 = (_f2 = newChat == null ? void 0 : newChat.otherProps) == null ? void 0 : _f2.object_ids) == null ? void 0 : _g2[0]);
           await handleChatClick(newChat.id, newChat);
+        } else if (selectedChannelId2) {
+          await fetchChatList(selectedChannelId2);
         }
       }
       return response;
@@ -244,7 +248,7 @@ const TableChatSidePanel = ({ isOpen, handleClose, chatConfiguration }) => {
       setOriginalChanelList(channelList);
     } catch (error) {
       console.error("[TableChatSidePanel] [fetchChannelList] [error]:", error);
-      handleToast(true, "Error while loading channels", "error");
+      handleToast(true, t("tableChat.sidePanel.errorLoadingChannels"), "error");
     } finally {
       setLoadingChannelsOrChats(false);
     }
@@ -260,7 +264,7 @@ const TableChatSidePanel = ({ isOpen, handleClose, chatConfiguration }) => {
         setOriginalChatList(directChatList);
         const channelInfo = {
           id: (_f2 = (_e2 = (_d2 = directChatList == null ? void 0 : directChatList[0]) == null ? void 0 : _d2.otherProps) == null ? void 0 : _e2.object_ids) == null ? void 0 : _f2[0],
-          title: "Chat List",
+          title: t("tableChat.sidePanel.chatList"),
           objectType: (_h2 = (_g2 = directChatList == null ? void 0 : directChatList[0]) == null ? void 0 : _g2.otherProps) == null ? void 0 : _h2.object_type
           // or get from configuration
         };
@@ -287,7 +291,7 @@ const TableChatSidePanel = ({ isOpen, handleClose, chatConfiguration }) => {
       }
     } catch (error) {
       console.error("[TableChatSidePanel] [fetchChannels] [error]:", error);
-      handleToast(true, "Error while loading channels list", "error");
+      handleToast(true, t("tableChat.sidePanel.errorLoadingChannelsList"), "error");
     } finally {
       setLoadingChannelsOrChats(false);
     }
@@ -307,6 +311,7 @@ const TableChatSidePanel = ({ isOpen, handleClose, chatConfiguration }) => {
     setIsSearchOpen(false);
     setIsMoreOpen(false);
     setHighlightMessageId(null);
+    setIsCreateNewChatOpen(false);
   };
   const handleBackToChannels = async () => {
     var _a2;
@@ -404,7 +409,7 @@ const TableChatSidePanel = ({ isOpen, handleClose, chatConfiguration }) => {
   );
   const handleDeletePromptOpen = () => {
     if (!selectedChat || selectedChat.length === 0) {
-      handleToast(true, "No chats selected for deletion", "error");
+      handleToast(true, t("tableChat.sidePanel.noChatsSelected"), "error");
       return;
     }
     setShowDeletePrompt(true);
@@ -412,7 +417,7 @@ const TableChatSidePanel = ({ isOpen, handleClose, chatConfiguration }) => {
   const handleDeleteChat = async () => {
     var _a2, _b2, _c2;
     if (!selectedChat || selectedChat.length === 0) {
-      handleToast(true, "No chats selected for deletion", "error");
+      handleToast(true, t("tableChat.sidePanel.noChatsSelected"), "error");
       return;
     }
     try {
@@ -452,7 +457,7 @@ const TableChatSidePanel = ({ isOpen, handleClose, chatConfiguration }) => {
       }
     } catch (error) {
       console.error("[TableChatSidePanel] [handleDeleteChat] [error]:", error);
-      handleToast(true, "Error deleting topics", "error");
+      handleToast(true, t("tableChat.sidePanel.errorDeletingTopics"), "error");
     } finally {
       setIsDeleting(false);
       setLoadingChannelsOrChats(false);
@@ -477,13 +482,11 @@ const TableChatSidePanel = ({ isOpen, handleClose, chatConfiguration }) => {
             TableChatChannelHeader,
             {
               channels: isChannelsScreen ? channelsList : chatList,
-              currentUserId,
               filterChannelsByTitle,
               handleChatName,
               handleChatSelect,
               handleToast,
               headerConfig: (_s = chatConfiguration == null ? void 0 : chatConfiguration.leftPanel) == null ? void 0 : _s.leftHeaderPanel,
-              inputPanelConfig: (_t = chatConfiguration == null ? void 0 : chatConfiguration.leftPanel) == null ? void 0 : _t.inputPanelConfig,
               isCreateNewChatOpen,
               isSearchOpen,
               loadingChannels: loadingChannelsOrChats,
@@ -491,10 +494,10 @@ const TableChatSidePanel = ({ isOpen, handleClose, chatConfiguration }) => {
               selectedChannelOrChatId,
               selectedChat,
               setIsCreateNewChatOpen,
-              showAddChatBtn: (_v = (_u = chatConfiguration == null ? void 0 : chatConfiguration.leftPanel) == null ? void 0 : _u.leftHeaderPanel) == null ? void 0 : _v.showAddChat,
+              showAddChatBtn: (_u = (_t = chatConfiguration == null ? void 0 : chatConfiguration.leftPanel) == null ? void 0 : _t.leftHeaderPanel) == null ? void 0 : _u.showAddChat,
               showChannelList: isChannelsScreen,
-              showCheckbox: (_x = (_w = chatConfiguration == null ? void 0 : chatConfiguration.leftPanel) == null ? void 0 : _w.leftChatPanel) == null ? void 0 : _x.showCheckbox,
-              title: isChannelsScreen ? "Channels List" : selectedChannelInfo == null ? void 0 : selectedChannelInfo.title,
+              showCheckbox: (_w = (_v = chatConfiguration == null ? void 0 : chatConfiguration.leftPanel) == null ? void 0 : _v.leftChatPanel) == null ? void 0 : _w.showCheckbox,
+              title: isChannelsScreen ? t("tableChat.sidePanel.channelsList") : selectedChannelInfo == null ? void 0 : selectedChannelInfo.title,
               onBack: handleBackToChannels,
               onChannelSelect: (id, selectedChannelOrChat) => {
                 if (isChannelsScreen) {
@@ -506,15 +509,15 @@ const TableChatSidePanel = ({ isOpen, handleClose, chatConfiguration }) => {
               onDeleteTopics: handleDeletePromptOpen,
               onMenuClick: toggleMenu,
               onMoreClick: showMore,
-              onPinnedChatClick: (_y = chatConfiguration == null ? void 0 : chatConfiguration.headerChatConfig) == null ? void 0 : _y.onPinnedChatClick,
+              onPinnedChatClick: (_x = chatConfiguration == null ? void 0 : chatConfiguration.headerChatConfig) == null ? void 0 : _x.onPinnedChatClick,
               onSearchClick: openSearch
             }
           ),
-          loadingMessages ? /* @__PURE__ */ jsx(ChatSkeleton, { text: "Loading messages..." }) : /* @__PURE__ */ jsx(Fragment, { children: !selectedChannelId || !selectedChatId ? /* @__PURE__ */ jsx(
+          loadingMessages ? /* @__PURE__ */ jsx(ChatSkeleton, { text: t("tableChat.loadingMessages") }) : /* @__PURE__ */ jsx(Fragment, { children: !selectedChannelId || !selectedChatId ? /* @__PURE__ */ jsx(
             EmptyContainer,
             {
-              subTitle: !selectedChannelId ? (_z = chatConfiguration == null ? void 0 : chatConfiguration.messageChatConfig) == null ? void 0 : _z.emptyChannelStateSubTitle : !selectedChatId ? (_A = chatConfiguration == null ? void 0 : chatConfiguration.messageChatConfig) == null ? void 0 : _A.emptyChatStateSubTitle : "",
-              title: !selectedChannelId ? (_B = chatConfiguration == null ? void 0 : chatConfiguration.messageChatConfig) == null ? void 0 : _B.emptyChannelStateTitle : !selectedChatId ? (_C = chatConfiguration == null ? void 0 : chatConfiguration.messageChatConfig) == null ? void 0 : _C.emptyChatStateTitle : ""
+              subTitle: !selectedChannelId ? (_y = chatConfiguration == null ? void 0 : chatConfiguration.messageChatConfig) == null ? void 0 : _y.emptyChannelStateSubTitle : !selectedChatId ? (_z = chatConfiguration == null ? void 0 : chatConfiguration.messageChatConfig) == null ? void 0 : _z.emptyChatStateSubTitle : "",
+              title: !selectedChannelId ? (_A = chatConfiguration == null ? void 0 : chatConfiguration.messageChatConfig) == null ? void 0 : _A.emptyChannelStateTitle : !selectedChatId ? (_B = chatConfiguration == null ? void 0 : chatConfiguration.messageChatConfig) == null ? void 0 : _B.emptyChatStateTitle : ""
             }
           ) : /* @__PURE__ */ jsx(
             TableChatRightSection,
@@ -528,23 +531,18 @@ const TableChatSidePanel = ({ isOpen, handleClose, chatConfiguration }) => {
                 }
               },
               chatId: selectedChatId,
-              CreatedBy: ((_D = selectedChatInfo == null ? void 0 : selectedChatInfo.otherProps) == null ? void 0 : _D.created_by_user) ?? (selectedChatInfo == null ? void 0 : selectedChatInfo.createdBy) ?? (selectedChatInfo == null ? void 0 : selectedChatInfo.user) ?? "—",
+              CreatedBy: (selectedChatInfo == null ? void 0 : selectedChatInfo.createdBy) || (selectedChatInfo == null ? void 0 : selectedChatInfo.user) || ((_C = selectedChatInfo == null ? void 0 : selectedChatInfo.otherProps) == null ? void 0 : _C.created_by_user),
               handleToast,
               inputChatConfig: {
                 ...chatConfiguration.inputChatConfig
               },
-              createdAt: (selectedChatInfo == null ? void 0 : selectedChatInfo.timestamp) ?? (selectedChatInfo == null ? void 0 : selectedChatInfo.createdAt) ?? (((_E = selectedChatInfo == null ? void 0 : selectedChatInfo.otherProps) == null ? void 0 : _E.created_at) ? new Date(selectedChatInfo.otherProps.created_at).toLocaleString(void 0, {
-                dateStyle: "medium",
-                timeStyle: "short"
-              }) : ""),
               messageConfig: memoizedMessageConfig,
-              owner: (_F = selectedChatInfo == null ? void 0 : selectedChatInfo.otherProps) == null ? void 0 : _F.created_by,
               setPinnedMessages,
-              showActionBtn: (_H = (_G = chatConfiguration == null ? void 0 : chatConfiguration.leftPanel) == null ? void 0 : _G.rightHeaderPanel) == null ? void 0 : _H.showActionBtn,
-              showChatId: (_J = (_I = chatConfiguration == null ? void 0 : chatConfiguration.headerChatConfig) == null ? void 0 : _I.headerConfig) == null ? void 0 : _J.showChatId,
-              showParticipantsList: (_L = (_K = chatConfiguration == null ? void 0 : chatConfiguration.leftPanel) == null ? void 0 : _K.rightHeaderPanel) == null ? void 0 : _L.showParticipants,
-              showPinnedChat: (_N = (_M = chatConfiguration == null ? void 0 : chatConfiguration.leftPanel) == null ? void 0 : _M.rightHeaderPanel) == null ? void 0 : _N.showPinnedChat,
-              showSearch: (_P = (_O = chatConfiguration == null ? void 0 : chatConfiguration.leftPanel) == null ? void 0 : _O.rightHeaderPanel) == null ? void 0 : _P.showChatSearch,
+              showActionBtn: (_E = (_D = chatConfiguration == null ? void 0 : chatConfiguration.leftPanel) == null ? void 0 : _D.rightHeaderPanel) == null ? void 0 : _E.showActionBtn,
+              showParticipantsList: (_G = (_F = chatConfiguration == null ? void 0 : chatConfiguration.leftPanel) == null ? void 0 : _F.rightHeaderPanel) == null ? void 0 : _G.showParticipants,
+              showPinnedChat: (_I = (_H = chatConfiguration == null ? void 0 : chatConfiguration.leftPanel) == null ? void 0 : _H.rightHeaderPanel) == null ? void 0 : _I.showPinnedChat,
+              showSearch: (_K = (_J = chatConfiguration == null ? void 0 : chatConfiguration.leftPanel) == null ? void 0 : _J.rightHeaderPanel) == null ? void 0 : _K.showChatSearch,
+              createdAt: (selectedChatInfo == null ? void 0 : selectedChatInfo.createdAt) || formatChatHeaderTimestamp((_L = selectedChatInfo == null ? void 0 : selectedChatInfo.otherProps) == null ? void 0 : _L.created_at),
               title: selectedChatInfo == null ? void 0 : selectedChatInfo.title
             }
           ) }),
@@ -573,7 +571,7 @@ const TableChatSidePanel = ({ isOpen, handleClose, chatConfiguration }) => {
         ] })
       }
     ),
-    /* @__PURE__ */ jsxs(
+    /* @__PURE__ */ jsx(
       Prompt,
       {
         handleClose: () => {
@@ -582,13 +580,13 @@ const TableChatSidePanel = ({ isOpen, handleClose, chatConfiguration }) => {
           }
         },
         isOpen: showDeletePrompt || isDeleting,
-        primaryButtonLabel: isDeleting ? "Deleting..." : "Delete",
+        primaryButtonLabel: isDeleting ? t("commentsPanel.deleting") : t("commentsPanel.delete"),
         primaryButtonProps: {
           disabled: isDeleting,
           loading: isDeleting
         },
-        secondaryButtonLabel: "Cancel",
-        title: "Delete Chats",
+        secondaryButtonLabel: t("common.cancel"),
+        title: t("tableChat.sidePanel.deleteChatsTitle"),
         variant: "error",
         onPrimaryButtonClick: () => {
           if (!isDeleting) {
@@ -600,13 +598,11 @@ const TableChatSidePanel = ({ isOpen, handleClose, chatConfiguration }) => {
             setShowDeletePrompt(false);
           }
         },
-        children: [
-          "Are you sure you want to delete ",
-          selectedChat.length,
-          " selected chat",
-          selectedChat.length > 1 ? "s" : "",
-          "? This action cannot be undone."
-        ]
+        children: selectedChat.length > 1 ? t("tableChat.deleteChats.confirmMany", {
+          count: selectedChat.length
+        }) : t("tableChat.deleteChats.confirmOne", {
+          count: selectedChat.length
+        })
       }
     ),
     /* @__PURE__ */ jsx(

package/dist/components/TableChat/components/SkeletonList.d.ts

@@ -1,5 +1,5 @@
 export declare const SkeletonList: ({ count, text }: {
     count?: number | undefined;
-    text?: string | undefined;
+    text: any;
 }) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SkeletonList.d.ts.map

package/dist/components/TableChat/components/SkeletonList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonList.d.ts","sourceRoot":"","sources":["../../../../src/components/TableChat/components/SkeletonList.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY,GAAI;;;CAAkC,4CAQ9D,CAAC"}
+{"version":3,"file":"SkeletonList.d.ts","sourceRoot":"","sources":["../../../../src/components/TableChat/components/SkeletonList.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY,GAAI;;;CAAmB,4CAY/C,CAAC"}

package/dist/components/TableChat/components/SkeletonList.js

@@ -1,6 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import { Loader } from "../../Loader/index.js";
-const SkeletonList = ({ count = 5, text = "Loading..." }) => /* @__PURE__ */ jsx("div", { className: "table-chat-right-section-container-empty loader-padding", children: [...Array(count)].map((_, i) => /* @__PURE__ */ jsx("div", { style: { marginBottom: 20 }, children: /* @__PURE__ */ jsx(Loader, { showSkeleton: true, progress: "100%", size: "large", text }) }, i)) });
+import { useTranslation } from "../../../i18n/useTranslation.js";
+const SkeletonList = ({ count = 5, text }) => {
+  const { t } = useTranslation();
+  const resolvedText = text ?? t("common.loading");
+  return /* @__PURE__ */ jsx("div", { className: "table-chat-right-section-container-empty loader-padding", children: [...Array(count)].map((_, i) => /* @__PURE__ */ jsx("div", { style: { marginBottom: 20 }, children: /* @__PURE__ */ jsx(Loader, { showSkeleton: true, progress: "100%", size: "large", text: resolvedText }) }, i)) });
+};
 export {
   SkeletonList
 };

package/dist/components/TableChat/components/TableChatLeftSection/AddChatContainer/AddChatContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AddChatContainer.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatLeftSection/AddChatContainer/AddChatContainer.tsx"],"names":[],"mappings":"AAMA,OAAO,gCAAgC,CAAC;AA4BxC,QAAA,MAAM,OAAO,GAAI;;;;;;;CAOhB,4CA4HA,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"AddChatContainer.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatLeftSection/AddChatContainer/AddChatContainer.tsx"],"names":[],"mappings":"AAOA,OAAO,gCAAgC,CAAC;AAExC,QAAA,MAAM,OAAO,GAAI;;;;;;;CAOhB,4CA0JA,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/components/TableChat/components/TableChatLeftSection/AddChatContainer/AddChatContainer.js

@@ -6,30 +6,7 @@ import { Button } from "../../../../Button/index.js";
 import { Input } from "../../../../Input/index.js";
 import { TextArea } from "../../../../TextArea/index.js";
 
-const validationRules = {
-  chatName: {
-    required: "Chat name is required",
-    minLength: {
-      value: 2,
-      message: "Chat name must be at least 2 characters long"
-    },
-    maxLength: {
-      value: 50,
-      message: "Chat name cannot exceed 50 characters"
-    }
-    // pattern: {
-    //   value: /^[a-zA-Z0-9\s\-_]+$/,
-    //   message:
-    //     "Chat name can only contain letters, numbers, spaces, hyphens, and underscores",
-    // },
-  },
-  chatDescription: {
-    maxLength: {
-      value: 100,
-      message: "Description cannot exceed 100 characters"
-    }
-  }
-};
+import { useTranslation } from "../../../../../i18n/useTranslation.js";
 const AddChat = ({
   setShowAddChat,
   handleChatName,
@@ -38,20 +15,49 @@ const AddChat = ({
   setIsCreateNewChatOpen,
   inputPanelConfig
 }) => {
+  const { t } = useTranslation();
+  const validationRules = {
+    chatName: {
+      required: t("tableChat.addChat.nameRequired"),
+      minLength: {
+        value: 2,
+        message: t("tableChat.addChat.nameMinLength")
+      },
+      maxLength: {
+        value: 50,
+        message: t("tableChat.addChat.nameMaxLength")
+      }
+      // pattern: {
+      //   value: /^[a-zA-Z0-9\s\-_]+$/,
+      //   message:
+      //     "Chat name can only contain letters, numbers, spaces, hyphens, and underscores",
+      // },
+    },
+    chatDescription: {
+      maxLength: {
+        value: 100,
+        message: t("tableChat.addChat.descriptionMaxLength")
+      }
+    }
+  };
   const containerRef = useRef(null);
   const {
     control,
     handleSubmit,
-    formState: { errors, isSubmitting, isValid },
+    formState: { errors, isSubmitting },
     reset
   } = useForm({
     mode: "onSubmit",
-    // Validate on change for real-time feedback
     defaultValues: {
       chatName: "",
       chatDescription: ""
     }
   });
+  const handleCancel = () => {
+    reset();
+    setShowAddChat(false);
+    setIsCreateNewChatOpen(false);
+  };
   useEffect(() => {
     function handleClickOutside(event) {
       if (containerRef.current && !containerRef.current.contains(event.target)) {
@@ -66,18 +72,17 @@ const AddChat = ({
   const onSubmit = async (data) => {
     try {
       const response = await handleChatName(data, selectedChannelInfo);
-      handleToast(true, "Chat saved successfully", "success");
+      if ((response == null ? void 0 : response.success) === false) {
+        handleToast(true, t("tableChat.addChat.saveError"), "error");
+        return;
+      }
+      handleToast(true, t("tableChat.addChat.savedSuccess"), "success");
       handleCancel();
     } catch (err) {
       console.error("Error while saving chat:", err);
-      handleToast(true, "Error while saving chat", "error");
+      handleToast(true, t("tableChat.addChat.saveError"), "error");
     }
   };
-  const handleCancel = () => {
-    reset();
-    setShowAddChat(false);
-    setIsCreateNewChatOpen(false);
-  };
   return /* @__PURE__ */ jsx("div", { ref: containerRef, className: "addChat_container", children: /* @__PURE__ */ jsxs("form", { noValidate: true, className: "chatcontainer", onSubmit: handleSubmit(onSubmit), children: [
     /* @__PURE__ */ jsx(
       Controller,
@@ -93,9 +98,9 @@ const AddChat = ({
               isDisabled: isSubmitting,
               isError: !!errors.chatName,
               isHelperText: !!errors.chatName,
-              label: "Chat name",
+              label: t("tableChat.addChat.nameLabel"),
               name: field.name,
-              placeholder: (inputPanelConfig == null ? void 0 : inputPanelConfig.inputPlaceholder) || "Price negotiation",
+              placeholder: (inputPanelConfig == null ? void 0 : inputPanelConfig.inputPlaceholder) || t("tableChat.addChat.namePlaceholder"),
               type: "text",
               value: field.value,
               onBlur: field.onBlur,
@@ -120,10 +125,10 @@ const AddChat = ({
               height: "80px",
               isDisabled: isSubmitting,
               isError: !!errors.chatDescription,
-              label: "Add description",
+              label: t("tableChat.addChat.descriptionLabel"),
               maxRows: 2,
               name: field.name,
-              placeholder: (inputPanelConfig == null ? void 0 : inputPanelConfig.textAreaPlaceholder) || "Lets review the latest changes",
+              placeholder: (inputPanelConfig == null ? void 0 : inputPanelConfig.textAreaPlaceholder) || t("tableChat.addChat.descriptionPlaceholder"),
               secondaryLabel: (_a = errors.chatDescription) == null ? void 0 : _a.message,
               value: field.value || "",
               width: "100%",
@@ -140,11 +145,11 @@ const AddChat = ({
         Button,
         {
           disabled: isSubmitting,
+          htmlType: "button",
           size: "large",
-          type: "button",
           variant: "tertiary",
           onClick: handleCancel,
-          children: "Cancel"
+          children: t("common.cancel")
         }
       ),
       /* @__PURE__ */ jsx(
@@ -152,10 +157,10 @@ const AddChat = ({
         {
           className: "chat_save_btn",
           disabled: isSubmitting,
+          htmlType: "submit",
           size: "large",
-          type: "submit",
           variant: "primary",
-          children: isSubmitting ? /* @__PURE__ */ jsx(Fragment, { children: "Saving..." }) : "Save"
+          children: isSubmitting ? /* @__PURE__ */ jsx(Fragment, { children: t("table.views.saving") }) : t("common.save")
         }
       )
     ] })

package/dist/components/TableChat/components/TableChatLeftSection/ChatChannelItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatChannelItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/TableChat/components/TableChatLeftSection/ChatChannelItem.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,eAAe,GAAI;;;;;;;;;;;;;;;;;;;;;CAmB/B,4CAmFA,CAAC"}
+{"version":3,"file":"ChatChannelItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/TableChat/components/TableChatLeftSection/ChatChannelItem.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,eAAe,GAAI;;;;;;;;;;;;;;;;;;;;;CAmB/B,4CAsFA,CAAC"}

package/dist/components/TableChat/components/TableChatLeftSection/ChatChannelItem.js

@@ -4,6 +4,7 @@ import { getAssetUrl } from "../../../../utils/assetBase.js";
 import { ChannelCheckbox } from "./ChannelCheckbox/ChannelCheckbox.js";
 import { UnreadBadge } from "./UnreadBadge/UnreadBadge.js";
 import { Avatar } from "../../../Avatar/index.js";
+import { useTranslation } from "../../../../i18n/useTranslation.js";
 const PinnedIcon = getAssetUrl("icons/pinedIcon.svg");
 const ChatChannelItem = ({
   id,
@@ -25,6 +26,7 @@ const ChatChannelItem = ({
   isPinned: isPinnedProp,
   ...rest
 }) => {
+  const { t } = useTranslation();
   const isPinned = Boolean(isPinnedProp ?? rest.isPinned);
   const handlePinnedChatClick = async (chatId, newPinned) => {
     if (onPinnedChatClick) {
@@ -34,7 +36,7 @@ const ChatChannelItem = ({
         onPinnedChange == null ? void 0 : onPinnedChange(chatId, response);
       } catch (error) {
         onPinnedChange == null ? void 0 : onPinnedChange(chatId, !newPinned);
-        handleToast(true, "Error pinning chat", "error");
+        handleToast(true, t("tableChat.channelItem.errorPinningChat"), "error");
         console.error("Error pinning chat:", error);
       }
     }
@@ -79,7 +81,7 @@ const ChatChannelItem = ({
               "img",
               {
                 alt: "",
-                "aria-label": isPinned ? "Unpin chat" : "Pin chat",
+                "aria-label": isPinned ? t("tableChat.channelItem.unpinChat") : t("tableChat.channelItem.pinChat"),
                 className: isPinned ? "pinnedChat pinnedChat--active" : "pinnedChat",
                 role: "button",
                 src: PinnedIcon,

package/dist/components/TableChat/components/TableChatLeftSection/ChatChannelList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatChannelList.d.ts","sourceRoot":"","sources":["../../../../../src/components/TableChat/components/TableChatLeftSection/ChatChannelList.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,eAAe,GAAI;;;;;;;;;;CAU/B,4CA4EA,CAAC"}
+{"version":3,"file":"ChatChannelList.d.ts","sourceRoot":"","sources":["../../../../../src/components/TableChat/components/TableChatLeftSection/ChatChannelList.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,eAAe,GAAI;;;;;;;;;;CAU/B,4CAmFA,CAAC"}

package/dist/components/TableChat/components/TableChatLeftSection/ChatChannelList.js

@@ -1,6 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useEffect, useCallback } from "react";
 import { ChatChannelItem } from "./ChatChannelItem.js";
+import { useTranslation } from "../../../../i18n/useTranslation.js";
 const isItemPinned = (item) => {
   var _a;
   return Boolean((item == null ? void 0 : item.isPinned) ?? ((_a = item == null ? void 0 : item.otherProps) == null ? void 0 : _a.is_pinned));
@@ -16,6 +17,7 @@ const ChatChannelList = ({
   onPinnedChatClick,
   handleToast
 }) => {
+  const { t } = useTranslation();
   const [pinnedOverrides, setPinnedOverrides] = useState({});
   useEffect(() => {
     if (!Array.isArray(channels)) return;
@@ -64,18 +66,10 @@ const ChatChannelList = ({
       onPinnedChange: handlePinnedChange,
       onPinnedChatClick
     },
-    channel.id
+    `${channel.id}-${index}`
   )) : /* @__PURE__ */ jsxs("div", { className: "no-channels-found-container", children: [
-    /* @__PURE__ */ jsxs("p", { className: "no-channels-found", children: [
-      "No ",
-      showChannelList ? "Channels" : "Chats",
-      " found"
-    ] }),
-    /* @__PURE__ */ jsxs("p", { className: "no-channels-found-description", children: [
-      "Please create a new ",
-      showChannelList ? "channel" : "chat",
-      " to get started."
-    ] })
+    /* @__PURE__ */ jsx("p", { className: "no-channels-found", children: showChannelList ? t("tableChat.channelList.noChannelsFound") : t("tableChat.channelList.noChatsFound") }),
+    /* @__PURE__ */ jsx("p", { className: "no-channels-found-description", children: showChannelList ? t("tableChat.channelList.createChannelPrompt") : t("tableChat.channelList.createChatPrompt") })
   ] }) });
 };
 export {

package/dist/components/TableChat/components/TableChatLeftSection/ChatHeaderButton/ChatHeaderButton.d.ts

@@ -1,7 +1,7 @@
 export declare const ChatHeaderButton: ({ onClick, label, icon, variant, size, className, type, ...props }: {
     [x: string]: any;
     onClick: any;
-    label?: string | undefined;
+    label: any;
     icon?: import("react/jsx-runtime").JSX.Element | undefined;
     variant?: string | undefined;
     size?: string | undefined;

package/dist/components/TableChat/components/TableChatLeftSection/ChatHeaderButton/ChatHeaderButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatHeaderButton.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatLeftSection/ChatHeaderButton/ChatHeaderButton.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,gBAAgB,GAAI;;;;;;;;;CAShC,4CAaA,CAAC"}
+{"version":3,"file":"ChatHeaderButton.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatLeftSection/ChatHeaderButton/ChatHeaderButton.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,gBAAgB,GAAI;;;;;;;;;CAShC,4CAcA,CAAC"}

package/dist/components/TableChat/components/TableChatLeftSection/ChatHeaderButton/ChatHeaderButton.js

@@ -1,9 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import default_1 from "../../../../../node_modules/@mui/icons-material/Add.js";
 import { Button } from "../../../../Button/index.js";
+import { useTranslation } from "../../../../../i18n/useTranslation.js";
 const ChatHeaderButton = ({
   onClick,
-  label = "Chat",
+  label,
   icon = /* @__PURE__ */ jsx(default_1, { fontSize: "small" }),
   variant = "contained",
   size = "large",
@@ -11,6 +12,7 @@ const ChatHeaderButton = ({
   type = "button",
   ...props
 }) => {
+  const { t } = useTranslation();
   return /* @__PURE__ */ jsx(
     Button,
     {
@@ -20,7 +22,7 @@ const ChatHeaderButton = ({
       variant,
       onClick,
       ...props,
-      children: label
+      children: label ?? t("tableChat.chatButton.label")
     }
   );
 };

package/dist/components/TableChat/components/TableChatLeftSection/ChatHeaderNavigation.d.ts

@@ -1,4 +1,2 @@
-import { default as React } from 'react';
-
-export declare const ChatHeaderNavigation: React.NamedExoticComponent<object>;
+export declare const ChatHeaderNavigation: import('react').NamedExoticComponent<object>;
 //# sourceMappingURL=ChatHeaderNavigation.d.ts.map

package/dist/components/TableChat/components/TableChatLeftSection/ChatHeaderNavigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatHeaderNavigation.d.ts","sourceRoot":"","sources":["../../../../../src/components/TableChat/components/TableChatLeftSection/ChatHeaderNavigation.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAWzD,eAAO,MAAM,oBAAoB,oCAmLhC,CAAC"}
+{"version":3,"file":"ChatHeaderNavigation.d.ts","sourceRoot":"","sources":["../../../../../src/components/TableChat/components/TableChatLeftSection/ChatHeaderNavigation.tsx"],"names":[],"mappings":"AAaA,eAAO,MAAM,oBAAoB,8CAoLhC,CAAC"}

package/dist/components/TableChat/components/TableChatLeftSection/ChatHeaderNavigation.js

@@ -8,6 +8,7 @@ import AddChat from "./AddChatContainer/AddChatContainer.js";
 import { ChatHeaderButton } from "./ChatHeaderButton/ChatHeaderButton.js";
 import { Button } from "../../../Button/index.js";
 import { Input } from "../../../Input/index.js";
+import { useTranslation } from "../../../../i18n/useTranslation.js";
 const ChatHeaderNavigation = memo(
   ({
     title,
@@ -25,6 +26,7 @@ const ChatHeaderNavigation = memo(
     isCreateNewChatOpen,
     setIsCreateNewChatOpen
   }) => {
+    const { t } = useTranslation();
     const [showAddChat, setShowAddChat] = useState(isCreateNewChatOpen);
     useEffect(() => {
       setShowAddChat(Boolean(isCreateNewChatOpen));
@@ -33,7 +35,7 @@ const ChatHeaderNavigation = memo(
       Input,
       {
         leftIcon: /* @__PURE__ */ jsx(default_1$1, {}),
-        placeholder: "Please enter text",
+        placeholder: t("tableChat.nav.searchChatPlaceholder"),
         rightIcon: /* @__PURE__ */ jsx(default_1, {}),
         rightIconClick: () => {
           onSearchClick(!onSearchClick);
@@ -76,7 +78,7 @@ const ChatHeaderNavigation = memo(
       showAddChatBtn && /* @__PURE__ */ jsx(
         ChatHeaderButton,
         {
-          label: "Chat",
+          label: t("tableChat.chatButton.label"),
           onClick: () => {
             setShowAddChat((prev) => !prev);
           }
@@ -112,7 +114,7 @@ const ChatHeaderNavigation = memo(
         Input,
         {
           leftIcon: /* @__PURE__ */ jsx(default_1$1, {}),
-          placeholder: "Please enter text",
+          placeholder: t("tableChat.nav.searchChannelPlaceholder"),
           rightIcon: /* @__PURE__ */ jsx(default_1, {}),
           rightIconClick: () => {
             onSearchClick(!onSearchClick);