@prosopo/procaptcha-react 0.2.17 → 0.2.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -9
- package/dist/cjs/components/Button.cjs +68 -0
- package/dist/cjs/components/CaptchaComponent.cjs +64 -41
- package/dist/cjs/components/CaptchaWidget.cjs +41 -36
- package/dist/cjs/components/Checkbox.cjs +56 -0
- package/dist/cjs/components/ExtensionAccountSelect.cjs +26 -26
- package/dist/cjs/components/LoadingSpinner.cjs +30 -0
- package/dist/cjs/components/Modal.cjs +35 -0
- package/dist/cjs/components/Procaptcha.cjs +140 -134
- package/dist/cjs/components/collector.cjs +25 -0
- package/dist/cjs/components/theme.cjs +27 -12
- package/dist/components/Button.d.ts +10 -0
- package/dist/components/Button.d.ts.map +1 -0
- package/dist/components/Button.js +59 -0
- package/dist/components/Button.js.map +1 -0
- package/dist/components/CaptchaComponent.d.ts +1 -1
- package/dist/components/CaptchaComponent.d.ts.map +1 -1
- package/dist/components/CaptchaComponent.js +23 -11
- package/dist/components/CaptchaComponent.js.map +1 -1
- package/dist/components/CaptchaWidget.d.ts +2 -1
- package/dist/components/CaptchaWidget.d.ts.map +1 -1
- package/dist/components/CaptchaWidget.js +40 -35
- package/dist/components/CaptchaWidget.js.map +1 -1
- package/dist/components/Checkbox.d.ts +9 -0
- package/dist/components/Checkbox.d.ts.map +1 -0
- package/dist/components/Checkbox.js +43 -0
- package/dist/components/Checkbox.js.map +1 -0
- package/dist/components/ExtensionAccountSelect.d.ts +1 -1
- package/dist/components/ExtensionAccountSelect.d.ts.map +1 -1
- package/dist/components/ExtensionAccountSelect.js +7 -6
- package/dist/components/ExtensionAccountSelect.js.map +1 -1
- package/dist/components/LoadingSpinner.d.ts +6 -0
- package/dist/components/LoadingSpinner.d.ts.map +1 -0
- package/dist/components/LoadingSpinner.js +28 -0
- package/dist/components/LoadingSpinner.js.map +1 -0
- package/dist/components/Modal.d.ts +8 -0
- package/dist/components/Modal.d.ts.map +1 -0
- package/dist/components/Modal.js +35 -0
- package/dist/components/Modal.js.map +1 -0
- package/dist/components/Procaptcha.d.ts.map +1 -1
- package/dist/components/Procaptcha.js +48 -47
- package/dist/components/Procaptcha.js.map +1 -1
- package/dist/components/collector.d.ts +8 -0
- package/dist/components/collector.d.ts.map +1 -0
- package/dist/components/collector.js +25 -0
- package/dist/components/collector.js.map +1 -0
- package/dist/components/theme.d.ts +50 -2
- package/dist/components/theme.d.ts.map +1 -1
- package/dist/components/theme.js +23 -8
- package/dist/components/theme.js.map +1 -1
- package/package.json +9 -5
|
@@ -1,21 +1,19 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
const normalizeIcon = (Icon) => {
|
|
5
|
-
return (Icon.default ? Icon.default : Icon);
|
|
6
|
-
};
|
|
7
|
-
const CheckIconNormalized = normalizeIcon(CheckIcon);
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
|
|
2
|
+
import { darkTheme, lightTheme } from './theme.js';
|
|
3
|
+
import { useMemo } from 'react';
|
|
8
4
|
const getHash = (item) => {
|
|
9
5
|
if (!item.hash) {
|
|
10
6
|
throw new Error('item.hash is undefined');
|
|
11
7
|
}
|
|
12
8
|
return item.hash;
|
|
13
9
|
};
|
|
14
|
-
export const CaptchaWidget = ({ challenge, solution, onClick }) => {
|
|
10
|
+
export const CaptchaWidget = ({ challenge, solution, onClick, themeColor }) => {
|
|
15
11
|
const items = challenge.captcha.items;
|
|
16
|
-
const theme =
|
|
12
|
+
const theme = useMemo(() => (themeColor === 'light' ? lightTheme : darkTheme), [themeColor]);
|
|
17
13
|
const isTouchDevice = 'ontouchstart' in window;
|
|
18
|
-
return (_jsx(
|
|
14
|
+
return (_jsx("div", { style: {
|
|
15
|
+
paddingRight: 0.5,
|
|
16
|
+
paddingBottom: 0.5,
|
|
19
17
|
width: '100%',
|
|
20
18
|
height: '100%',
|
|
21
19
|
display: 'flex',
|
|
@@ -23,41 +21,48 @@ export const CaptchaWidget = ({ challenge, solution, onClick }) => {
|
|
|
23
21
|
flexWrap: 'wrap',
|
|
24
22
|
}, children: items.map((item, index) => {
|
|
25
23
|
const hash = getHash(item);
|
|
26
|
-
return (_jsx(
|
|
24
|
+
return (_jsx("div", { style: {
|
|
25
|
+
paddingTop: '4px',
|
|
26
|
+
paddingLeft: '4px',
|
|
27
27
|
flexGrow: 1,
|
|
28
28
|
flexBasis: '33.3333%',
|
|
29
29
|
boxSizing: 'border-box',
|
|
30
|
-
}, children: _jsxs(
|
|
30
|
+
}, children: _jsxs("div", { style: { cursor: 'pointer', height: '100%', width: '100%' }, onClick: isTouchDevice ? undefined : () => onClick(hash), onTouchStart: isTouchDevice ? () => onClick(hash) : undefined, children: [_jsx("div", { style: { border: 1, borderColor: theme.palette.grey[300] }, children: _jsx("img", { style: {
|
|
31
31
|
width: '100%',
|
|
32
32
|
backgroundColor: theme.palette.grey[300],
|
|
33
33
|
opacity: solution.includes(hash) && isTouchDevice ? '50%' : '100%',
|
|
34
34
|
display: 'block',
|
|
35
35
|
objectFit: 'contain',
|
|
36
36
|
aspectRatio: '1/1',
|
|
37
|
-
}, src: item.data, alt: `Captcha image ${index + 1}` }) }), _jsx(
|
|
38
|
-
|
|
39
|
-
|
|
37
|
+
}, src: item.data, alt: `Captcha image ${index + 1}` }) }), _jsx("div", { style: {
|
|
38
|
+
position: 'relative',
|
|
39
|
+
width: '100%',
|
|
40
|
+
height: '100%',
|
|
41
|
+
top: '-100%',
|
|
42
|
+
visibility: solution.includes(hash) ? 'visible' : 'hidden',
|
|
43
|
+
transition: 'opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms',
|
|
44
|
+
opacity: 1,
|
|
45
|
+
}, children: _jsx("div", { style: {
|
|
46
|
+
position: 'absolute',
|
|
47
|
+
top: 0,
|
|
48
|
+
left: 0,
|
|
49
|
+
bottom: 0,
|
|
50
|
+
right: 0,
|
|
40
51
|
height: '100%',
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
height: '
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
backgroundColor: 'rgba(0,0,0,0.5)',
|
|
56
|
-
}, children: _jsx(CheckIconNormalized, { htmlColor: theme.palette.background.default, sx: {
|
|
57
|
-
display: 'block',
|
|
58
|
-
width: '35%',
|
|
59
|
-
height: '35%',
|
|
60
|
-
} }) }) }) })] }) }, index));
|
|
52
|
+
width: '100%',
|
|
53
|
+
display: 'flex',
|
|
54
|
+
alignItems: 'center',
|
|
55
|
+
justifyContent: 'center',
|
|
56
|
+
backgroundColor: 'rgba(0,0,0,0.5)',
|
|
57
|
+
}, children: _jsx("svg", { style: {
|
|
58
|
+
backgroundColor: 'transparent',
|
|
59
|
+
display: 'block',
|
|
60
|
+
width: '35%',
|
|
61
|
+
height: '35%',
|
|
62
|
+
transition: 'fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms',
|
|
63
|
+
userSelect: 'none',
|
|
64
|
+
fill: 'currentcolor',
|
|
65
|
+
}, focusable: "false", color: "#fff", "aria-hidden": "true", viewBox: "0 0 24 24", "data-testid": "CheckIcon", children: _jsx("path", { d: "M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" }) }) }) })] }) }, index));
|
|
61
66
|
}) }));
|
|
62
67
|
};
|
|
63
68
|
//# sourceMappingURL=CaptchaWidget.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CaptchaWidget.js","sourceRoot":"","sources":["../../src/components/CaptchaWidget.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"CaptchaWidget.js","sourceRoot":"","sources":["../../src/components/CaptchaWidget.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React, { ButtonHTMLAttributes } from 'react';
|
|
2
|
+
interface CheckboxProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
3
|
+
themeColor: 'light' | 'dark';
|
|
4
|
+
checked: boolean;
|
|
5
|
+
onChange: () => void;
|
|
6
|
+
}
|
|
7
|
+
declare const Checkbox: React.FC<CheckboxProps>;
|
|
8
|
+
export default Checkbox;
|
|
9
|
+
//# sourceMappingURL=Checkbox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/components/Checkbox.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,oBAAoB,EAAoC,MAAM,OAAO,CAAA;AAErF,UAAU,aAAc,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IACnE,UAAU,EAAE,OAAO,GAAG,MAAM,CAAA;IAC5B,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAA;CACvB;AAyBD,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA8BrC,CAAA;AACD,eAAe,QAAQ,CAAA"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
2
|
+
import { css } from '@emotion/react';
|
|
3
|
+
import { darkTheme, lightTheme } from './theme.js';
|
|
4
|
+
import { useMemo, useState } from 'react';
|
|
5
|
+
const checkboxBefore = css `{
|
|
6
|
+
&:before {
|
|
7
|
+
content: '""';
|
|
8
|
+
position: absolute;
|
|
9
|
+
height: 100%;
|
|
10
|
+
width: 100%;
|
|
11
|
+
}
|
|
12
|
+
}`;
|
|
13
|
+
const baseStyle = {
|
|
14
|
+
width: '2.2em',
|
|
15
|
+
height: '2.2em',
|
|
16
|
+
top: 'auto',
|
|
17
|
+
left: 'auto',
|
|
18
|
+
opacity: '1',
|
|
19
|
+
borderRadius: '12.5%',
|
|
20
|
+
appearance: 'none',
|
|
21
|
+
cursor: 'pointer',
|
|
22
|
+
margin: '0',
|
|
23
|
+
borderStyle: 'solid',
|
|
24
|
+
borderWidth: '1px',
|
|
25
|
+
};
|
|
26
|
+
const Checkbox = ({ themeColor, onChange, checked }) => {
|
|
27
|
+
const theme = useMemo(() => (themeColor === 'light' ? lightTheme : darkTheme), [themeColor]);
|
|
28
|
+
const checkboxStyleBase = {
|
|
29
|
+
...baseStyle,
|
|
30
|
+
border: `1px solid ${theme.palette.background.contrastText}`,
|
|
31
|
+
};
|
|
32
|
+
const [hover, setHover] = useState(false);
|
|
33
|
+
const checkboxStyle = useMemo(() => {
|
|
34
|
+
return {
|
|
35
|
+
...checkboxStyleBase,
|
|
36
|
+
borderColor: hover ? theme.palette.background.contrastText : theme.palette.grey[400],
|
|
37
|
+
appearance: checked ? 'auto' : 'none',
|
|
38
|
+
};
|
|
39
|
+
}, [hover, theme, checked]);
|
|
40
|
+
return (_jsx("input", { onMouseEnter: () => setHover(true), onMouseLeave: () => setHover(false), css: checkboxBefore, type: 'checkbox', "aria-live": 'assertive', "aria-haspopup": 'true', onChange: onChange, checked: checked, style: checkboxStyle }));
|
|
41
|
+
};
|
|
42
|
+
export default Checkbox;
|
|
43
|
+
//# sourceMappingURL=Checkbox.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../src/components/Checkbox.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AACpC,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAClD,OAAc,EAAuC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAQrF,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;EAOxB,CAAA;AAEF,MAAM,SAAS,GAAkB;IAC7B,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,OAAO;IACf,GAAG,EAAE,MAAM;IACX,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,GAAG;IACZ,YAAY,EAAE,OAAO;IACrB,UAAU,EAAE,MAAM;IAClB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,GAAG;IACX,WAAW,EAAE,OAAO;IACpB,WAAW,EAAE,KAAK;CACrB,CAAA;AAED,MAAM,QAAQ,GAA4B,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAiB,EAAE,EAAE;IAC3F,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,UAAU,KAAK,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAA;IAC5F,MAAM,iBAAiB,GAAkB;QACrC,GAAG,SAAS;QACZ,MAAM,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,YAAY,EAAE;KAC/D,CAAA;IAED,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEzC,MAAM,aAAa,GAAkB,OAAO,CAAC,GAAG,EAAE;QAC9C,OAAO;YACH,GAAG,iBAAiB;YACpB,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;YACpF,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;SACxC,CAAA;IACL,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAA;IAE3B,OAAO,CACH,gBACI,YAAY,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAClC,YAAY,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EACnC,GAAG,EAAE,cAAc,EACnB,IAAI,EAAE,UAAU,eACL,WAAW,mBACP,MAAM,EACrB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,aAAa,GACtB,CACL,CAAA;AACL,CAAC,CAAA;AACD,eAAe,QAAQ,CAAA"}
|
|
@@ -2,6 +2,6 @@ export declare const ExtensionAccountSelect: ({ value, dappName, onChange, }: {
|
|
|
2
2
|
value?: string | undefined;
|
|
3
3
|
dappName: string;
|
|
4
4
|
onChange: (value: string) => void;
|
|
5
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
}) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
6
6
|
export default ExtensionAccountSelect;
|
|
7
7
|
//# sourceMappingURL=ExtensionAccountSelect.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExtensionAccountSelect.d.ts","sourceRoot":"","sources":["../../src/components/ExtensionAccountSelect.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ExtensionAccountSelect.d.ts","sourceRoot":"","sources":["../../src/components/ExtensionAccountSelect.tsx"],"names":[],"mappings":"AAmBA,eAAO,MAAM,sBAAsB;;cAMrB,MAAM;sBACE,MAAM,KAAK,IAAI;sDAsCpC,CAAA;AAED,eAAe,sBAAsB,CAAA"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { Autocomplete, TextField } from '@mui/material';
|
|
1
|
+
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
3
2
|
import { useEffect, useState } from 'react';
|
|
4
3
|
import { useTranslation } from '@prosopo/common';
|
|
5
4
|
import { web3AccountsSubscribe, web3Enable } from '@polkadot/extension-dapp';
|
|
@@ -15,16 +14,18 @@ export const ExtensionAccountSelect = ({ value, dappName, onChange, }) => {
|
|
|
15
14
|
};
|
|
16
15
|
}, []);
|
|
17
16
|
const account = accounts.find((a) => a.address === value) || null;
|
|
18
|
-
return (_jsx(
|
|
19
|
-
|
|
17
|
+
return (_jsx("select", { id: "select-account", onChange: (e) => {
|
|
18
|
+
const value = e.target.value;
|
|
19
|
+
const account = accounts.find((a) => a.address === value) || null;
|
|
20
|
+
if (account) {
|
|
20
21
|
console.log('Selected account:', value);
|
|
21
|
-
onChange(
|
|
22
|
+
onChange(account.address);
|
|
22
23
|
}
|
|
23
24
|
else {
|
|
24
25
|
console.log('Deselected account');
|
|
25
26
|
onChange('');
|
|
26
27
|
}
|
|
27
|
-
},
|
|
28
|
+
}, value: accounts.length > 0 && account ? account.address : undefined, style: { width: '550px' }, children: accounts.map(({ address, meta: { name } }) => (_jsx("option", { value: address, children: name }))) }));
|
|
28
29
|
};
|
|
29
30
|
export default ExtensionAccountSelect;
|
|
30
31
|
//# sourceMappingURL=ExtensionAccountSelect.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExtensionAccountSelect.js","sourceRoot":"","sources":["../../src/components/ExtensionAccountSelect.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"ExtensionAccountSelect.js","sourceRoot":"","sources":["../../src/components/ExtensionAccountSelect.tsx"],"names":[],"mappings":";AAeA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,EAAE,qBAAqB,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAE5E,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EACnC,KAAK,EACL,QAAQ,EACR,QAAQ,GAKX,EAAE,EAAE;IACD,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAA4B,EAAE,CAAC,CAAA;IACvE,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,IAAI,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE;YACxC,OAAO,qBAAqB,CAAC,WAAW,CAAC,CAAA;QAC7C,CAAC,CAAC,CAAA;QACF,OAAO,GAAG,EAAE;YACR,IAAI,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,EAAE,CAAC,CAAA;QACjC,CAAC,CAAA;IACL,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,OAAO,GAAmC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,KAAK,KAAK,CAAC,IAAI,IAAI,CAAA;IAEjG,OAAO,CAEH,iBACI,EAAE,EAAC,gBAAgB,EACnB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;YACZ,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAA;YAC5B,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,KAAK,KAAK,CAAC,IAAI,IAAI,CAAA;YACjE,IAAI,OAAO,EAAE;gBACT,OAAO,CAAC,GAAG,CAAC,mBAAmB,EAAE,KAAK,CAAC,CAAA;gBACvC,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;aAC5B;iBAAM;gBACH,OAAO,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAA;gBACjC,QAAQ,CAAC,EAAE,CAAC,CAAA;aACf;QACL,CAAC,EACD,KAAK,EAAE,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACnE,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,YAExB,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,CAAC,CAC3C,iBAAQ,KAAK,EAAE,OAAO,YAAG,IAAI,GAAU,CAC1C,CAAC,GACG,CACZ,CAAA;AACL,CAAC,CAAA;AAED,eAAe,sBAAsB,CAAA"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export interface LoadingSpinnerComponentProps {
|
|
2
|
+
themeColor: 'light' | 'dark';
|
|
3
|
+
}
|
|
4
|
+
export declare const LoadingSpinner: ({ themeColor }: LoadingSpinnerComponentProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
5
|
+
export default LoadingSpinner;
|
|
6
|
+
//# sourceMappingURL=LoadingSpinner.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LoadingSpinner.d.ts","sourceRoot":"","sources":["../../src/components/LoadingSpinner.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,4BAA4B;IACzC,UAAU,EAAE,OAAO,GAAG,MAAM,CAAA;CAC/B;AAED,eAAO,MAAM,cAAc,mBAAoB,4BAA4B,qDAqB1E,CAAA;AAED,eAAe,cAAc,CAAA"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
2
|
+
import { darkTheme, lightTheme } from './theme.js';
|
|
3
|
+
import { useMemo } from 'react';
|
|
4
|
+
import styled from '@emotion/styled';
|
|
5
|
+
export const LoadingSpinner = ({ themeColor }) => {
|
|
6
|
+
const theme = useMemo(() => (themeColor === 'light' ? lightTheme : darkTheme), [themeColor]);
|
|
7
|
+
const StyledDiv = styled.div `
|
|
8
|
+
width: 2em;
|
|
9
|
+
height: 2em;
|
|
10
|
+
border: 4px solid ${theme.palette.primary.contrastText};
|
|
11
|
+
border-bottom-color: transparent;
|
|
12
|
+
border-radius: 50%;
|
|
13
|
+
display: inherit;
|
|
14
|
+
box-sizing: border-box;
|
|
15
|
+
animation: rotation 1s linear infinite;
|
|
16
|
+
@keyframes rotation {
|
|
17
|
+
0% {
|
|
18
|
+
transform: rotate(0deg);
|
|
19
|
+
}
|
|
20
|
+
100% {
|
|
21
|
+
transform: rotate(360deg);
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
`;
|
|
25
|
+
return _jsx(StyledDiv, {});
|
|
26
|
+
};
|
|
27
|
+
export default LoadingSpinner;
|
|
28
|
+
//# sourceMappingURL=LoadingSpinner.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LoadingSpinner.js","sourceRoot":"","sources":["../../src/components/LoadingSpinner.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,MAAM,MAAM,iBAAiB,CAAA;AAMpC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,UAAU,EAAgC,EAAE,EAAE;IAC3E,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,UAAU,KAAK,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAA;IAC5F,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;4BAGJ,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,YAAY;;;;;;;;;;;;;;KAczD,CAAA;IACD,OAAO,KAAC,SAAS,KAAa,CAAA;AAClC,CAAC,CAAA;AAED,eAAe,cAAc,CAAA"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
type ModalProps = {
|
|
3
|
+
show: boolean;
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
};
|
|
6
|
+
declare const ModalComponent: React.MemoExoticComponent<(props: ModalProps, nextProps: ModalProps) => import("@emotion/react/jsx-runtime").JSX.Element>;
|
|
7
|
+
export default ModalComponent;
|
|
8
|
+
//# sourceMappingURL=Modal.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../src/components/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAE5C,KAAK,UAAU,GAAG;IACd,IAAI,EAAE,OAAO,CAAA;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC5B,CAAA;AAED,QAAA,MAAM,cAAc,oCAAsB,UAAU,aAAa,UAAU,sDAmCzE,CAAA;AAEF,eAAe,cAAc,CAAA"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
2
|
+
import React from 'react';
|
|
3
|
+
const ModalComponent = React.memo((props, nextProps) => {
|
|
4
|
+
const { show, children } = props;
|
|
5
|
+
console.log('rendering modal with show: ', show);
|
|
6
|
+
const display = show ? 'flex' : 'none';
|
|
7
|
+
const ModalOuterDivCss = {
|
|
8
|
+
overflow: 'auto',
|
|
9
|
+
width: '100%',
|
|
10
|
+
maxHeight: '100%',
|
|
11
|
+
position: 'fixed',
|
|
12
|
+
top: '0',
|
|
13
|
+
left: '0',
|
|
14
|
+
height: '100%',
|
|
15
|
+
background: 'rgba(0, 0, 0, 0.6)',
|
|
16
|
+
zIndex: '2147483646',
|
|
17
|
+
transition: 'all 0.5s',
|
|
18
|
+
display: display,
|
|
19
|
+
};
|
|
20
|
+
const ModalInnerDivCSS = {
|
|
21
|
+
maxWidth: '500px',
|
|
22
|
+
margin: 'auto',
|
|
23
|
+
position: 'fixed',
|
|
24
|
+
background: 'white',
|
|
25
|
+
height: 'auto',
|
|
26
|
+
top: '50%',
|
|
27
|
+
left: '50%',
|
|
28
|
+
transform: 'translate(-50%, -50%)',
|
|
29
|
+
zIndex: '2147483647',
|
|
30
|
+
transition: 'all 0.5s',
|
|
31
|
+
};
|
|
32
|
+
return (_jsx("div", { style: ModalOuterDivCss, children: _jsx("div", { style: ModalInnerDivCSS, children: children }) }));
|
|
33
|
+
});
|
|
34
|
+
export default ModalComponent;
|
|
35
|
+
//# sourceMappingURL=Modal.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../src/components/Modal.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAO5C,MAAM,cAAc,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,KAAiB,EAAE,SAAqB,EAAE,EAAE;IAC3E,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAA;IAChC,OAAO,CAAC,GAAG,CAAC,6BAA6B,EAAE,IAAI,CAAC,CAAA;IAChD,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAA;IACtC,MAAM,gBAAgB,GAAkB;QACpC,QAAQ,EAAE,MAAM;QAChB,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,MAAM;QACjB,QAAQ,EAAE,OAAO;QACjB,GAAG,EAAE,GAAG;QACR,IAAI,EAAE,GAAG;QACT,MAAM,EAAE,MAAM;QACd,UAAU,EAAE,oBAAoB;QAChC,MAAM,EAAE,YAAY;QACpB,UAAU,EAAE,UAAU;QACtB,OAAO,EAAE,OAAO;KACnB,CAAA;IACD,MAAM,gBAAgB,GAAkB;QACpC,QAAQ,EAAE,OAAO;QACjB,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,OAAO;QACjB,UAAU,EAAE,OAAO;QACnB,MAAM,EAAE,MAAM;QACd,GAAG,EAAE,KAAK;QACV,IAAI,EAAE,KAAK;QACX,SAAS,EAAE,uBAAuB;QAClC,MAAM,EAAE,YAAY;QACpB,UAAU,EAAE,UAAU;KACzB,CAAA;IAED,OAAO,CACH,cAAK,KAAK,EAAE,gBAAgB,YACxB,cAAK,KAAK,EAAE,gBAAgB,YAAG,QAAQ,GAAO,GAC5C,CACT,CAAA;AACL,CAAC,CAAC,CAAA;AAEF,eAAe,cAAc,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Procaptcha.d.ts","sourceRoot":"","sources":["../../src/components/Procaptcha.tsx"],"names":[],"mappings":"AAcA,OAAO,EAIH,mBAAmB,EACnB,wBAAwB,EAK3B,MAAM,qBAAqB,CAAA;
|
|
1
|
+
{"version":3,"file":"Procaptcha.d.ts","sourceRoot":"","sources":["../../src/components/Procaptcha.tsx"],"names":[],"mappings":"AAcA,OAAO,EAIH,mBAAmB,EACnB,wBAAwB,EAK3B,MAAM,qBAAqB,CAAA;AA6C5B,MAAM,WAAW,eAAe;IAE5B,MAAM,EAAE,wBAAwB,CAAA;IAEhC,SAAS,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;CAC3C;AA0ED,eAAO,MAAM,UAAU,UAAW,eAAe,qDAsIhD,CAAA"}
|
|
@@ -1,10 +1,13 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
|
|
2
2
|
import { Manager, } from '@prosopo/procaptcha';
|
|
3
|
-
import {
|
|
3
|
+
import { LoadingSpinner } from './LoadingSpinner.js';
|
|
4
4
|
import { css } from '@emotion/react';
|
|
5
5
|
import { darkTheme, lightTheme } from './theme.js';
|
|
6
6
|
import { useMemo, useRef, useState } from 'react';
|
|
7
7
|
import CaptchaComponent from './CaptchaComponent.js';
|
|
8
|
+
import Checkbox from './Checkbox.js';
|
|
9
|
+
import Collector from './collector.js';
|
|
10
|
+
import Modal from './Modal.js';
|
|
8
11
|
const logoStyle = css `
|
|
9
12
|
align-items: center;
|
|
10
13
|
justify-content: flex-end;
|
|
@@ -58,6 +61,7 @@ const useProcaptcha = () => {
|
|
|
58
61
|
const [timeout, setTimeout] = useRefAsState(undefined);
|
|
59
62
|
const [blockNumber, setBlockNumber] = useRefAsState(undefined);
|
|
60
63
|
const [successfullChallengeTimeout, setSuccessfullChallengeTimeout] = useRefAsState(undefined);
|
|
64
|
+
const [sendData, setSendData] = useState(false);
|
|
61
65
|
return [
|
|
62
66
|
{
|
|
63
67
|
isHuman,
|
|
@@ -73,6 +77,7 @@ const useProcaptcha = () => {
|
|
|
73
77
|
timeout,
|
|
74
78
|
blockNumber,
|
|
75
79
|
successfullChallengeTimeout,
|
|
80
|
+
sendData,
|
|
76
81
|
},
|
|
77
82
|
(nextState) => {
|
|
78
83
|
if (nextState.account !== undefined)
|
|
@@ -103,6 +108,8 @@ const useProcaptcha = () => {
|
|
|
103
108
|
setSuccessfullChallengeTimeout(nextState.timeout);
|
|
104
109
|
if (nextState.blockNumber !== undefined)
|
|
105
110
|
setBlockNumber(nextState.blockNumber);
|
|
111
|
+
if (nextState.sendData !== undefined)
|
|
112
|
+
setSendData(nextState.sendData);
|
|
106
113
|
},
|
|
107
114
|
];
|
|
108
115
|
};
|
|
@@ -113,53 +120,47 @@ export const Procaptcha = (props) => {
|
|
|
113
120
|
const [state, updateState] = useProcaptcha();
|
|
114
121
|
console.log('state', state);
|
|
115
122
|
const manager = Manager(config, state, updateState, callbacks);
|
|
116
|
-
const
|
|
123
|
+
const styleWidth = { maxWidth: '400px', minWidth: '200px', margin: '8px' };
|
|
124
|
+
const themeColor = props.config.theme === 'light' ? 'light' : 'dark';
|
|
117
125
|
const theme = useMemo(() => (props.config.theme === 'light' ? lightTheme : darkTheme), [props.config.theme]);
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
? logoWithoutTextBlack
|
|
157
|
-
: logoWithoutTextWhite,
|
|
158
|
-
} }), _jsx("div", { css: logoStyle, dangerouslySetInnerHTML: {
|
|
159
|
-
__html: props.config.theme === 'light'
|
|
160
|
-
? logoWithTextBlack
|
|
161
|
-
: logoWithTextWhite,
|
|
162
|
-
} })] }) }) }) })] })] })] }) }));
|
|
126
|
+
console.log('theme', theme);
|
|
127
|
+
console.log('showModal', state.showModal);
|
|
128
|
+
return (_jsxs("div", { children: [_jsxs("div", { style: { maxWidth: '100%', maxHeight: '100%', overflowX: 'auto' }, children: [_jsx(Modal, { show: state.showModal, 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, themeColor: config.theme ?? 'light' })) : (_jsx("div", { children: "No challenge set." })) }), _jsxs("div", { style: styleWidth, "data-cy": 'button-human', children: [' ', _jsxs("div", { style: {
|
|
129
|
+
padding: '8px',
|
|
130
|
+
border: '1px solid',
|
|
131
|
+
backgroundColor: theme.palette.background.default,
|
|
132
|
+
borderColor: theme.palette.grey[300],
|
|
133
|
+
borderRadius: '8px',
|
|
134
|
+
display: 'flex',
|
|
135
|
+
justifyContent: 'space-between',
|
|
136
|
+
alignItems: 'center',
|
|
137
|
+
flexWrap: 'wrap',
|
|
138
|
+
}, children: [_jsx("div", { style: { display: 'flex', flexDirection: 'column' }, children: _jsxs("div", { style: {
|
|
139
|
+
display: 'flex',
|
|
140
|
+
justifyContent: 'flex-start',
|
|
141
|
+
alignItems: 'center',
|
|
142
|
+
flexWrap: 'wrap',
|
|
143
|
+
}, children: [_jsxs("div", { style: {
|
|
144
|
+
height: '50px',
|
|
145
|
+
width: '50px',
|
|
146
|
+
display: 'flex',
|
|
147
|
+
alignItems: 'center',
|
|
148
|
+
justifyContent: 'center',
|
|
149
|
+
flexDirection: 'column',
|
|
150
|
+
verticalAlign: 'middle',
|
|
151
|
+
}, children: [_jsx("div", { style: {
|
|
152
|
+
display: !state.loading ? 'flex' : 'none',
|
|
153
|
+
}, children: _jsx(Checkbox, { themeColor: themeColor, onChange: manager.start, checked: state.isHuman }) }), _jsx("div", { style: {
|
|
154
|
+
display: state.loading ? 'flex' : 'none',
|
|
155
|
+
}, children: _jsx("div", { style: { flex: 1 }, children: _jsx(LoadingSpinner, { themeColor: themeColor }) }) })] }), _jsx("div", { style: { padding: 1 }, children: _jsx("span", { style: { color: theme.palette.primary.contrastText, paddingLeft: '4px' }, children: "I am a human" }) })] }) }), _jsx("div", { children: _jsx("a", { href: "https://www.prosopo.io/#features?ref=accounts.prosopo.io&utm_campaign=widget&utm_medium=checkbox", target: "_blank", "aria-label": "Visit prosopo.io to learn more about the service and its accessibility options.", children: _jsx("div", { children: _jsxs("div", { children: [_jsx("div", { css: logoStyle, dangerouslySetInnerHTML: {
|
|
156
|
+
__html: props.config.theme === 'light'
|
|
157
|
+
? logoWithoutTextBlack
|
|
158
|
+
: logoWithoutTextWhite,
|
|
159
|
+
} }), _jsx("div", { css: logoStyle, dangerouslySetInnerHTML: {
|
|
160
|
+
__html: props.config.theme === 'light'
|
|
161
|
+
? logoWithTextBlack
|
|
162
|
+
: logoWithTextWhite,
|
|
163
|
+
} })] }) }) }) })] })] })] }), config.devOnlyWatchEvents && (_jsx(Collector, { onProcessData: manager.exportData, sendData: state.showModal }))] }));
|
|
163
164
|
};
|
|
164
165
|
const logoWithTextBlack = '<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>';
|
|
165
166
|
const logoWithTextWhite = '<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:#fff;}</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>';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Procaptcha.js","sourceRoot":"","sources":["../../src/components/Procaptcha.tsx"],"names":[],"mappings":";AAcA,OAAO,EAGH,OAAO,GAOV,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Procaptcha.js","sourceRoot":"","sources":["../../src/components/Procaptcha.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { StoredEvents } from '@prosopo/types';
|
|
2
|
+
type CollectorProps = {
|
|
3
|
+
onProcessData: (data: StoredEvents) => void;
|
|
4
|
+
sendData: boolean;
|
|
5
|
+
};
|
|
6
|
+
declare const Collector: ({ onProcessData, sendData }: CollectorProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
7
|
+
export default Collector;
|
|
8
|
+
//# sourceMappingURL=collector.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"collector.d.ts","sourceRoot":"","sources":["../../src/components/collector.tsx"],"names":[],"mappings":"AACA,OAAO,EAA8D,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAGzG,KAAK,cAAc,GAAG;IAClB,aAAa,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAA;IAC3C,QAAQ,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,QAAA,MAAM,SAAS,gCAAiC,cAAc,qDAwB7D,CAAA;AAED,eAAe,SAAS,CAAA"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
2
|
+
import { useEffect, useRef, useState } from 'react';
|
|
3
|
+
import { startCollector } from '@prosopo/procaptcha';
|
|
4
|
+
const Collector = ({ onProcessData, sendData }) => {
|
|
5
|
+
const [mouseEvents, setStoredMouseEvents] = useState([]);
|
|
6
|
+
const [touchEvents, setStoredTouchEvents] = useState([]);
|
|
7
|
+
const [keyboardEvents, setStoredKeyboardEvents] = useState([]);
|
|
8
|
+
const ref = useRef(null);
|
|
9
|
+
useEffect(() => {
|
|
10
|
+
if (ref && ref.current) {
|
|
11
|
+
startCollector(setStoredMouseEvents, setStoredTouchEvents, setStoredKeyboardEvents, ref.current);
|
|
12
|
+
}
|
|
13
|
+
}, []);
|
|
14
|
+
useEffect(() => {
|
|
15
|
+
const userEvents = {
|
|
16
|
+
mouseEvents,
|
|
17
|
+
touchEvents,
|
|
18
|
+
keyboardEvents,
|
|
19
|
+
};
|
|
20
|
+
onProcessData(userEvents);
|
|
21
|
+
}, [sendData]);
|
|
22
|
+
return _jsx("div", { ref: ref });
|
|
23
|
+
};
|
|
24
|
+
export default Collector;
|
|
25
|
+
//# sourceMappingURL=collector.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"collector.js","sourceRoot":"","sources":["../../src/components/collector.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAoB,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAErE,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAOpD,MAAM,SAAS,GAAG,CAAC,EAAE,aAAa,EAAE,QAAQ,EAAkB,EAAE,EAAE;IAC9D,MAAM,CAAC,WAAW,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAsB,EAAE,CAAC,CAAA;IAC7E,MAAM,CAAC,WAAW,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAsB,EAAE,CAAC,CAAA;IAC7E,MAAM,CAAC,cAAc,EAAE,uBAAuB,CAAC,GAAG,QAAQ,CAAyB,EAAE,CAAC,CAAA;IAEtF,MAAM,GAAG,GAA4C,MAAM,CAAiB,IAAI,CAAC,CAAA;IAEjF,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,GAAG,IAAI,GAAG,CAAC,OAAO,EAAE;YACpB,cAAc,CAAC,oBAAoB,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;SACnG;IACL,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,UAAU,GAAG;YACf,WAAW;YACX,WAAW;YACX,cAAc;SACjB,CAAA;QAED,aAAa,CAAC,UAAU,CAAC,CAAA;IAC7B,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,OAAO,cAAK,GAAG,EAAE,GAAG,GAAQ,CAAA;AAChC,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}
|