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

package/dist/components/TableChat/components/ChatMessageSkeleton/ChatHeaderSkeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatHeaderSkeleton.d.ts","sourceRoot":"","sources":["../../../../../src/components/TableChat/components/ChatMessageSkeleton/ChatHeaderSkeleton.tsx"],"names":[],"mappings":"AAIA,OAAO,qBAAqB,CAAC;AAE7B,QAAA,MAAM,kBAAkB,+CAiBvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/TableChat/components/ChatMessageSkeleton/ChatHeaderSkeleton.js

@@ -0,0 +1,23 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".chat-skeleton-container{background-color:#f9f9f9;border-radius:8px;box-shadow:0 1px 2px #0000001a;max-width:610px;overflow:hidden}.chat-skeleton,.chat-skeleton-container{display:flex;flex-direction:column;height:100%;width:100%}.chat-header-skeleton{align-items:center;background-color:#fff;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:12px 16px}.chat-header-left{align-items:center;display:flex;gap:12px}.chat-info{display:flex;flex-direction:column;gap:4px}.chat-header-right{align-items:center;display:flex;gap:8px}.chat-body{background-color:#f5f5f5;flex:1;overflow-y:auto;padding:16px}.chat-message-list-skeleton{display:flex;flex-direction:column;gap:16px;width:100%}.thread-skeleton{max-width:550px}.date-separator-skeleton{display:flex;justify-content:center;margin:8px 0}.message-skeleton{display:flex;gap:8px;max-width:70%;width:100%}.message-skeleton.own-message{align-self:flex-end;flex-direction:row-reverse}.message-content-skeleton{display:flex;flex-direction:column;gap:4px}.message-meta-skeleton{align-items:center;display:flex;gap:4px;margin-top:4px}.chat-footer-skeleton{background-color:#fff;border-top:1px solid #e0e0e0;padding:12px 16px}.chat-actions,.chat-input-container{align-items:center;display:flex;gap:8px}.chat-actions{justify-content:flex-end;margin-bottom:4px}.action-skeleton,.attach-skeleton,.avatar-skeleton,.date-skeleton,.emoji-skeleton,.icon-skeleton,.input-skeleton,.message-avatar-skeleton,.send-skeleton,.sender-skeleton,.status-skeleton,.text-skeleton,.time-skeleton,.title-skeleton{background-color:#e0e0e0}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+import { jsxs, jsx } from "react/jsx-runtime";
+
+import Skeleton from "../../../../node_modules/@mui/material/Skeleton/Skeleton.js";
+const ChatHeaderSkeleton = () => {
+  return /* @__PURE__ */ jsxs("div", { className: "chat-header-skeleton", children: [
+    /* @__PURE__ */ jsxs("div", { className: "chat-header-left", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "avatar-skeleton", height: 40, variant: "circular", width: 40 }),
+      /* @__PURE__ */ jsxs("div", { className: "chat-info", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "title-skeleton", height: 24, variant: "text", width: 120 }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "status-skeleton", height: 16, variant: "text", width: 80 })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "chat-header-right", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "icon-skeleton", height: 36, variant: "circular", width: 36 }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "icon-skeleton", height: 36, variant: "circular", width: 36 }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "icon-skeleton", height: 36, variant: "circular", width: 36 })
+    ] })
+  ] });
+};
+export {
+  ChatHeaderSkeleton as default
+};

package/dist/components/TableChat/components/ChatMessageSkeleton/ChatMessageListSkeleton.d.ts

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

package/dist/components/TableChat/components/ChatMessageSkeleton/ChatMessageListSkeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatMessageListSkeleton.d.ts","sourceRoot":"","sources":["../../../../../src/components/TableChat/components/ChatMessageSkeleton/ChatMessageListSkeleton.tsx"],"names":[],"mappings":"AAIA,OAAO,qBAAqB,CAAC;AAE7B,QAAA,MAAM,uBAAuB,GAAI;;;CAA+B,4CA6D/D,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

package/dist/components/TableChat/components/ChatMessageSkeleton/ChatMessageListSkeleton.js

@@ -0,0 +1,61 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".chat-skeleton-container{background-color:#f9f9f9;border-radius:8px;box-shadow:0 1px 2px #0000001a;max-width:610px;overflow:hidden}.chat-skeleton,.chat-skeleton-container{display:flex;flex-direction:column;height:100%;width:100%}.chat-header-skeleton{align-items:center;background-color:#fff;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:12px 16px}.chat-header-left{align-items:center;display:flex;gap:12px}.chat-info{display:flex;flex-direction:column;gap:4px}.chat-header-right{align-items:center;display:flex;gap:8px}.chat-body{background-color:#f5f5f5;flex:1;overflow-y:auto;padding:16px}.chat-message-list-skeleton{display:flex;flex-direction:column;gap:16px;width:100%}.thread-skeleton{max-width:550px}.date-separator-skeleton{display:flex;justify-content:center;margin:8px 0}.message-skeleton{display:flex;gap:8px;max-width:70%;width:100%}.message-skeleton.own-message{align-self:flex-end;flex-direction:row-reverse}.message-content-skeleton{display:flex;flex-direction:column;gap:4px}.message-meta-skeleton{align-items:center;display:flex;gap:4px;margin-top:4px}.chat-footer-skeleton{background-color:#fff;border-top:1px solid #e0e0e0;padding:12px 16px}.chat-actions,.chat-input-container{align-items:center;display:flex;gap:8px}.chat-actions{justify-content:flex-end;margin-bottom:4px}.action-skeleton,.attach-skeleton,.avatar-skeleton,.date-skeleton,.emoji-skeleton,.icon-skeleton,.input-skeleton,.message-avatar-skeleton,.send-skeleton,.sender-skeleton,.status-skeleton,.text-skeleton,.time-skeleton,.title-skeleton{background-color:#e0e0e0}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+import { jsx, jsxs } from "react/jsx-runtime";
+
+import Skeleton from "../../../../node_modules/@mui/material/Skeleton/Skeleton.js";
+const ChatMessageListSkeleton = ({ className, messageCount = 8 }) => {
+  const renderSkeletonMessages = () => {
+    const messages = [];
+    for (let i = 0; i < messageCount; i++) {
+      const isOwnMessage = i % 3 === 0;
+      const hasDateSeparator = i % 4 === 0;
+      if (hasDateSeparator) {
+        messages.push(
+          /* @__PURE__ */ jsx("div", { className: "date-separator-skeleton", children: /* @__PURE__ */ jsx(Skeleton, { className: "date-skeleton", height: 16, variant: "text", width: 80 }) }, `date-${i}`)
+        );
+      }
+      messages.push(
+        /* @__PURE__ */ jsxs("div", { className: `message-skeleton ${isOwnMessage ? "own-message" : ""}`, children: [
+          !isOwnMessage && /* @__PURE__ */ jsx(
+            Skeleton,
+            {
+              className: "message-avatar-skeleton",
+              height: 32,
+              variant: "circular",
+              width: 32
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "message-content-skeleton", children: [
+            !isOwnMessage && /* @__PURE__ */ jsx(Skeleton, { className: "sender-skeleton", height: 16, variant: "text", width: 100 }),
+            /* @__PURE__ */ jsx(
+              Skeleton,
+              {
+                className: "text-skeleton",
+                height: 20,
+                variant: "text",
+                width: isOwnMessage ? 200 : 180
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Skeleton,
+              {
+                className: "text-skeleton",
+                height: 20,
+                variant: "text",
+                width: isOwnMessage ? 160 : 220
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { className: "message-meta-skeleton", children: [
+              /* @__PURE__ */ jsx(Skeleton, { className: "time-skeleton", height: 14, variant: "text", width: 60 }),
+              isOwnMessage && /* @__PURE__ */ jsx(Skeleton, { className: "status-skeleton", height: 16, variant: "circular", width: 16 })
+            ] })
+          ] })
+        ] }, `msg-${i}`)
+      );
+    }
+    return messages;
+  };
+  return /* @__PURE__ */ jsx("div", { className: `chat-message-list-skeleton ${className}`, children: renderSkeletonMessages() });
+};
+export {
+  ChatMessageListSkeleton as default
+};

package/dist/components/TableChat/components/ChatMessageSkeleton/ChatSkeleton.d.ts

@@ -0,0 +1,4 @@
+
+declare const ChatSkeleton: () => import("react/jsx-runtime").JSX.Element;
+export default ChatSkeleton;
+//# sourceMappingURL=ChatSkeleton.d.ts.map

package/dist/components/TableChat/components/ChatMessageSkeleton/ChatSkeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatSkeleton.d.ts","sourceRoot":"","sources":["../../../../../src/components/TableChat/components/ChatMessageSkeleton/ChatSkeleton.tsx"],"names":[],"mappings":"AAMA,OAAO,qBAAqB,CAAC;AAE7B,QAAA,MAAM,YAAY,+CAYjB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/TableChat/components/ChatMessageSkeleton/ChatSkeleton.js

@@ -0,0 +1,16 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".chat-skeleton-container{background-color:#f9f9f9;border-radius:8px;box-shadow:0 1px 2px #0000001a;max-width:610px;overflow:hidden}.chat-skeleton,.chat-skeleton-container{display:flex;flex-direction:column;height:100%;width:100%}.chat-header-skeleton{align-items:center;background-color:#fff;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:12px 16px}.chat-header-left{align-items:center;display:flex;gap:12px}.chat-info{display:flex;flex-direction:column;gap:4px}.chat-header-right{align-items:center;display:flex;gap:8px}.chat-body{background-color:#f5f5f5;flex:1;overflow-y:auto;padding:16px}.chat-message-list-skeleton{display:flex;flex-direction:column;gap:16px;width:100%}.thread-skeleton{max-width:550px}.date-separator-skeleton{display:flex;justify-content:center;margin:8px 0}.message-skeleton{display:flex;gap:8px;max-width:70%;width:100%}.message-skeleton.own-message{align-self:flex-end;flex-direction:row-reverse}.message-content-skeleton{display:flex;flex-direction:column;gap:4px}.message-meta-skeleton{align-items:center;display:flex;gap:4px;margin-top:4px}.chat-footer-skeleton{background-color:#fff;border-top:1px solid #e0e0e0;padding:12px 16px}.chat-actions,.chat-input-container{align-items:center;display:flex;gap:8px}.chat-actions{justify-content:flex-end;margin-bottom:4px}.action-skeleton,.attach-skeleton,.avatar-skeleton,.date-skeleton,.emoji-skeleton,.icon-skeleton,.input-skeleton,.message-avatar-skeleton,.send-skeleton,.sender-skeleton,.status-skeleton,.text-skeleton,.time-skeleton,.title-skeleton{background-color:#e0e0e0}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+import { jsx, jsxs } from "react/jsx-runtime";
+import ChatFooterSkeleton from "./ChatFooterSkeleton.js";
+import ChatHeaderSkeleton from "./ChatHeaderSkeleton.js";
+import ChatMessageListSkeleton from "./ChatMessageListSkeleton.js";
+
+const ChatSkeleton = () => {
+  return /* @__PURE__ */ jsx("div", { className: "chat-skeleton-container", children: /* @__PURE__ */ jsxs("div", { className: "chat-skeleton", children: [
+    /* @__PURE__ */ jsx(ChatHeaderSkeleton, {}),
+    /* @__PURE__ */ jsx("div", { className: "chat-body", children: /* @__PURE__ */ jsx(ChatMessageListSkeleton, {}) }),
+    /* @__PURE__ */ jsx(ChatFooterSkeleton, {})
+  ] }) });
+};
+export {
+  ChatSkeleton as default
+};

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

@@ -0,0 +1,5 @@
+export declare const SkeletonList: ({ count, text }: {
+    count?: number | undefined;
+    text?: string | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SkeletonList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonList.d.ts","sourceRoot":"","sources":["../../../../src/components/TableChat/components/SkeletonList.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY,GAAI;;;CAAkC,4CAQ9D,CAAC"}

package/dist/components/TableChat/components/SkeletonList.js

@@ -0,0 +1,6 @@
+import { jsx } from "react/jsx-runtime";
+import { Loader } from "../../Loader/index.js";
+const SkeletonList = ({ count = 5, text = "Loading..." }) => /* @__PURE__ */ jsx("div", { className: "table-chat-right-section-container-empty loader-padding", children: [...Array(count)].map((_, i) => /* @__PURE__ */ jsx("div", { style: { marginBottom: 20 }, children: /* @__PURE__ */ jsx(Loader, { showSkeleton: true, progress: "100%", size: "large", text }) }, i)) });
+export {
+  SkeletonList
+};

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

@@ -0,0 +1,10 @@
+
+declare const AddChat: ({ setShowAddChat, handleChatName, selectedChannelInfo, handleToast, setIsCreateNewChatOpen, }: {
+    setShowAddChat: any;
+    handleChatName: any;
+    selectedChannelInfo: any;
+    handleToast: any;
+    setIsCreateNewChatOpen: 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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,163 @@
+!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}.chatcontainer{background:#fff;border-radius:10px;box-shadow:0 0 4px #0000001f;display:grid;grid-auto-flow:row;padding:10px;position:fixed;row-gap:10px;top:120px;width:231px;z-index:9999}.chatcontainer .chat-header-navigation .nav-right button{background-color:#4259ee!important;border:1px solid #c3c8d4}.chatcontainer .MuiInputBase-root input.MuiInputBase-input{min-width:210px!important}.chatFooterContainer{display:flex;gap:8px;justify-content:flex-end}.addChat_container{position:absolute}.chat_save_btn{background-color:#4259ee!important}')),document.head.appendChild(t)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}}();
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useRef, useEffect } from "react";
+import { useForm, Controller } from "react-hook-form";
+import { Button } from "../../../../Button/index.js";
+import { Input } from "../../../../Input/index.js";
+import { TextArea } from "../../../../TextArea/index.js";
+
+const validationRules = {
+  chatName: {
+    required: "Chat name is required",
+    minLength: {
+      value: 2,
+      message: "Chat name must be at least 2 characters long"
+    },
+    maxLength: {
+      value: 50,
+      message: "Chat name cannot exceed 50 characters"
+    }
+  },
+  chatDescription: {
+    maxLength: {
+      value: 100,
+      message: "Description cannot exceed 100 characters"
+    }
+  }
+};
+const AddChat = ({
+  setShowAddChat,
+  handleChatName,
+  selectedChannelInfo,
+  handleToast,
+  setIsCreateNewChatOpen
+}) => {
+  const containerRef = useRef(null);
+  const {
+    control,
+    handleSubmit,
+    formState: { errors, isSubmitting },
+    reset
+  } = useForm({
+    mode: "onSubmit",
+    defaultValues: {
+      chatName: "",
+      chatDescription: ""
+    }
+  });
+  const handleCancel = () => {
+    reset();
+    setShowAddChat(false);
+    setIsCreateNewChatOpen(false);
+  };
+  useEffect(() => {
+    function handleClickOutside(event) {
+      if (containerRef.current && !containerRef.current.contains(event.target)) {
+        handleCancel();
+      }
+    }
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, []);
+  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) {
+      console.error("Error while saving chat:", err);
+      handleToast(true, "Error while saving chat", "error");
+    }
+  };
+  return /* @__PURE__ */ jsx("div", { ref: containerRef, className: "addChat_container", children: /* @__PURE__ */ jsxs("form", { noValidate: true, className: "chatcontainer", onSubmit: handleSubmit(onSubmit), children: [
+    /* @__PURE__ */ jsx(
+      Controller,
+      {
+        control,
+        name: "chatName",
+        render: ({ field }) => {
+          var _a;
+          return /* @__PURE__ */ jsx(
+            Input,
+            {
+              helperText: (_a = errors.chatName) == null ? void 0 : _a.message,
+              isDisabled: isSubmitting,
+              isError: !!errors.chatName,
+              isHelperText: !!errors.chatName,
+              label: "Chat name",
+              name: field.name,
+              placeholder: "Price negotiation",
+              type: "text",
+              value: field.value,
+              onBlur: field.onBlur,
+              onChange: field.onChange
+            }
+          );
+        },
+        rules: validationRules.chatName
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Controller,
+      {
+        control,
+        name: "chatDescription",
+        render: ({ field }) => {
+          var _a;
+          return /* @__PURE__ */ jsx(
+            TextArea,
+            {
+              characterLimit: 100,
+              height: "80px",
+              isDisabled: isSubmitting,
+              isError: !!errors.chatDescription,
+              label: "Add description",
+              maxRows: 2,
+              name: field.name,
+              placeholder: "Lets review the latest changes",
+              secondaryLabel: (_a = errors.chatDescription) == null ? void 0 : _a.message,
+              value: field.value || "",
+              width: "100%",
+              onBlur: field.onBlur,
+              onChange: field.onChange
+            }
+          );
+        },
+        rules: validationRules.chatDescription
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "chatFooterContainer", children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          disabled: isSubmitting,
+          htmlType: "button",
+          size: "large",
+          variant: "tertiary",
+          onClick: handleCancel,
+          children: "Cancel"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          className: "chat_save_btn",
+          disabled: isSubmitting,
+          htmlType: "submit",
+          size: "large",
+          variant: "primary",
+          children: isSubmitting ? /* @__PURE__ */ jsx(Fragment, { children: "Saving..." }) : "Save"
+        }
+      )
+    ] })
+  ] }) });
+};
+export {
+  AddChat as default
+};

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

@@ -0,0 +1,11 @@
+export declare const ChannelCheckbox: ({ checked, onChange, id, className, disabled, handleChatSelect, selectedChat, ...props }: {
+    [x: string]: any;
+    checked?: boolean | undefined;
+    onChange: any;
+    id: any;
+    className?: string | undefined;
+    disabled?: boolean | undefined;
+    handleChatSelect: any;
+    selectedChat: any;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ChannelCheckbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChannelCheckbox.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatLeftSection/ChannelCheckbox/ChannelCheckbox.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,eAAe,GAAI;;;;;;;;;CAS/B,4CAmBA,CAAC"}

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

@@ -0,0 +1,37 @@
+import { jsx } from "react/jsx-runtime";
+import { Checkbox } from "../../../../Checkbox/index.js";
+const ChannelCheckbox = ({
+  checked = false,
+  onChange,
+  id,
+  className = "channel-checkbox-input",
+  disabled = false,
+  handleChatSelect,
+  selectedChat,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "channel-checkbox",
+      onClick: (e) => {
+        e.stopPropagation();
+      },
+      children: /* @__PURE__ */ jsx(
+        Checkbox,
+        {
+          checked: selectedChat == null ? void 0 : selectedChat.includes(id),
+          label: "",
+          variant: "default",
+          onChange: (e) => {
+            e.stopPropagation();
+            handleChatSelect(id);
+          }
+        }
+      )
+    }
+  );
+};
+export {
+  ChannelCheckbox
+};

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

@@ -0,0 +1,21 @@
+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;
+    subtitle: any;
+    timestamp: any;
+    unreadCount: any;
+    avatar: any;
+    isSelected: any;
+    isMuted: any;
+    onClick: any;
+    showChannelList: any;
+    showCheckbox?: boolean | undefined;
+    handleChatSelect?: {
+        handleChatSelect: any;
+    } | undefined;
+    selectedChat: any;
+    onPinnedChatClick: any;
+    handleToast: any;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ChatChannelItem.d.ts.map

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

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

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

@@ -0,0 +1,107 @@
+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";
+import { UnreadBadge } from "./UnreadBadge/UnreadBadge.js";
+import { Avatar } from "../../../Avatar/index.js";
+const PinnedIcon = getAssetUrl("icons/pinedIcon.svg");
+const UnpinIcon = getAssetUrl("icons/unpinedIcon.svg");
+const ChatChannelItem = ({
+  id,
+  title,
+  subtitle,
+  timestamp,
+  unreadCount,
+  avatar,
+  isSelected,
+  isMuted,
+  onClick,
+  showChannelList,
+  showCheckbox = true,
+  handleChatSelect = { handleChatSelect },
+  selectedChat,
+  onPinnedChatClick,
+  handleToast,
+  ...rest
+}) => {
+  const [showPinned, setShowPinned] = useState(rest.isPinned);
+  const handlePinnedChatClick = async (chatId, isPinned) => {
+    if (onPinnedChatClick) {
+      try {
+        const response = await onPinnedChatClick(chatId, isPinned);
+        setShowPinned(response);
+      } catch (error) {
+        handleToast(true, "Error pinning chat", "error");
+        console.error("Error pinning chat:", error);
+      }
+    }
+  };
+  useEffect(() => {
+    setShowPinned(rest.isPinned);
+  }, [rest.isPinned]);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `${showChannelList ? "channel_list" : "chat_list"}  ${isSelected ? "selected" : ""} ${isMuted ? "muted" : ""}`,
+      role: "button",
+      tabIndex: 0,
+      onClick: (e) => {
+        e.stopPropagation();
+        onClick == null ? void 0 : onClick(id);
+      },
+      onKeyPress: (e) => {
+        if (e.key === "Enter" || e.key === " ") onClick == null ? void 0 : onClick(id);
+      },
+      children: [
+        !showChannelList && /* @__PURE__ */ jsxs(Fragment, { children: [
+          showCheckbox && /* @__PURE__ */ jsx(
+            ChannelCheckbox,
+            {
+              handleChatSelect,
+              id,
+              selectedChat
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "channel-avatar", children: /* @__PURE__ */ jsx(Avatar, { label: (avatar == null ? void 0 : avatar.label) || title, size: "medium", src: avatar == null ? void 0 : avatar.src }) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "channel-content", children: [
+          /* @__PURE__ */ jsxs("div", { className: "channel-header", children: [
+            /* @__PURE__ */ jsx("h3", { className: "channel-title", children: title }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              isMuted && /* @__PURE__ */ jsx(default_1, { className: "muted-icon", fontSize: "small" }),
+              /* @__PURE__ */ jsx(UnreadBadge, { count: unreadCount })
+            ] })
+          ] }),
+          /* @__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(Fragment, { children: showPinned ? /* @__PURE__ */ jsx(
+              "img",
+              {
+                src: UnpinIcon,
+                onClick: (e) => {
+                  e.stopPropagation();
+                  handlePinnedChatClick(id, false);
+                }
+              }
+            ) : /* @__PURE__ */ jsx(
+              "img",
+              {
+                className: "pinnedChat",
+                src: PinnedIcon,
+                onClick: (e) => {
+                  e.stopPropagation();
+                  handlePinnedChatClick(id, true);
+                }
+              }
+            ) })
+          ] })
+        ] })
+      ]
+    }
+  );
+};
+export {
+  ChatChannelItem
+};

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

@@ -0,0 +1,12 @@
+export declare const ChatChannelList: ({ channels, selectedChannelOrChatId, onChannelSelect, showChannelList, showCheckbox, handleChatSelect, selectedChat, onPinnedChatClick, handleToast, }: {
+    channels: any;
+    selectedChannelOrChatId: any;
+    onChannelSelect: any;
+    showChannelList: any;
+    showCheckbox: any;
+    handleChatSelect: any;
+    selectedChat?: never[] | undefined;
+    onPinnedChatClick: any;
+    handleToast: any;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ChatChannelList.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,35 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ChatChannelItem } from "./ChatChannelItem.js";
+const ChatChannelList = ({
+  channels,
+  selectedChannelOrChatId,
+  onChannelSelect,
+  showChannelList,
+  showCheckbox,
+  handleChatSelect,
+  selectedChat = [],
+  onPinnedChatClick,
+  handleToast
+}) => {
+  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,
+      isSelected: channel.id === selectedChannelOrChatId,
+      selectedChat,
+      showChannelList,
+      showCheckbox,
+      onClick: (e) => onChannelSelect(channel == null ? void 0 : channel.id, channel),
+      onPinnedChatClick
+    },
+    `${channel.id}-${index}`
+  )) : /* @__PURE__ */ jsxs("div", { className: "no-channels-found-container", children: [
+    /* @__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 {
+  ChatChannelList
+};

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

@@ -0,0 +1,11 @@
+export declare const ChatHeaderButton: ({ onClick, label, icon, variant, size, className, type, ...props }: {
+    [x: string]: any;
+    onClick: any;
+    label?: string | undefined;
+    icon?: import("react/jsx-runtime").JSX.Element | undefined;
+    variant?: string | undefined;
+    size?: string | undefined;
+    className?: string | undefined;
+    type?: string | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ChatHeaderButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChatHeaderButton.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatLeftSection/ChatHeaderButton/ChatHeaderButton.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,gBAAgB,GAAI;;;;;;;;;CAShC,4CAaA,CAAC"}

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

@@ -0,0 +1,29 @@
+import { jsx } from "react/jsx-runtime";
+import default_1 from "../../../../../node_modules/@mui/icons-material/Add.js";
+import { Button } from "../../../../Button/index.js";
+const ChatHeaderButton = ({
+  onClick,
+  label = "Chat",
+  icon = /* @__PURE__ */ jsx(default_1, { fontSize: "small" }),
+  variant = "contained",
+  size = "large",
+  className = "chat-button",
+  type = "button",
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      className,
+      icon,
+      size,
+      variant,
+      onClick,
+      ...props,
+      children: label
+    }
+  );
+};
+export {
+  ChatHeaderButton
+};

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

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+
+export declare const ChatHeaderNavigation: React.NamedExoticComponent<object>;
+//# sourceMappingURL=ChatHeaderNavigation.d.ts.map

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

@@ -0,0 +1 @@
+{"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"}