react-native-unit-components 3.0.1 → 3.1.0

package/lib/typescript/src/types/internal/unitStore.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"unitStore.types.d.ts","sourceRoot":"","sources":["../../../../../src/types/internal/unitStore.types.ts"],"names":[],"mappings":"AAEA,oBAAY,YAAY;IACtB,iBAAiB,sBAAsB;IACvC,iBAAiB,8BAA8B;CAChD"}
+{"version":3,"file":"unitStore.types.d.ts","sourceRoot":"","sources":["../../../../../src/types/internal/unitStore.types.ts"],"names":[],"mappings":"AAEA,oBAAY,YAAY;IACtB,iBAAiB,sBAAsB;IACvC,yBAAyB,8BAA8B;IACvD,gCAAgC,sBAAsB;CACvD"}

package/lib/typescript/src/unitComponentsSdkManager/UnitComponentsSdkManager.d.ts

@@ -15,6 +15,7 @@ export declare class UnitComponentsSDK {
     protected static signedNonce?: string;
     protected static pushProvisionModule?: typeof NativeModules;
     protected static sdkVersion: string;
+    static iosFontBase64Map: Record<string, string>;
     static init: (env: UNComponentsEnvironment, theme?: string, language?: string, fonts?: UNFonts, webVersioningStrategy?: UNComponentsWebVersioningStrategy, securitySettings?: UNComponentsSecuritySettings) => Promise<void>;
     static isInitialized: () => boolean;
     static setPushProvisioningModule: (pushProvisionModule?: typeof NativeModules) => void;

package/lib/typescript/src/unitComponentsSdkManager/UnitComponentsSdkManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UnitComponentsSdkManager.d.ts","sourceRoot":"","sources":["../../../../src/unitComponentsSdkManager/UnitComponentsSdkManager.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAY,MAAM,cAAc,CAAC;AAEvD,OAAO,EAAE,uBAAuB,EAAE,MAAM,mDAAmD,CAAC;AAC5F,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AAG3D,OAAO,KAAK,EAAE,iCAAiC,EAAE,MAAM,iBAAiB,CAAC;AAGzE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAGpE,OAAO,EAAE,4BAA4B,EAAE,MAAM,6DAA6D,CAAC;AAE3G,OAAO,EAAE,4BAA4B,EAA0C,MAAM,kCAAkC,CAAC;AAGxH,qBAAa,iBAAiB;IAC5B,OAAc,EAAE,EAAE,uBAAuB,CAAC;IAC1C,OAAc,OAAO,EAAE,4BAA4B,CAAC;IAEpD,SAAS,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,uBAAuB,CAAC;IAC/C,SAAS,CAAC,MAAM,CAAC,qBAAqB,EAAE,iCAAiC,CAAC;IAC1E,SAAS,CAAC,MAAM,CAAC,gBAAgB,EAAE,4BAA4B,CAA6C;IAC5G,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IACjC,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IACtC,SAAS,CAAC,MAAM,CAAC,mBAAmB,CAAC,EAAE,OAAO,aAAa,CAAC;IAC5D,SAAS,CAAC,MAAM,CAAC,UAAU,SAAW;IAEtC,OAAc,IAAI,QACX,uBAAuB,UACpB,MAAM,aACH,MAAM,UACT,OAAO,0BACQ,iCAAiC,qBACtC,4BAA4B,mBAyB9C;IAEF,OAAc,aAAa,gBAEzB;IAEF,OAAc,yBAAyB,yBAA0B,oBAAoB,UAEnF;IAEF,OAAc,sBAAsB,+DAElC;IAEF,OAAc,mBAAmB,qCAE/B;IAEF;;OAEG;IACH,OAAc,cAAc,gBAAiB,MAAM,UAEjD;IAEF,OAAc,MAAM,4CAElB;IAEF,OAAc,wBAAwB,0CAEpC;IAEF,OAAc,QAAQ,4BAEpB;IAEF;;OAEG;IACH,OAAc,cAAc,2BAE1B;IAEF,OAAc,gBAAgB,kBAAmB,MAAM,UAErD;IAEF,OAAc,aAAa,eAEzB;IAEF,OAAc,aAAa,aAGzB;CAEH"}
+{"version":3,"file":"UnitComponentsSdkManager.d.ts","sourceRoot":"","sources":["../../../../src/unitComponentsSdkManager/UnitComponentsSdkManager.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAY,MAAM,cAAc,CAAC;AAEvD,OAAO,EAAE,uBAAuB,EAAE,MAAM,mDAAmD,CAAC;AAC5F,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AAG3D,OAAO,KAAK,EAAE,iCAAiC,EAAE,MAAM,iBAAiB,CAAC;AAGzE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAGpE,OAAO,EAAE,4BAA4B,EAAE,MAAM,6DAA6D,CAAC;AAE3G,OAAO,EAAE,4BAA4B,EAA0C,MAAM,kCAAkC,CAAC;AAIxH,qBAAa,iBAAiB;IAC5B,OAAc,EAAE,EAAE,uBAAuB,CAAC;IAC1C,OAAc,OAAO,EAAE,4BAA4B,CAAC;IAEpD,SAAS,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,uBAAuB,CAAC;IAC/C,SAAS,CAAC,MAAM,CAAC,qBAAqB,EAAE,iCAAiC,CAAC;IAC1E,SAAS,CAAC,MAAM,CAAC,gBAAgB,EAAE,4BAA4B,CAA6C;IAC5G,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IACjC,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IACtC,SAAS,CAAC,MAAM,CAAC,mBAAmB,CAAC,EAAE,OAAO,aAAa,CAAC;IAC5D,SAAS,CAAC,MAAM,CAAC,UAAU,SAAW;IACtC,MAAM,CAAC,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAM;IAErD,OAAc,IAAI,QACX,uBAAuB,UACpB,MAAM,aACH,MAAM,UACT,OAAO,0BACQ,iCAAiC,qBACtC,4BAA4B,mBA4B9C;IAEF,OAAc,aAAa,gBAEzB;IAEF,OAAc,yBAAyB,yBAA0B,oBAAoB,UAEnF;IAEF,OAAc,sBAAsB,+DAElC;IAEF,OAAc,mBAAmB,qCAE/B;IAEF;;OAEG;IACH,OAAc,cAAc,gBAAiB,MAAM,UAEjD;IAEF,OAAc,MAAM,4CAElB;IAEF,OAAc,wBAAwB,0CAEpC;IAEF,OAAc,QAAQ,4BAEpB;IAEF;;OAEG;IACH,OAAc,cAAc,2BAE1B;IAEF,OAAc,gBAAgB,kBAAmB,MAAM,UAErD;IAEF,OAAc,aAAa,eAEzB;IAEF,OAAc,aAAa,aAIzB;CAEH"}

package/lib/typescript/src/utils/AppInfo.d.ts

@@ -4,6 +4,7 @@ interface Spec extends TurboModule {
     getVersion(): string;
     getBuildNumber(): string;
     getAppIdentifier(): string;
+    readFontFileAsBase64(fileName: string): string;
 }
 declare const _default: Spec;
 export default _default;

package/lib/typescript/src/utils/AppInfo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppInfo.d.ts","sourceRoot":"","sources":["../../../../src/utils/AppInfo.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAuB,MAAM,cAAc,CAAC;AAEhE,UAAU,IAAK,SAAQ,WAAW;IAChC,UAAU,IAAI,MAAM,CAAA;IACpB,UAAU,IAAI,MAAM,CAAA;IACpB,cAAc,IAAI,MAAM,CAAA;IACxB,gBAAgB,IAAI,MAAM,CAAA;CAC3B;;AAED,wBAAyE"}
+{"version":3,"file":"AppInfo.d.ts","sourceRoot":"","sources":["../../../../src/utils/AppInfo.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAuB,MAAM,cAAc,CAAC;AAEhE,UAAU,IAAK,SAAQ,WAAW;IAChC,UAAU,IAAI,MAAM,CAAA;IACpB,UAAU,IAAI,MAAM,CAAA;IACpB,cAAc,IAAI,MAAM,CAAA;IACxB,gBAAgB,IAAI,MAAM,CAAA;IAC1B,oBAAoB,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAA;CAC/C;;AAED,wBAAyE"}

package/lib/typescript/src/webComponent/WebComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WebComponent.d.ts","sourceRoot":"","sources":["../../../../src/webComponent/WebComponent.tsx"],"names":[],"mappings":"AACA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAGhF,OAAO,EAAE,OAAO,EAAuB,MAAM,sBAAsB,CAAC;AAapE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAG9D,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAU1F,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,gBAAgB,CAAC;IACvB,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC;IAC9C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,YAAY,uFAmLvB,CAAC"}
+{"version":3,"file":"WebComponent.d.ts","sourceRoot":"","sources":["../../../../src/webComponent/WebComponent.tsx"],"names":[],"mappings":"AACA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAGhF,OAAO,EAAE,OAAO,EAAuB,MAAM,sBAAsB,CAAC;AAapE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAG9D,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAU1F,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,gBAAgB,CAAC;IACvB,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC;IAC9C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,YAAY,uFAqLvB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-unit-components",
-  "version": "3.0.1",
+  "version": "3.1.0",
   "description": "Unit React Native components",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

package/src/components/UNBottomSheetComponent/UNBottomSheetComponent.utils.ts

@@ -270,15 +270,14 @@ export const getNativeComponentDataFromEvent = (event: BottomSheetSlotData) => {
   let nativePlace = BottomSheetNativePlaceType.modal;
   const requestRenderingEventData = event.requestRenderingEvent.data;
 
-  const customerToken = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'customer-token');
-  if (!customerToken) {
-    console.error('customerToken is missing in getNativeComponentDataFromEvent');
-    return null;
-  }
-
   switch (requestRenderingEventData.nativeComponentName) {
     case WebComponentType.cardAction:
       if (requestRenderingEventData.nativeComponent?.includes('action=AddToWallet')) {
+        const customerToken = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'customer-token');
+        if (!customerToken) {
+          console.error('customerToken is missing for AddToWallet');
+          return null;
+        }
         nativePlace = BottomSheetNativePlaceType.overFullScreen;
         componentData = getAddToWalletComponentDataFromEvent(event, customerToken);
       }

package/src/components/UNMultiFactorAuthenticationComponent/UNMultiFactorAuthenticationComponent.tsx

@@ -59,7 +59,7 @@ const UNMultiFactorAuthenticationComponent = (props: UNMultiFactorAuthentication
         props.onVerificationTokenCreated && props.onVerificationTokenCreated(message.details as UNCustomerTokenVerification);
         break;
       case UnitComponentsMessage.UNIT_MULTI_FACTOR_AUTH_FINISHED: {
-        const data = JSON.parse((message.details as MultiFactorAuthenticationFinishedEvent).unitVerifiedCustomerTokenString);
+        const data = JSON.parse((message.details as MultiFactorAuthenticationFinishedEvent).tokenString);
         props.onAuthenticationFinished && props.onAuthenticationFinished(data as UNMultiFactorAuthenticationFinished);
         break;
       }

package/src/messages/webMessages/unitComponentsMessages.ts

@@ -41,7 +41,8 @@ export interface RequestRefreshEvent {
 }
 
 export interface MultiFactorAuthenticationFinishedEvent {
-  unitVerifiedCustomerTokenString: string;
+  tokenString: string;
+  tokenStoreKey: 'unitVerifiedCustomerToken' | 'unitVerifiedToken';
   parentInstanceId?: string;
   eventToContinue?: string;
 }

package/src/nativeModulesHelpers/UNFontFileHelper/UNFontFileHelper.ts

@@ -0,0 +1,24 @@
+import type { UNFonts } from '../../types/shared/fonts.types';
+import AppInfo from '../../utils/AppInfo';
+
+export const loadIosFontBase64 = async (fonts: UNFonts): Promise<Record<string, string>> => {
+  const fileNames = new Set<string>();
+  Object.values(fonts).forEach((familyFonts) => {
+    familyFonts.forEach((fontData) => {
+      fontData.sources.forEach((source) => {
+        fileNames.add(source.fileName);
+      });
+    });
+  });
+
+  const map: Record<string, string> = {};
+  for (const fileName of fileNames) {
+    try {
+      const base64 = await AppInfo.readFontFileAsBase64(fileName);
+      map[fileName] = base64;
+    } catch (e) {
+      console.warn(`Failed to read font file: ${fileName}`, e);
+    }
+  }
+  return map;
+};

package/src/scripts/html/bodyScript.ts

@@ -8,6 +8,7 @@ import { PlaidMessage } from '../../messages/webMessages/plaidMessages';
 import { PayeeManagementMessage } from '../../messages/webMessages/payeeManagementMessage';
 import { MultipleCardsMessage } from '../../messages/webMessages/multipleCardsMessage';
 import { WebComponentType } from '../../types/internal/webComponent.types';
+import { UserDataKeys } from '../../types/internal/unitStore.types';
 
 export const POST_MESSAGE_TO_SDK = `
   const postMessageToSDK = (message) => {
@@ -169,15 +170,23 @@ export const LISTENERS = {
   unitMultiFactorAuthFinished: `
     window.addEventListener("${UnitComponentsMessage.UNIT_MULTI_FACTOR_AUTH_FINISHED}", async (e) => {
       const response = await e.detail.response;
-      const unitVerifiedCustomerToken = {
-        token: response.data.attributes.token,
-        expiration: new Date().getTime() + response.data.attributes.expiresIn * 1000,
+      const attrs = response.data.attributes;
+
+      // Determine token type and appropriate storage key
+      const isApplicationFormToken = !!attrs.applicationFormVerifiedToken;
+      const token = isApplicationFormToken ? attrs.applicationFormVerifiedToken : attrs.token;
+      const storeKey = isApplicationFormToken ? "${UserDataKeys.unitApplicationFormVerifiedToken}" : "${UserDataKeys.unitVerifiedCustomerToken}";
+
+      const tokenData = {
+        token: token,
+        expiration: attrs.expiresIn ? new Date().getTime() + attrs.expiresIn * 1000 : null,
       };
-      const unitVerifiedCustomerTokenString = JSON.stringify(unitVerifiedCustomerToken);
-      window.UnitStore["unitVerifiedCustomerToken"] = unitVerifiedCustomerTokenString;
+      const unitVerifiedCustomerTokenString = JSON.stringify(tokenData);
+      window.UnitStore[storeKey] = unitVerifiedCustomerTokenString;
 
       const data = {
-        unitVerifiedCustomerTokenString,
+        tokenString: unitVerifiedCustomerTokenString,
+        tokenStoreKey: storeKey,
         parentInstanceId: e.detail.parentInstanceId,
         eventToContinue: e.detail.eventToContinue
       }

package/src/scripts/html/fontFaces.ts

@@ -1,8 +1,23 @@
 import { Platform } from 'react-native';
 import type { FontWeight, UNFonts, UNFontSource, UNFontData } from '../../types/shared/fonts.types';
 
-const getUrl = (source: UNFontSource): string => {
+const getMimeType = (fileName: string): string => {
+  const ext = fileName.split('.').pop()?.toLowerCase();
+  switch (ext) {
+    case 'woff': return 'font/woff';
+    case 'woff2': return 'font/woff2';
+    case 'otf': return 'font/otf';
+    default: return 'font/ttf';
+  }
+};
+
+const getUrl = (source: UNFontSource, iosFontBase64Map?: Record<string, string>): string => {
   if (Platform.OS == 'ios') {
+    const base64 = iosFontBase64Map?.[source.fileName];
+    if (base64) {
+      const mime = getMimeType(source.fileName);
+      return `url('data:${mime};base64,${base64}')`;
+    }
     return `url('${source.fileName}')`;
   }
 
@@ -17,13 +32,13 @@ const getUrl = (source: UNFontSource): string => {
 
   return `url('file:///android_asset${relativeDirPath}${source.fileName}')`;
 };
-const getFontFace = (fontFamily: string, fontWeight: FontWeight, sources: UNFontSource[]): string => {
+const getFontFace = (fontFamily: string, fontWeight: FontWeight, sources: UNFontSource[], iosFontBase64Map?: Record<string, string>): string => {
   const numOfSources = sources.length;
 
   const sourcesString = sources
     .map((source, index) => {
       const suffix = index === numOfSources - 1 ? ';' : ',';
-      const url = getUrl(source);
+      const url = getUrl(source, iosFontBase64Map);
       const format = source?.format ? `format('${source.format}')` : '';
       return `${url} ${format}${suffix}`;
     })
@@ -38,7 +53,7 @@ const getFontFace = (fontFamily: string, fontWeight: FontWeight, sources: UNFont
   `;
 };
 
-export const getFontFacesString = (fonts?: UNFonts): string => {
+export const getFontFacesString = (fonts?: UNFonts, iosFontBase64Map?: Record<string, string>): string => {
   if (!fonts) return '';
 
   const fontFaces: string[] = [];
@@ -47,7 +62,7 @@ export const getFontFacesString = (fonts?: UNFonts): string => {
   // create font-face for each variant
   Object.entries(fonts).forEach(([familyName, familyFonts]) => {
     familyFonts.forEach((fontData: UNFontData) => {
-      fontFaces.push(getFontFace(familyName, fontData.fontWeight, fontData.sources));
+      fontFaces.push(getFontFace(familyName, fontData.fontWeight, fontData.sources, iosFontBase64Map));
     });
   });
 

package/src/types/internal/unitStore.types.ts

@@ -2,5 +2,6 @@
 
 export enum UserDataKeys {
   unitCustomerToken = 'unitCustomerToken',
-  unitVerifiedToken = 'unitVerifiedCustomerToken'
+  unitVerifiedCustomerToken = 'unitVerifiedCustomerToken',
+  unitApplicationFormVerifiedToken = 'unitVerifiedToken'
 }

package/src/unitComponentsSdkManager/UnitComponentsSdk.constants.ts

@@ -4,7 +4,7 @@ import { UNComponentsSecuritySettings, UNComponentsSnapshotProtectionStrategy }
 const WEB_SDK_RECOMMENDED_STRATEGY: UNComponentsWebVersioningStrategy = {
   type: UNVersioningStrategyType.upToNextMinor,
   major: 3,
-  minor: 3,
+  minor: 6,
 };
 
 const DEFAULT_SECURITY_SETTINGS: UNComponentsSecuritySettings = {

package/src/unitComponentsSdkManager/UnitComponentsSdkManager.ts

@@ -14,6 +14,7 @@ import { UnitComponentsHelpersManager } from './unitComponentsHelpersManager/Uni
 import UNSecurityManagerHelper from '../nativeModulesHelpers/UNSecurityHelper';
 import { UNComponentsSecuritySettings, UNComponentsSnapshotProtectionStrategy } from '../types/shared/securitySettings';
 import UNSnapshotProtectionHelper from '../nativeModulesHelpers/UNSanpshotProtectionHelper/UNSnapshotProtectionHelper';
+import { loadIosFontBase64 } from '../nativeModulesHelpers/UNFontFileHelper/UNFontFileHelper';
 
 export class UnitComponentsSDK {
   public static ui: UnitComponentsUiManager;
@@ -25,7 +26,8 @@ export class UnitComponentsSDK {
   protected static fonts?: UNFonts;
   protected static signedNonce?: string;
   protected static pushProvisionModule?: typeof NativeModules;
-  protected static sdkVersion = '3.0.1';
+  protected static sdkVersion = '3.1.0';
+  static iosFontBase64Map: Record<string, string> = {};
 
   public static init = async (
     env: UNComponentsEnvironment,
@@ -47,6 +49,9 @@ export class UnitComponentsSDK {
       this.env = env;
       this.securitySettings = securitySettings;
       this.fonts = fonts;
+      if (Platform.OS === 'ios' && fonts) {
+        this.iosFontBase64Map = await loadIosFontBase64(fonts);
+      }
       store.dispatch(setTheme(theme));
       store.dispatch(setLanguage(language));
       warnClientIfNeeded(this.webVersioningStrategy);
@@ -112,7 +117,8 @@ export class UnitComponentsSDK {
 
   public static cleanUserData = () => {
     UNStoreManagerHelper.cleanValue(UserDataKeys.unitCustomerToken);
-    UNStoreManagerHelper.cleanValue(UserDataKeys.unitVerifiedToken);
+    UNStoreManagerHelper.cleanValue(UserDataKeys.unitVerifiedCustomerToken);
+    UNStoreManagerHelper.cleanValue(UserDataKeys.unitApplicationFormVerifiedToken);
   };
 
 }

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

@@ -7,10 +7,10 @@ export const getUnitScriptUrl = (env: UNComponentsEnvironment, webVersioningStra
 
   switch (env) {
     case UNComponentsEnvironment.sandbox:
-      return `https://ui.s.unit.sh/release/${webSdkVersionString}/components.js`;
+      return `https://ui.s.unit.sh/release/${webSdkVersionString}/components-extended.js`;
 
     case UNComponentsEnvironment.production:
-      return `https://ui.unit.co/release/${webSdkVersionString}/components.js`;
+      return `https://ui.unit.co/release/${webSdkVersionString}/components-extended.js`;
 
     case UNComponentsEnvironment.mock:
       return 'https://unit-white-label-ui.netlify.app/assets/components-mock.js';

package/src/utils/AppInfo.ts

@@ -5,6 +5,7 @@ interface Spec extends TurboModule {
   getVersion(): string
   getBuildNumber(): string
   getAppIdentifier(): string
+  readFontFileAsBase64(fileName: string): string
 }
 
 export default TurboModuleRegistry.getEnforcing<Spec>('UNAppInfoModule');

package/src/webComponent/WebComponent.tsx

@@ -100,16 +100,18 @@ export const WebComponent = React.forwardRef<WebView, WebComponentProps>(functio
 
       const componentParams = customerTokenParam + (props.params || '') + themeParam + languageParam;
 
-      const fontFaces = getFontFacesString(UnitComponentsSDK.getFonts());
+      const fontFaces = getFontFacesString(UnitComponentsSDK.getFonts(), UnitComponentsSDK.iosFontBase64Map);
 
       const windowInfoParams = `window.UnitMobileSDKConfig['info'] = ${JSON.stringify(infoParams)};`;
       const plaidRedirectUriParam = (Platform.OS == 'ios' && UnitComponentsSDK.helpers.redirectUri) ? `window.UnitMobileSDKConfig['plaidRedirectUri'] = '${UnitComponentsSDK.helpers.redirectUri}/plaid';` : '';
       const unitSessionIdParam = `window.UnitSessionStore.unitSessionId = '${UnitComponentsSDK.helpers.unitSessionId}';`;
 
-      const unitVerifiedCustomerToken = await UNStoreManagerHelper.getValue(UserDataKeys.unitVerifiedToken);
-      const windowVerifiedCustomerToken = unitVerifiedCustomerToken ? `window.UnitStore['unitVerifiedCustomerToken'] = '${unitVerifiedCustomerToken}';` : '';
+      const unitVerifiedCustomerToken = await UNStoreManagerHelper.getValue(UserDataKeys.unitVerifiedCustomerToken);
+      const unitAppFormVerifiedToken = await UNStoreManagerHelper.getValue(UserDataKeys.unitApplicationFormVerifiedToken);
+      const windowVerifiedCustomerToken = unitVerifiedCustomerToken ? `window.UnitStore['${UserDataKeys.unitVerifiedCustomerToken}'] = '${unitVerifiedCustomerToken}';` : '';
+      const windowAppFormVerifiedToken = unitAppFormVerifiedToken ? `window.UnitStore['${UserDataKeys.unitApplicationFormVerifiedToken}'] = '${unitAppFormVerifiedToken}';` : '';
 
-      const windowParams = `${windowInfoParams} ${unitSessionIdParam} ${plaidRedirectUriParam} ${windowVerifiedCustomerToken} ${props.windowParams || ''}`;
+      const windowParams = `${windowInfoParams} ${unitSessionIdParam} ${plaidRedirectUriParam} ${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);
@@ -124,7 +126,7 @@ export const WebComponent = React.forwardRef<WebView, WebComponentProps>(functio
 
   // Listen and update the live webComponents
   const handleMultiFactorAuthFinished = (data: MultiFactorAuthenticationFinishedEvent) => {
-    setItemInWindowUnitStore(webRef.current, UserDataKeys.unitVerifiedToken, data.unitVerifiedCustomerTokenString);
+    setItemInWindowUnitStore(webRef.current, data.tokenStoreKey as UserDataKeys, data.tokenString);
     injectEventToContinue(webRef.current, {
       parentInstanceId: data.parentInstanceId,
       eventToContinue: data.eventToContinue
@@ -158,7 +160,7 @@ export const WebComponent = React.forwardRef<WebView, WebComponentProps>(functio
       case UnitComponentsMessage.UNIT_MULTI_FACTOR_AUTH_FINISHED:
         if (message.details) {
           const data = message.details as MultiFactorAuthenticationFinishedEvent;
-          UNStoreManagerHelper.saveValue(UserDataKeys.unitVerifiedToken, data.unitVerifiedCustomerTokenString);
+          UNStoreManagerHelper.saveValue(data.tokenStoreKey as UserDataKeys, data.tokenString);
           // update existing components - namely, the other webComponents will update their window as well as this webComponent
           eventBus.emit(
             UnitComponentsMessage.UNIT_MULTI_FACTOR_AUTH_FINISHED,