@prosopo/procaptcha-bundle 3.0.13 → 3.1.6

package/dist/bundle/{zodChunk-wTu9ZHzV.js → zodChunk-aEfPZzrp.js}

@@ -2867,9 +2867,9 @@ var Lt = /* @__PURE__ */ Object.freeze({
 export {
   $e as a,
   mt as b,
-  Ae as c,
-  ct as d,
-  Pe as e,
+  Pe as c,
+  Ae as d,
+  ct as e,
   Vt as f,
   Nt as g,
   Ct as l,

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const types = require("@prosopo/types");
 const captchaComponentsList = require("./captchaComponentsList.cjs");
 class CaptchaComponentProvider {
@@ -15,7 +15,8 @@ class CaptchaComponentProvider {
       {
         config: captchaProps.config,
         callbacks: captchaProps.callbacks,
-        i18n: captchaProps.i18n
+        i18n: captchaProps.i18n,
+        container: captchaProps.container
       }
     );
   }

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const createCache = require("@emotion/cache");
 const react = require("@emotion/react");
 const client = require("react-dom/client");
@@ -11,7 +11,7 @@ class CaptchaRenderer {
   constructor(captchaComponentProvider) {
     this.captchaComponentProvider = captchaComponentProvider;
   }
-  renderCaptcha(settings, container, renderOptions, callbacks, isWeb2, i18n, invisible = false) {
+  renderCaptcha(settings, container, renderOptions, callbacks, isWeb2, i18n, invisible, widgetContainer) {
     const captchaType = renderOptions?.captchaType || settings.defaultCaptchaType;
     const config = configCreator.createConfig(
       renderOptions.siteKey,
@@ -35,7 +35,8 @@ class CaptchaRenderer {
       {
         config,
         i18n,
-        callbacks
+        callbacks,
+        container: widgetContainer
       }
     );
     this.renderCaptchaComponent(reactRoot, emotionCache, captchaComponent);

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

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
+const jsxRuntime = require("@emotion/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 { config, callbacks, i18n, container } = props;
   const [componentKey, setComponentKey] = react.useState(0);
   const restart = () => {
     setComponentKey((prevKey) => prevKey + 1);
@@ -16,7 +16,8 @@ const FrictionlessCaptcha = (props) => {
       config,
       callbacks: procaptchaCommon.getDefaultEvents(callbacks),
       restart,
-      i18n
+      i18n,
+      container
     },
     componentKey
   );

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const procaptchaCommon = require("@prosopo/procaptcha-common");
 const procaptchaReact = require("@prosopo/procaptcha-react");
 const ImageCaptcha = (props) => {

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const procaptchaCommon = require("@prosopo/procaptcha-common");
 const procaptchaPow = require("@prosopo/procaptcha-pow");
 const PowCaptcha = (props) => {

package/dist/cjs/util/widgetFactory.cjs

@@ -38,16 +38,20 @@ class WidgetFactory {
     );
     const widgetTheme = "light" === renderOptions.theme ? widgetSkeleton.lightTheme : widgetSkeleton.darkTheme;
     let widgetInteractiveArea;
+    let widgetContainer;
     if (invisible) {
       const newDiv = document.createElement("div");
       container.appendChild(newDiv);
       widgetInteractiveArea = newDiv;
+      widgetContainer = newDiv;
     } else {
-      widgetInteractiveArea = widgetSkeleton.createWidgetSkeleton(
+      const widgetResult = widgetSkeleton.createWidgetSkeleton(
         container,
         widgetTheme,
         "prosopo-procaptcha"
       );
+      widgetInteractiveArea = widgetResult.widgetInteractiveArea;
+      widgetContainer = widgetResult.webComponent;
     }
     const captchaRenderer = await this.getCaptchaRenderer();
     const captchaRoot = captchaRenderer.renderCaptcha(
@@ -62,7 +66,8 @@ class WidgetFactory {
       callbacks,
       isWeb2,
       this.i18n,
-      invisible
+      invisible,
+      widgetContainer
     );
     return captchaRoot;
   }

package/dist/util/captcha/captchaComponentProvider.js

@@ -1,4 +1,4 @@
-import { jsx } from "react/jsx-runtime";
+import { jsx } from "@emotion/react/jsx-runtime";
 import { CaptchaType } from "@prosopo/types";
 import { captchaComponentsList } from "./captchaComponentsList.js";
 class CaptchaComponentProvider {
@@ -13,7 +13,8 @@ class CaptchaComponentProvider {
       {
         config: captchaProps.config,
         callbacks: captchaProps.callbacks,
-        i18n: captchaProps.i18n
+        i18n: captchaProps.i18n,
+        container: captchaProps.container
       }
     );
   }

package/dist/util/captcha/captchaRenderer.js

@@ -1,4 +1,4 @@
-import { jsx } from "react/jsx-runtime";
+import { jsx } from "@emotion/react/jsx-runtime";
 import createCache from "@emotion/cache";
 import { CacheProvider } from "@emotion/react";
 import { createRoot } from "react-dom/client";
@@ -9,7 +9,7 @@ class CaptchaRenderer {
   constructor(captchaComponentProvider) {
     this.captchaComponentProvider = captchaComponentProvider;
   }
-  renderCaptcha(settings, container, renderOptions, callbacks, isWeb2, i18n, invisible = false) {
+  renderCaptcha(settings, container, renderOptions, callbacks, isWeb2, i18n, invisible, widgetContainer) {
     const captchaType = renderOptions?.captchaType || settings.defaultCaptchaType;
     const config = createConfig(
       renderOptions.siteKey,
@@ -33,7 +33,8 @@ class CaptchaRenderer {
       {
         config,
         i18n,
-        callbacks
+        callbacks,
+        container: widgetContainer
       }
     );
     this.renderCaptchaComponent(reactRoot, emotionCache, captchaComponent);

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

@@ -1,9 +1,9 @@
-import { jsx } from "react/jsx-runtime";
+import { jsx } from "@emotion/react/jsx-runtime";
 import { getDefaultEvents } from "@prosopo/procaptcha-common";
 import { ProcaptchaFrictionless } from "@prosopo/procaptcha-frictionless";
 import { useState } from "react";
 const FrictionlessCaptcha = (props) => {
-  const { config, callbacks, i18n } = props;
+  const { config, callbacks, i18n, container } = props;
   const [componentKey, setComponentKey] = useState(0);
   const restart = () => {
     setComponentKey((prevKey) => prevKey + 1);
@@ -14,7 +14,8 @@ const FrictionlessCaptcha = (props) => {
       config,
       callbacks: getDefaultEvents(callbacks),
       restart,
-      i18n
+      i18n,
+      container
     },
     componentKey
   );

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

@@ -1,4 +1,4 @@
-import { jsx } from "react/jsx-runtime";
+import { jsx } from "@emotion/react/jsx-runtime";
 import { getDefaultEvents } from "@prosopo/procaptcha-common";
 import { Procaptcha } from "@prosopo/procaptcha-react";
 const ImageCaptcha = (props) => {

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

@@ -1,4 +1,4 @@
-import { jsx } from "react/jsx-runtime";
+import { jsx } from "@emotion/react/jsx-runtime";
 import { getDefaultEvents } from "@prosopo/procaptcha-common";
 import { ProcaptchaPow } from "@prosopo/procaptcha-pow";
 const PowCaptcha = (props) => {

package/dist/util/widgetFactory.js

@@ -36,16 +36,20 @@ class WidgetFactory {
     );
     const widgetTheme = "light" === renderOptions.theme ? lightTheme : darkTheme;
     let widgetInteractiveArea;
+    let widgetContainer;
     if (invisible) {
       const newDiv = document.createElement("div");
       container.appendChild(newDiv);
       widgetInteractiveArea = newDiv;
+      widgetContainer = newDiv;
     } else {
-      widgetInteractiveArea = createWidgetSkeleton(
+      const widgetResult = createWidgetSkeleton(
         container,
         widgetTheme,
         "prosopo-procaptcha"
       );
+      widgetInteractiveArea = widgetResult.widgetInteractiveArea;
+      widgetContainer = widgetResult.webComponent;
     }
     const captchaRenderer = await this.getCaptchaRenderer();
     const captchaRoot = captchaRenderer.renderCaptcha(
@@ -60,7 +64,8 @@ class WidgetFactory {
       callbacks,
       isWeb2,
       this.i18n,
-      invisible
+      invisible,
+      widgetContainer
     );
     return captchaRoot;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@prosopo/procaptcha-bundle",
-	"version": "3.0.13",
+	"version": "3.1.6",
 	"author": "PROSOPO LIMITED <info@prosopo.io>",
 	"license": "Apache-2.0",
 	"main": "dist/index.js",
@@ -28,7 +28,7 @@
 		"build": "NODE_ENV=${NODE_ENV:-development}; vite build --config vite.esm.config.ts --mode $NODE_ENV",
 		"build:tsc": "tsc --build --verbose",
 		"build:cjs": "NODE_ENV=${NODE_ENV:-development}; vite build --config vite.cjs.config.ts --mode $NODE_ENV",
-		"typecheck": "tsc --build --declaration --emitDeclarationOnly",
+		"typecheck": "tsc --project tsconfig.types.json",
 		"bundle": "NODE_ENV=${NODE_ENV:-development}; vite build --config vite.config.ts --mode $NODE_ENV",
 		"start": "NODE_ENV=${NODE_ENV:-development}; vite serve --mode $NODE_ENV --host",
 		"bundle:webpack": "NODE_ENV=${NODE_ENV:-development}; MODE=${MODE:-$NODE_ENV}; webpack build --config webpack.config.cjs --mode $MODE",
@@ -37,25 +37,23 @@
 	},
 	"browserslist": ["> 0.5%, last 2 versions, not dead"],
 	"dependencies": {
-		"@prosopo/common": "3.1.2",
-		"@prosopo/dotenv": "3.0.7",
-		"@prosopo/locale": "3.1.2",
-		"@prosopo/procaptcha-frictionless": "2.6.32",
-		"@prosopo/procaptcha-pow": "2.7.18",
-		"@prosopo/procaptcha-react": "2.6.32",
-		"@prosopo/types": "3.0.6",
-		"@prosopo/util": "3.0.5",
-		"@prosopo/util-crypto": "13.5.4",
-		"@prosopo/widget-skeleton": "2.6.3",
-		"@typegoose/auto-increment": "4.13.0",
-		"axios": "1.10.0",
-		"esbuild": "0.25.6",
-		"express": "4.21.2",
-		"openpgp": "5.11.3",
+		"@prosopo/dotenv": "3.0.25",
+		"@prosopo/locale": "3.1.20",
+		"@prosopo/procaptcha-common": "2.9.5",
+		"@prosopo/procaptcha-frictionless": "2.8.6",
+		"@prosopo/procaptcha-pow": "2.8.13",
+		"@prosopo/procaptcha-react": "2.9.5",
+		"@prosopo/types": "3.5.3",
+		"@prosopo/util": "3.1.5",
+		"@prosopo/widget-skeleton": "2.7.6",
+		"@prosopo/config": "3.1.20",
+		"dotenv": "16.4.5",
+		"fast-glob": "3.3.2",
+		"jsdom": "25.0.0",
 		"react": "18.3.1",
-		"react-dom": "18.3.1",
-		"@prosopo/config": "3.1.3",
-		"webpack-dev-server": "5.2.2"
+		"@emotion/cache": "11.11.0",
+		"@emotion/react": "11.11.1",
+		"react-dom": "18.3.1"
 	},
 	"repository": {
 		"type": "git",
@@ -71,6 +69,7 @@
 	},
 	"devDependencies": {
 		"@types/jsdom": "21.1.7",
+		"@types/node": "22.10.2",
 		"@types/react": "18.3.1",
 		"@types/react-dom": "18.3.1",
 		"@vitest/coverage-v8": "3.0.9",