react-native-unit-components 3.3.0-beta.2 → 3.3.0

package/lib/typescript/src/utils/eventBus/EventBus.types.d.ts

@@ -7,11 +7,16 @@ import type { AccountMessage } from '../../messages/webMessages/accountMessage';
 import type { ActivityMessage } from '../../messages/webMessages/activityMessage';
 import type { UnitComponentsMessage } from '../../messages/webMessages/unitComponentsMessages';
 import type { MultipleCardsFiltersChangedEvent, MultipleCardsMessage } from '../../messages/webMessages/multipleCardsMessage';
+import type { BillPayBillsMessage, BillsFiltersChangedEvent } from '../../messages/webMessages/billPayBillsMessage';
+import type { BalanceSummaryMessage, RequestDateRangeMenuValueChangeEvent } from '../../messages/webMessages/balanceSummaryMessage';
 import { BottomSheetRenderingMessage } from '../../messages/nativeMessages/bottomSheetMessage';
 import { PageMessage } from '../../messages/webMessages/pageMessage';
 import { OpenPlaidEvent, PlaidMessage } from '../../messages/webMessages/plaidMessages';
 import { PayeeManagementMessage } from '../../messages/webMessages/payeeManagementMessage';
 import { UNCounterparty } from '../../types/shared/counterparty.types';
+import { BillPayMenuMessage, RequestEditBillEvent } from '../../messages/webMessages/billPayMenuMessage';
+import { VendorFormMessage } from '../../messages/webMessages/vendorFormMessage';
+import { UnsavedChangesMessage, UnsavedChangesActionEvent } from '../../messages/webMessages/unsavedChangesMessage';
 export type EventMap = {
     [CardMessage.CARD_STATUS_CHANGED]: UNCard;
     [CardMessage.CARD_ACTIVATED]: UNCard;
@@ -21,6 +26,8 @@ export type EventMap = {
     [ActivityMessage.UNIT_ACTIVITY_FILTERS_CHANGED]: ActivityFiltersChangedEvent;
     [MultipleCardsMessage.UNIT_MULTIPLE_CARDS_CARD_CLICKED]: UNCard;
     [MultipleCardsMessage.UNIT_MULTIPLE_CARDS_FILTERS_CHANGED]: MultipleCardsFiltersChangedEvent;
+    [BillPayBillsMessage.UNIT_BILLS_FILTERS_CHANGED]: BillsFiltersChangedEvent;
+    [BalanceSummaryMessage.UNIT_REQUEST_DATE_RANGE_MENU_VALUE_CHANGE]: RequestDateRangeMenuValueChangeEvent;
     [UnitComponentsMessage.UNIT_REQUEST_CLOSE_FLOW]: Record<PropertyKey, never>;
     [BottomSheetNativeMessage.REQUEST_RENDERING]: BottomSheetRenderingMessage;
     [UnitComponentsMessage.UNIT_REQUEST_REFRESH]: RequestRefreshEvent;
@@ -29,6 +36,13 @@ export type EventMap = {
     [PlaidMessage.UNIT_OPEN_PLAID]: OpenPlaidEvent;
     [AccountMessage.UNIT_ACCOUNT_CREATION_ACTIONS_OPEN_PLAID_FOR_LINK_EXTERNAL_ACCOUNT]: Record<PropertyKey, never>;
     [PayeeManagementMessage.UNIT_COUNTERPARTY_DELETED]: UNCounterparty;
+    [BillPayMenuMessage.UNIT_REQUEST_EDIT_BILL]: RequestEditBillEvent;
+    [BillPayMenuMessage.UNIT_REQUEST_CREATE_MANUAL_BILL_PAY]: Record<PropertyKey, never>;
+    [BillPayMenuMessage.UNIT_REQUEST_OPEN_ARCHIVED_BILLS]: Record<PropertyKey, never>;
+    [BillPayMenuMessage.UNIT_REQUEST_OPEN_VENDORS]: Record<PropertyKey, never>;
+    [BillPayMenuMessage.UNIT_REQUEST_OPEN_PAYMENT_METHODS]: Record<PropertyKey, never>;
+    [VendorFormMessage.UNIT_VENDOR_FORM_TRY_SUBMIT]: Record<PropertyKey, never>;
+    [UnsavedChangesMessage.UNIT_BILL_PAY_UNSAVED_CHANGES_ACTION]: UnsavedChangesActionEvent;
 };
 export type SharedEvent = {
     [K in keyof EventMap]: {

package/lib/typescript/src/utils/eventBus/EventBus.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EventBus.types.d.ts","sourceRoot":"","sources":["../../../../../src/utils/eventBus/EventBus.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,4CAA4C,CAAC;AAC9F,OAAO,KAAK,EAAE,sCAAsC,EAAE,mBAAmB,EAAE,MAAM,mDAAmD,CAAC;AACrI,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,kDAAkD,CAAC;AACjG,OAAO,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAC5F,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2CAA2C,CAAC;AAChF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4CAA4C,CAAC;AAClF,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mDAAmD,CAAC;AAC/F,OAAO,KAAK,EAAE,gCAAgC,EAAE,oBAAoB,EAAE,MAAM,iDAAiD,CAAC;AAC9H,OAAO,EAAE,2BAA2B,EAAE,MAAM,kDAAkD,CAAC;AAC/F,OAAO,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAC;AACxF,OAAO,EAAE,sBAAsB,EAAE,MAAM,mDAAmD,CAAC;AAC3F,OAAO,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAGvE,MAAM,MAAM,QAAQ,GAAG;IACrB,CAAC,WAAW,CAAC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC1C,CAAC,WAAW,CAAC,cAAc,CAAC,EAAE,MAAM,CAAC;IACrC,CAAC,WAAW,CAAC,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAC7C,CAAC,cAAc,CAAC,oBAAoB,CAAC,EAAE,SAAS,CAAC;IACjD,CAAC,cAAc,CAAC,oBAAoB,CAAC,EAAE,MAAM,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;IAClE,CAAC,eAAe,CAAC,6BAA6B,CAAC,EAAE,2BAA2B,CAAC;IAC7E,CAAC,oBAAoB,CAAC,gCAAgC,CAAC,EAAE,MAAM,CAAC;IAChE,CAAC,oBAAoB,CAAC,mCAAmC,CAAC,EAAE,gCAAgC,CAAC;IAC7F,CAAC,qBAAqB,CAAC,uBAAuB,CAAC,EAAE,MAAM,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;IAC5E,CAAC,wBAAwB,CAAC,iBAAiB,CAAC,EAAE,2BAA2B,CAAC;IAC1E,CAAC,qBAAqB,CAAC,oBAAoB,CAAC,EAAE,mBAAmB,CAAC;IAClE,CAAC,qBAAqB,CAAC,+BAA+B,CAAC,EAAE,sCAAsC,CAAC;IAChG,CAAC,WAAW,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAClC,CAAC,YAAY,CAAC,eAAe,CAAC,EAAE,cAAc,CAAC;IAC/C,CAAC,cAAc,CAAC,kEAAkE,CAAC,EAAE,MAAM,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;IAChH,CAAC,sBAAsB,CAAC,yBAAyB,CAAC,EAAE,cAAc,CAAC;CACpE,CAAC;AAGF,MAAM,MAAM,WAAW,GAAG;KACvB,CAAC,IAAI,MAAM,QAAQ,GAAG;QAAE,GAAG,EAAE,CAAC,CAAC;QAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAA;KAAE;CACrD,CAAC,MAAM,QAAQ,CAAC,CAAC"}
+{"version":3,"file":"EventBus.types.d.ts","sourceRoot":"","sources":["../../../../../src/utils/eventBus/EventBus.types.ts"],"names":[],"mappings":"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"}

package/lib/typescript/src/webComponent/html.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"html.d.ts","sourceRoot":"","sources":["../../../../src/webComponent/html.ts"],"names":[],"mappings":"AAqBA,eAAO,MAAM,gBAAgB;;;;;;CAM5B,CAAC;AAEF,QAAA,MAAM,QAAQ,QAuGb,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"html.d.ts","sourceRoot":"","sources":["../../../../src/webComponent/html.ts"],"names":[],"mappings":"AAuBA,eAAO,MAAM,gBAAgB;;;;;;CAM5B,CAAC;AAEF,QAAA,MAAM,QAAQ,QA6Hb,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/package.json

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

package/src/components/UNACHCreditComponent/UNACHCreditComponent.utils.ts

@@ -37,7 +37,7 @@ export const getACHCreditScript = () => {
 };
 
 export const injectUnitPlaidResponse = (currentWeb: WebView | null, success: LinkSuccess) => {
-  const successObj = { data: { publicToken: success.publicToken, metadata: success.metadata } };
+  const successObj = { data: { publicToken: success.publicToken, metadata: JSON.parse(success.metadata.metadataJson ?? '{}') } };
   currentWeb?.injectJavaScript(`dispatchPlaidEvent(${JSON.stringify(successObj)})`);
 };
 

package/src/components/UNACHDebitComponent/UNACHDebitComponent.utils.ts

@@ -36,7 +36,7 @@ export const getACHDebitScript = () => {
 };
 
 export const injectUnitPlaidResponse = (currentWeb: WebView | null, success: LinkSuccess) => {
-  const successObj = { data: { publicToken: success.publicToken, metadata: success.metadata } };
+  const successObj = { data: { publicToken: success.publicToken, metadata: JSON.parse(success.metadata.metadataJson ?? '{}') } };
   currentWeb?.injectJavaScript(`dispatchPlaidEvent(${JSON.stringify(successObj)})`);
 };
 

package/src/components/UNBottomSheetComponent/UNBottomSheetComponent.tsx

@@ -34,6 +34,8 @@ import UNBottomSheetSlotComponent from './components/UNBottomSheetSlotComponent/
 import UNBottomSheetNativeComponent from './components/UNBottomSheetNativeComponent/UNBottomSheetNativeComponent';
 import { WebComponentType } from '../../types/internal/webComponent.types';
 import { getNativeComponentDataFromEvent } from './UNBottomSheetComponent.utils';
+import { eventBus } from '../../utils/eventBus';
+import { UnsavedChangesMessage } from '../../messages/webMessages/unsavedChangesMessage';
 
 const UNBottomSheetComponent = () => {
   const dispatch = useDispatch();
@@ -224,7 +226,15 @@ const UNBottomSheetComponent = () => {
         <BottomSheet
           isOpen={isBottomSheetActive}
           onOpen={() => dispatch(setIsBottomSheetActive(true))}
-          onClose={() => dispatch(setIsBottomSheetActive(false))}
+          onClose={() => {
+            // When a bottom sheet is dismissed (backdrop/swipe), release the bill form's
+            // navigation blocker in case it was the unsaved-changes draft sheet. The web side's
+            // cancel() is idempotent, so this is a no-op for any other flow. We drive it from here
+            // because an RN-initiated dismiss tears down the slot WebView before its own React
+            // cleanup can publish the event.
+            eventBus.emit(UnsavedChangesMessage.UNIT_BILL_PAY_UNSAVED_CHANGES_ACTION, { action: 'cancel' });
+            dispatch(setIsBottomSheetActive(false));
+          }}
           height={height}
           animationDuration={200}
           expandToMaxHeightEnabled={false}

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

@@ -158,10 +158,6 @@ const getCheckDepositComponentDataFromEvent = (event: BottomSheetSlotData): Bott
   const fee = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'fee');
   const initialStageBackButton = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'initial-stage-back-button');
   const finalStageDoneButton = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'final-stage-done-button');
-  if (!accountId) {
-    console.error('accountId is missing in getCheckDepositComponentDataFromEvent');
-    return null;
-  }
   return {
     type: BottomSheetNativeComponentType.CheckDepositComponent,
     props: {

package/src/components/UNBottomSheetComponent/components/UNBottomSheetSlotComponent/UNBottomSheetSlotComponent.tsx

@@ -35,6 +35,11 @@ import { useSafeAreaDimensions } from '../../../../hooks/useSafeAreaDimensions';
 import { BottomSheetNativeMessage } from '../../../../messages/nativeMessages/bottomSheetMessage';
 import { OpenPlaidEvent, PlaidMessage } from '../../../../messages/webMessages/plaidMessages';
 import { PayeeCounterpartyEvent, PayeeManagementMessage } from '../../../../messages/webMessages/payeeManagementMessage';
+import { BillPayMenuMessage, RequestEditBillEvent } from '../../../../messages/webMessages/billPayMenuMessage';
+import { BillPayBillsMessage, BillsFiltersChangedEvent } from '../../../../messages/webMessages/billPayBillsMessage';
+import { BalanceSummaryMessage, RequestDateRangeMenuValueChangeEvent } from '../../../../messages/webMessages/balanceSummaryMessage';
+import { VendorFormMessage } from '../../../../messages/webMessages/vendorFormMessage';
+import { UnsavedChangesMessage, UnsavedChangesActionEvent } from '../../../../messages/webMessages/unsavedChangesMessage';
 import UNKeyboardAvoidingView from '../../../../helpers/UNKeyboardAvoidingView/UNKeyboardAvoidingView';
 import { MultipleCardsFiltersChangedEvent, MultipleCardsMessage } from '../../../../messages/webMessages/multipleCardsMessage';
 import { View } from 'react-native';
@@ -199,6 +204,18 @@ const UNBottomSheetSlotComponent = (props: UNBottomSheetSlotComponentProps) => {
           (message.details as MultipleCardsFiltersChangedEvent)
         );
         break;
+      case BillPayBillsMessage.UNIT_BILLS_FILTERS_CHANGED:
+        eventBus.emit(
+          BillPayBillsMessage.UNIT_BILLS_FILTERS_CHANGED,
+          (message.details as BillsFiltersChangedEvent)
+        );
+        break;
+      case BalanceSummaryMessage.UNIT_REQUEST_DATE_RANGE_MENU_VALUE_CHANGE:
+        eventBus.emit(
+          BalanceSummaryMessage.UNIT_REQUEST_DATE_RANGE_MENU_VALUE_CHANGE,
+          (message.details as RequestDateRangeMenuValueChangeEvent)
+        );
+        break;
       case PayeeManagementMessage.UNIT_COUNTERPARTY_DELETED: {
         eventBus.emit(
           PayeeManagementMessage.UNIT_COUNTERPARTY_DELETED,
@@ -206,6 +223,30 @@ const UNBottomSheetSlotComponent = (props: UNBottomSheetSlotComponentProps) => {
         );
         break;
       }
+      case BillPayMenuMessage.UNIT_REQUEST_EDIT_BILL:
+        eventBus.emit(BillPayMenuMessage.UNIT_REQUEST_EDIT_BILL, message.details as RequestEditBillEvent);
+        break;
+      case BillPayMenuMessage.UNIT_REQUEST_CREATE_MANUAL_BILL_PAY:
+        eventBus.emit(BillPayMenuMessage.UNIT_REQUEST_CREATE_MANUAL_BILL_PAY, {});
+        break;
+      case BillPayMenuMessage.UNIT_REQUEST_OPEN_ARCHIVED_BILLS:
+        eventBus.emit(BillPayMenuMessage.UNIT_REQUEST_OPEN_ARCHIVED_BILLS, {});
+        break;
+      case BillPayMenuMessage.UNIT_REQUEST_OPEN_VENDORS:
+        eventBus.emit(BillPayMenuMessage.UNIT_REQUEST_OPEN_VENDORS, {});
+        break;
+      case BillPayMenuMessage.UNIT_REQUEST_OPEN_PAYMENT_METHODS:
+        eventBus.emit(BillPayMenuMessage.UNIT_REQUEST_OPEN_PAYMENT_METHODS, {});
+        break;
+      case VendorFormMessage.UNIT_VENDOR_FORM_TRY_SUBMIT:
+        eventBus.emit(VendorFormMessage.UNIT_VENDOR_FORM_TRY_SUBMIT, {});
+        break;
+      case UnsavedChangesMessage.UNIT_BILL_PAY_UNSAVED_CHANGES_ACTION:
+        eventBus.emit(
+          UnsavedChangesMessage.UNIT_BILL_PAY_UNSAVED_CHANGES_ACTION,
+          message.details as UnsavedChangesActionEvent
+        );
+        break;
     }
   };
 

package/src/components/UNCheckDepositComponent/UNCheckDepositComponent.tsx

@@ -19,7 +19,7 @@ import type WebView from 'react-native-webview';
 import type { RootState } from '../../store';
 
 export interface UNCheckDepositComponentProps {
-  accountId: string;
+  accountId?: string;
   fee?: number;
   theme?: string;
   language?: string;

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

@@ -6,11 +6,12 @@ import type WebView from 'react-native-webview';
 import type { UNVeryfiCredentials } from '../../types/shared/veryfi.types';
 
 export const getCheckDepositParams = (props: UNCheckDepositComponentProps, veryfiCredentials?: UNVeryfiCredentials | null) => {
+  const accountIdParam = props.accountId ? `account-id="${props.accountId}"` : '';
   const feeParam = props.fee ? `fee="${props.fee}"` : '';
   const useVeryfi = veryfiCredentials && isVeryfiAvailable();
   const versionParam = useVeryfi ? 'version="veryfi"' : '';
   return `
-    account-id="${props.accountId}"
+    ${accountIdParam}
     ${feeParam}
     ${versionParam}
     initial-stage-back-button="${props.initialStageBackButton ?? false}"

package/src/components/UNWhiteLabelAppComponent/UNWhiteLabelAppComponent.tsx

@@ -19,7 +19,19 @@ import {
   injectAccountCreationActionsOpenPlaidForLinkExternalAccount,
   injectCardCreated,
   injectRefreshEventIfNeeded,
+  injectRequestEditBill,
+  injectRequestCreateManualBillPay,
+  injectRequestOpenArchivedBills,
+  injectRequestOpenVendors,
+  injectRequestOpenPaymentMethods,
+  injectVendorFormTrySubmit,
+  injectUnsavedChangesAction,
 } from './UNWhiteLabelAppComponent.utils';
+import { BillPayMenuMessage, RequestEditBillEvent } from '../../messages/webMessages/billPayMenuMessage';
+import { BillPayBillsMessage } from '../../messages/webMessages/billPayBillsMessage';
+import { BalanceSummaryMessage } from '../../messages/webMessages/balanceSummaryMessage';
+import { VendorFormMessage } from '../../messages/webMessages/vendorFormMessage';
+import { UnsavedChangesMessage, UnsavedChangesActionEvent } from '../../messages/webMessages/unsavedChangesMessage';
 import { UserDataKeys } from '../../types/internal/unitStore.types';
 import { PageMessage } from '../../messages/webMessages/pageMessage';
 import UNStoreManagerHelper from '../../nativeModulesHelpers/UNStoreModuleHelper/UNStoreModuleHelper';
@@ -104,6 +116,14 @@ const UNWhiteLabelAppComponent = (props: UNWhiteLabelAppComponentProps) => {
     webRef.current?.injectJavaScript(`dispatchActivityFilterChangedEvent('${query}')`);
   };
 
+  const dispatchBillsFiltersChanged = (query: string) => {
+    webRef.current?.injectJavaScript(`dispatchBillsFilterChangedEvent('${query}')`);
+  };
+
+  const dispatchDateRangeMenuValueChange = (value: string) => {
+    webRef.current?.injectJavaScript(`dispatchDateRangeMenuValueChangeEvent('${value}')`);
+  };
+
   const openPlaid = (openPlaidData: OpenPlaidEvent) => {
     const linkToken = openPlaidData.plaidLinkToken.attributes.linkToken;
     createPlaidLink({ token: linkToken });
@@ -123,6 +143,14 @@ const UNWhiteLabelAppComponent = (props: UNWhiteLabelAppComponentProps) => {
     busEventKey: ActivityMessage.UNIT_ACTIVITY_FILTERS_CHANGED,
     action: dispatchActivityFiltersChanged,
   });
+  useEventListener({
+    busEventKey: BillPayBillsMessage.UNIT_BILLS_FILTERS_CHANGED,
+    action: dispatchBillsFiltersChanged,
+  });
+  useEventListener({
+    busEventKey: BalanceSummaryMessage.UNIT_REQUEST_DATE_RANGE_MENU_VALUE_CHANGE,
+    action: dispatchDateRangeMenuValueChange,
+  });
   useEventListener({
     busEventKey: PlaidMessage.UNIT_OPEN_PLAID,
     action: (details) => {
@@ -139,6 +167,34 @@ const UNWhiteLabelAppComponent = (props: UNWhiteLabelAppComponentProps) => {
   useEventListener({ busEventKey: CardMessage.CARD_CREATED, action: (card: CardCreatedEvent) => {
     injectCardCreated(webRef.current, card);
   } });
+  useEventListener({
+    busEventKey: BillPayMenuMessage.UNIT_REQUEST_EDIT_BILL,
+    action: (detail: RequestEditBillEvent) => injectRequestEditBill(webRef.current, detail),
+  });
+  useEventListener({
+    busEventKey: BillPayMenuMessage.UNIT_REQUEST_CREATE_MANUAL_BILL_PAY,
+    action: () => injectRequestCreateManualBillPay(webRef.current),
+  });
+  useEventListener({
+    busEventKey: BillPayMenuMessage.UNIT_REQUEST_OPEN_ARCHIVED_BILLS,
+    action: () => injectRequestOpenArchivedBills(webRef.current),
+  });
+  useEventListener({
+    busEventKey: BillPayMenuMessage.UNIT_REQUEST_OPEN_VENDORS,
+    action: () => injectRequestOpenVendors(webRef.current),
+  });
+  useEventListener({
+    busEventKey: BillPayMenuMessage.UNIT_REQUEST_OPEN_PAYMENT_METHODS,
+    action: () => injectRequestOpenPaymentMethods(webRef.current),
+  });
+  useEventListener({
+    busEventKey: VendorFormMessage.UNIT_VENDOR_FORM_TRY_SUBMIT,
+    action: () => injectVendorFormTrySubmit(webRef.current),
+  });
+  useEventListener({
+    busEventKey: UnsavedChangesMessage.UNIT_BILL_PAY_UNSAVED_CHANGES_ACTION,
+    action: (detail: UnsavedChangesActionEvent) => injectUnsavedChangesAction(webRef.current, detail),
+  });
 
   const renderWebView = () => {
     return (

package/src/components/UNWhiteLabelAppComponent/UNWhiteLabelAppComponent.utils.ts

@@ -1,8 +1,24 @@
 import WebView from 'react-native-webview';
 import { RequestRefreshEvent } from '../../messages/webMessages/unitComponentsMessages';
 import { UNWhiteLabelAppComponentProps } from './UNWhiteLabelAppComponent';
-import { DISPATCH_ACCOUNT_CREATION_ACTIONS_OPEN_PLAID_FOR_LINK_EXTERNAL_ACCOUNT, DISPATCH_OPEN_PLAID, DISPATCH_PLAID_EXIT, DISPATCH_PLAID_RESPONSE, DISPATCH_REQUEST_REFRESH, LISTENERS } from '../../scripts/html/bodyScript';
+import {
+  DISPATCH_ACCOUNT_CREATION_ACTIONS_OPEN_PLAID_FOR_LINK_EXTERNAL_ACCOUNT,
+  DISPATCH_OPEN_PLAID,
+  DISPATCH_PLAID_EXIT,
+  DISPATCH_PLAID_RESPONSE,
+  DISPATCH_REQUEST_REFRESH,
+  DISPATCH_REQUEST_EDIT_BILL,
+  DISPATCH_REQUEST_CREATE_MANUAL_BILL_PAY,
+  DISPATCH_REQUEST_OPEN_ARCHIVED_BILLS,
+  DISPATCH_REQUEST_OPEN_VENDORS,
+  DISPATCH_REQUEST_OPEN_PAYMENT_METHODS,
+  DISPATCH_VENDOR_FORM_TRY_SUBMIT,
+  DISPATCH_UNSAVED_CHANGES_ACTION,
+  LISTENERS,
+} from '../../scripts/html/bodyScript';
 import { UNCard } from '../../types/shared';
+import { RequestEditBillEvent } from '../../messages/webMessages/billPayMenuMessage';
+import { UnsavedChangesActionEvent } from '../../messages/webMessages/unsavedChangesMessage';
 
 export const getWhiteLabelAppParams = (props: UNWhiteLabelAppComponentProps) => {
   // customer token is the preferred way to authenticate
@@ -35,6 +51,34 @@ export const injectCardCreated = (currentWeb: WebView | null, card: UNCard) => {
   currentWeb?.injectJavaScript(`dispatchCardCreatedEvent(${JSON.stringify(card)})`);
 };
 
+export const injectRequestEditBill = (currentWeb: WebView | null, detail: RequestEditBillEvent) => {
+  currentWeb?.injectJavaScript(`dispatchRequestEditBill(${JSON.stringify(JSON.stringify(detail))})`);
+};
+
+export const injectRequestCreateManualBillPay = (currentWeb: WebView | null) => {
+  currentWeb?.injectJavaScript('dispatchRequestCreateManualBillPay()');
+};
+
+export const injectRequestOpenArchivedBills = (currentWeb: WebView | null) => {
+  currentWeb?.injectJavaScript('dispatchRequestOpenArchivedBills()');
+};
+
+export const injectRequestOpenVendors = (currentWeb: WebView | null) => {
+  currentWeb?.injectJavaScript('dispatchRequestOpenVendors()');
+};
+
+export const injectRequestOpenPaymentMethods = (currentWeb: WebView | null) => {
+  currentWeb?.injectJavaScript('dispatchRequestOpenPaymentMethods()');
+};
+
+export const injectVendorFormTrySubmit = (currentWeb: WebView | null) => {
+  currentWeb?.injectJavaScript('dispatchVendorFormTrySubmit()');
+};
+
+export const injectUnsavedChangesAction = (currentWeb: WebView | null, detail: UnsavedChangesActionEvent) => {
+  currentWeb?.injectJavaScript(`dispatchUnsavedChangesAction(${JSON.stringify(JSON.stringify(detail))})`);
+};
+
 export const getWhiteLabelAppScript = () => {
   return `
     ${DISPATCH_REQUEST_REFRESH}
@@ -42,6 +86,13 @@ export const getWhiteLabelAppScript = () => {
     ${DISPATCH_PLAID_RESPONSE}
     ${DISPATCH_PLAID_EXIT}
     ${DISPATCH_ACCOUNT_CREATION_ACTIONS_OPEN_PLAID_FOR_LINK_EXTERNAL_ACCOUNT}
+    ${DISPATCH_REQUEST_EDIT_BILL}
+    ${DISPATCH_REQUEST_CREATE_MANUAL_BILL_PAY}
+    ${DISPATCH_REQUEST_OPEN_ARCHIVED_BILLS}
+    ${DISPATCH_REQUEST_OPEN_VENDORS}
+    ${DISPATCH_REQUEST_OPEN_PAYMENT_METHODS}
+    ${DISPATCH_VENDOR_FORM_TRY_SUBMIT}
+    ${DISPATCH_UNSAVED_CHANGES_ACTION}
     ${LISTENERS.unitWhiteLabelAppOnLoad}
     ${LISTENERS.unitCounterpartyCreated}
   `;

package/src/messages/webMessages/balanceSummaryMessage.ts

@@ -0,0 +1,8 @@
+export enum BalanceSummaryMessage {
+  UNIT_REQUEST_DATE_RANGE_MENU_VALUE_CHANGE = 'unitRequestDateRangeMenuValueChange'
+}
+
+export type RequestDateRangeMenuValueChangeEvent = string
+
+export type BalanceSummaryEvent =
+  | RequestDateRangeMenuValueChangeEvent

package/src/messages/webMessages/billPayBillsMessage.ts

@@ -0,0 +1,8 @@
+export enum BillPayBillsMessage {
+  UNIT_BILLS_FILTERS_CHANGED = 'unitBillsFiltersChanged'
+}
+
+export type BillsFiltersChangedEvent = string
+
+export type BillPayBillsEvent =
+  | BillsFiltersChangedEvent

package/src/messages/webMessages/billPayMenuMessage.ts

@@ -0,0 +1,16 @@
+export enum BillPayMenuMessage {
+  UNIT_REQUEST_EDIT_BILL = 'unitRequestEditBill',
+  UNIT_REQUEST_CREATE_MANUAL_BILL_PAY = 'unitRequestCreateManualBillPay',
+  UNIT_REQUEST_OPEN_ARCHIVED_BILLS = 'unitRequestOpenArchivedBills',
+  UNIT_REQUEST_OPEN_VENDORS = 'unitRequestOpenVendors',
+  UNIT_REQUEST_OPEN_PAYMENT_METHODS = 'unitRequestOpenPaymentMethods'
+}
+
+export interface RequestEditBillEvent {
+  billId: string;
+  [key: string]: unknown;
+}
+
+export type BillPayMenuEvent =
+  | RequestEditBillEvent
+  | null

package/src/messages/webMessages/index.ts

@@ -13,6 +13,11 @@ import { PlaidEvent, PlaidMessage } from './plaidMessages';
 import { PayeeManagementMessage, PayeeManagementEvent } from './payeeManagementMessage';
 import { MultiFactorAuthenticationMessage } from './multiFactorAuthenticationMessage';
 import { WirePaymentCreatedEvent } from './wirePaymentMessage';
+import { BillPayMenuMessage, BillPayMenuEvent } from './billPayMenuMessage';
+import { BillPayBillsMessage, BillPayBillsEvent } from './billPayBillsMessage';
+import { BalanceSummaryMessage, BalanceSummaryEvent } from './balanceSummaryMessage';
+import { VendorFormMessage, VendorFormEvent } from './vendorFormMessage';
+import { UnsavedChangesMessage, UnsavedChangesEvent } from './unsavedChangesMessage';
 
 export type WebViewMessageType =
   | PageMessage
@@ -26,6 +31,11 @@ export type WebViewMessageType =
   | PlaidMessage
   | PayeeManagementMessage
   | MultiFactorAuthenticationMessage
+  | BillPayMenuMessage
+  | BillPayBillsMessage
+  | BalanceSummaryMessage
+  | VendorFormMessage
+  | UnsavedChangesMessage
 
 type WebViewEvent =
   | PageEvent
@@ -43,6 +53,11 @@ type WebViewEvent =
   | PayeeManagementEvent
   | WirePaymentCreatedEvent
   | MultiFactorAuthenticationFinishedEvent
+  | BillPayMenuEvent
+  | BillPayBillsEvent
+  | BalanceSummaryEvent
+  | VendorFormEvent
+  | UnsavedChangesEvent
 
 export interface WebViewMessage {
   type: WebViewMessageType,

package/src/messages/webMessages/unsavedChangesMessage.ts

@@ -0,0 +1,10 @@
+export enum UnsavedChangesMessage {
+  UNIT_BILL_PAY_UNSAVED_CHANGES_ACTION = 'unitBillPayUnsavedChangesAction'
+}
+
+export interface UnsavedChangesActionEvent {
+  action: 'save' | 'discard' | 'cancel';
+  [key: string]: unknown;
+}
+
+export type UnsavedChangesEvent = UnsavedChangesActionEvent

package/src/messages/webMessages/vendorFormMessage.ts

@@ -0,0 +1,5 @@
+export enum VendorFormMessage {
+  UNIT_VENDOR_FORM_TRY_SUBMIT = 'unitVendorFormTrySubmit'
+}
+
+export type VendorFormEvent = null

package/src/scripts/html/bodyScript.ts

@@ -10,6 +10,11 @@ import { MultipleCardsMessage } from '../../messages/webMessages/multipleCardsMe
 import { VeryfiMessage } from '../../messages/webMessages/veryfiMessages';
 import { WebComponentType } from '../../types/internal/webComponent.types';
 import { UserDataKeys } from '../../types/internal/unitStore.types';
+import { BillPayMenuMessage } from '../../messages/webMessages/billPayMenuMessage';
+import { BillPayBillsMessage } from '../../messages/webMessages/billPayBillsMessage';
+import { BalanceSummaryMessage } from '../../messages/webMessages/balanceSummaryMessage';
+import { VendorFormMessage } from '../../messages/webMessages/vendorFormMessage';
+import { UnsavedChangesMessage } from '../../messages/webMessages/unsavedChangesMessage';
 
 export const POST_MESSAGE_TO_SDK = `
   const postMessageToSDK = (message) => {
@@ -175,6 +180,16 @@ export const LISTENERS = {
       postMessageToSDK({ type: "${MultipleCardsMessage.UNIT_MULTIPLE_CARDS_FILTERS_CHANGED}", details: e.detail })
     });
   `,
+  unitBillsFiltersChanged: `
+    window.addEventListener("${BillPayBillsMessage.UNIT_BILLS_FILTERS_CHANGED}", (e) => {
+      postMessageToSDK({ type: "${BillPayBillsMessage.UNIT_BILLS_FILTERS_CHANGED}", details: e.detail })
+    });
+  `,
+  unitRequestDateRangeMenuValueChange: `
+    window.addEventListener("${BalanceSummaryMessage.UNIT_REQUEST_DATE_RANGE_MENU_VALUE_CHANGE}", (e) => {
+      postMessageToSDK({ type: "${BalanceSummaryMessage.UNIT_REQUEST_DATE_RANGE_MENU_VALUE_CHANGE}", details: e.detail })
+    });
+  `,
   unitMultiFactorAuthFinished: `
     window.addEventListener("${UnitComponentsMessage.UNIT_MULTI_FACTOR_AUTH_FINISHED}", async (e) => {
       const response = await e.detail.response;
@@ -283,6 +298,48 @@ export const LISTENERS = {
       if (e.detail?.fromSDK) { return }
       postMessageToSDK({ type: "${AccountMessage.UNIT_ACCOUNT_CREATION_ACTIONS_OPEN_PLAID_FOR_LINK_EXTERNAL_ACCOUNT}" })
     });
+  `,
+  unitRequestEditBill: `
+    window.addEventListener("${BillPayMenuMessage.UNIT_REQUEST_EDIT_BILL}", (e) => {
+      if (e.detail?.fromSDK) { return }
+      postMessageToSDK({ type: "${BillPayMenuMessage.UNIT_REQUEST_EDIT_BILL}", details: e.detail })
+    });
+  `,
+  unitRequestCreateManualBillPay: `
+    window.addEventListener("${BillPayMenuMessage.UNIT_REQUEST_CREATE_MANUAL_BILL_PAY}", (e) => {
+      if (e.detail?.fromSDK) { return }
+      postMessageToSDK({ type: "${BillPayMenuMessage.UNIT_REQUEST_CREATE_MANUAL_BILL_PAY}" })
+    });
+  `,
+  unitRequestOpenArchivedBills: `
+    window.addEventListener("${BillPayMenuMessage.UNIT_REQUEST_OPEN_ARCHIVED_BILLS}", (e) => {
+      if (e.detail?.fromSDK) { return }
+      postMessageToSDK({ type: "${BillPayMenuMessage.UNIT_REQUEST_OPEN_ARCHIVED_BILLS}" })
+    });
+  `,
+  unitRequestOpenVendors: `
+    window.addEventListener("${BillPayMenuMessage.UNIT_REQUEST_OPEN_VENDORS}", (e) => {
+      if (e.detail?.fromSDK) { return }
+      postMessageToSDK({ type: "${BillPayMenuMessage.UNIT_REQUEST_OPEN_VENDORS}" })
+    });
+  `,
+  unitRequestOpenPaymentMethods: `
+    window.addEventListener("${BillPayMenuMessage.UNIT_REQUEST_OPEN_PAYMENT_METHODS}", (e) => {
+      if (e.detail?.fromSDK) { return }
+      postMessageToSDK({ type: "${BillPayMenuMessage.UNIT_REQUEST_OPEN_PAYMENT_METHODS}" })
+    });
+  `,
+  unitVendorFormTrySubmit: `
+    window.addEventListener("${VendorFormMessage.UNIT_VENDOR_FORM_TRY_SUBMIT}", (e) => {
+      if (e.detail?.fromSDK) { return }
+      postMessageToSDK({ type: "${VendorFormMessage.UNIT_VENDOR_FORM_TRY_SUBMIT}" })
+    });
+  `,
+  unitBillPayUnsavedChangesAction: `
+    window.addEventListener("${UnsavedChangesMessage.UNIT_BILL_PAY_UNSAVED_CHANGES_ACTION}", (e) => {
+      if (e.detail?.fromSDK) { return }
+      postMessageToSDK({ type: "${UnsavedChangesMessage.UNIT_BILL_PAY_UNSAVED_CHANGES_ACTION}", details: e.detail })
+    });
   `
 };
 
@@ -346,6 +403,20 @@ export const DISPATCH_MULTIPLE_CARDS_FILTER_CHANGED_EVENT = `
   }
 `;
 
+export const DISPATCH_BILLS_FILTER_CHANGED_EVENT = `
+  const dispatchBillsFilterChangedEvent = (details) => {
+    const event = new CustomEvent("${BillPayBillsMessage.UNIT_BILLS_FILTERS_CHANGED}",{ detail: details });
+    window.dispatchEvent(event);
+  }
+`;
+
+export const DISPATCH_DATE_RANGE_MENU_VALUE_CHANGE_EVENT = `
+  const dispatchDateRangeMenuValueChangeEvent = (details) => {
+    const event = new CustomEvent("${BalanceSummaryMessage.UNIT_REQUEST_DATE_RANGE_MENU_VALUE_CHANGE}", { detail: details });
+    window.dispatchEvent(event);
+  }
+`;
+
 export const DISPATCH_CARD_CREATED_EVENT = `
   const dispatchCardCreatedEvent = (details) => {
     // Add fromSDK to avoid infinite loop
@@ -435,3 +506,52 @@ export const DISPATCH_COUNTERPARTY_DELETED = `
     window.dispatchEvent(event);
   }
 `;
+
+export const DISPATCH_REQUEST_EDIT_BILL = `
+  const dispatchRequestEditBill = (details) => {
+    const event = new CustomEvent("${BillPayMenuMessage.UNIT_REQUEST_EDIT_BILL}", { detail: { ...JSON.parse(details), fromSDK: true } });
+    window.dispatchEvent(event);
+  }
+`;
+
+export const DISPATCH_REQUEST_CREATE_MANUAL_BILL_PAY = `
+  const dispatchRequestCreateManualBillPay = () => {
+    const event = new CustomEvent("${BillPayMenuMessage.UNIT_REQUEST_CREATE_MANUAL_BILL_PAY}", { detail: { fromSDK: true } });
+    window.dispatchEvent(event);
+  }
+`;
+
+export const DISPATCH_REQUEST_OPEN_ARCHIVED_BILLS = `
+  const dispatchRequestOpenArchivedBills = () => {
+    const event = new CustomEvent("${BillPayMenuMessage.UNIT_REQUEST_OPEN_ARCHIVED_BILLS}", { detail: { fromSDK: true } });
+    window.dispatchEvent(event);
+  }
+`;
+
+export const DISPATCH_REQUEST_OPEN_VENDORS = `
+  const dispatchRequestOpenVendors = () => {
+    const event = new CustomEvent("${BillPayMenuMessage.UNIT_REQUEST_OPEN_VENDORS}", { detail: { fromSDK: true } });
+    window.dispatchEvent(event);
+  }
+`;
+
+export const DISPATCH_REQUEST_OPEN_PAYMENT_METHODS = `
+  const dispatchRequestOpenPaymentMethods = () => {
+    const event = new CustomEvent("${BillPayMenuMessage.UNIT_REQUEST_OPEN_PAYMENT_METHODS}", { detail: { fromSDK: true } });
+    window.dispatchEvent(event);
+  }
+`;
+
+export const DISPATCH_VENDOR_FORM_TRY_SUBMIT = `
+  const dispatchVendorFormTrySubmit = () => {
+    const event = new CustomEvent("${VendorFormMessage.UNIT_VENDOR_FORM_TRY_SUBMIT}", { detail: { fromSDK: true } });
+    window.dispatchEvent(event);
+  }
+`;
+
+export const DISPATCH_UNSAVED_CHANGES_ACTION = `
+  const dispatchUnsavedChangesAction = (details) => {
+    const event = new CustomEvent("${UnsavedChangesMessage.UNIT_BILL_PAY_UNSAVED_CHANGES_ACTION}", { detail: { ...JSON.parse(details), fromSDK: true } });
+    window.dispatchEvent(event);
+  }
+`;

package/src/unitComponentsSdkManager/UnitComponentsSdk.constants.ts

@@ -3,8 +3,8 @@ import { UNComponentsSecuritySettings, UNComponentsSnapshotProtectionStrategy }
 
 const WEB_SDK_RECOMMENDED_STRATEGY: UNComponentsWebVersioningStrategy = {
   type: UNVersioningStrategyType.upToNextMinor,
-  major: 3,
-  minor: 6,
+  major: 4,
+  minor: 0,
 };
 
 const DEFAULT_SECURITY_SETTINGS: UNComponentsSecuritySettings = {

package/src/unitComponentsSdkManager/UnitComponentsSdkManager.ts

@@ -27,7 +27,7 @@ export class UnitComponentsSDK {
   protected static fonts?: UNFonts;
   protected static signedNonce?: string;
   protected static pushProvisionModule?: typeof NativeModules;
-  protected static sdkVersion = '3.3.0-beta.2';
+  protected static sdkVersion = '3.3.0';
   static iosFontBase64Map: Record<string, string> = {};
 
   public static init = async (