@controleonline/ui-common 1.2.87 → 1.2.89

package/src/tests/react/pages/deviceDetailComposition.test.js

@@ -0,0 +1,65 @@
+const fs = require('fs');
+const path = require('path');
+const {Linter} = require('eslint');
+const parser = require('@babel/parser');
+const traverse = require('@babel/traverse').default;
+const createContext = require('../../../react/pages/Devices/detail/createDeviceDetailContext').default;
+
+const directory = path.resolve(__dirname, '../../../react/pages/Devices/detail');
+const files = fs.readdirSync(directory).filter(file => file.endsWith('.js'));
+
+describe('DeviceDetail composition regression (app-community#706)', () => {
+  test.each(files)('%s parses and has no unbound runtime or JSX references', file => {
+    const source = fs.readFileSync(path.join(directory, file), 'utf8');
+    const messages = new Linter().verify(source, {
+      parserOptions: {ecmaVersion: 2022, sourceType: 'module', ecmaFeatures: {jsx: true}},
+      env: {browser: true, node: true, es2022: true},
+      rules: {'no-undef': 'error'},
+    });
+    expect(messages.map(message => `${message.line}: ${message.message}`)).toEqual([]);
+    const unbound = [];
+    traverse(parser.parse(source, {sourceType: 'module', plugins: ['jsx']}), {
+      JSXOpeningElement(element) {
+        const name = element.node.name;
+        if (name.type === 'JSXIdentifier' && /^[A-Z]/.test(name.name) &&
+            !element.scope.hasBinding(name.name)) unbound.push(name.name);
+      },
+    });
+    expect(unbound).toEqual([]);
+  });
+
+  test('section context retains actual values and callbacks instead of losing hook outputs', () => {
+    const setVisibility = jest.fn();
+    const setDelivery = jest.fn();
+    const saveDelivery = jest.fn();
+    const renderSwitchRow = jest.fn();
+    const state = {
+      currentCompany: {id: 7}, themeColors: {buttonText: '#fff'},
+      brandColors: {primary: '#000'}, runtimeDevice: {id: 403},
+      deviceOrderVisibility: 'company', setDeviceOrderVisibility: setVisibility,
+      deviceDeliveryEnabled: true, setDeviceDeliveryEnabled: setDelivery,
+      savingDeviceDeliverySettings: true, displayAutoPrintProductEnabled: true,
+      products: [{quantity: 2}], deviceRuntimeDebugInfoEnabled: true,
+    };
+    const context = createContext(state, {refreshCurrentConfig: jest.fn()}, {}, {
+      saveDeviceDeliverySettings: saveDelivery, renderSwitchRow, inflowTotal: 90,
+    });
+    expect(context.currentCompany).toBe(state.currentCompany);
+    expect(context.runtimeDevice).toBe(state.runtimeDevice);
+    expect(context.products).toBe(state.products);
+    expect(context.inflowTotal).toBe(90);
+    expect(context.palette).toBe(state.brandColors);
+    expect(context.orderVisibility).toBe('company');
+    expect(context.deliveryEnabled).toBe(true);
+    expect(context.savingDeliverySettings).toBe(true);
+    expect(context.displayAutoPrintProduct).toBe(true);
+    expect(context.runtimeDebugInfoEnabled).toBe(true);
+    context.setOrderVisibility('device');
+    context.setDeliveryEnabled(false);
+    context.saveDeviceDeliverySettings({deviceDeliveryEnabled: false});
+    expect(setVisibility).toHaveBeenCalledWith('device');
+    expect(setDelivery).toHaveBeenCalledWith(false);
+    expect(saveDelivery).toHaveBeenCalledWith({deviceDeliveryEnabled: false});
+    expect(context.renderSwitchRow).toBe(renderSwitchRow);
+  });
+});

package/src/tests/react/pages/deviceDetailHookDependencies.test.mjs

@@ -0,0 +1,31 @@
+import assert from 'node:assert/strict';
+import {readFileSync} from 'node:fs';
+import test from 'node:test';
+
+const hookFiles = [
+  'useDeviceDetailActions.js',
+  'useDeviceDetailSaves.js',
+];
+
+for (const file of hookFiles) {
+  test(`${file} receives currentCompany from deps`, () => {
+    const source = readFileSync(
+      new URL(`../../../react/pages/Devices/detail/${file}`, import.meta.url),
+      'utf8',
+    );
+    const dependencies = source.match(
+      /export default function [^(]+\(deps\)[\s\S]*?const \{([\s\S]*?)\}\s*=\s*deps;/,
+    );
+
+    assert.ok(dependencies, `${file} dependency block not found`);
+    const block = dependencies[1];
+    const hits = block.match(/(?:^|,)\s*currentCompany\s*(?:,|$)/gm) || [];
+
+    assert.equal(
+      hits.length,
+      1,
+      `${file} must destructure currentCompany exactly once`,
+    );
+    assert.match(source, /currentCompany\?\.id/);
+  });
+}

package/src/tests/react/pages/deviceDetailLoaderDependencies.test.mjs

@@ -0,0 +1,28 @@
+import assert from 'node:assert/strict';
+import {readFileSync} from 'node:fs';
+import test from 'node:test';
+
+const loaderSource = readFileSync(
+  new URL(
+    '../../../react/pages/Devices/detail/useDeviceDetailLoaders.js',
+    import.meta.url,
+  ),
+  'utf8',
+);
+
+test('device detail loaders receive currentCompany from deps exactly once', () => {
+  const dependencies = loaderSource.match(
+    /export default function useDeviceDetailLoaders\(deps\)[\s\S]*?const \{([\s\S]*?)\}\s*=\s*deps;/,
+  );
+
+  assert.ok(dependencies, 'useDeviceDetailLoaders dependency block not found');
+  const block = dependencies[1];
+  const hits = block.match(/(?:^|,)\s*currentCompany\s*(?:,|$)/gm) || [];
+  assert.equal(
+    hits.length,
+    1,
+    `currentCompany must appear exactly once in deps destructure, found ${hits.length}`,
+  );
+  assert.match(loaderSource, /currentCompany\?\.id/);
+  assert.match(loaderSource, /filterDeviceConfigsByCompany\(items, currentCompany\?\.id\)/);
+});

package/src/tests/react/pages/receitaFederalIntegrationContract.test.mjs

@@ -6,16 +6,20 @@ const catalog = fs.readFileSync(new URL('../../../react/pages/integrationsCatalo
 const page = fs.readFileSync(new URL('../../../react/pages/IntegrationConfigPage.js', import.meta.url), 'utf8');
 const fields = fs.readFileSync(new URL('../../../react/pages/IntegrationConfigFields.js', import.meta.url), 'utf8');
 const utils = fs.readFileSync(new URL('../../../react/pages/IntegrationConfigPage.utils.js', import.meta.url), 'utf8');
+const fetchConfigs = fs.readFileSync(new URL('../../../react/pages/fetchPeopleConfigs.js', import.meta.url), 'utf8');
 
 test('Receita Federal catalog exposes company fiscal configuration', () => {
   assert.match(catalog, /key: 'receita-federal'/);
   assert.match(catalog, /label: 'Receita Federal'/);
   assert.match(catalog, /receita-federal-tax-regime/);
-  assert.match(catalog, /receita-federal-ibge-code/);
   assert.match(catalog, /receita-federal-certificate-file/);
   assert.match(catalog, /receita-federal-certificate-password/);
   assert.match(catalog, /secureTextEntry: true/);
   assert.match(catalog, /\.pfx,\.p12,application\/x-pkcs12/);
+  assert.match(catalog, /key: 'general'/);
+  assert.match(catalog, /key: 'cte'/);
+  assert.doesNotMatch(catalog, /key: 'receita-federal-ibge-code'/);
+  assert.doesNotMatch(catalog, /key: 'receita-federal-(nfe|nfce|nfse|cte)-last-number'/);
 });
 
 test('Receita Federal route resolves without relying only on route params', () => {
@@ -25,12 +29,29 @@ test('Receita Federal route resolves without relying only on route params', () =
 
 test('embedded fiscal configuration keeps reads and writes on the company being edited', () => {
   assert.match(utils, /route\?\.params\?\.companyId/);
+  assert.match(utils, /route\?\.params\?\.clientId/);
   assert.match(utils, /resolveProviderId/);
-  assert.match(utils, /resolveFallbackConfigs/);
-  assert.match(page, /resolveProviderId\(\{ route, currentCompany \}\)/);
-  assert.match(page, /api\.fetch\('\/configs', \{ params: \{ people: providerIri \} \}\)/);
-  assert.match(page, /addManyConfigs\(\{ configs, people: providerIri/);
-  assert.match(page, /syncConfigValues\(fallbackConfigs\)/);
+  assert.match(utils, /if \(embedded\) return ''/);
+  assert.doesNotMatch(utils, /resolveFallbackConfigs/);
+  assert.doesNotMatch(page, /fallbackConfigs/);
+  assert.match(page, /resolveProviderId\(\{ route, currentCompany, embedded \}\)/);
+  assert.match(page, /fetchPeopleConfigs/);
+  assert.match(page, /visibleFields/);
+  assert.match(page, /persistConfigs\(\{ configs, people: providerIri/);
+});
+
+test('fiscal tabs load all keys once; save only the current tab keys', () => {
+  assert.match(fetchConfigs, /configKey: keys/);
+  assert.match(fetchConfigs, /itemsPerPage: keys\.length/);
+  // Load all fiscal keys on mount/focus so tab switches do not re-fetch or toast.
+  assert.match(page, /allFieldKeys/);
+  assert.match(page, /needsMarketplaceIntegration/);
+  assert.match(page, /configKeys: keys/);
+  assert.match(page, /visibleFields\.map\(field => \(\{/);
+  assert.match(page, /Salvar \$\{activeTabDef\?\.label/);
+  assert.doesNotMatch(page, /itemsPerPage: 100/);
+  // Pure config (receita-federal) must not spam /marketplace/integrations on every tab.
+  assert.match(page, /needsMarketplaceIntegration = Boolean\(providerConfig\?\.oauthConnect\)/);
 });
 
 test('certificate picker remains scoped to the active company', () => {

package/src/tests/react/services/Cielo.test.js

@@ -50,7 +50,7 @@ const runtimeStores = merchantCode => ({
           }),
         },
       },
-      defaultCompany: {id: 99},
+      mainCompany: {id: 99},
     },
   },
   configs: {
@@ -89,7 +89,7 @@ describe('CieloService', () => {
       people: {
         getters: {
           currentCompany: {id: 21, configs: {}},
-          defaultCompany: {id: 99},
+          mainCompany: {id: 99},
         },
       },
       configs: {getters: {items: {}}},

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

@@ -0,0 +1,53 @@
+import {describe, expect, it} from '@jest/globals';
+import {
+  canAdministerCompany,
+  isSuperAdmin,
+} from '../../../react/utils/companyAuthority';
+
+describe('companyAuthority', () => {
+  it.each(['owner', 'manager'])(
+    'treats %s of the main company as superadmin',
+    permission => {
+      const mainCompany = {permissions: [permission]};
+
+      expect(isSuperAdmin({mainCompany})).toBe(true);
+      expect(
+        canAdministerCompany({company: {permissions: []}, mainCompany}),
+      ).toBe(true);
+    },
+  );
+
+  it.each(['owner', 'manager'])(
+    'treats %s of the current company as local admin',
+    permission => {
+      expect(
+        canAdministerCompany({
+          company: {permission: [permission]},
+          mainCompany: {permissions: []},
+        }),
+      ).toBe(true);
+    },
+  );
+
+  it.each(['director', 'employee'])(
+    'does not treat %s as administrative authority',
+    permission => {
+      expect(
+        canAdministerCompany({
+          company: {permission: [permission]},
+          mainCompany: {permissions: []},
+        }),
+      ).toBe(false);
+    },
+  );
+
+  it('honors the global ROLE_SUPER resolved by the API', () => {
+    expect(
+      canAdministerCompany({
+        company: {permissions: []},
+        mainCompany: {permissions: []},
+        user: {roles: ['ROLE_SUPER']},
+      }),
+    ).toBe(true);
+  });
+});

package/src/tests/react/utils/formatter.test.mjs

@@ -3,6 +3,12 @@ import test from 'node:test';
 
 import Formatter from '../../../utils/formatter.js';
 
+test('normalizes optional text values', () => {
+  assert.equal(Formatter.normalizeText('  iFood  '), 'iFood');
+  assert.equal(Formatter.normalizeText(null), '');
+  assert.equal(Formatter.normalizeText(undefined), '');
+});
+
 test('formats API datetimes using the numeric offset returned by the backend', () => {
   assert.equal(
     Formatter.formatDateYmdTodmY('2026-07-22T00:00:00-02:00'),

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

@@ -86,3 +86,75 @@ describe('paymentDevices local Cielo print support', () => {
     ).toBe(false)
   })
 })
+
+const {
+  buildWalletIdsForGateway,
+  selectPosWalletPaymentTypes,
+  walletPaymentTypeMatchesGateway,
+} = require('../../../react/utils/paymentDevices')
+
+describe('selectPosWalletPaymentTypes by gateway', () => {
+  const cieloDebit = {
+    id: 11,
+    wallet: {id: 10, wallet: 'Cielo'},
+    paymentType: {id: 5, paymentType: 'Debito'},
+  }
+  const infiniteDebit = {
+    id: 12,
+    wallet: {id: 20, wallet: 'Infinite Pay'},
+    paymentType: {id: 5, paymentType: 'Debito'},
+  }
+  const cash = {
+    id: 13,
+    wallet: {id: 30, wallet: 'Dinheiro'},
+    paymentType: {id: 1, paymentType: 'Dinheiro'},
+  }
+
+  it('builds wallet ids from discovered company configs', () => {
+    expect(
+      buildWalletIdsForGateway({
+        gateway: 'cielo',
+        companyConfigs: {
+          'pos-cielo-wallet': '/wallets/10',
+          'pos-cash-wallet': '/wallets/30',
+        },
+      }),
+    ).toEqual(['/wallets/10', '/wallets/30'])
+  })
+
+  it('keeps only Cielo and cash wallets for a Cielo POS', () => {
+    expect(
+      selectPosWalletPaymentTypes({
+        walletPaymentTypes: [cieloDebit, infiniteDebit, cash],
+        gateway: 'cielo',
+        companyConfigs: {
+          'pos-cielo-wallet': 10,
+          'pos-cash-wallet': 30,
+        },
+      }),
+    ).toEqual([cieloDebit, cash])
+  })
+
+  it('falls back to wallet name when discovery configs are still empty', () => {
+    expect(
+      selectPosWalletPaymentTypes({
+        walletPaymentTypes: [cieloDebit, infiniteDebit, cash],
+        gateway: 'cielo',
+        companyConfigs: {},
+      }),
+    ).toEqual([cieloDebit, cash])
+  })
+
+  it('does not mix Cielo types into another gateway', () => {
+    expect(
+      walletPaymentTypeMatchesGateway(cieloDebit, 'getnet'),
+    ).toBe(false)
+    expect(
+      selectPosWalletPaymentTypes({
+        walletPaymentTypes: [cieloDebit, infiniteDebit, cash],
+        gateway: 'infinite-pay',
+        companyConfigs: {},
+      }),
+    ).toEqual([infiniteDebit, cash])
+  })
+})

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

@@ -7,6 +7,7 @@ const {
   getRuntimeFooterPrimaryText,
   getRuntimeFooterRotationEntries,
   getRuntimeFooterStoredVersion,
+  getRuntimeFooterText,
   getRuntimeFooterTextLines,
   getRuntimeFooterWebIdentifierCandidates,
   getRuntimeFooterWebHost,
@@ -447,6 +448,40 @@ test('rotates each footer line before the runtime version entry', () => {
   )
 })
 
+test('isolates one footer line before the runtime version entry', () => {
+  const entries = getRuntimeFooterRotationEntries({
+    companyFooterText: 'Linha isolada do rodapé',
+    primaryText: 'Browser Manager 1.10.5',
+  })
+
+  assert.deepEqual(entries, ['Linha isolada do rodapé', 'Browser Manager 1.10.5'])
+  assert.equal(entries.some(entry => entry.includes(' • ')), false)
+})
+
+test('resolves configured footer text from company and device config shapes', () => {
+  assert.equal(
+    getRuntimeFooterText({
+      configs: {'device-runtime-footer-text': 'current company'},
+    }),
+    'current company',
+  )
+  assert.equal(
+    getRuntimeFooterText(
+      {configs: {}},
+      [{configKey: 'device-runtime-footer-text', value: 'device config'}],
+    ),
+    'device config',
+  )
+  assert.equal(
+    getRuntimeFooterText(
+      {configs: {}},
+      {'device-runtime-footer-text': '  line one  \n line two '},
+    ),
+    'line one\nline two',
+  )
+  assert.equal(getRuntimeFooterText({configs: {}}), '')
+})
+
 test('hides runtime device information on the customer paylist only', () => {
   assert.equal(shouldShowRuntimeFooter('PaylistPage'), false)
   assert.equal(shouldShowRuntimeFooter('LoginPage'), true)

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

@@ -0,0 +1,88 @@
+const assert = require('node:assert/strict')
+const {test} = require('node:test')
+
+const {
+  getRuntimeFooterRotationEntries,
+  getRuntimeFooterText,
+  getRuntimeFooterTextLines,
+} = require('../../../react/utils/runtimeFooterText')
+
+test('rotates a single footer line then primary without concatenating', () => {
+  const line = 'www.controleonline.com (11) 5555-5159'
+  const primaryText = 'web (203.0.113.42) / v1.3.6'
+  const entries = getRuntimeFooterRotationEntries({
+    companyFooterText: line,
+    primaryText,
+  })
+
+  assert.deepEqual(entries, [line, primaryText])
+  assert.equal(entries.some(entry => entry.includes(' • ')), false)
+})
+
+test('does not invent rotation entries when footer text is empty', () => {
+  assert.deepEqual(
+    getRuntimeFooterRotationEntries({
+      companyFooterText: '',
+      primaryText: 'PDV (229252771069b294) / v1.3.7',
+    }),
+    ['PDV (229252771069b294) / v1.3.7'],
+  )
+})
+
+test('keeps multi-line rotation plus primary', () => {
+  assert.deepEqual(
+    getRuntimeFooterRotationEntries({
+      companyFooterText: 'www.site.com\n(11) 99999-9999',
+      primaryText: 'web (203.0.113.42) / v1.3.6',
+    }),
+    ['www.site.com', '(11) 99999-9999', 'web (203.0.113.42) / v1.3.6'],
+  )
+})
+
+test('reads footer text from currentCompany map configs', () => {
+  assert.equal(
+    getRuntimeFooterText({
+      configs: {
+        'device-runtime-footer-text': 'Linha currentCompany',
+      },
+    }),
+    'Linha currentCompany',
+  )
+})
+
+test('falls back to extra configs when company has no footer text', () => {
+  assert.equal(
+    getRuntimeFooterText(
+      {configs: {}},
+      {
+        'device-runtime-footer-text': 'Linha mainCompany',
+      },
+    ),
+    'Linha mainCompany',
+  )
+})
+
+test('reads footer text from device_config array configs', () => {
+  assert.equal(
+    getRuntimeFooterText(null, [
+      {configKey: 'other', value: 'ignore'},
+      {configKey: 'device-runtime-footer-text', value: 'Linha device_config array'},
+    ]),
+    'Linha device_config array',
+  )
+})
+
+test('reads footer text from device_config map configs', () => {
+  assert.equal(
+    getRuntimeFooterText(undefined, {
+      'device-runtime-footer-text': {configValue: 'Linha device_config map'},
+    }),
+    'Linha device_config map',
+  )
+})
+
+test('returns empty string when footer text is absent', () => {
+  assert.equal(getRuntimeFooterText({configs: {foo: 'bar'}}), '')
+  assert.equal(getRuntimeFooterText(null, []), '')
+  assert.deepEqual(getRuntimeFooterTextLines(''), [])
+})

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

@@ -32,7 +32,7 @@ test('prefers the selected company language over cached config and session value
           code: 'en_US',
         },
       },
-      defaultCompany: {
+      mainCompany: {
         language: {
           code: 'pt_BR',
         },
@@ -51,7 +51,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', () => {
   assert.equal(
     resolveConfiguredLanguage({
-      defaultCompany: {
+      mainCompany: {
         configs: {
           language: 'de_DE',
         },
@@ -86,7 +86,7 @@ test('builds the translation bootstrap key only from language and company contex
     buildTranslationBootstrapKey({
       language: ' PT_BR ',
       currentCompanyId: 21,
-      defaultCompanyId: 1,
+      mainCompanyId: 1,
     }),
     'pt-br::21::1',
   )
@@ -94,7 +94,7 @@ test('builds the translation bootstrap key only from language and company contex
     buildTranslationBootstrapKey({
       language: 'pt-br',
       currentCompanyId: '',
-      defaultCompanyId: 1,
+      mainCompanyId: 1,
     }),
     '',
   )

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

@@ -30,9 +30,29 @@ test('builds compensated container dimensions for native scaled content', () =>
   assert.deepEqual(
     buildRuntimeZoomStyle(70),
     {
+      alignSelf: 'flex-start',
       height: '142.85714285714286%',
       transform: [{scale: 0.7}],
+      transformOrigin: 'top left',
       width: '142.85714285714286%',
     },
   )
 })
+
+test('uses viewport pixels on native so scale origin stays top-left without distortion', () => {
+  assert.deepEqual(
+    buildRuntimeZoomStyle(70, {viewport: {width: 360, height: 800}}),
+    {
+      alignSelf: 'flex-start',
+      height: 800 / 0.7,
+      transform: [{scale: 0.7}],
+      transformOrigin: 'top left',
+      width: 360 / 0.7,
+    },
+  )
+})
+
+test('does not apply style when zoom is 100 percent', () => {
+  assert.equal(buildRuntimeZoomStyle(100), null)
+  assert.equal(buildRuntimeZoomStyle(100, {isWeb: true}), null)
+})

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

@@ -52,12 +52,12 @@ describe('shopFranchises', () => {
       {
         id: 21,
         alias: 'Centro',
-        shopAddresses: [{id: 501, nickname: 'Loja Centro'}],
+        shopAddresses: [{id: 501, nickname: 'Loja Centro', latitude: null, longitude: null}],
       },
     ]);
   });
 
-  it('loads franchises from people_links on both company and people sides', async () => {
+  it('uses an authorized company-side link without duplicate fallback requests', async () => {
     api.fetch
       .mockResolvedValueOnce({
         member: [
@@ -79,18 +79,11 @@ describe('shopFranchises', () => {
 
     const directory = await fetchShopFranchiseDirectory({companyId: 10});
 
+    expect(api.fetch).toHaveBeenCalledTimes(1);
     expect(api.fetch).toHaveBeenCalledWith('people_links', {
       params: {
-        company: '/people/10',
-        linkType: 'franchisee',
-        itemsPerPage: 50,
-        page: 1,
-      },
-    });
-    expect(api.fetch).toHaveBeenCalledWith('people_links', {
-      params: {
-        people: '/people/10',
-        linkType: 'franchisee',
+        company: '10',
+        linkType: ['franchisee'],
         itemsPerPage: 50,
         page: 1,
       },
@@ -98,10 +91,36 @@ describe('shopFranchises', () => {
     expect(directory[0].id).toBe(22);
     expect(directory[0].alias).toBe('Norte');
     expect(directory[0].shopAddresses).toEqual([
-      {id: 601, nickname: 'Loja Norte'},
+      {id: 601, nickname: 'Loja Norte', latitude: null, longitude: null},
     ]);
   });
 
+  it('rejects unrelated or non-franchise links before loading addresses', async () => {
+    api.fetch.mockResolvedValueOnce({
+      member: [
+        {
+          id: 1,
+          linkType: 'franchisee',
+          company: {id: 999},
+          people: {id: 22, alias: 'Other tenant'},
+        },
+        {
+          id: 2,
+          linkType: 'supplier',
+          company: {id: 10},
+          people: {id: 23, alias: 'Wrong relation'},
+        },
+      ],
+    });
+    api.fetch.mockResolvedValueOnce({member: []});
+
+    const directory = await fetchAllShopFranchiseDirectory({companyId: 10});
+
+    expect(directory).toEqual([]);
+    expect(api.fetch).toHaveBeenCalledTimes(2);
+    expect(api.fetch).not.toHaveBeenCalledWith('addresses', expect.anything());
+  });
+
     it('loads every page when building the full franchise directory', async () => {
     // Dual-side people_links: company side page1 (full), page2 empty break;
     // people side empty.

package/src/tests/react/utils/translate.test.mjs

@@ -216,10 +216,10 @@ test('falls back past empty current-company values to the main company', () => {
   installLocalStorage();
   const translateStore = createPendingTranslateStore();
   const currentCompany = {id: 2};
-  const defaultCompany = {id: 1};
+  const mainCompany = {id: 1};
   const translate = new Translate(
-    [defaultCompany, currentCompany],
-    defaultCompany,
+    [mainCompany, currentCompany],
+    mainCompany,
     currentCompany,
     ['orders'],
     translateStore,
@@ -235,10 +235,10 @@ test('getResolveCompaniesToCache returns current and main companies', () => {
   installLocalStorage();
   const translateStore = createPendingTranslateStore();
   const currentCompany = {id: 2};
-  const defaultCompany = {id: 1};
+  const mainCompany = {id: 1};
   const translate = new Translate(
-    [defaultCompany, currentCompany],
-    defaultCompany,
+    [mainCompany, currentCompany],
+    mainCompany,
     currentCompany,
     ['orders'],
     translateStore,

package/src/utils/formatter.js

@@ -39,9 +39,13 @@ const MOJIBAKE_REPLACEMENTS = [
 ];
 
 export default class Formatter {
-
-  /* ================= UTIL ================= */
-
+
+  /* ================= UTIL ================= */
+
+  static normalizeText(value) {
+    return String(value || '').trim();
+  }
+
   static onlyNumbers(value) {
     return String(value || '').replace(/\D/g, '');
   }