@prosopo/client-bundle-example 2.8.2 → 2.9.4

package/dist/assets/ProcaptchaWidget-DrBDhP6X.js

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