fix: social regex unicode support (#5133)

Related dailydotdev/daily#1507

Author: syu213

packages/shared/src/graphql/users.ts

@@ -440,9 +440,13 @@ export const REMOVE_USER_COMPANY_MUTATION = gql`
 `;
 
 // Regex taken from https://github.com/dailydotdev/daily-api/blob/234b0be53fea85954403cef5a2326fc50ce498fd/src/common/object.ts#L41
-export const handleRegex = new RegExp(/^@?[a-z0-9](\w){2,38}$/i);
+// Updated to support Unicode word characters (including accented characters)
+export const handleRegex = new RegExp(
+  /^@?[\p{L}\p{N}]([\p{L}\p{N}_]){2,38}$/iu,
+);
 // Regex taken from https://github.com/dailydotdev/daily-api/blob/234b0be53fea85954403cef5a2326fc50ce498fd/src/common/object.ts#L40
-export const socialHandleRegex = new RegExp(/^@?([\w-]){1,39}$/i);
+// Updated to support Unicode word characters (including accented characters)
+export const socialHandleRegex = new RegExp(/^@?([\p{L}\p{N}_-]){1,39}$/iu);
 
 export const REFERRAL_CAMPAIGN_QUERY = gql`
   query ReferralCampaign($referralOrigin: String!) {

packages/shared/src/hooks/__tests__/useProfileForm.spec.ts

@@ -0,0 +1,83 @@
+import { onValidateHandles } from '../useProfileForm';
+
+describe('onValidateHandles', () => {
+  it('should accept accented characters in social handles', () => {
+    const before = {};
+    const after = {
+      twitter: 'ítalo-oliveira-800923162',
+      github: 'José',
+      linkedin: 'François',
+      username: 'Müller',
+    };
+
+    const result = onValidateHandles(before, after);
+
+    expect(result).toEqual({});
+  });
+
+  it('should accept accented characters in username', () => {
+    const before = { username: 'oldname' };
+    const after = { username: 'José_González' };
+
+    const result = onValidateHandles(before, after);
+
+    expect(result).toEqual({});
+  });
+
+  it('should accept Unicode characters from various languages', () => {
+    const before = {};
+    const after = {
+      username: 'Борис', // Cyrillic
+      twitter: '北京', // Chinese
+      github: 'جوزيف', // Arabic
+    };
+
+    const result = onValidateHandles(before, after);
+
+    expect(result).toEqual({});
+  });
+
+  it('should accept mixed Unicode and ASCII characters', () => {
+    const before = {};
+    const after = {
+      twitter: '@José-González_123',
+      github: 'François-dev',
+      username: 'Müller_Corp',
+    };
+
+    const result = onValidateHandles(before, after);
+
+    expect(result).toEqual({});
+  });
+
+  it('should still accept regular ASCII usernames', () => {
+    const before = {};
+    const after = {
+      username: 'john_doe',
+      twitter: '@johndoe',
+      github: 'johndoe-dev',
+    };
+
+    const result = onValidateHandles(before, after);
+
+    expect(result).toEqual({});
+  });
+
+  it('should reject usernames that are too short', () => {
+    const before = { username: 'oldname' };
+    const after = { username: 'í' }; // Single character
+
+    const result = onValidateHandles(before, after);
+
+    expect(result.username).toBeDefined();
+  });
+
+  it('should reject empty usernames', () => {
+    const before = { username: 'oldname' };
+    const after = { username: '' };
+
+    const result = onValidateHandles(before, after);
+
+    expect(result.username).toBeDefined();
+  });
+});