react-native-unit-components 1.15.0 → 2.0.0

package/src/networking/requests/UNWalletPayloadRequest.ts

@@ -1,8 +1,8 @@
 import axios from 'axios';
 import { APIHeaders, UNIT_SECURE_URL } from '../common/UNNetworkConstants';
 import type { UNMobileWalletPayload } from '../../helpers/pushProvisioningService/types';
-import type { UNError, UNErrorData } from '../../types/shared/error.types';
-import { UNEnvironment } from '../../types/shared/env.types';
+import type { UNComponentsError, UNComponentsErrorData } from '../../types/shared/error.types';
+import { UNComponentsEnvironment } from '../../types/shared/env.types';
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const isUNMobileWalletPayload = (object: any): object is UNMobileWalletPayload => {
@@ -13,7 +13,7 @@ const isUNMobileWalletPayload = (object: any): object is UNMobileWalletPayload =
 
 // TODO: use apiClient class for handling requests.
 
-export const getMobileWalletPayload = async (customerToken: string, cardId: string, env: UNEnvironment, signedNonce: string) => {
+export const getMobileWalletPayload = async (customerToken: string, cardId: string, env: UNComponentsEnvironment, signedNonce: string) => {
   if (!signedNonce) return;
 
   const headers = {
@@ -29,7 +29,7 @@ export const getMobileWalletPayload = async (customerToken: string, cardId: stri
     },
   };
 
-  const baseURL = `${UNIT_SECURE_URL[env as keyof typeof UNEnvironment]}/cards/${cardId}/mobile-wallet-payload`;
+  const baseURL = `${UNIT_SECURE_URL[env as keyof typeof UNComponentsEnvironment]}/cards/${cardId}/mobile-wallet-payload`;
   try {
     const response = await axios.post(
       baseURL,
@@ -38,21 +38,21 @@ export const getMobileWalletPayload = async (customerToken: string, cardId: stri
         headers: headers,
       });
     if (!isUNMobileWalletPayload(response.data)) {
-      const error: UNErrorData = {title: `Couldn't get mobile wallet payload. Status:${response.status} Response data:${response.data}`};
+      const error: UNComponentsErrorData = { title: `Couldn't get mobile wallet payload. Status:${response.status} Response data:${response.data}` };
       throw error;
     } else {
       const encryptedPayload = response.data.data.attributes.payload;
       return encryptedPayload;
     }
   } catch (error: unknown) {
-    // Converts the error into a UNError
-    if (axios.isAxiosError<UNError>(error) && error.response) {
-      const unErrors = error.response.data;
-      throw unErrors;
-    } else if (error instanceof Error)  {
-      const unexpectedError: UNErrorData = {title: 'Unexpected error', error: error};
+    // Converts the error into a UNComponentsError
+    if (axios.isAxiosError<UNComponentsError>(error) && error.response) {
+      const unComponentsErrors = error.response.data;
+      throw unComponentsErrors;
+    } else if (error instanceof Error) {
+      const unexpectedError: UNComponentsErrorData = { title: 'Unexpected error', error: error };
       throw unexpectedError;
     }
-    throw {title: `Unexpected error: ${error}`};
+    throw { title: `Unexpected error: ${error}` };
   }
 };

package/src/scripts/html/bodyScript.ts

@@ -1,7 +1,7 @@
 import { PaymentMessage } from '../../messages/webMessages/paymentsMessage';
 import { CardMessage } from '../../messages/webMessages/cardMessage';
 import { PageMessage } from '../../messages/webMessages/pageMessage';
-import { UnitMessage } from '../../messages/webMessages/unitMessages';
+import { UnitComponentsMessage } from '../../messages/webMessages/unitComponentsMessages';
 import { AccountMessage } from '../../messages/webMessages/accountMessage';
 import { ActivityMessage } from '../../messages/webMessages/activityMessage';
 import { PlaidMessage } from '../../messages/webMessages/plaidMessages';
@@ -32,39 +32,47 @@ export const LISTENERS = {
     });
   `,
   requestRendering: `
-    window.addEventListener("${UnitMessage.UNIT_REQUEST_RENDERING}", (e) => {
-      postMessageToSDK({ type: "${UnitMessage.UNIT_REQUEST_RENDERING}", details: { data: e.detail }})
+    window.addEventListener("${UnitComponentsMessage.UNIT_REQUEST_RENDERING}", (e) => {
+      postMessageToSDK({ type: "${UnitComponentsMessage.UNIT_REQUEST_RENDERING}", details: { data: e.detail }})
     });
   `,
   requestRefresh: `
-    window.addEventListener("${UnitMessage.UNIT_REQUEST_REFRESH}", (e) => {
+    window.addEventListener("${UnitComponentsMessage.UNIT_REQUEST_REFRESH}", (e) => {
       if (e.detail.fromSDK) { return }
-      postMessageToSDK({ type: "${UnitMessage.UNIT_REQUEST_REFRESH}", details:  e.detail  })
+      postMessageToSDK({ type: "${UnitComponentsMessage.UNIT_REQUEST_REFRESH}", details:  e.detail  })
     });
   `,
   onLoad: `
-    window.addEventListener("${UnitMessage.UNIT_ON_LOAD}", (e) => {
-      postHeight()
-      postMessageToSDK({ type: "${UnitMessage.UNIT_ON_LOAD}", details: e.detail })
+    window.addEventListener("${UnitComponentsMessage.UNIT_ON_LOAD}", (e) => {
+      if (document.querySelector("unit-elements-account") !== null) {
+        // 10 milliseconds delay to render AccountComponent correctly
+        setTimeout(() => {
+          postHeight()
+        }, 10);
+      } else {
+        postHeight()
+      }
+      postMessageToSDK({ type: "${UnitComponentsMessage.UNIT_ON_LOAD}", details: e.detail })
+
     });
   `,
   requestCloseFlow: `
-    window.addEventListener("${UnitMessage.UNIT_REQUEST_CLOSE_FLOW}", (e) => {
+    window.addEventListener("${UnitComponentsMessage.UNIT_REQUEST_CLOSE_FLOW}", (e) => {
     // Add a delay of 200 milliseconds to allow the SDK to finish processing prior events that require a Promise before closing the flow
     setTimeout(() => {
-        postMessageToSDK({ type: "${UnitMessage.UNIT_REQUEST_CLOSE_FLOW}" });
+        postMessageToSDK({ type: "${UnitComponentsMessage.UNIT_REQUEST_CLOSE_FLOW}" });
     }, 200);
 
     });
   `,
   requestOpenLink: `
-    window.addEventListener("${UnitMessage.UNIT_REQUEST_OPEN_LINK}", (e) => {
-      postMessageToSDK({ type: "${UnitMessage.UNIT_REQUEST_OPEN_LINK}", details: e.detail })
+    window.addEventListener("${UnitComponentsMessage.UNIT_REQUEST_OPEN_LINK}", (e) => {
+      postMessageToSDK({ type: "${UnitComponentsMessage.UNIT_REQUEST_OPEN_LINK}", details: e.detail })
     });
   `,
   unitRequestDownload: `
-    window.addEventListener("${UnitMessage.UNIT_REQUEST_DOWNLOAD}", (e) => {
-      postMessageToSDK({ type: "${UnitMessage.UNIT_REQUEST_DOWNLOAD}", details: e.detail })
+    window.addEventListener("${UnitComponentsMessage.UNIT_REQUEST_DOWNLOAD}", (e) => {
+      postMessageToSDK({ type: "${UnitComponentsMessage.UNIT_REQUEST_DOWNLOAD}", details: e.detail })
     });
   `,
   cardActivated: `
@@ -88,14 +96,14 @@ export const LISTENERS = {
   });
   `,
   unitRequestExternalSdk: `
-  window.addEventListener("${UnitMessage.UNIT_REQUEST_EXTERNAL_SDK}", (e) => {
-    postMessageToSDK({ type: "${UnitMessage.UNIT_REQUEST_EXTERNAL_SDK}", details: e.detail })
+  window.addEventListener("${UnitComponentsMessage.UNIT_REQUEST_EXTERNAL_SDK}", (e) => {
+    postMessageToSDK({ type: "${UnitComponentsMessage.UNIT_REQUEST_EXTERNAL_SDK}", details: e.detail })
   });
   `,
 
   unitRequestLeftToSpendDetails: `
-  window.addEventListener("${UnitMessage.UNIT_REQUEST_LEFT_TO_SPEND_DETAILS}", (e) => {
-    postMessageToSDK({ type: "${UnitMessage.UNIT_REQUEST_LEFT_TO_SPEND_DETAILS}", details: e.detail })
+  window.addEventListener("${UnitComponentsMessage.UNIT_REQUEST_LEFT_TO_SPEND_DETAILS}", (e) => {
+    postMessageToSDK({ type: "${UnitComponentsMessage.UNIT_REQUEST_LEFT_TO_SPEND_DETAILS}", details: e.detail })
   });
   `,
   unitPaymentCreated: `
@@ -145,7 +153,7 @@ export const LISTENERS = {
     });
   `,
   unitMultiFactorAuthFinished: `
-    window.addEventListener("${UnitMessage.UNIT_MULTI_FACTOR_AUTH_FINISHED}", async (e) => {
+    window.addEventListener("${UnitComponentsMessage.UNIT_MULTI_FACTOR_AUTH_FINISHED}", async (e) => {
       const response = await e.detail.response;
       const unitVerifiedCustomerToken = {
         token: response.data.attributes.token,
@@ -160,22 +168,22 @@ export const LISTENERS = {
         eventToContinue: e.detail.eventToContinue
       }
 
-      postMessageToSDK({ type: "${UnitMessage.UNIT_MULTI_FACTOR_AUTH_FINISHED}", details: data })
+      postMessageToSDK({ type: "${UnitComponentsMessage.UNIT_MULTI_FACTOR_AUTH_FINISHED}", details: data })
     });
   `,
   unitWhiteLabelAppOnLoad: `
-    window.addEventListener("${UnitMessage.UNIT_WHITE_LABEL_APP_ON_LOAD}", async (event) => {
+    window.addEventListener("${UnitComponentsMessage.UNIT_WHITE_LABEL_APP_ON_LOAD}", async (event) => {
       const response = event.detail;
       response.then((data) => {
-        postMessageToSDK({ type: "${UnitMessage.UNIT_WHITE_LABEL_APP_ON_LOAD}", details: data.data })
+        postMessageToSDK({ type: "${UnitComponentsMessage.UNIT_WHITE_LABEL_APP_ON_LOAD}", details: data.data })
       }).catch((e) => {
         console.log(e)
       })
     });
   `,
   unitUnauthorizedToken: `
-    window.addEventListener("${UnitMessage.UNIT_UNAUTHORIZED_TOKEN}", (e) => {
-      postMessageToSDK({ type: "${UnitMessage.UNIT_UNAUTHORIZED_TOKEN}", details: "Clean the current user tokens" })
+    window.addEventListener("${UnitComponentsMessage.UNIT_UNAUTHORIZED_TOKEN}", (e) => {
+      postMessageToSDK({ type: "${UnitComponentsMessage.UNIT_UNAUTHORIZED_TOKEN}", details: "Clean the current user tokens" })
     });
   `,
   unitConnectedAccountCreated: `
@@ -243,14 +251,21 @@ export const LISTENERS = {
 
 export const DISPATCH_RENDERING_EVENT = `
   const dispatchRenderingEvent = (details) => {
-    const event = new CustomEvent("${UnitMessage.UNIT_REQUEST_RENDERING}",{ detail: JSON.parse(details) })
+    const event = new CustomEvent("${UnitComponentsMessage.UNIT_REQUEST_RENDERING}",{ detail: JSON.parse(details) })
     window.dispatchEvent(event)
   }
 `;
 
 export const DISPATCH_EVENT_TO_CONTINUE = `
   const dispatchEventToContinue = (details) => {
-    const event = new CustomEvent("${UnitMessage.UNIT_EVENT_TO_CONTINUE}",{ detail: JSON.parse(details) })
+    const event = new CustomEvent("${UnitComponentsMessage.UNIT_EVENT_TO_CONTINUE}",{ detail: JSON.parse(details) })
+    window.dispatchEvent(event)
+  }
+`;
+
+export const DISPATCH_CARD_STATUS_CHANGED = `
+  const dispatchCardStatueChanged = (details) => {
+    const event = new CustomEvent("${CardMessage.CARD_STATUS_CHANGED}",{ detail: JSON.parse(details) })
     window.dispatchEvent(event)
   }
 `;
@@ -260,9 +275,9 @@ export const DISPATCH_REQUEST_REFRESH = `
     let event;
     // we are adding "fromSDK" param to avoid infinite loop
     if (details) {
-        event = new CustomEvent("${UnitMessage.UNIT_REQUEST_REFRESH}",{ detail: {...JSON.parse(details), fromSDK: true} });
+        event = new CustomEvent("${UnitComponentsMessage.UNIT_REQUEST_REFRESH}",{ detail: {...JSON.parse(details), fromSDK: true} });
     } else {
-        event = new CustomEvent("${UnitMessage.UNIT_REQUEST_REFRESH}", { detail: { fromSDK: true }});
+        event = new CustomEvent("${UnitComponentsMessage.UNIT_REQUEST_REFRESH}", { detail: { fromSDK: true }});
     }
     window.dispatchEvent(event)
   }

package/src/slices/ConfigurationSlice.ts

@@ -5,6 +5,7 @@ export interface ConfigurationState {
   unitScript?: string;
   theme?: string;
   language?: string;
+  customerToken?: string;
 }
 
 const initialState: ConfigurationState = {};
@@ -21,10 +22,13 @@ const ConfigurationSlice = createSlice({
     },
     setLanguage(state, action: PayloadAction<string | undefined>) {
       state.language = action.payload;
+    },
+    setCustomerToken(state, action: PayloadAction<string | undefined>) {
+      state.customerToken = action.payload;
     }
   },
 });
 
-export const { setUnitScript, setLanguage, setTheme } = ConfigurationSlice.actions;
+export const { setUnitScript, setLanguage, setTheme, setCustomerToken } = ConfigurationSlice.actions;
 export const selectConfiguration = (state: RootState) => state.configuration;
 export default ConfigurationSlice.reducer;

package/src/slices/SharedEventsSlice.ts

@@ -2,40 +2,41 @@
 
 import { createSlice, PayloadAction } from '@reduxjs/toolkit';
 import type { RootState } from '../store';
-import type { UNAccountData, UNCardData, UNPayeeCounterparty } from '../types/shared';
+import type { UNAccount, UNCard } from '../types/shared';
 import type { ActivityFiltersChangedEvent } from '../messages/webMessages/activityMessage';
-import type { MultiFactorAuthenticationFinishedEvent, RequestRefreshEvent } from '../messages/webMessages/unitMessages';
+import type { MultiFactorAuthenticationFinishedEvent, RequestRefreshEvent } from '../messages/webMessages/unitComponentsMessages';
 import type { BottomSheetNativeMessage } from '../messages/nativeMessages/bottomSheetMessage';
 import type { CardMessage } from '../messages/webMessages/cardMessage';
 import type { AccountMessage } from '../messages/webMessages/accountMessage';
 import type { ActivityMessage } from '../messages/webMessages/activityMessage';
-import type { UnitMessage } from '../messages/webMessages/unitMessages';
+import type { UnitComponentsMessage } from '../messages/webMessages/unitComponentsMessages';
 import type { MultipleCardsMessage } from '../messages/webMessages/multipleCardsMessage';
 import { BottomSheetRenderingMessage } from '../messages/nativeMessages/bottomSheetMessage';
 import { PageMessage } from '../messages/webMessages/pageMessage';
 import { OpenPlaidEvent, PlaidMessage } from '../messages/webMessages/plaidMessages';
 import { PayeeManagementMessage } from '../messages/webMessages/payeeManagementMessage';
+import { UNCounterparty } from '../types/shared/counterparty.types';
 
 type EmptyObj = Record<PropertyKey, never>;
 
 type MultipleCardsCardClickedEventState = {
   key: MultipleCardsMessage.UNIT_MULTIPLE_CARDS_CARD_CLICKED,
-  data: UNCardData
+  data: UNCard
 }
 
 type CardStatusChangedEventState = {
   key: CardMessage.CARD_STATUS_CHANGED,
-  data: UNCardData
+  data: UNCard
 }
 
 type CardActivatedEventState = {
   key: CardMessage.CARD_ACTIVATED,
-  data: UNCardData
+  data: UNCard
 }
 
 type AccountChangedEventState = {
   key: AccountMessage.UNIT_ACCOUNT_CHANGED,
-  data: UNAccountData
+  data: UNAccount
 }
 
 type ActivityFiltersChangedEventState = {
@@ -44,7 +45,7 @@ type ActivityFiltersChangedEventState = {
 }
 
 type RequestCloseBottomSheetFlowEventState = {
-  key: UnitMessage.UNIT_REQUEST_CLOSE_FLOW,
+  key: UnitComponentsMessage.UNIT_REQUEST_CLOSE_FLOW,
   data: EmptyObj
 }
 
@@ -54,12 +55,12 @@ type RequestRenderingBottomSheetEventState = {
 }
 
 type RequestRefreshEventState = {
-  key: UnitMessage.UNIT_REQUEST_REFRESH,
+  key: UnitComponentsMessage.UNIT_REQUEST_REFRESH,
   data: RequestRefreshEvent
 }
 
 type MultiFactorAuthFinishedEventState = {
-  key: UnitMessage.UNIT_MULTI_FACTOR_AUTH_FINISHED,
+  key: UnitComponentsMessage.UNIT_MULTI_FACTOR_AUTH_FINISHED,
   data: MultiFactorAuthenticationFinishedEvent
 }
 
@@ -75,7 +76,7 @@ type OpenPlaidEventState = {
 
 type PayeeCounterpartyDeletedEventState = {
   key: PayeeManagementMessage.UNIT_COUNTERPARTY_DELETED,
-  data: UNPayeeCounterparty
+  data: UNCounterparty
 }
 
 //currently left state suffixes to avoid the duplication of the event names

package/src/styles/fonts.ts

@@ -1,5 +1,5 @@
 import { FontWeight, UNFontData } from '../types/shared';
-import { UnitSDK } from '../unitSdkManager/UnitSdkManager';
+import { UnitComponentsSDK } from '../unitComponentsSdkManager/UnitComponentsSdkManager';
 
 const getFontWeightName = (familyFonts: UNFontData[], fontWeight?: number | string) => {
   /**
@@ -28,7 +28,7 @@ const getFontWeightName = (familyFonts: UNFontData[], fontWeight?: number | stri
   switch (selectedFontWeight) {
     case FontWeight.Thin:
       return 'Thin';
-    case  FontWeight.ExtraLight:
+    case FontWeight.ExtraLight:
       return 'ExtraLight';
     case FontWeight.Light:
       return 'Light';
@@ -55,7 +55,7 @@ export const getFontName = (fontFamily: string, fontWeight: number | string): st
    * Then, return a possible font.
   */
 
-  const fontsInApp = UnitSDK.getFonts();
+  const fontsInApp = UnitComponentsSDK.getFonts();
   if (!fontsInApp) {
     throw new Error('Fonts are not found in the app');
   }

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

@@ -1,4 +1,4 @@
-import type { RequestRenderingEvent } from '../../messages/webMessages/unitMessages';
+import type { RequestRenderingEvent } from '../../messages/webMessages/unitComponentsMessages';
 import type { WebComponentType } from './webComponent.types';
 import {
   UNAddToWalletComponentProps,
@@ -7,6 +7,7 @@ import { UNACHCreditComponentProps } from '../../components/UNACHCreditComponent
 import { UNACHDebitComponentProps } from '../../components/UNACHDebitComponent';
 import { UNCheckDepositComponentProps } from '../../components/UNCheckDepositComponent';
 import { UNBookPaymentComponentProps } from '../../components/UNBookPaymentComponent';
+import { UNWirePaymentComponentProps } from '../../components/UNWirePaymentComponent';
 
 export enum BottomSheetNativePlaceType {
   overFullScreen = 'overFullScreen',
@@ -48,7 +49,8 @@ export enum BottomSheetNativeComponentType {
   ACHCreditComponent = 'UNACHCreditComponent',
   ACHDebitComponent = 'UNACHDebitComponent',
   CheckDepositComponent = 'UNCheckDepositComponent',
-  BookPaymentComponent = 'UNBookPaymentComponent'
+  BookPaymentComponent = 'UNBookPaymentComponent',
+  WirePaymentComponent = 'UNWirePaymentComponent'
 }
 
 export type BottomSheetNativeAddToWalletComponentType = {
@@ -76,11 +78,17 @@ export type BottomSheetNativeBookPaymentComponentType = {
   props: UNBookPaymentComponentProps
 }
 
+export type BottomSheetNativeWirePaymentComponentType = {
+  type: BottomSheetNativeComponentType.WirePaymentComponent,
+  props: UNWirePaymentComponentProps
+}
+
 export type BottomSheetNativeComponent = BottomSheetNativeAddToWalletComponentType
   | BottomSheetNativeACHCreditComponentType
   | BottomSheetNativeACHDebitComponentType
   | BottomSheetNativeCheckDepositComponentType
   | BottomSheetNativeBookPaymentComponentType
+  | BottomSheetNativeWirePaymentComponentType
 
 export type BottomSheetSlotData = {
   // The data that rendered by the web view

package/src/types/internal/errorHelpers.ts

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

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

@@ -5,7 +5,6 @@ export enum WebComponentType {
   activity = 'unit-elements-activity',
   slot = 'unit-elements-sdk-slot',
   account = 'unit-elements-account',
-  fundAccountPayment = 'unit-elements-fund-account-payment',
   checkDeposit = 'unit-elements-check-deposit',
   achDebitPayment = 'unit-elements-ach-debit-payment',
   achCreditPayment = 'unit-elements-ach-credit-payment',

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

@@ -1,47 +1,18 @@
-import type { UNRelationship, UNTags } from './types';
+import { UNIndividualCustomer } from './customer.types';
+import type { Permissible, UNAddress } from './types';
 
-export type UNAccountData = UNDepositAccount | UNBatchAccount | UNCreditAccount
-
-export type UNCounterpartyAccountData = {
-  id: string
-  attributes: {
-    name: string
-    tags?: { [key: string]: string }
-  }
-}
-
-enum UNAccountStatus {
-  Open = 'Open',
-  Closed = 'Closed',
-  Frozen = 'Frozen',
-}
-
-export enum UNCloseReason {
-  Fraud = 'Fraud',
-  ByCustomer = 'ByCustomer',
-}
-
-export enum UNFraudReason {
-  ACHActivity = 'ACHActivity',
-  CardActivity = 'CardActivity',
-  CheckActivity = 'CheckActivity',
-  ApplicationHistory = 'ApplicationHistory',
-  AccountActivity = 'AccountActivity',
-  ClientIdentified = 'ClientIdentified',
-  IdentityTheft = 'IdentityTheft',
-  LinkedToFraudulentCustomer = 'LinkedToFraudulentCustomer',
-}
+export type UNAccount = UNDepositAccount | UNBatchAccount | UNCreditAccount
 
 export type UNDepositAccount = {
   id: string
-  type: 'depositAccount'
+  type: UNAccountType.DepositAccount
   attributes: {
-    createdAt: string
-    updatedAt?: string
+    createdAt: Date
+    updatedAt?: Date
     name: string
     depositProduct: string
     routingNumber: string
-    accountNumber: string
+    accountNumber: Permissible<string>
     maskedAccountNumber?: string
     secondaryAccountNumber?: {
       routingNumber: string
@@ -53,39 +24,57 @@ export type UNDepositAccount = {
     available: number
     overdraftLimit?: number
     currency: string
-    tags: UNTags
+    tags: { [key: string]: string }
     status: UNAccountStatus
     closeReason?: string
     fraudReason?: UNFraudReason
     closeReasonText?: string
     freezeReason?: string
     isOverdrawnWithinLimit?: boolean
+    bankDetails?: UNBankDetails
   }
   relationships: {
-    customer?: UNRelationship
-    customers?: UNRelationship
-    org: UNRelationship
+    customer?: {
+      data: {
+        type: 'customer'
+        id: string
+      }
+    }
+    customers?: {
+      data: [
+        {
+          type: 'customer'
+          id: string
+        }
+      ]
+    }
+    org: {
+      data: {
+        type: 'org'
+        id: string
+      }
+    }
   }
-  // included?: Individual[]
+  included?: UNIndividualCustomer[]
 }
 
 export type UNBatchAccount = {
   id: string
-  type: 'batchAccount'
+  type: UNAccountType.BatchAccount
   attributes: {
     createdAt: Date
     updatedAt?: Date
     name: string
     depositProduct: string
     routingNumber: string
-    accountNumber: string
+    accountNumber: Permissible<string>
     maskedAccountNumber?: string
     balance: number
     hold: number
     reserve: number
     available: number
     currency: string
-    status: 'Open' | 'Closed'
+    status: UNAccountStatus
     closeReason?: string
     fraudReason?: UNFraudReason
     closeReasonText?: string
@@ -93,13 +82,18 @@ export type UNBatchAccount = {
     tags?: { [key: string]: string }
   }
   relationships: {
-    org: UNRelationship
+    org: {
+      data: {
+        type: 'org'
+        id: string
+      }
+    }
   }
 }
 
 export type UNCreditAccount = {
+  type: UNAccountType.CreditAccount
   id: string
-  type: 'creditAccount'
   attributes: {
     createdAt: Date
     updatedAt?: Date
@@ -119,11 +113,49 @@ export type UNCreditAccount = {
     freezeReason?: string
   }
   relationships: {
-    customer: UNRelationship,
-    org: UNRelationship
+    customer: {
+      data: {
+        type: 'customer'
+        id: string
+      }
+    }
+    org: {
+      data: {
+        type: 'org'
+        id: string
+      }
+    }
   }
 }
 
+export const enum UNAccountType {
+  DepositAccount = 'depositAccount',
+  BatchAccount = 'batchAccount',
+  CreditAccount = 'creditAccount',
+}
+
+enum UNAccountStatus {
+  Open = 'Open',
+  Closed = 'Closed',
+  Frozen = 'Frozen',
+}
+
+export enum UNCloseReason {
+  Fraud = 'Fraud',
+  ByCustomer = 'ByCustomer',
+}
+
+export enum UNFraudReason {
+  ACHActivity = 'ACHActivity',
+  CardActivity = 'CardActivity',
+  CheckActivity = 'CheckActivity',
+  ApplicationHistory = 'ApplicationHistory',
+  AccountActivity = 'AccountActivity',
+  ClientIdentified = 'ClientIdentified',
+  IdentityTheft = 'IdentityTheft',
+  LinkedToFraudulentCustomer = 'LinkedToFraudulentCustomer',
+}
+
 export enum UNAccountMenuAction {
   OpenAccountDetails = 'OpenAccountDetails',
   OpenAccountStatements = 'OpenAccountStatements',
@@ -135,3 +167,8 @@ export enum UNAccountMenuItem {
   statements = 'statements',
   bankVerification = 'bankVerification',
 }
+
+export interface UNBankDetails {
+  name: string
+  address: UNAddress
+}

package/src/types/shared/ach.types.ts

@@ -0,0 +1,8 @@
+import type { RESPONSE_KEYS } from '../../messages/webMessages/onLoadMessage';
+import type { UNAccount } from './account.types';
+import { UNCounterparty } from './counterparty.types';
+
+export type UNACHOnLoadData = {
+  [RESPONSE_KEYS.account]: [UNAccount],
+  [RESPONSE_KEYS.counterpartyAccount]: [UNCounterparty]
+}

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

@@ -1,6 +1,6 @@
 import type { RESPONSE_KEYS } from '../../messages/webMessages/onLoadMessage';
-import type { UNAuthorizationData } from './authorization.types';
-import type { UNTransactionData } from './transactions.types';
+import type { UNAuthorization } from './authorization.types';
+import type { UNTransaction } from './transaction/transactions.types';
 
 export enum UNActivityComponentPaginationType {
   infiniteScroll = 'infiniteScroll',
@@ -8,6 +8,13 @@ export enum UNActivityComponentPaginationType {
 }
 
 export type UNActivityOnLoadData = {
-  [RESPONSE_KEYS.authorizations]: [UNAuthorizationData],
-  [RESPONSE_KEYS.transactions]: [UNTransactionData],
+  [RESPONSE_KEYS.authorizations]: [UNAuthorization],
+  [RESPONSE_KEYS.transactions]: [UNTransaction],
 }
+
+export enum UNActivityType {
+  Transaction = 'transaction',
+  Authorization = 'authorization',
+  CheckDeposit = 'checkDeposit',
+  AchPayment = 'achPayment',
+}