@controleonline/ui-common 1.2.88 → 1.2.90

package/src/react/config/deviceConfigValues.js

@@ -0,0 +1,238 @@
+import {
+  normalizeBooleanConfig,
+  SHOP_LOYALTY_COUPONS_ENABLED_CONFIG_KEY,
+} from '@controleonline/ui-common/src/react/utils/shopConfig.js';
+
+export const CIELO_DEVICES = ['quantum', 'ingenico', 'positivo'];
+export const SUPPORTED_POS_GATEWAYS = ['cielo', 'infinite-pay'];
+export const DEVICE_ALERT_SOUND_ENABLED_KEY = 'notification-sound-enabled';
+export const DEVICE_ALERT_SOUND_URL_KEY = 'notification-sound-url';
+export const DEVICE_ORDER_VISIBILITY_KEY = 'pos-order-visibility';
+export const DEVICE_ORDER_VISIBILITY_DEVICE = 'device';
+export const DEVICE_ORDER_VISIBILITY_COMPANY = 'company';
+export const POS_DELIVERY_ENABLED_CONFIG_KEY = 'pos-delivery-enabled';
+export const DEVICE_RUNTIME_DEBUG_INFO_ENABLED_KEY =
+  'device-runtime-debug-info-enabled';
+export const DISPLAY_AUTO_PRINT_PRODUCT_CONFIG_KEY =
+  'display-auto-print-product';
+export const DISPLAY_ALLOW_PRINTER_CHANGE_CONFIG_KEY =
+  'display-allow-printer-change';
+export const DISPLAY_SIZE_CONFIG_KEY = 'display-size';
+export const DISPLAY_SIDE_BREAK_CONFIG_KEY = 'display-side-break';
+export const DISPLAY_SIZE_MIN = 1;
+export const DISPLAY_SIZE_MAX = 10;
+export const DISPLAY_SIZE_DEFAULT = 5;
+export const POS_OPERATION_MODE_CONFIG_KEY = 'pos-operation-mode';
+/** Independent of operation mode: whether this device may run local charge/payment. */
+export const POS_LOCAL_CHARGE_ENABLED_CONFIG_KEY = 'pos-local-charge-enabled';
+// Canonical financial permission already enforced by the API.
+export const ORDER_CHARGE_ENABLED_CONFIG_KEY = 'order-charge-enabled';
+export const isOrderChargeEnabled = configs => {
+  const value = parseConfigsObject(configs)?.[ORDER_CHARGE_ENABLED_CONFIG_KEY];
+  return value === true || value === 1 ||
+    ['1', 'true', 'yes', 'on'].includes(String(value ?? '').trim().toLowerCase());
+};
+export const POS_PRODUCT_SHOWCASE_CONFIG_KEY = 'pos-product-showcase-id';
+export const DEVICE_ANDROID_KIOSK_ENABLED_CONFIG_KEY =
+  'android-kiosk-enabled';
+export const DEVICE_ANDROID_LAUNCHER_ENABLED_CONFIG_KEY =
+  'android-launcher-enabled';
+export const POS_AUTO_PRINT_ENABLED_CONFIG_KEY = 'pos-auto-print-enabled';
+export const POS_CASH_MANAGEMENT_MODE_CONFIG_KEY =
+  'pos-cash-management-mode';
+export const POS_CHECK_ORDER_TYPE_CONFIG_KEY = 'check-order-type';
+export const POS_CHECK_ORDER_MANAGEMENT_MODE_CONFIG_KEY =
+  'check-order-management-mode';
+export const POS_OPERATION_MODE_COUNTER = 'counter';
+export const POS_OPERATION_MODE_WAITER = 'waiter';
+export const POS_OPERATION_MODE_TOTEM = 'totem';
+export const POS_OPERATION_MODE_SINGLE_ITEM = 'single-item';
+export const POS_OPERATION_MODE_CASHIER = 'cashier';
+export const POS_CHECK_ORDER_TYPE_NONE = 'none';
+export const POS_CHECK_ORDER_TYPE_TAB = 'tab';
+export const POS_CHECK_ORDER_TYPE_TABLE = 'table';
+export const POS_CHECK_ORDER_TYPE_TABLE_TAB = 'table-tab';
+export const POS_CHECK_ORDER_TYPE_STAMP = 'stamp';
+export const POS_CHECK_ORDER_MANAGEMENT_MODE_MANAGE = 'manage';
+export const POS_CHECK_ORDER_MANAGEMENT_MODE_EXISTING_ONLY = 'existing-only';
+export const POS_OPERATION_MODE_DEFAULT = POS_OPERATION_MODE_COUNTER;
+export const POS_PRINT_MODE_ORDER = 'order';
+export const POS_PRINT_MODE_FORM = 'form';
+export const POS_PRINT_MODE_DEFAULT = POS_PRINT_MODE_ORDER;
+export const POS_CASH_MANAGEMENT_MODE_CASH_REGISTER = 'cash-register';
+export const POS_CASH_MANAGEMENT_MODE_DAILY = 'daily';
+export const POS_CASH_MANAGEMENT_MODE_DEFAULT =
+  POS_CASH_MANAGEMENT_MODE_CASH_REGISTER;
+export const POS_OPERATION_MODE_OPTIONS = [
+  {
+    value: POS_OPERATION_MODE_COUNTER,
+    translationKey: 'counterService',
+    descriptionKey: 'counterServiceDescription',
+  },
+  {
+    value: POS_OPERATION_MODE_WAITER,
+    translationKey: 'waiterService',
+    descriptionKey: 'waiterServiceDescription',
+  },
+  {
+    value: POS_OPERATION_MODE_TOTEM,
+    translationKey: 'selfServiceKiosk',
+    descriptionKey: 'selfServiceKioskDescription',
+  },
+  {
+    value: POS_OPERATION_MODE_SINGLE_ITEM,
+    translationKey: 'singleItemSale',
+    descriptionKey: 'singleItemSaleDescription',
+  },
+  {
+    value: POS_OPERATION_MODE_CASHIER,
+    translationKey: 'cashierPOS',
+    descriptionKey: 'cashierPOSDescription',
+  },
+];
+
+export const DEFAULT_DEVICE_CONFIGS = {
+  'pos-type': 'full',
+  'print-mode': 'order',
+  'check-type': 'manual',
+  'product-input-type': 'manual',
+  'selection-type': 'single',
+  sound: '0',
+  vibration: '0',
+  [DEVICE_ORDER_VISIBILITY_KEY]: DEVICE_ORDER_VISIBILITY_DEVICE,
+  [POS_DELIVERY_ENABLED_CONFIG_KEY]: '1',
+  [DEVICE_ALERT_SOUND_ENABLED_KEY]: '0',
+  [DEVICE_ALERT_SOUND_URL_KEY]: '',
+  [DEVICE_RUNTIME_DEBUG_INFO_ENABLED_KEY]: '0',
+  [DEVICE_ANDROID_LAUNCHER_ENABLED_CONFIG_KEY]: '0',
+  [DISPLAY_ALLOW_PRINTER_CHANGE_CONFIG_KEY]: '0',
+  [DISPLAY_SIZE_CONFIG_KEY]: String(DISPLAY_SIZE_DEFAULT),
+  [DISPLAY_SIDE_BREAK_CONFIG_KEY]: '0',
+  [POS_CHECK_ORDER_TYPE_CONFIG_KEY]: POS_CHECK_ORDER_TYPE_NONE,
+  [POS_CHECK_ORDER_MANAGEMENT_MODE_CONFIG_KEY]:
+    POS_CHECK_ORDER_MANAGEMENT_MODE_MANAGE,
+  [POS_OPERATION_MODE_CONFIG_KEY]: POS_OPERATION_MODE_DEFAULT,
+  [POS_PRODUCT_SHOWCASE_CONFIG_KEY]: '',
+  [POS_AUTO_PRINT_ENABLED_CONFIG_KEY]: '0',
+  [POS_CASH_MANAGEMENT_MODE_CONFIG_KEY]: POS_CASH_MANAGEMENT_MODE_DEFAULT,
+};
+
+export const isTruthyValue = value =>
+  value === true || value === '1' || value === 1 || value === 'true';
+
+export const isMissingConfigValue = value =>
+  value === undefined || value === null || value === '';
+
+export const parseConfigsObject = configs => {
+  if (!configs) return {};
+
+  if (typeof configs === 'string') {
+    try {
+      const parsed = JSON.parse(configs);
+      return parsed && typeof parsed === 'object' ? parsed : {};
+    } catch {
+      return {};
+    }
+  }
+
+  return typeof configs === 'object' ? {...configs} : {};
+};
+
+export const normalizeDisplaySize = value => {
+  const normalizedValue = String(value ?? '').trim();
+
+  if (normalizedValue === '') {
+    return DISPLAY_SIZE_DEFAULT;
+  }
+
+  const numericValue = Number(normalizedValue);
+
+  if (!Number.isFinite(numericValue)) {
+    return DISPLAY_SIZE_DEFAULT;
+  }
+
+  return Math.min(
+    DISPLAY_SIZE_MAX,
+    Math.max(DISPLAY_SIZE_MIN, Math.round(numericValue)),
+  );
+};
+
+export const resolveDisplaySize = configs =>
+  normalizeDisplaySize(
+    parseConfigsObject(configs)?.[DISPLAY_SIZE_CONFIG_KEY],
+  );
+
+export const isDisplaySideBreakEnabled = configs =>
+  isTruthyValue(
+    parseConfigsObject(configs)?.[DISPLAY_SIDE_BREAK_CONFIG_KEY],
+  );
+
+export const normalizePosOperationMode = value => {
+  const normalizedValue = String(value || '')
+    .trim()
+    .toLowerCase()
+    .normalize('NFD')
+    .replace(/[\u0300-\u036f]/g, '')
+    .replace(/[\s_]/g, '-');
+
+  if (
+    [
+      POS_OPERATION_MODE_COUNTER,
+      'balcao',
+      'counter-service',
+      'front-counter',
+    ].includes(normalizedValue)
+  ) {
+    return POS_OPERATION_MODE_COUNTER;
+  }
+
+  if (
+    [
+      POS_OPERATION_MODE_WAITER,
+      'garcon',
+      'garcom',
+      'table-service',
+    ].includes(normalizedValue)
+  ) {
+    return POS_OPERATION_MODE_WAITER;
+  }
+
+  if (
+    [
+      POS_OPERATION_MODE_TOTEM,
+    ].includes(normalizedValue)
+  ) {
+    return POS_OPERATION_MODE_TOTEM;
+  }
+
+  if (
+    [
+      POS_OPERATION_MODE_SINGLE_ITEM,
+      'single-sale',
+      'single-item-sale',
+      'sale-unit',
+      'sale-single',
+      'venda-unitaria',
+      'venda-unica',
+      'item-unico',
+      'unit-sale',
+      'unitary-sale',
+    ].includes(normalizedValue)
+  ) {
+    return POS_OPERATION_MODE_SINGLE_ITEM;
+  }
+
+  if (
+    [
+      POS_OPERATION_MODE_CASHIER,
+      'pdv',
+      'pos',
+      'checkout',
+      'cashier-pos',
+    ].includes(normalizedValue)
+  ) {
+    return POS_OPERATION_MODE_CASHIER;
+  }
+
+  return '';
+};

package/src/react/pages/Connections.js

@@ -209,13 +209,11 @@ export default function Connections() {
           showColumnFiltersButton
           onRowPress={openWhatsAppChannel}
           renderCard={renderConnectionCard}
-          searchProps={{
-            compact: true,
-            placeholder:
-              tt('connections_label', 'search') || 'Buscar conexao, telefone ou status',
-            searchKey: 'search',
-            storeName: 'connections',
-          }}
+          showSearch
+          searchPlaceholder={
+            tt('connections_label', 'search') || 'Buscar conexao, telefone ou status'
+          }
+          searchKey="search
           totalItemsLabel="connections"
           visibleColumnsPreferenceKey="connections"
           accentColor={brandColors.primary}

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

@@ -0,0 +1,32 @@
+import React, {useRef, useState} from 'react';
+import {Text, View} from 'react-native';
+import {ORDER_CHARGE_ENABLED_CONFIG_KEY, isOrderChargeEnabled} from '../../../config/deviceConfigBootstrap';
+import styles from '../../DeviceDetailPage.styles';
+
+export default function DeviceChargePermissionSection({configs, actionsRef, currentCompany,
+  deviceString, deviceType, refreshCurrentConfig, showSystemError, renderSwitchRow, brandColors}) {
+  const [saving, setSaving] = useState(false);
+  const pending = useRef(false);
+  async function save(value) {
+    if (pending.current || !currentCompany?.id || !deviceString) return;
+    pending.current = true;
+    setSaving(true);
+    try {
+      await actionsRef.current.deviceConfigActions.addDeviceConfigs({device: deviceString,
+        people: `/people/${currentCompany.id}`, type: deviceType,
+        configs: JSON.stringify({[ORDER_CHARGE_ENABLED_CONFIG_KEY]: value})});
+      await refreshCurrentConfig();
+    } catch (error) {
+      showSystemError(error, 'Não foi possível salvar a permissão de cobrança.');
+    } finally {pending.current = false; setSaving(false);}
+  }
+  const enabled = isOrderChargeEnabled(configs);
+  return <View style={styles.configCard}>
+    {renderSwitchRow({label: 'Permitir cobrança neste device', value: enabled,
+      valueLabel: enabled ? 'Permitida' : 'Desabilitada',
+      disabled: saving || !deviceString || !currentCompany?.id, onValueChange: save})}
+    <Text style={[styles.deviceString, {color: brandColors.textSecondary}]}>
+      A cobrança usa os meios de pagamento e o destino configurados. O sistema valida a autorização para receber aqui ou encaminhar a outro device.
+    </Text>
+  </View>;
+}

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

@@ -10,6 +10,7 @@ import styles from '../../DeviceDetailPage.styles';
 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';
@@ -150,7 +151,10 @@ const DeviceDetailScreen = () => {
         <DeviceDetailMovementSections {...detailCtx} />
 
         {showPdvOperationTab && (
-          <DeviceDetailPdvConfigSection {...detailCtx} />
+          <>
+            <DeviceDetailPdvConfigSection {...detailCtx} />
+            <DeviceChargePermissionSection {...detailCtx} />
+          </>
         )}
 
         {(showPdvOrdersTab || shouldShowOrderVisibility || detailCtx.isDisplayDevice) && (

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/MercadoLivreIntegrationPage.js

@@ -23,6 +23,10 @@ import {
 } from '@controleonline/../../src/styles/branding';
 
 import styles from './IntegrationConfigPage.styles';
+import {
+  normalizeTextValue, isConnected, formatApiError, resolveFrontOAuthRedirectUri,
+  replaceFrontOAuthStatus, formatOAuthStatusError,
+} from './mercadoLivreIntegrationHelpers';
 
 const PROVIDER = {
   key: 'mercadolivre',
@@ -45,81 +49,6 @@ const shadowStyle = Platform.select({
   web: {boxShadow: '0 10px 24px rgba(15,23,42,0.08)'},
 });
 
-const normalizeTextValue = value => String(value ?? '').trim();
-
-const isConnected = value =>
-  value === true ||
-  value === 1 ||
-  value === '1' ||
-  String(value).trim().toLowerCase() === 'true';
-
-const formatApiError = error =>
-  error?.message ||
-  error?.description ||
-  error?.error ||
-  tt('marketplace_error', 'mercadoLivreLoad') ||
-  'Nao foi possivel carregar a integracao Mercado Livre.';
-
-const MERCADO_LIVRE_OAUTH_QUERY_KEYS = [
-  'code',
-  'state',
-  'error',
-  'error_description',
-  'mercadolivre_connected',
-  'mercadolivre_error',
-  'mercadolivre_message',
-];
-
-const resolveFrontOAuthRedirectUri = () => {
-  if (Platform.OS !== 'web' || typeof window === 'undefined') {
-    return undefined;
-  }
-
-  const url = new URL(window.location.href);
-  MERCADO_LIVRE_OAUTH_QUERY_KEYS.forEach(key => url.searchParams.delete(key));
-  url.hash = '';
-
-  return url.toString();
-};
-
-const replaceFrontOAuthStatus = statusParams => {
-  if (Platform.OS !== 'web' || typeof window === 'undefined') {
-    return;
-  }
-
-  const url = new URL(window.location.href);
-  MERCADO_LIVRE_OAUTH_QUERY_KEYS.forEach(key => url.searchParams.delete(key));
-  Object.entries(statusParams || {}).forEach(([key, value]) => {
-    if (value !== undefined && value !== null && value !== '') {
-      url.searchParams.set(key, String(value));
-    }
-  });
-  window.history.replaceState({}, document.title, url.toString());
-};
-
-const formatOAuthStatusError = (error, message) => {
-  const messageText = normalizeTextValue(message);
-  if (messageText) {
-    return `${
-      tt('marketplace_error', 'mercadoLivreConnectWithMessage') ||
-      'Nao foi possivel conectar o Mercado Livre:'
-    } ${messageText}`;
-  }
-
-  const errorText = normalizeTextValue(error);
-  if (!errorText) {
-    return (
-      tt('marketplace_error', 'mercadoLivreConnect') ||
-      'Nao foi possivel conectar o Mercado Livre.'
-    );
-  }
-
-  return `${
-    tt('marketplace_error', 'mercadoLivreConnect') ||
-    'Nao foi possivel conectar o Mercado Livre.'
-  } (${errorText}).`;
-};
-
 export default function MercadoLivreIntegrationPage() {
   const peopleStore = useStore('people');
   const themeStore = useStore('theme');
@@ -513,6 +442,7 @@ export default function MercadoLivreIntegrationPage() {
           </View>
 
           <TouchableOpacity
+            accessibilityRole="button"
             style={[
               styles.saveButton,
               {backgroundColor: PROVIDER.button},

package/src/react/pages/mercadoLivreIntegrationHelpers.js

@@ -0,0 +1,79 @@
+import {Platform} from 'react-native';
+
+const tt = (type, key) => global.t?.t('configs', type, key);
+
+export const normalizeTextValue = value => String(value ?? '').trim();
+
+export const isConnected = value =>
+  value === true ||
+  value === 1 ||
+  value === '1' ||
+  String(value).trim().toLowerCase() === 'true';
+
+export const formatApiError = error =>
+  error?.message ||
+  error?.description ||
+  error?.error ||
+  tt('marketplace_error', 'mercadoLivreLoad') ||
+  'Nao foi possivel carregar a integracao Mercado Livre.';
+
+const MERCADO_LIVRE_OAUTH_QUERY_KEYS = [
+  'code',
+  'state',
+  'error',
+  'error_description',
+  'mercadolivre_connected',
+  'mercadolivre_error',
+  'mercadolivre_message',
+];
+
+export const resolveFrontOAuthRedirectUri = () => {
+  if (Platform.OS !== 'web' || typeof window === 'undefined') {
+    return undefined;
+  }
+
+  const url = new URL(window.location.href);
+  MERCADO_LIVRE_OAUTH_QUERY_KEYS.forEach(key => url.searchParams.delete(key));
+  url.hash = '';
+
+  return url.toString();
+};
+
+export const replaceFrontOAuthStatus = statusParams => {
+  if (Platform.OS !== 'web' || typeof window === 'undefined') {
+    return;
+  }
+
+  const url = new URL(window.location.href);
+  MERCADO_LIVRE_OAUTH_QUERY_KEYS.forEach(key => url.searchParams.delete(key));
+  Object.entries(statusParams || {}).forEach(([key, value]) => {
+    if (value !== undefined && value !== null && value !== '') {
+      url.searchParams.set(key, String(value));
+    }
+  });
+  window.history.replaceState({}, document.title, url.toString());
+};
+
+export const formatOAuthStatusError = (error, message) => {
+  const messageText = normalizeTextValue(message);
+  if (messageText) {
+    return `${
+      tt('marketplace_error', 'mercadoLivreConnectWithMessage') ||
+      'Nao foi possivel conectar o Mercado Livre:'
+    } ${messageText}`;
+  }
+
+  const errorText = normalizeTextValue(error);
+  if (!errorText) {
+    return (
+      tt('marketplace_error', 'mercadoLivreConnect') ||
+      'Nao foi possivel conectar o Mercado Livre.'
+    );
+  }
+
+  return `${
+    tt('marketplace_error', 'mercadoLivreConnect') ||
+    'Nao foi possivel conectar o Mercado Livre.'
+  } (${errorText}).`;
+};
+

package/src/react/utils/confirmAction.js

@@ -0,0 +1,12 @@
+import {Alert, Platform} from 'react-native';
+
+export const confirmAction = (message, onConfirm) => {
+  if (Platform.OS === 'web' && typeof window !== 'undefined' && window.confirm) {
+    if (window.confirm(message)) onConfirm();
+  } else {
+    Alert.alert('Confirmação', message, [
+      {text: 'Cancelar', style: 'cancel'},
+      {text: 'Confirmar', onPress: onConfirm},
+    ]);
+  }
+};

package/src/tests/browser/manager/bottom-navigation-role-toolbar.spec.js

@@ -141,9 +141,23 @@ const installSession = async (page, {companyId = 3} = {}) => {
           active: 1,
           mycompany: companyId,
           roles: ['ROLE_ADMIN'],
+          name: 'Test User',
+          realname: 'Test User',
+          username: 'tester',
         }),
       );
       set('config', JSON.stringify({language: 'pt-br'}));
+      // Resolve menu labels locally; the mock API does not provide translations.
+      const labels = {
+        home: 'Início', opportunities: 'Oportunidades',
+        customers: 'Clientes', profile: 'Perfil',
+      };
+      const companyMessages = {
+        menu: {menu: labels}, configs: {toolbar: labels},
+      };
+      set('translates', JSON.stringify({
+        'pt-br': {companies: {3: companyMessages, 9: companyMessages}},
+      }));
       set('app-type', 'MANAGER');
       set(
         'device',

package/src/tests/browser/manager/connections.spec.js

@@ -64,6 +64,13 @@ const mockConnectionsApi = async page => {
       return route.fulfill({status: 204, headers: CORS_HEADERS, body: ''});
     }
 
+    if (pathname === 'people/companies/my') {
+      return route.fulfill({
+        status: 200, headers: jsonHeaders(),
+        body: JSON.stringify(collection([company])),
+      });
+    }
+
     if (pathname === 'companies' || pathname.startsWith('people/')) {
       return route.fulfill({
         status: 200,
@@ -103,9 +110,20 @@ const mockConnectionsApi = async page => {
           active: 1,
           mycompany: 3,
           roles: ['ROLE_ADMIN'],
+          name: 'Test User',
+          realname: 'Test User',
+          username: 'tester',
         }),
       );
       set('config', JSON.stringify({language: 'pt-br'}));
+      set('translates', JSON.stringify({
+        'pt-br': {companies: {3: {configs: {
+          connections_title: {connections: 'Conexões'},
+          connections_label: {
+            whatsApp: 'WhatsApp', search: 'Buscar conexao, telefone ou status',
+          },
+        }}}},
+      }));
       set('app-type', 'ERP');
       set(
         'device',

package/src/tests/browser/manager/device-detail-alias-save.spec.js

@@ -1,3 +1,4 @@
+const {installManagerSession} = require('./managerSession.fixture');
 /**
  * Smoke browser: Manager /device-detail alias save updates header without refresh.
  * fluxo: manager-devices
@@ -86,6 +87,7 @@ const MODULES_MAX_500 = [
 ];
 
 const mockDevicesApi = async (page) => {
+  await installManagerSession(page);
   const company = {
     id: 3,
     name: 'Teste',

package/src/tests/browser/manager/device-detail-copy-config.spec.js

@@ -1,3 +1,4 @@
+const {installManagerSession} = require('./managerSession.fixture');
 /**
  * Smoke browser: Manager /device-detail copy configs from another device.
  * fluxo: manager-devices
@@ -110,6 +111,7 @@ const otherTenant = createDeviceConfig({
 });
 
 const mockCopyApi = async (page) => {
+  await installManagerSession(page);
   const company = {
     id: 3,
     name: 'Teste',
@@ -328,6 +330,10 @@ test.describe('device-detail copy config (browser smoke #629)', () => {
     await expect(page.getByTestId('copy-device-config-hint')).toContainText(
       DEST_ALIAS,
     );
+    // The translated prefix cannot supply a fixture alias: target identity is dynamic.
+    await expect(page.getByTestId('copy-device-config-hint')).not.toContainText(
+      SRC_ALIAS,
+    );
     await shot('02-copy-modal-picker.png');
 
     await expect(

package/src/tests/browser/manager/device-detail-pdv-current-company.spec.js

@@ -1,3 +1,4 @@
+const {installManagerSession} = require('./managerSession.fixture');
 /**
  * Smoke browser: DeviceConfig PDV detail opens without currentCompany ReferenceError.
  * fluxo: device-configuracao
@@ -91,6 +92,7 @@ const createDeviceConfig = ({id, type, device = currentDevice}) => ({
 });
 
 const mockDevicesApi = async page => {
+  await installManagerSession(page);
   const company = {
     id: 3,
     name: 'Teste',