@adyen/kyc-components 3.43.4 → 3.44.1

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

@@ -21,6 +21,8 @@ const useConfigurationApi = () => {
 const ExperimentsContext = createContext({
   isExperimentEnabled: () => false,
   enableVersionExperiment: () => {
+  },
+  refreshExperiments: () => {
   }
 });
 function useExperimentsContext() {
@@ -234,6 +236,7 @@ const defaultLocaleTranslations = {
   charter: "Charter",
   check: "Check",
   checkForTypos: "Check for typos and try again",
+  chooseAFundingCategory: "Choose a funding category for physical and virtual cards",
   city: "City",
   cityTown: "City / Town",
   clearingCode: "Clearing code",
@@ -543,6 +546,9 @@ const defaultLocaleTranslations = {
   errorMessage_1_5051: "Signing person on the affiliation document could not be verified",
   errorMessage_1_5052: "The affiliation document verifies the payout entity is not 100% affiliated with the company. Setup can't be continued.",
   errorMessage_1_5053: "The affiliation document was not issued within the last 6 months",
+  errorMessage_1_5054: "The VAT number couldn't be verified",
+  errorMessage_1_5055: "VAT document is missing",
+  errorMessage_1_5057: "The VAT document wasn't a supported document type",
   errorMessage_1_5067: "The legal name didn't match the one on the VAT registry.",
   errorMessage_1_51: "Organization details didn't match the document",
   errorMessage_1_52: "Registration document didn't meet requirements",
@@ -551,6 +557,7 @@ const defaultLocaleTranslations = {
   errorMessage_1_55: "Proof of ownership is needed",
   errorMessage_1_56: "Organization ownership couldn't be verified",
   errorMessage_1_57: "Submitted affiliation document didn't meet the requirements",
+  errorMessage_1_58: "VAT document didn't meet requirements",
   errorMessage_1_60: "Legal entity details couldn't be verified",
   errorMessage_1_6000: "The legal name couldn't be verified.",
   errorMessage_1_6001: "The legal name didn't match the registration number.",
@@ -678,6 +685,7 @@ const defaultLocaleTranslations = {
   failedToGetPciTemplateInSelectedLanguageFallbackToEn: "Failed to get the PCI template in the selected language. Falling back to English.",
   failedToGetServiceAgreementInSelectedLanguageFallbackToEn: "Failed to get the service agreement in the selected language. Falling back to English.",
   failedToGetServiceAgreementStatus: "Failed to get the service agreement status",
+  failedToLoadBusinessLines: "Failed to oad business lines",
   failedToRemoveDecisionMaker: "Failed to remove a decision maker",
   failedToRemoveTrustMember: "Failed to remove trust member",
   failedToUpdateDetails: "Failed to update details",
@@ -1312,9 +1320,9 @@ const defaultLocaleTranslations = {
   taxInformationNumber__helperText__US: "Your EIN is provided on your Letter 147C or SS-4 Confirmation Letter received when registering your business.",
   taxInformationNumber__placeHolder__US: "11-0000000",
   taxReferenceNumber: "Tax reference number",
-  taxRegistrationNumber: "Tax registration number",
   taxationDocument: "Taxation document",
   taxpayerReferenceNumber: "Taxpayer reference number",
+  tellUsMoreAboutThisSource: "Tell us more about this source",
   textToVerifyAccount: "For you to receive your payouts, we need a verified bank account.",
   the7CharacterIdentifierAssignedToThis: "The 7-character identifier assigned to this company by the Sistema di Interscambio (SDI) for electronic invoicing in Italy. For example, %{example}",
   theBankAccountHolderMustBeInYourName_: "The bank account holder must be in your name: <strong>%{name}</strong>",
@@ -1378,6 +1386,7 @@ const defaultLocaleTranslations = {
   upToFiles: "Up to %{maxFiles} file(s).",
   updateTheInformation: "Update the information",
   uploadABankStatement: "Upload a bank statement",
+  uploadADocument: "Upload a document",
   uploadDocumentForNric: "Upload an ID document instead of NRIC",
   uploadOneOfTheseDocuments: "Upload one of these documents:",
   uploadTheFollowingDocuments: "Upload the following documents:",
@@ -2317,7 +2326,9 @@ const images = {
   "document-front": lazy(
     () => import("./document-front-9Glzn7ZR.js")
   ),
-  "us-check": lazy(() => import("./us-check-o5Ax_0LS.js")),
+  "us-check": lazy(
+    () => import("./us-check-o5Ax_0LS.js")
+  ),
   "us-check-routing-number": lazy(
     () => import("./us-check-routing-number-BtVf7GH3.js")
   ),
@@ -2378,7 +2389,9 @@ const images = {
     () => Promise.resolve().then(() => singpassLogo)
   ),
   // payout verification
-  "plaid-logo": lazy(() => import("./plaid-logo-4nYeR9iX.js")),
+  "plaid-logo": lazy(
+    () => import("./plaid-logo-4nYeR9iX.js")
+  ),
   "trustly-logo": lazy(
     () => import("./trustly-logo-YJslAOYF.js")
   )
@@ -2951,6 +2964,7 @@ var ExperimentNames = /* @__PURE__ */ ((ExperimentNames2) => {
   ExperimentNames2["EnableAUIncorporatedPartnershipSkipRegistrationNumber"] = "EnableAUIncorporatedPartnershipSkipRegistrationNumber";
   ExperimentNames2["EnableCompanyTrusteeSkipABN"] = "EnableCompanyTrusteeSkipABN";
   ExperimentNames2["ShowCustomerSupportV4"] = "ShowCustomerSupportV4";
+  ExperimentNames2["CredentialBankingWeightage_EmphasizeCredentialBankingFlow"] = "CredentialBankingWeightage_EmphasizeCredentialBankingFlow";
   return ExperimentNames2;
 })(ExperimentNames || {});
 const debounce$1 = (func, delay) => {
@@ -4701,9 +4715,10 @@ const Select = ({
   const [scrollParent, setScrollParent] = useState(null);
   const debouncedOnSearch = useCallback(debounce(onSearch, 500), [onSearch]);
   const closeList = useCallback(() => {
+    if (!onSearchTextChange) setTextFilter("");
     setIsShowList(false);
     if (toggleButtonRef.current) toggleButtonRef.current.focus();
-  }, []);
+  }, [onSearchTextChange]);
   const showList = () => {
     let sp = scrollParent;
     if (!sp) {
@@ -5929,7 +5944,7 @@ const businessRegistrationNumberMasks = {
       transformOnType: uppercase
     },
     [StateCodesUS.Illinois]: {
-      mask: makeMask(...numericInputs(12), ...nonInputs(" "), ...nonInputs(StateCodesUS.Illinois)),
+      mask: makeMask(...numericInputs(8), ...nonInputs(" "), ...nonInputs(StateCodesUS.Illinois)),
       transformOnType: uppercase
     },
     [StateCodesUS.Indiana]: {
@@ -6256,8 +6271,8 @@ const stateFormatGuidanceText = {
   [StateCodesUS.Illinois]: {
     key: "enterNDigitsForExample",
     values: {
-      numDigits: "12",
-      example: "123456789012 IL"
+      numDigits: "8",
+      example: "12345678 IL"
     }
   },
   [StateCodesUS.Indiana]: {
@@ -7483,6 +7498,35 @@ const isValueObscured = (value) => {
   var _a;
   return typeof value === "string" && !!((_a = value.match(/[*]{1,}/)) == null ? void 0 : _a.length);
 };
+const cachedAllowedPatterns = /* @__PURE__ */ new Map();
+const combineRegexArray = (regexArray) => {
+  const combinedPattern = regexArray.map((pattern) => {
+    const match = String(pattern).match(/\/?(.*)\//);
+    return match ? match[1] : pattern;
+  }).join("|");
+  return new RegExp(`(?:${combinedPattern})`, "g");
+};
+const createAllowedPattern = (mask) => {
+  const inputPatterns = mask.tokens.filter((token) => token.type === "input" && !!token.allow).map((token) => token.allow);
+  const uniqueRegexSet = new Set(inputPatterns.map((r) => r.toString()));
+  const uniqueRegexArray = [...uniqueRegexSet].map((str) => {
+    const [_, pattern] = str.match(/\/(.*)\/([gimsuy]*)/) || [];
+    return new RegExp(pattern);
+  });
+  const allowedRegex = combineRegexArray(uniqueRegexArray);
+  cachedAllowedPatterns.set(mask, allowedRegex);
+  return allowedRegex;
+};
+const replaceNonMatchingChars = (value, allowedInputPatterns) => {
+  const matches = value.match(allowedInputPatterns);
+  return matches ? matches.join("") : "";
+};
+const stripNonAllowedValues = (pureValue, mask) => {
+  return replaceNonMatchingChars(
+    pureValue,
+    cachedAllowedPatterns.get(mask) ?? createAllowedPattern(mask)
+  );
+};
 const getAvailableInputTokens = (tokens) => {
   const availableTokens = [];
   for (const token of tokens) {
@@ -7513,7 +7557,7 @@ const getEagerSuffix = (tokens) => {
   return suffix;
 };
 const getPotentialForMoreOptionalInput = (tokens) => tokens.some((token) => token.type === "input" && token.optional);
-const matchAgainstMask = (pureValue, mask, acceptObscuredValue = false) => {
+const matchAgainstMask = (pureValue, mask, acceptObscuredValue = false, stripNonAllowedInputs = false) => {
   let tokensToProcess = [...mask.tokens];
   let charsToProcess = pureValue;
   let charIndex = 0;
@@ -7532,7 +7576,15 @@ const matchAgainstMask = (pureValue, mask, acceptObscuredValue = false) => {
     tokensToProcess = tokensToProcess.slice(increment);
   };
   const displayValue = () => matchedTokens.map((token) => token.char).join("");
+  const getNonInputCharacters = () => matchedTokens.filter((token) => token.type === "nonInput" && token.includeInValue === false).map((token) => token.char).join("");
   while (true) {
+    let partialDisplayValue = displayValue();
+    if (stripNonAllowedInputs) {
+      partialDisplayValue = partialDisplayValue.replaceAll(getNonInputCharacters(), "");
+      if (!partialDisplayValue.length) {
+        partialDisplayValue = stripNonAllowedValues(charsToProcess, mask);
+      }
+    }
     const char = charsToProcess[0];
     const token = tokensToProcess[0];
     if (!char && !tokensToProcess.some((t) => t.type === "input" && !t.optional))
@@ -7556,7 +7608,7 @@ const matchAgainstMask = (pureValue, mask, acceptObscuredValue = false) => {
         badChar: char,
         mismatchAtChar: charIndex,
         mismatchedToken: "inputTooLong",
-        partialDisplayValue: displayValue()
+        partialDisplayValue
       };
     if (token.type === "nonInput") {
       if (token.includeInValue) {
@@ -7566,7 +7618,7 @@ const matchAgainstMask = (pureValue, mask, acceptObscuredValue = false) => {
             badChar: char,
             mismatchAtChar: charIndex,
             mismatchedToken: token,
-            partialDisplayValue: displayValue()
+            partialDisplayValue
           };
         shiftChars(1);
       }
@@ -7582,7 +7634,7 @@ const matchAgainstMask = (pureValue, mask, acceptObscuredValue = false) => {
           badChar: char,
           mismatchAtChar: charIndex,
           mismatchedToken: token,
-          partialDisplayValue: displayValue()
+          partialDisplayValue
         };
       matchedTokens.push({ ...matchingToken, char });
       shiftTokens(matchingToken.offset + 1);
@@ -7733,6 +7785,7 @@ const Inner = ({
           ref: inputRef,
           name,
           isValid: !inputState.isError,
+          isInvalid: inputState.isError,
           required: !optional,
           disabled,
           readonly,
@@ -7759,6 +7812,7 @@ const Inner = ({
           ref: inputRef,
           name,
           isValid: !inputState.isError,
+          isInvalid: inputState.isError,
           required: !optional,
           disabled,
           readonly,
@@ -7785,6 +7839,7 @@ const Inner = ({
           ref: inputRef,
           name,
           isValid: !inputState.isError,
+          isInvalid: inputState.isError,
           required: !optional,
           disabled,
           readonly,
@@ -7826,7 +7881,8 @@ const MaskedInput = ({
   acceptObscuredValue = false,
   helper,
   helperPosition = "below",
-  useFieldComponent = true
+  useFieldComponent = true,
+  stripNonAllowedInputs = false
 }) => {
   const { isExperimentEnabled } = useExperimentsContext();
   const preserveMismatchingInitialValue = isExperimentEnabled("PreserveMismatchedInitialValues");
@@ -7838,18 +7894,27 @@ const MaskedInput = ({
   const inputRef = useRef(null);
   const [showingMismatch, setShowingMismatch] = useState(false);
   const { i18n } = useI18nContext();
+  const animationedEvent = (event) => {
+    if (event.animationName !== MISMATCH_ANIMATION_NAME) return;
+    setShowingMismatch(false);
+  };
   const onMismatch = useCallback(
     (mismatch) => {
       if (!inputRef.current) return;
       setShowingMismatch(true);
-      inputRef.current.addEventListener("animationend", (event) => {
-        if (event.animationName !== MISMATCH_ANIMATION_NAME) return;
-        setShowingMismatch(false);
-      });
+      inputRef.current.addEventListener("animationend", animationedEvent);
       onMismatchExternal == null ? void 0 : onMismatchExternal(mismatch);
     },
     [onMismatchExternal]
   );
+  useEffect(() => {
+    const inputEl = inputRef.current;
+    if (inputEl) {
+      return () => {
+        inputEl.removeEventListener("animationend", animationedEvent);
+      };
+    }
+  }, []);
   useEffect(() => {
     if (!mask) {
       logger$M.warn("`mask` is undefined. No masking of input will take place.");
@@ -7861,10 +7926,11 @@ const MaskedInput = ({
       return matchAgainstMask(
         transformOnType ? transformOnType(pureValue) : pureValue,
         mask,
-        acceptObscuredValue
+        acceptObscuredValue,
+        stripNonAllowedInputs
       );
     },
-    [mask, transformOnType, acceptObscuredValue]
+    [mask, transformOnType, acceptObscuredValue, stripNonAllowedInputs]
   );
   const displayValueToPure = useCallback(
     (displayValue2) => {
@@ -7903,6 +7969,8 @@ const MaskedInput = ({
 Preserving mismatched initial value until user input.`
         );
         setPreservingMismatchedValue(true);
+        if (!stripNonAllowedInputs) return;
+        onInput(maskResult.partialDisplayValue);
         return;
       }
       const fallback = displayValueToPure(maskResult.partialDisplayValue);
@@ -7921,7 +7989,8 @@ Falling back to partially valid value "${fallback}"`
     onInput,
     displayValueToPure,
     getMaskResult,
-    preserveMismatchingInitialValue
+    preserveMismatchingInitialValue,
+    stripNonAllowedInputs
   ]);
   useLayoutEffect(() => {
     if (caretReturnPosition && inputRef.current && caretReturnPosition !== inputRef.current.selectionStart) {
@@ -7945,6 +8014,18 @@ Falling back to partially valid value "${fallback}"`
         event.stopPropagation();
       };
       if (newMaskResult.outcome === "mismatch") {
+        if (newMaskResult.partialDisplayValue) {
+          if (newMaskResult.mismatchedToken === "inputTooLong" && displayValue) {
+            cancelInput();
+            onMismatch(newMaskResult);
+            return;
+          }
+          cancelInput();
+          onMismatch(newMaskResult);
+          setPreservingMismatchedValue(false);
+          onInput(newMaskResult.partialDisplayValue);
+          return;
+        }
         cancelInput();
         onMismatch(newMaskResult);
         return;
@@ -8683,19 +8764,27 @@ function DateOfIncorporationField({
           readonly,
           onInput: handleChangeFor("dateOfIncorporation", "input"),
           onBlur: handleChangeFor("dateOfIncorporation", "blur"),
-          max: formatDateObj(/* @__PURE__ */ new Date())
+          max: formatDateObj(/* @__PURE__ */ new Date()),
+          min: formatDateObj(new Date(1900, 0, 1))
         }
       )
     }
   );
 }
+const validateDateOfIncorporation = (dateOfIncorporation) => {
+  if (!dateOfIncorporation) {
+    return false;
+  }
+  const date = new Date(dateOfIncorporation);
+  return date < /* @__PURE__ */ new Date() && date > new Date(1900, 0, 1);
+};
 const dateOfIncorporationFieldMetadata = {
   label: "dateOfIncorporation",
   validators: [
     validateNotEmptyOnBlur,
     {
       modes: ["blur"],
-      validate: (dateOfIncorporation) => dateOfIncorporation ? new Date(dateOfIncorporation) < /* @__PURE__ */ new Date() : false,
+      validate: validateDateOfIncorporation,
       errorMessage: "invalidDateOfIncorporation"
     }
   ]
@@ -8929,18 +9018,6 @@ const defaultFieldConfig$8 = {
       }
     }
   },
-  [CountryCodes.Malaysia]: {
-    label: "SST",
-    validators: validatePatternOnBlur(/^([A-Z]\d{2}[-]\d{4}[-]\d{8}|\d{12})$/),
-    guidanceText: {
-      key: "enterXOrYCharactersForExample",
-      values: {
-        xChars: "12",
-        yChars: "14",
-        example: "123456789012, D11-1808-20032117"
-      }
-    }
-  },
   [CountryCodes.NewZealand]: {
     label: "irdNumber",
     validators: validatePatternOnBlur(/^\d{8,9}$/),
@@ -8977,10 +9054,6 @@ const defaultFieldConfig$8 = {
       }
     }
   },
-  [CountryCodes.UnitedArabEmirates]: {
-    label: "taxRegistrationNumber",
-    validators: validateNotEmptyOnBlur
-  },
   [CountryCodes.UnitedStates]: ({ taxIdNumberType }) => {
     switch (taxIdNumberType) {
       case "SSN":
@@ -9577,6 +9650,18 @@ const defaultFieldConfig$7 = {
       }
     }
   },
+  [CountryCodes.Malaysia]: {
+    label: "SST",
+    validators: validatePatternOnBlur(/^([A-Z]\d{2}[-]\d{4}[-]\d{8}|\d{12})$/),
+    guidanceText: {
+      key: "enterXOrYCharactersForExample",
+      values: {
+        xChars: "12",
+        yChars: "14",
+        example: "123456789012, D11-1808-20032117"
+      }
+    }
+  },
   [CountryCodes.Malta]: {
     label: "vatNumber",
     validators: validatePatternOnBlur(/^MT\d{8}$/),
@@ -9783,6 +9868,10 @@ const defaultFieldConfig$7 = {
       }
     }
   },
+  [CountryCodes.UnitedArabEmirates]: {
+    label: "vatRegistrationNumber",
+    validators: validateNotEmptyOnBlur
+  },
   [CountryCodes.UnitedKingdom]: {
     label: "vatRegistrationNumber",
     validators: validatePatternOnBlur(/^GB\d{9,12}$/),
@@ -12545,6 +12634,7 @@ const ADDRESS_SCHEMAS = {
     CITY,
     STATE
   ],
+  [CountryCodes.UnitedArabEmirates]: [COUNTRY, ADDRESS, OTHER_ADDRESS_INFORMATION, CITY],
   default: [COUNTRY, ADDRESS, OTHER_ADDRESS_INFORMATION, POSTAL_CODE, CITY, STATE]
 };
 const CONDENSED_ADDRESS_FIELDS = {
@@ -14982,9 +15072,7 @@ const COUNTRIES_THAT_USE_TAX_ID_INSTEAD_OF_VAT = [
   CountryCodes.Jersey,
   CountryCodes.IsleOfMan,
   CountryCodes.Mexico,
-  CountryCodes.Brazil,
-  CountryCodes.Malaysia,
-  CountryCodes.UnitedArabEmirates
+  CountryCodes.Brazil
 ];
 const COUNTRIES_THAT_DO_NOT_USE_TAX_ID_FOR_SOLE_PROP = [
   CountryCodes.Singapore
@@ -15518,6 +15606,23 @@ const highExposureBaseMapping = {
   legalName: "organization.legalName",
   registrationAddress: "organization.registeredAddress"
 };
+const sourceOfFundsBaseMapping = {
+  "sourceOfFundsType.type": "sourceOfFunds.type",
+  "tellUsMore.description": "sourceOfFunds.description",
+  "tellUsMore.annualTurnover": "sourceOfFunds.annualTurnover",
+  "tellUsMore.annualTurnoverCurrency": "sourceOfFunds.annualTurnoverCurrency",
+  adyenProcessedFunds: "sourceOfFunds.adyenProcessedFunds",
+  dateOfFundsReceived: "sourceOfFunds.dateOfFundsReceived",
+  purpose: "sourceOfFunds.purpose",
+  relationship: "sourceOfFunds.relationship",
+  originatorSourceOfFundsType: "sourceOfFunds.originatorSourceOfFundsType",
+  originatorLegalEntityId: "sourceOfFunds.originatorLegalEntityId",
+  amount: "sourceOfFunds.amount",
+  cryptocurrencyExchange: "sourceOfFunds.cryptocurrencyExchange",
+  dateOfSourceEvent: "sourceOfFunds.dateOfSourceEvent",
+  website: "sourceOfFunds.website",
+  financiers: "sourceOfFunds.financiers"
+};
 const businessDetailsComponentsKeyMapping = {
   "additionalInformation.exemptedFromVat": "organization.vatAbsenceReason",
   ...businessDetailsBaseMapping
@@ -15607,6 +15712,12 @@ const legalEntityDocumentToFieldMapping = {
     [DocumentType.CONSTITUTIONAL_DOCUMENT]: "trustConstitutionalDocument.constitutionalDocument"
   }
 };
+const sourceOfFundsComponentsKeyMapping = {
+  ...sourceOfFundsBaseMapping
+};
+({
+  ...reverseObject(sourceOfFundsBaseMapping)
+});
 function getProp(object, path) {
   const splitPath = path.split(".");
   const reducer2 = (xs, x) => xs && xs[x] !== void 0 ? xs[x] : void 0;
@@ -16198,6 +16309,7 @@ const mapWith = (obj, mapping) => {
   }
   return formattedObj;
 };
+const mapSourceOfFundToSourceOfFundsSchema = (businessLine) => formatObject(businessLine, sourceOfFundsComponentsKeyMapping);
 const idDocumentUploadFields = [
   "idDocumentType",
   "idFrontPage",
@@ -17152,9 +17264,10 @@ function PhoneField({
   optional,
   placeholders,
   shouldValidate,
-  handleChangeFor
+  handleChangeFor,
+  triggerValidation
 }) {
-  var _a, _b;
+  var _a, _b, _c;
   const { i18n } = useI18nContext();
   const { dataset: countries } = useDataset(datasetIdentifier.country);
   const [isFocused, setIsFocused] = useState(false);
@@ -17176,44 +17289,59 @@ function PhoneField({
       };
     }).sort((a, b) => a.name.localeCompare(b.name));
   }, [phonePrefixes, countries]);
-  const handleSelectChange = (event) => {
-    var _a2, _b2, _c, _d, _e, _f;
-    const newCC = phonePrefixes == null ? void 0 : phonePrefixes[event.target.value];
-    const withoutCC = currentPrefix && ((_b2 = (_a2 = data.phone) == null ? void 0 : _a2.number) == null ? void 0 : _b2.startsWith(currentPrefix)) ? (_d = (_c = data.phone) == null ? void 0 : _c.number) == null ? void 0 : _d.slice(currentPrefix.length) : (_f = (_e = data.phone) == null ? void 0 : _e.number) == null ? void 0 : _f.replace(/\D+/g, "");
-    handleChangeFor(
-      "phone",
-      "input"
-    )({
-      phoneCountryCode: event.target.value,
-      number: withoutCC ? newCC + withoutCC : newCC,
-      type: "mobile"
-    });
-  };
-  const handleOnInput = (event) => {
-    const onlyDigits = event.replace(/\D+/g, "");
-    const number = currentPrefix ? `${currentPrefix}${onlyDigits}` : onlyDigits;
-    handleChangeFor(
-      "phone",
-      "input"
-    )({
-      ...data.phone,
-      number,
-      type: "mobile"
-    });
-  };
-  const handleOnBlur = (event) => {
-    const onlyDigits = event.target.value.replace(/\D+/g, "");
-    const number = currentPrefix ? `${currentPrefix}${onlyDigits}` : onlyDigits;
-    setIsFocused(false);
-    handleChangeFor(
-      "phone",
-      "blur"
-    )({
-      ...data.phone,
-      number,
-      type: "mobile"
-    });
-  };
+  const handleSelectChange = useCallback(
+    (event) => {
+      var _a2, _b2, _c2, _d, _e, _f;
+      const newCC = phonePrefixes == null ? void 0 : phonePrefixes[event.target.value];
+      const withoutCC = currentPrefix && ((_b2 = (_a2 = data.phone) == null ? void 0 : _a2.number) == null ? void 0 : _b2.startsWith(currentPrefix)) ? (_d = (_c2 = data.phone) == null ? void 0 : _c2.number) == null ? void 0 : _d.slice(currentPrefix.length) : (_f = (_e = data.phone) == null ? void 0 : _e.number) == null ? void 0 : _f.replace(/\D+/g, "");
+      handleChangeFor(
+        "phone",
+        "input"
+      )({
+        phoneCountryCode: event.target.value,
+        number: withoutCC ? newCC + withoutCC : newCC,
+        type: "mobile"
+      });
+      triggerValidation(["phone"]);
+    },
+    [currentPrefix, (_c = data.phone) == null ? void 0 : _c.number, handleChangeFor, phonePrefixes, triggerValidation]
+  );
+  const handleOnInput = useCallback(
+    (event) => {
+      const strippedOfCountryCode = currentPrefix ? event.replace(currentPrefix, "") : event;
+      const onlyDigits = strippedOfCountryCode.replace(/\D+/g, "");
+      const number = currentPrefix ? `${currentPrefix}${onlyDigits}` : onlyDigits;
+      handleChangeFor(
+        "phone",
+        "input"
+      )({
+        ...data.phone,
+        number,
+        type: "mobile"
+      });
+    },
+    [currentPrefix, data.phone, handleChangeFor]
+  );
+  const handleOnBlur = useCallback(
+    (event) => {
+      const onlyDigits = event.target.value.replace(/\D+/g, "");
+      const number = currentPrefix ? `${currentPrefix}${onlyDigits}` : onlyDigits;
+      setIsFocused(false);
+      handleChangeFor(
+        "phone",
+        "blur"
+      )({
+        ...data.phone,
+        number,
+        type: "mobile"
+      });
+    },
+    [currentPrefix, data.phone, handleChangeFor]
+  );
+  const transformOnType = useCallback(
+    (value) => currentPrefix ? value.startsWith(currentPrefix) ? value.slice(currentPrefix.length) : value : value,
+    [currentPrefix]
+  );
   useEffect(() => {
     var _a2;
     if (!((_a2 = data.phone) == null ? void 0 : _a2.phoneCountryCode) && country) {
@@ -17273,7 +17401,9 @@ function PhoneField({
                   errorMessage: errors.phone,
                   readonly,
                   disabled: readonly,
+                  transformOnType,
                   ...mask,
+                  stripNonAllowedInputs: true,
                   onInput: handleOnInput,
                   onBlur: handleOnBlur,
                   onFocus: () => setIsFocused(true)
@@ -17392,7 +17522,7 @@ function ContactDetails(props) {
     mergedProps
   );
   const schema = mergedProps.requiredFields || contactDetailFields;
-  const { handleChangeFor, data, valid, errors, isValid, fieldProblems, setData } = useForm({
+  const { data, valid, errors, isValid, fieldProblems, handleChangeFor, triggerValidation } = useForm({
     ...mergedProps,
     schema,
     defaultData: mergedProps.data,
@@ -17466,7 +17596,7 @@ function ContactDetails(props) {
           readonly: formUtils.isReadOnly("phone"),
           mask: formUtils.getMask("phone"),
           handleChangeFor,
-          setData
+          triggerValidation
         }
       }
     )
@@ -23228,8 +23358,8 @@ function PayoutVerificationMethod(props) {
   const { isSettingEnabled } = useSettingsContext();
   const { isExperimentEnabled } = useExperimentsContext();
   const canChangeEntityType = isSettingEnabled(SettingNames.AllowLegalEntityTypeChange);
-  const enablePreferInstantVerificationMethodFlow = isExperimentEnabled(
-    ExperimentNames.EnablePreferInstantVerificationFlow
+  const enableEmphasizedCredentialBankingFlow = isExperimentEnabled(
+    ExperimentNames.CredentialBankingWeightage_EmphasizeCredentialBankingFlow
   );
   const intraRegionCrossBorderPayoutsAllowed = isSettingEnabled(
     SettingNames.AllowIntraRegionCrossBorderPayout
@@ -23255,16 +23385,16 @@ function PayoutVerificationMethod(props) {
     [data, errors, fieldProblems, valid]
   );
   useEffect(() => {
-    if (!enablePreferInstantVerificationMethodFlow) return;
+    if (!enableEmphasizedCredentialBankingFlow) return;
     setHideFooter == null ? void 0 : setHideFooter(isActiveForm && !bankInfoValidated);
-  }, [enablePreferInstantVerificationMethodFlow, isActiveForm, bankInfoValidated, setHideFooter]);
+  }, [enableEmphasizedCredentialBankingFlow, isActiveForm, bankInfoValidated, setHideFooter]);
   const methodsMetadata = makePayoutVerificationMethodsMetadata(provider == null ? void 0 : provider.name);
   const selectVerificationMethod = (method) => {
     setHasSelectedMethod(true);
     handleChangeFor("payoutVerificationMethod")(method);
   };
   useEffect(() => {
-    if (enablePreferInstantVerificationMethodFlow || bankInfoValidated) return;
+    if (enableEmphasizedCredentialBankingFlow || bankInfoValidated) return;
     if (!hasSelectedMethod && instantVerificationAvailable && data.payoutVerificationMethod !== "instantVerification") {
       handleChangeFor("payoutVerificationMethod")("instantVerification");
     }
@@ -23276,11 +23406,11 @@ function PayoutVerificationMethod(props) {
     handleChangeFor,
     instantVerificationAvailable,
     hasSelectedMethod,
-    enablePreferInstantVerificationMethodFlow,
+    enableEmphasizedCredentialBankingFlow,
     bankInfoValidated
   ]);
   useEffect(() => {
-    if (!enablePreferInstantVerificationMethodFlow || !isActiveForm) return;
+    if (!enableEmphasizedCredentialBankingFlow || !isActiveForm) return;
     if (hasSelectedMethod && (forms == null ? void 0 : forms.find(
       (val) => val.formId === (data.payoutVerificationMethod === "instantVerification" ? "payoutAccountVerification" : "payoutAccountDetails")
     ))) {
@@ -23293,15 +23423,14 @@ function PayoutVerificationMethod(props) {
     data.payoutVerificationMethod,
     handleNextClick,
     isActiveForm,
-    enablePreferInstantVerificationMethodFlow
+    enableEmphasizedCredentialBankingFlow
   ]);
   useEffect(() => {
-    if (!enablePreferInstantVerificationMethodFlow || bankVendorsLoadingStatus === "loading")
-      return;
+    if (!enableEmphasizedCredentialBankingFlow || bankVendorsLoadingStatus === "loading") return;
     if (!(provider == null ? void 0 : provider.redirectUrl)) {
       selectVerificationMethod("manualVerification");
     }
-  }, [provider, bankVendorsLoadingStatus, enablePreferInstantVerificationMethodFlow]);
+  }, [provider, bankVendorsLoadingStatus, enableEmphasizedCredentialBankingFlow]);
   const { dataset: countries } = useDataset(datasetIdentifier.country);
   const bankCountryName = ((_b = countries.find((country2) => country2.id === data.bankCountry)) == null ? void 0 : _b.name) ?? data.bankCountry;
   const allowedBankCountries = getAllowedBankCountries(country);
@@ -23336,7 +23465,7 @@ function PayoutVerificationMethod(props) {
     )
   ] }) });
   return /* @__PURE__ */ jsxs("form", { className: "adyen-kyc-payout-verification-method", children: [
-    !enablePreferInstantVerificationMethodFlow ? /* @__PURE__ */ jsx(FormHeader, { heading, descriptionComponent: description }) : /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-payout-verification-method__header", children: [
+    !enableEmphasizedCredentialBankingFlow ? /* @__PURE__ */ jsx(FormHeader, { heading, descriptionComponent: description }) : /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-payout-verification-method__header", children: [
       /* @__PURE__ */ jsx(
         Svg,
         {
@@ -23361,8 +23490,8 @@ function PayoutVerificationMethod(props) {
         children: instantVerificationError.content && /* @__PURE__ */ jsx("p", { className: "adyen-kyc-u-margin-0", children: instantVerificationError.content })
       }
     ),
-    !enablePreferInstantVerificationMethodFlow || intraRegionCrossBorderPayoutsAllowed && allowedBankCountries.length > 1 ? countryField : void 0,
-    enablePreferInstantVerificationMethodFlow ? /* @__PURE__ */ jsx(
+    !enableEmphasizedCredentialBankingFlow || intraRegionCrossBorderPayoutsAllowed && allowedBankCountries.length > 1 ? countryField : void 0,
+    enableEmphasizedCredentialBankingFlow ? /* @__PURE__ */ jsx(
       PreferInstantVerificationMethod,
       {
         loadingStatus: bankVendorsLoadingStatus,
@@ -23439,7 +23568,7 @@ function PayoutVerificationMethod(props) {
         id: "ariaErrorField"
       }
     ),
-    !enablePreferInstantVerificationMethodFlow && providerName && bankVendorsLoadingStatus === "success" ? /* @__PURE__ */ jsx(
+    !enableEmphasizedCredentialBankingFlow && providerName && bankVendorsLoadingStatus === "success" ? /* @__PURE__ */ jsx(
       ContextGuidance,
       {
         page: "Instant verification with partner",
@@ -23502,6 +23631,7 @@ function PayoutDetails(props) {
     bankVendorsLoadingStatus,
     instantVerificationAvailable,
     setHideSidebar,
+    setHideFooter,
     setSkipSubmit,
     createTrustedTransferInstrument: createTrustedTransferInstrument2,
     handleBankVerificationError: handleBankVerificationError2,
@@ -23567,6 +23697,13 @@ function PayoutDetails(props) {
       resetInvalidFieldState();
     }
   }, [i18n, validateAccountDetails]);
+  const shouldHideFooter = useMemo(
+    () => (activeForm == null ? void 0 : activeForm.formId) === "payoutVerificationMethod" && isExperimentEnabled("EnablePreferInstantVerificationFlow"),
+    [activeForm == null ? void 0 : activeForm.formId, isExperimentEnabled]
+  );
+  useEffect(() => {
+    setHideFooter == null ? void 0 : setHideFooter(shouldHideFooter);
+  }, [shouldHideFooter]);
   return /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-payout", children: [
     /* @__PURE__ */ jsx(
       "div",
@@ -24017,6 +24154,14 @@ const DEFAULT_DECISION_MAKER_REQUIREMENTS = [
   }
 ];
 const PER_COUNTRY_DECISION_MAKER_REQUIREMENTS_OVERRIDES = {
+  AE: [
+    ...DEFAULT_DECISION_MAKER_REQUIREMENTS,
+    {
+      roleTypes: [DecisionMakerType.DIRECTOR],
+      min: 3,
+      max: Infinity
+    }
+  ],
   US: [
     {
       roleTypes: [DecisionMakerType.CONTROLLING_PERSON],
@@ -25700,7 +25845,7 @@ function Summary({
       }
     ),
     /* @__PURE__ */ jsx("div", { className: "adyen-kyc-summary__content", children: renderSummaryContent(data) }),
-    showLegalCaption && /* @__PURE__ */ jsx("span", { className: "adyen-kyc-summary__legal-caption", children: i18n.get("summaryLegalCaption") }),
+    showLegalCaption && /* @__PURE__ */ jsx("div", { className: "adyen-kyc-summary__legal-caption", children: /* @__PURE__ */ jsx("span", { children: i18n.get("summaryLegalCaption") }) }),
     showTaxExemptedLegalCaption && /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-summary__legal-caption", children: [
       /* @__PURE__ */ jsx("p", { children: i18n.get("summaryTaxExemptionLegalCaptionTitle") }),
       /* @__PURE__ */ jsxs("ul", { children: [
@@ -26546,13 +26691,16 @@ const setRemovedFieldsOnSchemaToDeletedValue = (newData, existingData) => {
     return { ...adjusted, [formId]: adjustFormData(oldFormData, newFormData) };
   }, {});
 };
-const getRequiredForms = (forms, requiredFields, optionalFields) => {
+const getRequiredForms = (forms, requiredFields, optionalFields, skipSummary) => {
   const requiredForms = Object.values(forms).filter(({ formId }) => {
     if (requiredFields || optionalFields) {
       return Boolean(requiredFields == null ? void 0 : requiredFields[formId]) || Boolean(optionalFields == null ? void 0 : optionalFields[formId]);
     }
     return true;
   });
+  if (skipSummary) {
+    return requiredForms;
+  }
   return [...requiredForms, summaryStep];
 };
 const addValidityToForms = (forms, formValidity, problems) => forms.map(({ formId, formName, formHeading, formDescription, fields }) => {
@@ -26842,7 +26990,7 @@ function AdditionalInformation({
       if (currentData.exemptedFromVat) {
         fieldsToRemove.push("vatNumber");
       } else {
-        fieldsToRemove.push("exemptedFromVat", "vatAbsenceReason");
+        fieldsToRemove.push("vatAbsenceReason");
       }
       if (currentData.exemptedFromTax) {
         fieldsToRemove.push("taxInformation");
@@ -29270,7 +29418,7 @@ function FormRouterContextProvider({
   return /* @__PURE__ */ jsx(FormRouterContext.Provider, { value: contextValue, children });
 }
 const MaybeModal = ({ children, inline = false, onClose, onBack }) => {
-  return inline ? /* @__PURE__ */ jsx("div", { children }) : /* @__PURE__ */ jsx(Modal, { onClose, onBack, children });
+  return inline ? /* @__PURE__ */ jsx(Fragment, { children }) : /* @__PURE__ */ jsx(Modal, { onClose, onBack, children });
 };
 const range = (stop, start = 0, step = 1) => Array.from({ length: (stop - start) / step + 1 }, (_, i) => start + i * step);
 const shouldHighlight = (active, current, fillBefore) => !fillBefore ? active === current : active >= current;
@@ -29430,7 +29578,7 @@ const FormWrapper = ({
   const showExtraTaxExemptionReasons = isExperimentEnabled(
     ExperimentNames.ShowExtraTaxExemptionReasons
   );
-  const showTaxExemptedLegalCaption = showExtraTaxExemptionReasons && ((_a = summaryData.companyRegistrationDetails) == null ? void 0 : _a.vatAbsenceReason) && ["companyDetails", "businessDetails"].includes(taskName2);
+  const showTaxExemptedLegalCaption = showExtraTaxExemptionReasons && ((_a = summaryData == null ? void 0 : summaryData.companyRegistrationDetails) == null ? void 0 : _a.vatAbsenceReason) && ["companyDetails", "businessDetails"].includes(taskName2);
   const summaryContent = /* @__PURE__ */ jsx("div", { className: "adyen-kyc-form-wrapper", children: /* @__PURE__ */ jsx(
     Summary,
     {
@@ -29484,7 +29632,7 @@ const FormWrapper = ({
               handleGetIdVerificationToken,
               children: [
                 children,
-                activeForm.formId === summaryStep.formId && summaryContent
+                activeForm.formId === summaryStep.formId && summary2 && summaryContent
               ]
             }
           )
@@ -29492,7 +29640,7 @@ const FormWrapper = ({
       ] })
     ] }),
     !hideFooter && /* @__PURE__ */ jsxs(ModalFooter, { children: [
-      /* @__PURE__ */ jsx("div", { style: { width: "30%" }, children: /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx("div", { style: { width: "30%", display: asModal ? "unset" : "none" }, children: /* @__PURE__ */ jsx(
         StepProgressIndicator,
         {
           activeStepIndex: steps.current ?? 0,
@@ -35555,6 +35703,7 @@ function PayoutDetailsDropin({
   const formValidity = currentState.validityByForm;
   const bankAccountCountry = ((_c = (_b = currentState == null ? void 0 : currentState.data) == null ? void 0 : _b.payoutVerificationMethod) == null ? void 0 : _c.bankCountry) ?? defaultPayoutCountry;
   const [hideFooterAndSidebar, setHideFooterAndSidebar] = useState(false);
+  const [hideFooter, setHideFooter] = useState(false);
   const [skipSubmit, setSkipSubmit] = useState(false);
   const [loadingStatus, setLoadingStatus] = useState("loading");
   const [bankVendorsLoadingStatus, setBankVendorsLoadingStatus] = useState("loading");
@@ -35876,7 +36025,7 @@ function PayoutDetailsDropin({
       handleHomeClick,
       handleCloseClick,
       hideSidebar: hideSidebar || hideFooterAndSidebar,
-      hideFooter: hideFooterAndSidebar,
+      hideFooter: hideFooter || hideFooterAndSidebar,
       loadingStatus,
       asModal,
       forms,
@@ -35900,7 +36049,7 @@ function PayoutDetailsDropin({
           onBack: handleBackClick,
           accountHolder: accountHolder ?? getLegalEntityNameBasedOnType(legalEntityResponse),
           setHideSidebar: setHideFooterAndSidebar,
-          setHideFooter: setHideFooterAndSidebar,
+          setHideFooter,
           setSkipSubmit,
           onChange,
           legalEntityResponse,
@@ -38196,13 +38345,416 @@ const hasProgressedBeyondEntitySelection = (legalEntity) => {
   const hasOrganizationType = (_b = legalEntity.organization) == null ? void 0 : _b.type;
   return hasOwnEntityAssocation || !!hasOrganizationType;
 };
+const sourceOfFundsTypeValidations = {
+  type: {
+    modes: ["blur"],
+    validate: (type) => !isEmpty$1(type),
+    errorMessage: "fieldIsRequired"
+  }
+};
+const sourceOfFundsTellUsMoreValidations = {
+  annualTurnover: [
+    {
+      modes: ["blur"],
+      validate: (annualTurnover) => !isEmpty$1(annualTurnover),
+      errorMessage: "fieldIsRequired"
+    },
+    {
+      modes: ["blur"],
+      validate: (annualTurnover) => !Number.isNaN(Number(annualTurnover)),
+      errorMessage: "pleaseEnterAValidNumber"
+    }
+  ],
+  description: {
+    modes: ["blur"],
+    validate: (description) => !isEmpty$1(description),
+    errorMessage: "fieldIsRequired"
+  }
+};
+const sourceOfFundsTypeFields = ["type"];
+function SourceOfFundsType(props) {
+  const { i18n } = useI18nContext();
+  const {
+    data: sourceOfFundsTypeDefaultData,
+    validators: validators2,
+    formVerificationErrors,
+    fieldValidationErrors,
+    shouldValidate
+  } = props;
+  const {
+    handleChangeFor,
+    data: formData,
+    schema: formSchema,
+    valid: formValid,
+    errors: formErrors,
+    fieldProblems: formFieldProblems
+  } = useForm({
+    ...props,
+    schema: sourceOfFundsTypeFields,
+    defaultData: sourceOfFundsTypeDefaultData,
+    rules: validators2 || sourceOfFundsTypeValidations,
+    fieldProblems: fieldValidationErrors,
+    shouldValidate
+  });
+  const formUtils = createFormUtils(props, i18n);
+  const { updateStateSlice } = useGlobalDataSlice("sourceOfFundsType");
+  useEffect(() => {
+    updateStateSlice({
+      data: formData,
+      valid: formValid,
+      errors: formErrors,
+      fieldProblems: formFieldProblems,
+      schema: formSchema
+    });
+  }, [formData, formValid, formErrors, formSchema, formFieldProblems]);
+  return /* @__PURE__ */ jsxs("form", { className: "adyen-kyc__high-exposure-company", children: [
+    /* @__PURE__ */ jsx(Typography, { el: "h1", variant: "title-l", children: i18n.get("chooseAFundingCategory") }),
+    /* @__PURE__ */ jsx(
+      ErrorPanel,
+      {
+        verificationErrors: formVerificationErrors,
+        validationErrors: props == null ? void 0 : props.fieldValidationErrors,
+        formUtils,
+        id: "ariaErrorField"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Field,
+      {
+        name: "legalEntityIdentifier",
+        label: formUtils.getLabel("type", "sourceOfFunds"),
+        errorMessage: formUtils.getErrorMessage("type", formErrors, formFieldProblems),
+        isValid: formValid.type,
+        children: (childProps) => /* @__PURE__ */ jsx(
+          InputText,
+          {
+            ...childProps,
+            name: "type",
+            value: formData.type,
+            readonly: false,
+            onInput: handleChangeFor("type", "input"),
+            onBlur: handleChangeFor("type", "blur"),
+            "aria-required": true,
+            "aria-label": formUtils.getLabel("type"),
+            "aria-invalid": !formValid.type,
+            isValid: formValid.type
+          }
+        )
+      }
+    )
+  ] });
+}
+const sourceOfFundsTellUsMoreFields = [
+  "annualTurnover",
+  "description",
+  "annualTurnoverCurrency"
+];
+const allowedCurrencies = [
+  {
+    name: "EUR",
+    id: "EUR"
+  },
+  {
+    name: "USD",
+    id: "USD"
+  },
+  {
+    name: "GBP",
+    id: "GBP"
+  }
+];
+function SourceOfFundsTellUsMore(props) {
+  const { i18n } = useI18nContext();
+  const {
+    data: defaultData,
+    validators: validators2,
+    formVerificationErrors,
+    fieldValidationErrors,
+    shouldValidate
+  } = props;
+  const {
+    handleChangeFor,
+    data: formData,
+    schema: formSchema,
+    valid: formValid,
+    errors: formErrors,
+    fieldProblems: formFieldProblems
+  } = useForm({
+    ...props,
+    schema: sourceOfFundsTellUsMoreFields,
+    defaultData,
+    rules: validators2 || sourceOfFundsTellUsMoreValidations,
+    fieldProblems: fieldValidationErrors,
+    shouldValidate
+  });
+  const formUtils = createFormUtils(props, i18n);
+  const { updateStateSlice } = useGlobalDataSlice("tellUsMore");
+  useEffect(() => {
+    updateStateSlice({
+      data: formData,
+      valid: formValid,
+      errors: formErrors,
+      fieldProblems: formFieldProblems,
+      schema: formSchema
+    });
+  }, [formData, formValid, formErrors, formSchema, formFieldProblems]);
+  return /* @__PURE__ */ jsxs("form", { className: "adyen-kyc__high-exposure-company", children: [
+    /* @__PURE__ */ jsx(Typography, { el: "h1", variant: "title-l", children: i18n.get("tellUsMoreAboutThisSource") }),
+    /* @__PURE__ */ jsx(
+      ErrorPanel,
+      {
+        verificationErrors: formVerificationErrors,
+        validationErrors: props == null ? void 0 : props.fieldValidationErrors,
+        formUtils,
+        id: "ariaErrorField"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Field,
+      {
+        name: "annualTurnover",
+        label: formUtils.getLabel("annualTurnover", "annualTurnover"),
+        errorMessage: formUtils.getErrorMessage("annualTurnover", formErrors, formFieldProblems),
+        children: (childProps) => /* @__PURE__ */ jsxs(
+          InputGroup,
+          {
+            ...childProps,
+            id: "currencyGroup",
+            isFocused: false,
+            isInvalid: Boolean(!formValid.annualTurnover && formErrors.annualTurnover),
+            children: [
+              /* @__PURE__ */ jsx(
+                Select,
+                {
+                  name: "currency",
+                  isMulti: false,
+                  items: allowedCurrencies,
+                  selected: formData.annualTurnoverCurrency,
+                  placeholder: i18n.get("select"),
+                  onChange: handleChangeFor("annualTurnoverCurrency")
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                InputText,
+                {
+                  ...childProps,
+                  name: "annualTurnover",
+                  value: formData.annualTurnover,
+                  readonly: false,
+                  onInput: handleChangeFor("annualTurnover", "input"),
+                  onBlur: handleChangeFor("annualTurnover", "blur"),
+                  "aria-required": true,
+                  "aria-label": formUtils.getLabel("annualTurnover"),
+                  "aria-invalid": !formValid.annualTurnover,
+                  isValid: formValid.annualTurnover
+                }
+              )
+            ]
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Field,
+      {
+        name: "description",
+        label: formUtils.getLabel("description"),
+        errorMessage: formUtils.getErrorMessage("description", formErrors, formFieldProblems),
+        isValid: formValid.description,
+        children: (childProps) => /* @__PURE__ */ jsx(
+          TextArea,
+          {
+            ...childProps,
+            name: "description",
+            value: formData.description,
+            classNameModifiers: ["description"],
+            onInput: handleChangeFor("description"),
+            "aria-label": formUtils.getLabel("description"),
+            "aria-invalid": !formValid.description
+          }
+        )
+      }
+    )
+  ] });
+}
+function SourceOfFunds(props) {
+  const { i18n } = useI18nContext();
+  const { activeForm } = props;
+  const formWrapperClasses = (formId) => (activeForm == null ? void 0 : activeForm.formId) !== formId ? "adyen-kyc-form-wrapper adyen-kyc-form-wrapper--hidden" : "adyen-kyc-form-wrapper";
+  const renderActiveForm = () => /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-form-wrapper", children: [
+    /* @__PURE__ */ jsx("div", { className: formWrapperClasses("sourceOfFundsType"), children: /* @__PURE__ */ jsx(
+      SourceOfFundsType,
+      {
+        ...getFormProps(props, sourceOfFundsForms.sourceOfFundsType.formId)
+      }
+    ) }),
+    /* @__PURE__ */ jsx("div", { className: formWrapperClasses("tellUsMore"), children: /* @__PURE__ */ jsx(
+      SourceOfFundsTellUsMore,
+      {
+        ...getFormProps(props, sourceOfFundsForms.tellUsMore.formId)
+      }
+    ) }),
+    /* @__PURE__ */ jsx("div", { className: formWrapperClasses("companySourceOfFunds"), children: /* @__PURE__ */ jsx("div", { children: i18n.get("uploadADocument") }) })
+  ] });
+  return /* @__PURE__ */ jsx("div", { children: renderActiveForm() });
+}
 const logger$n = createLogger("SourceOfFundsDropin");
-function SourceOfFundsDropin({ legalEntityResponse, country }) {
+const sourceOfFundsForms = {
+  sourceOfFundsType: {
+    formId: "sourceOfFundsType",
+    formName: "chooseAFundingCategory",
+    fields: ["type"]
+  },
+  tellUsMore: {
+    formId: "tellUsMore",
+    formName: "tellUsMoreAboutThisSource",
+    fields: ["annualTurnover", "description", "annualTurnoverCurrency"]
+  },
+  companySourceOfFunds: {
+    formId: "companySourceOfFunds",
+    formName: "uploadADocument",
+    fields: ["sourceOfFundsDocument"]
+  }
+};
+const sourceOfFundsRequiredFields = {
+  sourceOfFundsType: sourceOfFundsForms.sourceOfFundsType.fields,
+  tellUsMore: sourceOfFundsForms.tellUsMore.fields,
+  companySourceOfFunds: sourceOfFundsForms.companySourceOfFunds.fields
+};
+function SourceOfFundsDropin({
+  legalEntityResponse,
+  country,
+  problems,
+  trackingConfig,
+  handleHomeClick
+}) {
+  var _a;
+  const [loadingStatus, setLoadingStatus] = useState("success");
+  const [activeBusinessLine, setActiveBusinessLine] = useState();
+  const [activeSourceOfFund, setActiveSourceOfFund] = useState({});
+  const formRef = useRef(null);
+  const {
+    state: { currentState }
+  } = useStateContext();
+  const formValidity = currentState.validityByForm;
+  const { getBusinessLines: getBusinessLines2 } = useConfigurationApi();
   const { i18n } = useI18nContext();
+  const { showToast } = useToastContext();
+  const [loading, setLoading] = useState(false);
   useEffect(() => {
-    logger$n.log(`Welcome to Source of funds. LE: ${legalEntityResponse.id}; Country: ${country}`);
+    setLoading(true);
+    getBusinessLines2(legalEntityResponse.id).then((response) => {
+      if (response) {
+        const firstBusinessLine = response[0];
+        if (firstBusinessLine) {
+          setActiveBusinessLine(firstBusinessLine);
+          if (firstBusinessLine == null ? void 0 : firstBusinessLine.sourceOfFunds) {
+            const firstSourceOfFund = mapSourceOfFundToSourceOfFundsSchema(firstBusinessLine);
+            setActiveSourceOfFund(firstSourceOfFund);
+          }
+        }
+      }
+    }).catch(() => {
+      showToast({ label: i18n.get("failedToLoadBusinessLines"), type: "error" });
+    }).finally(() => setLoading(false));
+  }, []);
+  const baseTrackingPayload = getBaseTrackingPayload({
+    trackingConfig,
+    task: TaskTypes.SOURCE_OF_FUNDS
+  });
+  const allFormsFilled = (data) => ["sourceOfFundsType", "annualTurnover"].every((detail) => {
+    const value = getProp(data, detail);
+    return !isEmpty$1(value);
+  });
+  const canSubmitForm = useMemo(
+    () => activeSourceOfFund ? allFormsFilled(currentState.data) && hasDataChanged(activeSourceOfFund, currentState.data) : false,
+    [activeSourceOfFund, currentState.data]
+  );
+  const derivedProps = useMemo(
+    () => getPropsFromConfigurations(
+      {},
+      sourceOfFundsForms,
+      (problems == null ? void 0 : problems.remediationActions) ? Object.values(problems == null ? void 0 : problems.remediationActions) : [],
+      (problems == null ? void 0 : problems.missingData) ?? [],
+      getFieldsWithExistingData(legalEntityResponse),
+      {},
+      {},
+      {},
+      legalEntityResponse.type
+    ),
+    [problems == null ? void 0 : problems.remediationActions, legalEntityResponse]
+  );
+  const sourceOfFundsRequiredForms = useMemo(() => {
+    const data = currentState == null ? void 0 : currentState.data;
+    return Object.fromEntries(
+      Object.entries(sourceOfFundsForms).filter(([form]) => {
+        var _a2;
+        if (((_a2 = data == null ? void 0 : data.sourceOfFundsType) == null ? void 0 : _a2.type) !== "business")
+          return form !== sourceOfFundsForms.tellUsMore.formId;
+        return form;
+      })
+    );
+  }, [(_a = currentState == null ? void 0 : currentState.data) == null ? void 0 : _a.sourceOfFundsType]);
+  const forms = useMemo(() => {
+    const requiredForms = getRequiredForms(
+      sourceOfFundsRequiredForms,
+      sourceOfFundsRequiredFields,
+      void 0,
+      true
+    );
+    return addValidityToForms(requiredForms, formValidity, problems);
+  }, [derivedProps, formValidity, problems]);
+  const handleSubmit = useCallback(async () => {
+    setLoadingStatus("loading");
+    logger$n.log("Submitting data");
+    setLoadingStatus("success");
   }, []);
-  return /* @__PURE__ */ jsx("div", { children: i18n.get("sourceOfFunds") });
+  const {
+    handleNextClick,
+    handleBackClick,
+    activeForm,
+    shouldValidate,
+    setShouldValidate,
+    gotoFormByFormIndex,
+    steps
+  } = useFormComposer({
+    problems,
+    baseTrackingPayload,
+    formRef,
+    forms,
+    onSubmit: handleSubmit
+  });
+  return /* @__PURE__ */ jsx(
+    FormWrapper,
+    {
+      taskName: "sourceOfFunds",
+      gotoFormByFormIndex,
+      hideSidebar: true,
+      loadingStatus,
+      forms,
+      activeForm,
+      validateForm: () => setShouldValidate(true),
+      baseTrackingPayload,
+      onSubmit: handleSubmit,
+      problems,
+      canSubmit: canSubmitForm,
+      handleNextClick,
+      handleBackClick,
+      handleHomeClick,
+      steps,
+      children: loading ? /* @__PURE__ */ jsx(Loader, { size: "medium" }) : /* @__PURE__ */ jsx(
+        SourceOfFunds,
+        {
+          country,
+          activeForm,
+          shouldValidate,
+          activeBusinessLine,
+          ref: formRef,
+          data: activeSourceOfFund
+        }
+      )
+    }
+  );
 }
 const PAGES_WITH_POLLING = [TaskTypes.DECISION_MAKER_OVERVIEW, TaskTypes.TASKS_OVERVIEW];
 const logger$m = createLogger("DropinComposer");
@@ -38220,7 +38772,7 @@ function DropinComposer({
   const { setCanSeeEntitySelection } = useCanSeeEntitySelection(legalEntityResponse.id);
   const { i18n } = useI18nContext();
   const { getConfiguration: getConfiguration2 } = useConfigurationApi();
-  const { isExperimentEnabled } = useExperimentsContext();
+  const { isExperimentEnabled, refreshExperiments } = useExperimentsContext();
   const { showToast } = useToastContext();
   const [isLoadingConfiguration, setIsLoadingConfiguration] = useState(false);
   const { setHasSeenSingpassSelection } = useHasSeenSingpassSelection({
@@ -38800,6 +39352,9 @@ function DropinComposer({
           onComplete: async (newAccountHolder) => {
             setAccountHolder(newAccountHolder);
             setCanSeeEntitySelection(false);
+            if (refreshExperiments) {
+              refreshExperiments();
+            }
             await refreshLegalEntity();
             navigateTo("default");
           },
@@ -43681,6 +44236,16 @@ const verifyIdNumber$1 = async (context, request) => {
     logger$6.warn("WARNING: idNumber verification failed - error:", e);
   }
 };
+const getBusinessLines = async (loadingContext, legalEntityId) => httpGet({
+  loadingContext,
+  errorLevel: "warn",
+  errorMessage: `Failed to fetch Business lines`,
+  path: `${legalEntityId}/businessLines`,
+  authentication: "jwt",
+  headers: {
+    "Content-Type": "application/json"
+  }
+});
 const getEmbeddedApi = ({
   base,
   rootLegalEntityId
@@ -43711,7 +44276,8 @@ const getEmbeddedApi = ({
     validatePhoneNumber: async (phoneNumber) => validatePhoneNumber$1({ loadingContext }, phoneNumber),
     verifyIdNumber: async (request) => verifyIdNumber$1(baseRequestContext, request),
     getLegalForms: async (countryCode) => getLegalForms(datasetsBaseUrl, countryCode),
-    getNaceCodes: async () => getNaceCodes(datasetsBaseUrl)
+    getNaceCodes: async () => getNaceCodes(datasetsBaseUrl),
+    getBusinessLines: async (legalEntityId) => getBusinessLines(loadingContextWithRootLEAuth, legalEntityId)
   };
 };
 const getAllowedCountries = async (context) => {
@@ -43811,6 +44377,7 @@ const getKycExternalApi = ({
   clientKey
 }) => {
   const datasetBaseUrl = `/onboardingcomponents/api/${COMPONENTS_API_VERSION}/datasets/`;
+  const baseUrlWithApiVersion = `${loadingContext}${COMPONENTS_API_VERSION}/legalEntities/`;
   return {
     getConfiguration: async (request) => getConfiguration({ loadingContext, clientKey }, request),
     validateAccountIdentification: async (accountIdentificationDetails) => validateAccountIdentification({ loadingContext, clientKey }, accountIdentificationDetails),
@@ -43821,7 +44388,8 @@ const getKycExternalApi = ({
     validatePhoneNumber: async (phoneNumber) => validatePhoneNumber({ loadingContext, clientKey }, phoneNumber),
     getImageUrl: () => `${loadingContext}static/images/`,
     getLegalForms: async (countryCode) => getLegalForms(datasetBaseUrl, countryCode),
-    getNaceCodes: async () => getNaceCodes(datasetBaseUrl)
+    getNaceCodes: async () => getNaceCodes(datasetBaseUrl),
+    getBusinessLines: async (legalEntityId) => getBusinessLines(baseUrlWithApiVersion, legalEntityId)
   };
 };
 const ConfigurationApiProvider = ({
@@ -43832,7 +44400,7 @@ const ConfigurationApiProvider = ({
 }) => {
   const authContext = useAuthContext();
   const { isEmbeddedDropin, loadingContext } = authContext;
-  const sdkVersion = "3.43.4";
+  const sdkVersion = "3.44.1";
   useAnalytics({
     onUserEvent,
     legalEntityId: rootLegalEntityId,
@@ -43928,7 +44496,8 @@ const CoreProvider = ({
 };
 function ExperimentsContextProvider({
   children,
-  experiments: initialExperiments
+  experiments: initialExperiments,
+  refreshExperiments
 }) {
   const [experiments, setExperiments] = useState(initialExperiments);
   const contextValue = useMemo(
@@ -43936,9 +44505,10 @@ function ExperimentsContextProvider({
       isExperimentEnabled: (experimentName) => (experiments == null ? void 0 : experiments[experimentName]) ?? false,
       enableVersionExperiment: (experimentName) => {
         setExperiments({ ...experiments, [experimentName]: true });
-      }
+      },
+      refreshExperiments
     }),
-    [experiments]
+    [experiments, refreshExperiments]
   );
   return /* @__PURE__ */ jsx(ExperimentsContext.Provider, { value: contextValue, children });
 }
@@ -44415,7 +44985,7 @@ class BaseElement {
    * @returns this - the element instance
    */
   update(props) {
-    this.props = { ...this.props, props };
+    this.props = { ...this.props, ...props };
     return this.remount();
   }
   updateLocale({ locale }) {
@@ -44677,7 +45247,7 @@ const DebugModal = ({ rootLegalEntityId, onExit, getRootLegalEntity }) => {
   const { i18n } = useI18nContext();
   const [tab, setTab] = useState("metadata");
   const metadata = {
-    sdkVersion: "3.43.4",
+    sdkVersion: "3.44.1",
     locale: i18n.locale,
     rootLegalEntityId
   };
@@ -44878,60 +45448,67 @@ class UIElement extends BaseElement {
       const rootLegalEntityId = getRootLegalEntityId(
         this.props.componentProps
       );
-      return /* @__PURE__ */ jsx(SettingsProvider, { settings: this.props.settings, children: /* @__PURE__ */ jsx(ExperimentsContextProvider, { experiments: this.props.experiments, children: /* @__PURE__ */ jsx(
-        AuthProvider,
+      return /* @__PURE__ */ jsx(SettingsProvider, { settings: this.props.settings, children: /* @__PURE__ */ jsx(
+        ExperimentsContextProvider,
         {
-          sdkToken: this.props.sdkToken,
-          getSdkToken: this.props.getSdkToken,
-          clientKey: this.props.clientKey,
-          loadingContext: this.props.loadingContext,
+          experiments: this.props.experiments,
+          refreshExperiments: this.props.refreshExperiments,
           children: /* @__PURE__ */ jsx(
-            ConfigurationApiProvider,
+            AuthProvider,
             {
-              rootLegalEntityId,
-              onUserEvent: this.props.onUserEvent,
-              componentName: this.props.componentName,
+              sdkToken: this.props.sdkToken,
+              getSdkToken: this.props.getSdkToken,
+              clientKey: this.props.clientKey,
+              loadingContext: this.props.loadingContext,
               children: /* @__PURE__ */ jsx(
-                CoreProvider,
+                ConfigurationApiProvider,
                 {
-                  contextCountry: this.props.contextCountry,
                   rootLegalEntityId,
-                  children: /* @__PURE__ */ jsx(TaskContext.Provider, { value: createTaskStore(), children: /* @__PURE__ */ jsx(
-                    I18nProvider,
+                  onUserEvent: this.props.onUserEvent,
+                  componentName: this.props.componentName,
+                  children: /* @__PURE__ */ jsx(
+                    CoreProvider,
                     {
-                      locale: this.props.locale,
-                      customTranslations: this.props.customTranslations,
-                      eventEmitter: this.eventEmitter,
-                      children: /* @__PURE__ */ jsx(
-                        ExpiryProvider,
+                      contextCountry: this.props.contextCountry,
+                      rootLegalEntityId,
+                      children: /* @__PURE__ */ jsx(TaskContext.Provider, { value: createTaskStore(), children: /* @__PURE__ */ jsx(
+                        I18nProvider,
                         {
-                          expiry: this.props.expiry,
-                          refreshExpiry: this.props.refreshExpiry,
+                          locale: this.props.locale,
+                          customTranslations: this.props.customTranslations,
                           eventEmitter: this.eventEmitter,
                           children: /* @__PURE__ */ jsx(
-                            DebugWrapper,
+                            ExpiryProvider,
                             {
-                              rootLegalEntityId,
-                              handleGetLegalEntity: "handleGetLegalEntity" in this.props.componentProps ? this.props.componentProps.handleGetLegalEntity : void 0,
-                              children: /* @__PURE__ */ jsx("div", { className: "adyen-kyc-ui-element-container-wrapper", children: /* @__PURE__ */ jsx(AutoResizer, { children: /* @__PURE__ */ jsx("div", { className: "adyen-kyc-ui-element-container", children: /* @__PURE__ */ jsx(ToastContextProvider, { children: /* @__PURE__ */ jsx(StateProvider, { children: /* @__PURE__ */ jsx(
-                                Component,
+                              expiry: this.props.expiry,
+                              refreshExpiry: this.props.refreshExpiry,
+                              eventEmitter: this.eventEmitter,
+                              children: /* @__PURE__ */ jsx(
+                                DebugWrapper,
                                 {
-                                  ...this.props.componentProps,
-                                  onUnmount: this.remove
+                                  rootLegalEntityId,
+                                  handleGetLegalEntity: "handleGetLegalEntity" in this.props.componentProps ? this.props.componentProps.handleGetLegalEntity : void 0,
+                                  children: /* @__PURE__ */ jsx("div", { className: "adyen-kyc-ui-element-container-wrapper", children: /* @__PURE__ */ jsx(AutoResizer, { children: /* @__PURE__ */ jsx("div", { className: "adyen-kyc-ui-element-container", children: /* @__PURE__ */ jsx(ToastContextProvider, { children: /* @__PURE__ */ jsx(StateProvider, { children: /* @__PURE__ */ jsx(
+                                    Component,
+                                    {
+                                      ...this.props.componentProps,
+                                      onUnmount: this.remove
+                                    }
+                                  ) }) }) }) }) })
                                 }
-                              ) }) }) }) }) })
+                              )
                             }
                           )
                         }
-                      )
+                      ) })
                     }
-                  ) })
+                  )
                 }
               )
             }
           )
         }
-      ) }) });
+      ) });
     };
   }
 }