@controleonline/ui-common 1.2.70 → 1.2.75

package/src/tests/react/utils/runtimeMenu.test.js

@@ -1,38 +1,78 @@
 /* global describe, expect, it */
 
-import {
-  filterRuntimeMenuModulesByType,
-  flattenRuntimeMenuItemsByType,
-  getRuntimeMenuRoutes,
-  normalizeRuntimeMenuIcon,
-  normalizeRuntimeMenuResponse,
-  userHasRole,
-} from '../../../react/utils/runtimeMenu';
+import {
+  filterRuntimeMenuModulesByType,
+  flattenRuntimeMenuItemsByType,
+  getRuntimeMenuRoutes,
+  normalizeRuntimeMenuIcon,
+  normalizeRuntimeMenuResponse,
+  userHasRole,
+} from '../../../react/utils/runtimeMenu';
 
 describe('runtimeMenu', () => {
   it('normalizes legacy menu response modules into sorted arrays', () => {
-    const result = normalizeRuntimeMenuResponse({
-      response: {
-        data: {
-          modules: {
-            2: {
-              id: 2,
-              label: 'Config',
-              menus: [
-                {id: 20, label: 'B', route: 'BRoute', sortOrder: 20, menuType: 'toolbar'},
-                {id: 10, label: 'A', route: 'ARoute', sortOrder: 10},
-              ],
-            },
-          },
-        },
-      },
-    });
-
-    expect(result).toHaveLength(1);
-    expect(result[0].menus.map(item => item.route)).toEqual(['ARoute', 'BRoute']);
-    expect(result[0].menus[0].routeParams).toEqual({});
-    expect(result[0].menus.map(item => item.menuType)).toEqual(['home', 'toolbar']);
-  });
+    const result = normalizeRuntimeMenuResponse({
+      response: {
+        data: {
+          modules: {
+            2: {
+              id: 2,
+              label: 'Config',
+              menus: [
+                {id: 20, label: 'B', route: 'BRoute', sortOrder: 20, menuType: 'toolbar'},
+                {id: 10, label: 'A', route: 'ARoute', sortOrder: 10},
+              ],
+            },
+          },
+        },
+      },
+    });
+
+    expect(result).toHaveLength(1);
+    expect(result[0].menus.map(item => item.route)).toEqual(['ARoute', 'BRoute']);
+    expect(result[0].menus[0].routeParams).toEqual({});
+    expect(result[0].menus.map(item => item.menuType)).toEqual(['home', 'toolbar']);
+  });
+
+  it('orders runtime modules by category sort order and label', () => {
+    const result = normalizeRuntimeMenuResponse({
+      modules: {
+        operations: {
+          label: 'Operacoes',
+          sortOrder: 20,
+          menus: [
+            {label: 'Pedidos', route: 'OrdersRoute', sortOrder: 5},
+          ],
+        },
+        finance: {
+          label: 'Financeiro',
+          sortOrder: 10,
+          menus: [
+            {label: 'Financeiro', route: 'FinanceRoute', sortOrder: 60},
+          ],
+        },
+        alpha: {
+          label: 'Abertura',
+          menus: [
+            {label: 'Z menu sem ordenar grupo', route: 'AlphaRoute', sortOrder: 99},
+          ],
+        },
+        config: {
+          label: 'Configuracoes',
+          menus: [
+            {label: 'Config', route: 'ConfigRoute', sortOrder: 1},
+          ],
+        },
+      },
+    });
+
+    expect(result.map(module => module.label)).toEqual([
+      'Abertura',
+      'Configuracoes',
+      'Financeiro',
+      'Operacoes',
+    ]);
+  });
 
   it('builds route sets and checks super admin role', () => {
     const menus = normalizeRuntimeMenuResponse({
@@ -65,7 +105,7 @@ describe('runtimeMenu', () => {
     expect(menus[0].menus[0].menuKey).toBe('menu_access');
   });
 
-  it('converts legacy material icon names into feather-compatible names', () => {
+  it('converts legacy material icon names into feather-compatible names', () => {
     expect(normalizeRuntimeMenuIcon('shopping_cart')).toBe('shopping-cart');
     expect(normalizeRuntimeMenuIcon('account_balance')).toBe('dollar-sign');
 
@@ -83,92 +123,136 @@ describe('runtimeMenu', () => {
       },
     });
 
-    expect(menus[0].icon).toBe('dollar-sign');
-    expect(menus[0].menus[0].icon).toBe('shopping-cart');
-  });
-
-  it('filters runtime menu modules by menu type', () => {
-    const menus = normalizeRuntimeMenuResponse({
-      modules: {
-        1: {
-          label: 'Mix',
-          menus: [
-            {route: 'HomePage', menuType: 'home', sortOrder: 10},
-            {route: 'ToolbarPage', menu_type: 'toolbar', sortOrder: 20},
-          ],
-        },
-      },
-    });
-
-    const toolbarMenus = filterRuntimeMenuModulesByType(menus, 'toolbar');
-
-    expect(toolbarMenus).toHaveLength(1);
-    expect(toolbarMenus[0].menus).toHaveLength(1);
-    expect(toolbarMenus[0].menus[0]).toMatchObject({
-      route: 'ToolbarPage',
-      menuType: 'toolbar',
-    });
-    expect(
-      flattenRuntimeMenuItemsByType(menus, 'toolbar').map(item => item.route),
-    ).toEqual(['ToolbarPage']);
-  });
-
-  it('falls back to the manager core menu when the runtime menu is empty', () => {
-    const menus = normalizeRuntimeMenuResponse({}, {appType: 'MANAGER'});
-
-    expect(menus).toHaveLength(4);
+    expect(menus[0].icon).toBe('dollar-sign');
+    expect(menus[0].menus[0].icon).toBe('shopping-cart');
+  });
+
+  it('filters runtime menu modules by menu type', () => {
+    const menus = normalizeRuntimeMenuResponse({
+      modules: {
+        1: {
+          label: 'Mix',
+          menus: [
+            {route: 'HomePage', menuType: 'home', sortOrder: 10},
+            {route: 'ToolbarPage', menu_type: 'toolbar', sortOrder: 20},
+          ],
+        },
+      },
+    });
+
+    const toolbarMenus = filterRuntimeMenuModulesByType(menus, 'toolbar');
+
+    expect(toolbarMenus).toHaveLength(1);
+    expect(toolbarMenus[0].menus).toHaveLength(1);
+    expect(toolbarMenus[0].menus[0]).toMatchObject({
+      route: 'ToolbarPage',
+      menuType: 'toolbar',
+    });
+    expect(
+      flattenRuntimeMenuItemsByType(menus, 'toolbar').map(item => item.route),
+    ).toEqual(['ToolbarPage']);
+  });
+
+  it('falls back to the manager core menu when the runtime menu is empty', () => {
+    const menus = normalizeRuntimeMenuResponse({}, {appType: 'MANAGER'});
+
+    expect(menus).toHaveLength(4);
     expect(menus.map(module => module.label)).toEqual([
       'Financeiro',
       'Operacoes',
       'Comercial',
       'Configuracoes',
     ]);
-    expect(menus[0].menus[0]).toMatchObject({
-      label: 'Financeiro',
-      menuKey: 'financial_hub',
-      route: 'FinancialHubPage',
-      menuType: 'home',
-    });
-    expect(menus[0].menus[1]).toMatchObject({
-      label: 'Demonstrativo de resultados',
-      menuKey: 'income_statement',
-      route: 'IncomeStatement',
-    });
-    expect(menus[1].menus[0]).toMatchObject({
-      label: 'Pedidos',
-      menuKey: 'orders',
-      route: 'OrderHistoryPage',
-    });
-    expect(menus[2].menus[0]).toMatchObject({
-      label: 'Cadastro de clientes',
-      menuKey: 'clients',
-      route: 'ClientsIndex',
-    });
-    expect(menus[2].menus[1]).toMatchObject({
-      label: 'Fornecedores',
-      menuKey: 'providers',
-      route: 'ProvidersIndex',
-    });
-    expect(menus[2].menus[2]).toMatchObject({
-      label: 'Cadastro de franquias',
-      menuKey: 'franchisees',
-      route: 'FranchiseesIndex',
-    });
-    expect(menus[3].menus.map(item => item.route)).toEqual([
-      'DevicesIndex',
-      'ConfiguratorPage',
+    expect(menus[0].menus[0]).toMatchObject({
+      label: 'Financeiro',
+      menuKey: 'financial_hub',
+      route: 'FinancialHubPage',
+      menuType: 'home',
+    });
+    expect(menus[0].menus[1]).toMatchObject({
+      label: 'Demonstrativo de resultados',
+      menuKey: 'income_statement',
+      route: 'IncomeStatement',
+    });
+    expect(menus[1].menus[0]).toMatchObject({
+      label: 'Pedidos',
+      menuKey: 'orders',
+      route: 'OrderHistoryPage',
+    });
+    expect(menus[2].menus[0]).toMatchObject({
+      label: 'Produtos',
+      menuKey: 'products',
+      route: 'ProductsPage',
+    });
+    expect(menus[2].menus[1]).toMatchObject({
+      label: 'Cadastro de clientes',
+      menuKey: 'clients',
+      route: 'ClientsIndex',
+    });
+    expect(menus[2].menus[2]).toMatchObject({
+      label: 'Fornecedores',
+      menuKey: 'providers',
+      route: 'ProvidersIndex',
+    });
+    expect(menus[2].menus[3]).toMatchObject({
+      label: 'Cadastro de franquias',
+      menuKey: 'franchisees',
+      route: 'FranchiseesIndex',
+    });
+    expect(menus[3].menus.map(item => item.route)).toEqual([
+      'DevicesIndex',
+      'ConfiguratorPage',
+      'ProductShowcasesPage',
     ]);
   });
 
-  it('does not invent a fallback menu for non-manager apps', () => {
-    expect(
-      normalizeRuntimeMenuResponse({}, {appType: 'SHOP'}),
-    ).toEqual([]);
-  });
-
-  it('can skip the manager fallback when requested', () => {
-    expect(
-      normalizeRuntimeMenuResponse({}, {appType: 'MANAGER', allowFallback: false}),
-    ).toEqual([]);
-  });
-});
+  it('falls back to the admin starter menu when the runtime menu is empty', () => {
+    const menus = normalizeRuntimeMenuResponse({}, {appType: 'ADMIN'});
+
+    expect(menus).toHaveLength(1);
+    expect(menus[0].label).toBe('Configuracoes');
+    expect(menus[0].menus).toHaveLength(5);
+    expect(menus[0].menus[0]).toMatchObject({
+      label: 'Menus por perfil',
+      menuKey: 'menu_access',
+      route: 'MenuAccessConfigPage',
+      menuType: 'home',
+    });
+    expect(menus[0].menus[1]).toMatchObject({
+      label: 'Resultados de testes',
+      menuKey: 'test_results',
+      route: 'TestsPlaygroundPage',
+      menuType: 'home',
+    });
+    expect(menus[0].menus[2]).toMatchObject({
+      label: 'Tenancies',
+      menuKey: 'tenancies',
+      route: 'TenanciesPage',
+      menuType: 'home',
+    });
+    expect(menus[0].menus[3]).toMatchObject({
+      label: 'Domínios',
+      menuKey: 'people_domains',
+      route: 'PeopleDomainsPage',
+      menuType: 'home',
+    });
+    expect(menus[0].menus[4]).toMatchObject({
+      label: 'Fluxogramas',
+      menuKey: 'flowcharts',
+      route: 'FlowchartsPage',
+      menuType: 'home',
+    });
+  });
+
+  it('does not invent a fallback menu for non-manager apps', () => {
+    expect(
+      normalizeRuntimeMenuResponse({}, {appType: 'SHOP'}),
+    ).toEqual([]);
+  });
+
+  it('can skip the manager fallback when requested', () => {
+    expect(
+      normalizeRuntimeMenuResponse({}, {appType: 'MANAGER', allowFallback: false}),
+    ).toEqual([]);
+  });
+});

package/src/tests/react/utils/runtimeZoom.test.js

@@ -0,0 +1,38 @@
+const assert = require('node:assert/strict')
+const {test} = require('node:test')
+
+const {
+  buildRuntimeZoomStyle,
+  normalizeRuntimeZoomPercent,
+  resolveRuntimeZoomScale,
+} = require('../../../react/utils/runtimeZoom')
+
+test('uses percentage values as the global zoom contract', () => {
+  assert.equal(normalizeRuntimeZoomPercent(70), 70)
+  assert.equal(resolveRuntimeZoomScale(70), 0.7)
+})
+
+test('clamps unsafe zoom percentages', () => {
+  assert.equal(normalizeRuntimeZoomPercent(10), 50)
+  assert.equal(normalizeRuntimeZoomPercent(200), 150)
+})
+
+test('uses css zoom on web to preserve layout scroll bounds', () => {
+  assert.deepEqual(
+    buildRuntimeZoomStyle(70, {isWeb: true}),
+    {
+      zoom: 0.7,
+    },
+  )
+})
+
+test('builds compensated container dimensions for native scaled content', () => {
+  assert.deepEqual(
+    buildRuntimeZoomStyle(70),
+    {
+      height: '142.85714285714286%',
+      transform: [{scale: 0.7}],
+      width: '142.85714285714286%',
+    },
+  )
+})

package/src/tests/react/utils/shopConfig.test.js

@@ -0,0 +1,75 @@
+const assert = require('node:assert/strict');
+const {describe, it} = global;
+
+const {
+  resolveShopSettings,
+  toggleAndSaveBooleanConfig,
+} = require('../../../react/utils/shopConfig');
+
+describe('shopConfig', () => {
+  it('does not expose loyalty stamp artwork as a shop config', () => {
+    const result = resolveShopSettings({
+      'shop-loyalty-stamp-icon-url':
+        '"https://cdn.example.com/legacy-stamp.png"',
+    });
+
+    assert.equal(
+      Object.prototype.hasOwnProperty.call(result, 'loyaltyStampIconUrl'),
+      false,
+    );
+  });
+
+  it('normalizes franchise address category ids from the maps config', () => {
+    const result = resolveShopSettings({
+      'shop-franchise-address-category-ids': '["/categories/12", "13", 12]',
+    });
+
+    assert.deepEqual(result.franchiseAddressCategoryIds, ['12', '13']);
+  });
+
+  it('persists the next boolean value when a toggle is clicked', async () => {
+    const calls = [];
+    const setValue = value => {
+      calls.push(['setValue', value]);
+    };
+    const saveConfig = async (configKey, value) => {
+      calls.push(['saveConfig', configKey, value]);
+      return true;
+    };
+
+    await toggleAndSaveBooleanConfig({
+      configKey: 'shop-sales-page-enabled',
+      currentValue: false,
+      saveConfig,
+      setValue,
+    });
+
+    assert.deepEqual(calls, [
+      ['setValue', true],
+      ['saveConfig', 'shop-sales-page-enabled', '1'],
+    ]);
+  });
+
+  it('persists the disabled value when toggling an enabled config', async () => {
+    const calls = [];
+    const setValue = value => {
+      calls.push(['setValue', value]);
+    };
+    const saveConfig = async (configKey, value) => {
+      calls.push(['saveConfig', configKey, value]);
+      return true;
+    };
+
+    await toggleAndSaveBooleanConfig({
+      configKey: 'shop-bottom-bar-enabled',
+      currentValue: true,
+      saveConfig,
+      setValue,
+    });
+
+    assert.deepEqual(calls, [
+      ['setValue', false],
+      ['saveConfig', 'shop-bottom-bar-enabled', '0'],
+    ]);
+  });
+});

package/src/tests/react/utils/shopFranchises.test.js

@@ -5,9 +5,12 @@ jest.mock('@controleonline/ui-common/src/api', () => ({
 }));
 
 const {api} = require('@controleonline/ui-common/src/api');
-const {
-  fetchShopFranchiseDirectory,
-} = require('../../../react/utils/shopFranchises');
+const {
+  extractAddressCategoryIds,
+  filterShopFranchiseDirectory,
+  fetchAllShopFranchiseDirectory,
+  fetchShopFranchiseDirectory,
+} = require('../../../react/utils/shopFranchises');
 
 const {beforeEach, describe, expect, it} = global;
 
@@ -54,10 +57,10 @@ describe('shopFranchises', () => {
     ]);
   });
 
-  it('keeps authenticated management lookup scoped by company', async () => {
-    api.fetch.mockResolvedValueOnce({
-      member: [
-        {
+  it('keeps authenticated management lookup scoped by company', async () => {
+    api.fetch.mockResolvedValueOnce({
+      member: [
+        {
           id: 22,
           alias: 'Norte',
           address: [{id: 601, nickname: 'Loja Norte'}],
@@ -75,8 +78,115 @@ describe('shopFranchises', () => {
         page: 1,
       },
     });
-    expect(directory[0].shopAddresses).toEqual([
-      {id: 601, nickname: 'Loja Norte'},
-    ]);
-  });
-});
+    expect(directory[0].shopAddresses).toEqual([
+      {id: 601, nickname: 'Loja Norte'},
+    ]);
+  });
+
+  it('loads every page when building the full franchise directory', async () => {
+    api.fetch
+      .mockResolvedValueOnce({
+        member: [
+          {
+            id: 21,
+            alias: 'Centro',
+            shopAddresses: [{id: 501, nickname: 'Loja Centro'}],
+          },
+          {
+            id: 22,
+            alias: 'Norte',
+            shopAddresses: [{id: 601, nickname: 'Loja Norte'}],
+          },
+        ],
+      })
+      .mockResolvedValueOnce({
+        member: [
+          {
+            id: 23,
+            alias: 'Sul',
+            shopAddresses: [{id: 701, nickname: 'Loja Sul'}],
+          },
+        ],
+      });
+
+    const directory = await fetchAllShopFranchiseDirectory({
+      companyId: 10,
+      itemsPerPage: 2,
+    });
+
+    expect(api.fetch).toHaveBeenNthCalledWith(1, 'people', {
+      params: {
+        'link.company': '/people/10',
+        'link.linkType': 'franchisee',
+        itemsPerPage: 2,
+        page: 1,
+      },
+    });
+    expect(api.fetch).toHaveBeenNthCalledWith(2, 'people', {
+      params: {
+        'link.company': '/people/10',
+        'link.linkType': 'franchisee',
+        itemsPerPage: 2,
+        page: 2,
+      },
+    });
+    expect(directory).toEqual([
+      {
+        id: 21,
+        alias: 'Centro',
+        shopAddresses: [{id: 501, nickname: 'Loja Centro'}],
+      },
+      {
+        id: 22,
+        alias: 'Norte',
+        shopAddresses: [{id: 601, nickname: 'Loja Norte'}],
+      },
+      {
+        id: 23,
+        alias: 'Sul',
+        shopAddresses: [{id: 701, nickname: 'Loja Sul'}],
+      },
+    ]);
+  });
+
+  it('extracts category ids from address category payload variants', () => {
+    expect(
+      extractAddressCategoryIds({
+        categories: [{id: 10}, '/categories/11'],
+        addressCategories: [{category: {id: 12}}],
+      }),
+    ).toEqual(['10', '11', '12']);
+  });
+
+  it('filters franchise addresses by selected categories and visible companies', () => {
+    const directory = filterShopFranchiseDirectory({
+      visibleCompanyIds: [21],
+      addressCategoryIds: [12],
+      directory: [
+        {
+          id: 21,
+          alias: 'Centro',
+          shopAddresses: [
+            {id: 501, nickname: 'Loja Centro', categories: [{id: 12}]},
+            {id: 502, nickname: 'Loja Oculta', categories: [{id: 13}]},
+          ],
+        },
+        {
+          id: 22,
+          alias: 'Norte',
+          shopAddresses: [{id: 601, categories: [{id: 12}]}],
+        },
+      ],
+    });
+
+    expect(directory).toEqual([
+      {
+        id: 21,
+        alias: 'Centro',
+        shopAddresses: [
+          {id: 501, nickname: 'Loja Centro', categories: [{id: 12}]},
+        ],
+      },
+    ]);
+  });
+});