@controleonline/ui-common 1.2.70 → 1.2.75

package/src/tests/react/utils/userAvatar.test.js

@@ -0,0 +1,63 @@
+import {
+  getAvatarDisplayName,
+  getGravatarUrl,
+  getUserInitials,
+  resolveUserAvatarUrl,
+  resolveUserPeopleIri,
+} from '../../../react/utils/userAvatar';
+
+describe('userAvatar', () => {
+  it('uses the first and last names for two initials', () => {
+    expect(getUserInitials({name: 'Alexandre AleMac Cunha'})).toBe('AC');
+  });
+
+  it('uses one initial for a single name', () => {
+    expect(getUserInitials({name: 'Alexandre'})).toBe('A');
+  });
+
+  it('falls back to the email initial when the name is unavailable', () => {
+    expect(getUserInitials({email: 'claudio@example.com'})).toBe('C');
+  });
+
+  it('asks Gravatar for a real image without an identicon fallback', () => {
+    expect(getGravatarUrl(' MyEmailAddress@example.com ', 120)).toBe(
+      'https://www.gravatar.com/avatar/0bc83cb571cd1c50ba6f3e8a78ef1346?s=120&d=404',
+    );
+  });
+
+  it('does not call Gravatar without an email', () => {
+    expect(getGravatarUrl('')).toBe('');
+  });
+
+  it('uses the complete person name and never the functional alias', () => {
+    const user = {name: 'Claudio Medeiros', realname: 'Claudio Owner', alias: 'owner'};
+
+    expect(getAvatarDisplayName(user)).toBe('Claudio Medeiros');
+    expect(getUserInitials({name: getAvatarDisplayName(user)})).toBe('CM');
+  });
+
+  it('resolves the person from the same stored session shape used by Profile', () => {
+    expect(
+      resolveUserPeopleIri({id: 131}, {people: '/people/14'}),
+    ).toBe('/people/14');
+  });
+
+  it('resolves only the canonical persisted avatar', () => {
+    const user = {avatar: {id: 42}};
+
+    expect(
+      resolveUserAvatarUrl(user, avatar =>
+        avatar?.id ? `https://api.example/files/${avatar.id}/download` : '',
+      ),
+    ).toBe('https://api.example/files/42/download');
+  });
+
+  it('does not treat avatarUrl as an avatar source', () => {
+    expect(
+      resolveUserAvatarUrl(
+        {avatarUrl: 'https://legacy.example/avatar.png'},
+        () => '',
+      ),
+    ).toBe('');
+  });
+});

package/src/utils/appDomain.js

@@ -1,4 +1,9 @@
-const toRawString = value => String(value || '').trim();
+const INVALID_DOMAIN_VALUES = new Set(['undefined', 'null', 'false']);
+
+const toRawString = value => {
+  const raw = String(value || '').trim();
+  return INVALID_DOMAIN_VALUES.has(raw.toLowerCase()) ? '' : raw;
+};
 
 const tryParseHost = value => {
   const raw = toRawString(value);
@@ -23,10 +28,16 @@ export const resolveRuntimeHost = () => {
   return toRawString(location?.host || '');
 };
 
+/**
+ * App-Domain header value.
+ * Browser (web multi-tenant): always prefer window.location.host so custom
+ * domains (e.g. erpjaguncos.com.br) resolve the correct tenant.
+ * Native / no location: fall back to configured DOMAIN from env.
+ */
 export const resolveAppDomain = configuredDomain => {
-  const configuredHost = tryParseHost(configuredDomain);
-  if (configuredHost) return configuredHost;
-  return tryParseHost(resolveRuntimeHost());
+  const runtimeHost = tryParseHost(resolveRuntimeHost());
+  if (runtimeHost) return runtimeHost;
+  return tryParseHost(configuredDomain);
 };
 
 export const resolveCompanyDomain = (company, fallbackDomain = '') => {

package/src/utils/formatter.js

@@ -1,10 +1,62 @@
-export default class Formatter {
+/* global Intl */
+
+const MOJIBAKE_REPLACEMENTS = [
+  ['À', 'À'],
+  ['\u00C3\u0081', 'Á'],
+  ['Â', 'Â'],
+  ['Ã', 'Ã'],
+  ['É', 'É'],
+  ['Ê', 'Ê'],
+  ['Ó', 'Ó'],
+  ['Ô', 'Ô'],
+  ['Õ', 'Õ'],
+  ['Ú', 'Ú'],
+  ['á', 'á'],
+  ['à', 'à'],
+  ['Ã\u00A0', 'à'],
+  ['â', 'â'],
+  ['ã', 'ã'],
+  ['é', 'é'],
+  ['ê', 'ê'],
+  ['í', 'í'],
+  ['ó', 'ó'],
+  ['ô', 'ô'],
+  ['õ', 'õ'],
+  ['ú', 'ú'],
+  ['Ç', 'Ç'],
+  ['ç', 'ç'],
+  ['º', 'º'],
+  ['ª', 'ª'],
+  ['·', '·'],
+  ['→', '→'],
+  ['–', '–'],
+  ['—', '—'],
+  ['‘', "'"],
+  ['’', "'"],
+  ['“', '"'],
+  ['\u00E2\u20AC\u009D', '"'],
+  ['Â', ''],
+];
+
+export default class Formatter {
 
   /* ================= UTIL ================= */
 
-  static onlyNumbers(value) {
-    return String(value || '').replace(/\D/g, '');
-  }
+  static onlyNumbers(value) {
+    return String(value || '').replace(/\D/g, '');
+  }
+
+  static repairMojibake(value) {
+    let text = String(value || '');
+
+    for (let pass = 0; pass < 2; pass += 1) {
+      MOJIBAKE_REPLACEMENTS.forEach(([broken, fixed]) => {
+        text = text.split(broken).join(fixed);
+      });
+    }
+
+    return text;
+  }
 
   /* ================= DOCUMENTOS ================= */
 
@@ -310,6 +362,24 @@ export default class Formatter {
     return `${Formatter.formatDecimal(value, locale, maximumFractionDigits)}%`;
   }
 
+  static formatCount(value, singular, plural = `${singular}s`) {
+    return `${value} ${value === 1 ? singular : plural}`;
+  }
+
+  static formatDateTime(value) {
+    if (!value) return 'sem data';
+
+    const date = new Date(value);
+
+    if (isNaN(date.getTime()))
+      return value;
+
+    return new Intl.DateTimeFormat('pt-BR', {
+      dateStyle: 'medium',
+      timeStyle: 'short',
+    }).format(date);
+  }
+
   static formatSignedInteger(value, locale = 'pt-BR') {
 
     const numericValue = Number(value || 0);
@@ -384,14 +454,18 @@ export default class Formatter {
     return `${year}-${month}-${day}`;
   }
 
-  static formatDateYmdTodmY(value, withTime = false) {
-
-    if (!value) return '';
-
-    const date = new Date(value);
-
-    if (isNaN(date.getTime()))
-      return value;
+  static formatDateYmdTodmY(value, withTime = false) {
+
+    if (!value) return '';
+
+    const isoOffsetParts = Formatter.parseIsoDateWithNumericOffset(value);
+    if (isoOffsetParts)
+      return Formatter.formatDatePartsToBR(isoOffsetParts, withTime);
+
+    const date = new Date(value);
+
+    if (isNaN(date.getTime()))
+      return value;
 
     const clientTimeZoneOffset = new Date().getTimezoneOffset();
 
@@ -412,8 +486,40 @@ export default class Formatter {
       options.minute = '2-digit';
       options.second = '2-digit';
     }
-
-    return date.toLocaleString('pt-BR', options);
-  }
-
+
+    return date.toLocaleString('pt-BR', options);
+  }
+
+  static parseIsoDateWithNumericOffset(value) {
+
+    if (typeof value !== 'string')
+      return null;
+
+    const matches = value.match(
+      /^(\d{4})-(\d{2})-(\d{2})[T\s](\d{2}):(\d{2})(?::(\d{2})(?:\.\d+)?)?[+-]\d{2}:?\d{2}$/
+    );
+
+    if (!matches)
+      return null;
+
+    return {
+      year: matches[1],
+      month: matches[2],
+      day: matches[3],
+      hour: matches[4],
+      minute: matches[5],
+      second: matches[6] || '00',
+    };
+  }
+
+  static formatDatePartsToBR(parts, withTime = false) {
+
+    const date = `${parts.day}/${parts.month}/${parts.year}`;
+
+    if (!withTime)
+      return date;
+
+    return `${date}, ${parts.hour}:${parts.minute}:${parts.second}`;
+  }
+
 }

package/src/utils/integrationConfigs.js

@@ -6,6 +6,7 @@ export const DEFAULT_CIELO_CONFIG = {
   ACCESS_TOKEN: '',
   CLIENT_ID: '',
   EMAIL: '',
+  MERCHANT_CODE: '',
 };
 
 export const DEFAULT_NEW_RELIC_CONFIG = {