@controleonline/ui-default 1.0.270 → 1.0.273

package/src/tests/react/services/smoke-637/index.html

@@ -0,0 +1,132 @@
+<!DOCTYPE html>
+<html lang="pt-BR">
+<head>
+  <meta charset="utf-8" />
+  <title>Smoke #637 — address-cep-hydrate</title>
+  <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />
+  <style>
+    body { font-family: system-ui, sans-serif; margin: 16px; background: #f6f7f9; }
+    h1 { font-size: 18px; }
+    label { display: block; font-size: 12px; color: #555; margin-top: 8px; }
+    input { width: 100%; max-width: 420px; padding: 8px; font-size: 14px; }
+    #map { height: 320px; width: 100%; max-width: 720px; margin-top: 12px; border: 1px solid #ccc; }
+    .row { display: flex; gap: 12px; flex-wrap: wrap; }
+    .col { flex: 1; min-width: 200px; }
+    #status { margin-top: 8px; font-size: 13px; }
+    .ok { color: #0a7; }
+    .err { color: #c00; }
+  </style>
+</head>
+<body>
+  <h1>DefaultAddress smoke — CEP hydrate (#637)</h1>
+  <p>fluxo: address-cep-hydrate · CEP 12941040 · pin ui-default lookupPostalCode</p>
+  <div class="row">
+    <div class="col">
+      <label>CEP</label>
+      <input id="address-cep-input" data-testid="address-cep-input" value="12941040" />
+      <label>Rua</label>
+      <input id="address-street-input" data-testid="address-street-input" />
+      <label>Bairro</label>
+      <input id="address-district-input" data-testid="address-district-input" />
+      <label>Cidade</label>
+      <input id="address-city-input" data-testid="address-city-input" />
+      <label>UF</label>
+      <input id="address-uf-input" data-testid="address-uf-input" />
+    </div>
+    <div class="col">
+      <label>Latitude</label>
+      <input id="address-latitude-input" data-testid="address-latitude-input" value="—" />
+      <label>Longitude</label>
+      <input id="address-longitude-input" data-testid="address-longitude-input" value="—" />
+      <label>Provider</label>
+      <input id="address-provider-input" />
+    </div>
+  </div>
+  <div id="status">aguardando lookup…</div>
+  <div id="map"></div>
+  <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
+  <script>
+    const TOKEN = '4a073f4bf39f4a2ed19818baf44c4b3d';
+    const API = 'https://api.controleonline.com';
+    const onlyDigits = v => String(v || '').replace(/\D+/g, '');
+    const hasText = v => String(v || '').trim().length > 0;
+    const isValidCoord = v => {
+      if (v === null || v === undefined || v === '' || v === '—') return false;
+      const n = Number(v);
+      return Number.isFinite(n) && Math.abs(n) > 0.000001;
+    };
+    function merge(base, extra, suffix) {
+      const next = { ...(base || {}) };
+      const fill = (k, val) => { if (!hasText(next[k]) && hasText(val)) next[k] = val; };
+      fill('street', extra.street);
+      fill('district', extra.district);
+      fill('city', extra.city);
+      fill('state', extra.state || extra.uf);
+      fill('uf', extra.uf || extra.state);
+      if (!isValidCoord(next.latitude) && isValidCoord(extra.latitude)) next.latitude = Number(extra.latitude);
+      if (!isValidCoord(next.longitude) && isValidCoord(extra.longitude)) next.longitude = Number(extra.longitude);
+      if (suffix) next.provider = next.provider ? next.provider + '+' + suffix : suffix;
+      return next;
+    }
+    async function lookupPostalCode(cep) {
+      const digits = onlyDigits(cep);
+      let payload = { cep: digits };
+      try {
+        const r = await fetch(API + '/postal-codes/' + digits, {
+          headers: {
+            accept: 'application/ld+json',
+            'api-token': TOKEN,
+            'app-domain': 'admin.controleonline.com',
+            device: 'web-7',
+            'device-type': 'ADMIN'
+          }
+        });
+        if (r.ok) {
+          const apiData = await r.json();
+          payload = { ...payload, ...apiData, cep: digits };
+        }
+      } catch (e) {}
+      if (!hasText(payload.street) || !hasText(payload.city)) {
+        const vr = await fetch('https://viacep.com.br/ws/' + digits + '/json/');
+        const json = await vr.json();
+        payload = merge(payload, {
+          street: json.logradouro, district: json.bairro, city: json.localidade, uf: json.uf, state: json.uf
+        }, 'viacep-client');
+      }
+      if (!isValidCoord(payload.latitude) || !isValidCoord(payload.longitude)) {
+        const q = encodeURIComponent([payload.street, payload.district, payload.city, payload.uf, 'Brasil'].filter(Boolean).join(', '));
+        const nr = await fetch('https://nominatim.openstreetmap.org/search?format=json&limit=1&q=' + q, {
+          headers: { 'Accept-Language': 'pt-BR' }
+        });
+        const arr = await nr.json();
+        if (arr[0]) payload = merge(payload, { latitude: arr[0].lat, longitude: arr[0].lon }, 'nominatim-client');
+      }
+      return payload;
+    }
+    const map = L.map('map').setView([0, 0], 2);
+    L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { attribution: '© OSM' }).addTo(map);
+    lookupPostalCode('12941040').then(p => {
+      document.getElementById('address-street-input').value = p.street || '';
+      document.getElementById('address-district-input').value = p.district || '';
+      document.getElementById('address-city-input').value = p.city || '';
+      document.getElementById('address-uf-input').value = p.uf || p.state || '';
+      document.getElementById('address-latitude-input').value = p.latitude;
+      document.getElementById('address-longitude-input').value = p.longitude;
+      document.getElementById('address-provider-input').value = p.provider || '';
+      const lat = Number(p.latitude), lon = Number(p.longitude);
+      map.setView([lat, lon], 16);
+      L.marker([lat, lon]).addTo(map);
+      const ok = p.city === 'Atibaia' && Math.abs(lat + 23.11) < 0.05;
+      const st = document.getElementById('status');
+      st.className = ok ? 'ok' : 'err';
+      st.textContent = ok
+        ? 'OK: rua=' + p.street + ' cidade=' + p.city + ' UF=' + (p.uf||p.state) + ' lat/lon preenchidos mapa Atibaia'
+        : 'FAIL payload=' + JSON.stringify(p);
+      window.__SMOKE637__ = p;
+    }).catch(e => {
+      document.getElementById('status').className = 'err';
+      document.getElementById('status').textContent = String(e);
+    });
+  </script>
+</body>
+</html>

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

@@ -5,6 +5,7 @@ const {
   TABLE_VISIBLE_COLUMNS_PREFERENCES_KEY,
   TABLE_VIEW_MODE_PREFERENCES_KEY,
   buildDefaultVisibleColumns,
+  canHideVisibleColumn,
   persistTableFiltersPreference,
   persistTableSortPreference,
   persistTableViewModePreference,
@@ -44,6 +45,7 @@ describe('tableVisibleColumnsPreferences', () => {
     { name: 'price', visible: false },
   ];
   const scope = {
+    companyKey: '42',
     storeKey: 'financialEntries',
     routeKey: 'receivables',
   };
@@ -70,21 +72,33 @@ describe('tableVisibleColumnsPreferences', () => {
         },
       }),
     ).toEqual({
-      id: false,
+      id: true,
       status: true,
       price: false,
     });
   });
 
-  it('builds the route and store preference scope', () => {
+  it('does not allow hiding the last remaining column', () => {
+    expect(
+      canHideVisibleColumn({
+        columns,
+        fieldName: 'status',
+        visibleColumns: {id: true, status: false, price: false},
+      }),
+    ).toBe(false);
+  });
+
+  it('builds the company, route and store preference scope', () => {
     global.location = {pathname: '/order-history-page'};
 
     expect(
       resolveDefaultTablePreferenceScope({
+        companyId: 42,
         route: {name: 'IgnoredRoute'},
         storeName: 'orders',
       }),
     ).toEqual({
+      companyKey: '42',
       routeKey: 'order-history-page',
       storeKey: 'orders',
     });
@@ -97,11 +111,13 @@ describe('tableVisibleColumnsPreferences', () => {
 
     expect(
       resolveDefaultTablePreferenceScope({
+        companyId: '99',
         preferenceKey: 'product_showcase_items',
         route: {name: 'ProductShowcasesPage'},
         storeName: 'product_showcase_items',
       }),
     ).toEqual({
+      companyKey: '99',
       routeKey: 'product_showcase_items',
       storeKey: 'product_showcase_items',
     });
@@ -129,15 +145,17 @@ describe('tableVisibleColumnsPreferences', () => {
     });
   });
 
-  it('reads and writes visible columns under default-table[store][route]', () => {
+  it('reads and writes visible columns under default-table[company][store][route]', () => {
     global.localStorage.setItem(
       DEFAULT_TABLE_PREFERENCES_STORAGE_KEY,
       JSON.stringify({
         theme: 'light',
-        financialEntries: {
-          receivables: {
-            [TABLE_VISIBLE_COLUMNS_PREFERENCES_KEY]: {
-              id: false,
+        '42': {
+          financialEntries: {
+            receivables: {
+              [TABLE_VISIBLE_COLUMNS_PREFERENCES_KEY]: {
+                id: false,
+              },
             },
           },
         },
@@ -149,6 +167,7 @@ describe('tableVisibleColumnsPreferences', () => {
     });
 
     persistVisibleColumnsPreference({
+      companyKey: '42',
       storeKey: 'financialEntries',
       routeKey: 'payables',
     }, {
@@ -162,29 +181,33 @@ describe('tableVisibleColumnsPreferences', () => {
       ),
     ).toEqual({
       theme: 'light',
-      financialEntries: {
-        receivables: {
-          [TABLE_VISIBLE_COLUMNS_PREFERENCES_KEY]: {
-            id: false,
+      '42': {
+        financialEntries: {
+          receivables: {
+            [TABLE_VISIBLE_COLUMNS_PREFERENCES_KEY]: {
+              id: false,
+            },
           },
-        },
-        payables: {
-          [TABLE_VISIBLE_COLUMNS_PREFERENCES_KEY]: {
-            id: true,
-            status: false,
+          payables: {
+            [TABLE_VISIBLE_COLUMNS_PREFERENCES_KEY]: {
+              id: true,
+              status: false,
+            },
           },
         },
       },
     });
   });
 
-  it('reads and writes view mode under default-table[store][route]', () => {
+  it('reads and writes view mode under default-table[company][store][route]', () => {
     global.localStorage.setItem(
       DEFAULT_TABLE_PREFERENCES_STORAGE_KEY,
       JSON.stringify({
-        financialEntries: {
-          payables: {
-            [TABLE_VIEW_MODE_PREFERENCES_KEY]: 'cards',
+        '42': {
+          financialEntries: {
+            payables: {
+              [TABLE_VIEW_MODE_PREFERENCES_KEY]: 'cards',
+            },
           },
         },
       }),
@@ -192,7 +215,7 @@ describe('tableVisibleColumnsPreferences', () => {
 
     expect(
       resolveStoredTableViewModePreference(
-        {storeKey: 'financialEntries', routeKey: 'payables'},
+        {companyKey: '42', storeKey: 'financialEntries', routeKey: 'payables'},
         'table',
       ),
     ).toBe('cards');
@@ -208,26 +231,30 @@ describe('tableVisibleColumnsPreferences', () => {
         global.localStorage.getItem(DEFAULT_TABLE_PREFERENCES_STORAGE_KEY),
       ),
     ).toEqual({
-      financialEntries: {
-        payables: {
-          [TABLE_VIEW_MODE_PREFERENCES_KEY]: 'cards',
-        },
-        receivables: {
-          [TABLE_VIEW_MODE_PREFERENCES_KEY]: 'table',
+      '42': {
+        financialEntries: {
+          payables: {
+            [TABLE_VIEW_MODE_PREFERENCES_KEY]: 'cards',
+          },
+          receivables: {
+            [TABLE_VIEW_MODE_PREFERENCES_KEY]: 'table',
+          },
         },
       },
     });
   });
 
-  it('reads and writes sort under default-table[store][route]', () => {
+  it('reads and writes sort under default-table[company][store][route]', () => {
     global.localStorage.setItem(
       DEFAULT_TABLE_PREFERENCES_STORAGE_KEY,
       JSON.stringify({
-        financialEntries: {
-          payables: {
-            [TABLE_SORT_PREFERENCES_KEY]: {
-              direction: 'asc',
-              field: 'price',
+        '42': {
+          financialEntries: {
+            payables: {
+              [TABLE_SORT_PREFERENCES_KEY]: {
+                direction: 'asc',
+                field: 'price',
+              },
             },
           },
         },
@@ -236,6 +263,7 @@ describe('tableVisibleColumnsPreferences', () => {
 
     expect(
       resolveStoredTableSortPreference({
+        companyKey: '42',
         storeKey: 'financialEntries',
         routeKey: 'payables',
       }),
@@ -256,24 +284,26 @@ describe('tableVisibleColumnsPreferences', () => {
         global.localStorage.getItem(DEFAULT_TABLE_PREFERENCES_STORAGE_KEY),
       ),
     ).toEqual({
-      financialEntries: {
-        payables: {
-          [TABLE_SORT_PREFERENCES_KEY]: {
-            direction: 'asc',
-            field: 'price',
+      '42': {
+        financialEntries: {
+          payables: {
+            [TABLE_SORT_PREFERENCES_KEY]: {
+              direction: 'asc',
+              field: 'price',
+            },
           },
-        },
-        receivables: {
-          [TABLE_SORT_PREFERENCES_KEY]: {
-            direction: 'desc',
-            field: 'dueDate',
+          receivables: {
+            [TABLE_SORT_PREFERENCES_KEY]: {
+              direction: 'desc',
+              field: 'dueDate',
+            },
           },
         },
       },
     });
   });
 
-  it('reads and writes filters under default-table[store][route]', () => {
+  it('reads and writes filters under default-table[company][store][route]', () => {
     persistTableFiltersPreference(scope, {
       search: '72813',
       status: 'paid',
@@ -289,14 +319,31 @@ describe('tableVisibleColumnsPreferences', () => {
         global.localStorage.getItem(DEFAULT_TABLE_PREFERENCES_STORAGE_KEY),
       ),
     ).toEqual({
-      financialEntries: {
-        receivables: {
-          [TABLE_FILTER_PREFERENCES_KEY]: {
-            search: '72813',
-            status: 'paid',
+      '42': {
+        financialEntries: {
+          receivables: {
+            [TABLE_FILTER_PREFERENCES_KEY]: {
+              search: '72813',
+              status: 'paid',
+            },
           },
         },
       },
     });
   });
+
+  it('ignores scopes without a company key', () => {
+    persistTableFiltersPreference(
+      {storeKey: 'orders', routeKey: 'order-history-page'},
+      {app: 'POS'},
+    );
+
+    expect(global.localStorage.getItem(DEFAULT_TABLE_PREFERENCES_STORAGE_KEY)).toBeNull();
+    expect(
+      resolveStoredTableFiltersPreference({
+        storeKey: 'orders',
+        routeKey: 'order-history-page',
+      }),
+    ).toBeNull();
+  });
 });