@oxyhq/services 26.0.0 → 26.0.1

package/src/ui/screens/CreateAccountScreen.tsx

@@ -3,7 +3,7 @@ import { useState, useCallback, useRef, useEffect } from 'react';
 import { View, ActivityIndicator } from 'react-native';
 import Ionicons from '@expo/vector-icons/Ionicons';
 import type { AccountKind, CreateAccountInput, OrganizationCategory } from '@oxyhq/core';
-import { DISPLAY_NAME_INVALID_MESSAGE, isValidDisplayName, MAX_DISPLAY_NAME_LENGTH, ORGANIZATION_CATEGORIES } from '@oxyhq/core';
+import { ORGANIZATION_CATEGORIES } from '@oxyhq/core';
 import type { BaseScreenProps } from '../types/navigation';
 import { useI18n } from '../hooks/useI18n';
 import { useSurfaceHeader } from '../hooks/useSurfaceHeader';
@@ -13,7 +13,7 @@ import { Button } from '@oxyhq/bloom/button';
 import { TextField, TextFieldInput } from '@oxyhq/bloom/text-field';
 import { SettingsListGroup, SettingsListItem } from '@oxyhq/bloom/settings-list';
 import { useOxy } from '../context/OxyContext';
-import { toast } from '@oxyhq/bloom/toast';
+import { toast } from '@oxyhq/bloom';
 
 type UsernameStatus = 'idle' | 'checking' | 'available' | 'taken' | 'invalid';
 
@@ -23,7 +23,7 @@ type CreatableAccountKind = Exclude<AccountKind, 'personal'>;
 const USERNAME_REGEX = /^[a-zA-Z0-9_-]{3,30}$/;
 const DEBOUNCE_MS = 400;
 const USERNAME_MAX = 30;
-const DISPLAY_NAME_MAX = MAX_DISPLAY_NAME_LENGTH;
+const DISPLAY_NAME_MAX = 50;
 const BIO_MAX = 160;
 
 interface KindOption {
@@ -112,7 +112,6 @@ const CreateAccountScreen: React.FC<BaseScreenProps> = ({
   const [organizationCategory, setOrganizationCategory] = useState<OrganizationCategory>('agency');
   const [username, setUsername] = useState('');
   const [displayName, setDisplayName] = useState('');
-  const [displayNameError, setDisplayNameError] = useState('');
   const [bio, setBio] = useState('');
   const [usernameStatus, setUsernameStatus] = useState<UsernameStatus>('idle');
   const [usernameMessage, setUsernameMessage] = useState('');
@@ -181,28 +180,7 @@ const CreateAccountScreen: React.FC<BaseScreenProps> = ({
     checkUsername(cleaned);
   }, [checkUsername]);
 
-  const handleDisplayNameChange = useCallback((value: string) => {
-    setDisplayName(value);
-    const trimmed = value.trim();
-    if (!trimmed) {
-      setDisplayNameError('');
-      return;
-    }
-    const nameParts = trimmed.split(/\s+/);
-    const firstName = nameParts[0] || '';
-    const lastName = nameParts.length > 1 ? nameParts.slice(1).join(' ') : '';
-    const invalidPart = [firstName, lastName].find((part) => part && !isValidDisplayName(part));
-    setDisplayNameError(
-      invalidPart
-        ? (t('accounts.create.displayName.invalidChars') || DISPLAY_NAME_INVALID_MESSAGE)
-        : '',
-    );
-  }, [t]);
-
-  const canCreate = usernameStatus === 'available'
-    && displayName.trim().length > 0
-    && !displayNameError
-    && !isCreating;
+  const canCreate = usernameStatus === 'available' && displayName.trim().length > 0 && !isCreating;
 
   const handleCreate = useCallback(async () => {
     if (!canCreate) return;
@@ -342,23 +320,15 @@ const CreateAccountScreen: React.FC<BaseScreenProps> = ({
           </View>
 
           {/* Display Name */}
-          <View className="gap-space-4">
-            <TextField isInvalid={Boolean(displayNameError)}>
-              <TextFieldInput
-                floatingLabel
-                label={t('accounts.create.displayName.label') || 'Display name'}
-                value={displayName}
-                onChangeText={handleDisplayNameChange}
-                isInvalid={Boolean(displayNameError)}
-                maxLength={DISPLAY_NAME_MAX}
-              />
-            </TextField>
-            {displayNameError ? (
-              <Text className="text-caption font-caption text-negative px-space-4">
-                {displayNameError}
-              </Text>
-            ) : null}
-          </View>
+          <TextField>
+            <TextFieldInput
+              floatingLabel
+              label={t('accounts.create.displayName.label') || 'Display name'}
+              value={displayName}
+              onChangeText={setDisplayName}
+              maxLength={DISPLAY_NAME_MAX}
+            />
+          </TextField>
 
           {/* Bio */}
           <View className="gap-space-4">

package/src/ui/screens/EditProfileFieldScreen.tsx

@@ -19,8 +19,8 @@ import { useSurfaceHeader } from '../hooks/useSurfaceHeader';
 import { SurfaceHeaderAction } from '../components/SurfaceHeaderAction';
 import { useOxy } from '../context/OxyContext';
 import { useProfileEditing } from '../hooks/useProfileEditing';
-import { toast } from '@oxyhq/bloom/toast';
-import { EMAIL_REGEX, DISPLAY_NAME_INVALID_MESSAGE, isValidDisplayName } from '@oxyhq/core';
+import { toast } from '@oxyhq/bloom';
+import { EMAIL_REGEX, isValidDisplayName } from '@oxyhq/core';
 import { getLinkTitle, getLinkDescription, linksToListItems } from './linkFormat';
 
 /**
@@ -202,7 +202,7 @@ const EditProfileFieldScreen: React.FC<EditProfileFieldScreenProps> = ({
                                 isValidDisplayName(value)
                                     ? undefined
                                     : (t('editProfile.items.displayName.invalidChars')
-                                        || DISPLAY_NAME_INVALID_MESSAGE),
+                                        || 'Use letters and spaces only'),
                         },
                         {
                             key: 'lastName',
@@ -212,7 +212,7 @@ const EditProfileFieldScreen: React.FC<EditProfileFieldScreenProps> = ({
                                 isValidDisplayName(value)
                                     ? undefined
                                     : (t('editProfile.items.displayName.invalidChars')
-                                        || DISPLAY_NAME_INVALID_MESSAGE),
+                                        || 'Use letters and spaces only'),
                         },
                     ],
                 };

package/src/ui/screens/EditProfileScreen.tsx

@@ -3,7 +3,7 @@ import { useMemo } from 'react';
 import { View } from 'react-native';
 import { useTheme } from '@oxyhq/bloom/theme';
 import { SettingsListGroup, SettingsListItem } from '@oxyhq/bloom/settings-list';
-import { getNormalizedUserHandle } from '@oxyhq/core';
+import { getAccountDisplayName } from '@oxyhq/core';
 import type { BaseScreenProps } from '../types/navigation';
 import { Avatar } from '@oxyhq/bloom/avatar';
 import ProfileSummaryCard from '../components/ProfileSummaryCard';
@@ -24,15 +24,12 @@ import type { ProfileFieldType } from './EditProfileFieldScreen';
  */
 const EditProfileScreen: React.FC<BaseScreenProps> = ({ navigate }) => {
     const bloomTheme = useTheme();
-    const { t } = useI18n();
+    const { t, locale } = useI18n();
     const { user, oxyServices, openAvatarPicker } = useOxy();
 
     useSurfaceHeader({ title: t('editProfile.title') || 'Edit Profile' });
 
-    const displayName = useMemo(
-        () => user?.name?.displayName ?? getNormalizedUserHandle(user) ?? '',
-        [user],
-    );
+    const displayName = useMemo(() => getAccountDisplayName(user, locale), [user, locale]);
     const avatarUri = useMemo(
         () => (user?.avatar ? oxyServices.getFileDownloadUrl(user.avatar, 'thumb') : undefined),
         [user?.avatar, oxyServices],

package/src/ui/screens/FAQScreen.tsx

@@ -2,7 +2,7 @@ import type React from 'react';
 import { useState, useEffect, useCallback, useMemo } from 'react';
 import { View, ScrollView, StyleSheet } from 'react-native';
 import Ionicons from '@expo/vector-icons/Ionicons';
-import { toast } from '@oxyhq/bloom/toast';
+import { toast } from '@oxyhq/bloom';
 import { useTheme } from '@oxyhq/bloom/theme';
 import { Search } from '@oxyhq/bloom/search';
 import { Button } from '@oxyhq/bloom/button';