@controleonline/ui-customers 1.0.81 → 1.0.82

package/src/react/components/tabs/UsersTabUserModal.js

@@ -0,0 +1,222 @@
+import React from 'react';
+import {
+  Text,
+  TouchableOpacity,
+  ScrollView,
+  TextInput,
+  View,
+  Keyboard,
+} from 'react-native';
+import AnimatedModal from '@controleonline/ui-common/src/react/components/AnimatedModal';
+import FeatherIcon from 'react-native-vector-icons/Feather';
+import Icon from 'react-native-vector-icons/MaterialIcons';
+import {
+  inlineStyle_174_6,
+  inlineStyle_175_12,
+  inlineStyle_188_14,
+  inlineStyle_197_16,
+  inlineStyle_200_49,
+  inlineStyle_208_10,
+  inlineStyle_213_20,
+  inlineStyle_214_22,
+  inlineStyle_216_18,
+  inlineStyle_224_20,
+  inlineStyle_225_22,
+  inlineStyle_226_22,
+  inlineStyle_228_20,
+  inlineStyle_239_20,
+  inlineStyle_248_20,
+  inlineStyle_249_22,
+  inlineStyle_250_22,
+  inlineStyle_252_20,
+  inlineStyle_263_20,
+  inlineStyle_275_20,
+  inlineStyle_276_22,
+  inlineStyle_278_18,
+  inlineStyle_288_20,
+  inlineStyle_289_22,
+  inlineStyle_290_22,
+  inlineStyle_292_20,
+  inlineStyle_303_20,
+  inlineStyle_312_20,
+  inlineStyle_313_22,
+  inlineStyle_314_22,
+  inlineStyle_316_20,
+  inlineStyle_327_20,
+  inlineStyle_339_16,
+  inlineStyle_341_14,
+  inlineStyle_348_20,
+} from './UsersTab.styles';
+
+const UsersTabUserModal = ({
+  visible,
+  onClose,
+  editingItem,
+  formData,
+  setFormData,
+  showPassword,
+  setShowPassword,
+  showConfirmPassword,
+  setShowConfirmPassword,
+  customStyles,
+  onSave,
+}) => (
+) => (
+    <AnimatedModal
+      visible={visible}
+      onRequestClose={onClose}
+      style={inlineStyle_174_6}>
+      <View style={inlineStyle_175_12}>
+        {/* Header */}
+        <View style={inlineStyle_188_14}>
+          <Text style={inlineStyle_197_16}>
+            {editingItem ? 'Editar Senha do Usuário' : 'Adicionar Usuário'}
+          </Text>
+          <TouchableOpacity onPress={onClose} style={inlineStyle_200_49}>
+            <Icon name="close" size={20} color="#64748B" />
+          </TouchableOpacity>
+        </View>
+
+        <ScrollView
+          style={inlineStyle_208_10}
+          keyboardShouldPersistTaps="handled"
+          keyboardDismissMode="on-drag">
+          {editingItem ? (
+            <View>
+              <View style={inlineStyle_213_20}>
+                <Text style={inlineStyle_214_22}>Usuário</Text>
+                <TextInput
+                  style={inlineStyle_216_18}
+                  value={formData.username}
+                  editable={false}
+                />
+              </View>
+              <View style={inlineStyle_224_20}>
+                <Text style={inlineStyle_225_22}>Nova senha</Text>
+                <View style={inlineStyle_226_22}>
+                  <TextInput
+                    style={inlineStyle_228_20}
+                    placeholder="Nova senha"
+                    value={formData.password}
+                    onChangeText={text => setFormData({ ...formData, password: text })}
+                    secureTextEntry={!showPassword}
+                  />
+                  <TouchableOpacity
+                    onPress={() => setShowPassword(prev => !prev)}
+                    style={inlineStyle_239_20}>
+                    <Icon
+                      name={showPassword ? 'visibility-off' : 'visibility'}
+                      size={20}
+                      color="#6c757d"
+                    />
+                  </TouchableOpacity>
+                </View>
+              </View>
+              <View style={inlineStyle_248_20}>
+                <Text style={inlineStyle_249_22}>Confirmar nova senha</Text>
+                <View style={inlineStyle_250_22}>
+                  <TextInput
+                    style={inlineStyle_252_20}
+                    placeholder="Confirmar nova senha"
+                    value={formData.confirmPassword}
+                    onChangeText={text => setFormData({ ...formData, confirmPassword: text })}
+                    secureTextEntry={!showConfirmPassword}
+                  />
+                  <TouchableOpacity
+                    onPress={() => setShowConfirmPassword(prev => !prev)}
+                    style={inlineStyle_263_20}>
+                    <Icon
+                      name={showConfirmPassword ? 'visibility-off' : 'visibility'}
+                      size={20}
+                      color="#6c757d"
+                    />
+                  </TouchableOpacity>
+                </View>
+              </View>
+            </View>
+          ) : (
+            <View>
+              <View style={inlineStyle_275_20}>
+                <Text style={inlineStyle_276_22}>Usuário</Text>
+                <TextInput
+                  style={inlineStyle_278_18}
+                  placeholder="Nome de usuário"
+                  value={formData.username}
+                  onChangeText={text => setFormData({ ...formData, username: text })}
+                  autoCapitalize="none"
+                />
+              </View>
+              <View style={inlineStyle_288_20}>
+                <Text style={inlineStyle_289_22}>Senha</Text>
+                <View style={inlineStyle_290_22}>
+                  <TextInput
+                    style={inlineStyle_292_20}
+                    placeholder="Senha"
+                    value={formData.password}
+                    onChangeText={text => setFormData({ ...formData, password: text })}
+                    secureTextEntry={!showPassword}
+                  />
+                  <TouchableOpacity
+                    onPress={() => setShowPassword(prev => !prev)}
+                    style={inlineStyle_303_20}>
+                    <Icon
+                      name={showPassword ? 'visibility-off' : 'visibility'}
+                      size={20}
+                      color="#6c757d"
+                    />
+                  </TouchableOpacity>
+                </View>
+              </View>
+              <View style={inlineStyle_312_20}>
+                <Text style={inlineStyle_313_22}>Confirmar Senha</Text>
+                <View style={inlineStyle_314_22}>
+                  <TextInput
+                    style={inlineStyle_316_20}
+                    placeholder="Confirmar senha"
+                    value={formData.confirmPassword}
+                    onChangeText={text => setFormData({ ...formData, confirmPassword: text })}
+                    secureTextEntry={!showConfirmPassword}
+                  />
+                  <TouchableOpacity
+                    onPress={() => setShowConfirmPassword(prev => !prev)}
+                    style={inlineStyle_327_20}>
+                    <Icon
+                      name={showConfirmPassword ? 'visibility-off' : 'visibility'}
+                      size={20}
+                      color="#6c757d"
+                    />
+                  </TouchableOpacity>
+                </View>
+              </View>
+            </View>
+          )}
+
+          <View style={inlineStyle_339_16}>
+            <TouchableOpacity
+              style={inlineStyle_341_14}
+              onPress={() => {
+                Keyboard.dismiss();
+                onClose();
+              }}>
+              <Text style={inlineStyle_348_20}>Cancelar</Text>
+            </TouchableOpacity>
+            <TouchableOpacity
+              style={customStyles.saveButton}
+              onPress={() => {
+                Keyboard.dismiss();
+                onSave();
+              }}>
+              <FeatherIcon
+                name="save"
+                size={16}
+                color={customStyles.iconButtonPrimaryIcon.color}
+              />
+              <Text style={customStyles.saveButtonText}>Salvar</Text>
+            </TouchableOpacity>
+          </View>
+        </ScrollView>
+      </View>
+    </AnimatedModal>
+);
+
+export default UsersTabUserModal;

package/src/react/components/tabs/addressesTabHelpers.js

@@ -0,0 +1,190 @@
+/**
+ * Pure helpers for AddressesTab — keep the tab under the 500-line limit
+ * and make address id / IRI handling testable (app-community#282).
+ */
+
+export const extractId = value => String(value || '').replace(/\D/g, '');
+
+/**
+ * Normalize an address id to digits only.
+ * Never invents a timestamp id for missing values (that caused PUT 404
+ * and silent create paths when editing existing franchise addresses).
+ */
+export const normalizeId = value => {
+  const digits = extractId(value);
+  if (digits) return digits;
+  const raw = String(value || '').trim();
+  return raw || '';
+};
+
+export const toPeopleIri = person => {
+  const rawIri = String(person?.['@id'] || '').trim();
+  if (rawIri.startsWith('/people/')) {
+    return rawIri;
+  }
+
+  const nestedIri = String(person?.people?.['@id'] || person?.people || '').trim();
+  if (nestedIri.startsWith('/people/')) {
+    return nestedIri;
+  }
+
+  const id = extractId(person?.id || person?.people?.id || rawIri || nestedIri);
+  return id ? `/people/${id}` : '';
+};
+
+export const normalizeString = value => {
+  const text = String(value || '').trim();
+  return text.length > 0 ? text : undefined;
+};
+
+export const normalizeZipCode = value =>
+  String(value || '')
+    .replace(/\D/g, '')
+    .slice(0, 8);
+
+/**
+ * Flatten API/people address shapes into a stable client model.
+ * Always preserves a numeric `id` and an `/addresses/{id}` `@id` when known.
+ */
+export const normalizeAddress = address => {
+  if (!address || typeof address !== 'object') {
+    return {
+      id: '',
+      '@id': '',
+      street: '',
+      number: '',
+      city: '',
+      state: '',
+      zipCode: '',
+      complement: '',
+      district: '',
+      country: '',
+      nickname: '',
+    };
+  }
+
+  const rawId = address?.id ?? address?.['@id'];
+  const id = normalizeId(rawId);
+  const iri =
+    String(address?.['@id'] || '').startsWith('/addresses/')
+      ? String(address['@id'])
+      : id
+        ? `/addresses/${id}`
+        : '';
+
+  return {
+    id,
+    '@id': iri,
+    street: address?.street?.street || address?.street || '',
+    number: String(address?.number ?? '').trim(),
+    city:
+      address?.street?.district?.city?.city ||
+      address?.street?.city?.city ||
+      address?.city ||
+      '',
+    state:
+      address?.street?.district?.city?.state?.uf ||
+      address?.street?.district?.city?.state?.state ||
+      address?.street?.city?.state?.uf ||
+      address?.street?.city?.state?.state ||
+      address?.state ||
+      '',
+    zipCode:
+      (typeof address?.zipCode === 'object'
+        ? address?.zipCode?.cep
+        : address?.zipCode) ||
+      address?.street?.cep?.cep ||
+      address?.postal_code ||
+      address?.cep ||
+      '',
+    complement: address?.complement || '',
+    district:
+      address?.street?.district?.district ||
+      address?.district ||
+      '',
+    country:
+      address?.street?.district?.city?.state?.country?.countrycode ||
+      address?.street?.district?.city?.state?.country?.countryname ||
+      address?.street?.city?.state?.country?.countrycode ||
+      address?.street?.city?.state?.country?.countryname ||
+      address?.country ||
+      '',
+    nickname: address?.nickname || '',
+  };
+};
+
+export const mapAddressesForClient = list =>
+  (Array.isArray(list) ? list : []).map(item => {
+    const id = normalizeId(item?.id || item?.['@id']);
+    const iri =
+      String(item?.['@id'] || '').startsWith('/addresses/')
+        ? String(item['@id'])
+        : id
+          ? `/addresses/${id}`
+          : '';
+    return {
+      id,
+      '@id': iri,
+      street: item.street,
+      number: item.number,
+      complement: item.complement,
+      district: item.district,
+      city: item.city,
+      state: item.state,
+      zipCode: item.zipCode,
+      country: item.country,
+      nickname: item.nickname,
+    };
+  });
+
+/**
+ * Resolve the id/IRI that must be sent on edit so the default store
+ * issues PUT /addresses/{id} instead of POST /addresses.
+ */
+export const resolveAddressSaveId = (editingItem, payload = {}) => {
+  const candidates = [
+    payload?.id,
+    payload?.['@id'],
+    editingItem?.['@id'],
+    editingItem?.id,
+  ];
+  for (const candidate of candidates) {
+    const digits = normalizeId(candidate);
+    if (digits) return digits;
+  }
+  return '';
+};
+
+export const buildAddressMapQueryParts = address => {
+  const streetLine = [normalizeString(address?.street), normalizeString(address?.number)]
+    .filter(Boolean)
+    .join(', ');
+  const cityStateLine = [normalizeString(address?.city), normalizeString(address?.state)]
+    .filter(Boolean)
+    .join(' - ');
+
+  return [
+    streetLine,
+    normalizeString(address?.district),
+    cityStateLine,
+    normalizeString(address?.country),
+    normalizeZipCode(address?.zipCode),
+    normalizeString(address?.complement),
+  ];
+};
+
+export const buildAddressPrimaryLine = address =>
+  [normalizeString(address?.street), normalizeString(address?.number)]
+    .filter(Boolean)
+    .join(', ');
+
+export const buildAddressSecondaryLine = address =>
+  [
+    normalizeString(address?.district),
+    [normalizeString(address?.city), normalizeString(address?.state)]
+      .filter(Boolean)
+      .join(' - '),
+    normalizeString(address?.country),
+  ]
+    .filter(Boolean)
+    .join(' • ');

package/src/react/components/tabs/documentsTabHelpers.js

@@ -0,0 +1,142 @@
+const IMAGE_FILE_PATTERN = /\.(?:avif|bmp|gif|ico|jpe?g|png|svg|webp)(?:\?|$)/i;
+const PDF_FILE_PATTERN = /\.pdf(?:\?|$)/i;
+
+export 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+)(?:\D*)$/);
+  return match ? match[1] : String(raw).replace(/\D/g, '') || '';
+};
+
+export const normalizeText = value => String(value || '').trim();
+
+export const isImageFile = url => IMAGE_FILE_PATTERN.test(String(url || ''));
+export const isPdfFile = url => PDF_FILE_PATTERN.test(String(url || ''));
+
+export const applyDocumentMask = (value, documentType) => {
+  if (!value) {
+    return '';
+  }
+  const numbers = String(value).replace(/\D/g, '');
+  const docType = String(documentType || '').toUpperCase();
+
+  if (docType === 'CPF') {
+    return numbers
+      .slice(0, 11)
+      .replace(/(\d{3})(\d)/, '$1.$2')
+      .replace(/(\d{3})(\d)/, '$1.$2')
+      .replace(/(\d{3})(\d{1,2})$/, '$1-$2');
+  }
+
+  if (docType === 'CNPJ') {
+    return numbers
+      .slice(0, 14)
+      .replace(/(\d{2})(\d)/, '$1.$2')
+      .replace(/(\d{3})(\d)/, '$1.$2')
+      .replace(/(\d{3})(\d)/, '$1/$2')
+      .replace(/(\d{4})(\d{1,2})$/, '$1-$2');
+  }
+
+  return numbers;
+};
+
+export const removeMask = value => String(value || '').replace(/\D/g, '');
+
+export const toDocumentIri = documentId => {
+  const id = extractId(documentId);
+  return id ? `/documents/${id}` : '';
+};
+
+export const toFileIri = fileValue => {
+  if (!fileValue) {
+    return '';
+  }
+  if (typeof fileValue === 'string' && fileValue.startsWith('/files/')) {
+    return fileValue;
+  }
+  const id = extractId(fileValue?.id || fileValue?.['@id'] || fileValue);
+  return id ? `/files/${id}` : '';
+};
+
+export const normalizeAttachment = (attachment, resolveDownloadUrl) => {
+  if (!attachment) {
+    return null;
+  }
+  const sourceFile = attachment.file || attachment;
+  const downloadUrl =
+    typeof resolveDownloadUrl === 'function'
+      ? resolveDownloadUrl(sourceFile)
+      : sourceFile?.url || sourceFile?.downloadUrl || '';
+  const fileId = extractId(
+    sourceFile?.id || sourceFile?.['@id'] || sourceFile?.file_id || downloadUrl,
+  );
+  const name =
+    normalizeText(sourceFile?.name || sourceFile?.fileName || sourceFile?.originalName) ||
+    (fileId ? `arquivo-${fileId}` : 'arquivo');
+
+  return {
+    id: attachment.id || attachment['@id'] || (fileId ? `legacy-${fileId}` : ''),
+    fileId,
+    name,
+    url: downloadUrl,
+    file: sourceFile,
+    legacy: Boolean(attachment.__legacy) || (!attachment.id && !attachment['@id']),
+  };
+};
+
+export const normalizeDocumentFiles = (document, resolveDownloadUrl) => {
+  const linkedFiles = Array.isArray(document?.documentFiles)
+    ? document.documentFiles
+    : Array.isArray(document?.document_files)
+      ? document.document_files
+      : [];
+
+  const fromCollection = linkedFiles
+    .map(item => normalizeAttachment(item, resolveDownloadUrl))
+    .filter(Boolean);
+
+  if (fromCollection.length) {
+    return fromCollection;
+  }
+
+  const legacy = normalizeAttachment(
+    document?.file ? { ...document.file, __legacy: true } : null,
+    resolveDownloadUrl,
+  );
+  return legacy ? [{ ...legacy, legacy: true }] : [];
+};
+
+export const toDocumentItem = document => ({
+  id: extractId(document?.id || document?.['@id']),
+  value: document?.document ?? document?.value ?? '',
+  type: document?.documentType?.['@id'] || document?.documentType || document?.type || '',
+  files: [],
+  raw: document,
+});
+
+export const unwrapUploadFile = payload => {
+  const data = payload?.response?.data ?? payload?.data ?? payload;
+  if (!data) {
+    return null;
+  }
+  if (data?.file) {
+    return data.file;
+  }
+  if (Array.isArray(data)) {
+    return data[0] || null;
+  }
+  if (Array.isArray(data?.member)) {
+    return data.member[0] || null;
+  }
+  if (Array.isArray(data?.['hydra:member'])) {
+    return data['hydra:member'][0] || null;
+  }
+  return data;
+};
+
+export const ACCEPTED_DOCUMENT_FILE_TYPES = 'image/jpeg,image/png,image/jpg,application/pdf,.jpg,.jpeg,.png,.pdf';

package/src/react/components/tabs/employeeContacts.js

@@ -1,12 +1,6 @@
-const EMPLOYEE_CONTACT_LINK_TYPES = [
-  'employee',
-  'owner',
-  'director',
-  'manager',
-  'salesman',
-  'after-sales',
-  'courier',
-];
+import {HUMAN_COMPANY_LINK_TYPES} from '../../utils/humanCompanyLinkTypes';
+
+export const EMPLOYEE_CONTACT_LINK_TYPES = HUMAN_COMPANY_LINK_TYPES;
 
 const extractId = value => {
   if (value == null || value === '') {
@@ -181,19 +175,6 @@ export const buildEmployeeContactsFromPeopleLinks = (
         return null;
       }
 
-      if (
-        person &&
-        typeof person === 'object' &&
-        (person?.deleted === true || person?.deleted === 1 || person?.deleted === '1')
-      ) {
-        return null;
-      }
-
-      const enableRaw = link?.enable ?? link?.enabled;
-      if (enableRaw === 0 || enableRaw === false || enableRaw === '0') {
-        return null;
-      }
-
       const base =
         person && typeof person === 'object'
           ? {...person}
@@ -205,7 +186,6 @@ export const buildEmployeeContactsFromPeopleLinks = (
         id: base.id != null && base.id !== '' ? base.id : personId,
         linkType: normalizedLinkType,
         peopleLink: link,
-        peopleLinkId: extractId(link?.id || link?.['@id']),
       };
     })
     .filter(Boolean);

package/src/react/components/tabs/employeeUnlink.js

@@ -37,14 +37,17 @@ export const removeEmployeeFromCompany = async ({
   removePeople,
   removePeopleLink,
 }) => {
-  if (peopleId && typeof removePeople === 'function') {
-    await removePeople(peopleId);
-    return {mode: 'people', peopleId, linkId};
-  }
+  // Company Contatos: unlink people_links first. DELETE /people/{id} 404s when
+  // the item provider path is filtered (#694) and would soft-delete the person
+  // globally instead of only the company link.
   if (linkId && typeof removePeopleLink === 'function') {
     await removePeopleLink(linkId);
     return {mode: 'link', peopleId, linkId};
   }
+  if (peopleId && typeof removePeople === 'function') {
+    await removePeople(peopleId);
+    return {mode: 'people', peopleId, linkId};
+  }
   const error = new Error(
     'Não foi possível remover o colaborador (ação indisponível).',
   );

package/src/react/components/tabs/employeesTabHelpers.js

@@ -2,6 +2,7 @@ import { resolveFileImageUrl } from '@controleonline/ui-common/src/react/utils/f
 import {
   } from '@controleonline/ui-common/src/react/utils/entityDisplay';
 import { normalizeEmployeeLinkType } from './employeeContacts';
+import { HUMAN_COMPANY_LINK_TYPE_OPTIONS } from '../../utils/humanCompanyLinkTypes';
 
 export const extractId = value => String(value || '').replace(/\D/g, '');
 export const normalizeIdentityValue = value => String(value);
@@ -139,14 +140,30 @@ export const parseBrDateToYmd = value => {
     .padStart(2, '0')}-${day.toString().padStart(2, '0')}`;
 };
 
-export const LINK_TYPE_OPTIONS = [
-  { value: 'employee', translationKey: 'employee' },
-  { value: 'owner', translationKey: 'owner' },
-  { value: 'director', translationKey: 'director' },
-  { value: 'manager', translationKey: 'manager' },
-  { value: 'courier', translationKey: 'courier' },
+export const LINK_TYPE_OPTIONS = HUMAN_COMPANY_LINK_TYPE_OPTIONS;
+
+/** Canonical People.peopleType values from API (enum F|J). Do not invent types. */
+export const PEOPLE_TYPE_OPTIONS = [
+  { value: 'F', label: 'Pessoa Física' },
+  { value: 'J', label: 'Pessoa Jurídica' },
 ];
 
+export const normalizePeopleType = value => {
+  const normalized = String(value || '')
+    .trim()
+    .toUpperCase();
+  if (normalized === 'J' || normalized === 'JURIDICA' || normalized === 'PJ') {
+    return 'J';
+  }
+  return 'F';
+};
+
+export const formatPeopleTypeLabel = value => {
+  const type = normalizePeopleType(value);
+  const option = PEOPLE_TYPE_OPTIONS.find(item => item.value === type);
+  return option?.label || type;
+};
+
 export const resolveEmployeeLinkType = employee =>
   normalizeEmployeeLinkType(
     employee?.linkType ||
@@ -199,8 +216,14 @@ export const formatEmployeeContactTitle = employee => {
 export const formatEmployeeContactMeta = employee => {
   const id = extractId(employee?.id || employee?.['@id']) || '-';
   const linkType = resolveEmployeeContactLinkType(employee);
-
-  return linkType ? `ID: ${id} / ${linkType}` : `ID: ${id}`;
+  const peopleType = formatPeopleTypeLabel(
+    employee?.peopleType || employee?.people?.peopleType,
+  );
+  const parts = [`ID: ${id}`, peopleType];
+  if (linkType) {
+    parts.push(linkType);
+  }
+  return parts.join(' / ');
 };
 
 export const buildEmployeeCreatePayload = ({
@@ -209,11 +232,12 @@ export const buildEmployeeCreatePayload = ({
   foundationDate,
   linkType,
   parentPeopleId,
+  peopleType,
 }) => {
   const payload = {
     name,
     alias,
-    peopleType: 'F',
+    peopleType: normalizePeopleType(peopleType),
     company: `/people/${parentPeopleId}`,
     linkType: normalizeEmployeeLinkType(linkType),
     'extra-data': {},