@memori.ai/memori-react 8.45.6 → 8.46.0

package/dist/components/LoginModal/LoginModal.css

@@ -1,270 +0,0 @@
-/* Login gate modal — content-sized, radii: control 12 / box 20 / modal 28 */
-
-.memori--login-modal.memori-modal,
-.memori--login-modal {
-    --memori-login-modal-radius: var(--memori-radius-overlay, 1.75rem);
-    --memori-login-control-radius: var(--memori-radius-control, 0.75rem);
-    --memori-login-box-radius: var(--memori-radius-surface, 1.25rem);
-}
-
-.memori--login-modal--content,
-.memori--login-modal .memori-modal__popup {
-    max-width: min(420px, calc(100vw - 2rem));
-    padding: 1.5rem 1.5rem 1.25rem;
-    border-radius: var(--memori-login-modal-radius) !important;
-}
-
-.memori--login-modal .memori-modal__content {
-    overflow: visible;
-}
-
-.memori--login-modal--missing.memori--login-modal .memori-modal__popup {
-    display: flex;
-    max-width: min(480px, calc(100vw - 2rem));
-    max-height: min(90vh, 40rem);
-    flex-direction: column;
-}
-
-.memori--login-modal--missing .memori-modal__content {
-    display: flex;
-    overflow: hidden;
-    min-height: 0;
-    max-height: none;
-    flex: 1 1 auto;
-    flex-direction: column;
-}
-
-.memori--login-modal--title,
-.memori--login-modal .memori-modal__title {
-    margin: 0;
-    color: var(--memori-text-color, #1a1a2e);
-    font-size: 1.625rem;
-    font-weight: var(--memori-text-weight-bold, 700);
-    line-height: 1.25;
-    text-align: left;
-}
-
-.memori--login-modal--step {
-    display: flex;
-    flex-direction: column;
-    margin-top: 0.25rem;
-    gap: 1rem;
-}
-
-.memori--login-modal--benefit,
-.memori--login-modal--sent-copy,
-.memori--login-modal--footnote,
-.memori--login-modal--resend {
-    margin: 0;
-    color: color-mix(in oklch, var(--memori-text-color, #1a1a2e), transparent 35%);
-    font-size: 0.9375rem;
-    line-height: 1.45;
-}
-
-.memori--login-modal--footnote,
-.memori--login-modal--resend {
-    font-size: 0.8125rem;
-    text-align: center;
-}
-
-.memori--login-modal--email-row {
-    margin: -0.35rem 0 0;
-    color: var(--memori-text-color, #1a1a2e);
-    font-size: 0.9375rem;
-    line-height: 1.4;
-}
-
-.memori--login-modal--email-value {
-    font-weight: var(--memori-text-weight-bold, 700);
-    overflow-wrap: anywhere;
-}
-
-.memori--login-modal--edit-link {
-    padding: 0;
-    border: none;
-    margin: 0;
-    background: none;
-    color: var(--memori-primary, #6b2d5c);
-    cursor: pointer;
-    font: inherit;
-    font-weight: var(--memori-text-weight-semibold, 600);
-    text-decoration: underline;
-    text-underline-offset: 2px;
-}
-
-.memori--login-modal--edit-link:disabled {
-    cursor: not-allowed;
-    opacity: 0.55;
-}
-
-.memori--login-modal .memori-field.memori--login-modal--field {
-    display: flex;
-    width: calc(100% - 0.75rem);
-    max-width: calc(100% - 0.75rem);
-    box-sizing: border-box;
-    flex-direction: column;
-    margin-right: auto;
-    margin-left: auto;
-    gap: 0.375rem;
-}
-
-.memori--login-modal--email-input,
-.memori--login-modal--form input {
-    width: 100%;
-    box-sizing: border-box;
-    border-radius: var(--memori-login-control-radius) !important;
-}
-
-.memori--login-modal--email-input.error,
-.memori--login-modal--otp-digit.error {
-    border-color: var(--memori-error, #ef4444) !important;
-}
-
-.memori--login-modal .memori-button.memori--login-modal--primary {
-    width: calc(100% - 0.75rem);
-    max-width: calc(100% - 0.75rem);
-    min-height: 2.75rem;
-    box-sizing: border-box;
-    border-radius: var(--memori-login-control-radius) !important;
-    margin-right: auto;
-    margin-left: auto;
-}
-
-.memori--login-modal--otp-fieldset {
-    display: flex;
-    flex-direction: column;
-    padding: 0;
-    border: none;
-    margin: 0;
-    gap: 0.5rem;
-}
-
-.memori--login-modal--otp-label {
-    padding: 0;
-    color: var(--memori-text-color, #1a1a2e);
-    font-size: 0.875rem;
-    font-weight: var(--memori-text-weight-semibold, 600);
-}
-
-.memori--login-modal--otp-digits {
-    display: grid;
-    width: 100%;
-    max-width: 16rem;
-    gap: 0.625rem;
-    grid-template-columns: repeat(4, minmax(0, 1fr));
-}
-
-.memori--login-modal--otp-digit {
-    width: 100%;
-    height: 3.25rem;
-    border-radius: var(--memori-login-box-radius) !important;
-    font-size: 1.375rem;
-    font-weight: var(--memori-text-weight-bold, 700);
-    text-align: center;
-}
-
-.memori--login-modal--otp-digit.active,
-.memori--login-modal--otp-digit:focus {
-    border-color: var(--memori-primary, #6b2d5c) !important;
-    box-shadow: 0 0 0 3px color-mix(in oklch, var(--memori-primary, #6b2d5c), transparent 84%);
-    outline: none;
-}
-
-.memori--login-modal--inline-error {
-    margin: 0;
-    color: var(--memori-error, #b91c1c);
-    font-size: 0.875rem;
-    line-height: 1.35;
-}
-
-.memori--login-modal--missing-data {
-    display: flex;
-    min-height: 0;
-    flex: 1 1 auto;
-    flex-direction: column;
-    gap: 0.75rem;
-}
-
-.memori--login-modal--missing-helper {
-    margin: 0;
-    color: color-mix(in oklch, var(--memori-text-color, #1a1a2e), transparent 30%);
-    font-size: 0.9375rem;
-    line-height: 1.45;
-}
-
-form.memori--login-modal--form {
-    display: flex;
-    flex-direction: column;
-    gap: 0.75rem;
-}
-
-form.memori--login-modal--form--missing {
-    min-height: 0;
-    flex: 1 1 auto;
-    gap: 0;
-}
-
-.memori--login-modal--form-body {
-    display: flex;
-    min-height: 0;
-    flex: 1 1 auto;
-    flex-direction: column;
-    padding: 0.25rem 0.375rem 0.75rem;
-    gap: 0.875rem;
-    -webkit-overflow-scrolling: touch;
-    overflow-x: hidden;
-    overflow-y: auto;
-}
-
-.memori--login-modal--form-footer {
-    flex-shrink: 0;
-    padding: 0.75rem 0.375rem 0.125rem;
-}
-
-.memori--login-modal--consent-block {
-    display: flex;
-    flex-direction: column;
-    gap: 0.75rem;
-}
-
-.memori-login-modal--consent {
-    width: 100%;
-    margin: 0;
-}
-
-.memori--login-modal--consent-note {
-    margin: 0;
-    color: color-mix(in oklch, var(--memori-text-color, #1a1a2e), transparent 35%);
-    font-size: 0.8125rem;
-    line-height: 1.45;
-}
-
-.memori--login-modal--deep-thought {
-    padding: 0.625rem 0.75rem;
-    border-radius: var(--memori-login-box-radius);
-    background: color-mix(in oklch, var(--memori-text-color, #1a1a2e), transparent 96%);
-}
-
-@media (max-width: 480px) {
-    .memori--login-modal--content,
-    .memori--login-modal .memori-modal__popup {
-        padding: 1.25rem 1rem 1rem;
-    }
-
-    .memori--login-modal--title,
-    .memori--login-modal .memori-modal__title {
-        font-size: 1.5rem;
-    }
-
-    .memori--login-modal--otp-digits {
-        max-width: 100%;
-    }
-}
-
-@media (prefers-reduced-motion: reduce) {
-    .memori--login-modal * {
-        animation-duration: 0.01ms !important;
-        animation-iteration-count: 1 !important;
-        transition-duration: 0.01ms !important;
-    }
-}

package/dist/components/LoginModal/LoginModal.d.ts

@@ -1,19 +0,0 @@
-import { User, Tenant } from '@memori.ai/memori-api-client/dist/types';
-import memoriApiClient from '@memori.ai/memori-api-client';
-export interface Props {
-    open?: boolean;
-    onClose: () => void;
-    user?: User;
-    loginToken?: string;
-    onLogin: (user: User, token: string) => void;
-    onLogout: () => void;
-    tenant: Tenant;
-    apiClient: ReturnType<typeof memoriApiClient>;
-    __TEST__signup?: boolean;
-    __TEST__needMissingData?: boolean;
-    setUser: (user: User) => void;
-    modalClassName?: string;
-    memoriName?: string;
-}
-declare const LoginModal: ({ open, onClose, onLogin, user, loginToken: _loginToken, setUser, tenant, apiClient, __TEST__signup: _signup, __TEST__needMissingData, modalClassName, memoriName, onLogout: _onLogout, }: Props) => JSX.Element;
-export default LoginModal;

package/dist/components/LoginModal/LoginModal.js

@@ -1,355 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const ui_1 = require("@memori.ai/ui");
-const react_i18next_1 = require("react-i18next");
-const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const error_1 = require("../../helpers/error");
-const utils_1 = require("../../helpers/utils");
-const LoginModal = ({ open = false, onClose, onLogin, user, loginToken: _loginToken, setUser, tenant, apiClient, __TEST__signup: _signup = false, __TEST__needMissingData = false, modalClassName, memoriName, onLogout: _onLogout, }) => {
-    var _a;
-    const { t, i18n } = (0, react_i18next_1.useTranslation)();
-    const { add } = (0, ui_1.useAlertManager)();
-    const lang = i18n.language === 'it' ? 'it' : 'en';
-    const { pwlUpdateUser, loginWithOTP, validateOTPCode, pwlGetCurrentUser } = apiClient.backend;
-    const [loading, setLoading] = (0, react_1.useState)(false);
-    const [error, setError] = (0, react_1.useState)(null);
-    const [otpCode, setOtpCode] = (0, react_1.useState)('');
-    const [otpEmail, setOtpEmail] = (0, react_1.useState)('');
-    const [otpError, setOtpError] = (0, react_1.useState)(null);
-    const [showOtpCodeForm, setShowOtpCodeForm] = (0, react_1.useState)(false);
-    const [otpResendCooldown, setOtpResendCooldown] = (0, react_1.useState)(null);
-    const [isResending, setIsResending] = (0, react_1.useState)(false);
-    const [otpFocusedIndex, setOtpFocusedIndex] = (0, react_1.useState)(0);
-    const [birthDate, setBirthDate] = (0, react_1.useState)('');
-    const [isBirthDateFocused, setIsBirthDateFocused] = (0, react_1.useState)(false);
-    const [isMobileViewport, setIsMobileViewport] = (0, react_1.useState)(false);
-    const [tnCAndPPAccepted, setTnCAndPPAccepted] = (0, react_1.useState)(false);
-    const [pAndCUAccepted, setPAndCUAccepted] = (0, react_1.useState)(false);
-    const otpInputRefs = (0, react_1.useRef)([]);
-    const validatingRef = (0, react_1.useRef)(false);
-    const [needsMissingData, setNeedsMissingData] = (0, react_1.useState)(__TEST__needMissingData
-        ? {
-            token: 'token',
-            birthDate: true,
-            tnCAndPPAccepted: true,
-        }
-        : {});
-    (0, react_1.useEffect)(() => {
-        let interval;
-        if (otpResendCooldown != null && otpResendCooldown > 0) {
-            interval = setInterval(() => {
-                setOtpResendCooldown(prev => (prev != null && prev > 0 ? prev - 1 : 0));
-            }, 1000);
-        }
-        return () => {
-            if (interval)
-                clearInterval(interval);
-        };
-    }, [otpResendCooldown]);
-    (0, react_1.useEffect)(() => {
-        if (otpResendCooldown === 0) {
-            setOtpResendCooldown(null);
-        }
-    }, [otpResendCooldown]);
-    (0, react_1.useEffect)(() => {
-        const mediaQuery = window.matchMedia('(max-width: 768px)');
-        const onChange = () => setIsMobileViewport(mediaQuery.matches);
-        onChange();
-        mediaQuery.addEventListener('change', onChange);
-        return () => mediaQuery.removeEventListener('change', onChange);
-    }, []);
-    const sendOtpToEmail = async (email, isResend = false) => {
-        const trimmed = email.trim();
-        if (!trimmed) {
-            setOtpError(t('login.emailRequired'));
-            return;
-        }
-        if (!utils_1.mailRegEx.test(trimmed)) {
-            setOtpError(t('login.emailInvalid'));
-            return;
-        }
-        if (isResend) {
-            setIsResending(true);
-        }
-        else {
-            setLoading(true);
-        }
-        setOtpError(null);
-        try {
-            const response = await loginWithOTP({
-                tenant: tenant.name,
-                eMail: trimmed,
-            });
-            if (response.resultCode === 0) {
-                setOtpEmail(trimmed);
-                setShowOtpCodeForm(true);
-                setOtpResendCooldown(60);
-                setOtpCode('');
-                setOtpFocusedIndex(0);
-            }
-            else {
-                setOtpError(response.resultMessage || t('login.otpSendError'));
-            }
-        }
-        catch (err) {
-            console.error('[OTP SEND]', err);
-            setOtpError(t('login.otpSendError'));
-        }
-        finally {
-            setLoading(false);
-            setIsResending(false);
-        }
-    };
-    const validateOtp = async (otp) => {
-        var _a, _b, _c;
-        if (validatingRef.current)
-            return;
-        if (!otp || otp.length !== 4) {
-            setOtpError(t('login.otpInvalidFormat'));
-            return;
-        }
-        if (!otpEmail || otpEmail.trim().length === 0) {
-            setOtpError(t('login.emailRequired'));
-            return;
-        }
-        validatingRef.current = true;
-        setLoading(true);
-        setOtpError(null);
-        try {
-            const response = await validateOTPCode(otp, tenant.name, undefined, otpEmail.trim());
-            if (response.resultCode === 0) {
-                try {
-                    const { user: fetchedUser } = await pwlGetCurrentUser(response.newSessionToken);
-                    if (!fetchedUser.age || !fetchedUser.tnCAndPPAccepted) {
-                        setUser(fetchedUser);
-                        setBirthDate((_a = fetchedUser === null || fetchedUser === void 0 ? void 0 : fetchedUser.birthDate) !== null && _a !== void 0 ? _a : '');
-                        setTnCAndPPAccepted((_b = fetchedUser === null || fetchedUser === void 0 ? void 0 : fetchedUser.tnCAndPPAccepted) !== null && _b !== void 0 ? _b : false);
-                        setPAndCUAccepted((_c = fetchedUser === null || fetchedUser === void 0 ? void 0 : fetchedUser.pAndCUAccepted) !== null && _c !== void 0 ? _c : false);
-                        setNeedsMissingData({
-                            token: response.newSessionToken,
-                            birthDate: !fetchedUser.age,
-                            tnCAndPPAccepted: !fetchedUser.tnCAndPPAccepted,
-                        });
-                        setShowOtpCodeForm(false);
-                        setOtpCode('');
-                    }
-                    else {
-                        setShowOtpCodeForm(false);
-                        setOtpCode('');
-                        setOtpEmail('');
-                        onLogin(fetchedUser, response.newSessionToken);
-                    }
-                }
-                catch (err) {
-                    console.error('[GET USER]', err);
-                    setOtpError(t('login.userFetchError'));
-                }
-            }
-            else if (response.resultCode === -107) {
-                setOtpError(t('login.otpNotFound'));
-            }
-            else if (response.resultCode === -108) {
-                setOtpError(t('login.otpExpired'));
-                setOtpResendCooldown(null);
-            }
-            else if (response.resultCode === -109) {
-                setOtpError(t('login.otpInvalid'));
-                setOtpCode('');
-                setOtpFocusedIndex(0);
-                window.setTimeout(() => {
-                    var _a;
-                    (_a = otpInputRefs.current[0]) === null || _a === void 0 ? void 0 : _a.focus();
-                }, 50);
-            }
-            else if (response.resultCode === -110) {
-                setOtpError(t('login.otpAttemptsExceeded'));
-                setOtpCode('');
-                setOtpResendCooldown(null);
-                setShowOtpCodeForm(false);
-            }
-            else {
-                setOtpError(response.resultMessage || t('login.otpInvalid'));
-            }
-        }
-        catch (err) {
-            console.error('[OTP VALIDATION]', err);
-            setOtpError(t('login.otpError'));
-        }
-        finally {
-            setLoading(false);
-            validatingRef.current = false;
-        }
-    };
-    (0, react_1.useEffect)(() => {
-        if (showOtpCodeForm && !loading) {
-            window.setTimeout(() => {
-                var _a;
-                (_a = otpInputRefs.current[0]) === null || _a === void 0 ? void 0 : _a.focus();
-            }, 50);
-        }
-    }, [showOtpCodeForm, loading]);
-    const handleOtpDigitChange = (index, value) => {
-        var _a, _b;
-        const digits = value.replace(/\D/g, '');
-        const current = otpCode.padEnd(4, ' ').split('');
-        if (!digits.length) {
-            current[index] = ' ';
-            setOtpCode(current.join('').replace(/\s/g, ''));
-            setOtpError(null);
-            return;
-        }
-        if (digits.length > 1) {
-            const next = [...current];
-            digits
-                .slice(0, 4)
-                .split('')
-                .forEach((digit, i) => {
-                if (index + i < 4) {
-                    next[index + i] = digit;
-                }
-            });
-            const nextCode = next.join('').replace(/\s/g, '').slice(0, 4);
-            setOtpCode(nextCode);
-            setOtpError(null);
-            const nextFocus = Math.min(index + digits.length, 3);
-            (_a = otpInputRefs.current[nextFocus]) === null || _a === void 0 ? void 0 : _a.focus();
-            setOtpFocusedIndex(nextFocus);
-            if (nextCode.length === 4 && otpEmail.trim().length > 0) {
-                validateOtp(nextCode);
-            }
-            return;
-        }
-        current[index] = digits[0];
-        const nextCode = current.join('').replace(/\s/g, '').slice(0, 4);
-        setOtpCode(nextCode);
-        setOtpError(null);
-        if (nextCode.length === 4 && otpEmail.trim().length > 0) {
-            validateOtp(nextCode);
-        }
-        if (index < 3) {
-            (_b = otpInputRefs.current[index + 1]) === null || _b === void 0 ? void 0 : _b.focus();
-            setOtpFocusedIndex(index + 1);
-        }
-    };
-    const handleOtpDigitKeyDown = (index, event) => {
-        var _a, _b, _c;
-        if (event.key === 'Backspace' && !otpCode[index] && index > 0) {
-            (_a = otpInputRefs.current[index - 1]) === null || _a === void 0 ? void 0 : _a.focus();
-            setOtpFocusedIndex(index - 1);
-        }
-        if (event.key === 'ArrowLeft' && index > 0) {
-            event.preventDefault();
-            (_b = otpInputRefs.current[index - 1]) === null || _b === void 0 ? void 0 : _b.focus();
-            setOtpFocusedIndex(index - 1);
-        }
-        if (event.key === 'ArrowRight' && index < 3) {
-            event.preventDefault();
-            (_c = otpInputRefs.current[index + 1]) === null || _c === void 0 ? void 0 : _c.focus();
-            setOtpFocusedIndex(index + 1);
-        }
-    };
-    const handleOtpDigitPaste = (index, event) => {
-        var _a;
-        const pasted = event.clipboardData.getData('text');
-        const digits = pasted.replace(/\D/g, '').slice(0, 4);
-        if (!digits.length)
-            return;
-        event.preventDefault();
-        const current = otpCode.padEnd(4, ' ').split('');
-        digits.split('').forEach((digit, i) => {
-            if (index + i < 4) {
-                current[index + i] = digit;
-            }
-        });
-        const nextCode = current.join('').replace(/\s/g, '').slice(0, 4);
-        setOtpCode(nextCode);
-        setOtpError(null);
-        const nextFocus = Math.min(index + digits.length, 3);
-        (_a = otpInputRefs.current[nextFocus]) === null || _a === void 0 ? void 0 : _a.focus();
-        setOtpFocusedIndex(nextFocus);
-        if (nextCode.length === 4 && otpEmail.trim().length > 0) {
-            validateOtp(nextCode);
-        }
-    };
-    const handleEmailChange = (value) => {
-        setOtpEmail(value);
-        setOtpError(null);
-    };
-    const handleResendOtp = () => {
-        if (otpEmail && utils_1.mailRegEx.test(otpEmail)) {
-            sendOtpToEmail(otpEmail, true);
-        }
-    };
-    const goBackToEmail = () => {
-        setShowOtpCodeForm(false);
-        setOtpCode('');
-        setOtpError(null);
-        setOtpResendCooldown(null);
-    };
-    const updateMissingData = async (e) => {
-        e.preventDefault();
-        if (!(user === null || user === void 0 ? void 0 : user.userID) || !(needsMissingData === null || needsMissingData === void 0 ? void 0 : needsMissingData.token)) {
-            setError(t('login.userNotFound'));
-            return;
-        }
-        if (!birthDate || !tnCAndPPAccepted) {
-            setError(t('missingData'));
-            return;
-        }
-        let newUser = {
-            userID: user.userID,
-            birthDate: (user === null || user === void 0 ? void 0 : user.birthDate) || !needsMissingData.birthDate ? undefined : birthDate,
-            tnCAndPPAccepted: tnCAndPPAccepted || (user === null || user === void 0 ? void 0 : user.tnCAndPPAccepted),
-            tnCAndPPAcceptanceDate: tnCAndPPAccepted
-                ? new Date().toISOString()
-                : undefined,
-            pAndCUAccepted: pAndCUAccepted || (user === null || user === void 0 ? void 0 : user.pAndCUAccepted),
-            pAndCUAcceptanceDate: pAndCUAccepted
-                ? new Date().toISOString()
-                : undefined,
-        };
-        const { user: patchedUser, ...resp } = await pwlUpdateUser(needsMissingData.token, user.userID, newUser);
-        if (resp.resultCode !== 0) {
-            console.error(resp);
-            add((0, ui_1.createAlertOptions)({
-                description: t((0, error_1.getErrori18nKey)(resp.resultCode)),
-                severity: 'error',
-            }));
-            setError(resp.resultMessage);
-        }
-        else {
-            onLogin(patchedUser || newUser, needsMissingData.token);
-        }
-    };
-    const agentName = (memoriName === null || memoriName === void 0 ? void 0 : memoriName.trim()) || t('login.defaultAgentName') || 'AI';
-    const loginTitle = t('login.login') || 'Login';
-    const codeComplete = otpCode.length === 4;
-    const isMissingDataStep = !!((_a = needsMissingData === null || needsMissingData === void 0 ? void 0 : needsMissingData.token) === null || _a === void 0 ? void 0 : _a.length);
-    const emailStep = ((0, jsx_runtime_1.jsxs)("div", { className: "memori--login-modal--step", children: [(0, jsx_runtime_1.jsx)("p", { className: "memori--login-modal--benefit", children: t('login.loginBenefitLine1', { memoriName: agentName }) }), (0, jsx_runtime_1.jsxs)(ui_1.Field.Root, { className: "memori--login-modal--field", children: [(0, jsx_runtime_1.jsx)(ui_1.Field.Label, { htmlFor: "otp-email", children: t('login.email') }), (0, jsx_runtime_1.jsx)(ui_1.Input, { id: "otp-email", name: "email", type: "email", size: "lg", className: (0, classnames_1.default)('memori--login-modal--email-input', {
-                            error: !!otpError,
-                        }), value: otpEmail, onChange: e => handleEmailChange(e.target.value), placeholder: t('login.emailPlaceholder') || 'Enter your email…', autoComplete: "email", spellCheck: false, required: true, disabled: loading, "aria-invalid": !!otpError, "aria-describedby": otpError ? 'otp-email-error' : 'email-help' }), otpError ? ((0, jsx_runtime_1.jsx)(ui_1.Field.Error, { id: "otp-email-error", children: otpError })) : ((0, jsx_runtime_1.jsx)("p", { id: "email-help", className: "sr-only", children: t('login.otpEmailDescription') }))] }), (0, jsx_runtime_1.jsx)(ui_1.Button, { variant: "primary", className: "memori--login-modal--primary", onClick: () => sendOtpToEmail(otpEmail), disabled: loading, loading: loading, size: "lg", children: t('login.sendOtp') }), (0, jsx_runtime_1.jsx)("p", { className: "memori--login-modal--footnote", children: t('login.passwordlessHint') })] }));
-    const codeStep = ((0, jsx_runtime_1.jsxs)("div", { className: "memori--login-modal--step", children: [(0, jsx_runtime_1.jsx)("p", { className: "memori--login-modal--sent-copy", children: t('login.otpSentToPrefix') }), (0, jsx_runtime_1.jsxs)("p", { className: "memori--login-modal--email-row", children: [(0, jsx_runtime_1.jsx)("strong", { className: "memori--login-modal--email-value", children: otpEmail }), ' ', (0, jsx_runtime_1.jsx)("button", { type: "button", className: "memori--login-modal--edit-link", onClick: goBackToEmail, disabled: loading, children: t('login.editEmail') })] }), (0, jsx_runtime_1.jsxs)("fieldset", { className: "memori--login-modal--otp-fieldset", "aria-describedby": "otp-help", children: [(0, jsx_runtime_1.jsx)("legend", { className: "memori--login-modal--otp-label", children: t('login.otpCodeShort') }), (0, jsx_runtime_1.jsx)("div", { className: "memori--login-modal--otp-digits", children: [0, 1, 2, 3].map(index => ((0, jsx_runtime_1.jsx)(ui_1.Input, { id: index === 0 ? 'otp-code' : `otp-code-${index}`, name: `otp-code-${index}`, "aria-label": `${t('login.otpCode')} ${index + 1} / 4`, type: "text", inputMode: "numeric", pattern: "[0-9]*", enterKeyHint: index === 3 ? 'done' : 'next', autoComplete: index === 0 ? 'one-time-code' : 'off', spellCheck: false, className: (0, classnames_1.default)('memori--login-modal--otp-digit', {
-                                active: otpFocusedIndex === index,
-                                error: !!otpError,
-                            }), value: otpCode[index] || '', onChange: e => handleOtpDigitChange(index, e.target.value), onFocus: () => setOtpFocusedIndex(index), onKeyDown: e => handleOtpDigitKeyDown(index, e), onPaste: e => handleOtpDigitPaste(index, e), maxLength: 1, required: true, disabled: loading, ref: el => {
-                                otpInputRefs.current[index] = el;
-                            } }, index))) }), (0, jsx_runtime_1.jsx)("p", { id: "otp-help", className: "sr-only", children: t('login.otpCodeDescription', { email: otpEmail }) })] }), otpError && ((0, jsx_runtime_1.jsx)("p", { role: "alert", className: "memori--login-modal--inline-error", children: otpError })), (0, jsx_runtime_1.jsx)(ui_1.Button, { variant: "primary", className: "memori--login-modal--primary", onClick: () => validateOtp(otpCode), disabled: loading || !codeComplete, loading: loading, size: "lg", children: loginTitle }), (0, jsx_runtime_1.jsx)("p", { className: "memori--login-modal--resend", children: otpResendCooldown != null && otpResendCooldown > 0 ? (t('login.resendOtpPrompt', { seconds: otpResendCooldown })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [t('login.resendOtpQuestion'), ' ', (0, jsx_runtime_1.jsx)("button", { type: "button", className: "memori--login-modal--edit-link", onClick: handleResendOtp, disabled: loading || isResending || !otpEmail, children: isResending ? t('login.resending') : t('login.resendOtp') })] })) })] }));
-    const missingDataStep = ((0, jsx_runtime_1.jsxs)("div", { className: "memori--login-modal--missing-data", children: [(0, jsx_runtime_1.jsx)("p", { className: "memori--login-modal--missing-helper", children: t('login.missingDataHelper') }), (0, jsx_runtime_1.jsxs)(ui_1.Form, { name: "updateMissingData", className: "memori--login-modal--form memori--login-modal--form--missing", onSubmit: updateMissingData, children: [(0, jsx_runtime_1.jsxs)("div", { className: "memori--login-modal--form-body", children: [needsMissingData.birthDate && ((0, jsx_runtime_1.jsxs)(ui_1.Field.Root, { className: "memori--login-modal--field", children: [(0, jsx_runtime_1.jsx)(ui_1.Field.Label, { htmlFor: "birthDate", children: t('login.birthDate') }), (0, jsx_runtime_1.jsx)(ui_1.Input, { id: "birthDate", name: "birthDate", type: isMobileViewport && !birthDate && !isBirthDateFocused
-                                            ? 'text'
-                                            : 'date', required: true, onChange: e => setBirthDate(e.target.value), value: birthDate, placeholder: isMobileViewport
-                                            ? t('login.birthDatePlaceholder') || 'DD/MM/YYYY'
-                                            : undefined, onFocus: () => setIsBirthDateFocused(true), onBlur: () => setIsBirthDateFocused(false), autoComplete: "bday" }), (0, jsx_runtime_1.jsx)(ui_1.Field.Description, { children: t('login.birthDateHelper') })] })), (needsMissingData === null || needsMissingData === void 0 ? void 0 : needsMissingData.tnCAndPPAccepted) && ((0, jsx_runtime_1.jsxs)("div", { className: "memori--login-modal--consent-block", children: [(0, jsx_runtime_1.jsx)(ui_1.Checkbox, { name: "tnCAndPPAccepted", className: "memori-login-modal--consent", checked: tnCAndPPAccepted, onChange: checked => setTnCAndPPAccepted(checked), label: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [t('login.privacyLabel'), ' ', (0, jsx_runtime_1.jsx)("a", { href: `https://memori.ai/${lang}/privacy_and_cookie`, target: "_blank", rel: "noopener noreferrer", children: t('login.privacyAndCookiePolicy') }), ' ', t('login.and'), ' ', (0, jsx_runtime_1.jsx)("a", { href: `https://memori.ai/${lang}/tos`, target: "_blank", rel: "noopener noreferrer", children: t('login.termsOfService') })] }) }), (0, jsx_runtime_1.jsx)(ui_1.Checkbox, { name: "pAndCUAccepted", className: "memori-login-modal--consent", checked: pAndCUAccepted, onChange: checked => setPAndCUAccepted(checked), label: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [t('login.pAndCUAccepted'), ' ', (0, jsx_runtime_1.jsx)("small", { children: (0, jsx_runtime_1.jsxs)("em", { children: ["(", t('login.optional'), ")"] }) })] }) }), (0, jsx_runtime_1.jsx)("p", { className: "memori--login-modal--consent-note", children: t('login.goToAccountToChangeYourPreferences') }), (0, jsx_runtime_1.jsx)("p", { className: "memori--login-modal--consent-note memori--login-modal--deep-thought", children: t('login.deepThoughtExplaination') })] })), error && ((0, jsx_runtime_1.jsx)("p", { className: "memori--login-modal--inline-error", children: error }))] }), (0, jsx_runtime_1.jsx)("div", { className: "memori--login-modal--form-footer", children: (0, jsx_runtime_1.jsx)(ui_1.Button, { type: "submit", variant: "primary", className: "memori--login-modal--primary", loading: loading, children: t('login.save') }) })] })] }));
-    return ((0, jsx_runtime_1.jsx)(ui_1.Modal, { open: open, onClose: onClose, onOpenChange: nextOpen => {
-            if (!nextOpen)
-                onClose();
-        }, className: (0, classnames_1.default)('memori--login-modal', { 'memori--login-modal--missing': isMissingDataStep }, modalClassName), contentClassName: "memori--login-modal--content", titleClassName: "memori--login-modal--title", title: isMissingDataStep ? t('login.missingData') : loginTitle, size: "sm", width: isMissingDataStep ? '480px' : '420px', widthMd: isMissingDataStep ? '480px' : '420px', centered: true, closable: true, children: isMissingDataStep
-            ? missingDataStep
-            : showOtpCodeForm
-                ? codeStep
-                : emailStep }));
-};
-exports.default = LoginModal;
-//# sourceMappingURL=LoginModal.js.map