@oxy.so/services 11.2.0-oxy-one.2 → 11.2.0-oxy-one.4

package/src/ui/components/fileManagement/UploadPreview.tsx

@@ -11,148 +11,155 @@ import { formatFileSize, getFileIcon } from '../../utils/fileManagement';
 import type { PendingUploadFile } from '../../screens/fileManagement/shared';
 
 interface UploadPreviewProps {
-    control?: DialogControlProps;
-    pendingFiles: PendingUploadFile[];
-    onConfirm: () => void;
-    onCancel: () => void;
-    onRemoveFile: (id: string) => void;
-    inline?: boolean;
+  control?: DialogControlProps;
+  pendingFiles: PendingUploadFile[];
+  onConfirm: () => void;
+  onCancel: () => void;
+  onRemoveFile: (id: string) => void;
+  inline?: boolean;
 }
 
 // `expo-image` takes no className remap — the thumbnail size stays inline.
 const previewStyles = StyleSheet.create({
-    thumbnail: {
-        width: 60,
-        height: 60,
-        borderRadius: 8,
-    },
+  thumbnail: {
+    width: 60,
+    height: 60,
+    borderRadius: 8,
+  },
 });
 
 const UploadPreviewContent: React.FC<{
-    pendingFiles: PendingUploadFile[];
-    onConfirm: () => void;
-    onCancel: () => void;
-    onRemoveFile: (id: string) => void;
-    showActions?: boolean;
-}> = ({
-    pendingFiles,
-    onConfirm,
-    onCancel,
-    onRemoveFile,
-    showActions = true,
-}) => {
-    const { colors } = useTheme();
-    const totalSize = pendingFiles.reduce((sum, f) => sum + f.size, 0);
-
-    return (
-        <View className="bg-bg flex-1">
-            <View className="border-b border-border flex-row items-center justify-between px-[16px] py-[16px]">
-                <Text className="text-text text-[20px] font-bold">
-                    Review Files ({pendingFiles.length})
-                </Text>
-                <Button appearance="plain" tone="neutral" iconOnly accessibilityLabel="Close upload preview" onPress={onCancel}
-                    icon={<Ionicons name="close" size={24} color={colors.text} />} />
-            </View>
+  pendingFiles: PendingUploadFile[];
+  onConfirm: () => void;
+  onCancel: () => void;
+  onRemoveFile: (id: string) => void;
+  showActions?: boolean;
+}> = ({ pendingFiles, onConfirm, onCancel, onRemoveFile, showActions = true }) => {
+  const { colors } = useTheme();
+  const totalSize = pendingFiles.reduce((sum, f) => sum + f.size, 0);
 
-            <ScrollView className="flex-1 p-[16px]">
-                {pendingFiles.map((pendingFile) => {
-                    const isImage = pendingFile.type.startsWith('image/');
-                    return (
-                        <Card key={pendingFile.id} appearance="subtle" className="flex-row items-center p-3 mb-3 gap-3">
-                            {isImage && pendingFile.preview ? (
-                                <ExpoImage
-                                    source={{ uri: pendingFile.preview }}
-                                    style={previewStyles.thumbnail}
-                                    contentFit="cover"
-                                />
-                            ) : (
-                                <View
-                                    className="w-[60px] h-[60px] rounded-[8px] items-center justify-center"
-                                    style={{ backgroundColor: colors.backgroundSecondary }}
-                                >
-                                    <Ionicons
-                                        name={getFileIcon(pendingFile.type)}
-                                        size={32}
-                                        color={colors.primary}
-                                    />
-                                </View>
-                            )}
-                            <View className="flex-1 min-w-0">
-                                <Text className="text-text text-[16px] font-semibold mb-[4px]" numberOfLines={1}>
-                                    {pendingFile.name}
-                                </Text>
-                                <Text className="text-text-secondary text-[13px]">
-                                    {formatFileSize(pendingFile.size)} • {pendingFile.type}
-                                </Text>
-                            </View>
-                            <Button appearance="plain" tone="danger" iconOnly accessibilityLabel={`Remove ${pendingFile.name}`}
-                                onPress={() => onRemoveFile(pendingFile.id)}
-                                icon={<Ionicons name="close-circle" size={24} color={colors.error} />} />
-                        </Card>
-                    );
-                })}
-            </ScrollView>
+  return (
+    <View className="bg-bg flex-1">
+      <View className="border-b border-border flex-row items-center justify-between px-[16px] py-[16px]">
+        <Text className="text-text text-[20px] font-bold">
+          Review Files ({pendingFiles.length})
+        </Text>
+        <Button
+          appearance="plain"
+          tone="neutral"
+          iconOnly
+          accessibilityLabel="Close upload preview"
+          onPress={onCancel}
+          icon={<Ionicons name="close" size={24} color={colors.text} />}
+        />
+      </View>
 
-            <View className="border-t border-border p-[16px]">
-                <View className="flex-row justify-between mb-[16px]">
-                    <Text className="text-text text-[15px] font-semibold">
-                        {pendingFiles.length} file{pendingFiles.length !== 1 ? 's' : ''}
-                    </Text>
-                    <Text className="text-text text-[15px] font-semibold">
-                        {formatFileSize(totalSize)}
-                    </Text>
+      <ScrollView className="flex-1 p-[16px]">
+        {pendingFiles.map((pendingFile) => {
+          const isImage = pendingFile.type.startsWith('image/');
+          return (
+            <Card
+              key={pendingFile.id}
+              appearance="subtle"
+              className="flex-row items-center p-3 mb-3 gap-3"
+            >
+              {isImage && pendingFile.preview ? (
+                <ExpoImage
+                  source={{ uri: pendingFile.preview }}
+                  style={previewStyles.thumbnail}
+                  contentFit="cover"
+                />
+              ) : (
+                <View
+                  className="w-[60px] h-[60px] rounded-[8px] items-center justify-center"
+                  style={{ backgroundColor: colors.backgroundSecondary }}
+                >
+                  <Ionicons name={getFileIcon(pendingFile.type)} size={32} color={colors.primary} />
                 </View>
-                {showActions && (
-                    <View className="flex-row gap-[12px]">
-                        <Button appearance="subtle" tone="neutral" style={{ flex: 1 }} onPress={onCancel}>Cancel</Button>
-                        <Button style={{ flex: 2 }} onPress={onConfirm}>Upload</Button>
-                    </View>
-                )}
-            </View>
+              )}
+              <View className="flex-1 min-w-0">
+                <Text className="text-text text-[16px] font-semibold mb-[4px]" numberOfLines={1}>
+                  {pendingFile.name}
+                </Text>
+                <Text className="text-text-secondary text-[13px]">
+                  {formatFileSize(pendingFile.size)} • {pendingFile.type}
+                </Text>
+              </View>
+              <Button
+                appearance="plain"
+                tone="danger"
+                iconOnly
+                accessibilityLabel={`Remove ${pendingFile.name}`}
+                onPress={() => onRemoveFile(pendingFile.id)}
+                icon={<Ionicons name="close-circle" size={24} color={colors.error} />}
+              />
+            </Card>
+          );
+        })}
+      </ScrollView>
+
+      <View className="border-t border-border p-[16px]">
+        <View className="flex-row justify-between mb-[16px]">
+          <Text className="text-text text-[15px] font-semibold">
+            {pendingFiles.length} file{pendingFiles.length !== 1 ? 's' : ''}
+          </Text>
+          <Text className="text-text text-[15px] font-semibold">{formatFileSize(totalSize)}</Text>
         </View>
-    );
+        {showActions && (
+          <View className="flex-row gap-[12px]">
+            <Button appearance="subtle" tone="neutral" style={{ flex: 1 }} onPress={onCancel}>
+              Cancel
+            </Button>
+            <Button style={{ flex: 2 }} onPress={onConfirm}>
+              Upload
+            </Button>
+          </View>
+        )}
+      </View>
+    </View>
+  );
 };
 
 export const UploadPreview: React.FC<UploadPreviewProps> = ({
-    control,
-    pendingFiles,
-    onConfirm,
-    onCancel,
-    onRemoveFile,
-    inline = false,
+  control,
+  pendingFiles,
+  onConfirm,
+  onCancel,
+  onRemoveFile,
+  inline = false,
 }) => {
-    // Inline mode: render content directly without Dialog
-    if (inline) {
-        return (
-            <UploadPreviewContent
-                pendingFiles={pendingFiles}
-                onConfirm={onConfirm}
-                onCancel={onCancel}
-                onRemoveFile={onRemoveFile}
-            />
-        );
-    }
-
-    // Dialog mode: requires control prop
-    if (!control) return null;
-
+  // Inline mode: render content directly without Dialog
+  if (inline) {
     return (
-        <Dialog
-            control={control}
-            onClose={onCancel}
-            label="Review Files"
-            actions={[
-                { label: 'Upload', onPress: onConfirm },
-                { label: 'Cancel', color: 'cancel' },
-            ]}
-        >
-            <UploadPreviewContent
-                pendingFiles={pendingFiles}
-                onConfirm={onConfirm}
-                onCancel={onCancel}
-                onRemoveFile={onRemoveFile}
-                showActions={false}
-            />
-        </Dialog>
+      <UploadPreviewContent
+        pendingFiles={pendingFiles}
+        onConfirm={onConfirm}
+        onCancel={onCancel}
+        onRemoveFile={onRemoveFile}
+      />
     );
+  }
+
+  // Dialog mode: requires control prop
+  if (!control) return null;
+
+  return (
+    <Dialog
+      control={control}
+      onClose={onCancel}
+      label="Review Files"
+      actions={[
+        { label: 'Upload', onPress: onConfirm },
+        { label: 'Cancel', color: 'cancel' },
+      ]}
+    >
+      <UploadPreviewContent
+        pendingFiles={pendingFiles}
+        onConfirm={onConfirm}
+        onCancel={onCancel}
+        onRemoveFile={onRemoveFile}
+        showActions={false}
+      />
+    </Dialog>
+  );
 };

package/src/ui/components/followButtonAccessibility.ts

@@ -51,8 +51,12 @@ export function describeFollowButton(input: {
   }
 
   const accessibilityLabel = input.isFollowing
-    ? handle ? `Following ${handle}` : 'Following'
-    : handle ? `Follow ${handle}` : 'Follow';
+    ? handle
+      ? `Following ${handle}`
+      : 'Following'
+    : handle
+      ? `Follow ${handle}`
+      : 'Follow';
 
   if (input.isPending || !input.isFollowing) return { accessibilityLabel };
 

package/src/ui/components/followRules.ts

@@ -102,12 +102,16 @@ export function buildFollowMenuItems(input: {
 
   items.push(
     input.applicationMode === 'disabled'
-      ? { key: 'enable-here', label: `Show in ${input.applicationName}`, action: { type: 'enable-here' } }
+      ? {
+          key: 'enable-here',
+          label: `Show in ${input.applicationName}`,
+          action: { type: 'enable-here' },
+        }
       : {
           key: 'disable-here',
           label: `Don’t show in ${input.applicationName}`,
           action: { type: 'disable-here' },
-        }
+        },
   );
   items.push({
     // Named for what it does. "Unfollow" beside "don't show here" would read as

package/src/ui/components/icon/FAIRWalletIcon.tsx

@@ -3,47 +3,59 @@ import { View, StyleSheet, type StyleProp, type ViewStyle } from 'react-native';
 import Svg, { G, Path } from 'react-native-svg';
 
 interface FAIRWalletIconProps {
-    size?: number;
-    style?: StyleProp<ViewStyle>;
+  size?: number;
+  style?: StyleProp<ViewStyle>;
 }
 
 const FAIRWalletIcon: React.FC<FAIRWalletIconProps> = ({ size = 28, style }) => {
-    const containerSize = size + 18;
-    return (
-        <View
-            style={[
-                styles.circle,
-                { width: containerSize, height: containerSize, borderRadius: containerSize / 2 },
-                style,
-            ]}
+  const containerSize = size + 18;
+  return (
+    <View
+      style={[
+        styles.circle,
+        { width: containerSize, height: containerSize, borderRadius: containerSize / 2 },
+        style,
+      ]}
+    >
+      <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
+        <Svg
+          viewBox="0 0 157.26 85.66"
+          width={containerSize * 0.8}
+          height={containerSize * 0.8}
+          preserveAspectRatio="xMidYMid meet"
         >
-            <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
-                <Svg
-                    viewBox="0 0 157.26 85.66"
-                    width={containerSize * 0.8}
-                    height={containerSize * 0.8}
-                    preserveAspectRatio="xMidYMid meet"
-                >
-                    <G data-name="Layer 2">
-                        <G data-name="Layer 1">
-                            <Path d="M10.25,20.81a20.49,20.49,0,0,1,28,7.5L53.6,54.92a20.49,20.49,0,0,1-7.5,28h0a20.49,20.49,0,0,1-28-7.5L2.75,48.8a20.49,20.49,0,0,1,7.5-28Z" fill="rgb(159, 251, 80)" />
-                            <Path d="M74.38,2.75a20.49,20.49,0,0,0-28,7.5L20.6,54.92a20.5,20.5,0,0,0,7.5,28h0a20.5,20.5,0,0,0,28-7.5L81.88,30.74a20.48,20.48,0,0,0-7.5-28Z" fill="rgb(159, 251, 80)" />
-                            <Path d="M127.87,2.75a20.49,20.49,0,0,0-28,7.5L74.09,54.92a20.49,20.49,0,0,0,7.5,28h0a20.49,20.49,0,0,0,28-7.5l25.79-44.67a20.49,20.49,0,0,0-7.5-28Z" fill="rgb(255, 255, 255)" />
-                            <Path d="M121.84,67.51a17.71,17.71,0,1,1,17.71,17.71,17.71,17.71,0,0,1-17.71-17.71Z" fill="rgb(255, 255, 255)" />
-                        </G>
-                    </G>
-                </Svg>
-            </View>
-        </View>
-    );
+          <G data-name="Layer 2">
+            <G data-name="Layer 1">
+              <Path
+                d="M10.25,20.81a20.49,20.49,0,0,1,28,7.5L53.6,54.92a20.49,20.49,0,0,1-7.5,28h0a20.49,20.49,0,0,1-28-7.5L2.75,48.8a20.49,20.49,0,0,1,7.5-28Z"
+                fill="rgb(159, 251, 80)"
+              />
+              <Path
+                d="M74.38,2.75a20.49,20.49,0,0,0-28,7.5L20.6,54.92a20.5,20.5,0,0,0,7.5,28h0a20.5,20.5,0,0,0,28-7.5L81.88,30.74a20.48,20.48,0,0,0-7.5-28Z"
+                fill="rgb(159, 251, 80)"
+              />
+              <Path
+                d="M127.87,2.75a20.49,20.49,0,0,0-28,7.5L74.09,54.92a20.49,20.49,0,0,0,7.5,28h0a20.49,20.49,0,0,0,28-7.5l25.79-44.67a20.49,20.49,0,0,0-7.5-28Z"
+                fill="rgb(255, 255, 255)"
+              />
+              <Path
+                d="M121.84,67.51a17.71,17.71,0,1,1,17.71,17.71,17.71,17.71,0,0,1-17.71-17.71Z"
+                fill="rgb(255, 255, 255)"
+              />
+            </G>
+          </G>
+        </Svg>
+      </View>
+    </View>
+  );
 };
 
 const styles = StyleSheet.create({
-    circle: {
-        backgroundColor: '#1b1f0a',
-        alignItems: 'center',
-        justifyContent: 'center',
-    },
+  circle: {
+    backgroundColor: '#1b1f0a',
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
 });
 
-export default FAIRWalletIcon; 
+export default FAIRWalletIcon;

package/src/ui/components/logo/LogoText.tsx

@@ -53,7 +53,12 @@ export const LogoText: React.FC<LogoTextProps> = ({
   const resolvedLetterColor = letterColor ?? '#ffffff';
 
   return (
-    <Svg viewBox={`0 0 ${VIEW_BOX_WIDTH} ${VIEW_BOX_HEIGHT}`} width={width} height={height} style={style}>
+    <Svg
+      viewBox={`0 0 ${VIEW_BOX_WIDTH} ${VIEW_BOX_HEIGHT}`}
+      width={width}
+      height={height}
+      style={style}
+    >
       <G>
         {OUTER_PATHS.map((d) => (
           <Path key={d} d={d} fill={resolvedColor} />

package/src/ui/components/modals/DeleteAccountModal.tsx

@@ -9,11 +9,11 @@ import { useTheme } from '@oxy.so/bloom/theme';
 import { surfaces, type SurfaceControls } from '@oxy.so/bloom/surfaces';
 
 interface DeleteAccountModalProps {
-    /** The presenting surface's controls (from `surfaces.present`). */
-    surface: SurfaceControls;
-    username: string;
-    onDelete: (confirmText: string) => Promise<void>;
-    t: (key: string, params?: Record<string, string>) => string | undefined;
+  /** The presenting surface's controls (from `surfaces.present`). */
+  surface: SurfaceControls;
+  username: string;
+  onDelete: (confirmText: string) => Promise<void>;
+  t: (key: string, params?: Record<string, string>) => string | undefined;
 }
 
 /**
@@ -24,92 +24,98 @@ interface DeleteAccountModalProps {
  * {@link presentDeleteAccount}.
  */
 const DeleteAccountModal: React.FC<DeleteAccountModalProps> = ({
-    surface,
-    username,
-    onDelete,
-    t,
+  surface,
+  username,
+  onDelete,
+  t,
 }) => {
-    const theme = useTheme();
-    const [confirmUsername, setConfirmUsername] = useState('');
-    const [isDeleting, setIsDeleting] = useState(false);
-    const [error, setError] = useState<string | null>(null);
+  const theme = useTheme();
+  const [confirmUsername, setConfirmUsername] = useState('');
+  const [isDeleting, setIsDeleting] = useState(false);
+  const [error, setError] = useState<string | null>(null);
 
-    const isValid = confirmUsername === username;
+  const isValid = confirmUsername === username;
 
-    const handleDelete = useCallback(async () => {
-        if (!isValid) return;
+  const handleDelete = useCallback(async () => {
+    if (!isValid) return;
 
-        setError(null);
-        setIsDeleting(true);
+    setError(null);
+    setIsDeleting(true);
 
-        try {
-            await onDelete(confirmUsername);
-            surface.dismiss(true);
-        } catch (err: unknown) {
-            setError((err instanceof Error ? err.message : null) || t('deleteAccount.error') || 'Failed to delete account');
-        } finally {
-            setIsDeleting(false);
-        }
-    }, [isValid, confirmUsername, onDelete, surface, t]);
+    try {
+      await onDelete(confirmUsername);
+      surface.dismiss(true);
+    } catch (err: unknown) {
+      setError(
+        (err instanceof Error ? err.message : null) ||
+          t('deleteAccount.error') ||
+          'Failed to delete account',
+      );
+    } finally {
+      setIsDeleting(false);
+    }
+  }, [isValid, confirmUsername, onDelete, surface, t]);
 
-    const handleCancel = useCallback(() => {
-        if (isDeleting) return;
-        surface.dismiss(false);
-    }, [isDeleting, surface]);
+  const handleCancel = useCallback(() => {
+    if (isDeleting) return;
+    surface.dismiss(false);
+  }, [isDeleting, surface]);
 
-    return (
-        <View>
-            <View className="flex-row items-center mb-4 gap-3">
-                <Ionicons name="alert-circle" size={32} color={theme.colors.error} />
-                <Text className="text-text text-xl font-bold" style={{ color: theme.colors.error }}>
-                    {t('deleteAccount.title') || 'Delete Account'}
-                </Text>
-            </View>
+  return (
+    <View>
+      <View className="flex-row items-center mb-4 gap-3">
+        <Ionicons name="alert-circle" size={32} color={theme.colors.error} />
+        <Text className="text-text text-xl font-bold" style={{ color: theme.colors.error }}>
+          {t('deleteAccount.title') || 'Delete Account'}
+        </Text>
+      </View>
 
-            <Text className="text-text text-sm leading-5 mb-5">
-                {t('deleteAccount.warning') || 'This action cannot be undone. Your account and all associated data will be permanently deleted.'}
-            </Text>
+      <Text className="text-text text-sm leading-5 mb-5">
+        {t('deleteAccount.warning') ||
+          'This action cannot be undone. Your account and all associated data will be permanently deleted.'}
+      </Text>
 
-            {error ? (
-                <View className="mb-4">
-                    <Admonition type="error">{error}</Admonition>
-                </View>
-            ) : null}
+      {error ? (
+        <View className="mb-4">
+          <Admonition type="error">{error}</Admonition>
+        </View>
+      ) : null}
 
-            <View className="mb-4">
-                <Text className="text-text-secondary text-[13px] mb-2">
-                    {t('deleteAccount.confirmLabel', { username }) || `Type "${username}" to confirm`}
-                </Text>
-                <TextInput
-                    className="text-text bg-bg text-base py-3 px-4 border rounded-lg"
-                    style={{
-                        borderColor: isValid ? theme.colors.success : theme.colors.border,
-                    }}
-                    value={confirmUsername}
-                    onChangeText={setConfirmUsername}
-                    placeholder={username}
-                    placeholderTextColor={theme.colors.textSecondary}
-                    autoCapitalize="none"
-                    autoCorrect={false}
-                    editable={!isDeleting}
-                />
-            </View>
+      <View className="mb-4">
+        <Text className="text-text-secondary text-[13px] mb-2">
+          {t('deleteAccount.confirmLabel', { username }) || `Type "${username}" to confirm`}
+        </Text>
+        <TextInput
+          className="text-text bg-bg text-base py-3 px-4 border rounded-lg"
+          style={{
+            borderColor: isValid ? theme.colors.success : theme.colors.border,
+          }}
+          value={confirmUsername}
+          onChangeText={setConfirmUsername}
+          placeholder={username}
+          placeholderTextColor={theme.colors.textSecondary}
+          autoCapitalize="none"
+          autoCorrect={false}
+          editable={!isDeleting}
+        />
+      </View>
 
-            <View style={{ gap: 8 }}>
-                <Button
-                    appearance="solid" tone="danger"
-                    onPress={handleDelete}
-                    disabled={!isValid || isDeleting}
-                    loading={isDeleting}
-                >
-                    {t('deleteAccount.confirm') || 'Delete Forever'}
-                </Button>
-                <Button appearance="subtle" tone="neutral" onPress={handleCancel} disabled={isDeleting}>
-                    {t('common.cancel') || 'Cancel'}
-                </Button>
-            </View>
-        </View>
-    );
+      <View style={{ gap: 8 }}>
+        <Button
+          appearance="solid"
+          tone="danger"
+          onPress={handleDelete}
+          disabled={!isValid || isDeleting}
+          loading={isDeleting}
+        >
+          {t('deleteAccount.confirm') || 'Delete Forever'}
+        </Button>
+        <Button appearance="subtle" tone="neutral" onPress={handleCancel} disabled={isDeleting}>
+          {t('common.cancel') || 'Cancel'}
+        </Button>
+      </View>
+    </View>
+  );
 };
 
 /** Options accepted by {@link presentDeleteAccount} (everything but `surface`). */
@@ -120,9 +126,9 @@ type PresentDeleteAccountOptions = Omit<DeleteAccountModalProps, 'surface'>;
  * `true` once the account is deleted, `false` if cancelled/dismissed.
  */
 export function presentDeleteAccount(options: PresentDeleteAccountOptions): Promise<boolean> {
-    return surfaces
-        .present<boolean>((surface) => <DeleteAccountModal surface={surface} {...options} />)
-        .then((result) => result === true);
+  return surfaces
+    .present<boolean>((surface) => <DeleteAccountModal surface={surface} {...options} />)
+    .then((result) => result === true);
 }
 
 export default DeleteAccountModal;