react-native-unit-components 1.12.0 → 1.14.0

package/src/components/UNWirePaymentComponent/UNWirePaymentComponent.tsx

@@ -0,0 +1,109 @@
+import { WebComponent } from '../../webComponent/WebComponent';
+import React, { useState } from 'react';
+import { PresentationMode, WebComponentType } from '../../types/internal/webComponent.types';
+import { withReduxStore } from '../../helpers/store/helpers';
+import { RESPONSE_KEYS, UnitOnLoadResponseEvent } from '../../messages/webMessages/onLoadMessage';
+import { UNAccountData, UNError, UNOnLoadResponse, UNOnLoadResponseData } from '../../types/shared';
+import { WebViewMessage } from '../../messages/webMessages';
+import { PaymentMessage } from '../../messages/webMessages/paymentsMessage';
+import { UnitMessage } from '../../messages/webMessages/unitMessages';
+import { HeightEvent, PageMessage } from '../../messages/webMessages/pageMessage';
+import { getWirePaymentParams, getWirePaymentScript } from './UNWirePaymentComponent.utils';
+import { UNWirePaymentData, WirePaymentCreatedEvent } from '../../types/shared/wirePayment.types';
+import { UNBaseView } from '../../nativeComponents/UNBaseView';
+import { ensureArray } from '../../utils/onLoadMessages.utils';
+
+export interface UNWirePaymentComponentProps {
+  // inputs
+  customerToken: string;
+  accountId?: string;
+  fee?: number;
+
+  // ui
+  theme?: string;
+  language?: string;
+
+  isAutoFocus?: boolean;
+  initialStageBackButton?: boolean;
+  finalStageDoneButton?: boolean;
+
+  // events
+  onPaymentCreated?: (data: UNWirePaymentData) => void;
+  onLoad?: (response: UNOnLoadResponse<[UNAccountData]>) => void;
+  onInitialStageBackButtonClicked?: () => void;
+  onFinalStageDoneButtonClicked?: () => void;
+}
+
+const UNWirePaymentComponent = (props: UNWirePaymentComponentProps) => {
+  const [height, setHeight] = useState<number>(0);
+  const [presentationMode, setPresentationMode] = useState<PresentationMode>(PresentationMode.Inherit);
+
+  const handleUnitOnLoad = (response: UnitOnLoadResponseEvent) => {
+    if (!props.onLoad) {
+      return;
+    }
+
+    if (RESPONSE_KEYS.errors in response) {
+      props.onLoad(response as UNError);
+      return;
+    }
+
+    if (RESPONSE_KEYS.account in response) {
+      const account = response[RESPONSE_KEYS.account].data;
+      const paymentOnLoad: UNOnLoadResponseData<[UNAccountData]> = {
+        data: ensureArray(account),
+      };
+      props.onLoad(paymentOnLoad);
+      return;
+    }
+
+    console.error('On Load Error: unexpected response type');
+    return;
+  };
+
+  const handleWebViewMessage = (message: WebViewMessage) => {
+    if (!message || !message.details) return;
+    switch (message.type) {
+      case PaymentMessage.INITIAL_STAGE_BACK_BUTTON_CLICKED: {
+        props.onInitialStageBackButtonClicked && props.onInitialStageBackButtonClicked();
+        break;
+      }
+      case PaymentMessage.FINAL_STAGE_DONE_BUTTON_CLICKED: {
+        props.onFinalStageDoneButtonClicked && props.onFinalStageDoneButtonClicked();
+        break;
+      }
+      case PaymentMessage.PAYMENT_CREATED:
+        props.onPaymentCreated && props.onPaymentCreated((message.details as WirePaymentCreatedEvent).data);
+        break;
+      case UnitMessage.UNIT_ON_LOAD:
+        handleUnitOnLoad(message.details as UnitOnLoadResponseEvent);
+        break;
+      case PageMessage.PAGE_HEIGHT: {
+        const currentHeight = (message.details as HeightEvent).height;
+        setHeight(currentHeight);
+        if (presentationMode === PresentationMode.Inherit && currentHeight === 0) {
+          setPresentationMode(PresentationMode.Default);
+        }
+        break;
+      }
+    }
+  };
+
+  const style = presentationMode === PresentationMode.Inherit ? { flex: 1 } : { height: height };
+  return (
+    <UNBaseView style={style}>
+      <WebComponent
+        type={WebComponentType.wirePayment}
+        presentationMode={presentationMode}
+        params={getWirePaymentParams(props)}
+        script={getWirePaymentScript()}
+        onMessage={(message: WebViewMessage) => handleWebViewMessage(message)}
+        isScrollable={true}
+        theme={props.theme}
+        language={props.language}
+      />
+    </UNBaseView>
+  );
+};
+
+export default withReduxStore<UNWirePaymentComponentProps>(UNWirePaymentComponent);

package/src/components/UNWirePaymentComponent/UNWirePaymentComponent.utils.ts

@@ -0,0 +1,23 @@
+import { LISTENERS } from '../../scripts/html/bodyScript';
+import { UNWirePaymentComponentProps } from './UNWirePaymentComponent';
+
+export const getWirePaymentParams = (props: UNWirePaymentComponentProps) => {
+  const accountIdParam = props.accountId ? `account-id="${props.accountId}"` : '';
+  const feeParam = props.fee ? `fee="${props.fee}"` : '';
+  return `
+    ${accountIdParam}
+    customer-token="${props.customerToken}"
+    ${feeParam}
+    is-auto-focus="${props.isAutoFocus || false}"
+    initial-stage-back-button="${props.initialStageBackButton ?? false}"
+    final-stage-done-button="${props.finalStageDoneButton ?? false}"
+  `;
+};
+
+export const getWirePaymentScript = () => {
+  return `
+    ${LISTENERS.unitPaymentCreated}
+    ${LISTENERS.unitPaymentInitialStageBackButtonClicked}
+    ${LISTENERS.unitPaymentFinalStageDoneButtonClicked}
+  `;
+};

package/src/components/UNWirePaymentComponent/index.ts

@@ -0,0 +1 @@
+export { default as UNWirePaymentComponent, UNWirePaymentComponentProps } from './UNWirePaymentComponent';

package/src/components/index.ts

@@ -4,6 +4,7 @@ export * from './UNBottomSheetComponent';
 export * from './UNBookPaymentComponent';
 export * from './UNActivityComponent';
 export * from './UNAccountComponent';
+export * from './UNFundAccountPaymentComponent';
 export * from './UNCheckDepositComponent';
 export * from './UNACHDebitComponent';
 export * from './UNACHCreditComponent';
@@ -11,3 +12,4 @@ export * from './UNProgramDetailsComponent';
 export * from './UNNextRepaymentComponent';
 export * from './UNWhiteLabelAppComponent';
 export * from './UNPayeeManagementComponent';
+export * from './UNWirePaymentComponent';

package/src/helpers/BottomSheet/BottomSheet.tsx

@@ -20,6 +20,7 @@ import {
 import { getStylesObject } from './BottomSheet.styles';
 import { useAppStateListener } from '../../hooks/useAppStateListener';
 import { BottomSheetNativePlaceType } from '../../types/internal/bottomSheet.types';
+import { UNBaseView } from '../../nativeComponents/UNBaseView';
 
 export interface BottomSheetProps {
   isOpen: boolean,
@@ -223,11 +224,9 @@ const BottomSheet = (props: BottomSheetProps) => {
           <View
             onLayout={_setSize}
           >
-            <View
-              style={{ height: props.height }}
-            >
+            <UNBaseView style={{ height: props.height }}>
               {children}
-            </View>
+            </UNBaseView>
 
           </View>
         </View>

package/src/hooks/useIsJailbrokeDevice.ts

@@ -0,0 +1,17 @@
+import { useEffect, useState } from 'react';
+import UNSecurityManagerHelper from '../nativeModulesHelpers/UNSecurityHelper';
+
+export const useIsJailbrokeDevice = () => {
+  const [isJailbroke, setIsJailbroke] = useState(false);
+
+  useEffect(() => {
+    const isDeviceJailbroke = async () => {
+      const isDeviceJailbroke = await UNSecurityManagerHelper.isDeviceJailbroke();
+      setIsJailbroke(isDeviceJailbroke);
+    };
+
+    isDeviceJailbroke();
+  }, []);
+
+  return isJailbroke;
+};

package/src/hooks/useSnapshotProtection.ts

@@ -0,0 +1,25 @@
+import { Platform } from 'react-native';
+import UNSnapshotProtectionHelper from '../nativeModulesHelpers/UNSanpshotProtectionHelper/UNSnapshotProtectionHelper';
+import { UnitSDK } from '../unitSdkManager/UnitSdkManager';
+import { UNSnapshotProtectionStrategy } from '../types/shared/securitySettings';
+import { useEffect } from 'react';
+
+export const useSnapshotProtection = () => {
+  /**
+   * This hook provides snapshot protection specifically for Android.
+   * For iOS, a native service is utilized instead.
+   */
+  useEffect(() => {
+    if (!UnitSDK.isInitialized()) {
+      return;
+    }
+
+    if (UnitSDK.getSecuritySettings().snapshotProtectionStrategy == UNSnapshotProtectionStrategy.None) {
+      return;
+    }
+
+    if (Platform.OS == 'android') {
+      UNSnapshotProtectionHelper.setAndroidSecurity();
+    }
+  }, []);
+};

package/src/messages/webMessages/fundAccountPaymentMessage.ts

@@ -0,0 +1,8 @@
+import type { UNFundAccountPaymentData } from '../../types/shared';
+
+export interface PaymentCreatedEvent {
+  data: UNFundAccountPaymentData
+}
+
+export type FundAccountPaymentEvent =
+| PaymentCreatedEvent

package/src/messages/webMessages/index.ts

@@ -9,6 +9,7 @@ import type { AccountEvent, AccountMessage } from './accountMessage';
 import type { CheckEvent, CheckMessage } from './checkMessage';
 import type { ActivityEvent, ActivityMessage } from './activityMessage';
 import type { MultipleCardsEvent, MultipleCardsMessage } from './multipleCardsMessage';
+import { FundAccountPaymentEvent } from './fundAccountPaymentMessage';
 import { PlaidEvent, PlaidMessage } from './plaidMessages';
 import { PayeeManagementMessage, PayeeManagementEvent } from './payeeManagementMessage';
 
@@ -32,6 +33,7 @@ type WebViewEvent =
   | BookPaymentEvent
   | PaymentMessage
   | ACHEvent
+  | FundAccountPaymentEvent
   | AccountEvent
   | CheckEvent
   | ActivityEvent

package/src/messages/webMessages/onLoadMessage.ts

@@ -7,6 +7,7 @@ import type {
 } from '../../types/shared';
 import type { UNAuthorizationData } from '../../types/shared/authorization.types';
 import type { UNTransactionData } from '../../types/shared/transactions.types';
+import type { UNAstraExternalCardData } from '../../types/shared/payments.types';
 
 export enum RESPONSE_KEYS {
   errors = 'errors',
@@ -16,7 +17,9 @@ export enum RESPONSE_KEYS {
   counterpartyAccount = 'counterpartyResult',
   transactions = 'transactionsResult',
   authorizations = 'authorizationsResult',
-  repayment = 'repaymentResult'
+  repayment = 'repaymentResult',
+  astraExternalCard = 'astraCardsResult',
+  accountCards = 'accountCardsResult'
 }
 
 export type CardsOnLoadResponse = {
@@ -35,7 +38,7 @@ export type AccountsOnLoadResponse = {
 }
 
 export type ACHOnLoadResponse = {
-  [RESPONSE_KEYS.account]: UNOnLoadResponseData<UNAccountData>,
+  [RESPONSE_KEYS.account]: UNOnLoadResponseData<UNAccountData> | UNOnLoadResponseData<[UNAccountData]>,
   [RESPONSE_KEYS.counterpartyAccount]: UNOnLoadResponseData<[UNCounterpartyAccountData]>
 }
 
@@ -44,6 +47,13 @@ export type ActivityOnLoadResponse = {
   [RESPONSE_KEYS.transactions]: UNOnLoadResponseData<[UNTransactionData]>
 }
 
+export type FundAccountPaymentOnLoadResponse = {
+  // Currently, FundAccountPaymentComponent get 2 on load events: 1- for the external cards, 2- for the internal cards;
+  // we may consider unite them.
+  [RESPONSE_KEYS.astraExternalCard]?: UNOnLoadResponseData<[UNAstraExternalCardData]>,
+  [RESPONSE_KEYS.accountCards]?: UNOnLoadResponseData<[UNCardData]>
+}
+
 export type UnitOnLoadResponseSuccessData =
   | CardOnLoadResponse
   | CardsOnLoadResponse
@@ -51,6 +61,7 @@ export type UnitOnLoadResponseSuccessData =
   | AccountsOnLoadResponse
   | AccountOnLoadResponse
   | ActivityOnLoadResponse
+  | FundAccountPaymentOnLoadResponse
 
 export type UnitOnLoadResponseEvent =
   | UNError

package/src/messages/webMessages/unitMessages.ts

@@ -17,7 +17,7 @@ export enum UnitMessage {
 }
 
 export enum UnitRequestRefreshEventTypes {
-  REQUEST_REFRESH_EVENT = 'requestRefreshEvent'
+  REQUEST_REFRESH_EVENT = 'requestRefreshEvent' 
 }
 
 export interface RequestRenderingEvent {

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

@@ -21,6 +21,7 @@ import {
 } from '../../../components/UNBottomSheetComponent/UNBottomSheetComponent.constants';
 import { launchStartCardProvisioning } from '../../../helpers/pushProvisioningService/startProvisioning';
 import { PageMessage } from '../../../messages/webMessages/pageMessage';
+import { UNBaseView } from '../../UNBaseView';
 
 export interface UNAddToWalletComponentProps {
   customerToken: string;
@@ -64,25 +65,25 @@ const UNAddToWalletComponent = (props: UNAddToWalletComponentProps) => {
       return <ActivityIndicator style={styles.loader} />;
     }
     return (
-      <>
+      <UNBaseView style={{flex: 1}}>
         {
           shouldRenderAddToWalletWebView() &&
-          <WebComponent
-            ref={webRef}
-            type={WebComponentType.cardAction}
-            presentationMode={PresentationMode.CoverInjectedHeight}
-            params={getAddToWalletParams(props)}
-            isScrollable={false}
-            onMessage={(message: WebViewMessage) => handleWebViewMessage(message)}
-            windowParams={getAddToWalletWindowParams(currentUNWallet)}
-          />
+            <WebComponent
+              ref={webRef}
+              type={WebComponentType.cardAction}
+              presentationMode={PresentationMode.CoverInjectedHeight}
+              params={getAddToWalletParams(props)}
+              isScrollable={false}
+              onMessage={(message: WebViewMessage) => handleWebViewMessage(message)}
+              windowParams={getAddToWalletWindowParams(currentUNWallet)}
+            />
         }
 
         {
           currentUNWallet?.status === UNCardAddToWalletStatus.readyToProvisioning &&
           <UnitAddToWalletButtonView style={styles.addToWalletButton} onAddToWalletClicked={handleAddToWalletClicked} />
         }
-      </>
+      </UNBaseView>
     );
   };
   return (

package/src/nativeComponents/UNBaseView/UNBaseView.tsx

@@ -0,0 +1,50 @@
+import React, { useEffect } from 'react';
+import {
+  Platform,
+  StyleProp,
+  View,
+  ViewStyle,
+  requireNativeComponent,
+} from 'react-native';
+import { UNError } from '../../types/shared';
+import { useIsJailbrokeDevice } from '../../hooks/useIsJailbrokeDevice';
+import { useSnapshotProtection } from '../../hooks/useSnapshotProtection';
+
+type UnitAndroidSecureViewProps = {
+  style?: StyleProp<ViewStyle>;
+  filterTouchesWhenObscured: boolean;
+  children: React.ReactNode;
+};
+
+type UnitSecureViewProps = {
+  style?: StyleProp<ViewStyle>;
+  children: React.ReactNode;
+  onLoadError?: (error: UNError) => void;
+};
+
+const UnitAndroidSecureView = requireNativeComponent<UnitAndroidSecureViewProps>('UNSecureView');
+
+const UNBaseView = (props: UnitSecureViewProps) => {
+  useSnapshotProtection();
+
+  const isJailbroke = useIsJailbrokeDevice();
+  useEffect(() => {
+    if (isJailbroke) {
+      props.onLoadError && props.onLoadError({errors: [{title: 'Device is Jailbroke'}]});
+    }
+  }, [props, isJailbroke]);
+
+  if (isJailbroke) {
+    return null;
+  }
+
+  if (Platform.OS == 'android') {
+    return <UnitAndroidSecureView filterTouchesWhenObscured={true} {...props}/>;
+  } else {
+    return (
+      <View {...props} />
+    );
+  }
+};
+
+export default UNBaseView;

package/src/nativeComponents/UNBaseView/index.ts

@@ -0,0 +1 @@
+export { default as UNBaseView } from './UNBaseView';

package/src/nativeModulesHelpers/UNSanpshotProtectionHelper/UNSnapshotProtectionHelper.ts

@@ -0,0 +1,21 @@
+import { NativeModules } from 'react-native';
+
+const { UNSnapshotProtectionManager } = NativeModules;
+
+class UNSnapshotProtectionHelper {
+  static setAndroidSecurity() {
+    /**
+     * Set secure flag on the activity's window (if it doesn't exist)
+     */
+    UNSnapshotProtectionManager.setSecureFlags();
+  }
+
+  static setIosSecurity(shouldProtectFromSnapshot: boolean, style: string) {
+    /**
+     * Activate a Global native service for managing the snapshotProtection by the given arguments.
+     */
+    UNSnapshotProtectionManager.configureSnapshotProtectionStrategy(shouldProtectFromSnapshot, style);
+  }
+}
+
+export default UNSnapshotProtectionHelper;

package/src/nativeModulesHelpers/UNSecurityHelper.ts

@@ -0,0 +1,35 @@
+import { NativeModules } from 'react-native';
+
+const { UNSecurityHelper } = NativeModules;
+
+enum UNJailbrokeState {
+  Unknown,
+  Jailbroke,
+  NotJailbroke
+}
+
+class UNSecurityManagerHelper {
+  static deviceJailbrokeState: UNJailbrokeState = UNJailbrokeState.Unknown;
+
+  static async isDeviceJailbroke(): Promise<boolean> {
+    if (this.deviceJailbrokeState !== UNJailbrokeState.Unknown) {
+      return this.isCurrentStatusIsJailbroke();
+    }
+    const result: boolean = await UNSecurityHelper.isDeviceJailbroke();
+    UNSecurityManagerHelper.deviceJailbrokeState = result ? UNJailbrokeState.Jailbroke : UNJailbrokeState.NotJailbroke;
+    return result;
+  }
+
+  private static isCurrentStatusIsJailbroke = (): boolean => {
+    switch (this.deviceJailbrokeState) {
+      case UNJailbrokeState.Unknown:
+        return false;
+      case UNJailbrokeState.Jailbroke:
+        return true;
+      case UNJailbrokeState.NotJailbroke:
+        return false;
+    }
+  };
+}
+
+export default UNSecurityManagerHelper;

package/src/networking/common/UNNetworkConstants.ts

@@ -7,5 +7,6 @@ export const APIHeaders = {
 
 export const UNIT_SECURE_URL = {
   [UNEnvironment.sandbox]: 'https://secure.api.s.unit.sh',
-  [UNEnvironment.production]: 'https://secure.api.unit.co'
+  [UNEnvironment.production]: 'https://secure.api.unit.co',
+  [UNEnvironment.mock]: ''
 };

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

@@ -5,6 +5,7 @@ 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',
@@ -12,6 +13,7 @@ export enum WebComponentType {
   programDetails = 'unit-elements-program-details',
   nextRepayment = 'unit-elements-next-repayment',
   payeeManagement = 'unit-elements-payee-management',
+  wirePayment = 'unit-elements-wire-payment',
   whiteLabelApp = 'unit-elements-white-label-app',
 }
 

package/src/types/shared/achCredit.types.ts

@@ -1,15 +1,15 @@
 import type { RESPONSE_KEYS } from '../../messages/webMessages/onLoadMessage';
 import type { UNAccountData, UNCounterpartyAccountData } from './account.types';
-import type { UNAchCounterparty, UNCounterpartyVerificationMethod, UNPaymentStatus } from './payments.types';
+import type { UNPaymentType, UNAchCounterparty, UNCounterpartyVerificationMethod, UNPaymentStatus } from './payments.types';
 import type { UNTags, UNRelationship } from './types';
 
 export type UNACHOnLoadData = {
-  [RESPONSE_KEYS.account]: UNAccountData,
+  [RESPONSE_KEYS.account]: [UNAccountData],
   [RESPONSE_KEYS.counterpartyAccount]: [UNCounterpartyAccountData]
 }
 
 export type UNACHData = {
-  type: 'achPayment',
+  type: UNPaymentType.AchPayment,
   id: string,
   attributes: {
     createdAt: string | Date,

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

@@ -1,8 +1,8 @@
-import type { UNPaymentStatus } from './payments.types';
+import type { UNPaymentStatus, UNPaymentType } from './payments.types';
 import type { UNTags, UNRelationship } from './types';
 
 export type UNBookPaymentData = {
-  type: 'bookPayment',
+  type: UNPaymentType.BookPayment,
   id: string,
   attributes: {
     createdAt: string | Date,

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

@@ -1,4 +1,5 @@
 import type { UNRelationship } from './types';
+import type { Cents } from './payments.types';
 
 export type UNCheckDepositData = {
 	id: string
@@ -41,8 +42,6 @@ export enum UNCheckDepositStatus {
 	Returned = 'Returned',
 }
 
-export type Cents = number
-
 export type UNCheckCounterparty = {
 	name: string
 	accountNumber: string

package/src/types/shared/env.types.ts

@@ -1,4 +1,5 @@
 export enum UNEnvironment {
   sandbox = 'sandbox',
-  production = 'production'
+  production = 'production',
+  mock = 'mock'
 }

package/src/types/shared/fundAccountPayment.types.ts

@@ -0,0 +1,38 @@
+import { UNCardData } from './card.types';
+import { UNPaymentType, Cents, UNPaymentStatus, UNAstraExternalCardData } from './payments.types';
+import { UNDirection, UNRelationshipData } from './types';
+
+export type UNFundAccountPaymentOnLoadData = [UNAstraExternalCardData] | [UNCardData]
+
+export type UNFundAccountPaymentData = {
+	type: UNPaymentType.CardToCardPayment
+	id: string
+	attributes: {
+		createdAt: Date
+		amount: Cents
+		direction: UNDirection
+		description: string
+		status: UNPaymentStatus
+		reason?: string
+		tags?: {[key: string]: string}
+		astraRoutineId: string
+	}
+	relationships: {
+		account: {
+			data: UNRelationshipData
+		}
+		customer?: {
+			data: UNRelationshipData
+		}
+		customers?: {
+			data: [UNRelationshipData]
+		}
+		transaction?: {
+			data: [UNRelationshipData]
+		}
+
+		card: {
+			data: UNRelationshipData
+		}
+	}
+}

package/src/types/shared/index.ts

@@ -10,5 +10,7 @@ export * from './fonts.types';
 export * from './error.types';
 export * from './versioning.types';
 export * from './multipleCards.types';
+export * from './fundAccountPayment.types';
 export * from './payeeManagement.types';
 export * from './env.types';
+export * from './securitySettings';

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

@@ -1,4 +1,11 @@
-export type UNPaymentStatus = 'Sent' | 'Rejected'
+export enum UNPaymentType {
+	AchPayment = 'achPayment',
+	BookPayment = 'bookPayment',
+	CardToCardPayment = 'cardToCardPayment',
+  WirePayment = 'wirePayment'
+}
+
+export type UNPaymentStatus = 'Sent' | 'Rejected' | 'Pending' | 'Clearing' | 'Canceled' | 'Returned' | 'PendingReview'
 
 export type UNAchCounterparty = {
   name: string
@@ -35,3 +42,28 @@ export enum UNPlaidAccountFilter {
 export enum UNCounterpartyVerificationMethod {
   Plaid = 'Plaid',
 }
+
+export enum UNCardNetwork {
+	Visa = 'Visa',
+	Diners = 'Diners',
+	Maestro = 'Maestro',
+	Generic = 'Generic',
+	Discover = 'Discover',
+	MasterCard = 'MasterCard',
+	AmericanExpress = 'AmericanExpress',
+}
+
+export interface UNAstraExternalCardData {
+	type: 'astraExternalCard'
+	id: string
+	attributes: {
+		last4Digits: string
+		cardNetwork: UNCardNetwork
+		fullName: {
+			first: string
+			last: string
+		}
+	}
+}
+
+export type Cents = number

package/src/types/shared/securitySettings.ts

@@ -0,0 +1,8 @@
+export enum UNSnapshotProtectionStrategy {
+  FullProtection = 'fullProtection',
+  None = 'none'
+}
+
+export interface UNSecuritySettings {
+  snapshotProtectionStrategy: UNSnapshotProtectionStrategy
+}