@adyen/kyc-components 4.0.0-beta.0 → 4.0.0-beta.3

package/dist/{AcceptTermsOfServiceComponent-Dh7RSJoE.js → AcceptTermsOfServiceComponent-i222mdxX.js}

@@ -2,25 +2,19 @@
 {
   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] = "e062d02e-c9d1-40dd-88b7-c95f530611c8", e._sentryDebugIdIdentifier = "sentry-dbid-e062d02e-c9d1-40dd-88b7-c95f530611c8");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "3ad87398-b9a3-42e1-9b9b-b1934ff1e9c4", e._sentryDebugIdIdentifier = "sentry-dbid-3ad87398-b9a3-42e1-9b9b-b1934ff1e9c4");
   } catch (e) {
   }
 }
 ;
 import { jsx, jsxs, Fragment } from "preact/jsx-runtime";
 import { useState, useEffect, useCallback } from "preact/hooks";
-import { q as useApiContext, b4 as useInvalidateRootLegalEntity, b5 as useMutation, b7 as httpPost, r as useQuery, x as skipToken, t as httpGet, aJ as createLogger, b as useI18nContext, $ as useAnalyticsContext, a5 as useExperimentsContext, as as useForm, C as Alert, Z as Button, a2 as LoaderWrapper, ax as Field, bw as Select, bv as Checkbox, aM as ActionBar, z as LegalEntityType, ad as getOwnSignatories, y as doesLegalEntityRequiresLegalRepresentative, w as getLegalRepresentative, a as useLegalEntity, R as ROOT_LE, L as Loader, X as TaskTypes } from "./StoreProvider-COHi02bX.js";
-import { a as useTermsOfServiceStatus, u as useTermsOfServiceAcceptanceInfos } from "./useTermsOfServiceStatus-DGZYHVsm.js";
-import { M as MaybeModal } from "./MaybeModal-Djz8fRfd.js";
-import { b as ModalContent, c as ModalFooter } from "./Modal-CRNejb1x.js";
-import { C as ContractViewer, O as OutlinedIcon } from "./ContractViewer-BChszuWL.js";
-import { S as Spacer } from "./Spacer-BK3jDget.js";
-import { S as StepProgressIndicator } from "./StepProgressIndicator-BuGfVdlr.js";
-import { u as useToastContext } from "./useToastContext-CF2xonft.js";
-import { F as FormEndState } from "./FormEndState-BQOQ83vO.js";
-import { F as FormNavigation } from "./FormNavigation-B6RspX9C.js";
+import { p as useApiContext, bh as useInvalidateRootLegalEntity, bi as useMutation, bk as httpPost, q as useQuery, w as skipToken, r as httpGet, Y as createLogger, ap as useI18nContext, a as useTranslation, a0 as useAnalyticsContext, a6 as useToastContext, a7 as useExperimentsContext, bt as getLanguageCode, aw as useForm, B as Alert, _ as Button, a3 as LoaderWrapper, aB as Field, bu as Select, bv as Checkbox, aQ as ActionBar, bw as MaybeModal, b7 as ModalContent, b9 as ModalFooter, bx as StepProgressIndicator, ba as Spacer, y as LegalEntityType, ag as getOwnSignatories, x as doesLegalEntityRequiresLegalRepresentative, v as getLegalRepresentative, an as getLegalEntityNameBasedOnType, aO as FormNavigation, b as useLegalEntity, R as ROOT_LE, L as Loader, X as TaskTypes } from "./StoreProvider-ClKLaHzy.js";
+import { u as useTermsOfServiceStatus, a as useTermsOfServiceAcceptanceInfos } from "./useTermsOfServiceStatus-CBHKWYSb.js";
+import { C as ContractViewer, O as OutlinedIcon } from "./ContractViewer-B0bZ14Ts.js";
+import { F as FormEndState } from "./FormEndState-JB6QFSet.js";
 import { d as downloadFile } from "./file-CiG1D0zy.js";
-import { l as localizeDateString } from "./localizeDateString-KlstHAcM.js";
+import { l as localizeDateString } from "./localizeDateString-CKCBXzSn.js";
 const acceptTermsOfService = async (legalEntityId, baseUrl, termsOfServiceDocumentId, data) => {
   return httpPost(
     {
@@ -86,6 +80,10 @@ const useTermsOfService = (data, options) => {
     ...options
   });
 };
+const adyenKycSignedAlert = "adyen-kyc-adyen-kyc-signed-alert";
+const styles = {
+  adyenKycSignedAlert
+};
 const logger$1 = createLogger();
 const FALLBACK_LANGUAGE_CODE$1 = "en";
 const useServiceAgreement = ({
@@ -116,8 +114,8 @@ const useServiceAgreement = ({
   const { data: acceptedServiceAgreement, isSuccess: isAcceptedServiceAgreementSuccess } = useAcceptedTermsOfService(acceptanceId, "JSON");
   if (isUnAcceptedServiceAgreementSuccess || isAcceptedServiceAgreementSuccess) {
     const termsOfService = unAcceptedServiceAgreement ?? acceptedServiceAgreement;
-    const documentId = (unAcceptedServiceAgreement == null ? void 0 : unAcceptedServiceAgreement.termsOfServiceDocumentId) ?? (acceptedServiceAgreement == null ? void 0 : acceptedServiceAgreement.termsOfServiceAcceptanceReference);
-    if ((termsOfService == null ? void 0 : termsOfService.document) && documentId) {
+    const documentId = unAcceptedServiceAgreement?.termsOfServiceDocumentId ?? acceptedServiceAgreement?.termsOfServiceAcceptanceReference;
+    if (termsOfService?.document && documentId) {
       const contract = JSON.parse(decodeURIComponent(escape(window.atob(termsOfService.document))));
       return {
         loading: "success",
@@ -177,8 +175,8 @@ function ServiceAgreementDropin({
   asModal = false,
   handleCloseClick
 }) {
-  var _a, _b;
   const { i18n } = useI18nContext();
+  const { i18n: i18next } = useTranslation();
   const userEvents = useAnalyticsContext();
   const { showToast } = useToastContext();
   const { isExperimentEnabled } = useExperimentsContext();
@@ -203,15 +201,15 @@ function ServiceAgreementDropin({
   const [activeFormIndex, setActiveFormIndex] = useState(0);
   const [activeForm, setActiveForm] = useState(forms[activeFormIndex]);
   const [hasFinished, setHasFinished] = useState(false);
-  const canSign = (serviceAgreementTypes == null ? void 0 : serviceAgreementTypes.includes(activeForm == null ? void 0 : activeForm.serviceAgreementType)) && !(activeForm == null ? void 0 : activeForm.acceptanceId);
+  const canSign = serviceAgreementTypes?.includes(activeForm?.serviceAgreementType) && !activeForm?.acceptanceId;
   const isLastStep = activeFormIndex === forms.length - 1;
-  const showSignedAlert = !!(activeForm == null ? void 0 : activeForm.acceptanceId);
+  const showSignedAlert = !!activeForm?.acceptanceId;
   const translationKeys = {
     home: "goToOverview",
     next: canSign ? "sign" : "continue"
   };
   const { refetch: downloadAcceptedTermsAsPdf } = useAcceptedTermsOfService(
-    activeForm == null ? void 0 : activeForm.acceptanceId,
+    activeForm?.acceptanceId,
     "PDF",
     {
       enabled: false
@@ -225,16 +223,15 @@ function ServiceAgreementDropin({
   }, [i18n, showToast]);
   const { loading: contractLoadingStatus, serviceAgreement } = useServiceAgreement({
     handleServiceAgreementIsNotAvailableInThatLanguage,
-    acceptanceId: activeForm == null ? void 0 : activeForm.acceptanceId,
-    serviceAgreementType: activeForm == null ? void 0 : activeForm.serviceAgreementType,
-    language: i18n.languageCode
+    acceptanceId: activeForm?.acceptanceId,
+    serviceAgreementType: activeForm?.serviceAgreementType,
+    language: getLanguageCode(i18next.language)
   });
   const { handleChangeFor, triggerValidation, data, valid, isValid, errors } = useForm({
     schema: ["signer", "acceptServiceAgreement"],
     rules: serviceAgreementValidationRules
   });
   const getSigners = () => {
-    var _a2, _b2;
     if (legalEntityResponse.type === LegalEntityType.ORGANIZATION) {
       return getOwnSignatories(legalEntityResponse).map(({ legalEntityId: id, name }) => ({
         id: id ?? "",
@@ -247,8 +244,8 @@ function ServiceAgreementDropin({
     }
     return [
       {
-        id: legalEntityResponse == null ? void 0 : legalEntityResponse.id,
-        name: `${(_a2 = legalEntityResponse == null ? void 0 : legalEntityResponse.individual) == null ? void 0 : _a2.name.firstName} ${(_b2 = legalEntityResponse == null ? void 0 : legalEntityResponse.individual) == null ? void 0 : _b2.name.lastName}`
+        id: legalEntityResponse?.id,
+        name: `${legalEntityResponse?.individual?.name.firstName} ${legalEntityResponse?.individual?.name.lastName}`
       }
     ];
   };
@@ -276,8 +273,8 @@ function ServiceAgreementDropin({
         showToast({ label: i18n.get("serviceAgreementSignFailed"), variant: "error" });
         userEvents.addTaskEvent("Encountered error", {
           ...baseTracking,
-          returnType: (e == null ? void 0 : e.errorCode) || "backend",
-          returnValue: (e == null ? void 0 : e.title) ?? (e == null ? void 0 : e.message)
+          returnType: e?.errorCode || "backend",
+          returnValue: e?.title ?? e?.message
         });
       }
     } else {
@@ -313,7 +310,7 @@ function ServiceAgreementDropin({
     gotoForm(initialFormIndex);
   }, []);
   useEffect(() => {
-    userEvents.updateSharedEventProperties({ page: activeForm == null ? void 0 : activeForm.formName });
+    userEvents.updateSharedEventProperties({ page: activeForm?.formName });
   }, [activeForm]);
   const gotoForm = (index) => {
     setActiveForm(forms[index]);
@@ -321,7 +318,7 @@ function ServiceAgreementDropin({
   };
   const onDownloadAcceptedTermsOfServiceDocument = async () => {
     const { isError, isSuccess, data: data2 } = await downloadAcceptedTermsAsPdf();
-    if (isSuccess && (data2 == null ? void 0 : data2.document)) {
+    if (isSuccess && data2?.document) {
       await downloadFile(data2.document, `${i18n.get(activeForm.formName)}.pdf`);
     }
     if (isError) {
@@ -332,21 +329,26 @@ function ServiceAgreementDropin({
     }
   };
   const onDownloadUnacceptedTermsOfServiceDocument = async () => {
-    const requestAndDownload = async (languageCode) => {
+    const languageCode = getLanguageCode(i18next.language);
+    const requestAndDownload = async (languageCode2) => {
       const response = await getTermsOfService(rootLegalEntityId.value, baseUrl.value, {
         type: activeForm.serviceAgreementType,
-        language: languageCode,
+        language: languageCode2,
         termsOfServiceDocumentFormat: "PDF"
       });
-      if (!(response == null ? void 0 : response.document)) {
+      if (!response?.document) {
         throw new Error(`No terms Of service document found in response`);
       }
       await downloadFile(response.document, `${i18n.get(activeForm.formName)}.pdf`);
     };
     try {
-      await requestAndDownload(i18n.languageCode);
+      const availableLanguages = ["fr", "en"];
+      if (availableLanguages.includes(i18next.language)) {
+        await requestAndDownload(languageCode);
+      }
+      await requestAndDownload("en");
     } catch {
-      if (i18n.languageCode !== FALLBACK_LANGUAGE_CODE) {
+      if (languageCode !== FALLBACK_LANGUAGE_CODE) {
         await requestAndDownload(FALLBACK_LANGUAGE_CODE).catch(logger.error);
         return;
       }
@@ -367,22 +369,18 @@ function ServiceAgreementDropin({
     }
   );
   const getSignedName = (acceptanceId) => {
-    var _a2, _b2, _c;
     if (!acceptanceId) return "";
-    if (legalEntityResponse.type === LegalEntityType.INDIVIDUAL) {
-      const name = (_a2 = legalEntityResponse.individual) == null ? void 0 : _a2.name;
-      return `${(name == null ? void 0 : name.firstName) ?? ""} ${(name == null ? void 0 : name.lastName) ?? ""}`;
-    }
-    const signatory = serviceAgreementAcceptanceInfos.find((info) => info.id === acceptanceId);
-    return ((_c = (_b2 = legalEntityResponse.entityAssociations) == null ? void 0 : _b2.find(
-      (entity) => entity.legalEntityId === (signatory == null ? void 0 : signatory.acceptedBy)
-    )) == null ? void 0 : _c.name) ?? "";
+    const signatory = serviceAgreementAcceptanceInfos.find(({ id }) => id === acceptanceId);
+    const legalEntitySignatory = legalEntityResponse.entityAssociations?.find(
+      ({ legalEntityId }) => legalEntityId === signatory?.acceptedBy
+    );
+    return legalEntitySignatory?.name ?? getLegalEntityNameBasedOnType(legalEntityResponse);
   };
   const signedAlert = showSignedAlert && /* @__PURE__ */ jsx(
     Alert,
     {
       variant: "success",
-      className: "adyen-kyc-signed-alert",
+      className: styles.adyenKycSignedAlert,
       title: i18n.get("signedByOn", {
         values: {
           date: localizeDateString(activeForm.createdAt, i18n.locale) ?? "",
@@ -440,7 +438,7 @@ function ServiceAgreementDropin({
                   Button,
                   {
                     variant: "secondary",
-                    onClick: (activeForm == null ? void 0 : activeForm.acceptanceId) ? onDownloadAcceptedTermsOfServiceDocument : onDownloadUnacceptedTermsOfServiceDocument,
+                    onClick: activeForm?.acceptanceId ? onDownloadAcceptedTermsOfServiceDocument : onDownloadUnacceptedTermsOfServiceDocument,
                     icon: "download",
                     children: i18n.get("downloadAsPdf")
                   }
@@ -456,10 +454,10 @@ function ServiceAgreementDropin({
             {
               name: "signer",
               label: i18n.get("signer"),
-              classNameModifiers: ["col-50"],
-              className: "adyen-kyc-u-margin-top-32",
-              errorMessage: (_a = errors.signer) == null ? void 0 : _a.errorMessage,
+              className: "adyen-kyc-u-margin-top-32 adyen-kyc-u-width-half",
+              errorMessage: errors.signer?.errorMessage,
               isValid: valid.signer,
+              dataTestId: "signer",
               children: (childProps) => /* @__PURE__ */ jsx(
                 Select,
                 {
@@ -477,10 +475,9 @@ function ServiceAgreementDropin({
           /* @__PURE__ */ jsx(
             Field,
             {
-              el: "fieldset",
               name: "acceptServiceAgreement",
               className: "adyen-kyc-u-margin-top-16",
-              errorMessage: (_b = errors.acceptServiceAgreement) == null ? void 0 : _b.errorMessage,
+              errorMessage: errors.acceptServiceAgreement?.errorMessage,
               isValid: valid.acceptServiceAgreement,
               children: (childProps) => /* @__PURE__ */ jsx(
                 Checkbox,
@@ -533,7 +530,6 @@ function ServiceAgreementDropin({
       endScreen || content
     ] }),
     asEmbedded && /* @__PURE__ */ jsxs(ModalFooter, { children: [
-      "...",
       /* @__PURE__ */ jsx(
         StepProgressIndicator,
         {
@@ -581,13 +577,12 @@ function AcceptTermsOfServiceComponent({
   const { mutateAsync: acceptTermsOfService2 } = useAcceptTermsOfService();
   const handleOnClose = () => {
     if (modalView) {
-      onUnmount == null ? void 0 : onUnmount();
+      onUnmount?.();
     }
-    onClose == null ? void 0 : onClose();
+    onClose?.();
   };
   const handleSign = useCallback(
     async (legalEntityId2, termsOfServiceDocumentId, signedBy) => {
-      var _a;
       const acceptedTermsOfService = await acceptTermsOfService2({
         acceptedBy: signedBy.acceptedBy,
         legalEntityReference: legalEntityId2,
@@ -602,25 +597,25 @@ function AcceptTermsOfServiceComponent({
       };
       const { acceptedTermsOfServices } = stepsData;
       acceptedTermsOfServices.push(paramAllowList);
-      const unAcceptedTos = ((_a = serviceAgreementStatus == null ? void 0 : serviceAgreementStatus.termsOfServiceTypes) == null ? void 0 : _a.filter(
+      const unAcceptedTos = serviceAgreementStatus?.termsOfServiceTypes?.filter(
         (tosType) => tosType !== acceptedTermsOfService.type
-      )) ?? [];
+      ) ?? [];
       const newStepsData = {
         unAcceptedTermsOfServiceTypes: unAcceptedTos,
         acceptedTermsOfServices
       };
       setStepsData(newStepsData);
-      onAccept == null ? void 0 : onAccept(newStepsData);
+      onAccept?.(newStepsData);
     },
-    [onAccept, stepsData, acceptTermsOfService2, serviceAgreementStatus == null ? void 0 : serviceAgreementStatus.termsOfServiceTypes]
+    [onAccept, stepsData, acceptTermsOfService2, serviceAgreementStatus?.termsOfServiceTypes]
   );
   return isStatusLoading || isAcceptanceInfoLoading || !legalEntity ? /* @__PURE__ */ jsx(Loader, {}) : /* @__PURE__ */ jsx(
     ServiceAgreementDropin,
     {
       taskType: TaskTypes.SERVICE_AGREEMENT,
       legalEntityResponse: legalEntity,
-      serviceAgreementTypes: (serviceAgreementStatus == null ? void 0 : serviceAgreementStatus.termsOfServiceTypes) ?? [],
-      serviceAgreementAcceptanceInfos: (serviceAgreementAcceptanceInfos == null ? void 0 : serviceAgreementAcceptanceInfos.data) ?? [],
+      serviceAgreementTypes: serviceAgreementStatus?.termsOfServiceTypes ?? [],
+      serviceAgreementAcceptanceInfos: serviceAgreementAcceptanceInfos?.data ?? [],
       handleHomeClick: handleOnClose,
       handleSign,
       asEmbedded,

package/dist/{AccountSetupRejected-PdYyKwbS.js → AccountSetupRejected-DHph9lFl.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] = "143ef54c-d879-403e-9a21-7b3df7c75d6b", e._sentryDebugIdIdentifier = "sentry-dbid-143ef54c-d879-403e-9a21-7b3df7c75d6b");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "324b34d9-d381-406e-bf02-142683139b93", e._sentryDebugIdIdentifier = "sentry-dbid-324b34d9-d381-406e-bf02-142683139b93");
   } catch (e) {
   }
 }
 ;
 import { jsxs, jsx } from "preact/jsx-runtime";
-import { b as useI18nContext, A as AlertIcon, F as FormHeader } from "./StoreProvider-COHi02bX.js";
-import { D as DropinLayout } from "./OnboardingDropinComponent-CocnpjvA.js";
+import { a as useTranslation, A as AlertIcon, F as FormHeader } from "./StoreProvider-ClKLaHzy.js";
+import { D as DropinLayout } from "./OnboardingDropinComponent-DBW5N3Dr.js";
 function AccountSetupRejected() {
-  const { i18n } = useI18nContext();
+  const { t } = useTranslation();
   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") })
+    /* @__PURE__ */ jsx(FormHeader, { heading: t(($) => $["cantSetUpAcccount"]) }),
+    /* @__PURE__ */ jsx("span", { children: t(($) => $["accountCantBeSetUp"]) })
   ] });
   return /* @__PURE__ */ jsx(DropinLayout, { content });
 }

package/dist/{Avatar-C8aZB2wq.js → Avatar-vCjWXfC7.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] = "d9f0361c-263c-477a-9583-b099e7b9adde", e._sentryDebugIdIdentifier = "sentry-dbid-d9f0361c-263c-477a-9583-b099e7b9adde");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "967c352a-106a-487f-9050-2bbcf0344111", e._sentryDebugIdIdentifier = "sentry-dbid-967c352a-106a-487f-9050-2bbcf0344111");
   } catch (e) {
   }
 }
 ;
 import { jsx } from "preact/jsx-runtime";
 import cx from "classnames";
-import { a3 as Icon } from "./StoreProvider-COHi02bX.js";
+import { a4 as Icon } from "./StoreProvider-ClKLaHzy.js";
 const avatar = "adyen-kyc-avatar";
 const avatarLabel = "adyen-kyc-avatar-label";
 const avatarPrimary = "adyen-kyc-avatar-primary";