@adyen/kyc-components 4.5.1 → 4.6.0-beta.1

package/dist/DecisionMakerDetails-D0-COO1N.js

@@ -0,0 +1,275 @@
+;
+{
+  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] = "75087c3e-a443-4285-9335-a6ecb6331730", e._sentryDebugIdIdentifier = "sentry-dbid-75087c3e-a443-4285-9335-a6ecb6331730");
+  } catch (e) {
+  }
+}
+;
+import { jsxs, Fragment, jsx } from "preact/jsx-runtime";
+import { useState, useMemo } from "preact/hooks";
+import { y as TaskStatuses, as as DecisionMakerTypes, aX as drop, an as cloneObject, am as datasetUtilities, u as useTranslation, P as useLegalEntity, V as Button, U as Loader, O as StackLayout, G as TaskVerificationStatus, N as Typography } from "./StoreProvider-CGAl-5Sk.js";
+import { L as List } from "./List-BAzyC6sw.js";
+import { L as ListItem } from "./ListItem-BQLamvB-.js";
+import { M as Modal } from "./Modal-727fSuFr.js";
+import { S as StructuredList } from "./StructuredList-CNha20ka.js";
+import { D as DetailViewLayout } from "./DetailViewLayout-Z9cuUp4X.js";
+import { C as Confirm } from "./Confirm-roUo52pe.js";
+import { b as getTrustedEntityAssociations } from "./getTrustedFields-rU6j1TOQ.js";
+import { G as GuidanceQuestionValues, m as mapLegalEntityToIndividualSchema } from "./mapLegalEntityToIndividualSchema-BxOmNDle.js";
+import { m as mapAddressLabels } from "./utils-B0FPRdWI.js";
+import { l as localizeDateString } from "./localizeDateString-9ciBezNu.js";
+const BENEFICIAL_OWNER_ROLES = [
+  DecisionMakerTypes.OWNER,
+  DecisionMakerTypes.CONTROLLING_PERSON,
+  DecisionMakerTypes.DIRECTOR
+];
+const getDecisionMakerDescription = (types, t) => {
+  const isSignatory = types.includes(DecisionMakerTypes.SIGNATORY);
+  const isBeneficialOwner = types.some((type) => BENEFICIAL_OWNER_ROLES.includes(type));
+  return [isSignatory && t(($) => $.signatory), isBeneficialOwner && t(($) => $.beneficialOwner)].filter(Boolean).join(", ");
+};
+const getLandingLayoutProps = (submitStatus, isErrorOrDetailsRequired, t) => {
+  if (submitStatus === TaskStatuses.PROCESSING) {
+    return {
+      title: t(($) => $["thankYou"]),
+      description: t(($) => $["weWillReviewYourDetails"])
+    };
+  }
+  if (isErrorOrDetailsRequired) {
+    return {
+      title: t(($) => $["weNeedSomeAdditionalDetails"]),
+      description: t(($) => $["weHaveReviewedTheDetailsYouSubmitted"])
+    };
+  }
+  return {
+    title: t(($) => $["yourDetailsHaveBeenVerified"]),
+    description: t(($) => $["thankYouForYourAssistance"]),
+    content: t(($) => $["youCanSafelyCloseThisPage"])
+  };
+};
+const isManualVerificationOrExistingDoc = (idVerificationMethod) => idVerificationMethod === "manualVerification" || idVerificationMethod === "existingDocument";
+const formatFileSummaryData = (data, locale) => {
+  const { idVerificationMethod, proofOfNationalId, proofOfResidency, proofOfRelationship } = data;
+  const proofOfNationalIdFile = proofOfNationalId?.proofOfNationalId?.[0];
+  const proofOfResidencyFile = proofOfResidency?.proofOfResidency?.[0];
+  const proofOfRelationshipFile = proofOfRelationship?.proofOfRelationship?.[0];
+  const idDocument = {
+    idDocumentType: idVerificationMethod?.idDocument?.idDocumentType,
+    uploadedDate: idVerificationMethod?.idDocument?.modificationDate ? localizeDateString(idVerificationMethod?.idDocument?.modificationDate ?? "", locale) : void 0
+  };
+  return {
+    // Format the ID document if it exists.
+    ...idDocument?.idDocumentType && {
+      idDocument
+    },
+    // Include proof of national ID file name if it exists.
+    ...proofOfNationalIdFile && {
+      proofOfNationalId: {
+        fileName: proofOfNationalIdFile.name
+      }
+    },
+    // Include proof of residency file name if it exists.
+    ...proofOfResidencyFile && {
+      proofOfResidency: {
+        fileName: proofOfResidencyFile.name
+      }
+    },
+    // Include proof of relationship file name if it exists.
+    ...proofOfRelationshipFile && {
+      proofOfRelationship: {
+        fileName: proofOfRelationshipFile.name
+      }
+    }
+  };
+};
+const formatDataForSummary = (dataToFormat, locale, commonT) => {
+  if (!dataToFormat) return {};
+  const datasetUtils = datasetUtilities(locale);
+  let formattedSummaryData = cloneObject(dataToFormat);
+  if (formattedSummaryData?.basicDetails?.phoneNumber) {
+    formattedSummaryData.basicDetails.phoneNumber = formattedSummaryData.basicDetails.phoneNumber.number;
+  }
+  if (formattedSummaryData.additionalPersonalDetails?.country) {
+    formattedSummaryData.additionalPersonalDetails.country = datasetUtils.getCountryName(
+      formattedSummaryData.additionalPersonalDetails.country
+    );
+  }
+  if (formattedSummaryData.additionalPersonalDetails?.nationality) {
+    formattedSummaryData.additionalPersonalDetails.nationality = datasetUtils.getCountryName(
+      formattedSummaryData.additionalPersonalDetails.nationality
+    );
+  }
+  if (formattedSummaryData.additionalPersonalDetails) {
+    formattedSummaryData.address = mapAddressLabels(
+      formattedSummaryData.additionalPersonalDetails,
+      datasetUtils
+    );
+  }
+  if (formattedSummaryData.basicDetails?.accountHolder) {
+    formattedSummaryData.basicDetails.accountHolder = commonT(
+      ($) => $[formattedSummaryData.basicDetails.accountHolder]
+    );
+  }
+  if (formattedSummaryData.additionalPersonalDetails?.birthDate) {
+    formattedSummaryData.additionalPersonalDetails.birthDate = localizeDateString(
+      formattedSummaryData.additionalPersonalDetails.birthDate,
+      locale
+    );
+  }
+  if (isManualVerificationOrExistingDoc(
+    formattedSummaryData.idVerificationMethod?.idVerificationMethod
+  ) || formattedSummaryData.proofOfResidency) {
+    const fileSummaryData = formatFileSummaryData(dataToFormat, locale);
+    formattedSummaryData = { ...formattedSummaryData, ...fileSummaryData };
+    formattedSummaryData.manualIdUpload = { ...formattedSummaryData.idDocument };
+    formattedSummaryData.idVerificationMethod.idDocument = { ...formattedSummaryData.idDocument };
+  }
+  if (formattedSummaryData.additionalPersonalDetails?.taxInformation) {
+    const taxInformationByNationality = formattedSummaryData.additionalPersonalDetails.taxInformation.find(
+      (taxId) => taxId.country === dataToFormat.additionalPersonalDetails?.nationality
+    );
+    if (taxInformationByNationality) {
+      delete formattedSummaryData.additionalPersonalDetails.taxInformation;
+      formattedSummaryData.additionalPersonalDetails[taxInformationByNationality.type] = taxInformationByNationality.number;
+    }
+    if (!taxInformationByNationality) {
+      const taxInformationByCountry = formattedSummaryData.additionalPersonalDetails.taxInformation.find(
+        (taxId) => taxId.country === dataToFormat.additionalPersonalDetails?.country
+      );
+      if (taxInformationByCountry) {
+        delete formattedSummaryData.additionalPersonalDetails.taxInformation;
+        formattedSummaryData.additionalPersonalDetails[taxInformationByCountry.type] = taxInformationByCountry.number;
+      }
+    }
+  }
+  if (formattedSummaryData?.signatoryQuestionnaire) {
+    formattedSummaryData.signatoryQuestionnaire = dataToFormat?.signatoryQuestionnaire?.isSignatory === GuidanceQuestionValues.YES ? [commonT(($) => $["signatorySummaryLabel"])] : [];
+  }
+  if (formattedSummaryData?.uboQuestionnaire) {
+    const roleFieldToLabelMap = {
+      isOwner: "ownerSummaryLabel",
+      isControllingPerson: "controllingPersonSummaryLabel",
+      isDirector: "directorSummaryLabel"
+    };
+    formattedSummaryData.uboQuestionnaire = Object.keys(roleFieldToLabelMap).flatMap(
+      (field) => dataToFormat?.uboQuestionnaire?.[field] === GuidanceQuestionValues.YES ? [commonT(($) => $[roleFieldToLabelMap[field]])] : []
+    );
+  }
+  return formattedSummaryData;
+};
+const getOmittedKeysForSummary = (data, taskType) => [
+  // Omit 'role' if the task is for a decision maker.
+  ...["role"],
+  // Omit 'idNumber' if the user is exempt from providing it.
+  ...data?.additionalPersonalDetails?.idNumberExempt ? ["idNumber"] : [],
+  // Omit 'idVerificationMethod' if manual verification was used.
+  ...isManualVerificationOrExistingDoc(data?.idVerificationMethod?.idVerificationMethod) ? ["idVerificationMethod"] : [],
+  "address",
+  "manualIdUpload"
+];
+const getSummaryData = (data, locale, commonT, taskType) => {
+  const summaryData = formatDataForSummary(data, locale, commonT);
+  const omittedKeys = getOmittedKeysForSummary(data)?.filter(Boolean);
+  return {
+    ...drop(...omittedKeys).from(summaryData),
+    basicDetails: drop("firstName", "lastName", "role", "nomineeShareholder").from(
+      summaryData.basicDetails
+    ),
+    additionalPersonalDetails: drop("idNumberExempt").from(summaryData.additionalPersonalDetails),
+    idDocument: summaryData.idVerificationMethod?.idDocument
+  };
+};
+const getStructuredListItems = (data, commonT) => {
+  if (typeof data !== "object" || data === null || Array.isArray(data)) {
+    return [];
+  }
+  return Object.entries(data).filter(
+    ([itemKey, itemValue]) => itemValue != null && itemValue !== "" && !["nomineeDirector", "nomineeShareholder"].includes(itemKey) && (!Array.isArray(itemValue) || itemValue.length > 0)
+  ).map(([itemKey, itemValue]) => ({
+    term: commonT(($) => $[itemKey]),
+    details: Array.isArray(itemValue) ? itemValue.join(", ") : commonT(($) => $[itemValue]) || String(itemValue),
+    type: Array.isArray(itemValue) ? "list" : "text"
+  }));
+};
+const DecisionMakerDetails = ({
+  decisionMaker,
+  parentLegalEntity,
+  handleClose,
+  handleDelete,
+  handleEdit
+}) => {
+  const { t: commonT, i18n } = useTranslation("common");
+  const { t: individualT } = useTranslation("individual");
+  const [confirmOpen, setConfirmOpen] = useState(false);
+  const { data: legalEntity, isLoading: isLegalEntityLoading } = useLegalEntity(
+    decisionMaker.reference
+  );
+  const isTrusted = parentLegalEntity ? getTrustedEntityAssociations(parentLegalEntity).some(
+    (ea) => ea.reference === decisionMaker.reference
+  ) : false;
+  const formattedSummary = useMemo(() => {
+    if (legalEntity) {
+      const individualSchema = mapLegalEntityToIndividualSchema(
+        legalEntity,
+        false,
+        true,
+        parentLegalEntity
+      );
+      return getSummaryData(individualSchema, i18n.language, commonT);
+    }
+  }, [legalEntity, parentLegalEntity, i18n, commonT]);
+  const actions = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Button, { onClick: handleEdit, variant: "primary", fullWidth: true, children: commonT(($) => $["editDetails"]) }),
+    handleDelete && /* @__PURE__ */ jsx(
+      Button,
+      {
+        onClick: () => setConfirmOpen(true),
+        variant: "secondary",
+        fullWidth: true,
+        disabled: isTrusted,
+        children: commonT(($) => $["delete"])
+      }
+    )
+  ] });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Modal, { onClose: handleClose, ariaLabel: commonT(($) => $["individualDetails"]), inset: true, children: /* @__PURE__ */ jsx(DetailViewLayout, { title: commonT(($) => $["individualDetails"]), actions, children: isLegalEntityLoading || !legalEntity ? /* @__PURE__ */ jsx(Loader, {}) : /* @__PURE__ */ jsxs(StackLayout, { gap: "medium", children: [
+      /* @__PURE__ */ jsx(
+        ListItem,
+        {
+          accessory: /* @__PURE__ */ jsx(TaskVerificationStatus, { status: decisionMaker.status }),
+          avatar: { iconName: "user", circle: true },
+          title: decisionMaker.name,
+          description: getDecisionMakerDescription(decisionMaker.types, individualT)
+        }
+      ),
+      formattedSummary && Object.entries(formattedSummary).map(([key, value]) => {
+        const items = getStructuredListItems(value, commonT);
+        if (items.length === 0) {
+          return null;
+        }
+        return /* @__PURE__ */ jsxs(List, { variant: "grouped-secondary", children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "title", children: individualT(($) => $[key]) }),
+          /* @__PURE__ */ jsx(StructuredList, { items })
+        ] }, key);
+      }).filter(Boolean)
+    ] }) }) }),
+    confirmOpen && handleDelete && /* @__PURE__ */ jsx(
+      Confirm,
+      {
+        title: commonT(($) => $["deleteItem"], { item: decisionMaker.name }),
+        description: commonT(($) => $["thisActionIsPermanent"]),
+        onConfirm: handleDelete,
+        confirmText: commonT(($) => $["delete"]),
+        onCancel: () => setConfirmOpen(false),
+        critical: true
+      }
+    )
+  ] });
+};
+export {
+  DecisionMakerDetails as D,
+  getDecisionMakerDescription as a,
+  getLandingLayoutProps as g
+};

package/dist/{DecisionMakerDetailsPage-CORpG8qd.js → DecisionMakerDetailsPage-C-LGLbrJ.js}

@@ -2,20 +2,20 @@
 {
   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] = "9446537a-bbdf-44c1-ab27-36b53ab83c0e", e._sentryDebugIdIdentifier = "sentry-dbid-9446537a-bbdf-44c1-ab27-36b53ab83c0e");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "8b3bcaf7-0aaf-45c8-b080-53488c986678", e._sentryDebugIdIdentifier = "sentry-dbid-8b3bcaf7-0aaf-45c8-b080-53488c986678");
   } catch (e) {
   }
 }
 ;
-import { R as useLegalEntity, J as useExperimentsContext, a9 as getLegalEntityCountry, u as useTranslation, a as addResourceBundles, V as Loader, ai as noop, y as TaskTypes, w as EntityTypes, L as LegalEntityTypes, _ as __variableDynamicImportRuntimeHelper, bo as individualBaseMapping } from "./StoreProvider-DS3-j_yO.js";
+import { P as useLegalEntity, H as useToggleContext, a8 as getLegalEntityCountry, u as useTranslation, a as addResourceBundles, U as Loader, ai as noop, w as TaskTypes, E as EntityTypes, L as LegalEntityTypes, _ as __variableDynamicImportRuntimeHelper, bn as individualBaseMapping } from "./StoreProvider-CGAl-5Sk.js";
 import { jsx } from "preact/jsx-runtime";
 import { skipToken } from "@tanstack/preact-query";
 import { useParams } from "wouter-preact";
-import { u as useScenarios } from "./useScenarios-CUR2KnWg.js";
-import { u as useCapabilityProblems, g as getProblemsForEntity } from "./getProblemsForEntity-yYZx85SH.js";
-import { n as getTrustedFieldsProvider, o as getTrustedFields, g as getTrustedEntityAssociations } from "./OnboardingDropinComponent-D6UOdrFV.js";
-import { i as isBafinSignatoryFlow, r as removeIdVerificationProblemsForBafinSignatory } from "./bafinUtils-YlO-EQ-z.js";
-import { I as IndividualDropin } from "./IndividualDropin-DhipTriL.js";
+import { u as useScenarios } from "./useScenarios-DBv_dA-7.js";
+import { u as useCapabilityProblems, g as getProblemsForEntity } from "./getProblemsForEntity-CNltAsMa.js";
+import { a as getTrustedFieldsProvider, c as getTrustedFields, b as getTrustedEntityAssociations } from "./getTrustedFields-rU6j1TOQ.js";
+import { i as isBafinSignatoryFlow, r as removeIdVerificationProblemsForBafinSignatory } from "./bafinUtils-4YaweTCy.js";
+import { I as IndividualDropin } from "./IndividualDropin-D5FrKUb-.js";
 function DecisionMakerDetailsPage({
   decisionMakerId: decisionMakerIdProp,
   parentCompanyId: parentCompanyIdProp,
@@ -34,14 +34,14 @@ function DecisionMakerDetailsPage({
   const { data: decisionMakerLe } = useLegalEntity(decisionMakerId ?? skipToken);
   const { data: parentCompanyLe } = useLegalEntity(parentCompanyId ?? skipToken);
   const capabilityProblems = useCapabilityProblems();
-  const { isExperimentEnabled } = useExperimentsContext();
+  const { isFeatureEnabled } = useToggleContext();
   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-DKld3x63.js"), "../language/cs-CZ.json": () => import("./cs-CZ-BBLagJI6.js"), "../language/da-DK.json": () => import("./da-DK-D9FgPh5e.js"), "../language/de-DE.json": () => import("./de-DE-Cg_RNIr-.js"), "../language/el-GR.json": () => import("./el-GR-ZRGBgvMu.js"), "../language/en-US.json": () => import("./en-US-CKLQU2sJ.js"), "../language/es-ES.json": () => import("./es-ES-BZiC4JWr.js"), "../language/et-EE.json": () => import("./et-EE-D_NmrrzQ.js"), "../language/fi-FI.json": () => import("./fi-FI-CEH4BfU3.js"), "../language/fr-FR.json": () => import("./fr-FR-NxOktkWc.js"), "../language/hr-HR.json": () => import("./hr-HR-D_MUIhtx.js"), "../language/hu-HU.json": () => import("./hu-HU-LxStrFGU.js"), "../language/it-IT.json": () => import("./it-IT-OppZz3gW.js"), "../language/ja-JP.json": () => import("./ja-JP-CethQRoG.js"), "../language/lt-LT.json": () => import("./lt-LT-CBTFJxth.js"), "../language/lv-LV.json": () => import("./lv-LV-DTaBIHLh.js"), "../language/nl-NL.json": () => import("./nl-NL-CYFznuWn.js"), "../language/no-NO.json": () => import("./no-NO-BsEie1We.js"), "../language/pl-PL.json": () => import("./pl-PL-BH_LPZJa.js"), "../language/pt-BR.json": () => import("./pt-BR-C-YbDjn-.js"), "../language/pt-PT.json": () => import("./pt-PT-BTbVsews.js"), "../language/ro-RO.json": () => import("./ro-RO-C5PJhlmM.js"), "../language/sk-SK.json": () => import("./sk-SK-DO-AqRjE.js"), "../language/sl-SI.json": () => import("./sl-SI-CJH14wbj.js"), "../language/sv-SE.json": () => import("./sv-SE-ZsucW_Uj.js") }), `../language/${lang}.json`, 3) }
+    { ns: "individual", importFn: (lang) => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../language/bg-BG.json": () => import("./bg-BG-DKld3x63.js"), "../language/cs-CZ.json": () => import("./cs-CZ-BBLagJI6.js"), "../language/da-DK.json": () => import("./da-DK-D9FgPh5e.js"), "../language/de-DE.json": () => import("./de-DE-Cg_RNIr-.js"), "../language/el-GR.json": () => import("./el-GR-ZRGBgvMu.js"), "../language/en-US.json": () => import("./en-US-CJDkXFZ6.js"), "../language/es-ES.json": () => import("./es-ES-BZiC4JWr.js"), "../language/et-EE.json": () => import("./et-EE-D_NmrrzQ.js"), "../language/fi-FI.json": () => import("./fi-FI-CEH4BfU3.js"), "../language/fr-FR.json": () => import("./fr-FR-NxOktkWc.js"), "../language/hr-HR.json": () => import("./hr-HR-D_MUIhtx.js"), "../language/hu-HU.json": () => import("./hu-HU-LxStrFGU.js"), "../language/it-IT.json": () => import("./it-IT-OppZz3gW.js"), "../language/ja-JP.json": () => import("./ja-JP-CethQRoG.js"), "../language/lt-LT.json": () => import("./lt-LT-CBTFJxth.js"), "../language/lv-LV.json": () => import("./lv-LV-DTaBIHLh.js"), "../language/nl-NL.json": () => import("./nl-NL-CYFznuWn.js"), "../language/no-NO.json": () => import("./no-NO-BsEie1We.js"), "../language/pl-PL.json": () => import("./pl-PL-BH_LPZJa.js"), "../language/pt-BR.json": () => import("./pt-BR-C-YbDjn-.js"), "../language/pt-PT.json": () => import("./pt-PT-BTbVsews.js"), "../language/ro-RO.json": () => import("./ro-RO-C5PJhlmM.js"), "../language/sk-SK.json": () => import("./sk-SK-DO-AqRjE.js"), "../language/sl-SI.json": () => import("./sl-SI-CJH14wbj.js"), "../language/sv-SE.json": () => import("./sv-SE-ZsucW_Uj.js") }), `../language/${lang}.json`, 3) }
   ]);
   if (!parentCompanyLe || decisionMakerId && !decisionMakerLe) {
     return /* @__PURE__ */ jsx(Loader, {});
@@ -65,7 +65,7 @@ function DecisionMakerDetailsPage({
     (ea) => ea.reference === decisionMakerId
   );
   const trustedRoles = trustedEntityAssociation?.types ?? [];
-  const isRevampedDecisionMakersTaskPageEnabled = isExperimentEnabled(
+  const isRevampedDecisionMakersTaskPageEnabled = isFeatureEnabled(
     "EnableRevampedDecisionMakersTaskPage"
   );
   const props = {