@adyen/kyc-components 3.74.3 → 3.75.0-beta.0

package/dist/{validate-tGjEyd8Q.js → validate-DIQCrjk7.js}

@@ -2,12 +2,12 @@
 {
   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] = "e9099d2e-de44-4808-b169-5f2d589664fd", e._sentryDebugIdIdentifier = "sentry-dbid-e9099d2e-de44-4808-b169-5f2d589664fd");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "c1b388f1-ca61-49bb-ae2d-59834d3112c6", e._sentryDebugIdIdentifier = "sentry-dbid-c1b388f1-ca61-49bb-ae2d-59834d3112c6");
   } catch (e) {
   }
 }
 ;
-import { am as isEmpty } from "./StoreProvider-HRzOkLfJ.js";
+import { ao as isEmpty } from "./StoreProvider-DAebRaGX.js";
 const validateLegalEntityIdentifier = (legalEntityIdentifier) => {
   if (!legalEntityIdentifier) {
     return true;

package/dist/vue/adyen-individual.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] = "934220b3-51fa-4229-b316-9f7b8afd569c", e._sentryDebugIdIdentifier = "sentry-dbid-934220b3-51fa-4229-b316-9f7b8afd569c");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "39832a57-35d8-436b-9ef5-219960676d88", e._sentryDebugIdIdentifier = "sentry-dbid-39832a57-35d8-436b-9ef5-219960676d88");
   } catch (e) {
   }
 }

package/dist/vue/adyen-manage-individual.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] = "cf0e16c8-8bf9-49a4-896d-6d8a7f62d7fe", e._sentryDebugIdIdentifier = "sentry-dbid-cf0e16c8-8bf9-49a4-896d-6d8a7f62d7fe");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "e6347a20-5caf-42dc-b717-e770261ae7fe", e._sentryDebugIdIdentifier = "sentry-dbid-e6347a20-5caf-42dc-b717-e770261ae7fe");
   } catch (e) {
   }
 }

package/dist/vue/adyen-terms-of-service.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] = "7f2ab0c4-911c-4518-ab32-d72f20adcc07", e._sentryDebugIdIdentifier = "sentry-dbid-7f2ab0c4-911c-4518-ab32-d72f20adcc07");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "eca21fde-4dee-4b1b-b312-eab4e986ac2c", e._sentryDebugIdIdentifier = "sentry-dbid-eca21fde-4dee-4b1b-b312-eab4e986ac2c");
   } catch (e) {
   }
 }

package/dist/vue/adyen-transfer-instrument.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] = "9ea361e3-943e-4e39-ba99-28909bd59c34", e._sentryDebugIdIdentifier = "sentry-dbid-9ea361e3-943e-4e39-ba99-28909bd59c34");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "fd39a9af-c032-4b1b-9826-b53c37b8d303", e._sentryDebugIdIdentifier = "sentry-dbid-fd39a9af-c032-4b1b-9826-b53c37b8d303");
   } catch (e) {
   }
 }

package/dist/{yaml-B7DVK1fQ.js → yaml-BN5PYhM7.js}

@@ -2,12 +2,12 @@
 {
   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] = "e2dc2e06-1954-4b00-a904-448c1e71d8b3", e._sentryDebugIdIdentifier = "sentry-dbid-e2dc2e06-1954-4b00-a904-448c1e71d8b3");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "6a03207f-d4a8-48d1-a069-979b38fb314b", e._sentryDebugIdIdentifier = "sentry-dbid-6a03207f-d4a8-48d1-a069-979b38fb314b");
   } catch (e) {
   }
 }
 ;
-import { c as cssProps } from "./DebugModal-CIhZupHm.js";
+import { c as cssProps } from "./DebugModal-jUQSIT6v.js";
 const definitions = {
   any: { regex: /.*/g, css: cssProps.text },
   boolean: { regex: /^(\s*)([\w-]+)(:)\s*(.*)$/g, css: cssProps.boolean },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adyen/kyc-components",
-  "version": "3.74.3",
+  "version": "3.75.0-beta.0",
   "keywords": [
     "adyen",
     "adyen-kyc",

package/dist/Confirm-CSYow9zX.js

@@ -1,56 +0,0 @@
-;
-{
-  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] = "345c3601-05be-4ae6-a535-c9cad6b74cf7", e._sentryDebugIdIdentifier = "sentry-dbid-345c3601-05be-4ae6-a535-c9cad6b74cf7");
-  } catch (e) {
-  }
-}
-;
-import { jsx, jsxs } from "preact/jsx-runtime";
-import { useState } from "preact/hooks";
-import { b as useI18nContext, C as Typography, Y as Button } from "./StoreProvider-HRzOkLfJ.js";
-import { M as Modal } from "./Modal-CAvMYaEN.js";
-const confirm = "adyen-kyc-confirm";
-const confirmMessage = "adyen-kyc-confirm-message";
-const confirmActions = "adyen-kyc-confirm-actions";
-const styles = {
-  confirm,
-  confirmMessage,
-  confirmActions
-};
-const Confirm = ({
-  description,
-  cancelText,
-  confirmText,
-  critical = false,
-  onCancel,
-  onConfirm,
-  title
-}) => {
-  const { i18n } = useI18nContext();
-  const [isInFlight, setIsInFlight] = useState(false);
-  const showCancelButton = onCancel !== void 0;
-  const buttonVariant = critical ? "critical" : "primary";
-  const handleConfirm = async () => {
-    setIsInFlight(true);
-    try {
-      await onConfirm();
-    } finally {
-      setIsInFlight(false);
-    }
-  };
-  return /* @__PURE__ */ jsx(Modal, { size: "small", transition: "dropIn", showCloseButton: false, ariaLabel: title, children: /* @__PURE__ */ jsxs("div", { className: styles.confirm, children: [
-    /* @__PURE__ */ jsxs("div", { className: styles.confirmMessage, children: [
-      /* @__PURE__ */ jsx(Typography, { variant: "title", el: "h3", children: title }),
-      description && /* @__PURE__ */ jsx(Typography, { variant: "body", el: "p", children: description })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: styles.confirmActions, children: [
-      showCancelButton && /* @__PURE__ */ jsx(Button, { onClick: onCancel, variant: "secondary", disabled: isInFlight, children: cancelText ?? i18n.get("cancel") }),
-      /* @__PURE__ */ jsx(Button, { onClick: handleConfirm, variant: buttonVariant, loading: isInFlight, children: confirmText ?? i18n.get("confirm") })
-    ] })
-  ] }) });
-};
-export {
-  Confirm as C
-};

package/dist/FormNavigation-B0U6S6OX.js

@@ -1,145 +0,0 @@
-;
-{
-  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] = "d4d2345b-b747-4742-9763-942123b8391b", e._sentryDebugIdIdentifier = "sentry-dbid-d4d2345b-b747-4742-9763-942123b8391b");
-  } catch (e) {
-  }
-}
-;
-import { jsx, jsxs, Fragment } from "preact/jsx-runtime";
-import cx from "classnames";
-import { b as useI18nContext, a2 as Icon, bb as globalStyles, bc as KEYBOARD_KEYS, _ as useAnalyticsContext, C as Typography, a3 as noop } from "./StoreProvider-HRzOkLfJ.js";
-const FormNavigationItem = ({
-  form,
-  isActive,
-  onClick,
-  hasVerificationErrors
-}) => {
-  const { i18n } = useI18nContext();
-  const hasError = form.hasServerValidationErrors || hasVerificationErrors;
-  const handleKeyDown = (e) => {
-    if (onClick && (e.key === KEYBOARD_KEYS.enter || e.key === KEYBOARD_KEYS.space)) {
-      e.preventDefault();
-      onClick();
-    }
-  };
-  return /* @__PURE__ */ jsx(
-    "li",
-    {
-      "aria-label": i18n.get(form.formName),
-      "aria-current": isActive,
-      className: cx("adyen-kyc-form-navigation__item", {
-        "adyen-kyc-form-navigation__item--active": isActive,
-        "adyen-kyc-form-navigation__item--valid": form.isValid,
-        "adyen-kyc-form-navigation__item--isnav": Boolean(onClick)
-      }),
-      children: /* @__PURE__ */ jsxs(
-        "button",
-        {
-          type: "button",
-          onClick,
-          onKeyDown: onClick ? handleKeyDown : void 0,
-          tabIndex: onClick ? 0 : void 0,
-          children: [
-            i18n.get(form.formName),
-            form.hasServerValidationErrors && /* @__PURE__ */ jsxs("span", { className: "adyen-kyc-form-navigation__item-icon adyen-kyc-form-navigation__item-icon--error", children: [
-              /* @__PURE__ */ jsx(Icon, { name: "warning" }),
-              /* @__PURE__ */ jsx("span", { className: globalStyles.screenReaderOnly, children: i18n.get("formStepInvalid") })
-            ] }),
-            form.isValid && !hasError && /* @__PURE__ */ jsxs("span", { className: "adyen-kyc-form-navigation__item-icon adyen-kyc-form-navigation__item-icon--success", children: [
-              /* @__PURE__ */ jsx(Icon, { name: "checkmark-small" }),
-              /* @__PURE__ */ jsx("span", { className: globalStyles.screenReaderOnly, children: i18n.get("formStepCompleted") })
-            ] })
-          ]
-        }
-      )
-    },
-    form.formId
-  );
-};
-function FormNavigation({
-  forms,
-  activeForm,
-  gotoForm,
-  validateForm,
-  className,
-  taskName,
-  verificationErrors,
-  trackNavigation = noop
-}) {
-  const { i18n } = useI18nContext();
-  const userEvents = useAnalyticsContext();
-  const taskNameTranslated = i18n.get(taskName);
-  const getFormIndex = (form) => forms.findIndex((f) => f.formId === form.formId);
-  const goToForm = (form) => () => {
-    if (form.formId === activeForm.formId) return;
-    gotoForm(getFormIndex(form));
-    trackNavigation({
-      userEvents,
-      actionType: "navigate",
-      toForm: form.formName,
-      label: form.formName,
-      returnValue: "success"
-    });
-  };
-  const getNavigateHandler = (form, activeForm2) => {
-    const priorForms = forms.slice(0, getFormIndex(form));
-    const allPriorFormsValid = priorForms.every((subForm) => subForm.isValid);
-    if (allPriorFormsValid || !validateForm) {
-      return goToForm(form);
-    }
-    return activeForm2.isValid ? void 0 : () => {
-      trackNavigation({
-        userEvents,
-        actionType: "navigate",
-        toForm: form.formName,
-        label: form.formName,
-        returnValue: "validation error"
-      });
-      validateForm();
-    };
-  };
-  return /* @__PURE__ */ jsxs("div", { className: cx("adyen-kyc-form-navigation", className), children: [
-    /* @__PURE__ */ jsx(
-      Typography,
-      {
-        el: "h3",
-        variant: "body",
-        color: "secondary",
-        className: "adyen-kyc-form-navigation__header",
-        children: taskNameTranslated
-      }
-    ),
-    forms && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        Typography,
-        {
-          color: "tertiary",
-          variant: "caption-stronger",
-          className: "adyen-kyc-form-navigation__step-count",
-          children: i18n.get("stepsX/YofForm", {
-            values: {
-              activeFormIndex: getFormIndex(activeForm) + 1,
-              totalForms: forms.length,
-              taskNameTranslated
-            }
-          })
-        }
-      ),
-      /* @__PURE__ */ jsx("ul", { className: "adyen-kyc-form-navigation__items", children: forms.map((form) => /* @__PURE__ */ jsx(
-        FormNavigationItem,
-        {
-          form,
-          isActive: form.formId === activeForm.formId,
-          onClick: getNavigateHandler(form, activeForm),
-          hasVerificationErrors: Boolean((verificationErrors == null ? void 0 : verificationErrors[form.formId]) ?? false)
-        },
-        form.formId
-      )) })
-    ] })
-  ] });
-}
-export {
-  FormNavigation as F
-};

package/dist/FormWrapper-BGT0y0_A.js

@@ -1,149 +0,0 @@
-;
-{
-  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] = "d34ce42e-645c-47b8-9cc8-578c4424f0d1", e._sentryDebugIdIdentifier = "sentry-dbid-d34ce42e-645c-47b8-9cc8-578c4424f0d1");
-  } catch (e) {
-  }
-}
-;
-import { jsxs, jsx } from "preact/jsx-runtime";
-import { useState, useCallback } from "preact/hooks";
-import { b as useI18nContext, _ as useAnalyticsContext, a4 as useExperimentsContext, a1 as LoaderWrapper, aJ as summaryStep, Y as Button, aK as Summary } from "./StoreProvider-HRzOkLfJ.js";
-import { M as MaybeModal } from "./MaybeModal-Dnx2ARAl.js";
-import { b as ModalContent, a as ModalHeader, c as ModalFooter } from "./Modal-CAvMYaEN.js";
-import { S as Spacer } from "./Spacer-BK3jDget.js";
-import { S as StepProgressIndicator } from "./StepProgressIndicator-CBua2pA0.js";
-import { t as trackNavigation, F as FormRouterContextProvider } from "./dropinUtils-B4hMy9jU.js";
-import { F as FormNavigation } from "./FormNavigation-B0U6S6OX.js";
-const FormWrapper = ({
-  asModal = false,
-  summary,
-  taskName,
-  children,
-  handleNextClick,
-  handleBackClick,
-  handleCloseClick,
-  handleHomeClick,
-  loadingStatus,
-  gotoFormByFormIndex,
-  forms,
-  activeForm,
-  validateForm,
-  navigationTrackingParams,
-  hideSidebar,
-  hideFooter,
-  canSubmit,
-  onSubmit,
-  problems,
-  steps,
-  showBackButton,
-  hideNextButton,
-  hideHomeButton
-}) => {
-  var _a;
-  const { i18n } = useI18nContext();
-  const userEvents = useAnalyticsContext();
-  const { data: summaryData, omitted, labels } = summary || {};
-  const [finishLaterLoading, setFinishLaterLoading] = useState(false);
-  const translationKeys = {
-    finishLater: "finishLater"
-  };
-  const showLegalCaption = ["solePropDetails", "companyDetails", "businessDetails"].includes(
-    taskName
-  );
-  const { isExperimentEnabled } = useExperimentsContext();
-  const showExtraTaxExemptionReasons = isExperimentEnabled("ShowExtraTaxExemptionReasons");
-  const showTaxExemptedLegalCaption = showExtraTaxExemptionReasons && ((_a = summaryData == null ? void 0 : summaryData.companyRegistrationDetails) == null ? void 0 : _a.vatAbsenceReason) && ["companyDetails", "businessDetails"].includes(taskName);
-  const handleTrackNavigation = useCallback(
-    (props) => {
-      trackNavigation({
-        ...props,
-        additionalTrackingParams: navigationTrackingParams
-      });
-    },
-    [navigationTrackingParams]
-  );
-  const summaryContent = /* @__PURE__ */ jsx("div", { className: "adyen-kyc-form-wrapper", children: /* @__PURE__ */ jsx(
-    Summary,
-    {
-      trackNavigation: handleTrackNavigation,
-      data: summaryData,
-      omitted,
-      forms,
-      gotoForm: gotoFormByFormIndex,
-      labels,
-      problems,
-      showLegalCaption,
-      showTaxExemptedLegalCaption
-    }
-  ) });
-  const onHomeClick = () => {
-    setFinishLaterLoading(true);
-    userEvents.addPageEvent("Clicked button", {
-      actionType: "save",
-      label: translationKeys.finishLater
-    });
-    if (canSubmit) {
-      onSubmit().then(() => {
-        setFinishLaterLoading(false);
-      });
-    } else {
-      handleHomeClick == null ? void 0 : handleHomeClick();
-      setFinishLaterLoading(false);
-    }
-  };
-  const isFirstStep = steps.current === 0;
-  const isFinalStep = steps.current === steps.total - 1;
-  return /* @__PURE__ */ jsxs(MaybeModal, { inline: !asModal, onClose: handleCloseClick, children: [
-    /* @__PURE__ */ jsxs(ModalContent, { children: [
-      /* @__PURE__ */ jsx(ModalHeader, {}),
-      /* @__PURE__ */ jsx(LoaderWrapper, { status: loadingStatus, formOpacityWhenLoading: 0.3, loaderSize: "large", children: /* @__PURE__ */ jsxs("div", { className: !hideSidebar ? "adyen-kyc-form-with-sidebar" : "", children: [
-        !asModal && !hideSidebar && /* @__PURE__ */ jsx("div", { className: "adyen-kyc-dropin__sidebar-wrapper", children: /* @__PURE__ */ jsx(
-          FormNavigation,
-          {
-            forms,
-            activeForm,
-            gotoForm: gotoFormByFormIndex,
-            validateForm,
-            taskName,
-            trackNavigation: handleTrackNavigation,
-            verificationErrors: problems == null ? void 0 : problems.verificationErrors
-          }
-        ) }),
-        /* @__PURE__ */ jsxs(FormRouterContextProvider, { setFormIndex: gotoFormByFormIndex, forms, children: [
-          children,
-          activeForm.formId === summaryStep.formId && summary && summaryContent
-        ] })
-      ] }) })
-    ] }),
-    !hideFooter && /* @__PURE__ */ jsxs(ModalFooter, { children: [
-      /* @__PURE__ */ jsx("div", { style: { width: "30%", display: asModal ? "unset" : "none" }, children: /* @__PURE__ */ jsx(
-        StepProgressIndicator,
-        {
-          activeStepIndex: steps.current ?? 0,
-          stepsCount: steps.total,
-          fillBefore: true,
-          thick: true
-        }
-      ) }),
-      (!isFirstStep || showBackButton) && handleBackClick && /* @__PURE__ */ jsx(Button, { icon: "chevron-left", variant: "secondary", onClick: handleBackClick, children: i18n.get("back") }),
-      /* @__PURE__ */ jsx(Spacer, {}),
-      !isFirstStep && !isFinalStep && !hideHomeButton && /* @__PURE__ */ jsx(
-        Button,
-        {
-          variant: "secondary",
-          icon: "save",
-          onClick: onHomeClick,
-          loading: finishLaterLoading,
-          children: i18n.get(translationKeys.finishLater)
-        }
-      ),
-      !isFinalStep && !hideNextButton && /* @__PURE__ */ jsx(Button, { onClick: handleNextClick, children: i18n.get("continue") }),
-      isFinalStep && /* @__PURE__ */ jsx(Button, { onClick: handleNextClick, children: i18n.get("submit") })
-    ] })
-  ] });
-};
-export {
-  FormWrapper as F
-};

package/dist/MaybeModal-Dnx2ARAl.js

@@ -1,18 +0,0 @@
-;
-{
-  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] = "8de42ab5-c6d9-4b25-9459-f25ded8eaebf", e._sentryDebugIdIdentifier = "sentry-dbid-8de42ab5-c6d9-4b25-9459-f25ded8eaebf");
-  } catch (e) {
-  }
-}
-;
-import { jsx, Fragment } from "preact/jsx-runtime";
-import { T as ToastContextProvider } from "./StoreProvider-HRzOkLfJ.js";
-import { M as Modal } from "./Modal-CAvMYaEN.js";
-const MaybeModal = ({ ariaLabel, children, inline = false, onClose }) => {
-  return inline ? /* @__PURE__ */ jsx(Fragment, { children }) : /* @__PURE__ */ jsx(Modal, { onClose, ariaLabel, children: /* @__PURE__ */ jsx(ToastContextProvider, { children }) });
-};
-export {
-  MaybeModal as M
-};

package/dist/Modal-CAvMYaEN.js

@@ -1,135 +0,0 @@
-;
-{
-  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] = "6d3f4334-b2af-4df2-9f3f-b756a58b42fe", e._sentryDebugIdIdentifier = "sentry-dbid-6d3f4334-b2af-4df2-9f3f-b756a58b42fe");
-  } catch (e) {
-  }
-}
-;
-import { jsx, jsxs, Fragment } from "preact/jsx-runtime";
-import cx from "classnames";
-import { useRef, useLayoutEffect } from "preact/hooks";
-import { Z as IconButton, bc as KEYBOARD_KEYS } from "./StoreProvider-HRzOkLfJ.js";
-const modal = "adyen-kyc-modal";
-const modalBody = "adyen-kyc-modal-body";
-const modalBodyHeight = "adyen-kyc-modal-body-height";
-const modalTransitionSlideIn = "adyen-kyc-modal-transition-slide-in";
-const modalTransitionDropIn = "adyen-kyc-modal-transition-drop-in";
-const modalInset = "adyen-kyc-modal-inset";
-const modalSmall = "adyen-kyc-modal-small";
-const modalMedium = "adyen-kyc-modal-medium";
-const modalLarge = "adyen-kyc-modal-large";
-const modalFullscreen = "adyen-kyc-modal-fullscreen";
-const modalButton = "adyen-kyc-modal-button";
-const modalHeader = "adyen-kyc-modal-header";
-const modalContent = "adyen-kyc-modal-content";
-const modalFooter = "adyen-kyc-modal-footer";
-const styles = {
-  modal,
-  modalBody,
-  modalBodyHeight,
-  modalTransitionSlideIn,
-  modalTransitionDropIn,
-  modalInset,
-  modalSmall,
-  modalMedium,
-  modalLarge,
-  modalFullscreen,
-  modalButton,
-  modalHeader,
-  modalContent,
-  modalFooter
-};
-const Modal = ({
-  ariaLabel,
-  children,
-  inset = false,
-  onClose,
-  showCloseButton = true,
-  size = "medium",
-  transition = "slideIn"
-}) => {
-  const dialogRef = useRef(null);
-  const shouldShowCloseButton = onClose !== void 0 && showCloseButton;
-  useLayoutEffect(() => {
-    const dialogElement = dialogRef.current;
-    if (!dialogElement) return;
-    const handleCancel = (event) => {
-      event.preventDefault();
-      onClose == null ? void 0 : onClose();
-    };
-    const handleKeydown = (event) => {
-      if (event.key !== KEYBOARD_KEYS.escape) return;
-      event.preventDefault();
-      onClose == null ? void 0 : onClose();
-    };
-    try {
-      document.addEventListener("keydown", handleKeydown);
-      dialogElement.addEventListener("cancel", handleCancel);
-      dialogElement.showModal();
-    } catch {
-      console.warn(
-        "Could not call `showModal()` on the <dialog>; likely it was already removed from the document."
-      );
-      return;
-    }
-    dialogElement.focus();
-    dialogElement.blur();
-    return () => {
-      dialogElement.removeEventListener("cancel", handleCancel);
-      document.removeEventListener("keydown", handleKeydown);
-      dialogElement.close();
-    };
-  }, []);
-  const transitionStyle = {
-    slideIn: styles.modalTransitionSlideIn,
-    dropIn: styles.modalTransitionDropIn
-  };
-  const sizeStyle = {
-    small: styles.modalSmall,
-    medium: styles.modalMedium,
-    large: styles.modalLarge,
-    fullscreen: styles.modalFullscreen
-  };
-  const rootClassname = cx(styles.modal, transitionStyle[transition], sizeStyle[size]);
-  const bodyClassname = cx(styles.modalBody, {
-    [styles.modalInset]: inset === true,
-    [styles.modalBodyHeight]: size !== "small"
-  });
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("style", { children: `html,body { overflow: hidden !important; }` }),
-    /* @__PURE__ */ jsxs(
-      "dialog",
-      {
-        "aria-label": ariaLabel,
-        "aria-modal": "true",
-        className: rootClassname,
-        onClose,
-        ref: dialogRef,
-        children: [
-          shouldShowCloseButton && /* @__PURE__ */ jsx("div", { className: styles.modalButton, children: /* @__PURE__ */ jsx(
-            IconButton,
-            {
-              ariaLabel: "Close",
-              circle: true,
-              icon: "cross",
-              onClick: onClose,
-              variant: "surface"
-            }
-          ) }),
-          /* @__PURE__ */ jsx("div", { className: bodyClassname, "data-testid": "modal-body", children })
-        ]
-      }
-    )
-  ] });
-};
-const ModalHeader = ({ children }) => /* @__PURE__ */ jsx("header", { className: styles.modalHeader, children });
-const ModalContent = ({ children }) => /* @__PURE__ */ jsx("section", { className: styles.modalContent, children });
-const ModalFooter = ({ children }) => /* @__PURE__ */ jsx("footer", { className: styles.modalFooter, children });
-export {
-  Modal as M,
-  ModalHeader as a,
-  ModalContent as b,
-  ModalFooter as c
-};