@prosopo/procaptcha-bundle 2.5.0 → 2.5.3

package/dist/bundle/ProcaptchaWidget-BlWWnPeB.js

@@ -0,0 +1,615 @@
+import { j as i, a as I, P as _, b as T, c as k, g as ae, p as B, d as se, e as ce, E as ie, C as le } from "./captchaComponentProvider-dcMua0p9.js";
+import { r as f, A as b, o as de, P as X, R as ue } from "./emotion-element-5486c51c.browser.esm-Bywq83R5.js";
+import { b as M, d as S, a as w, l as he } from "./index-BTlHNFX8.js";
+import { u as q, b as pe, s as ge, a as fe, c as me } from "./useTranslation-7b6JJ18N.js";
+import { h as W } from "./hash-CtL1HOjf.js";
+import { r as xe } from "./asU8a-JliaME7-.js";
+const Ce = (t) => Array.isArray(t) && t !== null, O = new Array(256), Y = 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 r = 0; r < 256; r++)
+    Y[e | r] = O[t] + O[r];
+}
+function U(t, e) {
+  const r = t.length % 2 | 0, a = t.length - r | 0;
+  for (let n = 0; n < a; n += 2)
+    e += Y[t[n] << 8 | t[n + 1]];
+  return r && (e += O[t[a] | 0]), e;
+}
+function be(t, e = -1, r = !0) {
+  const a = r ? "0x" : "";
+  if (!(t != null && t.length))
+    return a;
+  if (e > 0) {
+    const n = Math.ceil(e / 8);
+    if (t.length > n)
+      return `${U(t.subarray(0, n / 2), a)}…${U(t.subarray(t.length - n / 2), "")}`;
+  }
+  return U(t, a);
+}
+const we = (t) => Ce(t) ? be(new Uint8Array(t)) : t.toString(), Ae = {
+  border: "none",
+  paddingTop: "6px",
+  paddingBottom: "6px",
+  cursor: "pointer",
+  height: "39px",
+  width: "39px",
+  borderRadius: "50%"
+}, ye = ({ themeColor: t, onReload: e }) => {
+  const r = f.useMemo(() => t === "light" ? M : S, [t]), [a, n] = f.useState(!1), s = f.useMemo(() => ({
+    ...{
+      ...Ae,
+      backgroundColor: r.palette.background.default,
+      color: a ? r.palette.primary.contrastText : r.palette.background.contrastText
+    },
+    backgroundColor: a ? r.palette.grey[700] : r.palette.background.default
+  }), [a, r]);
+  return i("button", { className: "reload-button", "aria-label": "Reload", type: "button", style: s, onMouseEnter: () => n(!0), onMouseLeave: () => n(!1), onClick: (o) => {
+    o.preventDefault(), e();
+  }, children: I("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" })] }) });
+}, Ee = (t) => {
+  if (!t.hash)
+    throw new _("CAPTCHA.MISSING_ITEM_HASH", {
+      context: { item: t }
+    });
+  return t.hash;
+}, Te = ({ challenge: t, solution: e, onClick: r, themeColor: a }) => {
+  const n = t.items, s = f.useMemo(() => a === "light" ? M : S, [a]), 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: n.map((d, l) => {
+    const u = Ee(d);
+    return i("div", { style: {
+      flexGrow: 1,
+      flexBasis: "33.3333%",
+      boxSizing: "border-box",
+      paddingLeft: o,
+      paddingTop: o
+    }, children: I("div", { style: {
+      position: "relative",
+      cursor: "pointer",
+      height: "100%",
+      width: "100%",
+      border: 1,
+      padding: 0,
+      margin: 0,
+      borderStyle: "solid",
+      borderColor: s.palette.grey[300]
+    }, onClick: () => r(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 ${l + 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 ve(t = {}) {
+  return Object.keys(t).reduce((e, r) => ({ ...e, [`data-${r}`]: t[r] }), {});
+}
+function Z({ general: t, dev: e }) {
+  return {
+    ...ve(t)
+  };
+}
+const Ie = {
+  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"
+}, j = ({ themeColor: t, buttonType: e, text: r, onClick: a }) => {
+  const n = f.useMemo(() => t === "light" ? M : S, [t]), [s, o] = f.useState(!1), d = f.useMemo(() => {
+    const l = {
+      ...Ie,
+      color: s ? n.palette.primary.contrastText : n.palette.background.contrastText
+    };
+    return e === "cancel" ? {
+      ...l,
+      backgroundColor: s ? n.palette.grey[600] : "transparent"
+    } : {
+      ...l,
+      backgroundColor: s ? n.palette.primary.main : n.palette.background.default
+    };
+  }, [e, s, n]);
+  return i("button", { ...Z({ dev: {} }), onMouseEnter: () => o(!0), onMouseLeave: () => o(!1), style: d, onClick: (l) => {
+    l.preventDefault(), a();
+  }, "aria-label": r, children: r });
+}, z = ({ challenge: t, index: e, solutions: r, onSubmit: a, onCancel: n, onClick: s, onNext: o, onReload: d, themeColor: l }) => {
+  const { t: u } = q(), h = t.captchas ? w(t.captchas, e) : null, y = r ? w(r, e) : [], C = f.useMemo(() => l === "light" ? M : S, [l]), m = `${C.spacing.unit}px`, A = `${C.spacing.half}px`;
+  return i(f.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: C.palette.background.default,
+    userSelect: "none",
+    touchAction: "none",
+    overscrollBehavior: "none"
+  }, children: I("div", { style: {
+    backgroundColor: C.palette.background.default,
+    display: "flex",
+    flexDirection: "column",
+    minWidth: "300px"
+  }, children: [i("div", { style: {
+    display: "flex",
+    alignItems: "center",
+    width: "100%"
+  }, children: i("div", { style: {
+    backgroundColor: C.palette.primary.main,
+    width: "100%",
+    marginTop: m,
+    marginLeft: m,
+    marginRight: m
+  }, children: I("div", { style: {
+    paddingLeft: `${C.spacing.half}px`,
+    paddingRight: `${C.spacing.half}px`
+  }, children: [I("p", { style: {
+    color: "#ffffff",
+    fontWeight: 700,
+    lineHeight: 1.5
+  }, children: [u("WIDGET.SELECT_ALL"), ":", " ", i("span", { children: `${u(w(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", { ...Z({ dev: {} }), style: {
+    paddingRight: A,
+    paddingLeft: A
+  }, children: h && i(Te, { challenge: h, solution: y, onClick: s, themeColor: l }) }), i("div", { style: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    lineHeight: 1.75,
+    padding: m,
+    paddingBottom: A,
+    paddingTop: A
+  }, children: I("div", { style: {
+    display: "grid",
+    gridAutoFlow: "column",
+    gridTemplateColumns: "repeat(3, minmax(0, 1fr)",
+    width: "100%"
+  }, children: [i("div", { style: { justifySelf: "left" }, children: i(j, { themeColor: l, buttonType: "cancel", onClick: n, text: u("WIDGET.CANCEL"), "aria-label": u("WIDGET.CANCEL") }) }), i("div", { style: { justifySelf: "center" }, children: i(ye, { themeColor: l, onReload: d }) }), i("div", { style: { justifySelf: "right" }, children: i(j, { themeColor: l, buttonType: "next", text: e < t.captchas.length - 1 ? u("WIDGET.NEXT") : u("WIDGET.SUBMIT"), onClick: e < t.captchas.length - 1 ? o : a, "aria-label": e < t.captchas.length - 1 ? u("WIDGET.NEXT") : u("WIDGET.SUBMIT"), "data-cy": "button-next" }) })] }) })] }) }) });
+};
+function Ne(t) {
+  return W([
+    t.captchaId,
+    t.captchaContentId,
+    [...t.solution].sort(),
+    t.salt
+  ]);
+}
+class $ {
+  constructor(e) {
+    this.hash = e, this.parent = null;
+  }
+}
+class ke {
+  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 r = [];
+    for (const a of e) {
+      const n = new $(a);
+      this.leaves.push(n), r.push(n.hash);
+    }
+    this.layers.push(r), this.root = this.buildMerkleTree(this.leaves)[0];
+  }
+  buildMerkleTree(e) {
+    const r = e.length;
+    if (r === 1)
+      return e;
+    const a = [];
+    let n = 0;
+    const s = [];
+    for (; n < r; ) {
+      const o = e[n];
+      if (o === void 0)
+        throw new T("DEVELOPER.GENERAL", {
+          context: { error: "leftChild undefined" }
+        });
+      const d = n + 1 < r ? w(e, n + 1) : o, l = this.createParent(o, d);
+      s.push(l.hash), a.push(l), n += 2;
+    }
+    return this.layers.push(s), this.buildMerkleTree(a);
+  }
+  createParent(e, r) {
+    const a = new $(W([e.hash, r.hash]));
+    return e.parent = a.hash, r.parent = a.hash, a;
+  }
+  proof(e) {
+    const r = [];
+    let a = 0;
+    for (; a < this.layers.length - 1; ) {
+      const s = this.layers[a];
+      if (s === void 0)
+        throw new T("DATASET.MERKLE_ERROR", {
+          context: {
+            error: "layer undefined",
+            failedFuncName: this.proof.name,
+            layerNum: a
+          }
+        });
+      const o = s.indexOf(e);
+      let d = o % 2 && o > 0 ? o - 1 : o + 1;
+      d > s.length - 1 && (d = o);
+      const l = [e], u = w(s, d);
+      d > o ? l.push(u) : l.unshift(u), r.push([w(l, 0), w(l, 1)]), a += 1, e = W(l);
+    }
+    const n = w(this.layers, this.layers.length - 1);
+    return [...r, [w(n, 0)]];
+  }
+}
+class F {
+  constructor(e, r, a, n, s) {
+    this.userAccount = e, this.provider = r, this.providerApi = a, this._web2 = n, this.dappAccount = s;
+  }
+  get web2() {
+    return this._web2;
+  }
+  async getCaptchaChallenge(e) {
+    try {
+      const r = await this.providerApi.getCaptchaChallenge(this.userAccount, this.provider, e);
+      if (r[b.error])
+        return r;
+      for (const a of r.captchas)
+        for (const n of a.items)
+          n.data && (n.data = `https://${n.data.replace(/^http(s)*:\/\//, "")}`);
+      return r;
+    } catch (r) {
+      throw new k("CAPTCHA.INVALID_CAPTCHA_CHALLENGE", {
+        context: { error: r }
+      });
+    }
+  }
+  async submitCaptchaSolution(e, r, a, n, s) {
+    const o = new ke(), d = a.map((y) => Ne(y));
+    if (o.build(d), !o.root)
+      throw new _("CAPTCHA.INVALID_CAPTCHA_CHALLENGE", {
+        context: { error: "Merkle tree root is undefined" }
+      });
+    const l = o.root.hash, u = void 0;
+    let h;
+    try {
+      h = await this.providerApi.submitCaptchaSolution(a, r, this.userAccount, n, s, e);
+    } catch (y) {
+      throw new _("CAPTCHA.INVALID_CAPTCHA_CHALLENGE", {
+        context: { error: y }
+      });
+    }
+    return [h, l, u];
+  }
+}
+const He = () => ({
+  showModal: !1,
+  loading: !1,
+  index: 0,
+  challenge: void 0,
+  solutions: void 0,
+  isHuman: !1,
+  captchaApi: void 0,
+  account: void 0
+});
+function Re(t, e, r, a, n) {
+  const s = ae(a), o = pe(e, r), d = () => {
+    const c = {
+      userAccountAddress: "",
+      ...t
+    };
+    return e.account && (c.userAccountAddress = e.account.account.address), X.parse(c);
+  }, l = async () => {
+    s.onOpen(), await B(async () => {
+      var R;
+      if (e.loading || e.isHuman)
+        return;
+      o({ loading: !0 }), o({
+        attemptCount: e.attemptCount ? e.attemptCount + 1 : 1
+      }), o({
+        sessionId: n == null ? void 0 : n.sessionId
+      });
+      const c = d();
+      o({ dappAccount: c.account.address }), await fe(100);
+      const g = await Q();
+      let x = e.captchaApi;
+      if (n != null && n.provider) {
+        const N = n.provider.provider.url, E = await A(N);
+        x = new F(g.account.address, n.provider, E, c.web2, c.account.address || ""), o({ captchaApi: x });
+      } else {
+        const N = await se(d()), E = N.provider.url, v = await A(E);
+        x = new F(g.account.address, N, v, c.web2, c.account.address || ""), o({ captchaApi: x });
+      }
+      const p = await (x == null ? void 0 : x.getCaptchaChallenge(e.sessionId));
+      if (p.error)
+        o({
+          loading: !1,
+          error: {
+            message: p.error.message,
+            key: p.error.key || "API.UNKNOWN_ERROR"
+          }
+        }), s.onError(new Error((R = p.error) == null ? void 0 : R.message));
+      else {
+        if (p.captchas.length <= 0)
+          throw new _("DEVELOPER.PROVIDER_NO_CAPTCHA");
+        const N = p.captchas.map((v) => v.timeLimitMs || c.captchas.image.challengeTimeout).reduce((v, P) => v + P), E = setTimeout(() => {
+          s.onChallengeExpired(), o({ isHuman: !1, showModal: !1, loading: !1 });
+        }, N);
+        o({
+          index: 0,
+          solutions: p.captchas.map(() => []),
+          challenge: p,
+          showModal: !0,
+          timeout: E,
+          loading: !1
+        });
+      }
+    }, l, L, e.attemptCount, 10);
+  }, u = async () => {
+    await B(async () => {
+      if (H(), !e.challenge)
+        throw new T("CAPTCHA.NO_CAPTCHA", {
+          context: { error: "Cannot submit, no Captcha found in state" }
+        });
+      o({ showModal: !1 });
+      const c = e.challenge, g = xe(), x = e.challenge.captchas.map((D, oe) => {
+        const re = w(e.solutions, oe);
+        return {
+          captchaId: D.captchaId,
+          captchaContentId: D.captchaContentId,
+          salt: g,
+          solution: re
+        };
+      }), p = G(), R = te(p).signer;
+      if (!w(c.captchas, 0).datasetId)
+        throw new _("CAPTCHA.INVALID_CAPTCHA_ID", {
+          context: { error: "No datasetId set for challenge" }
+        });
+      const E = e.captchaApi;
+      if (!E)
+        throw new T("CAPTCHA.INVALID_TOKEN", {
+          context: { error: "No Captcha API found in state" }
+        });
+      if (!R || !R.signRaw)
+        throw new k("GENERAL.CANT_FIND_KEYRINGPAIR", {
+          context: {
+            error: "Signer is not defined, cannot sign message to prove account ownership"
+          }
+        });
+      const v = await R.signRaw({
+        address: p.account.address,
+        data: ge(c[b.timestamp]),
+        type: "bytes"
+      }), P = await E.submitCaptchaSolution(v.signature, c.requestHash, x, c.timestamp, c.signature.provider.requestHash), ne = P[0].verified;
+      if (o({
+        submission: P,
+        isHuman: ne,
+        loading: !1
+      }), e.isHuman) {
+        const D = E.provider.provider.url;
+        s.onHuman(de({
+          [b.providerUrl]: D,
+          [b.user]: p.account.address,
+          [b.dapp]: ee(),
+          [b.commitmentId]: we(P[1]),
+          [b.timestamp]: c.timestamp,
+          [b.signature]: {
+            [b.provider]: {
+              [b.requestHash]: c.signature.provider.requestHash
+            },
+            [b.user]: {
+              [b.timestamp]: v.signature
+            }
+          }
+        })), J();
+      } else
+        s.onFailed(), L(n == null ? void 0 : n.restart);
+    }, l, L, e.attemptCount, 10);
+  }, h = async () => {
+    H(), L(n == null ? void 0 : n.restart), s.onClose();
+  }, y = async () => {
+    H(), s.onReload(), L(n == null ? void 0 : n.restart), n != null && n.restart || await l();
+  }, C = (c) => {
+    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 g = e.index, x = e.solutions, p = w(x, g);
+    p.includes(c) ? p.splice(p.indexOf(c), 1) : p.push(c), o({ solutions: x });
+  }, m = () => {
+    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 });
+  }, A = async (c) => {
+    const g = d();
+    if (!g.account.address)
+      throw new k("GENERAL.SITE_KEY_MISSING");
+    return new ce(c, g.account.address);
+  }, H = () => {
+    window.clearTimeout(Number(e.timeout)), o({ timeout: void 0 });
+  }, J = () => {
+    const c = t.captchas.image.solutionTimeout, g = setTimeout(() => {
+      o({ isHuman: !1 }), s.onExpired();
+    }, c);
+    o({ successfullChallengeTimeout: g });
+  }, L = (c) => {
+    H(), o(He()), s.onReset(), c && c();
+  }, Q = async () => {
+    const c = d();
+    if (!c.web2 && !c.userAccountAddress)
+      throw new k("GENERAL.ACCOUNT_NOT_FOUND", {
+        context: { error: "Account address has not been set for web3 mode" }
+      });
+    const x = await (async () => {
+      const p = new (await ie(c.web2))();
+      return n ? n.userAccount : await p.getAccount(c);
+    })();
+    return o({ account: x }), G();
+  }, G = () => {
+    if (!e.account)
+      throw new k("GENERAL.ACCOUNT_NOT_FOUND", {
+        context: { error: "Account not loaded" }
+      });
+    return e.account;
+  }, ee = () => {
+    if (!e.dappAccount)
+      throw new k("GENERAL.SITE_KEY_MISSING");
+    return e.dappAccount;
+  }, te = (c) => {
+    const g = c || G();
+    if (!g.extension)
+      throw new k("ACCOUNT.NO_POLKADOT_EXTENSION", {
+        context: { error: "Extension not loaded" }
+      });
+    return g.extension;
+  };
+  return {
+    start: l,
+    cancel: h,
+    submit: u,
+    select: C,
+    nextRound: m,
+    reload: y
+  };
+}
+const K = ue.memo((t, e) => {
+  const { show: r, children: a } = t, s = {
+    position: "fixed",
+    zIndex: 2147483646,
+    inset: 0,
+    display: r ? "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 I("div", { className: "prosopo-modalOuter", style: s, children: [i("div", { className: "prosopo-modalBackground", style: o }), i("div", { className: "prosopo-modalInner", style: d, children: a })] });
+}), V = "procaptcha:execute", Oe = (t) => {
+  var C;
+  const { t: e } = q(), r = X.parse(t.config), a = t.frictionlessState, n = t.i18n, s = t.callbacks || {}, [o, d] = me(f.useState, f.useRef), [l, u] = f.useState(!1), h = Re(r, o, d, s, a), y = t.config.theme === "light" ? M : S;
+  return f.useEffect(() => {
+    r.language && (n ? n.language !== r.language && n.changeLanguage(r.language).then((m) => m) : he().then((m) => {
+      m.language !== r.language && m.changeLanguage(r.language).then((A) => A);
+    }));
+  }, [n, r.language]), f.useEffect(() => {
+    o.error && (u(!1), o.error.key === "CAPTCHA.NO_SESSION_FOUND" && a && setTimeout(() => {
+      a.restart();
+    }, 3e3));
+  }, [o.error, a]), f.useEffect(() => {
+    const m = (A) => {
+      if (d({
+        showModal: !0
+      }), !o.challenge && h.start)
+        try {
+          h.start();
+        } catch (H) {
+          console.error("Error starting verification:", H);
+        }
+    };
+    return document.addEventListener(V, m), () => {
+      document.removeEventListener(V, m);
+    };
+  }, [h, o.challenge, d]), r.mode === "invisible" ? i(K, { show: o.showModal, children: o.challenge ? i(z, { challenge: o.challenge, index: o.index, solutions: o.solutions, onSubmit: h.submit, onCancel: h.cancel, onClick: h.select, onNext: h.nextRound, onReload: h.reload, themeColor: r.theme ?? "light" }) : null }) : I("div", { className: "image-captcha", children: [i(K, { show: o.showModal, children: o.challenge ? i(z, { challenge: o.challenge, index: o.index, solutions: o.solutions, onSubmit: h.submit, onCancel: h.cancel, onClick: h.select, onNext: h.nextRound, onReload: h.reload, themeColor: r.theme ?? "light" }) : i("div", { children: "No challenge set." }) }), i(le, { theme: y, onChange: async () => {
+    l || (u(!0), await h.start(), u(!1));
+  }, checked: o.isHuman, labelText: e("WIDGET.I_AM_HUMAN"), error: (C = o.error) == null ? void 0 : C.message, "aria-label": "human checkbox", loading: l })] });
+};
+export {
+  Oe as default
+};