react-native-unit-components 3.1.2-beta.2 → 3.1.2-beta.4

package/src/unitComponentsSdkManager/UnitComponentsSdkManager.ts

@@ -26,7 +26,7 @@ export class UnitComponentsSDK {
   protected static fonts?: UNFonts;
   protected static signedNonce?: string;
   protected static pushProvisionModule?: typeof NativeModules;
-  protected static sdkVersion = '3.1.2-beta.2';
+  protected static sdkVersion = '3.1.2-beta.4';
   static iosFontBase64Map: Record<string, string> = {};
 
   public static init = async (

package/src/unitComponentsSdkManager/UnitComponentsSdkManager.utils.internal.ts

@@ -2,7 +2,10 @@ import type { UNComponentsWebVersioningStrategy } from '../types/shared';
 import { UNComponentsEnvironment } from '../types/shared/env.types';
 import { getWebSdkVersionString } from '../utils/webVersioningStrategy.utils';
 
-export const getUnitScriptUrl = (env: UNComponentsEnvironment, webVersioningStrategy: UNComponentsWebVersioningStrategy) => {
+export const getUnitScriptUrl = (
+  env: UNComponentsEnvironment,
+  webVersioningStrategy: UNComponentsWebVersioningStrategy
+) => {
   const webSdkVersionString = getWebSdkVersionString(webVersioningStrategy);
 
   switch (env) {

package/src/utils/eventBus/EventBus.types.ts

@@ -19,6 +19,7 @@ export type EventMap = {
   [CardMessage.CARD_ACTIVATED]: UNCard;
   [CardMessage.CARD_CREATED]: CardCreatedEvent;
   [AccountMessage.UNIT_ACCOUNT_CHANGED]: UNAccount;
+  [AccountMessage.UNIT_ACCOUNT_CREATED]: Record<PropertyKey, never>;
   [ActivityMessage.UNIT_ACTIVITY_FILTERS_CHANGED]: ActivityFiltersChangedEvent;
   [MultipleCardsMessage.UNIT_MULTIPLE_CARDS_CARD_CLICKED]: UNCard;
   [MultipleCardsMessage.UNIT_MULTIPLE_CARDS_FILTERS_CHANGED]: MultipleCardsFiltersChangedEvent;
@@ -28,6 +29,7 @@ export type EventMap = {
   [UnitComponentsMessage.UNIT_MULTI_FACTOR_AUTH_FINISHED]: MultiFactorAuthenticationFinishedEvent;
   [PageMessage.PAGE_HEIGHT]: number;
   [PlaidMessage.UNIT_OPEN_PLAID]: OpenPlaidEvent;
+  [AccountMessage.UNIT_ACCOUNT_CREATION_ACTIONS_OPEN_PLAID_FOR_LINK_EXTERNAL_ACCOUNT]: Record<PropertyKey, never>;
   [PayeeManagementMessage.UNIT_COUNTERPARTY_DELETED]: UNCounterparty;
 };
 

package/src/webComponent/WebComponent.tsx

@@ -49,6 +49,7 @@ export const WebComponent = React.forwardRef<WebView, WebComponentProps>(functio
   const customerToken = useSelector((state: RootState) => state.configuration.customerToken);
   const [sourceHtml, setSourceHtml] = useState<string | null>(null);
   const [baseName, setBaseName] = useState<string>();
+  const [androidPackageName, setAndroidPackageName] = useState<string>();
   const [infoParams, setInfoParams] = useState<{ [key: string]: string }>({});
 
   const webRef = useRef(null);
@@ -65,6 +66,8 @@ export const WebComponent = React.forwardRef<WebView, WebComponentProps>(functio
           setBaseName(name.replace(/ /g, '-'));
         } else { // android
           setBaseName('unit');
+          const packageName = await AppInfo.getAppIdentifier();
+          setAndroidPackageName(packageName);
         }
       } catch (error: any) {
         console.error(error);
@@ -104,6 +107,7 @@ export const WebComponent = React.forwardRef<WebView, WebComponentProps>(functio
 
       const windowInfoParams = `window.UnitMobileSDKConfig['info'] = ${JSON.stringify(infoParams)};`;
       const plaidRedirectUriParam = (Platform.OS == 'ios' && UnitComponentsSDK.helpers.redirectUri) ? `window.UnitMobileSDKConfig['plaidRedirectUri'] = '${UnitComponentsSDK.helpers.redirectUri}/plaid';` : '';
+      const androidPackageNameParam = androidPackageName ? `window.UnitMobileSDKConfig.androidPackageName='${androidPackageName}';` : '';
       const unitSessionIdParam = `window.UnitSessionStore.unitSessionId = '${UnitComponentsSDK.helpers.unitSessionId}';`;
 
       const unitVerifiedCustomerToken = await UNStoreManagerHelper.getValue(UserDataKeys.unitVerifiedCustomerToken);
@@ -111,7 +115,7 @@ export const WebComponent = React.forwardRef<WebView, WebComponentProps>(functio
       const windowVerifiedCustomerToken = unitVerifiedCustomerToken ? `window.UnitStore['${UserDataKeys.unitVerifiedCustomerToken}'] = '${unitVerifiedCustomerToken}';` : '';
       const windowAppFormVerifiedToken = unitAppFormVerifiedToken ? `window.UnitStore['${UserDataKeys.unitApplicationFormVerifiedToken}'] = '${unitAppFormVerifiedToken}';` : '';
 
-      const windowParams = `${windowInfoParams} ${unitSessionIdParam} ${plaidRedirectUriParam} ${windowVerifiedCustomerToken} ${windowAppFormVerifiedToken} ${props.windowParams || ''}`;
+      const windowParams = `${windowInfoParams} ${unitSessionIdParam} ${plaidRedirectUriParam} ${androidPackageNameParam} ${windowVerifiedCustomerToken} ${windowAppFormVerifiedToken} ${props.windowParams || ''}`;
 
       let newHtml = html.replace(HTML_PLACEHOLDER.BODY, getHtmlBody(props.type.valueOf(), componentParams, props.presentationMode));
       newHtml = newHtml.replace(HTML_PLACEHOLDER.FONT_FACES, fontFaces);
@@ -122,7 +126,7 @@ export const WebComponent = React.forwardRef<WebView, WebComponentProps>(functio
 
     updateSourceHTML();
 
-  }, [props.params, unitScript, props.presentationMode, props.script, props.windowParams, globalTheme, globalLanguage, customerToken, infoParams]);
+  }, [props.params, unitScript, props.presentationMode, props.script, props.windowParams, globalTheme, globalLanguage, customerToken, infoParams, androidPackageName]);
 
   // Listen and update the live webComponents
   const handleMultiFactorAuthFinished = (data: MultiFactorAuthenticationFinishedEvent) => {

package/src/webComponent/html.ts

@@ -15,6 +15,7 @@ import {
   DISPATCH_CARD_STATUS_CHANGED,
   DISPATCH_MULTIPLE_CARDS_FILTER_CHANGED_EVENT,
   DISPATCH_CARD_CREATED_EVENT,
+  DISPATCH_ACCOUNT_CREATED_EVENT,
 } from '../scripts/html/bodyScript';
 
 export const HTML_PLACEHOLDER = {
@@ -46,8 +47,9 @@ const htmlText = `
     <style type="text/css">
       ${HTML_PLACEHOLDER.FONT_FACES}
 
-      body {
+      html, body {
         margin: 0;
+        overscroll-behavior: contain;
       }
     </style>
   </head>
@@ -86,6 +88,8 @@ const htmlText = `
 
       ${LISTENERS.unitAccountChanged}
 
+      ${LISTENERS.unitAccountCreated}
+
       ${LISTENERS.unitActivityFiltersChanged}
 
       ${LISTENERS.unitMultipleCardsFiltersChanged}
@@ -116,6 +120,8 @@ const htmlText = `
 
       ${DISPATCH_REQUEST_ACCOUNT_ACTION}
 
+      ${DISPATCH_ACCOUNT_CREATED_EVENT}
+
       ${SET_ITEM_IN_WINDOW_UNIT_STORE}
 
       ${HTML_PLACEHOLDER.SCRIPT_FROM_NATIVE}