@prosopo/procaptcha-bundle 2.1.8 → 2.1.10

package/dist/bundle/ProcaptchaWidget-7TbSaVgr.js

@@ -0,0 +1,652 @@
+import { u as ce, h as le, z as M, r as m, l as k, d as _, j as r, a as w, P as H, b as f, c as $, e as T, A as g, f as I, p as K, g as de, i as pe, k as ue, m as he, n as ge, o as q, E as fe, R as me, q as xe, W as Ce, C as be, s as ye, t as we, v as Ae, w as Te, x as Ee, y as Ie, L as Se, B as ve, D as Ne, F as Re } from "./index-Dw8Y8Yw8.js";
+import { u as Y, s as J, g as De, b as He, a as ke, E as _e, c as Le, C as Pe } from "./Checkbox-sU_gHsrX.js";
+const Me = (t) => Array.isArray(t) && t !== null, O = new Array(256), Z = new Array(256 * 256);
+for (let t = 0; t < 256; t++)
+  O[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++)
+    Z[e | n] = O[t] + O[n];
+}
+function U(t, e) {
+  const n = t.length % 2 | 0, i = t.length - n | 0;
+  for (let a = 0; a < i; a += 2)
+    e += Z[t[a] << 8 | t[a + 1]];
+  return n && (e += O[t[i] | 0]), e;
+}
+function Oe(t, e = -1, n = !0) {
+  const i = n ? "0x" : "";
+  if (!(t != null && t.length))
+    return i;
+  if (e > 0) {
+    const a = Math.ceil(e / 8);
+    if (t.length > a)
+      return `${U(t.subarray(0, a / 2), i)}…${U(t.subarray(t.length - a / 2), "")}`;
+  }
+  return U(t, i);
+}
+const Ge = (t) => Me(t) ? Oe(new Uint8Array(t)) : t.toString();
+function We(t) {
+  return ce(le(t));
+}
+const Q = M.object({
+  account: M.string().optional(),
+  blockNumber: M.number().optional(),
+  providerUrl: M.string().optional()
+}), Be = {
+  border: "none",
+  paddingTop: "6px",
+  paddingBottom: "6px",
+  cursor: "pointer",
+  height: "39px",
+  width: "39px",
+  borderRadius: "50%"
+}, Ue = ({ themeColor: t, onReload: e }) => {
+  const n = m.useMemo(() => t === "light" ? k : _, [t]), [i, a] = m.useState(!1), c = m.useMemo(() => ({
+    ...{
+      ...Be,
+      backgroundColor: n.palette.background.default,
+      color: i ? n.palette.primary.contrastText : n.palette.background.contrastText
+    },
+    backgroundColor: i ? n.palette.grey[700] : n.palette.background.default
+  }), [i, n]);
+  return r("button", { className: "reload-button", "aria-label": "Reload", type: "button", style: c, onMouseEnter: () => a(!0), onMouseLeave: () => a(!1), onClick: (o) => {
+    o.preventDefault(), e();
+  }, children: w("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: [r("title", { children: "reload" }), r("path", { fill: c.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" })] }) });
+}, je = (t) => {
+  if (!t.hash)
+    throw new H("CAPTCHA.MISSING_ITEM_HASH", {
+      context: { item: t }
+    });
+  return t.hash;
+}, $e = ({ challenge: t, solution: e, onClick: n, themeColor: i }) => {
+  const a = t.items, c = m.useMemo(() => i === "light" ? k : _, [i]), o = "ontouchstart" in window, d = `${c.spacing.unit}px`, s = `${c.spacing.half}px`, p = {
+    0: {
+      paddingLeft: 0,
+      paddingRight: s,
+      paddingTop: s,
+      paddingBottom: s
+    },
+    1: {
+      paddingLeft: s,
+      paddingRight: s,
+      paddingTop: s,
+      paddingBottom: s
+    },
+    2: {
+      paddingLeft: s,
+      paddingRight: 0,
+      paddingTop: s,
+      paddingBottom: s
+    }
+  }, A = {
+    0: { paddingTop: d },
+    2: { paddingBottom: d }
+  };
+  return r("div", { style: {
+    paddingRight: 0.5,
+    paddingBottom: 0.5,
+    width: "100%",
+    height: "100%",
+    display: "flex",
+    flexDirection: "row",
+    flexWrap: "wrap"
+  }, children: a.map((x, u) => {
+    const S = je(x), G = {
+      ...p[u % 3],
+      ...A[Math.floor(u / 3)],
+      flexGrow: 1,
+      flexBasis: "33.3333%",
+      boxSizing: "border-box"
+    };
+    return r("div", { style: G, children: w("div", { style: {
+      cursor: "pointer",
+      height: "100%",
+      width: "100%",
+      border: 1,
+      borderStyle: "solid",
+      borderColor: c.palette.grey[300]
+    }, onClick: o ? void 0 : () => n(S), onTouchStart: o ? () => n(S) : void 0, children: [r("div", { children: r("img", { style: {
+      width: "100%",
+      backgroundColor: c.palette.grey[300],
+      opacity: e.includes(S) && o ? "50%" : "100%",
+      display: "block",
+      objectFit: "contain",
+      aspectRatio: "1/1",
+      height: "auto"
+    }, src: x.data, alt: `Captcha image ${u + 1}` }) }), r("div", { style: {
+      position: "relative",
+      width: "100%",
+      height: "100%",
+      top: "-100%",
+      visibility: e.includes(S) ? "visible" : "hidden",
+      transition: "opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
+      opacity: 1
+    }, children: r("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)"
+    }, children: r("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: r("path", { d: "M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" }) }) }) })] }) }, x.hash);
+  }) });
+};
+function ze(t = {}) {
+  return Object.keys(t).reduce((e, n) => ({ ...e, [`data-${n}`]: t[n] }), {});
+}
+function z({ general: t, dev: e }) {
+  return {
+    ...ze(t)
+  };
+}
+const Fe = {
+  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"
+}, V = ({ themeColor: t, buttonType: e, text: n, onClick: i }) => {
+  const a = m.useMemo(() => t === "light" ? k : _, [t]), [c, o] = m.useState(!1), d = m.useMemo(() => {
+    const s = {
+      ...Fe,
+      color: c ? a.palette.primary.contrastText : a.palette.background.contrastText
+    };
+    return e === "cancel" ? {
+      ...s,
+      backgroundColor: c ? a.palette.grey[600] : "transparent"
+    } : {
+      ...s,
+      backgroundColor: c ? a.palette.primary.main : a.palette.background.default
+    };
+  }, [e, c, a]);
+  return r("button", { ...z({ dev: { cy: `button-${e}` } }), onMouseEnter: () => o(!0), onMouseLeave: () => o(!1), style: d, onClick: (s) => {
+    s.preventDefault(), i();
+  }, "aria-label": n, children: n });
+}, Ke = ({ challenge: t, index: e, solutions: n, onSubmit: i, onCancel: a, onClick: c, onNext: o, onReload: d, themeColor: s }) => {
+  const { t: p } = Y(), A = t.captchas ? f(t.captchas, e) : null, x = n ? f(n, e) : [], u = m.useMemo(() => s === "light" ? k : _, [s]);
+  return r(m.Suspense, { fallback: r("div", { children: "Loading..." }), children: r("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",
+    padding: `${u.spacing.unit}px`,
+    backgroundColor: u.palette.background.default
+  }, children: w("div", { style: {
+    backgroundColor: u.palette.background.default,
+    display: "flex",
+    flexDirection: "column",
+    minWidth: "300px"
+  }, children: [r("div", { style: {
+    display: "flex",
+    alignItems: "center",
+    width: "100%"
+  }, children: r("div", { style: {
+    backgroundColor: u.palette.primary.main,
+    width: "100%"
+  }, children: w("div", { style: {
+    paddingLeft: `${u.spacing.half}px`,
+    paddingRight: `${u.spacing.half}px`
+  }, children: [w("p", { style: {
+    color: "#ffffff",
+    fontWeight: 700,
+    lineHeight: 1.5
+  }, children: [p("WIDGET.SELECT_ALL"), ":", " ", r("span", { children: `${p(f(t.captchas, e).target)} ` })] }), r("p", { style: {
+    color: "#ffffff",
+    fontWeight: 500,
+    lineHeight: 0.8,
+    fontSize: "0.8rem"
+  }, children: p("WIDGET.IF_NONE_CLICK_NEXT") })] }) }) }), r("div", { ...z({ dev: { cy: `captcha-${e}` } }), children: A && r($e, { challenge: A, solution: x, onClick: c, themeColor: s }) }), r("div", { style: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    width: "100%"
+  }, ...z({ dev: { cy: "dots-captcha" } }) }), r("div", { style: {
+    padding: `0 ${u.spacing}px`,
+    display: "flex",
+    width: "100%"
+  } }), r("div", { style: {
+    padding: `0 ${u.spacing}px`,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    lineHeight: 1.75
+  }, children: w("div", { style: {
+    display: "grid",
+    gridAutoFlow: "column",
+    gridTemplateColumns: "repeat(3, minmax(0, 1fr)",
+    width: "100%"
+  }, children: [r("div", { style: { justifySelf: "left" }, children: r(V, { themeColor: s, buttonType: "cancel", onClick: a, text: p("WIDGET.CANCEL"), "aria-label": p("WIDGET.CANCEL") }) }), r("div", { style: { justifySelf: "center" }, children: r(Ue, { themeColor: s, onReload: d }) }), r("div", { style: { justifySelf: "right" }, children: r(V, { themeColor: s, buttonType: "next", text: e < t.captchas.length - 1 ? p("WIDGET.NEXT") : p("WIDGET.SUBMIT"), onClick: e < t.captchas.length - 1 ? o : i, "aria-label": e < t.captchas.length - 1 ? p("WIDGET.NEXT") : p("WIDGET.SUBMIT"), "data-cy": "button-next" }) })] }) })] }) }) });
+};
+function Ve(t) {
+  return $([
+    t.captchaId,
+    t.captchaContentId,
+    [...t.solution].sort(),
+    t.salt
+  ]);
+}
+class X {
+  constructor(e) {
+    this.hash = e, this.parent = null;
+  }
+}
+class Xe {
+  constructor() {
+    this.leaves = [], this.layers = [];
+  }
+  getRoot() {
+    if (this.root === void 0)
+      throw new T("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 i of e) {
+      const a = new X(i);
+      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 i = [];
+    let a = 0;
+    const c = [];
+    for (; a < n; ) {
+      const o = e[a];
+      if (o === void 0)
+        throw new T("DEVELOPER.GENERAL", {
+          context: { error: "leftChild undefined" }
+        });
+      const d = a + 1 < n ? f(e, a + 1) : o, s = this.createParent(o, d);
+      c.push(s.hash), i.push(s), a += 2;
+    }
+    return this.layers.push(c), this.buildMerkleTree(i);
+  }
+  createParent(e, n) {
+    const i = new X($([e.hash, n.hash]));
+    return e.parent = i.hash, n.parent = i.hash, i;
+  }
+  proof(e) {
+    const n = [];
+    let i = 0;
+    for (; i < this.layers.length - 1; ) {
+      const c = this.layers[i];
+      if (c === void 0)
+        throw new T("DATASET.MERKLE_ERROR", {
+          context: {
+            error: "layer undefined",
+            failedFuncName: this.proof.name,
+            layerNum: i
+          }
+        });
+      const o = c.indexOf(e);
+      let d = o % 2 && o > 0 ? o - 1 : o + 1;
+      d > c.length - 1 && (d = o);
+      const s = [e], p = f(c, d);
+      d > o ? s.push(p) : s.unshift(p), n.push([f(s, 0), f(s, 1)]), i += 1, e = $(s);
+    }
+    const a = f(this.layers, this.layers.length - 1);
+    return [...n, [f(a, 0)]];
+  }
+}
+class qe {
+  constructor(e, n, i, a, c) {
+    this.userAccount = e, this.provider = n, this.providerApi = i, this._web2 = a, this.dappAccount = c;
+  }
+  get web2() {
+    return this._web2;
+  }
+  async getCaptchaChallenge() {
+    try {
+      const e = await this.providerApi.getCaptchaChallenge(this.userAccount, this.provider);
+      if (e[g.error])
+        return e;
+      for (const n of e.captchas)
+        for (const i of n.items)
+          i.data && (i.data = i.data.replace(/^http(s)*:\/\//, "//"));
+      return e;
+    } catch (e) {
+      throw new I("CAPTCHA.INVALID_CAPTCHA_CHALLENGE", {
+        context: { error: e }
+      });
+    }
+  }
+  async submitCaptchaSolution(e, n, i, a, c) {
+    const o = new Xe(), d = i.map((x) => Ve(x));
+    if (o.build(d), !o.root)
+      throw new H("CAPTCHA.INVALID_CAPTCHA_CHALLENGE", {
+        context: { error: "Merkle tree root is undefined" }
+      });
+    const s = o.root.hash, p = void 0;
+    let A;
+    try {
+      A = await this.providerApi.submitCaptchaSolution(i, n, this.userAccount, a, c, e);
+    } catch (x) {
+      throw new H("CAPTCHA.INVALID_CAPTCHA_CHALLENGE", {
+        context: { error: x }
+      });
+    }
+    return [A, s, p];
+  }
+}
+const ee = "@prosopo/procaptcha";
+function F() {
+  return Q.parse(JSON.parse(We(localStorage.getItem(ee) || "0x7b7d")));
+}
+function te(t) {
+  localStorage.setItem(ee, J(JSON.stringify(Q.parse(t))));
+}
+function Ye(t) {
+  te({ ...F(), account: t });
+}
+function Je() {
+  return F().account || null;
+}
+const j = {
+  setAccount: Ye,
+  getAccount: Je,
+  setProcaptchaStorage: te,
+  getProcaptchaStorage: F
+}, Ze = () => ({
+  showModal: !1,
+  loading: !1,
+  index: 0,
+  challenge: void 0,
+  solutions: void 0,
+  isHuman: !1,
+  captchaApi: void 0,
+  account: void 0
+});
+function Qe(t, e, n, i, a) {
+  const c = De(n, e, i), o = He(e, n), d = () => {
+    const l = {
+      userAccountAddress: "",
+      ...t
+    };
+    return e.account && (l.userAccountAddress = e.account.account.address), q.parse(l);
+  }, s = async () => {
+    c.onOpen(), await K(async () => {
+      if (e.loading || e.isHuman)
+        return;
+      await de(), v(), o({ loading: !0 }), o({
+        attemptCount: e.attemptCount ? e.attemptCount + 1 : 1
+      });
+      const l = d();
+      o({ dappAccount: l.account.address }), await ke(100);
+      const h = await oe(), b = await pe(d()), C = b.provider.url, N = await G(C), B = new qe(h.account.address, b, N, l.web2, l.account.address || "");
+      o({ captchaApi: B });
+      const y = await B.getCaptchaChallenge();
+      if (y.error)
+        o({
+          loading: !1,
+          error: y.error.message
+        });
+      else {
+        if (y.captchas.length <= 0)
+          throw new H("DEVELOPER.PROVIDER_NO_CAPTCHA");
+        const P = y.captchas.map((D) => D.timeLimitMs || l.captchas.image.challengeTimeout).reduce((D, E) => D + E), R = setTimeout(() => {
+          c.onChallengeExpired(), o({ isHuman: !1, showModal: !1, loading: !1 });
+        }, P);
+        o({
+          index: 0,
+          solutions: y.captchas.map(() => []),
+          challenge: y,
+          showModal: !0,
+          timeout: R
+        });
+      }
+    }, s, v, e.attemptCount, 10);
+  }, p = async () => {
+    await K(async () => {
+      if (L(), !e.challenge)
+        throw new T("CAPTCHA.NO_CAPTCHA", {
+          context: { error: "Cannot submit, no Captcha found in state" }
+        });
+      o({ showModal: !1 });
+      const l = e.challenge, h = ue(), b = e.challenge.captchas.map((E, ie) => {
+        const se = f(e.solutions, ie);
+        return {
+          captchaId: E.captchaId,
+          captchaContentId: E.captchaContentId,
+          salt: h,
+          solution: se
+        };
+      }), C = W(), N = re(C).signer;
+      if (!f(l.captchas, 0).datasetId)
+        throw new H("CAPTCHA.INVALID_CAPTCHA_ID", {
+          context: { error: "No datasetId set for challenge" }
+        });
+      const y = e.captchaApi;
+      if (!y)
+        throw new T("CAPTCHA.INVALID_TOKEN", {
+          context: { error: "No Captcha API found in state" }
+        });
+      if (!N || !N.signRaw)
+        throw new I("GENERAL.CANT_FIND_KEYRINGPAIR", {
+          context: {
+            error: "Signer is not defined, cannot sign message to prove account ownership"
+          }
+        });
+      const P = await N.signRaw({
+        address: C.account.address,
+        data: J(l[g.timestamp]),
+        type: "bytes"
+      }), R = await y.submitCaptchaSolution(P.signature, l.requestHash, b, l.timestamp, l.signature.provider.requestHash), D = R[0].verified;
+      if (o({
+        submission: R,
+        isHuman: D,
+        loading: !1
+      }), e.isHuman) {
+        const E = y.provider.provider.url;
+        j.setProcaptchaStorage({
+          ...j.getProcaptchaStorage(),
+          providerUrl: E
+        }), c.onHuman(he({
+          [g.providerUrl]: E,
+          [g.user]: C.account.address,
+          [g.dapp]: ae(),
+          [g.commitmentId]: Ge(R[1]),
+          [g.timestamp]: l.timestamp,
+          [g.signature]: {
+            [g.provider]: {
+              [g.requestHash]: l.signature.provider.requestHash
+            },
+            [g.user]: {
+              [g.timestamp]: P.signature
+            }
+          }
+        })), ne();
+      } else
+        c.onFailed();
+    }, s, v, e.attemptCount, 10);
+  }, A = async () => {
+    L(), v(), c.onClose();
+  }, x = async () => {
+    L(), v(), c.onClose(), await s();
+  }, u = (l) => {
+    if (!e.challenge)
+      throw new T("CAPTCHA.NO_CAPTCHA", {
+        context: { error: "Cannot select, no Captcha found in state" }
+      });
+    if (e.index >= e.challenge.captchas.length || e.index < 0)
+      throw new T("CAPTCHA.NO_CAPTCHA", {
+        context: {
+          error: "Cannot select, index is out of range for this Captcha"
+        }
+      });
+    const h = e.index, b = e.solutions, C = f(b, h);
+    C.includes(l) ? C.splice(C.indexOf(l), 1) : C.push(l), o({ solutions: b });
+  }, S = () => {
+    if (!e.challenge)
+      throw new T("CAPTCHA.NO_CAPTCHA", {
+        context: { error: "Cannot select, no Captcha found in state" }
+      });
+    if (e.index + 1 >= e.challenge.captchas.length)
+      throw new T("CAPTCHA.NO_CAPTCHA", {
+        context: {
+          error: "Cannot select, index is out of range for this Captcha"
+        }
+      });
+    o({ index: e.index + 1 });
+  }, G = async (l) => {
+    const h = d();
+    if (!h.account.address)
+      throw new I("GENERAL.SITE_KEY_MISSING");
+    return new ge(l, h.account.address);
+  }, L = () => {
+    window.clearTimeout(Number(e.timeout)), o({ timeout: void 0 });
+  }, ne = () => {
+    const l = t.captchas.image.solutionTimeout, h = setTimeout(() => {
+      o({ isHuman: !1 }), c.onExpired();
+    }, l);
+    o({ successfullChallengeTimeout: h });
+  }, v = () => {
+    L(), o(Ze()), c.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 b = await (async () => await (l.web2 ? new fe() : new _e()).getAccount(l))();
+    return j.setAccount(b.account.address), o({ account: b }), W();
+  }, W = () => {
+    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 || W();
+    if (!h.extension)
+      throw new I("ACCOUNT.NO_POLKADOT_EXTENSION", {
+        context: { error: "Extension not loaded" }
+      });
+    return h.extension;
+  };
+  return {
+    start: s,
+    cancel: A,
+    submit: p,
+    select: u,
+    nextRound: S,
+    reload: x
+  };
+}
+const et = me.memo((t, e) => {
+  const { show: n, children: i } = t, c = {
+    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 w("div", { className: "prosopo-modalOuter", style: c, children: [r("div", { className: "prosopo-modalBackground", style: o }), r("div", { className: "prosopo-modalInner", style: d, children: i })] });
+}), ot = (t) => {
+  const { t: e } = Y(), n = q.parse(t.config), i = t.callbacks || {}, [a, c] = Le(m.useState, m.useRef), o = Qe(n, a, c, i), d = t.config.theme === "light" ? "light" : "dark", s = t.config.theme === "light" ? k : _;
+  return m.useEffect(() => {
+    n.language && xe.changeLanguage(n.language);
+  }, [n.language]), r("div", { children: w("div", { style: {
+    maxWidth: Ce,
+    maxHeight: "100%",
+    overflowX: "auto"
+  }, children: [r(et, { show: a.showModal, children: a.challenge ? r(Ke, { 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" }) : r("div", { children: "No challenge set." }) }), r(be, { children: r(ye, { children: w("div", { style: we, "data-cy": "button-human", children: [" ", w("div", { style: {
+    padding: Ae,
+    border: Te,
+    backgroundColor: s.palette.background.default,
+    borderColor: s.palette.grey[300],
+    borderRadius: Ee,
+    display: "flex",
+    alignItems: "center",
+    flexWrap: "wrap",
+    justifyContent: "space-between",
+    minHeight: `${Ie}px`,
+    overflow: "hidden"
+  }, children: [r("div", { style: { display: "inline-flex", flexDirection: "column" }, children: r("div", { style: {
+    alignItems: "center",
+    flex: 1
+  }, children: r("div", { style: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    flexDirection: "column",
+    verticalAlign: "middle"
+  }, children: r("div", { style: {
+    display: "flex"
+  }, children: a.loading ? r(Se, { themeColor: d, "aria-label": "Loading spinner" }) : r(Pe, { themeColor: d, onChange: o.start, checked: a.isHuman, labelText: e("WIDGET.I_AM_HUMAN"), error: a.error, "aria-label": "human checkbox" }) }) }) }) }), r("div", { style: { display: "inline-flex", flexDirection: "column" }, children: r("a", { href: ve, target: "_blank", "aria-label": Ne, rel: "noreferrer", children: r("div", { style: { flex: 1 }, children: r(Re, { themeColor: d, "aria-label": "Prosopo logo" }) }) }) })] })] }) }) })] }) });
+};
+export {
+  ot as default
+};