impact-ui 3.7.34-alpha.2 → 3.7.34-alpha.3

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

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

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

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

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

@@ -0,0 +1,193 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.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}.chat-message{align-items:flex-start;display:flex;gap:12px}.chat-message.user-message{flex-direction:row-reverse}.chat-message.user-message .message-content{text-align:right}.chat-message.user-message .message-actions{justify-content:flex-end}.chat-message .message-header{align-items:center;display:flex;gap:10px;justify-content:space-between}.chat-message .message-header .message-action-container{align-items:center;display:flex;gap:4px;visibility:hidden}.chat-message .message-header .message-action-container img,.chat-message .message-header .message-action-container svg{color:#b4bac7;cursor:pointer;width:14px}.chat-message .message-header .visibility-enabled{visibility:visible}.chat-message .message-header .message-action-info-container{align-items:center;display:flex;gap:8px}.chat-message .message-header .message-action-info-container svg{color:#b4bac7;cursor:pointer}.chat-message .message-header .message-action-info-container .message-action-info{color:#b4bac7;font-size:12px}.chat-message .message-header .message-action-info-container .message-timestamp{color:#60697d;font-size:11px;font-weight:500}.chat-message .message-header .message-action-info-container .ia-styles.ia-btn.ia-btn-tertiary{background:#0000;border:none}.chat-message .flex-end{justify-content:flex-end!important}.chat-message.user-message .message-text{margin-left:60px}.chat-message.assistant-message .message-text{background:linear-gradient(92.25deg,#f8f9fb -.92%,#f2f4fb 98.11%);margin-left:0;margin-right:60px}.chat-message .message-content{flex:1 1;min-width:0}.ia-styles.ia-menu.more-options-menu .MuiPaper-root{max-width:332px;min-width:220px}.delete_modal_txt{color:#0d152c;font-size:16px;font-style:normal;font-weight:800;line-height:24px}.delete_modal_subTxt{color:#60697d;font-size:12px;font-style:normal;font-weight:500;line-height:16px;text-align:center}.chat-message:hover .message-actions{opacity:1}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { getAssetUrl } from "../../../../../utils/assetBase.js";
+import { Menu } from "../../../../Menu/index.js";
+import { Prompt } from "../../../../Prompt/index.js";
+import ChatDefaultMessageType from "../ChatDefaultMessageType/ChatDefaultMessageType.js";
+import { ChatDeletedMessageType } from "../ChatDeleteMessageType/ChatDeletedMessageType.js";
+import ChatEditedMessageType from "../ChatEditedMessageType /ChatEditedMessageType.js";
+import { ChatMessageAvatar } from "../ChatMessageAvatar/ChatMessageAvatar.js";
+
+const DeleteIcon = getAssetUrl("icons/deleteIcon.svg");
+const EditIcon = getAssetUrl("icons/pencilIcon.svg");
+getAssetUrl("icons/replyIcon.svg");
+getAssetUrl("icons/unpinedIcon.svg");
+const ChatMessage = ({
+  messageId,
+  author,
+  authorName,
+  authorAvatar,
+  content,
+  timestamp,
+  isUser = false,
+  showActions = true,
+  showAvatar = true,
+  isDeleted = false,
+  edited = false,
+  deleted = false,
+  onReply,
+  onReact,
+  onBookmark,
+  onPin,
+  pinned,
+  onMore,
+  onEdit,
+  onMessageDelete,
+  onRefetchMessages,
+  type = "default",
+  priority = "default",
+  actions = [],
+  className = "",
+  onThreadClick,
+  isThreadIconVisible,
+  isPinChatIconvisible,
+  isHighlighted = false,
+  highlightColor = null
+}) => {
+  const [moreOptionsAnchorEl, setMoreOptionsAnchorEl] = useState(null);
+  const [moreOptionsMenuOpen, setMoreOptionsMenuOpen] = useState(false);
+  const [showDeleteModal, setShowDeleteModal] = useState(false);
+  const [deleting, setDeleting] = useState(false);
+  const moreOptionsOptions = [
+    // {
+    //   label: "Reply",
+    //   value: "reply",
+    //   icon: <img src={ReplyIcon} alt="reply" />,
+    //   onClick: () => {
+    //     console.log("Reply");
+    //   },
+    // },
+    {
+      label: "Edit",
+      value: "edit",
+      icon: /* @__PURE__ */ jsx("img", { alt: "edit", src: EditIcon }),
+      onClick: () => {
+        if (onEdit) {
+          onEdit();
+        }
+        setMoreOptionsMenuOpen(false);
+      }
+    },
+    // {
+    //   label: "Unpin",
+    //   value: "unpin",
+    //   icon: <img src={UnpinIcon} alt="unpin" />,
+    //   onClick: () => {
+    //     console.log("Unpin");
+    //   },
+    // },
+    {
+      label: "Delete",
+      value: "delete",
+      icon: /* @__PURE__ */ jsx("img", { alt: "delete", src: DeleteIcon }),
+      onClick: () => {
+        handleDeleteClick();
+      }
+    }
+  ];
+  const handleDeleteClick = () => {
+    setShowDeleteModal(true);
+    setMoreOptionsMenuOpen(false);
+  };
+  const handleMsgDelete = async (messageId2) => {
+    try {
+      setDeleting(true);
+      if (onMessageDelete) {
+        const response = await onMessageDelete(messageId2);
+        console.log("[ChatMessage] Message deleted successfully", response);
+      }
+      setShowDeleteModal(false);
+    } catch (err) {
+      console.error("[ChatMessage] Delete failed:", err);
+    } finally {
+      setDeleting(false);
+    }
+  };
+  const messageClass = `chat-message ${isUser ? "user-message" : "assistant-message"} ${isHighlighted ? "highlighted-message" : ""} ${className}`;
+  const handleClickOnMoreOptions = (e) => {
+    e.stopPropagation();
+    setMoreOptionsAnchorEl(e.currentTarget);
+    setMoreOptionsMenuOpen(true);
+  };
+  const isMessageDeleted = isDeleted || deleted;
+  const messageTypes = {
+    deleted: /* @__PURE__ */ jsx(ChatDeletedMessageType, { isUser, timestamp }),
+    default: /* @__PURE__ */ jsx(
+      ChatDefaultMessageType,
+      {
+        content,
+        edited,
+        handleClickOnMoreOptions,
+        highlightColor,
+        isHighlighted,
+        isPinChatIconvisible,
+        isThreadIconVisible,
+        isUser,
+        pinned,
+        priority,
+        timestamp,
+        visibility: moreOptionsMenuOpen,
+        onPin,
+        onThreadClick
+      }
+    ),
+    editable: /* @__PURE__ */ jsx(
+      ChatEditedMessageType,
+      {
+        content,
+        edited,
+        handleClickOnMoreOptions,
+        isUser,
+        pinned,
+        priority,
+        timestamp,
+        onThreadClick
+      }
+    )
+  };
+  return /* @__PURE__ */ jsxs("div", { className: messageClass, children: [
+    showAvatar && !isUser && /* @__PURE__ */ jsx(ChatMessageAvatar, { authorAvatar, authorName }),
+    /* @__PURE__ */ jsxs("div", { className: "message-content", children: [
+      messageTypes[isMessageDeleted ? "deleted" : type],
+      /* @__PURE__ */ jsx(
+        Menu,
+        {
+          anchorEl: moreOptionsAnchorEl,
+          iconPlacement: "top",
+          menuContainerClassName: "more-options-menu",
+          open: moreOptionsMenuOpen,
+          options: moreOptionsOptions,
+          selected: "Edit",
+          onClose: () => {
+            console.log("onClose");
+            setMoreOptionsMenuOpen(false);
+          }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(
+      Prompt,
+      {
+        handleClose: () => {
+          setShowDeleteModal(false);
+        },
+        isOpen: showDeleteModal,
+        primaryButtonLabel: deleting ? "Deleting..." : "Delete",
+        secondaryButtonLabel: "Cancel",
+        title: "Are you sure",
+        variant: "error",
+        onPrimaryButtonClick: () => {
+          handleMsgDelete(messageId);
+        },
+        onSecondaryButtonClick: () => {
+          setShowDeleteModal(false);
+        },
+        children: "This will permanently delete all messages in this conversation."
+      }
+    )
+  ] });
+};
+export {
+  ChatMessage
+};

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

@@ -0,0 +1,13 @@
+
+export declare const ChatNotificationSettings: ({ isOpen, onClose, isLoading, position, onSaveNotification, notificationSettings, }: {
+    isOpen: any;
+    onClose: any;
+    isLoading: any;
+    position?: {
+        top: number;
+        right: number;
+    } | undefined;
+    onSaveNotification: any;
+    notificationSettings: any;
+}) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=ChatNotificationSettings.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChatNotificationSettings.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatRightSection/ChatNotificationSettings/ChatNotificationSettings.tsx"],"names":[],"mappings":"AAEA,OAAO,wCAAwC,CAAC;AAMhD,eAAO,MAAM,wBAAwB,GAAI;;;;;;;;;;CAOxC,mDA6NA,CAAC"}

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

@@ -0,0 +1,168 @@
+!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}.notification-backdrop{height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:999}.notification-settings-card{background:#fff;border:1px solid #d9dde7;border-radius:16px;box-shadow:0 8px 32px #0000001f;width:386px;z-index:1000}.notification-settings-card .notification-settings-header{padding:20px 24px 4px}.notification-settings-card .notification-settings-header h3{color:#0d152c;font-size:16px;font-weight:600;line-height:1.4;margin:0}.notification-settings-card .notification-settings-content{padding:12px 24px}.notification-settings-card .notification-settings-content .notification-options{display:flex;flex-direction:column;gap:4px}.notification-settings-card .notification-settings-content .notification-options .notification-option{align-items:flex-start;cursor:pointer;display:flex;gap:12px;padding:6px 0}.notification-settings-card .notification-settings-content .notification-options .notification-option input[type=radio]{display:none}.notification-settings-card .notification-settings-content .notification-options .notification-option .radio-custom{align-items:center;border:2px solid #b4bac7;border-radius:50%;display:flex;flex-shrink:0;height:20px;justify-content:center;margin-top:1px;transition:all .2s ease;width:20px}.notification-settings-card .notification-settings-content .notification-options .notification-option .radio-custom:after{background-color:#4259ee;border-radius:50%;content:"";height:8px;opacity:0;transform:scale(0);transition:all .2s ease;width:8px}.notification-settings-card .notification-settings-content .notification-options .notification-option input[type=radio]:checked+.radio-custom{border-color:#4259ee}.notification-settings-card .notification-settings-content .notification-options .notification-option input[type=radio]:checked+.radio-custom:after{opacity:1;transform:scale(1)}.notification-settings-card .notification-settings-content .notification-options .notification-option .option-text{color:#1f2b4d;font-size:16px;font-weight:400;line-height:1.5}.notification-settings-card .notification-settings-content .notification-options .notification-option:hover .radio-custom{border-color:#6b7280}.notification-settings-card .notification-settings-content .notification-options .notification-option:hover input[type=radio]:checked+.radio-custom{border-color:#4259ee}.notification-settings-card .notification-settings-content .notification-options .mentions-checkbox{margin-bottom:4px;margin-left:32px;margin-top:4px}.notification-settings-card .notification-settings-content .notification-options .mentions-checkbox .ia-checkbox-container .ia-checkbox-input+.ia-checkbox-label{color:#6b7280;font-size:14px;font-weight:400}.notification-settings-card .notification-settings-content .notification-separator{background-color:#f3f4f6;height:1px;margin:16px 0 20px}.notification-settings-card .notification-settings-content .mute-section .ia-checkbox-container{margin-bottom:12px}.notification-settings-card .notification-settings-content .mute-section .ia-checkbox-container .ia-checkbox-input+.ia-checkbox-label{color:#1f2b4d;font-size:16px;font-weight:400}.notification-settings-card .notification-settings-content .mute-section .mute-description{margin-bottom:4px;margin-left:32px;margin-top:8px}.notification-settings-card .notification-settings-content .mute-section .mute-description p{color:#6b7280;font-size:14px;line-height:1.5;margin:0 0 8px}.notification-settings-card .notification-settings-content .mute-section .mute-description p:last-child{margin-bottom:0}.notification-settings-card .notification-settings-actions{border-radius:0 0 16px 16px;border-top:1px solid #f3f4f6;display:flex;gap:12px;justify-content:flex-end;padding:16px 12px 20px 24px}.notification-settings-card .notification-settings-actions .ia-styles.ia-btn.ia-btn-link:hover{text-decoration:none}.notification-settings-card .notification-settings-actions button{border-radius:6px;font-size:14px;font-weight:500;height:36px;min-width:80px;transition:all .2s ease}.notification-settings-card .notification-settings-actions button[variant=tertiary]{background-color:initial;border:1px solid #b4bac7;color:#1f2b4d}.notification-settings-card .notification-settings-actions button[variant=tertiary]:hover{background-color:#f9fafb;border-color:#d9dde7}.notification-settings-card .notification-settings-actions button[variant=primary]{background-color:#4259ee;border:1px solid #4259ee;color:#fff}.notification-settings-card .notification-settings-actions button[variant=primary]:hover{background-color:#1531e8;border-color:#1531e8}@keyframes slideInUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%,10px)}}')),document.head.appendChild(t)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useState } from "react";
+
+import { Button } from "../../../../Button/index.js";
+import { Checkbox } from "../../../../Checkbox/index.js";
+import { Prompt } from "../../../../Prompt/index.js";
+import { RadioButtonGroup } from "../../../../RadioButtonGroup/index.js";
+const ChatNotificationSettings = ({
+  isOpen,
+  onClose,
+  isLoading,
+  position = { top: 60, right: 32 },
+  onSaveNotification,
+  notificationSettings
+}) => {
+  const [notificationSetting, setNotificationSetting] = useState(
+    (notificationSettings == null ? void 0 : notificationSettings.notificationSetting) || "all"
+  );
+  const [includeChannelMentions, setIncludeChannelMentions] = useState(
+    (notificationSettings == null ? void 0 : notificationSettings.includeChannelMentions) || false
+  );
+  const [muteChannel, setMuteChannel] = useState((notificationSettings == null ? void 0 : notificationSettings.muteChannel) || false);
+  const channelName = (notificationSettings == null ? void 0 : notificationSettings.channelName) || "general";
+  const handleSave = () => {
+    onSaveNotification({
+      notificationSetting,
+      includeChannelMentions,
+      muteChannel
+    });
+    onClose();
+  };
+  const handleCancel = () => {
+    onClose();
+  };
+  if (!isOpen) return null;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { className: "notification-backdrop", onClick: onClose }),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "notification-settings-card",
+        style: {
+          position: "absolute",
+          top: position.top,
+          right: position.right,
+          transform: "translate(0%, 0%)"
+        },
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "notification-settings-header", children: /* @__PURE__ */ jsx("h3", { children: "Send a notification for" }) }),
+          /* @__PURE__ */ jsxs("div", { className: "notification-settings-content", children: [
+            /* @__PURE__ */ jsxs("div", { className: "notification-options", children: [
+              /* @__PURE__ */ jsx(
+                RadioButtonGroup,
+                {
+                  options: [
+                    {
+                      label: "All new messages",
+                      value: "all"
+                    }
+                  ],
+                  value: notificationSetting,
+                  onChange: (_e, val) => {
+                    setNotificationSetting(val);
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                RadioButtonGroup,
+                {
+                  options: [
+                    {
+                      label: "Mentions",
+                      value: "mentions"
+                    }
+                  ],
+                  value: notificationSetting,
+                  onChange: (_e, val) => {
+                    setIncludeChannelMentions(false);
+                    setMuteChannel(false);
+                    setNotificationSetting(val);
+                  }
+                }
+              ),
+              notificationSetting === "mentions" && /* @__PURE__ */ jsx("div", { className: "mentions-checkbox", children: /* @__PURE__ */ jsx(
+                Checkbox,
+                {
+                  checked: includeChannelMentions,
+                  label: /* @__PURE__ */ jsxs("span", { children: [
+                    "Also include ",
+                    /* @__PURE__ */ jsx("b", { style: { fontWeight: "bold" }, children: `@${channelName}` }),
+                    " and",
+                    " ",
+                    /* @__PURE__ */ jsx("b", { style: { fontWeight: "bold" }, children: `@here` })
+                  ] }),
+                  variant: "default",
+                  onChange: (e) => {
+                    setIncludeChannelMentions(e.target.checked);
+                  }
+                }
+              ) }),
+              /* @__PURE__ */ jsx(
+                RadioButtonGroup,
+                {
+                  options: [
+                    {
+                      label: "Nothing",
+                      value: "nothing"
+                    }
+                  ],
+                  value: notificationSetting,
+                  onChange: (_e, val) => {
+                    setNotificationSetting(val);
+                    setIncludeChannelMentions(false);
+                    setMuteChannel(false);
+                  }
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "notification-separator" }),
+            /* @__PURE__ */ jsxs("div", { className: "mute-section", children: [
+              /* @__PURE__ */ jsx(
+                Checkbox,
+                {
+                  checked: muteChannel,
+                  label: "Mute channel",
+                  variant: "default",
+                  onChange: (e) => {
+                    setMuteChannel(e.target.checked);
+                    setIncludeChannelMentions(false);
+                    setNotificationSetting("nothing");
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Prompt,
+                {
+                  handleClose: () => {
+                    setMuteChannel(false);
+                  },
+                  isOpen: muteChannel,
+                  secondaryButtonLabel: "Unmute channel",
+                  title: "You've muted this channel",
+                  variant: "warning",
+                  onSecondaryButtonClick: () => {
+                    setMuteChannel(false);
+                  },
+                  children: "Muted channels are greyed out at the bottom of your channel list. You’ll still see a badge in the sidebar if you’ve been mentioned."
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { className: "mute-description", children: [
+                /* @__PURE__ */ jsx("p", { children: "Mute channels are greyed out at the bottom of your channel list." }),
+                /* @__PURE__ */ jsx("p", { children: "You'll still see a badge in the sidebar if you've been mentioned." })
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "notification-settings-actions", children: [
+            /* @__PURE__ */ jsx(Button, { className: "cancel-button", variant: "url", onClick: handleCancel, children: "Cancel" }),
+            /* @__PURE__ */ jsx(Button, { disabled: isLoading, variant: "primary", onClick: handleSave, children: isLoading ? "Saving..." : "Save changes" })
+          ] })
+        ]
+      }
+    )
+  ] });
+};
+export {
+  ChatNotificationSettings
+};

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

@@ -0,0 +1,6 @@
+
+export declare const DateSeparator: ({ date, className }: {
+    date: any;
+    className?: string | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DateSeparator.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DateSeparator.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatRightSection/DateSeparator/DateSeparator.tsx"],"names":[],"mappings":"AAGA,OAAO,6BAA6B,CAAC;AAErC,eAAO,MAAM,aAAa,GAAI;;;CAAsC,4CAuCnE,CAAC"}

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

@@ -0,0 +1,33 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".date-separator{align-items:center;display:flex;justify-content:center;left:220px;margin:12px 0;padding:4px 8px;position:sticky;top:-10px;transition:opacity .3s ease;width:fit-content;z-index:999}.date-separator .impact_badges_only_label_stroke{background:linear-gradient(90deg,#f5f5f5 6%,#f5f5f500 120%),#fff;border:1px solid #d9dde7}.date-separator .MuiChip-label,.date-separator .date-text{color:#60697d!important;font-size:12px!important;font-weight:500!important;padding:4px 12px}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+import { jsx, Fragment } from "react/jsx-runtime";
+import { Badge } from "../../../../Badge/index.js";
+
+const DateSeparator = ({ date, className = "date-separator" }) => {
+  const formatDate = (date2) => {
+    if (!date2) return "";
+    const today = /* @__PURE__ */ new Date();
+    const msgDate = new Date(date2);
+    const todayOnly = new Date(today.getFullYear(), today.getMonth(), today.getDate());
+    const msgOnly = new Date(msgDate.getFullYear(), msgDate.getMonth(), msgDate.getDate());
+    const diffDays = (todayOnly - msgOnly) / (1e3 * 60 * 60 * 24);
+    if (diffDays === 0) return "Today";
+    if (diffDays === 1) return "Yesterday";
+    return msgDate.toLocaleDateString("en-US", {
+      year: "numeric",
+      month: "short",
+      day: "numeric"
+    });
+  };
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsx(
+    Badge,
+    {
+      color: "default",
+      label: formatDate(date),
+      size: "small",
+      variant: "stroke"
+    }
+  ) }) });
+};
+export {
+  DateSeparator
+};

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

@@ -0,0 +1,8 @@
+declare const TableChatEmojiPicker: ({ open, onClose, onEmojiClick, anchorEl }: {
+    open: any;
+    onClose: any;
+    onEmojiClick: any;
+    anchorEl: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export default TableChatEmojiPicker;
+//# sourceMappingURL=EmojiPicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmojiPicker.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatRightSection/EmojiPicker/EmojiPicker.tsx"],"names":[],"mappings":"AAKA,QAAA,MAAM,oBAAoB,GAAI;;;;;CAAyC,4CAwBtE,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

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

@@ -0,0 +1,28 @@
+import { jsx } from "react/jsx-runtime";
+import EmojiPicker from "emoji-picker-react";
+import Popover from "../../../../../node_modules/@mui/material/Popover/Popover.js";
+const TableChatEmojiPicker = ({ open, onClose, onEmojiClick, anchorEl }) => {
+  const handleEmojiClick = (emojiObject) => {
+    onEmojiClick == null ? void 0 : onEmojiClick(emojiObject.emoji);
+  };
+  return /* @__PURE__ */ jsx(
+    Popover,
+    {
+      anchorEl,
+      anchorOrigin: {
+        vertical: "top",
+        horizontal: "left"
+      },
+      open,
+      transformOrigin: {
+        vertical: "bottom",
+        horizontal: "left"
+      },
+      onClose,
+      children: /* @__PURE__ */ jsx("div", { style: { padding: "8px" }, children: /* @__PURE__ */ jsx(EmojiPicker, { height: 400, width: 350, onEmojiClick: handleEmojiClick }) })
+    }
+  );
+};
+export {
+  TableChatEmojiPicker as default
+};

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

@@ -0,0 +1,12 @@
+declare const FileUploader: ({ file, fileUrl, isLoading, isError, errorMessage, onClear, onRetry, onDownload, }: {
+    file: any;
+    fileUrl: any;
+    isLoading: any;
+    isError: any;
+    errorMessage?: string | undefined;
+    onClear: any;
+    onRetry: any;
+    onDownload: any;
+}) => import("react/jsx-runtime").JSX.Element | null;
+export default FileUploader;
+//# sourceMappingURL=FileUploader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploader.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatRightSection/FileUploader/FileUploader.tsx"],"names":[],"mappings":"AA8FA,QAAA,MAAM,YAAY,GAAI;;;;;;;;;CASrB,mDAuDA,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

@@ -0,0 +1,127 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import React__default from "react";
+import Box from "../../../../../node_modules/@mui/material/Box/Box.js";
+import Typography from "../../../../../node_modules/@mui/material/Typography/Typography.js";
+import IconButton from "../../../../../node_modules/@mui/material/IconButton/IconButton.js";
+import DownloadIcon from "../../../../../node_modules/@mui/icons-material/esm/FileDownload.js";
+import ReplayIcon from "../../../../../node_modules/@mui/icons-material/esm/Replay.js";
+import ClearIcon from "../../../../../node_modules/@mui/icons-material/esm/HighlightOff.js";
+import CloseIcon from "../../../../../node_modules/@mui/icons-material/esm/Close.js";
+import CircularProgress from "../../../../../node_modules/@mui/material/CircularProgress/CircularProgress.js";
+const scssStyles = `
+.file-uploader-container {
+  display: flex;
+  align-items: center;
+  position: relative;
+  padding: 4px 8px;
+  border-radius: 8px;
+  background-color: #f5f5f5;
+  margin: 2px 0;
+  max-width: 300px;
+}
+
+.file-uploader-container.error {
+  border: 1px solid #f44336;
+}
+
+.file-info {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  overflow: hidden;
+}
+
+.file-name {
+  font-size: 14px;
+  color: #333;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 200px;
+}
+
+.file-size {
+  font-size: 12px;
+  color: #666;
+  white-space: nowrap;
+}
+
+.action-buttons {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+
+.error-message {
+  font-size: 12px;
+  color: #f44336;
+  margin-top: 4px;
+}
+
+.loading-overlay {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: rgba(255, 255, 255, 0.8);
+  border-radius: 8px;
+}
+`;
+const injectStyles = () => {
+  if (!document.getElementById("file-uploader-styles")) {
+    const style = document.createElement("style");
+    style.id = "file-uploader-styles";
+    style.innerHTML = scssStyles;
+    document.head.appendChild(style);
+  }
+};
+const formatFileSize = (bytes) => {
+  if (bytes === 0) return "0 Bytes";
+  const k = 1024;
+  const sizes = ["Bytes", "KB", "MB", "GB"];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + " " + sizes[i];
+};
+const FileUploader = ({
+  file,
+  fileUrl,
+  isLoading,
+  isError,
+  errorMessage = "Upload failed",
+  onClear,
+  onRetry,
+  onDownload
+}) => {
+  React__default.useEffect(() => {
+    injectStyles();
+  }, []);
+  const handleDownload = () => {
+    if (fileUrl && onDownload) {
+      onDownload(fileUrl, file.name);
+    }
+  };
+  if (!file && !isLoading && !isError) return null;
+  return /* @__PURE__ */ jsxs(Box, { className: `file-uploader-container ${isError ? "error" : ""}`, children: [
+    /* @__PURE__ */ jsxs("div", { className: "file-info", children: [
+      /* @__PURE__ */ jsx(Typography, { className: "file-name", title: file == null ? void 0 : file.name, children: (file == null ? void 0 : file.name) || "Unknown file" }),
+      file && /* @__PURE__ */ jsx(Typography, { className: "file-size", children: formatFileSize(file.size) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "action-buttons", children: [
+      fileUrl && !isLoading && !isError && /* @__PURE__ */ jsx(IconButton, { size: "small", title: "Download file", onClick: handleDownload, children: /* @__PURE__ */ jsx(DownloadIcon, { sx: { fontSize: 20 } }) }),
+      isError ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(IconButton, { size: "small", title: "Retry upload", onClick: onRetry, children: /* @__PURE__ */ jsx(ReplayIcon, { sx: { fontSize: 20 } }) }),
+        /* @__PURE__ */ jsx(IconButton, { size: "small", title: "Clear", onClick: onClear, children: /* @__PURE__ */ jsx(ClearIcon, { sx: { fontSize: 20 } }) })
+      ] }) : /* @__PURE__ */ jsx(IconButton, { size: "small", title: "Remove file", onClick: onClear, children: /* @__PURE__ */ jsx(CloseIcon, { sx: { fontSize: 20 } }) })
+    ] }),
+    isLoading && /* @__PURE__ */ jsx("div", { className: "loading-overlay", children: /* @__PURE__ */ jsx(CircularProgress, { size: 20 }) }),
+    isError && /* @__PURE__ */ jsx(Typography, { className: "error-message", children: errorMessage })
+  ] });
+};
+export {
+  FileUploader as default
+};