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

package/dist/EmbeddedStatus-CrKg6woS.js

@@ -1,99 +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] = "068f76fe-f5ca-4b6d-aba0-769e4eaba816", e._sentryDebugIdIdentifier = "sentry-dbid-068f76fe-f5ca-4b6d-aba0-769e4eaba816");
-  } catch (e) {
-  }
-}
-;
-import { jsxs, jsx, Fragment } from "preact/jsx-runtime";
-import cx from "classnames";
-import { A as Avatar } from "./Avatar-sN35oNt2.js";
-import { V as TaskStatuses, u as useTranslation, z as Skeleton, H as Typography } from "./StoreProvider-l6WD5T55.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";
-const embeddedStatusLoading = "adyen-kyc-embedded-status-loading";
-const embeddedStatusActionIndicator = "adyen-kyc-embedded-status-action-indicator";
-const embeddedStatusInfo = "adyen-kyc-embedded-status-info";
-const styles = {
-  embeddedStatus,
-  embeddedStatusLoading,
-  embeddedStatusActionIndicator,
-  embeddedStatusInfo
-};
-const statusToTag = (status, commonT) => {
-  switch (status) {
-    case OnboardingStatuses.IN_REVIEW:
-      return { text: commonT(($) => $["inReview"]), variant: "grey" };
-    case TaskStatuses.FINISHED:
-    case OnboardingStatuses.VERIFIED:
-      return { text: commonT(($) => $["verified"]), variant: "green" };
-    case TaskStatuses.SIGNED:
-      return { text: commonT(($) => $["signed"]), variant: "green" };
-    case OnboardingStatuses.REJECTED:
-      return { text: commonT(($) => $["rejected"]), variant: "red" };
-    case TaskStatuses.ERROR:
-      return { text: commonT(($) => $["actionNeeded"]), variant: "red" };
-    case TaskStatuses.PROCESSING:
-    case OnboardingStatuses.AWAITING_DATA:
-      return { text: commonT(($) => $["inReview"]), variant: "grey" };
-    case OnboardingStatuses.UNSUCCESSFUL:
-      return { text: commonT(($) => $["unsuccessful"]), variant: "red" };
-    default:
-      return void 0;
-  }
-};
-const EmbeddedStatus = ({
-  title,
-  subtitle,
-  status,
-  tag,
-  iconName = "user",
-  loading = false,
-  onClick,
-  light = false,
-  className,
-  actionIndicator,
-  ...props
-}) => {
-  const { t } = useTranslation("common");
-  const statusTag = status ? statusToTag(status, t) : tag;
-  const avatarVariant = light ? "tertiary" : "secondary";
-  return /* @__PURE__ */ jsxs(
-    "button",
-    {
-      type: "button",
-      className: cx(className, styles.embeddedStatus, "adyen-kyc-externalComponent", {
-        [styles.embeddedStatusLoading]: loading,
-        [styles.embeddedStatusLight]: light
-      }),
-      onClick,
-      ...props,
-      children: [
-        loading ? /* @__PURE__ */ jsx(Skeleton, { height: "44px", width: "44px", circle: true }) : /* @__PURE__ */ jsx(Avatar, { iconName, variant: avatarVariant, circle: true }),
-        /* @__PURE__ */ jsx("section", { className: styles.embeddedStatusInfo, children: loading ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(Skeleton, { text: true, width: "20ch", height: "1em" }),
-          /* @__PURE__ */ jsx(Skeleton, { text: true, width: "90%", height: "1em" })
-        ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(Typography, { variant: "body-stronger", el: "h3", children: title }),
-          /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "secondary", el: "div", children: subtitle })
-        ] }) }),
-        actionIndicator ? /* @__PURE__ */ jsx("section", { children: loading ? /* @__PURE__ */ jsx(Skeleton, { width: "5em", height: "2em" }) : /* @__PURE__ */ jsx(
-          Typography,
-          {
-            el: "div",
-            variant: "body-stronger",
-            className: styles.embeddedStatusActionIndicator,
-            children: actionIndicator.text
-          }
-        ) }) : statusTag?.text && /* @__PURE__ */ jsx("section", { children: loading ? /* @__PURE__ */ jsx(Skeleton, { width: "8ch", height: "1em" }) : /* @__PURE__ */ jsx(Tag, { variant: statusTag.variant, children: statusTag.text }) })
-      ]
-    }
-  );
-};
-export {
-  EmbeddedStatus as E,
-  statusToTag as s
-};

package/dist/EndStateLayout-CPXu6AzB.js

@@ -1,71 +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] = "c091a5b4-b299-4ccb-993f-8d84837d503b", e._sentryDebugIdIdentifier = "sentry-dbid-c091a5b4-b299-4ccb-993f-8d84837d503b");
-  } catch (e) {
-  }
-}
-;
-import { jsxs, jsx } from "preact/jsx-runtime";
-import cx from "classnames";
-import { isValidElement, cloneElement } from "preact";
-import { B as Button, L as Loader, a3 as Icon } from "./StoreProvider-l6WD5T55.js";
-const endStateLayout = "adyen-kyc-end-state-layout";
-const endStateLayoutHeader = "adyen-kyc-end-state-layout-header";
-const endStateLayoutIcon = "adyen-kyc-end-state-layout-icon";
-const endStateLayoutIconSuccess = "adyen-kyc-end-state-layout-icon-success";
-const endStateLayoutIconError = "adyen-kyc-end-state-layout-icon-error";
-const endStateLayoutIconInfo = "adyen-kyc-end-state-layout-icon-info";
-const endStateLayoutIconWarning = "adyen-kyc-end-state-layout-icon-warning";
-const endStateLayoutTitle = "adyen-kyc-end-state-layout-title";
-const endStateLayoutDescription = "adyen-kyc-end-state-layout-description";
-const endStateLayoutAction = "adyen-kyc-end-state-layout-action";
-const styles = {
-  endStateLayout,
-  endStateLayoutHeader,
-  endStateLayoutIcon,
-  endStateLayoutIconSuccess,
-  endStateLayoutIconError,
-  endStateLayoutIconInfo,
-  endStateLayoutIconWarning,
-  endStateLayoutTitle,
-  endStateLayoutDescription,
-  endStateLayoutAction
-};
-const EndStateLayout = ({
-  action,
-  description,
-  loading = false,
-  title,
-  variant = "success"
-}) => {
-  if (action && (!isValidElement(action) || action.type !== Button)) {
-    throw new Error('EndStateLayout component only accepts Button component as "action".');
-  }
-  const iconClassname = cx(styles.endStateLayoutIcon, {
-    [styles.endStateLayoutIconSuccess]: variant === "success",
-    [styles.endStateLayoutIconError]: variant === "error",
-    [styles.endStateLayoutIconWarning]: variant === "warning",
-    [styles.endStateLayoutIconInfo]: variant === "info" || variant === "basic"
-  });
-  const iconName = {
-    basic: "info-circle",
-    error: "cross",
-    info: "info-circle",
-    success: "check",
-    warning: "warning"
-  };
-  const actionButton = action ? cloneElement(action, { disabled: loading }) : null;
-  return /* @__PURE__ */ jsxs("article", { className: styles.endStateLayout, children: [
-    /* @__PURE__ */ jsxs("header", { className: styles.endStateLayoutHeader, children: [
-      loading ? /* @__PURE__ */ jsx("div", { className: styles.endStateLayoutIcon, role: "progressbar", children: /* @__PURE__ */ jsx(Loader, {}) }) : /* @__PURE__ */ jsx("div", { className: iconClassname, role: "img", "aria-label": variant, children: /* @__PURE__ */ jsx(Icon, { name: iconName[variant] }) }),
-      /* @__PURE__ */ jsx("h1", { className: styles.endStateLayoutTitle, children: title }),
-      description && /* @__PURE__ */ jsx("div", { className: styles.endStateLayoutDescription, children: description })
-    ] }),
-    actionButton && /* @__PURE__ */ jsx("div", { className: styles.endStateLayoutAction, role: "toolbar", children: actionButton })
-  ] });
-};
-export {
-  EndStateLayout as E
-};

package/dist/EntityAssociation-SkprG-At.js

@@ -1,159 +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] = "4aea94da-b883-4249-9eb5-4b8e5c67f836", e._sentryDebugIdIdentifier = "sentry-dbid-4aea94da-b883-4249-9eb5-4b8e5c67f836");
-  } 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, V as TaskStatuses, a4 as noop } from "./StoreProvider-l6WD5T55.js";
-import { T as Tag } from "./Tag-DdkVScyr.js";
-import { V as VerificationErrorAlert } from "./VerificationErrorAlert-D7gb2Rqo.js";
-import { C as Card } from "./Card-B66f7NuH.js";
-import { C as Confirm } from "./useDataset-ClAqXJGw.js";
-import { T as TaskVerificationStatus } from "./InputText-DHRZ5RNd.js";
-import { l as handleKeys } from "./IndividualOnfido-CmDDWqG_.js";
-import { j as getRoleTagVariant, f as getRoleName } from "./CountryField-D36v7bff.js";
-function useClickAwayListener(ref, onClickAway) {
-  const handleClickAway = useCallback(
-    (event) => {
-      if (ref.current && !ref.current.contains(event.target)) {
-        onClickAway();
-      }
-    },
-    [ref, onClickAway]
-  );
-  useEffect(() => {
-    document.addEventListener("mousedown", handleClickAway);
-    return () => {
-      document.removeEventListener("mousedown", handleClickAway);
-    };
-  }, [handleClickAway]);
-}
-const ClickAwayWrapper = ({ children, onClickAway, ...divProps }) => {
-  const ref = useRef(null);
-  useClickAwayListener(ref, onClickAway);
-  return /* @__PURE__ */ jsx("div", { ref, ...divProps, children });
-};
-const actionsMenu = "adyen-kyc-actions-menu";
-const styles = {
-  actionsMenu
-};
-const ActionsMenu = ({ options, open, setOpen }) => {
-  const menuItems = options.map(({ label, onSelect, icon }) => /* @__PURE__ */ jsx(
-    Button,
-    {
-      onClick: (event) => {
-        event.stopPropagation();
-        setOpen(false);
-        onSelect();
-      },
-      variant: "tertiary",
-      icon,
-      children: label
-    },
-    label
-  ));
-  return open ? /* @__PURE__ */ jsx(ClickAwayWrapper, { onClickAway: () => setOpen(false), className: styles.actionsMenu, role: "menu", children: menuItems }) : null;
-};
-const EntityAssociation = ({
-  name,
-  types,
-  status,
-  actions,
-  problems,
-  infoContent,
-  onNavigateToEntity,
-  deleteEntity,
-  isDeleteDisabled
-}) => {
-  const { t } = useTranslation("common");
-  const [showingActions, setShowingActions] = useState(false);
-  const [isConfirmShown, setIsConfirmShown] = useState(false);
-  const isDeletable = !!deleteEntity;
-  const handleRemoveIntent = (event) => {
-    event.stopPropagation();
-    setIsConfirmShown(true);
-  };
-  const dismissConfirm = () => {
-    setIsConfirmShown(false);
-  };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(
-      Card,
-      {
-        className: "adyen-kyc-entity-association",
-        stateful: Boolean(onNavigateToEntity),
-        onClick: onNavigateToEntity,
-        onKeyDown: handleKeys(["Enter"], onNavigateToEntity ?? noop),
-        children: [
-          /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-entity-association__top", children: [
-            /* @__PURE__ */ jsx("h3", { className: "adyen-kyc-entity-association__title", children: name }),
-            /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-entity-association__info", children: [
-              /* @__PURE__ */ jsx(TaskVerificationStatus, { status }),
-              actions && /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-entity-association__actions", children: [
-                /* @__PURE__ */ jsx(
-                  IconButton,
-                  {
-                    variant: "tertiary",
-                    icon: "more-horiz",
-                    onClick: (event) => {
-                      event.stopPropagation();
-                      setShowingActions(!showingActions);
-                    },
-                    ariaLabel: t(($) => $["toggleAssociationMenu"], { name })
-                  }
-                ),
-                /* @__PURE__ */ jsx(ActionsMenu, { options: actions, open: showingActions, setOpen: setShowingActions })
-              ] }),
-              isDeletable && /* @__PURE__ */ jsx(
-                IconButton,
-                {
-                  ariaLabel: t(($) => $["delete"]),
-                  icon: "bin",
-                  variant: "tertiary",
-                  onClick: handleRemoveIntent,
-                  disabled: isConfirmShown || isDeleteDisabled
-                }
-              )
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx("div", { children: types.map((type) => /* @__PURE__ */ jsx(
-            Tag,
-            {
-              className: "adyen-kyc-entity-association__tag",
-              variant: getRoleTagVariant(type),
-              children: t(($) => $[getRoleName(type)])
-            },
-            type
-          )) }),
-          status === TaskStatuses.ERROR && /* @__PURE__ */ jsx(
-            VerificationErrorAlert,
-            {
-              className: "adyen-kyc-entity-association-alert",
-              problems
-            }
-          ),
-          infoContent
-        ]
-      }
-    ),
-    isConfirmShown && isDeletable && /* @__PURE__ */ jsx(
-      Confirm,
-      {
-        title: t(($) => $["deleteItem"], { item: name }),
-        description: t(($) => $["thisActionIsPermanent"]),
-        onConfirm: deleteEntity,
-        confirmText: t(($) => $["delete"]),
-        onCancel: dismissConfirm,
-        critical: true
-      }
-    )
-  ] });
-};
-export {
-  EntityAssociation as E
-};

package/dist/EntityGuidanceStatus-D9lctwyX.js

@@ -1,105 +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] = "f3e2c029-9c71-4440-aaa0-85ce5b2192f5", e._sentryDebugIdIdentifier = "sentry-dbid-f3e2c029-9c71-4440-aaa0-85ce5b2192f5");
-  } catch (e) {
-  }
-}
-;
-import { jsx, jsxs } from "preact/jsx-runtime";
-import { T as Tag } from "./Tag-DdkVScyr.js";
-import { bz as getDecisionMakerDescriptionMap, P as TaskTypes, bA as TRUST_DEFAULT_DESCRIPTIONS_MAP, a3 as Icon, u as useTranslation, an as Trans } from "./StoreProvider-l6WD5T55.js";
-import { U as UnincorporatedPartnershipMemberTypes, j as getRoleTagVariant, f as getRoleName } from "./CountryField-D36v7bff.js";
-const UNINCORPORATED_PARTNERSHIP__DEFAULT_DESCRIPTIONS_MAP = {
-  [UnincorporatedPartnershipMemberTypes.SECONDARY_PARTNER]: "provideAtLeastOneSecondaryPartner",
-  [UnincorporatedPartnershipMemberTypes.OWNER]: "provideAllOwners",
-  [UnincorporatedPartnershipMemberTypes.CONTROLLING_PERSON]: "ifNoOwnersSpecifyControllingPersons"
-};
-const iconStatus = (current, min) => {
-  const isSatisfied = current > 0 && current >= min;
-  return isSatisfied ? "satisfied" : "empty";
-};
-const getEntityStatusRuleDescription = (country, currentTask, entityLabel) => {
-  const defaultMessage = getDecisionMakerDescriptionMap(country)[entityLabel];
-  switch (currentTask) {
-    case TaskTypes.TRUST_MEMBER_OVERVIEW: {
-      return TRUST_DEFAULT_DESCRIPTIONS_MAP[entityLabel];
-    }
-    case TaskTypes.UNINCORPORATED_PARTNERSHIP_MEMBER_OVERVIEW: {
-      return UNINCORPORATED_PARTNERSHIP__DEFAULT_DESCRIPTIONS_MAP[entityLabel] || defaultMessage;
-    }
-    default: {
-      return defaultMessage;
-    }
-  }
-};
-const EntityStatusIcon = ({ status }) => {
-  switch (status) {
-    case "empty":
-      return /* @__PURE__ */ jsx(
-        Icon,
-        {
-          name: "checkmark-circle",
-          className: "adyen-kyc-entity-status__icon adyen-kyc-entity-status__icon--empty",
-          testId: "empty-icon"
-        }
-      );
-    case "satisfied":
-      return /* @__PURE__ */ jsx(
-        Icon,
-        {
-          name: "checkmark",
-          className: "adyen-kyc-entity-status__icon adyen-kyc-entity-status__icon--satisfied",
-          testId: "satisfied-icon"
-        }
-      );
-    default:
-      return /* @__PURE__ */ jsx(
-        Icon,
-        {
-          name: "circle",
-          className: "adyen-kyc-entity-status__icon adyen-kyc-entity-status__icon--empty",
-          testId: "empty-icon"
-        }
-      );
-  }
-};
-const EntityGuidanceStatus = ({
-  country,
-  currentTask,
-  entityLabel,
-  status
-}) => {
-  const { t } = useTranslation("common");
-  return /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-entity-status__container", children: [
-    /* @__PURE__ */ jsx(EntityStatusIcon, { status }),
-    /* @__PURE__ */ jsx(
-      Tag,
-      {
-        className: "adyen-kyc-entity-status__tag",
-        variant: getRoleTagVariant(entityLabel),
-        children: t(($) => $[getRoleName(entityLabel)])
-      },
-      entityLabel
-    ),
-    /* @__PURE__ */ jsx(
-      "span",
-      {
-        className: "adyen-kyc-entity-status--text",
-        "data-testid": `${entityLabel}-rule--description`,
-        children: /* @__PURE__ */ jsx(
-          Trans,
-          {
-            t,
-            i18nKey: ($) => $[getEntityStatusRuleDescription(country, currentTask, entityLabel)]
-          }
-        )
-      }
-    )
-  ] });
-};
-export {
-  EntityGuidanceStatus as E,
-  iconStatus as i
-};

package/dist/FormFlow-BVw3rIvU.js

@@ -1,224 +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] = "dd829857-d290-4c22-82f7-1e65a7a9a5f9", e._sentryDebugIdIdentifier = "sentry-dbid-dd829857-d290-4c22-82f7-1e65a7a9a5f9");
-  } catch (e) {
-  }
-}
-;
-import { jsx, jsxs } from "preact/jsx-runtime";
-import { useMemo, useRef, useState } from "preact/hooks";
-import { F as FormContext } from "./Address-DrRgozSN.js";
-import cx from "classnames";
-import { a0 as useAnalyticsContext, u as useTranslation, B as Button, Y as IconButton } from "./StoreProvider-l6WD5T55.js";
-import { L as LoaderWrapper } from "./useForm-C8SA0ETz.js";
-import { M as MaybeModal } from "./MaybeModal-D4PWacZ0.js";
-import { F as FormRouterContextProvider } from "./dropinUtils-DSk8OL7G.js";
-import { C as Confirm } from "./useDataset-ClAqXJGw.js";
-import { S as Summary } from "./Summary-Ccxu9A6C.js";
-function FormContextProvider({
-  children,
-  form
-}) {
-  const contextValue = useMemo(
-    () => ({
-      form
-    }),
-    [form]
-  );
-  return /* @__PURE__ */ jsx(FormContext.Provider, { value: contextValue, children });
-}
-const progressBar = "adyen-kyc-progress-bar";
-const progressBarRounded = "adyen-kyc-progress-bar-rounded";
-const progressBarIndicator = "adyen-kyc-progress-bar-indicator";
-const styles$1 = {
-  progressBar,
-  progressBarRounded,
-  progressBarIndicator
-};
-const ProgressBar = ({ progress, ariaLabel, rounded = false }) => {
-  const clamp = (value) => {
-    return Math.min(Math.max(value, 0), 100);
-  };
-  const clampedProgress = clamp(progress);
-  const cssWidth = `${clampedProgress}%`;
-  const className = cx(styles$1.progressBar, {
-    [styles$1.progressBarRounded]: rounded
-  });
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className,
-      role: "progressbar",
-      "aria-label": ariaLabel,
-      "aria-valuenow": clampedProgress,
-      "aria-valuemin": 0,
-      "aria-valuemax": 100,
-      children: /* @__PURE__ */ jsxs("div", { className: styles$1.progressBarIndicator, style: { width: cssWidth }, children: [
-        progress,
-        "%"
-      ] })
-    }
-  );
-};
-const formFlow = "adyen-kyc-form-flow";
-const formFlowContent = "adyen-kyc-form-flow-content";
-const formFlowFooter = "adyen-kyc-form-flow-footer";
-const formFlowFooterBorder = "adyen-kyc-form-flow-footer-border";
-const formFlowActions = "adyen-kyc-form-flow-actions";
-const formFlowActionGroup = "adyen-kyc-form-flow-action-group";
-const styles = {
-  formFlow,
-  formFlowContent,
-  formFlowFooter,
-  formFlowFooterBorder,
-  formFlowActions,
-  formFlowActionGroup
-};
-const FormFlow = ({
-  asModal = false,
-  children,
-  currentStep = 0,
-  disableBackButton,
-  disableNextButton,
-  disableSaveButton,
-  forms,
-  gotoFormByFormIndex,
-  handleBackClick,
-  handleCancelClick,
-  handleNextClick,
-  handleSaveClick,
-  loadingStatus,
-  summary,
-  totalSteps = 1
-}) => {
-  const contentRef = useRef(null);
-  const userEvents = useAnalyticsContext();
-  const { t } = useTranslation("common");
-  const [isConfirmPresented, setIsConfirmPresented] = useState(false);
-  const [isSaving, setIsSaving] = useState(false);
-  const [isSubmitting, setIsSubmitting] = useState(false);
-  const isLoading = loadingStatus === "loading";
-  const isActionDisabled = isSaving || isSubmitting || isConfirmPresented || isLoading;
-  const isSaveButtonVisible = handleSaveClick !== void 0;
-  const isFirstStep = currentStep === 0;
-  const isLastStep = currentStep === totalSteps - 1;
-  const isSingleStepForm = isFirstStep && isLastStep;
-  const hasProblems = summary?.problems?.verificationErrors !== void 0;
-  const progress = Math.floor(currentStep / (totalSteps - 1) * 100);
-  const scrollToTop = () => {
-    if (contentRef.current) {
-      contentRef.current.scroll({
-        top: 0,
-        behavior: "smooth"
-      });
-    }
-  };
-  const handleSubmit = () => {
-    setIsSubmitting(true);
-    Promise.resolve(handleNextClick()).then(() => {
-      setIsSubmitting(false);
-      scrollToTop();
-    });
-  };
-  const handleSave = () => {
-    setIsSaving(true);
-    Promise.resolve(handleSaveClick?.()).then(() => {
-      setIsSaving(false);
-    });
-  };
-  const handleNext = () => {
-    scrollToTop();
-    handleNextClick();
-  };
-  const handleBack = () => {
-    scrollToTop();
-    handleBackClick?.();
-  };
-  const handleDismiss = () => {
-    setIsConfirmPresented(true);
-  };
-  const handleCancelDismiss = () => {
-    userEvents.addPageEvent("Closed modal", {
-      actionType: "close",
-      label: "cancel"
-    });
-    setIsConfirmPresented(false);
-  };
-  const handleConfirmDismiss = () => {
-    userEvents.addPageEvent("Clicked button", {
-      actionType: "navigate",
-      label: "leave"
-    });
-    setIsConfirmPresented(false);
-    handleCancelClick?.();
-  };
-  const handleSkip = () => {
-    userEvents.addPageEvent("Clicked button", {
-      actionType: "skip",
-      label: "skip"
-    });
-    gotoFormByFormIndex(currentStep + 1);
-  };
-  const footerClassName = cx(styles.formFlowFooter, {
-    [styles.formFlowFooterBorder]: isSingleStepForm
-  });
-  return /* @__PURE__ */ jsxs(MaybeModal, { inline: !asModal, onClose: handleDismiss, size: "large", children: [
-    /* @__PURE__ */ jsxs("div", { ref: contentRef, className: styles.formFlow, children: [
-      /* @__PURE__ */ jsx("div", { className: styles.formFlowContent, children: /* @__PURE__ */ jsx(LoaderWrapper, { status: loadingStatus, formOpacityWhenLoading: 0, loaderSize: "large", children: /* @__PURE__ */ jsx(FormRouterContextProvider, { forms, setFormIndex: gotoFormByFormIndex, children: isLastStep && summary !== void 0 ? /* @__PURE__ */ jsx(Summary, { ...summary, forms, gotoForm: gotoFormByFormIndex }) : children }) }) }),
-      /* @__PURE__ */ jsxs("div", { className: footerClassName, children: [
-        !isSingleStepForm && /* @__PURE__ */ jsx(ProgressBar, { ariaLabel: t(($) => $["progress"]), progress }),
-        /* @__PURE__ */ jsxs("div", { className: styles.formFlowActions, children: [
-          isFirstStep || handleBackClick === void 0 ? /* @__PURE__ */ jsx(
-            Button,
-            {
-              disabled: isActionDisabled || disableBackButton,
-              onClick: handleDismiss,
-              variant: "secondary",
-              children: t(($) => $["cancel"])
-            }
-          ) : /* @__PURE__ */ jsx(
-            Button,
-            {
-              disabled: isActionDisabled || disableBackButton,
-              icon: "chevron-left",
-              onClick: handleBack,
-              variant: "secondary",
-              children: t(($) => $["back"])
-            }
-          ),
-          isLastStep ? /* @__PURE__ */ jsx(Button, { onClick: handleSubmit, loading: isSubmitting, children: t(($) => $["submit"]) }) : /* @__PURE__ */ jsxs("div", { className: styles.formFlowActionGroup, children: [
-            isSaveButtonVisible && /* @__PURE__ */ jsx(
-              IconButton,
-              {
-                ariaLabel: t(($) => $["finishLater"]),
-                disabled: isActionDisabled || disableSaveButton,
-                loading: isSaving,
-                icon: "save",
-                onClick: handleSave,
-                variant: "secondary"
-              }
-            ),
-            hasProblems && /* @__PURE__ */ jsx(Button, { onClick: handleSkip, disabled: isActionDisabled, variant: "secondary", children: t(($) => $["skip"]) }),
-            /* @__PURE__ */ jsx(Button, { onClick: handleNext, disabled: isActionDisabled || disableNextButton, children: t(($) => $["continue"]) })
-          ] })
-        ] })
-      ] })
-    ] }),
-    isConfirmPresented && /* @__PURE__ */ jsx(
-      Confirm,
-      {
-        confirmText: t(($) => $["leave"]),
-        description: t(($) => $["unsavedChangesDescription"]),
-        onCancel: handleCancelDismiss,
-        onConfirm: handleConfirmDismiss,
-        title: t(($) => $["unsavedChanges"])
-      }
-    )
-  ] });
-};
-export {
-  FormContextProvider as F,
-  FormFlow as a
-};