impact-ui 4.0.1-alpha.21 → 4.0.1-alpha.22

package/dist/components/Table/tablePagination.js

@@ -3,22 +3,32 @@ import { useState } from "react";
 import default_1 from "../../node_modules/@mui/icons-material/ExpandLess.js";
 import { Button } from "../Button/index.js";
 import { Menu } from "../Menu/index.js";
+import { useTranslation } from "../../i18n/useTranslation.js";
 function TablePagination({
   actualRef,
   localPageSize,
   setLocalPageSize,
   paginationPageSizeSelector
 }) {
+  const { t } = useTranslation();
   const [paginationOptionsAnchorEl, setPaginationOptionsAnchorEl] = useState(null);
   const paginationOptionsOpen = Boolean(paginationOptionsAnchorEl);
   const handlePageSizeClick = (e) => {
     setPaginationOptionsAnchorEl(e.currentTarget);
   };
   const onPageSizeChange = (val) => {
-    var _a, _b;
+    var _a;
     setLocalPageSize(val);
-    (_b = (_a = actualRef == null ? void 0 : actualRef.current) == null ? void 0 : _a.api) == null ? void 0 : _b.paginationSetPageSize(val);
-    setPaginationOptionsAnchorEl(null);
+    try {
+      const api = (_a = actualRef == null ? void 0 : actualRef.current) == null ? void 0 : _a.api;
+      if (typeof (api == null ? void 0 : api.setGridOption) === "function") {
+        api.setGridOption("paginationPageSize", val);
+      } else if (typeof (api == null ? void 0 : api.paginationSetPageSize) === "function") {
+        api.paginationSetPageSize(val);
+      }
+    } finally {
+      setPaginationOptionsAnchorEl(null);
+    }
   };
   return /* @__PURE__ */ jsxs("div", { className: "pagination-container", children: [
     /* @__PURE__ */ jsx("div", { className: "select-button-container", children: /* @__PURE__ */ jsx(
@@ -28,10 +38,10 @@ function TablePagination({
         "data-type": "pagination-btn",
         icon: /* @__PURE__ */ jsx(default_1, {}),
         iconPlacement: "right",
-        label: `${localPageSize} per page`,
+        label: t("table.pagination.perPage", { count: localPageSize }),
         variant: "secondary",
         onClick: handlePageSizeClick,
-        children: /* @__PURE__ */ jsx("span", { className: "ia-pageSize", children: `${localPageSize} per page` })
+        children: /* @__PURE__ */ jsx("span", { className: "ia-pageSize", children: t("table.pagination.perPage", { count: localPageSize }) })
       }
     ) }),
     /* @__PURE__ */ jsx(
@@ -44,7 +54,7 @@ function TablePagination({
         },
         open: paginationOptionsOpen,
         options: paginationPageSizeSelector.map((opt) => ({
-          label: `${opt} per page`,
+          label: t("table.pagination.perPage", { count: opt }),
           onClick: () => {
             onPageSizeChange(opt);
           },

package/dist/components/Table/tableSettings.d.ts

@@ -34,7 +34,7 @@ export default function TableSettings({ showMenu, Columns, actualRef, tableFontS
     onTableSettingClick: any;
     deleteViewPromptText: any;
     isViewNameUniqueAcrossTypes: any;
-    tableSettingsTitle?: string | undefined;
+    tableSettingsTitle: any;
     registerTableSettingToggle: any;
     numericFormatDefault: any;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/components/Table/tableSettings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tableSettings.d.ts","sourceRoot":"","sources":["../../../src/components/Table/tableSettings.tsx"],"names":[],"mappings":"AAUA,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,QAAQ,EACR,OAAO,EACP,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,eAAe,EACf,oBAAoB,EACpB,OAAO,EACP,WAAW,EACX,gBAAgB,EAChB,mBAAmB,EACnB,mBAAmB,EACnB,YAAY,EACZ,sBAAsB,EACtB,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,aAAa,EACb,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EACnB,qBAAqB,EACrB,mBAAmB,EACnB,oBAAoB,EACpB,iBAAiB,EACjB,YAAY,EACZ,wBAAwB,EACxB,oBAAoB,EACpB,2BAA2B,EAC3B,mBAAmB,EACnB,oBAAoB,EACpB,2BAA2B,EAC3B,kBAAqC,EACrC,0BAA0B,EAC1B,oBAAoB,GACrB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAA,2CAmKA"}
+{"version":3,"file":"tableSettings.d.ts","sourceRoot":"","sources":["../../../src/components/Table/tableSettings.tsx"],"names":[],"mappings":"AASA,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,QAAQ,EACR,OAAO,EACP,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,eAAe,EACf,oBAAoB,EACpB,OAAO,EACP,WAAW,EACX,gBAAgB,EAChB,mBAAmB,EACnB,mBAAmB,EACnB,YAAY,EACZ,sBAAsB,EACtB,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,aAAa,EACb,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EACnB,qBAAqB,EACrB,mBAAmB,EACnB,oBAAoB,EACpB,iBAAiB,EACjB,YAAY,EACZ,wBAAwB,EACxB,oBAAoB,EACpB,2BAA2B,EAC3B,mBAAmB,EACnB,oBAAoB,EACpB,2BAA2B,EAC3B,kBAAkB,EAClB,0BAA0B,EAC1B,oBAAoB,GACrB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAA,2CAoKA"}

package/dist/components/Table/tableSettings.js

@@ -5,6 +5,7 @@ import default_1$1 from "../../node_modules/@mui/icons-material/FormatColorTextO
 import default_1 from "../../node_modules/@mui/icons-material/ViewColumnOutlined.js";
 import { RadioButtonGroup } from "../RadioButtonGroup/index.js";
 import { Tabs } from "../Tabs/index.js";
+import { useTranslation } from "../../i18n/useTranslation.js";
 function TableSettings({
   showMenu,
   Columns,
@@ -41,10 +42,11 @@ function TableSettings({
   onTableSettingClick,
   deleteViewPromptText,
   isViewNameUniqueAcrossTypes,
-  tableSettingsTitle = "Table Settings",
+  tableSettingsTitle,
   registerTableSettingToggle,
   numericFormatDefault
 }) {
+  const { t } = useTranslation();
   const [selectedMenuTab, setSelectedMenuTab] = useState("Columns");
   const [numericFormat, setNumericFormat] = useState(numericFormatDefault || "full_no");
   const onFontSizeChange = (val) => {
@@ -96,17 +98,17 @@ function TableSettings({
   ].filter(Boolean);
   const tabNames = [
     {
-      label: selectedMenuTab === "Columns" ? "Columns" : "",
+      label: selectedMenuTab === "Columns" ? t("table.settings.columns") : "",
       value: "Columns",
       icon: /* @__PURE__ */ jsx(default_1, { fontSize: "small" })
     },
     !hideTableFormat && {
-      label: selectedMenuTab === "Format" ? "Format" : "",
+      label: selectedMenuTab === "Format" ? t("table.settings.format") : "",
       value: "Format",
       icon: /* @__PURE__ */ jsx(default_1$1, { fontSize: "small" })
     },
     !hideTableActions && {
-      label: selectedMenuTab === "Actions" ? "Actions" : "",
+      label: selectedMenuTab === "Actions" ? t("table.settings.actions") : "",
       value: "Actions",
       icon: /* @__PURE__ */ jsx(default_1$2, {})
     },
@@ -165,7 +167,7 @@ function TableSettings({
       className: `table-setting-main-container ${showTableSetting ? "display-table-setting" : ""} ${showFilterStrip ? "filters-strip-visible" : ""}`,
       children: [
         /* @__PURE__ */ jsxs("div", { className: "table-setting-header", children: [
-          /* @__PURE__ */ jsx("h2", { children: tableSettingsTitle }),
+          /* @__PURE__ */ jsx("h2", { children: tableSettingsTitle || t("table.settings.title") }),
           /* @__PURE__ */ jsx(
             "span",
             {
@@ -209,23 +211,24 @@ const TableFormat = ({
   hideNumericFormat,
   hideFontSize
 }) => {
+  const { t } = useTranslation();
   return /* @__PURE__ */ jsxs("div", { className: "table-setting-format-settings", children: [
     !hideFontSize && /* @__PURE__ */ jsxs("div", { className: "table-setting-font-size-setting-container", children: [
-      /* @__PURE__ */ jsx("h3", { className: "custom-menu-sub-header", children: "Font size" }),
+      /* @__PURE__ */ jsx("h3", { className: "custom-menu-sub-header", children: t("table.settings.fontSize") }),
       /* @__PURE__ */ jsx(
         RadioButtonGroup,
         {
           options: [
             {
-              label: "Small",
+              label: t("table.more.small"),
               value: "small"
             },
             {
-              label: "Medium (default)",
+              label: t("table.settings.mediumDefault"),
               value: "medium"
             },
             {
-              label: "Large",
+              label: t("table.more.large"),
               value: "large"
             }
           ],
@@ -238,25 +241,25 @@ const TableFormat = ({
       )
     ] }),
     !hideNumericFormat && /* @__PURE__ */ jsxs("div", { className: "table-setting-number-format-setting-container", children: [
-      /* @__PURE__ */ jsx("h3", { className: "custom-menu-sub-header", children: "Numeric Values" }),
+      /* @__PURE__ */ jsx("h3", { className: "custom-menu-sub-header", children: t("table.menu.numericValues") }),
       /* @__PURE__ */ jsx(
         RadioButtonGroup,
         {
           options: [
             {
-              label: "Full Number",
+              label: t("table.menu.fullNumber"),
               value: "full_no"
             },
             {
-              label: "In K (Thousands)",
+              label: t("table.settings.inKThousands"),
               value: "thou"
             },
             {
-              label: "In M (Millions)",
+              label: t("table.settings.inMMillions"),
               value: "mil"
             },
             {
-              label: "In B (Billions)",
+              label: t("table.settings.inBBillions"),
               value: "bil"
             }
           ],

package/dist/components/Table/withCommentIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"withCommentIcon.d.ts","sourceRoot":"","sources":["../../../src/components/Table/withCommentIcon.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,eAAe,GAAI,aAAQ,MAC9B,UAAK,4CAgGd,CAAC"}
+{"version":3,"file":"withCommentIcon.d.ts","sourceRoot":"","sources":["../../../src/components/Table/withCommentIcon.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,eAAe,GAAI,aAAQ,MAC9B,UAAK,4CAuGd,CAAC"}

package/dist/components/Table/withCommentIcon.js

@@ -1,9 +1,11 @@
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import { useRef } from "react";
 import { CommentIndicator as CommentIndicator_default } from "../../node_modules/@impactsmartsuite/impact-icons/dist/index.js";
+import { useTranslation } from "../../i18n/useTranslation.js";
 const withCommentIcon = (Renderer) => {
   return (props) => {
     var _a, _b;
+    const { t } = useTranslation();
     const iconRef = useRef(null);
     const {
       handleCommentIconHover,
@@ -65,7 +67,9 @@ const withCommentIcon = (Renderer) => {
             cursor: "pointer",
             zIndex: 2
           },
-          title: `${commentsArray.length} comment${commentsArray.length > 1 ? "s" : ""}`,
+          title: commentsArray.length > 1 ? t("table.comments.countPlural", {
+            count: commentsArray.length
+          }) : t("table.comments.count", { count: commentsArray.length }),
           onMouseLeave: handleMouseLeave,
           onMouseOver: () => {
             handleMouseEnter();

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

@@ -1 +1 @@
-{"version":3,"file":"TableChatSidePanel.d.ts","sourceRoot":"","sources":["../../../src/components/TableChat/TableChatSidePanel.tsx"],"names":[],"mappings":"AAYA,OAAO,kCAAkC,CAAC;AAU1C,QAAA,MAAM,kBAAkB,GAAI;;;;CAA0C,4CA2uBrE,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"TableChatSidePanel.d.ts","sourceRoot":"","sources":["../../../src/components/TableChat/TableChatSidePanel.tsx"],"names":[],"mappings":"AAaA,OAAO,kCAAkC,CAAC;AAU1C,QAAA,MAAM,kBAAkB,GAAI;;;;CAA0C,4CAmvBrE,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/TableChat/TableChatSidePanel.js

@@ -12,8 +12,10 @@ import TableChatRightSection from "./components/TableChatRightSection/TableChatR
 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;
+  const { t } = useTranslation();
   const [selectedChannelId, setSelectedChannelId] = useState(null);
   const [selectedChannelInfo, setSelectedChannelInfo] = useState(null);
   const [selectedChatId, setSelectedChatId] = useState(null);
@@ -182,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);
     }
@@ -200,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);
       }
@@ -220,7 +222,7 @@ 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
           };
           await fetchChatList(newChannelInfo);
@@ -246,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);
     }
@@ -262,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
         };
@@ -289,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);
     }
@@ -407,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);
@@ -415,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 {
@@ -455,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);
@@ -495,7 +497,7 @@ const TableChatSidePanel = ({ isOpen, handleClose, chatConfiguration }) => {
               showAddChatBtn: (_u = (_t = chatConfiguration == null ? void 0 : chatConfiguration.leftPanel) == null ? void 0 : _t.leftHeaderPanel) == null ? void 0 : _u.showAddChat,
               showChannelList: isChannelsScreen,
               showCheckbox: (_w = (_v = chatConfiguration == null ? void 0 : chatConfiguration.leftPanel) == null ? void 0 : _v.leftChatPanel) == null ? void 0 : _w.showCheckbox,
-              title: isChannelsScreen ? "Channels List" : selectedChannelInfo == null ? void 0 : selectedChannelInfo.title,
+              title: isChannelsScreen ? t("tableChat.sidePanel.channelsList") : selectedChannelInfo == null ? void 0 : selectedChannelInfo.title,
               onBack: handleBackToChannels,
               onChannelSelect: (id, selectedChannelOrChat) => {
                 if (isChannelsScreen) {
@@ -511,7 +513,7 @@ const TableChatSidePanel = ({ isOpen, handleClose, chatConfiguration }) => {
               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 ? (_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 : "",
@@ -569,7 +571,7 @@ const TableChatSidePanel = ({ isOpen, handleClose, chatConfiguration }) => {
         ] })
       }
     ),
-    /* @__PURE__ */ jsxs(
+    /* @__PURE__ */ jsx(
       Prompt,
       {
         handleClose: () => {
@@ -578,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) {
@@ -596,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

@@ -1,10 +1,11 @@
 
-declare const AddChat: ({ setShowAddChat, handleChatName, selectedChannelInfo, handleToast, setIsCreateNewChatOpen, }: {
+declare const AddChat: ({ setShowAddChat, handleChatName, selectedChannelInfo, handleToast, setIsCreateNewChatOpen, inputPanelConfig, }: {
     setShowAddChat: any;
     handleChatName: any;
     selectedChannelInfo: any;
     handleToast: any;
     setIsCreateNewChatOpen: any;
+    inputPanelConfig: any;
 }) => import("react/jsx-runtime").JSX.Element;
 export default AddChat;
 //# sourceMappingURL=AddChatContainer.d.ts.map

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;AAuBxC,QAAA,MAAM,OAAO,GAAI;;;;;;CAMhB,4CAyHA,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,32 +6,40 @@ 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"
-    }
-  },
-  chatDescription: {
-    maxLength: {
-      value: 100,
-      message: "Description cannot exceed 100 characters"
-    }
-  }
-};
+import { useTranslation } from "../../../../../i18n/useTranslation.js";
 const AddChat = ({
   setShowAddChat,
   handleChatName,
   selectedChannelInfo,
   handleToast,
-  setIsCreateNewChatOpen
+  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,
@@ -65,14 +73,14 @@ const AddChat = ({
     try {
       const response = await handleChatName(data, selectedChannelInfo);
       if ((response == null ? void 0 : response.success) === false) {
-        handleToast(true, "Error while saving chat", "error");
+        handleToast(true, t("tableChat.addChat.saveError"), "error");
         return;
       }
-      handleToast(true, "Chat saved successfully", "success");
+      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");
     }
   };
   return /* @__PURE__ */ jsx("div", { ref: containerRef, className: "addChat_container", children: /* @__PURE__ */ jsxs("form", { noValidate: true, className: "chatcontainer", onSubmit: handleSubmit(onSubmit), children: [
@@ -90,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: "Price negotiation",
+              placeholder: (inputPanelConfig == null ? void 0 : inputPanelConfig.inputPlaceholder) || t("tableChat.addChat.namePlaceholder"),
               type: "text",
               value: field.value,
               onBlur: field.onBlur,
@@ -117,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: "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%",
@@ -141,7 +149,7 @@ const AddChat = ({
           size: "large",
           variant: "tertiary",
           onClick: handleCancel,
-          children: "Cancel"
+          children: t("common.cancel")
         }
       ),
       /* @__PURE__ */ jsx(
@@ -152,7 +160,7 @@ const AddChat = ({
           htmlType: "submit",
           size: "large",
           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

@@ -1,4 +1,4 @@
-export declare const ChatChannelItem: ({ id, title, subtitle, timestamp, unreadCount, avatar, isSelected, isMuted, onClick, showChannelList, showCheckbox, handleChatSelect, selectedChat, onPinnedChatClick, handleToast, ...rest }: {
+export declare const ChatChannelItem: ({ id, title, subtitle, timestamp, unreadCount, avatar, isSelected, isMuted, onClick, showChannelList, showCheckbox, handleChatSelect, selectedChat, onPinnedChatClick, onPinnedChange, handleToast, isPinned: isPinnedProp, ...rest }: {
     [x: string]: any;
     id: any;
     title: any;
@@ -16,6 +16,8 @@ export declare const ChatChannelItem: ({ id, title, subtitle, timestamp, unreadC
     } | undefined;
     selectedChat: any;
     onPinnedChatClick: any;
+    onPinnedChange: any;
     handleToast: any;
+    isPinned: any;
 }) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ChatChannelItem.d.ts.map

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":"AAUA,eAAO,MAAM,eAAe,GAAI;;;;;;;;;;;;;;;;;;;CAiB/B,4CA4FA,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"}