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

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;AAcjC,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;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 { jsxs, jsx, Fragment } from "react/jsx-runtime";
+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,6 +10,7 @@ import TableChatEmojiPicker from "../EmojiPicker/EmojiPicker.js";
 import FileUploader from "../FileUploader/FileUploader.js";
 import ImageUploader from "../ImageUploader/ImageUploader.js";
 
+import { useTranslation } from "../../../../../i18n/useTranslation.js";
 const ListIcon = getAssetUrl("icons/listIcon.svg");
 const ThumbsUpIcon = getAssetUrl("icons/thumbsupBlueIcon.svg");
 const CheckGreenIcon = getAssetUrl("icons/checkGreeIcon.svg");
@@ -22,7 +23,7 @@ const NotAllowedGreenIcon = getAssetUrl("icons/notAllowedGreenIcon.svg");
 const SendIcon = getAssetUrl("icons/sendIcon.svg");
 const CheckIcon = getAssetUrl("icons/checkIcon.svg");
 const ChatInput = ({
-  placeholder = "Type message",
+  placeholder,
   value,
   onChange,
   onSend,
@@ -31,7 +32,7 @@ const ChatInput = ({
   onEmojiClick,
   showFormatting = true,
   showQuickAction = true,
-  quickActionLabel = "Quick action",
+  quickActionLabel,
   disabled = false,
   maxLength = 5e3,
   className = "chat-input",
@@ -42,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);
@@ -85,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);
@@ -93,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);
@@ -101,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);
@@ -109,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);
@@ -142,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) => {
@@ -395,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(
@@ -432,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(
@@ -516,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
@@ -527,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",
@@ -570,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/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;AAKnC,eAAO,MAAM,WAAW,GAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+B3B,4CA2KA,CAAC"}
+{"version":3,"file":"ChatMessage.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatRightSection/ChatMessages/ChatMessage.tsx"],"names":[],"mappings":"AAWA,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;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 { jsxs, jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { getAssetUrl } from "../../../../../utils/assetBase.js";
 import { Menu } from "../../../../Menu/index.js";
@@ -9,6 +9,7 @@ import { ChatDeletedMessageType } from "../ChatDeleteMessageType/ChatDeletedMess
 import ChatEditedMessageType from "../ChatEditedMessageType /ChatEditedMessageType.js";
 import { ChatMessageAvatar } from "../ChatMessageAvatar/ChatMessageAvatar.js";
 
+import { useTranslation } from "../../../../../i18n/useTranslation.js";
 const EditIcon = getAssetUrl("icons/pencilIcon.svg");
 const DeleteIcon = getAssetUrl("icons/deleteIcon.svg");
 const ChatMessage = ({
@@ -43,6 +44,7 @@ const ChatMessage = ({
   isHighlighted = false,
   highlightColor = null
 }) => {
+  const { t } = useTranslation();
   const [moreOptionsAnchorEl, setMoreOptionsAnchorEl] = useState(null);
   const [moreOptionsMenuOpen, setMoreOptionsMenuOpen] = useState(false);
   const [showDeleteModal, setShowDeleteModal] = useState(false);
@@ -57,7 +59,7 @@ const ChatMessage = ({
     //   },
     // },
     {
-      label: "Edit",
+      label: t("commentsPanel.edit"),
       value: "edit",
       icon: /* @__PURE__ */ jsx("img", { alt: "edit", src: EditIcon }),
       onClick: () => {
@@ -76,7 +78,7 @@ const ChatMessage = ({
     //   },
     // },
     {
-      label: "Delete",
+      label: t("commentsPanel.delete"),
       value: "delete",
       icon: /* @__PURE__ */ jsx("img", { alt: "delete", src: DeleteIcon }),
       onClick: () => {
@@ -171,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);
@@ -181,7 +183,7 @@ const ChatMessage = ({
         onSecondaryButtonClick: () => {
           setShowDeleteModal(false);
         },
-        children: "This will permanently delete all messages 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

@@ -2,7 +2,9 @@
 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"

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":"AAQA,OAAO,yBAAyB,CAAC;AA6KjC,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"}