@controleonline/ui-common 1.2.70 → 1.2.75

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,20 +38,29 @@ 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 = 
-  '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_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) {
@@ -180,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,
@@ -218,11 +235,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 +258,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],
       {
@@ -272,23 +289,44 @@ 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],
     ),
-    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],
+    ),
+  };
+};
+
+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

@@ -3,19 +3,153 @@ import {
   extractCollectionItems,
   toEntityIri,
 } from '@controleonline/ui-common/src/react/utils/commercialDocumentOrders';
-import {normalizeShopEntityId} from '@controleonline/ui-common/src/react/utils/shopConfig';
+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',
-    });
+
+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',
+    });
+
+const normalizeCategoryCandidate = value => {
+  const normalizedId = normalizeShopEntityId(value);
+
+  if (normalizedId) {
+    return normalizedId;
+  }
+
+  if (typeof value === 'string' || typeof value === 'number') {
+    return String(value || '').trim();
+  }
+
+  return '';
+};
+
+export const extractAddressCategoryIds = address => {
+  const candidates = [
+    address?.categories,
+    address?.category,
+    address?.addressCategories,
+    address?.address_categories,
+    address?.categoryAddresses,
+    address?.category_addresses,
+  ];
+  const result = new Set();
+
+  const collect = value => {
+    if (value === null || value === undefined || value === '') {
+      return;
+    }
+
+    if (Array.isArray(value)) {
+      value.forEach(collect);
+      return;
+    }
+
+    if (typeof value === 'object') {
+      [
+        value.category,
+        value.category_id,
+        value.categoryId,
+        value.id,
+        value['@id'],
+      ].forEach(collect);
+      return;
+    }
+
+    String(value)
+      .split(/\r?\n|,/)
+      .map(normalizeCategoryCandidate)
+      .filter(Boolean)
+      .forEach(id => result.add(id));
+  };
+
+  candidates.forEach(collect);
+
+  return Array.from(result);
+};
+
+export const addressMatchesFranchiseCategoryIds = (
+  address,
+  categoryIds = [],
+) => {
+  const selectedCategoryIds = new Set(
+    (Array.isArray(categoryIds) ? categoryIds : [])
+      .map(normalizeCategoryCandidate)
+      .filter(Boolean),
+  );
+
+  if (selectedCategoryIds.size === 0) {
+    return true;
+  }
+
+  return extractAddressCategoryIds(address).some(categoryId =>
+    selectedCategoryIds.has(categoryId),
+  );
+};
+
+export const filterShopFranchiseDirectory = ({
+  directory = [],
+  visibleCompanyIds = [],
+  addressCategoryIds = [],
+  legacyVisibleAddressIds = [],
+} = {}) => {
+  const visibleCompanyIdSet = new Set(
+    (Array.isArray(visibleCompanyIds) ? visibleCompanyIds : [])
+      .map(normalizeShopEntityId)
+      .filter(Boolean),
+  );
+  const legacyVisibleAddressIdSet = new Set(
+    (Array.isArray(legacyVisibleAddressIds) ? legacyVisibleAddressIds : [])
+      .map(normalizeShopEntityId)
+      .filter(Boolean),
+  );
+
+  if (visibleCompanyIdSet.size === 0) {
+    return [];
+  }
+
+  return (Array.isArray(directory) ? directory : [])
+    .map(company => {
+      const companyId = normalizeShopEntityId(company);
+
+      if (!visibleCompanyIdSet.has(companyId)) {
+        return null;
+      }
+
+      const shopAddresses = (company?.shopAddresses || []).filter(address => {
+        if (!addressMatchesFranchiseCategoryIds(address, addressCategoryIds)) {
+          return false;
+        }
+
+        return (
+          legacyVisibleAddressIdSet.size === 0 ||
+          legacyVisibleAddressIdSet.has(normalizeShopEntityId(address))
+        );
+      });
+
+      return {
+        ...company,
+        shopAddresses,
+      };
+    })
+    .filter(Boolean);
+};
 
 export const resolveFranchiseCompanyLabel = company =>
   String(company?.alias || company?.name || '').trim() ||
@@ -49,14 +183,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 +268,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/react/utils/storeColumns.js

@@ -116,10 +116,29 @@ const normalizeFormattedValue = value => {
   if (value === null || value === undefined) {
     return value;
   }
-
-  if (typeof value === 'object' && !Array.isArray(value)) {
-    return value?.label ?? value?.value ?? value?.name ?? value;
-  }
+
+  if (Array.isArray(value)) {
+    return value
+      .map(item => normalizeFormattedValue(item))
+      .filter(item => normalizeText(item))
+      .join(', ');
+  }
+
+  if (typeof value === 'object' && !Array.isArray(value)) {
+    return (
+      value?.label ??
+      value?.value ??
+      value?.name ??
+      value?.alias ??
+      value?.icon ??
+      value?.fileName ??
+      value?.filename ??
+      value?.originalName ??
+      value?.id ??
+      value?.['@id'] ??
+      ''
+    );
+  }
 
   return value;
 };

package/src/react/utils/userAvatar.js

@@ -0,0 +1,104 @@
+import md5 from 'md5';
+
+const normalizeText = value => String(value || '').replace(/\s+/g, ' ').trim();
+
+const extractNumericId = value => {
+  const normalized = normalizeText(value);
+  if (!normalized) {
+    return '';
+  }
+
+  if (/^\d+$/.test(normalized)) {
+    return normalized;
+  }
+
+  const match = normalized.match(/\/(\d+)(?:\/)?$/);
+  return match ? match[1] : '';
+};
+
+export const getAvatarDisplayName = user =>
+  normalizeText(
+    user?.name ||
+      user?.people?.name ||
+      user?.person?.name ||
+      user?.realname ||
+      user?.username,
+  );
+
+export const resolveUserAvatarUrl = (user, resolvePersistedAvatar) => {
+  return (
+    typeof resolvePersistedAvatar === 'function'
+      ? normalizeText(resolvePersistedAvatar(user?.avatar))
+      : ''
+  );
+};
+
+export const resolveUserPeopleIri = (user, session = {}) => {
+  const candidates = [
+    session?.people,
+    session?.person,
+    session?.peopleId,
+    session?.people_id,
+    user?.people?.['@id'],
+    user?.people?.id,
+    user?.people,
+    user?.person?.['@id'],
+    user?.person?.id,
+    user?.person,
+    user?.peopleId,
+    user?.people_id,
+    user?.person_id,
+    user?.['@id'],
+    user?.id,
+  ];
+
+  for (const candidate of candidates) {
+    const normalized = normalizeText(candidate);
+    if (!normalized) {
+      continue;
+    }
+
+    if (normalized.includes('/people/')) {
+      return normalized;
+    }
+
+    const id = extractNumericId(normalized);
+    if (id) {
+      return `/people/${id}`;
+    }
+  }
+
+  return '';
+};
+
+export const getUserInitials = ({name, email} = {}) => {
+  const words = normalizeText(name).split(' ').filter(Boolean);
+
+  if (words.length >= 2) {
+    return `${words[0][0]}${words[words.length - 1][0]}`.toUpperCase();
+  }
+
+  if (words.length === 1) {
+    return words[0][0].toUpperCase();
+  }
+
+  const normalizedEmail = normalizeText(email);
+  return normalizedEmail ? normalizedEmail[0].toUpperCase() : '?';
+};
+
+export const getGravatarUrl = (email, size = 200) => {
+  const normalizedEmail = normalizeText(email).toLowerCase();
+  if (!normalizedEmail) {
+    return '';
+  }
+
+  return `https://www.gravatar.com/avatar/${md5(normalizedEmail)}?s=${size}&d=404`;
+};
+
+export default {
+  getAvatarDisplayName,
+  getGravatarUrl,
+  getUserInitials,
+  resolveUserAvatarUrl,
+  resolveUserPeopleIri,
+};

package/src/store/categories/index.js

@@ -8,11 +8,20 @@ export default {
     item: {},
     items: [],
     filters: {},
-    resourceEndpoint: "categories",
-    isLoading: false,
-    error: "",
-    
-    totalItems: 0,messages:[], message:{},
+    resourceEndpoint: "categories",
+    isLoading: false,
+    error: "",
+    configs: {
+      import: {
+        enabled: true,
+        importType: "product",
+        labelKey: ["categories", "button", "importCsv"],
+        titleKey: ["categories", "title", "productImport"],
+        searchPlaceholderKey: ["categories", "input", "importSearch"],
+      },
+    },
+    
+    totalItems: 0,messages:[], message:{},
     
     summary: {},
     filters: {},
@@ -29,17 +38,34 @@ export default {
           return "#" + value;
         },
       },
-      {
-        externalFilter: false,
-        sortable: true,
-        name: "name",
+      {
+        externalFilter: false,
+        sortable: true,
+        name: "name",
         align: "left",
         label: "name",
         sum: false,
         format: function (value) {
           return value;
-        },
-      },
+        },
+      },
+      {
+        sortable: true,
+        editable: true,
+        inputType: "number",
+        name: "sortOrder",
+        align: "right",
+        label: "sortOrder",
+        defaultSort: "ASC",
+        format: function (value) {
+          return value ?? "";
+        },
+        saveFormat: function (value) {
+          return value === "" || value === null || value === undefined
+            ? null
+            : Number(value);
+        },
+      },
       {
         sortable: true,
         name: "color",
@@ -60,15 +86,17 @@ export default {
           return value;
         },
       },
-      {
-        sortable: true,
-        name: "categoryFiles",
-        align: "left",
-        label: "categoryFiles",
-        format: function (value) {
-          return value;
-        },
-      },
+      {
+        sortable: true,
+        name: "categoryFiles",
+        align: "left",
+        label: "categoryFiles",
+        inputType: "files",
+        fileType: "image",
+        format: function (value) {
+          return value;
+        },
+      },
       {
         externalFilter: false,
         sortable: true,