@salla.sa/twilight-components-react 3.0.0-beta.1

package/dist/hydration/HydrationBoundary.js

@@ -0,0 +1,64 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Component, Suspense, useState, useEffect, useRef, useCallback } from 'react';
+import { useInView } from 'react-intersection-observer';
+class HydrationErrorBoundary extends Component {
+    constructor(props) {
+        super(props);
+        this.state = { hasError: false };
+    }
+    static getDerivedStateFromError() {
+        return { hasError: true };
+    }
+    componentDidCatch(error, info) {
+        console.warn(`[HydrationBoundary:${this.props.name}]`, error.message, info.componentStack);
+    }
+    render() {
+        if (this.state.hasError) {
+            return this.props.fallback;
+        }
+        return this.props.children;
+    }
+}
+let hbInstanceId = 0;
+export function HydrationBoundary({ children, fallback = null, eventTriggered = false, forceHydrate = false, rootMargin = '200px', _debugName = 'unknown', }) {
+    const [instanceId] = useState(() => ++hbInstanceId);
+    const [shouldHydrate, setShouldHydrate] = useState(forceHydrate);
+    const [isClient, setIsClient] = useState(false);
+    const wrapperRef = useRef(null);
+    useEffect(() => {
+        setIsClient(true);
+    }, []);
+    const { ref: inViewRef, inView } = useInView({
+        rootMargin,
+        triggerOnce: true,
+        skip: eventTriggered || shouldHydrate,
+    });
+    useEffect(() => {
+        if (eventTriggered || forceHydrate) {
+            setShouldHydrate(true);
+            return;
+        }
+        if (!fallback) {
+            setShouldHydrate(true);
+            return;
+        }
+        if (inView) {
+            setShouldHydrate(true);
+        }
+    }, [inView, forceHydrate, eventTriggered, fallback]);
+    const setRefs = useCallback((node) => {
+        wrapperRef.current = node;
+        if (!shouldHydrate) {
+            inViewRef(node);
+        }
+    }, [inViewRef, shouldHydrate]);
+    if (eventTriggered) {
+        if (!isClient) {
+            return null;
+        }
+        return (_jsx(HydrationErrorBoundary, { fallback: null, name: _debugName, children: children }));
+    }
+    return (_jsx("div", { ref: setRefs, suppressHydrationWarning: true, style: !shouldHydrate ? { width: '100%' } : undefined, children: shouldHydrate ? (_jsx(HydrationErrorBoundary, { fallback: fallback, name: _debugName, children: _jsx(Suspense, { fallback: fallback, children: children }) })) : (fallback) }));
+}
+//# sourceMappingURL=HydrationBoundary.js.map

package/dist/hydration/HydrationBoundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HydrationBoundary.js","sourceRoot":"","sources":["../../src/hydration/HydrationBoundary.tsx"],"names":[],"mappings":"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"}

package/dist/hydration/index.js

@@ -0,0 +1,3 @@
+export { HydrationBoundary } from './HydrationBoundary';
+export { withDeferredHydration, createCoreExport, clientOnlyComponents, } from './withDeferredHydration';
+//# sourceMappingURL=index.js.map

package/dist/hydration/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hydration/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EACL,qBAAqB,EACrB,gBAAgB,EAChB,oBAAoB,GACrB,MAAM,yBAAyB,CAAC"}

package/dist/hydration/withDeferredHydration.js

@@ -0,0 +1,149 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { Component } from 'react';
+import { HydrationBoundary } from './HydrationBoundary';
+import { SliderSkeleton, ProductsSliderSkeleton, ProductCardSkeleton, MenuSkeleton, MenuColumnSkeleton, PaymentSkeleton, ProductsListSkeleton, BulletDeliverySkeleton, CardSkeleton, CircleSkeleton, ListSkeleton, FormSkeleton, SearchSkeleton, FiltersSkeleton, ButtonSkeleton, BackgroundSliderSkeleton, ReviewItemSkeleton, InputSkeleton, MenuIconSkeleton, } from '../skeletons';
+const skeletonMap = {
+    SliderSkeleton,
+    ProductsSliderSkeleton,
+    ProductCardSkeleton,
+    MenuSkeleton,
+    MenuColumnSkeleton,
+    PaymentSkeleton,
+    ProductsListSkeleton,
+    BulletDeliverySkeleton,
+    BackgroundSliderSkeleton,
+    CardSkeleton,
+    CircleSkeleton,
+    ListSkeleton,
+    FormSkeleton,
+    SearchSkeleton,
+    FiltersSkeleton,
+    ButtonSkeleton,
+    ReviewItemSkeleton,
+    InputSkeleton,
+    MenuIconSkeleton,
+};
+export const clientOnlyComponents = {
+    'SallaLoginModal': { skeleton: null, eventTriggered: true },
+    'SallaLocalizationModal': { skeleton: null, eventTriggered: true },
+    'SallaOfferModal': { skeleton: null, eventTriggered: true },
+    'SallaRatingModal': { skeleton: null, eventTriggered: true },
+    'SallaMultipleBundleProductOptionsModal': { skeleton: null, eventTriggered: true },
+    'SallaScopes': { skeleton: null, eventTriggered: true },
+    'SallaGifting': { skeleton: null, eventTriggered: true },
+    'SallaSlider': { skeleton: 'BackgroundSliderSkeleton' },
+    'SallaProductCard': { skeleton: 'ProductCardSkeleton' },
+    'SallaProductsSlider': { skeleton: 'ProductsSliderSkeleton' },
+    'SallaProductsList': { skeleton: 'ProductsListSkeleton' },
+    'SallaMenu': { skeleton: 'MenuColumnSkeleton' },
+    'SallaBulletDelivery': { skeleton: 'BulletDeliverySkeleton' },
+    'SallaSearch': { skeleton: 'SearchSkeleton' },
+    'SallaFilters': { skeleton: 'FiltersSkeleton' },
+    'SallaCartSummary': { skeleton: 'CircleSkeleton' },
+    'SallaCartItemOffers': { skeleton: 'CardSkeleton' },
+    'SallaOrderSummary': { skeleton: 'CardSkeleton' },
+    'SallaOrders': { skeleton: 'ListSkeleton' },
+    'SallaReviews': { skeleton: null },
+    'SallaComments': { skeleton: 'ReviewItemSkeleton' },
+    'SallaNotifications': { skeleton: 'ListSkeleton' },
+    'SallaUserProfile': { skeleton: 'CardSkeleton' },
+    'SallaUserMenu': { skeleton: (props) => (props.avatarOnly ? 'CircleSkeleton' : 'MenuIconSkeleton') },
+    'SallaBreadcrumb': { skeleton: 'MenuSkeleton' },
+    'SallaProductOptions': { skeleton: 'ProductCardSkeleton' },
+    'SallaProductAvailability': { skeleton: 'ProductCardSkeleton' },
+    'SallaAddProductButton': { skeleton: 'ButtonSkeleton' },
+    'SallaQuickBuy': { skeleton: 'ProductCardSkeleton' },
+    'SallaOffer': { skeleton: 'CardSkeleton' },
+    'SallaTieredOffer': { skeleton: 'CardSkeleton' },
+    'SallaConditionalOffer': { skeleton: 'CardSkeleton' },
+    'SallaBookingField': { skeleton: 'InputSkeleton' },
+    'SallaCustomFields': { skeleton: 'InputSkeleton' },
+    'SallaFileUpload': { skeleton: 'InputSkeleton' },
+    'SallaDatetimePicker': { skeleton: 'InputSkeleton' },
+    'SallaTelInput': { skeleton: 'InputSkeleton' },
+    'SallaMetadata': { skeleton: null },
+    'SallaAdvertisement': { skeleton: null },
+    'SallaMap': { skeleton: null },
+    'SallaBottomAlert': { skeleton: null },
+    'SallaMaintenanceAlert': { skeleton: null },
+    'SallaAppInstallAlert': { skeleton: null },
+    'SallaCookiesBar': { skeleton: null },
+    'SallaUserSettings': { skeleton: 'FormSkeleton' },
+    'SallaVerify': { skeleton: 'FormSkeleton' },
+    'SallaWallet': { skeleton: 'CardSkeleton' },
+    'SallaLoyalty': { skeleton: 'CardSkeleton' },
+    'SallaLoyaltyProgram': { skeleton: 'CardSkeleton' },
+    'SallaReviewsPage': { skeleton: 'ReviewItemSkeleton' },
+    'SallaReviewsSummary': { skeleton: 'CardSkeleton' },
+    'SallaCommentForm': { skeleton: 'FormSkeleton' },
+    'SallaPriceRange': { skeleton: 'FormSkeleton' },
+    'SallaFiltersWidget': { skeleton: 'FormSkeleton' },
+    'SallaInfiniteScroll': { skeleton: null },
+    'SallaRatingStars': { skeleton: 'CardSkeleton' },
+    'SallaProductSizeGuide': { skeleton: null },
+    'SallaMultipleBundleProduct': { skeleton: 'CardSkeleton' },
+    'SallaMultipleBundleProductCart': { skeleton: 'CardSkeleton' },
+    'SallaMultipleBundleProductDetails': { skeleton: 'CardSkeleton' },
+    'SallaMultipleBundleProductSlider': { skeleton: 'ProductsSliderSkeleton' },
+    'SallaOrderDetails': { skeleton: 'CardSkeleton' },
+    'SallaOrderDetailsMultipleBundleProduct': { skeleton: 'CardSkeleton' },
+    'SallaOrderDetailsOptions': { skeleton: 'CardSkeleton' },
+    'SallaOrderTotalsCard': { skeleton: 'CardSkeleton' },
+    'SallaPayments': { skeleton: 'PaymentSkeleton' },
+    'SallaInstallment': { skeleton: 'CardSkeleton' },
+    'SallaQuickOrder': { skeleton: 'FormSkeleton' },
+    'SallaCountDown': { skeleton: 'CardSkeleton' },
+    'SallaSocialShare': { skeleton: 'CircleSkeleton' },
+    'SallaSocial': { skeleton: 'CircleSkeleton' },
+    'SallaTrustBadges': { skeleton: null },
+    'SallaConditionalFields': { skeleton: 'FormSkeleton' },
+    'SallaQuantityInput': { skeleton: 'InputSkeleton' },
+    // 'SallaHook': { skeleton: null },
+};
+/**
+ * Error boundary that catches errors from Stencil web components during
+ * render and lifecycle (including disconnectedCallback errors on unmount).
+ * Prevents SDK errors from bubbling up to the router's CatchBoundaryImpl
+ * which would recreate the entire page tree.
+ */
+class WebComponentErrorBoundary extends Component {
+    constructor(props) {
+        super(props);
+        this.state = { hasError: false };
+    }
+    static getDerivedStateFromError() {
+        return { hasError: true };
+    }
+    componentDidCatch(error, info) {
+        if (process.env.NODE_ENV !== 'production') {
+            console.warn(`[${this.props.name}] Caught error (prevented tree remount):`, error.message, info.componentStack);
+        }
+    }
+    render() {
+        if (this.state.hasError) {
+            return null;
+        }
+        return this.props.children;
+    }
+}
+export function withDeferredHydration(Component, componentName, options) {
+    const config = clientOnlyComponents[componentName];
+    if (!config) {
+        return Component;
+    }
+    const WrappedComponent = (props) => {
+        const skeletonName = typeof config.skeleton === 'function' ? config.skeleton(props) : config.skeleton;
+        const SkeletonComponent = skeletonName ? skeletonMap[skeletonName] : null;
+        const fallback = SkeletonComponent ? React.createElement(SkeletonComponent, config.skeletonProps) : null;
+        return (_jsx(HydrationBoundary, { fallback: fallback, eventTriggered: config.eventTriggered, rootMargin: options?.rootMargin, _debugName: componentName, children: _jsx(WebComponentErrorBoundary, { name: componentName, children: _jsx(Component, { ...props }) }) }));
+    };
+    WrappedComponent.displayName = `withDeferredHydration(${componentName})`;
+    return WrappedComponent;
+}
+export function createCoreExport(Component, componentName) {
+    const CoreComponent = Component;
+    CoreComponent.displayName = `${componentName}Core`;
+    return CoreComponent;
+}
+//# sourceMappingURL=withDeferredHydration.js.map

package/dist/hydration/withDeferredHydration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withDeferredHydration.js","sourceRoot":"","sources":["../../src/hydration/withDeferredHydration.tsx"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -0,0 +1,10 @@
+export * from "./components/components";
+export { SallaButton } from "./native/salla-button";
+export { SallaProductsList } from "./native/salla-products-list";
+export { SallaProductsSlider } from "./native/salla-products-slider";
+export { SallaSlider } from "./native/salla-slider";
+export { ItemsList } from "./native/items-list";
+export * from "./native/hooks";
+export { HydrationBoundary, withDeferredHydration, createCoreExport, clientOnlyComponents, } from "./hydration";
+export { Pulse, SkeletonPulse, ButtonSkeleton, ProductsSliderSkeleton, ProductCardSkeleton, MenuSkeleton, MenuColumnSkeleton, PaymentSkeleton, ProductsListSkeleton, ProductGridSkeleton, FixedProductsSkeleton, BulletDeliverySkeleton, CardSkeleton, ListSkeleton, FormSkeleton, SearchSkeleton, FiltersSkeleton, CircleSkeleton, SliderSkeleton, BackgroundSliderSkeleton, ReviewItemSkeleton, InputSkeleton, BreadcrumbSkeleton, PageSkeleton, ProductDetailSkeleton, BlogSkeleton, CartSkeleton, CustomerPageSkeleton, CustomerLayoutSkeleton, } from "./skeletons";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AAExC,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAcpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAGjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAGrE,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAGpD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAehD,cAAc,gBAAgB,CAAC;AAE/B,OAAO,EACL,iBAAiB,EACjB,qBAAqB,EACrB,gBAAgB,EAChB,oBAAoB,GACrB,MAAM,aAAa,CAAC;AAGrB,OAAO,EACL,KAAK,EACL,aAAa,EACb,cAAc,EACd,sBAAsB,EACtB,mBAAmB,EACnB,YAAY,EACZ,kBAAkB,EAClB,eAAe,EACf,oBAAoB,EACpB,mBAAmB,EACnB,qBAAqB,EACrB,sBAAsB,EACtB,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,cAAc,EACd,eAAe,EACf,cAAc,EACd,cAAc,EACd,wBAAwB,EACxB,kBAAkB,EAClB,aAAa,EACb,kBAAkB,EAClB,YAAY,EACZ,qBAAqB,EACrB,YAAY,EACZ,YAAY,EACZ,oBAAoB,EACpB,sBAAsB,GACvB,MAAM,aAAa,CAAC"}

package/dist/native/hooks/index.js

@@ -0,0 +1,6 @@
+// Hooks barrel export
+export { useInfiniteScroll } from './useInfiniteScroll';
+export { useLoadMore } from './useLoadMore';
+export { useScrollVisibility } from './useScrollVisibility';
+export { useVirtualizer } from './useVirtualizer';
+//# sourceMappingURL=index.js.map

package/dist/native/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/native/hooks/index.ts"],"names":[],"mappings":"AAAA,sBAAsB;AACtB,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAGxD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/native/hooks/useInfiniteScroll.js

@@ -0,0 +1,99 @@
+'use client';
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { useInView } from 'react-intersection-observer';
+/**
+ * useInfiniteScroll - Hook for managing infinite scroll pagination.
+ *
+ * Uses react-intersection-observer for efficient scroll detection.
+ * Automatically calls the loader function when the sentinel element enters the viewport.
+ *
+ * @param loader - Function that returns a promise resolving to { items, next }
+ * @param options - Configuration options
+ * @returns Object with refs, state, and control functions
+ *
+ * @example
+ * ```tsx
+ * const { items, sentinelRef, isLoading, hasReachedEnd } = useInfiniteScroll(
+ *   async () => fetchProducts(page),
+ *   { rootMargin: '200px' }
+ * );
+ *
+ * return (
+ *   <div>
+ *     {items.map(item => <Item key={item.id} {...item} />)}
+ *     <div ref={sentinelRef}>{isLoading ? 'Loading...' : hasReachedEnd ? 'End' : 'Loading more...'}</div>
+ *   </div>
+ * );
+ * ```
+ */
+export function useInfiniteScroll(loader, options = {}) {
+    const { rootMargin = '200px', skip = false } = options;
+    // State
+    const [items, setItems] = useState([]);
+    const [nextCursor, setNextCursor] = useState(null);
+    const [isLoading, setIsLoading] = useState(false);
+    const [error, setError] = useState(null);
+    const [hasLoadedOnce, setHasLoadedOnce] = useState(false);
+    // Refs
+    const loadingRef = useRef(false);
+    // Intersection Observer
+    const { ref: sentinelRef, inView } = useInView({
+        rootMargin,
+        triggerOnce: false,
+        skip,
+    });
+    // Load more handler
+    const loadMore = useCallback(async () => {
+        // Allow initial load when nextCursor is null and hasn't loaded yet
+        const isInitialLoad = nextCursor === null && !hasLoadedOnce;
+        if (loadingRef.current || (!nextCursor && !isInitialLoad))
+            return;
+        loadingRef.current = true;
+        setIsLoading(true);
+        setError(null);
+        try {
+            const result = await loader();
+            setItems(prev => [...prev, ...result.items]);
+            setNextCursor(result.next);
+            setHasLoadedOnce(true);
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : 'Failed to load items');
+        }
+        finally {
+            loadingRef.current = false;
+            setIsLoading(false);
+        }
+    }, [loader, nextCursor, hasLoadedOnce]);
+    // Initial load
+    useEffect(() => {
+        if (!skip && nextCursor === null && !loadingRef.current) {
+            loadMore();
+        }
+    }, [skip, loadMore, nextCursor]);
+    // Handle scroll trigger
+    useEffect(() => {
+        if (inView && !skip && nextCursor && !isLoading) {
+            loadMore();
+        }
+    }, [inView, skip, nextCursor, isLoading, loadMore]);
+    // Retry handler
+    const retry = useCallback(async () => {
+        setError(null);
+        await loadMore();
+    }, [loadMore]);
+    // Determine if we've reached the end
+    const hasReachedEnd = !nextCursor && hasLoadedOnce;
+    return {
+        items,
+        sentinelRef,
+        inView,
+        isLoading,
+        hasReachedEnd,
+        error,
+        loadMore,
+        retry,
+    };
+}
+export default useInfiniteScroll;
+//# sourceMappingURL=useInfiniteScroll.js.map

package/dist/native/hooks/useInfiniteScroll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInfiniteScroll.js","sourceRoot":"","sources":["../../../src/native/hooks/useInfiniteScroll.ts"],"names":[],"mappings":"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"}

package/dist/native/hooks/useLoadMore.js

@@ -0,0 +1,95 @@
+'use client';
+import { useCallback, useEffect, useRef, useState } from 'react';
+/**
+ * useLoadMore - Hook for managing manual load-more pagination.
+ *
+ * Provides a simple API for button-based pagination.
+ * Call the `load` function to fetch more items.
+ *
+ * @param loader - Function that returns a promise resolving to { items, next }
+ * @returns Object with items, state, and control functions
+ *
+ * @example
+ * ```tsx
+ * const { items, isLoading, load, hasReachedEnd } = useLoadMore(
+ *   async () => fetchProducts(page)
+ * );
+ *
+ * return (
+ *   <div>
+ *     {items.map(item => <Item key={item.id} {...item} />)}
+ *     {!hasReachedEnd && (
+ *       <button onClick={load} disabled={isLoading}>
+ *         {isLoading ? 'Loading...' : 'Load More'}
+ *       </button>
+ *     )}
+ *   </div>
+ * );
+ * ```
+ */
+export function useLoadMore(loader) {
+    // State
+    const [items, setItems] = useState([]);
+    const [nextCursor, setNextCursor] = useState(null);
+    const [isLoading, setIsLoading] = useState(false);
+    const [error, setError] = useState(null);
+    const [hasLoadedOnce, setHasLoadedOnce] = useState(false);
+    // Refs
+    const loadingRef = useRef(false);
+    // Load handler
+    const load = useCallback(async () => {
+        // Allow initial load when nextCursor is null and hasn't loaded yet
+        const isInitialLoad = nextCursor === null && !hasLoadedOnce;
+        if (loadingRef.current || (!nextCursor && !isInitialLoad))
+            return;
+        loadingRef.current = true;
+        setIsLoading(true);
+        setError(null);
+        try {
+            const result = await loader();
+            setItems(prev => [...prev, ...result.items]);
+            setNextCursor(result.next);
+            setHasLoadedOnce(true);
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : 'Failed to load items');
+        }
+        finally {
+            loadingRef.current = false;
+            setIsLoading(false);
+        }
+    }, [loader, nextCursor, hasLoadedOnce]);
+    // Initial load - triggered via useEffect, not during render
+    useEffect(() => {
+        if (!hasLoadedOnce && !loadingRef.current && nextCursor === null) {
+            load();
+        }
+    }, [hasLoadedOnce, nextCursor, load]);
+    // Retry handler
+    const retry = useCallback(async () => {
+        setError(null);
+        await load();
+    }, [load]);
+    // Reset handler
+    const reset = useCallback(() => {
+        setItems([]);
+        setNextCursor(null);
+        setIsLoading(false);
+        setError(null);
+        setHasLoadedOnce(false);
+        loadingRef.current = false;
+    }, []);
+    // Determine if we've reached the end
+    const hasReachedEnd = !nextCursor && hasLoadedOnce;
+    return {
+        items,
+        isLoading,
+        error,
+        hasReachedEnd,
+        load,
+        retry,
+        reset,
+    };
+}
+export default useLoadMore;
+//# sourceMappingURL=useLoadMore.js.map

package/dist/native/hooks/useLoadMore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLoadMore.js","sourceRoot":"","sources":["../../../src/native/hooks/useLoadMore.ts"],"names":[],"mappings":"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"}

package/dist/native/hooks/useScrollVisibility.js

@@ -0,0 +1,84 @@
+'use client';
+import { useEffect, useState, useRef } from 'react';
+import { useInView } from 'react-intersection-observer';
+/**
+ * useScrollVisibility - Hook for detecting when a scroll container is visible in the viewport.
+ *
+ * Useful for:
+ * - Pausing scroll detection when component is off-screen
+ * - Preventing unnecessary API calls when content isn't visible
+ * - Tracking user engagement with list content
+ *
+ * @param options - Configuration options
+ * @returns Object with refs and visibility state
+ *
+ * @example
+ * ```tsx
+ * const { containerRef, isVisible } = useScrollVisibility({ threshold: 0.1 });
+ *
+ * return (
+ *   <div ref={containerRef}>
+ *     {isVisible ? <InfiniteScrollList /> : <Placeholder />}
+ *   </div>
+ * );
+ * ```
+ */
+export function useScrollVisibility(options = {}) {
+    const { threshold = 0.1, rootMargin = '0px', debounceMs = 500, hiddenDelayMs = 5000, } = options;
+    // State
+    const [isVisible, setIsVisible] = useState(false);
+    const [hasBeenVisible, setHasBeenVisible] = useState(false);
+    // Refs
+    const debounceTimerRef = useRef(null);
+    const hiddenTimerRef = useRef(null);
+    // Intersection Observer
+    const { ref: containerRef, inView } = useInView({
+        threshold,
+        rootMargin,
+        triggerOnce: false,
+    });
+    // Handle visibility changes with debouncing
+    useEffect(() => {
+        // Clear existing timers
+        if (debounceTimerRef.current) {
+            clearTimeout(debounceTimerRef.current);
+        }
+        if (hiddenTimerRef.current) {
+            clearTimeout(hiddenTimerRef.current);
+        }
+        if (inView) {
+            // Element entered viewport - debounce the visibility change
+            debounceTimerRef.current = setTimeout(() => {
+                setIsVisible(true);
+                setHasBeenVisible(true);
+                // Clear hidden timer if it was running
+                if (hiddenTimerRef.current) {
+                    clearTimeout(hiddenTimerRef.current);
+                    hiddenTimerRef.current = null;
+                }
+            }, debounceMs);
+        }
+        else {
+            // Element left viewport - delay before marking as hidden
+            hiddenTimerRef.current = setTimeout(() => {
+                setIsVisible(false);
+            }, hiddenDelayMs);
+        }
+        // Cleanup
+        return () => {
+            if (debounceTimerRef.current) {
+                clearTimeout(debounceTimerRef.current);
+            }
+            if (hiddenTimerRef.current) {
+                clearTimeout(hiddenTimerRef.current);
+            }
+        };
+    }, [inView, debounceMs, hiddenDelayMs]);
+    return {
+        containerRef,
+        isVisible,
+        hasBeenVisible,
+    };
+}
+export default useScrollVisibility;
+//# sourceMappingURL=useScrollVisibility.js.map

package/dist/native/hooks/useScrollVisibility.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollVisibility.js","sourceRoot":"","sources":["../../../src/native/hooks/useScrollVisibility.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AA4BxD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,UAAU,mBAAmB,CACjC,UAAsC,EAAE;IAExC,MAAM,EACJ,SAAS,GAAG,GAAG,EACf,UAAU,GAAG,KAAK,EAClB,UAAU,GAAG,GAAG,EAChB,aAAa,GAAG,IAAI,GACrB,GAAG,OAAO,CAAC;IAEZ,QAAQ;IACR,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5D,OAAO;IACP,MAAM,gBAAgB,GAAG,MAAM,CAAuC,IAAI,CAAC,CAAC;IAC5E,MAAM,cAAc,GAAG,MAAM,CAAuC,IAAI,CAAC,CAAC;IAE1E,wBAAwB;IACxB,MAAM,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;QAC9C,SAAS;QACT,UAAU;QACV,WAAW,EAAE,KAAK;KACnB,CAAC,CAAC;IAEH,4CAA4C;IAC5C,SAAS,CAAC,GAAG,EAAE;QACb,wBAAwB;QACxB,IAAI,gBAAgB,CAAC,OAAO,EAAE,CAAC;YAC7B,YAAY,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;QACzC,CAAC;QACD,IAAI,cAAc,CAAC,OAAO,EAAE,CAAC;YAC3B,YAAY,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;QACvC,CAAC;QAED,IAAI,MAAM,EAAE,CAAC;YACX,4DAA4D;YAC5D,gBAAgB,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBACzC,YAAY,CAAC,IAAI,CAAC,CAAC;gBACnB,iBAAiB,CAAC,IAAI,CAAC,CAAC;gBAExB,uCAAuC;gBACvC,IAAI,cAAc,CAAC,OAAO,EAAE,CAAC;oBAC3B,YAAY,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;oBACrC,cAAc,CAAC,OAAO,GAAG,IAAI,CAAC;gBAChC,CAAC;YACH,CAAC,EAAE,UAAU,CAAC,CAAC;QACjB,CAAC;aAAM,CAAC;YACN,yDAAyD;YACzD,cAAc,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBACvC,YAAY,CAAC,KAAK,CAAC,CAAC;YACtB,CAAC,EAAE,aAAa,CAAC,CAAC;QACpB,CAAC;QAED,UAAU;QACV,OAAO,GAAG,EAAE;YACV,IAAI,gBAAgB,CAAC,OAAO,EAAE,CAAC;gBAC7B,YAAY,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;YACzC,CAAC;YACD,IAAI,cAAc,CAAC,OAAO,EAAE,CAAC;gBAC3B,YAAY,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;YACvC,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,aAAa,CAAC,CAAC,CAAC;IAExC,OAAO;QACL,YAAY;QACZ,SAAS;QACT,cAAc;KACf,CAAC;AACJ,CAAC;AAED,eAAe,mBAAmB,CAAC"}

package/dist/native/hooks/useVirtualizer.js

@@ -0,0 +1,74 @@
+'use client';
+import { useRef } from 'react';
+import { useVirtualizer as useTanstackVirtualizer } from '@tanstack/react-virtual';
+/**
+ * useVirtualizer - Hook for virtual scrolling large lists.
+ *
+ * Wrapper around @tanstack/react-virtual with simplified API.
+ * Supports both fixed and dynamic item heights.
+ *
+ * @param items - Array of items to virtualize
+ * @param options - Configuration options
+ * @returns Object with virtual items and control functions
+ *
+ * @example
+ * ```tsx
+ * const { virtualItems, totalSize, measureElement } = useVirtualizer(items, {
+ *   estimateSize: 100,
+ *   overscan: 5,
+ * });
+ *
+ * return (
+ *   <div ref={scrollRef} style={{ height: '400px', overflow: 'auto' }}>
+ *     <div style={{ height: `${totalSize}px`, position: 'relative' }}>
+ *       {virtualItems.map(virtualItem => (
+ *         <div
+ *           key={virtualItem.key}
+ *           ref={measureElement}
+ *           style={{
+ *             position: 'absolute',
+ *             top: 0,
+ *             left: 0,
+ *             width: '100%',
+ *             transform: `translateY(${virtualItem.start}px)`,
+ *           }}
+ *         >
+ *           {items[virtualItem.index]}
+ *         </div>
+ *       ))}
+ *     </div>
+ *   </div>
+ * );
+ * ```
+ */
+export function useVirtualizer(items, options = {}) {
+    const { estimateSize = 100, overscan = 5, } = options;
+    // Ref for scroll element
+    const scrollRef = useRef(null);
+    // Create virtualizer directly without useMemo for options
+    const virtualizer = useTanstackVirtualizer({
+        count: items.length,
+        getScrollElement: () => scrollRef.current,
+        estimateSize: () => estimateSize,
+        overscan,
+    });
+    // Get virtual items
+    const virtualItems = virtualizer.getVirtualItems();
+    return {
+        virtualItems: virtualItems.map(item => ({
+            key: Number(item.key),
+            index: item.index,
+            start: item.start,
+            end: item.end,
+            size: item.size,
+            measureElement: virtualizer.measureElement,
+        })),
+        totalSize: virtualizer.getTotalSize(),
+        scrollToIndex: virtualizer.scrollToIndex,
+        scrollToOffset: virtualizer.scrollToOffset,
+        scrollOffset: virtualizer.scrollOffset ?? 0,
+        measureElement: virtualizer.measureElement,
+    };
+}
+export default useVirtualizer;
+//# sourceMappingURL=useVirtualizer.js.map

package/dist/native/hooks/useVirtualizer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVirtualizer.js","sourceRoot":"","sources":["../../../src/native/hooks/useVirtualizer.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,MAAM,EAAW,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,cAAc,IAAI,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AA0CnF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,MAAM,UAAU,cAAc,CAC5B,KAAU,EACV,UAAiC,EAAE;IAEnC,MAAM,EACJ,YAAY,GAAG,GAAG,EAClB,QAAQ,GAAG,CAAC,GACb,GAAG,OAAO,CAAC;IAEZ,yBAAyB;IACzB,MAAM,SAAS,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IAE5C,0DAA0D;IAC1D,MAAM,WAAW,GAAG,sBAAsB,CAAC;QACzC,KAAK,EAAE,KAAK,CAAC,MAAM;QACnB,gBAAgB,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,OAAO;QACzC,YAAY,EAAE,GAAG,EAAE,CAAC,YAAY;QAChC,QAAQ;KACT,CAAC,CAAC;IAEH,oBAAoB;IACpB,MAAM,YAAY,GAAG,WAAW,CAAC,eAAe,EAAE,CAAC;IAEnD,OAAO;QACL,YAAY,EAAE,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;YACtC,GAAG,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;YACrB,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,GAAG,EAAE,IAAI,CAAC,GAAG;YACb,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,cAAc,EAAE,WAAW,CAAC,cAAc;SAC3C,CAAC,CAAC;QACH,SAAS,EAAE,WAAW,CAAC,YAAY,EAAE;QACrC,aAAa,EAAE,WAAW,CAAC,aAAa;QACxC,cAAc,EAAE,WAAW,CAAC,cAAc;QAC1C,YAAY,EAAE,WAAW,CAAC,YAAY,IAAI,CAAC;QAC3C,cAAc,EAAE,WAAW,CAAC,cAAc;KAC3C,CAAC;AACJ,CAAC;AAED,eAAe,cAAc,CAAC"}