@controleonline/ui-common 1.2.70

package/src/react/pages/SettingsPage/index.styles.js

@@ -0,0 +1,122 @@
+export const inlineStyle_565_16 = {
+  marginTop: 20,
+};
+
+export const inlineStyle_639_14 = {
+  marginTop: 16,
+  padding: 14,
+  backgroundColor: '#EFF6FF',
+  borderRadius: 12,
+  borderWidth: 1,
+  borderColor: '#BFDBFE',
+};
+
+export const inlineStyle_650_20 = {
+  fontSize: 12,
+  lineHeight: 18,
+  color: '#1D4ED8',
+};
+
+export const inlineStyle_659_16 = {
+  marginTop: 12,
+  marginBottom: 10,
+};
+
+export const inlineStyle_676_16 = {
+  marginTop: 6,
+  marginBottom: 10,
+};
+
+export const inlineStyle_690_16 = {
+  marginTop: 6,
+  marginBottom: 10,
+};
+
+export const inlineStyle_704_12 = {
+  flexDirection: 'row',
+  alignItems: 'center',
+  justifyContent: 'space-between',
+  marginTop: 12,
+};
+
+export const inlineStyle_720_12 = {
+  flexDirection: 'row',
+  alignItems: 'center',
+  justifyContent: 'space-between',
+  marginTop: 12,
+};
+
+export const inlineStyle_736_12 = {
+  marginTop: 16,
+  padding: 14,
+  backgroundColor: '#F8FAFC',
+  borderRadius: 12,
+};
+
+export const inlineStyle_743_14 = {
+  flexDirection: 'row',
+  alignItems: 'center',
+  justifyContent: 'space-between',
+};
+
+export const inlineStyle_757_14 = {
+  fontSize: 12,
+  lineHeight: 18,
+  color: '#64748B',
+  marginTop: 8,
+};
+
+export const inlineStyle_783_14 = {
+  minHeight: 46,
+  borderWidth: 1,
+  borderColor: '#E2E8F0',
+  borderRadius: 10,
+  backgroundColor: '#fff',
+  color: '#0F172A',
+  paddingHorizontal: 12,
+  paddingVertical: 10,
+  outlineStyle: 'none',
+};
+
+export const inlineStyle_798_12 = {
+  marginTop: 16,
+  padding: 14,
+  backgroundColor: '#F8FAFC',
+  borderRadius: 12,
+};
+
+export const inlineStyle_805_14 = {
+  flexDirection: 'row',
+  alignItems: 'center',
+  justifyContent: 'space-between',
+};
+
+export const inlineStyle_818_14 = {
+  fontSize: 12,
+  lineHeight: 18,
+  color: '#64748B',
+  marginTop: 8,
+};
+
+export const inlineStyle_830_16 = {
+  marginTop: 6,
+};
+
+export const inlineStyle_841_16 = {
+  marginTop: 6,
+  marginBottom: 10,
+};
+
+export const inlineStyle_852_16 = {
+  marginTop: 6,
+  marginBottom: 10,
+};
+
+export const inlineStyle_871_18 = {
+  marginTop: 10,
+};
+
+export const inlineStyle_899_18 = {
+  color: '#fff',
+  marginLeft: 8,
+};

package/src/react/print/jobs.js

@@ -0,0 +1,147 @@
+import {normalizeDeviceId} from '@controleonline/ui-common/src/react/utils/paymentDevices';
+
+export const PRINT_JOB_TYPE_ORDER = 'order';
+export const PRINT_JOB_TYPE_ORDER_PRODUCT = 'order-product';
+export const PRINT_JOB_TYPE_ORDER_PRODUCT_QUEUE = 'order-product-queue';
+export const PRINT_JOB_TYPE_CASH_REGISTER = 'cash-register';
+export const PRINT_JOB_TYPE_PURCHASING_SUGGESTION = 'purchasing-suggestion';
+export const PRINT_JOB_TYPE_INVENTORY = 'inventory';
+export const PRINT_JOB_TYPE_PRODUCT_LABEL = 'product-label';
+export const PRINT_JOB_TYPE_SPOOL = 'spool';
+
+export const PRINT_CONTEXT_DEVICE = 'device';
+export const PRINT_CONTEXT_DISPLAY = 'display';
+export const PRINT_CONTEXT_SPOOL = 'spool';
+
+const normalizeEntityId = value =>
+  String(value || '')
+    .replace(/\D+/g, '')
+    .trim();
+
+const normalizeIds = value =>
+  (Array.isArray(value) ? value : [value])
+    .map(item => normalizeEntityId(item))
+    .filter(Boolean);
+
+export const buildPrintSelectionKey = ({
+  companyId = '',
+  contextType = PRINT_CONTEXT_DEVICE,
+  deviceId = '',
+  displayId = '',
+} = {}) =>
+  [
+    String(contextType || PRINT_CONTEXT_DEVICE).trim().toLowerCase(),
+    normalizeEntityId(companyId),
+    normalizeDeviceId(deviceId),
+    normalizeEntityId(displayId),
+  ]
+    .filter(Boolean)
+    .join(':');
+
+export const buildPrintRequestKey = ({
+  type = '',
+  id = '',
+  orderId = '',
+  orderProductId = '',
+  orderProductQueueId = '',
+  spoolId = '',
+  selectionKey = '',
+} = {}) =>
+  [
+    String(type || '').trim().toLowerCase(),
+    normalizeEntityId(id),
+    normalizeEntityId(orderId),
+    normalizeEntityId(orderProductId),
+    normalizeEntityId(orderProductQueueId),
+    normalizeEntityId(spoolId),
+    String(selectionKey || '').trim(),
+  ]
+    .filter(Boolean)
+    .join(':');
+
+export const normalizePrintJob = ({
+  job = {},
+  fallbackType = '',
+  fallbackId = '',
+} = {}) => {
+  const type = String(job?.type || fallbackType || '')
+    .trim()
+    .toLowerCase();
+
+  if (!type) {
+    return null;
+  }
+
+  if (type === PRINT_JOB_TYPE_SPOOL) {
+    const spoolId = normalizeEntityId(job?.spoolId || job?.id || fallbackId);
+    return spoolId ? {type, spoolId} : null;
+  }
+
+  if (type === PRINT_JOB_TYPE_ORDER_PRODUCT) {
+    const orderProductId = normalizeEntityId(
+      job?.orderProductId || job?.id || fallbackId,
+    );
+    if (!orderProductId) {
+      return null;
+    }
+
+    return {
+      type,
+      orderProductId,
+      orderProductQueueIds: normalizeIds(job?.orderProductQueueIds),
+    };
+  }
+
+  if (type === PRINT_JOB_TYPE_ORDER_PRODUCT_QUEUE) {
+    const orderProductQueueId = normalizeEntityId(
+      job?.orderProductQueueId || job?.id || fallbackId,
+    );
+    if (!orderProductQueueId) {
+      return null;
+    }
+
+    return {
+      type,
+      orderProductQueueId,
+    };
+  }
+
+  if (type === PRINT_JOB_TYPE_ORDER) {
+    const orderId = normalizeEntityId(job?.orderId || job?.id || fallbackId);
+    if (!orderId) {
+      return null;
+    }
+
+    return {
+      type,
+      orderId,
+      queueIds: normalizeIds(job?.queueIds),
+      orderProductQueueIds: normalizeIds(job?.orderProductQueueIds),
+    };
+  }
+
+  if (
+    [
+      PRINT_JOB_TYPE_CASH_REGISTER,
+      PRINT_JOB_TYPE_PURCHASING_SUGGESTION,
+      PRINT_JOB_TYPE_INVENTORY,
+    ].includes(type)
+  ) {
+    return {type};
+  }
+
+  if (type === PRINT_JOB_TYPE_PRODUCT_LABEL) {
+    return {
+      type,
+      id: normalizeEntityId(job?.id || job?.productId || fallbackId),
+      productId: normalizeEntityId(job?.productId || job?.id || fallbackId),
+      productName: String(job?.productName || '').trim(),
+      handlingDate: String(job?.handlingDate || '').trim(),
+      expirationDate: String(job?.expirationDate || '').trim(),
+      freeText: String(job?.freeText || '').trim(),
+      labelText: String(job?.labelText || '').trim(),
+    };
+  }
+
+  return null;
+};

package/src/react/print/providers/local.js

@@ -0,0 +1,53 @@
+import {CieloPrint} from '@controleonline/ui-orders/src/react/services/Cielo/Print';
+
+export const LOCAL_CIELO_PRINT_UNAVAILABLE_MESSAGE =
+  'Impressao local Cielo indisponivel neste equipamento.';
+
+export const resolveLocalCieloPrintErrorMessage = response => {
+  const result = String(response?.result || '').trim();
+
+  if (/No Activity found to handle Intent/i.test(result)) {
+    return (
+      global.t?.t('orders', 'message', 'localCieloPrintUnavailable') ||
+      LOCAL_CIELO_PRINT_UNAVAILABLE_MESSAGE
+    );
+  }
+
+  return (
+    result ||
+    global.t?.t('orders', 'message', 'printProcessingError') ||
+    'Falha ao imprimir.'
+  );
+};
+
+export const decodeLocalPrintPayload = content => {
+  if (content === null || content === undefined) {
+    return '';
+  }
+
+  if (typeof content !== 'string') {
+    return JSON.stringify(content);
+  }
+
+  if (typeof globalThis.atob === 'function') {
+    try {
+      return globalThis.atob(content);
+    } catch (error) {
+      return content;
+    }
+  }
+
+  return content;
+};
+
+export const printOnLocalCielo = async content => {
+  const cielo = new CieloPrint();
+  const payload = decodeLocalPrintPayload(content);
+  const response = await cielo.print(payload);
+
+  if (response?.success === false) {
+    throw new Error(resolveLocalCieloPrintErrorMessage(response));
+  }
+
+  return response;
+};

package/src/react/print/providers/remote.js

@@ -0,0 +1,81 @@
+import {
+  PRINT_JOB_TYPE_CASH_REGISTER,
+  PRINT_JOB_TYPE_INVENTORY,
+  PRINT_JOB_TYPE_ORDER,
+  PRINT_JOB_TYPE_ORDER_PRODUCT,
+  PRINT_JOB_TYPE_ORDER_PRODUCT_QUEUE,
+  PRINT_JOB_TYPE_PRODUCT_LABEL,
+  PRINT_JOB_TYPE_PURCHASING_SUGGESTION,
+} from '@controleonline/ui-common/src/react/print/jobs';
+
+export const executeRemotePrintRequest = async ({
+  printActions,
+  printJob,
+  targetDeviceId,
+  targetDeviceType = '',
+  currentCompanyId = null,
+}) => {
+  const commonParams = {
+    device: targetDeviceId,
+    ...(targetDeviceType ? {type: targetDeviceType} : {}),
+    ...(currentCompanyId ? {people: currentCompanyId} : {}),
+  };
+
+  if (printJob.type === PRINT_JOB_TYPE_ORDER) {
+    return await printActions.printOrder({
+      id: printJob.orderId,
+      ...commonParams,
+      ...(Array.isArray(printJob.queueIds) && printJob.queueIds.length > 0
+        ? {queueIds: printJob.queueIds}
+        : {}),
+      ...(Array.isArray(printJob.orderProductQueueIds) &&
+      printJob.orderProductQueueIds.length > 0
+        ? {orderProductQueueIds: printJob.orderProductQueueIds}
+        : {}),
+    });
+  }
+
+  if (printJob.type === PRINT_JOB_TYPE_ORDER_PRODUCT) {
+    return await printActions.printOrderProduct({
+      id: printJob.orderProductId,
+      ...commonParams,
+      ...(Array.isArray(printJob.orderProductQueueIds) &&
+      printJob.orderProductQueueIds.length > 0
+        ? {orderProductQueueIds: printJob.orderProductQueueIds}
+        : {}),
+    });
+  }
+
+  if (printJob.type === PRINT_JOB_TYPE_ORDER_PRODUCT_QUEUE) {
+    return await printActions.printOrderProductQueue({
+      id: printJob.orderProductQueueId,
+      ...commonParams,
+    });
+  }
+
+  if (printJob.type === PRINT_JOB_TYPE_CASH_REGISTER) {
+    return await printActions.getCashRegisterPrint(commonParams);
+  }
+
+  if (printJob.type === PRINT_JOB_TYPE_PURCHASING_SUGGESTION) {
+    return await printActions.printPurchasingSuggestion(commonParams);
+  }
+
+  if (printJob.type === PRINT_JOB_TYPE_INVENTORY) {
+    return await printActions.printInventory(commonParams);
+  }
+
+  if (printJob.type === PRINT_JOB_TYPE_PRODUCT_LABEL) {
+    return await printActions.printProductLabel({
+      ...commonParams,
+      productId: printJob.productId || null,
+      productName: printJob.productName || '',
+      handlingDate: printJob.handlingDate || '',
+      expirationDate: printJob.expirationDate || '',
+      freeText: printJob.freeText || '',
+      labelText: printJob.labelText || '',
+    });
+  }
+
+  return null;
+};

package/src/react/print/selection.js

@@ -0,0 +1,296 @@
+import {parseConfigsObject} from '@controleonline/ui-common/src/react/config/deviceConfigBootstrap';
+import {
+  PDV_DEVICE_TYPE,
+  findPrinterOptionByValue,
+  getPrinterOptions,
+  getPrinterOptionValue,
+} from '@controleonline/ui-common/src/react/utils/printerDevices';
+import {
+  filterDeviceConfigsByCompany,
+  isPdvPrinterEnabled,
+  normalizeDeviceId,
+  normalizeDeviceIds,
+} from '@controleonline/ui-common/src/react/utils/paymentDevices';
+import {
+  PRINT_CONTEXT_DEVICE,
+  PRINT_CONTEXT_DISPLAY,
+} from '@controleonline/ui-common/src/react/print/jobs';
+
+export const DISPLAY_DEVICE_LINK_CONFIG_KEY = 'display-id';
+export const DISPLAY_DEVICE_PRINTER_CONFIG_KEY = 'printer';
+export const COMPANY_ORDER_PRINT_DEVICES_CONFIG_KEY = 'order-print-devices';
+
+const normalizeEntityId = value =>
+  String(value || '')
+    .replace(/\D+/g, '')
+    .trim();
+
+const getDeviceConfigType = deviceConfig =>
+  String(deviceConfig?.type || deviceConfig?.device?.type || '')
+    .trim()
+    .toUpperCase();
+
+const normalizePrinterRuntimeType = value =>
+  String(value || '')
+    .trim()
+    .toUpperCase();
+
+const canUseCurrentPdvAsPrinter = ({
+  currentDeviceConfig = null,
+  currentDeviceId = '',
+  runtimeDeviceType = '',
+}) =>
+  normalizePrinterRuntimeType(runtimeDeviceType) === PDV_DEVICE_TYPE &&
+  normalizeDeviceId(currentDeviceId) !== '' &&
+  isPdvPrinterEnabled(currentDeviceConfig);
+
+export const resolveDisplayDeviceConfig = ({
+  deviceConfigs = [],
+  companyId = null,
+  currentDeviceId = '',
+  displayId = '',
+}) => {
+  const normalizedDisplayId = normalizeEntityId(displayId);
+  if (!normalizedDisplayId) {
+    return null;
+  }
+
+  const matchingConfigs = filterDeviceConfigsByCompany(deviceConfigs, companyId)
+    .filter(deviceConfig => {
+      if (getDeviceConfigType(deviceConfig) !== 'DISPLAY') {
+        return false;
+      }
+
+      const configs = parseConfigsObject(deviceConfig?.configs);
+      return (
+        normalizeEntityId(configs?.[DISPLAY_DEVICE_LINK_CONFIG_KEY]) ===
+        normalizedDisplayId
+      );
+    });
+
+  if (matchingConfigs.length === 0) {
+    return null;
+  }
+
+  return (
+    matchingConfigs.find(
+      deviceConfig =>
+        normalizeDeviceId(deviceConfig?.device?.device) ===
+        normalizeDeviceId(currentDeviceId),
+    ) || matchingConfigs[0]
+  );
+};
+
+export const resolvePrintDeviceConfig = ({
+  contextType = PRINT_CONTEXT_DEVICE,
+  companyDeviceConfigs = [],
+  currentCompanyId = null,
+  currentDeviceId = '',
+  displayId = '',
+  runtimeDeviceConfig = null,
+}) => {
+  if (contextType === PRINT_CONTEXT_DISPLAY) {
+    return resolveDisplayDeviceConfig({
+      deviceConfigs: companyDeviceConfigs,
+      companyId: currentCompanyId,
+      currentDeviceId,
+      displayId,
+    });
+  }
+
+  if (runtimeDeviceConfig?.configs) {
+    return runtimeDeviceConfig;
+  }
+
+  return (
+    (Array.isArray(companyDeviceConfigs) ? companyDeviceConfigs : []).find(
+      deviceConfig =>
+        normalizeDeviceId(deviceConfig?.device?.device) ===
+        normalizeDeviceId(currentDeviceId),
+    ) || null
+  );
+};
+
+export const resolveConfiguredPrinterValue = deviceConfig =>
+  normalizeDeviceId(
+    parseConfigsObject(deviceConfig?.configs)?.[DISPLAY_DEVICE_PRINTER_CONFIG_KEY],
+  );
+
+export const resolveCompanyConfiguredPrinterValue = ({
+  companyConfigs = {},
+  currentDeviceConfig = null,
+  printerOptions = [],
+  currentDeviceId = '',
+  runtimeDeviceType = '',
+}) => {
+  const configuredPrinterValues = normalizeDeviceIds(
+    parseConfigsObject(companyConfigs)?.[COMPANY_ORDER_PRINT_DEVICES_CONFIG_KEY],
+  );
+
+  for (const printerValue of configuredPrinterValues) {
+    const validatedPrinterValue = resolveValidatedPrinterValue({
+      printerValue,
+      currentDeviceConfig,
+      printerOptions,
+      currentDeviceId,
+      runtimeDeviceType,
+    });
+
+    if (validatedPrinterValue) {
+      return validatedPrinterValue;
+    }
+  }
+
+  return '';
+};
+
+export const resolveValidatedPrinterValue = ({
+  printerValue = '',
+  currentDeviceConfig = null,
+  printerOptions = [],
+  currentDeviceId = '',
+  runtimeDeviceType = '',
+}) => {
+  const normalizedPrinterValue = normalizeDeviceId(printerValue);
+  if (!normalizedPrinterValue) {
+    return '';
+  }
+
+  const matchedPrinter = findPrinterOptionByValue(
+    printerOptions,
+    normalizedPrinterValue,
+  );
+  if (matchedPrinter) {
+    return normalizeDeviceId(
+      getPrinterOptionValue(matchedPrinter) || matchedPrinter?.device,
+    );
+  }
+
+  if (
+    canUseCurrentPdvAsPrinter({
+      currentDeviceConfig,
+      currentDeviceId,
+      runtimeDeviceType,
+    }) &&
+    normalizedPrinterValue === normalizeDeviceId(currentDeviceId)
+  ) {
+    return normalizedPrinterValue;
+  }
+
+  return '';
+};
+
+export const resolveAutoPrinterValue = ({
+  printerOptions = [],
+  currentDeviceId = '',
+  runtimeDeviceType = '',
+}) => {
+  const options = Array.isArray(printerOptions) ? printerOptions : [];
+
+  if (options.length === 1) {
+    return normalizeDeviceId(
+      getPrinterOptionValue(options[0]) || options[0]?.device,
+    );
+  }
+
+  if (normalizePrinterRuntimeType(runtimeDeviceType) !== PDV_DEVICE_TYPE) {
+    return '';
+  }
+
+  const currentDevicePrinter = options.find(
+    option => normalizeDeviceId(option?.device) === normalizeDeviceId(currentDeviceId),
+  );
+
+  return normalizeDeviceId(
+    getPrinterOptionValue(currentDevicePrinter) || currentDevicePrinter?.device,
+  );
+};
+
+export const resolvePrintSelectionValue = ({
+  transientPrinterValue = '',
+  configuredPrinterValue = '',
+  companyConfiguredPrinterValue = '',
+  currentDeviceConfig = null,
+  printerOptions = [],
+  currentDeviceId = '',
+  runtimeDeviceType = '',
+}) =>
+  resolveValidatedPrinterValue({
+    printerValue: transientPrinterValue,
+    currentDeviceConfig,
+    printerOptions,
+    currentDeviceId,
+    runtimeDeviceType,
+  }) ||
+  resolveValidatedPrinterValue({
+    printerValue: configuredPrinterValue,
+    currentDeviceConfig,
+    printerOptions,
+    currentDeviceId,
+    runtimeDeviceType,
+  }) ||
+  normalizeDeviceId(companyConfiguredPrinterValue) ||
+  resolveAutoPrinterValue({
+    printerOptions,
+    currentDeviceId,
+    runtimeDeviceType,
+  });
+
+export const resolvePrinterOptions = ({
+  printers = [],
+  companyDeviceConfigs = [],
+  currentCompanyId = null,
+}) =>
+  getPrinterOptions({
+    printers,
+    deviceConfigs: companyDeviceConfigs,
+    companyId: currentCompanyId,
+  });
+
+export const resolveSelectedPrinter = ({
+  currentDeviceConfig = null,
+  printerOptions = [],
+  selectedPrinterValue = '',
+  currentDevice = null,
+  runtimeDeviceType = '',
+}) => {
+  const matchedPrinter = findPrinterOptionByValue(
+    printerOptions,
+    selectedPrinterValue,
+  );
+
+  if (matchedPrinter) {
+    return matchedPrinter;
+  }
+
+  const currentDeviceId = normalizeDeviceId(currentDevice?.id || currentDevice?.device);
+  if (!currentDeviceId) {
+    return null;
+  }
+
+  if (normalizeDeviceId(selectedPrinterValue) !== currentDeviceId) {
+    return null;
+  }
+
+  if (
+    !canUseCurrentPdvAsPrinter({
+      currentDeviceConfig,
+      currentDeviceId,
+      runtimeDeviceType,
+    })
+  ) {
+    return null;
+  }
+
+  return {
+    device: currentDeviceId,
+    type: String(runtimeDeviceType || currentDevice?.type || '')
+      .trim()
+      .toUpperCase(),
+    alias: currentDevice?.alias || currentDeviceId,
+    selectionValue: currentDeviceId,
+  };
+};
+
+export const resolvePrinterSelectionValue = printer =>
+  normalizeDeviceId(getPrinterOptionValue(printer) || printer?.device);