impact-ui 4.0.0-alpha.15 → 4.0.0-alpha.16

package/dist/_virtual/index14.js

@@ -1,4 +1,4 @@
-var isSymbol = { exports: {} };
+var callBind = { exports: {} };
 export {
-  isSymbol as __module
+  callBind as __module
 };

package/dist/_virtual/index15.js

@@ -1,4 +1,4 @@
-var callBind = { exports: {} };
+var isSymbol = { exports: {} };
 export {
-  callBind as __module
+  isSymbol as __module
 };

package/dist/_virtual/index3.js

@@ -1,4 +1,6 @@
-var reactIs = { exports: {} };
+import { getAugmentedNamespace } from "./_commonjsHelpers.js";
+import * as index from "../node_modules/@mui/system/node_modules/@mui/utils/esm/formatMuiErrorMessage/index.js";
+const require$$1 = /* @__PURE__ */ getAugmentedNamespace(index);
 export {
-  reactIs as __module
+  require$$1 as default
 };

package/dist/_virtual/index4.js

@@ -1,6 +1,6 @@
 import { getAugmentedNamespace } from "./_commonjsHelpers.js";
-import * as index from "../node_modules/@mui/system/node_modules/@mui/utils/esm/formatMuiErrorMessage/index.js";
-const require$$1 = /* @__PURE__ */ getAugmentedNamespace(index);
+import * as index from "../node_modules/@mui/system/node_modules/@mui/utils/esm/clamp/index.js";
+const require$$2 = /* @__PURE__ */ getAugmentedNamespace(index);
 export {
-  require$$1 as default
+  require$$2 as default
 };

package/dist/_virtual/index5.js

@@ -1,6 +1,4 @@
-import { getAugmentedNamespace } from "./_commonjsHelpers.js";
-import * as index from "../node_modules/@mui/system/node_modules/@mui/utils/esm/clamp/index.js";
-const require$$2 = /* @__PURE__ */ getAugmentedNamespace(index);
+var reactIs = { exports: {} };
 export {
-  require$$2 as default
+  reactIs as __module
 };

package/dist/components/Button/Button.types.d.ts

@@ -36,6 +36,10 @@ export interface ButtonProps extends Omit<BaseComponentProps, 'children'>, Omit<
      * The button type for styling purposes (not HTML button type)
      */
     type?: 'default' | 'destructive';
+    /**
+     * Native HTML button type (submit, reset, or button)
+     */
+    htmlType?: 'button' | 'submit' | 'reset';
     /**
      * Click handler for the button
      */

package/dist/components/Button/Button.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,KAAK,WAAW,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAC1E,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEtD,MAAM,MAAM,gBAAgB,GAAG,WAAW,GAAG,UAAU,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,CAAC;AAEvF,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC,EAAE,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;IAC/F;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,WAAW,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,GAAG,KAAK,CAAC;IAC3F;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;IACjC;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC/D;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB"}
+{"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,KAAK,WAAW,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAC1E,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEtD,MAAM,MAAM,gBAAgB,GAAG,WAAW,GAAG,UAAU,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,CAAC;AAEvF,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC,EAAE,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;IAC/F;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,WAAW,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,GAAG,KAAK,CAAC;IAC3F;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;IACjC;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACzC;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC/D;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB"}

package/dist/components/Button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,WAAW,EAAoB,MAAM,gBAAgB,CAAC;AACpE,OAAO,sBAAsB,CAAC;AAG9B,YAAY,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEpE;;;GAGG;AACH,eAAO,MAAM,MAAM,wHAoJlB,CAAC;AAIF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,WAAW,EAAoB,MAAM,gBAAgB,CAAC;AACpE,OAAO,sBAAsB,CAAC;AAG9B,YAAY,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEpE;;;GAGG;AACH,eAAO,MAAM,MAAM,wHAsJlB,CAAC;AAIF,eAAe,MAAM,CAAC"}

package/dist/components/Button/index.js

@@ -14,6 +14,7 @@ const Button = forwardRef(
     disabled,
     className = "",
     type = "default",
+    htmlType = "button",
     "aria-label": ariaLabel,
     ...args
   }, ref) => {
@@ -103,6 +104,7 @@ const Button = forwardRef(
       className: classStr,
       disableRipple: true,
       disableElevation: true,
+      type: htmlType,
       "aria-label": computedAriaLabel,
       "aria-busy": loading,
       "aria-disabled": isDisabled,

package/dist/components/Table/CommentsPortal.d.ts

@@ -1,5 +1,3 @@
-import { default as React } from 'react';
-
 declare const CommentsPortal: ({ isOpen, onClose, comments, onAddComment, cellId, position, author, onMouseEnter, onMouseLeave, openedBy, onMenuClick, onMarkAsReadClick, onMarkAsResolvedClick, editCommentText, isLoading, error, onClearError, currentAuthor, editingComment, onUpdateComment, setEditingComment, loadParticipantsAvatar, resolvedComments, messageId, configuration, }: {
     isOpen: any;
     onClose: any;
@@ -26,6 +24,6 @@ declare const CommentsPortal: ({ isOpen, onClose, comments, onAddComment, cellId
     resolvedComments?: never[] | undefined;
     messageId?: null | undefined;
     configuration: any;
-}) => React.ReactPortal | null;
+}) => import('react').ReactPortal | null;
 export default CommentsPortal;
 //# sourceMappingURL=CommentsPortal.d.ts.map

package/dist/components/Table/CommentsPortal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommentsPortal.d.ts","sourceRoot":"","sources":["../../../src/components/Table/CommentsPortal.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAepE,QAAA,MAAM,cAAc,GAAI;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BvB,6BA0ZA,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"CommentsPortal.d.ts","sourceRoot":"","sources":["../../../src/components/Table/CommentsPortal.tsx"],"names":[],"mappings":"AAgBA,QAAA,MAAM,cAAc,GAAI;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BvB,uCAyZA,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/Table/CommentsPortal.js

@@ -253,9 +253,8 @@ const CommentsPortal = ({
                           alt: "",
                           src: CloseIcon,
                           style: {
-                            width: 24,
-                            height: 24,
-                            display: "block"
+                            width: 14,
+                            height: 14
                           }
                         }
                       ),

package/dist/components/Table/NoComments.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NoComments.d.ts","sourceRoot":"","sources":["../../../src/components/Table/NoComments.tsx"],"names":[],"mappings":"AAyCA,QAAA,MAAM,UAAU,GAAI;;;;;;;;;;;;;CAanB,4CAyOA,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"NoComments.d.ts","sourceRoot":"","sources":["../../../src/components/Table/NoComments.tsx"],"names":[],"mappings":"AAyCA,QAAA,MAAM,UAAU,GAAI;;;;;;;;;;;;;CAanB,4CA2OA,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/Table/NoComments.js

@@ -122,7 +122,9 @@ const NoComments = ({
   }, []);
   const handleAddComment = (e) => {
     var _a;
-    e.stopPropagation();
+    if (e) {
+      e.stopPropagation();
+    }
     if (inputValue.trim() && !isLoading) {
       let taggedUsers = [];
       try {

package/dist/components/Table/TableImpl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableImpl.d.ts","sourceRoot":"","sources":["../../../src/components/Table/TableImpl.tsx"],"names":[],"mappings":"AAaA,OAAO,sCAAsC,CAAC;AAC9C,OAAO,8CAA8C,CAAC;AACtD,OAAO,qBAAqB,CAAC;AAe7B,eAAO,MAAM,KAAK,mFAi7DjB,CAAC"}
+{"version":3,"file":"TableImpl.d.ts","sourceRoot":"","sources":["../../../src/components/Table/TableImpl.tsx"],"names":[],"mappings":"AAaA,OAAO,sCAAsC,CAAC;AAC9C,OAAO,8CAA8C,CAAC;AACtD,OAAO,qBAAqB,CAAC;AAe7B,eAAO,MAAM,KAAK,mFAo8DjB,CAAC"}

package/dist/components/Table/TableImpl.js

@@ -678,6 +678,8 @@ const Table = forwardRef(
     );
     const [comments, setComments] = useState((commentProps == null ? void 0 : commentProps.comments) || {});
     const [resolvedComments, setResolvedComments] = useState((commentProps == null ? void 0 : commentProps.resolvedComments) || []);
+    const commentsBeforeResolvedViewRef = useRef(null);
+    const resolvedCommentsBeforeResolvedViewRef = useRef(null);
     const [isCommentResolvedAlertOpen, setIsCommentResolvedAlertOpen] = useState(false);
     useEffect(() => {
       if (commentProps == null ? void 0 : commentProps.comments) {
@@ -1569,10 +1571,20 @@ const Table = forwardRef(
                             setShowCommentPanel,
                             showCommentPanel,
                             onCommentItemClick: handleCommentItemClick,
+                            onExitResolvedCommentsView: (commentProps == null ? void 0 : commentProps.handleFetchResolvedComments) ? () => {
+                              if (commentsBeforeResolvedViewRef.current != null && resolvedCommentsBeforeResolvedViewRef.current != null) {
+                                setComments(commentsBeforeResolvedViewRef.current);
+                                setResolvedComments(resolvedCommentsBeforeResolvedViewRef.current);
+                                commentsBeforeResolvedViewRef.current = null;
+                                resolvedCommentsBeforeResolvedViewRef.current = null;
+                              }
+                            } : void 0,
                             onMarkAsReadClick: commentProps == null ? void 0 : commentProps.handleMarkAsRead,
                             onMarkAsResolvedClick: handleMarkAsResolved,
                             onMenuClick: handleMenuClick,
                             onShowResolvedCommentsRequest: (commentProps == null ? void 0 : commentProps.handleFetchResolvedComments) ? async () => {
+                              commentsBeforeResolvedViewRef.current = comments;
+                              resolvedCommentsBeforeResolvedViewRef.current = resolvedComments;
                               const result = await commentProps.handleFetchResolvedComments();
                               if (result) {
                                 if (result.comments !== void 0) {

package/dist/components/Table/commentPanel.d.ts

@@ -1,4 +1,4 @@
-export default function CommentPanel({ showCommentPanel, setShowCommentPanel, comments, onCommentItemClick, onMenuClick, onMarkAsReadClick, onMarkAsResolvedClick, commentProps, resolvedComments, popup, onShowResolvedCommentsRequest, }: {
+export default function CommentPanel({ showCommentPanel, setShowCommentPanel, comments, onCommentItemClick, onMenuClick, onMarkAsReadClick, onMarkAsResolvedClick, commentProps, resolvedComments, popup, onShowResolvedCommentsRequest, onExitResolvedCommentsView, }: {
     showCommentPanel: any;
     setShowCommentPanel: any;
     comments: any;
@@ -10,5 +10,6 @@ export default function CommentPanel({ showCommentPanel, setShowCommentPanel, co
     resolvedComments: any;
     popup: any;
     onShowResolvedCommentsRequest: any;
+    onExitResolvedCommentsView: any;
 }): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=commentPanel.d.ts.map

package/dist/components/Table/commentPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"commentPanel.d.ts","sourceRoot":"","sources":["../../../src/components/Table/commentPanel.tsx"],"names":[],"mappings":"AA4CA,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,gBAAgB,EAChB,mBAAmB,EACnB,QAAQ,EACR,kBAAkB,EAClB,WAAW,EACX,iBAAiB,EACjB,qBAAqB,EACrB,YAAY,EACZ,gBAAgB,EAChB,KAAK,EACL,6BAA6B,GAC9B;;;;;;;;;;;;CAAA,2CAoYA"}
+{"version":3,"file":"commentPanel.d.ts","sourceRoot":"","sources":["../../../src/components/Table/commentPanel.tsx"],"names":[],"mappings":"AA4CA,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,gBAAgB,EAChB,mBAAmB,EACnB,QAAQ,EACR,kBAAkB,EAClB,WAAW,EACX,iBAAiB,EACjB,qBAAqB,EACrB,YAAY,EACZ,gBAAgB,EAChB,KAAK,EACL,6BAA6B,EAC7B,0BAA0B,GAC3B;;;;;;;;;;;;;CAAA,2CA2YA"}

package/dist/components/Table/commentPanel.js

@@ -49,7 +49,8 @@ function CommentPanel({
   commentProps,
   resolvedComments,
   popup,
-  onShowResolvedCommentsRequest
+  onShowResolvedCommentsRequest,
+  onExitResolvedCommentsView
 }) {
   const [activeItem, setActiveItem] = useState(null);
   const [menuAnchorEl, setMenuAnchorEl] = useState(null);
@@ -129,6 +130,9 @@ function CommentPanel({
   };
   const handleOptionClick = async (option) => {
     setMenuAnchorEl(null);
+    if (selectedOption === "opt3" && option.value !== "opt3" && onExitResolvedCommentsView) {
+      onExitResolvedCommentsView();
+    }
     if (option.value === "opt3" && onShowResolvedCommentsRequest) {
       setIsLoadingResolvedComments(true);
       try {

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

@@ -1 +1 @@
-{"version":3,"file":"TableChatSidePanel.d.ts","sourceRoot":"","sources":["../../../src/components/TableChat/TableChatSidePanel.tsx"],"names":[],"mappings":"AAWA,OAAO,kCAAkC,CAAC;AAU1C,QAAA,MAAM,kBAAkB,GAAI;;;;CAA0C,4CAkuBrE,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"TableChatSidePanel.d.ts","sourceRoot":"","sources":["../../../src/components/TableChat/TableChatSidePanel.tsx"],"names":[],"mappings":"AAWA,OAAO,kCAAkC,CAAC;AAU1C,QAAA,MAAM,kBAAkB,GAAI;;;;CAA0C,4CAmuBrE,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/TableChat/TableChatSidePanel.js

@@ -125,7 +125,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 +221,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 +308,7 @@ const TableChatSidePanel = ({ isOpen, handleClose, chatConfiguration }) => {
     setIsSearchOpen(false);
     setIsMoreOpen(false);
     setHighlightMessageId(null);
+    setIsCreateNewChatOpen(false);
   };
   const handleBackToChannels = async () => {
     var _a2;

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;;;;;;CAMhB,4CA0HA,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: {
@@ -41,16 +36,20 @@ const AddChat = ({
   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)) {
@@ -65,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) {
@@ -72,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,
@@ -139,8 +137,8 @@ const AddChat = ({
         Button,
         {
           disabled: isSubmitting,
+          htmlType: "button",
           size: "large",
-          type: "button",
           variant: "tertiary",
           onClick: handleCancel,
           children: "Cancel"
@@ -151,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/ChatHeaderNavigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatHeaderNavigation.d.ts","sourceRoot":"","sources":["../../../../../src/components/TableChat/components/TableChatLeftSection/ChatHeaderNavigation.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyB,MAAM,OAAO,CAAC;AAW9C,eAAO,MAAM,oBAAoB,oCA6KhC,CAAC"}
+{"version":3,"file":"ChatHeaderNavigation.d.ts","sourceRoot":"","sources":["../../../../../src/components/TableChat/components/TableChatLeftSection/ChatHeaderNavigation.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAWzD,eAAO,MAAM,oBAAoB,oCAmLhC,CAAC"}

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

@@ -1,5 +1,5 @@
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { memo, useState } from "react";
+import { memo, useState, useEffect } from "react";
 import default_1$2 from "../../../../node_modules/@mui/icons-material/ChevronLeft.js";
 import default_1 from "../../../../node_modules/@mui/icons-material/Close.js";
 import default_1$3 from "../../../../node_modules/@mui/icons-material/DeleteOutlined.js";
@@ -26,6 +26,9 @@ const ChatHeaderNavigation = memo(
     setIsCreateNewChatOpen
   }) => {
     const [showAddChat, setShowAddChat] = useState(isCreateNewChatOpen);
+    useEffect(() => {
+      setShowAddChat(Boolean(isCreateNewChatOpen));
+    }, [isCreateNewChatOpen]);
     const renderSearch = () => /* @__PURE__ */ jsx(
       Input,
       {

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;;;;;;;;;;;;;;;;;;;;;;;;;;CAsC9B,4CA4rCA,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
+{"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;;;;;;;;;;;;;;;;;;;;;;;;;;CAsC9B,4CAurCA,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

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

@@ -53,7 +53,6 @@ const TableChatRightSection = ({
   ...restProps
 }) => {
   var _a, _b;
-  console.log("showQuickAction", inputChatConfig);
   const messagesRef = useRef(null);
   const isLoadingRef = useRef(false);
   const [inputValue, setInputValue] = useState("");
@@ -176,8 +175,6 @@ const TableChatRightSection = ({
             if (reloadedMessages && reloadedMessages.length > 0) {
               setMessages(reloadedMessages);
               updateHasMore(true);
-            } else {
-              console.log("[TableChatRightSection] API confirmed messages are cleared");
             }
           }
         } catch (error) {
@@ -812,7 +809,6 @@ const TableChatRightSection = ({
             Modal,
             {
               className: "test-modal add_members_modal",
-              footerOptions: /* @__PURE__ */ jsx("div", { children: "Footer Options" }),
               loading: showAddMembersLoading,
               open: showAddMembers,
               primaryButtonLabel: showAddMembersLoading ? "Adding..." : "Add",

package/dist/components/TableChat/components/TextEditor/Mention.js

@@ -1,4 +1,4 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var t=document.createElement("style");t.appendChild(document.createTextNode('*,: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}.ProseMirror-focused{outline:none}.tiptap :first-child{margin-top:0}.tiptap p{margin:.5em 0;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.tiptap h1{font-size:2em;margin:1em 0 .5em}.tiptap h1,.tiptap h2{color:#1a202c;font-weight:600}.tiptap h2{font-size:1.5em;margin:.83em 0 .5em}.tiptap h3{color:#1a202c;font-size:1.17em;font-weight:600;margin:.67em 0 .5em}.tiptap h4{font-size:1em}.tiptap h4,.tiptap h5{color:#1a202c;font-weight:600;margin:.5em 0}.tiptap h5{font-size:.83em}.tiptap h6{color:#1a202c;font-size:.67em;margin:.5em 0}.tiptap h6,.tiptap strong{font-weight:600}.tiptap em{font-style:italic}.tiptap s{color:#666;text-decoration:line-through;text-decoration-thickness:.1em}.tiptap .highlight{background-color:#fef3c7!important}.tiptap .highlight,.tiptap mark{border-radius:4px;margin:0 2px;padding:2px 4px}.tiptap mark{background-color:#fef3c7}.tiptap a{border-bottom:1px solid #2b6cb0;color:#2b6cb0;text-decoration:none;transition:all .2s ease}.tiptap a:hover{border-bottom-color:#1a4971;color:#1a4971}.tiptap img{border-radius:4px;height:auto;margin:.5em 0;max-width:100%}.tiptap .mention{background-color:#f0f4f8;border-radius:4px;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#2b6cb0;font-weight:500;padding:2px 6px;text-decoration:none;transition:background-color .2s ease;white-space:nowrap}.tiptap .mention:hover{background-color:#e2e8f0;cursor:pointer}.tiptap .is-active{background-color:#f0f4f8}.tiptap ol,.tiptap ul{margin:.5em 0;padding-left:1.2em}.tiptap ol li,.tiptap ul li{line-height:1.2;margin:.2em 0;padding-left:0}.tiptap ol li p,.tiptap ul li p{display:inline-block;margin:0}.tiptap ul li{list-style-type:disc}.tiptap ol li{list-style-type:decimal}.tiptap ol ol,.tiptap ol ul,.tiptap ul ol,.tiptap ul ul{margin:.2em 0 .2em .5em}.tiptap ul ul li{list-style-type:circle}.tiptap ul ul ul li{list-style-type:square}.tiptap ol ol li{list-style-type:lower-alpha}.tiptap ol ol ol li{list-style-type:lower-roman}.tiptap ol[data-type=orderedList] li,.tiptap ul[data-type=bulletList] li{position:relative}.tiptap ol[data-type=orderedList] li:before,.tiptap ul[data-type=bulletList] li:before{border-radius:50%;content:"";height:4px;left:-1em;position:absolute;top:50%;transform:translateY(-50%);width:4px}.tiptap .highlight{background-color:#fef3c7;border-radius:2px;padding:0 2px}.tiptap code{background-color:#f7fafc;border-radius:4px;font-family:monospace;padding:.2em .4em}.tiptap blockquote{border-left:3px solid #e2e8f0;color:#4a5568;margin:.5em 0;padding-left:1em}.character-count{align-items:center;color:var(--gray-5);display:flex;font-size:.75rem;gap:.5rem;margin:1.5rem}.character-count svg{color:var(--purple)}.character-count--warning,.character-count--warning svg{color:var(--red)}.tiptap-editor{margin-right:10px;max-height:100px;overflow-y:auto;width:88%}.tiptap-editor .ProseMirror{max-height:100px;min-height:40px;outline:none;overflow-y:auto;padding:8px 12px;word-wrap:break-word}.tiptap-editor .ProseMirror::-webkit-scrollbar{width:4px}.tiptap-editor .ProseMirror::-webkit-scrollbar-track{background:#0000}.tiptap-editor .ProseMirror::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}.tiptap-editor .ProseMirror::-webkit-scrollbar-thumb:hover{background:#0000004d}')),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('*,: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}.ProseMirror-focused{outline:none}.tiptap :first-child{margin-top:0}.tiptap p{margin:.5em 0;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.tiptap h1{font-size:2em;margin:1em 0 .5em}.tiptap h1,.tiptap h2{color:#1a202c;font-weight:600}.tiptap h2{font-size:1.5em;margin:.83em 0 .5em}.tiptap h3{color:#1a202c;font-size:1.17em;font-weight:600;margin:.67em 0 .5em}.tiptap h4{font-size:1em}.tiptap h4,.tiptap h5{color:#1a202c;font-weight:600;margin:.5em 0}.tiptap h5{font-size:.83em}.tiptap h6{color:#1a202c;font-size:.67em;margin:.5em 0}.tiptap h6,.tiptap strong{font-weight:600}.tiptap em{font-style:italic}.tiptap s{color:#666;text-decoration:line-through;text-decoration-thickness:.1em}.tiptap .highlight{background-color:#fef3c7!important}.tiptap .highlight,.tiptap mark{border-radius:4px;margin:0 2px;padding:2px 4px}.tiptap mark{background-color:#fef3c7}.tiptap a{border-bottom:1px solid #2b6cb0;color:#2b6cb0;text-decoration:none;transition:all .2s ease}.tiptap a:hover{border-bottom-color:#1a4971;color:#1a4971}.tiptap img{border-radius:4px;height:auto;margin:.5em 0;max-width:100%}.tiptap .mention{background-color:#f0f4f8;border-radius:4px;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#2b6cb0;font-weight:500;padding:2px 6px;text-decoration:none;transition:background-color .2s ease;white-space:nowrap}.tiptap .mention:hover{background-color:#e2e8f0;cursor:pointer}.tiptap .is-active{background-color:#f0f4f8}.tiptap ol,.tiptap ul{margin:.5em 0;padding-left:1.2em}.tiptap ol li,.tiptap ul li{line-height:1.2;margin:.2em 0;padding-left:0}.tiptap ol li p,.tiptap ul li p{display:inline-block;margin:0}.tiptap ul li{list-style-type:disc}.tiptap ol li{list-style-type:decimal}.tiptap ol ol,.tiptap ol ul,.tiptap ul ol,.tiptap ul ul{margin:.2em 0 .2em .5em}.tiptap ul ul li{list-style-type:circle}.tiptap ul ul ul li{list-style-type:square}.tiptap ol ol li{list-style-type:lower-alpha}.tiptap ol ol ol li{list-style-type:lower-roman}.tiptap ol[data-type=orderedList] li,.tiptap ul[data-type=bulletList] li{position:relative}.tiptap ol[data-type=orderedList] li:before,.tiptap ul[data-type=bulletList] li:before{border-radius:50%;content:"";height:4px;left:-1em;position:absolute;top:50%;transform:translateY(-50%);width:4px}.tiptap .highlight{background-color:#fef3c7;border-radius:2px;padding:0 2px}.tiptap code{background-color:#f7fafc;border-radius:4px;font-family:monospace;padding:.2em .4em}.tiptap blockquote{border-left:3px solid #e2e8f0;color:#4a5568;margin:.5em 0;padding-left:1em}.character-count{align-items:center;color:var(--gray-5);display:flex;font-size:.75rem;gap:.5rem;margin:1.5rem}.character-count svg{color:var(--purple)}.character-count--warning,.character-count--warning svg{color:var(--red)}.tiptap-editor{margin-right:10px;max-height:100px;overflow-y:auto;width:88%}.tiptap-editor .ProseMirror{max-height:100px;min-height:40px;outline:none;overflow-y:auto;padding:8px 0 0!important;word-wrap:break-word}.tiptap-editor .ProseMirror::-webkit-scrollbar{width:4px}.tiptap-editor .ProseMirror::-webkit-scrollbar-track{background:#0000}.tiptap-editor .ProseMirror::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}.tiptap-editor .ProseMirror::-webkit-scrollbar-thumb:hover{background:#0000004d}')),document.head.appendChild(t)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}}();
 import { jsx } from "react/jsx-runtime";
 
 import { forwardRef, useEffect, useImperativeHandle } from "react";

package/dist/mcp-component-registry.json

@@ -1,6 +1,6 @@
 {
   "version": 1,
-  "generatedAt": "2026-06-16T12:18:47.868Z",
+  "generatedAt": "2026-06-18T09:11:45.719Z",
   "components": {
     "Accordion": {
       "title": "Components/Accordion",
@@ -3435,6 +3435,42 @@
       },
       "storyFile": "src/components/Table/Table.stories.tsx"
     },
+    "TableChat": {
+      "title": "Components/TableChat",
+      "category": "Components",
+      "description": "# Table Chat Feature\n\nThe Table Chat feature provides a comprehensive real-time messaging system integrated with the Table component. It includes:\n\n- **Channel Management**: Organize conversations by channels\n- **Real-time Messaging**: Live message updates with WebSocket support\n- **Rich Text Editor**: Full-featured text editor with mentions, formatting, and emoji support\n- **File & Image Sharing**: Upload and share files and images\n- **Message Actions**: Pin, reply, bookmark, edit, and delete messages\n- **Participant Management**: Add/remove participants and manage permissions\n- **Search**: Search messages and participants\n- **Notifications**: Configurable notification settings\n- **Thread Support**: Threaded conversations for better organization\n\n## Architecture\n\nThe chat feature consists of several key components:\n\n### 1. TableChatSidePanel\nThe main container component that manages the chat interface state and handles the communication between left and right panels.\n\n### 2. TableChatRightSection\nHandles the message display, infinite scroll, real-time updates, and message interactions.\n\n### 3. ChatInput\nRich text editor with mention support, formatting tools, file upload, and emoji picker.\n\n### 4. ChatHeader\nHeader with participant management, search functionality, and notification settings.\n\n## Configuration Structure\n\nThe chat feature is configured through a comprehensive \\",
+      "examples": [],
+      "props": {
+        "isChatEnabled": {
+          "description": "Enables the chat feature in the table component",
+          "type": "boolean",
+          "defaultValue": "false",
+          "required": false
+        },
+        "handleChatClick": {
+          "description": "Handler function called when chat button is clicked",
+          "type": "() => void",
+          "required": true
+        },
+        "isChatOpen": {
+          "description": "Controls whether the chat panel is open",
+          "type": "boolean",
+          "defaultValue": "false",
+          "required": false
+        },
+        "handleChatClose": {
+          "description": "Handler function called when chat panel is closed",
+          "type": "() => void",
+          "required": true
+        },
+        "chatConfiguration": {
+          "description": "Comprehensive chat configuration object (messageChatConfig, headerChatConfig, inputChatConfig, leftPanel, rightPanel)",
+          "type": "ChatConfiguration",
+          "required": true
+        }
+      },
+      "storyFile": "src/components/TableChat/TableChat.stories.tsx"
+    },
     "Tabs": {
       "title": "Components/Tabs",
       "category": "Components",

package/dist/node_modules/@mui/system/colorManipulator.js

@@ -1,7 +1,7 @@
 import { __exports as colorManipulator } from "../../../_virtual/colorManipulator.js";
 import require$$0 from "@babel/runtime/helpers/interopRequireDefault";
-import require$$1 from "../../../_virtual/index4.js";
-import require$$2 from "../../../_virtual/index5.js";
+import require$$1 from "../../../_virtual/index3.js";
+import require$$2 from "../../../_virtual/index4.js";
 var _interopRequireDefault = require$$0;
 Object.defineProperty(colorManipulator, "__esModule", {
   value: true

package/dist/node_modules/call-bind/index.js

@@ -1,4 +1,4 @@
-import { __module as callBind } from "../../_virtual/index15.js";
+import { __module as callBind } from "../../_virtual/index14.js";
 import { __require as requireSetFunctionLength } from "../set-function-length/index.js";
 import { __require as requireEsDefineProperty } from "../es-define-property/index.js";
 import { __require as requireCallBindApplyHelpers } from "../call-bind-apply-helpers/index.js";

package/dist/node_modules/is-symbol/index.js

@@ -1,4 +1,4 @@
-import { __module as isSymbol } from "../../_virtual/index14.js";
+import { __module as isSymbol } from "../../_virtual/index15.js";
 import { __require as requireCallBound } from "../call-bound/index.js";
 import { __require as requireHasSymbols } from "../has-symbols/index.js";
 import { __require as requireSafeRegexTest } from "../safe-regex-test/index.js";

package/dist/node_modules/react-is/index.js

@@ -1,4 +1,4 @@
-import { __module as reactIs } from "../../_virtual/index3.js";
+import { __module as reactIs } from "../../_virtual/index5.js";
 import { __require as requireReactIs_production } from "./cjs/react-is.production.js";
 import { __require as requireReactIs_development } from "./cjs/react-is.development.js";
 if (process.env.NODE_ENV === "production") {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "impact-ui",
-  "version": "4.0.0-alpha.15",
+  "version": "4.0.0-alpha.16",
   "description": "Impact Analytics UI library",
   "type": "module",
   "main": "./dist/components/index.js",