@adyen/kyc-components 4.0.0-compact.4 → 4.0.0-compact.7

package/dist/{Spacer-BT5nYRXK.js → MaskedInput-BSW18fxr.js}

@@ -2,41 +2,18 @@
 {
   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] = "fc542296-9f3f-4dab-a632-3879f5dd76de", e._sentryDebugIdIdentifier = "sentry-dbid-fc542296-9f3f-4dab-a632-3879f5dd76de");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "4aace9f6-3bcb-49f6-a347-605601cc2281", e._sentryDebugIdIdentifier = "sentry-dbid-4aace9f6-3bcb-49f6-a347-605601cc2281");
   } catch (e) {
   }
 }
 ;
-import { useMemo, useState, useEffect, useCallback, useLayoutEffect, useRef } from "preact/hooks";
-import { c as useLegalEntity, R as ROOT_LE, X as useExperimentsContext, aA as getCapabilityProblems, g as getLegalEntityCountry, aB as cloneObject, C as CountryCodes, aC as hasText, aD as isValidMinLength, aE as matchesRegex, W as isEmpty, aF as NO_ALPHABET_REGEX, aG as EMOJI_REGEX, aH as hasRepeatedCharacters, aI as isInvalidName, aJ as OTHER_ENTITIES_VALID_CHAR_REGEX, aK as LATIN_SPACE_MARK_PUNCTUATION_REGEX, aL as standardKatakanaValidator, aM as standardKanjiValidator, a3 as useAnalyticsContext, P as createLogger, u as useTranslation, az as StateContext, L as Loader, a4 as Icon, G as Typography, Y as IconButton } from "./StoreProvider-DTMSAVgy.js";
+import { ab as cloneObject, ai as isEmpty, u as useTranslation, r as Icon } from "./StoreProvider-99-ewU62.js";
 import { jsx, jsxs, Fragment } from "preact/jsx-runtime";
-import { a as Alert } from "./Alert-CjdHpM1t.js";
-import cx from "classnames";
-import { a as debouncedInputEvent } from "./debouncedInputEvent-BdLyqQK5.js";
-import { Suspense, lazy, forwardRef } from "preact/compat";
-import { b as useId } from "./useToastContext-BQYYaLd-.js";
-import { R as Radio } from "./CountryField-BIYJvEAW.js";
-import { F as Field } from "./useForm-BsQfbbso.js";
-import { K as KEYBOARD_KEYS } from "./Modal-B8fxl0iP.js";
-import { u as useForwardedRef, a as InputBase, I as InputText } from "./InputText-qTMbrUXW.js";
-const useCapabilityProblems = () => {
-  const { data: rootLegalEntity } = useLegalEntity(ROOT_LE);
-  const { isExperimentEnabled } = useExperimentsContext();
-  const problems = useMemo(
-    () => rootLegalEntity ? getCapabilityProblems(
-      rootLegalEntity,
-      getLegalEntityCountry(rootLegalEntity),
-      isExperimentEnabled
-    ) : void 0,
-    [rootLegalEntity, isExperimentEnabled]
-  );
-  return problems;
-};
-const getProblemsForEntity = (capabilityProblems, entityType, entityId) => capabilityProblems[entityType]?.[entityId];
-const TrustedFieldsProviders = {
-  SINGPASS: "singpass",
-  KOMPANY: "kompany"
-};
+import { useState, useCallback, useLayoutEffect, useRef, useEffect, useMemo } from "preact/hooks";
+import { F as Field } from "./Field-Bs7wGDqk.js";
+import { K as KEYBOARD_KEYS } from "./Modal-CZ-HuGUO.js";
+import { forwardRef } from "preact/compat";
+import { u as useForwardedRef, a as InputBase, I as InputText } from "./InputText-BdCbTzL9.js";
 const makeArrayOfRepeatedObjects = (length, obj) => {
   const array = [];
   for (let i = 0; i < length; i += 1) {
@@ -151,7 +128,7 @@ const nonInputs = (str, options) => Array.from(str).map((char) => ({
   includeInValue: options?.includeInValue ?? false,
   displayEagerly: options?.displayEagerly ?? true
 }));
-const spacer$1 = nonInputs(" ")[0];
+const spacer = nonInputs(" ")[0];
 const alphaInputs = (length, optional = false) => makeArrayOfRepeatedObjects(length, { type: "input", allow: /[A-Za-z]/, optional });
 const numericInputs = (length, optional = false) => makeArrayOfRepeatedObjects(length, { type: "input", allow: /\d/, optional });
 const alphanumericInputs = (length, optional = false) => makeArrayOfRepeatedObjects(length, { type: "input", allow: /[\dA-Za-z]/, optional });
@@ -160,557 +137,7 @@ const makeMask = (...tokens) => ({
   tokens,
   possibleShifts: findPossibleShifts(tokens)
 });
-const isExistingFile = (file) => "existing" in file && file.existing;
-const isNewlyUploadedFile = (file) => !isExistingFile(file);
-function getLocalizedIdDocumentTypeOptions(country) {
-  switch (country) {
-    case CountryCodes.Japan:
-      return [
-        { id: "driversLicense", name: "driversLicense", hasBackPage: true },
-        { id: "passport", name: "passport", hasBackPage: false },
-        { id: "identityCard", name: "identityCard__JP", hasBackPage: true }
-      ];
-    default:
-      return [
-        { id: "driversLicense", name: "driversLicense", hasBackPage: true },
-        { id: "passport", name: "passport", hasBackPage: false },
-        { id: "identityCard", name: "identityCard", hasBackPage: true }
-      ];
-  }
-}
 const isValueObscured = (value) => typeof value === "string" && !!value.match(/[*]{1,}/)?.length;
-const uppercase = (str) => str?.toUpperCase() ?? str;
-const validateNotEmptyOnBlur = {
-  modes: ["blur"],
-  validate: (val) => !isEmpty(val),
-  errorMessage: "fieldIsRequired"
-};
-const validateLegalCompanyName = [
-  {
-    modes: ["blur"],
-    validate: hasText,
-    errorMessage: "fieldIsRequired"
-  },
-  {
-    modes: ["blur"],
-    validate: (input) => !matchesRegex(NO_ALPHABET_REGEX, input),
-    errorMessage: "nameMustContainLetters"
-  },
-  {
-    modes: ["blur"],
-    validate: (input) => !matchesRegex(EMOJI_REGEX, input) && !hasRepeatedCharacters(input) && isValidMinLength(input, 3) && !isInvalidName(input) && matchesRegex(OTHER_ENTITIES_VALID_CHAR_REGEX, input),
-    errorMessage: "checkForTypos"
-  }
-];
-const validateJaHaniLegalCompanyName = [
-  {
-    modes: ["blur"],
-    validate: hasText,
-    errorMessage: "fieldIsRequired"
-  },
-  {
-    modes: ["blur"],
-    validate: (input) => standardKanjiValidator(input),
-    errorMessage: "nameMustContainLetters"
-  },
-  {
-    modes: ["blur"],
-    validate: (input) => !matchesRegex(EMOJI_REGEX, input) && !hasRepeatedCharacters(input) && isValidMinLength(input, 3) && !isInvalidName(input) && matchesRegex(OTHER_ENTITIES_VALID_CHAR_REGEX, input),
-    errorMessage: "checkForTypos"
-  }
-];
-const validateJaKanaLegalCompanyName = [
-  {
-    modes: ["blur"],
-    validate: hasText,
-    errorMessage: "fieldIsRequired"
-  },
-  {
-    modes: ["blur"],
-    validate: (input) => standardKatakanaValidator(input),
-    errorMessage: "nameMustContainLetters"
-  },
-  {
-    modes: ["blur"],
-    validate: (input) => !matchesRegex(EMOJI_REGEX, input) && !hasRepeatedCharacters(input) && isValidMinLength(input, 3) && !isInvalidName(input) && matchesRegex(OTHER_ENTITIES_VALID_CHAR_REGEX, input),
-    errorMessage: "checkForTypos"
-  }
-];
-const validateLatinSpaceMarkPunctuationOnlyOnBlur = {
-  modes: ["blur"],
-  validate: (input) => matchesRegex(LATIN_SPACE_MARK_PUNCTUATION_REGEX, input),
-  errorMessage: "kanjiAndKanaCharactersAreNotAllowed"
-};
-const validatePatternOnBlur = (pattern) => ({
-  modes: ["blur"],
-  validate: (val) => !!val && pattern.test(val)
-});
-function ContextGuidance({
-  title,
-  content,
-  titleId,
-  contentId,
-  trackingParams
-}) {
-  const userEvents = useAnalyticsContext();
-  const onGuidanceToggle = (status) => {
-    userEvents.addFieldEvent("Clicked accordion", {
-      actionType: status,
-      field: "context guidance",
-      label: titleId,
-      content: contentId,
-      ...trackingParams
-    });
-  };
-  return /* @__PURE__ */ jsx(Alert, { title, type: "collapsible", variant: "info", onToggle: onGuidanceToggle, children: content });
-}
-const convertFullToHalf = (str) => str.replace(/[！-～]/g, (r) => String.fromCharCode(r.charCodeAt(0) - 65248));
-const logger = createLogger();
-function TextArea(props) {
-  const {
-    autoCorrect,
-    isInvalid,
-    isValid,
-    readonly = null,
-    spellCheck,
-    disabled,
-    maxLength,
-    className,
-    trimOnBlur,
-    enableTracking = false,
-    name,
-    "aria-describedby": ariaDescribedBy,
-    "aria-invalid": ariaInvalid,
-    "aria-labelledby": ariaLabelledBy
-  } = props;
-  const { t } = useTranslation("ui");
-  const userEvents = useAnalyticsContext();
-  const [value, setValue] = useState("");
-  if (Object.prototype.hasOwnProperty.call(props, "onChange")) {
-    logger.error("Error: Form fields that rely on InputBase may not have an onChange property");
-  }
-  const handleInput = (e) => {
-    if (enableTracking) {
-      debouncedInputEvent(userEvents, {
-        actionType: "input",
-        field: name
-      });
-    }
-    e.currentTarget.value = convertFullToHalf(e.currentTarget.value);
-    setValue(e.currentTarget.value);
-    props?.onInput?.(e);
-  };
-  const handleBlur = (e) => {
-    if (enableTracking) {
-      userEvents.addFieldEvent("Interacted with form field", {
-        actionType: "blur",
-        field: name
-      });
-    }
-    props?.onBlurHandler?.(e);
-    if (trimOnBlur) {
-      e.currentTarget.value = e.currentTarget.value.trim();
-    }
-    props?.onBlur?.(e);
-  };
-  const handleFocus = (e) => {
-    if (enableTracking) {
-      userEvents.addFieldEvent("Interacted with form field", {
-        actionType: "focus",
-        field: name
-      });
-    }
-    props?.onFocusHandler?.(e);
-  };
-  const inputClassNames = cx("adyen-kyc-input", "adyen-kyc-input--textarea", className, {
-    "adyen-kyc-input--invalid": isInvalid,
-    "adyen-kyc-field--valid": isValid,
-    "adyen-kyc-input--disabled": disabled
-  });
-  const charactersLeft = maxLength - value.length;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      "textarea",
-      {
-        ...props,
-        className: inputClassNames,
-        readOnly: readonly,
-        spellCheck,
-        autoCorrect,
-        "aria-describedby": ariaDescribedBy,
-        "aria-invalid": ariaInvalid,
-        "aria-labelledby": ariaLabelledBy,
-        ...disabled && { "aria-disabled": true },
-        onInput: handleInput,
-        onBlur: handleBlur,
-        onFocus: handleFocus
-      }
-    ),
-    !isInvalid && maxLength && charactersLeft >= 0 ? /* @__PURE__ */ jsx("span", { className: "adyen-kyc-input__counter", children: t(($) => $["xCharactersLeft"], { charactersLeft }) }) : null
-  ] });
-}
-function StateContextSetter({ stateRef }) {
-  if (stateRef.current.setState) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(StateContext.Consumer, { children: (stateContextValue) => {
-    const { dispatch, setActiveForms } = stateContextValue;
-    stateRef.current.setState = dispatch;
-    stateRef.current.setActiveForms = setActiveForms;
-    return null;
-  } });
-}
-const Image = ({
-  lazyLoadedImage,
-  className
-}) => {
-  const LazyLoadedImageComponent = lazyLoadedImage;
-  return /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(Loader, {}), children: /* @__PURE__ */ jsx(LazyLoadedImageComponent, { className, "aria-hidden": true }) });
-};
-const getDocumentGuidancePrefix = (documentType) => {
-  switch (documentType) {
-    case "passport":
-      return "passport";
-    case "driversLicense":
-    case "identityCard":
-      return "id";
-    case "bankStatement":
-    case "vatDocument":
-    case "registrationDocument":
-    case "proofOfAddress":
-    case "proofOfResidency":
-    default:
-      return "document";
-  }
-};
-const documentBlurredImage = lazy(() => import("./document-blurred-2Zpodj3_.js"));
-const documentCutOffImage = lazy(() => import("./document-cut-off-ClS7RiOp.js"));
-const documentExpiredImage = lazy(() => import("./document-expired-CjksBq-N.js"));
-const documentFrontImage = lazy(() => import("./document-front-DiAairT3.js"));
-const idBlurredImage = lazy(() => import("./id-blurred-9dzBOWCE.js"));
-const idCutOffImage = lazy(() => import("./id-cut-off-CohJCI2h.js"));
-const idFrontImage = lazy(() => import("./id-front-CSZfvdRg.js"));
-const idGlareImage = lazy(() => import("./id-glare-Q2JWo5ts.js"));
-const passportBlurredImage = lazy(() => import("./passport-blurred-B4UDQfmc.js"));
-const passportCutOffImage = lazy(() => import("./passport-cut-off-C0N2mgLk.js"));
-const passportFrontImage = lazy(() => import("./passport-front-BwA7wR91.js"));
-const passportGlareImage = lazy(() => import("./passport-glare-Mg2ixsYA.js"));
-const documentMap = {
-  "document-blurred": documentBlurredImage,
-  "document-cutoff": documentCutOffImage,
-  "document-expired": documentExpiredImage,
-  "document-front": documentFrontImage,
-  "id-blurred": idBlurredImage,
-  "id-cutoff": idCutOffImage,
-  "id-front": idFrontImage,
-  "id-glare": idGlareImage,
-  "passport-blurred": passportBlurredImage,
-  "passport-cutoff": passportCutOffImage,
-  "passport-front": passportFrontImage,
-  "passport-glare": passportGlareImage
-};
-function DocumentGuidance({ type, className }) {
-  const { t } = useTranslation("ui");
-  const documentGuidanceItems = useMemo(() => {
-    const guidancePrefix = getDocumentGuidancePrefix(type);
-    const guidanceItems = [
-      { svgName: `${guidancePrefix}-front`, translationKey: "good", valid: true },
-      { svgName: `${guidancePrefix}-cutoff`, translationKey: "notCutOff" },
-      { svgName: `${guidancePrefix}-blurred`, translationKey: "notBlurry" },
-      guidancePrefix === "document" ? { svgName: `document-expired`, translationKey: "notExpired" } : { svgName: `${guidancePrefix}-glare`, translationKey: "noGlare" }
-    ];
-    return type === "constitutionalDocument" ? guidanceItems.filter((item) => item.svgName !== "document-expired") : guidanceItems;
-  }, [type]);
-  return /* @__PURE__ */ jsx("div", { className: cx("adyen-kyc-document-guidance", className), children: /* @__PURE__ */ jsx("div", { className: "adyen-kyc-document-guidance__container", children: documentGuidanceItems.map((item) => /* @__PURE__ */ jsxs("figure", { className: "adyen-kyc-document-guidance__item", children: [
-    /* @__PURE__ */ jsx(Image, { lazyLoadedImage: documentMap[item.svgName] }),
-    /* @__PURE__ */ jsxs("figcaption", { className: "adyen-kyc-document-guidance__description", children: [
-      item.valid ? /* @__PURE__ */ jsx(Icon, { name: "check", className: "adyen-kyc-document-guidance__icon" }) : /* @__PURE__ */ jsx(
-        Icon,
-        {
-          name: "cross",
-          className: "adyen-kyc-document-guidance__icon adyen-kyc-document-guidance__icon--invalid"
-        }
-      ),
-      /* @__PURE__ */ jsx("span", { className: "adyen-kyc-document-guidance__description-text", children: t(($) => $[item.translationKey]) })
-    ] })
-  ] }, item.translationKey)) }) });
-}
-function bytesToSize(bytes) {
-  const sizes = ["Bytes", "KB", "MB", "GB", "TB"];
-  if (bytes === 0) return "n/a";
-  const i = parseInt(Math.floor(Math.log(bytes) / Math.log(1024)).toString());
-  if (i === 0) return `${bytes} ${sizes[i]}`;
-  return `${(bytes / 1024 ** i).toFixed()} ${sizes[i]}`;
-}
-function DropzoneFile(props) {
-  const { file, errorMessage, onDelete, loading } = props;
-  const { t } = useTranslation("common");
-  const userEvents = useAnalyticsContext();
-  let documentIcon;
-  const formatSize = (bytes) => {
-    const sizes = ["Bytes", "KB", "MB", "GB", "TB"];
-    if (!bytes || bytes === 0) return "n/a";
-    const i = parseInt(Math.floor(Math.log(bytes) / Math.log(1024)).toString());
-    if (i === 0) return `${bytes} ${sizes[i]}`;
-    return `${(bytes / 1024 ** i).toFixed(1)} ${sizes[i]}`;
-  };
-  switch (file.type?.split("/")[0]) {
-    case "image":
-      documentIcon = "image";
-      break;
-    default:
-      documentIcon = "document";
-  }
-  useEffect(() => {
-    if (!errorMessage) return;
-    userEvents.addFieldEvent("Encountered error", {
-      actionType: "change",
-      field: "dropzone file",
-      returnType: "validation",
-      returnValue: errorMessage
-    });
-  }, [errorMessage, userEvents]);
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cx("adyen-kyc-dropzone-file", { "adyen-kyc-dropzone-file--error": errorMessage }),
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-dropzone-file__details", children: [
-          /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-dropzone-file__labels", children: [
-            errorMessage ? /* @__PURE__ */ jsx(
-              Icon,
-              {
-                testId: "document-invalid",
-                name: "warning",
-                className: "adyen-kyc-dropzone-file__icon"
-              }
-            ) : /* @__PURE__ */ jsx(
-              Icon,
-              {
-                testId: "document-valid",
-                name: documentIcon,
-                className: "adyen-kyc-dropzone-file__icon"
-              }
-            ),
-            /* @__PURE__ */ jsx(Typography, { variant: "body-stronger", className: "adyen-kyc-dropzone-file__name", children: file.name }),
-            /* @__PURE__ */ jsx(Typography, { className: "adyen-kyc-dropzone-file__size", children: isNewlyUploadedFile(file) && formatSize(file.size) })
-          ] }),
-          errorMessage && /* @__PURE__ */ jsx("div", { className: "adyen-kyc-dropzone-file__error", children: t(($) => $[errorMessage]) })
-        ] }),
-        loading ? /* @__PURE__ */ jsx("div", { className: "adyen-kyc-dropzone-file__loading", children: /* @__PURE__ */ jsx(Loader, { size: "medium" }) }) : errorMessage ? /* @__PURE__ */ jsx(
-          IconButton,
-          {
-            ariaLabel: t(($) => $["close"]),
-            icon: "cross",
-            variant: "tertiary",
-            onClick: onDelete
-          }
-        ) : /* @__PURE__ */ jsx(
-          IconButton,
-          {
-            ariaLabel: t(($) => $["deleteDocument"]),
-            icon: "bin",
-            variant: "tertiary",
-            onClick: onDelete
-          }
-        )
-      ]
-    }
-  );
-}
-const hasDuplicates = (arr) => arr.some((item, currIndex) => arr.indexOf(item) !== currIndex);
-const defaultFileValidationOptions = {
-  allowedFileTypes: ["JPG", "JPEG", "PNG", "PDF"],
-  maxNumberOfFiles: 1,
-  maxSize: 4194304,
-  // 4MB by default
-  isOptional: false
-};
-const filterOnlyNewlyUploadedFiles = (files) => files.filter(isNewlyUploadedFile);
-const fileValidationRules = ({
-  allowedFileTypes,
-  maxNumberOfFiles,
-  maxSize,
-  isOptional
-}) => [
-  {
-    validate: (files) => {
-      if (isOptional && (!files || files.length === 0)) return true;
-      return Boolean(files && files.length > 0);
-    },
-    errorMessage: "fieldIsRequired",
-    modes: ["blur", "input"]
-  },
-  {
-    validate: (files) => {
-      if (!files) return true;
-      return files.length <= maxNumberOfFiles;
-    },
-    errorMessage: "tooManyFiles",
-    modes: ["blur", "input"]
-  },
-  {
-    validate: (files) => {
-      if (!files) return true;
-      return !hasDuplicates(files.map((file) => file.name));
-    },
-    errorMessage: "duplicatedFiles",
-    modes: ["blur", "input"]
-  },
-  {
-    validate: (files) => {
-      if (!files) return true;
-      return filterOnlyNewlyUploadedFiles(files).every(
-        (file) => allowedFileTypes.some(
-          (filetype) => file.name.toLowerCase().endsWith(filetype.toLowerCase())
-        )
-      );
-    },
-    errorMessage: "unsupportedFiletype",
-    modes: ["blur", "input"]
-  },
-  {
-    validate: (files) => {
-      if (!files) return true;
-      return filterOnlyNewlyUploadedFiles(files).every((file) => !file.size || file.size < maxSize);
-    },
-    errorMessage: "maximumFileSizeExceeded",
-    modes: ["blur", "input"]
-  }
-];
-const RadioCard = ({
-  optionId,
-  optionName,
-  optionDescription,
-  optionSubtitle,
-  name,
-  isInvalid,
-  isSelected,
-  onSelect,
-  classNames,
-  disabled,
-  loading,
-  icon,
-  body,
-  footer,
-  floatingRadio
-}) => {
-  const id = useId("radio");
-  const elementIds = {
-    label: `${id}-label`,
-    description: `${id}-description`,
-    subtitle: `${id}-subtitle`
-  };
-  const ariaDescribedBy = `${optionSubtitle ? elementIds.subtitle : ""} ${optionDescription || body ? elementIds.description : ""}`.trim();
-  return /* @__PURE__ */ jsxs(
-    "label",
-    {
-      "data-testId": optionId,
-      className: cx([
-        "adyen-kyc-radio-card",
-        classNames?.label,
-        { "adyen-kyc-radio-card--disabled": disabled }
-      ]),
-      children: [
-        icon && /* @__PURE__ */ jsx("div", { className: cx("adyen-kyc-radio-card__icon", classNames?.icon), "aria-hidden": "true", children: icon }),
-        /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-radio-card__content", children: [
-          /* @__PURE__ */ jsx("div", { className: "adyen-kyc-radio-card__header adyen-kyc-u-display-flex adyen-kyc-u-align-items-center", children: /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: cx([
-                "adyen-kyc-radio-group-card__label",
-                classNames?.header,
-                { "adyen-kyc-radio-group-card__label--invalid": isInvalid }
-              ]),
-              children: [
-                optionSubtitle && /* @__PURE__ */ jsxs("div", { id: elementIds.subtitle, className: "adyen-kyc-radio-group-card__subtitle", children: [
-                  optionSubtitle,
-                  /* @__PURE__ */ jsx("span", { className: "adyen-kyc-u-screen-reader-only", children: "." })
-                ] }),
-                /* @__PURE__ */ jsx("span", { id: elementIds.label, children: optionName })
-              ]
-            }
-          ) }),
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              id: elementIds.description,
-              className: cx("adyen-kyc-radio-card__body", classNames?.body),
-              children: body ?? optionDescription
-            }
-          ),
-          footer && /* @__PURE__ */ jsx("div", { className: cx("adyen-kyc-radio-card__footer", classNames?.footer), children: footer })
-        ] }),
-        loading ? /* @__PURE__ */ jsx("span", { className: "adyen-kyc-radio-card__loading-icon", children: /* @__PURE__ */ jsx(Loader, { size: "small" }) }) : /* @__PURE__ */ jsx(
-          Radio,
-          {
-            id,
-            "aria-describedby": ariaDescribedBy,
-            "aria-labelledby": elementIds.label,
-            checked: isSelected,
-            groupName: name,
-            onClick: onSelect,
-            value: optionId,
-            disabled,
-            className: cx({ "adyen-kyc-radio-group-card__radio--floating": floatingRadio })
-          }
-        )
-      ]
-    },
-    optionId
-  );
-};
-const RadioGroupCard = ({
-  options,
-  name,
-  onSelect,
-  selected,
-  isInvalid,
-  className,
-  optionId,
-  optionName,
-  optionDescription,
-  optionSubtitle,
-  optionClassNames,
-  renderOptionIcon,
-  renderOptionBody,
-  renderOptionFooter,
-  isOptionDisabled,
-  floatingRadio,
-  enableTracking = false
-}) => {
-  const userEvents = useAnalyticsContext();
-  const handleSelect = (option) => {
-    if (enableTracking) {
-      userEvents.addFieldEvent("Interacted with form field", {
-        actionType: "input",
-        field: name,
-        returnValue: typeof option === "string" ? option : void 0
-      });
-    }
-    onSelect(option);
-  };
-  return /* @__PURE__ */ jsx("div", { className: className ?? "adyen-kyc-radio-group-card", children: options.map((option) => /* @__PURE__ */ jsx(
-    RadioCard,
-    {
-      optionId: optionId(option),
-      optionName: optionName(option),
-      optionDescription: optionDescription?.(option),
-      optionSubtitle: optionSubtitle?.(option),
-      isInvalid,
-      isSelected: selected === option,
-      onSelect: () => handleSelect(option),
-      name,
-      classNames: optionClassNames?.(option),
-      icon: renderOptionIcon?.(option),
-      body: renderOptionBody?.(option),
-      footer: renderOptionFooter?.(option),
-      disabled: isOptionDisabled?.(option),
-      floatingRadio
-    },
-    optionId(option)
-  )) });
-};
 const cachedStripPatterns = /* @__PURE__ */ new Map();
 const makeStripPattern = (mask) => {
   const inputPatterns = mask.tokens.filter((token) => token.type === "input" && !!token.allow).map((token) => token.allow);
@@ -940,7 +367,7 @@ const InputTelephone = forwardRef(
   }
 );
 const mismatch = "adyen-kyc-mismatch";
-const styles$1 = {
+const styles = {
   mismatch
 };
 const deriveInputState = (isValid, isFocused, isDisabled, isOptional, hasNullishValue, hasBlurred, errorMessage, shouldValidate, potentiallyMoreOptionalCharacters, formatGuidance, t) => {
@@ -1016,7 +443,7 @@ const Inner = ({
           readonly,
           placeholder,
           value: displayValue,
-          className: showingMismatch ? styles$1.mismatch : void 0,
+          className: showingMismatch ? styles.mismatch : void 0,
           onInput,
           onPaste,
           onKeyDown,
@@ -1333,9 +760,13 @@ const MaskedInput = ({
           type,
           showingMismatch,
           onInput: handleInput,
-          onBlur: (event) => handleBlur(event, fieldOnBlur),
+          onBlur: (event) => {
+            handleBlur(event, fieldOnBlur);
+          },
           onPaste: handlePaste,
-          onFocus: (event) => handleFocus(event, fieldOnFocus),
+          onFocus: (event) => {
+            handleFocus(event, fieldOnFocus);
+          },
           onKeyDown: handleKeyDown
         }
       )
@@ -1355,63 +786,26 @@ const MaskedInput = ({
       type,
       showingMismatch,
       onInput: handleInput,
-      onBlur: (event) => handleBlur(event),
+      onBlur: (event) => {
+        handleBlur(event);
+      },
       onPaste: handlePaste,
-      onFocus: (event) => handleFocus(event),
+      onFocus: (event) => {
+        handleFocus(event);
+      },
       onKeyDown: handleKeyDown
     }
   );
 };
-const createFormRules = (rules) => rules;
-const resolveFieldMetadata = (countryEntry, params, defaultMetadata) => {
-  if (typeof countryEntry === "object") {
-    return countryEntry;
-  }
-  if (typeof countryEntry === "function") {
-    return countryEntry(params);
-  }
-  return defaultMetadata;
-};
-const spacer = "adyen-kyc-spacer";
-const styles = {
-  spacer
-};
-const Spacer = () => /* @__PURE__ */ jsx("div", { className: styles.spacer });
 export {
-  isNewlyUploadedFile as A,
-  isValueObscured as B,
-  ContextGuidance as C,
-  DropzoneFile as D,
-  convertFullToHalf as E,
-  Image as I,
+  InputEmail as I,
   MaskedInput as M,
-  RadioGroupCard as R,
-  StateContextSetter as S,
-  TrustedFieldsProviders as T,
-  validateNotEmptyOnBlur as a,
-  alphanumericInputs as b,
-  alphaInputs as c,
-  nonInputs as d,
-  validateLegalCompanyName as e,
-  validateLatinSpaceMarkPunctuationOnlyOnBlur as f,
-  validateJaKanaLegalCompanyName as g,
-  validateJaHaniLegalCompanyName as h,
-  useCapabilityProblems as i,
-  getProblemsForEntity as j,
-  customInputs as k,
-  defaultFileValidationOptions as l,
+  nonInputs as a,
+  alphaInputs as b,
+  customInputs as c,
+  alphanumericInputs as d,
+  isValueObscured as i,
   makeMask as m,
   numericInputs as n,
-  fileValidationRules as o,
-  bytesToSize as p,
-  DocumentGuidance as q,
-  resolveFieldMetadata as r,
-  spacer$1 as s,
-  TextArea as t,
-  uppercase as u,
-  validatePatternOnBlur as v,
-  getLocalizedIdDocumentTypeOptions as w,
-  createFormRules as x,
-  InputEmail as y,
-  Spacer as z
+  spacer as s
 };