apps-sdk 1.1.55 → 1.1.57

package/index.js

@@ -1,5 +1,6 @@
 import {NotificationsPush, Networking, Storage, Session, Utils, PayWallLogic, Rating, AdJust, TrackingTransparency, Voice, MixPanel, Adapty, HomeActions, Facebook} from "./src/libraries";
 import PayWall from "./src/components/PayWall";
+import AdaptyOnboarding from "./src/components/AdaptyOnboarding";
 
 class AppsSDK {
     constructor() {
@@ -56,6 +57,7 @@ export default {
     mixpanel:                    MixPanel,
     tracking:                    TrackingTransparency,
     paywall:                     PayWall,
+    adaptyOnboarding:            AdaptyOnboarding,
     notifications:               NotificationsPush,
     voice:                       Voice,
     adapty:                      Adapty,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "apps-sdk",
-  "version": "1.1.55",
+  "version": "1.1.57",
   "description": "Apps SDK",
   "main": "index.js",
   "scripts": {

package/src/components/AdaptyOnboarding.js

@@ -0,0 +1,203 @@
+import React from 'react';
+import Adapty from '../libraries/Adapty';
+import * as config from '../../config';
+
+class AdaptyOnboarding extends React.Component {
+  constructor(props) {
+    super(props);
+    this.onboardingView = null;
+    this.isPresenting = false;
+    this.remoteConfig = null;
+    this.termsAccepted = false;
+    this.currentStep = 0;
+    this.totalSteps = 0;
+  }
+
+  async componentDidMount() {
+    if (this.props.visible) {
+      await this.presentOnboarding();
+    }
+  }
+
+  async componentDidUpdate(prevProps) {
+    if (this.props.visible && !prevProps.visible && !this.isPresenting) {
+      await this.presentOnboarding();
+    } else if (!this.props.visible && prevProps.visible) {
+      await this.dismissOnboarding();
+    }
+  }
+
+  componentWillUnmount() {
+    this.dismissOnboarding();
+  }
+
+  presentOnboarding = async () => {
+    const { 
+      placementID, 
+      lang, 
+      onCustom, 
+      onClose, 
+      onError,
+      onRemoteConfigLoaded,
+      ...handlers 
+    } = this.props;
+    
+    try {
+      this.isPresenting = true;
+      const onboarding = await Adapty.getOnboardingForPlacement(placementID, lang);
+      
+      if (onboarding) {
+        // Extraer y guardar remote config
+        this.remoteConfig = onboarding.remoteConfig || {};
+        
+        // Callback inicial con el config
+        if (onRemoteConfigLoaded && this.remoteConfig) {
+          config.DEBUG_MODE && console.log('Remote config loaded:', this.remoteConfig);
+          onRemoteConfigLoaded(this.remoteConfig);
+        }
+        
+        this.onboardingView = await Adapty.createOnboardingView(onboarding);
+        
+        this.onboardingView.registerEventHandlers({
+          onCustom: (actionId, meta) => {
+            config.DEBUG_MODE && console.log('Onboarding custom action:', actionId, meta);
+            
+            // Marcar términos aceptados solo cuando se dispara este action
+            if (actionId === 'accept_terms') {
+              this.termsAccepted = true;
+              config.DEBUG_MODE && console.log('Terms accepted - can close when reaching last step');
+            }
+            
+            // Pasar remoteConfig en el handler
+            if (onCustom) {
+              onCustom(actionId, meta, this.remoteConfig);
+            }
+          },
+          onClose: async (actionId, meta) => {
+            const isLastStep = this.totalSteps > 0 && this.currentStep === this.totalSteps - 1;
+            const canClose = this.termsAccepted && isLastStep;
+            
+            config.DEBUG_MODE && console.log('Onboarding close attempt:', {
+              actionId,
+              meta,
+              termsAccepted: this.termsAccepted,
+              currentStep: this.currentStep,
+              totalSteps: this.totalSteps,
+              isLastStep,
+              canClose
+            });
+            
+            // Solo permitir cerrar si:
+            // 1. El usuario aceptó los términos Y
+            // 2. Está en el último paso del onboarding
+            if (!canClose) {
+              config.DEBUG_MODE && console.log('Onboarding close prevented - must accept terms and reach last step');
+              return false; // Bloquear cierre
+            }
+            
+            // Permitir cerrar
+            config.DEBUG_MODE && console.log('Onboarding close allowed - terms accepted and last step reached');
+            this.isPresenting = false;
+            
+            // Pasar remoteConfig en el handler
+            if (onClose) {
+              onClose(actionId, meta, this.remoteConfig);
+            }
+            
+            await this.onboardingView.dismiss();
+            
+            // Reset para próxima vez
+            this.termsAccepted = false;
+            this.currentStep = 0;
+            this.totalSteps = 0;
+            
+            return true;
+          },
+          onError: (error) => {
+            console.error('Onboarding error:', error);
+            this.isPresenting = false;
+            // Pasar remoteConfig en el handler
+            if (onError) {
+              onError(error, this.remoteConfig);
+            }
+            return true;
+          },
+          onAnalytics: (event, data) => {
+            config.DEBUG_MODE && console.log('Onboarding analytics:', event, data);
+            if (handlers.onAnalytics) {
+              handlers.onAnalytics(event, data, this.remoteConfig);
+            }
+          },
+          onPaywall: () => {
+            config.DEBUG_MODE && console.log('Onboarding paywall event');
+            if (handlers.onPaywall) {
+              handlers.onPaywall(this.remoteConfig);
+            }
+          },
+          onStateUpdated: (action, meta) => {
+            // Extraer información del paso actual desde meta
+            if (meta && typeof meta === 'object') {
+              this.currentStep = meta.screen_index ?? this.currentStep;
+              this.totalSteps = meta.total_screens ?? this.totalSteps;
+              
+              config.DEBUG_MODE && console.log('Onboarding state updated:', {
+                action,
+                meta,
+                currentStep: this.currentStep,
+                totalSteps: this.totalSteps,
+                termsAccepted: this.termsAccepted
+              });
+            }
+            
+            if (handlers.onStateUpdated) {
+              handlers.onStateUpdated(action, meta, this.remoteConfig);
+            }
+          },
+          onFinishedLoading: (meta) => {
+            config.DEBUG_MODE && console.log('Onboarding finished loading', meta);
+            if (handlers.onFinishedLoading) {
+              handlers.onFinishedLoading(meta, this.remoteConfig);
+            }
+          },
+        });
+        
+        await this.onboardingView.present();
+      } else {
+        console.warn('Onboarding not found for placement:', placementID, 'and language:', lang);
+        if (this.props.onError) {
+          this.props.onError(new Error('Onboarding not found'), this.remoteConfig);
+        }
+      }
+    } catch (error) {
+      console.error('Error presenting onboarding:', error);
+      this.isPresenting = false;
+      if (this.props.onError) {
+        this.props.onError(error, this.remoteConfig);
+      }
+    }
+  }
+
+  dismissOnboarding = async () => {
+    if (this.onboardingView && this.isPresenting) {
+      try {
+        await this.onboardingView.dismiss();
+        this.isPresenting = false;
+        this.remoteConfig = null;
+      } catch (error) {
+        console.error('Error dismissing onboarding:', error);
+      }
+    }
+  }
+
+  // Método público para acceder al config desde el componente padre (opcional)
+  getRemoteConfig = () => {
+    return this.remoteConfig;
+  }
+
+  render() {
+    // Componente invisible, el onboarding se presenta nativamente
+    return null;
+  }
+}
+
+export default AdaptyOnboarding;

package/types/index.d.ts

@@ -158,6 +158,22 @@ declare module 'apps-sdk' {
 
     export class PayWall extends Component<PayWallProps, {}> {}
 
+    export interface AdaptyOnboardingProps {
+        visible: boolean;
+        placementID: string;
+        lang: string;
+        onCustom?: (actionId: string, meta?: Record<string, any>, remoteConfig?: Record<string, any>) => void;
+        onClose?: (actionId: string, meta?: Record<string, any>, remoteConfig?: Record<string, any>) => void;
+        onError?: (error: Error | string | any, remoteConfig?: Record<string, any>) => void;
+        onRemoteConfigLoaded?: (remoteConfig: Record<string, any>) => void;
+        onAnalytics?: (event: string | any, data?: Record<string, any>, remoteConfig?: Record<string, any>) => void;
+        onPaywall?: (remoteConfig?: Record<string, any>) => void;
+        onStateUpdated?: (action: any, meta?: Record<string, any>, remoteConfig?: Record<string, any>) => void;
+        onFinishedLoading?: (meta?: Record<string, any>, remoteConfig?: Record<string, any>) => void;
+    }
+
+    export class AdaptyOnboarding extends Component<AdaptyOnboardingProps, {}> {}
+
     export class PayWallLogic {
         initializePayWall(): Promise<void>;
         executePurchase(productID: string): Promise<void>;
@@ -278,6 +294,7 @@ declare module 'apps-sdk' {
         session             : Session;
         utils               : Utils;
         paywall             : PayWall;
+        adaptyOnboarding    : typeof AdaptyOnboarding;
         rating              : Rating;
         adjust              : AdJust;
         mixpanel            : MixPanel;