@prosopo/procaptcha-bundle 3.0.13 → 3.2.2

package/dist/bundle/{ProcaptchaWidget-CXxnCzl2.js → ProcaptchaWidget-CuMH13Bh.js}

@@ -1,12 +1,12 @@
-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-BGEAkC9Y.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-Cqw91v-J.js";
-import { b as _, c as W, P as v, a as N } from "./commonChunk-BKceWhtS.js";
-import { b as he, u as ge } from "./builder-DNHtDoNG.js";
-import { u as fe } from "./utilCryptoChunk-BKe3CKqn.js";
-import { w as me } from "./utilChunk-DPr6oTOj.js";
-import { l as M, d as D } from "./index-hrOz2CPm.js";
-import { r as xe } from "./index-KHTbPva_.js";
-const Ce = {
+import { j as d, a as P, g as ie, p as z, b as ce, P as le, E as de, c as ue, C as he } from "./captchaComponentProvider-D02Su4nd.js";
+import { r as C, u as Z, a as v, A, g as pe, h as ge, i as fe, s as me, P as Q, j as xe, l as Ce } from "./web2Chunk-BGN6Hv-C.js";
+import { b as _, P as T, a as H } from "./commonChunk-PB26mndo.js";
+import { b as we, u as be } from "./builder-ByZ5z580.js";
+import { u as U, v as ye } from "./utilCryptoChunk-B4ZdOwus.js";
+import { w as Ae } from "./utilChunk-WRTGKXbU.js";
+import { l as M, d as D } from "./index-Calnfnac.js";
+import { r as ve } from "./index-B9KeZfID.js";
+const Ee = {
   border: "none",
   paddingTop: "6px",
   paddingBottom: "6px",
@@ -15,29 +15,29 @@ const Ce = {
   width: "39px",
   borderRadius: "50%",
   display: "flex"
-}, we = ({
+}, Te = ({
   themeColor: r,
   onReload: e
 }) => {
-  const o = m.useMemo(
+  const n = C.useMemo(
     () => r === "light" ? M : D,
     [r]
-  ), [n, t] = m.useState(!1), i = m.useMemo(() => ({
+  ), [o, t] = C.useState(!1), i = C.useMemo(() => ({
     ...{
-      ...Ce,
-      backgroundColor: o.palette.background.default,
-      color: n ? o.palette.primary.contrastText : o.palette.background.contrastText,
-      border: `1px solid ${o.palette.grey[500]}`,
+      ...Ee,
+      backgroundColor: n.palette.background.default,
+      color: o ? n.palette.primary.contrastText : n.palette.background.contrastText,
+      border: `1px solid ${n.palette.grey[500]}`,
       borderRadius: "50%",
       transition: "background-color 0.3s",
-      boxShadow: `0px 1px 3px 0px ${o.palette.grey[500]}`,
+      boxShadow: `0px 1px 3px 0px ${n.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(
+    backgroundColor: o ? n.palette.grey[700] : n.palette.background.default
+  }), [o, n]);
+  return /* @__PURE__ */ d(
     "button",
     {
       className: "reload-button",
@@ -49,7 +49,7 @@ const Ce = {
       onClick: (a) => {
         a.preventDefault(), e();
       },
-      children: /* @__PURE__ */ H(
+      children: /* @__PURE__ */ P(
         "svg",
         {
           width: "16px",
@@ -60,12 +60,12 @@ const Ce = {
           xmlnsXlink: "http://www.w3.org/1999/xlink",
           style: { display: "flex" },
           children: [
-            /* @__PURE__ */ l("title", { children: "reload" }),
-            /* @__PURE__ */ l(
+            /* @__PURE__ */ d("title", { children: "reload" }),
+            /* @__PURE__ */ d(
               "path",
               {
                 shapeRendering: "optimizeQuality",
-                fill: n ? o.palette.primary.contrastText : o.palette.grey[700],
+                fill: o ? n.palette.primary.contrastText : n.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"
               }
@@ -75,23 +75,23 @@ const Ce = {
       )
     }
   );
-}, be = (r) => {
+}, Ie = (r) => {
   if (!r.hash)
     throw new _("CAPTCHA.MISSING_ITEM_HASH", {
       context: { item: r }
     });
   return r.hash;
-}, Ae = ({
+}, Ne = ({
   challenge: r,
   solution: e,
-  onClick: o,
-  themeColor: n
+  onClick: n,
+  themeColor: o
 }) => {
-  const t = r.items, i = m.useMemo(
-    () => n === "light" ? M : D,
-    [n]
+  const t = r.items, i = C.useMemo(
+    () => o === "light" ? M : D,
+    [o]
   ), a = `${i.spacing.unit}px`;
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ d(
     "div",
     {
       style: {
@@ -107,16 +107,16 @@ const Ce = {
         paddingTop: a,
         gap: "10px"
       },
-      children: t.map((s, d) => {
-        const u = be(s);
-        return /* @__PURE__ */ l("div", { style: {
+      children: t.map((s, l) => {
+        const h = Ie(s);
+        return /* @__PURE__ */ d("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(
+        }, children: /* @__PURE__ */ P(
           "div",
           {
             style: {
@@ -127,9 +127,21 @@ const Ce = {
               padding: 0,
               margin: 0
             },
-            onClick: () => o(u),
+            onClick: (u) => {
+              if (u.isTrusted) {
+                if ("touches" in u && u.touches.length > 0 && u.touches[0]) {
+                  n(h, u.touches[0].clientX, u.touches[0].clientY);
+                  return;
+                }
+                if ("clientX" in u && "clientY" in u) {
+                  n(h, u.clientX, u.clientY);
+                  return;
+                }
+                n(h, 0, 0);
+              }
+            },
             children: [
-              /* @__PURE__ */ l(
+              /* @__PURE__ */ d(
                 "img",
                 {
                   style: {
@@ -149,10 +161,14 @@ const Ce = {
                     borderColor: i.palette.grey[300]
                   },
                   src: s.data,
-                  alt: `Captcha image ${d + 1}`
+                  alt: `Captcha image ${l + 1}`,
+                  onError: (u) => {
+                    const f = u.currentTarget;
+                    f._retryCount = (f._retryCount || 0) + 1, f._retryCount <= 3 && (f.src = `${s.data}?retry=${Date.now()}`);
+                  }
                 }
               ),
-              /* @__PURE__ */ l(
+              /* @__PURE__ */ d(
                 "div",
                 {
                   style: {
@@ -169,9 +185,9 @@ const Ce = {
                     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"
+                    visibility: e.some((u) => u[0] === h) ? "visible" : "hidden"
                   },
-                  children: /* @__PURE__ */ l(
+                  children: /* @__PURE__ */ d(
                     "svg",
                     {
                       style: {
@@ -191,7 +207,7 @@ const Ce = {
                       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" })
+                      children: /* @__PURE__ */ d("path", { d: "M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" })
                     }
                   )
                 }
@@ -203,22 +219,22 @@ const Ce = {
     }
   );
 };
-function ye(r = {}) {
+function He(r = {}) {
   return Object.keys(r).reduce(
     // biome-ignore lint/performance/noAccumulatingSpread: TODO fix
-    (e, o) => ({ ...e, [`data-${o}`]: r[o] }),
+    (e, n) => ({ ...e, [`data-${n}`]: r[n] }),
     {}
   );
 }
-function q({
+function J({
   general: r,
   dev: e
 }) {
   return {
-    ...ye(r)
+    ...He(r)
   };
 }
-const ve = {
+const Pe = {
   display: "inline-flex",
   alignItems: "center",
   justifyContent: "center",
@@ -241,18 +257,18 @@ const ve = {
   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 = ({
+}, F = ({
   themeColor: r,
   buttonType: e,
-  text: o,
-  onClick: n
+  text: n,
+  onClick: o
 }) => {
-  const t = m.useMemo(
+  const t = C.useMemo(
     () => r === "light" ? M : D,
     [r]
-  ), [i, a] = m.useState(!1), s = m.useMemo(() => {
-    const d = {
-      ...ve,
+  ), [i, a] = C.useState(!1), s = C.useMemo(() => {
+    const l = {
+      ...Pe,
       border: `1px solid ${t.palette.grey[500]}`,
       boxShadow: `0px 1px 3px 0px ${t.palette.grey[500]}`,
       fontFamily: t.font.fontFamily,
@@ -260,43 +276,43 @@ const ve = {
       color: i ? t.palette.primary.contrastText : t.palette.background.contrastText
     };
     return e === "cancel" ? {
-      ...d,
+      ...l,
       backgroundColor: i ? t.palette.grey[600] : "transparent"
     } : {
-      ...d,
+      ...l,
       backgroundColor: i ? t.palette.primary.main : t.palette.background.default
     };
   }, [e, i, t]);
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ d(
     "button",
     {
-      ...q({ dev: {} }),
+      ...J({ dev: {} }),
       onMouseEnter: () => a(!0),
       onMouseLeave: () => a(!1),
       style: s,
-      onClick: (d) => {
-        d.preventDefault(), n();
+      onClick: (l) => {
+        l.isTrusted && (l.preventDefault(), o());
       },
-      "aria-label": o,
-      children: o
+      "aria-label": n,
+      children: n
     }
   );
-}, $ = ({
+}, K = ({
   challenge: r,
   index: e,
-  solutions: o,
-  onSubmit: n,
+  solutions: n,
+  onSubmit: o,
   onCancel: t,
   onClick: i,
   onNext: a,
   onReload: s,
-  themeColor: d
+  themeColor: l
 }) => {
-  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(
+  const { t: h } = Z(), b = r.captchas ? v(r.captchas, e) : null, u = n ? v(n, e) : [], f = C.useMemo(
+    () => l === "light" ? M : D,
+    [l]
+  ), R = `${f.spacing.unit * 2}px`, g = `${f.spacing.unit}px`;
+  return /* @__PURE__ */ d(C.Suspense, { fallback: /* @__PURE__ */ d("div", { children: "Loading..." }), children: /* @__PURE__ */ d(
     "div",
     {
       style: {
@@ -310,16 +326,16 @@ const ve = {
         border: "1px solid #dddddd",
         boxShadow: "rgba(255, 255, 255, 0.2) 0px 0px 4px",
         borderRadius: "4px",
-        backgroundColor: A.palette.background.default,
+        backgroundColor: f.palette.background.default,
         userSelect: "none",
         touchAction: "none",
         overscrollBehavior: "none"
       },
-      children: /* @__PURE__ */ H(
+      children: /* @__PURE__ */ P(
         "div",
         {
           style: {
-            backgroundColor: A.palette.background.default,
+            backgroundColor: f.palette.background.default,
             display: "flex",
             flexDirection: "column",
             minWidth: "300px",
@@ -328,7 +344,7 @@ const ve = {
             justifyContent: "center"
           },
           children: [
-            /* @__PURE__ */ l(
+            /* @__PURE__ */ d(
               "div",
               {
                 style: {
@@ -336,23 +352,23 @@ const ve = {
                   alignItems: "center",
                   width: "100%"
                 },
-                children: /* @__PURE__ */ l(
+                children: /* @__PURE__ */ d(
                   "div",
                   {
                     style: {
-                      backgroundColor: A.palette.primary.main,
+                      backgroundColor: f.palette.primary.main,
                       width: "100%",
                       marginTop: g
                     },
-                    children: /* @__PURE__ */ H(
+                    children: /* @__PURE__ */ P(
                       "div",
                       {
                         style: {
-                          padding: `${A.spacing.half}px`,
-                          fontFamily: A.font.fontFamily
+                          padding: `${f.spacing.half}px`,
+                          fontFamily: f.font.fontFamily
                         },
                         children: [
-                          /* @__PURE__ */ H(
+                          /* @__PURE__ */ P(
                             "p",
                             {
                               style: {
@@ -361,14 +377,14 @@ const ve = {
                                 lineHeight: 1.5
                               },
                               children: [
-                                u("WIDGET.SELECT_ALL"),
+                                h("WIDGET.SELECT_ALL"),
                                 ":",
                                 " ",
-                                /* @__PURE__ */ l("span", { children: `${b(r.captchas, e).target} ` })
+                                /* @__PURE__ */ d("span", { children: `${v(r.captchas, e).target} ` })
                               ]
                             }
                           ),
-                          /* @__PURE__ */ l(
+                          /* @__PURE__ */ d(
                             "p",
                             {
                               style: {
@@ -377,7 +393,7 @@ const ve = {
                                 lineHeight: 0.8,
                                 fontSize: "0.8rem"
                               },
-                              children: u("WIDGET.IF_NONE_CLICK_NEXT")
+                              children: h("WIDGET.IF_NONE_CLICK_NEXT")
                             }
                           )
                         ]
@@ -387,23 +403,23 @@ const ve = {
                 )
               }
             ),
-            /* @__PURE__ */ l(
+            /* @__PURE__ */ d(
               "div",
               {
-                ...q({ dev: {} }),
+                ...J({ dev: {} }),
                 style: { overflow: "hidden" },
-                children: C && /* @__PURE__ */ l(
-                  Ae,
+                children: b && /* @__PURE__ */ d(
+                  Ne,
                   {
-                    challenge: C,
-                    solution: h,
+                    challenge: b,
+                    solution: u,
                     onClick: i,
-                    themeColor: d
+                    themeColor: l
                   }
                 )
               }
             ),
-            /* @__PURE__ */ l(
+            /* @__PURE__ */ d(
               "div",
               {
                 style: {
@@ -411,24 +427,23 @@ const ve = {
                   alignItems: "center",
                   justifyContent: "space-between",
                   lineHeight: 1.75,
-                  padding: `${g} 0 ${k} 0`
+                  padding: `${g} 0 ${R} 0`
                 },
-                children: /* @__PURE__ */ H(
+                children: /* @__PURE__ */ P(
                   "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 children in flex, spreading them evenly
                       display: "flex",
                       flexDirection: "row",
-                      flexWrap: "wrap",
                       justifyContent: "space-between",
                       gap: "10px"
                     },
                     children: [
-                      /* @__PURE__ */ l(
+                      /* @__PURE__ */ d(
                         "div",
                         {
                           style: {
@@ -437,19 +452,19 @@ const ve = {
                             // 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,
+                          children: /* @__PURE__ */ d(
+                            F,
                             {
-                              themeColor: d,
+                              themeColor: l,
                               buttonType: "cancel",
                               onClick: t,
-                              text: u("WIDGET.CANCEL"),
-                              "aria-label": u("WIDGET.CANCEL")
+                              text: h("WIDGET.CANCEL"),
+                              "aria-label": h("WIDGET.CANCEL")
                             }
                           )
                         }
                       ),
-                      /* @__PURE__ */ l(
+                      /* @__PURE__ */ d(
                         "div",
                         {
                           style: {
@@ -458,10 +473,10 @@ const ve = {
                             // 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 })
+                          children: /* @__PURE__ */ d(Te, { themeColor: l, onReload: s })
                         }
                       ),
-                      /* @__PURE__ */ l(
+                      /* @__PURE__ */ d(
                         "div",
                         {
                           style: {
@@ -470,14 +485,14 @@ const ve = {
                             // 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,
+                          children: /* @__PURE__ */ d(
+                            F,
                             {
-                              themeColor: d,
+                              themeColor: l,
                               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"),
+                              text: e < r.captchas.length - 1 ? h("WIDGET.NEXT") : h("WIDGET.SUBMIT"),
+                              onClick: e < r.captchas.length - 1 ? a : o,
+                              "aria-label": e < r.captchas.length - 1 ? h("WIDGET.NEXT") : h("WIDGET.SUBMIT"),
                               "data-cy": "button-next"
                             }
                           )
@@ -494,26 +509,26 @@ const ve = {
     }
   ) });
 };
-function Ee(r) {
-  return W([
+function Re(r) {
+  return U([
     r.captchaId,
     r.captchaContentId,
     [...r.solution].sort(),
     r.salt
   ]);
 }
-class z {
+class V {
   constructor(e) {
     this.hash = e, this.parent = null;
   }
 }
-class Te {
+class ke {
   constructor() {
     this.leaves = [], this.layers = [];
   }
   getRoot() {
     if (this.root === void 0)
-      throw new v("DATASET.MERKLE_ERROR", {
+      throw new T("DATASET.MERKLE_ERROR", {
         context: {
           error: "root undefined",
           failedFuncName: this.getRoot.name
@@ -523,114 +538,112 @@ class Te {
   }
   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);
+    const n = [];
+    for (const o of e) {
+      const t = new V(o);
+      this.leaves.push(t), n.push(t.hash);
     }
-    this.layers.push(o), this.root = this.buildMerkleTree(this.leaves)[0];
+    this.layers.push(n), this.root = this.buildMerkleTree(this.leaves)[0];
   }
   buildMerkleTree(e) {
-    const o = e.length;
-    if (o === 1)
+    const n = e.length;
+    if (n === 1)
       return e;
-    const n = [];
+    const o = [];
     let t = 0;
     const i = [];
-    for (; t < o; ) {
+    for (; t < n; ) {
       const a = e[t];
       if (a === void 0)
-        throw new v("DEVELOPER.GENERAL", {
+        throw new T("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;
+      const s = t + 1 < n ? v(e, t + 1) : a, l = this.createParent(a, s);
+      i.push(l.hash), o.push(l), t += 2;
     }
-    return this.layers.push(i), this.buildMerkleTree(n);
+    return this.layers.push(i), this.buildMerkleTree(o);
   }
-  createParent(e, o) {
-    const n = new z(
-      W([e.hash, o.hash])
-    );
-    return e.parent = n.hash, o.parent = n.hash, n;
+  createParent(e, n) {
+    const o = new V(U([e.hash, n.hash]));
+    return e.parent = o.hash, n.parent = o.hash, o;
   }
   proof(e) {
-    const o = [];
-    let n = 0;
-    for (; n < this.layers.length - 1; ) {
-      const i = this.layers[n];
+    const n = [];
+    let o = 0;
+    for (; o < this.layers.length - 1; ) {
+      const i = this.layers[o];
       if (i === void 0)
-        throw new v("DATASET.MERKLE_ERROR", {
+        throw new T("DATASET.MERKLE_ERROR", {
           context: {
             error: "layer undefined",
             failedFuncName: this.proof.name,
-            layerNum: n
+            layerNum: o
           }
         });
       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 l = [e], h = v(i, s);
+      s > a ? l.push(h) : l.unshift(h), n.push([v(l, 0), v(l, 1)]), o += 1, e = U(l);
     }
-    const t = b(this.layers, this.layers.length - 1);
-    return [...o, [b(t, 0)]];
+    const t = v(this.layers, this.layers.length - 1);
+    return [...n, [v(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;
+class X {
+  constructor(e, n, o, t, i) {
+    this.userAccount = e, this.provider = n, this.providerApi = o, this._web2 = t, this.dappAccount = i;
   }
   get web2() {
     return this._web2;
   }
   async getCaptchaChallenge(e) {
     try {
-      const o = await this.providerApi.getCaptchaChallenge(
+      const n = 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)
+      if (n[A.error])
+        return n;
+      for (const o of n.captchas)
+        for (const t of o.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 }
+      return n;
+    } catch (n) {
+      throw new H("CAPTCHA.INVALID_CAPTCHA_CHALLENGE", {
+        context: { error: n }
       });
     }
   }
-  async submitCaptchaSolution(e, o, n, t, i) {
-    const a = new Te(), s = n.map(
-      (C) => Ee(C)
+  async submitCaptchaSolution(e, n, o, t, i) {
+    const a = new ke(), s = o.map(
+      (b) => Re(b)
     );
     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;
+    const l = a.root.hash;
+    let h;
     try {
-      u = await this.providerApi.submitCaptchaSolution(
-        n,
+      h = await this.providerApi.submitCaptchaSolution(
         o,
+        n,
         this.userAccount,
         t,
         i,
         e
       );
-    } catch (C) {
+    } catch (b) {
       throw new _("CAPTCHA.INVALID_CAPTCHA_CHALLENGE", {
-        context: { error: C }
+        context: { error: b }
       });
     }
-    return [u, d];
+    return [h, l];
   }
 }
-const Ie = () => ({
+const Le = () => ({
   // 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,
@@ -642,17 +655,17 @@ const Ie = () => ({
   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 = () => {
+function _e(r, e, n, o, t) {
+  const i = ie(o), a = we(e, n), s = () => {
     const c = {
       userAccountAddress: "",
       ...r
     };
-    return e.account && (c.userAccountAddress = e.account.account.address), X.parse(c);
-  }, d = async () => {
-    i.onOpen(), await U(
+    return e.account && (c.userAccountAddress = e.account.account.address), Q.parse(c);
+  }, l = async () => {
+    i.onOpen(), await z(
       async () => {
-        var P;
+        var I;
         if (e.loading || e.isHuman)
           return;
         a({ loading: !0 }), a({
@@ -661,25 +674,25 @@ function Ne(r, e, o, n, t) {
           sessionId: t == null ? void 0 : t.sessionId
         });
         const c = s();
-        a({ dappAccount: c.account.address }), await de(100);
-        const f = await Y();
+        a({ dappAccount: c.account.address }), await me(100);
+        const m = await ee();
         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,
+          const w = t.provider.provider.url, y = await g(w);
+          x = new X(
+            m.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,
+          const w = await ce(
+            s().defaultEnvironment
+          ), y = w.provider.url, E = await g(y);
+          x = new X(
+            m.account.address,
+            w,
             E,
             c.web2,
             c.account.address || ""
@@ -695,15 +708,15 @@ function Ne(r, e, o, n, t) {
               message: p.error.message,
               key: p.error.key || "API.UNKNOWN_ERROR"
             }
-          }), i.onError(new Error((P = p.error) == null ? void 0 : P.message));
+          }), i.onError(new Error((I = p.error) == null ? void 0 : I.message));
         else {
           if (p.captchas.length <= 0)
             throw new _("DEVELOPER.PROVIDER_NO_CAPTCHA");
-          const I = p.captchas.map(
+          const w = p.captchas.map(
             (E) => E.timeLimitMs || c.captchas.image.challengeTimeout
-          ).reduce((E, L) => E + L), y = setTimeout(() => {
+          ).reduce((E, W) => E + W), y = setTimeout(() => {
             i.onChallengeExpired(), a({ isHuman: !1, showModal: !1, loading: !1 });
-          }, I);
+          }, w);
           a({
             index: 0,
             solutions: p.captchas.map(() => []),
@@ -714,169 +727,176 @@ function Ne(r, e, o, n, t) {
           });
         }
       },
-      d,
-      R,
+      l,
+      L,
       e.attemptCount,
       10
     );
-  }, u = async () => {
-    await U(
+  }, h = async () => {
+    await z(
       async () => {
-        if (T(), !e.challenge)
-          throw new v("CAPTCHA.NO_CAPTCHA", {
+        if (N(), !e.challenge)
+          throw new T("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);
+        const c = e.challenge, m = e.challenge.captchas.map(
+          (O, oe) => {
+            const B = v(e.solutions, oe), j = B.flatMap(([k, $, se]) => [$, se]), ae = ye(
+              j.map((k) => k.toString(16).length + 4).reduce((k, $) => k + $, 0)
+            ), re = pe(ae, j);
             return {
               captchaId: O.captchaId,
               captchaContentId: O.captchaContentId,
-              salt: f,
-              solution: te
+              salt: re,
+              solution: B.flatMap((k) => k[0])
             };
           }
-        ), p = G(), P = Q(p).signer;
-        if (!b(c.captchas, 0).datasetId)
+        ), x = G(), p = ne(x).signer;
+        if (!v(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", {
+        const w = e.captchaApi;
+        if (!w)
+          throw new T("CAPTCHA.INVALID_TOKEN", {
             context: { error: "No Captcha API found in state" }
           });
-        if (!P || !P.signRaw)
-          throw new N("GENERAL.CANT_FIND_KEYRINGPAIR", {
+        if (!p || !p.signRaw)
+          throw new H("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]),
+        const y = await p.signRaw({
+          address: x.account.address,
+          data: Ae(c[A.timestamp]),
           type: "bytes"
-        }), L = await y.submitCaptchaSolution(
-          E.signature,
+        }), E = await w.submitCaptchaSolution(
+          y.signature,
           c.requestHash,
-          x,
+          m,
           c.timestamp,
           c.signature.provider.requestHash
-        ), J = L[0].verified;
+        ), W = E[0].verified;
         if (a({
-          submission: L,
-          isHuman: J,
+          submission: E,
+          isHuman: W,
           loading: !1
         }), e.isHuman) {
-          const O = y.provider.provider.url;
+          const O = w.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
+            ge({
+              [A.providerUrl]: O,
+              [A.user]: x.account.address,
+              [A.dapp]: te(),
+              [A.commitmentId]: fe(E[1]),
+              [A.timestamp]: c.timestamp,
+              [A.signature]: {
+                [A.provider]: {
+                  [A.requestHash]: c.signature.provider.requestHash
                 },
-                [w.user]: {
-                  [w.timestamp]: E.signature
+                [A.user]: {
+                  [A.timestamp]: y.signature
                 }
               }
             })
           ), S();
         } else
-          i.onFailed(), R(t == null ? void 0 : t.restart);
+          i.onFailed(), L(t == null ? void 0 : t.restart);
       },
-      d,
-      R,
+      l,
+      L,
       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) => {
+  }, b = async () => {
+    N(), L(t == null ? void 0 : t.restart), i.onClose();
+  }, u = async () => {
+    N(), i.onReload(), L(t == null ? void 0 : t.restart), t != null && t.restart || await l();
+  }, f = (c, m, x) => {
     if (!e.challenge)
-      throw new v("CAPTCHA.NO_CAPTCHA", {
+      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 v("CAPTCHA.NO_CAPTCHA", {
+      throw new T("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 = () => {
+    const p = e.index, I = e.solutions, w = v(I, p);
+    if (w.some((y) => y[0] === c)) {
+      const y = w.filter((E) => E[0] !== c);
+      I[p] = y;
+    } else
+      I[p] = [...w, [c, m || 0, x || 0]];
+    a({ solutions: I });
+  }, R = () => {
     if (!e.challenge)
-      throw new v("CAPTCHA.NO_CAPTCHA", {
+      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 v("CAPTCHA.NO_CAPTCHA", {
+      throw new T("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 = () => {
+    const m = s();
+    if (!m.account.address)
+      throw new H("GENERAL.SITE_KEY_MISSING");
+    return new le(c, m.account.address);
+  }, N = () => {
     window.clearTimeout(Number(e.timeout)), a({ timeout: void 0 });
   }, S = () => {
-    const c = r.captchas.image.solutionTimeout, f = setTimeout(() => {
+    const c = r.captchas.image.solutionTimeout, m = setTimeout(() => {
       a({ isHuman: !1 }), i.onExpired();
     }, c);
-    a({ successfullChallengeTimeout: f });
-  }, R = (c) => {
-    T(), a(Ie()), i.onReset(), c && c();
-  }, Y = async () => {
+    a({ successfullChallengeTimeout: m });
+  }, L = (c) => {
+    N(), a(Le()), i.onReset(), c && c();
+  }, ee = async () => {
     const c = s();
     if (!c.web2 && !c.userAccountAddress)
-      throw new N("GENERAL.ACCOUNT_NOT_FOUND", {
+      throw new H("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))();
+      const p = new (await de(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", {
+      throw new H("GENERAL.ACCOUNT_NOT_FOUND", {
         context: { error: "Account not loaded" }
       });
     return e.account;
-  }, Z = () => {
+  }, te = () => {
     if (!e.dappAccount)
-      throw new N("GENERAL.SITE_KEY_MISSING");
+      throw new H("GENERAL.SITE_KEY_MISSING");
     return e.dappAccount;
-  }, Q = (c) => {
-    const f = c || G();
-    if (!f.extension)
-      throw new N("ACCOUNT.NO_POLKADOT_EXTENSION", {
+  }, ne = (c) => {
+    const m = c || G();
+    if (!m.extension)
+      throw new H("ACCOUNT.NO_POLKADOT_EXTENSION", {
         context: { error: "Extension not loaded" }
       });
-    return f.extension;
+    return m.extension;
   };
   return {
-    start: d,
-    cancel: C,
-    submit: u,
-    select: A,
-    nextRound: k,
-    reload: h
+    start: l,
+    cancel: b,
+    submit: h,
+    select: f,
+    nextRound: R,
+    reload: u
   };
 }
-const He = se`
+const Me = ue`
 	position: absolute;
 	top: 50%;
 	left: 50%;
@@ -895,8 +915,8 @@ const He = se`
     @supports (-webkit-touch-callout: none) { 
 		transform: translate(-50%, -100%);
     }
-`, j = ue.memo((r) => {
-  const { show: e, children: o } = r, t = {
+`, Y = xe.memo((r) => {
+  const { show: e, children: n } = r, t = {
     position: "fixed",
     zIndex: 2147483646,
     inset: 0,
@@ -905,88 +925,88 @@ const He = se`
     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 }) }),
+  return ve.createPortal(
+    /* @__PURE__ */ d("div", { className: "prosopo-modalOuter", style: t, children: /* @__PURE__ */ d("div", { className: "prosopo-modalInner", css: Me, children: n }) }),
     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,
+}), q = "procaptcha:execute", je = (r) => {
+  var R;
+  const { t: e, ready: n } = Z(), o = Q.parse(r.config), t = r.frictionlessState, i = r.i18n, a = r.callbacks || {}, [s, l] = be(C.useState, C.useRef), [h, b] = C.useState(!1), u = _e(
+    o,
     s,
-    d,
+    l,
     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);
+  ), f = r.config.theme === "light" ? M : D;
+  return C.useEffect(() => {
+    o.language && (i ? i.language !== o.language && i.changeLanguage(o.language).then((g) => g) : Ce().then((g) => {
+      g.language !== o.language && g.changeLanguage(o.language).then((N) => N);
     }));
-  }, [i, n.language]), m.useEffect(() => {
-    s.error && (C(!1), s.error.key === "CAPTCHA.NO_SESSION_FOUND" && t && setTimeout(() => {
+  }, [i, o.language]), C.useEffect(() => {
+    s.error && (b(!1), s.error.key === "CAPTCHA.NO_SESSION_FOUND" && t && setTimeout(() => {
       t.restart();
     }, 3e3));
-  }, [s.error, t]), m.useEffect(() => {
-    const g = (T) => {
-      if (d({
+  }, [s.error, t]), C.useEffect(() => {
+    const g = (N) => {
+      if (l({
         showModal: !0
-      }), !s.challenge && h.start)
+      }), !s.challenge && u.start)
         try {
-          h.start();
+          u.start();
         } catch (S) {
           console.error("Error starting verification:", S);
         }
     };
-    return document.addEventListener(K, g), () => {
+    return document.addEventListener(q, g), () => {
       document.removeEventListener(
-        K,
+        q,
         g
       );
     };
-  }, [h, s.challenge, d]), n.mode === "invisible" ? /* @__PURE__ */ l(j, { show: s.showModal, children: s.challenge ? /* @__PURE__ */ l(
-    $,
+  }, [u, s.challenge, l]), o.mode === "invisible" ? /* @__PURE__ */ d(Y, { show: s.showModal, children: s.challenge ? /* @__PURE__ */ d(
+    K,
     {
       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"
+      onSubmit: u.submit,
+      onCancel: u.cancel,
+      onClick: u.select,
+      onNext: u.nextRound,
+      onReload: u.reload,
+      themeColor: o.theme ?? "light"
     }
-  ) : null }) : /* @__PURE__ */ H("div", { className: "image-captcha", children: [
-    /* @__PURE__ */ l(j, { show: s.showModal, children: s.challenge ? /* @__PURE__ */ l(
-      $,
+  ) : null }) : /* @__PURE__ */ P("div", { className: "image-captcha", children: [
+    /* @__PURE__ */ d(Y, { show: s.showModal, children: s.challenge ? /* @__PURE__ */ d(
+      K,
       {
         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"
+        onSubmit: u.submit,
+        onCancel: u.cancel,
+        onClick: u.select,
+        onNext: u.nextRound,
+        onReload: u.reload,
+        themeColor: o.theme ?? "light"
       }
-    ) : /* @__PURE__ */ l("div", { children: "No challenge set." }) }),
-    /* @__PURE__ */ l(
-      ie,
+    ) : /* @__PURE__ */ d("div", { children: "No challenge set." }) }),
+    /* @__PURE__ */ d(
+      he,
       {
-        theme: A,
-        onChange: async () => {
-          u || (C(!0), await h.start(), C(!1));
+        theme: f,
+        onChange: async (g) => {
+          g.isTrusted && (h || (b(!0), await u.start(), b(!1)));
         },
         checked: s.isHuman,
-        labelText: o ? e("WIDGET.I_AM_HUMAN") : "",
-        error: (k = s.error) == null ? void 0 : k.message,
+        labelText: n ? e("WIDGET.I_AM_HUMAN") : "",
+        error: (R = s.error) == null ? void 0 : R.message,
         "aria-label": "human checkbox",
-        loading: u
+        loading: h
       }
     )
   ] });
 };
 export {
-  Se as default
+  je as default
 };