shared-features 0.0.7 → 0.1.0

package/dist/useFeatureFlags-BRJSyH9M.js

@@ -0,0 +1,368 @@
+import { useState, useRef, useEffect, useCallback } from "react";
+import { f as fetchActiveBroadcasts, s as subscribeToBroadcasts, h as trackBroadcastDismiss, j as trackBroadcastImpression, t as trackBroadcastClick, c as clearBroadcastsCache } from "./broadcasts-DnzZkCoy.js";
+import { O as isInitialized, Y as getState, J as getSharedFeaturesStatus, N as isFeatureEnabled, g as clearFeatureFlagsCache, S as subscribeToFeatureFlags, c as checkFeatureAvailability } from "./commonFeatures-Bdt0UZox.js";
+function useBroadcasts(options = {}) {
+  const {
+    variant,
+    platform,
+    maxBroadcasts = 10,
+    autoFetch = true,
+    realtime = false
+  } = options;
+  const [broadcasts, setBroadcasts] = useState([]);
+  const [isLoading, setIsLoading] = useState(autoFetch);
+  const [error, setError] = useState(null);
+  const dismissedIdsRef = useRef(/* @__PURE__ */ new Set());
+  const impressionTrackedRef = useRef(/* @__PURE__ */ new Set());
+  const fetchBroadcastsData = useCallback(async () => {
+    if (!isInitialized()) {
+      setError(new Error("shared-features not initialized"));
+      setIsLoading(false);
+      return;
+    }
+    setIsLoading(true);
+    setError(null);
+    try {
+      const allBroadcasts = await fetchActiveBroadcasts({
+        variant,
+        platform
+      });
+      const filteredBroadcasts = allBroadcasts.filter((b) => !dismissedIdsRef.current.has(b.id)).slice(0, maxBroadcasts);
+      setBroadcasts(filteredBroadcasts);
+    } catch (err) {
+      const errorObj = err instanceof Error ? err : new Error("Failed to fetch broadcasts");
+      setError(errorObj);
+      console.error("[shared-features] Error fetching broadcasts:", err);
+    } finally {
+      setIsLoading(false);
+    }
+  }, [variant, platform, maxBroadcasts]);
+  useEffect(() => {
+    if (autoFetch) {
+      fetchBroadcastsData();
+    }
+  }, [autoFetch, fetchBroadcastsData]);
+  useEffect(() => {
+    if (!realtime || !isInitialized()) return;
+    const unsubscribe = subscribeToBroadcasts(
+      (newBroadcasts) => {
+        const filtered = newBroadcasts.filter((b) => !dismissedIdsRef.current.has(b.id)).filter((b) => !variant || b.variant === variant).slice(0, maxBroadcasts);
+        setBroadcasts(filtered);
+        setIsLoading(false);
+      },
+      { variant, platform }
+    );
+    return () => {
+      unsubscribe();
+    };
+  }, [realtime, variant, platform, maxBroadcasts]);
+  const handleDismissBroadcast = useCallback((broadcastId) => {
+    dismissedIdsRef.current.add(broadcastId);
+    setBroadcasts((prev) => prev.filter((b) => b.id !== broadcastId));
+    trackBroadcastDismiss(broadcastId).catch((err) => {
+      console.error("[shared-features] Failed to track dismiss:", err);
+    });
+  }, []);
+  const handleTrackImpression = useCallback((broadcastId) => {
+    if (impressionTrackedRef.current.has(broadcastId)) return;
+    impressionTrackedRef.current.add(broadcastId);
+    trackBroadcastImpression(broadcastId).catch((err) => {
+      console.error("[shared-features] Failed to track impression:", err);
+    });
+  }, []);
+  const handleTrackClick = useCallback((broadcastId) => {
+    trackBroadcastClick(broadcastId).catch((err) => {
+      console.error("[shared-features] Failed to track click:", err);
+    });
+  }, []);
+  const checkIsDismissed = useCallback((broadcastId) => {
+    return dismissedIdsRef.current.has(broadcastId);
+  }, []);
+  const handleRefresh = useCallback(async () => {
+    clearBroadcastsCache();
+    await fetchBroadcastsData();
+  }, [fetchBroadcastsData]);
+  return {
+    broadcasts,
+    isLoading,
+    error,
+    dismissBroadcast: handleDismissBroadcast,
+    trackImpression: handleTrackImpression,
+    trackClick: handleTrackClick,
+    isDismissed: checkIsDismissed,
+    refresh: handleRefresh
+  };
+}
+function useBannerBroadcasts(options = {}) {
+  return useBroadcasts({ ...options, variant: "banner" });
+}
+function useModalBroadcasts(options = {}) {
+  return useBroadcasts({ ...options, variant: "modal", maxBroadcasts: 1 });
+}
+function useToastBroadcasts(options = {}) {
+  return useBroadcasts({ ...options, variant: "toast" });
+}
+function useBellBroadcasts(options = {}) {
+  return useBroadcasts({ ...options, variant: "bell" });
+}
+function useSingleBroadcast(options = {}) {
+  const result = useBroadcasts({ ...options, maxBroadcasts: 1 });
+  const broadcast = result.broadcasts[0] || null;
+  return {
+    broadcast,
+    isLoading: result.isLoading,
+    error: result.error,
+    dismiss: () => broadcast && result.dismissBroadcast(broadcast.id),
+    trackImpression: () => broadcast && result.trackImpression(broadcast.id),
+    trackClick: () => broadcast && result.trackClick(broadcast.id),
+    isDismissed: broadcast ? result.isDismissed(broadcast.id) : false
+  };
+}
+function useAnnouncementModal() {
+  const { broadcast, dismiss, trackImpression, trackClick } = useSingleBroadcast({
+    variant: "modal"
+  });
+  const [isOpen, setIsOpen] = useState(false);
+  const impressionTrackedRef = useRef(false);
+  useEffect(() => {
+    if (broadcast && !impressionTrackedRef.current) {
+      setIsOpen(true);
+      trackImpression();
+      impressionTrackedRef.current = true;
+    }
+  }, [broadcast, trackImpression]);
+  const handleClose = useCallback(() => {
+    setIsOpen(false);
+    dismiss();
+  }, [dismiss]);
+  const handleAction = useCallback(() => {
+    trackClick();
+    if (broadcast?.actionUrl) {
+      window.open(broadcast.actionUrl, "_blank");
+    }
+    handleClose();
+  }, [broadcast, trackClick, handleClose]);
+  return {
+    broadcast,
+    isOpen,
+    close: handleClose,
+    handleAction
+  };
+}
+function useFeatureFlags(options = {}) {
+  const {
+    autoRefresh = false,
+    refreshInterval = 5 * 60 * 1e3,
+    // 5 minutes
+    autoFetch = true
+  } = options;
+  const [status, setStatus] = useState(null);
+  const [loading, setLoading] = useState(autoFetch);
+  const [error, setError] = useState(null);
+  const mountedRef = useRef(true);
+  const consumerVersions = useRef(
+    getState().config?.featureVersions
+  );
+  const fetchStatus = useCallback(async () => {
+    if (!isInitialized()) {
+      setError("shared-features not initialized");
+      setLoading(false);
+      return;
+    }
+    setLoading(true);
+    setError(null);
+    try {
+      const newStatus = await getSharedFeaturesStatus(consumerVersions.current);
+      if (mountedRef.current) {
+        setStatus(newStatus);
+      }
+    } catch (err) {
+      const message = err instanceof Error ? err.message : "Failed to fetch feature flags";
+      if (mountedRef.current) {
+        setError(message);
+        console.error("[shared-features] Error fetching feature flags:", err);
+      }
+    } finally {
+      if (mountedRef.current) {
+        setLoading(false);
+      }
+    }
+  }, []);
+  useEffect(() => {
+    if (autoFetch) {
+      fetchStatus();
+    }
+  }, [autoFetch, fetchStatus]);
+  useEffect(() => {
+    if (!autoRefresh) return;
+    const interval = setInterval(() => {
+      fetchStatus();
+    }, refreshInterval);
+    return () => clearInterval(interval);
+  }, [autoRefresh, refreshInterval, fetchStatus]);
+  useEffect(() => {
+    mountedRef.current = true;
+    return () => {
+      mountedRef.current = false;
+    };
+  }, []);
+  const checkFeatureAvailable = useCallback(
+    (featureId) => {
+      if (!status) return isFeatureEnabled(featureId);
+      const availability = status.features[featureId];
+      return availability?.available ?? false;
+    },
+    [status]
+  );
+  const getAvailability = useCallback(
+    (featureId) => {
+      if (!status) return null;
+      return status.features[featureId] ?? null;
+    },
+    [status]
+  );
+  const refetch = useCallback(async () => {
+    clearFeatureFlagsCache();
+    await fetchStatus();
+  }, [fetchStatus]);
+  return {
+    status,
+    loading,
+    error,
+    refetch,
+    isFeatureAvailable: checkFeatureAvailable,
+    getFeatureAvailability: getAvailability,
+    hasDeprecatedFeatures: (status?.deprecatedFeatures.length ?? 0) > 0,
+    hasUpgradeRequired: (status?.upgradeRequiredFeatures.length ?? 0) > 0
+  };
+}
+function useFeature(featureId) {
+  const [availability, setAvailability] = useState(
+    null
+  );
+  const [loading, setLoading] = useState(true);
+  useEffect(() => {
+    let mounted = true;
+    const checkFeature = async () => {
+      if (!isInitialized()) {
+        setLoading(false);
+        return;
+      }
+      try {
+        const consumerVersions = getState().config?.featureVersions;
+        const result = await checkFeatureAvailability(
+          featureId,
+          consumerVersions
+        );
+        if (mounted) {
+          setAvailability(result);
+        }
+      } catch (err) {
+        console.error(
+          `[shared-features] Error checking feature '${featureId}':`,
+          err
+        );
+      } finally {
+        if (mounted) {
+          setLoading(false);
+        }
+      }
+    };
+    checkFeature();
+    return () => {
+      mounted = false;
+    };
+  }, [featureId]);
+  return {
+    /** Whether the feature is available */
+    available: availability?.available ?? false,
+    /** Whether the check is in progress */
+    loading,
+    /** Full availability details */
+    availability,
+    /** Whether the feature is enabled (but might need upgrade) */
+    enabled: availability?.enabled ?? false,
+    /** Whether using a deprecated version */
+    deprecated: availability?.deprecated ?? false,
+    /** Whether an upgrade is required */
+    upgradeRequired: availability?.upgradeRequired ?? false,
+    /** Deprecation warning if applicable */
+    deprecationWarning: availability?.deprecationWarning,
+    /** Reason feature is unavailable */
+    unavailableReason: availability?.unavailableReason
+  };
+}
+function useFeatureFlagsSubscription(callback) {
+  const callbackRef = useRef(callback);
+  callbackRef.current = callback;
+  useEffect(() => {
+    if (!isInitialized()) return;
+    const consumerVersions = getState().config?.featureVersions;
+    const unsubscribe = subscribeToFeatureFlags(async (flags) => {
+      if (!flags) {
+        callbackRef.current(null);
+        return;
+      }
+      const status = await getSharedFeaturesStatus(consumerVersions);
+      callbackRef.current(status);
+    });
+    return () => unsubscribe();
+  }, []);
+}
+function useSharedFeaturesOperational() {
+  const { status, loading } = useFeatureFlags({ autoFetch: true });
+  return {
+    /** Whether shared-features is operational */
+    operational: status?.operational ?? false,
+    /** Whether check is in progress */
+    loading,
+    /** Maintenance message if in maintenance mode */
+    maintenanceMessage: status?.maintenanceMessage,
+    /** Whether in maintenance mode */
+    maintenanceMode: status?.maintenanceMode ?? false,
+    /** Current API version */
+    apiVersion: status?.apiVersion ?? "v1"
+  };
+}
+function useFeatureGate(featureId) {
+  const { available, loading, deprecated, deprecationWarning } = useFeature(featureId);
+  useEffect(() => {
+    if (deprecated && deprecationWarning) {
+      console.warn(`[shared-features] ${deprecationWarning}`);
+    }
+  }, [deprecated, deprecationWarning]);
+  return {
+    /** Whether the feature should be rendered */
+    shouldRender: available,
+    /** Whether still checking availability */
+    loading,
+    /** Whether using deprecated version */
+    deprecated,
+    /** Component that renders children if available, fallback otherwise */
+    FallbackOrChildren: useCallback(
+      ({
+        children,
+        fallback = null
+      }) => {
+        if (loading) return null;
+        return available ? children : fallback;
+      },
+      [available, loading]
+    )
+  };
+}
+export {
+  useBannerBroadcasts as a,
+  useBellBroadcasts as b,
+  useBroadcasts as c,
+  useFeature as d,
+  useFeatureFlags as e,
+  useFeatureFlagsSubscription as f,
+  useFeatureGate as g,
+  useModalBroadcasts as h,
+  useSharedFeaturesOperational as i,
+  useSingleBroadcast as j,
+  useToastBroadcasts as k,
+  useAnnouncementModal as u
+};
+//# sourceMappingURL=useFeatureFlags-BRJSyH9M.js.map

package/dist/useFeatureFlags-BRJSyH9M.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFeatureFlags-BRJSyH9M.js","sources":["../src/hooks/useBroadcasts.ts","../src/hooks/useFeatureFlags.ts"],"sourcesContent":["/**\n * useBroadcasts Hook\n *\n * React hook for fetching and displaying broadcast notifications in consumer projects.\n *\n * @author Ahsan Mahmood <aoneahsan@gmail.com>\n */\n\nimport { useState, useEffect, useCallback, useRef } from 'react';\nimport {\n  fetchActiveBroadcasts,\n  subscribeToBroadcasts,\n  trackBroadcastImpression,\n  trackBroadcastClick,\n  trackBroadcastDismiss,\n  clearBroadcastsCache,\n} from '../services/broadcasts';\nimport { isInitialized } from '../firebase/config';\nimport type {\n  BroadcastNotification,\n  BroadcastVariant,\n  NotificationPlatform,\n  UseBroadcastsReturn,\n} from '../types/notifications';\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\nexport interface UseBroadcastsOptions {\n  /** Filter by variant type */\n  variant?: BroadcastVariant;\n  /** Override platform detection */\n  platform?: NotificationPlatform;\n  /** Maximum number of broadcasts to return */\n  maxBroadcasts?: number;\n  /** Whether to auto-fetch on mount (default: true) */\n  autoFetch?: boolean;\n  /** Whether to subscribe to real-time updates (default: false) */\n  realtime?: boolean;\n}\n\n// ============================================================================\n// MAIN HOOK\n// ============================================================================\n\n/**\n * Hook to fetch and manage broadcast notifications\n *\n * @example\n * ```tsx\n * const { broadcasts, isLoading, dismissBroadcast, trackClick } = useBroadcasts({\n *   variant: 'banner',\n *   maxBroadcasts: 3,\n * });\n *\n * return (\n *   <div>\n *     {broadcasts.map(broadcast => (\n *       <BroadcastBanner\n *         key={broadcast.id}\n *         broadcast={broadcast}\n *         onDismiss={() => dismissBroadcast(broadcast.id)}\n *         onActionClick={() => trackClick(broadcast.id)}\n *       />\n *     ))}\n *   </div>\n * );\n * ```\n */\nexport function useBroadcasts(\n  options: UseBroadcastsOptions = {}\n): UseBroadcastsReturn {\n  const {\n    variant,\n    platform,\n    maxBroadcasts = 10,\n    autoFetch = true,\n    realtime = false,\n  } = options;\n\n  const [broadcasts, setBroadcasts] = useState<BroadcastNotification[]>([]);\n  const [isLoading, setIsLoading] = useState(autoFetch);\n  const [error, setError] = useState<Error | null>(null);\n  const dismissedIdsRef = useRef<Set<string>>(new Set());\n  const impressionTrackedRef = useRef<Set<string>>(new Set());\n\n  // Fetch broadcasts\n  const fetchBroadcastsData = useCallback(async () => {\n    if (!isInitialized()) {\n      setError(new Error('shared-features not initialized'));\n      setIsLoading(false);\n      return;\n    }\n\n    setIsLoading(true);\n    setError(null);\n\n    try {\n      const allBroadcasts = await fetchActiveBroadcasts({\n        variant,\n        platform,\n      });\n\n      // Filter out locally dismissed and limit count\n      const filteredBroadcasts = allBroadcasts\n        .filter((b) => !dismissedIdsRef.current.has(b.id))\n        .slice(0, maxBroadcasts);\n\n      setBroadcasts(filteredBroadcasts);\n    } catch (err) {\n      const errorObj =\n        err instanceof Error ? err : new Error('Failed to fetch broadcasts');\n      setError(errorObj);\n      console.error('[shared-features] Error fetching broadcasts:', err);\n    } finally {\n      setIsLoading(false);\n    }\n  }, [variant, platform, maxBroadcasts]);\n\n  // Auto-fetch on mount\n  useEffect(() => {\n    if (autoFetch) {\n      fetchBroadcastsData();\n    }\n  }, [autoFetch, fetchBroadcastsData]);\n\n  // Real-time subscription\n  useEffect(() => {\n    if (!realtime || !isInitialized()) return;\n\n    const unsubscribe = subscribeToBroadcasts(\n      (newBroadcasts) => {\n        // Filter and limit\n        const filtered = newBroadcasts\n          .filter((b) => !dismissedIdsRef.current.has(b.id))\n          .filter((b) => !variant || b.variant === variant)\n          .slice(0, maxBroadcasts);\n\n        setBroadcasts(filtered);\n        setIsLoading(false);\n      },\n      { variant, platform }\n    );\n\n    return () => {\n      unsubscribe();\n    };\n  }, [realtime, variant, platform, maxBroadcasts]);\n\n  // Dismiss broadcast\n  const handleDismissBroadcast = useCallback((broadcastId: string) => {\n    // Update local state immediately\n    dismissedIdsRef.current.add(broadcastId);\n    setBroadcasts((prev) => prev.filter((b) => b.id !== broadcastId));\n\n    // Track dismiss and persist\n    trackBroadcastDismiss(broadcastId).catch((err) => {\n      console.error('[shared-features] Failed to track dismiss:', err);\n    });\n  }, []);\n\n  // Track impression\n  const handleTrackImpression = useCallback((broadcastId: string) => {\n    // Only track once per session\n    if (impressionTrackedRef.current.has(broadcastId)) return;\n    impressionTrackedRef.current.add(broadcastId);\n\n    trackBroadcastImpression(broadcastId).catch((err) => {\n      console.error('[shared-features] Failed to track impression:', err);\n    });\n  }, []);\n\n  // Track click\n  const handleTrackClick = useCallback((broadcastId: string) => {\n    trackBroadcastClick(broadcastId).catch((err) => {\n      console.error('[shared-features] Failed to track click:', err);\n    });\n  }, []);\n\n  // Check if dismissed\n  const checkIsDismissed = useCallback((broadcastId: string) => {\n    return dismissedIdsRef.current.has(broadcastId);\n  }, []);\n\n  // Refresh broadcasts\n  const handleRefresh = useCallback(async () => {\n    clearBroadcastsCache();\n    await fetchBroadcastsData();\n  }, [fetchBroadcastsData]);\n\n  return {\n    broadcasts,\n    isLoading,\n    error,\n    dismissBroadcast: handleDismissBroadcast,\n    trackImpression: handleTrackImpression,\n    trackClick: handleTrackClick,\n    isDismissed: checkIsDismissed,\n    refresh: handleRefresh,\n  };\n}\n\n// ============================================================================\n// SPECIALIZED HOOKS\n// ============================================================================\n\n/**\n * Hook specifically for banner broadcasts\n */\nexport function useBannerBroadcasts(\n  options: Omit<UseBroadcastsOptions, 'variant'> = {}\n) {\n  return useBroadcasts({ ...options, variant: 'banner' });\n}\n\n/**\n * Hook specifically for modal broadcasts\n */\nexport function useModalBroadcasts(\n  options: Omit<UseBroadcastsOptions, 'variant'> = {}\n) {\n  return useBroadcasts({ ...options, variant: 'modal', maxBroadcasts: 1 });\n}\n\n/**\n * Hook specifically for toast broadcasts\n */\nexport function useToastBroadcasts(\n  options: Omit<UseBroadcastsOptions, 'variant'> = {}\n) {\n  return useBroadcasts({ ...options, variant: 'toast' });\n}\n\n/**\n * Hook specifically for bell/notification center broadcasts\n */\nexport function useBellBroadcasts(\n  options: Omit<UseBroadcastsOptions, 'variant'> = {}\n) {\n  return useBroadcasts({ ...options, variant: 'bell' });\n}\n\n// ============================================================================\n// SINGLE BROADCAST HOOK\n// ============================================================================\n\nexport interface UseSingleBroadcastReturn {\n  /** The broadcast (first matching one) */\n  broadcast: BroadcastNotification | null;\n  /** Whether loading */\n  isLoading: boolean;\n  /** Error if any */\n  error: Error | null;\n  /** Dismiss the broadcast */\n  dismiss: () => void;\n  /** Track impression */\n  trackImpression: () => void;\n  /** Track click */\n  trackClick: () => void;\n  /** Whether broadcast was dismissed */\n  isDismissed: boolean;\n}\n\n/**\n * Hook to get a single broadcast (convenience wrapper)\n *\n * @example\n * ```tsx\n * const { broadcast, dismiss, trackClick } = useSingleBroadcast({ variant: 'modal' });\n *\n * if (!broadcast) return null;\n *\n * return (\n *   <AnnouncementModal\n *     broadcast={broadcast}\n *     onClose={dismiss}\n *     onActionClick={trackClick}\n *   />\n * );\n * ```\n */\nexport function useSingleBroadcast(\n  options: Omit<UseBroadcastsOptions, 'maxBroadcasts'> = {}\n): UseSingleBroadcastReturn {\n  const result = useBroadcasts({ ...options, maxBroadcasts: 1 });\n  const broadcast = result.broadcasts[0] || null;\n\n  return {\n    broadcast,\n    isLoading: result.isLoading,\n    error: result.error,\n    dismiss: () => broadcast && result.dismissBroadcast(broadcast.id),\n    trackImpression: () => broadcast && result.trackImpression(broadcast.id),\n    trackClick: () => broadcast && result.trackClick(broadcast.id),\n    isDismissed: broadcast ? result.isDismissed(broadcast.id) : false,\n  };\n}\n\n// ============================================================================\n// ANNOUNCEMENT MODAL HOOK\n// ============================================================================\n\nexport interface UseAnnouncementModalReturn {\n  /** The modal broadcast to display */\n  broadcast: BroadcastNotification | null;\n  /** Whether the modal should be shown */\n  isOpen: boolean;\n  /** Close the modal */\n  close: () => void;\n  /** Handle action button click */\n  handleAction: () => void;\n}\n\n/**\n * Hook for managing announcement modal display\n * Automatically tracks impressions and handles dismissal\n *\n * @example\n * ```tsx\n * const { broadcast, isOpen, close, handleAction } = useAnnouncementModal();\n *\n * return (\n *   <Dialog open={isOpen} onOpenChange={(open) => !open && close()}>\n *     <DialogContent>\n *       <h2>{broadcast?.title}</h2>\n *       <p>{broadcast?.message}</p>\n *       {broadcast?.actionUrl && (\n *         <Button onClick={handleAction}>{broadcast.actionText || 'Learn More'}</Button>\n *       )}\n *     </DialogContent>\n *   </Dialog>\n * );\n * ```\n */\nexport function useAnnouncementModal(): UseAnnouncementModalReturn {\n  const { broadcast, dismiss, trackImpression, trackClick } = useSingleBroadcast({\n    variant: 'modal',\n  });\n\n  const [isOpen, setIsOpen] = useState(false);\n  const impressionTrackedRef = useRef(false);\n\n  // Show modal when broadcast is available\n  useEffect(() => {\n    if (broadcast && !impressionTrackedRef.current) {\n      setIsOpen(true);\n      trackImpression();\n      impressionTrackedRef.current = true;\n    }\n  }, [broadcast, trackImpression]);\n\n  const handleClose = useCallback(() => {\n    setIsOpen(false);\n    dismiss();\n  }, [dismiss]);\n\n  const handleAction = useCallback(() => {\n    trackClick();\n    if (broadcast?.actionUrl) {\n      window.open(broadcast.actionUrl, '_blank');\n    }\n    handleClose();\n  }, [broadcast, trackClick, handleClose]);\n\n  return {\n    broadcast,\n    isOpen,\n    close: handleClose,\n    handleAction,\n  };\n}\n","/**\n * useFeatureFlags Hook\n *\n * React hook for checking feature availability and status in consumer projects.\n *\n * @author Ahsan Mahmood <aoneahsan@gmail.com>\n */\n\nimport { useState, useEffect, useCallback, useRef } from 'react';\nimport {\n  getSharedFeaturesStatus,\n  checkFeatureAvailability,\n  isFeatureEnabled,\n  subscribeToFeatureFlags,\n  clearFeatureFlagsCache,\n} from '../services/featureFlags';\nimport { isInitialized, getState } from '../firebase/config';\nimport type {\n  FeatureId,\n  FeatureAvailability,\n  SharedFeaturesStatus,\n  UseFeatureFlagsOptions,\n  UseFeatureFlagsResult,\n  ConsumerFeatureVersions,\n} from '../types/featureFlags';\n\n/**\n * Hook to fetch and monitor feature flags\n *\n * @param options - Hook options\n * @returns Feature flags status and utilities\n *\n * @example\n * ```tsx\n * const {\n *   status,\n *   loading,\n *   isFeatureAvailable,\n *   hasDeprecatedFeatures\n * } = useFeatureFlags();\n *\n * if (loading) return <Spinner />;\n *\n * if (!status?.operational) {\n *   return <MaintenancePage message={status?.maintenanceMessage} />;\n * }\n *\n * if (isFeatureAvailable('contactInfo')) {\n *   return <ContactInfo />;\n * }\n * ```\n */\nexport function useFeatureFlags(\n  options: UseFeatureFlagsOptions = {}\n): UseFeatureFlagsResult {\n  const {\n    autoRefresh = false,\n    refreshInterval = 5 * 60 * 1000, // 5 minutes\n    autoFetch = true,\n  } = options;\n\n  const [status, setStatus] = useState<SharedFeaturesStatus | null>(null);\n  const [loading, setLoading] = useState(autoFetch);\n  const [error, setError] = useState<string | null>(null);\n\n  // Track mounted state to prevent state updates after unmount\n  const mountedRef = useRef(true);\n\n  // Get consumer versions from config if available\n  const consumerVersions = useRef<ConsumerFeatureVersions | undefined>(\n    getState().config?.featureVersions\n  );\n\n  // Fetch status\n  const fetchStatus = useCallback(async () => {\n    if (!isInitialized()) {\n      setError('shared-features not initialized');\n      setLoading(false);\n      return;\n    }\n\n    setLoading(true);\n    setError(null);\n\n    try {\n      const newStatus = await getSharedFeaturesStatus(consumerVersions.current);\n\n      if (mountedRef.current) {\n        setStatus(newStatus);\n      }\n    } catch (err) {\n      const message =\n        err instanceof Error ? err.message : 'Failed to fetch feature flags';\n\n      if (mountedRef.current) {\n        setError(message);\n        console.error('[shared-features] Error fetching feature flags:', err);\n      }\n    } finally {\n      if (mountedRef.current) {\n        setLoading(false);\n      }\n    }\n  }, []);\n\n  // Auto-fetch on mount\n  useEffect(() => {\n    if (autoFetch) {\n      fetchStatus();\n    }\n  }, [autoFetch, fetchStatus]);\n\n  // Auto-refresh interval\n  useEffect(() => {\n    if (!autoRefresh) return;\n\n    const interval = setInterval(() => {\n      fetchStatus();\n    }, refreshInterval);\n\n    return () => clearInterval(interval);\n  }, [autoRefresh, refreshInterval, fetchStatus]);\n\n  // Cleanup on unmount\n  useEffect(() => {\n    mountedRef.current = true;\n    return () => {\n      mountedRef.current = false;\n    };\n  }, []);\n\n  // Check if a feature is available\n  const checkFeatureAvailable = useCallback(\n    (featureId: FeatureId): boolean => {\n      // Quick check using cached data\n      if (!status) return isFeatureEnabled(featureId);\n\n      const availability = status.features[featureId];\n      return availability?.available ?? false;\n    },\n    [status]\n  );\n\n  // Get feature availability details\n  const getAvailability = useCallback(\n    (featureId: FeatureId): FeatureAvailability | null => {\n      if (!status) return null;\n      return status.features[featureId] ?? null;\n    },\n    [status]\n  );\n\n  // Refetch with cache clear\n  const refetch = useCallback(async () => {\n    clearFeatureFlagsCache();\n    await fetchStatus();\n  }, [fetchStatus]);\n\n  return {\n    status,\n    loading,\n    error,\n    refetch,\n    isFeatureAvailable: checkFeatureAvailable,\n    getFeatureAvailability: getAvailability,\n    hasDeprecatedFeatures: (status?.deprecatedFeatures.length ?? 0) > 0,\n    hasUpgradeRequired: (status?.upgradeRequiredFeatures.length ?? 0) > 0,\n  };\n}\n\n/**\n * Hook to check a single feature's availability\n *\n * @param featureId - The feature to check\n * @returns Feature availability and loading state\n *\n * @example\n * ```tsx\n * const { available, loading, deprecated } = useFeature('contactInfo');\n *\n * if (loading) return <Spinner />;\n * if (!available) return null;\n *\n * return <ContactInfo />;\n * ```\n */\nexport function useFeature(featureId: FeatureId) {\n  const [availability, setAvailability] = useState<FeatureAvailability | null>(\n    null\n  );\n  const [loading, setLoading] = useState(true);\n\n  useEffect(() => {\n    let mounted = true;\n\n    const checkFeature = async () => {\n      if (!isInitialized()) {\n        setLoading(false);\n        return;\n      }\n\n      try {\n        const consumerVersions = getState().config?.featureVersions;\n        const result = await checkFeatureAvailability(\n          featureId,\n          consumerVersions\n        );\n\n        if (mounted) {\n          setAvailability(result);\n        }\n      } catch (err) {\n        console.error(\n          `[shared-features] Error checking feature '${featureId}':`,\n          err\n        );\n      } finally {\n        if (mounted) {\n          setLoading(false);\n        }\n      }\n    };\n\n    checkFeature();\n\n    return () => {\n      mounted = false;\n    };\n  }, [featureId]);\n\n  return {\n    /** Whether the feature is available */\n    available: availability?.available ?? false,\n    /** Whether the check is in progress */\n    loading,\n    /** Full availability details */\n    availability,\n    /** Whether the feature is enabled (but might need upgrade) */\n    enabled: availability?.enabled ?? false,\n    /** Whether using a deprecated version */\n    deprecated: availability?.deprecated ?? false,\n    /** Whether an upgrade is required */\n    upgradeRequired: availability?.upgradeRequired ?? false,\n    /** Deprecation warning if applicable */\n    deprecationWarning: availability?.deprecationWarning,\n    /** Reason feature is unavailable */\n    unavailableReason: availability?.unavailableReason,\n  };\n}\n\n/**\n * Hook to subscribe to real-time feature flag updates\n *\n * @param callback - Function to call when flags change\n *\n * @example\n * ```tsx\n * useFeatureFlagsSubscription((flags) => {\n *   if (flags?.maintenanceMode) {\n *     showMaintenanceBanner();\n *   }\n * });\n * ```\n */\nexport function useFeatureFlagsSubscription(\n  callback: (status: SharedFeaturesStatus | null) => void\n) {\n  const callbackRef = useRef(callback);\n  callbackRef.current = callback;\n\n  useEffect(() => {\n    if (!isInitialized()) return;\n\n    const consumerVersions = getState().config?.featureVersions;\n\n    const unsubscribe = subscribeToFeatureFlags(async (flags) => {\n      if (!flags) {\n        callbackRef.current(null);\n        return;\n      }\n\n      // Get full status with current flags\n      const status = await getSharedFeaturesStatus(consumerVersions);\n      callbackRef.current(status);\n    });\n\n    return () => unsubscribe();\n  }, []);\n}\n\n/**\n * Hook to check if shared-features is operational\n *\n * @returns Whether shared-features is operational\n *\n * @example\n * ```tsx\n * const { operational, maintenanceMessage } = useSharedFeaturesOperational();\n *\n * if (!operational) {\n *   return <MaintenancePage message={maintenanceMessage} />;\n * }\n * ```\n */\nexport function useSharedFeaturesOperational() {\n  const { status, loading } = useFeatureFlags({ autoFetch: true });\n\n  return {\n    /** Whether shared-features is operational */\n    operational: status?.operational ?? false,\n    /** Whether check is in progress */\n    loading,\n    /** Maintenance message if in maintenance mode */\n    maintenanceMessage: status?.maintenanceMessage,\n    /** Whether in maintenance mode */\n    maintenanceMode: status?.maintenanceMode ?? false,\n    /** Current API version */\n    apiVersion: status?.apiVersion ?? 'v1',\n  };\n}\n\n/**\n * Hook for conditional rendering based on feature availability\n *\n * @param featureId - The feature to check\n * @returns Object with show/hide helpers\n *\n * @example\n * ```tsx\n * const { shouldRender, FallbackOrChildren } = useFeatureGate('contactInfo');\n *\n * return (\n *   <FallbackOrChildren fallback={<OldContactInfo />}>\n *     <NewContactInfo />\n *   </FallbackOrChildren>\n * );\n * ```\n */\nexport function useFeatureGate(featureId: FeatureId) {\n  const { available, loading, deprecated, deprecationWarning } =\n    useFeature(featureId);\n\n  // Log deprecation warning in development\n  useEffect(() => {\n    if (deprecated && deprecationWarning) {\n      console.warn(`[shared-features] ${deprecationWarning}`);\n    }\n  }, [deprecated, deprecationWarning]);\n\n  return {\n    /** Whether the feature should be rendered */\n    shouldRender: available,\n    /** Whether still checking availability */\n    loading,\n    /** Whether using deprecated version */\n    deprecated,\n    /** Component that renders children if available, fallback otherwise */\n    FallbackOrChildren: useCallback(\n      ({\n        children,\n        fallback = null,\n      }: {\n        children: React.ReactNode;\n        fallback?: React.ReactNode;\n      }) => {\n        if (loading) return null;\n        return available ? children : fallback;\n      },\n      [available, loading]\n    ),\n  };\n}\n"],"names":[],"mappings":"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"}