@oxy.so/services 1.1.0 → 2.0.0

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/EditProfileFieldScreen.tsx

@@ -12,6 +12,16 @@ import { useTheme } from '@oxy.so/bloom/theme';
 import { Text } from '@oxy.so/bloom/typography';
 import { Button } from '@oxy.so/bloom/button';
 import { TextField, TextFieldInput } from '@oxy.so/bloom/text-field';
+import {
+    Select,
+    SelectContent,
+    SelectIcon,
+    SelectItem,
+    SelectItemIndicator,
+    SelectItemText,
+    SelectTrigger,
+    SelectValue,
+} from '@oxy.so/bloom/select';
 import { normalizeTheme } from '@oxy.so/core';
 import type { User } from '@oxy.so/core';
 import { useI18n } from '../hooks/useI18n';
@@ -53,6 +63,67 @@ interface FieldConfig {
         inputProps?: Partial<TextInputProps>;
     }>;
     isList?: boolean;
+    /** Renders `renderBirthdayPicker` instead of the plain-text `fields`. */
+    isDatePicker?: boolean;
+}
+
+/**
+ * The earliest calendar year the birthday picker offers — matches the
+ * platform's own lower bound (`dateOfBirthSchema`, `@oxy.so/contracts`) so a
+ * value this picker can produce is never one the API would reject.
+ */
+const MIN_BIRTH_YEAR = 1900;
+
+/** `MIN_BIRTH_YEAR` through the current year, most recent first. */
+function birthYearOptions(): Array<{ value: string; label: string }> {
+    const currentYear = new Date().getUTCFullYear();
+    const years: Array<{ value: string; label: string }> = [];
+    for (let year = currentYear; year >= MIN_BIRTH_YEAR; year--) {
+        years.push({ value: String(year), label: String(year) });
+    }
+    return years;
+}
+
+/**
+ * Month names are not run through `t()` here: this SDK has no existing
+ * calendar-month translation catalogue to hook into, and inventing one is out
+ * of scope for wiring up the date picker itself. English month names are a
+ * known, deliberate limitation of this pass.
+ */
+const MONTH_OPTIONS: Array<{ value: string; label: string }> = [
+    { value: '01', label: 'January' },
+    { value: '02', label: 'February' },
+    { value: '03', label: 'March' },
+    { value: '04', label: 'April' },
+    { value: '05', label: 'May' },
+    { value: '06', label: 'June' },
+    { value: '07', label: 'July' },
+    { value: '08', label: 'August' },
+    { value: '09', label: 'September' },
+    { value: '10', label: 'October' },
+    { value: '11', label: 'November' },
+    { value: '12', label: 'December' },
+];
+
+/**
+ * Real Gregorian days in `month` (1-12) of `year`, leap years included — the
+ * same rule `dateOfBirthSchema` (`@oxy.so/contracts`) applies server-side,
+ * written a second time here because a picker's OWN day list must bound
+ * itself before the value ever reaches it.
+ */
+function daysInMonth(year: number, month: number): number {
+    const isLeapYear = (year % 4 === 0 && year % 100 !== 0) || year % 400 === 0;
+    const DAYS_PER_MONTH = [31, isLeapYear ? 29 : 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
+    return DAYS_PER_MONTH[month - 1];
+}
+
+/** Day options for the current year/month selection — 31 while either is unset. */
+function dayOptions(year: string, month: string): Array<{ value: string; label: string }> {
+    const count = year && month ? daysInMonth(Number(year), Number(month)) : 31;
+    return Array.from({ length: count }, (_, index) => {
+        const day = String(index + 1).padStart(2, '0');
+        return { value: day, label: day };
+    });
 }
 
 interface EditProfileFieldScreenProps extends BaseScreenProps {
@@ -131,7 +202,13 @@ function buildInitialProfileState(
             fieldValues.lastName = String(userData.lastName || userData.name?.last || '');
             break;
         case 'birthday':
-            fieldValues.birthday = String(userData.birthday || userData.dateOfBirth || '');
+            // Seeded from `dateOfBirth` ONLY, never the legacy free-text
+            // `birthday` — a structured picker needs a real `YYYY-MM-DD`
+            // value to select against, and `birthday` has no guaranteed
+            // shape (see its own comment in `db/schema/users.ts`). An
+            // account whose `dateOfBirth` is not yet set opens the picker
+            // empty rather than seeded with a guess.
+            fieldValues.dateOfBirth = String(userData.dateOfBirth || '');
             break;
         case 'address':
             fieldValues.address = String(userData.address || '');
@@ -322,17 +399,18 @@ const EditProfileFieldScreen: React.FC<EditProfileFieldScreenProps> = ({
                 return {
                     title: t('editProfile.items.birthday.title') || 'Birthday',
                     subtitle: t('editProfile.items.birthday.subtitle') || 'Your date of birth',
+                    // One entry, naming the field `handleSave`'s generic branch writes
+                    // (`fieldConfig.fields[0]?.key`) — `renderBirthdayPicker` renders the
+                    // actual day/month/year controls; this array is never mapped through
+                    // `renderField` for this field type (see `isDatePicker` below).
                     fields: [
                         {
-                            key: 'birthday',
+                            key: 'dateOfBirth',
                             label: t('editProfile.items.birthday.label') || 'Birthday',
                             placeholder: t('editProfile.items.birthday.placeholder') || 'YYYY-MM-DD',
-                            inputProps: {
-                                autoCapitalize: 'none',
-                                autoCorrect: false,
-                            },
                         },
                     ],
+                    isDatePicker: true,
                 };
             case 'locations':
                 return {
@@ -364,6 +442,54 @@ const EditProfileFieldScreen: React.FC<EditProfileFieldScreenProps> = ({
         }
     }, [fieldErrors]);
 
+    // The birthday picker's three pieces, seeded once from the same
+    // one-time-mount value `fieldValues.dateOfBirth` already carries (empty
+    // string parts when unset). Kept separate from `fieldValues` because a
+    // `Select` needs its OWN current value per control; each change handler
+    // below composes the three back into the single `dateOfBirth` field
+    // `handleSave` actually writes, in the event handler itself rather than
+    // an effect.
+    const [dobYear, setDobYear] = useState(() => (fieldValues.dateOfBirth || '').split('-')[0] || '');
+    const [dobMonth, setDobMonth] = useState(() => (fieldValues.dateOfBirth || '').split('-')[1] || '');
+    const [dobDay, setDobDay] = useState(() => (fieldValues.dateOfBirth || '').split('-')[2] || '');
+
+    // A partial selection (e.g. year and month but no day yet) writes ''`,
+    // which `updateField`/the API's `dateOfBirth` write path already treats
+    // as "clear" — the same behaviour a fully-erased text field would have
+    // had. There is deliberately no separate "incomplete date" error: the
+    // three controls are either all filled (a real date) or the field is
+    // unset, and both are valid states to save.
+    const commitDateOfBirth = useCallback((year: string, month: string, day: string) => {
+        handleFieldChange('dateOfBirth', year && month && day ? `${year}-${month}-${day}` : '');
+    }, [handleFieldChange]);
+
+    // Changing the year or month can strand a selected day past the new
+    // month's length (31 March -> April has none) — clamped down to the new
+    // last day rather than left pointing at a day `dayOptions` no longer
+    // lists, the same way a native date picker behaves.
+    const handleDobYearChange = useCallback((year: string) => {
+        const clampedDay = dobDay && dobMonth && Number(dobDay) > daysInMonth(Number(year), Number(dobMonth))
+            ? String(daysInMonth(Number(year), Number(dobMonth))).padStart(2, '0')
+            : dobDay;
+        setDobYear(year);
+        setDobDay(clampedDay);
+        commitDateOfBirth(year, dobMonth, clampedDay);
+    }, [dobMonth, dobDay, commitDateOfBirth]);
+
+    const handleDobMonthChange = useCallback((month: string) => {
+        const clampedDay = dobDay && dobYear && Number(dobDay) > daysInMonth(Number(dobYear), Number(month))
+            ? String(daysInMonth(Number(dobYear), Number(month))).padStart(2, '0')
+            : dobDay;
+        setDobMonth(month);
+        setDobDay(clampedDay);
+        commitDateOfBirth(dobYear, month, clampedDay);
+    }, [dobYear, dobDay, commitDateOfBirth]);
+
+    const handleDobDayChange = useCallback((day: string) => {
+        setDobDay(day);
+        commitDateOfBirth(dobYear, dobMonth, day);
+    }, [dobYear, dobMonth, commitDateOfBirth]);
+
     // Validate all fields
     const validateFields = useCallback((): boolean => {
         const errors: Record<string, string | undefined> = {};
@@ -511,6 +637,71 @@ const EditProfileFieldScreen: React.FC<EditProfileFieldScreenProps> = ({
         );
     };
 
+    // Render the birthday picker: three `Select`s (day, month, year) rather
+    // than a native date-picker dependency. Neither this app nor
+    // `@oxy.so/bloom` has one installed, and `Select` is already this
+    // design system's cross-platform choice control (a bottom sheet on
+    // native, an anchored dropdown on web — see its own docs) with no new
+    // dependency to add and no native linking to carry across platforms.
+    const renderBirthdayPicker = () => (
+        <View className="flex-row gap-space-8">
+            <View className="flex-1">
+                <Select value={dobMonth} onValueChange={handleDobMonthChange}>
+                    <SelectTrigger label={t('editProfile.items.birthday.month') || 'Month'}>
+                        <SelectValue placeholder={t('editProfile.items.birthday.month') || 'Month'} />
+                        <SelectIcon />
+                    </SelectTrigger>
+                    <SelectContent
+                        label={t('editProfile.items.birthday.month') || 'Month'}
+                        items={MONTH_OPTIONS}
+                        renderItem={(item) => (
+                            <SelectItem value={item.value} label={item.label}>
+                                <SelectItemIndicator />
+                                <SelectItemText>{item.label}</SelectItemText>
+                            </SelectItem>
+                        )}
+                    />
+                </Select>
+            </View>
+            <View className="flex-1">
+                <Select value={dobDay} onValueChange={handleDobDayChange}>
+                    <SelectTrigger label={t('editProfile.items.birthday.day') || 'Day'}>
+                        <SelectValue placeholder={t('editProfile.items.birthday.day') || 'Day'} />
+                        <SelectIcon />
+                    </SelectTrigger>
+                    <SelectContent
+                        label={t('editProfile.items.birthday.day') || 'Day'}
+                        items={dayOptions(dobYear, dobMonth)}
+                        renderItem={(item) => (
+                            <SelectItem value={item.value} label={item.label}>
+                                <SelectItemIndicator />
+                                <SelectItemText>{item.label}</SelectItemText>
+                            </SelectItem>
+                        )}
+                    />
+                </Select>
+            </View>
+            <View className="flex-1">
+                <Select value={dobYear} onValueChange={handleDobYearChange}>
+                    <SelectTrigger label={t('editProfile.items.birthday.year') || 'Year'}>
+                        <SelectValue placeholder={t('editProfile.items.birthday.year') || 'Year'} />
+                        <SelectIcon />
+                    </SelectTrigger>
+                    <SelectContent
+                        label={t('editProfile.items.birthday.year') || 'Year'}
+                        items={birthYearOptions()}
+                        renderItem={(item) => (
+                            <SelectItem value={item.value} label={item.label}>
+                                <SelectItemIndicator />
+                                <SelectItemText>{item.label}</SelectItemText>
+                            </SelectItem>
+                        )}
+                    />
+                </Select>
+            </View>
+        </View>
+    );
+
     // Render list content (locations or links)
     const renderListContent = () => {
         const addLabel = fieldType === 'locations'
@@ -590,7 +781,11 @@ const EditProfileFieldScreen: React.FC<EditProfileFieldScreenProps> = ({
         <View className="px-screen-margin pt-space-16 pb-space-32 gap-space-24">
             {/* Form Content */}
             <View className="gap-space-16 p-space-16 rounded-radius-20 bg-fill">
-                {fieldConfig.isList ? renderListContent() : fieldConfig.fields.map(renderField)}
+                {fieldConfig.isList
+                    ? renderListContent()
+                    : fieldConfig.isDatePicker
+                        ? renderBirthdayPicker()
+                        : fieldConfig.fields.map(renderField)}
             </View>
         </View>
     );

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/ManageAccountScreen.tsx

@@ -4,6 +4,7 @@ import {
     View,
     StyleSheet,
     ActivityIndicator,
+    Linking,
     Platform,
 } from 'react-native';
 import Ionicons from '../icons/Ionicons';
@@ -13,6 +14,7 @@ import { useTheme } from '@oxy.so/bloom/theme';
 import { Text } from '@oxy.so/bloom/typography';
 import { SettingsListGroup, SettingsListItem } from '@oxy.so/bloom/settings-list';
 import {
+    IDENTITY_WEB_ORIGIN,
     getAccountDisplayName,
     getAccountFallbackHandle,
     getNormalizedUserHandle,
@@ -27,6 +29,7 @@ import { presentActionSheet } from '../components/surfaces/ActionSheetSurface';
 import { useOxy } from '../context/OxyContext';
 import { useI18n } from '../hooks/useI18n';
 import { useSurfaceHeader } from '../hooks/useSurfaceHeader';
+import { isWebBrowser } from '../utils/isWebBrowser';
 import { useCurrentUser } from '../hooks/queries/useAccountQueries';
 import { useUserSubscription } from '../hooks/queries/usePaymentQueries';
 import { useDeviceSessions } from '../hooks/queries/useServicesQueries';
@@ -326,6 +329,15 @@ const ManageAccountScreen: React.FC<BaseScreenProps> = ({
             );
             return;
         }
+        // Web: deleting an account is signed with its identity key, which only
+        // the identity origin can unseal — the deletion happens there, never on
+        // this page.
+        if (isWebBrowser()) {
+            await Linking.openURL(`${IDENTITY_WEB_ORIGIN}/`).catch(() => {
+                toast.error(t('accountSwitcher.linkOpenFailed'));
+            });
+            return;
+        }
         const deleted = await presentDeleteAccount({
             username: user.username || '',
             onDelete: handleConfirmDelete,

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>

package/lib/commonjs/ui/components/authChooser/useUsernameAvailability.js

@@ -1,50 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useUsernameAvailability = useUsernameAvailability;
-var _react = require("react");
-var _toast = require("@oxy.so/bloom/toast");
-/**
- * Debounced username-availability check over the existing SDK method.
- *
- * One responsibility: turn keystrokes into an `idle | checking | available |
- * taken` verdict without racing. A sequence guard drops superseded responses,
- * and a NETWORK failure resets the (now stale) verdict and toasts — it never
- * paints an inline error inside the dialog (owner mandate).
- */
-
-/** Keystrokes settle for this long before a check is issued. */
-const DEBOUNCE_MS = 400;
-/** Shorter than this and there is nothing worth asking the server about. */
-const MIN_USERNAME_LENGTH = 3;
-function useUsernameAvailability(oxyServices, t) {
-  const [status, setStatus] = (0, _react.useState)('idle');
-  const timerRef = (0, _react.useRef)(null);
-  const requestSeqRef = (0, _react.useRef)(0);
-  const check = (0, _react.useCallback)(value => {
-    if (timerRef.current) clearTimeout(timerRef.current);
-    const seq = ++requestSeqRef.current;
-    if (!value || value.length < MIN_USERNAME_LENGTH) {
-      setStatus('idle');
-      return;
-    }
-    setStatus('checking');
-    timerRef.current = setTimeout(() => {
-      void oxyServices.checkUsernameAvailability(value).then(result => {
-        if (seq !== requestSeqRef.current) return; // superseded by a newer check
-        setStatus(result.available ? 'available' : 'taken');
-      }).catch(() => {
-        if (seq !== requestSeqRef.current) return;
-        setStatus('idle');
-        _toast.toast.error(t('accounts.create.username.checkFailed'));
-      });
-    }, DEBOUNCE_MS);
-  }, [oxyServices, t]);
-  return {
-    status,
-    check
-  };
-}
-//# sourceMappingURL=useUsernameAvailability.js.map

package/lib/commonjs/ui/components/authChooser/useUsernameAvailability.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","require","_toast","DEBOUNCE_MS","MIN_USERNAME_LENGTH","useUsernameAvailability","oxyServices","t","status","setStatus","useState","timerRef","useRef","requestSeqRef","check","useCallback","value","current","clearTimeout","seq","length","setTimeout","checkUsernameAvailability","then","result","available","catch","toast","error"],"sourceRoot":"../../../../../src","sources":["ui/components/authChooser/useUsernameAvailability.ts"],"mappings":";;;;;;AASA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAVA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AASA;AACA,MAAME,WAAW,GAAG,GAAG;AACvB;AACA,MAAMC,mBAAmB,GAAG,CAAC;AAEtB,SAASC,uBAAuBA,CACrCC,WAAwB,EACxBC,CAAY,EAIZ;EACA,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAG,IAAAC,eAAQ,EAAiB,MAAM,CAAC;EAC5D,MAAMC,QAAQ,GAAG,IAAAC,aAAM,EAAuC,IAAI,CAAC;EACnE,MAAMC,aAAa,GAAG,IAAAD,aAAM,EAAC,CAAC,CAAC;EAE/B,MAAME,KAAK,GAAG,IAAAC,kBAAW,EACtBC,KAAa,IAAK;IACjB,IAAIL,QAAQ,CAACM,OAAO,EAAEC,YAAY,CAACP,QAAQ,CAACM,OAAO,CAAC;IACpD,MAAME,GAAG,GAAG,EAAEN,aAAa,CAACI,OAAO;IACnC,IAAI,CAACD,KAAK,IAAIA,KAAK,CAACI,MAAM,GAAGhB,mBAAmB,EAAE;MAChDK,SAAS,CAAC,MAAM,CAAC;MACjB;IACF;IACAA,SAAS,CAAC,UAAU,CAAC;IACrBE,QAAQ,CAACM,OAAO,GAAGI,UAAU,CAAC,MAAM;MAClC,KAAKf,WAAW,CACbgB,yBAAyB,CAACN,KAAK,CAAC,CAChCO,IAAI,CAAEC,MAAM,IAAK;QAChB,IAAIL,GAAG,KAAKN,aAAa,CAACI,OAAO,EAAE,OAAO,CAAC;QAC3CR,SAAS,CAACe,MAAM,CAACC,SAAS,GAAG,WAAW,GAAG,OAAO,CAAC;MACrD,CAAC,CAAC,CACDC,KAAK,CAAC,MAAM;QACX,IAAIP,GAAG,KAAKN,aAAa,CAACI,OAAO,EAAE;QACnCR,SAAS,CAAC,MAAM,CAAC;QACjBkB,YAAK,CAACC,KAAK,CAACrB,CAAC,CAAC,sCAAsC,CAAC,CAAC;MACxD,CAAC,CAAC;IACN,CAAC,EAAEJ,WAAW,CAAC;EACjB,CAAC,EACD,CAACG,WAAW,EAAEC,CAAC,CACjB,CAAC;EAED,OAAO;IAAEC,MAAM;IAAEM;EAAM,CAAC;AAC1B","ignoreList":[]}

package/lib/module/ui/components/authChooser/useUsernameAvailability.js

@@ -1,46 +0,0 @@
-"use strict";
-
-/**
- * Debounced username-availability check over the existing SDK method.
- *
- * One responsibility: turn keystrokes into an `idle | checking | available |
- * taken` verdict without racing. A sequence guard drops superseded responses,
- * and a NETWORK failure resets the (now stale) verdict and toasts — it never
- * paints an inline error inside the dialog (owner mandate).
- */
-
-import { useCallback, useRef, useState } from 'react';
-import { toast } from '@oxy.so/bloom/toast';
-/** Keystrokes settle for this long before a check is issued. */
-const DEBOUNCE_MS = 400;
-/** Shorter than this and there is nothing worth asking the server about. */
-const MIN_USERNAME_LENGTH = 3;
-export function useUsernameAvailability(oxyServices, t) {
-  const [status, setStatus] = useState('idle');
-  const timerRef = useRef(null);
-  const requestSeqRef = useRef(0);
-  const check = useCallback(value => {
-    if (timerRef.current) clearTimeout(timerRef.current);
-    const seq = ++requestSeqRef.current;
-    if (!value || value.length < MIN_USERNAME_LENGTH) {
-      setStatus('idle');
-      return;
-    }
-    setStatus('checking');
-    timerRef.current = setTimeout(() => {
-      void oxyServices.checkUsernameAvailability(value).then(result => {
-        if (seq !== requestSeqRef.current) return; // superseded by a newer check
-        setStatus(result.available ? 'available' : 'taken');
-      }).catch(() => {
-        if (seq !== requestSeqRef.current) return;
-        setStatus('idle');
-        toast.error(t('accounts.create.username.checkFailed'));
-      });
-    }, DEBOUNCE_MS);
-  }, [oxyServices, t]);
-  return {
-    status,
-    check
-  };
-}
-//# sourceMappingURL=useUsernameAvailability.js.map

package/lib/module/ui/components/authChooser/useUsernameAvailability.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useCallback","useRef","useState","toast","DEBOUNCE_MS","MIN_USERNAME_LENGTH","useUsernameAvailability","oxyServices","t","status","setStatus","timerRef","requestSeqRef","check","value","current","clearTimeout","seq","length","setTimeout","checkUsernameAvailability","then","result","available","catch","error"],"sourceRoot":"../../../../../src","sources":["ui/components/authChooser/useUsernameAvailability.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,WAAW,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AACrD,SAASC,KAAK,QAAQ,qBAAqB;AAM3C;AACA,MAAMC,WAAW,GAAG,GAAG;AACvB;AACA,MAAMC,mBAAmB,GAAG,CAAC;AAE7B,OAAO,SAASC,uBAAuBA,CACrCC,WAAwB,EACxBC,CAAY,EAIZ;EACA,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGR,QAAQ,CAAiB,MAAM,CAAC;EAC5D,MAAMS,QAAQ,GAAGV,MAAM,CAAuC,IAAI,CAAC;EACnE,MAAMW,aAAa,GAAGX,MAAM,CAAC,CAAC,CAAC;EAE/B,MAAMY,KAAK,GAAGb,WAAW,CACtBc,KAAa,IAAK;IACjB,IAAIH,QAAQ,CAACI,OAAO,EAAEC,YAAY,CAACL,QAAQ,CAACI,OAAO,CAAC;IACpD,MAAME,GAAG,GAAG,EAAEL,aAAa,CAACG,OAAO;IACnC,IAAI,CAACD,KAAK,IAAIA,KAAK,CAACI,MAAM,GAAGb,mBAAmB,EAAE;MAChDK,SAAS,CAAC,MAAM,CAAC;MACjB;IACF;IACAA,SAAS,CAAC,UAAU,CAAC;IACrBC,QAAQ,CAACI,OAAO,GAAGI,UAAU,CAAC,MAAM;MAClC,KAAKZ,WAAW,CACba,yBAAyB,CAACN,KAAK,CAAC,CAChCO,IAAI,CAAEC,MAAM,IAAK;QAChB,IAAIL,GAAG,KAAKL,aAAa,CAACG,OAAO,EAAE,OAAO,CAAC;QAC3CL,SAAS,CAACY,MAAM,CAACC,SAAS,GAAG,WAAW,GAAG,OAAO,CAAC;MACrD,CAAC,CAAC,CACDC,KAAK,CAAC,MAAM;QACX,IAAIP,GAAG,KAAKL,aAAa,CAACG,OAAO,EAAE;QACnCL,SAAS,CAAC,MAAM,CAAC;QACjBP,KAAK,CAACsB,KAAK,CAACjB,CAAC,CAAC,sCAAsC,CAAC,CAAC;MACxD,CAAC,CAAC;IACN,CAAC,EAAEJ,WAAW,CAAC;EACjB,CAAC,EACD,CAACG,WAAW,EAAEC,CAAC,CACjB,CAAC;EAED,OAAO;IAAEC,MAAM;IAAEI;EAAM,CAAC;AAC1B","ignoreList":[]}

package/lib/typescript/commonjs/ui/components/authChooser/useUsernameAvailability.d.ts

@@ -1,16 +0,0 @@
-/**
- * Debounced username-availability check over the existing SDK method.
- *
- * One responsibility: turn keystrokes into an `idle | checking | available |
- * taken` verdict without racing. A sequence guard drops superseded responses,
- * and a NETWORK failure resets the (now stale) verdict and toasts — it never
- * paints an inline error inside the dialog (owner mandate).
- */
-import type { OxyServices } from '@oxy.so/core';
-import type { Translate } from './types';
-export type UsernameStatus = 'idle' | 'checking' | 'available' | 'taken';
-export declare function useUsernameAvailability(oxyServices: OxyServices, t: Translate): {
-    status: UsernameStatus;
-    check: (value: string) => void;
-};
-//# sourceMappingURL=useUsernameAvailability.d.ts.map

package/lib/typescript/commonjs/ui/components/authChooser/useUsernameAvailability.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useUsernameAvailability.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/authChooser/useUsernameAvailability.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,UAAU,GAAG,WAAW,GAAG,OAAO,CAAC;AAOzE,wBAAgB,uBAAuB,CACrC,WAAW,EAAE,WAAW,EACxB,CAAC,EAAE,SAAS,GACX;IACD,MAAM,EAAE,cAAc,CAAC;IACvB,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC,CAgCA"}

package/lib/typescript/module/ui/components/authChooser/useUsernameAvailability.d.ts

@@ -1,16 +0,0 @@
-/**
- * Debounced username-availability check over the existing SDK method.
- *
- * One responsibility: turn keystrokes into an `idle | checking | available |
- * taken` verdict without racing. A sequence guard drops superseded responses,
- * and a NETWORK failure resets the (now stale) verdict and toasts — it never
- * paints an inline error inside the dialog (owner mandate).
- */
-import type { OxyServices } from '@oxy.so/core';
-import type { Translate } from './types.js';
-export type UsernameStatus = 'idle' | 'checking' | 'available' | 'taken';
-export declare function useUsernameAvailability(oxyServices: OxyServices, t: Translate): {
-    status: UsernameStatus;
-    check: (value: string) => void;
-};
-//# sourceMappingURL=useUsernameAvailability.d.ts.map

package/lib/typescript/module/ui/components/authChooser/useUsernameAvailability.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useUsernameAvailability.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/authChooser/useUsernameAvailability.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAS,CAAC;AAEzC,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,UAAU,GAAG,WAAW,GAAG,OAAO,CAAC;AAOzE,wBAAgB,uBAAuB,CACrC,WAAW,EAAE,WAAW,EACxB,CAAC,EAAE,SAAS,GACX;IACD,MAAM,EAAE,cAAc,CAAC;IACvB,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC,CAgCA"}