@prosopo/procaptcha-frictionless 0.3.2

package/dist/ProcaptchaFrictionless.d.ts

@@ -0,0 +1,3 @@
+import { ProcaptchaProps } from '@prosopo/procaptcha-pow';
+export declare const ProcaptchaFrictionless: ({ config, callbacks }: ProcaptchaProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ProcaptchaFrictionless.d.ts.map

package/dist/ProcaptchaFrictionless.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProcaptchaFrictionless.d.ts","sourceRoot":"","sources":["../src/ProcaptchaFrictionless.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAiB,eAAe,EAAE,MAAM,yBAAyB,CAAA;AAIxE,eAAO,MAAM,sBAAsB,0BAA2B,eAAe,4CAmB5E,CAAA"}

package/dist/ProcaptchaFrictionless.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Procaptcha } from '@prosopo/procaptcha-react';
+import { ProcaptchaPlaceholder } from '@prosopo/web-components';
+import { ProcaptchaPow } from '@prosopo/procaptcha-pow';
+import { load } from '@fingerprintjs/botd';
+import { useEffect, useState } from 'react';
+export const ProcaptchaFrictionless = ({ config, callbacks }) => {
+    const [componentToRender, setComponentToRender] = useState(_jsx(ProcaptchaPlaceholder, { darkMode: config.theme }));
+    useEffect(() => {
+        const detectBot = async () => {
+            const botd = await load();
+            const result = botd.detect();
+            if (result.bot) {
+                setComponentToRender(_jsx(Procaptcha, { config: config, callbacks: callbacks }));
+            }
+            else {
+                setComponentToRender(_jsx(ProcaptchaPow, { config: config, callbacks: callbacks }));
+            }
+        };
+        detectBot();
+    }, [config, callbacks]);
+    return componentToRender;
+};
+//# sourceMappingURL=ProcaptchaFrictionless.js.map

package/dist/ProcaptchaFrictionless.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProcaptchaFrictionless.js","sourceRoot":"","sources":["../src/ProcaptchaFrictionless.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AACtD,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAC/D,OAAO,EAAE,aAAa,EAAmB,MAAM,yBAAyB,CAAA;AACxE,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAA;AAC1C,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE3C,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EAAE,MAAM,EAAE,SAAS,EAAmB,EAAE,EAAE;IAE7E,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,KAAC,qBAAqB,IAAC,QAAQ,EAAE,MAAM,CAAC,KAAK,GAAI,CAAC,CAAA;IAE7G,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,SAAS,GAAG,KAAK,IAAI,EAAE;YACzB,MAAM,IAAI,GAAG,MAAM,IAAI,EAAE,CAAA;YACzB,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,EAAE,CAAA;YAC5B,IAAI,MAAM,CAAC,GAAG,EAAE;gBACZ,oBAAoB,CAAC,KAAC,UAAU,IAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,GAAI,CAAC,CAAA;aAC7E;iBAAM;gBACH,oBAAoB,CAAC,KAAC,aAAa,IAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,GAAI,CAAC,CAAA;aAChF;QACL,CAAC,CAAA;QAED,SAAS,EAAE,CAAA;IACf,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,CAAA;IAEvB,OAAO,iBAAiB,CAAA;AAC5B,CAAC,CAAA"}

package/dist/cjs/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(/* @__PURE__ */ 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(/* @__PURE__ */ jsxRuntime.jsx(procaptchaReact.Procaptcha, { config, callbacks }));
+      } else {
+        setComponentToRender(/* @__PURE__ */ jsxRuntime.jsx(ProcaptchaPoW.ProcaptchaPow, { config, callbacks }));
+      }
+    };
+    detectBot();
+  }, [config, callbacks]);
+  return componentToRender;
+};
+exports.ProcaptchaFrictionless = ProcaptchaFrictionless;

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

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

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

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

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

@@ -0,0 +1,12 @@
+"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` };
+exports.WIDGET_DIMENSIONS = WIDGET_DIMENSIONS;
+exports.WIDGET_INNER_HEIGHT = WIDGET_INNER_HEIGHT;
+exports.WIDGET_OUTER_HEIGHT = WIDGET_OUTER_HEIGHT;
+exports.WIDGET_URL = WIDGET_URL;
+exports.WIDGET_URL_TEXT = WIDGET_URL_TEXT;

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

@@ -0,0 +1,22 @@
+"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_DIMENSIONS = WidgetConstants.WIDGET_DIMENSIONS;
+exports.WIDGET_INNER_HEIGHT = WidgetConstants.WIDGET_INNER_HEIGHT;
+exports.WIDGET_OUTER_HEIGHT = WidgetConstants.WIDGET_OUTER_HEIGHT;
+exports.WIDGET_URL = WidgetConstants.WIDGET_URL;
+exports.WIDGET_URL_TEXT = WidgetConstants.WIDGET_URL_TEXT;

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

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

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ProcaptchaFrictionless.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAaA,cAAc,6BAA6B,CAAA"}

package/dist/index.js

@@ -0,0 +1,2 @@
+export * from './ProcaptchaFrictionless.js';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAaA,cAAc,6BAA6B,CAAA"}

package/package.json

@@ -0,0 +1,58 @@
+{
+    "name": "@prosopo/procaptcha-frictionless",
+    "version": "0.3.2",
+    "author": "PROSOPO LIMITED <info@prosopo.io>",
+    "license": "Apache-2.0",
+    "main": "./dist/index.js",
+    "type": "module",
+    "sideEffects": false,
+    "engines": {
+        "node": ">=18",
+        "npm": ">=9"
+    },
+    "exports": {
+        ".": {
+            "import": "./dist/index.js",
+            "require": "./dist/cjs/index.cjs"
+        }
+    },
+    "types": "./dist/index.d.ts",
+    "source": "./src/index.ts",
+    "scripts": {
+        "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:fix": "npm run eslint -- --fix",
+        "prettier": "npx prettier . --check --no-error-on-unmatched-pattern --ignore-path ../../.eslintignore",
+        "prettier:fix": "npm run prettier -- --write",
+        "lint": "npm run eslint && npm run prettier",
+        "lint:fix": "npm run eslint:fix && npm run prettier:fix"
+    },
+    "browserslist": [
+        "> 0.5%, last 2 versions, not dead"
+    ],
+    "dependencies": {
+        "@fingerprintjs/botd": "^1.9.0",
+        "@prosopo/procaptcha-pow": "0.3.2",
+        "@prosopo/procaptcha-react": "0.3.2",
+        "@prosopo/web-components": "0.3.2",
+        "react": "^18.2.0"
+    },
+    "devDependencies": {
+        "tslib": "2.6.2",
+        "typescript": "5.1.6"
+    },
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/prosopo/captcha.git"
+    },
+    "bugs": {
+        "url": "https://github.com/prosopo/captcha/issues"
+    },
+    "homepage": "https://github.com/prosopo/captcha#readme",
+    "description": "",
+    "publishConfig": {
+        "registry": "https://registry.npmjs.org"
+    }
+}

package/vite.cjs.config.ts

@@ -0,0 +1,19 @@
+// Copyright 2021-2024 Prosopo (UK) Ltd.
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//     http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+import { ViteCommonJSConfig } from '@prosopo/config'
+import path from 'path'
+
+export default function () {
+    return ViteCommonJSConfig('procaptcha-frictionless', path.resolve('./tsconfig.cjs.json'))
+}