@onairos/react-native 3.0.2 → 3.0.5

package/src/api/index.ts

@@ -1,4 +1,4 @@
-import axios, { AxiosInstance, AxiosRequestConfig } from 'axios';
+import axios, { AxiosInstance, AxiosRequestConfig, AxiosResponse } from 'axios';
 import { Platform } from 'react-native';
 import { API_ENDPOINTS } from '../constants';
 
@@ -8,8 +8,8 @@ const isDevelopmentMode = () => {
 };
 
 // Create mock response helper
-const createMockResponse = (data: any) => {
-  return Promise.resolve({ data });
+const createMockResponse = <T>(data: T): Promise<AxiosResponse<T>> => {
+  return Promise.resolve({ data, status: 200, statusText: 'OK', headers: {}, config: {} as any });
 };
 
 // Create API instance
@@ -37,31 +37,31 @@ apiInstance.interceptors.response.use(
 // API service with Expo compatibility
 export const onairosApi = {
   // Core API methods with fallbacks
-  async get(url: string) {
+  async get<T = any>(url: string): Promise<AxiosResponse<T>> {
     try {
       if (Platform.OS === 'web' && isDevelopmentMode()) {
-        return createMockResponse({ success: true, data: { mockData: true } });
+        return createMockResponse<T>({ success: true, data: { mockData: true } } as unknown as T);
       }
-      return await apiInstance.get(url);
+      return await apiInstance.get<T>(url);
     } catch (error) {
       console.error(`GET ${url} error:`, error);
       if (isDevelopmentMode()) {
-        return createMockResponse({ success: true, data: { mockData: true } });
+        return createMockResponse<T>({ success: true, data: { mockData: true } } as unknown as T);
       }
       throw error;
     }
   },
 
-  async post(url: string, data: any) {
+  async post<T = any>(url: string, data: any): Promise<AxiosResponse<T>> {
     try {
       if (Platform.OS === 'web' && isDevelopmentMode()) {
-        return createMockResponse({ success: true, data: { mockData: true } });
+        return createMockResponse<T>({ success: true, data: { mockData: true } } as unknown as T);
       }
-      return await apiInstance.post(url, data);
+      return await apiInstance.post<T>(url, data);
     } catch (error) {
       console.error(`POST ${url} error:`, error);
       if (isDevelopmentMode()) {
-        return createMockResponse({ success: true, data: { mockData: true } });
+        return createMockResponse<T>({ success: true, data: { mockData: true } } as unknown as T);
       }
       throw error;
     }

package/src/components/OnairosButton.tsx

@@ -146,8 +146,9 @@ export const OnairosButton: React.FC<OnairosButtonProps> = ({
     !enabled && styles.disabledText
   ].filter(Boolean) as TextStyle[];
 
+  // Render components
   return (
-    <View>
+    <>
       <TouchableOpacity
         style={buttonStyle}
         onPress={handlePress}
@@ -167,6 +168,7 @@ export const OnairosButton: React.FC<OnairosButtonProps> = ({
         )}
       </TouchableOpacity>
 
+      {/* Overlay and Onboarding components rendered outside the button */}
       {showOnboarding && (
         <UniversalOnboarding
           visible={showOnboarding}
@@ -178,7 +180,6 @@ export const OnairosButton: React.FC<OnairosButtonProps> = ({
           requestData={requestData}
           returnLink={returnLink}
           onComplete={handleOnboardingComplete}
-          preferredPlatform={preferredPlatform}
           debug={debug}
           test={testMode}
         />
@@ -190,9 +191,10 @@ export const OnairosButton: React.FC<OnairosButtonProps> = ({
           username={storedCredentials.username}
           modelKey={storedCredentials.userPin || ''}
           onResolved={handleOverlayResolved}
+          appName={AppName}
         />
       )}
-    </View>
+    </>
   );
 };