@controleonline/ui-common 1.2.71 → 1.2.75

package/src/react/utils/shopFranchises.js

@@ -3,7 +3,7 @@ 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;
@@ -25,6 +25,131 @@ const sortByLabel = (left, right) =>
     .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() ||

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,

package/src/store/device_config/index.js

@@ -1,28 +1,69 @@
-import * as actions from '@controleonline/ui-default/src/store/default/actions';
-import * as getters from '@controleonline/ui-default/src/store/default/getters';
-import mutations from '@controleonline/ui-default/src/store/default/mutations';
-import * as customActions from './customActions';
-
-export default {
-  namespaced: true,
-  state: {
-    item: {},
-    items: [],
-    resourceEndpoint: 'device_configs',
-    isLoading: false,
+import * as actions from '@controleonline/ui-default/src/store/default/actions';
+import * as getters from '@controleonline/ui-default/src/store/default/getters';
+import mutations from '@controleonline/ui-default/src/store/default/mutations';
+import * as customActions from './customActions';
+
+export default {
+  namespaced: true,
+  state: {
+    item: {},
+    items: [],
+    resourceEndpoint: 'device_configs',
+    isLoading: false,
     isSaving: false,
     error: '',
-    totalItems: 0,messages:[], message:{},
+    totalItems: 0,
+    messages: [],
+    message: {},
     summary: {},
     loadedKey: '',
     loadedAt: 0,
     filters: {},
-    columns: [],
+    columns: [
+      {
+        editable: false,
+        isIdentity: true,
+        sortable: true,
+        name: 'id',
+        align: 'left',
+        label: 'id',
+        format(value) {
+          return value != null ? `#${value}` : '';
+        },
+      },
+      {
+        sortable: true,
+        name: 'alias',
+        align: 'left',
+        label: 'device',
+        format(value) {
+          return value || '';
+        },
+      },
+      {
+        sortable: true,
+        name: 'typeLabel',
+        align: 'left',
+        label: 'type',
+        format(value) {
+          return value || '';
+        },
+      },
+      {
+        sortable: true,
+        name: 'type',
+        align: 'left',
+        label: 'configType',
+        format(value) {
+          return value || '';
+        },
+      },
+    ],
   },
-  actions: {
-    ...customActions,
-    ...actions,
-  },
-  getters,
-  mutations,
-};
+  actions: {
+    ...customActions,
+    ...actions,
+  },
+  getters,
+  mutations,
+};

package/src/store/entity_log/index.js

@@ -17,7 +17,28 @@ export default {
     messages: [],
     message: {},
     filters: {},
-    columns: [],
+    columns: [
+      {
+        externalFilter: true,
+        inputType: 'date-range',
+        label: 'period',
+        name: 'createdAt',
+        table: false,
+      },
+      {
+        externalFilter: true,
+        label: 'Tipo de log',
+        list: true,
+        name: 'type',
+        table: false,
+      },
+      {
+        externalFilter: true,
+        label: 'Classe / origem',
+        name: 'class',
+        table: false,
+      },
+    ],
   },
   actions: {...actions, ...customActions},
   getters,

package/src/store/imports/customActions.js

@@ -0,0 +1,51 @@
+import {Platform} from 'react-native';
+import {api} from '@controleonline/ui-common/src/api';
+
+const extractId = value => {
+  if (value === null || value === undefined || value === '') {
+    return '';
+  }
+
+  if (typeof value === 'number') {
+    return String(value);
+  }
+
+  const raw = typeof value === 'string' ? value : value?.id || value?.['@id'];
+  const match = String(raw || '').match(/(\d+)$/);
+  return match ? match[1] : '';
+};
+
+export const uploadImportFile = (_context, payload = {}) => {
+  const normalizedPayload = payload && typeof payload === 'object' ? payload : {};
+  const file = normalizedPayload.file;
+  const importType = String(normalizedPayload.importType || '').trim();
+  const peopleId = extractId(normalizedPayload.peopleId || normalizedPayload.people);
+
+  if (!file) {
+    throw new Error('Arquivo de importacao nao informado.');
+  }
+
+  if (!importType) {
+    throw new Error('Tipo de importacao nao informado.');
+  }
+
+  if (!peopleId) {
+    throw new Error('Empresa nao identificada para a importacao.');
+  }
+
+  const formData = new FormData();
+  formData.append('importType', importType);
+  formData.append('people', peopleId);
+
+  if (Platform.OS === 'web') {
+    formData.append('file', file);
+  } else {
+    formData.append('file', {
+      uri: file.uri,
+      name: file.name || 'import.csv',
+      type: file.mimeType || 'text/csv',
+    });
+  }
+
+  return api.upload('/imports/upload', formData);
+};