@greatapps/common 1.1.491 → 1.1.492

package/dist/components/ui/data-display/UserAvatar.mjs

@@ -2,14 +2,12 @@
 import { jsx } from "react/jsx-runtime";
 import Image from "next/image";
 import { cn } from "../../../infra/utils/clsx";
-function extractEmoji(text) {
-  const match = text.match(
-    /\p{Regional_Indicator}{2}|\p{Extended_Pictographic}(\uFE0F?\u200D\p{Extended_Pictographic})*/u
-  );
-  return match ? match[0] : null;
-}
-function getInitials(name, maxLength = 2) {
-  return name.split(" ").map((n) => n[0]).join("").slice(0, maxLength).toUpperCase();
+const EMOJI_RE = /\p{Regional_Indicator}{2}|\p{Extended_Pictographic}(\uFE0F?\u200D\p{Extended_Pictographic})*/u;
+function getInitials(name) {
+  const emoji = name.match(EMOJI_RE)?.[0];
+  const clean = emoji ? name.replace(emoji, "").trim() : name;
+  const letters = clean.split(" ").filter(Boolean).map((w) => w[0]).join("").slice(0, emoji ? 1 : 2).toUpperCase();
+  return letters + (emoji ?? "");
 }
 const STORAGE_URL = process.env.NEXT_PUBLIC_STORAGE_URL || "";
 function UserAvatar({
@@ -21,8 +19,7 @@ function UserAvatar({
   className
 }) {
   const shapeClass = shape === "circle" ? "rounded-full" : "rounded-lg";
-  const emoji = name ? extractEmoji(name) : null;
-  const displayInitials = initials || (name ? getInitials(emoji ? name.replace(emoji, "").trim() + " " + emoji : name) : "?");
+  const displayInitials = initials || (name ? getInitials(name) : "?");
   const photoUrl = STORAGE_URL && photo ? `${STORAGE_URL}/${photo}` : photo;
   if (photoUrl) {
     return /* @__PURE__ */ jsx(

package/dist/components/ui/data-display/UserAvatar.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ui/data-display/UserAvatar.tsx"],"sourcesContent":["'use client';\r\n\r\n\"use client\"\r\n\r\nimport Image from 'next/image';\r\nimport { cn } from '../../../infra/utils/clsx';\r\n\r\nfunction extractEmoji(text: string): string | null {\r\n  const match = text.match(\r\n    /\\p{Regional_Indicator}{2}|\\p{Extended_Pictographic}(\\uFE0F?\\u200D\\p{Extended_Pictographic})*/u\r\n  );\r\n  return match ? match[0] : null;\r\n}\r\n\r\nfunction getInitials(name: string, maxLength: number = 2): string {\r\n  return name\r\n    .split(' ')\r\n    .map((n) => n[0])\r\n    .join('')\r\n    .slice(0, maxLength)\r\n    .toUpperCase();\r\n}\r\n\r\nconst STORAGE_URL = process.env.NEXT_PUBLIC_STORAGE_URL || '';\r\n\r\ninterface UserAvatarProps {\r\n  photo?: string | null;\r\n  name?: string;\r\n  initials?: string;\r\n  size?: number;\r\n  shape?: 'circle' | 'square';\r\n  className?: string;\r\n}\r\n\r\nfunction UserAvatar({\r\n  photo,\r\n  name,\r\n  initials,\r\n  size = 32,\r\n  shape = 'circle',\r\n  className,\r\n}: UserAvatarProps) {\r\n  const shapeClass = shape === 'circle' ? 'rounded-full' : 'rounded-lg';\r\n  const emoji = name ? extractEmoji(name) : null;\r\n  const displayInitials = initials || (name ? getInitials(emoji ? name.replace(emoji, '').trim() + ' ' + emoji : name) : '?');\r\n\r\n  const photoUrl = STORAGE_URL && photo ? `${STORAGE_URL}/${photo}` : photo;\r\n\r\n  if (photoUrl) {\r\n    return (\r\n      <Image\r\n        alt={name || 'imagem do usuario'}\r\n        src={photoUrl}\r\n        width={size}\r\n        height={size}\r\n        className={cn('object-cover shrink-0', shapeClass, className)}\r\n        style={{ width: size, height: size }}\r\n      />\r\n    );\r\n  }\r\n\r\n  return (\r\n    <div\r\n      className={cn(\r\n        'flex items-center justify-center shrink-0 bg-gray-100',\r\n        shapeClass,\r\n        className\r\n      )}\r\n      style={{ width: size, height: size }}\r\n    >\r\n      <span className=\"text-xs font-semibold text-gray-700\">{displayInitials}</span>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport { UserAvatar };\r\nexport type { UserAvatarProps };\r\n"],"mappings":";AAkDM;AA9CN,OAAO,WAAW;AAClB,SAAS,UAAU;AAEnB,SAAS,aAAa,MAA6B;AACjD,QAAM,QAAQ,KAAK;AAAA,IACjB;AAAA,EACF;AACA,SAAO,QAAQ,MAAM,CAAC,IAAI;AAC5B;AAEA,SAAS,YAAY,MAAc,YAAoB,GAAW;AAChE,SAAO,KACJ,MAAM,GAAG,EACT,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,EACf,KAAK,EAAE,EACP,MAAM,GAAG,SAAS,EAClB,YAAY;AACjB;AAEA,MAAM,cAAc,QAAQ,IAAI,2BAA2B;AAW3D,SAAS,WAAW;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,QAAQ;AAAA,EACR;AACF,GAAoB;AAClB,QAAM,aAAa,UAAU,WAAW,iBAAiB;AACzD,QAAM,QAAQ,OAAO,aAAa,IAAI,IAAI;AAC1C,QAAM,kBAAkB,aAAa,OAAO,YAAY,QAAQ,KAAK,QAAQ,OAAO,EAAE,EAAE,KAAK,IAAI,MAAM,QAAQ,IAAI,IAAI;AAEvH,QAAM,WAAW,eAAe,QAAQ,GAAG,WAAW,IAAI,KAAK,KAAK;AAEpE,MAAI,UAAU;AACZ,WACE;AAAA,MAAC;AAAA;AAAA,QACC,KAAK,QAAQ;AAAA,QACb,KAAK;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,WAAW,GAAG,yBAAyB,YAAY,SAAS;AAAA,QAC5D,OAAO,EAAE,OAAO,MAAM,QAAQ,KAAK;AAAA;AAAA,IACrC;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,OAAO,EAAE,OAAO,MAAM,QAAQ,KAAK;AAAA,MAEnC,8BAAC,UAAK,WAAU,uCAAuC,2BAAgB;AAAA;AAAA,EACzE;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/components/ui/data-display/UserAvatar.tsx"],"sourcesContent":["'use client';\r\n\r\n\"use client\"\r\n\r\nimport Image from 'next/image';\r\nimport { cn } from '../../../infra/utils/clsx';\r\n\r\nconst EMOJI_RE = /\\p{Regional_Indicator}{2}|\\p{Extended_Pictographic}(\\uFE0F?\\u200D\\p{Extended_Pictographic})*/u;\r\n\r\nfunction getInitials(name: string): string {\r\n  const emoji = name.match(EMOJI_RE)?.[0];\r\n  const clean = emoji ? name.replace(emoji, '').trim() : name;\r\n  const letters = clean\r\n    .split(' ')\r\n    .filter(Boolean)\r\n    .map((w) => w[0])\r\n    .join('')\r\n    .slice(0, emoji ? 1 : 2)\r\n    .toUpperCase();\r\n  return letters + (emoji ?? '');\r\n}\r\n\r\nconst STORAGE_URL = process.env.NEXT_PUBLIC_STORAGE_URL || '';\r\n\r\ninterface UserAvatarProps {\r\n  photo?: string | null;\r\n  name?: string;\r\n  initials?: string;\r\n  size?: number;\r\n  shape?: 'circle' | 'square';\r\n  className?: string;\r\n}\r\n\r\nfunction UserAvatar({\r\n  photo,\r\n  name,\r\n  initials,\r\n  size = 32,\r\n  shape = 'circle',\r\n  className,\r\n}: UserAvatarProps) {\r\n  const shapeClass = shape === 'circle' ? 'rounded-full' : 'rounded-lg';\r\n  const displayInitials = initials || (name ? getInitials(name) : '?');\r\n\r\n  const photoUrl = STORAGE_URL && photo ? `${STORAGE_URL}/${photo}` : photo;\r\n\r\n  if (photoUrl) {\r\n    return (\r\n      <Image\r\n        alt={name || 'imagem do usuario'}\r\n        src={photoUrl}\r\n        width={size}\r\n        height={size}\r\n        className={cn('object-cover shrink-0', shapeClass, className)}\r\n        style={{ width: size, height: size }}\r\n      />\r\n    );\r\n  }\r\n\r\n  return (\r\n    <div\r\n      className={cn(\r\n        'flex items-center justify-center shrink-0 bg-gray-100',\r\n        shapeClass,\r\n        className\r\n      )}\r\n      style={{ width: size, height: size }}\r\n    >\r\n      <span className=\"text-xs font-semibold text-gray-700\">{displayInitials}</span>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport { UserAvatar };\r\nexport type { UserAvatarProps };\r\n"],"mappings":";AAgDM;AA5CN,OAAO,WAAW;AAClB,SAAS,UAAU;AAEnB,MAAM,WAAW;AAEjB,SAAS,YAAY,MAAsB;AACzC,QAAM,QAAQ,KAAK,MAAM,QAAQ,IAAI,CAAC;AACtC,QAAM,QAAQ,QAAQ,KAAK,QAAQ,OAAO,EAAE,EAAE,KAAK,IAAI;AACvD,QAAM,UAAU,MACb,MAAM,GAAG,EACT,OAAO,OAAO,EACd,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,EACf,KAAK,EAAE,EACP,MAAM,GAAG,QAAQ,IAAI,CAAC,EACtB,YAAY;AACf,SAAO,WAAW,SAAS;AAC7B;AAEA,MAAM,cAAc,QAAQ,IAAI,2BAA2B;AAW3D,SAAS,WAAW;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,QAAQ;AAAA,EACR;AACF,GAAoB;AAClB,QAAM,aAAa,UAAU,WAAW,iBAAiB;AACzD,QAAM,kBAAkB,aAAa,OAAO,YAAY,IAAI,IAAI;AAEhE,QAAM,WAAW,eAAe,QAAQ,GAAG,WAAW,IAAI,KAAK,KAAK;AAEpE,MAAI,UAAU;AACZ,WACE;AAAA,MAAC;AAAA;AAAA,QACC,KAAK,QAAQ;AAAA,QACb,KAAK;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,WAAW,GAAG,yBAAyB,YAAY,SAAS;AAAA,QAC5D,OAAO,EAAE,OAAO,MAAM,QAAQ,KAAK;AAAA;AAAA,IACrC;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,OAAO,EAAE,OAAO,MAAM,QAAQ,KAAK;AAAA,MAEnC,8BAAC,UAAK,WAAU,uCAAuC,2BAAgB;AAAA;AAAA,EACzE;AAEJ;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@greatapps/common",
-  "version": "1.1.491",
+  "version": "1.1.492",
   "description": "Shared library for GreatApps frontend applications",
   "main": "./dist/index.mjs",
   "types": "./src/index.ts",

package/src/components/ui/data-display/UserAvatar.tsx

@@ -5,20 +5,19 @@
 import Image from 'next/image';
 import { cn } from '../../../infra/utils/clsx';
 
-function extractEmoji(text: string): string | null {
-  const match = text.match(
-    /\p{Regional_Indicator}{2}|\p{Extended_Pictographic}(\uFE0F?\u200D\p{Extended_Pictographic})*/u
-  );
-  return match ? match[0] : null;
-}
+const EMOJI_RE = /\p{Regional_Indicator}{2}|\p{Extended_Pictographic}(\uFE0F?\u200D\p{Extended_Pictographic})*/u;
 
-function getInitials(name: string, maxLength: number = 2): string {
-  return name
+function getInitials(name: string): string {
+  const emoji = name.match(EMOJI_RE)?.[0];
+  const clean = emoji ? name.replace(emoji, '').trim() : name;
+  const letters = clean
     .split(' ')
-    .map((n) => n[0])
+    .filter(Boolean)
+    .map((w) => w[0])
     .join('')
-    .slice(0, maxLength)
+    .slice(0, emoji ? 1 : 2)
     .toUpperCase();
+  return letters + (emoji ?? '');
 }
 
 const STORAGE_URL = process.env.NEXT_PUBLIC_STORAGE_URL || '';
@@ -41,8 +40,7 @@ function UserAvatar({
   className,
 }: UserAvatarProps) {
   const shapeClass = shape === 'circle' ? 'rounded-full' : 'rounded-lg';
-  const emoji = name ? extractEmoji(name) : null;
-  const displayInitials = initials || (name ? getInitials(emoji ? name.replace(emoji, '').trim() + ' ' + emoji : name) : '?');
+  const displayInitials = initials || (name ? getInitials(name) : '?');
 
   const photoUrl = STORAGE_URL && photo ? `${STORAGE_URL}/${photo}` : photo;