react-native-unit-components 3.1.2-beta.2 → 3.1.2-beta.3

package/lib/typescript/src/components/UNWhiteLabelAppComponent/UNWhiteLabelAppComponent.utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UNWhiteLabelAppComponent.utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/UNWhiteLabelAppComponent/UNWhiteLabelAppComponent.utils.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,mBAAmB,EAAE,MAAM,mDAAmD,CAAC;AACxF,OAAO,EAAE,6BAA6B,EAAE,MAAM,4BAA4B,CAAC;AAG3E,eAAO,MAAM,sBAAsB,UAAW,6BAA6B,WAe1E,CAAC;AAEF,eAAO,MAAM,0BAA0B,eAAgB,OAAO,GAAG,IAAI,uBAAuB,mBAAmB,GAAG,IAAI,SAIrH,CAAC;AAEF,eAAO,MAAM,sBAAsB,cAMlC,CAAC"}
+{"version":3,"file":"UNWhiteLabelAppComponent.utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/UNWhiteLabelAppComponent/UNWhiteLabelAppComponent.utils.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,mBAAmB,EAAE,MAAM,mDAAmD,CAAC;AACxF,OAAO,EAAE,6BAA6B,EAAE,MAAM,4BAA4B,CAAC;AAG3E,eAAO,MAAM,sBAAsB,UAAW,6BAA6B,WAe1E,CAAC;AAEF,eAAO,MAAM,0BAA0B,eAAgB,OAAO,GAAG,IAAI,uBAAuB,mBAAmB,GAAG,IAAI,SAIrH,CAAC;AAEF,eAAO,MAAM,2DAA2D,eAAgB,OAAO,GAAG,IAAI,SAErG,CAAC;AAEF,eAAO,MAAM,sBAAsB,cAUlC,CAAC"}

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

@@ -1,6 +1,8 @@
 import type { UNAccount } from '../../types/shared';
 export declare enum AccountMessage {
-    UNIT_ACCOUNT_CHANGED = "unitAccountChanged"
+    UNIT_ACCOUNT_CHANGED = "unitAccountChanged",
+    UNIT_ACCOUNT_CREATED = "unitAccountCreated",
+    UNIT_ACCOUNT_CREATION_ACTIONS_OPEN_PLAID_FOR_LINK_EXTERNAL_ACCOUNT = "unitAccountCreationActionsOpenPlaidForLinkExternalAccount"
 }
 export interface AccountChangedEvent {
     account: UNAccount;

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

@@ -1 +1 @@
-{"version":3,"file":"accountMessage.d.ts","sourceRoot":"","sources":["../../../../../src/messages/webMessages/accountMessage.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAEpD,oBAAY,cAAc;IACxB,oBAAoB,uBAAuB;CAC5C;AAED,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,SAAS,CAAC;CACpB;AAED,MAAM,MAAM,YAAY,GACpB,mBAAmB,CAAA"}
+{"version":3,"file":"accountMessage.d.ts","sourceRoot":"","sources":["../../../../../src/messages/webMessages/accountMessage.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAEpD,oBAAY,cAAc;IACxB,oBAAoB,uBAAuB;IAC3C,oBAAoB,uBAAuB;IAC3C,kEAAkE,8DAA8D;CACjI;AAED,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,SAAS,CAAC;CACpB;AAED,MAAM,MAAM,YAAY,GAAG,mBAAmB,CAAC"}

package/lib/typescript/src/scripts/html/bodyScript.d.ts

@@ -18,6 +18,7 @@ export declare const LISTENERS: {
     unitPaymentFinalStageDoneButtonClicked: string;
     unitPlaidTokenCreated: string;
     unitAccountChanged: string;
+    unitAccountCreated: string;
     unitActivityFiltersChanged: string;
     unitMultipleCardsFiltersChanged: string;
     unitMultiFactorAuthFinished: string;
@@ -29,9 +30,11 @@ export declare const LISTENERS: {
     unitMicroDepositConnectionCreated: string;
     unitMicroDepositConnectionRejected: string;
     unitOpenPlaid: string;
+    unitAccountCreationActionsOpenPlaidForLinkExternalAccount: string;
 };
 export declare const DISPATCH_RENDERING_EVENT: string;
 export declare const DISPATCH_EVENT_TO_CONTINUE: string;
+export declare const DISPATCH_ACCOUNT_CREATION_ACTIONS_OPEN_PLAID_FOR_LINK_EXTERNAL_ACCOUNT: string;
 export declare const DISPATCH_CARD_STATUS_CHANGED: string;
 export declare const DISPATCH_REQUEST_REFRESH: string;
 export declare const SET_ITEM_IN_WINDOW_UNIT_STORE = "\n    const setItemInWindowUnitStore = (key, value) => {\n      window.UnitStore[key] = value;\n    }\n";
@@ -46,5 +49,6 @@ export declare const DISPATCH_REQUEST_CARD_ACTION = "\n    const dispatchRequest
 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";
+export declare const DISPATCH_ACCOUNT_CREATED_EVENT: string;
 export declare const DISPATCH_COUNTERPARTY_DELETED = "\n  const dispatchCounterpartyDeletedEvent = (details) => {\n    const event = new CustomEvent(\"unitCounterpartyDeleted\",{ detail: { data: details } });\n    window.dispatchEvent(event);\n  }\n";
 //# sourceMappingURL=bodyScript.d.ts.map

package/lib/typescript/src/scripts/html/bodyScript.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bodyScript.d.ts","sourceRoot":"","sources":["../../../../../src/scripts/html/bodyScript.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,mBAAmB,6NAO/B,CAAC;AAEF,eAAO,MAAM,gBAAgB,QAO5B,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkPrB,CAAC;AAEF,eAAO,MAAM,wBAAwB,QAKpC,CAAC;AAEF,eAAO,MAAM,0BAA0B,QAKtC,CAAC;AAEF,eAAO,MAAM,4BAA4B,QAKxC,CAAC;AAEF,eAAO,MAAM,wBAAwB,QAWpC,CAAC;AAEF,eAAO,MAAM,6BAA6B,4GAIzC,CAAC;AAEF,eAAO,MAAM,sCAAsC,QAKlD,CAAC;AAEF,eAAO,MAAM,4CAA4C,QAKxD,CAAC;AAEF,eAAO,MAAM,2BAA2B,QAMvC,CAAC;AAEF,eAAO,MAAM,uBAAuB,QAKnC,CAAC;AAEF,eAAO,MAAM,mBAAmB,QAK/B,CAAC;AAEF,eAAO,MAAM,mBAAmB,QAK/B,CAAC;AAEF,eAAO,MAAM,0BAA0B,oLAItC,CAAC;AAEF,eAAO,MAAM,4BAA4B,+MAIxC,CAAC;AAEF,eAAO,MAAM,oCAAoC,gMAIhD,CAAC;AAEF,eAAO,MAAM,oCAAoC,iMAIhD,CAAC;AAEF,eAAO,MAAM,+BAA+B,wNAI3C,CAAC;AAEF,eAAO,MAAM,6BAA6B,wMAKzC,CAAC"}
+{"version":3,"file":"bodyScript.d.ts","sourceRoot":"","sources":["../../../../../src/scripts/html/bodyScript.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,mBAAmB,6NAO/B,CAAC;AAEF,eAAO,MAAM,gBAAgB,QAO5B,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8PrB,CAAC;AAEF,eAAO,MAAM,wBAAwB,QAKpC,CAAC;AAEF,eAAO,MAAM,0BAA0B,QAKtC,CAAC;AAEF,eAAO,MAAM,sEAAsE,QAIlF,CAAC;AAEF,eAAO,MAAM,4BAA4B,QAKxC,CAAC;AAEF,eAAO,MAAM,wBAAwB,QAWpC,CAAC;AAEF,eAAO,MAAM,6BAA6B,4GAIzC,CAAC;AAEF,eAAO,MAAM,sCAAsC,QAKlD,CAAC;AAEF,eAAO,MAAM,4CAA4C,QAKxD,CAAC;AAEF,eAAO,MAAM,2BAA2B,QAMvC,CAAC;AAEF,eAAO,MAAM,uBAAuB,QAKnC,CAAC;AAEF,eAAO,MAAM,mBAAmB,QAK/B,CAAC;AAEF,eAAO,MAAM,mBAAmB,QAK/B,CAAC;AAEF,eAAO,MAAM,0BAA0B,oLAItC,CAAC;AAEF,eAAO,MAAM,4BAA4B,+MAIxC,CAAC;AAEF,eAAO,MAAM,oCAAoC,gMAIhD,CAAC;AAEF,eAAO,MAAM,oCAAoC,iMAIhD,CAAC;AAEF,eAAO,MAAM,+BAA+B,wNAI3C,CAAC;AAEF,eAAO,MAAM,8BAA8B,QAI1C,CAAC;AAEF,eAAO,MAAM,6BAA6B,wMAKzC,CAAC"}

package/lib/typescript/src/unitComponentsSdkManager/UnitComponentsSdkManager.utils.internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UnitComponentsSdkManager.utils.internal.d.ts","sourceRoot":"","sources":["../../../../src/unitComponentsSdkManager/UnitComponentsSdkManager.utils.internal.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iCAAiC,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAGpE,eAAO,MAAM,gBAAgB,QAAS,uBAAuB,yBAAyB,iCAAiC,WAatH,CAAC"}
+{"version":3,"file":"UnitComponentsSdkManager.utils.internal.d.ts","sourceRoot":"","sources":["../../../../src/unitComponentsSdkManager/UnitComponentsSdkManager.utils.internal.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iCAAiC,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAGpE,eAAO,MAAM,gBAAgB,QACtB,uBAAuB,yBACL,iCAAiC,WAczD,CAAC"}

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

@@ -17,6 +17,7 @@ export type EventMap = {
     [CardMessage.CARD_ACTIVATED]: UNCard;
     [CardMessage.CARD_CREATED]: CardCreatedEvent;
     [AccountMessage.UNIT_ACCOUNT_CHANGED]: UNAccount;
+    [AccountMessage.UNIT_ACCOUNT_CREATED]: Record<PropertyKey, never>;
     [ActivityMessage.UNIT_ACTIVITY_FILTERS_CHANGED]: ActivityFiltersChangedEvent;
     [MultipleCardsMessage.UNIT_MULTIPLE_CARDS_CARD_CLICKED]: UNCard;
     [MultipleCardsMessage.UNIT_MULTIPLE_CARDS_FILTERS_CHANGED]: MultipleCardsFiltersChangedEvent;
@@ -26,6 +27,7 @@ export type EventMap = {
     [UnitComponentsMessage.UNIT_MULTI_FACTOR_AUTH_FINISHED]: MultiFactorAuthenticationFinishedEvent;
     [PageMessage.PAGE_HEIGHT]: number;
     [PlaidMessage.UNIT_OPEN_PLAID]: OpenPlaidEvent;
+    [AccountMessage.UNIT_ACCOUNT_CREATION_ACTIONS_OPEN_PLAID_FOR_LINK_EXTERNAL_ACCOUNT]: Record<PropertyKey, never>;
     [PayeeManagementMessage.UNIT_COUNTERPARTY_DELETED]: UNCounterparty;
 };
 export type SharedEvent = {

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"WebComponent.d.ts","sourceRoot":"","sources":["../../../../src/webComponent/WebComponent.tsx"],"names":[],"mappings":"AACA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAGhF,OAAO,EAAE,OAAO,EAAuB,MAAM,sBAAsB,CAAC;AAapE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAG9D,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAU1F,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,gBAAgB,CAAC;IACvB,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC;IAC9C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,YAAY,uFAqLvB,CAAC"}
+{"version":3,"file":"WebComponent.d.ts","sourceRoot":"","sources":["../../../../src/webComponent/WebComponent.tsx"],"names":[],"mappings":"AACA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAGhF,OAAO,EAAE,OAAO,EAAuB,MAAM,sBAAsB,CAAC;AAapE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAG9D,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAU1F,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,gBAAgB,CAAC;IACvB,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC;IAC9C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,YAAY,uFAyLvB,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":"AAmBA,eAAO,MAAM,gBAAgB;;;;;;CAM5B,CAAC;AAEF,QAAA,MAAM,QAAQ,QAiGb,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"html.d.ts","sourceRoot":"","sources":["../../../../src/webComponent/html.ts"],"names":[],"mappings":"AAoBA,eAAO,MAAM,gBAAgB;;;;;;CAM5B,CAAC;AAEF,QAAA,MAAM,QAAQ,QAqGb,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/package.json

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

package/src/components/UNACHCreditComponent/UNACHCreditComponent.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useEffect, useRef } from 'react';
+import React, { useState, useRef } from 'react';
 import { WebComponent } from '../../webComponent/WebComponent';
 import type { WebViewMessage } from '../../messages/webMessages';
 import type { 
@@ -12,7 +12,6 @@ import type {
   UNAccount
 } from '../../types/shared';
 import { HeightEvent, PageMessage } from '../../messages/webMessages/pageMessage';
-import { Platform } from 'react-native';
 import { getACHCreditParams, getACHCreditScript, injectRequestCounterpartyDeletedScript, injectUnitPlaidResponse } from './UNACHCreditComponent.utils';
 import { PaymentMessage } from '../../messages/webMessages/paymentsMessage';
 import type { ACHEvent } from '../../messages/webMessages/achCreditMessage';
@@ -26,7 +25,6 @@ import {
 } from '../../messages/webMessages/unitComponentsMessages';
 import { LinkExit, LinkSuccess, open as openPlaidLink, create as createPlaidLink } from 'react-native-plaid-link-sdk';
 import type WebView from 'react-native-webview';
-import AppInfo from '../../utils/AppInfo';
 import { PresentationMode, WebComponentType } from '../../types/internal/webComponent.types';
 import { withReduxStore } from '../../helpers/store/helpers';
 import { PlaidMessage } from '../../messages/webMessages/plaidMessages';
@@ -61,19 +59,8 @@ export interface UNACHCreditComponentProps {
 const UNACHCreditComponent = (props: UNACHCreditComponentProps) => {
   const [height, setHeight] = useState<number>(0);
   const [presentationMode, setPresentationMode] = useState<PresentationMode>(PresentationMode.Inherit);
-  const [appPackageName, setAppPackageName] = useState<string>();
   const webRef = useRef<WebView>(null);
 
-  useEffect(() => {
-    const setPackageNameForAndroid = async () => {
-      if (Platform.OS === 'android') {
-        const packageName = await AppInfo.getAppIdentifier();
-        setAppPackageName(packageName);
-      }
-    };
-    setPackageNameForAndroid();
-  }, []);
-
   const handleCounterpartyDeleted = (data: UNCounterparty) => {
     injectRequestCounterpartyDeletedScript(webRef.current, data);
   };
@@ -197,7 +184,7 @@ const UNACHCreditComponent = (props: UNACHCreditComponentProps) => {
         type={WebComponentType.achCreditPayment}
         presentationMode={presentationMode}
         params={getACHCreditParams(props)}
-        script={getACHCreditScript(appPackageName)}
+        script={getACHCreditScript()}
         onMessage={(message: WebViewMessage) => handleWebViewMessage(message)}
         isScrollable={true}
         theme={props.theme}

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

@@ -24,10 +24,9 @@ export const getACHCreditParams = (props: UNACHCreditComponentProps) => {
   `;
 };
 
-export const getACHCreditScript = (appPackageName?: string) => {
+export const getACHCreditScript = () => {
   return `
     ${LISTENERS.unitPlaidTokenCreated}
-    ${appPackageName && `window.UnitMobileSDKConfig.androidPackageName='${appPackageName}'`}
     ${LISTENERS.unitPaymentCreated}
     ${LISTENERS.unitPaymentInitialStageBackButtonClicked}
     ${LISTENERS.unitPaymentFinalStageDoneButtonClicked}

package/src/components/UNACHDebitComponent/UNACHDebitComponent.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useRef, useState } from 'react';
+import React, { useRef, useState } from 'react';
 import { WebComponent } from '../../webComponent/WebComponent';
 import type { WebViewMessage } from '../../messages/webMessages';
 import type {
@@ -12,7 +12,6 @@ import type {
   UNAccount
 } from '../../types/shared';
 import { HeightEvent, PageMessage } from '../../messages/webMessages/pageMessage';
-import { Platform } from 'react-native';
 import {
   PlaidLinkTokenData,
   PlaidTokenCreatedEvent,
@@ -26,7 +25,6 @@ import type WebView from 'react-native-webview';
 import { PaymentMessage } from '../../messages/webMessages/paymentsMessage';
 import type { ACHEvent } from '../../messages/webMessages/achCreditMessage';
 import { ACHOnLoadResponse, RESPONSE_KEYS, UnitOnLoadResponseEvent } from '../../messages/webMessages/onLoadMessage';
-import AppInfo from '../../utils/AppInfo';
 import { PresentationMode, WebComponentType } from '../../types/internal/webComponent.types';
 import { withReduxStore } from '../../helpers/store/helpers';
 import { PlaidMessage } from '../../messages/webMessages/plaidMessages';
@@ -58,20 +56,9 @@ export interface UNACHDebitComponentProps {
 
 const UNACHDebitComponent = (props: UNACHDebitComponentProps) => {
   const [height, setHeight] = useState<number>(0);
-  const [appPackageName, setAppPackageName] = useState<string>('');
   const webRef = useRef<WebView>(null);
   const [presentationMode, setPresentationMode] = useState<PresentationMode>(PresentationMode.Inherit);
 
-  useEffect(() => {
-    const setPackageNameForAndroid = async () => {
-      if (Platform.OS === 'android') {
-        const packageName = await AppInfo.getAppIdentifier();
-        setAppPackageName(packageName);
-      }
-    };
-    setPackageNameForAndroid();
-  }, []);
-
   const handleCounterpartyDeleted = (data: UNCounterparty) => {
     injectRequestCounterpartyDeletedScript(webRef.current, data);
   };
@@ -195,7 +182,7 @@ const UNACHDebitComponent = (props: UNACHDebitComponentProps) => {
         type={WebComponentType.achDebitPayment}
         presentationMode={presentationMode}
         params={getACHDebitParams(props)}
-        script={getACHDebitScript(appPackageName)}
+        script={getACHDebitScript()}
         onMessage={(message: WebViewMessage) => handleWebViewMessage(message)}
         isScrollable={true}
         theme={props.theme}

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

@@ -23,10 +23,9 @@ export const getACHDebitParams = (props: UNACHDebitComponentProps) => {
   `;
 };
 
-export const getACHDebitScript = (androidPackageName?: string) => {
+export const getACHDebitScript = () => {
   return `
     ${LISTENERS.unitPlaidTokenCreated}
-    ${androidPackageName && `window.UnitMobileSDKConfig.androidPackageName='${androidPackageName}'`}
     ${LISTENERS.unitPaymentCreated}
     ${LISTENERS.unitPaymentInitialStageBackButtonClicked}
     ${LISTENERS.unitPaymentFinalStageDoneButtonClicked}

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

@@ -19,7 +19,10 @@ import { WebComponentType } from '../../types/internal/webComponent.types';
 import { parseUNAccountFilters, parseUNCreateCardTypes } from '../../types/shared';
 
 export const getBottomSheetScript = () => {
-  return LISTENERS.requestRefresh;
+  return `
+    ${LISTENERS.requestRefresh}
+    ${LISTENERS.unitAccountCreationActionsOpenPlaidForLinkExternalAccount}
+  `;
 };
 
 export const renderingBottomSheetRequest = (currentWebView: WebView, renderingRequest: RequestRenderingEvent) => {

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

@@ -96,7 +96,7 @@ const UNBottomSheetSlotComponent = (props: UNBottomSheetSlotComponentProps) => {
     scrollStateForSlot();
   // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [props.componentName, props.requestRenderingEvent.data.nativePlace]);
-  
+
   const _onWebMessage = (message: WebViewMessage) => {
     switch (message.type) {
       case PageMessage.PAGE_LOADED:
@@ -122,7 +122,7 @@ const UNBottomSheetSlotComponent = (props: UNBottomSheetSlotComponentProps) => {
             break;
           }
           case BottomSheetNativePlaceType.menu: case BottomSheetNativePlaceType.contentHeight: {
-            const adjustedHeight = props.requestRenderingEvent.data.isPaddingIncluded 
+            const adjustedHeight = props.requestRenderingEvent.data.isPaddingIncluded
               ? height + effectiveBottomInset
               : height + VERTICAL_PADDING + effectiveBottomInset;
             const maxHeight = props.requestRenderingEvent.data.isPaddingIncluded
@@ -154,12 +154,17 @@ const UNBottomSheetSlotComponent = (props: UNBottomSheetSlotComponentProps) => {
         );
         break;
 
-      case PlaidMessage.UNIT_OPEN_PLAID:
+      case PlaidMessage.UNIT_OPEN_PLAID: {
+        const openPlaidDetails = message.details as OpenPlaidEvent;
         eventBus.emit(
           PlaidMessage.UNIT_OPEN_PLAID,
-          message.details as OpenPlaidEvent
+          openPlaidDetails
         );
         break;
+      }
+      case AccountMessage.UNIT_ACCOUNT_CREATION_ACTIONS_OPEN_PLAID_FOR_LINK_EXTERNAL_ACCOUNT:
+        eventBus.emit(AccountMessage.UNIT_ACCOUNT_CREATION_ACTIONS_OPEN_PLAID_FOR_LINK_EXTERNAL_ACCOUNT, {});
+        break;
 
       case CardMessage.CARD_STATUS_CHANGED:
         eventBus.emit(
@@ -173,6 +178,9 @@ const UNBottomSheetSlotComponent = (props: UNBottomSheetSlotComponentProps) => {
           (message.details as AccountChangedEvent).account
         );
         break;
+      case AccountMessage.UNIT_ACCOUNT_CREATED:
+        eventBus.emit(AccountMessage.UNIT_ACCOUNT_CREATED, {});
+        break;
       case ActivityMessage.UNIT_ACTIVITY_FILTERS_CHANGED:
         eventBus.emit(
           ActivityMessage.UNIT_ACTIVITY_FILTERS_CHANGED,
@@ -211,7 +219,7 @@ const UNBottomSheetSlotComponent = (props: UNBottomSheetSlotComponentProps) => {
       dispatch(setShouldEnableBottomSheetScroll(false));
     }
   };
-  
+
   // If isPaddingIncluded is true, we don't need to add padding to the web component
   const paddingStyle = !props.requestRenderingEvent.data.isPaddingIncluded ? {
     paddingTop: TOP_PADDING,

package/src/components/UNWhiteLabelAppComponent/UNWhiteLabelAppComponent.tsx

@@ -16,6 +16,7 @@ import WebView from 'react-native-webview';
 import {
   getWhiteLabelAppParams,
   getWhiteLabelAppScript,
+  injectAccountCreationActionsOpenPlaidForLinkExternalAccount,
   injectRefreshEventIfNeeded,
 } from './UNWhiteLabelAppComponent.utils';
 import { UserDataKeys } from '../../types/internal/unitStore.types';
@@ -25,6 +26,10 @@ import { ActivityMessage } from '../../messages/webMessages/activityMessage';
 import { setItemInWindowUnitStore } from '../../utils/windowUnitStore';
 import { UNBaseView } from '../../nativeComponents/UNBaseView';
 import { UnitComponentsSDK } from '../../unitComponentsSdkManager/UnitComponentsSdkManager';
+import { AccountMessage } from '../../messages/webMessages/accountMessage';
+import { OpenPlaidEvent, PlaidMessage } from '../../messages/webMessages/plaidMessages';
+import { injectUnitPlaidExit, injectUnitPlaidResponse } from '../UNPayeeManagementComponent/UNPayeeManagementComponent.utils';
+import { LinkExit, LinkSuccess, open as openPlaidLink, create as createPlaidLink } from 'react-native-plaid-link-sdk';
 
 export interface UNWhiteLabelAppComponentProps {
   // inputs
@@ -66,9 +71,12 @@ const UNWhiteLabelAppComponent = (props: UNWhiteLabelAppComponentProps) => {
         }
         break;
       }
-
       case PageMessage.PAGE_LOADED:
         updateWindowUnitStore();
+        break;
+      case PlaidMessage.UNIT_OPEN_PLAID:
+        openPlaid(message.details as OpenPlaidEvent);
+        break;
     }
   };
 
@@ -94,11 +102,38 @@ const UNWhiteLabelAppComponent = (props: UNWhiteLabelAppComponentProps) => {
     webRef.current?.injectJavaScript(`dispatchActivityFilterChangedEvent('${query}')`);
   };
 
+  const openPlaid = (openPlaidData: OpenPlaidEvent) => {
+    const linkToken = openPlaidData.plaidLinkToken.attributes.linkToken;
+    createPlaidLink({ token: linkToken });
+
+    openPlaidLink({
+      onSuccess: (success: LinkSuccess) => {
+        injectUnitPlaidResponse(webRef.current, success);
+      },
+      onExit: (exit: LinkExit) => {
+        injectUnitPlaidExit(webRef.current, exit.error);
+      }
+    });
+  };
+
   useEventListener({ busEventKey: UnitComponentsMessage.UNIT_REQUEST_REFRESH, action: requestRefresh });
   useEventListener({
     busEventKey: ActivityMessage.UNIT_ACTIVITY_FILTERS_CHANGED,
     action: dispatchActivityFiltersChanged,
   });
+  useEventListener({
+    busEventKey: PlaidMessage.UNIT_OPEN_PLAID,
+    action: (details) => {
+      openPlaid(details);
+    },
+  });
+  useEventListener({
+    busEventKey: AccountMessage.UNIT_ACCOUNT_CREATION_ACTIONS_OPEN_PLAID_FOR_LINK_EXTERNAL_ACCOUNT,
+    action: () => injectAccountCreationActionsOpenPlaidForLinkExternalAccount(webRef.current),
+  });
+  useEventListener({ busEventKey: AccountMessage.UNIT_ACCOUNT_CREATED, action: () => {
+    webRef.current?.injectJavaScript('dispatchAccountCreatedEvent()');
+  } });
 
   const renderWebView = () => {
     return (

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

@@ -1,7 +1,7 @@
 import WebView from 'react-native-webview';
 import { RequestRefreshEvent } from '../../messages/webMessages/unitComponentsMessages';
 import { UNWhiteLabelAppComponentProps } from './UNWhiteLabelAppComponent';
-import { DISPATCH_REQUEST_REFRESH, LISTENERS } from '../../scripts/html/bodyScript';
+import { DISPATCH_ACCOUNT_CREATION_ACTIONS_OPEN_PLAID_FOR_LINK_EXTERNAL_ACCOUNT, DISPATCH_OPEN_PLAID, DISPATCH_PLAID_EXIT, DISPATCH_PLAID_RESPONSE, DISPATCH_REQUEST_REFRESH, LISTENERS } from '../../scripts/html/bodyScript';
 
 export const getWhiteLabelAppParams = (props: UNWhiteLabelAppComponentProps) => {
   // customer token is the preferred way to authenticate
@@ -26,10 +26,18 @@ export const injectRefreshEventIfNeeded = (currentWeb: WebView | null, requestRe
   }
 };
 
+export const injectAccountCreationActionsOpenPlaidForLinkExternalAccount = (currentWeb: WebView | null) => {
+  currentWeb?.injectJavaScript('dispatchAccountCreationActionsOpenPlaidForLinkExternalAccount()');
+};
+
 export const getWhiteLabelAppScript = () => {
   return `
     ${DISPATCH_REQUEST_REFRESH}
-
+    ${DISPATCH_OPEN_PLAID}
+    ${DISPATCH_PLAID_RESPONSE}
+    ${DISPATCH_PLAID_EXIT}
+    ${DISPATCH_ACCOUNT_CREATION_ACTIONS_OPEN_PLAID_FOR_LINK_EXTERNAL_ACCOUNT}
     ${LISTENERS.unitWhiteLabelAppOnLoad}
+    ${LISTENERS.unitCounterpartyCreated}
   `;
 };

package/src/messages/webMessages/accountMessage.ts

@@ -1,12 +1,13 @@
 import type { UNAccount } from '../../types/shared';
 
 export enum AccountMessage {
-  UNIT_ACCOUNT_CHANGED = 'unitAccountChanged'
+  UNIT_ACCOUNT_CHANGED = 'unitAccountChanged',
+  UNIT_ACCOUNT_CREATED = 'unitAccountCreated',
+  UNIT_ACCOUNT_CREATION_ACTIONS_OPEN_PLAID_FOR_LINK_EXTERNAL_ACCOUNT = 'unitAccountCreationActionsOpenPlaidForLinkExternalAccount',
 }
 
 export interface AccountChangedEvent {
   account: UNAccount;
 }
 
-export type AccountEvent =
-  | AccountChangedEvent
+export type AccountEvent = AccountChangedEvent;

package/src/scripts/html/bodyScript.ts

@@ -157,6 +157,12 @@ export const LISTENERS = {
       })
   });
   `,
+  unitAccountCreated: `
+    window.addEventListener("${AccountMessage.UNIT_ACCOUNT_CREATED}", (e) => {
+      if (e.detail?.fromSDK) { return }
+      postMessageToSDK({ type: "${AccountMessage.UNIT_ACCOUNT_CREATED}" })
+    });
+  `,
   unitActivityFiltersChanged: `
     window.addEventListener("${ActivityMessage.UNIT_ACTIVITY_FILTERS_CHANGED}", (e) => {
       postMessageToSDK({ type: "${ActivityMessage.UNIT_ACTIVITY_FILTERS_CHANGED}", details: e.detail })
@@ -262,13 +268,19 @@ export const LISTENERS = {
 
   unitOpenPlaid: `
     window.addEventListener("${PlaidMessage.UNIT_OPEN_PLAID}", async (e) => {
-      const response = event.detail;
+      const response = e.detail;
       response.then((data) => {
         postMessageToSDK({ type: "${PlaidMessage.UNIT_OPEN_PLAID}", details: data.data })
       }).catch((e) => {
         console.log(e)
       })
     });
+  `,
+  unitAccountCreationActionsOpenPlaidForLinkExternalAccount: `
+    window.addEventListener("${AccountMessage.UNIT_ACCOUNT_CREATION_ACTIONS_OPEN_PLAID_FOR_LINK_EXTERNAL_ACCOUNT}", (e) => {
+      if (e.detail?.fromSDK) { return }
+      postMessageToSDK({ type: "${AccountMessage.UNIT_ACCOUNT_CREATION_ACTIONS_OPEN_PLAID_FOR_LINK_EXTERNAL_ACCOUNT}" })
+    });
   `
 };
 
@@ -286,6 +298,12 @@ export const DISPATCH_EVENT_TO_CONTINUE = `
   }
 `;
 
+export const DISPATCH_ACCOUNT_CREATION_ACTIONS_OPEN_PLAID_FOR_LINK_EXTERNAL_ACCOUNT = `
+  const dispatchAccountCreationActionsOpenPlaidForLinkExternalAccount = () => {
+    window.dispatchEvent(new CustomEvent("${AccountMessage.UNIT_ACCOUNT_CREATION_ACTIONS_OPEN_PLAID_FOR_LINK_EXTERNAL_ACCOUNT}", { detail: { fromSDK: true } }))
+  }
+`;
+
 export const DISPATCH_CARD_STATUS_CHANGED = `
   const dispatchCardStatusChanged = (details) => {
     const event = new CustomEvent("${CardMessage.CARD_STATUS_CHANGED}",{ detail: JSON.parse(details) })
@@ -385,9 +403,15 @@ export const DISPATCH_REQUEST_ACCOUNT_ACTION = `
     }
 `;
 
+export const DISPATCH_ACCOUNT_CREATED_EVENT = `
+  const dispatchAccountCreatedEvent = () => {
+    window.dispatchEvent(new CustomEvent("${AccountMessage.UNIT_ACCOUNT_CREATED}", { detail: { fromSDK: true } }));
+  }
+`;
+
 export const DISPATCH_COUNTERPARTY_DELETED = `
   const dispatchCounterpartyDeletedEvent = (details) => {
     const event = new CustomEvent("unitCounterpartyDeleted",{ detail: { data: details } });
     window.dispatchEvent(event);
   }
-`;
+`;

package/src/unitComponentsSdkManager/UnitComponentsSdkManager.ts

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

package/src/unitComponentsSdkManager/UnitComponentsSdkManager.utils.internal.ts

@@ -2,7 +2,10 @@ import type { UNComponentsWebVersioningStrategy } from '../types/shared';
 import { UNComponentsEnvironment } from '../types/shared/env.types';
 import { getWebSdkVersionString } from '../utils/webVersioningStrategy.utils';
 
-export const getUnitScriptUrl = (env: UNComponentsEnvironment, webVersioningStrategy: UNComponentsWebVersioningStrategy) => {
+export const getUnitScriptUrl = (
+  env: UNComponentsEnvironment,
+  webVersioningStrategy: UNComponentsWebVersioningStrategy
+) => {
   const webSdkVersionString = getWebSdkVersionString(webVersioningStrategy);
 
   switch (env) {

package/src/utils/eventBus/EventBus.types.ts

@@ -19,6 +19,7 @@ export type EventMap = {
   [CardMessage.CARD_ACTIVATED]: UNCard;
   [CardMessage.CARD_CREATED]: CardCreatedEvent;
   [AccountMessage.UNIT_ACCOUNT_CHANGED]: UNAccount;
+  [AccountMessage.UNIT_ACCOUNT_CREATED]: Record<PropertyKey, never>;
   [ActivityMessage.UNIT_ACTIVITY_FILTERS_CHANGED]: ActivityFiltersChangedEvent;
   [MultipleCardsMessage.UNIT_MULTIPLE_CARDS_CARD_CLICKED]: UNCard;
   [MultipleCardsMessage.UNIT_MULTIPLE_CARDS_FILTERS_CHANGED]: MultipleCardsFiltersChangedEvent;
@@ -28,6 +29,7 @@ export type EventMap = {
   [UnitComponentsMessage.UNIT_MULTI_FACTOR_AUTH_FINISHED]: MultiFactorAuthenticationFinishedEvent;
   [PageMessage.PAGE_HEIGHT]: number;
   [PlaidMessage.UNIT_OPEN_PLAID]: OpenPlaidEvent;
+  [AccountMessage.UNIT_ACCOUNT_CREATION_ACTIONS_OPEN_PLAID_FOR_LINK_EXTERNAL_ACCOUNT]: Record<PropertyKey, never>;
   [PayeeManagementMessage.UNIT_COUNTERPARTY_DELETED]: UNCounterparty;
 };
 

package/src/webComponent/WebComponent.tsx

@@ -49,6 +49,7 @@ export const WebComponent = React.forwardRef<WebView, WebComponentProps>(functio
   const customerToken = useSelector((state: RootState) => state.configuration.customerToken);
   const [sourceHtml, setSourceHtml] = useState<string | null>(null);
   const [baseName, setBaseName] = useState<string>();
+  const [androidPackageName, setAndroidPackageName] = useState<string>();
   const [infoParams, setInfoParams] = useState<{ [key: string]: string }>({});
 
   const webRef = useRef(null);
@@ -65,6 +66,8 @@ export const WebComponent = React.forwardRef<WebView, WebComponentProps>(functio
           setBaseName(name.replace(/ /g, '-'));
         } else { // android
           setBaseName('unit');
+          const packageName = await AppInfo.getAppIdentifier();
+          setAndroidPackageName(packageName);
         }
       } catch (error: any) {
         console.error(error);
@@ -104,6 +107,7 @@ export const WebComponent = React.forwardRef<WebView, WebComponentProps>(functio
 
       const windowInfoParams = `window.UnitMobileSDKConfig['info'] = ${JSON.stringify(infoParams)};`;
       const plaidRedirectUriParam = (Platform.OS == 'ios' && UnitComponentsSDK.helpers.redirectUri) ? `window.UnitMobileSDKConfig['plaidRedirectUri'] = '${UnitComponentsSDK.helpers.redirectUri}/plaid';` : '';
+      const androidPackageNameParam = androidPackageName ? `window.UnitMobileSDKConfig.androidPackageName='${androidPackageName}';` : '';
       const unitSessionIdParam = `window.UnitSessionStore.unitSessionId = '${UnitComponentsSDK.helpers.unitSessionId}';`;
 
       const unitVerifiedCustomerToken = await UNStoreManagerHelper.getValue(UserDataKeys.unitVerifiedCustomerToken);
@@ -111,7 +115,7 @@ export const WebComponent = React.forwardRef<WebView, WebComponentProps>(functio
       const windowVerifiedCustomerToken = unitVerifiedCustomerToken ? `window.UnitStore['${UserDataKeys.unitVerifiedCustomerToken}'] = '${unitVerifiedCustomerToken}';` : '';
       const windowAppFormVerifiedToken = unitAppFormVerifiedToken ? `window.UnitStore['${UserDataKeys.unitApplicationFormVerifiedToken}'] = '${unitAppFormVerifiedToken}';` : '';
 
-      const windowParams = `${windowInfoParams} ${unitSessionIdParam} ${plaidRedirectUriParam} ${windowVerifiedCustomerToken} ${windowAppFormVerifiedToken} ${props.windowParams || ''}`;
+      const windowParams = `${windowInfoParams} ${unitSessionIdParam} ${plaidRedirectUriParam} ${androidPackageNameParam} ${windowVerifiedCustomerToken} ${windowAppFormVerifiedToken} ${props.windowParams || ''}`;
 
       let newHtml = html.replace(HTML_PLACEHOLDER.BODY, getHtmlBody(props.type.valueOf(), componentParams, props.presentationMode));
       newHtml = newHtml.replace(HTML_PLACEHOLDER.FONT_FACES, fontFaces);
@@ -122,7 +126,7 @@ export const WebComponent = React.forwardRef<WebView, WebComponentProps>(functio
 
     updateSourceHTML();
 
-  }, [props.params, unitScript, props.presentationMode, props.script, props.windowParams, globalTheme, globalLanguage, customerToken, infoParams]);
+  }, [props.params, unitScript, props.presentationMode, props.script, props.windowParams, globalTheme, globalLanguage, customerToken, infoParams, androidPackageName]);
 
   // Listen and update the live webComponents
   const handleMultiFactorAuthFinished = (data: MultiFactorAuthenticationFinishedEvent) => {

package/src/webComponent/html.ts

@@ -15,6 +15,7 @@ import {
   DISPATCH_CARD_STATUS_CHANGED,
   DISPATCH_MULTIPLE_CARDS_FILTER_CHANGED_EVENT,
   DISPATCH_CARD_CREATED_EVENT,
+  DISPATCH_ACCOUNT_CREATED_EVENT,
 } from '../scripts/html/bodyScript';
 
 export const HTML_PLACEHOLDER = {
@@ -86,6 +87,8 @@ const htmlText = `
 
       ${LISTENERS.unitAccountChanged}
 
+      ${LISTENERS.unitAccountCreated}
+
       ${LISTENERS.unitActivityFiltersChanged}
 
       ${LISTENERS.unitMultipleCardsFiltersChanged}
@@ -116,6 +119,8 @@ const htmlText = `
 
       ${DISPATCH_REQUEST_ACCOUNT_ACTION}
 
+      ${DISPATCH_ACCOUNT_CREATED_EVENT}
+
       ${SET_ITEM_IN_WINDOW_UNIT_STORE}
 
       ${HTML_PLACEHOLDER.SCRIPT_FROM_NATIVE}