@oxyhq/services 19.0.1 → 19.1.0

package/src/ui/context/__tests__/OxyContext.coldBoot.test.tsx

@@ -1,166 +0,0 @@
-/**
- * `OxyContextProvider` cold-boot opt-out (IdP mode).
- *
- * The provider is the ecosystem's device-first session authority by default:
- * it runs `runSessionColdBoot` on mount. The IdP host (`auth.oxy.so`) is NOT a
- * session authority, so it mounts the provider with `coldBoot={false}` — the
- * cold boot must never run (so the bearer-authenticated device socket never
- * starts), yet interactive sign-in must still commit a normal session on that
- * origin.
- */
-import { render, act, waitFor } from '@testing-library/react';
-import type { ReactNode } from 'react';
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import { OxyServices, runSessionColdBoot } from '@oxyhq/core';
-import type { User } from '@oxyhq/core';
-import type { LoginSessionResult } from '@oxyhq/contracts';
-import { OxyContextProvider, useOxy, type OxyContextState } from '../OxyContext';
-import { createSessionClient } from '../../session';
-
-// Spy on the device-first cold boot without touching the rest of core.
-jest.mock('@oxyhq/core', () => {
-  const actual = jest.requireActual('@oxyhq/core');
-  return {
-    __esModule: true,
-    ...actual,
-    runSessionColdBoot: jest.fn(() => Promise.resolve()),
-  };
-});
-
-// Replace the real SessionClient with an inert fake so no socket connects and
-// no network is hit. `getState()` returns null, so `syncFromClient` short-
-// circuits and never reaches profile resolution.
-jest.mock('../../session', () => {
-  const actual = jest.requireActual('../../session');
-  return {
-    __esModule: true,
-    ...actual,
-    createSessionClient: jest.fn(() => {
-      const listeners = new Set<() => void>();
-      const client = {
-        getState: jest.fn(() => null),
-        subscribe: jest.fn((listener: () => void) => {
-          listeners.add(listener);
-          return () => {
-            listeners.delete(listener);
-          };
-        }),
-        start: jest.fn(() => Promise.resolve()),
-        bootstrap: jest.fn(() => Promise.resolve()),
-        addCurrentAccount: jest.fn(() => Promise.resolve()),
-        registerAndActivate: jest.fn(() => Promise.resolve()),
-        switchAccount: jest.fn(() => Promise.resolve()),
-      };
-      const host = { setCurrentAccountId: jest.fn() };
-      return { client, host };
-    }),
-  };
-});
-
-const coldBootMock = runSessionColdBoot as jest.Mock;
-const createSessionClientMock = createSessionClient as jest.Mock;
-
-function renderProvider(props: { coldBoot?: boolean; oxyServices: OxyServices }) {
-  let latest: OxyContextState | null = null;
-  const Probe = (): ReactNode => {
-    latest = useOxy();
-    return null;
-  };
-  const queryClient = new QueryClient({
-    defaultOptions: { queries: { retry: false }, mutations: { retry: false } },
-  });
-  const view = render(
-    <QueryClientProvider client={queryClient}>
-      <OxyContextProvider oxyServices={props.oxyServices} coldBoot={props.coldBoot}>
-        <Probe />
-      </OxyContextProvider>
-    </QueryClientProvider>,
-  );
-  return { ...view, getState: (): OxyContextState | null => latest };
-}
-
-/** The most recently constructed fake SessionClient. */
-function lastSessionClient(): { start: jest.Mock } {
-  const results = createSessionClientMock.mock.results;
-  return results[results.length - 1].value.client as { start: jest.Mock };
-}
-
-beforeEach(() => {
-  coldBootMock.mockClear();
-  createSessionClientMock.mockClear();
-});
-
-describe('OxyContextProvider coldBoot opt-out (IdP mode)', () => {
-  it('coldBoot={false}: never runs the cold boot and resolves auth immediately as signed out', async () => {
-    const oxy = new OxyServices({ baseURL: 'https://api.test.local' });
-    const { getState } = renderProvider({ coldBoot: false, oxyServices: oxy });
-
-    await waitFor(() => {
-      expect(getState()?.isAuthResolved).toBe(true);
-    });
-
-    expect(coldBootMock).not.toHaveBeenCalled();
-    expect(getState()?.isAuthenticated).toBe(false);
-    expect(getState()?.user).toBeNull();
-    // No boot spinner: private-API readiness settles to a definitive "no".
-    expect(getState()?.isPrivateApiPending).toBe(false);
-    expect(getState()?.canUsePrivateApi).toBe(false);
-    // IdP mode never runs the cold boot and never signs in, so the device
-    // socket is never started.
-    expect(lastSessionClient().start).not.toHaveBeenCalled();
-  });
-
-  it('coldBoot={false}: interactive password sign-in still commits a normal session', async () => {
-    const oxy = new OxyServices({ baseURL: 'https://api.test.local' });
-    const loginResult: LoginSessionResult = {
-      sessionId: 's-1',
-      deviceId: 'd-1',
-      expiresAt: new Date(Date.now() + 3_600_000).toISOString(),
-      accessToken: 'access-1',
-      deviceSecret: 'ds-1',
-      user: { id: 'u-1', username: 'alice' },
-    };
-    jest.spyOn(oxy, 'passwordSignIn').mockResolvedValue(loginResult);
-    jest.spyOn(oxy, 'getCurrentUser').mockResolvedValue({
-      id: 'u-1',
-      username: 'alice',
-      name: { displayName: 'Alice' },
-    } as User);
-
-    const { getState } = renderProvider({ coldBoot: false, oxyServices: oxy });
-    await waitFor(() => {
-      expect(getState()?.isAuthResolved).toBe(true);
-    });
-
-    const state = getState();
-    if (!state) {
-      throw new Error('context did not resolve');
-    }
-    await act(async () => {
-      const result = await state.signInWithPassword('alice', 'secret');
-      expect(result.status).toBe('ok');
-    });
-
-    await waitFor(() => {
-      expect(getState()?.isAuthenticated).toBe(true);
-    });
-    expect(getState()?.user?.id).toBe('u-1');
-    // Zero-cookie cutover: no `deviceToken` is threaded into `passwordSignIn`.
-    expect(oxy.passwordSignIn).toHaveBeenCalledWith('alice', 'secret', {
-      deviceName: undefined,
-      deviceFingerprint: undefined,
-    });
-  });
-
-  it('default (coldBoot omitted): runs the device-first cold boot', async () => {
-    const oxy = new OxyServices({ baseURL: 'https://api.test.local' });
-    const { getState } = renderProvider({ oxyServices: oxy });
-
-    await waitFor(() => {
-      expect(coldBootMock).toHaveBeenCalledTimes(1);
-    });
-    await waitFor(() => {
-      expect(getState()?.isAuthResolved).toBe(true);
-    });
-  });
-});

package/src/ui/hooks/useColorScheme.ts

@@ -1,24 +0,0 @@
-import { useContext } from 'react';
-import { useColorScheme as useRNColorScheme } from 'react-native';
-import { ThemeContext } from '../context/ThemeContext';
-
-/**
- * Hook to get the current color scheme (theme).
- * Returns the resolved theme from ThemeContext if available, otherwise falls back to React Native's useColorScheme.
- * 
- * Always calls hooks in the same order to maintain React hook rules.
- */
-export function useColorScheme(): 'light' | 'dark' {
-  // Always call hooks in the same order - never conditionally
-  const rnColorScheme = useRNColorScheme();
-  const themeContext = useContext(ThemeContext);
-  
-  // If ThemeContext is available, use it; otherwise fall back to React Native's color scheme
-  if (themeContext?.resolvedTheme) {
-    return themeContext.resolvedTheme;
-  }
-  
-  // Fall back to React Native's color scheme detection
-  return (rnColorScheme ?? 'light') as 'light' | 'dark';
-}
-

package/src/ui/styles/authStyles.ts

@@ -1,348 +0,0 @@
-import { Platform, StyleSheet, TextStyle } from 'react-native';
-
-export interface AuthThemeColors {
-  text: string;
-  background: string;
-  inputBackground: string;
-  placeholder: string;
-  primary: string;
-  border: string;
-  error: string;
-  success: string;
-  warning: string;
-  secondaryText: string;
-}
-
-export const createAuthStyles = (colors: AuthThemeColors, theme: string) => StyleSheet.create({
-  // Container and scrollContent styles removed entirely
-  // All layout is handled by BottomSheetRouter's BottomSheetScrollView
-  // StepBasedScreen and step components are pure content renderers
-  stepContainer: {
-    // Removed flex: 1 - BottomSheetScrollView handles all layout
-    // This prevents unnecessary expansion that can cause spacing issues
-    justifyContent: 'flex-start',
-    alignItems: 'flex-start',
-  },
-
-  // Header styles
-  modernHeader: {
-    alignItems: 'flex-start',
-    width: '100%',
-    marginBottom: 24,
-  },
-  modernTitle: {
-    fontWeight: Platform.OS === 'web' ? 'bold' : undefined,
-    fontSize: 62,
-    lineHeight: 74.4, // 62 * 1.2
-    marginBottom: 18,
-    textAlign: 'left',
-    letterSpacing: -1,
-  },
-  modernSubtitle: {
-    fontSize: 18,
-    lineHeight: 24,
-    textAlign: 'left',
-    opacity: 0.8,
-  },
-  welcomeTitle: {
-    fontWeight: Platform.OS === 'web' ? 'bold' : undefined,
-    fontSize: 42,
-    lineHeight: 50.4, // 42 * 1.2
-    marginBottom: 12,
-    textAlign: 'left',
-    letterSpacing: -1,
-  },
-  stepTitle: {
-    fontWeight: Platform.OS === 'web' ? 'bold' : undefined,
-    fontSize: 42,
-    lineHeight: 50.4, // 42 * 1.2
-    marginBottom: 12,
-    textAlign: 'left',
-    letterSpacing: -1,
-  },
-
-  // Info and error cards
-  modernInfoCard: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    padding: 16,
-    borderRadius: 16,
-    marginBottom: 24,
-    gap: 12,
-    width: '100%',
-  },
-  modernInfoText: {
-    fontSize: 14,
-    flex: 1,
-  },
-  modernErrorCard: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    padding: 16,
-    borderRadius: 16,
-    marginBottom: 24,
-    gap: 12,
-    width: '100%',
-  },
-  errorText: {
-    fontSize: 14,
-    fontWeight: '500',
-    flex: 1,
-  },
-
-  // Input styles
-  modernInputContainer: {
-    width: '100%',
-    marginBottom: 24,
-  },
-  inputWrapper: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    height: 56,
-    borderRadius: 16,
-    paddingHorizontal: 20,
-    borderWidth: 2,
-    backgroundColor: colors.inputBackground,
-  },
-  premiumInputWrapper: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    height: 56,
-    borderRadius: 16,
-    paddingHorizontal: 20,
-    borderWidth: 2,
-    backgroundColor: colors.inputBackground,
-  },
-  inputIcon: {
-    marginRight: 12,
-  },
-  inputContent: {
-    flex: 1,
-  },
-  modernInput: {
-    flex: 1,
-    fontSize: 16,
-    height: '100%',
-  },
-  passwordToggle: {
-    padding: 4,
-  },
-
-  // Validation styles
-  validationIndicator: {
-    marginLeft: 8,
-  },
-  validationSuccessCard: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    padding: 12,
-    borderRadius: 12,
-    marginTop: 8,
-    gap: 8,
-  },
-  validationErrorCard: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    padding: 12,
-    borderRadius: 12,
-    marginTop: 8,
-    gap: 8,
-  },
-  validationCard: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    padding: 12,
-    borderRadius: 12,
-    marginTop: 8,
-    gap: 8,
-  },
-  validationText: {
-    fontSize: 12,
-    fontWeight: '500',
-  },
-  belowInputMessage: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    marginTop: 4,
-    marginBottom: 0,
-    gap: 6,
-  },
-  belowInputText: {
-    fontSize: 13,
-    fontWeight: '500',
-  },
-
-  // Button styles
-  modernButton: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'center',
-    paddingVertical: 18,
-    paddingHorizontal: 32,
-    borderRadius: 16,
-    marginVertical: 8,
-    ...Platform.select({
-      web: {
-        boxShadow: '0 4px 8px rgba(0,0,0,0.3)',
-      },
-      default: {
-        shadowOffset: {
-          width: 0,
-          height: 4,
-        },
-        shadowOpacity: 0.3,
-        shadowRadius: 8,
-        elevation: 6,
-      }
-    }),
-    gap: 8,
-    width: '100%',
-  },
-  modernButtonText: {
-    color: colors.background,
-    fontSize: 16,
-    fontWeight: '600',
-    letterSpacing: 0.5,
-  },
-  buttonIcon: {
-    marginLeft: 4,
-  },
-
-  // Label and link styles
-  modernLabel: {
-    fontSize: 12,
-    fontWeight: '500',
-    marginBottom: 2,
-  },
-  modernLinkText: {
-    fontSize: 14,
-    lineHeight: 20,
-    fontWeight: '600',
-    textDecorationLine: 'underline',
-  },
-  footerTextContainer: {
-    flexDirection: 'row',
-    justifyContent: 'center',
-    marginTop: 16,
-  },
-  footerText: {
-    fontSize: 15,
-  },
-
-  // User profile styles
-  modernUserProfileContainer: {
-    alignItems: 'flex-start',
-    paddingVertical: 24,
-  },
-  avatarContainer: {
-    position: 'relative',
-    marginBottom: 20,
-  },
-  modernUserAvatar: {
-    borderWidth: 4,
-    borderColor: `${colors.primary}33`,
-  },
-  statusIndicator: {
-    position: 'absolute',
-    bottom: 4,
-    right: 4,
-    width: 20,
-    height: 20,
-    borderRadius: 10,
-    borderWidth: 3,
-    borderColor: colors.background,
-  },
-  modernUserDisplayName: {
-    fontWeight: Platform.OS === 'web' ? 'bold' : undefined,
-    fontSize: 42,
-    marginBottom: 4,
-    textAlign: 'left',
-    letterSpacing: -0.5,
-  },
-  modernUsernameSubtext: {
-    fontSize: 20,
-    textAlign: 'left',
-    marginBottom: 16,
-    opacity: 0.7,
-  },
-  welcomeBackBadge: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    paddingHorizontal: 12,
-    paddingVertical: 6,
-    borderRadius: 20,
-    gap: 6,
-  },
-  welcomeBackText: {
-    fontSize: 12,
-    fontWeight: '600',
-    textTransform: 'uppercase',
-    letterSpacing: 0.5,
-  },
-
-  // Navigation styles
-  modernNavigationButtons: {
-    flexDirection: 'row',
-    justifyContent: 'center',
-    marginTop: 16,
-    marginBottom: 8,
-    width: '100%',
-    gap: 8,
-  },
-  modernBackButton: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    paddingVertical: 12,
-    paddingHorizontal: 20,
-    borderRadius: 12,
-    borderWidth: 1,
-    gap: 8,
-  },
-  modernBackButtonText: {
-    fontSize: 16,
-    fontWeight: '500',
-  },
-
-  // Security notice
-  securityNotice: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'center',
-    marginTop: 20,
-    gap: 6,
-  },
-  securityText: {
-    fontSize: 12,
-    fontWeight: '500',
-  },
-
-  // Welcome image container
-  welcomeImageContainer: {
-    alignItems: 'center',
-    justifyContent: 'center',
-    marginVertical: 20,
-  },
-  welcomeText: {
-    fontSize: 18,
-    lineHeight: 24,
-    textAlign: 'left',
-    opacity: 0.8,
-    marginBottom: 24,
-  },
-  
-  // Success styles
-  successCard: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    padding: 16,
-    borderRadius: 16,
-    marginBottom: 24,
-    gap: 12,
-    width: '100%',
-  },
-  successText: {
-    fontSize: 14,
-    fontWeight: '500',
-    flex: 1,
-  },
-}); 

package/src/ui/styles/theme.ts

@@ -1,169 +0,0 @@
-import { Platform, StyleSheet, type TextStyle } from 'react-native';
-import { useTheme as useBloomThemeHook, type ThemeColors as BloomThemeColors } from '@oxyhq/bloom';
-
-/**
- * ThemeColors used by services style files.
- * Maps to bloom's ThemeColors, with a few convenience aliases.
- */
-export interface ThemeColors {
-  text: string;
-  background: string;
-  inputBackground: string;
-  placeholder: string;
-  primary: string;
-  border: string;
-  error: string;
-  success: string;
-  warning: string;
-  secondaryText: string;
-}
-
-export interface Theme {
-  colors: ThemeColors;
-  fonts: {
-    title: TextStyle;
-    body: TextStyle;
-    button: TextStyle;
-    label: TextStyle;
-  };
-}
-
-/**
- * Adapts bloom's ThemeColors into the services ThemeColors shape.
- */
-function bloomColorsToThemeColors(bloomColors: BloomThemeColors): ThemeColors {
-  return {
-    text: bloomColors.text,
-    background: bloomColors.background,
-    inputBackground: bloomColors.backgroundSecondary,
-    placeholder: bloomColors.textTertiary,
-    primary: bloomColors.primary,
-    border: bloomColors.border,
-    error: bloomColors.error,
-    success: bloomColors.success,
-    warning: bloomColors.warning,
-    secondaryText: bloomColors.textSecondary,
-  };
-}
-
-/** Fallback colors when bloom context is not available */
-const fallbackLight: ThemeColors = {
-  text: '#000000',
-  background: '#FFFFFF',
-  inputBackground: '#F5F5F5',
-  placeholder: '#999999',
-  primary: '#d169e5',
-  border: '#E0E0E0',
-  error: '#D32F2F',
-  success: '#2E7D32',
-  warning: '#F57C00',
-  secondaryText: '#666666',
-};
-
-const fallbackDark: ThemeColors = {
-  text: '#FFFFFF',
-  background: '#000000',
-  inputBackground: '#333333',
-  placeholder: '#AAAAAA',
-  primary: '#d169e5',
-  border: '#444444',
-  error: '#EF5350',
-  success: '#81C784',
-  warning: '#FFB74D',
-  secondaryText: '#BBBBBB',
-};
-
-const createTheme = (isDark: boolean, colors?: ThemeColors): Theme => {
-  const themeColors = colors ?? (isDark ? fallbackDark : fallbackLight);
-
-  return {
-    colors: themeColors,
-    fonts: {
-      title: {
-        fontWeight: Platform.OS === 'web' ? 'bold' : undefined,
-        fontSize: 34,
-      },
-      body: {
-        fontSize: 16,
-        lineHeight: 24,
-      },
-      button: {
-        fontSize: 16,
-        fontWeight: '600',
-        color: themeColors.background,
-      },
-      label: {
-        fontSize: 14,
-        fontWeight: '500',
-        marginBottom: 8,
-      },
-    }
-  };
-};
-
-export const getTheme = (theme: 'light' | 'dark'): Theme => {
-  return createTheme(theme === 'dark');
-};
-
-/**
- * Returns theme colors from bloom when available, with fallback to local colors.
- * Prefer this hook for new code — it reads from bloom's ThemeProvider.
- */
-export const useThemeColors = (theme: 'light' | 'dark'): ThemeColors => {
-  try {
-    const bloomTheme = useBloomThemeHook();
-    return bloomColorsToThemeColors(bloomTheme.colors);
-  } catch {
-    // Bloom provider not available, fall back to local colors
-    return getTheme(theme).colors;
-  }
-};
-
-// Common styles that can be reused across components
-export const createCommonStyles = (theme: 'light' | 'dark') => {
-  const themeObj = getTheme(theme);
-  const { colors } = themeObj;
-  
-  return StyleSheet.create({
-    container: {
-      backgroundColor: colors.background,
-    },
-    scrollContainer: {
-      padding: 10,
-    },
-    input: {
-      height: 48,
-      borderRadius: 35,
-      paddingHorizontal: 16,
-      borderWidth: 1,
-      fontSize: 16,
-      backgroundColor: colors.inputBackground,
-      borderColor: colors.border,
-      color: colors.text,
-    },
-    button: {
-      backgroundColor: colors.primary,
-      height: 48,
-      borderRadius: 35,
-      alignItems: 'center',
-      justifyContent: 'center',
-      marginTop: 24,
-    },
-    buttonText: {
-      fontSize: 16,
-      fontWeight: '600',
-      color: colors.background,
-    },
-    errorContainer: {
-      backgroundColor: `${colors.error}18`,
-      padding: 12,
-      borderRadius: 35,
-      marginBottom: 16,
-    },
-    errorText: {
-      fontSize: 14,
-      fontWeight: '500',
-      color: colors.error,
-    },
-  });
-};