@adyen/kyc-components 3.79.0-beta.9 → 3.80.0-beta.0

package/dist/{DebugModal-D3MJ4glT.js → DebugModal-BTr0idCC.js}

@@ -2,16 +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] = "17f13c6c-7a5a-4a74-a714-687d37535a3a", e._sentryDebugIdIdentifier = "sentry-dbid-17f13c6c-7a5a-4a74-a714-687d37535a3a");
+    n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "74a17312-d72f-44e7-86ca-d7a980f0e4fe", e._sentryDebugIdIdentifier = "sentry-dbid-74a17312-d72f-44e7-86ca-d7a980f0e4fe");
   } catch (e) {
   }
 }
 ;
 import { jsx, jsxs, Fragment } from "preact/jsx-runtime";
 import { useMemo, useState } from "preact/hooks";
-import { _ as Button, be as entriesOf, bD as InputText, b as useI18nContext, dO as splitTaskIdentifier, a7 as useExperimentsContext, J as useSettingsContext, ad as useGlobalStore, dj as listToRecord, dP as valuesOf, b4 as Modal, X as createLogger, a4 as Icon, K as SettingNames, dQ as ExperimentNames } from "./StoreProvider-D6PzfyGo.js";
+import { G as Button, bm as entriesOf, bE as InputText, c as useTranslation, dN as splitTaskIdentifier, aa as useExperimentsContext, v as useSettingsContext, u as useI18nContext, ag as useGlobalStore, dj as listToRecord, dO as valuesOf, bc as Modal, a0 as createLogger, a7 as Icon, w as SettingNames, dP as ExperimentNames } from "./StoreProvider-DhQ4sdLg.js";
 import { T as Tag } from "./Tag-DdkVScyr.js";
-import { T as TaskItemStatus } from "./TaskItemStatus-FSfcOG5a.js";
+import MonogonCode from "monogon/preact";
+import { T as TaskItemStatus } from "./TaskItemStatus-Cxcag2AH.js";
 const tabs = "adyen-kyc-tabs";
 const styles$2 = {
   tabs
@@ -113,216 +114,6 @@ const DebugExperimentsAndSettings = ({
     /* @__PURE__ */ jsx(DebugTable, { data: settingRows, heading: "Settings", searchTerm, sort: true })
   ] });
 };
-const getRanges = (search, element) => {
-  const textNode = element.childNodes[0];
-  const content2 = textNode.textContent?.toLowerCase();
-  if (!content2)
-    return [];
-  const indexes = [];
-  const matches = [...content2.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-D3Ww_aF9.js"),
-  json: () => import("./json-x8T3RzUR.js"),
-  yaml: () => import("./yaml-BMoCIv2z.js"),
-  css: () => import("./css-Di2ysu56.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() {
-    if (!this.codeEl)
-      return;
-    const moduleName = this.getAttribute("lang") ?? "plaintext";
-    const module = await getModule(moduleName);
-    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);
-    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: content2, lang }) => {
-  return /* @__PURE__ */ jsx("monogon-code", { content: content2, lang });
-};
 const DebugLegalEntityData = ({ legalEntityData }) => {
   if (!legalEntityData) return /* @__PURE__ */ jsx(Fragment, {});
   const { rootLegalEntity, rootLegalEntityType } = legalEntityData;
@@ -343,7 +134,7 @@ const DebugLegalEntityData = ({ legalEntityData }) => {
       /* @__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 = ({
@@ -377,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);
@@ -394,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, {})
@@ -448,7 +239,7 @@ const DebugModal = ({ onExit }) => {
   const [tab, setTab] = useState("metadata");
   const rootLegalEntity = useGlobalStore().rootLegalEntity.value;
   const metadata = {
-    sdkVersion: "3.79.0-beta.9",
+    sdkVersion: "3.80.0-beta.0",
     locale: i18n.locale,
     rootLegalEntityId: rootLegalEntity.id
   };
@@ -529,11 +320,6 @@ const DebugModal = ({ onExit }) => {
     ] }) })
   ] }) });
 };
-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-CbEA4IVc.js → DecisionMakerDetailsPage-DQcWSwTb.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] = "1abf3221-98e7-4c9e-ba85-dd0924d47816", e._sentryDebugIdIdentifier = "sentry-dbid-1abf3221-98e7-4c9e-ba85-dd0924d47816");
+    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, ac as useCapabilityProblems, a7 as useExperimentsContext, L as Loader, g as getLegalEntityCountry, bk as getProblemsForEntity, U as EntityType, bl as isOnfidoAutofillFlowEnabled, W as TaskTypes, a5 as noop } from "./StoreProvider-D6PzfyGo.js";
-import { I as IndividualOnfidoDropin, a as IndividualDropin } from "./IndividualOnfidoDropin-UnR6_lSH.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-DhQ4sdLg.js";
+import { I as IndividualOnfidoDropin, a as IndividualDropin } from "./IndividualOnfidoDropin-DUzjucM9.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,