@forstaglobal/react-native-mobilesdk 3.9.2-beta.0

package/src/index.tsx

@@ -0,0 +1,202 @@
+import { NativeModules, Platform } from 'react-native';
+import type {
+  IServerModel,
+  IWebSurveyModel,
+  IScenarioCallback,
+} from './models/models';
+import SurveyWebView from './views/surveyWebView';
+import type { ISdkListener } from './program/triggerCallback';
+import { TriggerManager } from './program/triggerCallback';
+
+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);
+        },
+      }
+    );
+
+export type {
+  IScenarioCallback,
+  IServerModel,
+  IWebSurveyModel,
+  ISdkListener,
+};
+
+export { SurveyWebView, TriggerManager };
+
+export function injectWebView() {
+  MobileSdk.injectWebView();
+}
+
+// Confirmit
+export function initSdk() {
+  return MobileSdk.initSdk();
+}
+
+export function enableLog(enable: Boolean) {
+  MobileSdk.enableLog(enable);
+}
+
+// Trigger
+export function notifyEvent(event: String) {
+  MobileSdk.notifyEvent(event);
+}
+
+export function notifyAppForeground(data: { [Name: string]: string }) {
+  MobileSdk.notifyAppForeground(data);
+}
+
+export function deleteProgram(
+  serverId: string,
+  programKey: string,
+  deleteCustomData: boolean
+): Promise<void> {
+  return MobileSdk.deleteProgram(serverId, programKey, deleteCustomData);
+}
+
+export function deleteAll(deleteCustomData: boolean): Promise<void> {
+  return MobileSdk.deleteAll(deleteCustomData);
+}
+
+export function setCallback(serverId: string, programKey: string) {
+  MobileSdk.setCallback(serverId, programKey);
+}
+
+export function removeCallback(serverId: string, programKey: string) {
+  MobileSdk.removeCallback(serverId, programKey);
+}
+
+export function triggerDownload(
+  serverId: string,
+  programKey: string
+): Promise<boolean> {
+  return MobileSdk.triggerDownload(serverId, programKey);
+}
+
+export function notifyEventWithData(
+  event: string,
+  data: { [Name: string]: string }
+) {
+  MobileSdk.notifyEventWithData(event, data);
+}
+
+// Server
+export async function getUs(): Promise<IServerModel> {
+  return transformServer(await MobileSdk.getUs());
+}
+
+export async function getUk(): Promise<IServerModel> {
+  return transformServer(await MobileSdk.getUk());
+}
+
+export async function getAustralia(): Promise<IServerModel> {
+  return transformServer(await MobileSdk.getAustralia());
+}
+
+export async function getCanada(): Promise<IServerModel> {
+  return transformServer(await MobileSdk.getCanada());
+}
+
+export async function getGermany(): Promise<IServerModel> {
+  return transformServer(await MobileSdk.getGermany());
+}
+
+export async function getHxPlatform(): Promise<IServerModel> {
+  return transformServer(await MobileSdk.getHxPlatform());
+}
+
+export async function getHxAustralia(): Promise<IServerModel> {
+  return transformServer(await MobileSdk.getHxAustralia());
+}
+
+export async function configureUs(
+  clientId: string,
+  clientSecret: string
+): Promise<void> {
+  return await MobileSdk.configureUs(clientId, clientSecret);
+}
+
+export async function configureUk(
+  clientId: string,
+  clientSecret: string
+): Promise<void> {
+  return await MobileSdk.configureUk(clientId, clientSecret);
+}
+
+export async function configureAustralia(
+  clientId: string,
+  clientSecret: string
+): Promise<void> {
+  return await MobileSdk.configureAustralia(clientId, clientSecret);
+}
+
+export async function configureCanada(
+  clientId: string,
+  clientSecret: string
+): Promise<void> {
+  return await MobileSdk.configureCanada(clientId, clientSecret);
+}
+
+export async function configureGermany(
+  clientId: string,
+  clientSecret: string
+): Promise<void> {
+  return await MobileSdk.configureGermany(clientId, clientSecret);
+}
+
+export async function configureHxPlatform(
+  clientId: string,
+  clientSecret: string
+): Promise<void> {
+  return await MobileSdk.configureHxPlatform(clientId, clientSecret);
+}
+
+export async function configureHxAustralia(
+  clientId: string,
+  clientSecret: string
+): Promise<void> {
+  return await MobileSdk.configureHxAustralia(clientId, clientSecret);
+}
+
+export async function configureServer(
+  name: string,
+  host: string,
+  clientId: string,
+  clientSecret: string
+): Promise<IServerModel> {
+  return transformServer(
+    await MobileSdk.configureServer(name, host, clientId, clientSecret)
+  );
+}
+
+export async function getServer(serverId: string): Promise<IServerModel> {
+  return transformServer(await MobileSdk.getServer(serverId));
+}
+
+export async function getServers(): Promise<IServerModel[]> {
+  const result = await MobileSdk.getServers();
+  const servers = [];
+  for (const server of result) {
+    servers.push(transformServer(server));
+  }
+
+  return servers;
+}
+
+function transformServer(result: any): IServerModel {
+  return {
+    host: result.host,
+    name: result.name,
+    serverId: result.serverId,
+  };
+}

package/src/models/models.ts

@@ -0,0 +1,16 @@
+export interface IServerModel {
+  serverId: string;
+  name: string;
+  host: string;
+}
+
+export interface IWebSurveyModel {
+  token: string;
+  url: string;
+}
+
+export interface IScenarioCallback {
+  serverId: string;
+  programKey: string;
+  error: string;
+}

package/src/program/triggerCallback.ts

@@ -0,0 +1,51 @@
+import type { IScenarioCallback, IWebSurveyModel } from '../models/models';
+import { NativeEventEmitter, NativeModules } from 'react-native';
+
+export interface ISdkListener {
+  onSurveyWebview(model: IWebSurveyModel): void;
+  onScenarioLoad(model: IScenarioCallback): void;
+  onScenarioError(model: IScenarioCallback): void;
+}
+
+class Manager {
+  private listener: ISdkListener | null = null;
+  private sdkEmitter = NativeModules.SdkEmitter;
+  private triggerManagerEmitter = new NativeEventEmitter(this.sdkEmitter);
+
+  constructor() {
+    this.triggerManagerEmitter.addListener(
+      '__mobileOnWebSurveyStart',
+      this.onWebSurveyStart
+    );
+    this.triggerManagerEmitter.addListener(
+      '__mobileOnScenarioLoad',
+      this.onScenarioLoad
+    );
+    this.triggerManagerEmitter.addListener(
+      '__mobileOnScenarioError',
+      this.onScenarioError
+    );
+  }
+
+  public setSdkListener(callbackListener: ISdkListener) {
+    this.listener = callbackListener;
+  }
+
+  public removeSdkListener() {
+    this.listener = null;
+  }
+
+  private onWebSurveyStart = (event: IWebSurveyModel) => {
+    this.listener?.onSurveyWebview(event);
+  };
+
+  private onScenarioLoad = (event: IScenarioCallback) => {
+    this.listener?.onScenarioLoad(event);
+  };
+
+  private onScenarioError = (event: IScenarioCallback) => {
+    this.listener?.onScenarioError(event);
+  };
+}
+
+export const TriggerManager = new Manager();

package/src/views/surveyWebView.tsx

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