react-native-unit-components 1.0.4 → 1.2.0

package/src/scripts/html/bodyScript.ts

@@ -1,6 +1,8 @@
+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 { AccountMessage } from '../../messages/webMessages/accountMessage';
 
 export const POST_MESSAGE_TO_SDK = `
   const postMessageToSDK = (message) => {
@@ -61,12 +63,37 @@ export const LISTENERS = {
     window.addEventListener("${CardMessage.CARD_STATUS_CHANGED}", (e) => {
       const response = e.detail
       response.then((data) => {
-        postMessageToSDK({ type: "${CardMessage.CARD_STATUS_CHANGED}", details:  { card: JSON.stringify(data.data) }})
+        postMessageToSDK({ type: "${CardMessage.CARD_STATUS_CHANGED}", details:  { card: data.data }})
       }).catch((e) => {
         console.log(e)
       })
   });
-  `
+  `,
+  unitRequestExternalSdk: `
+  window.addEventListener("${UnitMessage.UNIT_REQUEST_EXTERNAL_SDK}", (e) => {
+    postMessageToSDK({ type: "${UnitMessage.UNIT_REQUEST_EXTERNAL_SDK}", details: e.detail })
+  });
+`,
+  unitPaymentCreated:`
+  window.addEventListener("${PaymentMessage.PAYMENT_CREATED}", (e) => {
+    const response = e.detail
+      response.then((data) => {
+        postMessageToSDK({ type: "${PaymentMessage.PAYMENT_CREATED}", details:  { data: data.data }})
+      }).catch((e) => {
+        console.log(e)
+      })
+  });`
+  ,
+  unitAccountChanged: `
+    window.addEventListener("${AccountMessage.UNIT_ACCOUNT_CHANGED}", (e) => {
+      const response = e.detail
+      response.then((data) => {
+        postMessageToSDK({ type: "${AccountMessage.UNIT_ACCOUNT_CHANGED}", details:  { account: data.data }})
+      }).catch((e) => {
+        console.log(e)
+      })
+  });
+  `,
 };
 
 export const DISPATCH_RENDERING_EVENT = `
@@ -82,3 +109,10 @@ export const DISPATCH_REQUEST_REFRESH = `
     window.dispatchEvent(event)
     }
 `;
+
+export const DISPATCH_PLAID_RESPONSE = `
+    const dispatchPlaidEvent = (details) => {
+    const event = new CustomEvent("${UnitMessage.UNIT_PLAID_RESPONSE}",{ detail: details })
+    window.dispatchEvent(event)
+    }
+`;

package/src/sharedTypes/account.types.ts

@@ -0,0 +1,117 @@
+import type { UNRelationship, UNTags } from './types';
+
+export type UNAccountData = UNDepositAccount | UNBatchAccount | UNCreditAccount
+
+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 UNDepositAccount = {
+  id: string
+  type: "depositAccount"
+  attributes: {
+    createdAt: string
+    updatedAt?: string
+    name: string
+    depositProduct: string
+    routingNumber: string
+    accountNumber: string
+    maskedAccountNumber?: string
+    secondaryAccountNumber?: {
+      routingNumber: string
+      accountNumber: string
+    }
+    balance: number
+    hold: number
+    reserve: number
+    available: number
+    overdraftLimit?: number
+    currency: string
+    tags: UNTags
+    status: UNAccountStatus
+    closeReason?: string
+    fraudReason?: UNFraudReason
+    closeReasonText?: string
+    freezeReason?: string
+    isOverdrawnWithinLimit?: boolean
+  }
+  relationships: {
+    customer?: UNRelationship
+    customers?: UNRelationship
+    org: UNRelationship
+  }
+  // included?: Individual[]
+}
+
+export type UNBatchAccount = {
+  id: string
+  type: "batchAccount"
+  attributes: {
+    createdAt: Date
+    updatedAt?: Date
+    name: string
+    depositProduct: string
+    routingNumber: string
+    accountNumber: string
+    maskedAccountNumber?: string
+    balance: number
+    hold: number
+    reserve: number
+    available: number
+    currency: string
+    status: "Open" | "Closed"
+    closeReason?: string
+    fraudReason?: UNFraudReason
+    closeReasonText?: string
+    freezeReason?: string
+    tags?: {[key: string]: string}
+  }
+  relationships: {
+    org: UNRelationship
+  }
+}
+
+export type UNCreditAccount = {
+  id: string
+  type: "creditAccount"
+  attributes: {
+    createdAt: Date
+    updatedAt?: Date
+    name: string
+    creditTerms: string
+    balance: number
+    hold: number
+    reserve: number
+    available: number
+    creditLimit: number
+    currency: string
+    tags: {[key: string]: string}
+    status: UNAccountStatus
+    closeReason?: UNCloseReason
+    fraudReason?: UNFraudReason
+    closeReasonText?: string
+    freezeReason?: string
+  }
+  relationships: {
+    customer: UNRelationship,
+    org: UNRelationship
+  }
+}

package/src/sharedTypes/achCredit.types.ts

@@ -0,0 +1,32 @@
+import type { UNAchCounterparty, UNCounterpartyVerificationMethod, UNPaymentStatus } from './payments.types';
+import type { UNTags, UNRelationship } from './types';
+
+export type UNACHData = {
+  type: 'achPayment',
+  id: string,
+  attributes: {
+    createdAt: string | Date,
+    status: UNPaymentStatus,
+    settlementDate?: Date,
+    reason: string,
+    direction: 'Debit' | 'Credit',
+    description: string,
+    transactionSummaryOverride?: string,
+    amount: string,
+    tags: UNTags,
+    addenda?: string
+		counterparty: UNAchCounterparty
+		expectedCompletionDate?: Date
+		counterpartyVerificationMethod?:keyof typeof UNCounterpartyVerificationMethod
+		sameDay?: boolean
+  },
+  relationships: {
+    account: UNRelationship,
+    customer?: UNRelationship,
+    customers?: UNRelationship,
+    counterpartyAccount: UNRelationship,
+    counterpartyCustomer: UNRelationship,
+    transaction: UNRelationship,
+    recurringPayment: UNRelationship
+  }
+}

package/src/sharedTypes/bookPayment.types.ts

@@ -1,27 +1,26 @@
-import type { Tags, Relationship } from './types';
-
-type BookPaymentStatus = 'Sent' | 'Rejected'
+import type { UNPaymentStatus } from './payments.types';
+import type { UNTags, UNRelationship } from './types';
 
 export type UNBookPaymentData = {
   type: 'bookPayment',
   id: string,
   attributes: {
     createdAt: string | Date,
-    status: BookPaymentStatus,
+    status: UNPaymentStatus,
     reason: string,
     direction: 'Debit' | 'Credit',
     description: string,
     transactionSummaryOverride?: string,
     amount: string,
-    tags: Tags,
+    tags: UNTags,
   },
   relationships: {
-    account: Relationship,
-    customer?: Relationship,
-    customers?: Relationship,
-    counterpartyAccount: Relationship,
-    counterpartyCustomer: Relationship,
-    transaction: Relationship,
-    recurringPayment: Relationship
+    account: UNRelationship,
+    customer?: UNRelationship,
+    customers?: UNRelationship,
+    counterpartyAccount: UNRelationship,
+    counterpartyCustomer: UNRelationship,
+    transaction: UNRelationship,
+    recurringPayment: UNRelationship
   }
 }

package/src/sharedTypes/card.types.ts

@@ -1,46 +1,46 @@
-import type { Address, FullName, Limits, Relationship, Tags } from './types';
+import type { UNAddress, UNFullName, UNLimits, UNRelationship, UNTags } from './types';
 
-export type UNCardData = IndividualDebitCard | BusinessDebitCard
+export type UNCardData = UNIndividualDebitCard | UNBusinessDebitCard
 
-type CardStatus =  'Active' | 'Inactive' | 'Stolen' | 'Lost' | 'Frozen' | 'ClosedByCustomer' | 'SuspectedFraud'
+type UNCardStatus =  'Active' | 'Inactive' | 'Stolen' | 'Lost' | 'Frozen' | 'ClosedByCustomer' | 'SuspectedFraud'
 
-export type IndividualDebitCard = {
+export type UNIndividualDebitCard = {
   id: string,
   type: 'individualDebitCard' | 'individualVirtualDebitCard',
   attributes: {
     createdAt: string,
     last4Digits: string,
     expirationDate: string,
-    status: CardStatus,
-    shippingAddress?: Address, /* not exists in virtual card */
+    status: UNCardStatus,
+    shippingAddress?: UNAddress, /* not exists in virtual card */
     updatedAt?: string,
     design?: string,
     additionalEmbossedText?: string,
     idempotencyKey?: string,
-    tags?: Tags,
-    limits?: Limits,
+    tags?: UNTags,
+    limits?: UNLimits,
     printOnlyBusinessName?: boolean
   },
   relationships: {
-    account: Relationship,
-    customer: Relationship
+    account: UNRelationship,
+    customer: UNRelationship
   }
 }
 
-export type BusinessDebitCard = {
+export type UNBusinessDebitCard = {
   id: string,
   type: 'businessDebitCard' | 'businessVirtualDebitCard',
   attributes: {
-    fullName: FullName,
+    fullName: UNFullName,
     dateOfBirth: string,
-    address: Address,
-    shippingAddress?: Address,
+    address: UNAddress,
+    shippingAddress?: UNAddress,
     phone: string,
     email: string,
     createdAt: string,
     last4Digits: string,
     expirationDate: string,
-    status: CardStatus,
+    status: UNCardStatus,
     updatedAt?: string,
     ssn?: string,
     passport?: string,
@@ -49,11 +49,11 @@ export type BusinessDebitCard = {
     additionalEmbossedText?: string,
     idempotencyKey?: string,
     tags?: Record<string, string>
-    limits?: Limits,
+    limits?: UNLimits,
     printOnlyBusinessName?: boolean
   },
   relationships: {
-    account: Relationship,
-    customer: Relationship
+    account: UNRelationship,
+    customer: UNRelationship
   }
 }

package/src/sharedTypes/index.ts

@@ -1,3 +1,6 @@
 export * from './bookPayment.types';
 export * from './card.types';
 export * from './onLoadResponse.types';
+export * from './achCredit.types';
+export * from './payments.types';
+export * from "./account.types";

package/src/sharedTypes/onLoadResponse.types.ts

@@ -1,7 +1,7 @@
 /* eslint-disable @typescript-eslint/ban-types */
 import type { UNCardData } from '../sharedTypes';
 
-export type SuccessResponseUnitOnLoad = {
+export type UNSuccessResponseUnitOnLoad = {
   /*
    Object since the current response data types from 'Activities' and 'BookPayment' do not have documentation.
    When things are determined, we may update it
@@ -11,7 +11,7 @@ export type SuccessResponseUnitOnLoad = {
   errors: null
 }
 
-export type ErrorResponseUnitOnLoad = {
+export type UNErrorResponseUnitOnLoad = {
   errors: [
     {
       status: string,
@@ -22,6 +22,6 @@ export type ErrorResponseUnitOnLoad = {
     }
   ]
 }
-export type ResponseUnitOnLoadEvent =
-  | SuccessResponseUnitOnLoad
-  | ErrorResponseUnitOnLoad
+export type UNResponseUnitOnLoadEvent =
+  | UNSuccessResponseUnitOnLoad
+  | UNErrorResponseUnitOnLoad

package/src/sharedTypes/payments.types.ts

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

package/src/sharedTypes/types.ts

@@ -1,4 +1,4 @@
-export type Address = {
+export type UNAddress = {
   street: string,
   street2?: string,
   city: string,
@@ -7,29 +7,29 @@ export type Address = {
   country: string
 }
 
-export type Limits = {
+export type UNLimits = {
   dailyWithdrawal?: string | number,
   dailyPurchase?: string | number,
   monthlyWithdrawal?: string | number,
   monthlyPurchase?: string | number,
 }
 
-type Data = {
+type UNData = {
   type: string,
   id: string
 }
 
-export type Relationship = {
+export type UNRelationship = {
   data:
     | null
     | []
-    | Data
-    | Data[]
+    | UNData
+    | UNData[]
 }
 
-export type FullName = {
+export type UNFullName = {
   first: string,
   last: string
 }
 
-export type Tags = Record<string, string> // TODO: specify Tag type
+export type UNTags = Record<string, string> // TODO: specify Tag type

package/src/sharedTypes/wallet.types.ts

@@ -1,5 +1,3 @@
-import type { CardAddToWalletStatus } from 'src/messages/nativeMessages/cardMessage';
-
 export enum UNWalletCode {
   Apple = 'ApplePayPushProvision',
   Google = 'GooglePayPushProvision',
@@ -13,5 +11,17 @@ export enum UNWalletName {
 export interface UNWallet {
   name: string;
   code: string;
-  status: CardAddToWalletStatus
+  status: UNCardAddToWalletStatus
+}
+
+export enum UNCardAddToWalletStatus {
+  pending,
+  readyToProvisioning = 'ReadyToProvision',
+  addedToWallet = 'AlreadyProvisioned',
+  iosProvisionedInCurrentDevice = 'ProvisionedInCurrentDevice',
+  iosProvisionedInPairedDevice = 'ProvisionedInPairedDevice',
+  androidNotInstalled = 'NotInstalled',
+  androidWalletSetupNotCompleted = 'WalletSetupNotCompleted',
+  androidWalletAppUpdateAvailable = 'WalletAppUpdateAvailable'
+
 }

package/src/webComponent/WebComponent.tsx

@@ -31,6 +31,8 @@ export enum WebComponentType {
   activity = 'unit-elements-activity',
   slot = 'unit-elements-sdk-slot',
   account = 'unit-elements-account',
+  achDebitPayment = 'unit-elements-ach-debit-payment',
+  achCreditPayment = 'unit-elements-ach-credit-payment'
 }
 
 export const WebComponent = React.forwardRef<WebView, WebComponentProps>(function WebComponent(props, webRef) {
@@ -47,10 +49,8 @@ export const WebComponent = React.forwardRef<WebView, WebComponentProps>(functio
     setComponentCurrentTheme(props.theme ?? UnitSDK.getTheme());
   };
 
-  useListenerToBus([
-    { busEventKey: SDKMessage.IS_SCRIPT_FETCHED, action: updateUnitScript },
-    { busEventKey: SDKMessage.IS_SDK_INITIALIZED, action: updateInitializedParams },
-  ]);
+  useListenerToBus({ busEventKey: SDKMessage.IS_SCRIPT_FETCHED, action: updateUnitScript });
+  useListenerToBus({ busEventKey: SDKMessage.IS_SDK_INITIALIZED, action: updateInitializedParams });
 
   useEffect(() => {
     if (!unitScript) {
@@ -62,7 +62,7 @@ export const WebComponent = React.forwardRef<WebView, WebComponentProps>(functio
     let newHtml = html.replace(HTML_PLACEHOLDER.BODY, getHtmlBody(props.type.valueOf(), componentParams, props.presentationMode));
     newHtml = newHtml.replace(HTML_PLACEHOLDER.SCRIPT_FROM_NATIVE, props.script || '');
     setSourceHtml(newHtml);
-  }, [props.params, unitScript, props.presentationMode, componentCurrentTheme]);
+  }, [props.params, unitScript, props.presentationMode, componentCurrentTheme, props.script]);
 
   const onMessage = (e: WebViewMessageEvent) => {
     const message = JSON.parse(e.nativeEvent.data) as WebViewMessage;

package/src/webComponent/html.ts

@@ -14,11 +14,11 @@ const htmlText = `
   <head lang="en">
     <title>Unit Web SDK Demo</title>
     <script>
-      window.UnitMobileSDK = true
-      window.UnitMobileSDKConfig = {
-        os: "${Platform.OS}",
-        walletName: "${Platform.OS === 'ios' ? 'Apple' : 'Google'}"
-      }
+    window.UnitMobileSDK = true
+    window.UnitMobileSDKConfig = {
+      os: "${Platform.OS}",
+      walletName: "${Platform.OS === 'ios' ? 'Apple' : 'Google'}",
+    }
     </script>
     <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
   </html>
@@ -45,6 +45,10 @@ const htmlText = `
 
       ${LISTENERS.cardStatusChange}
 
+      ${LISTENERS.unitRequestExternalSdk}
+
+      ${LISTENERS.unitAccountChanged}
+
       ${DISPATCH_RENDERING_EVENT}
 
       ${HTML_PLACEHOLDER.SCRIPT_FROM_NATIVE}

package/ios/UnitReactNativeComponents.xcodeproj/project.xcworkspace/contents.xcworkspacedata

@@ -1,4 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<Workspace
-   version = "1.0">
-</Workspace>

package/ios/UnitReactNativeComponents.xcodeproj/project.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist

@@ -1,8 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
-<plist version="1.0">
-<dict>
-	<key>IDEDidComputeMac32BitWarning</key>
-	<true/>
-</dict>
-</plist>

package/ios/UnitReactNativeComponents.xcodeproj/xcuserdata/alonshprung.xcuserdatad/xcschemes/xcschememanagement.plist

@@ -1,14 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
-<plist version="1.0">
-<dict>
-	<key>SchemeUserState</key>
-	<dict>
-		<key>UnitReactNativeComponents.xcscheme_^#shared#^_</key>
-		<dict>
-			<key>orderHint</key>
-			<integer>0</integer>
-		</dict>
-	</dict>
-</dict>
-</plist>