@adyen/kyc-components 3.91.0 → 3.92.0

package/dist/Dropzone-CKT3THCY.js

@@ -0,0 +1,218 @@
+;
+{
+  try {
+    let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "235d5269-9b89-4d04-add1-4a5fa9f98618", e._sentryDebugIdIdentifier = "sentry-dbid-235d5269-9b89-4d04-add1-4a5fa9f98618");
+  } catch (e) {
+  }
+}
+;
+import { jsxs, jsx, Fragment } from "preact/jsx-runtime";
+import { f as defaultFileValidationOptions, h as fileValidationRules, S as StateContextSetter, D as DropzoneFile, e as bytesToSize } from "./validate-Bsx2oHT1.js";
+import cx from "classnames";
+import { useRef, useState, useMemo, useEffect } from "preact/hooks";
+import { u as useTranslation, V as useAnalyticsContext, B as Button, G as Typography, W as Icon } from "./StoreProvider-D9IR5HNN.js";
+import { u as useForm } from "./useForm-9uKM-XKf.js";
+function Dropzone(props) {
+  const {
+    name,
+    label = "",
+    multiple = false,
+    disabled = false,
+    required = true,
+    defaultData,
+    id,
+    isOptional = false,
+    maxNumberOfFiles = defaultFileValidationOptions.maxNumberOfFiles,
+    maxSize = defaultFileValidationOptions.maxSize,
+    allowedFileTypes = defaultFileValidationOptions.allowedFileTypes,
+    showMinimal,
+    hidePageCount,
+    onChange: propsOnChange,
+    handleFieldChange,
+    errors: errorProp,
+    fieldValidationErrors,
+    valid: validProp,
+    enableTracking = false,
+    extraDropzoneDescription
+  } = props;
+  const { t } = useTranslation("ui");
+  const userEvents = useAnalyticsContext();
+  const fileInput = useRef(null);
+  const [dragged, setDragged] = useState(false);
+  const stateRef = useRef({ setState: null });
+  const rules = useMemo(
+    () => fileValidationRules({
+      maxSize,
+      allowedFileTypes,
+      maxNumberOfFiles,
+      isOptional
+    }),
+    [allowedFileTypes, isOptional, maxNumberOfFiles, maxSize]
+  );
+  const form = useForm({
+    ...props,
+    schema: [name],
+    defaultData: defaultData || [],
+    rules: {
+      [name]: rules
+    }
+  });
+  let { data, valid, errors, fieldProblems, handleChangeFor } = form;
+  const { setValid, setData, isValid, triggerValidation } = form;
+  if (handleFieldChange) {
+    handleChangeFor = handleFieldChange;
+    data = defaultData;
+    errors = errorProp;
+    valid = validProp;
+    fieldProblems = fieldValidationErrors;
+  }
+  const isRequired = errors?.[name]?.errorMessage === "fieldIsRequired";
+  const allowedFiletypes = allowedFileTypes.join(", ");
+  const hasMaxNumberOfFiles = data?.[name]?.length >= maxNumberOfFiles;
+  useEffect(() => {
+    stateRef?.current?.setState?.({
+      type: "addToState",
+      value: { data, valid, errors, fieldProblems, dataStoreId: id }
+    });
+  }, [data, valid, errors, isValid]);
+  const selectFile = () => fileInput.current?.click();
+  const handleFileDelete = (fileToDelete) => handleChangeFor(
+    name,
+    "input"
+  )(data?.[name]?.filter((file) => file !== fileToDelete));
+  const handleDragEnter = (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+  };
+  const handleDragLeave = (e) => {
+    if (disabled) return;
+    e.preventDefault();
+    e.stopPropagation();
+    setDragged(false);
+  };
+  const handleDragOver = (e) => {
+    if (disabled) return;
+    e.preventDefault();
+    e.stopPropagation();
+    setDragged(true);
+  };
+  const handleDrop = (e) => {
+    if (disabled) return;
+    e.preventDefault();
+    e.stopPropagation();
+    if (e.dataTransfer) updateFiles(e.dataTransfer);
+    setDragged(false);
+  };
+  const handleFileChange = (e) => updateFiles(e.currentTarget);
+  const updateFiles = ({ files }) => {
+    if (enableTracking) {
+      userEvents.addFieldEvent("Interacted with form field", {
+        actionType: "change",
+        field: name || "file picker"
+      });
+    }
+    const currentFiles = data?.[name] || [];
+    handleChangeFor(name, "input")([...currentFiles, ...files ?? []]);
+  };
+  useEffect(() => {
+    const currentFiles = data?.[name] || [];
+    if (isValid) {
+      propsOnChange?.([...currentFiles]);
+    }
+  }, [isValid, data]);
+  useEffect(() => {
+    if (defaultData?.[name]?.[0]) {
+      setData(name, defaultData?.[name]);
+      triggerValidation();
+    } else {
+      setData(name, null);
+    }
+  }, [defaultData]);
+  useEffect(() => {
+    const currentFiles = data?.[name];
+    const hasFiles = currentFiles && currentFiles.length > 0;
+    if (isOptional && !hasFiles) {
+      setValid(name, true);
+    }
+  }, [isOptional, data]);
+  const renderInnerContent = () => showMinimal ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { className: "adyen-kyc-dropzone__button", children: /* @__PURE__ */ jsx(Button, { onClick: selectFile, disabled, fullWidth: true, children: t(($) => $["browseFiles"]) }) }),
+    /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-dropzone__extras", children: [
+      /* @__PURE__ */ jsx(Typography, { color: "secondary", children: t(($) => $["supportedFileTypes"], { fileTypes: allowedFiletypes }) }),
+      /* @__PURE__ */ jsx(Typography, { color: "secondary", children: t(($) => $[hidePageCount ? "maxFileSizeOnly" : "maxFileSize"], {
+        maxSize: bytesToSize(maxSize)
+      }) })
+    ] })
+  ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { className: "adyen-kyc-dropzone__icon", children: /* @__PURE__ */ jsx(Icon, { name: "upload" }) }),
+    /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-dropzone__labels", children: [
+      /* @__PURE__ */ jsx(Typography, { el: "h4", variant: "body-strongest", children: t(($) => $[multiple ? "dropFilesToUpload" : "dropFileToUpload"]) }),
+      extraDropzoneDescription && /* @__PURE__ */ jsx(Typography, { color: "secondary", children: extraDropzoneDescription }),
+      /* @__PURE__ */ jsx(Typography, { color: "secondary", children: t(($) => $["supportedFileTypes"], { fileTypes: allowedFiletypes }) }),
+      /* @__PURE__ */ jsx(Typography, { color: "secondary", children: t(($) => $[hidePageCount ? "maxFileSizeOnly" : "maxFileSize"], {
+        maxSize: bytesToSize(maxSize)
+      }) }),
+      /* @__PURE__ */ jsx(Typography, { color: "secondary", children: t(($) => $["upToFiles"], { maxFiles: maxNumberOfFiles }) })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "adyen-kyc-dropzone__button", children: /* @__PURE__ */ jsx(Button, { onClick: selectFile, variant: "secondary", children: t(($) => $["browseFiles"]) }) })
+  ] });
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(StateContextSetter, { stateRef }),
+    label && /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cx("adyen-kyc-label__text", {
+          "adyen-kyc-label__text--error": isRequired
+        }),
+        children: label
+      }
+    ),
+    data?.[name]?.map((file) => /* @__PURE__ */ jsx(
+      DropzoneFile,
+      {
+        file,
+        onDelete: () => handleFileDelete(file),
+        errorMessage: errors?.[name]?.errorMessage
+      },
+      file
+    )),
+    !hasMaxNumberOfFiles && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        role: "region",
+        className: cx("adyen-kyc-dropzone", {
+          "adyen-kyc-dropzone--dragged": dragged,
+          "adyen-kyc-dropzone--error": !dragged && isRequired
+        }),
+        onDrop: handleDrop,
+        onDragOver: handleDragOver,
+        onDragEnter: handleDragEnter,
+        onDragLeave: handleDragLeave,
+        children: [
+          renderInnerContent(),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              className: "adyen-kyc-dropzone__input",
+              ref: fileInput,
+              disabled,
+              multiple,
+              accept: allowedFiletypes,
+              onChange: handleFileChange,
+              type: "file",
+              "aria-required": required,
+              "aria-label": label,
+              "aria-invalid": !valid,
+              "data-testid": "dropzone-input"
+            }
+          )
+        ]
+      }
+    ),
+    isRequired && /* @__PURE__ */ jsx("div", { className: "adyen-kyc-error-text", children: t(($) => $["fieldIsRequired"]) })
+  ] });
+}
+export {
+  Dropzone as D
+};

package/dist/{EmbeddedStatus-BSK268B-.js → EmbeddedStatus-Bst5MPzi.js}

@@ -2,15 +2,15 @@
 {
   try {
     let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
-    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "fa0c380e-ebaf-4695-83aa-10f524b3664b", e._sentryDebugIdIdentifier = "sentry-dbid-fa0c380e-ebaf-4695-83aa-10f524b3664b");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "4535ac3a-2792-476f-819b-8636965d880f", e._sentryDebugIdIdentifier = "sentry-dbid-4535ac3a-2792-476f-819b-8636965d880f");
   } catch (e) {
   }
 }
 ;
 import { jsxs, jsx, Fragment } from "preact/jsx-runtime";
 import cx from "classnames";
-import { A as Avatar } from "./Avatar-CWGv3_UH.js";
-import { U as TaskStatuses, u as useTranslation, y as Skeleton, G as Typography } from "./StoreProvider-CyzNf7KK.js";
+import { A as Avatar } from "./Avatar-AC-D1DKh.js";
+import { J as TaskStatuses, u as useTranslation, y as Skeleton, G as Typography } from "./StoreProvider-D9IR5HNN.js";
 import { T as Tag } from "./Tag-DdkVScyr.js";
 import { O as OnboardingStatuses } from "./view-verification-status-VFcBydkR.js";
 const embeddedStatus = "adyen-kyc-embedded-status";

package/dist/{EndStateLayout-B8KmFejY.js → EndStateLayout-Ck_Lvgng.js}

@@ -2,7 +2,7 @@
 {
   try {
     let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
-    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "48c20d2b-e393-4660-be6d-8875b4fa7758", e._sentryDebugIdIdentifier = "sentry-dbid-48c20d2b-e393-4660-be6d-8875b4fa7758");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "e339ef04-0f62-48a7-90b0-8aad3b18f8d4", e._sentryDebugIdIdentifier = "sentry-dbid-e339ef04-0f62-48a7-90b0-8aad3b18f8d4");
   } catch (e) {
   }
 }
@@ -10,7 +10,7 @@
 import { jsxs, jsx } from "preact/jsx-runtime";
 import cx from "classnames";
 import { isValidElement, cloneElement } from "preact";
-import { B as Button, L as Loader, a4 as Icon } from "./StoreProvider-CyzNf7KK.js";
+import { B as Button, L as Loader, W as Icon } from "./StoreProvider-D9IR5HNN.js";
 const endStateLayout = "adyen-kyc-end-state-layout";
 const endStateLayoutHeader = "adyen-kyc-end-state-layout-header";
 const endStateLayoutIcon = "adyen-kyc-end-state-layout-icon";

package/dist/{EntityAssociation-DBPiXzNF.js → EntityAssociation-bcF_I_DK.js}

@@ -2,21 +2,21 @@
 {
   try {
     let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
-    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "440f4964-8549-4a87-af38-8885e45feff2", e._sentryDebugIdIdentifier = "sentry-dbid-440f4964-8549-4a87-af38-8885e45feff2");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "c69eff5d-d64c-48e0-9d0d-571ea6ad1fd8", e._sentryDebugIdIdentifier = "sentry-dbid-c69eff5d-d64c-48e0-9d0d-571ea6ad1fd8");
   } catch (e) {
   }
 }
 ;
 import { jsx, jsxs, Fragment } from "preact/jsx-runtime";
 import { useRef, useCallback, useEffect, useState } from "preact/hooks";
-import { B as Button, u as useTranslation, Y as IconButton, U as TaskStatuses, a5 as noop } from "./StoreProvider-CyzNf7KK.js";
+import { B as Button, u as useTranslation, X as IconButton, J as TaskStatuses, Y as noop } from "./StoreProvider-D9IR5HNN.js";
 import { T as Tag } from "./Tag-DdkVScyr.js";
-import { V as VerificationErrorAlert } from "./VerificationErrorAlert-B_ovSmUS.js";
-import { C as Card } from "./Card-CQrP0PXC.js";
-import { C as Confirm } from "./useDataset-DCCxYOjr.js";
-import { T as TaskVerificationStatus } from "./InputText-DLAmX8CW.js";
-import { l as handleKeys } from "./IndividualOnfido-pGSPtITh.js";
-import { j as getRoleTagVariant, f as getRoleName } from "./CountryField-CsKJAI53.js";
+import { V as VerificationErrorAlert } from "./VerificationErrorAlert-DZ5OOTBN.js";
+import { C as Card } from "./Card-Det7uTiv.js";
+import { C as Confirm } from "./Confirm-Ctfqp-1b.js";
+import { T as TaskVerificationStatus } from "./TaskVerificationStatus-BLCkXEn6.js";
+import { h as handleKeys } from "./bafinUtils-Wct4TWLH.js";
+import { a as getRoleTagVariant, g as getRoleName } from "./roleMetadata-DmgqzhZJ.js";
 function useClickAwayListener(ref, onClickAway) {
   const handleClickAway = useCallback(
     (event) => {

package/dist/{EntityGuidanceStatus-QEzHcb28.js → EntityGuidanceStatus-D6VoRE_0.js}

@@ -2,15 +2,16 @@
 {
   try {
     let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
-    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "f7fd9426-8402-4939-9fce-ed6b52cf3ffc", e._sentryDebugIdIdentifier = "sentry-dbid-f7fd9426-8402-4939-9fce-ed6b52cf3ffc");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "4b2c76f8-88be-4d58-b866-a7be3087f766", e._sentryDebugIdIdentifier = "sentry-dbid-4b2c76f8-88be-4d58-b866-a7be3087f766");
   } catch (e) {
   }
 }
 ;
 import { jsx, jsxs } from "preact/jsx-runtime";
 import { T as Tag } from "./Tag-DdkVScyr.js";
-import { bA as getDecisionMakerDescriptionMap, O as TaskTypes, bB as TRUST_DEFAULT_DESCRIPTIONS_MAP, a4 as Icon, u as useTranslation, ao as Trans } from "./StoreProvider-CyzNf7KK.js";
-import { U as UnincorporatedPartnershipMemberTypes, j as getRoleTagVariant, f as getRoleName } from "./CountryField-CsKJAI53.js";
+import { bz as getDecisionMakerDescriptionMap, U as TaskTypes, bA as TRUST_DEFAULT_DESCRIPTIONS_MAP, W as Icon, u as useTranslation, aF as Trans } from "./StoreProvider-D9IR5HNN.js";
+import { U as UnincorporatedPartnershipMemberTypes } from "./unincorporated-partnership-MeN1dp53.js";
+import { a as getRoleTagVariant, g as getRoleName } from "./roleMetadata-DmgqzhZJ.js";
 const UNINCORPORATED_PARTNERSHIP__DEFAULT_DESCRIPTIONS_MAP = {
   [UnincorporatedPartnershipMemberTypes.SECONDARY_PARTNER]: "provideAtLeastOneSecondaryPartner",
   [UnincorporatedPartnershipMemberTypes.OWNER]: "provideAllOwners",

package/dist/ErrorPanel-CFN2G9Vz.js

@@ -0,0 +1,190 @@
+;
+{
+  try {
+    let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "c76f1588-7500-4b2a-9ca7-cb2566efd49a", e._sentryDebugIdIdentifier = "sentry-dbid-c76f1588-7500-4b2a-9ca7-cb2566efd49a");
+  } catch (e) {
+  }
+}
+;
+import { jsx, jsxs, Fragment } from "preact/jsx-runtime";
+import { useContext, useCallback } from "preact/hooks";
+import { B as Button, u as useTranslation, b0 as keysOf, bk as remediationHasFileUploadField } from "./StoreProvider-D9IR5HNN.js";
+import { a as Alert } from "./Alert-TCEgDc2-.js";
+import { createContext } from "preact";
+const FormRouterContext = createContext(null);
+function useFormRouterContext() {
+  const context = useContext(FormRouterContext);
+  return context;
+}
+const NavigateToFieldLink = ({ fieldName, label }) => {
+  const { goToFormByFieldName } = useFormRouterContext();
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      onClick: () => {
+        goToFormByFieldName(fieldName);
+      },
+      variant: "link",
+      children: label
+    }
+  );
+};
+function ServerValidationErrors({
+  validationErrors,
+  formUtils
+}) {
+  const { t } = useTranslation("ui");
+  const validationErrorFieldNames = Object.keys(validationErrors || {});
+  const getValidationErrorMessage = useCallback(
+    () => t(($) => $["fieldHasUnsupportedFormats"], {
+      fieldName: formUtils.getLabel(validationErrorFieldNames[0])
+    }),
+    [t, formUtils, validationErrorFieldNames]
+  );
+  return /* @__PURE__ */ jsx(Alert, { title: t(($) => $["informationCouldNotBeSubmitted"]), variant: "error", children: validationErrorFieldNames?.length === 1 ? /* @__PURE__ */ jsxs("div", { "data-testid": "validation-error--case-1", children: [
+    getValidationErrorMessage(),
+    " ",
+    /* @__PURE__ */ jsx(
+      NavigateToFieldLink,
+      {
+        fieldName: validationErrorFieldNames[0],
+        label: t(($) => $["updateTheInformation"])
+      }
+    ),
+    " ",
+    t(($) => $["andResubmit"])
+  ] }) : /* @__PURE__ */ jsxs("div", { "data-testid": "validation-error--case-2", children: [
+    t(($) => $["someFieldsHaveUnsupportedFormatedUpdateInfoAndResubmit"]),
+    /* @__PURE__ */ jsx("ul", { children: validationErrorFieldNames.map((fieldName) => /* @__PURE__ */ jsx(
+      "li",
+      {
+        className: "adyen-kyc-error-panel__validation-error",
+        "data-testid": "adyen-kyc-error-panel__validation-error",
+        children: /* @__PURE__ */ jsx(NavigateToFieldLink, { fieldName, label: formUtils.getLabel(fieldName) })
+      },
+      fieldName
+    )) })
+  ] }) });
+}
+function VerificationErrors({
+  verificationErrors,
+  formUtils
+}) {
+  const { t } = useTranslation("common");
+  const getErrorMessage = (errorCode) => t(($) => $[`errorMessage_${errorCode}`]);
+  const getRemediationMessage = (remediationActions, uploadFieldCollection) => {
+    const uploadFields = uploadFieldCollection ? Object.keys(uploadFieldCollection) : [];
+    if (remediationActions?.length === 1 && uploadFields.length === 1) {
+      const firstUploadField = uploadFields[0];
+      const label = t(
+        ($) => $[`remediationMessage_${uploadFieldCollection[firstUploadField]?.remediation.code}`]
+      );
+      return /* @__PURE__ */ jsx(NavigateToFieldLink, { fieldName: firstUploadField, label });
+    }
+    if (remediationActions?.length === 1) {
+      return t(($) => $[`remediationMessage_${remediationActions[0].code}`]);
+    }
+    let uploadFilesCopy;
+    if (uploadFields.length > 0) {
+      if (uploadFields.length > 1) {
+        const uploadFieldListItems = uploadFields.map((uploadField) => /* @__PURE__ */ jsx(
+          NavigateToFieldLink,
+          {
+            fieldName: uploadField,
+            label: t(
+              ($) => $[`remediationMessage_${uploadFieldCollection[uploadField]?.remediation.code}`]
+            )
+          },
+          uploadField
+        ));
+        uploadFilesCopy = /* @__PURE__ */ jsxs(Fragment, { children: [
+          formUtils.getLabel("uploadTheFollowingDocuments"),
+          /* @__PURE__ */ jsx("ul", { children: uploadFieldListItems.map((item, i) => /* @__PURE__ */ jsx("li", { children: item }, i)) })
+        ] });
+      } else {
+        const firstUploadField = uploadFields[0];
+        const label = ` ${t(
+          ($) => $[`remediationMessage_${uploadFieldCollection[firstUploadField]?.remediation.code}`]
+        )?.toLowerCase()}`;
+        uploadFilesCopy = /* @__PURE__ */ jsx(NavigateToFieldLink, { fieldName: firstUploadField, label });
+      }
+    }
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      t(($) => $["reviewTheInformationBelowAndCorrectMistakesOr"]),
+      " ",
+      uploadFilesCopy,
+      " ",
+      t(($) => $["thenResubmit"])
+    ] });
+  };
+  let verificationErrorMsg;
+  let parentCode = void 0;
+  const parentCodes = keysOf(verificationErrors);
+  if (parentCodes.length === 1) {
+    parentCode = parentCodes[0];
+  }
+  const childErrors = Object.values(verificationErrors).reduce(
+    (acc, parentChildErrors) => ({
+      ...acc,
+      ...parentChildErrors
+    }),
+    {}
+  );
+  const childErrorCodes = Object.keys(childErrors);
+  const fileUploadRemediationFields = Object.values(childErrors).flat().reduce((acc, rem) => {
+    const isRemUploadOne = remediationHasFileUploadField(rem);
+    const firstRemediationField = rem.fields?.[0];
+    if (isRemUploadOne && firstRemediationField) {
+      acc[firstRemediationField] = {
+        formName: rem?.forms[0],
+        remediation: rem
+      };
+    }
+    return acc;
+  }, {});
+  const onlyChildRemediationActions = Object.values(childErrors).flat();
+  if (childErrorCodes.length === 1) {
+    verificationErrorMsg = /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "data-testid": `verification-error--case-${onlyChildRemediationActions.length === 1 ? "1" : "2-1"}`,
+        children: [
+          /* @__PURE__ */ jsx("span", { children: `${getErrorMessage(childErrorCodes[0])} ` }),
+          /* @__PURE__ */ jsx("span", { children: getRemediationMessage(onlyChildRemediationActions, fileUploadRemediationFields) })
+        ]
+      }
+    );
+  } else if (childErrorCodes.length === 2) {
+    verificationErrorMsg = /* @__PURE__ */ jsxs("div", { "data-testid": "verification-error--case-2-2", children: [
+      t(($) => $["weFoundTheFollowingIssues"]),
+      /* @__PURE__ */ jsx("ul", { children: childErrorCodes.map((subErrorCode) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("span", { children: getErrorMessage(subErrorCode) }) }, subErrorCode)) }),
+      /* @__PURE__ */ jsx("span", { children: getRemediationMessage(onlyChildRemediationActions, fileUploadRemediationFields) })
+    ] });
+  } else {
+    verificationErrorMsg = /* @__PURE__ */ jsx("div", { "data-testid": "verification-error--case-2-3", children: getRemediationMessage(onlyChildRemediationActions, fileUploadRemediationFields) });
+  }
+  const defaultHeading = parentCode ? getErrorMessage(parentCode) : t(($) => $["correctErrorsResubmit"]);
+  return /* @__PURE__ */ jsx(Alert, { title: defaultHeading, variant: "error", children: verificationErrorMsg });
+}
+function ErrorPanel({
+  id = "ariaErrorField",
+  verificationErrors,
+  validationErrors,
+  formUtils
+}) {
+  const isVerificationError = verificationErrors && Object.keys(verificationErrors).length > 0;
+  const isValidationError = validationErrors && Object.keys(validationErrors).length > 0;
+  if (!isVerificationError && !isValidationError) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-error-panel", id, "aria-live": "polite", children: [
+    isVerificationError && !isValidationError && /* @__PURE__ */ jsx(VerificationErrors, { formUtils, verificationErrors }),
+    isValidationError && /* @__PURE__ */ jsx(ServerValidationErrors, { formUtils, validationErrors })
+  ] });
+}
+export {
+  ErrorPanel as E,
+  FormRouterContext as F,
+  useFormRouterContext as u
+};

package/dist/Field-B3Vy1-QZ.js

@@ -0,0 +1,142 @@
+;
+{
+  try {
+    let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "23a89d47-03bf-4752-add5-58b3e915effe", e._sentryDebugIdIdentifier = "sentry-dbid-23a89d47-03bf-4752-add5-58b3e915effe");
+  } catch (e) {
+  }
+}
+;
+import { jsxs, jsx } from "preact/jsx-runtime";
+import cx from "classnames";
+import { useEffect } from "preact/hooks";
+import { u as useTranslation, V as useAnalyticsContext, W as Icon, z as translateStringOrObject } from "./StoreProvider-D9IR5HNN.js";
+import { a as useId } from "./useId-BZ0PA7jP.js";
+const ARIA_ERROR_SUFFIX = "-ariaError";
+const MaybeFieldset = ({
+  children,
+  className,
+  name,
+  disabled,
+  el,
+  dataTestId
+}) => el === "fieldset" ? /* @__PURE__ */ jsx("fieldset", { name, disabled, className, "data-testid": dataTestId, children }) : /* @__PURE__ */ jsx("div", { className, "data-testid": dataTestId, children });
+const Field = ({
+  className,
+  classNameModifiers = [],
+  children,
+  disabled,
+  optional,
+  errorMessage,
+  formatGuidance,
+  helper,
+  helperPosition = "above",
+  isValid,
+  label,
+  name,
+  showErrorIconBottom = false,
+  showErrorIcon = true,
+  el = "div",
+  dataTestId,
+  onBlur,
+  onFieldBlur,
+  onFocus
+}) => {
+  const uniqueId = useId("field");
+  const { t } = useTranslation("common");
+  const userEvents = useAnalyticsContext();
+  const Label = el === "fieldset" ? "legend" : "label";
+  useEffect(() => {
+    if (!errorMessage) return;
+    const returnValue = typeof errorMessage === "string" && errorMessage || typeof errorMessage === "object" && errorMessage.key || "invalid";
+    userEvents.addFieldEvent("Encountered error", {
+      actionType: "input",
+      field: name,
+      returnType: "validation",
+      returnValue
+    });
+  }, [name, errorMessage, userEvents]);
+  const elementIds = {
+    label: `${uniqueId}-label`,
+    helper: `${uniqueId}-helper`,
+    error: `${uniqueId}${ARIA_ERROR_SUFFIX}`,
+    guidanceText: `${uniqueId}-guidanceText`
+  };
+  const inputDescribedBy = `${errorMessage ? elementIds.error : ""} ${helper ? elementIds.helper : ""} ${formatGuidance ? elementIds.guidanceText : ""}`.trim();
+  return /* @__PURE__ */ jsxs(
+    MaybeFieldset,
+    {
+      className: cx(
+        "adyen-kyc-field",
+        className,
+        classNameModifiers.map((m) => `adyen-kyc-field--${m}`),
+        {
+          "adyen-kyc-field--error": !!errorMessage,
+          "adyen-kyc-field--valid": isValid,
+          "adyen-kyc-field--disabled": disabled
+        }
+      ),
+      name,
+      disabled,
+      el,
+      dataTestId,
+      children: [
+        label && /* @__PURE__ */ jsxs(
+          Label,
+          {
+            id: elementIds.label,
+            htmlFor: el === "fieldset" ? void 0 : uniqueId,
+            className: cx("adyen-kyc-label__text", {
+              "adyen-kyc-label__text--error": !!errorMessage
+            }),
+            children: [
+              label,
+              optional && /* @__PURE__ */ jsxs("span", { className: "adyen-kyc-optional-label", children: [
+                " ",
+                t(($) => $["optional"])
+              ] })
+            ]
+          }
+        ),
+        helper && helperPosition === "above" && /* @__PURE__ */ jsx("span", { id: elementIds.helper, className: "adyen-kyc-helper-text adyen-kyc-helper-text__above", children: helper }),
+        /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-input-wrapper", children: [
+          children({
+            id: uniqueId,
+            "aria-labelledby": elementIds.label,
+            "aria-describedby": inputDescribedBy,
+            isInvalid: !!errorMessage,
+            isValid: !!isValid,
+            onBlurHandler: (e) => {
+              if (typeof onBlur === "function") onBlur(e);
+              if (typeof onFieldBlur === "function") onFieldBlur(e);
+            },
+            onFocusHandler: (e) => {
+              if (typeof onFocus === "function") onFocus(e);
+            }
+          }),
+          helper && helperPosition === "below" && /* @__PURE__ */ jsx(
+            "span",
+            {
+              id: elementIds.helper,
+              className: "adyen-kyc-helper-text adyen-kyc-helper-text__below",
+              children: helper
+            }
+          ),
+          isValid && /* @__PURE__ */ jsx("span", { className: "adyen-kyc-input__inline-validation adyen-kyc-input__inline-validation--valid", children: /* @__PURE__ */ jsx(Icon, { name: "check" }) }),
+          !!errorMessage && !showErrorIconBottom && showErrorIcon && /* @__PURE__ */ jsx("span", { className: "adyen-kyc-input__inline-validation adyen-kyc-input__inline-validation--invalid", children: /* @__PURE__ */ jsx(Icon, { name: "field-error" }) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { "aria-live": "polite", "aria-atomic": true, className: "adyen-kyc-error-text", children: [
+          /* @__PURE__ */ jsx("span", { className: "adyen-kyc-u-screen-reader-only", children: `${label}:` }),
+          !!errorMessage && typeof errorMessage !== "boolean" && /* @__PURE__ */ jsxs("span", { id: elementIds.error, children: [
+            translateStringOrObject(t, errorMessage),
+            showErrorIconBottom && /* @__PURE__ */ jsx("span", { className: "adyen-kyc-input__inline-validation adyen-kyc-input__inline-validation--invalid-bottom", children: /* @__PURE__ */ jsx(Icon, { name: "field-error" }) })
+          ] })
+        ] }),
+        !errorMessage && formatGuidance && /* @__PURE__ */ jsx("span", { id: elementIds.guidanceText, "aria-live": "polite", className: "adyen-kyc-guidance-text", children: formatGuidance })
+      ]
+    }
+  );
+};
+export {
+  Field as F
+};

package/dist/{FormNavigation-DLJbUsy3.js → FormNavigation-Brw-75s0.js}

@@ -2,16 +2,16 @@
 {
   try {
     let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
-    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "875ce3ab-6ef8-4f36-9ba6-d82575d33e50", e._sentryDebugIdIdentifier = "sentry-dbid-875ce3ab-6ef8-4f36-9ba6-d82575d33e50");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "80e52d0e-7949-4353-812b-0155f44e5849", e._sentryDebugIdIdentifier = "sentry-dbid-80e52d0e-7949-4353-812b-0155f44e5849");
   } catch (e) {
   }
 }
 ;
 import { jsx, jsxs, Fragment } from "preact/jsx-runtime";
 import cx from "classnames";
-import { u as useTranslation, a4 as Icon, a3 as useAnalyticsContext, G as Typography } from "./StoreProvider-CyzNf7KK.js";
+import { u as useTranslation, W as Icon, V as useAnalyticsContext, G as Typography } from "./StoreProvider-D9IR5HNN.js";
 import { t as trackNavigation } from "./trackNavigation-db_h46BT.js";
-import { K as KEYBOARD_KEYS } from "./Modal-B4wxf7HK.js";
+import { K as KEYBOARD_KEYS } from "./Modal-pyBUluei.js";
 const FormNavigationItem = ({
   form,
   isActive,