@prosopo/procaptcha-bundle 0.3.38 → 0.3.40

package/vite.config.ts

@@ -35,6 +35,7 @@ const copyOptions = copyTo
     : undefined
 const tsConfigPaths = [path.resolve('./tsconfig.json')]
 const packagesDir = path.resolve('..')
+const workspaceRoot = path.resolve('../../')
 // Get all folders in packagesDir
 const packages = fs.readdirSync(packagesDir).filter((f) => fs.statSync(path.join(packagesDir, f)).isDirectory())
 for (const packageName of packages) {
@@ -51,7 +52,8 @@ export default defineConfig(async ({ command, mode }) => {
         command,
         mode,
         copyOptions,
-        tsConfigPaths
+        tsConfigPaths,
+        workspaceRoot
     )
     return {
         ...frontendConfig,

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

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

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

@@ -1,100 +0,0 @@
-"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: util.version,
-      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, noInitWarn: true });
-    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

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

@@ -1,8 +0,0 @@
-"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/procaptcha-frictionless/dist/ProcaptchaFrictionless.cjs

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

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

@@ -1,136 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const types = require("@prosopo/types");
-const Api = require("@polkadot/api/promise/Api");
-require("../../../account/dist/index.cjs");
-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 procaptcha = require("@prosopo/procaptcha");
-const SolverService = require("./SolverService.cjs");
-const ExtensionWeb2 = require("../../../account/dist/extension/ExtensionWeb2.cjs");
-const Manager = (configInput, state, onStateUpdate, callbacks) => {
-  const defaultState = () => {
-    return {
-      showModal: false,
-      loading: false,
-      index: 0,
-      challenge: void 0,
-      solutions: void 0,
-      isHuman: false,
-      captchaApi: void 0,
-      account: void 0
-    };
-  };
-  const clearTimeout = () => {
-    window.clearTimeout(state.timeout);
-    updateState({ timeout: void 0 });
-  };
-  const getConfig = () => {
-    const config = {
-      userAccountAddress: "",
-      ...configInput
-    };
-    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}` }
-      });
-    }
-    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" } });
-    }
-    const account = state.account;
-    return account;
-  };
-  const getDappAccount = () => {
-    if (!state.dappAccount) {
-      throw new common.ProsopoEnvError("GENERAL.SITE_KEY_MISSING");
-    }
-    const dappAccount = state.dappAccount;
-    return dappAccount;
-  };
-  const getBlockNumber = () => {
-    if (!state.blockNumber) {
-      throw new common.ProsopoContractError("CAPTCHA.INVALID_BLOCK_NO", { context: { error: "Block number not found" } });
-    }
-    const blockNumber = state.blockNumber;
-    return blockNumber;
-  };
-  const updateState = procaptchaCommon.buildUpdateState(state, onStateUpdate);
-  const resetState = () => {
-    clearTimeout();
-    updateState(defaultState());
-  };
-  const start = async () => {
-    if (state.loading) {
-      return;
-    }
-    if (state.isHuman) {
-      return;
-    }
-    resetState();
-    updateState({
-      loading: true
-    });
-    const config = getConfig();
-    const ext = new ExtensionWeb2.ExtensionWeb2();
-    const userAccount = config.userAccountAddress || (await ext.getAccount(config)).account.address;
-    updateState({
-      account: { account: { address: userAccount } }
-    });
-    updateState({ dappAccount: config.account.address });
-    await procaptcha.sleep(100);
-    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 contract$1 = await loadContract();
-    const events = 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 solution = SolverService.solvePoW(challenge.challenge, challenge.difficulty);
-    const verifiedSolution = await providerApi.submitPowCaptchaSolution(challenge, getAccount().account.address, getDappAccount(), getRandomProviderResponse, solution);
-    if (verifiedSolution[types.ApiParams.verified]) {
-      updateState({
-        isHuman: true,
-        loading: false
-      });
-      events.onHuman({
-        providerUrl,
-        [types.ApiParams.user]: getAccount().account.address,
-        [types.ApiParams.dapp]: getDappAccount(),
-        [types.ApiParams.challenge]: challenge.challenge,
-        [types.ApiParams.blockNumber]: getRandomProviderResponse.blockNumber
-      });
-    }
-  };
-  return {
-    start
-  };
-};
-exports.Manager = Manager;

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/procaptcha-pow/dist/components/Captcha.cjs

@@ -1,48 +0,0 @@
-"use strict";
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-require("../../../web-components/dist/index.cjs");
-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 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,
-    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: 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 }) }) }) })] })] }) }) }) }) });
-};
-module.exports = Procaptcha;

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

@@ -1,10 +0,0 @@
-"use strict";
-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 _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

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

@@ -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;