@prosopo/procaptcha-bundle 3.0.13 → 3.2.2

package/dist/bundle/{index-KHTbPva_.js → index-B9KeZfID.js}

@@ -1,5 +1,5 @@
 import { g as Dc } from "./bnChunk-DRlDxTFg.js";
-import { r as _a } from "./web2Chunk-Cqw91v-J.js";
+import { r as _a } from "./web2Chunk-BGN6Hv-C.js";
 var Co = { exports: {} }, ve = {}, xo = { exports: {} }, _o = {};
 (function(e) {
   function t(C, z) {
@@ -626,13 +626,13 @@ function Oo(e) {
 function Ql(e, t) {
   return e == null || e === "http://www.w3.org/1999/xhtml" ? Oo(t) : e === "http://www.w3.org/2000/svg" && t === "foreignObject" ? "http://www.w3.org/1999/xhtml" : e;
 }
-var Jn, Fo = function(e) {
+var Jn, Fo = (function(e) {
   return typeof MSApp < "u" && MSApp.execUnsafeLocalFunction ? function(t, n, r, l) {
     MSApp.execUnsafeLocalFunction(function() {
       return e(t, n, r, l);
     });
   } : e;
-}(function(e, t) {
+})(function(e, t) {
   if (e.namespaceURI !== "http://www.w3.org/2000/svg" || "innerHTML" in e) e.innerHTML = t;
   else {
     for (Jn = Jn || document.createElement("div"), Jn.innerHTML = "<svg>" + t.valueOf().toString() + "</svg>", t = Jn.firstChild; e.firstChild; ) e.removeChild(e.firstChild);

package/dist/bundle/{index-hrOz2CPm.js → index-Calnfnac.js}

@@ -1,13 +1,13 @@
-import { A, a as _, C as W, l as $ } from "./web2Chunk-Cqw91v-J.js";
+import { A as S, a as v, C as W, l as $ } from "./web2Chunk-BGN6Hv-C.js";
 function N(e) {
   const t = e.getRootNode();
   return (t instanceof ShadowRoot ? t.host : e).closest("form");
 }
-const l = () => {
+const r = () => {
   Array.from(
-    document.getElementsByName(A.procaptchaResponse)
+    document.getElementsByName(S.procaptchaResponse)
   ).map((t) => t.remove());
-}, u = (e) => {
+}, f = (e) => {
   const t = window[e.replace("window.", "")];
   if (typeof t != "function")
     throw new Error(
@@ -15,18 +15,18 @@ const l = () => {
     );
   return t;
 }, M = (e) => ({
-  onHuman: (t) => I(t, e),
+  onHuman: (t) => D(t, e),
   onChallengeExpired: () => {
-    l();
+    r();
   },
   onExtensionNotFound: () => {
     console.error("Extension not found");
   },
   onExpired: () => {
-    l();
+    r();
   },
   onError: (t) => {
-    l(), console.error(t);
+    r(), console.error(t);
   },
   onClose: () => {
   },
@@ -36,104 +36,104 @@ const l = () => {
     alert("Captcha challenge failed. Please try again");
   },
   onReset: () => {
-    l();
+    r();
   },
   onReload: () => {
   }
-}), s = (e, t, o) => {
+}), d = (e, t, o) => {
   const a = t.getAttribute(`data-${e}`);
   if (a) {
-    const n = u(a);
+    const n = f(a);
     if (n)
       return n;
   }
   if (typeof o == "function")
     return o;
   if (typeof o == "string")
-    return u(o);
+    return f(o);
 };
-function H(e, t, o) {
-  const a = s(
+function P(e, t, o) {
+  const a = d(
     "callback",
     o,
     e == null ? void 0 : e.callback
   );
-  a && (t.onHuman = (f) => {
-    I(f, o), a(f);
+  a && (t.onHuman = (l) => {
+    D(l, o), a(l);
   });
-  const n = s(
+  const n = d(
     "chalexpired-callback",
     o,
     e == null ? void 0 : e["chalexpired-callback"]
   );
   n && (t.onChallengeExpired = () => {
-    l(), n();
+    r(), n();
   });
-  const c = s(
+  const c = d(
     "expired-callback",
     o,
     e == null ? void 0 : e["expired-callback"]
   );
   c && (t.onExpired = () => {
-    l(), c();
+    r(), c();
   });
-  const i = s(
+  const i = d(
     "error-callback",
     o,
     e == null ? void 0 : e["error-callback"]
   );
-  i && (t.onError = (f) => {
-    l(), i(f);
+  i && (t.onError = (l) => {
+    r(), i(l);
   });
-  const r = s(
+  const s = d(
     "close-callback",
     o,
     e == null ? void 0 : e["close-callback"]
   );
-  r && (t.onClose = () => {
-    r();
+  s && (t.onClose = () => {
+    s();
   });
-  const y = s(
+  const p = d(
     "open-callback",
     o,
     e == null ? void 0 : e["open-callback"]
   );
-  y && (t.onOpen = () => {
-    y();
+  p && (t.onOpen = () => {
+    p();
   });
-  const w = s(
+  const y = d(
     "failed-callback",
     o,
     e == null ? void 0 : e["failed-callback"]
   );
-  w && (t.onFailed = () => {
-    w();
+  y && (t.onFailed = () => {
+    y();
   });
-  const h = s(
+  const w = d(
     "reset-callback",
     o,
     e == null ? void 0 : e["reset-callback"]
   );
-  h && (t.onReset = () => {
-    l(), h();
+  w && (t.onReset = () => {
+    r(), w();
   });
 }
-const I = (e, t) => {
-  if (l(), t) {
+const D = (e, t) => {
+  if (r(), t) {
     const o = N(t);
     if (!o) {
       console.error("Parent form not found for the element:", t);
       return;
     }
     const a = document.createElement("input");
-    a.type = "hidden", a.name = A.procaptchaResponse, a.value = e, o.appendChild(a);
+    a.type = "hidden", a.name = S.procaptchaResponse, a.value = e, o.appendChild(a);
   }
-}, P = "https://prosopo.io", T = "Visit prosopo.io to learn more about the service and its accessibility options.", U = 74, x = 80, F = "80px", v = "302px", G = "8px", j = "2px", z = "1px solid", E = "checkbox__loading-spinner";
+}, H = "https://prosopo.io", T = "Visit prosopo.io to learn more about the service and its accessibility options.", U = 74, x = 80, F = "80px", _ = "302px", G = "8px", j = "2px", z = "1px solid", E = "checkbox__loading-spinner";
 function B(e) {
   const t = document.createElement("div");
-  return t.className = "checkbox", t.innerHTML = X(e) + q, t;
+  return t.className = "checkbox", t.innerHTML = X(e) + K, t;
 }
-const K = (e) => (e.shadowRoot || e).querySelector(".checkbox__content"), q = `
+const q = (e) => (e.shadowRoot || e).querySelector(".checkbox__content"), K = `
     <div class="checkbox__outer">
         <div class="checkbox__wrapper">
             <div class="checkbox__inner">
@@ -236,7 +236,7 @@ const Y = `
 `;
 function Z(e) {
   return `
-			<a href="${P}?utm_campaign=widget" tabindex="0" target="_blank" role="button"
+			<a href="${H}?utm_campaign=widget" tabindex="0" target="_blank" role="button"
 			   aria-label="${T}"
 			   style="text-decoration: none;">
 				<div class="prosopo-logo">
@@ -291,7 +291,7 @@ function O(e) {
 }
 
 .widget__outer {
-    max-width: ${v};
+    max-width: ${_};
     min-height: 100%;
     overflow-x: auto;
     width: 100%;
@@ -318,7 +318,7 @@ function O(e) {
 }
 
 .widget__dimensions {
-    max-width: ${v};
+    max-width: ${_};
     min-height: ${x}px;
 }
 
@@ -358,15 +358,15 @@ const ne = (e) => `
 	${e}
 </style>
 `, ce = (e) => {
-  e.style.display = "flex", e.style.flexDirection = "column", e.style.width = "100%", e.style.maxWidth = v;
+  e.style.display = "flex", e.style.flexDirection = "column", e.style.width = "100%", e.style.maxWidth = _;
 };
 function ie(e, t, o) {
   const a = J(t), n = ae(o);
   le(n).appendChild(a), e.innerHTML = "", e.appendChild(n);
-  const i = K(n);
+  const i = q(n);
   if (!(i instanceof HTMLElement))
     throw new Error("Fail to initialize widget: interactive area is not found");
-  return i;
+  return { widgetInteractiveArea: i, webComponent: n };
 }
 const le = (e) => e.shadowRoot || e, g = {
   0: "#fff",
@@ -433,7 +433,7 @@ const le = (e) => e.shadowRoot || e, g = {
   }
 };
 function R(e) {
-  return Object.values(W).find((a) => a === _(e, 0).getAttribute("data-captcha-type")) || "frictionless";
+  return Object.values(W).find((a) => a === v(e, 0).getAttribute("data-captcha-type")) || "frictionless";
 }
 const k = (e) => document.querySelector('script[src*="'.concat(e, '"]')), de = (e) => {
   const t = k(e);
@@ -446,7 +446,7 @@ const k = (e) => document.querySelector('script[src*="'.concat(e, '"]')), de = (
   }
   return { onloadUrlCallback: void 0, renderExplicit: void 0 };
 };
-class he {
+class pe {
   constructor(t) {
     this.widgetThemeResolver = t, this.captchaRenderer = null, this._i18n = null;
   }
@@ -458,34 +458,36 @@ class he {
   async createWidgets(t, o, a = !0, n = !1) {
     return Promise.all(t.map((c) => {
       const i = M(c);
-      return H(o, i, c), this.createWidget(c, o, i, a, n);
+      return P(o, i, c), this.createWidget(c, o, i, a, n);
     }));
   }
   async createWidget(t, o, a, n = !0, c = !1) {
     o.theme = this.widgetThemeResolver.resolveWidgetTheme(t, o);
     const i = o.theme === "light" ? re : se;
-    let r;
+    let s, p;
     if (c) {
-      const h = document.createElement("div");
-      t.appendChild(h), r = h;
-    } else
-      r = ie(t, i, "prosopo-procaptcha");
+      const l = document.createElement("div");
+      t.appendChild(l), s = l, p = l;
+    } else {
+      const l = ie(t, i, "prosopo-procaptcha");
+      s = l.widgetInteractiveArea, p = l.webComponent;
+    }
     return (await this.getCaptchaRenderer()).renderCaptcha({
       identifierPrefix: "procaptcha-",
       emotionCacheKey: "procaptcha",
       webComponentTag: "prosopo-procaptcha",
       defaultCaptchaType: W.frictionless
-    }, r, o, a, n, this.i18n, c);
+    }, s, o, a, n, this.i18n, c, p);
   }
   async getCaptchaRenderer() {
     return this._i18n === null && (this._i18n = await $()), this.captchaRenderer === null && (this.captchaRenderer = await this.createCaptchaRenderer()), this.captchaRenderer;
   }
   async createCaptchaRenderer() {
-    const t = (await import("./captchaRenderer-CqnUYyKY.js")).CaptchaRenderer, o = (await import("./captchaComponentProvider-BGEAkC9Y.js").then((a) => a.d)).CaptchaComponentProvider;
+    const t = (await import("./captchaRenderer-BV-WgbEA.js")).CaptchaRenderer, o = (await import("./captchaComponentProvider-D02Su4nd.js").then((a) => a.d)).CaptchaComponentProvider;
     return new t(new o());
   }
 }
-class pe {
+class he {
   constructor() {
     this.themesSet = /* @__PURE__ */ new Set(["light", "dark"]), this.defaultTheme = "light";
   }
@@ -498,20 +500,20 @@ class pe {
   }
 }
 const C = "procaptcha.bundle.js";
-let d = [];
-const b = new he(new pe()), fe = "procaptcha:execute", S = async () => {
+let h = [];
+const b = new pe(new he()), ue = "procaptcha:execute", fe = "procaptcha:ready", A = async () => {
   const e = Array.from(document.getElementsByClassName("procaptcha")).filter((o) => o.tagName.toLowerCase() !== "button");
   if (e.length) {
-    const o = _(e, 0).getAttribute("data-sitekey"), a = _(e, 0).getAttribute("data-web3");
+    const o = v(e, 0).getAttribute("data-sitekey"), a = v(e, 0).getAttribute("data-web3");
     if (!o) {
-      console.error("No siteKey found");
+      console.error("No site key found");
       return;
     }
     const n = R(e), c = await b.createWidgets(e, {
       captchaType: n,
       siteKey: o
     }, a !== "true");
-    d.push(...c);
+    h.push(...c);
   }
   const t = Array.from(document.getElementsByClassName("procaptcha")).filter((o) => o.tagName.toLowerCase() === "button");
   if (t.length)
@@ -521,33 +523,33 @@ const b = new he(new pe()), fe = "procaptcha:execute", S = async () => {
         siteKey: a,
         callback: n
       }, !0, !0);
-      d.push(...i), o.addEventListener("click", async (r) => {
-        r.preventDefault(), D();
+      h.push(...i), o.addEventListener("click", async (s) => {
+        s.preventDefault(), I();
       });
     }
-}, ue = async (e, t) => {
+}, ge = async (e, t) => {
   const o = Object.prototype.hasOwnProperty.call(t, "size") && t.size === "invisible", a = !t.web3;
   if (o || e.tagName.toLowerCase() === "button") {
     const c = await b.createWidgets([e], t, a, !0);
-    d.push(...c);
+    h.push(...c);
     return;
   }
   const n = await b.createWidgets([e], t, a, !1);
-  d.push(...n);
+  h.push(...n);
 };
-function p(e) {
+function u(e) {
   document && document.readyState !== "loading" ? e() : document.addEventListener("DOMContentLoaded", () => {
     e();
   });
 }
-const D = () => {
+const I = () => {
   var e;
-  const t = ge();
+  const t = me();
   if (t.length === 0) {
     console.error("No Procaptcha containers found for execution");
     return;
   }
-  const o = new CustomEvent(fe, {
+  const o = new CustomEvent(ue, {
     detail: {
       containerId: ((e = t[0]) == null ? void 0 : e.id) || "procaptcha-container",
       containerCount: t.length,
@@ -558,7 +560,7 @@ const D = () => {
   });
   document.dispatchEvent(o);
 };
-function ge() {
+function me() {
   const e = [], t = Array.from(document.querySelectorAll('[data-size="invisible"]'));
   e.push(...t);
   const o = Array.from(document.querySelectorAll('#procaptcha-container, [id$="-procaptcha-container"]')), a = Array.from(document.getElementsByClassName("p-procaptcha"));
@@ -572,28 +574,36 @@ const L = () => {
   const { onloadUrlCallback: o, renderExplicit: a } = de(C);
   let n = !1;
   if (a !== "explicit" && ((e = k(C)) == null || e.addEventListener("load", () => {
-    p(S), n = !0;
-  }), document.readyState === "complete" && !n && p(S)), o && ((t = k(C)) == null || t.addEventListener("load", () => {
-    const c = u(o);
-    p(c);
+    u(A), n = !0;
+  }), document.readyState === "complete" && !n && u(A)), o && ((t = k(C)) == null || t.addEventListener("load", () => {
+    const c = f(o);
+    u(c);
   }), document.readyState === "complete" && !n)) {
-    const c = u(o);
-    p(c);
+    const c = f(o);
+    u(c);
   }
-}, me = () => {
-  for (const e of d)
+}, be = () => {
+  for (const e of h)
     e.unmount();
-  d = [], L();
+  h = [], L();
 };
-window.procaptcha = { ready: p, render: ue, reset: me, execute: D };
+window.procaptcha = { ready: u, render: ge, reset: be, execute: I };
+const ye = new CustomEvent(fe, {
+  detail: {
+    timestamp: Date.now()
+  },
+  bubbles: !0,
+  cancelable: !1
+});
+document.dispatchEvent(ye);
 L();
 export {
   E as W,
-  p as a,
-  me as b,
+  u as a,
+  be as b,
   se as d,
-  D as e,
+  I as e,
   M as g,
   re as l,
-  ue as r
+  ge as r
 };