react-native-unit-components 1.9.1 → 1.10.0

package/lib/typescript/{components → src/components}/UNActivityComponent/UNActivityComponent.d.ts

@@ -1,5 +1,6 @@
 import type { UNOnLoadResponse } from '../../types/shared';
 import type { UNActivityOnLoadData } from '../../types/shared/activity.types';
+import type { UNActivityComponentPaginationType } from '../../types/shared';
 export interface UNActivityComponentProps {
     customerToken: string;
     accountId?: string;
@@ -7,6 +8,8 @@ export interface UNActivityComponentProps {
     theme?: string;
     language?: string;
     hideFilterButton?: boolean;
+    paginationType?: UNActivityComponentPaginationType;
+    transactionsPerPage?: number;
     onLoad?: (response: UNOnLoadResponse<UNActivityOnLoadData>) => void;
 }
 declare const _default: (props: UNActivityComponentProps) => JSX.Element;

package/lib/typescript/src/components/UNMultipleCardsComponent/UNMultipleCardsComponent.d.ts

@@ -0,0 +1,15 @@
+import type { UNCardData, UNMultipleCardsComponentPaginationType, UNMultipleCardsOnLoadData, UNOnLoadResponse } from '../../types/shared';
+export interface UNMultipleCardsComponentProps {
+    customerToken: string;
+    paginationType?: UNMultipleCardsComponentPaginationType;
+    cardsPerPage?: number;
+    disableCardClick?: boolean;
+    theme?: string;
+    language?: string;
+    queryFilter?: string;
+    hideTitle?: boolean;
+    onLoad?: (response: UNOnLoadResponse<UNMultipleCardsOnLoadData>) => void;
+    onCardClicked?: (card: UNCardData) => void;
+}
+declare const _default: (props: UNMultipleCardsComponentProps) => JSX.Element;
+export default _default;

package/lib/typescript/src/components/UNMultipleCardsComponent/UNMultipleCardsComponent.utils.d.ts

@@ -0,0 +1,3 @@
+import type { UNMultipleCardsComponentProps } from './UNMultipleCardsComponent';
+export declare const getMultipleCardsParams: (props: UNMultipleCardsComponentProps) => string;
+export declare const getMultipleCardsScript: () => string;

package/lib/typescript/src/components/UNMultipleCardsComponent/index.d.ts

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

package/lib/typescript/{components → src/components}/index.d.ts

@@ -1,4 +1,5 @@
 export * from './UNCardComponent';
+export * from './UNMultipleCardsComponent';
 export * from './UNBottomSheetComponent';
 export * from './UNBookPaymentComponent';
 export * from './UNActivityComponent';

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

@@ -0,0 +1,4 @@
+import { UNNativePromiseReject, UNVPError, UNVPErrorType } from './types';
+export declare const isUNVPError: (error: any) => error is UNVPError;
+export declare const isUNNativePromiseReject: (error: any) => error is UNNativePromiseReject;
+export declare const promiseRejectToUNVPErrorType: (error: any) => UNVPErrorType | null;

package/lib/typescript/src/helpers/pushProvisioningService/types.d.ts

@@ -0,0 +1,49 @@
+export declare enum UNVPErrorType {
+    EmptyAppId = "EmptyAppId",
+    DeviceAuthenticationFailed = "DeviceAuthenticationFailed",
+    DeviceRootDetection = "DeviceRootDetection",
+    HookDetection = "HookDetection",
+    PlayIntegrityCheckFailed = "PlayIntegrityCheckFailed",
+    EmptyEncryptedPayload = "EmptyEncryptedPayload",
+    NoWallets = "NoWallets",
+    InvalidCardId = "InvalidCardId",
+    ProvisioningNotAllowed = "ProvisioningNotAllowed",
+    CancelledByUser = "CancelledByUser",
+    GoogleWalletCreationFailed = "GoogleWalletCreationFailed",
+    UnknownErrorOccurred = "UnknownErrorOccurred",
+    WalletProvisioningInconclusive = "WalletProvisioningInconclusive",
+    WalletProvisioningError = "WalletProvisioningError",
+    NetworkFailure = "NetworkFailure",
+    SessionExpired = "SessionExpired",
+    InvalidInfo = "InvalidInfo",
+    PayloadDecryptionFailed = "PayloadDecryptionFailed",
+    ApiError = "ApiError",
+    InvalidNonce = "InvalidNonce",
+    SDKLockout = "SDKLockout",
+    NoBrowserFound = "NoBrowserFound",
+    TLCMFeatureNotSupported = "TLCMFeatureNotSupported",
+    TLCMUnsupportedWallet = "TLCMUnsupportedWallet",
+    TLCMDetailsNotFoundInPaySdk = "TLCMDetailsNotFoundInPaySdk",
+    TLCMTokenStatusExists = "TLCMTokenStatusExists",
+    TLCMInvalidOperationInput = "TLCMInvalidOperationInput",
+    TLCMInvalidRequest = "TLCMInvalidRequest",
+    TLCMUpdateStatusNotAllowed = "TLCMUpdateStatusNotAllowed",
+    TLCMTokenNotFound = "TLCMTokenNotFound"
+}
+export interface UNVPError {
+    code: string;
+    description: string;
+    type: UNVPErrorType;
+    correlationId: string;
+}
+export type UNNativePromiseReject = {
+    code: string;
+    message: string;
+};
+export interface UNMobileWalletPayload {
+    data: {
+        attributes: {
+            payload: string;
+        };
+    };
+}

package/lib/typescript/src/hooks/useListenerToEvent.d.ts

@@ -0,0 +1,9 @@
+import type { NativeMessageType } from '../messages/nativeMessages';
+import type { WebViewMessageType } from '../messages/webMessages';
+export type BusEventKey = NativeMessageType | WebViewMessageType;
+type EventListener = {
+    busEventKey: BusEventKey;
+    action: (data: any) => void;
+};
+export declare const useListenerToEvent: (listener: EventListener) => void;
+export {};

package/lib/typescript/{messages → src/messages}/webMessages/index.d.ts

@@ -7,8 +7,9 @@ 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 | CardMessage | UnitMessage | PaymentMessage | AccountMessage | CheckMessage | ActivityMessage;
-type WebViewEvent = PageEvent | UnitEvent | CardEvent | BookPaymentEvent | PaymentMessage | ACHEvent | AccountEvent | CheckEvent | ActivityEvent;
+import type { MultipleCardsEvent, MultipleCardsMessage } from './multipleCardsMessage';
+export type WebViewMessageType = PageMessage | CardMessage | MultipleCardsMessage | UnitMessage | PaymentMessage | AccountMessage | CheckMessage | ActivityMessage;
+type WebViewEvent = PageEvent | UnitEvent | CardEvent | MultipleCardsEvent | BookPaymentEvent | PaymentMessage | ACHEvent | AccountEvent | CheckEvent | ActivityEvent;
 export interface WebViewMessage {
     type: WebViewMessageType;
     details?: WebViewEvent;

package/lib/typescript/src/messages/webMessages/multipleCardsMessage.d.ts

@@ -0,0 +1,6 @@
+import type { UNCardData } from '../../types/shared';
+export declare enum MultipleCardsMessage {
+    UNIT_MULTIPLE_CARDS_CARD_CLICKED = "unitMultipleCardsCardClicked"
+}
+export type MultipleCardsCardClickedEvent = UNCardData;
+export type MultipleCardsEvent = MultipleCardsCardClickedEvent;

package/lib/typescript/{messages → src/messages}/webMessages/onLoadMessage.d.ts

@@ -4,11 +4,15 @@ import type { UNTransactionData } from '../../types/shared/transactions.types';
 export declare enum RESPONSE_KEYS {
     errors = "errors",
     card = "cardResult",
+    cards = "cardsResult",
     account = "accountResult",
     counterpartyAccount = "counterpartyResult",
     transactions = "transactionsResult",
-    authorization = "authorizationResult"
+    authorizations = "authorizationsResult"
 }
+export type CardsOnLoadResponse = {
+    [RESPONSE_KEYS.cards]: UNOnLoadResponseData<[UNCardData]>;
+};
 export type CardOnLoadResponse = {
     [RESPONSE_KEYS.card]: UNOnLoadResponseData<UNCardData>;
 };
@@ -23,8 +27,8 @@ export type ACHOnLoadResponse = {
     [RESPONSE_KEYS.counterpartyAccount]: UNOnLoadResponseData<[UNCounterpartyAccountData]>;
 };
 export type ActivityOnLoadResponse = {
-    [RESPONSE_KEYS.authorization]: UNOnLoadResponseData<UNAuthorizationData>;
+    [RESPONSE_KEYS.authorizations]: UNOnLoadResponseData<UNAuthorizationData>;
     [RESPONSE_KEYS.transactions]: UNOnLoadResponseData<UNTransactionData>;
 };
-export type UnitOnLoadResponseSuccessData = CardOnLoadResponse | ACHOnLoadResponse | AccountsOnLoadResponse | AccountOnLoadResponse | ActivityOnLoadResponse;
+export type UnitOnLoadResponseSuccessData = CardOnLoadResponse | CardsOnLoadResponse | ACHOnLoadResponse | AccountsOnLoadResponse | AccountOnLoadResponse | ActivityOnLoadResponse;
 export type UnitOnLoadResponseEvent = UNError | UnitOnLoadResponseSuccessData;

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

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

package/lib/typescript/src/slices/ConfigurationSlice.d.ts

@@ -0,0 +1,10 @@
+import type { RootState } from '../store';
+export interface ConfigurationState {
+    unitScript?: string;
+    theme?: string;
+    language?: string;
+}
+export declare const setUnitScript: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<string | undefined, "Configuration/setUnitScript">, setLanguage: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<string | undefined, "Configuration/setLanguage">, setTheme: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<string | undefined, "Configuration/setTheme">;
+export declare const selectConfiguration: (state: RootState) => ConfigurationState;
+declare const _default: import("redux").Reducer<ConfigurationState, import("redux").AnyAction>;
+export default _default;

package/lib/typescript/src/slices/SharedEventsSlice.d.ts

@@ -0,0 +1,56 @@
+import type { RootState } from '../store';
+import type { SlotRendering, WebComponentRendering } from '../types/internal/bottomSheet.types';
+import type { UNAccountData, UNCardData } from '../types/shared';
+import type { ActivityFiltersChangedEvent } from '../messages/webMessages/activityMessage';
+import type { RequestRefreshEvent } from '../messages/webMessages/unitMessages';
+import type { BottomSheetNativeMessage } from '../messages/nativeMessages/bottomSheetMessage';
+import type { CardMessage } from '../messages/webMessages/cardMessage';
+import type { AccountMessage } from '../messages/webMessages/accountMessage';
+import type { ActivityMessage } from '../messages/webMessages/activityMessage';
+import type { UnitMessage } from '../messages/webMessages/unitMessages';
+import type { MultipleCardsMessage } from '../messages/webMessages/multipleCardsMessage';
+type EmptyObj = Record<PropertyKey, never>;
+type SlotRenderingEventState = {
+    key: BottomSheetNativeMessage.START_FLOW;
+    data: SlotRendering;
+};
+type MultipleCardsCardClickedEventState = {
+    key: MultipleCardsMessage.UNIT_MULTIPLE_CARDS_CARD_CLICKED;
+    data: UNCardData;
+};
+type CardStatusChangedEventState = {
+    key: CardMessage.CARD_STATUS_CHANGED;
+    data: UNCardData;
+};
+type CardActivatedEventState = {
+    key: CardMessage.CARD_ACTIVATED;
+    data: UNCardData;
+};
+type AccountChangedEventState = {
+    key: AccountMessage.UNIT_ACCOUNT_CHANGED;
+    data: UNAccountData;
+};
+type ActivityFiltersChangedEventState = {
+    key: ActivityMessage.UNIT_ACTIVITY_FILTERS_CHANGED;
+    data: ActivityFiltersChangedEvent;
+};
+type RequestCloseFlowEventState = {
+    key: UnitMessage.UNIT_REQUEST_CLOSE_FLOW;
+    data: EmptyObj;
+};
+type WebComponentRenderingEventState = {
+    key: BottomSheetNativeMessage.START_FLOW;
+    data: WebComponentRendering;
+};
+type RequestRefreshEventState = {
+    key: UnitMessage.UNIT_REQUEST_REFRESH;
+    data: RequestRefreshEvent;
+};
+type SharedEvent = SlotRenderingEventState | CardStatusChangedEventState | CardActivatedEventState | MultipleCardsCardClickedEventState | AccountChangedEventState | ActivityFiltersChangedEventState | RequestCloseFlowEventState | WebComponentRenderingEventState | RequestRefreshEventState;
+type SharedEventsState = {
+    event?: SharedEvent;
+};
+export declare const setEvent: import("@reduxjs/toolkit").ActionCreatorWithPayload<SharedEvent, "SharedEvents/setEvent">;
+export declare const selectSharedEvents: (state: RootState) => SharedEventsState;
+declare const _default: import("redux").Reducer<SharedEventsState, import("redux").AnyAction>;
+export default _default;

package/lib/typescript/src/store/store.d.ts

@@ -0,0 +1,76 @@
+export declare const store: import("@reduxjs/toolkit/dist/configureStore").ToolkitStore<{
+    wallet: import("../slices/pushProvisioningSlice").PushProvisioningState;
+    configuration: import("../slices/ConfigurationSlice").ConfigurationState;
+    sharedEvents: {
+        event?: ({
+            key: import("../messages/nativeMessages/bottomSheetMessage").BottomSheetNativeMessage;
+            data: import("../types/internal/bottomSheet.types").SlotRendering;
+        } | {
+            key: import("../messages/webMessages/cardMessage").CardMessage.CARD_STATUS_CHANGED;
+            data: import("..").UNCardData;
+        } | {
+            key: import("../messages/webMessages/cardMessage").CardMessage.CARD_ACTIVATED;
+            data: import("..").UNCardData;
+        } | {
+            key: import("../messages/webMessages/multipleCardsMessage").MultipleCardsMessage;
+            data: import("..").UNCardData;
+        } | {
+            key: import("../messages/webMessages/accountMessage").AccountMessage;
+            data: import("..").UNAccountData;
+        } | {
+            key: import("../messages/webMessages/activityMessage").ActivityMessage;
+            data: string;
+        } | {
+            key: import("../messages/webMessages/unitMessages").UnitMessage.UNIT_REQUEST_CLOSE_FLOW;
+            data: {
+                [x: string]: never;
+                [x: number]: never;
+                [x: symbol]: never;
+            };
+        } | {
+            key: import("../messages/nativeMessages/bottomSheetMessage").BottomSheetNativeMessage;
+            data: import("../types/internal/bottomSheet.types").WebComponentRendering;
+        } | {
+            key: import("../messages/webMessages/unitMessages").UnitMessage.UNIT_REQUEST_REFRESH;
+            data: import("../messages/webMessages/unitMessages").RequestRefreshEvent;
+        }) | undefined;
+    };
+}, import("redux").AnyAction, [import("@reduxjs/toolkit").ThunkMiddleware<{
+    wallet: import("../slices/pushProvisioningSlice").PushProvisioningState;
+    configuration: import("../slices/ConfigurationSlice").ConfigurationState;
+    sharedEvents: {
+        event?: ({
+            key: import("../messages/nativeMessages/bottomSheetMessage").BottomSheetNativeMessage;
+            data: import("../types/internal/bottomSheet.types").SlotRendering;
+        } | {
+            key: import("../messages/webMessages/cardMessage").CardMessage.CARD_STATUS_CHANGED;
+            data: import("..").UNCardData;
+        } | {
+            key: import("../messages/webMessages/cardMessage").CardMessage.CARD_ACTIVATED;
+            data: import("..").UNCardData;
+        } | {
+            key: import("../messages/webMessages/multipleCardsMessage").MultipleCardsMessage;
+            data: import("..").UNCardData;
+        } | {
+            key: import("../messages/webMessages/accountMessage").AccountMessage;
+            data: import("..").UNAccountData;
+        } | {
+            key: import("../messages/webMessages/activityMessage").ActivityMessage;
+            data: string;
+        } | {
+            key: import("../messages/webMessages/unitMessages").UnitMessage.UNIT_REQUEST_CLOSE_FLOW;
+            data: {
+                [x: string]: never;
+                [x: number]: never;
+                [x: symbol]: never;
+            };
+        } | {
+            key: import("../messages/nativeMessages/bottomSheetMessage").BottomSheetNativeMessage;
+            data: import("../types/internal/bottomSheet.types").WebComponentRendering;
+        } | {
+            key: import("../messages/webMessages/unitMessages").UnitMessage.UNIT_REQUEST_REFRESH;
+            data: import("../messages/webMessages/unitMessages").RequestRefreshEvent;
+        }) | undefined;
+    };
+}, import("redux").AnyAction, undefined>]>;
+export type RootState = ReturnType<typeof store.getState>;

package/lib/typescript/src/types/internal/errorHelpers.d.ts

@@ -0,0 +1,4 @@
+import type { UNErrorData } from '../shared/error.types';
+import type { UNError } from '../shared';
+export declare const isUNErrorDataArray: (arr: any) => arr is UNErrorData[];
+export declare const isUNError: (error: any) => error is UNError;

package/lib/typescript/{types → src/types}/internal/webComponent.types.d.ts

@@ -1,5 +1,6 @@
 export declare enum WebComponentType {
     card = "unit-elements-card",
+    multipleCards = "unit-elements-multiple-cards",
     bookPayment = "unit-elements-book-payment",
     activity = "unit-elements-activity",
     slot = "unit-elements-sdk-slot",

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

@@ -1,7 +1,11 @@
 import type { RESPONSE_KEYS } from '../../messages/webMessages/onLoadMessage';
 import type { UNAuthorizationData } from './authorization.types';
 import type { UNTransactionData } from './transactions.types';
+export declare const enum UNActivityComponentPaginationType {
+    infiniteScroll = "infiniteScroll",
+    pagination = "pagination"
+}
 export type UNActivityOnLoadData = {
-    [RESPONSE_KEYS.authorization]: UNAuthorizationData;
+    [RESPONSE_KEYS.authorizations]: UNAuthorizationData;
     [RESPONSE_KEYS.transactions]: UNTransactionData;
 };

package/lib/typescript/src/types/shared/error.types.d.ts

@@ -0,0 +1,36 @@
+export type UNError = {
+    errors: UNErrorData[];
+};
+export type UNErrorData = {
+    status?: string;
+    title: string;
+    detail?: string;
+    details?: string;
+    meta?: UNErrorMeta;
+    code?: UNErrorCodes;
+    error?: Error;
+};
+interface UNErrorMeta {
+    meta: Record<string, string>;
+}
+export declare enum UNErrorCodes {
+    FEATURE_DISABLED = "feature_disabled",
+    INVALID_VALUE = "invalid_value",
+    LIMITS_EXCEEDED = "limits_exceeded",
+    NOT_FOUND = "not_found",
+    ACCOUNT_CUSTOMER_MISMATCH = "account_customer_mismatch",
+    NOT_SUPPORTED_FOR_ACCOUNT_STATUS = "not_supported_for_account_status",
+    NOT_SUPPORTED_FOR_ACCOUNT_TYPE = "not_supported_for_account_type",
+    NOT_SUPPORTED_FOR_CARD = "not_supported_for_card",
+    NOT_SUPPORTED_FOR_CARD_STATUS = "not_supported_for_card_status",
+    NOT_SUPPORTED_FOR_CARD_TYPE = "not_supported_for_card_type",
+    INVALID_NONCE = "invalid_nonce",
+    NOT_SUPPORTED_FOR_PAYMENT_TYPE = "not_supported_for_payment_type",
+    PAYMENT_INVALID = "payment_invalid",
+    UNAUTHORIZED = "unauthorized",
+    FORBIDDEN = "forbidden",
+    ALREADY_EXISTS = "already_exists",
+    CUSTOMER_NAME_UNDELIVERABLE = "customer_name_undeliverable",
+    CUSTOMER_ADDRESS_UNDELIVERABLE = "customer_address_undeliverable"
+}
+export {};

package/lib/typescript/{types → src/types}/shared/index.d.ts

@@ -7,4 +7,6 @@ export * from './account.types';
 export * from './checkDeposit.types';
 export * from './activity.types';
 export * from './fonts.types';
+export * from './error.types';
 export * from './versioning.types';
+export * from './multipleCards.types';

package/lib/typescript/src/types/shared/multipleCards.types.d.ts

@@ -0,0 +1,6 @@
+import type { UNCardData } from './card.types';
+export declare const enum UNMultipleCardsComponentPaginationType {
+    infiniteScroll = "infiniteScroll",
+    pagination = "pagination"
+}
+export type UNMultipleCardsOnLoadData = UNCardData[];

package/lib/typescript/src/types/shared/onLoadResponse.types.d.ts

@@ -0,0 +1,5 @@
+import type { UNError } from './error.types';
+export type UNOnLoadResponseData<T> = {
+    data: T;
+};
+export type UNOnLoadResponse<T> = UNOnLoadResponseData<T> | UNError;

package/lib/typescript/src/unitSdkManager/UnitSdk.api.d.ts

@@ -0,0 +1 @@
+export declare const fetchUnitScript: () => Promise<null>;

package/lib/typescript/{unitSdkManager → src/unitSdkManager}/UnitSdkManager.d.ts

@@ -11,8 +11,6 @@ export declare class UnitSDK {
     protected static env?: UNEnvironment;
     protected static webVersioningStrategy: UNWebVersioningStrategy;
     protected static customerToken?: string;
-    protected static theme?: string;
-    protected static language?: string;
     protected static fonts?: UNFonts;
     protected static signedNonce?: string;
     protected static pushProvisionModule?: typeof NativeModules;
@@ -20,17 +18,15 @@ export declare class UnitSDK {
     static setPushProvisioningModule: (pushProvisionModule: typeof NativeModules) => void;
     static getPushProvisionModule: () => import("react-native").NativeModulesStatic | undefined;
     /**
-   * @deprecated - Unit SDK is managing the signedNonce, no need to provide it
-   */
+     * @deprecated - Unit SDK is managing the signedNonce, no need to provide it
+     */
     static setSignedNonce: (signedNonce: string) => void;
     static getEnv: () => UNEnvironment | undefined;
     static getWebVersioningStrategy: () => UNWebVersioningStrategy;
-    static getTheme: () => string | undefined;
-    static getLanguage: () => string | undefined;
     static getFonts: () => UNFonts | undefined;
     /**
-   * @deprecated - Unit SDK is managing the signedNonce, no need to provide it
-   */
+     * @deprecated - Unit SDK is managing the signedNonce, no need to provide it
+     */
     static getSignedNonce: () => string | undefined;
     static setCustomerToken: (customerToken: string) => void;
     static getCustomerToken: () => string | undefined;

package/lib/typescript/src/utils/AppInfo.d.ts

@@ -0,0 +1,4 @@
+export declare const getAppName: () => Promise<any>;
+export declare const getVersion: () => Promise<any>;
+export declare const getBuildNumber: () => Promise<any>;
+export declare const getAppIdentifier: () => Promise<any>;

package/lib/typescript/src/utils/SDKInfo.d.ts

@@ -0,0 +1 @@
+export declare const getSDKVersion: () => string;

package/lib/typescript/{webComponent → src/webComponent}/WebComponent.utils.d.ts

@@ -1,2 +1,5 @@
 import type { RequestDownloadEvent } from '../messages/webMessages/unitMessages';
+export declare const getInfoParams: () => Promise<{
+    [key: string]: string;
+}>;
 export declare const handleRequestDownload: (details: RequestDownloadEvent, onReadyToShare: () => void) => Promise<void>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-unit-components",
-  "version": "1.9.1",
+  "version": "1.10.0",
   "description": "Unit React Native components",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -63,7 +63,7 @@
     "react": "17.0.2",
     "react-native": "0.68.2",
     "react-native-builder-bob": "^0.18.3",
-    "react-native-webview": "11.23.1",
+    "react-native-webview": "^13.6.2",
     "typescript": "^4.5.2"
   },
   "resolutions": {
@@ -79,7 +79,7 @@
     "@reduxjs/toolkit": "^1.9.5",
     "axios": "^1.3.3",
     "react-native-plaid-link-sdk": "^9.0.1",
-    "react-native-webview": "11.23.1",
+    "react-native-webview": "^13.6.2",
     "react-redux": "^8.1.2"
   },
   "jest": {

package/src/components/UNACHCreditComponent/UNACHCreditComponent.tsx

@@ -11,7 +11,7 @@ import { RESPONSE_KEYS, UnitOnLoadResponseEvent } from '../../messages/webMessag
 import { PlaidLinkTokenData, PlaidTokenCreatedEvent, RequestExternalSdkEvent, UnitMessage } from '../../messages/webMessages/unitMessages';
 import { LinkSuccess, openLink } from 'react-native-plaid-link-sdk';
 import type WebView from 'react-native-webview';
-import { getAndroidPackageName } from '../utils/nativeModulesInfo';
+import * as AppInfo from '../../utils/AppInfo';
 import { PresentationMode, WebComponentType } from '../../types/internal/webComponent.types';
 import { withReduxStore } from '../../helpers/store/helpers';
 
@@ -38,7 +38,7 @@ const UNACHCreditComponent = (props: UNACHCreditComponentProps) => {
   useEffect(() => {
     const setPackageNameForAndroid = async () => {
       if (Platform.OS === 'android') {
-        const packageName = await getAndroidPackageName();
+        const packageName = await AppInfo.getAppIdentifier();
         setAppPackageName(packageName);
       }
     };

package/src/components/UNACHDebitComponent/UNACHDebitComponent.tsx

@@ -12,7 +12,7 @@ import type WebView from 'react-native-webview';
 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 * as AppInfo from '../../utils/AppInfo';
 import { PresentationMode, WebComponentType } from '../../types/internal/webComponent.types';
 import { withReduxStore } from '../../helpers/store/helpers';
 
@@ -38,7 +38,7 @@ const UNACHDebitComponent = (props: UNACHDebitComponentProps) => {
   useEffect(() => {
     const setPackageNameForAndroid = async () => {
       if (Platform.OS === 'android') {
-        const packageName = await getAndroidPackageName();
+        const packageName = await AppInfo.getAppIdentifier();
         setAppPackageName(packageName);
       }
     };

package/src/components/UNAccountComponent/UNAccountComponent.tsx

@@ -3,20 +3,31 @@ 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 } from '../../webComponent/WebComponent';
 import type { WebViewMessage } from '../../messages/webMessages';
-import { getAccountParams, getAccountScript, injectOpenActionsMenuScript, injectRefreshEventIfNeeded, injectRequestAccountActionScript } from './UNAccountComponent.utils';
+import {
+  getAccountParams,
+  getAccountScript,
+  injectOpenActionsMenuScript,
+  injectRefreshEventIfNeeded,
+  injectRequestAccountActionScript,
+} from './UNAccountComponent.utils';
 import type { UNError, UNOnLoadResponse, UNOnLoadResponseData } from '../../types/shared';
-import { useListenerToBus } from '../../hooks/listenerToBus';
 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 '../../types/shared';
-import { BottomSheetRenderingType, SlotRendering, type BottomSheetSlotData } from '../../types/internal/bottomSheet.types';
+import {
+  BottomSheetRenderingType,
+  SlotRendering,
+  type BottomSheetSlotData,
+} from '../../types/internal/bottomSheet.types';
 import { PresentationMode, WebComponentType } from '../../types/internal/webComponent.types';
 import { BottomSheetNativeMessage } from '../../messages/nativeMessages/bottomSheetMessage';
 import { withReduxStoreAndRefForwarding } from '../../helpers/store/helpers';
+import { useDispatch } from 'react-redux';
+import { setEvent } from '../../slices/SharedEventsSlice';
+import { useListenerToEvent } from '../../hooks/useListenerToEvent';
 
 export interface UNAccountComponentProps {
   // inputs
@@ -45,6 +56,8 @@ export enum UNAccountAction {
 }
 
 const UNAccountComponent = React.forwardRef<UNAccountRef, UNAccountComponentProps>(function UNAccountComponent(props, accountRef) {
+
+  const dispatch = useDispatch();
   const [height, setHeight] = useState(0);
 
   const [requestRefreshEvent, setRequestRefreshEvent] = useState<RequestRefreshEvent | null>(null);
@@ -78,9 +91,8 @@ const UNAccountComponent = React.forwardRef<UNAccountRef, UNAccountComponentProp
     console.error('On Load Error: unexpected response type.');
     return;
   };
-
-  useListenerToBus({ busEventKey: UnitMessage.UNIT_REQUEST_REFRESH, action: requestRefresh });
-  useListenerToBus({ busEventKey: AccountMessage.UNIT_ACCOUNT_CHANGED, action: handleAccountChanged });
+  useListenerToEvent({ busEventKey: UnitMessage.UNIT_REQUEST_REFRESH, action: requestRefresh });
+  useListenerToEvent({ busEventKey: AccountMessage.UNIT_ACCOUNT_CHANGED, action: handleAccountChanged });
 
   useEffect(() => {
     injectRefreshEventIfNeeded(webRef.current, requestRefreshEvent);
@@ -92,7 +104,7 @@ const UNAccountComponent = React.forwardRef<UNAccountRef, UNAccountComponentProp
     },
     openAction(action: UNAccountMenuAction) {
       injectRequestAccountActionScript(webRef.current, action);
-    }
+    },
   }));
 
   const handleMessage = (message: WebViewMessage) => {
@@ -104,15 +116,16 @@ const UNAccountComponent = React.forwardRef<UNAccountRef, UNAccountComponentProp
         const slotData: BottomSheetSlotData = {
           componentName: WebComponentType.account,
           componentResourceId: props.accountId,
-          requestRenderingEvent: message.details as RequestRenderingEvent
+          requestRenderingEvent: message.details as RequestRenderingEvent,
         };
 
-        const event = {
+        const data = {
           type: BottomSheetRenderingType.Slot,
-          data: slotData
+          data: slotData,
         } as SlotRendering;
 
-        EventBus.Instance.event(BottomSheetNativeMessage.START_FLOW, event);
+        dispatch(setEvent({ key: BottomSheetNativeMessage.START_FLOW, data }));
+        
         break;
       }
       case PageMessage.PAGE_HEIGHT: