@oxy.so/services 12.3.0 → 12.4.0

package/src/ui/screens/SignInEmailScreen.tsx

@@ -0,0 +1,13 @@
+import type React from 'react';
+import { OxyEmailPanel } from '../components/signIn/OxyEmailPanel';
+import type { BaseScreenProps } from '../types/navigation';
+import { AccountSecurityPanelFrame } from './AccountSecurityPanelScreen';
+
+/** `SignInEmail`: add, change or remove the account's email. */
+const SignInEmailScreen: React.FC<BaseScreenProps> = ({ onClose, goBack }) => (
+  <AccountSecurityPanelFrame>
+    <OxyEmailPanel onDone={goBack ?? onClose} />
+  </AccountSecurityPanelFrame>
+);
+
+export default SignInEmailScreen;

package/src/ui/screens/SignInSecurityScreen.tsx

@@ -0,0 +1,19 @@
+import type React from 'react';
+import { View } from 'react-native';
+import { OxySignInSecurityPanel } from '../components/signIn/OxySignInSecurityPanel';
+import { useI18n } from '../hooks/useI18n';
+import { useSurfaceHeader } from '../hooks/useSurfaceHeader';
+import type { BaseScreenProps } from '../types/navigation';
+
+/** `SignInSecurity`: how the account signs in, and where it is signed in. */
+const SignInSecurityScreen: React.FC<BaseScreenProps> = ({ navigate }) => {
+  const { t } = useI18n();
+  useSurfaceHeader({ title: t('signInSecurity.title') });
+  return (
+    <View className="px-screen-margin pb-space-24">
+      <OxySignInSecurityPanel onOpen={navigate ? (route) => navigate(route) : undefined} />
+    </View>
+  );
+};
+
+export default SignInSecurityScreen;