@prosopo/procaptcha-react 0.2.17 → 0.2.20

package/dist/components/CaptchaWidget.js

@@ -1,21 +1,19 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Fade, useTheme } from '@mui/material';
-import { default as CheckIcon } from '@mui/icons-material/Check.js';
-const normalizeIcon = (Icon) => {
-    return (Icon.default ? Icon.default : Icon);
-};
-const CheckIconNormalized = normalizeIcon(CheckIcon);
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { darkTheme, lightTheme } from './theme.js';
+import { useMemo } from 'react';
 const getHash = (item) => {
     if (!item.hash) {
         throw new Error('item.hash is undefined');
     }
     return item.hash;
 };
-export const CaptchaWidget = ({ challenge, solution, onClick }) => {
+export const CaptchaWidget = ({ challenge, solution, onClick, themeColor }) => {
     const items = challenge.captcha.items;
-    const theme = useTheme();
+    const theme = useMemo(() => (themeColor === 'light' ? lightTheme : darkTheme), [themeColor]);
     const isTouchDevice = 'ontouchstart' in window;
-    return (_jsx(Box, { component: "div", pr: 0.5, pb: 0.5, sx: {
+    return (_jsx("div", { style: {
+            paddingRight: 0.5,
+            paddingBottom: 0.5,
             width: '100%',
             height: '100%',
             display: 'flex',
@@ -23,41 +21,48 @@ export const CaptchaWidget = ({ challenge, solution, onClick }) => {
             flexWrap: 'wrap',
         }, children: items.map((item, index) => {
             const hash = getHash(item);
-            return (_jsx(Box, { pt: 0.5, pl: 0.5, sx: {
+            return (_jsx("div", { style: {
+                    paddingTop: '4px',
+                    paddingLeft: '4px',
                     flexGrow: 1,
                     flexBasis: '33.3333%',
                     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: theme.palette.grey[300] }, children: _jsx("img", { style: {
+                }, 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: {
                                     width: '100%',
                                     backgroundColor: theme.palette.grey[300],
                                     opacity: solution.includes(hash) && isTouchDevice ? '50%' : '100%',
                                     display: 'block',
                                     objectFit: 'contain',
                                     aspectRatio: '1/1',
-                                }, src: item.data, alt: `Captcha image ${index + 1}` }) }), _jsx(Fade, { in: solution.includes(hash), children: _jsx(Box, { sx: {
-                                    position: 'relative',
-                                    width: '100%',
+                                }, src: item.data, alt: `Captcha image ${index + 1}` }) }), _jsx("div", { style: {
+                                position: 'relative',
+                                width: '100%',
+                                height: '100%',
+                                top: '-100%',
+                                visibility: solution.includes(hash) ? 'visible' : 'hidden',
+                                transition: 'opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms',
+                                opacity: 1,
+                            }, children: _jsx("div", { style: {
+                                    position: 'absolute',
+                                    top: 0,
+                                    left: 0,
+                                    bottom: 0,
+                                    right: 0,
                                     height: '100%',
-                                    top: '-100%',
-                                    transitionDuration: '300ms',
-                                    transitionProperty: 'opacity',
-                                }, children: _jsx(Box, { sx: {
-                                        position: 'absolute',
-                                        top: 0,
-                                        left: 0,
-                                        bottom: 0,
-                                        right: 0,
-                                        height: '100%',
-                                        width: '100%',
-                                        display: 'flex',
-                                        alignItems: 'center',
-                                        justifyContent: 'center',
-                                        backgroundColor: 'rgba(0,0,0,0.5)',
-                                    }, children: _jsx(CheckIconNormalized, { htmlColor: theme.palette.background.default, sx: {
-                                            display: 'block',
-                                            width: '35%',
-                                            height: '35%',
-                                        } }) }) }) })] }) }, index));
+                                    width: '100%',
+                                    display: 'flex',
+                                    alignItems: 'center',
+                                    justifyContent: 'center',
+                                    backgroundColor: 'rgba(0,0,0,0.5)',
+                                }, children: _jsx("svg", { style: {
+                                        backgroundColor: 'transparent',
+                                        display: 'block',
+                                        width: '35%',
+                                        height: '35%',
+                                        transition: 'fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms',
+                                        userSelect: 'none',
+                                        fill: 'currentcolor',
+                                    }, 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));
         }) }));
 };
 //# 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,OAAO,EAAE,GAAG,EAAE,IAAI,EAAkB,QAAQ,EAAE,MAAM,eAAe,CAAA;AAEnE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAQnE,MAAM,aAAa,GAAG,CAAC,IAAoB,EAAE,EAAE;IAE3C,OAAO,CAAE,IAAY,CAAC,OAAO,CAAC,CAAC,CAAE,IAAY,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAmB,CAAA;AACnF,CAAC,CAAA;AAID,MAAM,mBAAmB,GAAG,aAAa,CAAC,SAAS,CAAC,CAAA;AAEpD,MAAM,OAAO,GAAG,CAAC,IAAS,EAAE,EAAE;IAC1B,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;QACZ,MAAM,IAAI,KAAK,CAAC,wBAAwB,CAAC,CAAA;KAC5C;IACD,OAAO,IAAI,CAAC,IAAI,CAAA;AACpB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAsB,EAAE,EAAE;IAClF,MAAM,KAAK,GAAG,SAAS,CAAC,OAAO,CAAC,KAAK,CAAA;IACrC,MAAM,KAAK,GAAU,QAAQ,EAAE,CAAA;IAC/B,MAAM,aAAa,GAAG,cAAc,IAAI,MAAM,CAAA;IAE9C,OAAO,CACH,KAAC,GAAG,IACA,SAAS,EAAC,KAAK,EACf,EAAE,EAAE,GAAG,EACP,EAAE,EAAE,GAAG,EACP,EAAE,EAAE;YAEA,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;YAEd,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,KAAK;YACpB,QAAQ,EAAE,MAAM;SACnB,YAEA,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YACvB,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;YAC1B,OAAO,CACH,KAAC,GAAG,IACA,EAAE,EAAE,GAAG,EACP,EAAE,EAAE,GAAG,EACP,EAAE,EAAE;oBAEA,QAAQ,EAAE,CAAC;oBAEX,SAAS,EAAE,UAAU;oBAErB,SAAS,EAAE,YAAY;iBAC1B,YAGD,MAAC,GAAG,IACA,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,EACxD,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EACxD,YAAY,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,aAE7D,KAAC,GAAG,IAAC,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,YACxD,cACI,KAAK,EAAE;oCACH,KAAK,EAAE,MAAM;oCACb,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;oCACxC,OAAO,EAAE,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM;oCAClE,OAAO,EAAE,OAAO;oCAChB,SAAS,EAAE,SAAS;oCACpB,WAAW,EAAE,KAAK;iCACrB,EACD,GAAG,EAAE,IAAI,CAAC,IAAI,EACd,GAAG,EAAE,iBAAiB,KAAK,GAAG,CAAC,EAAE,GACnC,GACA,EACN,KAAC,IAAI,IAAC,EAAE,EAAE,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,YAC7B,KAAC,GAAG,IACA,EAAE,EAAE;oCAEA,QAAQ,EAAE,UAAU;oCAEpB,KAAK,EAAE,MAAM;oCACb,MAAM,EAAE,MAAM;oCAEd,GAAG,EAAE,OAAO;oCAEZ,kBAAkB,EAAE,OAAO;oCAC3B,kBAAkB,EAAE,SAAS;iCAChC,YAED,KAAC,GAAG,IACA,EAAE,EAAE;wCAEA,QAAQ,EAAE,UAAU;wCAEpB,GAAG,EAAE,CAAC;wCACN,IAAI,EAAE,CAAC;wCACP,MAAM,EAAE,CAAC;wCACT,KAAK,EAAE,CAAC;wCACR,MAAM,EAAE,MAAM;wCACd,KAAK,EAAE,MAAM;wCAEb,OAAO,EAAE,MAAM;wCACf,UAAU,EAAE,QAAQ;wCACpB,cAAc,EAAE,QAAQ;wCAExB,eAAe,EAAE,iBAAiB;qCACrC,YAED,KAAC,mBAAmB,IAChB,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO,EAC3C,EAAE,EAAE;4CAEA,OAAO,EAAE,OAAO;4CAEhB,KAAK,EAAE,KAAK;4CACZ,MAAM,EAAE,KAAK;yCAChB,GACH,GACA,GACJ,GACH,IACL,IApED,KAAK,CAqER,CACT,CAAA;QACL,CAAC,CAAC,GACA,CACT,CAAA;AACL,CAAC,CAAA"}
+{"version":3,"file":"CaptchaWidget.js","sourceRoot":"","sources":["../../src/components/CaptchaWidget.tsx"],"names":[],"mappings":";AAcA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAS/B,MAAM,OAAO,GAAG,CAAC,IAAS,EAAE,EAAE;IAC1B,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;QACZ,MAAM,IAAI,KAAK,CAAC,wBAAwB,CAAC,CAAA;KAC5C;IACD,OAAO,IAAI,CAAC,IAAI,CAAA;AACpB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAsB,EAAE,EAAE;IAC9F,MAAM,KAAK,GAAG,SAAS,CAAC,OAAO,CAAC,KAAK,CAAA;IACrC,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;IAE5F,MAAM,aAAa,GAAG,cAAc,IAAI,MAAM,CAAA;IAE9C,OAAO,CACH,cACI,KAAK,EAAE;YACH,YAAY,EAAE,GAAG;YACjB,aAAa,EAAE,GAAG;YAElB,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;YAEd,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,KAAK;YACpB,QAAQ,EAAE,MAAM;SACnB,YAEA,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YACvB,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;YAC1B,OAAO,CACH,cACI,KAAK,EAAE;oBACH,UAAU,EAAE,KAAK;oBACjB,WAAW,EAAE,KAAK;oBAElB,QAAQ,EAAE,CAAC;oBAEX,SAAS,EAAE,UAAU;oBAErB,SAAS,EAAE,YAAY;iBAC1B,YAGD,eACI,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,EAC3D,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EACxD,YAAY,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,aAE7D,cAAK,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,YAC3D,cACI,KAAK,EAAE;oCACH,KAAK,EAAE,MAAM;oCACb,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;oCACxC,OAAO,EAAE,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM;oCAClE,OAAO,EAAE,OAAO;oCAChB,SAAS,EAAE,SAAS;oCACpB,WAAW,EAAE,KAAK;iCACrB,EACD,GAAG,EAAE,IAAI,CAAC,IAAI,EACd,GAAG,EAAE,iBAAiB,KAAK,GAAG,CAAC,EAAE,GACnC,GACA,EAEN,cACI,KAAK,EAAE;gCAEH,QAAQ,EAAE,UAAU;gCAEpB,KAAK,EAAE,MAAM;gCACb,MAAM,EAAE,MAAM;gCAEd,GAAG,EAAE,OAAO;gCACZ,UAAU,EAAE,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ;gCAE1D,UAAU,EAAE,gDAAgD;gCAC5D,OAAO,EAAE,CAAC;6BACb,YAED,cACI,KAAK,EAAE;oCAEH,QAAQ,EAAE,UAAU;oCAEpB,GAAG,EAAE,CAAC;oCACN,IAAI,EAAE,CAAC;oCACP,MAAM,EAAE,CAAC;oCACT,KAAK,EAAE,CAAC;oCACR,MAAM,EAAE,MAAM;oCACd,KAAK,EAAE,MAAM;oCAEb,OAAO,EAAE,MAAM;oCACf,UAAU,EAAE,QAAQ;oCACpB,cAAc,EAAE,QAAQ;oCAExB,eAAe,EAAE,iBAAiB;iCACrC,YAED,cACI,KAAK,EAAE;wCACH,eAAe,EAAE,aAAa;wCAE9B,OAAO,EAAE,OAAO;wCAEhB,KAAK,EAAE,KAAK;wCACZ,MAAM,EAAE,KAAK;wCACb,UAAU,EAAE,6CAA6C;wCACzD,UAAU,EAAE,MAAM;wCAClB,IAAI,EAAE,cAAc;qCACvB,EACD,SAAS,EAAC,OAAO,EACjB,KAAK,EAAC,MAAM,iBACA,MAAM,EAClB,OAAO,EAAC,WAAW,iBACP,WAAW,YAEvB,eAAM,CAAC,EAAC,mDAAmD,GAAQ,GACjE,GACJ,GACJ,IACJ,IA9ED,KAAK,CA+ER,CACT,CAAA;QACL,CAAC,CAAC,GACA,CACT,CAAA;AACL,CAAC,CAAA"}

package/dist/components/Checkbox.d.ts

@@ -0,0 +1,9 @@
+import React, { ButtonHTMLAttributes } from 'react';
+interface CheckboxProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    themeColor: 'light' | 'dark';
+    checked: boolean;
+    onChange: () => void;
+}
+declare const Checkbox: React.FC<CheckboxProps>;
+export default Checkbox;
+//# sourceMappingURL=Checkbox.d.ts.map

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

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

package/dist/components/Checkbox.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { css } from '@emotion/react';
+import { darkTheme, lightTheme } from './theme.js';
+import { useMemo, useState } from 'react';
+const checkboxBefore = css `{
+  &:before {
+    content: '""';
+    position: absolute;
+    height: 100%;
+    width: 100%;
+  }
+}`;
+const baseStyle = {
+    width: '2.2em',
+    height: '2.2em',
+    top: 'auto',
+    left: 'auto',
+    opacity: '1',
+    borderRadius: '12.5%',
+    appearance: 'none',
+    cursor: 'pointer',
+    margin: '0',
+    borderStyle: 'solid',
+    borderWidth: '1px',
+};
+const Checkbox = ({ themeColor, onChange, checked }) => {
+    const theme = useMemo(() => (themeColor === 'light' ? lightTheme : darkTheme), [themeColor]);
+    const checkboxStyleBase = {
+        ...baseStyle,
+        border: `1px solid ${theme.palette.background.contrastText}`,
+    };
+    const [hover, setHover] = useState(false);
+    const checkboxStyle = useMemo(() => {
+        return {
+            ...checkboxStyleBase,
+            borderColor: hover ? theme.palette.background.contrastText : theme.palette.grey[400],
+            appearance: checked ? 'auto' : 'none',
+        };
+    }, [hover, theme, checked]);
+    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 }));
+};
+export default Checkbox;
+//# sourceMappingURL=Checkbox.js.map

package/dist/components/Checkbox.js.map

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

package/dist/components/ExtensionAccountSelect.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"ExtensionAccountSelect.d.ts","sourceRoot":"","sources":["../../src/components/ExtensionAccountSelect.tsx"],"names":[],"mappings":"AAsBA,eAAO,MAAM,sBAAsB;;cAMrB,MAAM;sBACE,MAAM,KAAK,IAAI;6CAqCpC,CAAA;AAED,eAAe,sBAAsB,CAAA"}
+{"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"}

package/dist/components/ExtensionAccountSelect.js

@@ -1,5 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Autocomplete, TextField } from '@mui/material';
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { useEffect, useState } from 'react';
 import { useTranslation } from '@prosopo/common';
 import { web3AccountsSubscribe, web3Enable } from '@polkadot/extension-dapp';
@@ -15,16 +14,18 @@ export const ExtensionAccountSelect = ({ value, dappName, onChange, }) => {
         };
     }, []);
     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) {
+    return (_jsx("select", { id: "select-account", onChange: (e) => {
+            const value = e.target.value;
+            const account = accounts.find((a) => a.address === value) || null;
+            if (account) {
                 console.log('Selected account:', value);
-                onChange(value.address);
+                onChange(account.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') }) }));
+        }, value: accounts.length > 0 && account ? account.address : undefined, style: { width: '550px' }, children: accounts.map(({ address, meta: { name } }) => (_jsx("option", { value: address, children: name }))) }));
 };
 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":";AAcA,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;AAI5E,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"}
+{"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"}

package/dist/components/LoadingSpinner.d.ts

@@ -0,0 +1,6 @@
+export interface LoadingSpinnerComponentProps {
+    themeColor: 'light' | 'dark';
+}
+export declare const LoadingSpinner: ({ themeColor }: LoadingSpinnerComponentProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default LoadingSpinner;
+//# sourceMappingURL=LoadingSpinner.d.ts.map

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

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

package/dist/components/LoadingSpinner.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { darkTheme, lightTheme } from './theme.js';
+import { useMemo } from 'react';
+import styled from '@emotion/styled';
+export const LoadingSpinner = ({ themeColor }) => {
+    const theme = useMemo(() => (themeColor === 'light' ? lightTheme : darkTheme), [themeColor]);
+    const StyledDiv = styled.div `
+        width: 2em;
+        height: 2em;
+        border: 4px solid ${theme.palette.primary.contrastText};
+        border-bottom-color: transparent;
+        border-radius: 50%;
+        display: inherit;
+        box-sizing: border-box;
+        animation: rotation 1s linear infinite;
+        @keyframes rotation {
+            0% {
+                transform: rotate(0deg);
+            }
+            100% {
+                transform: rotate(360deg);
+            }
+        }
+    `;
+    return _jsx(StyledDiv, {});
+};
+export default LoadingSpinner;
+//# sourceMappingURL=LoadingSpinner.js.map

package/dist/components/LoadingSpinner.js.map

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

package/dist/components/Modal.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+type ModalProps = {
+    show: boolean;
+    children: React.ReactNode;
+};
+declare const ModalComponent: React.MemoExoticComponent<(props: ModalProps, nextProps: ModalProps) => import("@emotion/react/jsx-runtime").JSX.Element>;
+export default ModalComponent;
+//# sourceMappingURL=Modal.d.ts.map

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

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

package/dist/components/Modal.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import React from 'react';
+const ModalComponent = React.memo((props, nextProps) => {
+    const { show, children } = props;
+    console.log('rendering modal with show: ', show);
+    const display = show ? 'flex' : 'none';
+    const ModalOuterDivCss = {
+        overflow: 'auto',
+        width: '100%',
+        maxHeight: '100%',
+        position: 'fixed',
+        top: '0',
+        left: '0',
+        height: '100%',
+        background: 'rgba(0, 0, 0, 0.6)',
+        zIndex: '2147483646',
+        transition: 'all 0.5s',
+        display: display,
+    };
+    const ModalInnerDivCSS = {
+        maxWidth: '500px',
+        margin: 'auto',
+        position: 'fixed',
+        background: 'white',
+        height: 'auto',
+        top: '50%',
+        left: '50%',
+        transform: 'translate(-50%, -50%)',
+        zIndex: '2147483647',
+        transition: 'all 0.5s',
+    };
+    return (_jsx("div", { style: ModalOuterDivCss, children: _jsx("div", { style: ModalInnerDivCSS, children: children }) }));
+});
+export default ModalComponent;
+//# sourceMappingURL=Modal.js.map

package/dist/components/Modal.js.map

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

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

@@ -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;AA0C5B,MAAM,WAAW,eAAe;IAE5B,MAAM,EAAE,wBAAwB,CAAA;IAEhC,SAAS,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;CAC3C;AAwED,eAAO,MAAM,UAAU,UAAW,eAAe,qDA0IhD,CAAA"}
+{"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"}

package/dist/components/Procaptcha.js

@@ -1,10 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 import { Manager, } from '@prosopo/procaptcha';
-import { Alert, Backdrop, Box, Checkbox, CircularProgress, Link, ThemeProvider, Typography } from '@mui/material';
+import { LoadingSpinner } from './LoadingSpinner.js';
 import { css } from '@emotion/react';
 import { darkTheme, lightTheme } from './theme.js';
 import { useMemo, useRef, useState } from 'react';
 import CaptchaComponent from './CaptchaComponent.js';
+import Checkbox from './Checkbox.js';
+import Collector from './collector.js';
+import Modal from './Modal.js';
 const logoStyle = css `
     align-items: center;
     justify-content: flex-end;
@@ -58,6 +61,7 @@ const useProcaptcha = () => {
     const [timeout, setTimeout] = useRefAsState(undefined);
     const [blockNumber, setBlockNumber] = useRefAsState(undefined);
     const [successfullChallengeTimeout, setSuccessfullChallengeTimeout] = useRefAsState(undefined);
+    const [sendData, setSendData] = useState(false);
     return [
         {
             isHuman,
@@ -73,6 +77,7 @@ const useProcaptcha = () => {
             timeout,
             blockNumber,
             successfullChallengeTimeout,
+            sendData,
         },
         (nextState) => {
             if (nextState.account !== undefined)
@@ -103,6 +108,8 @@ const useProcaptcha = () => {
                 setSuccessfullChallengeTimeout(nextState.timeout);
             if (nextState.blockNumber !== undefined)
                 setBlockNumber(nextState.blockNumber);
+            if (nextState.sendData !== undefined)
+                setSendData(nextState.sendData);
         },
     ];
 };
@@ -113,53 +120,47 @@ export const Procaptcha = (props) => {
     const [state, updateState] = useProcaptcha();
     console.log('state', state);
     const manager = Manager(config, state, updateState, callbacks);
-    const configSx = { maxWidth: '400px', minWidth: '200px' };
+    const styleWidth = { maxWidth: '400px', minWidth: '200px', margin: '8px' };
+    const themeColor = props.config.theme === 'light' ? 'light' : 'dark';
     const theme = useMemo(() => (props.config.theme === 'light' ? lightTheme : darkTheme), [props.config.theme]);
-    return (_jsx(ThemeProvider, { theme: theme, children: _jsxs(Box, { sx: { maxWidth: '100%', maxHeight: '100%', overflowX: 'auto' }, children: [_jsx(Backdrop, { open: state.showModal, sx: { zIndex: 2147483647 }, 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(Alert, { children: "No challenge set." })) }), _jsxs(Box, { p: 0, sx: [...(Array.isArray(configSx) ? configSx : [configSx])], "data-cy": 'button-human', children: [' ', _jsxs(Box, { p: 1, border: 1, bgcolor: theme.palette.background.default, borderColor: theme.palette.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, position: 'relative' },
-                                                                '& .PrivateSwitchBase-input': {
-                                                                    width: '1.4em',
-                                                                    height: '1.4em',
-                                                                    top: 'auto',
-                                                                    left: 'auto',
-                                                                    opacity: '1',
-                                                                    '&::before': {
-                                                                        content: '""',
-                                                                        position: 'absolute',
-                                                                        height: '100%',
-                                                                        width: '100%',
-                                                                    },
-                                                                },
-                                                            } }) }), _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: theme.palette.primary.contrastText, 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: props.config.theme === 'light'
-                                                                ? logoWithoutTextBlack
-                                                                : logoWithoutTextWhite,
-                                                        } }), _jsx("div", { css: logoStyle, dangerouslySetInnerHTML: {
-                                                            __html: props.config.theme === 'light'
-                                                                ? logoWithTextBlack
-                                                                : logoWithTextWhite,
-                                                        } })] }) }) }) })] })] })] }) }));
+    console.log('theme', theme);
+    console.log('showModal', state.showModal);
+    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: {
+                                    padding: '8px',
+                                    border: '1px solid',
+                                    backgroundColor: theme.palette.background.default,
+                                    borderColor: theme.palette.grey[300],
+                                    borderRadius: '8px',
+                                    display: 'flex',
+                                    justifyContent: 'space-between',
+                                    alignItems: 'center',
+                                    flexWrap: 'wrap',
+                                }, children: [_jsx("div", { style: { display: 'flex', flexDirection: 'column' }, children: _jsxs("div", { style: {
+                                                display: 'flex',
+                                                justifyContent: 'flex-start',
+                                                alignItems: 'center',
+                                                flexWrap: 'wrap',
+                                            }, children: [_jsxs("div", { style: {
+                                                        height: '50px',
+                                                        width: '50px',
+                                                        display: 'flex',
+                                                        alignItems: 'center',
+                                                        justifyContent: 'center',
+                                                        flexDirection: 'column',
+                                                        verticalAlign: 'middle',
+                                                    }, children: [_jsx("div", { style: {
+                                                                display: !state.loading ? 'flex' : 'none',
+                                                            }, children: _jsx(Checkbox, { themeColor: themeColor, onChange: manager.start, checked: state.isHuman }) }), _jsx("div", { style: {
+                                                                display: state.loading ? 'flex' : 'none',
+                                                            }, 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: {
+                                                                __html: props.config.theme === 'light'
+                                                                    ? logoWithoutTextBlack
+                                                                    : logoWithoutTextWhite,
+                                                            } }), _jsx("div", { css: logoStyle, dangerouslySetInnerHTML: {
+                                                                __html: props.config.theme === 'light'
+                                                                    ? logoWithTextBlack
+                                                                    : logoWithTextWhite,
+                                                            } })] }) }) }) })] })] })] }), config.devOnlyWatchEvents && (_jsx(Collector, { onProcessData: manager.exportData, sendData: state.showModal }))] }));
 };
 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>';
 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>';

package/dist/components/Procaptcha.js.map

@@ -1 +1 @@
-{"version":3,"file":"Procaptcha.js","sourceRoot":"","sources":["../../src/components/Procaptcha.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Procaptcha.js","sourceRoot":"","sources":["../../src/components/Procaptcha.tsx"],"names":[],"mappings":";AAcA,OAAO,EAGH,OAAO,GAOV,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AACpC,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACjD,OAAO,gBAAgB,MAAM,uBAAuB,CAAA;AACpD,OAAO,QAAQ,MAAM,eAAe,CAAA;AACpC,OAAO,SAAS,MAAM,gBAAgB,CAAA;AACtC,OAAO,KAAK,MAAM,YAAY,CAAA;AAE9B,MAAM,SAAS,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BpB,CAAA;AAiBD,MAAM,aAAa,GAAG,CAAK,YAAe,EAA2B,EAAE;IACnE,MAAM,GAAG,GAAG,MAAM,CAAI,YAAY,CAAC,CAAA;IACnC,MAAM,MAAM,GAAG,CAAC,KAAQ,EAAE,EAAE;QACxB,GAAG,CAAC,OAAO,GAAG,KAAK,CAAA;IACvB,CAAC,CAAA;IACD,MAAM,KAAK,GAAM,GAAG,CAAC,OAAO,CAAA;IAC5B,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;AAC1B,CAAC,CAAA;AAED,MAAM,aAAa,GAAG,GAA+C,EAAE;IACnE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC7C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IACrC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,EAAgB,CAAC,CAAA;IAC5D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,aAAa,CAAgC,SAAS,CAAC,CAAA;IAC3F,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACjD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAiC,SAAS,CAAC,CAAA;IACrF,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC7C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAsB,SAAS,CAAC,CAAA;IACtE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAqB,SAAS,CAAC,CAAA;IAC7E,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,aAAa,CAAmC,SAAS,CAAC,CAAA;IAC9F,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,aAAa,CAA6B,SAAS,CAAC,CAAA;IAClF,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,aAAa,CAAqB,SAAS,CAAC,CAAA;IAClF,MAAM,CAAC,2BAA2B,EAAE,8BAA8B,CAAC,GAAG,aAAa,CAC/E,SAAS,CACZ,CAAA;IACD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC/C,OAAO;QAEH;YACI,OAAO;YACP,KAAK;YACL,SAAS;YACT,UAAU;YACV,SAAS;YACT,SAAS;YACT,OAAO;YACP,OAAO;YACP,WAAW;YACX,UAAU;YACV,OAAO;YACP,WAAW;YACX,2BAA2B;YAC3B,QAAQ;SACX;QAED,CAAC,SAAmC,EAAE,EAAE;YACpC,IAAI,SAAS,CAAC,OAAO,KAAK,SAAS;gBAAE,UAAU,CAAC,SAAS,CAAC,OAAO,CAAC,CAAA;YAClE,IAAI,SAAS,CAAC,OAAO,KAAK,SAAS;gBAAE,UAAU,CAAC,SAAS,CAAC,OAAO,CAAC,CAAA;YAClE,IAAI,SAAS,CAAC,KAAK,KAAK,SAAS;gBAAE,QAAQ,CAAC,SAAS,CAAC,KAAK,CAAC,CAAA;YAG5D,IAAI,SAAS,CAAC,SAAS,KAAK,SAAS;gBAAE,YAAY,CAAC,SAAS,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,CAAA;YAChF,IAAI,SAAS,CAAC,UAAU,KAAK,SAAS;gBAAE,aAAa,CAAC,SAAS,CAAC,UAAU,CAAC,CAAA;YAC3E,IAAI,SAAS,CAAC,SAAS,KAAK,SAAS;gBAAE,YAAY,CAAC,SAAS,CAAC,SAAS,CAAC,CAAA;YACxE,IAAI,SAAS,CAAC,SAAS,KAAK,SAAS;gBAAE,YAAY,CAAC,SAAS,CAAC,SAAS,CAAC,CAAA;YACxE,IAAI,SAAS,CAAC,OAAO,KAAK,SAAS;gBAAE,UAAU,CAAC,SAAS,CAAC,OAAO,CAAC,CAAA;YAClE,IAAI,SAAS,CAAC,SAAS,KAAK,SAAS;gBAAE,YAAY,CAAC,SAAS,CAAC,SAAS,CAAC,CAAA;YACxE,IAAI,SAAS,CAAC,WAAW,KAAK,SAAS;gBAAE,cAAc,CAAC,SAAS,CAAC,WAAW,CAAC,CAAA;YAC9E,IAAI,SAAS,CAAC,UAAU,KAAK,SAAS;gBAAE,aAAa,CAAC,SAAS,CAAC,UAAU,CAAC,CAAA;YAC3E,IAAI,SAAS,CAAC,OAAO,KAAK,SAAS;gBAAE,UAAU,CAAC,SAAS,CAAC,OAAO,CAAC,CAAA;YAClE,IAAI,SAAS,CAAC,2BAA2B,KAAK,SAAS;gBAAE,8BAA8B,CAAC,SAAS,CAAC,OAAO,CAAC,CAAA;YAC1G,IAAI,SAAS,CAAC,WAAW,KAAK,SAAS;gBAAE,cAAc,CAAC,SAAS,CAAC,WAAW,CAAC,CAAA;YAC9E,IAAI,SAAS,CAAC,QAAQ,KAAK,SAAS;gBAAE,WAAW,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAA;QACzE,CAAC;KACJ,CAAA;AACL,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE;IACjD,OAAO,CAAC,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,CAAA;IACnC,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAA;IAC3B,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,IAAI,EAAE,CAAA;IAEvC,MAAM,CAAC,KAAK,EAAE,WAAW,CAAC,GAAG,aAAa,EAAE,CAAA;IAC5C,OAAO,CAAC,GAAG,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;IAE3B,MAAM,OAAO,GAAG,OAAO,CAAC,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,CAAC,CAAA;IAC9D,MAAM,UAAU,GAAG,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,CAAA;IAC1E,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAA;IACpE,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAA;IAC5G,OAAO,CAAC,GAAG,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;IAC3B,OAAO,CAAC,GAAG,CAAC,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IACzC,OAAO,CACH,0BACI,eAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,aAClE,KAAC,KAAK,IAAC,IAAI,EAAE,KAAK,CAAC,SAAS,YACvB,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CACf,KAAC,gBAAgB,IACb,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,QAAQ,EAAE,OAAO,CAAC,MAAM,EACxB,QAAQ,EAAE,OAAO,CAAC,MAAM,EACxB,OAAO,EAAE,OAAO,CAAC,MAAM,EACvB,MAAM,EAAE,OAAO,CAAC,SAAS,EACzB,UAAU,EAAE,MAAM,CAAC,KAAK,IAAI,OAAO,GACrC,CACL,CAAC,CAAC,CAAC,CACA,8CAA4B,CAC/B,GACG,EACR,eAAK,KAAK,EAAE,UAAU,aAAW,cAAc,aAC1C,GAAG,EACJ,eACI,KAAK,EAAE;oCACH,OAAO,EAAE,KAAK;oCACd,MAAM,EAAE,WAAW;oCACnB,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO;oCACjD,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;oCACpC,YAAY,EAAE,KAAK;oCACnB,OAAO,EAAE,MAAM;oCACf,cAAc,EAAE,eAAe;oCAC/B,UAAU,EAAE,QAAQ;oCACpB,QAAQ,EAAE,MAAM;iCACnB,aAED,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,YACpD,eACI,KAAK,EAAE;gDACH,OAAO,EAAE,MAAM;gDACf,cAAc,EAAE,YAAY;gDAC5B,UAAU,EAAE,QAAQ;gDACpB,QAAQ,EAAE,MAAM;6CACnB,aAED,eACI,KAAK,EAAE;wDACH,MAAM,EAAE,MAAM;wDACd,KAAK,EAAE,MAAM;wDACb,OAAO,EAAE,MAAM;wDACf,UAAU,EAAE,QAAQ;wDACpB,cAAc,EAAE,QAAQ;wDACxB,aAAa,EAAE,QAAQ;wDACvB,aAAa,EAAE,QAAQ;qDAC1B,aAED,cACI,KAAK,EAAE;gEACH,OAAO,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;6DAC5C,YAED,KAAC,QAAQ,IACL,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,OAAO,CAAC,KAAK,EACvB,OAAO,EAAE,KAAK,CAAC,OAAO,GACxB,GACA,EACN,cACI,KAAK,EAAE;gEACH,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;6DAC3C,YAED,cAAK,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,YACnB,KAAC,cAAc,IAAC,UAAU,EAAE,UAAU,GAAI,GACxC,GACJ,IACJ,EACN,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,YACtB,eAAM,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,YAAY,EAAE,WAAW,EAAE,KAAK,EAAE,6BAEvE,GACL,IACJ,GACJ,EACN,wBACI,YACI,IAAI,EAAC,kGAA0G,EAC/G,MAAM,EAAC,QAAQ,gBACJ,iFAAiF,YAE5F,wBACI,0BACI,cACI,GAAG,EAAE,SAAS,EACd,uBAAuB,EAAE;gEACrB,MAAM,EACF,KAAK,CAAC,MAAM,CAAC,KAAK,KAAK,OAAO;oEAC1B,CAAC,CAAC,oBAAoB;oEACtB,CAAC,CAAC,oBAAoB;6DACjC,GACH,EACF,cACI,GAAG,EAAE,SAAS,EACd,uBAAuB,EAAE;gEACrB,MAAM,EACF,KAAK,CAAC,MAAM,CAAC,KAAK,KAAK,OAAO;oEAC1B,CAAC,CAAC,iBAAiB;oEACnB,CAAC,CAAC,iBAAiB;6DAC9B,GACH,IACA,GACJ,GACN,GACF,IACJ,IACJ,IACJ,EACL,MAAM,CAAC,kBAAkB,IAAI,CAC1B,KAAC,SAAS,IAAC,aAAa,EAAE,OAAO,CAAC,UAAU,EAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAc,CACxF,IACC,CACT,CAAA;AACL,CAAC,CAAA;AAED,MAAM,iBAAiB,GACnB,olHAAolH,CAAA;AAExlH,MAAM,iBAAiB,GACnB,ilHAAilH,CAAA;AAErlH,MAAM,oBAAoB,GACtB,+uCAA+uC,CAAA;AAEnvC,MAAM,oBAAoB,GACtB,2vCAA2vC,CAAA"}

package/dist/components/collector.d.ts

@@ -0,0 +1,8 @@
+import { StoredEvents } from '@prosopo/types';
+type CollectorProps = {
+    onProcessData: (data: StoredEvents) => void;
+    sendData: boolean;
+};
+declare const Collector: ({ onProcessData, sendData }: CollectorProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default Collector;
+//# sourceMappingURL=collector.d.ts.map

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

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

package/dist/components/collector.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import { startCollector } from '@prosopo/procaptcha';
+const Collector = ({ onProcessData, sendData }) => {
+    const [mouseEvents, setStoredMouseEvents] = useState([]);
+    const [touchEvents, setStoredTouchEvents] = useState([]);
+    const [keyboardEvents, setStoredKeyboardEvents] = useState([]);
+    const ref = useRef(null);
+    useEffect(() => {
+        if (ref && ref.current) {
+            startCollector(setStoredMouseEvents, setStoredTouchEvents, setStoredKeyboardEvents, ref.current);
+        }
+    }, []);
+    useEffect(() => {
+        const userEvents = {
+            mouseEvents,
+            touchEvents,
+            keyboardEvents,
+        };
+        onProcessData(userEvents);
+    }, [sendData]);
+    return _jsx("div", { ref: ref });
+};
+export default Collector;
+//# sourceMappingURL=collector.js.map

package/dist/components/collector.js.map

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