@prosopo/procaptcha-bundle 2.1.0 → 2.1.1

package/.rollup.cache/home/{runner/work/captcha → chris/dev/prosopo/captcha-private}/captcha/packages/procaptcha-bundle/dist/bundle/util/language.d.ts

@@ -1,3 +1,3 @@
-import { type ProcaptchaClientConfigInput, type ProcaptchaRenderOptions } from "@prosopo/types";
+import type { ProcaptchaClientConfigInput, ProcaptchaRenderOptions } from "@prosopo/types";
 export declare const setLanguage: (renderOptions: ProcaptchaRenderOptions | undefined, element: Element, config: ProcaptchaClientConfigInput) => void;
 //# sourceMappingURL=language.d.ts.map

package/.rollup.cache/home/chris/dev/prosopo/captcha-private/captcha/packages/procaptcha-bundle/dist/bundle/util/language.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"language.d.ts","sourceRoot":"","sources":["../../../src/util/language.ts"],"names":[],"mappings":"AAeA,OAAO,KAAK,EACX,2BAA2B,EAC3B,uBAAuB,EACvB,MAAM,gBAAgB,CAAC;AAcxB,eAAO,MAAM,WAAW,kBACR,uBAAuB,GAAG,SAAS,WACzC,OAAO,UACR,2BAA2B,SAQnC,CAAC"}

package/.rollup.cache/home/{runner/work/captcha → chris/dev/prosopo/captcha-private}/captcha/packages/procaptcha-bundle/dist/bundle/util/language.js

@@ -1,4 +1,4 @@
-import { LanguageSchema, } from "@prosopo/types";
+import { LanguageSchema } from "@prosopo/locale";
 export const setLanguage = (renderOptions, element, config) => {
     const languageAttribute = renderOptions?.language || element.getAttribute("data-language");
     if (languageAttribute) {

package/.rollup.cache/home/chris/dev/prosopo/captcha-private/captcha/packages/procaptcha-bundle/dist/bundle/util/language.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"language.js","sourceRoot":"","sources":["../../../src/util/language.ts"],"names":[],"mappings":"AAcA,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAkBjD,MAAM,CAAC,MAAM,WAAW,GAAG,CAC1B,aAAkD,EAClD,OAAgB,EAChB,MAAmC,EAClC,EAAE;IACH,MAAM,iBAAiB,GACtB,aAAa,EAAE,QAAQ,IAAI,OAAO,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC;IAElE,IAAI,iBAAiB,EAAE,CAAC;QACvB,MAAM,CAAC,QAAQ,GAAG,gBAAgB,CAAC,iBAAiB,CAAC,CAAC;IACvD,CAAC;AACF,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAG,CACxB,iBAAiD,EAChD,EAAE;IACH,IAAI,CAAC;QACJ,OAAO,cAAc,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;IAChD,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QAChB,OAAO,CAAC,KAAK,CAAC,+BAA+B,iBAAiB,EAAE,CAAC,CAAC;QAClE,OAAO,cAAc,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACnC,CAAC;AACF,CAAC,CAAC"}

package/dist/bundle/ProcaptchaWidget-BJTWbWXX.js

@@ -0,0 +1,157 @@
+import { A as s, e as H, P, r as h, i as L, j as t, W as k, C as O, c as U, b as R, f as j, g as M, h as B, k as F, m as X, L as K, n as Y, o as V, p as $, l as q, d as z } from "./index-DkYajG2c.js";
+import { n as J, g as _, p as Q, d as N, f as Z, b as v, i as ee, j as te, s as ne, E as ae, k as oe, l as se, m as re, C as ie } from "./utils-CAk_TqSc.js";
+const ce = (r, e) => {
+  let o = 0;
+  const c = "0".repeat(e);
+  for (; ; ) {
+    const f = new TextEncoder().encode(o + r);
+    if (le(J(f)).startsWith(c))
+      return o;
+    o += 1;
+  }
+}, le = (r) => Array.from(r).map((e) => e.toString(16).padStart(2, "0")).join(""), ue = (r, e, o, c) => {
+  const f = _(o, e, c), m = () => ({
+    showModal: !1,
+    loading: !1,
+    index: 0,
+    challenge: void 0,
+    solutions: void 0,
+    isHuman: !1,
+    captchaApi: void 0,
+    account: void 0
+  }), l = () => {
+    window.clearTimeout(e.timeout), n({ timeout: void 0 });
+  }, x = () => {
+    window.clearTimeout(e.successfullChallengeTimeout), n({ successfullChallengeTimeout: void 0 });
+  }, g = () => {
+    const a = {
+      userAccountAddress: "",
+      ...r
+    };
+    return e.account && (a.userAccountAddress = e.account.account.address), P.parse(a);
+  }, p = () => {
+    if (!e.account)
+      throw new v("GENERAL.ACCOUNT_NOT_FOUND", {
+        context: { error: "Account not loaded" }
+      });
+    return { account: e.account };
+  }, u = () => {
+    if (!e.dappAccount)
+      throw new v("GENERAL.SITE_KEY_MISSING");
+    return e.dappAccount;
+  }, n = N(e, o), d = () => {
+    l(), x(), n(m());
+  }, w = () => {
+    const a = g().captchas.pow.solutionTimeout, A = setTimeout(() => {
+      n({ isHuman: !1 }), f.onExpired();
+    }, a);
+    n({ successfullChallengeTimeout: A });
+  }, C = async () => {
+    await Q(async () => {
+      var S;
+      if (e.loading || e.isHuman)
+        return;
+      d(), n({
+        loading: !0
+      }), n({ attemptCount: e.attemptCount + 1 });
+      const a = g(), A = a.web2 ? new ae() : new oe(), E = a.userAccountAddress || (await A.getAccount(a)).account.address;
+      if (n({
+        account: { account: { address: E } }
+      }), n({ dappAccount: a.account.address }), await Z(100), !a.web2 && !a.userAccountAddress)
+        throw new v("GENERAL.ACCOUNT_NOT_FOUND", {
+          context: {
+            error: "Account address has not been set for web3 mode"
+          }
+        });
+      const W = await ee(g()), G = _(o, e, c), b = W.provider.url, y = new te(b, u()), i = await y.getPowCaptchaChallenge(E, u());
+      if (i.error)
+        n({
+          error: i.error,
+          loading: !1
+        });
+      else {
+        const D = ce(i.challenge, i.difficulty), T = (S = (await A.getAccount(g())).extension) == null ? void 0 : S.signer;
+        if (!T || !T.signRaw)
+          throw new v("GENERAL.CANT_FIND_KEYRINGPAIR", {
+            context: {
+              error: "Signer is not defined, cannot sign message to prove account ownership"
+            }
+          });
+        const I = await T.signRaw({
+          address: E,
+          data: ne(i[s.timestamp].toString()),
+          type: "bytes"
+        });
+        (await y.submitPowCaptchaSolution(i, p().account.account.address, u(), D, I.signature.toString(), a.captchas.pow.verifiedTimeout))[s.verified] && (n({
+          isHuman: !0,
+          loading: !1
+        }), G.onHuman(H({
+          [s.providerUrl]: b,
+          [s.user]: p().account.account.address,
+          [s.dapp]: u(),
+          [s.challenge]: i.challenge,
+          [s.nonce]: D,
+          [s.timestamp]: i.timestamp,
+          [s.signature]: {
+            [s.provider]: i.signature.provider,
+            [s.user]: {
+              [s.timestamp]: I.signature.toString()
+            }
+          }
+        })), w());
+      }
+    }, C, d, e.attemptCount, 10);
+  };
+  return {
+    start: C,
+    resetState: d
+  };
+}, he = (r) => {
+  const { t: e } = se(), o = r.config, c = o.theme === "light" ? "light" : "dark", f = r.config.theme === "light" ? q : z, m = r.callbacks || {}, [l, x] = re(h.useState, h.useRef), g = N(l, x), p = h.useRef(ue(o, l, g, m)), u = h.useRef(null);
+  return h.useEffect(() => {
+    const n = u.current;
+    if (!n)
+      return;
+    const d = n.closest("form");
+    if (!d)
+      return;
+    const w = () => {
+      p.current.resetState();
+    };
+    return d.addEventListener("submit", w), o.language && L.changeLanguage(o.language), () => {
+      d.removeEventListener("submit", w);
+    };
+  }, [o.language]), t("div", { ref: u, children: t("div", { style: {
+    maxWidth: k,
+    maxHeight: "100%",
+    overflowX: "auto"
+  }, children: t(O, { children: t(U, { children: R("div", { style: j, "data-cy": "button-human", children: [" ", R("div", { style: {
+    padding: M,
+    border: B,
+    backgroundColor: f.palette.background.default,
+    borderColor: f.palette.grey[300],
+    borderRadius: F,
+    display: "flex",
+    alignItems: "center",
+    flexWrap: "wrap",
+    justifyContent: "space-between",
+    minHeight: `${X}px`,
+    overflow: "hidden"
+  }, children: [t("div", { style: { display: "inline-flex", flexDirection: "column" }, children: t("div", { style: {
+    display: "flex",
+    justifyContent: "flex-start",
+    alignItems: "center",
+    flexWrap: "wrap"
+  }, children: t("div", { style: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    flexDirection: "column",
+    verticalAlign: "middle"
+  }, children: t("div", { style: {
+    display: "flex"
+  }, children: t("div", { style: { flex: 1 }, children: l.loading ? t(K, { themeColor: c, "aria-label": "Loading spinner" }) : t(ie, { checked: l.isHuman, onChange: p.current.start, themeColor: c, labelText: e("WIDGET.I_AM_HUMAN"), error: l.error, "aria-label": "human checkbox" }) }) }) }) }) }), t("div", { style: { display: "inline-flex", flexDirection: "column" }, children: t("a", { href: Y, target: "_blank", "aria-label": V, rel: "noreferrer", children: t("div", { style: { flex: 1 }, children: t($, { themeColor: c, "aria-label": "Prosopo logo" }) }) }) })] })] }) }) }) }) });
+};
+export {
+  he as default
+};

package/dist/bundle/{ProcaptchaWidget-BZq2OhjK.js → ProcaptchaWidget-CyCdGVAQ.js}

@@ -1,5 +1,5 @@
-import { z as P, P as b, a as u, b as I, c as D, e as ie, A as x, d as q, r as A, l as L, f as M, j as s, g as C, R as se, i as ce, W as le, C as de, h as he, k as pe, m as ue, n as ge, o as fe, p as me, L as xe, q as Ce, s as be, t as Ae } from "./index-Ck7UqzKB.js";
-import { u as ye, h as we, a as j, s as X, g as Te, p as F, b as Ee, c as Ie, d as Se, e as ve, r as Ne, P as He, E as De, f as Re, i as Y, j as _e, C as Pe } from "./utils-9IQXYrRR.js";
+import { z as P, a as u, A as f, e as ie, P as X, r as y, l as L, d as M, j as s, b, R as se, i as ce, W as le, C as de, c as he, f as pe, g as ue, h as ge, k as fe, m as me, L as xe, n as Ce, o as be, p as Ae } from "./index-DkYajG2c.js";
+import { u as ye, h as we, a as j, P as A, b as I, c as D, s as q, g as Te, p as F, d as Ee, e as Ie, f as Se, i as ve, r as Ne, j as He, E as De, k as Re, l as Y, m as _e, C as Pe } from "./utils-CAk_TqSc.js";
 function ke(t) {
   return ye(we(t));
 }
@@ -52,7 +52,7 @@ class We {
   }
   getRoot() {
     if (this.root === void 0)
-      throw new b("DATASET.MERKLE_ERROR", {
+      throw new A("DATASET.MERKLE_ERROR", {
         context: {
           error: "root undefined",
           failedFuncName: this.getRoot.name
@@ -79,7 +79,7 @@ class We {
     for (; n < o; ) {
       const c = e[n];
       if (c === void 0)
-        throw new b("DEVELOPER.GENERAL", {
+        throw new A("DEVELOPER.GENERAL", {
           context: { error: "leftChild undefined" }
         });
       const d = n + 1 < o ? u(e, n + 1) : c, i = this.createParent(c, d);
@@ -97,7 +97,7 @@ class We {
     for (; r < this.layers.length - 1; ) {
       const a = this.layers[r];
       if (a === void 0)
-        throw new b("DATASET.MERKLE_ERROR", {
+        throw new A("DATASET.MERKLE_ERROR", {
           context: {
             error: "layer undefined",
             failedFuncName: this.proof.name,
@@ -124,6 +124,8 @@ class Ue {
   async getCaptchaChallenge() {
     try {
       const e = await this.providerApi.getCaptchaChallenge(this.userAccount, this.provider);
+      if (e[f.error])
+        return e;
       for (const o of e.captchas)
         for (const r of o.items)
           r.data && (r.data = r.data.replace(/^http(s)*:\/\//, "//"));
@@ -141,15 +143,15 @@ class Ue {
         context: { error: "Merkle tree root is undefined" }
       });
     const i = c.root.hash, g = void 0;
-    let y;
+    let w;
     try {
-      y = await this.providerApi.submitCaptchaSolution(r, o, this.userAccount, n, a, e);
+      w = await this.providerApi.submitCaptchaSolution(r, o, this.userAccount, n, a, e);
     } catch (h) {
       throw new D("CAPTCHA.INVALID_CAPTCHA_CHALLENGE", {
         context: { error: h }
       });
     }
-    return [y, i, g];
+    return [w, i, g];
   }
 }
 const Q = "@prosopo/procaptcha";
@@ -157,7 +159,7 @@ function z() {
   return Z.parse(JSON.parse(ke(localStorage.getItem(Q) || "0x7b7d")));
 }
 function ee(t) {
-  localStorage.setItem(Q, X(JSON.stringify(Z.parse(t))));
+  localStorage.setItem(Q, q(JSON.stringify(Z.parse(t))));
 }
 function Be(t) {
   ee({ ...z(), account: t });
@@ -186,7 +188,7 @@ function ze(t, e, o, r) {
       userAccountAddress: "",
       ...t
     };
-    return e.account && (l.userAccountAddress = e.account.account.address), q.parse(l);
+    return e.account && (l.userAccountAddress = e.account.account.address), X.parse(l);
   }, d = async () => {
     n.onOpen(), await F(async () => {
       if (e.loading || e.isHuman)
@@ -196,30 +198,37 @@ function ze(t, e, o, r) {
       });
       const l = c();
       a({ dappAccount: l.account.address }), await Se(100);
-      const p = await te(), f = await ve(c()), m = f.provider.url, N = await v(m), W = new Ue(p.account.address, f, N, l.web2, l.account.address || "");
+      const p = await te(), m = await ve(c()), x = m.provider.url, N = await v(x), W = new Ue(p.account.address, m, N, l.web2, l.account.address || "");
       a({ captchaApi: W });
-      const T = await W.getCaptchaChallenge();
-      if (T.captchas.length <= 0)
-        throw new D("DEVELOPER.PROVIDER_NO_CAPTCHA");
-      const _ = T.captchas.map((S) => S.timeLimitMs || l.captchas.image.challengeTimeout).reduce((S, E) => S + E), H = setTimeout(() => {
-        n.onChallengeExpired(), a({ isHuman: !1, showModal: !1, loading: !1 });
-      }, _);
-      a({
-        index: 0,
-        solutions: T.captchas.map(() => []),
-        challenge: T,
-        showModal: !0,
-        timeout: H
-      });
+      const C = await W.getCaptchaChallenge();
+      if (C.error)
+        a({
+          loading: !1,
+          error: C.error
+        });
+      else {
+        if (C.captchas.length <= 0)
+          throw new D("DEVELOPER.PROVIDER_NO_CAPTCHA");
+        const _ = C.captchas.map((S) => S.timeLimitMs || l.captchas.image.challengeTimeout).reduce((S, E) => S + E), H = setTimeout(() => {
+          n.onChallengeExpired(), a({ isHuman: !1, showModal: !1, loading: !1 });
+        }, _);
+        a({
+          index: 0,
+          solutions: C.captchas.map(() => []),
+          challenge: C,
+          showModal: !0,
+          timeout: H
+        });
+      }
     }, d, R, e.attemptCount, 10);
   }, i = async () => {
     await F(async () => {
-      if (w(), !e.challenge)
-        throw new b("CAPTCHA.NO_CAPTCHA", {
+      if (T(), !e.challenge)
+        throw new A("CAPTCHA.NO_CAPTCHA", {
           context: { error: "Cannot submit, no Captcha found in state" }
         });
       a({ showModal: !1 });
-      const l = e.challenge, p = Ne(), f = e.challenge.captchas.map((E, ae) => {
+      const l = e.challenge, p = Ne(), m = e.challenge.captchas.map((E, ae) => {
         const re = u(e.solutions, ae);
         return {
           captchaId: E.captchaId,
@@ -227,14 +236,14 @@ function ze(t, e, o, r) {
           salt: p,
           solution: re
         };
-      }), m = G(), N = oe(m).signer;
+      }), x = G(), N = oe(x).signer;
       if (!u(l.captchas, 0).datasetId)
         throw new D("CAPTCHA.INVALID_CAPTCHA_ID", {
           context: { error: "No datasetId set for challenge" }
         });
-      const T = e.captchaApi;
-      if (!T)
-        throw new b("CAPTCHA.INVALID_TOKEN", {
+      const C = e.captchaApi;
+      if (!C)
+        throw new A("CAPTCHA.INVALID_TOKEN", {
           context: { error: "No Captcha API found in state" }
         });
       if (!N || !N.signRaw)
@@ -244,58 +253,58 @@ function ze(t, e, o, r) {
           }
         });
       const _ = await N.signRaw({
-        address: m.account.address,
-        data: X(l.requestHash),
+        address: x.account.address,
+        data: q(l.requestHash),
         type: "bytes"
-      }), H = await T.submitCaptchaSolution(_.signature, l.requestHash, f, l.timestamp, l.signature.provider.requestHash), S = H[0].verified;
+      }), H = await C.submitCaptchaSolution(_.signature, l.requestHash, m, l.timestamp, l.signature.provider.requestHash), S = H[0].verified;
       if (S || n.onFailed(), a({
         submission: H,
         isHuman: S,
         loading: !1
       }), e.isHuman) {
-        const E = T.provider.provider.url;
+        const E = C.provider.provider.url;
         B.setProcaptchaStorage({
           ...B.getProcaptchaStorage(),
           providerUrl: E
         }), n.onHuman(ie({
-          [x.providerUrl]: E,
-          [x.user]: m.account.address,
-          [x.dapp]: ne(),
-          [x.commitmentId]: Oe(H[1]),
-          [x.timestamp]: l.timestamp,
-          [x.signature]: {
-            [x.provider]: {
-              [x.requestHash]: l.signature.provider.requestHash
+          [f.providerUrl]: E,
+          [f.user]: x.account.address,
+          [f.dapp]: ne(),
+          [f.commitmentId]: Oe(H[1]),
+          [f.timestamp]: l.timestamp,
+          [f.signature]: {
+            [f.provider]: {
+              [f.requestHash]: l.signature.provider.requestHash
             },
-            [x.user]: {
-              [x.requestHash]: _.signature
+            [f.user]: {
+              [f.requestHash]: _.signature
             }
           }
         })), O();
       }
     }, d, R, e.attemptCount, 10);
   }, g = async () => {
-    w(), R(), n.onClose();
-  }, y = (l) => {
+    T(), R(), n.onClose();
+  }, w = (l) => {
     if (!e.challenge)
-      throw new b("CAPTCHA.NO_CAPTCHA", {
+      throw new A("CAPTCHA.NO_CAPTCHA", {
         context: { error: "Cannot select, no Captcha found in state" }
       });
     if (e.index >= e.challenge.captchas.length || e.index < 0)
-      throw new b("CAPTCHA.NO_CAPTCHA", {
+      throw new A("CAPTCHA.NO_CAPTCHA", {
         context: {
           error: "Cannot select, index is out of range for this Captcha"
         }
       });
-    const p = e.index, f = e.solutions, m = u(f, p);
-    m.includes(l) ? m.splice(m.indexOf(l), 1) : m.push(l), a({ solutions: f });
+    const p = e.index, m = e.solutions, x = u(m, p);
+    x.includes(l) ? x.splice(x.indexOf(l), 1) : x.push(l), a({ solutions: m });
   }, h = () => {
     if (!e.challenge)
-      throw new b("CAPTCHA.NO_CAPTCHA", {
+      throw new A("CAPTCHA.NO_CAPTCHA", {
         context: { error: "Cannot select, no Captcha found in state" }
       });
     if (e.index + 1 >= e.challenge.captchas.length)
-      throw new b("CAPTCHA.NO_CAPTCHA", {
+      throw new A("CAPTCHA.NO_CAPTCHA", {
         context: {
           error: "Cannot select, index is out of range for this Captcha"
         }
@@ -306,7 +315,7 @@ function ze(t, e, o, r) {
     if (!p.account.address)
       throw new I("GENERAL.SITE_KEY_MISSING");
     return new He(l, p.account.address);
-  }, w = () => {
+  }, T = () => {
     window.clearTimeout(e.timeout), a({ timeout: void 0 });
   }, O = () => {
     const l = t.captchas.image.solutionTimeout, p = setTimeout(() => {
@@ -314,15 +323,15 @@ function ze(t, e, o, r) {
     }, l);
     a({ successfullChallengeTimeout: p });
   }, R = () => {
-    w(), a($e());
+    T(), a($e());
   }, te = async () => {
     const l = c();
     if (!l.web2 && !l.userAccountAddress)
       throw new I("GENERAL.ACCOUNT_NOT_FOUND", {
         context: { error: "Account address has not been set for web3 mode" }
       });
-    const f = await (l.web2 ? new De() : new Re()).getAccount(l);
-    return B.setAccount(f.account.address), a({ account: f }), G();
+    const m = await (l.web2 ? new De() : new Re()).getAccount(l);
+    return B.setAccount(m.account.address), a({ account: m }), G();
   }, G = () => {
     if (!e.account)
       throw new I("GENERAL.ACCOUNT_NOT_FOUND", {
@@ -345,7 +354,7 @@ function ze(t, e, o, r) {
     start: d,
     cancel: g,
     submit: i,
-    select: y,
+    select: w,
     nextRound: h
   };
 }
@@ -356,7 +365,7 @@ const Fe = (t) => {
     });
   return t.hash;
 }, Ke = ({ challenge: t, solution: e, onClick: o, themeColor: r }) => {
-  const n = t.items, a = A.useMemo(() => r === "light" ? L : M, [r]), c = "ontouchstart" in window, d = `${a.spacing.unit}px`, i = `${a.spacing.half}px`, g = {
+  const n = t.items, a = y.useMemo(() => r === "light" ? L : M, [r]), c = "ontouchstart" in window, d = `${a.spacing.unit}px`, i = `${a.spacing.half}px`, g = {
     0: {
       paddingLeft: 0,
       paddingRight: i,
@@ -375,7 +384,7 @@ const Fe = (t) => {
       paddingTop: i,
       paddingBottom: i
     }
-  }, y = {
+  }, w = {
     0: { paddingTop: d },
     2: { paddingBottom: d }
   };
@@ -388,24 +397,24 @@ const Fe = (t) => {
     flexDirection: "row",
     flexWrap: "wrap"
   }, children: n.map((h, v) => {
-    const w = Fe(h), O = {
+    const T = Fe(h), O = {
       ...g[v % 3],
-      ...y[Math.floor(v / 3)],
+      ...w[Math.floor(v / 3)],
       flexGrow: 1,
       flexBasis: "33.3333%",
       boxSizing: "border-box"
     };
-    return s("div", { style: O, children: C("div", { style: {
+    return s("div", { style: O, children: b("div", { style: {
       cursor: "pointer",
       height: "100%",
       width: "100%",
       border: 1,
       borderStyle: "solid",
       borderColor: a.palette.grey[300]
-    }, onClick: c ? void 0 : () => o(w), onTouchStart: c ? () => o(w) : void 0, children: [s("div", { children: s("img", { style: {
+    }, onClick: c ? void 0 : () => o(T), onTouchStart: c ? () => o(T) : void 0, children: [s("div", { children: s("img", { style: {
       width: "100%",
       backgroundColor: a.palette.grey[300],
-      opacity: e.includes(w) && c ? "50%" : "100%",
+      opacity: e.includes(T) && c ? "50%" : "100%",
       display: "block",
       objectFit: "contain",
       aspectRatio: "1/1",
@@ -415,7 +424,7 @@ const Fe = (t) => {
       width: "100%",
       height: "100%",
       top: "-100%",
-      visibility: e.includes(w) ? "visible" : "hidden",
+      visibility: e.includes(T) ? "visible" : "hidden",
       transition: "opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
       opacity: 1
     }, children: s("div", { style: {
@@ -449,7 +458,7 @@ function $({ general: t, dev: e }) {
     ...Ve(t)
   };
 }
-const qe = {
+const Xe = {
   display: "inline-flex",
   alignItems: "center",
   justifyContent: "center",
@@ -476,9 +485,9 @@ const qe = {
   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: o, onClick: r }) => {
-  const n = A.useMemo(() => t === "light" ? L : M, [t]), [a, c] = A.useState(!1), d = A.useMemo(() => {
+  const n = y.useMemo(() => t === "light" ? L : M, [t]), [a, c] = y.useState(!1), d = y.useMemo(() => {
     const i = {
-      ...qe,
+      ...Xe,
       color: a ? n.palette.primary.contrastText : n.palette.background.contrastText
     };
     return e === "cancel" ? {
@@ -492,9 +501,9 @@ const qe = {
   return s("button", { ...$({ dev: { cy: `button-${e}` } }), onMouseEnter: () => c(!0), onMouseLeave: () => c(!1), style: d, onClick: (i) => {
     i.preventDefault(), r();
   }, "aria-label": o, children: o });
-}, Xe = ({ challenge: t, index: e, solutions: o, onSubmit: r, onCancel: n, onClick: a, onNext: c, themeColor: d }) => {
-  const { t: i } = Y(), g = t.captchas ? u(t.captchas, e) : null, y = o ? u(o, e) : [], h = A.useMemo(() => d === "light" ? L : M, [d]);
-  return s(A.Suspense, { fallback: s("div", { children: "Loading..." }), children: s("div", { style: {
+}, qe = ({ challenge: t, index: e, solutions: o, onSubmit: r, onCancel: n, onClick: a, onNext: c, themeColor: d }) => {
+  const { t: i } = Y(), g = t.captchas ? u(t.captchas, e) : null, w = o ? u(o, e) : [], h = y.useMemo(() => d === "light" ? L : M, [d]);
+  return s(y.Suspense, { fallback: s("div", { children: "Loading..." }), children: s("div", { style: {
     overflowX: "auto",
     overflowY: "auto",
     width: "100%",
@@ -507,7 +516,7 @@ const qe = {
     borderRadius: "4px",
     padding: `${h.spacing.unit}px`,
     backgroundColor: h.palette.background.default
-  }, children: C("div", { style: {
+  }, children: b("div", { style: {
     backgroundColor: h.palette.background.default,
     display: "flex",
     flexDirection: "column",
@@ -519,10 +528,10 @@ const qe = {
   }, children: s("div", { style: {
     backgroundColor: h.palette.primary.main,
     width: "100%"
-  }, children: C("div", { style: {
+  }, children: b("div", { style: {
     paddingLeft: `${h.spacing.half}px`,
     paddingRight: `${h.spacing.half}px`
-  }, children: [C("p", { style: {
+  }, children: [b("p", { style: {
     color: "#ffffff",
     fontWeight: 700,
     lineHeight: 1.5
@@ -531,7 +540,7 @@ const qe = {
     fontWeight: 500,
     lineHeight: 0.8,
     fontSize: "0.8rem"
-  }, children: i("WIDGET.IF_NONE_CLICK_NEXT") })] }) }) }), s("div", { ...$({ dev: { cy: `captcha-${e}` } }), children: g && s(Ke, { challenge: g, solution: y, onClick: a, themeColor: d }) }), s("div", { style: {
+  }, children: i("WIDGET.IF_NONE_CLICK_NEXT") })] }) }) }), s("div", { ...$({ dev: { cy: `captcha-${e}` } }), children: g && s(Ke, { challenge: g, solution: w, onClick: a, themeColor: d }) }), s("div", { style: {
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
@@ -540,7 +549,7 @@ const qe = {
     padding: `0 ${h.spacing}px`,
     display: "flex",
     width: "100%"
-  } }), C("div", { style: {
+  } }), b("div", { style: {
     padding: `0 ${h.spacing}px`,
     display: "flex",
     alignItems: "center",
@@ -574,16 +583,16 @@ const qe = {
     border: "none",
     boxShadow: "rgba(0, 0, 0, 0.2) 0px 11px 15px -7px, rgba(0, 0, 0, 0.14) 0px 24px 38px 3px, rgba(0, 0, 0, 0.12) 0px 9px 46px 8px,"
   };
-  return C("div", { className: "prosopo-modalOuter", style: a, children: [s("div", { className: "prosopo-modalBackground", style: c }), s("div", { className: "prosopo-modalInner", style: d, children: r })] });
+  return b("div", { className: "prosopo-modalOuter", style: a, children: [s("div", { className: "prosopo-modalBackground", style: c }), s("div", { className: "prosopo-modalInner", style: d, children: r })] });
 }), Qe = (t) => {
-  const { t: e } = Y(), o = q.parse(t.config), r = t.callbacks || {}, [n, a] = _e(A.useState, A.useRef), c = ze(o, n, a, r), d = t.config.theme === "light" ? "light" : "dark", i = t.config.theme === "light" ? L : M;
-  return A.useEffect(() => {
+  const { t: e } = Y(), o = X.parse(t.config), r = t.callbacks || {}, [n, a] = _e(y.useState, y.useRef), c = ze(o, n, a, r), d = t.config.theme === "light" ? "light" : "dark", i = t.config.theme === "light" ? L : M;
+  return y.useEffect(() => {
     o.language && ce.changeLanguage(o.language);
-  }, [o.language]), s("div", { children: C("div", { style: {
+  }, [o.language]), s("div", { children: b("div", { style: {
     maxWidth: le,
     maxHeight: "100%",
     overflowX: "auto"
-  }, children: [s(Ye, { show: n.showModal, children: n.challenge ? s(Xe, { challenge: n.challenge, index: n.index, solutions: n.solutions, onSubmit: c.submit, onCancel: c.cancel, onClick: c.select, onNext: c.nextRound, themeColor: o.theme ?? "light" }) : s("div", { children: "No challenge set." }) }), s(de, { children: s(he, { children: C("div", { style: pe, "data-cy": "button-human", children: [" ", C("div", { style: {
+  }, children: [s(Ye, { show: n.showModal, children: n.challenge ? s(qe, { challenge: n.challenge, index: n.index, solutions: n.solutions, onSubmit: c.submit, onCancel: c.cancel, onClick: c.select, onNext: c.nextRound, themeColor: o.theme ?? "light" }) : s("div", { children: "No challenge set." }) }), s(de, { children: s(he, { children: b("div", { style: pe, "data-cy": "button-human", children: [" ", b("div", { style: {
     padding: ue,
     border: ge,
     backgroundColor: i.palette.background.default,
@@ -598,15 +607,15 @@ const qe = {
   }, children: [s("div", { style: { display: "inline-flex", flexDirection: "column" }, children: s("div", { style: {
     alignItems: "center",
     flex: 1
-  }, children: C("div", { style: {
+  }, children: b("div", { style: {
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
     flexDirection: "column",
     verticalAlign: "middle"
   }, children: [s("div", { style: {
-    display: n.loading ? "none" : "flex"
-  }, children: s(Pe, { themeColor: d, onChange: c.start, checked: n.isHuman, labelText: e("WIDGET.I_AM_HUMAN"), "aria-label": "human checkbox" }) }), s("div", { style: {
+    display: !n.loading && !n.error ? "flex" : "none"
+  }, children: s(Pe, { themeColor: d, onChange: c.start, checked: n.isHuman, labelText: e("WIDGET.I_AM_HUMAN"), error: n.error, "aria-label": "human checkbox" }) }), s("div", { style: {
     display: n.loading ? "flex" : "none"
   }, children: s("div", { style: { display: "inline-flex" }, children: s(xe, { themeColor: d, "aria-label": "Loading spinner" }) }) })] }) }) }), s("div", { style: { display: "inline-flex", flexDirection: "column" }, children: s("a", { href: Ce, target: "_blank", "aria-label": be, rel: "noreferrer", children: s("div", { style: { flex: 1 }, children: s(Ae, { themeColor: d, "aria-label": "Prosopo logo" }) }) }) })] })] }) }) })] }) });
 };