@adyen/kyc-components 3.83.0 → 3.85.0-beta.1

package/dist/{TaskItemStatus-Clfh9v2q.js → TaskItemStatus-DuJ01Ng6.js}

@@ -2,15 +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] = "dd72ff50-254d-4b92-a564-0ed35436e325", e._sentryDebugIdIdentifier = "sentry-dbid-dd72ff50-254d-4b92-a564-0ed35436e325");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "e1d98aa6-1116-4653-8657-d149b4640c04", e._sentryDebugIdIdentifier = "sentry-dbid-e1d98aa6-1116-4653-8657-d149b4640c04");
   } catch (e) {
   }
 }
 ;
 import { jsxs, jsx } from "preact/jsx-runtime";
 import cx from "classnames";
-import { L as Loader, V as Icon, a as useTranslation, O as TaskStatuses } from "./StoreProvider-DGxWcgrS.js";
-import { K as KEYBOARD_KEYS } from "./Modal-BaaNj5F-.js";
+import { L as Loader, U as Icon, u as useTranslation, O as TaskStatuses } from "./StoreProvider-DadhkEyO.js";
+import { K as KEYBOARD_KEYS } from "./Modal-DvB1odWq.js";
 const Status = ({ text, className, iconStatusClass, icon, size = "small" }) => {
   const containerClasses = cx("adyen-kyc-status", className);
   const iconClasses = cx("adyen-kyc-status__icon", iconStatusClass, {
@@ -102,17 +102,6 @@ const TaskItemStatus = ({
       return /* @__PURE__ */ jsx("span", { className: "adyen-kyc-task-status-sign", children: statusLabel || t(($) => $["sign"]) });
     case TaskStatuses.SUBMIT:
       return /* @__PURE__ */ jsx("span", { className: "adyen-kyc-task-status-submit", children: statusLabel || t(($) => $["submit"]) });
-    case TaskStatuses.REMOVING:
-      return /* @__PURE__ */ jsx(
-        Status,
-        {
-          className: "",
-          iconStatusClass: "",
-          icon: "loading",
-          text: statusLabel || t(($) => $["removing"]),
-          size
-        }
-      );
     case TaskStatuses.DETAILS_REQUIRED:
     case TaskStatuses.EMPTY:
       return /* @__PURE__ */ jsx("span", { className: "adyen-kyc-task-status-details-required", children: statusLabel || t(($) => $["add"]) });

package/dist/{TaxInformationField-Bu8s2JZA.js → TaxInformationField-C4OeLAhU.js}

@@ -2,27 +2,29 @@
 {
   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] = "108496e1-8f8e-4808-ba12-a766949b9ac1", e._sentryDebugIdIdentifier = "sentry-dbid-108496e1-8f8e-4808-ba12-a766949b9ac1");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "2ce92353-506c-4919-94b9-2129cbd70262", e._sentryDebugIdIdentifier = "sentry-dbid-2ce92353-506c-4919-94b9-2129cbd70262");
   } catch (e) {
   }
 }
 ;
-import { bx as getNestedPropertyKeys, ag as objectsDeepEqual, a as useTranslation, c as useLegalEntity, R as ROOT_LE, aa as CountryCodes, y as LegalEntityTypes, M as TaskTypes, as as keysOf, X as useExperimentsContext } from "./StoreProvider-DGxWcgrS.js";
+import { bs as getNestedPropertyKeys, ai as objectsDeepEqual, u as useTranslation, c as useLegalEntity, R as ROOT_LE, a9 as CountryCodes, y as LegalEntityTypes, M as TaskTypes, aG as keysOf, X as useExperimentsContext } from "./StoreProvider-DadhkEyO.js";
 import { jsxs, jsx, Fragment } from "preact/jsx-runtime";
 import { memo } from "preact/compat";
 import { useState, useRef, useEffect, useCallback, useMemo } from "preact/hooks";
-import { a as useForm, F as Field, S as Select, C as Checkbox } from "./useForm-NtB5fMq5.js";
-import { c as createFormUtils, F as FormHeader, E as ErrorPanel } from "./CountryField-DrB-OFMR.js";
-import { T as TextArea, i as validatePatternOnBlur, e as validateNotEmptyOnBlur, c as createFormRules, a as useAccountHolder } from "./fieldConfigurations-BzmPcPW1.js";
-import { S as StateContextSetter } from "./validate-C6-L7Vfa.js";
-import { D as DocumentGuidance, u as uppercase } from "./mapExistingFile-Dww-3m9M.js";
-import { D as Dropzone } from "./Dropzone-DXfuqm2D.js";
-import { C as CompanyTypesValues } from "./bafinUtils-BJao1Xb_.js";
-import { m as makeMask, n as numericInputs, a as nonInputs, d as alphanumericInputs, c as customInputs, b as alphaInputs, s as spacer, M as MaskedInput } from "./MaskedInput-OYLtVOZ6.js";
-import { S as SettingNames } from "./InputText-CqLs_M75.js";
-import { C as COUNTRIES_WITH_STATES_DATASET } from "./utils-BMvr9mIu.js";
-import { i as isDateOlderThanAYear } from "./Address-DzNHaLQd.js";
-import { R as RadioGroup } from "./RadioGroup-QZCH1TCn.js";
+import { a as useForm, F as Field, c as Select } from "./useForm-Aw38WiTE.js";
+import { c as createFormUtils, H as Header, E as ErrorPanel } from "./CountryField-DunKeW_n.js";
+import { T as TextArea, f as validatePatternOnBlur, c as validateNotEmptyOnBlur, a as useAccountHolder } from "./fieldConfigurations-BZuo2e0d.js";
+import { S as StateContextSetter } from "./validate-6QHmaW1O.js";
+import { D as DocumentGuidance, u as uppercase } from "./mapExistingFile-Ct5Drm_t.js";
+import { D as Dropzone } from "./Dropzone-BtTUNjsc.js";
+import { C as Checkbox } from "./analytics-awjVudvY.js";
+import { C as CompanyTypesValues } from "./bafinUtils-CAVAvSFg.js";
+import { m as makeMask, n as numericInputs, a as nonInputs, d as alphanumericInputs, c as customInputs, b as alphaInputs, s as spacer, M as MaskedInput } from "./MaskedInput-CSKFmTC0.js";
+import { S as SettingNames } from "./InputText-zem7Kt4i.js";
+import { C as COUNTRIES_WITH_STATES_DATASET } from "./utils-qNiMqbmo.js";
+import { c as createFormRules } from "./form-rules-DhbF2mY4.js";
+import { i as isDateOlderThanAYear } from "./Address-BBHj9Aas.js";
+import { R as RadioGroup } from "./RadioGroup-Br5v8w0a.js";
 const getFieldsWithExistingData = (legalEntity, keyMapping, documentMapping, knownProblematicFields = []) => {
   const apiFieldsWithExistingData = getNestedPropertyKeys(legalEntity);
   const nonDocumentFields = apiFieldsWithExistingData.map((field) => keyMapping[field]).filter(Boolean).filter((field) => !knownProblematicFields.includes(field));
@@ -107,7 +109,7 @@ function DocumentUpload({
       className: `adyen-kyc-company-document-upload adyen-kyc-company-document-upload--${documentField}`,
       children: [
         /* @__PURE__ */ jsx(StateContextSetter, { owner: props.id, stateRef }),
-        /* @__PURE__ */ jsx(FormHeader, { heading: props.heading, description: props.description }),
+        props.heading && /* @__PURE__ */ jsx(Header, { title: props.heading, description: props.description }),
         /* @__PURE__ */ jsx(
           ErrorPanel,
           {
@@ -2622,8 +2624,9 @@ const rules = ({
         }
       }
     },
+    // TODO: This should be renamed due to the additional conditionals
     countryUsingCompanySearch: () => {
-      if (taskType === TaskTypes.SOLE_PROPRIETOR_COMPANY) {
+      if (taskType === TaskTypes.SOLE_PROPRIETOR_COMPANY || taskType === TaskTypes.TRUST_MEMBER_COMPANY || taskType === TaskTypes.UNINCORPORATED_PARTNERSHIP_MEMBER_COMPANY) {
         return;
       }
       if (COUNTRIES_USING_COMPANY_SEARCH.includes(country)) {
@@ -2645,7 +2648,7 @@ const rules = ({
     },
     isIndustryCodeRequired: () => {
       const needsBusinessLine = requestingIssuing(rootLegalEntity) || requestingBanking(rootLegalEntity);
-      if (isSettingEnabled(SettingNames.AllowSettingPrimaryIndustryCode) && needsBusinessLine) {
+      if (isSettingEnabled(SettingNames.AllowBusinessLines) && needsBusinessLine) {
         return "REQUIRED";
       }
     },
@@ -2825,8 +2828,8 @@ function TaxInformationField({
   const { t } = useTranslation("common");
   const { accountHolder } = useAccountHolder();
   const currentCountryTaxInformation = useMemo(
-    () => data?.taxInformation?.find((taxInfo) => taxInfo.country === country),
-    [data, country]
+    () => data?.taxInformation?.find((taxInfo) => taxInfo.country === country) ?? (!data.exemptedFromTax ? defaultData?.find((taxInfo) => taxInfo.country === country) : void 0),
+    [data?.taxInformation, data.exemptedFromTax, defaultData, country]
   );
   const isUsSoleProp = country === "US" && entityType === CompanyTypesValues.SOLE_PROPRIETORSHIP;
   const exemptionLabel = isUsSoleProp ? t(($) => $["socialSecurityNumber"]) : labels.exemptedFromTax;
@@ -2943,7 +2946,7 @@ function TaxInformationField({
     return handleChangeFor("taxInformation", "blur")(updatedTaxInformation);
   };
   useEffect(() => {
-    if (country === "SG" && data.isUen && currentCountryTaxInformation?.number !== registrationNumber) {
+    if (country === "SG" && data.isUen && registrationNumber && registrationNumber !== currentCountryTaxInformation?.number) {
       setUenAsTaxId(registrationNumber);
     }
   }, [
@@ -3062,24 +3065,24 @@ function TaxInformationField({
   ] });
 }
 export {
-  COUNTRIES_USING_COMPANY_SEARCH as C,
+  COUNTRY_OF_GOVERNING_LAW_POSSIBLE as C,
   MemoizedDocumentUpload as M,
   StateCodesUS as S,
   TaxInformationField as T,
   additionallIdNumberOptions as a,
   taxInformationDefaultFieldConfig as b,
-  requestingIssuing as c,
-  TAX_INFORMATION_FIELD as d,
-  rules as e,
-  exemptedFromTaxDefaultFieldMetadata as f,
+  TAX_INFORMATION_FIELD as c,
+  requestingIssuing as d,
+  exemptedFromTaxDefaultFieldMetadata as e,
+  exemptedFromTaxDefaultFieldConfig as f,
   getFieldsWithExistingData as g,
-  exemptedFromTaxDefaultFieldConfig as h,
+  COUNTRIES_USING_COMPANY_SEARCH as h,
   individualIdNumberOptions as i,
-  COUNTRY_OF_GOVERNING_LAW_POSSIBLE as j,
-  isRegistrationNumberAbsentStateV4Scenario as k,
-  COUNTRIES_THAT_USE_TAX_ID_INSTEAD_OF_VAT as l,
-  getCompanyRegistrationNumberOptions as m,
-  countryToTaxInfoTypeMap as n,
+  isRegistrationNumberAbsentStateV4Scenario as j,
+  COUNTRIES_THAT_USE_TAX_ID_INSTEAD_OF_VAT as k,
+  getCompanyRegistrationNumberOptions as l,
+  countryToTaxInfoTypeMap as m,
+  rules as n,
   businessRegistrationNumberMasks as o,
   businessRegistrationNumberPatterns as p,
   getVatNumberOptions as q,

package/dist/{TaxReportingDropin-C1aPbXfp.js → TaxReportingDropin-2VcdfJvr.js}

@@ -2,30 +2,31 @@
 {
   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] = "fc62a457-4bc2-4acf-a950-461d943984e4", e._sentryDebugIdIdentifier = "sentry-dbid-fc62a457-4bc2-4acf-a950-461d943984e4");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "d7a6688d-861f-4d5a-a9a9-b2acb7a5e893", e._sentryDebugIdIdentifier = "sentry-dbid-d7a6688d-861f-4d5a-a9a9-b2acb7a5e893");
   } catch (e) {
   }
 }
 ;
-import { T as Trans, a as addResourceBundles, _ as __variableDynamicImportRuntimeHelper } from "./translation-C21WMjvq.js";
+import { b as useApiContext, j as useQuery, o as httpGet, x as Typography, u as useTranslation, ad as Trans, U as Icon, B as Button, V as IconButton, aa as isEmpty$1, a as addResourceBundles, P as useAnalyticsContext, c as useLegalEntity, R as ROOT_LE, N as createLogger, L as Loader, _ as __variableDynamicImportRuntimeHelper } from "./StoreProvider-DadhkEyO.js";
 import { jsx, jsxs, Fragment } from "preact/jsx-runtime";
 import { useState, useRef, useEffect, useMemo, useCallback } from "preact/hooks";
-import { a as useInvalidateRootLegalEntity } from "./useToastContext-D4w2gBxd.js";
-import { b as useApiContext, j as useQuery, o as httpGet, x as Typography, a as useTranslation, u as useI18nContext, V as Icon, B as Button, P as IconButton, a7 as isEmpty$1, U as useAnalyticsContext, c as useLegalEntity, R as ROOT_LE, N as createLogger, L as Loader } from "./StoreProvider-DGxWcgrS.js";
-import { u as useFormContext, R as RadioGroup, d as useUpdateLegalEntity, a as useMultiForm, F as FormContextProvider, b as FormFlow } from "./RadioGroup-QZCH1TCn.js";
-import { l as getFormProps, g as getRequiredForms, a as addValidityToForms, u as useFormComposer } from "./CountryField-DrB-OFMR.js";
+import { a as useInvalidateRootLegalEntity } from "./useToastContext-D58NfzLh.js";
+import { R as RadioGroup, a as useUpdateLegalEntity } from "./RadioGroup-Br5v8w0a.js";
+import { u as useFormContext, F as FormContextProvider, a as FormFlow } from "./useFormContext-Bx1n-f4V.js";
+import { g as getRequiredForms, a as addValidityToForms, u as useFormComposer } from "./dropinUtils-wWEQXoqU.js";
+import { u as useMultiForm } from "./useMultiForm-D-wGVJq1.js";
 import { signal } from "@preact/signals";
-import { F as Field } from "./useForm-NtB5fMq5.js";
-import { L as Link } from "./Link-CaxhkJ24.js";
-import { a as Alert } from "./Alert-Ce3pDSUY.js";
+import { H as Header, h as getFormProps } from "./CountryField-DunKeW_n.js";
+import { F as Field } from "./useForm-Aw38WiTE.js";
+import { L as Link } from "./Link-BZJgg2rS.js";
+import { a as Alert } from "./Alert-Dz_jjJ1E.js";
 import { lazy } from "preact/compat";
-import { I as Image } from "./fieldConfigurations-BzmPcPW1.js";
-import { S as StructuredList } from "./useDataset-CYBhIC5y.js";
-import { T as TaskStatusIndicator } from "./TaskStatusIndicator-CEZcV_gi.js";
-import { L as LandingLayout } from "./bafinUtils-BJao1Xb_.js";
-import { C as Card } from "./Card-Cma0bwYR.js";
-import { n as normalizedTaskStatusStore } from "./OnboardingDropinComponent-DIf93Tzb.js";
-import { i as isEmpty } from "./isEmpty-Cg1sEY56.js";
+import { I as Image } from "./Image-TkXLA-UY.js";
+import { S as StructuredList } from "./useDataset-B-72Ufk7.js";
+import { L as LandingLayout } from "./LandingLayout-BLjTVlVb.js";
+import { C as Card } from "./Card-dFm_Z3TI.js";
+import { n as normalizedTaskStatusStore } from "./OnboardingDropinComponent-KKy3000L.js";
+import { i as isEmpty } from "./isEmpty-DWL1114W.js";
 const getTaxClassification = async (legalEntityId, baseUrl) => {
   return httpGet({
     baseUrl,
@@ -48,22 +49,18 @@ const clearTaxClassificationErrorMessage = () => {
   taxClassificationErrorMessage.value = void 0;
 };
 const taxReportingDropin = "adyen-kyc-tax-reporting-dropin";
-const textCenter = "adyen-kyc-text-center";
 const radioCaption = "adyen-kyc-radio-caption";
 const taxReportingDropinGettingStarted = "adyen-kyc-tax-reporting-dropin-getting-started";
 const taxReportingDropinFormContainer = "adyen-kyc-tax-reporting-dropin-form-container";
-const subtitle = "adyen-kyc-subtitle";
 const summary = "adyen-kyc-summary";
 const summaryTaxStatusCard = "adyen-kyc-summary-tax-status-card";
 const summaryTaxStatusCardHeader = "adyen-kyc-summary-tax-status-card--header";
 const summaryTaxStatusCardBody = "adyen-kyc-summary-tax-status-card--body";
 const styles = {
   taxReportingDropin,
-  textCenter,
   radioCaption,
   taxReportingDropinGettingStarted,
   taxReportingDropinFormContainer,
-  subtitle,
   summary,
   summaryTaxStatusCard,
   summaryTaxStatusCardHeader,
@@ -85,20 +82,20 @@ const taxReportingOptions = {
   nonFinancialNonReportable: "yourBusinessIsAPublicListedEntity",
   financialNonReportable: "yourBusinessIsAFinancialInstitution"
 };
-const getTaxStatusSummary = (i18n, taxReportingClassification) => {
+const getTaxStatusSummary = (t, taxReportingClassification) => {
   const taxStatusDescription = taxReportingClassification?.taxClassification?.type ? taxReportingClassification.taxClassification.type : void 0;
   return taxStatusDescription ? [
     {
-      term: i18n.get("status"),
-      details: i18n.get(taxStatusDescription)
+      term: t(($) => $["status"]),
+      details: t(($) => $[taxStatusDescription])
     },
     {
-      term: i18n.get("description"),
-      details: i18n.get(taxReportingOptions[taxStatusDescription])
+      term: t(($) => $["description"]),
+      details: t(($) => $[taxReportingOptions[taxStatusDescription]])
     }
   ] : [];
 };
-const getTaxOptionsRadioItems = (i18n, taxRecommendationData, taxReportingClassification) => {
+const getTaxOptionsRadioItems = (t, taxRecommendationData, taxReportingClassification) => {
   const businessType = taxRecommendationData?.businessType;
   const allowedTypes = getSupportedTaxClassificationTypes(businessType);
   const allowedTaxReportingOptions = Object.fromEntries(
@@ -114,17 +111,17 @@ const getTaxOptionsRadioItems = (i18n, taxRecommendationData, taxReportingClassi
   const taxReportingOptionsToShow = taxRecommendationData?.type && !taxReportingClassification?.type ? taxOptionsWithoutRecommendation : allowedTaxReportingOptions;
   return Object.entries(taxReportingOptionsToShow).map(([key, value]) => ({
     id: key,
-    name: key,
-    content: /* @__PURE__ */ jsx(Typography, { variant: "body", color: "secondary", className: styles.radioCaption, children: i18n.get(value) })
+    name: t(($) => $[key]),
+    content: /* @__PURE__ */ jsx(Typography, { variant: "body", color: "secondary", className: styles.radioCaption, children: t(($) => $[value]) })
   }));
 };
-const getRecommendedTaxOptionsRadioItems = (i18n, showRecommendation, taxRecommendationData) => {
+const getRecommendedTaxOptionsRadioItems = (t, showRecommendation, taxRecommendationData) => {
   const taxRecommendationType = taxRecommendationData?.type ? taxRecommendationData.type : void 0;
   return showRecommendation && taxRecommendationType ? [
     {
       id: taxRecommendationType,
-      name: taxRecommendationType,
-      content: /* @__PURE__ */ jsx(Typography, { variant: "body", color: "secondary", className: styles.radioCaption, children: i18n.get(taxReportingOptions[taxRecommendationType]) })
+      name: t(($) => $[taxRecommendationType]),
+      content: /* @__PURE__ */ jsx(Typography, { variant: "body", color: "secondary", className: styles.radioCaption, children: t(($) => $[taxReportingOptions[taxRecommendationType]]) })
     }
   ] : [];
 };
@@ -155,28 +152,29 @@ function TaxReportingClassificationForm({
   taxRecommendationData,
   errors
 }) {
-  const { t } = useTranslation("common");
-  const { i18n } = useI18nContext();
+  const { t: taxReportingT } = useTranslation("taxReporting");
+  const { t: commonT } = useTranslation("common");
   const { form } = useFormContext();
   const { handleChangeFor } = form;
   const showRecommendation = taxRecommendationData?.type && !taxReportingClassification?.type;
   const taxOptionsRadioItems = getTaxOptionsRadioItems(
-    i18n,
+    taxReportingT,
     taxRecommendationData,
     taxReportingClassification
   );
   const recommendedTaxOptionRadioItems = getRecommendedTaxOptionsRadioItems(
-    i18n,
+    taxReportingT,
     showRecommendation,
     taxRecommendationData
   );
   const handleFieldChange = (fieldName, mode) => handleChangeFor(fieldName, "taxClassification", mode);
+  const typeErrorMessage = errors?.type?.errorMessage;
   return /* @__PURE__ */ jsxs("form", { className: "tax-reporting", children: [
-    /* @__PURE__ */ jsx(Typography, { variant: "title-l", el: "h2", className: styles.textCenter, children: i18n.get("taxStatusSelfCertification") }),
-    /* @__PURE__ */ jsx(Typography, { variant: "body", el: "div", className: styles.subtitle, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(Header, { title: taxReportingT(($) => $["taxStatusSelfCertification"]), children: /* @__PURE__ */ jsx(
       Trans,
       {
-        t,
+        slot: "description",
+        t: commonT,
         i18nKey: ($) => $["chooseTheTaxStatusWhichBestRepresentsYourBusiness"],
         components: {
           el1: /* @__PURE__ */ jsx(
@@ -200,9 +198,15 @@ function TaxReportingClassificationForm({
         }
       }
     ) }),
-    errors?.type?.errorMessage && /* @__PURE__ */ jsx(Alert, { variant: "error", title: i18n.get(errors.type.errorMessage) }),
+    typeErrorMessage && /* @__PURE__ */ jsx(
+      Alert,
+      {
+        variant: "error",
+        title: commonT(($) => $[typeErrorMessage])
+      }
+    ),
     showRecommendation ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Typography, { variant: "body-stronger", children: i18n.get("recommendedForYourBusiness") }),
+      /* @__PURE__ */ jsx(Typography, { variant: "body-stronger", children: taxReportingT(($) => $["recommendedForYourBusiness"]) }),
       /* @__PURE__ */ jsx(Field, { el: "fieldset", name: "type", children: (childProps) => /* @__PURE__ */ jsx(
         RadioGroup,
         {
@@ -213,7 +217,7 @@ function TaxReportingClassificationForm({
           onChange: handleFieldChange("type", "input")
         }
       ) }),
-      taxOptionsRadioItems.length ? /* @__PURE__ */ jsx(Typography, { variant: "body-stronger", children: i18n.get(taxOptionsRadioItems.length === 1 ? "other" : "otherOptions") }) : null
+      taxOptionsRadioItems.length ? /* @__PURE__ */ jsx(Typography, { variant: "body-stronger", children: commonT(($) => $[taxOptionsRadioItems.length === 1 ? "other" : "otherOptions"]) }) : null
     ] }) : null,
     /* @__PURE__ */ jsx(Field, { el: "fieldset", name: "type", children: (childProps) => /* @__PURE__ */ jsx(
       RadioGroup,
@@ -268,41 +272,43 @@ const TaxReportingGettingStarted = ({
   handleCancelClick,
   taxReportingClassification
 }) => {
-  const { i18n } = useI18nContext();
+  const { t: taxReportingT } = useTranslation("taxReporting");
+  const { t: commonT } = useTranslation("common");
   const hasTaxReportingClassification = !isEmpty(
     taxReportingClassification?.taxClassification?.type
   );
-  const taxStatusSummary = getTaxStatusSummary(i18n, taxReportingClassification);
+  const taxStatusSummary = getTaxStatusSummary(taxReportingT, taxReportingClassification);
   return /* @__PURE__ */ jsxs("div", { className: styles.taxReportingDropinGettingStarted, children: [
     !hasTaxReportingClassification && /* @__PURE__ */ jsx(
       LandingLayout,
       {
         media: /* @__PURE__ */ jsx(Image, { lazyLoadedImage: usCheckAccount }),
-        title: i18n.get("taxStatusSelfCertification"),
-        description: i18n.get("toUnderstandIfYourBankAccountDetailsAreReportable"),
+        title: taxReportingT(($) => $["taxStatusSelfCertification"]),
+        description: taxReportingT(($) => $["toUnderstandIfYourBankAccountDetailsAreReportable"]),
         actions: /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(Button, { fullWidth: true, onClick: handleToggleFormVisible, children: i18n.get("gettingStarted") }),
-          handleCancelClick && /* @__PURE__ */ jsx(Button, { variant: "tertiary", onClick: handleCancelClick, fullWidth: true, children: i18n.get("backToTaskList") })
+          /* @__PURE__ */ jsx(Button, { fullWidth: true, onClick: handleToggleFormVisible, children: commonT(($) => $["gettingStarted"]) }),
+          handleCancelClick && /* @__PURE__ */ jsx(Button, { variant: "tertiary", onClick: handleCancelClick, fullWidth: true, children: commonT(($) => $["backToTaskList"]) })
         ] })
       }
     ),
     hasTaxReportingClassification && /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsxs("div", { children: [
         /* @__PURE__ */ jsx(
-          TaskStatusIndicator,
+          Header,
           {
-            taskStatus: normalizedTaskStatusStore?.value?.TAX_REPORTING?.status
+            title: taxReportingT(($) => $["selfCertifiedTaxStatus"]),
+            description: taxReportingT(($) => $["noFurtherActionOrRecertificationIsNeeded"]),
+            status: normalizedTaskStatusStore?.value?.TAX_REPORTING?.status,
+            align: "center"
           }
         ),
-        /* @__PURE__ */ jsx(Typography, { className: styles.textCenter, el: "h2", variant: "title-l", children: i18n.get("selfCertifiedTaxStatus") }),
-        /* @__PURE__ */ jsx(Typography, { className: styles.subtitle, el: "div", variant: "body", children: i18n.get("noFurtherActionOrRecertificationIsNeeded") }),
         /* @__PURE__ */ jsx("div", { className: styles.summary, children: /* @__PURE__ */ jsx(
           Card,
           {
             className: styles.summaryTaxStatusCard,
             headerClassName: styles.summaryTaxStatusCardHeader,
             bodyClassName: styles.summaryTaxStatusCardBody,
-            title: i18n.get("taxStatus"),
+            title: taxReportingT(($) => $["taxStatus"]),
             headerButton: /* @__PURE__ */ jsx(
               IconButton,
               {
@@ -328,7 +334,7 @@ const TaxReportingGettingStarted = ({
           variant: "secondary",
           testId: "source-of-funds-getting-return-button",
           onClick: handleCancelClick,
-          children: i18n.get("backToTaskList")
+          children: commonT(($) => $["backToTaskList"])
         }
       )
     ] })
@@ -347,10 +353,10 @@ function TaxReportingDropin({ problems, handleHomeClick }) {
   const [formVisible, setFormVisible] = useState(false);
   useRef(null);
   const invalidateRootLegalEntity = useInvalidateRootLegalEntity();
-  const { i18n } = useI18nContext();
   const { i18n: i18next } = useTranslation();
+  const { t: taxReportingT } = useTranslation("taxReporting");
   addResourceBundles(i18next, i18next.language, [
-    { ns: "efp", importFn: () => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../../language/bg-BG.json": () => import("./bg-BG-D5192UVe.js"), "../../language/cs-CZ.json": () => import("./cs-CZ-DOqH0WeT.js"), "../../language/da-DK.json": () => import("./da-DK-B45X2VaJ.js"), "../../language/de-DE.json": () => import("./de-DE-CWvgMDqU.js"), "../../language/el-GR.json": () => import("./el-GR-C3rkK_oc.js"), "../../language/en-US.json": () => import("./en-US-DIdQJky-.js"), "../../language/es-ES.json": () => import("./es-ES-DKCCgVF8.js"), "../../language/et-EE.json": () => import("./et-EE-Bc6ioJRG.js"), "../../language/fi-FI.json": () => import("./fi-FI-Hhku9Lmc.js"), "../../language/fr-FR.json": () => import("./fr-FR-BYuKsZIb.js"), "../../language/hr-HR.json": () => import("./hr-HR-CPO5Yw2B.js"), "../../language/hu-HU.json": () => import("./hu-HU-mo_0ULJG.js"), "../../language/it-IT.json": () => import("./it-IT-Nl57jui-.js"), "../../language/ja-JP.json": () => import("./ja-JP-D3oQAH7z.js"), "../../language/lt-LT.json": () => import("./lt-LT-CVasDmF3.js"), "../../language/lv-LV.json": () => import("./lv-LV-Sbsv8-nD.js"), "../../language/nl-NL.json": () => import("./nl-NL-BHkRnVrj.js"), "../../language/no-NO.json": () => import("./no-NO-kaAdT9B8.js"), "../../language/pl-PL.json": () => import("./pl-PL-DD8JN4Qf.js"), "../../language/pt-BR.json": () => import("./pt-BR-DeDXIlM_.js"), "../../language/pt-PT.json": () => import("./pt-PT-Xm-pm3mb.js"), "../../language/ro-RO.json": () => import("./ro-RO-C3m6aJVP.js"), "../../language/sk-SK.json": () => import("./sk-SK-BVc-vNQm.js"), "../../language/sl-SI.json": () => import("./sl-SI-D_rqR0D7.js"), "../../language/sv-SE.json": () => import("./sv-SE-B3zoXMuH.js") }), `../../language/${i18next.language}.json`, 4) }
+    { ns: "taxReporting", importFn: () => __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./language/bg-BG.json": () => import("./bg-BG-DcxZ1tmt.js"), "./language/cs-CZ.json": () => import("./cs-CZ-D4Hg-t16.js"), "./language/da-DK.json": () => import("./da-DK-DCJhV2qS.js"), "./language/de-DE.json": () => import("./de-DE-DwOQKCuU.js"), "./language/el-GR.json": () => import("./el-GR-Hk4NbZSY.js"), "./language/en-US.json": () => import("./en-US-BQZhzROc.js"), "./language/es-ES.json": () => import("./es-ES-BOoPqnPI.js"), "./language/et-EE.json": () => import("./et-EE-Be__VK7Y.js"), "./language/fi-FI.json": () => import("./fi-FI-bZzNB1WB.js"), "./language/fr-FR.json": () => import("./fr-FR-cTKcuHqX.js"), "./language/hr-HR.json": () => import("./hr-HR-ComCqan_.js"), "./language/hu-HU.json": () => import("./hu-HU-DUGz5q5D.js"), "./language/it-IT.json": () => import("./it-IT-DERflsUd.js"), "./language/ja-JP.json": () => import("./ja-JP-BoxeBgOv.js"), "./language/lt-LT.json": () => import("./lt-LT-D5Rhxm1h.js"), "./language/lv-LV.json": () => import("./lv-LV-CG1zToz7.js"), "./language/nl-NL.json": () => import("./nl-NL-Cjlmc0Ii.js"), "./language/no-NO.json": () => import("./no-NO-CY_XHrYd.js"), "./language/pl-PL.json": () => import("./pl-PL-C_MvVzPy.js"), "./language/pt-BR.json": () => import("./pt-BR-CBAe0SnK.js"), "./language/pt-PT.json": () => import("./pt-PT-Dm5DRDrd.js"), "./language/ro-RO.json": () => import("./ro-RO-B5YT9vP-.js"), "./language/sk-SK.json": () => import("./sk-SK-S6iF1WDH.js"), "./language/sl-SI.json": () => import("./sl-SI-DqUEy_Cm.js"), "./language/sv-SE.json": () => import("./sv-SE-CRBRuE8Z.js") }), `./language/${i18next.language}.json`, 3) }
   ]);
   const { data: taxRecommendationData, isLoading: isLoadingTaxRecommendationData } = useTaxClassification();
   const userEvents = useAnalyticsContext();
@@ -441,7 +447,9 @@ function TaxReportingDropin({ problems, handleHomeClick }) {
       setTaxClassificationErrorMessage("");
       setLoadingStatus("success");
     } catch (e) {
-      setTaxClassificationErrorMessage(e?.message || i18n.get("errorUpdatingTaxClassification"));
+      setTaxClassificationErrorMessage(
+        e?.message || taxReportingT(($) => $["errorUpdatingTaxClassification"])
+      );
       logger.log("Error updating source of funds", e);
       setLoadingStatus("success");
     }

package/dist/{TileGroup-AskMVW9b.js → TileGroup-B_9rid7_.js}

@@ -2,17 +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] = "7274631f-efce-4196-972c-4a4355da1c26", e._sentryDebugIdIdentifier = "sentry-dbid-7274631f-efce-4196-972c-4a4355da1c26");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "a38e4da6-390b-4376-939b-0f4cc46443c4", e._sentryDebugIdIdentifier = "sentry-dbid-a38e4da6-390b-4376-939b-0f4cc46443c4");
   } catch (e) {
   }
 }
 ;
 import { jsxs, jsx, Fragment } from "preact/jsx-runtime";
 import cx from "classnames";
-import { V as Icon, x as Typography, W as noop } from "./StoreProvider-DGxWcgrS.js";
-import { c as useId } from "./useForm-NtB5fMq5.js";
+import { U as Icon, x as Typography, W as noop } from "./StoreProvider-DadhkEyO.js";
+import { b as useId } from "./useForm-Aw38WiTE.js";
 import { useRef } from "preact/hooks";
-import { K as KEYBOARD_KEYS } from "./Modal-BaaNj5F-.js";
+import { K as KEYBOARD_KEYS } from "./Modal-DvB1odWq.js";
 const tileContainer = "adyen-kyc-tile-container";
 const tile = "adyen-kyc-tile";
 const tileIcon = "adyen-kyc-tile-icon";