@prosopo/procaptcha-react 2.5.3 → 2.5.5
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/dist/components/Button.d.ts.map +1 -1
- package/dist/components/Button.js +4 -3
- package/dist/components/Button.js.map +1 -1
- package/dist/components/CaptchaComponent.d.ts.map +1 -1
- package/dist/components/CaptchaComponent.js +28 -17
- package/dist/components/CaptchaComponent.js.map +1 -1
- package/dist/components/CaptchaWidget.d.ts.map +1 -1
- package/dist/components/CaptchaWidget.js +9 -10
- package/dist/components/CaptchaWidget.js.map +1 -1
- package/dist/components/Modal.d.ts +1 -1
- package/dist/components/Modal.d.ts.map +1 -1
- package/dist/components/Modal.js +27 -24
- package/dist/components/Modal.js.map +1 -1
- package/dist/components/Procaptcha.d.ts +8 -2
- package/dist/components/Procaptcha.d.ts.map +1 -1
- package/dist/components/Procaptcha.js +1 -1
- package/dist/components/Procaptcha.js.map +1 -1
- package/package.json +12 -12
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACN,KAAK,oBAAoB,EAIzB,MAAM,OAAO,CAAC;AAGf,UAAU,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IACpE,UAAU,EAAE,OAAO,GAAG,MAAM,CAAC;IAC7B,UAAU,EAAE,QAAQ,GAAG,MAAM,CAAC;IAC9B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;CACb;
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACN,KAAK,oBAAoB,EAIzB,MAAM,OAAO,CAAC;AAGf,UAAU,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IACpE,UAAU,EAAE,OAAO,GAAG,MAAM,CAAC;IAC7B,UAAU,EAAE,QAAQ,GAAG,MAAM,CAAC;IAC9B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;CACb;AA4BD,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAmDjC,CAAC;AACF,eAAe,MAAM,CAAC"}
|
|
@@ -9,7 +9,6 @@ const buttonStyleBase = {
|
|
|
9
9
|
position: "relative",
|
|
10
10
|
boxSizing: "border-box",
|
|
11
11
|
outline: "0px",
|
|
12
|
-
border: "0px",
|
|
13
12
|
margin: "0px",
|
|
14
13
|
cursor: "pointer",
|
|
15
14
|
userSelect: "none",
|
|
@@ -25,9 +24,7 @@ const buttonStyleBase = {
|
|
|
25
24
|
padding: "6px 16px",
|
|
26
25
|
borderRadius: "4px",
|
|
27
26
|
transition: "background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
|
|
28
|
-
color: "rgb(0, 0, 0)",
|
|
29
27
|
backgroundColor: "#ffffff",
|
|
30
|
-
boxShadow: "rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px",
|
|
31
28
|
};
|
|
32
29
|
const Button = ({ themeColor, buttonType, text, onClick, }) => {
|
|
33
30
|
const theme = useMemo(() => (themeColor === "light" ? lightTheme : darkTheme), [themeColor]);
|
|
@@ -35,6 +32,10 @@ const Button = ({ themeColor, buttonType, text, onClick, }) => {
|
|
|
35
32
|
const buttonStyle = useMemo(() => {
|
|
36
33
|
const baseStyle = {
|
|
37
34
|
...buttonStyleBase,
|
|
35
|
+
border: `1px solid ${theme.palette.grey[500]}`,
|
|
36
|
+
boxShadow: `0px 1px 3px 0px ${theme.palette.grey[500]}`,
|
|
37
|
+
fontFamily: theme.font.fontFamily,
|
|
38
|
+
width: "100%",
|
|
38
39
|
color: hover
|
|
39
40
|
? theme.palette.primary.contrastText
|
|
40
41
|
: theme.palette.background.contrastText,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEjE,OAAO,EAGN,OAAO,EACP,QAAQ,GACR,MAAM,OAAO,CAAC;AACf,OAAO,WAAW,MAAM,kBAAkB,CAAC;AAS3C,MAAM,eAAe,GAAkB;IACtC,OAAO,EAAE,aAAa;IACtB,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,QAAQ,EAAE,UAAU;IACpB,SAAS,EAAE,YAAY;IACvB,OAAO,EAAE,KAAK;IACd,MAAM,EAAE,KAAK;IACb,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEjE,OAAO,EAGN,OAAO,EACP,QAAQ,GACR,MAAM,OAAO,CAAC;AACf,OAAO,WAAW,MAAM,kBAAkB,CAAC;AAS3C,MAAM,eAAe,GAAkB;IACtC,OAAO,EAAE,aAAa;IACtB,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,QAAQ,EAAE,UAAU;IACpB,SAAS,EAAE,YAAY;IACvB,OAAO,EAAE,KAAK;IACd,MAAM,EAAE,KAAK;IACb,MAAM,EAAE,SAAS;IACjB,UAAU,EAAE,MAAM;IAClB,aAAa,EAAE,QAAQ;IACvB,UAAU,EAAE,SAAS;IACrB,cAAc,EAAE,MAAM;IACtB,UAAU,EAAE,KAAK;IACjB,QAAQ,EAAE,UAAU;IACpB,UAAU,EAAE,MAAM;IAClB,aAAa,EAAE,WAAW;IAC1B,aAAa,EAAE,WAAW;IAC1B,QAAQ,EAAE,MAAM;IAChB,OAAO,EAAE,UAAU;IACnB,YAAY,EAAE,KAAK;IACnB,UAAU,EACT,+MAA+M;IAChN,eAAe,EAAE,SAAS;CAC1B,CAAC;AAEF,MAAM,MAAM,GAA0B,CAAC,EACtC,UAAU,EACV,UAAU,EACV,IAAI,EACJ,OAAO,GACM,EAAE,EAAE;IACjB,MAAM,KAAK,GAAG,OAAO,CACpB,GAAG,EAAE,CAAC,CAAC,UAAU,KAAK,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,EACvD,CAAC,UAAU,CAAC,CACZ,CAAC;IACF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1C,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE;QAChC,MAAM,SAAS,GAAG;YACjB,GAAG,eAAe;YAClB,MAAM,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE;YAC9C,SAAS,EAAE,mBAAmB,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE;YACvD,UAAU,EAAE,KAAK,CAAC,IAAI,CAAC,UAAU;YACjC,KAAK,EAAE,MAAM;YACb,KAAK,EAAE,KAAK;gBACX,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,YAAY;gBACpC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,YAAY;SACxC,CAAC;QACF,IAAI,UAAU,KAAK,QAAQ,EAAE,CAAC;YAC7B,OAAO;gBACN,GAAG,SAAS;gBACZ,eAAe,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,aAAa;aAChE,CAAC;QACH,CAAC;QACD,OAAO;YACN,GAAG,SAAS;YACZ,eAAe,EAAE,KAAK;gBACrB,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;gBAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO;SACnC,CAAC;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IAE/B,OAAO,CACN,oBACK,WAAW,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,UAAU,UAAU,EAAE,EAAE,EAAE,CAAC,EACxD,YAAY,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAClC,YAAY,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EACnC,KAAK,EAAE,WAAW,EAClB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACd,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,OAAO,EAAE,CAAC;QACX,CAAC,gBACW,IAAI,YAEf,IAAI,GACG,CACT,CAAC;AACH,CAAC,CAAC;AACF,eAAe,MAAM,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CaptchaComponent.d.ts","sourceRoot":"","sources":["../../src/components/CaptchaComponent.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAQ1D,MAAM,WAAW,qBAAqB;IACrC,SAAS,EAAE,mBAAmB,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,EAAE,EAAE,CAAC;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,EAAE,OAAO,GAAG,MAAM,CAAC;CAC7B;AAED,QAAA,MAAM,gBAAgB,gGAUnB,qBAAqB,
|
|
1
|
+
{"version":3,"file":"CaptchaComponent.d.ts","sourceRoot":"","sources":["../../src/components/CaptchaComponent.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAQ1D,MAAM,WAAW,qBAAqB;IACrC,SAAS,EAAE,mBAAmB,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,EAAE,EAAE,CAAC;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,EAAE,OAAO,GAAG,MAAM,CAAC;CAC7B;AAED,QAAA,MAAM,gBAAgB,gGAUnB,qBAAqB,qDAsLvB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
|
@@ -12,12 +12,12 @@ const CaptchaComponent = ({ challenge, index, solutions, onSubmit, onCancel, onC
|
|
|
12
12
|
const captcha = challenge.captchas ? at(challenge.captchas, index) : null;
|
|
13
13
|
const solution = solutions ? at(solutions, index) : [];
|
|
14
14
|
const theme = useMemo(() => (themeColor === "light" ? lightTheme : darkTheme), [themeColor]);
|
|
15
|
+
const doubleSpacing = `${theme.spacing.unit * 2}px`;
|
|
15
16
|
const fullSpacing = `${theme.spacing.unit}px`;
|
|
16
17
|
const halfSpacing = `${theme.spacing.half}px`;
|
|
17
18
|
return (_jsx(Suspense, { fallback: _jsx("div", { children: "Loading..." }), children: _jsx("div", { style: {
|
|
18
19
|
overflowX: "auto",
|
|
19
20
|
overflowY: "auto",
|
|
20
|
-
width: "100%",
|
|
21
21
|
maxWidth: "500px",
|
|
22
22
|
maxHeight: "100%",
|
|
23
23
|
display: "flex",
|
|
@@ -34,6 +34,9 @@ const CaptchaComponent = ({ challenge, index, solutions, onSubmit, onCancel, onC
|
|
|
34
34
|
display: "flex",
|
|
35
35
|
flexDirection: "column",
|
|
36
36
|
minWidth: "300px",
|
|
37
|
+
marginLeft: fullSpacing,
|
|
38
|
+
marginRight: fullSpacing,
|
|
39
|
+
justifyContent: "center",
|
|
37
40
|
}, children: [_jsx("div", { style: {
|
|
38
41
|
display: "flex",
|
|
39
42
|
alignItems: "center",
|
|
@@ -42,37 +45,45 @@ const CaptchaComponent = ({ challenge, index, solutions, onSubmit, onCancel, onC
|
|
|
42
45
|
backgroundColor: theme.palette.primary.main,
|
|
43
46
|
width: "100%",
|
|
44
47
|
marginTop: fullSpacing,
|
|
45
|
-
marginLeft: fullSpacing,
|
|
46
|
-
marginRight: fullSpacing,
|
|
47
48
|
}, children: _jsxs("div", { style: {
|
|
48
|
-
|
|
49
|
-
|
|
49
|
+
padding: `${theme.spacing.half}px`,
|
|
50
|
+
fontFamily: theme.font.fontFamily,
|
|
50
51
|
}, children: [_jsxs("p", { style: {
|
|
51
52
|
color: "#ffffff",
|
|
52
53
|
fontWeight: 700,
|
|
53
54
|
lineHeight: 1.5,
|
|
54
|
-
}, children: [t("WIDGET.SELECT_ALL"), ":", "\u00A0", _jsx("span", { children: `${
|
|
55
|
+
}, children: [t("WIDGET.SELECT_ALL"), ":", "\u00A0", _jsx("span", { children: `${at(challenge.captchas, index).target} ` })] }), _jsx("p", { style: {
|
|
55
56
|
color: "#ffffff",
|
|
56
57
|
fontWeight: 500,
|
|
57
58
|
lineHeight: 0.8,
|
|
58
59
|
fontSize: "0.8rem",
|
|
59
|
-
}, children: t("WIDGET.IF_NONE_CLICK_NEXT") })] }) }) }), _jsx("div", { ...addDataAttr({ dev: { cy: `captcha-${index}` } }), style: {
|
|
60
|
-
paddingRight: halfSpacing,
|
|
61
|
-
paddingLeft: halfSpacing,
|
|
62
|
-
}, children: captcha && (_jsx(CaptchaWidget, { challenge: captcha, solution: solution, onClick: onClick, themeColor: themeColor })) }), _jsx("div", { style: {
|
|
60
|
+
}, children: t("WIDGET.IF_NONE_CLICK_NEXT") })] }) }) }), _jsx("div", { ...addDataAttr({ dev: { cy: `captcha-${index}` } }), style: { overflow: "hidden" }, children: captcha && (_jsx(CaptchaWidget, { challenge: captcha, solution: solution, onClick: onClick, themeColor: themeColor })) }), _jsx("div", { style: {
|
|
63
61
|
display: "flex",
|
|
64
62
|
alignItems: "center",
|
|
65
63
|
justifyContent: "space-between",
|
|
66
64
|
lineHeight: 1.75,
|
|
67
|
-
padding: fullSpacing
|
|
68
|
-
paddingBottom: halfSpacing,
|
|
69
|
-
paddingTop: halfSpacing,
|
|
65
|
+
padding: `${fullSpacing} 0 ${doubleSpacing} 0`,
|
|
70
66
|
}, children: _jsxs("div", { style: {
|
|
71
|
-
display: "grid",
|
|
72
|
-
gridAutoFlow: "column",
|
|
73
|
-
gridTemplateColumns: "repeat(3, minmax(0, 1fr)",
|
|
74
67
|
width: "100%",
|
|
75
|
-
|
|
68
|
+
height: "100%",
|
|
69
|
+
display: "flex",
|
|
70
|
+
flexDirection: "row",
|
|
71
|
+
flexWrap: "wrap",
|
|
72
|
+
justifyContent: "space-between",
|
|
73
|
+
gap: "10px",
|
|
74
|
+
}, children: [_jsx("div", { style: {
|
|
75
|
+
position: "relative",
|
|
76
|
+
flexGrow: 1,
|
|
77
|
+
flexBasis: "calc(33.333% - 10px)",
|
|
78
|
+
}, children: _jsx(Button, { themeColor: themeColor, buttonType: "cancel", onClick: onCancel, text: t("WIDGET.CANCEL"), "aria-label": t("WIDGET.CANCEL") }) }), _jsx("div", { style: {
|
|
79
|
+
position: "relative",
|
|
80
|
+
flexGrow: 1,
|
|
81
|
+
flexBasis: "calc(33.333% - 10px)",
|
|
82
|
+
}, children: _jsx(ReloadButton, { themeColor: themeColor, onReload: onReload }) }), _jsx("div", { style: {
|
|
83
|
+
position: "relative",
|
|
84
|
+
flexGrow: 1,
|
|
85
|
+
flexBasis: "calc(33.333% - 10px)",
|
|
86
|
+
}, children: _jsx(Button, { themeColor: themeColor, buttonType: "next", text: index < challenge.captchas.length - 1
|
|
76
87
|
? t("WIDGET.NEXT")
|
|
77
88
|
: t("WIDGET.SUBMIT"), onClick: index < challenge.captchas.length - 1 ? onNext : onSubmit, "aria-label": index < challenge.captchas.length - 1
|
|
78
89
|
? t("WIDGET.NEXT")
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CaptchaComponent.js","sourceRoot":"","sources":["../../src/components/CaptchaComponent.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D,OAAO,EAAE,EAAE,EAAE,MAAM,eAAe,CAAC;AACnC,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,WAAW,MAAM,kBAAkB,CAAC;AAC3C,OAAO,MAAM,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAcnD,MAAM,gBAAgB,GAAG,CAAC,EACzB,SAAS,EACT,KAAK,EACL,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,MAAM,EACN,QAAQ,EACR,UAAU,GACa,EAAE,EAAE;IAC3B,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,OAAO,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAC1E,MAAM,QAAQ,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IACvD,MAAM,KAAK,GAAG,OAAO,CACpB,GAAG,EAAE,CAAC,CAAC,UAAU,KAAK,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,EACvD,CAAC,UAAU,CAAC,CACZ,CAAC;IACF,MAAM,WAAW,GAAG,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC;IAC9C,MAAM,WAAW,GAAG,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC;IAE9C,OAAO,CACN,KAAC,QAAQ,IAAC,QAAQ,EAAE,uCAAqB,YACxC,cACC,KAAK,EAAE;gBAEN,SAAS,EAAE,MAAM;gBACjB,SAAS,EAAE,MAAM;gBACjB,
|
|
1
|
+
{"version":3,"file":"CaptchaComponent.js","sourceRoot":"","sources":["../../src/components/CaptchaComponent.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CaptchaWidget.d.ts","sourceRoot":"","sources":["../../src/components/CaptchaWidget.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAK9C,MAAM,WAAW,kBAAkB;IAClC,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,UAAU,EAAE,OAAO,GAAG,MAAM,CAAC;CAC7B;AAYD,eAAO,MAAM,aAAa,kDAKvB,kBAAkB,
|
|
1
|
+
{"version":3,"file":"CaptchaWidget.d.ts","sourceRoot":"","sources":["../../src/components/CaptchaWidget.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAK9C,MAAM,WAAW,kBAAkB;IAClC,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,UAAU,EAAE,OAAO,GAAG,MAAM,CAAC;CAC7B;AAYD,eAAO,MAAM,aAAa,kDAKvB,kBAAkB,qDA+GpB,CAAC"}
|
|
@@ -22,34 +22,33 @@ export const CaptchaWidget = ({ challenge, solution, onClick, themeColor, }) =>
|
|
|
22
22
|
flexDirection: "row",
|
|
23
23
|
flexWrap: "wrap",
|
|
24
24
|
justifyContent: "space-between",
|
|
25
|
-
paddingBottom:
|
|
26
|
-
|
|
25
|
+
paddingBottom: fullSpacing,
|
|
26
|
+
paddingTop: fullSpacing,
|
|
27
|
+
gap: "10px",
|
|
27
28
|
}, children: items.map((item, index) => {
|
|
28
29
|
const hash = getHash(item);
|
|
29
30
|
const imageStyle = {
|
|
30
31
|
flexGrow: 1,
|
|
31
|
-
flexBasis: "33.
|
|
32
|
+
flexBasis: "calc(33.333% - 10px)",
|
|
32
33
|
boxSizing: "border-box",
|
|
33
|
-
paddingLeft: halfSpacing,
|
|
34
|
-
paddingTop: halfSpacing,
|
|
35
34
|
};
|
|
36
35
|
return (_jsx("div", { style: imageStyle, children: _jsxs("div", { style: {
|
|
37
36
|
position: "relative",
|
|
38
37
|
cursor: "pointer",
|
|
39
38
|
height: "100%",
|
|
40
39
|
width: "100%",
|
|
41
|
-
border: 1,
|
|
42
40
|
padding: 0,
|
|
43
41
|
margin: 0,
|
|
44
|
-
borderStyle: "solid",
|
|
45
|
-
borderColor: theme.palette.grey[300],
|
|
46
42
|
}, onClick: () => onClick(hash), children: [_jsx("img", { style: {
|
|
47
43
|
width: "100%",
|
|
48
|
-
backgroundColor: theme.palette.grey[300],
|
|
49
44
|
display: "block",
|
|
50
|
-
objectFit: "
|
|
45
|
+
objectFit: "cover",
|
|
51
46
|
aspectRatio: "1/1",
|
|
52
47
|
height: "auto",
|
|
48
|
+
overflow: "hidden",
|
|
49
|
+
borderStyle: "solid",
|
|
50
|
+
borderWidth: "1px",
|
|
51
|
+
borderColor: theme.palette.grey[300],
|
|
53
52
|
}, src: item.data, alt: `Captcha image ${index + 1}` }), _jsx("div", { style: {
|
|
54
53
|
position: "absolute",
|
|
55
54
|
top: 0,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CaptchaWidget.js","sourceRoot":"","sources":["../../src/components/CaptchaWidget.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAEtD,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEjE,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAUhC,MAAM,OAAO,GAAG,CAAC,IAAS,EAAE,EAAE;IAC7B,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;QAChB,MAAM,IAAI,mBAAmB,CAAC,2BAA2B,EAAE;YAC1D,OAAO,EAAE,EAAE,IAAI,EAAE;SACjB,CAAC,CAAC;IACJ,CAAC;IACD,OAAO,IAAI,CAAC,IAAI,CAAC;AAClB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC7B,SAAS,EACT,QAAQ,EACR,OAAO,EACP,UAAU,GACU,EAAE,EAAE;IACxB,MAAM,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC;IAC9B,MAAM,KAAK,GAAG,OAAO,CACpB,GAAG,EAAE,CAAC,CAAC,UAAU,KAAK,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,EACvD,CAAC,UAAU,CAAC,CACZ,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC;IAC9C,MAAM,WAAW,GAAG,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC;IAE9C,OAAO,CACN,cACC,KAAK,EAAE;YAEN,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;YAEd,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,KAAK;YACpB,QAAQ,EAAE,MAAM;YAChB,cAAc,EAAE,eAAe;YAC/B,aAAa,EAAE,WAAW;YAC1B,
|
|
1
|
+
{"version":3,"file":"CaptchaWidget.js","sourceRoot":"","sources":["../../src/components/CaptchaWidget.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,6 +3,6 @@ type ModalProps = {
|
|
|
3
3
|
show: boolean;
|
|
4
4
|
children: React.ReactNode;
|
|
5
5
|
};
|
|
6
|
-
declare const ModalComponent: React.MemoExoticComponent<(props: ModalProps
|
|
6
|
+
declare const ModalComponent: React.MemoExoticComponent<(props: ModalProps) => React.ReactPortal>;
|
|
7
7
|
export default ModalComponent;
|
|
8
8
|
//# sourceMappingURL=Modal.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../src/components/Modal.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../src/components/Modal.tsx"],"names":[],"mappings":"AAeA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAElD,KAAK,UAAU,GAAG;IACjB,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,CAAC;AAuBF,QAAA,MAAM,cAAc,oCAAsB,UAAU,uBAqBlD,CAAC;AAEH,eAAe,cAAc,CAAC"}
|
package/dist/components/Modal.js
CHANGED
|
@@ -1,37 +1,40 @@
|
|
|
1
|
-
import { jsx as _jsx
|
|
1
|
+
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
2
|
+
import { css } from "@emotion/react";
|
|
2
3
|
import React from "react";
|
|
3
|
-
|
|
4
|
+
import { createPortal } from "react-dom";
|
|
5
|
+
const ModalInnerDivCSS = css `
|
|
6
|
+
position: absolute;
|
|
7
|
+
top: 50%;
|
|
8
|
+
left: 50%;
|
|
9
|
+
transform: translate(-50%, -50%);
|
|
10
|
+
max-width: 500px;
|
|
11
|
+
background-color: transparent;
|
|
12
|
+
border: none;
|
|
13
|
+
border-radius: 4px;
|
|
14
|
+
z-index: 2147483647;
|
|
15
|
+
align-self: center;
|
|
16
|
+
box-shadow: rgba(0, 0, 0, 0.2) 0px 11px 15px -7px,
|
|
17
|
+
rgba(0, 0, 0, 0.14) 0px 24px 38px 3px,
|
|
18
|
+
rgba(0, 0, 0, 0.12) 0px 9px 46px 8px;
|
|
19
|
+
box-sizing: border-box; /* Ensures border is part of width */
|
|
20
|
+
/* iOS only */
|
|
21
|
+
@supports (-webkit-touch-callout: none) {
|
|
22
|
+
transform: translate(-50%, -100%);
|
|
23
|
+
}
|
|
24
|
+
`;
|
|
25
|
+
const ModalComponent = React.memo((props) => {
|
|
4
26
|
const { show, children } = props;
|
|
5
|
-
const display = show ? "
|
|
27
|
+
const display = show ? "flex" : "none";
|
|
6
28
|
const ModalOuterDivCss = {
|
|
7
29
|
position: "fixed",
|
|
8
30
|
zIndex: 2147483646,
|
|
9
31
|
inset: 0,
|
|
10
32
|
display,
|
|
11
|
-
};
|
|
12
|
-
const ModalBackgroundCSS = {
|
|
13
|
-
position: "fixed",
|
|
14
|
-
display: "flex",
|
|
15
33
|
alignItems: "center",
|
|
16
34
|
justifyContent: "center",
|
|
17
|
-
|
|
18
|
-
bottom: 0,
|
|
19
|
-
top: 0,
|
|
20
|
-
left: 0,
|
|
21
|
-
backgroundColor: "rgba(0, 0, 0, 0.5)",
|
|
22
|
-
zIndex: -1,
|
|
23
|
-
};
|
|
24
|
-
const ModalInnerDivCSS = {
|
|
25
|
-
position: "absolute",
|
|
26
|
-
top: "50%",
|
|
27
|
-
left: "50%",
|
|
28
|
-
transform: "translate(-50%, -50%)",
|
|
29
|
-
width: "inherit",
|
|
30
|
-
backgroundColor: "transparent",
|
|
31
|
-
border: "none",
|
|
32
|
-
boxShadow: "rgba(0, 0, 0, 0.2) 0px 11px 15px -7px, rgba(0, 0, 0, 0.14) 0px 24px 38px 3px, rgba(0, 0, 0, 0.12) 0px 9px 46px 8px,",
|
|
35
|
+
minHeight: "100vh",
|
|
33
36
|
};
|
|
34
|
-
return (
|
|
37
|
+
return createPortal(_jsx("div", { className: "prosopo-modalOuter", style: ModalOuterDivCss, children: _jsx("div", { className: "prosopo-modalInner", css: ModalInnerDivCSS, children: children }) }), document.body);
|
|
35
38
|
});
|
|
36
39
|
export default ModalComponent;
|
|
37
40
|
//# sourceMappingURL=Modal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../src/components/Modal.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../src/components/Modal.tsx"],"names":[],"mappings":";AAcA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,KAA6B,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAMzC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;CAmB3B,CAAC;AAEF,MAAM,cAAc,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,KAAiB,EAAE,EAAE;IACvD,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACjC,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;IACvC,MAAM,gBAAgB,GAAkB;QACvC,QAAQ,EAAE,OAAO;QACjB,MAAM,EAAE,UAAU;QAClB,KAAK,EAAE,CAAC;QACR,OAAO;QACP,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,SAAS,EAAE,OAAO;KAClB,CAAC;IAEF,OAAO,YAAY,CAClB,cAAK,SAAS,EAAC,oBAAoB,EAAC,KAAK,EAAE,gBAAgB,YAC1D,cAAK,SAAS,EAAC,oBAAoB,EAAC,GAAG,EAAE,gBAAgB,YACvD,QAAQ,GACJ,GACD,EACN,QAAQ,CAAC,IAAI,CACb,CAAC;AACH,CAAC,CAAC,CAAC;AAEH,eAAe,cAAc,CAAC"}
|
|
@@ -1,7 +1,13 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { Ti18n } from "@prosopo/locale";
|
|
2
|
+
import type { FrictionlessState, ProcaptchaCallbacks, ProcaptchaClientConfigInput } from "@prosopo/types";
|
|
2
3
|
import { type LazyExoticComponent } from "react";
|
|
3
4
|
import type { ReactElement } from "react";
|
|
4
|
-
declare const ProcaptchaWidget: LazyExoticComponent<(props:
|
|
5
|
+
declare const ProcaptchaWidget: LazyExoticComponent<(props: {
|
|
6
|
+
config: ProcaptchaClientConfigInput;
|
|
7
|
+
callbacks: ProcaptchaCallbacks;
|
|
8
|
+
frictionlessState?: FrictionlessState;
|
|
9
|
+
i18n: Ti18n;
|
|
10
|
+
}) => ReactElement>;
|
|
5
11
|
type ProcaptchaProps = React.ComponentProps<typeof ProcaptchaWidget>;
|
|
6
12
|
declare const Procaptcha: (props: ProcaptchaProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
7
13
|
export default Procaptcha;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Procaptcha.d.ts","sourceRoot":"","sources":["../../src/components/Procaptcha.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"Procaptcha.d.ts","sourceRoot":"","sources":["../../src/components/Procaptcha.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,KAAK,EACX,iBAAiB,EACjB,mBAAmB,EACnB,2BAA2B,EAC3B,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,KAAK,mBAAmB,EAAkB,MAAM,OAAO,CAAC;AACjE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,QAAA,MAAM,gBAAgB,EAAE,mBAAmB,CAC1C,CAAC,KAAK,EAAE;IACP,MAAM,EAAE,2BAA2B,CAAC;IACpC,SAAS,EAAE,mBAAmB,CAAC;IAC/B,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,IAAI,EAAE,KAAK,CAAC;CACZ,KAAK,YAAY,CACkC,CAAC;AACtD,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAErE,QAAA,MAAM,UAAU,UAAW,eAAe,qDAIzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
2
2
|
import { Suspense, lazy } from "react";
|
|
3
3
|
const ProcaptchaWidget = lazy(async () => import("./ProcaptchaWidget.js"));
|
|
4
|
-
const Procaptcha = (props) => (_jsx(Suspense, { children: _jsx(ProcaptchaWidget, {
|
|
4
|
+
const Procaptcha = (props) => (_jsx(Suspense, { children: _jsx(ProcaptchaWidget, { ...props }) }));
|
|
5
5
|
export default Procaptcha;
|
|
6
6
|
//# sourceMappingURL=Procaptcha.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Procaptcha.js","sourceRoot":"","sources":["../../src/components/Procaptcha.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"Procaptcha.js","sourceRoot":"","sources":["../../src/components/Procaptcha.tsx"],"names":[],"mappings":";AAoBA,OAAO,EAA4B,QAAQ,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAIjE,MAAM,gBAAgB,GAOlB,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC,MAAM,CAAC,uBAAuB,CAAC,CAAC,CAAC;AAGtD,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE,CAAC,CAC9C,KAAC,QAAQ,cACR,KAAC,gBAAgB,OAAK,KAAK,GAAI,GACrB,CACX,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@prosopo/procaptcha-react",
|
|
3
|
-
"version": "2.5.
|
|
3
|
+
"version": "2.5.5",
|
|
4
4
|
"author": "PROSOPO LIMITED <info@prosopo.io>",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -26,13 +26,13 @@
|
|
|
26
26
|
},
|
|
27
27
|
"browserslist": ["> 0.5%, last 2 versions, not dead"],
|
|
28
28
|
"dependencies": {
|
|
29
|
-
"@prosopo/common": "2.5.
|
|
30
|
-
"@prosopo/locale": "2.5.
|
|
31
|
-
"@prosopo/procaptcha": "2.5.
|
|
32
|
-
"@prosopo/procaptcha-common": "2.5.
|
|
33
|
-
"@prosopo/types": "2.5.
|
|
34
|
-
"@prosopo/util": "2.5.
|
|
35
|
-
"@prosopo/widget-skeleton": "2.5.
|
|
29
|
+
"@prosopo/common": "2.5.5",
|
|
30
|
+
"@prosopo/locale": "2.5.5",
|
|
31
|
+
"@prosopo/procaptcha": "2.5.5",
|
|
32
|
+
"@prosopo/procaptcha-common": "2.5.5",
|
|
33
|
+
"@prosopo/types": "2.5.5",
|
|
34
|
+
"@prosopo/util": "2.5.5",
|
|
35
|
+
"@prosopo/widget-skeleton": "2.5.5",
|
|
36
36
|
"csstype": "3.1.3",
|
|
37
37
|
"express": "4.21.2",
|
|
38
38
|
"react": "18.3.1"
|
|
@@ -50,16 +50,16 @@
|
|
|
50
50
|
}
|
|
51
51
|
},
|
|
52
52
|
"devDependencies": {
|
|
53
|
-
"@prosopo/config": "2.5.
|
|
54
|
-
"@vitest/coverage-v8": "
|
|
53
|
+
"@prosopo/config": "2.5.5",
|
|
54
|
+
"@vitest/coverage-v8": "3.0.9",
|
|
55
55
|
"concurrently": "9.0.1",
|
|
56
56
|
"del-cli": "6.0.0",
|
|
57
57
|
"npm-run-all": "2.1.0",
|
|
58
58
|
"tslib": "2.7.0",
|
|
59
59
|
"tsx": "4.19.1",
|
|
60
60
|
"typescript": "5.6.2",
|
|
61
|
-
"vite": "
|
|
62
|
-
"vitest": "
|
|
61
|
+
"vite": "6.2.3",
|
|
62
|
+
"vitest": "3.0.9"
|
|
63
63
|
},
|
|
64
64
|
"repository": {
|
|
65
65
|
"type": "git",
|