@adyen/kyc-components 3.83.3 → 3.85.0-beta.1

package/dist/{CountryField-BiXkT-tj.js → CountryField-DunKeW_n.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] = "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 { 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 { 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-DadhkEyO.js";
 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";
+import { toChildArray, Fragment, createContext } from "preact";
+import { S as StructuredList, u as useDataset, d as datasetIdentifier } from "./useDataset-B-72Ufk7.js";
+import { useContext, useCallback, useMemo } from "preact/hooks";
+import { a as Alert } from "./Alert-Dz_jjJ1E.js";
+import { g as getDataByFields, F as Field, c as Select } from "./useForm-Aw38WiTE.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$4 = {
+  stackLayout,
+  stackLayoutGapXs,
+  stackLayoutGapS,
+  stackLayoutGapM,
+  stackLayoutGapL,
+  stackLayoutGapXl,
+  stackLayoutLeft,
+  stackLayoutCenter,
+  stackLayoutRight,
+  stackLayoutItem,
+  stackLayoutHorizontal,
+  stackLayoutLeftHorizontal,
+  stackLayoutCenterHorizontal,
+  stackLayoutRightHorizontal
+};
+const gapStyles = {
+  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$4.stackLayoutLeft,
+  center: styles$4.stackLayoutCenter,
+  right: styles$4.stackLayoutRight,
+  auto: null
+};
+const horizontalAlignStyles = {
+  left: styles$4.stackLayoutLeftHorizontal,
+  center: styles$4.stackLayoutCenterHorizontal,
+  right: styles$4.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$4.stackLayout, gapStyles[gap], alignStyles[align], {
+    [horizontalAlignStyles[align]]: 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$4.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$3 = {
+  inTaskStatus,
+  inTaskStatusIndicator,
+  inTaskStatusIndicatorSuccess,
+  inTaskStatusIndicatorError,
+  inTaskStatusIndicatorWarning,
+  inTaskStatusLabel
+};
+const getIndicatorLabelAndClassnames = ({
+  taskStatus
+}) => {
+  if (taskStatus === TaskStatuses.FINISHED) {
+    return {
+      indicatorLabel: "taskComplete",
+      indicatorClassname: styles$3.inTaskStatusIndicatorSuccess
+    };
+  }
+  if (taskStatus === TaskStatuses.PROCESSING) {
+    return {
+      indicatorLabel: "taskInProgress",
+      indicatorClassname: styles$3.inTaskStatusIndicatorWarning
+    };
+  }
+  if (taskStatus === TaskStatuses.ERROR) {
+    return {
+      indicatorLabel: "taskHasErrors",
+      indicatorClassname: styles$3.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$3.inTaskStatus, children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        "data-testid": "task-status-indicator",
+        className: cx(styles$3.inTaskStatusIndicator, indicatorClassname)
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: styles$3.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$2 = {
-  formHeader,
-  heading,
-  description
+  header,
+  headerMargin,
+  headerMarginSecondary,
+  headerLeft,
+  headerCenter,
+  headerRight,
+  headerContent,
+  headerActions,
+  headerTitle,
+  headerTitlePrimary,
+  headerTitleSecondary,
+  headerDescription,
+  headerDescriptionPrimary,
+  headerDescriptionSecondary
 };
-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 alignmentStyles = {
+  left: styles$2.headerLeft,
+  center: styles$2.headerCenter,
+  right: styles$2.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$2.header, alignmentStyles[align], {
+    [styles$2.headerMargin]: !secondary,
+    [styles$2.headerMarginSecondary]: secondary
+  });
+  const titleClassname = cx(styles$2.headerTitle, {
+    [styles$2.headerTitlePrimary]: !secondary,
+    [styles$2.headerTitleSecondary]: 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$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$2.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";
@@ -61,7 +242,7 @@ const List = ({
   children,
   dividers = true,
   footer,
-  header,
+  header: header2,
   padding = "medium",
   variant = "plain"
 }) => {
@@ -84,7 +265,7 @@ const List = ({
     }
   );
   return /* @__PURE__ */ jsxs("div", { className: styles$1.list, children: [
-    header && /* @__PURE__ */ jsx("div", { className: styles$1.listHeader, children: header }),
+    header2 && /* @__PURE__ */ jsx("div", { className: styles$1.listHeader, children: header2 }),
     /* @__PURE__ */ jsx("ul", { className: listClassName, children: childrenArray.map((item) => {
       const itemClassname = cx(styles$1.listItem, {
         [styles$1.listItemRowSeparator]: dividers
@@ -102,9 +283,6 @@ const List = ({
 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,
@@ -482,7 +660,7 @@ function Summary({
   gotoForm,
   labels,
   problems,
-  trackNavigation: trackNavigation2 = noop,
+  trackNavigation = noop,
   omitted = {},
   showFormHeader = true,
   showSectionHeader = true,
@@ -516,7 +694,7 @@ function Summary({
         variant: "tertiary",
         icon: "edit",
         onClick: () => {
-          trackNavigation2({
+          trackNavigation({
             userEvents,
             actionType: "edit",
             toForm: formName,
@@ -611,13 +789,7 @@ function Summary({
     return dataList;
   };
   return /* @__PURE__ */ jsxs("div", { role: "region", className: styles.summary, children: [
-    showFormHeader && /* @__PURE__ */ jsx(
-      FormHeader,
-      {
-        heading: t(($) => $["summary"]),
-        description: t(($) => $["summaryDescription"])
-      }
-    ),
+    showFormHeader && /* @__PURE__ */ jsx(Header, { title: t(($) => $["summary"]), description: t(($) => $["summaryDescription"]) }),
     /* @__PURE__ */ jsxs("div", { className: styles.summaryContent, children: [
       /* @__PURE__ */ jsx(
         ErrorPanel,
@@ -641,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;
@@ -1039,28 +1029,23 @@ function CountryField({
 export {
   CountryField as C,
   ErrorPanel as E,
-  FormHeader as F,
+  FormRouterContext 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,
+  COUNTRY_FIELD as a,
+  getRoleName as b,
   createFormUtils as c,
-  COUNTRY_FIELD as d,
-  getRoleName as e,
-  summaryStep as f,
-  getRequiredForms as g,
-  getRoleTagVariant as h,
-  isNotEmptyValidator as i,
-  FormRouterContextProvider as j,
-  isTruthyValidator as k,
-  getFormProps as l,
+  summaryStep as d,
+  Summary as e,
+  getRoleTagVariant as f,
+  getFieldProps as g,
+  getFormProps as h,
+  getNestedOuterFormPropsFromOuterFormProps as i,
   mergeFieldMetadataIntoProps as m,
-  useFormRouterContext as n,
-  getNestedOuterFormPropsFromOuterFormProps as o,
   roleMetadata as r,
   summaryItem as s,
-  trackNavigation as t,
-  useFormComposer as u
+  useFormRouterContext as u
 };

package/dist/CreateIndividualComponent-wFiOsvgz.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] = "88ae1787-bda0-4090-aa22-21bab8006e67", e._sentryDebugIdIdentifier = "sentry-dbid-88ae1787-bda0-4090-aa22-21bab8006e67");
+  } catch (e) {
+  }
+}
+;
+import { c as useLegalEntity, X as useExperimentsContext, u as useTranslation, a as addResourceBundles, _ as __variableDynamicImportRuntimeHelper, L as Loader, g as getLegalEntityCountry, J as EntityTypes, aj as isOnfidoAutofillFlowEnabled, M as TaskTypes } from "./StoreProvider-DadhkEyO.js";
+import { jsx } from "preact/jsx-runtime";
+import { b as useCapabilityProblems, g as getProblemsForEntity } from "./fieldConfigurations-BZuo2e0d.js";
+import { I as IndividualOnfidoDropin, a as IndividualDropin } from "./IndividualOnfidoDropin-CljBpKM8.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-BPsOhDfg.js"), "../../../language/locales/cs-CZ.json": () => import("./cs-CZ-CHzJM-ii.js"), "../../../language/locales/da-DK.json": () => import("./da-DK-XNMYSp7w.js"), "../../../language/locales/de-DE.json": () => import("./de-DE-BI7AAdOv.js"), "../../../language/locales/el-GR.json": () => import("./el-GR-DoCIcce-.js"), "../../../language/locales/en-US.instructions.json": () => import("./en-US.instructions-Ddr7AO05.js"), "../../../language/locales/en-US.json": () => import("./StoreProvider-DadhkEyO.js").then((n) => n.bK), "../../../language/locales/es-ES.json": () => import("./es-ES-CnNU6AJv.js"), "../../../language/locales/et-EE.json": () => import("./et-EE-BR4OXRfV.js"), "../../../language/locales/fi-FI.json": () => import("./fi-FI-u5GxMZsq.js"), "../../../language/locales/fr-FR.json": () => import("./fr-FR-CMjrAkKl.js"), "../../../language/locales/hr-HR.json": () => import("./hr-HR-Bhsop3CT.js"), "../../../language/locales/hu-HU.json": () => import("./hu-HU-D2j1ISVk.js"), "../../../language/locales/it-IT.json": () => import("./it-IT-C7Sg1k4p.js"), "../../../language/locales/ja-JP.json": () => import("./ja-JP-GSbqID7o.js"), "../../../language/locales/lt-LT.json": () => import("./lt-LT-DSiutpRl.js"), "../../../language/locales/lv-LV.json": () => import("./lv-LV-C62XiDE5.js"), "../../../language/locales/nl-NL.json": () => import("./nl-NL-BOJ6zuBr.js"), "../../../language/locales/no-NO.json": () => import("./no-NO-CuwTDFSf.js"), "../../../language/locales/pl-PL.json": () => import("./pl-PL-1-MrLPXu.js"), "../../../language/locales/pt-BR.json": () => import("./pt-BR-Br_cHzGx.js"), "../../../language/locales/pt-PT.json": () => import("./pt-PT-cjbtYBUX.js"), "../../../language/locales/ro-RO.json": () => import("./ro-RO-CGhIjlpU.js"), "../../../language/locales/sk-SK.json": () => import("./sk-SK-Do6CKNU4.js"), "../../../language/locales/sl-SI.json": () => import("./sl-SI-cY-L2ma-.js"), "../../../language/locales/sv-SE.json": () => import("./sv-SE-BtwPrLEA.js") }), `../../../language/locales/${i18n.language}.json`, 6) },
+    { ns: "ui", importFn: () => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../../ui/language/bg-BG.json": () => import("./bg-BG-Cs_1PU3v.js"), "../../ui/language/cs-CZ.json": () => import("./cs-CZ-B2WAqmaW.js"), "../../ui/language/da-DK.json": () => import("./da-DK-D-eeokQn.js"), "../../ui/language/de-DE.json": () => import("./de-DE-Dcs3W1fT.js"), "../../ui/language/el-GR.json": () => import("./el-GR-DBum-QDu.js"), "../../ui/language/en-US.json": () => import("./en-US-DdeSoN_2.js"), "../../ui/language/es-ES.json": () => import("./es-ES-C7XjLOHi.js"), "../../ui/language/et-EE.json": () => import("./et-EE-BUG05EDz.js"), "../../ui/language/fi-FI.json": () => import("./fi-FI-CEzjKgiz.js"), "../../ui/language/fr-FR.json": () => import("./fr-FR-DNJiLv9b.js"), "../../ui/language/hr-HR.json": () => import("./hr-HR-WMnlxMEY.js"), "../../ui/language/hu-HU.json": () => import("./hu-HU-B2nrl0pw.js"), "../../ui/language/it-IT.json": () => import("./it-IT-BRmX2jEi.js"), "../../ui/language/ja-JP.json": () => import("./ja-JP-gRRH8Eph.js"), "../../ui/language/lt-LT.json": () => import("./lt-LT-BJQDUanx.js"), "../../ui/language/lv-LV.json": () => import("./lv-LV-h3nTokkM.js"), "../../ui/language/nl-NL.json": () => import("./nl-NL-YzDSCWLL.js"), "../../ui/language/no-NO.json": () => import("./no-NO-Big2B13b.js"), "../../ui/language/pl-PL.json": () => import("./pl-PL-CL483jMb.js"), "../../ui/language/pt-BR.json": () => import("./pt-BR-DJOzf0y2.js"), "../../ui/language/pt-PT.json": () => import("./pt-PT-B3qoJ3Fr.js"), "../../ui/language/ro-RO.json": () => import("./ro-RO-Ct_BJvsc.js"), "../../ui/language/sk-SK.json": () => import("./sk-SK-FGK1FMMO.js"), "../../ui/language/sl-SI.json": () => import("./sl-SI-Cz28AFTz.js"), "../../ui/language/sv-SE.json": () => import("./sv-SE-DLl7OGxl.js") }), `../../ui/language/${i18n.language}.json`, 5) },
+    { ns: "individual", importFn: () => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../../Individual/language/bg-BG.json": () => import("./bg-BG-BLe6BCNz.js"), "../../Individual/language/cs-CZ.json": () => import("./cs-CZ-xoLsda7i.js"), "../../Individual/language/da-DK.json": () => import("./da-DK-D-TJghBi.js"), "../../Individual/language/de-DE.json": () => import("./de-DE-CCmlaL2F.js"), "../../Individual/language/el-GR.json": () => import("./el-GR-kYiInIQ9.js"), "../../Individual/language/en-US.json": () => import("./en-US-DYpvuCLO.js"), "../../Individual/language/es-ES.json": () => import("./es-ES-CJMsyMAc.js"), "../../Individual/language/et-EE.json": () => import("./et-EE-sB7wkSA3.js"), "../../Individual/language/fi-FI.json": () => import("./fi-FI-BbqwYcLI.js"), "../../Individual/language/fr-FR.json": () => import("./fr-FR-Cr-Y1vIy.js"), "../../Individual/language/hr-HR.json": () => import("./hr-HR-D8cBxUFa.js"), "../../Individual/language/hu-HU.json": () => import("./hu-HU-BVfkOdJe.js"), "../../Individual/language/it-IT.json": () => import("./it-IT-CwA8megO.js"), "../../Individual/language/ja-JP.json": () => import("./ja-JP-CCnzjx-u.js"), "../../Individual/language/lt-LT.json": () => import("./lt-LT-C5nNCk4_.js"), "../../Individual/language/lv-LV.json": () => import("./lv-LV-CEK8Re4d.js"), "../../Individual/language/nl-NL.json": () => import("./nl-NL-DOQPxTX-.js"), "../../Individual/language/no-NO.json": () => import("./no-NO-Cp3-tDMw.js"), "../../Individual/language/pl-PL.json": () => import("./pl-PL-CtDHmbhp.js"), "../../Individual/language/pt-BR.json": () => import("./pt-BR-DnKEuslh.js"), "../../Individual/language/pt-PT.json": () => import("./pt-PT-CLwCij2I.js"), "../../Individual/language/ro-RO.json": () => import("./ro-RO-Cmk-sVDr.js"), "../../Individual/language/sk-SK.json": () => import("./sk-SK-Bo5nvxWQ.js"), "../../Individual/language/sl-SI.json": () => import("./sl-SI-CrTRlNnN.js"), "../../Individual/language/sv-SE.json": () => import("./sv-SE-WPziDPQa.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
+};