@oxy.so/services 1.2.0 → 2.0.0

package/src/ui/context/oxyContextTypes.ts

@@ -88,12 +88,6 @@ export interface OxyContextState {
     deviceFingerprint?: string;
   }) => Promise<void>;
 
-  /**
-   * Create a brand-new account whose first authentication method is a passkey.
-   * WEB-ONLY — throws on native or an unsupported browser.
-   */
-  registerWithPasskey: (params: { username: string; deviceName?: string }) => Promise<void>;
-
   /**
    * Add a passkey to the already-signed-in account (bearer present). Does NOT
    * commit a new session; refreshes the linked auth-methods list on success.

package/src/ui/context/passkeyFlow.ts

@@ -4,11 +4,11 @@
  * Extracted from `OxyContext` so the fixed `options → ceremony → verify → commit`
  * ordering is unit-testable with injected deps — the exact pattern
  * `commitSessionFlow.ts` (`commitDeviceSetAndResolve`) uses. The context methods
- * (`signInWithPasskey` / `registerWithPasskey` / `addPasskey`) are thin wrappers
+ * (`signInWithPasskey` / `addPasskey`) are thin wrappers
  * that supply the real deps: the core `webauthn*` methods, the platform ceremony
  * client (`webauthn/passkeyClient`), and the internal `commitSession` funnel.
  *
- * All three GATE on `isSupported()` first (the platform client returns `false`
+ * Both GATE on `isSupported()` first (the platform client returns `false`
  * off the web) so an unsupported surface fails loudly before touching a ceremony.
  */
 
@@ -84,43 +84,6 @@ export async function runPasskeyLogin(deps: RunPasskeyLoginDeps): Promise<void>
   await deps.commit(toCommitInput(result));
 }
 
-/** Injected dependencies for {@link runPasskeyRegister}. */
-export interface RunPasskeyRegisterDeps {
-  isSupported: () => boolean;
-  getRegisterOptions: (username: string) => Promise<unknown>;
-  runCeremony: (optionsJSON: unknown) => Promise<unknown>;
-  registerVerify: (
-    response: unknown,
-    envelope: { username: string; deviceName?: string },
-  ) => Promise<PasskeyRegisterVerifyResult>;
-  commit: (input: CommitInput) => Promise<void>;
-  username: string;
-  deviceName?: string;
-}
-
-/**
- * Passkey SIGNUP: create a brand-new account whose first auth method is a
- * passkey. The verify signup branch mints a session (a {@link LoginSessionResult}
- * carrying `sessionId`), which is committed exactly like a password signup.
- */
-export async function runPasskeyRegister(deps: RunPasskeyRegisterDeps): Promise<void> {
-  if (!deps.isSupported()) {
-    throw new Error(PASSKEY_UNSUPPORTED_MESSAGE);
-  }
-  const options = await deps.getRegisterOptions(deps.username);
-  const response = await deps.runCeremony(options);
-  const result = await deps.registerVerify(response, {
-    username: deps.username,
-    deviceName: deps.deviceName,
-  });
-  // Only the signup session arm carries `sessionId`; the link branch
-  // (`{ success, message }`) does not.
-  if (!('sessionId' in result)) {
-    throw new Error('Passkey registration did not establish a session.');
-  }
-  await deps.commit(toCommitInput(result));
-}
-
 /** Injected dependencies for {@link runPasskeyAdd}. */
 export interface RunPasskeyAddDeps {
   isSupported: () => boolean;

package/src/ui/screens/AccountVerificationScreen.tsx

@@ -11,7 +11,7 @@ import { H4, Text } from '@oxy.so/bloom/typography';
 import { Button } from '@oxy.so/bloom/button';
 import { TextField, TextFieldInput } from '@oxy.so/bloom/text-field';
 import { IconCircle } from '@oxy.so/bloom/icon-circle';
-import { BenefitList, BenefitRow } from '@oxy.so/bloom/benefit-list';
+import { BenefitList, BenefitRow } from '../components/BenefitList';
 import * as Icons from '@oxy.so/bloom/icons';
 import { useI18n } from '../hooks/useI18n';
 import { useSurfaceHeader } from '../hooks/useSurfaceHeader';
@@ -82,7 +82,7 @@ const AccountVerificationScreen: React.FC<BaseScreenProps> = ({
             <View className="px-screen-margin pb-space-32">
                 {/* Hero */}
                 <View className="items-center py-space-24 gap-space-12">
-                    <IconCircle icon={Icons.Verified_Stroke2_Corner2_Rounded} />
+                    <IconCircle icon={Icons.RiVerifiedBadgeLine} />
                     <H4 className="text-headerBold font-headerBold text-text text-center">
                         {t('accountVerification.heroTitle') || 'Get a verified badge'}
                     </H4>
@@ -97,15 +97,15 @@ const AccountVerificationScreen: React.FC<BaseScreenProps> = ({
                     accessibilityLabel={t('accountVerification.sections.benefits') || 'What verification gives you'}
                 >
                     <BenefitRow
-                        icon={<Icons.ShieldCheck_Stroke2_Corner0_Rounded size="sm" style={{ color: bloomTheme.colors.primary }} />}
+                        icon={<Icons.RiShieldCheckLine size="sm" style={{ color: bloomTheme.colors.primary }} />}
                         label={t('accountVerification.benefits.authenticity') || 'Confirms your identity is authentic and trusted'}
                     />
                     <BenefitRow
-                        icon={<Icons.Verified_Stroke2_Corner2_Rounded size="sm" style={{ color: bloomTheme.colors.primary }} />}
+                        icon={<Icons.RiVerifiedBadgeLine size="sm" style={{ color: bloomTheme.colors.primary }} />}
                         label={t('accountVerification.benefits.badge') || 'Displays a verified badge across the platform'}
                     />
                     <BenefitRow
-                        icon={<Icons.Sparkle_Stroke2_Corner0_Rounded size="sm" style={{ color: bloomTheme.colors.primary }} />}
+                        icon={<Icons.RiSparklingLine size="sm" style={{ color: bloomTheme.colors.primary }} />}
                         label={t('accountVerification.benefits.credibility') || 'Builds credibility with people who follow you'}
                     />
                 </BenefitList>
@@ -161,7 +161,7 @@ const AccountVerificationScreen: React.FC<BaseScreenProps> = ({
                 </Button>
 
                 <View className="flex-row items-start gap-space-8 mt-space-24">
-                    <Icons.CircleInfo_Stroke2_Corner0_Rounded
+                    <Icons.RiInformationLine
                         size="sm"
                         style={{ color: bloomTheme.colors.textTertiary }}
                     />

package/src/ui/screens/LearnMoreUsernamesScreen.tsx

@@ -28,31 +28,31 @@ const INFO_SECTIONS: InfoSection[] = [
         id: 'what',
         titleKey: 'learnMoreUsernames.sections.what.title',
         contentKey: 'learnMoreUsernames.sections.what.content',
-        Icon: Icons.At_Stroke2_Corner0_Rounded,
+        Icon: Icons.RiAtLine,
     },
     {
         id: 'rules',
         titleKey: 'learnMoreUsernames.sections.rules.title',
         contentKey: 'learnMoreUsernames.sections.rules.content',
-        Icon: Icons.BulletList_Stroke2_Corner0_Rounded,
+        Icon: Icons.RiListUnordered,
     },
     {
         id: 'unique',
         titleKey: 'learnMoreUsernames.sections.unique.title',
         contentKey: 'learnMoreUsernames.sections.unique.content',
-        Icon: Icons.Key_Stroke2_Corner2_Rounded,
+        Icon: Icons.RiKey2Line,
     },
     {
         id: 'change',
         titleKey: 'learnMoreUsernames.sections.change.title',
         contentKey: 'learnMoreUsernames.sections.change.content',
-        Icon: Icons.ArrowRotateClockwise_Stroke2_Corner0_Rounded,
+        Icon: Icons.RiResetRightLine,
     },
     {
         id: 'tips',
         titleKey: 'learnMoreUsernames.sections.tips.title',
         contentKey: 'learnMoreUsernames.sections.tips.content',
-        Icon: Icons.Sparkle_Stroke2_Corner0_Rounded,
+        Icon: Icons.RiSparklingLine,
     },
 ];
 
@@ -84,7 +84,7 @@ const LearnMoreUsernamesScreen: React.FC<BaseScreenProps> = ({
         <>
             <View className="px-screen-margin pb-space-32">
                 <View className="items-center py-space-24 gap-space-12">
-                    <IconCircle icon={Icons.At_Stroke2_Corner0_Rounded} />
+                    <IconCircle icon={Icons.RiAtLine} />
                     <Text className="font-sans text-body text-text-secondary text-center">
                         {t('learnMoreUsernames.introText')}
                     </Text>

package/src/ui/screens/PremiumSubscriptionScreen.tsx

@@ -10,7 +10,7 @@ import { Chip } from '@oxy.so/bloom/chip';
 import { Badge } from '@oxy.so/bloom/badge';
 import { Card, CardBody } from '@oxy.so/bloom/card';
 import { H2, H4, H5, Text } from '@oxy.so/bloom/typography';
-import { BenefitList, BenefitRow } from '@oxy.so/bloom/benefit-list';
+import { BenefitList, BenefitRow } from '../components/BenefitList';
 import {
     SegmentedControl,
     SegmentedControlItem,

package/src/ui/screens/trust/TrustAboutScreen.tsx

@@ -3,7 +3,7 @@ import { View } from 'react-native';
 import { useTheme } from '@oxy.so/bloom/theme';
 import { H4, Text } from '@oxy.so/bloom/typography';
 import { IconCircle } from '@oxy.so/bloom/icon-circle';
-import { BenefitList, BenefitRow } from '@oxy.so/bloom/benefit-list';
+import { BenefitList, BenefitRow } from '../../components/BenefitList';
 import * as Icons from '@oxy.so/bloom/icons';
 import type { BaseScreenProps } from '../../types/navigation';
 import { useI18n } from '../../hooks/useI18n';
@@ -22,7 +22,7 @@ const TrustAboutScreen: React.FC<BaseScreenProps> = () => {
     return (
             <View className="px-screen-margin pt-space-16 pb-space-32">
                 <View className="items-center py-space-24 gap-space-12">
-                    <IconCircle icon={Icons.ShieldCheck_Stroke2_Corner0_Rounded} />
+                    <IconCircle icon={Icons.RiShieldCheckLine} />
                     <Text className="font-sans text-body text-text-secondary text-center">
                         {t('trust.about.intro') || 'Oxy Trust is a recognition of your positive actions in the Oxy Ecosystem. Reputation cannot be sent or received directly, only earned by contributing to the community.'}
                     </Text>
@@ -36,23 +36,23 @@ const TrustAboutScreen: React.FC<BaseScreenProps> = () => {
                     accessibilityLabel={t('trust.about.how.title') || 'How to Earn Reputation'}
                 >
                     <BenefitRow
-                        icon={<Icons.UserCircle_Stroke2_Corner0_Rounded size="sm" style={{ color: iconColor }} />}
+                        icon={<Icons.RiAccountCircleLine size="sm" style={{ color: iconColor }} />}
                         label={t('trust.about.how.help') || 'Helping other users'}
                     />
                     <BenefitRow
-                        icon={<Icons.Flag_Stroke2_Corner0_Rounded size="sm" style={{ color: iconColor }} />}
+                        icon={<Icons.RiFlagLine size="sm" style={{ color: iconColor }} />}
                         label={t('trust.about.how.report') || 'Reporting bugs'}
                     />
                     <BenefitRow
-                        icon={<Icons.PencilLine_Stroke2_Corner0_Rounded size="sm" style={{ color: iconColor }} />}
+                        icon={<Icons.RiEditLine size="sm" style={{ color: iconColor }} />}
                         label={t('trust.about.how.contribute') || 'Contributing content'}
                     />
                     <BenefitRow
-                        icon={<Icons.Calendar_Stroke2_Corner0_Rounded size="sm" style={{ color: iconColor }} />}
+                        icon={<Icons.RiCalendarLine size="sm" style={{ color: iconColor }} />}
                         label={t('trust.about.how.participate') || 'Participating in events'}
                     />
                     <BenefitRow
-                        icon={<Icons.Sparkle_Stroke2_Corner0_Rounded size="sm" style={{ color: iconColor }} />}
+                        icon={<Icons.RiSparklingLine size="sm" style={{ color: iconColor }} />}
                         label={t('trust.about.how.other') || 'Other positive actions'}
                     />
                 </BenefitList>