@adyen/kyc-components 2.18.1 → 2.19.0

package/dist/es/adyen-kyc-components.es.js

@@ -139,8 +139,13 @@ const privateCompanyTitle = "Private company";
 const privateCompanyDescription = "Owned privately. The shareholders don’t necessarily trade on public exchanges (like the stock market).";
 const publicCompanyTitle = "Public company";
 const publicCompanyDescription = "Owned by public shareholders. They’re also required to disclose financial information to the public regularly.";
+const incorporatedPartnership = "Incorporated partnership";
+const unincorporatedPartnership = "Unincorporated partnership";
 const incorporatedPartnershipTitle = "Incorporated partnership";
 const incorporatedPartnershipDescription = "An agreement between two or more people who run a business together.";
+const incorporatedPartnershipNewEntryFlowDescription = "You and your partners have limited liability for business debts.";
+const unincorporatedPartnershipDescription = "You or your partners are personally liable for business debts.";
+const unincorporatedPartnershipNewEntryFlowDescription = "You or your partners are personally liable for business debts.";
 const nonProfitOrCharitableOrgTitle = "Non-profit or charitable organization";
 const nonProfitOrCharitableOrgDescription = "An organization that has an official status as not for profit or tax exempt, sometimes called an NGO.";
 const governmentalOrganizationTitle = "Governmental organization";
@@ -1110,6 +1115,10 @@ const introductionScreenDecisionMakerDescriptionP2 = "Where to find this informa
 const introductionScreenDecisionMakerDescriptionLI1 = "Driver’s license";
 const introductionScreenDecisionMakerDescriptionLI2 = "Passport";
 const introductionScreenDecisionMakerDescriptionLI3 = "ID document";
+const introductionScreenSoleProprietorCompanyTitle = "Sole proprietorship details";
+const introductionScreenSoleProprietorCompanyDescriptionP1 = "For example, your business name and tax identification number.";
+const introductionScreenSoleProprietorCompanyDescriptionP2 = "Where to find this information";
+const introductionScreenSoleProprietorCompanyDescriptionLI1 = "Your sole proprietorship registration document";
 const introductionScreenTrustTitle = "Trust details";
 const introductionScreenTrustDescriptionP1 = "For example, your trust’s name and business number. You’ll also need to upload your trust deed.";
 const introductionScreenTrustDescriptionP2 = "Where to find this information";
@@ -1252,8 +1261,13 @@ const defaultTrans = {
   privateCompanyDescription,
   publicCompanyTitle,
   publicCompanyDescription,
+  incorporatedPartnership,
+  unincorporatedPartnership,
   incorporatedPartnershipTitle,
   incorporatedPartnershipDescription,
+  incorporatedPartnershipNewEntryFlowDescription,
+  unincorporatedPartnershipDescription,
+  unincorporatedPartnershipNewEntryFlowDescription,
   nonProfitOrCharitableOrgTitle,
   nonProfitOrCharitableOrgDescription,
   governmentalOrganizationTitle,
@@ -2240,6 +2254,10 @@ const defaultTrans = {
   introductionScreenDecisionMakerDescriptionLI1,
   introductionScreenDecisionMakerDescriptionLI2,
   introductionScreenDecisionMakerDescriptionLI3,
+  introductionScreenSoleProprietorCompanyTitle,
+  introductionScreenSoleProprietorCompanyDescriptionP1,
+  introductionScreenSoleProprietorCompanyDescriptionP2,
+  introductionScreenSoleProprietorCompanyDescriptionLI1,
   introductionScreenTrustTitle,
   introductionScreenTrustDescriptionP1,
   introductionScreenTrustDescriptionP2,
@@ -2934,7 +2952,7 @@ const createLogger = (namespace) => {
   });
   return methods;
 };
-const logger$n = createLogger("Link");
+const logger$o = createLogger("Link");
 const getIconClass = (icon, external) => {
   if (external) {
     return "adl-link__icon adyen-kyc-icon-external-link";
@@ -2946,7 +2964,7 @@ const getIconClass = (icon, external) => {
 };
 const isValidLink = (href) => {
   if (href === "#") {
-    logger$n.error('Links must include a valid href. If your href is "#", consider using a Button instead');
+    logger$o.error('Links must include a valid href. If your href is "#", consider using a Button instead');
     return false;
   }
   return true;
@@ -3240,14 +3258,14 @@ function useResetGlobalData(caller) {
     }
   }), [dispatch, caller]);
 }
-const logger$m = createLogger("useAllowedCountries");
+const logger$n = createLogger("useAllowedCountries");
 const useAllowedCountries = () => {
   const {
     getAllowedCountries: getAllowedCountries2
   } = useConfigurationApi();
   const [allowedCountries, setAllowedCountries] = useState();
   useEffect(() => {
-    getAllowedCountries2().then((response) => setAllowedCountries(response.countries)).catch(logger$m.error);
+    getAllowedCountries2().then((response) => setAllowedCountries(response.countries)).catch(logger$n.error);
   }, []);
   return allowedCountries;
 };
@@ -3586,7 +3604,7 @@ class ValidationResult {
     return this.validationResults.filter((result) => result.hasError);
   }
 }
-const logger$l = createLogger("useAsyncValidator");
+const logger$m = createLogger("useAsyncValidator");
 const useAsyncValidator = (asyncRules) => {
   const [asyncValidationResults, setAsyncValidationResults] = useState({});
   const clearAsyncValidationResults = useCallback(() => setAsyncValidationResults({}), []);
@@ -3609,7 +3627,7 @@ const useAsyncValidator = (asyncRules) => {
           hasError: !isValid
         }])
       });
-    }).catch(logger$l.error);
+    }).catch(logger$m.error);
   }, [asyncRules, clearAsyncValidationResults]);
   return {
     asyncValidationResults,
@@ -5030,7 +5048,7 @@ const Select = ({
     })]
   });
 };
-const logger$k = createLogger("CountryField");
+const logger$l = createLogger("CountryField");
 const COUNTRY_FIELD = ["country"];
 function CountryField({
   data,
@@ -5053,7 +5071,7 @@ function CountryField({
     dataset: countriesFromApi
   } = useDataset(datasetIdentifier.country);
   useEffect(() => {
-    loadFlags2().catch(logger$k.error);
+    loadFlags2().catch(logger$l.error);
   }, [loadFlags2]);
   const countries = countriesFromApi.filter((country2) => allowedCountries ? allowedCountries.includes(country2.id) : true).map((item) => ({
     ...item,
@@ -8789,7 +8807,8 @@ const EXPIRY_DATE_REQUIRED_FOR_COUNTRIES = [CountryCodes.NewZealand];
 const rules$3 = ({
   data,
   country: country2,
-  taskType
+  taskType,
+  isEmbeddedDropin
 }) => ({
   isDirectorIdNumberRequiredForCountry: () => {
     var _a, _b, _c, _d, _e;
@@ -8854,7 +8873,7 @@ const rules$3 = ({
     }
   },
   accountHolderIfCustomer: () => {
-    if (taskType === TaskTypes.INDIVIDUAL) {
+    if (taskType === TaskTypes.INDIVIDUAL && !isEmbeddedDropin) {
       return REQUIRED;
     }
   },
@@ -8886,7 +8905,7 @@ const accountHolderValidationRules = {
   }
 };
 const accountHolderFields = ["accountHolder"];
-const logger$j = createLogger("AccountHolder");
+const logger$k = createLogger("AccountHolder");
 function getAvailableAccountHolderOptions(legalEntityType, isChangeOfLegalEntityTypeAllowed, isTrustFlowEnabled, isSoleProprietorshipAllowed, isChangeToMyNameAllowed) {
   switch (legalEntityType) {
     case LegalEntityType.ORGANIZATION: {
@@ -8896,7 +8915,7 @@ function getAvailableAccountHolderOptions(legalEntityType, isChangeOfLegalEntity
       return [...isChangeToMyNameAllowed ? ["myName"] : [], ...isChangeOfLegalEntityTypeAllowed ? ["theCompanyIWorkFor"] : [], ...isTrustFlowEnabled ? ["aTrust"] : [], ...isSoleProprietorshipAllowed ? ["mySoleProprietorName"] : []];
     }
     default:
-      logger$j.error(`No available account holder options for legal entity type '${legalEntityType}'`);
+      logger$k.error(`No available account holder options for legal entity type '${legalEntityType}'`);
       return [];
   }
 }
@@ -9636,7 +9655,7 @@ function Dropzone(props) {
     })]
   });
 }
-const logger$i = createLogger("TextArea");
+const logger$j = createLogger("TextArea");
 function TextArea(props) {
   const {
     classNameModifiers,
@@ -9657,7 +9676,7 @@ function TextArea(props) {
   } = useI18nContext();
   const [value, setValue] = useState("");
   if (Object.prototype.hasOwnProperty.call(props, "onChange")) {
-    logger$i.error("Error: Form fields that rely on InputBase may not have an onChange property");
+    logger$j.error("Error: Form fields that rely on InputBase may not have an onChange property");
   }
   const handleInput = (e) => {
     var _a;
@@ -10069,7 +10088,7 @@ function FieldContainer(props) {
   }
   return renderField(fieldName);
 }
-const logger$h = createLogger("SearchAddress");
+const logger$i = createLogger("SearchAddress");
 const SearchAddress = ({
   data,
   legalEntityId,
@@ -10095,7 +10114,7 @@ const SearchAddress = ({
       const response = await handleFindAddress(selectedAddressId);
       autocompleteAddressForm(response);
     } catch (e) {
-      logger$h.error(e);
+      logger$i.error(e);
     }
   };
   const onDrilldown = async (selectedAddress) => {
@@ -10107,7 +10126,7 @@ const SearchAddress = ({
       }, legalEntityId);
       setItems((response == null ? void 0 : response.results) || []);
     } catch (e) {
-      logger$h.error(e);
+      logger$i.error(e);
     }
   };
   const onChange = (e) => {
@@ -10162,7 +10181,7 @@ const SearchAddress = ({
           setItems([]);
         }
       } catch (e) {
-        logger$h.error(e);
+        logger$i.error(e);
       }
       setLoading(false);
     }
@@ -13534,7 +13553,7 @@ const initOnfido = async ({
     language: getOnfidoLocaleConfig(i18n)
   });
 };
-const logger$g = createLogger("IdVerificationComponent");
+const logger$h = createLogger("IdVerificationComponent");
 function IdVerificationComponent({
   userDetails,
   legalEntityId,
@@ -13567,7 +13586,7 @@ function IdVerificationComponent({
         onIdVerificationError,
         onIdVerificationComplete
       });
-    })().catch(logger$g.error);
+    })().catch(logger$h.error);
     return () => {
       if (onfidoSdk.current)
         onfidoSdk.current.tearDown();
@@ -13619,7 +13638,7 @@ function IdDocumentAlreadyUpload(props) {
     })]
   });
 }
-const logger$f = createLogger("IdDocumentInstantVerificationComponent");
+const logger$g = createLogger("IdDocumentInstantVerificationComponent");
 const idVerificationSchema = ["instantIdVerificationData", "idDocumentType"];
 const documentTypeValidationRules = {
   instantIdVerificationData: {
@@ -13701,7 +13720,7 @@ function IdDocumentInstantVerificationComponent(props) {
         userDetails: props.userDetails,
         legalEntityId: props.legalEntityId,
         onIdVerificationComplete: handleIdVerificationComplete,
-        onIdVerificationError: logger$f.error
+        onIdVerificationError: logger$g.error
       }), jsxs("div", {
         className: "adyen-kyc-document-upload__manual-upload",
         children: [i18n.get("canNotCompleteInstantVerification"), " ", jsx("button", {
@@ -16393,7 +16412,7 @@ class AdyenKycSdkError extends Error {
 }
 let sdkToken;
 let fetchSdkToken;
-const logger$e = createLogger("Session");
+const logger$f = createLogger("Session");
 const setSdkToken = (token) => {
   sdkToken = token;
 };
@@ -16411,7 +16430,7 @@ const refreshSession = async () => {
     } = await fetchSdkToken();
     setSdkToken(token);
   } catch (e) {
-    logger$e.error("Failed to fetch sdk token", e);
+    logger$f.error("Failed to fetch sdk token", e);
   }
 };
 const addAnimationStartListener = (element, listener) => {
@@ -16424,7 +16443,7 @@ const removeAnimationStartListener = (element, listener) => {
   element.removeEventListener("MSAnimationStart", listener, false);
   element.removeEventListener("webkitAnimationStart", listener, false);
 };
-const logger$d = createLogger("Fetch");
+const logger$e = createLogger("Fetch");
 const getRequestObject = (options, data) => {
   const {
     headers = [],
@@ -16471,10 +16490,10 @@ const logFetchError = (message, level) => {
     case "info":
     case "warn":
     case "error":
-      logger$d[level](message);
+      logger$e[level](message);
       break;
     default:
-      logger$d.error(message);
+      logger$e.error(message);
   }
 };
 const handleFetchResponse = async (response, responseType) => {
@@ -16563,7 +16582,7 @@ const RELEVANT_MESSAGE_TYPES = ["account_verification_report_id", "error"];
 const TERMINAL_DATA_PROPS = ["accounts", "error", "reference"];
 const MOUNT_TIMEOUT = 10 * 1e3;
 const TINK_VENDOR = "Tink";
-const logger$c = createLogger("iframeWidget");
+const logger$d = createLogger("iframeWidget");
 const isObjectData = (data) => typeof data === "object" && !Array.isArray(data) && data !== null;
 const isTerminalMessageData = (data) => Object.entries(data).some(([prop]) => TERMINAL_DATA_PROPS.includes(prop));
 const parseMessageJson = (message) => {
@@ -16582,7 +16601,7 @@ const callbackErrorHandler = async (response) => {
   try {
     await response;
   } catch (ex) {
-    logger$c.error(ex);
+    logger$d.error(ex);
   }
   return {
     error: "UNKNOWN_ERROR",
@@ -16688,7 +16707,7 @@ class IFrameWidget {
             message = responseData.errorMessage;
           }
         } catch (ex) {
-          logger$c.error(ex);
+          logger$d.error(ex);
         }
         throw new AdyenKycSdkError(reason, jsonData.error);
       }
@@ -16874,7 +16893,7 @@ function BankVerificationWidget({
     ref: widgetContainerRef
   });
 }
-const logger$b = createLogger("BankVerification");
+const logger$c = createLogger("BankVerification");
 const accountVerificationFields = ["verifiedAccountHolder", "verifiedBankCountry", "verifiedBankName", "verifiedCurrencyCode", "verifiedBankAccountNumber"];
 const InstantVerificationErrorContext = createContext(null);
 const useInstantVerificationErrorNotification = (notificationVisibilityDuration) => {
@@ -16908,7 +16927,7 @@ const usePreferredVendorForCountry = (country2, getBankVerificationVendors) => {
       const preferredVendor2 = vendors[0];
       setPreferredVendor(preferredVendor2.name ? preferredVendor2 : null);
     };
-    getPreferredVendor().catch(logger$b.error);
+    getPreferredVendor().catch(logger$c.error);
   }, [country2, getBankVerificationVendors]);
   return preferredVendor;
 };
@@ -20131,7 +20150,7 @@ const defaultPayoutAccountFormat = {
   [CountryCodes.Sweden]: "local",
   [CountryCodes.UnitedKingdom]: "local"
 };
-const logger$a = createLogger("useScenarioConfiguration");
+const logger$b = createLogger("useScenarioConfiguration");
 const useScenarioConfiguration = ({
   getConfigurationData,
   getPayoutAccountFormatData,
@@ -20153,12 +20172,12 @@ const useScenarioConfiguration = ({
         const response = await getConfigurationData();
         setConfigurationResponse(response);
       } catch (err) {
-        logger$a.warn("WARNING: Configuration request failed - error:", err);
+        logger$b.warn("WARNING: Configuration request failed - error:", err);
       } finally {
         setLoadingStatus("success");
       }
     };
-    makeConfigCallAndSave().catch(logger$a.error);
+    makeConfigCallAndSave().catch(logger$b.error);
   }, [getConfigurationData, setLoadingStatus]);
   useEffect(() => {
     setLoadingStatus("loading");
@@ -20174,12 +20193,12 @@ const useScenarioConfiguration = ({
         const defaultAccountFormat = defaultPayoutAccountFormat[country2] ?? allowedBankAccountFormats[0];
         setAccountFormat(defaultAccountFormat);
       } catch (err) {
-        logger$a.warn("WARNING: Payout format request failed - error:", err);
+        logger$b.warn("WARNING: Payout format request failed - error:", err);
       } finally {
         setLoadingStatus("success");
       }
     };
-    makePayoutFormatCallAndSave().catch(logger$a.error);
+    makePayoutFormatCallAndSave().catch(logger$b.error);
   }, [country2, setAccountFormat, getPayoutAccountFormatData, setLoadingStatus]);
   const {
     fieldConfigurations,
@@ -20835,7 +20854,7 @@ var ToastType = /* @__PURE__ */ ((ToastType2) => {
   return ToastType2;
 })(ToastType || {});
 const FormComposer = "";
-const logger$9 = createLogger("FormRouterContextProvider");
+const logger$a = createLogger("FormRouterContextProvider");
 function FormRouterContextProvider({
   children,
   forms,
@@ -20855,7 +20874,7 @@ function FormRouterContextProvider({
       if (formIndex > -1) {
         setFormIndex(formIndex);
       } else {
-        logger$9.error("No form was found to have that field so form navigation failed.");
+        logger$a.error("No form was found to have that field so form navigation failed.");
       }
     }
   }), [forms, handleGetIdVerificationToken, setFormIndex]);
@@ -21455,7 +21474,7 @@ function CompanyDropinComponent({
     })
   });
 }
-const logger$8 = createLogger("useLocalStorage");
+const logger$9 = createLogger("useLocalStorage");
 const useLocalStorage = (key, defaultValue, options) => {
   const {
     serializer,
@@ -21476,7 +21495,7 @@ const useLocalStorage = (key, defaultValue, options) => {
       const res = rawValueRef.current ? parser(rawValueRef.current) : defaultValue;
       return res;
     } catch (err) {
-      logger$8.error(err);
+      logger$9.error(err);
       return defaultValue;
     }
   });
@@ -21508,7 +21527,7 @@ const useLocalStorage = (key, defaultValue, options) => {
     try {
       updateLocalStorage();
     } catch (err) {
-      logger$8.error(err);
+      logger$9.error(err);
     }
   }, [value]);
   useEffect(() => {
@@ -21523,7 +21542,7 @@ const useLocalStorage = (key, defaultValue, options) => {
           setValue(event.newValue ? parser(event.newValue) : void 0);
         }
       } catch (err) {
-        logger$8.error(err);
+        logger$9.error(err);
       }
     };
     if (typeof window === "undefined")
@@ -21607,7 +21626,7 @@ const useShouldShowBusinessTypeSelection = (accountHolder2) => {
   } = useExperimentsContext();
   return isExperimentEnabled("EnableNewEntryFlow") && !accountHolder2;
 };
-const logger$7 = createLogger("useExemptSettlor");
+const logger$8 = createLogger("useExemptSettlor");
 const useExemptSettlor = ({
   trust: trust2,
   handleGetLegalEntity
@@ -21619,7 +21638,7 @@ const useExemptSettlor = ({
     setExemptSettlor(exemptSettlorLE);
   }, [handleGetLegalEntity]);
   useEffect(() => {
-    updateExemptSettlor(trust2).catch(logger$7.error);
+    updateExemptSettlor(trust2).catch(logger$8.error);
   }, [trust2, updateExemptSettlor]);
   return exemptSettlor;
 };
@@ -22136,14 +22155,19 @@ const legalArrangementItems = [{
   name: "trust",
   description: "youAreTrusteeManagingTheTrustForBeneficiaries"
 }, {
-  id: "aPartnership",
-  accountHolder: "aPartnership",
-  name: "partnership",
-  description: "jointlyOwnedBusinessWhereTwoOrMorePeopleOperateAndShareProfits"
+  id: "incorporatedPartnership",
+  accountHolder: "incorporatedPartnership",
+  name: "incorporatedPartnership",
+  description: "incorporatedPartnershipNewEntryFlowDescription"
+}, {
+  id: "unincorporatedPartnership",
+  accountHolder: "unincorporatedPartnership",
+  name: "unincorporatedPartnership",
+  description: "unincorporatedPartnershipNewEntryFlowDescription"
 }, {
   id: "anAssociation",
   accountHolder: "anAssociation",
-  name: "association",
+  name: "associationIncorporatedTitle",
   description: "groupOfPeopleActingTogetherForNonCommercialPurpose"
 }];
 const trusteeTypeItems = [{
@@ -22164,9 +22188,6 @@ const getFormSchema = (isLegalArrangement, isTrust) => {
   return schema;
 };
 const getBusinessTypes = (includeTrust, includeSoleProp) => businessTypes.filter((businessType) => {
-  if (businessType.id === "legalArrangement") {
-    return includeTrust;
-  }
   if (businessType.id === "soleProprietorship") {
     return includeSoleProp;
   }
@@ -22216,6 +22237,9 @@ const getTargetLegalEntityType = (businessType, legalArrangement, trusteeType, c
   if (isOrganization && businessType === "legalArrangement" && legalArrangement === "aTrust" && trusteeType === "individual" || businessType === "individual" || businessType === "soleProprietorship") {
     return LegalEntityType.INDIVIDUAL;
   }
+  if (legalArrangement === "incorporatedPartnership") {
+    return LegalEntityType.ORGANIZATION;
+  }
   return currentLegalEntityType;
 };
 const BusinessTypeSelection = ({
@@ -22247,7 +22271,7 @@ const BusinessTypeSelection = ({
   const businessTypeItems = getBusinessTypes(showTrustOption, showSolePropOption);
   const getDefaultBusinessType = () => {
     if (accountHolder2) {
-      if (["aTrust", "aPartnership", "anAssociation"].includes(accountHolder2)) {
+      if (["aTrust", "incorporatedPartnership", "unincorporatedPartnership", "anAssociation"].includes(accountHolder2)) {
         return businessTypeItems.find((businessTypeItem) => businessTypeItem.id === "legalArrangement");
       }
       return businessTypeItems.find((businessTypeItem) => businessTypeItem.accountHolder === accountHolder2);
@@ -22284,7 +22308,7 @@ const BusinessTypeSelection = ({
     setFormSchema(getFormSchema(((_a2 = data.businessType) == null ? void 0 : _a2.id) === "legalArrangement" && !!data.legalArrangement || currentStep === 1, ((_b2 = data.legalArrangement) == null ? void 0 : _b2.id) === "aTrust"));
   }, [data.businessType, data.legalArrangement, currentStep]);
   const handleNextClick = async () => {
-    var _a2, _b2, _c2;
+    var _a2, _b2;
     if (loadingStatus === "loading")
       return;
     triggerValidation();
@@ -22297,7 +22321,8 @@ const BusinessTypeSelection = ({
           );
           return;
         }
-        if (((_b2 = data.legalArrangement) == null ? void 0 : _b2.id) === "aPartnership" || ((_c2 = data.legalArrangement) == null ? void 0 : _c2.id) === "anAssociation") {
+        const legalArrangementId = (_b2 = data.legalArrangement) == null ? void 0 : _b2.id;
+        if (legalArrangementId === "anAssociation" || legalArrangementId === "unincorporatedPartnership") {
           setCurrentStep(
             2
             /* WE_CANNOT_SET_UP_ACCOUNT */
@@ -22320,13 +22345,33 @@ const BusinessTypeSelection = ({
     }
   };
   const updateLegalEntityAndSelectAccountHolder = async () => {
+    var _a2;
+    const selectedLegalArrangement = (_a2 = data.legalArrangement) == null ? void 0 : _a2.id;
     try {
       if (legalEntityResponse.type !== targetLegalEntityType) {
         setLoadingStatus("loading");
-        await (handleUpdateLegalEntity == null ? void 0 : handleUpdateLegalEntity({
-          type: targetLegalEntityType,
-          entityAssociations: []
-        }, legalEntityResponse == null ? void 0 : legalEntityResponse.id));
+        const updateLegalEntityPayload = {
+          type: targetLegalEntityType
+        };
+        await (handleUpdateLegalEntity == null ? void 0 : handleUpdateLegalEntity(updateLegalEntityPayload, legalEntityResponse == null ? void 0 : legalEntityResponse.id));
+        if (selectedLegalArrangement === "incorporatedPartnership") {
+          await (handleUpdateLegalEntity == null ? void 0 : handleUpdateLegalEntity({
+            type: LegalEntityType.ORGANIZATION
+          }, legalEntityResponse == null ? void 0 : legalEntityResponse.id));
+          await (handleUpdateLegalEntity == null ? void 0 : handleUpdateLegalEntity({
+            organization: {
+              type: CompanyTypesValue.INCORPORATED_PARTNERSHIP
+            }
+          }, legalEntityResponse == null ? void 0 : legalEntityResponse.id));
+        }
+      } else if (newAccountHolder !== accountHolder2) {
+        if (newAccountHolder === "theCompanyIWorkFor") {
+          await (handleUpdateLegalEntity == null ? void 0 : handleUpdateLegalEntity({
+            organization: {
+              type: ""
+            }
+          }, legalEntityResponse == null ? void 0 : legalEntityResponse.id));
+        }
       }
     } catch (e) {
       showToast({
@@ -23218,154 +23263,13 @@ function Shimmer() {
     })]
   });
 }
-function LegalEntityTypeSwitcher({
-  targetLegalEntityType,
-  handleHomeClick,
-  onLegalEntityTypeChange,
-  handleUpdateLegalEntity,
-  legalEntityResponse
-}) {
-  const {
-    i18n
-  } = useI18nContext();
-  const [loadingStatus, setLoadingStatus] = useState(null);
-  const {
-    showToast
-  } = useToastContext();
-  const changeLegalEntityType = async () => {
-    try {
-      setLoadingStatus("loading");
-      await handleUpdateLegalEntity({
-        type: targetLegalEntityType
-      }, legalEntityResponse.id);
-      showToast({
-        label: i18n.get("successfullyUpdatedDetails"),
-        type: ToastType.SUCCESS
-      });
-      onLegalEntityTypeChange();
-    } catch (e) {
-      showToast({
-        label: i18n.get("failedToUpdateDetails"),
-        type: ToastType.ERROR
-      });
-    } finally {
-      setLoadingStatus("success");
-    }
-  };
-  const content = (targetLegalEntityType2) => {
-    switch (targetLegalEntityType2) {
-      case LegalEntityType.ORGANIZATION:
-        return jsxs(Fragment, {
-          children: [jsx("h2", {
-            className: "adyen-kyc-form-header__heading",
-            "data-testid": LegalEntityType.ORGANIZATION,
-            children: i18n.get("areYouACompany")
-          }), jsx("span", {
-            children: i18n.get("singingUpAsIndividualButLooksLikeYouAreACompany")
-          }), jsx("p", {
-            children: i18n.get("wouldYouLikeToSignUpAsCompanyInstead")
-          })]
-        });
-      case LegalEntityType.INDIVIDUAL:
-        return jsxs(Fragment, {
-          children: [jsx("h2", {
-            className: "adyen-kyc-form-header__heading",
-            "data-testid": LegalEntityType.INDIVIDUAL,
-            children: i18n.get("areYouAnIndividual")
-          }), jsx("span", {
-            children: i18n.get("singingUpAsCompanyButLooksLikeYouAreAnIndividual")
-          }), jsx("p", {
-            children: i18n.get("wouldYouLikeToSignUpAsIndividualInstead")
-          })]
-        });
-      default:
-        jsx("p", {
-          children: "Change not supported"
-        });
-    }
-  };
-  const footer = jsx(ActionBar, {
-    onHome: handleHomeClick,
-    homeButtonLabel: i18n.get("noGoBack"),
-    onNext: changeLegalEntityType,
-    nextButtonLabel: targetLegalEntityType === LegalEntityType.ORGANIZATION ? i18n.get("continueCompany") : i18n.get("continueIndividual")
-  });
-  return jsx(DropinLayout, {
-    content: jsxs(LoaderWrapper, {
-      status: loadingStatus,
-      formOpacityWhenLoading: 0.3,
-      showSpinner: false,
-      children: [content(targetLegalEntityType), footer]
-    })
-  });
-}
-function ReviewComponent({
-  legalEntityId,
-  handleReviewConfirm,
-  handleHomeClick
-}) {
-  const {
-    i18n
-  } = useI18nContext();
-  const [loadingStatus, setLoadingStatus] = useState();
-  const {
-    showToast
-  } = useToastContext();
-  const [hasConfirmed, setHasConfirmed] = useState(false);
-  const content = jsx("div", {
-    children: jsxs(LoaderWrapper, {
-      status: loadingStatus,
-      formOpacityWhenLoading: 0.3,
-      showSpinner: false,
-      children: [jsx(FormHeader, {
-        heading: i18n.get("submitReviewOfYourData")
-      }), jsx("span", {
-        children: i18n.get("pleaseNote")
-      }), jsx("br", {}), jsx("br", {}), jsx(Checkbox, {
-        checked: hasConfirmed,
-        onChange: setHasConfirmed,
-        label: i18n.get("byClickingSubmitReview"),
-        name: "confirmReviewData"
-      })]
-    })
-  });
-  const onConfirmClick = async () => {
-    try {
-      setLoadingStatus("loading");
-      await handleReviewConfirm(legalEntityId);
-      setLoadingStatus("success");
-      showToast({
-        label: i18n.get("submitSuccessful"),
-        type: ToastType.SUCCESS
-      });
-      handleHomeClick();
-    } catch {
-      showToast({
-        label: i18n.get("submitFailed"),
-        type: ToastType.ERROR
-      });
-    } finally {
-      setLoadingStatus("success");
-    }
-  };
-  const footer = jsx(ActionBar, {
-    onHome: handleHomeClick,
-    homeButtonLabel: i18n.get("goToOverview"),
-    onNext: onConfirmClick,
-    nextButtonLabel: i18n.get("submitReview"),
-    nextButtonDisabled: !hasConfirmed
-  });
-  return jsx(DropinLayout, {
-    content,
-    footer
-  });
-}
 const _introduction_component = "";
 var IntroductionScreens = ((IntroductionScreens2) => {
   IntroductionScreens2["PROLOGUE"] = "PROLOGUE";
   IntroductionScreens2[IntroductionScreens2["COMPANY"] = TaskTypes.COMPANY] = "COMPANY";
   IntroductionScreens2[IntroductionScreens2["INDIVIDUAL"] = TaskTypes.INDIVIDUAL] = "INDIVIDUAL";
   IntroductionScreens2[IntroductionScreens2["DECISION_MAKER"] = TaskTypes.DECISION_MAKER] = "DECISION_MAKER";
+  IntroductionScreens2[IntroductionScreens2["SOLE_PROPRIETOR_COMPANY"] = TaskTypes.SOLE_PROPRIETOR_COMPANY] = "SOLE_PROPRIETOR_COMPANY";
   IntroductionScreens2[IntroductionScreens2["TRUST"] = TaskTypes.TRUST] = "TRUST";
   IntroductionScreens2[IntroductionScreens2["TRUST_MEMBER_OVERVIEW"] = TaskTypes.TRUST_MEMBER_OVERVIEW] = "TRUST_MEMBER_OVERVIEW";
   IntroductionScreens2["ACCOUNT"] = "ACCOUNT";
@@ -23375,7 +23279,7 @@ var IntroductionScreens = ((IntroductionScreens2) => {
 const introductionScreensByLegalEntityType = {
   [LegalEntityType.INDIVIDUAL]: [IntroductionScreens.PROLOGUE, IntroductionScreens.INDIVIDUAL, IntroductionScreens.ACCOUNT, IntroductionScreens.EPILOGUE],
   [LegalEntityType.ORGANIZATION]: [IntroductionScreens.PROLOGUE, IntroductionScreens.COMPANY, IntroductionScreens.DECISION_MAKER, IntroductionScreens.ACCOUNT, IntroductionScreens.EPILOGUE],
-  [LegalEntityType.SOLE_PROPRIETORSHIP]: [IntroductionScreens.PROLOGUE, IntroductionScreens.INDIVIDUAL, IntroductionScreens.ACCOUNT, IntroductionScreens.EPILOGUE],
+  [LegalEntityType.SOLE_PROPRIETORSHIP]: [IntroductionScreens.PROLOGUE, IntroductionScreens.INDIVIDUAL, IntroductionScreens.SOLE_PROPRIETOR_COMPANY, IntroductionScreens.ACCOUNT, IntroductionScreens.EPILOGUE],
   [LegalEntityType.TRUST]: [IntroductionScreens.PROLOGUE, IntroductionScreens.COMPANY, IntroductionScreens.INDIVIDUAL, IntroductionScreens.DECISION_MAKER, IntroductionScreens.TRUST, IntroductionScreens.TRUST_MEMBER_OVERVIEW, IntroductionScreens.ACCOUNT, IntroductionScreens.EPILOGUE]
 };
 const useIntroductionScreens = ({
@@ -23388,13 +23292,17 @@ const useIntroductionScreens = ({
   const legalEntityType = useLegalEntityType({
     legalEntity
   });
-  const introductionScreens = useMemo$1(() => legalEntityType ? introductionScreensByLegalEntityType[legalEntityType].filter((screen) => {
+  const introductionScreens = useMemo$1(() => legalEntityType ? introductionScreensByLegalEntityType[legalEntityType].filter((screen, _i, a) => {
     const isAccountScreen = screen === IntroductionScreens.ACCOUNT;
     const hasAccountTask = tasks.includes(TaskTypes.PAYIN) || tasks.includes(TaskTypes.PAYOUT);
+    const isSoleProprietorScreen = screen === IntroductionScreens.SOLE_PROPRIETOR_COMPANY;
+    const isSoleProprietor = legalEntityType === LegalEntityType.SOLE_PROPRIETORSHIP;
     const isTrustScreen = screen === IntroductionScreens.TRUST || screen === IntroductionScreens.TRUST_MEMBER_OVERVIEW;
     const isTrust = legalEntityType === LegalEntityType.TRUST;
     if (isAccountScreen)
       return hasAccountTask;
+    if (isSoleProprietorScreen)
+      return isSoleProprietor;
     if (isTrustScreen)
       return isTrust;
     return tasks.some((task) => screen === task);
@@ -23538,6 +23446,148 @@ const Introduction = ({
     })]
   }) : null;
 };
+function LegalEntityTypeSwitcher({
+  targetLegalEntityType,
+  handleHomeClick,
+  onLegalEntityTypeChange,
+  handleUpdateLegalEntity,
+  legalEntityResponse
+}) {
+  const {
+    i18n
+  } = useI18nContext();
+  const [loadingStatus, setLoadingStatus] = useState(null);
+  const {
+    showToast
+  } = useToastContext();
+  const changeLegalEntityType = async () => {
+    try {
+      setLoadingStatus("loading");
+      await handleUpdateLegalEntity({
+        type: targetLegalEntityType
+      }, legalEntityResponse.id);
+      showToast({
+        label: i18n.get("successfullyUpdatedDetails"),
+        type: ToastType.SUCCESS
+      });
+      onLegalEntityTypeChange();
+    } catch (e) {
+      showToast({
+        label: i18n.get("failedToUpdateDetails"),
+        type: ToastType.ERROR
+      });
+    } finally {
+      setLoadingStatus("success");
+    }
+  };
+  const content = (targetLegalEntityType2) => {
+    switch (targetLegalEntityType2) {
+      case LegalEntityType.ORGANIZATION:
+        return jsxs(Fragment, {
+          children: [jsx("h2", {
+            className: "adyen-kyc-form-header__heading",
+            "data-testid": LegalEntityType.ORGANIZATION,
+            children: i18n.get("areYouACompany")
+          }), jsx("span", {
+            children: i18n.get("singingUpAsIndividualButLooksLikeYouAreACompany")
+          }), jsx("p", {
+            children: i18n.get("wouldYouLikeToSignUpAsCompanyInstead")
+          })]
+        });
+      case LegalEntityType.INDIVIDUAL:
+        return jsxs(Fragment, {
+          children: [jsx("h2", {
+            className: "adyen-kyc-form-header__heading",
+            "data-testid": LegalEntityType.INDIVIDUAL,
+            children: i18n.get("areYouAnIndividual")
+          }), jsx("span", {
+            children: i18n.get("singingUpAsCompanyButLooksLikeYouAreAnIndividual")
+          }), jsx("p", {
+            children: i18n.get("wouldYouLikeToSignUpAsIndividualInstead")
+          })]
+        });
+      default:
+        jsx("p", {
+          children: "Change not supported"
+        });
+    }
+  };
+  const footer = jsx(ActionBar, {
+    onHome: handleHomeClick,
+    homeButtonLabel: i18n.get("noGoBack"),
+    onNext: changeLegalEntityType,
+    nextButtonLabel: targetLegalEntityType === LegalEntityType.ORGANIZATION ? i18n.get("continueCompany") : i18n.get("continueIndividual")
+  });
+  return jsx(DropinLayout, {
+    content: jsxs(LoaderWrapper, {
+      status: loadingStatus,
+      formOpacityWhenLoading: 0.3,
+      showSpinner: false,
+      children: [content(targetLegalEntityType), footer]
+    })
+  });
+}
+function ReviewComponent({
+  legalEntityId,
+  handleReviewConfirm,
+  handleHomeClick
+}) {
+  const {
+    i18n
+  } = useI18nContext();
+  const [loadingStatus, setLoadingStatus] = useState();
+  const {
+    showToast
+  } = useToastContext();
+  const [hasConfirmed, setHasConfirmed] = useState(false);
+  const content = jsx("div", {
+    children: jsxs(LoaderWrapper, {
+      status: loadingStatus,
+      formOpacityWhenLoading: 0.3,
+      showSpinner: false,
+      children: [jsx(FormHeader, {
+        heading: i18n.get("submitReviewOfYourData")
+      }), jsx("span", {
+        children: i18n.get("pleaseNote")
+      }), jsx("br", {}), jsx("br", {}), jsx(Checkbox, {
+        checked: hasConfirmed,
+        onChange: setHasConfirmed,
+        label: i18n.get("byClickingSubmitReview"),
+        name: "confirmReviewData"
+      })]
+    })
+  });
+  const onConfirmClick = async () => {
+    try {
+      setLoadingStatus("loading");
+      await handleReviewConfirm(legalEntityId);
+      setLoadingStatus("success");
+      showToast({
+        label: i18n.get("submitSuccessful"),
+        type: ToastType.SUCCESS
+      });
+      handleHomeClick();
+    } catch {
+      showToast({
+        label: i18n.get("submitFailed"),
+        type: ToastType.ERROR
+      });
+    } finally {
+      setLoadingStatus("success");
+    }
+  };
+  const footer = jsx(ActionBar, {
+    onHome: handleHomeClick,
+    homeButtonLabel: i18n.get("goToOverview"),
+    onNext: onConfirmClick,
+    nextButtonLabel: i18n.get("submitReview"),
+    nextButtonDisabled: !hasConfirmed
+  });
+  return jsx(DropinLayout, {
+    content,
+    footer
+  });
+}
 const TaskList = "";
 const businessTypeMapping = {
   myName: {
@@ -23566,7 +23616,7 @@ const useBusinessSetup = (legalEntityResponse) => {
   const accountHolderType = accountHolder2 || getDefaultAccountHolderType(legalEntityResponse);
   const businessSetup = (_a = businessTypeMapping[accountHolderType]) == null ? void 0 : _a[legalEntityResponse == null ? void 0 : legalEntityResponse.type];
   return {
-    businessSetup
+    businessSetup: businessSetup || accountHolder2
   };
 };
 const useEnableNewEntryFlow = () => {
@@ -24297,7 +24347,9 @@ function IndividualDropinComponent({
   handleUpdateLegalEntity,
   trustMember,
   onSubmit: externalOnSubmit,
-  onTypeSwitch
+  onTypeSwitch,
+  hideNavigation = false,
+  handleBackClick: externalBackClick
 }) {
   var _a, _b, _c, _d;
   const {
@@ -24314,6 +24366,9 @@ function IndividualDropinComponent({
   const {
     getConfiguration: getConfiguration2
   } = useConfigurationApi();
+  const {
+    isEmbeddedDropin
+  } = useAuthContext();
   let dataFromResponse = mapLegalEntityToIndividual(legalEntityResponse, isTargetLegalEntityType);
   const documentUtils = documentApiUtils(handleCreateDocument, handleGetDocument, handleUpdateDocument);
   let roleTypes = [];
@@ -24355,7 +24410,8 @@ function IndividualDropinComponent({
   const fieldsFromCustomRules = useMemo(() => rules$3({
     data,
     country: country2,
-    taskType
+    taskType,
+    isEmbeddedDropin
   }), [country2, data, taskType]);
   const derivedProps = useMemo(() => getPropsFromConfigurations(fieldConfigurations, individualForms, (problems == null ? void 0 : problems.remediationActions) ? Object.values(problems == null ? void 0 : problems.remediationActions) : [], (problems == null ? void 0 : problems.missingData) ?? [], legalEntityResponse ? getFieldsWithExistingData(legalEntityResponse) : [], fieldsFromCustomRules), [fieldConfigurations, fieldsFromCustomRules, problems == null ? void 0 : problems.remediationActions]);
   const {
@@ -24673,6 +24729,7 @@ function IndividualDropinComponent({
   } = useFormComposer({
     problems,
     baseTrackingPayload,
+    externalBackClick,
     forms,
     formRef,
     onSubmit
@@ -24699,6 +24756,7 @@ function IndividualDropinComponent({
     validateForm: () => setShouldValidate(true),
     canSubmit: canSubmit2() && hasDataChanged(dataFromResponse, data),
     problems,
+    hideNavigation,
     children: jsx(IndividualComponent, {
       ...derivedProps,
       capabilities: Object.keys((legalEntityResponse == null ? void 0 : legalEntityResponse.capabilities) ?? {}),
@@ -26385,7 +26443,7 @@ const serviceAgreementValidationRules = {
     errorMessage: "fieldIsRequired"
   }
 };
-const logger$6 = createLogger("useServiceAgreement");
+const logger$7 = createLogger("useServiceAgreement");
 const FALLBACK_LANGUAGE_CODE = "en";
 const useServiceAgreement = ({
   handleGetServiceAgreement,
@@ -26414,7 +26472,7 @@ const useServiceAgreement = ({
           language: agreementLanguage
         });
         if (!document2) {
-          logger$6.log('"document" field was missing in response');
+          logger$7.log('"document" field was missing in response');
           return;
         }
         const contract = JSON.parse(decodeURIComponent(escape(window.atob(document2))));
@@ -26432,7 +26490,7 @@ const useServiceAgreement = ({
         throw err;
       }
     };
-    requestServiceAgreement().catch(logger$6.error);
+    requestServiceAgreement().catch(logger$7.error);
   }, [handleGetServiceAgreement, handleServiceAgreementIsNotAvailableInThatLanguage, agreementLanguage, legalEntityId, serviceAgreementType]);
   return {
     loading: loading2,
@@ -27774,7 +27832,7 @@ function TrustDropinComponent(props) {
 }
 const PAGES_WITH_STATUS = [TaskTypes.DECISION_MAKER_OVERVIEW, TaskTypes.TASKS_OVERVIEW];
 const POLLING_INTERVAL = 3e3;
-const logger$5 = createLogger("DropinComposerComponent");
+const logger$6 = createLogger("DropinComposerComponent");
 const isOrganizationSettlorWithExemptionReasonEnabled = (enabled, country2) => country2 === CountryCodes.Australia && enabled;
 function DropinComposerComponent({
   capabilities,
@@ -27867,7 +27925,7 @@ function DropinComposerComponent({
         setPciStatus(response);
         return response;
       } catch (e) {
-        logger$5.warn(i18n.get("failedToGetPciStatus"));
+        logger$6.warn(i18n.get("failedToGetPciStatus"));
       }
     }
     return void 0;
@@ -27896,7 +27954,7 @@ function DropinComposerComponent({
   useEffect(() => {
     if (!tasks.includes(TaskTypes.PCI_DSS))
       return;
-    getPciTemplate().catch(logger$5.error);
+    getPciTemplate().catch(logger$6.error);
   }, [getPciTemplate, tasks]);
   const getServiceAgreementAcceptanceInfos = async () => {
     if (legalEntity.id && (args == null ? void 0 : args.handleGetServiceAgreementAcceptanceInfos)) {
@@ -27904,7 +27962,7 @@ function DropinComposerComponent({
         const response = await args.handleGetServiceAgreementAcceptanceInfos(legalEntity.id);
         setServiceAgreementAcceptanceInfos(response.data);
       } catch (e) {
-        logger$5.warn(i18n.get("failedToGetServiceAgreementStatus"));
+        logger$6.warn(i18n.get("failedToGetServiceAgreementStatus"));
       }
     }
   };
@@ -27914,7 +27972,7 @@ function DropinComposerComponent({
         const response = await args.handleGetServiceAgreementStatus(legalEntity.id);
         setServiceAgreementTypes(response.termsOfServiceTypes);
       } catch (e) {
-        logger$5.warn(i18n.get("failedToGetServiceAgreementStatus"));
+        logger$6.warn(i18n.get("failedToGetServiceAgreementStatus"));
       }
     }
   };
@@ -27953,7 +28011,7 @@ function DropinComposerComponent({
         setCapabilityProblems(getCapabilityProblems(response));
         return response;
       } catch (e) {
-        logger$5.warn(i18n.get("failedToFetchLegalEntityDetails"));
+        logger$6.warn(i18n.get("failedToFetchLegalEntityDetails"));
       }
     }
     return void 0;
@@ -27965,7 +28023,7 @@ function DropinComposerComponent({
         setTrust(response);
         return response;
       } catch (e) {
-        logger$5.warn(i18n.get("failedToFetchTrustDetails"));
+        logger$6.warn(i18n.get("failedToFetchTrustDetails"));
       }
     }
     return void 0;
@@ -28015,7 +28073,7 @@ function DropinComposerComponent({
         label: i18n.get("successFullyRemovedTrustMember")
       });
     } catch (err) {
-      logger$5.error(`Failed to delete trust member`, err);
+      logger$6.error(`Failed to delete trust member`, err);
       showToast({
         type: ToastType.ERROR,
         label: i18n.get("failedToRemoveTrustMember")
@@ -28085,7 +28143,7 @@ function DropinComposerComponent({
           }
           break;
         default:
-          logger$5.warn(`Updating trust member type "${trustMember.trustMemberType}" is not implemented.`);
+          logger$6.warn(`Updating trust member type "${trustMember.trustMemberType}" is not implemented.`);
       }
       showToast({
         label: i18n.get("successfullyUpdatedDetails"),
@@ -28093,7 +28151,7 @@ function DropinComposerComponent({
       });
       await refreshTrustAndRunOnSubmit(trust2, 1);
     } catch (err) {
-      logger$5.error(err);
+      logger$6.error(err);
       showToast({
         label: i18n.get("failedToUpdateDetails"),
         type: ToastType.ERROR
@@ -28316,7 +28374,7 @@ function DropinComposerComponent({
       }
     };
     setIsLoadingConfiguration(true);
-    fetchConfiguration().catch(logger$5.error).finally(() => {
+    fetchConfiguration().catch(logger$6.error).finally(() => {
       setIsLoadingConfiguration(false);
       onLoad();
     });
@@ -28700,6 +28758,22 @@ const createDocument = async (context, document2, ownerId) => {
     }
   }, document2);
 };
+const createLegalEntity = async (context, legalEntity) => {
+  const {
+    loadingContext,
+    legalEntityId
+  } = context;
+  return httpPost({
+    loadingContext,
+    errorLevel: "warn",
+    errorMessage: `LegalEntity creation available`,
+    path: `${legalEntityId}`,
+    authentication: "jwt",
+    headers: {
+      "Content-Type": "application/json"
+    }
+  }, legalEntity);
+};
 const createTransferInstrument = async (context, transferInstrument) => {
   const {
     loadingContext,
@@ -28854,6 +28928,22 @@ const updateDocument = async (context, document2, documentId, ownerId) => {
     }
   }, document2);
 };
+const updateLegalEntity = async (context, legalEntity) => {
+  const {
+    loadingContext,
+    legalEntityId
+  } = context;
+  return httpPost({
+    loadingContext,
+    errorLevel: "warn",
+    errorMessage: `LegalEntity update failed`,
+    path: `${legalEntityId}`,
+    authentication: "jwt",
+    headers: {
+      "Content-Type": "application/json"
+    }
+  }, legalEntity);
+};
 const updateTransferInstrument = async (context, transferInstrument, transferInstrumentId) => {
   const {
     loadingContext,
@@ -28933,6 +29023,14 @@ const useComponentApi = (rootLegalEntityId) => {
         ...baseRequestContext,
         legalEntityId
       }),
+      updateLegalEntity: async (legalEntity, legalEntityId) => updateLegalEntity({
+        ...baseRequestContext,
+        legalEntityId
+      }, legalEntity),
+      createLegalEntity: async (legalEntity) => createLegalEntity({
+        ...baseRequestContext,
+        legalEntityId: rootLegalEntityId
+      }, legalEntity),
       getTransferInstrument: async (transferInstrumentId) => getTransferInstrument(baseRequestContext, transferInstrumentId),
       getBankVerificationVendor: async (country2) => getBankVerificationVendor(baseRequestContext, country2),
       getDocument: async (documentId) => getDocument(baseRequestContext, documentId),
@@ -28964,12 +29062,65 @@ class EventEmitter {
     };
   }
 }
-const logger$4 = createLogger("TransferInstrumentComponent");
-function TransferInstrumentComponent({
+const logger$5 = createLogger("CreateIndividualComponent");
+function CreateIndividualComponent({
+  parentLegalEntityId,
+  legalEntityId,
+  taskType,
+  onSubmitSuccess,
+  handleBackClick,
+  eventEmitter
+}) {
+  if (!legalEntityId && !parentLegalEntityId) {
+    throw new Error("Must provide at-least one of parentLegalEntityId or legalEntityId");
+  }
+  const {
+    getLegalEntity: getLegalEntity2,
+    createLegalEntity: createLegalEntity2,
+    updateLegalEntity: updateLegalEntity2,
+    getDocument: getDocument2,
+    createDocument: createDocument2,
+    updateDocument: updateDocument2
+  } = useComponentApi(legalEntityId ?? parentLegalEntityId);
+  const [legalEntity, setLegalEntity] = useState();
+  const [parentLegalEntity, setParentLegalEntity] = useState();
+  const [loadingStatus, setLoadingStatus] = useState("loading");
+  const fetchLegalEntity = useCallback(async () => {
+    try {
+      const [parentEntity, entity] = await Promise.all([parentLegalEntityId ? getLegalEntity2(parentLegalEntityId) : Promise.resolve(void 0), legalEntityId ? getLegalEntity2(legalEntityId) : Promise.resolve(void 0)]);
+      setParentLegalEntity(parentEntity);
+      setLegalEntity(entity);
+    } catch (error) {
+      logger$5.error(error);
+    } finally {
+      setLoadingStatus("success");
+    }
+  }, [parentLegalEntityId, legalEntityId, getLegalEntity2]);
+  useEffect(() => {
+    fetchLegalEntity().catch(logger$5.error);
+  }, [fetchLegalEntity]);
+  return loadingStatus === "loading" ? jsx(Loader, {
+    size: "medium"
+  }) : jsx(IndividualDropinComponent, {
+    eventEmitter: eventEmitter ?? new EventEmitter(),
+    parentLegalEntity,
+    legalEntityResponse: legalEntity,
+    handleGetDocument: getDocument2,
+    handleCreateDocument: createDocument2,
+    handleUpdateDocument: updateDocument2,
+    handleUpdateLegalEntity: updateLegalEntity2,
+    handleCreateLegalEntity: createLegalEntity2,
+    handleBackClick,
+    hideNavigation: true,
+    onSubmit: onSubmitSuccess,
+    taskType
+  });
+}
+const logger$4 = createLogger("CreateTransferInstrumentComponent");
+function CreateTransferInstrumentComponent({
   legalEntityId,
   transferInstrumentId,
-  onChange,
-  onSubmit,
+  onSubmitSuccess,
   handleBackClick,
   eventEmitter
 }) {
@@ -29015,8 +29166,7 @@ function TransferInstrumentComponent({
     handleBackClick,
     hideNavigation: true,
     refreshLegalEntity: fetchLegalEntity,
-    onChange,
-    onSubmit,
+    onSubmit: onSubmitSuccess,
     createTrustedTransferInstrument: createTrustedTransferInstrument2,
     handleBankVerificationError: handleBankVerificationError2,
     taskType: TaskTypes.PAYOUT
@@ -29030,7 +29180,8 @@ const componentsMap = {
   trustDropin: TrustDropinComponent,
   soleProprietorDropin: SolePropDropinComponent,
   pci: PciDropinComponent,
-  transferInstrumentComponent: TransferInstrumentComponent
+  createTransferInstrumentComponent: CreateTransferInstrumentComponent,
+  createIndividualComponent: CreateIndividualComponent
 };
 const AuthProvider = ({
   children,
@@ -29118,7 +29269,7 @@ const getEmbeddedApi = ({
       const [scenarios, tasks] = await Promise.all([getScenarios(baseRequestContext), getTasks(baseRequestContext)]);
       return {
         matchingScenario: {
-          [legalEntityType]: scenarios
+          ...scenarios
         },
         taskList: tasks
       };
@@ -30252,11 +30403,8 @@ const pciDropinSchema = {
     }
   }
 };
-const transferInstrumentComponentSchema = {
-  onChange: {
-    type: "function"
-  },
-  onSubmit: {
+const createTransferInstrumentComponentSchema = {
+  onSubmitSuccess: {
     type: "function"
   },
   legalEntityId: {
@@ -30264,6 +30412,23 @@ const transferInstrumentComponentSchema = {
     required: true
   }
 };
+const createIndividualComponentSchema = {
+  onSubmitSuccess: {
+    type: "function"
+  },
+  legalEntityId: {
+    type: "string"
+  },
+  parentLegalEntityId: {
+    type: "string"
+  },
+  taskType: {
+    type: "string"
+  },
+  handleBackClick: {
+    type: "function"
+  }
+};
 const componentsSchemaMap = {
   payoutAccount: payoutAccountSchema,
   soleProprietorDropin: solePropDropinSchema,
@@ -30272,7 +30437,8 @@ const componentsSchemaMap = {
   individualDropin: individualDropinSchema,
   trustDropin: trustDropinSchema,
   taskList: taskListSchema,
-  transferInstrumentComponent: transferInstrumentComponentSchema
+  createIndividualComponent: createIndividualComponentSchema,
+  createTransferInstrumentComponent: createTransferInstrumentComponentSchema
 };
 const validateComponentName = (componentName) => {
   if (!componentName) {