@controleonline/ui-common 1.2.86 → 1.2.88

package/src/react/pages/Devices/detail/useDeviceDetailSaves.js

@@ -1,44 +1,17 @@
-import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { useNavigation, useRoute } from '@react-navigation/native';
-import { useStore } from '@store';
-import { useMessage } from '@controleonline/ui-common/src/react/components/MessageService';
-import { resolveThemePalette } from '@controleonline/../../src/styles/branding';
-import { colors } from '@controleonline/../../src/styles/colors';
-import packageJson from '@package';
-import {
-  canDisplayChangePrinter, DEVICE_ANDROID_KIOSK_ENABLED_CONFIG_KEY, DEVICE_ANDROID_LAUNCHER_ENABLED_CONFIG_KEY,
-  DISPLAY_AUTO_PRINT_PRODUCT_CONFIG_KEY, DISPLAY_ALLOW_PRINTER_CHANGE_CONFIG_KEY, DEVICE_ALERT_SOUND_ENABLED_KEY,
-  DEVICE_ALERT_SOUND_URL_KEY, DEVICE_ORDER_VISIBILITY_COMPANY, DEVICE_ORDER_VISIBILITY_DEVICE, DEVICE_ORDER_VISIBILITY_KEY,
-  DEVICE_RUNTIME_DEBUG_INFO_ENABLED_KEY, isPosAutoPrintEnabled, isPosCashRegisterOpen, isTruthyValue, parseConfigsObject,
-  POS_AUTO_PRINT_ENABLED_CONFIG_KEY, POS_CASH_MANAGEMENT_MODE_CASH_REGISTER, POS_CASH_MANAGEMENT_MODE_CONFIG_KEY,
-  POS_CASH_MANAGEMENT_MODE_DAILY, POS_CHECK_ORDER_MANAGEMENT_MODE_CONFIG_KEY, POS_CHECK_ORDER_MANAGEMENT_MODE_EXISTING_ONLY,
-  POS_CHECK_ORDER_MANAGEMENT_MODE_MANAGE, POS_CHECK_ORDER_TYPE_CONFIG_KEY, POS_CHECK_ORDER_TYPE_NONE, POS_CHECK_ORDER_TYPE_TAB,
-  POS_CHECK_ORDER_TYPE_TABLE, POS_CHECK_ORDER_TYPE_STAMP, POS_DELIVERY_ENABLED_CONFIG_KEY, POS_OPERATION_MODE_COUNTER,
-  POS_OPERATION_MODE_CONFIG_KEY, POS_OPERATION_MODE_OPTIONS, POS_PRODUCT_SHOWCASE_CONFIG_KEY, POS_PRINT_MODE_FORM,
-  POS_PRINT_MODE_ORDER, getPosOperationModeOption, isAndroidKioskEnabled, isAndroidLauncherEnabled, isPosDeliveryEnabled,
-  resolvePosCheckOrderManagementMode, resolvePosCheckOrderType, resolvePosCheckOrderTypeForShop, resolveDeviceOrderVisibility,
-  resolvePosCashManagementMode, resolvePosOperationMode, resolvePosPrintMode,
-} from '@controleonline/ui-common/src/react/config/deviceConfigBootstrap';
-import {
-  filterDeviceConfigsByCompany, getCompanyPaymentDeviceOptions, getPaymentGatewayFromConfigs, getPaymentGatewayLabel,
-  isPaymentCapableDeviceConfig, isPdvPrinterEnabled, normalizeDeviceId, normalizeEntityId, PAYMENT_TYPE_IDS_CONFIG_KEY,
-  PAYMENT_GATEWAY_CIELO, PDV_PRINTER_ENABLED_CONFIG_KEY, ORDER_PAYMENT_DEVICE_CONFIG_KEY, POS_GATEWAY_CONFIG_KEY,
-} from '@controleonline/ui-common/src/react/utils/paymentDevices';
-import { normalizeBooleanConfig, SHOP_LOYALTY_COUPONS_ENABLED_CONFIG_KEY } from '@controleonline/ui-common/src/react/utils/shopConfig';
-import { getPrinterOptionValue, getDeviceTypeLabel, getPrinterLabel, getPrinterOptions } from '@controleonline/ui-common/src/react/utils/printerDevices';
-import { hex, DISPLAY_DEVICE_TYPE, PDV_DEVICE_TYPE, DISPLAY_DEVICE_LINK_CONFIG_KEY, DISPLAY_DEVICE_PRINTER_CONFIG_KEY,
-  PDV_TAB_OPERATION, PDV_TAB_ORDERS, PDV_TAB_DEVICE, PDV_TAB_PAYMENT_TYPES, PDV_TAB_MOVEMENT, PDV_DETAIL_TABS, tt,
-} from './deviceDetailConstants';
-import { paymentIcon, formatApiError, getDisplayLabel, getProductShowcaseLabel, getIsOpen, confirm } from './deviceDetailHelpers';
-import { api } from '@controleonline/ui-common/src/api';
-import { buildDeviceAliasStoreUpdates } from '@controleonline/ui-common/src/react/utils/deviceAliasSync';
-import { createDeviceDetailRenderers } from './DeviceDetailRenderers';
-import { Alert, Platform } from 'react-native';
+import { useCallback, useMemo } from 'react';
+
+import { DEVICE_ANDROID_LAUNCHER_ENABLED_CONFIG_KEY, DISPLAY_AUTO_PRINT_PRODUCT_CONFIG_KEY, DISPLAY_ALLOW_PRINTER_CHANGE_CONFIG_KEY, DEVICE_ALERT_SOUND_ENABLED_KEY, DEVICE_ALERT_SOUND_URL_KEY, DEVICE_ORDER_VISIBILITY_DEVICE, DEVICE_ORDER_VISIBILITY_KEY, DEVICE_RUNTIME_DEBUG_INFO_ENABLED_KEY, POS_DELIVERY_ENABLED_CONFIG_KEY } from '@controleonline/ui-common/src/react/config/deviceConfigBootstrap';
+import { normalizeDeviceId, PAYMENT_GATEWAY_CIELO } from '@controleonline/ui-common/src/react/utils/paymentDevices';
 
+import { hex, DISPLAY_DEVICE_LINK_CONFIG_KEY, DISPLAY_DEVICE_PRINTER_CONFIG_KEY, PDV_TAB_OPERATION, PDV_TAB_ORDERS, PDV_TAB_DEVICE, PDV_TAB_PAYMENT_TYPES, PDV_TAB_MOVEMENT } from './deviceDetailConstants';
+import { confirm } from './deviceDetailHelpers';
+
+import { createDeviceDetailRenderers } from './DeviceDetailRenderers';
 
 export default function useDeviceDetailSaves(deps) {
   const {
-    navigation, deviceId, deviceConfigStore, messageApi, websocketActions, runtimeCompanyConfigs, showSystemError, loyaltyCouponsEnabled, currentDevice, currentDeviceConfig, deviceString, deviceType,
+    themeColors,
+    navigation, deviceId, deviceConfigStore, messageApi, websocketActions, runtimeCompanyConfigs, showSystemError, loyaltyCouponsEnabled, currentCompany, currentDevice, currentDeviceConfig, deviceString, deviceType,
     normalizedInitialConfigs, initialAlias, isDisplayDevice, isPdvDevice, actionsRef, stampAutoDisableSignatureRef, brandColors, products, setProducts, productShowcases, setProductShowcases, companyDeviceConfigs,
     setCompanyDeviceConfigs, inflowData, setInflowData, configs, setConfigs, loadingConfigData, setLoadingConfigData, loadingCompanyDeviceConfigs, setLoadingCompanyDeviceConfigs, loadingMovementData, setLoadingMovementData, actionLoading,
     setActionLoading, activePdvTab, setActivePdvTab, savingPaymentTarget, setSavingPaymentTarget, savingPdvSettings, setSavingPdvSettings, savingPaymentTypes, setSavingPaymentTypes, savingPosOperationMode, setSavingPosOperationMode, savingProductShowcase,
@@ -401,8 +374,8 @@ export default function useDeviceDetailSaves(deps) {
   const { renderProduct, renderHelpButton, renderSwitchRow, renderOptionButtons } =
     createDeviceDetailRenderers({ themeColors, palette: brandColors });
 
-
   return {
+    renderProduct, renderHelpButton, renderSwitchRow, renderOptionButtons,
     saveLauncherMode,
     saveDeviceAlertSoundConfig,
     saveDeviceOrderVisibility,

package/src/react/pages/Devices/detail/useDeviceDetailStateA.js

@@ -5,36 +5,14 @@ import { useMessage } from '@controleonline/ui-common/src/react/components/Messa
 import { resolveThemePalette } from '@controleonline/../../src/styles/branding';
 import { colors } from '@controleonline/../../src/styles/colors';
 import packageJson from '@package';
-import {
-  canDisplayChangePrinter, DEVICE_ANDROID_KIOSK_ENABLED_CONFIG_KEY, DEVICE_ANDROID_LAUNCHER_ENABLED_CONFIG_KEY,
-  DISPLAY_AUTO_PRINT_PRODUCT_CONFIG_KEY, DISPLAY_ALLOW_PRINTER_CHANGE_CONFIG_KEY, DEVICE_ALERT_SOUND_ENABLED_KEY,
-  DEVICE_ALERT_SOUND_URL_KEY, DEVICE_ORDER_VISIBILITY_COMPANY, DEVICE_ORDER_VISIBILITY_DEVICE, DEVICE_ORDER_VISIBILITY_KEY,
-  DEVICE_RUNTIME_DEBUG_INFO_ENABLED_KEY, isPosAutoPrintEnabled, isPosCashRegisterOpen, isTruthyValue, parseConfigsObject,
-  POS_AUTO_PRINT_ENABLED_CONFIG_KEY, POS_CASH_MANAGEMENT_MODE_CASH_REGISTER, POS_CASH_MANAGEMENT_MODE_CONFIG_KEY,
-  POS_CASH_MANAGEMENT_MODE_DAILY, POS_CHECK_ORDER_MANAGEMENT_MODE_CONFIG_KEY, POS_CHECK_ORDER_MANAGEMENT_MODE_EXISTING_ONLY,
-  POS_CHECK_ORDER_MANAGEMENT_MODE_MANAGE, POS_CHECK_ORDER_TYPE_CONFIG_KEY, POS_CHECK_ORDER_TYPE_NONE, POS_CHECK_ORDER_TYPE_TAB,
-  POS_CHECK_ORDER_TYPE_TABLE, POS_CHECK_ORDER_TYPE_STAMP, POS_DELIVERY_ENABLED_CONFIG_KEY, POS_OPERATION_MODE_COUNTER,
-  POS_OPERATION_MODE_CONFIG_KEY, POS_OPERATION_MODE_OPTIONS, POS_PRODUCT_SHOWCASE_CONFIG_KEY, POS_PRINT_MODE_FORM,
-  POS_PRINT_MODE_ORDER, getPosOperationModeOption, isAndroidKioskEnabled, isAndroidLauncherEnabled, isPosDeliveryEnabled,
-  resolvePosCheckOrderManagementMode, resolvePosCheckOrderType, resolvePosCheckOrderTypeForShop, resolveDeviceOrderVisibility,
-  resolvePosCashManagementMode, resolvePosOperationMode, resolvePosPrintMode,
-} from '@controleonline/ui-common/src/react/config/deviceConfigBootstrap';
-import {
-  filterDeviceConfigsByCompany, getCompanyPaymentDeviceOptions, getPaymentGatewayFromConfigs, getPaymentGatewayLabel,
-  isPaymentCapableDeviceConfig, isPdvPrinterEnabled, normalizeDeviceId, normalizeEntityId, PAYMENT_TYPE_IDS_CONFIG_KEY,
-  PAYMENT_GATEWAY_CIELO, PDV_PRINTER_ENABLED_CONFIG_KEY, ORDER_PAYMENT_DEVICE_CONFIG_KEY, POS_GATEWAY_CONFIG_KEY,
-} from '@controleonline/ui-common/src/react/utils/paymentDevices';
+import { canDisplayChangePrinter, DISPLAY_AUTO_PRINT_PRODUCT_CONFIG_KEY, DEVICE_ALERT_SOUND_ENABLED_KEY, DEVICE_ALERT_SOUND_URL_KEY, DEVICE_RUNTIME_DEBUG_INFO_ENABLED_KEY, isPosAutoPrintEnabled, isTruthyValue, parseConfigsObject, POS_PRODUCT_SHOWCASE_CONFIG_KEY, getPosOperationModeOption, isAndroidKioskEnabled, isAndroidLauncherEnabled, isPosDeliveryEnabled, resolvePosCheckOrderManagementMode, resolvePosCheckOrderTypeForShop, resolveDeviceOrderVisibility, resolvePosCashManagementMode, resolvePosOperationMode, resolvePosPrintMode } from '@controleonline/ui-common/src/react/config/deviceConfigBootstrap';
+import { filterDeviceConfigsByCompany, getCompanyPaymentDeviceOptions, getPaymentGatewayFromConfigs, isPaymentCapableDeviceConfig, isPdvPrinterEnabled, normalizeDeviceId, normalizeEntityId, ORDER_PAYMENT_DEVICE_CONFIG_KEY } from '@controleonline/ui-common/src/react/utils/paymentDevices';
 import { normalizeBooleanConfig, SHOP_LOYALTY_COUPONS_ENABLED_CONFIG_KEY } from '@controleonline/ui-common/src/react/utils/shopConfig';
-import { getPrinterOptionValue, getDeviceTypeLabel, getPrinterLabel, getPrinterOptions } from '@controleonline/ui-common/src/react/utils/printerDevices';
-import { hex, DISPLAY_DEVICE_TYPE, PDV_DEVICE_TYPE, DISPLAY_DEVICE_LINK_CONFIG_KEY, DISPLAY_DEVICE_PRINTER_CONFIG_KEY,
-  PDV_TAB_OPERATION, PDV_TAB_ORDERS, PDV_TAB_DEVICE, PDV_TAB_PAYMENT_TYPES, PDV_TAB_MOVEMENT, PDV_DETAIL_TABS, tt,
-} from './deviceDetailConstants';
-import { paymentIcon, formatApiError, getDisplayLabel, getProductShowcaseLabel, getIsOpen, confirm } from './deviceDetailHelpers';
-import { api } from '@controleonline/ui-common/src/api';
-import { buildDeviceAliasStoreUpdates } from '@controleonline/ui-common/src/react/utils/deviceAliasSync';
-import { createDeviceDetailRenderers } from './DeviceDetailRenderers';
-import { Alert, Platform } from 'react-native';
+import { getPrinterOptions } from '@controleonline/ui-common/src/react/utils/printerDevices';
+import { DISPLAY_DEVICE_TYPE, PDV_DEVICE_TYPE, DISPLAY_DEVICE_LINK_CONFIG_KEY, DISPLAY_DEVICE_PRINTER_CONFIG_KEY, PDV_TAB_OPERATION } from './deviceDetailConstants';
+import { formatApiError, getIsOpen } from './deviceDetailHelpers';
 
+import { Platform } from 'react-native';
 
 export default function useDeviceDetailStateA() {
   const route      = useRoute();
@@ -485,5 +463,8 @@ export default function useDeviceDetailStateA() {
     runtimeDeviceId,
     runtimeDeviceType,
     currentCompany,
+    runtimeDevice, runtimeDeviceConfig, themeColors,
+    displayStore,
+    printerStore,
   };
 }

package/src/react/pages/Imports.js

@@ -27,7 +27,7 @@ const {
 
 const formatDate = (dateString) => {
     const d = new Date(dateString);
-    return d.toLocaleString(); // Formato local legível
+    return d.toLocaleString();
 };
 
 const Imports = ({ context = {}, onClose }) => {
@@ -57,6 +57,12 @@ const Imports = ({ context = {}, onClose }) => {
     const importType = context.context;
     const title = context.title;
     const searchPlaceholder = context.searchPlaceholder;
+    const allowedExtensions = Array.isArray(context.allowedExtensions)
+        ? context.allowedExtensions
+        : importType === 'invoice_tax' || importType === 'xml'
+            ? ['xml', 'zip']
+            : ['csv'];
+    const showCsvTemplate = allowedExtensions.includes('csv');
     const {
         refreshLabel,
         processingLabel,
@@ -255,11 +261,9 @@ const Imports = ({ context = {}, onClose }) => {
             });
 
             const csvText = typeof response === 'string' ? response : await response.text?.();
-            console.log('CSV recebido:', csvText.slice(0, 200));
 
             if (!csvText) throw new Error('CSV vazio');
 
-            // mobile: verifica se o diretório está disponível
             const dirUri = Directory?.cacheDocumentDirectory || Directory?.documentDirectory;
 
             if (dirUri) {
@@ -272,21 +276,18 @@ const Imports = ({ context = {}, onClose }) => {
                     await Sharing.shareAsync(fileUri);
                 }
 
-                console.log(`Arquivo CSV criado em: ${fileUri}`);
                 return fileUri;
             } else if (typeof window !== 'undefined') {
-                // fallback web
                 const blob = new Blob([csvText], { type: 'text/csv' });
                 const link = document.createElement('a');
                 link.href = URL.createObjectURL(blob);
                 link.download = `modelo_${importType}.csv`;
                 link.click();
                 URL.revokeObjectURL(link.href);
-                console.log('Download CSV disparado no web');
                 return 'web-download';
-            } else {
-                throw new Error('FileSystem não disponível');
             }
+
+            throw new Error('FileSystem não disponível');
         } catch (err) {
             console.error('Erro detalhado ao baixar CSV:', err);
             throw new Error('Falha ao baixar o modelo CSV');
@@ -306,6 +307,7 @@ const Imports = ({ context = {}, onClose }) => {
             <View style={styles.subHeader}>
                 <View style={styles.topRow}>
                     <View style={styles.topRowActions}>
+                        {showCsvTemplate ? (
                         <TouchableOpacity style={styles.downloadButton} onPress={downloadTemplate}>
                             <View
                                 style={{
@@ -323,6 +325,7 @@ const Imports = ({ context = {}, onClose }) => {
                                 <Text style={[styles.downloadText, { color: buttonPalette.buttonText }]}>Baixar Modelo</Text>
                             </View>
                         </TouchableOpacity>
+                        ) : null}
 
                         <TouchableOpacity
                             style={[
@@ -397,16 +400,15 @@ const Imports = ({ context = {}, onClose }) => {
                 visible={showAddImportModal}
                 onClose={() => setShowAddImportModal(false)}
                 context={context}
+                importType={importType}
+                allowedExtensions={allowedExtensions}
                 onSuccess={() => {
                     setCurrentPage(1);
                     fetchImports(searchQuery, 1);
-                    if (onImportComplete) onImportComplete();
                 }}
-                onImportComplete={onImportComplete}
             />
         </View>
     );
 };
 
 export default Imports;
-// TODO(store-first): quando este arquivo for mexido, mover a leitura para stores, remover api.fetch e evitar repassar dados em objetos quando o store ja resolver isso.

package/src/react/pages/IntegrationConfigFields.js

@@ -23,6 +23,7 @@ const FileField = ({ field, value, editable, providerId, updateField }) => (
       acceptedTypes={field.accept || '.pfx,.p12,application/x-pkcs12'}
       fileType=""
       fileTypeLabel="certificado"
+      knownFileIds={[extractFileId(value)].filter(Boolean)}
       title={field.label}
       triggerLabel="Gerenciar certificado"
       managerTitle="Gerenciador de arquivos"

package/src/react/pages/IntegrationConfigPage.js

@@ -9,19 +9,20 @@ import useToastMessage from '@controleonline/ui-crm/src/react/hooks/useToastMess
 import { useStore } from '@store';
 import { colors } from '@controleonline/../../src/styles/colors';
 import { resolveThemePalette, withOpacity } from '@controleonline/../../src/styles/branding';
-import { getIntegrationConfig, getIntegrationByKey, parseIntegrationCollection } from './integrationsCatalog';
+import { getIntegrationConfig, getIntegrationByKey } from './integrationsCatalog';
+import { fetchPeopleConfigs } from './fetchPeopleConfigs';
 import IntegrationConfigFields from './IntegrationConfigFields';
 import {
   ROUTE_PROVIDER_MAP,
-  buildFieldValues,
   extractAuthorizationUrl,
   formatApiError,
   formatUberOAuthError,
   getConfigFields,
   isConnectedValue,
+  isMethodNotAllowed,
+  mergeTabValues,
   normalizeTextValue,
   openAuthorizationUrl,
-  resolveFallbackConfigs,
   resolveProviderId,
   routeNameToPath,
   toConfigRequestValue,
@@ -44,13 +45,13 @@ const CenterState = ({ icon, iconColor, title, text, backgroundColor, spinnerCol
   </SafeAreaView>
 );
 
-export default function IntegrationConfigPage({ route, embedded = false }) {
+export default function IntegrationConfigPage({ route, embedded = false, fiscalTab = '', onlyFiscalTab = false }) {
   const peopleStore = useStore('people');
   const themeStore = useStore('theme');
   const configsStore = useStore('configs');
   const { currentCompany } = peopleStore.getters;
   const { colors: themeColors } = themeStore.getters;
-  const configActions = configsStore.actions;
+  const configActions = configsStore.actions || {};
   const { isSaving } = configsStore.getters;
   const { showError, showSuccess } = useToastMessage();
   const oauthNoticeRef = useRef('');
@@ -62,7 +63,8 @@ export default function IntegrationConfigPage({ route, embedded = false }) {
   const providerConfig = useMemo(() => getIntegrationConfig(providerKey), [providerKey]);
   const configFields = useMemo(() => getConfigFields(providerConfig), [providerConfig]);
   const fiscalTabs = providerConfig?.tabs || [];
-  const [activeFiscalTab, setActiveFiscalTab] = useState(() => fiscalTabs[0]?.key || 'general');
+  const requestedFiscalTab = fiscalTab || route?.params?.fiscalTab || '';
+  const [activeFiscalTab, setActiveFiscalTab] = useState(() => requestedFiscalTab || fiscalTabs[0]?.key || 'general');
   const activeTabDef = useMemo(
     () => fiscalTabs.find(tab => tab.key === activeFiscalTab) || fiscalTabs[0] || null,
     [activeFiscalTab, fiscalTabs],
@@ -71,10 +73,13 @@ export default function IntegrationConfigPage({ route, embedded = false }) {
     () => (activeTabDef?.fields?.length ? activeTabDef.fields : configFields),
     [activeTabDef, configFields],
   );
-
   useEffect(() => {
+    if (requestedFiscalTab && fiscalTabs.some(tab => tab.key === requestedFiscalTab)) {
+      if (activeFiscalTab !== requestedFiscalTab) setActiveFiscalTab(requestedFiscalTab);
+      return;
+    }
     if (fiscalTabs.length && !fiscalTabs.some(tab => tab.key === activeFiscalTab)) setActiveFiscalTab(fiscalTabs[0].key);
-  }, [activeFiscalTab, fiscalTabs]);
+  }, [activeFiscalTab, fiscalTabs, requestedFiscalTab]);
 
   const returnPath = useMemo(() => {
     const routePath = normalizeTextValue(route?.params?.return_path || route?.params?.returnPath || '');
@@ -88,28 +93,30 @@ export default function IntegrationConfigPage({ route, embedded = false }) {
     [themeColors, currentCompany?.id],
   );
   const [loading, setLoading] = useState(true);
+  const [tabLoading, setTabLoading] = useState(false);
   const [refreshing, setRefreshing] = useState(false);
   const [authLoading, setAuthLoading] = useState(false);
   const [configValues, setConfigValues] = useState({});
   const [integrationSummary, setIntegrationSummary] = useState(null);
 
-  // Company details can edit a company that is not the globally selected one.
-  // The embedded route id is authoritative for all fiscal reads and writes.
   const providerId = useMemo(
-    () => resolveProviderId({ route, currentCompany }),
-    [route?.params?.companyId, currentCompany?.id],
+    () => resolveProviderId({ route, currentCompany, embedded }),
+    [embedded, route?.params?.companyId, route?.params?.clientId, currentCompany?.id],
   );
   const providerIri = useMemo(() => (providerId ? `/people/${providerId}` : ''), [providerId]);
-  const fallbackConfigs = useMemo(
-    () => resolveFallbackConfigs({ providerId, currentCompany }),
-    [providerId, currentCompany?.id, currentCompany?.configs],
+  const allConfigFields = useMemo(() => getConfigFields(providerConfig), [providerConfig]);
+  const allFieldKeys = useMemo(
+    () => allConfigFields.map(field => field.key).filter(Boolean),
+    [allConfigFields],
   );
+  const allFieldKeysSig = useMemo(() => allFieldKeys.join('|'), [allFieldKeys]);
+  // Pure config providers (e.g. receita-federal) do not use marketplace/integrations.
+  const needsMarketplaceIntegration = Boolean(providerConfig?.oauthConnect);
 
-  const syncConfigValues = useCallback(source => {
-    setConfigValues(providerConfig ? buildFieldValues(providerConfig, source) : {});
-  }, [providerConfig]);
+  useEffect(() => {
+    setConfigValues({});
+  }, [providerIri]);
 
-  useEffect(() => syncConfigValues(fallbackConfigs), [fallbackConfigs, syncConfigValues]);
   useEffect(() => {
     const oauthStatus = normalizeTextValue(route?.params?.oauth_status).toLowerCase();
     const oauthError = normalizeTextValue(route?.params?.oauth_error);
@@ -128,26 +135,49 @@ export default function IntegrationConfigPage({ route, embedded = false }) {
     }
     if (showLoading) setLoading(true);
     try {
-      const integrationPromise = api.fetch('/marketplace/integrations', { params: { provider_id: providerId } });
-      if (configFields.length) {
-        const [configResponse, integrationResponse] = await Promise.all([
-          api.fetch('/configs', { params: { people: providerIri } }),
-          integrationPromise,
-        ]);
-        syncConfigValues(parseIntegrationCollection(configResponse));
-        setIntegrationSummary(getIntegrationByKey(integrationResponse, providerConfig.key));
+      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) {
+        try {
+          const integrationResponse = await api.fetch('/marketplace/integrations', {
+            params: { provider_id: providerId },
+          });
+          setIntegrationSummary(getIntegrationByKey(integrationResponse, providerConfig.key));
+        } catch (integrationError) {
+          // OAuth / marketplace providers still surface the error; pure config never hits this branch.
+          showError(formatApiError(integrationError));
+          setIntegrationSummary(null);
+        }
       } else {
-        setIntegrationSummary(getIntegrationByKey(await integrationPromise, providerConfig.key));
+        setIntegrationSummary(null);
       }
     } catch (error) {
       showError(formatApiError(error));
-      syncConfigValues(fallbackConfigs);
       setIntegrationSummary(null);
     } finally {
-      if (showLoading) setLoading(false);
+      setLoading(false);
+      setTabLoading(false);
     }
-  }, [configFields.length, fallbackConfigs, providerConfig, providerIri, providerId, showError, syncConfigValues]);
+  }, [
+    allConfigFields,
+    allFieldKeys,
+    allFieldKeysSig,
+    needsMarketplaceIntegration,
+    providerConfig,
+    providerIri,
+    providerId,
+    showError,
+  ]);
 
+  // Reload only when the company/provider identity or full key set changes — not on fiscal sub-tab switch.
   useFocusEffect(useCallback(() => { loadPageData(); }, [loadPageData]));
   const onRefresh = useCallback(async () => {
     setRefreshing(true);
@@ -157,6 +187,29 @@ export default function IntegrationConfigPage({ route, embedded = false }) {
     setConfigValues(current => ({ ...current, [fieldKey]: value }));
   }, []);
 
+  const persistConfigs = useCallback(async payload => {
+    if (typeof configActions.addManyConfigs === 'function') {
+      try {
+        return await configActions.addManyConfigs(payload);
+      } catch (error) {
+        if (!isMethodNotAllowed(error)) throw error;
+      }
+    }
+    if (typeof configActions.addConfigs !== 'function') {
+      throw new Error('Nao foi possivel salvar: acao de configs indisponivel.');
+    }
+    for (const item of payload.configs) {
+      await configActions.addConfigs({
+        configKey: item.configKey,
+        configValue: item.configValue,
+        people: payload.people,
+        module: payload.module,
+        visibility: payload.visibility,
+      });
+    }
+    return true;
+  }, [configActions]);
+
   const handleOAuthConnect = useCallback(async () => {
     if (!providerIri || !providerConfig?.oauthConnect) {
       showError('Nao foi possivel identificar a integracao selecionada.');
@@ -181,29 +234,32 @@ export default function IntegrationConfigPage({ route, embedded = false }) {
     ? isConnectedValue(integrationSummary.connected)
     : requiredKeys.length > 0 && requiredKeys.every(key => normalizeTextValue(configValues[key]) !== '');
   const statusTone = connected ? '#16A34A' : '#e67e22';
-  const editable = Boolean(providerIri && providerConfig && !isSaving && !loading && !providerConfig.oauthConnect);
-  const actionLoading = providerConfig?.oauthConnect ? authLoading : isSaving;
-  const actionDisabled = providerConfig?.oauthConnect ? authLoading || loading : !editable;
+  const editable = Boolean(providerIri && providerConfig && !providerConfig.oauthConnect);
+  const actionLoading = providerConfig?.oauthConnect ? authLoading : Boolean(isSaving || tabLoading);
+  const actionDisabled = providerConfig?.oauthConnect ? authLoading || loading : !editable || actionLoading;
+  const saveLabel = fiscalTabs.length
+    ? `Salvar ${activeTabDef?.label || 'aba'}`
+    : providerConfig?.saveLabel;
 
   const saveIntegration = useCallback(async () => {
     if (!providerIri || !providerConfig || providerConfig.oauthConnect) {
       showError('Nao foi possivel identificar a integracao selecionada.');
       return;
     }
-    const configs = configFields.map(field => ({
+    const configs = visibleFields.map(field => ({
       configKey: field.key,
       configValue: toConfigRequestValue(normalizeTextValue(configValues[field.key])),
     }));
     try {
-      await configActions.addManyConfigs({ configs, people: providerIri, module: 4, visibility: 'public' });
-      showSuccess(`${providerConfig.label} salvo com sucesso.`);
+      await persistConfigs({ configs, people: providerIri, module: 4, visibility: 'public' });
+      showSuccess(`${activeTabDef?.label || providerConfig.label} salvo com sucesso.`);
       await loadPageData({ showLoading: false });
     } catch (error) { showError(error?.message || 'Nao foi possivel salvar a integracao.'); }
-  }, [configActions, configFields, configValues, loadPageData, providerConfig, providerIri, showError, showSuccess]);
+  }, [activeTabDef, configValues, 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="Selecione uma empresa" text="A configuracao da integracao depende da empresa ativa." />;
-  if (loading) return <CenterState backgroundColor={brandColors.background} spinnerColor={providerConfig.accent} title="Carregando integracao" text="Buscando as credenciais salvas para a empresa ativa." />;
+  if (!providerId) return <CenterState icon="building" iconColor="#94A3B8" title="Empresa nao identificada" text="Abra a ficha da empresa para gravar as configuracoes fiscais nela." />;
+  if (loading) return <CenterState backgroundColor={brandColors.background} spinnerColor={providerConfig.accent} title="Carregando integracao" text="Buscando as credenciais desta aba." />;
 
   return (
     <SafeAreaView style={[styles.container, { backgroundColor: brandColors.background }]} edges={['bottom']}>
@@ -227,7 +283,7 @@ export default function IntegrationConfigPage({ route, embedded = false }) {
                 <Text style={styles.sectionTitle}>Status</Text>
                 <Text style={styles.sectionSubtitle}>{providerConfig.oauthConnect
                   ? 'A integracao fica conectada quando o login do Uber termina e o store e salvo automaticamente.'
-                  : 'A integracao so aparece como conectada quando todos os campos obrigatorios foram salvos na empresa ativa.'}</Text>
+                  : 'A integracao so aparece como conectada quando todos os campos obrigatorios foram salvos nesta empresa.'}</Text>
               </View>
               <View style={[styles.statusBadge, { backgroundColor: withOpacity(statusTone, 0.12) }]}>
                 <Text style={[styles.statusBadgeText, { color: statusTone }]}>{connected ? 'Conectado' : 'Pendente'}</Text>
@@ -240,7 +296,7 @@ export default function IntegrationConfigPage({ route, embedded = false }) {
           <Text style={styles.cardTitle}>{providerConfig.oauthConnect ? 'Conexao' : fiscalTabs.length ? activeTabDef?.label || 'Configuracoes' : 'Credenciais'}</Text>
           {!embedded ? <Text style={styles.cardSubtitle}>{providerConfig.oauthConnect
             ? 'Use o login oficial do Uber. A store sera localizada e gravada automaticamente na empresa ativa.'
-            : 'Salve as credenciais na empresa ativa. O hub de integracoes volta a mostrar o status correto quando voce retornar para a lista.'}</Text> : null}
+            : 'Troca de aba e local; as configuracoes sao carregadas uma vez e cada aba grava so as chaves dela.'}</Text> : null}
 
           {providerConfig.oauthConnect ? (
             <View style={styles.fieldList}><View style={styles.fieldGroup}>
@@ -249,7 +305,7 @@ export default function IntegrationConfigPage({ route, embedded = false }) {
             </View></View>
           ) : (
             <View style={styles.fieldList}>
-              {fiscalTabs.length ? <View style={styles.subTabRow}>{fiscalTabs.map(tab => {
+              {fiscalTabs.length && !onlyFiscalTab ? <View style={styles.subTabRow}>{fiscalTabs.map(tab => {
                 const selected = tab.key === (activeTabDef?.key || activeFiscalTab);
                 return <TouchableOpacity key={tab.key} style={[styles.subTabButton, selected && styles.subTabButtonActive]}
                   activeOpacity={0.85} onPress={() => setActiveFiscalTab(tab.key)}>
@@ -257,6 +313,7 @@ export default function IntegrationConfigPage({ route, embedded = false }) {
                 </TouchableOpacity>;
               })}</View> : null}
               {activeTabDef?.description ? <Text style={styles.tabDescription}>{activeTabDef.description}</Text> : null}
+              {tabLoading ? <ActivityIndicator color={providerConfig.accent} /> : null}
               <IntegrationConfigFields fields={visibleFields} configValues={configValues} editable={editable}
                 embedded={embedded} providerId={providerId} updateField={updateField} />
             </View>
@@ -265,11 +322,10 @@ export default function IntegrationConfigPage({ route, embedded = false }) {
           <TouchableOpacity style={[styles.saveButton, { backgroundColor: providerConfig.accent }, actionDisabled && styles.saveButtonDisabled]}
             disabled={actionDisabled} activeOpacity={0.9} onPress={providerConfig.oauthConnect ? handleOAuthConnect : saveIntegration}>
             {actionLoading ? <ActivityIndicator color="#FFFFFF" /> : <Icon name={providerConfig.oauthConnect ? 'log-in' : 'save'} size={16} color="#FFFFFF" />}
-            <Text style={styles.saveButtonText}>{providerConfig.oauthConnect ? providerConfig.connectLabel || 'Conectar' : providerConfig.saveLabel}</Text>
+            <Text style={styles.saveButtonText}>{providerConfig.oauthConnect ? providerConfig.connectLabel || 'Conectar' : saveLabel}</Text>
           </TouchableOpacity>
         </View>
       </ScrollView>
     </SafeAreaView>
   );
 }
-// TODO(store-first): quando este arquivo for mexido, mover a leitura para stores, remover api.fetch e evitar repassar dados em objetos quando o store ja resolver isso.

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

@@ -35,7 +35,7 @@ export const getConfigFields = providerConfig => {
   return providerConfig.fields || [];
 };
 
-export const buildFieldValues = (providerConfig, source) => {
+export const mergeTabValues = (fields, source, current = {}) => {
   const sourceMap = Array.isArray(source)
     ? source.reduce((acc, item) => {
         const key = String(item?.configKey || '').trim();
@@ -44,23 +44,25 @@ export const buildFieldValues = (providerConfig, source) => {
       }, {})
     : source && typeof source === 'object' ? source : {};
 
-  return getConfigFields(providerConfig).reduce((acc, field) => {
-    acc[field.key] = normalizeTextValue(sourceMap[field.key]);
-    return acc;
-  }, {});
+  const next = { ...current };
+  (fields || []).forEach(field => {
+    next[field.key] = Object.prototype.hasOwnProperty.call(sourceMap, field.key)
+      ? normalizeTextValue(sourceMap[field.key])
+      : normalizeTextValue(next[field.key]);
+  });
+  return next;
 };
 
-export const resolveProviderId = ({ route, currentCompany }) => {
-  const routeCompanyId = String(route?.params?.companyId || '').replace(/\D/g, '');
-  if (routeCompanyId) return Number(routeCompanyId);
+export const buildFieldValues = (providerConfig, source) =>
+  mergeTabValues(getConfigFields(providerConfig), source, {});
 
-  const currentCompanyId = String(currentCompany?.id || '').replace(/\D/g, '');
-  return currentCompanyId ? Number(currentCompanyId) : null;
+export const resolveProviderId = ({ route, currentCompany, embedded = false }) => {
+  const fromRoute = String(route?.params?.companyId || route?.params?.clientId || '').replace(/\D/g, '');
+  if (fromRoute) return fromRoute;
+  if (embedded) return '';
+  return String(currentCompany?.id || '').replace(/\D/g, '');
 };
 
-export const resolveFallbackConfigs = ({ providerId, currentCompany }) =>
-  Number(providerId) === Number(currentCompany?.id) ? currentCompany?.configs || {} : {};
-
 export const isConnectedValue = value =>
   value === true || value === 1 || value === '1' || String(value).trim().toLowerCase() === 'true';
 
@@ -93,3 +95,9 @@ export const openAuthorizationUrl = async authUrl => {
   }
   await Linking.openURL(authUrl);
 };
+
+export const isMethodNotAllowed = error => {
+  const status = Number(error?.status || error?.code || error?.body?.status || 0);
+  const message = String(error?.message || '').toLowerCase();
+  return status === 404 || status === 405 || message.includes('method not allowed');
+};

package/src/react/pages/fetchPeopleConfigs.js

@@ -0,0 +1,21 @@
+import { api } from '@controleonline/ui-common/src/api';
+import { parseIntegrationCollection } from './integrationsCatalog';
+
+export async function fetchPeopleConfigs({ peopleIri, configKeys = [] }) {
+  const keys = [...new Set(configKeys.map(key => String(key || '').trim()).filter(Boolean))];
+  if (!peopleIri || !keys.length) {
+    return [];
+  }
+
+  const response = await api.fetch('/configs', {
+    params: {
+      people: peopleIri,
+      configKey: keys,
+      itemsPerPage: keys.length,
+    },
+  });
+
+  return parseIntegrationCollection(response).filter(item =>
+    keys.includes(String(item?.configKey || '').trim()),
+  );
+}