react-native-unit-components 1.9.1 → 1.11.0

package/src/types/internal/bottomSheet.types.ts

@@ -1,12 +1,54 @@
 import type { RequestRenderingEvent } from '../../messages/webMessages/unitMessages';
 import type { PresentationMode, WebComponentType } from './webComponent.types';
+import {
+  UNAddToWalletComponentProps,
+} from '../../nativeComponents/UNAddToWallet/UNAddToWalletComponent/UNAddToWalletComponent';
+
+export enum BottomSheetNativePlaceType {
+  overFullScreen = 'overFullScreen',
+  modal = 'modal',
+  menu = 'menu',
+}
+
+export enum ScrollState {
+  /*
+    Web View ScrollState -
+      - Initialization:
+      'onTop': for a scrollable webView.
+        (onTop means that the webview is onTop of the BottomSheet and we need to recognize the scroll direction).
+        Then, it recognize the scroll direction and update the scroll state as needed.
+
+      -'unScrollable': for an unscrollable webView
+  */
+  onTop = 'onTop',
+  unScrollable = 'unScrollable',
+
+  /*
+    These are only for maintain the bottom sheet scrollState (not an initialize scroll state).
+    It relates to the current scroll state.
+    onlyWebView means that now the scroll is on webview (only).
+    onlyBottomSheet means that now the scroll is on bottomSheet (only).
+   */
+  onlyWebView = 'webViewScroll',
+  onlyBottomSheet = 'onlyBottomSheet',
+}
 
 export enum BottomSheetRenderingType {
   Slot,
-  WebComponent,
   NativeComponent
 }
 
+export enum BottomSheetNativeComponentType {
+  AddToWalletComponent = 'UNAddToWalletComponent',
+}
+
+export type BottomSheetNativeAddToWalletComponentType = {
+  type: BottomSheetNativeComponentType.AddToWalletComponent,
+  props: UNAddToWalletComponentProps
+}
+
+export type BottomSheetNativeComponent = BottomSheetNativeAddToWalletComponentType
+
 export type BottomSheetSlotData = {
   // The data that rendered by the web view
   componentName?: WebComponentType,
@@ -14,6 +56,11 @@ export type BottomSheetSlotData = {
   requestRenderingEvent: RequestRenderingEvent
 }
 
+export type BottomSheetComponentData = {
+  componentName?: WebComponentType,
+  componentResourceId?: string,
+}
+
 export type WebComponentData = {
   type: WebComponentType;
   presentationMode?: PresentationMode,
@@ -24,7 +71,9 @@ export type WebComponentData = {
 }
 
 export type NativeComponentData = {
-  component: React.ReactNode,
+  component: BottomSheetNativeComponent,
+  scrollState?: ScrollState,
+  nativePlace?: BottomSheetNativePlaceType,
 }
 
 export interface SlotRendering {
@@ -32,11 +81,6 @@ export interface SlotRendering {
   data: BottomSheetSlotData
 }
 
-export interface WebComponentRendering {
-  type: BottomSheetRenderingType.WebComponent,
-  data: WebComponentData
-}
-
 export interface NativeComponentRendering {
   type: BottomSheetRenderingType.NativeComponent,
   data: NativeComponentData

package/src/types/internal/errorHelpers.ts

@@ -0,0 +1,22 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+
+import type { UNErrorData } from '../shared/error.types';
+import type { UNError } from '../shared';
+
+const isUNErrorData = (obj: any): obj is UNErrorData => {
+  return (
+    typeof obj === 'object' &&
+    'title' in obj
+  );
+};
+
+export const isUNErrorDataArray = (arr: any): arr is UNErrorData[] => {
+  return (
+    Array.isArray(arr) &&
+    arr.every((item) => isUNErrorData(item))
+  );
+};
+
+export const isUNError = (error: any): error is UNError => {
+  return 'errors' in error && isUNErrorDataArray(error.errors);
+};

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

@@ -1,5 +1,6 @@
 export enum WebComponentType {
   card = 'unit-elements-card',
+  multipleCards = 'unit-elements-multiple-cards',
   bookPayment = 'unit-elements-book-payment',
   activity = 'unit-elements-activity',
   slot = 'unit-elements-sdk-slot',
@@ -7,8 +8,9 @@ export enum WebComponentType {
   checkDeposit = 'unit-elements-check-deposit',
   achDebitPayment = 'unit-elements-ach-debit-payment',
   achCreditPayment = 'unit-elements-ach-credit-payment',
-
   cardAction = 'unit-elements-card-action',
+  programDetails = 'unit-elements-program-details',
+  nextRepayment = 'unit-elements-next-repayment',
 }
 
 export enum PresentationMode {

package/src/types/shared/account.types.ts

@@ -129,3 +129,9 @@ export enum UNAccountMenuAction {
   OpenAccountStatements = 'OpenAccountStatements',
   DownloadBankVerificationLetter = 'DownloadBankVerificationLetter',
 }
+
+export enum UNAccountMenuItem {
+  details = 'details',
+  statements = 'statements',
+  bankVerification = 'bankVerification',
+}

package/src/types/shared/activity.types.ts

@@ -2,7 +2,12 @@ import type { RESPONSE_KEYS } from '../../messages/webMessages/onLoadMessage';
 import type { UNAuthorizationData } from './authorization.types';
 import type { UNTransactionData } from './transactions.types';
 
+export enum UNActivityComponentPaginationType {
+  infiniteScroll = 'infiniteScroll',
+  pagination = 'pagination'
+}
+
 export type UNActivityOnLoadData = {
-  [RESPONSE_KEYS.authorization]: UNAuthorizationData,
-  [RESPONSE_KEYS.transactions]: UNTransactionData,
+  [RESPONSE_KEYS.authorizations]: [UNAuthorizationData],
+  [RESPONSE_KEYS.transactions]: [UNTransactionData],
 }

package/src/types/shared/card.types.ts

@@ -2,7 +2,7 @@ import type { UNAddress, UNFullName, UNLimits, UNRelationship, UNTags } from './
 
 export type UNCardData = UNIndividualDebitCard | UNBusinessDebitCard
 
-type UNCardStatus =  'Active' | 'Inactive' | 'Stolen' | 'Lost' | 'Frozen' | 'ClosedByCustomer' | 'SuspectedFraud'
+type UNCardStatus = 'Active' | 'Inactive' | 'Stolen' | 'Lost' | 'Frozen' | 'ClosedByCustomer' | 'SuspectedFraud'
 
 export type UNIndividualDebitCard = {
   id: string,
@@ -70,3 +70,12 @@ export enum UNCardMenuAction {
   SetPin = 'SetPin',
   AddToWallet = 'AddToWallet'
 }
+
+export enum UNCardMenuItem {
+  freeze = 'freeze',
+  addToWallet = 'addToWallet',
+  managePin = 'managePin',
+  replace = 'replace',
+  report = 'report',
+  close = 'close',
+}

package/src/types/shared/error.types.ts

@@ -0,0 +1,38 @@
+export type UNError = {
+  errors: UNErrorData[]
+}
+
+export type UNErrorData = {
+  status?: string,
+  title: string,
+  detail?: string,
+  details?: string,
+  meta?: UNErrorMeta
+  code?: UNErrorCodes,
+  error?: Error
+}
+
+interface UNErrorMeta {
+  meta: Record<string, string>,
+}
+
+export enum UNErrorCodes {
+    FEATURE_DISABLED = 'feature_disabled',
+    INVALID_VALUE = 'invalid_value',
+    LIMITS_EXCEEDED = 'limits_exceeded',
+    NOT_FOUND = 'not_found',
+    ACCOUNT_CUSTOMER_MISMATCH = 'account_customer_mismatch',
+    NOT_SUPPORTED_FOR_ACCOUNT_STATUS = 'not_supported_for_account_status',
+    NOT_SUPPORTED_FOR_ACCOUNT_TYPE = 'not_supported_for_account_type',
+    NOT_SUPPORTED_FOR_CARD = 'not_supported_for_card',
+    NOT_SUPPORTED_FOR_CARD_STATUS = 'not_supported_for_card_status',
+    NOT_SUPPORTED_FOR_CARD_TYPE = 'not_supported_for_card_type',
+    INVALID_NONCE = 'invalid_nonce',
+    NOT_SUPPORTED_FOR_PAYMENT_TYPE = 'not_supported_for_payment_type',
+    PAYMENT_INVALID = 'payment_invalid',
+    UNAUTHORIZED = 'unauthorized',
+    FORBIDDEN = 'forbidden',
+    ALREADY_EXISTS = 'already_exists',
+    CUSTOMER_NAME_UNDELIVERABLE = 'customer_name_undeliverable',
+    CUSTOMER_ADDRESS_UNDELIVERABLE = 'customer_address_undeliverable',
+}

package/src/types/shared/index.ts

@@ -7,4 +7,6 @@ export * from './account.types';
 export * from './checkDeposit.types';
 export * from './activity.types';
 export * from './fonts.types';
+export * from './error.types';
 export * from './versioning.types';
+export * from './multipleCards.types';

package/src/types/shared/multipleCards.types.ts

@@ -0,0 +1,8 @@
+import type { UNCardData } from './card.types';
+
+export enum UNMultipleCardsComponentPaginationType {
+  infiniteScroll = 'infiniteScroll',
+  pagination = 'pagination'
+}
+
+export type UNMultipleCardsOnLoadData = UNCardData[];

package/src/types/shared/onLoadResponse.types.ts

@@ -1,19 +1,9 @@
+import type { UNError } from './error.types';
+
 export type UNOnLoadResponseData<T> = {
   data: T,
 }
 
-export type UNError = {
-  errors: UNErrorData[]
-}
-
-export type UNErrorData = {
-  status: string,
-  title: string,
-  detail?: string,
-  details?: string,
-  meta?: Record<string, string>
-}
-
 export type UNOnLoadResponse<T> =
   | UNOnLoadResponseData<T>
   | UNError

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

@@ -1,14 +1,19 @@
 export type UNPaymentStatus = 'Sent' | 'Rejected'
 
 export type UNAchCounterparty = {
-	name: string
-	accountNumber: string
-	routingNumber: string
-	accountType: UNAccountType
+  name: string
+  accountNumber: string
+  routingNumber: string
+  accountType: UNAccountType
 }
 
 type UNAccountType = 'Savings' | 'Checking'
 
+export enum UNPlaidAccountFilter {
+  checking = 'checking',
+  savings = 'savings',
+}
+
 export enum UNCounterpartyVerificationMethod {
-	Plaid = 'Plaid',
+  Plaid = 'Plaid',
 }

package/src/types/shared/repayment.types.ts

@@ -0,0 +1,12 @@
+export type UNRepaymentData = UNCreditAccountRepaymentData
+
+export type UNCreditAccountRepaymentData = {
+	type: 'creditAccountRepaymentInformation'
+	attributes: {
+		remainingAmountDue: number // Cents
+		remainingAmountOverdue: number // Cents
+		statementPeriodStart: string // "2023-07-01",
+		statementPeriodEnd: string // "2023-07-31",
+		nextRepaymentDueDate: string // "2023-08-13"
+	}
+}

package/src/types/shared/versioning.types.ts

@@ -1,9 +1,14 @@
 export enum UNVersioningStrategyType {
+  latest = 'latest',
   exact = 'exact',
   upToNextMinor = 'upToNextMinor',
   upToNextMajor = 'upToNextMajor'
 }
 
+type UNLatestWebVersioningStrategy = {
+  type: UNVersioningStrategyType.latest;
+}
+
 type UNExactWebVersioningStrategy = {
   type: UNVersioningStrategyType.exact;
   major: number;
@@ -23,6 +28,7 @@ type UNUpToNextMajorWebVersioningStrategy = {
 }
 
 export type UNWebVersioningStrategy =
-  UNExactWebVersioningStrategy
+  UNLatestWebVersioningStrategy
+  | UNExactWebVersioningStrategy
   | UNUpToNextMinorWebVersioningStrategy
   | UNUpToNextMajorWebVersioningStrategy;

package/src/unitSdkManager/UnitSdk.api.ts

@@ -1,15 +1,14 @@
-import EventBus from '../helpers/EventBus';
-import { SDKMessage, SdkScriptFetched } from '../messages/nativeMessages/sdkMessage';
 import { UnitSDK } from './UnitSdkManager';
 
 import { getUnitScriptUrl } from './UnitSdkManager.utils.internal';
+import { store } from '../store/store';
+import { setUnitScript, selectConfiguration } from '../slices/ConfigurationSlice';
 
 let isLoadingScript = false;
 
-/** globalUnitScript is exported ONLY to our project components **/
-export let globalUnitScript = '';
-
 export const fetchUnitScript = async () => {
+  const configurationState = selectConfiguration(store.getState());
+  const globalUnitScript = configurationState.unitScript;
   const env = UnitSDK.getEnv();
   const webVersioningStrategy = UnitSDK.getWebVersioningStrategy();
   if (isLoadingScript || globalUnitScript || !env) {
@@ -21,9 +20,7 @@ export const fetchUnitScript = async () => {
     const unitScriptRes = await fetch(getUnitScriptUrl(env, webVersioningStrategy));
     const unitScript = await unitScriptRes.text();
     if (unitScript) {
-      const scriptFetchData: SdkScriptFetched = { unitScript };
-      EventBus.Instance.event(SDKMessage.IS_SCRIPT_FETCHED, scriptFetchData);
-      globalUnitScript = unitScript;
+      store.dispatch(setUnitScript(unitScript));
     }
     return null;
   } catch (e) {

package/src/unitSdkManager/UnitSdk.constants.ts

@@ -3,7 +3,7 @@ import { UNVersioningStrategyType, UNWebVersioningStrategy } from '../types/shar
 const WEB_SDK_RECOMMENDED_STRATEGY: UNWebVersioningStrategy = {
   type: UNVersioningStrategyType.upToNextMinor,
   major: 1,
-  minor: 2,
+  minor: 6,
 };
 
 export const UNSDKConstants = {

package/src/unitSdkManager/UnitSdkManager.ts

@@ -1,12 +1,12 @@
 import type { NativeModules } from 'react-native';
-import EventBus from '../helpers/EventBus';
-import { SDKMessage } from '../messages/nativeMessages/sdkMessage';
 import { fetchUnitScript } from './UnitSdk.api';
 import { UnitUiManager } from './unitUiManager/unitUiManager';
 import type { UNFonts } from '../types/shared/fonts.types';
 import { warnClientIfNeeded } from '../utils/webVersioningStrategy.utils';
 import { UNSDKConstants } from './UnitSdk.constants';
 import type { UNWebVersioningStrategy } from '../types/shared';
+import { setTheme, setLanguage } from '../slices/ConfigurationSlice';
+import { store } from '../store/store';
 
 export enum UNEnvironment {
   sandbox = 'sandbox',
@@ -18,8 +18,6 @@ export class UnitSDK {
   protected static env?: UNEnvironment;
   protected static webVersioningStrategy: UNWebVersioningStrategy;
   protected static customerToken?: string;
-  protected static theme?: string;
-  protected static language?: string;
   protected static fonts?: UNFonts;
   protected static signedNonce?: string;
   protected static pushProvisionModule?: typeof NativeModules;
@@ -28,14 +26,12 @@ export class UnitSDK {
     try {
       this.env = env;
       this.webVersioningStrategy = webVersioningStrategy;
-      this.theme = theme;
-      this.language = language;
       this.fonts = fonts;
-
+      store.dispatch(setTheme(theme));
+      store.dispatch(setLanguage(language));
       this.ui = new UnitUiManager();
       warnClientIfNeeded(this.webVersioningStrategy);
       await fetchUnitScript();
-      EventBus.Instance.event(SDKMessage.IS_SDK_INITIALIZED, {});
     } catch (e) {
       console.log(e);
     }
@@ -50,8 +46,8 @@ export class UnitSDK {
   };
 
   /**
- * @deprecated - Unit SDK is managing the signedNonce, no need to provide it
- */
+   * @deprecated - Unit SDK is managing the signedNonce, no need to provide it
+   */
   public static setSignedNonce = (signedNonce: string) => {
     this.signedNonce = signedNonce;
   };
@@ -64,21 +60,13 @@ export class UnitSDK {
     return this.webVersioningStrategy;
   };
 
-  public static getTheme = () => {
-    return this.theme;
-  };
-
-  public static getLanguage = () => {
-    return this.language;
-  };
-
   public static getFonts = () => {
     return this.fonts;
   };
 
   /**
- * @deprecated - Unit SDK is managing the signedNonce, no need to provide it
- */
+   * @deprecated - Unit SDK is managing the signedNonce, no need to provide it
+   */
   public static getSignedNonce = () => {
     return this.signedNonce;
   };

package/src/utils/AppInfo.ts

@@ -0,0 +1,40 @@
+import { NativeModules, Platform } from 'react-native';
+const { AndroidAppInfo, IOSAppInfo } = NativeModules;
+
+const appInfoModule = Platform.OS === 'android' ? AndroidAppInfo : IOSAppInfo;
+
+export const getAppName = async () => {
+  try {
+    const response = await appInfoModule.getAppName();
+    return response;
+  } catch (error) {
+    console.error(error);
+  }
+};
+
+export const getVersion = async () => {
+  try {
+    const response = await appInfoModule.getVersion();
+    return response;
+  } catch (error) {
+    console.error(error);
+  }
+};
+
+export const getBuildNumber = async () => {
+  try {
+    const response = await appInfoModule.getBuildNumber();
+    return response;
+  } catch (error) {
+    console.error(error);
+  }
+};
+
+export const getAppIdentifier = async () => {
+  try {
+    const response = await appInfoModule.getAppIdentifier();
+    return response;
+  } catch (error) {
+    console.error(error);
+  }
+};

package/src/utils/SDKInfo.ts

@@ -0,0 +1,5 @@
+import Package from '../../package.json';
+
+export const getSDKVersion = () => {
+  return Package.version;
+};

package/src/utils/webVersioningStrategy.utils.ts

@@ -3,6 +3,8 @@ import { UNSDKConstants } from '../unitSdkManager/UnitSdk.constants';
 
 export const getWebSdkVersionString = (webVersioningStrategy: UNWebVersioningStrategy) => {
   switch (webVersioningStrategy.type) {
+    case UNVersioningStrategyType.latest:
+      return 'latest';
     case UNVersioningStrategyType.exact:
       return `${webVersioningStrategy.major}.${webVersioningStrategy.minor}.${webVersioningStrategy.patch}`;
     case UNVersioningStrategyType.upToNextMinor:
@@ -14,6 +16,8 @@ export const getWebSdkVersionString = (webVersioningStrategy: UNWebVersioningStr
 
 export const getVersionArray = (webVersioningStrategy: UNWebVersioningStrategy) => {
   switch (webVersioningStrategy.type) {
+    case UNVersioningStrategyType.latest:
+      return [null, null, null];
     case UNVersioningStrategyType.exact:
       return [webVersioningStrategy.major, webVersioningStrategy.minor, webVersioningStrategy.patch];
     case UNVersioningStrategyType.upToNextMinor:
@@ -43,6 +47,9 @@ export const isBehindRecommendedStrategy = (currentWebVersioningStrategy: UNWebV
 };
 
 export const warnClientIfNeeded = (currentWebVersioningStrategy: UNWebVersioningStrategy) => {
+  if (currentWebVersioningStrategy.type === UNVersioningStrategyType.latest) {
+    return;
+  }
   if (currentWebVersioningStrategy.major > UNSDKConstants.webSDKRecommendedStrategy.major) {
     console.log(`The current web sdk version is ${getWebSdkVersionString(currentWebVersioningStrategy)} which is higher than the latest supported version ${getWebSdkVersionString(UNSDKConstants.webSDKRecommendedStrategy)}. Please update the latest version of the web sdk.`);
   }