@prosopo/procaptcha-bundle 0.2.0 → 0.2.2

package/dist/cjs/index.cjs

@@ -0,0 +1,100 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("react/jsx-runtime");
+const types = require("@prosopo/types");
+const common = require("@prosopo/common");
+const procaptcha = require("@prosopo/procaptcha");
+const procaptchaReact = require("@prosopo/procaptcha-react");
+const util = require("@prosopo/util");
+const client = require("react-dom/client");
+function getConfig(siteKey) {
+  if (!siteKey) {
+    siteKey = process.env.DAPP_SITE_KEY || process.env.PROSOPO_SITE_KEY || "";
+  }
+  return {
+    logLevel: common.LogLevel.enum.info,
+    defaultEnvironment: process.env.DEFAULT_ENVIRONMENT || types.EnvironmentTypesSchema.enum.development,
+    userAccountAddress: "",
+    web2: true,
+    dappName: "Prosopo",
+    account: {
+      address: siteKey
+    },
+    networks: {
+      [types.EnvironmentTypesSchema.enum.development]: {
+        endpoint: process.env.SUBSTRATE_NODE_URL || "ws://127.0.0.1:9944",
+        contract: {
+          address: process.env.PROTOCOL_CONTRACT_ADDRESS || "",
+          name: "prosopo"
+        },
+        accounts: []
+      },
+      [types.EnvironmentTypesSchema.enum.rococo]: {
+        endpoint: process.env.SUBSTRATE_NODE_URL || "wss://rococo-contracts-rpc.polkadot.io:443",
+        contract: {
+          address: process.env.PROTOCOL_CONTRACT_ADDRESS || "5HiVWQhJrysNcFNEWf2crArKht16zrhro3FcekVWocyQjx5u",
+          name: "prosopo"
+        },
+        accounts: []
+      }
+    },
+    solutionThreshold: 80,
+    serverUrl: process.env.SERVER_URL || ""
+  };
+}
+function getParentForm(element) {
+  let parent = element.parentElement;
+  while (parent) {
+    if (parent.tagName === "FORM") {
+      return parent;
+    }
+    parent = parent.parentElement;
+  }
+  return null;
+}
+function render(callbacks) {
+  const elements = Array.from(document.getElementsByClassName("procaptcha"));
+  const siteKey = util.at(elements, 0).getAttribute("data-sitekey") || void 0;
+  const config = getConfig(siteKey);
+  if (!callbacks) {
+    callbacks = {};
+  }
+  for (const element of elements) {
+    for (const callbackName of procaptcha.ProcapchaEventNames) {
+      const dataCallbackName = `data-${callbackName.toLowerCase()}`;
+      const callback = element.getAttribute(dataCallbackName);
+      if (callback) {
+        callbacks[callbackName] = window[callback.replace("window.", "")];
+      }
+    }
+    const customTheme = element.getAttribute(`data-custom-theme`);
+    if (customTheme) {
+      config["sx"] = JSON.parse(customTheme);
+    }
+    if (!callbacks["onHuman"]) {
+      callbacks["onHuman"] = function(payload) {
+        const form = getParentForm(element);
+        if (form) {
+          const input = document.createElement("input");
+          input.type = "hidden";
+          input.name = types.ApiParams.procaptchaResponse, input.value = JSON.stringify(payload);
+          form.appendChild(input);
+        }
+      };
+    }
+    const root = client.createRoot(element);
+    root.render(/* @__PURE__ */ jsxRuntime.jsx(procaptchaReact.Procaptcha, { config, callbacks }));
+  }
+}
+function ready(fn) {
+  if (document && document.readyState != "loading") {
+    console.log("document.readyState ready!");
+    fn();
+  } else {
+    console.log("DOMContentLoaded listener!");
+    document.addEventListener("DOMContentLoaded", fn);
+  }
+}
+ready(render);
+exports.default = ready;
+exports.render = render;

package/package.json

@@ -1,15 +1,22 @@
 {
     "name": "@prosopo/procaptcha-bundle",
-    "version": "0.2.0",
+    "version": "0.2.2",
     "author": "PROSOPO LIMITED <info@prosopo.io>",
     "license": "Apache-2.0",
     "main": "./dist/index.js",
     "type": "module",
+    "exports": {
+        ".": {
+            "import": "./dist/index.js",
+            "require": "./dist/cjs/index.cjs"
+        }
+    },
     "types": "./dist/index.d.ts",
     "source": "./src/index.tsx",
     "scripts": {
         "clean": "tsc --build --clean",
         "build": "tsc --build --verbose",
+        "build:cjs": "npx vite --config vite.cjs.config.ts build",
         "start": "vite serve --mode development --host",
         "build:dev": "npm run build && vite build --mode development --debug",
         "build:prod": "npm run build && vite build --mode production",
@@ -24,11 +31,11 @@
         "@emotion/styled": "^11.11.0",
         "@mui/icons-material": "^5.14.3",
         "@mui/material": "^5.14.5",
-        "@prosopo/common": "0.2.0",
-        "@prosopo/procaptcha": "0.2.0",
-        "@prosopo/procaptcha-react": "0.2.0",
-        "@prosopo/types": "0.2.0",
-        "@prosopo/util": "0.2.0"
+        "@prosopo/common": "0.2.2",
+        "@prosopo/procaptcha": "0.2.2",
+        "@prosopo/procaptcha-react": "0.2.2",
+        "@prosopo/types": "0.2.2",
+        "@prosopo/util": "0.2.2"
     },
     "repository": {
         "type": "git",
@@ -44,7 +51,7 @@
     },
     "devDependencies": {
         "@originjs/vite-plugin-commonjs": "^1.0.3",
-        "@prosopo/config": "0.2.0",
+        "@prosopo/config": "0.2.2",
         "@rollup/plugin-typescript": "^11.1.2",
         "@vitejs/plugin-react": "^4.0.4",
         "tslib": "^2.6.2",

package/vite.cjs.config.ts

@@ -0,0 +1,6 @@
+import { ViteCommonJSConfig } from '@prosopo/config'
+import path from 'path'
+
+export default function () {
+    return ViteCommonJSConfig('procaptcha-bundle', path.resolve('./tsconfig.cjs.json'), 'src/index.tsx')
+}