apps-sdk 1.1.91 → 1.1.93

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "apps-sdk",
-  "version": "1.1.91",
+  "version": "1.1.93",
   "description": "Apps SDK",
   "main": "index.js",
   "author": "ASD",

package/src/components/AdaptyOnboarding.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { AdaptyOnboardingView } from 'react-native-adapty/dist/ui';
-import { View } from "react-native";
+import { AdaptyOnboardingView } from 'react-native-adapty';
+import { View, Platform } from "react-native";
 import Adapty from '../libraries/Adapty';
 import * as config from '../../config';
 
@@ -20,27 +20,22 @@ class AdaptyOnboarding extends React.Component {
     componentDidMount() {
         const { preloadedOnboarding, placementID, lang } = this.props;
 
-        // If preloaded onboarding is provided, use it immediately (no loading screen!)
         if (preloadedOnboarding) {
-            config.DEBUG_MODE && console.log('[ONBOARDING] Using preloaded onboarding data - skipping load');
+            config.DEBUG_MODE && console.log('[ONBOARDING] Using preloaded onboarding data');
             this.remoteConfig = preloadedOnboarding.remoteConfig || {};
 
             if (this.props.onRemoteConfigLoaded && this.remoteConfig) {
-                config.DEBUG_MODE && console.log('Remote config loaded from preload:', this.remoteConfig);
                 this.props.onRemoteConfigLoaded(this.remoteConfig);
             }
 
             this.setState({ onboarding: preloadedOnboarding, isLoading: false });
         } else {
-            // Fallback to loading if not preloaded
-            config.DEBUG_MODE && console.log('[ONBOARDING] No preloaded data, loading normally');
             this.loadOnboarding(placementID, lang);
         }
     }
 
     async componentDidUpdate(prevProps) {
         if (this.props.visible && !prevProps.visible) {
-            // Only reload if we don't already have onboarding data
             if (!this.state.onboarding) {
                 const { placementID, lang } = this.props;
                 await this.loadOnboarding(placementID, lang);
@@ -61,20 +56,17 @@ class AdaptyOnboarding extends React.Component {
                 this.remoteConfig = onboarding.remoteConfig || {};
 
                 if (this.props.onRemoteConfigLoaded && this.remoteConfig) {
-                    config.DEBUG_MODE && console.log('Remote config loaded:', this.remoteConfig);
                     this.props.onRemoteConfigLoaded(this.remoteConfig);
                 }
 
                 this.setState({ onboarding, isLoading: false });
             } else {
-                console.log('Onboarding not found for placement:', placementID, 'and language:', lang);
                 this.setState({ isLoading: false });
                 if (this.props.onError) {
                     this.props.onError(new Error('Onboarding not found'), this.remoteConfig);
                 }
             }
         } catch (error) {
-            console.log('Error loading onboarding:', error);
             this.setState({ isLoading: false });
             if (this.props.onError) {
                 this.props.onError(error, this.remoteConfig);
@@ -84,33 +76,22 @@ class AdaptyOnboarding extends React.Component {
 
     //  --------------------------------------- Event Handlers ---------------------------------------
     handleCustom = (actionId, meta) => {
-        config.DEBUG_MODE && console.log('Onboarding custom AdaptyOnboarding:', actionId, meta);
-
         if (this.props.onCustom) {
             this.props.onCustom(actionId, meta, this.remoteConfig);
         }
     }
 
     handleClose = (actionId, meta) => {
-        const isLastStep = this.totalSteps > 0 && this.currentStep === this.totalSteps - 1;
-
-        config.DEBUG_MODE && console.log('Onboarding close attempt AdaptyOnboarding:', {actionId, meta, currentStep: this.currentStep, totalSteps: this.totalSteps, isLastStep });
-
         if (this.props.onClose) {
             this.props.onClose(actionId, meta, this.remoteConfig);
         }
-
         return true;
     }
 
     handleModalDismiss = () => {
-        config.DEBUG_MODE && console.log('AdaptyOnboarding Modal fully dismissed');
-
-        // Reset state after modal is fully dismissed
         this.currentStep = 0;
         this.totalSteps = 0;
 
-        // Notify parent that modal is fully closed
         if (this.props.onModalDismissed) {
             this.props.onModalDismissed();
         }
@@ -120,8 +101,6 @@ class AdaptyOnboarding extends React.Component {
         if (meta && typeof meta === 'object') {
             this.currentStep = meta.screen_index ?? this.currentStep;
             this.totalSteps = meta.total_screens ?? this.totalSteps;
-
-            config.DEBUG_MODE && console.log('State updated AdaptyOnboarding:', {action, meta, currentStep: this.currentStep, totalSteps: this.totalSteps});
         }
 
         if (this.props.onStateUpdated) {
@@ -130,15 +109,10 @@ class AdaptyOnboarding extends React.Component {
     }
 
     handleError = (error) => {
-        console.log('Onboarding error:', error);
-
-        // Check if it's a WebResource ORB error (common on Android)
         const isORBError = error?.message?.includes('ERR_BLOCKED_BY_ORB');
 
         if (isORBError) {
-            config.DEBUG_MODE && console.log('WebResource ORB error detected - non-critical, continuing');
-            // Don't propagate ORB errors as they don't break functionality
-            return false; // Continue
+            return false;
         }
 
         if (this.props.onError) {
@@ -148,26 +122,32 @@ class AdaptyOnboarding extends React.Component {
     }
 
     handleAnalytics = (event, data) => {
-        config.DEBUG_MODE && console.log('Onboarding analytics AdaptyOnboarding:', event, data);
-
+        // Available events from Adapty:
+        // - onboarding_started (screenIndex: 0, totalScreens: 4)
+        // - screen_presented (screenIndex: 0-3, totalScreens: 4) - fires for each screen
+        // - screen_completed (screenIndex: 0-2) - fires when leaving a screen
+        // 
+        // To track these events: Access event.name and data.screenIndex in onAnalytics callback
+        // Example: if (event?.name === 'screen_presented') { track(data.screenIndex) }
+        
         if (this.props.onAnalytics) {
             this.props.onAnalytics(event, data, this.remoteConfig);
         }
     }
 
     handlePaywall = (actionId, meta) => {
-        config.DEBUG_MODE && console.log('Onboarding paywall AdaptyOnboarding:', actionId, meta);
-
         if (this.props.onPaywall) {
             this.props.onPaywall(actionId, meta, this.remoteConfig);
         }
     }
 
     handleFinishedLoading = (meta) => {
-        config.DEBUG_MODE && console.log('Onboarding finished loading AdaptyOnboarding:', meta);
+        // Prop: loaderMaskDelay - Delay before showing onboarding content (default: 300ms)
+        const delay = this.props.loaderMaskDelay ?? 300;
         
-        // Mark WebView as ready to show content
-        this.setState({ webViewReady: true });
+        setTimeout(() => {
+            this.setState({ webViewReady: true });
+        }, delay);
 
         if (this.props.onFinishedLoading) {
             this.props.onFinishedLoading(meta, this.remoteConfig);
@@ -183,38 +163,51 @@ class AdaptyOnboarding extends React.Component {
             return null;
         }
 
-        const content = (
+        // Prop: loaderMaskColor - Background color for the loader mask (default: '#121212')
+        const maskColor = this.props.loaderMaskColor || '#121212';
+
+        return (
             <View style={styles.container}>
+                {/* Loader mask: Hides WebView white loader without blocking touch events */}
+                {!webViewReady && onboarding && (
+                    <View style={[styles.loaderMask, { backgroundColor: maskColor }]} />
+                )}
+                
                 {!isLoading && onboarding ? (
-                    <View style={[styles.onboardingWrapper, { opacity: webViewReady ? 1 : 0 }]}>
+                    <View style={styles.onboardingWrapper}>
                         <AdaptyOnboardingView
                             onboarding={onboarding}
                             style={styles.onboardingView}
-                            eventHandlers={{
-                                onAnalytics: this.handleAnalytics,
-                                onClose: this.handleClose,
-                                onCustom: this.handleCustom,
-                                onPaywall: this.handlePaywall,
-                                onStateUpdated: this.handleStateUpdated,
-                                onFinishedLoading: this.handleFinishedLoading,
-                                onError: this.handleError,
-                            }}
+                            onAnalytics={this.handleAnalytics}
+                            onClose={this.handleClose}
+                            onCustom={this.handleCustom}
+                            onPaywall={this.handlePaywall}
+                            onStateUpdated={this.handleStateUpdated}
+                            onFinishedLoading={this.handleFinishedLoading}
+                            onError={this.handleError}
                         />
                     </View>
                 ) : null}
             </View>
         );
-
-        return content;
     }
 }
 
 const styles = {
     container: {
-        backgroundColor: '#000',
+        backgroundColor: '#121212',
+        flex: 1,
         width: '100%',
         height: '100%',
     },
+    loaderMask: {
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        zIndex: 10,
+    },
     onboardingWrapper: {
         flex: 1,
         width: '100%',

package/src/libraries/Networking.js

@@ -156,13 +156,18 @@ class Networking {
         console.log('checkSubscription', subStatus);
         if (subStatus && subStatus.success === 1) {
             const currentSubscriptionStatus = await storage.getData('isSubscribed');
-            await Session.setIsSubscribed(subStatus.data.subscription_active);
-            if (currentSubscriptionStatus === false && !subStatus.data.subscription_active === true) {
-                await MixPanel.superProperties({
-                    "subscription_status": "free",
-                    "plan_type": "free",
-                });
-            }
+            const isActive = subStatus.data.subscription_active;
+            
+            await Session.setIsSubscribed(isActive);
+            const productId = subStatus.data.product_id || 0;
+            const planType = (isActive && productId) ? String(productId) : "free";
+            
+            await MixPanel.superProperties({
+                "subscription_status": isActive ? "premium" : "free",
+                "plan_type": planType,
+                "app_version": Session.getAppVersion()
+            });
+            
             await Session.setSubscriptionData(subStatus.data);
             return true;
         }

package/types/index.d.ts

@@ -229,6 +229,8 @@ declare module 'apps-sdk' {
         placementID: string;
         lang: string;
         preloadedOnboarding?: any;
+        loaderMaskColor?: string;  // Color of the mask that hides WebView loader (default: '#121212')
+        loaderMaskDelay?: number;  // Delay in ms before showing content (default: 300ms)
         onAnalytics?: (event: any, meta: any, remoteConfig?: any) => void;
         onClose?: (actionId: string, meta: any, remoteConfig?: any) => Promise<boolean> | boolean;
         onCustom?: (actionId: string, meta: any, remoteConfig?: any) => void;