@datlv-trustshop/shopify-inapp-components 0.2.8 → 0.2.10

package/dist/provider/DashboardProvider.js

@@ -1,200 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { createContext, useEffect, useState, useCallback, useMemo, useRef, } from "react";
-import { GlobalDashboardManager } from "../core/global-manager";
-import { defaultTranslations } from "../translations/default";
-import { injectClsStyles } from "../utils/injectStyles";
-export const DashboardContext = createContext(null);
-export const useDashboardContext = () => {
-    const context = React.useContext(DashboardContext);
-    if (!context) {
-        throw new Error('useDashboardContext must be used within a DashboardProvider');
-    }
-    return context;
-};
-/**
- * DashboardProvider - Lightweight provider that connects to the global manager
- *
- * Multiple providers can be used throughout the app and they will all share:
- * - The same engine instance
- * - The same data/cache
- * - The same locale state
- * - Deduplicated API calls
- */
-export const DashboardProvider = ({ children, config, locale, translations, autoInit = true, autoRefreshOnLocaleChange = true, onError, onLoad, onLocaleChange, onFallbackUsed, }) => {
-    const [state, setState] = useState({
-        data: null,
-        loading: false,
-        error: null,
-        lastFetch: null,
-    });
-    // Generate unique ID for this provider instance
-    const providerIdRef = useRef(`provider-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`);
-    // Track if we've called onLoad for this data
-    const lastDataRef = useRef(null);
-    const lastLocaleRef = useRef(locale || config.locale || "en");
-    // Get the global manager
-    const manager = useMemo(() => GlobalDashboardManager.getInstance(), []);
-    // Create config with current locale
-    const currentConfig = useMemo(() => ({
-        ...config,
-        locale: locale || config.locale || "en",
-    }), [config, locale]);
-    // Inject CLS fix styles on mount (only once globally)
-    useEffect(() => {
-        injectClsStyles();
-    }, []);
-    // Register this provider
-    useEffect(() => {
-        const providerId = providerIdRef.current;
-        manager.registerProvider(providerId, currentConfig, autoRefreshOnLocaleChange);
-        return () => {
-            manager.unregisterProvider(providerId);
-        };
-    }, [manager, currentConfig, autoRefreshOnLocaleChange]);
-    // Subscribe to global state changes
-    useEffect(() => {
-        const providerId = providerIdRef.current;
-        const unsubscribe = manager.subscribe(providerId, (globalState) => {
-            setState(globalState);
-            // Handle callbacks
-            if (globalState.data && globalState.data !== lastDataRef.current) {
-                lastDataRef.current = globalState.data;
-                // Check for fallback usage
-                if (globalState.data.fallback_used && onFallbackUsed) {
-                    onFallbackUsed(globalState.data.requested_locale || locale || "en", globalState.data.locale || "en");
-                }
-                if (onLoad) {
-                    onLoad(globalState.data);
-                }
-            }
-            if (globalState.error && onError) {
-                onError(globalState.error);
-            }
-        });
-        return unsubscribe;
-    }, [manager, locale, onError, onLoad, onFallbackUsed]);
-    // Handle locale changes
-    useEffect(() => {
-        if (!locale)
-            return;
-        const currentLocale = manager.getCurrentLocale();
-        if (currentLocale !== locale) {
-            const oldLocale = lastLocaleRef.current;
-            lastLocaleRef.current = locale;
-            if (autoRefreshOnLocaleChange) {
-                // Always call setLocale which will handle initialization if needed
-                manager.setLocale(locale).catch((error) => {
-                    console.error('Failed to set locale:', error);
-                    if (onError) {
-                        onError(error instanceof Error ? error : new Error('Failed to set locale'));
-                    }
-                });
-            }
-            else {
-                // Just update config without refresh
-                const engine = manager.getEngine();
-                if (engine) {
-                    engine.updateLocale(locale);
-                }
-                else {
-                    // No engine yet, update config for future initialization
-                    manager.registerProvider(providerIdRef.current, currentConfig);
-                }
-            }
-            if (onLocaleChange) {
-                onLocaleChange(locale, oldLocale);
-            }
-        }
-    }, [locale, manager, autoRefreshOnLocaleChange, onLocaleChange, onError, currentConfig]);
-    // Auto-init on mount if requested
-    useEffect(() => {
-        if (autoInit) {
-            // Always attempt to initialize when autoInit is true
-            // The manager will handle deduplication
-            manager.init(currentConfig).catch((error) => {
-                console.error("Failed to auto-initialize dashboard:", error);
-                if (onError) {
-                    onError(error instanceof Error
-                        ? error
-                        : new Error("Failed to initialize dashboard"));
-                }
-            });
-        }
-    }, [autoInit, manager, currentConfig, onError]);
-    // Create refresh function
-    const refresh = useCallback(async () => {
-        try {
-            await manager.refresh();
-        }
-        catch (error) {
-            console.error("Failed to refresh dashboard:", error);
-            if (onError) {
-                onError(error instanceof Error
-                    ? error
-                    : new Error("Failed to refresh dashboard"));
-            }
-            throw error;
-        }
-    }, [manager, onError]);
-    // Merge translations with defaults
-    const mergedTranslations = useMemo(() => {
-        if (!translations)
-            return defaultTranslations;
-        return {
-            whatsNew: {
-                ...defaultTranslations.whatsNew,
-                ...translations.whatsNew,
-                tabs: {
-                    ...defaultTranslations.whatsNew.tabs,
-                    ...translations.whatsNew?.tabs,
-                },
-                buttonViewAll: {
-                    ...defaultTranslations.whatsNew.buttonViewAll,
-                    ...translations.whatsNew?.buttonViewAll,
-                },
-            },
-            growApps: {
-                ...defaultTranslations.growApps,
-                ...translations.growApps,
-            },
-            banner: {
-                ...defaultTranslations.banner,
-                ...translations.banner,
-            },
-            partnerIntegration: {
-                ...defaultTranslations.partnerIntegration,
-                ...translations.partnerIntegration,
-            },
-        };
-    }, [translations]);
-    // Get engine from manager (might be null initially)
-    const engine = manager.getEngine();
-    // Create stable context value
-    const contextValue = useMemo(() => {
-        if (!engine)
-            return null;
-        return {
-            engine,
-            state,
-            refresh,
-            isInitialized: manager.isInitialized(),
-            locale: manager.getCurrentLocale(),
-            translations: mergedTranslations,
-        };
-    }, [engine, state, refresh, manager, mergedTranslations]);
-    // If engine not ready yet, we can still render children
-    // This allows components to mount even if engine isn't initialized
-    if (!contextValue) {
-        // Create a placeholder context that will update once engine is ready
-        const placeholderContext = {
-            engine: null, // Will be replaced when ready
-            state,
-            refresh,
-            isInitialized: false,
-            locale: manager.getCurrentLocale(),
-            translations: mergedTranslations,
-        };
-        return (_jsx(DashboardContext.Provider, { value: placeholderContext, children: children }));
-    }
-    return (_jsx(DashboardContext.Provider, { value: contextValue, children: children }));
-};