@adyen/kyc-components 3.86.2 → 3.87.0-beta.1

package/dist/{Card-CamgqGQg.js → Card-CpB29f1b.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] = "0b6e3665-3404-41c1-86e3-ddd41490e901", e._sentryDebugIdIdentifier = "sentry-dbid-0b6e3665-3404-41c1-86e3-ddd41490e901");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "9192fcfa-87b6-4c34-ae22-b06be0a72d79", e._sentryDebugIdIdentifier = "sentry-dbid-9192fcfa-87b6-4c34-ae22-b06be0a72d79");
   } catch (e) {
   }
 }
 ;
 import { jsxs, jsx } from "preact/jsx-runtime";
 import cx from "classnames";
-import { y as Typography } from "./StoreProvider-D5ulo2rw.js";
-import { a as Alert } from "./Alert-DEGXvrrH.js";
+import { H as Typography } from "./StoreProvider-C-VVZRES.js";
+import { a as Alert } from "./Alert-CCoEOLSl.js";
 function Card({
   className,
   headerClassName,

package/dist/{ConstitutionalDocument-SgL4VE7N.js → ConstitutionalDocument-DP_BT440.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] = "4e571b4d-923e-42f0-9fdc-431703d6ebd8", e._sentryDebugIdIdentifier = "sentry-dbid-4e571b4d-923e-42f0-9fdc-431703d6ebd8");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "4d61aec2-a0af-4dfb-82e2-3e04c8085245", e._sentryDebugIdIdentifier = "sentry-dbid-4d61aec2-a0af-4dfb-82e2-3e04c8085245");
   } catch (e) {
   }
 }
 ;
 import { jsxs, jsx, Fragment } from "preact/jsx-runtime";
 import { memo } from "preact/compat";
-import { ao as objectsDeepEqual, u as useTranslation, z as LegalEntityTypes } from "./StoreProvider-D5ulo2rw.js";
-import { a1 as MemoizedDocumentUpload } from "./IndividualOnfido-Fk4358yi.js";
+import { aj as objectsDeepEqual, u as useTranslation, t as LegalEntityTypes } from "./StoreProvider-C-VVZRES.js";
+import { $ as MemoizedDocumentUpload } from "./IndividualOnfido-C78IRI4s.js";
 const ConstitutionalDocumentTypes = {
   BUSINESS_NAME_FILING: "doingBusinessAsNameFiling",
   TAX_FILING: "taxFiling",

package/dist/{CountryField-7T0ok8-F.js → CountryField-CZ4B1rZT.js}

@@ -2,20 +2,21 @@
 {
   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] = "11c63733-6706-42a5-973e-dd51e96941eb", e._sentryDebugIdIdentifier = "sentry-dbid-11c63733-6706-42a5-973e-dd51e96941eb");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "343b6d29-8314-4477-a7f2-bca35e7b8770", e._sentryDebugIdIdentifier = "sentry-dbid-343b6d29-8314-4477-a7f2-bca35e7b8770");
   } catch (e) {
   }
 }
 ;
 import { jsx, jsxs, Fragment as Fragment$1 } from "preact/jsx-runtime";
-import { u as useTranslation, U as TaskStatuses, B as Button, av as keysOf, aY as remediationHasFileUploadField, a0 as entriesOf, x as translateStringOrObject, aZ as TrustMemberGuidanceLabels, ah as TrustMemberTypes, at as DecisionMakerTypes, W as useI18nContext, a1 as useAnalyticsContext, X as isEmpty, Y as IconButton, v as Svg, a4 as Icon } from "./StoreProvider-D5ulo2rw.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-CEyDAv2X.js";
+import { T as TaskVerificationStatus } from "./InputText-Z3KjkGsR.js";
 import { useContext, useCallback, useMemo } from "preact/hooks";
-import { a as Alert } from "./Alert-DEGXvrrH.js";
-import { g as getDataByFields, t as trackNavigation, F as Field, S as Select } from "./trackNavigation-BqVwjsnq.js";
+import { a as Alert } from "./Alert-CCoEOLSl.js";
+import { B as Button, u as useTranslation, ap as keysOf, aS as remediationHasFileUploadField, $ as entriesOf, G as translateStringOrObject, aT as TrustMemberGuidanceLabels, ag as TrustMemberTypes, am as DecisionMakerTypes, X as isEmpty, a3 as Icon } from "./StoreProvider-C-VVZRES.js";
+import { g as getDataByFields, F as Field, S as Select } from "./useForm-B0KJc8gy.js";
+import { u as useDataset, d as datasetIdentifier } from "./useDataset-DCmrDMPj.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 +31,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$3 = {
   stackLayout,
   stackLayoutGapXs,
   stackLayoutGapS,
@@ -47,23 +48,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$3.stackLayoutGapXs,
+  small: styles$3.stackLayoutGapS,
+  medium: styles$3.stackLayoutGapM,
+  large: styles$3.stackLayoutGapL,
+  xLarge: styles$3.stackLayoutGapXl,
   none: null
 };
 const alignStyles = {
-  left: styles$5.stackLayoutLeft,
-  center: styles$5.stackLayoutCenter,
-  right: styles$5.stackLayoutRight,
+  left: styles$3.stackLayoutLeft,
+  center: styles$3.stackLayoutCenter,
+  right: styles$3.stackLayoutRight,
   auto: null
 };
 const horizontalAlignStyles = {
-  left: styles$5.stackLayoutLeftHorizontal,
-  center: styles$5.stackLayoutCenterHorizontal,
-  right: styles$5.stackLayoutRightHorizontal,
+  left: styles$3.stackLayoutLeftHorizontal,
+  center: styles$3.stackLayoutCenterHorizontal,
+  right: styles$3.stackLayoutRightHorizontal,
   auto: null
 };
 const flattenChildren = (children) => {
@@ -81,71 +82,17 @@ const StackLayout = ({
   horizontal = false
 }) => {
   const flattenedChildren = flattenChildren(children);
-  const rootClassname = cx(styles$5.stackLayout, gapStyles[gap], alignStyles[align], {
+  const rootClassname = cx(styles$3.stackLayout, gapStyles[gap], alignStyles[align], {
     [horizontalAlignStyles[align]]: horizontal,
-    [styles$5.stackLayoutHorizontal]: horizontal
+    [styles$3.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$3.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
-    };
-  }
-};
-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";
@@ -160,7 +107,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 +124,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 +138,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: [
+    status && /* @__PURE__ */ jsx(TaskVerificationStatus, { status, responsive: false }),
+    /* @__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 +171,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 +195,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 +224,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);
@@ -621,197 +568,11 @@ const roleMetadata = {
 };
 const getRoleTagVariant = (role) => roleMetadata[role]?.variant ?? "blue";
 const getRoleName = (role) => roleMetadata[role]?.name ?? role;
-const summary = "adyen-kyc-summary";
-const summaryContent = "adyen-kyc-summary-content";
-const summaryList = "adyen-kyc-summary-list";
-const summaryListHeader = "adyen-kyc-summary-list-header";
-const summaryListHeaderTitle = "adyen-kyc-summary-list-header-title";
-const summaryListItem = "adyen-kyc-summary-list-item";
-const summaryListItemKey = "adyen-kyc-summary-list-item-key";
-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 = {
-  summary,
-  summaryContent,
-  summaryList,
-  summaryListHeader,
-  summaryListHeaderTitle,
-  summaryListItem,
-  summaryListItemKey,
-  summaryListItemValue,
-  summaryContentLegalCaption,
-  summaryContentList,
-  summaryContentLogo
-};
 const isSummaryItem = (val) => typeof val === "object" && val !== null && "summaryLabel" in val && "summaryValue" in val;
 const summaryItem = (summaryLabel, summaryValue) => ({
   summaryLabel,
   summaryValue
 });
-const summaryStep = {
-  formId: "summary",
-  formName: "summary"
-};
-function Summary({
-  data,
-  forms,
-  gotoForm,
-  labels,
-  problems,
-  omitted = {},
-  showFormHeader = true,
-  showSectionHeader = true,
-  showLegalCaption = false,
-  showTaxExemptedLegalCaption = false,
-  useStructuredList = false
-}) {
-  const { i18n } = useI18nContext();
-  const { t } = useTranslation("common");
-  const userEvents = useAnalyticsContext();
-  const editForm = (formId) => {
-    const formIndex = forms.findIndex((form) => form.formId === formId);
-    if (formIndex >= 0) {
-      gotoForm(formIndex);
-    }
-  };
-  const allValidationErrors = problems?.validationErrors && Object.values(problems.validationErrors)?.reduce(
-    (acc, validError) => ({ ...acc, ...validError }),
-    {}
-  );
-  const allVerificationErrors = problems?.verificationErrors && Object.values(problems.verificationErrors)?.reduce(
-    (acc, verifError) => ({ ...acc, ...verifError }),
-    {}
-  );
-  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 }),
-    !omitted.keys?.includes(formId) && /* @__PURE__ */ jsx(
-      IconButton,
-      {
-        variant: "tertiary",
-        icon: "edit",
-        onClick: () => {
-          trackNavigation({
-            userEvents,
-            actionType: "edit",
-            toForm: formName,
-            label: "Pencil icon"
-          });
-          editForm(formId);
-        },
-        ariaLabel: t(($) => $["editForm"], { formName })
-      }
-    )
-  ] });
-  const renderSummarySection = (fieldData, labelData = {}, formName, formId, useStructuredList2) => {
-    const structuredListItems = Object.entries(fieldData).map(([key, value]) => {
-      return {
-        term: t(($) => $[labelData[key] || key]),
-        details: value
-      };
-    });
-    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__ */ jsxs(List, { variant: "grouped-secondary", children: [
-      showSectionHeader && summarySectionHeader(formName, formId),
-      /* @__PURE__ */ jsx(StructuredList, { items: structuredListItems })
-    ] });
-  };
-  const renderSummaryContent = (summaryData, useStructuredList2) => {
-    const summaryList2 = [];
-    forms.forEach(({ formId, formName }) => {
-      const currentFormData = summaryData[formId];
-      const isFormEmpty = !currentFormData || Object.values(currentFormData).every((value) => isEmpty(value));
-      if (isFormEmpty || formId === summaryStep.formId || omitted.forms?.includes(formId)) return;
-      const summaryItems = currentFormData.hasInnerForms ? renderInnerForms(labels?.[formId], formId, currentFormData) : renderSummarySection(
-        currentFormData,
-        labels?.[formId],
-        t(
-          ($) => $[typeof labels?.[formId] === "string" ? labels[formId] : formName]
-        ),
-        formId,
-        useStructuredList2
-      );
-      summaryList2.push(summaryItems);
-    });
-    return summaryList2;
-  };
-  const renderInnerForms = (labelData, parentFormId, innerForms = {}) => {
-    if (!innerForms) return [];
-    const dataList = [];
-    Object.entries(innerForms).forEach(([innerFormName, innerFormFieldData]) => {
-      const formName = t(($) => $[labelData?.[innerFormName] || innerFormName]);
-      if (typeof innerFormFieldData === "object" && innerFormFieldData !== null) {
-        if (Object.values(innerFormFieldData).every((value) => isEmpty(value))) {
-          return;
-        }
-        dataList.push(renderSummarySection(innerFormFieldData, labelData, formName, parentFormId));
-      }
-    });
-    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 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$1.summaryContentLogo })
-        )
-      ];
-    }
-    const dataList = [];
-    Object.entries(formData).forEach(([field, fieldData]) => {
-      if (omitted.keys?.includes(field) || !fieldData) return;
-      const fieldName = t(($) => $[labelData[field] || field]);
-      if (field === "role" && Array.isArray(fieldData)) {
-        const label = fieldData.length > 1 ? t(($) => $["roles"]) : fieldName;
-        const roles = fieldData.map((role) => t(($) => $[getRoleName(role)])).join(", ");
-        dataList.push(renderField(label, roles));
-      } else if (isSummaryItem(fieldData)) {
-        const { summaryLabel, summaryValue } = fieldData;
-        dataList.push(renderField(translateStringOrObject(t, summaryLabel), summaryValue));
-      } else if (typeof fieldData === "object") {
-        dataList.push(renderSummaryItems(fieldData, labelData));
-      } else if (["string", "number"].includes(typeof fieldData)) {
-        dataList.push(renderField(fieldName, fieldData));
-      }
-    });
-    return dataList;
-  };
-  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,
-        {
-          validationErrors: allValidationErrors,
-          verificationErrors: allVerificationErrors,
-          formUtils,
-          id: "ariaErrorField"
-        }
-      ),
-      renderSummaryContent(data, useStructuredList),
-      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"]) }),
-          /* @__PURE__ */ jsx("li", { children: t(($) => $["summaryTaxExemptionLegalCaption_2"]) }),
-          /* @__PURE__ */ jsx("li", { children: t(($) => $["summaryTaxExemptionLegalCaption_3"]) })
-        ] })
-      ] })
-    ] })
-  ] });
-}
 const isTruthyValidator = {
   validate: (value) => !!value,
   modes: ["blur"],
@@ -1068,14 +829,13 @@ export {
   COUNTRY_FIELD as b,
   createFormUtils as c,
   getFieldProps as d,
-  getRoleName as e,
-  summaryStep as f,
+  isNotEmptyValidator as e,
+  getRoleName as f,
   getFormProps as g,
-  Summary as h,
-  getRoleTagVariant as i,
-  isTruthyValidator as j,
-  isNotEmptyValidator as k,
-  getNestedOuterFormPropsFromOuterFormProps as l,
+  isSummaryItem as h,
+  isTruthyValidator as i,
+  getRoleTagVariant as j,
+  getNestedOuterFormPropsFromOuterFormProps as k,
   mergeFieldMetadataIntoProps as m,
   roleMetadata as r,
   summaryItem as s,

package/dist/CreateIndividualComponent-D2kq2hVH.js

@@ -0,0 +1,71 @@
+;
+{
+  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] = "63ff9f98-4099-487b-9094-89952e2d356c", e._sentryDebugIdIdentifier = "sentry-dbid-63ff9f98-4099-487b-9094-89952e2d356c");
+  } catch (e) {
+  }
+}
+;
+import { c as useLegalEntity, p as useExperimentsContext, u as useTranslation, a as addResourceBundles, _ as __variableDynamicImportRuntimeHelper, L as Loader, g as getLegalEntityCountry, N as EntityTypes, ak as isOnfidoAutofillFlowEnabled, P as TaskTypes } from "./StoreProvider-C-VVZRES.js";
+import { jsx } from "preact/jsx-runtime";
+import { i as useCapabilityProblems, j as getProblemsForEntity } from "./fieldConfigurations-BeWhtsCJ.js";
+import { I as IndividualOnfidoDropin, a as IndividualDropin } from "./IndividualOnfidoDropin-Bs5M3rg0.js";
+const CreateIndividualComponent = ({
+  legalEntityId,
+  onSubmitSuccess,
+  modalView = false,
+  onClose,
+  onUnmount
+}) => {
+  if (!legalEntityId) {
+    throw new Error("Must provide a legalEntityId");
+  }
+  const { data: individualLe } = useLegalEntity(legalEntityId);
+  const capabilityProblems = useCapabilityProblems();
+  const { isExperimentEnabled } = useExperimentsContext();
+  const { i18n } = useTranslation();
+  addResourceBundles(i18n, i18n.language, [
+    { ns: "common", importFn: () => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../../../language/locales/bg-BG.json": () => import("./bg-BG-oWrzmmWF.js"), "../../../language/locales/cs-CZ.json": () => import("./cs-CZ-7urd96Kr.js"), "../../../language/locales/da-DK.json": () => import("./da-DK-D-CIc3Wp.js"), "../../../language/locales/de-DE.json": () => import("./de-DE-itf47wPh.js"), "../../../language/locales/el-GR.json": () => import("./el-GR-B09xC5IM.js"), "../../../language/locales/en-US.instructions.json": () => import("./en-US.instructions-Ddr7AO05.js"), "../../../language/locales/en-US.json": () => import("./StoreProvider-C-VVZRES.js").then((n) => n.bM), "../../../language/locales/es-ES.json": () => import("./es-ES-u77uTVet.js"), "../../../language/locales/et-EE.json": () => import("./et-EE-B4Qtq50U.js"), "../../../language/locales/fi-FI.json": () => import("./fi-FI-CoeShwM8.js"), "../../../language/locales/fr-FR.json": () => import("./fr-FR-C4ldMaqM.js"), "../../../language/locales/hr-HR.json": () => import("./hr-HR-BXG_ZAJm.js"), "../../../language/locales/hu-HU.json": () => import("./hu-HU-CMGzeEXp.js"), "../../../language/locales/it-IT.json": () => import("./it-IT-Cz3V93Xk.js"), "../../../language/locales/ja-JP.json": () => import("./ja-JP-B4mHwijO.js"), "../../../language/locales/lt-LT.json": () => import("./lt-LT-BuALzmEO.js"), "../../../language/locales/lv-LV.json": () => import("./lv-LV-nDWqwoYo.js"), "../../../language/locales/nl-NL.json": () => import("./nl-NL-CcUU-KmX.js"), "../../../language/locales/no-NO.json": () => import("./no-NO-BplX8KGW.js"), "../../../language/locales/pl-PL.json": () => import("./pl-PL-BmCZYCoD.js"), "../../../language/locales/pt-BR.json": () => import("./pt-BR-BkPUtBM9.js"), "../../../language/locales/pt-PT.json": () => import("./pt-PT-D_F3JxYu.js"), "../../../language/locales/ro-RO.json": () => import("./ro-RO-CJoz8E5K.js"), "../../../language/locales/sk-SK.json": () => import("./sk-SK-DgdScFiv.js"), "../../../language/locales/sl-SI.json": () => import("./sl-SI-CZt2QlBD.js"), "../../../language/locales/sv-SE.json": () => import("./sv-SE-BPD3xI_7.js") }), `../../../language/locales/${i18n.language}.json`, 6) },
+    { ns: "ui", importFn: () => __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/${i18n.language}.json`, 5) },
+    { ns: "individual", importFn: () => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../../Individual/language/bg-BG.json": () => import("./bg-BG-B7Xs_t04.js"), "../../Individual/language/cs-CZ.json": () => import("./cs-CZ-BSWXexr4.js"), "../../Individual/language/da-DK.json": () => import("./da-DK-R_y7YwqQ.js"), "../../Individual/language/de-DE.json": () => import("./de-DE-BR6CLZw6.js"), "../../Individual/language/el-GR.json": () => import("./el-GR-B3FHqTOX.js"), "../../Individual/language/en-US.json": () => import("./en-US-fyGPkcqX.js"), "../../Individual/language/es-ES.json": () => import("./es-ES-CEp-ttVJ.js"), "../../Individual/language/et-EE.json": () => import("./et-EE-Ci8RU2wg.js"), "../../Individual/language/fi-FI.json": () => import("./fi-FI-DjlB2a7k.js"), "../../Individual/language/fr-FR.json": () => import("./fr-FR-Dx-CiPdB.js"), "../../Individual/language/hr-HR.json": () => import("./hr-HR-n7aMHIpM.js"), "../../Individual/language/hu-HU.json": () => import("./hu-HU-D_DvlCMw.js"), "../../Individual/language/it-IT.json": () => import("./it-IT-yV7ewjWU.js"), "../../Individual/language/ja-JP.json": () => import("./ja-JP-Ctsk4z4q.js"), "../../Individual/language/lt-LT.json": () => import("./lt-LT-CYiW52tl.js"), "../../Individual/language/lv-LV.json": () => import("./lv-LV-CgMxfFK8.js"), "../../Individual/language/nl-NL.json": () => import("./nl-NL-DKMs4pB2.js"), "../../Individual/language/no-NO.json": () => import("./no-NO-B-oUwe9q.js"), "../../Individual/language/pl-PL.json": () => import("./pl-PL-p8YxqOFg.js"), "../../Individual/language/pt-BR.json": () => import("./pt-BR-DKrMpM6v.js"), "../../Individual/language/pt-PT.json": () => import("./pt-PT-Bh7v8xbp.js"), "../../Individual/language/ro-RO.json": () => import("./ro-RO-DjGku_3y.js"), "../../Individual/language/sk-SK.json": () => import("./sk-SK-Bb18qPBw.js"), "../../Individual/language/sl-SI.json": () => import("./sl-SI-ZxyvdgdS.js"), "../../Individual/language/sv-SE.json": () => import("./sv-SE-CCFIf86P.js") }), `../../Individual/language/${i18n.language}.json`, 5) }
+  ]);
+  const handleOnClose = () => {
+    if (modalView) {
+      onUnmount?.();
+    }
+    onClose?.();
+  };
+  const onSubmit = (d) => {
+    if (modalView) {
+      onUnmount?.();
+    }
+    onSubmitSuccess?.(d);
+  };
+  if (!individualLe) {
+    return /* @__PURE__ */ jsx(Loader, {});
+  }
+  const country = getLegalEntityCountry(individualLe);
+  const problems = capabilityProblems ? getProblemsForEntity(capabilityProblems, EntityTypes.LEGAL_ENTITY, individualLe.id) : void 0;
+  const isOnfidoAutofillFlow = isOnfidoAutofillFlowEnabled(
+    country,
+    TaskTypes.INDIVIDUAL,
+    isExperimentEnabled
+  );
+  const props = {
+    taskType: TaskTypes.INDIVIDUAL,
+    taskName: "individualDetails",
+    legalEntityResponse: individualLe,
+    problems,
+    country,
+    asModal: modalView,
+    hideSidebar: true,
+    onSubmit,
+    handleHomeClick: handleOnClose,
+    handleCloseClick: handleOnClose
+  };
+  return isOnfidoAutofillFlow ? /* @__PURE__ */ jsx(IndividualOnfidoDropin, { ...props }) : /* @__PURE__ */ jsx(IndividualDropin, { ...props });
+};
+export {
+  CreateIndividualComponent as C
+};