@adyen/kyc-components 4.0.0-beta.1 → 4.0.0-beta.4

package/dist/{RootIndividualDetailsPage-DCxJ3ycQ.js → RootIndividualDetailsPage-DzmHoceW.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] = "97683626-ee7e-4e3a-b0ba-73da69d67685", e._sentryDebugIdIdentifier = "sentry-dbid-97683626-ee7e-4e3a-b0ba-73da69d67685");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "45e89429-5947-45a5-9ad0-56e8247f1209", e._sentryDebugIdIdentifier = "sentry-dbid-45e89429-5947-45a5-9ad0-56e8247f1209");
   } catch (e) {
   }
 }
 ;
 import { jsx } from "preact/jsx-runtime";
-import { a as useLegalEntity, R as ROOT_LE, ab as useCapabilityProblems, a6 as useExperimentsContext, P as useAccountHolder, L as Loader, g as getLegalEntityCountry, G as isPartOfTrustFromLegalEntity, bi as getProblemsForEntity, U as EntityType, bj as isOnfidoAutofillFlowEnabled, W as TaskTypes, a4 as noop } from "./StoreProvider-BmzY19Td.js";
-import { I as IndividualOnfidoDropin, a as IndividualDropin } from "./IndividualOnfidoDropin-DGMCOm9M.js";
+import { d as useLegalEntity, R as ROOT_LE, af as useCapabilityProblems, aa as useExperimentsContext, X as useAccountHolder, L as Loader, g as getLegalEntityCountry, P as isPartOfTrustFromLegalEntity, b5 as getProblemsForEntity, Z as EntityTypes, b6 as isOnfidoAutofillFlowEnabled, a8 as noop, $ as TaskTypes } from "./StoreProvider-O9jwxfG8.js";
+import { I as IndividualOnfidoDropin, a as IndividualDropin } from "./IndividualOnfidoDropin-DV2fJG5W.js";
 function RootIndividualDetailsPage({
   asModal = false,
   hideSidebar = false,
@@ -31,7 +31,7 @@ function RootIndividualDetailsPage({
   }
   const country = getLegalEntityCountry(rootLe);
   const hasTrust = accountHolder === "aTrust" || isPartOfTrustFromLegalEntity(rootLe);
-  const problems = capabilityProblems ? getProblemsForEntity(capabilityProblems, EntityType.LEGAL_ENTITY, rootLe.id) : void 0;
+  const problems = capabilityProblems ? getProblemsForEntity(capabilityProblems, EntityTypes.LEGAL_ENTITY, rootLe.id) : void 0;
   const isOnfidoAutofillFlow = isOnfidoAutofillFlowEnabled(
     country,
     TaskTypes.INDIVIDUAL,

package/dist/{SignPCIComponent-kHaxhkWa.js → SignPCIComponent-By4PazmA.js}

@@ -2,16 +2,16 @@
 {
   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] = "88dce7f4-000f-4839-8152-f619c0aff87f", e._sentryDebugIdIdentifier = "sentry-dbid-88dce7f4-000f-4839-8152-f619c0aff87f");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "a30ef4f9-fc56-476a-a633-7782210c9c7e", e._sentryDebugIdIdentifier = "sentry-dbid-a30ef4f9-fc56-476a-a633-7782210c9c7e");
   } catch (e) {
   }
 }
 ;
 import { jsxs, Fragment, jsx } from "preact/jsx-runtime";
-import { p as useApiContext, q as useQuery, bh as httpPost, be as useInvalidateRootLegalEntity, bf as useMutation, ap as isEmpty, b as useI18nContext, $ as useAnalyticsContext, a5 as useToastContext, au as useForm, bA as getOwnDecisionMakers, y as LegalEntityType, W as TaskTypes, bJ as MaybeModal, b4 as ModalContent, Z as Button, a2 as LoaderWrapper, az as Field, bK as Select, bI as Checkbox, b6 as ModalFooter, b7 as Spacer, a as useLegalEntity, R as ROOT_LE, L as Loader } from "./StoreProvider-BmzY19Td.js";
-import { u as useSalesChannelsSettings, a as usePciStatus } from "./useSalesChannelsSettings-BLzegVJh.js";
-import { O as OutlinedIcon, C as ContractViewer } from "./ContractViewer-R4-gfVmp.js";
-import { F as FormEndState } from "./FormEndState-C3HCmXcw.js";
+import { a as useApiContext, r as useQuery, t as httpPost, bo as useInvalidateRootLegalEntity, bp as useMutation, at as isEmpty, c as useTranslation, a3 as useAnalyticsContext, a9 as useToastContext, ay as useForm, by as getOwnDecisionMakers, O as LegalEntityTypes, $ as TaskTypes, bw as MaybeModal, be as ModalContent, G as Button, a6 as LoaderWrapper, aD as Field, bu as Select, bv as Checkbox, bg as ModalFooter, bh as Spacer, u as useI18nContext, d as useLegalEntity, R as ROOT_LE, L as Loader } from "./StoreProvider-O9jwxfG8.js";
+import { u as useSalesChannelsSettings, a as usePciStatus } from "./OnboardingDropinComponent-DYdts9Sh.js";
+import { O as OutlinedIcon, C as ContractViewer } from "./ContractViewer-BOxsPeO1.js";
+import { F as FormEndState } from "./FormEndState-CUYkLBgX.js";
 import { useState, useCallback, useEffect } from "preact/hooks";
 const getPciTemplate = async (legalEntityId, baseUrl, data) => {
   return httpPost(
@@ -73,15 +73,10 @@ function PciDropin({
   needsSigning = true,
   handleCloseClick
 }) {
-  var _a, _b, _c, _d;
-  const { i18n } = useI18nContext();
+  const { t } = useTranslation(["contract", "common"]);
   const userEvents = useAnalyticsContext();
   const { showToast } = useToastContext();
   const [loadingStatus, setLoadingStatus] = useState();
-  const translationKeys = {
-    home: "finishLater",
-    sign: "sign"
-  };
   const { handleChangeFor, triggerValidation, data, valid, isValid, errors } = useForm({
     schema: PciFields,
     rules: pciValidationRules
@@ -98,19 +93,19 @@ function PciDropin({
       ])
     ).values()
   ];
-  const signers = legalEntityResponse.type === LegalEntityType.ORGANIZATION ? uniqueEntityAssociations.filter(
+  const signers = legalEntityResponse.type === LegalEntityTypes.ORGANIZATION ? uniqueEntityAssociations.filter(
     (ea) => Boolean(ea.legalEntityId && ea.name)
   ).map(({ legalEntityId: id, name }) => ({ id, name })) : [
     {
       id: legalEntityResponse.id,
-      name: `${(_a = legalEntityResponse == null ? void 0 : legalEntityResponse.individual) == null ? void 0 : _a.name.firstName} ${(_b = legalEntityResponse.individual) == null ? void 0 : _b.name.lastName}`
+      name: `${legalEntityResponse?.individual?.name.firstName} ${legalEntityResponse.individual?.name.lastName}`
     }
   ];
   const handleSignClick = async () => {
     if (loadingStatus === "loading") return;
     const baseTracking = {
       actionType: "sign",
-      label: translationKeys.sign
+      label: "sign"
     };
     triggerValidation();
     if (isValid) {
@@ -118,16 +113,16 @@ function PciDropin({
         setLoadingStatus("loading");
         await handleSign(legalEntityResponse.id, { signedBy: data.signer, pciTemplateReferences });
         setLoadingStatus("success");
-        showToast({ label: i18n.get("pciSignedSuccessfully"), variant: "success" });
+        showToast({ label: t(($) => $["pciSignedSuccessfully"]), variant: "success" });
         userEvents.addTaskEvent("Success", baseTracking);
         goHome();
       } catch (e) {
         setLoadingStatus("success");
-        showToast({ label: i18n.get("pciSignFailed"), variant: "error" });
+        showToast({ label: t(($) => $["pciSignFailed"]), 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 {
@@ -141,7 +136,7 @@ function PciDropin({
   const goHome = () => {
     userEvents.addPageEvent("Clicked button", {
       actionType: "back",
-      label: translationKeys.home
+      label: "finishLater"
     });
     handleHomeClick();
   };
@@ -158,35 +153,35 @@ function PciDropin({
     });
   }, []);
   const acceptPciLabel = /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("span", { children: i18n.get("byClickingSignIAcknowledgeAndAgree") }),
+    /* @__PURE__ */ jsx("span", { children: t(($) => $["byClickingSignIAcknowledgeAndAgree"]) }),
     /* @__PURE__ */ jsxs("ul", { children: [
-      /* @__PURE__ */ jsx("li", { children: i18n.get("acknowledgePciRequirements") }),
-      /* @__PURE__ */ jsx("li", { children: i18n.get("basedOnTheAboveSignatory") })
+      /* @__PURE__ */ jsx("li", { children: t(($) => $["acknowledgePciRequirements"]) }),
+      /* @__PURE__ */ jsx("li", { children: t(($) => $["basedOnTheAboveSignatory"]) })
     ] })
   ] });
   return /* @__PURE__ */ jsxs(MaybeModal, { inline: !asModal, onClose: handleCloseClick, children: [
     /* @__PURE__ */ jsx(ModalContent, { children: !needsSigning ? /* @__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" }) }) })
     ] }) : /* @__PURE__ */ jsxs(LoaderWrapper, { status: loadingStatus, formOpacityWhenLoading: 0.3, showSpinner: false, children: [
       /* @__PURE__ */ jsx(ContractViewer, { contract: pciQuestionnaire, onExpandSection: handleExpandSection }),
       /* @__PURE__ */ jsx(
         Field,
         {
           name: "signer",
-          label: i18n.get("signer"),
-          classNameModifiers: ["signer", "col-50"],
-          className: "adyen-kyc-u-margin-y-32",
-          errorMessage: (_c = errors.signer) == null ? void 0 : _c.errorMessage,
+          label: t(($) => $["signer"]),
+          className: "adyen-kyc-u-margin-y-32 adyen-kyc-u-width-half",
+          errorMessage: errors.signer?.errorMessage,
           isValid: valid.signer,
+          dataTestId: "signer",
           children: (childProps) => /* @__PURE__ */ jsx(
             Select,
             {
               ...childProps,
               onChange: handleChangeFor("signer", "blur"),
               name: "signer",
-              placeholder: i18n.get("selectSigner"),
+              placeholder: t(($) => $["selectSigner"]),
               selected: data.signer,
               items: signers
             }
@@ -196,9 +191,8 @@ function PciDropin({
       /* @__PURE__ */ jsx(
         Field,
         {
-          el: "fieldset",
           name: "acceptPci",
-          errorMessage: (_d = errors.acceptPci) == null ? void 0 : _d.errorMessage,
+          errorMessage: errors.acceptPci?.errorMessage,
           isValid: valid.acceptPci,
           showErrorIconBottom: true,
           children: (childProps) => /* @__PURE__ */ jsx(
@@ -216,8 +210,8 @@ function PciDropin({
     ] }) }),
     /* @__PURE__ */ jsxs(ModalFooter, { children: [
       /* @__PURE__ */ jsx(Spacer, {}),
-      /* @__PURE__ */ jsx(Button, { variant: "secondary", icon: "save", onClick: goHome, children: i18n.get(translationKeys.home) }),
-      /* @__PURE__ */ jsx(Button, { onClick: handleSignClick, children: i18n.get(translationKeys.sign) })
+      /* @__PURE__ */ jsx(Button, { variant: "secondary", icon: "save", onClick: goHome, children: t(($) => $["finishLater"], { ns: "common" }) }),
+      /* @__PURE__ */ jsx(Button, { onClick: handleSignClick, children: t(($) => $["sign"], { ns: "common" }) })
     ] })
   ] });
 }
@@ -248,9 +242,9 @@ function SignPCIComponent({
   const signPci2 = useSignPci();
   const handleOnClose = () => {
     if (modalView) {
-      onUnmount == null ? void 0 : onUnmount();
+      onUnmount?.();
     }
-    onClose == null ? void 0 : onClose();
+    onClose?.();
   };
   if (isLegalEntityLoading || isPciStatusLoading || isPciTemplateDataLoading || !legalEntityData || !pciTemplateData) {
     return /* @__PURE__ */ jsx(Loader, {});
@@ -271,12 +265,12 @@ function SignPCIComponent({
       handleHomeClick: handleOnClose,
       handleSign: async (_legalEntityId, signedBy) => {
         await signPci2.mutateAsync(signedBy);
-        onUnmount == null ? void 0 : onUnmount();
-        onSigned == null ? void 0 : onSigned();
+        onUnmount?.();
+        onSigned?.();
       },
       handleCloseClick: handleOnClose,
       asModal: modalView,
-      needsSigning: Boolean(pciStatusData == null ? void 0 : pciStatusData.signingRequired)
+      needsSigning: Boolean(pciStatusData?.signingRequired)
     }
   );
 }

package/dist/{SingpassSelection-Dmlbiq4Z.js → SingpassSelection-BeUj9Kdy.js}

@@ -2,32 +2,32 @@
 {
   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] = "a05dd3a0-c0f0-46a0-b5e7-a5ecd4535109", e._sentryDebugIdIdentifier = "sentry-dbid-a05dd3a0-c0f0-46a0-b5e7-a5ecd4535109");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "0969eb5b-9155-4abf-9433-79232f616e89", e._sentryDebugIdIdentifier = "sentry-dbid-0969eb5b-9155-4abf-9433-79232f616e89");
   } catch (e) {
   }
 }
 ;
 import { jsx, jsxs } from "preact/jsx-runtime";
 import { useState } from "preact/hooks";
-import { b as useI18nContext, au as useForm, C as Typography, az as Field, aC as RadioGroupCard, Z as Button, bm as Svg, y as LegalEntityType } from "./StoreProvider-BmzY19Td.js";
+import { c as useTranslation, ay as useForm, N as Typography, aD as Field, aG as RadioGroupCard, G as Button, H as Svg, O as LegalEntityTypes } from "./StoreProvider-O9jwxfG8.js";
 const setupAccountMethods = ["singpass", "manual"];
 const setupAccountMethodFields = ["setupAccountMethod"];
 const getSingpassSelectionDisabled = (legalEntityType) => {
   switch (legalEntityType) {
-    case LegalEntityType.INDIVIDUAL:
-    case LegalEntityType.ORGANIZATION:
+    case LegalEntityTypes.INDIVIDUAL:
+    case LegalEntityTypes.ORGANIZATION:
       return false;
     default:
       return true;
   }
 };
 const legalEntityTypeToSelectionTranslationKeyMap = {
-  [LegalEntityType.INDIVIDUAL]: "retrieveMyInfo",
-  [LegalEntityType.ORGANIZATION]: "retrieveMyInfoBusiness"
+  [LegalEntityTypes.INDIVIDUAL]: "retrieveMyInfo",
+  [LegalEntityTypes.ORGANIZATION]: "retrieveMyInfoBusiness"
 };
 const legalEntityTypeToSelectionDescriptionTranslationKeyMap = {
-  [LegalEntityType.INDIVIDUAL]: "getYourVerifiedDetailsInstantly",
-  [LegalEntityType.ORGANIZATION]: "getYourBusinessVerifiedDetails"
+  [LegalEntityTypes.INDIVIDUAL]: "getYourVerifiedDetailsInstantly",
+  [LegalEntityTypes.ORGANIZATION]: "getYourBusinessVerifiedDetails"
 };
 const getSetupAccountMethodMetadata = (legalEntityType) => {
   const translationSingpassNameKey = legalEntityTypeToSelectionTranslationKeyMap[legalEntityType] ?? "retrieveMyInfoBusiness";
@@ -66,8 +66,8 @@ const getSetupAccountMethodMetadata = (legalEntityType) => {
   };
 };
 const SingpassSelection = (props) => {
+  const { t } = useTranslation();
   const { legalEntityType, handleNextClick } = props;
-  const { i18n } = useI18nContext();
   const [selectedMethod, setSelectedMethod] = useState();
   const selectSetupAccountMethod = (method) => {
     setSelectedMethod(method);
@@ -80,7 +80,7 @@ const SingpassSelection = (props) => {
   });
   const methodsMetadata = getSetupAccountMethodMetadata(legalEntityType);
   return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-singpass-selection", children: [
-    /* @__PURE__ */ jsx("header", { className: "adyen-kyc-u-margin-bottom-32", children: /* @__PURE__ */ jsx(Typography, { el: "h2", variant: "title-m", children: i18n.get("howWouldYouLikeToSetUpYourAccount") }) }),
+    /* @__PURE__ */ jsx("header", { className: "adyen-kyc-u-margin-bottom-32", children: /* @__PURE__ */ jsx(Typography, { el: "h2", variant: "title-m", children: t(($) => $["howWouldYouLikeToSetUpYourAccount"]) }) }),
     /* @__PURE__ */ jsx("form", { children: /* @__PURE__ */ jsx(Field, { el: "fieldset", name: "setupAccountMethod", children: (childProps) => /* @__PURE__ */ jsx(
       RadioGroupCard,
       {
@@ -99,10 +99,7 @@ const SingpassSelection = (props) => {
           footer: "adyen-kyc-field-verification-methods__footer"
         }),
         renderOptionIcon: (method) => methodsMetadata[method].icon,
-        renderOptionFooter: (method) => {
-          var _a;
-          return (_a = methodsMetadata[method].provider) == null ? void 0 : _a.icon;
-        },
+        renderOptionFooter: (method) => methodsMetadata[method].provider?.icon,
         floatingRadio: true
       }
     ) }) }),
@@ -115,7 +112,7 @@ const SingpassSelection = (props) => {
           handleNextClick(selectedMethod);
         },
         fullWidth: true,
-        children: i18n.get("continue")
+        children: t(($) => $["continue"])
       }
     )
   ] }) });

package/dist/{SoleProprietorshipPage-Bdhs90-q.js → SoleProprietorshipPage-CZPeKEEl.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] = "fc14b3b9-d1e5-42d9-973c-f70c58c6ebbe", e._sentryDebugIdIdentifier = "sentry-dbid-fc14b3b9-d1e5-42d9-973c-f70c58c6ebbe");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "280aaee0-19ec-4d44-83f2-59a28477f2be", e._sentryDebugIdIdentifier = "sentry-dbid-280aaee0-19ec-4d44-83f2-59a28477f2be");
   } catch (e) {
   }
 }
 ;
 import { jsx } from "preact/jsx-runtime";
-import { a as useLegalEntity, R as ROOT_LE, w as skipToken, ab as useCapabilityProblems, L as Loader, bi as getProblemsForEntity, U as EntityType, g as getLegalEntityCountry, W as TaskTypes } from "./StoreProvider-BmzY19Td.js";
-import { B as BusinessDetailsDropin } from "./BusinessDetailsDropin-l0xfPekL.js";
+import { d as useLegalEntity, R as ROOT_LE, B as skipToken, af as useCapabilityProblems, L as Loader, b5 as getProblemsForEntity, g as getLegalEntityCountry, $ as TaskTypes, Z as EntityTypes } from "./StoreProvider-O9jwxfG8.js";
+import { B as BusinessDetailsDropin } from "./BusinessDetailsDropin-Dr580mIQ.js";
 function SoleProprietorshipPage({
   solePropId,
   isTargetLegalEntityType = false,
@@ -22,7 +22,7 @@ function SoleProprietorshipPage({
   if (!rootLe || solePropId && !solePropLe) {
     return /* @__PURE__ */ jsx(Loader, {});
   }
-  const problems = capabilityProblems && solePropId ? getProblemsForEntity(capabilityProblems, EntityType.LEGAL_ENTITY, solePropId) : void 0;
+  const problems = capabilityProblems && solePropId ? getProblemsForEntity(capabilityProblems, EntityTypes.LEGAL_ENTITY, solePropId) : void 0;
   const country = getLegalEntityCountry(solePropLe ?? rootLe);
   return /* @__PURE__ */ jsx(
     BusinessDetailsDropin,