@controleonline/ui-common 1.2.89 → 1.2.90

package/package.json

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

package/src/react/components/CopyDeviceConfigModal.js

@@ -100,10 +100,13 @@ export default function CopyDeviceConfigModal({
           </View>
 
           <Text style={styles.message} testID="copy-device-config-hint">
-            {tt('device_action', 'copyConfigHint') ||
-              `Escolha o device origem. As configurações serão aplicadas em "${
-                destinationAlias || destinationDeviceString || 'destino'
-              }" (identidade do destino não muda).`}
+            {`${
+              tt('device_action', 'copyConfigHint') ||
+              'Escolha o device origem. As configurações serão aplicadas em'
+            } "${destinationAlias || destinationDeviceString || 'destino'}" (${
+              tt('device_action', 'copyConfigIdentityHint') ||
+              'identidade do destino não muda'
+            }).`}
           </Text>
 
           {loading ? (

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/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/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',

package/src/tests/browser/manager/devices-current.spec.js

@@ -1,343 +1,345 @@
-const {expect, test} = require('playwright/test');
-const packageJson = require('../../../../../../../package.json');
-const {API_ORIGIN} = require('../../../../../../../src/tests/browser/apiOrigin');
-
-const APP_VERSION = packageJson?.version || '1.0.0';
-const CURRENT_DEVICE_ID = 'web-7';
-
-const CORS_HEADERS = {
-  'access-control-allow-origin': '*',
-  'access-control-allow-headers':
-    'API-TOKEN, APP-DOMAIN, DEVICE, ACCEPT, CONTENT-TYPE, X-Requested-With',
-  'access-control-allow-methods': 'GET,POST,PUT,PATCH,DELETE,OPTIONS',
-};
-
-const jsonHeaders = () => ({
-  ...CORS_HEADERS,
-  'content-type': 'application/ld+json; charset=utf-8',
-});
-
-const collection = member => ({
-  member,
-  'hydra:member': member,
-  totalItems: member.length,
-  'hydra:totalItems': member.length,
-  summary: {},
-});
-
-const currentDevice = {
-  '@id': '/devices/396',
-  '@type': 'Device',
-  id: 396,
-  device: CURRENT_DEVICE_ID,
-  alias: 'Caixa atual',
-  metadata: {
-    runtime: 'web',
-    network: {
-      publicIp: '127.0.0.1',
-    },
-  },
-};
-
-const remoteDevice = {
-  '@id': '/devices/410',
-  '@type': 'Device',
-  id: 410,
-  device: 'remote-pdv',
-  alias: 'Caixa remoto',
-  metadata: {
-    runtime: 'android',
-  },
-};
-
-const createDeviceConfig = ({
-  id,
-  type,
-  device = currentDevice,
-}) => ({
-  '@id': `/device_configs/${id}`,
-  '@type': 'DeviceConfig',
-  id,
-  type,
-  people: '/people/3',
-  device,
-  configs: JSON.stringify({
-    'config-version': APP_VERSION,
-    'pos-gateway': 'infinite-pay',
-  }),
-});
-
-const mockDevicesApi = async (page, {includeCurrentPdv}) => {
-  const company = {
-    id: 3,
-    name: 'Teste',
-    alias: 'TESTE',
-    panel_enabled: true,
-    enabled: true,
-    commercial_enabled: true,
-    theme: {
-      colors: {
-        primary: '#0EA5E9',
-        cardBackground: '#FFFFFF',
-        cardBorder: '#D8E0EA',
-        cardSelectedBackground: '#E8F8FD',
-        cardSelectedBorder: '#0284C7',
-        cardSelectedText: '#0F172A',
-        badgeSelectedBackground: '#CDEFFA',
-        badgeSelectedText: '#075985',
-      },
-    },
-  };
-  const managerConfig = createDeviceConfig({id: 487, type: 'MANAGER'});
-  const currentPdvConfig = createDeviceConfig({id: 488, type: 'PDV'});
-  const remotePdvConfig = createDeviceConfig({
-    id: 410,
-    type: 'PDV',
-    device: remoteDevice,
-  });
-  const deviceConfigs = [
-    remotePdvConfig,
-    managerConfig,
-    ...(includeCurrentPdv ? [currentPdvConfig] : []),
-  ];
-  const savedPdvRequests = [];
-
-  await page.route(`${API_ORIGIN}/**`, async route => {
-    const request = route.request();
-    const url = new URL(request.url());
-    const pathname = url.pathname.replace(/^\/+/, '');
-    const method = request.method().toUpperCase();
-
-    if (method === 'OPTIONS') {
-      return route.fulfill({
-        status: 204,
-        headers: CORS_HEADERS,
-        body: '',
-      });
-    }
-
-    if (pathname === 'themes-colors.css') {
-      return route.fulfill({
-        status: 200,
-        headers: {
-          ...CORS_HEADERS,
-          'content-type': 'text/css; charset=utf-8',
-        },
-        body: ':root { --primary: #0ea5e9; }',
-      });
-    }
-
-    if (pathname === 'runtime/ip') {
-      return route.fulfill({
-        status: 200,
-        headers: jsonHeaders(),
-        body: JSON.stringify({ip: '127.0.0.1'}),
-      });
-    }
-
-    if (pathname === 'menus-people') {
-      return route.fulfill({
-        status: 200,
-        headers: jsonHeaders(),
-        body: JSON.stringify({modules: {}}),
-      });
-    }
-
-    if (pathname === 'people/companies/my') {
-      return route.fulfill({
-        status: 200,
-        headers: jsonHeaders(),
-        body: JSON.stringify(collection([company])),
-      });
-    }
-
-    if (pathname === 'people/company/default') {
-      return route.fulfill({
-        status: 200,
-        headers: jsonHeaders(),
-        body: JSON.stringify(company),
-      });
-    }
-
-    if (pathname === 'configs/discovery-configs') {
-      return route.fulfill({
-        status: 200,
-        headers: jsonHeaders(),
-        body: JSON.stringify({configs: {}}),
-      });
-    }
-
-    if (pathname === 'devices' && method === 'GET') {
-      return route.fulfill({
-        status: 200,
-        headers: jsonHeaders(),
-        body: JSON.stringify(collection([currentDevice])),
-      });
-    }
-
-    if (pathname === 'devices' && method === 'POST') {
-      return route.fulfill({
-        status: 200,
-        headers: jsonHeaders(),
-        body: JSON.stringify(currentDevice),
-      });
-    }
-
-    if (pathname === 'device_configs' && method === 'GET') {
-      const requestedDevice = url.searchParams.get('device.device');
-      const requestedType = url.searchParams.get('type');
-      const filtered = deviceConfigs.filter(deviceConfig => {
-        if (
-          requestedDevice &&
-          deviceConfig.device.device !== requestedDevice
-        ) {
-          return false;
-        }
-
-        if (requestedType && deviceConfig.type !== requestedType) {
-          return false;
-        }
-
-        return true;
-      });
-
-      return route.fulfill({
-        status: 200,
-        headers: jsonHeaders(),
-        body: JSON.stringify(collection(filtered)),
-      });
-    }
-
-    if (pathname === 'device_configs/add-configs' && method === 'POST') {
-      const payload = request.postDataJSON();
-      const type = String(payload?.type || '').toUpperCase();
-      const savedDeviceConfig = createDeviceConfig({
-        id: type === 'PDV' ? 489 : 490,
-        type: type || 'MANAGER',
-      });
-
-      if (type === 'PDV') {
-        savedPdvRequests.push(payload);
-        deviceConfigs.push(savedDeviceConfig);
-      }
-
-      return route.fulfill({
-        status: 200,
-        headers: jsonHeaders(),
-        body: JSON.stringify(savedDeviceConfig),
-      });
-    }
-
-    return route.fulfill({
-      status: 200,
-      headers: jsonHeaders(),
-      body: JSON.stringify(collection([])),
-    });
-  });
-
-  await page.addInitScript(
-    ({appVersion}) => {
-      localStorage.setItem(
-        'session',
-        JSON.stringify({
-          id: 7,
-          people: '/people/7',
-          api_key: 'test-api-key',
-          active: 1,
-          mycompany: 3,
-          roles: ['ROLE_SUPER'],
-        }),
-      );
-      localStorage.setItem('config', JSON.stringify({language: 'pt-br'}));
-      localStorage.setItem(
-        'device',
-        JSON.stringify({
-          id: 'web-7',
-          device: 'web-7',
-          type: 'MANAGER',
-          appName: 'Browser Manager',
-          appVersion,
-          buildNumber: appVersion,
-          systemName: 'web',
-          systemVersion: 'web',
-          deviceType: 'web',
-          metadata: {
-            runtime: 'web',
-          },
-        }),
-      );
-    },
-    {appVersion: APP_VERSION},
-  );
-
-  return {savedPdvRequests};
-};
-
-test.describe('current device browser smoke', () => {
-  test('groups every profile under one highlighted current Device', async ({
-    page,
-  }) => {
-    await mockDevicesApi(page, {includeCurrentPdv: true});
-
-    await page.goto('/devices-index?store=device_config');
-
-    await expect(page.getByTestId('current-device-badge')).toHaveCount(1);
-    await expect(page.getByTestId('device-config-487')).toBeVisible();
-    await expect(page.getByTestId('device-config-488')).toBeVisible();
-    await expect(page.getByTestId('device-config-410')).toBeVisible();
-    await expect(page.getByTestId('device-config-488')).toContainText(
-      'PDV · Infinite Pay',
-    );
-    await expect(
-      page.getByTestId('configure-current-device-pdv'),
-    ).toHaveCount(0);
-
-    const groups = page.locator('[data-testid^="device-group-"]');
-    await expect(groups).toHaveCount(2);
-    await expect(groups.first()).toContainText('Caixa atual');
-    await expect(page.getByTestId('device-config-487')).toHaveAttribute(
-      'data-session-config',
-      'true',
-    );
-  });
-
-  test('opens the detail for the selected configuration profile', async ({
-    page,
-  }) => {
-    await mockDevicesApi(page, {includeCurrentPdv: true});
-
-    await page.goto('/devices-index?store=device_config');
-
-    await page.getByTestId('device-config-487').click();
-    await expect(page).toHaveURL(/device-detail/);
-    await expect(page.getByText('Configuração do PDV')).toHaveCount(0);
-
-    await page.goBack();
-    await expect(page.getByTestId('device-config-488')).toBeVisible();
-    await page.getByTestId('device-config-488').click();
-
-    await expect(page).toHaveURL(/device-detail/);
-    await expect(page.getByText('Configuração do PDV')).toBeVisible();
-  });
-
-  test('creates the missing PDV profile for the current device', async ({
-    page,
-  }) => {
-    const api = await mockDevicesApi(page, {includeCurrentPdv: false});
-
-    await page.goto('/devices-index?store=device_config');
-
-    const setupButton = page.getByTestId('configure-current-device-pdv');
-    await expect(setupButton).toBeVisible();
-    await setupButton.click();
-
-    await expect.poll(() => api.savedPdvRequests.length).toBe(1);
-    expect(api.savedPdvRequests[0]).toEqual(
-      expect.objectContaining({
-        device: CURRENT_DEVICE_ID,
-        people: '/people/3',
-        type: 'PDV',
-      }),
-    );
-  });
-});
+const {expect, test} = require('playwright/test');
+const packageJson = require('../../../../../../../package.json');
+const {API_ORIGIN} = require('../../../../../../../src/tests/browser/apiOrigin');
+
+const APP_VERSION = packageJson?.version || '1.0.0';
+const CURRENT_DEVICE_ID = 'web-7';
+
+const CORS_HEADERS = {
+  'access-control-allow-origin': '*',
+  'access-control-allow-headers':
+    'API-TOKEN, APP-DOMAIN, DEVICE, ACCEPT, CONTENT-TYPE, X-Requested-With',
+  'access-control-allow-methods': 'GET,POST,PUT,PATCH,DELETE,OPTIONS',
+};
+
+const jsonHeaders = () => ({
+  ...CORS_HEADERS,
+  'content-type': 'application/ld+json; charset=utf-8',
+});
+
+const collection = member => ({
+  member,
+  'hydra:member': member,
+  totalItems: member.length,
+  'hydra:totalItems': member.length,
+  summary: {},
+});
+
+const currentDevice = {
+  '@id': '/devices/396',
+  '@type': 'Device',
+  id: 396,
+  device: CURRENT_DEVICE_ID,
+  alias: 'Caixa atual',
+  metadata: {
+    runtime: 'web',
+    network: {
+      publicIp: '127.0.0.1',
+    },
+  },
+};
+
+const remoteDevice = {
+  '@id': '/devices/410',
+  '@type': 'Device',
+  id: 410,
+  device: 'remote-pdv',
+  alias: 'Caixa remoto',
+  metadata: {
+    runtime: 'android',
+  },
+};
+
+const createDeviceConfig = ({
+  id,
+  type,
+  device = currentDevice,
+}) => ({
+  '@id': `/device_configs/${id}`,
+  '@type': 'DeviceConfig',
+  id,
+  type,
+  people: '/people/3',
+  device,
+  configs: JSON.stringify({
+    'config-version': APP_VERSION,
+    'pos-gateway': 'infinite-pay',
+  }),
+});
+
+const mockDevicesApi = async (page, {includeCurrentPdv}) => {
+  const company = {
+    id: 3,
+    name: 'Teste',
+    alias: 'TESTE',
+    panel_enabled: true,
+    enabled: true,
+    commercial_enabled: true,
+    theme: {
+      colors: {
+        primary: '#0EA5E9',
+        cardBackground: '#FFFFFF',
+        cardBorder: '#D8E0EA',
+        cardSelectedBackground: '#E8F8FD',
+        cardSelectedBorder: '#0284C7',
+        cardSelectedText: '#0F172A',
+        badgeSelectedBackground: '#CDEFFA',
+        badgeSelectedText: '#075985',
+      },
+    },
+  };
+  const managerConfig = createDeviceConfig({id: 487, type: 'MANAGER'});
+  const currentPdvConfig = createDeviceConfig({id: 488, type: 'PDV'});
+  const remotePdvConfig = createDeviceConfig({
+    id: 410,
+    type: 'PDV',
+    device: remoteDevice,
+  });
+  const deviceConfigs = [
+    remotePdvConfig,
+    managerConfig,
+    ...(includeCurrentPdv ? [currentPdvConfig] : []),
+  ];
+  const savedPdvRequests = [];
+
+  await page.route(`${API_ORIGIN}/**`, async route => {
+    const request = route.request();
+    const url = new URL(request.url());
+    const pathname = url.pathname.replace(/^\/+/, '');
+    const method = request.method().toUpperCase();
+
+    if (method === 'OPTIONS') {
+      return route.fulfill({
+        status: 204,
+        headers: CORS_HEADERS,
+        body: '',
+      });
+    }
+
+    if (pathname === 'themes-colors.css') {
+      return route.fulfill({
+        status: 200,
+        headers: {
+          ...CORS_HEADERS,
+          'content-type': 'text/css; charset=utf-8',
+        },
+        body: ':root { --primary: #0ea5e9; }',
+      });
+    }
+
+    if (pathname === 'runtime/ip') {
+      return route.fulfill({
+        status: 200,
+        headers: jsonHeaders(),
+        body: JSON.stringify({ip: '127.0.0.1'}),
+      });
+    }
+
+    if (pathname === 'menus-people') {
+      return route.fulfill({
+        status: 200,
+        headers: jsonHeaders(),
+        body: JSON.stringify({modules: {}}),
+      });
+    }
+
+    if (pathname === 'people/companies/my') {
+      return route.fulfill({
+        status: 200,
+        headers: jsonHeaders(),
+        body: JSON.stringify(collection([company])),
+      });
+    }
+
+    if (pathname === 'people/company/default') {
+      return route.fulfill({
+        status: 200,
+        headers: jsonHeaders(),
+        body: JSON.stringify(company),
+      });
+    }
+
+    if (pathname === 'configs/discovery-configs') {
+      return route.fulfill({
+        status: 200,
+        headers: jsonHeaders(),
+        body: JSON.stringify({configs: {}}),
+      });
+    }
+
+    if (pathname === 'devices' && method === 'GET') {
+      return route.fulfill({
+        status: 200,
+        headers: jsonHeaders(),
+        body: JSON.stringify(collection([currentDevice])),
+      });
+    }
+
+    if (pathname === 'devices' && method === 'POST') {
+      return route.fulfill({
+        status: 200,
+        headers: jsonHeaders(),
+        body: JSON.stringify(currentDevice),
+      });
+    }
+
+    if (pathname === 'device_configs' && method === 'GET') {
+      const requestedDevice = url.searchParams.get('device.device');
+      const requestedType = url.searchParams.get('type');
+      const filtered = deviceConfigs.filter(deviceConfig => {
+        if (
+          requestedDevice &&
+          deviceConfig.device.device !== requestedDevice
+        ) {
+          return false;
+        }
+
+        if (requestedType && deviceConfig.type !== requestedType) {
+          return false;
+        }
+
+        return true;
+      });
+
+      return route.fulfill({
+        status: 200,
+        headers: jsonHeaders(),
+        body: JSON.stringify(collection(filtered)),
+      });
+    }
+
+    if (pathname === 'device_configs/add-configs' && method === 'POST') {
+      const payload = request.postDataJSON();
+      const type = String(payload?.type || '').toUpperCase();
+      const savedDeviceConfig = createDeviceConfig({
+        id: type === 'PDV' ? 489 : 490,
+        type: type || 'MANAGER',
+      });
+
+      if (type === 'PDV') {
+        savedPdvRequests.push(payload);
+        deviceConfigs.push(savedDeviceConfig);
+      }
+
+      return route.fulfill({
+        status: 200,
+        headers: jsonHeaders(),
+        body: JSON.stringify(savedDeviceConfig),
+      });
+    }
+
+    return route.fulfill({
+      status: 200,
+      headers: jsonHeaders(),
+      body: JSON.stringify(collection([])),
+    });
+  });
+
+  await page.addInitScript(
+    ({appVersion}) => {
+      localStorage.setItem(
+        'session',
+        JSON.stringify({
+          id: 7,
+          people: '/people/7',
+          api_key: 'test-api-key',
+          active: 1,
+          mycompany: 3,
+          roles: ['ROLE_SUPER'],
+        }),
+      );
+      localStorage.setItem('config', JSON.stringify({language: 'pt-br'}));
+      localStorage.setItem(
+        'device',
+        JSON.stringify({
+          id: 'web-7',
+          device: 'web-7',
+          type: 'MANAGER',
+          appName: 'Browser Manager',
+          appVersion,
+          buildNumber: appVersion,
+          systemName: 'web',
+          systemVersion: 'web',
+          deviceType: 'web',
+          metadata: {
+            runtime: 'web',
+          },
+        }),
+      );
+    },
+    {appVersion: APP_VERSION},
+  );
+
+  return {savedPdvRequests};
+};
+
+test.describe('current device browser smoke', () => {
+  test('groups every profile under one highlighted current Device', async ({
+    page,
+  }) => {
+    await mockDevicesApi(page, {includeCurrentPdv: true});
+
+    await page.goto('/devices-index?store=device_config');
+
+    await expect(page.getByTestId('current-device-badge')).toHaveCount(1);
+    await expect(page.getByTestId('device-config-487')).toBeVisible();
+    await expect(page.getByTestId('device-config-488')).toBeVisible();
+    await expect(page.getByTestId('device-config-410')).toBeVisible();
+    await expect(page.getByTestId('device-config-488')).toContainText(
+      'Infinite Pay',
+    );
+    await expect(page.getByTestId('device-config-488')).toHaveRole('button');
+    await expect(page.getByTestId('device-config-488')).toHaveAccessibleName(/^PDV/);
+    await expect(
+      page.getByTestId('configure-current-device-pdv'),
+    ).toHaveCount(0);
+
+    const groups = page.locator('[data-testid^="device-group-"]');
+    await expect(groups).toHaveCount(2);
+    await expect(groups.first()).toContainText('Caixa atual');
+    await expect(page.getByTestId('device-config-487')).toHaveAttribute(
+      'data-session-config',
+      'true',
+    );
+  });
+
+  test('opens the detail for the selected configuration profile', async ({
+    page,
+  }) => {
+    await mockDevicesApi(page, {includeCurrentPdv: true});
+
+    await page.goto('/devices-index?store=device_config');
+
+    await page.getByTestId('device-config-487').click();
+    await expect(page).toHaveURL(/device-detail/);
+    await expect(page.getByText('Configuração do PDV')).toHaveCount(0);
+
+    await page.goBack();
+    await expect(page.getByTestId('device-config-488')).toBeVisible();
+    await page.getByTestId('device-config-488').click();
+
+    await expect(page).toHaveURL(/device-detail/);
+    await expect(page.getByText('Configuração do PDV')).toBeVisible();
+  });
+
+  test('creates the missing PDV profile for the current device', async ({
+    page,
+  }) => {
+    const api = await mockDevicesApi(page, {includeCurrentPdv: false});
+
+    await page.goto('/devices-index?store=device_config');
+
+    const setupButton = page.getByTestId('configure-current-device-pdv');
+    await expect(setupButton).toBeVisible();
+    await setupButton.click();
+
+    await expect.poll(() => api.savedPdvRequests.length).toBe(1);
+    expect(api.savedPdvRequests[0]).toEqual(
+      expect.objectContaining({
+        device: CURRENT_DEVICE_ID,
+        people: '/people/3',
+        type: 'PDV',
+      }),
+    );
+  });
+});

package/src/tests/browser/manager/devices-type-filters.spec.js

@@ -1,3 +1,4 @@
+const {installManagerSession} = require('./managerSession.fixture');
 const {expect, test} = require('playwright/test');
 const packageJson = require('../../../../../../../package.json');
 const {API_ORIGIN} = require('../../../../../../../src/tests/browser/apiOrigin');
@@ -76,6 +77,7 @@ const createDeviceConfig = ({id, type, device = currentDevice, alias}) => ({
  * (or omit type for All). Multi-type filters expand to sequential single-type GETs.
  */
 const mockDevicesTypeFilterApi = async page => {
+  await installManagerSession(page);
   const company = {
     id: 3,
     name: 'Teste',

package/src/tests/browser/manager/managerSession.fixture.js

@@ -0,0 +1,28 @@
+// Match the authenticated session contract used by the application shell.
+const installManagerSession = async page => {
+  await page.addInitScript(() => {
+    localStorage.setItem('session', JSON.stringify({
+      id: 7,
+      people: '/people/7',
+      api_key: 'test-api-key',
+      active: 1,
+      mycompany: 3,
+      roles: ['ROLE_SUPER'],
+      name: 'Test User',
+      realname: 'Test User',
+      username: 'tester',
+    }));
+    localStorage.setItem('app-type', 'MANAGER');
+    localStorage.setItem('translates', JSON.stringify({
+      'pt-br': {companies: {3: {configs: {
+        device_label: {currentDevice: 'Este dispositivo'},
+        device_action: {
+          copyConfigHint: 'Escolha o device origem. As configurações serão aplicadas em',
+          copyConfigIdentityHint: 'identidade do destino não muda',
+        },
+      }}}},
+    }));
+  });
+};
+
+module.exports = {installManagerSession};