mehdi-akbari-ai-assistant-free 0.9.1 → 0.9.2

package/dist/react.d.mts

@@ -5,6 +5,8 @@ interface ChatWindowProps {
     apiEndpoint: string;
     title?: string;
     welcomeMessage?: string;
+    isFullScreen?: boolean;
+    onToggleFullScreen?: () => void;
 }
 declare const ChatWindow: React.FC<ChatWindowProps>;
 

package/dist/react.d.ts

@@ -5,6 +5,8 @@ interface ChatWindowProps {
     apiEndpoint: string;
     title?: string;
     welcomeMessage?: string;
+    isFullScreen?: boolean;
+    onToggleFullScreen?: () => void;
 }
 declare const ChatWindow: React.FC<ChatWindowProps>;
 

package/dist/react.js

@@ -138,11 +138,13 @@ var import_jsx_runtime4 = require("react/jsx-runtime");
 var ChatWindow = ({
   apiEndpoint,
   title = "AI Assistant",
-  welcomeMessage = "\u0633\u0644\u0627\u0645! \u0686\u0637\u0648\u0631 \u0645\u06CC\u200C\u062A\u0648\u0627\u0646\u0645 \u06A9\u0645\u06A9\u062A\u0627\u0646 \u06A9\u0646\u0645\u061F"
+  welcomeMessage = "\u0633\u0644\u0627\u0645! \u0686\u0637\u0648\u0631 \u0645\u06CC\u200C\u062A\u0648\u0627\u0646\u0645 \u06A9\u0645\u06A9\u062A\u0627\u0646 \u06A9\u0646\u0645\u061F",
+  isFullScreen = false,
+  onToggleFullScreen
 }) => {
   const [messages, setMessages] = (0, import_react3.useState)([]);
   const [isLoading, setIsLoading] = (0, import_react3.useState)(false);
-  const version = "0.9.1";
+  const version = "0.9.2";
   (0, import_react3.useEffect)(() => {
     if (welcomeMessage && messages.length === 0) {
       setMessages([{ role: "assistant", content: welcomeMessage }]);
@@ -173,8 +175,11 @@ var ChatWindow = ({
   };
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mra-chat-window", children: [
     /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mra-header", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react2.Bot, { size: 20 }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "mra-title", children: title })
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "mra-header-title-group", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react2.Bot, { size: 20 }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "mra-title", children: title })
+      ] }),
+      onToggleFullScreen && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { onClick: onToggleFullScreen, className: "mra-header-icon-button", children: isFullScreen ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react2.Minimize, { size: 16 }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react2.Maximize, { size: 16 }) })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(MessageList, { messages, isLoading }),
     /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ChatInput, { onSendMessage: handleSendMessage, isLoading }),
@@ -202,16 +207,28 @@ var ChatbotFAB = ({ onClick, animationData }) => {
 
 // src/components/AiAssistant/AiAssistant.tsx
 var import_clsx2 = __toESM(require("clsx"));
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime6 = (
+  // اگر تمام‌صفحه باشد، کلاس جدید اضافه می‌شود
+  require("react/jsx-runtime")
+);
 var DEFAULT_LOTTIE_URL = "https://lottie.host/a822cf1a-1e96-4187-a220-42adb2a61d19/B5bQnC2p9K.json";
 var AiAssistant = ({
   lottieAnimationData = DEFAULT_LOTTIE_URL,
   ...chatWindowProps
 }) => {
   const [isOpen, setIsOpen] = (0, import_react4.useState)(false);
+  const [isFullScreen, setIsFullScreen] = (0, import_react4.useState)(false);
   const toggleChat = () => setIsOpen((prev) => !prev);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mra-container", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: (0, import_clsx2.default)("mra-chat-window-container", isOpen && "mra-chat-window-container--open"), children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ChatWindow, { ...chatWindowProps }) }),
+  const toggleFullScreen = () => setIsFullScreen((prev) => !prev);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: (0, import_clsx2.default)("mra-container", isFullScreen && "mra-container--fullscreen"), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: (0, import_clsx2.default)("mra-chat-window-container", isOpen && "mra-chat-window-container--open"), children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      ChatWindow,
+      {
+        ...chatWindowProps,
+        isFullScreen,
+        onToggleFullScreen: toggleFullScreen
+      }
+    ) }),
     /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ChatbotFAB, { onClick: toggleChat, animationData: lottieAnimationData })
   ] });
 };

package/dist/react.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/react.ts","../src/components/AiAssistant/AiAssistant.tsx","../src/components/ChatWindow/ChatWindow.tsx","../src/components/MessageList/MessageList.tsx","../src/components/MessageBubble/MessageBubble.tsx","../src/components/ChatInput/ChatInput.tsx","../src/components/ChatbotFAB/ChatbotFAB.tsx"],"sourcesContent":["\r\n\"use client\";\r\n\r\n\r\nexport { AiAssistant } from \"./components/AiAssistant/AiAssistant\";\r\n\r\n\r\n\r\nexport { ChatWindow, type ChatWindowProps } from \"./components/ChatWindow/ChatWindow\";\r\nexport * from \"./types\";","// src/components/AiAssistant/AiAssistant.tsx\r\n\"use client\";\r\nimport React, { useState } from 'react';\r\nimport { ChatWindow, ChatWindowProps } from '../ChatWindow/ChatWindow';\r\nimport { ChatbotFAB } from '../ChatbotFAB/ChatbotFAB';\r\nimport clsx from 'clsx';\r\n\r\ninterface AiAssistantProps extends ChatWindowProps {\r\n  // تایپ را به any تغییر می‌دهیم تا هم رشته و هم آبجکت JSON را بپذیرد\r\n  lottieAnimationData?: any; \r\n}\r\n\r\nconst DEFAULT_LOTTIE_URL = \"https://lottie.host/a822cf1a-1e96-4187-a220-42adb2a61d19/B5bQnC2p9K.json\";\r\n\r\nexport const AiAssistant: React.FC<AiAssistantProps> = ({ \r\n  lottieAnimationData = DEFAULT_LOTTIE_URL,\r\n  ...chatWindowProps\r\n}) => {\r\n  const [isOpen, setIsOpen] = useState(false);\r\n\r\n  const toggleChat = () => setIsOpen(prev => !prev);\r\n\r\n  return (\r\n    <div className=\"mra-container\">\r\n      <div className={clsx(\"mra-chat-window-container\", isOpen && \"mra-chat-window-container--open\")}>\r\n        <ChatWindow {...chatWindowProps} />\r\n      </div>\r\n      <ChatbotFAB onClick={toggleChat} animationData={lottieAnimationData} />\r\n    </div>\r\n  );\r\n};","// src/components/ChatWindow/ChatWindow.tsx\r\n\"use client\";\r\n\r\nimport React, { useState, useEffect } from 'react';\r\nimport { MessageList } from '../MessageList/MessageList';\r\nimport { ChatInput } from '../ChatInput/ChatInput';\r\nimport { Message } from '../../types';\r\nimport { Bot } from 'lucide-react';\r\n\r\nexport interface ChatWindowProps {\r\n  apiEndpoint: string;\r\n  title?: string;\r\n  welcomeMessage?: string;\r\n}\r\n\r\nexport const ChatWindow: React.FC<ChatWindowProps> = ({\r\n  apiEndpoint,\r\n  title = \"AI Assistant\",\r\n  welcomeMessage = \"سلام! چطور می‌توانم کمکتان کنم؟\"\r\n}) => {\r\n  const [messages, setMessages] = useState<Message[]>([]);\r\n  const [isLoading, setIsLoading] = useState(false);\r\n  const version = process.env.PACKAGE_VERSION; \r\n\r\n  useEffect(() => {\r\n    if (welcomeMessage && messages.length === 0) {\r\n      setMessages([{ role: 'assistant', content: welcomeMessage }]);\r\n    }\r\n  }, [welcomeMessage, messages.length]);\r\n\r\n  const handleSendMessage = async (userMessage: string) => {\r\n    const newUserMsg: Message = { role: 'user', content: userMessage };\r\n    const currentMessages = [...messages, newUserMsg];\r\n    setMessages(currentMessages);\r\n    setIsLoading(true);\r\n\r\n    try {\r\n      const response = await fetch(apiEndpoint, {\r\n        method: 'POST',\r\n        headers: { 'Content-Type': 'application/json' },\r\n        body: JSON.stringify({ messages: currentMessages }),\r\n      });\r\n\r\n      if (!response.ok) throw new Error(\"Network response was not ok\");\r\n      \r\n      const data = await response.json();\r\n      const botMsg: Message = { role: 'assistant', content: data.content };\r\n      setMessages(prev => [...prev, botMsg]);\r\n\r\n    } catch (error) {\r\n      console.error(\"Chat Error:\", error);\r\n      const errorMsg: Message = { role: 'assistant', content: \"خطایی رخ داده است.\" };\r\n      setMessages(prev => [...prev, errorMsg]);\r\n    } finally {\r\n      setIsLoading(false);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div className=\"mra-chat-window\">\r\n      <div className=\"mra-header\">\r\n        <Bot size={20} />\r\n        <span className=\"mra-title\">{title}</span>\r\n      </div>\r\n\r\n      <MessageList messages={messages} isLoading={isLoading} />\r\n      <ChatInput onSendMessage={handleSendMessage} isLoading={isLoading} />\r\n\r\n      {/* === فوتر جدید اضافه شده === */}\r\n      <footer className=\"mra-footer\">\r\n        <span>v{version}</span>\r\n        <div className=\"mra-footer-links\">\r\n          <span>Powered By Mehdi Akbari |</span>\r\n          <a href=\"mailto:mehdiakbarideveloper@gmail.com\" className=\"mra-footer-link\" target=\"_blank\" rel=\"noopener noreferrer\">Gmail</a>\r\n          <a href=\"https://t.me/MehdiAkbariDev\" className=\"mra-footer-link\" target=\"_blank\" rel=\"noopener noreferrer\">Telegram</a>\r\n        </div>\r\n      </footer>\r\n    </div>\r\n  );\r\n};","// src/components/MessageList/MessageList.tsx\r\n\"use client\";\r\n\r\nimport React, { useRef, useEffect } from 'react';\r\nimport { MessageBubble } from '../MessageBubble/MessageBubble';\r\nimport { Message } from '../../types';\r\n\r\ninterface MessageListProps {\r\n  messages: Message[];\r\n  isLoading: boolean;\r\n}\r\n\r\nexport const MessageList: React.FC<MessageListProps> = ({ messages, isLoading }) => {\r\n  const messagesEndRef = useRef<HTMLDivElement>(null);\r\n\r\n  useEffect(() => {\r\n    messagesEndRef.current?.scrollIntoView({ behavior: 'smooth' });\r\n  }, [messages, isLoading]);\r\n\r\n  return (\r\n    <div className=\"mra-message-list\">\r\n      {messages.map((msg, index) => (\r\n        <MessageBubble key={index} message={msg} />\r\n      ))}\r\n\r\n      {isLoading && (\r\n        <div className=\"mra-loading-wrapper\">\r\n          <div className=\"mra-loading-bubble\">\r\n            <div className=\"mra-loading-dot\" style={{ animationDelay: '-0.32s' }}></div>\r\n            <div className=\"mra-loading-dot\" style={{ animationDelay: '-0.16s' }}></div>\r\n            <div className=\"mra-loading-dot\"></div>\r\n          </div>\r\n        </div>\r\n      )}\r\n\r\n      <div ref={messagesEndRef} />\r\n    </div>\r\n  );\r\n};","// src/components/MessageBubble/MessageBubble.tsx\r\n\"use client\";\r\n\r\nimport React from 'react';\r\nimport clsx from 'clsx';\r\nimport { Message } from '../../types';\r\n\r\ninterface MessageBubbleProps {\r\n  message: Message;\r\n}\r\n\r\nexport const MessageBubble: React.FC<MessageBubbleProps> = ({ message }) => {\r\n  const isUser = message.role === 'user';\r\n\r\n  return (\r\n    <div className={clsx(\"mra-bubble-wrapper\", isUser ? \"mra-wrapper-user\" : \"mra-wrapper-bot\")}>\r\n      <div\r\n        className={clsx(\r\n          \"mra-bubble\",\r\n          isUser ? \"mra-bubble-user\" : \"mra-bubble-bot\"\r\n        )}\r\n      >\r\n        {message.content}\r\n      </div>\r\n    </div>\r\n  );\r\n};","// src/components/ChatInput/ChatInput.tsx\r\n\"use client\";\r\n\r\nimport React, { useState, useRef, useEffect } from 'react';\r\nimport { Send } from 'lucide-react';\r\n\r\ninterface ChatInputProps {\r\n  onSendMessage: (message: string) => void;\r\n  isLoading: boolean;\r\n}\r\n\r\nexport const ChatInput: React.FC<ChatInputProps> = ({ onSendMessage, isLoading }) => {\r\n  const [inputValue, setInputValue] = useState('');\r\n  const textareaRef = useRef<HTMLTextAreaElement>(null); // Ref برای دسترسی به textarea\r\n\r\n  // این افکت با هر بار تغییر متن، ارتفاع textarea را تنظیم می‌کند\r\n  useEffect(() => {\r\n    const textarea = textareaRef.current;\r\n    if (textarea) {\r\n      // ارتفاع را ریست می‌کنیم تا در صورت پاک کردن متن، کوچک شود\r\n      textarea.style.height = 'auto';\r\n      // ارتفاع جدید را بر اساس محتوای داخلی تنظیم می‌کنیم\r\n      textarea.style.height = `${textarea.scrollHeight}px`;\r\n    }\r\n  }, [inputValue]);\r\n\r\n  const handleSend = () => {\r\n    if (inputValue.trim()) {\r\n      onSendMessage(inputValue);\r\n      setInputValue('');\r\n    }\r\n  };\r\n\r\n  // این منطق به درستی Shift+Enter را برای ایجاد خط جدید مدیریت می‌کند\r\n  const handleKeyDown = (e: React.KeyboardEvent) => {\r\n    if (e.key === 'Enter' && !e.shiftKey) {\r\n      e.preventDefault();\r\n      handleSend();\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div className=\"mra-input-wrapper\">\r\n      <textarea\r\n        ref={textareaRef}\r\n        className=\"mra-input-field\"\r\n        value={inputValue}\r\n        onChange={(e) => setInputValue(e.target.value)}\r\n        onKeyDown={handleKeyDown}\r\n        placeholder=\"پیام خود را بنویسید...\"\r\n        disabled={isLoading}\r\n        rows={1} // با یک ردیف شروع می‌شود\r\n      />\r\n      <button\r\n        className=\"mra-send-button\"\r\n        onClick={handleSend}\r\n        disabled={isLoading || !inputValue.trim()}\r\n      >\r\n        <Send size={18} />\r\n      </button>\r\n    </div>\r\n  );\r\n};","\r\n\"use client\";\r\nimport React from 'react';\r\nimport Lottie from 'lottie-react';\r\n\r\ninterface ChatbotFABProps {\r\n  onClick: () => void;\r\n  \r\n  \r\n  animationData: any; \r\n}\r\n\r\nexport const ChatbotFAB: React.FC<ChatbotFABProps> = ({ onClick, animationData }) => {\r\n  \r\n  \r\n  const lottieProps = typeof animationData === 'string' \r\n    ? { animationData: null, path: animationData } \r\n    : { animationData: animationData };\r\n\r\n  return (\r\n    <button className=\"mra-fab\" onClick={onClick}>\r\n      <Lottie {...lottieProps} loop={true} />\r\n    </button>\r\n  );\r\n};"],"mappings":"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","names":["import_react","import_react","clsx","import_jsx_runtime","import_react","import_jsx_runtime","import_lucide_react","import_jsx_runtime","import_jsx_runtime","Lottie","import_clsx","import_jsx_runtime","clsx"]}
+{"version":3,"sources":["../src/react.ts","../src/components/AiAssistant/AiAssistant.tsx","../src/components/ChatWindow/ChatWindow.tsx","../src/components/MessageList/MessageList.tsx","../src/components/MessageBubble/MessageBubble.tsx","../src/components/ChatInput/ChatInput.tsx","../src/components/ChatbotFAB/ChatbotFAB.tsx"],"sourcesContent":["\r\n\"use client\";\r\n\r\n\r\nexport { AiAssistant } from \"./components/AiAssistant/AiAssistant\";\r\n\r\n\r\n\r\nexport { ChatWindow, type ChatWindowProps } from \"./components/ChatWindow/ChatWindow\";\r\nexport * from \"./types\";","// src/components/AiAssistant/AiAssistant.tsx\r\n\"use client\";\r\nimport React, { useState } from 'react';\r\nimport { ChatWindow, ChatWindowProps } from '../ChatWindow/ChatWindow';\r\nimport { ChatbotFAB } from '../ChatbotFAB/ChatbotFAB';\r\nimport clsx from 'clsx';\r\n\r\ninterface AiAssistantProps extends ChatWindowProps {\r\n  lottieAnimationData?: any;\r\n}\r\n\r\nconst DEFAULT_LOTTIE_URL = \"https://lottie.host/a822cf1a-1e96-4187-a220-42adb2a61d19/B5bQnC2p9K.json\";\r\n\r\nexport const AiAssistant: React.FC<AiAssistantProps> = ({\r\n  lottieAnimationData = DEFAULT_LOTTIE_URL,\r\n  ...chatWindowProps\r\n}) => {\r\n  const [isOpen, setIsOpen] = useState(false);\r\n  const [isFullScreen, setIsFullScreen] = useState(false); // استیت جدید برای حالت تمام‌صفحه\r\n\r\n  const toggleChat = () => setIsOpen(prev => !prev);\r\n  const toggleFullScreen = () => setIsFullScreen(prev => !prev);\r\n\r\n  return (\r\n    // اگر تمام‌صفحه باشد، کلاس جدید اضافه می‌شود\r\n    <div className={clsx(\"mra-container\", isFullScreen && \"mra-container--fullscreen\")}>\r\n      <div className={clsx(\"mra-chat-window-container\", isOpen && \"mra-chat-window-container--open\")}>\r\n        <ChatWindow\r\n          {...chatWindowProps}\r\n          // دو پراپ جدید به ChatWindow پاس می‌دهیم\r\n          isFullScreen={isFullScreen}\r\n          onToggleFullScreen={toggleFullScreen}\r\n        />\r\n      </div>\r\n      <ChatbotFAB onClick={toggleChat} animationData={lottieAnimationData} />\r\n    </div>\r\n  );\r\n};","// src/components/ChatWindow/ChatWindow.tsx\r\n\"use client\";\r\n\r\nimport React, { useState, useEffect } from 'react';\r\nimport { MessageList } from '../MessageList/MessageList';\r\nimport { ChatInput } from '../ChatInput/ChatInput';\r\nimport { Message } from '../../types';\r\nimport { Bot, Maximize, Minimize } from 'lucide-react'; // آیکون‌های تمام‌صفحه اضافه شدند\r\n\r\n// پراپ‌های کامپوننت با گزینه‌های جدید آپدیت شدند\r\nexport interface ChatWindowProps {\r\n  apiEndpoint: string;\r\n  title?: string;\r\n  welcomeMessage?: string;\r\n  isFullScreen?: boolean;\r\n  onToggleFullScreen?: () => void;\r\n}\r\n\r\nexport const ChatWindow: React.FC<ChatWindowProps> = ({\r\n  apiEndpoint,\r\n  title = \"AI Assistant\",\r\n  welcomeMessage = \"سلام! چطور می‌توانم کمکتان کنم؟\",\r\n  isFullScreen = false,\r\n  onToggleFullScreen,\r\n}) => {\r\n  const [messages, setMessages] = useState<Message[]>([]);\r\n  const [isLoading, setIsLoading] = useState(false);\r\n  const version = process.env.PACKAGE_VERSION; \r\n\r\n  useEffect(() => {\r\n    if (welcomeMessage && messages.length === 0) {\r\n      setMessages([{ role: 'assistant', content: welcomeMessage }]);\r\n    }\r\n  }, [welcomeMessage, messages.length]);\r\n\r\n  const handleSendMessage = async (userMessage: string) => {\r\n    const newUserMsg: Message = { role: 'user', content: userMessage };\r\n    const currentMessages = [...messages, newUserMsg];\r\n    setMessages(currentMessages);\r\n    setIsLoading(true);\r\n\r\n    try {\r\n      const response = await fetch(apiEndpoint, {\r\n        method: 'POST',\r\n        headers: { 'Content-Type': 'application/json' },\r\n        body: JSON.stringify({ messages: currentMessages }),\r\n      });\r\n\r\n      if (!response.ok) throw new Error(\"Network response was not ok\");\r\n      \r\n      const data = await response.json();\r\n      const botMsg: Message = { role: 'assistant', content: data.content };\r\n      setMessages(prev => [...prev, botMsg]);\r\n\r\n    } catch (error) {\r\n      console.error(\"Chat Error:\", error);\r\n      const errorMsg: Message = { role: 'assistant', content: \"خطایی رخ داده است.\" };\r\n      setMessages(prev => [...prev, errorMsg]);\r\n    } finally {\r\n      setIsLoading(false);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div className=\"mra-chat-window\">\r\n      {/* هدر با دکمه تمام‌صفحه آپدیت شده است */}\r\n      <div className=\"mra-header\">\r\n        <div className=\"mra-header-title-group\">\r\n          <Bot size={20} />\r\n          <span className=\"mra-title\">{title}</span>\r\n        </div>\r\n        {onToggleFullScreen && (\r\n          <button onClick={onToggleFullScreen} className=\"mra-header-icon-button\">\r\n            {isFullScreen ? <Minimize size={16} /> : <Maximize size={16} />}\r\n          </button>\r\n        )}\r\n      </div>\r\n\r\n      <MessageList messages={messages} isLoading={isLoading} />\r\n      <ChatInput onSendMessage={handleSendMessage} isLoading={isLoading} />\r\n\r\n      <footer className=\"mra-footer\">\r\n        <span>v{version}</span>\r\n        <div className=\"mra-footer-links\">\r\n          <span>Powered By Mehdi Akbari |</span>\r\n          <a href=\"mailto:mehdiakbarideveloper@gmail.com\" className=\"mra-footer-link\" target=\"_blank\" rel=\"noopener noreferrer\">Gmail</a>\r\n          <a href=\"https://t.me/MehdiAkbariDev\" className=\"mra-footer-link\" target=\"_blank\" rel=\"noopener noreferrer\">Telegram</a>\r\n        </div>\r\n      </footer>\r\n    </div>\r\n  );\r\n};","// src/components/MessageList/MessageList.tsx\r\n\"use client\";\r\n\r\nimport React, { useRef, useEffect } from 'react';\r\nimport { MessageBubble } from '../MessageBubble/MessageBubble';\r\nimport { Message } from '../../types';\r\n\r\ninterface MessageListProps {\r\n  messages: Message[];\r\n  isLoading: boolean;\r\n}\r\n\r\nexport const MessageList: React.FC<MessageListProps> = ({ messages, isLoading }) => {\r\n  const messagesEndRef = useRef<HTMLDivElement>(null);\r\n\r\n  useEffect(() => {\r\n    messagesEndRef.current?.scrollIntoView({ behavior: 'smooth' });\r\n  }, [messages, isLoading]);\r\n\r\n  return (\r\n    <div className=\"mra-message-list\">\r\n      {messages.map((msg, index) => (\r\n        <MessageBubble key={index} message={msg} />\r\n      ))}\r\n\r\n      {isLoading && (\r\n        <div className=\"mra-loading-wrapper\">\r\n          <div className=\"mra-loading-bubble\">\r\n            <div className=\"mra-loading-dot\" style={{ animationDelay: '-0.32s' }}></div>\r\n            <div className=\"mra-loading-dot\" style={{ animationDelay: '-0.16s' }}></div>\r\n            <div className=\"mra-loading-dot\"></div>\r\n          </div>\r\n        </div>\r\n      )}\r\n\r\n      <div ref={messagesEndRef} />\r\n    </div>\r\n  );\r\n};","// src/components/MessageBubble/MessageBubble.tsx\r\n\"use client\";\r\n\r\nimport React from 'react';\r\nimport clsx from 'clsx';\r\nimport { Message } from '../../types';\r\n\r\ninterface MessageBubbleProps {\r\n  message: Message;\r\n}\r\n\r\nexport const MessageBubble: React.FC<MessageBubbleProps> = ({ message }) => {\r\n  const isUser = message.role === 'user';\r\n\r\n  return (\r\n    <div className={clsx(\"mra-bubble-wrapper\", isUser ? \"mra-wrapper-user\" : \"mra-wrapper-bot\")}>\r\n      <div\r\n        className={clsx(\r\n          \"mra-bubble\",\r\n          isUser ? \"mra-bubble-user\" : \"mra-bubble-bot\"\r\n        )}\r\n      >\r\n        {message.content}\r\n      </div>\r\n    </div>\r\n  );\r\n};","// src/components/ChatInput/ChatInput.tsx\r\n\"use client\";\r\n\r\nimport React, { useState, useRef, useEffect } from 'react';\r\nimport { Send } from 'lucide-react';\r\n\r\ninterface ChatInputProps {\r\n  onSendMessage: (message: string) => void;\r\n  isLoading: boolean;\r\n}\r\n\r\nexport const ChatInput: React.FC<ChatInputProps> = ({ onSendMessage, isLoading }) => {\r\n  const [inputValue, setInputValue] = useState('');\r\n  const textareaRef = useRef<HTMLTextAreaElement>(null); // Ref برای دسترسی به textarea\r\n\r\n  // این افکت با هر بار تغییر متن، ارتفاع textarea را تنظیم می‌کند\r\n  useEffect(() => {\r\n    const textarea = textareaRef.current;\r\n    if (textarea) {\r\n      // ارتفاع را ریست می‌کنیم تا در صورت پاک کردن متن، کوچک شود\r\n      textarea.style.height = 'auto';\r\n      // ارتفاع جدید را بر اساس محتوای داخلی تنظیم می‌کنیم\r\n      textarea.style.height = `${textarea.scrollHeight}px`;\r\n    }\r\n  }, [inputValue]);\r\n\r\n  const handleSend = () => {\r\n    if (inputValue.trim()) {\r\n      onSendMessage(inputValue);\r\n      setInputValue('');\r\n    }\r\n  };\r\n\r\n  // این منطق به درستی Shift+Enter را برای ایجاد خط جدید مدیریت می‌کند\r\n  const handleKeyDown = (e: React.KeyboardEvent) => {\r\n    if (e.key === 'Enter' && !e.shiftKey) {\r\n      e.preventDefault();\r\n      handleSend();\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div className=\"mra-input-wrapper\">\r\n      <textarea\r\n        ref={textareaRef}\r\n        className=\"mra-input-field\"\r\n        value={inputValue}\r\n        onChange={(e) => setInputValue(e.target.value)}\r\n        onKeyDown={handleKeyDown}\r\n        placeholder=\"پیام خود را بنویسید...\"\r\n        disabled={isLoading}\r\n        rows={1} // با یک ردیف شروع می‌شود\r\n      />\r\n      <button\r\n        className=\"mra-send-button\"\r\n        onClick={handleSend}\r\n        disabled={isLoading || !inputValue.trim()}\r\n      >\r\n        <Send size={18} />\r\n      </button>\r\n    </div>\r\n  );\r\n};","\r\n\"use client\";\r\nimport React from 'react';\r\nimport Lottie from 'lottie-react';\r\n\r\ninterface ChatbotFABProps {\r\n  onClick: () => void;\r\n  \r\n  \r\n  animationData: any; \r\n}\r\n\r\nexport const ChatbotFAB: React.FC<ChatbotFABProps> = ({ onClick, animationData }) => {\r\n  \r\n  \r\n  const lottieProps = typeof animationData === 'string' \r\n    ? { animationData: null, path: animationData } \r\n    : { animationData: animationData };\r\n\r\n  return (\r\n    <button className=\"mra-fab\" onClick={onClick}>\r\n      <Lottie {...lottieProps} loop={true} />\r\n    </button>\r\n  );\r\n};"],"mappings":"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","names":["import_react","import_react","clsx","import_jsx_runtime","import_react","import_jsx_runtime","import_lucide_react","import_jsx_runtime","import_jsx_runtime","Lottie","import_clsx","import_jsx_runtime","clsx"]}

package/dist/react.mjs

@@ -97,16 +97,18 @@ var ChatInput = ({ onSendMessage, isLoading }) => {
 };
 
 // src/components/ChatWindow/ChatWindow.tsx
-import { Bot } from "lucide-react";
+import { Bot, Maximize, Minimize } from "lucide-react";
 import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 var ChatWindow = ({
   apiEndpoint,
   title = "AI Assistant",
-  welcomeMessage = "\u0633\u0644\u0627\u0645! \u0686\u0637\u0648\u0631 \u0645\u06CC\u200C\u062A\u0648\u0627\u0646\u0645 \u06A9\u0645\u06A9\u062A\u0627\u0646 \u06A9\u0646\u0645\u061F"
+  welcomeMessage = "\u0633\u0644\u0627\u0645! \u0686\u0637\u0648\u0631 \u0645\u06CC\u200C\u062A\u0648\u0627\u0646\u0645 \u06A9\u0645\u06A9\u062A\u0627\u0646 \u06A9\u0646\u0645\u061F",
+  isFullScreen = false,
+  onToggleFullScreen
 }) => {
   const [messages, setMessages] = useState2([]);
   const [isLoading, setIsLoading] = useState2(false);
-  const version = "0.9.1";
+  const version = "0.9.2";
   useEffect3(() => {
     if (welcomeMessage && messages.length === 0) {
       setMessages([{ role: "assistant", content: welcomeMessage }]);
@@ -137,8 +139,11 @@ var ChatWindow = ({
   };
   return /* @__PURE__ */ jsxs3("div", { className: "mra-chat-window", children: [
     /* @__PURE__ */ jsxs3("div", { className: "mra-header", children: [
-      /* @__PURE__ */ jsx4(Bot, { size: 20 }),
-      /* @__PURE__ */ jsx4("span", { className: "mra-title", children: title })
+      /* @__PURE__ */ jsxs3("div", { className: "mra-header-title-group", children: [
+        /* @__PURE__ */ jsx4(Bot, { size: 20 }),
+        /* @__PURE__ */ jsx4("span", { className: "mra-title", children: title })
+      ] }),
+      onToggleFullScreen && /* @__PURE__ */ jsx4("button", { onClick: onToggleFullScreen, className: "mra-header-icon-button", children: isFullScreen ? /* @__PURE__ */ jsx4(Minimize, { size: 16 }) : /* @__PURE__ */ jsx4(Maximize, { size: 16 }) })
     ] }),
     /* @__PURE__ */ jsx4(MessageList, { messages, isLoading }),
     /* @__PURE__ */ jsx4(ChatInput, { onSendMessage: handleSendMessage, isLoading }),
@@ -173,11 +178,23 @@ var AiAssistant = ({
   ...chatWindowProps
 }) => {
   const [isOpen, setIsOpen] = useState3(false);
+  const [isFullScreen, setIsFullScreen] = useState3(false);
   const toggleChat = () => setIsOpen((prev) => !prev);
-  return /* @__PURE__ */ jsxs4("div", { className: "mra-container", children: [
-    /* @__PURE__ */ jsx6("div", { className: clsx2("mra-chat-window-container", isOpen && "mra-chat-window-container--open"), children: /* @__PURE__ */ jsx6(ChatWindow, { ...chatWindowProps }) }),
-    /* @__PURE__ */ jsx6(ChatbotFAB, { onClick: toggleChat, animationData: lottieAnimationData })
-  ] });
+  const toggleFullScreen = () => setIsFullScreen((prev) => !prev);
+  return (
+    // اگر تمام‌صفحه باشد، کلاس جدید اضافه می‌شود
+    /* @__PURE__ */ jsxs4("div", { className: clsx2("mra-container", isFullScreen && "mra-container--fullscreen"), children: [
+      /* @__PURE__ */ jsx6("div", { className: clsx2("mra-chat-window-container", isOpen && "mra-chat-window-container--open"), children: /* @__PURE__ */ jsx6(
+        ChatWindow,
+        {
+          ...chatWindowProps,
+          isFullScreen,
+          onToggleFullScreen: toggleFullScreen
+        }
+      ) }),
+      /* @__PURE__ */ jsx6(ChatbotFAB, { onClick: toggleChat, animationData: lottieAnimationData })
+    ] })
+  );
 };
 export {
   AiAssistant,

package/dist/react.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/AiAssistant/AiAssistant.tsx","../src/components/ChatWindow/ChatWindow.tsx","../src/components/MessageList/MessageList.tsx","../src/components/MessageBubble/MessageBubble.tsx","../src/components/ChatInput/ChatInput.tsx","../src/components/ChatbotFAB/ChatbotFAB.tsx"],"sourcesContent":["// src/components/AiAssistant/AiAssistant.tsx\r\n\"use client\";\r\nimport React, { useState } from 'react';\r\nimport { ChatWindow, ChatWindowProps } from '../ChatWindow/ChatWindow';\r\nimport { ChatbotFAB } from '../ChatbotFAB/ChatbotFAB';\r\nimport clsx from 'clsx';\r\n\r\ninterface AiAssistantProps extends ChatWindowProps {\r\n  // تایپ را به any تغییر می‌دهیم تا هم رشته و هم آبجکت JSON را بپذیرد\r\n  lottieAnimationData?: any; \r\n}\r\n\r\nconst DEFAULT_LOTTIE_URL = \"https://lottie.host/a822cf1a-1e96-4187-a220-42adb2a61d19/B5bQnC2p9K.json\";\r\n\r\nexport const AiAssistant: React.FC<AiAssistantProps> = ({ \r\n  lottieAnimationData = DEFAULT_LOTTIE_URL,\r\n  ...chatWindowProps\r\n}) => {\r\n  const [isOpen, setIsOpen] = useState(false);\r\n\r\n  const toggleChat = () => setIsOpen(prev => !prev);\r\n\r\n  return (\r\n    <div className=\"mra-container\">\r\n      <div className={clsx(\"mra-chat-window-container\", isOpen && \"mra-chat-window-container--open\")}>\r\n        <ChatWindow {...chatWindowProps} />\r\n      </div>\r\n      <ChatbotFAB onClick={toggleChat} animationData={lottieAnimationData} />\r\n    </div>\r\n  );\r\n};","// src/components/ChatWindow/ChatWindow.tsx\r\n\"use client\";\r\n\r\nimport React, { useState, useEffect } from 'react';\r\nimport { MessageList } from '../MessageList/MessageList';\r\nimport { ChatInput } from '../ChatInput/ChatInput';\r\nimport { Message } from '../../types';\r\nimport { Bot } from 'lucide-react';\r\n\r\nexport interface ChatWindowProps {\r\n  apiEndpoint: string;\r\n  title?: string;\r\n  welcomeMessage?: string;\r\n}\r\n\r\nexport const ChatWindow: React.FC<ChatWindowProps> = ({\r\n  apiEndpoint,\r\n  title = \"AI Assistant\",\r\n  welcomeMessage = \"سلام! چطور می‌توانم کمکتان کنم؟\"\r\n}) => {\r\n  const [messages, setMessages] = useState<Message[]>([]);\r\n  const [isLoading, setIsLoading] = useState(false);\r\n  const version = process.env.PACKAGE_VERSION; \r\n\r\n  useEffect(() => {\r\n    if (welcomeMessage && messages.length === 0) {\r\n      setMessages([{ role: 'assistant', content: welcomeMessage }]);\r\n    }\r\n  }, [welcomeMessage, messages.length]);\r\n\r\n  const handleSendMessage = async (userMessage: string) => {\r\n    const newUserMsg: Message = { role: 'user', content: userMessage };\r\n    const currentMessages = [...messages, newUserMsg];\r\n    setMessages(currentMessages);\r\n    setIsLoading(true);\r\n\r\n    try {\r\n      const response = await fetch(apiEndpoint, {\r\n        method: 'POST',\r\n        headers: { 'Content-Type': 'application/json' },\r\n        body: JSON.stringify({ messages: currentMessages }),\r\n      });\r\n\r\n      if (!response.ok) throw new Error(\"Network response was not ok\");\r\n      \r\n      const data = await response.json();\r\n      const botMsg: Message = { role: 'assistant', content: data.content };\r\n      setMessages(prev => [...prev, botMsg]);\r\n\r\n    } catch (error) {\r\n      console.error(\"Chat Error:\", error);\r\n      const errorMsg: Message = { role: 'assistant', content: \"خطایی رخ داده است.\" };\r\n      setMessages(prev => [...prev, errorMsg]);\r\n    } finally {\r\n      setIsLoading(false);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div className=\"mra-chat-window\">\r\n      <div className=\"mra-header\">\r\n        <Bot size={20} />\r\n        <span className=\"mra-title\">{title}</span>\r\n      </div>\r\n\r\n      <MessageList messages={messages} isLoading={isLoading} />\r\n      <ChatInput onSendMessage={handleSendMessage} isLoading={isLoading} />\r\n\r\n      {/* === فوتر جدید اضافه شده === */}\r\n      <footer className=\"mra-footer\">\r\n        <span>v{version}</span>\r\n        <div className=\"mra-footer-links\">\r\n          <span>Powered By Mehdi Akbari |</span>\r\n          <a href=\"mailto:mehdiakbarideveloper@gmail.com\" className=\"mra-footer-link\" target=\"_blank\" rel=\"noopener noreferrer\">Gmail</a>\r\n          <a href=\"https://t.me/MehdiAkbariDev\" className=\"mra-footer-link\" target=\"_blank\" rel=\"noopener noreferrer\">Telegram</a>\r\n        </div>\r\n      </footer>\r\n    </div>\r\n  );\r\n};","// src/components/MessageList/MessageList.tsx\r\n\"use client\";\r\n\r\nimport React, { useRef, useEffect } from 'react';\r\nimport { MessageBubble } from '../MessageBubble/MessageBubble';\r\nimport { Message } from '../../types';\r\n\r\ninterface MessageListProps {\r\n  messages: Message[];\r\n  isLoading: boolean;\r\n}\r\n\r\nexport const MessageList: React.FC<MessageListProps> = ({ messages, isLoading }) => {\r\n  const messagesEndRef = useRef<HTMLDivElement>(null);\r\n\r\n  useEffect(() => {\r\n    messagesEndRef.current?.scrollIntoView({ behavior: 'smooth' });\r\n  }, [messages, isLoading]);\r\n\r\n  return (\r\n    <div className=\"mra-message-list\">\r\n      {messages.map((msg, index) => (\r\n        <MessageBubble key={index} message={msg} />\r\n      ))}\r\n\r\n      {isLoading && (\r\n        <div className=\"mra-loading-wrapper\">\r\n          <div className=\"mra-loading-bubble\">\r\n            <div className=\"mra-loading-dot\" style={{ animationDelay: '-0.32s' }}></div>\r\n            <div className=\"mra-loading-dot\" style={{ animationDelay: '-0.16s' }}></div>\r\n            <div className=\"mra-loading-dot\"></div>\r\n          </div>\r\n        </div>\r\n      )}\r\n\r\n      <div ref={messagesEndRef} />\r\n    </div>\r\n  );\r\n};","// src/components/MessageBubble/MessageBubble.tsx\r\n\"use client\";\r\n\r\nimport React from 'react';\r\nimport clsx from 'clsx';\r\nimport { Message } from '../../types';\r\n\r\ninterface MessageBubbleProps {\r\n  message: Message;\r\n}\r\n\r\nexport const MessageBubble: React.FC<MessageBubbleProps> = ({ message }) => {\r\n  const isUser = message.role === 'user';\r\n\r\n  return (\r\n    <div className={clsx(\"mra-bubble-wrapper\", isUser ? \"mra-wrapper-user\" : \"mra-wrapper-bot\")}>\r\n      <div\r\n        className={clsx(\r\n          \"mra-bubble\",\r\n          isUser ? \"mra-bubble-user\" : \"mra-bubble-bot\"\r\n        )}\r\n      >\r\n        {message.content}\r\n      </div>\r\n    </div>\r\n  );\r\n};","// src/components/ChatInput/ChatInput.tsx\r\n\"use client\";\r\n\r\nimport React, { useState, useRef, useEffect } from 'react';\r\nimport { Send } from 'lucide-react';\r\n\r\ninterface ChatInputProps {\r\n  onSendMessage: (message: string) => void;\r\n  isLoading: boolean;\r\n}\r\n\r\nexport const ChatInput: React.FC<ChatInputProps> = ({ onSendMessage, isLoading }) => {\r\n  const [inputValue, setInputValue] = useState('');\r\n  const textareaRef = useRef<HTMLTextAreaElement>(null); // Ref برای دسترسی به textarea\r\n\r\n  // این افکت با هر بار تغییر متن، ارتفاع textarea را تنظیم می‌کند\r\n  useEffect(() => {\r\n    const textarea = textareaRef.current;\r\n    if (textarea) {\r\n      // ارتفاع را ریست می‌کنیم تا در صورت پاک کردن متن، کوچک شود\r\n      textarea.style.height = 'auto';\r\n      // ارتفاع جدید را بر اساس محتوای داخلی تنظیم می‌کنیم\r\n      textarea.style.height = `${textarea.scrollHeight}px`;\r\n    }\r\n  }, [inputValue]);\r\n\r\n  const handleSend = () => {\r\n    if (inputValue.trim()) {\r\n      onSendMessage(inputValue);\r\n      setInputValue('');\r\n    }\r\n  };\r\n\r\n  // این منطق به درستی Shift+Enter را برای ایجاد خط جدید مدیریت می‌کند\r\n  const handleKeyDown = (e: React.KeyboardEvent) => {\r\n    if (e.key === 'Enter' && !e.shiftKey) {\r\n      e.preventDefault();\r\n      handleSend();\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div className=\"mra-input-wrapper\">\r\n      <textarea\r\n        ref={textareaRef}\r\n        className=\"mra-input-field\"\r\n        value={inputValue}\r\n        onChange={(e) => setInputValue(e.target.value)}\r\n        onKeyDown={handleKeyDown}\r\n        placeholder=\"پیام خود را بنویسید...\"\r\n        disabled={isLoading}\r\n        rows={1} // با یک ردیف شروع می‌شود\r\n      />\r\n      <button\r\n        className=\"mra-send-button\"\r\n        onClick={handleSend}\r\n        disabled={isLoading || !inputValue.trim()}\r\n      >\r\n        <Send size={18} />\r\n      </button>\r\n    </div>\r\n  );\r\n};","\r\n\"use client\";\r\nimport React from 'react';\r\nimport Lottie from 'lottie-react';\r\n\r\ninterface ChatbotFABProps {\r\n  onClick: () => void;\r\n  \r\n  \r\n  animationData: any; \r\n}\r\n\r\nexport const ChatbotFAB: React.FC<ChatbotFABProps> = ({ onClick, animationData }) => {\r\n  \r\n  \r\n  const lottieProps = typeof animationData === 'string' \r\n    ? { animationData: null, path: animationData } \r\n    : { animationData: animationData };\r\n\r\n  return (\r\n    <button className=\"mra-fab\" onClick={onClick}>\r\n      <Lottie {...lottieProps} loop={true} />\r\n    </button>\r\n  );\r\n};"],"mappings":"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","names":["useState","useState","useEffect","jsx","useRef","useEffect","jsx","jsxs","jsx","jsxs","useState","useEffect","jsx","clsx","jsx","jsxs","useState"]}
+{"version":3,"sources":["../src/components/AiAssistant/AiAssistant.tsx","../src/components/ChatWindow/ChatWindow.tsx","../src/components/MessageList/MessageList.tsx","../src/components/MessageBubble/MessageBubble.tsx","../src/components/ChatInput/ChatInput.tsx","../src/components/ChatbotFAB/ChatbotFAB.tsx"],"sourcesContent":["// src/components/AiAssistant/AiAssistant.tsx\r\n\"use client\";\r\nimport React, { useState } from 'react';\r\nimport { ChatWindow, ChatWindowProps } from '../ChatWindow/ChatWindow';\r\nimport { ChatbotFAB } from '../ChatbotFAB/ChatbotFAB';\r\nimport clsx from 'clsx';\r\n\r\ninterface AiAssistantProps extends ChatWindowProps {\r\n  lottieAnimationData?: any;\r\n}\r\n\r\nconst DEFAULT_LOTTIE_URL = \"https://lottie.host/a822cf1a-1e96-4187-a220-42adb2a61d19/B5bQnC2p9K.json\";\r\n\r\nexport const AiAssistant: React.FC<AiAssistantProps> = ({\r\n  lottieAnimationData = DEFAULT_LOTTIE_URL,\r\n  ...chatWindowProps\r\n}) => {\r\n  const [isOpen, setIsOpen] = useState(false);\r\n  const [isFullScreen, setIsFullScreen] = useState(false); // استیت جدید برای حالت تمام‌صفحه\r\n\r\n  const toggleChat = () => setIsOpen(prev => !prev);\r\n  const toggleFullScreen = () => setIsFullScreen(prev => !prev);\r\n\r\n  return (\r\n    // اگر تمام‌صفحه باشد، کلاس جدید اضافه می‌شود\r\n    <div className={clsx(\"mra-container\", isFullScreen && \"mra-container--fullscreen\")}>\r\n      <div className={clsx(\"mra-chat-window-container\", isOpen && \"mra-chat-window-container--open\")}>\r\n        <ChatWindow\r\n          {...chatWindowProps}\r\n          // دو پراپ جدید به ChatWindow پاس می‌دهیم\r\n          isFullScreen={isFullScreen}\r\n          onToggleFullScreen={toggleFullScreen}\r\n        />\r\n      </div>\r\n      <ChatbotFAB onClick={toggleChat} animationData={lottieAnimationData} />\r\n    </div>\r\n  );\r\n};","// src/components/ChatWindow/ChatWindow.tsx\r\n\"use client\";\r\n\r\nimport React, { useState, useEffect } from 'react';\r\nimport { MessageList } from '../MessageList/MessageList';\r\nimport { ChatInput } from '../ChatInput/ChatInput';\r\nimport { Message } from '../../types';\r\nimport { Bot, Maximize, Minimize } from 'lucide-react'; // آیکون‌های تمام‌صفحه اضافه شدند\r\n\r\n// پراپ‌های کامپوننت با گزینه‌های جدید آپدیت شدند\r\nexport interface ChatWindowProps {\r\n  apiEndpoint: string;\r\n  title?: string;\r\n  welcomeMessage?: string;\r\n  isFullScreen?: boolean;\r\n  onToggleFullScreen?: () => void;\r\n}\r\n\r\nexport const ChatWindow: React.FC<ChatWindowProps> = ({\r\n  apiEndpoint,\r\n  title = \"AI Assistant\",\r\n  welcomeMessage = \"سلام! چطور می‌توانم کمکتان کنم؟\",\r\n  isFullScreen = false,\r\n  onToggleFullScreen,\r\n}) => {\r\n  const [messages, setMessages] = useState<Message[]>([]);\r\n  const [isLoading, setIsLoading] = useState(false);\r\n  const version = process.env.PACKAGE_VERSION; \r\n\r\n  useEffect(() => {\r\n    if (welcomeMessage && messages.length === 0) {\r\n      setMessages([{ role: 'assistant', content: welcomeMessage }]);\r\n    }\r\n  }, [welcomeMessage, messages.length]);\r\n\r\n  const handleSendMessage = async (userMessage: string) => {\r\n    const newUserMsg: Message = { role: 'user', content: userMessage };\r\n    const currentMessages = [...messages, newUserMsg];\r\n    setMessages(currentMessages);\r\n    setIsLoading(true);\r\n\r\n    try {\r\n      const response = await fetch(apiEndpoint, {\r\n        method: 'POST',\r\n        headers: { 'Content-Type': 'application/json' },\r\n        body: JSON.stringify({ messages: currentMessages }),\r\n      });\r\n\r\n      if (!response.ok) throw new Error(\"Network response was not ok\");\r\n      \r\n      const data = await response.json();\r\n      const botMsg: Message = { role: 'assistant', content: data.content };\r\n      setMessages(prev => [...prev, botMsg]);\r\n\r\n    } catch (error) {\r\n      console.error(\"Chat Error:\", error);\r\n      const errorMsg: Message = { role: 'assistant', content: \"خطایی رخ داده است.\" };\r\n      setMessages(prev => [...prev, errorMsg]);\r\n    } finally {\r\n      setIsLoading(false);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div className=\"mra-chat-window\">\r\n      {/* هدر با دکمه تمام‌صفحه آپدیت شده است */}\r\n      <div className=\"mra-header\">\r\n        <div className=\"mra-header-title-group\">\r\n          <Bot size={20} />\r\n          <span className=\"mra-title\">{title}</span>\r\n        </div>\r\n        {onToggleFullScreen && (\r\n          <button onClick={onToggleFullScreen} className=\"mra-header-icon-button\">\r\n            {isFullScreen ? <Minimize size={16} /> : <Maximize size={16} />}\r\n          </button>\r\n        )}\r\n      </div>\r\n\r\n      <MessageList messages={messages} isLoading={isLoading} />\r\n      <ChatInput onSendMessage={handleSendMessage} isLoading={isLoading} />\r\n\r\n      <footer className=\"mra-footer\">\r\n        <span>v{version}</span>\r\n        <div className=\"mra-footer-links\">\r\n          <span>Powered By Mehdi Akbari |</span>\r\n          <a href=\"mailto:mehdiakbarideveloper@gmail.com\" className=\"mra-footer-link\" target=\"_blank\" rel=\"noopener noreferrer\">Gmail</a>\r\n          <a href=\"https://t.me/MehdiAkbariDev\" className=\"mra-footer-link\" target=\"_blank\" rel=\"noopener noreferrer\">Telegram</a>\r\n        </div>\r\n      </footer>\r\n    </div>\r\n  );\r\n};","// src/components/MessageList/MessageList.tsx\r\n\"use client\";\r\n\r\nimport React, { useRef, useEffect } from 'react';\r\nimport { MessageBubble } from '../MessageBubble/MessageBubble';\r\nimport { Message } from '../../types';\r\n\r\ninterface MessageListProps {\r\n  messages: Message[];\r\n  isLoading: boolean;\r\n}\r\n\r\nexport const MessageList: React.FC<MessageListProps> = ({ messages, isLoading }) => {\r\n  const messagesEndRef = useRef<HTMLDivElement>(null);\r\n\r\n  useEffect(() => {\r\n    messagesEndRef.current?.scrollIntoView({ behavior: 'smooth' });\r\n  }, [messages, isLoading]);\r\n\r\n  return (\r\n    <div className=\"mra-message-list\">\r\n      {messages.map((msg, index) => (\r\n        <MessageBubble key={index} message={msg} />\r\n      ))}\r\n\r\n      {isLoading && (\r\n        <div className=\"mra-loading-wrapper\">\r\n          <div className=\"mra-loading-bubble\">\r\n            <div className=\"mra-loading-dot\" style={{ animationDelay: '-0.32s' }}></div>\r\n            <div className=\"mra-loading-dot\" style={{ animationDelay: '-0.16s' }}></div>\r\n            <div className=\"mra-loading-dot\"></div>\r\n          </div>\r\n        </div>\r\n      )}\r\n\r\n      <div ref={messagesEndRef} />\r\n    </div>\r\n  );\r\n};","// src/components/MessageBubble/MessageBubble.tsx\r\n\"use client\";\r\n\r\nimport React from 'react';\r\nimport clsx from 'clsx';\r\nimport { Message } from '../../types';\r\n\r\ninterface MessageBubbleProps {\r\n  message: Message;\r\n}\r\n\r\nexport const MessageBubble: React.FC<MessageBubbleProps> = ({ message }) => {\r\n  const isUser = message.role === 'user';\r\n\r\n  return (\r\n    <div className={clsx(\"mra-bubble-wrapper\", isUser ? \"mra-wrapper-user\" : \"mra-wrapper-bot\")}>\r\n      <div\r\n        className={clsx(\r\n          \"mra-bubble\",\r\n          isUser ? \"mra-bubble-user\" : \"mra-bubble-bot\"\r\n        )}\r\n      >\r\n        {message.content}\r\n      </div>\r\n    </div>\r\n  );\r\n};","// src/components/ChatInput/ChatInput.tsx\r\n\"use client\";\r\n\r\nimport React, { useState, useRef, useEffect } from 'react';\r\nimport { Send } from 'lucide-react';\r\n\r\ninterface ChatInputProps {\r\n  onSendMessage: (message: string) => void;\r\n  isLoading: boolean;\r\n}\r\n\r\nexport const ChatInput: React.FC<ChatInputProps> = ({ onSendMessage, isLoading }) => {\r\n  const [inputValue, setInputValue] = useState('');\r\n  const textareaRef = useRef<HTMLTextAreaElement>(null); // Ref برای دسترسی به textarea\r\n\r\n  // این افکت با هر بار تغییر متن، ارتفاع textarea را تنظیم می‌کند\r\n  useEffect(() => {\r\n    const textarea = textareaRef.current;\r\n    if (textarea) {\r\n      // ارتفاع را ریست می‌کنیم تا در صورت پاک کردن متن، کوچک شود\r\n      textarea.style.height = 'auto';\r\n      // ارتفاع جدید را بر اساس محتوای داخلی تنظیم می‌کنیم\r\n      textarea.style.height = `${textarea.scrollHeight}px`;\r\n    }\r\n  }, [inputValue]);\r\n\r\n  const handleSend = () => {\r\n    if (inputValue.trim()) {\r\n      onSendMessage(inputValue);\r\n      setInputValue('');\r\n    }\r\n  };\r\n\r\n  // این منطق به درستی Shift+Enter را برای ایجاد خط جدید مدیریت می‌کند\r\n  const handleKeyDown = (e: React.KeyboardEvent) => {\r\n    if (e.key === 'Enter' && !e.shiftKey) {\r\n      e.preventDefault();\r\n      handleSend();\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div className=\"mra-input-wrapper\">\r\n      <textarea\r\n        ref={textareaRef}\r\n        className=\"mra-input-field\"\r\n        value={inputValue}\r\n        onChange={(e) => setInputValue(e.target.value)}\r\n        onKeyDown={handleKeyDown}\r\n        placeholder=\"پیام خود را بنویسید...\"\r\n        disabled={isLoading}\r\n        rows={1} // با یک ردیف شروع می‌شود\r\n      />\r\n      <button\r\n        className=\"mra-send-button\"\r\n        onClick={handleSend}\r\n        disabled={isLoading || !inputValue.trim()}\r\n      >\r\n        <Send size={18} />\r\n      </button>\r\n    </div>\r\n  );\r\n};","\r\n\"use client\";\r\nimport React from 'react';\r\nimport Lottie from 'lottie-react';\r\n\r\ninterface ChatbotFABProps {\r\n  onClick: () => void;\r\n  \r\n  \r\n  animationData: any; \r\n}\r\n\r\nexport const ChatbotFAB: React.FC<ChatbotFABProps> = ({ onClick, animationData }) => {\r\n  \r\n  \r\n  const lottieProps = typeof animationData === 'string' \r\n    ? { animationData: null, path: animationData } \r\n    : { animationData: animationData };\r\n\r\n  return (\r\n    <button className=\"mra-fab\" onClick={onClick}>\r\n      <Lottie {...lottieProps} loop={true} />\r\n    </button>\r\n  );\r\n};"],"mappings":"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","names":["useState","useState","useEffect","jsx","useRef","useEffect","jsx","jsxs","jsx","jsxs","useState","useEffect","jsx","clsx","jsx","jsxs","useState"]}

package/dist/styles.css

@@ -1,46 +1,139 @@
 /* src/styles.css */
 
+/* === Container & FAB Styles === */
+.mra-container {
+  position: fixed;
+  bottom: 2rem;
+  right: 2rem;
+  z-index: 1000;
+  transition: all 0.3s ease-in-out;
+}
+
+/* Styles for Fullscreen Mode */
+.mra-container--fullscreen {
+  bottom: 0;
+  right: 0;
+  width: 100%;
+  height: 100%;
+  max-width: 100%;
+  max-height: 100%;
+}
+
+.mra-container--fullscreen .mra-chat-window-container {
+  position: static;
+}
+
+.mra-container--fullscreen .mra-chat-window {
+  height: 100%;
+  width: 100%;
+  max-width: 100%;
+  border-radius: 0;
+}
+
+.mra-container--fullscreen .mra-fab {
+  display: none;
+}
+
+/* Floating Action Button */
+.mra-fab {
+  width: 64px;
+  height: 64px;
+  border-radius: 9999px;
+  background-color: var(--ai-primary, #2563eb);
+  border: none;
+  cursor: pointer;
+  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.2), 0 4px 6px -4px rgb(0 0 0 / 0.2);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: transform 0.2s ease-in-out;
+}
+.mra-fab:hover {
+  transform: scale(1.1);
+}
+
+/* Chat Window Container (when not fullscreen) */
+.mra-chat-window-container {
+  position: absolute;
+  bottom: calc(100% + 1rem);
+  right: 0;
+  opacity: 0;
+  transform: translateY(20px);
+  transition: opacity 0.3s ease, transform 0.3s ease;
+  pointer-events: none;
+}
+
+.mra-chat-window-container--open {
+  opacity: 1;
+  transform: translateY(0);
+  pointer-events: auto;
+}
+
+
 /* === ChatWindow Styles === */
 .mra-chat-window {
   display: flex;
   flex-direction: column;
   height: 500px;
   width: 100%;
-  max-width: 28rem; /* max-w-md */
-  border-radius: 0.75rem; /* rounded-xl */
+  max-width: 32rem; /* Increased default width to max-w-lg */
+  border-radius: 0.75rem;
   border: 1px solid var(--ai-border, #e5e7eb);
   background-color: var(--ai-bg, #ffffff);
   overflow: hidden;
-  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); /* shadow-lg */
+  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
   position: relative;
   font-family: inherit;
   font-size: 1rem;
   line-height: 1.5rem;
   box-sizing: border-box;
+  transition: all 0.3s ease-in-out;
 }
 
 .mra-header {
   display: flex;
   align-items: center;
-  gap: 0.5rem; /* gap-2 */
-  padding: 1rem; /* px-4 py-4 */
+  justify-content: space-between; /* Important for alignment */
+  gap: 0.5rem;
+  padding: 1rem;
   border-bottom: 1px solid var(--ai-border, #e5e7eb);
-  background-color: #f9fafb; /* bg-gray-50 */
+  background-color: #f9fafb;
+}
+
+.mra-header-title-group {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
 }
 
 .mra-title {
-  font-weight: 600; 
-  color: #1f2937; 
+  font-weight: 600;
+  color: #1f2937;
+}
+
+.mra-header-icon-button {
+  padding: 0.25rem;
+  border-radius: 0.25rem;
+  background: transparent;
+  border: none;
+  cursor: pointer;
+  color: #6b7280;
+  transition: background-color 0.2s, color 0.2s;
 }
 
+.mra-header-icon-button:hover {
+  background-color: #e5e7eb;
+  color: #1f2937;
+}
 
+/* === MessageList Styles === */
 .mra-message-list {
   flex: 1 1 0%;
   overflow-y: auto;
   padding: 1rem;
   display: flex;
   flex-direction: column;
-  gap: 0.75rem; /* gap-3 */
+  gap: 0.75rem;
   scroll-behavior: smooth;
 }
 
@@ -51,21 +144,21 @@
 
 .mra-loading-bubble {
   max-width: 80%;
-  padding: 0.5rem 0.75rem; /* px-3 py-2 */
+  padding: 0.5rem 0.75rem;
   border-radius: 0.75rem;
   background-color: var(--ai-bot-bg, #f3f4f6);
   color: var(--ai-text, #1f2937);
-  border-bottom-left-radius: 0.125rem; /* rounded-bl-sm */
+  border-bottom-left-radius: 0.125rem;
   display: flex;
-  gap: 0.25rem; /* gap-1 */
+  gap: 0.25rem;
   align-items: center;
 }
 
 .mra-loading-dot {
-  width: 0.375rem; /* w-1.5 */
-  height: 0.375rem; /* h-1.5 */
-  background-color: #9ca3af; /* bg-gray-400 */
-  border-radius: 9999px; /* rounded-full */
+  width: 0.375rem;
+  height: 0.375rem;
+  background-color: #9ca3af;
+  border-radius: 9999px;
   animation: bounce 1s infinite;
 }
 
@@ -96,18 +189,18 @@
   max-width: 80%;
   padding: 0.5rem 0.75rem;
   border-radius: 0.75rem;
-  font-size: 0.875rem; /* text-sm */
+  font-size: 0.875rem;
   word-wrap: break-word;
 }
 .mra-bubble-user {
   background-color: var(--ai-user-bg, #dbeafe);
   color: var(--ai-user-text, #1e40af);
-  border-bottom-right-radius: 0.125rem; /* rounded-br-sm */
+  border-bottom-right-radius: 0.125rem;
 }
 .mra-bubble-bot {
   background-color: var(--ai-bot-bg, #f3f4f6);
   color: var(--ai-text, #1f2937);
-  border-bottom-left-radius: 0.125rem; /* rounded-bl-sm */
+  border-bottom-left-radius: 0.125rem;
 }
 
 /* === ChatInput Styles === */
@@ -117,7 +210,6 @@
   padding: 0.75rem;
   border-top: 1px solid var(--ai-border, #e5e7eb);
   background-color: var(--ai-bg, #ffffff);
-  /* این خط جدید برای تراز کردن دکمه با textarea است */
   align-items: flex-end;
 }
 
@@ -129,13 +221,11 @@
   outline: none;
   font-family: inherit;
   color: var(--ai-text, #1f2937);
-  /* === تغییرات و اضافات برای textarea === */
-  resize: none; /* غیرفعال کردن تغییر سایز دستی */
-  max-height: 120px; /* حداکثر ارتفاع قبل از نمایش اسکرول‌بار (تقریباً 5 خط) */
-  overflow-y: auto; /* نمایش اسکرول‌بار در صورت نیاز */
-  line-height: 1.5; /* بهبود خوانایی متن چندخطی */
+  resize: none;
+  max-height: 120px;
+  overflow-y: auto;
+  line-height: 1.5;
 }
-
 .mra-input-field::placeholder {
   color: var(--ai-text-secondary, #6b7280);
 }
@@ -157,11 +247,9 @@
   color: var(--ai-primary-fg, #ffffff);
   border: none;
   cursor: pointer;
-  /* این خط جدید برای تراز کردن دکمه است */
   align-self: flex-end;
-  height: 38px; /* ارتفاع ثابت برای هم‌ترازی با اولین ردیف textarea */
+  height: 38px;
 }
-
 .mra-send-button:hover {
   opacity: 0.9;
 }
@@ -170,15 +258,16 @@
   cursor: not-allowed;
 }
 
+/* === Footer Styles === */
 .mra-footer {
-  padding: 0.5rem 0.75rem; 
+  padding: 0.5rem 0.75rem;
   border-top: 1px solid var(--ai-border, #e5e7eb);
-  background-color: #f9fafb; 
+  background-color: #f9fafb;
   display: flex;
   justify-content: space-between;
   align-items: center;
   font-size: 0.75rem;
-  color: #6b7280; 
+  color: #6b7280;
 }
 
 .mra-footer-links {
@@ -188,71 +277,11 @@
 }
 
 .mra-footer-link {
-  color: #4b5563; 
+  color: #4b5563;
   text-decoration: none;
   transition: color 0.2s;
 }
 
 .mra-footer-link:hover {
   color: var(--ai-primary, #2563eb);
-}
-
-.mra-container {
-  position: fixed;
-  bottom: 2rem; /* 32px */
-  right: 2rem; /* 32px */
-  z-index: 1000;
-}
-
-.mra-fab {
-  width: 64px;
-  height: 64px;
-  border-radius: 9999px; /* rounded-full */
-  background-color: var(--ai-primary, #2563eb);
-  border: none;
-  cursor: pointer;
-  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.2), 0 4px 6px -4px rgb(0 0 0 / 0.2);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  transition: transform 0.2s ease-in-out;
-}
-.mra-fab:hover {
-  transform: scale(1.1);
-}
-
-.mra-chat-window-container {
-  position: absolute;
-  bottom: calc(100% + 1rem); /* 16px فاصله بالای دکمه */
-  right: 0;
-  opacity: 0;
-  transform: translateY(20px);
-  transition: opacity 0.3s ease, transform 0.3s ease;
-  pointer-events: none; /* در حالت بسته قابل کلیک نیست */
-}
-
-.mra-chat-window-container--open {
-  opacity: 1;
-  transform: translateY(0);
-  pointer-events: auto; /* در حالت باز قابل کلیک است */
-}
-
-
-/* === ChatWindow Styles === */
-.mra-chat-window {
-  display: flex;
-  flex-direction: column;
-  height: 500px;
-  width: 100%;
-  max-width: 28rem; /* max-w-md */
-  border-radius: 0.75rem; /* rounded-xl */
-  border: 1px solid var(--ai-border, #e5e7eb);
-  background-color: var(--ai-bg, #ffffff);
-  overflow: hidden;
-  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); /* shadow-lg */
-  position: relative;
-  font-family: inherit;
-  font-size: 1rem;
-  line-height: 1.5rem;
-  box-sizing: border-box;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mehdi-akbari-ai-assistant-free",
-  "version": "0.9.1",
+  "version": "0.9.2",
   "description": "Professional AI Chatbot Library with self-contained CSS styles",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",