@adyen/kyc-components 3.84.3 → 3.85.0-beta.2

package/dist/{CountryField-DePvueIq.js → CountryField-DpZS-UHE.js}

@@ -2,20 +2,20 @@
 {
   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] = "16caa105-6ff2-4b77-8844-d55691a9d173", e._sentryDebugIdIdentifier = "sentry-dbid-16caa105-6ff2-4b77-8844-d55691a9d173");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "6a74e4ee-8543-46db-912b-e7d1d2368c28", e._sentryDebugIdIdentifier = "sentry-dbid-6a74e4ee-8543-46db-912b-e7d1d2368c28");
   } catch (e) {
   }
 }
 ;
-import { useContext, useCallback, useState, useEffect, useMemo } from "preact/hooks";
-import { u as useTranslation, O as TaskStatuses, B as Button, aw as keysOf, au as remediationHasFileUploadField, a8 as entriesOf, w as translateStringOrObject, aL as TrustMemberGuidanceLabels, ab as TrustMemberTypes, ap as DecisionMakerTypes, ah as useI18nContext, P as useAnalyticsContext, W as noop, a9 as isEmpty, V as IconButton, t as Svg, N as createLogger, U as Icon } from "./StoreProvider-BulXd4Hf.js";
 import { jsx, jsxs, Fragment as Fragment$1 } from "preact/jsx-runtime";
+import { u as useTranslation, O as TaskStatuses, B as Button, aG as keysOf, aH as remediationHasFileUploadField, aC as entriesOf, w as translateStringOrObject, aI as TrustMemberGuidanceLabels, a8 as TrustMemberTypes, an as DecisionMakerTypes, af as useI18nContext, P as useAnalyticsContext, W as noop, aa as isEmpty, V as IconButton, t as Svg } from "./StoreProvider-DX9X_rtC.js";
 import cx from "classnames";
 import { defineSlots } from "named-slots";
 import { toChildArray, Fragment, createContext } from "preact";
-import { S as StructuredList, u as useDataset, d as datasetIdentifier } from "./useDataset-BhtLJw8i.js";
-import { a as Alert } from "./Alert-BeizfGIR.js";
-import { g as getDataByFields, F as Field, S as Select } from "./useForm-CkDciBI3.js";
+import { S as StructuredList, u as useDataset, d as datasetIdentifier } from "./useDataset-DZSHpx6s.js";
+import { useContext, useCallback, useMemo } from "preact/hooks";
+import { a as Alert } from "./Alert-ZQaJKZwM.js";
+import { g as getDataByFields, F as Field, c as Select } from "./useForm-Dj2YKs6k.js";
 const stackLayout = "adyen-kyc-stack-layout";
 const stackLayoutGapXs = "adyen-kyc-stack-layout-gap-xs";
 const stackLayoutGapS = "adyen-kyc-stack-layout-gap-s";
@@ -30,7 +30,7 @@ const stackLayoutHorizontal = "adyen-kyc-stack-layout-horizontal";
 const stackLayoutLeftHorizontal = "adyen-kyc-stack-layout-left-horizontal";
 const stackLayoutCenterHorizontal = "adyen-kyc-stack-layout-center-horizontal";
 const stackLayoutRightHorizontal = "adyen-kyc-stack-layout-right-horizontal";
-const styles$5 = {
+const styles$4 = {
   stackLayout,
   stackLayoutGapXs,
   stackLayoutGapS,
@@ -47,23 +47,23 @@ const styles$5 = {
   stackLayoutRightHorizontal
 };
 const gapStyles = {
-  xSmall: styles$5.stackLayoutGapXs,
-  small: styles$5.stackLayoutGapS,
-  medium: styles$5.stackLayoutGapM,
-  large: styles$5.stackLayoutGapL,
-  xLarge: styles$5.stackLayoutGapXl,
+  xSmall: styles$4.stackLayoutGapXs,
+  small: styles$4.stackLayoutGapS,
+  medium: styles$4.stackLayoutGapM,
+  large: styles$4.stackLayoutGapL,
+  xLarge: styles$4.stackLayoutGapXl,
   none: null
 };
 const alignStyles = {
-  left: styles$5.stackLayoutLeft,
-  center: styles$5.stackLayoutCenter,
-  right: styles$5.stackLayoutRight,
+  left: styles$4.stackLayoutLeft,
+  center: styles$4.stackLayoutCenter,
+  right: styles$4.stackLayoutRight,
   auto: null
 };
 const horizontalAlignStyles = {
-  left: styles$5.stackLayoutLeftHorizontal,
-  center: styles$5.stackLayoutCenterHorizontal,
-  right: styles$5.stackLayoutRightHorizontal,
+  left: styles$4.stackLayoutLeftHorizontal,
+  center: styles$4.stackLayoutCenterHorizontal,
+  right: styles$4.stackLayoutRightHorizontal,
   auto: null
 };
 const flattenChildren = (children) => {
@@ -81,13 +81,13 @@ const StackLayout = ({
   horizontal = false
 }) => {
   const flattenedChildren = flattenChildren(children);
-  const rootClassname = cx(styles$5.stackLayout, gapStyles[gap], alignStyles[align], {
+  const rootClassname = cx(styles$4.stackLayout, gapStyles[gap], alignStyles[align], {
     [horizontalAlignStyles[align]]: horizontal,
-    [styles$5.stackLayoutHorizontal]: horizontal
+    [styles$4.stackLayoutHorizontal]: horizontal
   });
   return /* @__PURE__ */ jsx("div", { className: rootClassname, children: flattenedChildren.map((item, i) => {
     if (align === "auto") {
-      return /* @__PURE__ */ jsx("div", { className: styles$5.stackLayoutItem, children: item }, item.key ?? i);
+      return /* @__PURE__ */ jsx("div", { className: styles$4.stackLayoutItem, children: item }, item.key ?? i);
     }
     return item;
   }) });
@@ -98,7 +98,7 @@ const inTaskStatusIndicatorSuccess = "adyen-kyc-in-task-status-indicator-success
 const inTaskStatusIndicatorError = "adyen-kyc-in-task-status-indicator-error";
 const inTaskStatusIndicatorWarning = "adyen-kyc-in-task-status-indicator-warning";
 const inTaskStatusLabel = "adyen-kyc-in-task-status-label";
-const styles$4 = {
+const styles$3 = {
   inTaskStatus,
   inTaskStatusIndicator,
   inTaskStatusIndicatorSuccess,
@@ -112,19 +112,19 @@ const getIndicatorLabelAndClassnames = ({
   if (taskStatus === TaskStatuses.FINISHED) {
     return {
       indicatorLabel: "taskComplete",
-      indicatorClassname: styles$4.inTaskStatusIndicatorSuccess
+      indicatorClassname: styles$3.inTaskStatusIndicatorSuccess
     };
   }
   if (taskStatus === TaskStatuses.PROCESSING) {
     return {
       indicatorLabel: "taskInProgress",
-      indicatorClassname: styles$4.inTaskStatusIndicatorWarning
+      indicatorClassname: styles$3.inTaskStatusIndicatorWarning
     };
   }
   if (taskStatus === TaskStatuses.ERROR) {
     return {
       indicatorLabel: "taskHasErrors",
-      indicatorClassname: styles$4.inTaskStatusIndicatorError
+      indicatorClassname: styles$3.inTaskStatusIndicatorError
     };
   }
 };
@@ -135,15 +135,15 @@ const TaskStatusIndicator = ({ taskStatus }) => {
     return null;
   }
   const { indicatorLabel, indicatorClassname } = indicator;
-  return /* @__PURE__ */ jsxs("div", { className: styles$4.inTaskStatus, children: [
+  return /* @__PURE__ */ jsxs("div", { className: styles$3.inTaskStatus, children: [
     /* @__PURE__ */ jsx(
       "div",
       {
         "data-testid": "task-status-indicator",
-        className: cx(styles$4.inTaskStatusIndicator, indicatorClassname)
+        className: cx(styles$3.inTaskStatusIndicator, indicatorClassname)
       }
     ),
-    /* @__PURE__ */ jsx("div", { className: styles$4.inTaskStatusLabel, children: t(($) => $[indicatorLabel]) })
+    /* @__PURE__ */ jsx("div", { className: styles$3.inTaskStatusLabel, children: t(($) => $[indicatorLabel]) })
   ] });
 };
 const header = "adyen-kyc-header";
@@ -160,7 +160,7 @@ const headerTitleSecondary = "adyen-kyc-header-title-secondary";
 const headerDescription = "adyen-kyc-header-description";
 const headerDescriptionPrimary = "adyen-kyc-header-description-primary";
 const headerDescriptionSecondary = "adyen-kyc-header-description-secondary";
-const styles$3 = {
+const styles$2 = {
   header,
   headerMargin,
   headerMarginSecondary,
@@ -177,9 +177,9 @@ const styles$3 = {
   headerDescriptionSecondary
 };
 const alignmentStyles = {
-  left: styles$3.headerLeft,
-  center: styles$3.headerCenter,
-  right: styles$3.headerRight
+  left: styles$2.headerLeft,
+  center: styles$2.headerCenter,
+  right: styles$2.headerRight
 };
 const Header = ({
   align = "left",
@@ -191,25 +191,25 @@ const Header = ({
 }) => {
   const { Slot, hasSlot } = defineSlots(children ?? [], ["actions", "description"]);
   const HeadingElement = secondary ? "h2" : "h1";
-  const rootClassname = cx(styles$3.header, alignmentStyles[align], {
-    [styles$3.headerMargin]: !secondary,
-    [styles$3.headerMarginSecondary]: secondary
+  const rootClassname = cx(styles$2.header, alignmentStyles[align], {
+    [styles$2.headerMargin]: !secondary,
+    [styles$2.headerMarginSecondary]: secondary
   });
-  const titleClassname = cx(styles$3.headerTitle, {
-    [styles$3.headerTitlePrimary]: !secondary,
-    [styles$3.headerTitleSecondary]: secondary
+  const titleClassname = cx(styles$2.headerTitle, {
+    [styles$2.headerTitlePrimary]: !secondary,
+    [styles$2.headerTitleSecondary]: secondary
   });
-  const descriptionClassname = cx(styles$3.headerDescription, {
-    [styles$3.headerDescriptionPrimary]: !secondary,
-    [styles$3.headerDescriptionSecondary]: secondary
+  const descriptionClassname = cx(styles$2.headerDescription, {
+    [styles$2.headerDescriptionPrimary]: !secondary,
+    [styles$2.headerDescriptionSecondary]: secondary
   });
   return /* @__PURE__ */ jsxs("header", { className: rootClassname, children: [
     status && /* @__PURE__ */ jsx(TaskStatusIndicator, { taskStatus: status }),
-    /* @__PURE__ */ jsxs("div", { className: styles$3.headerContent, children: [
+    /* @__PURE__ */ jsxs("div", { className: styles$2.headerContent, children: [
       /* @__PURE__ */ jsx(HeadingElement, { className: titleClassname, children: title }),
       (hasSlot("description") || description) && /* @__PURE__ */ jsx("div", { className: descriptionClassname, children: /* @__PURE__ */ jsx(Slot, { name: "description", children: description }) })
     ] }),
-    hasSlot("actions") && /* @__PURE__ */ jsx("div", { className: styles$3.headerActions, children: /* @__PURE__ */ jsx(StackLayout, { gap: "small", horizontal: true, children: /* @__PURE__ */ jsx(Slot, { name: "actions" }) }) })
+    hasSlot("actions") && /* @__PURE__ */ jsx("div", { className: styles$2.headerActions, children: /* @__PURE__ */ jsx(StackLayout, { gap: "small", horizontal: true, children: /* @__PURE__ */ jsx(Slot, { name: "actions" }) }) })
   ] });
 };
 const list = "adyen-kyc-list";
@@ -224,7 +224,7 @@ const listItemsPaddingSmall = "adyen-kyc-list-items-padding-small";
 const listItemsPaddingMedium = "adyen-kyc-list-items-padding-medium";
 const listItemsPaddingLarge = "adyen-kyc-list-items-padding-large";
 const listItemRowSeparator = "adyen-kyc-list-item-row-separator";
-const styles$2 = {
+const styles$1 = {
   list,
   listHeader,
   listFooter,
@@ -248,27 +248,27 @@ const List = ({
 }) => {
   const childrenArray = toChildArray(children);
   const listVariantStyles = {
-    plain: styles$2.listItemsPlain,
-    "grouped-primary": styles$2.listItemsGroupedPrimary,
-    "grouped-secondary": styles$2.listItemsGroupedSecondary
+    plain: styles$1.listItemsPlain,
+    "grouped-primary": styles$1.listItemsGroupedPrimary,
+    "grouped-secondary": styles$1.listItemsGroupedSecondary
   };
   const listClassName = cx(
-    styles$2.listItems,
+    styles$1.listItems,
     listVariantStyles[variant],
     variant !== "plain" && {
-      [styles$2.listItemsPaddingSmall]: padding === "small",
-      [styles$2.listItemsPaddingMedium]: padding === "medium",
-      [styles$2.listItemsPaddingLarge]: padding === "large"
+      [styles$1.listItemsPaddingSmall]: padding === "small",
+      [styles$1.listItemsPaddingMedium]: padding === "medium",
+      [styles$1.listItemsPaddingLarge]: padding === "large"
     },
     {
-      [styles$2.listItemsPaddingNone]: padding === "none"
+      [styles$1.listItemsPaddingNone]: padding === "none"
     }
   );
-  return /* @__PURE__ */ jsxs("div", { className: styles$2.list, children: [
-    header2 && /* @__PURE__ */ jsx("div", { className: styles$2.listHeader, children: header2 }),
+  return /* @__PURE__ */ jsxs("div", { className: styles$1.list, children: [
+    header2 && /* @__PURE__ */ jsx("div", { className: styles$1.listHeader, children: header2 }),
     /* @__PURE__ */ jsx("ul", { className: listClassName, children: childrenArray.map((item) => {
-      const itemClassname = cx(styles$2.listItem, {
-        [styles$2.listItemRowSeparator]: dividers
+      const itemClassname = cx(styles$1.listItem, {
+        [styles$1.listItemRowSeparator]: dividers
       });
       return (
         // Content of <li /> will be unknown. Not including a key is preferred over
@@ -277,7 +277,7 @@ const List = ({
         /* @__PURE__ */ jsx("li", { className: itemClassname, children: item })
       );
     }) }),
-    footer && /* @__PURE__ */ jsx("div", { className: styles$2.listFooter, children: footer })
+    footer && /* @__PURE__ */ jsx("div", { className: styles$1.listFooter, children: footer })
   ] });
 };
 const FormRouterContext = createContext(null);
@@ -632,7 +632,7 @@ const summaryListItemValue = "adyen-kyc-summary-list-item-value";
 const summaryContentLegalCaption = "adyen-kyc-summary-content-legal-caption";
 const summaryContentList = "adyen-kyc-summary-content-list";
 const summaryContentLogo = "adyen-kyc-summary-content-logo";
-const styles$1 = {
+const styles = {
   summary,
   summaryContent,
   summaryList,
@@ -660,7 +660,7 @@ function Summary({
   gotoForm,
   labels,
   problems,
-  trackNavigation: trackNavigation2 = noop,
+  trackNavigation = noop,
   omitted = {},
   showFormHeader = true,
   showSectionHeader = true,
@@ -686,15 +686,15 @@ function Summary({
     {}
   );
   const formUtils = createFormUtils({ labels }, t);
-  const summarySectionHeader = (formName, formId) => /* @__PURE__ */ jsxs("header", { className: styles$1.summaryListHeader, children: [
-    /* @__PURE__ */ jsx("h2", { className: styles$1.summaryListHeaderTitle, children: formName }),
+  const summarySectionHeader = (formName, formId) => /* @__PURE__ */ jsxs("header", { className: styles.summaryListHeader, children: [
+    /* @__PURE__ */ jsx("h2", { className: styles.summaryListHeaderTitle, children: formName }),
     !omitted.keys?.includes(formId) && /* @__PURE__ */ jsx(
       IconButton,
       {
         variant: "tertiary",
         icon: "edit",
         onClick: () => {
-          trackNavigation2({
+          trackNavigation({
             userEvents,
             actionType: "edit",
             toForm: formName,
@@ -715,7 +715,7 @@ function Summary({
     });
     return !useStructuredList2 ? /* @__PURE__ */ jsxs(List, { variant: "grouped-secondary", children: [
       showSectionHeader && summarySectionHeader(formName, formId),
-      /* @__PURE__ */ jsx("dl", { className: styles$1.summaryList, children: Array.isArray(fieldData) ? fieldData.map((item) => renderBulletedListField(item)) : renderSummaryItems(fieldData, labelData) })
+      /* @__PURE__ */ jsx("dl", { className: styles.summaryList, children: Array.isArray(fieldData) ? fieldData.map((item) => renderBulletedListField(item)) : renderSummaryItems(fieldData, labelData) })
     ] }) : /* @__PURE__ */ jsxs(List, { variant: "grouped-secondary", children: [
       showSectionHeader && summarySectionHeader(formName, formId),
       /* @__PURE__ */ jsx(StructuredList, { items: structuredListItems })
@@ -754,18 +754,18 @@ function Summary({
     });
     return dataList;
   };
-  const renderField = (label, value) => /* @__PURE__ */ jsxs("div", { className: styles$1.summaryListItem, children: [
-    /* @__PURE__ */ jsx("dt", { className: styles$1.summaryListItemKey, children: label }),
-    /* @__PURE__ */ jsx("dd", { className: styles$1.summaryListItemValue, children: value })
+  const renderField = (label, value) => /* @__PURE__ */ jsxs("div", { className: styles.summaryListItem, children: [
+    /* @__PURE__ */ jsx("dt", { className: styles.summaryListItemKey, children: label }),
+    /* @__PURE__ */ jsx("dd", { className: styles.summaryListItemValue, children: value })
   ] });
-  const renderBulletedListField = (item) => /* @__PURE__ */ jsx("ul", { className: styles$1.summaryContentList, children: /* @__PURE__ */ jsx("li", { children: item }) });
+  const renderBulletedListField = (item) => /* @__PURE__ */ jsx("ul", { className: styles.summaryContentList, children: /* @__PURE__ */ jsx("li", { children: item }) });
   const renderSummaryItems = (formData = {}, labelData = {}) => {
     if (!formData) return [];
     if (formData?.idVerificationMethod === "instantVerification") {
       return [
         renderField(
           i18n.get("verificationMethod"),
-          /* @__PURE__ */ jsx(Svg, { name: "onfido-logo", type: "image", className: styles$1.summaryContentLogo })
+          /* @__PURE__ */ jsx(Svg, { name: "onfido-logo", type: "image", className: styles.summaryContentLogo })
         )
       ];
     }
@@ -788,9 +788,9 @@ function Summary({
     });
     return dataList;
   };
-  return /* @__PURE__ */ jsxs("div", { role: "region", className: styles$1.summary, children: [
+  return /* @__PURE__ */ jsxs("div", { role: "region", className: styles.summary, children: [
     showFormHeader && /* @__PURE__ */ jsx(Header, { title: t(($) => $["summary"]), description: t(($) => $["summaryDescription"]) }),
-    /* @__PURE__ */ jsxs("div", { className: styles$1.summaryContent, children: [
+    /* @__PURE__ */ jsxs("div", { className: styles.summaryContent, children: [
       /* @__PURE__ */ jsx(
         ErrorPanel,
         {
@@ -801,8 +801,8 @@ function Summary({
         }
       ),
       renderSummaryContent(data, useStructuredList),
-      showLegalCaption && /* @__PURE__ */ jsx("div", { className: styles$1.summaryContentLegalCaption, children: t(($) => $["summaryLegalCaption"]) }),
-      showTaxExemptedLegalCaption && /* @__PURE__ */ jsxs("div", { className: styles$1.summaryContentLegalCaption, children: [
+      showLegalCaption && /* @__PURE__ */ jsx("div", { className: styles.summaryContentLegalCaption, children: t(($) => $["summaryLegalCaption"]) }),
+      showTaxExemptedLegalCaption && /* @__PURE__ */ jsxs("div", { className: styles.summaryContentLegalCaption, children: [
         /* @__PURE__ */ jsx("p", { children: t(($) => $["summaryTaxExemptionLegalCaptionTitle"]) }),
         /* @__PURE__ */ jsxs("ul", { children: [
           /* @__PURE__ */ jsx("li", { children: t(($) => $["summaryTaxExemptionLegalCaption_1"]) }),
@@ -813,188 +813,6 @@ function Summary({
     ] })
   ] });
 }
-const trackNavigation = ({
-  userEvents,
-  actionType,
-  toForm,
-  label,
-  returnValue,
-  additionalTrackingParams
-}) => {
-  userEvents.addPageEvent("Clicked button", {
-    actionType,
-    toPage: toForm,
-    label,
-    returnValue,
-    ...additionalTrackingParams
-  });
-};
-const getOpeningStep = (forms, remediationActions) => {
-  if (remediationActions && Object.keys(remediationActions).length > 0) {
-    const allRemediationActions = Object.values(remediationActions).flat().filter((rem) => rem.forms?.length > 0);
-    if (allRemediationActions.length === 1 && allRemediationActions[0]?.forms.length === 1) {
-      const form = forms.find((form2) => form2?.formId === allRemediationActions[0]?.forms[0]);
-      if (form) return form;
-    }
-    return forms[forms.length - 1];
-  }
-  return forms[0];
-};
-const useFormComposer = ({
-  problems,
-  navigationTrackingParams,
-  forms,
-  externalBackClick,
-  onSubmit,
-  triggerValidation
-}) => {
-  const userEvents = useAnalyticsContext();
-  const [shouldValidate, setShouldValidate] = useState(false);
-  const [activeForm, setActiveForm] = useState(forms[0]);
-  const isFormSummaryStep = (form) => form.formId === summaryStep.formId;
-  const getFormIndex = (formId) => forms.findIndex((form) => form.formId === formId);
-  const currentStep = getFormIndex(activeForm.formId);
-  const totalSteps = forms.length;
-  const isFinalStep = currentStep === totalSteps - 1;
-  const isFirstStep = currentStep === 0;
-  const firstStepId = forms[0]?.formId;
-  useEffect(() => {
-    setActiveForm(
-      (activeForm2) => forms.find(({ formId }) => formId === activeForm2.formId) ?? activeForm2
-    );
-  }, [forms]);
-  useEffect(() => {
-    userEvents.updateSharedEventProperties({ page: activeForm?.formName });
-  }, [activeForm?.formName]);
-  useEffect(() => {
-    const openingStep = getOpeningStep(forms, problems?.remediationActions);
-    setActiveForm(openingStep);
-  }, [firstStepId, problems?.remediationActions]);
-  const gotoFormByFormIndex = (nextFormIndex, currentForms) => {
-    setActiveForm(currentForms?.[nextFormIndex] ?? forms[nextFormIndex]);
-  };
-  const trackSubmitClick = () => {
-    trackNavigation({
-      userEvents,
-      actionType: "submit",
-      label: "submit",
-      additionalTrackingParams: navigationTrackingParams
-    });
-  };
-  const handleNextClick = async (updatedForms) => {
-    const currentForms = updatedForms ?? forms;
-    if (isFormSummaryStep(activeForm)) {
-      trackSubmitClick();
-      onSubmit();
-      return;
-    }
-    const isAsyncValidationValid = await triggerValidation?.(activeForm.formId) ?? true;
-    if (!activeForm.isValid || !isAsyncValidationValid) {
-      setShouldValidate(true);
-      trackNavigation({
-        userEvents,
-        actionType: "next",
-        label: "next",
-        returnValue: "validation error",
-        additionalTrackingParams: navigationTrackingParams
-      });
-      return;
-    }
-    if (isFinalStep) {
-      trackSubmitClick();
-      onSubmit();
-      return;
-    }
-    setShouldValidate(false);
-    const toFormIndex = currentStep + 1;
-    gotoFormByFormIndex(toFormIndex, currentForms);
-    trackNavigation({
-      userEvents,
-      actionType: "next",
-      toForm: currentForms[toFormIndex]?.formName,
-      label: "next",
-      returnValue: "success",
-      additionalTrackingParams: navigationTrackingParams
-    });
-  };
-  const handleBackClick = () => {
-    if (currentStep > 0) {
-      const toForm = forms[currentStep - 1];
-      setActiveForm(toForm);
-      trackNavigation({
-        userEvents,
-        actionType: "back",
-        toForm: toForm?.formName,
-        label: "back",
-        additionalTrackingParams: navigationTrackingParams
-      });
-    }
-  };
-  const backClickHandler = isFirstStep ? externalBackClick : handleBackClick;
-  return {
-    handleBackClick: backClickHandler,
-    handleNextClick,
-    gotoFormByFormIndex,
-    activeForm,
-    shouldValidate,
-    setShouldValidate,
-    steps: { current: currentStep, total: totalSteps }
-  };
-};
-const isTruthyValidator = {
-  validate: (value) => !!value,
-  modes: ["blur"],
-  errorMessage: "fieldIsRequired"
-};
-const isNotEmptyValidator = {
-  validate: (value) => !isEmpty(value),
-  modes: ["blur"],
-  errorMessage: "fieldIsRequired"
-};
-const logger = createLogger();
-function FormRouterContextProvider({ children, forms, setFormIndex }) {
-  const contextValue = useMemo(
-    () => ({
-      setFormIndex,
-      goToFormByFieldName: (fieldName) => {
-        if (fieldName === "idDocument") {
-          fieldName = "idVerificationMethod";
-        }
-        const formIndex = forms.findIndex(
-          (form) => form?.fields?.some((field) => field === fieldName)
-        );
-        if (formIndex > -1) {
-          setFormIndex(formIndex);
-        } else {
-          logger.error("No form was found to have that field so form navigation failed.");
-        }
-      }
-    }),
-    [forms, setFormIndex]
-  );
-  return /* @__PURE__ */ jsx(FormRouterContext.Provider, { value: contextValue, children });
-}
-const getRequiredForms = (forms, requiredFields, optionalFields, skipSummary) => {
-  const requiredForms = Object.values(forms).filter(({ formId }) => {
-    if (requiredFields || optionalFields) {
-      return Boolean(requiredFields?.[formId]?.length) || Boolean(optionalFields?.[formId]?.length);
-    }
-    return true;
-  });
-  if (skipSummary) {
-    return requiredForms;
-  }
-  return [...requiredForms, summaryStep];
-};
-const addValidityToForms = (forms, formValidity, problems) => forms.map(({ formId, formName, formHeading, formDescription, fields }) => ({
-  formId,
-  formName,
-  formHeading,
-  formDescription,
-  fields,
-  isValid: formValidity?.[formId] ?? false,
-  hasServerValidationErrors: Boolean(problems?.validationErrors?.[formId])
-}));
 function getFormProps(props, innerFormId) {
   if (!innerFormId) {
     return null;
@@ -1137,26 +955,6 @@ function getFieldProps(props, innerFormFields) {
   }
   return null;
 }
-const link = "adyen-kyc-link";
-const linkDefault = "adyen-kyc-link-default";
-const linkInline = "adyen-kyc-link-inline";
-const styles = {
-  link,
-  linkDefault,
-  linkInline
-};
-const Link = ({ children, external = false, href, inline = false }) => {
-  const rel = external ? "external noopener noreferrer" : void 0;
-  const target = external ? "_blank" : "_self";
-  const className = cx(styles.link, {
-    [styles.linkInline]: inline,
-    [styles.linkDefault]: !inline
-  });
-  return /* @__PURE__ */ jsxs("a", { className, href, rel, target, children: [
-    children,
-    external && !inline && /* @__PURE__ */ jsx(Icon, { name: "external-link" })
-  ] });
-};
 const Radio = ({
   id,
   value,
@@ -1231,30 +1029,23 @@ function CountryField({
 export {
   CountryField as C,
   ErrorPanel as E,
-  FormRouterContextProvider as F,
+  FormRouterContext as F,
   Header as H,
   List as L,
   Radio as R,
   StackLayout as S,
   UnincorporatedPartnershipMemberTypes as U,
-  Link as a,
-  addValidityToForms as b,
+  COUNTRY_FIELD as a,
+  getRoleName as b,
   createFormUtils as c,
-  getFieldProps as d,
-  COUNTRY_FIELD as e,
-  getRoleName as f,
-  getRequiredForms as g,
-  summaryStep as h,
-  Summary as i,
-  getRoleTagVariant as j,
-  isNotEmptyValidator as k,
-  isTruthyValidator as l,
+  summaryStep as d,
+  Summary as e,
+  getRoleTagVariant as f,
+  getFieldProps as g,
+  getFormProps as h,
+  getNestedOuterFormPropsFromOuterFormProps as i,
   mergeFieldMetadataIntoProps as m,
-  getFormProps as n,
-  useFormRouterContext as o,
-  getNestedOuterFormPropsFromOuterFormProps as p,
   roleMetadata as r,
   summaryItem as s,
-  trackNavigation as t,
-  useFormComposer as u
+  useFormRouterContext as u
 };