@controleonline/ui-common 1.2.70

package/src/react/utils/runtimeMenu.js

@@ -0,0 +1,224 @@
+export const normalizeAppType = value => {
+  const normalized = String(value || '').trim().toUpperCase();
+  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 = [
+  {
+    id: 'manager-financeiro',
+    label: 'Financeiro',
+    icon: 'dollar-sign',
+    menus: [
+      {
+        id: 'financial_hub',
+        menuKey: 'financial_hub',
+        label: 'Financeiro',
+        route: 'FinancialHubPage',
+        icon: 'dollar-sign',
+        color: '#0284C7',
+        sortOrder: 10,
+      },
+      {
+        id: 'income_statement',
+        menuKey: 'income_statement',
+        label: 'Demonstrativo de resultados',
+        route: 'IncomeStatement',
+        icon: 'bar-chart-2',
+        color: '#0F766E',
+        sortOrder: 15,
+      },
+    ],
+  },
+  {
+    id: 'manager-operacoes',
+    label: 'Operacoes',
+    icon: 'shopping-bag',
+    menus: [
+      {
+        id: 'orders',
+        menuKey: 'orders',
+        label: 'Pedidos',
+        route: 'OrderHistoryPage',
+        icon: 'shopping-bag',
+        color: '#0EA5E9',
+        sortOrder: 20,
+      },
+    ],
+  },
+  {
+    id: 'manager-comercial',
+    label: 'Comercial',
+    icon: 'users',
+    menus: [
+      {
+        id: 'clients',
+        menuKey: 'clients',
+        label: 'Cadastro de clientes',
+        route: 'ClientsIndex',
+        icon: 'users',
+        color: '#16A34A',
+        sortOrder: 30,
+      },
+      {
+        id: 'providers',
+        menuKey: 'providers',
+        label: 'Fornecedores',
+        route: 'ProvidersIndex',
+        icon: 'truck',
+        color: '#EA580C',
+        sortOrder: 35,
+      },
+      {
+        id: 'franchisees',
+        menuKey: 'franchisees',
+        label: 'Cadastro de franquias',
+        route: 'FranchiseesIndex',
+        icon: 'map-pin',
+        color: '#0EA5E9',
+        sortOrder: 40,
+      },
+    ],
+  },
+  {
+    id: 'manager-configuracoes',
+    label: 'Configuracoes',
+    icon: 'settings',
+    menus: [
+      {
+        id: 'devices',
+        menuKey: 'devices',
+        label: 'Dispositivos',
+        route: 'DevicesIndex',
+        icon: 'credit-card',
+        color: '#e67e22',
+        sortOrder: 50,
+      },
+      {
+        id: 'configurator',
+        menuKey: 'configurator',
+        label: 'Configurador',
+        route: 'ConfiguratorPage',
+        icon: 'settings',
+        color: '#64748B',
+        sortOrder: 60,
+      },
+    ],
+  },
+];
+
+const cloneRuntimeMenuModules = modules =>
+  (Array.isArray(modules) ? modules : []).map(module => ({
+    ...module,
+    menus: Array.isArray(module?.menus)
+      ? module.menus.map(menu => normalizeRuntimeMenuItem(menu))
+      : [],
+  }));
+
+export const normalizeRuntimeMenuIcon = value => {
+  const normalized = String(value || '').trim();
+  if (!normalized) return '';
+
+  return RUNTIME_MENU_ICON_ALIASES[normalized.toLowerCase()] || normalized;
+};
+
+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 => ({
+      ...module,
+      icon: normalizeRuntimeMenuIcon(module?.icon),
+      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);
+
+  if (normalizedModules.length > 0) {
+    return normalizedModules;
+  }
+
+  const normalizedAppType = String(appType || '').trim().toUpperCase();
+
+  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 : [])
+      .flatMap(module => (Array.isArray(module?.menus) ? module.menus : []))
+      .map(menu => menu?.route)
+      .filter(Boolean),
+  );
+
+export const userHasRole = (user, role) =>
+  Array.isArray(user?.roles) && user.roles.includes(role);

package/src/react/utils/screenMetrics.js

@@ -0,0 +1,30 @@
+import { Dimensions, PixelRatio } from 'react-native';
+
+export const SCREEN_METRIC_KEYS = ['deviceResolution', 'actualSize', 'windosSize'];
+
+export const buildScreenMetrics = () => {
+  const windowSize = Dimensions.get('window');
+  const screenSize = Dimensions.get('screen');
+  const pixelRatio = Number(PixelRatio.get()) || 1;
+
+  const windowWidth = Math.round(Number(windowSize?.width) || 0);
+  const windowHeight = Math.round(Number(windowSize?.height) || 0);
+  const screenWidth = Math.round(Number(screenSize?.width) || 0);
+  const screenHeight = Math.round(Number(screenSize?.height) || 0);
+  const physicalWidth = Math.round((Number(screenSize?.width) || 0) * pixelRatio);
+  const physicalHeight = Math.round((Number(screenSize?.height) || 0) * pixelRatio);
+
+  return {
+    deviceResolution: `${physicalWidth}x${physicalHeight}`,
+    actualSize: `${screenWidth}x${screenHeight}`,
+    windosSize: `${windowWidth}x${windowHeight}`,
+  };
+};
+
+export const appendScreenMetrics = (configs = {}, metrics = buildScreenMetrics()) => ({
+  ...configs,
+  ...metrics,
+});
+
+export const hasScreenMetricsChanges = (configs = {}, metrics = buildScreenMetrics()) =>
+  SCREEN_METRIC_KEYS.some(key => configs?.[key] !== metrics?.[key]);

package/src/react/utils/shopConfig.js

@@ -0,0 +1,294 @@
+const parseJsonValue = (value, fallback) => {
+  if (value === null || value === undefined || value === '') {
+    return fallback;
+  }
+
+  if (typeof value === 'string') {
+    try {
+      return JSON.parse(value);
+    } catch {
+      return value;
+    }
+  }
+
+  return value;
+};
+
+export const SHOP_HOME_OPTION_SALES = 
+  'sales';
+export const SHOP_HOME_OPTION_FRANCHISE_LOCATOR = 
+  'franchise-locator';
+export const SHOP_HOME_OPTION_LOYALTY = 
+  'loyalty';
+export const SHOP_SALES_PAGE_ENABLED_CONFIG_KEY = 
+  'shop-sales-page-enabled';
+export const SHOP_FRANCHISE_LOCATOR_ENABLED_CONFIG_KEY =
+  'shop-franchise-locator-enabled';
+export const SHOP_PRIMARY_ENTRY_CONFIG_KEY = 
+  'shop-primary-entry';
+export const SHOP_BOTTOM_BAR_ENABLED_CONFIG_KEY = 
+  'shop-bottom-bar-enabled';
+export const SHOP_CHARGE_ON_DELIVERY_ENABLED_CONFIG_KEY =
+  'shop-charge-on-delivery-enabled';
+export const SHOP_DELIVERY_FEE_ENABLED_CONFIG_KEY =
+  'shop-delivery-fee-enabled';
+export const SHOP_DELIVERY_FEE_VALUE_CONFIG_KEY =
+  'shop-delivery-fee-value';
+export const SHOP_CATALOG_PRODUCT_TYPES_CONFIG_KEY =
+  'shop-catalog-product-types';
+export const SHOP_GOOGLE_MAPS_API_KEY_CONFIG_KEY =
+  'shop-google-maps-api-key';
+export const SHOP_FRANCHISE_PIN_ICON_URL_CONFIG_KEY =
+  'shop-franchise-pin-icon-url';
+export const SHOP_FRANCHISE_VISIBLE_COMPANY_IDS_CONFIG_KEY =
+  'shop-franchise-visible-company-ids';
+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 normalizeShopEntityId = value => {
+  if (!value) {
+    return '';
+  }
+
+  if (typeof value === 'object') {
+    return normalizeShopEntityId(value?.['@id'] || value?.id);
+  }
+
+  return String(value).replace(/\D+/g, '').trim();
+};
+
+export const normalizeShopProductId = value => normalizeShopEntityId(value);
+
+export const normalizeShopTextConfig = (value, fallback = '') => {
+  const parsed = parseJsonValue(value, fallback);
+
+  if (parsed === null || parsed === undefined) {
+    return fallback;
+  }
+
+  return String(parsed).trim();
+};
+
+export const normalizeBooleanConfig = (value, fallback = false) => {
+  if (value === null || value === undefined || value === '') {
+    return fallback;
+  }
+
+  if (typeof value === 'boolean') {
+    return value;
+  }
+
+  if (typeof value === 'number') {
+    return value !== 0;
+  }
+
+  const parsed = parseJsonValue(value, value);
+  if (typeof parsed === 'boolean') {
+    return parsed;
+  }
+  if (typeof parsed === 'number') {
+    return parsed !== 0;
+  }
+  if (typeof parsed === 'string') {
+    const normalizedValue = parsed.trim().toLowerCase();
+    if (
+      ['1', 'true', 'yes', 'sim', 'on', 'enabled', 'ativo'].includes(
+        normalizedValue,
+      )
+    ) {
+      return true;
+    }
+    if (
+      ['0', 'false', 'no', 'nao', 'off', 'disabled', 'inativo'].includes(
+        normalizedValue,
+      )
+    ) {
+      return false;
+    }
+  }
+
+  return fallback;
+};
+
+export const normalizeShopEntityIds = value => {
+  const parsed = parseJsonValue(value, []);
+  const source = Array.isArray(parsed)
+    ? parsed
+    : String(value || '').split(/\r?\n|,/);
+
+  return Array.from(
+    new Set(source.map(normalizeShopEntityId).filter(Boolean)),
+  );
+};
+
+export const normalizeShopProductIds = value => normalizeShopEntityIds(value);
+
+export const SHOP_CATALOG_DEFAULT_PRODUCT_TYPES = [
+  'product',
+  'manufactured',
+  'custom',
+  'service',
+];
+
+export const normalizeShopCatalogProductTypes = value => {
+  const parsed = parseJsonValue(value, SHOP_CATALOG_DEFAULT_PRODUCT_TYPES);
+  const source = Array.isArray(parsed)
+    ? parsed
+    : String(value || '').split(/\r?\n|,/);
+  const allowed = new Set(SHOP_CATALOG_DEFAULT_PRODUCT_TYPES);
+  const normalized = Array.from(
+    new Set(
+      source
+        .map(item => String(item || '').trim().toLowerCase())
+        .filter(item => allowed.has(item)),
+    ),
+  );
+
+  return normalized.length > 0
+    ? normalized
+    : SHOP_CATALOG_DEFAULT_PRODUCT_TYPES;
+};
+
+export const normalizeShopLoyaltyRequiredSales = (value, fallback = 0) => {
+  const parsed = parseJsonValue(value, fallback);
+  const normalizedNumber = Number(parsed);
+
+  if (!Number.isFinite(normalizedNumber)) {
+    return fallback;
+  }
+
+  return Math.max(0, Math.trunc(normalizedNumber));
+};
+
+export const normalizeShopMoneyConfig = (value, fallback = 0) => {
+  const parsed = parseJsonValue(value, value);
+  const rawValue = String(parsed ?? '').trim();
+  const numericText = rawValue.includes(',')
+    ? rawValue.replace(/\./g, '').replace(',', '.')
+    : rawValue;
+  const normalized = Number(
+    numericText.replace(/[^\d.-]/g, ''),
+  );
+
+  return Number.isFinite(normalized) ? Math.max(0, normalized) : fallback;
+};
+
+export const getEnabledShopHomeOptions = ({
+  salesPageEnabled,
+  franchiseLocatorEnabled,
+  loyaltyCouponsEnabled,
+}) => {
+  const enabledOptions = [];
+
+  if (salesPageEnabled) {
+    enabledOptions.push(SHOP_HOME_OPTION_SALES);
+  }
+
+  if (franchiseLocatorEnabled) {
+    enabledOptions.push(SHOP_HOME_OPTION_FRANCHISE_LOCATOR);
+  }
+
+  if (loyaltyCouponsEnabled) {
+    enabledOptions.push(SHOP_HOME_OPTION_LOYALTY);
+  }
+
+  return enabledOptions;
+};
+
+export const normalizeShopPrimaryEntry = (
+  value,
+  availability = {},
+) => {
+  const parsed = parseJsonValue(value, value);
+  const normalizedValue = String(parsed || '').trim().toLowerCase();
+  const enabledOptions = getEnabledShopHomeOptions(availability);
+
+  if (enabledOptions.includes(normalizedValue)) {
+    return normalizedValue;
+  }
+
+  return enabledOptions[0] || '';
+};
+
+export const resolveShopSettings = configs => {
+  const configMap =
+    configs && typeof configs === 'object' && !Array.isArray(configs)
+      ? configs
+      : {};
+
+  const salesPageEnabled = normalizeBooleanConfig(
+    configMap[SHOP_SALES_PAGE_ENABLED_CONFIG_KEY],
+  );
+  const franchiseLocatorEnabled = normalizeBooleanConfig(
+    configMap[SHOP_FRANCHISE_LOCATOR_ENABLED_CONFIG_KEY],
+  );
+  const enabledHomeOptions = getEnabledShopHomeOptions({
+    salesPageEnabled,
+    franchiseLocatorEnabled,
+    loyaltyCouponsEnabled: normalizeBooleanConfig(
+      configMap[SHOP_LOYALTY_COUPONS_ENABLED_CONFIG_KEY],
+    ),
+  });
+  const loyaltyCouponsEnabled = normalizeBooleanConfig(
+    configMap[SHOP_LOYALTY_COUPONS_ENABLED_CONFIG_KEY],
+  );
+
+  return {
+    salesPageEnabled,
+    franchiseLocatorEnabled,
+    loyaltyCouponsEnabled,
+    enabledHomeOptions,
+    primaryEntry: normalizeShopPrimaryEntry(
+      configMap[SHOP_PRIMARY_ENTRY_CONFIG_KEY],
+      {
+        salesPageEnabled,
+        franchiseLocatorEnabled,
+        loyaltyCouponsEnabled,
+      },
+    ),
+    bottomBarEnabled: normalizeBooleanConfig(
+      configMap[SHOP_BOTTOM_BAR_ENABLED_CONFIG_KEY],
+    ),
+    chargeOnDeliveryEnabled: normalizeBooleanConfig(
+      configMap[SHOP_CHARGE_ON_DELIVERY_ENABLED_CONFIG_KEY],
+    ),
+    deliveryFeeEnabled: normalizeBooleanConfig(
+      configMap[SHOP_DELIVERY_FEE_ENABLED_CONFIG_KEY],
+    ),
+    deliveryFeeValue: normalizeShopMoneyConfig(
+      configMap[SHOP_DELIVERY_FEE_VALUE_CONFIG_KEY],
+    ),
+    catalogProductTypes: normalizeShopCatalogProductTypes(
+      configMap[SHOP_CATALOG_PRODUCT_TYPES_CONFIG_KEY],
+    ),
+    googleMapsApiKey: normalizeShopTextConfig(
+      configMap[SHOP_GOOGLE_MAPS_API_KEY_CONFIG_KEY],
+    ),
+    franchisePinIconUrl: normalizeShopTextConfig(
+      configMap[SHOP_FRANCHISE_PIN_ICON_URL_CONFIG_KEY],
+    ),
+    visibleFranchiseCompanyIds: normalizeShopEntityIds(
+      configMap[SHOP_FRANCHISE_VISIBLE_COMPANY_IDS_CONFIG_KEY],
+    ),
+    visibleFranchiseAddressIds: normalizeShopEntityIds(
+      configMap[SHOP_FRANCHISE_VISIBLE_ADDRESS_IDS_CONFIG_KEY],
+    ),
+    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],
+    ),
+  };
+};

package/src/react/utils/shopFranchises.js

@@ -0,0 +1,114 @@
+import {api} from '@controleonline/ui-common/src/api';
+import {
+  extractCollectionItems,
+  toEntityIri,
+} from '@controleonline/ui-common/src/react/utils/commercialDocumentOrders';
+import {normalizeShopEntityId} from '@controleonline/ui-common/src/react/utils/shopConfig';
+
+export const SHOP_FRANCHISE_LINK_TYPE = 'franchisee';
+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',
+    });
+
+export const resolveFranchiseCompanyLabel = company =>
+  String(company?.alias || company?.name || '').trim() ||
+  `Franquia #${normalizeShopEntityId(company) || ''}`.trim();
+
+export const fetchShopFranchiseCompanies = async ({
+  companyId,
+  search = '',
+  page = 1,
+  itemsPerPage = SHOP_FRANCHISE_PAGE_SIZE,
+  publicDirectory = false,
+} = {}) => {
+  const params = {
+    page: Math.max(1, Number(page) || 1),
+    itemsPerPage: normalizeItemsPerPage(itemsPerPage),
+  };
+
+  if (String(search || '').trim()) {
+    params.search = String(search).trim();
+  }
+
+  const response = publicDirectory
+    ? await api.fetch('/shop/franchises', {params})
+    : await api.fetch('people', {
+        params: {
+          ...params,
+          'link.company': toEntityIri(companyId, 'people'),
+          'link.linkType': SHOP_FRANCHISE_LINK_TYPE,
+        },
+      });
+  const items = extractCollectionItems(response);
+
+  return items
+    .map(company => ({
+      ...company,
+      shopAddresses: Array.isArray(company?.shopAddresses)
+        ? company.shopAddresses
+        : Array.isArray(company?.address)
+          ? company.address
+          : [],
+    }))
+    .sort((left, right) =>
+      sortByLabel(
+        resolveFranchiseCompanyLabel(left),
+        resolveFranchiseCompanyLabel(right),
+      ),
+    );
+};
+
+export const fetchShopFranchiseAddresses = async ({
+  peopleId,
+  search = '',
+} = {}) => {
+  if (!peopleId) {
+    return [];
+  }
+
+  const params = {
+    people: toEntityIri(peopleId, 'people'),
+    itemsPerPage: SHOP_FRANCHISE_PAGE_SIZE,
+    page: 1,
+  };
+
+  if (String(search || '').trim()) {
+    params.search = String(search).trim();
+  }
+
+  const response = await api.fetch('addresses', {params});
+  return extractCollectionItems(response);
+};
+
+export const fetchShopFranchiseDirectory = async ({
+  companyId,
+  publicDirectory = false,
+  search = '',
+  page = 1,
+  itemsPerPage = SHOP_FRANCHISE_PAGE_SIZE,
+} = {}) => {
+  const companies = await fetchShopFranchiseCompanies({
+    companyId,
+    publicDirectory,
+    search,
+    page,
+    itemsPerPage,
+  });
+
+  return companies.map(company => ({
+    ...company,
+    shopAddresses: Array.isArray(company?.shopAddresses)
+      ? company.shopAddresses
+      : Array.isArray(company?.address)
+        ? company.address
+        : [],
+  }));
+};
+// 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.