@prosopo/client-bundle-example 2.5.5 → 2.7.0

package/dist/assets/index-2or4-1WF.js

@@ -0,0 +1,596 @@
+function k(e, t, o) {
+  if (e.length === 0)
+    throw new Error("Array is empty");
+  if (!Number.isFinite(t))
+    throw new Error(`Index ${t} is not a finite number`);
+  if (t > 0 ? t = t % e.length : t = Math.ceil(Math.abs(t) / e.length) * e.length + t, t >= e.length)
+    throw new Error(`Index ${t} larger than array length ${e.length}`);
+  if (t < 0)
+    throw new Error(`Index ${t} smaller than 0`);
+  return e[t];
+}
+var p;
+(function(e) {
+  e.datasetId = "datasetId", e.user = "user", e.dapp = "dapp", e.provider = "provider", e.blockNumber = "blockNumber", e.requestHash = "requestHash", e.captchas = "captchas", e.commitmentId = "commitmentId", e.proof = "proof", e.dappSignature = "dappSignature", e.dappUserSignature = "dappUserSignature", e.providerUrl = "providerUrl", e.procaptchaResponse = "procaptcha-response", e.verifiedTimeout = "verifiedTimeout", e.maxVerifiedTime = "maxVerifiedTime", e.verified = "verified", e.status = "status", e.challenge = "challenge", e.difficulty = "difficulty", e.nonce = "nonce", e.timeouts = "timeouts", e.token = "token", e.secret = "secret", e.timestamp = "timestamp", e.signature = "signature", e.error = "error", e.siteKey = "siteKey", e.captchaType = "captchaType", e.sessionId = "sessionId", e.settings = "settings", e.domains = "domains", e.frictionlessThreshold = "frictionlessThreshold", e.powDifficulty = "powDifficulty", e.score = "score", e.tier = "tier", e.detectorKey = "detectorKey";
+})(p || (p = {}));
+var g;
+(function(e) {
+  e.image = "image", e.pow = "pow", e.frictionless = "frictionless";
+})(g || (g = {}));
+let C;
+async function M(e) {
+  return new Promise((t, o) => {
+    try {
+      import("./i18nFrontend-CsPT71ro.js").then((n) => n.b).then(({ default: n }) => {
+        C || (C = n()), t(C);
+      });
+    } catch (n) {
+      o(n);
+    }
+  });
+}
+function H(e) {
+  const t = e.getRootNode();
+  return (t instanceof ShadowRoot ? t.host : e).closest("form");
+}
+const r = () => {
+  Array.from(document.getElementsByName(p.procaptchaResponse)).map((t) => t.remove());
+}, m = (e) => {
+  const t = window[e.replace("window.", "")];
+  if (typeof t != "function")
+    throw new Error(`Callback ${e} is not defined on the window object`);
+  return t;
+}, U = (e) => ({
+  onHuman: (t) => $(t, e),
+  onChallengeExpired: () => {
+    r();
+  },
+  onExtensionNotFound: () => {
+    console.error("Extension not found");
+  },
+  onExpired: () => {
+    r();
+  },
+  onError: (t) => {
+    r(), console.error(t);
+  },
+  onClose: () => {
+  },
+  onOpen: () => {
+  },
+  onFailed: () => {
+    alert("Captcha challenge failed. Please try again");
+  },
+  onReset: () => {
+    r();
+  },
+  onReload: () => {
+  }
+}), s = (e, t, o) => {
+  const n = t.getAttribute(`data-${e}`);
+  if (n) {
+    const a = m(n);
+    if (a)
+      return a;
+  }
+  if (typeof o == "function")
+    return o;
+  if (typeof o == "string")
+    return m(o);
+};
+function F(e, t, o) {
+  const n = s("callback", o, e == null ? void 0 : e.callback);
+  n && (t.onHuman = (u) => {
+    $(u, o), n(u);
+  });
+  const a = s("chalexpired-callback", o, e == null ? void 0 : e["chalexpired-callback"]);
+  a && (t.onChallengeExpired = () => {
+    r(), a();
+  });
+  const c = s("expired-callback", o, e == null ? void 0 : e["expired-callback"]);
+  c && (t.onExpired = () => {
+    r(), c();
+  });
+  const i = s("error-callback", o, e == null ? void 0 : e["error-callback"]);
+  i && (t.onError = (u) => {
+    r(), i(u);
+  });
+  const l = s("close-callback", o, e == null ? void 0 : e["close-callback"]);
+  l && (t.onClose = () => {
+    l();
+  });
+  const x = s("open-callback", o, e == null ? void 0 : e["open-callback"]);
+  x && (t.onOpen = () => {
+    x();
+  });
+  const v = s("failed-callback", o, e == null ? void 0 : e["failed-callback"]);
+  v && (t.onFailed = () => {
+    v();
+  });
+  const h = s("reset-callback", o, e == null ? void 0 : e["reset-callback"]);
+  h && (t.onReset = () => {
+    r(), h();
+  });
+}
+const $ = (e, t) => {
+  if (r(), t) {
+    const o = H(t);
+    if (!o) {
+      console.error("Parent form not found for the element:", t);
+      return;
+    }
+    const n = document.createElement("input");
+    n.type = "hidden", n.name = p.procaptchaResponse, n.value = e, o.appendChild(n);
+  }
+}, G = "https://prosopo.io", I = "Visit prosopo.io to learn more about the service and its accessibility options.", j = 74, _ = 80, z = "80px", T = "302px", B = "8px", K = "2px", q = "1px solid", S = "checkbox__loading-spinner";
+function A(e) {
+  const t = document.createElement("div");
+  return t.className = "checkbox", t.innerHTML = Y(e) + X, t;
+}
+const V = (e) => (e.shadowRoot || e).querySelector(".checkbox__content"), X = `
+    <div class="checkbox__outer">
+        <div class="checkbox__wrapper">
+            <div class="checkbox__inner">
+                <div class="checkbox__content">
+                    <div class="${S}" aria-label="Loading spinner"></div>
+                </div>
+            </div>
+        </div>
+    </div>
+`, Y = (e) => `
+<style>
+.checkbox {
+    display: flex;
+    flex-direction: column;
+}
+
+.checkbox__outer {
+    align-items: center;
+    flex: 1;
+}
+
+.checkbox__wrapper {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+    vertical-align: middle;
+}
+
+.checkbox__inner {
+    display: flex;
+}
+
+.checkbox__content {
+    display: inline-flex;
+}
+
+.${S} {
+    margin-top: 0;
+    margin-left: 15px;
+    margin-right: 15px;
+    width: 2em;
+    height: 2em;
+    border: 4px solid ${e.palette.background.contrastText};
+    border-bottom-color: transparent;
+    border-radius: 50%;
+    display: inherit;
+    box-sizing: border-box;
+    animation: checkbox__loading-spinner-rotation 1s linear infinite;
+    will-change: transform;
+}
+
+@keyframes ${S}-rotation {
+  0% {
+	transform: rotate(0deg);
+  }
+  100% {
+	transform: rotate(360deg);
+  }
+}
+</style>
+`;
+function Z(e) {
+  const t = document.createElement("div");
+  return t.className = "logo", t.innerHTML = J + Q(e), t;
+}
+const J = `
+<style>
+.logo {
+    display: inline-flex;
+    flex-direction: column;
+}
+
+.prosopo-logo {
+    display: inline-flex;
+    flex-direction: column;    /* ✅ Stack vertically */
+    align-items: center;       /* ✅ Center horizontally */
+    justify-content: center;   /* ✅ Optional: center vertically if needed */
+    padding: 8px;
+    height: auto;
+    min-width: max-content;
+    gap: 2px;                  /* ✅ Space between SVG and text */
+}
+
+.prosopo-logo-text {
+    all: unset;
+    font-size: 9px !important;
+    font-weight: bold !important;
+    font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;
+    line-height: 1 !important;
+    text-align: center;
+}
+
+#logo {
+    width: 28px;
+    height: 28px;
+}
+
+</style>
+`;
+function Q(e) {
+  return `
+			<a href="${G}?utm_campaign=widget" tabindex="0" target="_blank" role="button"
+			   aria-label="${I}"
+			   style="text-decoration: none;">
+				<div class="prosopo-logo">
+					<svg id="logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 49.010001 49.009997" style="fill: ${e.palette.logoFill};"
+						 aria-label="Prosopo Logo With Text">
+						<title>${I}</title>
+						<g transform="matrix(0.11319331,0,0,0.11319331,6.504999,-2.2052113e-4)">
+							<g>
+								<path d="m 119.79,50.5 a 147.75,147.75 0 0 1 147.75,147.75 h 50.5 C 318.04,88.76 229.28,0 119.79,0 Z"></path>
+								<path d="m 53.6,116.7 a 147.74,147.74 0 0 1 147.74,147.74 h 50.5 C 251.84,154.95 163.09,66.2 53.6,66.2 Z"></path>
+								<path d="M 198.24,382.48 A 147.75,147.75 0 0 1 50.5,234.74 H 0 c 0,109.49 88.75,198.24 198.24,198.24 z"></path>
+								<path d="M 264.41,316.31 A 147.74,147.74 0 0 1 116.67,168.56 H 66.16 c 0,109.49 88.76,198.25 198.25,198.25 z"></path>
+							</g>
+						</g>
+					</svg>
+					<span class="prosopo-logo-text" id="logo-text" style="color: ${e.palette.logoFill};">
+					Prosopo
+					</span>
+				</div>
+			</a>
+`;
+}
+function P(e) {
+  var a, c;
+  const t = document.createElement("div");
+  t.className = "widget";
+  const o = A(e), n = Z(e);
+  return t.innerHTML = ee(e) + O(oe()), (a = t.querySelector(".widget__checkbox")) == null || a.replaceWith(o), (c = t.querySelector(".widget__logo")) == null || c.replaceWith(n), t;
+}
+function O(e) {
+  return `
+<div class="widget__outer">
+	<div class="widget__wrapper">
+		<div class="widget__inner">
+			<div class="widget__dimensions" ${e ? 'data-cy="captcha-checkbox"' : ""}>
+				<div class="widget__content">
+					<div class="widget__checkbox"></div>
+					<div class="widget__logo"></div>
+				</div>
+			</div>
+		</div>
+	</div>
+</div>
+`;
+}
+function ee(e) {
+  return `
+<style>
+.widget {
+    width: 100%;
+    min-height: ${z}
+}
+
+.widget__outer {
+    max-width: ${T};
+    min-height: 100%;
+    overflow-x: auto;
+    width: 100%;
+    font-family: ${e.font.fontFamily};
+    color: ${e.font.color};
+}
+
+.widget__wrapper {
+    container-type: size;
+    container-name: widget;
+    display: flex;
+    flex-direction: column;
+    height: ${_}px;
+    min-width: 220px;
+}
+
+.widget__inner {
+    max-height: 100%;
+    min-width: 100%;
+    overflow: hidden;
+    height: ${_}px;
+    width: 100%;
+    display: grid;
+}
+
+.widget__dimensions {
+    max-width: ${T};
+    min-height: ${_}px;
+}
+
+.widget__content {
+    padding: ${K};
+    border: ${q};
+    background-color: ${e.palette.background.default};
+    border-color: ${e.palette.grey[300]};
+    border-radius: ${B};
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    min-height: ${j}px;
+    overflow: hidden;
+}
+</style>
+`;
+}
+function te() {
+  var t;
+  return typeof process < "u" ? "production" : (t = import.meta.env) == null ? void 0 : t.MODE;
+}
+const oe = () => te() !== "production", ne = 'ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"';
+function ae(e, t = "") {
+  const o = document.createElement(e);
+  ie(o);
+  const n = o.attachShadow({ mode: "open" });
+  return n.innerHTML = ce(t), o;
+}
+const ce = (e) => `
+<style>
+	*{font-family: ${ne};}
+</style>
+
+<style>
+	${e}
+</style>
+`, ie = (e) => {
+  e.style.display = "flex", e.style.flexDirection = "column", e.style.width = "100%", e.style.maxWidth = T;
+};
+function re(e, t, o) {
+  const n = P(t), a = ae(o);
+  le(a).appendChild(n), e.innerHTML = "", e.appendChild(a);
+  const i = V(a);
+  if (!(i instanceof HTMLElement))
+    throw new Error("Fail to initialize widget: interactive area is not found");
+  return i;
+}
+const le = (e) => e.shadowRoot || e, b = {
+  0: "#fff",
+  100: "#f5f5f5",
+  200: "#eeeeee",
+  300: "#e0e0e0",
+  400: "#bdbdbd",
+  500: "#9e9e9e",
+  600: "#757575",
+  700: "#616161",
+  800: "#424242",
+  900: "#212121"
+}, y = 10, se = {
+  palette: {
+    mode: "light",
+    primary: {
+      main: "#487DFA",
+      contrastText: "#fff"
+    },
+    background: {
+      default: "#fff",
+      contrastText: "#000"
+    },
+    border: b[400],
+    error: {
+      main: "#f44336"
+    },
+    logoFill: "#1d1d1b",
+    grey: b
+  },
+  spacing: {
+    unit: y,
+    half: Math.floor(y / 2)
+  },
+  font: {
+    fontFamily: 'ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
+    color: "#000"
+  }
+}, de = {
+  palette: {
+    mode: "dark",
+    primary: {
+      main: "#487DFA",
+      contrastText: "#fff"
+    },
+    background: {
+      default: "#303030",
+      contrastText: "#fff"
+    },
+    border: b[300],
+    error: {
+      main: "#f44336"
+    },
+    logoFill: "#fff",
+    grey: b
+  },
+  spacing: {
+    unit: y,
+    half: Math.floor(y / 2)
+  },
+  font: {
+    fontFamily: 'ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
+    color: "#fff"
+  }
+};
+function W(e) {
+  return Object.values(g).find((n) => n === k(e, 0).getAttribute("data-captcha-type")) || "frictionless";
+}
+const R = (e) => document.querySelector('script[src*="'.concat(e, '"]')), he = (e) => {
+  const t = R(e);
+  if (t && t.src.indexOf("".concat(e)) !== -1) {
+    const o = new URLSearchParams(t.src.split("?")[1]);
+    return {
+      onloadUrlCallback: o.get("onload") || void 0,
+      renderExplicit: o.get("render") || void 0
+    };
+  }
+  return { onloadUrlCallback: void 0, renderExplicit: void 0 };
+};
+class fe {
+  constructor(t) {
+    this.widgetThemeResolver = t, this.captchaRenderer = null, this._i18n = null;
+  }
+  get i18n() {
+    if (this._i18n === null)
+      throw new Error("I18n is not initialized");
+    return this._i18n;
+  }
+  async createWidgets(t, o, n = !0, a = !1) {
+    return Promise.all(t.map((c) => {
+      const i = U(c);
+      return F(o, i, c), this.createWidget(c, o, i, n, a);
+    }));
+  }
+  async createWidget(t, o, n, a = !0, c = !1) {
+    o.theme = this.widgetThemeResolver.resolveWidgetTheme(t, o);
+    const i = o.theme === "light" ? se : de;
+    let l;
+    if (c) {
+      const h = document.createElement("div");
+      t.appendChild(h), l = h;
+    } else
+      l = re(t, i, "prosopo-procaptcha");
+    return (await this.getCaptchaRenderer()).renderCaptcha({
+      identifierPrefix: "procaptcha-",
+      emotionCacheKey: "procaptcha",
+      webComponentTag: "prosopo-procaptcha",
+      defaultCaptchaType: g.frictionless
+    }, l, o, n, a, this.i18n, c);
+  }
+  async getCaptchaRenderer() {
+    return this._i18n === null && (this._i18n = await M()), this.captchaRenderer === null && (this.captchaRenderer = await this.createCaptchaRenderer()), this.captchaRenderer;
+  }
+  async createCaptchaRenderer() {
+    const t = (await import("./captchaRenderer-B_MgGzr9.js")).CaptchaRenderer, o = (await import("./captchaComponentProvider-BW2eXmc3.js").then((n) => n.h)).CaptchaComponentProvider;
+    return new t(new o());
+  }
+}
+class ue {
+  constructor() {
+    this.themesSet = /* @__PURE__ */ new Set(["light", "dark"]), this.defaultTheme = "light";
+  }
+  resolveWidgetTheme(t, o) {
+    const n = o.theme || t.getAttribute("data-theme") || this.defaultTheme;
+    return this.validateTheme(n);
+  }
+  validateTheme(t) {
+    return this.themesSet.has(t) ? t : this.defaultTheme;
+  }
+}
+const E = "procaptcha.bundle.js";
+let d = [];
+const w = new fe(new ue()), pe = "procaptcha:execute", D = async () => {
+  const e = Array.from(document.getElementsByClassName("procaptcha")).filter((o) => o.tagName.toLowerCase() !== "button");
+  if (e.length) {
+    const o = k(e, 0).getAttribute("data-sitekey"), n = k(e, 0).getAttribute("data-web3");
+    if (!o) {
+      console.error("No siteKey found");
+      return;
+    }
+    const a = W(e), c = await w.createWidgets(e, {
+      captchaType: a,
+      siteKey: o
+    }, n !== "true");
+    d.push(...c);
+  }
+  const t = Array.from(document.getElementsByClassName("procaptcha")).filter((o) => o.tagName.toLowerCase() === "button");
+  if (t.length)
+    for (const o of t) {
+      const n = o.getAttribute("data-sitekey") || "", a = o.getAttribute("data-callback") || "", c = W([o]), i = await w.createWidgets([o], {
+        captchaType: c,
+        siteKey: n,
+        callback: a
+      }, !0, !0);
+      d.push(...i), o.addEventListener("click", async (l) => {
+        l.preventDefault(), L();
+      });
+    }
+}, ge = async (e, t) => {
+  if (Object.prototype.hasOwnProperty.call(t, "size") && t.size === "invisible" || e.tagName.toLowerCase() === "button") {
+    const a = await w.createWidgets([e], t, !0, !0);
+    d.push(...a);
+    return;
+  }
+  const n = await w.createWidgets([e], t);
+  d.push(...n);
+};
+function f(e) {
+  document && document.readyState !== "loading" ? e() : document.addEventListener("DOMContentLoaded", () => {
+    e();
+  });
+}
+const L = () => {
+  var e;
+  const t = me();
+  if (t.length === 0) {
+    console.error("No Procaptcha containers found for execution");
+    return;
+  }
+  const o = new CustomEvent(pe, {
+    detail: {
+      containerId: ((e = t[0]) == null ? void 0 : e.id) || "procaptcha-container",
+      containerCount: t.length,
+      timestamp: Date.now()
+    },
+    bubbles: !0,
+    cancelable: !0
+  });
+  document.dispatchEvent(o);
+};
+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"]')), n = Array.from(document.getElementsByClassName("p-procaptcha"));
+  e.push(...n);
+  for (const a of o)
+    e.includes(a) || e.push(a);
+  return e;
+}
+const N = () => {
+  var e, t;
+  const { onloadUrlCallback: o, renderExplicit: n } = he(E);
+  let a = !1;
+  if (n !== "explicit" && ((e = R(E)) == null || e.addEventListener("load", () => {
+    f(D), a = !0;
+  }), document.readyState === "complete" && !a && f(D)), o && ((t = R(E)) == null || t.addEventListener("load", () => {
+    const c = m(o);
+    f(c);
+  }), document.readyState === "complete" && !a)) {
+    const c = m(o);
+    f(c);
+  }
+}, be = () => {
+  for (const e of d)
+    e.unmount();
+  d = [], N();
+};
+window.procaptcha = { ready: f, render: ge, reset: be, execute: L };
+N();
+export {
+  p as A,
+  g as C,
+  S as W,
+  k as a,
+  se as b,
+  f as c,
+  de as d,
+  L as e,
+  be as f,
+  U as g,
+  M as l,
+  ge as r
+};