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

package/src/ui/hooks/useSettingToggle.ts

@@ -2,29 +2,29 @@ import { useState, useCallback, useEffect } from 'react';
 import { toast } from '@oxy.so/bloom/toast';
 
 interface UseSettingToggleOptions {
-    /** Initial value of the setting */
-    initialValue: boolean;
-    /** Function to save the setting to the server */
-    onSave: (value: boolean) => Promise<void>;
-    /** Success message when saving */
-    successMessage?: string;
-    /** Error message when save fails */
-    errorMessage?: string;
-    /** Whether to revert on error (default: true) */
-    revertOnError?: boolean;
-    /** Whether to show success toast (default: false) */
-    showSuccessToast?: boolean;
+  /** Initial value of the setting */
+  initialValue: boolean;
+  /** Function to save the setting to the server */
+  onSave: (value: boolean) => Promise<void>;
+  /** Success message when saving */
+  successMessage?: string;
+  /** Error message when save fails */
+  errorMessage?: string;
+  /** Whether to revert on error (default: true) */
+  revertOnError?: boolean;
+  /** Whether to show success toast (default: false) */
+  showSuccessToast?: boolean;
 }
 
 interface UseSettingToggleReturn {
-    /** Current value */
-    value: boolean;
-    /** Whether the setting is being saved */
-    isSaving: boolean;
-    /** Toggle the setting (optimistic update with revert on error) */
-    toggle: () => Promise<void>;
-    /** Set the value directly */
-    setValue: (value: boolean) => void;
+  /** Current value */
+  value: boolean;
+  /** Whether the setting is being saved */
+  isSaving: boolean;
+  /** Toggle the setting (optimistic update with revert on error) */
+  toggle: () => Promise<void>;
+  /** Set the value directly */
+  setValue: (value: boolean) => void;
 }
 
 /**
@@ -41,50 +41,52 @@ interface UseSettingToggleReturn {
  * <Switch value={value} onValueChange={toggle} disabled={isSaving} />
  */
 export function useSettingToggle(options: UseSettingToggleOptions): UseSettingToggleReturn {
-    const {
-        initialValue,
-        onSave,
-        successMessage,
-        errorMessage = 'Failed to save setting',
-        revertOnError = true,
-        showSuccessToast = false,
-    } = options;
-
-    const [value, setValue] = useState(initialValue);
-    const [isSaving, setIsSaving] = useState(false);
-
-    // Update value when initialValue changes (e.g., from server)
-    useEffect(() => {
-        setValue(initialValue);
-    }, [initialValue]);
-
-    const toggle = useCallback(async () => {
-        const previousValue = value;
-        const newValue = !value;
-
-        // Optimistic update
-        setValue(newValue);
-        setIsSaving(true);
-
-        try {
-            await onSave(newValue);
-
-            if (showSuccessToast && successMessage) {
-                toast.success(successMessage);
-            }
-        } catch (err: unknown) {
-            // Revert on error
-            if (revertOnError) {
-                setValue(previousValue);
-            }
-
-            toast.error(errorMessage || (err instanceof Error ? err.message : null) || 'An error occurred');
-        } finally {
-            setIsSaving(false);
-        }
-    }, [value, onSave, successMessage, errorMessage, revertOnError, showSuccessToast]);
-
-    return { value, isSaving, toggle, setValue };
+  const {
+    initialValue,
+    onSave,
+    successMessage,
+    errorMessage = 'Failed to save setting',
+    revertOnError = true,
+    showSuccessToast = false,
+  } = options;
+
+  const [value, setValue] = useState(initialValue);
+  const [isSaving, setIsSaving] = useState(false);
+
+  // Update value when initialValue changes (e.g., from server)
+  useEffect(() => {
+    setValue(initialValue);
+  }, [initialValue]);
+
+  const toggle = useCallback(async () => {
+    const previousValue = value;
+    const newValue = !value;
+
+    // Optimistic update
+    setValue(newValue);
+    setIsSaving(true);
+
+    try {
+      await onSave(newValue);
+
+      if (showSuccessToast && successMessage) {
+        toast.success(successMessage);
+      }
+    } catch (err: unknown) {
+      // Revert on error
+      if (revertOnError) {
+        setValue(previousValue);
+      }
+
+      toast.error(
+        errorMessage || (err instanceof Error ? err.message : null) || 'An error occurred',
+      );
+    } finally {
+      setIsSaving(false);
+    }
+  }, [value, onSave, successMessage, errorMessage, revertOnError, showSuccessToast]);
+
+  return { value, isSaving, toggle, setValue };
 }
 
 /**
@@ -92,60 +94,66 @@ export function useSettingToggle(options: UseSettingToggleOptions): UseSettingTo
  * Useful when you have several related boolean settings.
  */
 export function useSettingToggles<T extends { [K in keyof T]: boolean }>(options: {
-    initialValues: T;
-    onSave: (key: keyof T, value: boolean) => Promise<void>;
-    errorMessage?: string | ((key: keyof T) => string);
-    revertOnError?: boolean;
+  initialValues: T;
+  onSave: (key: keyof T, value: boolean) => Promise<void>;
+  errorMessage?: string | ((key: keyof T) => string);
+  revertOnError?: boolean;
 }): {
-    values: T;
-    savingKeys: Set<keyof T>;
-    toggle: (key: keyof T) => Promise<void>;
-    setValues: (values: Partial<T>) => void;
+  values: T;
+  savingKeys: Set<keyof T>;
+  toggle: (key: keyof T) => Promise<void>;
+  setValues: (values: Partial<T>) => void;
 } {
-    const { initialValues, onSave, errorMessage = 'Failed to save setting', revertOnError = true } = options;
-
-    const [values, setValues] = useState<T>(initialValues);
-    const [savingKeys, setSavingKeys] = useState<Set<keyof T>>(new Set());
-
-    // Update values when initialValues change
-    useEffect(() => {
-        setValues(initialValues);
-    }, [initialValues]);
-
-    const toggle = useCallback(async (key: keyof T) => {
-        const previousValue = values[key];
-        const newValue = !previousValue;
-
-        // Optimistic update
-        setValues(prev => ({ ...prev, [key]: newValue }));
-        setSavingKeys(prev => new Set(prev).add(key));
-
-        try {
-            await onSave(key, newValue);
-        } catch (err: unknown) {
-            // Revert on error
-            if (revertOnError) {
-                setValues(prev => ({ ...prev, [key]: previousValue }));
-            }
-
-            const message = typeof errorMessage === 'function'
-                ? errorMessage(key)
-                : errorMessage;
-            toast.error(message || (err instanceof Error ? err.message : null) || 'An error occurred');
-        } finally {
-            setSavingKeys(prev => {
-                const next = new Set(prev);
-                next.delete(key);
-                return next;
-            });
+  const {
+    initialValues,
+    onSave,
+    errorMessage = 'Failed to save setting',
+    revertOnError = true,
+  } = options;
+
+  const [values, setValues] = useState<T>(initialValues);
+  const [savingKeys, setSavingKeys] = useState<Set<keyof T>>(new Set());
+
+  // Update values when initialValues change
+  useEffect(() => {
+    setValues(initialValues);
+  }, [initialValues]);
+
+  const toggle = useCallback(
+    async (key: keyof T) => {
+      const previousValue = values[key];
+      const newValue = !previousValue;
+
+      // Optimistic update
+      setValues((prev) => ({ ...prev, [key]: newValue }));
+      setSavingKeys((prev) => new Set(prev).add(key));
+
+      try {
+        await onSave(key, newValue);
+      } catch (err: unknown) {
+        // Revert on error
+        if (revertOnError) {
+          setValues((prev) => ({ ...prev, [key]: previousValue }));
         }
-    }, [values, onSave, errorMessage, revertOnError]);
-
-    const setValuesExternal = useCallback((newValues: Partial<T>) => {
-        setValues(prev => ({ ...prev, ...newValues }));
-    }, []);
 
-    return { values, savingKeys, toggle, setValues: setValuesExternal };
+        const message = typeof errorMessage === 'function' ? errorMessage(key) : errorMessage;
+        toast.error(message || (err instanceof Error ? err.message : null) || 'An error occurred');
+      } finally {
+        setSavingKeys((prev) => {
+          const next = new Set(prev);
+          next.delete(key);
+          return next;
+        });
+      }
+    },
+    [values, onSave, errorMessage, revertOnError],
+  );
+
+  const setValuesExternal = useCallback((newValues: Partial<T>) => {
+    setValues((prev) => ({ ...prev, ...newValues }));
+  }, []);
+
+  return { values, savingKeys, toggle, setValues: setValuesExternal };
 }
 
 export default useSettingToggle;

package/src/ui/hooks/useStorage.ts

@@ -16,10 +16,7 @@ export interface UseStorageResult {
  * Simple React hook that initializes platform-appropriate storage.
  * Returns storage instance once ready, or null if initialization failed.
  */
-export const useStorage = ({
-  onError,
-  logger,
-}: UseStorageOptions = {}): UseStorageResult => {
+export const useStorage = ({ onError, logger }: UseStorageOptions = {}): UseStorageResult => {
   const [storage, setStorage] = useState<StorageInterface | null>(null);
   const initRef = useRef<Promise<void> | null>(null);
 

package/src/ui/hooks/useSurfaceFrameWidth.ts

@@ -8,7 +8,9 @@ import { createContext, useContext, useLayoutEffect } from 'react';
  * the sign-in's 880 split card) hands its width to that host rather than
  * declaring a second frame. A change morphs the centered card to it.
  */
-export const SurfaceFrameWidthContext = createContext<((maxWidth: number | null) => void) | null>(null);
+export const SurfaceFrameWidthContext = createContext<((maxWidth: number | null) => void) | null>(
+  null,
+);
 
 /** Ask the surface for `maxWidth` (px) while this is mounted; `null` keeps the surface's own. */
 export function useSurfaceFrameWidth(maxWidth: number | null): void {

package/src/ui/icons/Ionicons.ts

@@ -5,11 +5,7 @@ import { ioniconsGlyphMap } from './subsetGlyphMaps';
 
 /** Glyphs are decorative: hidden from assistive technology (see `decorativeIconSet`). */
 const Ionicons = decorativeIconSet(
-  createIconSet(
-    ioniconsGlyphMap,
-    'OxyServicesIonicons',
-    font,
-  ),
+  createIconSet(ioniconsGlyphMap, 'OxyServicesIonicons', font),
   'Ionicons',
 );
 

package/src/ui/icons/MaterialCommunityIcons.ts

@@ -5,11 +5,7 @@ import { materialCommunityIconsGlyphMap } from './subsetGlyphMaps';
 
 /** Glyphs are decorative: hidden from assistive technology (see `decorativeIconSet`). */
 const MaterialCommunityIcons = decorativeIconSet(
-  createIconSet(
-    materialCommunityIconsGlyphMap,
-    'OxyServicesMaterialCommunityIcons',
-    font,
-  ),
+  createIconSet(materialCommunityIconsGlyphMap, 'OxyServicesMaterialCommunityIcons', font),
   'MaterialCommunityIcons',
 );
 

package/src/ui/icons/__tests__/decorativeIconSet.test.tsx

@@ -17,7 +17,9 @@ describe('the SDK icon families are decorative', () => {
   ] as const)('%s hides its glyph from assistive technology', (_family, Icon, name) => {
     const { container } = render(<Icon name={name as never} size={20} />);
 
-    expect(container.querySelector(`[data-icon="${name}"]`)?.getAttribute('aria-hidden')).toBe('true');
+    expect(container.querySelector(`[data-icon="${name}"]`)?.getAttribute('aria-hidden')).toBe(
+      'true',
+    );
   });
 
   it('keeps the glyph hidden even when a caller asks otherwise', () => {

package/src/ui/icons/decorativeIconSet.ts

@@ -1,7 +1,15 @@
 import { createElement, type ComponentProps, type ComponentType } from 'react';
 
 /** Function built-ins and statics a function component must not inherit. */
-const NOT_COPIED = new Set(['length', 'name', 'prototype', 'caller', 'arguments', 'defaultProps', 'displayName']);
+const NOT_COPIED = new Set([
+  'length',
+  'name',
+  'prototype',
+  'caller',
+  'arguments',
+  'defaultProps',
+  'displayName',
+]);
 
 /**
  * Wrap an icon-font family so every glyph it renders is hidden from assistive
@@ -27,7 +35,10 @@ const NOT_COPIED = new Set(['length', 'name', 'prototype', 'caller', 'arguments'
  * over, so the wrapper is a drop-in for the family itself.
  */
 // biome-ignore lint/suspicious/noExplicitAny: an icon family's own props are whatever `createIconSet` typed them as; the wrapper returns the SAME type.
-export function decorativeIconSet<T extends ComponentType<any>>(IconSet: T, displayName: string): T {
+export function decorativeIconSet<T extends ComponentType<any>>(
+  IconSet: T,
+  displayName: string,
+): T {
   function DecorativeIcon(props: ComponentProps<T>) {
     return createElement(IconSet, { ...props, 'aria-hidden': true });
   }

package/src/ui/index.ts

@@ -51,9 +51,9 @@ export { useAuthStore } from './stores/authStore';
 
 // Error handlers (pure functions)
 export {
-    handleAuthError,
-    isInvalidSessionError,
-    isTimeoutOrNetworkError,
-    extractErrorMessage,
+  handleAuthError,
+  isInvalidSessionError,
+  isTimeoutOrNetworkError,
+  extractErrorMessage,
 } from './utils/errorHandlers';
 export type { HandleAuthErrorOptions } from './utils/errorHandlers';

package/src/ui/isFrontend.ts

@@ -1,5 +1,6 @@
 // Utility to detect if running in a frontend (browser or React Native) environment
-const isFrontend = typeof window !== 'undefined' ||
+const isFrontend =
+  typeof window !== 'undefined' ||
   (typeof navigator !== 'undefined' && navigator.product === 'ReactNative');
 
-export default isFrontend; 
+export default isFrontend;

package/src/ui/navigation/__tests__/getSurfaceConfig.test.ts

@@ -7,95 +7,95 @@ import { getSurfaceConfig, getSurfacePresentation } from '../surfaceRegistry';
  * own scrolling + chrome. These guard the routing contract.
  */
 describe('getSurfaceConfig presentation', () => {
-    const imageOnlyPickerProps = {
-        selectMode: true,
-        disabledMimeTypes: ['video/', 'audio/', 'application/pdf'],
-    };
+  const imageOnlyPickerProps = {
+    selectMode: true,
+    disabledMimeTypes: ['video/', 'audio/', 'application/pdf'],
+  };
 
-    it('defaults every route to the responsive sheet', () => {
-        expect(getSurfaceConfig('ManageAccount', {}).presentation).toBe('sheet');
-        expect(getSurfaceConfig('AvatarCrop', {}).presentation).toBe('sheet');
-        expect(getSurfacePresentation('ManageAccount', {})).toBe('sheet');
-    });
+  it('defaults every route to the responsive sheet', () => {
+    expect(getSurfaceConfig('ManageAccount', {}).presentation).toBe('sheet');
+    expect(getSurfaceConfig('AvatarCrop', {}).presentation).toBe('sheet');
+    expect(getSurfacePresentation('ManageAccount', {})).toBe('sheet');
+  });
 
-    it('renders the FileManagement image-only picker as a morphing own-scroller sheet', () => {
-        const config = getSurfaceConfig('FileManagement', imageOnlyPickerProps);
-        // It morphs in place like every screen — a sheet, not a stacked full-bleed.
-        expect(config.presentation).toBe('sheet');
-        expect(config.stacks).toBe(false);
-        // PhotoPickerView owns its own FlatList → the host must not wrap it in a
-        // ScrollView. It now renders the SHARED Dialog nav header (Cancel / title /
-        // Upload) like every other screen — its bespoke bar is gone.
-        expect(config.scrollable).toBe(false);
-        expect(config.header).toBe(true);
-        // …and it grows to the large morph target so the grid has room.
-        expect(config.frameSize).toEqual({ heightRatio: 0.9, maxWidth: 640 });
-    });
+  it('renders the FileManagement image-only picker as a morphing own-scroller sheet', () => {
+    const config = getSurfaceConfig('FileManagement', imageOnlyPickerProps);
+    // It morphs in place like every screen — a sheet, not a stacked full-bleed.
+    expect(config.presentation).toBe('sheet');
+    expect(config.stacks).toBe(false);
+    // PhotoPickerView owns its own FlatList → the host must not wrap it in a
+    // ScrollView. It now renders the SHARED Dialog nav header (Cancel / title /
+    // Upload) like every other screen — its bespoke bar is gone.
+    expect(config.scrollable).toBe(false);
+    expect(config.header).toBe(true);
+    // …and it grows to the large morph target so the grid has room.
+    expect(config.frameSize).toEqual({ heightRatio: 0.9, maxWidth: 640 });
+  });
 
-    it('morphs the surface for every route, the picker included', () => {
-        // NAV-WITHIN: drilling into these swaps the content inside ONE surface,
-        // which reshapes the panel instead of hard-cutting.
-        expect(getSurfaceConfig('ManageAccount', {}).morph).toBe(true);
-        expect(getSurfaceConfig('TrustFAQ', {}).morph).toBe(true);
-        expect(getSurfaceConfig('FollowersList', {}).morph).toBe(true);
-        expect(getSurfaceConfig('FileManagement', imageOnlyPickerProps).morph).toBe(true);
-    });
+  it('morphs the surface for every route, the picker included', () => {
+    // NAV-WITHIN: drilling into these swaps the content inside ONE surface,
+    // which reshapes the panel instead of hard-cutting.
+    expect(getSurfaceConfig('ManageAccount', {}).morph).toBe(true);
+    expect(getSurfaceConfig('TrustFAQ', {}).morph).toBe(true);
+    expect(getSurfaceConfig('FollowersList', {}).morph).toBe(true);
+    expect(getSurfaceConfig('FileManagement', imageOnlyPickerProps).morph).toBe(true);
+  });
 
-    it('never stacks any route — every screen morphs in place', () => {
-        // `stacks` is the DECLARATIVE morph-vs-stack signal, and it is FALSE for
-        // every route: overlays (action sheets / confirm / prompt) are Bloom-raw
-        // `surfaces.present`/`confirm` calls outside this registry.
-        expect(getSurfaceConfig('ManageAccount', {}).stacks).toBe(false);
-        expect(getSurfaceConfig('AvatarCrop', {}).stacks).toBe(false);
-        expect(getSurfaceConfig('ChangeAvatar', {}).stacks).toBe(false);
-        expect(getSurfaceConfig('AccountDialog', {}).stacks).toBe(false);
-        expect(getSurfaceConfig('FileManagement', imageOnlyPickerProps).stacks).toBe(false);
-        expect(getSurfaceConfig('FileManagement', {}).stacks).toBe(false);
-    });
+  it('never stacks any route — every screen morphs in place', () => {
+    // `stacks` is the DECLARATIVE morph-vs-stack signal, and it is FALSE for
+    // every route: overlays (action sheets / confirm / prompt) are Bloom-raw
+    // `surfaces.present`/`confirm` calls outside this registry.
+    expect(getSurfaceConfig('ManageAccount', {}).stacks).toBe(false);
+    expect(getSurfaceConfig('AvatarCrop', {}).stacks).toBe(false);
+    expect(getSurfaceConfig('ChangeAvatar', {}).stacks).toBe(false);
+    expect(getSurfaceConfig('AccountDialog', {}).stacks).toBe(false);
+    expect(getSurfaceConfig('FileManagement', imageOnlyPickerProps).stacks).toBe(false);
+    expect(getSurfaceConfig('FileManagement', {}).stacks).toBe(false);
+  });
 
-    it('lets the avatar flow morph list → crop inside ONE surface', () => {
-        // ChangeAvatar navigates WITHIN its surface to AvatarCrop, so both frames
-        // must share a presentation (else the crop would open on top instead of
-        // morphing) and both must opt IN to the morph.
-        const list = getSurfaceConfig('ChangeAvatar', {});
-        const crop = getSurfaceConfig('AvatarCrop', {});
-        expect(crop.presentation).toBe(list.presentation);
-        expect(list.morph).toBe(true);
-        expect(crop.morph).toBe(true);
-        // The morph can only RESIZE the panel when the Dialog owns the scroll
-        // container — an own-scroller surface cross-fades but never reshapes.
-        expect(list.scrollable).toBe(true);
-        expect(crop.scrollable).toBe(true);
-    });
+  it('lets the avatar flow morph list → crop inside ONE surface', () => {
+    // ChangeAvatar navigates WITHIN its surface to AvatarCrop, so both frames
+    // must share a presentation (else the crop would open on top instead of
+    // morphing) and both must opt IN to the morph.
+    const list = getSurfaceConfig('ChangeAvatar', {});
+    const crop = getSurfaceConfig('AvatarCrop', {});
+    expect(crop.presentation).toBe(list.presentation);
+    expect(list.morph).toBe(true);
+    expect(crop.morph).toBe(true);
+    // The morph can only RESIZE the panel when the Dialog owns the scroll
+    // container — an own-scroller surface cross-fades but never reshapes.
+    expect(list.scrollable).toBe(true);
+    expect(crop.scrollable).toBe(true);
+  });
 
-    it('gives the avatar flow the Dialog nav header on both frames', () => {
-        // The Dialog's `header` is fixed for a surface's whole life, so a
-        // headerless crop frame inside a header-mode surface would stack two
-        // bars. Both frames declare their chrome through `useSurfaceHeader`.
-        expect(getSurfaceConfig('ChangeAvatar', {}).header).toBe(true);
-        expect(getSurfaceConfig('AvatarCrop', {}).header).toBe(true);
-    });
+  it('gives the avatar flow the Dialog nav header on both frames', () => {
+    // The Dialog's `header` is fixed for a surface's whole life, so a
+    // headerless crop frame inside a header-mode surface would stack two
+    // bars. Both frames declare their chrome through `useSurfaceHeader`.
+    expect(getSurfaceConfig('ChangeAvatar', {}).header).toBe(true);
+    expect(getSurfaceConfig('AvatarCrop', {}).header).toBe(true);
+  });
 
-    it('renders the shared nav header on every route — nothing is headerless', () => {
-        // The whole SDK UI is unified on the Dialog nav header. The last four
-        // holdouts (Profile / PaymentGateway / WelcomeNewUser + the image picker)
-        // now declare their chrome through `useSurfaceHeader` like every screen.
-        expect(getSurfaceConfig('Profile', {}).header).toBe(true);
-        expect(getSurfaceConfig('PaymentGateway', {}).header).toBe(true);
-        expect(getSurfaceConfig('WelcomeNewUser', {}).header).toBe(true);
-        expect(getSurfaceConfig('ManageAccount', {}).header).toBe(true);
-        expect(getSurfaceConfig('FileManagement', imageOnlyPickerProps).header).toBe(true);
-    });
+  it('renders the shared nav header on every route — nothing is headerless', () => {
+    // The whole SDK UI is unified on the Dialog nav header. The last four
+    // holdouts (Profile / PaymentGateway / WelcomeNewUser + the image picker)
+    // now declare their chrome through `useSurfaceHeader` like every screen.
+    expect(getSurfaceConfig('Profile', {}).header).toBe(true);
+    expect(getSurfaceConfig('PaymentGateway', {}).header).toBe(true);
+    expect(getSurfaceConfig('WelcomeNewUser', {}).header).toBe(true);
+    expect(getSurfaceConfig('ManageAccount', {}).header).toBe(true);
+    expect(getSurfaceConfig('FileManagement', imageOnlyPickerProps).header).toBe(true);
+  });
 
-    it('keeps FileManagement on the sheet when it is not an image-only picker', () => {
-        // Browse mode (no selectMode) — the standard file manager.
-        expect(getSurfaceConfig('FileManagement', {}).presentation).toBe('sheet');
-        // Select mode that still allows non-image types is not the flagship picker.
-        expect(
-            getSurfaceConfig('FileManagement', {
-                selectMode: true,
-                disabledMimeTypes: ['video/'],
-            }).presentation,
-        ).toBe('sheet');
-    });
+  it('keeps FileManagement on the sheet when it is not an image-only picker', () => {
+    // Browse mode (no selectMode) — the standard file manager.
+    expect(getSurfaceConfig('FileManagement', {}).presentation).toBe('sheet');
+    // Select mode that still allows non-image types is not the flagship picker.
+    expect(
+      getSurfaceConfig('FileManagement', {
+        selectMode: true,
+        disabledMimeTypes: ['video/'],
+      }).presentation,
+    ).toBe('sheet');
+  });
 });

package/src/ui/navigation/__tests__/surfaceNavStack.test.ts

@@ -1,5 +1,9 @@
 import { createSurfaceNavStack } from '../surfaceNavStack';
-import { __resetSurfaceBackBridgeForTests, pushSurfaceBackHandler, __invokeTopSurfaceBackForTests } from '../surfaceBackBridge';
+import {
+  __resetSurfaceBackBridgeForTests,
+  pushSurfaceBackHandler,
+  __invokeTopSurfaceBackForTests,
+} from '../surfaceBackBridge';
 
 describe('createSurfaceNavStack', () => {
   it('starts with a single root frame', () => {
@@ -143,7 +147,9 @@ describe('createSurfaceNavStack', () => {
       await expect(inner).resolves.toBeUndefined();
       expect(stack.getTop().route).toBe('ChangeAvatar');
       let outerSettled = false;
-      void outer.then(() => { outerSettled = true; });
+      void outer.then(() => {
+        outerSettled = true;
+      });
       await Promise.resolve();
       expect(outerSettled).toBe(false);
     });

package/src/ui/navigation/bottomSheetManager.ts

@@ -30,7 +30,7 @@ export const showBottomSheet = (
     | { screen: RouteName; props?: Record<string, unknown>; fullScreen?: boolean },
 ): void => {
   const screen = typeof screenOrConfig === 'string' ? screenOrConfig : screenOrConfig.screen;
-  const props = typeof screenOrConfig === 'string' ? {} : screenOrConfig.props ?? {};
+  const props = typeof screenOrConfig === 'string' ? {} : (screenOrConfig.props ?? {});
 
   if (!isValidRoute(screen)) {
     if (__DEV__) console.warn(`[BottomSheet] Invalid route: ${screen}`);