@adyen/kyc-components 2.17.0 → 2.17.1

package/dist/es/adyen-kyc-components.es.js

@@ -22371,8 +22371,8 @@ function useDataMissingRemediations({
     i18n
   } = useI18nContext();
   const decisionMakersRemediationMessage = useMemo(() => {
-    var _a, _b;
-    const remediationCodes = (_b = (_a = problems[EntityType.LEGAL_ENTITY]) == null ? void 0 : _a[legalEntityId]) == null ? void 0 : _b.missingData.reduce((remediations, error) => {
+    var _a, _b, _c;
+    const remediationCodes = (_c = (_b = (_a = problems[EntityType.LEGAL_ENTITY]) == null ? void 0 : _a[legalEntityId]) == null ? void 0 : _b.missingData) == null ? void 0 : _c.reduce((remediations, error) => {
       const remediation = DATA_MISSING_DECISION_MAKER_ERROR_CODE_MAPPING[error.code];
       return remediation ? [...remediations, remediation] : remediations;
     }, []);
@@ -22577,6 +22577,8 @@ function Card({
   stateful,
   active,
   disabled,
+  warning,
+  warningMessage,
   title,
   subTitle,
   onClick,
@@ -22613,6 +22615,11 @@ function Card({
     }), jsx("main", {
       className: "adl-card__body",
       children
+    }), warning && jsx(Alert, {
+      className: "adl-card__warning",
+      title: warningMessage,
+      hasCloseButton: false,
+      type: AlertTypes.WARNING
     })]
   });
 }
@@ -22960,6 +22967,7 @@ const DecisionMakersComponent = ({
     return mappedDecisionMakers2;
   }, {});
   const uniqueDecisionMakers = mappedDecisionMakers ? Object.values(mappedDecisionMakers) : [];
+  const showWarning = Boolean(remediationMessages.DECISION_MAKER && uniqueDecisionMakers.length);
   const uniqueDecisionMakersPerType = (roleType) => uniqueDecisionMakers.filter(({
     types
   }) => types.includes(roleType)).length;
@@ -23050,6 +23058,11 @@ const DecisionMakersComponent = ({
         }),
         titleId: "whatIsTheDifferenceBetweenTheseRoles",
         contentId: "differenceBetweenAnOwnerControllingPersonAndSignatory"
+      }), showWarning && jsx(Alert, {
+        className: "adl-decision-makers__warning",
+        title: remediationMessages.DECISION_MAKER,
+        hasCloseButton: false,
+        type: AlertTypes.WARNING
       }), (uniqueDecisionMakers == null ? void 0 : uniqueDecisionMakers.length) > 0 ? jsx(CardGroup, {
         children: uniqueDecisionMakers.map((decisionMaker2) => jsx(EntityAssociation, {
           types: decisionMaker2.types,
@@ -23063,12 +23076,7 @@ const DecisionMakersComponent = ({
           isRemoveDisabled,
           handleIsRemoveDisabled: setIsRemoveDisabled
         }, decisionMaker2.reference))
-      }) : null, remediationMessages.DECISION_MAKER && jsx(Alert, {
-        className: "adl-decision-makers__warning",
-        title: remediationMessages.DECISION_MAKER,
-        hasCloseButton: false,
-        type: AlertTypes.WARNING
-      }), jsx(Button, {
+      }) : null, jsx(Button, {
         secondary: true,
         className: cx("adl-decision-makers__add", {
           "adl-decision-makers__add--more": (uniqueDecisionMakers == null ? void 0 : uniqueDecisionMakers.length) > 0
@@ -23451,6 +23459,7 @@ const TaskListItem = ({
   loading: loading2 = false,
   showErrorAlerts = "onErrorStatus",
   showWarningAlert = false,
+  warningMessage,
   removeEntity,
   isRemoveDisabled = false,
   handleIsRemoveDisabled
@@ -23459,11 +23468,11 @@ const TaskListItem = ({
   const [isStatusRemoving, setIsStatusRemoving] = useState(false);
   return jsx(Card, {
     stateful: onNavigateToTask && !loading2 && !disabled,
+    warning: showWarningAlert,
+    warningMessage,
     onClick: loading2 ? void 0 : onNavigateToTask,
     onKeyDown: handleKeys(["Enter"], onNavigateToTask ?? noop),
-    className: cx("adyen-task", {
-      "adyen-task--warning": showWarningAlert
-    }),
+    className: "adyen-task",
     disabled,
     children: jsxs(LoaderWrapper, {
       status: loading2 ? "loading" : "success",
@@ -23634,6 +23643,7 @@ function TaskListComponent({
   const hasServiceAgreementSigners = legalEntityResponse.type === LegalEntityType.ORGANIZATION && getOwnSignatories(legalEntityResponse).length || legalEntityResponse.type === LegalEntityType.INDIVIDUAL && !!(legalEntityResponse == null ? void 0 : legalEntityResponse.individual);
   const areServiceAgreementTasksDisabled = !hasServiceAgreementSigners;
   const showContractTasks = hasContractTasks && (showPciTask || showServiceAgreementTask);
+  const showDecisionMakersWarning = Boolean(getOwnDecisionMakersLegalEntityIds(legalEntityResponse).length && remediationMessages.DECISION_MAKER);
   const handleOnNavigateToTaskReview = () => onNavigateToTask(TaskTypes.REVIEW);
   const handleOnNavigateToTaskIndividual = () => onNavigateToTask(TaskTypes.INDIVIDUAL);
   const handleOnNavigateToTaskCompany = () => onNavigateToTask(TaskTypes.COMPANY);
@@ -23700,19 +23710,13 @@ function TaskListComponent({
           title: hasTrust ? i18n.get("companyTrusteeDetails") : i18n.get("companyDetails"),
           status: getTaskStatus(EntityType.LEGAL_ENTITY, capabilityProblems, legalEntityResponse, [legalEntityResponse.id]),
           problems: (_f = capabilityProblems == null ? void 0 : capabilityProblems.LegalEntity) == null ? void 0 : _f[legalEntityResponse.id]
-        }), tasks.includes(TaskTypes.DECISION_MAKER) && jsxs(Fragment, {
-          children: [jsx(TaskListItem, {
-            onNavigateToTask: handleOnNavigateToTaskDecisionMaker,
-            icon: "decision-maker",
-            title: i18n.get("decisionMakers"),
-            status: hasMinRequiredDecisionMakerCount(legalEntityResponse) ? getTaskStatus(EntityType.LEGAL_ENTITY, capabilityProblems, legalEntityResponse, getOwnDecisionMakersLegalEntityIds(legalEntityResponse)) : TaskStatus.DETAILS_REQUIRED,
-            showWarningAlert: Boolean(remediationMessages.DECISION_MAKER)
-          }), remediationMessages.DECISION_MAKER && jsx(Alert, {
-            className: "adyen-task-list__warning",
-            title: remediationMessages.DECISION_MAKER,
-            hasCloseButton: false,
-            type: AlertTypes.WARNING
-          })]
+        }), tasks.includes(TaskTypes.DECISION_MAKER) && jsx(TaskListItem, {
+          onNavigateToTask: handleOnNavigateToTaskDecisionMaker,
+          icon: "decision-maker",
+          title: i18n.get("decisionMakers"),
+          status: hasMinRequiredDecisionMakerCount(legalEntityResponse) ? getTaskStatus(EntityType.LEGAL_ENTITY, capabilityProblems, legalEntityResponse, getOwnDecisionMakersLegalEntityIds(legalEntityResponse)) : TaskStatus.DETAILS_REQUIRED,
+          showWarningAlert: showDecisionMakersWarning,
+          warningMessage: remediationMessages[TaskTypes.DECISION_MAKER]
         })]
       }), hasTrust && jsxs(TaskListGroup, {
         title: i18n.get("trustDetailsDescription"),

package/dist/style.css

@@ -76621,6 +76621,7 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
 }
 .adl-decision-makers__warning {
   margin-bottom: 24px;
+  border-radius: 4px;
 }
 .adl-decision-makers__add--more.adl-button.adl-button--secondary {
   background-color: transparent;
@@ -84437,6 +84438,9 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
 }
 .adl-card__body + .adl-card__footer {
   margin-top: -16px;
+}
+.adl-card__warning {
+  border-radius: 0 0 4px 4px;
 }/* #region Spacing */
 /* #endregion */
 /* #region Colors */
@@ -90297,17 +90301,11 @@ a.adl-button:disabled, a.adl-button.adl-button--disabled {
 .adl-card.adl-add-payout .adl-card__body {
   display: inline-flex;
 }
-.adyen-task--warning {
-  border-radius: 0;
-}
 .adyen-task-list__nav {
   text-align: right;
   padding: 16px;
   padding-top: 0;
 }
-.adyen-task-list__warning {
-  border-radius: 0 0 8px 8px;
-}
 .adyen-task-list__heading {
   padding: 16px;
 }/* #region Spacing */

package/dist/types/components/TaskList/component/TaskListItem.d.ts

@@ -1,4 +1,4 @@
 import '../TaskListItem.scss';
 import { TaskListItemProps } from '../types';
-declare const TaskListItem: ({ title, tagline, icon, status, onNavigateToTask, disabled, problems, downloadHandler, info, loading, showErrorAlerts, showWarningAlert, removeEntity, isRemoveDisabled, handleIsRemoveDisabled, }: TaskListItemProps) => import("preact").JSX.Element;
+declare const TaskListItem: ({ title, tagline, icon, status, onNavigateToTask, disabled, problems, downloadHandler, info, loading, showErrorAlerts, showWarningAlert, warningMessage, removeEntity, isRemoveDisabled, handleIsRemoveDisabled, }: TaskListItemProps) => import("preact").JSX.Element;
 export default TaskListItem;

package/dist/types/components/TaskList/types.d.ts

@@ -76,6 +76,7 @@ export interface TaskListItemProps extends TaskStatusProps {
     loading?: boolean;
     showErrorAlerts?: 'onErrorStatus' | 'always';
     showWarningAlert?: boolean;
+    warningMessage?: string;
     removeEntity?: () => void;
     isRemoveDisabled?: boolean;
     handleIsRemoveDisabled?: StateUpdater<boolean>;

package/dist/types/components/internal/Card/Card.d.ts

@@ -1,4 +1,4 @@
 import './_card.component.scss';
 import { JSX } from 'preact';
 import { CardProps } from './types';
-export default function Card({ className, children, stateful, active, disabled, title, subTitle, onClick, onKeyDown, }: CardProps): JSX.Element;
+export default function Card({ className, children, stateful, active, disabled, warning, warningMessage, title, subTitle, onClick, onKeyDown, }: CardProps): JSX.Element;

package/dist/types/components/internal/Card/types.d.ts

@@ -5,6 +5,8 @@ export interface CardProps {
     stateful?: boolean;
     active?: boolean;
     disabled?: boolean;
+    warning?: boolean;
+    warningMessage?: string;
     title?: string;
     subTitle?: string;
     onClick?: (e: JSX.TargetedMouseEvent<HTMLElement>) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adyen/kyc-components",
-  "version": "2.17.0",
+  "version": "2.17.1",
   "description": "",
   "license": "MIT",
   "files": [