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

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

@@ -1,18 +1,18 @@
-!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";
+
+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,8 +27,7 @@ const ChatDefaultMessageType = ({
   isThreadIconVisible,
   isPinChatIconvisible,
   isHighlighted = false,
-  highlightColor = null,
-  showThreeDotIcon
+  highlightColor = null
 }) => {
   const renderContent = (content2) => {
     if (typeof content2 === "string") {
@@ -109,6 +108,7 @@ const ChatDefaultMessageType = ({
       " Low Priority"
     ] })
   };
+  const showPriority = priority && priority !== "default" && priorityContent[priority];
   const pinnedIconSrc = showPinned ? PinnedIcon : UnpinIcon;
   return /* @__PURE__ */ jsxs(
     "div",
@@ -116,15 +116,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 +136,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",

package/dist/components/TableChat/components/TableChatRightSection/{ChatEditedMessageType/ChatEditedMessageType.d.ts → 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

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

package/dist/components/TableChat/components/TableChatRightSection/{ChatEditedMessageType/ChatEditedMessageType.js → ChatEditedMessageType /ChatEditedMessageType.js }

@@ -1,11 +1,9 @@
-!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");
 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,

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":"AAKA,OAAO,0BAA0B,CAAC;AAoBlC,eAAO,MAAM,UAAU,GAAI;;;;;;;;;;;CAW1B,4CAsYA,CAAC"}

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

@@ -1,11 +1,11 @@
-!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)}}();
+!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 { jsxs, jsx } 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";
 const ActiveNotificationIcon = getAssetUrl("icons/active-notificationIcon.svg");
 function debounce(func, wait) {
@@ -20,7 +20,6 @@ function debounce(func, wait) {
   };
 }
 const ChatHeader = ({
-  showChatId,
   title,
   chatId,
   participants = [],
@@ -240,7 +239,7 @@ const ChatHeader = ({
   const renderCustomHeader = (headerProps) => {
     var _a2;
     return /* @__PURE__ */ jsx(
-      MenuOptionsHeader,
+      MenuHeaderInfo,
       {
         ...headerProps,
         customHeaderProps: {
@@ -264,16 +263,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":"AAmBA,QAAA,MAAM,gBAAgB,GAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkCzB,4CAmUA,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

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

@@ -11,11 +11,10 @@ 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");
 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,
@@ -109,7 +108,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 +123,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: [

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

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

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

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var t=document.createElement("style");t.appendChild(document.createTextNode(':root{--ia-focus-color:#4259ee;--ia-focus-bg:#fff;--ia-focus-ring-width:2px;--ia-focus-ring-offset:2px}*,:after,:before{box-sizing:border-box}body,textarea{font-style:normal;font-weight:500}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Manrope,sans-serif}.impact-notification-separator{background-color:#d9dde7;display:inline-block;height:16px;width:1.5px}.impact-notification-horizontal-separator{background-color:#d9dde7;display:inline-block;height:1px;width:100%}ul.storybook-order-list{list-style-type:disc;padding-left:12px}ul.storybook-order-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-list li strong{font-weight:800}ul.storybook-order-child-list{list-style-type:circle;padding-left:20px}ul.storybook-order-child-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-child-list li strong{font-weight:800}.chat-input{background:#fff;margin:0 23px 12px}.chat-input.focused{border-top-color:#4259ee}.chat-input .edit-mode-indicator{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;margin-bottom:8px;padding:8px 12px}.chat-input .edit-mode-indicator .edit-mode-text{align-items:center;color:#856404;display:flex;font-size:14px;justify-content:space-between}.chat-input .edit-mode-indicator .edit-mode-text span{align-items:center;display:flex;font-weight:500;gap:6px}.chat-input .edit-mode-indicator .edit-mode-text .cancel-edit-btn{background:none;border:1px solid #ffeaa7;border-radius:4px;color:#856404;cursor:pointer;font-size:12px;padding:4px 8px;transition:all .2s ease}.chat-input .edit-mode-indicator .edit-mode-text .cancel-edit-btn:hover{background-color:#ffeaa7;color:#6c5400}.chat-input .quick-action-container{align-items:center;display:flex;justify-content:flex-end;margin-bottom:6px}.chat-input .show-formatting-enabled{justify-content:space-between}.chat-input .formatting-toolbar{align-items:center}.chat-input .formatting-toolbar .format-button{align-items:center;background:none;border:none;color:#7a8294;cursor:pointer;display:flex;justify-content:center;padding:6px}.chat-input .formatting-toolbar .format-button:hover{background:#eceefd;color:#4259ee}.chat-input .input-container{position:relative}.chat-input .input-container .input-wrapper{align-items:flex-end;background:#fff;border:1px solid #d9dde7;border-radius:12px;box-shadow:0 0 12px 8px #0000000f;display:flex;gap:8px;padding:12px 16px;transition:border-color .2s ease}.chat-input .input-container .input-wrapper:focus-within{border-color:#4259ee}.chat-input .input-container .input-wrapper .message-input{background:none;border:none;color:#1f2b4d;flex:1;font-family:Manrope,sans-serif;font-size:14px;line-height:1.4;outline:none}.chat-input .input-container .input-wrapper .message-input::placeholder{color:#7a8294}.chat-input .input-container .input-wrapper .image-input-container{display:flex;flex-direction:column;gap:2px;width:100%}.chat-input .input-container .character-count{bottom:-22px;color:#b4bac7;font-size:11px;position:absolute;right:-5px}.chat-input .formatting-toolbar{display:flex;gap:4px;padding:4px}.chat-input .formatting-toolbar .format-button{border-radius:4px;padding:4px;transition:all .2s ease}.chat-input .formatting-toolbar .format-button:hover{background-color:#f5f5f5}.chat-input .formatting-toolbar .format-button.is-active{background-color:#e2f4ff;color:#4259ee}.chat-input .upload-container{display:flex;flex-direction:column;width:100%}.chat-input .upload-container .image-preview-container{display:flex;flex-wrap:wrap;gap:8px}.chat-input .upload-container .image-preview-container img{border-radius:8px;object-fit:cover}.chat-input .upload-container .file-preview-container{display:flex;flex-direction:column;gap:4px}.chat-input .message-input{border:1px solid #f0f0f0;border-radius:4px;font-size:14px;line-height:1.5;padding:8px;width:100%}.chat-input .message-input:focus{border-color:#4259ee;outline:none}.chat-input .chat-input-section{border-radius:12px;display:flex;flex-direction:column;gap:6px;position:static;width:100%}.chat-input .chat-input-section.new-chat-screen{bottom:0;position:relative;width:100%}.chat-input .chat-input-section.custom-screen{bottom:15px;width:95%}.chat-input .chat-input-textarea{border:none;max-height:500px;min-height:10px;outline:none;overflow-y:auto;resize:none;width:100%}.chat-input .chat-input-container{background:#fff;border:1px solid #d9dde7;border-radius:12px;box-shadow:0 0 12px 8px #0000000f;padding:12px;position:relative;width:100%}.chat-input .chat-input-container:focus-within,.chat-input .chat-input-container:hover{border:1px solid #b3bdf8}.chat-input .chat-input-wrapper{align-items:flex-end;display:flex;max-height:182px;transition:all .2s ease-in-out;width:100%}.chat-input .chat-input-wrapper.stacked{align-items:stretch;flex-direction:column}.chat-input .chat-input-wrapper.empty{align-items:flex-end;flex-direction:row}.chat-input .chat-input-wrapper.single-line-textarea{align-items:center}.chat-input .message-input-container{display:flex;flex-direction:column;gap:4px;width:100%}.chat-input .chat-textarea{background:#0000;border:none;color:#1f2b4d;flex:1;font-family:Manrope,sans-serif;font-size:14px;font-weight:400;line-height:160%;max-height:142px;outline:none;overflow-y:hidden;padding:0;resize:none;width:100%}.chat-input .chat-textarea::placeholder{color:#b4bac7}.chat-input .chat-textarea{transition:all .2s ease-in-out}.chat-input .chat-textarea.scrollable{overflow-y:auto}.chat-input .chat-actions{align-items:flex-end;display:flex;gap:12px;height:32px;justify-content:flex-end}.chat-input .chat-actions.fixed{height:36px}.chat-input .chat-actions.not-fixed{height:32px}.chat-input .input-actions{align-items:center;display:flex;gap:8px}.chat-input .input-actions .send-actions{align-items:center;display:flex;gap:8px;height:30px}.chat-input .input-actions .send-actions .ia-btn-icon{height:28px;margin-bottom:-4px}.chat-input .input-actions .send-actions img{width:12px}.chat-input .input-actions .send-actions .check-button{background:none;border:3px solid #eceefd;border-radius:8px;color:#7a8294;cursor:pointer;height:32px;padding:8px;width:32px}.chat-input .input-actions .send-actions .check-button .check-icon{width:12px}.chat-input .input-actions .send-actions .send-button{align-items:center!important;background:#0000!important;border:none!important;border-radius:6px!important;color:#fff!important;display:flex!important;height:32px!important;justify-content:center!important;min-width:32px!important;padding:0!important;width:32px!important}.tiptap p.is-editor-empty:first-child:before{color:#d9dde7;content:attr(data-placeholder);float:left;height:0;pointer-events:none}.quick-action-menu.MuiPopover-root .MuiPaper-root{margin-bottom:8px!important}.ia-styles.ia-menu.quick-action-container .MuiList-root{min-width:214px!important}.ia-styles.ia-menu.quick-action-container .MuiPaper-root{margin-left:6px!important;margin-top:-10px!important}.ia-styles.ia-menu.priority-action-container .MuiList-root{min-width:214px!important}.ia-styles.ia-menu.priority-action-container .MuiPaper-root{margin-left:36px!important;margin-top:-6px!important}.input-actions .send-actions .ia-btn-icon-loading{margin-bottom:0;padding-top:7px}.selected_action_priority{border:1px solid #3649c6!important}')),document.head.appendChild(t)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
+!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 React__default, { useState, useRef, useEffect } from "react";
 import { getAssetUrl } from "../../../../../utils/assetBase.js";
@@ -10,19 +10,17 @@ import TableChatEmojiPicker from "../EmojiPicker/EmojiPicker.js";
 import FileUploader from "../FileUploader/FileUploader.js";
 import ImageUploader from "../ImageUploader/ImageUploader.js";
 
-getAssetUrl("icons/ChatCheckIcon.svg");
-const CheckBlueIcon = getAssetUrl("icons/checkBlueIcon.svg");
-const CheckGreenIcon = getAssetUrl("icons/checkGreeIcon.svg");
-const CheckIcon = getAssetUrl("icons/checkIcon.svg");
-const DeleteRedIcon = getAssetUrl("icons/deleteRedIcon.svg");
-const EditYellowIcon = getAssetUrl("icons/editYellowIcon.svg");
 const ListIcon = getAssetUrl("icons/listIcon.svg");
-const NotAllowedGreenIcon = getAssetUrl("icons/notAllowedGreenIcon.svg");
 const ThumbsUpIcon = getAssetUrl("icons/thumbsupBlueIcon.svg");
+const CheckGreenIcon = getAssetUrl("icons/checkGreeIcon.svg");
+const EditYellowIcon = getAssetUrl("icons/editYellowIcon.svg");
+const DeleteRedIcon = getAssetUrl("icons/deleteRedIcon.svg");
+const CheckBlueIcon = getAssetUrl("icons/checkBlueIcon.svg");
 const WarningRedIcon = getAssetUrl("icons/warningRedIcon.svg");
 const ThumbsUpYellowIcon = getAssetUrl("icons/thumbsUpYellowIcon.svg");
+const NotAllowedGreenIcon = getAssetUrl("icons/notAllowedGreenIcon.svg");
 const SendIcon = getAssetUrl("icons/sendIcon.svg");
-getAssetUrl("icons/sendIconDisabled.svg");
+const CheckIcon = getAssetUrl("icons/checkIcon.svg");
 const ChatInput = ({
   placeholder = "Type message",
   value,

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

@@ -1,4 +1,4 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(':root{--ia-focus-color:#4259ee;--ia-focus-bg:#fff;--ia-focus-ring-width:2px;--ia-focus-ring-offset:2px}*,:after,:before{box-sizing:border-box}body,textarea{font-style:normal;font-weight:500}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Manrope,sans-serif}.impact-notification-separator{background-color:#d9dde7;display:inline-block;height:16px;width:1.5px}.impact-notification-horizontal-separator{background-color:#d9dde7;display:inline-block;height:1px;width:100%}ul.storybook-order-list{list-style-type:disc;padding-left:12px}ul.storybook-order-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-list li strong{font-weight:800}ul.storybook-order-child-list{list-style-type:circle;padding-left:20px}ul.storybook-order-child-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-child-list li strong{font-weight:800}.message-avatar{flex-shrink:0}')),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}}();
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".message-avatar{flex-shrink:0}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
 import { jsx } from "react/jsx-runtime";
 
 import { ChatAvatar } from "../AvatarGroup/AvatarGroup.js";

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

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

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

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

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

@@ -1,4 +1,4 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(':root{--ia-focus-color:#4259ee;--ia-focus-bg:#fff;--ia-focus-ring-width:2px;--ia-focus-ring-offset:2px}*,:after,:before{box-sizing:border-box}body,textarea{font-style:normal;font-weight:500}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Manrope,sans-serif}.impact-notification-separator{background-color:#d9dde7;display:inline-block;height:16px;width:1.5px}.impact-notification-horizontal-separator{background-color:#d9dde7;display:inline-block;height:1px;width:100%}ul.storybook-order-list{list-style-type:disc;padding-left:12px}ul.storybook-order-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-list li strong{font-weight:800}ul.storybook-order-child-list{list-style-type:circle;padding-left:20px}ul.storybook-order-child-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-child-list li strong{font-weight:800}.chat-message{align-items:flex-start;display:flex;gap:12px}.chat-message.user-message{flex-direction:row-reverse}.chat-message.user-message .message-content{text-align:right}.chat-message.user-message .message-actions{justify-content:flex-end}.chat-message .message-header{align-items:center;display:flex;gap:10px;justify-content:space-between}.chat-message .message-header .message-action-container{align-items:center;display:flex;gap:4px;visibility:hidden}.chat-message .message-header .message-action-container img,.chat-message .message-header .message-action-container svg{color:#b4bac7;cursor:pointer;width:14px}.chat-message .message-header .visibility-enabled{visibility:visible}.chat-message .message-header .message-action-info-container{align-items:center;display:flex;gap:8px}.chat-message .message-header .message-action-info-container svg{color:#b4bac7;cursor:pointer}.chat-message .message-header .message-action-info-container .message-action-info{color:#b4bac7;font-size:12px}.chat-message .message-header .message-action-info-container .message-timestamp{color:#60697d;font-size:11px;font-weight:500}.chat-message .message-header .message-action-info-container .ia-styles.ia-btn.ia-btn-tertiary{background:#0000;border:none}.chat-message .flex-end{justify-content:flex-end!important}.chat-message.user-message .message-text{margin-left:60px}.chat-message.assistant-message .message-text{background:linear-gradient(92.25deg,#f8f9fb -.92%,#f2f4fb 98.11%);margin-left:0;margin-right:60px}.chat-message .message-content{flex:1 1;min-width:0}.ia-styles.ia-menu.more-options-menu .MuiPaper-root{max-width:332px;min-width:220px}.delete_modal_txt{color:#0d152c;font-size:16px;font-style:normal;font-weight:800;line-height:24px}.delete_modal_subTxt{color:#60697d;font-size:12px;font-style:normal;font-weight:500;line-height:16px;text-align:center}.chat-message:hover .message-actions{opacity:1}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+!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 { useState } from "react";
 import { getAssetUrl } from "../../../../../utils/assetBase.js";
@@ -6,13 +6,11 @@ import { Menu } from "../../../../Menu/index.js";
 import { Prompt } from "../../../../Prompt/index.js";
 import ChatDefaultMessageType from "../ChatDefaultMessageType/ChatDefaultMessageType.js";
 import { ChatDeletedMessageType } from "../ChatDeleteMessageType/ChatDeletedMessageType.js";
-import ChatEditedMessageType from "../ChatEditedMessageType/ChatEditedMessageType.js";
+import ChatEditedMessageType from "../ChatEditedMessageType /ChatEditedMessageType.js";
 import { ChatMessageAvatar } from "../ChatMessageAvatar/ChatMessageAvatar.js";
 
-const DeleteIcon = getAssetUrl("icons/deleteIcon.svg");
-getAssetUrl("icons/unpinedIcon.svg");
 const EditIcon = getAssetUrl("icons/pencilIcon.svg");
-getAssetUrl("icons/replyIcon.svg");
+const DeleteIcon = getAssetUrl("icons/deleteIcon.svg");
 const ChatMessage = ({
   messageId,
   author,
@@ -43,8 +41,7 @@ const ChatMessage = ({
   isThreadIconVisible,
   isPinChatIconvisible,
   isHighlighted = false,
-  highlightColor = null,
-  showThreeDotIcon
+  highlightColor = null
 }) => {
   const [moreOptionsAnchorEl, setMoreOptionsAnchorEl] = useState(null);
   const [moreOptionsMenuOpen, setMoreOptionsMenuOpen] = useState(false);
@@ -127,7 +124,6 @@ const ChatMessage = ({
         isUser,
         pinned,
         priority,
-        showThreeDotIcon,
         timestamp,
         visibility: moreOptionsMenuOpen,
         onPin,
@@ -185,7 +181,7 @@ const ChatMessage = ({
         onSecondaryButtonClick: () => {
           setShowDeleteModal(false);
         },
-        children: "This will permanently delete message in this conversation."
+        children: "This will permanently delete all messages in this conversation."
       }
     )
   ] });

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

@@ -1,4 +1,4 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".date-separator{align-items:center;display:flex;justify-content:center;left:220px;margin:12px 0;padding:4px 8px;position:sticky;top:-10px;transition:opacity .3s ease;width:fit-content;z-index:999}.date-separator .impact_badges_only_label_stroke{background:linear-gradient(90deg,#f5f5f5 6%,#f5f5f500 120%),#fff;border:1px solid #d9dde7}.date-separator .MuiChip-label,.date-separator .date-text{color:#60697d!important;font-size:12px!important;font-weight:500!important;padding:4px 12px}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".date-separator{align-items:center;background-color:#fff;display:flex;justify-content:center;left:220px;margin:12px 0;padding:4px 8px 4px 0;position:sticky;top:-10px;transition:opacity .3s ease;width:140px;z-index:999}.date-separator .impact_badges_only_label_stroke{background:linear-gradient(90deg,#f5f5f5 6%,#f5f5f500 120%),#fff;border:1px solid #d9dde7}.date-separator .MuiChip-label,.date-separator .date-text{color:#60697d!important;font-size:12px!important;font-weight:500!important;padding:4px 12px}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
 import { jsx } from "react/jsx-runtime";
 import { Badge } from "../../../../Badge/index.js";
 

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

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

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

@@ -2,10 +2,12 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import default_1 from "../../../../../node_modules/@mui/icons-material/Block.js";
 import DOMPurify from "dompurify";
+import { getAssetUrl } from "../../../../../utils/assetBase.js";
 import { Avatar } from "../../../../Avatar/index.js";
 import { ChatAvatar } from "../AvatarGroup/AvatarGroup.js";
 import { ChatInput } from "../ChatInput/ChatInput.js";
 
+const DEFAULT_CHAT_AVATAR = getAssetUrl("avatar_sample.webp");
 const renderContent = (content) => {
   if (!content) return null;
   if (typeof content === "string") {
@@ -78,17 +80,10 @@ const MessageItem = ({ type, msg, onMessageClick }) => {
             {
               label: msg == null ? void 0 : msg.userInitials,
               size: "small",
-              src: (msg == null ? void 0 : msg.src) || "static/media/src/assets/avatar_sample.jpeg",
+              src: (msg == null ? void 0 : msg.src) || DEFAULT_CHAT_AVATAR,
               type: "withoutPicture"
             }
-          ) : /* @__PURE__ */ jsx(
-            ChatAvatar,
-            {
-              name: msg == null ? void 0 : msg.userInitials,
-              size: "sm",
-              src: (msg == null ? void 0 : msg.src) || "static/media/src/assets/avatar_sample.jpeg"
-            }
-          ),
+          ) : /* @__PURE__ */ jsx(ChatAvatar, { name: msg == null ? void 0 : msg.userInitials, size: "sm", src: (msg == null ? void 0 : msg.src) || DEFAULT_CHAT_AVATAR }),
           /* @__PURE__ */ jsxs("div", { className: isPinned ? "pinned-info" : "thread-info", children: [
             isPinned && /* @__PURE__ */ jsxs("div", { className: "pinned-meta", children: [
               /* @__PURE__ */ jsx("span", { className: "user-title", children: msg.senderName }),
@@ -116,17 +111,10 @@ const MessageItem = ({ type, msg, onMessageClick }) => {
           {
             label: msg == null ? void 0 : msg.userInitials,
             size: "small",
-            src: (msg == null ? void 0 : msg.src) || "static/media/src/assets/avatar_sample.jpeg",
+            src: (msg == null ? void 0 : msg.src) || DEFAULT_CHAT_AVATAR,
             type: "withoutPicture"
           }
-        ) : /* @__PURE__ */ jsx(
-          ChatAvatar,
-          {
-            name: msg == null ? void 0 : msg.userInitials,
-            size: "sm",
-            src: (msg == null ? void 0 : msg.src) || "static/media/src/assets/avatar_sample.jpeg"
-          }
-        ),
+        ) : /* @__PURE__ */ jsx(ChatAvatar, { name: msg == null ? void 0 : msg.userInitials, size: "sm", src: (msg == null ? void 0 : msg.src) || DEFAULT_CHAT_AVATAR }),
         /* @__PURE__ */ jsxs("div", { className: isPinned ? "pinned-info" : "thread-info", children: [
           isPinned && /* @__PURE__ */ jsxs("div", { className: "pinned-meta", children: [
             /* @__PURE__ */ jsx("span", { className: "user-title", children: msg.senderName }),

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

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

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

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