@forstaglobal/react-native-mobilesdk 3.11.0 → 3.13.0

package/src/triggerSdk.ts

@@ -0,0 +1,62 @@
+import { NativeModules, Platform } from 'react-native';
+
+const LINKING_ERROR =
+    `The package 'react-native-mobilesdk' doesn't seem to be linked. Make sure: \n\n${Platform.select({
+        ios: "- You have run 'pod install'\n",
+        default: ''
+    })}- You rebuilt the app after installing the package\n` + '- You are not using Expo Go\n';
+
+const MobileSdk = NativeModules.MobileSdk
+    ? NativeModules.MobileSdk
+    : new Proxy(
+          {},
+          {
+              get() {
+                  throw new Error(LINKING_ERROR);
+              }
+          }
+      );
+
+class Manager {
+    public notifyEvent(event: string) {
+        MobileSdk.notifyEvent(event);
+    }
+
+    public notifyAppForeground(data: { [Name: string]: string }) {
+        MobileSdk.notifyAppForeground(data);
+    }
+
+    public async deleteProgram(serverId: string, programKey: string, deleteCustomData: boolean): Promise<void> {
+        return MobileSdk.deleteProgram(serverId, programKey, deleteCustomData);
+    }
+
+    public async deleteAll(deleteCustomData: boolean): Promise<void> {
+        return MobileSdk.deleteAll(deleteCustomData);
+    }
+
+    public setCallback(serverId: string, programKey: string) {
+        MobileSdk.setCallback(serverId, programKey);
+    }
+
+    public removeCallback(serverId: string, programKey: string) {
+        MobileSdk.removeCallback(serverId, programKey);
+    }
+
+    public async triggerDownload(serverId: string, programKey: string): Promise<boolean> {
+        return MobileSdk.triggerDownload(serverId, programKey);
+    }
+
+    public notifyEventWithData(event: string, data: { [Name: string]: string }) {
+        MobileSdk.notifyEventWithData(event, data);
+    }
+
+    public addJourneyLog(data: { [Name: string]: string }) {
+        MobileSdk.addJourneyLog(data);
+    }
+
+    public addJourneyLogWithServer(serverId: string, programKey: string, data: { [Name: string]: string }) {
+        MobileSdk.addJourneyLogWithServer(serverId, programKey, data);
+    }
+}
+
+export const TriggerSdk = new Manager();

package/src/views/surveyWebView.tsx

@@ -1,61 +1,63 @@
-import React, { Component } from 'react';
-import { NativeEventEmitter, NativeModules, Platform } from 'react-native';
+import React, { useEffect } from 'react';
+import { EmitterSubscription, NativeEventEmitter, NativeModules, Platform } from 'react-native';
 import type { WebViewMessageEvent, WebViewProps } from 'react-native-webview';
 import { WebView } from 'react-native-webview';
-import { injectWebView } from '../index';
+import { ConfirmitSdk } from '../confirmitSdk';
 
-interface SurveyWebViewProps extends WebViewProps {
+interface ISurveyWebViewProps extends WebViewProps {
     onSurveyClosed?: () => void;
 }
 
-export default class SurveyWebView extends Component<SurveyWebViewProps> {
-    private sdkEmitter = NativeModules.SdkEmitter;
-    private triggerManagerEmitter = new NativeEventEmitter(this.sdkEmitter);
+const sdkEmitter = NativeModules.SdkEmitter;
+const triggerManagerEmitter = new NativeEventEmitter(sdkEmitter);
 
-    private loaded = false;
+const SurveyWebView = (props: ISurveyWebViewProps) => {
+    let loaded = false;
 
-    public constructor(props: SurveyWebViewProps) {
-        super(props);
+    useEffect(() => {
+        const pageReady: EmitterSubscription = triggerManagerEmitter.addListener('__mobileOnSurveyClosed', onSurveyClosed);
 
-        this.triggerManagerEmitter.addListener('__mobileOnSurveyClosed', this.__onSurveyClosed);
-    }
+        return () => {
+            pageReady.remove();
+        };
+    });
 
-    private __onSurveyClosed = () => {
-        this.props.onSurveyClosed?.();
+    const onSurveyClosed = () => {
+        props.onSurveyClosed?.();
     };
 
-    private load() {
-        if (!this.loaded) {
-            injectWebView();
-            this.loaded = true;
-        }
-    }
-
-    private onMessage = (event: WebViewMessageEvent) => {
-        this.__onSurveyClosed();
-        this.props.onMessage?.(event);
+    const onMessage = (event: WebViewMessageEvent) => {
+        onSurveyClosed();
+        props.onMessage?.(event);
     };
 
-    public render() {
-        let { injectedJavaScriptBeforeContentLoaded } = this.props;
-
-        if (Platform.OS === 'ios') {
-            injectedJavaScriptBeforeContentLoaded += ` \nwindow['mobileBridge'] = { onSurveyEnd: function() { window.ReactNativeWebView?.postMessage(''); } };`;
+    const load = () => {
+        if (!loaded) {
+            ConfirmitSdk.injectWebView();
+            loaded = true;
         }
+    };
+
+    let { injectedJavaScriptBeforeContentLoaded } = props;
 
-        return (
-            <WebView
-                nativeID={'surveyWebViews'}
-                {...this.props}
-                domStorageEnabled={true}
-                javaScriptEnabled={true}
-                onLoad={() => {
-                    this.load();
-                }}
-                injectedJavaScriptForMainFrameOnly={false}
-                injectedJavaScriptBeforeContentLoaded={injectedJavaScriptBeforeContentLoaded}
-                onMessage={this.onMessage}
-            />
-        );
+    if (Platform.OS === 'ios') {
+        injectedJavaScriptBeforeContentLoaded += " \nwindow['mobileBridge'] = { onSurveyEnd: function() { window.ReactNativeWebView?.postMessage(''); } };";
     }
-}
+
+    return (
+        <WebView
+            nativeID={'surveyWebViews'}
+            {...props}
+            domStorageEnabled={true}
+            javaScriptEnabled={true}
+            onLoad={() => {
+                load();
+            }}
+            injectedJavaScriptForMainFrameOnly={false}
+            injectedJavaScriptBeforeContentLoaded={injectedJavaScriptBeforeContentLoaded}
+            onMessage={onMessage}
+        />
+    );
+};
+
+export default SurveyWebView;