@oxyhq/services 6.9.13 → 6.9.15

package/src/ui/constants/spacing.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Reusable spacing constants for screens across the codebase
+ * These values ensure consistent padding and gaps across all screens
+ */
+export declare const SCREEN_PADDING_HORIZONTAL = 16;
+export declare const SCREEN_PADDING_VERTICAL = 16;
+export declare const SCREEN_PADDING_TOP = 24;
+export declare const SECTION_GAP = 24;
+export declare const SECTION_GAP_LARGE = 32;
+export declare const COMPONENT_GAP = 12;
+export declare const COMPONENT_GAP_SMALL = 8;
+export declare const HEADER_PADDING_TOP_OVERVIEW = 38;
+export declare const HEADER_PADDING_TOP_SETTINGS = 40;
+/**
+ * Reusable screen content style for all bottom sheet screens
+ * Use this for ScrollView contentContainerStyle to ensure consistent padding
+ */
+export declare const screenContentStyle: {
+    paddingHorizontal: number;
+    paddingVertical: number;
+    paddingTop: number;
+    paddingBottom: number;
+};
+/**
+ * Reusable screen content style for screens that need custom top padding
+ */
+export declare const createScreenContentStyle: (topPadding?: number) => {
+    paddingHorizontal: number;
+    paddingVertical: number;
+    paddingTop: number;
+    paddingBottom: number;
+};

package/src/ui/constants/spacing.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createScreenContentStyle = exports.screenContentStyle = exports.HEADER_PADDING_TOP_SETTINGS = exports.HEADER_PADDING_TOP_OVERVIEW = exports.COMPONENT_GAP_SMALL = exports.COMPONENT_GAP = exports.SECTION_GAP_LARGE = exports.SECTION_GAP = exports.SCREEN_PADDING_TOP = exports.SCREEN_PADDING_VERTICAL = exports.SCREEN_PADDING_HORIZONTAL = void 0;
+/**
+ * Reusable spacing constants for screens across the codebase
+ * These values ensure consistent padding and gaps across all screens
+ */
+// Screen padding - used for all bottom sheet screens
+exports.SCREEN_PADDING_HORIZONTAL = 16;
+exports.SCREEN_PADDING_VERTICAL = 16;
+exports.SCREEN_PADDING_TOP = 24; // Top padding for screen content (accounts for handle)
+// Section gaps
+exports.SECTION_GAP = 24;
+exports.SECTION_GAP_LARGE = 32;
+// Component gaps
+exports.COMPONENT_GAP = 12;
+exports.COMPONENT_GAP_SMALL = 8;
+// Header padding
+exports.HEADER_PADDING_TOP_OVERVIEW = 38;
+exports.HEADER_PADDING_TOP_SETTINGS = 40;
+/**
+ * Reusable screen content style for all bottom sheet screens
+ * Use this for ScrollView contentContainerStyle to ensure consistent padding
+ */
+exports.screenContentStyle = {
+    paddingHorizontal: exports.SCREEN_PADDING_HORIZONTAL,
+    paddingVertical: exports.SCREEN_PADDING_VERTICAL,
+    paddingTop: exports.SCREEN_PADDING_TOP,
+    paddingBottom: exports.SCREEN_PADDING_VERTICAL,
+};
+/**
+ * Reusable screen content style for screens that need custom top padding
+ */
+const createScreenContentStyle = (topPadding) => ({
+    paddingHorizontal: exports.SCREEN_PADDING_HORIZONTAL,
+    paddingVertical: exports.SCREEN_PADDING_VERTICAL,
+    paddingTop: topPadding ?? exports.SCREEN_PADDING_TOP,
+    paddingBottom: exports.SCREEN_PADDING_VERTICAL,
+});
+exports.createScreenContentStyle = createScreenContentStyle;

package/src/ui/constants/theme.d.ts

@@ -0,0 +1,96 @@
+/**
+ * Below are the colors that are used in the app. The colors are defined in the light and dark mode.
+ * There are many other ways to style your app. For example, [Nativewind](https://www.nativewind.dev/), [Tamagui](https://tamagui.dev/), [unistyles](https://reactnativeunistyles.vercel.app), etc.
+ */
+export declare const Colors: {
+    light: {
+        text: string;
+        background: string;
+        inputBackground: string;
+        tint: string;
+        icon: string;
+        tabIconDefault: string;
+        tabIconSelected: string;
+        card: string;
+        border: string;
+        secondaryText: string;
+        avatarBackground: string;
+        avatarText: string;
+        sidebarBackground: string;
+        sidebarItemActiveBackground: string;
+        sidebarItemActiveText: string;
+        sidebarIconHome: string;
+        sidebarIconPersonalInfo: string;
+        sidebarIconSecurity: string;
+        sidebarIconPassword: string;
+        sidebarIconDevices: string;
+        sidebarIconData: string;
+        sidebarIconSharing: string;
+        sidebarIconFamily: string;
+        sidebarIconPayments: string;
+        sidebarIconStorage: string;
+        iconHome: string;
+        iconPrimary: string;
+        iconPersonalInfo: string;
+        iconSuccess: string;
+        iconSecurity: string;
+        iconData: string;
+        iconPurple: string;
+        iconSharing: string;
+        iconRed: string;
+        iconPayments: string;
+        iconGold: string;
+        iconStorage: string;
+        iconOrange: string;
+    };
+    dark: {
+        text: string;
+        background: string;
+        inputBackground: string;
+        tint: string;
+        icon: string;
+        tabIconDefault: string;
+        tabIconSelected: string;
+        card: string;
+        border: string;
+        secondaryText: string;
+        avatarBackground: string;
+        avatarText: string;
+        sidebarBackground: string;
+        sidebarItemActiveBackground: string;
+        sidebarItemActiveText: string;
+        sidebarIconHome: string;
+        sidebarIconPersonalInfo: string;
+        sidebarIconSecurity: string;
+        sidebarIconPassword: string;
+        sidebarIconDevices: string;
+        sidebarIconData: string;
+        sidebarIconSharing: string;
+        sidebarIconFamily: string;
+        sidebarIconPayments: string;
+        sidebarIconStorage: string;
+        iconHome: string;
+        iconPrimary: string;
+        iconPersonalInfo: string;
+        iconSuccess: string;
+        iconSecurity: string;
+        iconData: string;
+        iconPurple: string;
+        iconSharing: string;
+        iconRed: string;
+        iconPayments: string;
+        iconGold: string;
+        iconStorage: string;
+        iconOrange: string;
+    };
+};
+export declare const Fonts: {
+    /** iOS `UIFontDescriptorSystemDesignDefault` */
+    sans: string;
+    /** iOS `UIFontDescriptorSystemDesignSerif` */
+    serif: string;
+    /** iOS `UIFontDescriptorSystemDesignRounded` */
+    rounded: string;
+    /** iOS `UIFontDescriptorSystemDesignMonospaced` */
+    mono: string;
+};

package/src/ui/constants/theme.js

@@ -0,0 +1,118 @@
+"use strict";
+/**
+ * Below are the colors that are used in the app. The colors are defined in the light and dark mode.
+ * There are many other ways to style your app. For example, [Nativewind](https://www.nativewind.dev/), [Tamagui](https://tamagui.dev/), [unistyles](https://reactnativeunistyles.vercel.app), etc.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Fonts = exports.Colors = void 0;
+const react_native_1 = require("react-native");
+const tintColorLight = '#0a7ea4';
+const tintColorDark = '#fff';
+exports.Colors = {
+    light: {
+        text: '#11181C',
+        background: '#fff',
+        inputBackground: '#F5F5F5',
+        tint: tintColorLight,
+        icon: '#687076',
+        tabIconDefault: '#687076',
+        tabIconSelected: tintColorLight,
+        card: '#F2F2F7',
+        border: '#E5E5EA',
+        secondaryText: '#8E8E93',
+        avatarBackground: '#0a7ea4',
+        avatarText: '#FFFFFF',
+        sidebarBackground: '#F8F9FA',
+        sidebarItemActiveBackground: '#E8F0FE',
+        sidebarItemActiveText: '#1A73E8',
+        sidebarIconHome: '#1A73E8',
+        sidebarIconPersonalInfo: '#34A853',
+        sidebarIconSecurity: '#4285F4',
+        sidebarIconPassword: '#4285F4',
+        sidebarIconDevices: '#4285F4',
+        sidebarIconData: '#9C27B0',
+        sidebarIconSharing: '#EA4335',
+        sidebarIconFamily: '#EA4335',
+        sidebarIconPayments: '#FBBC04',
+        sidebarIconStorage: '#FF9800',
+        // Semantic aliases for easier use
+        iconHome: '#1A73E8',
+        iconPrimary: '#1A73E8',
+        iconPersonalInfo: '#34A853',
+        iconSuccess: '#34A853',
+        iconSecurity: '#4285F4',
+        iconData: '#9C27B0',
+        iconPurple: '#9C27B0',
+        iconSharing: '#EA4335',
+        iconRed: '#EA4335',
+        iconPayments: '#FBBC04',
+        iconGold: '#FBBC04',
+        iconStorage: '#FF9800',
+        iconOrange: '#FF9800',
+    },
+    dark: {
+        text: '#ECEDEE',
+        background: '#000000',
+        inputBackground: '#333333',
+        tint: tintColorDark,
+        icon: '#9BA1A6',
+        tabIconDefault: '#9BA1A6',
+        tabIconSelected: tintColorDark,
+        card: '#1C1C1E',
+        border: '#2C2C2E',
+        secondaryText: '#8E8E93',
+        avatarBackground: '#0a7ea4',
+        avatarText: '#FFFFFF',
+        sidebarBackground: '#1C1C1E',
+        sidebarItemActiveBackground: '#2D2E30',
+        sidebarItemActiveText: '#8AB4F8',
+        sidebarIconHome: '#8AB4F8',
+        sidebarIconPersonalInfo: '#81C995',
+        sidebarIconSecurity: '#8AB4F8',
+        sidebarIconPassword: '#8AB4F8',
+        sidebarIconDevices: '#8AB4F8',
+        sidebarIconData: '#CE93D8',
+        sidebarIconSharing: '#F28B82',
+        sidebarIconFamily: '#F28B82',
+        sidebarIconPayments: '#FDD663',
+        sidebarIconStorage: '#FFB74D',
+        // Semantic aliases for easier use
+        iconHome: '#8AB4F8',
+        iconPrimary: '#8AB4F8',
+        iconPersonalInfo: '#81C995',
+        iconSuccess: '#81C995',
+        iconSecurity: '#8AB4F8',
+        iconData: '#CE93D8',
+        iconPurple: '#CE93D8',
+        iconSharing: '#F28B82',
+        iconRed: '#F28B82',
+        iconPayments: '#FDD663',
+        iconGold: '#FDD663',
+        iconStorage: '#FFB74D',
+        iconOrange: '#FFB74D',
+    },
+};
+exports.Fonts = react_native_1.Platform.select({
+    ios: {
+        /** iOS `UIFontDescriptorSystemDesignDefault` */
+        sans: 'system-ui',
+        /** iOS `UIFontDescriptorSystemDesignSerif` */
+        serif: 'ui-serif',
+        /** iOS `UIFontDescriptorSystemDesignRounded` */
+        rounded: 'ui-rounded',
+        /** iOS `UIFontDescriptorSystemDesignMonospaced` */
+        mono: 'ui-monospace',
+    },
+    default: {
+        sans: 'normal',
+        serif: 'serif',
+        rounded: 'normal',
+        mono: 'monospace',
+    },
+    web: {
+        sans: "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif",
+        serif: "Georgia, 'Times New Roman', serif",
+        rounded: "'SF Pro Rounded', 'Hiragino Maru Gothic ProN', Meiryo, 'MS PGothic', sans-serif",
+        mono: "SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace",
+    },
+});

package/src/ui/context/OxyContext.d.ts

@@ -0,0 +1,75 @@
+import type React from 'react';
+import { type ReactNode } from 'react';
+import { OxyServices } from '@oxyhq/core';
+import type { User, ApiError } from '@oxyhq/core';
+import type { ClientSession } from '@oxyhq/core';
+import type { UseFollowHook } from '../hooks/useFollow.types';
+import { useLanguageManagement } from '../hooks/useLanguageManagement';
+import type { RouteName } from '../navigation/routes';
+export interface OxyContextState {
+    user: User | null;
+    sessions: ClientSession[];
+    activeSessionId: string | null;
+    isAuthenticated: boolean;
+    isLoading: boolean;
+    isTokenReady: boolean;
+    isStorageReady: boolean;
+    error: string | null;
+    currentLanguage: string;
+    currentLanguageMetadata: ReturnType<typeof useLanguageManagement>['metadata'];
+    currentLanguageName: string;
+    currentNativeLanguageName: string;
+    hasIdentity: () => Promise<boolean>;
+    getPublicKey: () => Promise<string | null>;
+    signIn: (publicKey: string, deviceName?: string) => Promise<User>;
+    /**
+     * Handle session from popup authentication
+     * Updates auth state, persists session to storage
+     */
+    handlePopupSession: (session: {
+        sessionId: string;
+        accessToken?: string;
+        expiresAt?: string;
+        user: User;
+        deviceId?: string;
+    }) => Promise<void>;
+    logout: (targetSessionId?: string) => Promise<void>;
+    logoutAll: () => Promise<void>;
+    switchSession: (sessionId: string) => Promise<void>;
+    removeSession: (sessionId: string) => Promise<void>;
+    refreshSessions: () => Promise<void>;
+    setLanguage: (languageId: string) => Promise<void>;
+    getDeviceSessions: () => Promise<Array<{
+        sessionId: string;
+        deviceId: string;
+        deviceName?: string;
+        lastActive?: string;
+        expiresAt?: string;
+    }>>;
+    logoutAllDeviceSessions: () => Promise<void>;
+    updateDeviceName: (deviceName: string) => Promise<void>;
+    clearSessionState: () => Promise<void>;
+    clearAllAccountData: () => Promise<void>;
+    oxyServices: OxyServices;
+    useFollow?: UseFollowHook;
+    showBottomSheet?: (screenOrConfig: RouteName | {
+        screen: RouteName;
+        props?: Record<string, unknown>;
+    }) => void;
+    openAvatarPicker: () => void;
+}
+declare const OxyContext: React.Context<OxyContextState | null>;
+export interface OxyContextProviderProps {
+    children: ReactNode;
+    oxyServices?: OxyServices;
+    baseURL?: string;
+    authWebUrl?: string;
+    authRedirectUri?: string;
+    storageKeyPrefix?: string;
+    onAuthStateChange?: (user: User | null) => void;
+    onError?: (error: ApiError) => void;
+}
+export declare const OxyProvider: React.FC<OxyContextProviderProps>;
+export declare const OxyContextProvider: React.FC<OxyContextProviderProps>;
+export declare const useOxy: () => OxyContextState;
+export default OxyContext;