react-native-unit-components 2.0.1 → 2.1.0

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

@@ -0,0 +1,166 @@
+import { UNAccountType } from './account.types';
+import { UNCustomerType } from './customer.types';
+import { UNAddress, UNBusinessContact, UNFullName, UNPhone } from './types';
+export declare enum UNCreateCardType {
+    Virtual = "virtual",
+    Physical = "physical"
+}
+export type UNCreateCardComponentResources = {
+    type: 'createCardComponentResources';
+    attributes: {
+        accounts: UNCreateCardComponentAccount[];
+        customer: UNCreateCardCustomer;
+        possibleCardholders: UNCardholder[];
+        resourceDiscovery: UNResourceDiscovery;
+        bin?: UNBin[];
+    };
+};
+export type UNCreateCardCustomer = UNCreateCardComponentIndividualCustomer | UNCreateCardComponentBusinessCustomer;
+export type UNCreateCardComponentIndividualCustomer = {
+    type: UNCustomerType.IndividualCustomer;
+    attributes: {
+        fullName: UNFullName;
+        address: UNAddress;
+        dateOfBirth: Date;
+        email: string;
+        phone: UNPhone;
+    };
+};
+export type UNCreateCardComponentBusinessCustomer = {
+    type: UNCustomerType.BusinessCustomer;
+    attributes: {
+        name: UNFullName;
+        address: UNAddress;
+        phone: UNPhone;
+        contact: UNBusinessContact;
+    };
+};
+export type UNCreateCardComponentAccount = UNCreateCardComponentDepositAccount | UNCreateCardComponentCreditAccount;
+export type UNCreateCardComponentDepositAccount = {
+    type: UNAccountType.DepositAccount;
+    id: string;
+    attributes: {
+        name: string;
+        tags: {
+            [key: string]: string;
+        };
+        routingNumber: string;
+        accountNumber: string;
+    };
+};
+export type UNCreateCardComponentCreditAccount = {
+    type: UNAccountType.CreditAccount;
+    id: string;
+    attributes: {
+        name: string;
+        tags: {
+            [key: string]: string;
+        };
+    };
+};
+export type UNCardholderAttributes = {
+    fullName: UNFullName;
+    address?: UNAddress;
+    dateOfBirth?: Date;
+    email?: string;
+    phone?: UNPhone;
+};
+export type UNCardholder = {
+    type: 'possibleCardholder';
+    attributes: UNCardholderAttributes;
+};
+export interface UNResourceDiscovery {
+    type: 'resourceDiscovery';
+    attributes: {
+        featureSettings?: UNFeatureSettings;
+        accountManifest?: UNAccountManifest[];
+        legalLinks?: UNLegalLinks;
+        brandName?: string;
+        supportComponent?: UNSupportComponent;
+    };
+    relationships: {
+        customer: {
+            data: {
+                type: 'customer';
+                id: string;
+            };
+        };
+        accounts: {
+            data: UNRelationship[];
+        };
+        cards: {
+            data: UNRelationship[];
+        };
+    };
+}
+export interface UNFeatureSettings {
+    wirePayment?: {
+        enabled: boolean;
+    };
+    achDebitPayment?: {
+        enabled: boolean;
+    };
+    quickbooks?: {
+        enabled: boolean;
+    };
+    sameDayAch?: {
+        enabled: boolean;
+    };
+    appUsers?: {
+        enabled: boolean;
+    };
+}
+export interface UNAccountManifest {
+    type: 'depositAccountManifest';
+    attributes: {
+        accountId: string;
+        bankName: string;
+        maxNumberOfPhysicalCards?: number;
+        maxNumberOfVirtualCards?: number;
+        dailyCardWithdrawalLimit: number;
+        dailyCardDepositLimit: number;
+        dailyCardPurchaseLimit: number;
+        outgoingWireFee: number;
+        outgoingAchFee: number;
+        sameDayAchFee: number;
+    };
+}
+export interface UNLegalLinks {
+    privacyPolicyUrl?: string;
+    electronicDisclosuresUrl?: string;
+    depositTermsUrl?: string;
+    clientTermsUrl?: string;
+    cardholderTermsUrl?: string;
+    cashAdvancedTermsUrl?: string;
+    debitCardDisclosureUrl?: string;
+    additionalDisclosures?: UNAdditionalDisclosure[];
+}
+export type UNAdditionalDisclosure = {
+    title: string;
+    url: string;
+};
+export type UNSupportComponent = {
+    attributes: {
+        provider?: UNSupportType;
+        widgetId?: string;
+        widgetToken?: string;
+    };
+};
+export declare enum UNSupportType {
+    Zendesk = "zendesk"
+}
+type UNRelationship = {
+    type: string;
+    id: string;
+};
+export type UNBin = {
+    attributes: {
+        bin: string;
+        institutionId: string;
+        product: string;
+    };
+    type: 'whiteLabelBinDto';
+};
+export declare function parseUNCreateCardTypes(input?: string | null): UNCreateCardType[];
+export {};
+//# sourceMappingURL=createCard.types.d.ts.map

package/lib/typescript/src/types/shared/createCard.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createCard.types.d.ts","sourceRoot":"","sources":["../../../../../src/types/shared/createCard.types.ts"],"names":[],"mappings":"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"}

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

@@ -1,7 +1,7 @@
 import { Permissible, UNAddress, UNBusinessContact, UNFullName, UNPhone } from './types';
 export type UNCustomer = UNIndividualCustomer | UNBusinessCustomer;
 export type UNBusinessCustomer = {
-    type: CustomerType.BusinessCustomer;
+    type: UNCustomerType.BusinessCustomer;
     id: string;
     attributes: {
         createdAt: Date;
@@ -40,7 +40,7 @@ export type UNBusinessCustomer = {
     };
 };
 export type UNIndividualCustomer = {
-    type: CustomerType.IndividualCustomer;
+    type: UNCustomerType.IndividualCustomer;
     id: string;
     attributes: {
         createdAt: Date;
@@ -84,7 +84,7 @@ export type UNIndividualCustomer = {
         };
     };
 };
-export declare enum CustomerType {
+export declare enum UNCustomerType {
     IndividualCustomer = "individualCustomer",
     BusinessCustomer = "businessCustomer"
 }

package/lib/typescript/src/types/shared/customer.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"customer.types.d.ts","sourceRoot":"","sources":["../../../../../src/types/shared/customer.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"customer.types.d.ts","sourceRoot":"","sources":["../../../../../src/types/shared/customer.types.ts"],"names":[],"mappings":"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"}

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

@@ -18,4 +18,5 @@ export * from './repayment.types';
 export * from './multiFactorAuthentication.types';
 export * from './env.types';
 export * from './securitySettings';
+export * from './createCard.types';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/types/shared/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/types/shared/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,cAAc,CAAC;AAC7B,cAAc,wBAAwB,CAAC;AACvC,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mCAAmC,CAAC;AAClD,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/types/shared/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,cAAc,CAAC;AAC7B,cAAc,wBAAwB,CAAC;AACvC,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mCAAmC,CAAC;AAClD,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC"}

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":"AAiBA,eAAO,MAAM,gBAAgB;;;;;;CAM5B,CAAC;AAEF,QAAA,MAAM,QAAQ,QAyFb,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"html.d.ts","sourceRoot":"","sources":["../../../../src/webComponent/html.ts"],"names":[],"mappings":"AAmBA,eAAO,MAAM,gBAAgB;;;;;;CAM5B,CAAC;AAEF,QAAA,MAAM,QAAQ,QAiGb,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/lib/typescript/tests/e2e/app-tests.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=app-tests.d.ts.map

package/lib/typescript/tests/e2e/app-tests.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-tests.d.ts","sourceRoot":"","sources":["../../../../tests/e2e/app-tests.ts"],"names":[],"mappings":""}

package/lib/typescript/tests/e2e/component-tests.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=component-tests.d.ts.map

package/lib/typescript/tests/e2e/component-tests.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-tests.d.ts","sourceRoot":"","sources":["../../../../tests/e2e/component-tests.ts"],"names":[],"mappings":""}

package/lib/typescript/tests/e2e/main.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=main.test.d.ts.map

package/lib/typescript/tests/e2e/main.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.test.d.ts","sourceRoot":"","sources":["../../../../tests/e2e/main.test.ts"],"names":[],"mappings":""}

package/lib/typescript/tests/utils.d.ts

@@ -0,0 +1,3 @@
+export declare const test: (testName: string, func: () => Promise<void>) => void;
+export declare const testElementHeight: (elementId: string, threshold: number, elementName: string) => Promise<void>;
+//# sourceMappingURL=utils.d.ts.map

package/lib/typescript/tests/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../tests/utils.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,aAAc,MAAM,QAAQ,MAAM,QAAQ,IAAI,CAAC,KAAG,IAQlE,CAAC;AAmBF,eAAO,MAAM,iBAAiB,cACjB,MAAM,aACN,MAAM,eACJ,MAAM,KAClB,QAAQ,IAAI,CA2Bd,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-unit-components",
-  "version": "2.0.1",
+  "version": "2.1.0",
   "description": "Unit React Native components",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -31,7 +31,9 @@
     "cleanNodeModules": "rm -rf node_modules",
     "bootstrap": "yarn cleanNodeModules && yarn example cleanNodeModules && yarn example && yarn && yarn example pods",
     "cleanAll": "rm -rf node_modules example/node_modules android/build example/android/build example/ios/pods",
-    "installAll": "yarn install && cd example && yarn install && cd ios && pod install"
+    "installAll": "yarn installOldArch && yarn installNewArch",
+    "installOldArch": "yarn install && cd example && yarn install && cd ios && pod install",
+    "installNewArch": "yarn install && cd exampleNewArch && yarn install && cd ios && pod install"
   },
   "keywords": [
     "react-native",
@@ -48,24 +50,26 @@
     "@babel/eslint-parser": "^7.18.2",
     "@react-native-community/eslint-config": "^3.0.2",
     "@react-native/codegen": "^0.78.0",
-    "@types/jest": "^26.0.14",
+    "@types/jest": "^29.5",
     "@types/react": "18.2.0",
     "@types/react-native": "^0.69.9",
     "@typescript-eslint/eslint-plugin": "^5.45.0",
     "@typescript-eslint/parser": "^5.45.0",
+    "detox": "20.39.0",
     "eslint": "^8.54.0",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-config-prettier": "^9.0.0",
     "eslint-plugin-prettier": "^5.0.1",
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "jest": "^29.7.0",
+    "jest": "~29.7",
     "prettier": "^2.0.5",
     "react": "18.2.0",
     "react-native": "0.69.9",
     "react-native-builder-bob": "^0.23.2",
     "react-native-tscodegen": "^0.72.0",
     "react-native-webview": "^13.6.3",
+    "ts-jest": "29.3.4",
     "typescript": "^4.5.2"
   },
   "resolutions": {
@@ -88,6 +92,7 @@
     "preset": "react-native",
     "modulePathIgnorePatterns": [
       "<rootDir>/example/node_modules",
+      "<rootDir>/exampleNewArch/node_modules",
       "<rootDir>/lib/"
     ]
   },

package/src/components/UNACHCreditComponent/UNACHCreditComponent.tsx

@@ -37,11 +37,12 @@ export interface UNACHCreditComponentProps {
   isAutoFocus?: boolean;
   fee?: number;
   withPlaid?: boolean;
+  sameDay?: boolean;
+  showSameDaySelection?: boolean;
   onPaymentCreated?: (data: UNACHPayment) => void;
   onInitialStageBackButtonClicked?: () => void;
   onFinalStageDoneButtonClicked?: () => void;
   onLoad?: (response: UNComponentsOnLoadResponse<UNACHOnLoadData>) => void;
-  sameDay?: boolean;
   plaidAccountFilters?: UNPlaidAccountFilter[];
   plaidLinkCustomizationName?: string;
   initialStageBackButton?: boolean;

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

@@ -14,6 +14,7 @@ export const getACHCreditParams = (props: UNACHCreditComponentProps) => {
     ${props.fee ? `fee="${props.fee}"` : ''}
     style="height: 100%"
     same-day="${props.sameDay ?? false}"
+    show-same-day-selection="${props.showSameDaySelection ?? false}"
     ${plaidAccountFiltersParam}
     ${plaidLinkCustomizationNameParam}
     initial-stage-back-button="${props.initialStageBackButton ?? false}"

package/src/components/UNACHDebitComponent/UNACHDebitComponent.tsx

@@ -36,11 +36,12 @@ export interface UNACHDebitComponentProps {
   language?: string;
   isAutoFocus?: boolean;
   fee?: number;
+  sameDay?: boolean;
+  showSameDaySelection?: boolean;
   onPaymentCreated?: (data: UNACHPayment) => void;
   onLoad?: (response: UNComponentsOnLoadResponse<UNACHOnLoadData>) => void;
   onInitialStageBackButtonClicked?: () => void;
   onFinalStageDoneButtonClicked?: () => void;
-  sameDay?: boolean;
   plaidAccountFilters?: UNPlaidAccountFilter[];
   plaidLinkCustomizationName?: string;
   initialStageBackButton?: boolean;

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

@@ -14,6 +14,7 @@ export const getACHDebitParams = (props: UNACHDebitComponentProps) => {
     ${props.fee ? `fee="${props.fee}"` : ''}
     style="height: 100%"
     same-day="${props.sameDay ?? false}"
+    show-same-day-selection="${props.showSameDaySelection ?? false}"
     ${plaidAccountFiltersParam}
     ${plaidLinkCustomizationNameParam}
     initial-stage-back-button="${props.initialStageBackButton ?? false}"

package/src/components/UNAccountComponent/UNAccountComponent.tsx

@@ -23,7 +23,8 @@ import type {
   UNCreditAccount, 
   UNComponentsError, 
   UNComponentsOnLoadResponse, 
-  UNComponentsOnLoadResponseData 
+  UNComponentsOnLoadResponseData, 
+  UNAccountStatusPosition
 } from '../../types/shared';
 import { AccountMessage } from '../../messages/webMessages/accountMessage';
 import { RESPONSE_KEYS, UnitOnLoadResponseEvent } from '../../messages/webMessages/onLoadMessage';
@@ -51,6 +52,7 @@ export interface UNAccountComponentProps {
   hideActionsMenuButton?: boolean;
   hideSelectionMenuButton?: boolean;
   hideAccountStatus?: boolean;
+  accountStatusPosition?: UNAccountStatusPosition;
   hideAccountDetails?: boolean;
   hideAccountButtons?: boolean;
   hideAccountCtaBanner?: boolean;
@@ -160,7 +162,6 @@ const UNAccountComponent = React.forwardRef<UNAccountRef, UNAccountComponentProp
           type: BottomSheetRenderingType.Slot,
           data: slotData,
         } as SlotRendering;
-
         dispatch(setEvent({ key: BottomSheetNativeMessage.REQUEST_RENDERING, data }));
 
         break;

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

@@ -1,7 +1,7 @@
 import { UNAccountAction, UNAccountComponentProps } from './UNAccountComponent';
 import { RequestRefreshEvent, RequestRenderingEvent } from '../../messages/webMessages/unitComponentsMessages';
 import type WebView from 'react-native-webview';
-import type { UNAccountMenuAction } from '../../types/shared';
+import { UNAccountStatusPosition, type UNAccountMenuAction } from '../../types/shared';
 import { WebComponentType } from '../../types/internal/webComponent.types';
 import { LISTENERS } from '../../scripts/html/bodyScript';
 import { DISPATCH_REQUEST_REFRESH } from '../../scripts/html/bodyScript';
@@ -14,6 +14,7 @@ export const getAccountParams = (props: UNAccountComponentProps) => {
     hide-actions-menu-button="${props.hideActionsMenuButton || false}"
     hide-selection-menu-button="${props.hideSelectionMenuButton || false}"
     hide-account-status="${props.hideAccountStatus || false}"
+    account-status-position="${props.accountStatusPosition || UNAccountStatusPosition.End}"
     hide-account-details="${props.hideAccountDetails || false}"
     hide-account-buttons="${props.hideAccountButtons || false}"
     hide-account-cta-banner="${props.hideAccountCtaBanner || false}"

package/src/components/UNActivityComponent/UNActivityComponent.tsx

@@ -19,7 +19,7 @@ import { WebComponent } from '../../webComponent/WebComponent';
 import {
   getActivityParams,
   getActivityScript,
-  injectFiltersChanged,
+  injectActivityFiltersChanged,
   injectRefreshEventIfNeeded,
 } from './UNActivityComponent.utils';
 import type WebView from 'react-native-webview';
@@ -81,7 +81,7 @@ const UNActivityComponent = React.forwardRef<UNActivityRef, UNActivityComponentP
   }));
 
   const dispatchActivityFiltersChanged = (query: string) => {
-    injectFiltersChanged(webRef.current, query);
+    injectActivityFiltersChanged(webRef.current, query);
   };
 
   useListenerToEvent({ busEventKey: UnitComponentsMessage.UNIT_REQUEST_REFRESH, action: requestRefresh });

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

@@ -31,6 +31,6 @@ export const injectRefreshEventIfNeeded = (currentWeb: WebView | null, requestRe
   }
 };
 
-export const injectFiltersChanged = (currentWeb: WebView | null, query: string) => {
+export const injectActivityFiltersChanged = (currentWeb: WebView | null, query: string) => {
   currentWeb?.injectJavaScript(`dispatchActivityFilterChangedEvent('${query}')`);
 };

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

@@ -9,12 +9,13 @@ import {
   BottomSheetNativeBookPaymentComponentType,
   BottomSheetNativeCheckDepositComponentType,
   BottomSheetNativeComponentType,
+  BottomSheetNativeCreateCardComponentType,
   BottomSheetNativePlaceType,
   BottomSheetNativeWirePaymentComponentType,
   BottomSheetSlotData,
 } from '../../types/internal/bottomSheet.types';
 import { WebComponentType } from '../../types/internal/webComponent.types';
-import { parseUNAccountFilters } from '../../types/shared';
+import { parseUNAccountFilters, parseUNCreateCardTypes } from '../../types/shared';
 
 export const getBottomSheetScript = () => {
   return LISTENERS.requestRefresh;
@@ -67,6 +68,8 @@ const extractValueFromRequestRenderingEvent = (event: RequestRenderingEvent, key
 
 const getAddToWalletComponentDataFromEvent = (event: BottomSheetSlotData, customerToken: string): BottomSheetNativeAddToWalletComponentType | null => {
   const cardId = event.componentResourceId ?? extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'card-id');
+  const theme = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'theme');
+  const language = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'language');
   if (!cardId) {
     console.error('componentResourceId is missing in getAddToWalletComponentDataFromEvent and no cardId in requestRenderingEvent');
     return null;
@@ -76,12 +79,16 @@ const getAddToWalletComponentDataFromEvent = (event: BottomSheetSlotData, custom
     props: {
       cardId: cardId,
       customerToken: customerToken,
+      theme: theme,
+      language: language
     },
   };
 };
 
 const getACHCreditComponentDataFromEvent = (event: BottomSheetSlotData): BottomSheetNativeACHCreditComponentType | null => {
   const accountId = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'account-id');
+  const theme = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'theme');
+  const language = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'language');
   const fee = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'fee');
   const initialStageBackButton = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'initial-stage-back-button');
   const finalStageDoneButton = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'final-stage-done-button');
@@ -89,6 +96,7 @@ const getACHCreditComponentDataFromEvent = (event: BottomSheetSlotData): BottomS
   const plaidLinkCustomizationName = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'plaid-link-customization-name');
   const isAutoFocus = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'is-auto-focus');
   const sameDay = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'same-day');
+  const showSameDaySelection = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'show-same-day-selection');
   const plaidAccountFiltersAsString = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'plaid-account-filters');
   const plaidAccountFiltersArray = parseUNAccountFilters(plaidAccountFiltersAsString);
 
@@ -96,6 +104,8 @@ const getACHCreditComponentDataFromEvent = (event: BottomSheetSlotData): BottomS
     type: BottomSheetNativeComponentType.ACHCreditComponent,
     props: {
       accountId: accountId,
+      theme: theme,
+      language: language,
       fee: fee ? parseInt(fee) : undefined,
       initialStageBackButton: initialStageBackButton ? initialStageBackButton === 'true' : undefined,
       finalStageDoneButton: finalStageDoneButton ? finalStageDoneButton === 'true' : undefined,
@@ -104,18 +114,22 @@ const getACHCreditComponentDataFromEvent = (event: BottomSheetSlotData): BottomS
       plaidLinkCustomizationName: plaidLinkCustomizationName,
       isAutoFocus: isAutoFocus ? isAutoFocus === 'true' : undefined,
       sameDay: sameDay ? sameDay === 'true' : undefined,
+      showSameDaySelection: showSameDaySelection ? showSameDaySelection === 'true' : undefined
     },
   };
 };
 
 const getACHDebitComponentDataFromEvent = (event: BottomSheetSlotData): BottomSheetNativeACHDebitComponentType | null => {
   const accountId = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'account-id');
+  const theme = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'theme');
+  const language = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'language');
   const fee = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'fee');
   const initialStageBackButton = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'initial-stage-back-button');
   const finalStageDoneButton = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'final-stage-done-button');
   const plaidLinkCustomizationName = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'plaid-link-customization-name');
   const isAutoFocus = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'is-auto-focus');
   const sameDay = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'same-day');
+  const showSameDaySelection = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'show-same-day-selection');
   const plaidAccountFiltersAsString = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'plaid-account-filters');
   const plaidAccountFiltersArray = parseUNAccountFilters(plaidAccountFiltersAsString);
 
@@ -123,6 +137,8 @@ const getACHDebitComponentDataFromEvent = (event: BottomSheetSlotData): BottomSh
     type: BottomSheetNativeComponentType.ACHDebitComponent,
     props: {
       accountId: accountId,
+      theme: theme,
+      language: language,
       fee: fee ? parseInt(fee) : undefined,
       initialStageBackButton: initialStageBackButton ? initialStageBackButton === 'true' : undefined,
       finalStageDoneButton: finalStageDoneButton ? finalStageDoneButton === 'true' : undefined,
@@ -130,12 +146,15 @@ const getACHDebitComponentDataFromEvent = (event: BottomSheetSlotData): BottomSh
       plaidLinkCustomizationName: plaidLinkCustomizationName,
       isAutoFocus: isAutoFocus ? isAutoFocus === 'true' : undefined,
       sameDay: sameDay ? sameDay === 'true' : undefined,
+      showSameDaySelection: showSameDaySelection ? showSameDaySelection === 'true' : undefined
     },
   };
 };
 
 const getCheckDepositComponentDataFromEvent = (event: BottomSheetSlotData): BottomSheetNativeCheckDepositComponentType | null => {
   const accountId = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'account-id');
+  const theme = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'theme');
+  const language = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'language');
   const fee = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'fee');
   const initialStageBackButton = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'initial-stage-back-button');
   const finalStageDoneButton = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'final-stage-done-button');
@@ -147,6 +166,8 @@ const getCheckDepositComponentDataFromEvent = (event: BottomSheetSlotData): Bott
     type: BottomSheetNativeComponentType.CheckDepositComponent,
     props: {
       accountId: accountId,
+      theme: theme,
+      language: language,
       fee: fee ? parseInt(fee) : undefined,
       initialStageBackButton: initialStageBackButton ? initialStageBackButton === 'true' : undefined,
       finalStageDoneButton: finalStageDoneButton ? finalStageDoneButton === 'true' : undefined,
@@ -158,6 +179,8 @@ const getBookPaymentComponentDataFromEvent = (event: BottomSheetSlotData): Botto
   const accountId = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'account-id');
   const counterPartyAccountId = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'counterparty-account-id');
   const counterPartyName = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'counterparty-name');
+  const theme = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'theme');
+  const language = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'language');
   const isSameCustomer = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'is-same-customer');
   const isAutoFocus = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'is-auto-focus');
   const initialStageBackButton = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'initial-stage-back-button');
@@ -167,6 +190,8 @@ const getBookPaymentComponentDataFromEvent = (event: BottomSheetSlotData): Botto
     type: BottomSheetNativeComponentType.BookPaymentComponent,
     props: {
       accountId: accountId,
+      theme: theme,
+      language: language,
       counterPartyAccountId: counterPartyAccountId,
       counterPartyName: counterPartyName,
       isSameCustomer: isSameCustomer ? isSameCustomer === 'true' : undefined,
@@ -179,6 +204,8 @@ const getBookPaymentComponentDataFromEvent = (event: BottomSheetSlotData): Botto
 
 const getWirePaymentComponentDataFromEvent = (event: BottomSheetSlotData): BottomSheetNativeWirePaymentComponentType | null => {
   const accountId = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'account-id');
+  const theme = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'theme');
+  const language = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'language');
   const fee = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'fee');
   const isAutoFocus = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'is-auto-focus');
   const initialStageBackButton = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'initial-stage-back-button');
@@ -192,6 +219,8 @@ const getWirePaymentComponentDataFromEvent = (event: BottomSheetSlotData): Botto
     type: BottomSheetNativeComponentType.WirePaymentComponent,
     props: {
       accountId: accountId,
+      theme: theme,
+      language: language,
       fee: fee ? parseInt(fee) : undefined,
       isAutoFocus: isAutoFocus ? isAutoFocus === 'true' : undefined,
       initialStageBackButton: initialStageBackButton ? initialStageBackButton === 'true' : undefined,
@@ -200,6 +229,28 @@ const getWirePaymentComponentDataFromEvent = (event: BottomSheetSlotData): Botto
   };
 };
 
+const getCreateCardComponentDataFromEvent = (event: BottomSheetSlotData): BottomSheetNativeCreateCardComponentType | null => {
+  const accountId = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'account-id');
+  const theme = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'theme');
+  const language = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'language');
+  const virtualCardFee = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'virtual-card-fee');
+  const physicalCardFee = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'physical-card-fee');
+  const cardTypesAsString = extractValueFromRequestRenderingEvent(event.requestRenderingEvent, 'card-types');
+  const cardTypes = parseUNCreateCardTypes(cardTypesAsString);
+
+  return {
+    type: BottomSheetNativeComponentType.CreateCardComponent,
+    props: {
+      accountId: accountId,
+      theme: theme,
+      language: language,
+      cardTypes: cardTypes,
+      physicalCardFee: physicalCardFee ? parseInt(physicalCardFee) : undefined,
+      virtualCardFee: virtualCardFee ? parseInt(virtualCardFee) : undefined,
+    },
+  };
+};
+
 export const getNativeComponentDataFromEvent = (event: BottomSheetSlotData) => {
   let componentData = null;
   let nativePlace = BottomSheetNativePlaceType.modal;
@@ -238,6 +289,10 @@ export const getNativeComponentDataFromEvent = (event: BottomSheetSlotData) => {
       componentData = getWirePaymentComponentDataFromEvent(event);
       break;
 
+    case WebComponentType.createCard:
+      componentData = getCreateCardComponentDataFromEvent(event);
+      break;
+
     default:
       break;
   }