reachat 2.1.0-alpha.10 → 2.1.0-alpha.12

package/dist/index.js

@@ -10,7 +10,7 @@
     console.error("vite-plugin-css-injected-by-js", e);
   }
 })();
-import { A, b, c, C, d, e, F, M, j, k, m, n, o, p, q, N, i, w, x, s, t, u, v, y, z, T, g, f, B, h, D, l, r } from "./index-BIrmxgH5.js";
+import { A, b, c, C, d, e, F, M, j, k, m, n, o, p, q, N, i, w, x, s, t, u, v, y, z, T, g, f, B, h, D, l, r } from "./index-l2ncOVPh.js";
 import "react/jsx-runtime";
 import "motion/react";
 import "reablocks";

package/dist/index.umd.cjs

@@ -2136,7 +2136,8 @@ ${response}`),
     limit = 10,
     className,
     showMoreText = "Show more",
-    autoScroll = true
+    autoScroll = true,
+    onScroll
   }) => {
     const { activeSession, theme } = React.useContext(ChatContext);
     const contentRef = React.useRef(null);
@@ -2165,38 +2166,46 @@ ${response}`),
     if (!activeSession) {
       return /* @__PURE__ */ jsxRuntime.jsx(SessionEmpty, { children: newSessionContent });
     }
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: reablocks.cn(theme.messages.content, className), ref: contentRef, children: [
-      hasMore && /* @__PURE__ */ jsxRuntime.jsx(
-        reablocks.Button,
-        {
-          variant: "outline",
-          className: reablocks.cn(theme.messages.showMore),
-          fullWidth: true,
-          onClick: handleShowMore,
-          children: showMoreText
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(react.AnimatePresence, { children: /* @__PURE__ */ jsxRuntime.jsx(
-        react.motion.div,
-        {
-          variants: containerVariants,
-          initial: "hidden",
-          animate: "visible",
-          onAnimationComplete: () => {
-            requestAnimationFrame(() => setIsAnimating(false));
-          },
-          children: children ? children(convosToRender) : convosToRender.map((conversation, index) => /* @__PURE__ */ jsxRuntime.jsx(
-            SessionMessage,
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: reablocks.cn(theme.messages.content, className),
+        ref: contentRef,
+        onScrollCapture: onScroll,
+        children: [
+          hasMore && /* @__PURE__ */ jsxRuntime.jsx(
+            reablocks.Button,
             {
-              conversation,
-              isLast: index === conversation.length - 1
+              variant: "outline",
+              className: reablocks.cn(theme.messages.showMore),
+              fullWidth: true,
+              onClick: handleShowMore,
+              children: showMoreText
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(react.AnimatePresence, { children: /* @__PURE__ */ jsxRuntime.jsx(
+            react.motion.div,
+            {
+              variants: containerVariants,
+              initial: "hidden",
+              animate: "visible",
+              onAnimationComplete: () => {
+                requestAnimationFrame(() => setIsAnimating(false));
+              },
+              children: children ? children(convosToRender) : convosToRender.map((conversation, index) => /* @__PURE__ */ jsxRuntime.jsx(
+                SessionMessage,
+                {
+                  conversation,
+                  isLast: index === conversation.length - 1
+                },
+                conversation.id
+              ))
             },
-            conversation.id
-          ))
-        },
-        activeSession?.id
-      ) })
-    ] });
+            activeSession?.id
+          ) })
+        ]
+      }
+    );
   };
   const SessionMessagesHeader = ({ children }) => {
     const { activeSession, theme } = React.useContext(ChatContext);