@elqnt/chat 1.0.21 → 2.0.0

package/dist/index.mjs

@@ -1,207 +1,8 @@
 "use client";
 
 // components/admin/admin-chat-input.tsx
-import { useUserContext } from "@elqnt/auth";
 import KSUID from "ksuid";
-
-// ../../node_modules/lucide-react/dist/esm/createLucideIcon.js
-import { forwardRef as forwardRef2, createElement as createElement2 } from "react";
-
-// ../../node_modules/lucide-react/dist/esm/shared/src/utils.js
-var toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
-var mergeClasses = (...classes) => classes.filter((className, index, array) => {
-  return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index;
-}).join(" ").trim();
-
-// ../../node_modules/lucide-react/dist/esm/Icon.js
-import { forwardRef, createElement } from "react";
-
-// ../../node_modules/lucide-react/dist/esm/defaultAttributes.js
-var defaultAttributes = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: 24,
-  height: 24,
-  viewBox: "0 0 24 24",
-  fill: "none",
-  stroke: "currentColor",
-  strokeWidth: 2,
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-};
-
-// ../../node_modules/lucide-react/dist/esm/Icon.js
-var Icon = forwardRef(
-  ({
-    color = "currentColor",
-    size = 24,
-    strokeWidth = 2,
-    absoluteStrokeWidth,
-    className = "",
-    children,
-    iconNode,
-    ...rest
-  }, ref) => {
-    return createElement(
-      "svg",
-      {
-        ref,
-        ...defaultAttributes,
-        width: size,
-        height: size,
-        stroke: color,
-        strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size) : strokeWidth,
-        className: mergeClasses("lucide", className),
-        ...rest
-      },
-      [
-        ...iconNode.map(([tag, attrs]) => createElement(tag, attrs)),
-        ...Array.isArray(children) ? children : [children]
-      ]
-    );
-  }
-);
-
-// ../../node_modules/lucide-react/dist/esm/createLucideIcon.js
-var createLucideIcon = (iconName, iconNode) => {
-  const Component = forwardRef2(
-    ({ className, ...props }, ref) => createElement2(Icon, {
-      ref,
-      iconNode,
-      className: mergeClasses(`lucide-${toKebabCase(iconName)}`, className),
-      ...props
-    })
-  );
-  Component.displayName = `${iconName}`;
-  return Component;
-};
-
-// ../../node_modules/lucide-react/dist/esm/icons/bot.js
-var __iconNode = [
-  ["path", { d: "M12 8V4H8", key: "hb8ula" }],
-  ["rect", { width: "16", height: "12", x: "4", y: "8", rx: "2", key: "enze0r" }],
-  ["path", { d: "M2 14h2", key: "vft8re" }],
-  ["path", { d: "M20 14h2", key: "4cs60a" }],
-  ["path", { d: "M15 13v2", key: "1xurst" }],
-  ["path", { d: "M9 13v2", key: "rq6x2g" }]
-];
-var Bot = createLucideIcon("Bot", __iconNode);
-
-// ../../node_modules/lucide-react/dist/esm/icons/check-check.js
-var __iconNode2 = [
-  ["path", { d: "M18 6 7 17l-5-5", key: "116fxf" }],
-  ["path", { d: "m22 10-7.5 7.5L13 16", key: "ke71qq" }]
-];
-var CheckCheck = createLucideIcon("CheckCheck", __iconNode2);
-
-// ../../node_modules/lucide-react/dist/esm/icons/check.js
-var __iconNode3 = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
-var Check = createLucideIcon("Check", __iconNode3);
-
-// ../../node_modules/lucide-react/dist/esm/icons/circle-alert.js
-var __iconNode4 = [
-  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
-  ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
-  ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]
-];
-var CircleAlert = createLucideIcon("CircleAlert", __iconNode4);
-
-// ../../node_modules/lucide-react/dist/esm/icons/circle-x.js
-var __iconNode5 = [
-  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
-  ["path", { d: "m15 9-6 6", key: "1uzhvr" }],
-  ["path", { d: "m9 9 6 6", key: "z0biqf" }]
-];
-var CircleX = createLucideIcon("CircleX", __iconNode5);
-
-// ../../node_modules/lucide-react/dist/esm/icons/loader-circle.js
-var __iconNode6 = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
-var LoaderCircle = createLucideIcon("LoaderCircle", __iconNode6);
-
-// ../../node_modules/lucide-react/dist/esm/icons/log-out.js
-var __iconNode7 = [
-  ["path", { d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4", key: "1uf3rs" }],
-  ["polyline", { points: "16 17 21 12 16 7", key: "1gabdz" }],
-  ["line", { x1: "21", x2: "9", y1: "12", y2: "12", key: "1uyos4" }]
-];
-var LogOut = createLucideIcon("LogOut", __iconNode7);
-
-// ../../node_modules/lucide-react/dist/esm/icons/paperclip.js
-var __iconNode8 = [
-  ["path", { d: "M13.234 20.252 21 12.3", key: "1cbrk9" }],
-  [
-    "path",
-    {
-      d: "m16 6-8.414 8.586a2 2 0 0 0 0 2.828 2 2 0 0 0 2.828 0l8.414-8.586a4 4 0 0 0 0-5.656 4 4 0 0 0-5.656 0l-8.415 8.585a6 6 0 1 0 8.486 8.486",
-      key: "1pkts6"
-    }
-  ]
-];
-var Paperclip = createLucideIcon("Paperclip", __iconNode8);
-
-// ../../node_modules/lucide-react/dist/esm/icons/phone.js
-var __iconNode9 = [
-  [
-    "path",
-    {
-      d: "M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z",
-      key: "foiqr5"
-    }
-  ]
-];
-var Phone = createLucideIcon("Phone", __iconNode9);
-
-// ../../node_modules/lucide-react/dist/esm/icons/plus.js
-var __iconNode10 = [
-  ["path", { d: "M5 12h14", key: "1ays0h" }],
-  ["path", { d: "M12 5v14", key: "s699le" }]
-];
-var Plus = createLucideIcon("Plus", __iconNode10);
-
-// ../../node_modules/lucide-react/dist/esm/icons/send.js
-var __iconNode11 = [
-  [
-    "path",
-    {
-      d: "M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z",
-      key: "1ffxy3"
-    }
-  ],
-  ["path", { d: "m21.854 2.147-10.94 10.939", key: "12cjpa" }]
-];
-var Send = createLucideIcon("Send", __iconNode11);
-
-// ../../node_modules/lucide-react/dist/esm/icons/user-check.js
-var __iconNode12 = [
-  ["path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2", key: "1yyitq" }],
-  ["circle", { cx: "9", cy: "7", r: "4", key: "nufk8" }],
-  ["polyline", { points: "16 11 18 13 22 9", key: "1pwet4" }]
-];
-var UserCheck = createLucideIcon("UserCheck", __iconNode12);
-
-// ../../node_modules/lucide-react/dist/esm/icons/user-cog.js
-var __iconNode13 = [
-  ["circle", { cx: "18", cy: "15", r: "3", key: "gjjjvw" }],
-  ["circle", { cx: "9", cy: "7", r: "4", key: "nufk8" }],
-  ["path", { d: "M10 15H6a4 4 0 0 0-4 4v2", key: "1nfge6" }],
-  ["path", { d: "m21.7 16.4-.9-.3", key: "12j9ji" }],
-  ["path", { d: "m15.2 13.9-.9-.3", key: "1fdjdi" }],
-  ["path", { d: "m16.6 18.7.3-.9", key: "heedtr" }],
-  ["path", { d: "m19.1 12.2.3-.9", key: "1af3ki" }],
-  ["path", { d: "m19.6 18.7-.4-1", key: "1x9vze" }],
-  ["path", { d: "m16.8 12.3-.4-1", key: "vqeiwj" }],
-  ["path", { d: "m14.3 16.6 1-.4", key: "1qlj63" }],
-  ["path", { d: "m20.7 13.8 1-.4", key: "1v5t8k" }]
-];
-var UserCog = createLucideIcon("UserCog", __iconNode13);
-
-// ../../node_modules/lucide-react/dist/esm/icons/user.js
-var __iconNode14 = [
-  ["path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2", key: "975kel" }],
-  ["circle", { cx: "12", cy: "7", r: "4", key: "17ys0d" }]
-];
-var User = createLucideIcon("User", __iconNode14);
-
-// components/admin/admin-chat-input.tsx
+import { Paperclip, Send } from "lucide-react";
 import { useRef as useRef2, useState as useState4 } from "react";
 
 // context/websocket-chat-admin-context.tsx
@@ -1643,11 +1444,12 @@ var useWebSocketChatAdminContext = () => {
 // components/admin/admin-chat-input.tsx
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 var AdminChatInput = ({
+  userId,
+  orgId,
   onFileUpload,
   chatKey
 }) => {
   const { sendMessage } = useWebSocketChatAdminContext();
-  const { user, selectedOrgId } = useUserContext();
   const [input, setInput] = useState4("");
   const [isUploading, setIsUploading] = useState4(false);
   const [isSending, setIsSending] = useState4(false);
@@ -1655,7 +1457,7 @@ var AdminChatInput = ({
   const MAX_FILE_SIZE = 5 * 1024 * 1024;
   const handleSend = async () => {
     if (!input.trim() && !isUploading || isSending) return;
-    if (!chatKey || !selectedOrgId || !user?.id) {
+    if (!chatKey || !orgId || !userId) {
       console.error("chatKey, orgId, or userId is not defined");
       return;
     }
@@ -1664,13 +1466,13 @@ var AdminChatInput = ({
       sendMessage({
         type: "message",
         chatKey,
-        orgId: selectedOrgId,
-        userId: user?.id,
+        orgId,
+        userId,
         message: {
           id: KSUID.randomSync().string,
           content: input,
           role: "user",
-          senderId: user?.id,
+          senderId: userId,
           time: Date.now(),
           status: "sending",
           createdAt: Date.now()
@@ -1706,7 +1508,7 @@ var AdminChatInput = ({
         url: file.url,
         title: file.name
       }));
-      if (!chatKey || !selectedOrgId || !user?.id) {
+      if (!chatKey || !orgId || !userId) {
         console.error("chatKey, orgId, or userId is not defined");
         return;
       }
@@ -1776,7 +1578,7 @@ var AdminChatInput = ({
 };
 
 // components/admin/chat-human-agent-actions.tsx
-import { useUserContext as useUserContext2 } from "@elqnt/auth";
+import { LogOut, Phone, Plus, User as UserIcon, XCircle } from "lucide-react";
 
 // context/websocket-chat-customer-context.tsx
 import { createContext as createContext2, useContext as useContext2 } from "react";
@@ -1804,43 +1606,42 @@ var useWebSocketChatCustomerContext = () => {
 
 // components/admin/chat-human-agent-actions.tsx
 import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
-var ChatHumanAgentActions = ({}) => {
-  const { user, selectedOrgId } = useUserContext2();
+var ChatHumanAgentActions = ({ user, orgId }) => {
   const { selectedChat, addUserToChat, removeUserFromChat, blockUser } = useWebSocketChatAdminContext();
   const handleJoinChat = () => {
-    if (!selectedChat || !user || !selectedOrgId) return;
-    addUserToChat(selectedOrgId, selectedChat.key, {
+    if (!selectedChat || !user || !orgId) return;
+    addUserToChat(orgId, selectedChat.key, {
       id: user.id,
       role: "humanAgent",
-      name: user.firstName + " " + user.lastName,
+      name: [user.firstName, user.lastName].filter(Boolean).join(" ") || user.email,
       email: user.email,
       authProvider: "tbd",
       authToken: "tbd"
     });
   };
   const handleLeaveChat = () => {
-    if (!selectedChat || !user || !selectedOrgId) return;
-    removeUserFromChat(selectedOrgId, selectedChat.key, user.id);
+    if (!selectedChat || !user || !orgId) return;
+    removeUserFromChat(orgId, selectedChat.key, user.id);
   };
   const handleEndChat = () => {
-    if (!selectedChat || !user || !selectedOrgId) return;
+    if (!selectedChat || !user || !orgId) return;
   };
   const handleStartCall = () => {
-    if (!selectedChat || !user || !selectedOrgId) return;
+    if (!selectedChat || !user || !orgId) return;
   };
   const handleCreateCase = () => {
-    if (!selectedChat || !user || !selectedOrgId) return;
+    if (!selectedChat || !user || !orgId) return;
   };
   const handleBlockUser = () => {
-    if (!selectedChat || !user || !selectedOrgId) return;
-    blockUser(selectedOrgId, selectedChat.key, user.id);
+    if (!selectedChat || !user || !orgId) return;
+    blockUser(orgId, selectedChat.key, user.id);
   };
   if (!selectedChat) return null;
   return /* @__PURE__ */ jsxs2("div", { className: "p-4 border-b bg-white flex items-center justify-between", children: [
     /* @__PURE__ */ jsxs2("div", { className: "flex items-center space-x-4", children: [
       /* @__PURE__ */ jsx4("h2", { className: "font-semibold text-lg", children: selectedChat.title || `Chat ${selectedChat.key}` }),
       selectedChat.humanAgentEngaged && /* @__PURE__ */ jsxs2("span", { className: "inline-flex items-center rounded-full bg-green-100 px-2.5 py-0.5 text-sm font-medium text-green-800", children: [
-        /* @__PURE__ */ jsx4(User, { className: "mr-1 h-4 w-4" }),
+        /* @__PURE__ */ jsx4(UserIcon, { className: "mr-1 h-4 w-4" }),
         "Agent Engaged"
       ] })
     ] }),
@@ -1851,7 +1652,7 @@ var ChatHumanAgentActions = ({}) => {
           onClick: handleJoinChat,
           className: "bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded-lg flex items-center space-x-2 transition-colors",
           children: [
-            /* @__PURE__ */ jsx4(User, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsx4(UserIcon, { className: "h-4 w-4" }),
             /* @__PURE__ */ jsx4("span", { children: "Join Chat" })
           ]
         }
@@ -1872,7 +1673,7 @@ var ChatHumanAgentActions = ({}) => {
           onClick: handleEndChat,
           className: "bg-red-500 hover:bg-red-600 text-white px-4 py-2 rounded-lg flex items-center space-x-2 transition-colors",
           children: [
-            /* @__PURE__ */ jsx4(CircleX, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsx4(XCircle, { className: "h-4 w-4" }),
             /* @__PURE__ */ jsx4("span", { children: "End Chat" })
           ]
         }
@@ -1883,7 +1684,7 @@ var ChatHumanAgentActions = ({}) => {
           onClick: handleBlockUser,
           className: "bg-red-500 hover:bg-red-600 text-white px-4 py-2 rounded-lg flex items-center space-x-2 transition-colors",
           children: [
-            /* @__PURE__ */ jsx4(CircleX, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsx4(XCircle, { className: "h-4 w-4" }),
             /* @__PURE__ */ jsx4("span", { children: "Block User" })
           ]
         }
@@ -1916,8 +1717,9 @@ var ChatHumanAgentActions = ({}) => {
 };
 
 // components/admin/admin-chat-list.tsx
-import { ScrollArea } from "@elqnt/react";
+import { AlertCircle, Bot, Loader2, UserCheck } from "lucide-react";
 import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+var ScrollArea = ({ className, children }) => /* @__PURE__ */ jsx5("div", { className: `overflow-auto ${className || ""}`, children });
 var AdminChatList = ({ className }) => {
   const { chats, selectedChat, selectChat } = useWebSocketChatAdminContext();
   const sortedChats = Array.from(chats.values()).sort(
@@ -1950,7 +1752,7 @@ var AdminChatListItem = ({
       children: /* @__PURE__ */ jsxs3("div", { className: "flex items-start space-x-3", children: [
         /* @__PURE__ */ jsxs3("div", { className: "shrink-0", children: [
           chat.aiEngaged && /* @__PURE__ */ jsx5(Bot, { className: "w-6 h-6 text-blue-500" }),
-          chat.isWaitingForAgent && /* @__PURE__ */ jsx5(LoaderCircle, { className: "w-6 h-6 text-blue-500 animate-spin text-orange-500" }),
+          chat.isWaitingForAgent && /* @__PURE__ */ jsx5(Loader2, { className: "w-6 h-6 text-blue-500 animate-spin text-orange-500" }),
           chat.humanAgentEngaged && /* @__PURE__ */ jsx5(UserCheck, { className: "w-6 h-6 text-blue-500 text-green-500" })
         ] }),
         /* @__PURE__ */ jsxs3("div", { className: "flex-1 min-w-0", children: [
@@ -1958,7 +1760,7 @@ var AdminChatListItem = ({
           lastMessage && /* @__PURE__ */ jsx5("p", { className: "mt-1 text-sm text-gray-500 truncate", children: lastMessage.content }),
           /* @__PURE__ */ jsxs3("div", { className: "mt-1 flex items-center space-x-2", children: [
             chat.isWaiting && /* @__PURE__ */ jsxs3("span", { className: "inline-flex items-center rounded-full bg-yellow-100 px-2 py-0.5 text-xs font-medium text-yellow-800", children: [
-              /* @__PURE__ */ jsx5(CircleAlert, { className: "mr-1 h-3 w-3" }),
+              /* @__PURE__ */ jsx5(AlertCircle, { className: "mr-1 h-3 w-3" }),
               "Waiting"
             ] }),
             chat.humanAgentEngaged && /* @__PURE__ */ jsxs3("span", { className: "inline-flex items-center rounded-full bg-green-100 px-2 py-0.5 text-xs font-medium text-green-800", children: [
@@ -2029,13 +1831,12 @@ var ChatHeader = () => {
 };
 
 // components/customer/chat-input.tsx
-import { useUserContext as useUserContext3 } from "@elqnt/auth";
 import KSUID2 from "ksuid";
+import { Paperclip as Paperclip2, Send as Send2 } from "lucide-react";
 import { useRef as useRef3, useState as useState5 } from "react";
 import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
-var ChatInput = ({ onFileUpload }) => {
+var ChatInput = ({ userId, orgId, onFileUpload }) => {
   const { sendMessage, chatKey } = useWebSocketChatCustomerContext();
-  const { user, selectedOrgId } = useUserContext3();
   const [input, setInput] = useState5("");
   const [isUploading, setIsUploading] = useState5(false);
   const [isSending, setIsSending] = useState5(false);
@@ -2043,7 +1844,7 @@ var ChatInput = ({ onFileUpload }) => {
   const MAX_FILE_SIZE = 5 * 1024 * 1024;
   const handleSend = async () => {
     if (!input.trim() && !isUploading || isSending) return;
-    if (!chatKey || !selectedOrgId || !user?.id) {
+    if (!chatKey || !orgId || !userId) {
       console.error("chatKey, orgId, or userId is not defined");
       return;
     }
@@ -2052,13 +1853,13 @@ var ChatInput = ({ onFileUpload }) => {
       sendMessage({
         type: "message",
         chatKey,
-        orgId: selectedOrgId,
-        userId: user?.id,
+        orgId,
+        userId,
         message: {
           id: KSUID2.randomSync().string,
           content: input,
           role: "user",
-          senderId: user?.id,
+          senderId: userId,
           time: Date.now(),
           status: "sending",
           createdAt: Date.now()
@@ -2094,7 +1895,7 @@ var ChatInput = ({ onFileUpload }) => {
         url: file.url,
         title: file.name
       }));
-      if (!chatKey || !selectedOrgId || !user?.id) {
+      if (!chatKey || !orgId || !userId) {
         console.error("chatKey, orgId, or userId is not defined");
         return;
       }
@@ -2125,7 +1926,7 @@ var ChatInput = ({ onFileUpload }) => {
           className: "p-2 text-gray-500 hover:text-gray-700 rounded-full hover:bg-gray-100 transition-colors",
           disabled: isUploading,
           "aria-label": "Attach file",
-          children: isUploading ? /* @__PURE__ */ jsx9("span", { className: "w-5 h-5 animate-spin rounded-full border-2 border-gray-300 border-t-gray-600" }) : /* @__PURE__ */ jsx9(Paperclip, { className: "w-5 h-5" })
+          children: isUploading ? /* @__PURE__ */ jsx9("span", { className: "w-5 h-5 animate-spin rounded-full border-2 border-gray-300 border-t-gray-600" }) : /* @__PURE__ */ jsx9(Paperclip2, { className: "w-5 h-5" })
         }
       ),
       /* @__PURE__ */ jsx9("div", { className: "flex-1 relative", children: /* @__PURE__ */ jsx9(
@@ -2155,7 +1956,7 @@ var ChatInput = ({ onFileUpload }) => {
           disabled: !input.trim() && !isUploading || isSending,
           className: `p-2 rounded-full transition-colors ${!input.trim() && !isUploading || isSending ? "text-gray-400 bg-gray-100" : "text-white bg-blue-500 hover:bg-blue-600"}`,
           "aria-label": "Send message",
-          children: isSending ? /* @__PURE__ */ jsx9("span", { className: "w-5 h-5 animate-spin rounded-full border-2 border-gray-300 border-t-white" }) : /* @__PURE__ */ jsx9(Send, { className: "w-5 h-5" })
+          children: isSending ? /* @__PURE__ */ jsx9("span", { className: "w-5 h-5 animate-spin rounded-full border-2 border-gray-300 border-t-white" }) : /* @__PURE__ */ jsx9(Send2, { className: "w-5 h-5" })
         }
       )
     ] }),
@@ -3735,6 +3536,17 @@ function cleanEscapedString(input) {
   return matched[1].replace(doubleQuoteRegExp, "'");
 }
 
+// components/customer/chat-message.tsx
+import {
+  AlertCircle as AlertCircle2,
+  Bot as Bot2,
+  Check,
+  CheckCheck,
+  Paperclip as Paperclip3,
+  User,
+  UserCog
+} from "lucide-react";
+
 // components/markdown-renderer.tsx
 import ReactMarkdown from "react-markdown";
 import remarkGfm from "remark-gfm";
@@ -3803,7 +3615,7 @@ var Message = ({
       target: "_blank",
       rel: "noopener noreferrer",
       children: [
-        /* @__PURE__ */ jsx11(Paperclip, { className: "w-4 h-4" }),
+        /* @__PURE__ */ jsx11(Paperclip3, { className: "w-4 h-4" }),
         /* @__PURE__ */ jsx11("span", { children: attachment.title })
       ]
     }
@@ -3818,7 +3630,7 @@ var Message = ({
       children: [
         /* @__PURE__ */ jsx11("div", { className: "flex pt-10 w-10", children: /* @__PURE__ */ jsxs8("div", { className: "w-8 h-8 rounded-full flex justify-center", children: [
           message2.role === "user" && /* @__PURE__ */ jsx11(User, {}),
-          message2.role === "ai" && /* @__PURE__ */ jsx11(Bot, {}),
+          message2.role === "ai" && /* @__PURE__ */ jsx11(Bot2, {}),
           message2.role === "humanAgent" && /* @__PURE__ */ jsx11(UserCog, {})
         ] }) }),
         /* @__PURE__ */ jsxs8(
@@ -3842,7 +3654,7 @@ var Message = ({
                       onClick: () => onRetry(message2.id),
                       className: "text-red-300 hover:text-red-400",
                       "aria-label": "Retry sending message",
-                      children: /* @__PURE__ */ jsx11(CircleAlert, { className: "w-4 h-4" })
+                      children: /* @__PURE__ */ jsx11(AlertCircle2, { className: "w-4 h-4" })
                     }
                   )
                 ] })
@@ -3908,9 +3720,12 @@ var ChatTypingIndicator = ({
 };
 
 // components/customer/generic-chat-widget.tsx
-import { Alert } from "@elqnt/react";
 import { useState as useState6 } from "react";
 import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+var Alert = ({ title, description }) => /* @__PURE__ */ jsxs11("div", { className: "p-4 bg-red-50 border border-red-200 rounded-lg", role: "alert", children: [
+  /* @__PURE__ */ jsx13("p", { className: "font-medium text-red-800", children: title }),
+  /* @__PURE__ */ jsx13("p", { className: "text-sm text-red-600", children: description })
+] });
 var GenericChatWidget = ({
   onFileUpload
 }) => {
@@ -4132,32 +3947,4 @@ export {
   useWebSocketChatCustomer,
   useWebSocketChatCustomerContext
 };
-/*! Bundled license information:
-
-lucide-react/dist/esm/shared/src/utils.js:
-lucide-react/dist/esm/defaultAttributes.js:
-lucide-react/dist/esm/Icon.js:
-lucide-react/dist/esm/createLucideIcon.js:
-lucide-react/dist/esm/icons/bot.js:
-lucide-react/dist/esm/icons/check-check.js:
-lucide-react/dist/esm/icons/check.js:
-lucide-react/dist/esm/icons/circle-alert.js:
-lucide-react/dist/esm/icons/circle-x.js:
-lucide-react/dist/esm/icons/loader-circle.js:
-lucide-react/dist/esm/icons/log-out.js:
-lucide-react/dist/esm/icons/paperclip.js:
-lucide-react/dist/esm/icons/phone.js:
-lucide-react/dist/esm/icons/plus.js:
-lucide-react/dist/esm/icons/send.js:
-lucide-react/dist/esm/icons/user-check.js:
-lucide-react/dist/esm/icons/user-cog.js:
-lucide-react/dist/esm/icons/user.js:
-lucide-react/dist/esm/lucide-react.js:
-  (**
-   * @license lucide-react v0.483.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   *)
-*/
 //# sourceMappingURL=index.mjs.map