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

package/dist/components/TableChat/TableChatSidePanel.js

@@ -1,4 +1,4 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(':root{--ia-focus-color:#4259ee;--ia-focus-bg:#fff;--ia-focus-ring-width:2px;--ia-focus-ring-offset:2px}*,:after,:before{box-sizing:border-box}body,textarea{font-style:normal;font-weight:500}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Manrope,sans-serif}.impact-notification-separator{background-color:#d9dde7;display:inline-block;height:16px;width:1.5px}.impact-notification-horizontal-separator{background-color:#d9dde7;display:inline-block;height:1px;width:100%}ul.storybook-order-list{list-style-type:disc;padding-left:12px}ul.storybook-order-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-list li strong{font-weight:800}ul.storybook-order-child-list{list-style-type:circle;padding-left:20px}ul.storybook-order-child-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-child-list li strong{font-weight:800}#table-chat-side-panel .impact_drawer_container{background:#fff}#table-chat-side-panel .impact_drawer_header{background:#eceefd;border-bottom:1px solid #d9dde7}#table-chat-side-panel .impact_drawer_body{padding:0}.table-chat-container{display:flex;flex-direction:row;gap:10px;height:100%;width:100%}.empty-container{align-items:center;display:flex;justify-content:center}.empty-container img{height:197px;width:190px}.empty-container p:first-of-type{color:#1f2b4d;font-size:20px;font-style:normal;font-weight:800;line-height:30px}.empty-container p:nth-of-type(2){color:#7a8294;font-size:16px;font-style:normal;font-weight:500;line-height:125%;text-align:center}.loader-padding{padding:16px;width:100%}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(':root{--ia-focus-color:#4259ee;--ia-focus-bg:#fff;--ia-focus-ring-width:2px;--ia-focus-ring-offset:2px}*,:after,:before{box-sizing:border-box}body,textarea{font-style:normal;font-weight:500}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Manrope,sans-serif}.impact-notification-separator{background-color:#d9dde7;display:inline-block;height:16px;width:1.5px}.impact-notification-horizontal-separator{background-color:#d9dde7;display:inline-block;height:1px;width:100%}ul.storybook-order-list{list-style-type:disc;padding-left:12px}ul.storybook-order-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-list li strong{font-weight:800}ul.storybook-order-child-list{list-style-type:circle;padding-left:20px}ul.storybook-order-child-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-child-list li strong{font-weight:800}#table-chat-side-panel .impact_drawer_container{background:#fff}#table-chat-side-panel .impact_drawer_header{background:#eceefd;border-bottom:1px solid #d9dde7}#table-chat-side-panel .impact_drawer_body{padding:0}.table-chat-container{box-sizing:border-box;display:flex;flex-direction:row;gap:10px;height:100%;overflow:hidden;width:100%}.table-chat-container .table-left-panel-container{flex:0 0 350px;flex-shrink:0;max-width:350px;width:350px}.table-chat-container .table-chat-right-section-container{flex:1 1 0;max-width:100%;min-width:0;width:auto}.empty-container{align-items:center;display:flex;justify-content:center}.empty-container img{height:197px;width:190px}.empty-container p:first-of-type{color:#1f2b4d;font-size:20px;font-style:normal;font-weight:800;line-height:30px}.empty-container p:nth-of-type(2){color:#7a8294;font-size:16px;font-style:normal;font-weight:500;line-height:125%;text-align:center}.loader-padding{padding:16px;width:100%}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useState, useCallback, useMemo, useEffect } from "react";
 import { Panel } from "../Panel/index.js";
@@ -10,9 +10,10 @@ import TableChatChannelHeader from "./components/TableChatLeftSection/TableChatC
 import { PinnedPanel } from "./components/TableChatRightSection/PinedChatPanel/PinedChatPanel.js";
 import TableChatRightSection from "./components/TableChatRightSection/TableChatRightSection.js";
 import { EmptyContainer } from "./EmptyContainer.js";
+import { formatChatHeaderTimestamp } from "./utils/formatChatTimestamp.js";
 
 const TableChatSidePanel = ({ isOpen, handleClose, chatConfiguration }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L;
   const [selectedChannelId, setSelectedChannelId] = useState(null);
   const [selectedChannelInfo, setSelectedChannelInfo] = useState(null);
   const [selectedChatId, setSelectedChatId] = useState(null);
@@ -125,7 +126,7 @@ const TableChatSidePanel = ({ isOpen, handleClose, chatConfiguration }) => {
           var _a3, _b3;
           setShowPinnedMsg(false);
           setShowThread(true);
-          handleThreadClick();
+          handleThreadClick(messageId);
           (_b3 = (_a3 = chatConfiguration == null ? void 0 : chatConfiguration.messageChatConfig) == null ? void 0 : _a3.onThreadClick) == null ? void 0 : _b3.call(_a3, messageId, messageItem);
         },
         // Load participants for mentions
@@ -221,12 +222,13 @@ const TableChatSidePanel = ({ isOpen, handleClose, chatConfiguration }) => {
             id: (_d2 = (_c2 = newChat == null ? void 0 : newChat.otherProps) == null ? void 0 : _c2.object_ids) == null ? void 0 : _d2[0],
             title: "Chat List",
             objectType: (_e2 = newChat == null ? void 0 : newChat.otherProps) == null ? void 0 : _e2.object_type
-            // or get from configuration
           };
           await fetchChatList(newChannelInfo);
           setSelectedChannelInfo(newChannelInfo);
           setSelectedChannelId((_g2 = (_f2 = newChat == null ? void 0 : newChat.otherProps) == null ? void 0 : _f2.object_ids) == null ? void 0 : _g2[0]);
           await handleChatClick(newChat.id, newChat);
+        } else if (selectedChannelId2) {
+          await fetchChatList(selectedChannelId2);
         }
       }
       return response;
@@ -307,6 +309,7 @@ const TableChatSidePanel = ({ isOpen, handleClose, chatConfiguration }) => {
     setIsSearchOpen(false);
     setIsMoreOpen(false);
     setHighlightMessageId(null);
+    setIsCreateNewChatOpen(false);
   };
   const handleBackToChannels = async () => {
     var _a2;
@@ -477,13 +480,11 @@ const TableChatSidePanel = ({ isOpen, handleClose, chatConfiguration }) => {
             TableChatChannelHeader,
             {
               channels: isChannelsScreen ? channelsList : chatList,
-              currentUserId,
               filterChannelsByTitle,
               handleChatName,
               handleChatSelect,
               handleToast,
               headerConfig: (_s = chatConfiguration == null ? void 0 : chatConfiguration.leftPanel) == null ? void 0 : _s.leftHeaderPanel,
-              inputPanelConfig: (_t = chatConfiguration == null ? void 0 : chatConfiguration.leftPanel) == null ? void 0 : _t.inputPanelConfig,
               isCreateNewChatOpen,
               isSearchOpen,
               loadingChannels: loadingChannelsOrChats,
@@ -491,9 +492,9 @@ const TableChatSidePanel = ({ isOpen, handleClose, chatConfiguration }) => {
               selectedChannelOrChatId,
               selectedChat,
               setIsCreateNewChatOpen,
-              showAddChatBtn: (_v = (_u = chatConfiguration == null ? void 0 : chatConfiguration.leftPanel) == null ? void 0 : _u.leftHeaderPanel) == null ? void 0 : _v.showAddChat,
+              showAddChatBtn: (_u = (_t = chatConfiguration == null ? void 0 : chatConfiguration.leftPanel) == null ? void 0 : _t.leftHeaderPanel) == null ? void 0 : _u.showAddChat,
               showChannelList: isChannelsScreen,
-              showCheckbox: (_x = (_w = chatConfiguration == null ? void 0 : chatConfiguration.leftPanel) == null ? void 0 : _w.leftChatPanel) == null ? void 0 : _x.showCheckbox,
+              showCheckbox: (_w = (_v = chatConfiguration == null ? void 0 : chatConfiguration.leftPanel) == null ? void 0 : _v.leftChatPanel) == null ? void 0 : _w.showCheckbox,
               title: isChannelsScreen ? "Channels List" : selectedChannelInfo == null ? void 0 : selectedChannelInfo.title,
               onBack: handleBackToChannels,
               onChannelSelect: (id, selectedChannelOrChat) => {
@@ -506,15 +507,15 @@ const TableChatSidePanel = ({ isOpen, handleClose, chatConfiguration }) => {
               onDeleteTopics: handleDeletePromptOpen,
               onMenuClick: toggleMenu,
               onMoreClick: showMore,
-              onPinnedChatClick: (_y = chatConfiguration == null ? void 0 : chatConfiguration.headerChatConfig) == null ? void 0 : _y.onPinnedChatClick,
+              onPinnedChatClick: (_x = chatConfiguration == null ? void 0 : chatConfiguration.headerChatConfig) == null ? void 0 : _x.onPinnedChatClick,
               onSearchClick: openSearch
             }
           ),
           loadingMessages ? /* @__PURE__ */ jsx(ChatSkeleton, { text: "Loading messages..." }) : /* @__PURE__ */ jsx(Fragment, { children: !selectedChannelId || !selectedChatId ? /* @__PURE__ */ jsx(
             EmptyContainer,
             {
-              subTitle: !selectedChannelId ? (_z = chatConfiguration == null ? void 0 : chatConfiguration.messageChatConfig) == null ? void 0 : _z.emptyChannelStateSubTitle : !selectedChatId ? (_A = chatConfiguration == null ? void 0 : chatConfiguration.messageChatConfig) == null ? void 0 : _A.emptyChatStateSubTitle : "",
-              title: !selectedChannelId ? (_B = chatConfiguration == null ? void 0 : chatConfiguration.messageChatConfig) == null ? void 0 : _B.emptyChannelStateTitle : !selectedChatId ? (_C = chatConfiguration == null ? void 0 : chatConfiguration.messageChatConfig) == null ? void 0 : _C.emptyChatStateTitle : ""
+              subTitle: !selectedChannelId ? (_y = chatConfiguration == null ? void 0 : chatConfiguration.messageChatConfig) == null ? void 0 : _y.emptyChannelStateSubTitle : !selectedChatId ? (_z = chatConfiguration == null ? void 0 : chatConfiguration.messageChatConfig) == null ? void 0 : _z.emptyChatStateSubTitle : "",
+              title: !selectedChannelId ? (_A = chatConfiguration == null ? void 0 : chatConfiguration.messageChatConfig) == null ? void 0 : _A.emptyChannelStateTitle : !selectedChatId ? (_B = chatConfiguration == null ? void 0 : chatConfiguration.messageChatConfig) == null ? void 0 : _B.emptyChatStateTitle : ""
             }
           ) : /* @__PURE__ */ jsx(
             TableChatRightSection,
@@ -528,23 +529,18 @@ const TableChatSidePanel = ({ isOpen, handleClose, chatConfiguration }) => {
                 }
               },
               chatId: selectedChatId,
-              CreatedBy: ((_D = selectedChatInfo == null ? void 0 : selectedChatInfo.otherProps) == null ? void 0 : _D.created_by_user) ?? (selectedChatInfo == null ? void 0 : selectedChatInfo.createdBy) ?? (selectedChatInfo == null ? void 0 : selectedChatInfo.user) ?? "—",
+              CreatedBy: (selectedChatInfo == null ? void 0 : selectedChatInfo.createdBy) || (selectedChatInfo == null ? void 0 : selectedChatInfo.user) || ((_C = selectedChatInfo == null ? void 0 : selectedChatInfo.otherProps) == null ? void 0 : _C.created_by_user),
               handleToast,
               inputChatConfig: {
                 ...chatConfiguration.inputChatConfig
               },
-              createdAt: (selectedChatInfo == null ? void 0 : selectedChatInfo.timestamp) ?? (selectedChatInfo == null ? void 0 : selectedChatInfo.createdAt) ?? (((_E = selectedChatInfo == null ? void 0 : selectedChatInfo.otherProps) == null ? void 0 : _E.created_at) ? new Date(selectedChatInfo.otherProps.created_at).toLocaleString(void 0, {
-                dateStyle: "medium",
-                timeStyle: "short"
-              }) : ""),
               messageConfig: memoizedMessageConfig,
-              owner: (_F = selectedChatInfo == null ? void 0 : selectedChatInfo.otherProps) == null ? void 0 : _F.created_by,
               setPinnedMessages,
-              showActionBtn: (_H = (_G = chatConfiguration == null ? void 0 : chatConfiguration.leftPanel) == null ? void 0 : _G.rightHeaderPanel) == null ? void 0 : _H.showActionBtn,
-              showChatId: (_J = (_I = chatConfiguration == null ? void 0 : chatConfiguration.headerChatConfig) == null ? void 0 : _I.headerConfig) == null ? void 0 : _J.showChatId,
-              showParticipantsList: (_L = (_K = chatConfiguration == null ? void 0 : chatConfiguration.leftPanel) == null ? void 0 : _K.rightHeaderPanel) == null ? void 0 : _L.showParticipants,
-              showPinnedChat: (_N = (_M = chatConfiguration == null ? void 0 : chatConfiguration.leftPanel) == null ? void 0 : _M.rightHeaderPanel) == null ? void 0 : _N.showPinnedChat,
-              showSearch: (_P = (_O = chatConfiguration == null ? void 0 : chatConfiguration.leftPanel) == null ? void 0 : _O.rightHeaderPanel) == null ? void 0 : _P.showChatSearch,
+              showActionBtn: (_E = (_D = chatConfiguration == null ? void 0 : chatConfiguration.leftPanel) == null ? void 0 : _D.rightHeaderPanel) == null ? void 0 : _E.showActionBtn,
+              showParticipantsList: (_G = (_F = chatConfiguration == null ? void 0 : chatConfiguration.leftPanel) == null ? void 0 : _F.rightHeaderPanel) == null ? void 0 : _G.showParticipants,
+              showPinnedChat: (_I = (_H = chatConfiguration == null ? void 0 : chatConfiguration.leftPanel) == null ? void 0 : _H.rightHeaderPanel) == null ? void 0 : _I.showPinnedChat,
+              showSearch: (_K = (_J = chatConfiguration == null ? void 0 : chatConfiguration.leftPanel) == null ? void 0 : _J.rightHeaderPanel) == null ? void 0 : _K.showChatSearch,
+              createdAt: (selectedChatInfo == null ? void 0 : selectedChatInfo.createdAt) || formatChatHeaderTimestamp((_L = selectedChatInfo == null ? void 0 : selectedChatInfo.otherProps) == null ? void 0 : _L.created_at),
               title: selectedChatInfo == null ? void 0 : selectedChatInfo.title
             }
           ) }),

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

@@ -1,11 +1,10 @@
 
-declare const AddChat: ({ setShowAddChat, handleChatName, selectedChannelInfo, handleToast, setIsCreateNewChatOpen, inputPanelConfig, }: {
+declare const AddChat: ({ setShowAddChat, handleChatName, selectedChannelInfo, handleToast, setIsCreateNewChatOpen, }: {
     setShowAddChat: any;
     handleChatName: any;
     selectedChannelInfo: any;
     handleToast: any;
     setIsCreateNewChatOpen: any;
-    inputPanelConfig: any;
 }) => import("react/jsx-runtime").JSX.Element;
 export default AddChat;
 //# sourceMappingURL=AddChatContainer.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AddChatContainer.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatLeftSection/AddChatContainer/AddChatContainer.tsx"],"names":[],"mappings":"AAMA,OAAO,gCAAgC,CAAC;AA4BxC,QAAA,MAAM,OAAO,GAAI;;;;;;;CAOhB,4CA4HA,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"AddChatContainer.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatLeftSection/AddChatContainer/AddChatContainer.tsx"],"names":[],"mappings":"AAMA,OAAO,gCAAgC,CAAC;AAuBxC,QAAA,MAAM,OAAO,GAAI;;;;;;CAMhB,4CAyHA,CAAC;AAEF,eAAe,OAAO,CAAC"}

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

@@ -17,11 +17,6 @@ const validationRules = {
       value: 50,
       message: "Chat name cannot exceed 50 characters"
     }
-    // pattern: {
-    //   value: /^[a-zA-Z0-9\s\-_]+$/,
-    //   message:
-    //     "Chat name can only contain letters, numbers, spaces, hyphens, and underscores",
-    // },
   },
   chatDescription: {
     maxLength: {
@@ -35,23 +30,26 @@ const AddChat = ({
   handleChatName,
   selectedChannelInfo,
   handleToast,
-  setIsCreateNewChatOpen,
-  inputPanelConfig
+  setIsCreateNewChatOpen
 }) => {
   const containerRef = useRef(null);
   const {
     control,
     handleSubmit,
-    formState: { errors, isSubmitting, isValid },
+    formState: { errors, isSubmitting },
     reset
   } = useForm({
     mode: "onSubmit",
-    // Validate on change for real-time feedback
     defaultValues: {
       chatName: "",
       chatDescription: ""
     }
   });
+  const handleCancel = () => {
+    reset();
+    setShowAddChat(false);
+    setIsCreateNewChatOpen(false);
+  };
   useEffect(() => {
     function handleClickOutside(event) {
       if (containerRef.current && !containerRef.current.contains(event.target)) {
@@ -66,6 +64,10 @@ const AddChat = ({
   const onSubmit = async (data) => {
     try {
       const response = await handleChatName(data, selectedChannelInfo);
+      if ((response == null ? void 0 : response.success) === false) {
+        handleToast(true, "Error while saving chat", "error");
+        return;
+      }
       handleToast(true, "Chat saved successfully", "success");
       handleCancel();
     } catch (err) {
@@ -73,11 +75,6 @@ const AddChat = ({
       handleToast(true, "Error while saving chat", "error");
     }
   };
-  const handleCancel = () => {
-    reset();
-    setShowAddChat(false);
-    setIsCreateNewChatOpen(false);
-  };
   return /* @__PURE__ */ jsx("div", { ref: containerRef, className: "addChat_container", children: /* @__PURE__ */ jsxs("form", { noValidate: true, className: "chatcontainer", onSubmit: handleSubmit(onSubmit), children: [
     /* @__PURE__ */ jsx(
       Controller,
@@ -95,7 +92,7 @@ const AddChat = ({
               isHelperText: !!errors.chatName,
               label: "Chat name",
               name: field.name,
-              placeholder: (inputPanelConfig == null ? void 0 : inputPanelConfig.inputPlaceholder) || "Price negotiation",
+              placeholder: "Price negotiation",
               type: "text",
               value: field.value,
               onBlur: field.onBlur,
@@ -123,7 +120,7 @@ const AddChat = ({
               label: "Add description",
               maxRows: 2,
               name: field.name,
-              placeholder: (inputPanelConfig == null ? void 0 : inputPanelConfig.textAreaPlaceholder) || "Lets review the latest changes",
+              placeholder: "Lets review the latest changes",
               secondaryLabel: (_a = errors.chatDescription) == null ? void 0 : _a.message,
               value: field.value || "",
               width: "100%",
@@ -140,8 +137,8 @@ const AddChat = ({
         Button,
         {
           disabled: isSubmitting,
+          htmlType: "button",
           size: "large",
-          type: "button",
           variant: "tertiary",
           onClick: handleCancel,
           children: "Cancel"
@@ -152,8 +149,8 @@ const AddChat = ({
         {
           className: "chat_save_btn",
           disabled: isSubmitting,
+          htmlType: "submit",
           size: "large",
-          type: "submit",
           variant: "primary",
           children: isSubmitting ? /* @__PURE__ */ jsx(Fragment, { children: "Saving..." }) : "Save"
         }

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

@@ -1,4 +1,4 @@
-export declare const ChatChannelItem: ({ id, title, subtitle, timestamp, unreadCount, avatar, isSelected, isMuted, onClick, showChannelList, showCheckbox, handleChatSelect, selectedChat, onPinnedChatClick, onPinnedChange, handleToast, isPinned: isPinnedProp, ...rest }: {
+export declare const ChatChannelItem: ({ id, title, subtitle, timestamp, unreadCount, avatar, isSelected, isMuted, onClick, showChannelList, showCheckbox, handleChatSelect, selectedChat, onPinnedChatClick, handleToast, ...rest }: {
     [x: string]: any;
     id: any;
     title: any;
@@ -16,8 +16,6 @@ export declare const ChatChannelItem: ({ id, title, subtitle, timestamp, unreadC
     } | undefined;
     selectedChat: any;
     onPinnedChatClick: any;
-    onPinnedChange: any;
     handleToast: any;
-    isPinned: any;
 }) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ChatChannelItem.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ChatChannelItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/TableChat/components/TableChatLeftSection/ChatChannelItem.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,eAAe,GAAI;;;;;;;;;;;;;;;;;;;;;CAmB/B,4CAmFA,CAAC"}
+{"version":3,"file":"ChatChannelItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/TableChat/components/TableChatLeftSection/ChatChannelItem.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,eAAe,GAAI;;;;;;;;;;;;;;;;;;;CAiB/B,4CA4FA,CAAC"}

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

@@ -1,4 +1,5 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
 import default_1 from "../../../../node_modules/@mui/icons-material/NotificationsOff.js";
 import { getAssetUrl } from "../../../../utils/assetBase.js";
 import { ChannelCheckbox } from "./ChannelCheckbox/ChannelCheckbox.js";
@@ -20,25 +21,24 @@ const ChatChannelItem = ({
   handleChatSelect = { handleChatSelect },
   selectedChat,
   onPinnedChatClick,
-  onPinnedChange,
   handleToast,
-  isPinned: isPinnedProp,
   ...rest
 }) => {
-  const isPinned = Boolean(isPinnedProp ?? rest.isPinned);
-  const handlePinnedChatClick = async (chatId, newPinned) => {
+  const [showPinned, setShowPinned] = useState(rest.isPinned);
+  const handlePinnedChatClick = async (chatId, isPinned) => {
     if (onPinnedChatClick) {
-      onPinnedChange == null ? void 0 : onPinnedChange(chatId, newPinned);
       try {
-        const response = await onPinnedChatClick(chatId, newPinned);
-        onPinnedChange == null ? void 0 : onPinnedChange(chatId, response);
+        const response = await onPinnedChatClick(chatId, isPinned);
+        setShowPinned(response);
       } catch (error) {
-        onPinnedChange == null ? void 0 : onPinnedChange(chatId, !newPinned);
         handleToast(true, "Error pinning chat", "error");
         console.error("Error pinning chat:", error);
       }
     }
   };
+  useEffect(() => {
+    setShowPinned(rest.isPinned);
+  }, [rest.isPinned]);
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -75,28 +75,32 @@ const ChatChannelItem = ({
           /* @__PURE__ */ jsx("p", { className: "channel-subtitle", children: subtitle }),
           /* @__PURE__ */ jsxs("div", { className: "pinnedChat_container", children: [
             /* @__PURE__ */ jsx("span", { className: "channel-time", children: timestamp }),
-            !showChannelList && /* @__PURE__ */ jsx(
+            !showChannelList && /* @__PURE__ */ jsx(Fragment, { children: showPinned ? /* @__PURE__ */ jsx(
               "img",
               {
                 alt: "",
-                "aria-label": isPinned ? "Unpin chat" : "Pin chat",
-                className: isPinned ? "pinnedChat pinnedChat--active" : "pinnedChat",
-                role: "button",
+                height: 16,
                 src: PinnedIcon,
-                tabIndex: 0,
+                width: 16,
                 onClick: (e) => {
                   e.stopPropagation();
-                  handlePinnedChatClick(id, !isPinned);
-                },
-                onKeyDown: (e) => {
-                  if (e.key === "Enter" || e.key === " ") {
-                    e.preventDefault();
-                    e.stopPropagation();
-                    handlePinnedChatClick(id, !isPinned);
-                  }
+                  handlePinnedChatClick(id, false);
                 }
               }
-            )
+            ) : /* @__PURE__ */ jsx(
+              "img",
+              {
+                alt: "",
+                className: "pinnedChat",
+                height: 16,
+                src: PinnedIcon,
+                width: 16,
+                onClick: (e) => {
+                  e.stopPropagation();
+                  handlePinnedChatClick(id, true);
+                }
+              }
+            ) })
           ] })
         ] })
       ]

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

@@ -1 +1 @@
-{"version":3,"file":"ChatChannelList.d.ts","sourceRoot":"","sources":["../../../../../src/components/TableChat/components/TableChatLeftSection/ChatChannelList.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,eAAe,GAAI;;;;;;;;;;CAU/B,4CA4EA,CAAC"}
+{"version":3,"file":"ChatChannelList.d.ts","sourceRoot":"","sources":["../../../../../src/components/TableChat/components/TableChatLeftSection/ChatChannelList.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,eAAe,GAAI;;;;;;;;;;CAU/B,4CA4BA,CAAC"}

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

@@ -1,10 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useState, useEffect, useCallback } from "react";
 import { ChatChannelItem } from "./ChatChannelItem.js";
-const isItemPinned = (item) => {
-  var _a;
-  return Boolean((item == null ? void 0 : item.isPinned) ?? ((_a = item == null ? void 0 : item.otherProps) == null ? void 0 : _a.is_pinned));
-};
 const ChatChannelList = ({
   channels,
   selectedChannelOrChatId,
@@ -16,66 +11,23 @@ const ChatChannelList = ({
   onPinnedChatClick,
   handleToast
 }) => {
-  const [pinnedOverrides, setPinnedOverrides] = useState({});
-  useEffect(() => {
-    if (!Array.isArray(channels)) return;
-    setPinnedOverrides((prev) => {
-      let changed = false;
-      const next = { ...prev };
-      channels.forEach((ch) => {
-        if ((ch == null ? void 0 : ch.id) != null && prev[ch.id] !== void 0 && isItemPinned(ch) === Boolean(prev[ch.id])) {
-          delete next[ch.id];
-          changed = true;
-        }
-      });
-      return changed ? next : prev;
-    });
-  }, [channels]);
-  const getEffectivePinned = useCallback(
-    (item) => {
-      if ((item == null ? void 0 : item.id) != null && pinnedOverrides.hasOwnProperty(item.id)) {
-        return Boolean(pinnedOverrides[item.id]);
-      }
-      return isItemPinned(item);
-    },
-    [pinnedOverrides]
-  );
-  const handlePinnedChange = useCallback((chatId, newPinned) => {
-    setPinnedOverrides((prev) => ({ ...prev, [chatId]: newPinned }));
-  }, []);
-  const sortedChannels = Array.isArray(channels) ? [...channels].sort((a, b) => {
-    const aPinned = getEffectivePinned(a);
-    const bPinned = getEffectivePinned(b);
-    if (aPinned === bPinned) return 0;
-    return aPinned ? -1 : 1;
-  }) : [];
-  return /* @__PURE__ */ jsx("div", { className: "chat-channel-list", children: sortedChannels.length > 0 ? sortedChannels.map((channel, index) => /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx("div", { className: "chat-channel-list", children: Array.isArray(channels) && channels.length > 0 ? channels.map((channel, index) => /* @__PURE__ */ jsx(
     ChatChannelItem,
     {
       ...channel,
       handleChatSelect,
       handleToast,
-      isPinned: getEffectivePinned(channel),
       isSelected: channel.id === selectedChannelOrChatId,
       selectedChat,
       showChannelList,
       showCheckbox,
       onClick: (e) => onChannelSelect(channel == null ? void 0 : channel.id, channel),
-      onPinnedChange: handlePinnedChange,
       onPinnedChatClick
     },
-    channel.id
+    `${channel.id}-${index}`
   )) : /* @__PURE__ */ jsxs("div", { className: "no-channels-found-container", children: [
-    /* @__PURE__ */ jsxs("p", { className: "no-channels-found", children: [
-      "No ",
-      showChannelList ? "Channels" : "Chats",
-      " found"
-    ] }),
-    /* @__PURE__ */ jsxs("p", { className: "no-channels-found-description", children: [
-      "Please create a new ",
-      showChannelList ? "channel" : "chat",
-      " to get started."
-    ] })
+    /* @__PURE__ */ jsx("p", { className: "no-channels-found", children: "No channels found" }),
+    /* @__PURE__ */ jsx("p", { className: "no-channels-found-description", children: "No channels found. Please create a new channel to get started." })
   ] }) });
 };
 export {

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

@@ -1,6 +1,5 @@
 
-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;
+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?: string | undefined;
     channels?: never[] | undefined;
     selectedChannelOrChatId: 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,4CAiFA,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/dist/components/TableChat/components/TableChatLeftSection/TableChatChannelHeader.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}.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";
 
 const TableChatChannelHeader = ({
-  currentUserId,
   title = "Create new Chat",
   channels = [],
   selectedChannelOrChatId,
@@ -31,8 +30,7 @@ const TableChatChannelHeader = ({
   selectedChat,
   handleChatSelect,
   isCreateNewChatOpen,
-  setIsCreateNewChatOpen,
-  inputPanelConfig
+  setIsCreateNewChatOpen
 }) => {
   const handleChannelSelect = (channelId, channelItem) => {
     onChannelSelect == null ? void 0 : onChannelSelect(channelId, channelItem);
@@ -42,13 +40,10 @@ const TableChatChannelHeader = ({
     /* @__PURE__ */ jsx(
       ChatHeaderNavigation,
       {
-        channels: channelsToShow,
-        currentUserId,
         filterChannelsByTitle,
         handleChatName,
         handleToast,
         headerConfig,
-        inputPanelConfig,
         isCreateNewChatOpen,
         isSearchOpen,
         selectedChannelInfo,

package/dist/components/TableChat/components/TableChatRightSection/AvatarGroup/AvatarGroup.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}.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";
 

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":"AAKA,OAAO,sCAAsC,CAAC;AAW9C,QAAA,MAAM,sBAAsB,GAAI;;;;;;;;;;;;;;;CAe/B,4CAiLA,CAAC;AAEF,eAAe,sBAAsB,CAAC"}