@adyen/kyc-components 4.0.1 → 4.2.0-beta.0

package/dist/ManageTransferInstrumentComponent-NZ8vELQC.js

@@ -1,287 +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] = "88cdb2ee-2483-40a8-ab09-07512c7bcac6", e._sentryDebugIdIdentifier = "sentry-dbid-88cdb2ee-2483-40a8-ab09-07512c7bcac6");
-  } catch (e) {
-  }
-}
-;
-import { b as useApiContext, j as useQuery, m as httpGet, W as useI18nContext, u as useTranslation, az as getCapabilityProblems, B as Button, L as Loader, aA as cloneObject, $ as entriesOf, V as TaskStatuses, U as createLogger, a as addResourceBundles, _ as __variableDynamicImportRuntimeHelper, H as Typography } from "./StoreProvider-l6WD5T55.js";
-import { jsxs, Fragment, jsx } from "preact/jsx-runtime";
-import { V as VerificationErrorAlert, u as useDeleteTransferInstrument } from "./VerificationErrorAlert-D7gb2Rqo.js";
-import { a as useToastContext } from "./useToastContext-mFlAEux_.js";
-import { a as datasetUtilities, S as StructuredList, C as Confirm, u as useDataset, d as datasetIdentifier } from "./useDataset-ClAqXJGw.js";
-import { a as Alert } from "./Alert-BVHHWVgg.js";
-import { s as statusToTag, E as EmbeddedStatus } from "./EmbeddedStatus-CrKg6woS.js";
-import { useState } from "preact/hooks";
-import { m as mapTransferInstrumentToPayoutAccount, u as useTransferInstrument } from "./mapTransferInstrumentToPayoutAccount-DMZUSLNm.js";
-import { M as Modal } from "./Modal-lDK70UQc.js";
-import { T as Tag } from "./Tag-DdkVScyr.js";
-import { D as DetailViewLayout } from "./DetailViewLayout-Z9cuUp4X.js";
-import { C as Card } from "./Card-B66f7NuH.js";
-import { c as currencyByCountry } from "./types-6CojAGL0.js";
-const getTransferInstruments = async (legalEntityId, baseUrl) => {
-  return httpGet({
-    baseUrl,
-    path: `legalEntities/${legalEntityId}/transferInstruments`
-  });
-};
-const useTransferInstruments = (options) => {
-  const { rootLegalEntityId, baseUrl } = useApiContext();
-  return useQuery({
-    queryKey: ["transferInstruments"],
-    queryFn: () => getTransferInstruments(rootLegalEntityId.value, baseUrl.value),
-    ...options
-  });
-};
-function ManageTransferInstrumentOverviewItemModal({
-  status,
-  transferInstrument,
-  onEdit,
-  onClose,
-  onRemove,
-  onInitiateRemove
-}) {
-  const { i18n } = useI18nContext();
-  const { t } = useTranslation("common");
-  const [confirmOpen, setConfirmOpen] = useState(false);
-  const datasetUtils = datasetUtilities(i18n.locale);
-  const isReviewInProgress = status === "PROCESSING";
-  const showEditButton = !transferInstrument?.bankAccount.trustedSource;
-  const problems = transferInstrument ? getCapabilityProblems(transferInstrument, transferInstrument.bankAccount.countryCode) : {};
-  const formatDataForStructuredList = (data) => {
-    const summaryData = cloneObject(data);
-    if (!summaryData.payoutAccountDetails) return [];
-    if (summaryData.payoutVerificationMethod?.bankCountry) {
-      summaryData.payoutAccountDetails.bankCountry = datasetUtils.getCountryName(
-        summaryData.payoutVerificationMethod.bankCountry
-      );
-      summaryData.payoutAccountDetails.currency = currencyByCountry[summaryData.payoutVerificationMethod.bankCountry]?.[0];
-    }
-    delete summaryData.payoutAccountDetails.transferInstrumentId;
-    return entriesOf(summaryData.payoutAccountDetails).map(([key, value]) => ({
-      term: i18n.get(key),
-      details: value
-    }));
-  };
-  const getStatusTag = () => {
-    const statusTagProps = statusToTag(TaskStatuses[status], t);
-    if (!statusTagProps) return;
-    return /* @__PURE__ */ jsx(Tag, { variant: statusTagProps.variant, children: statusTagProps.text });
-  };
-  const getPayoutDetailSummary = (ti) => {
-    const mappedTI = formatDataForStructuredList(mapTransferInstrumentToPayoutAccount(ti));
-    const statusTag = getStatusTag();
-    mappedTI.push({ term: i18n.get("status"), details: statusTag });
-    return mappedTI;
-  };
-  const getStructuredLists = () => {
-    if (!transferInstrument) return [];
-    const summaries = [];
-    summaries.push(getPayoutDetailSummary(transferInstrument));
-    if (transferInstrument.documentDetails) {
-      summaries.push([
-        { term: i18n.get("verificationMethod"), details: i18n.get("documentUpload") },
-        {
-          term: i18n.get("documentType"),
-          details: i18n.get(transferInstrument.documentDetails[0]?.type)
-        },
-        {
-          term: i18n.get("documentName"),
-          details: transferInstrument.documentDetails[0]?.fileName
-        }
-      ]);
-    }
-    return summaries;
-  };
-  const handleRemove = async () => {
-    await onRemove(transferInstrument.id);
-    onClose();
-  };
-  const handleDeleteClick = async () => {
-    if (onInitiateRemove) {
-      const confirmDeletion = onInitiateRemove();
-      if (confirmDeletion) await handleRemove();
-    } else {
-      setConfirmOpen(true);
-    }
-  };
-  const actions = /* @__PURE__ */ jsxs(Fragment, { children: [
-    transferInstrument && showEditButton && /* @__PURE__ */ jsx(Button, { onClick: () => onEdit(transferInstrument.id), disabled: isReviewInProgress, children: i18n.get("edit") }),
-    /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: handleDeleteClick, disabled: isReviewInProgress, children: i18n.get("delete") })
-  ] });
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Modal, { onClose, ariaLabel: i18n.get("bankAccount"), inset: true, children: !transferInstrument ? /* @__PURE__ */ jsx(Loader, {}) : /* @__PURE__ */ jsxs(DetailViewLayout, { title: i18n.get("bankAccount"), actions, compact: true, children: [
-      !!problems.BankAccount?.[transferInstrument.id]?.verificationErrors && /* @__PURE__ */ jsx(VerificationErrorAlert, { problems: problems.BankAccount?.[transferInstrument.id], children: /* @__PURE__ */ jsx(Button, { variant: "link", onClick: () => onEdit(transferInstrument.id), children: i18n.get("editDetails") }) }),
-      getStructuredLists().map((listItems) => /* @__PURE__ */ jsx(Card, { background: "secondary", children: /* @__PURE__ */ jsx(StructuredList, { items: listItems }) }, listItems))
-    ] }) }),
-    confirmOpen && /* @__PURE__ */ jsx(
-      Confirm,
-      {
-        title: i18n.get("areYouSureYouWantToDeleteThisBankAccount"),
-        onConfirm: handleRemove,
-        confirmText: i18n.get("delete"),
-        onCancel: () => setConfirmOpen(false),
-        critical: true
-      }
-    )
-  ] });
-}
-function ManageTransferInstrumentOverviewItem({
-  transferInstrumentReference,
-  onEdit,
-  onRemove,
-  onInitiateRemove
-}) {
-  const { i18n } = useI18nContext();
-  const { status, transferInstrument: transferInstrumentRef } = transferInstrumentReference;
-  const [fetchedTi, setFetchedTi] = useState(false);
-  const [modalOpen, setModalOpen] = useState(false);
-  const { data: transferInstrument } = useTransferInstrument(transferInstrumentRef.id, {
-    enabled: fetchedTi
-  });
-  const isDetailsRequired = status === "DETAILS_REQUIRED";
-  const accountIdentifier = transferInstrumentRef.accountIdentifier?.replaceAll("*", "•");
-  const handleClick = () => {
-    if (!fetchedTi) setFetchedTi(true);
-    if (isDetailsRequired) {
-      onEdit(transferInstrumentRef.id);
-      return;
-    }
-    setModalOpen(true);
-  };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      EmbeddedStatus,
-      {
-        status: TaskStatuses[status],
-        className: "adyen-kyc-manage-ti-overview-item",
-        iconName: "bank",
-        title: accountIdentifier,
-        subtitle: i18n.get("bankAccount"),
-        onClick: handleClick,
-        actionIndicator: isDetailsRequired ? { text: i18n.get("continue") } : void 0,
-        "aria-label": `${i18n.get("bankAccount")} ${accountIdentifier}`
-      }
-    ),
-    modalOpen && /* @__PURE__ */ jsx(
-      ManageTransferInstrumentOverviewItemModal,
-      {
-        transferInstrument,
-        onEdit,
-        onRemove,
-        onInitiateRemove,
-        onClose: () => setModalOpen(false),
-        status
-      }
-    )
-  ] });
-}
-function ManageTransferInstrumentOverview({
-  transferInstrumentReferences,
-  legalEntityId,
-  onEdit,
-  onAdd,
-  onRemove,
-  onInitiateRemove
-}) {
-  const { i18n } = useI18nContext();
-  const transferInstrumentListEle = transferInstrumentReferences?.map((transferInstrumentRef) => {
-    if (!transferInstrumentRef?.transferInstrument?.id || !transferInstrumentRef.status) return;
-    return /* @__PURE__ */ jsx(
-      ManageTransferInstrumentOverviewItem,
-      {
-        transferInstrumentReference: transferInstrumentRef,
-        onEdit,
-        onRemove,
-        onInitiateRemove
-      },
-      transferInstrumentRef.transferInstrument?.id
-    );
-  });
-  return /* @__PURE__ */ jsxs("section", { className: "adyen-kyc-manage-ti-overview", children: [
-    transferInstrumentListEle,
-    /* @__PURE__ */ jsx(
-      EmbeddedStatus,
-      {
-        title: i18n.get("addBankAccount"),
-        iconName: "plus",
-        light: true,
-        onClick: () => onAdd(legalEntityId),
-        "aria-label": i18n.get("addBankAccount")
-      }
-    )
-  ] });
-}
-const REFETCH_INTERVAL = 3e3;
-const logger = createLogger();
-function ManageTransferInstrumentComponent({
-  legalEntityId,
-  onAdd,
-  onEdit,
-  onInitiateRemove,
-  onRemoveSuccess
-}) {
-  const { rootLegalEntityId: currentLegalEntityId } = useApiContext();
-  currentLegalEntityId.value = legalEntityId;
-  const { i18n } = useI18nContext();
-  const { i18n: i18next } = useTranslation(["common", "banking"]);
-  const { showToast } = useToastContext();
-  const { mutateAsync: deleteTransferInstrument } = useDeleteTransferInstrument();
-  addResourceBundles(i18next, [
-    { ns: "common", importFn: (lang) => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../../../language/locales/bg-BG.json": () => import("./bg-BG-mLSjG76Q.js"), "../../../language/locales/cs-CZ.json": () => import("./cs-CZ-BsV9NiQ2.js"), "../../../language/locales/da-DK.json": () => import("./da-DK-D4Ojw97o.js"), "../../../language/locales/de-DE.json": () => import("./de-DE-BcuLmcC8.js"), "../../../language/locales/el-GR.json": () => import("./el-GR-CofvCav-.js"), "../../../language/locales/en-US.instructions.json": () => import("./en-US.instructions-Ddr7AO05.js"), "../../../language/locales/en-US.json": () => import("./StoreProvider-l6WD5T55.js").then((n) => n.bM), "../../../language/locales/es-ES.json": () => import("./es-ES-BAg3NqQO.js"), "../../../language/locales/et-EE.json": () => import("./et-EE-Bk2IHQWP.js"), "../../../language/locales/fi-FI.json": () => import("./fi-FI-MiyuQqH8.js"), "../../../language/locales/fr-FR.json": () => import("./fr-FR-DGMVrsJv.js"), "../../../language/locales/hr-HR.json": () => import("./hr-HR-BHt_jklG.js"), "../../../language/locales/hu-HU.json": () => import("./hu-HU-DDsdPI5V.js"), "../../../language/locales/it-IT.json": () => import("./it-IT-DLm11dH5.js"), "../../../language/locales/ja-JP.json": () => import("./ja-JP-CWe8f7m4.js"), "../../../language/locales/lt-LT.json": () => import("./lt-LT-Cg9c0kae.js"), "../../../language/locales/lv-LV.json": () => import("./lv-LV-DsxFGThp.js"), "../../../language/locales/nl-NL.json": () => import("./nl-NL-CMw-FwQV.js"), "../../../language/locales/no-NO.json": () => import("./no-NO-Dhj0Fh__.js"), "../../../language/locales/pl-PL.json": () => import("./pl-PL-DGSYzOx6.js"), "../../../language/locales/pt-BR.json": () => import("./pt-BR-Be5ZycMV.js"), "../../../language/locales/pt-PT.json": () => import("./pt-PT-BR-BI5Jn.js"), "../../../language/locales/ro-RO.json": () => import("./ro-RO-5I4Q_FyK.js"), "../../../language/locales/sk-SK.json": () => import("./sk-SK-BVmoP_EU.js"), "../../../language/locales/sl-SI.json": () => import("./sl-SI-CaJmYb6p.js"), "../../../language/locales/sv-SE.json": () => import("./sv-SE-D_ZnGxiQ.js") }), `../../../language/locales/${lang}.json`, 6) },
-    { ns: "ui", importFn: (lang) => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../../ui/language/bg-BG.json": () => import("./bg-BG-D9J6LnkI.js"), "../../ui/language/cs-CZ.json": () => import("./cs-CZ-DY_pQqAT.js"), "../../ui/language/da-DK.json": () => import("./da-DK-jK7c9UL0.js"), "../../ui/language/de-DE.json": () => import("./de-DE-wmerDL2e.js"), "../../ui/language/el-GR.json": () => import("./el-GR-Btrk_npt.js"), "../../ui/language/en-US.json": () => import("./en-US-gsp7CD_E.js"), "../../ui/language/es-ES.json": () => import("./es-ES-Qnc0Q6JH.js"), "../../ui/language/et-EE.json": () => import("./et-EE-TzXANcP2.js"), "../../ui/language/fi-FI.json": () => import("./fi-FI-Dn2MC8uW.js"), "../../ui/language/fr-FR.json": () => import("./fr-FR-BWX14yb7.js"), "../../ui/language/hr-HR.json": () => import("./hr-HR-CZLSQruE.js"), "../../ui/language/hu-HU.json": () => import("./hu-HU-kp8Go5hZ.js"), "../../ui/language/it-IT.json": () => import("./it-IT-B0YGvVgW.js"), "../../ui/language/ja-JP.json": () => import("./ja-JP-Dz9IVH4p.js"), "../../ui/language/lt-LT.json": () => import("./lt-LT-l9rzkFg9.js"), "../../ui/language/lv-LV.json": () => import("./lv-LV-DYbb5pkt.js"), "../../ui/language/nl-NL.json": () => import("./nl-NL-BMUYBqlF.js"), "../../ui/language/no-NO.json": () => import("./no-NO-DKbWxgF-.js"), "../../ui/language/pl-PL.json": () => import("./pl-PL-B0zGy_b4.js"), "../../ui/language/pt-BR.json": () => import("./pt-BR--kaJvtE6.js"), "../../ui/language/pt-PT.json": () => import("./pt-PT-BZ5ZZm6G.js"), "../../ui/language/ro-RO.json": () => import("./ro-RO-CdSsgoUG.js"), "../../ui/language/sk-SK.json": () => import("./sk-SK-BiBWPJUf.js"), "../../ui/language/sl-SI.json": () => import("./sl-SI-DtdGMD6i.js"), "../../ui/language/sv-SE.json": () => import("./sv-SE-kR514dO1.js") }), `../../ui/language/${lang}.json`, 5) },
-    { ns: "banking", importFn: (lang) => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../../BankAccount/language/bg-BG.json": () => import("./bg-BG-DRkMqyL8.js"), "../../BankAccount/language/cs-CZ.json": () => import("./cs-CZ-DalFZigH.js"), "../../BankAccount/language/da-DK.json": () => import("./da-DK-P3YSaBqs.js"), "../../BankAccount/language/de-DE.json": () => import("./de-DE-opyC1JO-.js"), "../../BankAccount/language/el-GR.json": () => import("./el-GR-CWd7XYDU.js"), "../../BankAccount/language/en-US.json": () => import("./en-US-h0JneJJl.js"), "../../BankAccount/language/es-ES.json": () => import("./es-ES-BhINIOee.js"), "../../BankAccount/language/et-EE.json": () => import("./et-EE-x29FUaYN.js"), "../../BankAccount/language/fi-FI.json": () => import("./fi-FI-CDISJifz.js"), "../../BankAccount/language/fr-FR.json": () => import("./fr-FR-aJ3cg4x0.js"), "../../BankAccount/language/hr-HR.json": () => import("./hr-HR-VivDwwdW.js"), "../../BankAccount/language/hu-HU.json": () => import("./hu-HU-WEtpzb41.js"), "../../BankAccount/language/it-IT.json": () => import("./it-IT-C2MZo4KT.js"), "../../BankAccount/language/ja-JP.json": () => import("./ja-JP-Bktpl_2b.js"), "../../BankAccount/language/lt-LT.json": () => import("./lt-LT-W6fTjwB5.js"), "../../BankAccount/language/lv-LV.json": () => import("./lv-LV-CxUmQHF9.js"), "../../BankAccount/language/nl-NL.json": () => import("./nl-NL-Bk-1-C0e.js"), "../../BankAccount/language/no-NO.json": () => import("./no-NO-DN9qf-_I.js"), "../../BankAccount/language/pl-PL.json": () => import("./pl-PL-Duj3tncM.js"), "../../BankAccount/language/pt-BR.json": () => import("./pt-BR-Cm4vZocb.js"), "../../BankAccount/language/pt-PT.json": () => import("./pt-PT-BJjCTMYf.js"), "../../BankAccount/language/ro-RO.json": () => import("./ro-RO-B8leE4ZJ.js"), "../../BankAccount/language/sk-SK.json": () => import("./sk-SK-BWwRIx2d.js"), "../../BankAccount/language/sl-SI.json": () => import("./sl-SI-6s8xycKg.js"), "../../BankAccount/language/sv-SE.json": () => import("./sv-SE-B1sbgsnh.js") }), `../../BankAccount/language/${lang}.json`, 5) }
-  ]);
-  const {
-    data: transferInstrumentReferences,
-    isLoading,
-    isError
-  } = useTransferInstruments({
-    refetchOnMount: "always",
-    refetchInterval: (query) => (
-      // if all TIs are verified, we can stop automatic refetching
-      query.state.data?.every(({ status }) => status === "FINISHED") ? 0 : REFETCH_INTERVAL
-    )
-  });
-  useDataset(datasetIdentifier.country);
-  const onRemove = async (transferInstrumentId) => {
-    try {
-      await deleteTransferInstrument(transferInstrumentId);
-      onRemoveSuccess?.(transferInstrumentId, legalEntityId);
-    } catch (e) {
-      showToast({ label: i18n.get("thereWasAnErrorTryAgain"), variant: "error" });
-      logger.error(e);
-    }
-  };
-  const render = () => {
-    if (isLoading) {
-      return /* @__PURE__ */ jsx(EmbeddedStatus, { loading: true });
-    }
-    if (isError) {
-      return /* @__PURE__ */ jsx(Alert, { title: i18n.get("sorryAnErrorOccurred"), variant: "error" });
-    }
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      !transferInstrumentReferences?.length && /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-u-margin-bottom-12", children: [
-        /* @__PURE__ */ jsx(Typography, { el: "h1", variant: "title-l", children: i18n.get("bankDetails") }),
-        /* @__PURE__ */ jsx(Typography, { children: i18n.get("addMissingBankDetails") })
-      ] }),
-      /* @__PURE__ */ jsx(
-        ManageTransferInstrumentOverview,
-        {
-          transferInstrumentReferences,
-          onEdit: (transferInstrumentId) => onEdit(transferInstrumentId, legalEntityId),
-          onRemove,
-          onInitiateRemove,
-          onAdd,
-          legalEntityId
-        }
-      )
-    ] });
-  };
-  return /* @__PURE__ */ jsx("div", { className: "adyen-kyc-manage-transfer-instrument", children: render() });
-}
-export {
-  ManageTransferInstrumentComponent as M
-};

package/dist/MaybeModal-D4PWacZ0.js

@@ -1,25 +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] = "e666a53e-4843-4fd4-8190-af2af4338bfe", e._sentryDebugIdIdentifier = "sentry-dbid-e666a53e-4843-4fd4-8190-af2af4338bfe");
-  } catch (e) {
-  }
-}
-;
-import { jsx, Fragment } from "preact/jsx-runtime";
-import { T as ToastContextProvider } from "./StoreProvider-l6WD5T55.js";
-import { M as Modal } from "./Modal-lDK70UQc.js";
-const MaybeModal = ({
-  ariaLabel,
-  children,
-  inline = false,
-  inset,
-  onClose,
-  size
-}) => {
-  return inline ? /* @__PURE__ */ jsx(Fragment, { children }) : /* @__PURE__ */ jsx(Modal, { onClose, ariaLabel, size, inset, children: /* @__PURE__ */ jsx(ToastContextProvider, { children }) });
-};
-export {
-  MaybeModal as M
-};

package/dist/Modal-lDK70UQc.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] = "345b4c63-acfb-47d7-9c45-407b25f1ab04", e._sentryDebugIdIdentifier = "sentry-dbid-345b4c63-acfb-47d7-9c45-407b25f1ab04");
-  } catch (e) {
-  }
-}
-;
-import { jsxs, Fragment, jsx } from "preact/jsx-runtime";
-import cx from "classnames";
-import { useRef, useLayoutEffect } from "preact/hooks";
-import { Y as IconButton } from "./StoreProvider-l6WD5T55.js";
-const KEYBOARD_KEYS = {
-  arrowDown: "ArrowDown",
-  arrowUp: "ArrowUp",
-  arrowLeft: "ArrowLeft",
-  arrowRight: "ArrowRight",
-  enter: "Enter",
-  escape: "Escape",
-  space: " ",
-  tab: "Tab",
-  backspace: "Backspace",
-  home: "Home",
-  end: "End"
-};
-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?.();
-    };
-    const handleKeydown = (event) => {
-      if (event.key !== KEYBOARD_KEYS.escape) return;
-      event.preventDefault();
-      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 {
-  KEYBOARD_KEYS as K,
-  Modal as M,
-  ModalContent as a,
-  ModalFooter as b,
-  ModalHeader as c
-};