@prosopo/procaptcha-bundle 2.5.3 → 2.6.1

package/dist/bundle/{useTranslation-7b6JJ18N.js → useTranslation-BPbGzrhj.js}

@@ -1,6 +1,6 @@
-import { p as X, r as p } from "./emotion-element-5486c51c.browser.esm-Bywq83R5.js";
-import { s as Y } from "./toU8a-BWKf-2UU.js";
-import { g as q, a as B, i as K } from "./i18nFrontend-C_RgmvGh.js";
+import { n as X, r as p } from "./emotion-element-5486c51c.browser.esm-CCAJ8JId.js";
+import { s as Y } from "./toU8a-C68WUzs_.js";
+import { g as q, a as B, i as K } from "./i18nFrontend-CsPT71ro.js";
 function re(e) {
   return X(Y(e));
 }

package/dist/bundle/util/captcha/captchaRenderer.d.ts

@@ -14,8 +14,8 @@ interface RenderSettings {
 declare class CaptchaRenderer {
     private readonly captchaComponentProvider;
     constructor(captchaComponentProvider: CaptchaComponentProvider);
-    renderCaptcha(settings: RenderSettings, container: HTMLElement, renderOptions: ProcaptchaRenderOptions, isWeb2: boolean, i18n: Ti18n, invisible?: boolean): Root;
-    protected readAndValidateSettings(element: Element, callbacks: Callbacks, config: ProcaptchaClientConfigOutput, renderOptions: ProcaptchaRenderOptions): void;
+    renderCaptcha(settings: RenderSettings, container: HTMLElement, renderOptions: ProcaptchaRenderOptions, callbacks: Callbacks, isWeb2: boolean, i18n: Ti18n, invisible?: boolean): Root;
+    protected readAndValidateSettings(element: Element, config: ProcaptchaClientConfigOutput, renderOptions: ProcaptchaRenderOptions): void;
     protected makeEmotionCache(cacheKey: string, container: HTMLElement): EmotionCache;
     protected createReactRoot(container: HTMLElement, identifierPrefix: string): Root;
     protected renderCaptchaComponent(reactRoot: Root, emotionCache: EmotionCache, captchaComponent: ReactNode): void;

package/dist/bundle/util/captcha/captchaRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"captchaRenderer.d.ts","sourceRoot":"","sources":["../../../../src/util/captcha/captchaRenderer.tsx"],"names":[],"mappings":"AAcA,OAAoB,EAAE,KAAK,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEhE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAK7C,OAAO,KAAK,EACX,SAAS,EACT,4BAA4B,EAC5B,uBAAuB,EACvB,MAAM,gBAAgB,CAAC;AACxB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,KAAK,IAAI,EAAc,MAAM,kBAAkB,CAAC;AAKzD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAE9E,UAAU,cAAc;IACvB,gBAAgB,EAAE,MAAM,CAAC;IACzB,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,MAAM,CAAC;IACxB,kBAAkB,EAAE,WAAW,CAAC;CAChC;AAED,cAAM,eAAe;IACpB,OAAO,CAAC,QAAQ,CAAC,wBAAwB,CAA2B;gBAExD,wBAAwB,EAAE,wBAAwB;IAIvD,aAAa,CACnB,QAAQ,EAAE,cAAc,EACxB,SAAS,EAAE,WAAW,EACtB,aAAa,EAAE,uBAAuB,EACtC,MAAM,EAAE,OAAO,EACf,IAAI,EAAE,KAAK,EACX,SAAS,UAAQ,GACf,IAAI;IAwCP,SAAS,CAAC,uBAAuB,CAChC,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,4BAA4B,EACpC,aAAa,EAAE,uBAAuB,GACpC,IAAI;IAMP,SAAS,CAAC,gBAAgB,CACzB,QAAQ,EAAE,MAAM,EAChB,SAAS,EAAE,WAAW,GACpB,YAAY;IAQf,SAAS,CAAC,eAAe,CACxB,SAAS,EAAE,WAAW,EACtB,gBAAgB,EAAE,MAAM,GACtB,IAAI;IAMP,SAAS,CAAC,sBAAsB,CAC/B,SAAS,EAAE,IAAI,EACf,YAAY,EAAE,YAAY,EAC1B,gBAAgB,EAAE,SAAS,GACzB,IAAI;CAKP;AAED,OAAO,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"captchaRenderer.d.ts","sourceRoot":"","sources":["../../../../src/util/captcha/captchaRenderer.tsx"],"names":[],"mappings":"AAcA,OAAoB,EAAE,KAAK,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEhE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,KAAK,EACX,SAAS,EACT,4BAA4B,EAC5B,uBAAuB,EACvB,MAAM,gBAAgB,CAAC;AACxB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,KAAK,IAAI,EAAc,MAAM,kBAAkB,CAAC;AAIzD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAE9E,UAAU,cAAc;IACvB,gBAAgB,EAAE,MAAM,CAAC;IACzB,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,MAAM,CAAC;IACxB,kBAAkB,EAAE,WAAW,CAAC;CAChC;AAED,cAAM,eAAe;IACpB,OAAO,CAAC,QAAQ,CAAC,wBAAwB,CAA2B;gBAExD,wBAAwB,EAAE,wBAAwB;IAIvD,aAAa,CACnB,QAAQ,EAAE,cAAc,EACxB,SAAS,EAAE,WAAW,EACtB,aAAa,EAAE,uBAAuB,EACtC,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,OAAO,EACf,IAAI,EAAE,KAAK,EACX,SAAS,UAAQ,GACf,IAAI;IAsCP,SAAS,CAAC,uBAAuB,CAChC,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,4BAA4B,EACpC,aAAa,EAAE,uBAAuB,GACpC,IAAI;IAKP,SAAS,CAAC,gBAAgB,CACzB,QAAQ,EAAE,MAAM,EAChB,SAAS,EAAE,WAAW,GACpB,YAAY;IAQf,SAAS,CAAC,eAAe,CACxB,SAAS,EAAE,WAAW,EACtB,gBAAgB,EAAE,MAAM,GACtB,IAAI;IAMP,SAAS,CAAC,sBAAsB,CAC/B,SAAS,EAAE,IAAI,EACf,YAAY,EAAE,YAAY,EAC1B,gBAAgB,EAAE,SAAS,GACzB,IAAI;CAKP;AAED,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/bundle/util/configCreator.d.ts

@@ -1,5 +1,5 @@
-import type { LanguageSchema } from "@prosopo/locale";
+import type { Languages } from "@prosopo/locale";
 import { type ProcaptchaClientConfigOutput } from "@prosopo/types";
-declare function createConfig(siteKey?: string, theme?: "light" | "dark", language?: typeof LanguageSchema, web2?: boolean, invisible?: boolean): ProcaptchaClientConfigOutput;
+declare function createConfig(siteKey?: string, theme?: "light" | "dark", language?: (typeof Languages)[keyof typeof Languages], web2?: boolean, invisible?: boolean): ProcaptchaClientConfigOutput;
 export { createConfig };
 //# sourceMappingURL=configCreator.d.ts.map

package/dist/bundle/util/configCreator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"configCreator.d.ts","sourceRoot":"","sources":["../../../src/util/configCreator.ts"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAEN,KAAK,4BAA4B,EAEjC,MAAM,gBAAgB,CAAC;AAExB,iBAAS,YAAY,CACpB,OAAO,CAAC,EAAE,MAAM,EAChB,KAAK,GAAE,OAAO,GAAG,MAAgB,EACjC,QAAQ,CAAC,EAAE,OAAO,cAAc,EAChC,IAAI,UAAO,EACX,SAAS,UAAQ,GACf,4BAA4B,CAqB9B;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"configCreator.d.ts","sourceRoot":"","sources":["../../../src/util/configCreator.ts"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAEN,KAAK,4BAA4B,EAEjC,MAAM,gBAAgB,CAAC;AAExB,iBAAS,YAAY,CACpB,OAAO,CAAC,EAAE,MAAM,EAChB,KAAK,GAAE,OAAO,GAAG,MAAgB,EACjC,QAAQ,CAAC,EAAE,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,OAAO,SAAS,CAAC,EACrD,IAAI,UAAO,EACX,SAAS,UAAQ,GACf,4BAA4B,CAqB9B;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/bundle/util/widgetFactory.d.ts

@@ -1,5 +1,5 @@
 import type { Ti18n } from "@prosopo/locale";
-import { type ProcaptchaRenderOptions } from "@prosopo/types";
+import { type Callbacks, type ProcaptchaRenderOptions } from "@prosopo/types";
 import type { Root } from "react-dom/client";
 import type { CaptchaRenderer } from "./captcha/captchaRenderer.js";
 import type { WidgetThemeResolver } from "./widgetThemeResolver.js";
@@ -10,7 +10,7 @@ declare class WidgetFactory {
     constructor(widgetThemeResolver: WidgetThemeResolver);
     get i18n(): Ti18n;
     createWidgets(containers: Element[], renderOptions: ProcaptchaRenderOptions, isWeb2?: boolean, invisible?: boolean): Promise<Root[]>;
-    createWidget(container: Element, renderOptions: ProcaptchaRenderOptions, isWeb2?: boolean, invisible?: boolean): Promise<Root>;
+    createWidget(container: Element, renderOptions: ProcaptchaRenderOptions, callbacks: Callbacks, isWeb2?: boolean, invisible?: boolean): Promise<Root>;
     protected getCaptchaRenderer(): Promise<CaptchaRenderer>;
     protected createCaptchaRenderer(): Promise<CaptchaRenderer>;
 }

package/dist/bundle/util/widgetFactory.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"widgetFactory.d.ts","sourceRoot":"","sources":["../../../src/util/widgetFactory.ts"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAe,KAAK,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;AAM3E,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAEpE,cAAM,aAAa;IAKjB,OAAO,CAAC,QAAQ,CAAC,mBAAmB;IAJrC,OAAO,CAAC,eAAe,CAAgC;IACvD,OAAO,CAAC,KAAK,CAAsB;gBAGjB,mBAAmB,EAAE,mBAAmB;IAG1D,IAAI,IAAI,IAAI,KAAK,CAKhB;IAEY,aAAa,CACzB,UAAU,EAAE,OAAO,EAAE,EACrB,aAAa,EAAE,uBAAuB,EACtC,MAAM,UAAO,EACb,SAAS,UAAQ,GACf,OAAO,CAAC,IAAI,EAAE,CAAC;IAQL,YAAY,CACxB,SAAS,EAAE,OAAO,EAClB,aAAa,EAAE,uBAAuB,EACtC,MAAM,UAAO,EACb,SAAS,UAAQ,GACf,OAAO,CAAC,IAAI,CAAC;cA8CA,kBAAkB,IAAI,OAAO,CAAC,eAAe,CAAC;cAY9C,qBAAqB,IAAI,OAAO,CAAC,eAAe,CAAC;CAUjE;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"widgetFactory.d.ts","sourceRoot":"","sources":["../../../src/util/widgetFactory.ts"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAK7C,OAAO,EACN,KAAK,SAAS,EAGd,KAAK,uBAAuB,EAC5B,MAAM,gBAAgB,CAAC;AAMxB,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAEpE,cAAM,aAAa;IAKjB,OAAO,CAAC,QAAQ,CAAC,mBAAmB;IAJrC,OAAO,CAAC,eAAe,CAAgC;IACvD,OAAO,CAAC,KAAK,CAAsB;gBAGjB,mBAAmB,EAAE,mBAAmB;IAG1D,IAAI,IAAI,IAAI,KAAK,CAKhB;IAEY,aAAa,CACzB,UAAU,EAAE,OAAO,EAAE,EACrB,aAAa,EAAE,uBAAuB,EACtC,MAAM,UAAO,EACb,SAAS,UAAQ,GACf,OAAO,CAAC,IAAI,EAAE,CAAC;IAgBL,YAAY,CACxB,SAAS,EAAE,OAAO,EAClB,aAAa,EAAE,uBAAuB,EACtC,SAAS,EAAE,SAAS,EACpB,MAAM,UAAO,EACb,SAAS,UAAQ,GACf,OAAO,CAAC,IAAI,CAAC;cA+CA,kBAAkB,IAAI,OAAO,CAAC,eAAe,CAAC;cAY9C,qBAAqB,IAAI,OAAO,CAAC,eAAe,CAAC;CAUjE;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/cjs/index.cjs

@@ -0,0 +1,163 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const procaptchaCommon = require("@prosopo/procaptcha-common");
+const util = require("@prosopo/util");
+const captchaType = require("./util/captcha/captchaType.cjs");
+const config = require("./util/config.cjs");
+const widgetFactory$1 = require("./util/widgetFactory.cjs");
+const widgetThemeResolver = require("./util/widgetThemeResolver.cjs");
+const BUNDLE_NAME = "procaptcha.bundle.js";
+let procaptchaRoots = [];
+const widgetFactory = new widgetFactory$1.WidgetFactory(new widgetThemeResolver.WidgetThemeResolver());
+const PROCAPTCHA_EXECUTE_EVENT = "procaptcha:execute";
+const implicitRender = async () => {
+  const elements = Array.from(
+    document.getElementsByClassName("procaptcha")
+  ).filter((element) => element.tagName.toLowerCase() !== "button");
+  if (elements.length) {
+    const siteKey = util.at(elements, 0).getAttribute("data-sitekey");
+    const web3 = util.at(elements, 0).getAttribute("data-web3");
+    if (!siteKey) {
+      console.error("No siteKey found");
+      return;
+    }
+    const captchaType$1 = captchaType.getCaptchaType(elements);
+    const root = await widgetFactory.createWidgets(
+      elements,
+      {
+        captchaType: captchaType$1,
+        siteKey
+      },
+      !(web3 === "true")
+    );
+    procaptchaRoots.push(...root);
+  }
+  const invisibleButtons = Array.from(
+    document.getElementsByClassName("procaptcha")
+  ).filter((button) => button.tagName.toLowerCase() === "button");
+  if (invisibleButtons.length) {
+    for (const button of invisibleButtons) {
+      const siteKey = button.getAttribute("data-sitekey") || "";
+      const callback = button.getAttribute("data-callback") || "";
+      const captchaType$1 = captchaType.getCaptchaType([button]);
+      const root = await widgetFactory.createWidgets(
+        [button],
+        {
+          captchaType: captchaType$1,
+          siteKey,
+          callback
+        },
+        true,
+        true
+      );
+      procaptchaRoots.push(...root);
+      button.addEventListener("click", async (event) => {
+        event.preventDefault();
+        execute();
+      });
+    }
+  }
+};
+const render = async (element, renderOptions) => {
+  const hasInvisibleSize = Object.prototype.hasOwnProperty.call(renderOptions, "size") && renderOptions.size === "invisible";
+  if (hasInvisibleSize || element.tagName.toLowerCase() === "button") {
+    const roots2 = await widgetFactory.createWidgets(
+      [element],
+      renderOptions,
+      true,
+      true
+    );
+    procaptchaRoots.push(...roots2);
+    return;
+  }
+  const roots = await widgetFactory.createWidgets([element], renderOptions);
+  procaptchaRoots.push(...roots);
+};
+function ready(fn) {
+  if (document && document.readyState !== "loading") {
+    console.log("document.readyState ready!");
+    fn();
+  } else {
+    console.log("DOMContentLoaded listener!");
+    document.addEventListener("DOMContentLoaded", () => {
+      console.log("DOMContentLoaded fired");
+      console.log(window);
+      fn();
+    });
+  }
+}
+const execute = () => {
+  const containers = findProcaptchaContainers();
+  if (containers.length === 0) {
+    console.error("No Procaptcha containers found for execution");
+    return;
+  }
+  const executeEvent = new CustomEvent(PROCAPTCHA_EXECUTE_EVENT, {
+    detail: {
+      containerId: containers[0]?.id || "procaptcha-container",
+      containerCount: containers.length,
+      timestamp: Date.now()
+    },
+    bubbles: true,
+    cancelable: true
+  });
+  document.dispatchEvent(executeEvent);
+};
+function findProcaptchaContainers() {
+  const containers = [];
+  const invisibleContainers = Array.from(
+    document.querySelectorAll('[data-size="invisible"]')
+  );
+  containers.push(...invisibleContainers);
+  const idContainers = Array.from(
+    document.querySelectorAll(
+      '#procaptcha-container, [id$="-procaptcha-container"]'
+    )
+  );
+  const classContainers = Array.from(
+    document.getElementsByClassName("p-procaptcha")
+  );
+  containers.push(...classContainers);
+  for (const container of idContainers) {
+    if (!containers.includes(container)) {
+      containers.push(container);
+    }
+  }
+  return containers;
+}
+const start = () => {
+  const { onloadUrlCallback, renderExplicit } = config.extractParams(BUNDLE_NAME);
+  let readyCalled = false;
+  if (renderExplicit !== "explicit") {
+    config.getProcaptchaScript(BUNDLE_NAME)?.addEventListener("load", () => {
+      ready(implicitRender);
+      readyCalled = true;
+    });
+    if (document.readyState === "complete" && !readyCalled) {
+      ready(implicitRender);
+    }
+  }
+  if (onloadUrlCallback) {
+    config.getProcaptchaScript(BUNDLE_NAME)?.addEventListener("load", () => {
+      const onloadCallback = procaptchaCommon.getWindowCallback(onloadUrlCallback);
+      ready(onloadCallback);
+    });
+    if (document.readyState === "complete" && !readyCalled) {
+      const onloadCallback = procaptchaCommon.getWindowCallback(onloadUrlCallback);
+      ready(onloadCallback);
+    }
+  }
+};
+const reset = () => {
+  for (const root of procaptchaRoots) {
+    root.unmount();
+  }
+  procaptchaRoots = [];
+  start();
+};
+window.procaptcha = { ready, render, reset, execute };
+start();
+exports.default = ready;
+exports.execute = execute;
+exports.render = render;
+exports.reset = reset;

package/dist/cjs/util/captcha/captchaComponentProvider.cjs

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const captchaComponentsList = require("./captchaComponentsList.cjs");
+class CaptchaComponentProvider {
+  getCaptchaComponent(captchaType, captchaProps) {
+    const CaptchaComponent = captchaComponentsList.captchaComponentsList[captchaType];
+    console.log(`rendering ${captchaType}`);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      CaptchaComponent,
+      {
+        config: captchaProps.config,
+        callbacks: captchaProps.callbacks,
+        i18n: captchaProps.i18n
+      }
+    );
+  }
+}
+exports.CaptchaComponentProvider = CaptchaComponentProvider;

package/dist/cjs/util/captcha/captchaComponentsList.cjs

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const types = require("@prosopo/types");
+const frictionlessCaptcha = require("./components/frictionlessCaptcha.cjs");
+const imageCaptcha = require("./components/imageCaptcha.cjs");
+const powCaptcha = require("./components/powCaptcha.cjs");
+const captchaComponentsList = {
+  [types.CaptchaType.image]: imageCaptcha.ImageCaptcha,
+  [types.CaptchaType.pow]: powCaptcha.PowCaptcha,
+  [types.CaptchaType.frictionless]: frictionlessCaptcha.FrictionlessCaptcha
+};
+exports.captchaComponentsList = captchaComponentsList;

package/dist/cjs/util/captcha/captchaRenderer.cjs

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const createCache = require("@emotion/cache");
+const react = require("@emotion/react");
+const client = require("react-dom/client");
+const configCreator = require("../configCreator.cjs");
+const language = require("../language.cjs");
+const timeout = require("../timeout.cjs");
+class CaptchaRenderer {
+  constructor(captchaComponentProvider) {
+    this.captchaComponentProvider = captchaComponentProvider;
+  }
+  renderCaptcha(settings, container, renderOptions, callbacks, isWeb2, i18n, invisible = false) {
+    const captchaType = renderOptions?.captchaType || settings.defaultCaptchaType;
+    const config = configCreator.createConfig(
+      renderOptions.siteKey,
+      renderOptions.theme,
+      renderOptions.language,
+      isWeb2,
+      invisible
+    );
+    this.readAndValidateSettings(container, config, renderOptions);
+    const reactRoot = this.createReactRoot(
+      container,
+      settings.identifierPrefix
+    );
+    const emotionCache = this.makeEmotionCache(
+      settings.emotionCacheKey,
+      container
+    );
+    const captchaComponent = this.captchaComponentProvider.getCaptchaComponent(
+      captchaType,
+      {
+        config,
+        i18n,
+        callbacks
+      }
+    );
+    this.renderCaptchaComponent(reactRoot, emotionCache, captchaComponent);
+    return reactRoot;
+  }
+  readAndValidateSettings(element, config, renderOptions) {
+    timeout.setValidChallengeLength(renderOptions, element, config);
+    language.setLanguage(renderOptions, element, config);
+  }
+  makeEmotionCache(cacheKey, container) {
+    return createCache({
+      key: cacheKey,
+      prepend: true,
+      container
+    });
+  }
+  createReactRoot(container, identifierPrefix) {
+    return client.createRoot(container, {
+      identifierPrefix
+    });
+  }
+  renderCaptchaComponent(reactRoot, emotionCache, captchaComponent) {
+    reactRoot.render(
+      /* @__PURE__ */ jsxRuntime.jsx(react.CacheProvider, { value: emotionCache, children: captchaComponent })
+    );
+  }
+}
+exports.CaptchaRenderer = CaptchaRenderer;

package/dist/cjs/util/captcha/captchaType.cjs

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const types = require("@prosopo/types");
+const util = require("@prosopo/util");
+function getCaptchaType(elements) {
+  const features = Object.values(types.CaptchaType);
+  const captchaType = features.find(
+    (feature) => feature === util.at(elements, 0).getAttribute("data-captcha-type")
+  ) || "frictionless";
+  return captchaType;
+}
+exports.getCaptchaType = getCaptchaType;

package/dist/cjs/util/captcha/components/frictionlessCaptcha.cjs

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const procaptchaCommon = require("@prosopo/procaptcha-common");
+const procaptchaFrictionless = require("@prosopo/procaptcha-frictionless");
+const react = require("react");
+const FrictionlessCaptcha = (props) => {
+  const { config, callbacks, i18n } = props;
+  const [componentKey, setComponentKey] = react.useState(0);
+  const restart = () => {
+    setComponentKey((prevKey) => prevKey + 1);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    procaptchaFrictionless.ProcaptchaFrictionless,
+    {
+      config,
+      callbacks: procaptchaCommon.getDefaultEvents(callbacks),
+      restart,
+      i18n
+    },
+    componentKey
+  );
+};
+exports.FrictionlessCaptcha = FrictionlessCaptcha;

package/dist/cjs/util/captcha/components/imageCaptcha.cjs

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const procaptchaCommon = require("@prosopo/procaptcha-common");
+const procaptchaReact = require("@prosopo/procaptcha-react");
+const ImageCaptcha = (props) => {
+  const { config, callbacks, i18n } = props;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    procaptchaReact.Procaptcha,
+    {
+      config,
+      callbacks: procaptchaCommon.getDefaultEvents(callbacks),
+      i18n
+    }
+  );
+};
+exports.ImageCaptcha = ImageCaptcha;

package/dist/cjs/util/captcha/components/powCaptcha.cjs

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const procaptchaCommon = require("@prosopo/procaptcha-common");
+const procaptchaPow = require("@prosopo/procaptcha-pow");
+const PowCaptcha = (props) => {
+  const { config, callbacks, i18n } = props;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    procaptchaPow.ProcaptchaPow,
+    {
+      config,
+      callbacks: procaptchaCommon.getDefaultEvents(callbacks),
+      i18n
+    }
+  );
+};
+exports.PowCaptcha = PowCaptcha;

package/dist/cjs/util/config.cjs

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const getProcaptchaScript = (name) => document.querySelector(`script[src*="${name}"]`);
+const extractParams = (name) => {
+  const script = getProcaptchaScript(name);
+  if (script && script.src.indexOf(`${name}`) !== -1) {
+    const params = new URLSearchParams(script.src.split("?")[1]);
+    return {
+      onloadUrlCallback: params.get("onload") || void 0,
+      renderExplicit: params.get("render") || void 0
+    };
+  }
+  return { onloadUrlCallback: void 0, renderExplicit: void 0 };
+};
+exports.extractParams = extractParams;
+exports.getProcaptchaScript = getProcaptchaScript;

package/dist/cjs/util/configCreator.cjs

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const types = require("@prosopo/types");
+function createConfig(siteKey, theme = "light", language, web2 = true, invisible = false) {
+  if (!siteKey) {
+    siteKey = process.env.PROSOPO_SITE_KEY || "";
+  }
+  return types.ProcaptchaConfigSchema.parse({
+    defaultEnvironment: process.env.PROSOPO_DEFAULT_ENVIRONMENT ? types.EnvironmentTypesSchema.parse(process.env.PROSOPO_DEFAULT_ENVIRONMENT) : types.EnvironmentTypesSchema.enum.development,
+    userAccountAddress: "",
+    account: {
+      address: siteKey
+    },
+    serverUrl: process.env.PROSOPO_SERVER_URL || "",
+    mongoAtlasUri: process.env.PROSOPO_MONGO_EVENTS_URI || "",
+    devOnlyWatchEvents: process.env._DEV_ONLY_WATCH_EVENTS === "true" || false,
+    web2,
+    mode: invisible ? "invisible" : "visible",
+    theme,
+    language
+  });
+}
+exports.createConfig = createConfig;

package/dist/cjs/util/language.cjs

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const locale = require("@prosopo/locale");
+const setLanguage = (renderOptions, element, config) => {
+  const languageAttribute = renderOptions?.language || element.getAttribute("data-language");
+  if (languageAttribute) {
+    config.language = validateLanguage(languageAttribute);
+  }
+};
+const validateLanguage = (languageAttribute) => {
+  try {
+    return locale.LanguageSchema.parse(languageAttribute);
+  } catch (error) {
+    console.error(`Invalid language attribute: ${languageAttribute}`);
+    return locale.LanguageSchema.parse("en");
+  }
+};
+exports.setLanguage = setLanguage;

package/dist/cjs/util/timeout.cjs

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const setValidChallengeLength = (renderOptions, element, config) => {
+  const challengeValidLengthAttribute = renderOptions?.["challenge-valid-length"] || element.getAttribute("data-challenge-valid-length");
+  if (challengeValidLengthAttribute) {
+    config.captchas.image.solutionTimeout = Number.parseInt(
+      challengeValidLengthAttribute
+    );
+    config.captchas.pow.solutionTimeout = Number.parseInt(
+      challengeValidLengthAttribute
+    );
+  }
+};
+exports.setValidChallengeLength = setValidChallengeLength;

package/dist/cjs/util/widgetFactory.cjs

@@ -0,0 +1,84 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const locale = require("@prosopo/locale");
+const procaptchaCommon = require("@prosopo/procaptcha-common");
+const types = require("@prosopo/types");
+const widgetSkeleton = require("@prosopo/widget-skeleton");
+class WidgetFactory {
+  constructor(widgetThemeResolver) {
+    this.widgetThemeResolver = widgetThemeResolver;
+    this.captchaRenderer = null;
+    this._i18n = null;
+  }
+  get i18n() {
+    if (this._i18n === null) {
+      throw new Error("I18n is not initialized");
+    }
+    return this._i18n;
+  }
+  async createWidgets(containers, renderOptions, isWeb2 = true, invisible = false) {
+    return Promise.all(
+      containers.map((container) => {
+        const callbacks = procaptchaCommon.getDefaultCallbacks(container);
+        procaptchaCommon.setUserCallbacks(renderOptions, callbacks, container);
+        return this.createWidget(
+          container,
+          renderOptions,
+          callbacks,
+          isWeb2,
+          invisible
+        );
+      })
+    );
+  }
+  async createWidget(container, renderOptions, callbacks, isWeb2 = true, invisible = false) {
+    renderOptions.theme = this.widgetThemeResolver.resolveWidgetTheme(
+      container,
+      renderOptions
+    );
+    const widgetTheme = "light" === renderOptions.theme ? widgetSkeleton.lightTheme : widgetSkeleton.darkTheme;
+    let widgetInteractiveArea;
+    if (invisible) {
+      const newDiv = document.createElement("div");
+      container.appendChild(newDiv);
+      widgetInteractiveArea = newDiv;
+    } else {
+      widgetInteractiveArea = widgetSkeleton.createWidgetSkeleton(
+        container,
+        widgetTheme,
+        "prosopo-procaptcha"
+      );
+    }
+    const captchaRenderer = await this.getCaptchaRenderer();
+    const captchaRoot = captchaRenderer.renderCaptcha(
+      {
+        identifierPrefix: "procaptcha-",
+        emotionCacheKey: "procaptcha",
+        webComponentTag: "prosopo-procaptcha",
+        defaultCaptchaType: types.CaptchaType.frictionless
+      },
+      widgetInteractiveArea,
+      renderOptions,
+      callbacks,
+      isWeb2,
+      this.i18n,
+      invisible
+    );
+    return captchaRoot;
+  }
+  async getCaptchaRenderer() {
+    if (this._i18n === null) {
+      this._i18n = await locale.loadI18next(false);
+    }
+    if (this.captchaRenderer === null) {
+      this.captchaRenderer = await this.createCaptchaRenderer();
+    }
+    return this.captchaRenderer;
+  }
+  async createCaptchaRenderer() {
+    const CaptchaRenderer = (await Promise.resolve().then(() => require("./captcha/captchaRenderer.cjs"))).CaptchaRenderer;
+    const CaptchaComponentProvider = (await Promise.resolve().then(() => require("./captcha/captchaComponentProvider.cjs"))).CaptchaComponentProvider;
+    return new CaptchaRenderer(new CaptchaComponentProvider());
+  }
+}
+exports.WidgetFactory = WidgetFactory;

package/dist/cjs/util/widgetThemeResolver.cjs

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+class WidgetThemeResolver {
+  constructor() {
+    this.themesSet = /* @__PURE__ */ new Set(["light", "dark"]);
+    this.defaultTheme = "light";
+  }
+  resolveWidgetTheme(element, renderOptions) {
+    const themeAttribute = renderOptions.theme || element.getAttribute("data-theme") || this.defaultTheme;
+    return this.validateTheme(themeAttribute);
+  }
+  validateTheme(themeAttribute) {
+    return this.themesSet.has(themeAttribute) ? themeAttribute : this.defaultTheme;
+  }
+}
+exports.WidgetThemeResolver = WidgetThemeResolver;

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;AAiF9D,eAAO,MAAM,MAAM,YACT,OAAO,iBACD,uBAAuB,kBAoBtC,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAE,EAAE,MAAM,IAAI,QAQ3C;AAED,eAAO,MAAM,OAAO,YAqBnB,CAAC;AAiDF,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,MAAM;QACf,UAAU,EAAE;YACX,KAAK,EAAE,OAAO,KAAK,CAAC;YACpB,MAAM,EAAE,OAAO,MAAM,CAAC;YACtB,KAAK,EAAE,OAAO,KAAK,CAAC;YACpB,OAAO,EAAE,OAAO,OAAO,CAAC;SACxB,CAAC;KACF;CACD;AA2BD,eAAO,MAAM,KAAK,YAOjB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;AAiF9D,eAAO,MAAM,MAAM,YACT,OAAO,iBACD,uBAAuB,kBAoBtC,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAE,EAAE,MAAM,IAAI,QAY3C;AAED,eAAO,MAAM,OAAO,YAqBnB,CAAC;AAkCF,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,MAAM;QACf,UAAU,EAAE;YACX,KAAK,EAAE,OAAO,KAAK,CAAC;YACpB,MAAM,EAAE,OAAO,MAAM,CAAC;YACtB,KAAK,EAAE,OAAO,KAAK,CAAC;YACpB,OAAO,EAAE,OAAO,OAAO,CAAC;SACxB,CAAC;KACF;CACD;AAmCD,eAAO,MAAM,KAAK,YAOjB,CAAC"}

package/dist/index.js

@@ -61,7 +61,11 @@ export default function ready(fn) {
     }
     else {
         console.log("DOMContentLoaded listener!");
-        document.addEventListener("DOMContentLoaded", fn);
+        document.addEventListener("DOMContentLoaded", () => {
+            console.log("DOMContentLoaded fired");
+            console.log(window);
+            fn();
+        });
     }
 }
 export const execute = () => {
@@ -95,31 +99,25 @@ function findProcaptchaContainers() {
     }
     return containers;
 }
-function getElementAttributes(element) {
-    const attributes = {};
-    if (element?.attributes) {
-        for (let i = 0; i < element.attributes.length; i++) {
-            const attr = element.attributes[i];
-            if (attr?.name && attr.value !== undefined) {
-                attributes[attr.name] = attr.value;
-            }
-        }
-    }
-    return attributes;
-}
 const start = () => {
     const { onloadUrlCallback, renderExplicit } = extractParams(BUNDLE_NAME);
+    let readyCalled = false;
     if (renderExplicit !== "explicit") {
-        ready(implicitRender);
+        getProcaptchaScript(BUNDLE_NAME)?.addEventListener("load", () => {
+            ready(implicitRender);
+            readyCalled = true;
+        });
+        if (document.readyState === "complete" && !readyCalled) {
+            ready(implicitRender);
+        }
     }
     if (onloadUrlCallback) {
-        const onloadCallback = getWindowCallback(onloadUrlCallback);
-        let readyCalled = false;
         getProcaptchaScript(BUNDLE_NAME)?.addEventListener("load", () => {
+            const onloadCallback = getWindowCallback(onloadUrlCallback);
             ready(onloadCallback);
-            readyCalled = true;
         });
         if (document.readyState === "complete" && !readyCalled) {
+            const onloadCallback = getWindowCallback(onloadUrlCallback);
             ready(onloadCallback);
         }
     }