@adyen/kyc-components 4.0.0-compact.1 → 4.0.0-compact.3

package/dist/{Currency-D-0ToVpS.js → Currency-BBt4yo5i.js}

@@ -2,70 +2,17 @@
 {
   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] = "455ba446-ef92-46ac-9e8b-92391ea565fd", e._sentryDebugIdIdentifier = "sentry-dbid-455ba446-ef92-46ac-9e8b-92391ea565fd");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "10f8cc77-9116-4682-b2d9-2cde1c03e13d", e._sentryDebugIdIdentifier = "sentry-dbid-10f8cc77-9116-4682-b2d9-2cde1c03e13d");
   } catch (e) {
   }
 }
 ;
-import { i as isDateOlderThanAYear } from "./Address-YjoUtTTT.js";
-import { b1 as drop, b as useApiContext, j as useQuery, o as httpGet, u as useI18nContext, N as createLogger, i as isUndefinedOrNull, a as useTranslation } from "./StoreProvider-D4cRWOo4.js";
 import { jsx } from "preact/jsx-runtime";
 import { useRef, useEffect, useCallback, useMemo, useState } from "preact/hooks";
-import { F as Field, c as Select } from "./useForm-Bikkn7wR.js";
-import { I as InputText, a as InputBase } from "./InputText-CnEQJihB.js";
-import { c as currencyByCountry } from "./types-BZdZSp82.js";
-const mapFinancialInformationToFinancialReport = ({
-  currency,
-  financialReportingDate,
-  numberOfEmployees,
-  balanceSheetTotal,
-  netAssets,
-  annualTurnover
-}, dateOfIncorporation) => {
-  if (dateOfIncorporation && !isDateOlderThanAYear(dateOfIncorporation)) {
-    return {
-      employeeCount: typeof numberOfEmployees === "number" ? numberOfEmployees.toFixed(0) : numberOfEmployees
-    };
-  }
-  return {
-    currencyOfFinancialData: currency,
-    // TODO type this better
-    dateOfFinancialData: financialReportingDate,
-    employeeCount: typeof numberOfEmployees === "number" ? numberOfEmployees.toFixed(0) : numberOfEmployees,
-    netAssets: netAssets?.toFixed(2) ?? void 0,
-    balanceSheetTotal: balanceSheetTotal?.toFixed(2) ?? void 0,
-    annualTurnover: annualTurnover?.toFixed(2) ?? void 0
-  };
-};
-const mapFinancialReportsToFinancialInformation = (financialReports, withReportedValueOption = true) => {
-  if (financialReports.length === 0) {
-    throw new Error("No financial reports");
-  }
-  const mostRecentReport = financialReports.reduce((latest, curr) => {
-    if (curr?.dateOfFinancialData && latest?.dateOfFinancialData && curr?.dateOfFinancialData > latest?.dateOfFinancialData) {
-      return curr;
-    }
-    return latest;
-  }, financialReports[0]);
-  const financialInfo = {
-    numberOfEmployees: mostRecentReport.employeeCount ? parseInt(mostRecentReport.employeeCount) : void 0,
-    financialReportingDate: mostRecentReport.dateOfFinancialData,
-    currency: mostRecentReport.currencyOfFinancialData
-  };
-  if (mostRecentReport.balanceSheetTotal !== void 0) {
-    financialInfo.reportedValueOption = "balanceSheetTotal";
-    financialInfo.balanceSheetTotal = parseFloat(mostRecentReport.balanceSheetTotal);
-  }
-  if (mostRecentReport.netAssets !== void 0) {
-    financialInfo.reportedValueOption = "netAssets";
-    financialInfo.netAssets = parseFloat(mostRecentReport.netAssets);
-  }
-  if (mostRecentReport.annualTurnover !== void 0) {
-    financialInfo.reportedValueOption = "annualTurnover";
-    financialInfo.annualTurnover = parseFloat(mostRecentReport.annualTurnover);
-  }
-  return withReportedValueOption ? financialInfo : drop("reportedValueOption").from(financialInfo);
-};
+import { b as useApiContext, j as useQuery, m as httpGet, V as useI18nContext, P as createLogger, i as isUndefinedOrNull, u as useTranslation } from "./StoreProvider-jtUYKLRz.js";
+import { F as Field, S as Select } from "./useForm-DLxHtZTP.js";
+import { I as InputText, a as InputBase } from "./InputText-BfL9DgWp.js";
+import { c as currencyByCountry } from "./types-D0u3f6aG.js";
 const getLegalForms = async (countryCode, baseUrl) => {
   return httpGet({
     baseUrl,
@@ -170,9 +117,9 @@ const InputCurrency = ({
   const decimalSeparator = useMemo(() => determineDecimalSeparator(formatter), [formatter]);
   const currencySymbol = useMemo(() => determineCurrencySymbol(formatter), [formatter]);
   const [text, setText] = useState("");
-  const onInput = (e) => setText(e.target.value);
+  const onInput = (e) => setText(e.currentTarget.value);
   const onBlur = (e) => {
-    const rawValue = e.target.value;
+    const rawValue = e.currentTarget.value;
     const value = getNumberFromFormattedCurrency(rawValue, decimalSeparator);
     if (Number.isNaN(value)) {
       logger.warn(`Unable to get number from formatted currency: "${rawValue}"`);
@@ -228,11 +175,9 @@ function Currency({
   ) });
 }
 export {
-  Currency as C,
+  CURRENCY_FIELD as C,
   InputNumber as I,
   LegalFormField as L,
-  mapFinancialInformationToFinancialReport as a,
-  CURRENCY_FIELD as b,
-  InputCurrency as c,
-  mapFinancialReportsToFinancialInformation as m
+  InputCurrency as a,
+  Currency as b
 };

package/dist/{CustomerSupport-DTw357Bq.js → CustomerSupport-CObTT8cH.js}

@@ -2,21 +2,22 @@
 {
   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] = "5ce12a77-748b-47d0-9523-a150d47c928f", e._sentryDebugIdIdentifier = "sentry-dbid-5ce12a77-748b-47d0-9523-a150d47c928f");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "3fca2df0-f5d1-4255-94d8-6ff4498d476c", e._sentryDebugIdIdentifier = "sentry-dbid-3fca2df0-f5d1-4255-94d8-6ff4498d476c");
   } catch (e) {
   }
 }
 ;
 import { jsx, jsxs } from "preact/jsx-runtime";
-import { c as useLegalEntity, R as ROOT_LE, L as Loader, a as useTranslation, U as useAnalyticsContext, aC as useQueryClient, N as createLogger } from "./StoreProvider-D4cRWOo4.js";
+import { c as useLegalEntity, R as ROOT_LE, L as Loader, M as EntityTypes, u as useTranslation, a2 as useAnalyticsContext, a1 as useQueryClient, P as createLogger } from "./StoreProvider-jtUYKLRz.js";
 import { useCallback, useMemo, useEffect } from "preact/hooks";
-import { a as useUpdateLegalEntity } from "./RadioGroup-htJh3Lz5.js";
-import { a as contactDetailsValidationRules, d as defaultFieldMetadata, f as fieldConfig, u as useValidatePhoneNumberImperatively, g as getAsyncPhoneValidationRules, C as ContactDetails } from "./validate-DxfuzxT4.js";
-import { F as FormHeader } from "./CountryField-50Iboayh.js";
-import { u as useToastContext } from "./useToastContext-kLS15CCB.js";
-import { u as useMultiForm } from "./useMultiForm-BvLkXMC6.js";
-import { r as resolveFieldMetadata } from "./fieldConfigurations-kDKvJ6je.js";
-import { A as ActionBar } from "./FormNavigation-29vpexO6.js";
+import { u as useUpdateLegalEntity } from "./useUpdateLegalEntity-Q3Icdeo6.js";
+import { c as contactDetailsValidationRules, u as useValidatePhoneNumberImperatively } from "./validate-H-iE__-w.js";
+import { H as Header, E as ErrorPanel, c as createFormUtils } from "./CountryField-CzRN1OE8.js";
+import { a as useToastContext } from "./useToastContext-FI3dwzzs.js";
+import { u as useMultiForm } from "./useMultiForm--sSlt50X.js";
+import { i as useCapabilityProblems, j as getProblemsForEntity, r as resolveFieldMetadata } from "./Spacer-D4I0f08n.js";
+import { A as ActionBar } from "./ActionBar-Dzrzolec.js";
+import { z as defaultFieldMetadata, A as fieldConfig, F as getAsyncPhoneValidationRules, Z as ContactDetails } from "./IndividualOnfido-CmmyKC7J.js";
 const mapCustomerSupportSchemaToCustomerSupportType = (customerSupport) => {
   return {
     email: customerSupport?.customerSupport?.email || "",
@@ -39,9 +40,12 @@ function CustomerSupportInner({
   onSubmit,
   legalEntity
 }) {
+  const capabilityProblems = useCapabilityProblems();
+  const problems = capabilityProblems ? getProblemsForEntity(capabilityProblems, EntityTypes.LEGAL_ENTITY, legalEntity.id) : void 0;
   const { t } = useTranslation("common");
   const userEvents = useAnalyticsContext();
   const { showToast } = useToastContext();
+  const formUtils = createFormUtils({}, t);
   const { mutateAsync: updateLegalEntity } = useUpdateLegalEntity();
   const queryClient = useQueryClient();
   const requiredFields = {
@@ -116,12 +120,20 @@ function CustomerSupportInner({
   const handleFieldChange = (fieldName, mode) => handleChangeFor(fieldName, "customerSupport", mode);
   return /* @__PURE__ */ jsxs("form", { className: "adyen-kyc-individual__customer-support", "aria-describedby": "ariaErrorField", children: [
     /* @__PURE__ */ jsx(
-      FormHeader,
+      Header,
       {
-        heading: t(($) => $["customerSupport"]),
+        title: t(($) => $["customerSupport"]),
         description: t(($) => $["howYourCustomersCanReachYou"])
       }
     ),
+    /* @__PURE__ */ jsx(
+      ErrorPanel,
+      {
+        verificationErrors: problems?.verificationErrors?.["customerSupport"],
+        formUtils,
+        id: "ariaErrorField"
+      }
+    ),
     /* @__PURE__ */ jsx(
       ContactDetails,
       {

package/dist/{DE-DdcbG-CC.js → DE-CsuX_tSL.js}

@@ -2,14 +2,14 @@
 {
   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] = "514c98aa-cbe3-4e52-98f9-27b8747e3ab6", e._sentryDebugIdIdentifier = "sentry-dbid-514c98aa-cbe3-4e52-98f9-27b8747e3ab6");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "66471b14-cae9-4f29-b170-18e01065d410", e._sentryDebugIdIdentifier = "sentry-dbid-66471b14-cae9-4f29-b170-18e01065d410");
   } catch (e) {
   }
 }
 ;
 const DE = {
   iban: {
-    bankStatementRequirement: "REQUIRED",
+    bankStatementRequirement: "OPTIONAL",
     defaultCurrency: "EUR",
     fields: [
       "accountHolder",

package/dist/{DK-DA8qRrzq.js → DK-oQEFrF6o.js}

@@ -2,14 +2,14 @@
 {
   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] = "9621c78c-92e3-4a24-b2c9-3e26ee9097fa", e._sentryDebugIdIdentifier = "sentry-dbid-9621c78c-92e3-4a24-b2c9-3e26ee9097fa");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "195973fd-5c1a-4398-9d71-e90b1b62ee53", e._sentryDebugIdIdentifier = "sentry-dbid-195973fd-5c1a-4398-9d71-e90b1b62ee53");
   } catch (e) {
   }
 }
 ;
 const DK = {
   iban: {
-    bankStatementRequirement: "REQUIRED",
+    bankStatementRequirement: "OPTIONAL",
     defaultCurrency: "DKK",
     fields: [
       "accountHolder",
@@ -18,7 +18,7 @@ const DK = {
     ]
   },
   local: {
-    bankStatementRequirement: "REQUIRED",
+    bankStatementRequirement: "OPTIONAL",
     defaultCurrency: "DKK",
     fields: [
       "accountHolder",

package/dist/{DebugModal-Dc6JIQeF.js → DebugModal-DJcim6UP.js}

@@ -2,25 +2,27 @@
 {
   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] = "7de115c1-c31b-48cb-b34f-12ce3161d9e0", e._sentryDebugIdIdentifier = "sentry-dbid-7de115c1-c31b-48cb-b34f-12ce3161d9e0");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "b0701c7c-7967-41d4-b51e-4cd0e5c4ae12", e._sentryDebugIdIdentifier = "sentry-dbid-b0701c7c-7967-41d4-b51e-4cd0e5c4ae12");
   } catch (e) {
   }
 }
 ;
 import { jsx, jsxs, Fragment } from "preact/jsx-runtime";
 import { useMemo, useState } from "preact/hooks";
-import { B as Button, az as entriesOf, a as useTranslation, bA as splitTaskIdentifier, X as useExperimentsContext, m as useSettingsContext, u as useI18nContext, $ as useGlobalStore, bd as listToRecord, bB as valuesOf, N as createLogger, V as Icon } from "./StoreProvider-D4cRWOo4.js";
-import { M as Modal } from "./Modal-ltKHtBfL.js";
-import { E as ExperimentNames } from "./types-CAznNNSI.js";
-import { I as InputText, S as SettingNames } from "./InputText-CnEQJihB.js";
+import { B as Button, a0 as entriesOf, u as useTranslation, bx as splitTaskIdentifier, X as useExperimentsContext, o as useSettingsContext, V as useI18nContext, a8 as useGlobalStore, ax as listToRecord, by as valuesOf, P as createLogger, a3 as Icon } from "./StoreProvider-jtUYKLRz.js";
+import { M as Modal } from "./Modal-CJ_hgcGb.js";
+import { E as ExperimentNames } from "./types-Dk94b8kx.js";
+import { I as InputText, T as TaskVerificationStatus, S as SettingNames } from "./InputText-BfL9DgWp.js";
 import { T as Tag } from "./Tag-DdkVScyr.js";
+import { A as Accordion } from "./Accordion-C-BvE1VA.js";
+import { C as Checkbox } from "./debouncedInputEvent-HhImBs4O.js";
+import { f as formDebugInfo } from "./debugStore-BvbyN1Oi.js";
 import MonogonCode from "monogon/preact";
-import { T as TaskItemStatus } from "./TaskItemStatus-lQuiqU1e.js";
 const tabs = "adyen-kyc-tabs";
-const styles$2 = {
+const styles$3 = {
   tabs
 };
-const Tabs = ({ tabs: tabs2, activeTab, onChange }) => /* @__PURE__ */ jsx("div", { className: styles$2.tabs, children: tabs2.map(({ name, label, disabled }) => {
+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,
@@ -96,7 +98,7 @@ const DebugExperimentsAndSettings = ({
       {
         name: "search",
         value: searchTerm,
-        onInput: (e) => setSearchTerm(e.target.value),
+        onInput: (e) => setSearchTerm(e.currentTarget.value),
         placeholder: "Search for Experiments/Settings 🔎",
         trimOnBlur: true,
         spellCheck: false,
@@ -117,6 +119,87 @@ const DebugExperimentsAndSettings = ({
     /* @__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;
@@ -178,26 +261,26 @@ const DebugTaskStatuses = ({ taskStatuses }) => {
       /* @__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, status]) => {
+    /* @__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}` : ""
         ] }),
-        status ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(TaskItemStatus, { status: status.status }) }),
+        status2 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(TaskVerificationStatus, { status: status2.status }) }),
           /* @__PURE__ */ jsxs("td", { children: [
-            t(($) => $[status.reason]),
-            /* @__PURE__ */ jsx(ExplainDetails, { status })
+            t(($) => $[status2.reason]),
+            /* @__PURE__ */ jsx(ExplainDetails, { status: status2 })
           ] })
         ] }) : /* @__PURE__ */ jsx(Fragment, {})
       ] }, task);
     }) })
   ] });
 };
-const ExplainDetails = ({ status }) => {
-  const { reason, details } = status;
+const ExplainDetails = ({ status: status2 }) => {
+  const { reason, details } = status2;
   switch (reason) {
     case "invalidInputError": {
       const verificationError = details.verificationError;
@@ -241,8 +324,9 @@ const DebugModal = ({ onExit }) => {
   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-compact.1",
+    sdkVersion: "4.0.0-compact.3",
     locale: i18n.locale,
     rootLegalEntityId: rootLegalEntity.id
   };
@@ -267,41 +351,42 @@ const DebugModal = ({ onExit }) => {
       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: [
-            {
-              name: "metadata",
-              label: "Metadata"
-            },
-            {
-              name: "experimentsSettings",
-              label: "Experiments & Settings"
-            },
-            {
-              name: "taskStatuses",
-              label: "Task Statuses"
-            },
-            {
-              name: "legalEntityData",
-              label: "Legal Entity Data"
-            }
-          ]
-        }
-      )
+      /* @__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 === "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(

package/dist/DecisionMakerDetailsPage-CrQgRW8X.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] = "075bf259-8a8e-4d93-a686-edc56df2946e", e._sentryDebugIdIdentifier = "sentry-dbid-075bf259-8a8e-4d93-a686-edc56df2946e");
+  } catch (e) {
+  }
+}
+;
+import { c as useLegalEntity, w as skipToken, X as useExperimentsContext, g as getLegalEntityCountry, u as useTranslation, a as addResourceBundles, L as Loader, ak as isOnfidoAutofillFlowEnabled, a4 as noop, O as TaskTypes, M as EntityTypes, r as LegalEntityTypes, _ as __variableDynamicImportRuntimeHelper, bt as individualOnfidoBaseMapping, b5 as individualComponentsKeyMapping } from "./StoreProvider-jtUYKLRz.js";
+import { jsx } from "preact/jsx-runtime";
+import { u as useScenarios } from "./useScenarios-CqKpYbe_.js";
+import { i as useCapabilityProblems, j as getProblemsForEntity } from "./Spacer-D4I0f08n.js";
+import { p as isBafinSignatoryFlow, ad as removeIdVerificationProblemsForBafinSignatory, g as getTrustedFieldsProvider, D as getTrustedFields, Y as getTrustedEntityAssociations } from "./IndividualOnfido-CmmyKC7J.js";
+import { I as IndividualOnfidoDropin, a as IndividualDropin } from "./IndividualOnfidoDropin-BsCb6dvy.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/da-DK.json": () => import("./da-DK-DvZ431fC.js"), "../language/de-DE.json": () => import("./de-DE-0uSzhWg5.js"), "../language/en-US.json": () => import("./en-US-fyGPkcqX.js"), "../language/es-ES.json": () => import("./es-ES-B7dt4cn7.js"), "../language/fi-FI.json": () => import("./fi-FI-REMsyTSr.js"), "../language/fr-FR.json": () => import("./fr-FR-CvHWmim-.js"), "../language/it-IT.json": () => import("./it-IT-BeX7-OcD.js"), "../language/nl-NL.json": () => import("./nl-NL-CM5U8ODq.js"), "../language/no-NO.json": () => import("./no-NO-BQL_M1pn.js"), "../language/pt-BR.json": () => import("./pt-BR-AZ3roErF.js"), "../language/pt-PT.json": () => import("./pt-PT-DVKtHjIY.js"), "../language/sl-SI.json": () => import("./sl-SI-C0wSbuau.js"), "../language/sv-SE.json": () => import("./sv-SE-DtKjf4Go.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
+};