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

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

@@ -2,19 +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] = "3ad87398-b9a3-42e1-9b9b-b1934ff1e9c4", e._sentryDebugIdIdentifier = "sentry-dbid-3ad87398-b9a3-42e1-9b9b-b1934ff1e9c4");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "aac031e9-5d8b-43d2-bbb3-fcba438c1c95", e._sentryDebugIdIdentifier = "sentry-dbid-aac031e9-5d8b-43d2-bbb3-fcba438c1c95");
   } catch (e) {
   }
 }
 ;
 import { jsx, jsxs, Fragment } from "preact/jsx-runtime";
 import { useState, useEffect, useCallback } from "preact/hooks";
-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 { a as useApiContext, bo as useInvalidateRootLegalEntity, bp as useMutation, t as httpPost, r as useQuery, B as skipToken, x as httpGet, a0 as createLogger, c as useTranslation, a3 as useAnalyticsContext, a9 as useToastContext, aa as useExperimentsContext, bt as getLanguageCode, ay as useForm, K as Alert, G as Button, a6 as LoaderWrapper, aD as Field, bu as Select, bv as Checkbox, aS as ActionBar, bw as MaybeModal, be as ModalContent, bg as ModalFooter, bx as StepProgressIndicator, bh as Spacer, O as LegalEntityTypes, aj as getOwnSignatories, C as doesLegalEntityRequiresLegalRepresentative, z as getLegalRepresentative, aq as getLegalEntityNameBasedOnType, aQ as FormNavigation, d as useLegalEntity, R as ROOT_LE, L as Loader, $ as TaskTypes } from "./StoreProvider-QThALSrj.js";
+import { u as useTermsOfServiceStatus, a as useTermsOfServiceAcceptanceInfos } from "./useTermsOfServiceStatus-BblV2n-A.js";
+import { C as ContractViewer, O as OutlinedIcon } from "./ContractViewer-z3KbE1Vf.js";
+import { F as FormEndState } from "./FormEndState-s8NUp0x5.js";
 import { d as downloadFile } from "./file-CiG1D0zy.js";
-import { l as localizeDateString } from "./localizeDateString-CKCBXzSn.js";
+import { l as localizeDateString } from "./localizeDateString-DaAGYSWR.js";
 const acceptTermsOfService = async (legalEntityId, baseUrl, termsOfServiceDocumentId, data) => {
   return httpPost(
     {
@@ -175,8 +175,7 @@ function ServiceAgreementDropin({
   asModal = false,
   handleCloseClick
 }) {
-  const { i18n } = useI18nContext();
-  const { i18n: i18next } = useTranslation();
+  const { t, i18n } = useTranslation(["contract", "common"]);
   const userEvents = useAnalyticsContext();
   const { showToast } = useToastContext();
   const { isExperimentEnabled } = useExperimentsContext();
@@ -204,10 +203,6 @@ function ServiceAgreementDropin({
   const canSign = serviceAgreementTypes?.includes(activeForm?.serviceAgreementType) && !activeForm?.acceptanceId;
   const isLastStep = activeFormIndex === forms.length - 1;
   const showSignedAlert = !!activeForm?.acceptanceId;
-  const translationKeys = {
-    home: "goToOverview",
-    next: canSign ? "sign" : "continue"
-  };
   const { refetch: downloadAcceptedTermsAsPdf } = useAcceptedTermsOfService(
     activeForm?.acceptanceId,
     "PDF",
@@ -217,7 +212,7 @@ function ServiceAgreementDropin({
   );
   const handleServiceAgreementIsNotAvailableInThatLanguage = useCallback(() => {
     showToast({
-      label: i18n.get("failedToGetServiceAgreementInSelectedLanguageFallbackToEn"),
+      label: t(($) => $["failedToGetServiceAgreementInSelectedLanguageFallbackToEn"]),
       variant: "error"
     });
   }, [i18n, showToast]);
@@ -225,14 +220,14 @@ function ServiceAgreementDropin({
     handleServiceAgreementIsNotAvailableInThatLanguage,
     acceptanceId: activeForm?.acceptanceId,
     serviceAgreementType: activeForm?.serviceAgreementType,
-    language: getLanguageCode(i18next.language)
+    language: getLanguageCode(i18n.language)
   });
   const { handleChangeFor, triggerValidation, data, valid, isValid, errors } = useForm({
     schema: ["signer", "acceptServiceAgreement"],
     rules: serviceAgreementValidationRules
   });
   const getSigners = () => {
-    if (legalEntityResponse.type === LegalEntityType.ORGANIZATION) {
+    if (legalEntityResponse.type === LegalEntityTypes.ORGANIZATION) {
       return getOwnSignatories(legalEntityResponse).map(({ legalEntityId: id, name }) => ({
         id: id ?? "",
         name: name ?? ""
@@ -262,7 +257,7 @@ function ServiceAgreementDropin({
         await handleSign(legalEntityResponse.id, serviceAgreement.id, { acceptedBy: data.signer });
         setLoadingStatus("success");
         showToast({
-          label: i18n.get("serviceAgreementSignedSuccessfully"),
+          label: t(($) => $["serviceAgreementSignedSuccessfully"]),
           variant: "success"
         });
         userEvents.addTaskEvent("Success", baseTracking);
@@ -270,7 +265,7 @@ function ServiceAgreementDropin({
         data.signer = void 0;
       } catch (e) {
         setLoadingStatus("success");
-        showToast({ label: i18n.get("serviceAgreementSignFailed"), variant: "error" });
+        showToast({ label: t(($) => $["serviceAgreementSignFailed"]), variant: "error" });
         userEvents.addTaskEvent("Encountered error", {
           ...baseTracking,
           returnType: e?.errorCode || "backend",
@@ -288,7 +283,7 @@ function ServiceAgreementDropin({
   const goHome = () => {
     userEvents.addPageEvent("Clicked button", {
       actionType: "back",
-      label: translationKeys.home
+      label: "goToOverview"
     });
     handleHomeClick();
   };
@@ -319,17 +314,20 @@ function ServiceAgreementDropin({
   const onDownloadAcceptedTermsOfServiceDocument = async () => {
     const { isError, isSuccess, data: data2 } = await downloadAcceptedTermsAsPdf();
     if (isSuccess && data2?.document) {
-      await downloadFile(data2.document, `${i18n.get(activeForm.formName)}.pdf`);
+      await downloadFile(
+        data2.document,
+        `${t(($) => $[activeForm.formName], { ns: "common" })}.pdf`
+      );
     }
     if (isError) {
       showToast({
-        label: i18n.get("failedToDownloadAcceptedServiceAgreementDocument"),
+        label: t(($) => $["failedToDownloadAcceptedServiceAgreementDocument"]),
         variant: "error"
       });
     }
   };
   const onDownloadUnacceptedTermsOfServiceDocument = async () => {
-    const languageCode = getLanguageCode(i18next.language);
+    const languageCode = getLanguageCode(i18n.language);
     const requestAndDownload = async (languageCode2) => {
       const response = await getTermsOfService(rootLegalEntityId.value, baseUrl.value, {
         type: activeForm.serviceAgreementType,
@@ -339,11 +337,14 @@ function ServiceAgreementDropin({
       if (!response?.document) {
         throw new Error(`No terms Of service document found in response`);
       }
-      await downloadFile(response.document, `${i18n.get(activeForm.formName)}.pdf`);
+      await downloadFile(
+        response.document,
+        `${t(($) => $[activeForm.formName], { ns: "common" })}.pdf`
+      );
     };
     try {
       const availableLanguages = ["fr", "en"];
-      if (availableLanguages.includes(i18next.language)) {
+      if (availableLanguages.includes(i18n.language)) {
         await requestAndDownload(languageCode);
       }
       await requestAndDownload("en");
@@ -353,7 +354,7 @@ function ServiceAgreementDropin({
         return;
       }
       showToast({
-        label: i18n.get("failedToDownloadServiceAgreementDocument"),
+        label: t(($) => $["failedToDownloadServiceAgreementDocument"]),
         variant: "error"
       });
     }
@@ -364,8 +365,8 @@ function ServiceAgreementDropin({
     {
       variant: signers.length ? "info" : "warning",
       className: "adyen-kyc-u-margin-top-16",
-      title: i18n.get(signers.length ? "isYourNameMissingFromSigners" : "thereAreNoSigners"),
-      children: /* @__PURE__ */ jsx(Button, { onClick: handleAddSigner, variant: "link", children: i18n.get("addYourselfAsSigner") })
+      title: t(($) => $[signers.length ? "isYourNameMissingFromSigners" : "thereAreNoSigners"]),
+      children: /* @__PURE__ */ jsx(Button, { onClick: handleAddSigner, variant: "link", children: t(($) => $["addYourselfAsSigner"]) })
     }
   );
   const getSignedName = (acceptanceId) => {
@@ -381,11 +382,9 @@ function ServiceAgreementDropin({
     {
       variant: "success",
       className: styles.adyenKycSignedAlert,
-      title: i18n.get("signedByOn", {
-        values: {
-          date: localizeDateString(activeForm.createdAt, i18n.locale) ?? "",
-          signer: getSignedName(activeForm.acceptanceId)
-        }
+      title: t(($) => $["signedByOn"], {
+        date: localizeDateString(activeForm.createdAt, i18n.language) ?? "",
+        signer: getSignedName(activeForm.acceptanceId)
       })
     }
   );
@@ -440,11 +439,11 @@ function ServiceAgreementDropin({
                     variant: "secondary",
                     onClick: activeForm?.acceptanceId ? onDownloadAcceptedTermsOfServiceDocument : onDownloadUnacceptedTermsOfServiceDocument,
                     icon: "download",
-                    children: i18n.get("downloadAsPdf")
+                    children: t(($) => $["downloadAsPdf"])
                   }
                 ) })
               ] }),
-              !forms.length && /* @__PURE__ */ jsx(Alert, { variant: "info", title: i18n.get("nothingNeedsToBeSigned") })
+              !forms.length && /* @__PURE__ */ jsx(Alert, { variant: "info", title: t(($) => $["nothingNeedsToBeSigned"]) })
             ]
           }
         ),
@@ -453,7 +452,7 @@ function ServiceAgreementDropin({
             Field,
             {
               name: "signer",
-              label: i18n.get("signer"),
+              label: t(($) => $["signer"]),
               className: "adyen-kyc-u-margin-top-32 adyen-kyc-u-width-half",
               errorMessage: errors.signer?.errorMessage,
               isValid: valid.signer,
@@ -464,7 +463,7 @@ function ServiceAgreementDropin({
                   ...childProps,
                   onChange: handleChangeFor("signer", "blur"),
                   name: "signer",
-                  placeholder: i18n.get("selectSigner"),
+                  placeholder: t(($) => $["selectSigner"]),
                   selected: data.signer,
                   items: signers
                 }
@@ -483,7 +482,7 @@ function ServiceAgreementDropin({
                 Checkbox,
                 {
                   ...childProps,
-                  label: i18n.get("iHaveReadAndIAcceptTheseTerms"),
+                  label: t(($) => $["iHaveReadAndIAcceptTheseTerms"]),
                   checked: data.acceptServiceAgreement ?? false,
                   name: "acceptServiceAgreement",
                   onChange: handleChangeFor("acceptServiceAgreement")
@@ -496,13 +495,13 @@ function ServiceAgreementDropin({
           ActionBar,
           {
             onHome: goHome,
-            homeButtonLabel: i18n.get(translationKeys.home),
+            homeButtonLabel: t(($) => $["goToOverview"], { ns: "common" }),
             onNext: canSign ? handleSignClick : () => gotoForm(activeFormIndex + 1),
-            nextButtonLabel: i18n.get(translationKeys.next),
+            nextButtonLabel: t(($) => $[canSign ? "sign" : "continue"], { ns: "common" }),
             nextButtonDisabled: forms.length === 0 || !canSign && isLastStep,
             onBack: () => gotoForm(activeFormIndex - 1),
             hideBackButton: activeFormIndex === 0,
-            backButtonLabel: i18n.get("previous")
+            backButtonLabel: t(($) => $["previous"], { ns: "common" })
           }
         )
       ]
@@ -520,9 +519,9 @@ function ServiceAgreementDropin({
     }
   };
   const endScreen = hasFinished && /* @__PURE__ */ jsxs(FormEndState, { children: [
-    /* @__PURE__ */ jsx("template", { slot: "title", children: i18n.get("serviceAgreementSignedAndDated") }),
+    /* @__PURE__ */ jsx("template", { slot: "title", children: t(($) => $["serviceAgreementSignedAndDated"]) }),
     /* @__PURE__ */ jsx(OutlinedIcon, { slot: "icon", name: "check" }),
-    /* @__PURE__ */ jsx("div", { slot: "content", children: /* @__PURE__ */ jsx(Button, { onClick: () => handleCloseClick, children: i18n.get("finish") }) })
+    /* @__PURE__ */ jsx("div", { slot: "content", children: /* @__PURE__ */ jsx(Button, { onClick: () => handleCloseClick, children: t(($) => $["finish"], { ns: "common" }) }) })
   ] });
   return /* @__PURE__ */ jsx(MaybeModal, { inline: !asModal, onClose: handleCloseClick, children: /* @__PURE__ */ jsxs(ModalContent, { children: [
     /* @__PURE__ */ jsxs("article", { className: "adyen-kyc-service-agreement-content", children: [
@@ -546,10 +545,10 @@ function ServiceAgreementDropin({
           icon: "chevron-left",
           onClick: () => gotoForm(activeFormIndex - 1),
           variant: "secondary",
-          children: i18n.get("back")
+          children: t(($) => $["back"], { ns: "common" })
         }
       ),
-      /* @__PURE__ */ jsx(Button, { variant: canSign ? "primary" : "secondary", onClick: handleClick, children: i18n.get(canSign ? "signAndContinue" : "continue") })
+      /* @__PURE__ */ jsx(Button, { variant: canSign ? "primary" : "secondary", onClick: handleClick, children: canSign ? t(($) => $["signAndContinue"]) : t(($) => $["continue"], { ns: "common" }) })
     ] })
   ] }) });
 }

package/dist/{AccountSetupRejected-DHph9lFl.js → AccountSetupRejected-CSQTnRkO.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] = "324b34d9-d381-406e-bf02-142683139b93", e._sentryDebugIdIdentifier = "sentry-dbid-324b34d9-d381-406e-bf02-142683139b93");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "ac10345f-ffc4-494c-aa5b-26e3a8ac74ab", e._sentryDebugIdIdentifier = "sentry-dbid-ac10345f-ffc4-494c-aa5b-26e3a8ac74ab");
   } catch (e) {
   }
 }
 ;
 import { jsxs, jsx } from "preact/jsx-runtime";
-import { a as useTranslation, A as AlertIcon, F as FormHeader } from "./StoreProvider-ClKLaHzy.js";
-import { D as DropinLayout } from "./OnboardingDropinComponent-DBW5N3Dr.js";
+import { c as useTranslation, A as AlertIcon, F as FormHeader } from "./StoreProvider-QThALSrj.js";
+import { D as DropinLayout } from "./OnboardingDropinComponent-DLvTQVTE.js";
 function AccountSetupRejected() {
   const { t } = useTranslation();
   const content = /* @__PURE__ */ jsxs("div", { children: [

package/dist/{Avatar-vCjWXfC7.js → Avatar-DL_WbHEO.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] = "967c352a-106a-487f-9050-2bbcf0344111", e._sentryDebugIdIdentifier = "sentry-dbid-967c352a-106a-487f-9050-2bbcf0344111");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "d91fd18a-44bf-4eaf-9641-144538eef53c", e._sentryDebugIdIdentifier = "sentry-dbid-d91fd18a-44bf-4eaf-9641-144538eef53c");
   } catch (e) {
   }
 }
 ;
 import { jsx } from "preact/jsx-runtime";
 import cx from "classnames";
-import { a4 as Icon } from "./StoreProvider-ClKLaHzy.js";
+import { a7 as Icon } from "./StoreProvider-QThALSrj.js";
 const avatar = "adyen-kyc-avatar";
 const avatarLabel = "adyen-kyc-avatar-label";
 const avatarPrimary = "adyen-kyc-avatar-primary";