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

package/dist/{ProviderButton-vD5DUJaN.js → ProviderButton-B58n0cRC.js}

@@ -2,22 +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] = "79c57863-a77e-440e-8537-c8c855efd6dc", e._sentryDebugIdIdentifier = "sentry-dbid-79c57863-a77e-440e-8537-c8c855efd6dc");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "07ecea63-cdf7-435b-af16-ca49c52d9e84", e._sentryDebugIdIdentifier = "sentry-dbid-07ecea63-cdf7-435b-af16-ca49c52d9e84");
   } catch (e) {
   }
 }
 ;
-import { a as useLegalEntity, R as ROOT_LE, a$ as getCapabilityProblems, g as getLegalEntityCountry, q as useApiContext, r as useQuery, b7 as httpPost, a5 as useExperimentsContext, am as CountryCodes, H as isPartOfTrustFromLegalEntity, z as LegalEntityType, J as hasSolePropInLegalEntity, aZ as TrustedFieldsProvider, b8 as individualComponentsKeyMapping, b9 as businessDetailsComponentsKeyMapping, b as useI18nContext, Z as Button, ba as Svg } from "./StoreProvider-COHi02bX.js";
 import { useReducer, useMemo } from "preact/hooks";
+import { p as useApiContext, q as useQuery, bk as httpPost, a7 as useExperimentsContext, g as getLegalEntityCountry, aq as CountryCodes, H as isPartOfTrustFromLegalEntity, y as LegalEntityType, J as hasSolePropInLegalEntity, b2 as TrustedFieldsProvider, bn as individualComponentsKeyMapping, bo as businessDetailsComponentsKeyMapping, a as useTranslation, _ as Button, bp as Svg } from "./StoreProvider-ClKLaHzy.js";
 import { jsx, jsxs } from "preact/jsx-runtime";
-const useCapabilityProblems = () => {
-  const { data: rootLegalEntity } = useLegalEntity(ROOT_LE);
-  return rootLegalEntity ? getCapabilityProblems(rootLegalEntity, getLegalEntityCountry(rootLegalEntity)) : void 0;
-};
-const getProblemsForEntity = (capabilityProblems, entityType, entityId) => {
-  var _a;
-  return (_a = capabilityProblems[entityType]) == null ? void 0 : _a[entityId];
-};
 async function convertToSingpassLinkResponse(openIdInitiateResponse) {
   const response = await Promise.resolve(openIdInitiateResponse);
   const item = { authUrl: response.authUrl, success: true };
@@ -113,7 +105,7 @@ const useSingpassMyInfoLogin = ({
   const { isExperimentEnabled } = useExperimentsContext();
   const isSingpassEnabledForOC = isExperimentEnabled("UseOnboardingComponentsForSingpass");
   const apiMapping = getApiMapping(legalEntity);
-  const legalEntityTrustedFields = legalEntity == null ? void 0 : legalEntity.trustedFields;
+  const legalEntityTrustedFields = legalEntity?.trustedFields;
   const { refetch: fetchOpenIdAuthorizationLink } = useOpenIdAuthorizationLink({ enabled: false });
   const isEligibleForSingpass = useMemo(() => {
     if (!legalEntity) {
@@ -134,9 +126,8 @@ const useSingpassMyInfoLogin = ({
     return isVanillaOrganization && isSingpassEnabledForOC || isVanillaIndividual && isSingpassEnabledForOC;
   }, [legalEntity, accountHolder]);
   const singpassTrustedFields = useMemo(() => {
-    var _a;
     const allTrustedFields = isEligibleForSingpass && legalEntityTrustedFields ? legalEntityTrustedFields : [];
-    return ((_a = allTrustedFields.find((tf) => tf.provider === TrustedFieldsProvider.SINGPASS)) == null ? void 0 : _a.fields) || [];
+    return allTrustedFields.find((tf) => tf.provider === TrustedFieldsProvider.SINGPASS)?.fields || [];
   }, [isEligibleForSingpass, legalEntity]);
   const trustedFields = useMemo(
     () => apiMapping ? parseTrustedFieldsIntoReadOnlyFields(singpassTrustedFields, apiMapping) : {},
@@ -153,7 +144,7 @@ const useSingpassMyInfoLogin = ({
       /* LOADING */
     });
     const { data } = await fetchOpenIdAuthorizationLink();
-    return data == null ? void 0 : data.item.authUrl;
+    return data?.item.authUrl;
   };
   const handleSingpassMyInfoLoginSuccess = () => {
     dispatch({
@@ -204,7 +195,7 @@ const ProviderButton = ({
 }) => {
   const isSingpass = provider.includes("singpassMyInfo");
   const buttonVariant = isSingpass ? "secondary" : "primary";
-  const { i18n } = useI18nContext();
+  const { t } = useTranslation();
   const buttonProps = {
     disabled,
     fullWidth,
@@ -229,12 +220,12 @@ const ProviderButton = ({
     singpassMyInfoBusiness: "Singpass"
   };
   const buttonLabel = {
-    tink: i18n.get("addAccountWith"),
-    yapily: i18n.get("addAccountWith"),
-    plaid: i18n.get("addAccountWith"),
-    onfido: i18n.get("addDetailsWith"),
-    singpassMyInfo: i18n.get("retrieveMyinfoWith"),
-    singpassMyInfoBusiness: i18n.get("retrieveMyinfoBusinessWith")
+    tink: t(($) => $["addAccountWith"]),
+    yapily: t(($) => $["addAccountWith"]),
+    plaid: t(($) => $["addAccountWith"]),
+    onfido: t(($) => $["addDetailsWith"]),
+    singpassMyInfo: t(($) => $["retrieveMyinfoWith"]),
+    singpassMyInfoBusiness: t(($) => $["retrieveMyinfoBusinessWith"])
   };
   return /* @__PURE__ */ jsx(Button, { ...buttonProps, variant: buttonVariant, children: /* @__PURE__ */ jsxs("div", { className: styles.providerButton, children: [
     buttonLabel[provider],
@@ -244,7 +235,5 @@ const ProviderButton = ({
 };
 export {
   ProviderButton as P,
-  useSingpassMyInfoLogin as a,
-  getProblemsForEntity as g,
-  useCapabilityProblems as u
+  useSingpassMyInfoLogin as u
 };

package/dist/{Review-BFgzcIDj.js → Review-O6Al47Cu.js}

@@ -2,16 +2,15 @@
 {
   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] = "a08f0e71-c9b5-4f90-acd5-dfacd7843ebe", e._sentryDebugIdIdentifier = "sentry-dbid-a08f0e71-c9b5-4f90-acd5-dfacd7843ebe");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "980a2c6f-4646-404e-8046-db0659aac734", e._sentryDebugIdIdentifier = "sentry-dbid-980a2c6f-4646-404e-8046-db0659aac734");
   } catch (e) {
   }
 }
 ;
 import { jsx, jsxs } from "preact/jsx-runtime";
 import { useState } from "preact/hooks";
-import { q as useApiContext, b5 as useMutation, b7 as httpPost, b as useI18nContext, a2 as LoaderWrapper, F as FormHeader, bv as Checkbox, aM as ActionBar } from "./StoreProvider-COHi02bX.js";
-import { u as useToastContext } from "./useToastContext-CF2xonft.js";
-import { D as DropinLayout } from "./OnboardingDropinComponent-CocnpjvA.js";
+import { p as useApiContext, bi as useMutation, bk as httpPost, a as useTranslation, a6 as useToastContext, a3 as LoaderWrapper, F as FormHeader, bv as Checkbox, aQ as ActionBar } from "./StoreProvider-ClKLaHzy.js";
+import { D as DropinLayout } from "./OnboardingDropinComponent-DBW5N3Dr.js";
 const confirmReview = async (legalEntityId, baseUrl) => {
   return httpPost({
     baseUrl,
@@ -28,13 +27,13 @@ const useConfirmReview = (options) => {
   });
 };
 function Review({ handleHomeClick }) {
-  const { i18n } = useI18nContext();
+  const { t } = useTranslation();
   const [loadingStatus, setLoadingStatus] = useState();
   const { showToast } = useToastContext();
   const [hasConfirmed, setHasConfirmed] = useState(false);
   const content = /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(LoaderWrapper, { status: loadingStatus, formOpacityWhenLoading: 0.3, showSpinner: false, children: [
-    /* @__PURE__ */ jsx(FormHeader, { heading: i18n.get("submitReviewOfYourData") }),
-    /* @__PURE__ */ jsx("span", { children: i18n.get("pleaseNote") }),
+    /* @__PURE__ */ jsx(FormHeader, { heading: t(($) => $["submitReviewOfYourData"]) }),
+    /* @__PURE__ */ jsx("span", { children: t(($) => $["pleaseNote"]) }),
     /* @__PURE__ */ jsx("br", {}),
     /* @__PURE__ */ jsx("br", {}),
     /* @__PURE__ */ jsx(
@@ -43,7 +42,7 @@ function Review({ handleHomeClick }) {
         id: "review-checkbox",
         checked: hasConfirmed,
         onChange: setHasConfirmed,
-        label: i18n.get("byClickingSubmitReview"),
+        label: t(($) => $["byClickingSubmitReview"]),
         name: "confirmReviewData"
       }
     )
@@ -54,10 +53,10 @@ function Review({ handleHomeClick }) {
       setLoadingStatus("loading");
       await confirmReview2();
       setLoadingStatus("success");
-      showToast({ label: i18n.get("submitSuccessful"), variant: "success" });
+      showToast({ label: t(($) => $["submitSuccessful"]), variant: "success" });
       handleHomeClick();
     } catch {
-      showToast({ label: i18n.get("submitFailed"), variant: "error" });
+      showToast({ label: t(($) => $["submitFailed"]), variant: "error" });
     } finally {
       setLoadingStatus("success");
     }
@@ -66,9 +65,9 @@ function Review({ handleHomeClick }) {
     ActionBar,
     {
       onHome: handleHomeClick,
-      homeButtonLabel: i18n.get("goToOverview"),
+      homeButtonLabel: t(($) => $["goToOverview"]),
       onNext: onConfirmClick,
-      nextButtonLabel: i18n.get("submitReview"),
+      nextButtonLabel: t(($) => $["submitReview"]),
       nextButtonDisabled: !hasConfirmed
     }
   );

package/dist/{RootBusinessDetailsPage-C6lHQShI.js → RootBusinessDetailsPage-q_6wAcer.js}

@@ -2,15 +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] = "f7484c67-ea8e-4752-837b-e20a7dce297c", e._sentryDebugIdIdentifier = "sentry-dbid-f7484c67-ea8e-4752-837b-e20a7dce297c");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "65c2e40c-b998-4081-a2a8-7527f5b810c8", e._sentryDebugIdIdentifier = "sentry-dbid-65c2e40c-b998-4081-a2a8-7527f5b810c8");
   } catch (e) {
   }
 }
 ;
 import { jsx } from "preact/jsx-runtime";
-import { U as useAccountHolder, a as useLegalEntity, R as ROOT_LE, L as Loader, H as isPartOfTrustFromLegalEntity, V as EntityType, g as getLegalEntityCountry, X as TaskTypes } from "./StoreProvider-COHi02bX.js";
-import { u as useCapabilityProblems, g as getProblemsForEntity } from "./ProviderButton-vD5DUJaN.js";
-import { B as BusinessDetailsDropin } from "./BusinessDetailsDropin-DC8FEWvP.js";
+import { U as useAccountHolder, b as useLegalEntity, R as ROOT_LE, ac as useCapabilityProblems, L as Loader, H as isPartOfTrustFromLegalEntity, bl as getProblemsForEntity, V as EntityType, g as getLegalEntityCountry, X as TaskTypes } from "./StoreProvider-ClKLaHzy.js";
+import { B as BusinessDetailsDropin } from "./BusinessDetailsDropin-DQcfiSR8.js";
 const RootBusinessDetailsPage = ({
   isTargetLegalEntityType = false,
   onSubmit,

package/dist/{RootIndividualDetailsPage-DfpqHdAS.js → RootIndividualDetailsPage-CiXgSJsV.js}

@@ -2,15 +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] = "dd4928d7-6dca-4121-8e8e-0c70c1e3f0e7", e._sentryDebugIdIdentifier = "sentry-dbid-dd4928d7-6dca-4121-8e8e-0c70c1e3f0e7");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "b26dafc5-1db0-430c-ab45-0efde3e70275", e._sentryDebugIdIdentifier = "sentry-dbid-b26dafc5-1db0-430c-ab45-0efde3e70275");
   } catch (e) {
   }
 }
 ;
 import { jsx } from "preact/jsx-runtime";
-import { a as useLegalEntity, R as ROOT_LE, a5 as useExperimentsContext, U as useAccountHolder, L as Loader, g as getLegalEntityCountry, H as isPartOfTrustFromLegalEntity, V as EntityType, X as TaskTypes, a4 as noop } from "./StoreProvider-COHi02bX.js";
-import { u as useCapabilityProblems, g as getProblemsForEntity } from "./ProviderButton-vD5DUJaN.js";
-import { i as isOnfidoAutofillFlowEnabled, I as IndividualOnfidoDropin, a as IndividualDropin } from "./IndividualOnfidoDropin-D6uwo7VI.js";
+import { b as useLegalEntity, R as ROOT_LE, ac as useCapabilityProblems, a7 as useExperimentsContext, U as useAccountHolder, L as Loader, g as getLegalEntityCountry, H as isPartOfTrustFromLegalEntity, bl as getProblemsForEntity, V as EntityType, bm as isOnfidoAutofillFlowEnabled, X as TaskTypes, a5 as noop } from "./StoreProvider-ClKLaHzy.js";
+import { I as IndividualOnfidoDropin, a as IndividualDropin } from "./IndividualOnfidoDropin-DHhyO2ai.js";
 function RootIndividualDetailsPage({
   asModal = false,
   hideSidebar = false,

package/dist/{SignPCIComponent-D35913wJ.js → SignPCIComponent-cqRNhGdl.js}

@@ -2,21 +2,17 @@
 {
   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] = "49b0b2f2-0eca-475b-97c1-e0a4cf2530e0", e._sentryDebugIdIdentifier = "sentry-dbid-49b0b2f2-0eca-475b-97c1-e0a4cf2530e0");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "83daae3a-5b30-4657-85a8-35942c610c3d", e._sentryDebugIdIdentifier = "sentry-dbid-83daae3a-5b30-4657-85a8-35942c610c3d");
   } catch (e) {
   }
 }
 ;
 import { jsxs, Fragment, jsx } from "preact/jsx-runtime";
-import { q as useApiContext, r as useQuery, b7 as httpPost, b4 as useInvalidateRootLegalEntity, b5 as useMutation, an as isEmpty, b as useI18nContext, $ as useAnalyticsContext, as as useForm, bn as getOwnDecisionMakers, z as LegalEntityType, X as TaskTypes, Z as Button, a2 as LoaderWrapper, ax as Field, bw as Select, bv as Checkbox, a as useLegalEntity, R as ROOT_LE, L as Loader } from "./StoreProvider-COHi02bX.js";
-import { u as useSalesChannelsSettings, a as usePciStatus } from "./useSalesChannelsSettings-BGuBY0ls.js";
-import { M as MaybeModal } from "./MaybeModal-Djz8fRfd.js";
-import { b as ModalContent, c as ModalFooter } from "./Modal-CRNejb1x.js";
-import { O as OutlinedIcon, C as ContractViewer } from "./ContractViewer-BChszuWL.js";
-import { F as FormEndState } from "./FormEndState-BQOQ83vO.js";
+import { p as useApiContext, q as useQuery, bk as httpPost, bh as useInvalidateRootLegalEntity, bi as useMutation, ar as isEmpty, ap as useI18nContext, a0 as useAnalyticsContext, a6 as useToastContext, aw as useForm, by as getOwnDecisionMakers, y as LegalEntityType, X as TaskTypes, bw as MaybeModal, b7 as ModalContent, _ as Button, a3 as LoaderWrapper, aB as Field, bu as Select, bv as Checkbox, b9 as ModalFooter, ba as Spacer, b as useLegalEntity, R as ROOT_LE, L as Loader } from "./StoreProvider-ClKLaHzy.js";
+import { u as useSalesChannelsSettings, a as usePciStatus } from "./useSalesChannelsSettings-43TfSoxc.js";
+import { O as OutlinedIcon, C as ContractViewer } from "./ContractViewer-B0bZ14Ts.js";
+import { F as FormEndState } from "./FormEndState-JB6QFSet.js";
 import { useState, useCallback, useEffect } from "preact/hooks";
-import { S as Spacer } from "./Spacer-BK3jDget.js";
-import { u as useToastContext } from "./useToastContext-CF2xonft.js";
 const getPciTemplate = async (legalEntityId, baseUrl, data) => {
   return httpPost(
     {
@@ -77,7 +73,6 @@ function PciDropin({
   needsSigning = true,
   handleCloseClick
 }) {
-  var _a, _b, _c, _d;
   const { i18n } = useI18nContext();
   const userEvents = useAnalyticsContext();
   const { showToast } = useToastContext();
@@ -107,7 +102,7 @@ function PciDropin({
   ).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 () => {
@@ -130,8 +125,8 @@ function PciDropin({
         showToast({ label: i18n.get("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 {
@@ -180,10 +175,10 @@ function PciDropin({
         {
           name: "signer",
           label: i18n.get("signer"),
-          classNameModifiers: ["col-50"],
-          className: "adyen-kyc-u-margin-y-32",
-          errorMessage: (_c = errors.signer) == null ? void 0 : _c.errorMessage,
+          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,
             {
@@ -200,9 +195,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(
@@ -252,9 +246,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, {});
@@ -275,12 +269,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-D2Xe1wGv.js → SingpassSelection-BWEJ3Yi-.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] = "a05c2b72-1645-44e6-933b-1d7e745e9480", e._sentryDebugIdIdentifier = "sentry-dbid-a05c2b72-1645-44e6-933b-1d7e745e9480");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "5fd14db5-73ae-41c8-9f83-57b57aeb1be3", e._sentryDebugIdIdentifier = "sentry-dbid-5fd14db5-73ae-41c8-9f83-57b57aeb1be3");
   } catch (e) {
   }
 }
 ;
 import { jsx, jsxs } from "preact/jsx-runtime";
 import { useState } from "preact/hooks";
-import { b as useI18nContext, as as useForm, G as Typography, ax as Field, aA as RadioGroupCard, Z as Button, ba as Svg, z as LegalEntityType } from "./StoreProvider-COHi02bX.js";
+import { a as useTranslation, aw as useForm, G as Typography, aB as Field, aE as RadioGroupCard, _ as Button, bp as Svg, y as LegalEntityType } from "./StoreProvider-ClKLaHzy.js";
 const setupAccountMethods = ["singpass", "manual"];
 const setupAccountMethodFields = ["setupAccountMethod"];
 const getSingpassSelectionDisabled = (legalEntityType) => {
@@ -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-D2F8Ghmo.js → SoleProprietorshipPage-CRcJSpn9.js}

@@ -2,15 +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] = "170d377e-1b47-41a9-9e01-99793dabd3e1", e._sentryDebugIdIdentifier = "sentry-dbid-170d377e-1b47-41a9-9e01-99793dabd3e1");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "1ac4915b-51d5-4301-a218-762908b9069a", e._sentryDebugIdIdentifier = "sentry-dbid-1ac4915b-51d5-4301-a218-762908b9069a");
   } catch (e) {
   }
 }
 ;
 import { jsx } from "preact/jsx-runtime";
-import { a as useLegalEntity, R as ROOT_LE, x as skipToken, L as Loader, V as EntityType, g as getLegalEntityCountry, X as TaskTypes } from "./StoreProvider-COHi02bX.js";
-import { u as useCapabilityProblems, g as getProblemsForEntity } from "./ProviderButton-vD5DUJaN.js";
-import { B as BusinessDetailsDropin } from "./BusinessDetailsDropin-DC8FEWvP.js";
+import { b as useLegalEntity, R as ROOT_LE, w as skipToken, ac as useCapabilityProblems, L as Loader, bl as getProblemsForEntity, V as EntityType, g as getLegalEntityCountry, X as TaskTypes } from "./StoreProvider-ClKLaHzy.js";
+import { B as BusinessDetailsDropin } from "./BusinessDetailsDropin-DQcfiSR8.js";
 function SoleProprietorshipPage({
   solePropId,
   isTargetLegalEntityType = false,
@@ -32,7 +31,7 @@ function SoleProprietorshipPage({
       taskName: "soleProprietorship",
       legalEntityResponse: rootLe,
       associatedLegalArrangement: solePropLe,
-      problems,
+      problems: problems ?? {},
       country,
       isTargetLegalEntityType,
       onSubmit,