@elqnt/chat 1.0.21 → 2.0.0

package/dist/index.js

@@ -231,214 +231,15 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // components/admin/admin-chat-input.tsx
-var import_auth = require("@elqnt/auth");
 var import_ksuid = __toESM(require("ksuid"));
-
-// ../../node_modules/lucide-react/dist/esm/createLucideIcon.js
-var import_react2 = require("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
-var import_react = require("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 = (0, import_react.forwardRef)(
-  ({
-    color = "currentColor",
-    size = 24,
-    strokeWidth = 2,
-    absoluteStrokeWidth,
-    className = "",
-    children,
-    iconNode,
-    ...rest
-  }, ref) => {
-    return (0, import_react.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]) => (0, import_react.createElement)(tag, attrs)),
-        ...Array.isArray(children) ? children : [children]
-      ]
-    );
-  }
-);
-
-// ../../node_modules/lucide-react/dist/esm/createLucideIcon.js
-var createLucideIcon = (iconName, iconNode) => {
-  const Component = (0, import_react2.forwardRef)(
-    ({ className, ...props }, ref) => (0, import_react2.createElement)(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
-var import_react7 = require("react");
+var import_lucide_react = require("lucide-react");
+var import_react5 = require("react");
 
 // context/websocket-chat-admin-context.tsx
-var import_react6 = require("react");
+var import_react4 = require("react");
 
 // hooks/use-websocket-chat-admin.ts
-var import_react4 = require("react");
+var import_react2 = require("react");
 
 // models/chat-models.ts
 var ChatStatusActive = "active";
@@ -624,7 +425,7 @@ var TriggerAnalyticsScanSubject = "chat.analytics.trigger-scan";
 var SetupOrgSubject = "chat.org.setup";
 
 // hooks/use-websocket-chat-base.ts
-var import_react3 = require("react");
+var import_react = require("react");
 var createDefaultLogger = (debug) => ({
   debug: debug ? console.log : () => {
   },
@@ -662,10 +463,10 @@ var useWebSocketChatBase = ({
   heartbeatTimeout = DEFAULT_HEARTBEAT_TIMEOUT,
   transport = DEFAULT_TRANSPORT
 }) => {
-  const [connectionState, setConnectionState] = (0, import_react3.useState)("disconnected");
-  const [error, setError] = (0, import_react3.useState)(void 0);
-  const [startTime, setStartTime] = (0, import_react3.useState)(void 0);
-  const [metrics, setMetrics] = (0, import_react3.useState)({
+  const [connectionState, setConnectionState] = (0, import_react.useState)("disconnected");
+  const [error, setError] = (0, import_react.useState)(void 0);
+  const [startTime, setStartTime] = (0, import_react.useState)(void 0);
+  const [metrics, setMetrics] = (0, import_react.useState)({
     latency: 0,
     messagesSent: 0,
     messagesReceived: 0,
@@ -673,41 +474,41 @@ var useWebSocketChatBase = ({
     reconnectCount: 0,
     transportType: transport
   });
-  const wsRef = (0, import_react3.useRef)(void 0);
-  const sseRef = (0, import_react3.useRef)(void 0);
-  const transportRef = (0, import_react3.useRef)(transport);
-  (0, import_react3.useEffect)(() => {
+  const wsRef = (0, import_react.useRef)(void 0);
+  const sseRef = (0, import_react.useRef)(void 0);
+  const transportRef = (0, import_react.useRef)(transport);
+  (0, import_react.useEffect)(() => {
     transportRef.current = transport;
   }, [transport]);
-  const reconnectTimeoutRef = (0, import_react3.useRef)(void 0);
-  const retryCountRef = (0, import_react3.useRef)(0);
-  const messageQueueRef = (0, import_react3.useRef)([]);
-  const mountedRef = (0, import_react3.useRef)(false);
-  const currentChatKeyRef = (0, import_react3.useRef)(void 0);
-  const currentUserIdRef = (0, import_react3.useRef)(void 0);
-  const intentionalDisconnectRef = (0, import_react3.useRef)(false);
-  const eventHandlersRef = (0, import_react3.useRef)(
+  const reconnectTimeoutRef = (0, import_react.useRef)(void 0);
+  const retryCountRef = (0, import_react.useRef)(0);
+  const messageQueueRef = (0, import_react.useRef)([]);
+  const mountedRef = (0, import_react.useRef)(false);
+  const currentChatKeyRef = (0, import_react.useRef)(void 0);
+  const currentUserIdRef = (0, import_react.useRef)(void 0);
+  const intentionalDisconnectRef = (0, import_react.useRef)(false);
+  const eventHandlersRef = (0, import_react.useRef)(
     /* @__PURE__ */ new Map()
   );
-  const onMessageRef = (0, import_react3.useRef)(onMessage);
-  const pendingMessagesRef = (0, import_react3.useRef)(/* @__PURE__ */ new Map());
-  const heartbeatIntervalRef = (0, import_react3.useRef)(void 0);
-  const heartbeatTimeoutRef = (0, import_react3.useRef)(void 0);
-  const lastPongRef = (0, import_react3.useRef)(Date.now());
-  const chatCreationPromiseRef = (0, import_react3.useRef)(null);
-  const loadChatRetryMapRef = (0, import_react3.useRef)(/* @__PURE__ */ new Map());
-  (0, import_react3.useEffect)(() => {
+  const onMessageRef = (0, import_react.useRef)(onMessage);
+  const pendingMessagesRef = (0, import_react.useRef)(/* @__PURE__ */ new Map());
+  const heartbeatIntervalRef = (0, import_react.useRef)(void 0);
+  const heartbeatTimeoutRef = (0, import_react.useRef)(void 0);
+  const lastPongRef = (0, import_react.useRef)(Date.now());
+  const chatCreationPromiseRef = (0, import_react.useRef)(null);
+  const loadChatRetryMapRef = (0, import_react.useRef)(/* @__PURE__ */ new Map());
+  (0, import_react.useEffect)(() => {
     onMessageRef.current = onMessage;
   }, [onMessage]);
   const isConnected = connectionState === "connected";
-  const on = (0, import_react3.useCallback)((eventType, handler) => {
+  const on = (0, import_react.useCallback)((eventType, handler) => {
     if (!eventHandlersRef.current.has(eventType)) {
       eventHandlersRef.current.set(eventType, /* @__PURE__ */ new Set());
     }
     eventHandlersRef.current.get(eventType).add(handler);
     return () => off(eventType, handler);
   }, []);
-  const off = (0, import_react3.useCallback)((eventType, handler) => {
+  const off = (0, import_react.useCallback)((eventType, handler) => {
     const handlers = eventHandlersRef.current.get(eventType);
     if (handlers) {
       handlers.delete(handler);
@@ -716,7 +517,7 @@ var useWebSocketChatBase = ({
       }
     }
   }, []);
-  const emit = (0, import_react3.useCallback)(
+  const emit = (0, import_react.useCallback)(
     (eventType, data) => {
       const handlers = eventHandlersRef.current.get(eventType);
       if (handlers) {
@@ -731,10 +532,10 @@ var useWebSocketChatBase = ({
     },
     [logger]
   );
-  const updateMetrics = (0, import_react3.useCallback)((updates) => {
+  const updateMetrics = (0, import_react.useCallback)((updates) => {
     setMetrics((prev) => ({ ...prev, ...updates }));
   }, []);
-  const addToQueue = (0, import_react3.useCallback)(
+  const addToQueue = (0, import_react.useCallback)(
     (event) => {
       const currentQueueSize = messageQueueRef.current.length;
       const maxSize = queueConfig.maxSize || DEFAULT_QUEUE_CONFIG.maxSize;
@@ -753,7 +554,7 @@ var useWebSocketChatBase = ({
     },
     [queueConfig, logger, updateMetrics]
   );
-  const calculateRetryInterval = (0, import_react3.useCallback)(
+  const calculateRetryInterval = (0, import_react.useCallback)(
     (retryCount) => {
       const config = { ...DEFAULT_RETRY_CONFIG, ...retryConfig };
       const {
@@ -770,7 +571,7 @@ var useWebSocketChatBase = ({
     },
     [retryConfig]
   );
-  const startHeartbeat = (0, import_react3.useCallback)(() => {
+  const startHeartbeat = (0, import_react.useCallback)(() => {
     if (!heartbeatInterval || heartbeatInterval <= 0) return;
     const sendPing = () => {
       if (wsRef.current?.readyState === WebSocket.OPEN) {
@@ -792,7 +593,7 @@ var useWebSocketChatBase = ({
     heartbeatIntervalRef.current = setInterval(sendPing, heartbeatInterval);
     logger.debug("Heartbeat started");
   }, [heartbeatInterval, heartbeatTimeout, logger]);
-  const stopHeartbeat = (0, import_react3.useCallback)(() => {
+  const stopHeartbeat = (0, import_react.useCallback)(() => {
     if (heartbeatIntervalRef.current) {
       clearInterval(heartbeatIntervalRef.current);
       heartbeatIntervalRef.current = void 0;
@@ -803,7 +604,7 @@ var useWebSocketChatBase = ({
     }
     logger.debug("Heartbeat stopped");
   }, [logger]);
-  const cleanup = (0, import_react3.useCallback)(() => {
+  const cleanup = (0, import_react.useCallback)(() => {
     if (wsRef.current && wsRef.current.readyState === WebSocket.OPEN) {
       wsRef.current.close(1e3, "Cleanup");
     }
@@ -829,10 +630,10 @@ var useWebSocketChatBase = ({
     });
     loadChatRetryMapRef.current.clear();
   }, [stopHeartbeat]);
-  const getRestApiUrl = (0, import_react3.useCallback)((endpoint) => {
+  const getRestApiUrl = (0, import_react.useCallback)((endpoint) => {
     return `${serverBaseUrl}/${endpoint}`;
   }, [serverBaseUrl]);
-  const sendRestMessage = (0, import_react3.useCallback)(
+  const sendRestMessage = (0, import_react.useCallback)(
     async (endpoint, body) => {
       const url = getRestApiUrl(endpoint);
       logger.debug(`SSE REST API call: POST ${endpoint}`, body);
@@ -857,7 +658,7 @@ var useWebSocketChatBase = ({
     },
     [getRestApiUrl, logger]
   );
-  const connect = (0, import_react3.useCallback)(
+  const connect = (0, import_react.useCallback)(
     async (userId) => {
       if (!mountedRef.current) {
         mountedRef.current = true;
@@ -1338,7 +1139,7 @@ var useWebSocketChatBase = ({
       emit
     ]
   );
-  const sendMessage = (0, import_react3.useCallback)(
+  const sendMessage = (0, import_react.useCallback)(
     (event, overrideUserId) => {
       return new Promise(async (resolve, reject) => {
         if (!mountedRef.current) {
@@ -1544,7 +1345,7 @@ var useWebSocketChatBase = ({
     },
     [connectionState, connect, addToQueue, logger, metrics, updateMetrics, sendRestMessage, emit, orgId]
   );
-  const startNewChat = (0, import_react3.useCallback)(
+  const startNewChat = (0, import_react.useCallback)(
     (userId, data) => {
       return new Promise((resolve, reject) => {
         if (!userId) {
@@ -1578,7 +1379,7 @@ var useWebSocketChatBase = ({
     },
     [sendMessage, orgId, logger]
   );
-  const disconnect = (0, import_react3.useCallback)(
+  const disconnect = (0, import_react.useCallback)(
     (intentional = true) => {
       logger.info("Disconnecting", { intentional, transport: transportRef.current });
       intentionalDisconnectRef.current = intentional;
@@ -1592,10 +1393,10 @@ var useWebSocketChatBase = ({
     },
     [cleanup, logger]
   );
-  const clearError = (0, import_react3.useCallback)(() => {
+  const clearError = (0, import_react.useCallback)(() => {
     setError(void 0);
   }, []);
-  (0, import_react3.useEffect)(() => {
+  (0, import_react.useEffect)(() => {
     mountedRef.current = true;
     return () => {
       mountedRef.current = false;
@@ -1624,9 +1425,9 @@ var useWebSocketChatAdmin = ({
   orgId,
   product
 }) => {
-  const [chats, setChats] = (0, import_react4.useState)(/* @__PURE__ */ new Map());
-  const [selectedChat, setSelectedChat] = (0, import_react4.useState)(void 0);
-  const handleMessage = (0, import_react4.useCallback)(
+  const [chats, setChats] = (0, import_react2.useState)(/* @__PURE__ */ new Map());
+  const [selectedChat, setSelectedChat] = (0, import_react2.useState)(void 0);
+  const handleMessage = (0, import_react2.useCallback)(
     (chatEvent) => {
       switch (chatEvent.type) {
         case "message":
@@ -1692,7 +1493,7 @@ var useWebSocketChatAdmin = ({
     onMessage: handleMessage,
     product
   });
-  const selectChat = (0, import_react4.useCallback)(
+  const selectChat = (0, import_react2.useCallback)(
     (chatKey) => {
       const chat = chats.get(chatKey);
       if (!chat) {
@@ -1703,7 +1504,7 @@ var useWebSocketChatAdmin = ({
     },
     [chats, orgId, base.sendMessage]
   );
-  const addUserToChat = (0, import_react4.useCallback)(
+  const addUserToChat = (0, import_react2.useCallback)(
     (orgId2, chatKey, user) => {
       base.sendMessage({
         type: "human_agent_joined",
@@ -1734,7 +1535,7 @@ var useWebSocketChatAdmin = ({
     },
     [base.sendMessage]
   );
-  const removeUserFromChat = (0, import_react4.useCallback)(
+  const removeUserFromChat = (0, import_react2.useCallback)(
     (orgId2, chatKey, userId) => {
       const chat = chats.get(chatKey);
       if (!chat) return;
@@ -1761,7 +1562,7 @@ var useWebSocketChatAdmin = ({
     },
     [chats, base.sendMessage]
   );
-  const blockUser = (0, import_react4.useCallback)(
+  const blockUser = (0, import_react2.useCallback)(
     (orgId2, chatKey, userId) => {
       base.sendMessage({
         type: "block_user",
@@ -1784,15 +1585,15 @@ var useWebSocketChatAdmin = ({
 };
 
 // hooks/use-websocket-chat-customer.ts
-var import_react5 = require("react");
+var import_react3 = require("react");
 var useWebSocketChatCustomer = ({
   serverBaseUrl,
   orgId,
   chatKey,
   product
 }) => {
-  const [currentChat, setCurrentChat] = (0, import_react5.useState)(void 0);
-  const handleMessage = (0, import_react5.useCallback)((chatEvent) => {
+  const [currentChat, setCurrentChat] = (0, import_react3.useState)(void 0);
+  const handleMessage = (0, import_react3.useCallback)((chatEvent) => {
     console.log("Received event:", chatEvent.type);
     switch (chatEvent.type) {
       case "message":
@@ -1850,7 +1651,7 @@ var useWebSocketChatCustomer = ({
 
 // context/websocket-chat-admin-context.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
-var WebSocketChatAdminContext = (0, import_react6.createContext)(void 0);
+var WebSocketChatAdminContext = (0, import_react4.createContext)(void 0);
 function WebSocketChatAdminProvider(props) {
   const { children, serverBaseUrl, orgId, userId, product } = props;
   const webSocket = useWebSocketChatAdmin({
@@ -1861,7 +1662,7 @@ function WebSocketChatAdminProvider(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(WebSocketChatAdminContext.Provider, { value: webSocket, children });
 }
 var useWebSocketChatAdminContext = () => {
-  const context = (0, import_react6.useContext)(WebSocketChatAdminContext);
+  const context = (0, import_react4.useContext)(WebSocketChatAdminContext);
   if (context === void 0) {
     throw new Error(
       "useWebSocketChatAdminContext must be used within a WebSocketChatAdminProvider"
@@ -1873,19 +1674,20 @@ var useWebSocketChatAdminContext = () => {
 // components/admin/admin-chat-input.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var AdminChatInput = ({
+  userId,
+  orgId,
   onFileUpload,
   chatKey
 }) => {
   const { sendMessage } = useWebSocketChatAdminContext();
-  const { user, selectedOrgId } = (0, import_auth.useUserContext)();
-  const [input, setInput] = (0, import_react7.useState)("");
-  const [isUploading, setIsUploading] = (0, import_react7.useState)(false);
-  const [isSending, setIsSending] = (0, import_react7.useState)(false);
-  const fileInputRef = (0, import_react7.useRef)(null);
+  const [input, setInput] = (0, import_react5.useState)("");
+  const [isUploading, setIsUploading] = (0, import_react5.useState)(false);
+  const [isSending, setIsSending] = (0, import_react5.useState)(false);
+  const fileInputRef = (0, import_react5.useRef)(null);
   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;
     }
@@ -1894,13 +1696,13 @@ var AdminChatInput = ({
       sendMessage({
         type: "message",
         chatKey,
-        orgId: selectedOrgId,
-        userId: user?.id,
+        orgId,
+        userId,
         message: {
           id: import_ksuid.default.randomSync().string,
           content: input,
           role: "user",
-          senderId: user?.id,
+          senderId: userId,
           time: Date.now(),
           status: "sending",
           createdAt: Date.now()
@@ -1936,7 +1738,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;
       }
@@ -1967,7 +1769,7 @@ var AdminChatInput = ({
           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__ */ (0, import_jsx_runtime2.jsx)("span", { className: "w-5 h-5 animate-spin rounded-full border-2 border-gray-300 border-t-gray-600" }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Paperclip, { className: "w-5 h-5" })
+          children: isUploading ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "w-5 h-5 animate-spin rounded-full border-2 border-gray-300 border-t-gray-600" }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react.Paperclip, { className: "w-5 h-5" })
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "flex-1 relative", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
@@ -1997,7 +1799,7 @@ var AdminChatInput = ({
           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__ */ (0, import_jsx_runtime2.jsx)("span", { className: "w-5 h-5 animate-spin rounded-full border-2 border-gray-300 border-t-white" }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Send, { className: "w-5 h-5" })
+          children: isSending ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "w-5 h-5 animate-spin rounded-full border-2 border-gray-300 border-t-white" }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react.Send, { className: "w-5 h-5" })
         }
       )
     ] }),
@@ -2006,12 +1808,12 @@ var AdminChatInput = ({
 };
 
 // components/admin/chat-human-agent-actions.tsx
-var import_auth2 = require("@elqnt/auth");
+var import_lucide_react2 = require("lucide-react");
 
 // context/websocket-chat-customer-context.tsx
-var import_react8 = require("react");
+var import_react6 = require("react");
 var import_jsx_runtime3 = require("react/jsx-runtime");
-var WebSocketChatCustomerContext = (0, import_react8.createContext)(void 0);
+var WebSocketChatCustomerContext = (0, import_react6.createContext)(void 0);
 function WebSocketChatCustomerProvider(props) {
   const { children, serverBaseUrl, orgId, userId, chatKey, product } = props;
   const webSocket = useWebSocketChatCustomer({
@@ -2023,7 +1825,7 @@ function WebSocketChatCustomerProvider(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(WebSocketChatCustomerContext.Provider, { value: webSocket, children });
 }
 var useWebSocketChatCustomerContext = () => {
-  const context = (0, import_react8.useContext)(WebSocketChatCustomerContext);
+  const context = (0, import_react6.useContext)(WebSocketChatCustomerContext);
   if (context === void 0) {
     throw new Error(
       "useWebSocketChatCustomerContext must be used within a WebSocketChatCustomerProvider"
@@ -2034,43 +1836,42 @@ var useWebSocketChatCustomerContext = () => {
 
 // components/admin/chat-human-agent-actions.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
-var ChatHumanAgentActions = ({}) => {
-  const { user, selectedOrgId } = (0, import_auth2.useUserContext)();
+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__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "p-4 border-b bg-white flex items-center justify-between", children: [
     /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex items-center space-x-4", children: [
       /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h2", { className: "font-semibold text-lg", children: selectedChat.title || `Chat ${selectedChat.key}` }),
       selectedChat.humanAgentEngaged && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("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__ */ (0, import_jsx_runtime4.jsx)(User, { className: "mr-1 h-4 w-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react2.User, { className: "mr-1 h-4 w-4" }),
         "Agent Engaged"
       ] })
     ] }),
@@ -2081,7 +1882,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__ */ (0, import_jsx_runtime4.jsx)(User, { className: "h-4 w-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react2.User, { className: "h-4 w-4" }),
             /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: "Join Chat" })
           ]
         }
@@ -2091,7 +1892,7 @@ var ChatHumanAgentActions = ({}) => {
           onClick: handleLeaveChat,
           className: "bg-orange-500 hover:bg-orange-600 text-white px-4 py-2 rounded-lg flex items-center space-x-2 transition-colors",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(LogOut, { className: "h-4 w-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react2.LogOut, { className: "h-4 w-4" }),
             /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: "Leave Chat" })
           ]
         }
@@ -2102,7 +1903,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__ */ (0, import_jsx_runtime4.jsx)(CircleX, { className: "h-4 w-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react2.XCircle, { className: "h-4 w-4" }),
             /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: "End Chat" })
           ]
         }
@@ -2113,7 +1914,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__ */ (0, import_jsx_runtime4.jsx)(CircleX, { className: "h-4 w-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react2.XCircle, { className: "h-4 w-4" }),
             /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: "Block User" })
           ]
         }
@@ -2125,7 +1926,7 @@ var ChatHumanAgentActions = ({}) => {
           disabled: !selectedChat.humanAgentEngaged,
           className: "bg-green-500 hover:bg-green-600 disabled:bg-gray-300 text-white px-4 py-2 rounded-lg flex items-center space-x-2 transition-colors",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Phone, { className: "h-4 w-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react2.Phone, { className: "h-4 w-4" }),
             /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: "Start Call" })
           ]
         }
@@ -2136,7 +1937,7 @@ var ChatHumanAgentActions = ({}) => {
           onClick: handleCreateCase,
           className: "bg-purple-500 hover:bg-purple-600 text-white px-4 py-2 rounded-lg flex items-center space-x-2 transition-colors",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Plus, { className: "h-4 w-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react2.Plus, { className: "h-4 w-4" }),
             /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: "Create Case" })
           ]
         }
@@ -2146,8 +1947,9 @@ var ChatHumanAgentActions = ({}) => {
 };
 
 // components/admin/admin-chat-list.tsx
-var import_react9 = require("@elqnt/react");
+var import_lucide_react3 = require("lucide-react");
 var import_jsx_runtime5 = require("react/jsx-runtime");
+var ScrollArea = ({ className, children }) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: `overflow-auto ${className || ""}`, children });
 var AdminChatList = ({ className }) => {
   const { chats, selectedChat, selectChat } = useWebSocketChatAdminContext();
   const sortedChats = Array.from(chats.values()).sort(
@@ -2155,7 +1957,7 @@ var AdminChatList = ({ className }) => {
   );
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex flex-col h-full", children: [
     /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "p-4 border-b", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h2", { className: "font-semibold text-lg", children: "Active Chats" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "flex-1 overflow-y-auto", children: sortedChats.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "p-4 text-center text-gray-500", children: "No active chats" }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "divide-y", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react9.ScrollArea, { className: "h-[calc(100vh-15rem)]", children: sortedChats.map((chat, index) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "flex-1 overflow-y-auto", children: sortedChats.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "p-4 text-center text-gray-500", children: "No active chats" }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "divide-y", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ScrollArea, { className: "h-[calc(100vh-15rem)]", children: sortedChats.map((chat, index) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       AdminChatListItem,
       {
         chat,
@@ -2179,16 +1981,16 @@ var AdminChatListItem = ({
       className: `w-full p-4 text-left hover:bg-gray-50 focus:outline-none focus:bg-gray-50 ${isSelected ? "bg-blue-50" : ""}`,
       children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-start space-x-3", children: [
         /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "shrink-0", children: [
-          chat.aiEngaged && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Bot, { className: "w-6 h-6 text-blue-500" }),
-          chat.isWaitingForAgent && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(LoaderCircle, { className: "w-6 h-6 text-blue-500 animate-spin text-orange-500" }),
-          chat.humanAgentEngaged && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(UserCheck, { className: "w-6 h-6 text-blue-500 text-green-500" })
+          chat.aiEngaged && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react3.Bot, { className: "w-6 h-6 text-blue-500" }),
+          chat.isWaitingForAgent && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react3.Loader2, { className: "w-6 h-6 text-blue-500 animate-spin text-orange-500" }),
+          chat.humanAgentEngaged && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react3.UserCheck, { className: "w-6 h-6 text-blue-500 text-green-500" })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex-1 min-w-0", children: [
           /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-sm font-medium text-gray-900 truncate", children: chat.title || `Chat ${chat.key}` }) }),
           lastMessage && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "mt-1 text-sm text-gray-500 truncate", children: lastMessage.content }),
           /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "mt-1 flex items-center space-x-2", children: [
             chat.isWaiting && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("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__ */ (0, import_jsx_runtime5.jsx)(CircleAlert, { className: "mr-1 h-3 w-3" }),
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react3.AlertCircle, { className: "mr-1 h-3 w-3" }),
               "Waiting"
             ] }),
             chat.humanAgentEngaged && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "inline-flex items-center rounded-full bg-green-100 px-2 py-0.5 text-xs font-medium text-green-800", children: [
@@ -2259,21 +2061,20 @@ var ChatHeader = () => {
 };
 
 // components/customer/chat-input.tsx
-var import_auth3 = require("@elqnt/auth");
 var import_ksuid2 = __toESM(require("ksuid"));
-var import_react10 = require("react");
+var import_lucide_react4 = require("lucide-react");
+var import_react7 = require("react");
 var import_jsx_runtime9 = require("react/jsx-runtime");
-var ChatInput = ({ onFileUpload }) => {
+var ChatInput = ({ userId, orgId, onFileUpload }) => {
   const { sendMessage, chatKey } = useWebSocketChatCustomerContext();
-  const { user, selectedOrgId } = (0, import_auth3.useUserContext)();
-  const [input, setInput] = (0, import_react10.useState)("");
-  const [isUploading, setIsUploading] = (0, import_react10.useState)(false);
-  const [isSending, setIsSending] = (0, import_react10.useState)(false);
-  const fileInputRef = (0, import_react10.useRef)(null);
+  const [input, setInput] = (0, import_react7.useState)("");
+  const [isUploading, setIsUploading] = (0, import_react7.useState)(false);
+  const [isSending, setIsSending] = (0, import_react7.useState)(false);
+  const fileInputRef = (0, import_react7.useRef)(null);
   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;
     }
@@ -2282,13 +2083,13 @@ var ChatInput = ({ onFileUpload }) => {
       sendMessage({
         type: "message",
         chatKey,
-        orgId: selectedOrgId,
-        userId: user?.id,
+        orgId,
+        userId,
         message: {
           id: import_ksuid2.default.randomSync().string,
           content: input,
           role: "user",
-          senderId: user?.id,
+          senderId: userId,
           time: Date.now(),
           status: "sending",
           createdAt: Date.now()
@@ -2324,7 +2125,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;
       }
@@ -2355,7 +2156,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__ */ (0, import_jsx_runtime9.jsx)("span", { className: "w-5 h-5 animate-spin rounded-full border-2 border-gray-300 border-t-gray-600" }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Paperclip, { className: "w-5 h-5" })
+          children: isUploading ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "w-5 h-5 animate-spin rounded-full border-2 border-gray-300 border-t-gray-600" }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react4.Paperclip, { className: "w-5 h-5" })
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "flex-1 relative", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
@@ -2385,7 +2186,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__ */ (0, import_jsx_runtime9.jsx)("span", { className: "w-5 h-5 animate-spin rounded-full border-2 border-gray-300 border-t-white" }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Send, { className: "w-5 h-5" })
+          children: isSending ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "w-5 h-5 animate-spin rounded-full border-2 border-gray-300 border-t-white" }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react4.Send, { className: "w-5 h-5" })
         }
       )
     ] }),
@@ -2394,7 +2195,7 @@ var ChatInput = ({ onFileUpload }) => {
 };
 
 // components/customer/chat-messages.tsx
-var import_react11 = require("react");
+var import_react8 = require("react");
 
 // ../../node_modules/date-fns/constants.js
 var daysInYear = 365.2425;
@@ -3965,6 +3766,9 @@ function cleanEscapedString(input) {
   return matched[1].replace(doubleQuoteRegExp, "'");
 }
 
+// components/customer/chat-message.tsx
+var import_lucide_react5 = require("lucide-react");
+
 // components/markdown-renderer.tsx
 var import_react_markdown = __toESM(require("react-markdown"));
 var import_remark_gfm = __toESM(require("remark-gfm"));
@@ -4033,7 +3837,7 @@ var Message = ({
       target: "_blank",
       rel: "noopener noreferrer",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Paperclip, { className: "w-4 h-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react5.Paperclip, { className: "w-4 h-4" }),
         /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { children: attachment.title })
       ]
     }
@@ -4047,9 +3851,9 @@ var Message = ({
       "aria-label": `Message from ${message2.senderId}`,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "flex pt-10 w-10", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "w-8 h-8 rounded-full flex justify-center", children: [
-          message2.role === "user" && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(User, {}),
-          message2.role === "ai" && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Bot, {}),
-          message2.role === "humanAgent" && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(UserCog, {})
+          message2.role === "user" && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react5.User, {}),
+          message2.role === "ai" && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react5.Bot, {}),
+          message2.role === "humanAgent" && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react5.UserCog, {})
         ] }) }),
         /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
           "div",
@@ -4064,15 +3868,15 @@ var Message = ({
                 /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-xs opacity-70", children: format(message2.time, "HH:mm") }),
                 message2.role === "user" && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
                   message2.status === "sending" && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "w-4 h-4 animate-spin rounded-full border-2 border-gray-300 border-t-white" }),
-                  message2.status === "sent" && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Check, { className: "w-4 h-4" }),
-                  message2.status === "delivered" && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(CheckCheck, { className: "w-4 h-4" }),
+                  message2.status === "sent" && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react5.Check, { className: "w-4 h-4" }),
+                  message2.status === "delivered" && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react5.CheckCheck, { className: "w-4 h-4" }),
                   message2.status === "failed" && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
                     "button",
                     {
                       onClick: () => onRetry(message2.id),
                       className: "text-red-300 hover:text-red-400",
                       "aria-label": "Retry sending message",
-                      children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(CircleAlert, { className: "w-4 h-4" })
+                      children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react5.AlertCircle, { className: "w-4 h-4" })
                     }
                   )
                 ] })
@@ -4091,11 +3895,11 @@ var ChatMessages = ({
   onRetry,
   messages
 }) => {
-  const messageEndRef = (0, import_react11.useRef)(null);
+  const messageEndRef = (0, import_react8.useRef)(null);
   const scrollToBottom = () => {
     messageEndRef.current?.scrollIntoView({ behavior: "smooth" });
   };
-  (0, import_react11.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     scrollToBottom();
   }, [messages]);
   return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
@@ -4138,13 +3942,16 @@ var ChatTypingIndicator = ({
 };
 
 // components/customer/generic-chat-widget.tsx
-var import_react12 = require("@elqnt/react");
-var import_react13 = require("react");
+var import_react9 = require("react");
 var import_jsx_runtime14 = require("react/jsx-runtime");
+var Alert = ({ title, description }) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "p-4 bg-red-50 border border-red-200 rounded-lg", role: "alert", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "font-medium text-red-800", children: title }),
+  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "text-sm text-red-600", children: description })
+] });
 var GenericChatWidget = ({
   onFileUpload
 }) => {
-  const [typingUsers] = (0, import_react13.useState)(/* @__PURE__ */ new Set());
+  const [typingUsers] = (0, import_react9.useState)(/* @__PURE__ */ new Set());
   const { error, messages } = useWebSocketChatCustomerContext();
   const handleRetry = (messageId) => {
   };
@@ -4156,7 +3963,7 @@ var GenericChatWidget = ({
       "aria-label": "Chat interface",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ChatHeader, {}),
-        error && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react12.Alert, { title: "Error", description: error.message }),
+        error && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Alert, { title: "Error", description: error.message }),
         /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ChatMessages, { onRetry: handleRetry, messages }),
         /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ChatTypingIndicator, { typingUsers }),
         /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ChatInput, { onFileUpload })
@@ -4363,32 +4170,4 @@ var GenericChatWidget = ({
   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.js.map