impact-ui 4.0.6 → 4.0.7-alpha.1

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

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

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

@@ -1,11 +0,0 @@
-export declare const ChatHeaderButton: ({ onClick, label, icon, variant, size, className, type, ...props }: {
-    [x: string]: any;
-    onClick: any;
-    label: any;
-    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

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

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

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

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

@@ -1,2 +0,0 @@
-export declare const ChatHeaderNavigation: import('react').NamedExoticComponent<object>;
-//# sourceMappingURL=ChatHeaderNavigation.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ChatHeaderNavigation.d.ts","sourceRoot":"","sources":["../../../../../src/components/TableChat/components/TableChatLeftSection/ChatHeaderNavigation.tsx"],"names":[],"mappings":"AAaA,eAAO,MAAM,oBAAoB,8CAoLhC,CAAC"}

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

@@ -1,157 +0,0 @@
-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";
-import { useTranslation } from "../../../../i18n/useTranslation.js";
-const ChatHeaderNavigation = memo(
-  ({
-    title,
-    onBack,
-    onSearchClick,
-    showChannelList,
-    isSearchOpen,
-    showAddChatBtn,
-    handleChatName,
-    filterChannelsByTitle,
-    selectedChat,
-    selectedChannelInfo,
-    handleToast,
-    onDeleteTopics,
-    isCreateNewChatOpen,
-    setIsCreateNewChatOpen
-  }) => {
-    const { t } = useTranslation();
-    const [showAddChat, setShowAddChat] = useState(isCreateNewChatOpen);
-    useEffect(() => {
-      setShowAddChat(Boolean(isCreateNewChatOpen));
-    }, [isCreateNewChatOpen]);
-    const renderSearch = () => /* @__PURE__ */ jsx(
-      Input,
-      {
-        leftIcon: /* @__PURE__ */ jsx(default_1$1, {}),
-        placeholder: t("tableChat.nav.searchChatPlaceholder"),
-        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: t("tableChat.chatButton.label"),
-          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: t("tableChat.nav.searchChannelPlaceholder"),
-          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

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

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

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

@@ -1,31 +0,0 @@
-
-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: any;
-    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

@@ -1 +0,0 @@
-{"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,4CAoFA,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

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

@@ -1,87 +0,0 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(270deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--circular{background-color:#e8edf5;background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),#eceef4 0deg,#e8edf5 80deg,#d5dbe8 160deg,#e8edf5 260deg,#eceef4 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,#eceef4,#e8edf5,#d5dbe8,#e8edf5 1turn)}}:root{--ia-focus-color:#4259ee;--ia-focus-bg:#fff;--ia-focus-ring-width:2px;--ia-focus-ring-offset:2px;--ia-modal-backdrop:#0d152ccc}*,:after,:before{box-sizing:border-box}body,textarea{font-style:normal;font-weight:500}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Manrope,sans-serif}.impact-notification-separator{background-color:#d9dde7;display:inline-block;height:16px;width:1.5px}.impact-notification-horizontal-separator{background-color:#d9dde7;display:inline-block;height:1px;width:100%}ul.storybook-order-list{list-style-type:disc;padding-left:12px}ul.storybook-order-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-list li strong{font-weight:800}ul.storybook-order-child-list{list-style-type:circle;padding-left:20px}ul.storybook-order-child-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-child-list li strong{font-weight:800}.table-left-panel-container{background:#fff;border-radius:16px;box-shadow:12px 13px 45px -1px #0000001a;flex-shrink:0;max-width:350px;overflow:hidden;width:350px}.table-left-panel-container:before{background:linear-gradient(180deg,#4259ee99,#4259ee33,#4259ee00);border-radius:16px;content:"";top:0;right:0;bottom:0;left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute}.table-left-panel-container .ia-styles.ia-btn.ia-btn-tertiary,.table-left-panel-container .ia-styles.ia-btn.ia-btn-tertiary:hover{background:none!important;box-shadow:none!important}.chat-header-navigation{align-items:center;background:#fff;border-bottom:1px solid #d9dde7;border-top-left-radius:10px;border-top-right-radius:10px;display:flex;justify-content:space-between;padding:12px 16px}.chat-header-navigation .nav-left{align-items:center;display:flex;gap:7px}.chat-header-navigation .nav-left button{background:none;border:none!important;box-shadow:none}.chat-header-navigation .nav-title{color:#0d152c;font-size:16px;font-weight:800;line-height:24px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:130px}.chat-header-navigation .nav-right{align-items:center;display:flex;gap:8px;position:relative}.chat-header-navigation .nav-right button{background:none;border:none!important;box-shadow:none}.chat-header-navigation .nav-icon-button{align-items:center;background:#0000;border:none;border-radius:6px;color:#7a8294;cursor:pointer;display:flex;height:20px;justify-content:center;transition:all .2s ease;width:20px}.chat-header-navigation .nav-icon-button:hover{color:#4259ee}.chat-header-navigation .nav-icon-button:focus{outline-offset:1px}.chat-header-navigation .chat-button{background:#4259ee!important;border-radius:8px!important;box-shadow:none!important;color:#fff!important;font-size:14px!important;font-weight:500!important;height:32px;padding:6px 12px!important;width:77px}.chat-header-navigation .chat-button:hover{background:#2b44ec!important}.chat-header-navigation .chat-button .ia-btn-icon{margin-right:4px}.chat-header-navigation .impact_inputbox_container_with_icons{width:100%}.channel_list{background:#f2f4fb}.channel_list,.chat-channel-item,.chat_list{align-items:baseline;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background-color .2s ease}.channel_list .ia-styles.ia-avatar,.chat-channel-item .ia-styles.ia-avatar,.chat_list .ia-styles.ia-avatar{background:#7a8294;border-radius:16px}.channel_list:hover,.chat-channel-item:hover,.chat_list:hover{background:#eceefd}.channel_list:hover .ia-styles.ia-avatar,.channel_list:hover .unread-badge,.chat-channel-item:hover .ia-styles.ia-avatar,.chat-channel-item:hover .unread-badge,.chat_list:hover .ia-styles.ia-avatar,.chat_list:hover .unread-badge{background:#4259ee}.channel_list.selected,.chat-channel-item.selected,.chat_list.selected{background:#eceefd}.channel_list.selected .ia-styles.ia-avatar,.channel_list.selected .unread-badge,.chat-channel-item.selected .ia-styles.ia-avatar,.chat-channel-item.selected .unread-badge,.chat_list.selected .ia-styles.ia-avatar,.chat_list.selected .unread-badge{background:#4259ee}.channel_list.muted,.chat-channel-item.muted,.chat_list.muted{opacity:.7}.channel_list:focus,.chat-channel-item:focus,.chat_list:focus{outline-offset:-2px}.channel_list:last-child,.chat-channel-item:last-child,.chat_list:last-child{border-bottom:none}.channel-checkbox{align-items:center;display:flex;padding-top:2px}.channel-checkbox input[type=checkbox]{accent-color:#4259ee;border:1px solid #d9dde7;border-radius:3px;cursor:pointer;height:16px;width:16px}.channel-checkbox input[type=checkbox]:checked{background:#4259ee;border-color:#4259ee}.channel-avatar{border-radius:16px;flex-shrink:0;margin-top:2px}.channel-avatar .ia-avatar{font-size:14px!important;font-weight:600!important;height:32px!important;width:32px!important}.channel-content{flex:1;min-width:0}.channel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.channel-title{color:#0d152c;flex:1;font-size:16px;font-weight:600;height:24px;line-height:24px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-meta.selected{background:#eceefd}.muted-icon{color:#7a8294;font-size:16px!important}.unread-badge{align-items:center;background:#7a8294;border-radius:10px;color:#fff;display:flex;font-size:10px;font-weight:400;height:18px;justify-content:center;line-height:1;min-width:18px;padding:2px 6px}.channel-subtitle{color:#7a8294;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-subtitle,.channel-time{font-size:12px;font-weight:500;line-height:16px}.channel-time{color:#b4bac7}@media (max-width:768px){.chat-header-navigation .nav-title{font-size:15px}.chat-header-navigation .chat-button{font-size:13px!important;padding:4px 8px!important}.chat-channel-item{padding:10px 12px}.channel-title{font-size:13px}.channel-subtitle{font-size:12px}}.table-left-panel-container{background-image:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/tableChat_bg.svg);background-position:50%;background-repeat:repeat;background-size:cover;box-shadow:0 1px 3px #0000001a;position:relative}.chat-header-navigation{background:#0000;border-bottom-color:#d9dde7;box-shadow:0 1px 3px #0000001a;height:64px;overflow:hidden;padding-left:16px;position:relative}.nav-title{color:#fff}.chat-channel-list{display:flex;flex-direction:column;gap:12px;margin:8px;max-height:calc(100vh - 150px);overflow-y:auto}.chat-channel-list .no-channels-found-container{align-items:center;background:#f2f4fb;border-radius:8px;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:12px}.chat-channel-list .no-channels-found-container .no-channels-found{color:#0d152c;font-size:16px;font-weight:600}.chat-channel-list .no-channels-found-container .no-channels-found-description{color:#7a8294;font-size:12px;font-weight:500;line-height:16px;text-align:center}.chat-channel-item.selected,.chat-channel-item:hover{background:#eceefd}.channel-time{color:#60697d}.channel-list-header{align-items:center;display:flex;justify-content:space-between;width:100%}.chanel_icon{background:#fff;border:1px solid #c3c8d4;border-radius:8px;max-height:32px;padding:8px}.chanel_search{align-items:center;background:#f5f6fa;border-radius:8px;display:flex;height:32px;justify-content:center;width:32px}.chanel_search svg{cursor:pointer}.chanel_right_navigation{display:flex;gap:8px}.delete_chat_container{height:32px!important;width:32px}.pinnedChat_container{display:flex;justify-content:space-between}.pinnedChat_container .pinnedChat{opacity:0;transition:opacity .2s ease}.chat_list:hover .pinnedChat_container .pinnedChat{opacity:1}')),document.head.appendChild(e)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}}();
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { ChatChannelList } from "./ChatChannelList.js";
-import { ChatHeaderNavigation } from "./ChatHeaderNavigation.js";
-import { SkeletonList } from "../SkeletonList.js";
-
-import { useTranslation } from "../../../../i18n/useTranslation.js";
-const TableChatChannelHeader = ({
-  title,
-  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 { t } = useTranslation();
-  const resolvedTitle = title ?? t("tableChat.channelHeader.createNewChat");
-  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: t("tableChat.loadingMessages") }) }) : /* @__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: resolvedTitle,
-        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

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

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

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

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

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

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

@@ -1,122 +0,0 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(270deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--circular{background-color:#e8edf5;background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),#eceef4 0deg,#e8edf5 80deg,#d5dbe8 160deg,#e8edf5 260deg,#eceef4 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,#eceef4,#e8edf5,#d5dbe8,#e8edf5 1turn)}}:root{--ia-focus-color:#4259ee;--ia-focus-bg:#fff;--ia-focus-ring-width:2px;--ia-focus-ring-offset:2px;--ia-modal-backdrop:#0d152ccc}*,: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(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useState, useEffect } from "react";
-
-import { useTranslation } from "../../../../../i18n/useTranslation.js";
-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 }) => {
-  const { t } = useTranslation();
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: `avatar avatar--${size} avatar--more`,
-      title: t("tableChat.avatar.more", { count }),
-      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
-};