@prosopo/procaptcha-react 0.3.36 → 0.3.38

package/dist/cjs/components/index.cjs

@@ -2,10 +2,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const CaptchaWidget = require("./CaptchaWidget.cjs");
 require("./CaptchaComponent.cjs");
-const ExtensionAccountSelect = require("./ExtensionAccountSelect.cjs");
 const ProcaptchaWidget = require("./ProcaptchaWidget.cjs");
 const Procaptcha = require("./Procaptcha.cjs");
 exports.CaptchaWidget = CaptchaWidget.CaptchaWidget;
-exports.ExtensionAccountSelect = ExtensionAccountSelect.ExtensionAccountSelect;
 exports.ProcaptchaWidget = ProcaptchaWidget;
 exports.Procaptcha = Procaptcha;

package/dist/cjs/index.cjs

@@ -5,8 +5,6 @@ require("./util/index.cjs");
 const ProcaptchaWidget = require("./components/ProcaptchaWidget.cjs");
 const Procaptcha = require("./components/Procaptcha.cjs");
 const CaptchaWidget = require("./components/CaptchaWidget.cjs");
-const ExtensionAccountSelect = require("./components/ExtensionAccountSelect.cjs");
 exports.ProcaptchaWidget = ProcaptchaWidget;
 exports.Procaptcha = Procaptcha;
 exports.CaptchaWidget = CaptchaWidget.CaptchaWidget;
-exports.ExtensionAccountSelect = ExtensionAccountSelect.ExtensionAccountSelect;

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

@@ -25,6 +25,10 @@ const baseStyle = {
   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.useMemo(() => themeColor === "light" ? theme.lightTheme : theme.darkTheme, [themeColor]);
   const checkboxStyleBase = {
@@ -38,17 +42,17 @@ const Checkbox = ({ themeColor, onChange, checked, labelText }) => {
       borderColor: hover ? theme$1.palette.background.contrastText : theme$1.palette.grey[400],
       appearance: checked ? "auto" : "none",
       flex: 1,
-      margin: "0 15px"
+      margin: "15px"
     };
   }, [hover, theme$1, checked]);
-  const id = React.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: {
+  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: "4px"
+    top: "18px"
   }, htmlFor: id, children: labelText })] });
 };
 exports.Checkbox = Checkbox;

package/dist/components/index.d.ts

@@ -1,6 +1,5 @@
 export * from './CaptchaWidget.js';
 export * from './CaptchaComponent.js';
-export * from './ExtensionAccountSelect.js';
 export { default as ProcaptchaWidget } from './ProcaptchaWidget.js';
 export { default as Procaptcha } from './Procaptcha.js';
 export * from './Procaptcha.js';

package/dist/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAaA,cAAc,oBAAoB,CAAA;AAClC,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACnE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,iBAAiB,CAAA;AACvD,cAAc,iBAAiB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAaA,cAAc,oBAAoB,CAAA;AAClC,cAAc,uBAAuB,CAAA;AACrC,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACnE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,iBAAiB,CAAA;AACvD,cAAc,iBAAiB,CAAA"}

package/dist/components/index.js

@@ -1,6 +1,5 @@
 export * from './CaptchaWidget.js';
 export * from './CaptchaComponent.js';
-export * from './ExtensionAccountSelect.js';
 export { default as ProcaptchaWidget } from './ProcaptchaWidget.js';
 export { default as Procaptcha } from './Procaptcha.js';
 export * from './Procaptcha.js';

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAaA,cAAc,oBAAoB,CAAA;AAClC,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACnE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,iBAAiB,CAAA;AACvD,cAAc,iBAAiB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAaA,cAAc,oBAAoB,CAAA;AAClC,cAAc,uBAAuB,CAAA;AACrC,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACnE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,iBAAiB,CAAA;AACvD,cAAc,iBAAiB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@prosopo/procaptcha-react",
-    "version": "0.3.36",
+    "version": "0.3.38",
     "author": "PROSOPO LIMITED <info@prosopo.io>",
     "license": "Apache-2.0",
     "main": "./dist/index.js",
@@ -38,12 +38,12 @@
         "@emotion/styled": "^11.11.0",
         "@polkadot/extension-dapp": "0.46.6",
         "@polkadot/extension-inject": "0.46.6",
-        "@prosopo/api": "0.3.36",
-        "@prosopo/common": "0.3.36",
-        "@prosopo/procaptcha": "0.3.36",
-        "@prosopo/types": "0.3.36",
-        "@prosopo/util": "0.3.36",
-        "@prosopo/web-components": "0.3.36",
+        "@prosopo/api": "0.3.38",
+        "@prosopo/common": "0.3.38",
+        "@prosopo/procaptcha": "0.3.38",
+        "@prosopo/types": "0.3.38",
+        "@prosopo/util": "0.3.38",
+        "@prosopo/web-components": "0.3.38",
         "react": "^18.2.0",
         "react-dom": "^18.2.0"
     },

package/dist/cjs/components/ExtensionAccountSelect.cjs

@@ -1,47 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const React = require("react");
-const common = require("@prosopo/common");
-const extensionDapp = require("@polkadot/extension-dapp");
-const ExtensionAccountSelect = ({
-  value,
-  dappName,
-  onChange
-}) => {
-  const { t } = common.useTranslation();
-  const [accounts, setAccounts] = React.useState([]);
-  React.useEffect(() => {
-    const prom = extensionDapp.web3Enable(dappName).then(() => {
-      return extensionDapp.web3AccountsSubscribe(setAccounts);
-    });
-    return () => {
-      prom.then((unsub) => unsub());
-    };
-  }, []);
-  const account = accounts.find((a) => a.address === value) || null;
-  return (
-    // react select box
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "select",
-      {
-        id: "select-account",
-        onChange: (e) => {
-          const value2 = e.target.value;
-          const account2 = accounts.find((a) => a.address === value2) || null;
-          if (account2) {
-            console.log("Selected account:", value2);
-            onChange(account2.address);
-          } else {
-            console.log("Deselected account");
-            onChange("");
-          }
-        },
-        value: accounts.length > 0 && account ? account.address : void 0,
-        style: { width: "550px" },
-        children: accounts.map(({ address, meta: { name } }) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: address, children: name }))
-      }
-    )
-  );
-};
-exports.ExtensionAccountSelect = ExtensionAccountSelect;

package/dist/components/ExtensionAccountSelect.d.ts

@@ -1,6 +0,0 @@
-export declare const ExtensionAccountSelect: ({ value, dappName, onChange, }: {
-    value?: string | undefined;
-    dappName: string;
-    onChange: (value: string) => void;
-}) => import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=ExtensionAccountSelect.d.ts.map

package/dist/components/ExtensionAccountSelect.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ExtensionAccountSelect.d.ts","sourceRoot":"","sources":["../../src/components/ExtensionAccountSelect.tsx"],"names":[],"mappings":"AAmBA,eAAO,MAAM,sBAAsB;;cAMrB,MAAM;sBACE,MAAM,KAAK,IAAI;sDAsCpC,CAAA"}

package/dist/components/ExtensionAccountSelect.js

@@ -1,30 +0,0 @@
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import { useTranslation } from '@prosopo/common';
-import { web3AccountsSubscribe, web3Enable } from '@polkadot/extension-dapp';
-export const ExtensionAccountSelect = ({ value, dappName, onChange, }) => {
-    const { t } = useTranslation();
-    const [accounts, setAccounts] = useState([]);
-    useEffect(() => {
-        const prom = web3Enable(dappName).then(() => {
-            return web3AccountsSubscribe(setAccounts);
-        });
-        return () => {
-            prom.then((unsub) => unsub());
-        };
-    }, []);
-    const account = accounts.find((a) => a.address === value) || null;
-    return (_jsx("select", { id: "select-account", onChange: (e) => {
-            const value = e.target.value;
-            const account = accounts.find((a) => a.address === value) || null;
-            if (account) {
-                console.log('Selected account:', value);
-                onChange(account.address);
-            }
-            else {
-                console.log('Deselected account');
-                onChange('');
-            }
-        }, value: accounts.length > 0 && account ? account.address : undefined, style: { width: '550px' }, children: accounts.map(({ address, meta: { name } }) => (_jsx("option", { value: address, children: name }))) }));
-};
-//# sourceMappingURL=ExtensionAccountSelect.js.map

package/dist/components/ExtensionAccountSelect.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ExtensionAccountSelect.js","sourceRoot":"","sources":["../../src/components/ExtensionAccountSelect.tsx"],"names":[],"mappings":";AAeA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,EAAE,qBAAqB,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAE5E,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EACnC,KAAK,EACL,QAAQ,EACR,QAAQ,GAKX,EAAE,EAAE;IACD,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAA4B,EAAE,CAAC,CAAA;IACvE,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,IAAI,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE;YACxC,OAAO,qBAAqB,CAAC,WAAW,CAAC,CAAA;QAC7C,CAAC,CAAC,CAAA;QACF,OAAO,GAAG,EAAE;YACR,IAAI,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,EAAE,CAAC,CAAA;QACjC,CAAC,CAAA;IACL,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,OAAO,GAAmC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,KAAK,KAAK,CAAC,IAAI,IAAI,CAAA;IAEjG,OAAO,CAEH,iBACI,EAAE,EAAC,gBAAgB,EACnB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;YACZ,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAA;YAC5B,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,KAAK,KAAK,CAAC,IAAI,IAAI,CAAA;YACjE,IAAI,OAAO,EAAE;gBACT,OAAO,CAAC,GAAG,CAAC,mBAAmB,EAAE,KAAK,CAAC,CAAA;gBACvC,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;aAC5B;iBAAM;gBACH,OAAO,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAA;gBACjC,QAAQ,CAAC,EAAE,CAAC,CAAA;aACf;QACL,CAAC,EACD,KAAK,EAAE,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACnE,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,YAExB,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,CAAC,CAC3C,iBAAQ,KAAK,EAAE,OAAO,YAAG,IAAI,GAAU,CAC1C,CAAC,GACG,CACZ,CAAA;AACL,CAAC,CAAA"}