@controleonline/ui-common 1.2.70

package/src/react/config/deviceConfigBootstrap.js

@@ -0,0 +1,571 @@
+import {
+  appendScreenMetrics,
+  hasScreenMetricsChanges,
+} from '@controleonline/ui-common/src/react/utils/screenMetrics';
+
+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';
+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_MANAGEMENT_MODE_MANAGE = 'manage';
+export const POS_CHECK_ORDER_MANAGEMENT_MODE_EXISTING_ONLY = 'existing-only';
+export const POS_OPERATION_MODE_DEFAULT = POS_OPERATION_MODE_CASHIER;
+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_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 '';
+};
+
+export const resolvePosOperationMode = configs =>
+  normalizePosOperationMode(
+    parseConfigsObject(configs)?.[POS_OPERATION_MODE_CONFIG_KEY],
+  );
+
+export const normalizePosCheckOrderType = value => {
+  const normalizedValue = String(value || '')
+    .trim()
+    .toLowerCase()
+    .normalize('NFD')
+    .replace(/[\u0300-\u036f]/g, '')
+    .replace(/[\s_]/g, '-');
+
+  if (
+    [
+      POS_CHECK_ORDER_TYPE_TAB,
+      'tab',
+    ].includes(normalizedValue)
+  ) {
+    return POS_CHECK_ORDER_TYPE_TAB;
+  }
+
+  if (
+    [
+      POS_CHECK_ORDER_TYPE_TABLE,
+      'table',
+    ].includes(normalizedValue)
+  ) {
+    return POS_CHECK_ORDER_TYPE_TABLE;
+  }
+
+  return POS_CHECK_ORDER_TYPE_NONE;
+};
+
+export const resolvePosCheckOrderType = configs =>
+  normalizePosCheckOrderType(
+    parseConfigsObject(configs)?.[POS_CHECK_ORDER_TYPE_CONFIG_KEY],
+  );
+
+export const normalizePosCheckOrderManagementMode = value => {
+  const normalizedValue = String(value || '')
+    .trim()
+    .toLowerCase()
+    .normalize('NFD')
+    .replace(/[\u0300-\u036f]/g, '')
+    .replace(/[\s_]/g, '-');
+
+  if (
+    [
+      POS_CHECK_ORDER_MANAGEMENT_MODE_EXISTING_ONLY,
+      'existing',
+      'existing-open',
+      'opened-only',
+      'already-open',
+      'use-open-only',
+      'use-existing-only',
+    ].includes(normalizedValue)
+  ) {
+    return POS_CHECK_ORDER_MANAGEMENT_MODE_EXISTING_ONLY;
+  }
+
+  if (
+    [
+      POS_CHECK_ORDER_MANAGEMENT_MODE_MANAGE,
+      'open-close',
+      'open-and-close',
+      'full',
+      'manage-open-close',
+    ].includes(normalizedValue)
+  ) {
+    return POS_CHECK_ORDER_MANAGEMENT_MODE_MANAGE;
+  }
+
+  return POS_CHECK_ORDER_MANAGEMENT_MODE_MANAGE;
+};
+
+export const resolvePosCheckOrderManagementMode = configs =>
+  normalizePosCheckOrderManagementMode(
+    parseConfigsObject(configs)?.[POS_CHECK_ORDER_MANAGEMENT_MODE_CONFIG_KEY],
+  );
+
+export const canManagePosCheckOrders = configs =>
+  resolvePosCheckOrderManagementMode(configs) ===
+  POS_CHECK_ORDER_MANAGEMENT_MODE_MANAGE;
+
+export const usesPosCheckLinkedOrder = configs =>
+  resolvePosCheckOrderType(configs) !== POS_CHECK_ORDER_TYPE_NONE;
+
+export const isPosTotemMode = configs =>
+  resolvePosOperationMode(configs) === POS_OPERATION_MODE_TOTEM;
+
+export const isPosKioskMode = isPosTotemMode;
+
+export const isAndroidKioskEnabled = configs => {
+  const parsedConfigs = parseConfigsObject(configs);
+  const storedValue = parsedConfigs?.[DEVICE_ANDROID_KIOSK_ENABLED_CONFIG_KEY];
+
+  return isTruthyValue(storedValue);
+};
+
+export const isAndroidLauncherEnabled = configs => {
+  const parsedConfigs = parseConfigsObject(configs);
+  const storedValue =
+    parsedConfigs?.[DEVICE_ANDROID_LAUNCHER_ENABLED_CONFIG_KEY];
+
+  return isTruthyValue(storedValue);
+};
+
+export const isPosSingleItemMode = configs =>
+  resolvePosOperationMode(configs) === POS_OPERATION_MODE_SINGLE_ITEM;
+
+export const shouldEnableAndroidKioskMode = ({
+  appType,
+  configs,
+  platform,
+}) =>
+  String(appType || '').trim().toUpperCase() === 'POS' &&
+  platform === 'android' &&
+  isAndroidKioskEnabled(configs);
+
+export const shouldEnableAndroidLauncherMode = ({
+  appType,
+  configs,
+  platform,
+}) =>
+  String(appType || '').trim().toUpperCase() === 'POS' &&
+  platform === 'android' &&
+  isAndroidLauncherEnabled(configs);
+
+export const isPosCounterMode = configs =>
+  resolvePosOperationMode(configs) === POS_OPERATION_MODE_COUNTER;
+
+export const isPosSelfServiceMode = configs =>
+  isPosTotemMode(configs) || isPosCounterMode(configs);
+
+export const resolvePosPrintMode = configs => {
+  const value = String(parseConfigsObject(configs)?.['print-mode'] || '')
+    .trim()
+    .toLowerCase();
+
+  return value === POS_PRINT_MODE_FORM
+    ? POS_PRINT_MODE_FORM
+    : POS_PRINT_MODE_DEFAULT;
+};
+
+export const isPosAutoPrintEnabled = configs => {
+  const parsedConfigs = parseConfigsObject(configs);
+  const storedValue = parsedConfigs?.[POS_AUTO_PRINT_ENABLED_CONFIG_KEY];
+
+  if (
+    storedValue === undefined ||
+    storedValue === null ||
+    String(storedValue).trim() === ''
+  ) {
+    return !isPosCounterMode(parsedConfigs);
+  }
+
+  return isTruthyValue(storedValue);
+};
+
+export const resolvePosCashManagementMode = configs => {
+  const normalizedValue = String(
+    parseConfigsObject(configs)?.[POS_CASH_MANAGEMENT_MODE_CONFIG_KEY] || '',
+  )
+    .trim()
+    .toLowerCase()
+    .normalize('NFD')
+    .replace(/[\u0300-\u036f]/g, '')
+    .replace(/[\s_]/g, '-');
+
+  if (
+    normalizedValue === POS_CASH_MANAGEMENT_MODE_DAILY
+  ) {
+    return POS_CASH_MANAGEMENT_MODE_DAILY;
+  }
+
+  if (
+    normalizedValue === POS_CASH_MANAGEMENT_MODE_CASH_REGISTER
+  ) {
+    return POS_CASH_MANAGEMENT_MODE_CASH_REGISTER;
+  }
+
+  return POS_CASH_MANAGEMENT_MODE_DEFAULT;
+};
+
+export const shouldUsePosCashRegisterLifecycle = configs => {
+  if (isPosTotemMode(configs)) {
+    return false;
+  }
+
+  if (isPosCounterMode(configs)) {
+    return (
+      resolvePosCashManagementMode(configs) ===
+      POS_CASH_MANAGEMENT_MODE_CASH_REGISTER
+    );
+  }
+
+  return true;
+};
+
+export const isPosCashRegisterOpen = configs => {
+  if (!shouldUsePosCashRegisterLifecycle(configs)) {
+    return true;
+  }
+
+  const parsedConfigs = parseConfigsObject(configs);
+
+  if (Object.keys(parsedConfigs).length === 0) {
+    return true;
+  }
+
+  const closedValue = parsedConfigs?.['cash-wallet-closed-id'];
+
+  if (closedValue === undefined || closedValue === null || closedValue === '') {
+    return true;
+  }
+
+  return closedValue === 0 || closedValue === '0';
+};
+
+export const isPosCashRegisterClosed = configs =>
+  !isPosCashRegisterOpen(configs);
+
+export const getPosOperationModeOption = mode => {
+  const normalizedMode = normalizePosOperationMode(mode);
+
+  return POS_OPERATION_MODE_OPTIONS.find(
+    option => option.value === normalizedMode,
+  );
+};
+
+export const resolveDeviceOrderVisibility = configs => {
+  const parsedConfigs = parseConfigsObject(configs);
+  const value = String(parsedConfigs?.[DEVICE_ORDER_VISIBILITY_KEY] || '')
+    .trim()
+    .toLowerCase();
+
+  return value === DEVICE_ORDER_VISIBILITY_COMPANY
+    ? DEVICE_ORDER_VISIBILITY_COMPANY
+    : DEVICE_ORDER_VISIBILITY_DEVICE;
+};
+
+export const canDeviceViewCompanyOrders = configs =>
+  resolveDeviceOrderVisibility(configs) === DEVICE_ORDER_VISIBILITY_COMPANY;
+
+export const isPosDeliveryEnabled = configs => {
+  const parsedConfigs = parseConfigsObject(configs);
+  const storedValue = parsedConfigs?.[POS_DELIVERY_ENABLED_CONFIG_KEY];
+
+  if (isMissingConfigValue(storedValue)) {
+    return true;
+  }
+
+  return isTruthyValue(storedValue);
+};
+
+export const isDeviceRuntimeDebugInfoEnabled = configs =>
+  isTruthyValue(
+    parseConfigsObject(configs)?.[DEVICE_RUNTIME_DEBUG_INFO_ENABLED_KEY],
+  );
+
+export const canDisplayChangePrinter = configs =>
+  isTruthyValue(
+    parseConfigsObject(configs)?.[DISPLAY_ALLOW_PRINTER_CHANGE_CONFIG_KEY],
+  );
+
+export const resolveDefaultGateway = deviceInfo => {
+  const manufacturer = String(deviceInfo?.manufacturer || '').toLowerCase();
+  const isEmulator = isTruthyValue(deviceInfo?.isEmulator);
+
+  return CIELO_DEVICES.includes(manufacturer) && !isEmulator
+    ? 'cielo'
+    : 'infinite-pay';
+};
+
+export const normalizePersistedGateway = value => {
+  const normalizedValue = String(value || '')
+    .trim()
+    .toLowerCase()
+    .replace(/[\s_]/g, '-');
+
+  return SUPPORTED_POS_GATEWAYS.includes(normalizedValue)
+    ? normalizedValue
+    : '';
+};
+
+export const buildDefaultDeviceConfigs = ({configs, appVersion, deviceInfo}) => {
+  let nextConfigs = parseConfigsObject(configs);
+  let needsUpdate = false;
+
+  const metricsConfigs = appendScreenMetrics(nextConfigs);
+  if (hasScreenMetricsChanges(nextConfigs, metricsConfigs)) {
+    nextConfigs = metricsConfigs;
+    needsUpdate = true;
+  }
+
+  Object.entries(DEFAULT_DEVICE_CONFIGS).forEach(([key, defaultValue]) => {
+    if (isMissingConfigValue(nextConfigs[key])) {
+      nextConfigs[key] = defaultValue;
+      needsUpdate = true;
+    }
+  });
+
+  if (isMissingConfigValue(nextConfigs['config-version'])) {
+    nextConfigs['config-version'] = appVersion || deviceInfo?.appVersion || '1.0.0';
+    needsUpdate = true;
+  }
+
+  if (isMissingConfigValue(nextConfigs['pos-gateway'])) {
+    nextConfigs['pos-gateway'] = resolveDefaultGateway(deviceInfo);
+    needsUpdate = true;
+  }
+
+  return {nextConfigs, needsUpdate};
+};
+
+export const buildProviderManagedDeviceConfigs = ({
+  configs,
+  appVersion,
+  deviceInfo,
+}) => {
+  let nextConfigs = parseConfigsObject(configs);
+  let needsUpdate = false;
+
+  const metricsConfigs = appendScreenMetrics(nextConfigs);
+  if (hasScreenMetricsChanges(nextConfigs, metricsConfigs)) {
+    nextConfigs = metricsConfigs;
+    needsUpdate = true;
+  }
+
+  const nextVersion = appVersion || deviceInfo?.appVersion || '1.0.0';
+  if (nextVersion && nextConfigs['config-version'] !== nextVersion) {
+    nextConfigs['config-version'] = nextVersion;
+    needsUpdate = true;
+  }
+
+  const persistedGateway = normalizePersistedGateway(nextConfigs['pos-gateway']);
+  const nextGateway = persistedGateway || resolveDefaultGateway(deviceInfo);
+  if (nextGateway && nextConfigs['pos-gateway'] !== nextGateway) {
+    nextConfigs['pos-gateway'] = nextGateway;
+    needsUpdate = true;
+  }
+
+  return {nextConfigs, needsUpdate};
+};

package/src/react/index.js

@@ -0,0 +1,4 @@
+// React entrypoint kept after Vue removal.
+const moduleEntry = {};
+
+export default moduleEntry;

package/src/react/localStorage.js

@@ -0,0 +1,30 @@
+import { Platform } from 'react-native';
+import AsyncStorage from '@react-native-async-storage/async-storage';
+
+if (Platform.OS !== 'web') {
+  let store = {};
+
+  (async () => {
+    const keys = await AsyncStorage.getAllKeys();
+    const pairs = await AsyncStorage.multiGet(keys);
+    pairs.forEach(([key, value]) => {
+      store[key] = value;
+    });
+  })();
+
+  global.localStorage = {
+    getItem: key => store[key] ?? null,
+    setItem: (key, value) => {
+      store[key] = value;
+      AsyncStorage.setItem(key, value);
+    },
+    removeItem: key => {
+      delete store[key];
+      AsyncStorage.removeItem(key);
+    },
+    clear: () => {
+      store = {};
+      AsyncStorage.clear();
+    },
+  };
+}