@controleonline/ui-common 1.2.86 → 1.2.88

package/src/react/components/DefaultProvider.native.js

@@ -7,10 +7,10 @@ import React, {
   useRef,
   useState,
 } from 'react';
-import {View, AppState, Platform} from 'react-native';
-import DeviceInfo from 'react-native-device-info';
-import Translate from '@controleonline/ui-common/src/utils/translate';
-import {WebsocketListener} from '@controleonline/ui-common/src/react/components/WebsocketListener';
+import {View, AppState, Platform, useWindowDimensions} from 'react-native';
+import DeviceInfo from 'react-native-device-info';
+import Translate from '@controleonline/ui-common/src/utils/translate';
+import {WebsocketListener} from '@controleonline/ui-common/src/react/components/WebsocketListener';
 import BackgroundRuntimeBridge from '@controleonline/ui-common/src/react/components/BackgroundRuntimeBridge';
 import DeviceAlertSoundService from '@controleonline/ui-common/src/react/components/DeviceAlertSoundService';
 import KioskModeBridge from '@controleonline/ui-common/src/react/components/KioskModeBridge';
@@ -18,7 +18,7 @@ import LauncherModeBridge from '@controleonline/ui-common/src/react/components/L
 import DeliveryPushBridge from '@controleonline/ui-common/src/react/components/DeliveryPushBridge';
 import ManagerPushBridge from '@controleonline/ui-common/src/react/components/ManagerPushBridge';
 import PrintService from '@controleonline/ui-common/src/react/components/PrintService';
-import RemoteCheckoutService from '@controleonline/ui-common/src/react/components/RemoteCheckoutService';
+import RemoteCheckoutService from '@controleonline/ui-common/src/react/components/RemoteCheckoutService';
 import ProductCatalogCacheService from '@controleonline/ui-common/src/react/components/ProductCatalogCacheService';
 import RuntimeInfoFooter from '@controleonline/ui-common/src/react/components/RuntimeInfoFooter';
 import {isPublicRoute} from '../router/publicRoutes';
@@ -30,16 +30,18 @@ const {
   isTranslationBootstrapReady,
   resolveConfiguredLanguage,
 } = require('../utils/runtimeLanguage');
-import {
-  applyPaletteToRuntimeColors,
-  applyThemeCssVariables,
-  resolveThemePalette,
-} from '@controleonline/../../src/styles/branding';
-import {colors as runtimeColors} from '@controleonline/../../src/styles/colors';
-import {
-  buildProviderManagedDeviceConfigs,
-  parseConfigsObject,
-} from '@controleonline/ui-common/src/react/config/deviceConfigBootstrap';
+import {
+  applyPaletteToRuntimeColors,
+  applyThemeCssVariables,
+  resolveThemePalette,
+} from '@controleonline/../../src/styles/branding';
+import {colors as runtimeColors} from '@controleonline/../../src/styles/colors';
+import {
+  buildDefaultDeviceConfigs,
+  buildProviderManagedDeviceConfigs,
+  parseConfigsObject,
+} from '@controleonline/ui-common/src/react/config/deviceConfigBootstrap';
+import {canAdministerCompany} from '@controleonline/ui-common/src/react/utils/companyAuthority';
 import {
   buildDeviceRegistrationPayload,
   buildLocalRuntimeDevice,
@@ -48,7 +50,9 @@ import {
 } from '@controleonline/ui-common/src/react/utils/deviceRuntime';
 import {
   filterWalletPaymentTypesByAllowedIds,
+  getPaymentGateway,
   resolveDevicePaymentTypeIds,
+  selectPosWalletPaymentTypes,
 } from '@controleonline/ui-common/src/react/utils/paymentDevices';
 import {
   normalizeRuntimeMenuResponse,
@@ -58,29 +62,29 @@ import {
 } from '@controleonline/ui-common/src/react/utils/runtimeZoom';
 import packageJson from '@package';
 import providerStyles from './DefaultProvider.styles';
-
-import {useStore} from '@store';
-import stores from '@stores';
-const ThemeContext = createContext();
-
-const parseThemeCss = cssText => {
-  const parsedColors = {};
-  const matches = String(cssText || '').match(/--([\w-]+)\s*:\s*([^;}{]+)\s*;/g) || [];
-
-  matches.forEach(match => {
-    const clean = match.trim().replace(/^--/, '').replace(/;$/, '');
-    const splitIndex = clean.indexOf(':');
-    if (splitIndex <= 0) return;
-
-    const key = clean.slice(0, splitIndex).trim();
-    const value = clean.slice(splitIndex + 1).trim();
-    if (!key || !value) return;
-    parsedColors[key] = value;
-  });
-
-  return parsedColors;
-};
-
+
+import {useStore} from '@store';
+import stores from '@stores';
+const ThemeContext = createContext();
+
+const parseThemeCss = cssText => {
+  const parsedColors = {};
+  const matches = String(cssText || '').match(/--([\w-]+)\s*:\s*([^;}{]+)\s*;/g) || [];
+
+  matches.forEach(match => {
+    const clean = match.trim().replace(/^--/, '').replace(/;$/, '');
+    const splitIndex = clean.indexOf(':');
+    if (splitIndex <= 0) return;
+
+    const key = clean.slice(0, splitIndex).trim();
+    const value = clean.slice(splitIndex + 1).trim();
+    if (!key || !value) return;
+    parsedColors[key] = value;
+  });
+
+  return parsedColors;
+};
+
 const normalizeEntityId = value =>
   String(value?.id || value || '')
     .replace(/\D/g, '')
@@ -103,56 +107,41 @@ const resolveDeviceConfigPeopleIri = ({appType, currentCompany, user}) => {
 
   return '';
 };
-const isTenantAdministrativeAuthority = company => {
-  const userFlags = company?.user || {};
-  return !!(
-    userFlags.owner_enabled ||
-    userFlags.director_enabled ||
-    userFlags.manager_enabled ||
-    userFlags.admin_enabled ||
-    company?.owner_enabled ||
-    company?.director_enabled ||
-    company?.manager_enabled
-  );
-};
-
-
-
 export const DefaultProvider = ({
   children,
   currentRouteName = '',
   onBootstrapReady,
 }) => {
-  const appType = String(app_type || '').toUpperCase();
-  const isShopClientApp = appType === 'SHOP';
-  const themeStore = useStore('theme');
-  const getters = themeStore.getters;
-  const actions = themeStore.actions;
-  const authStore = useStore('auth');
-  const authGetters = authStore.getters;
-  const peopleStore = useStore('people');
-  const peopleGetters = peopleStore.getters;
-  const peopleActions = peopleStore.actions;
-
-  const deviceStore = useStore('device');
-  const deviceActions = deviceStore.actions;
-
-  const device_configStore = useStore('device_config');
-  const deviceConfigsGetters = device_configStore.getters;
-  const deviceConfigsActions = device_configStore.actions;
-
-  const configsStore = useStore('configs');
-  const configActions = configsStore.actions;
-  const configsGetters = configsStore.getters;
-  const printerStore = useStore('printer');
-  const printerActions = printerStore.actions;
+  const appType = String(app_type || '').toUpperCase();
+  const isShopClientApp = appType === 'SHOP';
+  const themeStore = useStore('theme');
+  const getters = themeStore.getters;
+  const actions = themeStore.actions;
+  const authStore = useStore('auth');
+  const authGetters = authStore.getters;
+  const peopleStore = useStore('people');
+  const peopleGetters = peopleStore.getters;
+  const peopleActions = peopleStore.actions;
+
+  const deviceStore = useStore('device');
+  const deviceActions = deviceStore.actions;
+
+  const device_configStore = useStore('device_config');
+  const deviceConfigsGetters = device_configStore.getters;
+  const deviceConfigsActions = device_configStore.actions;
+
+  const configsStore = useStore('configs');
+  const configActions = configsStore.actions;
+  const configsGetters = configsStore.getters;
+  const printerStore = useStore('printer');
+  const printerActions = printerStore.actions;
   const walletPaymentTypeStore = useStore('walletPaymentType');
   const paymentTypeActions = walletPaymentTypeStore.actions;
   const translateStore = useStore('translate');
   const translateActions = translateStore.actions;
   const {items: companyConfigs} = configsGetters;
-  const {colors, menus} = getters;
-  const {currentCompany, defaultCompany, companies} = peopleGetters;
+  const {colors, menus} = getters;
+  const {currentCompany, mainCompany, companies} = peopleGetters;
   const {item: device_config} = deviceConfigsGetters;
   const {isLogged, sessionChecked, user} = authGetters;
   const hasCurrentCompany =
@@ -160,8 +149,8 @@ export const DefaultProvider = ({
   const [translateReady, setTranslateReady] = useState(false);
   const [activeTranslateBootstrapKey, setActiveTranslateBootstrapKey] =
     useState('');
-  const [deviceConfigFetched, setDeviceConfigFetched] = useState(false);
-  const [mainConfigsDiscovered, setMainConfigsDiscovered] = useState(false);
+  const [deviceConfigFetched, setDeviceConfigFetched] = useState(false);
+  const [mainConfigsDiscovered, setMainConfigsDiscovered] = useState(false);
   const [deviceRuntimeConfigSynced, setDeviceRuntimeConfigSynced] =
     useState(false);
   const [appState, setAppState] = useState(AppState.currentState || 'active');
@@ -173,15 +162,19 @@ export const DefaultProvider = ({
   const [device, setDevice] = useState(
     JSON.parse(localStorage.getItem('device') || '{}'),
   );
-  const packageVersion = packageJson?.version || packageJson?.default?.version;
+  const packageVersion = packageJson?.version || packageJson?.default?.version;
   const appVersion = packageVersion || device?.appVersion;
   const runtimeDeviceType = resolveOperationalDeviceType({
     appType: app_type,
     deviceInfo: device || {},
   });
+  const {width: windowWidth, height: windowHeight} = useWindowDimensions();
   const runtimeUiScaleStyle = useMemo(
-    () => buildRuntimeZoomStyle(APP_ENV?.ZOOM),
-    [],
+    () =>
+      buildRuntimeZoomStyle(APP_ENV?.ZOOM, {
+        viewport: {width: windowWidth, height: windowHeight},
+      }),
+    [windowHeight, windowWidth],
   );
   const deviceConfigPeopleIri = resolveDeviceConfigPeopleIri({
     appType,
@@ -197,7 +190,7 @@ export const DefaultProvider = ({
   );
   const configuredTranslationLanguage = resolveConfiguredLanguage({
     currentCompany,
-    defaultCompany,
+    mainCompany,
     currentConfig: currentTranslationConfig,
     sessionData: currentTranslationSession,
   });
@@ -205,7 +198,7 @@ export const DefaultProvider = ({
     ? buildTranslationBootstrapKey({
         language: configuredTranslationLanguage,
         currentCompanyId: normalizeEntityId(currentCompany?.id),
-        defaultCompanyId: normalizeEntityId(defaultCompany?.id),
+        mainCompanyId: normalizeEntityId(mainCompany?.id),
       })
     : '';
   const requiresTranslateBootstrap = Boolean(
@@ -246,7 +239,7 @@ export const DefaultProvider = ({
         : {
             appVersion,
             colors,
-            defaultCompany,
+            mainCompany,
             device,
           },
       bottomChrome: {
@@ -258,7 +251,7 @@ export const DefaultProvider = ({
       appVersion,
       bottomNavigationCount,
       colors,
-      defaultCompany,
+      mainCompany,
       device,
       isShopClientApp,
       menus,
@@ -274,19 +267,19 @@ export const DefaultProvider = ({
       <ManagerPushBridge device={device} setDevice={setDevice} />
     </>
   );
-
-  useEffect(() => {
-    global.refreshTranslationsUI = () => {
-      setTranslateVersion(version => version + 1);
-    };
-
-    return () => {
-      if (global.refreshTranslationsUI) {
-        delete global.refreshTranslationsUI;
-      }
-    };
-  }, []);
-
+
+  useEffect(() => {
+    global.refreshTranslationsUI = () => {
+      setTranslateVersion(version => version + 1);
+    };
+
+    return () => {
+      if (global.refreshTranslationsUI) {
+        delete global.refreshTranslationsUI;
+      }
+    };
+  }, []);
+
   useEffect(() => {
     if (isLogged && !isPublicRouteActive) {
       return;
@@ -302,80 +295,80 @@ export const DefaultProvider = ({
       delete global.t;
     }
   }, [isLogged, isPublicRouteActive, translateActions]);
-
-  useEffect(() => {
-    const subscription = AppState.addEventListener('change', nextState => {
-      setAppState(nextState || 'active');
-    });
-
-    return () => {
-      subscription?.remove?.();
-    };
-  }, []);
-
-  const fetchDeviceId = async () => {
-    const uniqueId = await DeviceInfo.getUniqueId();
-    const deviceId = await DeviceInfo.getDeviceId();
-    const appName = DeviceInfo.getApplicationName();
-    const systemName = await DeviceInfo.getSystemName();
-    const systemVersion = await DeviceInfo.getSystemVersion();
-    const manufacturer = await DeviceInfo.getManufacturer();
-    const model = await DeviceInfo.getModel();
-    const batteryLevel = await DeviceInfo.getBatteryLevel();
-    const isEmulator = await DeviceInfo.isEmulator();
-    const appVersion = await DeviceInfo.getVersion();
-    const buildNumber = await DeviceInfo.getBuildNumber();
-    let ld = null;
-    if (uniqueId) {
-      ld = buildLocalRuntimeDevice({
-        appType: app_type,
-        deviceInfo: {
-          id: uniqueId,
-          appName: appName,
-          deviceType: deviceId,
-          systemName: systemName,
-          systemVersion: systemVersion,
-          manufacturer: manufacturer,
-          model: model,
-          batteryLevel: batteryLevel,
-          isEmulator: isEmulator,
-          appVersion: appVersion,
-          buildNumber: buildNumber,
-          metadata: device?.metadata,
-        },
-      });
-      setDevice(ld);
-      localStorage.setItem('device', JSON.stringify(ld));
-    } else {
-      setTimeout(() => {
-        fetchDeviceId();
-      }, 300);
-    }
-  };
-  useEffect(() => {
-    const checkVersion = async () => {
-      const appVersion = await DeviceInfo.getVersion();
-      if (
-        device &&
-        ((device.appVersion && device.appVersion != appVersion) || !device.appName)
-      ) {
-        fetchDeviceId();
-      }
-    };
-    checkVersion();
-  }, [device]);
-
-  useEffect(() => {
-    if (!device || !device.id) {
-      fetchDeviceId();
-    } else {
-      deviceActions.setItem(device);
-    }
-  }, [device]);
-
+
+  useEffect(() => {
+    const subscription = AppState.addEventListener('change', nextState => {
+      setAppState(nextState || 'active');
+    });
+
+    return () => {
+      subscription?.remove?.();
+    };
+  }, []);
+
+  const fetchDeviceId = async () => {
+    const uniqueId = await DeviceInfo.getUniqueId();
+    const deviceId = await DeviceInfo.getDeviceId();
+    const appName = DeviceInfo.getApplicationName();
+    const systemName = await DeviceInfo.getSystemName();
+    const systemVersion = await DeviceInfo.getSystemVersion();
+    const manufacturer = await DeviceInfo.getManufacturer();
+    const model = await DeviceInfo.getModel();
+    const batteryLevel = await DeviceInfo.getBatteryLevel();
+    const isEmulator = await DeviceInfo.isEmulator();
+    const appVersion = await DeviceInfo.getVersion();
+    const buildNumber = await DeviceInfo.getBuildNumber();
+    let ld = null;
+    if (uniqueId) {
+      ld = buildLocalRuntimeDevice({
+        appType: app_type,
+        deviceInfo: {
+          id: uniqueId,
+          appName: appName,
+          deviceType: deviceId,
+          systemName: systemName,
+          systemVersion: systemVersion,
+          manufacturer: manufacturer,
+          model: model,
+          batteryLevel: batteryLevel,
+          isEmulator: isEmulator,
+          appVersion: appVersion,
+          buildNumber: buildNumber,
+          metadata: device?.metadata,
+        },
+      });
+      setDevice(ld);
+      localStorage.setItem('device', JSON.stringify(ld));
+    } else {
+      setTimeout(() => {
+        fetchDeviceId();
+      }, 300);
+    }
+  };
+  useEffect(() => {
+    const checkVersion = async () => {
+      const appVersion = await DeviceInfo.getVersion();
+      if (
+        device &&
+        ((device.appVersion && device.appVersion != appVersion) || !device.appName)
+      ) {
+        fetchDeviceId();
+      }
+    };
+    checkVersion();
+  }, [device]);
+
+  useEffect(() => {
+    if (!device || !device.id) {
+      fetchDeviceId();
+    } else {
+      deviceActions.setItem(device);
+    }
+  }, [device]);
+
   useEffect(() => {
     if (device && device.id) {
-      peopleActions.defaultCompany();
+      peopleActions.mainCompany();
     }
   }, [device?.id]);
 
@@ -398,6 +391,15 @@ export const DefaultProvider = ({
       return;
     }
 
+    // Device registration changes tenant context and is not valid without an
+    // active company or administrative authority for that company.
+    if (
+      !currentCompany?.id ||
+      !canAdministerCompany({company: currentCompany, mainCompany, user})
+    ) {
+      return;
+    }
+
     let cancelled = false;
 
     const syncDeviceRegistration = async () => {
@@ -406,92 +408,95 @@ export const DefaultProvider = ({
         people: deviceConfigPeopleIri,
         type: runtimeDeviceType,
       });
-
-      if (cancelled) {
-        return;
-      }
-
-      const existingDevice =
-        Array.isArray(items) && items.length > 0 ? items[0] : null;
-      const nextDevice = buildDeviceRegistrationPayload({
-        deviceInfo: device,
-        appType: app_type,
-        existingDevice,
-      });
-
-      if (!hasDeviceRecordChanges({existingDevice, nextDevice})) {
-        const nextLocalDevice = {
-          ...device,
-          entityId: existingDevice?.id || device?.entityId || null,
-          entityIri:
-            existingDevice?.['@id'] ||
-            device?.entityIri ||
-            (existingDevice?.id ? `/devices/${existingDevice.id}` : null),
-          alias: existingDevice?.alias || nextDevice.alias,
-          type: device?.type || runtimeDeviceType,
-          metadata: {
-            ...(existingDevice?.metadata || {}),
-            ...(nextDevice.metadata || {}),
-          },
-        };
-
-        if (JSON.stringify(nextLocalDevice) !== JSON.stringify(device)) {
-          setDevice(nextLocalDevice);
-          localStorage.setItem('device', JSON.stringify(nextLocalDevice));
-          deviceActions.setItem(nextLocalDevice);
-        }
-        return;
-      }
-
-      const savedDevice = await deviceActions.save(nextDevice);
-      if (cancelled || !savedDevice) {
-        return;
-      }
-
-      const nextLocalDevice = {
-        ...device,
-        entityId: savedDevice?.id || device?.entityId || null,
-        entityIri:
-          savedDevice?.['@id'] ||
-          device?.entityIri ||
-          (savedDevice?.id ? `/devices/${savedDevice.id}` : null),
-        alias: savedDevice.alias || nextDevice.alias,
-        type: device?.type || runtimeDeviceType,
-        metadata: {
-          ...(savedDevice?.metadata || {}),
-          ...(nextDevice.metadata || {}),
-        },
-      };
-
-      if (JSON.stringify(nextLocalDevice) !== JSON.stringify(device)) {
-        setDevice(nextLocalDevice);
-        localStorage.setItem('device', JSON.stringify(nextLocalDevice));
-        deviceActions.setItem(nextLocalDevice);
-      }
-    };
-
-    syncDeviceRegistration().catch(() => {});
-
-    return () => {
-      cancelled = true;
-    };
+
+      if (cancelled) {
+        return;
+      }
+
+      const existingDevice =
+        Array.isArray(items) && items.length > 0 ? items[0] : null;
+      const nextDevice = buildDeviceRegistrationPayload({
+        deviceInfo: device,
+        appType: app_type,
+        existingDevice,
+      });
+
+      if (!hasDeviceRecordChanges({existingDevice, nextDevice})) {
+        const nextLocalDevice = {
+          ...device,
+          entityId: existingDevice?.id || device?.entityId || null,
+          entityIri:
+            existingDevice?.['@id'] ||
+            device?.entityIri ||
+            (existingDevice?.id ? `/devices/${existingDevice.id}` : null),
+          alias: existingDevice?.alias || nextDevice.alias,
+          type: device?.type || runtimeDeviceType,
+          metadata: {
+            ...(existingDevice?.metadata || {}),
+            ...(nextDevice.metadata || {}),
+          },
+        };
+
+        if (JSON.stringify(nextLocalDevice) !== JSON.stringify(device)) {
+          setDevice(nextLocalDevice);
+          localStorage.setItem('device', JSON.stringify(nextLocalDevice));
+          deviceActions.setItem(nextLocalDevice);
+        }
+        return;
+      }
+
+      const savedDevice = await deviceActions.save(nextDevice);
+      if (cancelled || !savedDevice) {
+        return;
+      }
+
+      const nextLocalDevice = {
+        ...device,
+        entityId: savedDevice?.id || device?.entityId || null,
+        entityIri:
+          savedDevice?.['@id'] ||
+          device?.entityIri ||
+          (savedDevice?.id ? `/devices/${savedDevice.id}` : null),
+        alias: savedDevice.alias || nextDevice.alias,
+        type: device?.type || runtimeDeviceType,
+        metadata: {
+          ...(savedDevice?.metadata || {}),
+          ...(nextDevice.metadata || {}),
+        },
+      };
+
+      if (JSON.stringify(nextLocalDevice) !== JSON.stringify(device)) {
+        setDevice(nextLocalDevice);
+        localStorage.setItem('device', JSON.stringify(nextLocalDevice));
+        deviceActions.setItem(nextLocalDevice);
+      }
+    };
+
+    syncDeviceRegistration().catch(() => {});
+
+    return () => {
+      cancelled = true;
+    };
   }, [
     device?.appVersion,
     device?.batteryLevel,
     device?.buildNumber,
     device?.deviceType,
-    device?.id,
-    device?.metadata,
+    device?.id,
+    device?.metadata,
     device?.manufacturer,
     device?.model,
     device?.systemVersion,
     deviceConfigFetched,
     deviceConfigPeopleIri,
     isLogged,
+    currentCompany,
+    mainCompany,
     sessionChecked,
     runtimeDeviceType,
+    user,
   ]);
-
+
   useEffect(() => {
     if (isShopClientApp || !sessionChecked || !isLogged || !currentCompany?.id) {
       return;
@@ -501,7 +506,7 @@ export const DefaultProvider = ({
       .ensureCompanyPrintersLoaded({people: currentCompany.id})
       .catch(() => {});
   }, [currentCompany?.id, isLogged, isShopClientApp, printerActions, sessionChecked]);
-
+
   useEffect(() => {
     const paymentConfigSource = isShopClientApp
       ? Object.keys(companyConfigs || {}).length > 0
@@ -514,6 +519,10 @@ export const DefaultProvider = ({
       return;
     }
 
+    if (!isShopClientApp && !mainConfigsDiscovered) {
+      return;
+    }
+
     let isMounted = true;
 
     api
@@ -534,16 +543,13 @@ export const DefaultProvider = ({
             : Array.isArray(response)
               ? response
               : [];
-        const allowedPaymentTypeIds = resolveDevicePaymentTypeIds(
-          paymentConfigSource,
-          walletPaymentTypes,
-        );
-
         paymentTypeActions.setItems(
-          filterWalletPaymentTypesByAllowedIds(
+          selectPosWalletPaymentTypes({
             walletPaymentTypes,
-            allowedPaymentTypeIds,
-          ),
+            deviceConfigs: paymentConfigSource,
+            companyConfigs,
+            gateway: getPaymentGateway(device_config || paymentConfigSource),
+          }),
         );
       })
       .catch(() => {
@@ -563,42 +569,42 @@ export const DefaultProvider = ({
     isShopClientApp,
     paymentTypeActions,
   ]);
-
-  useEffect(() => {
-    if (
-      device &&
-      device.id &&
-      isLogged &&
-      currentCompany &&
-      Object.entries(currentCompany).length > 0
-    ) {
-      setDeviceConfigFetched(false);
-      setDeviceRuntimeConfigSynced(false);
-      deviceConfigsActions
-        .getItems({
-          'device.device': device.id,
-          people: '/people/' + currentCompany.id,
-          type: runtimeDeviceType,
-        })
-        .then(data => {
-          if (Array.isArray(data) && data.length > 0) {
-            const nextItem = {
-              ...data[0],
-              configs: parseConfigsObject(data[0]?.configs),
-            };
-            deviceConfigsActions.setItem(nextItem);
-            return;
-          }
-
-          deviceConfigsActions.setItem({});
-        })
-        .catch(() => {})
-        .finally(() => {
-          setDeviceConfigFetched(true);
-        });
-    }
-  }, [currentCompany?.id, isLogged, device?.id, runtimeDeviceType]);
-
+
+  useEffect(() => {
+    if (
+      device &&
+      device.id &&
+      isLogged &&
+      currentCompany &&
+      Object.entries(currentCompany).length > 0
+    ) {
+      setDeviceConfigFetched(false);
+      setDeviceRuntimeConfigSynced(false);
+      deviceConfigsActions
+        .getItems({
+          'device.device': device.id,
+          people: '/people/' + currentCompany.id,
+          type: runtimeDeviceType,
+        })
+        .then(data => {
+          if (Array.isArray(data) && data.length > 0) {
+            const nextItem = {
+              ...data[0],
+              configs: parseConfigsObject(data[0]?.configs),
+            };
+            deviceConfigsActions.setItem(nextItem);
+            return;
+          }
+
+          deviceConfigsActions.setItem({});
+        })
+        .catch(() => {})
+        .finally(() => {
+          setDeviceConfigFetched(true);
+        });
+    }
+  }, [currentCompany?.id, isLogged, device?.id, runtimeDeviceType]);
+
   useEffect(() => {
     if (
       !deviceConfigFetched ||
@@ -609,91 +615,91 @@ export const DefaultProvider = ({
     ) {
       return;
     }
-
-    const {nextConfigs, needsUpdate} = buildProviderManagedDeviceConfigs({
-      configs: device_config?.configs,
-      appVersion,
-      deviceInfo: device,
-    });
-
-    if (!needsUpdate) {
-      setDeviceRuntimeConfigSynced(true);
-      return;
-    }
-
-    // Non-admin users cannot mutate device context/financial policy (API 403).
-    // Skip bootstrap write; keep local runtime configs in memory only.
-    if (!isTenantAdministrativeAuthority(currentCompany)) {
-      setDeviceRuntimeConfigSynced(true);
-      return;
-    }
-
-      deviceConfigsActions
-        .addDeviceConfigs({
-          device: device.id,
-          configs: JSON.stringify(nextConfigs),
-          people: deviceConfigPeopleIri,
-          type: runtimeDeviceType,
-        })
-      .catch(() => {})
-      .finally(() => {
-        setDeviceRuntimeConfigSynced(true);
-      });
-  }, [
-    appVersion,
-    currentCompany?.id,
+
+    const isNewPdvConfig =
+      runtimeDeviceType === 'PDV' &&
+      !device_config?.id &&
+      !device_config?.['@id'];
+    const buildDeviceConfigs = isNewPdvConfig
+      ? buildDefaultDeviceConfigs
+      : buildProviderManagedDeviceConfigs;
+    const {nextConfigs, needsUpdate} = buildDeviceConfigs({
+      configs: device_config?.configs,
+      appVersion,
+      deviceInfo: device,
+    });
+
+    if (!needsUpdate) {
+      setDeviceRuntimeConfigSynced(true);
+      return;
+    }
+
+    // app-community#821: never auto-persist device_config from global bootstrap.
+    // Provider-managed fields stay in memory only; API mutations only from
+    // explicit device settings UI (avoids 403 on order-history / PDV|MANAGER).
+    const currentItem = device_config || {};
+    deviceConfigsActions.setItem({
+      ...currentItem,
+      configs: nextConfigs,
+      device: currentItem.device || device.id,
+      people: currentItem.people || deviceConfigPeopleIri,
+      type: currentItem.type || runtimeDeviceType,
+    });
+    setDeviceRuntimeConfigSynced(true);
+  }, [
+    appVersion,
     device?.id,
     device?.manufacturer,
     device?.isEmulator,
     deviceConfigFetched,
     deviceConfigPeopleIri,
     deviceRuntimeConfigSynced,
-    currentCompany,
     deviceConfigsActions,
-    device_config?.configs,
+    device_config,
     isLogged,
     runtimeDeviceType,
-  ]);
-
-  useEffect(() => {
-    if (!isLogged || !currentCompany?.id || !device?.id) {
-      return;
-    }
-
-    setMainConfigsDiscovered(false);
-  }, [isLogged, currentCompany?.id, device?.id]);
-
-  useEffect(() => {
-    if (
-      !isLogged ||
-      !currentCompany?.id ||
-      !device?.id ||
-      mainConfigsDiscovered
-    ) {
-      return;
-    }
-
-    configActions
-      .discoveryMainConfigs({
-        people: '/people/' + currentCompany.id,
-      })
-      .catch(() => {})
-      .finally(() => {
-        setMainConfigsDiscovered(true);
-      });
-  }, [configActions, currentCompany?.id, device?.id, isLogged, mainConfigsDiscovered]);
-
-  useEffect(() => {
-    if (
-      isLogged &&
-      currentCompany &&
-      Object.entries(currentCompany).length > 0 &&
-      !mainConfigsDiscovered
-    ) {
-      configActions.setItems(currentCompany.configs);
-    }
-  }, [currentCompany, isLogged, mainConfigsDiscovered]);
-
+    user,
+  ]);
+
+  useEffect(() => {
+    if (!isLogged || !currentCompany?.id || !device?.id) {
+      return;
+    }
+
+    setMainConfigsDiscovered(false);
+  }, [isLogged, currentCompany?.id, device?.id]);
+
+  useEffect(() => {
+    if (
+      !isLogged ||
+      !currentCompany?.id ||
+      !device?.id ||
+      mainConfigsDiscovered
+    ) {
+      return;
+    }
+
+    configActions
+      .discoveryMainConfigs({
+        people: '/people/' + currentCompany.id,
+      })
+      .catch(() => {})
+      .finally(() => {
+        setMainConfigsDiscovered(true);
+      });
+  }, [configActions, currentCompany?.id, device?.id, isLogged, mainConfigsDiscovered]);
+
+  useEffect(() => {
+    if (
+      isLogged &&
+      currentCompany &&
+      Object.entries(currentCompany).length > 0 &&
+      !mainConfigsDiscovered
+    ) {
+      configActions.setItems(currentCompany.configs);
+    }
+  }, [currentCompany, isLogged, mainConfigsDiscovered]);
+
   useEffect(() => {
     if (!currentRouteName || isPublicRouteActive) {
       return;
@@ -716,7 +722,7 @@ export const DefaultProvider = ({
     ) {
       global.t.companies = companies;
       global.t.currentCompany = currentCompany;
-      global.t.defaultCompany = defaultCompany;
+      global.t.mainCompany = mainCompany;
       setActiveTranslateBootstrapKey(expectedTranslateBootstrapKey);
       setTranslateReady(true);
 
@@ -739,7 +745,7 @@ export const DefaultProvider = ({
     translateBootstrapKeyRef.current = expectedTranslateBootstrapKey;
     global.t = new Translate(
       companies,
-      defaultCompany,
+      mainCompany,
       currentCompany,
       Object.keys(stores),
       translateStore,
@@ -752,7 +758,7 @@ export const DefaultProvider = ({
     configuredTranslationLanguage,
     currentCompany,
     currentRouteName,
-    defaultCompany,
+    mainCompany,
     deviceConfigFetched,
     expectedTranslateBootstrapKey,
     hasCurrentCompany,
@@ -760,8 +766,8 @@ export const DefaultProvider = ({
     isPublicRouteActive,
     translateStore,
   ]);
-
-
+
+
   useEffect(() => {
     if (
       !isLogged ||
@@ -777,8 +783,8 @@ export const DefaultProvider = ({
     isTranslateBootstrapReady,
     onBootstrapReady,
   ]);
-
-
+
+
   useEffect(() => {
     if (
       device &&
@@ -827,35 +833,35 @@ export const DefaultProvider = ({
         const cssText = await api.fetch('themes-colors.css', {
           responseType: 'text',
         });
-        const parsedColors = parseThemeCss(cssText);
-        setBaseThemeColors(parsedColors);
-        actions.setColors(parsedColors);
-      } catch {
-        setBaseThemeColors({});
-      }
-    };
-
+        const parsedColors = parseThemeCss(cssText);
+        setBaseThemeColors(parsedColors);
+        actions.setColors(parsedColors);
+      } catch {
+        setBaseThemeColors({});
+      }
+    };
+
     if (device?.id) {
       fetchColors();
     }
-  }, [actions, currentCompany?.id, defaultCompany?.id, device?.id]);
+  }, [actions, currentCompany?.id, mainCompany?.id, device?.id]);
 
   useEffect(() => {
     const companyThemeColors =
-      currentCompany?.theme?.colors || defaultCompany?.theme?.colors || {};
-    const mergedThemeColors = {
-      ...(baseThemeColors || {}),
-      ...(companyThemeColors || {}),
-    };
-
-    const palette = resolveThemePalette(mergedThemeColors, runtimeColors);
-    applyPaletteToRuntimeColors(palette, runtimeColors);
-    applyThemeCssVariables({
-      themeColors: mergedThemeColors,
-      palette,
-    });
-
-    actions.setColors(mergedThemeColors);
+      currentCompany?.theme?.colors || mainCompany?.theme?.colors || {};
+    const mergedThemeColors = {
+      ...(baseThemeColors || {}),
+      ...(companyThemeColors || {}),
+    };
+
+    const palette = resolveThemePalette(mergedThemeColors, runtimeColors);
+    applyPaletteToRuntimeColors(palette, runtimeColors);
+    applyThemeCssVariables({
+      themeColors: mergedThemeColors,
+      palette,
+    });
+
+    actions.setColors(mergedThemeColors);
   }, [actions, baseThemeColors, currentCompany?.id, currentCompany?.theme?.colors]);
 
   if (requiresTranslateBootstrap && !isTranslateBootstrapReady) {
@@ -863,10 +869,10 @@ export const DefaultProvider = ({
   }
 
   return (
-    <>
-      {runtimeBridges}
-      {device &&
-        device.id && (
+    <>
+      {runtimeBridges}
+      {device &&
+        device.id && (
           <ThemeContext.Provider value={themeContextValue}>
             <View
               style={[
@@ -879,30 +885,30 @@ export const DefaultProvider = ({
               {!isShopClientApp && bottomNavigationCount === 0 && (
                 <RuntimeInfoFooter
                   appVersion={appVersion}
-                  defaultCompany={defaultCompany}
+                  mainCompany={mainCompany}
                   device={device}
                   colors={colors}
                 />
               )}
-            </View>
-            {!isShopClientApp && (
-              <>
-                {shouldRunForegroundRealtimeServices && (
-                  <>
-                    <WebsocketListener />
-                    <DeviceAlertSoundService />
-                    <ProductCatalogCacheService />
-                    <RemoteCheckoutService />
-                    <PrintService />
-                  </>
-                )}
-              </>
-            )}
-          </ThemeContext.Provider>
-        )}
-    </>
-  );
-};
-
-export const useTheme = () => useContext(ThemeContext);
+            </View>
+            {!isShopClientApp && (
+              <>
+                {shouldRunForegroundRealtimeServices && (
+                  <>
+                    <WebsocketListener />
+                    <DeviceAlertSoundService />
+                    <ProductCatalogCacheService />
+                    <RemoteCheckoutService />
+                    <PrintService />
+                  </>
+                )}
+              </>
+            )}
+          </ThemeContext.Provider>
+        )}
+    </>
+  );
+};
+
+export const useTheme = () => useContext(ThemeContext);
 // 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.