@controleonline/ui-common 1.2.70 → 1.2.75

package/src/react/utils/remotePayment.js

@@ -1,61 +1,115 @@
-import {getPaymentOptionId, getPaymentOptionLabel} from './paymentOptions';
-
-export const REMOTE_PAYMENT_MESSAGE_STORE = 'invoice';
-export const REMOTE_PAYMENT_REQUEST_ACTION = 'pay';
-export const REMOTE_PAYMENT_RESULT_ACTION = 'pay-result';
-
-const normalizeText = value => String(value || '').trim();
-
-const normalizeOrderId = value => normalizeText(value).replace(/\D/g, '');
-
-export const normalizeRemotePaymentRequestKey = value => normalizeText(value);
-
-export const buildRemotePaymentRequestKey = ({
-  orderId,
-  payment,
-  targetDeviceId,
-}) =>
-  [
-    normalizeOrderId(orderId) || 'order',
-    normalizeText(targetDeviceId) || 'device',
-    getPaymentOptionId(payment) || 'payment',
-    Date.now().toString(),
-  ].join(':');
-
-export const isRemotePaymentRequestMessage = message =>
-  normalizeText(message?.action).toLowerCase() ===
-  REMOTE_PAYMENT_REQUEST_ACTION;
-
-export const isRemotePaymentResultMessage = message =>
-  normalizeText(message?.action).toLowerCase() ===
-  REMOTE_PAYMENT_RESULT_ACTION;
-
-export const buildRemotePaymentResultMessage = ({
-  destinationDeviceId,
-  error = '',
-  invoice = null,
-  orderId,
-  paidAmount = 0,
-  payment = null,
-  requestKey,
-  status = 'error',
-  targetDeviceId,
-  targetDeviceLabel = '',
-  targetGateway = '',
-  total = 0,
-}) => ({
-  destination: normalizeText(destinationDeviceId),
-  store: REMOTE_PAYMENT_MESSAGE_STORE,
-  action: REMOTE_PAYMENT_RESULT_ACTION,
-  requestKey: normalizeRemotePaymentRequestKey(requestKey),
-  status: normalizeText(status).toLowerCase() === 'success' ? 'success' : 'error',
-  order: normalizeOrderId(orderId),
-  total: Number(total || 0),
-  paidAmount: Number(paidAmount || 0),
-  paymentLabel: getPaymentOptionLabel(payment),
-  targetDeviceId: normalizeText(targetDeviceId),
-  targetDeviceLabel: normalizeText(targetDeviceLabel),
-  targetGateway: normalizeText(targetGateway),
-  ...(invoice ? {invoice} : {}),
-  ...(error ? {error: normalizeText(error)} : {}),
-});
+import {getPaymentOptionId, getPaymentOptionLabel} from './paymentOptions';
+
+export const REMOTE_PAYMENT_MESSAGE_STORE = 'invoice';
+export const REMOTE_PAYMENT_REQUEST_ACTION = 'pay';
+export const REMOTE_PAYMENT_RESULT_ACTION = 'pay-result';
+export const REMOTE_PAYMENT_STATUS_SUCCESS = 'success';
+export const REMOTE_PAYMENT_STATUS_ERROR = 'error';
+export const REMOTE_PAYMENT_STATUS_CANCELED = 'canceled';
+
+const normalizeText = value => String(value || '').trim();
+
+const normalizeSearchText = value =>
+  normalizeText(value)
+    .normalize('NFD')
+    .replace(/[\u0300-\u036f]/g, '')
+    .toLowerCase();
+
+const EXPLICIT_CANCELLATION_STATUSES = new Set([
+  'cancel',
+  'canceled',
+  'cancelled',
+]);
+
+const isCancellationErrorText = value => {
+  const text = normalizeSearchText(value);
+
+  if (!text || /(?:nao|not) (?:foi )?(?:possivel )?cancel/.test(text)) {
+    return false;
+  }
+
+  return (
+    /\bcancelad[ao]s?\b/.test(text) ||
+    /\bcancell?ed\b/.test(text) ||
+    /\bcancelamento\b.*\b(?:usuario|cliente)\b/.test(text)
+  );
+};
+
+/*
+ * @agents A customer cancellation is a neutral terminal outcome. Older remote
+ * devices reported it as status=error, so keep the text fallback until every
+ * deployed device sends the canonical canceled status.
+ */
+export const normalizeRemotePaymentResultStatus = ({status, error} = {}) => {
+  const normalizedStatus = normalizeText(status).toLowerCase();
+
+  if (normalizedStatus === REMOTE_PAYMENT_STATUS_SUCCESS) {
+    return REMOTE_PAYMENT_STATUS_SUCCESS;
+  }
+
+  if (
+    EXPLICIT_CANCELLATION_STATUSES.has(normalizedStatus) ||
+    isCancellationErrorText(error)
+  ) {
+    return REMOTE_PAYMENT_STATUS_CANCELED;
+  }
+
+  return REMOTE_PAYMENT_STATUS_ERROR;
+};
+
+export const isRemotePaymentCancellation = result =>
+  normalizeRemotePaymentResultStatus(result) === REMOTE_PAYMENT_STATUS_CANCELED;
+
+const normalizeOrderId = value => normalizeText(value).replace(/\D/g, '');
+
+export const normalizeRemotePaymentRequestKey = value => normalizeText(value);
+
+export const buildRemotePaymentRequestKey = ({
+  orderId,
+  payment,
+  targetDeviceId,
+}) =>
+  [
+    normalizeOrderId(orderId) || 'order',
+    normalizeText(targetDeviceId) || 'device',
+    getPaymentOptionId(payment) || 'payment',
+    Date.now().toString(),
+  ].join(':');
+
+export const isRemotePaymentRequestMessage = message =>
+  normalizeText(message?.action).toLowerCase() ===
+  REMOTE_PAYMENT_REQUEST_ACTION;
+
+export const isRemotePaymentResultMessage = message =>
+  normalizeText(message?.action).toLowerCase() ===
+  REMOTE_PAYMENT_RESULT_ACTION;
+
+export const buildRemotePaymentResultMessage = ({
+  destinationDeviceId,
+  error = '',
+  invoice = null,
+  orderId,
+  paidAmount = 0,
+  payment = null,
+  requestKey,
+  status = 'error',
+  targetDeviceId,
+  targetDeviceLabel = '',
+  targetGateway = '',
+  total = 0,
+}) => ({
+  destination: normalizeText(destinationDeviceId),
+  store: REMOTE_PAYMENT_MESSAGE_STORE,
+  action: REMOTE_PAYMENT_RESULT_ACTION,
+  requestKey: normalizeRemotePaymentRequestKey(requestKey),
+  status: normalizeRemotePaymentResultStatus({status, error}),
+  order: normalizeOrderId(orderId),
+  total: Number(total || 0),
+  paidAmount: Number(paidAmount || 0),
+  paymentLabel: getPaymentOptionLabel(payment),
+  targetDeviceId: normalizeText(targetDeviceId),
+  targetDeviceLabel: normalizeText(targetDeviceLabel),
+  targetGateway: normalizeText(targetGateway),
+  ...(invoice ? {invoice} : {}),
+  ...(error ? {error: normalizeText(error)} : {}),
+});

package/src/react/utils/runtimeFooter.js

@@ -90,27 +90,43 @@ const parseObjectValue = value => {
 const parseDeviceMetadata = metadata => parseObjectValue(metadata);
 const parseDeviceConfigs = configs => parseObjectValue(configs);
 
-const normalizeRuntimeFooterText = value => {
-  if (value === null || value === undefined) {
-    return '';
-  }
+const normalizeRuntimeFooterText = value => {
+  if (value === null || value === undefined) {
+    return '';
+  }
 
   const parsedValue =
     typeof value === 'string' ? parseJsonStringValue(value) : value;
 
-  if (parsedValue && typeof parsedValue === 'object') {
-    return '';
-  }
-
-  const normalized = safeTrim(parsedValue);
-
-  return normalized.replace(/\s+/g, ' ');
-};
-
-const getRuntimeFooterText = company =>
-  normalizeRuntimeFooterText(
-    company?.configs?.[DEVICE_RUNTIME_FOOTER_TEXT_CONFIG_KEY],
-  );
+  if (parsedValue && typeof parsedValue === 'object') {
+    return '';
+  }
+
+  return safeTrim(String(parsedValue).replace(/\r\n?/g, '\n'))
+    .split('\n')
+    .map(line => safeTrim(line).replace(/\s+/g, ' '))
+    .filter(Boolean)
+    .join('\n');
+};
+
+const getRuntimeFooterText = company =>
+  normalizeRuntimeFooterText(
+    company?.configs?.[DEVICE_RUNTIME_FOOTER_TEXT_CONFIG_KEY],
+  );
+
+const getRuntimeFooterTextLines = value => {
+  const normalizedText =
+    typeof value === 'string'
+      ? normalizeRuntimeFooterText(value)
+      : getRuntimeFooterText(value);
+
+  return normalizedText ? normalizedText.split('\n').filter(Boolean) : [];
+};
+
+const getRuntimeFooterRotationEntries = ({companyFooterText, primaryText}) =>
+  [...getRuntimeFooterTextLines(companyFooterText), safeTrim(primaryText)].filter(
+    Boolean,
+  );
 
 const isWebRuntimeDevice = device => {
   const metadata = parseDeviceMetadata(device?.metadata);
@@ -465,11 +481,13 @@ module.exports = {
   getRuntimeFooterDebugInfo,
   getRuntimeFooterDeviceName,
   getRuntimeFooterNativeIdentifierCandidates,
-  getRuntimeFooterPrimaryText,
-  getRuntimeFooterStoredVersion,
-  getRuntimeFooterVersionCandidates,
-  getRuntimeFooterWebIdentifierCandidates,
-  getRuntimeFooterText,
+  getRuntimeFooterPrimaryText,
+  getRuntimeFooterRotationEntries,
+  getRuntimeFooterStoredVersion,
+  getRuntimeFooterTextLines,
+  getRuntimeFooterVersionCandidates,
+  getRuntimeFooterWebIdentifierCandidates,
+  getRuntimeFooterText,
   getRuntimeFooterWebHost,
   normalizeRuntimeFooterText,
 };

package/src/react/utils/runtimeLanguage.js

@@ -27,7 +27,7 @@ function resolveCompanyLanguageCode(company) {
   return ''
 }
 
-function resolveConfiguredLanguage({
+function resolveConfiguredLanguage({
   currentCompany,
   defaultCompany,
   currentConfig,
@@ -40,11 +40,52 @@ function resolveConfiguredLanguage({
     normalizeLanguageCode(currentConfig?.language) ||
     normalizeLanguageCode(sessionData?.language) ||
     fallback
-  )
-}
-
-module.exports = {
-  normalizeLanguageCode,
-  resolveCompanyLanguageCode,
-  resolveConfiguredLanguage,
-}
+  )
+}
+
+function buildTranslationBootstrapKey({
+  language,
+  currentCompanyId,
+  defaultCompanyId,
+} = {}) {
+  const normalizedLanguage = normalizeLanguageCode(language)
+  const normalizedCurrentCompanyId = String(currentCompanyId || '').trim()
+  const normalizedDefaultCompanyId = String(defaultCompanyId || '').trim()
+
+  if (!normalizedLanguage || !normalizedCurrentCompanyId) {
+    return ''
+  }
+
+  return [
+    normalizedLanguage,
+    normalizedCurrentCompanyId,
+    normalizedDefaultCompanyId,
+  ].join('::')
+}
+
+function isTranslationBootstrapReady({
+  activeKey,
+  expectedKey,
+  required,
+  ready,
+  translator,
+} = {}) {
+  if (!required) {
+    return true
+  }
+
+  return Boolean(
+    expectedKey &&
+      activeKey === expectedKey &&
+      ready === true &&
+      typeof translator?.t === 'function',
+  )
+}
+
+module.exports = {
+  buildTranslationBootstrapKey,
+  isTranslationBootstrapReady,
+  normalizeLanguageCode,
+  resolveCompanyLanguageCode,
+  resolveConfiguredLanguage,
+}

package/src/react/utils/runtimeMenu.js

@@ -3,30 +3,30 @@ export const normalizeAppType = value => {
   return normalized || 'MANAGER';
 };
 
-const RUNTIME_MENU_ICON_ALIASES = {
-  shopping_cart: 'shopping-cart',
-  account_balance: 'dollar-sign',
-  account_balance_wallet: 'credit-card',
-};
-
-export const normalizeRuntimeMenuType = (value, fallback = 'home') => {
-  const normalized = String(value || '').trim().toLowerCase();
-  return normalized || fallback;
-};
-
-const normalizeRuntimeMenuItem = (menu = {}) => ({
-  ...menu,
-  icon: normalizeRuntimeMenuIcon(menu?.icon),
-  menuKey: String(menu?.menuKey || menu?.menu_key || '').trim(),
-  menuType: normalizeRuntimeMenuType(menu?.menuType || menu?.menu_type),
-  routeParams:
-    menu?.routeParams && typeof menu.routeParams === 'object'
-      ? menu.routeParams
-      : {},
-  sortOrder: Number(menu?.sortOrder ?? menu?.sort_order ?? 0),
-});
-
-const MANAGER_RUNTIME_MENU_FALLBACK = [
+const RUNTIME_MENU_ICON_ALIASES = {
+  shopping_cart: 'shopping-cart',
+  account_balance: 'dollar-sign',
+  account_balance_wallet: 'credit-card',
+};
+
+export const normalizeRuntimeMenuType = (value, fallback = 'home') => {
+  const normalized = String(value || '').trim().toLowerCase();
+  return normalized || fallback;
+};
+
+const normalizeRuntimeMenuItem = (menu = {}) => ({
+  ...menu,
+  icon: normalizeRuntimeMenuIcon(menu?.icon),
+  menuKey: String(menu?.menuKey || menu?.menu_key || '').trim(),
+  menuType: normalizeRuntimeMenuType(menu?.menuType || menu?.menu_type),
+  routeParams:
+    menu?.routeParams && typeof menu.routeParams === 'object'
+      ? menu.routeParams
+      : {},
+  sortOrder: Number(menu?.sortOrder ?? menu?.sort_order ?? 0),
+});
+
+const MANAGER_RUNTIME_MENU_FALLBACK = [
   {
     id: 'manager-financeiro',
     label: 'Financeiro',
@@ -68,16 +68,25 @@ const MANAGER_RUNTIME_MENU_FALLBACK = [
       },
     ],
   },
-  {
-    id: 'manager-comercial',
-    label: 'Comercial',
-    icon: 'users',
-    menus: [
-      {
-        id: 'clients',
-        menuKey: 'clients',
-        label: 'Cadastro de clientes',
-        route: 'ClientsIndex',
+  {
+    id: 'manager-comercial',
+    label: 'Comercial',
+    icon: 'users',
+    menus: [
+      {
+        id: 'products',
+        menuKey: 'products',
+        label: 'Produtos',
+        route: 'ProductsPage',
+        icon: 'package',
+        color: '#16A34A',
+        sortOrder: 25,
+      },
+      {
+        id: 'clients',
+        menuKey: 'clients',
+        label: 'Cadastro de clientes',
+        route: 'ClientsIndex',
         icon: 'users',
         color: '#16A34A',
         sortOrder: 30,
@@ -125,48 +134,127 @@ const MANAGER_RUNTIME_MENU_FALLBACK = [
         color: '#64748B',
         sortOrder: 60,
       },
+      {
+        id: 'product_showcases',
+        menuKey: 'product_showcases',
+        label: 'Vitrines de preços',
+        route: 'ProductShowcasesPage',
+        icon: 'grid',
+        color: '#0F766E',
+        sortOrder: 65,
+      },
     ],
   },
 ];
 
-const cloneRuntimeMenuModules = modules =>
-  (Array.isArray(modules) ? modules : []).map(module => ({
-    ...module,
-    menus: Array.isArray(module?.menus)
-      ? module.menus.map(menu => normalizeRuntimeMenuItem(menu))
-      : [],
-  }));
+const ADMIN_RUNTIME_MENU_FALLBACK = [
+  {
+    id: 'admin-configuracoes',
+    label: 'Configuracoes',
+    icon: 'settings',
+    menus: [
+      {
+        id: 'menu_access',
+        menuKey: 'menu_access',
+        label: 'Menus por perfil',
+        route: 'MenuAccessConfigPage',
+        icon: 'list',
+        color: '#64748B',
+        sortOrder: 10,
+      },
+      {
+        id: 'test_results',
+        menuKey: 'test_results',
+        label: 'Resultados de testes',
+        route: 'TestsPlaygroundPage',
+        icon: 'clipboard',
+        color: '#0EA5E9',
+        sortOrder: 20,
+      },
+      {
+        id: 'tenancies',
+        menuKey: 'tenancies',
+        label: 'Tenancies',
+        route: 'TenanciesPage',
+        icon: 'server',
+        color: '#0F766E',
+        sortOrder: 25,
+      },
+      {
+        id: 'people_domains',
+        menuKey: 'people_domains',
+        label: 'Domínios',
+        route: 'PeopleDomainsPage',
+        icon: 'globe',
+        color: '#0EA5E9',
+        sortOrder: 30,
+      },
+      {
+        id: 'flowcharts',
+        menuKey: 'flowcharts',
+        label: 'Fluxogramas',
+        route: 'FlowchartsPage',
+        icon: 'git-branch',
+        color: '#0F766E',
+        sortOrder: 40,
+      },
+    ],
+  },
+];
 
-export const normalizeRuntimeMenuIcon = value => {
-  const normalized = String(value || '').trim();
-  if (!normalized) return '';
+const cloneRuntimeMenuModules = modules =>
+  (Array.isArray(modules) ? modules : []).map(module => ({
+    ...module,
+    menus: Array.isArray(module?.menus)
+      ? module.menus.map(menu => normalizeRuntimeMenuItem(menu))
+      : [],
+  }));
 
-  return RUNTIME_MENU_ICON_ALIASES[normalized.toLowerCase()] || normalized;
-};
+export const normalizeRuntimeMenuIcon = value => {
+  const normalized = String(value || '').trim();
+  if (!normalized) return '';
+
+  return RUNTIME_MENU_ICON_ALIASES[normalized.toLowerCase()] || normalized;
+};
+
+const resolveRuntimeModuleSortOrder = module => {
+  const explicitSortOrder = Number(module?.sortOrder ?? module?.sort_order);
+  if (Number.isFinite(explicitSortOrder)) {
+    return explicitSortOrder;
+  }
+
+  return 0;
+};
 
-export const normalizeRuntimeMenuResponse = (
-  result,
-  {appType, allowFallback = true} = {},
-) => {
+export const normalizeRuntimeMenuResponse = (
+  result,
+  {appType, allowFallback = true} = {},
+) => {
   const modules =
     result?.response?.data?.modules ||
     result?.data?.modules ||
     result?.modules ||
     {};
 
-  const normalizedModules = Object.values(modules)
-    .map(module => ({
+  const normalizedModules = Object.values(modules)
+    .map(module => ({
       ...module,
       icon: normalizeRuntimeMenuIcon(module?.icon),
+      sortOrder: resolveRuntimeModuleSortOrder(module),
       menus: (Array.isArray(module?.menus) ? module.menus : [])
         .map(menu => normalizeRuntimeMenuItem(menu))
         .sort((left, right) => {
-          const orderDiff = Number(left?.sortOrder || 0) - Number(right?.sortOrder || 0);
-          if (orderDiff !== 0) return orderDiff;
-          return String(left?.label || '').localeCompare(String(right?.label || ''));
-        }),
-    }))
-    .filter(module => module.menus.length > 0);
+          const orderDiff = Number(left?.sortOrder || 0) - Number(right?.sortOrder || 0);
+          if (orderDiff !== 0) return orderDiff;
+          return String(left?.label || '').localeCompare(String(right?.label || ''));
+        }),
+    }))
+    .sort((left, right) => {
+      const orderDiff = Number(left?.sortOrder || 0) - Number(right?.sortOrder || 0);
+      if (orderDiff !== 0) return orderDiff;
+      return String(left?.label || '').localeCompare(String(right?.label || ''));
+    })
+    .filter(module => module.menus.length > 0);
 
   if (normalizedModules.length > 0) {
     return normalizedModules;
@@ -174,47 +262,51 @@ export const normalizeRuntimeMenuResponse = (
 
   const normalizedAppType = String(appType || '').trim().toUpperCase();
 
-  if (allowFallback && normalizedAppType === 'MANAGER') {
-    return cloneRuntimeMenuModules(MANAGER_RUNTIME_MENU_FALLBACK);
-  }
+  if (allowFallback && normalizedAppType === 'MANAGER') {
+    return cloneRuntimeMenuModules(MANAGER_RUNTIME_MENU_FALLBACK);
+  }
 
-  return [];
-};
-
-export const filterRuntimeMenuModulesByType = (menus, menuType) => {
-  const normalizedMenuType =
-    menuType === null || menuType === undefined || String(menuType).trim() === ''
-      ? null
-      : normalizeRuntimeMenuType(menuType, '');
-
-  const modules = cloneRuntimeMenuModules(menus);
-  if (!normalizedMenuType) {
-    return modules;
-  }
-
-  return modules
-    .map(module => ({
-      ...module,
-      menus: Array.isArray(module?.menus)
-        ? module.menus.filter(
-            menu => normalizeRuntimeMenuType(menu?.menuType, '') === normalizedMenuType,
-          )
-        : [],
-    }))
-    .filter(module => module.menus.length > 0);
-};
-
-export const flattenRuntimeMenuItemsByType = (menus, menuType) =>
-  filterRuntimeMenuModulesByType(menus, menuType).flatMap(module =>
-    Array.isArray(module?.menus) ? module.menus : [],
-  );
-
-export const resolveRuntimeMenuLabel = (menu, translate) =>
-  translate?.('menu', 'menu', menu?.menuKey) || menu?.label || menu?.menuKey || '';
-
-export const getRuntimeMenuRoutes = menus =>
-  new Set(
-    (Array.isArray(menus) ? menus : [])
+  if (allowFallback && normalizedAppType === 'ADMIN') {
+    return cloneRuntimeMenuModules(ADMIN_RUNTIME_MENU_FALLBACK);
+  }
+
+  return [];
+};
+
+export const filterRuntimeMenuModulesByType = (menus, menuType) => {
+  const normalizedMenuType =
+    menuType === null || menuType === undefined || String(menuType).trim() === ''
+      ? null
+      : normalizeRuntimeMenuType(menuType, '');
+
+  const modules = cloneRuntimeMenuModules(menus);
+  if (!normalizedMenuType) {
+    return modules;
+  }
+
+  return modules
+    .map(module => ({
+      ...module,
+      menus: Array.isArray(module?.menus)
+        ? module.menus.filter(
+            menu => normalizeRuntimeMenuType(menu?.menuType, '') === normalizedMenuType,
+          )
+        : [],
+    }))
+    .filter(module => module.menus.length > 0);
+};
+
+export const flattenRuntimeMenuItemsByType = (menus, menuType) =>
+  filterRuntimeMenuModulesByType(menus, menuType).flatMap(module =>
+    Array.isArray(module?.menus) ? module.menus : [],
+  );
+
+export const resolveRuntimeMenuLabel = (menu, translate) =>
+  translate?.('menu', 'menu', menu?.menuKey) || menu?.label || menu?.menuKey || '';
+
+export const getRuntimeMenuRoutes = menus =>
+  new Set(
+    (Array.isArray(menus) ? menus : [])
       .flatMap(module => (Array.isArray(module?.menus) ? module.menus : []))
       .map(menu => menu?.route)
       .filter(Boolean),