@alore/auth-react-ui 1.2.0-alpha.14 → 1.2.0-alpha.16

package/dist/cjs/auth/ForgotPassword.d.ts

@@ -0,0 +1,15 @@
+import { Locale } from 'get-dictionary';
+import React from 'react';
+import { AuthInstance } from '../machine/types';
+export interface ForgotPasswordProps {
+    locale?: Locale;
+    authServiceInstance: AuthInstance;
+    forgeId?: string;
+    logoImage?: React.ReactNode;
+    cryptoUtils: {
+        hashUserInfo: (_userInfo: string) => string;
+        generateSecureHash: (_data: string, _salt: string, _keyDerivationFunction: 'argon2d' | 'pbkdf2') => Promise<string>;
+    };
+}
+declare const ForgotPassword: ({ locale, authServiceInstance, forgeId, logoImage, cryptoUtils, }: ForgotPasswordProps) => React.JSX.Element;
+export default ForgotPassword;

package/dist/cjs/auth/ForgotPassword.js

@@ -0,0 +1,263 @@
+"use strict";
+'use client';
+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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+/* eslint-disable @next/next/no-img-element */
+const solid_1 = require("@heroicons/react/20/solid");
+const yup_1 = require("@hookform/resolvers/yup");
+const react_1 = require("@xstate/react");
+const flowbite_react_1 = require("flowbite-react");
+const react_2 = __importStar(require("react"));
+const react_hook_form_1 = require("react-hook-form");
+const tailwind_merge_1 = require("tailwind-merge");
+const yup = __importStar(require("yup"));
+const helpers_1 = require("../components/FormRules/helpers");
+const helpers_2 = require("../helpers");
+const useDictionary_1 = __importDefault(require("../hooks/useDictionary"));
+const utils_1 = require("../utils");
+const InputForm = react_2.default.lazy(() => Promise.resolve().then(() => __importStar(require('../components/InputForm'))));
+const BackButton = react_2.default.lazy(() => Promise.resolve().then(() => __importStar(require('../components/BackButton'))));
+const FormRules = react_2.default.lazy(() => Promise.resolve().then(() => __importStar(require('../components/FormRules'))));
+const envelopIcon = () => react_2.default.createElement(solid_1.EnvelopeIcon, { className: "size-4 text-gray-500" });
+const lockClosedIcon = () => react_2.default.createElement(solid_1.LockClosedIcon, { className: "size-4 text-gray-500" });
+const ForgotPassword = ({ locale = 'pt', authServiceInstance, forgeId, logoImage, cryptoUtils, }) => {
+    const { hashUserInfo, generateSecureHash } = cryptoUtils;
+    const dictionary = (0, useDictionary_1.default)(locale);
+    const forgotPasswordDictionary = dictionary === null || dictionary === void 0 ? void 0 : dictionary.auth.forgotPassword;
+    const [authState, sendAuth] = (0, react_1.useActor)(authServiceInstance);
+    const { error: errorObj, forgotPasswordSession } = authState.context;
+    const displayError = (errorObj === null || errorObj === void 0 ? void 0 : errorObj.message) || '';
+    const hasDisplayError = !!displayError;
+    const emailFormSchema = yup
+        .object({
+        email: yup
+            .string()
+            .required(dictionary === null || dictionary === void 0 ? void 0 : dictionary.formValidation.required)
+            .email(dictionary === null || dictionary === void 0 ? void 0 : dictionary.formValidation.invalidEmail),
+    })
+        .required();
+    const passwordFormSchema = yup
+        .object({
+        password: yup.string().required(dictionary === null || dictionary === void 0 ? void 0 : dictionary.formValidation.required),
+        confirmPassword: yup.string().required(dictionary === null || dictionary === void 0 ? void 0 : dictionary.formValidation.required),
+    })
+        .required();
+    const emailDefaultValues = {
+        email: '',
+    };
+    const { control: emailControl, formState: { errors: emailErrors }, handleSubmit: handleSubmitEmail, getValues: getValuesEmail, } = (0, react_hook_form_1.useForm)({
+        resolver: (0, yup_1.yupResolver)(emailFormSchema),
+        mode: 'onSubmit',
+        reValidateMode: 'onSubmit',
+        defaultValues: emailDefaultValues,
+    });
+    (0, react_hook_form_1.useWatch)({ control: emailControl, name: ['email'] });
+    const passwordDefaultValues = {
+        password: '',
+        confirmPassword: '',
+    };
+    const { control: passwordControl, formState: { errors: passwordErrors, dirtyFields: passwordDirtyFields }, handleSubmit: handleSubmitPassword, getValues: getValuesPassword, } = (0, react_hook_form_1.useForm)({
+        resolver: (0, yup_1.yupResolver)(passwordFormSchema),
+        defaultValues: passwordDefaultValues,
+    });
+    (0, react_hook_form_1.useWatch)({ control: passwordControl, name: ['password'] });
+    (0, react_hook_form_1.useWatch)({ control: passwordControl, name: ['confirmPassword'] });
+    const isLoading = (0, react_2.useMemo)(() => authState.matches('active.forgotPassword.sendingCode') ||
+        authState.matches('active.forgotPassword.savingPassword'), [authState.value]);
+    const onSubmitEmail = (data) => __awaiter(void 0, void 0, void 0, function* () {
+        const { email } = data;
+        sendAuth({
+            type: 'SEND_CODE',
+            payload: {
+                email,
+                locale,
+            },
+        });
+    });
+    const onSubmitPassword = (data) => __awaiter(void 0, void 0, void 0, function* () {
+        const { password } = data;
+        const salt = forgotPasswordSession === null || forgotPasswordSession === void 0 ? void 0 : forgotPasswordSession.salt;
+        const token = forgotPasswordSession === null || forgotPasswordSession === void 0 ? void 0 : forgotPasswordSession.token;
+        const { userAgent } = window.navigator;
+        const device = hashUserInfo(userAgent);
+        if (salt && token) {
+            const secureHashArgon2d = yield generateSecureHash(password, salt, 'argon2d');
+            sendAuth({
+                type: 'CONFIRM_PASSWORD',
+                payload: {
+                    salt,
+                    token,
+                    passwordHash: secureHashArgon2d,
+                    device,
+                },
+            });
+        }
+    });
+    const isPasswordSubmitDisabled = (0, react_2.useMemo)(() => {
+        const passwordValues = getValuesPassword();
+        const userInfoValues = { email: getValuesEmail('email') };
+        let isValid = true;
+        helpers_1.passwordRules.forEach((rule) => {
+            if (!(0, helpers_1.ruleValidation)(rule, passwordValues, userInfoValues)) {
+                isValid = false;
+            }
+        });
+        return !isValid;
+    }, [getValuesPassword(), passwordDirtyFields]);
+    const getAuthError = () => {
+        var _a, _b, _c, _d, _e;
+        let authErrorTitle = (_a = dictionary === null || dictionary === void 0 ? void 0 : dictionary.auth.login) === null || _a === void 0 ? void 0 : _a.somethingWrong;
+        let authErrorDescription = (_b = dictionary === null || dictionary === void 0 ? void 0 : dictionary.auth.login) === null || _b === void 0 ? void 0 : _b.defaultError;
+        // Check for error code first
+        if (errorObj === null || errorObj === void 0 ? void 0 : errorObj.message) {
+            switch (errorObj.message) {
+                case 'INVALID_SESSION':
+                case 'EXPIRED_SESSION':
+                    authErrorTitle = forgotPasswordDictionary === null || forgotPasswordDictionary === void 0 ? void 0 : forgotPasswordDictionary.expiredSessionTitle;
+                    authErrorDescription = forgotPasswordDictionary === null || forgotPasswordDictionary === void 0 ? void 0 : forgotPasswordDictionary.expiredSessionDescription;
+                    return { authErrorTitle, authErrorDescription };
+                case 'EMAIL_NOT_ALLOWED':
+                    authErrorTitle = (_c = dictionary === null || dictionary === void 0 ? void 0 : dictionary.auth) === null || _c === void 0 ? void 0 : _c.emailDomainNotAllowed;
+                    return { authErrorTitle, authErrorDescription };
+                default:
+                    break;
+            }
+        }
+        // Fallback to checking the message string
+        const lower = (_d = displayError.toLowerCase) === null || _d === void 0 ? void 0 : _d.call(displayError);
+        if (displayError === 'EMAIL_NOT_ALLOWED') {
+            authErrorTitle = (_e = dictionary === null || dictionary === void 0 ? void 0 : dictionary.auth) === null || _e === void 0 ? void 0 : _e.emailDomainNotAllowed;
+            return { authErrorTitle, authErrorDescription };
+        }
+        if ((lower === null || lower === void 0 ? void 0 : lower.includes('invalid')) || (lower === null || lower === void 0 ? void 0 : lower.includes('expired'))) {
+            authErrorTitle = forgotPasswordDictionary === null || forgotPasswordDictionary === void 0 ? void 0 : forgotPasswordDictionary.invalidLink;
+            authErrorDescription = forgotPasswordDictionary === null || forgotPasswordDictionary === void 0 ? void 0 : forgotPasswordDictionary.invalidLinkDescription;
+        }
+        return { authErrorTitle, authErrorDescription };
+    };
+    const EmailInputStep = (0, react_2.useMemo)(() => {
+        var _a, _b, _c;
+        const { authErrorTitle, authErrorDescription } = getAuthError();
+        return (react_2.default.createElement("div", { "data-testid": "forgot-password-email-step" },
+            react_2.default.createElement(BackButton, { className: "mb-4", disabled: isLoading, onClick: () => {
+                    sendAuth('BACK');
+                    window.history.replaceState({}, '', window.location.pathname);
+                } }, dictionary === null || dictionary === void 0 ? void 0 : dictionary.back),
+            hasDisplayError ? (react_2.default.createElement("div", { className: "flex flex-col items-center justify-center gap-5" },
+                react_2.default.createElement("img", { src: utils_1.authErrorImage, alt: "error", width: 70 }),
+                react_2.default.createElement("div", { className: "flex flex-col items-center justify-center gap-2" },
+                    react_2.default.createElement("span", { className: "font-poppins text-alr-red text-center text-xl font-bold" }, authErrorTitle),
+                    react_2.default.createElement("span", { className: "text-alr-grey text-center font-medium" }, authErrorDescription),
+                    (errorObj === null || errorObj === void 0 ? void 0 : errorObj.code) && (react_2.default.createElement("span", { className: "mt-1 text-center text-xs text-gray-500" }, `Error code: ${errorObj.code}`))))) : (react_2.default.createElement("div", { className: "flex flex-col items-center" },
+                react_2.default.createElement("span", { className: "font-poppins text-alr-grey mb-5 mt-6 font-bold" }, forgotPasswordDictionary === null || forgotPasswordDictionary === void 0 ? void 0 : forgotPasswordDictionary.resetPassword),
+                react_2.default.createElement("span", { className: "text-alr-grey mb-3 text-center font-medium" }, forgotPasswordDictionary === null || forgotPasswordDictionary === void 0 ? void 0 : forgotPasswordDictionary.resetPasswordDescription))),
+            react_2.default.createElement("div", { className: "mt-4 flex flex-col gap-y-5" },
+                react_2.default.createElement("form", { className: "flex flex-col gap-y-5", onSubmit: handleSubmitEmail((data) => onSubmitEmail(data)) },
+                    react_2.default.createElement(InputForm, { className: "my-1", control: emailControl, errors: emailErrors, name: "email", type: "text", placeholder: (_a = dictionary === null || dictionary === void 0 ? void 0 : dictionary.auth.login) === null || _a === void 0 ? void 0 : _a.enterEmail, "data-testid": "forgot-password-email-input", icon: envelopIcon, autoFocus: true }),
+                    react_2.default.createElement(flowbite_react_1.Button, { type: "submit", "data-testid": "forgot-password-send-button", disabled: (0, helpers_2.verifyEmptyValues)(getValuesEmail('email')) },
+                        isLoading && react_2.default.createElement(flowbite_react_1.Spinner, { className: "mr-3 !h-5 w-full !fill-gray-300" }), forgotPasswordDictionary === null || forgotPasswordDictionary === void 0 ? void 0 :
+                        forgotPasswordDictionary.sendCode)),
+                react_2.default.createElement("div", { className: "h-[0.5px] w-full bg-gray-300" }),
+                react_2.default.createElement("span", { className: "text-center text-sm font-medium" }, (_b = dictionary === null || dictionary === void 0 ? void 0 : dictionary.auth.login) === null || _b === void 0 ? void 0 :
+                    _b.dontHaveAccount,
+                    react_2.default.createElement("div", { "data-testid": "sign-up-button", className: "cursor-pointer text-[var(--primary-color)] hover:text-[var(--primary-hover)]", onClick: () => {
+                            sendAuth(['RESET', { type: 'INITIALIZE', forgeId }, 'SIGN_UP']);
+                        } }, (_c = dictionary === null || dictionary === void 0 ? void 0 : dictionary.auth.login) === null || _c === void 0 ? void 0 : _c.signUp)))));
+    }, [getValuesEmail(), emailErrors, emailControl, isLoading, displayError]);
+    const EmailSentStep = (0, react_2.useMemo)(() => (react_2.default.createElement("div", { "data-testid": "forgot-password-email-sent-step" },
+        react_2.default.createElement(BackButton, { className: "mb-4", disabled: isLoading, onClick: () => {
+                sendAuth('BACK');
+                window.history.replaceState({}, '', window.location.pathname);
+            } }, dictionary === null || dictionary === void 0 ? void 0 : dictionary.back),
+        react_2.default.createElement("div", { className: "flex flex-col items-center justify-center" },
+            react_2.default.createElement("span", { className: "font-poppins text-alr-grey mb-5 mt-14 text-center text-xl font-bold" }, forgotPasswordDictionary === null || forgotPasswordDictionary === void 0 ? void 0 : forgotPasswordDictionary.emailSentTitle),
+            react_2.default.createElement("span", { className: "text-alr-grey mb-6 w-full text-center font-medium" }, forgotPasswordDictionary === null || forgotPasswordDictionary === void 0 ? void 0 : forgotPasswordDictionary.emailSentDescription),
+            react_2.default.createElement(flowbite_react_1.Button, { className: "flex w-full items-center justify-center", onClick: () => {
+                    sendAuth('BACK');
+                    window.history.replaceState({}, '', window.location.pathname);
+                }, "data-testid": "back-to-login-button" }, forgotPasswordDictionary === null || forgotPasswordDictionary === void 0 ? void 0 : forgotPasswordDictionary.backToLogin)))), [forgotPasswordDictionary]);
+    const NewPasswordStep = (0, react_2.useMemo)(() => {
+        const { authErrorTitle, authErrorDescription } = getAuthError();
+        return (react_2.default.createElement("div", { "data-testid": "forgot-password-new-password-step" },
+            react_2.default.createElement(BackButton, { className: "mb-4", disabled: isLoading, onClick: () => sendAuth('BACK') }, dictionary === null || dictionary === void 0 ? void 0 : dictionary.back),
+            hasDisplayError && (react_2.default.createElement("div", { className: "mb-4 flex flex-col items-center justify-center gap-2" },
+                react_2.default.createElement("img", { src: utils_1.authErrorImage, alt: "error", width: 70 }),
+                react_2.default.createElement("span", { className: "font-poppins text-alr-red text-center text-xl font-bold" }, authErrorTitle),
+                react_2.default.createElement("span", { className: "text-alr-grey text-center font-medium" }, authErrorDescription),
+                (errorObj === null || errorObj === void 0 ? void 0 : errorObj.code) && (react_2.default.createElement("span", { className: "text-center text-xs text-gray-500" }, `Error code: ${errorObj.code}`)))),
+            react_2.default.createElement("div", { className: "flex w-full flex-col" },
+                react_2.default.createElement("span", { className: "font-poppins text-alr-grey mb-5 text-center text-xl font-bold" }, forgotPasswordDictionary === null || forgotPasswordDictionary === void 0 ? void 0 : forgotPasswordDictionary.newPasswordTitle),
+                react_2.default.createElement("span", { className: "text-alr-grey mb-5 text-center text-sm font-medium" }, forgotPasswordDictionary === null || forgotPasswordDictionary === void 0 ? void 0 : forgotPasswordDictionary.newPasswordDescription),
+                react_2.default.createElement("form", { onSubmit: handleSubmitPassword((data) => onSubmitPassword(data)), className: "flex flex-col gap-y-4" },
+                    react_2.default.createElement(InputForm, { control: passwordControl, errors: passwordErrors, name: "password", autoFocus: true, icon: lockClosedIcon, placeholder: forgotPasswordDictionary === null || forgotPasswordDictionary === void 0 ? void 0 : forgotPasswordDictionary.passwordLabel, label: forgotPasswordDictionary === null || forgotPasswordDictionary === void 0 ? void 0 : forgotPasswordDictionary.passwordLabel, type: "password", "data-testid": "forgot-password-password-input", disabled: isLoading }),
+                    react_2.default.createElement(InputForm, { control: passwordControl, errors: passwordErrors, name: "confirmPassword", placeholder: forgotPasswordDictionary === null || forgotPasswordDictionary === void 0 ? void 0 : forgotPasswordDictionary.confirmPasswordLabel, label: forgotPasswordDictionary === null || forgotPasswordDictionary === void 0 ? void 0 : forgotPasswordDictionary.confirmPasswordLabel, icon: lockClosedIcon, type: "password", "data-testid": "forgot-password-confirm-password-input", disabled: isLoading }),
+                    react_2.default.createElement(FormRules, { locale: locale, className: "!gap-y-1 md:!gap-y-2", passwordValues: getValuesPassword(), userValues: { email: getValuesEmail('email') } }),
+                    react_2.default.createElement(flowbite_react_1.Button, { "data-testid": "forgot-password-submit-button", type: "submit", disabled: isPasswordSubmitDisabled || isLoading },
+                        isLoading && react_2.default.createElement(flowbite_react_1.Spinner, { className: "mr-3 !h-5 w-full !fill-gray-300" }), forgotPasswordDictionary === null || forgotPasswordDictionary === void 0 ? void 0 :
+                        forgotPasswordDictionary.confirmButton)))));
+    }, [
+        isPasswordSubmitDisabled,
+        passwordControl,
+        passwordErrors,
+        getValuesPassword(),
+        passwordDirtyFields,
+        isLoading,
+        displayError,
+    ]);
+    const SuccessStep = (0, react_2.useMemo)(() => (react_2.default.createElement("div", { "data-testid": "forgot-password-success-step", className: "flex flex-col items-center justify-center" },
+        react_2.default.createElement("span", { className: "font-poppins text-alr-grey mb-5 mt-14 text-center text-2xl font-semibold" }, forgotPasswordDictionary === null || forgotPasswordDictionary === void 0 ? void 0 : forgotPasswordDictionary.successTitle),
+        react_2.default.createElement("span", { className: "text-alr-grey mb-6 w-full text-center font-medium" }, forgotPasswordDictionary === null || forgotPasswordDictionary === void 0 ? void 0 : forgotPasswordDictionary.successDescription),
+        react_2.default.createElement(flowbite_react_1.Button, { className: "flex w-full items-center justify-center", onClick: () => {
+                sendAuth('BACK');
+                window.history.replaceState({}, '', window.location.pathname);
+            }, "data-testid": "back-to-login-success-button" }, forgotPasswordDictionary === null || forgotPasswordDictionary === void 0 ? void 0 : forgotPasswordDictionary.backToLogin))), [forgotPasswordDictionary]);
+    return (react_2.default.createElement("div", { className: "flex size-full min-h-screen flex-col items-center justify-center gap-y-2 sm:gap-y-7", "data-testid": "forgot-password-page" },
+        forgeId ? (react_2.default.createElement("div", { className: "flex flex-col" },
+            react_2.default.createElement("span", { className: "font-poppins text-alr-grey text-center text-2xl font-black" }, "Tardezinha com Thiaguinho"),
+            react_2.default.createElement("div", { className: "flex w-full flex-row items-center justify-center gap-2" },
+                react_2.default.createElement("span", { className: "font-inter text-sm font-medium text-gray-900" }, dictionary === null || dictionary === void 0 ? void 0 : dictionary.auth.poweredBy),
+                react_2.default.createElement("img", { src: utils_1.aloreLogoBlack, alt: "alore logo", width: "60" })))) : (logoImage || (react_2.default.createElement("img", { src: utils_1.aloreLogoBlack, alt: "alore logo", width: 201 }))),
+        react_2.default.createElement(flowbite_react_1.Card, { className: (0, tailwind_merge_1.twMerge)(`md:child:!px-9 mx-5 flex min-w-[20rem] !rounded-2xl border-gray-200 px-2 py-4 md:mx-7 md:w-96`, isLoading ? 'pointer-events-none opacity-50' : '') }, isLoading ? (react_2.default.createElement(flowbite_react_1.Spinner, { className: "my-20 !h-14 w-full !fill-[var(--primary-color)]" })) : (react_2.default.createElement(react_2.default.Fragment, null,
+            authState.matches('active.forgotPassword.idle') && EmailInputStep,
+            authState.matches('active.forgotPassword.codeSent') && EmailSentStep,
+            (authState.matches('active.forgotPassword.newPassword') ||
+                authState.matches('active.forgotPassword.savingPassword')) &&
+                NewPasswordStep,
+            authState.matches('active.forgotPassword.passwordSaved') && SuccessStep)))));
+};
+exports.default = ForgotPassword;
+//# sourceMappingURL=ForgotPassword.js.map

package/dist/cjs/auth/ForgotPassword.js.map

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

package/dist/cjs/auth/Login.d.ts

@@ -11,6 +11,24 @@ export interface LoginProps {
         hashUserInfo: (_userInfo: string) => string;
         generateSecureHash: (_data: string, _salt: string, _keyDerivationFunction: 'argon2d' | 'pbkdf2') => Promise<string>;
     };
+    customStyles?: {
+        borderRadius?: string;
+        borderWidth?: string;
+        borderColor?: string;
+        backgroundColor?: string;
+        padding?: string;
+        boxShadow?: string;
+    };
+    title?: string;
+    titleClassName?: string;
+    loginTitle?: string;
+    loginTitleClassName?: string;
+    emailInputLabel?: string;
+    inputClassName?: string;
+    contentAlignment?: 'left' | 'center' | 'right';
+    customClassName?: string;
+    titleSpacing?: string;
+    logoContainerClassName?: string;
 }
-declare const Login: ({ locale, authServiceInstance, forgeId, logoImage, keyshareWorker, cryptoUtils, }: LoginProps) => React.JSX.Element | null;
+declare const Login: ({ locale, authServiceInstance, forgeId, logoImage, keyshareWorker, cryptoUtils, customStyles, title, titleClassName, loginTitle, loginTitleClassName, emailInputLabel, inputClassName, contentAlignment, customClassName, titleSpacing, logoContainerClassName, }: LoginProps) => React.JSX.Element | null;
 export default Login;

package/dist/cjs/auth/Login.js

@@ -59,7 +59,7 @@ const lockClosedIcon = () => react_2.default.createElement(solid_1.LockClosedIco
 const HARDWARE = 1;
 const SOFTWARE = 2;
 const ABORT_CONDITIONAL_UI = 'abort-conditional-ui';
-const Login = ({ locale = 'pt', authServiceInstance, forgeId, logoImage, keyshareWorker, cryptoUtils, }) => {
+const Login = ({ locale = 'pt', authServiceInstance, forgeId, logoImage, keyshareWorker, cryptoUtils, customStyles, title, titleClassName, loginTitle, loginTitleClassName, emailInputLabel, inputClassName, contentAlignment = 'center', customClassName, titleSpacing = 'gap-y-2 sm:gap-y-7', logoContainerClassName, }) => {
     const { hashUserInfo, generateSecureHash } = cryptoUtils;
     const dictionary = (0, useDictionary_1.default)(locale);
     const loginDictionary = dictionary === null || dictionary === void 0 ? void 0 : dictionary.auth.login;
@@ -591,12 +591,13 @@ const Login = ({ locale = 'pt', authServiceInstance, forgeId, logoImage, keyshar
                 (displayError === null || displayError === void 0 ? void 0 : displayError.includes('beta')) ? (react_2.default.createElement("span", { className: "font-poppins text-alr-red text-center text-xl font-bold" }, displayError)) : (react_2.default.createElement(react_2.default.Fragment, null,
                     react_2.default.createElement("span", { className: "font-poppins text-alr-red text-center text-xl font-bold" }, authErrorTitle),
                     react_2.default.createElement("span", { className: "text-alr-grey text-center font-medium" }, authErrorDescription),
-                    (errorObj === null || errorObj === void 0 ? void 0 : errorObj.code) && (react_2.default.createElement("span", { className: "mt-1 text-center text-xs text-gray-500" }, `Error code: ${errorObj.code}`)))))) : (react_2.default.createElement("h1", { className: "font-inter text-center text-xl font-bold text-gray-700" }, forgeId ? loginDictionary === null || loginDictionary === void 0 ? void 0 : loginDictionary.forgeLogin : loginDictionary === null || loginDictionary === void 0 ? void 0 : loginDictionary.loginAccount)),
+                    (errorObj === null || errorObj === void 0 ? void 0 : errorObj.code) && (react_2.default.createElement("span", { className: "mt-1 text-center text-xs text-gray-500" }, `Error code: ${errorObj.code}`)))))) : (react_2.default.createElement("h1", { className: loginTitleClassName || 'font-inter text-center text-xl font-bold text-gray-700' }, loginTitle || (forgeId ? loginDictionary === null || loginDictionary === void 0 ? void 0 : loginDictionary.forgeLogin : loginDictionary === null || loginDictionary === void 0 ? void 0 : loginDictionary.loginAccount))),
             react_2.default.createElement("div", { className: "mt-4 flex flex-col gap-y-5" },
                 !onlyPasskeyLogin && requireEmailVerification && (react_2.default.createElement("form", { className: "flex flex-col gap-y-5", onSubmit: handleSubmitEmail((data) => onSubmitEmail(data)) },
-                    react_2.default.createElement(InputForm, { className: "my-1", control: emailControl, errors: emailErrors, name: "email", type: "text", placeholder: loginDictionary === null || loginDictionary === void 0 ? void 0 : loginDictionary.enterEmail, "data-testid": "login-email-input", icon: envelopIcon, autoComplete: authAbortController && isConditionalMediationAvailable
+                    react_2.default.createElement(InputForm, { className: "my-1", inputClassName: inputClassName, control: emailControl, errors: emailErrors, name: "email", type: "text", placeholder: emailInputLabel || (loginDictionary === null || loginDictionary === void 0 ? void 0 : loginDictionary.enterEmail), "data-testid": "login-email-input", icon: envelopIcon, autoComplete: authAbortController && isConditionalMediationAvailable
                             ? 'username webauthn'
                             : undefined, autoFocus: true }),
+                    react_2.default.createElement("span", { onClick: () => sendAuth('FORGOT_PASSWORD'), className: "cursor-pointer text-xs font-medium text-[var(--primary-color)] hover:text-[var(--primary-hover)]" }, "Forgot your password?"),
                     react_2.default.createElement(flowbite_react_1.Button, { type: "submit", "data-testid": "login-button", disabled: (0, helpers_1.verifyEmptyValues)(getValuesEmail('email')) },
                         isLoading && react_2.default.createElement(flowbite_react_1.Spinner, { className: "mr-3 !h-5 w-full !fill-gray-300" }),
                         onlyPasskeyLogin ? loginDictionary === null || loginDictionary === void 0 ? void 0 : loginDictionary.passkeyLogin : loginDictionary === null || loginDictionary === void 0 ? void 0 : loginDictionary.login))),
@@ -624,7 +625,33 @@ const Login = ({ locale = 'pt', authServiceInstance, forgeId, logoImage, keyshar
                     react_2.default.createElement("div", { "data-testid": "sign-up-button", className: "cursor-pointer text-[var(--primary-color)] hover:text-[var(--primary-hover)]", onClick: () => {
                             sendAuth(['RESET', { type: 'INITIALIZE', forgeId }, 'SIGN_UP']);
                         } }, loginDictionary === null || loginDictionary === void 0 ? void 0 : loginDictionary.signUp)))));
-    }, [getValuesEmail(), isLoginSubmitDisabled, emailErrors, emailControl, isLoading, displayError]);
+    }, [
+        getValuesEmail,
+        emailErrors,
+        emailControl,
+        isLoading,
+        displayError,
+        loginTitleClassName,
+        loginTitle,
+        inputClassName,
+        emailInputLabel,
+        forgeId,
+        loginDictionary,
+        authAbortController,
+        isConditionalMediationAvailable,
+        sendAuth,
+        socialProviders,
+        dictionary,
+        handleSubmitEmail,
+        onSubmitEmail,
+        handlePasskeyButton,
+        handleGoogleLogin,
+        handleMicrosoftLogin,
+        onlyPasskeyLogin,
+        requireEmailVerification,
+        errorObj,
+        hasDisplayError,
+    ]);
     const SelectLoginMethod = (0, react_2.useMemo)(() => {
         const { authErrorTitle, authErrorDescription } = getAuthError();
         return (react_2.default.createElement("div", null,
@@ -662,8 +689,9 @@ const Login = ({ locale = 'pt', authServiceInstance, forgeId, logoImage, keyshar
                     react_2.default.createElement("span", { className: "text-alr-grey text-center font-medium" }, authErrorDescription),
                     (errorObj === null || errorObj === void 0 ? void 0 : errorObj.code) && (react_2.default.createElement("span", { className: "text-center text-xs text-gray-500" }, `Error code: ${errorObj.code}`))))),
             react_2.default.createElement("form", { onSubmit: handleSubmitPassword((data) => onSubmitLogin(data)), className: "flex flex-col gap-y-5", "data-testid": "login-password-step" },
-                react_2.default.createElement(InputForm, { control: passwordControl, errors: passwordErrors, name: "password", placeholder: loginDictionary === null || loginDictionary === void 0 ? void 0 : loginDictionary.enterPassword, icon: lockClosedIcon, type: "password", label: dictionary === null || dictionary === void 0 ? void 0 : dictionary.password, "data-testid": "login-password" }),
-                react_2.default.createElement(flowbite_react_1.Button, { type: "submit", "data-testid": "login-submit", disabled: (0, helpers_1.verifyEmptyValues)(getValuesPassword('password')) },
+                react_2.default.createElement(InputForm, { inputClassName: inputClassName, control: passwordControl, errors: passwordErrors, name: "password", placeholder: loginDictionary === null || loginDictionary === void 0 ? void 0 : loginDictionary.enterPassword, icon: lockClosedIcon, type: "password", label: dictionary === null || dictionary === void 0 ? void 0 : dictionary.password, "data-testid": "login-password" }),
+                react_2.default.createElement("span", { onClick: () => sendAuth('FORGOT_PASSWORD'), className: "cursor-pointer text-xs font-medium text-[var(--primary-color)] hover:text-[var(--primary-hover)]" }, "Forgot your password?"),
+                react_2.default.createElement(flowbite_react_1.Button, { type: "submit", "data-testid": "login-submit", disabled: isLoginSubmitDisabled },
                     isLoading && react_2.default.createElement(flowbite_react_1.Spinner, { className: "mr-3 !h-5 w-full !fill-gray-300" }), loginDictionary === null || loginDictionary === void 0 ? void 0 :
                     loginDictionary.login),
                 react_2.default.createElement("span", { className: "text-center text-sm font-medium" }, loginDictionary === null || loginDictionary === void 0 ? void 0 :
@@ -672,12 +700,24 @@ const Login = ({ locale = 'pt', authServiceInstance, forgeId, logoImage, keyshar
                             sendAuth(['RESET', { type: 'INITIALIZE', forgeId }, 'SIGN_UP']);
                         } }, loginDictionary === null || loginDictionary === void 0 ? void 0 : loginDictionary.signUp)))));
     }, [
-        getValuesPassword(),
-        isLoginSubmitDisabled,
+        getValuesPassword,
+        getValuesEmail,
+        googleUser === null || googleUser === void 0 ? void 0 : googleUser.email,
+        credentialEmail,
         passwordErrors,
         passwordControl,
         isLoading,
         displayError,
+        hasDisplayError,
+        errorObj,
+        inputClassName,
+        loginDictionary,
+        dictionary,
+        sendAuth,
+        handleSubmitPassword,
+        onSubmitLogin,
+        forgeId,
+        isLoginSubmitDisabled,
     ]);
     const VerifyEmail = (0, react_2.useMemo)(() => (react_2.default.createElement("div", { "data-testid": "login-verify-email-step" },
         react_2.default.createElement(BackButton, { className: "mb-4", disabled: isLoading, onClick: () => sendAuth('BACK') }, dictionary === null || dictionary === void 0 ? void 0 : dictionary.back),
@@ -738,15 +778,45 @@ const Login = ({ locale = 'pt', authServiceInstance, forgeId, logoImage, keyshar
             react_2.default.createElement("span", { onClick: () => resendSecureCode(), className: (0, tailwind_merge_1.twMerge)(`text-base font-medium duration-300`, sendEmailCooldown > 0
                     ? 'pointer-events-none opacity-50'
                     : 'hover:text-alr-red cursor-pointer opacity-100') }, `${loginDictionary === null || loginDictionary === void 0 ? void 0 : loginDictionary.resendCode}${sendEmailCooldown ? ` (${sendEmailCooldown}s)` : ''}`)))), [secureCodeEmail, sendEmailCooldown, isLoading, newDeviceInfo, displayError]);
+    // Create custom styles object for the Card component
+    const cardCustomStyles = (0, react_2.useMemo)(() => {
+        if (!customStyles)
+            return {};
+        const styles = {};
+        if (customStyles.borderRadius)
+            styles.borderRadius = customStyles.borderRadius;
+        if (customStyles.borderWidth)
+            styles.borderWidth = customStyles.borderWidth;
+        if (customStyles.borderColor)
+            styles.borderColor = customStyles.borderColor;
+        if (customStyles.backgroundColor)
+            styles.backgroundColor = customStyles.backgroundColor;
+        if (customStyles.padding)
+            styles.padding = customStyles.padding;
+        if (customStyles.boxShadow)
+            styles.boxShadow = customStyles.boxShadow;
+        return styles;
+    }, [customStyles]);
+    // Get alignment classes based on contentAlignment prop
+    const getAlignmentClasses = (0, react_2.useMemo)(() => {
+        const alignmentMap = {
+            left: 'items-start text-left',
+            center: 'items-center text-center',
+            right: 'items-end text-right',
+        };
+        return alignmentMap[contentAlignment];
+    }, [contentAlignment]);
     if (authState.matches('active.login.successfulLogin'))
         return null;
-    return (react_2.default.createElement("div", { className: "flex size-full min-h-screen flex-col items-center justify-center gap-y-2 sm:gap-y-7", "data-testid": "login-page" },
+    return (react_2.default.createElement("div", { className: `flex size-full min-h-screen flex-col items-center justify-center ${titleSpacing}`, "data-testid": "login-page" },
         forgeId ? (react_2.default.createElement("div", { className: "flex flex-col" },
             react_2.default.createElement("span", { className: "font-poppins text-alr-grey text-center text-2xl font-black" }, "Tardezinha com Thiaguinho"),
             react_2.default.createElement("div", { className: "flex w-full flex-row items-center justify-center gap-2" },
                 react_2.default.createElement("span", { className: "font-inter text-sm font-medium text-gray-900" }, dictionary === null || dictionary === void 0 ? void 0 : dictionary.auth.poweredBy),
-                react_2.default.createElement("img", { src: utils_1.aloreLogoBlack, alt: "alore logo", width: "60" })))) : (logoImage || (react_2.default.createElement("img", { src: utils_1.aloreLogoBlack, alt: "alore logo", width: authState.matches('active.login.newDevice') ? 153 : 201 }))),
-        react_2.default.createElement(flowbite_react_1.Card, { className: (0, tailwind_merge_1.twMerge)(`md:child:!px-9 mx-5 flex min-w-[20rem] !rounded-2xl border-gray-200 px-2 py-4 md:mx-7 md:w-96`, isLoading ? 'pointer-events-none opacity-50' : '') }, isLoading ? (react_2.default.createElement(flowbite_react_1.Spinner, { className: "my-20 !h-14 w-full !fill-[var(--primary-color)]" })) : (react_2.default.createElement(react_2.default.Fragment, null,
+                react_2.default.createElement("img", { src: utils_1.aloreLogoBlack, alt: "alore logo", width: "60" })))) : (react_2.default.createElement("div", { className: `mx-5 flex min-w-80 flex-col gap-3 px-6 md:mx-7 md:w-96 ${getAlignmentClasses} ${logoContainerClassName || ''}` },
+            logoImage || (react_2.default.createElement("img", { src: utils_1.aloreLogoBlack, alt: "alore logo", width: authState.matches('active.login.newDevice') ? 153 : 201 })),
+            title && react_2.default.createElement("h2", { className: titleClassName }, title))),
+        react_2.default.createElement(flowbite_react_1.Card, { className: (0, tailwind_merge_1.twMerge)(`md:child:!px-9 mx-5 flex min-w-[20rem] !rounded-2xl border-gray-200 px-2 py-4 md:mx-7 md:w-96`, isLoading ? 'pointer-events-none opacity-50' : '', customClassName), style: cardCustomStyles }, isLoading ? (react_2.default.createElement(flowbite_react_1.Spinner, { className: "my-20 !h-14 w-full !fill-[var(--primary-color)]" })) : (react_2.default.createElement(react_2.default.Fragment, null,
             forgeId && authState.matches('active.web3Connector') && 'TODO',
             (authState.matches('active.login.idle') ||
                 authState.matches('active.login.googleLogin') ||