@ledgerhq/live-common/src/modularDrawer/useModularDrawerVisibility.ts

Common ground for the Ledger Live apps

import { useCallback } from "react";
import { useFeature } from "../featureFlags";
import { ModularDrawerLocation } from "./enums";

type ModularDrawerFeatureFlagKey = "lldModularDrawer" | "llmModularDrawer";

export type ModularDrawerVisibleParams =
  | { location: ModularDrawerLocation.LIVE_APP; liveAppId: string }
  | { location: Exclude<ModularDrawerLocation, ModularDrawerLocation.LIVE_APP> };

export function useModularDrawerVisibility({
  modularDrawerFeatureFlagKey,
}: {
  modularDrawerFeatureFlagKey: ModularDrawerFeatureFlagKey;
}) {
  const featureModularDrawer = useFeature(modularDrawerFeatureFlagKey);

  const isModularDrawerVisible = useCallback(
    (params: ModularDrawerVisibleParams) => {
      if (!featureModularDrawer?.enabled) return false;

      if (params.location === ModularDrawerLocation.LIVE_APP) {
        const isLiveAppEnabled = featureModularDrawer.params?.[params.location] ?? false;
        if (!isLiveAppEnabled) return false;

        const { liveAppId } = params;
        const allowed = featureModularDrawer.params?.live_apps_allowlist ?? [];
        const blocked = featureModularDrawer.params?.live_apps_blocklist ?? [];

        if (allowed.length > 0 && !allowed.includes(liveAppId)) {
          return false;
        }

        if (blocked.includes(liveAppId)) {
          return false;
        }

        return true;
      }

      return featureModularDrawer.params?.[params.location] ?? false;
    },
    [featureModularDrawer],
  );

  return {
    isModularDrawerVisible,
  };
}