@prosopo/procaptcha-react 0.1.8 → 0.1.10

package/.eslintrc.js

@@ -1,22 +1,36 @@
 module.exports = {
-    "env": {
-        "browser": true,
-        "es2021": true
+    env: {
+        browser: true,
+        es2021: true,
     },
-    "extends": [
-        "eslint:recommended",
-        "plugin:@typescript-eslint/recommended"
-    ],
-    "parser": "@typescript-eslint/parser",
-    "parserOptions": {
-        "ecmaVersion": "latest",
-        "sourceType": "module"
+    extends: ['eslint:recommended', 'plugin:@typescript-eslint/recommended', 'prettier', 'plugin:prettier/recommended'],
+    parser: '@typescript-eslint/parser',
+    parserOptions: {
+        ecmaVersion: 'latest',
+        sourceType: 'module',
+    },
+    plugins: ['unused-imports', '@typescript-eslint', 'prettier'],
+    rules: {
+        'no-unused-vars': 'off',
+        'unused-imports/no-unused-imports': 'error',
+        'unused-imports/no-unused-vars': [
+            'warn',
+            {
+                vars: 'all',
+                varsIgnorePattern: '^_',
+                args: 'after-used',
+                argsIgnorePattern: '^_',
+            },
+        ],
+        //"indent": ["error", 4],
+        //"indent": "off",
+        'sort-imports': [
+            'error',
+            {
+                ignoreDeclarationSort: true,
+                allowSeparatedGroups: false,
+            },
+        ],
+        'prettier/prettier': ['error'],
     },
-    "plugins": [
-        "@typescript-eslint"
-    ],
-    "rules": {
-        "indent": ["error", 4],
-        "@typescript-eslint/no-empty-function": "warn"
-    }
 }

package/.prettierrc.js

@@ -0,0 +1,7 @@
+module.exports = {
+    trailingComma: 'es5',
+    tabWidth: 4,
+    semi: false,
+    singleQuote: true,
+    printWidth: 120,
+}

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/procaptcha';
+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) => 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":"AAkBA,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAA;AAQxD,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,gBAuH5D,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/dist/components/CaptchaComponent.js

@@ -14,49 +14,67 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 //
 // 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 Box from '@mui/material/Box';
+import Button from '@mui/material/Button';
+import Typography from '@mui/material/Typography';
+import { CaptchaWidget } from './CaptchaWidget';
+import { useTranslation } from '@prosopo/i18n';
+import { addDataAttr } from '../util';
+import ThemeProvider from '@mui/material/styles/ThemeProvider';
+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') })] })] }) }));
-}
+    // console.log('CaptchaComponent', props)
+    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: [_jsx(Box, { px: 2, py: 3, sx: {
+                                // center the header
+                                display: 'flex',
+                                alignItems: 'center',
+                                width: '100%',
+                            }, bgcolor: theme.palette.primary.main, children: _jsx(Typography, { sx: {
+                                    color: '#ffffff',
+                                    fontWeight: 700,
+                                }, children: t('WIDGET.SELECT_ALL', {
+                                    target: 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":"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"}
+{"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) => 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;AAO5D,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,gBA6GtD,CAAA;AAED,eAAe,aAAa,CAAA"}

package/dist/components/CaptchaWidget.js

@@ -1,29 +1,76 @@
-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 CheckIcon from '@mui/icons-material/Check';
+import { Box, Fade } from '@mui/material';
+import useTheme from '@mui/styles/useTheme';
+const getHash = (item) => {
+    if (!item.hash) {
+        throw new Error('item.hash is undefined');
+    }
+    return item.hash;
+};
+export const CaptchaWidget = (props) => {
+    // console.log('CaptchaWidget', props)
+    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;
+export declare const ExtensionAccountSelect: ({ value, dappName, onChange, }: {
+    value?: string | undefined;
+    dappName: string;
+    onChange: (value: string) => void;
 }) => 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":"AAsBA,eAAO,MAAM,sBAAsB;;cAMrB,MAAM;sBACE,MAAM,KAAK,IAAI;iBAuCpC,CAAA;AAED,eAAe,sBAAsB,CAAA"}

package/dist/components/ExtensionAccountSelect.js

@@ -1,10 +1,48 @@
 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 }) => {
+// 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, useState } from 'react';
+import Autocomplete from '@mui/material/Autocomplete';
+import TextField from '@mui/material/TextField';
+import { useTranslation } from '@prosopo/i18n';
+import { web3AccountsSubscribe, web3Enable } from '@polkadot/extension-dapp';
+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(() => {
+            console.log('subscribe');
+            return web3AccountsSubscribe(setAccounts);
+        });
+        return () => {
+            console.log('unsubscribe');
+            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":";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,EAAkB,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3D,OAAO,YAAY,MAAM,4BAA4B,CAAA;AACrD,OAAO,SAAS,MAAM,yBAAyB,CAAA;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,qBAAqB,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAG5E,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,CAAC,GAAG,CAAC,WAAW,CAAC,CAAA;YACxB,OAAO,qBAAqB,CAAC,WAAW,CAAC,CAAA;QAC7C,CAAC,CAAC,CAAA;QACF,OAAO,GAAG,EAAE;YACR,OAAO,CAAC,GAAG,CAAC,aAAa,CAAC,CAAA;YAC1B,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,11 @@
+import { ProcaptchaCallbacks } from '@prosopo/procaptcha';
+import { ProcaptchaConfigOptional } from '@prosopo/procaptcha';
+/**
+ * The props for the Procaptcha component.
+ */
+export interface ProcaptchaProps {
+    config: ProcaptchaConfigOptional;
+    callbacks?: Partial<ProcaptchaCallbacks>;
+}
+export declare const Procaptcha: (props: ProcaptchaProps) => 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":"AAKA,OAAO,EAGH,mBAAmB,EAGtB,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EAAW,wBAAwB,EAA4C,MAAM,qBAAqB,CAAA;AAIjH;;GAEG;AACH,MAAM,WAAW,eAAe;IAE5B,MAAM,EAAE,wBAAwB,CAAA;IAEhC,SAAS,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;CAC3C;AA4ED,eAAO,MAAM,UAAU,UAAW,eAAe,gBAkGhD,CAAA"}

package/dist/components/Procaptcha.js

@@ -0,0 +1,104 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Typography from '@mui/material/Typography';
+import Box from '@mui/material/Box';
+import Checkbox from '@mui/material/Checkbox';
+import { useRef, useState } from 'react';
+import Link from '@mui/material/Link';
+import { Manager } from '@prosopo/procaptcha';
+import { Alert, Backdrop, CircularProgress } from '@mui/material';
+import CaptchaComponent from './CaptchaComponent';
+/**
+ * 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 [submission, setSubmission] = useRefAsState(undefined);
+    const map = {
+        isHuman: setIsHuman,
+        index: setIndex,
+        solutions: setSolutions,
+        captchaApi: setCaptchaApi,
+        showModal: setShowModal,
+        challenge: setChallenge,
+        loading: setLoading,
+        account: setAccount,
+        submission: setSubmission,
+        // don't provide method for updating config, should remain constant
+    };
+    return [
+        // the state
+        {
+            isHuman,
+            index,
+            solutions,
+            captchaApi,
+            showModal,
+            challenge,
+            loading,
+            account,
+            submission,
+        },
+        // 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) => {
+    const config = props.config;
+    const callbacks = props.callbacks || {};
+    const [state, updateState] = useProcaptcha();
+    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' }, children: _jsxs(Box, { p: 1, border: 1, borderColor: "grey.300", borderRadius: 2, sx: { display: 'flex', justifyContent: 'space-between', alignItems: 'center', flexWrap: 'wrap' }, 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 * 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,cAAc,0BAA0B,CAAA;AACxC,cAAc,cAAc,CAAA"}

package/dist/components/index.js

@@ -13,8 +13,8 @@
 //
 // You should have received a copy of the GNU General Public License
 // along with procaptcha-react.  If not, see <http://www.gnu.org/licenses/>.
-export * from './CaptchaManager';
 export * from './CaptchaWidget';
 export * from './CaptchaComponent';
 export * from './ExtensionAccountSelect';
+export * from './Procaptcha';
 //# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"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,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"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,cAAc,iBAAiB,CAAA;AAC/B,cAAc,oBAAoB,CAAA;AAClC,cAAc,0BAA0B,CAAA;AACxC,cAAc,cAAc,CAAA"}

package/dist/components/theme.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("@mui/material/styles/createTheme").Theme;
+export default _default;
+//# sourceMappingURL=theme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/components/theme.ts"],"names":[],"mappings":";AAEA,wBAOE"}

package/dist/components/theme.js

@@ -0,0 +1,10 @@
+import createTheme from '@mui/material/styles/createTheme';
+export default createTheme({
+    palette: {
+        primary: {
+            main: '#1976d2',
+            contrastText: '#fff',
+        },
+    },
+});
+//# sourceMappingURL=theme.js.map

package/dist/components/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/components/theme.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,kCAAkC,CAAA;AAE1D,eAAe,WAAW,CAAC;IACvB,OAAO,EAAE;QACL,OAAO,EAAE;YACL,IAAI,EAAE,SAAS;YACf,YAAY,EAAE,MAAM;SACvB;KACJ;CACJ,CAAC,CAAA"}

package/dist/index.d.ts

@@ -1,4 +1,3 @@
 export * from './components';
-export * from './styles';
 export * from './util';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAeA,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAeA,cAAc,cAAc,CAAA;AAC5B,cAAc,QAAQ,CAAA"}

package/dist/index.js

@@ -14,6 +14,5 @@
 // You should have received a copy of the GNU General Public License
 // along with procaptcha-react.  If not, see <http://www.gnu.org/licenses/>.
 export * from './components';
-export * from './styles';
 export * from './util';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"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,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"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,cAAc,cAAc,CAAA;AAC5B,cAAc,QAAQ,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/util/index.ts"],"names":[],"mappings":"AAOA;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EACxB,OAAO,EACP,GAAG,GACN,EAAE;IACC,OAAO,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IACpC,GAAG,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;CACnC,MAOA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/util/index.ts"],"names":[],"mappings":"AAIA;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EACxB,OAAO,EACP,GAAG,GACN,EAAE;IACC,OAAO,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAA;IACnC,GAAG,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAA;CAClC,MAKA"}

package/dist/util/index.js

@@ -9,9 +9,7 @@ function renameKeysForDataAttr(data = {}) {
 export function addDataAttr({ general, dev, }) {
     return {
         ...renameKeysForDataAttr(general),
-        ...(process.env.NODE_ENV === "development"
-            ? renameKeysForDataAttr(dev)
-            : {}),
+        ...(process.env.NODE_ENV === 'development' ? renameKeysForDataAttr(dev) : {}),
     };
 }
 //# sourceMappingURL=index.js.map

package/dist/util/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/util/index.ts"],"names":[],"mappings":"AAAA,SAAS,qBAAqB,CAAC,OAAkC,EAAE;IAC/D,OAAO,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,CAC3B,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC,QAAQ,IAAI,EAAE,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,EAC3D,EAAE,CACL,CAAC;AACN,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,WAAW,CAAC,EACxB,OAAO,EACP,GAAG,GAIN;IACG,OAAO;QACH,GAAG,qBAAqB,CAAC,OAAO,CAAC;QACjC,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa;YACtC,CAAC,CAAC,qBAAqB,CAAC,GAAG,CAAC;YAC5B,CAAC,CAAC,EAAE,CAAC;KACZ,CAAC;AACN,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/util/index.ts"],"names":[],"mappings":"AAAA,SAAS,qBAAqB,CAAC,OAAkC,EAAE;IAC/D,OAAO,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC,QAAQ,IAAI,EAAE,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAA;AACpG,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,WAAW,CAAC,EACxB,OAAO,EACP,GAAG,GAIN;IACG,OAAO;QACH,GAAG,qBAAqB,CAAC,OAAO,CAAC;QACjC,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa,CAAC,CAAC,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;KAChF,CAAA;AACL,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prosopo/procaptcha-react",
-  "version": "0.1.8",
+  "version": "0.1.10",
   "author": "PROSOPO LIMITED <info@prosopo.io>",
   "license": "Apache-2.0",
   "main": "./dist/index.js",
@@ -13,10 +13,13 @@
     "lint:fix": "npx eslint . --fix"
   },
   "dependencies": {
-    "@mui/material": "^5.8.3",
+    "@emotion/react": "^11.10.4",
+    "@emotion/styled": "^11.10.4",
+    "@mui/icons-material": "^5.10.9",
+    "@mui/material": "^5.10.11",
     "@mui/styles": "^5.8.3",
-    "@prosopo/i18n": "0.0.1",
-    "@prosopo/procaptcha": "0.1.8",
+    "@prosopo/i18n": "^0.1.10",
+    "@prosopo/procaptcha": "^0.1.10",
     "react": "^17.0.0",
     "react-dom": "^17.0.0"
   },

package/tsconfig.json

@@ -13,13 +13,5 @@
   },
   "include": [
     "src"
-  ],
-  "references": [ 
-    { 
-      "path": "../i18n"
-    },
-    { 
-      "path": "../procaptcha"
-    }
   ]
 }

package/dist/components/CaptchaManager.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import { ICaptchaContextState, ICaptchaContextReducer, ProsopoCaptchaClient, CaptchaEventCallbacks } from "@prosopo/procaptcha";
-export declare function useCaptcha(defaultContext: ICaptchaContextState, callbacks?: CaptchaEventCallbacks): ProsopoCaptchaClient;
-export declare const CaptchaContextManager: import("react").Context<ICaptchaContextReducer>;
-//# sourceMappingURL=CaptchaManager.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CaptchaManager.d.ts","sourceRoot":"","sources":["../../src/components/CaptchaManager.ts"],"names":[],"mappings":";AAiBA,OAAO,EACH,oBAAoB,EAGpB,sBAAsB,EACtB,oBAAoB,EACpB,qBAAqB,EACxB,MAAM,qBAAqB,CAAC;AAG7B,wBAAgB,UAAU,CAAC,cAAc,EAAE,oBAAoB,EAAE,SAAS,CAAC,EAAE,qBAAqB,GAAG,oBAAoB,CAIxH;AAED,eAAO,MAAM,qBAAqB,iDAuBN,CAAC"}

package/dist/components/CaptchaManager.js

@@ -1,47 +0,0 @@
-// 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 { createContext, useReducer } from "react";
-import { captchaContextReducer, captchaStatusReducer, ProsopoCaptchaClient, } from "@prosopo/procaptcha";
-export function useCaptcha(defaultContext, callbacks) {
-    const [context, updateContext] = useReducer(captchaContextReducer, defaultContext);
-    const [status, updateStatus] = useReducer(captchaStatusReducer, {});
-    return new ProsopoCaptchaClient({ state: context, update: updateContext }, { state: status, update: updateStatus }, callbacks);
-}
-export const CaptchaContextManager = createContext({
-    state: {
-        config: {
-            "providerApi.baseURL": "",
-            "providerApi.prefix": "",
-            "dappAccount": "",
-            "dappUrl": "",
-            "solutionThreshold": 0,
-            "web2": false,
-            "prosopoContractAccount": "",
-            "accountCreator": {
-                "area": { width: 0, height: 0 },
-                "offsetParameter": 0,
-                "multiplier": 0,
-                "fontSizeFactor": 0,
-                "maxShadowBlur": 0,
-                "numberOfRounds": 0,
-                "seed": 0
-            },
-            "dappName": ""
-        }
-    },
-    update: () => { },
-});
-//# sourceMappingURL=CaptchaManager.js.map

package/dist/components/CaptchaManager.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CaptchaManager.js","sourceRoot":"","sources":["../../src/components/CaptchaManager.ts"],"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;AAE5E,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAEH,qBAAqB,EACrB,oBAAoB,EAEpB,oBAAoB,GAEvB,MAAM,qBAAqB,CAAC;AAG7B,MAAM,UAAU,UAAU,CAAC,cAAoC,EAAE,SAAiC;IAC9F,MAAM,CAAC,OAAO,EAAE,aAAa,CAAC,GAAG,UAAU,CAAC,qBAAqB,EAAE,cAAc,CAAC,CAAC;IACnF,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,GAAG,UAAU,CAAC,oBAAoB,EAAE,EAAE,CAAC,CAAC;IACpE,OAAO,IAAI,oBAAoB,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,SAAS,CAAC,CAAC;AACnI,CAAC;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAG,aAAa,CAAC;IAC/C,KAAK,EAAE;QACH,MAAM,EAAE;YACJ,qBAAqB,EAAE,EAAE;YACzB,oBAAoB,EAAE,EAAE;YACxB,aAAa,EAAE,EAAE;YACjB,SAAS,EAAE,EAAE;YACb,mBAAmB,EAAE,CAAC;YACtB,MAAM,EAAE,KAAK;YACb,wBAAwB,EAAE,EAAE;YAC5B,gBAAgB,EAAE;gBACd,MAAM,EAAG,EAAC,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAC;gBAC9B,iBAAiB,EAAG,CAAC;gBACrB,YAAY,EAAG,CAAC;gBAChB,gBAAgB,EAAG,CAAC;gBACpB,eAAe,EAAG,CAAC;gBACnB,gBAAgB,EAAG,CAAC;gBACpB,MAAM,EAAG,CAAC;aACb;YACD,UAAU,EAAE,EAAE;SACjB;KACJ;IACD,MAAM,EAAE,GAAG,EAAE,GAAE,CAAC;CACO,CAAC,CAAC"}

package/dist/styles.d.ts

@@ -1,2 +0,0 @@
-export declare const useStyles: (props?: any) => import("@mui/styles/withStyles").ClassNameMap<"root" | "dot" | "captchasContainer" | "captchasHeader" | "captchasBody" | "captchasFooter" | "captchaItem" | "captchaItemSelected" | "captchasHeaderLabel" | "dotsContainer" | "dotActive">;
-//# sourceMappingURL=styles.d.ts.map

package/dist/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../src/styles.ts"],"names":[],"mappings":"AA0BA,eAAO,MAAM,SAAS,6PAiEpB,CAAC"}

package/dist/styles.js

@@ -1,91 +0,0 @@
-// 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 makeStyles from "@mui/styles/makeStyles";
-const dot = {
-    width: 7,
-    height: 7,
-    borderRadius: 3.5,
-    marginRight: 5,
-    border: "1px solid #CFCFCF",
-    backgroundColor: "#FFFFFF",
-};
-export const useStyles = makeStyles({
-    root: {
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        width: "100%",
-        height: "100%"
-    },
-    captchasContainer: {
-        display: "flex",
-        flexDirection: "column",
-        background: "#FFFFFF",
-        border: "1px solid #CFCFCF",
-        boxShadow: "0px 2px 4px rgba(0, 0, 0, 0.2)"
-    },
-    captchasHeader: {
-        display: "flex",
-        alignItems: "center",
-        backgroundColor: "#bdbdbd",
-        height: 80,
-        paddingLeft: 20
-    },
-    captchasBody: {
-        display: "flex",
-        width: 460,
-        flexWrap: "wrap",
-        height: "max-content",
-        paddingTop: 10,
-        paddingLeft: 10,
-        borderBottom: "1px solid #CFCFCF"
-    },
-    captchasFooter: {
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "space-between",
-        height: 80,
-        paddingLeft: 20,
-        paddingRight: 20
-    },
-    captchaItem: {
-        width: "140px !important",
-        borderRadius: 2,
-        height: "140px !important",
-        marginRight: 10,
-        marginBottom: 10
-    },
-    captchaItemSelected: {
-        border: "2px solid #1976d2"
-    },
-    captchasHeaderLabel: {
-        color: "#ffffff"
-    },
-    dotsContainer: {
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        width: "100%",
-        paddingBottom: 15,
-        paddingTop: 10
-    },
-    dot,
-    dotActive: {
-        ...dot,
-        backgroundColor: "#CFCFCF"
-    },
-});
-//# sourceMappingURL=styles.js.map

package/dist/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../src/styles.ts"],"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,UAAU,MAAM,wBAAwB,CAAC;AAEhD,MAAM,GAAG,GAAG;IACR,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,YAAY,EAAE,GAAG;IACjB,WAAW,EAAE,CAAC;IACd,MAAM,EAAE,mBAAmB;IAC3B,eAAe,EAAE,SAAS;CAC7B,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAAC;IAChC,IAAI,EAAE;QACF,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;KACjB;IACD,iBAAiB,EAAE;QACf,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,UAAU,EAAE,SAAS;QACrB,MAAM,EAAE,mBAAmB;QAC3B,SAAS,EAAE,gCAAgC;KAC9C;IACD,cAAc,EAAE;QACZ,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,eAAe,EAAE,SAAS;QAC1B,MAAM,EAAE,EAAE;QACV,WAAW,EAAE,EAAE;KAClB;IACD,YAAY,EAAE;QACV,OAAO,EAAE,MAAM;QACf,KAAK,EAAE,GAAG;QACV,QAAQ,EAAE,MAAM;QAChB,MAAM,EAAE,aAAa;QACrB,UAAU,EAAE,EAAE;QACd,WAAW,EAAE,EAAE;QACf,YAAY,EAAE,mBAAmB;KACpC;IACD,cAAc,EAAE;QACZ,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,eAAe;QAC/B,MAAM,EAAE,EAAE;QACV,WAAW,EAAE,EAAE;QACf,YAAY,EAAE,EAAE;KACnB;IACD,WAAW,EAAE;QACT,KAAK,EAAE,kBAAkB;QACzB,YAAY,EAAE,CAAC;QACf,MAAM,EAAE,kBAAkB;QAC1B,WAAW,EAAE,EAAE;QACf,YAAY,EAAE,EAAE;KACnB;IACD,mBAAmB,EAAE;QACjB,MAAM,EAAE,mBAAmB;KAC9B;IACD,mBAAmB,EAAE;QACjB,KAAK,EAAE,SAAS;KACnB;IACD,aAAa,EAAE;QACX,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,KAAK,EAAE,MAAM;QACb,aAAa,EAAE,EAAE;QACjB,UAAU,EAAE,EAAE;KACjB;IACD,GAAG;IACH,SAAS,EAAE;QACP,GAAG,GAAG;QACN,eAAe,EAAE,SAAS;KAC7B;CACJ,CAAC,CAAC"}