@controleonline/ui-common 1.2.70 → 1.2.71

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

@@ -126,8 +126,36 @@ const MANAGER_RUNTIME_MENU_FALLBACK = [
         sortOrder: 60,
       },
     ],
-  },
-];
+  },
+];
+
+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,
+      },
+    ],
+  },
+];
 
 const cloneRuntimeMenuModules = modules =>
   (Array.isArray(modules) ? modules : []).map(module => ({
@@ -177,7 +205,11 @@ export const normalizeRuntimeMenuResponse = (
   if (allowFallback && normalizedAppType === 'MANAGER') {
     return cloneRuntimeMenuModules(MANAGER_RUNTIME_MENU_FALLBACK);
   }
-
+
+  if (allowFallback && normalizedAppType === 'ADMIN') {
+    return cloneRuntimeMenuModules(ADMIN_RUNTIME_MENU_FALLBACK);
+  }
+
   return [];
 };
 

package/src/react/utils/shopConfig.js

@@ -46,12 +46,14 @@ export const SHOP_FRANCHISE_VISIBLE_ADDRESS_IDS_CONFIG_KEY =
   'shop-franchise-visible-address-ids';
 export const SHOP_LOYALTY_COUPONS_ENABLED_CONFIG_KEY =
   'shop-loyalty-coupons-enabled';
-export const SHOP_LOYALTY_PRODUCT_IDS_CONFIG_KEY = 
-  'shop-loyalty-product-ids';
-export const SHOP_LOYALTY_REQUIRED_SALES_CONFIG_KEY =
-  'shop-loyalty-required-sales';
-export const SHOP_LOYALTY_GIFT_PRODUCT_ID_CONFIG_KEY =
-  'shop-loyalty-gift-product-id';
+export const SHOP_LOYALTY_PRODUCT_IDS_CONFIG_KEY = 
+  'shop-loyalty-product-ids';
+export const SHOP_LOYALTY_REQUIRED_SALES_CONFIG_KEY =
+  'shop-loyalty-required-sales';
+export const SHOP_LOYALTY_GIFT_PRODUCT_ID_CONFIG_KEY =
+  'shop-loyalty-gift-product-id';
+export const SHOP_LOYALTY_STAMP_ICON_URL_CONFIG_KEY =
+  'shop-loyalty-stamp-icon-url';
 
 export const normalizeShopEntityId = value => {
   if (!value) {
@@ -218,11 +220,11 @@ export const normalizeShopPrimaryEntry = (
   return enabledOptions[0] || '';
 };
 
-export const resolveShopSettings = configs => {
-  const configMap =
-    configs && typeof configs === 'object' && !Array.isArray(configs)
-      ? configs
-      : {};
+export const resolveShopSettings = configs => {
+  const configMap =
+    configs && typeof configs === 'object' && !Array.isArray(configs)
+      ? configs
+      : {};
 
   const salesPageEnabled = normalizeBooleanConfig(
     configMap[SHOP_SALES_PAGE_ENABLED_CONFIG_KEY],
@@ -241,11 +243,11 @@ export const resolveShopSettings = configs => {
     configMap[SHOP_LOYALTY_COUPONS_ENABLED_CONFIG_KEY],
   );
 
-  return {
-    salesPageEnabled,
-    franchiseLocatorEnabled,
-    loyaltyCouponsEnabled,
-    enabledHomeOptions,
+  return {
+    salesPageEnabled,
+    franchiseLocatorEnabled,
+    loyaltyCouponsEnabled,
+    enabledHomeOptions,
     primaryEntry: normalizeShopPrimaryEntry(
       configMap[SHOP_PRIMARY_ENTRY_CONFIG_KEY],
       {
@@ -284,11 +286,35 @@ export const resolveShopSettings = configs => {
     loyaltyProductIds: normalizeShopEntityIds(
       configMap[SHOP_LOYALTY_PRODUCT_IDS_CONFIG_KEY],
     ),
-    loyaltyRequiredSales: normalizeShopLoyaltyRequiredSales(
-      configMap[SHOP_LOYALTY_REQUIRED_SALES_CONFIG_KEY],
-    ),
-    loyaltyGiftProductId: normalizeShopEntityId(
-      configMap[SHOP_LOYALTY_GIFT_PRODUCT_ID_CONFIG_KEY],
-    ),
-  };
-};
+    loyaltyRequiredSales: normalizeShopLoyaltyRequiredSales(
+      configMap[SHOP_LOYALTY_REQUIRED_SALES_CONFIG_KEY],
+    ),
+    loyaltyGiftProductId: normalizeShopEntityId(
+      configMap[SHOP_LOYALTY_GIFT_PRODUCT_ID_CONFIG_KEY],
+    ),
+    loyaltyStampIconUrl: normalizeShopTextConfig(
+      configMap[SHOP_LOYALTY_STAMP_ICON_URL_CONFIG_KEY],
+    ),
+  };
+};
+
+export const saveAndUpdateConfigValue = ({
+  configKey,
+  nextValue,
+  saveConfig,
+  setValue,
+}) => {
+  setValue(nextValue);
+  return saveConfig(configKey, nextValue);
+};
+
+export const toggleAndSaveBooleanConfig = ({
+  configKey,
+  currentValue,
+  saveConfig,
+  setValue,
+}) => {
+  const nextValue = !Boolean(currentValue);
+  setValue(nextValue);
+  return saveConfig(configKey, nextValue ? '1' : '0');
+};

package/src/react/utils/shopFranchises.js

@@ -10,12 +10,21 @@ export const SHOP_FRANCHISE_PAGE_SIZE = 50;
 
 const normalizeItemsPerPage = value =>
   Math.max(1, Math.min(SHOP_FRANCHISE_PAGE_SIZE, Number(value) || SHOP_FRANCHISE_PAGE_SIZE));
-
-const sortByLabel = (left, right) =>
-  String(left || '')
-    .localeCompare(String(right || ''), 'pt-BR', {
-      sensitivity: 'base',
-    });
+
+const normalizeFranchiseDirectoryItem = company => ({
+  ...company,
+  shopAddresses: Array.isArray(company?.shopAddresses)
+    ? company.shopAddresses
+    : Array.isArray(company?.address)
+      ? company.address
+      : [],
+});
+
+const sortByLabel = (left, right) =>
+  String(left || '')
+    .localeCompare(String(right || ''), 'pt-BR', {
+      sensitivity: 'base',
+    });
 
 export const resolveFranchiseCompanyLabel = company =>
   String(company?.alias || company?.name || '').trim() ||
@@ -49,14 +58,46 @@ export const fetchShopFranchiseCompanies = async ({
   const items = extractCollectionItems(response);
 
   return items
-    .map(company => ({
-      ...company,
-      shopAddresses: Array.isArray(company?.shopAddresses)
-        ? company.shopAddresses
-        : Array.isArray(company?.address)
-          ? company.address
-          : [],
-    }))
+    .map(normalizeFranchiseDirectoryItem)
+    .sort((left, right) =>
+      sortByLabel(
+        resolveFranchiseCompanyLabel(left),
+        resolveFranchiseCompanyLabel(right),
+      ),
+    );
+};
+
+export const fetchAllShopFranchiseDirectory = async ({
+  companyId,
+  publicDirectory = false,
+  search = '',
+  itemsPerPage = SHOP_FRANCHISE_PAGE_SIZE,
+} = {}) => {
+  const normalizedItemsPerPage = normalizeItemsPerPage(itemsPerPage);
+  const items = [];
+  let page = 1;
+
+  while (true) {
+    const pageItems = await fetchShopFranchiseCompanies({
+      companyId,
+      publicDirectory,
+      search,
+      page,
+      itemsPerPage: normalizedItemsPerPage,
+    });
+    const normalizedPageItems = Array.isArray(pageItems) ? pageItems : [];
+
+    items.push(...normalizedPageItems);
+
+    if (normalizedPageItems.length < normalizedItemsPerPage) {
+      break;
+    }
+
+    page += 1;
+  }
+
+  return items
+    .map(normalizeFranchiseDirectoryItem)
     .sort((left, right) =>
       sortByLabel(
         resolveFranchiseCompanyLabel(left),
@@ -102,13 +143,6 @@ export const fetchShopFranchiseDirectory = async ({
     itemsPerPage,
   });
 
-  return companies.map(company => ({
-    ...company,
-    shopAddresses: Array.isArray(company?.shopAddresses)
-      ? company.shopAddresses
-      : Array.isArray(company?.address)
-        ? company.address
-        : [],
-  }));
+  return companies.map(normalizeFranchiseDirectoryItem);
 };
 // TODO(store-first): quando este arquivo for mexido, mover a leitura para stores, remover api.fetch e evitar repassar dados em objetos quando o store ja resolver isso.

package/src/react/utils/socketRuntimePipeline.js

@@ -104,15 +104,15 @@ const createSocketRuntimePipeline = ({
         : 'socket:open'
       : `socket:${normalizedStatus || 'off'}`;
 
-    const indicatorColor =
-      socketConnected && socketIdentified
-        ? '#10b981'
-        : (socketConnected ||
-            ['connecting', 'identifying', 'open', 'reconnecting'].includes(
-              normalizedStatus,
-            ))
-          ? '#e67e22'
-          : '#c10015';
+    const indicatorTone =
+      socketConnected && socketIdentified
+        ? 'success'
+        : (socketConnected ||
+            ['connecting', 'identifying', 'open', 'reconnecting'].includes(
+              normalizedStatus,
+            ))
+          ? 'warning'
+          : 'error';
 
     const lastSocketStores = Array.isArray(state?.lastStores)
       ? state.lastStores.filter(Boolean).join(', ')
@@ -122,11 +122,11 @@ const createSocketRuntimePipeline = ({
       : '';
 
     runtimeDebugActions.setFooterEntry({
-      key: 'socket',
-      order: 10,
-      indicatorColor,
-      updatedAt: state?.updatedAt || new Date().toISOString(),
-      lines: [
+      key: 'socket',
+      order: 10,
+      indicatorTone,
+      updatedAt: state?.updatedAt || new Date().toISOString(),
+      lines: [
         `Realtime ${stateLabel} | empresa: ${normalizeText(
           getCurrentCompanyId(),
         ) || '--'} | device: ${truncateText(

package/src/store/configs/index.js

@@ -6,8 +6,8 @@ import * as customActions from './customActions';
 export default {
   namespaced: true,
   state: {
-    item: null, //Don´t Touch plz....
-    items: null, //Don´t Touch plz....
+    item: null, //Don't Touch plz....
+    items: null, //Don't Touch plz....
     resourceEndpoint: 'configs',
     isLoading: false,
     isSaving: false,

package/src/tests/react/api/loadSmokeIndex.test.js

@@ -0,0 +1,75 @@
+const {afterAll, afterEach, beforeEach, describe, expect, it} = global;
+const {jest} = require('@jest/globals');
+
+jest.mock('react-native', () => ({
+  Platform: {
+    OS: 'web',
+    select: options => options.web || options.default || options.ios || options.android,
+  },
+}));
+
+const originalLocalStorage = global.localStorage;
+
+global.localStorage = {
+  clear: jest.fn(),
+  getItem: jest.fn(() => '{}'),
+  removeItem: jest.fn(),
+  setItem: jest.fn(),
+};
+
+const {api} = require('@controleonline/ui-common/src/api');
+
+describe('smoke api helper', () => {
+  const originalFetch = global.fetch;
+  const originalGetToken = api.getToken;
+
+  beforeEach(() => {
+    global.fetch = jest.fn();
+    api.getToken = jest.fn().mockResolvedValue('session-token');
+  });
+
+  afterEach(() => {
+    global.fetch = originalFetch;
+    api.getToken = originalGetToken;
+    jest.restoreAllMocks();
+  });
+
+  afterAll(() => {
+    global.localStorage = originalLocalStorage;
+  });
+
+  it('loads the smoke index from the canonical /tests endpoint and sends the app-domain', async () => {
+    global.fetch.mockResolvedValue({
+      ok: true,
+      status: 200,
+      statusText: 'OK',
+      text: async () =>
+        JSON.stringify({
+          status: 'idle',
+          summary: {
+            types: {total: 0, passed: 0, failed: 0},
+            suites: {total: 0, passed: 0, failed: 0},
+            tests: {total: 0, passed: 0, failed: 0},
+          },
+          types: [],
+          suites: [],
+        }),
+    });
+
+    const response = await api.loadSmokeIndex({
+      apiBaseUrl: 'https://smoke.example.test',
+      domain: 'https://admin.controleonline.com/tests-playground',
+    });
+
+    expect(global.fetch).toHaveBeenCalledTimes(1);
+
+    const [url, options] = global.fetch.mock.calls[0];
+    expect(url).toBe('https://smoke.example.test/tests');
+    expect(options.headers.get('App-Domain')).toBe('admin.controleonline.com');
+    expect(options.headers.get('API-TOKEN')).toBe('session-token');
+    expect(options.headers.get('X-API-KEY')).toBeNull();
+    expect(options.headers.get('Accept')).toBe('application/ld+json');
+    expect(options.headers.get('Content-Type')).toBe('application/ld+json');
+    expect(response.status).toBe('idle');
+  });
+});

package/src/tests/react/config/deviceConfigBootstrap.test.js

@@ -18,6 +18,8 @@ const {
   POS_CASH_MANAGEMENT_MODE_CONFIG_KEY,
   POS_DELIVERY_ENABLED_CONFIG_KEY,
   POS_OPERATION_MODE_CONFIG_KEY,
+  POS_CHECK_ORDER_TYPE_CONFIG_KEY,
+  POS_CHECK_ORDER_TYPE_STAMP,
   isPosSingleItemMode,
   isPosAutoPrintEnabled,
   isPosCashRegisterClosed,
@@ -30,9 +32,11 @@ const {
   isDisplaySideBreakEnabled,
   normalizeDisplaySize,
   resolveDisplaySize,
+  resolvePosCheckOrderTypeForShop,
   resolvePosCashManagementMode,
   resolvePosOperationMode,
   resolvePosPrintMode,
+  resolvePosCheckOrderType,
   shouldEnableAndroidKioskMode,
   shouldEnableAndroidLauncherMode,
   shouldUsePosCashRegisterLifecycle,
@@ -179,6 +183,49 @@ describe('deviceConfigBootstrap POS operation helpers', () => {
     ).toBe(false)
   })
 
+  it('normalizes stamp linked order types for the POS config', () => {
+    expect(
+      resolvePosCheckOrderType({
+        [POS_CHECK_ORDER_TYPE_CONFIG_KEY]: 'stamp',
+      }),
+    ).toBe(POS_CHECK_ORDER_TYPE_STAMP)
+    expect(
+      resolvePosCheckOrderType({
+        [POS_CHECK_ORDER_TYPE_CONFIG_KEY]: 'carimbo',
+      }),
+    ).toBe(POS_CHECK_ORDER_TYPE_STAMP)
+  })
+
+  it('disables stamp when shop loyalty coupons are off', () => {
+    expect(
+      resolvePosCheckOrderTypeForShop(
+        {
+          [POS_CHECK_ORDER_TYPE_CONFIG_KEY]: 'stamp',
+        },
+        {
+          'shop-loyalty-coupons-enabled': '0',
+        },
+      ),
+    ).toBe('none')
+
+    expect(
+      resolvePosCheckOrderTypeForShop(
+        {
+          [POS_CHECK_ORDER_TYPE_CONFIG_KEY]: 'stamp',
+        },
+        {
+          'shop-loyalty-coupons-enabled': '1',
+        },
+      ),
+    ).toBe(POS_CHECK_ORDER_TYPE_STAMP)
+
+    expect(
+      resolvePosCheckOrderTypeForShop({
+        [POS_CHECK_ORDER_TYPE_CONFIG_KEY]: 'stamp',
+      }),
+    ).toBe(POS_CHECK_ORDER_TYPE_STAMP)
+  })
+
   it('defaults display size to 5 and clamps the configured range to 1..10', () => {
     expect(resolveDisplaySize({})).toBe(DISPLAY_SIZE_DEFAULT)
     expect(

package/src/tests/react/print/localPrintProvider.test.js

@@ -2,7 +2,7 @@ const {jest} = require('@jest/globals')
 
 const mockPrint = jest.fn()
 
-jest.mock('@controleonline/ui-orders/src/react/services/Cielo/Print', () => ({
+jest.mock('../../../react/services/Cielo/Print', () => ({
   CieloPrint: jest.fn().mockImplementation(() => ({
     print: mockPrint,
   })),