@flamingo-stack/openframe-frontend-core 0.0.455 → 0.0.456

package/dist/{chunk-BD3JBEUC.js → chunk-MK2YWJAA.js}

@@ -889,8 +889,24 @@ function useOnboardingState(storageKey = "openframe-onboarding-state") {
   };
 }
 
+// src/hooks/ui/use-reset-on-page-hidden.ts
+import { useEffect as useEffect11 } from "react";
+function useResetOnPageHidden(reset) {
+  useEffect11(() => {
+    const onVisibility = () => {
+      if (document.visibilityState === "hidden") reset();
+    };
+    window.addEventListener("blur", reset);
+    document.addEventListener("visibilitychange", onVisibility);
+    return () => {
+      window.removeEventListener("blur", reset);
+      document.removeEventListener("visibilitychange", onVisibility);
+    };
+  }, [reset]);
+}
+
 // src/hooks/ui/use-search.ts
-import { useState as useState11, useEffect as useEffect11, useCallback as useCallback8 } from "react";
+import { useState as useState11, useEffect as useEffect12, useCallback as useCallback8 } from "react";
 function useSearch(config) {
   const { searchFn, mapResult, debounceMs = 300, minQueryLength = 2 } = config;
   const [query, setQuery] = useState11("");
@@ -902,7 +918,7 @@ function useSearch(config) {
     setResults([]);
     setError(null);
   }, []);
-  useEffect11(() => {
+  useEffect12(() => {
     if (!debouncedQuery || debouncedQuery.length < minQueryLength) {
       setResults([]);
       setIsLoading(false);
@@ -938,11 +954,11 @@ function useSearch(config) {
 }
 
 // src/hooks/ui/use-suppress-clone-focus.ts
-import { useEffect as useEffect12, useRef as useRef7 } from "react";
+import { useEffect as useEffect13, useRef as useRef7 } from "react";
 var CLONE_FOCUSABLE_SELECTOR = 'a[href],button,input,select,textarea,iframe,summary,audio[controls],video[controls],[tabindex],[contenteditable]:not([contenteditable="false"])';
 function useSuppressCloneFocus(active) {
   const ref = useRef7(null);
-  useEffect12(() => {
+  useEffect13(() => {
     const root = ref.current;
     if (!root || !active) return;
     const suppress = () => {
@@ -1001,11 +1017,11 @@ function useTablePagination(config) {
 }
 
 // src/hooks/ui/use-throttle.ts
-import { useState as useState12, useEffect as useEffect13, useRef as useRef8 } from "react";
+import { useState as useState12, useEffect as useEffect14, useRef as useRef8 } from "react";
 function useThrottle(value, limit = 200) {
   const [throttledValue, setThrottledValue] = useState12(value);
   const lastUpdated = useRef8(Date.now());
-  useEffect13(() => {
+  useEffect14(() => {
     const now = Date.now();
     const elapsed = now - lastUpdated.current;
     if (elapsed >= limit) {
@@ -1052,7 +1068,7 @@ function useWindowSize() {
 import { usePreventScroll } from "@react-aria/overlays";
 
 // src/hooks/platform/use-platform-config.ts
-import { useState as useState14, useEffect as useEffect14 } from "react";
+import { useState as useState14, useEffect as useEffect15 } from "react";
 
 // src/utils/platform-config.tsx
 import { Globe } from "lucide-react";
@@ -1233,7 +1249,7 @@ function usePlatformConfig() {
   const [platforms, setPlatforms] = useState14(platformCache || []);
   const [isLoading, setIsLoading] = useState14(!platformCache);
   const [error, setError] = useState14(null);
-  useEffect14(() => {
+  useEffect15(() => {
     if (platformCache) {
       setPlatforms(platformCache);
       setIsLoading(false);
@@ -1682,7 +1698,7 @@ var useToast = () => ({
 });
 
 // src/hooks/use-contact-submission.ts
-import { useState as useState16, useCallback as useCallback9, useEffect as useEffect15 } from "react";
+import { useState as useState16, useCallback as useCallback9, useEffect as useEffect16 } from "react";
 init_next_navigation();
 
 // src/utils/local-storage-adapter.ts
@@ -1987,7 +2003,7 @@ function useContactSubmission(options = {}) {
       setIsSubmitting(false);
     }
   }, [isSubmitting, toast2, userId, successToastMessage, contactUrl]);
-  useEffect15(() => {
+  useEffect16(() => {
     if (isSuccess && successRedirectUrl) {
       console.log("\u{1F680} Contact submission successful, redirecting to:", successRedirectUrl);
       const timer = setTimeout(() => {
@@ -2001,7 +2017,7 @@ function useContactSubmission(options = {}) {
       return () => clearTimeout(timer);
     }
   }, [isSuccess, successRedirectUrl, router]);
-  useEffect15(() => {
+  useEffect16(() => {
     if (isSuccess && onSuccess) {
       onSuccess();
     }
@@ -2037,7 +2053,7 @@ function useCopyToClipboard({
 }
 
 // src/hooks/use-batch-images.ts
-import { useEffect as useEffect16, useMemo as useMemo2, useState as useState18, useRef as useRef9 } from "react";
+import { useEffect as useEffect17, useMemo as useMemo2, useState as useState18, useRef as useRef9 } from "react";
 var globalBatchImageConfig = {};
 function configureBatchImageFetch(config) {
   globalBatchImageConfig = { ...globalBatchImageConfig, ...config };
@@ -2117,7 +2133,7 @@ function useBatchImages(imageUrls, config) {
     [imageUrls]
   );
   const requestedUrls = useRef9(/* @__PURE__ */ new Set());
-  useEffect16(() => {
+  useEffect17(() => {
     if (uniqueUrls.length === 0) {
       setFetchedImages({});
       return;
@@ -2147,7 +2163,7 @@ function useBatchImages(imageUrls, config) {
 }
 
 // src/hooks/use-authenticated-image.ts
-import { useEffect as useEffect17, useState as useState19, useRef as useRef10 } from "react";
+import { useEffect as useEffect18, useState as useState19, useRef as useRef10 } from "react";
 var globalImageConfig = {};
 var imageCache = /* @__PURE__ */ new Map();
 var pendingRequests = /* @__PURE__ */ new Map();
@@ -2180,7 +2196,7 @@ function useAuthenticatedImage(imageUrl, refreshKey, config) {
   const [isLoading, setIsLoading] = useState19(false);
   const [error, setError] = useState19(null);
   const currentCacheKeyRef = useRef10(null);
-  useEffect17(() => {
+  useEffect18(() => {
     if (!imageUrl) {
       setFetchedImageUrl(void 0);
       setIsLoading(false);
@@ -2291,7 +2307,7 @@ function useAuthenticatedImage(imageUrl, refreshKey, config) {
     });
     pendingRequests.set(cacheKey, fetchPromise2);
   }, [imageUrl, refreshKey, config]);
-  useEffect17(() => {
+  useEffect18(() => {
     return () => {
       if (currentCacheKeyRef.current) {
         const entry = imageCache.get(currentCacheKeyRef.current);
@@ -2306,7 +2322,7 @@ function useAuthenticatedImage(imageUrl, refreshKey, config) {
 
 // src/hooks/state/use-query-params.ts
 init_next_navigation();
-import { useEffect as useEffect18, useState as useState20, useMemo as useMemo3, useCallback as useCallback11 } from "react";
+import { useEffect as useEffect19, useState as useState20, useMemo as useMemo3, useCallback as useCallback11 } from "react";
 
 // src/hooks/state/graphql-parser.ts
 import {
@@ -2775,7 +2791,7 @@ function useQueryParams(query, options = {}) {
   const defaultValues = options.defaultValues || {};
   const skipIntrospection = options.skipIntrospection || false;
   const debug = options.debug || false;
-  useEffect18(() => {
+  useEffect19(() => {
     async function initialize() {
       try {
         if (debug) console.log("[useQueryParams] Initializing...");
@@ -3122,7 +3138,7 @@ function createSearchParams(params) {
 }
 
 // src/hooks/state/use-cursor-pagination-state.ts
-import { useCallback as useCallback13, useEffect as useEffect19, useRef as useRef12, useState as useState21 } from "react";
+import { useCallback as useCallback13, useEffect as useEffect20, useRef as useRef12, useState as useState21 } from "react";
 var urlSchema = {
   search: { type: "string", default: "" },
   cursor: { type: "string", default: "" }
@@ -3139,7 +3155,7 @@ function useCursorPaginationState(options) {
   const lastSearchRef = useRef12(null);
   const isSyncingFromUrl = useRef12(false);
   const isInitialLoadInProgress = useRef12(true);
-  useEffect19(() => {
+  useEffect20(() => {
     if (isInitialLoadInProgress.current) return;
     const urlSearch = params.search || "";
     if (urlSearch !== searchInput) {
@@ -3150,7 +3166,7 @@ function useCursorPaginationState(options) {
       }, 0);
     }
   }, [params.search, initialLoadCount]);
-  useEffect19(() => {
+  useEffect20(() => {
     if (isInitialLoadInProgress.current) return;
     if (isSyncingFromUrl.current) return;
     if (searchInput !== params.search) {
@@ -3161,7 +3177,7 @@ function useCursorPaginationState(options) {
       });
     }
   }, [searchInput, params.search, setParams, initialLoadCount]);
-  useEffect19(() => {
+  useEffect20(() => {
     if (initialLoadCount === 0) {
       const cursor = params.cursor || null;
       const search = params.search || "";
@@ -3175,7 +3191,7 @@ function useCursorPaginationState(options) {
       });
     }
   }, []);
-  useEffect19(() => {
+  useEffect20(() => {
     if (isInitialLoadInProgress.current) return;
     if (initialLoadCount === 0) return;
     const currentSearch = params.search || "";
@@ -3215,7 +3231,7 @@ function useCursorPaginationState(options) {
 }
 
 // src/hooks/nats/use-nats-client.ts
-import { useEffect as useEffect20, useMemo as useMemo5, useState as useState22 } from "react";
+import { useEffect as useEffect21, useMemo as useMemo5, useState as useState22 } from "react";
 function useNatsClient(clientOptions, options = {}) {
   const { autoConnect = true } = options;
   const client = useMemo5(() => {
@@ -3224,7 +3240,7 @@ function useNatsClient(clientOptions, options = {}) {
   }, [clientOptions]);
   const [status, setStatus] = useState22("disconnected");
   const [lastError, setLastError] = useState22(null);
-  useEffect20(() => {
+  useEffect21(() => {
     if (!client) {
       setStatus("disconnected");
       setLastError(null);
@@ -3255,16 +3271,22 @@ function useNatsClient(clientOptions, options = {}) {
 }
 
 // src/hooks/use-near-viewport.ts
-import { useEffect as useEffect21, useRef as useRef13, useState as useState23, useCallback as useCallback14 } from "react";
+import { useEffect as useEffect22, useRef as useRef13, useState as useState23, useCallback as useCallback14 } from "react";
 var observers = /* @__PURE__ */ new Map();
 var subscribers = /* @__PURE__ */ new WeakMap();
-function getObserverFor(rootMargin) {
-  const existing = observers.get(rootMargin);
+var THRESHOLD_EPSILON = 0.01;
+function observerKey(rootMargin, threshold) {
+  return `${rootMargin}|${threshold}`;
+}
+function getObserverFor(rootMargin, threshold) {
+  const key = observerKey(rootMargin, threshold);
+  const existing = observers.get(key);
   if (existing) return existing;
   const io = new IntersectionObserver(
     (entries) => {
       entries.forEach((entry) => {
         if (!entry.isIntersecting) return;
+        if (entry.intersectionRatio < threshold - THRESHOLD_EPSILON) return;
         const cb = subscribers.get(entry.target);
         if (cb) {
           cb();
@@ -3273,15 +3295,16 @@ function getObserverFor(rootMargin) {
         }
       });
     },
-    { rootMargin }
+    { rootMargin, threshold }
   );
-  observers.set(rootMargin, io);
+  observers.set(key, io);
   return io;
 }
 var NEAR_VIEWPORT_ROOT_MARGIN = "500px";
-function useNearViewport(rootMargin = NEAR_VIEWPORT_ROOT_MARGIN) {
+function useNearViewport(rootMargin = NEAR_VIEWPORT_ROOT_MARGIN, threshold = 0) {
   const [isNear, setIsNear] = useState23(false);
   const elRef = useRef13(null);
+  const key = observerKey(rootMargin, threshold);
   const ref = useCallback14(
     (node) => {
       const prev = elRef.current;
@@ -3289,27 +3312,27 @@ function useNearViewport(rootMargin = NEAR_VIEWPORT_ROOT_MARGIN) {
         const stillOurs = subscribers.get(prev);
         if (stillOurs) {
           subscribers.delete(prev);
-          observers.get(rootMargin)?.unobserve(prev);
+          observers.get(key)?.unobserve(prev);
         }
       }
       elRef.current = node;
       if (!node) return;
       const cb = () => setIsNear(true);
       subscribers.set(node, cb);
-      getObserverFor(rootMargin).observe(node);
+      getObserverFor(rootMargin, threshold).observe(node);
     },
-    [rootMargin]
+    [key, rootMargin, threshold]
   );
-  useEffect21(() => {
+  useEffect22(() => {
     return () => {
       const el = elRef.current;
       if (!el) return;
       if (subscribers.get(el)) {
         subscribers.delete(el);
-        observers.get(rootMargin)?.unobserve(el);
+        observers.get(key)?.unobserve(el);
       }
     };
-  }, [rootMargin]);
+  }, [key]);
   return { ref, isNear };
 }
 
@@ -3458,7 +3481,7 @@ function useOgPlaceholderUrl({
 }
 
 // src/hooks/use-scroll-to-hash.ts
-import { useEffect as useEffect22 } from "react";
+import { useEffect as useEffect23 } from "react";
 
 // src/utils/scroll-into-view.ts
 var activeRaf = 0;
@@ -3596,7 +3619,7 @@ function navigateSamePageHash(target, options = {}) {
 var MAX_POLL_FRAMES = 60;
 function useScrollToHash(readyDep = true, options) {
   const headerOffset = options?.headerOffset ?? 0;
-  useEffect22(() => {
+  useEffect23(() => {
     if (typeof window === "undefined") return;
     if (readyDep === null || readyDep === false) return;
     let rafId = null;
@@ -3694,6 +3717,7 @@ export {
   useMemoizedCallback,
   useNotificationPermission,
   useOnboardingState,
+  useResetOnPageHidden,
   useSearch,
   useSuppressCloneFocus,
   useTablePagination,
@@ -3794,4 +3818,4 @@ export {
   splitCsvEnv,
   useHumanitySignals
 };
-//# sourceMappingURL=chunk-BD3JBEUC.js.map
+//# sourceMappingURL=chunk-MK2YWJAA.js.map