@prosopo/procaptcha-bundle 2.3.2 → 2.4.2

package/dist/bundle/ProcaptchaWidget-BvScmKhX.js

@@ -1,631 +0,0 @@
-import { N as W, r as m, s as L, t as P, j as i, d as C, O as _, Q as f, R as A, A as g, P as I, p as F, g as ce, e as le, a as de, b as X, S as ue, i as he, W as pe, C as ge, c as fe, f as me, h as xe, k as Ce, l as be, m as ye, L as Ae, n as we, o as Te, q as Ee } from "./index-BYd5PSRY.js";
-import { u as q, a as Y, g as Se, b as Ie, s as ve, c as Ne, C as He } from "./Checkbox-gp52EwUq.js";
-import { v as ke, x as De, y as $ } from "./hash-C7-gVTqE.js";
-import { a as Re } from "./asU8a-BcA17eDA.js";
-const _e = (t) => Array.isArray(t) && t !== null, G = new Array(256), J = new Array(256 * 256);
-for (let t = 0; t < 256; t++)
-  G[t] = t.toString(16).padStart(2, "0");
-for (let t = 0; t < 256; t++) {
-  const e = t << 8;
-  for (let n = 0; n < 256; n++)
-    J[e | n] = G[t] + G[n];
-}
-function B(t, e) {
-  const n = t.length % 2 | 0, r = t.length - n | 0;
-  for (let a = 0; a < r; a += 2)
-    e += J[t[a] << 8 | t[a + 1]];
-  return n && (e += G[t[r] | 0]), e;
-}
-function Le(t, e = -1, n = !0) {
-  const r = n ? "0x" : "";
-  if (!(t != null && t.length))
-    return r;
-  if (e > 0) {
-    const a = Math.ceil(e / 8);
-    if (t.length > a)
-      return `${B(t.subarray(0, a / 2), r)}…${B(t.subarray(t.length - a / 2), "")}`;
-  }
-  return B(t, r);
-}
-const Pe = (t) => _e(t) ? Le(new Uint8Array(t)) : t.toString();
-function Me(t) {
-  return ke(De(t));
-}
-const Z = W.object({
-  account: W.string().optional(),
-  blockNumber: W.number().optional(),
-  providerUrl: W.string().optional()
-}), Oe = {
-  border: "none",
-  paddingTop: "6px",
-  paddingBottom: "6px",
-  cursor: "pointer",
-  height: "39px",
-  width: "39px",
-  borderRadius: "50%"
-}, We = ({ themeColor: t, onReload: e }) => {
-  const n = m.useMemo(() => t === "light" ? L : P, [t]), [r, a] = m.useState(!1), s = m.useMemo(() => ({
-    ...{
-      ...Oe,
-      backgroundColor: n.palette.background.default,
-      color: r ? n.palette.primary.contrastText : n.palette.background.contrastText
-    },
-    backgroundColor: r ? n.palette.grey[700] : n.palette.background.default
-  }), [r, n]);
-  return i("button", { className: "reload-button", "aria-label": "Reload", type: "button", style: s, onMouseEnter: () => a(!0), onMouseLeave: () => a(!1), onClick: (o) => {
-    o.preventDefault(), e();
-  }, children: C("svg", { width: "27px", height: "27px", viewBox: "0 0 27 27", version: "1.1", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", children: [i("title", { children: "reload" }), i("path", { fill: s.color, transform: "scale(0.0703125)", d: "M234.666667,149.333333 L234.666667,106.666667 L314.564847,106.664112 C287.579138,67.9778918 242.745446,42.6666667 192,42.6666667 C109.525477,42.6666667 42.6666667,109.525477 42.6666667,192 C42.6666667,274.474523 109.525477,341.333333 192,341.333333 C268.201293,341.333333 331.072074,284.258623 340.195444,210.526102 L382.537159,215.817985 C370.807686,310.617565 289.973536,384 192,384 C85.961328,384 1.42108547e-14,298.038672 1.42108547e-14,192 C1.42108547e-14,85.961328 85.961328,1.42108547e-14 192,1.42108547e-14 C252.316171,1.42108547e-14 306.136355,27.8126321 341.335366,71.3127128 L341.333333,1.42108547e-14 L384,1.42108547e-14 L384,149.333333 L234.666667,149.333333 Z" })] }) });
-}, Ge = (t) => {
-  if (!t.hash)
-    throw new _("CAPTCHA.MISSING_ITEM_HASH", {
-      context: { item: t }
-    });
-  return t.hash;
-}, Ue = ({ challenge: t, solution: e, onClick: n, themeColor: r }) => {
-  const a = t.items, s = m.useMemo(() => r === "light" ? L : P, [r]), o = `${s.spacing.half}px`;
-  return i("div", { style: {
-    width: "100%",
-    height: "100%",
-    display: "flex",
-    flexDirection: "row",
-    flexWrap: "wrap",
-    justifyContent: "space-between",
-    paddingBottom: o,
-    paddingRight: o
-  }, children: a.map((d, c) => {
-    const u = Ge(d);
-    return i("div", { style: {
-      flexGrow: 1,
-      flexBasis: "33.3333%",
-      boxSizing: "border-box",
-      paddingLeft: o,
-      paddingTop: o
-    }, children: C("div", { style: {
-      position: "relative",
-      cursor: "pointer",
-      height: "100%",
-      width: "100%",
-      border: 1,
-      padding: 0,
-      margin: 0,
-      borderStyle: "solid",
-      borderColor: s.palette.grey[300]
-    }, onClick: () => n(u), children: [i("img", { style: {
-      width: "100%",
-      backgroundColor: s.palette.grey[300],
-      display: "block",
-      objectFit: "contain",
-      aspectRatio: "1/1",
-      height: "auto"
-    }, src: d.data, alt: `Captcha image ${c + 1}` }), i("div", { style: {
-      position: "absolute",
-      top: 0,
-      left: 0,
-      bottom: 0,
-      right: 0,
-      height: "100%",
-      width: "100%",
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      backgroundColor: "rgba(0,0,0,0.5)",
-      visibility: e.includes(u) ? "visible" : "hidden"
-    }, children: i("svg", { style: {
-      backgroundColor: "transparent",
-      display: "block",
-      width: "35%",
-      height: "35%",
-      transition: "fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
-      userSelect: "none",
-      fill: "currentcolor"
-    }, focusable: "false", color: "#fff", "aria-hidden": "true", viewBox: "0 0 24 24", "data-testid": "CheckIcon", "aria-label": "Check icon", children: i("path", { d: "M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" }) }) })] }) }, d.hash);
-  }) });
-};
-function Be(t = {}) {
-  return Object.keys(t).reduce((e, n) => ({ ...e, [`data-${n}`]: t[n] }), {});
-}
-function Q({ general: t, dev: e }) {
-  return {
-    ...Be(t)
-  };
-}
-const je = {
-  display: "inline-flex",
-  alignItems: "center",
-  justifyContent: "center",
-  position: "relative",
-  boxSizing: "border-box",
-  outline: "0px",
-  border: "0px",
-  margin: "0px",
-  cursor: "pointer",
-  userSelect: "none",
-  verticalAlign: "middle",
-  appearance: void 0,
-  textDecoration: "none",
-  fontWeight: "500",
-  fontSize: "0.875rem",
-  lineHeight: "1.75",
-  letterSpacing: "0.02857em",
-  textTransform: "uppercase",
-  minWidth: "64px",
-  padding: "6px 16px",
-  borderRadius: "4px",
-  transition: "background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
-  color: "rgb(0, 0, 0)",
-  backgroundColor: "#ffffff",
-  boxShadow: "rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px"
-}, K = ({ themeColor: t, buttonType: e, text: n, onClick: r }) => {
-  const a = m.useMemo(() => t === "light" ? L : P, [t]), [s, o] = m.useState(!1), d = m.useMemo(() => {
-    const c = {
-      ...je,
-      color: s ? a.palette.primary.contrastText : a.palette.background.contrastText
-    };
-    return e === "cancel" ? {
-      ...c,
-      backgroundColor: s ? a.palette.grey[600] : "transparent"
-    } : {
-      ...c,
-      backgroundColor: s ? a.palette.primary.main : a.palette.background.default
-    };
-  }, [e, s, a]);
-  return i("button", { ...Q({ dev: { cy: `button-${e}` } }), onMouseEnter: () => o(!0), onMouseLeave: () => o(!1), style: d, onClick: (c) => {
-    c.preventDefault(), r();
-  }, "aria-label": n, children: n });
-}, $e = ({ challenge: t, index: e, solutions: n, onSubmit: r, onCancel: a, onClick: s, onNext: o, onReload: d, themeColor: c }) => {
-  const { t: u } = q(), w = t.captchas ? f(t.captchas, e) : null, E = n ? f(n, e) : [], b = m.useMemo(() => c === "light" ? L : P, [c]), v = `${b.spacing.unit}px`, N = `${b.spacing.half}px`;
-  return i(m.Suspense, { fallback: i("div", { children: "Loading..." }), children: i("div", { style: {
-    overflowX: "auto",
-    overflowY: "auto",
-    width: "100%",
-    maxWidth: "500px",
-    maxHeight: "100%",
-    display: "flex",
-    flexDirection: "column",
-    border: "1px solid #dddddd",
-    boxShadow: "rgba(255, 255, 255, 0.2) 0px 0px 4px",
-    borderRadius: "4px",
-    backgroundColor: b.palette.background.default,
-    userSelect: "none",
-    touchAction: "none",
-    overscrollBehavior: "none"
-  }, children: C("div", { style: {
-    backgroundColor: b.palette.background.default,
-    display: "flex",
-    flexDirection: "column",
-    minWidth: "300px"
-  }, children: [i("div", { style: {
-    display: "flex",
-    alignItems: "center",
-    width: "100%"
-  }, children: i("div", { style: {
-    backgroundColor: b.palette.primary.main,
-    width: "100%",
-    marginTop: v,
-    marginLeft: v,
-    marginRight: v
-  }, children: C("div", { style: {
-    paddingLeft: `${b.spacing.half}px`,
-    paddingRight: `${b.spacing.half}px`
-  }, children: [C("p", { style: {
-    color: "#ffffff",
-    fontWeight: 700,
-    lineHeight: 1.5
-  }, children: [u("WIDGET.SELECT_ALL"), ":", " ", i("span", { children: `${u(f(t.captchas, e).target)} ` })] }), i("p", { style: {
-    color: "#ffffff",
-    fontWeight: 500,
-    lineHeight: 0.8,
-    fontSize: "0.8rem"
-  }, children: u("WIDGET.IF_NONE_CLICK_NEXT") })] }) }) }), i("div", { ...Q({ dev: { cy: `captcha-${e}` } }), style: {
-    paddingRight: N,
-    paddingLeft: N
-  }, children: w && i(Ue, { challenge: w, solution: E, onClick: s, themeColor: c }) }), i("div", { style: {
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "space-between",
-    lineHeight: 1.75,
-    padding: v,
-    paddingBottom: N,
-    paddingTop: N
-  }, children: C("div", { style: {
-    display: "grid",
-    gridAutoFlow: "column",
-    gridTemplateColumns: "repeat(3, minmax(0, 1fr)",
-    width: "100%"
-  }, children: [i("div", { style: { justifySelf: "left" }, children: i(K, { themeColor: c, buttonType: "cancel", onClick: a, text: u("WIDGET.CANCEL"), "aria-label": u("WIDGET.CANCEL") }) }), i("div", { style: { justifySelf: "center" }, children: i(We, { themeColor: c, onReload: d }) }), i("div", { style: { justifySelf: "right" }, children: i(K, { themeColor: c, buttonType: "next", text: e < t.captchas.length - 1 ? u("WIDGET.NEXT") : u("WIDGET.SUBMIT"), onClick: e < t.captchas.length - 1 ? o : r, "aria-label": e < t.captchas.length - 1 ? u("WIDGET.NEXT") : u("WIDGET.SUBMIT"), "data-cy": "button-next" }) })] }) })] }) }) });
-};
-function ze(t) {
-  return $([
-    t.captchaId,
-    t.captchaContentId,
-    [...t.solution].sort(),
-    t.salt
-  ]);
-}
-class V {
-  constructor(e) {
-    this.hash = e, this.parent = null;
-  }
-}
-class Fe {
-  constructor() {
-    this.leaves = [], this.layers = [];
-  }
-  getRoot() {
-    if (this.root === void 0)
-      throw new A("DATASET.MERKLE_ERROR", {
-        context: {
-          error: "root undefined",
-          failedFuncName: this.getRoot.name
-        }
-      });
-    return this.root;
-  }
-  build(e) {
-    this.layers.length && (this.layers = []);
-    const n = [];
-    for (const r of e) {
-      const a = new V(r);
-      this.leaves.push(a), n.push(a.hash);
-    }
-    this.layers.push(n), this.root = this.buildMerkleTree(this.leaves)[0];
-  }
-  buildMerkleTree(e) {
-    const n = e.length;
-    if (n === 1)
-      return e;
-    const r = [];
-    let a = 0;
-    const s = [];
-    for (; a < n; ) {
-      const o = e[a];
-      if (o === void 0)
-        throw new A("DEVELOPER.GENERAL", {
-          context: { error: "leftChild undefined" }
-        });
-      const d = a + 1 < n ? f(e, a + 1) : o, c = this.createParent(o, d);
-      s.push(c.hash), r.push(c), a += 2;
-    }
-    return this.layers.push(s), this.buildMerkleTree(r);
-  }
-  createParent(e, n) {
-    const r = new V($([e.hash, n.hash]));
-    return e.parent = r.hash, n.parent = r.hash, r;
-  }
-  proof(e) {
-    const n = [];
-    let r = 0;
-    for (; r < this.layers.length - 1; ) {
-      const s = this.layers[r];
-      if (s === void 0)
-        throw new A("DATASET.MERKLE_ERROR", {
-          context: {
-            error: "layer undefined",
-            failedFuncName: this.proof.name,
-            layerNum: r
-          }
-        });
-      const o = s.indexOf(e);
-      let d = o % 2 && o > 0 ? o - 1 : o + 1;
-      d > s.length - 1 && (d = o);
-      const c = [e], u = f(s, d);
-      d > o ? c.push(u) : c.unshift(u), n.push([f(c, 0), f(c, 1)]), r += 1, e = $(c);
-    }
-    const a = f(this.layers, this.layers.length - 1);
-    return [...n, [f(a, 0)]];
-  }
-}
-class Ke {
-  constructor(e, n, r, a, s) {
-    this.userAccount = e, this.provider = n, this.providerApi = r, this._web2 = a, this.dappAccount = s;
-  }
-  get web2() {
-    return this._web2;
-  }
-  async getCaptchaChallenge() {
-    try {
-      const e = await this.providerApi.getCaptchaChallenge(this.userAccount, this.provider);
-      if (e[g.error])
-        return e;
-      if (window.location.protocol === "https:" || window.location.protocol === "http:")
-        for (const n of e.captchas)
-          for (const r of n.items)
-            r.data && (r.data = r.data.replace(/^http(s)*:\/\//, "//"));
-      return e;
-    } catch (e) {
-      throw new I("CAPTCHA.INVALID_CAPTCHA_CHALLENGE", {
-        context: { error: e }
-      });
-    }
-  }
-  async submitCaptchaSolution(e, n, r, a, s) {
-    const o = new Fe(), d = r.map((E) => ze(E));
-    if (o.build(d), !o.root)
-      throw new _("CAPTCHA.INVALID_CAPTCHA_CHALLENGE", {
-        context: { error: "Merkle tree root is undefined" }
-      });
-    const c = o.root.hash, u = void 0;
-    let w;
-    try {
-      w = await this.providerApi.submitCaptchaSolution(r, n, this.userAccount, a, s, e);
-    } catch (E) {
-      throw new _("CAPTCHA.INVALID_CAPTCHA_CHALLENGE", {
-        context: { error: E }
-      });
-    }
-    return [w, c, u];
-  }
-}
-const ee = "@prosopo/procaptcha";
-function z() {
-  return Z.parse(JSON.parse(Me(localStorage.getItem(ee) || "0x7b7d")));
-}
-function te(t) {
-  localStorage.setItem(ee, Y(JSON.stringify(Z.parse(t))));
-}
-function Ve(t) {
-  te({ ...z(), account: t });
-}
-function Xe() {
-  return z().account || null;
-}
-const j = {
-  setAccount: Ve,
-  getAccount: Xe,
-  setProcaptchaStorage: te,
-  getProcaptchaStorage: z
-}, qe = () => ({
-  showModal: !1,
-  loading: !1,
-  index: 0,
-  challenge: void 0,
-  solutions: void 0,
-  isHuman: !1,
-  captchaApi: void 0,
-  account: void 0
-});
-function Ye(t, e, n, r, a) {
-  const s = Se(n, e, r), o = Ie(e, n), d = () => {
-    const l = {
-      userAccountAddress: "",
-      ...t
-    };
-    return e.account && (l.userAccountAddress = e.account.account.address), X.parse(l);
-  }, c = async () => {
-    s.onOpen(), await F(async () => {
-      if (e.loading || e.isHuman)
-        return;
-      H(), o({ loading: !0 }), o({
-        attemptCount: e.attemptCount ? e.attemptCount + 1 : 1
-      });
-      const l = d();
-      o({ dappAccount: l.account.address }), await ve(100);
-      const h = await oe(), y = await ce(d()), p = y.provider.url, T = await N(p), k = new Ke(h.account.address, y, T, l.web2, l.account.address || "");
-      o({ captchaApi: k });
-      const x = await k.getCaptchaChallenge();
-      if (x.error)
-        o({
-          loading: !1,
-          error: x.error.message
-        });
-      else {
-        if (x.captchas.length <= 0)
-          throw new _("DEVELOPER.PROVIDER_NO_CAPTCHA");
-        const O = x.captchas.map((R) => R.timeLimitMs || l.captchas.image.challengeTimeout).reduce((R, S) => R + S), D = setTimeout(() => {
-          s.onChallengeExpired(), o({ isHuman: !1, showModal: !1, loading: !1 });
-        }, O);
-        o({
-          index: 0,
-          solutions: x.captchas.map(() => []),
-          challenge: x,
-          showModal: !0,
-          timeout: D
-        });
-      }
-    }, c, H, e.attemptCount, 10);
-  }, u = async () => {
-    await F(async () => {
-      if (M(), !e.challenge)
-        throw new A("CAPTCHA.NO_CAPTCHA", {
-          context: { error: "Cannot submit, no Captcha found in state" }
-        });
-      o({ showModal: !1 });
-      const l = e.challenge, h = Re(), y = e.challenge.captchas.map((S, ie) => {
-        const se = f(e.solutions, ie);
-        return {
-          captchaId: S.captchaId,
-          captchaContentId: S.captchaContentId,
-          salt: h,
-          solution: se
-        };
-      }), p = U(), T = re(p).signer;
-      if (!f(l.captchas, 0).datasetId)
-        throw new _("CAPTCHA.INVALID_CAPTCHA_ID", {
-          context: { error: "No datasetId set for challenge" }
-        });
-      const x = e.captchaApi;
-      if (!x)
-        throw new A("CAPTCHA.INVALID_TOKEN", {
-          context: { error: "No Captcha API found in state" }
-        });
-      if (!T || !T.signRaw)
-        throw new I("GENERAL.CANT_FIND_KEYRINGPAIR", {
-          context: {
-            error: "Signer is not defined, cannot sign message to prove account ownership"
-          }
-        });
-      const O = await T.signRaw({
-        address: p.account.address,
-        data: Y(l[g.timestamp]),
-        type: "bytes"
-      }), D = await x.submitCaptchaSolution(O.signature, l.requestHash, y, l.timestamp, l.signature.provider.requestHash), R = D[0].verified;
-      if (o({
-        submission: D,
-        isHuman: R,
-        loading: !1
-      }), e.isHuman) {
-        const S = x.provider.provider.url;
-        j.setProcaptchaStorage({
-          ...j.getProcaptchaStorage(),
-          providerUrl: S
-        }), s.onHuman(le({
-          [g.providerUrl]: S,
-          [g.user]: p.account.address,
-          [g.dapp]: ae(),
-          [g.commitmentId]: Pe(D[1]),
-          [g.timestamp]: l.timestamp,
-          [g.signature]: {
-            [g.provider]: {
-              [g.requestHash]: l.signature.provider.requestHash
-            },
-            [g.user]: {
-              [g.timestamp]: O.signature
-            }
-          }
-        })), ne();
-      } else
-        s.onFailed();
-    }, c, H, e.attemptCount, 10);
-  }, w = async () => {
-    M(), H(), s.onClose();
-  }, E = async () => {
-    M(), H(), s.onClose(), await c();
-  }, b = (l) => {
-    if (!e.challenge)
-      throw new A("CAPTCHA.NO_CAPTCHA", {
-        context: { error: "Cannot select, no Captcha found in state" }
-      });
-    if (e.index >= e.challenge.captchas.length || e.index < 0)
-      throw new A("CAPTCHA.NO_CAPTCHA", {
-        context: {
-          error: "Cannot select, index is out of range for this Captcha"
-        }
-      });
-    const h = e.index, y = e.solutions, p = f(y, h);
-    p.includes(l) ? p.splice(p.indexOf(l), 1) : p.push(l), o({ solutions: y });
-  }, v = () => {
-    if (!e.challenge)
-      throw new A("CAPTCHA.NO_CAPTCHA", {
-        context: { error: "Cannot select, no Captcha found in state" }
-      });
-    if (e.index + 1 >= e.challenge.captchas.length)
-      throw new A("CAPTCHA.NO_CAPTCHA", {
-        context: {
-          error: "Cannot select, index is out of range for this Captcha"
-        }
-      });
-    o({ index: e.index + 1 });
-  }, N = async (l) => {
-    const h = d();
-    if (!h.account.address)
-      throw new I("GENERAL.SITE_KEY_MISSING");
-    return new de(l, h.account.address);
-  }, M = () => {
-    window.clearTimeout(Number(e.timeout)), o({ timeout: void 0 });
-  }, ne = () => {
-    const l = t.captchas.image.solutionTimeout, h = setTimeout(() => {
-      o({ isHuman: !1 }), s.onExpired();
-    }, l);
-    o({ successfullChallengeTimeout: h });
-  }, H = () => {
-    M(), o(qe()), s.onReset();
-  }, oe = async () => {
-    const l = d();
-    if (!l.web2 && !l.userAccountAddress)
-      throw new I("GENERAL.ACCOUNT_NOT_FOUND", {
-        context: { error: "Account address has not been set for web3 mode" }
-      });
-    const h = async (k) => await new (await k())().getAccount(l), y = async () => (await import("./index-BH5dKH-o.js")).ExtensionWeb3, p = async () => (await import("./index-BH5dKH-o.js")).ExtensionWeb2, T = await h(l.web2 ? p : y);
-    return j.setAccount(T.account.address), o({ account: T }), U();
-  }, U = () => {
-    if (!e.account)
-      throw new I("GENERAL.ACCOUNT_NOT_FOUND", {
-        context: { error: "Account not loaded" }
-      });
-    return e.account;
-  }, ae = () => {
-    if (!e.dappAccount)
-      throw new I("GENERAL.SITE_KEY_MISSING");
-    return e.dappAccount;
-  }, re = (l) => {
-    const h = l || U();
-    if (!h.extension)
-      throw new I("ACCOUNT.NO_POLKADOT_EXTENSION", {
-        context: { error: "Extension not loaded" }
-      });
-    return h.extension;
-  };
-  return {
-    start: c,
-    cancel: w,
-    submit: u,
-    select: b,
-    nextRound: v,
-    reload: E
-  };
-}
-const Je = ue.memo((t, e) => {
-  const { show: n, children: r } = t, s = {
-    position: "fixed",
-    zIndex: 2147483646,
-    inset: 0,
-    display: n ? "block" : "none"
-  }, o = {
-    position: "fixed",
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    right: 0,
-    bottom: 0,
-    top: 0,
-    left: 0,
-    backgroundColor: "rgba(0, 0, 0, 0.5)",
-    zIndex: -1
-  }, d = {
-    position: "absolute",
-    top: "50%",
-    left: "50%",
-    transform: "translate(-50%, -50%)",
-    width: "inherit",
-    backgroundColor: "transparent",
-    border: "none",
-    boxShadow: "rgba(0, 0, 0, 0.2) 0px 11px 15px -7px, rgba(0, 0, 0, 0.14) 0px 24px 38px 3px, rgba(0, 0, 0, 0.12) 0px 9px 46px 8px,"
-  };
-  return C("div", { className: "prosopo-modalOuter", style: s, children: [i("div", { className: "prosopo-modalBackground", style: o }), i("div", { className: "prosopo-modalInner", style: d, children: r })] });
-}), nt = (t) => {
-  const { t: e } = q(), n = X.parse(t.config), r = t.callbacks || {}, [a, s] = Ne(m.useState, m.useRef), o = Ye(n, a, s, r), d = t.config.theme === "light" ? "light" : "dark", c = t.config.theme === "light" ? L : P;
-  return m.useEffect(() => {
-    n.language && he.changeLanguage(n.language);
-  }, [n.language]), i("div", { children: C("div", { style: {
-    maxWidth: pe,
-    maxHeight: "100%",
-    overflowX: "auto",
-    ...c.font
-  }, children: [i(Je, { show: a.showModal, children: a.challenge ? i($e, { challenge: a.challenge, index: a.index, solutions: a.solutions, onSubmit: o.submit, onCancel: o.cancel, onClick: o.select, onNext: o.nextRound, onReload: o.reload, themeColor: n.theme ?? "light" }) : i("div", { children: "No challenge set." }) }), i(ge, { children: i(fe, { children: C("div", { style: me, "data-cy": "button-human", children: [" ", C("div", { style: {
-    padding: xe,
-    border: Ce,
-    backgroundColor: c.palette.background.default,
-    borderColor: c.palette.grey[300],
-    borderRadius: be,
-    display: "flex",
-    alignItems: "center",
-    flexWrap: "wrap",
-    justifyContent: "space-between",
-    minHeight: `${ye}px`,
-    overflow: "hidden"
-  }, children: [i("div", { style: { display: "inline-flex", flexDirection: "column" }, children: i("div", { style: {
-    alignItems: "center",
-    flex: 1
-  }, children: i("div", { style: {
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    flexDirection: "column",
-    verticalAlign: "middle"
-  }, children: i("div", { style: {
-    display: "flex"
-  }, children: a.loading ? i(Ae, { themeColor: d, "aria-label": "Loading spinner" }) : i(He, { themeColor: d, onChange: o.start, checked: a.isHuman, labelText: e("WIDGET.I_AM_HUMAN"), error: a.error, "aria-label": "human checkbox" }) }) }) }) }), i("div", { style: { display: "inline-flex", flexDirection: "column" }, children: i("a", { href: we, target: "_blank", "aria-label": Te, children: i("div", { style: { flex: 1 }, children: i(Ee, { themeColor: d, "aria-label": "Prosopo logo" }) }) }) })] })] }) }) })] }) });
-};
-export {
-  nt as default
-};