@prosopo/procaptcha-react 0.1.18 → 0.2.0

package/dist/components/CaptchaComponent.d.ts

@@ -0,0 +1,13 @@
+import { GetCaptchaResponse } from '@prosopo/api';
+export interface CaptchaComponentProps {
+    challenge: GetCaptchaResponse;
+    index: number;
+    solutions: string[][];
+    onSubmit: () => void;
+    onCancel: () => void;
+    onClick: (hash: string) => void;
+    onNext: () => void;
+}
+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

@@ -0,0 +1 @@
+{"version":3,"file":"CaptchaComponent.d.ts","sourceRoot":"","sources":["../../src/components/CaptchaComponent.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAA;AAOjD,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,QAAA,MAAM,gBAAgB,UAAW,qBAAqB,4CAgIrD,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/dist/components/CaptchaComponent.js

@@ -0,0 +1,78 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+// Copyright 2021-2023 Prosopo (UK) Ltd.
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//     http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+import { Box, Button, ThemeProvider, Typography } from '@mui/material';
+import { CaptchaWidget } from './CaptchaWidget.js';
+import { at } from '@prosopo/util';
+import { useTranslation } from '@prosopo/common';
+import addDataAttr from '../util/index.js';
+import theme from './theme.js';
+const CaptchaComponent = (props) => {
+    const { t } = useTranslation();
+    const { challenge, index, solutions, onSubmit, onCancel, onClick, onNext } = props;
+    const captcha = at(challenge.captchas, index);
+    const solution = at(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: `${at(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

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

package/dist/components/CaptchaWidget.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"CaptchaWidget.d.ts","sourceRoot":"","sources":["../../src/components/CaptchaWidget.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAA;AAK5D,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;AAkBD,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CAgHtD"}

package/dist/components/CaptchaWidget.js

@@ -0,0 +1,96 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+// Copyright 2021-2023 Prosopo (UK) Ltd.
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//     http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+import { Box, Fade, useTheme } from '@mui/material';
+import { default as CheckIcon } from '@mui/icons-material/Check.js';
+const normalizeIcon = (Icon) => {
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+    return (Icon.default ? Icon.default : Icon);
+};
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore https://github.com/mui/material-ui/issues/35535
+const CheckIconNormalized = normalizeIcon(CheckIcon);
+const getHash = (item) => {
+    if (!item.hash) {
+        throw new Error('item.hash is undefined');
+    }
+    return item.hash;
+};
+export function CaptchaWidget(props) {
+    // env
+    const { challenge, solution, onClick } = props;
+    const items = challenge.captcha.items;
+    const theme = useTheme();
+    const isTouchDevice = 'ontouchstart' in window;
+    return (_jsx(_Fragment, { children: _jsx(Box, { component: "div", 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: isTouchDevice ? undefined : () => onClick(hash), onTouchStart: isTouchDevice ? () => onClick(hash) : undefined, children: [_jsx(Box, { sx: { border: 1, borderColor: 'lightgray' }, children: _jsx("img", { style: {
+                                        width: '100%',
+                                        backgroundColor: 'lightgray',
+                                        opacity: solution.includes(hash) && isTouchDevice ? '50%' : '100%',
+                                        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(CheckIconNormalized, { 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));
+            }) }) }));
+}
+//# sourceMappingURL=CaptchaWidget.js.map

package/dist/components/CaptchaWidget.js.map

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

package/dist/components/ExtensionAccountSelect.d.ts

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

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

@@ -0,0 +1,45 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// Copyright 2021-2023 Prosopo (UK) Ltd.
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//     http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+import { Autocomplete, TextField } from '@mui/material';
+import { useEffect, useState } from 'react';
+import { useTranslation } from '@prosopo/common';
+import { web3AccountsSubscribe, web3Enable } from '@polkadot/extension-dapp';
+// import Autocomplete from '@mui/material/Autocomplete/Autocomplete.js'
+// import TextField from '@mui/material/TextField/TextField.js'
+export const ExtensionAccountSelect = ({ value, dappName, onChange, }) => {
+    const { t } = useTranslation();
+    const [accounts, setAccounts] = useState([]);
+    useEffect(() => {
+        const prom = web3Enable(dappName).then(() => {
+            return web3AccountsSubscribe(setAccounts);
+        });
+        return () => {
+            prom.then((unsub) => unsub());
+        };
+    }, []);
+    const account = accounts.find((a) => a.address === value) || null;
+    return (_jsx(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

@@ -0,0 +1 @@
+{"version":3,"file":"ExtensionAccountSelect.js","sourceRoot":"","sources":["../../src/components/ExtensionAccountSelect.tsx"],"names":[],"mappings":";AAAA,wCAAwC;AACxC,EAAE;AACF,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,iDAAiD;AACjD,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAEvD,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;AAE5E,wEAAwE;AACxE,+DAA+D;AAE/D,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,11 @@
+/** @jsxImportSource @emotion/react */
+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("@emotion/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,sCAAsC;AACtC,OAAO,EAIH,mBAAmB,EACnB,wBAAwB,EAK3B,MAAM,qBAAqB,CAAA;AA2C5B;;GAEG;AACH,MAAM,WAAW,eAAe;IAE5B,MAAM,EAAE,wBAAwB,CAAA;IAEhC,SAAS,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;CAC3C;AAuED,eAAO,MAAM,UAAU,UAAW,eAAe,qDAwGhD,CAAA"}

package/dist/components/Procaptcha.js

@@ -0,0 +1,171 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+// Copyright 2021-2023 Prosopo (UK) Ltd.
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//     http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+/** @jsxImportSource @emotion/react */
+import { Manager, } from '@prosopo/procaptcha';
+import { Alert, Backdrop, CircularProgress } from '@mui/material';
+import { Box, Checkbox, Link, Typography } from '@mui/material';
+import { css } from '@emotion/react';
+import { useRef, useState } from 'react';
+import CaptchaComponent from './CaptchaComponent.js';
+// import Box from '@mui/material/Box/Box.js'
+// import Checkbox from '@mui/material/Checkbox/Checkbox.js'
+// import Link from '@mui/material/Link/Link.js'
+// import Typography from '@mui/material/Typography/Typography.js'
+const logoStyle = css `
+    align-items: center;
+    justify-content: flex-end;
+    display: flex;
+    padding: 8px;
+
+    @media (max-width: 245px) {
+        &:nth-of-type(1),
+        &:nth-of-type(2) {
+            display: none;
+        } /* Both logos hidden */
+    }
+
+    @media (min-width: 245px) and (max-width: 400px) {
+        &:nth-of-type(1) {
+            display: flex;
+        } /* logoWithText */
+        &:nth-of-type(2) {
+            display: none;
+        } /* logoWithoutText */
+    }
+
+    @media (min-width: 401px) {
+        &:nth-of-type(1) {
+            display: none;
+        } /* logoWithText */
+        &:nth-of-type(2) {
+            display: flex;
+        } /* logoWithoutText */
+    }
+`;
+/**
+ * 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);
+    return [
+        // the state
+        {
+            isHuman,
+            index,
+            solutions,
+            captchaApi,
+            showModal,
+            challenge,
+            loading,
+            account,
+            dappAccount,
+            submission,
+            timeout,
+            blockNumber,
+        },
+        // and method to update the state
+        (nextState) => {
+            if (nextState.account !== undefined)
+                setAccount(nextState.account);
+            if (nextState.isHuman !== undefined)
+                setIsHuman(nextState.isHuman);
+            if (nextState.index !== undefined)
+                setIndex(nextState.index);
+            // 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
+            if (nextState.solutions !== undefined)
+                setSolutions(nextState.solutions.slice());
+            if (nextState.captchaApi !== undefined)
+                setCaptchaApi(nextState.captchaApi);
+            if (nextState.showModal !== undefined)
+                setShowModal(nextState.showModal);
+            if (nextState.challenge !== undefined)
+                setChallenge(nextState.challenge);
+            if (nextState.loading !== undefined)
+                setLoading(nextState.loading);
+            if (nextState.showModal !== undefined)
+                setShowModal(nextState.showModal);
+            if (nextState.dappAccount !== undefined)
+                setDappAccount(nextState.dappAccount);
+            if (nextState.submission !== undefined)
+                setSubmission(nextState.submission);
+            if (nextState.timeout !== undefined)
+                setTimeout(nextState.timeout);
+            if (nextState.blockNumber !== undefined)
+                setBlockNumber(nextState.blockNumber);
+        },
+    ];
+};
+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);
+    const configSx = config.sx || { maxWidth: '400px', minWidth: '200px' };
+    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." })) }), _jsxs(Box, { p: 1, sx: [...(Array.isArray(configSx) ? configSx : [configSx])], "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',
+                            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, { color: "common.black", children: "I am a human" }) })] }) }), _jsx(Box, { children: _jsx(Link, { href: "https://prosopo.io", target: "_blank", children: _jsx(Box, { children: _jsxs("div", { children: [_jsx("div", { css: logoStyle, dangerouslySetInnerHTML: { __html: logoWithoutText } }), _jsx("div", { css: logoStyle, dangerouslySetInnerHTML: { __html: logoWithText } })] }) }) }) })] })] })] }));
+};
+const logoWithText = '<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2062.63 468.67" height="35px" width="140px"><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>';
+const logoWithoutText = '<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 260 348" height="35px"><path id="Vector" d="M95.7053 40.2707C127.005 40.2707 157.022 52.6841 179.154 74.78C201.286 96.8759 213.719 126.844 213.719 158.093H254.056C254.056 70.7808 183.16 -4.57764e-05 95.7053 -4.57764e-05V40.2707Z" fill="#000000"/><path id="Vector_2" d="M42.8365 93.0614C58.3333 93.0614 73.6784 96.1087 87.9955 102.029C102.313 107.95 115.322 116.628 126.279 127.568C137.237 138.508 145.93 151.496 151.86 165.79C157.79 180.084 160.843 195.404 160.843 210.875H201.179C201.179 123.564 130.291 52.7906 42.8365 52.7906V93.0614Z" fill="#000000"/><path id="Vector_3" d="M158.367 305.005C127.07 305.003 97.056 292.59 74.926 270.496C52.796 248.402 40.3626 218.437 40.3604 187.191H0.0239563C0.0239563 274.503 70.9123 345.276 158.367 345.276V305.005Z" fill="#000000"/><path id="Vector_4" d="M211.219 252.239C195.722 252.239 180.376 249.191 166.059 243.27C151.741 237.349 138.732 228.67 127.774 217.729C116.816 206.788 108.123 193.799 102.194 179.505C96.2637 165.21 93.2121 149.889 93.2132 134.417H52.8687C52.8687 221.729 123.765 292.509 211.219 292.509V252.239Z" fill="#000000"/></g><defs><clipPath id="clip0_1_2"><rect width="254" height="345" fill="white"/></clipPath></defs></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

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

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

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

package/dist/components/index.js

@@ -0,0 +1,18 @@
+// Copyright 2021-2023 Prosopo (UK) Ltd.
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//     http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+export * from './CaptchaWidget.js';
+export * from './CaptchaComponent.js';
+export { default as ExtensionAccountSelect } from './ExtensionAccountSelect.js';
+export * from './Procaptcha.js';
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,wCAAwC;AACxC,EAAE;AACF,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,iDAAiD;AACjD,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AACjC,cAAc,oBAAoB,CAAA;AAClC,cAAc,uBAAuB,CAAA;AACrC,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AAC/E,cAAc,iBAAiB,CAAA"}

package/dist/components/theme.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("@mui/material").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,23 @@
+// Copyright 2021-2023 Prosopo (UK) Ltd.
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//     http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+import { createTheme } from '@mui/material';
+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,wCAAwC;AACxC,EAAE;AACF,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,iDAAiD;AACjD,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAE3C,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

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

package/dist/index.d.ts.map

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

package/dist/index.js

@@ -0,0 +1,16 @@
+// Copyright 2021-2023 Prosopo (UK) Ltd.
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//     http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+export * from './components/index.js';
+export * from './util/index.js';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,wCAAwC;AACxC,EAAE;AACF,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,iDAAiD;AACjD,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AACjC,cAAc,uBAAuB,CAAA;AACrC,cAAc,iBAAiB,CAAA"}

package/dist/util/index.d.ts

@@ -0,0 +1,14 @@
+/**
+ * maps any data to data attributes (mapped to { data-[key]: value })
+ *
+ * dev - only in development mode
+ */
+export default function addDataAttr({ general, dev, }: {
+    general?: {
+        [key: string]: string;
+    };
+    dev?: {
+        [key: string]: string;
+    };
+}): {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/util/index.ts"],"names":[],"mappings":"AAiBA;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAChC,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

@@ -0,0 +1,28 @@
+// Copyright 2021-2023 Prosopo (UK) Ltd.
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//     http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+function renameKeysForDataAttr(data = {}) {
+    return Object.keys(data).reduce((prev, curr) => ({ ...prev, [`data-${curr}`]: data[curr] }), {});
+}
+/**
+ * maps any data to data attributes (mapped to { data-[key]: value })
+ *
+ * dev - only in development mode
+ */
+export default function addDataAttr({ general, dev, }) {
+    return {
+        ...renameKeysForDataAttr(general),
+        ...(process.env.NODE_ENV === 'development' ? renameKeysForDataAttr(dev) : {}),
+    };
+}
+//# sourceMappingURL=index.js.map

package/dist/util/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/util/index.ts"],"names":[],"mappings":"AAAA,wCAAwC;AACxC,EAAE;AACF,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,iDAAiD;AACjD,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AACjC,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,CAAC,OAAO,UAAU,WAAW,CAAC,EAChC,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.18",
+    "version": "0.2.0",
     "author": "PROSOPO LIMITED <info@prosopo.io>",
     "license": "Apache-2.0",
     "main": "./dist/index.js",
@@ -24,8 +24,8 @@
         "@polkadot/extension-dapp": "0.46.5",
         "@polkadot/extension-inject": "0.46.5",
         "@polkadot/types": "10.9.1",
-        "@prosopo/common": "^0.1.18",
-        "@prosopo/procaptcha": "^0.1.18",
+        "@prosopo/common": "0.2.0",
+        "@prosopo/procaptcha": "0.2.0",
         "i18next": "^21.9.2",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",