@prosopo/procaptcha-bundle 0.2.41 → 0.3.2

package/dist/bundle/procaptcha.bundle.js

@@ -1,4 +1,4 @@
-import { m as a, k as d } from "./index-28b478c4.js";
+import { O as a, M as d } from "./index-D_tmH38V.js";
 export {
   a as default,
   d as render

package/dist/cjs/account/dist/extension/Extension.cjs

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+class Extension {
+}
+exports.Extension = Extension;

package/dist/cjs/account/dist/extension/ExtensionWeb2.cjs

@@ -0,0 +1,100 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const Api = require("@polkadot/api/promise/Api");
+const Extension = require("./Extension.cjs");
+const keyring = require("@polkadot/keyring");
+const common = require("@prosopo/common");
+const ws = require("@polkadot/rpc-provider/ws");
+const address = require("@polkadot/util-crypto/address");
+const bip39 = require("@polkadot/util-crypto/mnemonic/bip39");
+const fingerprintjs = require("@fingerprintjs/fingerprintjs");
+const util = require("@prosopo/util");
+const string = require("@polkadot/util/string");
+const u8a = require("@polkadot/util/u8a");
+const Signer = require("@polkadot/extension-base/page/Signer");
+class ExtensionWeb2 extends Extension.Extension {
+  constructor() {
+    super(...arguments);
+    this.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}` }
+        });
+      }
+      return network;
+    };
+  }
+  async getAccount(config) {
+    const network = this.getNetwork(config);
+    const wsProvider = new ws.WsProvider(network.endpoint);
+    const account = await this.createAccount(wsProvider);
+    const extension = await this.createExtension(account);
+    return {
+      account,
+      extension
+    };
+  }
+  async createExtension(account) {
+    const signer = new Signer(async () => {
+      return;
+    });
+    signer.signRaw = async (payload) => {
+      const signature = account.keypair.sign(payload.data);
+      return {
+        id: 1,
+        signature: u8a.u8aToHex(signature)
+      };
+    };
+    return {
+      accounts: {
+        get: async () => {
+          return [account];
+        },
+        subscribe: () => {
+          return () => {
+            return;
+          };
+        }
+      },
+      name: "procaptcha-web2",
+      version: "0.1.11",
+      signer
+    };
+  }
+  async createAccount(wsProvider) {
+    const params = {
+      area: { width: 300, height: 300 },
+      offsetParameter: 2001000001,
+      multiplier: 15e3,
+      fontSizeFactor: 1.5,
+      maxShadowBlur: 50,
+      numberOfRounds: 5,
+      seed: 42
+    };
+    const browserEntropy = await this.getFingerprint();
+    const canvasEntropy = util.picassoCanvas(params.numberOfRounds, params.seed, params);
+    const entropy = common.hexHash([canvasEntropy, browserEntropy].join(""), 128).slice(2);
+    const u8Entropy = string.stringToU8a(entropy);
+    const mnemonic = bip39.entropyToMnemonic(u8Entropy);
+    const api = await Api.ApiPromise.create({ provider: wsProvider, initWasm: false });
+    const type = "ed25519";
+    const keyring$1 = new keyring.Keyring({ type, ss58Format: api.registry.chainSS58 });
+    const keypair = keyring$1.addFromMnemonic(mnemonic);
+    const address$1 = keypair.address.length === 42 ? keypair.address : address.encodeAddress(address.decodeAddress(keypair.address), api.registry.chainSS58);
+    return {
+      address: address$1,
+      type,
+      name: address$1,
+      keypair
+    };
+  }
+  async getFingerprint() {
+    const fpPromise = fingerprintjs.load();
+    const fp = await fpPromise;
+    const result = await fp.get();
+    const { screenFrame, ...componentsReduced } = result.components;
+    return fingerprintjs.hashComponents(componentsReduced);
+  }
+}
+exports.ExtensionWeb2 = ExtensionWeb2;

package/dist/cjs/account/dist/extension/ExtensionWeb3.cjs

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const Extension = require("./Extension.cjs");
+const common = require("@prosopo/common");
+const extensionDapp = require("@polkadot/extension-dapp");
+class ExtensionWeb3 extends Extension.Extension {
+  async getAccount(config) {
+    const { dappName, userAccountAddress: address } = config;
+    if (!address) {
+      throw new common.ProsopoError("WIDGET.NO_ACCOUNTS_FOUND", { context: { error: "No account address provided" } });
+    }
+    const extensions = await extensionDapp.web3Enable(dappName);
+    if (extensions.length === 0) {
+      throw new common.ProsopoError("WIDGET.NO_EXTENSION_FOUND");
+    }
+    for (const extension of extensions) {
+      const accounts = await extension.accounts.get();
+      const account = accounts.find((account2) => account2.address === address);
+      if (account) {
+        return { account, extension };
+      }
+    }
+    throw new common.ProsopoError("WIDGET.ACCOUNT_NOT_FOUND", {
+      context: { error: `No account found matching ${address}` }
+    });
+  }
+}
+exports.ExtensionWeb3 = ExtensionWeb3;

package/dist/cjs/account/dist/index.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const Extension = require("./extension/Extension.cjs");
+const ExtensionWeb2 = require("./extension/ExtensionWeb2.cjs");
+const ExtensionWeb3 = require("./extension/ExtensionWeb3.cjs");
+exports.Extension = Extension.Extension;
+exports.ExtensionWeb2 = ExtensionWeb2.ExtensionWeb2;
+exports.ExtensionWeb3 = ExtensionWeb3.ExtensionWeb3;

package/dist/cjs/index.cjs

@@ -1,11 +1,14 @@
 "use strict";
-var _a;
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const jsxRuntime = require("react/jsx-runtime");
 const types = require("@prosopo/types");
 const procaptchaReact = require("@prosopo/procaptcha-react");
+require("./procaptcha-frictionless/dist/index.cjs");
+require("./procaptcha-pow/dist/index.cjs");
 const util = require("@prosopo/util");
 const client = require("react-dom/client");
+const ProcaptchaFrictionless = require("./procaptcha-frictionless/dist/ProcaptchaFrictionless.cjs");
+const ProcaptchaPoW = require("./procaptcha-pow/dist/components/ProcaptchaPoW.cjs");
 const BUNDLE_NAME = "procaptcha.bundle.js";
 const getProcaptchaScript = () => document.querySelector(`script[src*="${BUNDLE_NAME}"]`);
 const extractParams = (name) => {
@@ -31,7 +34,8 @@ const getConfig = (siteKey) => {
       address: siteKey
     },
     serverUrl: process.env.PROSOPO_SERVER_URL || "",
-    mongoAtlasUri: process.env._DEV_ONLY_WATCH_EVENTS === "true" || false
+    mongoAtlasUri: process.env.PROSOPO_MONGO_EVENTS_URI || "",
+    devOnlyWatchEvents: process.env._DEV_ONLY_WATCH_EVENTS === "true" || false
   });
 };
 const getParentForm = (element) => element.closest("form");
@@ -58,12 +62,12 @@ const customThemeSet = /* @__PURE__ */ new Set(["light", "dark"]);
 const validateTheme = (themeAttribute) => customThemeSet.has(themeAttribute) ? themeAttribute : "light";
 const renderLogic = (elements, config, renderOptions) => {
   elements.forEach((element) => {
-    const callbackName = (renderOptions == null ? void 0 : renderOptions.callback) || element.getAttribute("data-callback");
-    const chalExpiredCallbackName = (renderOptions == null ? void 0 : renderOptions["chalexpired-callback"]) || element.getAttribute("data-chalexpired-callback");
-    const errorCallback = (renderOptions == null ? void 0 : renderOptions["error-callback"]) || element.getAttribute("data-error-callback");
-    const onCloseCallbackName = (renderOptions == null ? void 0 : renderOptions["close-callback"]) || element.getAttribute("data-close-callback");
-    const onOpenCallbackName = (renderOptions == null ? void 0 : renderOptions["open-callback"]) || element.getAttribute("data-open-callback");
-    const onExpiredCallbackName = (renderOptions == null ? void 0 : renderOptions["expired-callback"]) || element.getAttribute("data-expired-callback");
+    const callbackName = renderOptions?.callback || element.getAttribute("data-callback");
+    const chalExpiredCallbackName = renderOptions?.["chalexpired-callback"] || element.getAttribute("data-chalexpired-callback");
+    const errorCallback = renderOptions?.["error-callback"] || element.getAttribute("data-error-callback");
+    const onCloseCallbackName = renderOptions?.["close-callback"] || element.getAttribute("data-close-callback");
+    const onOpenCallbackName = renderOptions?.["open-callback"] || element.getAttribute("data-open-callback");
+    const onExpiredCallbackName = renderOptions?.["expired-callback"] || element.getAttribute("data-expired-callback");
     const callbacks = {
       onHuman: (payload) => handleOnHuman(element, payload),
       onChallengeExpired: () => {
@@ -94,32 +98,46 @@ const renderLogic = (elements, config, renderOptions) => {
       callbacks.onClose = getWindowCallback(onCloseCallbackName);
     if (onOpenCallbackName)
       callbacks.onOpen = getWindowCallback(onOpenCallbackName);
-    const themeAttribute = (renderOptions == null ? void 0 : renderOptions.theme) || element.getAttribute("data-theme") || "light";
+    const themeAttribute = renderOptions?.theme || element.getAttribute("data-theme") || "light";
     config.theme = validateTheme(themeAttribute);
-    const challengeValidLengthAttribute = (renderOptions == null ? void 0 : renderOptions["challenge-valid-length"]) || element.getAttribute("data-challenge-valid-length");
+    const challengeValidLengthAttribute = renderOptions?.["challenge-valid-length"] || element.getAttribute("data-challenge-valid-length");
     if (challengeValidLengthAttribute) {
       config.challengeValidLength = parseInt(challengeValidLengthAttribute);
     }
-    client.createRoot(element).render(/* @__PURE__ */ jsxRuntime.jsx(procaptchaReact.Procaptcha, { config, callbacks }));
+    switch (renderOptions?.captchaType) {
+      case "pow":
+        client.createRoot(element).render(/* @__PURE__ */ jsxRuntime.jsx(ProcaptchaPoW.ProcaptchaPow, { config, callbacks }));
+        break;
+      case "frictionless":
+        client.createRoot(element).render(/* @__PURE__ */ jsxRuntime.jsx(ProcaptchaFrictionless.ProcaptchaFrictionless, { config, callbacks }));
+        break;
+      default:
+        client.createRoot(element).render(/* @__PURE__ */ jsxRuntime.jsx(procaptchaReact.Procaptcha, { config, callbacks }));
+        break;
+    }
   });
 };
 const implicitRender = () => {
   const elements = Array.from(document.getElementsByClassName("procaptcha"));
   if (elements.length) {
-    const siteKey = util.at(elements, 0).getAttribute("data-sitekey") || void 0;
-    const config = getConfig(siteKey);
-    renderLogic(elements, config);
+    const siteKey = util.at(elements, 0).getAttribute("data-sitekey");
+    if (!siteKey) {
+      console.error("No siteKey found");
+      return;
+    }
+    const features = Object.values(types.FeaturesEnum);
+    const captchaType = features.find((feature) => feature === util.at(elements, 0).getAttribute("data-captcha-type")) || "image";
+    renderLogic(elements, getConfig(siteKey), { captchaType, siteKey });
   }
 };
 const render = (elementId, renderOptions) => {
   const siteKey = renderOptions.siteKey;
-  const config = getConfig(siteKey);
   const element = document.getElementById(elementId);
   if (!element) {
     console.error("Element not found:", elementId);
     return;
   }
-  renderLogic([element], config, renderOptions);
+  renderLogic([element], getConfig(siteKey), renderOptions);
 };
 function ready(fn) {
   if (document && document.readyState !== "loading") {
@@ -137,7 +155,7 @@ if (renderExplicit !== "explicit") {
 }
 if (onloadUrlCallback) {
   const onloadCallback = getWindowCallback(onloadUrlCallback);
-  (_a = getProcaptchaScript()) == null ? void 0 : _a.addEventListener("load", () => {
+  getProcaptchaScript()?.addEventListener("load", () => {
     ready(onloadCallback);
   });
 }

package/dist/cjs/procaptcha-frictionless/dist/ProcaptchaFrictionless.cjs

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const procaptchaReact = require("@prosopo/procaptcha-react");
+require("../../web-components/dist/index.cjs");
+require("../../procaptcha-pow/dist/index.cjs");
+const botd = require("@fingerprintjs/botd");
+const react = require("react");
+const CaptchaPlaceholder = require("../../web-components/dist/CaptchaPlaceholder.cjs");
+const ProcaptchaPoW = require("../../procaptcha-pow/dist/components/ProcaptchaPoW.cjs");
+const ProcaptchaFrictionless = ({ config, callbacks }) => {
+  const [componentToRender, setComponentToRender] = react.useState(jsxRuntime.jsx(CaptchaPlaceholder.ProcaptchaPlaceholder, { darkMode: config.theme }));
+  react.useEffect(() => {
+    const detectBot = async () => {
+      const botd$1 = await botd.load();
+      const result = botd$1.detect();
+      if (result.bot) {
+        setComponentToRender(jsxRuntime.jsx(procaptchaReact.Procaptcha, { config, callbacks }));
+      } else {
+        setComponentToRender(jsxRuntime.jsx(ProcaptchaPoW.ProcaptchaPow, { config, callbacks }));
+      }
+    };
+    detectBot();
+  }, [config, callbacks]);
+  return componentToRender;
+};
+exports.ProcaptchaFrictionless = ProcaptchaFrictionless;

package/dist/cjs/procaptcha-frictionless/dist/index.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const ProcaptchaFrictionless = require("./ProcaptchaFrictionless.cjs");
+exports.ProcaptchaFrictionless = ProcaptchaFrictionless.ProcaptchaFrictionless;

package/dist/cjs/procaptcha-pow/dist/Services/Manager.cjs

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const Api = require("@polkadot/api/promise/Api");
+require("../../../account/dist/index.cjs");
+const keyring = require("@polkadot/keyring");
+const types = require("@prosopo/types");
+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 SolverService = require("./SolverService.cjs");
+const ExtensionWeb2 = require("../../../account/dist/extension/ExtensionWeb2.cjs");
+const Manager = async (configInput) => {
+  const getConfig = () => {
+    const config2 = {
+      userAccountAddress: "",
+      ...configInput
+    };
+    return types.ProcaptchaConfigSchema.parse(config2);
+  };
+  const getNetwork = (config2) => {
+    const network = config2.networks[config2.defaultNetwork];
+    if (!network) {
+      throw new common.ProsopoEnvError("DEVELOPER.NETWORK_NOT_FOUND", {
+        context: { error: `No network found for environment ${config2.defaultEnvironment}` }
+      });
+    }
+    return network;
+  };
+  const loadContract = async () => {
+    const network = getNetwork(getConfig());
+    const api2 = await Api.ApiPromise.create({ provider: new ws.WsProvider(network.endpoint), initWasm: false });
+    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 config = getConfig();
+  if (!config.web2 && !config.userAccountAddress) {
+    throw new common.ProsopoEnvError("GENERAL.ACCOUNT_NOT_FOUND", {
+      context: { error: "Account address has not been set for web3 mode" }
+    });
+  }
+  const ext = new ExtensionWeb2.ExtensionWeb2();
+  const account = await ext.getAccount(config);
+  const contract$1 = await loadContract();
+  const getRandomProviderResponse = await contract.wrapQuery(contract$1.query.getRandomActiveProvider, contract$1.query)(account.account.address, configInput.account.address || "");
+  const providerUrl = common.trimProviderUrl(getRandomProviderResponse.provider.url.toString());
+  const providerApi = new api.ProviderApi(getNetwork(getConfig()), providerUrl, configInput.account.address || "");
+  const challenge = await providerApi.getPowCaptchaChallenge(account.account.address, configInput.account.address || "");
+  console.log("challenge", challenge);
+  console.log("challenge", challenge.challenge);
+  console.log("challenge", challenge.difficulty);
+  const solution = SolverService.solvePoW(challenge.challenge, challenge.difficulty);
+  console.log("solution", solution);
+  const verifiedSolution = await providerApi.submitPowCaptchaSolution(challenge, account.account.address, configInput.account.address || "", getRandomProviderResponse, solution);
+  return verifiedSolution;
+};
+exports.Manager = Manager;

package/dist/cjs/procaptcha-pow/dist/Services/SolverService.cjs

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const sha256 = require("@noble/hashes/sha256");
+const solvePoW = (data, difficulty) => {
+  let nonce = 0;
+  const prefix = "0".repeat(difficulty);
+  while (true) {
+    const message = new TextEncoder().encode(nonce + data);
+    const hashHex = bufferToHex(sha256.sha256(message));
+    if (hashHex.startsWith(prefix)) {
+      return nonce;
+    }
+    nonce += 1;
+  }
+};
+const bufferToHex = (buffer) => Array.from(buffer).map((byte) => byte.toString(16).padStart(2, "0")).join("");
+exports.solvePoW = solvePoW;

package/dist/cjs/procaptcha-pow/dist/components/Captcha.cjs

@@ -0,0 +1,55 @@
+"use strict";
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+require("../../../web-components/dist/index.cjs");
+const Manager = require("../Services/Manager.cjs");
+const react = require("react");
+const theme = require("../../../web-components/dist/theme.cjs");
+const Containers = require("../../../web-components/dist/Containers.cjs");
+const WidgetConstants = require("../../../web-components/dist/WidgetConstants.cjs");
+const LoadingSpinner = require("../../../web-components/dist/LoadingSpinner.cjs");
+const Checkbox = require("../../../web-components/dist/Checkbox.cjs");
+const Logo = require("../../../web-components/dist/Logo.cjs");
+const Procaptcha = (props) => {
+  const [checked, setChecked] = react.useState(false);
+  const [loading, setLoading] = react.useState(false);
+  const darkMode = props.config.theme;
+  const themeColor = darkMode ? "light" : "dark";
+  const theme$1 = react.useMemo(() => darkMode === "light" ? theme.lightTheme : theme.darkTheme, [darkMode]);
+  const handlePowCaptcha = async () => {
+    setLoading(true);
+    Manager.Manager(props.config).then((verified) => {
+      if (verified.verified) {
+        console.log("verified");
+        setChecked(true);
+      }
+      setLoading(false);
+    });
+  };
+  return jsxRuntime.jsx("div", { children: jsxRuntime.jsx("div", { style: { maxWidth: "100%", maxHeight: "100%", overflowX: "auto" }, children: jsxRuntime.jsx(Containers.ContainerDiv, { children: jsxRuntime.jsx(Containers.WidthBasedStylesDiv, { children: jsxRuntime.jsxs("div", { style: WidgetConstants.WIDGET_DIMENSIONS, "data-cy": "button-human", children: [" ", jsxRuntime.jsxs("div", { style: {
+    padding: "2px",
+    border: "1px solid",
+    backgroundColor: theme$1.palette.background.default,
+    borderColor: theme$1.palette.grey[300],
+    borderRadius: "4px",
+    display: "flex",
+    alignItems: "center",
+    flexWrap: "wrap",
+    justifyContent: "space-between",
+    minHeight: `${WidgetConstants.WIDGET_INNER_HEIGHT}px`,
+    overflow: "hidden"
+  }, children: [jsxRuntime.jsx("div", { style: { display: "inline-flex", flexDirection: "column" }, children: jsxRuntime.jsx("div", { style: {
+    display: "flex",
+    justifyContent: "flex-start",
+    alignItems: "center",
+    flexWrap: "wrap"
+  }, children: jsxRuntime.jsx("div", { style: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    flexDirection: "column",
+    verticalAlign: "middle"
+  }, children: jsxRuntime.jsx("div", { style: {
+    display: "flex"
+  }, children: jsxRuntime.jsx("div", { style: { flex: 1 }, children: loading ? jsxRuntime.jsx(LoadingSpinner.LoadingSpinner, { themeColor }) : jsxRuntime.jsx(Checkbox.Checkbox, { checked, onChange: handlePowCaptcha, themeColor, labelText: "I am human" }) }) }) }) }) }), jsxRuntime.jsx("div", { style: { display: "inline-flex", flexDirection: "column" }, children: jsxRuntime.jsx("a", { href: WidgetConstants.WIDGET_URL, target: "_blank", "aria-label": WidgetConstants.WIDGET_URL_TEXT, children: jsxRuntime.jsx("div", { style: { flex: 1 }, children: jsxRuntime.jsx(Logo, { themeColor }) }) }) })] })] }) }) }) }) });
+};
+module.exports = Procaptcha;

package/dist/cjs/procaptcha-pow/dist/components/ProcaptchaPoW.cjs

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+require("../../../web-components/dist/index.cjs");
+const react = require("react");
+const CaptchaPlaceholder = require("../../../web-components/dist/CaptchaPlaceholder.cjs");
+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 ProcaptchaPow = (props) => jsxRuntime.jsx(react.Suspense, { fallback: jsxRuntime.jsx(CaptchaPlaceholder.ProcaptchaPlaceholder, { darkMode: props.config.theme }), children: jsxRuntime.jsx(ProcaptchaWidget, { config: props.config, callbacks: props.callbacks }) });
+exports.ProcaptchaPow = ProcaptchaPow;

package/dist/cjs/procaptcha-pow/dist/index.cjs

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

package/dist/cjs/web-components/dist/CaptchaPlaceholder.cjs

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const Containers = require("./Containers.cjs");
+const LoadingSpinner = require("./LoadingSpinner.cjs");
+const WidgetConstants = require("./WidgetConstants.cjs");
+const theme = require("./theme.cjs");
+const react = require("react");
+const Logo = require("./Logo.cjs");
+const ProcaptchaPlaceholder = (props) => {
+  const darkMode = props.darkMode;
+  const themeColor = props.darkMode === "light" ? "light" : "dark";
+  const theme$1 = react.useMemo(() => darkMode === "light" ? theme.lightTheme : theme.darkTheme, [darkMode]);
+  return jsxRuntime.jsx("div", { children: jsxRuntime.jsx("div", { style: { maxWidth: "100%", maxHeight: "100%", overflowX: "auto" }, children: jsxRuntime.jsx(Containers.ContainerDiv, { children: jsxRuntime.jsx(Containers.WidthBasedStylesDiv, { children: jsxRuntime.jsxs("div", { style: WidgetConstants.WIDGET_DIMENSIONS, "data-cy": "button-human", children: [" ", jsxRuntime.jsxs("div", { style: {
+    padding: "2px",
+    border: "1px solid",
+    backgroundColor: theme$1.palette.background.default,
+    borderColor: theme$1.palette.grey[300],
+    borderRadius: "8px",
+    display: "flex",
+    alignItems: "center",
+    flexWrap: "wrap",
+    justifyContent: "space-between",
+    minHeight: `${WidgetConstants.WIDGET_INNER_HEIGHT}px`,
+    overflow: "hidden"
+  }, children: [jsxRuntime.jsx("div", { style: { display: "flex", flexDirection: "column" }, children: jsxRuntime.jsx("div", { style: {
+    alignItems: "center",
+    flex: 1
+  }, children: jsxRuntime.jsx("div", { style: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    flexDirection: "column",
+    verticalAlign: "middle"
+  }, children: jsxRuntime.jsx("div", { style: {
+    display: "flex"
+  }, children: jsxRuntime.jsx("div", { style: { display: "inline-flex" }, children: jsxRuntime.jsx(LoadingSpinner.LoadingSpinner, { themeColor }) }) }) }) }) }), jsxRuntime.jsx("div", { style: { display: "inline-flex", flexDirection: "column" }, children: jsxRuntime.jsx("a", { href: WidgetConstants.WIDGET_URL, target: "_blank", "aria-label": WidgetConstants.WIDGET_URL_TEXT, children: jsxRuntime.jsx("div", { style: { flex: 1 }, children: jsxRuntime.jsx(Logo, { themeColor }) }) }) })] })] }) }) }) }) });
+};
+exports.ProcaptchaPlaceholder = ProcaptchaPlaceholder;

package/dist/cjs/web-components/dist/Checkbox.cjs

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const react = require("@emotion/react");
+const theme = require("./theme.cjs");
+const react$1 = require("react");
+const checkboxBefore = react.css`{
+    &:before {
+        content: '""';
+        position: absolute;
+        height: 100%;
+        width: 100%;
+    }
+}`;
+const baseStyle = {
+  width: "28px",
+  height: "28px",
+  top: "auto",
+  left: "auto",
+  opacity: "1",
+  borderRadius: "12.5%",
+  appearance: "none",
+  cursor: "pointer",
+  margin: "0",
+  borderStyle: "solid",
+  borderWidth: "1px"
+};
+const Checkbox = ({ themeColor, onChange, checked, labelText }) => {
+  const theme$1 = react$1.useMemo(() => themeColor === "light" ? theme.lightTheme : theme.darkTheme, [themeColor]);
+  const checkboxStyleBase = {
+    ...baseStyle,
+    border: `1px solid ${theme$1.palette.background.contrastText}`
+  };
+  const [hover, setHover] = react$1.useState(false);
+  const checkboxStyle = react$1.useMemo(() => {
+    return {
+      ...checkboxStyleBase,
+      borderColor: hover ? theme$1.palette.background.contrastText : theme$1.palette.grey[400],
+      appearance: checked ? "auto" : "none",
+      flex: 1,
+      margin: "0 15px"
+    };
+  }, [hover, theme$1, checked]);
+  const id = react$1.useId();
+  return jsxRuntime.jsxs("span", { style: { display: "inline-flex" }, children: [jsxRuntime.jsx("input", { name: id, onMouseEnter: () => setHover(true), onMouseLeave: () => setHover(false), css: checkboxBefore, type: "checkbox", "aria-live": "assertive", "aria-haspopup": "true", onChange, checked, style: checkboxStyle }), jsxRuntime.jsx("label", { css: {
+    color: theme$1.palette.background.contrastText,
+    position: "relative",
+    display: "flex",
+    cursor: "pointer",
+    userSelect: "none",
+    top: "4px"
+  }, htmlFor: id, children: labelText })] });
+};
+exports.Checkbox = Checkbox;
+exports.default = Checkbox;

package/dist/cjs/web-components/dist/Containers.cjs

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const WidgetConstants = require("./WidgetConstants.cjs");
+const styled = require("@emotion/styled");
+const ContainerDiv = styled.div`
+    container-type: inline-size;
+`;
+const WidthBasedStylesDiv = styled.div`
+    max-width: 100%;
+    max-height: 100%;
+    overflow: hidden;
+    height: ${WidgetConstants.WIDGET_OUTER_HEIGHT}px;
+    @container (max-width: 243px) {
+        #logo-without-text {
+            display: none;
+        }
+
+        #logo-with-text {
+            display: none;
+        }
+    }
+    @container (min-width: 244px) and (max-width: 339px) {
+        #logo-without-text {
+            display: inherit;
+        }
+
+        #logo-with-text {
+            display: none;
+        }
+    }
+    @container (min-width: 340px) {
+        #logo-without-text {
+            display: none;
+        }
+
+        #logo-with-text {
+            display: inherit;
+        }
+    }
+`;
+exports.ContainerDiv = ContainerDiv;
+exports.WidthBasedStylesDiv = WidthBasedStylesDiv;

package/dist/cjs/web-components/dist/LoadingSpinner.cjs

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const theme = require("./theme.cjs");
+const react = require("react");
+const styled = require("@emotion/styled");
+const LoadingSpinner = ({ themeColor }) => {
+  const theme$1 = react.useMemo(() => themeColor === "light" ? theme.lightTheme : theme.darkTheme, [themeColor]);
+  const StyledDiv = styled.div`
+        margin-top: 0;
+        margin-left: 15px;
+        margin-right: 15px;
+        width: 2em;
+        height: 2em;
+        border: 4px solid ${theme$1.palette.background.contrastText};
+        border-bottom-color: transparent;
+        border-radius: 50%;
+        display: inherit;
+        box-sizing: border-box;
+        animation: rotation 1s linear infinite;
+
+        @keyframes rotation {
+            0% {
+                transform: rotate(0deg);
+            }
+            100% {
+                transform: rotate(360deg);
+            }
+        }
+    `;
+  return jsxRuntime.jsx(StyledDiv, {});
+};
+exports.LoadingSpinner = LoadingSpinner;
+exports.default = LoadingSpinner;

package/dist/cjs/web-components/dist/Logo.cjs

@@ -0,0 +1,16 @@
+"use strict";
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const LogoWithText = require("./LogoWithText.cjs");
+const LogoWithoutText = require("./LogoWithoutText.cjs");
+const styled = require("@emotion/styled");
+const LogoContainer = styled.div`
+    padding: 8px;
+    flex: 1 1 0;
+`;
+const LogoInnerContainer = styled.div`
+    padding: 8px;
+`;
+const Logo = ({ themeColor }) => {
+  return jsxRuntime.jsx(LogoContainer, { children: jsxRuntime.jsxs(LogoInnerContainer, { children: [jsxRuntime.jsx(LogoWithoutText.LogoWithoutText, { themeColor }), jsxRuntime.jsx(LogoWithText.LogoWithText, { themeColor })] }) });
+};
+module.exports = Logo;