@selfcommunity/react-ui 0.4.2-alpha.2 → 0.5.0-alpha.1

package/lib/cjs/components/AccountRecover/AccountRecover.d.ts

@@ -1,4 +1,4 @@
-import { SCUserType } from '@selfcommunity/types';
+import React from 'react';
 import { ButtonProps, TextFieldProps } from '@mui/material';
 export interface AccountRecoverProps {
     /**
@@ -6,11 +6,6 @@ export interface AccountRecoverProps {
      * @default null
      */
     className?: string;
-    /**
-     * Callback triggered on success sign in
-     * @default null
-     */
-    onSuccess?: (user: SCUserType) => void;
     /**
      * Default props to TextField Input
      * @default {variant: 'outlined'}
@@ -21,18 +16,27 @@ export interface AccountRecoverProps {
      * @default {variant: 'contained'}
      */
     ButtonProps?: ButtonProps;
+    /**
+     * Callback triggered on success sign in
+     * @default null
+     */
+    onSuccess?: () => void;
+    /**
+     * Action component to display after success message
+     * */
+    successAction?: React.ReactNode;
     /**
      * Other props
      */
     [p: string]: any;
 }
 /**
- * > API documentation for the Community-JS AccountRecover component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS AccountVerify component. Learn about the available props and the CSS API.
 
  #### Import
 
  ```jsx
- import {AccountRecover} from '@selfcommunity/react-ui';
+ import {AccountVerify} from '@selfcommunity/react-ui';
  ```
 
  #### Component Name
@@ -45,7 +49,9 @@ export interface AccountRecoverProps {
  |Rule Name|Global class|Description|
  |---|---|---|
  |root|.SCAccountRecover-root|Styles applied to the root element.|
+ |form|.SCAccountRecover-form|Styles applied to the form element.|
  |email|.SCAccountRecover-email|Styles applied to the email TextField.|
+ |success|.SCAccountRecover-success|Styles applied to the success Typography.|
 
  *
  * @param inProps

package/lib/cjs/components/AccountRecover/AccountRecover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccountRecover.d.ts","sourceRoot":"","sources":["../../../../src/components/AccountRecover/AccountRecover.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,UAAU,EAAC,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAS,WAAW,EAAE,cAAc,EAAC,MAAM,eAAe,CAAC;AA0BlE,MAAM,WAAW,mBAAmB;IAClC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;IAEvC;;;OAGG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC;IAEhC;;;OAGG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAE1B;;OAEG;IACH,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,OAAO,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAmDhF"}
+{"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"}

package/lib/cjs/components/AccountRecover/AccountRecover.js

@@ -45,30 +45,33 @@ const classnames_1 = __importDefault(require("classnames"));
 const react_intl_1 = require("react-intl");
 const EmailTextField_1 = __importDefault(require("../../shared/EmailTextField"));
 const system_1 = require("@mui/system");
+const api_services_1 = require("@selfcommunity/api-services");
 const PREFIX = 'SCAccountRecover';
 const classes = {
     root: `${PREFIX}-root`,
-    email: `${PREFIX}-email`
+    form: `${PREFIX}-form`,
+    email: `${PREFIX}-email`,
+    success: `${PREFIX}-success`
 };
-const Root = (0, styles_1.styled)('form', {
+const Root = (0, styles_1.styled)(material_1.Box, {
     name: PREFIX,
     slot: 'Root',
     overridesResolver: (props, styles) => styles.root
 })(({ theme }) => ({
-    [`&.${classes.root} .MuiTextField-root, &.${classes.root} .MuiButton-root`]: {
+    [`& .${classes.form} .MuiTextField-root, &.${classes.root} .MuiButton-root`]: {
         margin: theme.spacing(1, 0, 1, 0)
     },
-    [`&.${classes.root} .MuiTypography-root`]: {
+    [`& .${classes.form} .MuiTypography-root`]: {
         margin: theme.spacing(1, 0, 1, 0)
     }
 }));
 /**
- * > API documentation for the Community-JS AccountRecover component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS AccountVerify component. Learn about the available props and the CSS API.
 
  #### Import
 
  ```jsx
- import {AccountRecover} from '@selfcommunity/react-ui';
+ import {AccountVerify} from '@selfcommunity/react-ui';
  ```
 
  #### Component Name
@@ -81,7 +84,9 @@ const Root = (0, styles_1.styled)('form', {
  |Rule Name|Global class|Description|
  |---|---|---|
  |root|.SCAccountRecover-root|Styles applied to the root element.|
+ |form|.SCAccountRecover-form|Styles applied to the form element.|
  |email|.SCAccountRecover-email|Styles applied to the email TextField.|
+ |success|.SCAccountRecover-success|Styles applied to the success Typography.|
 
  *
  * @param inProps
@@ -92,21 +97,35 @@ function AccountRecover(inProps) {
         name: PREFIX
     });
     // PROPS
-    const { className, onSuccess = null, TextFieldProps = { variant: 'outlined', fullWidth: true }, ButtonProps = { variant: 'contained' } } = props, rest = __rest(props, ["className", "onSuccess", "TextFieldProps", "ButtonProps"]);
+    const { className, onSuccess = null, TextFieldProps = { variant: 'outlined', fullWidth: true }, ButtonProps = { variant: 'contained' }, successAction = null } = props, rest = __rest(props, ["className", "onSuccess", "TextFieldProps", "ButtonProps", "successAction"]);
     // STATE
     const [email, setEmail] = (0, react_1.useState)('');
     const [emailError, setEmailError] = (0, react_1.useState)('');
     const [isSubmitting, setIsSubmitting] = (0, react_1.useState)(false);
+    const [isSucceed, setIsSucceed] = (0, react_1.useState)(false);
     // CONTEXT
     const scUserContext = (0, react_core_1.useSCUser)();
-    const scRoutingContext = (0, react_core_1.useSCRouting)();
+    const intl = (0, react_intl_1.useIntl)();
     // HANDLERS
+    const handleChange = (event) => {
+        setEmail(event.target.value);
+    };
     const handleSubmit = (event) => {
         event.preventDefault();
         event.stopPropagation();
         setIsSubmitting(true);
-        // TODO: recover API call
-        onSuccess && onSuccess(null);
+        api_services_1.AccountService.recover({ email })
+            .then(() => {
+            setIsSucceed(true);
+            onSuccess && onSuccess();
+        })
+            .catch((error) => {
+            const _error = (0, api_services_1.formatHttpError)(error);
+            if (_error.emailError) {
+                setEmailError(_error.emailError.error);
+            }
+        })
+            .then(() => setIsSubmitting(false));
         return false;
     };
     if (scUserContext.user !== null) {
@@ -114,10 +133,12 @@ function AccountRecover(inProps) {
         return null;
     }
     // RENDER
-    return (react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, rest, { onSubmit: handleSubmit }),
-        react_1.default.createElement(EmailTextField_1.default, Object.assign({ className: classes.email, label: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.accountRecover.email.label", defaultMessage: "ui.accountRecover.email.label" }) }, TextFieldProps, { value: email, onChange: (event) => setEmail(event.target.value), error: Boolean(emailError), helperText: emailError })),
+    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,
+        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) })),
+        successAction)) : (react_1.default.createElement("form", { className: classes.form, onSubmit: handleSubmit },
+        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 })),
         react_1.default.createElement(material_1.Button, Object.assign({ type: "submit" }, ButtonProps, { disabled: !email || isSubmitting }),
-            react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.accountRecover.submit", defaultMessage: "ui.accountRecover.submit" }))));
+            react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.accountRecover.submit", defaultMessage: "ui.accountRecover.submit" }))))));
 }
 exports.default = AccountRecover;
 //# sourceMappingURL=AccountRecover.js.map

package/lib/cjs/components/AccountRecover/AccountRecover.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccountRecover.js","sourceRoot":"","sources":["../../../../src/components/AccountRecover/AccountRecover.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"AccountRecover.js","sourceRoot":"","sources":["../../../../src/components/AccountRecover/AccountRecover.tsx"],"names":[],"mappings":"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"}

package/lib/cjs/components/AccountReset/AccountReset.d.ts

@@ -0,0 +1,66 @@
+import React from 'react';
+import { ButtonProps, TextFieldProps } from '@mui/material';
+export interface AccountResetProps {
+    /**
+     * Overrides or extends the styles applied to the component.
+     * @default null
+     */
+    className?: string;
+    /**
+     * Default props to TextField Input
+     * @default {variant: 'outlined'}
+     */
+    TextFieldProps?: TextFieldProps;
+    /**
+     * Default props to submit button Input
+     * @default {variant: 'contained'}
+     */
+    ButtonProps?: ButtonProps;
+    /**
+     * Validation code sent by email to the user
+     * @default empty string
+     */
+    validationCode: string;
+    /**
+     * Callback triggered on success sign in
+     * @default null
+     */
+    onSuccess?: () => void;
+    /**
+     * Action component to display after success message
+     * */
+    successAction?: React.ReactNode;
+    /**
+     * Other props
+     */
+    [p: string]: any;
+}
+/**
+ * > API documentation for the Community-JS AccountVerify component. Learn about the available props and the CSS API.
+
+ #### Import
+
+ ```jsx
+ import {AccountVerify} from '@selfcommunity/react-ui';
+ ```
+
+ #### Component Name
+
+ The name `SCAccountReset` can be used when providing style overrides in the theme.
+
+
+ #### CSS
+
+ |Rule Name|Global class|Description|
+ |---|---|---|
+ |root|.SCAccountReset-root|Styles applied to the root element.|
+ |form|.SCAccountReset-form|Styles applied to the form element.|
+ |email|.SCAccountReset-password|Styles applied to the password TextField.|
+ |success|.SCAccountRecover-success|Styles applied to the success Typography.|
+ |error|.SCAccountRecover-error|Styles applied to the error Typography.|
+
+ *
+ * @param inProps
+ */
+export default function AccountReset(inProps: AccountResetProps): JSX.Element;
+//# sourceMappingURL=AccountReset.d.ts.map

package/lib/cjs/components/AccountReset/AccountReset.d.ts.map

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

package/lib/cjs/components/{AccountSignUp/AccountSignUp.js → AccountReset/AccountReset.js}

@@ -43,78 +43,95 @@ const react_core_1 = require("@selfcommunity/react-core");
 const material_1 = require("@mui/material");
 const classnames_1 = __importDefault(require("classnames"));
 const react_intl_1 = require("react-intl");
-const PasswordTextField_1 = __importDefault(require("../../shared/PasswordTextField"));
-const EmailTextField_1 = __importDefault(require("../../shared/EmailTextField"));
-const UsernameTextField_1 = __importDefault(require("../../shared/UsernameTextField"));
 const system_1 = require("@mui/system");
-const PREFIX = 'SCAccountSignUp';
+const api_services_1 = require("@selfcommunity/api-services");
+const PasswordTextField_1 = __importDefault(require("../../shared/PasswordTextField"));
+const PREFIX = 'SCAccountReset';
 const classes = {
     root: `${PREFIX}-root`,
-    email: `${PREFIX}-email`,
-    username: `${PREFIX}-username`,
-    password: `${PREFIX}-password`
+    form: `${PREFIX}-form`,
+    password: `${PREFIX}-password`,
+    success: `${PREFIX}-success`,
+    error: `${PREFIX}-error`
 };
-const Root = (0, styles_1.styled)('form', {
+const Root = (0, styles_1.styled)(material_1.Box, {
     name: PREFIX,
     slot: 'Root',
     overridesResolver: (props, styles) => styles.root
 })(({ theme }) => ({
-    [`&.${classes.root} .MuiTextField-root, &.${classes.root} .MuiButton-root`]: {
+    [`& .${classes.form} .MuiTextField-root, &.${classes.root} .MuiButton-root`]: {
         margin: theme.spacing(1, 0, 1, 0)
     },
-    [`&.${classes.root} .MuiTypography-root`]: {
+    [`& .${classes.form} .MuiTypography-root`]: {
         margin: theme.spacing(1, 0, 1, 0)
     }
 }));
 /**
- * > API documentation for the Community-JS AccountSignUp component. Learn about the available props and the CSS API.
+ * > API documentation for the Community-JS AccountVerify component. Learn about the available props and the CSS API.
 
  #### Import
 
  ```jsx
- import {AccountSignUp} from '@selfcommunity/react-ui';
+ import {AccountVerify} from '@selfcommunity/react-ui';
  ```
 
  #### Component Name
 
- The name `SCAccountSignUp` can be used when providing style overrides in the theme.
+ The name `SCAccountReset` can be used when providing style overrides in the theme.
 
 
  #### CSS
 
  |Rule Name|Global class|Description|
  |---|---|---|
- |root|.SCAccountSignUp-root|Styles applied to the root element.|
- |email|.SCAccountSignUp-email|Styles applied to the email TextField.|
- |username|.SCAccountSignUp-username|Styles applied to the username TextField.|
- |password|.SCAccountSignUp-password|Styles applied to the password TextField.|
+ |root|.SCAccountReset-root|Styles applied to the root element.|
+ |form|.SCAccountReset-form|Styles applied to the form element.|
+ |email|.SCAccountReset-password|Styles applied to the password TextField.|
+ |success|.SCAccountRecover-success|Styles applied to the success Typography.|
+ |error|.SCAccountRecover-error|Styles applied to the error Typography.|
 
  *
  * @param inProps
  */
-function AccountSignUp(inProps) {
+function AccountReset(inProps) {
     const props = (0, system_1.useThemeProps)({
         props: inProps,
         name: PREFIX
     });
     // PROPS
-    const { className, onSuccess = null, TextFieldProps = { variant: 'outlined', fullWidth: true }, ButtonProps = { variant: 'contained' } } = props, rest = __rest(props, ["className", "onSuccess", "TextFieldProps", "ButtonProps"]);
+    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"]);
     // STATE
-    const [email, setEmail] = (0, react_1.useState)('');
-    const [emailError, setEmailError] = (0, react_1.useState)(null);
-    const [username, setUsername] = (0, react_1.useState)('');
-    const [usernameError, setUsernameError] = (0, react_1.useState)(null);
     const [password, setPassword] = (0, react_1.useState)('');
+    const [passwordError, setPasswordError] = (0, react_1.useState)('');
+    const [validationCodeError, setValidationCodeError] = (0, react_1.useState)('');
     const [isSubmitting, setIsSubmitting] = (0, react_1.useState)(false);
+    const [isSucceed, setIsSucceed] = (0, react_1.useState)(false);
     // CONTEXT
     const scUserContext = (0, react_core_1.useSCUser)();
+    const intl = (0, react_intl_1.useIntl)();
     // HANDLERS
+    const handleChange = (event) => {
+        setPassword(event.target.value);
+    };
     const handleSubmit = (event) => {
         event.preventDefault();
         event.stopPropagation();
         setIsSubmitting(true);
-        // TODO: signup API call
-        onSuccess && onSuccess(null);
+        api_services_1.AccountService.reset({ validation_code: validationCode, password })
+            .then((res) => {
+            setIsSucceed(true);
+            onSuccess && onSuccess();
+        })
+            .catch((error) => {
+            const _error = (0, api_services_1.formatHttpError)(error);
+            if (_error.passwordError) {
+                setPasswordError(_error.passwordError.error);
+            }
+            if (_error.validationCodeError) {
+                setValidationCodeError(_error.validationCodeError.error);
+            }
+        })
+            .then(() => setIsSubmitting(false));
         return false;
     };
     if (scUserContext.user !== null) {
@@ -122,12 +139,17 @@ function AccountSignUp(inProps) {
         return null;
     }
     // RENDER
-    return (react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, rest, { onSubmit: handleSubmit }),
-        react_1.default.createElement(EmailTextField_1.default, Object.assign({ className: classes.email, label: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.accountSignup.email.label", defaultMessage: "ui.accountSignup.email.label" }) }, TextFieldProps, { error: Boolean(emailError), helperText: emailError, value: email, onChange: (event) => setEmail(event.target.value) })),
-        react_1.default.createElement(UsernameTextField_1.default, Object.assign({ className: classes.username, label: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.accountSignup.username.label", defaultMessage: "ui.accountSignup.username.label" }) }, TextFieldProps, { error: Boolean(usernameError), helperText: usernameError, value: username, onChange: (event) => setUsername(event.target.value) })),
-        react_1.default.createElement(PasswordTextField_1.default, Object.assign({ className: classes.password, label: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.accountSignup.password.label", defaultMessage: "ui.accountSignup.password.label" }) }, TextFieldProps, { value: password, onChange: (event) => setPassword(event.target.value) })),
-        react_1.default.createElement(material_1.Button, Object.assign({ type: "submit" }, ButtonProps, { disabled: !email || !username || !password || isSubmitting }),
-            react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.accountSignup.submit", defaultMessage: "ui.accountSignup.submit" }))));
+    if (isSucceed) {
+        return (react_1.default.createElement(material_1.Typography, null,
+            react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.accountReset.success", defaultMessage: "ui.accountReset.success" })));
+    }
+    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,
+        react_1.default.createElement(material_1.Typography, { className: classes.success }, intl.formatMessage({ id: 'ui.accountReset.success', defaultMessage: 'ui.accountReset.success' })),
+        successAction)) : validationCodeError ? (react_1.default.createElement(material_1.Typography, { className: classes.error },
+        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 },
+        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 })),
+        react_1.default.createElement(material_1.Button, Object.assign({ type: "submit" }, ButtonProps, { disabled: !password || isSubmitting }),
+            react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.accountReset.submit", defaultMessage: "ui.accountReset.submit" }))))));
 }
-exports.default = AccountSignUp;
-//# sourceMappingURL=AccountSignUp.js.map
+exports.default = AccountReset;
+//# sourceMappingURL=AccountReset.js.map

package/lib/cjs/components/AccountReset/AccountReset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccountReset.js","sourceRoot":"","sources":["../../../../src/components/AccountReset/AccountReset.tsx"],"names":[],"mappings":"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"}

package/lib/cjs/components/AccountReset/index.d.ts

@@ -0,0 +1,4 @@
+import AccountReset, { AccountResetProps } from './AccountReset';
+export default AccountReset;
+export { AccountResetProps };
+//# sourceMappingURL=index.d.ts.map

package/lib/cjs/components/AccountReset/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/AccountReset/index.tsx"],"names":[],"mappings":"AAAA,OAAO,YAAY,EAAE,EAAC,iBAAiB,EAAC,MAAM,gBAAgB,CAAC;AAE/D,eAAe,YAAY,CAAC;AAC5B,OAAO,EAAC,iBAAiB,EAAC,CAAC"}

package/lib/cjs/components/{AccountSignUp → AccountReset}/index.js

@@ -3,6 +3,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const AccountSignUp_1 = __importDefault(require("./AccountSignUp"));
-exports.default = AccountSignUp_1.default;
+const AccountReset_1 = __importDefault(require("./AccountReset"));
+exports.default = AccountReset_1.default;
 //# sourceMappingURL=index.js.map

package/lib/cjs/components/AccountReset/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/AccountReset/index.tsx"],"names":[],"mappings":";;;;;AAAA,kEAA+D;AAE/D,kBAAe,sBAAY,CAAC"}

package/lib/cjs/components/AccountVerify/AccountVerify.d.ts

@@ -0,0 +1,53 @@
+import React from 'react';
+export interface AccountVerifyProps {
+    /**
+     * Overrides or extends the styles applied to the component.
+     * @default null
+     */
+    className?: string;
+    /**
+     * Validation code sent by email to the user
+     * @default empty string
+     */
+    validationCode: string;
+    /**
+     * Callback triggered on success sign in
+     * @default null
+     */
+    onSuccess?: () => void;
+    /**
+     * Action component to display after success message
+     * */
+    successAction?: React.ReactNode;
+    /**
+     * Other props
+     */
+    [p: string]: any;
+}
+/**
+ * > API documentation for the Community-JS AccountVerify component. Learn about the available props and the CSS API.
+
+ #### Import
+
+ ```jsx
+ import {AccountVerify} from '@selfcommunity/react-ui';
+ ```
+
+ #### Component Name
+
+ The name `SCAccountVerify` can be used when providing style overrides in the theme.
+
+
+ #### CSS
+
+ |Rule Name|Global class|Description|
+ |---|---|---|
+ |root|.SCAccountVerify-root|Styles applied to the root element.|
+ |success|.SCAccountRecover-success|Styles applied to the success Typography.|
+ |error|.SCAccountRecover-error|Styles applied to the error Typography.|
+
+ *
+ * @param inProps
+ */
+export default function AccountVerify(inProps: AccountVerifyProps): JSX.Element;
+//# sourceMappingURL=AccountVerify.d.ts.map

package/lib/cjs/components/AccountVerify/AccountVerify.d.ts.map

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

package/lib/cjs/components/AccountVerify/AccountVerify.js

@@ -0,0 +1,124 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const styles_1 = require("@mui/material/styles");
+const react_core_1 = require("@selfcommunity/react-core");
+const material_1 = require("@mui/material");
+const classnames_1 = __importDefault(require("classnames"));
+const system_1 = require("@mui/system");
+const api_services_1 = require("@selfcommunity/api-services");
+const react_intl_1 = require("react-intl");
+const PREFIX = 'SCAccountVerify';
+const classes = {
+    root: `${PREFIX}-root`,
+    success: `${PREFIX}-success`,
+    error: `${PREFIX}-error`
+};
+const Root = (0, styles_1.styled)(material_1.Typography, {
+    name: PREFIX,
+    slot: 'Root',
+    overridesResolver: (props, styles) => styles.root
+})(({ theme }) => ({
+    [`&.${classes.root}`]: {
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'center',
+        justifyContent: 'center'
+    }
+}));
+/**
+ * > API documentation for the Community-JS AccountVerify component. Learn about the available props and the CSS API.
+
+ #### Import
+
+ ```jsx
+ import {AccountVerify} from '@selfcommunity/react-ui';
+ ```
+
+ #### Component Name
+
+ The name `SCAccountVerify` can be used when providing style overrides in the theme.
+
+
+ #### CSS
+
+ |Rule Name|Global class|Description|
+ |---|---|---|
+ |root|.SCAccountVerify-root|Styles applied to the root element.|
+ |success|.SCAccountRecover-success|Styles applied to the success Typography.|
+ |error|.SCAccountRecover-error|Styles applied to the error Typography.|
+
+ *
+ * @param inProps
+ */
+function AccountVerify(inProps) {
+    const props = (0, system_1.useThemeProps)({
+        props: inProps,
+        name: PREFIX
+    });
+    // PROPS
+    const { className, onSuccess = null, validationCode, successAction = null } = props, rest = __rest(props, ["className", "onSuccess", "validationCode", "successAction"]);
+    // STATE
+    const [isValidating, setIsValidating] = (0, react_1.useState)(true);
+    const [error, setError] = (0, react_1.useState)(false);
+    // CONTEXT
+    const scUserContext = (0, react_core_1.useSCUser)();
+    // EFFECTS
+    (0, react_1.useEffect)(() => {
+        setIsValidating(true);
+        setError(false);
+        api_services_1.AccountService.verify({ validation_code: validationCode })
+            .then(() => onSuccess && onSuccess())
+            .catch(() => setError(true))
+            .then(() => setIsValidating(false));
+    }, [validationCode]);
+    if (scUserContext.user !== null) {
+        // User already logged in
+        return null;
+    }
+    // RENDER
+    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,
+        react_1.default.createElement(material_1.CircularProgress, null),
+        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,
+        react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.accountVerify.success", defaultMessage: "ui.accountVerify.success" }),
+        successAction))));
+}
+exports.default = AccountVerify;
+//# sourceMappingURL=AccountVerify.js.map

package/lib/cjs/components/AccountVerify/AccountVerify.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccountVerify.js","sourceRoot":"","sources":["../../../../src/components/AccountVerify/AccountVerify.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAiD;AACjD,iDAA4C;AAC5C,0DAAuE;AACvE,4CAA2D;AAC3D,4DAAoC;AACpC,wCAA0C;AAC1C,8DAA2D;AAC3D,2CAA4C;AAE5C,MAAM,MAAM,GAAG,iBAAiB,CAAC;AAEjC,MAAM,OAAO,GAAG;IACd,IAAI,EAAE,GAAG,MAAM,OAAO;IACtB,OAAO,EAAE,GAAG,MAAM,UAAU;IAC5B,KAAK,EAAE,GAAG,MAAM,QAAQ;CACzB,CAAC;AAEF,MAAM,IAAI,GAAG,IAAA,eAAM,EAAC,qBAAU,EAAE;IAC9B,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI;CAClD,CAAC,CAAC,CAAC,EAAC,KAAK,EAAC,EAAE,EAAE,CAAC,CAAC;IACf,CAAC,KAAK,OAAO,CAAC,IAAI,EAAE,CAAC,EAAE;QACrB,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;CACF,CAAC,CAAC,CAAC;AAgCJ;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,SAAwB,aAAa,CAAC,OAA2B;IAC/D,MAAM,KAAK,GAAuB,IAAA,sBAAa,EAAC;QAC9C,KAAK,EAAE,OAAO;QACd,IAAI,EAAE,MAAM;KACb,CAAC,CAAC;IAEH,QAAQ;IACR,MAAM,EAAC,SAAS,EAAE,SAAS,GAAG,IAAI,EAAE,cAAc,EAAE,aAAa,GAAG,IAAI,KAAa,KAAK,EAAb,IAAI,UAAI,KAAK,EAApF,6DAA4E,CAAQ,CAAC;IAE3F,QAAQ;IACR,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAU,IAAI,CAAC,CAAC;IAChE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IAEnD,UAAU;IACV,MAAM,aAAa,GAAsB,IAAA,sBAAS,GAAE,CAAC;IAErD,UAAU;IACV,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,eAAe,CAAC,IAAI,CAAC,CAAC;QACtB,QAAQ,CAAC,KAAK,CAAC,CAAC;QAChB,6BAAc,CAAC,MAAM,CAAC,EAAC,eAAe,EAAE,cAAc,EAAC,CAAC;aACrD,IAAI,CAAC,GAAG,EAAE,CAAC,SAAS,IAAI,SAAS,EAAE,CAAC;aACpC,KAAK,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;aAC3B,IAAI,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,IAAI,aAAa,CAAC,IAAI,KAAK,IAAI,EAAE;QAC/B,yBAAyB;QACzB,OAAO,IAAI,CAAC;KACb;IAED,SAAS;IACT,OAAO,CACL,8BAAC,IAAI,kBAAC,SAAS,EAAE,IAAA,oBAAU,EAAC,OAAO,CAAC,IAAI,EAAE,SAAS,EAAE,EAAC,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,YAAY,IAAI,CAAC,KAAK,EAAC,CAAC,IAAM,IAAI,GACjI,YAAY,CAAC,CAAC,CAAC,CACd;QACE,8BAAC,2BAAgB,OAAG;QACpB,8BAAC,6BAAgB,IAAC,EAAE,EAAC,4BAA4B,EAAC,cAAc,EAAC,4BAA4B,GAAG,CAC/F,CACJ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CACV,8BAAC,6BAAgB,IAAC,EAAE,EAAC,wBAAwB,EAAC,cAAc,EAAC,wBAAwB,GAAG,CACzF,CAAC,CAAC,CAAC,CACF;QACE,8BAAC,6BAAgB,IAAC,EAAE,EAAC,0BAA0B,EAAC,cAAc,EAAC,0BAA0B,GAAG;QAC3F,aAAa,CACb,CACJ,CACI,CACR,CAAC;AACJ,CAAC;AAjDD,gCAiDC"}

package/lib/cjs/components/AccountVerify/index.d.ts

@@ -0,0 +1,4 @@
+import AccountVerify, { AccountVerifyProps } from './AccountVerify';
+export default AccountVerify;
+export { AccountVerifyProps };
+//# sourceMappingURL=index.d.ts.map