@controleonline/ui-common 1.2.71 → 1.2.76

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,76 +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 ADMIN_RUNTIME_MENU_FALLBACK = [
-  {
-    id: 'admin-configuracoes',
-    label: 'Configuracoes',
-    icon: 'settings',
-    menus: [
+  },
+];
+
+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: 'menu_access',
-        menuKey: 'menu_access',
-        label: 'Menus por perfil',
-        route: 'MenuAccessConfigPage',
-        icon: 'list',
-        color: '#64748B',
-        sortOrder: 10,
+        id: 'tenancies',
+        menuKey: 'tenancies',
+        label: 'Tenancies',
+        route: 'TenanciesPage',
+        icon: 'server',
+        color: '#0F766E',
+        sortOrder: 25,
       },
       {
-        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 => ({
-    ...module,
-    menus: Array.isArray(module?.menus)
-      ? module.menus.map(menu => normalizeRuntimeMenuItem(menu))
-      : [],
-  }));
+        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;
@@ -202,51 +262,51 @@ export const normalizeRuntimeMenuResponse = (
 
   const normalizedAppType = String(appType || '').trim().toUpperCase();
 
-  if (allowFallback && normalizedAppType === 'MANAGER') {
-    return cloneRuntimeMenuModules(MANAGER_RUNTIME_MENU_FALLBACK);
-  }
-
-  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 : [])
+  if (allowFallback && normalizedAppType === 'MANAGER') {
+    return cloneRuntimeMenuModules(MANAGER_RUNTIME_MENU_FALLBACK);
+  }
+
+  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),

package/src/react/utils/runtimeZoom.js

@@ -0,0 +1,43 @@
+export const DEFAULT_RUNTIME_ZOOM_PERCENT = 100;
+export const MIN_RUNTIME_ZOOM_PERCENT = 50;
+export const MAX_RUNTIME_ZOOM_PERCENT = 150;
+
+export const normalizeRuntimeZoomPercent = value => {
+  if (value === undefined || value === null || value === '') {
+    return DEFAULT_RUNTIME_ZOOM_PERCENT;
+  }
+
+  const numericValue = Number(String(value).replace('%', '').trim());
+
+  if (!Number.isFinite(numericValue)) {
+    return DEFAULT_RUNTIME_ZOOM_PERCENT;
+  }
+
+  return Math.min(
+    MAX_RUNTIME_ZOOM_PERCENT,
+    Math.max(MIN_RUNTIME_ZOOM_PERCENT, numericValue),
+  );
+};
+
+export const resolveRuntimeZoomScale = value =>
+  normalizeRuntimeZoomPercent(value) / 100;
+
+export const buildRuntimeZoomStyle = (value, {isWeb = false} = {}) => {
+  const scale = resolveRuntimeZoomScale(value);
+
+  if (scale === 1) {
+    return null;
+  }
+
+  if (isWeb) {
+    return {zoom: scale};
+  }
+
+  const inverseSize = `${100 / scale}%`;
+
+  return {
+    height: inverseSize,
+    transform: [{scale}],
+    width: inverseSize,
+  };
+};

package/src/react/utils/shopConfig.js

@@ -38,12 +38,14 @@ 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_FRANCHISE_VISIBLE_ADDRESS_IDS_CONFIG_KEY =
+  'shop-franchise-visible-address-ids';
+export const SHOP_FRANCHISE_ADDRESS_CATEGORY_IDS_CONFIG_KEY =
+  'shop-franchise-address-category-ids';
+export const SHOP_FRANCHISE_ADDRESS_CATEGORY_CONTEXT =
+  'shop-franchise-address';
 export const SHOP_LOYALTY_COUPONS_ENABLED_CONFIG_KEY =
   'shop-loyalty-coupons-enabled';
 export const SHOP_LOYALTY_PRODUCT_IDS_CONFIG_KEY = 
@@ -52,8 +54,13 @@ 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 SHOP_SHOWCASE_TYPE_SETTING_KEY = 'shop_type';
+export const SHOP_SHOWCASE_TYPE_MENU = 'menu';
+export const SHOP_SHOWCASE_TYPE_ECOMMERCE = 'ecommerce';
+export const SHOP_SHOWCASE_TYPE_OPTIONS = [
+  SHOP_SHOWCASE_TYPE_MENU,
+  SHOP_SHOWCASE_TYPE_ECOMMERCE,
+];
 
 export const normalizeShopEntityId = value => {
   if (!value) {
@@ -182,6 +189,14 @@ export const normalizeShopMoneyConfig = (value, fallback = 0) => {
 
   return Number.isFinite(normalized) ? Math.max(0, normalized) : fallback;
 };
+
+export const normalizeShopShowcaseType = value => {
+  const normalized = String(value || '').trim().toLowerCase();
+
+  return SHOP_SHOWCASE_TYPE_OPTIONS.includes(normalized)
+    ? normalized
+    : SHOP_SHOWCASE_TYPE_MENU;
+};
 
 export const getEnabledShopHomeOptions = ({
   salesPageEnabled,
@@ -274,15 +289,15 @@ export const resolveShopSettings = configs => {
     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],
-    ),
+    visibleFranchiseAddressIds: normalizeShopEntityIds(
+      configMap[SHOP_FRANCHISE_VISIBLE_ADDRESS_IDS_CONFIG_KEY],
+    ),
+    franchiseAddressCategoryIds: normalizeShopEntityIds(
+      configMap[SHOP_FRANCHISE_ADDRESS_CATEGORY_IDS_CONFIG_KEY],
+    ),
     loyaltyProductIds: normalizeShopEntityIds(
       configMap[SHOP_LOYALTY_PRODUCT_IDS_CONFIG_KEY],
     ),
@@ -292,9 +307,6 @@ export const resolveShopSettings = configs => {
     loyaltyGiftProductId: normalizeShopEntityId(
       configMap[SHOP_LOYALTY_GIFT_PRODUCT_ID_CONFIG_KEY],
     ),
-    loyaltyStampIconUrl: normalizeShopTextConfig(
-      configMap[SHOP_LOYALTY_STAMP_ICON_URL_CONFIG_KEY],
-    ),
   };
 };