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

package/dist/{CreateIndividualComponent-i-QNCzp0.js → CreateIndividualComponent-D9wnexv4.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] = "f06728fc-c011-40bd-958d-89b6cf09d77f", e._sentryDebugIdIdentifier = "sentry-dbid-f06728fc-c011-40bd-958d-89b6cf09d77f");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "9e9c7c07-60f0-4e82-8026-7ac2c64e2964", e._sentryDebugIdIdentifier = "sentry-dbid-9e9c7c07-60f0-4e82-8026-7ac2c64e2964");
   } catch (e) {
   }
 }
 ;
 import { jsx } from "preact/jsx-runtime";
-import { a as useLegalEntity, a5 as useExperimentsContext, L as Loader, g as getLegalEntityCountry, V as EntityType, X as TaskTypes } 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, ac as useCapabilityProblems, a7 as useExperimentsContext, L as Loader, g as getLegalEntityCountry, bl as getProblemsForEntity, V as EntityType, bm as isOnfidoAutofillFlowEnabled, X as TaskTypes } from "./StoreProvider-ClKLaHzy.js";
+import { I as IndividualOnfidoDropin, a as IndividualDropin } from "./IndividualOnfidoDropin-DHhyO2ai.js";
 const CreateIndividualComponent = ({
   legalEntityId,
   onSubmitSuccess,
@@ -26,15 +25,15 @@ const CreateIndividualComponent = ({
   const { isExperimentEnabled } = useExperimentsContext();
   const handleOnClose = () => {
     if (modalView) {
-      onUnmount == null ? void 0 : onUnmount();
+      onUnmount?.();
     }
-    onClose == null ? void 0 : onClose();
+    onClose?.();
   };
   const onSubmit = (d) => {
     if (modalView) {
-      onUnmount == null ? void 0 : onUnmount();
+      onUnmount?.();
     }
-    onSubmitSuccess == null ? void 0 : onSubmitSuccess(d);
+    onSubmitSuccess?.(d);
   };
   if (!individualLe) {
     return /* @__PURE__ */ jsx(Loader, {});

package/dist/{CreateTransferInstrumentComponent-8n3tjBYK.js → CreateTransferInstrumentComponent-COzPdQjC.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] = "936b4d10-3691-4791-817a-188d131a0e34", e._sentryDebugIdIdentifier = "sentry-dbid-936b4d10-3691-4791-817a-188d131a0e34");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "94fd0ab5-36e6-41be-a169-3f4323c98577", e._sentryDebugIdIdentifier = "sentry-dbid-94fd0ab5-36e6-41be-a169-3f4323c98577");
   } catch (e) {
   }
 }
 ;
 import { jsx } from "preact/jsx-runtime";
 import { useState } from "preact/hooks";
-import { a as useLegalEntity, al as useAssociatedLegalEntity, z as LegalEntityType, L as Loader, X as TaskTypes } from "./StoreProvider-COHi02bX.js";
-import { P as PayoutDetailsDropin } from "./PayoutDetailsDropin-Bw29V8E7.js";
+import { b as useLegalEntity, ao as useAssociatedLegalEntity, y as LegalEntityType, L as Loader, br as PayoutDetailsDropin, X as TaskTypes } from "./StoreProvider-ClKLaHzy.js";
 function CreateTransferInstrumentComponent({
   legalEntityId,
   transferInstrumentId,
@@ -30,9 +29,9 @@ function CreateTransferInstrumentComponent({
   ]);
   const handleOnClose = () => {
     if (modalView) {
-      onUnmount == null ? void 0 : onUnmount();
+      onUnmount?.();
     }
-    onClose == null ? void 0 : onClose();
+    onClose?.();
   };
   return isLegalEntityLoading || !legalEntity ? /* @__PURE__ */ jsx(Loader, {}) : /* @__PURE__ */ jsx(
     PayoutDetailsDropin,

package/dist/{CustomerSupport-BER6nSK2.js → CustomerSupport-NGBoBg3N.js}

@@ -2,24 +2,22 @@
 {
   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] = "e11ed83a-4834-49ec-9075-a9332102ff6a", e._sentryDebugIdIdentifier = "sentry-dbid-e11ed83a-4834-49ec-9075-a9332102ff6a");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "c7f0453a-a12a-4045-9249-9a9c6104ad1e", e._sentryDebugIdIdentifier = "sentry-dbid-c7f0453a-a12a-4045-9249-9a9c6104ad1e");
   } catch (e) {
   }
 }
 ;
 import { jsx, jsxs } from "preact/jsx-runtime";
-import { a as useLegalEntity, R as ROOT_LE, L as Loader, b as useI18nContext, $ as useAnalyticsContext, bb as useQueryClient, ap as resolveFieldMetadata, br as defaultFieldMetadata, bs as fieldConfig, bt as getAsyncPhoneValidationRules, F as FormHeader, bu as ContactDetails, aM as ActionBar, aJ as createLogger } from "./StoreProvider-COHi02bX.js";
+import { b as useLegalEntity, R as ROOT_LE, L as Loader, a as useTranslation, a0 as useAnalyticsContext, a6 as useToastContext, bq as useQueryClient, at as resolveFieldMetadata, c9 as defaultFieldMetadata, ca as fieldConfig, ct as getAsyncPhoneValidationRules, F as FormHeader, dg as ContactDetails, aQ as ActionBar, Y as createLogger } from "./StoreProvider-ClKLaHzy.js";
 import { useCallback, useMemo, useEffect } from "preact/hooks";
-import { a as useUpdateLegalEntity } from "./useUpdateLegalEntity-By6uwPUg.js";
-import { c as contactDetailsValidationRules, u as useValidatePhoneNumberImperatively } from "./validate-Dyb8B4Hi.js";
-import { u as useToastContext } from "./useToastContext-CF2xonft.js";
-import { u as useMultiForm } from "./useMultiForm-Lh2i5tRJ.js";
+import { a as useUpdateLegalEntity } from "./useUpdateLegalEntity-D8dw9Oc3.js";
+import { c as contactDetailsValidationRules, u as useValidatePhoneNumberImperatively } from "./validate-CeF0YKvL.js";
+import { u as useMultiForm } from "./useMultiForm-KQwxav4F.js";
 const mapCustomerSupportSchemaToCustomerSupportType = (customerSupport) => {
-  var _a, _b, _c;
   return {
-    email: ((_a = customerSupport == null ? void 0 : customerSupport.customerSupport) == null ? void 0 : _a.email) || "",
+    email: customerSupport?.customerSupport?.email || "",
     phone: {
-      number: ((_c = (_b = customerSupport == null ? void 0 : customerSupport.customerSupport) == null ? void 0 : _b.phoneNumber) == null ? void 0 : _c.number) || "",
+      number: customerSupport?.customerSupport?.phoneNumber?.number || "",
       type: "mobile"
     }
   };
@@ -37,8 +35,7 @@ function CustomerSupportInner({
   onSubmit,
   legalEntity
 }) {
-  var _a, _b, _c, _d;
-  const { i18n } = useI18nContext();
+  const { t } = useTranslation();
   const userEvents = useAnalyticsContext();
   const { showToast } = useToastContext();
   const { mutateAsync: updateLegalEntity } = useUpdateLegalEntity();
@@ -47,19 +44,16 @@ function CustomerSupportInner({
     customerSupport: ["email", "phoneNumber"]
   };
   const validators = useCallback(
-    (data2) => {
-      var _a2, _b2, _c2;
-      return {
-        customerSupport: {
-          ...contactDetailsValidationRules,
-          phoneNumber: (_c2 = resolveFieldMetadata(
-            fieldConfig[((_b2 = (_a2 = data2 == null ? void 0 : data2.customerSupport) == null ? void 0 : _a2.phoneNumber) == null ? void 0 : _b2.phoneCountryCode) ?? country],
-            {},
-            defaultFieldMetadata
-          )) == null ? void 0 : _c2.validators
-        }
-      };
-    },
+    (data2) => ({
+      customerSupport: {
+        ...contactDetailsValidationRules,
+        phoneNumber: resolveFieldMetadata(
+          fieldConfig[data2?.customerSupport?.phoneNumber?.phoneCountryCode ?? country],
+          {},
+          defaultFieldMetadata
+        )?.validators
+      }
+    }),
     [country]
   );
   const validatePhoneNumber = useValidatePhoneNumberImperatively();
@@ -74,8 +68,8 @@ function CustomerSupportInner({
   const legalEntityType = legalEntity.type;
   const defaultCustomerSupportData = {
     customerSupport: {
-      phoneNumber: (_b = (_a = legalEntity[legalEntityType]) == null ? void 0 : _a.support) == null ? void 0 : _b.phone,
-      email: (_d = (_c = legalEntity[legalEntityType]) == null ? void 0 : _c.support) == null ? void 0 : _d.email
+      phoneNumber: legalEntity[legalEntityType]?.support?.phone,
+      email: legalEntity[legalEntityType]?.support?.email
     }
   };
   const { data, handleChangeFor, valid, errors, isValid, triggerValidation } = useMultiForm({
@@ -91,7 +85,7 @@ function CustomerSupportInner({
   }, [userEvents]);
   const submitForm = async () => {
     const isAsyncValidationValid = await triggerValidation("customerSupport");
-    if (!(isValid == null ? void 0 : isValid.customerSupport) || !isAsyncValidationValid) {
+    if (!isValid?.customerSupport || !isAsyncValidationValid) {
       return;
     }
     const support = mapCustomerSupportSchemaToCustomerSupportType(data);
@@ -104,13 +98,13 @@ function CustomerSupportInner({
         id: legalEntity.id
       };
       await updateLegalEntity(patchLegalEntity);
-      queryClient.invalidateQueries({ queryKey: ["legalEntity", legalEntity == null ? void 0 : legalEntity.id] });
+      queryClient.invalidateQueries({ queryKey: ["legalEntity", legalEntity?.id] });
       onSubmit();
       userEvents.addTaskEvent("Success", {
         actionType: "submit"
       });
     } catch {
-      const label = i18n.get("failedToUpdateDetails");
+      const label = t(($) => $["failedToUpdateDetails"]);
       logger.error(label, payload);
       showToast({ label, variant: "error" });
     }
@@ -120,8 +114,8 @@ function CustomerSupportInner({
     /* @__PURE__ */ jsx(
       FormHeader,
       {
-        heading: i18n.get("customerSupport"),
-        description: i18n.get("howYourCustomersCanReachYou")
+        heading: t(($) => $["customerSupport"]),
+        description: t(($) => $["howYourCustomersCanReachYou"])
       }
     ),
     /* @__PURE__ */ jsx(
@@ -131,11 +125,11 @@ function CustomerSupportInner({
         errors: errors.customerSupport,
         valid: valid.customerSupport,
         country,
-        requiredFields: requiredFields == null ? void 0 : requiredFields.customerSupport,
+        requiredFields: requiredFields?.customerSupport,
         handleFieldChange
       }
     ),
-    /* @__PURE__ */ jsx(ActionBar, { onNext: submitForm, nextButtonLabel: i18n.get("submit") })
+    /* @__PURE__ */ jsx(ActionBar, { onNext: submitForm, nextButtonLabel: t(($) => $["submit"]) })
   ] });
 }
 export {

package/dist/{DebugModal-DeSsKkh_.js → DebugModal-I2U6TjGT.js}

@@ -2,55 +2,21 @@
 {
   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] = "9580f18f-6e18-408f-a1b9-bc8dab5a1ea0", e._sentryDebugIdIdentifier = "sentry-dbid-9580f18f-6e18-408f-a1b9-bc8dab5a1ea0");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "cb6c169f-98ff-4c2f-b7c1-3b8220ceeb02", e._sentryDebugIdIdentifier = "sentry-dbid-cb6c169f-98ff-4c2f-b7c1-3b8220ceeb02");
   } catch (e) {
   }
 }
 ;
 import { jsx, jsxs, Fragment } from "preact/jsx-runtime";
 import { useMemo, useState } from "preact/hooks";
-import { Z as Button, b3 as entriesOf, bg as InputText, b as useI18nContext, bh as splitTaskIdentifier, a5 as useExperimentsContext, K as useSettingsContext, ab as useGlobalStore, bi as listToRecord, bj as valuesOf, aJ as createLogger, a3 as Icon, M as SettingNames } from "./StoreProvider-COHi02bX.js";
-import { M as Modal } from "./Modal-CRNejb1x.js";
+import { _ as Button, bf as entriesOf, bE as InputText, a as useTranslation, dN as splitTaskIdentifier, a7 as useExperimentsContext, K as useSettingsContext, ap as useI18nContext, ad as useGlobalStore, dk as listToRecord, dO as valuesOf, b5 as Modal, Y as createLogger, a4 as Icon, M as SettingNames, dP as ExperimentNames } from "./StoreProvider-ClKLaHzy.js";
 import { T as Tag } from "./Tag-DdkVScyr.js";
-import { T as TaskItemStatus } from "./TaskItemStatus-Bi1L8gea.js";
-var ExperimentNames = /* @__PURE__ */ ((ExperimentNames2) => {
-  ExperimentNames2["AllowMoreRolesForMainRootTrustee"] = "AllowMoreRolesForMainRootTrustee";
-  ExperimentNames2["ShowUnsupportedEntityType"] = "ShowUnsupportedEntityType";
-  ExperimentNames2["ShowExtraTaxExemptionReasons"] = "ShowExtraTaxExemptionReasons";
-  ExperimentNames2["EnableEInvoicingCodeField"] = "EnableEInvoicingCodeField";
-  ExperimentNames2["EnableCountryOfGoverningLawForUKCompanies"] = "EnableCountryOfGoverningLawForUKCompanies";
-  ExperimentNames2["HidePayoutAccountTask"] = "HidePayoutAccountTask";
-  ExperimentNames2["HidePciTask"] = "HidePciTask";
-  ExperimentNames2["EnableAgeVerification"] = "EnableAgeVerification";
-  ExperimentNames2["EnableNationalitySGHK"] = "EnableNationalitySGHK";
-  ExperimentNames2["EnableFinancialInformationComponentV4"] = "EnableFinancialInformationComponentV4";
-  ExperimentNames2["StrictNameAndAddressValidationV4"] = "StrictNameAndAddressValidationV4";
-  ExperimentNames2["EnableDoingBusinessAsNameV4"] = "EnableDoingBusinessAsNameV4";
-  ExperimentNames2["EnablePhoneFieldScenario"] = "EnablePhoneFieldScenario";
-  ExperimentNames2["ShowCustomerSupportV4"] = "ShowCustomerSupportV4";
-  ExperimentNames2["EnableRegistrationAndTaxAbsentStatesV4"] = "EnableRegistrationAndTaxAbsentStatesV4";
-  ExperimentNames2["EnableAutofillFlowForPureIndividualsInKeyMarkets"] = "EnableAutofillFlowForPureIndividualsInKeyMarkets";
-  ExperimentNames2["EnableAutofillFlowForPureIndividualsInAdditionalMarkets"] = "EnableAutofillFlowForPureIndividualsInAdditionalMarkets";
-  ExperimentNames2["EnableAutofillFlowForDecisionMakersInKeyMarkets"] = "EnableAutofillFlowForDecisionMakersInKeyMarkets";
-  ExperimentNames2["EnableAutofillFlowForDecisionMakersInAdditionalMarkets"] = "EnableAutofillFlowForDecisionMakersInAdditionalMarkets";
-  ExperimentNames2["EnableLimitCountryBusinessAccountCustomers"] = "EnableLimitCountryBusinessAccountCustomers";
-  ExperimentNames2["EnableUnincorporatedPartnershipInHO"] = "EnableUnincorporatedPartnershipInHO";
-  ExperimentNames2["UseOnboardingComponentsForSingpass"] = "UseOnboardingComponentsForSingpass";
-  ExperimentNames2["EnableCheckOnCreateBankAccount"] = "EnableCheckOnCreateBankAccount";
-  ExperimentNames2["EnableTaxIdRequiredForBusinessAccountsScenarios"] = "EnableTaxIdRequiredForBusinessAccountsScenarios";
-  ExperimentNames2["EnableJaJPLocale"] = "EnableJaJPLocale";
-  ExperimentNames2["EnableGuidedDecisionMakersFlow"] = "EnableGuidedDecisionMakersFlow";
-  ExperimentNames2["EnableBusinessDetailsTaskStatusService"] = "EnableBusinessDetailsTaskStatusService";
-  ExperimentNames2["UseTaskStatusApiForPayout"] = "UseTaskStatusApiForPayout";
-  ExperimentNames2["BankVerificationFlowOptimization_CAASIntegration"] = "BankVerificationFlowOptimization_CAASIntegration";
-  ExperimentNames2["DecisionMakersFlowOptimization_GuidedDecisionMakersFlow"] = "DecisionMakersFlowOptimization_GuidedDecisionMakersFlow";
-  return ExperimentNames2;
-})(ExperimentNames || {});
+import { T as TaskItemStatus } from "./TaskItemStatus-DrTIwCTx.js";
 const tabs = "adyen-kyc-tabs";
-const styles$1 = {
+const styles$2 = {
   tabs
 };
-const Tabs = ({ tabs: tabs2, activeTab, onChange }) => /* @__PURE__ */ jsx("div", { className: styles$1.tabs, children: tabs2.map(({ name, label, disabled }) => {
+const Tabs = ({ tabs: tabs2, activeTab, onChange }) => /* @__PURE__ */ jsx("div", { className: styles$2.tabs, children: tabs2.map(({ name, label, disabled }) => {
   const buttonVariant = activeTab === name ? "secondary" : "tertiary";
   return /* @__PURE__ */ jsx(
     Button,
@@ -126,7 +92,6 @@ const DebugExperimentsAndSettings = ({
       {
         name: "search",
         value: searchTerm,
-        classNameModifiers: ["search"],
         onInput: (e) => setSearchTerm(e.target.value),
         placeholder: "Search for Experiments/Settings 🔎",
         trimOnBlur: true,
@@ -149,13 +114,12 @@ const DebugExperimentsAndSettings = ({
   ] });
 };
 const getRanges = (search, element) => {
-  var _a;
   const textNode = element.childNodes[0];
-  const content = (_a = textNode.textContent) == null ? void 0 : _a.toLowerCase();
-  if (!content)
+  const content2 = textNode.textContent?.toLowerCase();
+  if (!content2)
     return [];
   const indexes = [];
-  const matches = [...content.matchAll(search)];
+  const matches = [...content2.matchAll(search)];
   matches.forEach((match) => {
     indexes.push({ s: match.index, e: match.index + match[0].length });
   });
@@ -180,10 +144,10 @@ const transformModule = (highlights, codeNode, scope) => {
 };
 const supportedModules = ["plaintext", "json", "yaml", "css"];
 const moduleMap = {
-  plaintext: () => import("./plaintext-jF9fCLMp.js"),
-  json: () => import("./json-DGARJCng.js"),
-  yaml: () => import("./yaml-Ba_Tz8d4.js"),
-  css: () => import("./css-DZNXkIaY.js")
+  plaintext: () => import("./plaintext-9WNCwUtz.js"),
+  json: () => import("./json-Dk6RRAV8.js"),
+  yaml: () => import("./yaml-CBkrSAtc.js"),
+  css: () => import("./css-BJGWcW8A.js")
 };
 const getModule = async (name) => {
   if (!supportedModules.includes(name)) {
@@ -327,15 +291,14 @@ let MonogonCode$1 = class MonogonCode extends HTMLElement {
     this.styleEl = themeStyleEl;
   }
   async refresh() {
-    var _a;
     if (!this.codeEl)
       return;
     const moduleName = this.getAttribute("lang") ?? "plaintext";
     const module = await getModule(moduleName);
-    const content = this.getAttribute("content") ?? "";
-    this.value = content;
-    this.codeEl.textContent = module.format ? module.format(content) : content;
-    if (!((_a = this.codeEl.childNodes) == null ? void 0 : _a[0]))
+    const content2 = this.getAttribute("content") ?? "";
+    this.value = content2;
+    this.codeEl.textContent = module.format ? module.format(content2) : content2;
+    if (!this.codeEl.childNodes?.[0])
       return;
     const littleHash = window.crypto.randomUUID().substring(0, 6);
     const definitions = transformModule(module.definitions, this.codeEl, littleHash);
@@ -357,14 +320,13 @@ Object.defineProperty(MonogonCode$1, "observedAttributes", {
 });
 if (!customElements.get("monogon-code"))
   customElements.define("monogon-code", MonogonCode$1);
-const MonogonCode2 = ({ content, lang }) => {
-  return /* @__PURE__ */ jsx("monogon-code", { content, lang });
+const MonogonCode2 = ({ content: content2, lang }) => {
+  return /* @__PURE__ */ jsx("monogon-code", { content: content2, lang });
 };
 const DebugLegalEntityData = ({ legalEntityData }) => {
-  var _a;
   if (!legalEntityData) return /* @__PURE__ */ jsx(Fragment, {});
   const { rootLegalEntity, rootLegalEntityType } = legalEntityData;
-  const uboDetails = ((_a = rootLegalEntity.entityAssociations) == null ? void 0 : _a.map(
+  const uboDetails = rootLegalEntity.entityAssociations?.map(
     ({ name, type, jobTitle }) => (
       // If `name` is undefined, replace the tuple with `null` to easily filter it out later. Checking this to ensure that the 'data' for DebugTable always has a keyName.
       name ? {
@@ -374,7 +336,7 @@ const DebugLegalEntityData = ({ legalEntityData }) => {
         variant: "blue"
       } : null
     )
-  ).filter(Boolean)) ?? [];
+  ).filter(Boolean) ?? [];
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs("span", { children: [
       "Root legal entity type: ",
@@ -394,6 +356,18 @@ const DebugMetadata = ({
   ];
   return /* @__PURE__ */ jsx("div", { className: "adyen-kyc-debug-modal__meta", children: /* @__PURE__ */ jsx(DebugTable, { data: rows }) });
 };
+const debugModal = "adyen-kyc-debug-modal";
+const debugHeader = "adyen-kyc-debug-header";
+const footer = "adyen-kyc-footer";
+const footerCopyStatus = "adyen-kyc-footer-copy-status";
+const content = "adyen-kyc-content";
+const styles$1 = {
+  debugModal,
+  debugHeader,
+  footer,
+  footerCopyStatus,
+  content
+};
 const header = "adyen-kyc-header";
 const taskName = "adyen-kyc-task-name";
 const table = "adyen-kyc-table";
@@ -403,12 +377,12 @@ const styles = {
   table
 };
 const DebugTaskStatuses = ({ taskStatuses }) => {
-  const { i18n } = useI18nContext();
+  const { t } = useTranslation();
   return /* @__PURE__ */ jsxs("table", { className: styles.table, children: [
     /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { className: styles.header, children: [
-      /* @__PURE__ */ jsx("th", { children: i18n.get("task") }),
-      /* @__PURE__ */ jsx("th", { children: i18n.get("status") }),
-      /* @__PURE__ */ jsx("th", { children: i18n.get("reason") })
+      /* @__PURE__ */ jsx("th", { children: t(($) => $["task"]) }),
+      /* @__PURE__ */ jsx("th", { children: t(($) => $["status"]) }),
+      /* @__PURE__ */ jsx("th", { children: t(($) => $["reason"]) })
     ] }) }),
     /* @__PURE__ */ jsx("tbody", { children: entriesOf(taskStatuses).sort(([t1], [t2]) => t1.localeCompare(t2)).map(([task, status]) => {
       const { taskType, id } = splitTaskIdentifier(task);
@@ -420,7 +394,7 @@ const DebugTaskStatuses = ({ taskStatuses }) => {
         status ? /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(TaskItemStatus, { status: status.status }) }),
           /* @__PURE__ */ jsxs("td", { children: [
-            i18n.get(status.reason),
+            t(($) => $[status.reason]),
             /* @__PURE__ */ jsx(ExplainDetails, { status })
           ] })
         ] }) : /* @__PURE__ */ jsx(Fragment, {})
@@ -474,7 +448,7 @@ const DebugModal = ({ onExit }) => {
   const [tab, setTab] = useState("metadata");
   const rootLegalEntity = useGlobalStore().rootLegalEntity.value;
   const metadata = {
-    sdkVersion: "4.0.0-beta.0",
+    sdkVersion: "4.0.0-beta.3",
     locale: i18n.locale,
     rootLegalEntityId: rootLegalEntity.id
   };
@@ -499,8 +473,8 @@ const DebugModal = ({ onExit }) => {
       setDebugInfoCopied(false);
     }, 5e3);
   };
-  return /* @__PURE__ */ jsx(Modal, { size: "fullscreen", onClose: onExit, ariaLabel: "Debug", children: /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-debug-modal", children: [
-    /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-debug-modal__header", children: [
+  return /* @__PURE__ */ jsx(Modal, { size: "fullscreen", onClose: onExit, ariaLabel: "Debug", children: /* @__PURE__ */ jsxs("div", { className: styles$1.debugModal, children: [
+    /* @__PURE__ */ jsxs("div", { className: styles$1.debugHeader, children: [
       /* @__PURE__ */ jsx("h1", { children: "Debug" }),
       " ",
       /* @__PURE__ */ jsx(
@@ -529,13 +503,13 @@ const DebugModal = ({ onExit }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: "adyen-kyc-debug-modal__content", children: [
+    /* @__PURE__ */ jsxs("div", { className: styles$1.content, children: [
       tab === "metadata" ? /* @__PURE__ */ jsx(DebugMetadata, { metadata }) : void 0,
       tab === "taskStatuses" ? /* @__PURE__ */ jsx(DebugTaskStatuses, { taskStatuses }) : void 0,
       tab === "experimentsSettings" ? /* @__PURE__ */ jsx(DebugExperimentsAndSettings, { experiments, settings }) : void 0,
       tab === "legalEntityData" ? /* @__PURE__ */ jsx(DebugLegalEntityData, { legalEntityData }) : void 0
     ] }),
-    /* @__PURE__ */ jsx("div", { className: "adyen-kyc-debug-modal__footer", children: /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("div", { className: styles$1.footer, children: /* @__PURE__ */ jsxs("div", { children: [
       /* @__PURE__ */ jsx(
         Button,
         {
@@ -548,7 +522,7 @@ const DebugModal = ({ onExit }) => {
           children: "Copy debug info"
         }
       ),
-      debugInfoCopied ? /* @__PURE__ */ jsxs("span", { className: "adyen-kyc-debug-modal__footer--copy-status", children: [
+      debugInfoCopied ? /* @__PURE__ */ jsxs("span", { className: styles$1.footerCopyStatus, children: [
         /* @__PURE__ */ jsx(Icon, { name: "check" }),
         " Copied!"
       ] }) : void 0

package/dist/{DecisionMakerDetailsPage-DgjlfKyP.js → DecisionMakerDetailsPage-BN-H1sJF.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] = "a3333eb9-b357-4fbc-910e-a3192172c03c", e._sentryDebugIdIdentifier = "sentry-dbid-a3333eb9-b357-4fbc-910e-a3192172c03c");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "2707844c-c207-4da1-a1d0-708a6900d212", e._sentryDebugIdIdentifier = "sentry-dbid-2707844c-c207-4da1-a1d0-708a6900d212");
   } catch (e) {
   }
 }
 ;
 import { jsx } from "preact/jsx-runtime";
-import { a as useLegalEntity, x as skipToken, a5 as useExperimentsContext, L as Loader, g as getLegalEntityCountry, 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, w as skipToken, ac as useCapabilityProblems, a7 as useExperimentsContext, L as Loader, g as getLegalEntityCountry, 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 DecisionMakerDetailsPage({
   decisionMakerId,
   parentCompanyId,