react-native-unit-components 2.0.0 → 2.0.2

package/lib/typescript/src/types/shared/transaction/UNReturnedReceivedAchTransaction.d.ts

@@ -3,7 +3,7 @@ import { UNTransactionTypes } from './transactions.types';
 import { UNDirection } from '../types';
 export type UNReturnedReceivedAchTransaction = {
     type: UNTransactionTypes.ReturnedReceivedACH;
-    id: number;
+    id: string;
     attributes: {
         createdAt: Date;
         amount: UNCents;
@@ -19,13 +19,13 @@ export type UNReturnedReceivedAchTransaction = {
         account: {
             data: {
                 type: string;
-                id: number;
+                id: string;
             };
         };
         customer?: {
             data: {
                 type: string;
-                id: number;
+                id: string;
             };
         };
         customers?: {
@@ -39,13 +39,13 @@ export type UNReturnedReceivedAchTransaction = {
         org?: {
             data: {
                 type: string;
-                id: number;
+                id: string;
             };
         };
         returned: {
             data: {
                 type: string;
-                id: number;
+                id: string;
             };
         };
     };

package/lib/typescript/src/types/shared/transaction/UNRewardTransaction.d.ts

@@ -3,7 +3,7 @@ import { UNTransactionTypes } from './transactions.types';
 import { UNDirection } from '../types';
 export type UNRewardTransaction = {
     type: UNTransactionTypes.Reward;
-    id: number;
+    id: string;
     attributes: {
         createdAt: Date;
         amount: UNCents;
@@ -19,13 +19,13 @@ export type UNRewardTransaction = {
         account: {
             data: {
                 type: string;
-                id: number;
+                id: string;
             };
         };
         customer?: {
             data: {
                 type: string;
-                id: number;
+                id: string;
             };
         };
         customers?: {
@@ -39,13 +39,13 @@ export type UNRewardTransaction = {
         org?: {
             data: {
                 type: string;
-                id: number;
+                id: string;
             };
         };
         reward: {
             data: {
                 type: string;
-                id: number;
+                id: string;
             };
         };
     };

package/lib/typescript/src/types/shared/transaction/UNSettlementTransaction.d.ts

@@ -3,7 +3,7 @@ import { UNTransactionTypes } from './transactions.types';
 import { UNDirection } from '../types';
 export type UNSettlementTransaction = {
     type: UNTransactionTypes.Settlement;
-    id: number;
+    id: string;
     attributes: {
         createdAt: Date;
         amount: UNCents;
@@ -15,13 +15,13 @@ export type UNSettlementTransaction = {
         account: {
             data: {
                 type: string;
-                id: number;
+                id: string;
             };
         };
         customer?: {
             data: {
                 type: string;
-                id: number;
+                id: string;
             };
         };
         customers?: {
@@ -35,7 +35,7 @@ export type UNSettlementTransaction = {
         org?: {
             data: {
                 type: string;
-                id: number;
+                id: string;
             };
         };
     };

package/lib/typescript/src/types/shared/transaction/UNSponsoredInterestTransaction.d.ts

@@ -3,7 +3,7 @@ import { UNTransactionTypes } from './transactions.types';
 import { UNDirection } from '../types';
 export type UNSponsoredInterestTransaction = {
     type: UNTransactionTypes.SponsoredInterest;
-    id: number;
+    id: string;
     attributes: {
         createdAt: Date;
         amount: UNCents;
@@ -15,13 +15,13 @@ export type UNSponsoredInterestTransaction = {
         account: {
             data: {
                 type: string;
-                id: number;
+                id: string;
             };
         };
         customer?: {
             data: {
                 type: string;
-                id: number;
+                id: string;
             };
         };
         customers?: {
@@ -35,7 +35,7 @@ export type UNSponsoredInterestTransaction = {
         org?: {
             data: {
                 type: string;
-                id: number;
+                id: string;
             };
         };
     };

package/lib/typescript/src/types/shared/transaction/UNWireTransaction.d.ts

@@ -3,7 +3,7 @@ import { UNTransactionTypes } from './transactions.types';
 import { UNDirection } from '../types';
 export type UNWireTransaction = {
     type: UNTransactionTypes.Wire;
-    id: number;
+    id: string;
     attributes: {
         createdAt: Date;
         amount: UNCents;
@@ -16,13 +16,13 @@ export type UNWireTransaction = {
         account: {
             data: {
                 type: string;
-                id: number;
+                id: string;
             };
         };
         customer?: {
             data: {
                 type: string;
-                id: number;
+                id: string;
             };
         };
         customers?: {
@@ -36,7 +36,7 @@ export type UNWireTransaction = {
         org?: {
             data: {
                 type: string;
-                id: number;
+                id: string;
             };
         };
     };

package/lib/typescript/src/types/shared/transaction/transactions.types.d.ts

@@ -112,7 +112,7 @@ export declare enum UNTransactionType {
 }
 export type UNMerchant = {
     name?: string;
-    type?: string;
+    type?: number;
     category?: string;
     location?: string;
 };

package/package.json

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

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

@@ -67,6 +67,8 @@ const extractValueFromRequestRenderingEvent = (event: RequestRenderingEvent, key
 
 const getAddToWalletComponentDataFromEvent = (event: BottomSheetSlotData, customerToken: string): BottomSheetNativeAddToWalletComponentType | null => {
   const cardId = event.componentResourceId ?? extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'card-id');
+  const theme = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'theme');
+  const language = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'language');
   if (!cardId) {
     console.error('componentResourceId is missing in getAddToWalletComponentDataFromEvent and no cardId in requestRenderingEvent');
     return null;
@@ -76,12 +78,16 @@ const getAddToWalletComponentDataFromEvent = (event: BottomSheetSlotData, custom
     props: {
       cardId: cardId,
       customerToken: customerToken,
+      theme: theme,
+      language: language
     },
   };
 };
 
 const getACHCreditComponentDataFromEvent = (event: BottomSheetSlotData): BottomSheetNativeACHCreditComponentType | null => {
   const accountId = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'account-id');
+  const theme = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'theme');
+  const language = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'language');
   const fee = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'fee');
   const initialStageBackButton = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'initial-stage-back-button');
   const finalStageDoneButton = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'final-stage-done-button');
@@ -96,6 +102,8 @@ const getACHCreditComponentDataFromEvent = (event: BottomSheetSlotData): BottomS
     type: BottomSheetNativeComponentType.ACHCreditComponent,
     props: {
       accountId: accountId,
+      theme: theme,
+      language: language,
       fee: fee ? parseInt(fee) : undefined,
       initialStageBackButton: initialStageBackButton ? initialStageBackButton === 'true' : undefined,
       finalStageDoneButton: finalStageDoneButton ? finalStageDoneButton === 'true' : undefined,
@@ -110,6 +118,8 @@ const getACHCreditComponentDataFromEvent = (event: BottomSheetSlotData): BottomS
 
 const getACHDebitComponentDataFromEvent = (event: BottomSheetSlotData): BottomSheetNativeACHDebitComponentType | null => {
   const accountId = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'account-id');
+  const theme = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'theme');
+  const language = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'language');
   const fee = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'fee');
   const initialStageBackButton = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'initial-stage-back-button');
   const finalStageDoneButton = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'final-stage-done-button');
@@ -123,6 +133,8 @@ const getACHDebitComponentDataFromEvent = (event: BottomSheetSlotData): BottomSh
     type: BottomSheetNativeComponentType.ACHDebitComponent,
     props: {
       accountId: accountId,
+      theme: theme,
+      language: language,
       fee: fee ? parseInt(fee) : undefined,
       initialStageBackButton: initialStageBackButton ? initialStageBackButton === 'true' : undefined,
       finalStageDoneButton: finalStageDoneButton ? finalStageDoneButton === 'true' : undefined,
@@ -136,6 +148,8 @@ const getACHDebitComponentDataFromEvent = (event: BottomSheetSlotData): BottomSh
 
 const getCheckDepositComponentDataFromEvent = (event: BottomSheetSlotData): BottomSheetNativeCheckDepositComponentType | null => {
   const accountId = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'account-id');
+  const theme = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'theme');
+  const language = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'language');
   const fee = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'fee');
   const initialStageBackButton = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'initial-stage-back-button');
   const finalStageDoneButton = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'final-stage-done-button');
@@ -147,6 +161,8 @@ const getCheckDepositComponentDataFromEvent = (event: BottomSheetSlotData): Bott
     type: BottomSheetNativeComponentType.CheckDepositComponent,
     props: {
       accountId: accountId,
+      theme: theme,
+      language: language,
       fee: fee ? parseInt(fee) : undefined,
       initialStageBackButton: initialStageBackButton ? initialStageBackButton === 'true' : undefined,
       finalStageDoneButton: finalStageDoneButton ? finalStageDoneButton === 'true' : undefined,
@@ -158,6 +174,8 @@ const getBookPaymentComponentDataFromEvent = (event: BottomSheetSlotData): Botto
   const accountId = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'account-id');
   const counterPartyAccountId = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'counterparty-account-id');
   const counterPartyName = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'counterparty-name');
+  const theme = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'theme');
+  const language = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'language');
   const isSameCustomer = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'is-same-customer');
   const isAutoFocus = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'is-auto-focus');
   const initialStageBackButton = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'initial-stage-back-button');
@@ -167,6 +185,8 @@ const getBookPaymentComponentDataFromEvent = (event: BottomSheetSlotData): Botto
     type: BottomSheetNativeComponentType.BookPaymentComponent,
     props: {
       accountId: accountId,
+      theme: theme,
+      language: language,
       counterPartyAccountId: counterPartyAccountId,
       counterPartyName: counterPartyName,
       isSameCustomer: isSameCustomer ? isSameCustomer === 'true' : undefined,
@@ -179,6 +199,8 @@ const getBookPaymentComponentDataFromEvent = (event: BottomSheetSlotData): Botto
 
 const getWirePaymentComponentDataFromEvent = (event: BottomSheetSlotData): BottomSheetNativeWirePaymentComponentType | null => {
   const accountId = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'account-id');
+  const theme = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'theme');
+  const language = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'language');
   const fee = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'fee');
   const isAutoFocus = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'is-auto-focus');
   const initialStageBackButton = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'initial-stage-back-button');
@@ -192,6 +214,8 @@ const getWirePaymentComponentDataFromEvent = (event: BottomSheetSlotData): Botto
     type: BottomSheetNativeComponentType.WirePaymentComponent,
     props: {
       accountId: accountId,
+      theme: theme,
+      language: language,
       fee: fee ? parseInt(fee) : undefined,
       isAutoFocus: isAutoFocus ? isAutoFocus === 'true' : undefined,
       initialStageBackButton: initialStageBackButton ? initialStageBackButton === 'true' : undefined,

package/src/nativeComponents/UNAddToWallet/UNAddToWalletComponent/UNAddToWalletComponent.tsx

@@ -26,6 +26,10 @@ import { UNBaseView } from '../../UNBaseView';
 export interface UNAddToWalletComponentProps {
   customerToken: string;
   cardId: string;
+
+  // ui
+  theme?: string;
+  language?: string;
 }
 
 const UNAddToWalletComponent = (props: UNAddToWalletComponentProps) => {
@@ -73,6 +77,8 @@ const UNAddToWalletComponent = (props: UNAddToWalletComponentProps) => {
               type={WebComponentType.cardAction}
               presentationMode={PresentationMode.CoverInjectedHeight}
               params={getAddToWalletParams(props)}
+              theme={props.theme}
+              language={props.language}
               isScrollable={false}
               onMessage={(message: WebViewMessage) => handleWebViewMessage(message)}
               windowParams={getAddToWalletWindowParams(currentUNWallet)}

package/src/nativeComponents/UNBaseView/UNBaseView.tsx

@@ -7,7 +7,6 @@ import {
 import { UNComponentsError, UNComponentsErrorCodes, UNComponentsErrorData } from '../../types/shared';
 import { useIsJailbrokeDevice } from '../../hooks/useIsJailbrokeDevice';
 import { useSnapshotProtection } from '../../hooks/useSnapshotProtection';
-import UnitAndroidSecureView from '../UNSecureView/UNSecureViewNativeComponent';
 import { RootState } from '../../store';
 import { useSelector } from 'react-redux';
 
@@ -44,6 +43,8 @@ const UNBaseView = (props: UnitSecureViewProps) => {
   }
 
   if (Platform.OS == 'android') {
+    // eslint-disable-next-line @typescript-eslint/no-var-requires
+    const UnitAndroidSecureView = require('../UNSecureView/UNSecureViewNativeComponent.android').default;
     return <UnitAndroidSecureView filterTouchesWhenObscured={true} {...props}/>;
   } else {
     return (

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

@@ -20,7 +20,7 @@ export type UNDepositAccount = {
     }
     balance: number
     hold: number
-    reserve: number
+    reserve?: number
     available: number
     overdraftLimit?: number
     currency: string
@@ -71,7 +71,7 @@ export type UNBatchAccount = {
     maskedAccountNumber?: string
     balance: number
     hold: number
-    reserve: number
+    reserve?: number
     available: number
     currency: string
     status: UNAccountStatus
@@ -101,7 +101,7 @@ export type UNCreditAccount = {
     creditTerms: string
     balance: number
     hold: number
-    reserve: number
+    reserve?: number
     available: number
     creditLimit: number
     currency: string

package/src/types/shared/authorization.types.ts

@@ -30,7 +30,7 @@ export type UNAuthorizationRelationships = {
   customer?: {
     data: {
       type: string
-      id: number | null
+      id: string
     }
   }
 }

package/src/types/shared/checkDeposit.types.ts

@@ -1,5 +1,5 @@
 import { UNActivityType } from '../shared';
-import { UNCents, UNRelationshipsAccount } from './payment/payments.types';
+import { UNCents } from './payment/payments.types';
 
 export type UNCheckDeposit = {
   id: string
@@ -13,18 +13,21 @@ export type UNCheckDeposit = {
     amount: UNCents
     vendor?: UNCheckDepositVendors
     checkNumber?: string
-    counterparty: UNCheckCounterparty
+    counterparty?: UNCheckCounterparty
     frontImage?: string
     backImage?: string
     settlementDate?: Date
     statusCreatedAt?: Date
     statusSetBy?: string
-    statusHistory: UNStatusEvent[]
+    statusHistory?: UNStatusEvent[]
     tags?: { [key: string]: string }
   }
   relationships: {
     account: {
-      data: UNRelationshipsAccount
+      data: {
+        type: string
+        id: string
+      }
     }
     customer?: {
       data: {
@@ -48,7 +51,7 @@ export type UNCheckDeposit = {
     }
     transaction?: {
       data: {
-        type: UNActivityType
+        type: UNActivityType.Transaction
         id: string
       }
     }

package/src/types/shared/counterparty.types.ts

@@ -15,7 +15,7 @@ export type UNCounterparty = {
     customer: {
       data: {
         type: 'customer'
-        id: number
+        id: string
       }
     }
   }
@@ -47,7 +47,7 @@ export type UNConnectedAccount = {
     customer: {
       data: {
         type: 'customer'
-        id: number
+        id: string
       }
     }
   }

package/src/types/shared/payment/bookPayment.types.ts

@@ -29,13 +29,13 @@ export type UNBookPayment = {
     counterpartyAccount: {
       data: {
         type: string
-        id: number
+        id: string
       }
     }
     counterpartyCustomer: {
       data: {
         type: string
-        id: number
+        id: string
       }
     }
     recurringPayment?: {

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

@@ -55,17 +55,17 @@ export type UNCents = number
 
 export type UNRelationshipsTransaction = {
   type: string
-  id: number
+  id: string
 }
 
 export type UNRelationshipsCounterparty = {
   type: string
-  id: number
+  id: string
 }
 
 export type UNRelationshipsRecurringPayment = {
   type: string
-  id: number
+  id: string
 }
 
 export type UNRelationshipsAccount = {

package/src/types/shared/payment/wirePayment.types.ts

@@ -30,7 +30,7 @@ export type UNWirePayment = {
     counterpartyAccount: {
       data: {
         type: string
-        id: number
+        id: string
       }
     }
     org?: {

package/src/types/shared/transaction/UNAccountLowBalanceClosureTransaction.ts

@@ -4,7 +4,7 @@ import { UNTransactionTypes } from './transactions.types';
 
 export type UNAccountLowBalanceClosureTransaction = {
   type: UNTransactionTypes.AccountLowBalanceClosure
-  id: number
+  id: string
   attributes: {
     createdAt: Date
     amount: UNCents
@@ -16,13 +16,13 @@ export type UNAccountLowBalanceClosureTransaction = {
     account: {
       data: {
         type: string
-        id: number
+        id: string
       }
     }
     customer?: {
       data: {
         type: string
-        id: number
+        id: string
       }
     }
     customers?: {
@@ -36,7 +36,7 @@ export type UNAccountLowBalanceClosureTransaction = {
     org?: {
       data: {
         type: string
-        id: number
+        id: string
       }
     }
   }

package/src/types/shared/transaction/UNAdjustmentTransaction.ts

@@ -4,7 +4,7 @@ import { UNDirection } from '../types';
 
 export type UNAdjustmentTransaction = {
   type: UNTransactionTypes.Adjustment
-  id: number
+  id: string
   attributes: {
     createdAt: Date
     amount: UNCents
@@ -16,13 +16,13 @@ export type UNAdjustmentTransaction = {
     account: {
       data: {
         type: string
-        id: number
+        id: string
       }
     }
     customer?: {
       data: {
         type: string
-        id: number
+        id: string
       }
     }
     customers?: {
@@ -36,7 +36,7 @@ export type UNAdjustmentTransaction = {
     org?: {
       data: {
         type: string
-        id: number
+        id: string
       }
     }
   }

package/src/types/shared/transaction/UNAtmTransaction.ts

@@ -4,7 +4,7 @@ import { UNTransactionTypes } from './transactions.types';
 
 export type UNAtmTransaction = {
   type: UNTransactionTypes.ATM
-  id: number
+  id: string
   attributes: {
     createdAt: Date
     amount: UNCents
@@ -21,13 +21,13 @@ export type UNAtmTransaction = {
     account: {
       data: {
         type: string
-        id: number
+        id: string
       }
     }
     customer?: {
       data: {
         type: string
-        id: number
+        id: string
       }
     }
     customers?: {
@@ -41,7 +41,7 @@ export type UNAtmTransaction = {
     org?: {
       data: {
         type: string
-        id: number
+        id: string
       }
     }
   }

package/src/types/shared/transaction/UNBankRepaymentTransaction.ts

@@ -4,7 +4,7 @@ import { UNDirection } from '../types';
 
 export type UNBankRepaymentTransaction = {
   type: UNTransactionTypes.BankRepayment
-  id: number
+  id: string
   attributes: {
     createdAt: Date
     amount: UNCents
@@ -18,19 +18,19 @@ export type UNBankRepaymentTransaction = {
     account: {
       data: {
         type: string
-        id: number
+        id: string
       }
     }
     receivingAccount: {
       data: {
         type: string
-        id: number
+        id: string
       }
     }
     customer?: {
       data: {
         type: string
-        id: number
+        id: string
       }
     }
     customers?: {
@@ -44,7 +44,7 @@ export type UNBankRepaymentTransaction = {
     org?: {
       data: {
         type: string
-        id: number
+        id: string
       }
     }
   }

package/src/types/shared/transaction/UNBillPayTransaction.ts

@@ -4,7 +4,7 @@ import { UNDirection } from '../types';
 
 export type UNBillPayTransaction = {
   type: UNTransactionTypes.BillPay
-  id: number
+  id: string
   attributes: {
     createdAt: Date
     amount: UNCents
@@ -16,13 +16,13 @@ export type UNBillPayTransaction = {
     account: {
       data: {
         type: string
-        id: number
+        id: string
       }
     }
     customer?: {
       data: {
         type: string
-        id: number
+        id: string
       }
     }
     customers?: {
@@ -36,7 +36,7 @@ export type UNBillPayTransaction = {
     org?: {
       data: {
         type: string
-        id: number
+        id: string
       }
     }
   }