npm - @oxyhq/services - Versions diffs - 6.9.41 → 6.9.43 - Mend

@oxyhq/services 6.9.41 → 6.9.43

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (205) hide show

package/src/ui/screens/AccountVerificationScreen.tsx CHANGED Viewed

@@ -75,7 +75,7 @@ const AccountVerificationScreen: React.FC<BaseScreenProps> = ({
     }, [reason, evidence, oxyServices, t, goBack]);
     return (
-        <View style={styles.container} className="bg-background">
+        <View style={[styles.container, { backgroundColor: bloomTheme.colors.background }]}>
             <Header
                 title={t('accountVerification.title') || 'Account Verification'}

package/src/ui/screens/EditProfileFieldScreen.tsx CHANGED Viewed

@@ -534,8 +534,7 @@ const EditProfileFieldScreen: React.FC<EditProfileFieldScreenProps> = ({
     return (
         <KeyboardAvoidingView
-            style={styles.container}
-            className="bg-background"
+            style={[styles.container, { backgroundColor: bloomTheme.colors.background }]}
             behavior={Platform.OS === 'ios' ? 'padding' : undefined}
         >
             <Header

package/src/ui/screens/FAQScreen.tsx CHANGED Viewed

@@ -96,7 +96,7 @@ const FAQScreen: React.FC<BaseScreenProps> = ({
     const styles = useMemo(() => createStyles(), []);
     return (
-        <View style={styles.container} className="bg-background">
+        <View style={[styles.container, { backgroundColor: bloomTheme.colors.background }]}>
             <Header
                 title={t('faq.title') || 'FAQ'}
                 onBack={goBack || onClose}

package/src/ui/screens/FeedbackScreen.tsx CHANGED Viewed

@@ -489,8 +489,7 @@ const FeedbackScreen: React.FC<BaseScreenProps> = ({
     return (
         <KeyboardAvoidingView
-            style={styles.container}
-            className="bg-background"
+            style={[styles.container, { backgroundColor: colors.background }]}
             behavior={Platform.OS === 'ios' ? 'padding' : 'height'}
         >
             <StatusBar

package/src/ui/screens/HelpSupportScreen.tsx CHANGED Viewed

@@ -50,7 +50,7 @@ const HelpSupportScreen: React.FC<BaseScreenProps> = ({
     }, [t]);
     return (
-        <View style={styles.container} className="bg-background">
+        <View style={[styles.container, { backgroundColor: bloomTheme.colors.background }]}>
             <Header
                 title={t('help.title') || 'Help & Support'}

package/src/ui/screens/HistoryViewScreen.tsx CHANGED Viewed

@@ -184,7 +184,7 @@ const HistoryViewScreen: React.FC<BaseScreenProps> = ({
     };
     return (
-        <View style={styles.container} className="bg-background">
+        <View style={[styles.container, { backgroundColor: bloomTheme.colors.background }]}>
             <Header
                 title={t('history.title') || 'History'}
                 onBack={goBack || onClose}

package/src/ui/screens/LanguageSelectorScreen.tsx CHANGED Viewed

@@ -117,7 +117,7 @@ const LanguageSelectorScreen: React.FC<LanguageSelectorScreenProps> = ({
     return (
-        <View style={styles.container} className="bg-background">
+        <View style={[styles.container, { backgroundColor: bloomTheme.colors.background }]}>
             <Header
                 title=""
                 subtitle=""

package/src/ui/screens/LearnMoreUsernamesScreen.tsx CHANGED Viewed

@@ -74,7 +74,7 @@ const LearnMoreUsernamesScreen: React.FC<BaseScreenProps> = ({
     const styles = useMemo(() => createStyles(), []);
     return (
-        <View style={styles.container} className="bg-background">
+        <View style={[styles.container, { backgroundColor: bloomTheme.colors.background }]}>
             <ScrollView
                 style={styles.content}
                 showsVerticalScrollIndicator={false}

package/src/ui/screens/LegalDocumentsScreen.tsx CHANGED Viewed

@@ -95,7 +95,7 @@ const LegalDocumentsScreen: React.FC<BaseScreenProps> = ({
     // If a specific document type is requested, show loading state while opening
     if (documentType) {
         return (
-            <View style={styles.container} className="bg-background">
+            <View style={[styles.container, { backgroundColor: bloomTheme.colors.background }]}>
                 <Header
                     title={getPolicyTitle(documentType)}
                     onBack={goBack || onClose}
@@ -112,7 +112,7 @@ const LegalDocumentsScreen: React.FC<BaseScreenProps> = ({
     // Default: show both options
     return (
-        <View style={styles.container} className="bg-background">
+        <View style={[styles.container, { backgroundColor: bloomTheme.colors.background }]}>
             <Header
                 title={t('legal.title') || 'Legal Documents'}
                 onBack={goBack || onClose}

package/src/ui/screens/OxyAuthScreen.tsx CHANGED Viewed

@@ -63,7 +63,7 @@ const resolveAuthWebBaseUrl = (baseURL: string, authWebUrl?: string): string =>
   try {
     const url = new URL(baseURL);
     if (url.port === '3001') {
-      url.port = '3000';
+      url.port = '3002';
       return url.origin;
     }
     if (url.hostname.startsWith('api.')) {
@@ -119,7 +119,7 @@ const OxyAuthScreen: React.FC<BaseScreenProps> = ({
   theme,
 }) => {
   const bloomTheme = useTheme();
-  const { oxyServices, signIn, switchSession } = useOxy();
+  const { oxyServices, signIn, switchSession, storageKeyPrefix } = useOxy();
   const [authSession, setAuthSession] = useState<AuthSession | null>(null);
   const [isLoading, setIsLoading] = useState(true);
@@ -273,7 +273,7 @@ const OxyAuthScreen: React.FC<BaseScreenProps> = ({
       await oxyServices.makeRequest('POST', '/auth/session/create', {
         sessionToken,
         expiresAt,
-        appId: Platform.OS, // Identifier for requesting app
+        appId: storageKeyPrefix ? storageKeyPrefix.charAt(0).toUpperCase() + storageKeyPrefix.slice(1) : Platform.OS,
       }, { cache: false });
       setAuthSession({ sessionToken, expiresAt });
@@ -400,7 +400,7 @@ const OxyAuthScreen: React.FC<BaseScreenProps> = ({
   if (isLoading) {
     return (
-      <View style={styles.container} className="bg-background">
+      <View style={[styles.container, { backgroundColor: bloomTheme.colors.background }]}>
         <Loading size="large" />
         <Text style={styles.loadingText} className="text-muted-foreground">
           Preparing sign in...
@@ -411,7 +411,7 @@ const OxyAuthScreen: React.FC<BaseScreenProps> = ({
   if (error) {
     return (
-      <View style={styles.container} className="bg-background">
+      <View style={[styles.container, { backgroundColor: bloomTheme.colors.background }]}>
         <Text style={styles.errorText} className="text-destructive">{error}</Text>
         <Button variant="primary" onPress={handleRefresh} style={{ width: '100%', borderRadius: 12 }}>
           Try Again
@@ -421,7 +421,7 @@ const OxyAuthScreen: React.FC<BaseScreenProps> = ({
   }
   return (
-    <View style={styles.container} className="bg-background">
+    <View style={[styles.container, { backgroundColor: bloomTheme.colors.background }]}>
       {/* Header */}
       <View style={styles.header}>
         <OxyLogo variant="icon" size={48} />

package/src/ui/screens/PaymentGatewayScreen.tsx CHANGED Viewed

@@ -280,7 +280,7 @@ const PaymentGatewayScreen: React.FC<PaymentGatewayScreenProps> = (props) => {
     };
     return (
-        <View style={styles.container} className="bg-background">
+        <View style={[styles.container, { backgroundColor: colors.background }]}>
             <ScrollView style={styles.content} showsVerticalScrollIndicator={false}>
                 {renderCurrentStep()}
             </ScrollView>

package/src/ui/screens/PrivacySettingsScreen.tsx CHANGED Viewed

@@ -264,7 +264,7 @@ const PrivacySettingsScreen: React.FC<BaseScreenProps> = ({
     if (isLoading) {
         return (
-            <View style={styles.container} className="bg-background">
+            <View style={[styles.container, { backgroundColor: bloomTheme.colors.background }]}>
                 <Header
                     title={t('privacySettings.title') || 'Privacy Settings'}
                     onBack={goBack || onClose}
@@ -277,7 +277,7 @@ const PrivacySettingsScreen: React.FC<BaseScreenProps> = ({
     }
     return (
-        <View style={styles.container} className="bg-background">
+        <View style={[styles.container, { backgroundColor: bloomTheme.colors.background }]}>
             <Header
                 title={t('privacySettings.title') || 'Privacy Settings'}
                 onBack={goBack || onClose}

package/src/ui/screens/ProfileScreen.tsx CHANGED Viewed

@@ -176,7 +176,7 @@ const ProfileScreen: React.FC<ProfileScreenProps> = ({ userId, username, theme,
     if (isLoading) {
         return (
-            <View style={[styles.container, { justifyContent: 'center' }]} className="bg-background">
+            <View style={[styles.container, { justifyContent: 'center', backgroundColor: bloomTheme.colors.background }]}>
                 <ActivityIndicator size="large" color={bloomTheme.colors.primary} />
             </View>
         );
@@ -184,7 +184,7 @@ const ProfileScreen: React.FC<ProfileScreenProps> = ({ userId, username, theme,
     if (error) {
         return (
-            <View style={styles.container} className="bg-background">
+            <View style={[styles.container, { backgroundColor: bloomTheme.colors.background }]}>
                 <View style={styles.errorHeader}>
                     {goBack && (
                         <TouchableOpacity onPress={goBack} style={styles.backButton}>
@@ -205,7 +205,7 @@ const ProfileScreen: React.FC<ProfileScreenProps> = ({ userId, username, theme,
     }
     return (
-        <View style={styles.container} className="bg-background">
+        <View style={[styles.container, { backgroundColor: bloomTheme.colors.background }]}>
             <ScrollView style={{ flex: 1 }} contentContainerStyle={styles.scrollContainer}>
                 {/* Banner Image */}
                 <View style={styles.bannerContainer} className="bg-primary/20">

package/src/ui/screens/SavesCollectionsScreen.tsx CHANGED Viewed

@@ -93,7 +93,7 @@ const SavesCollectionsScreen: React.FC<BaseScreenProps> = ({
     };
     return (
-        <View style={styles.container} className="bg-background">
+        <View style={[styles.container, { backgroundColor: bloomTheme.colors.background }]}>
             <Header
                 title={t('saves.title') || 'Saves & Collections'}
                 onBack={goBack || onClose}

package/src/ui/screens/SearchSettingsScreen.tsx CHANGED Viewed

@@ -78,7 +78,7 @@ const SearchSettingsScreen: React.FC<BaseScreenProps> = ({
     if (isLoading) {
         return (
-            <View style={styles.container} className="bg-background">
+            <View style={[styles.container, { backgroundColor: bloomTheme.colors.background }]}>
                 <Header
                     title={t('searchSettings.title') || 'Search Settings'}
                     onBack={goBack || onClose}
@@ -91,7 +91,7 @@ const SearchSettingsScreen: React.FC<BaseScreenProps> = ({
     }
     return (
-        <View style={styles.container} className="bg-background">
+        <View style={[styles.container, { backgroundColor: bloomTheme.colors.background }]}>
             <Header
                 title={t('searchSettings.title') || 'Search Settings'}

package/src/ui/screens/SessionManagementScreen.tsx CHANGED Viewed

@@ -291,7 +291,7 @@ const SessionManagementScreen: React.FC<BaseScreenProps> = ({
     if (loading) {
         return (
-            <View style={[styles.container, styles.centerContent]} className="bg-background">
+            <View style={[styles.container, styles.centerContent, { backgroundColor: bloomTheme.colors.background }]}>
                 <ActivityIndicator size="large" color={primaryColor} />
                 <Text style={styles.loadingText} className="text-foreground">{t('sessionManagement.loading')}</Text>
             </View>
@@ -299,7 +299,7 @@ const SessionManagementScreen: React.FC<BaseScreenProps> = ({
     }
     return (
-        <View style={styles.container} className="bg-background">
+        <View style={[styles.container, { backgroundColor: bloomTheme.colors.background }]}>
             <Header
                 title={t('sessionManagement.title')}
                 subtitle={t('sessionManagement.subtitle')}

package/src/ui/screens/UserLinksScreen.tsx CHANGED Viewed

@@ -50,7 +50,7 @@ const UserLinksScreen: React.FC<UserLinksScreenProps> = ({
     }));
     return (
-        <View style={styles.container} className="bg-background">
+        <View style={[styles.container, { backgroundColor: bloomTheme.colors.background }]}>
             <Header
                 title={t('userLinks.title')}
                 subtitle={links.length !== 1 ? t('userLinks.linkCount_plural', { count: links.length }) : t('userLinks.linkCount', { count: links.length })}

package/src/ui/screens/UserListScreen.tsx CHANGED Viewed

@@ -208,7 +208,7 @@ const UserListScreen: React.FC<UserListScreenProps> = ({
   if (isLoading && users.length === 0) {
     return (
-      <View style={styles.container} className="bg-background">
+      <View style={[styles.container, { backgroundColor: bloomTheme.colors.background }]}>
         <View style={styles.header} className="border-border">
           {goBack && (
             <TouchableOpacity onPress={goBack} style={styles.backButton}>
@@ -227,7 +227,7 @@ const UserListScreen: React.FC<UserListScreenProps> = ({
   if (error) {
     return (
-      <View style={styles.container} className="bg-background">
+      <View style={[styles.container, { backgroundColor: bloomTheme.colors.background }]}>
         <View style={styles.header} className="border-border">
           {goBack && (
             <TouchableOpacity onPress={goBack} style={styles.backButton}>
@@ -249,7 +249,7 @@ const UserListScreen: React.FC<UserListScreenProps> = ({
   }
   return (
-    <View style={styles.container} className="bg-background">
+    <View style={[styles.container, { backgroundColor: bloomTheme.colors.background }]}>
       <View style={styles.header} className="border-border">
         {goBack && (
           <TouchableOpacity onPress={goBack} style={styles.backButton}>

package/src/ui/screens/karma/KarmaAboutScreen.tsx CHANGED Viewed

@@ -13,7 +13,7 @@ const KarmaAboutScreen: React.FC<BaseScreenProps> = ({ goBack, theme }) => {
     const primaryColor = '#d169e5';
     return (
-        <View style={styles.container} className="bg-background">
+        <View style={[styles.container, { backgroundColor: bloomTheme.colors.background }]}>
             <Header
                 title={t('karma.about.title') || 'About Karma'}
                 subtitle={t('karma.about.subtitle') || 'Learn about the karma system'}

package/src/ui/screens/karma/KarmaCenterScreen.tsx CHANGED Viewed

@@ -70,7 +70,7 @@ const KarmaCenterScreen: React.FC<BaseScreenProps> = ({
     if (!isAuthenticated) {
         return (
-            <View style={styles.container} className="bg-background">
+            <View style={[styles.container, { backgroundColor: bloomTheme.colors.background }]}>
                 <Text style={[styles.message, { color: bloomTheme.colors.text }]}>{t('common.status.notSignedIn') || 'Not signed in'}</Text>
             </View>
         );
@@ -78,14 +78,14 @@ const KarmaCenterScreen: React.FC<BaseScreenProps> = ({
     if (isLoading) {
         return (
-            <View style={[styles.container, { justifyContent: 'center' }]} className="bg-background">
+            <View style={[styles.container, { justifyContent: 'center', backgroundColor: bloomTheme.colors.background }]}>
                 <ActivityIndicator size="large" color={primaryColor} />
             </View>
         );
     }
     return (
-        <View style={styles.container} className="bg-background">
+        <View style={[styles.container, { backgroundColor: bloomTheme.colors.background }]}>
             <ScrollView style={styles.scrollView} contentContainerStyle={styles.scrollContainer}>
                 <View style={styles.walletHeader}>
                     <Text style={[styles.karmaAmount, { color: primaryColor }]}>{karmaTotal ?? 0}</Text>

package/src/ui/screens/karma/KarmaFAQScreen.tsx CHANGED Viewed

@@ -54,7 +54,7 @@ const KarmaFAQScreen: React.FC<BaseScreenProps> = ({ goBack, theme }) => {
     }, []);
     return (
-        <View style={styles.container} className="bg-background">
+        <View style={[styles.container, { backgroundColor: bloomTheme.colors.background }]}>
             <Header
                 title={t('karma.faq.title') || 'Karma FAQ'}
                 subtitle={t('karma.faq.subtitle') || 'Frequently asked questions about karma'}

package/src/ui/screens/karma/KarmaLeaderboardScreen.tsx CHANGED Viewed

@@ -30,7 +30,7 @@ const KarmaLeaderboardScreen: React.FC<BaseScreenProps> = ({ goBack, theme, navi
     }, [oxyServices]);
     return (
-        <View style={styles.container} className="bg-background">
+        <View style={[styles.container, { backgroundColor: bloomTheme.colors.background }]}>
             <Header
                 title={t('karma.leaderboard.title') || 'Karma Leaderboard'}
                 subtitle={t('karma.leaderboard.subtitle') || 'Top contributors in the community'}

package/src/ui/screens/karma/KarmaRewardsScreen.tsx CHANGED Viewed

@@ -332,7 +332,7 @@ const KarmaRewardsScreen: React.FC<BaseScreenProps> = ({ goBack, theme }) => {
     if (!isAuthenticated) {
         return (
-            <View style={styles.container} className="bg-background">
+            <View style={[styles.container, { backgroundColor: bloomTheme.colors.background }]}>
                 <Header
                     title={t('karma.rewards.title') || 'Karma Rewards'}
                     subtitle={t('karma.rewards.subtitle') || 'Unlock special features and recognition'}
@@ -349,7 +349,7 @@ const KarmaRewardsScreen: React.FC<BaseScreenProps> = ({ goBack, theme }) => {
     }
     return (
-        <View style={styles.container} className="bg-background">
+        <View style={[styles.container, { backgroundColor: bloomTheme.colors.background }]}>
             <Header
                 title={t('karma.rewards.title') || 'Karma Rewards'}
                 subtitle={t('karma.rewards.subtitle') || 'Unlock special features and recognition'}

package/src/ui/screens/karma/KarmaRulesScreen.tsx CHANGED Viewed

@@ -29,7 +29,7 @@ const KarmaRulesScreen: React.FC<BaseScreenProps> = ({ goBack, theme }) => {
     }, [oxyServices]);
     return (
-        <View style={styles.container} className="bg-background">
+        <View style={[styles.container, { backgroundColor: bloomTheme.colors.background }]}>
             <Header
                 title={t('karma.rules.title') || 'Karma Rules'}
                 subtitle={t('karma.rules.subtitle') || 'How to earn karma points'}

package/src/ui/types/navigation.ts CHANGED Viewed

@@ -1,5 +1,6 @@
 import type { ReactNode, RefObject } from 'react';
 import type { QueryClient } from '@tanstack/react-query';
+import type { ThemeMode, AppColorName } from '@oxyhq/bloom';
 import type { RouteName } from '../navigation/routes';
 import type { User } from '@oxyhq/core';
 import type { ClientSession } from '@oxyhq/core';
@@ -56,6 +57,8 @@ export interface OxyProviderProps {
     authWebUrl?: string;
     authRedirectUri?: string;
     queryClient?: QueryClient;
+    themeMode?: ThemeMode;
+    colorPreset?: AppColorName;
 }