react-native-unit-components 1.2.1 → 1.3.0

package/src/components/UNBottomSheetComponent/UNBottomSheetComponent.tsx

@@ -7,7 +7,7 @@ import BottomSheet from '../../helpers/BottomSheet/BottomSheet';
 import EventBus from '../../helpers/EventBus';
 import { HeightEvent, PageMessage } from '../../messages/webMessages/pageMessage';
 import { RequestOpenLinkEvent, RequestRenderingEvent, UnitMessage } from '../../messages/webMessages/unitMessages';
-import { CardMessage, CardStatusChangedEvent } from '../../messages/webMessages/cardMessage';
+import { CardMessage, CardActivatedEvent, CardStatusChangedEvent } from '../../messages/webMessages/cardMessage';
 import { useListenerToBus } from '../../hooks/listenerToBus';
 import type { WebViewMessage } from '../../messages/webMessages';
 import {
@@ -174,6 +174,9 @@ export const UNBottomSheetComponent = () => {
         }
         break;
       }
+      case CardMessage.CARD_ACTIVATED:
+        EventBus.Instance.event(CardMessage.CARD_ACTIVATED, (message.details as CardActivatedEvent).card);
+        break;
       case CardMessage.CARD_STATUS_CHANGED:
         EventBus.Instance.event(CardMessage.CARD_STATUS_CHANGED, (message.details as CardStatusChangedEvent).card);
         break;

package/src/components/UNCardComponent/UNCardComponent.tsx

@@ -1,4 +1,4 @@
-import React, { useRef, useState } from 'react';
+import React, { useImperativeHandle, useRef, useState } from 'react';
 import { Dimensions, NativeModule, View } from 'react-native';
 import type WebView from 'react-native-webview';
 import { HeightEvent, PageMessage } from '../../messages/webMessages/pageMessage';
@@ -7,15 +7,16 @@ import EventBus from '../../helpers/EventBus';
 import { WebComponent, WebComponentType } from '../../webComponent/WebComponent';
 import { useListenerToBus } from '../../hooks/listenerToBus';
 import type { WebViewMessage } from '../../messages/webMessages';
-import { getCardParams, getCardScript, injectRefreshEventIfNeeded, launchStartCardProvisioning } from './UNCardComponent.utils';
+import { getCardParams, getCardScript, injectRefreshEventIfNeeded, launchStartCardProvisioning, injectOpenActionsMenuScript, injectRequestCardActionScript } from './UNCardComponent.utils';
 import { PresentationMode } from '../../scripts/html/bodyHtml';
-import type { UNResponseUnitOnLoadEvent, UNCardData } from '../../sharedTypes';
+import type { UNOnLoadResponse, UNCardData, UNError, UNCardMenuAction } from '../../sharedTypes';
 import { CardMessage } from '../../messages/webMessages/cardMessage';
 import { launchGetWallets } from './UNCardComponent.utils';
 import type { NativeModules } from 'react-native';
 import type { UNWallet } from 'src/sharedTypes/wallet.types';
 import { CardAddToWalletErrors, UNCardAddToWalletStatusEvent, CardGetAddToWalletStatusEvent, CardNativeMessage, CardStartPushProvisioningEvent } from '../../messages/nativeMessages/cardMessage';
 import type { BottomSheetSlotData } from '../UNBottomSheetComponent/UNBottomSheetComponent';
+import { RESPONSE_KEYS, UnitOnLoadResponseEvent } from '../../messages/webMessages/onLoadMessage';
 export interface UNCardComponentProps {
   // inputs
   cardId: string;
@@ -26,12 +27,17 @@ export interface UNCardComponentProps {
   hideSensitiveDataButton?: boolean;
 
   // events
-  onLoad?: (response: UNResponseUnitOnLoadEvent) => void
+  onLoad?: (response: UNOnLoadResponse<UNCardData>) => void
   onStatusChanged?: (card: UNCardData) => void;
+  onCardActivated?: (card: UNCardData) => void;
   pushProvisioningModule?: typeof NativeModules;
 }
+export interface CardRef {
+  openActionsMenu: () => void;
+  openAction:(action: UNCardMenuAction) => void;
+}
 
-export const UNCardComponent = (props: UNCardComponentProps) => {
+export const UNCardComponent = React.forwardRef<CardRef, UNCardComponentProps>(function UNCardComponent (props, cardRef) {
   const [height, setHeight] = useState(0);
   const windowWidth = Dimensions.get('window').width;
 
@@ -41,12 +47,27 @@ export const UNCardComponent = (props: UNCardComponentProps) => {
 
   const webRef = useRef<WebView>(null);
 
+  useImperativeHandle(cardRef, () => ({
+    openActionsMenu() {
+      injectOpenActionsMenuScript(webRef.current);
+    },
+    openAction(action: UNCardMenuAction) {
+      injectRequestCardActionScript(webRef.current, action);
+    }
+  }));
+
   const cardStatusChanged = (card: UNCardData) => {
     if (props.onStatusChanged) {
       props.onStatusChanged(card);
     }
   };
 
+  const cardActivated = (card: UNCardData) => {
+    if (props.onCardActivated) {
+      props.onCardActivated(card);
+    }
+  };
+
   const requestRefresh = (data: RequestRefreshEvent) => {
     injectRefreshEventIfNeeded(webRef.current, data, props.cardId);
   };
@@ -61,8 +82,29 @@ export const UNCardComponent = (props: UNCardComponentProps) => {
     getWallets();
   };
 
+  const handleUnitOnLoad = (response: UnitOnLoadResponseEvent) => {
+    if (!props.onLoad) {
+      return;
+    }
+
+    if (RESPONSE_KEYS.errors in response) {
+      props.onLoad(response as UNError);
+      return;
+    }
+
+    if (RESPONSE_KEYS.card in response) {
+      // CardOnLoadResponse
+      props.onLoad(response[RESPONSE_KEYS.card] as UNOnLoadResponse<UNCardData>);
+      return;
+    }
+
+    console.error('On Load Error: unexpected response type');
+    return;
+  };
+
   useListenerToBus({ busEventKey: UnitMessage.UNIT_REQUEST_REFRESH, action: requestRefresh });
   useListenerToBus({ busEventKey: CardMessage.CARD_STATUS_CHANGED, action: cardStatusChanged });
+  useListenerToBus({ busEventKey: CardMessage.CARD_ACTIVATED, action: cardActivated });
   useListenerToBus({ busEventKey: CardNativeMessage.CARD_START_PUSH_PROVISIONING, action: startPushProvisioning });
   useListenerToBus({ busEventKey: CardNativeMessage.CARD_GET_ADD_TO_WALLET_STATUS, action: getAddToWalletStatus });
 
@@ -83,7 +125,7 @@ export const UNCardComponent = (props: UNCardComponentProps) => {
         setHeight((message.details as HeightEvent).height);
         break;
       case UnitMessage.UNIT_ON_LOAD:
-        props.onLoad && props.onLoad(message.details as UNResponseUnitOnLoadEvent);
+        handleUnitOnLoad(message.details as UnitOnLoadResponseEvent);
         break;
     }
   };
@@ -132,4 +174,4 @@ export const UNCardComponent = (props: UNCardComponentProps) => {
       />
     </View>
   );
-};
+});

package/src/components/UNCardComponent/UNCardComponent.utils.ts

@@ -7,6 +7,7 @@ import { getMobileWalletPayload } from './networking/requests/UNWalletPayloadReq
 import { UNWallet, UNWalletCode, UNWalletName } from '../../../src/sharedTypes/wallet.types';
 import type { RequestRefreshEvent } from '../../messages/webMessages/unitMessages';
 import { UnitSDK } from '../../unitSdkManager/UnitSdkManager';
+import type { UNCardMenuAction } from '../../sharedTypes';
 
 export const getCardParams = (props: UNCardComponentProps) => {
   return `
@@ -23,6 +24,14 @@ export const getCardScript = () => {
   return DISPATCH_REQUEST_REFRESH;
 };
 
+export const injectOpenActionsMenuScript = (currentWeb: WebView | null) => {
+  currentWeb?.injectJavaScript(`dispatchOpenActionsMenu('${WebComponentType.card}')`);
+};
+
+export const injectRequestCardActionScript = (currentWeb: WebView | null, action: UNCardMenuAction) => {
+  currentWeb?.injectJavaScript(`dispatchRequestCardAction('${action}')`);
+};
+
 export const injectRefreshEventIfNeeded = (currentWeb: WebView | null, requestRefreshEvent: RequestRefreshEvent | null, cardId: string) => {
   if (requestRefreshEvent && requestRefreshEvent.dependencies.includes(WebComponentType.card.valueOf()) && requestRefreshEvent.resourceId == cardId) {
     currentWeb?.injectJavaScript(`dispatchRefreshEvent('${JSON.stringify(requestRefreshEvent)}')`);

package/src/messages/webMessages/cardMessage.ts

@@ -1,6 +1,7 @@
 import type { UNCardData } from '../../sharedTypes';
 
 export enum CardMessage {
+  CARD_ACTIVATED = 'unitCardActivated',
   CARD_STATUS_CHANGED = 'unitCardStatusChanged'
 }
 
@@ -8,5 +9,10 @@ export interface CardStatusChangedEvent {
   card: UNCardData;
 }
 
+export interface CardActivatedEvent {
+  card: UNCardData;
+}
+
 export type CardEvent =
   | CardStatusChangedEvent
+  | CardActivatedEvent

package/src/messages/webMessages/onLoadMessage.ts

@@ -0,0 +1,45 @@
+import type {UNAccountData, UNCounterpartyAccountData, UNCardData, UNError, UNOnLoadResponseData } from '../../sharedTypes';
+import type { UNAuthorizationData } from '../../sharedTypes/authorization.types';
+import type { UNTransactionData } from '../../sharedTypes/transactions.types';
+
+export enum RESPONSE_KEYS {
+  errors = 'errors',
+  card = 'cardResult',
+  account = 'accountResult',
+  counterpartyAccount = 'counterpartyResult',
+  transactions = 'transactionsResult',
+  authorization = 'authorizationResult'
+}
+
+export type CardOnLoadResponse = {
+  [RESPONSE_KEYS.card]: UNOnLoadResponseData<UNCardData>
+}
+
+export type AccountOnLoadResponse = {
+  [RESPONSE_KEYS.account]: UNOnLoadResponseData<UNAccountData>
+}
+
+export type AccountsOnLoadResponse = {
+  [RESPONSE_KEYS.account]: UNOnLoadResponseData<[UNAccountData]>
+}
+
+export type ACHOnLoadResponse = {
+  [RESPONSE_KEYS.account]: UNOnLoadResponseData<UNAccountData>,
+  [RESPONSE_KEYS.counterpartyAccount]: UNOnLoadResponseData<[UNCounterpartyAccountData]>
+}
+
+export type ActivityOnLoadResponse = {
+  [RESPONSE_KEYS.authorization]: UNOnLoadResponseData<UNAuthorizationData>,
+  [RESPONSE_KEYS.transactions]: UNOnLoadResponseData<UNTransactionData>
+}
+
+export type UnitOnLoadResponseSuccessData =
+  | CardOnLoadResponse
+  | ACHOnLoadResponse
+  | AccountsOnLoadResponse
+  | AccountOnLoadResponse
+  | ActivityOnLoadResponse
+
+export type UnitOnLoadResponseEvent =
+  | UNError
+  | UnitOnLoadResponseSuccessData

package/src/messages/webMessages/unitMessages.ts

@@ -1,4 +1,4 @@
-import type { UNResponseUnitOnLoadEvent } from '../../sharedTypes';
+import type { UnitOnLoadResponseEvent } from './onLoadMessage';
 
 export enum UnitMessage {
   UNIT_REQUEST_RENDERING = 'unitRequestRendering',
@@ -63,7 +63,7 @@ export type UnitEvent =
   | RequestRenderingEvent
   | RequestRefreshEvent
   | RequestOpenLinkEvent
-  | UNResponseUnitOnLoadEvent
+  | UnitOnLoadResponseEvent
   | RequestDownloadEvent
   | PlaidTokenCreatedEvent
   | RequestExternalSdkEvent

package/src/scripts/html/bodyScript.ts

@@ -59,6 +59,16 @@ export const LISTENERS = {
       postMessageToSDK({ type: "${UnitMessage.UNIT_REQUEST_DOWNLOAD}", details: e.detail })
     });
   `,
+  cardActivated: `
+    window.addEventListener("${CardMessage.CARD_ACTIVATED}", (e) => {
+      const response = e.detail
+      response.then((data) => {
+          postMessageToSDK({ type: "${CardMessage.CARD_ACTIVATED}", details:  { card: data.data }})
+      }).catch((e) => {
+          console.log(e)
+      })
+    });
+  `,
   cardStatusChange: `
     window.addEventListener("${CardMessage.CARD_STATUS_CHANGED}", (e) => {
       const response = e.detail
@@ -116,3 +126,15 @@ export const DISPATCH_PLAID_RESPONSE = `
     window.dispatchEvent(event)
     }
 `;
+
+export const DISPATCH_OPEN_ACTIONS_MENU = `
+    const dispatchOpenActionsMenu = (componentName) => {
+      document.querySelector(componentName).dispatchEvent(new CustomEvent("unitRequestOpenActionsMenu"))
+    }
+`;
+
+export const DISPATCH_REQUEST_CARD_ACTION = `
+    const dispatchRequestCardAction = (action) => {
+      document.querySelector("unit-elements-card").dispatchEvent(new CustomEvent("unitRequestCardAction", {detail: {action: action}}))
+    }
+`;

package/src/sharedTypes/account.types.ts

@@ -2,31 +2,39 @@ import type { UNRelationship, UNTags } 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",
+  Open = 'Open',
+  Closed = 'Closed',
+  Frozen = 'Frozen',
 }
 
 export enum UNCloseReason {
-  Fraud = "Fraud",
-  ByCustomer = "ByCustomer",
+  Fraud = 'Fraud',
+  ByCustomer = 'ByCustomer',
 }
 
 export enum UNFraudReason {
-  ACHActivity = "ACHActivity",
-  CardActivity = "CardActivity",
-  CheckActivity = "CheckActivity",
-  ApplicationHistory = "ApplicationHistory",
-  AccountActivity = "AccountActivity",
-  ClientIdentified = "ClientIdentified",
-  IdentityTheft = "IdentityTheft",
-  LinkedToFraudulentCustomer = "LinkedToFraudulentCustomer",
+  ACHActivity = 'ACHActivity',
+  CardActivity = 'CardActivity',
+  CheckActivity = 'CheckActivity',
+  ApplicationHistory = 'ApplicationHistory',
+  AccountActivity = 'AccountActivity',
+  ClientIdentified = 'ClientIdentified',
+  IdentityTheft = 'IdentityTheft',
+  LinkedToFraudulentCustomer = 'LinkedToFraudulentCustomer',
 }
 
 export type UNDepositAccount = {
   id: string
-  type: "depositAccount"
+  type: 'depositAccount'
   attributes: {
     createdAt: string
     updatedAt?: string
@@ -63,7 +71,7 @@ export type UNDepositAccount = {
 
 export type UNBatchAccount = {
   id: string
-  type: "batchAccount"
+  type: 'batchAccount'
   attributes: {
     createdAt: Date
     updatedAt?: Date
@@ -77,7 +85,7 @@ export type UNBatchAccount = {
     reserve: number
     available: number
     currency: string
-    status: "Open" | "Closed"
+    status: 'Open' | 'Closed'
     closeReason?: string
     fraudReason?: UNFraudReason
     closeReasonText?: string
@@ -91,7 +99,7 @@ export type UNBatchAccount = {
 
 export type UNCreditAccount = {
   id: string
-  type: "creditAccount"
+  type: 'creditAccount'
   attributes: {
     createdAt: Date
     updatedAt?: Date

package/src/sharedTypes/achCredit.types.ts

@@ -1,6 +1,13 @@
+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 { UNTags, UNRelationship } from './types';
 
+export type UNACHOnLoadData = {
+  [RESPONSE_KEYS.account]: UNAccountData,
+  [RESPONSE_KEYS.counterpartyAccount]: [UNCounterpartyAccountData]
+}
+
 export type UNACHData = {
   type: 'achPayment',
   id: string,

package/src/sharedTypes/activity.types.ts

@@ -0,0 +1,8 @@
+import type { RESPONSE_KEYS } from '../messages/webMessages/onLoadMessage';
+import type { UNAuthorizationData } from './authorization.types';
+import type { UNTransactionData } from './transactions.types';
+
+export type UNActivityOnLoadData = {
+  [RESPONSE_KEYS.authorization]: UNAuthorizationData,
+  [RESPONSE_KEYS.transactions]: UNTransactionData,
+}

package/src/sharedTypes/authorization.types.ts

@@ -0,0 +1,22 @@
+export type UNAuthorizationData = {
+  type: string,
+  id: string,
+  attributes: UNAuthorizationDetails
+}
+
+export type UNAuthorizationDetails = {
+  cardNetwork: string,
+  createdAt: Date,
+  amount: string,
+  merchant?: UNAuthorizationMerchant,
+  cardLast4Digits: string,
+  recurring : boolean,
+  summary: string,
+}
+
+export type UNAuthorizationMerchant = {
+  name: string,
+  type: string,
+  category: string,
+  location?: string,
+}

package/src/sharedTypes/card.types.ts

@@ -57,3 +57,16 @@ export type UNBusinessDebitCard = {
     customer: UNRelationship
   }
 }
+
+export enum UNCardMenuAction {
+  Freeze = 'Freeze',
+  ManagePin = 'ManagePin',
+  Replace = 'Replace',
+  Report = 'Report',
+  Close = 'Close',
+  Activate = 'Activate',
+  Unfreeze = 'Unfreeze',
+  ChangePin = 'ChangePin',
+  SetPin = 'SetPin',
+  AddToWallet = 'AddToWallet'
+}

package/src/sharedTypes/index.ts

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

package/src/sharedTypes/onLoadResponse.types.ts

@@ -1,27 +1,19 @@
-/* eslint-disable @typescript-eslint/ban-types */
-import type { UNCardData } from '../sharedTypes';
+export type UNOnLoadResponseData<T> = {
+  data: T,
+}
 
-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
-  */
-  data: UNCardData | Object,
-  included: [Object],
-  errors: null
+export type UNError = {
+  errors: UNErrorData[]
 }
 
-export type UNErrorResponseUnitOnLoad = {
-  errors: [
-    {
-      status: string,
-      title: string,
-      detail?: string,
-      details?: string,
-      meta?: Record<string, string>
-    }
-  ]
+export type UNErrorData = {
+  status: string,
+  title: string,
+  detail?: string,
+  details?: string,
+  meta?: Record<string, string>
 }
-export type UNResponseUnitOnLoadEvent =
-  | UNSuccessResponseUnitOnLoad
-  | UNErrorResponseUnitOnLoad
+
+export type UNOnLoadResponse<T> =
+  | UNOnLoadResponseData<T>
+  | UNError

package/src/sharedTypes/transactions.types.ts

@@ -0,0 +1,84 @@
+export type UNTransactionData = {
+  type: UNTransactionType,
+  id: string,
+  attributes: UNATransactionAttributes,
+  relationships: UNTransactionRelationships
+}
+
+export type UNATransactionAttributes = {
+  createdAt: Date,
+  amount: string,
+  direction?: UNDirection,
+  balance?: string,
+  summary?: string,
+  companyName?: string,
+  counterpartyName?: string,
+  counterpartyRoutingNumber?: string,
+  reason?: string,
+}
+
+export type UNTransactionRelationships = {
+  customer?: {
+    data: {
+      type: string
+      id: number
+    }
+  }
+  customers?: {
+    data: [
+      {
+        type: 'customer'
+        id: string
+      }
+    ]
+  }
+  org?: {
+    data: {
+      type: string
+      id: number
+    }
+  }
+}
+
+export enum UNDirection {
+	Debit = 'Debit',
+	Credit = 'Credit',
+}
+
+export enum UNTransactionType {
+	ATM = 'atmTransaction',
+	Adjustment = 'adjustmentTransaction',
+	BillPay = 'billPayTransaction',
+	Book = 'bookTransaction',
+	Card = 'cardTransaction',
+	CardReversal = 'cardReverTransactionTypessalTransaction',
+	Chargeback = 'chargebackTransaction',
+	CheckDeposit = 'checkDepositTransaction',
+	DishonoredACH = 'dishonoredAchTransaction',
+	Dispute = 'disputeTransaction',
+	DisputeSettlement = 'disputeSettlementTransaction',
+	Fee = 'feeTransaction',
+	InterchangeShare = 'interchangeShareTransaction',
+	Interest = 'interestTransaction',
+	InterestShare = 'interestShareTransaction',
+	NegativeBalanceCoverage = 'negativeBalanceCoverageTransaction',
+	OriginatedACH = 'originatedAchTransaction',
+	PaymentAdvance = 'paymentAdvanceTransaction',
+	PaymentCanceled = 'paymentCanceledTransaction',
+	Purchase = 'purchaseTransaction',
+	ReceivedACH = 'receivedAchTransaction',
+	Release = 'releaseTransaction',
+	RepaidPaymentAdvance = 'repaidPaymentAdvanceTransaction',
+	ReturnedACH = 'returnedAchTransaction',
+	ReturnedCheckDeposit = 'returnedCheckDepositTransaction',
+	ReturnedReceivedACH = 'returnedReceivedAchTransaction',
+	Reward = 'rewardTransaction',
+	Settlement = 'settlementTransaction',
+	SponsoredInterest = 'sponsoredInterestTransaction',
+	Wire = 'wireTransaction',
+	AccountLowBalanceClosure = 'accountLowBalanceClosureTransaction',
+	CashDeposit = 'cashDepositTransaction',
+	BankRepayment = 'bankRepaymentTransaction',
+	CustomerRepayment = 'CustomerRepaymentTransaction',
+	CustomerRepaymentReturned = 'CustomerRepaymentReturnedTransaction',
+}

package/src/webComponent/WebComponent.tsx

@@ -103,6 +103,8 @@ export const WebComponent = React.forwardRef<WebView, WebComponentProps>(functio
       injectedJavaScript={unitScript}
       style={{ width: width, flex: 1, opacity: 0.99}}
       source={{ html: sourceHtml }}
-      onMessage={onMessage} />
+      onMessage={onMessage}
+      androidHardwareAccelerationDisabled
+    />
   );
 });

package/src/webComponent/html.ts

@@ -1,5 +1,5 @@
 import { Platform } from 'react-native';
-import { DISPATCH_RENDERING_EVENT, LISTENERS, POST_MESSAGE_TO_SDK, POST_PAGE_HEIGHT } from '../scripts/html/bodyScript';
+import { DISPATCH_RENDERING_EVENT, LISTENERS, POST_MESSAGE_TO_SDK, POST_PAGE_HEIGHT, DISPATCH_REQUEST_CARD_ACTION, DISPATCH_OPEN_ACTIONS_MENU } from '../scripts/html/bodyScript';
 
 export const HTML_PLACEHOLDER = {
   SCRIPT_UNIT: '<SCRIPT_UNIT>',
@@ -43,6 +43,8 @@ const htmlText = `
 
       ${LISTENERS.requestCloseFlow}
 
+      ${LISTENERS.cardActivated}
+
       ${LISTENERS.cardStatusChange}
 
       ${LISTENERS.unitRequestExternalSdk}
@@ -51,6 +53,10 @@ const htmlText = `
 
       ${DISPATCH_RENDERING_EVENT}
 
+      ${DISPATCH_OPEN_ACTIONS_MENU}
+
+      ${DISPATCH_REQUEST_CARD_ACTION}
+
       ${HTML_PLACEHOLDER.SCRIPT_FROM_NATIVE}
     </script>
   </body>

package/android/src/main/res/values/themes.xml

@@ -1,16 +0,0 @@
-<resources xmlns:tools="http://schemas.android.com/tools">
-    <!-- Base application theme. -->
-    <style name="Theme.UnitWalletDemo" parent="Theme.MaterialComponents.DayNight.DarkActionBar">
-        <!-- Primary brand color. -->
-        <item name="colorPrimary">@color/purple_500</item>
-        <item name="colorPrimaryVariant">@color/purple_700</item>
-        <item name="colorOnPrimary">@color/white</item>
-        <!-- Secondary brand color. -->
-        <item name="colorSecondary">@color/teal_200</item>
-        <item name="colorSecondaryVariant">@color/teal_700</item>
-        <item name="colorOnSecondary">@color/black</item>
-        <!-- Status bar color. -->
-        <item name="android:statusBarColor" tools:targetApi="l">?attr/colorPrimaryVariant</item>
-        <!-- Customize your theme here. -->
-    </style>
-</resources>

package/android/src/main/res/values-night/themes.xml

@@ -1,16 +0,0 @@
-<resources xmlns:tools="http://schemas.android.com/tools">
-    <!-- Base application theme. -->
-    <style name="Theme.UnitWalletDemo" parent="Theme.MaterialComponents.DayNight.DarkActionBar">
-        <!-- Primary brand color. -->
-        <item name="colorPrimary">@color/purple_200</item>
-        <item name="colorPrimaryVariant">@color/purple_700</item>
-        <item name="colorOnPrimary">@color/black</item>
-        <!-- Secondary brand color. -->
-        <item name="colorSecondary">@color/teal_200</item>
-        <item name="colorSecondaryVariant">@color/teal_200</item>
-        <item name="colorOnSecondary">@color/black</item>
-        <!-- Status bar color. -->
-        <item name="android:statusBarColor" tools:targetApi="l">?attr/colorPrimaryVariant</item>
-        <!-- Customize your theme here. -->
-    </style>
-</resources>