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

package/src/ui/components/authChooser/TroubleDisclosure.tsx

@@ -23,7 +23,12 @@
 import type React from 'react';
 import { useState } from 'react';
 import { View } from 'react-native';
-import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from '@oxy.so/bloom/accordion';
+import {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+} from '@oxy.so/bloom/accordion';
 import { SubtleLink } from './primitives';
 import { authChooserStyles as styles } from './styles';
 import type { OxySignInSurfaceAction, Theme, Translate } from './types';

package/src/ui/components/authChooser/requestSurfaces.tsx

@@ -83,7 +83,9 @@ export const GetCommonsPrompt: React.FC<{
       {t('accountSwitcher.commonsNotInstalled')}
     </Text>
     <Button
-      appearance="solid" tone="accent" size="lg"
+      appearance="solid"
+      tone="accent"
+      size="lg"
       onPress={onGetCommons}
       style={styles.primaryButton}
       testID="get-commons-button"

package/src/ui/components/authChooser/types.ts

@@ -7,7 +7,12 @@
  * dragging any other view in.
  */
 
-import { APP_COLOR_NAMES, APP_COLOR_PRESETS, type AppColorName, type useTheme } from '@oxy.so/bloom/theme';
+import {
+  APP_COLOR_NAMES,
+  APP_COLOR_PRESETS,
+  type AppColorName,
+  type useTheme,
+} from '@oxy.so/bloom/theme';
 import type { useI18n } from '../../hooks/useI18n';
 
 export type Theme = ReturnType<typeof useTheme>;

package/src/ui/components/feedback/constants.ts

@@ -1,22 +1,46 @@
 import type { FeedbackType, PriorityLevel } from './types';
 
 export const FEEDBACK_TYPES: FeedbackType[] = [
-    { id: 'bug', label: 'Bug Report', icon: 'bug', color: '#FF3B30', description: 'Report a problem or issue' },
-    { id: 'feature', label: 'Feature Request', icon: 'bulb', color: '#007AFF', description: 'Suggest a new feature' },
-    { id: 'general', label: 'General Feedback', icon: 'chatbubble', color: '#34C759', description: 'Share your thoughts' },
-    { id: 'support', label: 'Support Request', icon: 'help-circle', color: '#FF9500', description: 'Get help with something' },
+  {
+    id: 'bug',
+    label: 'Bug Report',
+    icon: 'bug',
+    color: '#FF3B30',
+    description: 'Report a problem or issue',
+  },
+  {
+    id: 'feature',
+    label: 'Feature Request',
+    icon: 'bulb',
+    color: '#007AFF',
+    description: 'Suggest a new feature',
+  },
+  {
+    id: 'general',
+    label: 'General Feedback',
+    icon: 'chatbubble',
+    color: '#34C759',
+    description: 'Share your thoughts',
+  },
+  {
+    id: 'support',
+    label: 'Support Request',
+    icon: 'help-circle',
+    color: '#FF9500',
+    description: 'Get help with something',
+  },
 ];
 
 export const PRIORITY_LEVELS: PriorityLevel[] = [
-    { id: 'low', label: 'Low', icon: 'arrow-down', color: '#34C759' },
-    { id: 'medium', label: 'Medium', icon: 'remove', color: '#FF9500' },
-    { id: 'high', label: 'High', icon: 'arrow-up', color: '#FF3B30' },
-    { id: 'critical', label: 'Critical', icon: 'warning', color: '#FF0000' },
+  { id: 'low', label: 'Low', icon: 'arrow-down', color: '#34C759' },
+  { id: 'medium', label: 'Medium', icon: 'remove', color: '#FF9500' },
+  { id: 'high', label: 'High', icon: 'arrow-up', color: '#FF3B30' },
+  { id: 'critical', label: 'Critical', icon: 'warning', color: '#FF0000' },
 ];
 
 export const CATEGORIES: Record<string, string[]> = {
-    bug: ['UI/UX', 'Performance', 'Authentication', 'File Management', 'Billing', 'Other'],
-    feature: ['User Interface', 'File Management', 'Security', 'Performance', 'Integration', 'Other'],
-    general: ['User Experience', 'Design', 'Performance', 'Documentation', 'Other'],
-    support: ['Account Issues', 'Billing', 'Technical Problems', 'Feature Questions', 'Other'],
+  bug: ['UI/UX', 'Performance', 'Authentication', 'File Management', 'Billing', 'Other'],
+  feature: ['User Interface', 'File Management', 'Security', 'Performance', 'Integration', 'Other'],
+  general: ['User Experience', 'Design', 'Performance', 'Documentation', 'Other'],
+  support: ['Account Issues', 'Billing', 'Technical Problems', 'Feature Questions', 'Other'],
 };

package/src/ui/components/feedback/types.ts

@@ -1,52 +1,52 @@
 import type { Animated } from 'react-native';
 
 export interface FeedbackData {
-    type: 'bug' | 'feature' | 'general' | 'support';
-    title: string;
-    description: string;
-    priority: 'low' | 'medium' | 'high' | 'critical';
-    category: string;
-    contactEmail: string;
-    systemInfo: boolean;
+  type: 'bug' | 'feature' | 'general' | 'support';
+  title: string;
+  description: string;
+  priority: 'low' | 'medium' | 'high' | 'critical';
+  category: string;
+  contactEmail: string;
+  systemInfo: boolean;
 }
 
 export interface FeedbackState {
-    status: 'idle' | 'submitting' | 'success' | 'error';
-    message: string;
+  status: 'idle' | 'submitting' | 'success' | 'error';
+  message: string;
 }
 
 export interface FeedbackType {
-    id: FeedbackData['type'];
-    label: string;
-    icon: string;
-    color: string;
-    description: string;
+  id: FeedbackData['type'];
+  label: string;
+  icon: string;
+  color: string;
+  description: string;
 }
 
 export interface PriorityLevel {
-    id: FeedbackData['priority'];
-    label: string;
-    icon: string;
-    color: string;
+  id: FeedbackData['priority'];
+  label: string;
+  icon: string;
+  color: string;
 }
 
 export interface FeedbackColors {
-    primary: string;
-    text: string;
-    secondaryText: string;
-    border: string;
-    background: string;
-    inputBackground: string;
-    success?: string;
+  primary: string;
+  text: string;
+  secondaryText: string;
+  border: string;
+  background: string;
+  inputBackground: string;
+  success?: string;
 }
 
 export interface FeedbackStepAnimations {
-    fadeAnim: Animated.Value;
-    slideAnim: Animated.Value;
+  fadeAnim: Animated.Value;
+  slideAnim: Animated.Value;
 }
 
 export interface User {
-    id?: string;
-    email?: string;
-    username?: string;
+  id?: string;
+  email?: string;
+  username?: string;
 }

package/src/ui/components/feedback/useFeedbackForm.ts

@@ -2,43 +2,46 @@ import { useState, useCallback } from 'react';
 import type { FeedbackData, FeedbackState } from './types';
 
 export const useFeedbackForm = () => {
-    const [feedbackData, setFeedbackData] = useState<FeedbackData>({
-        type: 'general',
-        title: '',
-        description: '',
-        priority: 'medium',
-        category: '',
-        contactEmail: '',
-        systemInfo: true,
-    });
+  const [feedbackData, setFeedbackData] = useState<FeedbackData>({
+    type: 'general',
+    title: '',
+    description: '',
+    priority: 'medium',
+    category: '',
+    contactEmail: '',
+    systemInfo: true,
+  });
 
-    const [feedbackState, setFeedbackState] = useState<FeedbackState>({
-        status: 'idle',
-        message: ''
-    });
+  const [feedbackState, setFeedbackState] = useState<FeedbackState>({
+    status: 'idle',
+    message: '',
+  });
 
-    const updateField = useCallback(<K extends keyof FeedbackData>(field: K, value: FeedbackData[K]) => {
-        setFeedbackData(prev => ({ ...prev, [field]: value }));
-    }, []);
+  const updateField = useCallback(
+    <K extends keyof FeedbackData>(field: K, value: FeedbackData[K]) => {
+      setFeedbackData((prev) => ({ ...prev, [field]: value }));
+    },
+    [],
+  );
 
-    const resetForm = useCallback(() => {
-        setFeedbackData({
-            type: 'general',
-            title: '',
-            description: '',
-            priority: 'medium',
-            category: '',
-            contactEmail: '',
-            systemInfo: true,
-        });
-        setFeedbackState({ status: 'idle', message: '' });
-    }, []);
+  const resetForm = useCallback(() => {
+    setFeedbackData({
+      type: 'general',
+      title: '',
+      description: '',
+      priority: 'medium',
+      category: '',
+      contactEmail: '',
+      systemInfo: true,
+    });
+    setFeedbackState({ status: 'idle', message: '' });
+  }, []);
 
-    return {
-        feedbackData,
-        feedbackState,
-        setFeedbackState,
-        updateField,
-        resetForm
-    };
+  return {
+    feedbackData,
+    feedbackState,
+    setFeedbackState,
+    updateField,
+    resetForm,
+  };
 };

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

@@ -11,12 +11,12 @@ import { useI18n } from '../../hooks/useI18n';
 import { formatFileSize, getFileIcon } from '../../utils/fileManagement';
 
 interface FileDetailsModalProps {
-    /** The presenting surface's controls (from `surfaces.present`). */
-    surface: SurfaceControls;
-    file: FileMetadata;
-    onDownload: (fileId: string, filename: string) => void;
-    onDelete: (fileId: string, filename: string) => void;
-    isOwner: boolean;
+  /** The presenting surface's controls (from `surfaces.present`). */
+  surface: SurfaceControls;
+  file: FileMetadata;
+  onDownload: (fileId: string, filename: string) => void;
+  onDelete: (fileId: string, filename: string) => void;
+  isOwner: boolean;
 }
 
 /**
@@ -26,98 +26,94 @@ interface FileDetailsModalProps {
  * stacks cleanly above whatever remains. Presented via {@link presentFileDetails}.
  */
 export const FileDetailsModal: React.FC<FileDetailsModalProps> = ({
-    surface,
-    file,
-    onDownload,
-    onDelete,
-    isOwner,
+  surface,
+  file,
+  onDownload,
+  onDelete,
+  isOwner,
 }) => {
-    const { t } = useI18n();
-    const { colors } = useTheme();
+  const { t } = useI18n();
+  const { colors } = useTheme();
 
-    return (
-        <View>
-            <Card appearance="subtle" className="p-[18px] items-center">
-                <View className="mb-space-16">
-                    <Ionicons
-                        name={getFileIcon(file.contentType)}
-                        size={64}
-                        color={colors.primary}
-                    />
-                </View>
-
-                <Text className="text-text text-[20px] font-bold text-center mb-space-24">
-                    {file.filename}
-                </Text>
+  return (
+    <View>
+      <Card appearance="subtle" className="p-[18px] items-center">
+        <View className="mb-space-16">
+          <Ionicons name={getFileIcon(file.contentType)} size={64} color={colors.primary} />
+        </View>
 
-                <View className="w-full mb-space-32">
-                    <View className="flex-row justify-between items-start mb-space-12 flex-wrap">
-                        <Text className="text-text-secondary text-[16px] font-medium flex-1 min-w-[100px]">
-                            {t('fileManagement.size')}:
-                        </Text>
-                        <Text className="text-text text-[16px] flex-[2] text-right">
-                            {formatFileSize(file.length)}
-                        </Text>
-                    </View>
+        <Text className="text-text text-[20px] font-bold text-center mb-space-24">
+          {file.filename}
+        </Text>
 
-                    <View className="flex-row justify-between items-start mb-space-12 flex-wrap">
-                        <Text className="text-text-secondary text-[16px] font-medium flex-1 min-w-[100px]">
-                            {t('fileManagement.details.type')}:
-                        </Text>
-                        <Text className="text-text text-[16px] flex-[2] text-right">
-                            {file.contentType}
-                        </Text>
-                    </View>
+        <View className="w-full mb-space-32">
+          <View className="flex-row justify-between items-start mb-space-12 flex-wrap">
+            <Text className="text-text-secondary text-[16px] font-medium flex-1 min-w-[100px]">
+              {t('fileManagement.size')}:
+            </Text>
+            <Text className="text-text text-[16px] flex-[2] text-right">
+              {formatFileSize(file.length)}
+            </Text>
+          </View>
 
-                    <View className="flex-row justify-between items-start mb-space-12 flex-wrap">
-                        <Text className="text-text-secondary text-[16px] font-medium flex-1 min-w-[100px]">
-                            {t('fileManagement.details.uploaded')}:
-                        </Text>
-                        <Text className="text-text text-[16px] flex-[2] text-right">
-                            {new Date(file.uploadDate).toLocaleString()}
-                        </Text>
-                    </View>
+          <View className="flex-row justify-between items-start mb-space-12 flex-wrap">
+            <Text className="text-text-secondary text-[16px] font-medium flex-1 min-w-[100px]">
+              {t('fileManagement.details.type')}:
+            </Text>
+            <Text className="text-text text-[16px] flex-[2] text-right">{file.contentType}</Text>
+          </View>
 
-                    {file.metadata?.description && (
-                        <View className="flex-row justify-between items-start mb-space-12 flex-wrap">
-                            <Text className="text-text-secondary text-[16px] font-medium flex-1 min-w-[100px]">
-                                {t('fileManagement.details.description')}:
-                            </Text>
-                            <Text className="text-text text-[16px] flex-[2] text-right">
-                                {file.metadata.description}
-                            </Text>
-                        </View>
-                    )}
-                </View>
-            </Card>
+          <View className="flex-row justify-between items-start mb-space-12 flex-wrap">
+            <Text className="text-text-secondary text-[16px] font-medium flex-1 min-w-[100px]">
+              {t('fileManagement.details.uploaded')}:
+            </Text>
+            <Text className="text-text text-[16px] flex-[2] text-right">
+              {new Date(file.uploadDate).toLocaleString()}
+            </Text>
+          </View>
 
-            <View style={{ gap: 8 }}>
-                <Button
-                    appearance="solid" tone="accent"
-                    onPress={() => {
-                        surface.dismiss();
-                        onDownload(file.id, file.filename);
-                    }}
-                >
-                    {t('fileManagement.details.download')}
-                </Button>
-                {isOwner ? (
-                    <Button
-                        appearance="solid" tone="danger"
-                        onPress={() => {
-                            surface.dismiss();
-                            onDelete(file.id, file.filename);
-                        }}
-                    >
-                        {t('common.actions.delete')}
-                    </Button>
-                ) : null}
-                <Button appearance="subtle" tone="neutral" onPress={() => surface.dismiss()}>
-                    {t('common.cancel')}
-                </Button>
+          {file.metadata?.description && (
+            <View className="flex-row justify-between items-start mb-space-12 flex-wrap">
+              <Text className="text-text-secondary text-[16px] font-medium flex-1 min-w-[100px]">
+                {t('fileManagement.details.description')}:
+              </Text>
+              <Text className="text-text text-[16px] flex-[2] text-right">
+                {file.metadata.description}
+              </Text>
             </View>
+          )}
         </View>
-    );
+      </Card>
+
+      <View style={{ gap: 8 }}>
+        <Button
+          appearance="solid"
+          tone="accent"
+          onPress={() => {
+            surface.dismiss();
+            onDownload(file.id, file.filename);
+          }}
+        >
+          {t('fileManagement.details.download')}
+        </Button>
+        {isOwner ? (
+          <Button
+            appearance="solid"
+            tone="danger"
+            onPress={() => {
+              surface.dismiss();
+              onDelete(file.id, file.filename);
+            }}
+          >
+            {t('common.actions.delete')}
+          </Button>
+        ) : null}
+        <Button appearance="subtle" tone="neutral" onPress={() => surface.dismiss()}>
+          {t('common.cancel')}
+        </Button>
+      </View>
+    </View>
+  );
 };
 
 /** Options accepted by {@link presentFileDetails} (everything but `surface`). */
@@ -125,7 +121,5 @@ type PresentFileDetailsOptions = Omit<FileDetailsModalProps, 'surface'>;
 
 /** Present the file-detail panel on the shared surface stack. */
 export function presentFileDetails(options: PresentFileDetailsOptions): void {
-    void surfaces.present((surface) => (
-        <FileDetailsModal surface={surface} {...options} />
-    ));
+  void surfaces.present((surface) => <FileDetailsModal surface={surface} {...options} />);
 }