react-native-unit-components 3.1.2-beta.7 → 3.2.0

package/src/unitComponentsSdkManager/UnitComponentsSdkManager.ts

@@ -5,9 +5,10 @@ import type { UNFonts } from '../types/shared/fonts.types';
 import { warnClientIfNeeded } from '../utils/webVersioningStrategy.utils';
 import { UNComponentsSDKConstants } from './UnitComponentsSdk.constants';
 import type { UNComponentsWebVersioningStrategy } from '../types/shared';
-import { setTheme, setLanguage, setCustomerToken } from '../slices/ConfigurationSlice';
+import { setTheme, setLanguage, setCustomerToken, setVeryfiCredentials } from '../slices/ConfigurationSlice';
 import { store } from '../store/store';
 import { UNComponentsEnvironment } from '../types/shared/env.types';
+import type { UNVeryfiCredentials } from '../types/shared/veryfi.types';
 import { UserDataKeys } from '../types/internal/unitStore.types';
 import UNStoreManagerHelper from '../nativeModulesHelpers/UNStoreModuleHelper/UNStoreModuleHelper';
 import { UnitComponentsHelpersManager } from './unitComponentsHelpersManager/UnitComponentsHelpersManager';
@@ -26,7 +27,7 @@ export class UnitComponentsSDK {
   protected static fonts?: UNFonts;
   protected static signedNonce?: string;
   protected static pushProvisionModule?: typeof NativeModules;
-  protected static sdkVersion = '3.1.2-beta.7';
+  protected static sdkVersion = '3.2.0';
   static iosFontBase64Map: Record<string, string> = {};
 
   public static init = async (
@@ -115,6 +116,10 @@ export class UnitComponentsSDK {
     return this.sdkVersion;
   };
 
+  public static setVeryfiCredentials = (credentials: UNVeryfiCredentials) => {
+    store.dispatch(setVeryfiCredentials(credentials));
+  };
+
   public static cleanUserData = () => {
     UNStoreManagerHelper.cleanValue(UserDataKeys.unitCustomerToken);
     UNStoreManagerHelper.cleanValue(UserDataKeys.unitVerifiedCustomerToken);

package/src/webComponent/WebComponent.tsx

@@ -52,7 +52,7 @@ export const WebComponent = React.forwardRef<WebView, WebComponentProps>(functio
   const [androidPackageName, setAndroidPackageName] = useState<string>();
   const [infoParams, setInfoParams] = useState<{ [key: string]: string }>({});
 
-  const webRef = useRef(null);
+  const webRef = useRef<WebView>(null);
   // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   useImperativeHandle(webOutRef, () => webRef.current!);
 
@@ -156,10 +156,14 @@ export const WebComponent = React.forwardRef<WebView, WebComponentProps>(functio
         break;
 
       case UnitComponentsMessage.UNIT_REQUEST_DOWNLOAD:
-        message.details &&
-          handleRequestDownload(message.details as RequestDownloadEvent, () => {
+        if (message.details) {
+          handleRequestDownload(message.details as RequestDownloadEvent).then((result) => {
+            const urlArg = JSON.stringify(result.url);
+            const errorArg = result.error ? JSON.stringify(result.error) : 'undefined';
+            webRef.current?.injectJavaScript(`dispatchOnDownload(${urlArg}, ${errorArg})`);
             eventBus.emit(UnitComponentsMessage.UNIT_REQUEST_CLOSE_FLOW, {});
           });
+        }
         break;
       case UnitComponentsMessage.UNIT_MULTI_FACTOR_AUTH_FINISHED:
         if (message.details) {

package/src/webComponent/WebComponent.utils.ts

@@ -1,5 +1,5 @@
 import axios from 'axios';
-import { Share, Platform } from 'react-native';
+import { Platform } from 'react-native';
 import AppInfo from '../utils/AppInfo';
 import type { EventToContinueEvent, RequestDownloadEvent } from '../messages/webMessages/unitComponentsMessages';
 import { UnitComponentsSDK } from '../unitComponentsSdkManager/UnitComponentsSdkManager';
@@ -21,10 +21,22 @@ export const getInfoParams = async () => {
   return infoParams;
 };
 
-export const handleRequestDownload = async (details: RequestDownloadEvent, onReadyToShare: () => void) => {
-  if (details.fileType === 'application/pdf') {
+export interface DownloadResult {
+  url: string;
+  error?: string;
+}
+
+const SUPPORTED_DOWNLOAD_TYPES = ['application/pdf', 'text/csv'];
+
+export const handleRequestDownload = async (details: RequestDownloadEvent): Promise<DownloadResult> => {
+  if (!SUPPORTED_DOWNLOAD_TYPES.includes(details.fileType)) {
+    return { url: details.url, error: `Unsupported file type: ${details.fileType}` };
+  }
+
+  try {
     const res = await axios.get(details.url, {
       headers: {
+        'Accept': details.fileType,
         'Authorization': `Bearer ${details.accessToken}`
       },
       responseEncoding: 'base64',
@@ -33,13 +45,11 @@ export const handleRequestDownload = async (details: RequestDownloadEvent, onRea
 
     const base64Data = res.request._response;
 
-    onReadyToShare();
+    await RNShareFile.share(base64Data, details.fileName);
 
-    if (Platform.OS === 'ios') {
-      Share.share({ url: `data:application/pdf;base64,${base64Data}` });
-    } else {
-      RNShareFile.share(base64Data, details.fileName);
-    }
+    return { url: details.url };
+  } catch (error: any) {
+    return { url: details.url, error: error?.message || 'Download failed' };
   }
 };
 

package/src/webComponent/html.ts

@@ -16,6 +16,7 @@ import {
   DISPATCH_MULTIPLE_CARDS_FILTER_CHANGED_EVENT,
   DISPATCH_CARD_CREATED_EVENT,
   DISPATCH_ACCOUNT_CREATED_EVENT,
+  DISPATCH_ON_DOWNLOAD,
 } from '../scripts/html/bodyScript';
 
 export const HTML_PLACEHOLDER = {
@@ -42,14 +43,13 @@ const htmlText = `
     }
     ${HTML_PLACEHOLDER.WINDOW_PARAMS}
     </script>
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
 
     <style type="text/css">
       ${HTML_PLACEHOLDER.FONT_FACES}
 
-      html, body {
+      body {
         margin: 0;
-        overscroll-behavior: contain;
       }
     </style>
   </head>
@@ -124,6 +124,8 @@ const htmlText = `
 
       ${SET_ITEM_IN_WINDOW_UNIT_STORE}
 
+      ${DISPATCH_ON_DOWNLOAD}
+
       ${HTML_PLACEHOLDER.SCRIPT_FROM_NATIVE}
     </script>
   </body>