impact-ui 4.0.1-alpha.9 → 4.0.1

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

@@ -1,7 +1,6 @@
 
-declare const TableChatChannelHeader: ({ currentUserId, title, channels, selectedChannelOrChatId, onBack, onChannelSelect, onMenuClick, onSearchClick, onMoreClick, showChannelList, setShowPinnedMsg, onThreadClick, isSearchOpen, headerConfig, showAddChatBtn, showCheckbox, handleChatName, filterChannelsByTitle, loadingChannels, selectedChannelInfo, handleToast, onPinnedChatClick, onDeleteTopics, selectedChat, handleChatSelect, isCreateNewChatOpen, setIsCreateNewChatOpen, inputPanelConfig, }: {
-    currentUserId: any;
-    title?: string | undefined;
+declare const TableChatChannelHeader: ({ title, channels, selectedChannelOrChatId, onBack, onChannelSelect, onMenuClick, onSearchClick, onMoreClick, showChannelList, setShowPinnedMsg, onThreadClick, isSearchOpen, headerConfig, showAddChatBtn, showCheckbox, handleChatName, filterChannelsByTitle, loadingChannels, selectedChannelInfo, handleToast, onPinnedChatClick, onDeleteTopics, selectedChat, handleChatSelect, isCreateNewChatOpen, setIsCreateNewChatOpen, }: {
+    title: any;
     channels?: never[] | undefined;
     selectedChannelOrChatId: any;
     onBack: any;
@@ -27,7 +26,6 @@ declare const TableChatChannelHeader: ({ currentUserId, title, channels, selecte
     handleChatSelect: any;
     isCreateNewChatOpen: any;
     setIsCreateNewChatOpen: any;
-    inputPanelConfig: any;
 }) => import("react/jsx-runtime").JSX.Element;
 export default TableChatChannelHeader;
 //# sourceMappingURL=TableChatChannelHeader.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TableChatChannelHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/TableChat/components/TableChatLeftSection/TableChatChannelHeader.tsx"],"names":[],"mappings":"AAKA,OAAO,sCAAsC,CAAC;AAE9C,QAAA,MAAM,sBAAsB,GAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6B/B,4CAoFA,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"TableChatChannelHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/TableChat/components/TableChatLeftSection/TableChatChannelHeader.tsx"],"names":[],"mappings":"AAKA,OAAO,sCAAsC,CAAC;AAE9C,QAAA,MAAM,sBAAsB,GAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2B/B,4CAoFA,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

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

@@ -1,12 +1,12 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(':root{--ia-focus-color:#4259ee;--ia-focus-bg:#fff;--ia-focus-ring-width:2px;--ia-focus-ring-offset:2px}*,:after,:before{box-sizing:border-box}body,textarea{font-style:normal;font-weight:500}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Manrope,sans-serif}.impact-notification-separator{background-color:#d9dde7;display:inline-block;height:16px;width:1.5px}.impact-notification-horizontal-separator{background-color:#d9dde7;display:inline-block;height:1px;width:100%}ul.storybook-order-list{list-style-type:disc;padding-left:12px}ul.storybook-order-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-list li strong{font-weight:800}ul.storybook-order-child-list{list-style-type:circle;padding-left:20px}ul.storybook-order-child-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-child-list li strong{font-weight:800}.table-left-panel-container{background:#fff;border-radius:16px;box-shadow:12px 13px 45px -1px #0000001a;max-width:350px;overflow:hidden;width:350px}.table-left-panel-container:before{background:linear-gradient(180deg,#4259ee99,#4259ee33,#4259ee00);border-radius:16px;content:"";top:0;right:0;bottom:0;left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute}.table-left-panel-container .ia-styles.ia-btn.ia-btn-tertiary,.table-left-panel-container .ia-styles.ia-btn.ia-btn-tertiary:hover{background:none!important;box-shadow:none!important}.chat-header-navigation{align-items:center;background:#fff;border-bottom:1px solid #d9dde7;border-top-left-radius:10px;border-top-right-radius:10px;display:flex;justify-content:space-between;padding:12px 16px}.chat-header-navigation .nav-left{align-items:center;display:flex;gap:0}.chat-header-navigation .nav-left button{background:none;border:none!important;box-shadow:none}.chat-header-navigation .nav-title{color:#0d152c;font-size:16px;font-weight:800;line-height:24px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:132px}.chat-header-navigation .nav-right{align-items:center;display:flex;gap:8px;position:relative}.chat-header-navigation .nav-right button{background:none;border:none!important;box-shadow:none}.chat-header-navigation .nav-icon-button{align-items:center;background:#0000;border:none;border-radius:6px;color:#7a8294;cursor:pointer;display:flex;height:20px;justify-content:center;transition:all .2s ease;width:20px}.chat-header-navigation .nav-icon-button:hover{color:#4259ee}.chat-header-navigation .nav-icon-button:focus{outline-offset:1px}.chat-header-navigation .chat-button{background:#4259ee!important;border-radius:8px!important;box-shadow:none!important;color:#fff!important;font-size:14px!important;font-weight:500!important;height:32px;padding:6px 12px!important;width:77px}.chat-header-navigation .chat-button:hover{background:#2b44ec!important}.chat-header-navigation .chat-button .ia-btn-icon{margin-right:4px}.chat-header-navigation .impact_inputbox_container_with_icons{width:100%}.channel_list{background:#f2f4fb}.channel_list,.chat-channel-item,.chat_list{align-items:baseline;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background-color .2s ease}.channel_list .ia-styles.ia-avatar,.chat-channel-item .ia-styles.ia-avatar,.chat_list .ia-styles.ia-avatar{background:#7a8294;border-radius:16px}.channel_list:hover,.chat-channel-item:hover,.chat_list:hover{background:#eceefd}.channel_list:hover .ia-styles.ia-avatar,.channel_list:hover .unread-badge,.chat-channel-item:hover .ia-styles.ia-avatar,.chat-channel-item:hover .unread-badge,.chat_list:hover .ia-styles.ia-avatar,.chat_list:hover .unread-badge{background:#4259ee}.channel_list.selected,.chat-channel-item.selected,.chat_list.selected{background:#eceefd}.channel_list.selected .ia-styles.ia-avatar,.channel_list.selected .unread-badge,.chat-channel-item.selected .ia-styles.ia-avatar,.chat-channel-item.selected .unread-badge,.chat_list.selected .ia-styles.ia-avatar,.chat_list.selected .unread-badge{background:#4259ee}.channel_list.muted,.chat-channel-item.muted,.chat_list.muted{opacity:.7}.channel_list:focus,.chat-channel-item:focus,.chat_list:focus{outline-offset:-2px}.channel_list:last-child,.chat-channel-item:last-child,.chat_list:last-child{border-bottom:none}.channel-checkbox{align-items:center;display:flex;padding-top:2px}.channel-checkbox input[type=checkbox]{accent-color:#4259ee;border:1px solid #d9dde7;border-radius:3px;cursor:pointer;height:16px;width:16px}.channel-checkbox input[type=checkbox]:checked{background:#4259ee;border-color:#4259ee}.channel-avatar{border-radius:16px;flex-shrink:0;margin-top:2px}.channel-avatar .ia-avatar{font-size:14px!important;font-weight:600!important;height:32px!important;width:32px!important}.channel-content{flex:1;min-width:0}.channel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.channel-title{color:#0d152c;flex:1;font-size:16px;font-weight:600;height:24px;line-height:24px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-meta.selected{background:#eceefd}.muted-icon{color:#7a8294;font-size:16px!important}.unread-badge{align-items:center;background:#7a8294;border-radius:10px;color:#fff;display:flex;font-size:10px;font-weight:400;height:18px;justify-content:center;line-height:1;min-width:18px;padding:2px 6px}.channel-subtitle{color:#7a8294;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-subtitle,.channel-time{font-size:12px;font-weight:500;line-height:16px}.channel-time{color:#b4bac7}@media (max-width:768px){.chat-header-navigation .nav-title{font-size:15px}.chat-header-navigation .chat-button{font-size:13px!important;padding:4px 8px!important}.chat-channel-item{padding:10px 12px}.channel-title{font-size:13px}.channel-subtitle{font-size:12px}}.table-left-panel-container{background-image:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/tableChat_bg.svg);background-position:50%;background-repeat:repeat;background-size:cover;box-shadow:0 1px 3px #0000001a;position:relative}.chat-header-navigation{background:#0000;border-bottom-color:#d9dde7;box-shadow:0 1px 3px #0000001a;height:64px;overflow:hidden;padding-left:16px;position:relative}.nav-title{color:#fff}.chat-channel-list{display:flex;flex-direction:column;gap:12px;margin:8px;max-height:calc(100vh - 150px);overflow-y:auto}.chat-channel-list .no-channels-found-container{align-items:center;background:#f2f4fb;border-radius:8px;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:12px}.chat-channel-list .no-channels-found-container .no-channels-found{color:#0d152c;font-size:16px;font-weight:600}.chat-channel-list .no-channels-found-container .no-channels-found-description{color:#7a8294;font-size:12px;font-weight:500;line-height:16px;text-align:center}.chat-channel-item.selected,.chat-channel-item:hover{background:#eceefd}.channel-time{color:#60697d}.channel-list-header{align-items:center;display:flex;justify-content:space-between;width:100%}.chanel_icon{background:#fff;border:1px solid #c3c8d4;border-radius:8px;max-height:32px;padding:8px}.chanel_search{align-items:center;background:#f5f6fa;border-radius:8px;display:flex;height:32px;justify-content:center;width:32px}.chanel_search svg{cursor:pointer}.chanel_right_navigation{display:flex;gap:8px}.delete_chat_container{height:32px!important;width:32px}.pinnedChat_container{align-items:center;display:flex;gap:4px;justify-content:space-between}.pinnedChat_container .pinnedChat{cursor:pointer;flex-shrink:0;opacity:0;transition:opacity .2s ease}.chat_list:hover .pinnedChat_container .pinnedChat:not(.pinnedChat--active),.pinnedChat_container .pinnedChat--active{opacity:1}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(':root{--ia-focus-color:#4259ee;--ia-focus-bg:#fff;--ia-focus-ring-width:2px;--ia-focus-ring-offset:2px}*,:after,:before{box-sizing:border-box}body,textarea{font-style:normal;font-weight:500}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Manrope,sans-serif}.impact-notification-separator{background-color:#d9dde7;display:inline-block;height:16px;width:1.5px}.impact-notification-horizontal-separator{background-color:#d9dde7;display:inline-block;height:1px;width:100%}ul.storybook-order-list{list-style-type:disc;padding-left:12px}ul.storybook-order-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-list li strong{font-weight:800}ul.storybook-order-child-list{list-style-type:circle;padding-left:20px}ul.storybook-order-child-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-child-list li strong{font-weight:800}.table-left-panel-container{background:#fff;border-radius:16px;box-shadow:12px 13px 45px -1px #0000001a;flex-shrink:0;max-width:350px;overflow:hidden;width:350px}.table-left-panel-container:before{background:linear-gradient(180deg,#4259ee99,#4259ee33,#4259ee00);border-radius:16px;content:"";top:0;right:0;bottom:0;left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute}.table-left-panel-container .ia-styles.ia-btn.ia-btn-tertiary,.table-left-panel-container .ia-styles.ia-btn.ia-btn-tertiary:hover{background:none!important;box-shadow:none!important}.chat-header-navigation{align-items:center;background:#fff;border-bottom:1px solid #d9dde7;border-top-left-radius:10px;border-top-right-radius:10px;display:flex;justify-content:space-between;padding:12px 16px}.chat-header-navigation .nav-left{align-items:center;display:flex;gap:7px}.chat-header-navigation .nav-left button{background:none;border:none!important;box-shadow:none}.chat-header-navigation .nav-title{color:#0d152c;font-size:16px;font-weight:800;line-height:24px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:130px}.chat-header-navigation .nav-right{align-items:center;display:flex;gap:8px;position:relative}.chat-header-navigation .nav-right button{background:none;border:none!important;box-shadow:none}.chat-header-navigation .nav-icon-button{align-items:center;background:#0000;border:none;border-radius:6px;color:#7a8294;cursor:pointer;display:flex;height:20px;justify-content:center;transition:all .2s ease;width:20px}.chat-header-navigation .nav-icon-button:hover{color:#4259ee}.chat-header-navigation .nav-icon-button:focus{outline-offset:1px}.chat-header-navigation .chat-button{background:#4259ee!important;border-radius:8px!important;box-shadow:none!important;color:#fff!important;font-size:14px!important;font-weight:500!important;height:32px;padding:6px 12px!important;width:77px}.chat-header-navigation .chat-button:hover{background:#2b44ec!important}.chat-header-navigation .chat-button .ia-btn-icon{margin-right:4px}.chat-header-navigation .impact_inputbox_container_with_icons{width:100%}.channel_list{background:#f2f4fb}.channel_list,.chat-channel-item,.chat_list{align-items:baseline;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background-color .2s ease}.channel_list .ia-styles.ia-avatar,.chat-channel-item .ia-styles.ia-avatar,.chat_list .ia-styles.ia-avatar{background:#7a8294;border-radius:16px}.channel_list:hover,.chat-channel-item:hover,.chat_list:hover{background:#eceefd}.channel_list:hover .ia-styles.ia-avatar,.channel_list:hover .unread-badge,.chat-channel-item:hover .ia-styles.ia-avatar,.chat-channel-item:hover .unread-badge,.chat_list:hover .ia-styles.ia-avatar,.chat_list:hover .unread-badge{background:#4259ee}.channel_list.selected,.chat-channel-item.selected,.chat_list.selected{background:#eceefd}.channel_list.selected .ia-styles.ia-avatar,.channel_list.selected .unread-badge,.chat-channel-item.selected .ia-styles.ia-avatar,.chat-channel-item.selected .unread-badge,.chat_list.selected .ia-styles.ia-avatar,.chat_list.selected .unread-badge{background:#4259ee}.channel_list.muted,.chat-channel-item.muted,.chat_list.muted{opacity:.7}.channel_list:focus,.chat-channel-item:focus,.chat_list:focus{outline-offset:-2px}.channel_list:last-child,.chat-channel-item:last-child,.chat_list:last-child{border-bottom:none}.channel-checkbox{align-items:center;display:flex;padding-top:2px}.channel-checkbox input[type=checkbox]{accent-color:#4259ee;border:1px solid #d9dde7;border-radius:3px;cursor:pointer;height:16px;width:16px}.channel-checkbox input[type=checkbox]:checked{background:#4259ee;border-color:#4259ee}.channel-avatar{border-radius:16px;flex-shrink:0;margin-top:2px}.channel-avatar .ia-avatar{font-size:14px!important;font-weight:600!important;height:32px!important;width:32px!important}.channel-content{flex:1;min-width:0}.channel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.channel-title{color:#0d152c;flex:1;font-size:16px;font-weight:600;height:24px;line-height:24px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-meta.selected{background:#eceefd}.muted-icon{color:#7a8294;font-size:16px!important}.unread-badge{align-items:center;background:#7a8294;border-radius:10px;color:#fff;display:flex;font-size:10px;font-weight:400;height:18px;justify-content:center;line-height:1;min-width:18px;padding:2px 6px}.channel-subtitle{color:#7a8294;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-subtitle,.channel-time{font-size:12px;font-weight:500;line-height:16px}.channel-time{color:#b4bac7}@media (max-width:768px){.chat-header-navigation .nav-title{font-size:15px}.chat-header-navigation .chat-button{font-size:13px!important;padding:4px 8px!important}.chat-channel-item{padding:10px 12px}.channel-title{font-size:13px}.channel-subtitle{font-size:12px}}.table-left-panel-container{background-image:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/tableChat_bg.svg);background-position:50%;background-repeat:repeat;background-size:cover;box-shadow:0 1px 3px #0000001a;position:relative}.chat-header-navigation{background:#0000;border-bottom-color:#d9dde7;box-shadow:0 1px 3px #0000001a;height:64px;overflow:hidden;padding-left:16px;position:relative}.nav-title{color:#fff}.chat-channel-list{display:flex;flex-direction:column;gap:12px;margin:8px;max-height:calc(100vh - 150px);overflow-y:auto}.chat-channel-list .no-channels-found-container{align-items:center;background:#f2f4fb;border-radius:8px;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:12px}.chat-channel-list .no-channels-found-container .no-channels-found{color:#0d152c;font-size:16px;font-weight:600}.chat-channel-list .no-channels-found-container .no-channels-found-description{color:#7a8294;font-size:12px;font-weight:500;line-height:16px;text-align:center}.chat-channel-item.selected,.chat-channel-item:hover{background:#eceefd}.channel-time{color:#60697d}.channel-list-header{align-items:center;display:flex;justify-content:space-between;width:100%}.chanel_icon{background:#fff;border:1px solid #c3c8d4;border-radius:8px;max-height:32px;padding:8px}.chanel_search{align-items:center;background:#f5f6fa;border-radius:8px;display:flex;height:32px;justify-content:center;width:32px}.chanel_search svg{cursor:pointer}.chanel_right_navigation{display:flex;gap:8px}.delete_chat_container{height:32px!important;width:32px}.pinnedChat_container{display:flex;justify-content:space-between}.pinnedChat_container .pinnedChat{opacity:0;transition:opacity .2s ease}.chat_list:hover .pinnedChat_container .pinnedChat{opacity:1}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { ChatChannelList } from "./ChatChannelList.js";
 import { ChatHeaderNavigation } from "./ChatHeaderNavigation.js";
 import { SkeletonList } from "../SkeletonList.js";
 
+import { useTranslation } from "../../../../i18n/useTranslation.js";
 const TableChatChannelHeader = ({
-  currentUserId,
-  title = "Create new Chat",
+  title,
   channels = [],
   selectedChannelOrChatId,
   onBack,
@@ -31,24 +31,22 @@ const TableChatChannelHeader = ({
   selectedChat,
   handleChatSelect,
   isCreateNewChatOpen,
-  setIsCreateNewChatOpen,
-  inputPanelConfig
+  setIsCreateNewChatOpen
 }) => {
   const handleChannelSelect = (channelId, channelItem) => {
     onChannelSelect == null ? void 0 : onChannelSelect(channelId, channelItem);
   };
+  const { t } = useTranslation();
+  const resolvedTitle = title ?? t("tableChat.channelHeader.createNewChat");
   const channelsToShow = channels;
-  return /* @__PURE__ */ jsx("div", { className: "table-left-panel-container", children: loadingChannels ? /* @__PURE__ */ jsx("div", { style: { height: "100%" }, children: /* @__PURE__ */ jsx(SkeletonList, { text: "Loading messages..." }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+  return /* @__PURE__ */ jsx("div", { className: "table-left-panel-container", children: loadingChannels ? /* @__PURE__ */ jsx("div", { style: { height: "100%" }, children: /* @__PURE__ */ jsx(SkeletonList, { text: t("tableChat.loadingMessages") }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       ChatHeaderNavigation,
       {
-        channels: channelsToShow,
-        currentUserId,
         filterChannelsByTitle,
         handleChatName,
         handleToast,
         headerConfig,
-        inputPanelConfig,
         isCreateNewChatOpen,
         isSearchOpen,
         selectedChannelInfo,
@@ -58,7 +56,7 @@ const TableChatChannelHeader = ({
         showAddChatBtn,
         showChannelList,
         showSearchChat: headerConfig == null ? void 0 : headerConfig.showSearch,
-        title,
+        title: resolvedTitle,
         onBack,
         onDeleteTopics,
         onMenuClick,

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarGroup.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatRightSection/AvatarGroup/AvatarGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,2BAA2B,CAAC;AA4CnC,eAAO,MAAM,UAAU,GAAI;;;;CAAmB,4CA2B7C,CAAC;AAWF,QAAA,MAAM,WAAW,GAAI;;;;CAA6C,4CA8BjE,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"AvatarGroup.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatRightSection/AvatarGroup/AvatarGroup.tsx"],"names":[],"mappings":"AAGA,OAAO,2BAA2B,CAAC;AA4CnC,eAAO,MAAM,UAAU,GAAI;;;;CAAmB,4CA2B7C,CAAC;AAeF,QAAA,MAAM,WAAW,GAAI;;;;CAA6C,4CA8BjE,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

@@ -1,7 +1,8 @@
-!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}.avatar-stack-container{align-items:center;background-color:#f0f0f0;display:flex;flex-direction:column;font-family:Inter,sans-serif;gap:2rem;justify-content:center;min-height:100vh}.avatar-stack{display:flex;gap:8px}.avatar-wrapper{position:relative}.avatar-wrapper:not(:first-child){margin-left:-20px}.avatar-wrapper--sm:not(:first-child){margin-left:-15px}.avatar-wrapper--md:not(:first-child){margin-left:-20px}.avatar-wrapper--lg:not(:first-child){margin-left:-30px}.avatar{align-items:center;background-color:#31935f;border-color:#fff;border-radius:50%;border-style:solid;color:#fff;display:flex;font-weight:600;justify-content:center;overflow:hidden;position:relative}.avatar img{height:100%;object-fit:cover;width:100%}.avatar__initials{text-transform:uppercase}.avatar--sm{font-size:12px;height:24px;width:24px}.avatar--md{font-size:16px;height:32px;width:32px}.avatar--lg{font-size:20px;height:36px;width:36px}.avatar--more{background-color:#f1f3fe;border-color:#b3bdf8;color:#4259ee;cursor:pointer;font-size:12px;font-weight:500}.avatar-menu.ia-styles.ia-menu .MuiButtonBase-root{cursor:default}.avatar-menu.ia-styles.ia-menu .MuiButtonBase-root:hover{background:#0000}')),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
+!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}.avatar-stack-container{align-items:center;background-color:#f0f0f0;display:flex;flex-direction:column;font-family:Inter,sans-serif;gap:2rem;justify-content:center;min-height:100vh}.avatar-stack{display:flex;gap:8px}.avatar-wrapper{position:relative}.avatar-wrapper:not(:first-child){margin-left:-20px}.avatar-wrapper--sm:not(:first-child){margin-left:-15px}.avatar-wrapper--md:not(:first-child){margin-left:-20px}.avatar-wrapper--lg:not(:first-child){margin-left:-30px}.avatar{align-items:center;background-color:#31935f;border-color:#fff;border-radius:50%;border-style:solid;color:#fff;display:flex;font-weight:600;justify-content:center;overflow:hidden;position:relative}.avatar img{height:100%;object-fit:cover;width:100%}.avatar__initials{text-transform:uppercase}.avatar--sm{font-size:12px;height:24px;width:24px}.avatar--md{font-size:16px;height:32px;width:32px}.avatar--lg{font-size:20px;height:36px;width:36px}.avatar--more{background-color:#f1f3fe;border-color:#b3bdf8;color:#4259ee;font-size:12px;font-weight:500}')),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
 
+import { useTranslation } from "../../../../../i18n/useTranslation.js";
 const getInitials = (name = "") => {
   const [firstName, lastName] = name.split(" ");
   if (firstName && lastName) {
@@ -76,10 +77,18 @@ const ChatAvatar = ({ src, name, size }) => {
   );
 };
 const MoreAvatar = ({ count, size }) => {
-  return /* @__PURE__ */ jsx("div", { className: `avatar avatar--${size} avatar--more`, title: `${count} more`, children: /* @__PURE__ */ jsxs("span", { children: [
-    "+",
-    count
-  ] }) });
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: `avatar avatar--${size} avatar--more`,
+      title: t("tableChat.avatar.more", { count }),
+      children: /* @__PURE__ */ jsxs("span", { children: [
+        "+",
+        count
+      ] })
+    }
+  );
 };
 const AvatarGroup = ({ avatars = [], maxAvatars = 3, size = "md" }) => {
   const effectiveMaxAvatars = Math.min(Math.max(1, maxAvatars), avatars.length);

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

@@ -1,5 +1,5 @@
 
-declare const ChatDefaultMessageType: ({ content, timestamp, handleClickOnMoreOptions, priority, edited, onThreadClick, pinned, visibility, onPin, isUser, isThreadIconVisible, isPinChatIconvisible, isHighlighted, highlightColor, showThreeDotIcon, }: {
+declare const ChatDefaultMessageType: ({ content, timestamp, handleClickOnMoreOptions, priority, edited, onThreadClick, pinned, visibility, onPin, isUser, isThreadIconVisible, isPinChatIconvisible, isHighlighted, highlightColor, }: {
     content: any;
     timestamp: any;
     handleClickOnMoreOptions: any;
@@ -14,7 +14,6 @@ declare const ChatDefaultMessageType: ({ content, timestamp, handleClickOnMoreOp
     isPinChatIconvisible: any;
     isHighlighted?: boolean | undefined;
     highlightColor?: null | undefined;
-    showThreeDotIcon: any;
 }) => import("react/jsx-runtime").JSX.Element;
 export default ChatDefaultMessageType;
 //# sourceMappingURL=ChatDefaultMessageType.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ChatDefaultMessageType.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatRightSection/ChatDefaultMessageType/ChatDefaultMessageType.tsx"],"names":[],"mappings":"AAEA,OAAO,sCAAsC,CAAC;AAoB9C,QAAA,MAAM,sBAAsB,GAAI;;;;;;;;;;;;;;;;CAgB/B,4CA+KA,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"ChatDefaultMessageType.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatRightSection/ChatDefaultMessageType/ChatDefaultMessageType.tsx"],"names":[],"mappings":"AAMA,OAAO,sCAAsC,CAAC;AAW9C,QAAA,MAAM,sBAAsB,GAAI;;;;;;;;;;;;;;;CAe/B,4CAkLA,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

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

@@ -1,18 +1,19 @@
-!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 .message-text{background-color:#eceefd;border-radius:10px;box-shadow:0 1px 2px #0000000f;color:#1f2b4d;font-size:14px;line-height:1.4;padding:12px 16px;transition:all .3s ease;white-space:pre-wrap;word-break:break-word}.chat-message .message-text.highlighted-message-content{animation:highlightScalePulse 1.5s infinite;border:2px solid #4259ee;box-shadow:0 0 8px #4259ee4d}.chat-message .message-text .priority-container{align-items:center;display:flex;justify-content:flex-start;margin-bottom:12px}.chat-message .message-text .priority-container .priority-label{align-items:center;display:flex;font-size:14px;gap:4px}.chat-message .message-text.low{border-left:3px solid #31935f}.chat-message .message-text.medium{border-left:3px solid #e1bc29}.chat-message .message-text.high{border-left:3px solid #e15554}.chat-message .message-text.normal{border-left:3px solid #4259ee}.chat-message .message-text p{color:#60697d;font-size:14px;font-style:normal;font-weight:500;letter-spacing:.14px;line-height:160%;margin:0 0 8px;text-align:left}.chat-message .message-text p:last-child{margin-bottom:0}.chat-message .message-text .message-content{margin:0}.chat-message .message-text .message-content p{color:#60697d;font-size:14px;font-style:normal;font-weight:500;letter-spacing:.14px;line-height:160%;margin:0;text-align:left}.chat-message .message-text .message-content p:last-child{margin-bottom:0}.chat-message .message-text .message-content .mention{background-color:#4259ee1a;border:1px solid #4259ee4d;border-radius:4px;color:#4259ee;display:inline-block;font-weight:600;margin:0 2px;padding:0 6px;text-decoration:none;transition:all .2s ease}.chat-message .message-text .message-content .mention:hover{background-color:#4259ee26;border-color:#4259ee80}.chat-message .message-text .message-content strong{color:#60697d;font-weight:700}.chat-message .message-text .message-content em{color:#60697d;font-style:italic}.chat-message .message-text .message-content u{color:#60697d;text-decoration:underline}.chat-message .message-text .message-content mark{background-color:#fef3c7;border-radius:4px;color:#60697d;padding:2px 4px}.chat-message .message-text .message-content a{color:#4259ee;text-decoration:underline}.chat-message .message-text .message-content a:hover{color:#1531e8}.chat-message .message-text .message-content ol,.chat-message .message-text .message-content ul{margin:8px 0;padding-left:20px}.chat-message .message-text .message-content ol li,.chat-message .message-text .message-content ul li{color:#60697d;margin:4px 0}.chat-message .message-text .message-content h1,.chat-message .message-text .message-content h2,.chat-message .message-text .message-content h3,.chat-message .message-text .message-content h4,.chat-message .message-text .message-content h5,.chat-message .message-text .message-content h6{color:#60697d;font-weight:600;margin:12px 0 8px}.chat-message .message-text .message-content h1:first-child,.chat-message .message-text .message-content h2:first-child,.chat-message .message-text .message-content h3:first-child,.chat-message .message-text .message-content h4:first-child,.chat-message .message-text .message-content h5:first-child,.chat-message .message-text .message-content h6:first-child{margin-top:0}.chat-message .message-text .message-content h1{font-size:20px}.chat-message .message-text .message-content h2{font-size:18px}.chat-message .message-text .message-content h3{font-size:16px}.chat-message .message-text .message-content h4{font-size:15px}.chat-message .message-text .message-content h5{font-size:14px}.chat-message .message-text .message-content h6{font-size:13px}.chat-message .message-text .message-action-info-container{align-items:center;display:flex;gap:8px}.chat-message .message-text .message-action-info-container .pin-button{display:flex}.chat-message .message-text .message-action-info-container .pin-button-hover{display:none}.chat-message .message-text:hover .message-action-info-container .pin-button-hover{display:flex}.chat-message .flex-end{justify-content:flex-end;min-height:24px}.chat-message.assistant-message .message-text{background:linear-gradient(92.25deg,#f8f9fb -.92%,#f2f4fb 98.11%);color:#60697d;margin-left:0;margin-right:60px}.message-header{align-items:center;display:flex;gap:10px;justify-content:space-between}.message-header .message-action-container{align-items:center;display:flex;gap:4px;visibility:hidden}.message-header .message-action-container img,.message-header .message-action-container svg{color:#b4bac7;cursor:pointer;width:14px}.message-header .visibility-enabled{visibility:visible}.btn_border_default{background-color:initial!important;border:none!important}.message-timestamp{color:#7a8294;font-size:12px;font-weight:400}.message-timestamp .edited-label{color:#7a8294;font-style:italic;opacity:.8}@keyframes highlightScalePulse{0%{box-shadow:0 0 #4259ee00;transform:scale(1)}30%{box-shadow:0 0 12px #4259ee99;transform:scale(1.03)}60%{box-shadow:0 0 10px #4259ee66;transform:scale(.98)}to{box-shadow:0 0 8px #4259ee4d;transform:scale(1)}}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(':root{--ia-focus-color:#4259ee;--ia-focus-bg:#fff;--ia-focus-ring-width:2px;--ia-focus-ring-offset:2px}*,:after,:before{box-sizing:border-box}body,textarea{font-style:normal;font-weight:500}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Manrope,sans-serif}.impact-notification-separator{background-color:#d9dde7;display:inline-block;height:16px;width:1.5px}.impact-notification-horizontal-separator{background-color:#d9dde7;display:inline-block;height:1px;width:100%}ul.storybook-order-list{list-style-type:disc;padding-left:12px}ul.storybook-order-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-list li strong{font-weight:800}ul.storybook-order-child-list{list-style-type:circle;padding-left:20px}ul.storybook-order-child-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-child-list li strong{font-weight:800}.chat-message .message-text{background-color:#eceefd;border-radius:10px;box-shadow:0 1px 2px #0000000f;color:#1f2b4d;flex-shrink:0;font-size:14px;line-height:1.4;max-width:100%;overflow-wrap:break-word;padding:8px 12px;transition:box-shadow .25s ease,transform .2s ease,background-color .25s ease;white-space:pre-wrap;width:fit-content;word-break:normal}.chat-message .message-text:hover{box-shadow:0 2px 10px #00000014;transform:translateY(-1px)}.chat-message .message-text.highlighted-message-content{animation:highlightScalePulse 1.5s infinite;border:2px solid #4259ee;box-shadow:0 0 8px #4259ee4d}.chat-message .message-text .priority-container{align-items:center;display:flex;justify-content:flex-start;margin-bottom:12px}.chat-message .message-text .priority-container .priority-label{align-items:center;display:flex;font-size:14px;gap:4px}.chat-message .message-text.low{border-left:3px solid #31935f}.chat-message .message-text.medium{border-left:3px solid #e1bc29}.chat-message .message-text.high{border-left:3px solid #e15554}.chat-message .message-text.normal{border-left:3px solid #4259ee}.chat-message .message-text p{color:#60697d;font-size:14px;font-style:normal;font-weight:500;letter-spacing:.14px;line-height:160%;margin:0 0 4px;text-align:left}.chat-message .message-text p:last-child{margin-bottom:0}.chat-message .message-text .message-content{display:block;margin:0;max-width:100%;width:auto}.chat-message .message-text .message-content p{color:#60697d;font-size:14px;font-style:normal;font-weight:500;letter-spacing:.14px;line-height:160%;margin:0;text-align:left}.chat-message .message-text .message-content p:last-child{margin-bottom:0}.chat-message .message-text .message-content .mention{background-color:#4259ee1a;border:1px solid #4259ee4d;border-radius:4px;color:#4259ee;display:inline-block;font-weight:600;margin:0 2px;padding:0 6px;text-decoration:none;transition:all .2s ease}.chat-message .message-text .message-content .mention:hover{background-color:#4259ee26;border-color:#4259ee80}.chat-message .message-text .message-content strong{color:#60697d;font-weight:700}.chat-message .message-text .message-content em{color:#60697d;font-style:italic}.chat-message .message-text .message-content u{color:#60697d;text-decoration:underline}.chat-message .message-text .message-content mark{background-color:#fef3c7;border-radius:4px;color:#60697d;padding:2px 4px}.chat-message .message-text .message-content a{color:#4259ee;text-decoration:underline}.chat-message .message-text .message-content a:hover{color:#1531e8}.chat-message .message-text .message-content ol,.chat-message .message-text .message-content ul{margin:8px 0;padding-left:20px}.chat-message .message-text .message-content ol li,.chat-message .message-text .message-content ul li{color:#60697d;margin:4px 0}.chat-message .message-text .message-content h1,.chat-message .message-text .message-content h2,.chat-message .message-text .message-content h3,.chat-message .message-text .message-content h4,.chat-message .message-text .message-content h5,.chat-message .message-text .message-content h6{color:#60697d;font-weight:600;margin:12px 0 8px}.chat-message .message-text .message-content h1:first-child,.chat-message .message-text .message-content h2:first-child,.chat-message .message-text .message-content h3:first-child,.chat-message .message-text .message-content h4:first-child,.chat-message .message-text .message-content h5:first-child,.chat-message .message-text .message-content h6:first-child{margin-top:0}.chat-message .message-text .message-content h1{font-size:20px}.chat-message .message-text .message-content h2{font-size:18px}.chat-message .message-text .message-content h3{font-size:16px}.chat-message .message-text .message-content h4{font-size:15px}.chat-message .message-text .message-content h5{font-size:14px}.chat-message .message-text .message-content h6{font-size:13px}.chat-message .message-text .message-action-info-container{align-items:center;display:flex;gap:8px}.chat-message .message-text .message-action-info-container .pin-button{display:flex;transition:opacity .2s ease,transform .2s ease}.chat-message .message-text .message-action-info-container .pin-button-hover{display:flex;max-width:0;opacity:0;overflow:hidden;pointer-events:none;transform:scale(.85);transition:opacity .25s ease,max-width .25s ease,transform .25s ease}.chat-message .message-text:hover .message-action-info-container .pin-button-hover{max-width:32px;opacity:1;pointer-events:auto;transform:scale(1)}.chat-message .flex-end{justify-content:flex-end;min-height:24px}.chat-message.assistant-message .message-text{background:linear-gradient(92.25deg,#f8f9fb -.92%,#f2f4fb 98.11%);color:#60697d;transition:box-shadow .25s ease,transform .2s ease,background-color .25s ease}.chat-message.assistant-message .message-text:hover{box-shadow:0 2px 10px #0000000f;transform:translateY(-1px)}.message-header{align-items:center;display:flex;gap:6px;justify-content:flex-end;margin-top:4px;transition:gap .25s ease}.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}.message-header .message-action-container img,.message-header .message-action-container svg{color:#b4bac7;cursor:pointer;transition:color .2s ease,transform .2s ease;width:14px}.message-header .message-action-container img:hover,.message-header .message-action-container svg:hover{color:#4259ee;transform:scale(1.08)}.message-header .message-action-container.visibility-enabled,.message-text:hover .message-action-container{max-width:96px;opacity:1;pointer-events:auto;transform:translate(0)}.btn_border_default{background-color:initial!important;border:none!important}.message-timestamp{color:#7a8294;font-size:11px;font-variant-numeric:tabular-nums;font-weight:500;letter-spacing:.02em;opacity:.85;white-space:nowrap}.message-timestamp .edited-label{color:#7a8294;font-style:italic;font-weight:400;opacity:.75}@keyframes highlightScalePulse{0%{box-shadow:0 0 #4259ee00;transform:scale(1)}30%{box-shadow:0 0 12px #4259ee99;transform:scale(1.03)}60%{box-shadow:0 0 10px #4259ee66;transform:scale(.98)}to{box-shadow:0 0 8px #4259ee4d;transform:scale(1)}}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
 import { jsxs, jsx } from "react/jsx-runtime";
-import { getAssetUrl } from "../../../../../utils/assetBase.js";
-
-import { Button } from "../../../../Button/index.js";
 import { useState, useEffect } from "react";
 import DOMPurify from "dompurify";
-const NotAllowedGreenIcon = getAssetUrl("icons/notAllowedGreenIcon.svg");
-const ThumbsUpYellowIcon = getAssetUrl("icons/thumbsUpYellowIcon.svg");
-const WarningRedIcon = getAssetUrl("icons/warningRedIcon.svg");
-const CheckBlueIcon = getAssetUrl("icons/checkBlueIcon.svg");
-const UnpinIcon = getAssetUrl("icons/unpinedIcon.svg");
+import { getAssetUrl } from "../../../../../utils/assetBase.js";
+import { Button } from "../../../../Button/index.js";
+
+import { useTranslation } from "../../../../../i18n/useTranslation.js";
+const ThreeDotIcon = getAssetUrl("icons/treedotIcon.svg");
+const TreadChatIcon = getAssetUrl("icons/treadChatIcon.svg");
 const PinnedIcon = getAssetUrl("icons/pinedIcon.svg");
-const ThreeDotIcon = () => /* @__PURE__ */ jsx("img", { alt: "", src: getAssetUrl("icons/treedotIcon.svg") });
-const TreadChatIcon = () => /* @__PURE__ */ jsx("img", { alt: "", src: getAssetUrl("icons/treadChatIcon.svg") });
+const UnpinIcon = getAssetUrl("icons/unpinedIcon.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 ChatDefaultMessageType = ({
   content,
   timestamp,
@@ -27,9 +28,9 @@ const ChatDefaultMessageType = ({
   isThreadIconVisible,
   isPinChatIconvisible,
   isHighlighted = false,
-  highlightColor = null,
-  showThreeDotIcon
+  highlightColor = null
 }) => {
+  const { t } = useTranslation();
   const renderContent = (content2) => {
     if (typeof content2 === "string") {
       const hasHtmlTags = /<[^>]*>/g.test(content2);
@@ -94,21 +95,26 @@ const ChatDefaultMessageType = ({
   const priorityContent = {
     normal: /* @__PURE__ */ jsxs("span", { className: "priority-label", children: [
       /* @__PURE__ */ jsx("img", { alt: "checkBlueIcon", src: CheckBlueIcon }),
-      " Normal Priority"
+      " ",
+      t("tableChat.priority.normal")
     ] }),
     high: /* @__PURE__ */ jsxs("span", { className: "priority-label", children: [
       /* @__PURE__ */ jsx("img", { alt: "warningRedIcon", src: WarningRedIcon }),
-      " High Priority"
+      " ",
+      t("tableChat.priority.high")
     ] }),
     medium: /* @__PURE__ */ jsxs("span", { className: "priority-label", children: [
       /* @__PURE__ */ jsx("img", { alt: "thumbsUpYellowIcon", src: ThumbsUpYellowIcon }),
-      " Medium Priority"
+      " ",
+      t("tableChat.priority.medium")
     ] }),
     low: /* @__PURE__ */ jsxs("span", { className: "priority-label", children: [
       /* @__PURE__ */ jsx("img", { alt: "notAllowedGreenIcon", src: NotAllowedGreenIcon }),
-      " Low Priority"
+      " ",
+      t("tableChat.priority.low")
     ] })
   };
+  const showPriority = priority && priority !== "default" && priorityContent[priority];
   const pinnedIconSrc = showPinned ? PinnedIcon : UnpinIcon;
   return /* @__PURE__ */ jsxs(
     "div",
@@ -116,15 +122,15 @@ const ChatDefaultMessageType = ({
       className: `message-text ${priority} ${isHighlighted ? "highlighted-message-content" : ""}`,
       style: customHighlightStyle,
       children: [
-        /* @__PURE__ */ jsx("section", { className: "priority-container", children: priorityContent[priority] }),
+        showPriority ? /* @__PURE__ */ jsx("section", { className: "priority-container", children: priorityContent[priority] }) : null,
         renderContent(content),
         /* @__PURE__ */ jsxs("div", { className: `message-header ${!isUser ? "flex-end" : ""}`, children: [
           isUser ? /* @__PURE__ */ jsxs("div", { className: `message-action-container ${visibility ? "visibility-enabled" : ""}`, children: [
-            showThreeDotIcon && /* @__PURE__ */ jsx(
+            /* @__PURE__ */ jsx(
               Button,
               {
                 className: "btn_border_default participants-button",
-                icon: /* @__PURE__ */ jsx(ThreeDotIcon, {}),
+                icon: /* @__PURE__ */ jsx("img", { alt: "threedot", src: ThreeDotIcon }),
                 iconPlacement: "left",
                 size: "small",
                 type: "default",
@@ -136,7 +142,7 @@ const ChatDefaultMessageType = ({
               Button,
               {
                 className: "btn_border_default participants-button",
-                icon: /* @__PURE__ */ jsx(TreadChatIcon, {}),
+                icon: /* @__PURE__ */ jsx("img", { alt: "thread", src: TreadChatIcon }),
                 iconPlacement: "left",
                 size: "large",
                 type: "default",
@@ -178,7 +184,10 @@ const ChatDefaultMessageType = ({
             ] }),
             /* @__PURE__ */ jsxs("span", { className: "message-timestamp", children: [
               timestamp,
-              edited && /* @__PURE__ */ jsx("span", { className: "edited-label", children: " (edited)" })
+              edited && /* @__PURE__ */ jsxs("span", { className: "edited-label", children: [
+                " ",
+                t("commentsPanel.edited")
+              ] })
             ] })
           ] })
         ] })

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

@@ -1 +1 @@
-{"version":3,"file":"ChatDeletedMessageType.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatRightSection/ChatDeleteMessageType/ChatDeletedMessageType.tsx"],"names":[],"mappings":"AAGA,OAAO,8BAA8B,CAAC;AAEtC,eAAO,MAAM,sBAAsB,GAAI;;;CAA6B,4CAYnE,CAAC"}
+{"version":3,"file":"ChatDeletedMessageType.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatRightSection/ChatDeleteMessageType/ChatDeletedMessageType.tsx"],"names":[],"mappings":"AAGA,OAAO,8BAA8B,CAAC;AAEtC,eAAO,MAAM,sBAAsB,GAAI;;;CAA6B,4CAanE,CAAC"}

package/dist/components/TableChat/components/TableChatRightSection/ChatDeleteMessageType/ChatDeletedMessageType.js

@@ -2,7 +2,9 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import default_1 from "../../../../../node_modules/@mui/icons-material/Block.js";
 
+import { useTranslation } from "../../../../../i18n/useTranslation.js";
 const ChatDeletedMessageType = ({ timestamp, isUser = false }) => {
+  const { t } = useTranslation();
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -10,7 +12,7 @@ const ChatDeletedMessageType = ({ timestamp, isUser = false }) => {
       children: [
         /* @__PURE__ */ jsxs("div", { className: "deleted-message-content", children: [
           /* @__PURE__ */ jsx(default_1, { className: "delete-icon" }),
-          /* @__PURE__ */ jsx("span", { className: "deleted-text", children: "Message deleted by its author" })
+          /* @__PURE__ */ jsx("span", { className: "deleted-text", children: t("tableChat.message.deleted") })
         ] }),
         timestamp && /* @__PURE__ */ jsx("span", { className: "deleted-timestamp", children: timestamp })
       ]

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

@@ -1,4 +1,3 @@
-
 declare const ChatEditedMessageType: ({ content, timestamp, handleClickOnMoreOptions, priority, edited, onThreadClick, pinned, onPin, }: {
     content: any;
     timestamp: any;

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

@@ -1 +1 @@
-{"version":3,"file":"ChatEditedMessageType.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatRightSection/ChatEditedMessageType/ChatEditedMessageType.tsx"],"names":[],"mappings":"AAGA,OAAO,qCAAqC,CAAC;AAO7C,QAAA,MAAM,qBAAqB,GAAI;;;;;;;;;CAS9B,4CAuCA,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"ChatEditedMessageType.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatRightSection/ChatEditedMessageType/ChatEditedMessageType.tsx"],"names":[],"mappings":"AAUA,QAAA,MAAM,qBAAqB,GAAI;;;;;;;;;CAS9B,4CAwCA,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

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

@@ -1,11 +1,10 @@
-!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-action-info{color:#7a8294;font-size:12px;font-weight:400}.message-action-info .edited-label{color:#7a8294;font-style:italic;opacity:.8}')),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}}();
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState } from "react";
 import { getAssetUrl } from "../../../../../utils/assetBase.js";
-
-const PinnedIcon = getAssetUrl("icons/pinedIcon.svg");
-const TreadChatIcon = getAssetUrl("icons/treadChatIcon.svg");
+import { useTranslation } from "../../../../../i18n/useTranslation.js";
 const ThreeDotIcon = getAssetUrl("icons/treedotIcon.svg");
+const TreadChatIcon = getAssetUrl("icons/treadChatIcon.svg");
+const PinnedIcon = getAssetUrl("icons/pinedIcon.svg");
 const UnpinIcon = getAssetUrl("icons/unpinedIcon.svg");
 const ChatEditedMessageType = ({
   content,
@@ -17,6 +16,7 @@ const ChatEditedMessageType = ({
   pinned,
   onPin
 }) => {
+  const { t } = useTranslation();
   const [showPinned, setShowPinned] = useState(pinned);
   const handlePin = async (isPinned) => {
     try {
@@ -51,7 +51,10 @@ const ChatEditedMessageType = ({
         ),
         /* @__PURE__ */ jsxs("span", { className: "message-action-info", children: [
           timestamp,
-          edited && /* @__PURE__ */ jsx("span", { className: "edited-label", children: " (edited)" })
+          edited && /* @__PURE__ */ jsxs("span", { className: "edited-label", children: [
+            " ",
+            t("commentsPanel.edited")
+          ] })
         ] })
       ] })
     ] })

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

@@ -1,7 +1,6 @@
 
-export declare const ChatHeader: ({ showChatId, title, chatId, participants, className, participantsList, onSaveNotification, createdBy, createdAt, chatHeaderConfig, ...restProps }: {
+export declare const ChatHeader: ({ title, chatId, participants, className, participantsList, onSaveNotification, createdBy, createdAt, chatHeaderConfig, ...restProps }: {
     [x: string]: any;
-    showChatId: any;
     title: any;
     chatId: any;
     participants?: never[] | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"ChatHeader.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeader.tsx"],"names":[],"mappings":"AAMA,OAAO,0BAA0B,CAAC;AAoBlC,eAAO,MAAM,UAAU,GAAI;;;;;;;;;;;;CAY1B,4CAsYA,CAAC"}
+{"version":3,"file":"ChatHeader.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeader.tsx"],"names":[],"mappings":"AAMA,OAAO,0BAA0B,CAAC;AAoBlC,eAAO,MAAM,UAAU,GAAI;;;;;;;;;;;CAW1B,4CAuYA,CAAC"}

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

@@ -1,12 +1,13 @@
-!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-header{align-items:center;background:#fff;border-bottom:1px solid #b3bdf8;border-radius:10px 10px 0 0;display:flex;height:64px;justify-content:space-between;padding:6px 20px 5px}.chat-header .chat-header-content{max-width:350px;width:100%}.chat-header .chat-header-content .chat-title{align-items:center;color:#1f2b4d;display:flex;font-size:16px;font-style:normal;font-weight:800;gap:8px;line-height:24px}.chat-header .chat-header-content .chat-title .resolved-badge{align-items:center;color:#4259ee;display:flex;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.chat-header .chat-header-content .chat-title .resolved-badge img{height:16px;margin-right:2px;width:16px}.chat-header .chat-header-content .chat-created-by,.chat-header .chat-header-content .chat-id{color:#c3c8d4;font-size:14px;font-style:normal;font-weight:500;line-height:21px}.chat-header .chat-header-content .chat-created-by{margin-left:5px}.chat-header .chat-header-content .chat-created-by:before{color:#c3c8d4;content:"|";margin-right:6px}.chat-header .chat-header-content .chat-info-container{color:#c3c8d4;display:block;font-size:14px;font-style:normal;font-weight:500;line-height:21px;max-width:100%;width:100%}.chat-header .chat-header-content .chat-created-by-container{display:inline-block;max-width:100%}.chat-header .chat-header-content .chat-created-at{color:#c3c8d4;font-size:14px;font-style:normal;font-weight:500;line-height:21px}.chat-header .chat-header-content .chat-text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-header .chat-participants{align-items:center;display:flex;gap:12px}.chat-header .chat-participants .participant-avatars{align-items:center;display:flex}.chat-header .chat-participants .participant-avatars .participant-avatar{border:2px solid #fff;box-shadow:0 1px 3px #0000001a}.chat-header .chat-participants .participant-avatars .more-participants{align-items:center;background:#eceefd;border:2px solid #fff;border-radius:50%;color:#4259ee;display:flex;font-size:11px;font-weight:600;height:24px;justify-content:center;margin-left:-8px;min-width:24px;padding:4px 6px}.chat-header .chat-participants .participants-button{background:none!important;border:none!important;border-radius:4px;color:#7a8294;cursor:pointer;padding:4px}.chat-pinned{cursor:pointer;padding:.25rem;transition:all .2s ease-in-out}.chat-header-right{align-items:center;display:flex;gap:.5rem}.ia-styles.ia-menu.three-dot-menu-container .MuiPaper-root{margin-left:32px;margin-top:4px}.search-enabled{flex:1;min-width:0}.chat-search-container{align-items:center;display:flex;flex:1;gap:.5rem;min-width:0}.chat-search-container .chat-search-input-container{flex:1;min-width:0;width:100%}.chat-search-container .chat-search-input-container .chat-search-right-icon-container{align-items:center;cursor:pointer;display:flex;gap:.5rem}.chat-search-container .chat-search-input-container .impact_inputbox_container_with_icons{width:100%}.chat-search-container .chat-search-input-container .impact_inputbox_container_with_icons .impact-input-wrapper{min-width:0}.chat-search-container .chat-search-input-container .impact_inputbox_container_with_icons .MuiInputBase-root{font-size:14px}.chat-search-container .chat-search-input-container .impact_inputbox_container_with_icons input.MuiInputBase-input{font-size:14px;padding:8px 12px}.chat-search-container .search-icon{cursor:pointer;flex-shrink:0}.chat-participants-container{align-items:center;display:flex;gap:.5rem;position:relative}.chat-header-right-button{align-items:center;background:#f5f6fa;border-radius:10px;cursor:pointer;display:flex;font-size:3em;height:32px;justify-content:center;padding:.5rem;width:32px}.chat-header-right-button:active{background-color:#e2f4ff;transform:scale(.98)}.ia-styles.ia-menu.participants-menu-container .MuiPaper-root{display:flex;flex-direction:column;margin-left:28px;overflow:hidden!important;width:260px}.ia-styles.ia-menu.participants-menu-container .menu-header{background:#fff;border-radius:16px 16px 0 0;flex-shrink:0;padding:4px 0 0;position:sticky;top:0;z-index:10}.ia-styles.ia-menu.participants-menu-container .MuiList-root{flex:1;overflow-x:hidden;padding-top:0}.ia-styles.ia-menu.participants-menu-container .MuiList-root::-webkit-scrollbar{width:6px}.ia-styles.ia-menu.participants-menu-container .MuiList-root::-webkit-scrollbar-track{background:#0000}.ia-styles.ia-menu.participants-menu-container .MuiList-root::-webkit-scrollbar-thumb{background:#c3c8d4;border-radius:3px}.ia-styles.ia-menu.participants-menu-container .MuiList-root::-webkit-scrollbar-thumb:hover{background:#b4bac7}.ia-styles.ia-menu.participants-menu-container .MuiMenu-paper{overflow:hidden!important}.ia-styles.ia-menu.participants-menu-container .MuiMenu-list{max-height:320px;overflow-x:hidden!important;overflow-y:auto!important}.ia-styles.ia-menu.participants-menu-container .MuiButtonBase-root{padding:6px 16px}.ia-styles.ia-menu.participants-menu-container .menu-header-radio-group-container .ia-radioGroup .MuiFormControlLabel-root .MuiButtonBase-root{padding-left:12px!important}.ia-styles.ia-menu.participants-menu-container .menu-header-radio-group-container .MuiButtonBase-root{padding:8px 8px 8px 14px}.ia-styles.ia-menu.participants-menu-container .ia-menu-action-button-container{background:#fff;border-top:none;bottom:0;box-sizing:border-box;display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;margin-top:auto;padding:8px 8px 4px;position:sticky;width:100%;z-index:10}.participants-img{height:22px}.btn_border_participant{background:#f5f6fa!important;border:none!important;height:32px!important}.pinned_img{background:none;background-color:initial!important;border:none!important}')),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
-import { jsxs, jsx } 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-header{align-items:center;background:#fff;border-bottom:1px solid #b3bdf8;border-radius:10px 10px 0 0;box-sizing:border-box;display:flex;height:64px;justify-content:space-between;min-width:0;overflow:hidden;padding:6px 20px 5px}.chat-header .chat-header-info-slot{flex:1 1 auto;max-width:calc(100% - 220px);min-width:0;overflow:hidden}.chat-header .chat-header-info-slot.is-collapsed{flex:0 0 0;max-width:0;overflow:hidden;visibility:hidden;width:0}.chat-header .chat-header-content{max-width:100%;width:100%}.chat-header .chat-header-content .chat-title{color:#1f2b4d;display:block;font-size:16px;font-style:normal;font-weight:800;line-height:24px;min-width:0}.chat-header .chat-header-content .chat-title .resolved-badge{align-items:center;color:#4259ee;display:flex;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.chat-header .chat-header-content .chat-title .resolved-badge img{height:16px;margin-right:2px;width:16px}.chat-header .chat-header-content .chat-created-by,.chat-header .chat-header-content .chat-id{color:#c3c8d4;font-size:14px;font-style:normal;font-weight:500;line-height:21px}.chat-header .chat-header-content .chat-created-by{margin-left:5px}.chat-header .chat-header-content .chat-created-by:before{color:#c3c8d4;content:"|";margin-right:6px}.chat-header .chat-header-content .chat-info-outer{display:block;min-width:0;width:100%}.chat-header .chat-header-content .chat-info-outer>span{display:block!important;min-width:0;width:100%}.chat-header .chat-header-content .chat-info-container{color:#c3c8d4;display:block;font-size:14px;font-style:normal;font-weight:500;line-height:21px;max-width:100%;min-width:0;white-space:nowrap;width:100%}.chat-header .chat-header-content .chat-created-by-container{display:inline-block;max-width:100%}.chat-header .chat-header-content .chat-created-at{color:#c3c8d4;font-size:14px;font-style:normal;font-weight:500;line-height:21px}.chat-header .chat-header-content .chat-text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-header .chat-participants{align-items:center;display:flex;gap:12px}.chat-header .chat-participants .participant-avatars{align-items:center;display:flex}.chat-header .chat-participants .participant-avatars .participant-avatar{border:2px solid #fff;box-shadow:0 1px 3px #0000001a}.chat-header .chat-participants .participant-avatars .more-participants{align-items:center;background:#eceefd;border:2px solid #fff;border-radius:50%;color:#4259ee;display:flex;font-size:11px;font-weight:600;height:24px;justify-content:center;margin-left:-8px;min-width:24px;padding:4px 6px}.chat-header .chat-participants .participants-button{background:none!important;border:none!important;border-radius:4px;color:#7a8294;cursor:pointer;padding:4px}.chat-pinned{cursor:pointer;padding:.25rem;transition:all .2s ease-in-out}.chat-header-right{align-items:center;display:flex;flex:0 0 auto;gap:.5rem;justify-content:flex-end;min-width:0}.chat-header-right.search-enabled{flex:1;min-width:0}.ia-styles.ia-menu.three-dot-menu-container .MuiPaper-root{margin-left:32px;margin-top:4px}.chat-search-container{align-items:center;display:flex;flex:0 0 auto;gap:.5rem;position:relative}.chat-search-container .search-icon{cursor:pointer;flex-shrink:0}.chat-search-container .chat-search-input-container{position:relative;width:100%}.chat-search-container .chat-search-input-container .chat-search-input{background:none;border:1px solid #f0f0f0;border-radius:8px;box-sizing:border-box;color:#60697d;font-family:inherit;font-size:14px;height:32px;line-height:1.4;outline:none;padding:.5rem 2rem .5rem 1.75rem;transition:all .2s ease-in-out;width:100%}.chat-search-container .chat-search-input-container .chat-search-input::placeholder{color:#60697d;font-size:12px;padding-left:.5rem}.chat-search-container .chat-search-input-container .chat-search-input:focus{border:1px solid #4259ee}.chat-search-container .chat-search-input-container .chat-input-search-icon{color:#b2c2e0;cursor:pointer;height:1.5rem;left:.25rem;position:absolute;top:.25rem;width:1.5rem}.chat-search-container .chat-search-input-container .chat-search-input-close-icon{color:#60697d;cursor:pointer;height:12px;position:absolute;right:.625rem;top:.625rem;width:12px}.search-enabled .chat-search-container{flex:1 1 auto;min-width:0}.chat-participants-container{align-items:center;display:flex;gap:.5rem;position:relative}.chat-header-right-button{align-items:center;background:#f5f6fa;border-radius:10px;cursor:pointer;display:flex;font-size:3em;height:32px;justify-content:center;padding:.5rem;width:32px}.chat-header-right-button:active{background-color:#e2f4ff;transform:scale(.98)}.ia-styles.ia-menu.participants-menu-container .MuiPaper-root{display:flex;flex-direction:column;margin-left:28px;overflow:hidden!important;width:260px}.ia-styles.ia-menu.participants-menu-container .menu-header{background:#fff;border-radius:16px 16px 0 0;flex-shrink:0;padding:4px 0 0;position:sticky;top:0;z-index:10}.ia-styles.ia-menu.participants-menu-container .MuiList-root{flex:1;overflow-x:hidden;padding-top:0}.ia-styles.ia-menu.participants-menu-container .MuiList-root::-webkit-scrollbar{width:6px}.ia-styles.ia-menu.participants-menu-container .MuiList-root::-webkit-scrollbar-track{background:#0000}.ia-styles.ia-menu.participants-menu-container .MuiList-root::-webkit-scrollbar-thumb{background:#c3c8d4;border-radius:3px}.ia-styles.ia-menu.participants-menu-container .MuiList-root::-webkit-scrollbar-thumb:hover{background:#b4bac7}.ia-styles.ia-menu.participants-menu-container .MuiMenu-paper{overflow:hidden!important}.ia-styles.ia-menu.participants-menu-container .MuiMenu-list{max-height:320px;overflow-x:hidden!important;overflow-y:auto!important}.ia-styles.ia-menu.participants-menu-container .MuiButtonBase-root{padding:6px 16px}.ia-styles.ia-menu.participants-menu-container .menu-header-radio-group-container .ia-radioGroup .MuiFormControlLabel-root .MuiButtonBase-root{padding-left:12px!important}.ia-styles.ia-menu.participants-menu-container .menu-header-radio-group-container .MuiButtonBase-root{padding:8px 8px 8px 14px}.ia-styles.ia-menu.participants-menu-container .ia-menu-action-button-container{background:#fff;border-top:none;bottom:0;box-sizing:border-box;display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;margin-top:auto;padding:8px 8px 4px;position:sticky;width:100%;z-index:10}.participants-img{height:22px}.btn_border_participant{background:#f5f6fa!important;border:none!important;height:32px!important}.pinned_img{background:none;background-color:initial!important;border:none!important}')),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useEffect, useCallback } from "react";
 import { getAssetUrl } from "../../../../../utils/assetBase.js";
-import { MenuOptionsHeader } from "../../../../Menu/MenuHeaderInfo.js";
+import { MenuHeaderInfo } from "../../../../Menu/MenuHeaderInfo.js";
 
-import ChatHeaderInfo from "./ChatHeaderInfo.js";
 import ChatHeaderAction from "./ChatHeaderAction.js";
+import ChatHeaderInfo from "./ChatHeaderInfo.js";
 import { chartConfig } from "../../chatConfig.js";
+import { useTranslation } from "../../../../../i18n/useTranslation.js";
 const ActiveNotificationIcon = getAssetUrl("icons/active-notificationIcon.svg");
 function debounce(func, wait) {
   let timeout;
@@ -20,7 +21,6 @@ function debounce(func, wait) {
   };
 }
 const ChatHeader = ({
-  showChatId,
   title,
   chatId,
   participants = [],
@@ -33,6 +33,7 @@ const ChatHeader = ({
   ...restProps
 }) => {
   var _a;
+  const { t } = useTranslation();
   const [enableSearch, setEnableSearch] = useState(false);
   const [threeDotMenuOpen, setThreeDotMenuOpen] = useState(false);
   const [menuSearchQuery, setMenuSearchQuery] = useState("");
@@ -169,7 +170,7 @@ const ChatHeader = ({
   const threeDotMenuOptions = [
     {
       id: "notifications",
-      label: "Notifications",
+      label: t("tableChat.header.notifications"),
       icon: /* @__PURE__ */ jsx("img", { alt: "notification", src: ActiveNotificationIcon }),
       onClick: () => {
         handleThreeDotMenuOptionClick("notifications");
@@ -240,13 +241,13 @@ const ChatHeader = ({
   const renderCustomHeader = (headerProps) => {
     var _a2;
     return /* @__PURE__ */ jsx(
-      MenuOptionsHeader,
+      MenuHeaderInfo,
       {
         ...headerProps,
         customHeaderProps: {
-          searchPlaceholder: "Search in here...",
-          selectAllLabel: "Select all",
-          clearButtonText: "Clear",
+          searchPlaceholder: t("tableChat.header.searchInHere"),
+          selectAllLabel: t("common.selectAll"),
+          clearButtonText: t("common.clear"),
           radioButtonProps: {},
           searchInputProps: {
             style: { fontSize: "14px" }
@@ -264,16 +265,16 @@ const ChatHeader = ({
     );
   };
   return /* @__PURE__ */ jsxs("div", { className: `chat-header ${className}`, children: [
-    !enableSearch ? /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx("div", { className: `chat-header-info-slot ${enableSearch ? "is-collapsed" : ""}`, children: /* @__PURE__ */ jsx(
       ChatHeaderInfo,
       {
         chatId,
         createdAt,
         createdBy,
-        showChatId,
+        showChatId: chatHeaderConfig.showChatId ?? false,
         title
       }
-    ) : null,
+    ) }),
     /* @__PURE__ */ jsx(
       ChatHeaderAction,
       {

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

@@ -1 +1 @@
-{"version":3,"file":"ChatHeaderAction.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeaderAction.tsx"],"names":[],"mappings":"AAwBA,QAAA,MAAM,gBAAgB,GAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkCzB,4CAsUA,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"ChatHeaderAction.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeaderAction.tsx"],"names":[],"mappings":"AAoBA,QAAA,MAAM,gBAAgB,GAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkCzB,4CAyUA,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

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

@@ -11,11 +11,11 @@ import { Menu } from "../../../../Menu/index.js";
 import { chartConfig } from "../../chatConfig.js";
 import AvatarGroup from "../AvatarGroup/AvatarGroup.js";
 import { ChatNotificationSettings } from "../ChatNotificationSettings/ChatNotificationSettings.js";
-const ThreedotIcon = getAssetUrl("icons/treedotIcon.svg");
-const UserPlusIcon = getAssetUrl("icons/userPlusIcon1.svg");
-getAssetUrl("icons/close.svg");
-const SearchIcon = getAssetUrl("icons/searchIcon.svg");
+import { useTranslation } from "../../../../../i18n/useTranslation.js";
 const PinnedIcon = getAssetUrl("icons/pinnedIcon.svg");
+const SearchIcon = getAssetUrl("icons/searchIcon.svg");
+const UserPlusIcon = getAssetUrl("icons/userPlusIcon1.svg");
+const ThreedotIcon = getAssetUrl("icons/treedotIcon.svg");
 const ChatHeaderAction = ({
   enableSearch,
   messageSearchValue,
@@ -50,6 +50,7 @@ const ChatHeaderAction = ({
   chatHeaderConfig,
   ...restProps
 }) => {
+  const { t } = useTranslation();
   const {
     showSearch = chartConfig.tableChatRightSectionConfig.tableChatHeaderConfig.showSearch,
     showPinned = chartConfig.tableChatRightSectionConfig.tableChatHeaderConfig.showPinned,
@@ -109,7 +110,7 @@ const ChatHeaderAction = ({
     }
   }, [chatId, externalSavingMembers, menuOptions == null ? void 0 : menuOptions.length]);
   const handleParticipantAddOrRemove = async () => {
-    var _a, _b;
+    var _a;
     try {
       setIsParticipantAdding(true);
       if (externalHandlers == null ? void 0 : externalHandlers.onParticipantAdd) {
@@ -124,9 +125,6 @@ const ChatHeaderAction = ({
       console.error("Error adding participants:", error);
     } finally {
       setIsParticipantAdding(false);
-      setOpenMenu(false);
-      setAnchorEl(null);
-      (_b = externalHandlers == null ? void 0 : externalHandlers.onClose) == null ? void 0 : _b.call(externalHandlers);
     }
   };
   return /* @__PURE__ */ jsxs("div", { className: `chat-header-right ${className} ${enableSearch ? "search-enabled" : ""}`, children: [
@@ -201,7 +199,9 @@ const ChatHeaderAction = ({
         /* @__PURE__ */ jsx(
           Button,
           {
-            "aria-label": `View all ${participants.length} participants`,
+            "aria-label": t("tableChat.header.viewAllParticipants", {
+              count: participants.length
+            }),
             className: "btn_border participants-button ",
             icon: /* @__PURE__ */ jsx("img", { className: "participants-img", src: UserPlusIcon }),
             iconPlacement: "left",
@@ -251,7 +251,7 @@ const ChatHeaderAction = ({
             primaryButtonProps: {
               loading: isParticipantAdding,
               disabled: isParticipantAdding,
-              label: selectedRadioOption === "new" ? "Add" : "Remove"
+              label: selectedRadioOption === "new" ? t("tableChat.header.add") : t("tableChat.header.remove")
             },
             searchQuery: menuSearchQuery,
             selected: "add",