@adyen/kyc-components 3.63.2 → 3.64.0

package/dist/AccountSetupRejected-Dy_VeWhw.js

@@ -0,0 +1,14 @@
+import { jsxs, jsx } from "preact/jsx-runtime";
+import { b as useI18nContext, A as AlertIcon, h as FormHeader, D as DropinLayout } from "./core-Coy1ocfj.js";
+function AccountSetupRejected() {
+  const { i18n } = useI18nContext();
+  const content = /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(AlertIcon, { variant: "error" }),
+    /* @__PURE__ */ jsx(FormHeader, { heading: i18n.get("cantSetUpAcccount") }),
+    /* @__PURE__ */ jsx("span", { children: i18n.get("accountCantBeSetUp") })
+  ] });
+  return /* @__PURE__ */ jsx(DropinLayout, { content });
+}
+export {
+  AccountSetupRejected
+};

package/dist/{OKF6E45R-DJQ6WuJ0.js → CXEL7IU7-DXEnuiiT.js}

@@ -1,5 +1,5 @@
-import { c as createLocalStorage, T as THEME_PREFERENCE, P as PiPProvider, a as ThemeContext, b as ParentPanel, C as ContentView, Q as QueryDevtoolsContext } from "./WXAWMS3D-C0qahN6N.js";
-import { p as getPreferredColorScheme, q as createMemo, r as createComponent } from "./core-CtLEZ35m.js";
+import { c as createLocalStorage, T as THEME_PREFERENCE, P as PiPProvider, a as ThemeContext, b as ParentPanel, C as ContentView, Q as QueryDevtoolsContext } from "./HASRA6WW-DysnKis4.js";
+import { ac as getPreferredColorScheme, ad as createMemo, ae as createComponent } from "./core-Coy1ocfj.js";
 var DevtoolsPanelComponent = (props) => {
   const [localStore, setLocalStore] = createLocalStorage({
     prefix: "TanstackQueryDevtools"

package/dist/CustomerSupport-CasBYndK.js

@@ -0,0 +1,120 @@
+import { jsxs, jsx } from "preact/jsx-runtime";
+import { b as useI18nContext, c as useAnalyticsContext, l as useToastContext, H as useConfigurationApi, i as useLegalEntity, n as useUpdateLegalEntity, m as useQueryClient, I as resolveFieldMetadata, J as contactDetailsValidationRules, K as defaultFieldMetadata, M as fieldConfig, N as getAsyncPhoneValidationRules, O as useMultiForm, h as FormHeader, P as ContactDetails, G as ActionBar, Q as createLogger } from "./core-Coy1ocfj.js";
+import { useCallback, useMemo, useEffect } from "preact/hooks";
+const mapCustomerSupportSchemaToCustomerSupportType = (customerSupport) => {
+  var _a, _b, _c;
+  return {
+    email: ((_a = customerSupport == null ? void 0 : customerSupport.customerSupport) == null ? void 0 : _a.email) || "",
+    phone: {
+      number: ((_c = (_b = customerSupport == null ? void 0 : customerSupport.customerSupport) == null ? void 0 : _b.phoneNumber) == null ? void 0 : _c.number) || "",
+      type: "mobile"
+    }
+  };
+};
+const logger = createLogger();
+function CustomerSupport({ country, onSubmit }) {
+  var _a, _b, _c, _d;
+  const { i18n } = useI18nContext();
+  const userEvents = useAnalyticsContext();
+  const { showToast } = useToastContext();
+  const { validatePhoneNumber } = useConfigurationApi();
+  const { data: legalEntity } = useLegalEntity();
+  const { mutateAsync: updateLegalEntity } = useUpdateLegalEntity();
+  const queryClient = useQueryClient();
+  const requiredFields = {
+    customerSupport: ["email", "phoneNumber"]
+  };
+  const validators = useCallback(
+    (data2) => {
+      var _a2, _b2, _c2;
+      return {
+        customerSupport: {
+          ...contactDetailsValidationRules,
+          phoneNumber: (_c2 = resolveFieldMetadata(
+            fieldConfig[((_b2 = (_a2 = data2 == null ? void 0 : data2.customerSupport) == null ? void 0 : _a2.phoneNumber) == null ? void 0 : _b2.phoneCountryCode) ?? country],
+            {},
+            defaultFieldMetadata
+          )) == null ? void 0 : _c2.validators
+        }
+      };
+    },
+    [country]
+  );
+  const asyncValidators = useMemo(
+    () => ({
+      customerSupport: {
+        phoneNumber: getAsyncPhoneValidationRules(validatePhoneNumber).phoneNumber
+      }
+    }),
+    [validatePhoneNumber]
+  );
+  const legalEntityType = legalEntity == null ? void 0 : legalEntity.type;
+  const defaultCustomerSupportData = {
+    customerSupport: {
+      phoneNumber: (_b = (_a = legalEntity == null ? void 0 : legalEntity[legalEntityType]) == null ? void 0 : _a.support) == null ? void 0 : _b.phone,
+      email: (_d = (_c = legalEntity == null ? void 0 : legalEntity[legalEntityType]) == null ? void 0 : _c.support) == null ? void 0 : _d.email
+    }
+  };
+  const { data, handleChangeFor, valid, errors, isValid, triggerValidation } = useMultiForm({
+    requiredFields,
+    defaultData: defaultCustomerSupportData,
+    rules: validators,
+    asyncRules: asyncValidators
+  });
+  useEffect(() => {
+    userEvents.addTaskEvent("Landed on page", {
+      actionType: "start"
+    });
+  }, [userEvents]);
+  const submitForm = async () => {
+    const isAsyncValidationValid = await triggerValidation("customerSupport");
+    if (!(isValid == null ? void 0 : isValid.customerSupport) || !isAsyncValidationValid) {
+      return;
+    }
+    const support = mapCustomerSupportSchemaToCustomerSupportType(data);
+    const payload = {
+      [legalEntityType]: { support }
+    };
+    try {
+      const patchLegalEntity = {
+        ...payload,
+        id: legalEntity == null ? void 0 : legalEntity.id
+      };
+      await updateLegalEntity(patchLegalEntity);
+      queryClient.invalidateQueries({ queryKey: ["legalEntity", legalEntity == null ? void 0 : legalEntity.id] });
+      onSubmit();
+      userEvents.addTaskEvent("Success", {
+        actionType: "submit"
+      });
+    } catch {
+      const label = i18n.get("failedToUpdateDetails");
+      logger.error(label, payload);
+      showToast({ label, type: "error" });
+    }
+  };
+  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,
+      {
+        heading: i18n.get("customerSupport"),
+        description: i18n.get("howYourCustomersCanReachYou")
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ContactDetails,
+      {
+        data: data.customerSupport,
+        errors: errors.customerSupport,
+        valid: valid.customerSupport,
+        country,
+        requiredFields: requiredFields == null ? void 0 : requiredFields.customerSupport,
+        handleFieldChange
+      }
+    ),
+    /* @__PURE__ */ jsx(ActionBar, { onNext: submitForm, nextButtonLabel: i18n.get("submit") })
+  ] });
+}
+export {
+  CustomerSupport
+};

package/dist/{DebugModal-fAWDVtvl.js → DebugModal-IlmV_vyp.js}

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from "preact/jsx-runtime";
 import { useMemo, useState } from "preact/hooks";
-import { B as Button, d as Tag, e as entriesOf, I as InputText, b as useI18nContext, s as splitTaskIdentifier, f as TaskItemStatus, h as useExperimentsContext, i as useSettingsContext, j as useGlobalStore, l as listToRecord, v as valuesOf, k as useTaskStatuses, M as Modal, m as createLogger, n as Icon, o as SettingNames, E as ExperimentNames } from "./core-CtLEZ35m.js";
+import { B as Button, Z as Tag, _ as entriesOf, $ as InputText, b as useI18nContext, a0 as splitTaskIdentifier, a1 as TaskItemStatus, a2 as useExperimentsContext, a3 as useSettingsContext, a4 as useGlobalStore, a5 as listToRecord, a6 as valuesOf, a7 as useTaskStatuses, a8 as Modal, Q as createLogger, a9 as Icon, aa as SettingNames, ab as ExperimentNames } from "./core-Coy1ocfj.js";
 const tabs = "adyen-kyc-tabs";
 const styles$1 = {
   tabs
@@ -135,10 +135,10 @@ const transformModule = (highlights, codeNode, scope) => {
 };
 const supportedModules = ["plaintext", "json", "yaml", "css"];
 const moduleMap = {
-  plaintext: () => import("./plaintext-jm6guQOB.js"),
-  json: () => import("./json-BOZMhevD.js"),
-  yaml: () => import("./yaml-BZYqXoHq.js"),
-  css: () => import("./css-Byr67uS8.js")
+  plaintext: () => import("./plaintext-ClS07N_Y.js"),
+  json: () => import("./json-66NbIsmg.js"),
+  yaml: () => import("./yaml-B7DXCyLe.js"),
+  css: () => import("./css-Dt3Xtm1p.js")
 };
 const getModule = async (name) => {
   if (!supportedModules.includes(name)) {
@@ -429,7 +429,7 @@ const DebugModal = ({ onExit }) => {
   const [tab, setTab] = useState("metadata");
   const rootLegalEntity = useGlobalStore((store) => store.rootLegalEntity);
   const metadata = {
-    sdkVersion: "3.63.2",
+    sdkVersion: "3.64.0",
     locale: i18n.locale,
     rootLegalEntityId: rootLegalEntity.id
   };

package/dist/DecisionMakers-DXIKUq2C.js

@@ -0,0 +1,220 @@
+import { jsx, jsxs } from "preact/jsx-runtime";
+import { i as useLegalEntity, j as Loader, k as useGetTaskStatus, b as useI18nContext, c as useAnalyticsContext, l as useToastContext, m as useQueryClient, n as useUpdateLegalEntity, o as getOwnDecisionMakers, p as getAvailableDecisionMakerRoleTypes, q as useDataMissingRemediations, T as TaskTypes, r as getAllowedDecisionMakerRoles, D as DropinLayout, h as FormHeader, E as EntityGuidanceStatus, s as iconStatus, v as ContextGuidance, w as DecisionMakerType, x as Alert, y as CardGroup, z as EntityAssociation, B as Button, G as ActionBar } from "./core-Coy1ocfj.js";
+import { useState, useEffect } from "preact/hooks";
+const DecisionMakers = (props) => {
+  const { data, isLoading } = useLegalEntity();
+  if (isLoading || !data) {
+    return /* @__PURE__ */ jsx(Loader, {});
+  }
+  return /* @__PURE__ */ jsx(DecisionMakersInner, { ...props, legalEntity: data });
+};
+const DecisionMakersInner = ({
+  legalEntity,
+  capabilityProblems,
+  onNavigateToIndividual,
+  navigateBackToTaskList,
+  trustedEntityAssociations
+}) => {
+  const getTaskStatus = useGetTaskStatus();
+  const { i18n } = useI18nContext();
+  const userEvents = useAnalyticsContext();
+  const { showToast } = useToastContext();
+  const [isRemoveDisabled, setIsRemoveDisabled] = useState(false);
+  const queryClient = useQueryClient();
+  const updateLegalEntity = useUpdateLegalEntity({
+    onSuccess: () => {
+      queryClient.invalidateQueries({
+        queryKey: ["legalEntity", legalEntity.id],
+        exact: true,
+        refetchType: "active"
+      });
+    }
+  });
+  const decisionMakers = getOwnDecisionMakers(legalEntity);
+  const registeredCountry = legalEntity.organization.registeredAddress.country;
+  const availableDecisionMakers = getAvailableDecisionMakerRoleTypes(registeredCountry);
+  const translationKeys = {
+    home: "saveAndGoToOverview"
+  };
+  const { remediationMessages } = useDataMissingRemediations({
+    legalEntityId: legalEntity.id,
+    problems: capabilityProblems
+  });
+  const mappedDecisionMakers = decisionMakers == null ? void 0 : decisionMakers.reduce(
+    (mappedDecisionMakers2, decisionMaker) => {
+      var _a;
+      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: (_a = capabilityProblems == null ? void 0 : capabilityProblems.LegalEntity) == null ? void 0 : _a[decisionMaker.legalEntityId]
+      };
+      return mappedDecisionMakers2;
+    },
+    {}
+  );
+  const uniqueDecisionMakers = mappedDecisionMakers ? Object.values(mappedDecisionMakers) : [];
+  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",
+        label: "missingDecisionMaker"
+      });
+    }
+  }, [remediationMessages.DECISION_MAKER, showWarning, userEvents]);
+  const uniqueDecisionMakersPerType = (roleType) => uniqueDecisionMakers.filter(({ types }) => types.includes(roleType)).length;
+  const allowedDecisionMakerTypes = getAllowedDecisionMakerRoles(
+    legalEntity,
+    TaskTypes.DECISION_MAKER
+  );
+  const haveMaxDecisionMakers = allowedDecisionMakerTypes.length === 0;
+  const getDecisionMakerTrackingParams = (decisionMaker) => ({
+    task: TaskTypes.DECISION_MAKER_OVERVIEW,
+    associatedLegalEntityId: decisionMaker.reference,
+    associatedLegalEntityType: decisionMaker.legalEntityType,
+    roles: decisionMaker.types
+  });
+  const addDecisionMakerOnClick = (e) => {
+    e.stopPropagation();
+    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
+        )
+      };
+      updateLegalEntity.mutate(updatedEntityAssociations);
+      const remainingDecisionMakers = decisionMakers.filter(
+        (curr) => curr.legalEntityId !== decisionMaker.reference
+      );
+      userEvents.addTaskEvent("Clicked button", {
+        ...getDecisionMakerTrackingParams(decisionMaker),
+        actionType: "remove",
+        remainingDecisionMakers
+      });
+      showToast({ type: "success", label: i18n.get("successFullyRemovedDecisionMaker") });
+    } catch {
+      showToast({ type: "error", label: i18n.get("failedToRemoveDecisionMaker") });
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    DropinLayout,
+    {
+      content: /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-decision-makers adyen-kyc-u-width-full", 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",
+              {
+                dangerouslySetInnerHTML: {
+                  __html: i18n.get(
+                    // Map from API names to internal names
+                    `${roleType === DecisionMakerType.CONTROLLING_PERSON ? "controllingPerson" : roleType === DecisionMakerType.OWNER ? "owner" : roleType}GuideDescription`
+                  )
+                }
+              },
+              roleType
+            )) }),
+            titleId: "whatIsTheDifferenceBetweenTheseRoles",
+            contentId: "differenceBetweenAnOwnerControllingPersonAndSignatory"
+          }
+        ),
+        showWarning && /* @__PURE__ */ jsx(
+          Alert,
+          {
+            className: "adyen-kyc-decision-makers__warning",
+            title: remediationMessages.DECISION_MAKER,
+            variant: "warning"
+          }
+        ),
+        (uniqueDecisionMakers == null ? void 0 : uniqueDecisionMakers.length) > 0 ? /* @__PURE__ */ jsx(CardGroup, { children: uniqueDecisionMakers.map((decisionMaker) => /* @__PURE__ */ jsx(
+          EntityAssociation,
+          {
+            types: decisionMaker.types,
+            name: decisionMaker.name,
+            status: decisionMaker.status,
+            onNavigateToEntity: () => editDecisionMaker(decisionMaker),
+            problems: decisionMaker == null ? void 0 : decisionMaker.problems,
+            removeEntity: () => {
+              deleteDecisionMaker(decisionMaker);
+            },
+            isRemoveDisabled: isRemoveDisabled || (trustedEntityAssociations ?? []).some(
+              (ea) => ea.reference === decisionMaker.reference
+            ),
+            handleIsRemoveDisabled: setIsRemoveDisabled
+          },
+          decisionMaker.reference
+        )) }) : null,
+        /* @__PURE__ */ jsx("div", { className: "adyen-kyc-decision-makers__actions", children: /* @__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)
+          }
+        )
+      ] })
+    }
+  );
+};
+export {
+  DecisionMakers
+};