react-native-unit-components 1.13.0 → 1.15.0

package/src/messages/webMessages/unitMessages.ts

@@ -13,11 +13,12 @@ export enum UnitMessage {
   UNIT_REQUEST_LEFT_TO_SPEND_DETAILS = 'unitRequestLeftToSpendDetails',
   UNIT_MULTI_FACTOR_AUTH_FINISHED = 'unitMultiFactorAuthFinished',
   UNIT_WHITE_LABEL_APP_ON_LOAD = 'unitWhiteLabelAppOnLoad',
-  UNIT_UNAUTHORIZED_TOKEN = 'unitUnauthorizedToken'
+  UNIT_UNAUTHORIZED_TOKEN = 'unitUnauthorizedToken',
+  UNIT_EVENT_TO_CONTINUE = 'unitEventToContinue'
 }
 
 export enum UnitRequestRefreshEventTypes {
-  REQUEST_REFRESH_EVENT = 'requestRefreshEvent' 
+  REQUEST_REFRESH_EVENT = 'requestRefreshEvent'
 }
 
 export interface RequestRenderingEvent {
@@ -38,6 +39,12 @@ export interface RequestRefreshEvent {
   resourceId?: string;
 }
 
+export interface MultiFactorAuthenticationFinishedEvent {
+  unitVerifiedCustomerTokenString: string;
+  parentInstanceId?: string;
+  eventToContinue?: string;
+}
+
 export interface RequestOpenLinkEvent {
   href: string;
   target: string;
@@ -51,6 +58,11 @@ export interface RequestDownloadEvent {
   fileName: string;
 }
 
+export interface EventToContinueEvent {
+  parentInstanceId?: string;
+  eventToContinue?: string;
+}
+
 export interface PlaidTokenCreatedEvent {
   linkToken: PlaidLinkTokenData;
 }

package/src/nativeComponents/UNAddToWallet/UNAddToWalletComponent/UNAddToWalletComponent.tsx

@@ -21,6 +21,7 @@ import {
 } from '../../../components/UNBottomSheetComponent/UNBottomSheetComponent.constants';
 import { launchStartCardProvisioning } from '../../../helpers/pushProvisioningService/startProvisioning';
 import { PageMessage } from '../../../messages/webMessages/pageMessage';
+import { UNBaseView } from '../../UNBaseView';
 
 export interface UNAddToWalletComponentProps {
   customerToken: string;
@@ -64,25 +65,25 @@ const UNAddToWalletComponent = (props: UNAddToWalletComponentProps) => {
       return <ActivityIndicator style={styles.loader} />;
     }
     return (
-      <>
+      <UNBaseView style={{flex: 1}}>
         {
           shouldRenderAddToWalletWebView() &&
-          <WebComponent
-            ref={webRef}
-            type={WebComponentType.cardAction}
-            presentationMode={PresentationMode.CoverInjectedHeight}
-            params={getAddToWalletParams(props)}
-            isScrollable={false}
-            onMessage={(message: WebViewMessage) => handleWebViewMessage(message)}
-            windowParams={getAddToWalletWindowParams(currentUNWallet)}
-          />
+            <WebComponent
+              ref={webRef}
+              type={WebComponentType.cardAction}
+              presentationMode={PresentationMode.CoverInjectedHeight}
+              params={getAddToWalletParams(props)}
+              isScrollable={false}
+              onMessage={(message: WebViewMessage) => handleWebViewMessage(message)}
+              windowParams={getAddToWalletWindowParams(currentUNWallet)}
+            />
         }
 
         {
           currentUNWallet?.status === UNCardAddToWalletStatus.readyToProvisioning &&
           <UnitAddToWalletButtonView style={styles.addToWalletButton} onAddToWalletClicked={handleAddToWalletClicked} />
         }
-      </>
+      </UNBaseView>
     );
   };
   return (

package/src/nativeComponents/UNBaseView/UNBaseView.tsx

@@ -0,0 +1,50 @@
+import React, { useEffect } from 'react';
+import {
+  Platform,
+  StyleProp,
+  View,
+  ViewStyle,
+  requireNativeComponent,
+} from 'react-native';
+import { UNError } from '../../types/shared';
+import { useIsJailbrokeDevice } from '../../hooks/useIsJailbrokeDevice';
+import { useSnapshotProtection } from '../../hooks/useSnapshotProtection';
+
+type UnitAndroidSecureViewProps = {
+  style?: StyleProp<ViewStyle>;
+  filterTouchesWhenObscured: boolean;
+  children: React.ReactNode;
+};
+
+type UnitSecureViewProps = {
+  style?: StyleProp<ViewStyle>;
+  children: React.ReactNode;
+  onLoadError?: (error: UNError) => void;
+};
+
+const UnitAndroidSecureView = requireNativeComponent<UnitAndroidSecureViewProps>('UNSecureView');
+
+const UNBaseView = (props: UnitSecureViewProps) => {
+  useSnapshotProtection();
+
+  const isJailbroke = useIsJailbrokeDevice();
+  useEffect(() => {
+    if (isJailbroke) {
+      props.onLoadError && props.onLoadError({errors: [{title: 'Device is Jailbroke'}]});
+    }
+  }, [props, isJailbroke]);
+
+  if (isJailbroke) {
+    return null;
+  }
+
+  if (Platform.OS == 'android') {
+    return <UnitAndroidSecureView filterTouchesWhenObscured={true} {...props}/>;
+  } else {
+    return (
+      <View {...props} />
+    );
+  }
+};
+
+export default UNBaseView;

package/src/nativeComponents/UNBaseView/index.ts

@@ -0,0 +1 @@
+export { default as UNBaseView } from './UNBaseView';

package/src/nativeModulesHelpers/UNSanpshotProtectionHelper/UNSnapshotProtectionHelper.ts

@@ -0,0 +1,21 @@
+import { NativeModules } from 'react-native';
+
+const { UNSnapshotProtectionManager } = NativeModules;
+
+class UNSnapshotProtectionHelper {
+  static setAndroidSecurity() {
+    /**
+     * Set secure flag on the activity's window (if it doesn't exist)
+     */
+    UNSnapshotProtectionManager.setSecureFlags();
+  }
+
+  static setIosSecurity(shouldProtectFromSnapshot: boolean, style: string) {
+    /**
+     * Activate a Global native service for managing the snapshotProtection by the given arguments.
+     */
+    UNSnapshotProtectionManager.configureSnapshotProtectionStrategy(shouldProtectFromSnapshot, style);
+  }
+}
+
+export default UNSnapshotProtectionHelper;

package/src/nativeModulesHelpers/UNSecurityHelper.ts

@@ -0,0 +1,35 @@
+import { NativeModules } from 'react-native';
+
+const { UNSecurityHelper } = NativeModules;
+
+enum UNJailbrokeState {
+  Unknown,
+  Jailbroke,
+  NotJailbroke
+}
+
+class UNSecurityManagerHelper {
+  static deviceJailbrokeState: UNJailbrokeState = UNJailbrokeState.Unknown;
+
+  static async isDeviceJailbroke(): Promise<boolean> {
+    if (this.deviceJailbrokeState !== UNJailbrokeState.Unknown) {
+      return this.isCurrentStatusIsJailbroke();
+    }
+    const result: boolean = await UNSecurityHelper.isDeviceJailbroke();
+    UNSecurityManagerHelper.deviceJailbrokeState = result ? UNJailbrokeState.Jailbroke : UNJailbrokeState.NotJailbroke;
+    return result;
+  }
+
+  private static isCurrentStatusIsJailbroke = (): boolean => {
+    switch (this.deviceJailbrokeState) {
+      case UNJailbrokeState.Unknown:
+        return false;
+      case UNJailbrokeState.Jailbroke:
+        return true;
+      case UNJailbrokeState.NotJailbroke:
+        return false;
+    }
+  };
+}
+
+export default UNSecurityManagerHelper;

package/src/networking/common/UNNetworkConstants.ts

@@ -7,5 +7,6 @@ export const APIHeaders = {
 
 export const UNIT_SECURE_URL = {
   [UNEnvironment.sandbox]: 'https://secure.api.s.unit.sh',
-  [UNEnvironment.production]: 'https://secure.api.unit.co'
+  [UNEnvironment.production]: 'https://secure.api.unit.co',
+  [UNEnvironment.mock]: ''
 };

package/src/scripts/html/bodyScript.ts

@@ -146,12 +146,19 @@ export const LISTENERS = {
   `,
   unitMultiFactorAuthFinished: `
     window.addEventListener("${UnitMessage.UNIT_MULTI_FACTOR_AUTH_FINISHED}", async (e) => {
-      const response = await event.detail.response;
-      const data = JSON.stringify({
+      const response = await e.detail.response;
+      const unitVerifiedCustomerToken = {
         token: response.data.attributes.token,
         expiration: new Date().getTime() + response.data.attributes.expiresIn * 1000,
-      });
-      window.UnitStore["unitVerifiedCustomerToken"] = data;
+      };
+      const unitVerifiedCustomerTokenString = JSON.stringify(unitVerifiedCustomerToken);
+      window.UnitStore["unitVerifiedCustomerToken"] = unitVerifiedCustomerTokenString;
+
+      const data = {
+        unitVerifiedCustomerTokenString,
+        parentInstanceId: e.detail.parentInstanceId,
+        eventToContinue: e.detail.eventToContinue
+      }
 
       postMessageToSDK({ type: "${UnitMessage.UNIT_MULTI_FACTOR_AUTH_FINISHED}", details: data })
     });
@@ -241,6 +248,13 @@ export const DISPATCH_RENDERING_EVENT = `
   }
 `;
 
+export const DISPATCH_EVENT_TO_CONTINUE = `
+  const dispatchEventToContinue = (details) => {
+    const event = new CustomEvent("${UnitMessage.UNIT_EVENT_TO_CONTINUE}",{ detail: JSON.parse(details) })
+    window.dispatchEvent(event)
+  }
+`;
+
 export const DISPATCH_REQUEST_REFRESH = `
   const dispatchRefreshEvent = (details) => {
     let event;

package/src/slices/SharedEventsSlice.ts

@@ -4,7 +4,7 @@ import { createSlice, PayloadAction } from '@reduxjs/toolkit';
 import type { RootState } from '../store';
 import type { UNAccountData, UNCardData, UNPayeeCounterparty } from '../types/shared';
 import type { ActivityFiltersChangedEvent } from '../messages/webMessages/activityMessage';
-import type { RequestRefreshEvent } from '../messages/webMessages/unitMessages';
+import type { MultiFactorAuthenticationFinishedEvent, RequestRefreshEvent } from '../messages/webMessages/unitMessages';
 import type { BottomSheetNativeMessage } from '../messages/nativeMessages/bottomSheetMessage';
 import type { CardMessage } from '../messages/webMessages/cardMessage';
 import type { AccountMessage } from '../messages/webMessages/accountMessage';
@@ -60,7 +60,7 @@ type RequestRefreshEventState = {
 
 type MultiFactorAuthFinishedEventState = {
   key: UnitMessage.UNIT_MULTI_FACTOR_AUTH_FINISHED,
-  data: string
+  data: MultiFactorAuthenticationFinishedEvent
 }
 
 type ComponentHeightEventState = {

package/src/types/internal/webComponent.types.ts

@@ -13,7 +13,10 @@ export enum WebComponentType {
   programDetails = 'unit-elements-program-details',
   nextRepayment = 'unit-elements-next-repayment',
   payeeManagement = 'unit-elements-payee-management',
+  wirePayment = 'unit-elements-wire-payment',
   whiteLabelApp = 'unit-elements-white-label-app',
+  multiFactorAuthentication = 'unit-elements-multi-factor-authentication',
+  cardMenu = 'unit-elements-card-menu'
 }
 
 export enum PresentationMode {

package/src/types/shared/achCredit.types.ts

@@ -4,7 +4,7 @@ import type { UNPaymentType, UNAchCounterparty, UNCounterpartyVerificationMethod
 import type { UNTags, UNRelationship } from './types';
 
 export type UNACHOnLoadData = {
-  [RESPONSE_KEYS.account]: UNAccountData,
+  [RESPONSE_KEYS.account]: [UNAccountData],
   [RESPONSE_KEYS.counterpartyAccount]: [UNCounterpartyAccountData]
 }
 

package/src/types/shared/env.types.ts

@@ -1,4 +1,5 @@
 export enum UNEnvironment {
   sandbox = 'sandbox',
-  production = 'production'
+  production = 'production',
+  mock = 'mock'
 }

package/src/types/shared/index.ts

@@ -13,3 +13,4 @@ export * from './multipleCards.types';
 export * from './fundAccountPayment.types';
 export * from './payeeManagement.types';
 export * from './env.types';
+export * from './securitySettings';

package/src/types/shared/multiFactorAuthentication.types.ts

@@ -0,0 +1,17 @@
+export interface UNMultiFactorVerification {
+	type: string
+
+	attributes: {
+		verificationToken: string
+		phoneLast4Digits?: string
+	}
+}
+
+export interface UNCustomerTokenVerification extends UNMultiFactorVerification {
+	type: 'customerTokenVerification'
+}
+
+export type UNMultiFactorAuthenticationFinished = {
+  token: string
+	expiresIn: number
+}

package/src/types/shared/payeeManagement.types.ts

@@ -35,6 +35,14 @@ export type UNPayeeCounterparty = {
 		type: UNCounterpartyType
 		permissions: UNCounterpartyPermission
 		tags?: {[key: string]: string}
+	},
+  relationships: {
+		customer: {
+			data: {
+				type: 'customer'
+				id: number
+			}
+		}
 	}
 }
 
@@ -47,3 +55,26 @@ export enum UNPayeeManagementComponentPaginationType {
   infiniteScroll = 'infiniteScroll',
   pagination = 'pagination'
 }
+
+export type UNPayeeOnLoadCounterparty = {
+	id: string
+	attributes: {
+		name: string
+		bank?: string
+		routingNumber: string
+		accountNumber: string
+		accountType: UNCounterpartyAccountType
+		type: UNCounterpartyType
+		permissions: UNCounterpartyPermission
+		createdAt: Date
+		tags: {[key: string]: string}
+	}
+	relationships: {
+		customer: {
+			data: {
+				type: 'customer'
+				id: number
+			}
+		}
+	}
+}

package/src/types/shared/payments.types.ts

@@ -2,6 +2,7 @@ export enum UNPaymentType {
 	AchPayment = 'achPayment',
 	BookPayment = 'bookPayment',
 	CardToCardPayment = 'cardToCardPayment',
+  WirePayment = 'wirePayment'
 }
 
 export type UNPaymentStatus = 'Sent' | 'Rejected' | 'Pending' | 'Clearing' | 'Canceled' | 'Returned' | 'PendingReview'

package/src/types/shared/securitySettings.ts

@@ -0,0 +1,8 @@
+export enum UNSnapshotProtectionStrategy {
+  FullProtection = 'fullProtection',
+  None = 'none'
+}
+
+export interface UNSecuritySettings {
+  snapshotProtectionStrategy: UNSnapshotProtectionStrategy
+}

package/src/types/shared/wirePayment.types.ts

@@ -0,0 +1,43 @@
+import { UNPaymentStatus, UNPaymentType } from './payments.types';
+import { UNRelationship, UNTags } from './types';
+
+export interface WirePaymentCreatedEvent {
+  data: UNWirePaymentData
+}
+
+export type UNWirePaymentData = {
+  type: UNPaymentType.WirePayment
+  id: string
+  attributes: {
+    createdAt: string | Date
+    amount: number
+    direction: 'Debit' | 'Credit'
+    description: string
+    status: UNPaymentStatus
+    reason?: string
+    tags?: UNTags
+    counterparty: UNWireCounterparty
+  }
+  relationships: {
+    account: UNRelationship
+    customer?: UNRelationship
+    customers?: UNRelationship
+    transaction?: UNRelationship
+    counterpartyAccount?: UNRelationship
+    org?: UNRelationship
+  }
+}
+
+type UNWireCounterparty = {
+  name: string
+  routingNumber: string
+  accountNumber: string
+  address: {
+    street: string
+    street2?: string
+    city: string
+    state?: string
+    postalCode: string
+    country?: string
+  }
+}

package/src/unitSdkManager/UnitSdk.constants.ts

@@ -1,11 +1,17 @@
 import { UNVersioningStrategyType, UNWebVersioningStrategy } from '../types/shared';
+import { UNSecuritySettings, UNSnapshotProtectionStrategy } from '../types/shared/securitySettings';
 
 const WEB_SDK_RECOMMENDED_STRATEGY: UNWebVersioningStrategy = {
   type: UNVersioningStrategyType.upToNextMinor,
   major: 1,
-  minor: 8,
+  minor: 10,
+};
+
+const DEFAULT_SECURITY_SETTINGS: UNSecuritySettings = {
+  snapshotProtectionStrategy: UNSnapshotProtectionStrategy.FullProtection
 };
 
 export const UNSDKConstants = {
   webSDKRecommendedStrategy: WEB_SDK_RECOMMENDED_STRATEGY,
+  securitySettings: DEFAULT_SECURITY_SETTINGS
 };

package/src/unitSdkManager/UnitSdkManager.ts

@@ -1,4 +1,4 @@
-import { NativeModules } from 'react-native';
+import { NativeModules, Platform } from 'react-native';
 import { fetchUnitScript } from './UnitSdk.api';
 import { UnitUiManager } from './unitUiManager/unitUiManager';
 import type { UNFonts } from '../types/shared/fonts.types';
@@ -11,35 +11,61 @@ import { UNEnvironment } from '../types/shared/env.types';
 import { UserDataKeys } from '../types/internal/unitStore.types';
 import UNStoreManagerHelper from '../nativeModulesHelpers/UNStoreManagerHelper/UNStoreManagerHelper';
 import { UnitHelpersManager } from './unitHelpersManager/UnitHelpersManager';
+import UNSecurityManagerHelper from '../nativeModulesHelpers/UNSecurityHelper';
+import { UNSecuritySettings, UNSnapshotProtectionStrategy } from '../types/shared/securitySettings';
+import UNSnapshotProtectionHelper from '../nativeModulesHelpers/UNSanpshotProtectionHelper/UNSnapshotProtectionHelper';
 
 export class UnitSDK {
   public static ui: UnitUiManager;
   public static helpers: UnitHelpersManager;
+
   protected static env?: UNEnvironment;
   protected static webVersioningStrategy: UNWebVersioningStrategy;
+  protected static securitySettings: UNSecuritySettings = UNSDKConstants.securitySettings;
   protected static customerToken?: string;
   protected static fonts?: UNFonts;
   protected static signedNonce?: string;
   protected static pushProvisionModule?: typeof NativeModules;
-  protected static sdkVersion = '1.13.0';
+  protected static sdkVersion = '1.15.0';
 
-  public static init = async (env: UNEnvironment, theme?: string, language?: string, fonts?: UNFonts, webVersioningStrategy: UNWebVersioningStrategy = UNSDKConstants.webSDKRecommendedStrategy) => {
+  public static init = async (
+    env: UNEnvironment,
+    theme?: string,
+    language?: string,
+    fonts?: UNFonts,
+    webVersioningStrategy: UNWebVersioningStrategy = UNSDKConstants.webSDKRecommendedStrategy,
+    securitySettings: UNSecuritySettings = UNSDKConstants.securitySettings
+  ) => {
     try {
-      this.env = env;
       this.webVersioningStrategy = webVersioningStrategy;
+      this.ui = new UnitUiManager();
+      this.helpers = new UnitHelpersManager();
+
+      const isJailbroke = await UNSecurityManagerHelper.isDeviceJailbroke();
+      if (isJailbroke) {
+        throw Error('Device is jailbroke');
+      }
+      this.env = env;
+      this.securitySettings = securitySettings;
       this.fonts = fonts;
       store.dispatch(setTheme(theme));
       store.dispatch(setLanguage(language));
-      this.ui = new UnitUiManager();
-      this.helpers = new UnitHelpersManager();
       warnClientIfNeeded(this.webVersioningStrategy);
+      const shouldProtectFromSnapshot = securitySettings.snapshotProtectionStrategy != UNSnapshotProtectionStrategy.None;
+      if (Platform.OS === 'ios') {
+        UNSnapshotProtectionHelper.setIosSecurity(shouldProtectFromSnapshot, 'light');
+      }
       await fetchUnitScript();
     } catch (e) {
       console.log(e);
     }
   };
 
-  public static setPushProvisioningModule = (pushProvisionModule: typeof NativeModules) => {
+  public static isInitialized = () => {
+    return this.env != undefined;
+  };
+
+  public static setPushProvisioningModule = (pushProvisionModule?: typeof NativeModules) => {
     this.pushProvisionModule = pushProvisionModule;
   };
 
@@ -47,6 +73,10 @@ export class UnitSDK {
     return this.pushProvisionModule;
   };
 
+  public static getSecuritySettings = () => {
+    return this.securitySettings;
+  };
+
   /**
    * @deprecated - Unit SDK is managing the signedNonce, no need to provide it
    */

package/src/unitSdkManager/UnitSdkManager.utils.internal.ts

@@ -11,5 +11,8 @@ export const getUnitScriptUrl = (env: UNEnvironment, webVersioningStrategy: UNWe
 
     case UNEnvironment.production:
       return `https://ui.unit.co/release/${webSdkVersionString}/components.js`;
+
+    case UNEnvironment.mock:
+      return 'https://unit-white-label-ui.netlify.app/assets/components-mock.js';
   }
 };

package/src/utils/onLoadMessages.utils.ts

@@ -0,0 +1,3 @@
+export function ensureArray<T>(item: T | [T]): [T] {
+  return Array.isArray(item) ? item : [item];
+}

package/src/webComponent/WebComponent.tsx

@@ -9,13 +9,14 @@ import {
   UnitMessage,
   RequestDownloadEvent,
   RequestOpenLinkEvent,
+  MultiFactorAuthenticationFinishedEvent,
 } from '../messages/webMessages/unitMessages';
 import { getHtmlBody } from '../scripts/html/bodyHtml';
 import { fetchUnitScript } from '../unitSdkManager/UnitSdk.api';
 import { UnitSDK } from '../unitSdkManager/UnitSdkManager';
 import type { WebViewMessage } from '../messages/webMessages';
 
-import { getInfoParams, handleRequestDownload } from './WebComponent.utils';
+import { getInfoParams, handleRequestDownload, injectEventToContinue } from './WebComponent.utils';
 import type { PresentationMode, WebComponentType } from '../types/internal/webComponent.types';
 import { getFontFacesString } from '../scripts/html/fontFaces';
 import type { RootState } from '../store';
@@ -116,10 +117,15 @@ export const WebComponent = React.forwardRef<WebView, WebComponentProps>(functio
   }, [props.params, unitScript, props.presentationMode, props.script, props.windowParams, globalTheme, globalLanguage, infoParams]);
 
   // Listen and update the live webComponents
-  const updateVerifiedCustomerToken = (data: string) => {
-    setItemInWindowUnitStore(webRef.current, UserDataKeys.unitVerifiedToken, data);
+  const handleMultiFactorAuthFinished = (data: MultiFactorAuthenticationFinishedEvent) => {
+    setItemInWindowUnitStore(webRef.current, UserDataKeys.unitVerifiedToken, data.unitVerifiedCustomerTokenString);
+    injectEventToContinue(webRef.current, {
+      parentInstanceId: data.parentInstanceId,
+      eventToContinue: data.eventToContinue
+    });
   };
-  useListenerToEvent({ busEventKey: UnitMessage.UNIT_MULTI_FACTOR_AUTH_FINISHED, action: updateVerifiedCustomerToken });
+
+  useListenerToEvent({ busEventKey: UnitMessage.UNIT_MULTI_FACTOR_AUTH_FINISHED, action: handleMultiFactorAuthFinished });
 
   const onMessage = (e: WebViewMessageEvent) => {
     const message = JSON.parse(e.nativeEvent.data) as WebViewMessage;
@@ -145,14 +151,15 @@ export const WebComponent = React.forwardRef<WebView, WebComponentProps>(functio
         break;
       case UnitMessage.UNIT_MULTI_FACTOR_AUTH_FINISHED:
         if (message.details) {
-          const data = message.details as string;
-          UNStoreManagerHelper.saveValue(UserDataKeys.unitVerifiedToken, data);
+          const data = message.details as MultiFactorAuthenticationFinishedEvent;
+          UNStoreManagerHelper.saveValue(UserDataKeys.unitVerifiedToken, data.unitVerifiedCustomerTokenString);
           // update existing components - namely, the other webComponents will update their window as well as this webComponent
           dispatch(setEvent({
             key: UnitMessage.UNIT_MULTI_FACTOR_AUTH_FINISHED,
             data,
           }));
         }
+        props.onMessage && props.onMessage(message);
         break;
       case UnitMessage.UNIT_UNAUTHORIZED_TOKEN:
         UnitSDK.cleanUserData();
@@ -191,6 +198,7 @@ export const WebComponent = React.forwardRef<WebView, WebComponentProps>(functio
       onMessage={onMessage}
       androidLayerType='hardware'
       webviewDebuggingEnabled={__DEV__}
+      mediaCapturePermissionGrantType='grant'
     />
   );
 });

package/src/webComponent/WebComponent.utils.ts

@@ -1,8 +1,9 @@
 import axios from 'axios';
 import { Share, NativeModules, Platform } from 'react-native';
 import * as AppInfo from '../utils/AppInfo';
-import type { RequestDownloadEvent } from '../messages/webMessages/unitMessages';
+import type { EventToContinueEvent, RequestDownloadEvent } from '../messages/webMessages/unitMessages';
 import { UnitSDK } from '../unitSdkManager/UnitSdkManager';
+import WebView from 'react-native-webview';
 const { RNShareFile } = NativeModules;
 
 export const getInfoParams = async () => {
@@ -41,3 +42,7 @@ export const handleRequestDownload = async (details: RequestDownloadEvent, onRea
     }
   }
 };
+
+export const injectEventToContinue = (currentWeb: WebView | null, eventToContinueEvent: EventToContinueEvent) => {
+  currentWeb?.injectJavaScript(`dispatchEventToContinue('${JSON.stringify(eventToContinueEvent)}')`);
+};

package/src/webComponent/html.ts

@@ -10,7 +10,8 @@ import {
   DISPATCH_ACTIVITY_FILTER_CHANGED_EVENT,
   DISPATCH_REQUEST_SHOW_SENSITIVE_DATA,
   DISPATCH_REQUEST_HIDE_SENSITIVE_DATA,
-  SET_ITEM_IN_WINDOW_UNIT_STORE
+  SET_ITEM_IN_WINDOW_UNIT_STORE,
+  DISPATCH_EVENT_TO_CONTINUE
 } from '../scripts/html/bodyScript';
 
 export const HTML_PLACEHOLDER = {
@@ -88,6 +89,8 @@ const htmlText = `
 
       ${DISPATCH_RENDERING_EVENT}
 
+      ${DISPATCH_EVENT_TO_CONTINUE}
+
       ${DISPATCH_OPEN_ACTIONS_MENU}
 
       ${DISPATCH_REQUEST_HIDE_SENSITIVE_DATA}