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

package/dist/DecisionMakers-2aN_F-vt.js

@@ -1,591 +0,0 @@
-;
-{
-  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] = "154302f3-0719-4b02-b14d-cca5c85633a0", e._sentryDebugIdIdentifier = "sentry-dbid-154302f3-0719-4b02-b14d-cca5c85633a0");
-  } catch (e) {
-  }
-}
-;
-import { a as addResourceBundles, T as Trans, _ as __variableDynamicImportRuntimeHelper } from "./translation-RPPT5Bll.js";
-import { jsxs, jsx, Fragment } from "preact/jsx-runtime";
-import { useState, useEffect } from "preact/hooks";
-import { u as useScenarios } from "./useScenarios-uUD1GHMT.js";
-import { V as Icon, a as useTranslation, c as useLegalEntity, B as Button, L as Loader, u as useI18nContext, x as Typography, U as useAnalyticsContext, R as ROOT_LE, _ as useGetTaskStatus, X as useExperimentsContext, aR as getOwnDecisionMakers, b8 as getAvailableDecisionMakerRoleTypes, M as TaskTypes, O as TaskStatuses, b2 as getAllowedDecisionMakerRoles, ak as DecisionMakerTypes, y as LegalEntityTypes } from "./StoreProvider-D4cRWOo4.js";
-import { a as useUpdateLegalEntity } from "./RadioGroup-htJh3Lz5.js";
-import { b as getRoleName, F as FormHeader } from "./CountryField-50Iboayh.js";
-import cx from "classnames";
-import { A as Avatar } from "./Avatar-CeHhAxxR.js";
-import { M as Modal } from "./Modal-ltKHtBfL.js";
-import { u as useToastContext } from "./useToastContext-kLS15CCB.js";
-import { e as useDataMissingRemediations, D as DropinLayout, E as EntityGuidanceStatus, i as iconStatus, C as CardGroup, f as EntityAssociation } from "./OnboardingDropinComponent-BgFPF-FG.js";
-import { S as StackLayout, L as LandingLayout } from "./bafinUtils-Sy6B6Lec.js";
-import { a as Alert } from "./Alert-C_-UwoDE.js";
-import { I as Image, b as useCapabilityProblems, C as ContextGuidance } from "./fieldConfigurations-kDKvJ6je.js";
-import { A as ActionBar } from "./FormNavigation-29vpexO6.js";
-import { T as TaskItemStatus } from "./TaskItemStatus-lQuiqU1e.js";
-import { i as isEmpty } from "./isEmpty-C9y5I8Tl.js";
-import { T as TaskStatusIndicator } from "./TaskStatusIndicator-8ug09mhu.js";
-import { D as DetailViewLayout } from "./DetailViewLayout-Z9cuUp4X.js";
-import { C as Confirm } from "./Confirm-DyWhqxmU.js";
-import { lazy } from "preact/compat";
-const listItem = "adyen-kyc-list-item";
-const listItemBordered = "adyen-kyc-list-item-bordered";
-const listItemInteractive = "adyen-kyc-list-item-interactive";
-const listItemText = "adyen-kyc-list-item-text";
-const listItemTitle = "adyen-kyc-list-item-title";
-const listItemDescription = "adyen-kyc-list-item-description";
-const listItemDisclosure = "adyen-kyc-list-item-disclosure";
-const listItemAccessory = "adyen-kyc-list-item-accessory";
-const styles$1 = {
-  listItem,
-  listItemBordered,
-  listItemInteractive,
-  listItemText,
-  listItemTitle,
-  listItemDescription,
-  listItemDisclosure,
-  listItemAccessory
-};
-const ListItem = ({ accessory, action, avatar, bordered, description, title }) => {
-  const isInteractive = !!action && typeof action.onClick === "function";
-  const isDisabled = !!action?.disabled;
-  const listItemAvatar = {
-    ...avatar,
-    ...isDisabled && { variant: "disabled" }
-  };
-  const rootClassname = cx(
-    styles$1.listItem,
-    { [styles$1.listItemBordered]: bordered },
-    {
-      [styles$1.listItemInteractive]: isInteractive
-    }
-  );
-  const content = /* @__PURE__ */ jsxs(Fragment, { children: [
-    avatar && /* @__PURE__ */ jsx(Avatar, { ...listItemAvatar }),
-    /* @__PURE__ */ jsxs("div", { className: styles$1.listItemText, children: [
-      /* @__PURE__ */ jsx("h3", { className: styles$1.listItemTitle, children: title }),
-      description && /* @__PURE__ */ jsx("span", { className: styles$1.listItemDescription, children: description })
-    ] }),
-    accessory && /* @__PURE__ */ jsx("div", { className: styles$1.listItemAccessory, children: accessory })
-  ] });
-  if (isInteractive) {
-    return /* @__PURE__ */ jsxs(
-      "button",
-      {
-        "aria-label": title,
-        className: rootClassname,
-        disabled: isDisabled,
-        onClick: action.onClick,
-        type: "button",
-        children: [
-          content,
-          action?.disclosure && !isDisabled && /* @__PURE__ */ jsx("div", { className: styles$1.listItemDisclosure, "data-testid": "disclosure-indicator", children: /* @__PURE__ */ jsx(Icon, { name: "chevron-right" }) })
-        ]
-      }
-    );
-  } else {
-    return /* @__PURE__ */ jsx("div", { className: rootClassname, children: content });
-  }
-};
-const DecisionMakerDetails = ({
-  decisionMaker,
-  handleClose,
-  handleDelete,
-  handleEdit
-}) => {
-  const { t } = useTranslation("common");
-  const [confirmOpen, setConfirmOpen] = useState(false);
-  const { data: legalEntity, isLoading: isLegalEntityLoading } = useLegalEntity(
-    decisionMaker.reference
-  );
-  const actions = /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Button, { onClick: handleEdit, variant: "primary", fullWidth: true, children: t(($) => $["editDetails"]) }),
-    /* @__PURE__ */ jsx(Button, { onClick: () => setConfirmOpen(true), variant: "secondary", fullWidth: true, children: t(($) => $["delete"]) })
-  ] });
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Modal, { onClose: handleClose, ariaLabel: t(($) => $["individualDetails"]), inset: true, children: /* @__PURE__ */ jsx(DetailViewLayout, { title: t(($) => $["individualDetails"]), actions, children: isLegalEntityLoading || !legalEntity ? /* @__PURE__ */ jsx(Loader, {}) : /* @__PURE__ */ jsx(StackLayout, { gap: "medium", children: /* @__PURE__ */ jsx(
-      ListItem,
-      {
-        accessory: /* @__PURE__ */ jsx(TaskStatusIndicator, { taskStatus: decisionMaker.status }),
-        avatar: { iconName: "user", circle: true },
-        title: decisionMaker.name,
-        description: decisionMaker.types.map((type) => t(($) => $[getRoleName(type)])).filter(Boolean).join(",")
-      }
-    ) }) }) }),
-    confirmOpen && /* @__PURE__ */ jsx(
-      Confirm,
-      {
-        title: t(($) => $["deleteThisIndividual"]),
-        description: t(($) => $["thisActionIsPermanent"]),
-        onConfirm: handleDelete,
-        confirmText: t(($) => $["deleteIndividual"]),
-        onCancel: () => setConfirmOpen(false),
-        critical: true
-      }
-    )
-  ] });
-};
-const decisionMakersGettingStarted = "adyen-kyc-decision-makers-getting-started";
-const styles = {
-  decisionMakersGettingStarted
-};
-const DecisionMakersModalContent = () => {
-  const { i18n } = useI18nContext();
-  return /* @__PURE__ */ jsxs("div", { className: styles.decisionMakersGettingStartedModal, children: [
-    /* @__PURE__ */ jsx(Typography, { variant: "title-l", el: "h3", className: "adyen-kyc-u-margin-bottom-40", children: i18n.get("moreAboutOwnersAndDecisionMakers") }),
-    /* @__PURE__ */ jsx(Typography, { variant: "body-strongest", el: "h4", className: "adyen-kyc-u-margin-bottom-12", children: i18n.get("ownersAndDecisionMakersDescriptionQ1") }),
-    /* @__PURE__ */ jsx(Typography, { el: "p", className: "adyen-kyc-u-margin-bottom-32", children: i18n.get("ownersAndDecisionMakersDescriptionA1") }),
-    /* @__PURE__ */ jsx(
-      Alert,
-      {
-        title: i18n.get("ownersDescriptionAlertTitle"),
-        icon: false,
-        className: "adyen-kyc-u-margin-bottom-32",
-        children: i18n.get("ownersAndDecisionMakersDescriptionAlertContent")
-      }
-    ),
-    /* @__PURE__ */ jsx(Typography, { variant: "body-strongest", el: "h4", className: "adyen-kyc-u-margin-bottom-12", children: i18n.get("ownersAndDecisionMakersDescriptionQ2") }),
-    /* @__PURE__ */ jsx(Typography, { el: "p", children: i18n.get("ownersAndDecisionMakersDescriptionA2P1") }),
-    /* @__PURE__ */ jsx(Typography, { el: "p", className: "adyen-kyc-u-margin-bottom-32", children: i18n.get("ownersAndDecisionMakersDescriptionA2P2") }),
-    /* @__PURE__ */ jsx(
-      Alert,
-      {
-        title: i18n.get("ownersDescriptionAlertTitle"),
-        icon: false,
-        className: "adyen-kyc-u-margin-bottom-32",
-        children: i18n.get("ownersDescriptionAlertContent")
-      }
-    ),
-    /* @__PURE__ */ jsx(Typography, { variant: "body-strongest", el: "h4", className: "adyen-kyc-u-margin-bottom-12", children: i18n.get("ownersAndDecisionMakersDescriptionQ3") }),
-    /* @__PURE__ */ jsx(Typography, { el: "p", className: "adyen-kyc-u-margin-bottom-32", children: i18n.get("ownersAndDecisionMakersDescriptionA3") }),
-    /* @__PURE__ */ jsx(Typography, { variant: "body-strongest", el: "h4", className: "adyen-kyc-u-margin-bottom-12", children: i18n.get("ownersAndDecisionMakersDescriptionQ4") }),
-    /* @__PURE__ */ jsx(Typography, { el: "p", className: "adyen-kyc-u-margin-bottom-32", children: i18n.get("ownersAndDecisionMakersDescriptionA4") })
-  ] });
-};
-const decisionMakerGroup = lazy(() => import("./decision-makers-group-CgddXgrx.js"));
-const DecisionMakersGettingStarted = ({
-  addDecisionMakerOnClick,
-  handleCancelClick
-}) => {
-  const { i18n } = useI18nContext();
-  const userEvents = useAnalyticsContext();
-  const [isModalOpen, setIsModalOpen] = useState(false);
-  const openModal = () => {
-    userEvents.addPageEvent("Opened modal", {
-      actionType: "open",
-      label: "decisionMakersGettingStartedModal"
-    });
-    setIsModalOpen(true);
-  };
-  const closeModal = () => {
-    userEvents.addPageEvent("Closed modal", {
-      actionType: "close",
-      label: "decisionMakersGettingStartedModal"
-    });
-    setIsModalOpen(false);
-  };
-  return /* @__PURE__ */ jsxs("div", { className: styles.decisionMakersGettingStarted, children: [
-    /* @__PURE__ */ jsx(
-      LandingLayout,
-      {
-        media: /* @__PURE__ */ jsx(Image, { lazyLoadedImage: decisionMakerGroup }),
-        title: i18n.get("ownersAndDecisionMakers"),
-        description: i18n.get("ownersAndDecisionMakersDescription"),
-        helpAction: /* @__PURE__ */ jsx(Button, { variant: "link", onClick: openModal, fullWidth: true, children: i18n.get("learnMore") }),
-        actions: /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              fullWidth: true,
-              testId: "decision-makers-getting-started-primary-button",
-              onClick: addDecisionMakerOnClick,
-              children: i18n.get("gettingStarted")
-            }
-          ),
-          handleCancelClick && /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "tertiary",
-              fullWidth: true,
-              testId: "decision-makers-getting-started-cancel-button",
-              onClick: handleCancelClick,
-              children: i18n.get("finishLater")
-            }
-          )
-        ] })
-      }
-    ),
-    isModalOpen && /* @__PURE__ */ jsx(Modal, { onClose: closeModal, ariaLabel: i18n.get("moreAboutOwnersAndDecisionMakers"), inset: true, children: /* @__PURE__ */ jsx(DecisionMakersModalContent, {}) })
-  ] });
-};
-const DecisionMakers = (props) => {
-  const { data, isLoading } = useLegalEntity(ROOT_LE);
-  const { i18n } = useTranslation();
-  addResourceBundles(i18n, i18n.language, [
-    { ns: "individual", importFn: () => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../../language/da-DK.json": () => import("./da-DK-D0N1TVVU.js"), "../../language/de-DE.json": () => import("./de-DE-Dtuu-nE7.js"), "../../language/en-US.json": () => import("./en-US-546hB2Wn.js"), "../../language/es-ES.json": () => import("./es-ES-BsQpwaPN.js"), "../../language/fi-FI.json": () => import("./fi-FI-BJ9RzrL3.js"), "../../language/fr-FR.json": () => import("./fr-FR-CNR5-s9g.js"), "../../language/it-IT.json": () => import("./it-IT-BV9K87FK.js"), "../../language/nl-NL.json": () => import("./nl-NL-DywVQ9km.js"), "../../language/no-NO.json": () => import("./no-NO-B8oxqfNI.js"), "../../language/pt-PT.json": () => import("./pt-PT-BvK00TeI.js"), "../../language/sl-SI.json": () => import("./sl-SI-NI2OJAvm.js"), "../../language/sv-SE.json": () => import("./sv-SE-CAZpDX9G.js") }), `../../language/${i18n.language}.json`, 4) }
-  ]);
-  if (isLoading || !data) {
-    return /* @__PURE__ */ jsx(Loader, {});
-  }
-  return /* @__PURE__ */ jsx(DecisionMakersInner, { ...props, legalEntity: data });
-};
-const DecisionMakersInner = ({
-  legalEntity,
-  onNavigateToIndividual,
-  navigateBackToTaskList,
-  trustedEntityAssociations
-}) => {
-  const getTaskStatus = useGetTaskStatus();
-  const { i18n } = useI18nContext();
-  const { t } = useTranslation("common");
-  const userEvents = useAnalyticsContext();
-  const { isExperimentEnabled } = useExperimentsContext();
-  const { showToast } = useToastContext();
-  const isRevampedDecisionMakersTaskPageEnabled = isExperimentEnabled(
-    "EnableRevampedDecisionMakersTaskPage"
-  );
-  const [isRemoveDisabled, setIsRemoveDisabled] = useState(false);
-  const [showDecisionMakerModal, setShowDecisionMakerModal] = useState(false);
-  const [selectedDecisionMaker, setSelectedDecisionMaker] = useState();
-  const [isModalOpen, setIsModalOpen] = useState(false);
-  const openModal = () => {
-    userEvents.addPageEvent("Opened modal", {
-      actionType: "open",
-      label: "decisionMakersDescriptionModal"
-    });
-    setIsModalOpen(true);
-  };
-  const closeModal = () => {
-    userEvents.addPageEvent("Closed modal", {
-      actionType: "close",
-      label: "decisionMakersDescriptionModal"
-    });
-    setIsModalOpen(false);
-  };
-  const openDecisionMakerModal = (decisionMaker) => {
-    userEvents.addPageEvent("Opened modal", {
-      actionType: "open",
-      label: "viewDecisionMakerModal"
-    });
-    setShowDecisionMakerModal(true);
-    setSelectedDecisionMaker(decisionMaker);
-  };
-  const closeDecisionMakerModal = () => {
-    userEvents.addPageEvent("Closed modal", {
-      actionType: "close",
-      label: "viewDecisionMakerModal"
-    });
-    setShowDecisionMakerModal(false);
-    setSelectedDecisionMaker(null);
-  };
-  const capabilityProblems = useCapabilityProblems() ?? {};
-  const updateLegalEntity = useUpdateLegalEntity();
-  const decisionMakers = getOwnDecisionMakers(legalEntity);
-  const registeredCountry = legalEntity.organization.registeredAddress.country;
-  const { data: scenarios } = useScenarios(registeredCountry, LegalEntityTypes.INDIVIDUAL);
-  const availableDecisionMakers = getAvailableDecisionMakerRoleTypes(registeredCountry, scenarios);
-  const translationKeys = {
-    home: "saveAndGoToOverview"
-  };
-  const { remediationMessages } = useDataMissingRemediations({
-    legalEntityId: legalEntity.id,
-    problems: capabilityProblems
-  });
-  const mappedDecisionMakers = decisionMakers?.reduce(
-    (mappedDecisionMakers2, decisionMaker) => {
-      if (!decisionMaker.legalEntityId) return {};
-      const mappedDecisionMaker = mappedDecisionMakers2[decisionMaker.legalEntityId];
-      const decisionMakerType = decisionMaker.type;
-      mappedDecisionMakers2[decisionMaker.legalEntityId] = {
-        reference: decisionMaker.legalEntityId,
-        types: mappedDecisionMaker ? [...mappedDecisionMaker.types, decisionMakerType] : [decisionMakerType],
-        status: getTaskStatus(TaskTypes.DECISION_MAKER, decisionMaker.legalEntityId),
-        name: decisionMaker.name ?? "",
-        legalEntityType: decisionMaker.entityType,
-        problems: capabilityProblems?.LegalEntity?.[decisionMaker.legalEntityId]
-      };
-      return mappedDecisionMakers2;
-    },
-    {}
-  );
-  const uniqueDecisionMakers = mappedDecisionMakers ? Object.values(mappedDecisionMakers) : [];
-  const BENEFICIAL_OWNER_ROLES = [
-    DecisionMakerTypes.OWNER,
-    DecisionMakerTypes.CONTROLLING_PERSON,
-    DecisionMakerTypes.DIRECTOR
-  ];
-  const decisionMakersTaskStatusLabelMap = {
-    [TaskStatuses.ERROR]: i18n.get("incomplete"),
-    [TaskStatuses.PROCESSING]: i18n.get("inReview"),
-    [TaskStatuses.FINISHED]: i18n.get("complete")
-  };
-  const decisionMakerStatusLabelMap = {
-    [TaskStatuses.ERROR]: i18n.get("actionNeeded"),
-    [TaskStatuses.PROCESSING]: i18n.get("inReview"),
-    [TaskStatuses.FINISHED]: i18n.get("verified")
-  };
-  const { actionNeededDecisionMakers, completeDecisionMakers } = uniqueDecisionMakers.reduce(
-    (acc, dm) => {
-      if (dm.status === TaskStatuses.ERROR || dm.status === TaskStatuses.DETAILS_REQUIRED) {
-        acc.actionNeededDecisionMakers.push(dm);
-      } else if (dm.status === TaskStatuses.FINISHED || dm.status === TaskStatuses.PROCESSING) {
-        acc.completeDecisionMakers.push(dm);
-      }
-      return acc;
-    },
-    {
-      actionNeededDecisionMakers: [],
-      completeDecisionMakers: []
-    }
-  );
-  const getOverallStatus = () => {
-    if (!isEmpty(capabilityProblems) || actionNeededDecisionMakers.length > 0) {
-      return TaskStatuses.ERROR;
-    }
-    if (completeDecisionMakers.some((dm) => dm.status === TaskStatuses.PROCESSING)) {
-      return TaskStatuses.PROCESSING;
-    }
-    return TaskStatuses.FINISHED;
-  };
-  const decisionMakersTaskStatus = getOverallStatus();
-  const showWarning = Boolean(remediationMessages.DECISION_MAKER && uniqueDecisionMakers.length);
-  useEffect(() => {
-    userEvents.addTaskEvent("Landed on page", {
-      actionType: "start"
-    });
-  }, [userEvents]);
-  useEffect(() => {
-    if (showWarning) {
-      userEvents.addTaskEvent("Encountered error", {
-        task: TaskTypes.DECISION_MAKER_OVERVIEW,
-        actionType: "alert",
-        returnValue: "missingDecisionMaker"
-      });
-    }
-  }, [remediationMessages.DECISION_MAKER, showWarning, userEvents]);
-  const uniqueDecisionMakersPerType = (roleType) => uniqueDecisionMakers.filter(({ types }) => types.includes(roleType)).length;
-  const allowedDecisionMakerTypes = getAllowedDecisionMakerRoles(
-    legalEntity,
-    TaskTypes.DECISION_MAKER,
-    scenarios
-  );
-  const haveMaxDecisionMakers = allowedDecisionMakerTypes.length === 0;
-  const getDecisionMakerTrackingParams = (decisionMaker) => ({
-    task: TaskTypes.DECISION_MAKER_OVERVIEW,
-    associatedLegalEntityId: decisionMaker.reference,
-    associatedLegalEntityType: decisionMaker.legalEntityType,
-    roles: decisionMaker.types
-  });
-  const addDecisionMakerOnClick = () => {
-    onNavigateToIndividual();
-  };
-  const editDecisionMaker = (decisionMaker) => {
-    onNavigateToIndividual(decisionMaker.reference);
-    userEvents.addTaskEvent("Clicked button", {
-      ...getDecisionMakerTrackingParams(decisionMaker),
-      actionType: "edit"
-    });
-  };
-  const deleteDecisionMaker = async (decisionMaker) => {
-    try {
-      const updatedEntityAssociations = {
-        entityAssociations: (legalEntity.entityAssociations ?? []).filter(
-          (entityAssociation) => entityAssociation.legalEntityId !== decisionMaker.reference
-        )
-      };
-      await updateLegalEntity.mutateAsync({ ...updatedEntityAssociations, id: legalEntity.id });
-      const remainingDecisionMakers = decisionMakers.filter(
-        (curr) => curr.legalEntityId !== decisionMaker.reference
-      );
-      userEvents.addTaskEvent("Clicked button", {
-        ...getDecisionMakerTrackingParams(decisionMaker),
-        actionType: "remove",
-        remainingDecisionMakers
-      });
-      showToast({ variant: "success", label: i18n.get("successFullyRemovedDecisionMaker") });
-    } catch {
-      showToast({ variant: "error", label: i18n.get("failedToRemoveDecisionMaker") });
-    }
-  };
-  const renderDecisionMakerItem = (decisionMaker) => {
-    const isSignatory = decisionMaker.types.includes(DecisionMakerTypes.SIGNATORY);
-    const isBeneficialOwner = decisionMaker.types.some(
-      (type) => BENEFICIAL_OWNER_ROLES.includes(type)
-    );
-    const description = [
-      isSignatory && t(($) => $.signatory),
-      isBeneficialOwner && t(($) => $.beneficialOwner)
-    ].filter(Boolean).join(", ");
-    return /* @__PURE__ */ jsx(
-      ListItem,
-      {
-        bordered: true,
-        accessory: /* @__PURE__ */ jsx(
-          TaskItemStatus,
-          {
-            status: decisionMaker.status,
-            statusLabel: decisionMakerStatusLabelMap[decisionMaker.status]
-          }
-        ),
-        avatar: { iconName: "user", circle: true },
-        title: decisionMaker.name,
-        action: { onClick: () => openDecisionMakerModal(decisionMaker) },
-        description
-      },
-      decisionMaker.reference
-    );
-  };
-  if (isRevampedDecisionMakersTaskPageEnabled && uniqueDecisionMakers.length === 0) {
-    return /* @__PURE__ */ jsx(
-      DecisionMakersGettingStarted,
-      {
-        handleCancelClick: () => navigateBackToTaskList(),
-        addDecisionMakerOnClick
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    DropinLayout,
-    {
-      content: /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-decision-makers adyen-kyc-u-width-full", children: [
-        isRevampedDecisionMakersTaskPageEnabled ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsxs(StackLayout, { gap: "medium", centered: true, children: [
-            /* @__PURE__ */ jsx(
-              TaskItemStatus,
-              {
-                status: decisionMakersTaskStatus,
-                statusLabel: decisionMakersTaskStatusLabelMap[decisionMakersTaskStatus]
-              }
-            ),
-            /* @__PURE__ */ jsx(Typography, { el: "h2", variant: "title-l", children: i18n.get("ownersAndDecisionMakers") }),
-            /* @__PURE__ */ jsx(Typography, { el: "div", variant: "body", children: i18n.get("ownersAndDecisionMakersDescription") }),
-            /* @__PURE__ */ jsx(Button, { variant: "link", onClick: openModal, children: i18n.get("learnMore") }),
-            showWarning && /* @__PURE__ */ jsx(
-              Alert,
-              {
-                className: "adyen-kyc-decision-makers__warning",
-                title: remediationMessages.DECISION_MAKER,
-                variant: "warning"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs(StackLayout, { gap: "large", children: [
-            actionNeededDecisionMakers.length > 0 && /* @__PURE__ */ jsxs(StackLayout, { gap: "small", children: [
-              /* @__PURE__ */ jsx(Typography, { variant: "body-strongest", el: "h3", children: i18n.get("actionNeeded") }),
-              actionNeededDecisionMakers.map(renderDecisionMakerItem)
-            ] }),
-            completeDecisionMakers.length > 0 && /* @__PURE__ */ jsxs(StackLayout, { gap: "small", children: [
-              /* @__PURE__ */ jsx(Typography, { variant: "body-strongest", el: "h3", children: i18n.get("complete") }),
-              completeDecisionMakers.map(renderDecisionMakerItem)
-            ] })
-          ] })
-        ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(
-            FormHeader,
-            {
-              heading: i18n.get("decisionMaker"),
-              description: i18n.get("decisionMakerDescription")
-            }
-          ),
-          /* @__PURE__ */ jsx("div", { className: "adyen-kyc-decision-makers__container", children: availableDecisionMakers.map(({ roleType, min }) => /* @__PURE__ */ jsx(
-            EntityGuidanceStatus,
-            {
-              country: registeredCountry,
-              currentTask: TaskTypes.DECISION_MAKER_OVERVIEW,
-              entityLabel: roleType,
-              status: iconStatus(uniqueDecisionMakersPerType(roleType), min)
-            },
-            roleType
-          )) }),
-          /* @__PURE__ */ jsx(
-            ContextGuidance,
-            {
-              title: i18n.get("whatIsTheDifferenceBetweenTheseRoles"),
-              content: /* @__PURE__ */ jsx("ul", { className: "adyen-kyc-guidance-list", children: availableDecisionMakers.map(({ roleType }) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                Trans,
-                {
-                  t,
-                  i18nKey: ($) => $[`${roleType === DecisionMakerTypes.CONTROLLING_PERSON ? "controllingPerson" : roleType === DecisionMakerTypes.OWNER ? "owner" : roleType}GuideDescription`]
-                }
-              ) }, roleType)) }),
-              titleId: "whatIsTheDifferenceBetweenTheseRoles",
-              contentId: "differenceBetweenAnOwnerControllingPersonAndSignatory"
-            }
-          ),
-          /* @__PURE__ */ jsx(CardGroup, { children: uniqueDecisionMakers.map((decisionMaker) => /* @__PURE__ */ jsx(
-            EntityAssociation,
-            {
-              types: decisionMaker.types,
-              name: decisionMaker.name,
-              status: decisionMaker.status,
-              onNavigateToEntity: () => openDecisionMakerModal(decisionMaker),
-              problems: decisionMaker?.problems,
-              removeEntity: () => deleteDecisionMaker(decisionMaker),
-              isRemoveDisabled: isRemoveDisabled || (trustedEntityAssociations ?? []).some(
-                (ea) => ea.reference === decisionMaker.reference
-              ),
-              handleIsRemoveDisabled: setIsRemoveDisabled
-            },
-            decisionMaker.reference
-          )) })
-        ] }),
-        showDecisionMakerModal && selectedDecisionMaker && /* @__PURE__ */ jsx(
-          DecisionMakerDetails,
-          {
-            handleClose: closeDecisionMakerModal,
-            handleDelete: () => deleteDecisionMaker(selectedDecisionMaker),
-            handleEdit: () => editDecisionMaker(selectedDecisionMaker),
-            decisionMaker: selectedDecisionMaker
-          }
-        ),
-        /* @__PURE__ */ jsx("div", { className: "adyen-kyc-decision-makers__actions", children: isRevampedDecisionMakersTaskPageEnabled ? /* @__PURE__ */ jsx(
-          ListItem,
-          {
-            bordered: true,
-            avatar: { iconName: "plus", circle: true },
-            title: i18n.get("addNew"),
-            action: { onClick: addDecisionMakerOnClick }
-          }
-        ) : /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "secondary",
-            icon: "plus",
-            onClick: addDecisionMakerOnClick,
-            disabled: haveMaxDecisionMakers,
-            fullWidth: true,
-            children: i18n.get("addDecisionMaker")
-          }
-        ) }),
-        /* @__PURE__ */ jsx(
-          ActionBar,
-          {
-            onHome: () => {
-              userEvents.addTaskEvent("Clicked button", {
-                task: TaskTypes.DECISION_MAKER_OVERVIEW,
-                actionType: "back",
-                label: translationKeys.home,
-                noOfDecisionMakers: decisionMakers.length
-              });
-              navigateBackToTaskList();
-            },
-            homeButtonLabel: i18n.get(translationKeys.home)
-          }
-        ),
-        isModalOpen && /* @__PURE__ */ jsx(
-          Modal,
-          {
-            onClose: closeModal,
-            ariaLabel: i18n.get("moreAboutOwnersAndDecisionMakers"),
-            inset: true,
-            children: /* @__PURE__ */ jsx(DecisionMakersModalContent, {})
-          }
-        )
-      ] })
-    }
-  );
-};
-export {
-  DecisionMakers
-};