@adyen/kyc-components 3.83.3 → 3.84.3

package/dist/{BusinessTypeSelectionPage-CJ-o8Yqg.js → BusinessTypeSelectionPage-BXdmcFx7.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] = "f1c2e7e5-09d6-4ce5-b3a3-bbf93eb73da8", e._sentryDebugIdIdentifier = "sentry-dbid-f1c2e7e5-09d6-4ce5-b3a3-bbf93eb73da8");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "d45f9ee3-6053-4dff-b345-5e8205c04e77", e._sentryDebugIdIdentifier = "sentry-dbid-d45f9ee3-6053-4dff-b345-5e8205c04e77");
   } catch (e) {
   }
 }
 ;
 import { jsx, jsxs, Fragment } from "preact/jsx-runtime";
-import { N as createLogger, a as useTranslation, U as useAnalyticsContext, X as useExperimentsContext, bC as getCapabilities, g as getLegalEntityCountry, y as LegalEntityTypes, x as Typography, B as Button, V as Icon, c as useLegalEntity, R as ROOT_LE, L as Loader } from "./StoreProvider-DwPgB8ia.js";
+import { N as createLogger, u as useTranslation, P as useAnalyticsContext, X as useExperimentsContext, by as getCapabilities, g as getLegalEntityCountry, y as LegalEntityTypes, x as Typography, B as Button, U as Icon, c as useLegalEntity, R as ROOT_LE, L as Loader } from "./StoreProvider-BulXd4Hf.js";
 import { useState, useEffect } from "preact/hooks";
-import { d as useUpdateLegalEntity } from "./RadioGroup-wSE3YT0H.js";
-import { a as useForm, L as LoaderWrapper, F as Field } from "./useForm-TOSljeW-.js";
-import { a as useAccountHolder, R as RadioGroupCard } from "./fieldConfigurations-CouXUtn_.js";
+import { d as useUpdateLegalEntity } from "./RadioGroup-CDIi5JOR.js";
+import { a as useForm, L as LoaderWrapper, F as Field } from "./useForm-CkDciBI3.js";
+import { a as useAccountHolder, R as RadioGroupCard } from "./fieldConfigurations-BBmPG-CS.js";
 import { S as Spacer } from "./Spacer-BK3jDget.js";
-import { u as useToastContext } from "./useToastContext-Cfcp4loq.js";
-import { u as useSelectionOptions, g as getBusinessType, a as getDefaultLegalArrangementOrSuborganizationType, l as legalArrangementMetadata, b as getTargetLegalEntityType, E as EntityTypeRadioGroupCard, c as businessTypeIcons, d as determineOrganizationTypeToUpdate } from "./utils-Bv3wJ_bS.js";
+import { u as useToastContext } from "./useToastContext-SPgtDHvP.js";
+import { u as useSelectionOptions, g as getBusinessType, a as getDefaultLegalArrangementOrSuborganizationType, l as legalArrangementMetadata, b as getTargetLegalEntityType, E as EntityTypeRadioGroupCard, c as businessTypeIcons, d as determineOrganizationTypeToUpdate } from "./utils-C6VZF1lW.js";
 const businessTypeExamples = /* @__PURE__ */ Object.assign({ "../localized/legalEntityTypeExamples/AT.json": () => import("./AT-EpV7jN58.js"), "../localized/legalEntityTypeExamples/AU.json": () => import("./AU-pBsEvEUy.js"), "../localized/legalEntityTypeExamples/BE.json": () => import("./BE-CU5o9cmc.js"), "../localized/legalEntityTypeExamples/BR.json": () => import("./BR-ORoHRwTk.js"), "../localized/legalEntityTypeExamples/CA.json": () => import("./CA-VXNq-m6m.js"), "../localized/legalEntityTypeExamples/CH.json": () => import("./CH-B_-afpD_.js"), "../localized/legalEntityTypeExamples/CZ.json": () => import("./CZ-CTw_bQIu.js"), "../localized/legalEntityTypeExamples/DE.json": () => import("./DE-D_jIDxOH.js"), "../localized/legalEntityTypeExamples/DK.json": () => import("./DK-dBzrfgpQ.js"), "../localized/legalEntityTypeExamples/ES.json": () => import("./ES-DYbZmFcJ.js"), "../localized/legalEntityTypeExamples/FI.json": () => import("./FI-C9nRvop7.js"), "../localized/legalEntityTypeExamples/FR.json": () => import("./FR-BycGQO4W.js"), "../localized/legalEntityTypeExamples/GB.json": () => import("./GB-DFyzo5sN.js"), "../localized/legalEntityTypeExamples/HK.json": () => import("./HK-WqZ5UBEF.js"), "../localized/legalEntityTypeExamples/HR.json": () => import("./HR-CRa19tH1.js"), "../localized/legalEntityTypeExamples/HU.json": () => import("./HU-D5NCweWf.js"), "../localized/legalEntityTypeExamples/IE.json": () => import("./IE-rhATS57q.js"), "../localized/legalEntityTypeExamples/IT.json": () => import("./IT-wD7dHdYD.js"), "../localized/legalEntityTypeExamples/LT.json": () => import("./LT-0F72uCyI.js"), "../localized/legalEntityTypeExamples/NL.json": () => import("./NL-q2U2l276.js"), "../localized/legalEntityTypeExamples/NO.json": () => import("./NO-CX12Zsf_.js"), "../localized/legalEntityTypeExamples/PL.json": () => import("./PL-CwCXF3Yu.js"), "../localized/legalEntityTypeExamples/PT.json": () => import("./PT-Dei5v1nD.js"), "../localized/legalEntityTypeExamples/RO.json": () => import("./RO-Dxk08mOu.js"), "../localized/legalEntityTypeExamples/SE.json": () => import("./SE-AP3gLiyy.js"), "../localized/legalEntityTypeExamples/SG.json": () => import("./SG-DMcOb17i.js"), "../localized/legalEntityTypeExamples/SI.json": () => import("./SI-BXe-yndm.js"), "../localized/legalEntityTypeExamples/SK.json": () => import("./SK-DwdgoGnD.js"), "../localized/legalEntityTypeExamples/US.json": () => import("./US-DHxLSqeC.js") });
 const logger$1 = createLogger();
 const getBusinessTypeExamplesForCountry = async (country) => {
@@ -319,8 +319,8 @@ const BusinessTypeSelection = ({
             name: "businessType",
             options: Object.keys(businessTypeMetadata),
             optionId: (option) => businessTypeMetadata[option].id,
-            optionName: (option) => businessTypeMetadata[option].name,
-            optionDescription: (option) => businessTypeMetadata[option].description,
+            optionName: (option) => t(($) => $[businessTypeMetadata[option].name]),
+            optionDescription: (option) => t(($) => $[businessTypeMetadata[option].description]),
             renderOptionIcon: BusinessTypeIcon,
             selected: data.businessType?.id,
             onSelect: (option) => handleChangeFor("businessType")(businessTypeMetadata[option]),
@@ -345,8 +345,8 @@ const BusinessTypeSelection = ({
               name: "legalArrangement",
               options: legalArrangementOptions,
               optionId: (option) => legalArrangementMetadata[option].id,
-              optionName: (option) => legalArrangementMetadata[option].name,
-              optionDescription: (option) => legalArrangementMetadata[option].description,
+              optionName: (option) => t(($) => $[legalArrangementMetadata[option].name]),
+              optionDescription: (option) => t(($) => $[legalArrangementMetadata[option].description]),
               selected: data.legalArrangement?.id,
               onSelect: (option) => handleChangeFor("legalArrangement")(legalArrangementMetadata[option]),
               examples: legalArrangementTypeExamples2
@@ -375,7 +375,7 @@ const BusinessTypeSelection = ({
               name: "trusteeType",
               options: trusteeTypes,
               optionId: (option) => trusteeTypeMetadata[option].id,
-              optionName: (option) => trusteeTypeMetadata[option].name,
+              optionName: (option) => t(($) => $[trusteeTypeMetadata[option].name]),
               selected: data.trusteeType?.id,
               onSelect: (option) => handleChangeFor("trusteeType")(trusteeTypeMetadata[option])
             }

package/dist/{Card-Cl8VBX_1.js → Card-B1eYN1iZ.js}

@@ -2,15 +2,15 @@
 {
   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] = "4a7b7ce1-31ff-4dac-9bf4-64f0232ed6ee", e._sentryDebugIdIdentifier = "sentry-dbid-4a7b7ce1-31ff-4dac-9bf4-64f0232ed6ee");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "7ed7a55b-fbc2-4e79-b864-f43998309b3f", e._sentryDebugIdIdentifier = "sentry-dbid-7ed7a55b-fbc2-4e79-b864-f43998309b3f");
   } catch (e) {
   }
 }
 ;
-import { b as useApiContext, aF as useMutation, aG as httpDelete, a as useTranslation, x as Typography } from "./StoreProvider-DwPgB8ia.js";
-import { a as useInvalidateRootLegalEntity } from "./useToastContext-Cfcp4loq.js";
+import { b as useApiContext, a7 as useMutation, aJ as httpDelete, u as useTranslation, x as Typography } from "./StoreProvider-BulXd4Hf.js";
+import { a as useInvalidateRootLegalEntity } from "./useToastContext-SPgtDHvP.js";
 import { jsx, jsxs } from "preact/jsx-runtime";
-import { a as Alert } from "./Alert-DHQk23dC.js";
+import { a as Alert } from "./Alert-BeizfGIR.js";
 import cx from "classnames";
 const deleteTransferInstrument = async (legalEntityId, baseUrl, transferInstrumentId) => {
   return httpDelete({
@@ -88,6 +88,7 @@ function Card({
   subTitle,
   headerButton,
   background = "primary",
+  borderless,
   onClick,
   onKeyDown
 }) {
@@ -96,6 +97,7 @@ function Card({
     "adyen-kyc-card--active": stateful && active,
     "adyen-kyc-card--disabled": disabled,
     "adyen-kyc-card--fetching": fetching,
+    "adyen-kyc-card--borderless": borderless,
     "adyen-kyc-card--secondary": background === "secondary"
   });
   const headerClassNames = cx("adyen-kyc-card__header", headerClassName, {

package/dist/{CountryField-BiXkT-tj.js → CountryField-DePvueIq.js}

@@ -2,35 +2,216 @@
 {
   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] = "eb0ccb63-8256-45a9-b536-c00cd08b3313", e._sentryDebugIdIdentifier = "sentry-dbid-eb0ccb63-8256-45a9-b536-c00cd08b3313");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "16caa105-6ff2-4b77-8844-d55691a9d173", e._sentryDebugIdIdentifier = "sentry-dbid-16caa105-6ff2-4b77-8844-d55691a9d173");
   } catch (e) {
   }
 }
 ;
 import { useContext, useCallback, useState, useEffect, useMemo } from "preact/hooks";
-import { B as Button, a as useTranslation, as as keysOf, aq as remediationHasFileUploadField, a6 as entriesOf, w as translateStringOrObject, aI as TrustMemberGuidanceLabels, a9 as TrustMemberTypes, al as DecisionMakerTypes, u as useI18nContext, U as useAnalyticsContext, W as noop, a7 as isEmpty, P as IconButton, t as Svg, N as createLogger } from "./StoreProvider-DwPgB8ia.js";
-import { jsxs, jsx, Fragment } from "preact/jsx-runtime";
+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 cx from "classnames";
 import { defineSlots } from "named-slots";
-import { toChildArray, createContext } from "preact";
-import { S as StructuredList, u as useDataset, d as datasetIdentifier } from "./useDataset-B6FKCmU2.js";
-import { a as Alert } from "./Alert-DHQk23dC.js";
-import { g as getDataByFields, F as Field, S as Select } from "./useForm-TOSljeW-.js";
-const formHeader = "adyen-kyc-form-header";
-const heading = "adyen-kyc-heading";
-const description = "adyen-kyc-description";
-const styles$2 = {
-  formHeader,
-  heading,
-  description
+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";
+const stackLayout = "adyen-kyc-stack-layout";
+const stackLayoutGapXs = "adyen-kyc-stack-layout-gap-xs";
+const stackLayoutGapS = "adyen-kyc-stack-layout-gap-s";
+const stackLayoutGapM = "adyen-kyc-stack-layout-gap-m";
+const stackLayoutGapL = "adyen-kyc-stack-layout-gap-l";
+const stackLayoutGapXl = "adyen-kyc-stack-layout-gap-xl";
+const stackLayoutLeft = "adyen-kyc-stack-layout-left";
+const stackLayoutCenter = "adyen-kyc-stack-layout-center";
+const stackLayoutRight = "adyen-kyc-stack-layout-right";
+const stackLayoutItem = "adyen-kyc-stack-layout-item";
+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 = {
+  stackLayout,
+  stackLayoutGapXs,
+  stackLayoutGapS,
+  stackLayoutGapM,
+  stackLayoutGapL,
+  stackLayoutGapXl,
+  stackLayoutLeft,
+  stackLayoutCenter,
+  stackLayoutRight,
+  stackLayoutItem,
+  stackLayoutHorizontal,
+  stackLayoutLeftHorizontal,
+  stackLayoutCenterHorizontal,
+  stackLayoutRightHorizontal
+};
+const gapStyles = {
+  xSmall: styles$5.stackLayoutGapXs,
+  small: styles$5.stackLayoutGapS,
+  medium: styles$5.stackLayoutGapM,
+  large: styles$5.stackLayoutGapL,
+  xLarge: styles$5.stackLayoutGapXl,
+  none: null
+};
+const alignStyles = {
+  left: styles$5.stackLayoutLeft,
+  center: styles$5.stackLayoutCenter,
+  right: styles$5.stackLayoutRight,
+  auto: null
+};
+const horizontalAlignStyles = {
+  left: styles$5.stackLayoutLeftHorizontal,
+  center: styles$5.stackLayoutCenterHorizontal,
+  right: styles$5.stackLayoutRightHorizontal,
+  auto: null
+};
+const flattenChildren = (children) => {
+  return toChildArray(children).flatMap((child) => {
+    if (typeof child === "object" && child.type === Fragment) {
+      return flattenChildren(child.props.children);
+    }
+    return child;
+  });
+};
+const StackLayout = ({
+  align = "auto",
+  children,
+  gap = "medium",
+  horizontal = false
+}) => {
+  const flattenedChildren = flattenChildren(children);
+  const rootClassname = cx(styles$5.stackLayout, gapStyles[gap], alignStyles[align], {
+    [horizontalAlignStyles[align]]: horizontal,
+    [styles$5.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 item;
+  }) });
+};
+const inTaskStatus = "adyen-kyc-in-task-status";
+const inTaskStatusIndicator = "adyen-kyc-in-task-status-indicator";
+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 = {
+  inTaskStatus,
+  inTaskStatusIndicator,
+  inTaskStatusIndicatorSuccess,
+  inTaskStatusIndicatorError,
+  inTaskStatusIndicatorWarning,
+  inTaskStatusLabel
+};
+const getIndicatorLabelAndClassnames = ({
+  taskStatus
+}) => {
+  if (taskStatus === TaskStatuses.FINISHED) {
+    return {
+      indicatorLabel: "taskComplete",
+      indicatorClassname: styles$4.inTaskStatusIndicatorSuccess
+    };
+  }
+  if (taskStatus === TaskStatuses.PROCESSING) {
+    return {
+      indicatorLabel: "taskInProgress",
+      indicatorClassname: styles$4.inTaskStatusIndicatorWarning
+    };
+  }
+  if (taskStatus === TaskStatuses.ERROR) {
+    return {
+      indicatorLabel: "taskHasErrors",
+      indicatorClassname: styles$4.inTaskStatusIndicatorError
+    };
+  }
 };
-function FormHeader({ heading: heading2, description: description2, className, children }) {
-  const { Slot, hasSlot } = defineSlots(children ?? [], ["heading", "description"]);
-  return /* @__PURE__ */ jsxs("header", { className: cx(styles$2.formHeader, className), children: [
-    /* @__PURE__ */ jsx(Slot, { name: "heading", children: heading2 && /* @__PURE__ */ jsx("h2", { className: styles$2.heading, children: heading2 }) }),
-    (hasSlot("description") || description2) && /* @__PURE__ */ jsx("div", { className: styles$2.description, children: /* @__PURE__ */ jsx(Slot, { name: "description", children: /* @__PURE__ */ jsx("template", { children: description2 }) }) })
+const TaskStatusIndicator = ({ taskStatus }) => {
+  const { t } = useTranslation("ui");
+  const indicator = getIndicatorLabelAndClassnames({ taskStatus });
+  if (!indicator) {
+    return null;
+  }
+  const { indicatorLabel, indicatorClassname } = indicator;
+  return /* @__PURE__ */ jsxs("div", { className: styles$4.inTaskStatus, children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        "data-testid": "task-status-indicator",
+        className: cx(styles$4.inTaskStatusIndicator, indicatorClassname)
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: styles$4.inTaskStatusLabel, children: t(($) => $[indicatorLabel]) })
   ] });
-}
+};
+const header = "adyen-kyc-header";
+const headerMargin = "adyen-kyc-header-margin";
+const headerMarginSecondary = "adyen-kyc-header-margin-secondary";
+const headerLeft = "adyen-kyc-header-left";
+const headerCenter = "adyen-kyc-header-center";
+const headerRight = "adyen-kyc-header-right";
+const headerContent = "adyen-kyc-header-content";
+const headerActions = "adyen-kyc-header-actions";
+const headerTitle = "adyen-kyc-header-title";
+const headerTitlePrimary = "adyen-kyc-header-title-primary";
+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 = {
+  header,
+  headerMargin,
+  headerMarginSecondary,
+  headerLeft,
+  headerCenter,
+  headerRight,
+  headerContent,
+  headerActions,
+  headerTitle,
+  headerTitlePrimary,
+  headerTitleSecondary,
+  headerDescription,
+  headerDescriptionPrimary,
+  headerDescriptionSecondary
+};
+const alignmentStyles = {
+  left: styles$3.headerLeft,
+  center: styles$3.headerCenter,
+  right: styles$3.headerRight
+};
+const Header = ({
+  align = "left",
+  children,
+  description,
+  secondary = false,
+  status,
+  title
+}) => {
+  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 titleClassname = cx(styles$3.headerTitle, {
+    [styles$3.headerTitlePrimary]: !secondary,
+    [styles$3.headerTitleSecondary]: secondary
+  });
+  const descriptionClassname = cx(styles$3.headerDescription, {
+    [styles$3.headerDescriptionPrimary]: !secondary,
+    [styles$3.headerDescriptionSecondary]: secondary
+  });
+  return /* @__PURE__ */ jsxs("header", { className: rootClassname, children: [
+    status && /* @__PURE__ */ jsx(TaskStatusIndicator, { taskStatus: status }),
+    /* @__PURE__ */ jsxs("div", { className: styles$3.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" }) }) })
+  ] });
+};
 const list = "adyen-kyc-list";
 const listHeader = "adyen-kyc-list-header";
 const listFooter = "adyen-kyc-list-footer";
@@ -43,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$1 = {
+const styles$2 = {
   list,
   listHeader,
   listFooter,
@@ -61,33 +242,33 @@ const List = ({
   children,
   dividers = true,
   footer,
-  header,
+  header: header2,
   padding = "medium",
   variant = "plain"
 }) => {
   const childrenArray = toChildArray(children);
   const listVariantStyles = {
-    plain: styles$1.listItemsPlain,
-    "grouped-primary": styles$1.listItemsGroupedPrimary,
-    "grouped-secondary": styles$1.listItemsGroupedSecondary
+    plain: styles$2.listItemsPlain,
+    "grouped-primary": styles$2.listItemsGroupedPrimary,
+    "grouped-secondary": styles$2.listItemsGroupedSecondary
   };
   const listClassName = cx(
-    styles$1.listItems,
+    styles$2.listItems,
     listVariantStyles[variant],
     variant !== "plain" && {
-      [styles$1.listItemsPaddingSmall]: padding === "small",
-      [styles$1.listItemsPaddingMedium]: padding === "medium",
-      [styles$1.listItemsPaddingLarge]: padding === "large"
+      [styles$2.listItemsPaddingSmall]: padding === "small",
+      [styles$2.listItemsPaddingMedium]: padding === "medium",
+      [styles$2.listItemsPaddingLarge]: padding === "large"
     },
     {
-      [styles$1.listItemsPaddingNone]: padding === "none"
+      [styles$2.listItemsPaddingNone]: padding === "none"
     }
   );
-  return /* @__PURE__ */ jsxs("div", { className: styles$1.list, children: [
-    header && /* @__PURE__ */ jsx("div", { className: styles$1.listHeader, children: header }),
+  return /* @__PURE__ */ jsxs("div", { className: styles$2.list, children: [
+    header2 && /* @__PURE__ */ jsx("div", { className: styles$2.listHeader, children: header2 }),
     /* @__PURE__ */ jsx("ul", { className: listClassName, children: childrenArray.map((item) => {
-      const itemClassname = cx(styles$1.listItem, {
-        [styles$1.listItemRowSeparator]: dividers
+      const itemClassname = cx(styles$2.listItem, {
+        [styles$2.listItemRowSeparator]: dividers
       });
       return (
         // Content of <li /> will be unknown. Not including a key is preferred over
@@ -96,15 +277,12 @@ const List = ({
         /* @__PURE__ */ jsx("li", { className: itemClassname, children: item })
       );
     }) }),
-    footer && /* @__PURE__ */ jsx("div", { className: styles$1.listFooter, children: footer })
+    footer && /* @__PURE__ */ jsx("div", { className: styles$2.listFooter, children: footer })
   ] });
 };
 const FormRouterContext = createContext(null);
 function useFormRouterContext() {
   const context = useContext(FormRouterContext);
-  if (process.env.NODE_ENV === "development" && !context) {
-    throw new Error("useFormRouterContext must be used within a FormRouterProvider");
-  }
   return context;
 }
 const NavigateToFieldLink = ({ fieldName, label }) => {
@@ -181,7 +359,7 @@ function VerificationErrors({
           },
           uploadField
         ));
-        uploadFilesCopy = /* @__PURE__ */ jsxs(Fragment, { children: [
+        uploadFilesCopy = /* @__PURE__ */ jsxs(Fragment$1, { children: [
           formUtils.getLabel("uploadTheFollowingDocuments"),
           /* @__PURE__ */ jsx("ul", { children: uploadFieldListItems.map((item, i) => /* @__PURE__ */ jsx("li", { children: item }, i)) })
         ] });
@@ -193,7 +371,7 @@ function VerificationErrors({
         uploadFilesCopy = /* @__PURE__ */ jsx(NavigateToFieldLink, { fieldName: firstUploadField, label });
       }
     }
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
+    return /* @__PURE__ */ jsxs(Fragment$1, { children: [
       t(($) => $["reviewTheInformationBelowAndCorrectMistakesOr"]),
       " ",
       uploadFilesCopy,
@@ -454,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 = {
+const styles$1 = {
   summary,
   summaryContent,
   summaryList,
@@ -508,8 +686,8 @@ function Summary({
     {}
   );
   const formUtils = createFormUtils({ labels }, t);
-  const summarySectionHeader = (formName, formId) => /* @__PURE__ */ jsxs("header", { className: styles.summaryListHeader, children: [
-    /* @__PURE__ */ jsx("h2", { className: styles.summaryListHeaderTitle, children: formName }),
+  const summarySectionHeader = (formName, formId) => /* @__PURE__ */ jsxs("header", { className: styles$1.summaryListHeader, children: [
+    /* @__PURE__ */ jsx("h2", { className: styles$1.summaryListHeaderTitle, children: formName }),
     !omitted.keys?.includes(formId) && /* @__PURE__ */ jsx(
       IconButton,
       {
@@ -537,7 +715,7 @@ function Summary({
     });
     return !useStructuredList2 ? /* @__PURE__ */ jsxs(List, { variant: "grouped-secondary", children: [
       showSectionHeader && summarySectionHeader(formName, formId),
-      /* @__PURE__ */ jsx("dl", { className: styles.summaryList, children: Array.isArray(fieldData) ? fieldData.map((item) => renderBulletedListField(item)) : renderSummaryItems(fieldData, labelData) })
+      /* @__PURE__ */ jsx("dl", { className: styles$1.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 })
@@ -576,18 +754,18 @@ function Summary({
     });
     return dataList;
   };
-  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 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 renderBulletedListField = (item) => /* @__PURE__ */ jsx("ul", { className: styles.summaryContentList, children: /* @__PURE__ */ jsx("li", { children: item }) });
+  const renderBulletedListField = (item) => /* @__PURE__ */ jsx("ul", { className: styles$1.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.summaryContentLogo })
+          /* @__PURE__ */ jsx(Svg, { name: "onfido-logo", type: "image", className: styles$1.summaryContentLogo })
         )
       ];
     }
@@ -610,15 +788,9 @@ function Summary({
     });
     return dataList;
   };
-  return /* @__PURE__ */ jsxs("div", { role: "region", className: styles.summary, children: [
-    showFormHeader && /* @__PURE__ */ jsx(
-      FormHeader,
-      {
-        heading: t(($) => $["summary"]),
-        description: t(($) => $["summaryDescription"])
-      }
-    ),
-    /* @__PURE__ */ jsxs("div", { className: styles.summaryContent, children: [
+  return /* @__PURE__ */ jsxs("div", { role: "region", className: styles$1.summary, children: [
+    showFormHeader && /* @__PURE__ */ jsx(Header, { title: t(($) => $["summary"]), description: t(($) => $["summaryDescription"]) }),
+    /* @__PURE__ */ jsxs("div", { className: styles$1.summaryContent, children: [
       /* @__PURE__ */ jsx(
         ErrorPanel,
         {
@@ -629,8 +801,8 @@ function Summary({
         }
       ),
       renderSummaryContent(data, useStructuredList),
-      showLegalCaption && /* @__PURE__ */ jsx("div", { className: styles.summaryContentLegalCaption, children: t(($) => $["summaryLegalCaption"]) }),
-      showTaxExemptedLegalCaption && /* @__PURE__ */ jsxs("div", { className: styles.summaryContentLegalCaption, children: [
+      showLegalCaption && /* @__PURE__ */ jsx("div", { className: styles$1.summaryContentLegalCaption, children: t(($) => $["summaryLegalCaption"]) }),
+      showTaxExemptedLegalCaption && /* @__PURE__ */ jsxs("div", { className: styles$1.summaryContentLegalCaption, children: [
         /* @__PURE__ */ jsx("p", { children: t(($) => $["summaryTaxExemptionLegalCaptionTitle"]) }),
         /* @__PURE__ */ jsxs("ul", { children: [
           /* @__PURE__ */ jsx("li", { children: t(($) => $["summaryTaxExemptionLegalCaption_1"]) }),
@@ -965,6 +1137,26 @@ 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,
@@ -1039,26 +1231,28 @@ function CountryField({
 export {
   CountryField as C,
   ErrorPanel as E,
-  FormHeader as F,
+  FormRouterContextProvider as F,
+  Header as H,
   List as L,
   Radio as R,
-  Summary as S,
+  StackLayout as S,
   UnincorporatedPartnershipMemberTypes as U,
-  addValidityToForms as a,
-  getFieldProps as b,
+  Link as a,
+  addValidityToForms as b,
   createFormUtils as c,
-  COUNTRY_FIELD as d,
-  getRoleName as e,
-  summaryStep as f,
+  getFieldProps as d,
+  COUNTRY_FIELD as e,
+  getRoleName as f,
   getRequiredForms as g,
-  getRoleTagVariant as h,
-  isNotEmptyValidator as i,
-  FormRouterContextProvider as j,
-  isTruthyValidator as k,
-  getFormProps as l,
+  summaryStep as h,
+  Summary as i,
+  getRoleTagVariant as j,
+  isNotEmptyValidator as k,
+  isTruthyValidator as l,
   mergeFieldMetadataIntoProps as m,
-  useFormRouterContext as n,
-  getNestedOuterFormPropsFromOuterFormProps as o,
+  getFormProps as n,
+  useFormRouterContext as o,
+  getNestedOuterFormPropsFromOuterFormProps as p,
   roleMetadata as r,
   summaryItem as s,
   trackNavigation as t,