@ledgerhq/live-common 34.48.0-nightly.0 → 34.48.0-nightly.1

package/src/modularDrawer/hooks/__test__/useModularDrawerConfiguration.test.ts

@@ -0,0 +1,251 @@
+/**
+ * @jest-environment jsdom
+ */
+import { renderHook } from "@testing-library/react";
+import { useFeature } from "../../../featureFlags";
+import { EnhancedModularDrawerConfiguration } from "../../../wallet-api/ModularDrawer/types";
+import { useModularDrawerConfiguration } from "../useModularDrawerConfiguration";
+
+jest.mock("../../../featureFlags", () => ({ useFeature: jest.fn() }));
+
+const mockUseFeature = jest.mocked(useFeature);
+
+describe("useModularDrawerConfiguration", () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  describe("when modularization is disabled", () => {
+    beforeEach(() => {
+      mockUseFeature.mockReturnValue({
+        enabled: true,
+        params: {
+          enableModularization: false,
+        },
+      });
+    });
+
+    it("should return disabled configurations when no drawer configuration is provided", () => {
+      const { result } = renderHook(() => useModularDrawerConfiguration("lldModularDrawer"));
+
+      expect(result.current.assetsConfiguration).toEqual({
+        rightElement: "undefined",
+        leftElement: "undefined",
+        filter: "undefined",
+      });
+      expect(result.current.networkConfiguration).toEqual({
+        rightElement: "undefined",
+        leftElement: "undefined",
+      });
+    });
+
+    it("should return disabled configurations even when drawer configuration is provided", () => {
+      const drawerConfiguration: EnhancedModularDrawerConfiguration = {
+        assets: {
+          rightElement: "balance",
+          leftElement: "apy",
+          filter: "topNetworks",
+        },
+        networks: {
+          rightElement: "balance",
+          leftElement: "numberOfAccounts",
+        },
+      };
+
+      const { result } = renderHook(() =>
+        useModularDrawerConfiguration("lldModularDrawer", drawerConfiguration),
+      );
+
+      expect(result.current.assetsConfiguration).toEqual({
+        rightElement: "undefined",
+        leftElement: "undefined",
+        filter: "undefined",
+      });
+      expect(result.current.networkConfiguration).toEqual({
+        rightElement: "undefined",
+        leftElement: "undefined",
+      });
+    });
+  });
+
+  describe("when modularization is enabled", () => {
+    beforeEach(() => {
+      mockUseFeature.mockReturnValue({
+        enabled: true,
+        params: {
+          enableModularization: true,
+        },
+      });
+    });
+
+    it("should return undefined configurations when no drawer configuration is provided", () => {
+      const { result } = renderHook(() => useModularDrawerConfiguration("lldModularDrawer"));
+
+      expect(result.current.assetsConfiguration).toBeUndefined();
+      expect(result.current.networkConfiguration).toBeUndefined();
+    });
+
+    it("should return the provided drawer configuration when modularization is enabled", () => {
+      const drawerConfiguration: EnhancedModularDrawerConfiguration = {
+        assets: {
+          rightElement: "balance",
+          leftElement: "apy",
+          filter: "topNetworks",
+        },
+        networks: {
+          rightElement: "balance",
+          leftElement: "numberOfAccounts",
+        },
+      };
+
+      const { result } = renderHook(() =>
+        useModularDrawerConfiguration("lldModularDrawer", drawerConfiguration),
+      );
+
+      expect(result.current.assetsConfiguration).toEqual(drawerConfiguration.assets);
+      expect(result.current.networkConfiguration).toEqual(drawerConfiguration.networks);
+    });
+
+    it("should handle partial drawer configuration", () => {
+      const drawerConfiguration: EnhancedModularDrawerConfiguration = {
+        assets: {
+          rightElement: "balance",
+          leftElement: "marketTrend",
+          filter: "topNetworks",
+        },
+      };
+
+      const { result } = renderHook(() =>
+        useModularDrawerConfiguration("lldModularDrawer", drawerConfiguration),
+      );
+
+      expect(result.current.assetsConfiguration).toEqual(drawerConfiguration.assets);
+      expect(result.current.networkConfiguration).toBeUndefined();
+    });
+
+    it("should handle configuration with undefined values", () => {
+      const drawerConfiguration: EnhancedModularDrawerConfiguration = {
+        assets: undefined,
+        networks: {
+          rightElement: "balance",
+          leftElement: "numberOfAccountsAndApy",
+        },
+      };
+
+      const { result } = renderHook(() =>
+        useModularDrawerConfiguration("lldModularDrawer", drawerConfiguration),
+      );
+
+      expect(result.current.assetsConfiguration).toBeUndefined();
+      expect(result.current.networkConfiguration).toEqual(drawerConfiguration.networks);
+    });
+  });
+
+  describe("when feature flag is not available", () => {
+    beforeEach(() => {
+      mockUseFeature.mockReturnValue(null);
+    });
+
+    it("should default to disabled configuration when feature flag returns null", () => {
+      const drawerConfiguration: EnhancedModularDrawerConfiguration = {
+        assets: {
+          rightElement: "balance",
+          leftElement: "apy",
+          filter: "topNetworks",
+        },
+        networks: {
+          rightElement: "balance",
+          leftElement: "numberOfAccounts",
+        },
+      };
+
+      const { result } = renderHook(() =>
+        useModularDrawerConfiguration("lldModularDrawer", drawerConfiguration),
+      );
+
+      expect(result.current.assetsConfiguration).toEqual({
+        rightElement: "undefined",
+        leftElement: "undefined",
+        filter: "undefined",
+      });
+      expect(result.current.networkConfiguration).toEqual({
+        rightElement: "undefined",
+        leftElement: "undefined",
+      });
+    });
+  });
+
+  describe("when feature flag params are not available", () => {
+    beforeEach(() => {
+      mockUseFeature.mockReturnValue({
+        enabled: true,
+        params: undefined,
+      });
+    });
+
+    it("should default to disabled configuration when params are undefined", () => {
+      const drawerConfiguration: EnhancedModularDrawerConfiguration = {
+        assets: {
+          rightElement: "balance",
+          leftElement: "apy",
+          filter: "topNetworks",
+        },
+        networks: {
+          rightElement: "balance",
+          leftElement: "numberOfAccounts",
+        },
+      };
+
+      const { result } = renderHook(() =>
+        useModularDrawerConfiguration("lldModularDrawer", drawerConfiguration),
+      );
+
+      expect(result.current.assetsConfiguration).toEqual({
+        rightElement: "undefined",
+        leftElement: "undefined",
+        filter: "undefined",
+      });
+      expect(result.current.networkConfiguration).toEqual({
+        rightElement: "undefined",
+        leftElement: "undefined",
+      });
+    });
+  });
+
+  describe("when enableModularization param is not available", () => {
+    beforeEach(() => {
+      mockUseFeature.mockReturnValue({
+        enabled: true,
+        params: {},
+      });
+    });
+
+    it("should default to disabled configuration when enableModularization is not in params", () => {
+      const drawerConfiguration: EnhancedModularDrawerConfiguration = {
+        assets: {
+          rightElement: "balance",
+          leftElement: "apy",
+          filter: "topNetworks",
+        },
+        networks: {
+          rightElement: "balance",
+          leftElement: "numberOfAccounts",
+        },
+      };
+
+      const { result } = renderHook(() =>
+        useModularDrawerConfiguration("lldModularDrawer", drawerConfiguration),
+      );
+
+      expect(result.current.assetsConfiguration).toEqual({
+        rightElement: "undefined",
+        leftElement: "undefined",
+        filter: "undefined",
+      });
+      expect(result.current.networkConfiguration).toEqual({
+        rightElement: "undefined",
+        leftElement: "undefined",
+      });
+    });
+  });
+});

package/src/modularDrawer/hooks/useModularDrawerConfiguration.ts

@@ -0,0 +1,33 @@
+import { useFeature } from "../../featureFlags";
+import { EnhancedModularDrawerConfiguration } from "../../wallet-api/ModularDrawer/types";
+
+const assetConfigurationDisabled: EnhancedModularDrawerConfiguration["assets"] = {
+  rightElement: "undefined",
+  leftElement: "undefined",
+  filter: "undefined",
+};
+
+const networkConfigurationDisabled: EnhancedModularDrawerConfiguration["networks"] = {
+  rightElement: "undefined",
+  leftElement: "undefined",
+};
+
+export const useModularDrawerConfiguration = (
+  featureFlagKey: "lldModularDrawer" | "llmModularDrawer",
+  drawerConfiguration?: EnhancedModularDrawerConfiguration,
+) => {
+  const featureModularDrawer = useFeature(featureFlagKey);
+
+  const modularizationEnabled = featureModularDrawer?.params?.enableModularization ?? false;
+  const assetsConfiguration = modularizationEnabled
+    ? drawerConfiguration?.assets
+    : assetConfigurationDisabled;
+  const networkConfiguration = modularizationEnabled
+    ? drawerConfiguration?.networks
+    : networkConfigurationDisabled;
+
+  return {
+    assetsConfiguration,
+    networkConfiguration,
+  };
+};