@adyen/kyc-components 4.0.0-compact.0 → 4.0.0

package/dist/DebugModal-CokbXGK9.js

@@ -0,0 +1,413 @@
+;
+{
+  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] = "4fd43f63-5332-4d4a-ab60-8f5d63290ff4", e._sentryDebugIdIdentifier = "sentry-dbid-4fd43f63-5332-4d4a-ab60-8f5d63290ff4");
+  } catch (e) {
+  }
+}
+;
+import { jsx, jsxs, Fragment } from "preact/jsx-runtime";
+import { useMemo, useState } from "preact/hooks";
+import { B as Button, $ as entriesOf, u as useTranslation, bw as splitTaskIdentifier, p as useExperimentsContext, o as useSettingsContext, W as useI18nContext, a8 as useGlobalStore, aw as listToRecord, bx as valuesOf, U as createLogger, a3 as Icon } from "./StoreProvider-BFN15Go9.js";
+import { M as Modal } from "./Modal-CloeVnNp.js";
+import { E as ExperimentNames } from "./types-f66rmUFy.js";
+import { I as InputText, T as TaskVerificationStatus, S as SettingNames } from "./InputText-Dsw9kiwL.js";
+import { T as Tag } from "./Tag-DdkVScyr.js";
+import { A as Accordion } from "./Accordion-Cp_VkxR6.js";
+import { C as Checkbox } from "./debouncedInputEvent-Dlbc7VjU.js";
+import { f as formDebugInfo } from "./debugStore-BvbyN1Oi.js";
+import MonogonCode from "monogon/preact";
+const tabs = "adyen-kyc-tabs";
+const styles$3 = {
+  tabs
+};
+const Tabs = ({ tabs: tabs2, activeTab, onChange }) => /* @__PURE__ */ jsx("div", { className: styles$3.tabs, children: tabs2.map(({ name, label, disabled }) => {
+  const buttonVariant = activeTab === name ? "secondary" : "tertiary";
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      onClick: () => onChange(name),
+      variant: buttonVariant,
+      disabled,
+      children: label
+    },
+    name
+  );
+}) });
+const filterData = (data, searchTerm) => data.filter(({ key }) => key.toLowerCase().includes(searchTerm.toLowerCase()));
+const sortData = (data) => [...data].sort(({ key: keyA }, { key: keyB }) => keyA.localeCompare(keyB));
+const DebugTable = ({
+  data,
+  heading,
+  searchTerm,
+  tagPosition = "after",
+  sort = false
+}) => {
+  const filteredData = useMemo(() => {
+    const filtered = searchTerm ? filterData(data, searchTerm) : data;
+    return sort ? sortData(filtered) : filtered;
+  }, [data, searchTerm]);
+  return /* @__PURE__ */ jsxs("div", { children: [
+    heading ? /* @__PURE__ */ jsx("h3", { children: heading }) : void 0,
+    filteredData.length === 0 ? /* @__PURE__ */ jsxs("p", { children: [
+      "No results found for ",
+      /* @__PURE__ */ jsx("strong", { children: searchTerm })
+    ] }) : /* @__PURE__ */ jsx("table", { children: /* @__PURE__ */ jsx("tbody", { children: filteredData.map(({ key, value, label, variant }) => /* @__PURE__ */ jsxs("tr", { children: [
+      tagPosition === "before" ? /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(Tag, { variant: variant ?? "grey", children: value }) }) : void 0,
+      /* @__PURE__ */ jsxs("td", { children: [
+        /* @__PURE__ */ jsx("span", { className: "adyen-kyc-debug-modal__table-key", children: key }),
+        label && /* @__PURE__ */ jsx("span", { children: label })
+      ] }),
+      tagPosition === "after" ? /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(Tag, { variant: variant ?? "grey", children: value }) }) : void 0
+    ] }, key)) }) })
+  ] });
+};
+const getSettingVariant = (value) => {
+  switch (value) {
+    case void 0:
+      return "orange";
+    case true:
+      return "green";
+    case false:
+      return "red";
+    default:
+      return "blue";
+  }
+};
+const DebugExperimentsAndSettings = ({
+  experiments,
+  settings
+}) => {
+  const [searchTerm, setSearchTerm] = useState("");
+  const experimentRows = entriesOf(experiments).map(
+    ([experimentName, enabled]) => ({
+      key: `${experimentName}`,
+      value: enabled ? "Enabled" : "Disabled",
+      variant: enabled ? "green" : "red"
+    })
+  );
+  const settingRows = entriesOf(settings).map(([settingName, value]) => ({
+    key: settingName,
+    value: `${value}`,
+    variant: getSettingVariant(value)
+  }));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      InputText,
+      {
+        name: "search",
+        value: searchTerm,
+        onInput: (e) => setSearchTerm(e.target.value),
+        placeholder: "Search for Experiments/Settings 🔎",
+        trimOnBlur: true,
+        spellCheck: false,
+        "aria-label": "Search experiments or settings",
+        "aria-invalid": false
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      DebugTable,
+      {
+        tagPosition: "before",
+        data: experimentRows,
+        heading: "Experiments",
+        searchTerm,
+        sort: true
+      }
+    ),
+    /* @__PURE__ */ jsx(DebugTable, { data: settingRows, heading: "Settings", searchTerm, sort: true })
+  ] });
+};
+const searchInput = "adyen-kyc-searchInput";
+const toolbar = "adyen-kyc-toolbar";
+const fieldHeader = "adyen-kyc-fieldHeader";
+const status = "adyen-kyc-status";
+const statusRequired = "adyen-kyc-statusRequired";
+const statusOptional = "adyen-kyc-statusOptional";
+const statusHidden = "adyen-kyc-statusHidden";
+const statusInfo = "adyen-kyc-statusInfo";
+const reasonsList = "adyen-kyc-reasonsList";
+const reasonItem = "adyen-kyc-reasonItem";
+const styles$2 = {
+  searchInput,
+  toolbar,
+  fieldHeader,
+  status,
+  statusRequired,
+  statusOptional,
+  statusHidden,
+  statusInfo,
+  reasonsList,
+  reasonItem
+};
+const statusClassNames = {
+  REQUIRED: styles$2.statusRequired,
+  OPTIONAL: styles$2.statusOptional,
+  INFO: styles$2.statusInfo,
+  HIDDEN: styles$2.statusHidden
+};
+const DebugFormData = () => {
+  const debugInfo = formDebugInfo.value;
+  const [searchTerm, setSearchTerm] = useState("");
+  const [showHidden, setShowHidden] = useState(false);
+  const filteredFieldNames = Object.keys(debugInfo).filter((fieldName) => fieldName.toLowerCase().includes(searchTerm.toLowerCase())).filter((fieldName) => showHidden || debugInfo[fieldName].status !== "HIDDEN").sort((a, b) => {
+    if (a === "__FORMS__") return -1;
+    if (b === "__FORMS__") return 1;
+    return a.localeCompare(b);
+  });
+  if (Object.keys(debugInfo).length === 0) {
+    return /* @__PURE__ */ jsx("p", { children: "No form debug data available. Navigate to a form to see its debug info." });
+  }
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsxs("div", { className: styles$2.toolbar, children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "text",
+          placeholder: "Search field...",
+          value: searchTerm,
+          onInput: (e) => setSearchTerm(e.currentTarget.value),
+          className: styles$2.searchInput
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Checkbox,
+        {
+          id: "show-hidden-fields",
+          name: "show-hidden-fields",
+          label: "Show hidden fields",
+          checked: showHidden,
+          onChange: () => setShowHidden(!showHidden)
+        }
+      )
+    ] }),
+    filteredFieldNames.map((fieldName) => {
+      const info = debugInfo[fieldName];
+      return /* @__PURE__ */ jsxs(Accordion, { onToggle: () => {
+      }, children: [
+        /* @__PURE__ */ jsx("template", { slot: "title", children: /* @__PURE__ */ jsxs("div", { className: styles$2.fieldHeader, children: [
+          /* @__PURE__ */ jsx("span", { className: styles$2.status, children: fieldName }),
+          " ",
+          /* @__PURE__ */ jsxs("span", { className: statusClassNames[info.status], children: [
+            "(",
+            info.status,
+            ")"
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsx("template", { slot: "content", children: /* @__PURE__ */ jsx("ul", { className: styles$2.reasonsList, children: info.reasons.map((reason, i) => /* @__PURE__ */ jsx("li", { className: styles$2.reasonItem, children: reason }, i)) }) })
+      ] }, fieldName);
+    })
+  ] });
+};
+const DebugLegalEntityData = ({ legalEntityData }) => {
+  if (!legalEntityData) return /* @__PURE__ */ jsx(Fragment, {});
+  const { rootLegalEntity, rootLegalEntityType } = legalEntityData;
+  const uboDetails = rootLegalEntity.entityAssociations?.map(
+    ({ name, type, jobTitle }) => (
+      // If `name` is undefined, replace the tuple with `null` to easily filter it out later. Checking this to ensure that the 'data' for DebugTable always has a keyName.
+      name ? {
+        key: name,
+        value: `${type}`,
+        label: jobTitle,
+        variant: "blue"
+      } : null
+    )
+  ).filter(Boolean) ?? [];
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("span", { children: [
+      "Root legal entity type: ",
+      /* @__PURE__ */ jsx(Tag, { children: rootLegalEntityType })
+    ] }),
+    uboDetails.length ? /* @__PURE__ */ jsx(DebugTable, { data: uboDetails, heading: "Decision Makers" }) : void 0,
+    rootLegalEntity ? /* @__PURE__ */ jsx(MonogonCode, { lang: "json", content: JSON.stringify(rootLegalEntity, null, 2) }) : void 0
+  ] });
+};
+const DebugMetadata = ({
+  metadata: { sdkVersion, locale, rootLegalEntityId }
+}) => {
+  const rows = [
+    { key: "SDK version", value: sdkVersion, variant: "green" },
+    { key: "Locale", value: locale, variant: "blue" },
+    { key: "Root legal entity ID", value: rootLegalEntityId, variant: "teal" }
+  ];
+  return /* @__PURE__ */ jsx("div", { className: "adyen-kyc-debug-modal__meta", children: /* @__PURE__ */ jsx(DebugTable, { data: rows }) });
+};
+const debugModal = "adyen-kyc-debug-modal";
+const debugHeader = "adyen-kyc-debug-header";
+const footer = "adyen-kyc-footer";
+const footerCopyStatus = "adyen-kyc-footer-copy-status";
+const content = "adyen-kyc-content";
+const styles$1 = {
+  debugModal,
+  debugHeader,
+  footer,
+  footerCopyStatus,
+  content
+};
+const header = "adyen-kyc-header";
+const taskName = "adyen-kyc-task-name";
+const table = "adyen-kyc-table";
+const styles = {
+  header,
+  taskName,
+  table
+};
+const DebugTaskStatuses = ({ taskStatuses }) => {
+  const { t } = useTranslation("common");
+  return /* @__PURE__ */ jsxs("table", { className: styles.table, children: [
+    /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { className: styles.header, children: [
+      /* @__PURE__ */ jsx("th", { children: t(($) => $["task"]) }),
+      /* @__PURE__ */ jsx("th", { children: t(($) => $["status"]) }),
+      /* @__PURE__ */ jsx("th", { children: t(($) => $["reason"]) })
+    ] }) }),
+    /* @__PURE__ */ jsx("tbody", { children: entriesOf(taskStatuses).sort(([t1], [t2]) => t1.localeCompare(t2)).map(([task, status2]) => {
+      const { taskType, id } = splitTaskIdentifier(task);
+      return /* @__PURE__ */ jsxs("tr", { children: [
+        /* @__PURE__ */ jsxs("td", { className: styles.taskName, children: [
+          taskType,
+          id ? `: ${id}` : ""
+        ] }),
+        status2 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(TaskVerificationStatus, { status: status2.status }) }),
+          /* @__PURE__ */ jsxs("td", { children: [
+            t(($) => $[status2.reason]),
+            /* @__PURE__ */ jsx(ExplainDetails, { status: status2 })
+          ] })
+        ] }) : /* @__PURE__ */ jsx(Fragment, {})
+      ] }, task);
+    }) })
+  ] });
+};
+const ExplainDetails = ({ status: status2 }) => {
+  const { reason, details } = status2;
+  switch (reason) {
+    case "invalidInputError": {
+      const verificationError = details.verificationError;
+      const subErrors = verificationError.subErrors;
+      return /* @__PURE__ */ jsxs("div", { children: [
+        verificationError.code,
+        ": ",
+        verificationError.message,
+        subErrors ? /* @__PURE__ */ jsx("ul", { children: (verificationError.subErrors ?? []).map((subError) => /* @__PURE__ */ jsxs("li", { children: [
+          subError.code,
+          ": ",
+          subError.message
+        ] }, subError.code)) }) : /* @__PURE__ */ jsx(Fragment, {})
+      ] });
+    }
+    case "dataMissingError": {
+      const verificationError = details.verificationError;
+      const subErrors = verificationError.subErrors;
+      return /* @__PURE__ */ jsxs("div", { children: [
+        verificationError.code,
+        ": ",
+        verificationError.message,
+        subErrors ? /* @__PURE__ */ jsx("ul", { children: (verificationError.subErrors ?? []).map((subError) => /* @__PURE__ */ jsxs("li", { children: [
+          subError.code,
+          ": ",
+          subError.message
+        ] }, subError.code)) }) : /* @__PURE__ */ jsx(Fragment, {})
+      ] });
+    }
+    case "pendingCapabilities": {
+      const pendingCapabilities = details.pendingCapabilities;
+      return /* @__PURE__ */ jsx("ul", { children: pendingCapabilities.map((capabilityName) => /* @__PURE__ */ jsx("li", { children: capabilityName }, capabilityName)) });
+    }
+  }
+};
+const logger = createLogger();
+const DebugModal = ({ onExit }) => {
+  const { isExperimentEnabled } = useExperimentsContext();
+  const { getSetting } = useSettingsContext();
+  const [debugInfoCopied, setDebugInfoCopied] = useState(false);
+  const { i18n } = useI18nContext();
+  const [tab, setTab] = useState("metadata");
+  const rootLegalEntity = useGlobalStore().rootLegalEntity.value;
+  const formDebugAvailable = Object.keys(formDebugInfo.value).length > 0;
+  const metadata = {
+    sdkVersion: "4.0.0",
+    locale: i18n.locale,
+    rootLegalEntityId: rootLegalEntity.id
+  };
+  const experiments = listToRecord(valuesOf(ExperimentNames), isExperimentEnabled);
+  const settings = listToRecord(valuesOf(SettingNames), getSetting);
+  const taskStatuses = useGlobalStore().taskStatuses.value;
+  const legalEntityData = {
+    rootLegalEntity,
+    rootLegalEntityType: rootLegalEntity.type
+  };
+  const copyToClipboard = async () => {
+    const toCopy = {
+      metadata,
+      experiments,
+      settings,
+      taskStatuses,
+      legalEntityData
+    };
+    await window.navigator.clipboard.writeText(JSON.stringify(toCopy, null, 2));
+    setDebugInfoCopied(true);
+    setTimeout(() => {
+      setDebugInfoCopied(false);
+    }, 5e3);
+  };
+  const TABS = [
+    {
+      name: "metadata",
+      label: "Metadata"
+    },
+    {
+      name: "experimentsSettings",
+      label: "Experiments & Settings"
+    },
+    {
+      name: "taskStatuses",
+      label: "Task Statuses"
+    },
+    {
+      name: "legalEntityData",
+      label: "Legal Entity Data"
+    }
+  ];
+  if (formDebugAvailable) {
+    TABS.push({
+      name: "formConfig",
+      label: "Form Config"
+    });
+  }
+  return /* @__PURE__ */ jsx(Modal, { size: "fullscreen", onClose: onExit, ariaLabel: "Debug", children: /* @__PURE__ */ jsxs("div", { className: styles$1.debugModal, children: [
+    /* @__PURE__ */ jsxs("div", { className: styles$1.debugHeader, children: [
+      /* @__PURE__ */ jsx("h1", { children: "Debug" }),
+      " ",
+      /* @__PURE__ */ jsx(Tabs, { activeTab: tab, onChange: (tab2) => setTab(tab2), tabs: TABS })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: styles$1.content, children: [
+      tab === "metadata" ? /* @__PURE__ */ jsx(DebugMetadata, { metadata }) : void 0,
+      tab === "taskStatuses" ? /* @__PURE__ */ jsx(DebugTaskStatuses, { taskStatuses }) : void 0,
+      tab === "experimentsSettings" ? /* @__PURE__ */ jsx(DebugExperimentsAndSettings, { experiments, settings }) : void 0,
+      tab === "legalEntityData" ? /* @__PURE__ */ jsx(DebugLegalEntityData, { legalEntityData }) : void 0,
+      tab === "formConfig" ? /* @__PURE__ */ jsx(DebugFormData, {}) : void 0
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: styles$1.footer, children: /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          icon: "document",
+          onClick: () => {
+            copyToClipboard().catch((error) => {
+              logger.error("Error copying to clipboard:", error);
+            });
+          },
+          children: "Copy debug info"
+        }
+      ),
+      debugInfoCopied ? /* @__PURE__ */ jsxs("span", { className: styles$1.footerCopyStatus, children: [
+        /* @__PURE__ */ jsx(Icon, { name: "check" }),
+        " Copied!"
+      ] }) : void 0
+    ] }) })
+  ] }) });
+};
+export {
+  DebugModal
+};

package/dist/DecisionMakerDetailsPage-B5cLY8iP.js

@@ -0,0 +1,106 @@
+;
+{
+  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] = "a7b49e2d-f3ed-4d87-ae86-bfaf1cd12ca6", e._sentryDebugIdIdentifier = "sentry-dbid-a7b49e2d-f3ed-4d87-ae86-bfaf1cd12ca6");
+  } catch (e) {
+  }
+}
+;
+import { c as useLegalEntity, x as skipToken, p as useExperimentsContext, g as getLegalEntityCountry, u as useTranslation, a as addResourceBundles, L as Loader, ak as isOnfidoAutofillFlowEnabled, a4 as noop, P as TaskTypes, N as EntityTypes, t as LegalEntityTypes, _ as __variableDynamicImportRuntimeHelper, bs as individualOnfidoBaseMapping, b4 as individualComponentsKeyMapping } from "./StoreProvider-BFN15Go9.js";
+import { jsx } from "preact/jsx-runtime";
+import { u as useScenarios } from "./useScenarios-DPOodENA.js";
+import { i as useCapabilityProblems, j as getProblemsForEntity } from "./fieldConfigurations-C38LzPl3.js";
+import { w as isBafinSignatoryFlow, ac as removeIdVerificationProblemsForBafinSignatory, g as getTrustedFieldsProvider, F as getTrustedFields, Z as getTrustedEntityAssociations } from "./IndividualOnfido-Cc7dydKq.js";
+import { I as IndividualOnfidoDropin, a as IndividualDropin } from "./IndividualOnfidoDropin-BpU2cL4E.js";
+function DecisionMakerDetailsPage({
+  decisionMakerId,
+  parentCompanyId,
+  taskType = TaskTypes.DECISION_MAKER,
+  asModal,
+  hideSidebar,
+  isTargetLegalEntityType,
+  onSubmit,
+  handleBackClick,
+  handleCloseClick,
+  handleHomeClick = noop
+}) {
+  const { data: decisionMakerLe } = useLegalEntity(decisionMakerId ?? skipToken);
+  const { data: parentCompanyLe } = useLegalEntity(parentCompanyId ?? skipToken);
+  const capabilityProblems = useCapabilityProblems();
+  const { isExperimentEnabled } = useExperimentsContext();
+  const { data: scenarios } = useScenarios(
+    (parentCompanyLe && getLegalEntityCountry(parentCompanyLe)) ?? skipToken,
+    LegalEntityTypes.INDIVIDUAL
+  );
+  const { i18n } = useTranslation();
+  addResourceBundles(i18n, [
+    { ns: "individual", importFn: (lang) => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../language/bg-BG.json": () => import("./bg-BG-B7Xs_t04.js"), "../language/cs-CZ.json": () => import("./cs-CZ-BSWXexr4.js"), "../language/da-DK.json": () => import("./da-DK-R_y7YwqQ.js"), "../language/de-DE.json": () => import("./de-DE-BR6CLZw6.js"), "../language/el-GR.json": () => import("./el-GR-B3FHqTOX.js"), "../language/en-US.json": () => import("./en-US-fyGPkcqX.js"), "../language/es-ES.json": () => import("./es-ES-CEp-ttVJ.js"), "../language/et-EE.json": () => import("./et-EE-Ci8RU2wg.js"), "../language/fi-FI.json": () => import("./fi-FI-DjlB2a7k.js"), "../language/fr-FR.json": () => import("./fr-FR-Dx-CiPdB.js"), "../language/hr-HR.json": () => import("./hr-HR-n7aMHIpM.js"), "../language/hu-HU.json": () => import("./hu-HU-D_DvlCMw.js"), "../language/it-IT.json": () => import("./it-IT-yV7ewjWU.js"), "../language/ja-JP.json": () => import("./ja-JP-Ctsk4z4q.js"), "../language/lt-LT.json": () => import("./lt-LT-CYiW52tl.js"), "../language/lv-LV.json": () => import("./lv-LV-CgMxfFK8.js"), "../language/nl-NL.json": () => import("./nl-NL-DKMs4pB2.js"), "../language/no-NO.json": () => import("./no-NO-B-oUwe9q.js"), "../language/pl-PL.json": () => import("./pl-PL-p8YxqOFg.js"), "../language/pt-BR.json": () => import("./pt-BR-DKrMpM6v.js"), "../language/pt-PT.json": () => import("./pt-PT-Bh7v8xbp.js"), "../language/ro-RO.json": () => import("./ro-RO-DjGku_3y.js"), "../language/sk-SK.json": () => import("./sk-SK-Bb18qPBw.js"), "../language/sl-SI.json": () => import("./sl-SI-ZxyvdgdS.js"), "../language/sv-SE.json": () => import("./sv-SE-CCFIf86P.js") }), `../language/${lang}.json`, 3) }
+  ]);
+  if (!parentCompanyLe || decisionMakerId && !decisionMakerLe) {
+    return /* @__PURE__ */ jsx(Loader, {});
+  }
+  const country = getLegalEntityCountry(decisionMakerLe ?? parentCompanyLe);
+  let problems = capabilityProblems && decisionMakerId ? getProblemsForEntity(capabilityProblems, EntityTypes.LEGAL_ENTITY, decisionMakerId) : void 0;
+  if (problems && parentCompanyLe && decisionMakerLe && scenarios) {
+    const associatedDecisionMakers = parentCompanyLe.entityAssociations?.filter(
+      (association) => association.legalEntityId === decisionMakerLe.id
+    );
+    const isBafinSignatory = associatedDecisionMakers?.some(
+      (association) => isBafinSignatoryFlow({ taskType, data: association, scenarios })
+    );
+    if (isBafinSignatory) {
+      problems = removeIdVerificationProblemsForBafinSignatory(problems);
+    }
+  }
+  const isOnfidoAutofillFlow = isOnfidoAutofillFlowEnabled(
+    country,
+    TaskTypes.DECISION_MAKER,
+    isExperimentEnabled
+  );
+  const trustedFieldsProvider = getTrustedFieldsProvider(parentCompanyLe);
+  const trustedFields = decisionMakerLe ? getTrustedFields(
+    decisionMakerLe,
+    isOnfidoAutofillFlow ? individualOnfidoBaseMapping : individualComponentsKeyMapping
+  ) : {};
+  const trustedEntityAssociation = getTrustedEntityAssociations(parentCompanyLe).find(
+    (ea) => ea.reference === decisionMakerId
+  );
+  const trustedRoles = trustedEntityAssociation?.types ?? [];
+  const isRevampedDecisionMakersTaskPageEnabled = isExperimentEnabled(
+    "EnableRevampedDecisionMakersTaskPage"
+  );
+  const props = {
+    taskType,
+    taskName: TASK_NAMES[taskType],
+    legalEntityResponse: decisionMakerLe,
+    parentLegalEntity: parentCompanyLe,
+    problems,
+    country,
+    asModal,
+    hideSidebar,
+    isTargetLegalEntityType,
+    onSubmit,
+    trustedFieldsProvider,
+    trustedRoles,
+    handleBackClick,
+    handleCloseClick,
+    handleHomeClick
+  };
+  return isOnfidoAutofillFlow ? /* @__PURE__ */ jsx(
+    IndividualOnfidoDropin,
+    {
+      ...props,
+      asModal: isRevampedDecisionMakersTaskPageEnabled,
+      trustedFields
+    }
+  ) : /* @__PURE__ */ jsx(IndividualDropin, { ...props, trustedFields });
+}
+const TASK_NAMES = {
+  [TaskTypes.DECISION_MAKER]: "decisionMakerDetails",
+  [TaskTypes.TRUST_MEMBER_COMPANY_OWNER]: "companyOwnerDetails",
+  [TaskTypes.UNINCORPORATED_PARTNERSHIP_MEMBER_COMPANY_OWNER]: "companyOwnerDetails"
+};
+export {
+  DecisionMakerDetailsPage
+};