apps-sdk 1.1.55 → 1.1.56

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.56",
   "description": "Apps SDK",
   "main": "index.js",
   "scripts": {

package/src/components/AdaptyOnboarding.js

@@ -0,0 +1,150 @@
+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;
+  }
+
+  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);
+            // Pasar remoteConfig en el handler
+            if (onCustom) {
+              onCustom(actionId, meta, this.remoteConfig);
+            }
+          },
+          onClose: async (actionId, meta) => {
+            config.DEBUG_MODE && console.log('Onboarding closed:', actionId, meta);
+            this.isPresenting = false;
+            // Pasar remoteConfig en el handler
+            if (onClose) {
+              onClose(actionId, meta, this.remoteConfig);
+            }
+            await this.onboardingView.dismiss();
+            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: (state) => {
+            config.DEBUG_MODE && console.log('Onboarding state updated:', state);
+            if (handlers.onStateUpdated) {
+              handlers.onStateUpdated(state, this.remoteConfig);
+            }
+          },
+          onFinishedLoading: () => {
+            config.DEBUG_MODE && console.log('Onboarding finished loading');
+            if (handlers.onFinishedLoading) {
+              handlers.onFinishedLoading(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?: (state: any, remoteConfig?: Record<string, any>) => void;
+        onFinishedLoading?: (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;