@selfcommunity/react-ui 0.5.0-alpha.0 → 0.5.0-alpha.1
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/lib/cjs/components/AccountRecover/AccountRecover.d.ts +12 -5
- package/lib/cjs/components/AccountRecover/AccountRecover.d.ts.map +1 -1
- package/lib/cjs/components/AccountRecover/AccountRecover.js +19 -8
- package/lib/cjs/components/AccountRecover/AccountRecover.js.map +1 -1
- package/lib/cjs/components/AccountReset/AccountReset.d.ts +13 -6
- package/lib/cjs/components/AccountReset/AccountReset.d.ts.map +1 -1
- package/lib/cjs/components/AccountReset/AccountReset.js +25 -9
- package/lib/cjs/components/AccountReset/AccountReset.js.map +1 -1
- package/lib/cjs/components/AccountVerify/AccountVerify.d.ts +7 -0
- package/lib/cjs/components/AccountVerify/AccountVerify.d.ts.map +1 -1
- package/lib/cjs/components/AccountVerify/AccountVerify.js +8 -3
- package/lib/cjs/components/AccountVerify/AccountVerify.js.map +1 -1
- package/lib/esm/components/AccountRecover/AccountRecover.d.ts +12 -5
- package/lib/esm/components/AccountRecover/AccountRecover.d.ts.map +1 -1
- package/lib/esm/components/AccountRecover/AccountRecover.js +21 -10
- package/lib/esm/components/AccountRecover/AccountRecover.js.map +1 -1
- package/lib/esm/components/AccountReset/AccountReset.d.ts +13 -6
- package/lib/esm/components/AccountReset/AccountReset.d.ts.map +1 -1
- package/lib/esm/components/AccountReset/AccountReset.js +27 -11
- package/lib/esm/components/AccountReset/AccountReset.js.map +1 -1
- package/lib/esm/components/AccountVerify/AccountVerify.d.ts +7 -0
- package/lib/esm/components/AccountVerify/AccountVerify.d.ts.map +1 -1
- package/lib/esm/components/AccountVerify/AccountVerify.js +8 -3
- package/lib/esm/components/AccountVerify/AccountVerify.js.map +1 -1
- package/lib/umd/react-ui.js +2 -2
- package/lib/umd/react-ui.js.map +1 -1
- package/package.json +4 -4
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
import { ButtonProps, TextFieldProps } from '@mui/material';
|
|
2
3
|
export interface AccountRecoverProps {
|
|
3
4
|
/**
|
|
@@ -5,11 +6,6 @@ export interface AccountRecoverProps {
|
|
|
5
6
|
* @default null
|
|
6
7
|
*/
|
|
7
8
|
className?: string;
|
|
8
|
-
/**
|
|
9
|
-
* Callback triggered on success sign in
|
|
10
|
-
* @default null
|
|
11
|
-
*/
|
|
12
|
-
onSuccess?: () => void;
|
|
13
9
|
/**
|
|
14
10
|
* Default props to TextField Input
|
|
15
11
|
* @default {variant: 'outlined'}
|
|
@@ -20,6 +16,15 @@ export interface AccountRecoverProps {
|
|
|
20
16
|
* @default {variant: 'contained'}
|
|
21
17
|
*/
|
|
22
18
|
ButtonProps?: ButtonProps;
|
|
19
|
+
/**
|
|
20
|
+
* Callback triggered on success sign in
|
|
21
|
+
* @default null
|
|
22
|
+
*/
|
|
23
|
+
onSuccess?: () => void;
|
|
24
|
+
/**
|
|
25
|
+
* Action component to display after success message
|
|
26
|
+
* */
|
|
27
|
+
successAction?: React.ReactNode;
|
|
23
28
|
/**
|
|
24
29
|
* Other props
|
|
25
30
|
*/
|
|
@@ -44,7 +49,9 @@ export interface AccountRecoverProps {
|
|
|
44
49
|
|Rule Name|Global class|Description|
|
|
45
50
|
|---|---|---|
|
|
46
51
|
|root|.SCAccountRecover-root|Styles applied to the root element.|
|
|
52
|
+
|form|.SCAccountRecover-form|Styles applied to the form element.|
|
|
47
53
|
|email|.SCAccountRecover-email|Styles applied to the email TextField.|
|
|
54
|
+
|success|.SCAccountRecover-success|Styles applied to the success Typography.|
|
|
48
55
|
|
|
49
56
|
*
|
|
50
57
|
* @param inProps
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccountRecover.d.ts","sourceRoot":"","sources":["../../../../src/components/AccountRecover/AccountRecover.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AccountRecover.d.ts","sourceRoot":"","sources":["../../../../src/components/AccountRecover/AccountRecover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAGtC,OAAO,EAAc,WAAW,EAAE,cAAc,EAAa,MAAM,eAAe,CAAC;AA6BnF,MAAM,WAAW,mBAAmB;IAClC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC;IAEhC;;;OAGG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAE1B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IAEvB;;SAEK;IACL,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEhC;;OAEG;IACH,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,OAAO,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAiFhF"}
|
|
@@ -49,17 +49,19 @@ const api_services_1 = require("@selfcommunity/api-services");
|
|
|
49
49
|
const PREFIX = 'SCAccountRecover';
|
|
50
50
|
const classes = {
|
|
51
51
|
root: `${PREFIX}-root`,
|
|
52
|
-
|
|
52
|
+
form: `${PREFIX}-form`,
|
|
53
|
+
email: `${PREFIX}-email`,
|
|
54
|
+
success: `${PREFIX}-success`
|
|
53
55
|
};
|
|
54
|
-
const Root = (0, styles_1.styled)(
|
|
56
|
+
const Root = (0, styles_1.styled)(material_1.Box, {
|
|
55
57
|
name: PREFIX,
|
|
56
58
|
slot: 'Root',
|
|
57
59
|
overridesResolver: (props, styles) => styles.root
|
|
58
60
|
})(({ theme }) => ({
|
|
59
|
-
[
|
|
61
|
+
[`& .${classes.form} .MuiTextField-root, &.${classes.root} .MuiButton-root`]: {
|
|
60
62
|
margin: theme.spacing(1, 0, 1, 0)
|
|
61
63
|
},
|
|
62
|
-
[
|
|
64
|
+
[`& .${classes.form} .MuiTypography-root`]: {
|
|
63
65
|
margin: theme.spacing(1, 0, 1, 0)
|
|
64
66
|
}
|
|
65
67
|
}));
|
|
@@ -82,7 +84,9 @@ const Root = (0, styles_1.styled)('form', {
|
|
|
82
84
|
|Rule Name|Global class|Description|
|
|
83
85
|
|---|---|---|
|
|
84
86
|
|root|.SCAccountRecover-root|Styles applied to the root element.|
|
|
87
|
+
|form|.SCAccountRecover-form|Styles applied to the form element.|
|
|
85
88
|
|email|.SCAccountRecover-email|Styles applied to the email TextField.|
|
|
89
|
+
|success|.SCAccountRecover-success|Styles applied to the success Typography.|
|
|
86
90
|
|
|
87
91
|
*
|
|
88
92
|
* @param inProps
|
|
@@ -93,13 +97,15 @@ function AccountRecover(inProps) {
|
|
|
93
97
|
name: PREFIX
|
|
94
98
|
});
|
|
95
99
|
// PROPS
|
|
96
|
-
const { className, onSuccess = null, TextFieldProps = { variant: 'outlined', fullWidth: true }, ButtonProps = { variant: 'contained' } } = props, rest = __rest(props, ["className", "onSuccess", "TextFieldProps", "ButtonProps"]);
|
|
100
|
+
const { className, onSuccess = null, TextFieldProps = { variant: 'outlined', fullWidth: true }, ButtonProps = { variant: 'contained' }, successAction = null } = props, rest = __rest(props, ["className", "onSuccess", "TextFieldProps", "ButtonProps", "successAction"]);
|
|
97
101
|
// STATE
|
|
98
102
|
const [email, setEmail] = (0, react_1.useState)('');
|
|
99
103
|
const [emailError, setEmailError] = (0, react_1.useState)('');
|
|
100
104
|
const [isSubmitting, setIsSubmitting] = (0, react_1.useState)(false);
|
|
105
|
+
const [isSucceed, setIsSucceed] = (0, react_1.useState)(false);
|
|
101
106
|
// CONTEXT
|
|
102
107
|
const scUserContext = (0, react_core_1.useSCUser)();
|
|
108
|
+
const intl = (0, react_intl_1.useIntl)();
|
|
103
109
|
// HANDLERS
|
|
104
110
|
const handleChange = (event) => {
|
|
105
111
|
setEmail(event.target.value);
|
|
@@ -109,7 +115,10 @@ function AccountRecover(inProps) {
|
|
|
109
115
|
event.stopPropagation();
|
|
110
116
|
setIsSubmitting(true);
|
|
111
117
|
api_services_1.AccountService.recover({ email })
|
|
112
|
-
.then(() =>
|
|
118
|
+
.then(() => {
|
|
119
|
+
setIsSucceed(true);
|
|
120
|
+
onSuccess && onSuccess();
|
|
121
|
+
})
|
|
113
122
|
.catch((error) => {
|
|
114
123
|
const _error = (0, api_services_1.formatHttpError)(error);
|
|
115
124
|
if (_error.emailError) {
|
|
@@ -124,10 +133,12 @@ function AccountRecover(inProps) {
|
|
|
124
133
|
return null;
|
|
125
134
|
}
|
|
126
135
|
// RENDER
|
|
127
|
-
return (react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, rest,
|
|
136
|
+
return (react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, rest), isSucceed ? (react_1.default.createElement(react_1.default.Fragment, null,
|
|
137
|
+
react_1.default.createElement(material_1.Typography, { className: classes.success }, intl.formatMessage({ id: 'ui.accountRecover.success', defaultMessage: 'ui.accountRecover.success' }, { email, bold: (chunks) => react_1.default.createElement("b", null, chunks) })),
|
|
138
|
+
successAction)) : (react_1.default.createElement("form", { className: classes.form, onSubmit: handleSubmit },
|
|
128
139
|
react_1.default.createElement(EmailTextField_1.default, Object.assign({ className: classes.email, disabled: isSubmitting, label: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.accountRecover.email.label", defaultMessage: "ui.accountRecover.email.label" }) }, TextFieldProps, { value: email, onChange: handleChange, error: Boolean(emailError), helperText: emailError })),
|
|
129
140
|
react_1.default.createElement(material_1.Button, Object.assign({ type: "submit" }, ButtonProps, { disabled: !email || isSubmitting }),
|
|
130
|
-
react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.accountRecover.submit", defaultMessage: "ui.accountRecover.submit" }))));
|
|
141
|
+
react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.accountRecover.submit", defaultMessage: "ui.accountRecover.submit" }))))));
|
|
131
142
|
}
|
|
132
143
|
exports.default = AccountRecover;
|
|
133
144
|
//# sourceMappingURL=AccountRecover.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccountRecover.js","sourceRoot":"","sources":["../../../../src/components/AccountRecover/AccountRecover.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsC;AACtC,iDAA4C;AAC5C,0DAAuE;
|
|
1
|
+
{"version":3,"file":"AccountRecover.js","sourceRoot":"","sources":["../../../../src/components/AccountRecover/AccountRecover.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { ButtonProps, TextFieldProps } from '@mui/material';
|
|
3
3
|
export interface AccountResetProps {
|
|
4
4
|
/**
|
|
@@ -6,11 +6,6 @@ export interface AccountResetProps {
|
|
|
6
6
|
* @default null
|
|
7
7
|
*/
|
|
8
8
|
className?: string;
|
|
9
|
-
/**
|
|
10
|
-
* Callback triggered on success sign in
|
|
11
|
-
* @default null
|
|
12
|
-
*/
|
|
13
|
-
onSuccess?: (user: SCUserType) => void;
|
|
14
9
|
/**
|
|
15
10
|
* Default props to TextField Input
|
|
16
11
|
* @default {variant: 'outlined'}
|
|
@@ -26,6 +21,15 @@ export interface AccountResetProps {
|
|
|
26
21
|
* @default empty string
|
|
27
22
|
*/
|
|
28
23
|
validationCode: string;
|
|
24
|
+
/**
|
|
25
|
+
* Callback triggered on success sign in
|
|
26
|
+
* @default null
|
|
27
|
+
*/
|
|
28
|
+
onSuccess?: () => void;
|
|
29
|
+
/**
|
|
30
|
+
* Action component to display after success message
|
|
31
|
+
* */
|
|
32
|
+
successAction?: React.ReactNode;
|
|
29
33
|
/**
|
|
30
34
|
* Other props
|
|
31
35
|
*/
|
|
@@ -50,7 +54,10 @@ export interface AccountResetProps {
|
|
|
50
54
|
|Rule Name|Global class|Description|
|
|
51
55
|
|---|---|---|
|
|
52
56
|
|root|.SCAccountReset-root|Styles applied to the root element.|
|
|
57
|
+
|form|.SCAccountReset-form|Styles applied to the form element.|
|
|
53
58
|
|email|.SCAccountReset-password|Styles applied to the password TextField.|
|
|
59
|
+
|success|.SCAccountRecover-success|Styles applied to the success Typography.|
|
|
60
|
+
|error|.SCAccountRecover-error|Styles applied to the error Typography.|
|
|
54
61
|
|
|
55
62
|
*
|
|
56
63
|
* @param inProps
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccountReset.d.ts","sourceRoot":"","sources":["../../../../src/components/AccountReset/AccountReset.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AccountReset.d.ts","sourceRoot":"","sources":["../../../../src/components/AccountReset/AccountReset.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAGtC,OAAO,EAAc,WAAW,EAAE,cAAc,EAAa,MAAM,eAAe,CAAC;AA8BnF,MAAM,WAAW,iBAAiB;IAChC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC;IAEhC;;;OAGG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAE1B;;;OAGG;IACH,cAAc,EAAE,MAAM,CAAC;IAEvB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IAEvB;;SAEK;IACL,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEhC;;OAEG;IACH,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,OAAO,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CAsG5E"}
|
|
@@ -49,17 +49,20 @@ const PasswordTextField_1 = __importDefault(require("../../shared/PasswordTextFi
|
|
|
49
49
|
const PREFIX = 'SCAccountReset';
|
|
50
50
|
const classes = {
|
|
51
51
|
root: `${PREFIX}-root`,
|
|
52
|
-
|
|
52
|
+
form: `${PREFIX}-form`,
|
|
53
|
+
password: `${PREFIX}-password`,
|
|
54
|
+
success: `${PREFIX}-success`,
|
|
55
|
+
error: `${PREFIX}-error`
|
|
53
56
|
};
|
|
54
|
-
const Root = (0, styles_1.styled)(
|
|
57
|
+
const Root = (0, styles_1.styled)(material_1.Box, {
|
|
55
58
|
name: PREFIX,
|
|
56
59
|
slot: 'Root',
|
|
57
60
|
overridesResolver: (props, styles) => styles.root
|
|
58
61
|
})(({ theme }) => ({
|
|
59
|
-
[
|
|
62
|
+
[`& .${classes.form} .MuiTextField-root, &.${classes.root} .MuiButton-root`]: {
|
|
60
63
|
margin: theme.spacing(1, 0, 1, 0)
|
|
61
64
|
},
|
|
62
|
-
[
|
|
65
|
+
[`& .${classes.form} .MuiTypography-root`]: {
|
|
63
66
|
margin: theme.spacing(1, 0, 1, 0)
|
|
64
67
|
}
|
|
65
68
|
}));
|
|
@@ -82,7 +85,10 @@ const Root = (0, styles_1.styled)('form', {
|
|
|
82
85
|
|Rule Name|Global class|Description|
|
|
83
86
|
|---|---|---|
|
|
84
87
|
|root|.SCAccountReset-root|Styles applied to the root element.|
|
|
88
|
+
|form|.SCAccountReset-form|Styles applied to the form element.|
|
|
85
89
|
|email|.SCAccountReset-password|Styles applied to the password TextField.|
|
|
90
|
+
|success|.SCAccountRecover-success|Styles applied to the success Typography.|
|
|
91
|
+
|error|.SCAccountRecover-error|Styles applied to the error Typography.|
|
|
86
92
|
|
|
87
93
|
*
|
|
88
94
|
* @param inProps
|
|
@@ -93,14 +99,16 @@ function AccountReset(inProps) {
|
|
|
93
99
|
name: PREFIX
|
|
94
100
|
});
|
|
95
101
|
// PROPS
|
|
96
|
-
const { className, onSuccess = null, TextFieldProps = { variant: 'outlined', fullWidth: true }, ButtonProps = { variant: 'contained' }, validationCode } = props, rest = __rest(props, ["className", "onSuccess", "TextFieldProps", "ButtonProps", "validationCode"]);
|
|
102
|
+
const { className, onSuccess = null, TextFieldProps = { variant: 'outlined', fullWidth: true }, ButtonProps = { variant: 'contained' }, validationCode, successAction = null } = props, rest = __rest(props, ["className", "onSuccess", "TextFieldProps", "ButtonProps", "validationCode", "successAction"]);
|
|
97
103
|
// STATE
|
|
98
104
|
const [password, setPassword] = (0, react_1.useState)('');
|
|
99
105
|
const [passwordError, setPasswordError] = (0, react_1.useState)('');
|
|
100
106
|
const [validationCodeError, setValidationCodeError] = (0, react_1.useState)('');
|
|
101
107
|
const [isSubmitting, setIsSubmitting] = (0, react_1.useState)(false);
|
|
108
|
+
const [isSucceed, setIsSucceed] = (0, react_1.useState)(false);
|
|
102
109
|
// CONTEXT
|
|
103
110
|
const scUserContext = (0, react_core_1.useSCUser)();
|
|
111
|
+
const intl = (0, react_intl_1.useIntl)();
|
|
104
112
|
// HANDLERS
|
|
105
113
|
const handleChange = (event) => {
|
|
106
114
|
setPassword(event.target.value);
|
|
@@ -110,10 +118,12 @@ function AccountReset(inProps) {
|
|
|
110
118
|
event.stopPropagation();
|
|
111
119
|
setIsSubmitting(true);
|
|
112
120
|
api_services_1.AccountService.reset({ validation_code: validationCode, password })
|
|
113
|
-
.then((res) =>
|
|
121
|
+
.then((res) => {
|
|
122
|
+
setIsSucceed(true);
|
|
123
|
+
onSuccess && onSuccess();
|
|
124
|
+
})
|
|
114
125
|
.catch((error) => {
|
|
115
126
|
const _error = (0, api_services_1.formatHttpError)(error);
|
|
116
|
-
console.log(_error);
|
|
117
127
|
if (_error.passwordError) {
|
|
118
128
|
setPasswordError(_error.passwordError.error);
|
|
119
129
|
}
|
|
@@ -129,8 +139,14 @@ function AccountReset(inProps) {
|
|
|
129
139
|
return null;
|
|
130
140
|
}
|
|
131
141
|
// RENDER
|
|
132
|
-
|
|
133
|
-
|
|
142
|
+
if (isSucceed) {
|
|
143
|
+
return (react_1.default.createElement(material_1.Typography, null,
|
|
144
|
+
react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.accountReset.success", defaultMessage: "ui.accountReset.success" })));
|
|
145
|
+
}
|
|
146
|
+
return (react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, rest), isSucceed ? (react_1.default.createElement(react_1.default.Fragment, null,
|
|
147
|
+
react_1.default.createElement(material_1.Typography, { className: classes.success }, intl.formatMessage({ id: 'ui.accountReset.success', defaultMessage: 'ui.accountReset.success' })),
|
|
148
|
+
successAction)) : validationCodeError ? (react_1.default.createElement(material_1.Typography, { className: classes.error },
|
|
149
|
+
react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.accountReset.code.error", defaultMessage: "ui.accountReset.code.error" }))) : (react_1.default.createElement("form", { className: classes.form, onSubmit: handleSubmit },
|
|
134
150
|
react_1.default.createElement(PasswordTextField_1.default, Object.assign({ className: classes.password, disabled: isSubmitting, label: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.accountReset.password.label", defaultMessage: "ui.accountReset.password.label" }) }, TextFieldProps, { value: password, onChange: handleChange, error: Boolean(passwordError), helperText: passwordError })),
|
|
135
151
|
react_1.default.createElement(material_1.Button, Object.assign({ type: "submit" }, ButtonProps, { disabled: !password || isSubmitting }),
|
|
136
152
|
react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.accountReset.submit", defaultMessage: "ui.accountReset.submit" }))))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccountReset.js","sourceRoot":"","sources":["../../../../src/components/AccountReset/AccountReset.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsC;AACtC,iDAA4C;AAC5C,0DAAuE;
|
|
1
|
+
{"version":3,"file":"AccountReset.js","sourceRoot":"","sources":["../../../../src/components/AccountReset/AccountReset.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,6 +10,11 @@ export interface AccountVerifyProps {
|
|
|
10
10
|
* @default empty string
|
|
11
11
|
*/
|
|
12
12
|
validationCode: string;
|
|
13
|
+
/**
|
|
14
|
+
* Callback triggered on success sign in
|
|
15
|
+
* @default null
|
|
16
|
+
*/
|
|
17
|
+
onSuccess?: () => void;
|
|
13
18
|
/**
|
|
14
19
|
* Action component to display after success message
|
|
15
20
|
* */
|
|
@@ -38,6 +43,8 @@ export interface AccountVerifyProps {
|
|
|
38
43
|
|Rule Name|Global class|Description|
|
|
39
44
|
|---|---|---|
|
|
40
45
|
|root|.SCAccountVerify-root|Styles applied to the root element.|
|
|
46
|
+
|success|.SCAccountRecover-success|Styles applied to the success Typography.|
|
|
47
|
+
|error|.SCAccountRecover-error|Styles applied to the error Typography.|
|
|
41
48
|
|
|
42
49
|
*
|
|
43
50
|
* @param inProps
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccountVerify.d.ts","sourceRoot":"","sources":["../../../../src/components/AccountVerify/AccountVerify.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"AccountVerify.d.ts","sourceRoot":"","sources":["../../../../src/components/AccountVerify/AccountVerify.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AA8BjD,MAAM,WAAW,kBAAkB;IACjC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,cAAc,EAAE,MAAM,CAAC;IAEvB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IAEvB;;SAEK;IACL,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEhC;;OAEG;IACH,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,OAAO,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAiD9E"}
|
|
@@ -47,7 +47,9 @@ const api_services_1 = require("@selfcommunity/api-services");
|
|
|
47
47
|
const react_intl_1 = require("react-intl");
|
|
48
48
|
const PREFIX = 'SCAccountVerify';
|
|
49
49
|
const classes = {
|
|
50
|
-
root: `${PREFIX}-root
|
|
50
|
+
root: `${PREFIX}-root`,
|
|
51
|
+
success: `${PREFIX}-success`,
|
|
52
|
+
error: `${PREFIX}-error`
|
|
51
53
|
};
|
|
52
54
|
const Root = (0, styles_1.styled)(material_1.Typography, {
|
|
53
55
|
name: PREFIX,
|
|
@@ -80,6 +82,8 @@ const Root = (0, styles_1.styled)(material_1.Typography, {
|
|
|
80
82
|
|Rule Name|Global class|Description|
|
|
81
83
|
|---|---|---|
|
|
82
84
|
|root|.SCAccountVerify-root|Styles applied to the root element.|
|
|
85
|
+
|success|.SCAccountRecover-success|Styles applied to the success Typography.|
|
|
86
|
+
|error|.SCAccountRecover-error|Styles applied to the error Typography.|
|
|
83
87
|
|
|
84
88
|
*
|
|
85
89
|
* @param inProps
|
|
@@ -101,7 +105,8 @@ function AccountVerify(inProps) {
|
|
|
101
105
|
setIsValidating(true);
|
|
102
106
|
setError(false);
|
|
103
107
|
api_services_1.AccountService.verify({ validation_code: validationCode })
|
|
104
|
-
.
|
|
108
|
+
.then(() => onSuccess && onSuccess())
|
|
109
|
+
.catch(() => setError(true))
|
|
105
110
|
.then(() => setIsValidating(false));
|
|
106
111
|
}, [validationCode]);
|
|
107
112
|
if (scUserContext.user !== null) {
|
|
@@ -109,7 +114,7 @@ function AccountVerify(inProps) {
|
|
|
109
114
|
return null;
|
|
110
115
|
}
|
|
111
116
|
// RENDER
|
|
112
|
-
return (react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, rest), isValidating ? (react_1.default.createElement(react_1.default.Fragment, null,
|
|
117
|
+
return (react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className, { [classes.error]: error, [classes.success]: !isValidating && !error }) }, rest), isValidating ? (react_1.default.createElement(react_1.default.Fragment, null,
|
|
113
118
|
react_1.default.createElement(material_1.CircularProgress, null),
|
|
114
119
|
react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.accountVerify.verifying", defaultMessage: "ui.accountVerify.verifying" }))) : error ? (react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.accountVerify.error", defaultMessage: "ui.accountVerify.error" })) : (react_1.default.createElement(react_1.default.Fragment, null,
|
|
115
120
|
react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.accountVerify.success", defaultMessage: "ui.accountVerify.success" }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccountVerify.js","sourceRoot":"","sources":["../../../../src/components/AccountVerify/AccountVerify.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAiD;AACjD,iDAA4C;AAC5C,0DAAuE;
|
|
1
|
+
{"version":3,"file":"AccountVerify.js","sourceRoot":"","sources":["../../../../src/components/AccountVerify/AccountVerify.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
import { ButtonProps, TextFieldProps } from '@mui/material';
|
|
2
3
|
export interface AccountRecoverProps {
|
|
3
4
|
/**
|
|
@@ -5,11 +6,6 @@ export interface AccountRecoverProps {
|
|
|
5
6
|
* @default null
|
|
6
7
|
*/
|
|
7
8
|
className?: string;
|
|
8
|
-
/**
|
|
9
|
-
* Callback triggered on success sign in
|
|
10
|
-
* @default null
|
|
11
|
-
*/
|
|
12
|
-
onSuccess?: () => void;
|
|
13
9
|
/**
|
|
14
10
|
* Default props to TextField Input
|
|
15
11
|
* @default {variant: 'outlined'}
|
|
@@ -20,6 +16,15 @@ export interface AccountRecoverProps {
|
|
|
20
16
|
* @default {variant: 'contained'}
|
|
21
17
|
*/
|
|
22
18
|
ButtonProps?: ButtonProps;
|
|
19
|
+
/**
|
|
20
|
+
* Callback triggered on success sign in
|
|
21
|
+
* @default null
|
|
22
|
+
*/
|
|
23
|
+
onSuccess?: () => void;
|
|
24
|
+
/**
|
|
25
|
+
* Action component to display after success message
|
|
26
|
+
* */
|
|
27
|
+
successAction?: React.ReactNode;
|
|
23
28
|
/**
|
|
24
29
|
* Other props
|
|
25
30
|
*/
|
|
@@ -44,7 +49,9 @@ export interface AccountRecoverProps {
|
|
|
44
49
|
|Rule Name|Global class|Description|
|
|
45
50
|
|---|---|---|
|
|
46
51
|
|root|.SCAccountRecover-root|Styles applied to the root element.|
|
|
52
|
+
|form|.SCAccountRecover-form|Styles applied to the form element.|
|
|
47
53
|
|email|.SCAccountRecover-email|Styles applied to the email TextField.|
|
|
54
|
+
|success|.SCAccountRecover-success|Styles applied to the success Typography.|
|
|
48
55
|
|
|
49
56
|
*
|
|
50
57
|
* @param inProps
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccountRecover.d.ts","sourceRoot":"","sources":["../../../../src/components/AccountRecover/AccountRecover.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AccountRecover.d.ts","sourceRoot":"","sources":["../../../../src/components/AccountRecover/AccountRecover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAGtC,OAAO,EAAc,WAAW,EAAE,cAAc,EAAa,MAAM,eAAe,CAAC;AA6BnF,MAAM,WAAW,mBAAmB;IAClC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC;IAEhC;;;OAGG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAE1B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IAEvB;;SAEK;IACL,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEhC;;OAEG;IACH,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,OAAO,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAiFhF"}
|
|
@@ -12,26 +12,28 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
12
12
|
import React, { useState } from 'react';
|
|
13
13
|
import { styled } from '@mui/material/styles';
|
|
14
14
|
import { useSCUser } from '@selfcommunity/react-core';
|
|
15
|
-
import { Button } from '@mui/material';
|
|
15
|
+
import { Box, Button, Typography } from '@mui/material';
|
|
16
16
|
import classNames from 'classnames';
|
|
17
|
-
import { FormattedMessage } from 'react-intl';
|
|
17
|
+
import { FormattedMessage, useIntl } from 'react-intl';
|
|
18
18
|
import EmailTextField from '../../shared/EmailTextField';
|
|
19
19
|
import { useThemeProps } from '@mui/system';
|
|
20
20
|
import { AccountService, formatHttpError } from '@selfcommunity/api-services';
|
|
21
21
|
const PREFIX = 'SCAccountRecover';
|
|
22
22
|
const classes = {
|
|
23
23
|
root: `${PREFIX}-root`,
|
|
24
|
-
|
|
24
|
+
form: `${PREFIX}-form`,
|
|
25
|
+
email: `${PREFIX}-email`,
|
|
26
|
+
success: `${PREFIX}-success`
|
|
25
27
|
};
|
|
26
|
-
const Root = styled(
|
|
28
|
+
const Root = styled(Box, {
|
|
27
29
|
name: PREFIX,
|
|
28
30
|
slot: 'Root',
|
|
29
31
|
overridesResolver: (props, styles) => styles.root
|
|
30
32
|
})(({ theme }) => ({
|
|
31
|
-
[
|
|
33
|
+
[`& .${classes.form} .MuiTextField-root, &.${classes.root} .MuiButton-root`]: {
|
|
32
34
|
margin: theme.spacing(1, 0, 1, 0)
|
|
33
35
|
},
|
|
34
|
-
[
|
|
36
|
+
[`& .${classes.form} .MuiTypography-root`]: {
|
|
35
37
|
margin: theme.spacing(1, 0, 1, 0)
|
|
36
38
|
}
|
|
37
39
|
}));
|
|
@@ -54,7 +56,9 @@ const Root = styled('form', {
|
|
|
54
56
|
|Rule Name|Global class|Description|
|
|
55
57
|
|---|---|---|
|
|
56
58
|
|root|.SCAccountRecover-root|Styles applied to the root element.|
|
|
59
|
+
|form|.SCAccountRecover-form|Styles applied to the form element.|
|
|
57
60
|
|email|.SCAccountRecover-email|Styles applied to the email TextField.|
|
|
61
|
+
|success|.SCAccountRecover-success|Styles applied to the success Typography.|
|
|
58
62
|
|
|
59
63
|
*
|
|
60
64
|
* @param inProps
|
|
@@ -65,13 +69,15 @@ export default function AccountRecover(inProps) {
|
|
|
65
69
|
name: PREFIX
|
|
66
70
|
});
|
|
67
71
|
// PROPS
|
|
68
|
-
const { className, onSuccess = null, TextFieldProps = { variant: 'outlined', fullWidth: true }, ButtonProps = { variant: 'contained' } } = props, rest = __rest(props, ["className", "onSuccess", "TextFieldProps", "ButtonProps"]);
|
|
72
|
+
const { className, onSuccess = null, TextFieldProps = { variant: 'outlined', fullWidth: true }, ButtonProps = { variant: 'contained' }, successAction = null } = props, rest = __rest(props, ["className", "onSuccess", "TextFieldProps", "ButtonProps", "successAction"]);
|
|
69
73
|
// STATE
|
|
70
74
|
const [email, setEmail] = useState('');
|
|
71
75
|
const [emailError, setEmailError] = useState('');
|
|
72
76
|
const [isSubmitting, setIsSubmitting] = useState(false);
|
|
77
|
+
const [isSucceed, setIsSucceed] = useState(false);
|
|
73
78
|
// CONTEXT
|
|
74
79
|
const scUserContext = useSCUser();
|
|
80
|
+
const intl = useIntl();
|
|
75
81
|
// HANDLERS
|
|
76
82
|
const handleChange = (event) => {
|
|
77
83
|
setEmail(event.target.value);
|
|
@@ -81,7 +87,10 @@ export default function AccountRecover(inProps) {
|
|
|
81
87
|
event.stopPropagation();
|
|
82
88
|
setIsSubmitting(true);
|
|
83
89
|
AccountService.recover({ email })
|
|
84
|
-
.then(() =>
|
|
90
|
+
.then(() => {
|
|
91
|
+
setIsSucceed(true);
|
|
92
|
+
onSuccess && onSuccess();
|
|
93
|
+
})
|
|
85
94
|
.catch((error) => {
|
|
86
95
|
const _error = formatHttpError(error);
|
|
87
96
|
if (_error.emailError) {
|
|
@@ -96,9 +105,11 @@ export default function AccountRecover(inProps) {
|
|
|
96
105
|
return null;
|
|
97
106
|
}
|
|
98
107
|
// RENDER
|
|
99
|
-
return (React.createElement(Root, Object.assign({ className: classNames(classes.root, className) }, rest,
|
|
108
|
+
return (React.createElement(Root, Object.assign({ className: classNames(classes.root, className) }, rest), isSucceed ? (React.createElement(React.Fragment, null,
|
|
109
|
+
React.createElement(Typography, { className: classes.success }, intl.formatMessage({ id: 'ui.accountRecover.success', defaultMessage: 'ui.accountRecover.success' }, { email, bold: (chunks) => React.createElement("b", null, chunks) })),
|
|
110
|
+
successAction)) : (React.createElement("form", { className: classes.form, onSubmit: handleSubmit },
|
|
100
111
|
React.createElement(EmailTextField, Object.assign({ className: classes.email, disabled: isSubmitting, label: React.createElement(FormattedMessage, { id: "ui.accountRecover.email.label", defaultMessage: "ui.accountRecover.email.label" }) }, TextFieldProps, { value: email, onChange: handleChange, error: Boolean(emailError), helperText: emailError })),
|
|
101
112
|
React.createElement(Button, Object.assign({ type: "submit" }, ButtonProps, { disabled: !email || isSubmitting }),
|
|
102
|
-
React.createElement(FormattedMessage, { id: "ui.accountRecover.submit", defaultMessage: "ui.accountRecover.submit" }))));
|
|
113
|
+
React.createElement(FormattedMessage, { id: "ui.accountRecover.submit", defaultMessage: "ui.accountRecover.submit" }))))));
|
|
103
114
|
}
|
|
104
115
|
//# sourceMappingURL=AccountRecover.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccountRecover.js","sourceRoot":"","sources":["../../../../src/components/AccountRecover/AccountRecover.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAC,QAAQ,EAAC,MAAM,OAAO,CAAC;AACtC,OAAO,EAAC,MAAM,EAAC,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAoB,SAAS,EAAC,MAAM,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"AccountRecover.js","sourceRoot":"","sources":["../../../../src/components/AccountRecover/AccountRecover.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { ButtonProps, TextFieldProps } from '@mui/material';
|
|
3
3
|
export interface AccountResetProps {
|
|
4
4
|
/**
|
|
@@ -6,11 +6,6 @@ export interface AccountResetProps {
|
|
|
6
6
|
* @default null
|
|
7
7
|
*/
|
|
8
8
|
className?: string;
|
|
9
|
-
/**
|
|
10
|
-
* Callback triggered on success sign in
|
|
11
|
-
* @default null
|
|
12
|
-
*/
|
|
13
|
-
onSuccess?: (user: SCUserType) => void;
|
|
14
9
|
/**
|
|
15
10
|
* Default props to TextField Input
|
|
16
11
|
* @default {variant: 'outlined'}
|
|
@@ -26,6 +21,15 @@ export interface AccountResetProps {
|
|
|
26
21
|
* @default empty string
|
|
27
22
|
*/
|
|
28
23
|
validationCode: string;
|
|
24
|
+
/**
|
|
25
|
+
* Callback triggered on success sign in
|
|
26
|
+
* @default null
|
|
27
|
+
*/
|
|
28
|
+
onSuccess?: () => void;
|
|
29
|
+
/**
|
|
30
|
+
* Action component to display after success message
|
|
31
|
+
* */
|
|
32
|
+
successAction?: React.ReactNode;
|
|
29
33
|
/**
|
|
30
34
|
* Other props
|
|
31
35
|
*/
|
|
@@ -50,7 +54,10 @@ export interface AccountResetProps {
|
|
|
50
54
|
|Rule Name|Global class|Description|
|
|
51
55
|
|---|---|---|
|
|
52
56
|
|root|.SCAccountReset-root|Styles applied to the root element.|
|
|
57
|
+
|form|.SCAccountReset-form|Styles applied to the form element.|
|
|
53
58
|
|email|.SCAccountReset-password|Styles applied to the password TextField.|
|
|
59
|
+
|success|.SCAccountRecover-success|Styles applied to the success Typography.|
|
|
60
|
+
|error|.SCAccountRecover-error|Styles applied to the error Typography.|
|
|
54
61
|
|
|
55
62
|
*
|
|
56
63
|
* @param inProps
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccountReset.d.ts","sourceRoot":"","sources":["../../../../src/components/AccountReset/AccountReset.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AccountReset.d.ts","sourceRoot":"","sources":["../../../../src/components/AccountReset/AccountReset.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAGtC,OAAO,EAAc,WAAW,EAAE,cAAc,EAAa,MAAM,eAAe,CAAC;AA8BnF,MAAM,WAAW,iBAAiB;IAChC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC;IAEhC;;;OAGG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAE1B;;;OAGG;IACH,cAAc,EAAE,MAAM,CAAC;IAEvB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IAEvB;;SAEK;IACL,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEhC;;OAEG;IACH,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,OAAO,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CAsG5E"}
|