@prosopo/procaptcha-react 0.3.3 → 0.3.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/cjs/components/ProcaptchaWidget.cjs +3 -3
- package/dist/cjs/web-components/dist/CaptchaPlaceholder.cjs +3 -3
- package/dist/cjs/web-components/dist/WidgetConstants.cjs +6 -0
- package/dist/cjs/web-components/dist/index.cjs +3 -0
- package/dist/components/ProcaptchaWidget.d.ts.map +1 -1
- package/dist/components/ProcaptchaWidget.js +4 -4
- package/dist/components/ProcaptchaWidget.js.map +1 -1
- package/package.json +7 -7
|
@@ -41,11 +41,11 @@ const ProcaptchaWidget = (props) => {
|
|
|
41
41
|
"div",
|
|
42
42
|
{
|
|
43
43
|
style: {
|
|
44
|
-
padding:
|
|
45
|
-
border:
|
|
44
|
+
padding: WidgetConstants.WIDGET_PADDING,
|
|
45
|
+
border: WidgetConstants.WIDGET_BORDER,
|
|
46
46
|
backgroundColor: theme$1.palette.background.default,
|
|
47
47
|
borderColor: theme$1.palette.grey[300],
|
|
48
|
-
borderRadius:
|
|
48
|
+
borderRadius: WidgetConstants.WIDGET_BORDER_RADIUS,
|
|
49
49
|
display: "flex",
|
|
50
50
|
alignItems: "center",
|
|
51
51
|
flexWrap: "wrap",
|
|
@@ -10,11 +10,11 @@ const ProcaptchaPlaceholder = (props) => {
|
|
|
10
10
|
const themeColor = props.darkMode === "light" ? "light" : "dark";
|
|
11
11
|
const theme$1 = props.darkMode === "light" ? theme.lightTheme : theme.darkTheme;
|
|
12
12
|
return jsxRuntime.jsx("div", { children: jsxRuntime.jsx("div", { style: { maxWidth: "100%", maxHeight: "100%", overflowX: "auto" }, children: jsxRuntime.jsx(Containers.ContainerDiv, { children: jsxRuntime.jsx(Containers.WidthBasedStylesDiv, { children: jsxRuntime.jsxs("div", { style: WidgetConstants.WIDGET_DIMENSIONS, "data-cy": "button-human", children: [" ", jsxRuntime.jsxs("div", { style: {
|
|
13
|
-
padding:
|
|
14
|
-
border:
|
|
13
|
+
padding: WidgetConstants.WIDGET_PADDING,
|
|
14
|
+
border: WidgetConstants.WIDGET_BORDER,
|
|
15
15
|
backgroundColor: theme$1.palette.background.default,
|
|
16
16
|
borderColor: theme$1.palette.grey[300],
|
|
17
|
-
borderRadius:
|
|
17
|
+
borderRadius: WidgetConstants.WIDGET_BORDER_RADIUS,
|
|
18
18
|
display: "flex",
|
|
19
19
|
alignItems: "center",
|
|
20
20
|
flexWrap: "wrap",
|
|
@@ -5,8 +5,14 @@ const WIDGET_URL_TEXT = "Visit prosopo.io to learn more about the service and it
|
|
|
5
5
|
const WIDGET_INNER_HEIGHT = 74;
|
|
6
6
|
const WIDGET_OUTER_HEIGHT = 80;
|
|
7
7
|
const WIDGET_DIMENSIONS = { maxWidth: "400px", minWidth: "200px", minHeight: `${WIDGET_OUTER_HEIGHT}px` };
|
|
8
|
+
const WIDGET_BORDER_RADIUS = "8px";
|
|
9
|
+
const WIDGET_PADDING = "2px";
|
|
10
|
+
const WIDGET_BORDER = "1px solid";
|
|
11
|
+
exports.WIDGET_BORDER = WIDGET_BORDER;
|
|
12
|
+
exports.WIDGET_BORDER_RADIUS = WIDGET_BORDER_RADIUS;
|
|
8
13
|
exports.WIDGET_DIMENSIONS = WIDGET_DIMENSIONS;
|
|
9
14
|
exports.WIDGET_INNER_HEIGHT = WIDGET_INNER_HEIGHT;
|
|
10
15
|
exports.WIDGET_OUTER_HEIGHT = WIDGET_OUTER_HEIGHT;
|
|
16
|
+
exports.WIDGET_PADDING = WIDGET_PADDING;
|
|
11
17
|
exports.WIDGET_URL = WIDGET_URL;
|
|
12
18
|
exports.WIDGET_URL_TEXT = WIDGET_URL_TEXT;
|
|
@@ -15,8 +15,11 @@ exports.Checkbox = Checkbox.Checkbox;
|
|
|
15
15
|
exports.Logo = Logo;
|
|
16
16
|
exports.ContainerDiv = Containers.ContainerDiv;
|
|
17
17
|
exports.WidthBasedStylesDiv = Containers.WidthBasedStylesDiv;
|
|
18
|
+
exports.WIDGET_BORDER = WidgetConstants.WIDGET_BORDER;
|
|
19
|
+
exports.WIDGET_BORDER_RADIUS = WidgetConstants.WIDGET_BORDER_RADIUS;
|
|
18
20
|
exports.WIDGET_DIMENSIONS = WidgetConstants.WIDGET_DIMENSIONS;
|
|
19
21
|
exports.WIDGET_INNER_HEIGHT = WidgetConstants.WIDGET_INNER_HEIGHT;
|
|
20
22
|
exports.WIDGET_OUTER_HEIGHT = WidgetConstants.WIDGET_OUTER_HEIGHT;
|
|
23
|
+
exports.WIDGET_PADDING = WidgetConstants.WIDGET_PADDING;
|
|
21
24
|
exports.WIDGET_URL = WidgetConstants.WIDGET_URL;
|
|
22
25
|
exports.WIDGET_URL_TEXT = WidgetConstants.WIDGET_URL_TEXT;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProcaptchaWidget.d.ts","sourceRoot":"","sources":["../../src/components/ProcaptchaWidget.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ProcaptchaWidget.d.ts","sourceRoot":"","sources":["../../src/components/ProcaptchaWidget.tsx"],"names":[],"mappings":"AA+BA,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAOhD,QAAA,MAAM,gBAAgB,UAAW,eAAe,qDA2G/C,CAAA;AAED,eAAe,gBAAgB,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
|
|
2
|
-
import { Checkbox, ContainerDiv, LoadingSpinner, WIDGET_DIMENSIONS, WIDGET_INNER_HEIGHT, WIDGET_URL, WIDGET_URL_TEXT, WidthBasedStylesDiv, darkTheme, lightTheme, } from '@prosopo/web-components';
|
|
2
|
+
import { Checkbox, ContainerDiv, LoadingSpinner, WIDGET_BORDER, WIDGET_BORDER_RADIUS, WIDGET_DIMENSIONS, WIDGET_INNER_HEIGHT, WIDGET_PADDING, WIDGET_URL, WIDGET_URL_TEXT, WidthBasedStylesDiv, darkTheme, lightTheme, } from '@prosopo/web-components';
|
|
3
3
|
import { Logo } from '@prosopo/web-components';
|
|
4
4
|
import { Manager } from '@prosopo/procaptcha';
|
|
5
5
|
import { useProcaptcha } from '@prosopo/procaptcha-common';
|
|
@@ -15,11 +15,11 @@ const ProcaptchaWidget = (props) => {
|
|
|
15
15
|
const themeColor = props.config.theme === 'light' ? 'light' : 'dark';
|
|
16
16
|
const theme = props.config.theme === 'light' ? lightTheme : darkTheme;
|
|
17
17
|
return (_jsx("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(ContainerDiv, { children: [_jsx(WidthBasedStylesDiv, { children: _jsxs("div", { style: WIDGET_DIMENSIONS, "data-cy": 'button-human', children: [' ', _jsxs("div", { style: {
|
|
18
|
-
padding:
|
|
19
|
-
border:
|
|
18
|
+
padding: WIDGET_PADDING,
|
|
19
|
+
border: WIDGET_BORDER,
|
|
20
20
|
backgroundColor: theme.palette.background.default,
|
|
21
21
|
borderColor: theme.palette.grey[300],
|
|
22
|
-
borderRadius:
|
|
22
|
+
borderRadius: WIDGET_BORDER_RADIUS,
|
|
23
23
|
display: 'flex',
|
|
24
24
|
alignItems: 'center',
|
|
25
25
|
flexWrap: 'wrap',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProcaptchaWidget.js","sourceRoot":"","sources":["../../src/components/ProcaptchaWidget.tsx"],"names":[],"mappings":";AAcA,OAAO,EACH,QAAQ,EACR,YAAY,EACZ,cAAc,EACd,iBAAiB,EACjB,mBAAmB,EACnB,UAAU,EACV,eAAe,EACf,mBAAmB,EACnB,SAAS,EACT,UAAU,GACb,MAAM,yBAAyB,CAAA;AAChC,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAA;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAA;AAE7C,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAC1D,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,gBAAgB,MAAM,uBAAuB,CAAA;AACpD,OAAO,SAAS,MAAM,gBAAgB,CAAA;AACtC,OAAO,KAAK,MAAM,YAAY,CAAA;AAE9B,MAAM,gBAAgB,GAAG,CAAC,KAAsB,EAAE,EAAE;IAChD,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAA;IAC3B,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,IAAI,EAAE,CAAA;IACvC,MAAM,CAAC,KAAK,EAAE,WAAW,CAAC,GAAG,aAAa,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAA;IAC5D,MAAM,OAAO,GAAG,OAAO,CAAC,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,CAAC,CAAA;IAC9D,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAA;IACpE,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAA;IAErE,OAAO,CACH,wBACI,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,MAAC,YAAY,eACT,KAAC,mBAAmB,cAChB,eAAK,KAAK,EAAE,iBAAiB,aAAW,cAAc,aACjD,GAAG,EACJ,eACI,KAAK,EAAE;4CACH,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"ProcaptchaWidget.js","sourceRoot":"","sources":["../../src/components/ProcaptchaWidget.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@prosopo/procaptcha-react",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.5",
|
|
4
4
|
"author": "PROSOPO LIMITED <info@prosopo.io>",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -37,12 +37,12 @@
|
|
|
37
37
|
"@emotion/styled": "^11.11.0",
|
|
38
38
|
"@polkadot/extension-dapp": "0.46.6",
|
|
39
39
|
"@polkadot/extension-inject": "0.46.6",
|
|
40
|
-
"@prosopo/api": "0.3.
|
|
41
|
-
"@prosopo/common": "0.3.
|
|
42
|
-
"@prosopo/procaptcha": "0.3.
|
|
43
|
-
"@prosopo/types": "0.3.
|
|
44
|
-
"@prosopo/util": "0.3.
|
|
45
|
-
"@prosopo/web-components": "0.3.
|
|
40
|
+
"@prosopo/api": "0.3.5",
|
|
41
|
+
"@prosopo/common": "0.3.5",
|
|
42
|
+
"@prosopo/procaptcha": "0.3.5",
|
|
43
|
+
"@prosopo/types": "0.3.5",
|
|
44
|
+
"@prosopo/util": "0.3.5",
|
|
45
|
+
"@prosopo/web-components": "0.3.5",
|
|
46
46
|
"react": "^18.2.0",
|
|
47
47
|
"react-dom": "^18.2.0"
|
|
48
48
|
},
|