@prosopo/procaptcha-react 0.1.9 → 0.1.13

package/.env.development

@@ -0,0 +1,18 @@
+DAPP_SITE_KEY=5Ea1uv1VkQRe2UUu7V8QffpricjfJZ7QvEfRJDPazkjdLyZE
+PROTOCOL_CONTRACT_ADDRESS=5FtYnuNSYwTBqnC3jcrP6TSEhjeczyrSHXCPRWZgazkTUVHS
+DATABASE_PASSWORD=root
+DATABASE_USERNAME=root
+DATABASE_NAME=prosopo
+DATABASE_HOST=127.0.0.1
+DATABASE_PORT=27017
+SUBSTRATE_NODE_URL=ws://192.168.1.28:9944
+API_BASE_URL=http://localhost:8282
+API_PORT=8282
+PAIR_TYPE=sr25519
+SS58_FORMAT=5
+PROVIDER_ADDRESS=5EjTA28bKSbFPPyMbUjNtArxyqjwq38r1BapVmLZShaqEedV
+PROVIDER_MNEMONIC=puppy cream effort carbon despair leg pyramid cotton endorse immense drill peasant
+PROVIDER_SEED=
+PROVIDER_JSON=
+FILE_SRV_PORT=3100
+FILE_SRV_PATHS=[]

package/dist/components/CaptchaComponent.d.ts

@@ -1,6 +1,13 @@
-import { ProsopoCaptchaClient } from "@prosopo/procaptcha";
-export declare function CaptchaComponent({ clientInterface }: {
-    clientInterface: ProsopoCaptchaClient;
-}): JSX.Element;
+import { GetCaptchaResponse } from '@prosopo/api';
+export interface CaptchaComponentProps {
+    challenge: GetCaptchaResponse;
+    index: number;
+    solutions: string[][];
+    onSubmit: () => void;
+    onCancel: () => void;
+    onClick: (hash: string) => void;
+    onNext: () => void;
+}
+export declare const CaptchaComponent: (props: CaptchaComponentProps) => import("react/jsx-runtime").JSX.Element;
 export default CaptchaComponent;
 //# sourceMappingURL=CaptchaComponent.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CaptchaComponent.d.ts","sourceRoot":"","sources":["../../src/components/CaptchaComponent.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAEH,oBAAoB,EAGvB,MAAM,qBAAqB,CAAC;AAU7B,wBAAgB,gBAAgB,CAAC,EAAE,eAAe,EAAE,EAAE;IAAE,eAAe,EAAE,oBAAoB,CAAA;CAAE,eAkF9F;AAED,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"CaptchaComponent.d.ts","sourceRoot":"","sources":["../../src/components/CaptchaComponent.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAA;AAUjD,MAAM,WAAW,qBAAqB;IAClC,SAAS,EAAE,kBAAkB,CAAA;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,MAAM,EAAE,EAAE,CAAA;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/B,MAAM,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,eAAO,MAAM,gBAAgB,UAAW,qBAAqB,4CAgI5D,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/dist/components/CaptchaComponent.js

@@ -1,62 +1,67 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// Copyright (C) 2021-2022 Prosopo (UK) Ltd.
-// This file is part of procaptcha-react <https://github.com/prosopo/procaptcha-react>.
-//
-// procaptcha-react is free software: you can redistribute it and/or modify
-// it under the terms of the GNU General Public License as published by
-// the Free Software Foundation, either version 3 of the License, or
-// (at your option) any later version.
-//
-// procaptcha-react is distributed in the hope that it will be useful,
-// but WITHOUT ANY WARRANTY; without even the implied warranty of
-// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-// GNU General Public License for more details.
-//
-// You should have received a copy of the GNU General Public License
-// along with procaptcha-react.  If not, see <http://www.gnu.org/licenses/>.
-import { useEffect, useContext, useReducer } from "react";
-import Box from "@mui/material/Box";
-import Button from "@mui/material/Button";
-import Typography from "@mui/material/Typography";
-import { ProsopoCaptchaStateClient, captchaStateReducer } from "@prosopo/procaptcha";
-import { CaptchaContextManager } from "./CaptchaManager";
-import { CaptchaWidget } from "./CaptchaWidget";
-import { useTranslation } from "@prosopo/i18n";
-import { useStyles } from "../styles";
-import { addDataAttr } from "../util";
-export function CaptchaComponent({ clientInterface }) {
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useTranslation } from '@prosopo/common';
+import Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import CaptchaWidget from './CaptchaWidget';
+import ThemeProvider from '@mui/material/styles/ThemeProvider';
+import Typography from '@mui/material/Typography';
+import addDataAttr from '../util';
+import theme from './theme';
+export const CaptchaComponent = (props) => {
     const { t } = useTranslation();
-    const classes = useStyles();
-    const manager = useContext(CaptchaContextManager);
-    const [state, update] = useReducer(captchaStateReducer, { captchaIndex: 0, captchaSolution: [] });
-    const { account, contractAddress } = manager.state;
-    const { captchaChallenge, captchaIndex, captchaSolution } = state;
-    const totalCaptchas = captchaChallenge?.captchas.length ?? 0;
-    const stateClientInterface = new ProsopoCaptchaStateClient(clientInterface, { state, update });
-    useEffect(() => {
-        clientInterface.onLoad(manager.state.config['web2']);
-    }, []);
-    useEffect(() => {
-        const extension = clientInterface.getExtension();
-        if (contractAddress && extension) {
-            extension.setDefaultAccount();
-            const defaultAccount = extension.getAccount();
-            if (defaultAccount) {
-                clientInterface.onAccountChange(defaultAccount);
-            }
-        }
-    }, [contractAddress]);
-    useEffect(() => {
-        if (account && !captchaChallenge) {
-            stateClientInterface.onLoadCaptcha()
-                .catch(error => {
-                clientInterface.status.update({ error });
-            });
-        }
-    }, [account]);
-    // https://www.npmjs.com/package/i18next
-    return (_jsx(Box, { className: classes.root, children: account && captchaChallenge &&
-            _jsxs(Box, { className: classes.captchasContainer, children: [_jsx(Box, { className: classes.captchasHeader, children: _jsx(Typography, { className: classes.captchasHeaderLabel, children: t("WIDGET.SELECT_ALL", { target: captchaChallenge.captchas[captchaIndex].captcha.target }) }) }), _jsxs(Box, { className: classes.captchasBody, ...addDataAttr({ dev: { cy: 'captcha-' + captchaIndex } }), children: [_jsx(CaptchaWidget, { challenge: captchaChallenge.captchas[captchaIndex], solution: captchaSolution[captchaIndex] || [], onChange: stateClientInterface.onChange.bind(stateClientInterface) }), _jsx(Box, { className: classes.dotsContainer, ...addDataAttr({ dev: { cy: 'dots-captcha' } }), children: captchaChallenge?.captchas.map((_, index) => _jsx(Box, { className: captchaIndex === index ? classes.dot : classes.dotActive }, index)) })] }), _jsxs(Box, { className: classes.captchasFooter, children: [_jsx(Button, { onClick: () => stateClientInterface.onCancel(), variant: "text", children: t('WIDGET.CANCEL') }), _jsx(Button, { onClick: () => stateClientInterface.onSubmit(), variant: "contained", ...addDataAttr({ dev: { cy: "button-next" } }), children: captchaIndex + 1 < totalCaptchas ? t('WIDGET.NEXT') : t('WIDGET.SUBMIT') })] })] }) }));
-}
+    const { challenge, index, solutions, onSubmit, onCancel, onClick, onNext } = props;
+    const captcha = challenge.captchas[index];
+    const solution = solutions[index];
+    return (_jsx(ThemeProvider, { theme: theme, children: _jsx(Box, { sx: {
+                // center the popup horizontally and vertically
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+                // fill entire screen
+                width: '100%',
+                height: '100%',
+            }, children: _jsx(Box, { sx: {
+                    // introduce scroll bars when screen < minWidth of children
+                    overflowX: 'auto',
+                    overflowY: 'auto',
+                    width: '100%',
+                    // limit the popup width
+                    maxWidth: '450px',
+                    // maxHeight introduces vertical scroll bars if children content longer than window
+                    maxHeight: '100%',
+                }, children: _jsxs(Box, { bgcolor: theme.palette.background.default, sx: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        // the min width of the popup before scroll bars appear
+                        minWidth: '300px',
+                    }, children: [_jsxs(Box, { px: 2, py: 3, sx: {
+                                // center the header
+                                display: 'flex',
+                                alignItems: 'center',
+                                width: '100%',
+                            }, bgcolor: theme.palette.primary.main, children: [_jsxs(Typography, { sx: {
+                                        color: '#ffffff',
+                                        fontWeight: 700,
+                                    }, children: [t('WIDGET.SELECT_ALL'), ': '] }), _jsx(Typography, { px: 1, sx: {
+                                        color: '#ffffff',
+                                        fontWeight: 700,
+                                        textTransform: 'uppercase',
+                                        fontSize: theme.typography.h6.fontSize,
+                                    }, children: `${props.challenge.captchas[props.index].captcha.target}` })] }), _jsx(Box, { ...addDataAttr({ dev: { cy: 'captcha-' + props.index } }), children: _jsx(CaptchaWidget, { challenge: captcha, solution: solution, onClick: onClick }) }), _jsx(Box, { px: 2, py: 1, sx: {
+                                display: 'flex',
+                                alignItems: 'center',
+                                justifyContent: 'center',
+                                width: '100%',
+                            }, ...addDataAttr({ dev: { cy: 'dots-captcha' } }), children: challenge.captchas.map((_, i) => (_jsx(Box, { sx: {
+                                    width: 7,
+                                    height: 7,
+                                    borderRadius: '50%',
+                                    border: '1px solid #CFCFCF',
+                                }, mx: 0.5, bgcolor: index === i ? theme.palette.background.default : '#CFCFCF' }, i))) }), _jsxs(Box, { px: 2, pt: 0, pb: 2, sx: {
+                                display: 'flex',
+                                alignItems: 'center',
+                                justifyContent: 'space-between',
+                            }, children: [_jsx(Button, { onClick: onCancel, variant: "text", children: t('WIDGET.CANCEL') }), _jsx(Button, { color: "primary", onClick: index < challenge.captchas.length - 1 ? onNext : onSubmit, variant: "contained", ...addDataAttr({ dev: { cy: 'button-next' } }), children: index < challenge.captchas.length - 1 ? t('WIDGET.NEXT') : t('WIDGET.SUBMIT') })] })] }) }) }) }));
+};
 export default CaptchaComponent;
 //# sourceMappingURL=CaptchaComponent.js.map

package/dist/components/CaptchaComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"CaptchaComponent.js","sourceRoot":"","sources":["../../src/components/CaptchaComponent.tsx"],"names":[],"mappings":";AAAA,4CAA4C;AAC5C,uFAAuF;AACvF,EAAE;AACF,2EAA2E;AAC3E,uEAAuE;AACvE,oEAAoE;AACpE,sCAAsC;AACtC,EAAE;AACF,sEAAsE;AACtE,iEAAiE;AACjE,gEAAgE;AAChE,+CAA+C;AAC/C,EAAE;AACF,oEAAoE;AACpE,4EAA4E;AAC5E,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAGH,yBAAyB,EACzB,mBAAmB,EACtB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAGtC,MAAM,UAAU,gBAAgB,CAAC,EAAE,eAAe,EAA6C;IAE3F,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC;IAE5B,MAAM,OAAO,GAA2B,UAAU,CAAC,qBAAqB,CAAC,CAAC;IAC1E,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,GAAG,UAAU,CAAC,mBAAmB,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,eAAe,EAAE,EAAE,EAAE,CAAC,CAAC;IAClG,MAAM,EAAE,OAAO,EAAE,eAAe,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC;IACnD,MAAM,EAAE,gBAAgB,EAAE,YAAY,EAAE,eAAe,EAAE,GAAG,KAAK,CAAC;IAClE,MAAM,aAAa,GAAG,gBAAgB,EAAE,QAAQ,CAAC,MAAM,IAAI,CAAC,CAAC;IAE7D,MAAM,oBAAoB,GAAG,IAAI,yBAAyB,CAAC,eAAe,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC;IAE/F,SAAS,CAAC,GAAG,EAAE;QACX,eAAe,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;IAEzD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,SAAS,GAAG,eAAe,CAAC,YAAY,EAAE,CAAC;QACjD,IAAI,eAAe,IAAI,SAAS,EAAE;YAC9B,SAAS,CAAC,iBAAiB,EAAE,CAAC;YAC9B,MAAM,cAAc,GAAG,SAAS,CAAC,UAAU,EAAE,CAAC;YAC9C,IAAI,cAAc,EAAE;gBAChB,eAAe,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC;aACnD;SACJ;IACL,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,OAAO,IAAI,CAAC,gBAAgB,EAAE;YAC9B,oBAAoB,CAAC,aAAa,EAAE;iBAC/B,KAAK,CAAC,KAAK,CAAC,EAAE;gBACX,eAAe,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;YAC7C,CAAC,CAAC,CAAC;SACV;IACL,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAGd,wCAAwC;IAExC,OAAO,CACH,KAAC,GAAG,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI,YAEvB,OAAO,IAAI,gBAAgB;YACxB,MAAC,GAAG,IAAC,SAAS,EAAE,OAAO,CAAC,iBAAiB,aAErC,KAAC,GAAG,IAAC,SAAS,EAAE,OAAO,CAAC,cAAc,YAClC,KAAC,UAAU,IAAC,SAAS,EAAE,OAAO,CAAC,mBAAmB,YAC7C,CAAC,CAAC,mBAAmB,EAAE,EAAE,MAAM,EAAE,gBAAgB,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,GAClF,GACX,EAEN,MAAC,GAAG,IAAC,SAAS,EAAE,OAAO,CAAC,YAAY,KAAM,WAAW,CAAC,EAAC,GAAG,EAAE,EAAC,EAAE,EAAE,UAAU,GAAG,YAAY,EAAC,EAAC,CAAC,aAEzF,KAAC,aAAa,IAAC,SAAS,EAAE,gBAAgB,CAAC,QAAQ,CAAC,YAAY,CAAC,EAAE,QAAQ,EAAE,eAAe,CAAC,YAAY,CAAC,IAAI,EAAE,EAC5G,QAAQ,EAAE,oBAAoB,CAAC,QAAQ,CAAC,IAAI,CAAC,oBAAoB,CAAC,GAAI,EAE1E,KAAC,GAAG,IAAC,SAAS,EAAE,OAAO,CAAC,aAAa,KAAM,WAAW,CAAC,EAAC,GAAG,EAAE,EAAC,EAAE,EAAE,cAAc,EAAC,EAAC,CAAC,YAC9E,gBAAgB,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CACzC,KAAC,GAAG,IAAa,SAAS,EAAE,YAAY,KAAK,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,IAA1E,KAAK,CAAyE,CAAC,GAC3F,IAEJ,EAEN,MAAC,GAAG,IAAC,SAAS,EAAE,OAAO,CAAC,cAAc,aAClC,KAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,oBAAoB,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAC,MAAM,YACjE,CAAC,CAAC,eAAe,CAAC,GACd,EACT,KAAC,MAAM,IACH,OAAO,EAAE,GAAG,EAAE,CAAC,oBAAoB,CAAC,QAAQ,EAAE,EAC9C,OAAO,EAAC,WAAW,KACf,WAAW,CAAC,EAAC,GAAG,EAAE,EAAC,EAAE,EAAE,aAAa,EAAC,EAAC,CAAC,YAE1C,YAAY,GAAG,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,GACpE,IACP,IAEJ,GAER,CACT,CAAC;AACN,CAAC;AAED,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"CaptchaComponent.js","sourceRoot":"","sources":["../../src/components/CaptchaComponent.tsx"],"names":[],"mappings":"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"}

package/dist/components/CaptchaWidget.d.ts

@@ -1,8 +1,9 @@
-import { CaptchaResponseCaptcha } from "@prosopo/procaptcha";
-export declare function CaptchaWidget({ challenge, solution, onChange }: {
+import { CaptchaResponseCaptcha } from '@prosopo/procaptcha';
+export interface CaptchaWidgetProps {
     challenge: CaptchaResponseCaptcha;
     solution: string[];
-    onChange: (hash: string) => void;
-}): JSX.Element;
+    onClick: (hash: string) => void;
+}
+export declare const CaptchaWidget: (props: CaptchaWidgetProps) => import("react/jsx-runtime").JSX.Element;
 export default CaptchaWidget;
 //# sourceMappingURL=CaptchaWidget.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CaptchaWidget.d.ts","sourceRoot":"","sources":["../../src/components/CaptchaWidget.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAM7D,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAC3D;IAAC,SAAS,EAAE,sBAAsB,CAAC;IAAC,QAAQ,EAAE,MAAM,EAAE,CAAC;IAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CAAC,eAmB5F;AAED,eAAe,aAAa,CAAC"}
+{"version":3,"file":"CaptchaWidget.d.ts","sourceRoot":"","sources":["../../src/components/CaptchaWidget.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAA;AAM5D,MAAM,WAAW,kBAAkB;IAC/B,SAAS,EAAE,sBAAsB,CAAA;IACjC,QAAQ,EAAE,MAAM,EAAE,CAAA;IAClB,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CAClC;AASD,eAAO,MAAM,aAAa,UAAW,kBAAkB,4CA4GtD,CAAA;AAED,eAAe,aAAa,CAAA"}

package/dist/components/CaptchaWidget.js

@@ -1,29 +1,77 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import { createElement as _createElement } from "react";
-// Copyright (C) 2021-2022 Prosopo (UK) Ltd.
-// This file is part of procaptcha-react <https://github.com/prosopo/procaptcha-react>.
-//
-// procaptcha-react is free software: you can redistribute it and/or modify
-// it under the terms of the GNU General Public License as published by
-// the Free Software Foundation, either version 3 of the License, or
-// (at your option) any later version.
-//
-// procaptcha-react is distributed in the hope that it will be useful,
-// but WITHOUT ANY WARRANTY; without even the implied warranty of
-// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-// GNU General Public License for more details.
-//
-// You should have received a copy of the GNU General Public License
-// along with procaptcha-react.  If not, see <http://www.gnu.org/licenses/>.
-import Avatar from "@mui/material/Avatar";
-import { useStyles } from "../styles";
-import { addDataAttr } from "../util";
-export function CaptchaWidget({ challenge, solution, onChange }) {
-    //const items = Array.from(Array(9).keys());
-    console.log("CHALLENGE", challenge);
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useTheme } from '@mui/material';
+import Box from '@mui/material/Box';
+import CheckIcon from '@mui/icons-material/Check';
+import Fade from '@mui/material/Fade';
+const getHash = (item) => {
+    if (!item.hash) {
+        throw new Error('item.hash is undefined');
+    }
+    return item.hash;
+};
+export const CaptchaWidget = (props) => {
+    // env
+    const { challenge, solution, onClick } = props;
     const items = challenge.captcha.items;
-    const classes = useStyles();
-    return (_jsx(_Fragment, { children: items.map((item, index) => _createElement(Avatar, { ...addDataAttr({ dev: { cy: 'captcha-item', hash: item.hash ? item.hash : '' } }), key: index, src: item.data, variant: "square", className: classes.captchaItem + " " + (solution.includes(item.hash ? item.hash : '') ? " " + classes.captchaItemSelected : ""), onClick: () => onChange(item.hash ? item.hash : '') })) }));
-}
+    const theme = useTheme();
+    return (_jsx(_Fragment, { children: _jsx(Box, { pr: 0.5, pb: 0.5, sx: {
+                // expand to full height / width of parent
+                width: '100%',
+                height: '100%',
+                // display children in flex, spreading them evenly and wrapping when row length exceeded
+                display: 'flex',
+                flexDirection: 'row',
+                flexWrap: 'wrap',
+            }, children: items.map((item, index) => {
+                const hash = getHash(item);
+                return (_jsx(Box, { pt: 0.5, pl: 0.5, sx: {
+                        // enable the items in the grid to grow in width to use up excess space
+                        flexGrow: 1,
+                        // make the width of each item 1/3rd of the width overall, i.e. 3 columns
+                        flexBasis: '33.3333%',
+                        // include the padding / margin / border in the width
+                        boxSizing: 'border-box',
+                    }, children: _jsxs(Box, { sx: { cursor: 'pointer', height: '100%', width: '100%' }, onClick: () => onClick(hash), children: [_jsx(Box, { sx: { border: 1, borderColor: 'lightgray' }, children: _jsx("img", { style: {
+                                        width: '100%',
+                                        backgroundColor: 'lightgray',
+                                        display: 'block',
+                                        objectFit: 'contain',
+                                        aspectRatio: '1/1', // force AR to be 1, letterboxing images with different aspect ratios
+                                    }, src: item.data, alt: `Captcha image ${index + 1}` }) }), _jsx(Fade, { in: solution.includes(hash), children: _jsx(Box, { sx: {
+                                        // relative to where the element _should_ be positioned
+                                        position: 'relative',
+                                        // make the overlay the full height/width of an item
+                                        width: '100%',
+                                        height: '100%',
+                                        // shift it up 100% to overlay the item element
+                                        top: '-100%',
+                                        // transition on opacity upon (de)selection
+                                        transitionDuration: '300ms',
+                                        transitionProperty: 'opacity',
+                                    }, children: _jsx(Box, { sx: {
+                                            // make the overlay absolute positioned compare to its container
+                                            position: 'absolute',
+                                            // spread across 100% width/height of the item box
+                                            top: 0,
+                                            left: 0,
+                                            bottom: 0,
+                                            right: 0,
+                                            height: '100%',
+                                            width: '100%',
+                                            // display overlays in center
+                                            display: 'flex',
+                                            alignItems: 'center',
+                                            justifyContent: 'center',
+                                            // make bg half opacity, i.e. shadowing the item's img
+                                            backgroundColor: 'rgba(0,0,0,0.5)',
+                                        }, children: _jsx(CheckIcon, { htmlColor: theme.palette.background.default, sx: {
+                                                // img must be displayed as block otherwise get's a bottom whitespace border
+                                                display: 'block',
+                                                // how big the overlay icon is
+                                                width: '35%',
+                                                height: '35%',
+                                            } }) }) }) })] }) }, index));
+            }) }) }));
+};
 export default CaptchaWidget;
 //# sourceMappingURL=CaptchaWidget.js.map

package/dist/components/CaptchaWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"CaptchaWidget.js","sourceRoot":"","sources":["../../src/components/CaptchaWidget.tsx"],"names":[],"mappings":";;AAAA,4CAA4C;AAC5C,uFAAuF;AACvF,EAAE;AACF,2EAA2E;AAC3E,uEAAuE;AACvE,oEAAoE;AACpE,sCAAsC;AACtC,EAAE;AACF,sEAAsE;AACtE,iEAAiE;AACjE,gEAAgE;AAChE,+CAA+C;AAC/C,EAAE;AACF,oEAAoE;AACpE,4EAA4E;AAC5E,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAG1C,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAGtC,MAAM,UAAU,aAAa,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EACgC;IAEzF,4CAA4C;IAC5C,OAAO,CAAC,GAAG,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;IACpC,MAAM,KAAK,GAAG,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC;IACtC,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC;IAE5B,OAAO,CACH,4BACK,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,eAAC,MAAM,OAC3B,WAAW,CAAC,EAAC,GAAG,EAAE,EAAC,EAAE,EAAE,cAAc,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAC,EAAC,CAAC,EAC9E,GAAG,EAAE,KAAK,EACV,GAAG,EAAE,IAAI,CAAC,IAAI,EACd,OAAO,EAAC,QAAQ,EAChB,SAAS,EAAE,OAAO,CAAC,WAAW,GAAG,GAAG,GAAG,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,OAAO,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,CAAC,EAC/H,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,GAAI,CAC1D,GACF,CACN,CAAC;AACN,CAAC;AAED,eAAe,aAAa,CAAC"}
+{"version":3,"file":"CaptchaWidget.js","sourceRoot":"","sources":["../../src/components/CaptchaWidget.tsx"],"names":[],"mappings":"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"}

package/dist/components/ExtensionAccountSelect.d.ts

@@ -1,8 +1,7 @@
-import { TExtensionAccount } from "@prosopo/procaptcha";
-export declare const ExtensionAccountSelect: ({ value, options, onChange }: {
-    value?: import("@polkadot/extension-inject/types").InjectedAccountWithMeta | undefined;
-    options: TExtensionAccount[];
-    onChange: (value: TExtensionAccount | null) => void;
-}) => JSX.Element;
+export declare const ExtensionAccountSelect: ({ value, dappName, onChange, }: {
+    value?: string | undefined;
+    dappName: string;
+    onChange: (value: string) => void;
+}) => import("react/jsx-runtime").JSX.Element;
 export default ExtensionAccountSelect;
 //# sourceMappingURL=ExtensionAccountSelect.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ExtensionAccountSelect.d.ts","sourceRoot":"","sources":["../../src/components/ExtensionAccountSelect.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAGxD,eAAO,MAAM,sBAAsB;;aACU,iBAAiB,EAAE;sBAAoB,iBAAiB,GAAG,IAAI,KAAK,IAAI;iBAgBpH,CAAA;AAED,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"ExtensionAccountSelect.d.ts","sourceRoot":"","sources":["../../src/components/ExtensionAccountSelect.tsx"],"names":[],"mappings":"AAuBA,eAAO,MAAM,sBAAsB;;cAMrB,MAAM;sBACE,MAAM,KAAK,IAAI;6CAqCpC,CAAA;AAED,eAAe,sBAAsB,CAAA"}

package/dist/components/ExtensionAccountSelect.js

@@ -1,10 +1,31 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import Autocomplete from "@mui/material/Autocomplete";
-import TextField from "@mui/material/TextField";
-import { useTranslation } from "@prosopo/i18n";
-export const ExtensionAccountSelect = ({ value, options, onChange }) => {
+import { useEffect, useState } from 'react';
+import { useTranslation } from '@prosopo/common';
+import { web3AccountsSubscribe, web3Enable } from '@polkadot/extension-dapp';
+import Autocomplete from '@mui/material/Autocomplete';
+import TextField from '@mui/material/TextField';
+export const ExtensionAccountSelect = ({ value, dappName, onChange, }) => {
     const { t } = useTranslation();
-    return (_jsx(Autocomplete, { disablePortal: true, id: "select-accounts", options: options, value: value, isOptionEqualToValue: (option, value) => option.address === value.address, onChange: (event, value) => onChange(value), sx: { width: 550 }, getOptionLabel: (option) => `${option.meta.name}\n${option.address}`, renderInput: (props) => _jsx(TextField, { ...props, label: t('WIDGET.SELECT_ACCOUNT') }) }));
+    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(Autocomplete, { disablePortal: true, id: "select-account", options: accounts, value: account, isOptionEqualToValue: (option, value) => option.address === value.address, onChange: (event, value) => {
+            if (value) {
+                console.log('Selected account:', value);
+                onChange(value.address);
+            }
+            else {
+                console.log('Deselected account');
+                onChange('');
+            }
+        }, sx: { width: 550 }, getOptionLabel: (option) => `${option.meta.name}: ${option.address}`, renderInput: (props) => _jsx(TextField, { ...props, label: t('WIDGET.SELECT_ACCOUNT') }) }));
 };
 export default ExtensionAccountSelect;
 //# sourceMappingURL=ExtensionAccountSelect.js.map

package/dist/components/ExtensionAccountSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExtensionAccountSelect.js","sourceRoot":"","sources":["../../src/components/ExtensionAccountSelect.tsx"],"names":[],"mappings":";AAgBA,OAAO,YAAY,MAAM,4BAA4B,CAAC;AACtD,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAEhD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,EACsD,EAAE,EAAE;IACtH,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAE/B,OAAO,CACH,KAAC,YAAY,IACT,aAAa,QACb,EAAE,EAAC,iBAAiB,EACpB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,oBAAoB,EAAE,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,KAAK,KAAK,CAAC,OAAO,EACzE,QAAQ,EAAE,CAAC,KAAqC,EAAE,KAA+B,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EACrG,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,EAClB,cAAc,EAAE,CAAC,MAAW,EAAE,EAAE,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,KAAK,MAAM,CAAC,OAAO,EAAE,EACzE,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAC,SAAS,OAAK,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,uBAAuB,CAAC,GAAI,GACrF,CACL,CAAC;AACN,CAAC,CAAA;AAED,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"ExtensionAccountSelect.js","sourceRoot":"","sources":["../../src/components/ExtensionAccountSelect.tsx"],"names":[],"mappings":";AAiBA,OAAO,EAAkB,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,EAAE,qBAAqB,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC5E,OAAO,YAAY,MAAM,4BAA4B,CAAA;AACrD,OAAO,SAAS,MAAM,yBAAyB,CAAA;AAE/C,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;IAEvE,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,CACH,KAAC,YAAY,IACT,aAAa,QACb,EAAE,EAAC,gBAAgB,EACnB,OAAO,EAAE,QAAQ,EACjB,KAAK,EAAE,OAAO,EACd,oBAAoB,EAAE,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,KAAK,KAAK,CAAC,OAAO,EACzE,QAAQ,EAAE,CAAC,KAAqC,EAAE,KAAqC,EAAE,EAAE;YACvF,IAAI,KAAK,EAAE;gBACP,OAAO,CAAC,GAAG,CAAC,mBAAmB,EAAE,KAAK,CAAC,CAAA;gBACvC,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;aAC1B;iBAAM;gBACH,OAAO,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAA;gBACjC,QAAQ,CAAC,EAAE,CAAC,CAAA;aACf;QACL,CAAC,EACD,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,EAClB,cAAc,EAAE,CAAC,MAA+B,EAAE,EAAE,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,KAAK,MAAM,CAAC,OAAO,EAAE,EAC7F,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAC,SAAS,OAAK,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,uBAAuB,CAAC,GAAI,GACrF,CACL,CAAA;AACL,CAAC,CAAA;AAED,eAAe,sBAAsB,CAAA"}

package/dist/components/Procaptcha.d.ts

@@ -0,0 +1,10 @@
+import { ProcaptchaCallbacks, ProcaptchaConfigOptional } from '@prosopo/procaptcha';
+/**
+ * The props for the Procaptcha component.
+ */
+export interface ProcaptchaProps {
+    config: ProcaptchaConfigOptional;
+    callbacks?: Partial<ProcaptchaCallbacks>;
+}
+export declare const Procaptcha: (props: ProcaptchaProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Procaptcha.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Procaptcha.d.ts","sourceRoot":"","sources":["../../src/components/Procaptcha.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIH,mBAAmB,EACnB,wBAAwB,EAK3B,MAAM,qBAAqB,CAAA;AAS5B;;GAEG;AACH,MAAM,WAAW,eAAe;IAE5B,MAAM,EAAE,wBAAwB,CAAA;IAEhC,SAAS,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;CAC3C;AAqFD,eAAO,MAAM,UAAU,UAAW,eAAe,4CA2GhD,CAAA"}

package/dist/components/Procaptcha.js

@@ -0,0 +1,122 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Manager, } from '@prosopo/procaptcha';
+import { Alert, Backdrop, CircularProgress } from '@mui/material';
+import { useRef, useState } from 'react';
+import Box from '@mui/material/Box';
+import CaptchaComponent from './CaptchaComponent';
+import Checkbox from '@mui/material/Checkbox';
+import Link from '@mui/material/Link';
+import Typography from '@mui/material/Typography';
+/**
+ * Wrap a ref to be the same format as useState.
+ * @param defaultValue the default value if the state is not already initialised
+ * @returns a ref in the same format as a state, e.g. [value, setValue]
+ */
+const useRefAsState = (defaultValue) => {
+    const ref = useRef(defaultValue);
+    const setter = (value) => {
+        ref.current = value;
+    };
+    const value = ref.current;
+    return [value, setter];
+};
+const useProcaptcha = () => {
+    // useRef == do not render on variable change
+    // useState == do render on variable change
+    // only need to render on visible variables changing
+    const [isHuman, setIsHuman] = useState(false);
+    const [index, setIndex] = useState(-1);
+    const [solutions, setSolutions] = useState([]);
+    const [captchaApi, setCaptchaApi] = useRefAsState(undefined);
+    const [showModal, setShowModal] = useState(false);
+    const [challenge, setChallenge] = useState(undefined);
+    const [loading, setLoading] = useState(false);
+    const [account, setAccount] = useState(undefined);
+    const [dappAccount, setDappAccount] = useState(undefined);
+    const [submission, setSubmission] = useRefAsState(undefined);
+    const [timeout, setTimeout] = useRefAsState(undefined);
+    const [blockNumber, setBlockNumber] = useRefAsState(undefined);
+    const map = {
+        isHuman: setIsHuman,
+        index: setIndex,
+        solutions: setSolutions,
+        captchaApi: setCaptchaApi,
+        showModal: setShowModal,
+        challenge: setChallenge,
+        loading: setLoading,
+        account: setAccount,
+        dappAccount: setDappAccount,
+        submission: setSubmission,
+        timeout: setTimeout,
+        blockNumber: setBlockNumber,
+        // don't provide method for updating config, should remain constant
+    };
+    return [
+        // the state
+        {
+            isHuman,
+            index,
+            solutions,
+            captchaApi,
+            showModal,
+            challenge,
+            loading,
+            account,
+            dappAccount,
+            submission,
+            timeout,
+            blockNumber,
+        },
+        // and method to update the state
+        (nextState) => {
+            if (nextState.solutions) {
+                // force a copy of the array to ensure a re-render
+                // nutshell: react doesn't look inside an array for changes, hence changes to the array need to result in a fresh array
+                nextState.solutions = nextState.solutions.slice();
+            }
+            for (const key in nextState) {
+                const setter = map[key];
+                if (!setter) {
+                    throw new Error(`Unknown key ${key}, cannot set state`);
+                }
+                setter(nextState[key]);
+            }
+        },
+    ];
+};
+export const Procaptcha = (props) => {
+    console.log('config', props.config);
+    const config = props.config;
+    const callbacks = props.callbacks || {};
+    const [state, updateState] = useProcaptcha();
+    console.log('state', state);
+    const manager = Manager(config, state, updateState, callbacks);
+    return (_jsxs(Box, { sx: { maxWidth: '100%', maxHeight: '100%', overflowX: 'auto' }, children: [_jsx(Backdrop, { open: state.showModal, sx: { zIndex: (theme) => theme.zIndex.drawer + 1 }, children: state.challenge ? (_jsx(CaptchaComponent, { challenge: state.challenge, index: state.index, solutions: state.solutions, onSubmit: manager.submit, onCancel: manager.cancel, onClick: manager.select, onNext: manager.nextRound })) : (_jsx(Alert, { children: "No challenge set." })) }), _jsx(Box, { p: 1, sx: { maxWidth: '600px', minWidth: '200px' }, "data-cy": 'button-human', children: _jsxs(Box, { p: 1, border: 1, borderColor: "grey.300", borderRadius: 2, sx: {
+                        display: 'flex',
+                        justifyContent: 'space-between',
+                        alignItems: 'center',
+                        flexWrap: 'wrap',
+                        color: 'black',
+                        backgroundColor: 'white',
+                    }, children: [_jsx(Box, { sx: { display: 'flex', flexDirection: 'column' }, children: _jsxs(Box, { sx: {
+                                    display: 'flex',
+                                    justifyContent: 'flex-start',
+                                    alignItems: 'center',
+                                    flexWrap: 'wrap',
+                                }, children: [_jsxs(Box, { sx: {
+                                            height: '50px',
+                                            width: '50px',
+                                            display: 'flex',
+                                            alignItems: 'center',
+                                            justifyContent: 'center',
+                                            flexDirection: 'column',
+                                        }, children: [_jsx(Box, { sx: {
+                                                    display: !state.loading ? 'block' : 'none',
+                                                }, children: _jsx(Checkbox, { onChange: manager.start, checked: state.isHuman, inputProps: { 'aria-label': 'controlled' }, sx: {
+                                                        '& .MuiSvgIcon-root': { fontSize: 32 },
+                                                    } }) }), _jsx(Box, { sx: {
+                                                    display: state.loading ? 'block' : 'none',
+                                                }, children: _jsx(Box, { pt: '5px', children: _jsx(CircularProgress, { size: '24px', disableShrink: true }) }) })] }), _jsx(Box, { p: 1, children: _jsx(Typography, { children: "I am a human" }) })] }) }), _jsx(Box, { p: 1, sx: { flexGrow: '1', maxWidth: '140px', minWidth: '140px' }, children: _jsx(Link, { href: "https://prosopo.io", target: "_blank", children: _jsx(Box, { children: _jsx("div", { style: { width: '100%', display: 'flex', alignItems: 'middle' }, dangerouslySetInnerHTML: { __html: logo } }) }) }) })] }) })] }));
+};
+const logo = '<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2062.63 468.67"><defs><style>.cls-1{fill:#1d1d1b;}</style></defs><title>Prosopo Logo Black</title><path class="cls-1" 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)"/><path class="cls-1" 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)"/><path class="cls-1" 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)"/><path class="cls-1" 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)"/><path class="cls-1" 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)"/><path class="cls-1" 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)"/><path class="cls-1" 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)"/><path class="cls-1" 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)"/><path class="cls-1" 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)"/><path class="cls-1" 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)"/><path class="cls-1" 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)"/></svg>';
+//# sourceMappingURL=Procaptcha.js.map

package/dist/components/Procaptcha.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Procaptcha.js","sourceRoot":"","sources":["../../src/components/Procaptcha.tsx"],"names":[],"mappings":"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"}

package/dist/components/index.d.ts

@@ -1,5 +1,5 @@
-export * from './CaptchaManager';
 export * from './CaptchaWidget';
 export * from './CaptchaComponent';
-export * from './ExtensionAccountSelect';
+export { default as ExtensionAccountSelect } from './ExtensionAccountSelect';
+export * from './Procaptcha';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAeA,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAeA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,oBAAoB,CAAA;AAClC,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AAC5E,cAAc,cAAc,CAAA"}