@envive-ai/react-hooks 0.3.63 → 0.3.65

package/src/services/enviveConfigService/__tests__/fetchGraphQLConfig.test.ts

@@ -1,36 +1,25 @@
 import { mockV3ColorsConfig, mockV3FrontendConfig } from 'src/contexts/graphqlContext/mockV3Config';
 import { FloatingButtonLocation } from '@envive-ai/react-toolkit-v3/FloatingButton';
-import { DEFAULT_PAGE_VARIANTS, fetchUnifiedGraphQLConfig } from '../fetchGraphQLConfig';
+import { DEFAULT_PAGE_VARIANTS, transformV3ProductsConfig } from '../fetchGraphQLConfig';
 
 const { MockLogger } = vi.hoisted(() => {
   const MockLogger = vi.fn(function () {
-    return { logDebug: vi.fn(), logError: vi.fn() };
+    return { logDebug: vi.fn(), logError: vi.fn(), logWarn: vi.fn() };
   });
   return { MockLogger };
 });
 
 vi.mock('src/application/logging/logger', () => ({ default: MockLogger }));
 
-const mockFetch = vi.fn();
-globalThis.fetch = mockFetch;
-
-function makeOkFetch(v3RootConfigValues: unknown, frontendValues?: unknown) {
-  mockFetch.mockResolvedValueOnce({
-    ok: true,
-    json: () =>
-      Promise.resolve({
-        data: {
-          me: {
-            getWidgetConfig: {
-              productsConfig: {
-                v_three_config: { values: v3RootConfigValues },
-                frontend: frontendValues == null ? undefined : { values: frontendValues },
-              },
-            },
-          },
-        },
-      }),
-  });
+// transformV3ProductsConfig takes the `productsConfig` object (the shape both
+// getWidgetConfig and /v1/session/bootstrap's widget_config carry). It is the
+// single products-config transform on both config paths; bootstrap reuses it, so
+// its behaviour is covered here directly rather than through a fetch wrapper.
+function makeProductsConfig(v3RootConfigValues: any, frontendValues?: any) {
+  return {
+    v_three_config: { values: v3RootConfigValues },
+    frontend: frontendValues == null ? undefined : { values: frontendValues },
+  };
 }
 
 // Minimal valid raw v3 config with all fields present
@@ -57,49 +46,12 @@ beforeEach(() => {
   vi.clearAllMocks();
 });
 
-describe('productsConfig transform (via getWidgetConfig)', () => {
-  describe('error handling', () => {
-    it('throws when the HTTP response is not ok', async () => {
-      mockFetch.mockResolvedValueOnce({ ok: false, statusText: 'Unauthorized' });
-
-      await expect(
-        fetchUnifiedGraphQLConfig('https://api.example.com', 'key', 'user_1', [], 'app'),
-      ).rejects.toThrow('Unified config request failed');
-    });
-
-    it('throws when the response contains GraphQL errors', async () => {
-      mockFetch.mockResolvedValueOnce({
-        ok: true,
-        json: () => Promise.resolve({ errors: [{ message: 'Not authorized' }], data: null }),
-      });
-
-      await expect(
-        fetchUnifiedGraphQLConfig('https://api.example.com', 'key', 'user_1', [], 'app'),
-      ).rejects.toThrow('Unified config GraphQL errors');
-    });
-
-    it('propagates the error when fetch throws', async () => {
-      mockFetch.mockRejectedValueOnce(new Error('Network failure'));
-
-      await expect(
-        fetchUnifiedGraphQLConfig('https://api.example.com', 'key', 'user_1', [], 'app'),
-      ).rejects.toThrow('Network failure');
-    });
-  });
-
+describe('transformV3ProductsConfig', () => {
   describe('no colors fallback', () => {
-    it('returns mock config when v3RootConfig has no colors field', async () => {
-      makeOkFetch({ ui_configs: {} });
-
-      const result = await fetchUnifiedGraphQLConfig(
-        'https://api.example.com',
-        'key',
-        'user_1',
-        [],
-        'app',
-      );
+    it('returns mock config when v3RootConfig has no colors field', () => {
+      const result = transformV3ProductsConfig(makeProductsConfig({ ui_configs: {} }));
 
-      expect(result.orgConfig).toEqual({
+      expect(result).toEqual({
         colorsConfig: mockV3ColorsConfig,
         frontendConfig: mockV3FrontendConfig,
         orgPageConfig: {
@@ -110,24 +62,10 @@ describe('productsConfig transform (via getWidgetConfig)', () => {
       });
     });
 
-    it('returns mock config when v3RootConfig is absent entirely', async () => {
-      mockFetch.mockResolvedValueOnce({
-        ok: true,
-        json: () =>
-          Promise.resolve({
-            data: { me: { getWidgetConfig: { productsConfig: {} } } },
-          }),
-      });
-
-      const result = await fetchUnifiedGraphQLConfig(
-        'https://api.example.com',
-        'key',
-        'user_1',
-        [],
-        'app',
-      );
+    it('returns mock config when productsConfig is empty', () => {
+      const result = transformV3ProductsConfig({});
 
-      expect(result.orgConfig).toEqual({
+      expect(result).toEqual({
         colorsConfig: mockV3ColorsConfig,
         frontendConfig: mockV3FrontendConfig,
         orgPageConfig: {
@@ -145,97 +83,70 @@ describe('productsConfig transform (via getWidgetConfig)', () => {
       ['middle-left', FloatingButtonLocation.MIDDLE_LEFT],
       ['middle-right', FloatingButtonLocation.MIDDLE_RIGHT],
       ['bottom-right', FloatingButtonLocation.BOTTOM_RIGHT],
-    ])('maps position "%s" to the correct enum value', async (position, expected) => {
-      makeOkFetch({
-        ...baseV3Config,
-        ui_configs: { ...baseV3Config.ui_configs, floating_button: { position } },
-      });
-
-      const result = await fetchUnifiedGraphQLConfig(
-        'https://api.example.com',
-        'key',
-        'user_1',
-        [],
-        'app',
+    ])('maps position "%s" to the correct enum value', (position, expected) => {
+      const result = transformV3ProductsConfig(
+        makeProductsConfig({
+          ...baseV3Config,
+          ui_configs: { ...baseV3Config.ui_configs, floating_button: { position } },
+        }),
       );
 
-      expect((result.orgConfig?.frontendConfig as any)?.uiConfigs?.floatingButton?.position).toBe(
-        expected,
-      );
+      expect((result.frontendConfig as any)?.uiConfigs?.floatingButton?.position).toBe(expected);
     });
 
-    it('returns empty config for an unrecognised position string', async () => {
-      makeOkFetch({
-        ...baseV3Config,
-        ui_configs: { ...baseV3Config.ui_configs, floating_button: { position: 'top-center' } },
-      });
-
-      const result = await fetchUnifiedGraphQLConfig(
-        'https://api.example.com',
-        'key',
-        'user_1',
-        [],
-        'app',
-      );
-
-      expect(result.orgConfig).toEqual({ colorsConfig: undefined, frontendConfig: undefined });
+    it('throws on an unrecognised position string (caller degrades to mock)', () => {
+      expect(() =>
+        transformV3ProductsConfig(
+          makeProductsConfig({
+            ...baseV3Config,
+            ui_configs: { ...baseV3Config.ui_configs, floating_button: { position: 'top-center' } },
+          }),
+        ),
+      ).toThrow('Invalid position');
     });
   });
 
   describe('typography normalization', () => {
-    it('uses underscore-separated font size keys (b_1) when camelCase keys are absent', async () => {
-      makeOkFetch({
-        ...baseV3Config,
-        ui_configs: {
-          ...baseV3Config.ui_configs,
-          look_and_feel: {
-            ...baseV3Config.ui_configs.look_and_feel,
-            typography: {
-              ...baseV3Config.ui_configs.look_and_feel.typography,
-              font_size: { b_1: '14px', h_1: '20px' },
+    it('uses underscore-separated font size keys (b_1) when camelCase keys are absent', () => {
+      const result = transformV3ProductsConfig(
+        makeProductsConfig({
+          ...baseV3Config,
+          ui_configs: {
+            ...baseV3Config.ui_configs,
+            look_and_feel: {
+              ...baseV3Config.ui_configs.look_and_feel,
+              typography: {
+                ...baseV3Config.ui_configs.look_and_feel.typography,
+                font_size: { b_1: '14px', h_1: '20px' },
+              },
             },
           },
-        },
-      });
-
-      const result = await fetchUnifiedGraphQLConfig(
-        'https://api.example.com',
-        'key',
-        'user_1',
-        [],
-        'app',
+        }),
       );
-      const fontSize = (result.orgConfig?.frontendConfig as any)?.uiConfigs?.lookAndFeel?.typography
-        ?.fontSize;
+      const fontSize = (result.frontendConfig as any)?.uiConfigs?.lookAndFeel?.typography?.fontSize;
 
       expect(fontSize?.b1).toBe('14px');
       expect(fontSize?.h1).toBe('20px');
     });
 
-    it('normalises lh_N line height keys to numeric string keys', async () => {
-      makeOkFetch({
-        ...baseV3Config,
-        ui_configs: {
-          ...baseV3Config.ui_configs,
-          look_and_feel: {
-            ...baseV3Config.ui_configs.look_and_feel,
-            typography: {
-              ...baseV3Config.ui_configs.look_and_feel.typography,
-              line_height: { lh_114: '1.14', lh_128: '1.28' },
+    it('normalises lh_N line height keys to numeric string keys', () => {
+      const result = transformV3ProductsConfig(
+        makeProductsConfig({
+          ...baseV3Config,
+          ui_configs: {
+            ...baseV3Config.ui_configs,
+            look_and_feel: {
+              ...baseV3Config.ui_configs.look_and_feel,
+              typography: {
+                ...baseV3Config.ui_configs.look_and_feel.typography,
+                line_height: { lh_114: '1.14', lh_128: '1.28' },
+              },
             },
           },
-        },
-      });
-
-      const result = await fetchUnifiedGraphQLConfig(
-        'https://api.example.com',
-        'key',
-        'user_1',
-        [],
-        'app',
+        }),
       );
-      const lineHeight = (result.orgConfig?.frontendConfig as any)?.uiConfigs?.lookAndFeel
-        ?.typography?.lineHeight;
+      const lineHeight = (result.frontendConfig as any)?.uiConfigs?.lookAndFeel?.typography
+        ?.lineHeight;
 
       expect(lineHeight?.['114']).toBe('1.14');
       expect(lineHeight?.['128']).toBe('1.28');
@@ -243,69 +154,49 @@ describe('productsConfig transform (via getWidgetConfig)', () => {
   });
 
   describe('chat header logo fallback', () => {
-    it('falls back chatHeaderLogoDarkSrc to chatHeaderLogoSrc when not set', async () => {
-      makeOkFetch({
-        ...baseV3Config,
-        ui_configs: {
-          ...baseV3Config.ui_configs,
-          look_and_feel: {
-            ...baseV3Config.ui_configs.look_and_feel,
-            chat_header_logo_src: 'logo.png',
-            chat_header_logo_dark_src: null,
-            chat_header_logo_light_src: 'logo-light.png',
+    it('falls back chatHeaderLogoDarkSrc to chatHeaderLogoSrc when not set', () => {
+      const result = transformV3ProductsConfig(
+        makeProductsConfig({
+          ...baseV3Config,
+          ui_configs: {
+            ...baseV3Config.ui_configs,
+            look_and_feel: {
+              ...baseV3Config.ui_configs.look_and_feel,
+              chat_header_logo_src: 'logo.png',
+              chat_header_logo_dark_src: null,
+              chat_header_logo_light_src: 'logo-light.png',
+            },
           },
-        },
-      });
-
-      const result = await fetchUnifiedGraphQLConfig(
-        'https://api.example.com',
-        'key',
-        'user_1',
-        [],
-        'app',
+        }),
       );
-      const lookAndFeel = (result.orgConfig?.frontendConfig as any)?.uiConfigs?.lookAndFeel;
+      const lookAndFeel = (result.frontendConfig as any)?.uiConfigs?.lookAndFeel;
 
       expect(lookAndFeel?.chatHeaderLogoDarkSrc).toBe('logo.png');
     });
 
-    it('falls back chatHeaderLogoLightSrc to chatHeaderLogoSrc when not set', async () => {
-      makeOkFetch({
-        ...baseV3Config,
-        ui_configs: {
-          ...baseV3Config.ui_configs,
-          look_and_feel: {
-            ...baseV3Config.ui_configs.look_and_feel,
-            chat_header_logo_src: 'logo.png',
-            chat_header_logo_dark_src: 'logo-dark.png',
-            chat_header_logo_light_src: null,
+    it('falls back chatHeaderLogoLightSrc to chatHeaderLogoSrc when not set', () => {
+      const result = transformV3ProductsConfig(
+        makeProductsConfig({
+          ...baseV3Config,
+          ui_configs: {
+            ...baseV3Config.ui_configs,
+            look_and_feel: {
+              ...baseV3Config.ui_configs.look_and_feel,
+              chat_header_logo_src: 'logo.png',
+              chat_header_logo_dark_src: 'logo-dark.png',
+              chat_header_logo_light_src: null,
+            },
           },
-        },
-      });
-
-      const result = await fetchUnifiedGraphQLConfig(
-        'https://api.example.com',
-        'key',
-        'user_1',
-        [],
-        'app',
+        }),
       );
-      const lookAndFeel = (result.orgConfig?.frontendConfig as any)?.uiConfigs?.lookAndFeel;
+      const lookAndFeel = (result.frontendConfig as any)?.uiConfigs?.lookAndFeel;
 
       expect(lookAndFeel?.chatHeaderLogoLightSrc).toBe('logo.png');
     });
 
-    it('uses explicit dark/light src when both are set', async () => {
-      makeOkFetch(baseV3Config);
-
-      const result = await fetchUnifiedGraphQLConfig(
-        'https://api.example.com',
-        'key',
-        'user_1',
-        [],
-        'app',
-      );
-      const lookAndFeel = (result.orgConfig?.frontendConfig as any)?.uiConfigs?.lookAndFeel;
+    it('uses explicit dark/light src when both are set', () => {
+      const result = transformV3ProductsConfig(makeProductsConfig(baseV3Config));
+      const lookAndFeel = (result.frontendConfig as any)?.uiConfigs?.lookAndFeel;
 
       expect(lookAndFeel?.chatHeaderLogoDarkSrc).toBe('logo-dark.png');
       expect(lookAndFeel?.chatHeaderLogoLightSrc).toBe('logo-light.png');
@@ -313,61 +204,39 @@ describe('productsConfig transform (via getWidgetConfig)', () => {
   });
 
   describe('merchantOverrideCss', () => {
-    it('uses merchantOverrideCss from the v3 frontend config when present', async () => {
-      makeOkFetch({
-        ...baseV3Config,
-        ui_configs: {
-          ...baseV3Config.ui_configs,
-          merchant_override_css: 'body { color: red; }',
-        },
-      });
-
-      const result = await fetchUnifiedGraphQLConfig(
-        'https://api.example.com',
-        'key',
-        'user_1',
-        [],
-        'app',
+    it('uses merchantOverrideCss from the v3 frontend config when present', () => {
+      const result = transformV3ProductsConfig(
+        makeProductsConfig({
+          ...baseV3Config,
+          ui_configs: {
+            ...baseV3Config.ui_configs,
+            merchant_override_css: 'body { color: red; }',
+          },
+        }),
       );
 
-      expect((result.orgConfig?.frontendConfig as any)?.merchantOverrideCss).toBe(
-        'body { color: red; }',
-      );
+      expect((result.frontendConfig as any)?.merchantOverrideCss).toBe('body { color: red; }');
     });
 
-    it('falls back to frontendValues.merchant_override_css when absent from v3 config', async () => {
-      makeOkFetch(baseV3Config, { merchant_override_css: 'body { color: blue; }' });
-
-      const result = await fetchUnifiedGraphQLConfig(
-        'https://api.example.com',
-        'key',
-        'user_1',
-        [],
-        'app',
+    it('falls back to frontendValues.merchant_override_css when absent from v3 config', () => {
+      const result = transformV3ProductsConfig(
+        makeProductsConfig(baseV3Config, { merchant_override_css: 'body { color: blue; }' }),
       );
 
-      expect((result.orgConfig?.frontendConfig as any)?.merchantOverrideCss).toBe(
-        'body { color: blue; }',
-      );
+      expect((result.frontendConfig as any)?.merchantOverrideCss).toBe('body { color: blue; }');
     });
   });
 
   describe('page variants', () => {
-    it('uses DEFAULT_PAGE_VARIANTS when page_variants is not an array', async () => {
-      makeOkFetch({ ...baseV3Config, page_variants: null });
-
-      const result = await fetchUnifiedGraphQLConfig(
-        'https://api.example.com',
-        'key',
-        'user_1',
-        [],
-        'app',
+    it('uses DEFAULT_PAGE_VARIANTS when page_variants is not an array', () => {
+      const result = transformV3ProductsConfig(
+        makeProductsConfig({ ...baseV3Config, page_variants: null }),
       );
 
-      expect(result.orgConfig?.orgPageConfig?.pageVariants).toEqual(DEFAULT_PAGE_VARIANTS);
+      expect(result.orgPageConfig?.pageVariants).toEqual(DEFAULT_PAGE_VARIANTS);
     });
 
-    it('transforms each page variant entry from the API response', async () => {
+    it('transforms each page variant entry from the API response', () => {
       const rawVariant = {
         variant_id: 'plp',
         variant_type: 'plp',
@@ -375,67 +244,47 @@ describe('productsConfig transform (via getWidgetConfig)', () => {
         variant_checks: [{ check_type: 'UrlResolver' }],
         widget_mounting: [],
       };
-      makeOkFetch({ ...baseV3Config, page_variants: [rawVariant] });
-
-      const result = await fetchUnifiedGraphQLConfig(
-        'https://api.example.com',
-        'key',
-        'user_1',
-        [],
-        'app',
+      const result = transformV3ProductsConfig(
+        makeProductsConfig({ ...baseV3Config, page_variants: [rawVariant] }),
       );
 
-      expect(result.orgConfig?.orgPageConfig?.pageVariants).toHaveLength(1);
-      expect(result.orgConfig?.orgPageConfig?.pageVariants[0].variantId).toBe('plp');
-      expect(result.orgConfig?.orgPageConfig?.pageVariants[0].variantTests?.[0].testType).toBe(
-        'UrlResolver',
-      );
+      expect(result.orgPageConfig?.pageVariants).toHaveLength(1);
+      expect(result.orgPageConfig?.pageVariants[0].variantId).toBe('plp');
+      expect(result.orgPageConfig?.pageVariants[0].variantTests?.[0].testType).toBe('UrlResolver');
     });
   });
 
   describe('widget configs', () => {
-    it('keys widget configs by widgetConfigId', async () => {
+    it('keys widget configs by widgetConfigId', () => {
       const rawWidgets = [
         { widget_config_id: 'widget-1', widget_type: 'floating_button' },
         { widget_config_id: 'widget-2', widget_type: 'search_bar' },
       ];
-      makeOkFetch({ ...baseV3Config, widget_configs: rawWidgets });
-
-      const result = await fetchUnifiedGraphQLConfig(
-        'https://api.example.com',
-        'key',
-        'user_1',
-        [],
-        'app',
+      const result = transformV3ProductsConfig(
+        makeProductsConfig({ ...baseV3Config, widget_configs: rawWidgets }),
       );
 
-      expect(Object.keys(result.orgConfig?.orgPageConfig?.widgetConfigs ?? {})).toEqual([
+      expect(Object.keys(result.orgPageConfig?.widgetConfigs ?? {})).toEqual([
         'widget-1',
         'widget-2',
       ]);
-      expect(
-        (result.orgConfig?.orgPageConfig?.widgetConfigs as any)?.['widget-1']?.widgetConfigId,
-      ).toBe('widget-1');
+      expect((result.orgPageConfig?.widgetConfigs as any)?.['widget-1']?.widgetConfigId).toBe(
+        'widget-1',
+      );
     });
 
-    it('also exposes widget configs on frontendConfig', async () => {
+    it('also exposes widget configs on frontendConfig', () => {
       const rawWidgets = [{ widget_config_id: 'widget-1', widget_type: 'floating_button' }];
-      makeOkFetch({ ...baseV3Config, widget_configs: rawWidgets });
-
-      const result = await fetchUnifiedGraphQLConfig(
-        'https://api.example.com',
-        'key',
-        'user_1',
-        [],
-        'app',
+      const result = transformV3ProductsConfig(
+        makeProductsConfig({ ...baseV3Config, widget_configs: rawWidgets }),
       );
 
-      expect((result.orgConfig?.frontendConfig as any)?.widgetConfigs?.['widget-1']).toBeDefined();
+      expect((result.frontendConfig as any)?.widgetConfigs?.['widget-1']).toBeDefined();
     });
   });
 
   describe('mounting configs', () => {
-    it('keys mounting configs by their key field', async () => {
+    it('keys mounting configs by their key field', () => {
       const rawMountingConfigs = [
         {
           key: 'plp-mount',
@@ -447,237 +296,59 @@ describe('productsConfig transform (via getWidgetConfig)', () => {
           },
         },
       ];
-      makeOkFetch({ ...baseV3Config, mounting_configs: rawMountingConfigs });
-
-      const result = await fetchUnifiedGraphQLConfig(
-        'https://api.example.com',
-        'key',
-        'user_1',
-        [],
-        'app',
+      const result = transformV3ProductsConfig(
+        makeProductsConfig({ ...baseV3Config, mounting_configs: rawMountingConfigs }),
       );
 
-      expect(result.orgConfig?.orgPageConfig?.mountingConfigs?.['plp-mount']).toBeDefined();
-      expect(
-        result.orgConfig?.orgPageConfig?.mountingConfigs?.['plp-mount']?.mountingConfigId,
-      ).toBe('mc-1');
+      expect(result.orgPageConfig?.mountingConfigs?.['plp-mount']).toBeDefined();
+      expect(result.orgPageConfig?.mountingConfigs?.['plp-mount']?.mountingConfigId).toBe('mc-1');
     });
   });
 
   describe('colors config', () => {
-    it('camelCases the colors values from the API response', async () => {
-      makeOkFetch({
-        ...baseV3Config,
-        colors: { values: { text_primary: '#111', background_primary: '#fff' } },
-      });
-
-      const result = await fetchUnifiedGraphQLConfig(
-        'https://api.example.com',
-        'key',
-        'user_1',
-        [],
-        'app',
+    it('camelCases the colors values from the API response', () => {
+      const result = transformV3ProductsConfig(
+        makeProductsConfig({
+          ...baseV3Config,
+          colors: { values: { text_primary: '#111', background_primary: '#fff' } },
+        }),
       );
 
-      expect((result.orgConfig?.colorsConfig as any)?.textPrimary).toBe('#111');
-      expect((result.orgConfig?.colorsConfig as any)?.backgroundPrimary).toBe('#fff');
+      expect((result.colorsConfig as any)?.textPrimary).toBe('#111');
+      expect((result.colorsConfig as any)?.backgroundPrimary).toBe('#fff');
     });
   });
 
   describe('v3FrontendConfigCleanup edge cases', () => {
-    it('returns config as-is when uiConfigs is absent', async () => {
-      makeOkFetch({ ...baseV3Config, ui_configs: undefined });
-
-      const result = await fetchUnifiedGraphQLConfig(
-        'https://api.example.com',
-        'key',
-        'user_1',
-        [],
-        'app',
+    it('returns config as-is when uiConfigs is absent', () => {
+      const result = transformV3ProductsConfig(
+        makeProductsConfig({ ...baseV3Config, ui_configs: undefined }),
       );
 
-      expect(result.orgConfig?.frontendConfig).toBeDefined();
-      expect(result.orgConfig?.colorsConfig).toBeDefined();
+      expect(result.frontendConfig).toBeDefined();
+      expect(result.colorsConfig).toBeDefined();
     });
 
-    it('returns config as-is when floatingButton is absent', async () => {
-      makeOkFetch({
-        ...baseV3Config,
-        ui_configs: {
-          look_and_feel: baseV3Config.ui_configs.look_and_feel,
-        },
-      });
-
-      const result = await fetchUnifiedGraphQLConfig(
-        'https://api.example.com',
-        'key',
-        'user_1',
-        [],
-        'app',
-      );
-
-      expect(result.orgConfig?.frontendConfig).toBeDefined();
-    });
-
-    it('returns config as-is when lookAndFeel is absent', async () => {
-      makeOkFetch({
-        ...baseV3Config,
-        ui_configs: {
-          floating_button: baseV3Config.ui_configs.floating_button,
-        },
-      });
-
-      const result = await fetchUnifiedGraphQLConfig(
-        'https://api.example.com',
-        'key',
-        'user_1',
-        [],
-        'app',
+    it('returns config as-is when floatingButton is absent', () => {
+      const result = transformV3ProductsConfig(
+        makeProductsConfig({
+          ...baseV3Config,
+          ui_configs: { look_and_feel: baseV3Config.ui_configs.look_and_feel },
+        }),
       );
 
-      expect(result.orgConfig?.frontendConfig).toBeDefined();
-    });
-  });
-
-  describe('fetch call', () => {
-    it('sends a POST to the correct GraphQL endpoint with the API key', async () => {
-      makeOkFetch(null);
-
-      await fetchUnifiedGraphQLConfig('https://api.example.com', 'test-key', 'user_1', [], 'app');
-
-      expect(mockFetch).toHaveBeenCalledWith('https://api.example.com/v1/graphql', {
-        method: 'POST',
-        headers: {
-          'Content-Type': 'application/json',
-          Authorization: 'Bearer test-key',
-        },
-        body: expect.any(String),
-      });
+      expect(result.frontendConfig).toBeDefined();
     });
-  });
-});
 
-describe('fetchUnifiedGraphQLConfig', () => {
-  function makeUnifiedOkFetch(v3RootConfigValues: unknown, resolution?: unknown) {
-    mockFetch.mockResolvedValueOnce({
-      ok: true,
-      json: () =>
-        Promise.resolve({
-          data: {
-            me: {
-              getWidgetConfig: {
-                productsConfig: {
-                  v_three_config: { values: v3RootConfigValues },
-                },
-                resolution,
-              },
-            },
-          },
+    it('returns config as-is when lookAndFeel is absent', () => {
+      const result = transformV3ProductsConfig(
+        makeProductsConfig({
+          ...baseV3Config,
+          ui_configs: { floating_button: baseV3Config.ui_configs.floating_button },
         }),
-    });
-  }
-
-  it('issues a getWidgetConfig query (not getProductsConfigByVersion) and forwards userId', async () => {
-    makeUnifiedOkFetch(null);
-
-    await fetchUnifiedGraphQLConfig('https://api.example.com', 'key', 'user_1', [], 'app');
-
-    const body = JSON.parse(mockFetch.mock.calls[0][1].body);
-    expect(body.query).toContain('getWidgetConfig');
-    expect(body.query).not.toContain('getProductsConfigByVersion');
-    // userId is required by the schema; omitting it 400s. Regression guard.
-    // version is absent without a URL-param override so the resolver uses
-    // Statsig bucketing (passing 'deployed' here would bypass Statsig).
-    expect(body.variables).toEqual({ userId: 'user_1', gateNames: [], source: 'app' });
-  });
-
-  it('threads a spiffy_config_version URL param through as the version variable', async () => {
-    window.history.replaceState({}, '', '/?spiffy_config_version=1.2.3');
-    try {
-      makeUnifiedOkFetch(null);
-
-      await fetchUnifiedGraphQLConfig('https://api.example.com', 'key', 'user_1', [], 'app');
-
-      const body = JSON.parse(mockFetch.mock.calls[0][1].body);
-      expect(body.variables).toEqual({
-        userId: 'user_1',
-        version: '1.2.3',
-        gateNames: [],
-        source: 'app',
-      });
-    } finally {
-      window.history.replaceState({}, '', '/');
-    }
-  });
-
-  it('parses productsConfig into the same shape as fetchGraphQLConfig', async () => {
-    makeUnifiedOkFetch(baseV3Config);
-
-    const result = await fetchUnifiedGraphQLConfig(
-      'https://api.example.com',
-      'key',
-      'user_1',
-      [],
-      'app',
-    );
-
-    expect(result.orgConfig?.colorsConfig).toBeDefined();
-    expect(result.orgConfig?.frontendConfig).toBeDefined();
-    expect(result.orgConfig?.orgPageConfig).toBeDefined();
-  });
-
-  it('returns resolution metadata alongside the config so callers can thread baseVersion into inference', async () => {
-    makeUnifiedOkFetch(baseV3Config, {
-      baseVersion: '1.0.670',
-      baseVersionSource: 'merchant_layer',
-    });
+      );
 
-    const result = await fetchUnifiedGraphQLConfig(
-      'https://api.example.com',
-      'key',
-      'user_1',
-      [],
-      'app',
-    );
-
-    expect(result.orgConfig?.resolution).toEqual({
-      baseVersion: '1.0.670',
-      baseVersionSource: 'merchant_layer',
+      expect(result.frontendConfig).toBeDefined();
     });
   });
-
-  it('selects resolution fields in the query so the server can fill them', async () => {
-    makeUnifiedOkFetch(null);
-
-    await fetchUnifiedGraphQLConfig('https://api.example.com', 'key', 'user_1', [], 'app');
-
-    const body = JSON.parse(mockFetch.mock.calls[0][1].body);
-    expect(body.query).toContain('resolution');
-    expect(body.query).toContain('baseVersion');
-    expect(body.query).toContain('baseVersionSource');
-  });
-
-  it('falls back to DEFAULT_PAGE_VARIANTS when productsConfig has no page_variants array', async () => {
-    // Reuses the no-colors fallback path: when productsConfig is missing
-    // colors, DEFAULT_PAGE_VARIANTS is returned as the orgPageConfig.
-    makeUnifiedOkFetch(null);
-
-    const result = await fetchUnifiedGraphQLConfig(
-      'https://api.example.com',
-      'key',
-      'user_1',
-      [],
-      'app',
-    );
-
-    expect(result.orgConfig?.orgPageConfig?.pageVariants).toEqual(DEFAULT_PAGE_VARIANTS);
-  });
-
-  it('propagates the error on network failure', async () => {
-    mockFetch.mockRejectedValueOnce(new Error('boom'));
-
-    await expect(
-      fetchUnifiedGraphQLConfig('https://api.example.com', 'key', 'user_1', [], 'app'),
-    ).rejects.toThrow('boom');
-  });
 });