@appboxo/react-native-sdk 1.0.34 → 1.0.36

package/README.md

@@ -26,7 +26,7 @@ import { StyleSheet, View, Button } from 'react-native';
 export default function App() {
 
   React.useEffect(() => {
-    appboxo.setConfig('[client_id]', false);  //set your Appboxo client_id and specify multitask mode (by default is "true")
+    appboxo.setConfig('[client_id]', false, false);  //set your Appboxo client_id, sandbox mode (by default is "false") and specify multitask mode (by default is "true")
   }, [])
 
   const handleOpenMiniapp = () => {
@@ -69,13 +69,14 @@ import { StyleSheet, View, Button } from 'react-native';
 export default function App() {
 
   React.useEffect(() => {
-    appboxo.setConfig('[client_id]', false);  //set your Appboxo client_id and specify multitask mode (by default is "true")
+    appboxo.setConfig('[client_id]', false, false);  //set your Appboxo client_id, sandbox mode and specify multitask mode (by default is "true")
     
     const subscription = appboxo.lifecycleHooksListener({
       onLaunch: (appId: string) => console.log('onLaunch', appId),  // called when the miniapp will launch with openMiniapp(...)
       onResume: (appId: string) => console.log('onResume', appId),  // called when the miniapp will start interacting with the user
       onPause: (appId: string) => console.log('onPause', appId),    // called when clicked close button in miniapp or when destroyed miniapp activity
       onClose: (appId: string) => console.log('onClose', appId),    // called when the miniapp loses foreground state
+      onAuth: (appId: string) => console.log('onAuth', appId),    // called when authorization flow starts
       onError: (appId: string, error: string) => console.log('onError', appId, error),  // handle error
     });
 

package/android/src/main/java/com/appboxo/RnappboxosdkModule.java

@@ -44,8 +44,9 @@ import java.util.HashMap;
 import java.util.Map;
 
 public class RnappboxosdkModule extends ReactContextBaseJavaModule
-        implements Miniapp.LifecycleListener, Miniapp.CustomEventListener, Miniapp.AuthListener {
+        implements Miniapp.LifecycleListener, Miniapp.CustomEventListener, Miniapp.AuthListener, Miniapp.PaymentEventListener {
     private static final String CUSTOM_EVENTS_EVENT_NAME = "appboxo_custom_events";
+    private static final String PAYMENT_EVENTS_EVENT_NAME = "appboxo_payment_events";
     private static final String MINIAPP_LIFECYCLE_EVENT_NAME = "appboxo_miniapp_lifecycle";
 
     private final ReactApplicationContext reactContext;
@@ -64,7 +65,7 @@ public class RnappboxosdkModule extends ReactContextBaseJavaModule
     }
 
     @ReactMethod
-    public void setConfig(String clientId, boolean enableMultitaskMode, String theme) {
+    public void setConfig(String clientId, boolean sandboxMode, boolean enableMultitaskMode, String theme) {
         Config.Theme globalTheme;
         switch (theme) {
             case "light":
@@ -79,6 +80,7 @@ public class RnappboxosdkModule extends ReactContextBaseJavaModule
         Appboxo.INSTANCE
                 .setConfig(new Config.Builder()
                         .setClientId(clientId)
+                        .sandboxMode(sandboxMode)
                         .multitaskMode(enableMultitaskMode)
                         .setTheme(globalTheme)
                         .build());
@@ -88,6 +90,7 @@ public class RnappboxosdkModule extends ReactContextBaseJavaModule
     public void openMiniapp(String appId, ReadableMap data, String theme, ReadableMap customUrlParams) {
         Miniapp miniapp = Appboxo.INSTANCE.getMiniapp(appId)
                 .setCustomEventListener(this)
+                .setPaymentEventListener(this)
                 .setAuthListener(this)
                 .setLifecycleListener(this);
 
@@ -273,4 +276,27 @@ public class RnappboxosdkModule extends ReactContextBaseJavaModule
                 .getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter.class)
                 .emit(name, params);
     }
+
+    @Override
+    public void handle(AppboxoActivity appboxoActivity, Miniapp miniapp, PaymentData paymentData) {
+        WritableMap params = Arguments.createMap();
+        params.putString("app_id", miniapp.getAppId());
+        WritableMap event = Arguments.createMap();
+        try {
+            event.putString("transaction_token", paymentData.getTransactionToken());
+            event.putString("miniapp_order_id", paymentData.getMiniappOrderId());
+            event.putDouble("amount", paymentData.getAmount());
+            event.putString("currency", paymentData.getCurrency());
+            event.putString("status", paymentData.getStatus());
+            event.putString("hostapp_order_id", paymentData.getHostappOrderId());
+            if (paymentData.getExtraParams() != null) {
+                event.putMap("extra_params", MapUtil.toWritableMap(paymentData.getExtraParams()));
+            }
+
+            params.putMap("payment_event", event);
+            sendEvent(PAYMENT_EVENTS_EVENT_NAME, params);
+        } catch (Exception e) {
+            e.printStackTrace();
+        }
+    }
 }

package/index.d.ts

@@ -21,22 +21,21 @@ declare module '@appboxo/react-native-sdk' {
   /**
    * Set Appboxo clientId
    * @param {string} clientId Appboxo clientId
+   * @param {boolean} sandboxMode (by default false)
    * @param {boolean} enableMultitaskMode Enable multiscreen mode (by default true)
    * @param {'dark' | 'light'} theme Miniapp theme (by default 'system')
    * */
-  export function setConfig(clientId: string, enableMultitaskMode?: boolean, theme?: 'dark' | 'light'): void
+  export function setConfig(clientId: string, sandboxMode?: boolean, enableMultitaskMode?: boolean, theme?: 'dark' | 'light'): void
 
   /**
    * Launch miniapp by id with payload and custom data
    * @param {string} miniAppId Appboxo miniAppId
-   * @param {string} payload Appboxo payload for Appboxo miniapp
    * @param {{ data?: object, theme?: 'dark' | 'light' | 'system', extraUrlParams?: object }} options Appboxo options: data for send to miniapp,
    * theme Miniapp theme (by default is value of "theme" argument in setConfig function)
    * */
 
   export function openMiniapp(
     miniAppId: string,
-    payload: string,
     options?: {
       data?: object,
       theme?: 'dark' | 'light' | 'system',

package/ios/Rnappboxosdk.m

@@ -31,7 +31,7 @@ limitations under the License.
 RCT_EXPORT_MODULE()
 
 
-RCT_EXPORT_METHOD(setConfig:(NSString *)clientId multitaskMode:(BOOL)multitaskMode theme:(NSString *)theme)
+RCT_EXPORT_METHOD(setConfig:(NSString *)clientId sandboxMode:(BOOL)sandboxMode multitaskMode:(BOOL)multitaskMode theme:(NSString *)theme)
 {
     NSArray *themes = @[@"dark", @"light", @"system"];
 
@@ -41,7 +41,10 @@ RCT_EXPORT_METHOD(setConfig:(NSString *)clientId multitaskMode:(BOOL)multitaskMo
         globalTheme = (Theme) [themes indexOfObject:theme];
     };
 
-    [[Appboxo shared] setConfig: [[Config alloc] initWithClientId: clientId theme: globalTheme]];
+    Config *config = [[Config alloc] initWithClientId: clientId theme: globalTheme];
+    config.sandboxMode = sandboxMode;
+    
+    [[Appboxo shared] setConfig: config];
 }
 
 RCT_EXPORT_METHOD(openMiniapp:(NSString *)appId data:(nullable NSDictionary<NSString *,id> *)data theme:(nullable NSString *)theme customUrlParams:(nullable NSDictionary<NSString *,id> *)customUrlParams)

package/js/mSetConfig.js

@@ -3,8 +3,8 @@ import { NativeModules } from 'react-native'
 /**
  * Miniapp theme (by default 'system')
  * */
-const mSetConfig = (clientId, enableMultitaskMode = true, theme = 'system') => {
-  NativeModules.Rnappboxosdk.setConfig(clientId, enableMultitaskMode, theme === 'dark' || theme === 'light' ? theme : 'system')
+const mSetConfig = (clientId, sandboxMode = false, enableMultitaskMode = true, theme = 'system') => {
+  NativeModules.Rnappboxosdk.setConfig(clientId, sandboxMode, enableMultitaskMode, theme === 'dark' || theme === 'light' ? theme : 'system')
 }
 
 export default mSetConfig

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@appboxo/react-native-sdk",
   "title": "Appboxo react native sdk",
-  "version": "1.0.34",
+  "version": "1.0.36",
   "description": "Appboxo react native sdk",
   "main": "index.js",
   "files": [

package/types.ts

@@ -66,5 +66,6 @@ export interface LifecycleHooksCallbacks {
   onResume: (appId: string) => void
   onPause: (appId: string) => void
   onClose: (appId: string) => void
+  onAuth: (appId: string) => void
   onError: (appId: string, error: string) => void
 }