impact-ui 4.0.1-alpha.9 → 4.0.1

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

@@ -3,7 +3,7 @@ declare const ChatHeaderInfo: ({ title, createdBy, createdAt, chatId, showChatId
     createdBy: any;
     createdAt: any;
     chatId: any;
-    showChatId: any;
+    showChatId?: boolean | undefined;
 }) => import("react/jsx-runtime").JSX.Element;
 export default ChatHeaderInfo;
 //# sourceMappingURL=ChatHeaderInfo.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ChatHeaderInfo.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeaderInfo.tsx"],"names":[],"mappings":"AAOA,QAAA,MAAM,cAAc,GAAI;;;;;;CAAmD,4CA8B1E,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"ChatHeaderInfo.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeaderInfo.tsx"],"names":[],"mappings":"AAKA,QAAA,MAAM,cAAc,GAAI;;;;;;CAA2D,4CAyClF,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeaderInfo.js

@@ -1,23 +1,34 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { getAssetUrl } from "../../../../../utils/assetBase.js";
 import { useTextOverflow } from "../../../../../utils/useTextOverflow.js";
 import { Tooltip } from "../../../../Tooltip/index.js";
-getAssetUrl("icons/checkGreeIcon.svg");
-const ChatHeaderInfo = ({ title, createdBy, createdAt, chatId, showChatId }) => {
-  const { textRef: fullTextRef, isOverflowing: isFullTextOverflowing } = useTextOverflow();
-  const fullText = `${chatId && showChatId ? `ID : ${chatId.slice(0, 6)}... ` : ""}created by  ${createdBy}${createdAt ? ` at  ${createdAt}` : ""}`;
+import { useTranslation } from "../../../../../i18n/useTranslation.js";
+const ChatHeaderInfo = ({ title, createdBy, createdAt, chatId, showChatId = false }) => {
+  const { t } = useTranslation();
+  const fullText = `${chatId && showChatId ? t("tableChat.header.idSegment", { id: chatId.slice(0, 6) }) : ""}${createdBy ? t("tableChat.header.createdBySegment", { createdBy }) : ""}${createdAt ? t("tableChat.header.atSegment", { createdAt }) : ""}`;
+  const { textRef: fullTextRef, isOverflowing: isFullTextOverflowing } = useTextOverflow([
+    fullText,
+    title
+  ]);
   return /* @__PURE__ */ jsxs("div", { className: "chat-header-content", children: [
-    /* @__PURE__ */ jsx("h1", { className: "chat-title", children: title }),
-    /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx("h1", { className: "chat-title chat-text-ellipsis", title, children: title }),
+    fullText ? /* @__PURE__ */ jsx("div", { className: "chat-info-outer", children: /* @__PURE__ */ jsx(
       Tooltip,
       {
         isHoverEnabled: isFullTextOverflowing,
         orientation: "bottom",
         title: fullText,
         variant: "tertiary",
-        children: /* @__PURE__ */ jsx("div", { ref: fullTextRef, className: "chat-info-container chat-text-ellipsis", children: fullText })
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            ref: fullTextRef,
+            className: `chat-info-container ${isFullTextOverflowing ? "chat-text-ellipsis" : ""}`,
+            title: isFullTextOverflowing ? fullText : void 0,
+            children: fullText
+          }
+        )
       }
-    )
+    ) }) : null
   ] });
 };
 export {

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

@@ -1,6 +1,6 @@
 
 export declare const ChatInput: ({ placeholder, value, onChange, onSend, onAttach, onImageUpload, onEmojiClick, showFormatting, showQuickAction, quickActionLabel, disabled, maxLength, className, messageConfig, isEditMode, editingMessage, onCancelEdit, chatId, }: {
-    placeholder?: string | undefined;
+    placeholder: any;
     value: any;
     onChange: any;
     onSend: any;
@@ -9,7 +9,7 @@ export declare const ChatInput: ({ placeholder, value, onChange, onSend, onAttac
     onEmojiClick: any;
     showFormatting?: boolean | undefined;
     showQuickAction?: boolean | undefined;
-    quickActionLabel?: string | undefined;
+    quickActionLabel: any;
     disabled?: boolean | undefined;
     maxLength?: number | undefined;
     className?: string | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"ChatInput.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatRightSection/ChatInput/ChatInput.tsx"],"names":[],"mappings":"AAWA,OAAO,yBAAyB,CAAC;AAgBjC,eAAO,MAAM,SAAS,GAAI;;;;;;;;;;;;;;;;;;;CAmBzB,4CA0tBA,CAAC"}
+{"version":3,"file":"ChatInput.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatRightSection/ChatInput/ChatInput.tsx"],"names":[],"mappings":"AAWA,OAAO,yBAAyB,CAAC;AAcjC,eAAO,MAAM,SAAS,GAAI;;;;;;;;;;;;;;;;;;;CAmBzB,4CAmuBA,CAAC"}

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

@@ -1,5 +1,5 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var t=document.createElement("style");t.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}.chat-input{background:#fff;margin:0 23px 12px}.chat-input.focused{border-top-color:#4259ee}.chat-input .edit-mode-indicator{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;margin-bottom:8px;padding:8px 12px}.chat-input .edit-mode-indicator .edit-mode-text{align-items:center;color:#856404;display:flex;font-size:14px;justify-content:space-between}.chat-input .edit-mode-indicator .edit-mode-text span{align-items:center;display:flex;font-weight:500;gap:6px}.chat-input .edit-mode-indicator .edit-mode-text .cancel-edit-btn{background:none;border:1px solid #ffeaa7;border-radius:4px;color:#856404;cursor:pointer;font-size:12px;padding:4px 8px;transition:all .2s ease}.chat-input .edit-mode-indicator .edit-mode-text .cancel-edit-btn:hover{background-color:#ffeaa7;color:#6c5400}.chat-input .quick-action-container{align-items:center;display:flex;justify-content:flex-end;margin-bottom:6px}.chat-input .show-formatting-enabled{justify-content:space-between}.chat-input .formatting-toolbar{align-items:center}.chat-input .formatting-toolbar .format-button{align-items:center;background:none;border:none;color:#7a8294;cursor:pointer;display:flex;justify-content:center;padding:6px}.chat-input .formatting-toolbar .format-button:hover{background:#eceefd;color:#4259ee}.chat-input .input-container{position:relative}.chat-input .input-container .input-wrapper{align-items:flex-end;background:#fff;border:1px solid #d9dde7;border-radius:12px;box-shadow:0 0 12px 8px #0000000f;display:flex;gap:8px;padding:12px 16px;transition:border-color .2s ease}.chat-input .input-container .input-wrapper:focus-within{border-color:#4259ee}.chat-input .input-container .input-wrapper .message-input{background:none;border:none;color:#1f2b4d;flex:1;font-family:Manrope,sans-serif;font-size:14px;line-height:1.4;outline:none}.chat-input .input-container .input-wrapper .message-input::placeholder{color:#7a8294}.chat-input .input-container .input-wrapper .image-input-container{display:flex;flex-direction:column;gap:2px;width:100%}.chat-input .input-container .character-count{bottom:-22px;color:#b4bac7;font-size:11px;position:absolute;right:-5px}.chat-input .formatting-toolbar{display:flex;gap:4px;padding:4px}.chat-input .formatting-toolbar .format-button{border-radius:4px;padding:4px;transition:all .2s ease}.chat-input .formatting-toolbar .format-button:hover{background-color:#f5f5f5}.chat-input .formatting-toolbar .format-button.is-active{background-color:#e2f4ff;color:#4259ee}.chat-input .upload-container{display:flex;flex-direction:column;width:100%}.chat-input .upload-container .image-preview-container{display:flex;flex-wrap:wrap;gap:8px}.chat-input .upload-container .image-preview-container img{border-radius:8px;object-fit:cover}.chat-input .upload-container .file-preview-container{display:flex;flex-direction:column;gap:4px}.chat-input .message-input{border:1px solid #f0f0f0;border-radius:4px;font-size:14px;line-height:1.5;padding:8px;width:100%}.chat-input .message-input:focus{border-color:#4259ee;outline:none}.chat-input .chat-input-section{border-radius:12px;display:flex;flex-direction:column;gap:6px;position:static;width:100%}.chat-input .chat-input-section.new-chat-screen{bottom:0;position:relative;width:100%}.chat-input .chat-input-section.custom-screen{bottom:15px;width:95%}.chat-input .chat-input-textarea{border:none;max-height:500px;min-height:10px;outline:none;overflow-y:auto;resize:none;width:100%}.chat-input .chat-input-container{background:#fff;border:1px solid #d9dde7;border-radius:12px;box-shadow:0 0 12px 8px #0000000f;padding:12px;position:relative;width:100%}.chat-input .chat-input-container:focus-within,.chat-input .chat-input-container:hover{border:1px solid #b3bdf8}.chat-input .chat-input-wrapper{align-items:flex-end;display:flex;max-height:182px;transition:all .2s ease-in-out;width:100%}.chat-input .chat-input-wrapper.stacked{align-items:stretch;flex-direction:column}.chat-input .chat-input-wrapper.empty{align-items:flex-end;flex-direction:row}.chat-input .chat-input-wrapper.single-line-textarea{align-items:center}.chat-input .message-input-container{display:flex;flex-direction:column;gap:4px;width:100%}.chat-input .chat-textarea{background:#0000;border:none;color:#1f2b4d;flex:1;font-family:Manrope,sans-serif;font-size:14px;font-weight:400;line-height:160%;max-height:142px;outline:none;overflow-y:hidden;padding:0;resize:none;width:100%}.chat-input .chat-textarea::placeholder{color:#b4bac7}.chat-input .chat-textarea{transition:all .2s ease-in-out}.chat-input .chat-textarea.scrollable{overflow-y:auto}.chat-input .chat-actions{align-items:flex-end;display:flex;gap:12px;height:32px;justify-content:flex-end}.chat-input .chat-actions.fixed{height:36px}.chat-input .chat-actions.not-fixed{height:32px}.chat-input .input-actions{align-items:center;display:flex;gap:8px}.chat-input .input-actions .send-actions{align-items:center;display:flex;gap:8px;height:30px}.chat-input .input-actions .send-actions .ia-btn-icon{height:28px;margin-bottom:-4px}.chat-input .input-actions .send-actions img{width:12px}.chat-input .input-actions .send-actions .check-button{background:none;border:3px solid #eceefd;border-radius:8px;color:#7a8294;cursor:pointer;height:32px;padding:8px;width:32px}.chat-input .input-actions .send-actions .check-button .check-icon{width:12px}.chat-input .input-actions .send-actions .send-button{align-items:center!important;background:#0000!important;border:none!important;border-radius:6px!important;color:#fff!important;display:flex!important;height:32px!important;justify-content:center!important;min-width:32px!important;padding:0!important;width:32px!important}.tiptap p.is-editor-empty:first-child:before{color:#d9dde7;content:attr(data-placeholder);float:left;height:0;pointer-events:none}.quick-action-menu.MuiPopover-root .MuiPaper-root{margin-bottom:8px!important}.ia-styles.ia-menu.quick-action-container .MuiList-root{min-width:214px!important}.ia-styles.ia-menu.quick-action-container .MuiPaper-root{margin-left:6px!important;margin-top:-10px!important}.ia-styles.ia-menu.priority-action-container .MuiList-root{min-width:214px!important}.ia-styles.ia-menu.priority-action-container .MuiPaper-root{margin-left:36px!important;margin-top:-6px!important}.input-actions .send-actions .ia-btn-icon-loading{margin-bottom:0;padding-top:7px}.selected_action_priority{border:1px solid #3649c6!important}')),document.head.appendChild(t)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+!function(){"use strict";try{if("undefined"!=typeof document){var t=document.createElement("style");t.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}.chat-input{background:#fff;box-sizing:border-box;margin:0 16px 12px;min-width:0}.chat-input.focused{border-top-color:#4259ee}.chat-input .edit-mode-indicator{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;margin-bottom:8px;padding:8px 12px}.chat-input .edit-mode-indicator .edit-mode-text{align-items:center;color:#856404;display:flex;font-size:14px;justify-content:space-between}.chat-input .edit-mode-indicator .edit-mode-text span{align-items:center;display:flex;font-weight:500;gap:6px}.chat-input .edit-mode-indicator .edit-mode-text .cancel-edit-btn{background:none;border:1px solid #ffeaa7;border-radius:4px;color:#856404;cursor:pointer;font-size:12px;padding:4px 8px;transition:all .2s ease}.chat-input .edit-mode-indicator .edit-mode-text .cancel-edit-btn:hover{background-color:#ffeaa7;color:#6c5400}.chat-input .quick-action-container{align-items:center;display:flex;justify-content:flex-end;margin-bottom:6px}.chat-input .show-formatting-enabled{justify-content:space-between}.chat-input .formatting-toolbar{align-items:center}.chat-input .formatting-toolbar .format-button{align-items:center;background:none;border:none;color:#7a8294;cursor:pointer;display:flex;justify-content:center;padding:6px}.chat-input .formatting-toolbar .format-button:hover{background:#eceefd;color:#4259ee}.chat-input .input-container{position:relative}.chat-input .input-container .input-wrapper{align-items:flex-end;background:#fff;border:1px solid #d9dde7;border-radius:12px;box-shadow:0 0 12px 8px #0000000f;display:flex;gap:8px;padding:12px 16px;transition:border-color .2s ease}.chat-input .input-container .input-wrapper:focus-within{border-color:#4259ee}.chat-input .input-container .input-wrapper .message-input{background:none;border:none;color:#1f2b4d;flex:1;font-family:Manrope,sans-serif;font-size:14px;line-height:1.4;outline:none}.chat-input .input-container .input-wrapper .message-input::placeholder{color:#7a8294}.chat-input .input-container .input-wrapper .image-input-container{display:flex;flex-direction:column;gap:2px;width:100%}.chat-input .input-container .character-count{bottom:-22px;color:#b4bac7;font-size:11px;position:absolute;right:-5px}.chat-input .formatting-toolbar{display:flex;gap:4px;padding:4px}.chat-input .formatting-toolbar .format-button{border-radius:4px;padding:4px;transition:all .2s ease}.chat-input .formatting-toolbar .format-button:hover{background-color:#f5f5f5}.chat-input .formatting-toolbar .format-button.is-active{background-color:#e2f4ff;color:#4259ee}.chat-input .upload-container{display:flex;flex-direction:column;width:100%}.chat-input .upload-container .image-preview-container{display:flex;flex-wrap:wrap;gap:8px}.chat-input .upload-container .image-preview-container img{border-radius:8px;object-fit:cover}.chat-input .upload-container .file-preview-container{display:flex;flex-direction:column;gap:4px}.chat-input .message-input{border:1px solid #f0f0f0;border-radius:4px;font-size:14px;line-height:1.5;padding:8px;width:100%}.chat-input .message-input:focus{border-color:#4259ee;outline:none}.chat-input .chat-input-section{border-radius:12px;display:flex;flex-direction:column;gap:6px;position:static;width:100%}.chat-input .chat-input-section.new-chat-screen{bottom:0;position:relative;width:100%}.chat-input .chat-input-section.custom-screen{bottom:15px;width:95%}.chat-input .chat-input-textarea{border:none;max-height:500px;min-height:10px;outline:none;overflow-y:auto;resize:none;width:100%}.chat-input .chat-input-container{background:#fff;border:1px solid #d9dde7;border-radius:12px;box-shadow:0 0 12px 8px #0000000f;padding:12px;position:relative;width:100%}.chat-input .chat-input-container:focus-within,.chat-input .chat-input-container:hover{border:1px solid #b3bdf8}.chat-input .chat-input-wrapper{align-items:flex-end;display:flex;max-height:182px;transition:all .2s ease-in-out;width:100%}.chat-input .chat-input-wrapper.stacked{align-items:stretch;flex-direction:column}.chat-input .chat-input-wrapper.empty{align-items:flex-end;flex-direction:row}.chat-input .chat-input-wrapper.single-line-textarea{align-items:center}.chat-input .message-input-container{display:flex;flex-direction:column;gap:4px;width:100%}.chat-input .chat-textarea{background:#0000;border:none;color:#1f2b4d;flex:1;font-family:Manrope,sans-serif;font-size:14px;font-weight:400;line-height:160%;max-height:142px;outline:none;overflow-y:hidden;padding:0;resize:none;width:100%}.chat-input .chat-textarea::placeholder{color:#b4bac7}.chat-input .chat-textarea{transition:all .2s ease-in-out}.chat-input .chat-textarea.scrollable{overflow-y:auto}.chat-input .chat-actions{align-items:flex-end;display:flex;gap:12px;height:32px;justify-content:flex-end}.chat-input .chat-actions.fixed{height:36px}.chat-input .chat-actions.not-fixed{height:32px}.chat-input .input-actions{align-items:center;display:flex;gap:8px}.chat-input .input-actions .send-actions{align-items:center;display:flex;gap:8px;height:30px}.chat-input .input-actions .send-actions .ia-btn-icon{height:28px;margin-bottom:-4px}.chat-input .input-actions .send-actions img{width:12px}.chat-input .input-actions .send-actions .check-button{background:none;border:3px solid #eceefd;border-radius:8px;color:#7a8294;cursor:pointer;height:32px;padding:8px;width:32px}.chat-input .input-actions .send-actions .check-button .check-icon{width:12px}.chat-input .input-actions .send-actions .send-button{align-items:center!important;background:#0000!important;border:none!important;border-radius:6px!important;color:#fff!important;display:flex!important;height:32px!important;justify-content:center!important;min-width:32px!important;padding:0!important;width:32px!important}.tiptap p.is-editor-empty:first-child:before{color:#d9dde7;content:attr(data-placeholder);float:left;height:0;pointer-events:none}.quick-action-menu.MuiPopover-root .MuiPaper-root{margin-bottom:8px!important}.ia-styles.ia-menu.quick-action-container .MuiList-root{min-width:214px!important}.ia-styles.ia-menu.quick-action-container .MuiPaper-root{margin-left:6px!important;margin-top:-10px!important}.ia-styles.ia-menu.priority-action-container .MuiList-root{min-width:214px!important}.ia-styles.ia-menu.priority-action-container .MuiPaper-root{margin-left:36px!important;margin-top:-6px!important}.input-actions .send-actions .ia-btn-icon-loading{margin-bottom:0;padding-top:7px}.selected_action_priority{border:1px solid #3649c6!important}')),document.head.appendChild(t)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React__default, { useState, useRef, useEffect } from "react";
 import { getAssetUrl } from "../../../../../utils/assetBase.js";
 import { Button } from "../../../../Button/index.js";
@@ -10,21 +10,20 @@ import TableChatEmojiPicker from "../EmojiPicker/EmojiPicker.js";
 import FileUploader from "../FileUploader/FileUploader.js";
 import ImageUploader from "../ImageUploader/ImageUploader.js";
 
-getAssetUrl("icons/ChatCheckIcon.svg");
-const CheckBlueIcon = getAssetUrl("icons/checkBlueIcon.svg");
-const CheckGreenIcon = getAssetUrl("icons/checkGreeIcon.svg");
-const CheckIcon = getAssetUrl("icons/checkIcon.svg");
-const DeleteRedIcon = getAssetUrl("icons/deleteRedIcon.svg");
-const EditYellowIcon = getAssetUrl("icons/editYellowIcon.svg");
+import { useTranslation } from "../../../../../i18n/useTranslation.js";
 const ListIcon = getAssetUrl("icons/listIcon.svg");
-const NotAllowedGreenIcon = getAssetUrl("icons/notAllowedGreenIcon.svg");
 const ThumbsUpIcon = getAssetUrl("icons/thumbsupBlueIcon.svg");
+const CheckGreenIcon = getAssetUrl("icons/checkGreeIcon.svg");
+const EditYellowIcon = getAssetUrl("icons/editYellowIcon.svg");
+const DeleteRedIcon = getAssetUrl("icons/deleteRedIcon.svg");
+const CheckBlueIcon = getAssetUrl("icons/checkBlueIcon.svg");
 const WarningRedIcon = getAssetUrl("icons/warningRedIcon.svg");
 const ThumbsUpYellowIcon = getAssetUrl("icons/thumbsUpYellowIcon.svg");
+const NotAllowedGreenIcon = getAssetUrl("icons/notAllowedGreenIcon.svg");
 const SendIcon = getAssetUrl("icons/sendIcon.svg");
-getAssetUrl("icons/sendIconDisabled.svg");
+const CheckIcon = getAssetUrl("icons/checkIcon.svg");
 const ChatInput = ({
-  placeholder = "Type message",
+  placeholder,
   value,
   onChange,
   onSend,
@@ -33,7 +32,7 @@ const ChatInput = ({
   onEmojiClick,
   showFormatting = true,
   showQuickAction = true,
-  quickActionLabel = "Quick action",
+  quickActionLabel,
   disabled = false,
   maxLength = 5e3,
   className = "chat-input",
@@ -44,6 +43,7 @@ const ChatInput = ({
   chatId
 }) => {
   var _a, _b, _c, _d, _e, _f;
+  const { t } = useTranslation();
   const [message, setMessage] = useState(value || "");
   const [isFocused, setIsFocused] = useState(false);
   const [quickActionAnchorEl, setQuickActionAnchorEl] = useState(null);
@@ -87,7 +87,7 @@ const ChatInput = ({
   const priorityOptions = [
     {
       value: "normal",
-      label: "Normal Priority",
+      label: t("tableChat.priority.normal"),
       icon: /* @__PURE__ */ jsx("img", { src: CheckBlueIcon })
       // onClick: (data) => {
       //   setSelectedPriority(data);
@@ -95,7 +95,7 @@ const ChatInput = ({
     },
     {
       value: "high",
-      label: "High Priority",
+      label: t("tableChat.priority.high"),
       icon: /* @__PURE__ */ jsx("img", { src: WarningRedIcon })
       // onClick: (data) => {
       //   setSelectedPriority(data);
@@ -103,7 +103,7 @@ const ChatInput = ({
     },
     {
       value: "medium",
-      label: "Medium Priority",
+      label: t("tableChat.priority.medium"),
       icon: /* @__PURE__ */ jsx("img", { src: ThumbsUpYellowIcon })
       // onClick: (data) => {
       //   setSelectedPriority(data);
@@ -111,7 +111,7 @@ const ChatInput = ({
     },
     {
       value: "low",
-      label: "Low Priority",
+      label: t("tableChat.priority.low"),
       icon: /* @__PURE__ */ jsx("img", { src: NotAllowedGreenIcon })
       // onClick: (data) => {
       //   setSelectedPriority(data);
@@ -144,43 +144,43 @@ const ChatInput = ({
   const defaultQuickActionMenuOptions = [
     {
       value: "requestReview",
-      label: "Request Review",
+      label: t("tableChat.input.requestReview"),
       icon: /* @__PURE__ */ jsx("img", { src: ThumbsUpIcon }),
       // onClick: (data) => {
       //   const text = getPrefillText(data);
       //   onChange?.(text);
       // },
-      prefillText: "Please review this request and provide feedback."
+      prefillText: t("tableChat.input.requestReviewText")
     },
     {
       value: "finalOffer",
-      label: "Final Offer",
+      label: t("tableChat.input.finalOffer"),
       icon: /* @__PURE__ */ jsx("img", { src: CheckGreenIcon }),
       // onClick: (data) => {
       //   const text = getPrefillText(data);
       //   onChange?.(text);
       // },
-      prefillText: "Sharing the final offer. Please confirm."
+      prefillText: t("tableChat.input.finalOfferText")
     },
     {
       value: "editRequest",
-      label: "Edit Request",
+      label: t("tableChat.input.editRequest"),
       icon: /* @__PURE__ */ jsx("img", { src: EditYellowIcon }),
       // onClick: (data) => {
       //   const text = getPrefillText(data);
       //   onChange?.(text);
       // },
-      prefillText: "I would like to request an edit for this item."
+      prefillText: t("tableChat.input.editRequestText")
     },
     {
       value: "deleteRequest",
-      label: "Delete Request",
+      label: t("tableChat.input.deleteRequest"),
       icon: /* @__PURE__ */ jsx("img", { src: DeleteRedIcon }),
       // onClick: (data) => {
       //   const text = getPrefillText(data);
       //   onChange?.(text);
       // },
-      prefillText: "Please delete this request from the list."
+      prefillText: t("tableChat.input.deleteRequestText")
     }
   ];
   const getPrefillText = (value2, selectedArray) => {
@@ -397,8 +397,11 @@ const ChatInput = ({
   }, [message]);
   return /* @__PURE__ */ jsxs("div", { className: `${className} ${isFocused ? "focused" : ""}`, children: [
     isEditMode && editingMessage && /* @__PURE__ */ jsx("div", { className: "edit-mode-indicator", children: /* @__PURE__ */ jsxs("div", { className: "edit-mode-text", children: [
-      /* @__PURE__ */ jsx("span", { children: "✏️ Editing message" }),
-      /* @__PURE__ */ jsx("button", { className: "cancel-edit-btn", type: "button", onClick: onCancelEdit, children: "Cancel" })
+      /* @__PURE__ */ jsxs("span", { children: [
+        "✏️ ",
+        t("tableChat.input.editingMessage")
+      ] }),
+      /* @__PURE__ */ jsx("button", { className: "cancel-edit-btn", type: "button", onClick: onCancelEdit, children: t("common.cancel") })
     ] }) }),
     /* @__PURE__ */ jsxs("div", { className: `quick-action-container ${showFormatting ? "show-formatting-enabled" : ""}`, children: [
       showFormatting && /* @__PURE__ */ jsx(
@@ -434,7 +437,7 @@ const ChatInput = ({
             icon: /* @__PURE__ */ jsx("img", { src: ListIcon }),
             variant: "tertiary",
             onClick: handleQuickActionClick,
-            children: quickActionLabel
+            children: quickActionLabel || t("tableChat.input.quickAction")
           }
         ),
         /* @__PURE__ */ jsx(
@@ -518,7 +521,7 @@ const ChatInput = ({
                 disabled,
                 loadParticipantsAvatar: messageConfig.loadParticipantsAvatar,
                 maxLength,
-                placeholder: "Type message... (mention users by typing @)",
+                placeholder: t("tableChat.input.mentionPlaceholder"),
                 value: getDisplayValue(),
                 onChange: handleInputChange,
                 onSend: handleSend
@@ -529,7 +532,7 @@ const ChatInput = ({
             /* @__PURE__ */ jsx(
               Button,
               {
-                ariaLabel: "Mark as done",
+                ariaLabel: t("tableChat.input.markAsDone"),
                 className: `${selectedPriority.value && "selected_action_priority"} check-button`,
                 icon: /* @__PURE__ */ jsx("img", { className: "check-icon", src: CheckIcon }),
                 variant: "tertiary",
@@ -572,11 +575,11 @@ const ChatInput = ({
             /* @__PURE__ */ jsx(
               Button,
               {
-                "aria-label": isEditMode ? "Update message" : "Send message",
+                "aria-label": isEditMode ? t("tableChat.input.updateMessage") : t("tableChat.input.sendMessage"),
                 disabled: !getTrimmedValue(),
                 icon: /* @__PURE__ */ jsx("img", { src: SendIcon }),
                 loading: isSending,
-                title: isEditMode ? "Update message" : "Send message",
+                title: isEditMode ? t("tableChat.input.updateMessage") : t("tableChat.input.sendMessage"),
                 variant: "primary",
                 onClick: handleSend
               }

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

@@ -1 +1 @@
-{"version":3,"file":"ChatMessageActions.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatRightSection/ChatMessageActions/ChatMessageActions.tsx"],"names":[],"mappings":"AAOA,OAAO,kCAAkC,CAAC;AAE1C,eAAO,MAAM,kBAAkB,GAAI;;;;;;;;;CASlC,4CA2CA,CAAC"}
+{"version":3,"file":"ChatMessageActions.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatRightSection/ChatMessageActions/ChatMessageActions.tsx"],"names":[],"mappings":"AAOA,OAAO,kCAAkC,CAAC;AAE1C,eAAO,MAAM,kBAAkB,GAAI;;;;;;;;;CASlC,4CA4CA,CAAC"}

package/dist/components/TableChat/components/TableChatRightSection/ChatMessageAvatar/ChatMessageAvatar.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}.message-avatar{flex-shrink:0}')),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}}();
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".message-avatar{flex-shrink:0}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
 import { jsx } from "react/jsx-runtime";
 
 import { ChatAvatar } from "../AvatarGroup/AvatarGroup.js";

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

@@ -1,5 +1,5 @@
 
-export declare const ChatMessage: ({ messageId, author, authorName, authorAvatar, content, timestamp, isUser, showActions, showAvatar, isDeleted, edited, deleted, onReply, onReact, onBookmark, onPin, pinned, onMore, onEdit, onMessageDelete, onRefetchMessages, type, priority, actions, className, onThreadClick, isThreadIconVisible, isPinChatIconvisible, isHighlighted, highlightColor, showThreeDotIcon, }: {
+export declare const ChatMessage: ({ messageId, author, authorName, authorAvatar, content, timestamp, isUser, showActions, showAvatar, isDeleted, edited, deleted, onReply, onReact, onBookmark, onPin, pinned, onMore, onEdit, onMessageDelete, onRefetchMessages, type, priority, actions, className, onThreadClick, isThreadIconVisible, isPinChatIconvisible, isHighlighted, highlightColor, }: {
     messageId: any;
     author: any;
     authorName: any;
@@ -30,6 +30,5 @@ export declare const ChatMessage: ({ messageId, author, authorName, authorAvatar
     isPinChatIconvisible: any;
     isHighlighted?: boolean | undefined;
     highlightColor?: null | undefined;
-    showThreeDotIcon: any;
 }) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ChatMessage.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ChatMessage.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatRightSection/ChatMessages/ChatMessage.tsx"],"names":[],"mappings":"AAUA,OAAO,2BAA2B,CAAC;AAUnC,eAAO,MAAM,WAAW,GAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgC3B,4CA4KA,CAAC"}
+{"version":3,"file":"ChatMessage.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatRightSection/ChatMessages/ChatMessage.tsx"],"names":[],"mappings":"AAUA,OAAO,2BAA2B,CAAC;AAKnC,eAAO,MAAM,WAAW,GAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+B3B,4CA4KA,CAAC"}

package/dist/components/TableChat/components/TableChatRightSection/ChatMessages/ChatMessage.js

@@ -1,5 +1,5 @@
-!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}.chat-message{align-items:flex-start;display:flex;gap:12px}.chat-message.user-message{flex-direction:row-reverse}.chat-message.user-message .message-content{text-align:right}.chat-message.user-message .message-actions{justify-content:flex-end}.chat-message .message-header{align-items:center;display:flex;gap:10px;justify-content:space-between}.chat-message .message-header .message-action-container{align-items:center;display:flex;gap:4px;visibility:hidden}.chat-message .message-header .message-action-container img,.chat-message .message-header .message-action-container svg{color:#b4bac7;cursor:pointer;width:14px}.chat-message .message-header .visibility-enabled{visibility:visible}.chat-message .message-header .message-action-info-container{align-items:center;display:flex;gap:8px}.chat-message .message-header .message-action-info-container svg{color:#b4bac7;cursor:pointer}.chat-message .message-header .message-action-info-container .message-action-info{color:#b4bac7;font-size:12px}.chat-message .message-header .message-action-info-container .message-timestamp{color:#60697d;font-size:11px;font-weight:500}.chat-message .message-header .message-action-info-container .ia-styles.ia-btn.ia-btn-tertiary{background:#0000;border:none}.chat-message .flex-end{justify-content:flex-end!important}.chat-message.user-message .message-text{margin-left:60px}.chat-message.assistant-message .message-text{background:linear-gradient(92.25deg,#f8f9fb -.92%,#f2f4fb 98.11%);margin-left:0;margin-right:60px}.chat-message .message-content{flex:1 1;min-width:0}.ia-styles.ia-menu.more-options-menu .MuiPaper-root{max-width:332px;min-width:220px}.delete_modal_txt{color:#0d152c;font-size:16px;font-style:normal;font-weight:800;line-height:24px}.delete_modal_subTxt{color:#60697d;font-size:12px;font-style:normal;font-weight:500;line-height:16px;text-align:center}.chat-message:hover .message-actions{opacity:1}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
-import { jsxs, jsx } from "react/jsx-runtime";
+!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}.chat-message{align-items:flex-start;box-sizing:border-box;display:flex;gap:8px;min-width:0;transition:transform .2s ease;width:100%}.chat-message.user-message{flex-direction:row-reverse}.chat-message.user-message>.message-content{align-items:flex-end;margin-left:48px;text-align:right}.chat-message.user-message .message-actions{justify-content:flex-end}.chat-message.assistant-message>.message-content{align-items:flex-start;margin-right:48px}.chat-message .message-header{align-items:center;display:flex;gap:6px;justify-content:flex-end}.chat-message .message-header .message-action-container{align-items:center;display:flex;gap:4px;margin-right:auto;max-width:0;opacity:0;overflow:hidden;pointer-events:none;transform:translate(6px);transition:opacity .25s ease,max-width .25s ease,transform .25s ease}.chat-message .message-header .message-action-container img,.chat-message .message-header .message-action-container svg{color:#b4bac7;cursor:pointer;transition:color .2s ease,transform .2s ease;width:14px}.chat-message .message-header .message-action-container.visibility-enabled{max-width:96px;opacity:1;pointer-events:auto;transform:translate(0)}.chat-message .message-header .message-action-info-container{align-items:center;display:flex;gap:8px}.chat-message .message-header .message-action-info-container svg{color:#b4bac7;cursor:pointer}.chat-message .message-header .message-action-info-container .message-action-info{color:#b4bac7;font-size:12px}.chat-message .message-header .message-action-info-container .message-timestamp{color:#60697d;font-size:11px;font-variant-numeric:tabular-nums;font-weight:500;letter-spacing:.02em;opacity:.85;white-space:nowrap}.chat-message .message-header .message-action-info-container .ia-styles.ia-btn.ia-btn-tertiary{background:#0000;border:none}.chat-message .flex-end{justify-content:flex-end!important}.chat-message.assistant-message .message-text,.chat-message.user-message .message-text{margin-left:0;margin-right:0}.chat-message>.message-content{display:flex;flex:0 1 auto;flex-direction:column;max-width:calc(100% - 40px);min-width:0;width:auto}.ia-styles.ia-menu.more-options-menu .MuiPaper-root{max-width:332px;min-width:220px}.delete_modal_txt{color:#0d152c;font-size:16px;font-style:normal;font-weight:800;line-height:24px}.delete_modal_subTxt{color:#60697d;font-size:12px;font-style:normal;font-weight:500;line-height:16px;text-align:center}.chat-message:hover .message-actions{opacity:1}.chat-message .message-action-container.visibility-enabled,.chat-message .message-text:hover .message-action-container{max-width:96px;opacity:1;pointer-events:auto;transform:translate(0)}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { getAssetUrl } from "../../../../../utils/assetBase.js";
 import { Menu } from "../../../../Menu/index.js";
@@ -9,10 +9,9 @@ import { ChatDeletedMessageType } from "../ChatDeleteMessageType/ChatDeletedMess
 import ChatEditedMessageType from "../ChatEditedMessageType/ChatEditedMessageType.js";
 import { ChatMessageAvatar } from "../ChatMessageAvatar/ChatMessageAvatar.js";
 
-const DeleteIcon = getAssetUrl("icons/deleteIcon.svg");
-getAssetUrl("icons/unpinedIcon.svg");
+import { useTranslation } from "../../../../../i18n/useTranslation.js";
 const EditIcon = getAssetUrl("icons/pencilIcon.svg");
-getAssetUrl("icons/replyIcon.svg");
+const DeleteIcon = getAssetUrl("icons/deleteIcon.svg");
 const ChatMessage = ({
   messageId,
   author,
@@ -43,9 +42,9 @@ const ChatMessage = ({
   isThreadIconVisible,
   isPinChatIconvisible,
   isHighlighted = false,
-  highlightColor = null,
-  showThreeDotIcon
+  highlightColor = null
 }) => {
+  const { t } = useTranslation();
   const [moreOptionsAnchorEl, setMoreOptionsAnchorEl] = useState(null);
   const [moreOptionsMenuOpen, setMoreOptionsMenuOpen] = useState(false);
   const [showDeleteModal, setShowDeleteModal] = useState(false);
@@ -60,7 +59,7 @@ const ChatMessage = ({
     //   },
     // },
     {
-      label: "Edit",
+      label: t("commentsPanel.edit"),
       value: "edit",
       icon: /* @__PURE__ */ jsx("img", { alt: "edit", src: EditIcon }),
       onClick: () => {
@@ -79,7 +78,7 @@ const ChatMessage = ({
     //   },
     // },
     {
-      label: "Delete",
+      label: t("commentsPanel.delete"),
       value: "delete",
       icon: /* @__PURE__ */ jsx("img", { alt: "delete", src: DeleteIcon }),
       onClick: () => {
@@ -127,7 +126,6 @@ const ChatMessage = ({
         isUser,
         pinned,
         priority,
-        showThreeDotIcon,
         timestamp,
         visibility: moreOptionsMenuOpen,
         onPin,
@@ -175,9 +173,9 @@ const ChatMessage = ({
           setShowDeleteModal(false);
         },
         isOpen: showDeleteModal,
-        primaryButtonLabel: deleting ? "Deleting..." : "Delete",
-        secondaryButtonLabel: "Cancel",
-        title: "Are you sure",
+        primaryButtonLabel: deleting ? t("commentsPanel.deleting") : t("commentsPanel.delete"),
+        secondaryButtonLabel: t("common.cancel"),
+        title: t("tableChat.message.deleteConfirmTitle"),
         variant: "error",
         onPrimaryButtonClick: () => {
           handleMsgDelete(messageId);
@@ -185,7 +183,7 @@ const ChatMessage = ({
         onSecondaryButtonClick: () => {
           setShowDeleteModal(false);
         },
-        children: "This will permanently delete message in this conversation."
+        children: t("tableChat.message.deleteConfirmMessage")
       }
     )
   ] });

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

@@ -1 +1 @@
-{"version":3,"file":"ChatNotificationSettings.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatRightSection/ChatNotificationSettings/ChatNotificationSettings.tsx"],"names":[],"mappings":"AAEA,OAAO,wCAAwC,CAAC;AAMhD,eAAO,MAAM,wBAAwB,GAAI;;;;;;;;;;CAOxC,mDA6NA,CAAC"}
+{"version":3,"file":"ChatNotificationSettings.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatRightSection/ChatNotificationSettings/ChatNotificationSettings.tsx"],"names":[],"mappings":"AAOA,OAAO,wCAAwC,CAAC;AAEhD,eAAO,MAAM,wBAAwB,GAAI;;;;;;;;;;CAOxC,mDA8NA,CAAC"}

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

@@ -1,11 +1,12 @@
 !function(){"use strict";try{if("undefined"!=typeof document){var t=document.createElement("style");t.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}.notification-backdrop{height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:999}.notification-settings-card{background:#fff;border:1px solid #d9dde7;border-radius:16px;box-shadow:0 8px 32px #0000001f;width:386px;z-index:1000}.notification-settings-card .notification-settings-header{padding:20px 24px 4px}.notification-settings-card .notification-settings-header h3{color:#0d152c;font-size:16px;font-weight:600;line-height:1.4;margin:0}.notification-settings-card .notification-settings-content{padding:12px 24px}.notification-settings-card .notification-settings-content .notification-options{display:flex;flex-direction:column;gap:4px}.notification-settings-card .notification-settings-content .notification-options .notification-option{align-items:flex-start;cursor:pointer;display:flex;gap:12px;padding:6px 0}.notification-settings-card .notification-settings-content .notification-options .notification-option input[type=radio]{display:none}.notification-settings-card .notification-settings-content .notification-options .notification-option .radio-custom{align-items:center;border:2px solid #b4bac7;border-radius:50%;display:flex;flex-shrink:0;height:20px;justify-content:center;margin-top:1px;transition:all .2s ease;width:20px}.notification-settings-card .notification-settings-content .notification-options .notification-option .radio-custom:after{background-color:#4259ee;border-radius:50%;content:"";height:8px;opacity:0;transform:scale(0);transition:all .2s ease;width:8px}.notification-settings-card .notification-settings-content .notification-options .notification-option input[type=radio]:checked+.radio-custom{border-color:#4259ee}.notification-settings-card .notification-settings-content .notification-options .notification-option input[type=radio]:checked+.radio-custom:after{opacity:1;transform:scale(1)}.notification-settings-card .notification-settings-content .notification-options .notification-option .option-text{color:#1f2b4d;font-size:16px;font-weight:400;line-height:1.5}.notification-settings-card .notification-settings-content .notification-options .notification-option:hover .radio-custom{border-color:#6b7280}.notification-settings-card .notification-settings-content .notification-options .notification-option:hover input[type=radio]:checked+.radio-custom{border-color:#4259ee}.notification-settings-card .notification-settings-content .notification-options .mentions-checkbox{margin-bottom:4px;margin-left:32px;margin-top:4px}.notification-settings-card .notification-settings-content .notification-options .mentions-checkbox .ia-checkbox-container .ia-checkbox-input+.ia-checkbox-label{color:#6b7280;font-size:14px;font-weight:400}.notification-settings-card .notification-settings-content .notification-separator{background-color:#f3f4f6;height:1px;margin:16px 0 20px}.notification-settings-card .notification-settings-content .mute-section .ia-checkbox-container{margin-bottom:12px}.notification-settings-card .notification-settings-content .mute-section .ia-checkbox-container .ia-checkbox-input+.ia-checkbox-label{color:#1f2b4d;font-size:16px;font-weight:400}.notification-settings-card .notification-settings-content .mute-section .mute-description{margin-bottom:4px;margin-left:32px;margin-top:8px}.notification-settings-card .notification-settings-content .mute-section .mute-description p{color:#6b7280;font-size:14px;line-height:1.5;margin:0 0 8px}.notification-settings-card .notification-settings-content .mute-section .mute-description p:last-child{margin-bottom:0}.notification-settings-card .notification-settings-actions{border-radius:0 0 16px 16px;border-top:1px solid #f3f4f6;display:flex;gap:12px;justify-content:flex-end;padding:16px 12px 20px 24px}.notification-settings-card .notification-settings-actions .ia-styles.ia-btn.ia-btn-link:hover{text-decoration:none}.notification-settings-card .notification-settings-actions button{border-radius:6px;font-size:14px;font-weight:500;height:36px;min-width:80px;transition:all .2s ease}.notification-settings-card .notification-settings-actions button[variant=tertiary]{background-color:initial;border:1px solid #b4bac7;color:#1f2b4d}.notification-settings-card .notification-settings-actions button[variant=tertiary]:hover{background-color:#f9fafb;border-color:#d9dde7}.notification-settings-card .notification-settings-actions button[variant=primary]{background-color:#4259ee;border:1px solid #4259ee;color:#fff}.notification-settings-card .notification-settings-actions button[variant=primary]:hover{background-color:#1531e8;border-color:#1531e8}@keyframes slideInUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%,10px)}}')),document.head.appendChild(t)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useState } from "react";
-
 import { Button } from "../../../../Button/index.js";
 import { Checkbox } from "../../../../Checkbox/index.js";
 import { Prompt } from "../../../../Prompt/index.js";
 import { RadioButtonGroup } from "../../../../RadioButtonGroup/index.js";
+
+import { useTranslation } from "../../../../../i18n/useTranslation.js";
 const ChatNotificationSettings = ({
   isOpen,
   onClose,
@@ -14,6 +15,7 @@ const ChatNotificationSettings = ({
   onSaveNotification,
   notificationSettings
 }) => {
+  const { t } = useTranslation();
   const [notificationSetting, setNotificationSetting] = useState(
     (notificationSettings == null ? void 0 : notificationSettings.notificationSetting) || "all"
   );
@@ -47,7 +49,7 @@ const ChatNotificationSettings = ({
           transform: "translate(0%, 0%)"
         },
         children: [
-          /* @__PURE__ */ jsx("div", { className: "notification-settings-header", children: /* @__PURE__ */ jsx("h3", { children: "Send a notification for" }) }),
+          /* @__PURE__ */ jsx("div", { className: "notification-settings-header", children: /* @__PURE__ */ jsx("h3", { children: t("tableChat.notifications.sendNotificationFor") }) }),
           /* @__PURE__ */ jsxs("div", { className: "notification-settings-content", children: [
             /* @__PURE__ */ jsxs("div", { className: "notification-options", children: [
               /* @__PURE__ */ jsx(
@@ -55,7 +57,7 @@ const ChatNotificationSettings = ({
                 {
                   options: [
                     {
-                      label: "All new messages",
+                      label: t("tableChat.notifications.allNewMessages"),
                       value: "all"
                     }
                   ],
@@ -70,7 +72,7 @@ const ChatNotificationSettings = ({
                 {
                   options: [
                     {
-                      label: "Mentions",
+                      label: t("tableChat.notifications.mentions"),
                       value: "mentions"
                     }
                   ],
@@ -86,13 +88,9 @@ const ChatNotificationSettings = ({
                 Checkbox,
                 {
                   checked: includeChannelMentions,
-                  label: /* @__PURE__ */ jsxs("span", { children: [
-                    "Also include ",
-                    /* @__PURE__ */ jsx("b", { style: { fontWeight: "bold" }, children: `@${channelName}` }),
-                    " and",
-                    " ",
-                    /* @__PURE__ */ jsx("b", { style: { fontWeight: "bold" }, children: `@here` })
-                  ] }),
+                  label: /* @__PURE__ */ jsx("span", { children: t("tableChat.notifications.alsoInclude", {
+                    channel: channelName
+                  }) }),
                   variant: "default",
                   onChange: (e) => {
                     setIncludeChannelMentions(e.target.checked);
@@ -104,7 +102,7 @@ const ChatNotificationSettings = ({
                 {
                   options: [
                     {
-                      label: "Nothing",
+                      label: t("tableChat.notifications.nothing"),
                       value: "nothing"
                     }
                   ],
@@ -123,7 +121,7 @@ const ChatNotificationSettings = ({
                 Checkbox,
                 {
                   checked: muteChannel,
-                  label: "Mute channel",
+                  label: t("tableChat.notifications.muteChannel"),
                   variant: "default",
                   onChange: (e) => {
                     setMuteChannel(e.target.checked);
@@ -139,24 +137,24 @@ const ChatNotificationSettings = ({
                     setMuteChannel(false);
                   },
                   isOpen: muteChannel,
-                  secondaryButtonLabel: "Unmute channel",
-                  title: "You've muted this channel",
+                  secondaryButtonLabel: t("tableChat.notifications.unmuteChannel"),
+                  title: t("tableChat.notifications.mutedTitle"),
                   variant: "warning",
                   onSecondaryButtonClick: () => {
                     setMuteChannel(false);
                   },
-                  children: "Muted channels are greyed out at the bottom of your channel list. You’ll still see a badge in the sidebar if you’ve been mentioned."
+                  children: t("tableChat.notifications.mutedDescription")
                 }
               ),
               /* @__PURE__ */ jsxs("div", { className: "mute-description", children: [
-                /* @__PURE__ */ jsx("p", { children: "Mute channels are greyed out at the bottom of your channel list." }),
-                /* @__PURE__ */ jsx("p", { children: "You'll still see a badge in the sidebar if you've been mentioned." })
+                /* @__PURE__ */ jsx("p", { children: t("tableChat.notifications.muteDescLine1") }),
+                /* @__PURE__ */ jsx("p", { children: t("tableChat.notifications.muteDescLine2") })
               ] })
             ] })
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "notification-settings-actions", children: [
-            /* @__PURE__ */ jsx(Button, { className: "cancel-button", variant: "url", onClick: handleCancel, children: "Cancel" }),
-            /* @__PURE__ */ jsx(Button, { disabled: isLoading, variant: "primary", onClick: handleSave, children: isLoading ? "Saving..." : "Save changes" })
+            /* @__PURE__ */ jsx(Button, { className: "cancel-button", variant: "url", onClick: handleCancel, children: t("common.cancel") }),
+            /* @__PURE__ */ jsx(Button, { disabled: isLoading, variant: "primary", onClick: handleSave, children: isLoading ? t("table.views.saving") : t("tableChat.notifications.saveChanges") })
           ] })
         ]
       }

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

@@ -1 +1 @@
-{"version":3,"file":"DateSeparator.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatRightSection/DateSeparator/DateSeparator.tsx"],"names":[],"mappings":"AAEA,OAAO,6BAA6B,CAAC;AAErC,eAAO,MAAM,aAAa,GAAI;;;CAAsC,mDAgCnE,CAAC"}
+{"version":3,"file":"DateSeparator.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatRightSection/DateSeparator/DateSeparator.tsx"],"names":[],"mappings":"AAGA,OAAO,6BAA6B,CAAC;AAErC,eAAO,MAAM,aAAa,GAAI;;;CAAsC,mDAiCnE,CAAC"}

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

@@ -1,8 +1,10 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".date-separator{align-items:center;display:flex;justify-content:center;left:220px;margin:12px 0;padding:4px 8px;position:sticky;top:-10px;transition:opacity .3s ease;width:fit-content;z-index:999}.date-separator .impact_badges_only_label_stroke{background:linear-gradient(90deg,#f5f5f5 6%,#f5f5f500 120%),#fff;border:1px solid #d9dde7}.date-separator .MuiChip-label,.date-separator .date-text{color:#60697d!important;font-size:12px!important;font-weight:500!important;padding:4px 12px}")),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(".date-separator{align-items:center;background-color:#fff;display:flex;justify-content:center;left:220px;margin:12px 0;padding:4px 8px 4px 0;position:sticky;top:-10px;transition:opacity .3s ease;width:140px;z-index:999}.date-separator .impact_badges_only_label_stroke{background:linear-gradient(90deg,#f5f5f5 6%,#f5f5f500 120%),#fff;border:1px solid #d9dde7}.date-separator .MuiChip-label,.date-separator .date-text{color:#60697d!important;font-size:12px!important;font-weight:500!important;padding:4px 12px}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
 import { jsx } from "react/jsx-runtime";
 import { Badge } from "../../../../Badge/index.js";
 
+import { useTranslation } from "../../../../../i18n/useTranslation.js";
 const DateSeparator = ({ date, className = "date-separator" }) => {
+  const { t, locale } = useTranslation();
   const formatDate = (date2) => {
     if (!date2) return "";
     const today = /* @__PURE__ */ new Date();
@@ -11,9 +13,9 @@ const DateSeparator = ({ date, className = "date-separator" }) => {
     const todayOnly = new Date(today.getFullYear(), today.getMonth(), today.getDate());
     const msgOnly = new Date(msgDate.getFullYear(), msgDate.getMonth(), msgDate.getDate());
     const diffDays = (todayOnly - msgOnly) / (1e3 * 60 * 60 * 24);
-    if (diffDays === 0) return "Today";
-    if (diffDays === 1) return "Yesterday";
-    return msgDate.toLocaleDateString("en-US", {
+    if (diffDays === 0) return t("tableChat.dateSeparator.today");
+    if (diffDays === 1) return t("tableChat.dateSeparator.yesterday");
+    return msgDate.toLocaleDateString(locale, {
       year: "numeric",
       month: "short",
       day: "numeric"