npm - impact-ui - Versions diffs - 3.7.34-alpha.2 → 3.7.34-alpha.3 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1548) hide show

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

@@ -0,0 +1,155 @@
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+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";
+import default_1$1 from "../../../../node_modules/@mui/icons-material/Search.js";
+import AddChat from "./AddChatContainer/AddChatContainer.js";
+import { ChatHeaderButton } from "./ChatHeaderButton/ChatHeaderButton.js";
+import { Button } from "../../../Button/index.js";
+import { Input } from "../../../Input/index.js";
+const ChatHeaderNavigation = memo(
+  ({
+    title,
+    onBack,
+    onSearchClick,
+    showChannelList,
+    isSearchOpen,
+    showAddChatBtn,
+    handleChatName,
+    filterChannelsByTitle,
+    selectedChat,
+    selectedChannelInfo,
+    handleToast,
+    onDeleteTopics,
+    isCreateNewChatOpen,
+    setIsCreateNewChatOpen
+  }) => {
+    const [showAddChat, setShowAddChat] = useState(isCreateNewChatOpen);
+    useEffect(() => {
+      setShowAddChat(Boolean(isCreateNewChatOpen));
+    }, [isCreateNewChatOpen]);
+    const renderSearch = () => /* @__PURE__ */ jsx(
+      Input,
+      {
+        leftIcon: /* @__PURE__ */ jsx(default_1$1, {}),
+        placeholder: "Please enter text",
+        rightIcon: /* @__PURE__ */ jsx(default_1, {}),
+        rightIconClick: () => {
+          onSearchClick(!onSearchClick);
+          filterChannelsByTitle("");
+        },
+        type: "text",
+        width: "100%",
+        onChange: (e) => {
+          filterChannelsByTitle(e.target.value);
+        }
+      }
+    );
+    const renderNavLeft = () => /* @__PURE__ */ jsxs("div", { className: "nav-left", children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          className: "",
+          icon: /* @__PURE__ */ jsx(default_1$2, {}),
+          iconPlacement: "left",
+          size: "small",
+          type: "default",
+          variant: "tertiary",
+          onClick: onBack
+        }
+      ),
+      /* @__PURE__ */ jsx("h1", { className: "nav-title", children: title })
+    ] });
+    const renderNavRight = () => /* @__PURE__ */ jsx("div", { className: "nav-right", children: (selectedChat == null ? void 0 : selectedChat.length) > 0 ? /* @__PURE__ */ jsx(
+      Button,
+      {
+        className: "delete_chat_container",
+        icon: /* @__PURE__ */ jsx(default_1$3, {}),
+        iconPlacement: "left",
+        size: "small",
+        type: "destructive",
+        variant: "secondary",
+        onClick: () => onDeleteTopics == null ? void 0 : onDeleteTopics()
+      }
+    ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      showAddChatBtn && /* @__PURE__ */ jsx(
+        ChatHeaderButton,
+        {
+          label: "Chat",
+          onClick: () => {
+            setShowAddChat((prev) => !prev);
+          }
+        }
+      ),
+      showAddChat && /* @__PURE__ */ jsx(
+        AddChat,
+        {
+          handleChatName,
+          handleToast,
+          selectedChannelInfo,
+          setIsCreateNewChatOpen,
+          setShowAddChat,
+          showAddChat
+        }
+      ),
+      onSearchClick && /* @__PURE__ */ jsx(
+        Button,
+        {
+          className: "",
+          icon: /* @__PURE__ */ jsx(default_1$1, {}),
+          iconPlacement: "left",
+          size: "small",
+          type: "default",
+          variant: "tertiary",
+          onClick: onSearchClick
+        }
+      )
+    ] }) });
+    const renderChannelListHeader = () => /* @__PURE__ */ jsxs("div", { className: showChannelList && "channel-list-header", children: [
+      /* @__PURE__ */ jsx("h1", { className: "nav-title", style: { cursor: "pointer" }, onClick: onBack, children: title }),
+      isSearchOpen ? /* @__PURE__ */ jsx(
+        Input,
+        {
+          leftIcon: /* @__PURE__ */ jsx(default_1$1, {}),
+          placeholder: "Please enter text",
+          rightIcon: /* @__PURE__ */ jsx(default_1, {}),
+          rightIconClick: () => {
+            onSearchClick(!onSearchClick);
+            filterChannelsByTitle("");
+          },
+          type: "text",
+          width: "100%",
+          onChange: (e) => {
+            filterChannelsByTitle(e.target.value);
+          }
+        }
+      ) : /* @__PURE__ */ jsx("div", { className: "chanel_right_navigation", children: /* @__PURE__ */ jsx("div", { className: "chanel_search", children: /* @__PURE__ */ jsx(
+        "svg",
+        {
+          fill: "none",
+          height: "14",
+          viewBox: "0 0 14 14",
+          width: "14",
+          xmlns: "http://www.w3.org/2000/svg",
+          onClick: onSearchClick,
+          children: /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M5.35163 10.7033C3.85592 10.7033 2.59005 10.1852 1.55403 9.14923C0.51801 8.11321 0 6.84734 0 5.35163C0 3.85592 0.51801 2.59005 1.55403 1.55403C2.59005 0.51801 3.85592 0 5.35163 0C6.84734 0 8.11321 0.51801 9.14923 1.55403C10.1852 2.59005 10.7033 3.85592 10.7033 5.35163C10.7033 5.9554 10.6072 6.52487 10.4151 7.06003C10.223 7.5952 9.96226 8.06861 9.63293 8.48027L13.7736 12.6209C13.9245 12.7719 14 12.964 14 13.1973C14 13.4305 13.9245 13.6226 13.7736 13.7736C13.6226 13.9245 13.4305 14 13.1973 14C12.964 14 12.7719 13.9245 12.6209 13.7736L8.48027 9.63293C8.06861 9.96226 7.5952 10.223 7.06003 10.4151C6.52487 10.6072 5.9554 10.7033 5.35163 10.7033ZM5.35163 9.0566C6.38079 9.0566 7.25557 8.6964 7.97599 7.97599C8.6964 7.25557 9.0566 6.38079 9.0566 5.35163C9.0566 4.32247 8.6964 3.44768 7.97599 2.72727C7.25557 2.00686 6.38079 1.64666 5.35163 1.64666C4.32247 1.64666 3.44768 2.00686 2.72727 2.72727C2.00686 3.44768 1.64666 4.32247 1.64666 5.35163C1.64666 6.38079 2.00686 7.25557 2.72727 7.97599C3.44768 8.6964 4.32247 9.0566 5.35163 9.0566Z",
+              fill: "#60697D"
+            }
+          )
+        }
+      ) }) })
+    ] });
+    return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", { className: "chat-header-navigation", children: isSearchOpen ? renderSearch() : showChannelList ? renderChannelListHeader() : /* @__PURE__ */ jsxs(Fragment, { children: [
+      renderNavLeft(),
+      " ",
+      renderNavRight()
+    ] }) }) });
+  }
+);
+export {
+  ChatHeaderNavigation
+};

package/dist/components/TableChat/components/TableChatLeftSection/ChatIconButton/ChatIconButton.d.ts ADDED Viewed

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

package/dist/components/TableChat/components/TableChatLeftSection/ChatIconButton/ChatIconButton.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"ChatIconButton.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatLeftSection/ChatIconButton/ChatIconButton.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc,GAAI;;;;;;;;CAQ9B,4CAYA,CAAC"}

package/dist/components/TableChat/components/TableChatLeftSection/ChatIconButton/ChatIconButton.js ADDED Viewed

@@ -0,0 +1,26 @@
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+const ChatIconButton = ({
+  icon,
+  onClick,
+  ariaLabel,
+  className = "nav-icon-button",
+  size = "small",
+  disabled = false,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      "aria-label": ariaLabel,
+      className,
+      disabled,
+      onClick,
+      ...props,
+      children: React__default.cloneElement(icon, { fontSize: size })
+    }
+  );
+};
+export {
+  ChatIconButton
+};

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

@@ -0,0 +1,31 @@
+declare const TableChatChannelHeader: ({ title, channels, selectedChannelOrChatId, onBack, onChannelSelect, onMenuClick, onSearchClick, onMoreClick, showChannelList, setShowPinnedMsg, onThreadClick, isSearchOpen, headerConfig, showAddChatBtn, showCheckbox, handleChatName, filterChannelsByTitle, loadingChannels, selectedChannelInfo, handleToast, onPinnedChatClick, onDeleteTopics, selectedChat, handleChatSelect, isCreateNewChatOpen, setIsCreateNewChatOpen, }: {
+    title?: string | undefined;
+    channels?: never[] | undefined;
+    selectedChannelOrChatId: any;
+    onBack: any;
+    onChannelSelect: any;
+    onMenuClick: any;
+    onSearchClick: any;
+    onMoreClick: any;
+    showChannelList: any;
+    setShowPinnedMsg: any;
+    onThreadClick: any;
+    isSearchOpen: any;
+    headerConfig: any;
+    showAddChatBtn?: boolean | undefined;
+    showCheckbox: any;
+    handleChatName: any;
+    filterChannelsByTitle: any;
+    loadingChannels: any;
+    selectedChannelInfo: any;
+    handleToast: any;
+    onPinnedChatClick: any;
+    onDeleteTopics: any;
+    selectedChat: any;
+    handleChatSelect: any;
+    isCreateNewChatOpen: any;
+    setIsCreateNewChatOpen: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export default TableChatChannelHeader;
+//# sourceMappingURL=TableChatChannelHeader.d.ts.map

package/dist/components/TableChat/components/TableChatLeftSection/TableChatChannelHeader.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"TableChatChannelHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/TableChat/components/TableChatLeftSection/TableChatChannelHeader.tsx"],"names":[],"mappings":"AAKA,OAAO,sCAAsC,CAAC;AAE9C,QAAA,MAAM,sBAAsB,GAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2B/B,4CAiFA,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/dist/components/TableChat/components/TableChatLeftSection/TableChatChannelHeader.js ADDED Viewed

@@ -0,0 +1,84 @@
+!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}.table-left-panel-container{background:#fff;border-radius:16px;box-shadow:12px 13px 45px -1px #0000001a;max-width:350px;overflow:hidden;width:350px}.table-left-panel-container:before{background:linear-gradient(180deg,#4259ee99,#4259ee33,#4259ee00);border-radius:16px;content:"";top:0;right:0;bottom:0;left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute}.table-left-panel-container .ia-styles.ia-btn.ia-btn-tertiary,.table-left-panel-container .ia-styles.ia-btn.ia-btn-tertiary:hover{background:none!important;box-shadow:none!important}.chat-header-navigation{align-items:center;background:#fff;border-bottom:1px solid #d9dde7;border-top-left-radius:10px;border-top-right-radius:10px;display:flex;justify-content:space-between;padding:12px 16px}.chat-header-navigation .nav-left{align-items:center;display:flex;gap:7px}.chat-header-navigation .nav-left button{background:none;border:none!important;box-shadow:none}.chat-header-navigation .nav-title{color:#0d152c;font-size:16px;font-weight:800;line-height:24px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:130px}.chat-header-navigation .nav-right{align-items:center;display:flex;gap:8px;position:relative}.chat-header-navigation .nav-right button{background:none;border:none!important;box-shadow:none}.chat-header-navigation .nav-icon-button{align-items:center;background:#0000;border:none;border-radius:6px;color:#7a8294;cursor:pointer;display:flex;height:20px;justify-content:center;transition:all .2s ease;width:20px}.chat-header-navigation .nav-icon-button:hover{color:#4259ee}.chat-header-navigation .nav-icon-button:focus{outline-offset:1px}.chat-header-navigation .chat-button{background:#4259ee!important;border-radius:8px!important;box-shadow:none!important;color:#fff!important;font-size:14px!important;font-weight:500!important;height:32px;padding:6px 12px!important;width:77px}.chat-header-navigation .chat-button:hover{background:#2b44ec!important}.chat-header-navigation .chat-button .ia-btn-icon{margin-right:4px}.chat-header-navigation .impact_inputbox_container_with_icons{width:100%}.channel_list{background:#f2f4fb}.channel_list,.chat-channel-item,.chat_list{align-items:baseline;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background-color .2s ease}.channel_list .ia-styles.ia-avatar,.chat-channel-item .ia-styles.ia-avatar,.chat_list .ia-styles.ia-avatar{background:#7a8294;border-radius:16px}.channel_list:hover,.chat-channel-item:hover,.chat_list:hover{background:#eceefd}.channel_list:hover .ia-styles.ia-avatar,.channel_list:hover .unread-badge,.chat-channel-item:hover .ia-styles.ia-avatar,.chat-channel-item:hover .unread-badge,.chat_list:hover .ia-styles.ia-avatar,.chat_list:hover .unread-badge{background:#4259ee}.channel_list.selected,.chat-channel-item.selected,.chat_list.selected{background:#eceefd}.channel_list.selected .ia-styles.ia-avatar,.channel_list.selected .unread-badge,.chat-channel-item.selected .ia-styles.ia-avatar,.chat-channel-item.selected .unread-badge,.chat_list.selected .ia-styles.ia-avatar,.chat_list.selected .unread-badge{background:#4259ee}.channel_list.muted,.chat-channel-item.muted,.chat_list.muted{opacity:.7}.channel_list:focus,.chat-channel-item:focus,.chat_list:focus{outline-offset:-2px}.channel_list:last-child,.chat-channel-item:last-child,.chat_list:last-child{border-bottom:none}.channel-checkbox{align-items:center;display:flex;padding-top:2px}.channel-checkbox input[type=checkbox]{accent-color:#4259ee;border:1px solid #d9dde7;border-radius:3px;cursor:pointer;height:16px;width:16px}.channel-checkbox input[type=checkbox]:checked{background:#4259ee;border-color:#4259ee}.channel-avatar{border-radius:16px;flex-shrink:0;margin-top:2px}.channel-avatar .ia-avatar{font-size:14px!important;font-weight:600!important;height:32px!important;width:32px!important}.channel-content{flex:1;min-width:0}.channel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.channel-title{color:#0d152c;flex:1;font-size:16px;font-weight:600;height:24px;line-height:24px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-meta.selected{background:#eceefd}.muted-icon{color:#7a8294;font-size:16px!important}.unread-badge{align-items:center;background:#7a8294;border-radius:10px;color:#fff;display:flex;font-size:10px;font-weight:400;height:18px;justify-content:center;line-height:1;min-width:18px;padding:2px 6px}.channel-subtitle{color:#7a8294;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-subtitle,.channel-time{font-size:12px;font-weight:500;line-height:16px}.channel-time{color:#b4bac7}@media (max-width:768px){.chat-header-navigation .nav-title{font-size:15px}.chat-header-navigation .chat-button{font-size:13px!important;padding:4px 8px!important}.chat-channel-item{padding:10px 12px}.channel-title{font-size:13px}.channel-subtitle{font-size:12px}}.table-left-panel-container{background-image:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/tableChat_bg.svg);background-position:50%;background-repeat:repeat;background-size:cover;box-shadow:0 1px 3px #0000001a;position:relative}.chat-header-navigation{background:#0000;border-bottom-color:#d9dde7;box-shadow:0 1px 3px #0000001a;height:64px;overflow:hidden;padding-left:16px;position:relative}.nav-title{color:#fff}.chat-channel-list{display:flex;flex-direction:column;gap:12px;margin:8px;max-height:calc(100vh - 150px);overflow-y:auto}.chat-channel-list .no-channels-found-container{align-items:center;background:#f2f4fb;border-radius:8px;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:12px}.chat-channel-list .no-channels-found-container .no-channels-found{color:#0d152c;font-size:16px;font-weight:600}.chat-channel-list .no-channels-found-container .no-channels-found-description{color:#7a8294;font-size:12px;font-weight:500;line-height:16px;text-align:center}.chat-channel-item.selected,.chat-channel-item:hover{background:#eceefd}.channel-time{color:#60697d}.channel-list-header{align-items:center;display:flex;justify-content:space-between;width:100%}.chanel_icon{background:#fff;border:1px solid #c3c8d4;border-radius:8px;max-height:32px;padding:8px}.chanel_search{align-items:center;background:#f5f6fa;border-radius:8px;display:flex;height:32px;justify-content:center;width:32px}.chanel_search svg{cursor:pointer}.chanel_right_navigation{display:flex;gap:8px}.delete_chat_container{height:32px!important;width:32px}.pinnedChat_container{display:flex;justify-content:space-between}.pinnedChat_container .pinnedChat{opacity:0;transition:opacity .2s ease}.chat_list:hover .pinnedChat_container .pinnedChat{opacity:1}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { ChatChannelList } from "./ChatChannelList.js";
+import { ChatHeaderNavigation } from "./ChatHeaderNavigation.js";
+import { SkeletonList } from "../SkeletonList.js";
+const TableChatChannelHeader = ({
+  title = "Create new Chat",
+  channels = [],
+  selectedChannelOrChatId,
+  onBack,
+  onChannelSelect,
+  onMenuClick,
+  onSearchClick,
+  onMoreClick,
+  showChannelList,
+  setShowPinnedMsg,
+  onThreadClick,
+  isSearchOpen,
+  headerConfig,
+  showAddChatBtn = true,
+  showCheckbox,
+  handleChatName,
+  filterChannelsByTitle,
+  loadingChannels,
+  selectedChannelInfo,
+  handleToast,
+  onPinnedChatClick,
+  onDeleteTopics,
+  selectedChat,
+  handleChatSelect,
+  isCreateNewChatOpen,
+  setIsCreateNewChatOpen
+}) => {
+  const handleChannelSelect = (channelId, channelItem) => {
+    onChannelSelect == null ? void 0 : onChannelSelect(channelId, channelItem);
+  };
+  const channelsToShow = channels;
+  return /* @__PURE__ */ jsx("div", { className: "table-left-panel-container", children: loadingChannels ? /* @__PURE__ */ jsx("div", { style: { height: "100%" }, children: /* @__PURE__ */ jsx(SkeletonList, { text: "Loading messages..." }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      ChatHeaderNavigation,
+      {
+        filterChannelsByTitle,
+        handleChatName,
+        handleToast,
+        headerConfig,
+        isCreateNewChatOpen,
+        isSearchOpen,
+        selectedChannelInfo,
+        selectedChat,
+        setIsCreateNewChatOpen,
+        setShowPinnedMsg,
+        showAddChatBtn,
+        showChannelList,
+        showSearchChat: headerConfig == null ? void 0 : headerConfig.showSearch,
+        title,
+        onBack,
+        onDeleteTopics,
+        onMenuClick,
+        onMoreClick,
+        onSearchClick,
+        onThreadClick
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ChatChannelList,
+      {
+        channels: channelsToShow,
+        handleChatSelect,
+        handleToast,
+        selectedChannelOrChatId,
+        selectedChat,
+        showChannelList,
+        showCheckBox: headerConfig == null ? void 0 : headerConfig.leftChatPanel,
+        showCheckbox,
+        onChannelSelect: handleChannelSelect,
+        onPinnedChatClick
+      }
+    )
+  ] }) });
+};
+export {
+  TableChatChannelHeader as default
+};

package/dist/components/TableChat/components/TableChatLeftSection/UnreadBadge/UnreadBadge.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+export declare const UnreadBadge: ({ count, maxCount, className, showZero, }: {
+    count: any;
+    maxCount?: number | undefined;
+    className?: string | undefined;
+    showZero?: boolean | undefined;
+}) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=UnreadBadge.d.ts.map

package/dist/components/TableChat/components/TableChatLeftSection/UnreadBadge/UnreadBadge.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"UnreadBadge.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatLeftSection/UnreadBadge/UnreadBadge.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW,GAAI;;;;;CAK3B,mDAQA,CAAC"}

package/dist/components/TableChat/components/TableChatLeftSection/UnreadBadge/UnreadBadge.js ADDED Viewed

@@ -0,0 +1,16 @@
+import { jsx } from "react/jsx-runtime";
+const UnreadBadge = ({
+  count,
+  maxCount = 99,
+  className = "unread-badge",
+  showZero = false
+}) => {
+  if (!showZero && (!count || count <= 0)) {
+    return null;
+  }
+  const displayCount = count > maxCount ? `${maxCount}+` : count;
+  return /* @__PURE__ */ jsx("span", { className, children: displayCount });
+};
+export {
+  UnreadBadge
+};

package/dist/components/TableChat/components/TableChatRightSection/AvatarGroup/AvatarGroup.d.ts ADDED Viewed

@@ -0,0 +1,13 @@
+export declare const ChatAvatar: ({ src, name, size }: {
+    src: any;
+    name: any;
+    size: any;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const AvatarGroup: ({ avatars, maxAvatars, size }: {
+    avatars?: never[] | undefined;
+    maxAvatars?: number | undefined;
+    size?: string | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+export default AvatarGroup;
+//# sourceMappingURL=AvatarGroup.d.ts.map

package/dist/components/TableChat/components/TableChatRightSection/AvatarGroup/AvatarGroup.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"AvatarGroup.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatRightSection/AvatarGroup/AvatarGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,2BAA2B,CAAC;AA4CnC,eAAO,MAAM,UAAU,GAAI;;;;CAAmB,4CA2B7C,CAAC;AAWF,QAAA,MAAM,WAAW,GAAI;;;;CAA6C,4CA8BjE,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/TableChat/components/TableChatRightSection/AvatarGroup/AvatarGroup.js ADDED Viewed

@@ -0,0 +1,113 @@
+!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}.avatar-stack-container{align-items:center;background-color:#f0f0f0;display:flex;flex-direction:column;font-family:Inter,sans-serif;gap:2rem;justify-content:center;min-height:100vh}.avatar-stack{display:flex;gap:8px}.avatar-wrapper{position:relative}.avatar-wrapper:not(:first-child){margin-left:-20px}.avatar-wrapper--sm:not(:first-child){margin-left:-15px}.avatar-wrapper--md:not(:first-child){margin-left:-20px}.avatar-wrapper--lg:not(:first-child){margin-left:-30px}.avatar{align-items:center;background-color:#31935f;border-color:#fff;border-radius:50%;border-style:solid;color:#fff;display:flex;font-weight:600;justify-content:center;overflow:hidden;position:relative}.avatar img{height:100%;object-fit:cover;width:100%}.avatar__initials{text-transform:uppercase}.avatar--sm{font-size:12px;height:24px;width:24px}.avatar--md{font-size:16px;height:32px;width:32px}.avatar--lg{font-size:20px;height:36px;width:36px}.avatar--more{background-color:#f1f3fe;border-color:#b3bdf8;color:#4259ee;font-size:12px;font-weight:500}')),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+const getInitials = (name = "") => {
+  const [firstName, lastName] = name.split(" ");
+  if (firstName && lastName) {
+    return `${firstName.charAt(0)}${lastName.charAt(0)}`;
+  }
+  return name.charAt(0);
+};
+const getAvatarColor = (name = "") => {
+  const colors = [
+    "#FF6B6B",
+    // Red
+    "#4ECDC4",
+    // Teal
+    "#45B7D1",
+    // Blue
+    "#96CEB4",
+    // Green
+    "#FFEAA7",
+    // Yellow
+    "#DDA0DD",
+    // Plum
+    "#98D8C8",
+    // Mint
+    "#F7DC6F",
+    // Light Yellow
+    "#BB8FCE",
+    // Light Purple
+    "#85C1E9",
+    // Light Blue
+    "#F8C471",
+    // Orange
+    "#82E0AA",
+    // Light Green
+    "#F1948A",
+    // Light Red
+    "#85929E",
+    // Gray
+    "#D7BDE2",
+    // Lavender
+    "#1A237E",
+    // Deep Purple
+    "#283593",
+    // Indigo
+    "#283593"
+    // Indigo
+  ];
+  let hash = 0;
+  for (let i = 0; i < name.length; i++) {
+    hash = name.charCodeAt(i) + ((hash << 5) - hash);
+  }
+  const colorIndex = Math.abs(hash) % colors.length;
+  return colors[colorIndex];
+};
+const ChatAvatar = ({ src, name, size }) => {
+  const [hasError, setHasError] = useState(false);
+  useEffect(() => {
+    setHasError(false);
+  }, [src]);
+  const handleError = () => {
+    setHasError(true);
+  };
+  const showImage = src && !hasError;
+  const avatarColor = getAvatarColor(name);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: `avatar avatar--${size}`,
+      style: !showImage ? { backgroundColor: avatarColor } : {},
+      title: name,
+      children: showImage ? /* @__PURE__ */ jsx("img", { alt: name, src, onError: handleError }) : /* @__PURE__ */ jsx("span", { className: "avatar__initials", children: getInitials(name) })
+    }
+  );
+};
+const MoreAvatar = ({ count, size }) => {
+  return /* @__PURE__ */ jsx("div", { className: `avatar avatar--${size} avatar--more`, title: `${count} more`, children: /* @__PURE__ */ jsxs("span", { children: [
+    "+",
+    count
+  ] }) });
+};
+const AvatarGroup = ({ avatars = [], maxAvatars = 3, size = "md" }) => {
+  const effectiveMaxAvatars = Math.min(Math.max(1, maxAvatars), avatars.length);
+  const visibleAvatars = avatars.slice(0, effectiveMaxAvatars);
+  const hiddenAvatarsCount = Math.max(0, avatars.length - effectiveMaxAvatars);
+  return /* @__PURE__ */ jsxs("div", { className: "avatar-stack", children: [
+    visibleAvatars.map((user, index) => {
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: `avatar-wrapper avatar-wrapper--${size}`,
+          style: { zIndex: index },
+          children: /* @__PURE__ */ jsx(ChatAvatar, { name: user.label, size, src: user.url })
+        },
+        user.id || index
+      );
+    }),
+    hiddenAvatarsCount > 0 && /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: `avatar-wrapper avatar-wrapper--${size}`,
+        style: { zIndex: visibleAvatars.length + 1 },
+        children: /* @__PURE__ */ jsx(MoreAvatar, { count: hiddenAvatarsCount, size })
+      }
+    )
+  ] });
+};
+export {
+  ChatAvatar,
+  AvatarGroup as default
+};

package/dist/components/TableChat/components/TableChatRightSection/ChatDefaultMessageType/ChatDefaultMessageType.d.ts ADDED Viewed

@@ -0,0 +1,19 @@
+declare const ChatDefaultMessageType: ({ content, timestamp, handleClickOnMoreOptions, priority, edited, onThreadClick, pinned, visibility, onPin, isUser, isThreadIconVisible, isPinChatIconvisible, isHighlighted, highlightColor, }: {
+    content: any;
+    timestamp: any;
+    handleClickOnMoreOptions: any;
+    priority?: string | undefined;
+    edited?: boolean | undefined;
+    onThreadClick: any;
+    pinned: any;
+    visibility: any;
+    onPin: any;
+    isUser?: boolean | undefined;
+    isThreadIconVisible: any;
+    isPinChatIconvisible: any;
+    isHighlighted?: boolean | undefined;
+    highlightColor?: null | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+export default ChatDefaultMessageType;
+//# sourceMappingURL=ChatDefaultMessageType.d.ts.map

package/dist/components/TableChat/components/TableChatRightSection/ChatDefaultMessageType/ChatDefaultMessageType.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"ChatDefaultMessageType.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatRightSection/ChatDefaultMessageType/ChatDefaultMessageType.tsx"],"names":[],"mappings":"AAKA,OAAO,sCAAsC,CAAC;AAW9C,QAAA,MAAM,sBAAsB,GAAI;;;;;;;;;;;;;;;CAe/B,4CA6KA,CAAC;AAEF,eAAe,sBAAsB,CAAC"}