@controleonline/ui-common 1.2.71 → 1.2.76

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

@@ -1,11 +1,13 @@
 const assert = require('node:assert/strict')
-const {test} = global
+const {test} = require('node:test')
 
-const {
-  normalizeLanguageCode,
-  resolveCompanyLanguageCode,
-  resolveConfiguredLanguage,
-} = require('../../../react/utils/runtimeLanguage')
+const {
+  buildTranslationBootstrapKey,
+  isTranslationBootstrapReady,
+  normalizeLanguageCode,
+  resolveCompanyLanguageCode,
+  resolveConfiguredLanguage,
+} = require('../../../react/utils/runtimeLanguage')
 
 test('normalizes language separators and casing', () => {
   assert.equal(normalizeLanguageCode(' PT_BR '), 'pt-br')
@@ -46,7 +48,7 @@ test('prefers the selected company language over cached config and session value
   )
 })
 
-test('falls back through default company, config, session and the hardcoded default', () => {
+test('falls back through default company, config, session and the hardcoded default', () => {
   assert.equal(
     resolveConfiguredLanguage({
       defaultCompany: {
@@ -76,5 +78,73 @@ test('falls back through default company, config, session and the hardcoded defa
     'nl-nl',
   )
 
-  assert.equal(resolveConfiguredLanguage({}), 'pt-br')
-})
+  assert.equal(resolveConfiguredLanguage({}), 'pt-br')
+})
+
+test('builds the translation bootstrap key only from language and company context', () => {
+  assert.equal(
+    buildTranslationBootstrapKey({
+      language: ' PT_BR ',
+      currentCompanyId: 21,
+      defaultCompanyId: 1,
+    }),
+    'pt-br::21::1',
+  )
+  assert.equal(
+    buildTranslationBootstrapKey({
+      language: 'pt-br',
+      currentCompanyId: '',
+      defaultCompanyId: 1,
+    }),
+    '',
+  )
+})
+
+test('keeps authenticated content blocked until the matching translator exists', () => {
+  const context = {
+    activeKey: 'pt-br::21::1',
+    expectedKey: 'pt-br::21::1',
+    required: true,
+    ready: true,
+  }
+
+  assert.equal(
+    isTranslationBootstrapReady({
+      ...context,
+      translator: undefined,
+    }),
+    false,
+  )
+  assert.equal(
+    isTranslationBootstrapReady({
+      ...context,
+      activeKey: 'pt-br::3::1',
+      translator: {t() {}},
+    }),
+    false,
+  )
+  assert.equal(
+    isTranslationBootstrapReady({
+      ...context,
+      ready: false,
+      translator: {t() {}},
+    }),
+    false,
+  )
+  assert.equal(
+    isTranslationBootstrapReady({
+      ...context,
+      translator: {t() {}},
+    }),
+    true,
+  )
+})
+
+test('does not block contexts where translation bootstrap is not required', () => {
+  assert.equal(
+    isTranslationBootstrapReady({
+      required: false,
+    }),
+    true,
+  )
+})

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,112 +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',
-    ]);
-  });
-
-  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(2);
-    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',
-    });
-  });
-
-  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([]);
-  });
-});
+    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('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

@@ -3,27 +3,28 @@ const {describe, it} = global;
 
 const {
   resolveShopSettings,
-  SHOP_LOYALTY_STAMP_ICON_URL_CONFIG_KEY,
   toggleAndSaveBooleanConfig,
 } = require('../../../react/utils/shopConfig');
 
 describe('shopConfig', () => {
-  it('reads the configured loyalty stamp icon URL from general settings', () => {
+  it('does not expose loyalty stamp artwork as a shop config', () => {
     const result = resolveShopSettings({
-      [SHOP_LOYALTY_STAMP_ICON_URL_CONFIG_KEY]:
-        '"https://cdn.example.com/loyalty-stamp.png"',
+      'shop-loyalty-stamp-icon-url':
+        '"https://cdn.example.com/legacy-stamp.png"',
     });
 
     assert.equal(
-      result.loyaltyStampIconUrl,
-      'https://cdn.example.com/loyalty-stamp.png',
+      Object.prototype.hasOwnProperty.call(result, 'loyaltyStampIconUrl'),
+      false,
     );
   });
 
-  it('keeps the loyalty stamp icon URL empty when it is not configured', () => {
-    const result = resolveShopSettings({});
+  it('normalizes franchise address category ids from the maps config', () => {
+    const result = resolveShopSettings({
+      'shop-franchise-address-category-ids': '["/categories/12", "13", 12]',
+    });
 
-    assert.equal(result.loyaltyStampIconUrl, '');
+    assert.deepEqual(result.franchiseAddressCategoryIds, ['12', '13']);
   });
 
   it('persists the next boolean value when a toggle is clicked', async () => {

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

@@ -6,6 +6,8 @@ jest.mock('@controleonline/ui-common/src/api', () => ({
 
 const {api} = require('@controleonline/ui-common/src/api');
 const {
+  extractAddressCategoryIds,
+  filterShopFranchiseDirectory,
   fetchAllShopFranchiseDirectory,
   fetchShopFranchiseDirectory,
 } = require('../../../react/utils/shopFranchises');
@@ -146,4 +148,45 @@ describe('shopFranchises', () => {
       },
     ]);
   });
+
+  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}]},
+        ],
+      },
+    ]);
+  });
 });