From 30d601f15260bfd62e733c2d9efe414c56c31670 Mon Sep 17 00:00:00 2001
From: Taras Mankovski <taras@frontside.com>
Date: Tue, 10 Oct 2023 18:05:23 -0400
Subject: [PATCH] extractInitials without Regex lookbehind

Signed-off-by: Taras Mankovski <taras@frontside.com>
---
 .../src/components/Avatar/util.test.ts               |  2 +-
 .../core-components/src/components/Avatar/utils.ts   | 12 +++++++-----
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/packages/core-components/src/components/Avatar/util.test.ts b/packages/core-components/src/components/Avatar/util.test.ts
index 6581df8b9a..70ed360bc3 100644
--- a/packages/core-components/src/components/Avatar/util.test.ts
+++ b/packages/core-components/src/components/Avatar/util.test.ts
@@ -36,6 +36,6 @@ describe('extractInitials', () => {
   });
 
   it('limit the initials to two letters', async () => {
-    expect(extractInitials('John Jonathan Doe')).toEqual('JJ');
+    expect(extractInitials('John Jonathan Doe')).toEqual('JD');
   });
 });
diff --git a/packages/core-components/src/components/Avatar/utils.ts b/packages/core-components/src/components/Avatar/utils.ts
index 79627d5996..ad587e0e8e 100644
--- a/packages/core-components/src/components/Avatar/utils.ts
+++ b/packages/core-components/src/components/Avatar/utils.ts
@@ -27,9 +27,11 @@ export function stringToColor(str: string) {
   return color;
 }
 
-export function extractInitials(value: string) {
-  return value
-    .match(/(?<!\p{L})\p{L}/gu)
-    ?.join('')
-    .slice(0, 2);
+export function extractInitials(name: string) {
+  const names = name.split(' ');
+  const firstName = names[0] ?? '';
+  const lastName = names.length > 1 ? names[names.length - 1] : '';
+  return firstName && lastName
+    ? `${firstName.charAt(0)}${lastName.charAt(0)}`
+    : firstName.charAt(0);
 }