@codebit-programando-solucoes/codebit-web-antd 1.1.23 → 1.1.24

package/dist/contexts/CodebitConfigContext.d.ts

@@ -35,7 +35,9 @@ export interface CodebitConfigContextType {
      */
     menuItems: (user?: LoggedUser) => MenuItem[];
     /** Indicates if the user is currently logged in. */
-    isLogged: boolean;
+    isLogged: boolean | null;
+    /** Sets the logged-in state manually. */
+    setIsLogged: React.Dispatch<React.SetStateAction<boolean | null>>;
     /** The current user object, null when not logged in. */
     user: LoggedUser | null;
     /** Logs out the current user and resets session state. */

package/dist/index.cjs

@@ -294,21 +294,23 @@ var __webpack_exports__ = {};
     __webpack_require__.d(__webpack_exports__, {
         TableContainer: ()=>TableContainer,
         CssTokenBridge: ()=>CssTokenBridge,
+        LocalLoginAuthenticationEnum: ()=>LocalLoginAuthenticationEnum,
         LoggedMainContainer: ()=>LoggedMainContainer,
-        Login: ()=>Login,
         CodebitThemeProvider: ()=>CodebitThemeProvider,
+        Login: ()=>Login,
         useErrorModal: ()=>useErrorModal,
+        LocalLoginChangePasswordResult: ()=>LocalLoginChangePasswordResult,
         ErrorRetry: ()=>ErrorRetry,
         CodebitThemeContext: ()=>CodebitThemeContext,
+        ChangePassword: ()=>ChangePassword,
         CodebitConfigContext: ()=>CodebitConfigContext,
-        ListCard: ()=>ListCard,
         ForgotPassword: ()=>ForgotPassword,
+        ListCard: ()=>ListCard,
         LoginContainer: ()=>LoginContainer,
         useErrorMessage: ()=>useErrorMessage,
         LocalLoginRecoveryPasswordResult: ()=>LocalLoginRecoveryPasswordResult,
         FilterContainer: ()=>FilterContainer,
         HandleError: ()=>HandleError,
-        LocalLoginAuthenticationResult: ()=>LocalLoginAuthenticationResult,
         CodebitConfigProvider: ()=>CodebitConfigProvider,
         ThemeToggle: ()=>ThemeToggle
     });
@@ -360,6 +362,7 @@ var __webpack_exports__ = {};
         const contextValue = (0, external_react_.useMemo)(()=>({
                 menuItems,
                 isLogged,
+                setIsLogged,
                 user,
                 logout,
                 version,
@@ -453,7 +456,6 @@ var __webpack_exports__ = {};
                 passwordRequired: 'Por favor, insira sua senha!',
                 separator: 'ou',
                 errorTitle: 'Erro ao autenticar',
-                genericError: 'Ocorreu um erro. Por favor, tente novamente.',
                 invalidPassword: 'A senha está incorreta.',
                 invalidEmailOrPassword: 'O e-mail ou senha estão incorretos.',
                 userDisabled: 'Sua conta foi desativada. Por favor, entre em contato com o suporte.',
@@ -482,7 +484,7 @@ var __webpack_exports__ = {};
                 passwordLowerCase: 'uma letra minúscula',
                 passwordNumbers: 'um número',
                 passwordSpecialChars: 'um caractere especial (!@#$%^&*)',
-                passwordWeak: 'Senha fraca: Deve ter pelo menos {requirements}',
+                passwordWeak: 'Senha fraca: Deve ter pelo menos {{requirements}}',
                 passwordsNotMatch: 'As senhas digitadas não coincidem!',
                 tokenInvalidTitle: 'Token inválido',
                 tokenInvalidOrExpired: 'O token informado é inválido ou está expirado. Inicie o processo de recuperação de senha e tente novamente.',
@@ -505,6 +507,7 @@ var __webpack_exports__ = {};
             Common: {
                 ok: 'Ok',
                 close: 'Fechar',
+                genericError: 'Ocorreu um erro. Por favor, tente novamente.',
                 invalidEmail: 'O e-mail é inválido ou não está registrado.',
                 recaptchaFailed: 'Validação reCAPTCHA falhou. Por favor, tente novamente.'
             }
@@ -583,7 +586,7 @@ var __webpack_exports__ = {};
                 passwordLowerCase: 'a lowercase letter',
                 passwordNumbers: 'a number',
                 passwordSpecialChars: 'a special character (!@#$%^&*)',
-                passwordWeak: 'Weak password: Must have at least {requirements}',
+                passwordWeak: 'Weak password: Must have at least {{requirements}}',
                 passwordsNotMatch: 'The passwords do not match!',
                 tokenInvalidTitle: 'Invalid Token',
                 tokenInvalidOrExpired: 'The provided token is invalid or expired. Start the password recovery process and try again.',
@@ -1286,7 +1289,7 @@ var __webpack_exports__ = {};
         children: external_prop_types_default().node
     };
     const Login_logger = new codebit_web_namespaceObject.Logger('Login');
-    const LocalLoginAuthenticationResult = Object.freeze({
+    const LocalLoginAuthenticationEnum = Object.freeze({
         INVALID_EMAIL: 'INVALID_EMAIL',
         INVALID_PASSWORD: 'INVALID_PASSWORD',
         INVALID_EMAIL_OR_PASSWORD: 'INVALID_EMAIL_OR_PASSWORD',
@@ -1297,6 +1300,7 @@ var __webpack_exports__ = {};
     function Login({ title, oauthCallbackUrl, navigateToForgotPassword, submitAuthenticateLocalUser }) {
         const [localLoading, setLocalLoading] = (0, external_react_.useState)(false);
         const [googleLoading, setGoogleLoading] = (0, external_react_.useState)(false);
+        const { setIsLogged } = (0, external_react_.useContext)(CodebitConfigContext);
         const [form] = external_antd_namespaceObject.Form.useForm();
         const { t } = useCodebitWebAntdTranslation();
         const { modal } = external_antd_namespaceObject.App.useApp();
@@ -1317,9 +1321,10 @@ var __webpack_exports__ = {};
                 const { email, password } = values;
                 const result = await submitAuthenticateLocalUser(email, password, context);
                 switch(result){
-                    case LocalLoginAuthenticationResult.SUCCESS:
+                    case LocalLoginAuthenticationEnum.SUCCESS:
+                        setIsLogged(null);
                         break;
-                    case LocalLoginAuthenticationResult.INVALID_EMAIL:
+                    case LocalLoginAuthenticationEnum.INVALID_EMAIL:
                         form.setFields([
                             {
                                 name: 'email',
@@ -1329,7 +1334,7 @@ var __webpack_exports__ = {};
                             }
                         ]);
                         break;
-                    case LocalLoginAuthenticationResult.INVALID_PASSWORD:
+                    case LocalLoginAuthenticationEnum.INVALID_PASSWORD:
                         form.setFields([
                             {
                                 name: 'password',
@@ -1339,7 +1344,7 @@ var __webpack_exports__ = {};
                             }
                         ]);
                         break;
-                    case LocalLoginAuthenticationResult.INVALID_EMAIL_OR_PASSWORD:
+                    case LocalLoginAuthenticationEnum.INVALID_EMAIL_OR_PASSWORD:
                         form.setFields([
                             {
                                 name: 'email',
@@ -1355,14 +1360,14 @@ var __webpack_exports__ = {};
                             }
                         ]);
                         break;
-                    case LocalLoginAuthenticationResult.RECAPTCHA_VALIDATION_FAIL:
+                    case LocalLoginAuthenticationEnum.RECAPTCHA_VALIDATION_FAIL:
                         modal.error({
                             title: t('Login.authenticationFailed'),
                             content: t('Common.recaptchaFailed'),
                             okText: t('Common.ok')
                         });
                         break;
-                    case LocalLoginAuthenticationResult.USER_DISABLED:
+                    case LocalLoginAuthenticationEnum.USER_DISABLED:
                         modal.error({
                             title: t('Login.authenticationFailed'),
                             content: t('Login.userDisabled'),
@@ -1373,7 +1378,7 @@ var __webpack_exports__ = {};
                         Login_logger.warn('Unhandled authentication result:', result);
                         modal.error({
                             title: t('Login.authenticationFailed'),
-                            content: t('Common.genericError'),
+                            content: result,
                             okText: t('Common.ok')
                         });
                 }
@@ -1401,13 +1406,14 @@ var __webpack_exports__ = {};
                     children: t('LoginContainer.signIn')
                 }),
                 /*#__PURE__*/ (0, jsx_runtime.jsxs)(external_antd_namespaceObject.Space, {
-                    direction: 'vertical',
+                    orientation: 'vertical',
                     size: 'large',
                     style: {
                         width: '100%'
                     },
                     children: [
                         submitAuthenticateLocalUser && /*#__PURE__*/ (0, jsx_runtime.jsxs)(external_antd_namespaceObject.Form, {
+                            form: form,
                             name: 'login-form',
                             layout: 'vertical',
                             onFinish: handleLocalLogin,
@@ -1699,6 +1705,203 @@ var __webpack_exports__ = {};
         navigateToLogin: external_prop_types_default().func,
         submitRecoveryPassword: external_prop_types_default().func.isRequired
     };
+    const ChangePassword_logger = new codebit_web_namespaceObject.Logger('ChangePassword');
+    const LocalLoginChangePasswordResult = Object.freeze({
+        INVALID_TOKEN: 'INVALID_TOKEN',
+        SUCCESS: 'SUCCESS'
+    });
+    const ChangePassword = ({ navigateToLogin, checkToken, submitChangePassword })=>{
+        const navigate = (0, external_react_router_namespaceObject.useNavigate)();
+        const [form] = external_antd_namespaceObject.Form.useForm();
+        const { modal } = external_antd_namespaceObject.App.useApp();
+        const [loading, setLoading] = (0, external_react_.useState)(false);
+        const [checkingToken, setCheckingToken] = (0, external_react_.useState)(true);
+        const { t } = useCodebitWebAntdTranslation();
+        t('');
+        const params = (0, external_react_router_namespaceObject.useParams)();
+        const context = {
+            navigate,
+            params
+        };
+        const handleChangePassword = async (values)=>{
+            try {
+                setLoading(true);
+                const result = await submitChangePassword(values.password, context);
+                switch(result){
+                    case LocalLoginChangePasswordResult.SUCCESS:
+                        modal.success({
+                            title: t('ForgotPassword.title'),
+                            content: t('ChangePassword.passwordChangedSuccess'),
+                            onOk: handleNavigateToLogin,
+                            okText: t('Common.close')
+                        });
+                        break;
+                    case LocalLoginChangePasswordResult.INVALID_TOKEN:
+                        modal.error({
+                            title: t('ForgotPassword.title'),
+                            content: t('ChangePassword.tokenInvalidRecovery'),
+                            onOk: handleNavigateToLogin,
+                            okText: t('Common.close')
+                        });
+                        break;
+                }
+            } catch (error) {
+                ChangePassword_logger.error(error);
+                react_namespaceObject.captureException(error);
+                modal.error({
+                    title: t('ForgotPassword.title'),
+                    content: t('Common.genericError'),
+                    okText: t('Common.ok')
+                });
+            } finally{
+                setLoading(false);
+            }
+        };
+        const handleNavigateToLogin = async ()=>{
+            ChangePassword_logger.debug('Navigate to login.');
+            await navigateToLogin(context);
+        };
+        async function handleCheckToken() {
+            ChangePassword_logger.debug('Processing change password token.');
+            setCheckingToken(false);
+            try {
+                const isValidToken = await checkToken(context);
+                if (!isValidToken) {
+                    const message = t('ChangePassword.tokenInvalidOrExpired');
+                    modal.warning({
+                        title: t('ChangePassword.tokenInvalidTitle'),
+                        content: message,
+                        onOk: handleNavigateToLogin,
+                        okText: t('Common.close')
+                    });
+                }
+            } catch (error) {
+                ChangePassword_logger.error(error);
+                react_namespaceObject.captureException(error);
+                modal.error({
+                    title: t('ChangePassword.title'),
+                    content: t('Common.genericError'),
+                    okText: t('Common.ok')
+                });
+            } finally{
+                setCheckingToken(false);
+            }
+        }
+        (0, external_react_.useEffect)(()=>{
+            setCheckingToken(true);
+            handleCheckToken().then();
+        }, []);
+        return /*#__PURE__*/ (0, jsx_runtime.jsx)(LoginContainer, {
+            title: t('ChangePassword.title'),
+            children: /*#__PURE__*/ (0, jsx_runtime.jsx)(external_antd_namespaceObject.Spin, {
+                spinning: checkingToken,
+                children: /*#__PURE__*/ (0, jsx_runtime.jsxs)(external_antd_namespaceObject.Form, {
+                    form: form,
+                    name: 'change-password-form',
+                    onFinish: handleChangePassword,
+                    initialValues: {
+                        password: '',
+                        confirmPassword: ''
+                    },
+                    style: {
+                        width: '100%'
+                    },
+                    children: [
+                        /*#__PURE__*/ (0, jsx_runtime.jsx)(external_antd_namespaceObject.Typography.Paragraph, {
+                            style: {
+                                textAlign: 'center'
+                            },
+                            children: t('ChangePassword.passwordInstructions')
+                        }),
+                        /*#__PURE__*/ (0, jsx_runtime.jsx)(external_antd_namespaceObject.Form.Item, {
+                            name: 'password',
+                            rules: [
+                                {
+                                    required: true,
+                                    message: t('ChangePassword.passwordRequired')
+                                },
+                                {
+                                    validator: (_, value)=>{
+                                        const strengthChecks = {
+                                            length: value.length >= 8,
+                                            hasUpperCase: /[A-Z]/.test(value),
+                                            hasLowerCase: /[a-z]/.test(value),
+                                            hasNumbers: /\d/.test(value),
+                                            hasSpecialChars: /[!@#$%^&*(),.?":{}|<>]/.test(value)
+                                        };
+                                        const failedChecks = Object.entries(strengthChecks).filter(([, passes])=>!passes).map(([key])=>key);
+                                        if (0 === failedChecks.length) return Promise.resolve();
+                                        const errorMessages = {
+                                            length: t('ChangePassword.passwordLength'),
+                                            hasUpperCase: t('ChangePassword.passwordUpperCase'),
+                                            hasLowerCase: t('ChangePassword.passwordLowerCase'),
+                                            hasNumbers: t('ChangePassword.passwordNumbers'),
+                                            hasSpecialChars: t('ChangePassword.passwordSpecialChars')
+                                        };
+                                        const errorMessage = failedChecks.map((check)=>errorMessages[check]).join(', ');
+                                        return Promise.reject(new Error(t('ChangePassword.passwordWeak', {
+                                            requirements: errorMessage
+                                        })));
+                                    }
+                                }
+                            ],
+                            children: /*#__PURE__*/ (0, jsx_runtime.jsx)(external_antd_namespaceObject.Input.Password, {
+                                prefix: /*#__PURE__*/ (0, jsx_runtime.jsx)(icons_namespaceObject.LockOutlined, {}),
+                                placeholder: t('ChangePassword.newPassword'),
+                                size: 'large'
+                            })
+                        }),
+                        /*#__PURE__*/ (0, jsx_runtime.jsx)(external_antd_namespaceObject.Form.Item, {
+                            name: 'confirmPassword',
+                            rules: [
+                                {
+                                    required: true,
+                                    message: t('ChangePassword.passwordRequired')
+                                },
+                                ({ getFieldValue })=>({
+                                        validator (_, value) {
+                                            if (!value || getFieldValue('password') === value) return Promise.resolve();
+                                            return Promise.reject(new Error(t('ChangePassword.passwordsNotMatch')));
+                                        }
+                                    })
+                            ],
+                            children: /*#__PURE__*/ (0, jsx_runtime.jsx)(external_antd_namespaceObject.Input.Password, {
+                                prefix: /*#__PURE__*/ (0, jsx_runtime.jsx)(icons_namespaceObject.LockOutlined, {}),
+                                placeholder: t('ChangePassword.confirmPassword'),
+                                size: 'large'
+                            })
+                        }),
+                        /*#__PURE__*/ (0, jsx_runtime.jsx)(external_antd_namespaceObject.Form.Item, {
+                            children: /*#__PURE__*/ (0, jsx_runtime.jsx)(external_antd_namespaceObject.Button, {
+                                type: 'primary',
+                                htmlType: 'submit',
+                                size: 'large',
+                                loading: loading,
+                                style: {
+                                    width: '100%'
+                                },
+                                children: t('ChangePassword.submit')
+                            })
+                        }),
+                        /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
+                            style: {
+                                textAlign: 'center'
+                            },
+                            children: /*#__PURE__*/ (0, jsx_runtime.jsx)(external_antd_namespaceObject.Typography.Link, {
+                                onClick: handleNavigateToLogin,
+                                children: t('ChangePassword.backToLogin')
+                            })
+                        })
+                    ]
+                })
+            })
+        });
+    };
+    ChangePassword.propTypes = {
+        navigateToLogin: external_prop_types_default().func.isRequired,
+        checkToken: external_prop_types_default().func.isRequired,
+        submitChangePassword: external_prop_types_default().func.isRequired
+    };
     const useErrorModal_logger = new codebit_web_namespaceObject.Logger('useErrorModal');
     function useErrorModal() {
         const { modal } = external_antd_namespaceObject.App.useApp();
@@ -1727,6 +1930,7 @@ var __webpack_exports__ = {};
         };
     }
 })();
+exports.ChangePassword = __webpack_exports__.ChangePassword;
 exports.CodebitConfigContext = __webpack_exports__.CodebitConfigContext;
 exports.CodebitConfigProvider = __webpack_exports__.CodebitConfigProvider;
 exports.CodebitThemeContext = __webpack_exports__.CodebitThemeContext;
@@ -1737,7 +1941,8 @@ exports.FilterContainer = __webpack_exports__.FilterContainer;
 exports.ForgotPassword = __webpack_exports__.ForgotPassword;
 exports.HandleError = __webpack_exports__.HandleError;
 exports.ListCard = __webpack_exports__.ListCard;
-exports.LocalLoginAuthenticationResult = __webpack_exports__.LocalLoginAuthenticationResult;
+exports.LocalLoginAuthenticationEnum = __webpack_exports__.LocalLoginAuthenticationEnum;
+exports.LocalLoginChangePasswordResult = __webpack_exports__.LocalLoginChangePasswordResult;
 exports.LocalLoginRecoveryPasswordResult = __webpack_exports__.LocalLoginRecoveryPasswordResult;
 exports.LoggedMainContainer = __webpack_exports__.LoggedMainContainer;
 exports.Login = __webpack_exports__.Login;
@@ -1747,6 +1952,7 @@ exports.ThemeToggle = __webpack_exports__.ThemeToggle;
 exports.useErrorMessage = __webpack_exports__.useErrorMessage;
 exports.useErrorModal = __webpack_exports__.useErrorModal;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "ChangePassword",
     "CodebitConfigContext",
     "CodebitConfigProvider",
     "CodebitThemeContext",
@@ -1757,7 +1963,8 @@ for(var __rspack_i in __webpack_exports__)if (-1 === [
     "ForgotPassword",
     "HandleError",
     "ListCard",
-    "LocalLoginAuthenticationResult",
+    "LocalLoginAuthenticationEnum",
+    "LocalLoginChangePasswordResult",
     "LocalLoginRecoveryPasswordResult",
     "LoggedMainContainer",
     "Login",

package/dist/public-pages/Login.d.ts

@@ -1,7 +1,8 @@
 import * as React from 'react';
+import { NavigateFunction } from 'react-router';
 
 /** Enumeration of possible authentication result codes. */
-export enum LocalLoginAuthenticationResult {
+export enum LocalLoginAuthenticationEnum {
     INVALID_EMAIL = 'INVALID_EMAIL',
     INVALID_PASSWORD = 'INVALID_PASSWORD',
     INVALID_EMAIL_OR_PASSWORD = 'INVALID_EMAIL_OR_PASSWORD',
@@ -10,14 +11,19 @@ export enum LocalLoginAuthenticationResult {
     SUCCESS = 'SUCCESS',
 }
 
+/**
+ * Result type for local login authentication.
+ *
+ * It can be either one of the predefined values from {@link LocalLoginAuthenticationEnum} or a custom string message.
+ */
+export type LocalLoginAuthenticationResult =
+    | LocalLoginAuthenticationEnum
+    | string;
+
 /** Context object passed to navigation and authentication callback functions. */
 export interface LocalLoginConfContext {
-    /**
-     * Function to navigate to another route.
-     *
-     * @param path - The path to navigate to.
-     */
-    navigate: (path: string) => void;
+    /** Function to navigate to another route. */
+    navigate: NavigateFunction;
 }
 
 /** Props for the Login component. */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codebit-programando-solucoes/codebit-web-antd",
-  "version": "1.1.23",
+  "version": "1.1.24",
   "main": "./dist/index.cjs",
   "type": "module",
   "types": "./src/index.d.ts",