react-native-unit-components 1.6.1 → 1.7.1

package/lib/typescript/components/UNACHCreditComponent/UNACHCreditComponent.d.ts

@@ -1,4 +1,4 @@
-import type { UNOnLoadResponse, UNACHData, UNACHOnLoadData } from '../../sharedTypes';
+import type { UNOnLoadResponse, UNACHData, UNACHOnLoadData } from '../../types/shared';
 export interface UNACHCreditComponentProps {
     accountId: string;
     customerToken: string;

package/lib/typescript/components/UNACHDebitComponent/UNACHDebitComponent.d.ts

@@ -1,4 +1,4 @@
-import type { UNOnLoadResponse, UNACHData, UNACHOnLoadData } from '../../sharedTypes';
+import type { UNOnLoadResponse, UNACHData, UNACHOnLoadData } from '../../types/shared';
 export interface UNACHDebitComponentProps {
     accountId: string;
     customerToken: string;

package/lib/typescript/components/UNAccountComponent/UNAccountComponent.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import type { UNOnLoadResponse } from '../../sharedTypes';
-import type { UNAccountData } from '../../sharedTypes/account.types';
-import type { UNAccountMenuAction } from '../../sharedTypes';
+import type { UNOnLoadResponse } from '../../types/shared';
+import type { UNAccountData } from '../../types/shared/account.types';
+import type { UNAccountMenuAction } from '../../types/shared';
 export interface UNAccountComponentProps {
     accountId?: string;
     customerToken: string;

package/lib/typescript/components/UNAccountComponent/UNAccountComponent.utils.d.ts

@@ -1,7 +1,7 @@
 import { AccountAction, UNAccountComponentProps } from './UNAccountComponent';
 import { RequestRefreshEvent, RequestRenderingEvent } from '../../messages/webMessages/unitMessages';
 import type WebView from 'react-native-webview';
-import type { UNAccountMenuAction } from 'src/sharedTypes';
+import type { UNAccountMenuAction } from 'src/types/shared';
 export declare const getAccountParams: (props: UNAccountComponentProps) => string;
 export declare const getAccountScript: () => string;
 export declare const injectOpenActionsMenuScript: (currentWeb: WebView | null) => void;

package/lib/typescript/components/UNActivityComponent/UNActivityComponent.d.ts

@@ -1,5 +1,5 @@
-import type { UNOnLoadResponse } from '../../sharedTypes';
-import type { UNActivityOnLoadData } from '../../sharedTypes/activity.types';
+import type { UNOnLoadResponse } from '../../types/shared';
+import type { UNActivityOnLoadData } from '../../types/shared/activity.types';
 export interface UNActivityComponentProps {
     customerToken: string;
     accountId?: string;

package/lib/typescript/components/UNBookPaymentComponent/UNBookPaymentComponent.d.ts

@@ -1,4 +1,4 @@
-import type { UNOnLoadResponse, UNBookPaymentData, UNAccountData } from '../../sharedTypes';
+import type { UNOnLoadResponse, UNBookPaymentData, UNAccountData } from '../../types/shared';
 export interface UNBookPaymentComponentProps {
     accountId: string;
     customerToken: string;

package/lib/typescript/components/UNBottomSheetComponent/UNBottomSheetComponent.d.ts

@@ -1,14 +1,7 @@
-import { WebComponentType } from '../../webComponent/WebComponent';
-import { RequestRenderingEvent } from '../../messages/webMessages/unitMessages';
 export declare enum ScrollState {
     onTop = "onTop",
     unScrollable = "unScrollable",
     onlyWebView = "webViewScroll",
     onlyBottomSheet = "onlyBottomSheet"
 }
-export type BottomSheetSlotData = {
-    componentName?: WebComponentType;
-    componentResourceId?: string;
-    requestRenderingEvent: RequestRenderingEvent;
-};
 export declare const UNBottomSheetComponent: () => JSX.Element;

package/lib/typescript/components/UNBottomSheetComponent/UNBottomSheetComponent.utils.d.ts

@@ -1,6 +1,10 @@
 import type WebView from 'react-native-webview';
 import type { RequestRenderingEvent } from '../../messages/webMessages/unitMessages';
+import type { BottomSheetSlotData, WebComponentData } from '../../types/internal/bottomSheet.types';
 export declare const getBottomSheetScript: () => string;
 export declare const renderingBottomSheetRequest: (currentWebView: WebView, renderingRequest: RequestRenderingEvent) => void;
 export declare const resetHtml: (currentWebView: WebView) => void;
-export declare const handleHtmlFullHeight: (currentWebView: WebView | null, windowHeight: number) => number;
+export declare const injectHtmlFullScreenHeight: (currentWebView: WebView | null, bottomSheetHeight: number) => void;
+export declare const isAddToWalletFromRequestRendering: (data: BottomSheetSlotData) => boolean;
+export declare const isAddToWalletByComponentParams: (data: WebComponentData) => boolean;
+export declare const extractCardIdFromComponentParams: (data: WebComponentData) => string | null;

package/lib/typescript/components/UNBottomSheetComponent/components/UNAddToWalletBottomSheetItem.d.ts

@@ -1,6 +1,10 @@
-import type { RequestRenderingEvent } from '../../../messages/webMessages/unitMessages';
+import { type RequestRenderingEvent } from '../../../messages/webMessages/unitMessages';
+import { BottomSheetRenderingType, WebComponentData } from '../../../types/internal/bottomSheet.types';
 export interface UNAddToWalletBottomSheetItemProps {
+    renderingType: BottomSheetRenderingType;
     renderingRequest?: RequestRenderingEvent;
-    cardId?: string;
+    webComponentData?: WebComponentData;
+    cardId: string;
+    fullScreenHeight: number;
 }
 export declare const UNAddToWalletBottomSheetItem: (props: UNAddToWalletBottomSheetItemProps) => JSX.Element;

package/lib/typescript/components/UNCardComponent/UNCardComponent.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { UNOnLoadResponse, UNCardData, UNCardMenuAction } from '../../sharedTypes';
+import type { UNOnLoadResponse, UNCardData, UNCardMenuAction } from '../../types/shared';
 import type { NativeModules } from 'react-native';
 export interface UNCardComponentProps {
     cardId: string;

package/lib/typescript/components/UNCardComponent/UNCardComponent.utils.d.ts

@@ -1,17 +1,9 @@
 import type WebView from 'react-native-webview';
 import type { UNCardComponentProps } from './UNCardComponent';
-import type { NativeModules } from 'react-native';
-import { UNWallet, UNWalletCode, UNWalletName } from '../../../src/sharedTypes/wallet.types';
 import type { RequestRefreshEvent } from '../../messages/webMessages/unitMessages';
-import type { UNCardMenuAction } from '../../sharedTypes';
+import type { UNCardMenuAction } from '../../types/shared';
 export declare const getCardParams: (props: UNCardComponentProps) => string;
 export declare const getCardScript: () => string;
 export declare const injectOpenActionsMenuScript: (currentWeb: WebView | null) => void;
 export declare const injectRequestCardActionScript: (currentWeb: WebView | null, action: UNCardMenuAction) => void;
 export declare const injectRefreshEventIfNeeded: (currentWeb: WebView | null, requestRefreshEvent: RequestRefreshEvent | null, cardId: string) => void;
-export declare const launchGetWallets: (customerToken: string, cardId: string, pushProvisioningModule: typeof NativeModules) => Promise<{
-    name: UNWalletName;
-    code: UNWalletCode;
-    status: any;
-} | null | undefined>;
-export declare const launchStartCardProvisioning: (pushProvisioningModule: typeof NativeModules, wallet: UNWallet | null) => Promise<any>;

package/lib/typescript/components/UNCheckDepositComponent/UNCheckDepositComponent.d.ts

@@ -1,5 +1,5 @@
-import type { UNCheckDepositData } from '../../sharedTypes/checkDeposit.types';
-import type { UNAccountData, UNOnLoadResponse } from '../../sharedTypes';
+import type { UNCheckDepositData } from '../../types/shared/checkDeposit.types';
+import type { UNAccountData, UNOnLoadResponse } from '../../types/shared';
 export interface UNCheckDepositComponentProps {
     accountId: string;
     fee: number;

package/lib/typescript/flows/UNFlows.d.ts

@@ -0,0 +1,4 @@
+export declare class UNFlows {
+    constructor();
+    startPushProvisioning(cardId: string, customerToken: string): Promise<void>;
+}

package/lib/typescript/flows/card/UNCardFlows.d.ts

@@ -0,0 +1,3 @@
+export declare class UNCardFlows {
+    static startPushProvisioning: (cardId: string, customerToken: string) => Promise<void>;
+}

package/lib/typescript/helpers/pushProvisioningService/hooks/useCardWallet.d.ts

@@ -0,0 +1,7 @@
+import { type UNWallet } from '../../../types/shared/wallet.types';
+export type CardToEncryptedPayload = {
+    [cardId: string]: string;
+};
+export declare const useCardWallet: (cardId: string) => {
+    currentUNWallet: UNWallet | undefined;
+};

package/lib/typescript/helpers/pushProvisioningService/startProvisioning.d.ts

@@ -0,0 +1,2 @@
+import type { UNWallet } from '../../types/shared/wallet.types';
+export declare const launchStartCardProvisioning: (wallet: UNWallet | null) => Promise<any>;

package/lib/typescript/index.d.ts

@@ -1,3 +1,3 @@
 export * from './components';
-export * from './sharedTypes';
+export * from './types/shared';
 export { UnitSDK, UNEnvironment } from './unitSdkManager/UnitSdkManager';

package/lib/typescript/messages/nativeMessages/bottomSheetMessage.d.ts

@@ -0,0 +1,9 @@
+import type { NativeComponentRendering, WebComponentRendering, SlotRendering } from '../../types/internal/bottomSheet.types';
+export declare enum BottomSheetNativeMessage {
+    START_FLOW = "startBottomSheetFlow"
+}
+export declare enum CardAddToWalletErrors {
+    closedNativeWalletScreen = "VP_ERROR_302"
+}
+export type StartBottomSheetFlowMessage = SlotRendering | WebComponentRendering | NativeComponentRendering;
+export type BottomSheetNativeEvent = StartBottomSheetFlowMessage;

package/lib/typescript/messages/nativeMessages/cardMessage.d.ts

@@ -1,19 +1,3 @@
-import type { UNCardAddToWalletStatus } from '../../sharedTypes/wallet.types';
-export declare enum CardNativeMessage {
-    CARD_GET_ADD_TO_WALLET_STATUS = "cardGetAddToWalletStatus",
-    CARD_UPDATE_ADD_TO_WALLET_STATUS = "cardUpdateAddToWalletStatus",
-    CARD_START_PUSH_PROVISIONING = "cardStartPushProvisioning"
-}
 export declare enum CardAddToWalletErrors {
     closedNativeWalletScreen = "VP_ERROR_302"
 }
-export interface UNCardAddToWalletStatusEvent {
-    status: UNCardAddToWalletStatus;
-}
-export interface CardGetAddToWalletStatusEvent {
-    cardId: string;
-}
-export interface CardStartPushProvisioningEvent {
-    cardId: string;
-}
-export type CardNativeEvent = UNCardAddToWalletStatusEvent | CardGetAddToWalletStatusEvent | CardStartPushProvisioningEvent;

package/lib/typescript/messages/nativeMessages/index.d.ts

@@ -1,7 +1,7 @@
-import type { CardNativeEvent, CardNativeMessage } from './cardMessage';
+import type { BottomSheetNativeEvent, BottomSheetNativeMessage } from './bottomSheetMessage';
 import type { SDKEvent, SDKMessage } from './sdkMessage';
-export type NativeMessageType = SDKMessage | CardNativeMessage;
-export type NativeEvent = CardNativeEvent | SDKEvent;
+export type NativeMessageType = SDKMessage | BottomSheetNativeMessage;
+export type NativeEvent = SDKEvent | BottomSheetNativeEvent;
 export interface NativeMessage {
     type: NativeMessageType;
     details?: NativeEvent;

package/lib/typescript/messages/webMessages/accountMessage.d.ts

@@ -1,4 +1,4 @@
-import type { UNAccountData } from '../../sharedTypes';
+import type { UNAccountData } from '../../types/shared';
 export declare enum AccountMessage {
     UNIT_ACCOUNT_CHANGED = "unitAccountChanged"
 }

package/lib/typescript/messages/webMessages/achCreditMessage.d.ts

@@ -1,4 +1,4 @@
-import type { UNACHData } from '../../sharedTypes';
+import type { UNACHData } from '../../types/shared';
 export interface PaymentCreatedEvent {
     data: UNACHData;
 }

package/lib/typescript/messages/webMessages/bookPaymentMessage.d.ts

@@ -1,4 +1,4 @@
-import type { UNBookPaymentData } from '../../sharedTypes';
+import type { UNBookPaymentData } from '../../types/shared';
 export interface PaymentCreatedEvent {
     data: UNBookPaymentData;
 }

package/lib/typescript/messages/webMessages/cardMessage.d.ts

@@ -1,4 +1,4 @@
-import type { UNCardData } from '../../sharedTypes';
+import type { UNCardData } from '../../types/shared';
 export declare enum CardMessage {
     CARD_ACTIVATED = "unitCardActivated",
     CARD_STATUS_CHANGED = "unitCardStatusChanged"

package/lib/typescript/messages/webMessages/checkMessage.d.ts

@@ -1,4 +1,4 @@
-import type { UNCheckDepositData } from '../../sharedTypes/checkDeposit.types';
+import type { UNCheckDepositData } from '../../types/shared/checkDeposit.types';
 export declare enum CheckMessage {
     CHECK_DEPOSIT_CREATED = "unitCheckDepositCreated",
     CHECK_DEPOSIT_RESTART_REQUEST = "unitCheckDepositRestartRequest"

package/lib/typescript/messages/webMessages/onLoadMessage.d.ts

@@ -1,6 +1,6 @@
-import type { UNAccountData, UNCounterpartyAccountData, UNCardData, UNError, UNOnLoadResponseData } from '../../sharedTypes';
-import type { UNAuthorizationData } from '../../sharedTypes/authorization.types';
-import type { UNTransactionData } from '../../sharedTypes/transactions.types';
+import type { UNAccountData, UNCounterpartyAccountData, UNCardData, UNError, UNOnLoadResponseData } from '../../types/shared';
+import type { UNAuthorizationData } from '../../types/shared/authorization.types';
+import type { UNTransactionData } from '../../types/shared/transactions.types';
 export declare enum RESPONSE_KEYS {
     errors = "errors",
     card = "cardResult",

package/lib/typescript/messages/webMessages/unitMessages.d.ts

@@ -8,7 +8,8 @@ export declare enum UnitMessage {
     UNIT_REQUEST_DOWNLOAD = "unitRequestDownload",
     UNIT_PLAID_TOKEN_CREATED = "unitPlaidLinkTokenCreated",
     UNIT_REQUEST_EXTERNAL_SDK = "unitRequestExternalSdk",
-    UNIT_PLAID_RESPONSE = "unitPlaidResponse"
+    UNIT_PLAID_RESPONSE = "unitPlaidResponse",
+    PAGE_HEIGHT = "PAGE_HEIGHT"
 }
 export interface RequestRenderingEvent {
     data: RequestRenderingEventData;

package/lib/typescript/{components/UNCardComponent/networking → networking}/requests/UNWalletPayloadRequest.d.ts

@@ -1,2 +1,2 @@
-import { UNEnvironment } from '../../../../unitSdkManager/UnitSdkManager';
+import { UNEnvironment } from '../../unitSdkManager/UnitSdkManager';
 export declare const getMobileWalletPayload: (customerToken: string, cardId: string, env: UNEnvironment) => Promise<any>;

package/lib/typescript/scripts/html/bodyHtml.d.ts

@@ -1,7 +1,3 @@
+import { PresentationMode } from '../../types/internal/webComponent.types';
 export declare const webViewId = "webViewContainer";
-export declare enum PresentationMode {
-    CoverInjectedHeight = "coverInjectedHeight",
-    Inherit = "inherit",
-    Default = "deafult"
-}
 export declare const getHtmlBody: (unitComponent: string, unitComponentProps?: string, presentationMode?: PresentationMode) => string;

package/lib/typescript/types/internal/bottomSheet.types.d.ts

@@ -0,0 +1,35 @@
+import type { RequestRenderingEvent } from '../../messages/webMessages/unitMessages';
+import type { PresentationMode, WebComponentType } from './webComponent.types';
+export declare enum BottomSheetRenderingType {
+    Slot = 0,
+    WebComponent = 1,
+    NativeComponent = 2
+}
+export type BottomSheetSlotData = {
+    componentName?: WebComponentType;
+    componentResourceId?: string;
+    requestRenderingEvent: RequestRenderingEvent;
+};
+export type WebComponentData = {
+    type: WebComponentType;
+    presentationMode?: PresentationMode;
+    params?: string;
+    theme?: string;
+    language?: string;
+    windowParams?: string;
+};
+export type NativeComponentData = {
+    component: React.ReactNode;
+};
+export interface SlotRendering {
+    type: BottomSheetRenderingType.Slot;
+    data: BottomSheetSlotData;
+}
+export interface WebComponentRendering {
+    type: BottomSheetRenderingType.WebComponent;
+    data: WebComponentData;
+}
+export interface NativeComponentRendering {
+    type: BottomSheetRenderingType.NativeComponent;
+    data: NativeComponentData;
+}

package/lib/typescript/types/internal/webComponent.types.d.ts

@@ -0,0 +1,16 @@
+export declare enum WebComponentType {
+    card = "unit-elements-card",
+    bookPayment = "unit-elements-book-payment",
+    activity = "unit-elements-activity",
+    slot = "unit-elements-sdk-slot",
+    account = "unit-elements-account",
+    checkDeposit = "unit-elements-check-deposit",
+    achDebitPayment = "unit-elements-ach-debit-payment",
+    achCreditPayment = "unit-elements-ach-credit-payment",
+    cardAction = "unit-elements-card-action"
+}
+export declare enum PresentationMode {
+    CoverInjectedHeight = "coverInjectedHeight",
+    Inherit = "inherit",
+    Default = "deafult"
+}

package/lib/typescript/{sharedTypes → types/shared}/achCredit.types.d.ts

@@ -1,4 +1,4 @@
-import type { RESPONSE_KEYS } from '../messages/webMessages/onLoadMessage';
+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';

package/lib/typescript/{sharedTypes → types/shared}/activity.types.d.ts

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

package/lib/typescript/unitSdkManager/UnitSdkManager.d.ts

@@ -1,3 +1,5 @@
+import type { NativeModules } from 'react-native';
+import { UnitUiManager } from './unitUiManager/unitUiManager';
 export declare enum UNEnvironment {
     sandbox = "sandbox",
     production = "production"
@@ -8,13 +10,20 @@ export declare const UNIT_SCRIPT_URL: {
 };
 export declare class UnitSDK {
     protected static env?: UNEnvironment;
+    protected static customerToken?: string;
     protected static theme?: string;
     protected static language?: string;
     protected static signedNonce?: string;
+    protected static pushProvisionModule?: typeof NativeModules;
+    static ui: UnitUiManager;
     static init: (env: UNEnvironment, theme?: string, language?: string) => Promise<void>;
+    static setPushProvisioningModule: (pushProvisionModule: typeof NativeModules) => void;
+    static getPushProvisionModule: () => import("react-native").NativeModulesStatic | undefined;
     static setSignedNonce: (signedNonce: string) => void;
     static getEnv: () => UNEnvironment | undefined;
     static getTheme: () => string | undefined;
     static getLanguage: () => string | undefined;
     static getSignedNonce: () => string | undefined;
+    static setCustomerToken: (customerToken: string) => void;
+    static getCustomerToken: () => string | undefined;
 }

package/lib/typescript/unitSdkManager/unitUiManager/unitUiManager.d.ts

@@ -0,0 +1,6 @@
+import { UNFlows } from '../../flows/UNFlows';
+export declare class UnitUiManager {
+    flows: UNFlows;
+    constructor();
+    private init;
+}

package/lib/typescript/webComponent/WebComponent.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { WebView } from 'react-native-webview';
-import { PresentationMode } from '../scripts/html/bodyHtml';
 import type { WebViewMessage } from '../messages/webMessages';
+import type { PresentationMode, WebComponentType } from '../types/internal/webComponent.types';
 export interface WebComponentProps {
     type: WebComponentType;
     presentationMode?: PresentationMode;
@@ -13,16 +13,6 @@ export interface WebComponentProps {
     isScrollable?: boolean;
     nestedScrollEnabled?: boolean;
     handleScroll?: (event: any) => void;
-    width?: number;
-}
-export declare enum WebComponentType {
-    card = "unit-elements-card",
-    bookPayment = "unit-elements-book-payment",
-    activity = "unit-elements-activity",
-    slot = "unit-elements-sdk-slot",
-    account = "unit-elements-account",
-    checkDeposit = "unit-elements-check-deposit",
-    achDebitPayment = "unit-elements-ach-debit-payment",
-    achCreditPayment = "unit-elements-ach-credit-payment"
+    windowParams?: string;
 }
 export declare const WebComponent: React.ForwardRefExoticComponent<WebComponentProps & React.RefAttributes<WebView<{}>>>;

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

@@ -2,6 +2,7 @@ export declare const HTML_PLACEHOLDER: {
     SCRIPT_UNIT: string;
     BODY: string;
     SCRIPT_FROM_NATIVE: string;
+    WINDOW_PARAMS: string;
 };
 declare const htmlText: string;
 export default htmlText;

package/package.json

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

package/src/components/UNACHCreditComponent/UNACHCreditComponent.tsx

@@ -1,8 +1,7 @@
 import React, { useState, useEffect, useRef } from 'react';
-import { WebComponent, WebComponentType } from '../../webComponent/WebComponent';
-import { PresentationMode } from '../../scripts/html/bodyHtml';
+import { WebComponent } from '../../webComponent/WebComponent';
 import type { WebViewMessage } from '../../messages/webMessages';
-import type { UNOnLoadResponse, UNACHData, UNACHOnLoadData, UNError, UNOnLoadResponseData } from '../../sharedTypes';
+import type { UNOnLoadResponse, UNACHData, UNACHOnLoadData, UNError, UNOnLoadResponseData } from '../../types/shared';
 import { HeightEvent, PageMessage } from '../../messages/webMessages/pageMessage';
 import { Platform, View } from 'react-native';
 import { getACHCreditParams, getACHCreditScript, injectUnitPlaidResponse } from './UNACHCreditComponent.utils';
@@ -13,6 +12,7 @@ import { PlaidLinkTokenData, PlaidTokenCreatedEvent, RequestExternalSdkEvent, Un
 import { LinkSuccess, openLink } from 'react-native-plaid-link-sdk';
 import type WebView from 'react-native-webview';
 import { getAndroidPackageName } from '../utils/nativeModulesInfo';
+import { PresentationMode, WebComponentType } from '../../types/internal/webComponent.types';
 
 export interface UNACHCreditComponentProps {
   accountId: string;

package/src/components/UNACHDebitComponent/UNACHDebitComponent.tsx

@@ -1,8 +1,7 @@
 import React, { useEffect, useRef, useState } from 'react';
-import { WebComponent, WebComponentType } from '../../webComponent/WebComponent';
-import { PresentationMode } from '../../scripts/html/bodyHtml';
+import { WebComponent } from '../../webComponent/WebComponent';
 import type { WebViewMessage } from '../../messages/webMessages';
-import type { UNOnLoadResponse, UNACHData, UNError, UNOnLoadResponseData, UNACHOnLoadData } from '../../sharedTypes';
+import type { UNOnLoadResponse, UNACHData, UNError, UNOnLoadResponseData, UNACHOnLoadData } from '../../types/shared';
 import { HeightEvent, PageMessage } from '../../messages/webMessages/pageMessage';
 import { Platform, View } from 'react-native';
 import { PlaidLinkTokenData, PlaidTokenCreatedEvent, RequestExternalSdkEvent, UnitMessage } from '../../messages/webMessages/unitMessages';
@@ -14,6 +13,7 @@ import { PaymentMessage } from '../../messages/webMessages/paymentsMessage';
 import type { ACHEvent } from '../../messages/webMessages/achCreditMessage';
 import { RESPONSE_KEYS, UnitOnLoadResponseEvent } from '../../messages/webMessages/onLoadMessage';
 import { getAndroidPackageName } from '../utils/nativeModulesInfo';
+import { PresentationMode, WebComponentType } from '../../types/internal/webComponent.types';
 
 export interface UNACHDebitComponentProps {
   accountId: string;

package/src/components/UNAccountComponent/UNAccountComponent.tsx

@@ -1,20 +1,21 @@
 import React, { useEffect, useImperativeHandle, useRef, useState } from 'react';
-import { Dimensions, View } from 'react-native';
+import { View } from 'react-native';
 import type WebView from 'react-native-webview';
 import { HeightEvent, PageMessage } from '../..//messages/webMessages/pageMessage';
 import { RequestRefreshEvent, RequestRenderingEvent, UnitMessage } from '../../messages/webMessages/unitMessages';
 import EventBus from '../../helpers/EventBus';
-import { WebComponent, WebComponentType } from '../../webComponent/WebComponent';
+import { WebComponent } from '../../webComponent/WebComponent';
 import type { WebViewMessage } from '../../messages/webMessages';
 import { getAccountParams, getAccountScript, injectOpenActionsMenuScript, injectRefreshEventIfNeeded, injectRequestAccountActionScript } from './UNAccountComponent.utils';
-import { PresentationMode } from '../../scripts/html/bodyHtml';
-import type { BottomSheetSlotData } from '../UNBottomSheetComponent/UNBottomSheetComponent';
-import type { UNError, UNOnLoadResponse, UNOnLoadResponseData } from '../../sharedTypes';
+import type { UNError, UNOnLoadResponse, UNOnLoadResponseData } from '../../types/shared';
 import { useListenerToBus } from '../../hooks/listenerToBus';
-import type { UNAccountData } from '../../sharedTypes/account.types';
+import type { UNAccountData } from '../../types/shared/account.types';
 import { AccountMessage } from '../../messages/webMessages/accountMessage';
 import { RESPONSE_KEYS, UnitOnLoadResponseEvent } from '../../messages/webMessages/onLoadMessage';
-import type { UNAccountMenuAction } from '../../sharedTypes';
+import type { UNAccountMenuAction } from '../../types/shared';
+import { BottomSheetRenderingType, SlotRendering, type BottomSheetSlotData } from '../../types/internal/bottomSheet.types';
+import { PresentationMode, WebComponentType } from '../../types/internal/webComponent.types';
+import { BottomSheetNativeMessage } from '../../messages/nativeMessages/bottomSheetMessage';
 
 export interface UNAccountComponentProps {
   // inputs
@@ -44,7 +45,6 @@ export enum AccountAction {
 
 export const UNAccountComponent = React.forwardRef<UNAccountRef, UNAccountComponentProps>(function UNAccountComponent(props, accountRef) {
   const [height, setHeight] = useState(0);
-  const windowWidth = Dimensions.get('window').width;
 
   const [requestRefreshEvent, setRequestRefreshEvent] = useState<RequestRefreshEvent | null>(null);
 
@@ -100,12 +100,18 @@ export const UNAccountComponent = React.forwardRef<UNAccountRef, UNAccountCompon
         handleUnitOnLoad(message.details as UnitOnLoadResponseEvent);
         break;
       case UnitMessage.UNIT_REQUEST_RENDERING: {
-        const event: BottomSheetSlotData = {
+        const slotData: BottomSheetSlotData = {
           componentName: WebComponentType.account,
           componentResourceId: props.accountId,
           requestRenderingEvent: message.details as RequestRenderingEvent
         };
-        EventBus.Instance.event(UnitMessage.UNIT_REQUEST_RENDERING, event);
+
+        const event = {
+          type: BottomSheetRenderingType.Slot,
+          data: slotData
+        } as SlotRendering;
+
+        EventBus.Instance.event(BottomSheetNativeMessage.START_FLOW, event);
         break;
       }
       case PageMessage.PAGE_HEIGHT:
@@ -115,7 +121,7 @@ export const UNAccountComponent = React.forwardRef<UNAccountRef, UNAccountCompon
   };
 
   return (
-    <View style={{ height }}>
+    <View style={{ height, width: '100%' }}>
       <WebComponent
         ref={webRef}
         type={WebComponentType.account}
@@ -125,7 +131,6 @@ export const UNAccountComponent = React.forwardRef<UNAccountRef, UNAccountCompon
         theme={props.theme}
         language={props.language}
         onMessage={message => handleMessage(message)}
-        width={windowWidth}
         isScrollable={false}
       />
     </View>

package/src/components/UNAccountComponent/UNAccountComponent.utils.ts

@@ -1,8 +1,8 @@
 import { AccountAction, UNAccountComponentProps } from './UNAccountComponent';
 import { RequestRefreshEvent, RequestRenderingEvent, UnitMessage } from '../../messages/webMessages/unitMessages';
 import type WebView from 'react-native-webview';
-import { WebComponentType } from '../../webComponent/WebComponent';
-import type { UNAccountMenuAction } from 'src/sharedTypes';
+import type { UNAccountMenuAction } from 'src/types/shared';
+import { WebComponentType } from '../../types/internal/webComponent.types';
 
 export const getAccountParams = (props: UNAccountComponentProps) => {
   const accountIdParam = props.accountId ? `account-id="${props.accountId}"` : '';

package/src/components/UNActivityComponent/UNActivityComponent.tsx

@@ -4,16 +4,17 @@ import { RequestRefreshEvent, RequestRenderingEvent, UnitMessage } from '../../m
 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 { UNError, UNOnLoadResponse, UNOnLoadResponseData } from '../../sharedTypes';
-import { WebComponent, WebComponentType } from '../../webComponent/WebComponent';
+import type { UNError, UNOnLoadResponse, UNOnLoadResponseData } from '../../types/shared';
+import { WebComponent } from '../../webComponent/WebComponent';
 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 type { UNActivityOnLoadData } from '../../types/shared/activity.types';
 import { RESPONSE_KEYS, UnitOnLoadResponseEvent } from '../../messages/webMessages/onLoadMessage';
 import { ActivityMessage } from '../../messages/webMessages/activityMessage';
+import { BottomSheetRenderingType, type BottomSheetSlotData, type SlotRendering } from '../../types/internal/bottomSheet.types';
+import { PresentationMode, WebComponentType } from '../../types/internal/webComponent.types';
+import { BottomSheetNativeMessage } from '../../messages/nativeMessages/bottomSheetMessage';
 
 const DEFAULT_HEIGHT = Dimensions.get('window').height * 0.5;
 export interface UNActivityComponentProps {
@@ -75,12 +76,18 @@ export const UNActivityComponent = (props: UNActivityComponentProps) => {
   const handleWebViewMessage = (message: WebViewMessage) => {
     switch (message.type) {
       case UnitMessage.UNIT_REQUEST_RENDERING: {
-        const event: BottomSheetSlotData = {
+        const slotData: BottomSheetSlotData = {
           componentName: WebComponentType.activity,
           componentResourceId: props.accountId,
           requestRenderingEvent: message.details as RequestRenderingEvent
         };
-        EventBus.Instance.event(UnitMessage.UNIT_REQUEST_RENDERING, event);
+
+        const event = {
+          type: BottomSheetRenderingType.Slot,
+          data: slotData
+        } as SlotRendering;
+
+        EventBus.Instance.event(BottomSheetNativeMessage.START_FLOW, event);
         break;
       }
       case UnitMessage.UNIT_ON_LOAD:

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

@@ -1,8 +1,8 @@
-import { WebComponentType } from './../../webComponent/WebComponent';
 import type { RequestRefreshEvent } from './../../messages/webMessages/unitMessages';
 import type { WebView } from 'react-native-webview';
 import { DISPATCH_REQUEST_REFRESH } from './../../scripts/html/bodyScript';
 import type { UNActivityComponentProps } from './UNActivityComponent';
+import { WebComponentType } from '../../types/internal/webComponent.types';
 
 export const getActivityParams = (props: UNActivityComponentProps) => {
   const accountIdParam = props.accountId ? `account-id="${props.accountId}"` : '';