@adyen/kyc-components 3.80.0-beta.0 → 3.81.0-beta.0

package/dist/{SignPCIComponent-Cx8oL8wu.js → SignPCIComponent-BGnCTWk_.js}

@@ -2,17 +2,18 @@
 {
   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] = "ff2bd360-1155-4d95-94ae-02d967ee0790", e._sentryDebugIdIdentifier = "sentry-dbid-ff2bd360-1155-4d95-94ae-02d967ee0790");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "b99bd73e-85a0-4ce4-b413-f16a607326cb", e._sentryDebugIdIdentifier = "sentry-dbid-b99bd73e-85a0-4ce4-b413-f16a607326cb");
   } catch (e) {
   }
 }
 ;
 import { jsxs, Fragment, jsx } from "preact/jsx-runtime";
-import { a as useApiContext, r as useQuery, t as httpPost, bo as useInvalidateRootLegalEntity, bp as useMutation, at as isEmpty, u as useI18nContext, 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, d as useLegalEntity, R as ROOT_LE, L as Loader } from "./StoreProvider-DhQ4sdLg.js";
-import { u as useSalesChannelsSettings, a as usePciStatus } from "./OnboardingDropinComponent-B0Sj7qf1.js";
-import { O as OutlinedIcon, C as ContractViewer } from "./ContractViewer-DBW5C6kA.js";
-import { F as FormEndState } from "./FormEndState-BmDRa3zJ.js";
+import { a as useApiContext, r as useQuery, t as httpPost, bm as useInvalidateRootLegalEntity, bn as useMutation, at as isEmpty, c as useTranslation, a3 as useAnalyticsContext, a9 as useToastContext, ay as useForm, bz as getOwnDecisionMakers, O as LegalEntityTypes, $ as TaskTypes, G as Button, bu as MaybeModal, a4 as Card, aD as Field, bs as Select, bt as Checkbox, u as useI18nContext, d as useLegalEntity, R as ROOT_LE, L as Loader } from "./StoreProvider-Fbl3I9L7.js";
+import { u as useSalesChannelsSettings, a as usePciStatus } from "./OnboardingDropinComponent-Dvq5Ocum.js";
+import { E as EndStateLayout } from "./EndStateLayout-ChS903yq.js";
 import { useState, useCallback, useEffect } from "preact/hooks";
+import { D as DetailViewLayout } from "./DetailViewLayout-Z9cuUp4X.js";
+import { C as ContractViewer } from "./ContractViewer-B2LwC3wV.js";
 const getPciTemplate = async (legalEntityId, baseUrl, data) => {
   return httpPost(
     {
@@ -73,14 +74,10 @@ function PciDropin({
   needsSigning = true,
   handleCloseClick
 }) {
-  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 [isLoading, setIsLoading] = useState(false);
   const { handleChangeFor, triggerValidation, data, valid, isValid, errors } = useForm({
     schema: PciFields,
     rules: pciValidationRules
@@ -106,23 +103,23 @@ function PciDropin({
     }
   ];
   const handleSignClick = async () => {
-    if (loadingStatus === "loading") return;
+    if (isLoading) return;
     const baseTracking = {
       actionType: "sign",
-      label: translationKeys.sign
+      label: "sign"
     };
     triggerValidation();
     if (isValid) {
       try {
-        setLoadingStatus("loading");
+        setIsLoading(true);
         await handleSign(legalEntityResponse.id, { signedBy: data.signer, pciTemplateReferences });
-        setLoadingStatus("success");
-        showToast({ label: i18n.get("pciSignedSuccessfully"), variant: "success" });
+        setIsLoading(false);
+        showToast({ label: t(($) => $["pciSignedSuccessfully"]), variant: "success" });
         userEvents.addTaskEvent("Success", baseTracking);
         goHome();
       } catch (e) {
-        setLoadingStatus("success");
-        showToast({ label: i18n.get("pciSignFailed"), variant: "error" });
+        setIsLoading(false);
+        showToast({ label: t(($) => $["signingFailed"]), variant: "error" });
         userEvents.addTaskEvent("Encountered error", {
           ...baseTracking,
           returnType: e?.errorCode || "backend",
@@ -140,7 +137,7 @@ function PciDropin({
   const goHome = () => {
     userEvents.addPageEvent("Clicked button", {
       actionType: "back",
-      label: translationKeys.home
+      label: "finishLater"
     });
     handleHomeClick();
   };
@@ -156,68 +153,69 @@ function PciDropin({
       actionType: "start"
     });
   }, []);
-  const acceptPciLabel = /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("span", { children: i18n.get("byClickingSignIAcknowledgeAndAgree") }),
-    /* @__PURE__ */ jsxs("ul", { children: [
-      /* @__PURE__ */ jsx("li", { children: i18n.get("acknowledgePciRequirements") }),
-      /* @__PURE__ */ jsx("li", { children: i18n.get("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(OutlinedIcon, { slot: "icon", name: "check" }),
-      /* @__PURE__ */ jsx("div", { slot: "content", children: /* @__PURE__ */ jsx(Button, { onClick: () => handleCloseClick, children: i18n.get("finish") }) })
-    ] }) : /* @__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"),
-          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"),
-              selected: data.signer,
-              items: signers
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Field,
-        {
-          name: "acceptPci",
-          errorMessage: errors.acceptPci?.errorMessage,
-          isValid: valid.acceptPci,
-          showErrorIconBottom: true,
-          children: (childProps) => /* @__PURE__ */ jsx(
-            Checkbox,
-            {
-              ...childProps,
-              label: acceptPciLabel,
-              checked: data.acceptPci ?? false,
-              name: "acceptPci",
-              onChange: handleChangeFor("acceptPci")
-            }
-          )
-        }
-      )
-    ] }) }),
-    /* @__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) })
-    ] })
+  const acceptPciLabel = `${t(($) => $["acknowledgePciRequirements"])} ${t(($) => $["basedOnTheAboveSignatory"])}`;
+  const actions = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Button, { onClick: handleSignClick, fullWidth: true, disabled: isLoading, children: t(($) => $["sign"], { ns: "common" }) }),
+    /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: goHome, fullWidth: true, children: t(($) => $["finishLater"], { ns: "common" }) })
   ] });
+  return /* @__PURE__ */ jsx(MaybeModal, { inline: !asModal, onClose: handleCloseClick, inset: true, children: !needsSigning ? /* @__PURE__ */ jsx(
+    EndStateLayout,
+    {
+      title: t(($) => $["agreementSigned"], { ns: "common" }),
+      description: t(($) => $["pciDssSelfServiceQuestionnaireSignedSuccessfully"]),
+      action: handleCloseClick && /* @__PURE__ */ jsx(Button, { onClick: handleCloseClick, fullWidth: true, children: t(($) => $["finish"], { ns: "common" }) })
+    }
+  ) : /* @__PURE__ */ jsxs(
+    DetailViewLayout,
+    {
+      title: t(($) => $["pciDssSelfServiceQuestionnaire"]),
+      compact: asModal,
+      actions,
+      children: [
+        /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(ContractViewer, { contract: pciQuestionnaire, onExpandSection: handleExpandSection }) }),
+        /* @__PURE__ */ jsx(
+          Field,
+          {
+            name: "signer",
+            label: t(($) => $["signatory"], { ns: "common" }),
+            errorMessage: errors.signer?.errorMessage,
+            isValid: valid.signer,
+            dataTestId: "signer",
+            children: (childProps) => /* @__PURE__ */ jsx(
+              Select,
+              {
+                ...childProps,
+                onChange: handleChangeFor("signer", "blur"),
+                name: "signer",
+                placeholder: t(($) => $["selectSigner"]),
+                selected: data.signer,
+                items: signers
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Field,
+          {
+            name: "acceptPci",
+            errorMessage: errors.acceptPci?.errorMessage,
+            isValid: valid.acceptPci,
+            showErrorIconBottom: true,
+            children: (childProps) => /* @__PURE__ */ jsx(
+              Checkbox,
+              {
+                ...childProps,
+                label: acceptPciLabel,
+                checked: data.acceptPci ?? false,
+                name: "acceptPci",
+                onChange: handleChangeFor("acceptPci")
+              }
+            )
+          }
+        )
+      ]
+    }
+  ) });
 }
 function SignPCIComponent({
   modalView = false,
@@ -226,6 +224,7 @@ function SignPCIComponent({
   onUnmount
 }) {
   const additionalSalesChannels = useSalesChannelsSettings();
+  const { t } = useTranslation(["contract", "common"]);
   const { i18n } = useI18nContext();
   const {
     data: legalEntityData,
@@ -254,11 +253,14 @@ function SignPCIComponent({
     return /* @__PURE__ */ jsx(Loader, {});
   }
   if (isLegalEntityError || isPciStatusError) {
-    return /* @__PURE__ */ jsx(MaybeModal, { inline: !modalView, onClose: handleOnClose, children: /* @__PURE__ */ jsx(ModalContent, { children: /* @__PURE__ */ jsxs(FormEndState, { children: [
-      /* @__PURE__ */ jsx("template", { slot: "title", children: i18n.get("pciDoesNotNeedSigningOrHasBeenSigned") }),
-      /* @__PURE__ */ jsx(OutlinedIcon, { slot: "icon", name: "check" }),
-      /* @__PURE__ */ jsx("div", { slot: "content", children: /* @__PURE__ */ jsx(Button, { onClick: handleOnClose, children: i18n.get("finish") }) })
-    ] }) }) });
+    return /* @__PURE__ */ jsx(MaybeModal, { inline: !modalView, onClose: handleOnClose, children: /* @__PURE__ */ jsx(
+      EndStateLayout,
+      {
+        title: t(($) => $["nothingNeedsToBeSigned"]),
+        description: t(($) => $["pciDoesNotNeedSigningOrHasBeenSigned"], { ns: "common" }),
+        action: /* @__PURE__ */ jsx(Button, { onClick: handleOnClose, fullWidth: true, children: t(($) => $["finish"], { ns: "common" }) })
+      }
+    ) });
   }
   return /* @__PURE__ */ jsx(
     PciDropin,

package/dist/{SingpassSelection-BJNZw1u-.js → SingpassSelection-BqY3v7Hq.js}

@@ -9,7 +9,7 @@
 ;
 import { jsx, jsxs } from "preact/jsx-runtime";
 import { useState } from "preact/hooks";
-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-DhQ4sdLg.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-Fbl3I9L7.js";
 const setupAccountMethods = ["singpass", "manual"];
 const setupAccountMethodFields = ["setupAccountMethod"];
 const getSingpassSelectionDisabled = (legalEntityType) => {

package/dist/{SoleProprietorshipPage-Dtw3XHVJ.js → SoleProprietorshipPage-VL2n0omM.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] = "1913b304-c63e-4d1f-af11-bf9c6443925f", e._sentryDebugIdIdentifier = "sentry-dbid-1913b304-c63e-4d1f-af11-bf9c6443925f");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "5bff92e1-d8d5-4251-977e-01e597119c88", e._sentryDebugIdIdentifier = "sentry-dbid-5bff92e1-d8d5-4251-977e-01e597119c88");
   } catch (e) {
   }
 }
 ;
 import { jsx } from "preact/jsx-runtime";
-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-DhQ4sdLg.js";
-import { B as BusinessDetailsDropin } from "./BusinessDetailsDropin-O92NE-y1.js";
+import { d as useLegalEntity, R as ROOT_LE, B as skipToken, af as useCapabilityProblems, L as Loader, b7 as getProblemsForEntity, g as getLegalEntityCountry, $ as TaskTypes, Z as EntityTypes } from "./StoreProvider-Fbl3I9L7.js";
+import { B as BusinessDetailsDropin } from "./BusinessDetailsDropin-CCW1NBK5.js";
 function SoleProprietorshipPage({
   solePropId,
   isTargetLegalEntityType = false,

package/dist/{SourceOfFundsPage-gPmK4QX6.js → SourceOfFundsPage-BsHdnsPV.js}

@@ -2,26 +2,26 @@
 {
   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] = "b2d0ca13-5da3-44fb-9992-8ae1b4c13d5f", e._sentryDebugIdIdentifier = "sentry-dbid-b2d0ca13-5da3-44fb-9992-8ae1b4c13d5f");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "4ac1e4a4-cbd6-4cb8-99a8-7e245e3a24ef", e._sentryDebugIdIdentifier = "sentry-dbid-4ac1e4a4-cbd6-4cb8-99a8-7e245e3a24ef");
   } catch (e) {
   }
 }
 ;
 import { jsx, jsxs, Fragment } from "preact/jsx-runtime";
-import { a as useApiContext, r as useQuery, x as httpGet, bo as useInvalidateRootLegalEntity, bp as useMutation, t as httpPost, bA as formatObject, O as LegalEntityTypes, N as Typography, fz as Currencies, u as useI18nContext, aD as Field, fA as InputGroup, bu as Select, bE as InputText, bJ as InputDate, aH as TextArea, a_ as RadioGroup, aJ as CountryField, bc as Modal, K as Alert, G as Button, bi as Confirm, at as isEmpty, c as useTranslation, ay as useForm, fB as useGlobalDataSlice, aB as ErrorPanel, aC as createFormUtils, L as Loader, a7 as Icon, dr as getFormProps, a4 as Card, bf as StructuredList, a2 as IconButton, dh as isEmpty$1, H as Svg, a9 as useToastContext, a0 as createLogger, fC as Dropzone, cl as createDocumentRequest, br as useQueryClient, d as useLegalEntity, R as ROOT_LE, fg as useStateContext, a3 as useAnalyticsContext, fD as useLegalEntities, cy as getPropsFromConfigurations, bQ as getRequiredForms, bR as addValidityToForms, bS as useFormComposer, cp as documentApiUtils, fl as FormWrapper, af as useCapabilityProblems, b5 as getProblemsForEntity, Z as EntityTypes, g as getLegalEntityCountry } from "./StoreProvider-DhQ4sdLg.js";
+import { a as useApiContext, r as useQuery, x as httpGet, bm as useInvalidateRootLegalEntity, bn as useMutation, t as httpPost, bB as formatObject, O as LegalEntityTypes, N as Typography, fA as Currencies, u as useI18nContext, aD as Field, fB as InputGroup, bs as Select, bF as InputText, bK as InputDate, aH as TextArea, a_ as RadioGroup, aJ as CountryField, be as Modal, K as Alert, G as Button, bg as Confirm, at as isEmpty, c as useTranslation, ay as useForm, fC as useGlobalDataSlice, aB as ErrorPanel, aC as createFormUtils, L as Loader, a7 as Icon, ds as getFormProps, a4 as Card, bf as StructuredList, a2 as IconButton, co as isEmpty$1, H as Svg, a9 as useToastContext, a0 as createLogger, fD as Dropzone, cm as createDocumentRequest, bp as useQueryClient, d as useLegalEntity, R as ROOT_LE, fh as useStateContext, a3 as useAnalyticsContext, fE as useLegalEntities, cA as getPropsFromConfigurations, bR as getRequiredForms, bS as addValidityToForms, bT as useFormComposer, cr as documentApiUtils, fm as FormWrapper, af as useCapabilityProblems, b7 as getProblemsForEntity, Z as EntityTypes, g as getLegalEntityCountry } from "./StoreProvider-Fbl3I9L7.js";
 import { useState, useMemo, useEffect, useCallback, useRef } from "preact/hooks";
-import { u as useCreateLegalEntity, a as useUpdateLegalEntity } from "./useUpdateLegalEntity-LE_Kt3am.js";
-import { h as hasDataChanged } from "./hasDataChanged-DK74H0sZ.js";
+import { u as useCreateLegalEntity, a as useUpdateLegalEntity } from "./useUpdateLegalEntity-CcUHqJyo.js";
+import { h as hasDataChanged } from "./hasDataChanged-f49kid1W.js";
 import { signal } from "@preact/signals";
 import { a as formatAmountWithCurrency } from "./formatCurrency-CMOSdJMB.js";
-import { l as localizeDateString } from "./localizeDateString-C34eXZqY.js";
+import { l as localizeDateString } from "./localizeDateString-aA76e6GH.js";
 import { t as toCapitalized } from "./toCapitalized-Bq7laD0b.js";
-import { A as Avatar } from "./Avatar-5RObc8Yd.js";
-import { v as validateDateNotInTheFuture } from "./validate-B2VmmEPC.js";
-import { T as TileGroup } from "./TileGroup-BkLtnLiA.js";
-import { T as TaskStatusIndicator } from "./TaskStatusIndicator-B5fp8LzR.js";
-import { L as LandingLayout } from "./LandingLayout-DyY0Exht.js";
-import { n as normalizedTaskStatusStore } from "./OnboardingDropinComponent-B0Sj7qf1.js";
+import { A as Avatar } from "./Avatar-DY9KPxi_.js";
+import { v as validateDateNotInTheFuture } from "./validate-DUUyXWgS.js";
+import { T as TileGroup } from "./TileGroup-B7_1rrEe.js";
+import { T as TaskStatusIndicator } from "./TaskStatusIndicator-B7G7gqRt.js";
+import { L as LandingLayout } from "./isIdNowModalOpen-C3cyeMaK.js";
+import { n as normalizedTaskStatusStore } from "./OnboardingDropinComponent-Dvq5Ocum.js";
 const getBusinessLines = async (legalEntityId, baseUrl) => {
   return httpGet({
     baseUrl,