react-native-unit-components 1.8.1 → 1.10.0

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/src/networking/requests/UNWalletPayloadRequest.d.ts

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

package/lib/typescript/{scripts → src/scripts}/html/bodyScript.d.ts

@@ -22,4 +22,6 @@ export declare const DISPATCH_ACTIVITY_FILTER_CHANGED_EVENT: string;
 export declare const DISPATCH_PLAID_RESPONSE: string;
 export declare const DISPATCH_OPEN_ACTIONS_MENU = "\n    const dispatchOpenActionsMenu = (componentName) => {\n      document.querySelector(componentName).dispatchEvent(new CustomEvent(\"unitRequestOpenActionsMenu\"))\n    }\n";
 export declare const DISPATCH_REQUEST_CARD_ACTION = "\n    const dispatchRequestCardAction = (action) => {\n      document.querySelector(\"unit-elements-card\").dispatchEvent(new CustomEvent(\"unitRequestCardAction\", {detail: {action: action}}))\n    }\n";
+export declare const DISPATCH_REQUEST_HIDE_SENSITIVE_DATA = "\n    const dispatchRequestHideSensitiveData = (componentName) => {\n       document.querySelector(componentName).dispatchEvent(new CustomEvent(\"unitRequestHideSensitiveData\"))\n    }\n";
+export declare const DISPATCH_REQUEST_SHOW_SENSITIVE_DATA = "\n    const dispatchRequestShowSensitiveData = (componentName) => {\n        document.querySelector(componentName).dispatchEvent(new CustomEvent(\"unitRequestShowSensitiveData\"))\n    }\n";
 export declare const DISPATCH_REQUEST_ACCOUNT_ACTION = "\n    const dispatchRequestAccountAction = (action) => {\n      document.querySelector(\"unit-elements-account\").dispatchEvent(new CustomEvent(\"unitRequestAccountAction\", {detail: {action: action}}))\n    }\n";

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/slices/pushProvisioningSlice.d.ts

@@ -0,0 +1,8 @@
+import type { RootState } from '../store';
+export interface PushProvisioningState {
+    signedNonce: string | null;
+}
+export declare const setSignedNonce: import("@reduxjs/toolkit").ActionCreatorWithPayload<string | null, "wallet/setSignedNonce">;
+export declare const selectWallet: (state: RootState) => PushProvisioningState;
+declare const _default: import("redux").Reducer<PushProvisioningState, import("redux").AnyAction>;
+export default _default;

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

@@ -0,0 +1 @@
+export * from './store';

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,3 +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/types/shared/versioning.types.d.ts

@@ -0,0 +1,22 @@
+export declare enum UNVersioningStrategyType {
+    exact = "exact",
+    upToNextMinor = "upToNextMinor",
+    upToNextMajor = "upToNextMajor"
+}
+type UNExactWebVersioningStrategy = {
+    type: UNVersioningStrategyType.exact;
+    major: number;
+    minor: number;
+    patch: number;
+};
+type UNUpToNextMinorWebVersioningStrategy = {
+    type: UNVersioningStrategyType.upToNextMinor;
+    major: number;
+    minor: number;
+};
+type UNUpToNextMajorWebVersioningStrategy = {
+    type: UNVersioningStrategyType.upToNextMajor;
+    major: number;
+};
+export type UNWebVersioningStrategy = UNExactWebVersioningStrategy | UNUpToNextMinorWebVersioningStrategy | UNUpToNextMajorWebVersioningStrategy;
+export {};

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

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

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

@@ -0,0 +1,8 @@
+import { UNVersioningStrategyType } from '../types/shared';
+export declare const UNSDKConstants: {
+    webSDKRecommendedStrategy: {
+        type: UNVersioningStrategyType.upToNextMinor;
+        major: number;
+        minor: number;
+    };
+};

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

@@ -1,31 +1,32 @@
 import type { NativeModules } from 'react-native';
 import { UnitUiManager } from './unitUiManager/unitUiManager';
 import type { UNFonts } from '../types/shared/fonts.types';
+import type { UNWebVersioningStrategy } from '../types/shared';
 export declare enum UNEnvironment {
     sandbox = "sandbox",
     production = "production"
 }
-export declare const UNIT_SCRIPT_URL: {
-    sandbox: string;
-    production: string;
-};
 export declare class UnitSDK {
+    static ui: UnitUiManager;
     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;
-    static ui: UnitUiManager;
-    static init: (env: UNEnvironment, theme?: string, language?: string, fonts?: UNFonts) => Promise<void>;
+    static init: (env: UNEnvironment, theme?: string, language?: string, fonts?: UNFonts, webVersioningStrategy?: UNWebVersioningStrategy) => Promise<void>;
     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
+     */
     static setSignedNonce: (signedNonce: string) => void;
     static getEnv: () => UNEnvironment | undefined;
-    static getTheme: () => string | undefined;
-    static getLanguage: () => string | undefined;
+    static getWebVersioningStrategy: () => UNWebVersioningStrategy;
     static getFonts: () => UNFonts | undefined;
+    /**
+     * @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/unitSdkManager/UnitSdkManager.utils.internal.d.ts

@@ -0,0 +1,3 @@
+import type { UNWebVersioningStrategy } from '../types/shared';
+import { UNEnvironment } from './UnitSdkManager';
+export declare const getUnitScriptUrl: (env: UNEnvironment, webVersioningStrategy: UNWebVersioningStrategy) => string;

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/src/utils/webVersioningStrategy.utils.d.ts

@@ -0,0 +1,5 @@
+import { UNWebVersioningStrategy } from '../types/shared';
+export declare const getWebSdkVersionString: (webVersioningStrategy: UNWebVersioningStrategy) => string;
+export declare const getVersionArray: (webVersioningStrategy: UNWebVersioningStrategy) => (number | null)[];
+export declare const isBehindRecommendedStrategy: (currentWebVersioningStrategy: UNWebVersioningStrategy) => boolean;
+export declare const warnClientIfNeeded: (currentWebVersioningStrategy: UNWebVersioningStrategy) => void;

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.8.1",
+  "version": "1.10.0",
   "description": "Unit React Native components",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -47,8 +47,8 @@
     "@react-native-community/eslint-config": "^3.0.2",
     "@release-it/conventional-changelog": "^5.0.0",
     "@types/jest": "^28.1.2",
-    "@types/react": "~17.0.21",
-    "@types/react-native": "0.68.0",
+    "@types/react": "~18.0.0",
+    "@types/react-native": "0.72.2",
     "@typescript-eslint/eslint-plugin": "^5.45.0",
     "@typescript-eslint/parser": "^5.45.0",
     "commitlint": "^17.0.2",
@@ -63,11 +63,11 @@
     "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": {
-    "@types/react": "17.0.21"
+    "@types/react": "18.0.0"
   },
   "peerDependencies": {
     "react": "*",
@@ -76,9 +76,11 @@
     "react-native-webview": "*"
   },
   "dependencies": {
+    "@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": {
     "preset": "react-native",

package/src/components/UNACHCreditComponent/UNACHCreditComponent.tsx

@@ -11,8 +11,9 @@ 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';
 
 export interface UNACHCreditComponentProps {
   accountId: string;
@@ -24,9 +25,10 @@ export interface UNACHCreditComponentProps {
   withPlaid?: boolean;
   onPaymentCreated?: (data: UNACHData) => void;
   onLoad?: (response: UNOnLoadResponse<UNACHOnLoadData>) => void;
+  sameDay?: boolean;
 }
 
-export const UNACHCreditComponent = (props: UNACHCreditComponentProps) => {
+const UNACHCreditComponent = (props: UNACHCreditComponentProps) => {
   const [height, setHeight] = useState<number>(0);
   const [presentationMode, setPresentationMode] = useState<PresentationMode>(PresentationMode.Inherit);
   const [linkToken, setLinkToken] = useState<string>();
@@ -36,7 +38,7 @@ export const UNACHCreditComponent = (props: UNACHCreditComponentProps) => {
   useEffect(() => {
     const setPackageNameForAndroid = async () => {
       if (Platform.OS === 'android') {
-        const packageName = await getAndroidPackageName();
+        const packageName = await AppInfo.getAppIdentifier();
         setAppPackageName(packageName);
       }
     };
@@ -139,3 +141,5 @@ export const UNACHCreditComponent = (props: UNACHCreditComponentProps) => {
     </View>
   );
 };
+
+export default withReduxStore<UNACHCreditComponentProps>(UNACHCreditComponent);

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

@@ -11,6 +11,7 @@ export const getACHCreditParams = (props: UNACHCreditComponentProps) => {
     is-auto-focus="${props.isAutoFocus ?? false}"
     ${props.fee ? `fee="${props.fee}"` : ''}
     style="height: 100%"
+    same-day="${props.sameDay ?? false}"
   `;
 };
 

package/src/components/UNACHCreditComponent/index.ts

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

package/src/components/UNACHDebitComponent/UNACHDebitComponent.tsx

@@ -12,8 +12,9 @@ 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';
 
 export interface UNACHDebitComponentProps {
   accountId: string;
@@ -24,9 +25,10 @@ export interface UNACHDebitComponentProps {
   fee?: number;
   onPaymentCreated?: (data: UNACHData) => void;
   onLoad?: (response: UNOnLoadResponse<UNACHOnLoadData>) => void;
+  sameDay?: boolean;
 }
 
-export const UNACHDebitComponent = (props: UNACHDebitComponentProps) => {
+const UNACHDebitComponent = (props: UNACHDebitComponentProps) => {
   const [height, setHeight] = useState<number>(0);
   const [appPackageName, setAppPackageName] = useState<string>('');
   const [linkToken, setLinkToken] = useState<string>('');
@@ -36,7 +38,7 @@ export const UNACHDebitComponent = (props: UNACHDebitComponentProps) => {
   useEffect(() => {
     const setPackageNameForAndroid = async () => {
       if (Platform.OS === 'android') {
-        const packageName = await getAndroidPackageName();
+        const packageName = await AppInfo.getAppIdentifier();
         setAppPackageName(packageName);
       }
     };
@@ -140,3 +142,5 @@ export const UNACHDebitComponent = (props: UNACHDebitComponentProps) => {
 
   );
 };
+
+export default withReduxStore<UNACHDebitComponentProps>(UNACHDebitComponent);

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

@@ -11,6 +11,7 @@ export const getACHDebitParams = (props: UNACHDebitComponentProps) => {
     is-auto-focus="${props.isAutoFocus ?? false}"
     ${props.fee ? `fee="${props.fee}"` : ''}
     style="height: 100%"
+    same-day="${props.sameDay ?? false}"
   `;
 };
 

package/src/components/UNACHDebitComponent/index.ts

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