impact-ui 4.0.0-alpha.2 → 4.0.0-alpha.4

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

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import Skeleton from "@mui/material/Skeleton";
 /* empty css                  */
-import Skeleton from "../../../../node_modules/@mui/material/Skeleton/Skeleton.js";
 const ChatMessageListSkeleton = ({ className, messageCount = 8 }) => {
   const renderSkeletonMessages = () => {
     const messages = [];

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

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useRef, useEffect } from "react";
-import { useForm, Controller } from "../../../../../node_modules/react-hook-form/dist/index.esm.js";
+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";

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

@@ -1 +1 @@
-{"version":3,"file":"ChatChannelItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/TableChat/components/TableChatLeftSection/ChatChannelItem.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,eAAe,GAAI;;;;;;;;;;;;;;;;;;;CAiB/B,4CAsFA,CAAC"}
+{"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

@@ -1,11 +1,12 @@
 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 NotificationsOffIcon from "@mui/icons-material/NotificationsOff";
+import { getAssetUrl } from "../../../../utils/assetBase.js";
 import { ChannelCheckbox } from "./ChannelCheckbox/ChannelCheckbox.js";
 import { UnreadBadge } from "./UnreadBadge/UnreadBadge.js";
-import PinnedIcon from "../../../../assets/pinedIcon.svg.js";
-import UnpinIcon from "../../../../assets/unpinedIcon.svg.js";
 import { Avatar } from "../../../Avatar/index.js";
+const PinnedIcon = getAssetUrl("icons/pinedIcon.svg");
+const UnpinIcon = getAssetUrl("icons/unpinedIcon.svg");
 const ChatChannelItem = ({
   id,
   title,
@@ -68,7 +69,7 @@ const ChatChannelItem = ({
           /* @__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" }),
+              isMuted && /* @__PURE__ */ jsx(NotificationsOffIcon, { className: "muted-icon", fontSize: "small" }),
               /* @__PURE__ */ jsx(UnreadBadge, { count: unreadCount })
             ] })
           ] }),

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

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

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

@@ -1,9 +1,9 @@
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import { memo, useState } 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 ChevronLeftIcon from "@mui/icons-material/ChevronLeft";
+import CloseIcon from "@mui/icons-material/Close";
+import DeleteOutlinedIcon from "@mui/icons-material/DeleteOutlined";
+import SearchIcon from "@mui/icons-material/Search";
 import AddChat from "./AddChatContainer/AddChatContainer.js";
 import { ChatHeaderButton } from "./ChatHeaderButton/ChatHeaderButton.js";
 import { Button } from "../../../Button/index.js";
@@ -29,9 +29,9 @@ const ChatHeaderNavigation = memo(
     const renderSearch = () => /* @__PURE__ */ jsx(
       Input,
       {
-        leftIcon: /* @__PURE__ */ jsx(default_1$1, {}),
+        leftIcon: /* @__PURE__ */ jsx(SearchIcon, {}),
         placeholder: "Please enter text",
-        rightIcon: /* @__PURE__ */ jsx(default_1, {}),
+        rightIcon: /* @__PURE__ */ jsx(CloseIcon, {}),
         rightIconClick: () => {
           onSearchClick(!onSearchClick);
           filterChannelsByTitle("");
@@ -48,7 +48,7 @@ const ChatHeaderNavigation = memo(
         Button,
         {
           className: "",
-          icon: /* @__PURE__ */ jsx(default_1$2, {}),
+          icon: /* @__PURE__ */ jsx(ChevronLeftIcon, {}),
           iconPlacement: "left",
           size: "small",
           type: "default",
@@ -62,7 +62,7 @@ const ChatHeaderNavigation = memo(
       Button,
       {
         className: "delete_chat_container",
-        icon: /* @__PURE__ */ jsx(default_1$3, {}),
+        icon: /* @__PURE__ */ jsx(DeleteOutlinedIcon, {}),
         iconPlacement: "left",
         size: "small",
         type: "destructive",
@@ -94,7 +94,7 @@ const ChatHeaderNavigation = memo(
         Button,
         {
           className: "",
-          icon: /* @__PURE__ */ jsx(default_1$1, {}),
+          icon: /* @__PURE__ */ jsx(SearchIcon, {}),
           iconPlacement: "left",
           size: "small",
           type: "default",
@@ -108,9 +108,9 @@ const ChatHeaderNavigation = memo(
       isSearchOpen ? /* @__PURE__ */ jsx(
         Input,
         {
-          leftIcon: /* @__PURE__ */ jsx(default_1$1, {}),
+          leftIcon: /* @__PURE__ */ jsx(SearchIcon, {}),
           placeholder: "Please enter text",
-          rightIcon: /* @__PURE__ */ jsx(default_1, {}),
+          rightIcon: /* @__PURE__ */ jsx(CloseIcon, {}),
           rightIconClick: () => {
             onSearchClick(!onSearchClick);
             filterChannelsByTitle("");

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

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import React__default from "react";
+import React from "react";
 const ChatIconButton = ({
   icon,
   onClick,
@@ -17,7 +17,7 @@ const ChatIconButton = ({
       disabled,
       onClick,
       ...props,
-      children: React__default.cloneElement(icon, { fontSize: size })
+      children: React.cloneElement(icon, { fontSize: size })
     }
   );
 };

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

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

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

@@ -1,16 +1,17 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import PinnedIcon from "../../../../../assets/pinedIcon.svg.js";
-import TreadChatIcon from "../../../../../assets/treadChatIcon.svg.js";
-import ThreeDotIcon from "../../../../../assets/treedotIcon.svg.js";
-import UnpinIcon from "../../../../../assets/unpinedIcon.svg.js";
-/* empty css                                   */
-import CheckBlueIcon from "../../../../../assets/checkBlueIcon.svg.js";
-import WarningRedIcon from "../../../../../assets/warningRedIcon.svg.js";
-import ThumbsUpYellowIcon from "../../../../../assets/thumbsUpYellowIcon.svg.js";
-import NotAllowedGreenIcon from "../../../../../assets/notAllowedGreenIcon.svg.js";
-import { Button } from "../../../../Button/index.js";
 import { useState, useEffect } from "react";
-import purify from "../../../../../node_modules/dompurify/dist/purify.es.js";
+import DOMPurify from "dompurify";
+import { getAssetUrl } from "../../../../../utils/assetBase.js";
+import { Button } from "../../../../Button/index.js";
+/* empty css                                   */
+const PinnedIcon = getAssetUrl("icons/pinedIcon.svg");
+const TreadChatIcon = getAssetUrl("icons/treadChatIcon.svg");
+const ThreeDotIcon = getAssetUrl("icons/treedotIcon.svg");
+const UnpinIcon = getAssetUrl("icons/unpinedIcon.svg");
+const CheckBlueIcon = getAssetUrl("icons/checkBlueIcon.svg");
+const WarningRedIcon = getAssetUrl("icons/warningRedIcon.svg");
+const ThumbsUpYellowIcon = getAssetUrl("icons/thumbsUpYellowIcon.svg");
+const NotAllowedGreenIcon = getAssetUrl("icons/notAllowedGreenIcon.svg");
 const ChatDefaultMessageType = ({
   content,
   timestamp,
@@ -31,7 +32,7 @@ const ChatDefaultMessageType = ({
     if (typeof content2 === "string") {
       const hasHtmlTags = /<[^>]*>/g.test(content2);
       if (hasHtmlTags) {
-        const sanitizedContent = purify.sanitize(content2, {
+        const sanitizedContent = DOMPurify.sanitize(content2, {
           ALLOWED_TAGS: [
             "p",
             "span",

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

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import default_1 from "../../../../../node_modules/@mui/icons-material/Block.js";
+import BlockIcon from "@mui/icons-material/Block";
 /* empty css                           */
 const ChatDeletedMessageType = ({ timestamp, isUser = false }) => {
   return /* @__PURE__ */ jsxs(
@@ -8,7 +8,7 @@ const ChatDeletedMessageType = ({ timestamp, isUser = false }) => {
       className: `deleted-message ${isUser ? "user-deleted-message" : "assistant-deleted-message"}`,
       children: [
         /* @__PURE__ */ jsxs("div", { className: "deleted-message-content", children: [
-          /* @__PURE__ */ jsx(default_1, { className: "delete-icon" }),
+          /* @__PURE__ */ jsx(BlockIcon, { className: "delete-icon" }),
           /* @__PURE__ */ jsx("span", { className: "deleted-text", children: "Message deleted by its author" })
         ] }),
         timestamp && /* @__PURE__ */ jsx("span", { className: "deleted-timestamp", children: timestamp })

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

@@ -1 +1 @@
-{"version":3,"file":"ChatEditedMessageType.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatRightSection/ChatEditedMessageType /ChatEditedMessageType.tsx"],"names":[],"mappings":"AAOA,QAAA,MAAM,qBAAqB,GAAI;;;;;;;;;CAS9B,4CAuCA,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"ChatEditedMessageType.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatRightSection/ChatEditedMessageType /ChatEditedMessageType.tsx"],"names":[],"mappings":"AASA,QAAA,MAAM,qBAAqB,GAAI;;;;;;;;;CAS9B,4CAuCA,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

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

@@ -1,9 +1,10 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState } from "react";
-import PinnedIcon from "../../../../../assets/pinedIcon.svg.js";
-import TreadChatIcon from "../../../../../assets/treadChatIcon.svg.js";
-import ThreeDotIcon from "../../../../../assets/treedotIcon.svg.js";
-import UnpinIcon from "../../../../../assets/unpinedIcon.svg.js";
+import { getAssetUrl } from "../../../../../utils/assetBase.js";
+const PinnedIcon = getAssetUrl("icons/pinedIcon.svg");
+const TreadChatIcon = getAssetUrl("icons/treadChatIcon.svg");
+const ThreeDotIcon = getAssetUrl("icons/treedotIcon.svg");
+const UnpinIcon = getAssetUrl("icons/unpinedIcon.svg");
 const ChatEditedMessageType = ({
   content,
   timestamp,

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

@@ -1 +1 @@
-{"version":3,"file":"ChatHeader.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeader.tsx"],"names":[],"mappings":"AAKA,OAAO,0BAA0B,CAAC;AAmBlC,eAAO,MAAM,UAAU,GAAI;;;;;;;;;;;CAW1B,4CA+XA,CAAC"}
+{"version":3,"file":"ChatHeader.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeader.tsx"],"names":[],"mappings":"AAKA,OAAO,0BAA0B,CAAC;AAqBlC,eAAO,MAAM,UAAU,GAAI;;;;;;;;;;;CAW1B,4CA+XA,CAAC"}

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

@@ -4,8 +4,9 @@ import { MenuHeaderInfo } from "../../../../Menu/MenuHeaderInfo.js";
 /* empty css                       */
 import ChatHeaderAction from "./ChatHeaderAction.js";
 import ChatHeaderInfo from "./ChatHeaderInfo.js";
-import ActiveNotificationIcon from "../../../../../assets/active-notificationIcon.svg.js";
+import { getAssetUrl } from "../../../../../utils/assetBase.js";
 import { chartConfig } from "../../chatConfig.js";
+const ActiveNotificationIcon = getAssetUrl("icons/active-notificationIcon.svg");
 function debounce(func, wait) {
   let timeout;
   return function executedFunction(...args) {

package/dist/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeaderAction.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatHeaderAction.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeaderAction.tsx"],"names":[],"mappings":"AAaA,QAAA,MAAM,gBAAgB,GAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiCzB,4CAkTA,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"ChatHeaderAction.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeaderAction.tsx"],"names":[],"mappings":"AAeA,QAAA,MAAM,gBAAgB,GAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiCzB,4CAkTA,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

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

@@ -1,15 +1,16 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
-import CloseIcon from "../../../../../assets/close.svg.js";
-import PinnedIcon from "../../../../../assets/pinnedIcon.svg.js";
-import SearchIcon from "../../../../../assets/searchIcon.svg.js";
-import ThreeDotIcon from "../../../../../assets/treedotIcon.svg.js";
-import UserPlusIcon from "../../../../../assets/userPlusIcon1.svg.js";
+import { getAssetUrl } from "../../../../../utils/assetBase.js";
 import { Button } from "../../../../Button/index.js";
 import { Menu } from "../../../../Menu/index.js";
 import { chartConfig } from "../../chatConfig.js";
 import AvatarGroup from "../AvatarGroup/AvatarGroup.js";
 import { ChatNotificationSettings } from "../ChatNotificationSettings/ChatNotificationSettings.js";
+const CloseIcon = getAssetUrl("icons/close.svg");
+const PinnedIcon = getAssetUrl("icons/pinnedIcon.svg");
+const SearchIcon = getAssetUrl("icons/searchIcon.svg");
+const ThreedotIcon = getAssetUrl("icons/treedotIcon.svg");
+const UserPlusIcon = getAssetUrl("icons/userPlusIcon1.svg");
 const ChatHeaderAction = ({
   enableSearch,
   messageSearchValue,
@@ -264,7 +265,7 @@ const ChatHeaderAction = ({
       Button,
       {
         className: "chat-header-right-button btn_border_participant ",
-        icon: /* @__PURE__ */ jsx("img", { src: ThreeDotIcon }),
+        icon: /* @__PURE__ */ jsx("img", { src: ThreedotIcon }),
         iconPlacement: "left",
         size: "small",
         type: "default",

package/dist/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeaderInfo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatHeaderInfo.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeaderInfo.tsx"],"names":[],"mappings":"AAMA,QAAA,MAAM,cAAc,GAAI;;;;;CAAuC,4CA8B9D,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"ChatHeaderInfo.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeaderInfo.tsx"],"names":[],"mappings":"AAQA,QAAA,MAAM,cAAc,GAAI;;;;;CAAuC,4CA8B9D,CAAC;AAEF,eAAe,cAAc,CAAC"}

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

@@ -1,6 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
+import { getAssetUrl } from "../../../../../utils/assetBase.js";
 import { useTextOverflow } from "../../../../../utils/useTextOverflow.js";
 import { Tooltip } from "../../../../Tooltip/index.js";
+getAssetUrl("icons/checkGreeIcon.svg");
 const ChatHeaderInfo = ({ title, createdBy, createdAt, chatId }) => {
   const { textRef: fullTextRef, isOverflowing: isFullTextOverflowing } = useTextOverflow();
   const fullText = `${chatId ? `ID : ${chatId} ` : ""}Created by : ${createdBy}${createdAt ? ` at : ${createdAt}` : ""}`;

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

@@ -1 +1 @@
-{"version":3,"file":"ChatInput.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatRightSection/ChatInput/ChatInput.tsx"],"names":[],"mappings":"AAwBA,OAAO,yBAAyB,CAAC;AAGjC,eAAO,MAAM,SAAS,GAAI;;;;;;;;;;;;;;;;;;;CAmBzB,4CA0tBA,CAAC"}
+{"version":3,"file":"ChatInput.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatRightSection/ChatInput/ChatInput.tsx"],"names":[],"mappings":"AAWA,OAAO,yBAAyB,CAAC;AAgBjC,eAAO,MAAM,SAAS,GAAI;;;;;;;;;;;;;;;;;;;CAmBzB,4CA0tBA,CAAC"}

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

@@ -1,24 +1,27 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import React__default, { useState, useRef, useEffect } from "react";
-import CheckBlueIcon from "../../../../../assets/checkBlueIcon.svg.js";
-import CheckGreenIcon from "../../../../../assets/checkGreeIcon.svg.js";
-import CheckIcon from "../../../../../assets/checkIcon.svg.js";
-import DeleteRedIcon from "../../../../../assets/deleteRedIcon.svg.js";
-import EditYellowIcon from "../../../../../assets/editYellowIcon.svg.js";
-import ListIcon from "../../../../../assets/listIcon.svg.js";
-import NotAllowedGreenIcon from "../../../../../assets/notAllowedGreenIcon.svg.js";
-import ThumbsUpIcon from "../../../../../assets/thumbsupBlueIcon.svg.js";
+import React, { useState, useRef, useEffect } from "react";
+import { getAssetUrl } from "../../../../../utils/assetBase.js";
 import { Button } from "../../../../Button/index.js";
-import { EditorToolbar } from "../../TextEditor/EditorToolbar.js";
-import WarningRedIcon from "../../../../../assets/warningRedIcon.svg.js";
-import ThumbsUpYellowIcon from "../../../../../assets/thumbsUpYellowIcon.svg.js";
-import SendIcon from "../../../../../assets/sendIcon.svg.js";
 import { Menu } from "../../../../Menu/index.js";
+import { EditorToolbar } from "../../TextEditor/EditorToolbar.js";
+import { MentionEditor } from "../../TextEditor/Mention.js";
 import TableChatEmojiPicker from "../EmojiPicker/EmojiPicker.js";
 import FileUploader from "../FileUploader/FileUploader.js";
 import ImageUploader from "../ImageUploader/ImageUploader.js";
 /* empty css                      */
-import { MentionEditor } from "../../TextEditor/Mention.js";
+getAssetUrl("icons/ChatCheckIcon.svg");
+const CheckBlueIcon = getAssetUrl("icons/checkBlueIcon.svg");
+const CheckGreenIcon = getAssetUrl("icons/checkGreeIcon.svg");
+const CheckIcon = getAssetUrl("icons/checkIcon.svg");
+const DeleteRedIcon = getAssetUrl("icons/deleteRedIcon.svg");
+const EditYellowIcon = getAssetUrl("icons/editYellowIcon.svg");
+const ListIcon = getAssetUrl("icons/listIcon.svg");
+const NotAllowedGreenIcon = getAssetUrl("icons/notAllowedGreenIcon.svg");
+const ThumbsUpIcon = getAssetUrl("icons/thumbsupBlueIcon.svg");
+const WarningRedIcon = getAssetUrl("icons/warningRedIcon.svg");
+const ThumbsUpYellowIcon = getAssetUrl("icons/thumbsUpYellowIcon.svg");
+const SendIcon = getAssetUrl("icons/sendIcon.svg");
+getAssetUrl("icons/sendIconDisabled.svg");
 const ChatInput = ({
   placeholder = "Type message",
   value,
@@ -185,7 +188,7 @@ const ChatInput = ({
   };
   const quickActionMenuOptions = ((_b = (_a = messageConfig.messageConfig) == null ? void 0 : _a.quickActionProps) == null ? void 0 : _b.length) > 0 ? (_c = messageConfig.messageConfig) == null ? void 0 : _c.quickActionProps : defaultQuickActionMenuOptions;
   const priorityMenuOptions = ((_e = (_d = messageConfig.messageConfig) == null ? void 0 : _d.priorityOptions) == null ? void 0 : _e.length) > 0 ? (_f = messageConfig.messageConfig) == null ? void 0 : _f.priorityOptions : priorityOptions;
-  const updateFormatState = React__default.useCallback(() => {
+  const updateFormatState = React.useCallback(() => {
     var _a2;
     if ((_a2 = editorRef.current) == null ? void 0 : _a2.editor) {
       const editor = editorRef.current.editor;
@@ -228,7 +231,7 @@ const ChatInput = ({
     }
     return ((_a2 = selectedQuickAction == null ? void 0 : selectedQuickAction.prefillText) == null ? void 0 : _a2.trim()) || "";
   };
-  const handleInputChange = React__default.useCallback(
+  const handleInputChange = React.useCallback(
     (htmlContent) => {
       setMessage(htmlContent);
       onChange == null ? void 0 : onChange(htmlContent);

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

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

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

@@ -1,7 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState } from "react";
-import DeleteIcon from "../../../../../assets/deleteIcon.svg.js";
-import EditIcon from "../../../../../assets/pencilIcon.svg.js";
+import { getAssetUrl } from "../../../../../utils/assetBase.js";
 import { Menu } from "../../../../Menu/index.js";
 import { Prompt } from "../../../../Prompt/index.js";
 import ChatDefaultMessageType from "../ChatDefaultMessageType/ChatDefaultMessageType.js";
@@ -9,6 +8,10 @@ import { ChatDeletedMessageType } from "../ChatDeleteMessageType/ChatDeletedMess
 import ChatEditedMessageType from "../ChatEditedMessageType /ChatEditedMessageType.js";
 import { ChatMessageAvatar } from "../ChatMessageAvatar/ChatMessageAvatar.js";
 /* empty css                        */
+const DeleteIcon = getAssetUrl("icons/deleteIcon.svg");
+const EditIcon = getAssetUrl("icons/pencilIcon.svg");
+getAssetUrl("icons/replyIcon.svg");
+getAssetUrl("icons/unpinedIcon.svg");
 const ChatMessage = ({
   messageId,
   author,

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

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import EmojiPicker$1 from "../../../../../node_modules/emoji-picker-react/dist/emoji-picker-react.esm.js";
-import Popover from "../../../../../node_modules/@mui/material/Popover/Popover.js";
+import { Popover } from "@mui/material";
+import EmojiPicker from "emoji-picker-react";
 const TableChatEmojiPicker = ({ open, onClose, onEmojiClick, anchorEl }) => {
   const handleEmojiClick = (emojiObject) => {
     onEmojiClick == null ? void 0 : onEmojiClick(emojiObject.emoji);
@@ -19,7 +19,7 @@ const TableChatEmojiPicker = ({ open, onClose, onEmojiClick, anchorEl }) => {
         horizontal: "left"
       },
       onClose,
-      children: /* @__PURE__ */ jsx("div", { style: { padding: "8px" }, children: /* @__PURE__ */ jsx(EmojiPicker$1, { height: 400, width: 350, onEmojiClick: handleEmojiClick }) })
+      children: /* @__PURE__ */ jsx("div", { style: { padding: "8px" }, children: /* @__PURE__ */ jsx(EmojiPicker, { height: 400, width: 350, onEmojiClick: handleEmojiClick }) })
     }
   );
 };

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

@@ -1,13 +1,7 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import React__default from "react";
-import Box from "../../../../../node_modules/@mui/material/Box/Box.js";
-import Typography from "../../../../../node_modules/@mui/material/Typography/Typography.js";
-import IconButton from "../../../../../node_modules/@mui/material/IconButton/IconButton.js";
-import DownloadIcon from "../../../../../node_modules/@mui/icons-material/esm/FileDownload.js";
-import ReplayIcon from "../../../../../node_modules/@mui/icons-material/esm/Replay.js";
-import ClearIcon from "../../../../../node_modules/@mui/icons-material/esm/HighlightOff.js";
-import CloseIcon from "../../../../../node_modules/@mui/icons-material/esm/Close.js";
-import CircularProgress from "../../../../../node_modules/@mui/material/CircularProgress/CircularProgress.js";
+import React from "react";
+import { FileDownload, Replay, HighlightOff, Close } from "@mui/icons-material";
+import { Box, Typography, IconButton, CircularProgress } from "@mui/material";
 const scssStyles = `
 .file-uploader-container {
   display: flex;
@@ -97,7 +91,7 @@ const FileUploader = ({
   onRetry,
   onDownload
 }) => {
-  React__default.useEffect(() => {
+  React.useEffect(() => {
     injectStyles();
   }, []);
   const handleDownload = () => {
@@ -112,11 +106,11 @@ const FileUploader = ({
       file && /* @__PURE__ */ jsx(Typography, { className: "file-size", children: formatFileSize(file.size) })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "action-buttons", children: [
-      fileUrl && !isLoading && !isError && /* @__PURE__ */ jsx(IconButton, { size: "small", title: "Download file", onClick: handleDownload, children: /* @__PURE__ */ jsx(DownloadIcon, { sx: { fontSize: 20 } }) }),
+      fileUrl && !isLoading && !isError && /* @__PURE__ */ jsx(IconButton, { size: "small", title: "Download file", onClick: handleDownload, children: /* @__PURE__ */ jsx(FileDownload, { sx: { fontSize: 20 } }) }),
       isError ? /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(IconButton, { size: "small", title: "Retry upload", onClick: onRetry, children: /* @__PURE__ */ jsx(ReplayIcon, { sx: { fontSize: 20 } }) }),
-        /* @__PURE__ */ jsx(IconButton, { size: "small", title: "Clear", onClick: onClear, children: /* @__PURE__ */ jsx(ClearIcon, { sx: { fontSize: 20 } }) })
-      ] }) : /* @__PURE__ */ jsx(IconButton, { size: "small", title: "Remove file", onClick: onClear, children: /* @__PURE__ */ jsx(CloseIcon, { sx: { fontSize: 20 } }) })
+        /* @__PURE__ */ jsx(IconButton, { size: "small", title: "Retry upload", onClick: onRetry, children: /* @__PURE__ */ jsx(Replay, { sx: { fontSize: 20 } }) }),
+        /* @__PURE__ */ jsx(IconButton, { size: "small", title: "Clear", onClick: onClear, children: /* @__PURE__ */ jsx(HighlightOff, { sx: { fontSize: 20 } }) })
+      ] }) : /* @__PURE__ */ jsx(IconButton, { size: "small", title: "Remove file", onClick: onClear, children: /* @__PURE__ */ jsx(Close, { sx: { fontSize: 20 } }) })
     ] }),
     isLoading && /* @__PURE__ */ jsx("div", { className: "loading-overlay", children: /* @__PURE__ */ jsx(CircularProgress, { size: 20 }) }),
     isError && /* @__PURE__ */ jsx(Typography, { className: "error-message", children: errorMessage })

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

@@ -1,9 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import Box from "../../../../../node_modules/@mui/material/Box/Box.js";
-import CircularProgress from "../../../../../node_modules/@mui/material/CircularProgress/CircularProgress.js";
-import IconButton from "../../../../../node_modules/@mui/material/IconButton/IconButton.js";
-import ReplayIcon from "../../../../../node_modules/@mui/icons-material/esm/Replay.js";
-import ClearIcon from "../../../../../node_modules/@mui/icons-material/esm/HighlightOff.js";
+import { Replay, HighlightOff } from "@mui/icons-material";
+import { Box, CircularProgress, IconButton } from "@mui/material";
 const scssStyles = `
 .image-uploader-container {
   display: flex;
@@ -98,11 +95,11 @@ const ImageUploader = ({ image, isLoading, isError, handleClear, handleRetry })
     (isLoading || isError) && /* @__PURE__ */ jsxs(Box, { className: "action-overlay", children: [
       isLoading && /* @__PURE__ */ jsx(CircularProgress, { size: 20 }),
       isError && /* @__PURE__ */ jsxs(Box, { className: "error-icons", children: [
-        /* @__PURE__ */ jsx(IconButton, { "aria-label": "retry upload", color: "default", onClick: handleRetry, children: /* @__PURE__ */ jsx(ReplayIcon, { sx: { fontSize: 20 } }) }),
-        /* @__PURE__ */ jsx("div", { className: "clear-icon-container", children: /* @__PURE__ */ jsx(IconButton, { "aria-label": "clear image", color: "default", onClick: handleClear, children: /* @__PURE__ */ jsx(ClearIcon, { sx: { fontSize: 20 } }) }) })
+        /* @__PURE__ */ jsx(IconButton, { "aria-label": "retry upload", color: "default", onClick: handleRetry, children: /* @__PURE__ */ jsx(Replay, { sx: { fontSize: 20 } }) }),
+        /* @__PURE__ */ jsx("div", { className: "clear-icon-container", children: /* @__PURE__ */ jsx(IconButton, { "aria-label": "clear image", color: "default", onClick: handleClear, children: /* @__PURE__ */ jsx(HighlightOff, { sx: { fontSize: 20 } }) }) })
       ] })
     ] }),
-    image && !isLoading && !isError && /* @__PURE__ */ jsx("div", { className: "clear-icon-container", children: /* @__PURE__ */ jsx(IconButton, { "aria-label": "clear image", color: "default", onClick: handleClear, children: /* @__PURE__ */ jsx(ClearIcon, { sx: { fontSize: 20 } }) }) })
+    image && !isLoading && !isError && /* @__PURE__ */ jsx("div", { className: "clear-icon-container", children: /* @__PURE__ */ jsx(IconButton, { "aria-label": "clear image", color: "default", onClick: handleClear, children: /* @__PURE__ */ jsx(HighlightOff, { sx: { fontSize: 20 } }) }) })
   ] });
 };
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"PinedChatPanel.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatRightSection/PinedChatPanel/PinedChatPanel.tsx"],"names":[],"mappings":"AAOA,OAAO,yBAAyB,CAAC;AAmLjC,eAAO,MAAM,WAAW,GAAI;;;;;CAK3B,4CAsCA,CAAC"}
+{"version":3,"file":"PinedChatPanel.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatRightSection/PinedChatPanel/PinedChatPanel.tsx"],"names":[],"mappings":"AAQA,OAAO,yBAAyB,CAAC;AA6KjC,eAAO,MAAM,WAAW,GAAI;;;;;CAK3B,4CAsCA,CAAC"}

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

@@ -1,16 +1,18 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import default_1 from "../../../../../node_modules/@mui/icons-material/Block.js";
-import purify from "../../../../../node_modules/dompurify/dist/purify.es.js";
+import BlockIcon from "@mui/icons-material/Block";
+import DOMPurify from "dompurify";
+import { getAssetUrl } from "../../../../../utils/assetBase.js";
 import { Avatar } from "../../../../Avatar/index.js";
 import { ChatAvatar } from "../AvatarGroup/AvatarGroup.js";
 import { ChatInput } from "../ChatInput/ChatInput.js";
 /* empty css                      */
+const DEFAULT_CHAT_AVATAR = getAssetUrl("avatar_sample.webp");
 const renderContent = (content) => {
   if (!content) return null;
   if (typeof content === "string") {
     const hasHtmlTags = /<[^>]*>/g.test(content);
     if (hasHtmlTags) {
-      const sanitizedContent = purify.sanitize(content, {
+      const sanitizedContent = DOMPurify.sanitize(content, {
         ALLOWED_TAGS: [
           "p",
           "span",
@@ -77,24 +79,17 @@ const MessageItem = ({ type, msg, onMessageClick }) => {
             {
               label: msg == null ? void 0 : msg.userInitials,
               size: "small",
-              src: (msg == null ? void 0 : msg.src) || "static/media/src/assets/avatar_sample.jpeg",
+              src: (msg == null ? void 0 : msg.src) || DEFAULT_CHAT_AVATAR,
               type: "withoutPicture"
             }
-          ) : /* @__PURE__ */ jsx(
-            ChatAvatar,
-            {
-              name: msg == null ? void 0 : msg.userInitials,
-              size: "sm",
-              src: (msg == null ? void 0 : msg.src) || "static/media/src/assets/avatar_sample.jpeg"
-            }
-          ),
+          ) : /* @__PURE__ */ jsx(ChatAvatar, { name: msg == null ? void 0 : msg.userInitials, size: "sm", src: (msg == null ? void 0 : msg.src) || DEFAULT_CHAT_AVATAR }),
           /* @__PURE__ */ jsxs("div", { className: isPinned ? "pinned-info" : "thread-info", children: [
             isPinned && /* @__PURE__ */ jsxs("div", { className: "pinned-meta", children: [
               /* @__PURE__ */ jsx("span", { className: "user-title", children: msg.senderName }),
               type === "pinned" && /* @__PURE__ */ jsx("span", { className: "pinned-time", children: msg.timestamp })
             ] }),
             /* @__PURE__ */ jsx("div", { className: isPinned ? "pinned-text" : "thread-text", children: /* @__PURE__ */ jsxs("div", { className: "deleted-message-content", children: [
-              /* @__PURE__ */ jsx(default_1, { className: "delete-icon" }),
+              /* @__PURE__ */ jsx(BlockIcon, { className: "delete-icon" }),
               /* @__PURE__ */ jsx("span", { className: "deleted-text", children: "Message deleted by its author" })
             ] }) }),
             type === "thread" && /* @__PURE__ */ jsx("span", { className: "thread-time", children: msg.timestamp })
@@ -115,17 +110,10 @@ const MessageItem = ({ type, msg, onMessageClick }) => {
           {
             label: msg == null ? void 0 : msg.userInitials,
             size: "small",
-            src: (msg == null ? void 0 : msg.src) || "static/media/src/assets/avatar_sample.jpeg",
+            src: (msg == null ? void 0 : msg.src) || DEFAULT_CHAT_AVATAR,
             type: "withoutPicture"
           }
-        ) : /* @__PURE__ */ jsx(
-          ChatAvatar,
-          {
-            name: msg == null ? void 0 : msg.userInitials,
-            size: "sm",
-            src: (msg == null ? void 0 : msg.src) || "static/media/src/assets/avatar_sample.jpeg"
-          }
-        ),
+        ) : /* @__PURE__ */ jsx(ChatAvatar, { name: msg == null ? void 0 : msg.userInitials, size: "sm", src: (msg == null ? void 0 : msg.src) || DEFAULT_CHAT_AVATAR }),
         /* @__PURE__ */ jsxs("div", { className: isPinned ? "pinned-info" : "thread-info", children: [
           isPinned && /* @__PURE__ */ jsxs("div", { className: "pinned-meta", children: [
             /* @__PURE__ */ jsx("span", { className: "user-title", children: msg.senderName }),

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

@@ -1 +1 @@
-{"version":3,"file":"ReplyBadge.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatRightSection/ReplyBadge/ReplyBadge.tsx"],"names":[],"mappings":"AAGA,OAAO,0BAA0B,CAAC;AAElC,eAAO,MAAM,UAAU,GAAI;;;;;;;CAO1B,4CAeA,CAAC"}
+{"version":3,"file":"ReplyBadge.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatRightSection/ReplyBadge/ReplyBadge.tsx"],"names":[],"mappings":"AAGA,OAAO,0BAA0B,CAAC;AAIlC,eAAO,MAAM,UAAU,GAAI;;;;;;;CAO1B,4CAeA,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"TableChatRightSection.d.ts","sourceRoot":"","sources":["../../../../../src/components/TableChat/components/TableChatRightSection/TableChatRightSection.tsx"],"names":[],"mappings":"AAmBA,OAAO,qCAAqC,CAAC;AAE7C,QAAA,MAAM,qBAAqB,GAAI;;;;;;;;;;;;;;;;;;;;;;;;;;CAsC9B,4CA4rCA,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"TableChatRightSection.d.ts","sourceRoot":"","sources":["../../../../../src/components/TableChat/components/TableChatRightSection/TableChatRightSection.tsx"],"names":[],"mappings":"AAmBA,OAAO,qCAAqC,CAAC;AAI7C,QAAA,MAAM,qBAAqB,GAAI;;;;;;;;;;;;;;;;;;;;;;;;;;CAsC9B,4CA4rCA,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

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

@@ -1,10 +1,10 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import React__default, { useRef, useState, useCallback, useEffect } from "react";
+import React, { useRef, useState, useCallback, useEffect } from "react";
+import { getAssetUrl } from "../../../../utils/assetBase.js";
 import { ChatHeader } from "./ChatHeader/ChatHeader.js";
 import { ChatInput } from "./ChatInput/ChatInput.js";
 import { ChatMessage } from "./ChatMessages/ChatMessage.js";
 import { DateSeparator } from "./DateSeparator/DateSeparator.js";
-import SearchIcon from "../../../../assets/searchIcon.svg.js";
 import { Avatar } from "../../../Avatar/index.js";
 import { Button } from "../../../Button/index.js";
 import { Checkbox } from "../../../Checkbox/index.js";
@@ -16,6 +16,7 @@ import { EmptyContainer } from "../../EmptyContainer.js";
 import useInfiniteScroll from "../../hooks/useInfiniteScroll.js";
 import ChatMessageListSkeleton from "../ChatMessageSkeleton/ChatMessageListSkeleton.js";
 /* empty css                                  */
+const SearchIcon = getAssetUrl("icons/searchIcon.svg");
 const TableChatRightSection = ({
   // Header props
   title,
@@ -827,7 +828,7 @@ const TableChatRightSection = ({
               onSecondaryButtonClick: () => {
                 setShowAddMembers(false);
               },
-              children: /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
+              children: /* @__PURE__ */ jsxs(React.Fragment, { children: [
                 /* @__PURE__ */ jsx("div", { className: "modal-header-search-input-container", children: /* @__PURE__ */ jsx(
                   Input,
                   {