impact-ui 4.0.1-alpha.9 → 4.0.1

package/dist/components/TableChat/components/TableChatRightSection/FileUploader/FileUploader.d.ts

@@ -3,7 +3,7 @@ declare const FileUploader: ({ file, fileUrl, isLoading, isError, errorMessage,
     fileUrl: any;
     isLoading: any;
     isError: any;
-    errorMessage?: string | undefined;
+    errorMessage: any;
     onClear: any;
     onRetry: any;
     onDownload: any;

package/dist/components/TableChat/components/TableChatRightSection/FileUploader/FileUploader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploader.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatRightSection/FileUploader/FileUploader.tsx"],"names":[],"mappings":"AA8FA,QAAA,MAAM,YAAY,GAAI;;;;;;;;;CASrB,mDAuDA,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"FileUploader.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatRightSection/FileUploader/FileUploader.tsx"],"names":[],"mappings":"AA+FA,QAAA,MAAM,YAAY,GAAI;;;;;;;;;CASrB,mDAiEA,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/TableChat/components/TableChatRightSection/FileUploader/FileUploader.js

@@ -1,5 +1,6 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import React__default from "react";
+import { useTranslation } from "../../../../../i18n/useTranslation.js";
 import Box from "../../../../../node_modules/@mui/material/Box/Box.js";
 import Typography from "../../../../../node_modules/@mui/material/Typography/Typography.js";
 import IconButton from "../../../../../node_modules/@mui/material/IconButton/IconButton.js";
@@ -92,11 +93,13 @@ const FileUploader = ({
   fileUrl,
   isLoading,
   isError,
-  errorMessage = "Upload failed",
+  errorMessage,
   onClear,
   onRetry,
   onDownload
 }) => {
+  const { t } = useTranslation();
+  const resolvedErrorMessage = errorMessage ?? t("tableChat.fileUploader.uploadFailed");
   React__default.useEffect(() => {
     injectStyles();
   }, []);
@@ -108,18 +111,34 @@ const FileUploader = ({
   if (!file && !isLoading && !isError) return null;
   return /* @__PURE__ */ jsxs(Box, { className: `file-uploader-container ${isError ? "error" : ""}`, children: [
     /* @__PURE__ */ jsxs("div", { className: "file-info", children: [
-      /* @__PURE__ */ jsx(Typography, { className: "file-name", title: file == null ? void 0 : file.name, children: (file == null ? void 0 : file.name) || "Unknown file" }),
+      /* @__PURE__ */ jsx(Typography, { className: "file-name", title: file == null ? void 0 : file.name, children: (file == null ? void 0 : file.name) || t("tableChat.fileUploader.unknownFile") }),
       file && /* @__PURE__ */ jsx(Typography, { className: "file-size", children: formatFileSize(file.size) })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "action-buttons", children: [
-      fileUrl && !isLoading && !isError && /* @__PURE__ */ jsx(IconButton, { size: "small", title: "Download file", onClick: handleDownload, children: /* @__PURE__ */ jsx(DownloadIcon, { sx: { fontSize: 20 } }) }),
+      fileUrl && !isLoading && !isError && /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          size: "small",
+          title: t("tableChat.fileUploader.downloadFile"),
+          onClick: handleDownload,
+          children: /* @__PURE__ */ jsx(DownloadIcon, { sx: { fontSize: 20 } })
+        }
+      ),
       isError ? /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(IconButton, { size: "small", title: "Retry upload", onClick: onRetry, children: /* @__PURE__ */ jsx(ReplayIcon, { sx: { fontSize: 20 } }) }),
-        /* @__PURE__ */ jsx(IconButton, { size: "small", title: "Clear", onClick: onClear, children: /* @__PURE__ */ jsx(ClearIcon, { sx: { fontSize: 20 } }) })
-      ] }) : /* @__PURE__ */ jsx(IconButton, { size: "small", title: "Remove file", onClick: onClear, children: /* @__PURE__ */ jsx(CloseIcon, { sx: { fontSize: 20 } }) })
+        /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            size: "small",
+            title: t("tableChat.fileUploader.retryUpload"),
+            onClick: onRetry,
+            children: /* @__PURE__ */ jsx(ReplayIcon, { sx: { fontSize: 20 } })
+          }
+        ),
+        /* @__PURE__ */ jsx(IconButton, { size: "small", title: t("common.clear"), onClick: onClear, children: /* @__PURE__ */ jsx(ClearIcon, { sx: { fontSize: 20 } }) })
+      ] }) : /* @__PURE__ */ jsx(IconButton, { size: "small", title: t("tableChat.fileUploader.removeFile"), onClick: onClear, children: /* @__PURE__ */ jsx(CloseIcon, { sx: { fontSize: 20 } }) })
     ] }),
     isLoading && /* @__PURE__ */ jsx("div", { className: "loading-overlay", children: /* @__PURE__ */ jsx(CircularProgress, { size: 20 }) }),
-    isError && /* @__PURE__ */ jsx(Typography, { className: "error-message", children: errorMessage })
+    isError && /* @__PURE__ */ jsx(Typography, { className: "error-message", children: resolvedErrorMessage })
   ] });
 };
 export {

package/dist/components/TableChat/components/TableChatRightSection/ImageUploader/ImageUploader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageUploader.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatRightSection/ImageUploader/ImageUploader.tsx"],"names":[],"mappings":"AAgGA;;GAEG;AACH,QAAA,MAAM,aAAa,GAAI;;;;;;CAAuD,4CA2C7E,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"ImageUploader.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatRightSection/ImageUploader/ImageUploader.tsx"],"names":[],"mappings":"AAgGA;;GAEG;AACH,QAAA,MAAM,aAAa,GAAI;;;;;;CAAuD,4CAwD7E,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/TableChat/components/TableChatRightSection/ImageUploader/ImageUploader.js

@@ -1,4 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
+import { useTranslation } from "../../../../../i18n/useTranslation.js";
 import Box from "../../../../../node_modules/@mui/material/Box/Box.js";
 import CircularProgress from "../../../../../node_modules/@mui/material/CircularProgress/CircularProgress.js";
 import IconButton from "../../../../../node_modules/@mui/material/IconButton/IconButton.js";
@@ -86,11 +87,12 @@ const injectStyles = () => {
 };
 injectStyles();
 const ImageUploader = ({ image, isLoading, isError, handleClear, handleRetry }) => {
+  const { t } = useTranslation();
   return /* @__PURE__ */ jsxs(Box, { className: `image-uploader-container ${isError ? "error" : ""}`, children: [
     (image || isLoading || isError) && /* @__PURE__ */ jsx(
       "img",
       {
-        alt: "Image Preview",
+        alt: t("tableChat.imageUploader.preview"),
         className: "image-preview",
         src: image || "https://placehold.co/200x200?text=Preview"
       }
@@ -98,11 +100,35 @@ const ImageUploader = ({ image, isLoading, isError, handleClear, handleRetry })
     (isLoading || isError) && /* @__PURE__ */ jsxs(Box, { className: "action-overlay", children: [
       isLoading && /* @__PURE__ */ jsx(CircularProgress, { size: 20 }),
       isError && /* @__PURE__ */ jsxs(Box, { className: "error-icons", children: [
-        /* @__PURE__ */ jsx(IconButton, { "aria-label": "retry upload", color: "default", onClick: handleRetry, children: /* @__PURE__ */ jsx(ReplayIcon, { sx: { fontSize: 20 } }) }),
-        /* @__PURE__ */ jsx("div", { className: "clear-icon-container", children: /* @__PURE__ */ jsx(IconButton, { "aria-label": "clear image", color: "default", onClick: handleClear, children: /* @__PURE__ */ jsx(ClearIcon, { sx: { fontSize: 20 } }) }) })
+        /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            "aria-label": t("tableChat.imageUploader.retryUpload"),
+            color: "default",
+            onClick: handleRetry,
+            children: /* @__PURE__ */ jsx(ReplayIcon, { sx: { fontSize: 20 } })
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "clear-icon-container", children: /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            "aria-label": t("tableChat.imageUploader.clearImage"),
+            color: "default",
+            onClick: handleClear,
+            children: /* @__PURE__ */ jsx(ClearIcon, { sx: { fontSize: 20 } })
+          }
+        ) })
       ] })
     ] }),
-    image && !isLoading && !isError && /* @__PURE__ */ jsx("div", { className: "clear-icon-container", children: /* @__PURE__ */ jsx(IconButton, { "aria-label": "clear image", color: "default", onClick: handleClear, children: /* @__PURE__ */ jsx(ClearIcon, { sx: { fontSize: 20 } }) }) })
+    image && !isLoading && !isError && /* @__PURE__ */ jsx("div", { className: "clear-icon-container", children: /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        "aria-label": t("tableChat.imageUploader.clearImage"),
+        color: "default",
+        onClick: handleClear,
+        children: /* @__PURE__ */ jsx(ClearIcon, { sx: { fontSize: 20 } })
+      }
+    ) })
   ] });
 };
 export {

package/dist/components/TableChat/components/TableChatRightSection/PinedChatPanel/PinedChatPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PinedChatPanel.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatRightSection/PinedChatPanel/PinedChatPanel.tsx"],"names":[],"mappings":"AAOA,OAAO,yBAAyB,CAAC;AAmLjC,eAAO,MAAM,WAAW,GAAI;;;;;CAK3B,4CAsCA,CAAC"}
+{"version":3,"file":"PinedChatPanel.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatRightSection/PinedChatPanel/PinedChatPanel.tsx"],"names":[],"mappings":"AAQA,OAAO,yBAAyB,CAAC;AA8KjC,eAAO,MAAM,WAAW,GAAI;;;;;CAK3B,4CAyCA,CAAC"}

package/dist/components/TableChat/components/TableChatRightSection/PinedChatPanel/PinedChatPanel.js

@@ -2,10 +2,13 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import default_1 from "../../../../../node_modules/@mui/icons-material/Block.js";
 import DOMPurify from "dompurify";
+import { getAssetUrl } from "../../../../../utils/assetBase.js";
 import { Avatar } from "../../../../Avatar/index.js";
 import { ChatAvatar } from "../AvatarGroup/AvatarGroup.js";
 import { ChatInput } from "../ChatInput/ChatInput.js";
 
+import { useTranslation } from "../../../../../i18n/useTranslation.js";
+const DEFAULT_CHAT_AVATAR = getAssetUrl("avatar_sample.webp");
 const renderContent = (content) => {
   if (!content) return null;
   if (typeof content === "string") {
@@ -58,6 +61,7 @@ const renderContent = (content) => {
   }
 };
 const MessageItem = ({ type, msg, onMessageClick }) => {
+  const { t } = useTranslation();
   const isPinned = type === "pinned";
   const isDeleted = (msg == null ? void 0 : msg.type) === "deleted" || (msg == null ? void 0 : msg.deleted) === true;
   const handleClick = () => {
@@ -78,17 +82,10 @@ const MessageItem = ({ type, msg, onMessageClick }) => {
             {
               label: msg == null ? void 0 : msg.userInitials,
               size: "small",
-              src: (msg == null ? void 0 : msg.src) || "static/media/src/assets/avatar_sample.jpeg",
+              src: (msg == null ? void 0 : msg.src) || DEFAULT_CHAT_AVATAR,
               type: "withoutPicture"
             }
-          ) : /* @__PURE__ */ jsx(
-            ChatAvatar,
-            {
-              name: msg == null ? void 0 : msg.userInitials,
-              size: "sm",
-              src: (msg == null ? void 0 : msg.src) || "static/media/src/assets/avatar_sample.jpeg"
-            }
-          ),
+          ) : /* @__PURE__ */ jsx(ChatAvatar, { name: msg == null ? void 0 : msg.userInitials, size: "sm", src: (msg == null ? void 0 : msg.src) || DEFAULT_CHAT_AVATAR }),
           /* @__PURE__ */ jsxs("div", { className: isPinned ? "pinned-info" : "thread-info", children: [
             isPinned && /* @__PURE__ */ jsxs("div", { className: "pinned-meta", children: [
               /* @__PURE__ */ jsx("span", { className: "user-title", children: msg.senderName }),
@@ -96,7 +93,7 @@ const MessageItem = ({ type, msg, onMessageClick }) => {
             ] }),
             /* @__PURE__ */ jsx("div", { className: isPinned ? "pinned-text" : "thread-text", children: /* @__PURE__ */ jsxs("div", { className: "deleted-message-content", children: [
               /* @__PURE__ */ jsx(default_1, { className: "delete-icon" }),
-              /* @__PURE__ */ jsx("span", { className: "deleted-text", children: "Message deleted by its author" })
+              /* @__PURE__ */ jsx("span", { className: "deleted-text", children: t("tableChat.pinned.deletedByAuthor") })
             ] }) }),
             type === "thread" && /* @__PURE__ */ jsx("span", { className: "thread-time", children: msg.timestamp })
           ] })
@@ -116,17 +113,10 @@ const MessageItem = ({ type, msg, onMessageClick }) => {
           {
             label: msg == null ? void 0 : msg.userInitials,
             size: "small",
-            src: (msg == null ? void 0 : msg.src) || "static/media/src/assets/avatar_sample.jpeg",
+            src: (msg == null ? void 0 : msg.src) || DEFAULT_CHAT_AVATAR,
             type: "withoutPicture"
           }
-        ) : /* @__PURE__ */ jsx(
-          ChatAvatar,
-          {
-            name: msg == null ? void 0 : msg.userInitials,
-            size: "sm",
-            src: (msg == null ? void 0 : msg.src) || "static/media/src/assets/avatar_sample.jpeg"
-          }
-        ),
+        ) : /* @__PURE__ */ jsx(ChatAvatar, { name: msg == null ? void 0 : msg.userInitials, size: "sm", src: (msg == null ? void 0 : msg.src) || DEFAULT_CHAT_AVATAR }),
         /* @__PURE__ */ jsxs("div", { className: isPinned ? "pinned-info" : "thread-info", children: [
           isPinned && /* @__PURE__ */ jsxs("div", { className: "pinned-meta", children: [
             /* @__PURE__ */ jsx("span", { className: "user-title", children: msg.senderName }),
@@ -139,7 +129,10 @@ const MessageItem = ({ type, msg, onMessageClick }) => {
           /* @__PURE__ */ jsx("div", { className: isPinned ? "pinned-text" : "thread-text", children: renderContent(msg.content) }),
           type === "thread" && /* @__PURE__ */ jsxs("span", { className: "thread-time", children: [
             msg.timestamp,
-            msg.edited && /* @__PURE__ */ jsx("span", { className: "edited-label", children: " (edited)" })
+            msg.edited && /* @__PURE__ */ jsxs("span", { className: "edited-label", children: [
+              " ",
+              t("commentsPanel.edited")
+            ] })
           ] })
         ] })
       ]
@@ -154,22 +147,23 @@ const PinnedPanel = ({
   onMessageClick
   // Handler when a message is clicked
 }) => {
+  const { t } = useTranslation();
   const isPinned = type === "pinned";
   return /* @__PURE__ */ jsxs("div", { className: "pinned-panel", children: [
     /* @__PURE__ */ jsxs("div", { className: "pinned-panel-header", children: [
-      /* @__PURE__ */ jsx("h1", { className: "header-title", children: isPinned ? "Pinned" : "Thread" }),
-      /* @__PURE__ */ jsx("button", { className: "close-btn", onClick: onClose, children: isPinned ? "Close" : "Close thread" })
+      /* @__PURE__ */ jsx("h1", { className: "header-title", children: isPinned ? t("tableChat.pinned.pinnedTitle") : t("tableChat.pinned.threadTitle") }),
+      /* @__PURE__ */ jsx("button", { className: "close-btn", onClick: onClose, children: isPinned ? t("common.close") : t("tableChat.pinned.closeThread") })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "pinned-panel-content", children: [
-      isPinned && /* @__PURE__ */ jsx("h4", { className: "pinned-title", children: "Pinned message" }),
+      isPinned && /* @__PURE__ */ jsx("h4", { className: "pinned-title", children: t("tableChat.pinned.pinnedMessage") }),
       messages.map((msg, idx) => /* @__PURE__ */ jsx(MessageItem, { msg, type, onMessageClick }, msg.id))
     ] }),
     type === "thread" && /* @__PURE__ */ jsx(
       ChatInput,
       {
         maxLength: 500,
-        placeholder: "Thread Msg",
-        quickActionLabel: "Quick Action",
+        placeholder: t("tableChat.pinned.threadMsgPlaceholder"),
+        quickActionLabel: t("tableChat.input.quickAction"),
         showFormatting: true,
         showQuickAction: true,
         value: "",

package/dist/components/TableChat/components/TableChatRightSection/ReplyBadge/ReplyBadge.d.ts

@@ -1,7 +1,7 @@
 
 export declare const ReplyBadge: ({ text, action, onReplyClick, onActionClick, className, showIcon, }: {
-    text?: string | undefined;
-    action?: string | undefined;
+    text: any;
+    action: any;
     onReplyClick: any;
     onActionClick: any;
     className?: string | undefined;

package/dist/components/TableChat/components/TableChatRightSection/ReplyBadge/ReplyBadge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReplyBadge.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatRightSection/ReplyBadge/ReplyBadge.tsx"],"names":[],"mappings":"AAGA,OAAO,0BAA0B,CAAC;AAIlC,eAAO,MAAM,UAAU,GAAI;;;;;;;CAO1B,4CAeA,CAAC"}
+{"version":3,"file":"ReplyBadge.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatRightSection/ReplyBadge/ReplyBadge.tsx"],"names":[],"mappings":"AAGA,OAAO,0BAA0B,CAAC;AAIlC,eAAO,MAAM,UAAU,GAAI;;;;;;;CAO1B,4CAkBA,CAAC"}

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

@@ -1,7 +1,6 @@
 
-declare const TableChatRightSection: ({ showChatId, title, chatId, CreatedBy, createdAt, participants, participantsList, onParticipantsClick, messages: propMessages, placeholder, showFormatting, maxLength, onMessageReply, onMessageBookmark, onMessagePin, onMessageMore, onAttachFile, onImageUpload, onEmojiClick, setPinnedMessages, className, showDateSeparators, autoScroll, onThreadClick, messageConfig, inputChatConfig, owner, ...restProps }: {
+declare const TableChatRightSection: ({ title, chatId, CreatedBy, createdAt, participants, participantsList, onParticipantsClick, messages: propMessages, placeholder, showFormatting, maxLength, onMessageReply, onMessageBookmark, onMessagePin, onMessageMore, onAttachFile, onImageUpload, onEmojiClick, setPinnedMessages, className, showDateSeparators, autoScroll, onThreadClick, messageConfig, inputChatConfig, ...restProps }: {
     [x: string]: any;
-    showChatId: any;
     title: any;
     chatId: any;
     CreatedBy: any;
@@ -27,7 +26,6 @@ declare const TableChatRightSection: ({ showChatId, title, chatId, CreatedBy, cr
     onThreadClick: any;
     messageConfig?: {} | undefined;
     inputChatConfig?: {} | undefined;
-    owner: any;
 }) => import("react/jsx-runtime").JSX.Element;
 export default TableChatRightSection;
 //# sourceMappingURL=TableChatRightSection.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TableChatRightSection.d.ts","sourceRoot":"","sources":["../../../../../src/components/TableChat/components/TableChatRightSection/TableChatRightSection.tsx"],"names":[],"mappings":"AAmBA,OAAO,qCAAqC,CAAC;AAI7C,QAAA,MAAM,qBAAqB,GAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyC9B,4CAgsCA,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"TableChatRightSection.d.ts","sourceRoot":"","sources":["../../../../../src/components/TableChat/components/TableChatRightSection/TableChatRightSection.tsx"],"names":[],"mappings":"AAkBA,OAAO,qCAAqC,CAAC;AAI7C,QAAA,MAAM,qBAAqB,GAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuC9B,4CAisCA,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/components/TableChat/components/TableChatRightSection/TableChatRightSection.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-right-section-container{background:#fff;border-radius:10px;display:flex;flex-direction:column;height:100%;max-width:641px;position:relative;width:641px}.table-chat-right-section-container .clear-chat-button-container{background:#fff;cursor:pointer;display:flex;justify-content:flex-end;padding:8px 10px;position:absolute;top:64px;width:100%;z-index:999}.table-chat-right-section-container-empty{background:#fff;border-radius:10px;display:flex;flex-direction:column;height:100%;max-width:640px;position:relative;width:100%}.table-chat-messages{background:#fff;display:flex;flex:1;flex-direction:column;gap:16px;justify-content:flex-start;margin-block:10px;overflow-y:auto;padding:16px 24px}.empty-state-container{justify-content:center}.message-wrapper{display:flex;flex-direction:column;gap:8px;position:relative}.table-chat-empty-state{align-items:center;color:#7a8294;display:flex;flex-direction:column;font-size:14px;gap:20px;justify-content:center;max-width:641px;padding:0 60px;text-align:center}.table-chat-empty-state p{margin:0}.message-text:hover .message-action-container{visibility:visible}.infinite-scroll-trigger{min-height:60px;padding:16px}.infinite-scroll-loading,.infinite-scroll-trigger{align-items:center;display:flex;justify-content:center}.infinite-scroll-loading{width:100%}.infinite-scroll-placeholder{height:1px;width:100%}.infinite-scroll-error{align-items:center;background:#e155541a;border-radius:8px;color:#e15554;display:flex;flex-direction:column;justify-content:center;margin:8px 0;padding:16px;text-align:center}.infinite-scroll-error p{font-size:12px;margin:0 0 8px}.add_member_btn{border-radius:25px!important;margin:0 auto;width:200px}.add_members_modal{width:320px!important}.modal-header-search-input-container{align-items:center;display:flex;margin-bottom:16px;width:100%}.modal-header-search-input-container .menu-header-search-icon{margin-top:4px;width:20px}')),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-right-section-container{background:#fff;border-radius:10px;box-sizing:border-box;display:flex;flex:1 1 0;flex-direction:column;height:100%;max-width:100%;min-width:0;overflow:hidden;position:relative;width:100%}.table-chat-right-section-container .clear-chat-button-container{background:#fff;box-sizing:border-box;cursor:pointer;display:flex;justify-content:flex-end;padding:8px 16px;position:absolute;top:64px;width:100%;z-index:999}.table-chat-right-section-container-empty{background:#fff;border-radius:10px;display:flex;flex-direction:column;height:100%;max-width:640px;position:relative;width:100%}.table-chat-messages{background:#fff;box-sizing:border-box;display:flex;flex:1;flex-direction:column;gap:10px;justify-content:flex-start;margin-bottom:10px;min-width:0;overflow-x:hidden;overflow-y:auto;padding:16px 20px}.empty-state-container{justify-content:center}.message-wrapper{box-sizing:border-box;display:flex;flex-direction:column;gap:4px;min-width:0;position:relative;width:100%}.table-chat-empty-state{align-items:center;color:#7a8294;display:flex;flex-direction:column;font-size:14px;gap:20px;justify-content:center;max-width:641px;padding:0 60px;text-align:center}.table-chat-empty-state p{margin:0}.infinite-scroll-trigger{min-height:60px;padding:16px}.infinite-scroll-loading,.infinite-scroll-trigger{align-items:center;display:flex;justify-content:center}.infinite-scroll-loading{width:100%}.infinite-scroll-placeholder{height:1px;width:100%}.infinite-scroll-error{align-items:center;background:#e155541a;border-radius:8px;color:#e15554;display:flex;flex-direction:column;justify-content:center;margin:8px 0;padding:16px;text-align:center}.infinite-scroll-error p{font-size:12px;margin:0 0 8px}.add_member_btn{border-radius:25px!important;margin:0 auto;width:200px}.add_members_modal{width:320px!important}.modal-header-search-input-container{align-items:center;display:flex;margin-bottom:16px;width:100%}.modal-header-search-input-container .menu-header-search-icon{margin-top:4px;width:20px}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import React__default, { useRef, useState, useCallback, useEffect } from "react";
 import { getAssetUrl } from "../../../../utils/assetBase.js";
@@ -17,9 +17,9 @@ import { EmptyContainer } from "../../EmptyContainer.js";
 import useInfiniteScroll from "../../hooks/useInfiniteScroll.js";
 import ChatMessageListSkeleton from "../ChatMessageSkeleton/ChatMessageListSkeleton.js";
 
+import { useTranslation } from "../../../../i18n/useTranslation.js";
 const SearchIcon = getAssetUrl("icons/searchIcon.svg");
 const TableChatRightSection = ({
-  showChatId,
   // Header props
   title,
   chatId,
@@ -52,10 +52,10 @@ const TableChatRightSection = ({
   // External configuration
   messageConfig = {},
   inputChatConfig = {},
-  owner,
   ...restProps
 }) => {
   var _a, _b;
+  const { t } = useTranslation();
   const messagesRef = useRef(null);
   const isLoadingRef = useRef(false);
   const [inputValue, setInputValue] = useState("");
@@ -178,8 +178,6 @@ const TableChatRightSection = ({
             if (reloadedMessages && reloadedMessages.length > 0) {
               setMessages(reloadedMessages);
               updateHasMore(true);
-            } else {
-              console.log("[TableChatRightSection] API confirmed messages are cleared");
             }
           }
         } catch (error) {
@@ -563,8 +561,7 @@ const TableChatRightSection = ({
           id: `date-${rawDate}-${msg.id}`,
           date: parsed,
           // 👈 pass Date object
-          pinned: msg.pinned,
-          ...msg
+          pinned: msg.pinned
         });
       }
       grouped.push(msg);
@@ -709,11 +706,10 @@ const TableChatRightSection = ({
         chatId,
         createdAt,
         createdBy: CreatedBy,
-        showChatId,
         title
       }
     ) : null,
-    messages.length > 0 && owner === currentUserId && /* @__PURE__ */ jsx("div", { className: "clear-chat-button-container", children: /* @__PURE__ */ jsx(
+    messages.length > 0 && /* @__PURE__ */ jsx("div", { className: "clear-chat-button-container", children: /* @__PURE__ */ jsx(
       Button,
       {
         className: "clear-chat-button",
@@ -723,7 +719,7 @@ const TableChatRightSection = ({
           event.stopPropagation();
           setShowClearChat(true);
         },
-        children: "Clear Chat"
+        children: t("tableChat.right.clearChat")
       }
     ) }),
     /* @__PURE__ */ jsxs(
@@ -736,15 +732,17 @@ const TableChatRightSection = ({
           isSearchLoading ? /* @__PURE__ */ jsx("div", { className: "table-chat-loading-state", children: /* @__PURE__ */ jsx(ChatMessageListSkeleton, { messageCount: 4 }) }) : groupedItems.length === 0 && !hasMore ? /* @__PURE__ */ jsx("div", { className: "table-chat-empty-state", children: isSearchActive ? /* @__PURE__ */ jsx(
             EmptyContainer,
             {
-              subTitle: "Try searching for a different keyword.",
-              title: `No messages found for "${searchQuery}"`
+              subTitle: t("tableChat.right.tryDifferentKeyword"),
+              title: t("tableChat.right.noMessagesFound", {
+                query: searchQuery
+              })
             }
           ) : /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx(
               EmptyContainer,
               {
-                subTitle: "Start the conversation by adding members to the chat.",
-                title: "Haven't started the conversation yet!"
+                subTitle: t("tableChat.right.noConversationSubtitle"),
+                title: t("tableChat.right.noConversationTitle")
               }
             ),
             /* @__PURE__ */ jsx(
@@ -757,7 +755,7 @@ const TableChatRightSection = ({
                 onClick: () => setShowAddMembers(true),
                 className: "add_member_btn",
                 iconPlacement: "right",
-                children: showAddMembersLoading ? "Adding..." : "Add members"
+                children: showAddMembersLoading ? t("tableChat.right.adding") : t("tableChat.right.addMembers")
               }
             )
           ] }) }) : groupedItems.map((item) => {
@@ -778,11 +776,9 @@ const TableChatRightSection = ({
                 isPinChatIconvisible: messageConfig == null ? void 0 : messageConfig.isPinChatIconVisible,
                 isThreadIconVisible: messageConfig == null ? void 0 : messageConfig.isThreadIconVisible,
                 messageId: item.id,
-                messages,
                 pinned: item.isPinned,
                 priority: item.priority,
                 showActions: messageConfig.showActions ?? item.showActions !== false,
-                showThreeDotIcon: item.edited || item.deleted,
                 timestamp: item.timestamp,
                 type: item.type,
                 onBookmark: () => {
@@ -819,16 +815,15 @@ const TableChatRightSection = ({
             Modal,
             {
               className: "test-modal add_members_modal",
-              footerOptions: /* @__PURE__ */ jsx("div", { children: "Footer Options" }),
               loading: showAddMembersLoading,
               open: showAddMembers,
-              primaryButtonLabel: showAddMembersLoading ? "Adding..." : "Add",
+              primaryButtonLabel: showAddMembersLoading ? t("tableChat.right.adding") : t("tableChat.right.add"),
               primaryButtonProps: {
                 disabled: !addMembers.length > 0 || showAddMembersLoading
               },
-              secondaryButtonLabel: "Cancel",
+              secondaryButtonLabel: t("common.cancel"),
               size: "small",
-              title: "Add members",
+              title: t("tableChat.right.addMembers"),
               onClose: () => {
                 setShowAddMembers(false);
               },
@@ -842,7 +837,7 @@ const TableChatRightSection = ({
                   {
                     className: "modal-header-search-input",
                     leftIcon: /* @__PURE__ */ jsx("img", { alt: "search", className: "menu-header-search-icon", src: SearchIcon }),
-                    placeholder: "Search members...",
+                    placeholder: t("tableChat.right.searchMembers"),
                     value: memberSearchQuery,
                     onChange: (e) => {
                       handleMemberSearch(e.target.value);
@@ -884,7 +879,7 @@ const TableChatRightSection = ({
                     ]
                   },
                   user.id || index
-                )) }) : /* @__PURE__ */ jsxs(
+                )) }) : /* @__PURE__ */ jsx(
                   "div",
                   {
                     style: {
@@ -893,18 +888,16 @@ const TableChatRightSection = ({
                       color: "#666",
                       fontSize: "14px"
                     },
-                    children: [
-                      'No members found for "',
-                      memberSearchQuery,
-                      '"'
-                    ]
+                    children: t("tableChat.right.noMembersFound", {
+                      query: memberSearchQuery
+                    })
                   }
-                ) : "Loading..."
+                ) : t("common.loading")
               ] }, ".0")
             }
           ),
           infiniteScrollError && /* @__PURE__ */ jsxs("div", { className: "infinite-scroll-error", children: [
-            /* @__PURE__ */ jsx("p", { children: "Failed to load older messages. Please try again." }),
+            /* @__PURE__ */ jsx("p", { children: t("tableChat.right.loadOlderFailed") }),
             /* @__PURE__ */ jsx(
               Button,
               {
@@ -913,7 +906,7 @@ const TableChatRightSection = ({
                 onClick: () => {
                   window.location.reload();
                 },
-                children: "Retry"
+                children: t("tableChat.right.retry")
               }
             )
           ] })
@@ -948,15 +941,15 @@ const TableChatRightSection = ({
           setShowClearChat(false);
         },
         isOpen: showClearChat,
-        primaryButtonLabel: isClearChatLoading ? "Clearing..." : "Clear",
-        secondaryButtonLabel: "Cancel",
-        title: "Are you sure ?",
+        primaryButtonLabel: isClearChatLoading ? t("tableChat.right.clearing") : t("common.clear"),
+        secondaryButtonLabel: t("common.cancel"),
+        title: t("tableChat.right.clearConfirmTitle"),
         variant: "error",
         onPrimaryButtonClick: handleAllMessagesDelete,
         onSecondaryButtonClick: () => {
           setShowClearChat(false);
         },
-        children: "This will permanently delete all messages in this conversation."
+        children: t("tableChat.right.clearConfirmMessage")
       }
     )
   ] });

package/dist/components/TableChat/components/TextEditor/EditorToolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditorToolbar.d.ts","sourceRoot":"","sources":["../../../../../src/components/TableChat/components/TextEditor/EditorToolbar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAkB1B,OAAO,6BAA6B,CAAC;AAsErC,eAAO,MAAM,aAAa,+DAoGzB,CAAC"}
+{"version":3,"file":"EditorToolbar.d.ts","sourceRoot":"","sources":["../../../../../src/components/TableChat/components/TextEditor/EditorToolbar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAmB1B,OAAO,6BAA6B,CAAC;AAsErC,eAAO,MAAM,aAAa,+DAqGzB,CAAC"}