@prosopo/procaptcha-pow 1.0.2 → 2.0.1

package/dist/Services/Manager.d.ts

@@ -1,5 +1,6 @@
-import { ProcaptchaCallbacks, ProcaptchaClientConfigInput, ProcaptchaState, ProcaptchaStateUpdateFn } from '@prosopo/types';
+import { type ProcaptchaCallbacks, type ProcaptchaClientConfigInput, type ProcaptchaState, type ProcaptchaStateUpdateFn } from "@prosopo/types";
 export declare const Manager: (configInput: ProcaptchaClientConfigInput, state: ProcaptchaState, onStateUpdate: ProcaptchaStateUpdateFn, callbacks: ProcaptchaCallbacks) => {
     start: () => Promise<void>;
+    resetState: () => void;
 };
 //# sourceMappingURL=Manager.d.ts.map

package/dist/Services/Manager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Manager.d.ts","sourceRoot":"","sources":["../../src/Services/Manager.ts"],"names":[],"mappings":"AAaA,OAAO,EAGH,mBAAmB,EACnB,2BAA2B,EAG3B,eAAe,EACf,uBAAuB,EAE1B,MAAM,gBAAgB,CAAA;AAcvB,eAAO,MAAM,OAAO,gBACH,2BAA2B,SACjC,eAAe,iBACP,uBAAuB,aAC3B,mBAAmB;;CAiMjC,CAAA"}
+{"version":3,"file":"Manager.d.ts","sourceRoot":"","sources":["../../src/Services/Manager.ts"],"names":[],"mappings":"AAoBA,OAAO,EAGL,KAAK,mBAAmB,EACxB,KAAK,2BAA2B,EAGhC,KAAK,eAAe,EACpB,KAAK,uBAAuB,EAG7B,MAAM,gBAAgB,CAAC;AAGxB,eAAO,MAAM,OAAO,gBACL,2BAA2B,SACjC,eAAe,iBACP,uBAAuB,aAC3B,mBAAmB;;;CAwP/B,CAAC"}

package/dist/Services/Manager.js

@@ -1,15 +1,12 @@
-import { ApiParams, ProcaptchaConfigSchema, encodeProcaptchaOutput, } from '@prosopo/types';
-import { ApiPromise } from '@polkadot/api/promise/Api';
-import { ExtensionWeb2 } from '@prosopo/account';
-import { Keyring } from '@polkadot/keyring';
-import { ProsopoCaptchaContract, wrapQuery } from '@prosopo/contract';
-import { ProsopoEnvError, trimProviderUrl } from '@prosopo/common';
-import { ProviderApi } from '@prosopo/api';
-import { WsProvider } from '@polkadot/rpc-provider/ws';
-import { ContractAbi as abiJson } from '@prosopo/captcha-contract/contract-info';
-import { buildUpdateState, getDefaultEvents } from '@prosopo/procaptcha-common';
-import { sleep } from '@prosopo/procaptcha';
-import { solvePoW } from '@prosopo/util';
+import { stringToHex } from "@polkadot/util/string";
+import { ExtensionWeb2, ExtensionWeb3 } from "@prosopo/account";
+import { ProviderApi } from "@prosopo/api";
+import { ProsopoEnvError } from "@prosopo/common";
+import { loadBalancer } from "@prosopo/load-balancer";
+import { sleep } from "@prosopo/procaptcha";
+import { buildUpdateState, getDefaultEvents } from "@prosopo/procaptcha-common";
+import { ApiParams, ProcaptchaConfigSchema, encodeProcaptchaOutput, } from "@prosopo/types";
+import { at, solvePoW } from "@prosopo/util";
 export const Manager = (configInput, state, onStateUpdate, callbacks) => {
     const events = getDefaultEvents(onStateUpdate, state, callbacks);
     const defaultState = () => {
@@ -28,43 +25,43 @@ export const Manager = (configInput, state, onStateUpdate, callbacks) => {
         window.clearTimeout(state.timeout);
         updateState({ timeout: undefined });
     };
+    const clearSuccessfulChallengeTimeout = () => {
+        window.clearTimeout(state.successfullChallengeTimeout);
+        updateState({ successfullChallengeTimeout: undefined });
+    };
     const getConfig = () => {
         const config = {
-            userAccountAddress: '',
+            userAccountAddress: "",
             ...configInput,
         };
+        if (state.account) {
+            config.userAccountAddress = state.account.account.address;
+        }
         return ProcaptchaConfigSchema.parse(config);
     };
     const getNetwork = (config) => {
         const network = config.networks[config.defaultNetwork];
         if (!network) {
-            throw new ProsopoEnvError('DEVELOPER.NETWORK_NOT_FOUND', {
-                context: { error: `No network found for environment ${config.defaultEnvironment}` },
+            throw new ProsopoEnvError("DEVELOPER.NETWORK_NOT_FOUND", {
+                context: {
+                    error: `No network found for environment ${config.defaultEnvironment}`,
+                },
             });
         }
         return network;
     };
-    const loadContract = async () => {
-        const network = getNetwork(getConfig());
-        const api = await ApiPromise.create({
-            provider: new WsProvider(network.endpoint),
-            initWasm: false,
-            noInitWarn: true,
-        });
-        const type = 'sr25519';
-        const keyring = new Keyring({ type, ss58Format: api.registry.chainSS58 });
-        return new ProsopoCaptchaContract(api, JSON.parse(abiJson), network.contract.address, 'prosopo', 0, keyring.addFromAddress(getConfig().account.address || ''));
-    };
     const getAccount = () => {
         if (!state.account) {
-            throw new ProsopoEnvError('GENERAL.ACCOUNT_NOT_FOUND', { context: { error: 'Account not loaded' } });
+            throw new ProsopoEnvError("GENERAL.ACCOUNT_NOT_FOUND", {
+                context: { error: "Account not loaded" },
+            });
         }
         const account = state.account;
-        return account;
+        return { account };
     };
     const getDappAccount = () => {
         if (!state.dappAccount) {
-            throw new ProsopoEnvError('GENERAL.SITE_KEY_MISSING');
+            throw new ProsopoEnvError("GENERAL.SITE_KEY_MISSING");
         }
         const dappAccount = state.dappAccount;
         return dappAccount;
@@ -72,6 +69,7 @@ export const Manager = (configInput, state, onStateUpdate, callbacks) => {
     const updateState = buildUpdateState(state, onStateUpdate);
     const resetState = () => {
         clearTimeout();
+        clearSuccessfulChallengeTimeout();
         updateState(defaultState());
     };
     const setValidChallengeTimeout = () => {
@@ -94,26 +92,40 @@ export const Manager = (configInput, state, onStateUpdate, callbacks) => {
             loading: true,
         });
         const config = getConfig();
-        const ext = new ExtensionWeb2();
-        const userAccount = config.userAccountAddress || (await ext.getAccount(config)).account.address;
+        const ext = config.web2 ? new ExtensionWeb2() : new ExtensionWeb3();
+        const userAccount = config.userAccountAddress ||
+            (await ext.getAccount(config)).account.address;
         updateState({
             account: { account: { address: userAccount } },
         });
         updateState({ dappAccount: config.account.address });
         await sleep(100);
         if (!config.web2 && !config.userAccountAddress) {
-            throw new ProsopoEnvError('GENERAL.ACCOUNT_NOT_FOUND', {
-                context: { error: 'Account address has not been set for web3 mode' },
+            throw new ProsopoEnvError("GENERAL.ACCOUNT_NOT_FOUND", {
+                context: { error: "Account address has not been set for web3 mode" },
             });
         }
-        const contract = await loadContract();
+        const getRandomProviderResponse = getRandomActiveProvider();
         const events = getDefaultEvents(onStateUpdate, state, callbacks);
-        const getRandomProviderResponse = await wrapQuery(contract.query.getRandomActiveProvider, contract.query)(userAccount, getDappAccount());
-        const providerUrl = trimProviderUrl(getRandomProviderResponse.provider.url.toString());
+        const providerUrl = getRandomProviderResponse.provider.url;
         const providerApi = new ProviderApi(getNetwork(getConfig()), providerUrl, getDappAccount());
         const challenge = await providerApi.getPowCaptchaChallenge(userAccount, getDappAccount());
         const solution = solvePoW(challenge.challenge, challenge.difficulty);
-        const verifiedSolution = await providerApi.submitPowCaptchaSolution(challenge, getAccount().account.address, getDappAccount(), getRandomProviderResponse, solution, config.captchas.pow.verifiedTimeout);
+        const user = await ext.getAccount(getConfig());
+        const signer = user.extension?.signer;
+        if (!signer || !signer.signRaw) {
+            throw new ProsopoEnvError("GENERAL.CANT_FIND_KEYRINGPAIR", {
+                context: {
+                    error: "Signer is not defined, cannot sign message to prove account ownership",
+                },
+            });
+        }
+        const userTimestampSignature = await signer.signRaw({
+            address: userAccount,
+            data: stringToHex(challenge[ApiParams.timestamp].toString()),
+            type: "bytes",
+        });
+        const verifiedSolution = await providerApi.submitPowCaptchaSolution(challenge, getAccount().account.account.address, getDappAccount(), solution, userTimestampSignature.signature.toString(), config.captchas.pow.verifiedTimeout);
         if (verifiedSolution[ApiParams.verified]) {
             updateState({
                 isHuman: true,
@@ -121,17 +133,40 @@ export const Manager = (configInput, state, onStateUpdate, callbacks) => {
             });
             events.onHuman(encodeProcaptchaOutput({
                 [ApiParams.providerUrl]: providerUrl,
-                [ApiParams.user]: getAccount().account.address,
+                [ApiParams.user]: getAccount().account.account.address,
                 [ApiParams.dapp]: getDappAccount(),
                 [ApiParams.challenge]: challenge.challenge,
                 [ApiParams.blockNumber]: getRandomProviderResponse.blockNumber,
                 [ApiParams.nonce]: solution,
+                [ApiParams.timestamp]: challenge.timestamp,
+                [ApiParams.signature]: {
+                    [ApiParams.provider]: challenge.signature.provider,
+                    [ApiParams.user]: {
+                        [ApiParams.timestamp]: userTimestampSignature.signature.toString(),
+                    },
+                },
             }));
             setValidChallengeTimeout();
         }
     };
+    const getRandomActiveProvider = () => {
+        const randomIntBetween = (min, max) => Math.floor(Math.random() * (max - min + 1) + min);
+        const environment = getConfig().defaultEnvironment;
+        const PROVIDERS = loadBalancer(environment);
+        const randomProvderObj = at(PROVIDERS, randomIntBetween(0, PROVIDERS.length - 1));
+        return {
+            providerAccount: randomProvderObj.address,
+            provider: {
+                url: randomProvderObj.url,
+                datasetId: randomProvderObj.datasetId,
+                datasetIdContent: randomProvderObj.datasetIdContent,
+            },
+            blockNumber: 0,
+        };
+    };
     return {
         start,
+        resetState,
     };
 };
 //# sourceMappingURL=Manager.js.map

package/dist/Services/Manager.js.map

@@ -1 +1 @@
-{"version":3,"file":"Manager.js","sourceRoot":"","sources":["../../src/Services/Manager.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Manager.js","sourceRoot":"","sources":["../../src/Services/Manager.ts"],"names":[],"mappings":"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"}

package/dist/cjs/Services/Manager.cjs

@@ -1,16 +1,13 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const types = require("@prosopo/types");
-const Api = require("@polkadot/api/promise/Api");
+const string = require("@polkadot/util/string");
 const account = require("@prosopo/account");
-const keyring = require("@polkadot/keyring");
-const contract = require("@prosopo/contract");
-const common = require("@prosopo/common");
 const api = require("@prosopo/api");
-const ws = require("@polkadot/rpc-provider/ws");
-const contractInfo = require("@prosopo/captcha-contract/contract-info");
-const procaptchaCommon = require("@prosopo/procaptcha-common");
+const common = require("@prosopo/common");
+const loadBalancer = require("@prosopo/load-balancer");
 const procaptcha = require("@prosopo/procaptcha");
+const procaptchaCommon = require("@prosopo/procaptcha-common");
+const types = require("@prosopo/types");
 const util = require("@prosopo/util");
 const Manager = (configInput, state, onStateUpdate, callbacks) => {
   const events = procaptchaCommon.getDefaultEvents(onStateUpdate, state, callbacks);
@@ -32,46 +29,39 @@ const Manager = (configInput, state, onStateUpdate, callbacks) => {
     window.clearTimeout(state.timeout);
     updateState({ timeout: void 0 });
   };
+  const clearSuccessfulChallengeTimeout = () => {
+    window.clearTimeout(state.successfullChallengeTimeout);
+    updateState({ successfullChallengeTimeout: void 0 });
+  };
   const getConfig = () => {
     const config = {
       userAccountAddress: "",
       ...configInput
     };
+    if (state.account) {
+      config.userAccountAddress = state.account.account.address;
+    }
     return types.ProcaptchaConfigSchema.parse(config);
   };
   const getNetwork = (config) => {
     const network = config.networks[config.defaultNetwork];
     if (!network) {
       throw new common.ProsopoEnvError("DEVELOPER.NETWORK_NOT_FOUND", {
-        context: { error: `No network found for environment ${config.defaultEnvironment}` }
+        context: {
+          error: `No network found for environment ${config.defaultEnvironment}`
+        }
       });
     }
     return network;
   };
-  const loadContract = async () => {
-    const network = getNetwork(getConfig());
-    const api2 = await Api.ApiPromise.create({
-      provider: new ws.WsProvider(network.endpoint),
-      initWasm: false,
-      noInitWarn: true
-    });
-    const type = "sr25519";
-    const keyring$1 = new keyring.Keyring({ type, ss58Format: api2.registry.chainSS58 });
-    return new contract.ProsopoCaptchaContract(
-      api2,
-      JSON.parse(contractInfo.ContractAbi),
-      network.contract.address,
-      "prosopo",
-      0,
-      keyring$1.addFromAddress(getConfig().account.address || "")
-    );
-  };
   const getAccount = () => {
     if (!state.account) {
-      throw new common.ProsopoEnvError("GENERAL.ACCOUNT_NOT_FOUND", { context: { error: "Account not loaded" } });
+      throw new common.ProsopoEnvError("GENERAL.ACCOUNT_NOT_FOUND", {
+        context: { error: "Account not loaded" }
+      });
     }
     const account2 = state.account;
-    return account2;
+    return { account: account2 };
   };
   const getDappAccount = () => {
     if (!state.dappAccount) {
@@ -83,6 +73,7 @@ const Manager = (configInput, state, onStateUpdate, callbacks) => {
   const updateState = procaptchaCommon.buildUpdateState(state, onStateUpdate);
   const resetState = () => {
     clearTimeout();
+    clearSuccessfulChallengeTimeout();
     updateState(defaultState());
   };
   const setValidChallengeTimeout = () => {
@@ -105,7 +96,7 @@ const Manager = (configInput, state, onStateUpdate, callbacks) => {
       loading: true
     });
     const config = getConfig();
-    const ext = new account.ExtensionWeb2();
+    const ext = config.web2 ? new account.ExtensionWeb2() : new account.ExtensionWeb3();
     const userAccount = config.userAccountAddress || (await ext.getAccount(config)).account.address;
     updateState({
       account: { account: { address: userAccount } }
@@ -117,22 +108,39 @@ const Manager = (configInput, state, onStateUpdate, callbacks) => {
         context: { error: "Account address has not been set for web3 mode" }
       });
     }
-    const contract$1 = await loadContract();
+    const getRandomProviderResponse = getRandomActiveProvider();
     const events2 = procaptchaCommon.getDefaultEvents(onStateUpdate, state, callbacks);
-    const getRandomProviderResponse = await contract.wrapQuery(
-      contract$1.query.getRandomActiveProvider,
-      contract$1.query
-    )(userAccount, getDappAccount());
-    const providerUrl = common.trimProviderUrl(getRandomProviderResponse.provider.url.toString());
-    const providerApi = new api.ProviderApi(getNetwork(getConfig()), providerUrl, getDappAccount());
-    const challenge = await providerApi.getPowCaptchaChallenge(userAccount, getDappAccount());
+    const providerUrl = getRandomProviderResponse.provider.url;
+    const providerApi = new api.ProviderApi(
+      getNetwork(getConfig()),
+      providerUrl,
+      getDappAccount()
+    );
+    const challenge = await providerApi.getPowCaptchaChallenge(
+      userAccount,
+      getDappAccount()
+    );
     const solution = util.solvePoW(challenge.challenge, challenge.difficulty);
+    const user = await ext.getAccount(getConfig());
+    const signer = user.extension?.signer;
+    if (!signer || !signer.signRaw) {
+      throw new common.ProsopoEnvError("GENERAL.CANT_FIND_KEYRINGPAIR", {
+        context: {
+          error: "Signer is not defined, cannot sign message to prove account ownership"
+        }
+      });
+    }
+    const userTimestampSignature = await signer.signRaw({
+      address: userAccount,
+      data: string.stringToHex(challenge[types.ApiParams.timestamp].toString()),
+      type: "bytes"
+    });
     const verifiedSolution = await providerApi.submitPowCaptchaSolution(
       challenge,
-      getAccount().account.address,
+      getAccount().account.account.address,
       getDappAccount(),
-      getRandomProviderResponse,
       solution,
+      userTimestampSignature.signature.toString(),
       config.captchas.pow.verifiedTimeout
     );
     if (verifiedSolution[types.ApiParams.verified]) {
@@ -143,18 +151,44 @@ const Manager = (configInput, state, onStateUpdate, callbacks) => {
       events2.onHuman(
         types.encodeProcaptchaOutput({
           [types.ApiParams.providerUrl]: providerUrl,
-          [types.ApiParams.user]: getAccount().account.address,
+          [types.ApiParams.user]: getAccount().account.account.address,
           [types.ApiParams.dapp]: getDappAccount(),
           [types.ApiParams.challenge]: challenge.challenge,
           [types.ApiParams.blockNumber]: getRandomProviderResponse.blockNumber,
-          [types.ApiParams.nonce]: solution
+          [types.ApiParams.nonce]: solution,
+          [types.ApiParams.timestamp]: challenge.timestamp,
+          [types.ApiParams.signature]: {
+            [types.ApiParams.provider]: challenge.signature.provider,
+            [types.ApiParams.user]: {
+              [types.ApiParams.timestamp]: userTimestampSignature.signature.toString()
+            }
+          }
         })
       );
       setValidChallengeTimeout();
     }
   };
+  const getRandomActiveProvider = () => {
+    const randomIntBetween = (min, max) => Math.floor(Math.random() * (max - min + 1) + min);
+    const environment = getConfig().defaultEnvironment;
+    const PROVIDERS = loadBalancer.loadBalancer(environment);
+    const randomProvderObj = util.at(
+      PROVIDERS,
+      randomIntBetween(0, PROVIDERS.length - 1)
+    );
+    return {
+      providerAccount: randomProvderObj.address,
+      provider: {
+        url: randomProvderObj.url,
+        datasetId: randomProvderObj.datasetId,
+        datasetIdContent: randomProvderObj.datasetIdContent
+      },
+      blockNumber: 0
+    };
+  };
   return {
-    start
+    start,
+    resetState
   };
 };
 exports.Manager = Manager;

package/dist/cjs/components/ProcaptchaPoW.cjs

@@ -1,11 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
-const react = require("react");
 const webComponents = require("@prosopo/web-components");
+const react = require("react");
 const _interopNamespaceDefaultOnly = (e) => Object.freeze(Object.defineProperty({ __proto__: null, default: e }, Symbol.toStringTag, { value: "Module" }));
-const ProcaptchaWidget = react.lazy(
-  async () => Promise.resolve().then(() => /* @__PURE__ */ _interopNamespaceDefaultOnly(require("./Captcha.cjs")))
-);
+const ProcaptchaWidget = react.lazy(async () => Promise.resolve().then(() => /* @__PURE__ */ _interopNamespaceDefaultOnly(require("./ProcaptchaWidget.cjs"))));
 const ProcaptchaPow = (props) => /* @__PURE__ */ jsxRuntime.jsx(react.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(webComponents.ProcaptchaPlaceholder, { darkMode: props.config.theme }), children: /* @__PURE__ */ jsxRuntime.jsx(ProcaptchaWidget, { config: props.config, callbacks: props.callbacks }) });
 exports.ProcaptchaPow = ProcaptchaPow;

package/dist/cjs/components/ProcaptchaWidget.cjs

@@ -0,0 +1,132 @@
+"use strict";
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const procaptchaCommon = require("@prosopo/procaptcha-common");
+const webComponents = require("@prosopo/web-components");
+const react = require("react");
+const Manager = require("../Services/Manager.cjs");
+const Procaptcha = (props) => {
+  const config = props.config;
+  const themeColor = config.theme === "light" ? "light" : "dark";
+  const theme = props.config.theme === "light" ? webComponents.lightTheme : webComponents.darkTheme;
+  const callbacks = props.callbacks || {};
+  const [state, _updateState] = procaptchaCommon.useProcaptcha(react.useState, react.useRef);
+  const updateState = procaptchaCommon.buildUpdateState(state, _updateState);
+  const manager = react.useRef(Manager.Manager(config, state, updateState, callbacks));
+  const captchaRef = react.useRef(null);
+  react.useEffect(() => {
+    const element = captchaRef.current;
+    if (!element) return;
+    const form = element.closest("form");
+    if (!form) return;
+    const handleSubmit = () => {
+      manager.current.resetState();
+    };
+    form.addEventListener("submit", handleSubmit);
+    return () => {
+      form.removeEventListener("submit", handleSubmit);
+    };
+  }, []);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ref: captchaRef, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      style: {
+        maxWidth: webComponents.WIDGET_MAX_WIDTH,
+        maxHeight: "100%",
+        overflowX: "auto"
+      },
+      children: /* @__PURE__ */ jsxRuntime.jsx(webComponents.ContainerDiv, { children: /* @__PURE__ */ jsxRuntime.jsx(webComponents.WidthBasedStylesDiv, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: webComponents.WIDGET_DIMENSIONS, "data-cy": "button-human", children: [
+        " ",
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            style: {
+              padding: webComponents.WIDGET_PADDING,
+              border: webComponents.WIDGET_BORDER,
+              backgroundColor: theme.palette.background.default,
+              borderColor: theme.palette.grey[300],
+              borderRadius: webComponents.WIDGET_BORDER_RADIUS,
+              display: "flex",
+              alignItems: "center",
+              flexWrap: "wrap",
+              justifyContent: "space-between",
+              minHeight: `${webComponents.WIDGET_INNER_HEIGHT}px`,
+              overflow: "hidden"
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  style: { display: "inline-flex", flexDirection: "column" },
+                  children: /* @__PURE__ */ jsxRuntime.jsx(
+                    "div",
+                    {
+                      style: {
+                        display: "flex",
+                        justifyContent: "flex-start",
+                        alignItems: "center",
+                        flexWrap: "wrap"
+                      },
+                      children: /* @__PURE__ */ jsxRuntime.jsx(
+                        "div",
+                        {
+                          style: {
+                            display: "flex",
+                            alignItems: "center",
+                            justifyContent: "center",
+                            flexDirection: "column",
+                            verticalAlign: "middle"
+                          },
+                          children: /* @__PURE__ */ jsxRuntime.jsx(
+                            "div",
+                            {
+                              style: {
+                                display: "flex"
+                              },
+                              children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: { flex: 1 }, children: state.loading ? /* @__PURE__ */ jsxRuntime.jsx(
+                                webComponents.LoadingSpinner,
+                                {
+                                  themeColor,
+                                  "aria-label": "Loading spinner"
+                                }
+                              ) : /* @__PURE__ */ jsxRuntime.jsx(
+                                webComponents.Checkbox,
+                                {
+                                  checked: state.isHuman,
+                                  onChange: manager.current.start,
+                                  themeColor,
+                                  labelText: "I am human",
+                                  "aria-label": "human checkbox"
+                                }
+                              ) })
+                            }
+                          )
+                        }
+                      )
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  style: { display: "inline-flex", flexDirection: "column" },
+                  children: /* @__PURE__ */ jsxRuntime.jsx(
+                    "a",
+                    {
+                      href: webComponents.WIDGET_URL,
+                      target: "_blank",
+                      "aria-label": webComponents.WIDGET_URL_TEXT,
+                      rel: "noreferrer",
+                      children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: { flex: 1 }, children: /* @__PURE__ */ jsxRuntime.jsx(webComponents.Logo, { themeColor, "aria-label": "Prosopo logo" }) })
+                    }
+                  )
+                }
+              )
+            ]
+          }
+        )
+      ] }) }) })
+    }
+  ) });
+};
+module.exports = Procaptcha;

package/dist/cjs/index.cjs

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("./components/Captcha.cjs");
+require("./components/ProcaptchaWidget.cjs");
 const ProcaptchaPoW = require("./components/ProcaptchaPoW.cjs");
 exports.ProcaptchaPow = ProcaptchaPoW.ProcaptchaPow;

package/dist/components/Captcha.d.ts

@@ -1,4 +1,2 @@
-import { ProcaptchaProps } from '@prosopo/types';
-declare const Procaptcha: (props: ProcaptchaProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export default Procaptcha;
+export {};
 //# sourceMappingURL=Captcha.d.ts.map

package/dist/components/Captcha.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Captcha.d.ts","sourceRoot":"","sources":["../../src/components/Captcha.tsx"],"names":[],"mappings":"AA8BA,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAIhD,QAAA,MAAM,UAAU,UAAW,eAAe,qDA0FzC,CAAA;AACD,eAAe,UAAU,CAAA"}
+{"version":3,"file":"Captcha.d.ts","sourceRoot":"","sources":["../../src/components/Captcha.tsx"],"names":[],"mappings":""}

package/dist/components/Captcha.js

@@ -1,42 +1,2 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-import { Checkbox, ContainerDiv, LoadingSpinner, Logo, WIDGET_BORDER, WIDGET_BORDER_RADIUS, WIDGET_DIMENSIONS, WIDGET_INNER_HEIGHT, WIDGET_PADDING, WIDGET_URL, WIDGET_URL_TEXT, WidthBasedStylesDiv, darkTheme, lightTheme, } from '@prosopo/web-components';
-import { Manager } from '../Services/Manager.js';
-import { buildUpdateState, useProcaptcha } from '@prosopo/procaptcha-common';
-import { useRef, useState } from 'react';
-const Procaptcha = (props) => {
-    const config = props.config;
-    const themeColor = config.theme === 'light' ? 'light' : 'dark';
-    const theme = props.config.theme === 'light' ? lightTheme : darkTheme;
-    const callbacks = props.callbacks || {};
-    const [state, _updateState] = useProcaptcha(useState, useRef);
-    const updateState = buildUpdateState(state, _updateState);
-    const manager = Manager(config, state, updateState, callbacks);
-    return (_jsx("div", { children: _jsx("div", { style: { maxWidth: '100%', maxHeight: '100%', overflowX: 'auto' }, children: _jsx(ContainerDiv, { children: _jsx(WidthBasedStylesDiv, { children: _jsxs("div", { style: WIDGET_DIMENSIONS, "data-cy": 'button-human', children: [' ', _jsxs("div", { style: {
-                                    padding: WIDGET_PADDING,
-                                    border: WIDGET_BORDER,
-                                    backgroundColor: theme.palette.background.default,
-                                    borderColor: theme.palette.grey[300],
-                                    borderRadius: WIDGET_BORDER_RADIUS,
-                                    display: 'flex',
-                                    alignItems: 'center',
-                                    flexWrap: 'wrap',
-                                    justifyContent: 'space-between',
-                                    minHeight: `${WIDGET_INNER_HEIGHT}px`,
-                                    overflow: 'hidden',
-                                }, children: [_jsx("div", { style: { display: 'inline-flex', flexDirection: 'column' }, children: _jsx("div", { style: {
-                                                display: 'flex',
-                                                justifyContent: 'flex-start',
-                                                alignItems: 'center',
-                                                flexWrap: 'wrap',
-                                            }, children: _jsx("div", { style: {
-                                                    display: 'flex',
-                                                    alignItems: 'center',
-                                                    justifyContent: 'center',
-                                                    flexDirection: 'column',
-                                                    verticalAlign: 'middle',
-                                                }, children: _jsx("div", { style: {
-                                                        display: 'flex',
-                                                    }, children: _jsx("div", { style: { flex: 1 }, children: state.loading ? (_jsx(LoadingSpinner, { themeColor: themeColor, "aria-label": "Loading spinner" })) : (_jsx(Checkbox, { checked: state.isHuman, onChange: manager.start, themeColor: themeColor, labelText: 'I am human', "aria-label": "human checkbox" })) }) }) }) }) }), _jsx("div", { style: { display: 'inline-flex', flexDirection: 'column' }, children: _jsx("a", { href: WIDGET_URL, target: "_blank", "aria-label": WIDGET_URL_TEXT, children: _jsx("div", { style: { flex: 1 }, children: _jsx(Logo, { themeColor: themeColor, "aria-label": "Prosopo logo" }) }) }) })] })] }) }) }) }) }));
-};
-export default Procaptcha;
+export {};
 //# sourceMappingURL=Captcha.js.map

package/dist/components/Captcha.js.map

@@ -1 +1 @@
-{"version":3,"file":"Captcha.js","sourceRoot":"","sources":["../../src/components/Captcha.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Captcha.js","sourceRoot":"","sources":["../../src/components/Captcha.tsx"],"names":[],"mappings":""}

package/dist/components/ProcaptchaPoW.d.ts

@@ -1,6 +1,6 @@
-import { LazyExoticComponent } from 'react';
-import { ProcaptchaEvents } from '@prosopo/types';
-import { ReactElement } from 'react';
+import type { ProcaptchaEvents } from "@prosopo/types";
+import { type LazyExoticComponent } from "react";
+import type { ReactElement } from "react";
 type ProcaptchaProps = React.ComponentProps<typeof ProcaptchaWidget>;
 declare const ProcaptchaWidget: LazyExoticComponent<(props: any, callbacks: Partial<ProcaptchaEvents>) => ReactElement>;
 export declare const ProcaptchaPow: (props: ProcaptchaProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/ProcaptchaPoW.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProcaptchaPoW.d.ts","sourceRoot":"","sources":["../../src/components/ProcaptchaPoW.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,mBAAmB,EAAkB,MAAM,OAAO,CAAA;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAEjD,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAEpC,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAEpE,QAAA,MAAM,gBAAgB,EAAE,mBAAmB,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,CAAC,gBAAgB,CAAC,KAAK,YAAY,CAE7G,CAAA;AAED,eAAO,MAAM,aAAa,UAAW,eAAe,qDAInD,CAAA"}
+{"version":3,"file":"ProcaptchaPoW.d.ts","sourceRoot":"","sources":["../../src/components/ProcaptchaPoW.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAevD,OAAO,EAAE,KAAK,mBAAmB,EAAkB,MAAM,OAAO,CAAC;AACjE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAErE,QAAA,MAAM,gBAAgB,EAAE,mBAAmB,CAE1C,CAAC,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,CAAC,gBAAgB,CAAC,KAAK,YAAY,CACd,CAAC;AAEtD,eAAO,MAAM,aAAa,UAAW,eAAe,qDAInD,CAAC"}

package/dist/components/ProcaptchaPoW.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { Suspense, lazy } from 'react';
-import { ProcaptchaPlaceholder } from '@prosopo/web-components';
-const ProcaptchaWidget = lazy(async () => import('./Captcha.js'));
+import { ProcaptchaPlaceholder } from "@prosopo/web-components";
+import { Suspense, lazy } from "react";
+const ProcaptchaWidget = lazy(async () => import("./ProcaptchaWidget.js"));
 export const ProcaptchaPow = (props) => (_jsx(Suspense, { fallback: _jsx(ProcaptchaPlaceholder, { darkMode: props.config.theme }), children: _jsx(ProcaptchaWidget, { config: props.config, callbacks: props.callbacks }) }));
 //# sourceMappingURL=ProcaptchaPoW.js.map

package/dist/components/ProcaptchaPoW.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProcaptchaPoW.js","sourceRoot":"","sources":["../../src/components/ProcaptchaPoW.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAuB,QAAQ,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAE3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAK/D,MAAM,gBAAgB,GAA4F,IAAI,CAClH,KAAK,IAAI,EAAE,CAAC,MAAM,CAAC,cAAc,CAAC,CACrC,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAsB,EAAE,EAAE,CAAC,CACrD,KAAC,QAAQ,IAAC,QAAQ,EAAE,KAAC,qBAAqB,IAAC,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,GAAI,YACvE,KAAC,gBAAgB,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,GAAqB,GAChF,CACd,CAAA"}
+{"version":3,"file":"ProcaptchaPoW.js","sourceRoot":"","sources":["../../src/components/ProcaptchaPoW.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAchE,OAAO,EAA4B,QAAQ,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAKjE,MAAM,gBAAgB,GAGlB,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC,MAAM,CAAC,uBAAuB,CAAC,CAAC,CAAC;AAEtD,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAsB,EAAE,EAAE,CAAC,CACxD,KAAC,QAAQ,IAAC,QAAQ,EAAE,KAAC,qBAAqB,IAAC,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,GAAI,YAC1E,KAAC,gBAAgB,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,GAAI,GAC5D,CACX,CAAC"}

package/dist/components/ProcaptchaWidget.d.ts

@@ -0,0 +1,4 @@
+import type { ProcaptchaProps } from "@prosopo/types";
+declare const Procaptcha: (props: ProcaptchaProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default Procaptcha;
+//# sourceMappingURL=ProcaptchaWidget.d.ts.map

package/dist/components/ProcaptchaWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProcaptchaWidget.d.ts","sourceRoot":"","sources":["../../src/components/ProcaptchaWidget.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAkCtD,QAAA,MAAM,UAAU,UAAW,eAAe,qDA4HzC,CAAC;AACF,eAAe,UAAU,CAAC"}

package/dist/components/ProcaptchaWidget.js

@@ -0,0 +1,62 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { buildUpdateState, useProcaptcha } from "@prosopo/procaptcha-common";
+import { Checkbox, ContainerDiv, LoadingSpinner, Logo, WIDGET_BORDER, WIDGET_BORDER_RADIUS, WIDGET_DIMENSIONS, WIDGET_INNER_HEIGHT, WIDGET_MAX_WIDTH, WIDGET_PADDING, WIDGET_URL, WIDGET_URL_TEXT, WidthBasedStylesDiv, darkTheme, lightTheme, } from "@prosopo/web-components";
+import { useEffect, useRef, useState } from "react";
+import { Manager } from "../Services/Manager.js";
+const Procaptcha = (props) => {
+    const config = props.config;
+    const themeColor = config.theme === "light" ? "light" : "dark";
+    const theme = props.config.theme === "light" ? lightTheme : darkTheme;
+    const callbacks = props.callbacks || {};
+    const [state, _updateState] = useProcaptcha(useState, useRef);
+    const updateState = buildUpdateState(state, _updateState);
+    const manager = useRef(Manager(config, state, updateState, callbacks));
+    const captchaRef = useRef(null);
+    useEffect(() => {
+        const element = captchaRef.current;
+        if (!element)
+            return;
+        const form = element.closest("form");
+        if (!form)
+            return;
+        const handleSubmit = () => {
+            manager.current.resetState();
+        };
+        form.addEventListener("submit", handleSubmit);
+        return () => {
+            form.removeEventListener("submit", handleSubmit);
+        };
+    }, []);
+    return (_jsx("div", { ref: captchaRef, children: _jsx("div", { style: {
+                maxWidth: WIDGET_MAX_WIDTH,
+                maxHeight: "100%",
+                overflowX: "auto",
+            }, children: _jsx(ContainerDiv, { children: _jsx(WidthBasedStylesDiv, { children: _jsxs("div", { style: WIDGET_DIMENSIONS, "data-cy": "button-human", children: [" ", _jsxs("div", { style: {
+                                    padding: WIDGET_PADDING,
+                                    border: WIDGET_BORDER,
+                                    backgroundColor: theme.palette.background.default,
+                                    borderColor: theme.palette.grey[300],
+                                    borderRadius: WIDGET_BORDER_RADIUS,
+                                    display: "flex",
+                                    alignItems: "center",
+                                    flexWrap: "wrap",
+                                    justifyContent: "space-between",
+                                    minHeight: `${WIDGET_INNER_HEIGHT}px`,
+                                    overflow: "hidden",
+                                }, children: [_jsx("div", { style: { display: "inline-flex", flexDirection: "column" }, children: _jsx("div", { style: {
+                                                display: "flex",
+                                                justifyContent: "flex-start",
+                                                alignItems: "center",
+                                                flexWrap: "wrap",
+                                            }, children: _jsx("div", { style: {
+                                                    display: "flex",
+                                                    alignItems: "center",
+                                                    justifyContent: "center",
+                                                    flexDirection: "column",
+                                                    verticalAlign: "middle",
+                                                }, children: _jsx("div", { style: {
+                                                        display: "flex",
+                                                    }, children: _jsx("div", { style: { flex: 1 }, children: state.loading ? (_jsx(LoadingSpinner, { themeColor: themeColor, "aria-label": "Loading spinner" })) : (_jsx(Checkbox, { checked: state.isHuman, onChange: manager.current.start, themeColor: themeColor, labelText: "I am human", "aria-label": "human checkbox" })) }) }) }) }) }), _jsx("div", { style: { display: "inline-flex", flexDirection: "column" }, children: _jsx("a", { href: WIDGET_URL, target: "_blank", "aria-label": WIDGET_URL_TEXT, rel: "noreferrer", children: _jsx("div", { style: { flex: 1 }, children: _jsx(Logo, { themeColor: themeColor, "aria-label": "Prosopo logo" }) }) }) })] })] }) }) }) }) }));
+};
+export default Procaptcha;
+//# sourceMappingURL=ProcaptchaWidget.js.map

package/dist/components/ProcaptchaWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProcaptchaWidget.js","sourceRoot":"","sources":["../../src/components/ProcaptchaWidget.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAe7E,OAAO,EACN,QAAQ,EACR,YAAY,EACZ,cAAc,EACd,IAAI,EACJ,aAAa,EACb,oBAAoB,EACpB,iBAAiB,EACjB,mBAAmB,EACnB,gBAAgB,EAChB,cAAc,EACd,UAAU,EACV,eAAe,EACf,mBAAmB,EACnB,SAAS,EACT,UAAU,GACV,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE;IAC7C,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;IAC5B,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;IAC/D,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC;IACtE,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,IAAI,EAAE,CAAC;IACxC,MAAM,CAAC,KAAK,EAAE,YAAY,CAAC,GAAG,aAAa,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IAE9D,MAAM,WAAW,GAAG,gBAAgB,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC;IAC1D,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC;IACvE,MAAM,UAAU,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAElD,SAAS,CAAC,GAAG,EAAE;QACd,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC;QACnC,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;QACrC,IAAI,CAAC,IAAI;YAAE,OAAO;QAElB,MAAM,YAAY,GAAG,GAAG,EAAE;YACzB,OAAO,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC;QAC9B,CAAC,CAAC;QAEF,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAE9C,OAAO,GAAG,EAAE;YACX,IAAI,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAClD,CAAC,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACN,cAAK,GAAG,EAAE,UAAU,YACnB,cACC,KAAK,EAAE;gBACN,QAAQ,EAAE,gBAAgB;gBAC1B,SAAS,EAAE,MAAM;gBACjB,SAAS,EAAE,MAAM;aACjB,YAED,KAAC,YAAY,cACZ,KAAC,mBAAmB,cACnB,eAAK,KAAK,EAAE,iBAAiB,aAAW,cAAc,aACpD,GAAG,EACJ,eACC,KAAK,EAAE;oCACN,OAAO,EAAE,cAAc;oCACvB,MAAM,EAAE,aAAa;oCACrB,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO;oCACjD,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;oCACpC,YAAY,EAAE,oBAAoB;oCAClC,OAAO,EAAE,MAAM;oCACf,UAAU,EAAE,QAAQ;oCACpB,QAAQ,EAAE,MAAM;oCAChB,cAAc,EAAE,eAAe;oCAC/B,SAAS,EAAE,GAAG,mBAAmB,IAAI;oCACrC,QAAQ,EAAE,QAAQ;iCAClB,aAED,cACC,KAAK,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,QAAQ,EAAE,YAE1D,cACC,KAAK,EAAE;gDACN,OAAO,EAAE,MAAM;gDACf,cAAc,EAAE,YAAY;gDAC5B,UAAU,EAAE,QAAQ;gDACpB,QAAQ,EAAE,MAAM;6CAChB,YAED,cACC,KAAK,EAAE;oDACN,OAAO,EAAE,MAAM;oDACf,UAAU,EAAE,QAAQ;oDACpB,cAAc,EAAE,QAAQ;oDACxB,aAAa,EAAE,QAAQ;oDACvB,aAAa,EAAE,QAAQ;iDACvB,YAED,cACC,KAAK,EAAE;wDACN,OAAO,EAAE,MAAM;qDACf,YAED,cAAK,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,YACrB,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAChB,KAAC,cAAc,IACd,UAAU,EAAE,UAAU,gBACX,iBAAiB,GAC3B,CACF,CAAC,CAAC,CAAC,CACH,KAAC,QAAQ,IACR,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,QAAQ,EAAE,OAAO,CAAC,OAAO,CAAC,KAAK,EAC/B,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,YAAY,gBACZ,gBAAgB,GAC1B,CACF,GACI,GACD,GACD,GACD,GACD,EAEN,cACC,KAAK,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,QAAQ,EAAE,YAE1D,YACC,IAAI,EAAE,UAAU,EAChB,MAAM,EAAC,QAAQ,gBACH,eAAe,EAC3B,GAAG,EAAC,YAAY,YAEhB,cAAK,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,YACtB,KAAC,IAAI,IAAC,UAAU,EAAE,UAAU,gBAAa,cAAc,GAAG,GACrD,GACH,GACC,IACD,IACD,GACe,GACR,GACV,GACD,CACN,CAAC;AACH,CAAC,CAAC;AACF,eAAe,UAAU,CAAC"}

package/dist/index.d.ts

@@ -1,3 +1,3 @@
-export * from './components/Captcha.js';
-export * from './components/ProcaptchaPoW.js';
+export * from "./components/ProcaptchaWidget.js";
+export * from "./components/ProcaptchaPoW.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAaA,cAAc,yBAAyB,CAAA;AACvC,cAAc,+BAA+B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAaA,cAAc,kCAAkC,CAAC;AACjD,cAAc,+BAA+B,CAAC"}

package/dist/index.js

@@ -1,3 +1,3 @@
-export * from './components/Captcha.js';
-export * from './components/ProcaptchaPoW.js';
+export * from "./components/ProcaptchaWidget.js";
+export * from "./components/ProcaptchaPoW.js";
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAaA,cAAc,yBAAyB,CAAA;AACvC,cAAc,+BAA+B,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAaA,cAAc,kCAAkC,CAAC;AACjD,cAAc,+BAA+B,CAAC"}

package/package.json

@@ -1,76 +1,70 @@
 {
-    "name": "@prosopo/procaptcha-pow",
-    "version": "1.0.2",
-    "author": "PROSOPO LIMITED <info@prosopo.io>",
-    "license": "Apache-2.0",
-    "main": "./dist/index.js",
-    "type": "module",
-    "sideEffects": false,
-    "engines": {
-        "node": ">=20",
-        "npm": ">=9"
-    },
-    "exports": {
-        ".": {
-            "import": "./dist/index.js",
-            "require": "./dist/cjs/index.cjs"
-        }
-    },
-    "types": "./dist/index.d.ts",
-    "source": "./src/index.ts",
-    "scripts": {
-        "test": "echo \"No test specified\"",
-        "clean": "tsc --build --clean",
-        "build": "tsc --build --verbose tsconfig.json",
-        "build:cjs": "npx vite --config vite.cjs.config.ts build",
-        "eslint": "npx eslint . --cache --cache-location ../../node_modules/.cache/eslint/.eslintcache --no-error-on-unmatched-pattern --ignore-path ../../.eslintignore --quiet",
-        "eslint:fix": "npm run eslint -- --fix",
-        "prettier": "npx prettier . --cache --cache-location ../../node_modules/.cache/prettier/.prettiercache --check --no-error-on-unmatched-pattern --ignore-path ../../.eslintignore",
-        "prettier:fix": "npm run prettier -- --write",
-        "lint": "npm run eslint && npm run prettier",
-        "lint:fix": "npm run eslint:fix && npm run prettier:fix"
-    },
-    "browserslist": [
-        "> 0.5%, last 2 versions, not dead"
-    ],
-    "dependencies": {
-        "@emotion/react": "^11.11.1",
-        "@prosopo/account": "1.0.2",
-        "@polkadot/api": "10.13.1",
-        "@polkadot/keyring": "12.6.2",
-        "@polkadot/rpc-provider": "10.13.1",
-        "@prosopo/api": "1.0.2",
-        "@prosopo/captcha-contract": "1.0.2",
-        "@prosopo/common": "1.0.2",
-        "@prosopo/contract": "1.0.2",
-        "@prosopo/procaptcha": "1.0.2",
-        "@prosopo/procaptcha-common": "1.0.2",
-        "@prosopo/types": "1.0.2",
-        "@prosopo/util": "1.0.2",
-        "@prosopo/web-components": "1.0.2",
-        "react": "^18.3.1"
-    },
-    "overrides": {
-        "@polkadot/extension-inject": {
-            "@polkadot/api": {
-                "version": "10.13.1"
-            }
-        }
-    },
-    "devDependencies": {
-        "tslib": "2.6.2",
-        "typescript": "5.1.6"
-    },
-    "repository": {
-        "type": "git",
-        "url": "git+https://github.com/prosopo/captcha.git"
-    },
-    "bugs": {
-        "url": "https://github.com/prosopo/captcha/issues"
-    },
-    "homepage": "https://github.com/prosopo/captcha#readme",
-    "description": "",
-    "publishConfig": {
-        "registry": "https://registry.npmjs.org"
-    }
+	"name": "@prosopo/procaptcha-pow",
+	"version": "2.0.1",
+	"author": "PROSOPO LIMITED <info@prosopo.io>",
+	"license": "Apache-2.0",
+	"main": "./dist/index.js",
+	"type": "module",
+	"sideEffects": false,
+	"engines": {
+		"node": ">=20",
+		"npm": ">=9"
+	},
+	"exports": {
+		".": {
+			"import": "./dist/index.js",
+			"require": "./dist/cjs/index.cjs"
+		}
+	},
+	"types": "./dist/index.d.ts",
+	"source": "./src/index.ts",
+	"scripts": {
+		"test": "echo \"No test specified\"",
+		"clean": "tsc --build --clean",
+		"build": "tsc --build --verbose",
+		"build:cjs": "npx vite --config vite.cjs.config.ts build"
+	},
+	"browserslist": [
+		"> 0.5%, last 2 versions, not dead"
+	],
+	"dependencies": {
+		"@emotion/react": "^11.11.1",
+		"@prosopo/account": "2.0.1",
+		"@polkadot/api": "10.13.1",
+		"@polkadot/keyring": "12.6.2",
+		"@polkadot/rpc-provider": "10.13.1",
+		"@prosopo/api": "2.0.1",
+		"@prosopo/common": "2.0.1",
+		"@prosopo/contract": "2.0.1",
+		"@prosopo/procaptcha": "2.0.1",
+		"@prosopo/procaptcha-common": "2.0.1",
+		"@prosopo/types": "2.0.1",
+		"@prosopo/util": "2.0.1",
+		"@prosopo/web-components": "2.0.1",
+		"react": "^18.3.1"
+	},
+	"overrides": {
+		"@polkadot/extension-inject": {
+			"@polkadot/api": {
+				"version": "10.13.1"
+			}
+		}
+	},
+	"devDependencies": {
+		"@prosopo/config": "2.0.1",
+		"tslib": "2.6.2",
+		"typescript": "5.1.6"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/prosopo/captcha.git"
+	},
+	"bugs": {
+		"url": "https://github.com/prosopo/captcha/issues"
+	},
+	"homepage": "https://github.com/prosopo/captcha#readme",
+	"description": "",
+	"publishConfig": {
+		"registry": "https://registry.npmjs.org"
+	}
 }

package/vite.cjs.config.ts

@@ -1,3 +1,4 @@
+import path from "node:path";
 // Copyright 2021-2024 Prosopo (UK) Ltd.
 //
 // Licensed under the Apache License, Version 2.0 (the "License");
@@ -11,9 +12,11 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-import { ViteCommonJSConfig } from '@prosopo/config'
-import path from 'path'
+import { ViteCommonJSConfig } from "@prosopo/config";
 
 export default function () {
-    return ViteCommonJSConfig('procaptcha-pow', path.resolve('./tsconfig.cjs.json'))
+	return ViteCommonJSConfig(
+		"procaptcha-pow",
+		path.resolve("./tsconfig.cjs.json"),
+	);
 }

package/dist/cjs/components/Captcha.cjs

@@ -1,87 +0,0 @@
-"use strict";
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const webComponents = require("@prosopo/web-components");
-const Manager = require("../Services/Manager.cjs");
-const procaptchaCommon = require("@prosopo/procaptcha-common");
-const react = require("react");
-const Procaptcha = (props) => {
-  const config = props.config;
-  const themeColor = config.theme === "light" ? "light" : "dark";
-  const theme = props.config.theme === "light" ? webComponents.lightTheme : webComponents.darkTheme;
-  const callbacks = props.callbacks || {};
-  const [state, _updateState] = procaptchaCommon.useProcaptcha(react.useState, react.useRef);
-  const updateState = procaptchaCommon.buildUpdateState(state, _updateState);
-  const manager = Manager.Manager(config, state, updateState, callbacks);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: { maxWidth: "100%", maxHeight: "100%", overflowX: "auto" }, children: /* @__PURE__ */ jsxRuntime.jsx(webComponents.ContainerDiv, { children: /* @__PURE__ */ jsxRuntime.jsx(webComponents.WidthBasedStylesDiv, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: webComponents.WIDGET_DIMENSIONS, "data-cy": "button-human", children: [
-    " ",
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        style: {
-          padding: webComponents.WIDGET_PADDING,
-          border: webComponents.WIDGET_BORDER,
-          backgroundColor: theme.palette.background.default,
-          borderColor: theme.palette.grey[300],
-          borderRadius: webComponents.WIDGET_BORDER_RADIUS,
-          display: "flex",
-          alignItems: "center",
-          flexWrap: "wrap",
-          justifyContent: "space-between",
-          minHeight: `${webComponents.WIDGET_INNER_HEIGHT}px`,
-          overflow: "hidden"
-        },
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "inline-flex", flexDirection: "column" }, children: /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              style: {
-                display: "flex",
-                justifyContent: "flex-start",
-                alignItems: "center",
-                flexWrap: "wrap"
-              },
-              children: /* @__PURE__ */ jsxRuntime.jsx(
-                "div",
-                {
-                  style: {
-                    display: "flex",
-                    alignItems: "center",
-                    justifyContent: "center",
-                    flexDirection: "column",
-                    verticalAlign: "middle"
-                  },
-                  children: /* @__PURE__ */ jsxRuntime.jsx(
-                    "div",
-                    {
-                      style: {
-                        display: "flex"
-                      },
-                      children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: { flex: 1 }, children: state.loading ? /* @__PURE__ */ jsxRuntime.jsx(
-                        webComponents.LoadingSpinner,
-                        {
-                          themeColor,
-                          "aria-label": "Loading spinner"
-                        }
-                      ) : /* @__PURE__ */ jsxRuntime.jsx(
-                        webComponents.Checkbox,
-                        {
-                          checked: state.isHuman,
-                          onChange: manager.start,
-                          themeColor,
-                          labelText: "I am human",
-                          "aria-label": "human checkbox"
-                        }
-                      ) })
-                    }
-                  )
-                }
-              )
-            }
-          ) }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "inline-flex", flexDirection: "column" }, children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: webComponents.WIDGET_URL, target: "_blank", "aria-label": webComponents.WIDGET_URL_TEXT, children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: { flex: 1 }, children: /* @__PURE__ */ jsxRuntime.jsx(webComponents.Logo, { themeColor, "aria-label": "Prosopo logo" }) }) }) })
-        ]
-      }
-    )
-  ] }) }) }) }) });
-};
-module.exports = Procaptcha;