@universe-platform/ui 0.1.0-beta.27 → 0.1.0-beta.29

package/dist/index.js

@@ -13689,8 +13689,8 @@ function useInboxState(orgId, actions) {
       setError(res.error);
     }
   }, [orgId]);
-  const fetchMessages = (0, import_react21.useCallback)(async (conversationId) => {
-    setIsLoading(true);
+  const fetchMessages = (0, import_react21.useCallback)(async (conversationId, silent = false) => {
+    if (!silent) setIsLoading(true);
     const res = await actionsRef.current.getMessages(conversationId);
     if (res.success && res.data) {
       setMessages(res.data);
@@ -13700,14 +13700,14 @@ function useInboxState(orgId, actions) {
     } else if (res.error) {
       setError(res.error);
     }
-    setIsLoading(false);
+    if (!silent) setIsLoading(false);
   }, []);
   (0, import_react21.useEffect)(() => {
     fetchConversations();
     const interval = setInterval(() => {
       fetchConversations();
       if (activeConversationId) {
-        fetchMessages(activeConversationId);
+        fetchMessages(activeConversationId, true);
       }
     }, 5e3);
     return () => clearInterval(interval);
@@ -13726,7 +13726,7 @@ function useInboxState(orgId, actions) {
       status: "SENDING",
       createdAt: /* @__PURE__ */ new Date()
     };
-    setMessages((prev) => [...prev, tempMsg]);
+    setMessages((prev) => [tempMsg, ...prev]);
     const res = await actions.sendMessage(activeConversationId, text, orgId);
     if (res.success && res.data) {
       setMessages((prev) => prev.map((m) => m.id === tempMsg.id ? res.data : m));
@@ -13806,14 +13806,14 @@ var import_lucide_react15 = require("lucide-react");
 var import_jsx_runtime21 = require("react/jsx-runtime");
 function ChatWindow({ activeConversation, messages, isLoading, isSending, onSendMessage }) {
   const [inputText, setInputText] = (0, import_react22.useState)("");
-  const messagesEndRef = (0, import_react22.useRef)(null);
-  const scrollToBottom = () => {
+  const messagesTopRef = (0, import_react22.useRef)(null);
+  const scrollToTop = () => {
     var _a;
-    (_a = messagesEndRef.current) == null ? void 0 : _a.scrollIntoView({ behavior: "smooth" });
+    (_a = messagesTopRef.current) == null ? void 0 : _a.scrollIntoView({ behavior: "smooth" });
   };
   (0, import_react22.useEffect)(() => {
-    scrollToBottom();
-  }, [messages]);
+    scrollToTop();
+  }, [messages.length, activeConversation == null ? void 0 : activeConversation.id]);
   const handleSend = (e) => {
     e.preventDefault();
     if (!inputText.trim() || isSending) return;
@@ -13835,17 +13835,17 @@ function ChatWindow({ activeConversation, messages, isLoading, isSending, onSend
       ] })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex-1 overflow-y-auto p-6 space-y-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { ref: messagesTopRef }),
       isLoading ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "flex justify-center py-10", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react15.Loader2, { className: "w-6 h-6 animate-spin text-emerald-600" }) }) : messages.map((msg, idx) => {
         const isOutbound = msg.direction === "OUTBOUND";
         return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: `flex ${isOutbound ? "justify-start" : "justify-end"}`, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: `max-w-[70%] rounded-2xl px-4 py-2 shadow-sm relative ${isOutbound ? "bg-[#d9fdd3] text-slate-900 rounded-tr-none" : "bg-white text-slate-900 rounded-tl-none"}`, children: [
           /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "text-sm whitespace-pre-wrap", children: msg.content }),
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "text-[10px] text-slate-400 mt-1 text-left flex items-center justify-end gap-1", children: [
-            new Date(msg.createdAt).toLocaleTimeString("he-IL", { hour: "2-digit", minute: "2-digit" }),
-            isOutbound && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: msg.status === "READ" || msg.status === "DELIVERED" ? "text-blue-500" : "text-slate-400", children: msg.status === "READ" ? "\u2713\u2713" : msg.status === "DELIVERED" ? "\u2713\u2713" : "\u2713" })
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "text-[11px] text-slate-600 mt-1 text-left flex items-center justify-end gap-1", children: [
+            new Date(msg.createdAt).toLocaleString("he-IL", { day: "2-digit", month: "2-digit", year: "numeric", hour: "2-digit", minute: "2-digit" }),
+            isOutbound && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: msg.status === "READ" || msg.status === "DELIVERED" ? "text-blue-500" : "text-slate-500", children: msg.status === "READ" ? "\u2713\u2713" : msg.status === "DELIVERED" ? "\u2713\u2713" : "\u2713" })
           ] })
         ] }) }, msg.id || idx);
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { ref: messagesEndRef })
+      })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "bg-slate-50 p-4 border-t border-slate-200 shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("form", { onSubmit: handleSend, className: "flex items-end gap-2 max-w-4xl mx-auto", children: [
       /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "flex-1 bg-white border border-slate-300 rounded-2xl overflow-hidden focus-within:border-emerald-500 focus-within:ring-1 focus-within:ring-emerald-500", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
@@ -13981,12 +13981,17 @@ function WhatsAppComponent(props) {
               }
             },
             sendInboxMessageAction: async (convId, text, currentOrgId) => {
-              const res = await fetch(`/api/whatsapp/inbox/send`, {
-                method: "POST",
-                headers: { "Content-Type": "application/json" },
-                body: JSON.stringify({ conversationId: convId, text, orgId: currentOrgId })
-              });
-              return res.json();
+              if (!executeAction) return { success: false, error: "executeAction missing" };
+              try {
+                const data = await executeAction("SEND_WHATSAPP_INBOX_MESSAGE", {
+                  conversationId: convId,
+                  text,
+                  orgId: currentOrgId
+                });
+                return { success: true, data };
+              } catch (e) {
+                return { success: false, error: (e == null ? void 0 : e.message) || "\u05E9\u05D2\u05D9\u05D0\u05D4 \u05D1\u05E9\u05DC\u05D9\u05D7\u05EA \u05D4\u05D5\u05D3\u05E2\u05D4" };
+              }
             }
           }
         ) }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [

package/dist/index.mjs

@@ -13624,8 +13624,8 @@ function useInboxState(orgId, actions) {
       setError(res.error);
     }
   }, [orgId]);
-  const fetchMessages = useCallback14(async (conversationId) => {
-    setIsLoading(true);
+  const fetchMessages = useCallback14(async (conversationId, silent = false) => {
+    if (!silent) setIsLoading(true);
     const res = await actionsRef.current.getMessages(conversationId);
     if (res.success && res.data) {
       setMessages(res.data);
@@ -13635,14 +13635,14 @@ function useInboxState(orgId, actions) {
     } else if (res.error) {
       setError(res.error);
     }
-    setIsLoading(false);
+    if (!silent) setIsLoading(false);
   }, []);
   useEffect15(() => {
     fetchConversations();
     const interval = setInterval(() => {
       fetchConversations();
       if (activeConversationId) {
-        fetchMessages(activeConversationId);
+        fetchMessages(activeConversationId, true);
       }
     }, 5e3);
     return () => clearInterval(interval);
@@ -13661,7 +13661,7 @@ function useInboxState(orgId, actions) {
       status: "SENDING",
       createdAt: /* @__PURE__ */ new Date()
     };
-    setMessages((prev) => [...prev, tempMsg]);
+    setMessages((prev) => [tempMsg, ...prev]);
     const res = await actions.sendMessage(activeConversationId, text, orgId);
     if (res.success && res.data) {
       setMessages((prev) => prev.map((m) => m.id === tempMsg.id ? res.data : m));
@@ -13741,14 +13741,14 @@ import { Send as Send2, User as User2, Loader2 as Loader27 } from "lucide-react"
 import { jsx as jsx21, jsxs as jsxs20 } from "react/jsx-runtime";
 function ChatWindow({ activeConversation, messages, isLoading, isSending, onSendMessage }) {
   const [inputText, setInputText] = useState18("");
-  const messagesEndRef = useRef16(null);
-  const scrollToBottom = () => {
+  const messagesTopRef = useRef16(null);
+  const scrollToTop = () => {
     var _a;
-    (_a = messagesEndRef.current) == null ? void 0 : _a.scrollIntoView({ behavior: "smooth" });
+    (_a = messagesTopRef.current) == null ? void 0 : _a.scrollIntoView({ behavior: "smooth" });
   };
   useEffect16(() => {
-    scrollToBottom();
-  }, [messages]);
+    scrollToTop();
+  }, [messages.length, activeConversation == null ? void 0 : activeConversation.id]);
   const handleSend = (e) => {
     e.preventDefault();
     if (!inputText.trim() || isSending) return;
@@ -13770,17 +13770,17 @@ function ChatWindow({ activeConversation, messages, isLoading, isSending, onSend
       ] })
     ] }),
     /* @__PURE__ */ jsxs20("div", { className: "flex-1 overflow-y-auto p-6 space-y-4", children: [
+      /* @__PURE__ */ jsx21("div", { ref: messagesTopRef }),
       isLoading ? /* @__PURE__ */ jsx21("div", { className: "flex justify-center py-10", children: /* @__PURE__ */ jsx21(Loader27, { className: "w-6 h-6 animate-spin text-emerald-600" }) }) : messages.map((msg, idx) => {
         const isOutbound = msg.direction === "OUTBOUND";
         return /* @__PURE__ */ jsx21("div", { className: `flex ${isOutbound ? "justify-start" : "justify-end"}`, children: /* @__PURE__ */ jsxs20("div", { className: `max-w-[70%] rounded-2xl px-4 py-2 shadow-sm relative ${isOutbound ? "bg-[#d9fdd3] text-slate-900 rounded-tr-none" : "bg-white text-slate-900 rounded-tl-none"}`, children: [
           /* @__PURE__ */ jsx21("p", { className: "text-sm whitespace-pre-wrap", children: msg.content }),
-          /* @__PURE__ */ jsxs20("div", { className: "text-[10px] text-slate-400 mt-1 text-left flex items-center justify-end gap-1", children: [
-            new Date(msg.createdAt).toLocaleTimeString("he-IL", { hour: "2-digit", minute: "2-digit" }),
-            isOutbound && /* @__PURE__ */ jsx21("span", { className: msg.status === "READ" || msg.status === "DELIVERED" ? "text-blue-500" : "text-slate-400", children: msg.status === "READ" ? "\u2713\u2713" : msg.status === "DELIVERED" ? "\u2713\u2713" : "\u2713" })
+          /* @__PURE__ */ jsxs20("div", { className: "text-[11px] text-slate-600 mt-1 text-left flex items-center justify-end gap-1", children: [
+            new Date(msg.createdAt).toLocaleString("he-IL", { day: "2-digit", month: "2-digit", year: "numeric", hour: "2-digit", minute: "2-digit" }),
+            isOutbound && /* @__PURE__ */ jsx21("span", { className: msg.status === "READ" || msg.status === "DELIVERED" ? "text-blue-500" : "text-slate-500", children: msg.status === "READ" ? "\u2713\u2713" : msg.status === "DELIVERED" ? "\u2713\u2713" : "\u2713" })
           ] })
         ] }) }, msg.id || idx);
-      }),
-      /* @__PURE__ */ jsx21("div", { ref: messagesEndRef })
+      })
     ] }),
     /* @__PURE__ */ jsx21("div", { className: "bg-slate-50 p-4 border-t border-slate-200 shrink-0", children: /* @__PURE__ */ jsxs20("form", { onSubmit: handleSend, className: "flex items-end gap-2 max-w-4xl mx-auto", children: [
       /* @__PURE__ */ jsx21("div", { className: "flex-1 bg-white border border-slate-300 rounded-2xl overflow-hidden focus-within:border-emerald-500 focus-within:ring-1 focus-within:ring-emerald-500", children: /* @__PURE__ */ jsx21(
@@ -13916,12 +13916,17 @@ function WhatsAppComponent(props) {
               }
             },
             sendInboxMessageAction: async (convId, text, currentOrgId) => {
-              const res = await fetch(`/api/whatsapp/inbox/send`, {
-                method: "POST",
-                headers: { "Content-Type": "application/json" },
-                body: JSON.stringify({ conversationId: convId, text, orgId: currentOrgId })
-              });
-              return res.json();
+              if (!executeAction) return { success: false, error: "executeAction missing" };
+              try {
+                const data = await executeAction("SEND_WHATSAPP_INBOX_MESSAGE", {
+                  conversationId: convId,
+                  text,
+                  orgId: currentOrgId
+                });
+                return { success: true, data };
+              } catch (e) {
+                return { success: false, error: (e == null ? void 0 : e.message) || "\u05E9\u05D2\u05D9\u05D0\u05D4 \u05D1\u05E9\u05DC\u05D9\u05D7\u05EA \u05D4\u05D5\u05D3\u05E2\u05D4" };
+              }
             }
           }
         ) }) : /* @__PURE__ */ jsxs22(Fragment8, { children: [

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@universe-platform/ui",
-    "version": "0.1.0-beta.27",
+    "version": "0.1.0-beta.29",
     "main": "./dist/index.js",
     "module": "./dist/index.mjs",
     "types": "./dist/index.d.ts",