react-native-unit-components 1.2.1 → 1.4.0

package/src/components/UNActivityComponent/UNActivityComponent.tsx

@@ -5,19 +5,29 @@ import { useListenerToBus } from '../../hooks/listenerToBus';
 import type { WebViewMessage } from '../../messages/webMessages';
 import { HeightEvent, PageMessage } from '../../messages/webMessages/pageMessage';
 import { PresentationMode } from '../../scripts/html/bodyHtml';
-import type { UNResponseUnitOnLoadEvent } from '../../sharedTypes';
+import type { UNError, UNOnLoadResponse, UNOnLoadResponseData } from '../../sharedTypes';
 import { WebComponent, WebComponentType } from '../../webComponent/WebComponent';
-import { getActivityParams, getActivityScript, injectRefreshEventIfNeeded } from './UNActivityComponent.utils';
+import { getActivityParams, getActivityScript, injectFiltersChanged, injectRefreshEventIfNeeded } from './UNActivityComponent.utils';
 import type WebView from 'react-native-webview';
 import type { BottomSheetSlotData } from '../UNBottomSheetComponent/UNBottomSheetComponent';
 import EventBus from '../../helpers/EventBus';
+import type { UNActivityOnLoadData } from '../../sharedTypes/activity.types';
+import { RESPONSE_KEYS, UnitOnLoadResponseEvent } from '../../messages/webMessages/onLoadMessage';
+import { ActivityMessage } from '../../messages/webMessages/activityMessage';
 
 const DEFAULT_HEIGHT = Dimensions.get('window').height * 0.5;
 export interface UNActivityComponentProps {
+  // inputs
   accountId: string;
   customerToken: string;
+  queryFilter?: string
+
+  // ui
   theme?: string;
-  onLoad?: (response: UNResponseUnitOnLoadEvent) => void
+  hideFilterButton?: boolean;
+
+  // event
+  onLoad?: (response: UNOnLoadResponse<UNActivityOnLoadData>) => void;
 }
 
 export const UNActivityComponent = (props: UNActivityComponentProps) => {
@@ -28,7 +38,38 @@ export const UNActivityComponent = (props: UNActivityComponentProps) => {
     injectRefreshEventIfNeeded(webRef.current, data);
   };
 
+  const dispatchActivityFiltersChanged = (query: string) => {
+    injectFiltersChanged(webRef.current, query);
+  };
+
   useListenerToBus({ busEventKey: UnitMessage.UNIT_REQUEST_REFRESH, action: requestRefresh });
+  useListenerToBus({ busEventKey: ActivityMessage.UNIT_ACTIVITY_FILTERS_CHANGED, action: dispatchActivityFiltersChanged});
+
+  const handleUnitOnLoad = (response: UnitOnLoadResponseEvent) => {
+    if (!props.onLoad) {
+      return;
+    }
+
+    if (RESPONSE_KEYS.errors in response) {
+      props.onLoad(response as UNError);
+      return;
+    }
+
+    if (RESPONSE_KEYS.authorization in response && RESPONSE_KEYS.transactions in response) {
+      // ActivityOnLoadResponse;
+      const activityOnLoad: UNOnLoadResponseData<UNActivityOnLoadData> = {
+        data: {
+          [RESPONSE_KEYS.authorization]: response[RESPONSE_KEYS.authorization].data,
+          [RESPONSE_KEYS.transactions]: response[RESPONSE_KEYS.transactions].data
+        }
+      };
+      props.onLoad(activityOnLoad);
+      return;
+    }
+
+    console.error('On Load Error: unexpected response type');
+    return;
+  };
 
   const handleWebViewMessage = (message: WebViewMessage) => {
     switch (message.type) {
@@ -42,7 +83,7 @@ export const UNActivityComponent = (props: UNActivityComponentProps) => {
         break;
       }
       case UnitMessage.UNIT_ON_LOAD:
-        props.onLoad && props.onLoad(message.details as UNResponseUnitOnLoadEvent);
+        handleUnitOnLoad(message.details as UnitOnLoadResponseEvent);
         break;
       case PageMessage.PAGE_HEIGHT: {
         const currentHeight = (message.details as HeightEvent).height;

package/src/components/UNActivityComponent/UNActivityComponent.utils.ts

@@ -5,9 +5,12 @@ import { DISPATCH_REQUEST_REFRESH } from './../../scripts/html/bodyScript';
 import type { UNActivityComponentProps } from './UNActivityComponent';
 
 export const getActivityParams = (props: UNActivityComponentProps) => {
+  const queryFilterParam = props.queryFilter ? `query-filter="${props.queryFilter}"` : '';
   return `
     account-id="${props.accountId}"
     customer-token="${props.customerToken}"
+    hide-filter-button="${props.hideFilterButton || false}"
+    ${queryFilterParam}
     style="height: 100%"
   `;
 };
@@ -21,3 +24,7 @@ export const injectRefreshEventIfNeeded = (currentWeb: WebView | null, requestRe
     currentWeb?.injectJavaScript(`dispatchRefreshEvent('${JSON.stringify(requestRefreshEvent)}')`);
   }
 };
+
+export const injectFiltersChanged = (currentWeb: WebView | null, query: string) => {
+  currentWeb?.injectJavaScript(`dispatchActivityFilterChangedEvent('${query}')`);
+};

package/src/components/UNBookPaymentComponent/UNBookPaymentComponent.tsx

@@ -3,12 +3,13 @@ import { WebComponent, WebComponentType } from '../../webComponent/WebComponent'
 import { PresentationMode } from '../../scripts/html/bodyHtml';
 import { getBookPaymentParams, getBookPaymentScript } from './UNBookPaymentComponent.utils';
 import type { WebViewMessage } from '../../messages/webMessages';
-import type { UNResponseUnitOnLoadEvent, UNBookPaymentData } from '../../sharedTypes';
+import type { UNOnLoadResponse, UNBookPaymentData, UNError, UNAccountData, UNOnLoadResponseData } from '../../sharedTypes';
 import { HeightEvent, PageMessage } from '../../messages/webMessages/pageMessage';
 import { View } from 'react-native';
 import { UnitMessage } from '../../messages/webMessages/unitMessages';
 import { PaymentMessage } from '../../messages/webMessages/paymentsMessage';
 import type { BookPaymentEvent } from '../../messages/webMessages/bookPaymentMessage';
+import { RESPONSE_KEYS, UnitOnLoadResponseEvent } from '../../messages/webMessages/onLoadMessage';
 
 export interface UNBookPaymentComponentProps {
   accountId: string;
@@ -18,13 +19,33 @@ export interface UNBookPaymentComponentProps {
   counterPartyName: string;
   theme?: string;
   onPaymentCreated?: (data: UNBookPaymentData) => void;
-  onLoad?: (response: UNResponseUnitOnLoadEvent) => void;
+  onLoad?: (response: UNOnLoadResponse<UNAccountData>) => void;
 }
 
 export const UNBookPaymentComponent = (props: UNBookPaymentComponentProps) => {
   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) {
+      // AccountOnLoadResponse;
+      props.onLoad(response[RESPONSE_KEYS.account] as UNOnLoadResponseData<UNAccountData>);
+      return;
+    }
+
+    console.error('On Load Error: unexpected response type');
+    return;
+  };
+
   const handleWebViewMessage = (message: WebViewMessage) => {
     if (!message || !message.details) return;
 
@@ -33,7 +54,7 @@ export const UNBookPaymentComponent = (props: UNBookPaymentComponentProps) => {
         props.onPaymentCreated && props.onPaymentCreated((message.details as BookPaymentEvent).data);
         break;
       case UnitMessage.UNIT_ON_LOAD:
-        props.onLoad && props.onLoad(message.details as UNResponseUnitOnLoadEvent);
+        handleUnitOnLoad(message.details as UnitOnLoadResponseEvent);
         break;
       case PageMessage.PAGE_HEIGHT: {
         const currentHeight = (message.details as HeightEvent).height;

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 {
@@ -24,6 +24,7 @@ import { getAccountActionType } from '../UNAccountComponent/UNAccountComponent.u
 import { AccountAction } from '../UNAccountComponent/UNAccountComponent';
 import type { AccountChangedEvent } from '../../messages/webMessages/accountMessage';
 import { AccountMessage } from '../../messages/webMessages/accountMessage';
+import { ActivityFiltersChangedEvent, ActivityMessage } from '../../messages/webMessages/activityMessage';
 
 export enum ScrollState {
   /*
@@ -174,12 +175,18 @@ 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;
       case AccountMessage.UNIT_ACCOUNT_CHANGED:
         EventBus.Instance.event(AccountMessage.UNIT_ACCOUNT_CHANGED, (message.details as AccountChangedEvent).account);
         break;
+      case ActivityMessage.UNIT_ACTIVITY_FILTERS_CHANGED:
+        EventBus.Instance.event(ActivityMessage.UNIT_ACTIVITY_FILTERS_CHANGED, (message.details as ActivityFiltersChangedEvent));
+        break;
       case UnitMessage.UNIT_REQUEST_CLOSE_FLOW:
         handleCloseFlow();
         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,31 +7,39 @@ 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;
   customerToken: string;
+
+  // ui
   theme?: string;
   hideActionsMenuButton?: boolean;
   hideCardTitle?: boolean;
   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 +49,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 +84,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 +127,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 +176,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/components/UNCheckDepositComponent/UNCheckDepositComponent.tsx

@@ -0,0 +1,112 @@
+import React, { useEffect, useState } from 'react';
+import { View, NativeModules, Platform } from 'react-native';
+import { WebComponent, WebComponentType } from '../../webComponent/WebComponent';
+import { PresentationMode } from '../../scripts/html/bodyHtml';
+import type { WebViewMessage } from '../../messages/webMessages';
+import { HeightEvent, PageMessage } from '../../messages/webMessages/pageMessage';
+import { UnitMessage } from '../../messages/webMessages/unitMessages';
+import { getCheckDepositParams, getCheckDepositScript } from './UNCheckDepositComponent.utils';
+import { CheckMessage } from '../../messages/webMessages/checkMessage';
+import type { UNCheckDepositData } from '../../sharedTypes/checkDeposit.types';
+import type { UNAccountData, UNError, UNOnLoadResponse, UNOnLoadResponseData } from '../../sharedTypes';
+import { RESPONSE_KEYS, UnitOnLoadResponseEvent } from '../../messages/webMessages/onLoadMessage';
+
+const { Camera } = NativeModules;
+
+export interface UNCheckDepositComponentProps {
+  accountId: string;
+  fee: number;
+  customerToken: string;
+  theme?: string;
+  onLoad?: (response: UNOnLoadResponse<UNAccountData>) => void;
+  onDepositCreated?: (checkData: UNCheckDepositData) => void
+  onRestartRequest?: (checkData: UNCheckDepositData) => void
+}
+
+export const UNCheckDepositComponent = (props: UNCheckDepositComponentProps) => {
+  const [height, setHeight] = useState<number>(0);
+  const [presentationMode, setPresentationMode] = useState<PresentationMode>(PresentationMode.Inherit);
+
+  useEffect(() => {
+    const requestCameraAccess = async () => {
+      try {
+        await Camera.requestAccess();
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      } catch (error: any) {
+        console.error(error);
+      }
+    };
+
+    if (Platform.OS == 'ios') {
+      requestCameraAccess();
+    }
+  }, []);
+
+  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) {
+      // AccountOnLoadResponse;
+      props.onLoad(response[RESPONSE_KEYS.account] as UNOnLoadResponseData<UNAccountData>);
+      return;
+    }
+
+    console.error('On Load Error: unexpected response type');
+    return;
+  };
+
+  const handleWebViewMessage = (message: WebViewMessage) => {
+    if (!message || !message.details) return;
+
+    switch (message.type) {
+      case CheckMessage.CHECK_DEPOSIT_CREATED:
+        props.onDepositCreated && props.onDepositCreated(message.details as UNCheckDepositData);
+        break;
+      case CheckMessage.CHECK_DEPOSIT_RESTART_REQUEST:
+        props.onRestartRequest && props.onRestartRequest(message.details as UNCheckDepositData);
+        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 renderBookPaymentWebView = () => {
+    return (
+      <WebComponent
+        type={WebComponentType.checkDeposit}
+        presentationMode={presentationMode}
+        params={getCheckDepositParams(props)}
+        script={getCheckDepositScript()}
+        onMessage={(message: WebViewMessage) => handleWebViewMessage(message)}
+        theme={props.theme}
+        isScrollable={true}
+      />
+    );
+  };
+
+  if (presentationMode === PresentationMode.Inherit) {
+    return renderBookPaymentWebView();
+  }
+
+  return (
+    <View style={{ height: height }}>
+      {renderBookPaymentWebView()}
+    </View>
+  );
+};

package/src/components/UNCheckDepositComponent/UNCheckDepositComponent.utils.ts

@@ -0,0 +1,40 @@
+import { CheckMessage } from '../../messages/webMessages/checkMessage';
+import type { UNCheckDepositComponentProps } from './UNCheckDepositComponent';
+
+export const getCheckDepositParams = (props: UNCheckDepositComponentProps) => {
+  return `
+    account-id="${props.accountId}"
+    fee="${props.fee}"
+    customer-token="${props.customerToken}"
+  `;
+};
+
+const CHECK_DEPOSIT_LISTENERS = {
+  paymentCreated: `
+    window.addEventListener("${CheckMessage.CHECK_DEPOSIT_CREATED}", (e) => {
+      const response = e.detail
+        response.then((data) => {
+          postMessageToSDK({ type: "${CheckMessage.CHECK_DEPOSIT_CREATED}", details: data.data })
+        }).catch((e) => {
+          console.log(e)
+        })
+    });
+  `,
+  restartRequest: `
+    window.addEventListener("${CheckMessage.CHECK_DEPOSIT_RESTART_REQUEST}", (e) => {
+      const response = e.detail
+        response.then((data) => {
+          postMessageToSDK({ type: "${CheckMessage.CHECK_DEPOSIT_RESTART_REQUEST}", details: data.data })
+        }).catch((e) => {
+          console.log(e)
+        })
+    });
+  `
+};
+
+export const getCheckDepositScript = () => {
+  return `
+    ${CHECK_DEPOSIT_LISTENERS.paymentCreated}
+    ${CHECK_DEPOSIT_LISTENERS.restartRequest}
+  `;
+};

package/src/components/index.ts

@@ -3,5 +3,6 @@ export * from './UNBottomSheetComponent/UNBottomSheetComponent';
 export * from './UNBookPaymentComponent/UNBookPaymentComponent';
 export * from './UNActivityComponent/UNActivityComponent';
 export * from './UNAccountComponent/UNAccountComponent';
+export * from './UNCheckDepositComponent/UNCheckDepositComponent';
 export * from './UNACHDebitComponent/UNACHDebitComponent';
 export * from './UNACHCreditComponent/UNACHCreditComponent';

package/src/hooks/listenerToBus.ts

@@ -23,6 +23,9 @@ export const useListenerToBus = (listener: Listener) => {
 
   // Call to action when event is changed. (To be updated with the current props).
   useEffect(() => {
-    eventData && listener.action(eventData);
+    if (eventData == null || eventData == undefined) {
+      return;
+    }
+    listener.action(eventData);
   }, [eventData]);
 };

package/src/messages/webMessages/activityMessage.ts

@@ -0,0 +1,8 @@
+export enum ActivityMessage {
+  UNIT_ACTIVITY_FILTERS_CHANGED = 'unitActivityFiltersChanged'
+}
+
+export type ActivityFiltersChangedEvent = string
+
+export type ActivityEvent =
+  | ActivityFiltersChangedEvent

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/checkMessage.ts

@@ -0,0 +1,14 @@
+import type { UNCheckDepositData } from '../../sharedTypes/checkDeposit.types';
+
+export enum CheckMessage {
+  // check deposit
+    CHECK_DEPOSIT_CREATED = 'unitCheckDepositCreated',
+    CHECK_DEPOSIT_RESTART_REQUEST = 'unitCheckDepositRestartRequest'
+}
+
+export type CheckDepositCreatedEvent = UNCheckDepositData
+export type CheckDepositRestartRequestEvent = UNCheckDepositData
+
+export type CheckEvent =
+| CheckDepositCreatedEvent
+| CheckDepositRestartRequestEvent

package/src/messages/webMessages/index.ts

@@ -6,6 +6,8 @@ import type { PageEvent, PageMessage } from './pageMessage';
 import type { PaymentMessage } from './paymentsMessage';
 import type { UnitEvent, UnitMessage } from './unitMessages';
 import type { AccountEvent, AccountMessage } from './accountMessage';
+import type { CheckEvent, CheckMessage } from './checkMessage';
+import type { ActivityEvent, ActivityMessage } from './activityMessage';
 
 export type WebViewMessageType =
   | PageMessage
@@ -13,6 +15,8 @@ export type WebViewMessageType =
   | UnitMessage
   | PaymentMessage
   | AccountMessage
+  | CheckMessage
+  | ActivityMessage
 
 type WebViewEvent =
   | PageEvent
@@ -22,6 +26,8 @@ type WebViewEvent =
   | PaymentMessage
   | ACHEvent
   | AccountEvent
+  | CheckEvent
+  | ActivityEvent
 
 export interface WebViewMessage {
   type: WebViewMessageType,

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