@oxyhq/services 5.12.11 → 5.13.1

package/src/i18n/locales/ko-KR.json

@@ -0,0 +1,128 @@
+{
+  "signin": {
+    "title": "로그인",
+    "subtitle": "계속하려면 로그인하세요",
+    "addAccountTitle": "다른 계정 추가",
+    "addAccountSubtitle": "다른 계정으로 로그인",
+    "username": {
+      "label": "사용자 이름",
+      "placeholder": "사용자 이름을 입력하세요",
+      "helper": "3-30자, 영문과 숫자만",
+      "required": "사용자 이름을 입력해주세요.",
+      "minLength": "사용자 이름은 최소 3자 이상이어야 합니다."
+    },
+    "password": {
+      "label": "비밀번호",
+      "placeholder": "비밀번호를 입력하세요",
+      "required": "비밀번호를 입력해주세요.",
+      "hint": "로그인하려면 비밀번호를 입력하세요"
+    },
+    "actions": {
+      "continue": "계속",
+      "back": "뒤로",
+      "signIn": "로그인",
+      "verify": "확인",
+      "openAccountSwitcher": "다른 계정으로 전환",
+      "openAccountSwitcherSubtitle": "{{count}}개의 다른 계정 사용 가능",
+      "openAccountSwitcherSubtitle_singular": "1개의 다른 계정 사용 가능",
+      "openAccountSwitcherSubtitle_zero": "저장된 계정 검토",
+      "manageAccounts": "저장된 계정 관리",
+      "manageAccountsSubtitle": "세션 검토, 제거 또는 로그아웃",
+      "loadingOtherAccounts": "다른 계정 로드 중…",
+      "switchAccountFailed": "계정을 전환할 수 없습니다. 다시 시도해주세요."
+    },
+    "forgotPrompt": "비밀번호를 잊으셨나요?",
+    "security": {
+      "dataSecure": "데이터가 암호화되어 안전합니다"
+    },
+    "currentlySignedInAs": "현재 로그인 중:",
+    "alreadySignedInWith": "이미 로그인 중:",
+    "alreadySignedIn": "이미 로그인됨",
+    "alreadySignedInMessage": "이 계정은 이미 로그인되어 있습니다. 이 계정으로 계속하시겠습니까?",
+    "continueWithAccount": "계속",
+    "currentAccount": "현재",
+    "or": "또는",
+    "viewAllAccounts": "{{count}}개 더 보기",
+    "status": {
+      "accountSwitched": "{{name}} 사용 중"
+    },
+    "totp": {
+      "title": "2단계 인증 코드",
+      "subtitle": "@{{username}}의 인증 앱에서 6자리 코드를 입력하세요",
+      "invalidCode": "잘못된 코드입니다. 다시 시도해주세요.",
+      "noAccess": "인증 앱에 액세스할 수 없나요?",
+      "useBackupCode": "백업 코드 사용",
+      "useRecoveryKey": "복구 키 사용"
+    }
+  },
+  "signup": {
+    "welcome": {
+      "title": "Oxy에 오신 것을 환영합니다!",
+      "subtitle": "몇 단계만으로 계정을 만드세요",
+      "haveAccount": "이미 계정이 있으신가요?",
+      "signInCta": "로그인"
+    },
+    "identity": {
+      "title": "당신은 누구인가요?",
+      "subtitle": "사용자 이름을 선택하고 이메일을 입력하세요"
+    },
+    "username": {
+      "helper": "3-30자, 영문과 숫자만",
+      "required": "사용자 이름을 입력해주세요",
+      "minLength": "사용자 이름은 최소 3자 이상이어야 합니다"
+    },
+    "email": {
+      "required": "이메일 주소를 입력해주세요",
+      "invalid": "유효한 이메일 주소를 입력해주세요",
+      "helper": "이메일을 공유하지 않습니다"
+    },
+    "security": {
+      "title": "계정 보호",
+      "subtitle": "계정을 보호하기 위한 강력한 비밀번호를 만드세요"
+    },
+    "password": {
+      "helper": "최소 8자",
+      "required": "비밀번호를 입력해주세요",
+      "minLength": "비밀번호는 최소 8자 이상이어야 합니다",
+      "confirmRequired": "비밀번호를 확인해주세요",
+      "mismatch": "비밀번호가 일치하지 않습니다",
+      "confirmHint": "확인을 위해 비밀번호를 다시 입력하세요"
+    },
+    "summary": {
+      "title": "거의 완료되었습니다!",
+      "subtitle": "정보를 검토하고 계정을 만드세요",
+      "sectionTitle": "계정 정보",
+      "fields": {
+        "username": "사용자 이름",
+        "email": "이메일",
+        "password": "비밀번호"
+      },
+      "notSet": "설정되지 않음",
+      "securityTip": "더 강력한 보안을 위해 계정을 만든 후 계정 설정에서 2단계 인증(TOTP)을 활성화하세요.",
+      "legalReminder": "계정을 만들면 서비스 약관 및 개인정보 보호정책에 동의하는 것입니다."
+    }
+  },
+  "common": {
+    "actions": {
+      "back": "뒤로",
+      "continue": "계속",
+      "next": "다음",
+      "getStarted": "시작하기",
+      "createAccount": "계정 만들기",
+      "signIn": "로그인",
+      "verify": "확인",
+      "resetPassword": "비밀번호 재설정"
+    },
+    "links": {
+      "recoverAccount": "계정 복구",
+      "signUp": "가입하기"
+    },
+    "labels": {
+      "username": "사용자 이름",
+      "email": "이메일",
+      "password": "비밀번호",
+      "confirmPassword": "비밀번호 확인"
+    }
+  }
+}
+

package/src/i18n/locales/pt-PT.json

@@ -0,0 +1,128 @@
+{
+  "signin": {
+    "title": "Iniciar sessão",
+    "subtitle": "Inicie sessão para continuar",
+    "addAccountTitle": "Adicionar outra conta",
+    "addAccountSubtitle": "Iniciar sessão com outra conta",
+    "username": {
+      "label": "Nome de utilizador",
+      "placeholder": "Introduza o seu nome de utilizador",
+      "helper": "3-30 caracteres, apenas letras e números",
+      "required": "Por favor, introduza o seu nome de utilizador.",
+      "minLength": "O nome de utilizador deve ter pelo menos 3 caracteres."
+    },
+    "password": {
+      "label": "Palavra-passe",
+      "placeholder": "Introduza a sua palavra-passe",
+      "required": "Por favor, introduza a sua palavra-passe.",
+      "hint": "Introduza a sua palavra-passe para iniciar sessão"
+    },
+    "actions": {
+      "continue": "Continuar",
+      "back": "Voltar",
+      "signIn": "Iniciar sessão",
+      "verify": "Verificar",
+      "openAccountSwitcher": "Mudar para outra conta",
+      "openAccountSwitcherSubtitle": "{{count}} outras contas disponíveis",
+      "openAccountSwitcherSubtitle_singular": "1 outra conta disponível",
+      "openAccountSwitcherSubtitle_zero": "Revise as suas contas guardadas",
+      "manageAccounts": "Gerir contas guardadas",
+      "manageAccountsSubtitle": "Rever sessões, remover ou terminar sessão",
+      "loadingOtherAccounts": "A carregar outras contas…",
+      "switchAccountFailed": "Não foi possível mudar de conta. Por favor, tente novamente."
+    },
+    "forgotPrompt": "Esqueceu-se da palavra-passe?",
+    "security": {
+      "dataSecure": "Os seus dados estão encriptados e seguros"
+    },
+    "currentlySignedInAs": "Atualmente com sessão iniciada como",
+    "alreadySignedInWith": "Já tem sessão iniciada com",
+    "alreadySignedIn": "Já tem sessão iniciada",
+    "alreadySignedInMessage": "Esta conta já tem sessão iniciada. Continuar com esta conta?",
+    "continueWithAccount": "Continuar",
+    "currentAccount": "Atual",
+    "or": "ou",
+    "viewAllAccounts": "Ver mais {{count}}",
+    "status": {
+      "accountSwitched": "Agora a usar {{name}}"
+    },
+    "totp": {
+      "title": "Código de dois fatores",
+      "subtitle": "Introduza o código de 6 dígitos da sua app autenticadora para @{{username}}",
+      "invalidCode": "Código inválido. Por favor, tente novamente.",
+      "noAccess": "Sem acesso ao seu autenticador?",
+      "useBackupCode": "Usar código de backup",
+      "useRecoveryKey": "Usar chave de recuperação"
+    }
+  },
+  "signup": {
+    "welcome": {
+      "title": "Bem-vindo ao Oxy!",
+      "subtitle": "Crie a sua conta em poucos passos",
+      "haveAccount": "Já tem uma conta?",
+      "signInCta": "Iniciar sessão"
+    },
+    "identity": {
+      "title": "Quem é?",
+      "subtitle": "Escolha o seu nome de utilizador e introduza o seu email"
+    },
+    "username": {
+      "helper": "3-30 caracteres, apenas letras e números",
+      "required": "Por favor, introduza um nome de utilizador",
+      "minLength": "O nome de utilizador deve ter pelo menos 3 caracteres"
+    },
+    "email": {
+      "required": "Por favor, introduza um endereço de email",
+      "invalid": "Por favor, introduza um endereço de email válido",
+      "helper": "Nunca partilharemos o seu email"
+    },
+    "security": {
+      "title": "Proteja a sua conta",
+      "subtitle": "Crie uma palavra-passe forte para proteger a sua conta"
+    },
+    "password": {
+      "helper": "Pelo menos 8 caracteres",
+      "required": "Por favor, introduza uma palavra-passe",
+      "minLength": "A palavra-passe deve ter pelo menos 8 caracteres",
+      "confirmRequired": "Por favor, confirme a sua palavra-passe",
+      "mismatch": "As palavras-passe não coincidem",
+      "confirmHint": "Reintroduza a sua palavra-passe para confirmar"
+    },
+    "summary": {
+      "title": "Quase lá!",
+      "subtitle": "Revise as suas informações e crie a sua conta",
+      "sectionTitle": "Informações da conta",
+      "fields": {
+        "username": "Nome de utilizador",
+        "email": "Email",
+        "password": "Palavra-passe"
+      },
+      "notSet": "Não definido",
+      "securityTip": "Para maior segurança, ative a Autenticação de Dois Fatores (TOTP) nas Definições da conta após criar a sua conta.",
+      "legalReminder": "Ao criar uma conta, concorda com os nossos Termos de Serviço e Política de Privacidade."
+    }
+  },
+  "common": {
+    "actions": {
+      "back": "Voltar",
+      "continue": "Continuar",
+      "next": "Seguinte",
+      "getStarted": "Começar",
+      "createAccount": "Criar conta",
+      "signIn": "Iniciar sessão",
+      "verify": "Verificar",
+      "resetPassword": "Repor palavra-passe"
+    },
+    "links": {
+      "recoverAccount": "Recuperar a sua conta",
+      "signUp": "Registar-se"
+    },
+    "labels": {
+      "username": "Nome de utilizador",
+      "email": "Email",
+      "password": "Palavra-passe",
+      "confirmPassword": "Confirmar palavra-passe"
+    }
+  }
+}
+

package/src/i18n/locales/zh-CN.json

@@ -0,0 +1,128 @@
+{
+  "signin": {
+    "title": "登录",
+    "subtitle": "登录以继续",
+    "addAccountTitle": "添加另一个账户",
+    "addAccountSubtitle": "使用另一个账户登录",
+    "username": {
+      "label": "用户名",
+      "placeholder": "输入您的用户名",
+      "helper": "3-30个字符，仅字母和数字",
+      "required": "请输入您的用户名。",
+      "minLength": "用户名必须至少包含3个字符。"
+    },
+    "password": {
+      "label": "密码",
+      "placeholder": "输入您的密码",
+      "required": "请输入您的密码。",
+      "hint": "输入您的密码以登录"
+    },
+    "actions": {
+      "continue": "继续",
+      "back": "返回",
+      "signIn": "登录",
+      "verify": "验证",
+      "openAccountSwitcher": "切换到另一个账户",
+      "openAccountSwitcherSubtitle": "{{count}}个其他账户可用",
+      "openAccountSwitcherSubtitle_singular": "1个其他账户可用",
+      "openAccountSwitcherSubtitle_zero": "查看您保存的账户",
+      "manageAccounts": "管理保存的账户",
+      "manageAccountsSubtitle": "查看会话、删除或登出",
+      "loadingOtherAccounts": "加载其他账户中…",
+      "switchAccountFailed": "无法切换账户。请重试。"
+    },
+    "forgotPrompt": "忘记密码？",
+    "security": {
+      "dataSecure": "您的数据已加密且安全"
+    },
+    "currentlySignedInAs": "当前登录为",
+    "alreadySignedInWith": "已登录",
+    "alreadySignedIn": "已登录",
+    "alreadySignedInMessage": "此账户已登录。继续使用此账户？",
+    "continueWithAccount": "继续",
+    "currentAccount": "当前",
+    "or": "或",
+    "viewAllAccounts": "查看更多{{count}}个",
+    "status": {
+      "accountSwitched": "正在使用{{name}}"
+    },
+    "totp": {
+      "title": "双因素验证码",
+      "subtitle": "输入@{{username}}的验证器应用中的6位数字代码",
+      "invalidCode": "无效的代码。请重试。",
+      "noAccess": "无法访问您的验证器？",
+      "useBackupCode": "使用备份代码",
+      "useRecoveryKey": "使用恢复密钥"
+    }
+  },
+  "signup": {
+    "welcome": {
+      "title": "欢迎使用Oxy！",
+      "subtitle": "只需几步即可创建您的账户",
+      "haveAccount": "已有账户？",
+      "signInCta": "登录"
+    },
+    "identity": {
+      "title": "您是谁？",
+      "subtitle": "选择您的用户名并输入您的电子邮件"
+    },
+    "username": {
+      "helper": "3-30个字符，仅字母和数字",
+      "required": "请输入用户名",
+      "minLength": "用户名必须至少包含3个字符"
+    },
+    "email": {
+      "required": "请输入电子邮件地址",
+      "invalid": "请输入有效的电子邮件地址",
+      "helper": "我们绝不会分享您的电子邮件"
+    },
+    "security": {
+      "title": "保护您的账户",
+      "subtitle": "创建强密码以保护您的账户"
+    },
+    "password": {
+      "helper": "至少8个字符",
+      "required": "请输入密码",
+      "minLength": "密码必须至少包含8个字符",
+      "confirmRequired": "请确认您的密码",
+      "mismatch": "密码不匹配",
+      "confirmHint": "重新输入您的密码以确认"
+    },
+    "summary": {
+      "title": "快完成了！",
+      "subtitle": "查看您的信息并创建账户",
+      "sectionTitle": "账户信息",
+      "fields": {
+        "username": "用户名",
+        "email": "电子邮件",
+        "password": "密码"
+      },
+      "notSet": "未设置",
+      "securityTip": "为了更强的安全性，创建账户后，请在账户设置中启用双因素身份验证（TOTP）。",
+      "legalReminder": "创建账户即表示您同意我们的服务条款和隐私政策。"
+    }
+  },
+  "common": {
+    "actions": {
+      "back": "返回",
+      "continue": "继续",
+      "next": "下一步",
+      "getStarted": "开始",
+      "createAccount": "创建账户",
+      "signIn": "登录",
+      "verify": "验证",
+      "resetPassword": "重置密码"
+    },
+    "links": {
+      "recoverAccount": "恢复您的账户",
+      "signUp": "注册"
+    },
+    "labels": {
+      "username": "用户名",
+      "email": "电子邮件",
+      "password": "密码",
+      "confirmPassword": "确认密码"
+    }
+  }
+}
+

package/src/ui/components/FontLoader.tsx

@@ -1,6 +1,6 @@
 import type React from 'react';
 import { useState, useEffect } from 'react';
-import { Text, View, ActivityIndicator, StyleSheet, Platform } from 'react-native';
+import { Platform } from 'react-native';
 import * as Font from 'expo-font';
 
 /**
@@ -21,21 +21,22 @@ const getPhuduFonts = () => {
             'Phudu-Black': require('../../assets/fonts/Phudu/Phudu-Black.ttf'),
         };
     } catch (error) {
+        if (__DEV__) {
         console.warn('Failed to load Phudu fonts:', error);
+        }
         return null;
     }
 };
 
 /**
- * FontLoader component that loads custom fonts before rendering children
+ * FontLoader component that loads custom fonts in the background while rendering children immediately
  * This works in both the package development and when consumed as an npm package
+ * Children render immediately with system fonts as fallback until custom fonts are loaded
  */
 export const FontLoader = ({
     children,
-    fallbackContent,
 }: {
     children: React.ReactNode;
-    fallbackContent?: React.ReactNode;
 }) => {
     const [fontState, setFontState] = useState<'loading' | 'loaded' | 'error'>('loading');
 
@@ -54,8 +55,9 @@ export const FontLoader = ({
 
                 setFontState('loaded');
             } catch (error) {
+                if (__DEV__) {
                 console.error('Error loading fonts:', error);
-                // Fallback to render without custom fonts
+                }
                 setFontState('error');
             }
         };
@@ -63,23 +65,14 @@ export const FontLoader = ({
         loadFonts();
     }, []);
 
-    if (fontState === 'loading') {
-        // Render a loading placeholder while fonts are loading
-        if (fallbackContent) {
-            return <>{fallbackContent}</>;
-        }
-        return (
-            <View style={styles.loaderContainer}>
-                <ActivityIndicator size="small" color="#d169e5" />
-            </View>
-        );
-    }
-
-    if (fontState === 'error') {
+    // Always render children immediately - fonts will load in background
+    // If fonts aren't loaded yet, the app will use system fonts as fallback
+    if (fontState === 'error' && __DEV__) {
         console.warn('Fonts failed to load. Using system fonts instead.');
     }
 
-    // Return children even on error - the app will use system fonts as fallback
+    // Render children immediately, even while fonts are loading
+    // Fonts will apply when they're ready, otherwise system fonts are used
     return <>{children}</>;
 };
 
@@ -148,35 +141,22 @@ export const setupFonts = async () => {
                 `;
 
                 style.textContent = fontFaceRules;
-                // Append to the document head
                 document.head.appendChild(style);
+                if (__DEV__) {
                 console.info('All Phudu web fonts have been dynamically loaded');
+                }
             }
         } else {
-            // For native platforms, guidance for the package users
-            console.info('Fonts should be linked in native projects to use Phudu fonts');
-
             // Attempt to load the fonts anyway (this works if the consumer has linked the assets)
             await Font.loadAsync(phuduFonts);
         }
 
         return true;
     } catch (error: unknown) {
+        if (__DEV__) {
         const errorMessage = error instanceof Error ? error.message : String(error);
         console.warn('Error setting up fonts:', errorMessage);
+        }
         return false;
     }
-};
-
-const styles = StyleSheet.create({
-    loaderContainer: {
-        position: 'absolute',
-        top: 0,
-        left: 0,
-        right: 0,
-        bottom: 0,
-        justifyContent: 'center',
-        alignItems: 'center',
-        backgroundColor: 'transparent',
-    },
-});
+};

package/src/ui/components/OxyProvider.tsx

@@ -1,4 +1,4 @@
-import React, { useCallback, useRef, useState, useEffect, useMemo, forwardRef, useImperativeHandle } from 'react';
+import { useCallback, useRef, useState, useEffect, useMemo, forwardRef, useImperativeHandle, type FC } from 'react';
 import { View, Text, StyleSheet, Platform, Animated, StatusBar, Keyboard, KeyboardEvent, AppState } from 'react-native';
 import { SafeAreaProvider, useSafeAreaInsets } from 'react-native-safe-area-context';
 import { GestureHandlerRootView } from 'react-native-gesture-handler';
@@ -10,7 +10,7 @@ import { Toaster } from '../../lib/sonner';
 import { QueryClient, QueryClientProvider, focusManager } from '@tanstack/react-query';
 
 // Import bottom sheet components directly - no longer a peer dependency
-import { BottomSheetModal, BottomSheetBackdrop, type BottomSheetBackdropProps, BottomSheetModalProvider, BottomSheetView, BottomSheetScrollView } from '@gorhom/bottom-sheet';
+import { BottomSheetModal, BottomSheetBackdrop, type BottomSheetBackdropProps, BottomSheetModalProvider, BottomSheetView } from '@gorhom/bottom-sheet';
 import type { BottomSheetModalMethods as BottomSheetModalRef } from '@gorhom/bottom-sheet/lib/typescript/types';
 
 // Initialize fonts automatically
@@ -23,7 +23,7 @@ setupFonts();
  * 1. As a context provider for authentication and session management across the app
  * 2. As a UI component for authentication and account management using a bottom sheet
  */
-const OxyProvider: React.FC<OxyProviderProps> = (props) => {
+const OxyProvider: FC<OxyProviderProps> = (props) => {
     const {
         oxyServices,
         children,
@@ -335,18 +335,19 @@ const OxyBottomSheet = forwardRef<BottomSheetController, OxyBottomSheetProps>(({
             onChange={(index) => { isOpenRef.current = index !== -1; }}
             onDismiss={() => { isOpenRef.current = false; }}
         >
-            <BottomSheetScrollView
-                style={[styles.contentContainer]}
-                keyboardShouldPersistTaps="handled"
-                contentContainerStyle={{ paddingBottom: (insets?.bottom ?? 0) + (appInsets?.bottom ?? 0) }}
-            >
-                <View style={styles.centeredContentWrapper}>
+            <BottomSheetView style={[styles.contentContainer]}>
+                <View
+                    style={[
+                        styles.centeredContentWrapper,
+                        { paddingBottom: (insets?.bottom ?? 0) + (appInsets?.bottom ?? 0) }
+                    ]}
+                >
                     <Animated.View
                         style={[
                             styles.animatedContent,
-                            Platform.OS === 'android' ?
-                                { opacity: 1 } :
-                                { opacity: fadeAnim, transform: [{ translateY: slideAnim }] }
+                            Platform.OS === 'android'
+                                ? { opacity: 1 }
+                                : { opacity: fadeAnim, transform: [{ translateY: slideAnim }] }
                         ]}
                     >
                         {oxyServices ? (
@@ -366,7 +367,7 @@ const OxyBottomSheet = forwardRef<BottomSheetController, OxyBottomSheetProps>(({
                         )}
                     </Animated.View>
                 </View>
-            </BottomSheetScrollView>
+            </BottomSheetView>
             {showInternalToaster && (
                 <View style={styles.toasterContainer}>
                     <Toaster position="top-center" swipeToDismissDirection="left" />