@controleonline/ui-common 1.2.87 → 1.2.89

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

@@ -21,6 +21,7 @@ import {tt} from './deviceDetailConstants';
 export default function DeviceDetailOrdersPrintSection(ctx) {
   const {
     themeColors,
+    shouldShowOrderVisibility,
     renderHelpButton,
     renderOptionButtons,
     renderSwitchRow,
@@ -53,6 +54,7 @@ export default function DeviceDetailOrdersPrintSection(ctx) {
 
   return (
     <>
+      {shouldShowOrderVisibility && (
       <View style={styles.section}>
         <Text style={styles.sectionTitle}>
           <Icon name="list" size={13} /> {'  '}Pedidos do Device
@@ -120,6 +122,8 @@ export default function DeviceDetailOrdersPrintSection(ctx) {
         </View>
       </View>
 
+      )}
+
       {isDisplayDevice && (
         <View style={styles.section}>
           <Text style={styles.sectionTitle}>

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

@@ -11,6 +11,7 @@ import {
   POS_CHECK_ORDER_TYPE_NONE,
   POS_CHECK_ORDER_TYPE_TAB,
   POS_CHECK_ORDER_TYPE_TABLE,
+  POS_CHECK_ORDER_TYPE_TABLE_TAB,
   POS_CHECK_ORDER_TYPE_STAMP,
   POS_CHECK_ORDER_MANAGEMENT_MODE_MANAGE,
   POS_CHECK_ORDER_MANAGEMENT_MODE_EXISTING_ONLY,
@@ -164,6 +165,10 @@ export default function DeviceDetailPdvConfigSection(ctx) {
                   label: global.t?.t('orders', 'title', 'table') || 'Table',
                   value: POS_CHECK_ORDER_TYPE_TABLE,
                 },
+                {
+                  label: 'Mesa + Comanda',
+                  value: POS_CHECK_ORDER_TYPE_TABLE_TAB,
+                },
                 {
                   label: global.t?.t('orders', 'title', 'stamp') || 'Stamp',
                   value: POS_CHECK_ORDER_TYPE_STAMP,
@@ -188,6 +193,8 @@ export default function DeviceDetailPdvConfigSection(ctx) {
                     ? POS_CHECK_ORDER_TYPE_TAB
                     : value === POS_CHECK_ORDER_TYPE_TABLE
                       ? POS_CHECK_ORDER_TYPE_TABLE
+                      : value === POS_CHECK_ORDER_TYPE_TABLE_TAB
+                        ? POS_CHECK_ORDER_TYPE_TABLE_TAB
                       : value === POS_CHECK_ORDER_TYPE_STAMP
                         ? loyaltyCouponsEnabled
                           ? POS_CHECK_ORDER_TYPE_STAMP

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

@@ -1,135 +1,25 @@
-import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { Alert, FlatList, Platform, Pressable, ScrollView, Switch, Text, TextInput, TouchableOpacity, View } from 'react-native';
+import React from 'react';
+import { ScrollView, Text, TouchableOpacity, View } from 'react-native';
 import { SafeAreaView } from 'react-native-safe-area-context';
-import { useFocusEffect, useNavigation, useRoute } from '@react-navigation/native';
-import {Picker} from '@react-native-picker/picker';
-import { useStore } from '@store';
-import { api } from '@controleonline/ui-common/src/api';
-import Formatter from '@controleonline/ui-common/src/utils/formatter';
+
 import StateStore from '@controleonline/ui-common/src/react/components/StateStore';
-import PaymentTypesByWalletTab from '@controleonline/ui-common/src/react/pages/SettingsPage/PaymentTypesByWalletTab';
-import { appendScreenMetrics } from '@controleonline/ui-common/src/react/utils/screenMetrics';
-import { useMessage } from '@controleonline/ui-common/src/react/components/MessageService';
-import { resolveThemePalette, withOpacity } from '@controleonline/../../src/styles/branding';
-import { colors } from '@controleonline/../../src/styles/colors';
+
 import Icon from 'react-native-vector-icons/Feather';
 import styles from '../../DeviceDetailPage.styles';
-import packageJson from '@package';
-import DefaultTooltip from '@controleonline/ui-default/src/react/components/help/DefaultTooltip';
-
-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 { buildDeviceAliasStoreUpdates } from '@controleonline/ui-common/src/react/utils/deviceAliasSync';
-import { createDeviceDetailRenderers } from './DeviceDetailRenderers';
 import DeviceDetailHeader from './DeviceDetailHeader';
 import CopyDeviceConfigModal from '@controleonline/ui-common/src/react/components/CopyDeviceConfigModal';
 import useDeviceDetailCopyConfig from './useDeviceDetailCopyConfig';
+import DeviceChargePermissionSection from './DeviceChargePermissionSection';
 import DeviceDetailPdvConfigSection from './DeviceDetailPdvConfigSection';
 import DeviceDetailOrdersPrintSection from './DeviceDetailOrdersPrintSection';
 import DeviceDetailAlertsCommandsSection from './DeviceDetailAlertsCommandsSection';
 import DeviceDetailMovementSections from './DeviceDetailMovementSections';
 import DeviceDetailPaymentSection from './DeviceDetailPaymentSection';
 
-import { inlineStyle_667_12, inlineStyle_1301_61 } from '../../DeviceDetailPage.styles';
-
-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,
-  getDeviceSwitchProps,
-} from './deviceDetailHelpers';
-import OptionButtonChip from './OptionButtonChip';
-
+import { PDV_TAB_PAYMENT_TYPES, PDV_DETAIL_TABS, tt } from './deviceDetailConstants';
 
+import createDeviceDetailContext from './createDeviceDetailContext';
 import useDeviceDetailStateA from './useDeviceDetailStateA';
 import useDeviceDetailStateB from './useDeviceDetailStateB';
 import useDeviceDetailLoaders from './useDeviceDetailLoaders';
@@ -143,223 +33,18 @@ const DeviceDetailScreen = () => {
   const loaders = useDeviceDetailLoaders(state);
   const actions = useDeviceDetailActions({ ...state, ...loaders });
   const saves = useDeviceDetailSaves({ ...state, ...loaders, ...actions });
+  const detailCtx = createDeviceDetailContext(state, loaders, actions, saves);
   const {
-    navigation,
-    deviceId,
-    deviceConfigStore,
-    messageApi,
-    websocketActions,
-    runtimeCompanyConfigs,
-    showSystemError,
-    loyaltyCouponsEnabled,
-    currentDevice,
-    currentDeviceConfig,
-    deviceString,
-    deviceType,
-    normalizedInitialConfigs,
-    initialAlias,
-    isDisplayDevice,
-    isPdvDevice,
-    actionsRef,
-    stampAutoDisableSignatureRef,
-    brandColors,
-    products,
-    setProducts,
-    productShowcases,
-    setProductShowcases,
-    companyDeviceConfigs,
-    setCompanyDeviceConfigs,
-    inflowData,
-    setInflowData,
-    configs,
-    setConfigs,
-    loadingConfigData,
-    setLoadingConfigData,
+    accent, alias, aliasInput, aliasInputRef, deviceId, deviceString,
+    editingAlias, removingDevice, savingAlias, themeColors, brandColors,
+    setAliasInput, confirmRemoveDevice, saveAlias, startEditAlias,
+    loadingActiveTabData, isPdvDevice, activePdvTab, setActivePdvTab,
+    showPdvOperationTab, showPdvOrdersTab, shouldShowOrderVisibility,
+    shouldShowDeviceBehavior, shouldShowRemotePayment, shouldShowRemoteCommands,
+    actionsRef, currentCompany, loadCompanyConfigs, messageApi,
+    refreshCurrentConfig, showSystemError, companyDeviceConfigs,
     loadingCompanyDeviceConfigs,
-    setLoadingCompanyDeviceConfigs,
-    loadingMovementData,
-    setLoadingMovementData,
-    actionLoading,
-    setActionLoading,
-    activePdvTab,
-    setActivePdvTab,
-    savingPaymentTarget,
-    setSavingPaymentTarget,
-    savingPdvSettings,
-    setSavingPdvSettings,
-    savingPaymentTypes,
-    setSavingPaymentTypes,
-    savingPosOperationMode,
-    setSavingPosOperationMode,
-    savingProductShowcase,
-    setSavingProductShowcase,
-    savingLauncherMode,
-    setSavingLauncherMode,
-    savingAlertSound,
-    setSavingAlertSound,
-    savingOrderVisibility,
-    setSavingOrderVisibility,
-    savingDeviceDeliverySettings,
-    setSavingDeviceDeliverySettings,
-    savingRuntimeDebugInfo,
-    setSavingRuntimeDebugInfo,
-    sendingCatalogRefresh,
-    setSendingCatalogRefresh,
-    loadingProductShowcases,
-    setLoadingProductShowcases,
-    search,
-    setSearch,
-    devicePaymentTarget,
-    setDevicePaymentTarget,
-    pdvGateway,
-    setPdvGateway,
-    pdvPrinterEnabled,
-    setPdvPrinterEnabled,
-    posOperationMode,
-    setPosOperationMode,
-    productShowcaseId,
-    setProductShowcaseId,
-    androidKioskEnabled,
-    setAndroidKioskEnabled,
-    androidLauncherEnabled,
-    setAndroidLauncherEnabled,
-    counterAutoPrintEnabled,
-    setCounterAutoPrintEnabled,
-    counterPrintMode,
-    setCounterPrintMode,
-    counterCashManagementMode,
-    setCounterCashManagementMode,
-    checkOrderType,
-    setCheckOrderType,
-    checkOrderManagementMode,
-    setCheckOrderManagementMode,
-    deviceOrderVisibility,
-    setDeviceOrderVisibility,
-    deviceDeliveryEnabled,
-    setDeviceDeliveryEnabled,
-    deviceAlertSoundEnabled,
-    setDeviceAlertSoundEnabled,
-    deviceAlertSoundUrl,
-    setDeviceAlertSoundUrl,
-    deviceRuntimeDebugInfoEnabled,
-    setDeviceRuntimeDebugInfoEnabled,
-    linkedDisplayId,
-    setLinkedDisplayId,
-    displayPrinterId,
-    setDisplayPrinterId,
-    displayAllowPrinterChange,
-    setDisplayAllowPrinterChange,
-    displayAutoPrintProductEnabled,
-    setDisplayAutoPrintProductEnabled,
-    savingDisplayPrintingConfig,
-    setSavingDisplayPrintingConfig,
-    hasLoadedCurrentConfig,
-    setHasLoadedCurrentConfig,
-    hasLoadedCompanyConfigs,
-    setHasLoadedCompanyConfigs,
-    hasLoadedMovementData,
-    setHasLoadedMovementData,
-    hasLoadedCurrentConfigRef,
-    hasLoadedCompanyConfigsRef,
-    hasLoadedMovementDataRef,
-    hasInitializedPdvTabRef,
-    alias,
-    setAlias,
-    editingAlias,
-    setEditingAlias,
-    aliasInput,
-    setAliasInput,
-    savingAlias,
-    setSavingAlias,
-    removingDevice,
-    setRemovingDevice,
-    aliasInputRef,
-    skipAliasSyncFromStoreRef,
-    isOpen,
-    hasLocalPaymentGateway,
-    paymentDeviceOptions,
-    displayOptions,
-    printerOptions,
-    selectedPosOperationModeOption,
-    pickerMode,
-    packageVersion,
-    appVersion,
-    runtimeDeviceId,
-    runtimeDeviceType,
-    isEditingRuntimeDevice,
-    resolveDeviceContext,
-    applyCurrentDeviceConfig,
-    loadMovementData,
-    refreshCurrentConfig,
-    loadCompanyConfigs,
-    loadProductShowcases,
-    ensureActiveTabData,
-    ensureActiveTabDataRef,
-    handleToggle,
-    startEditAlias,
-    cancelEditAlias,
-    saveAlias,
-    confirmRemoveDevice,
-    saveDevicePaymentTarget,
-    savePdvSettings,
-    saveProductShowcaseConfig,
-    savePaymentTypeConfigs,
-    savePosOperationMode,
-    saveLauncherMode,
-    saveDeviceAlertSoundConfig,
-    saveDeviceOrderVisibility,
-    saveDeviceDeliverySettings,
-    saveDeviceRuntimeDebugInfo,
-    saveDisplayPrintingConfig,
-    sendCatalogRefreshCommand,
-    productTotal,
-    inflowTotal,
-    wallets,
-    filteredProducts,
-    accent,
-    showPdvOperationTab,
-    showPdvOrdersTab,
-    showPdvDeviceTab,
-    showPdvPaymentTypesTab,
-    showPdvMovementTab,
-    loadingActiveTabData,
-    shouldShowOrderVisibility,
-    shouldShowRemotePayment,
-    shouldShowDeviceBehavior,
-    shouldShowRemoteCommands,
-    currentCompany,
-  } = { ...state, ...loaders, ...actions, ...saves };
-
-  const detailCtx = {
-    themeColors, brandColors, palette,
-    renderHelpButton, renderOptionButtons, renderSwitchRow, renderProduct,
-    posOperationMode, setPosOperationMode, savePosOperationMode, savingPosOperationMode,
-    productShowcaseId, setProductShowcaseId, saveProductShowcaseConfig,
-    productShowcases, loadingProductShowcases, savingProductShowcase, pickerMode,
-    counterAutoPrintEnabled, setCounterAutoPrintEnabled,
-    counterPrintMode, setCounterPrintMode,
-    checkOrderType, setCheckOrderType,
-    checkOrderManagementMode, setCheckOrderManagementMode,
-    cashManagementMode, setCashManagementMode,
-    androidKioskEnabled, setAndroidKioskEnabled,
-    androidLauncherEnabled, setAndroidLauncherEnabled,
-    saveLauncherMode, savingLauncherMode,
-    orderVisibility, setOrderVisibility, saveDeviceOrderVisibility, savingOrderVisibility,
-    shouldShowOrderVisibility,
-    deliveryEnabled, setDeliveryEnabled, saveDeviceDeliverySettings, savingDeliverySettings,
-    deviceAlertSoundEnabled, setDeviceAlertSoundEnabled, deviceAlertSoundUrl, setDeviceAlertSoundUrl,
-    saveDeviceAlertSoundConfig, savingAlertSound,
-    runtimeDebugInfoEnabled, setRuntimeDebugInfoEnabled, saveDeviceRuntimeDebugInfo, savingRuntimeDebugInfo,
-    devicePaymentTarget, setDevicePaymentTarget, saveDevicePaymentTarget, savingPaymentTarget,
-    paymentDeviceOptions, displayOptions, printerOptions,
-    pdvGateway, setPdvGateway, pdvPrinterEnabled, setPdvPrinterEnabled, savePdvSettings, savingPdvSettings,
-    hasLocalPaymentGateway, loyaltyCouponsEnabled,
-    sendCatalogRefreshCommand, sendingCatalogRefresh,
-    showPdvMovementTab, showPdvPaymentTypesTab, showPdvOperationTab,
-    inflowData, productTotal, wallets, filteredProducts, search, setSearch,
-    loadingMovementData, deviceId, savePaymentTypeConfigs, savingPaymentTypes,
-    configs, currentCompany,
-  };
+  } = detailCtx;
 
   const {
     copyModalVisible,
@@ -378,7 +63,6 @@ const DeviceDetailScreen = () => {
     showSystemError,
   });
 
-
   return (
     <SafeAreaView style={[styles.container, { backgroundColor: brandColors.background }]}>
       <ScrollView contentContainerStyle={styles.scroll} showsVerticalScrollIndicator={false}>
@@ -469,11 +153,16 @@ const DeviceDetailScreen = () => {
         {showPdvOperationTab && (
           <>
             <DeviceDetailPdvConfigSection {...detailCtx} />
-            <DeviceDetailOrdersPrintSection {...detailCtx} />
-            <DeviceDetailAlertsCommandsSection {...detailCtx} />
+            <DeviceChargePermissionSection {...detailCtx} />
           </>
         )}
 
+        {(showPdvOrdersTab || shouldShowOrderVisibility || detailCtx.isDisplayDevice) && (
+          <DeviceDetailOrdersPrintSection {...detailCtx} />
+        )}
+        {(shouldShowDeviceBehavior || shouldShowRemotePayment || shouldShowRemoteCommands) && (
+          <DeviceDetailAlertsCommandsSection {...detailCtx} />
+        )}
         <DeviceDetailPaymentSection {...detailCtx} />
 
       </ScrollView>

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

@@ -0,0 +1,20 @@
+/** Connect section props to the existing state and save contracts. */
+export default function createDeviceDetailContext(state, loaders, actions, saves) {
+  return {
+    ...state,
+    ...loaders,
+    ...actions,
+    ...saves,
+    palette: state.brandColors,
+    orderVisibility: state.deviceOrderVisibility,
+    setOrderVisibility: state.setDeviceOrderVisibility,
+    deliveryEnabled: state.deviceDeliveryEnabled,
+    setDeliveryEnabled: state.setDeviceDeliveryEnabled,
+    savingDeliverySettings: state.savingDeviceDeliverySettings,
+    displayAutoPrintProduct: state.displayAutoPrintProductEnabled,
+    setDisplayAutoPrintProduct: state.setDisplayAutoPrintProductEnabled,
+    savingDisplayPrinting: state.savingDisplayPrintingConfig,
+    runtimeDebugInfoEnabled: state.deviceRuntimeDebugInfoEnabled,
+    setRuntimeDebugInfoEnabled: state.setDeviceRuntimeDebugInfoEnabled,
+  };
+}

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

@@ -1,6 +1,6 @@
 import {normalizeEntityId} from '@controleonline/ui-common/src/react/utils/paymentDevices';
 import {isPosCashRegisterOpen} from '@controleonline/ui-common/src/react/config/deviceConfigBootstrap';
-import {Alert, Platform} from 'react-native';
+import {confirmAction} from '../../../utils/confirmAction';
 import {PAYMENT_ICONS} from './deviceDetailConstants';
 
 export const paymentIcon = label => {
@@ -44,16 +44,7 @@ export const getProductShowcaseLabel = showcase => {
 
 export const getIsOpen = configs => isPosCashRegisterOpen(configs);
 
-export const confirm = (msg, cb) => {
-  if (Platform.OS === 'web' && typeof window !== 'undefined' && window.confirm) {
-    if (window.confirm(msg)) cb();
-  } else {
-    Alert.alert('Confirmação', msg, [
-      {text: 'Cancelar', style: 'cancel'},
-      {text: 'Confirmar', onPress: cb},
-    ]);
-  }
-};
+export const confirm = confirmAction;
 
 export const getDeviceSwitchProps = ({disabled = false, palette, value = false}) => {
   const offTrackColor = disabled ? palette.switchDisabledTrack : palette.switchOffTrack;

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

@@ -1,43 +1,18 @@
-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 { appendScreenMetrics } from '@controleonline/ui-common/src/react/utils/screenMetrics';
+import { useCallback, useEffect } from 'react';
+
+import { DEVICE_ANDROID_KIOSK_ENABLED_CONFIG_KEY, POS_AUTO_PRINT_ENABLED_CONFIG_KEY, POS_CASH_MANAGEMENT_MODE_CONFIG_KEY, POS_CHECK_ORDER_MANAGEMENT_MODE_CONFIG_KEY, POS_CHECK_ORDER_MANAGEMENT_MODE_MANAGE, POS_CHECK_ORDER_TYPE_CONFIG_KEY, POS_CHECK_ORDER_TYPE_NONE, POS_CHECK_ORDER_TYPE_STAMP, POS_OPERATION_MODE_COUNTER, POS_OPERATION_MODE_CONFIG_KEY, POS_PRODUCT_SHOWCASE_CONFIG_KEY, resolvePosCheckOrderType, resolvePosCheckOrderTypeForShop } from '@controleonline/ui-common/src/react/config/deviceConfigBootstrap';
+import { normalizeEntityId, PAYMENT_TYPE_IDS_CONFIG_KEY, PDV_PRINTER_ENABLED_CONFIG_KEY, ORDER_PAYMENT_DEVICE_CONFIG_KEY, POS_GATEWAY_CONFIG_KEY } from '@controleonline/ui-common/src/react/utils/paymentDevices';
 
+import { PDV_TAB_MOVEMENT } from './deviceDetailConstants';
+import { confirm } from './deviceDetailHelpers';
+
+import { buildDeviceAliasStoreUpdates } from '@controleonline/ui-common/src/react/utils/deviceAliasSync';
 
 export default function useDeviceDetailActions(deps) {
   const {
-    navigation, deviceId, deviceConfigStore, messageApi, websocketActions, runtimeCompanyConfigs, showSystemError, loyaltyCouponsEnabled, currentDevice, currentDeviceConfig, deviceString, deviceType,
+    runtimeDevice, runtimeDeviceConfig,
+    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,