@adyen/kyc-components 2.57.4 → 2.58.0

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

@@ -1,8 +1,8 @@
-import { useContext, useState, useCallback, useEffect, useMemo, useReducer, useRef, useLayoutEffect } from "preact/hooks";
+import { useContext, useState, useCallback, useEffect, useMemo, useReducer, useId, useRef, useLayoutEffect } from "preact/hooks";
 import { createContext, isValidElement, createElement, render } from "preact";
 import { sanitize } from "isomorphic-dompurify";
 import cx from "classnames";
-import { lazy, Suspense, useId, forwardRef, memo, useMemo as useMemo$1 } from "preact/compat";
+import { lazy, Suspense, forwardRef, memo, useMemo as useMemo$1 } from "preact/compat";
 import { jsx, jsxs, Fragment } from "preact/jsx-runtime";
 import debounce from "lodash-es/debounce";
 import isEmpty$1 from "lodash-es/isEmpty";
@@ -243,6 +243,8 @@ const defaultTrans = {
   codulDeIdentificareFiscala: "Codul de identificare fiscală (CIF)",
   company: "Company",
   companyDetails: "Company details",
+  companyFinancialInformationFormHeading: "Financial Details",
+  companyFinancialInformationFormDescription: "Financial information",
   companyLegalName: "Company legal name",
   companyName: "Company name",
   companyNumber: "Company number",
@@ -298,6 +300,7 @@ const defaultTrans = {
   cyRegistrationNumber: "Αριθμός Εγγραφής",
   dateDeedWasSigned: "Date deed was signed",
   dateOfIncorporation: "Date of incorporation",
+  dateOfTotalAssetsCalculation: "The date on which total assets and annual turnover were calculated is often the balance sheet date.",
   dateOnDocumentNoOlderThanXMonths: "Date on the document is no older than %{numberOfMonths} months",
   datePlaceholder: "dd/mm/yyyy",
   dbaName: "Doing Business As (DBA) name",
@@ -821,6 +824,7 @@ const defaultTrans = {
   invalidDateOfBirth: "Please enter a valid date of birth",
   invalidDateOfIncorporation: "Please enter a valid date of incorporation",
   invalidEmail: "Please enter a valid email",
+  invalidFinancialReportingDate: "Please enter a valid reporting date",
   invalidFormat: "Invalid format",
   invalidFormatBankStatementDescription: "Please ensure your input contains solely letters, digits, currency codes, and the specified special characters: -._,:;'*!@#%()+?¿/「」",
   invalidFormatExpects: "Invalid format. Expected format: %{format}",
@@ -845,6 +849,7 @@ const defaultTrans = {
   invalidFormatIdentityNumberSG: "Please use the NRIC format: S1234567A",
   invalidFormatIdentityNumberUS: "Please provide last 4 digits",
   invalidFormatIdentityNumberUS9: "Please use the SSN format: XXXXXXXXX",
+  invalidNumberOfEmployees: "Please enter a valid number",
   invalidPhoneNumber: "Please enter a valid phone number.",
   invalidRegistrationNumber: "Invalid registration number",
   invalidRole: "Please select a role",
@@ -1329,7 +1334,7 @@ const defaultTrans = {
   tooManyFiles: "Too many files",
   totalAssets: "Total assets",
   totalAssetsCurrency: "Total assets currency",
-  totalAssetsHelper: "Total liabilities plus total equity",
+  totalAssetsHelper: "The sum of total liabilities and total equity.",
   totalAssetsValue: "Total assets value",
   tradingName: "Trading name",
   transferInstrumentDeleted: "Transfer instrument deleted",
@@ -1475,7 +1480,9 @@ const defaultTrans = {
   yourIbanShouldBeginWith_: "Your IBAN should begin with %{countryCode}.",
   zentralesVereinsregisterId: "Zentrales Vereinsregister ID",
   zipCode: "ZIP code",
-  incorporatedAssociationRegistrationNumber: "Incorporated association registration number"
+  incorporatedAssociationRegistrationNumber: "Incorporated association registration number",
+  reportingCurrency: "Reporting currency",
+  reportedValue: "Reported value"
 };
 const enUS = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
@@ -1781,7 +1788,7 @@ var StateCodesUS = /* @__PURE__ */ ((StateCodesUS2) => {
   StateCodesUS2["Wyoming"] = "WY";
   return StateCodesUS2;
 })(StateCodesUS || {});
-const logger$D = createLogger("useBusinessData");
+const logger$E = createLogger("useBusinessData");
 const LOW_RISK_COMPANY_DATA_COMPLIANCE_WINDOW = 1577664e5;
 const KNOWN_BROKEN_PRIMARY_SOURCE_CONNECTIONS = [StateCodesUS.Arkansas, StateCodesUS.Connecticut, StateCodesUS.Georgia, StateCodesUS.Hawaii, StateCodesUS.Indiana, StateCodesUS.Kentucky, StateCodesUS.Maryland, StateCodesUS.Minnesota, StateCodesUS.Missouri, StateCodesUS.Montana, StateCodesUS.NewHampshire, StateCodesUS.NewMexico, StateCodesUS.SouthCarolina, StateCodesUS.Utah, StateCodesUS.Vermont, StateCodesUS.Wisconsin, StateCodesUS.Wyoming];
 const KNOWN_DISALLOWED_INDEX_DATASET_STATES = [StateCodesUS.California, StateCodesUS.Texas];
@@ -1819,7 +1826,7 @@ function useBusinessData({
   };
   const searchForBusiness = useCallback(async (data) => {
     if (!handleCompanyDeepSearch || !handleCompanyIndexSearch) {
-      logger$D.log("Missing handlers for searchForBusiness");
+      logger$E.log("Missing handlers for searchForBusiness");
       return;
     }
     if (searchResults && objectsDeepEqual(cachedSearch, data)) return;
@@ -1836,7 +1843,7 @@ function useBusinessData({
       return response == null ? void 0 : response.results;
     } catch (e) {
       setSearching("error");
-      logger$D.error(e);
+      logger$E.error(e);
     } finally {
       setCachedSearch(data);
       setSearching((prevState) => prevState !== "error" ? "loaded" : prevState);
@@ -1844,7 +1851,7 @@ function useBusinessData({
   }, [handleCompanyDeepSearch, handleCompanyIndexSearch, searchResults, cachedSearch]);
   const fetchBusinessData = useCallback(async (company, state) => {
     if (!handleGetCompanyDataset || !handleRefreshCompanyDataset) {
-      logger$D.log("Missing handlers for fetchBusinessData");
+      logger$E.log("Missing handlers for fetchBusinessData");
       return;
     }
     if (cachedBusiness && objectsDeepEqual({
@@ -1885,14 +1892,14 @@ function useBusinessData({
     } catch (e) {
       setFetching("error");
       setCachedBusiness(void 0);
-      logger$D.error(e);
+      logger$E.error(e);
     } finally {
       setFetching((prevState) => prevState !== "error" ? "loaded" : prevState);
     }
   }, [cachedBusiness, handleGetCompanyDataset, handleRefreshCompanyDataset]);
   const verifyBusinessData = useCallback(async (data, tin) => {
     if (!handleVerifyTin) {
-      logger$D.log("Missing handlers for verifyBusinessData");
+      logger$E.log("Missing handlers for verifyBusinessData");
       return;
     }
     try {
@@ -1913,7 +1920,7 @@ function useBusinessData({
       return matched;
     } catch (e) {
       setVerifying("error");
-      logger$D.error(e);
+      logger$E.error(e);
     } finally {
       setVerifying((prevState) => prevState !== "error" ? "loaded" : prevState);
     }
@@ -1924,7 +1931,7 @@ function useBusinessData({
       await (handleClearCompanyData == null ? void 0 : handleClearCompanyData());
     } catch (e) {
       setResettingTrustedData("error");
-      logger$D.error(e);
+      logger$E.error(e);
     } finally {
       setResettingTrustedData((prevState) => prevState !== "error" ? "loaded" : prevState);
     }
@@ -2137,8 +2144,8 @@ const getFormattingRegEx = (specChars, flags = "g") => new RegExp(`[${specChars}
 const trimValWithOneSpace = (val) => val.trimStart().replace(/\s+/g, " ");
 const EMOJI_REGEX = new RegExp("(\\p{Emoji}\\uFE0F|\\p{Emoji_Presentation}|\\p{Extended_Pictographic})", "gu");
 const NO_ALPHABET_REGEX = /^[^a-zA-Z]*$/;
-const INDIVIDUAL_VALID_CHAR_REGEX = /^[\w\s\-—./']*$/;
-const OTHER_ENTITIES_VALID_CHAR_REGEX = /^[\w\s,.;:\-—&!?@()"'/\\+]+$/;
+const INDIVIDUAL_VALID_CHAR_REGEX = /^[\p{L}\p{M}\d\s\-—./']*$/u;
+const OTHER_ENTITIES_VALID_CHAR_REGEX = /^[\w\s,.;:\-—&!?@()"'/\\+\p{L}\p{M}]+$/u;
 const matchesRegex = (regex, input) => isString(input) && regex.test(input ?? "");
 const hasRepeatedCharacters = (input) => !isEmpty(input) && input.length > 1 && new Set(input).size === 1;
 const isValidMinLength = (input, minLength = 1) => !isEmpty(input) && input.length >= minLength;
@@ -2225,7 +2232,7 @@ const svgs = {
   "trustly-logo": lazy(() => import("./trustly-logo-YJslAOYF.js"))
 };
 const unscalableIconNames = ["bin", "check", "checkmark", "checkmark-small", "chevron-right", "chevron-left", "company", "contract", "cross", "decision-maker", "document", "download", "edit", "info-circle", "image", "location", "payout", "pci", "plus", "remove", "save", "search", "trust", "user", "upload", "warning"];
-const logger$C = createLogger("Icon");
+const logger$D = createLogger("Icon");
 const Svg = ({
   className,
   name,
@@ -2236,7 +2243,7 @@ const Svg = ({
   const LazyLoadedSvg = svgs[name];
   const viewBox = unscalableIconNames.includes(name) ? "0 0 16 16" : void 0;
   if (!LazyLoadedSvg) {
-    logger$C.error(`No such svg: "${name}"`);
+    logger$D.error(`No such svg: "${name}"`);
     return null;
   }
   return jsx("span", {
@@ -2526,10 +2533,10 @@ function useFormRouterContext() {
   }
   return context;
 }
-const logger$B = createLogger("Link");
+const logger$C = createLogger("Link");
 const isValidLink = (href) => {
   if (href === "#") {
-    logger$B.error('Links must include a valid href. If your href is "#", consider using a Button instead');
+    logger$C.error('Links must include a valid href. If your href is "#", consider using a Button instead');
     return false;
   }
   return true;
@@ -2816,6 +2823,7 @@ var ExperimentNames = /* @__PURE__ */ ((ExperimentNames2) => {
   ExperimentNames2["EnableNationalitySGHK"] = "EnableNationalitySGHK";
   ExperimentNames2["EnableAUGovernmentalOrganizationSkipRegistrationNumber"] = "EnableAUGovernmentalOrganizationSkipRegistrationNumber";
   ExperimentNames2["EnableMinimalRegistrationNumberValidationForAuIncorporatedAssociation"] = "EnableMinimalRegistrationNumberValidationForAuIncorporatedAssociation";
+  ExperimentNames2["EnableFinancialInformationComponentV4"] = "EnableFinancialInformationComponentV4";
   ExperimentNames2["EnablePreferInstantVerificationFlow"] = "EnablePreferInstantVerificationFlow";
   return ExperimentNames2;
 })(ExperimentNames || {});
@@ -2877,7 +2885,7 @@ const useSetting = (settingName) => {
   } = context;
   return getSetting(settingName);
 };
-const logger$A = createLogger("useAllowedCountries");
+const logger$B = createLogger("useAllowedCountries");
 const useAllowedCountries = () => {
   const acceptedCountries = useSetting("acceptedCountries");
   const {
@@ -2886,7 +2894,7 @@ const useAllowedCountries = () => {
   const [allowedCountries, setAllowedCountries] = useState(acceptedCountries);
   useEffect(() => {
     if (acceptedCountries !== void 0) return;
-    getAllowedCountries2().then((response) => setAllowedCountries(response.countries)).catch(logger$A.error);
+    getAllowedCountries2().then((response) => setAllowedCountries(response.countries)).catch(logger$B.error);
   }, [acceptedCountries]);
   return allowedCountries;
 };
@@ -3245,7 +3253,7 @@ function reducer({
     }
   };
 }
-const logger$z = createLogger("useAsyncValidator");
+const logger$A = createLogger("useAsyncValidator");
 const useAsyncValidator = (asyncRules) => {
   const [asyncValidationResults, setAsyncValidationResults] = useState({});
   const clearAsyncValidationResults = useCallback(() => setAsyncValidationResults({}), []);
@@ -3266,7 +3274,7 @@ const useAsyncValidator = (asyncRules) => {
           hasError: !isValid
         }])
       });
-    }).catch(logger$z.error);
+    }).catch(logger$A.error);
   }, [asyncRules, clearAsyncValidationResults]);
   return {
     asyncValidationResults,
@@ -3338,7 +3346,7 @@ function useForm({
     asyncValidationResults
   } = useAsyncValidator(asyncRules);
   const getRequiredFields = useMemo(() => typeof schema === "function" ? schema : () => schema, [schema]);
-  const getSchema = useMemo(() => defaultData ? getRequiredFields(defaultData) : [], [defaultData, getRequiredFields]);
+  const getSchema2 = useMemo(() => defaultData ? getRequiredFields(defaultData) : [], [defaultData, getRequiredFields]);
   const getReducer = useCallback(() => reducer({
     staticValidate: triggerStaticValidation,
     asyncValidate: triggerAsyncValidation,
@@ -3348,7 +3356,7 @@ function useForm({
     formatters
   }), [triggerStaticValidation, triggerAsyncValidation, obscuredFields, optionalFields, trustedFields, formatters]);
   const initialData = useMemo(() => ({
-    schema: getSchema,
+    schema: getSchema2,
     defaultData,
     fieldProblems,
     obscuredFields,
@@ -3357,7 +3365,7 @@ function useForm({
     formatters,
     staticValidate: triggerStaticValidation,
     asyncValidate: triggerAsyncValidation
-  }), [getSchema, defaultData, fieldProblems, obscuredFields, optionalFields, trustedFields, formatters, triggerStaticValidation, triggerAsyncValidation]);
+  }), [getSchema2, defaultData, fieldProblems, obscuredFields, optionalFields, trustedFields, formatters, triggerStaticValidation, triggerAsyncValidation]);
   const [state, dispatch] = useReducer(getReducer(), initialData, init);
   const isValid = useMemo(() => {
     var _a;
@@ -3416,7 +3424,7 @@ function useForm({
     });
   }, [defaultData]);
   const resetToDefaultData = useCallback(() => {
-    getSchema.forEach((field) => {
+    getSchema2.forEach((field) => {
       if (!defaultData || typeof defaultData[field] !== "undefined") {
         return handleChangeFor(field)(defaultData == null ? void 0 : defaultData[field]);
       }
@@ -3424,7 +3432,7 @@ function useForm({
       setErrors(field, null);
       setData(field, defaultData[field]);
     });
-  }, [defaultData, getSchema, handleChangeFor, setData, setErrors, setValid]);
+  }, [defaultData, getSchema2, handleChangeFor, setData, setErrors, setValid]);
   useEffect(() => {
     const newSchema = getRequiredFields(state.data);
     if (!doArraysMatch(state.schema, newSchema)) {
@@ -7219,7 +7227,7 @@ const deriveInputState = (isValid, isFocused, isDisabled, isOptional, hasNullish
   };
 };
 const MISMATCH_ANIMATION_NAME = "mismatchShake";
-const logger$y = createLogger("MaskedInputText");
+const logger$z = createLogger("MaskedInputText");
 const MaskedInputText = ({
   value,
   onInput,
@@ -7268,7 +7276,7 @@ const MaskedInputText = ({
   };
   useEffect(() => {
     if (!mask) {
-      logger$y.warn("`mask` is undefined. No masking of input will take place.");
+      logger$z.warn("`mask` is undefined. No masking of input will take place.");
     }
   }, [mask]);
   const getMaskResult = useCallback((pureValue) => {
@@ -7293,13 +7301,13 @@ const MaskedInputText = ({
         return;
       }
       if (preserveMismatchingInitialValue) {
-        logger$y.warn(`Value received "${value}" does not match mask`, maskResult, `
+        logger$z.warn(`Value received "${value}" does not match mask`, maskResult, `
 Preserving mismatched initial value until user input.`);
         setPreservingMismatchedValue(true);
         return;
       }
       const fallback = displayValueToPure(maskResult.partialDisplayValue);
-      logger$y.warn(`Value received "${value}" does not match mask`, maskResult, `
+      logger$z.warn(`Value received "${value}" does not match mask`, maskResult, `
 Falling back to partially valid value "${fallback}"`);
       onInput(fallback);
     }
@@ -7453,58 +7461,82 @@ Falling back to partially valid value "${fallback}"`);
     })
   });
 };
-let idCounter = Date.now();
-const getUniqueId = (prefix = "id") => {
-  idCounter += 1;
-  return `${prefix}-${idCounter}`;
-};
-const InputRadio = ({
-  className,
-  ...props
+const Radio = ({
+  id,
+  value,
+  groupName,
+  checked = false,
+  disabled = false,
+  onClick,
+  className
 }) => jsx("input", {
-  ...props,
-  className: cx("adyen-kyc-input-radio__input", className)
+  className: cx(["adyen-kyc-input-radio__input", className]),
+  id,
+  type: "radio",
+  checked,
+  name: groupName,
+  onClick,
+  value,
+  disabled
 });
+const RadioWithLabel = ({
+  value,
+  label,
+  content,
+  groupName,
+  checked = false,
+  disabled = false,
+  onClick
+}) => {
+  const id = useId();
+  return jsxs("label", {
+    htmlFor: id,
+    className: "adyen-kyc-input-radio",
+    children: [jsx(Radio, {
+      id,
+      checked,
+      groupName,
+      onClick,
+      value,
+      disabled
+    }), jsxs("div", {
+      className: "adyen-kyc-input-radio__content",
+      children: [jsx("span", {
+        className: "adyen-kyc-input-radio__label adyen-kyc-label__text",
+        children: label
+      }), content]
+    })]
+  });
+};
 function RadioGroup({
   items = [],
   name,
   onChange = noop,
   value,
-  isInvalid,
-  uniqueId,
-  className,
   disabled = false,
-  horizontal = false
+  horizontal = false,
+  showContentOnlyOnSelected = false,
+  className
 }) {
   const {
     i18n
   } = useI18nContext();
-  const uniqueIdBase = uniqueId == null ? void 0 : uniqueId.replace(/[0-9]/g, "").substring(0, uniqueId.lastIndexOf("-"));
-  const classes = horizontal ? "adyen-kyc-radio-group adyen-kyc-radio-group--horizontal" : "adyen-kyc-radio-group";
   return jsx("div", {
-    className: classes,
+    className: cx(["adyen-kyc-radio-group", {
+      "adyen-kyc-radio-group--horizontal": horizontal
+    }, className]),
     children: items.map((item) => {
-      const uniqueId2 = getUniqueId(uniqueIdBase);
-      return jsxs("label", {
-        htmlFor: uniqueId2,
-        className: "adyen-kyc-input-radio",
-        children: [jsx(InputRadio, {
-          id: uniqueId2,
-          type: "radio",
-          checked: value === item.id,
-          "aria-checked": value === item.id,
-          name: name ?? item.name,
-          onChange,
-          onClick: onChange,
-          value: item.id,
-          disabled
-        }), jsx("span", {
-          className: cx(["adyen-kyc-input-radio__label", "adyen-kyc-label__text", className, {
-            "adyen-kyc-radio-group__label--invalid": isInvalid
-          }]),
-          children: i18n.get(item.name)
-        })]
-      }, item.name || item.id);
+      const isSelected = item.id === value;
+      const visibleContent = isSelected || !showContentOnlyOnSelected ? item.content : void 0;
+      return jsx(RadioWithLabel, {
+        value: item.id,
+        label: i18n.get(item.name),
+        content: visibleContent,
+        groupName: name,
+        checked: isSelected,
+        disabled,
+        onClick: () => onChange(item.id)
+      }, item.id);
     })
   });
 }
@@ -7689,7 +7721,7 @@ function CompanyRegistrationNumberTypeSelector({
       name: "companyRegistrationNumberType",
       items: options,
       value: selected,
-      onChange: (e) => handleSelect(e.target.value)
+      onChange: handleSelect
     })
   });
 }
@@ -9215,7 +9247,7 @@ function TaxIdNumberTypeSelector({
       name: "taxIdNumberType",
       items: options,
       value: selected,
-      onChange: (e) => handleSelect(e.target.value)
+      onChange: handleSelect
     })
   });
 }
@@ -9909,6 +9941,9 @@ const companyBase = {
   },
   countryOfGoverningLaw: {
     rule: "countryOfGoverningLawRequired"
+  },
+  numberOfEmployees: {
+    rule: "countryRequiringFinancialInformation"
   }
 };
 const businessDetailsBase = {
@@ -10301,7 +10336,6 @@ const RadioCard = ({
   optionDescription,
   optionSubtitle,
   name,
-  uniqueId,
   isInvalid,
   isSelected,
   onSelect,
@@ -10310,13 +10344,15 @@ const RadioCard = ({
   loading,
   icon,
   body,
-  footer
+  footer,
+  floatingRadio
 }) => {
   const {
     i18n
   } = useI18nContext();
+  const id = useId();
   return jsxs("label", {
-    htmlFor: uniqueId,
+    htmlFor: id,
     className: cx(["adyen-kyc-radio-card", classNames == null ? void 0 : classNames.label, {
       "adyen-kyc-radio-card--disabled": disabled
     }]),
@@ -10350,55 +10386,49 @@ const RadioCard = ({
         size: "small",
         dot: true
       })
-    }) : jsx(InputRadio, {
-      id: uniqueId,
-      type: "radio",
+    }) : jsx(Radio, {
+      id,
       checked: isSelected,
-      className: "adyen-kyc-radio-group-card__input",
-      name,
-      onChange: onSelect,
+      groupName: name,
       onClick: onSelect,
       value: optionId,
-      "aria-checked": isSelected,
-      disabled
+      disabled,
+      className: cx({
+        "adyen-kyc-radio-group-card__radio--floating": floatingRadio
+      })
     })]
   }, optionId);
 };
-function RadioGroupCard({
+const RadioGroupCard = ({
   items,
   name,
   onSelect,
   selected,
   isInvalid,
-  uniqueId,
   className,
   itemClassNames,
   itemIcon,
   itemBody,
   itemFooter,
   isItemDisabled
-}) {
-  const uniqueIdBase = uniqueId == null ? void 0 : uniqueId.replace(/[0-9]/g, "").substring(0, uniqueId.lastIndexOf("-"));
-  return jsx("div", {
-    className: className ?? "adyen-kyc-radio-group-card",
-    children: items.map((item) => jsx(RadioCard, {
-      optionId: item.id,
-      optionName: item.name,
-      optionDescription: item.description,
-      optionSubtitle: item.subtitle,
-      uniqueId: getUniqueId(uniqueIdBase),
-      isInvalid,
-      isSelected: selected === item,
-      onSelect: () => onSelect(item),
-      name,
-      classNames: itemClassNames == null ? void 0 : itemClassNames(item),
-      icon: itemIcon == null ? void 0 : itemIcon(item),
-      body: itemBody == null ? void 0 : itemBody(item),
-      footer: itemFooter == null ? void 0 : itemFooter(item),
-      disabled: isItemDisabled == null ? void 0 : isItemDisabled(item)
-    }, item.id))
-  });
-}
+}) => jsx("div", {
+  className: className ?? "adyen-kyc-radio-group-card",
+  children: items.map((item) => jsx(RadioCard, {
+    optionId: item.id,
+    optionName: item.name,
+    optionDescription: item.description,
+    optionSubtitle: item.subtitle,
+    isInvalid,
+    isSelected: selected === item,
+    onSelect: () => onSelect(item),
+    name,
+    classNames: itemClassNames == null ? void 0 : itemClassNames(item),
+    icon: itemIcon == null ? void 0 : itemIcon(item),
+    body: itemBody == null ? void 0 : itemBody(item),
+    footer: itemFooter == null ? void 0 : itemFooter(item),
+    disabled: isItemDisabled == null ? void 0 : isItemDisabled(item)
+  }, item.id))
+});
 const EntityTypeRadioGroupCard = ({
   examples,
   ...baseProps
@@ -10924,7 +10954,7 @@ function Dropzone(props) {
     })]
   });
 }
-const logger$x = createLogger("TextArea");
+const logger$y = createLogger("TextArea");
 function TextArea(props) {
   const {
     classNameModifiers,
@@ -10945,7 +10975,7 @@ function TextArea(props) {
   } = useI18nContext();
   const [value, setValue] = useState("");
   if (Object.prototype.hasOwnProperty.call(props, "onChange")) {
-    logger$x.error("Error: Form fields that rely on InputBase may not have an onChange property");
+    logger$y.error("Error: Form fields that rely on InputBase may not have an onChange property");
   }
   const handleInput = (e) => {
     var _a;
@@ -11121,6 +11151,433 @@ function DocumentUploadComponent({
   });
 }
 const DocumentUpload = memo(DocumentUploadComponent, (prevProps, nextProps) => prevProps.shouldValidate === nextProps.shouldValidate && objectsDeepEqual(prevProps.requiredFields, nextProps.requiredFields) && objectsDeepEqual(prevProps.data, nextProps.data) && objectsDeepEqual(prevProps.formVerificationErrors, nextProps.formVerificationErrors) && objectsDeepEqual(prevProps.fieldValidationErrors, nextProps.fieldValidationErrors) && objectsDeepEqual(prevProps.documentTypeSelect, nextProps.documentTypeSelect) && prevProps.documentField === nextProps.documentField && prevProps.name === nextProps.name && prevProps.country === nextProps.country && prevProps.companyType === nextProps.companyType);
+var Currencies = /* @__PURE__ */ ((Currencies2) => {
+  Currencies2["AED"] = "AED";
+  Currencies2["AUD"] = "AUD";
+  Currencies2["BGN"] = "BGN";
+  Currencies2["BRL"] = "BRL";
+  Currencies2["CAD"] = "CAD";
+  Currencies2["CHF"] = "CHF";
+  Currencies2["CZK"] = "CZK";
+  Currencies2["DKK"] = "DKK";
+  Currencies2["EUR"] = "EUR";
+  Currencies2["GBP"] = "GBP";
+  Currencies2["HKD"] = "HKD";
+  Currencies2["HRK"] = "HRK";
+  Currencies2["HUF"] = "HUF";
+  Currencies2["MXN"] = "MXN";
+  Currencies2["MYR"] = "MYR";
+  Currencies2["NOK"] = "NOK";
+  Currencies2["NZD"] = "NZD";
+  Currencies2["PLN"] = "PLN";
+  Currencies2["RON"] = "RON";
+  Currencies2["SEK"] = "SEK";
+  Currencies2["SGD"] = "SGD";
+  Currencies2["USD"] = "USD";
+  return Currencies2;
+})(Currencies || {});
+const currencyByCountry = {
+  [CountryCodes.Australia]: [Currencies.AUD],
+  [CountryCodes.Austria]: [Currencies.EUR],
+  [CountryCodes.Belgium]: [Currencies.EUR],
+  [CountryCodes.Brazil]: [Currencies.BRL],
+  [CountryCodes.Bulgaria]: [Currencies.BGN, Currencies.EUR],
+  [CountryCodes.Canada]: [Currencies.CAD, Currencies.USD],
+  [CountryCodes.Croatia]: [Currencies.HRK, Currencies.EUR],
+  [CountryCodes.Cyprus]: [Currencies.EUR],
+  [CountryCodes.CzechRepublic]: [Currencies.CZK, Currencies.EUR],
+  [CountryCodes.Denmark]: [Currencies.DKK, Currencies.EUR],
+  [CountryCodes.Estonia]: [Currencies.EUR],
+  [CountryCodes.Finland]: [Currencies.EUR],
+  [CountryCodes.France]: [Currencies.EUR],
+  [CountryCodes.Germany]: [Currencies.EUR],
+  [CountryCodes.Gibraltar]: [Currencies.GBP],
+  [CountryCodes.Greece]: [Currencies.EUR],
+  [CountryCodes.Guernsey]: [Currencies.GBP],
+  [CountryCodes.HongKong]: [Currencies.HKD],
+  [CountryCodes.Hungary]: [Currencies.HUF, Currencies.EUR],
+  [CountryCodes.Ireland]: [Currencies.EUR],
+  [CountryCodes.IsleOfMan]: [Currencies.GBP],
+  [CountryCodes.Italy]: [Currencies.EUR],
+  [CountryCodes.Jersey]: [Currencies.GBP],
+  [CountryCodes.Latvia]: [Currencies.EUR],
+  [CountryCodes.Liechtenstein]: [Currencies.CHF, Currencies.EUR],
+  [CountryCodes.Lithuania]: [Currencies.EUR],
+  [CountryCodes.Luxembourg]: [Currencies.EUR],
+  [CountryCodes.Malaysia]: [Currencies.MYR],
+  [CountryCodes.Malta]: [Currencies.EUR],
+  [CountryCodes.Mexico]: [Currencies.MXN],
+  [CountryCodes.Monaco]: [Currencies.EUR],
+  [CountryCodes.Netherlands]: [Currencies.EUR],
+  [CountryCodes.NewZealand]: [Currencies.NZD],
+  [CountryCodes.Norway]: [Currencies.NOK, Currencies.EUR],
+  [CountryCodes.Poland]: [Currencies.PLN, Currencies.EUR],
+  [CountryCodes.Portugal]: [Currencies.EUR],
+  [CountryCodes.PuertoRico]: [Currencies.USD],
+  // should exactly match CountryCodes.UnitedStates
+  [CountryCodes.Romania]: [Currencies.RON, Currencies.EUR],
+  [CountryCodes.Singapore]: [Currencies.SGD],
+  [CountryCodes.Slovakia]: [Currencies.EUR],
+  [CountryCodes.Slovenia]: [Currencies.EUR],
+  [CountryCodes.Spain]: [Currencies.EUR],
+  [CountryCodes.Sweden]: [Currencies.SEK, Currencies.EUR],
+  [CountryCodes.Switzerland]: [Currencies.CHF, Currencies.EUR],
+  [CountryCodes.UnitedArabEmirates]: [Currencies.AED],
+  [CountryCodes.UnitedKingdom]: [Currencies.GBP, Currencies.EUR],
+  [CountryCodes.UnitedStates]: [Currencies.USD]
+};
+const CURRENCY_FIELD = ["currency"];
+function Currency({
+  data,
+  valid,
+  errors,
+  labels: labels2,
+  readonly,
+  handleChangeFor,
+  helperText,
+  country
+}) {
+  const {
+    i18n
+  } = useI18nContext();
+  const currenciesForCurrCountry = currencyByCountry[country];
+  const countryCurrenciesItems = currenciesForCurrCountry ? currenciesForCurrCountry.map((currency) => ({
+    id: currency,
+    name: currency
+  })) : [];
+  return jsx("div", {
+    className: "adyen-kyc-field__currency",
+    children: jsx(Field, {
+      name: "currency",
+      label: labels2.currency,
+      helper: helperText == null ? void 0 : helperText.currency,
+      errorMessage: errors.currency,
+      isValid: valid.currency,
+      classNameModifiers: ["currency"],
+      children: (childProps) => jsx(Select, {
+        ...childProps,
+        onChange: handleChangeFor("currency", "input"),
+        name: "currency",
+        placeholder: i18n.get("currencyPlaceholder"),
+        selected: data.currency,
+        items: countryCurrenciesItems,
+        readonly: countryCurrenciesItems.length === 1 || readonly && !!data.currency
+      })
+    })
+  });
+}
+const FINANCIAL_REPORTING_DATE_FIELD = ["financialReportingDate"];
+function FinancialReportingDate({
+  data,
+  valid,
+  errors,
+  labels: labels2,
+  readonly,
+  handleChangeFor
+}) {
+  const {
+    i18n
+  } = useI18nContext();
+  return jsx("div", {
+    children: jsx(Field, {
+      name: "financialReportingDate",
+      label: labels2.financialReportingDate,
+      helper: i18n.get("dateOfTotalAssetsCalculation"),
+      helperPosition: "below",
+      errorMessage: errors.financialReportingDate,
+      isValid: valid.financialReportingDate,
+      classNameModifiers: ["financialReportingDate"],
+      children: (childProps) => jsx(InputDate, {
+        ...childProps,
+        name: "financialReportingDate",
+        value: data.financialReportingDate,
+        onInput: handleChangeFor("financialReportingDate", "input"),
+        onBlur: handleChangeFor("financialReportingDate", "blur"),
+        "aria-required": true,
+        "aria-label": labels2.financialReportingDate,
+        "aria-invalid": !valid.financialReportingDate,
+        readonly,
+        max: formatDateObj(/* @__PURE__ */ new Date())
+      })
+    })
+  });
+}
+function InputNumber(props) {
+  return jsx(InputBase, {
+    ...props,
+    type: "number"
+  });
+}
+const NUMBER_OF_EMPLOYEES_FIELD = ["numberOfEmployees"];
+function NumberOfEmployees({
+  data,
+  valid,
+  errors,
+  labels: labels2,
+  readonly,
+  handleChangeFor,
+  helperText
+}) {
+  return jsx("div", {
+    children: jsx(Field, {
+      name: "numberOfEmployees",
+      label: labels2.numberOfEmployees,
+      helper: helperText == null ? void 0 : helperText.numberOfEmployees,
+      errorMessage: errors.numberOfEmployees,
+      isValid: valid.numberOfEmployees,
+      classNameModifiers: ["numberOfEmployees"],
+      children: (childProps) => jsx(InputNumber, {
+        ...childProps,
+        "aria-required": true,
+        "aria-label": labels2.numberOfEmployees,
+        "aria-invalid": !valid.numberOfEmployees,
+        name: "numberOfEmployees",
+        min: "0",
+        step: "1",
+        value: data.numberOfEmployees,
+        readonly,
+        onInput: handleChangeFor("numberOfEmployees", "input"),
+        onBlur: handleChangeFor("numberOfEmployees", "blur")
+      })
+    })
+  });
+}
+const financialInfoValidationRules = {
+  numberOfEmployees: [{
+    modes: ["blur"],
+    validate: (numberOfEmployees) => !isEmpty(numberOfEmployees),
+    errorMessage: "fieldIsRequired"
+  }],
+  financialReportingDate: [{
+    modes: ["blur"],
+    validate: (date) => !isEmpty(date),
+    errorMessage: "fieldIsRequired"
+  }, {
+    modes: ["blur"],
+    validate: (date) => date ? new Date(date) < /* @__PURE__ */ new Date() : false,
+    errorMessage: "invalidFinancialReportingDate"
+  }],
+  currency: [{
+    modes: ["blur"],
+    validate: (currency) => !isEmpty(currency),
+    errorMessage: "fieldIsRequired"
+  }],
+  reportedValueOption: {
+    modes: ["blur"],
+    validate: (option) => !isEmpty(option),
+    errorMessage: "fieldIsRequired"
+  },
+  netAssets: {
+    modes: ["blur"],
+    validate: (amount) => !isUndefinedOrNull(amount),
+    errorMessage: "fieldIsRequired"
+  },
+  annualTurnover: {
+    modes: ["blur"],
+    validate: (amount) => !isUndefinedOrNull(amount),
+    errorMessage: "fieldIsRequired"
+  }
+};
+const financialInformationReportedValueOptions = "adyen-kyc-financial-information-reported-value-options";
+const styles$6 = {
+  "financial-information-reported-value-options": "adyen-kyc-financial-information-reported-value-options",
+  financialInformationReportedValueOptions
+};
+const logger$x = createLogger("InputCurrency");
+const determineDecimalSeparator = (formatter) => formatter.formatToParts(0.1).find((part) => part.type === "decimal").value;
+const determineCurrencySymbol = (formatter) => formatter.formatToParts(0).find((part) => part.type === "currency").value;
+const getNumberFromFormattedCurrency = (formatted, decimalSeparator) => {
+  const lastDecimalIndex = formatted.lastIndexOf(decimalSeparator);
+  const normalized = Array.from(formatted).reduce((acc, curr, i) => {
+    if (/[0-9]/.test(curr)) return acc + curr;
+    if (i === lastDecimalIndex) return `${acc}.`;
+    return acc;
+  }, "");
+  return parseFloat(normalized);
+};
+const InputCurrency = ({
+  locale,
+  currency,
+  amount,
+  onAmountChanged,
+  ...baseProps
+}) => {
+  const formatter = useMemo(() => new Intl.NumberFormat(locale, {
+    style: "currency",
+    currency
+  }), [locale, currency]);
+  const decimalSeparator = useMemo(() => determineDecimalSeparator(formatter), [formatter]);
+  const currencySymbol = useMemo(() => determineCurrencySymbol(formatter), [formatter]);
+  const [text, setText] = useState("");
+  const onInput = (e) => setText(e.target.value);
+  const onBlur = (e) => {
+    const rawValue = e.target.value;
+    const value = getNumberFromFormattedCurrency(rawValue, decimalSeparator);
+    if (Number.isNaN(value)) {
+      logger$x.warn(`Unable to get number from formatted currency: "${rawValue}"`);
+      setText(isUndefinedOrNull(amount) ? currencySymbol : formatter.format(amount));
+      return;
+    }
+    onAmountChanged(value);
+  };
+  useEffect(() => {
+    setText(isUndefinedOrNull(amount) ? currencySymbol : formatter.format(amount));
+  }, [amount, currencySymbol, formatter]);
+  return jsx(InputText, {
+    ...baseProps,
+    value: text,
+    onInput,
+    onBlur
+  });
+};
+const reportedValue = "adyen-kyc-reported-value";
+const reportedValueInput = "adyen-kyc-reported-value-input";
+const styles$5 = {
+  "reported-value": "adyen-kyc-reported-value",
+  reportedValue,
+  "reported-value-input": "adyen-kyc-reported-value-input",
+  reportedValueInput
+};
+const ReportedValue = ({
+  currency,
+  amount,
+  onAmountChanged,
+  helper,
+  fieldName,
+  errorMessage,
+  isValid
+}) => {
+  const {
+    i18n
+  } = useI18nContext();
+  return jsx("div", {
+    className: styles$5.reportedValue,
+    children: jsx(Field, {
+      name: fieldName,
+      errorMessage,
+      isValid,
+      helper,
+      children: (childProps) => jsx(InputCurrency, {
+        ...childProps,
+        locale: i18n.locale,
+        currency,
+        amount,
+        onAmountChanged,
+        className: styles$5.reportedValueInput
+      })
+    })
+  });
+};
+const financialInformationFields = [...NUMBER_OF_EMPLOYEES_FIELD, ...FINANCIAL_REPORTING_DATE_FIELD, ...CURRENCY_FIELD, "reportedValueOption"];
+const getSchema = (data) => [...financialInformationFields, ...data.reportedValueOption ? [data.reportedValueOption] : []];
+function FinancialInformation(props) {
+  var _a;
+  const {
+    i18n
+  } = useI18nContext();
+  const defaultCurrency = ((_a = currencyByCountry[props.country]) == null ? void 0 : _a[0]) ?? "EUR";
+  const {
+    handleChangeFor,
+    data,
+    valid,
+    errors,
+    fieldProblems,
+    schema
+  } = useForm({
+    ...props,
+    schema: getSchema,
+    defaultData: props.data,
+    rules: financialInfoValidationRules,
+    fieldProblems: props == null ? void 0 : props.fieldValidationErrors
+  });
+  const {
+    updateStateSlice
+  } = useGlobalDataSlice("companyFinancialInformation");
+  useEffect(() => {
+    updateStateSlice({
+      data,
+      valid,
+      errors,
+      fieldProblems,
+      schema
+    });
+  }, [data, valid, errors, fieldProblems, schema, updateStateSlice]);
+  const updateReportedValueOption = (option) => {
+    if (data.reportedValueOption) {
+      handleChangeFor(data.reportedValueOption)(null);
+    }
+    const newReportedValue = option;
+    handleChangeFor("reportedValueOption")(newReportedValue);
+  };
+  const formUtils = formUtilities(props, i18n);
+  return jsxs("div", {
+    className: "adyen-kyc-company-financial-information",
+    children: [jsx(FormHeader, {
+      heading: props.heading
+    }), jsx(NumberOfEmployees, {
+      data: formUtils.getFieldData(data, NUMBER_OF_EMPLOYEES_FIELD),
+      errors: formUtils.getFieldErrors(errors, fieldProblems, NUMBER_OF_EMPLOYEES_FIELD),
+      handleChangeFor,
+      labels: formUtils.getFieldLabels(NUMBER_OF_EMPLOYEES_FIELD),
+      readonly: formUtils.isReadOnly("numberOfEmployees"),
+      valid: formUtils.getFieldValid(valid, NUMBER_OF_EMPLOYEES_FIELD)
+    }), jsx(FinancialReportingDate, {
+      data: formUtils.getFieldData(data, FINANCIAL_REPORTING_DATE_FIELD),
+      errors: formUtils.getFieldErrors(errors, fieldProblems, FINANCIAL_REPORTING_DATE_FIELD),
+      handleChangeFor,
+      labels: formUtils.getFieldLabels(FINANCIAL_REPORTING_DATE_FIELD),
+      readonly: formUtils.isReadOnly("financialReportingDate"),
+      valid: formUtils.getFieldValid(valid, FINANCIAL_REPORTING_DATE_FIELD)
+    }), jsx(Currency, {
+      country: props.country,
+      data: formUtils.getFieldData(data, CURRENCY_FIELD),
+      errors: formUtils.getFieldErrors(errors, fieldProblems, CURRENCY_FIELD),
+      handleChangeFor,
+      labels: {
+        currency: i18n.get("reportingCurrency")
+      },
+      readonly: formUtils.isReadOnly("currency"),
+      valid: formUtils.getFieldValid(valid, CURRENCY_FIELD)
+    }), jsx(Field, {
+      name: "reportedValueOption",
+      label: i18n.get("reportedValue"),
+      errorMessage: formUtils.getErrorMessage("reportedValueOption", errors, fieldProblems),
+      isValid: valid.reportedValueOption,
+      children: (childProps) => jsx(RadioGroup, {
+        ...childProps,
+        value: data.reportedValueOption,
+        items: [{
+          id: "netAssets",
+          name: "totalAssets",
+          content: jsx(ReportedValue, {
+            currency: data.currency ?? defaultCurrency,
+            amount: data.netAssets,
+            onAmountChanged: handleChangeFor("netAssets"),
+            helper: i18n.get("totalAssetsHelper"),
+            fieldName: "netAssets",
+            isValid: valid.netAssets,
+            errorMessage: formUtils.getErrorMessage("netAssets", errors, fieldProblems)
+          })
+        }, {
+          id: "annualTurnover",
+          name: "annualTurnover",
+          content: jsx(ReportedValue, {
+            currency: data.currency ?? defaultCurrency,
+            amount: data.annualTurnover,
+            onAmountChanged: handleChangeFor("annualTurnover"),
+            helper: i18n.get("annualTurnoverHelper"),
+            fieldName: "annualTurnover",
+            isValid: valid.annualTurnover,
+            errorMessage: formUtils.getErrorMessage("annualTurnover", errors, fieldProblems)
+          })
+        }],
+        onChange: updateReportedValueOption,
+        showContentOnlyOnSelected: true,
+        className: styles$6.financialInformationReportedValueOptions
+      })
+    })]
+  });
+}
 function List({
   className,
   nested,
@@ -12868,10 +13325,7 @@ function RegistrationAddressComponent(props) {
     handleChangeFor("operationalAddress")(state.data);
     setValid("operationalAddress", Boolean(state.isValid));
   };
-  const handleOperationalAddressIsSameChange = (e) => {
-    const {
-      value
-    } = e.target;
+  const handleOperationalAddressIsSameChange = (value) => {
     handleChangeFor("operationalAddressIsSame")(value);
     if (value === "OperationAddressAnswerYes") setValid("operationalAddress", true);
   };
@@ -13230,6 +13684,13 @@ const companyForms = {
     formHeading: "companyTaxDocumentFormHeading",
     formDescription: "companyTaxDocumentFormDescription",
     fields: ["taxDocument"]
+  },
+  companyFinancialInformation: {
+    formId: "companyFinancialInformation",
+    formName: "financialInformation",
+    formHeading: "companyFinancialInformationFormHeading",
+    formDescription: "companyFinancialInformationFormDescription",
+    fields: financialInformationFields
   }
 };
 const CompanyNameAndCountryFormID = companyForms.companyNameAndCountry.formId;
@@ -13238,6 +13699,7 @@ const CompanyRegistrationDetailsFormID = companyForms.companyRegistrationDetails
 const CompanyRegistrationAddressFormID = companyForms.companyRegistrationAddress.formId;
 const CompanyRegistrationDocumentFormID = companyForms.companyRegistrationDocument.formId;
 const CompanyTaxDocumentFormID = companyForms.companyTaxDocument.formId;
+const CompanyFinancialInformationFormID = companyForms.companyFinancialInformation.formId;
 const companyDocumentForms = [CompanyRegistrationDocumentFormID, CompanyTaxDocumentFormID];
 function CompanyComponent(props) {
   const {
@@ -13252,6 +13714,7 @@ function CompanyComponent(props) {
   const companyRegistrationAddressFormProps = getNestedOuterFormPropsFromOuterFormProps(props, CompanyRegistrationAddressFormID);
   const companyRegistrationDocumentFormProps = getFormProps(props, CompanyRegistrationDocumentFormID);
   const companyTaxDocumentFormProps = getFormProps(props, CompanyTaxDocumentFormID);
+  const companyFinancialInformationFormProps = getFormProps(props, CompanyFinancialInformationFormID);
   const handleStateChange = ({
     currentState,
     prevState
@@ -13359,6 +13822,14 @@ function CompanyComponent(props) {
         }),
         id: CompanyTaxDocumentFormID
       })
+    }), jsx("div", {
+      className: props.activeForm.formId !== CompanyFinancialInformationFormID ? "adyen-kyc-form-wrapper adyen-kyc-form-wrapper--hidden" : "adyen-kyc-form-wrapper",
+      children: jsx(FinancialInformation, {
+        ...companyFinancialInformationFormProps,
+        heading: i18n.get("financialInformation"),
+        id: CompanyFinancialInformationFormID,
+        country: props.country
+      })
     })]
   });
 }
@@ -13587,6 +14058,7 @@ const COUNTRIES_WITH_POSSIBLE_TAX_EXEMPTION_FOR_SOLE_PROPS = [
 const COUNTRIES_THAT_REQUIRE_DATE_OF_INCORPORATION = [CountryCodes.HongKong, CountryCodes.Singapore];
 const COUNTRIES_THAT_USES_UEN_OR_GST = [CountryCodes.Singapore];
 const COUNTRIES_USING_COMPANY_SEARCH = [CountryCodes.UnitedStates];
+const COUNTRIES_REQUIRING_FINANCIAL_INFORMATION = [CountryCodes.UnitedKingdom];
 const rules$3 = ({
   data,
   country,
@@ -13702,6 +14174,11 @@ const rules$3 = ({
     if (COUNTRIES_USING_COMPANY_SEARCH.includes(country)) {
       return "REQUIRED";
     }
+  },
+  countryRequiringFinancialInformation: () => {
+    if (isExperimentEnabled("EnableFinancialInformationComponentV4") && COUNTRIES_REQUIRING_FINANCIAL_INFORMATION.includes(country)) {
+      return "REQUIRED";
+    }
   }
 });
 var LegalEntityType = /* @__PURE__ */ ((LegalEntityType2) => {
@@ -13880,6 +14357,13 @@ const highExposureBaseMapping = {
   "parentCompany.numberOfEmployees": "parentCompany.numberOfEmployees",
   "ultimateParentCompany.numberOfEmployees": "ultimateParentCompany.numberOfEmployees"
 };
+const financialInformationComponentsKeyMapping = {
+  numberOfEmployees: "employeeCount",
+  annualTurnover: "annualTurnover",
+  netAssets: "netAssets",
+  financialReportingDate: "dateOfFinancialData",
+  currency: "currencyOfFinancialData"
+};
 const businessDetailsComponentsKeyMapping = {
   "additionalInformation.exemptedFromVat": "organization.vatAbsenceReason",
   ...businessDetailsBaseMapping
@@ -13919,6 +14403,9 @@ const solePropComponentsKeyMapping = {
 const solePropApiKeyMapping = {
   ...reverseObject(solePropBaseMapping)
 };
+const financialInformationApiKeyMapping = {
+  ...reverseObject(financialInformationComponentsKeyMapping)
+};
 const remediationBusinessDetailsApiKeyMapping = {
   ...businessDetailsApiKeyMapping,
   "organization.registeredAddress": "additionalInformation.registrationAddress",
@@ -14082,6 +14569,21 @@ const mapPayoutAccountToTransferInstrument = ({
   payoutAccountData.type = TransferInstrumentType.BANK_ACCOUNT;
   return payoutAccountData;
 };
+const mapFinancialReportsToFinancialInformation = (financialReports) => {
+  const mostRecentReport = financialReports.reduce((latest, curr) => {
+    if (!latest || curr.dateOfFinancialData > latest.dateOfFinancialData) {
+      return curr;
+    }
+    return latest;
+  }, void 0);
+  const financialInfo = formatObject(mostRecentReport, financialInformationComponentsKeyMapping);
+  if (financialInfo.netAssets !== void 0) {
+    financialInfo.reportedValueOption = "netAssets";
+  } else if (financialInfo.annualTurnover !== void 0) {
+    financialInfo.reportedValueOption = "annualTurnover";
+  }
+  return financialInfo;
+};
 const mapLegalEntityToIndividual = (legalEntity, isChangingType) => {
   var _a, _b, _c;
   let individualData = formatObject(legalEntity, individualComponentsKeyMapping);
@@ -14122,7 +14624,7 @@ const mapIndividualToLegalEntity = (data) => {
   return requestObj;
 };
 const mapLegalEntityToCompany = (legalEntity) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
   let companyCompData;
   if (legalEntity == null ? void 0 : legalEntity.organization) {
     companyCompData = formatObject(legalEntity, companyComponentsKeyMapping);
@@ -14159,6 +14661,9 @@ const mapLegalEntityToCompany = (legalEntity) => {
         ...mapApiDocumentToCompanyDocuments(legalEntity == null ? void 0 : legalEntity.id)
       };
     }
+    if ((_j = legalEntity == null ? void 0 : legalEntity.organization) == null ? void 0 : _j.financialReports) {
+      companyCompData.companyFinancialInformation = mapFinancialReportsToFinancialInformation(legalEntity.organization.financialReports);
+    }
   }
   companyCompData = {
     ...companyCompData,
@@ -14190,6 +14695,9 @@ const mapCompanyToLegalEntity = (data) => {
     });
   }
   requestObj.organization = transformCountryOfGoverningLawToLegalEntity(data.companyNameAndCountry, requestObj.organization);
+  if (data.companyFinancialInformation) {
+    requestObj.organization.financialReports = [formatObject(data.companyFinancialInformation, financialInformationApiKeyMapping)];
+  }
   requestObj.type = LegalEntityType.ORGANIZATION;
   return requestObj;
 };
@@ -15035,13 +15543,12 @@ function IdDocumentUploadComponent(props) {
     ...props
   });
 }
-function RadioCardSelect({
+const RadioCardSelect = ({
   options,
   name,
   onSelect,
   selected,
   isInvalid,
-  uniqueId,
   className,
   optionId,
   optionName,
@@ -15051,29 +15558,27 @@ function RadioCardSelect({
   renderOptionIcon,
   renderOptionBody,
   renderOptionFooter,
-  isOptionDisabled
-}) {
-  const uniqueIdBase = uniqueId == null ? void 0 : uniqueId.replace(/[0-9]/g, "").substring(0, uniqueId.lastIndexOf("-"));
-  return jsx("div", {
-    className: className ?? "adyen-kyc-radio-group-card",
-    children: options.map((option) => jsx(RadioCard, {
-      optionId: optionId(option),
-      optionName: optionName(option),
-      optionDescription: optionDescription == null ? void 0 : optionDescription(option),
-      optionSubtitle: optionSubtitle == null ? void 0 : optionSubtitle(option),
-      uniqueId: getUniqueId(uniqueIdBase),
-      isInvalid,
-      isSelected: selected === option,
-      onSelect: () => onSelect(option),
-      name,
-      classNames: optionClassNames == null ? void 0 : optionClassNames(option),
-      icon: renderOptionIcon == null ? void 0 : renderOptionIcon(option),
-      body: renderOptionBody == null ? void 0 : renderOptionBody(option),
-      footer: renderOptionFooter == null ? void 0 : renderOptionFooter(option),
-      disabled: isOptionDisabled == null ? void 0 : isOptionDisabled(option)
-    }, optionId(option)))
-  });
-}
+  isOptionDisabled,
+  floatingRadio
+}) => jsx("div", {
+  className: className ?? "adyen-kyc-radio-group-card",
+  children: options.map((option) => jsx(RadioCard, {
+    optionId: optionId(option),
+    optionName: optionName(option),
+    optionDescription: optionDescription == null ? void 0 : optionDescription(option),
+    optionSubtitle: optionSubtitle == null ? void 0 : optionSubtitle(option),
+    isInvalid,
+    isSelected: selected === option,
+    onSelect: () => onSelect(option),
+    name,
+    classNames: optionClassNames == null ? void 0 : optionClassNames(option),
+    icon: renderOptionIcon == null ? void 0 : renderOptionIcon(option),
+    body: renderOptionBody == null ? void 0 : renderOptionBody(option),
+    footer: renderOptionFooter == null ? void 0 : renderOptionFooter(option),
+    disabled: isOptionDisabled == null ? void 0 : isOptionDisabled(option),
+    floatingRadio
+  }, optionId(option)))
+});
 const idVerificationMethodsMetadata = {
   instantVerification: {
     name: "instantVerification",
@@ -15211,14 +15716,15 @@ function IdVerificationMethodComponent(props) {
           optionDescription: (method) => idVerificationMethodsMetadata[method].description,
           className: "adyen-kyc-field-verification-methods",
           optionClassNames: () => ({
-            label: "adyen-kyc-field-verification-methods__card adyen-kyc-radio-group-card--floating-radio"
+            label: "adyen-kyc-field-verification-methods__card"
           }),
           renderOptionIcon: (method) => jsx(IdVerificationMethodOptionIcon, {
             method
           }),
           renderOptionFooter: (method) => jsx(IdVerificationMethodOptionFooter, {
             method
-          })
+          }),
+          floatingRadio: true
         })
       }), jsx(ContextGuidance, {
         page: "Instant verification with Onfido",
@@ -16570,10 +17076,7 @@ function IndividualIdNumberTypeSelector({
       name: "individualIdNumberType",
       items: options,
       value: selected,
-      onChange: (e) => {
-        var _a;
-        return setSelected == null ? void 0 : setSelected((_a = e == null ? void 0 : e.target) == null ? void 0 : _a.value);
-      }
+      onChange: (value) => setSelected(value)
     })
   });
 }
@@ -18769,81 +19272,6 @@ const ActionBar = ({
     })
   })]
 });
-var Currencies = /* @__PURE__ */ ((Currencies2) => {
-  Currencies2["AED"] = "AED";
-  Currencies2["AUD"] = "AUD";
-  Currencies2["BGN"] = "BGN";
-  Currencies2["BRL"] = "BRL";
-  Currencies2["CAD"] = "CAD";
-  Currencies2["CHF"] = "CHF";
-  Currencies2["CZK"] = "CZK";
-  Currencies2["DKK"] = "DKK";
-  Currencies2["EUR"] = "EUR";
-  Currencies2["GBP"] = "GBP";
-  Currencies2["HKD"] = "HKD";
-  Currencies2["HRK"] = "HRK";
-  Currencies2["HUF"] = "HUF";
-  Currencies2["MXN"] = "MXN";
-  Currencies2["MYR"] = "MYR";
-  Currencies2["NOK"] = "NOK";
-  Currencies2["NZD"] = "NZD";
-  Currencies2["PLN"] = "PLN";
-  Currencies2["RON"] = "RON";
-  Currencies2["SEK"] = "SEK";
-  Currencies2["SGD"] = "SGD";
-  Currencies2["USD"] = "USD";
-  return Currencies2;
-})(Currencies || {});
-const currencyByCountry = {
-  [CountryCodes.Australia]: [Currencies.AUD],
-  [CountryCodes.Austria]: [Currencies.EUR],
-  [CountryCodes.Belgium]: [Currencies.EUR],
-  [CountryCodes.Brazil]: [Currencies.BRL],
-  [CountryCodes.Bulgaria]: [Currencies.BGN, Currencies.EUR],
-  [CountryCodes.Canada]: [Currencies.CAD, Currencies.USD],
-  [CountryCodes.Croatia]: [Currencies.HRK, Currencies.EUR],
-  [CountryCodes.Cyprus]: [Currencies.EUR],
-  [CountryCodes.CzechRepublic]: [Currencies.CZK, Currencies.EUR],
-  [CountryCodes.Denmark]: [Currencies.DKK, Currencies.EUR],
-  [CountryCodes.Estonia]: [Currencies.EUR],
-  [CountryCodes.Finland]: [Currencies.EUR],
-  [CountryCodes.France]: [Currencies.EUR],
-  [CountryCodes.Germany]: [Currencies.EUR],
-  [CountryCodes.Gibraltar]: [Currencies.GBP],
-  [CountryCodes.Greece]: [Currencies.EUR],
-  [CountryCodes.Guernsey]: [Currencies.GBP],
-  [CountryCodes.HongKong]: [Currencies.HKD],
-  [CountryCodes.Hungary]: [Currencies.HUF, Currencies.EUR],
-  [CountryCodes.Ireland]: [Currencies.EUR],
-  [CountryCodes.IsleOfMan]: [Currencies.GBP],
-  [CountryCodes.Italy]: [Currencies.EUR],
-  [CountryCodes.Jersey]: [Currencies.GBP],
-  [CountryCodes.Latvia]: [Currencies.EUR],
-  [CountryCodes.Liechtenstein]: [Currencies.CHF, Currencies.EUR],
-  [CountryCodes.Lithuania]: [Currencies.EUR],
-  [CountryCodes.Luxembourg]: [Currencies.EUR],
-  [CountryCodes.Malaysia]: [Currencies.MYR],
-  [CountryCodes.Malta]: [Currencies.EUR],
-  [CountryCodes.Mexico]: [Currencies.MXN],
-  [CountryCodes.Monaco]: [Currencies.EUR],
-  [CountryCodes.Netherlands]: [Currencies.EUR],
-  [CountryCodes.NewZealand]: [Currencies.NZD],
-  [CountryCodes.Norway]: [Currencies.NOK, Currencies.EUR],
-  [CountryCodes.Poland]: [Currencies.PLN, Currencies.EUR],
-  [CountryCodes.Portugal]: [Currencies.EUR],
-  [CountryCodes.PuertoRico]: [Currencies.USD],
-  // should exactly match CountryCodes.UnitedStates
-  [CountryCodes.Romania]: [Currencies.RON, Currencies.EUR],
-  [CountryCodes.Singapore]: [Currencies.SGD],
-  [CountryCodes.Slovakia]: [Currencies.EUR],
-  [CountryCodes.Slovenia]: [Currencies.EUR],
-  [CountryCodes.Spain]: [Currencies.EUR],
-  [CountryCodes.Sweden]: [Currencies.SEK, Currencies.EUR],
-  [CountryCodes.Switzerland]: [Currencies.CHF, Currencies.EUR],
-  [CountryCodes.UnitedArabEmirates]: [Currencies.AED],
-  [CountryCodes.UnitedKingdom]: [Currencies.GBP, Currencies.EUR],
-  [CountryCodes.UnitedStates]: [Currencies.USD]
-};
 const bankVerificationValidationRules = {
   verifiedAccountHolder: {
     modes: ["blur"],
@@ -20191,7 +20619,6 @@ function BranchCode(props) {
     "aria-invalid": !valid.branchCode
   });
 }
-const currencyFields = ["currency"];
 const bbanPatternsByCountry = {
   [CountryCodes.Albania]: /\d{8}[\dA-Z]{16}/,
   [CountryCodes.Andorra]: /\d{8}[\dA-Z]{12}/,
@@ -20545,7 +20972,7 @@ const CheckGuidance = ({
     className: "adyen-kyc-check-guidance__image"
   })]
 });
-const payoutAccountFields = ["accountHolder", ...ibanFields, ...branchCodeFields, ...swiftCodeFields, ...currencyFields, ...bankAccountNumberFields, ...bankNameFields, ...bankCodeFields];
+const payoutAccountFields = ["accountHolder", ...ibanFields, ...branchCodeFields, ...swiftCodeFields, ...bankAccountNumberFields, ...bankNameFields, ...bankCodeFields];
 function PayoutAccountComponent(props) {
   const {
     accountHolder,
@@ -21204,7 +21631,7 @@ function PayoutVerificationMethod(props) {
           optionSubtitle: (method) => methodsMetadata[method].subtitle,
           className: "adyen-kyc-field-verification-methods",
           optionClassNames: () => ({
-            label: "adyen-kyc-field-verification-methods__card adyen-kyc-radio-group-card--floating-radio"
+            label: "adyen-kyc-field-verification-methods__card"
           }),
           isOptionDisabled: (option) => bankInfoValidated || option === "instantVerification" && !instantVerificationAvailable,
           renderOptionIcon: (method) => jsx(PayoutVerificationMethodOptionIcon, {
@@ -21214,7 +21641,8 @@ function PayoutVerificationMethod(props) {
           renderOptionFooter: (method) => jsx(PayoutVerificationMethodOptionFooter, {
             method,
             methodsMetadata
-          })
+          }),
+          floatingRadio: true
         })]
       })
     }), jsx(ErrorPanel, {
@@ -23226,7 +23654,7 @@ function Summary({
       const fieldName = i18n.get(labelData[field]) || i18n.get(field);
       if (typeof fieldData === "object") {
         dataList.push(renderSummaryItems(fieldData, labelData));
-      } else if (typeof fieldData === "string") {
+      } else if (["string", "number"].includes(typeof fieldData)) {
         dataList.push(jsxs("div", {
           className: "adyen-kyc-summary-section__field",
           children: [jsx("dt", {
@@ -24230,7 +24658,7 @@ function DBANameField({
           name: "no"
         }],
         value: selection,
-        onChange: (e) => handleChangeFor("hasDba")(e.target.value === "yes"),
+        onChange: (newValue) => handleChangeFor("hasDba")(newValue === "yes"),
         horizontal: true
       })
     }), data.hasDba && jsx(Field, {
@@ -25674,6 +26102,13 @@ const getForms = (country) => ({
     formHeading: "companyTaxDocumentFormHeading",
     formDescription: "companyTaxDocumentFormDescription",
     fields: ["taxDocument"]
+  },
+  financialInformation: {
+    formId: "financialInformation",
+    formName: "financialInformation",
+    formHeading: "companyFinancialInformationFormHeading",
+    formDescription: "companyFinancialInformationFormDescription",
+    fields: financialInformationFields
   }
 });
 const documentFormsIds = ["companyRegistrationDocument", "companyTaxDocument"];
@@ -27647,6 +28082,15 @@ function BusinessDetailsDropinComponent({
     })
   });
 }
+const formatCurrency = (amount, currency, locale) => {
+  const {
+    format
+  } = new Intl.NumberFormat(locale, currency ? {
+    style: "currency",
+    currency
+  } : void 0);
+  return format(amount);
+};
 const parseConfiguration$5 = ({
   country,
   matchingScenario
@@ -27973,6 +28417,17 @@ function CompanyDropinComponent({
       }
       delete summaryData.companyRegistrationDetails.taxInformation;
     }
+    const financialInfoSummary = summaryData.companyFinancialInformation;
+    if (financialInfoSummary) {
+      delete financialInfoSummary.reportedValueOption;
+      if (financialInfoSummary.netAssets) {
+        financialInfoSummary.totalAssets = formatCurrency(financialInfoSummary.netAssets, financialInfoSummary.currency, i18n.locale);
+        delete financialInfoSummary.netAssets;
+      }
+      if (financialInfoSummary.annualTurnover) {
+        financialInfoSummary.annualTurnover = formatCurrency(financialInfoSummary.annualTurnover, financialInfoSummary.currency, i18n.locale);
+      }
+    }
     if (isDocumentsRequired$1(forms2)) {
       companyDocumentForms.forEach((formId) => delete summaryData[formId]);
       summaryData = {
@@ -30378,14 +30833,15 @@ const SingpassSelection = (props) => {
             className: "adyen-kyc-field-verification-methods",
             optionClassNames: () => ({
               icon: "adyen-kyc-radio-group-card__illustration",
-              label: "adyen-kyc-field-verification-methods__card adyen-kyc-radio-group-card--floating-radio",
+              label: "adyen-kyc-field-verification-methods__card",
               footer: "adyen-kyc-field-verification-methods__footer"
             }),
             renderOptionIcon: (method) => methodsMetadata[method].icon,
             renderOptionFooter: (method) => {
               var _a;
               return (_a = methodsMetadata[method].provider) == null ? void 0 : _a.icon;
-            }
+            },
+            floatingRadio: true
           })
         })
       }), jsx(Button, {
@@ -33914,6 +34370,8 @@ function SolePropDropinComponent({
   const {
     handleNextClick,
     handleBackClick,
+    hideHomeButton,
+    hideBackButton,
     activeForm,
     shouldValidate,
     setShouldValidate,
@@ -33933,6 +34391,8 @@ function SolePropDropinComponent({
     gotoFormByFormIndex,
     handleHomeClick,
     hideDropinLayout,
+    hideHomeButton,
+    hideBackButton,
     nextButtonLabel,
     homeButtonLabel,
     loadingStatus,
@@ -38253,7 +38713,7 @@ const ConfigurationApiProvider = ({
     isEmbeddedDropin,
     loadingContext
   } = authContext;
-  const sdkVersion = "2.57.4";
+  const sdkVersion = "2.58.0";
   useAnalytics({
     onUserEvent,
     legalEntityId: rootLegalEntityId,
@@ -38346,7 +38806,7 @@ const useAllowedLocales = () => {
   }, []);
   return allowedLocales;
 };
-const localeImports = /* @__PURE__ */ Object.assign({ "./locales/bg-BG.json": () => import("./bg-BG-Cg7uHZ7u.js"), "./locales/cs-CZ.json": () => import("./cs-CZ-MP5JPvEI.js"), "./locales/da-DK.json": () => import("./da-DK-Bf4-HdQJ.js"), "./locales/de-DE.json": () => import("./de-DE-CpV6Dp0r.js"), "./locales/el-GR.json": () => import("./el-GR-DzwQKvWE.js"), "./locales/en-US.json": () => Promise.resolve().then(() => enUS), "./locales/es-ES.json": () => import("./es-ES-E5qWUSQV.js"), "./locales/et-EE.json": () => import("./et-EE-DRZrZKKJ.js"), "./locales/fi-FI.json": () => import("./fi-FI-Bk1rCYU6.js"), "./locales/fr-FR.json": () => import("./fr-FR-tlByDhb7.js"), "./locales/hr-HR.json": () => import("./hr-HR-CZUCz_Lu.js"), "./locales/hu-HU.json": () => import("./hu-HU-CmEicftd.js"), "./locales/it-IT.json": () => import("./it-IT-BNGHjXBu.js"), "./locales/lt-LT.json": () => import("./lt-LT-BDv4TY99.js"), "./locales/lv-LV.json": () => import("./lv-LV-HfHaTFsC.js"), "./locales/nl-NL.json": () => import("./nl-NL-CSyNOXAT.js"), "./locales/no-NO.json": () => import("./no-NO-BzBtvG7T.js"), "./locales/pl-PL.json": () => import("./pl-PL-CwUuiZyG.js"), "./locales/pt-PT.json": () => import("./pt-PT-CY_ZCE9N.js"), "./locales/ro-RO.json": () => import("./ro-RO-C-OpimQU.js"), "./locales/sk-SK.json": () => import("./sk-SK-Vi54HLZU.js"), "./locales/sl-SI.json": () => import("./sl-SI-2FDuP5IV.js"), "./locales/sv-SE.json": () => import("./sv-SE-lw5yiImq.js") });
+const localeImports = /* @__PURE__ */ Object.assign({ "./locales/bg-BG.json": () => import("./bg-BG-DSGcxUqd.js"), "./locales/cs-CZ.json": () => import("./cs-CZ-DAS2jbyW.js"), "./locales/da-DK.json": () => import("./da-DK-CH9-Y2_h.js"), "./locales/de-DE.json": () => import("./de-DE-Cvre4fQ7.js"), "./locales/el-GR.json": () => import("./el-GR-BLJi6VdO.js"), "./locales/en-US.json": () => Promise.resolve().then(() => enUS), "./locales/es-ES.json": () => import("./es-ES-BfHjS5Hb.js"), "./locales/et-EE.json": () => import("./et-EE-DG5Cjsj_.js"), "./locales/fi-FI.json": () => import("./fi-FI-RdmcbEt_.js"), "./locales/fr-FR.json": () => import("./fr-FR-Cuu7ywoh.js"), "./locales/hr-HR.json": () => import("./hr-HR-CwRw-oEW.js"), "./locales/hu-HU.json": () => import("./hu-HU-PO0jI1sW.js"), "./locales/it-IT.json": () => import("./it-IT-RXBJv4US.js"), "./locales/lt-LT.json": () => import("./lt-LT-BCLEVKxe.js"), "./locales/lv-LV.json": () => import("./lv-LV-DfWQ_6E9.js"), "./locales/nl-NL.json": () => import("./nl-NL-2CzcCtiM.js"), "./locales/no-NO.json": () => import("./no-NO-r9q3S-TP.js"), "./locales/pl-PL.json": () => import("./pl-PL-Nix6oaTv.js"), "./locales/pt-PT.json": () => import("./pt-PT-CGVej1Ae.js"), "./locales/ro-RO.json": () => import("./ro-RO-DhJK0CPN.js"), "./locales/sk-SK.json": () => import("./sk-SK-Akja9ejH.js"), "./locales/sl-SI.json": () => import("./sl-SI-Bq22qBey.js"), "./locales/sv-SE.json": () => import("./sv-SE-2gCnkRkv.js") });
 const loadLocale = async (locale) => {
   const importForLocale = localeImports[`./locales/${locale}.json`];
   if (!importForLocale) {
@@ -38649,7 +39109,7 @@ const Toast = ({
 }) => {
   const toastRef = useRef(null);
   const isLoading = type === "loading";
-  const labelId = getUniqueId("toast");
+  const labelId = useId();
   const handleShow = useCallback(() => {
     var _a;
     return (_a = toastRef.current) == null ? void 0 : _a.classList.add("adyen-kyc-toast--visible");
@@ -38936,7 +39396,7 @@ const DebugModal = ({
   };
   const copyToClipboard = async () => {
     const toCopy = {
-      sdkVersion: "2.57.4",
+      sdkVersion: "2.58.0",
       experiments: Object.fromEntries(allExperimentsWithValues),
       settings: Object.fromEntries(allSettingsWithValues)
     };
@@ -38975,7 +39435,7 @@ const DebugModal = ({
       children: [jsxs("div", {
         className: "adyen-kyc-debug-modal__meta",
         children: [jsxs("span", {
-          children: ["SDK version: ", "2.57.4"]
+          children: ["SDK version: ", "2.58.0"]
         }), jsxs("span", {
           children: ["rootLegalEntityId: ", rootLegalEntityId]
         })]