@adyen/adyen-platform-experience-web 1.12.1 → 1.12.2-beta.0

package/dist/es/external/@adyen/kyc-components/dist/CountryField-C7SjQFv_.js

@@ -0,0 +1,56 @@
+import { jsx as i } from "../../../preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useMemo as b } from "../../../preact/hooks/dist/hooks.module.js";
+import { F as g } from "./Field-CPoHG0G-.js";
+import { S as h } from "./Select-seF9rM5K.js";
+import { u as I, ap as D, aq as T } from "./StoreProvider-CBB99upB.js";
+try {
+  let e = typeof window < "u" ? window : typeof global < "u" ? global : typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : {}, t = new e.Error().stack;
+  t && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[t] = "8824f389-661f-4a0d-bcc9-8982254ec333", e._sentryDebugIdIdentifier = "sentry-dbid-8824f389-661f-4a0d-bcc9-8982254ec333");
+} catch {
+}
+function M({
+  name: e = "country",
+  data: t,
+  valid: d,
+  errors: a,
+  labels: u,
+  readonly: l,
+  handleChangeFor: f,
+  helperText: y,
+  allowedCountries: n,
+  handleBlur: m
+}) {
+  const { t: o } = I("common"), { dataset: s } = D(T.country), c = b(
+    () => s.filter(
+      (r) => n ? n.includes(r.id) : !0
+    ),
+    [n, s]
+  );
+  return /* @__PURE__ */ i(
+    g,
+    {
+      name: e,
+      label: u?.country || o((r) => r.country),
+      errorMessage: a.country,
+      isValid: d.country,
+      helper: y,
+      dataTestId: "country",
+      children: (r) => /* @__PURE__ */ i(
+        h,
+        {
+          ...r,
+          name: e,
+          placeholder: o((p) => p.selectCountryRegion),
+          selected: t.country,
+          items: c,
+          readonly: (c.length === 1 || l) && !!t,
+          onChange: f("country"),
+          onBlur: m
+        }
+      )
+    }
+  );
+}
+export {
+  M as C
+};

package/dist/es/external/@adyen/kyc-components/dist/Currency-B4udmJgX.js

@@ -0,0 +1,178 @@
+import "./Address-DaePmCRZ.js";
+import { m as D, aX as h, u as T, i as g, b as C, j as O } from "./StoreProvider-CBB99upB.js";
+import { jsx as f } from "../../../preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useRef as S, useEffect as b, useCallback as x, useMemo as F, useState as L } from "../../../preact/hooks/dist/hooks.module.js";
+import { useQuery as w } from "../../../@tanstack/preact-query/build/modern/useQuery.js";
+import { F as I } from "./Field-CPoHG0G-.js";
+import { S as v } from "./Select-seF9rM5K.js";
+import { a as N, I as R } from "./InputText-C55stM8O.js";
+import { c as E } from "./types-CcxS0801.js";
+try {
+  let e = typeof window < "u" ? window : typeof global < "u" ? global : typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : {}, r = new e.Error().stack;
+  r && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[r] = "a4eb88fd-3e81-4910-95b5-ce2241ab241f", e._sentryDebugIdIdentifier = "sentry-dbid-a4eb88fd-3e81-4910-95b5-ce2241ab241f");
+} catch {
+}
+const X = ({
+  currency: e,
+  financialReportingDate: r,
+  numberOfEmployees: a,
+  balanceSheetTotal: t,
+  annualTurnover: o
+}, n) => ({
+  currencyOfFinancialData: e,
+  // TODO type this better
+  dateOfFinancialData: r,
+  employeeCount: typeof a == "number" ? a.toFixed(0) : a,
+  balanceSheetTotal: t?.toFixed(2) ?? void 0,
+  annualTurnover: o?.toFixed(2) ?? void 0
+}), Y = (e, r = !0) => {
+  if (e.length === 0)
+    throw new Error("No financial reports");
+  const a = e.reduce((o, n) => n?.dateOfFinancialData && o?.dateOfFinancialData && n?.dateOfFinancialData > o?.dateOfFinancialData ? n : o, e[0]), t = {
+    numberOfEmployees: a.employeeCount ? parseInt(a.employeeCount) : void 0,
+    financialReportingDate: a.dateOfFinancialData,
+    currency: a.currencyOfFinancialData
+  };
+  return a.balanceSheetTotal !== void 0 && (t.reportedValueOption = "balanceSheetTotal", t.balanceSheetTotal = parseFloat(a.balanceSheetTotal)), a.annualTurnover !== void 0 && (t.reportedValueOption = "annualTurnover", t.annualTurnover = parseFloat(a.annualTurnover)), r ? t : h("reportedValueOption").from(t);
+}, V = async (e, r) => O({
+  baseUrl: r,
+  path: `datasets/legalForms/${e}`
+}), _ = (e, r) => {
+  const { baseUrl: a } = C();
+  return w({
+    queryKey: ["legalForms", e],
+    queryFn: () => V(e, a.value),
+    ...r
+  });
+};
+function H({
+  name: e = "legalForm",
+  data: r,
+  valid: a,
+  errorMessage: t,
+  label: o,
+  readonly: n,
+  handleChangeFor: l,
+  countryCode: m
+}) {
+  const { t: d } = T("common"), { data: s } = _(m), u = S(l);
+  b(() => {
+    u.current = l;
+  }, [l]);
+  const y = x(
+    (c) => {
+      const i = {
+        target: {
+          name: "legalForm",
+          value: c.target.value
+        }
+      };
+      l("legalForm")(i);
+    },
+    [l]
+  );
+  return b(() => {
+    const i = {
+      target: {
+        name: "legalFormLabel",
+        value: s?.find(
+          (p) => p.id === r.legalForm
+        )?.name
+      }
+    };
+    u.current("legalFormLabel")(i);
+  }, [r.legalForm, s]), /* @__PURE__ */ f(
+    I,
+    {
+      name: e,
+      label: o || d((c) => c.businessStructure),
+      errorMessage: t,
+      isValid: a.legalForm,
+      children: (c) => /* @__PURE__ */ f(
+        v,
+        {
+          ...c,
+          name: e,
+          placeholder: d((i) => i.selectOne),
+          selected: r.legalForm,
+          items: s ?? [],
+          readonly: n && !!r,
+          onChange: y
+        }
+      )
+    }
+  );
+}
+const U = D(), q = (e) => e.formatToParts(0.1).find((r) => r.type === "decimal").value, A = (e) => e.formatToParts(0).find((r) => r.type === "currency").value, B = (e, r) => {
+  const a = e.lastIndexOf(r), t = Array.from(e).reduce((o, n, l) => /[0-9]/.test(n) ? o + n : l === a ? `${o}.` : o, "");
+  return parseFloat(t);
+}, J = ({
+  locale: e,
+  currency: r,
+  amount: a,
+  onAmountChanged: t,
+  ...o
+}) => {
+  const n = F(
+    () => new Intl.NumberFormat(e, { style: "currency", currency: r }),
+    [e, r]
+  ), l = F(() => q(n), [n]), m = F(() => A(n), [n]), [d, s] = L(""), u = (c) => {
+    s(c.currentTarget.value);
+  }, y = (c) => {
+    const i = c.currentTarget.value, p = B(i, l);
+    if (Number.isNaN(p)) {
+      U.warn(`Unable to get number from formatted currency: "${i}"`), s(g(a) ? m : n.format(a));
+      return;
+    }
+    t(p);
+  };
+  return b(() => {
+    s(g(a) ? m : n.format(a));
+  }, [a, m, n]), /* @__PURE__ */ f(R, { ...o, value: d, onInput: u, onBlur: y });
+};
+function W(e) {
+  return /* @__PURE__ */ f(N, { ...e, type: "number" });
+}
+const Z = ["currency"];
+function ee({
+  data: e,
+  valid: r,
+  errors: a,
+  labels: t,
+  readonly: o,
+  handleChangeFor: n,
+  country: l
+}) {
+  const { t: m } = T("common"), d = E[l], s = d ? d.map((u) => ({ id: u, name: u })) : [];
+  return /* @__PURE__ */ f(
+    I,
+    {
+      name: "currency",
+      label: t.currency,
+      errorMessage: a.currency,
+      isValid: r.currency,
+      dataTestId: "currency",
+      children: (u) => /* @__PURE__ */ f(
+        v,
+        {
+          ...u,
+          onChange: n("currency", "blur"),
+          name: "currency",
+          placeholder: m((y) => y.currencyPlaceholder),
+          selected: e.currency,
+          items: s,
+          readonly: o && !!e.currency
+        }
+      )
+    }
+  );
+}
+export {
+  ee as C,
+  W as I,
+  H as L,
+  X as a,
+  Z as b,
+  J as c,
+  Y as m
+};

package/dist/es/external/@adyen/kyc-components/dist/DebugModal-C7WSGJRZ.js

@@ -0,0 +1,337 @@
+import { jsx as e } from "../../../preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useState as y, useMemo as H } from "../../../preact/hooks/dist/hooks.module.js";
+import { J as M, k as R, u as x, X as N, aT as T, aR as w, W as L, B as A, ao as b, bB as F, H as $, bA as B, m as j } from "./StoreProvider-CBB99upB.js";
+import { M as V } from "./Modal-BMdWqd0Y.js";
+import { E as q } from "./types-_ugkpUNx.js";
+import { S as J } from "./types-CQ2p58-6.js";
+import { I as z } from "./InputText-C55stM8O.js";
+import { T as v } from "./Tag-DdkVScyr.js";
+import { C as G } from "./Checkbox-DmYVTVOD.js";
+import { f as _ } from "./debugStore-BvbyN1Oi.js";
+import K from "../../../monogon/dist/frameworks/preact/MonogonCode.js";
+import { Fragment as u } from "../../../preact/dist/preact.module.js";
+try {
+  let s = typeof window < "u" ? window : typeof global < "u" ? global : typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : {}, r = new s.Error().stack;
+  r && (s._sentryDebugIds = s._sentryDebugIds || {}, s._sentryDebugIds[r] = "9a6cee7d-d372-4450-a2fd-84a2f55addf8", s._sentryDebugIdIdentifier = "sentry-dbid-9a6cee7d-d372-4450-a2fd-84a2f55addf8");
+} catch {
+}
+const P = "adyen-kyc-tabs", Q = {
+  tabs: P
+}, U = ({ tabs: s, activeTab: r, onChange: t }) => /* @__PURE__ */ e("div", { className: Q.tabs, children: s.map(({ name: a, label: i, disabled: o }) => /* @__PURE__ */ e(
+  L,
+  {
+    onClick: () => {
+      t(a);
+    },
+    variant: r === a ? "secondary" : "tertiary",
+    disabled: o,
+    children: i
+  },
+  a
+)) }), W = (s, r) => s.filter(({ key: t }) => t.toLowerCase().includes(r.toLowerCase())), X = (s) => [...s].sort(({ key: r }, { key: t }) => r.localeCompare(t)), f = ({
+  data: s,
+  heading: r,
+  searchTerm: t,
+  tagPosition: a = "after",
+  sort: i = !1
+}) => {
+  const o = H(() => {
+    const n = t ? W(s, t) : s;
+    return i ? X(n) : n;
+  }, [s, t]);
+  return /* @__PURE__ */ e("div", { children: [
+    r ? /* @__PURE__ */ e("h3", { children: r }) : void 0,
+    o.length === 0 ? /* @__PURE__ */ e("p", { children: [
+      "No results found for ",
+      /* @__PURE__ */ e("strong", { children: t })
+    ] }) : /* @__PURE__ */ e("table", { children: /* @__PURE__ */ e("tbody", { children: o.map(({ key: n, value: l, label: c, variant: m }) => /* @__PURE__ */ e("tr", { children: [
+      a === "before" ? /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e(v, { variant: m ?? "grey", children: l }) }) : void 0,
+      /* @__PURE__ */ e("td", { children: [
+        /* @__PURE__ */ e("span", { className: "adyen-kyc-debug-modal__table-key", children: n }),
+        c && /* @__PURE__ */ e("span", { children: c })
+      ] }),
+      a === "after" ? /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e(v, { variant: m ?? "grey", children: l }) }) : void 0
+    ] }, n)) }) })
+  ] });
+}, Y = (s) => {
+  switch (s) {
+    case void 0:
+      return "orange";
+    case !0:
+      return "green";
+    case !1:
+      return "red";
+    default:
+      return "blue";
+  }
+}, Z = ({
+  experiments: s,
+  settings: r
+}) => {
+  const [t, a] = y(""), i = b(s).map(
+    ([n, l]) => ({
+      key: `${n}`,
+      value: l ? "Enabled" : "Disabled",
+      variant: l ? "green" : "red"
+    })
+  ), o = b(r).map(([n, l]) => ({
+    key: n,
+    value: `${l}`,
+    variant: Y(l)
+  }));
+  return /* @__PURE__ */ e(u, { children: [
+    /* @__PURE__ */ e(
+      z,
+      {
+        name: "search",
+        value: t,
+        onInput: (n) => a(n.currentTarget.value),
+        placeholder: "Search for Experiments/Settings 🔎",
+        trimOnBlur: !0,
+        spellCheck: !1,
+        "aria-label": "Search experiments or settings",
+        "aria-invalid": !1
+      }
+    ),
+    /* @__PURE__ */ e(
+      f,
+      {
+        tagPosition: "before",
+        data: i,
+        heading: "Experiments",
+        searchTerm: t,
+        sort: !0
+      }
+    ),
+    /* @__PURE__ */ e(f, { data: o, heading: "Settings", searchTerm: t, sort: !0 })
+  ] });
+}, ee = "adyen-kyc-searchInput", te = "adyen-kyc-toolbar", ae = "adyen-kyc-fieldHeader", se = "adyen-kyc-status", ne = "adyen-kyc-statusRequired", re = "adyen-kyc-statusOptional", oe = "adyen-kyc-statusHidden", ie = "adyen-kyc-statusInfo", le = "adyen-kyc-reasonsList", de = "adyen-kyc-reasonItem", d = {
+  searchInput: ee,
+  toolbar: te,
+  fieldHeader: ae,
+  status: se,
+  statusRequired: ne,
+  statusOptional: re,
+  statusHidden: oe,
+  statusInfo: ie,
+  reasonsList: le,
+  reasonItem: de
+}, ce = {
+  REQUIRED: d.statusRequired,
+  OPTIONAL: d.statusOptional,
+  INFO: d.statusInfo,
+  HIDDEN: d.statusHidden
+}, ue = () => {
+  const s = _.value, [r, t] = y(""), [a, i] = y(!1), o = Object.keys(s).filter((n) => n.toLowerCase().includes(r.toLowerCase())).filter((n) => a || s[n].status !== "HIDDEN").sort((n, l) => n === "__FORMS__" ? -1 : l === "__FORMS__" ? 1 : n.localeCompare(l));
+  return Object.keys(s).length === 0 ? /* @__PURE__ */ e("p", { children: "No form debug data available. Navigate to a form to see its debug info." }) : /* @__PURE__ */ e("div", { children: [
+    /* @__PURE__ */ e("div", { className: d.toolbar, children: [
+      /* @__PURE__ */ e(
+        "input",
+        {
+          type: "text",
+          placeholder: "Search field...",
+          value: r,
+          onInput: (n) => t(n.currentTarget.value),
+          className: d.searchInput
+        }
+      ),
+      /* @__PURE__ */ e(
+        G,
+        {
+          id: "show-hidden-fields",
+          name: "show-hidden-fields",
+          label: "Show hidden fields",
+          checked: a,
+          onChange: () => i(!a)
+        }
+      )
+    ] }),
+    o.map((n) => {
+      const l = s[n];
+      return /* @__PURE__ */ e(B, { onToggle: () => {
+      }, children: [
+        /* @__PURE__ */ e("template", { slot: "title", children: /* @__PURE__ */ e("div", { className: d.fieldHeader, children: [
+          /* @__PURE__ */ e("span", { className: d.status, children: n }),
+          " ",
+          /* @__PURE__ */ e("span", { className: ce[l.status], children: [
+            "(",
+            l.status,
+            ")"
+          ] })
+        ] }) }),
+        /* @__PURE__ */ e("template", { slot: "content", children: /* @__PURE__ */ e("ul", { className: d.reasonsList, children: l.reasons.map((c, m) => /* @__PURE__ */ e("li", { className: d.reasonItem, children: c }, m)) }) })
+      ] }, n);
+    })
+  ] });
+}, me = ({ legalEntityData: s }) => {
+  if (!s) return /* @__PURE__ */ e(u, {});
+  const { rootLegalEntity: r, rootLegalEntityType: t } = s, a = r.entityAssociations?.map(
+    ({ name: i, type: o, jobTitle: n }) => (
+      // 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.
+      i ? {
+        key: i,
+        value: `${o}`,
+        label: n,
+        variant: "blue"
+      } : null
+    )
+  ).filter(Boolean) ?? [];
+  return /* @__PURE__ */ e(u, { children: [
+    /* @__PURE__ */ e("span", { children: [
+      "Root legal entity type: ",
+      /* @__PURE__ */ e(v, { children: t })
+    ] }),
+    a.length ? /* @__PURE__ */ e(f, { data: a, heading: "Decision Makers" }) : void 0,
+    r ? /* @__PURE__ */ e(K, { lang: "json", content: JSON.stringify(r, null, 2) }) : void 0
+  ] });
+}, he = ({
+  metadata: { sdkVersion: s, locale: r, rootLegalEntityId: t }
+}) => /* @__PURE__ */ e("div", { className: "adyen-kyc-debug-modal__meta", children: /* @__PURE__ */ e(f, { data: [
+  { key: "SDK version", value: s, variant: "green" },
+  { key: "Locale", value: r, variant: "blue" },
+  { key: "Root legal entity ID", value: t, variant: "teal" }
+] }) }), ge = "adyen-kyc-debug-modal", ye = "adyen-kyc-debug-header", fe = "adyen-kyc-footer", pe = "adyen-kyc-footer-copy-status", be = "adyen-kyc-content", g = {
+  debugModal: ge,
+  debugHeader: ye,
+  footer: fe,
+  footerCopyStatus: pe,
+  content: be
+}, ve = "adyen-kyc-header", ke = "adyen-kyc-task-name", Se = "adyen-kyc-table", p = {
+  header: ve,
+  taskName: ke,
+  table: Se
+}, De = ({ taskStatuses: s }) => {
+  const { t: r } = x("common");
+  return /* @__PURE__ */ e("table", { className: p.table, children: [
+    /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { className: p.header, children: [
+      /* @__PURE__ */ e("th", { children: r((t) => t.task) }),
+      /* @__PURE__ */ e("th", { children: r((t) => t.status) }),
+      /* @__PURE__ */ e("th", { children: r((t) => t.reason) })
+    ] }) }),
+    /* @__PURE__ */ e("tbody", { children: b(s).sort(([t], [a]) => t.localeCompare(a)).map(([t, a]) => {
+      const { taskType: i, id: o } = F(t);
+      return /* @__PURE__ */ e("tr", { children: [
+        /* @__PURE__ */ e("td", { className: p.taskName, children: [
+          i,
+          o ? `: ${o}` : ""
+        ] }),
+        a ? /* @__PURE__ */ e(u, { children: [
+          /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e($, { status: a.status }) }),
+          /* @__PURE__ */ e("td", { children: [
+            r((n) => n[a.reason]),
+            /* @__PURE__ */ e(Ee, { status: a })
+          ] })
+        ] }) : /* @__PURE__ */ e(u, {})
+      ] }, t);
+    }) })
+  ] });
+}, Ee = ({ status: s }) => {
+  const { reason: r, details: t } = s;
+  switch (r) {
+    case "invalidInputError": {
+      const a = t.verificationError, i = a.subErrors;
+      return /* @__PURE__ */ e("div", { children: [
+        a.code,
+        ": ",
+        a.message,
+        i ? /* @__PURE__ */ e("ul", { children: (a.subErrors ?? []).map((o) => /* @__PURE__ */ e("li", { children: [
+          o.code,
+          ": ",
+          o.message
+        ] }, o.code)) }) : /* @__PURE__ */ e(u, {})
+      ] });
+    }
+    case "dataMissingError": {
+      const a = t.verificationError, i = a.subErrors;
+      return /* @__PURE__ */ e("div", { children: [
+        a.code,
+        ": ",
+        a.message,
+        i ? /* @__PURE__ */ e("ul", { children: (a.subErrors ?? []).map((o) => /* @__PURE__ */ e("li", { children: [
+          o.code,
+          ": ",
+          o.message
+        ] }, o.code)) }) : /* @__PURE__ */ e(u, {})
+      ] });
+    }
+    case "pendingCapabilities": {
+      const a = t.pendingCapabilities;
+      return /* @__PURE__ */ e("ul", { children: a.map((i) => /* @__PURE__ */ e("li", { children: i }, i)) });
+    }
+  }
+}, Ce = j(), Fe = ({ onExit: s }) => {
+  const { isExperimentEnabled: r } = M(), { getSetting: t } = R(), [a, i] = y(!1), { i18n: o } = x(), [n, l] = y("metadata"), c = N().rootLegalEntity.value, m = Object.keys(_.value).length > 0, k = {
+    sdkVersion: "4.0.0-compact.9",
+    locale: o.language,
+    rootLegalEntityId: c.id
+  }, S = T(w(q), r), D = T(w(J), t), E = N().taskStatuses.value, C = {
+    rootLegalEntity: c,
+    rootLegalEntityType: c.type
+  }, O = async () => {
+    const h = {
+      metadata: k,
+      experiments: S,
+      settings: D,
+      taskStatuses: E,
+      legalEntityData: C
+    };
+    await window.navigator.clipboard.writeText(JSON.stringify(h, null, 2)), i(!0), setTimeout(() => {
+      i(!1);
+    }, 5e3);
+  }, I = [
+    {
+      name: "metadata",
+      label: "Metadata"
+    },
+    {
+      name: "experimentsSettings",
+      label: "Experiments & Settings"
+    },
+    {
+      name: "taskStatuses",
+      label: "Task Statuses"
+    },
+    {
+      name: "legalEntityData",
+      label: "Legal Entity Data"
+    }
+  ];
+  return m && I.push({
+    name: "formConfig",
+    label: "Form Config"
+  }), /* @__PURE__ */ e(V, { size: "fullscreen", onClose: s, ariaLabel: "Debug", children: /* @__PURE__ */ e("div", { className: g.debugModal, children: [
+    /* @__PURE__ */ e("div", { className: g.debugHeader, children: [
+      /* @__PURE__ */ e("h1", { children: "Debug" }),
+      " ",
+      /* @__PURE__ */ e(U, { activeTab: n, onChange: (h) => l(h), tabs: I })
+    ] }),
+    /* @__PURE__ */ e("div", { className: g.content, children: [
+      n === "metadata" ? /* @__PURE__ */ e(he, { metadata: k }) : void 0,
+      n === "taskStatuses" ? /* @__PURE__ */ e(De, { taskStatuses: E }) : void 0,
+      n === "experimentsSettings" ? /* @__PURE__ */ e(Z, { experiments: S, settings: D }) : void 0,
+      n === "legalEntityData" ? /* @__PURE__ */ e(me, { legalEntityData: C }) : void 0,
+      n === "formConfig" ? /* @__PURE__ */ e(ue, {}) : void 0
+    ] }),
+    /* @__PURE__ */ e("div", { className: g.footer, children: /* @__PURE__ */ e("div", { children: [
+      /* @__PURE__ */ e(
+        L,
+        {
+          icon: "document",
+          onClick: () => {
+            O().catch((h) => {
+              Ce.error("Error copying to clipboard:", h);
+            });
+          },
+          children: "Copy debug info"
+        }
+      ),
+      a ? /* @__PURE__ */ e("span", { className: g.footerCopyStatus, children: [
+        /* @__PURE__ */ e(A, { name: "check" }),
+        " Copied!"
+      ] }) : void 0
+    ] }) })
+  ] }) });
+};
+export {
+  Fe as DebugModal
+};

package/dist/es/external/@adyen/kyc-components/dist/EndStateLayout-DVisdSEd.js

@@ -0,0 +1,53 @@
+import { jsx as n } from "../../../preact/jsx-runtime/dist/jsxRuntime.module.js";
+import l from "../../../../_virtual/index.js";
+import { isValidElement as i, cloneElement as u } from "../../../preact/dist/preact.module.js";
+import { W as f, V as b, B as S } from "./StoreProvider-CBB99upB.js";
+try {
+  let e = typeof window < "u" ? window : typeof global < "u" ? global : typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : {}, o = new e.Error().stack;
+  o && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[o] = "4fa947b3-db0f-4fc4-b39d-1f0507fbacbe", e._sentryDebugIdIdentifier = "sentry-dbid-4fa947b3-db0f-4fc4-b39d-1f0507fbacbe");
+} catch {
+}
+const L = "adyen-kyc-end-state-layout", m = "adyen-kyc-end-state-layout-header", I = "adyen-kyc-end-state-layout-icon", p = "adyen-kyc-end-state-layout-icon-success", g = "adyen-kyc-end-state-layout-icon-error", h = "adyen-kyc-end-state-layout-icon-info", k = "adyen-kyc-end-state-layout-icon-warning", w = "adyen-kyc-end-state-layout-title", E = "adyen-kyc-end-state-layout-description", N = "adyen-kyc-end-state-layout-action", t = {
+  endStateLayout: L,
+  endStateLayoutHeader: m,
+  endStateLayoutIcon: I,
+  endStateLayoutIconSuccess: p,
+  endStateLayoutIconError: g,
+  endStateLayoutIconInfo: h,
+  endStateLayoutIconWarning: k,
+  endStateLayoutTitle: w,
+  endStateLayoutDescription: E,
+  endStateLayoutAction: N
+}, _ = ({
+  action: e,
+  description: o,
+  loading: c = !1,
+  title: d,
+  variant: a = "success"
+}) => {
+  if (e && (!i(e) || e.type !== f))
+    throw new Error('EndStateLayout component only accepts Button component as "action".');
+  const r = l(t.endStateLayoutIcon, {
+    [t.endStateLayoutIconSuccess]: a === "success",
+    [t.endStateLayoutIconError]: a === "error",
+    [t.endStateLayoutIconWarning]: a === "warning",
+    [t.endStateLayoutIconInfo]: a === "info" || a === "basic"
+  }), y = {
+    basic: "info-circle",
+    error: "cross",
+    info: "info-circle",
+    success: "check",
+    warning: "warning"
+  }, s = e ? u(e, { disabled: c }) : null;
+  return /* @__PURE__ */ n("article", { className: t.endStateLayout, children: [
+    /* @__PURE__ */ n("header", { className: t.endStateLayoutHeader, children: [
+      c ? /* @__PURE__ */ n("div", { className: t.endStateLayoutIcon, role: "progressbar", children: /* @__PURE__ */ n(b, {}) }) : /* @__PURE__ */ n("div", { className: r, role: "img", "aria-label": a, children: /* @__PURE__ */ n(S, { name: y[a] }) }),
+      /* @__PURE__ */ n("h1", { className: t.endStateLayoutTitle, children: d }),
+      o && /* @__PURE__ */ n("div", { className: t.endStateLayoutDescription, children: o })
+    ] }),
+    s && /* @__PURE__ */ n("div", { className: t.endStateLayoutAction, role: "toolbar", children: s })
+  ] });
+};
+export {
+  _ as E
+};