reachat 1.0.1 → 1.0.2

package/dist/index.js

@@ -21,21 +21,18 @@ const ChatContext = createContext({
 });
 const ChatInput = ({
   allowedFiles,
-  onSendMessage,
   placeholder,
-  onStopMessage,
-  onFileUpload,
   defaultValue,
   sendIcon = /* @__PURE__ */ jsx(SvgSend, {}),
   stopIcon = /* @__PURE__ */ jsx(SvgStop, {}),
   attachIcon = /* @__PURE__ */ jsx(SvgPaperclip, {})
 }) => {
-  const { theme, isLoading, disabled } = useContext(ChatContext);
+  const { theme, isLoading, disabled, sendMessage, stopMessage, fileUpload } = useContext(ChatContext);
   const [message, setMessage] = useState("");
   const fileInputRef = useRef(null);
   const handleSendMessage = () => {
     if (message.trim()) {
-      onSendMessage == null ? void 0 : onSendMessage(message);
+      sendMessage == null ? void 0 : sendMessage(message);
       setMessage("");
     }
   };
@@ -48,8 +45,8 @@ const ChatInput = ({
   const handleFileUpload = (event) => {
     var _a;
     const file = (_a = event.target.files) == null ? void 0 : _a[0];
-    if (file && onFileUpload) {
-      onFileUpload(file);
+    if (file && fileUpload) {
+      fileUpload(file);
     }
   };
   return /* @__PURE__ */ jsxs("div", { className: cn(theme.input.base), children: [
@@ -97,7 +94,7 @@ const ChatInput = ({
       {
         title: "Stop",
         className: cn(theme.input.stop),
-        onClick: onStopMessage,
+        onClick: stopMessage,
         disabled,
         children: stopIcon
       }
@@ -1316,6 +1313,7 @@ const MessageFile = ({
   fileIcon = /* @__PURE__ */ jsx(SvgFile, {})
 }) => {
   const { theme } = useContext(ChatContext);
+  const isImage = type == null ? void 0 : type.startsWith("image/");
   return /* @__PURE__ */ jsxs(
     "figure",
     {
@@ -1324,8 +1322,8 @@ const MessageFile = ({
         window.open(url, "_blank");
       },
       children: [
-        fileIcon,
-        (name || type) && /* @__PURE__ */ jsx("figcaption", { children: name && /* @__PURE__ */ jsx("span", { className: cn(theme.messages.message.files.file.name), children: /* @__PURE__ */ jsx(Ellipsis, { value: name, limit }) }) })
+        isImage ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("img", { src: url, className: "h-10 w-10" }) }) : /* @__PURE__ */ jsx(Fragment, { children: fileIcon }),
+        name && /* @__PURE__ */ jsx("figcaption", { children: name && /* @__PURE__ */ jsx("span", { className: cn(theme.messages.message.files.file.name), children: /* @__PURE__ */ jsx(Ellipsis, { value: name, limit }) }) })
       ]
     }
   );
@@ -1638,6 +1636,9 @@ const Chat = ({
   sessions,
   onSelectSession,
   onDeleteSession,
+  onSendMessage,
+  onStopMessage,
+  onFileUpload,
   isLoading,
   activeSessionId,
   theme: customTheme = chatTheme,
@@ -1699,7 +1700,10 @@ const Chat = ({
       activeSessionId: internalActiveSessionID,
       selectSession: handleSelectSession,
       deleteSession: handleDeleteSession,
-      createSession: handleCreateNewSession
+      createSession: handleCreateNewSession,
+      sendMessage: onSendMessage,
+      stopMessage: onStopMessage,
+      fileUpload: onFileUpload
     }),
     [
       isLoading,
@@ -1712,7 +1716,10 @@ const Chat = ({
       internalActiveSessionID,
       handleSelectSession,
       handleDeleteSession,
-      handleCreateNewSession
+      handleCreateNewSession,
+      onSendMessage,
+      onStopMessage,
+      onFileUpload
     ]
   );
   return /* @__PURE__ */ jsx(ChatContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(AnimatePresence, { initial: false, children: /* @__PURE__ */ jsx(