@prosopo/procaptcha-bundle 3.0.8 → 3.0.10

package/dist/bundle/ProcaptchaWidget-B2BzhXLv.js

@@ -0,0 +1,992 @@
+import { j as l, a as H, g as oe, p as U, b as ne, P as ae, E as re, c as se, C as ie } from "./captchaComponentProvider-B7Vxx339.js";
+import { r as m, u as V, a as b, A as w, f as ce, h as le, s as de, P as X, g as ue, l as pe } from "./web2Chunk-DCsWA5PR.js";
+import { b as _, c as W, P as v, a as N } from "./commonChunk-HCVkoCqn.js";
+import { b as he, u as ge } from "./builder-DNHtDoNG.js";
+import { u as fe } from "./utilCryptoChunk-qm-BM2eT.js";
+import { w as me } from "./utilChunk-sqstc6C5.js";
+import { l as M, d as D } from "./index-C00_J7av.js";
+import { r as xe } from "./index-DyYmvHVN.js";
+const Ce = {
+  border: "none",
+  paddingTop: "6px",
+  paddingBottom: "6px",
+  cursor: "pointer",
+  height: "39px",
+  width: "39px",
+  borderRadius: "50%",
+  display: "flex"
+}, we = ({
+  themeColor: r,
+  onReload: e
+}) => {
+  const o = m.useMemo(
+    () => r === "light" ? M : D,
+    [r]
+  ), [n, t] = m.useState(!1), i = m.useMemo(() => ({
+    ...{
+      ...Ce,
+      backgroundColor: o.palette.background.default,
+      color: n ? o.palette.primary.contrastText : o.palette.background.contrastText,
+      border: `1px solid ${o.palette.grey[500]}`,
+      borderRadius: "50%",
+      transition: "background-color 0.3s",
+      boxShadow: `0px 1px 3px 0px ${o.palette.grey[500]}`,
+      justifyContent: "center",
+      alignItems: "center",
+      margin: "0 auto"
+    },
+    backgroundColor: n ? o.palette.grey[700] : o.palette.background.default
+  }), [n, o]);
+  return /* @__PURE__ */ l(
+    "button",
+    {
+      className: "reload-button",
+      "aria-label": "Reload",
+      type: "button",
+      style: i,
+      onMouseEnter: () => t(!0),
+      onMouseLeave: () => t(!1),
+      onClick: (a) => {
+        a.preventDefault(), e();
+      },
+      children: /* @__PURE__ */ H(
+        "svg",
+        {
+          width: "16px",
+          height: "16px",
+          viewBox: "0 0 16 16",
+          version: "1.1",
+          xmlns: "http://www.w3.org/2000/svg",
+          xmlnsXlink: "http://www.w3.org/1999/xlink",
+          style: { display: "flex" },
+          children: [
+            /* @__PURE__ */ l("title", { children: "reload" }),
+            /* @__PURE__ */ l(
+              "path",
+              {
+                shapeRendering: "optimizeQuality",
+                fill: n ? o.palette.primary.contrastText : o.palette.grey[700],
+                transform: "scale(0.0416)",
+                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"
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}, be = (r) => {
+  if (!r.hash)
+    throw new _("CAPTCHA.MISSING_ITEM_HASH", {
+      context: { item: r }
+    });
+  return r.hash;
+}, Ae = ({
+  challenge: r,
+  solution: e,
+  onClick: o,
+  themeColor: n
+}) => {
+  const t = r.items, i = m.useMemo(
+    () => n === "light" ? M : D,
+    [n]
+  ), a = `${i.spacing.unit}px`;
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      style: {
+        // expand to full height / width of parent
+        width: "100%",
+        height: "100%",
+        // display children in flex, spreading them evenly and wrapping when row length exceeded
+        display: "flex",
+        flexDirection: "row",
+        flexWrap: "wrap",
+        justifyContent: "space-between",
+        paddingBottom: a,
+        paddingTop: a,
+        gap: "10px"
+      },
+      children: t.map((s, d) => {
+        const u = be(s);
+        return /* @__PURE__ */ l("div", { style: {
+          // enable the items in the grid to grow in width to use up excess space
+          flexGrow: 1,
+          // make the width of each item 1/3rd of the width overall, i.e. 3 columns
+          flexBasis: "calc(33.333% - 10px)",
+          // include the padding / margin / border in the width
+          boxSizing: "border-box"
+        }, children: /* @__PURE__ */ H(
+          "div",
+          {
+            style: {
+              position: "relative",
+              cursor: "pointer",
+              height: "100%",
+              width: "100%",
+              padding: 0,
+              margin: 0
+            },
+            onClick: () => o(u),
+            children: [
+              /* @__PURE__ */ l(
+                "img",
+                {
+                  style: {
+                    width: "100%",
+                    // image should be full width / height of the item
+                    display: "block",
+                    // removes whitespace below imgs
+                    objectFit: "cover",
+                    // contain the entire image in the img tag
+                    aspectRatio: "1/1",
+                    // force AR to be 1, letterboxing images with different aspect ratios
+                    height: "auto",
+                    // make the img tag responsive to its container
+                    overflow: "hidden",
+                    borderStyle: "solid",
+                    borderWidth: "1px",
+                    borderColor: i.palette.grey[300]
+                  },
+                  src: s.data,
+                  alt: `Captcha image ${d + 1}`
+                }
+              ),
+              /* @__PURE__ */ l(
+                "div",
+                {
+                  style: {
+                    position: "absolute",
+                    top: 0,
+                    left: 0,
+                    bottom: 0,
+                    right: 0,
+                    height: "100%",
+                    width: "100%",
+                    // display overlays in center
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    // make bg half opacity, i.e. shadowing the item's img
+                    backgroundColor: "rgba(0,0,0,0.5)",
+                    visibility: e.includes(u) ? "visible" : "hidden"
+                  },
+                  children: /* @__PURE__ */ l(
+                    "svg",
+                    {
+                      style: {
+                        backgroundColor: "transparent",
+                        // img must be displayed as block otherwise gets a bottom whitespace border
+                        display: "block",
+                        // how big the overlay icon is
+                        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: /* @__PURE__ */ l("path", { d: "M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" })
+                    }
+                  )
+                }
+              )
+            ]
+          }
+        ) }, s.hash);
+      })
+    }
+  );
+};
+function ye(r = {}) {
+  return Object.keys(r).reduce(
+    // biome-ignore lint/performance/noAccumulatingSpread: TODO fix
+    (e, o) => ({ ...e, [`data-${o}`]: r[o] }),
+    {}
+  );
+}
+function q({
+  general: r,
+  dev: e
+}) {
+  return {
+    ...ye(r)
+  };
+}
+const ve = {
+  display: "inline-flex",
+  alignItems: "center",
+  justifyContent: "center",
+  position: "relative",
+  boxSizing: "border-box",
+  outline: "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",
+  backgroundColor: "#ffffff"
+}, B = ({
+  themeColor: r,
+  buttonType: e,
+  text: o,
+  onClick: n
+}) => {
+  const t = m.useMemo(
+    () => r === "light" ? M : D,
+    [r]
+  ), [i, a] = m.useState(!1), s = m.useMemo(() => {
+    const d = {
+      ...ve,
+      border: `1px solid ${t.palette.grey[500]}`,
+      boxShadow: `0px 1px 3px 0px ${t.palette.grey[500]}`,
+      fontFamily: t.font.fontFamily,
+      width: "100%",
+      color: i ? t.palette.primary.contrastText : t.palette.background.contrastText
+    };
+    return e === "cancel" ? {
+      ...d,
+      backgroundColor: i ? t.palette.grey[600] : "transparent"
+    } : {
+      ...d,
+      backgroundColor: i ? t.palette.primary.main : t.palette.background.default
+    };
+  }, [e, i, t]);
+  return /* @__PURE__ */ l(
+    "button",
+    {
+      ...q({ dev: {} }),
+      onMouseEnter: () => a(!0),
+      onMouseLeave: () => a(!1),
+      style: s,
+      onClick: (d) => {
+        d.preventDefault(), n();
+      },
+      "aria-label": o,
+      children: o
+    }
+  );
+}, $ = ({
+  challenge: r,
+  index: e,
+  solutions: o,
+  onSubmit: n,
+  onCancel: t,
+  onClick: i,
+  onNext: a,
+  onReload: s,
+  themeColor: d
+}) => {
+  const { t: u } = V(), C = r.captchas ? b(r.captchas, e) : null, h = o ? b(o, e) : [], A = m.useMemo(
+    () => d === "light" ? M : D,
+    [d]
+  ), k = `${A.spacing.unit * 2}px`, g = `${A.spacing.unit}px`;
+  return /* @__PURE__ */ l(m.Suspense, { fallback: /* @__PURE__ */ l("div", { children: "Loading..." }), children: /* @__PURE__ */ l(
+    "div",
+    {
+      style: {
+        // introduce scroll bars when screen < minWidth of children
+        overflowX: "auto",
+        overflowY: "auto",
+        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: A.palette.background.default,
+        userSelect: "none",
+        touchAction: "none",
+        overscrollBehavior: "none"
+      },
+      children: /* @__PURE__ */ H(
+        "div",
+        {
+          style: {
+            backgroundColor: A.palette.background.default,
+            display: "flex",
+            flexDirection: "column",
+            minWidth: "300px",
+            marginLeft: g,
+            marginRight: g,
+            justifyContent: "center"
+          },
+          children: [
+            /* @__PURE__ */ l(
+              "div",
+              {
+                style: {
+                  display: "flex",
+                  alignItems: "center",
+                  width: "100%"
+                },
+                children: /* @__PURE__ */ l(
+                  "div",
+                  {
+                    style: {
+                      backgroundColor: A.palette.primary.main,
+                      width: "100%",
+                      marginTop: g
+                    },
+                    children: /* @__PURE__ */ H(
+                      "div",
+                      {
+                        style: {
+                          padding: `${A.spacing.half}px`,
+                          fontFamily: A.font.fontFamily
+                        },
+                        children: [
+                          /* @__PURE__ */ H(
+                            "p",
+                            {
+                              style: {
+                                color: "#ffffff",
+                                fontWeight: 700,
+                                lineHeight: 1.5
+                              },
+                              children: [
+                                u("WIDGET.SELECT_ALL"),
+                                ":",
+                                " ",
+                                /* @__PURE__ */ l("span", { children: `${b(r.captchas, e).target} ` })
+                              ]
+                            }
+                          ),
+                          /* @__PURE__ */ l(
+                            "p",
+                            {
+                              style: {
+                                color: "#ffffff",
+                                fontWeight: 500,
+                                lineHeight: 0.8,
+                                fontSize: "0.8rem"
+                              },
+                              children: u("WIDGET.IF_NONE_CLICK_NEXT")
+                            }
+                          )
+                        ]
+                      }
+                    )
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ l(
+              "div",
+              {
+                ...q({ dev: {} }),
+                style: { overflow: "hidden" },
+                children: C && /* @__PURE__ */ l(
+                  Ae,
+                  {
+                    challenge: C,
+                    solution: h,
+                    onClick: i,
+                    themeColor: d
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ l(
+              "div",
+              {
+                style: {
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "space-between",
+                  lineHeight: 1.75,
+                  padding: `${g} 0 ${k} 0`
+                },
+                children: /* @__PURE__ */ H(
+                  "div",
+                  {
+                    style: {
+                      // expand to full height / width of parent
+                      width: "100%",
+                      height: "100%",
+                      // display children in flex, spreading them evenly and wrapping when row length exceeded
+                      display: "flex",
+                      flexDirection: "row",
+                      flexWrap: "wrap",
+                      justifyContent: "space-between",
+                      gap: "10px"
+                    },
+                    children: [
+                      /* @__PURE__ */ l(
+                        "div",
+                        {
+                          style: {
+                            position: "relative",
+                            flexGrow: 1,
+                            // make the width of each item 1/3rd of the width overall, i.e. 3 columns
+                            flexBasis: "calc(33.333% - 10px)"
+                          },
+                          children: /* @__PURE__ */ l(
+                            B,
+                            {
+                              themeColor: d,
+                              buttonType: "cancel",
+                              onClick: t,
+                              text: u("WIDGET.CANCEL"),
+                              "aria-label": u("WIDGET.CANCEL")
+                            }
+                          )
+                        }
+                      ),
+                      /* @__PURE__ */ l(
+                        "div",
+                        {
+                          style: {
+                            position: "relative",
+                            flexGrow: 1,
+                            // make the width of each item 1/3rd of the width overall, i.e. 3 columns
+                            flexBasis: "calc(33.333% - 10px)"
+                          },
+                          children: /* @__PURE__ */ l(we, { themeColor: d, onReload: s })
+                        }
+                      ),
+                      /* @__PURE__ */ l(
+                        "div",
+                        {
+                          style: {
+                            position: "relative",
+                            flexGrow: 1,
+                            // make the width of each item 1/3rd of the width overall, i.e. 3 columns
+                            flexBasis: "calc(33.333% - 10px)"
+                          },
+                          children: /* @__PURE__ */ l(
+                            B,
+                            {
+                              themeColor: d,
+                              buttonType: "next",
+                              text: e < r.captchas.length - 1 ? u("WIDGET.NEXT") : u("WIDGET.SUBMIT"),
+                              onClick: e < r.captchas.length - 1 ? a : n,
+                              "aria-label": e < r.captchas.length - 1 ? u("WIDGET.NEXT") : u("WIDGET.SUBMIT"),
+                              "data-cy": "button-next"
+                            }
+                          )
+                        }
+                      )
+                    ]
+                  }
+                )
+              }
+            )
+          ]
+        }
+      )
+    }
+  ) });
+};
+function Ee(r) {
+  return W([
+    r.captchaId,
+    r.captchaContentId,
+    [...r.solution].sort(),
+    r.salt
+  ]);
+}
+class z {
+  constructor(e) {
+    this.hash = e, this.parent = null;
+  }
+}
+class Te {
+  constructor() {
+    this.leaves = [], this.layers = [];
+  }
+  getRoot() {
+    if (this.root === void 0)
+      throw new v("DATASET.MERKLE_ERROR", {
+        context: {
+          error: "root undefined",
+          failedFuncName: this.getRoot.name
+        }
+      });
+    return this.root;
+  }
+  build(e) {
+    this.layers.length && (this.layers = []);
+    const o = [];
+    for (const n of e) {
+      const t = new z(n);
+      this.leaves.push(t), o.push(t.hash);
+    }
+    this.layers.push(o), this.root = this.buildMerkleTree(this.leaves)[0];
+  }
+  buildMerkleTree(e) {
+    const o = e.length;
+    if (o === 1)
+      return e;
+    const n = [];
+    let t = 0;
+    const i = [];
+    for (; t < o; ) {
+      const a = e[t];
+      if (a === void 0)
+        throw new v("DEVELOPER.GENERAL", {
+          context: { error: "leftChild undefined" }
+        });
+      const s = t + 1 < o ? b(e, t + 1) : a, d = this.createParent(a, s);
+      i.push(d.hash), n.push(d), t += 2;
+    }
+    return this.layers.push(i), this.buildMerkleTree(n);
+  }
+  createParent(e, o) {
+    const n = new z(
+      W([e.hash, o.hash])
+    );
+    return e.parent = n.hash, o.parent = n.hash, n;
+  }
+  proof(e) {
+    const o = [];
+    let n = 0;
+    for (; n < this.layers.length - 1; ) {
+      const i = this.layers[n];
+      if (i === void 0)
+        throw new v("DATASET.MERKLE_ERROR", {
+          context: {
+            error: "layer undefined",
+            failedFuncName: this.proof.name,
+            layerNum: n
+          }
+        });
+      const a = i.indexOf(e);
+      let s = a % 2 && a > 0 ? a - 1 : a + 1;
+      s > i.length - 1 && (s = a);
+      const d = [e], u = b(i, s);
+      s > a ? d.push(u) : d.unshift(u), o.push([b(d, 0), b(d, 1)]), n += 1, e = W(d);
+    }
+    const t = b(this.layers, this.layers.length - 1);
+    return [...o, [b(t, 0)]];
+  }
+}
+class F {
+  constructor(e, o, n, t, i) {
+    this.userAccount = e, this.provider = o, this.providerApi = n, this._web2 = t, this.dappAccount = i;
+  }
+  get web2() {
+    return this._web2;
+  }
+  async getCaptchaChallenge(e) {
+    try {
+      const o = await this.providerApi.getCaptchaChallenge(
+        this.userAccount,
+        this.provider,
+        e
+      );
+      if (o[w.error])
+        return o;
+      for (const n of o.captchas)
+        for (const t of n.items)
+          t.data && (t.data = `https://${t.data.replace(/^http(s)*:\/\//, "")}`);
+      return o;
+    } catch (o) {
+      throw new N("CAPTCHA.INVALID_CAPTCHA_CHALLENGE", {
+        context: { error: o }
+      });
+    }
+  }
+  async submitCaptchaSolution(e, o, n, t, i) {
+    const a = new Te(), s = n.map(
+      (C) => Ee(C)
+    );
+    if (a.build(s), !a.root)
+      throw new _("CAPTCHA.INVALID_CAPTCHA_CHALLENGE", {
+        context: { error: "Merkle tree root is undefined" }
+      });
+    const d = a.root.hash;
+    let u;
+    try {
+      u = await this.providerApi.submitCaptchaSolution(
+        n,
+        o,
+        this.userAccount,
+        t,
+        i,
+        e
+      );
+    } catch (C) {
+      throw new _("CAPTCHA.INVALID_CAPTCHA_CHALLENGE", {
+        context: { error: C }
+      });
+    }
+    return [u, d];
+  }
+}
+const Ie = () => ({
+  // note order matters! see buildUpdateState. These fields are set in order, so disable modal first, then set loading to false, etc.
+  showModal: !1,
+  loading: !1,
+  index: 0,
+  challenge: void 0,
+  solutions: void 0,
+  isHuman: !1,
+  captchaApi: void 0,
+  account: void 0
+  // don't handle timeout here, this should be handled by the state management
+});
+function Ne(r, e, o, n, t) {
+  const i = oe(n), a = he(e, o), s = () => {
+    const c = {
+      userAccountAddress: "",
+      ...r
+    };
+    return e.account && (c.userAccountAddress = e.account.account.address), X.parse(c);
+  }, d = async () => {
+    i.onOpen(), await U(
+      async () => {
+        var P;
+        if (e.loading || e.isHuman)
+          return;
+        a({ loading: !0 }), a({
+          attemptCount: e.attemptCount ? e.attemptCount + 1 : 1
+        }), a({
+          sessionId: t == null ? void 0 : t.sessionId
+        });
+        const c = s();
+        a({ dappAccount: c.account.address }), await de(100);
+        const f = await Y();
+        let x = e.captchaApi;
+        if (t != null && t.provider) {
+          const I = t.provider.provider.url, y = await g(I);
+          x = new F(
+            f.account.address,
+            t.provider,
+            y,
+            c.web2,
+            c.account.address || ""
+          ), a({ captchaApi: x });
+        } else {
+          const I = await ne(
+            s()
+          ), y = I.provider.url, E = await g(y);
+          x = new F(
+            f.account.address,
+            I,
+            E,
+            c.web2,
+            c.account.address || ""
+          ), a({ captchaApi: x });
+        }
+        const p = await (x == null ? void 0 : x.getCaptchaChallenge(
+          e.sessionId
+        ));
+        if (p.error)
+          a({
+            loading: !1,
+            error: {
+              message: p.error.message,
+              key: p.error.key || "API.UNKNOWN_ERROR"
+            }
+          }), i.onError(new Error((P = p.error) == null ? void 0 : P.message));
+        else {
+          if (p.captchas.length <= 0)
+            throw new _("DEVELOPER.PROVIDER_NO_CAPTCHA");
+          const I = p.captchas.map(
+            (E) => E.timeLimitMs || c.captchas.image.challengeTimeout
+          ).reduce((E, L) => E + L), y = setTimeout(() => {
+            i.onChallengeExpired(), a({ isHuman: !1, showModal: !1, loading: !1 });
+          }, I);
+          a({
+            index: 0,
+            solutions: p.captchas.map(() => []),
+            challenge: p,
+            showModal: !0,
+            timeout: y,
+            loading: !1
+          });
+        }
+      },
+      d,
+      R,
+      e.attemptCount,
+      10
+    );
+  }, u = async () => {
+    await U(
+      async () => {
+        if (T(), !e.challenge)
+          throw new v("CAPTCHA.NO_CAPTCHA", {
+            context: { error: "Cannot submit, no Captcha found in state" }
+          });
+        a({ showModal: !1 });
+        const c = e.challenge, f = fe(), x = e.challenge.captchas.map(
+          (O, ee) => {
+            const te = b(e.solutions, ee);
+            return {
+              captchaId: O.captchaId,
+              captchaContentId: O.captchaContentId,
+              salt: f,
+              solution: te
+            };
+          }
+        ), p = G(), P = Q(p).signer;
+        if (!b(c.captchas, 0).datasetId)
+          throw new _("CAPTCHA.INVALID_CAPTCHA_ID", {
+            context: { error: "No datasetId set for challenge" }
+          });
+        const y = e.captchaApi;
+        if (!y)
+          throw new v("CAPTCHA.INVALID_TOKEN", {
+            context: { error: "No Captcha API found in state" }
+          });
+        if (!P || !P.signRaw)
+          throw new N("GENERAL.CANT_FIND_KEYRINGPAIR", {
+            context: {
+              error: "Signer is not defined, cannot sign message to prove account ownership"
+            }
+          });
+        const E = await P.signRaw({
+          address: p.account.address,
+          data: me(c[w.timestamp]),
+          type: "bytes"
+        }), L = await y.submitCaptchaSolution(
+          E.signature,
+          c.requestHash,
+          x,
+          c.timestamp,
+          c.signature.provider.requestHash
+        ), J = L[0].verified;
+        if (a({
+          submission: L,
+          isHuman: J,
+          loading: !1
+        }), e.isHuman) {
+          const O = y.provider.provider.url;
+          i.onHuman(
+            ce({
+              [w.providerUrl]: O,
+              [w.user]: p.account.address,
+              [w.dapp]: Z(),
+              [w.commitmentId]: le(L[1]),
+              [w.timestamp]: c.timestamp,
+              [w.signature]: {
+                [w.provider]: {
+                  [w.requestHash]: c.signature.provider.requestHash
+                },
+                [w.user]: {
+                  [w.timestamp]: E.signature
+                }
+              }
+            })
+          ), S();
+        } else
+          i.onFailed(), R(t == null ? void 0 : t.restart);
+      },
+      d,
+      R,
+      e.attemptCount,
+      10
+    );
+  }, C = async () => {
+    T(), R(t == null ? void 0 : t.restart), i.onClose();
+  }, h = async () => {
+    T(), i.onReload(), R(t == null ? void 0 : t.restart), t != null && t.restart || await d();
+  }, A = (c) => {
+    if (!e.challenge)
+      throw new v("CAPTCHA.NO_CAPTCHA", {
+        context: { error: "Cannot select, no Captcha found in state" }
+      });
+    if (e.index >= e.challenge.captchas.length || e.index < 0)
+      throw new v("CAPTCHA.NO_CAPTCHA", {
+        context: {
+          error: "Cannot select, index is out of range for this Captcha"
+        }
+      });
+    const f = e.index, x = e.solutions, p = b(x, f);
+    p.includes(c) ? p.splice(p.indexOf(c), 1) : p.push(c), a({ solutions: x });
+  }, k = () => {
+    if (!e.challenge)
+      throw new v("CAPTCHA.NO_CAPTCHA", {
+        context: { error: "Cannot select, no Captcha found in state" }
+      });
+    if (e.index + 1 >= e.challenge.captchas.length)
+      throw new v("CAPTCHA.NO_CAPTCHA", {
+        context: {
+          error: "Cannot select, index is out of range for this Captcha"
+        }
+      });
+    a({ index: e.index + 1 });
+  }, g = async (c) => {
+    const f = s();
+    if (!f.account.address)
+      throw new N("GENERAL.SITE_KEY_MISSING");
+    return new ae(c, f.account.address);
+  }, T = () => {
+    window.clearTimeout(Number(e.timeout)), a({ timeout: void 0 });
+  }, S = () => {
+    const c = r.captchas.image.solutionTimeout, f = setTimeout(() => {
+      a({ isHuman: !1 }), i.onExpired();
+    }, c);
+    a({ successfullChallengeTimeout: f });
+  }, R = (c) => {
+    T(), a(Ie()), i.onReset(), c && c();
+  }, Y = async () => {
+    const c = s();
+    if (!c.web2 && !c.userAccountAddress)
+      throw new N("GENERAL.ACCOUNT_NOT_FOUND", {
+        context: { error: "Account address has not been set for web3 mode" }
+      });
+    const x = await (async () => {
+      const p = new (await re(c.web2))();
+      return t ? t.userAccount : await p.getAccount(c);
+    })();
+    return a({ account: x }), G();
+  }, G = () => {
+    if (!e.account)
+      throw new N("GENERAL.ACCOUNT_NOT_FOUND", {
+        context: { error: "Account not loaded" }
+      });
+    return e.account;
+  }, Z = () => {
+    if (!e.dappAccount)
+      throw new N("GENERAL.SITE_KEY_MISSING");
+    return e.dappAccount;
+  }, Q = (c) => {
+    const f = c || G();
+    if (!f.extension)
+      throw new N("ACCOUNT.NO_POLKADOT_EXTENSION", {
+        context: { error: "Extension not loaded" }
+      });
+    return f.extension;
+  };
+  return {
+    start: d,
+    cancel: C,
+    submit: u,
+    select: A,
+    nextRound: k,
+    reload: h
+  };
+}
+const He = se`
+	position: absolute;
+	top: 50%;
+	left: 50%;
+	transform: translate(-50%, -50%);
+	max-width: 500px;
+	background-color: transparent;
+	border: none;
+	border-radius: 4px;
+	z-index: 2147483647;
+	align-self: center;
+	box-shadow: 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;
+	box-sizing: border-box; /* Ensures border is part of width */
+	/* iOS only */
+    @supports (-webkit-touch-callout: none) { 
+		transform: translate(-50%, -100%);
+    }
+`, j = ue.memo((r) => {
+  const { show: e, children: o } = r, t = {
+    position: "fixed",
+    zIndex: 2147483646,
+    inset: 0,
+    display: e ? "flex" : "none",
+    alignItems: "center",
+    justifyContent: "center",
+    minHeight: "100vh"
+  };
+  return xe.createPortal(
+    /* @__PURE__ */ l("div", { className: "prosopo-modalOuter", style: t, children: /* @__PURE__ */ l("div", { className: "prosopo-modalInner", css: He, children: o }) }),
+    document.body
+  );
+}), K = "procaptcha:execute", Se = (r) => {
+  var k;
+  const { t: e, ready: o } = V(), n = X.parse(r.config), t = r.frictionlessState, i = r.i18n, a = r.callbacks || {}, [s, d] = ge(m.useState, m.useRef), [u, C] = m.useState(!1), h = Ne(
+    n,
+    s,
+    d,
+    a,
+    t
+  ), A = r.config.theme === "light" ? M : D;
+  return m.useEffect(() => {
+    n.language && (i ? i.language !== n.language && i.changeLanguage(n.language).then((g) => g) : pe().then((g) => {
+      g.language !== n.language && g.changeLanguage(n.language).then((T) => T);
+    }));
+  }, [i, n.language]), m.useEffect(() => {
+    s.error && (C(!1), s.error.key === "CAPTCHA.NO_SESSION_FOUND" && t && setTimeout(() => {
+      t.restart();
+    }, 3e3));
+  }, [s.error, t]), m.useEffect(() => {
+    const g = (T) => {
+      if (d({
+        showModal: !0
+      }), !s.challenge && h.start)
+        try {
+          h.start();
+        } catch (S) {
+          console.error("Error starting verification:", S);
+        }
+    };
+    return document.addEventListener(K, g), () => {
+      document.removeEventListener(
+        K,
+        g
+      );
+    };
+  }, [h, s.challenge, d]), n.mode === "invisible" ? /* @__PURE__ */ l(j, { show: s.showModal, children: s.challenge ? /* @__PURE__ */ l(
+    $,
+    {
+      challenge: s.challenge,
+      index: s.index,
+      solutions: s.solutions,
+      onSubmit: h.submit,
+      onCancel: h.cancel,
+      onClick: h.select,
+      onNext: h.nextRound,
+      onReload: h.reload,
+      themeColor: n.theme ?? "light"
+    }
+  ) : null }) : /* @__PURE__ */ H("div", { className: "image-captcha", children: [
+    /* @__PURE__ */ l(j, { show: s.showModal, children: s.challenge ? /* @__PURE__ */ l(
+      $,
+      {
+        challenge: s.challenge,
+        index: s.index,
+        solutions: s.solutions,
+        onSubmit: h.submit,
+        onCancel: h.cancel,
+        onClick: h.select,
+        onNext: h.nextRound,
+        onReload: h.reload,
+        themeColor: n.theme ?? "light"
+      }
+    ) : /* @__PURE__ */ l("div", { children: "No challenge set." }) }),
+    /* @__PURE__ */ l(
+      ie,
+      {
+        theme: A,
+        onChange: async () => {
+          u || (C(!0), await h.start(), C(!1));
+        },
+        checked: s.isHuman,
+        labelText: o ? e("WIDGET.I_AM_HUMAN") : "",
+        error: (k = s.error) == null ? void 0 : k.message,
+        "aria-label": "human checkbox",
+        loading: u
+      }
+    )
+  ] });
+};
+export {
+  Se as default
+};