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

package/dist/{CreateIndividualComponent-D3aXuYRk.js → CreateIndividualComponent-t9eDVjpb.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] = "e4a83a02-3014-415c-9520-fb8ef5671a7c", e._sentryDebugIdIdentifier = "sentry-dbid-e4a83a02-3014-415c-9520-fb8ef5671a7c");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "354a0665-4bf4-46e5-818b-1dababf4c499", e._sentryDebugIdIdentifier = "sentry-dbid-354a0665-4bf4-46e5-818b-1dababf4c499");
   } catch (e) {
   }
 }
 ;
 import { jsx } from "preact/jsx-runtime";
-import { a as useLegalEntity, ab as useCapabilityProblems, a6 as useExperimentsContext, L as Loader, g as getLegalEntityCountry, bi as getProblemsForEntity, U as EntityType, bj as isOnfidoAutofillFlowEnabled, W as TaskTypes } from "./StoreProvider-BmzY19Td.js";
-import { I as IndividualOnfidoDropin, a as IndividualDropin } from "./IndividualOnfidoDropin-DGMCOm9M.js";
+import { d as useLegalEntity, af as useCapabilityProblems, aa as useExperimentsContext, L as Loader, g as getLegalEntityCountry, b5 as getProblemsForEntity, Z as EntityTypes, b6 as isOnfidoAutofillFlowEnabled, $ as TaskTypes } from "./StoreProvider-O9jwxfG8.js";
+import { I as IndividualOnfidoDropin, a as IndividualDropin } from "./IndividualOnfidoDropin-DV2fJG5W.js";
 const CreateIndividualComponent = ({
   legalEntityId,
   onSubmitSuccess,
@@ -25,21 +25,21 @@ 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, {});
   }
   const country = getLegalEntityCountry(individualLe);
-  const problems = capabilityProblems ? getProblemsForEntity(capabilityProblems, EntityType.LEGAL_ENTITY, individualLe.id) : void 0;
+  const problems = capabilityProblems ? getProblemsForEntity(capabilityProblems, EntityTypes.LEGAL_ENTITY, individualLe.id) : void 0;
   const isOnfidoAutofillFlow = isOnfidoAutofillFlowEnabled(
     country,
     TaskTypes.INDIVIDUAL,

package/dist/{CreateTransferInstrumentComponent-C-ncZ-A8.js → CreateTransferInstrumentComponent-D65FAcQz.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] = "5f2db3a2-bb3a-4925-a08c-f513cbffb819", e._sentryDebugIdIdentifier = "sentry-dbid-5f2db3a2-bb3a-4925-a08c-f513cbffb819");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "62b84040-8d1d-4180-aa95-4afd0b31c28f", e._sentryDebugIdIdentifier = "sentry-dbid-62b84040-8d1d-4180-aa95-4afd0b31c28f");
   } catch (e) {
   }
 }
 ;
 import { jsx } from "preact/jsx-runtime";
 import { useState } from "preact/hooks";
-import { a as useLegalEntity, an as useAssociatedLegalEntity, y as LegalEntityType, L as Loader, bo as PayoutDetailsDropin, W as TaskTypes } from "./StoreProvider-BmzY19Td.js";
+import { d as useLegalEntity, ar as useAssociatedLegalEntity, O as LegalEntityTypes, L as Loader, b9 as PayoutDetailsDropin, $ as TaskTypes } from "./StoreProvider-O9jwxfG8.js";
 function CreateTransferInstrumentComponent({
   legalEntityId,
   transferInstrumentId,
@@ -23,15 +23,15 @@ function CreateTransferInstrumentComponent({
   const [currentTransferInstrumentId, setCurrentTransferInstrumentId] = useState(transferInstrumentId);
   const { data: legalEntity, isLoading: isLegalEntityLoading } = useLegalEntity(legalEntityId);
   const { data: associatedEntity } = useAssociatedLegalEntity(legalEntity, [
-    LegalEntityType.SOLE_PROPRIETORSHIP,
-    LegalEntityType.TRUST,
-    LegalEntityType.UNINCORPORATED_PARTNERSHIP
+    LegalEntityTypes.SOLE_PROPRIETORSHIP,
+    LegalEntityTypes.TRUST,
+    LegalEntityTypes.UNINCORPORATED_PARTNERSHIP
   ]);
   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-CMFRgQNa.js → CustomerSupport-CoLWcgoS.js}

@@ -2,23 +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] = "1606c5d7-7b8d-4fb5-930c-16ba64d93f30", e._sentryDebugIdIdentifier = "sentry-dbid-1606c5d7-7b8d-4fb5-930c-16ba64d93f30");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "b9a78d4a-7f8b-4aa8-8881-c97fddc19b78", e._sentryDebugIdIdentifier = "sentry-dbid-b9a78d4a-7f8b-4aa8-8881-c97fddc19b78");
   } 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, a5 as useToastContext, bn as useQueryClient, ar as resolveFieldMetadata, bE as defaultFieldMetadata, bF as fieldConfig, bG as getAsyncPhoneValidationRules, F as FormHeader, bH as ContactDetails, aO as ActionBar, X as createLogger } from "./StoreProvider-BmzY19Td.js";
+import { d as useLegalEntity, R as ROOT_LE, L as Loader, c as useTranslation, a3 as useAnalyticsContext, a9 as useToastContext, br as useQueryClient, av as resolveFieldMetadata, c9 as defaultFieldMetadata, ca as fieldConfig, ct as getAsyncPhoneValidationRules, F as FormHeader, df as ContactDetails, aS as ActionBar, a0 as createLogger } from "./StoreProvider-O9jwxfG8.js";
 import { useCallback, useMemo, useEffect } from "preact/hooks";
-import { a as useUpdateLegalEntity } from "./useUpdateLegalEntity-xQlAqIqy.js";
-import { c as contactDetailsValidationRules, u as useValidatePhoneNumberImperatively } from "./validate-BN5p-GhK.js";
-import { u as useMultiForm } from "./useMultiForm-Bwx2nVhh.js";
+import { a as useUpdateLegalEntity } from "./useUpdateLegalEntity-BfnvHQJj.js";
+import { c as contactDetailsValidationRules, u as useValidatePhoneNumberImperatively } from "./validate-Cy6vBhF2.js";
+import { u as useMultiForm } from "./useMultiForm-BQmE_nfY.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"
     }
   };
@@ -36,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();
@@ -46,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();
@@ -73,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({
@@ -90,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);
@@ -103,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" });
     }
@@ -119,8 +114,8 @@ function CustomerSupportInner({
     /* @__PURE__ */ jsx(
       FormHeader,
       {
-        heading: i18n.get("customerSupport"),
-        description: i18n.get("howYourCustomersCanReachYou")
+        heading: t(($) => $["customerSupport"]),
+        description: t(($) => $["howYourCustomersCanReachYou"])
       }
     ),
     /* @__PURE__ */ jsx(
@@ -130,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-BEmhG3UP.js → DebugModal-DkICAsiu.js}

@@ -2,21 +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] = "f226726c-39fb-475d-abdf-71501bb56097", e._sentryDebugIdIdentifier = "sentry-dbid-f226726c-39fb-475d-abdf-71501bb56097");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "0f0c8368-33e1-4e76-9bf6-6549346cae74", e._sentryDebugIdIdentifier = "sentry-dbid-0f0c8368-33e1-4e76-9bf6-6549346cae74");
   } catch (e) {
   }
 }
 ;
 import { jsx, jsxs, Fragment } from "preact/jsx-runtime";
 import { useMemo, useState } from "preact/hooks";
-import { Z as Button, bc as entriesOf, bq as InputText, b as useI18nContext, br as splitTaskIdentifier, a6 as useExperimentsContext, J as useSettingsContext, ac as useGlobalStore, bs as listToRecord, bt as valuesOf, b2 as Modal, X as createLogger, a3 as Icon, K as SettingNames, bu as ExperimentNames } from "./StoreProvider-BmzY19Td.js";
+import { G as Button, bm as entriesOf, bE as InputText, c as useTranslation, dM as splitTaskIdentifier, aa as useExperimentsContext, v as useSettingsContext, u as useI18nContext, ag as useGlobalStore, dj as listToRecord, dN as valuesOf, bc as Modal, a0 as createLogger, a7 as Icon, w as SettingNames, dO as ExperimentNames } from "./StoreProvider-O9jwxfG8.js";
 import { T as Tag } from "./Tag-DdkVScyr.js";
-import { T as TaskItemStatus } from "./TaskItemStatus-CB6FEOnk.js";
+import MonogonCode from "monogon/preact";
+import { T as TaskItemStatus } from "./TaskItemStatus-s7Z3DOGa.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,
@@ -92,7 +93,6 @@ const DebugExperimentsAndSettings = ({
       {
         name: "search",
         value: searchTerm,
-        classNameModifiers: ["search"],
         onInput: (e) => setSearchTerm(e.target.value),
         placeholder: "Search for Experiments/Settings 🔎",
         trimOnBlur: true,
@@ -114,223 +114,10 @@ const DebugExperimentsAndSettings = ({
     /* @__PURE__ */ jsx(DebugTable, { data: settingRows, heading: "Settings", searchTerm, sort: true })
   ] });
 };
-const getRanges = (search, element) => {
-  var _a;
-  const textNode = element.childNodes[0];
-  const content = (_a = textNode.textContent) == null ? void 0 : _a.toLowerCase();
-  if (!content)
-    return [];
-  const indexes = [];
-  const matches = [...content.matchAll(search)];
-  matches.forEach((match) => {
-    indexes.push({ s: match.index, e: match.index + match[0].length });
-  });
-  return indexes.map((index) => {
-    const range = new Range();
-    range.setStart(textNode, index.s);
-    range.setEnd(textNode, index.e);
-    return range;
-  });
-};
-const createHighlightFn = (name, highlight, el, scope) => {
-  return CSS.highlights.set(`${name}-${scope}`, new Highlight(...getRanges(highlight.regex, el)));
-};
-const createHighlightCss = (name, highlight, scope) => {
-  return `::highlight(${name}-${scope}) { color: var(${highlight.css}); }`;
-};
-const transformModule = (highlights, codeNode, scope) => {
-  return Object.entries(highlights).map(([name, definition]) => ({
-    apply: () => createHighlightFn(name, definition, codeNode, scope),
-    css: createHighlightCss(name, definition, scope)
-  }));
-};
-const supportedModules = ["plaintext", "json", "yaml", "css"];
-const moduleMap = {
-  plaintext: () => import("./plaintext-B39yQnOr.js"),
-  json: () => import("./json-DWikzB4g.js"),
-  yaml: () => import("./yaml-jFdy-qnY.js"),
-  css: () => import("./css-CQUoQdd2.js")
-};
-const getModule = async (name) => {
-  if (!supportedModules.includes(name)) {
-    const plaintext = await moduleMap["plaintext"]();
-    return plaintext.default;
-  }
-  const module = await moduleMap[name]();
-  if (!module) {
-    const plaintext = await moduleMap["plaintext"]();
-    return plaintext.default;
-  }
-  return module.default;
-};
-const cssProps = {
-  text: "--mng-text",
-  background: "--mng-background",
-  string: "--mng-string",
-  key: "--mng-key",
-  number: "--mng-number",
-  boolean: "--mng-boolean",
-  null: "--mng-null",
-  comment: "--mng-comment",
-  curlyBrackets: "--mng-curly-brackets",
-  squareBrackets: "--mng-square-brackets",
-  keyword: "--mng-keyword",
-  dashes: "--mng-dashes"
-};
-const css = `
-* {
-  box-sizing: border-box;
-}
-:host {
-  display: inline-grid;
-  white-space: pre-line;
-}
-pre {
-  width: 100%;
-  height: 100%;
-  padding: 1em;
-  margin: 0;
-  background-color: var(${cssProps.background});
-  color: var(${cssProps.text});
-}
-code {
-  width: 100%;
-  height: 100%;
-  display: inline-block;
-  outline: none;
-  white-space: pre-line;
-}
-
-:host {
-  ${cssProps.text}: #213547;
-  ${cssProps.background}: #f1f1f1;
-  ${cssProps.string}: #8b251e;
-  ${cssProps.key}: #c32b1d;
-  ${cssProps.number}: #4a845b;
-  ${cssProps.boolean}: #3716f5;
-  ${cssProps.null}: #3716f5;
-  ${cssProps.comment}: #4e862d;
-  ${cssProps.curlyBrackets}: #59913e;
-  ${cssProps.squareBrackets}: #59913e;
-  ${cssProps.keyword}: #666;
-  ${cssProps.dashes}: #444;
-}
-
-@media (prefers-color-scheme: dark) {
-  :host {
-    ${cssProps.text}: #f1f1f1;
-    ${cssProps.background}: #1f1f1f;
-    ${cssProps.string}: #ce916f;
-    ${cssProps.key}: #9cdcfe;
-    ${cssProps.number}: #b5cea8;
-    ${cssProps.boolean}: #569cd6;
-    ${cssProps.null}: #569cd6;
-    ${cssProps.comment}: #438a55;
-    ${cssProps.curlyBrackets}: #ffd708;
-    ${cssProps.squareBrackets}: #da70b9;
-    ${cssProps.keyword}: #dcdcaa;
-    ${cssProps.dashes}: #ddd;
-  }
-}`;
-let MonogonCode$1 = class MonogonCode extends HTMLElement {
-  constructor() {
-    super();
-    Object.defineProperty(this, "value", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: ""
-    });
-    Object.defineProperty(this, "codeEl", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: null
-    });
-    Object.defineProperty(this, "styleEl", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: null
-    });
-    Object.defineProperty(this, "applyHighlights", {
-      enumerable: true,
-      configurable: true,
-      writable: true,
-      value: () => {
-      }
-    });
-  }
-  async connectedCallback() {
-    await this.prepare();
-    setTimeout(() => {
-      this.refresh();
-    }, 1);
-  }
-  async attributeChangedCallback(oldValue, newValue) {
-    if (oldValue !== newValue) {
-      await this.refresh();
-    }
-  }
-  async prepare() {
-    const shadow = this.shadowRoot || this.attachShadow({ mode: "open" });
-    shadow.innerHTML = "";
-    const themeStyleEl = document.createElement("style");
-    themeStyleEl.textContent = css;
-    shadow.appendChild(themeStyleEl);
-    const preEl = document.createElement("pre");
-    const codeEl = document.createElement("code");
-    codeEl.setAttribute("contenteditable", "plaintext-only");
-    codeEl.setAttribute("spellcheck", "false");
-    shadow.appendChild(preEl);
-    preEl.appendChild(codeEl);
-    codeEl.addEventListener("input", () => {
-      this.codeEl.normalize();
-      this.value = this.codeEl.textContent ?? "";
-      this.applyHighlights();
-    });
-    this.codeEl = codeEl;
-    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]))
-      return;
-    const littleHash = window.crypto.randomUUID().substring(0, 6);
-    const definitions = transformModule(module.definitions, this.codeEl, littleHash);
-    const moduleCss = definitions.map((m) => m.css).join(" ");
-    this.styleEl.textContent += `${moduleCss}`;
-    this.applyHighlights = () => {
-      definitions.forEach((highlight) => {
-        highlight.apply();
-      });
-    };
-    this.applyHighlights();
-  }
-};
-Object.defineProperty(MonogonCode$1, "observedAttributes", {
-  enumerable: true,
-  configurable: true,
-  writable: true,
-  value: ["content", "lang"]
-});
-if (!customElements.get("monogon-code"))
-  customElements.define("monogon-code", MonogonCode$1);
-const MonogonCode2 = ({ content, lang }) => {
-  return /* @__PURE__ */ jsx("monogon-code", { content, 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 ? {
@@ -340,14 +127,14 @@ const DebugLegalEntityData = ({ legalEntityData }) => {
         variant: "blue"
       } : null
     )
-  ).filter(Boolean)) ?? [];
+  ).filter(Boolean) ?? [];
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs("span", { children: [
       "Root legal entity type: ",
       /* @__PURE__ */ jsx(Tag, { children: rootLegalEntityType })
     ] }),
     uboDetails.length ? /* @__PURE__ */ jsx(DebugTable, { data: uboDetails, heading: "Decision Makers" }) : void 0,
-    rootLegalEntity ? /* @__PURE__ */ jsx(MonogonCode2, { lang: "json", content: JSON.stringify(rootLegalEntity, null, 2) }) : void 0
+    rootLegalEntity ? /* @__PURE__ */ jsx(MonogonCode, { lang: "json", content: JSON.stringify(rootLegalEntity, null, 2) }) : void 0
   ] });
 };
 const DebugMetadata = ({
@@ -360,6 +147,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";
@@ -369,12 +168,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);
@@ -386,7 +185,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, {})
@@ -440,7 +239,7 @@ const DebugModal = ({ onExit }) => {
   const [tab, setTab] = useState("metadata");
   const rootLegalEntity = useGlobalStore().rootLegalEntity.value;
   const metadata = {
-    sdkVersion: "4.0.0-beta.1",
+    sdkVersion: "4.0.0-beta.4",
     locale: i18n.locale,
     rootLegalEntityId: rootLegalEntity.id
   };
@@ -465,8 +264,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(
@@ -495,13 +294,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,
         {
@@ -514,18 +313,13 @@ 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
     ] }) })
   ] }) });
 };
-const DebugModal$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  DebugModal
-}, Symbol.toStringTag, { value: "Module" }));
 export {
-  DebugModal$1 as D,
-  cssProps as c
+  DebugModal
 };

package/dist/{DecisionMakerDetailsPage-DI2Ubmef.js → DecisionMakerDetailsPage-CvmwdHqV.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] = "9ce97466-5791-4f80-9ca1-05b595ea8414", e._sentryDebugIdIdentifier = "sentry-dbid-9ce97466-5791-4f80-9ca1-05b595ea8414");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "5dc2b6a5-ba64-4aa1-8c08-2057dff4a60c", e._sentryDebugIdIdentifier = "sentry-dbid-5dc2b6a5-ba64-4aa1-8c08-2057dff4a60c");
   } catch (e) {
   }
 }
 ;
 import { jsx } from "preact/jsx-runtime";
-import { a as useLegalEntity, w as skipToken, ab as useCapabilityProblems, a6 as useExperimentsContext, L as Loader, g as getLegalEntityCountry, bi as getProblemsForEntity, U as EntityType, bj as isOnfidoAutofillFlowEnabled, W as TaskTypes, a4 as noop } from "./StoreProvider-BmzY19Td.js";
-import { I as IndividualOnfidoDropin, a as IndividualDropin } from "./IndividualOnfidoDropin-DGMCOm9M.js";
+import { d as useLegalEntity, B as skipToken, af as useCapabilityProblems, aa as useExperimentsContext, L as Loader, g as getLegalEntityCountry, b5 as getProblemsForEntity, b6 as isOnfidoAutofillFlowEnabled, a8 as noop, $ as TaskTypes, Z as EntityTypes } from "./StoreProvider-O9jwxfG8.js";
+import { I as IndividualOnfidoDropin, a as IndividualDropin } from "./IndividualOnfidoDropin-DV2fJG5W.js";
 function DecisionMakerDetailsPage({
   decisionMakerId,
   parentCompanyId,
@@ -33,7 +33,7 @@ function DecisionMakerDetailsPage({
     return /* @__PURE__ */ jsx(Loader, {});
   }
   const country = getLegalEntityCountry(decisionMakerLe ?? parentCompanyLe);
-  const problems = capabilityProblems && decisionMakerId ? getProblemsForEntity(capabilityProblems, EntityType.LEGAL_ENTITY, decisionMakerId) : void 0;
+  const problems = capabilityProblems && decisionMakerId ? getProblemsForEntity(capabilityProblems, EntityTypes.LEGAL_ENTITY, decisionMakerId) : void 0;
   const isOnfidoAutofillFlow = isOnfidoAutofillFlowEnabled(
     country,
     TaskTypes.DECISION_MAKER,