reachat 1.0.7 → 1.1.0

package/dist/index.umd.cjs

@@ -146,9 +146,9 @@
   };
   const SvgBack = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1, strokeLinecap: "round", strokeLinejoin: "round", className: "lucide lucide-chevron-left", ...props }, /* @__PURE__ */ React__namespace.createElement("path", { d: "m15 18-6-6 6-6" }));
   const SessionMessagePanel = ({ children }) => {
-    const { activeSessionId, theme, isCompact, selectSession } = React.useContext(ChatContext);
-    const isVisible = isCompact && activeSessionId;
-    return (!isCompact || isVisible) && /* @__PURE__ */ jsxRuntime.jsx(
+    const { activeSessionId, theme, isCompact, selectSession, viewType } = React.useContext(ChatContext);
+    const isVisible = isCompact && activeSessionId || viewType === "chat" || !isCompact;
+    return isVisible && /* @__PURE__ */ jsxRuntime.jsx(
       framerMotion.motion.div,
       {
         initial: { translateX: "200%" },
@@ -167,7 +167,7 @@
           [theme.messages.console]: !isCompact
         }),
         children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: reablocks.cn(theme.messages.inner), children: [
-          isCompact && /* @__PURE__ */ jsxRuntime.jsxs(
+          isCompact && viewType !== "chat" && /* @__PURE__ */ jsxRuntime.jsxs(
             reablocks.Button,
             {
               variant: "text",
@@ -1525,7 +1525,7 @@ ${response}`),
       }
     }, [activeSession, isAnimating]);
     function handleShowMore() {
-      showNext(10);
+      showNext(limit);
       requestAnimationFrame(() => contentRef.current.scrollTop = 0);
     }
     const reversedConvos = React.useMemo(
@@ -1534,7 +1534,7 @@ ${response}`),
     );
     const { data, hasMore, showNext } = reablocks.useInfinityList({
       items: reversedConvos,
-      limit
+      size: limit
     });
     const reReversedConvo = React.useMemo(() => [...data].reverse(), [data]);
     const convosToRender = limit ? reReversedConvo : activeSession == null ? void 0 : activeSession.conversations;
@@ -1559,7 +1559,7 @@ ${response}`),
           initial: "hidden",
           animate: "visible",
           onAnimationComplete: () => {
-            setIsAnimating(false);
+            requestAnimationFrame(() => setIsAnimating(false));
           },
           children: children(convosToRender)
         },
@@ -1569,7 +1569,7 @@ ${response}`),
   };
   const chatTheme = {
     base: "dark:text-white text-gray-500",
-    console: "flex w-full gap-10 h-full",
+    console: "flex w-full gap-4 h-full",
     companion: "w-full h-full overflow-hidden",
     empty: "text-center flex-1",
     sessions: {
@@ -1593,7 +1593,7 @@ ${response}`),
     },
     messages: {
       base: "",
-      console: "flex flex-col mr-5 flex-1 overflow-hidden",
+      console: "flex flex-col mx-5 flex-1 overflow-hidden",
       companion: "flex w-full h-full",
       back: "self-start p-0 my-2",
       inner: "flex-1 h-full flex flex-col",
@@ -1767,6 +1767,7 @@ ${response}`),
         disabled,
         isLoading,
         isCompact,
+        viewType,
         activeSessionId: internalActiveSessionID,
         selectSession: handleSelectSession,
         deleteSession: handleDeleteSession,
@@ -1778,6 +1779,7 @@ ${response}`),
       [
         isLoading,
         isCompact,
+        viewType,
         disabled,
         theme,
         remarkPlugins,