@wise/dynamic-flow-client-internal 5.26.0 → 5.27.0

package/build/main.js

@@ -146,7 +146,7 @@ var import_dynamic_flow_client4 = require("@wise/dynamic-flow-client");
 // src/dynamicFlow/telemetry/app-version.ts
 var appVersion = (
   // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-  typeof process !== "undefined" ? "5.26.0" : "0.0.0"
+  typeof process !== "undefined" ? "5.27.0" : "0.0.0"
 );
 
 // src/dynamicFlow/context-menu/useContextMenu.tsx
@@ -2482,9 +2482,12 @@ var useIsElementVisible = (elementRef) => {
   (0, import_react8.useEffect)(() => {
     const element = elementRef.current;
     if (!element) return;
-    const observer = new IntersectionObserver(([entry]) => {
-      setIsVisible(entry.isIntersecting);
-    });
+    const observer = new IntersectionObserver(
+      ([entry]) => {
+        setIsVisible(entry.isIntersecting);
+      },
+      { rootMargin: "1px" }
+    );
     observer.observe(element);
     return () => observer.disconnect();
   }, [elementRef]);
@@ -2511,11 +2514,11 @@ var ContentComponent = (props) => {
   const endOfContentRef = (0, import_react9.useRef)(null);
   const isBottomVisible = useIsElementVisible(endOfContentRef);
   (0, import_react9.useEffect)(() => {
-    const shouldAutoLoad = isBottomVisible && status.type === "idle" && !state.afterSections;
+    const shouldAutoLoad = isBottomVisible && status.type === "idle" && state.afterSectionsProps.length === 0;
     if (shouldAutoLoad && status.loadMore) {
       status.loadMore();
     }
-  }, [isBottomVisible, state.afterSections, status]);
+  }, [isBottomVisible, state.afterSectionsProps.length, status]);
   const stateCount = state.sections.reduce(
     (total, section) => section.items.length + total + (section.title ? 1 : 0),
     0
@@ -2599,7 +2602,7 @@ var PaginationComponent = ({
   if (isPaginationError) {
     return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(LoadMoreButton, { onClick: status.retry });
   }
-  if (state.afterSections && loadMore) {
+  if (state.afterSectionsProps.length > 0 && loadMore) {
     return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(LoadMoreButton, { onClick: loadMore });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_components15.ProcessIndicator, { size: "xs", "data-testid": "collection-pagination-loader" });

package/build/main.mjs

@@ -127,7 +127,7 @@ import { useDynamicFlow } from "@wise/dynamic-flow-client";
 // src/dynamicFlow/telemetry/app-version.ts
 var appVersion = (
   // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-  typeof process !== "undefined" ? "5.26.0" : "0.0.0"
+  typeof process !== "undefined" ? "5.27.0" : "0.0.0"
 );
 
 // src/dynamicFlow/context-menu/useContextMenu.tsx
@@ -2469,9 +2469,12 @@ var useIsElementVisible = (elementRef) => {
   useEffect6(() => {
     const element = elementRef.current;
     if (!element) return;
-    const observer = new IntersectionObserver(([entry]) => {
-      setIsVisible(entry.isIntersecting);
-    });
+    const observer = new IntersectionObserver(
+      ([entry]) => {
+        setIsVisible(entry.isIntersecting);
+      },
+      { rootMargin: "1px" }
+    );
     observer.observe(element);
     return () => observer.disconnect();
   }, [elementRef]);
@@ -2498,11 +2501,11 @@ var ContentComponent = (props) => {
   const endOfContentRef = useRef3(null);
   const isBottomVisible = useIsElementVisible(endOfContentRef);
   useEffect7(() => {
-    const shouldAutoLoad = isBottomVisible && status.type === "idle" && !state.afterSections;
+    const shouldAutoLoad = isBottomVisible && status.type === "idle" && state.afterSectionsProps.length === 0;
     if (shouldAutoLoad && status.loadMore) {
       status.loadMore();
     }
-  }, [isBottomVisible, state.afterSections, status]);
+  }, [isBottomVisible, state.afterSectionsProps.length, status]);
   const stateCount = state.sections.reduce(
     (total, section) => section.items.length + total + (section.title ? 1 : 0),
     0
@@ -2586,7 +2589,7 @@ var PaginationComponent = ({
   if (isPaginationError) {
     return /* @__PURE__ */ jsx33(LoadMoreButton, { onClick: status.retry });
   }
-  if (state.afterSections && loadMore) {
+  if (state.afterSectionsProps.length > 0 && loadMore) {
     return /* @__PURE__ */ jsx33(LoadMoreButton, { onClick: loadMore });
   }
   return /* @__PURE__ */ jsx33(ProcessIndicator, { size: "xs", "data-testid": "collection-pagination-loader" });