@better-zap/react 0.0.1 → 0.0.2

package/dist/index.cjs

@@ -29,6 +29,7 @@ let react_jsx_runtime = require("react/jsx-runtime");
 let _hugeicons_react = require("@hugeicons/react");
 let _hugeicons_core_free_icons = require("@hugeicons/core-free-icons");
 let class_variance_authority = require("class-variance-authority");
+let better_zap = require("better-zap");
 //#region src/react/utils.ts
 function cn(...inputs) {
 	return (0, tailwind_merge.twMerge)((0, clsx.clsx)(inputs));
@@ -490,11 +491,16 @@ function formatTime(dateStr) {
 }
 //#endregion
 //#region src/react/message-input.tsx
-function MessageInput({ onSend, disabled, placeholder = "Digite uma mensagem", className, contextWindowOpen = true }) {
+function MessageInput({ onSend, conversation, messages, disabled, placeholder = "Digite uma mensagem", className, contextWindowOpen = true }) {
 	const [text, setText] = (0, react.useState)("");
 	const [isSending, setIsSending] = (0, react.useState)(false);
 	const textareaRef = (0, react.useRef)(null);
-	const isDisabled = disabled || isSending || !contextWindowOpen;
+	const isContextWindowOpen = (conversation ? (0, better_zap.resolveConversationFreeformMessageWindow)(conversation, messages) : {
+		isOpen: contextWindowOpen,
+		lastIncomingMessageAt: null,
+		expiresAt: null
+	}).isOpen;
+	const isDisabled = disabled || isSending || !isContextWindowOpen;
 	const handleSend = async () => {
 		const trimmedText = text.trim();
 		if (!trimmedText || isDisabled) return;
@@ -520,7 +526,7 @@ function MessageInput({ onSend, disabled, placeholder = "Digite uma mensagem", c
 		}
 	}, [text]);
 	const hasText = text.trim().length > 0;
-	if (!contextWindowOpen) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+	if (!isContextWindowOpen) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		className: cn("w-full flex flex-col p-4 z-10 shrink-0", className),
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: "flex items-center gap-2 px-4 py-3 min-h-[62px] bg-[#fef3c7] rounded-2xl border border-[#f59e0b]/20",

package/dist/index.d.cts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 import React from "react";
-import { Conversation, Conversation as Conversation$1, UIMessage, UIMessage as UIMessage$1, UIMessageStatus, UIMessageStatus as UIMessageStatus$1 } from "better-zap";
+import { Conversation, Conversation as Conversation$1, ConversationRecord, FreeformMessageWindow, UIMessage, UIMessage as UIMessage$1, UIMessageStatus, UIMessageStatus as UIMessageStatus$1 } from "better-zap";
 import { ClassValue } from "clsx";
 
 //#region src/react/whatsapp-dashboard.d.ts
@@ -130,17 +130,22 @@ declare function cn(...inputs: ClassValue[]): string;
 //#region src/react/message-input.d.ts
 interface MessageInputProps {
   onSend: (text: string) => void | Promise<void>;
+  conversation?: Conversation$1 | null;
+  messages?: UIMessage$1[];
   disabled?: boolean;
   placeholder?: string;
   className?: string;
+  /** @deprecated Prefer `conversation` (and optional `messages`) so the library owns window state. */
   contextWindowOpen?: boolean;
 }
 declare function MessageInput({
   onSend,
+  conversation,
+  messages,
   disabled,
   placeholder,
   className,
   contextWindowOpen
 }: MessageInputProps): react_jsx_runtime0.JSX.Element;
 //#endregion
-export { type Conversation, ConversationItem, ConversationList, FormattedMessage, MessageBubble, MessageBubbleProps, MessageInput, MessageList, MessageView, MessageViewContent, MessageViewEmpty, MessageViewHeader, type UIMessage, type UIMessageStatus, WhatsappDashboard, cn, useWhatsappDashboard };
+export { type Conversation, ConversationItem, ConversationList, type ConversationRecord, FormattedMessage, type FreeformMessageWindow, MessageBubble, MessageBubbleProps, MessageInput, MessageList, MessageView, MessageViewContent, MessageViewEmpty, MessageViewHeader, type UIMessage, type UIMessageStatus, WhatsappDashboard, cn, useWhatsappDashboard };

package/dist/index.d.mts

@@ -1,7 +1,7 @@
 import React from "react";
 import { ClassValue } from "clsx";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { Conversation, Conversation as Conversation$1, UIMessage, UIMessage as UIMessage$1, UIMessageStatus, UIMessageStatus as UIMessageStatus$1 } from "better-zap";
+import { Conversation, Conversation as Conversation$1, ConversationRecord, FreeformMessageWindow, UIMessage, UIMessage as UIMessage$1, UIMessageStatus, UIMessageStatus as UIMessageStatus$1 } from "better-zap";
 
 //#region src/react/whatsapp-dashboard.d.ts
 type MobileView = "list" | "chat";
@@ -130,17 +130,22 @@ declare function cn(...inputs: ClassValue[]): string;
 //#region src/react/message-input.d.ts
 interface MessageInputProps {
   onSend: (text: string) => void | Promise<void>;
+  conversation?: Conversation$1 | null;
+  messages?: UIMessage$1[];
   disabled?: boolean;
   placeholder?: string;
   className?: string;
+  /** @deprecated Prefer `conversation` (and optional `messages`) so the library owns window state. */
   contextWindowOpen?: boolean;
 }
 declare function MessageInput({
   onSend,
+  conversation,
+  messages,
   disabled,
   placeholder,
   className,
   contextWindowOpen
 }: MessageInputProps): react_jsx_runtime0.JSX.Element;
 //#endregion
-export { type Conversation, ConversationItem, ConversationList, FormattedMessage, MessageBubble, MessageBubbleProps, MessageInput, MessageList, MessageView, MessageViewContent, MessageViewEmpty, MessageViewHeader, type UIMessage, type UIMessageStatus, WhatsappDashboard, cn, useWhatsappDashboard };
+export { type Conversation, ConversationItem, ConversationList, type ConversationRecord, FormattedMessage, type FreeformMessageWindow, MessageBubble, MessageBubbleProps, MessageInput, MessageList, MessageView, MessageViewContent, MessageViewEmpty, MessageViewHeader, type UIMessage, type UIMessageStatus, WhatsappDashboard, cn, useWhatsappDashboard };

package/dist/index.mjs

@@ -5,6 +5,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { HugeiconsIcon } from "@hugeicons/react";
 import { Add01Icon, ArrowLeft02Icon, Clock01Icon, InformationCircleIcon, Message01Icon, Mic01Icon, Search01Icon, Sent02Icon, SmileIcon, UserIcon } from "@hugeicons/core-free-icons";
 import { cva } from "class-variance-authority";
+import { resolveConversationFreeformMessageWindow } from "better-zap";
 //#region src/react/utils.ts
 function cn(...inputs) {
 	return twMerge(clsx(inputs));
@@ -466,11 +467,16 @@ function formatTime(dateStr) {
 }
 //#endregion
 //#region src/react/message-input.tsx
-function MessageInput({ onSend, disabled, placeholder = "Digite uma mensagem", className, contextWindowOpen = true }) {
+function MessageInput({ onSend, conversation, messages, disabled, placeholder = "Digite uma mensagem", className, contextWindowOpen = true }) {
 	const [text, setText] = useState("");
 	const [isSending, setIsSending] = useState(false);
 	const textareaRef = useRef(null);
-	const isDisabled = disabled || isSending || !contextWindowOpen;
+	const isContextWindowOpen = (conversation ? resolveConversationFreeformMessageWindow(conversation, messages) : {
+		isOpen: contextWindowOpen,
+		lastIncomingMessageAt: null,
+		expiresAt: null
+	}).isOpen;
+	const isDisabled = disabled || isSending || !isContextWindowOpen;
 	const handleSend = async () => {
 		const trimmedText = text.trim();
 		if (!trimmedText || isDisabled) return;
@@ -496,7 +502,7 @@ function MessageInput({ onSend, disabled, placeholder = "Digite uma mensagem", c
 		}
 	}, [text]);
 	const hasText = text.trim().length > 0;
-	if (!contextWindowOpen) return /* @__PURE__ */ jsx("div", {
+	if (!isContextWindowOpen) return /* @__PURE__ */ jsx("div", {
 		className: cn("w-full flex flex-col p-4 z-10 shrink-0", className),
 		children: /* @__PURE__ */ jsxs("div", {
 			className: "flex items-center gap-2 px-4 py-3 min-h-[62px] bg-[#fef3c7] rounded-2xl border border-[#f59e0b]/20",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@better-zap/react",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "React components for Better Zap.",
   "license": "ISC",
   "type": "module",
@@ -36,7 +36,7 @@
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "tailwind-merge": "^3.0.0",
-    "better-zap": "0.0.1"
+    "better-zap": "0.0.2"
   },
   "peerDependencies": {
     "react": "^19.0.0",