@controleonline/ui-common 1.2.99 → 1.2.100

package/docs/homepage-1056.md

@@ -0,0 +1,12 @@
+# Homepage ADMIN/MANAGER — app-community#1056
+
+Soft appearance is opt-in for HomePage only. Existing menu routes/parameters, permissions, stores and translations are preserved. App-provided homepage colors and components are used only in this appearance. Default consumers retain their current behavior.
+
+Source: https://github.com/ControleOnline/app-community/issues/1056
+Local evidence: 40 homepage tests and 34 runtime footer/zoom tests passed. No production authorization.
+
+## Web login translation bootstrap
+
+Keep the navigation tree mounted while translations initialize. Hide the shell and disable pointer/accessibility interaction until the existing translation readiness contract succeeds. Unmounting navigation during login resets its route and repeatedly mounts/registers the bottom bar, causing React maximum update depth. No route, permission, translation source, theme or zoom changes. Native behavior is unchanged.
+
+Regression evidence: app-community homepage bootstrapNavigation.test.js reproduced maximum update depth before the fix, then passed after it. 44 tests across 9 homepage suites passed. Runtime Dev reproduced the unfixed bug; new runtime verification is required after consuming ui-common 1.2.95.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@controleonline/ui-common",
-  "version": "1.2.99",
+  "version": "1.2.100",
   "author": "ControleOnline",
   "description": "ControleOnline Common Quasar UI Component",
   "license": "MIT",

package/src/react/pages/IntegrationConfigPage.js

@@ -14,6 +14,7 @@ import { fetchPeopleConfigs } from './fetchPeopleConfigs';
 import IntegrationConfigFields from './IntegrationConfigFields';
 import {
   ROUTE_PROVIDER_MAP,
+  expandBundledConfig,
   extractAuthorizationUrl,
   formatApiError,
   formatUberOAuthError,
@@ -112,6 +113,8 @@ export default function IntegrationConfigPage({ route, embedded = false, fiscalT
   const allFieldKeysSig = useMemo(() => allFieldKeys.join('|'), [allFieldKeys]);
   // Pure config providers (e.g. receita-federal) do not use marketplace/integrations.
   const needsMarketplaceIntegration = Boolean(providerConfig?.oauthConnect);
+  const bundleKey = normalizeTextValue(providerConfig?.bundleKey);
+  const configVisibility = normalizeTextValue(providerConfig?.visibility) || 'public';
 
   useEffect(() => {
     setConfigValues({});
@@ -135,14 +138,28 @@ export default function IntegrationConfigPage({ route, embedded = false, fiscalT
     }
     if (showLoading) setLoading(true);
     try {
-      const keys = allFieldKeys.length
-        ? allFieldKeys
-        : visibleFields.map(field => field.key).filter(Boolean);
-
-      if (keys.length) {
-        const configItems = await fetchPeopleConfigs({ peopleIri: providerIri, configKeys: keys });
+      if (bundleKey) {
+        const configItems = await fetchPeopleConfigs({
+          peopleIri: providerIri,
+          configKeys: [bundleKey],
+        });
+        const bundled = configItems.find(
+          item => String(item?.configKey || '').trim() === bundleKey,
+        );
         const mergeFields = allConfigFields.length ? allConfigFields : visibleFields;
-        setConfigValues(current => mergeTabValues(mergeFields, configItems, current));
+        setConfigValues(current =>
+          expandBundledConfig(mergeFields, bundled?.configValue, current),
+        );
+      } else {
+        const keys = allFieldKeys.length
+          ? allFieldKeys
+          : visibleFields.map(field => field.key).filter(Boolean);
+
+        if (keys.length) {
+          const configItems = await fetchPeopleConfigs({ peopleIri: providerIri, configKeys: keys });
+          const mergeFields = allConfigFields.length ? allConfigFields : visibleFields;
+          setConfigValues(current => mergeTabValues(mergeFields, configItems, current));
+        }
       }
 
       if (needsMarketplaceIntegration) {
@@ -170,6 +187,7 @@ export default function IntegrationConfigPage({ route, embedded = false, fiscalT
     allConfigFields,
     allFieldKeys,
     allFieldKeysSig,
+    bundleKey,
     needsMarketplaceIntegration,
     providerConfig,
     providerIri,
@@ -246,16 +264,44 @@ export default function IntegrationConfigPage({ route, embedded = false, fiscalT
       showError('Nao foi possivel identificar a integracao selecionada.');
       return;
     }
-    const configs = visibleFields.map(field => ({
-      configKey: field.key,
-      configValue: toConfigRequestValue(normalizeTextValue(configValues[field.key])),
-    }));
+
+    let configs;
+    if (bundleKey) {
+      const payloadObject = {};
+      (visibleFields || []).forEach(field => {
+        payloadObject[field.key] = normalizeTextValue(configValues[field.key]);
+      });
+      configs = [
+        {
+          configKey: bundleKey,
+          configValue: toConfigRequestValue(payloadObject),
+        },
+      ];
+    } else {
+      configs = visibleFields.map(field => ({
+        configKey: field.key,
+        configValue: toConfigRequestValue(normalizeTextValue(configValues[field.key])),
+      }));
+    }
+
     try {
-      await persistConfigs({ configs, people: providerIri, module: 4, visibility: 'public' });
+      await persistConfigs({ configs, people: providerIri, module: 4, visibility: configVisibility });
       showSuccess(`${activeTabDef?.label || providerConfig.label} salvo com sucesso.`);
       await loadPageData({ showLoading: false });
     } catch (error) { showError(error?.message || 'Nao foi possivel salvar a integracao.'); }
-  }, [activeTabDef, configValues, loadPageData, persistConfigs, providerConfig, providerIri, showError, showSuccess, visibleFields]);
+  }, [
+    activeTabDef,
+    bundleKey,
+    configValues,
+    configVisibility,
+    loadPageData,
+    persistConfigs,
+    providerConfig,
+    providerIri,
+    showError,
+    showSuccess,
+    visibleFields,
+  ]);
 
   if (!providerConfig) return <CenterState icon="alert-triangle" iconColor="#e67e22" title="Integracao indisponivel" text="A tela solicitada nao possui configuracao cadastrada." />;
   if (!providerId) return <CenterState icon="building" iconColor="#94A3B8" title="Empresa nao identificada" text="Abra a ficha da empresa para gravar as configuracoes fiscais nela." />;

package/src/react/pages/IntegrationConfigPage.utils.js

@@ -5,6 +5,7 @@ export const ROUTE_PROVIDER_MAP = {
   AsaasIntegrationPage: 'asaas',
   ClickSignIntegrationPage: 'clicksign',
   ReceitaFederalIntegrationPage: 'receita-federal',
+  SemPararIntegrationPage: 'sem-parar',
 };
 
 export const routeNameToPath = routeName =>
@@ -53,6 +54,22 @@ export const mergeTabValues = (fields, source, current = {}) => {
   return next;
 };
 
+/** Expand a single JSON config (bundleKey) into flat field values. */
+export const expandBundledConfig = (fields, rawValue, current = {}) => {
+  let parsed = rawValue;
+  if (typeof rawValue === 'string') {
+    try {
+      parsed = JSON.parse(rawValue);
+    } catch {
+      parsed = {};
+    }
+  }
+  if (!parsed || typeof parsed !== 'object' || Array.isArray(parsed)) {
+    parsed = {};
+  }
+  return mergeTabValues(fields, parsed, current);
+};
+
 export const buildFieldValues = (providerConfig, source) =>
   mergeTabValues(getConfigFields(providerConfig), source, {});
 

package/src/react/pages/integrationsCatalog.js

@@ -70,6 +70,16 @@ export const INTEGRATION_LIST = [
     accent: '#166534',
     icon: 'file-text',
   },
+  {
+    key: 'sem-parar',
+    label: 'Sem Parar',
+    route: 'IntegrationConfigPage',
+    routeParams: {
+      providerKey: 'sem-parar',
+    },
+    accent: '#0EA5E9',
+    icon: 'truck',
+  },
 ];
 
 export const INTEGRATION_CONFIGS = {
@@ -257,6 +267,67 @@ export const INTEGRATION_CONFIGS = {
     ],
     fields: [],
   },
+
+  'sem-parar': {
+    key: 'sem-parar',
+    label: 'Sem Parar',
+    accent: '#0EA5E9',
+    icon: 'truck',
+    description:
+      'Credenciais da empresa para emissao de vale-pedagio via Sem Parar.',
+    saveLabel: 'Salvar Sem Parar',
+    // Backend (api-platform-integration SemPararConfig) reads a single private JSON key.
+    bundleKey: 'SEM_PARAR',
+    visibility: 'private',
+    requiredKeys: ['ENABLED', 'CLIENT_ID', 'CLIENT_SECRET', 'USERNAME', 'PASSWORD'],
+    fields: [
+      {
+        key: 'ENABLED',
+        label: 'Ativo',
+        type: 'select',
+        options: [
+          {value: '1', label: 'Sim'},
+          {value: '0', label: 'Nao'},
+        ],
+      },
+      {
+        key: 'ENVIRONMENT',
+        label: 'Ambiente',
+        type: 'select',
+        options: [
+          {value: 'sandbox', label: 'Sandbox'},
+          {value: 'production', label: 'Producao'},
+        ],
+      },
+      {
+        key: 'CLIENT_ID',
+        label: 'Client ID',
+        placeholder: 'Client ID Sem Parar',
+      },
+      {
+        key: 'CLIENT_SECRET',
+        label: 'Client secret',
+        placeholder: 'Client secret Sem Parar',
+        secureTextEntry: true,
+      },
+      {
+        key: 'USERNAME',
+        label: 'Usuario',
+        placeholder: 'Usuario da API',
+      },
+      {
+        key: 'PASSWORD',
+        label: 'Senha',
+        placeholder: 'Senha da API',
+        secureTextEntry: true,
+      },
+      {
+        key: 'CONVENIADO',
+        label: 'Conveniado',
+        placeholder: 'Codigo do conveniado (se aplicavel)',
+      },
+    ],
+  },
 };
 
 export const getIntegrationListItem = key =>

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

@@ -30,17 +30,17 @@ const setLocation = value => {
   Object.defineProperty(globalThis, 'location', {
     configurable: true,
     enumerable: true,
-    writable: true,
-    value,
-  })
-}
-
-const restoreLocation = () => {
-  if (originalLocationDescriptor) {
-    Object.defineProperty(globalThis, 'location', originalLocationDescriptor)
-    return
-  }
-
+    writable: true,
+    value,
+  })
+}
+
+const restoreLocation = () => {
+  if (originalLocationDescriptor) {
+    Object.defineProperty(globalThis, 'location', originalLocationDescriptor)
+    return
+  }
+
   delete globalThis.location
 }
 
@@ -59,101 +59,101 @@ after(() => {
 
 test('prefers the persisted public ip for web runtime devices', () => {
   setLocation({hostname: '10.0.0.15'})
-
-  try {
-    assert.equal(
-      getRuntimeFooterPrimaryText({
-        device: {
-          alias: 'app',
-          appVersion: '1.3.6',
-          deviceType: 'web',
-          id: 'web-12',
-          externalIp: '198.51.100.21',
-          metadata: {
-            network: {
-              publicIp: '198.51.100.21',
-            },
-          },
-        },
-        appVersion: '1.3.6',
-        deviceConfig: {
-          device: {
-            metadata: {
-              network: {
-                publicIp: '203.0.113.42',
-              },
-            },
-          },
-          configs: {
-            'config-version': '1.3.5',
-          },
-        },
-      }),
-      'web (203.0.113.42) / v1.3.6',
-    )
-
-    const debugInfo = getRuntimeFooterDebugInfo({
-      device: {
-        alias: 'app',
-        appVersion: '1.3.6',
-        deviceType: 'web',
-        id: 'web-12',
-        externalIp: '198.51.100.21',
-        metadata: {
-          network: {
-            publicIp: '198.51.100.21',
-          },
-        },
-      },
-      appVersion: '1.3.6',
-      deviceConfig: {
-        device: {
-          metadata: {
-            network: {
-              publicIp: '203.0.113.42',
-            },
-          },
-        },
-        configs: {
-          'config-version': '1.3.5',
-        },
-      },
-    })
-
-    assert.equal(debugInfo.runtimeDetailSource, 'device_config.device.metadata.network.publicIp')
-    assert.equal(debugInfo.rawValues.storedDeviceMetadataPublicIp, '203.0.113.42')
-    assert.equal(debugInfo.rawValues.deviceMetadataPublicIp, '198.51.100.21')
-  } finally {
-    restoreLocation()
-  }
-})
-
-test('normalizes localhost to the loopback address on web', () => {
-  setLocation({hostname: 'localhost'})
-
-  try {
-    assert.equal(getRuntimeFooterWebHost(), '127.0.0.1')
-  } finally {
-    restoreLocation()
-  }
-})
-
+
+  try {
+    assert.equal(
+      getRuntimeFooterPrimaryText({
+        device: {
+          alias: 'app',
+          appVersion: '1.3.6',
+          deviceType: 'web',
+          id: 'web-12',
+          externalIp: '198.51.100.21',
+          metadata: {
+            network: {
+              publicIp: '198.51.100.21',
+            },
+          },
+        },
+        appVersion: '1.3.6',
+        deviceConfig: {
+          device: {
+            metadata: {
+              network: {
+                publicIp: '203.0.113.42',
+              },
+            },
+          },
+          configs: {
+            'config-version': '1.3.5',
+          },
+        },
+      }),
+      'web (203.0.113.42) / v1.3.6',
+    )
+
+    const debugInfo = getRuntimeFooterDebugInfo({
+      device: {
+        alias: 'app',
+        appVersion: '1.3.6',
+        deviceType: 'web',
+        id: 'web-12',
+        externalIp: '198.51.100.21',
+        metadata: {
+          network: {
+            publicIp: '198.51.100.21',
+          },
+        },
+      },
+      appVersion: '1.3.6',
+      deviceConfig: {
+        device: {
+          metadata: {
+            network: {
+              publicIp: '203.0.113.42',
+            },
+          },
+        },
+        configs: {
+          'config-version': '1.3.5',
+        },
+      },
+    })
+
+    assert.equal(debugInfo.runtimeDetailSource, 'device_config.device.metadata.network.publicIp')
+    assert.equal(debugInfo.rawValues.storedDeviceMetadataPublicIp, '203.0.113.42')
+    assert.equal(debugInfo.rawValues.deviceMetadataPublicIp, '198.51.100.21')
+  } finally {
+    restoreLocation()
+  }
+})
+
+test('normalizes localhost to the loopback address on web', () => {
+  setLocation({hostname: 'localhost'})
+
+  try {
+    assert.equal(getRuntimeFooterWebHost(), '127.0.0.1')
+  } finally {
+    restoreLocation()
+  }
+})
+
 test('falls back to the browser hostname for web when no persisted public ip exists', () => {
   setLocation({hostname: 'localhost'})
-
-  try {
-    const candidates = getRuntimeFooterWebIdentifierCandidates({
-      device: {
-        deviceType: 'web',
-        id: 'web-12',
-      },
-      deviceConfig: {},
-    })
-
-    assert.equal(candidates[0]?.value, '127.0.0.1')
-    assert.equal(candidates[0]?.source, 'location.hostname')
-  } finally {
-    restoreLocation()
+
+  try {
+    const candidates = getRuntimeFooterWebIdentifierCandidates({
+      device: {
+        deviceType: 'web',
+        id: 'web-12',
+      },
+      deviceConfig: {},
+    })
+
+    assert.equal(candidates[0]?.value, '127.0.0.1')
+    assert.equal(candidates[0]?.source, 'location.hostname')
+  } finally {
+    restoreLocation()
   }
 })
 
@@ -191,91 +191,91 @@ test('recognizes backend web devices by their persisted runtime metadata or devi
 
 test('reads the persisted config-version for non-web runtimes', () => {
   assert.equal(
-    getRuntimeFooterStoredVersion({
-      configs: JSON.stringify({
-        'config-version': '1.3.5',
-      }),
-    }),
-    'v1.3.5',
-  )
-
-  assert.equal(
-    getRuntimeFooterPrimaryText({
-      device: {
-        alias: 'PDV',
-        appVersion: '1.3.7',
-        deviceType: 'android',
-        id: 'native-12',
-      },
-      appVersion: '1.3.6',
-      deviceConfig: {
-        device: {
-          device: '229252771069b294',
-        },
-        configs: {
-          'config-version': '1.3.5',
-        },
-      },
-    }),
-    'PDV (229252771069b294) / v1.3.7',
-  )
-})
-
+    getRuntimeFooterStoredVersion({
+      configs: JSON.stringify({
+        'config-version': '1.3.5',
+      }),
+    }),
+    'v1.3.5',
+  )
+
+  assert.equal(
+    getRuntimeFooterPrimaryText({
+      device: {
+        alias: 'PDV',
+        appVersion: '1.3.7',
+        deviceType: 'android',
+        id: 'native-12',
+      },
+      appVersion: '1.3.6',
+      deviceConfig: {
+        device: {
+          device: '229252771069b294',
+        },
+        configs: {
+          'config-version': '1.3.5',
+        },
+      },
+    }),
+    'PDV (229252771069b294) / v1.3.7',
+  )
+})
+
 test('prefers the backend device identifier used by the devices page', () => {
   assert.equal(
     getRuntimeFooterPrimaryText({
       device: {
         alias: 'PDV',
-        appVersion: '1.3.7',
-        deviceType: 'android',
-        id: 'd41ac8afb9f178eb',
-      },
-      appVersion: '1.3.6',
-      deviceConfig: {
-        device: {
-          device: '229252771069b294',
-          metadata: {
-            app: {
-              version: '1.3.7',
-            },
-          },
-        },
-        configs: {
-          'config-version': '1.3.7',
-        },
-      },
-    }),
-    'PDV (229252771069b294) / v1.3.7',
-  )
-
-  const debugInfo = getRuntimeFooterDebugInfo({
-    device: {
-      alias: 'PDV',
-      appVersion: '1.3.7',
-      deviceType: 'android',
-      id: 'd41ac8afb9f178eb',
-    },
-    appVersion: '1.3.6',
-    deviceConfig: {
-      device: {
-        device: '229252771069b294',
-        metadata: {
-          app: {
-            version: '1.3.7',
-          },
-        },
-      },
-      configs: {
-        'config-version': '1.3.7',
-      },
-    },
-  })
-
-  assert.equal(debugInfo.versionLabel, 'v1.3.7')
-  assert.equal(debugInfo.displayName, 'PDV (229252771069b294)')
-  assert.equal(debugInfo.runtimeDetail, '229252771069b294')
-  assert.equal(debugInfo.runtimeDetailSource, 'device_config.device.device')
-  assert.equal(debugInfo.versionCandidates[0]?.source, 'device_config.device.metadata.app.version')
+        appVersion: '1.3.7',
+        deviceType: 'android',
+        id: 'd41ac8afb9f178eb',
+      },
+      appVersion: '1.3.6',
+      deviceConfig: {
+        device: {
+          device: '229252771069b294',
+          metadata: {
+            app: {
+              version: '1.3.7',
+            },
+          },
+        },
+        configs: {
+          'config-version': '1.3.7',
+        },
+      },
+    }),
+    'PDV (229252771069b294) / v1.3.7',
+  )
+
+  const debugInfo = getRuntimeFooterDebugInfo({
+    device: {
+      alias: 'PDV',
+      appVersion: '1.3.7',
+      deviceType: 'android',
+      id: 'd41ac8afb9f178eb',
+    },
+    appVersion: '1.3.6',
+    deviceConfig: {
+      device: {
+        device: '229252771069b294',
+        metadata: {
+          app: {
+            version: '1.3.7',
+          },
+        },
+      },
+      configs: {
+        'config-version': '1.3.7',
+      },
+    },
+  })
+
+  assert.equal(debugInfo.versionLabel, 'v1.3.7')
+  assert.equal(debugInfo.displayName, 'PDV (229252771069b294)')
+  assert.equal(debugInfo.runtimeDetail, '229252771069b294')
+  assert.equal(debugInfo.runtimeDetailSource, 'device_config.device.device')
+  assert.equal(debugInfo.versionCandidates[0]?.source, 'device_config.device.metadata.app.version')
   assert.equal(debugInfo.rawValues.deviceId, 'd41ac8afb9f178eb')
   assert.equal(debugInfo.rawValues.storedDeviceIdentifier, '229252771069b294')
 })
@@ -417,11 +417,11 @@ test('falls back to the local device id when the backend identifier is unavailab
   const candidates = getRuntimeFooterNativeIdentifierCandidates({
     device: {
       id: 'local-device-99',
-    },
-    deviceConfig: {
-      device: {},
-    },
-  })
+    },
+    deviceConfig: {
+      device: {},
+    },
+  })
 
   assert.equal(candidates[0]?.value, 'local-device-99')
   assert.equal(candidates[0]?.source, 'device.id')

package/src/utils/integrationConfigs.js

@@ -1,6 +1,7 @@
 export const CIELO_CONFIG_KEY = 'CIELO';
 export const NEW_RELIC_CONFIG_KEY = 'NEW_RELIC';
 export const SPOTIFY_CONFIG_KEY = 'SPOTIFY';
+export const SEM_PARAR_CONFIG_KEY = 'SEM_PARAR';
 
 export const DEFAULT_CIELO_CONFIG = {
   ACCESS_TOKEN: '',
@@ -23,6 +24,21 @@ export const DEFAULT_SPOTIFY_CONFIG = {
   CLIENT_SECRET: '',
 };
 
+/**
+ * Company-scoped Sem Parar credentials for vale-pedágio emission.
+ * ENABLED: "1" | "0"
+ * ENVIRONMENT: "sandbox" | "production"
+ */
+export const DEFAULT_SEM_PARAR_CONFIG = {
+  ENABLED: '0',
+  CLIENT_ID: '',
+  CLIENT_SECRET: '',
+  USERNAME: '',
+  PASSWORD: '',
+  ENVIRONMENT: 'sandbox',
+  CONVENIADO: '',
+};
+
 const isConfigMap = value =>
   value && typeof value === 'object' && !Array.isArray(value);
 
@@ -78,3 +94,10 @@ export const resolveSpotifyConfig = configs =>
     SPOTIFY_CONFIG_KEY,
     DEFAULT_SPOTIFY_CONFIG,
   );
+
+export const resolveSemPararConfig = configs =>
+  resolveIntegrationConfig(
+    configs,
+    SEM_PARAR_CONFIG_KEY,
+    DEFAULT_SEM_PARAR_CONFIG,
+  );