@prosopo/procaptcha-frictionless 0.3.38 → 0.3.40

package/dist/cjs/ProcaptchaFrictionless.cjs

@@ -2,14 +2,13 @@
 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");
+const webComponents = require("@prosopo/web-components");
 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(/* @__PURE__ */ jsxRuntime.jsx(CaptchaPlaceholder.ProcaptchaPlaceholder, { darkMode: config.theme }));
+  const [componentToRender, setComponentToRender] = react.useState(/* @__PURE__ */ jsxRuntime.jsx(webComponents.ProcaptchaPlaceholder, { darkMode: config.theme }));
   react.useEffect(() => {
     const detectBot = async () => {
       const botd$1 = await botd.load();

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

@@ -4,6 +4,7 @@ const Api = require("@polkadot/api/promise/Api");
 const Extension = require("./Extension.cjs");
 const keyring = require("@polkadot/keyring");
 const common = require("@prosopo/common");
+const Signer = require("@polkadot/extension-base/page/Signer");
 const ws = require("@polkadot/rpc-provider/ws");
 const address = require("@polkadot/util-crypto/address");
 const bip39 = require("@polkadot/util-crypto/mnemonic/bip39");
@@ -11,7 +12,6 @@ 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);

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

@@ -11,7 +11,7 @@ const ws = require("@polkadot/rpc-provider/ws");
 const contractInfo = require("@prosopo/captcha-contract/contract-info");
 const procaptchaCommon = require("@prosopo/procaptcha-common");
 const procaptcha = require("@prosopo/procaptcha");
-const SolverService = require("./SolverService.cjs");
+const util = require("@prosopo/util");
 const ExtensionWeb2 = require("../../../account/dist/extension/ExtensionWeb2.cjs");
 const Manager = (configInput, state, onStateUpdate, callbacks) => {
   const defaultState = () => {
@@ -113,7 +113,7 @@ const Manager = (configInput, state, onStateUpdate, callbacks) => {
     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 solution = SolverService.solvePoW(challenge.challenge, challenge.difficulty);
+    const solution = util.solvePoW(challenge.challenge, challenge.difficulty);
     const verifiedSolution = await providerApi.submitPowCaptchaSolution(challenge, getAccount().account.address, getDappAccount(), getRandomProviderResponse, solution);
     if (verifiedSolution[types.ApiParams.verified]) {
       updateState({

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

@@ -1,34 +1,28 @@
 "use strict";
 const jsxRuntime = require("@emotion/react/jsx-runtime");
-require("../../../web-components/dist/index.cjs");
+const webComponents = require("@prosopo/web-components");
 const Manager = require("../Services/Manager.cjs");
 const procaptchaCommon = require("@prosopo/procaptcha-common");
 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 config = props.config;
   const themeColor = config.theme === "light" ? "light" : "dark";
-  const theme$1 = props.config.theme === "light" ? theme.lightTheme : theme.darkTheme;
+  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 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: WidgetConstants.WIDGET_PADDING,
-    border: WidgetConstants.WIDGET_BORDER,
-    backgroundColor: theme$1.palette.background.default,
-    borderColor: theme$1.palette.grey[300],
-    borderRadius: WidgetConstants.WIDGET_BORDER_RADIUS,
+  return jsxRuntime.jsx("div", { children: jsxRuntime.jsx("div", { style: { maxWidth: "100%", maxHeight: "100%", overflowX: "auto" }, children: jsxRuntime.jsx(webComponents.ContainerDiv, { children: jsxRuntime.jsx(webComponents.WidthBasedStylesDiv, { children: jsxRuntime.jsxs("div", { style: webComponents.WIDGET_DIMENSIONS, "data-cy": "button-human", children: [" ", 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: `${WidgetConstants.WIDGET_INNER_HEIGHT}px`,
+    minHeight: `${webComponents.WIDGET_INNER_HEIGHT}px`,
     overflow: "hidden"
   }, children: [jsxRuntime.jsx("div", { style: { display: "inline-flex", flexDirection: "column" }, children: jsxRuntime.jsx("div", { style: {
     display: "flex",
@@ -43,6 +37,6 @@ const Procaptcha = (props) => {
     verticalAlign: "middle"
   }, children: jsxRuntime.jsx("div", { style: {
     display: "flex"
-  }, children: jsxRuntime.jsx("div", { style: { flex: 1 }, children: state.loading ? jsxRuntime.jsx(LoadingSpinner.LoadingSpinner, { themeColor }) : jsxRuntime.jsx(Checkbox.Checkbox, { checked: state.isHuman, onChange: manager.start, 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 }) }) }) })] })] }) }) }) }) });
+  }, children: jsxRuntime.jsx("div", { style: { flex: 1 }, children: state.loading ? jsxRuntime.jsx(webComponents.LoadingSpinner, { themeColor }) : jsxRuntime.jsx(webComponents.Checkbox, { checked: state.isHuman, onChange: manager.start, themeColor, labelText: "I am human" }) }) }) }) }) }), jsxRuntime.jsx("div", { style: { display: "inline-flex", flexDirection: "column" }, children: jsxRuntime.jsx("a", { href: webComponents.WIDGET_URL, target: "_blank", "aria-label": webComponents.WIDGET_URL_TEXT, children: jsxRuntime.jsx("div", { style: { flex: 1 }, children: jsxRuntime.jsx(webComponents.Logo, { themeColor }) }) }) })] })] }) }) }) }) });
 };
 module.exports = Procaptcha;

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@prosopo/procaptcha-frictionless",
-    "version": "0.3.38",
+    "version": "0.3.40",
     "author": "PROSOPO LIMITED <info@prosopo.io>",
     "license": "Apache-2.0",
     "main": "./dist/index.js",
@@ -23,7 +23,7 @@
         "clean": "tsc --build --clean",
         "build": "tsc --build --verbose tsconfig.json",
         "build:cjs": "npx vite --config vite.cjs.config.ts build",
-        "eslint": "npx eslint . --no-error-on-unmatched-pattern --ignore-path ../../.eslintignore",
+        "eslint": "npx eslint . --no-error-on-unmatched-pattern --ignore-path ../../.eslintignore --quiet",
         "eslint:fix": "npm run eslint -- --fix",
         "prettier": "npx prettier . --check --no-error-on-unmatched-pattern --ignore-path ../../.eslintignore",
         "prettier:fix": "npm run prettier -- --write",
@@ -35,10 +35,11 @@
     ],
     "dependencies": {
         "@fingerprintjs/botd": "^1.9.0",
-        "@prosopo/procaptcha-pow": "0.3.38",
-        "@prosopo/procaptcha-react": "0.3.38",
-        "@prosopo/web-components": "0.3.38",
-        "react": "^18.2.0"
+        "@prosopo/procaptcha-pow": "0.3.40",
+        "@prosopo/procaptcha-react": "0.3.40",
+        "@prosopo/types": "0.3.40",
+        "@prosopo/web-components": "0.3.40",
+        "react": "^18.3.1"
     },
     "devDependencies": {
         "tslib": "2.6.2",

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

@@ -1,17 +0,0 @@
-"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/web-components/dist/CaptchaPlaceholder.cjs

@@ -1,37 +0,0 @@
-"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 Logo = require("./Logo.cjs");
-const ProcaptchaPlaceholder = (props) => {
-  const themeColor = props.darkMode === "light" ? "light" : "dark";
-  const theme$1 = props.darkMode === "light" ? theme.lightTheme : theme.darkTheme;
-  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: WidgetConstants.WIDGET_PADDING,
-    border: WidgetConstants.WIDGET_BORDER,
-    backgroundColor: theme$1.palette.background.default,
-    borderColor: theme$1.palette.grey[300],
-    borderRadius: WidgetConstants.WIDGET_BORDER_RADIUS,
-    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

@@ -1,59 +0,0 @@
-"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 ID_LETTERS = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";
-const generateRandomId = () => {
-  return Array.from({ length: 8 }, () => ID_LETTERS[Math.floor(Math.random() * ID_LETTERS.length)]).join("");
-};
-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: "15px"
-    };
-  }, [hover, theme$1, checked]);
-  const id = generateRandomId();
-  return jsxRuntime.jsxs("span", { style: { display: "inline-flex" }, children: [jsxRuntime.jsx("input", { name: id, 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: "18px"
-  }, htmlFor: id, children: labelText })] });
-};
-exports.Checkbox = Checkbox;
-exports.default = Checkbox;

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

@@ -1,42 +0,0 @@
-"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

@@ -1,34 +0,0 @@
-"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

@@ -1,16 +0,0 @@
-"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;

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

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const react = require("react");
-const LogoWithText = ({ themeColor }) => {
-  const fill = react.useMemo(() => themeColor === "light" ? "#1d1d1b" : "#fff", [themeColor]);
-  return jsxRuntime.jsxs("svg", { className: "logo", id: "logo-with-text", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 2062.63 468.67", height: "35px", width: "140px", style: { fill }, children: [jsxRuntime.jsx("title", { children: "Prosopo Logo With Text" }), jsxRuntime.jsx("path", { d: "M335.55,1825.19A147.75,147.75,0,0,1,483.3,1972.94h50.5c0-109.49-88.76-198.25-198.25-198.25v50.5Z", transform: "translate(-215.73 -1774.69)" }), jsxRuntime.jsx("path", { d: "M269.36,1891.39A147.74,147.74,0,0,1,417.1,2039.13h50.5c0-109.49-88.75-198.24-198.24-198.24v50.5Z", transform: "translate(-215.73 -1774.69)" }), jsxRuntime.jsx("path", { d: "M414,2157.17a147.75,147.75,0,0,1-147.74-147.74h-50.5c0,109.49,88.75,198.24,198.24,198.24v-50.5Z", transform: "translate(-215.73 -1774.69)" }), jsxRuntime.jsx("path", { d: "M480.17,2091a147.74,147.74,0,0,1-147.74-147.75H281.92c0,109.49,88.76,198.25,198.25,198.25V2091Z", transform: "translate(-215.73 -1774.69)" }), jsxRuntime.jsx("path", { d: "M862.8,2017.5q-27.39,22.86-78.25,22.86h-65v112.19H654.82v-312h134q46.32,0,73.86,24.13t27.55,74.72Q890.2,1994.64,862.8,2017.5ZM813,1905.1q-12.37-10.36-34.7-10.38H719.59v91.87h58.75q22.32,0,34.7-11.22t12.39-35.56Q825.43,1915.48,813,1905.1Z", transform: "translate(-215.73 -1774.69)" }), jsxRuntime.jsx("path", { d: "M1045.69,1916.42c.78.08,2.51.19,5.19.32v61.81c-3.81-.42-7.2-.71-10.16-.85s-5.36-.21-7.2-.21q-36.4,0-48.89,23.71-7,13.33-7,41.06v110.29H916.89V1921.82h57.58V1962q14-23.07,24.34-31.54,16.94-14.18,44-14.18C1044,1916.32,1044.92,1916.35,1045.69,1916.42Z", transform: "translate(-215.73 -1774.69)" }), jsxRuntime.jsx("path", { d: "M1265.64,2124.32q-29.21,36.06-88.69,36.06t-88.69-36.06Q1059,2088.26,1059,2037.5q0-49.9,29.22-86.5t88.69-36.59q59.47,0,88.69,36.59t29.21,86.5Q1294.85,2088.26,1265.64,2124.32ZM1217.38,2091q14.17-18.81,14.18-53.48t-14.18-53.37q-14.19-18.7-40.64-18.71T1136,1984.13q-14.29,18.72-14.29,53.37T1136,2091q14.28,18.81,40.75,18.81T1217.38,2091Z", transform: "translate(-215.73 -1774.69)" }), jsxRuntime.jsx("path", { d: "M1371.81,2078.88q1.92,16.1,8.29,22.87,11.28,12.06,41.7,12.06,17.85,0,28.39-5.29t10.53-15.88a17.12,17.12,0,0,0-8.48-15.45q-8.49-5.28-63.12-18.2-39.33-9.73-55.41-24.35-16.08-14.39-16.09-41.49,0-32,25.14-54.93t70.75-23q43.26,0,70.53,17.25t31.29,59.59H1455q-1.27-11.64-6.58-18.42-10-12.27-34-12.28-19.74,0-28.13,6.14t-8.38,14.4c0,6.91,3,11.93,8.92,15q8.89,4.89,63,16.73,36,8.46,54.05,25.61,17.77,17.35,17.78,43.39,0,34.3-25.56,56t-79,21.7q-54.51,0-80.49-23t-26-58.53Z", transform: "translate(-215.73 -1774.69)" }), jsxRuntime.jsx("path", { d: "M1745.54,2124.32q-29.22,36.06-88.7,36.06t-88.69-36.06q-29.2-36.06-29.21-86.82,0-49.9,29.21-86.5t88.69-36.59q59.49,0,88.7,36.59t29.21,86.5Q1774.75,2088.26,1745.54,2124.32ZM1697.27,2091q14.19-18.81,14.19-53.48t-14.19-53.37q-14.18-18.7-40.64-18.71t-40.75,18.71q-14.28,18.72-14.28,53.37t14.28,53.48q14.3,18.81,40.75,18.81T1697.27,2091Z", transform: "translate(-215.73 -1774.69)" }), jsxRuntime.jsx("path", { d: "M1992.75,1946.59q28.24,29.84,28.23,87.63,0,61-27.58,92.93t-71.06,32q-27.69,0-46-13.76-10-7.62-19.6-22.23v120.24H1797V1921.82h57.79v34.08q9.79-15,20.88-23.71,20.23-15.43,48.15-15.45Q1964.53,1916.74,1992.75,1946.59Zm-46.3,43.39q-12.3-20.52-39.88-20.53-33.15,0-45.54,31.11-6.43,16.51-6.42,41.92,0,40.21,21.58,56.51,12.82,9.53,30.37,9.53,25.45,0,38.83-19.48t13.36-51.86Q1958.75,2010.51,1946.45,1990Z", transform: "translate(-215.73 -1774.69)" }), jsxRuntime.jsx("path", { d: "M2249.14,2124.32q-29.2,36.06-88.69,36.06t-88.69-36.06q-29.22-36.06-29.21-86.82,0-49.9,29.21-86.5t88.69-36.59q59.49,0,88.69,36.59t29.22,86.5Q2278.36,2088.26,2249.14,2124.32ZM2200.88,2091q14.19-18.81,14.18-53.48t-14.18-53.37q-14.18-18.7-40.64-18.71t-40.75,18.71q-14.28,18.72-14.29,53.37t14.29,53.48q14.3,18.81,40.75,18.81T2200.88,2091Z", transform: "translate(-215.73 -1774.69)" })] });
-};
-exports.LogoWithText = LogoWithText;
-exports.default = LogoWithText;

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

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const react = require("react");
-const LogoWithoutText = ({ themeColor }) => {
-  const fill = react.useMemo(() => themeColor === "light" ? "#1d1d1b" : "#fff", [themeColor]);
-  return jsxRuntime.jsxs("svg", { className: "logo", id: "logo-without-text", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 260 348", height: "35px", style: { fill }, children: [jsxRuntime.jsx("title", { children: "Prosopo Logo Without Text" }), jsxRuntime.jsx("path", { d: "M95.7053 40.2707C127.005 40.2707 157.022 52.6841 179.154 74.78C201.286 96.8759 213.719 126.844 213.719 158.093H254.056C254.056 70.7808 183.16 -4.57764e-05 95.7053 -4.57764e-05V40.2707Z" }), jsxRuntime.jsx("path", { d: "M42.8365 93.0614C58.3333 93.0614 73.6784 96.1087 87.9955 102.029C102.313 107.95 115.322 116.628 126.279 127.568C137.237 138.508 145.93 151.496 151.86 165.79C157.79 180.084 160.843 195.404 160.843 210.875H201.179C201.179 123.564 130.291 52.7906 42.8365 52.7906V93.0614Z" }), jsxRuntime.jsx("path", { d: "M158.367 305.005C127.07 305.003 97.056 292.59 74.926 270.496C52.796 248.402 40.3626 218.437 40.3604 187.191H0.0239563C0.0239563 274.503 70.9123 345.276 158.367 345.276V305.005Z" }), jsxRuntime.jsx("path", { d: "M211.219 252.239C195.722 252.239 180.376 249.191 166.059 243.27C151.741 237.349 138.732 228.67 127.774 217.729C116.816 206.788 108.123 193.799 102.194 179.505C96.2637 165.21 93.2121 149.889 93.2132 134.417H52.8687C52.8687 221.729 123.765 292.509 211.219 292.509V252.239Z" })] });
-};
-exports.LogoWithoutText = LogoWithoutText;
-exports.default = LogoWithoutText;

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

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const WIDGET_URL = "https://prosopo.io/?ref=accounts.prosopo.io&utm_campaign=widget&utm_medium=checkbox#features";
-const WIDGET_URL_TEXT = "Visit prosopo.io to learn more about the service and its accessibility options.";
-const WIDGET_INNER_HEIGHT = 74;
-const WIDGET_OUTER_HEIGHT = 80;
-const WIDGET_DIMENSIONS = { maxWidth: "400px", minWidth: "200px", minHeight: `${WIDGET_OUTER_HEIGHT}px` };
-const WIDGET_BORDER_RADIUS = "8px";
-const WIDGET_PADDING = "2px";
-const WIDGET_BORDER = "1px solid";
-exports.WIDGET_BORDER = WIDGET_BORDER;
-exports.WIDGET_BORDER_RADIUS = WIDGET_BORDER_RADIUS;
-exports.WIDGET_DIMENSIONS = WIDGET_DIMENSIONS;
-exports.WIDGET_INNER_HEIGHT = WIDGET_INNER_HEIGHT;
-exports.WIDGET_OUTER_HEIGHT = WIDGET_OUTER_HEIGHT;
-exports.WIDGET_PADDING = WIDGET_PADDING;
-exports.WIDGET_URL = WIDGET_URL;
-exports.WIDGET_URL_TEXT = WIDGET_URL_TEXT;

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

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const CaptchaPlaceholder = require("./CaptchaPlaceholder.cjs");
-const LoadingSpinner = require("./LoadingSpinner.cjs");
-const theme = require("./theme.cjs");
-const Checkbox = require("./Checkbox.cjs");
-const Logo = require("./Logo.cjs");
-const Containers = require("./Containers.cjs");
-const WidgetConstants = require("./WidgetConstants.cjs");
-exports.ProcaptchaPlaceholder = CaptchaPlaceholder.ProcaptchaPlaceholder;
-exports.LoadingSpinner = LoadingSpinner.LoadingSpinner;
-exports.darkTheme = theme.darkTheme;
-exports.lightTheme = theme.lightTheme;
-exports.Checkbox = Checkbox.Checkbox;
-exports.Logo = Logo;
-exports.ContainerDiv = Containers.ContainerDiv;
-exports.WidthBasedStylesDiv = Containers.WidthBasedStylesDiv;
-exports.WIDGET_BORDER = WidgetConstants.WIDGET_BORDER;
-exports.WIDGET_BORDER_RADIUS = WidgetConstants.WIDGET_BORDER_RADIUS;
-exports.WIDGET_DIMENSIONS = WidgetConstants.WIDGET_DIMENSIONS;
-exports.WIDGET_INNER_HEIGHT = WidgetConstants.WIDGET_INNER_HEIGHT;
-exports.WIDGET_OUTER_HEIGHT = WidgetConstants.WIDGET_OUTER_HEIGHT;
-exports.WIDGET_PADDING = WidgetConstants.WIDGET_PADDING;
-exports.WIDGET_URL = WidgetConstants.WIDGET_URL;
-exports.WIDGET_URL_TEXT = WidgetConstants.WIDGET_URL_TEXT;

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

@@ -1,44 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const grey = {
-  0: "#fff",
-  100: "#f5f5f5",
-  200: "#eeeeee",
-  300: "#e0e0e0",
-  400: "#bdbdbd",
-  500: "#9e9e9e",
-  600: "#757575",
-  700: "#616161",
-  800: "#424242",
-  900: "#212121"
-};
-const lightTheme = {
-  palette: {
-    mode: "light",
-    primary: {
-      main: "#487DFA",
-      contrastText: "#fff"
-    },
-    background: {
-      default: "#fff",
-      contrastText: "#000"
-    },
-    grey
-  }
-};
-const darkTheme = {
-  palette: {
-    mode: "dark",
-    primary: {
-      main: "#487DFA",
-      contrastText: "#fff"
-    },
-    background: {
-      default: "#303030",
-      contrastText: "#fff"
-    },
-    grey
-  }
-};
-exports.darkTheme = darkTheme;
-exports.lightTheme = lightTheme;