@memori.ai/memori-react 5.1.0 → 6.0.0-rc.0

package/esm/components/LoginDrawer/LoginDrawer.css

@@ -0,0 +1,84 @@
+.memori--login-drawer {
+    z-index: 1000;
+}
+
+.memori--login-drawer .memori-drawer--panel {
+    --memori-drawer--width: 100%;
+    --memori-drawer--width--md: 60%;
+    --memori-drawer--width--lg: 40%;
+}
+
+.memori--login-drawer.memori--login-drawer--logged .memori-drawer--panel {
+    --memori-drawer--width: 100%;
+    --memori-drawer--width--md: 40%;
+    --memori-drawer--width--lg: 30%;
+}
+
+h2.memori--login-drawer--title {
+    margin: 0;
+    font-size: inherit;
+    font-weight: 400;
+    line-height: inherit;
+}
+
+form.memori--login-drawer--form {
+    display: flex;
+    flex-direction: column;
+    padding: 1rem 0.5rem;
+}
+
+p.memori--login-drawer--error {
+    margin: 0.5rem 0;
+    color: var(--memori-error-color);
+    text-align: center;
+}
+
+.memori--login-drawer--form label:not(.memori-checkbox) {
+    display: block;
+    width: 100%;
+    margin: 0.5rem 0;
+}
+
+.memori--login-drawer--form label.memori-checkbox {
+    width: 100%;
+    margin: 0.5rem 0;
+}
+
+.memori--login-drawer--form input {
+    width: 100%;
+    padding: 10px;
+    border: 1px solid var(--memori-button-border-color, #ccc);
+    border-radius: 5px;
+    margin: 0.5rem 0;
+    font-size: 16px;
+    line-height: 1.5;
+    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+
+.memori--login-drawer--form button:focus,
+.memori--login-drawer--form input:focus,
+.memori--login-drawer--form input[type="checkbox"]:focus+.memori-checkbox--inner {
+    border-color: var(--memori-primary);
+    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
+    outline: none;
+}
+
+.memori--login-drawer--form a {
+    color: var(--memori-primary);
+    text-decoration: underline;
+}
+
+.memori--login-drawer--form a:hover,
+.memori--login-drawer--form a:focus,
+.memori--login-drawer--form a:active {
+    opacity: 0.8;
+    outline-color: var(--memori-primary);
+}
+
+.memori--login-drawer--form button[type="submit"] {
+    margin-top: 1rem;
+}
+
+p.memori--login-drawer--signup {
+    margin-top: 1.25rem;
+}

package/esm/components/LoginDrawer/LoginDrawer.d.ts

@@ -0,0 +1,15 @@
+import { User, Tenant } from '@memori.ai/memori-api-client/dist/types';
+export declare const mailRegEx: RegExp;
+export interface Props {
+    open?: boolean;
+    onClose: () => void;
+    user?: User;
+    loginToken?: string;
+    onLogin: (user: User, token: string) => void;
+    onLogout: () => void;
+    tenant: Tenant;
+    apiUrl: string;
+    __TEST__needMissingData?: boolean;
+}
+declare const LoginDrawer: ({ open, onClose, onLogin, onLogout, user, loginToken, tenant, apiUrl, __TEST__needMissingData, }: Props) => JSX.Element;
+export default LoginDrawer;

package/esm/components/LoginDrawer/LoginDrawer.js

@@ -0,0 +1,125 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import Button from '../ui/Button';
+import Drawer from '../ui/Drawer';
+import toast from 'react-hot-toast';
+import { useTranslation } from 'react-i18next';
+import cx from 'classnames';
+import memoriApiClient from '@memori.ai/memori-api-client';
+import { getErrori18nKey } from '../../helpers/error';
+export const mailRegEx = /^\w+([.-]?[+]?\w+)*@\w+([.-]?\w+)*(\.\w{2,})+$/;
+const LoginDrawer = ({ open = false, onClose, onLogin, onLogout, user, loginToken, tenant, apiUrl, __TEST__needMissingData = false, }) => {
+    var _a;
+    const { t, i18n } = useTranslation();
+    const lang = i18n.language === 'it' ? 'it' : 'en';
+    const client = memoriApiClient(apiUrl);
+    const { userLogin, updateUser } = client.backend;
+    const [loading, setLoading] = useState(false);
+    const [needsMissingData, setNeedsMissingData] = useState(__TEST__needMissingData
+        ? {
+            token: 'token',
+            birthDate: true,
+            tnCAndPPAccepted: true,
+        }
+        : {});
+    const [error, setError] = useState(null);
+    const [redirectTo, setRedirectTo] = useState(null);
+    useEffect(() => {
+        setRedirectTo(window.location.href);
+    }, []);
+    const isUserLoggedIn = user && loginToken;
+    const login = (e) => {
+        e.preventDefault();
+        const form = e.currentTarget;
+        const userNameOrEmail = form.userNameOrEmail.value;
+        const password = form.password.value;
+        const isEmail = mailRegEx.test(userNameOrEmail);
+        const user = isEmail
+            ? {
+                tenant: tenant === null || tenant === void 0 ? void 0 : tenant.id,
+                eMail: userNameOrEmail,
+                password: password,
+            }
+            : {
+                tenant: tenant === null || tenant === void 0 ? void 0 : tenant.id,
+                userName: userNameOrEmail,
+                password: password,
+            };
+        setLoading(true);
+        setError(null);
+        userLogin(user)
+            .then(data => {
+            var _a, _b, _c, _d;
+            if (data.resultCode !== 0) {
+                console.error(data);
+                toast.error(t(getErrori18nKey(data.resultCode), { ns: 'common' }));
+                setError(data.resultMessage);
+            }
+            else if (data.user && data.token) {
+                onLogin(data.user, data.token);
+                if (!((_a = data.user) === null || _a === void 0 ? void 0 : _a.tnCAndPPAccepted) || !((_b = data.user) === null || _b === void 0 ? void 0 : _b.birthDate)) {
+                    setNeedsMissingData({
+                        token: data.token,
+                        birthDate: !((_c = data.user) === null || _c === void 0 ? void 0 : _c.birthDate),
+                        tnCAndPPAccepted: !((_d = data.user) === null || _d === void 0 ? void 0 : _d.tnCAndPPAccepted),
+                    });
+                }
+            }
+        })
+            .catch(err => {
+            console.error('[LOGIN]', err);
+            toast.error(err);
+            if (err.message)
+                setError(err.message);
+        })
+            .finally(() => {
+            setLoading(false);
+        });
+    };
+    const updateMissingData = async (e) => {
+        var _a, _b, _c;
+        e.preventDefault();
+        const form = e.currentTarget;
+        const birthDate = (_a = form.birthDate) === null || _a === void 0 ? void 0 : _a.value;
+        const tnCAndPPAccepted = (_b = form.tnCAndPPAccepted) === null || _b === void 0 ? void 0 : _b.checked;
+        const pAndCUAccepted = (_c = form.pAndCUAccepted) === null || _c === void 0 ? void 0 : _c.checked;
+        if (!(user === null || user === void 0 ? void 0 : user.userID) || !(needsMissingData === null || needsMissingData === void 0 ? void 0 : needsMissingData.token)) {
+            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 updateUser(needsMissingData.token, user.userID, newUser);
+        if (resp.resultCode !== 0) {
+            console.error(resp);
+            toast.error(t(getErrori18nKey(resp.resultCode), { ns: 'common' }));
+            setError(resp.resultMessage);
+        }
+        else {
+            toast.success(t('success'));
+            onLogin(patchedUser || newUser, needsMissingData.token);
+        }
+    };
+    return (_jsx(Drawer, { open: open, onClose: onClose, className: cx('memori--login-drawer', {
+            'memori--login-drawer--logged': isUserLoggedIn,
+        }), title: _jsx("h2", { className: "memori--login-drawer--title", children: isUserLoggedIn
+                ? t('login.loggedDrawerTitle', { name: user.userName })
+                : t('login.loginDrawerTitle') }), children: isUserLoggedIn ? (_jsx("div", { className: "memori--login-drawer--logged", children: _jsx(Button, { primary: true, onClick: () => {
+                    onLogout();
+                }, children: t('login.logout') }) })) : ((_a = needsMissingData === null || needsMissingData === void 0 ? void 0 : needsMissingData.token) === null || _a === void 0 ? void 0 : _a.length) ? (_jsxs(_Fragment, { children: [_jsx("h3", { children: t('login.missingData') }), _jsx("p", { children: t('login.missingDataHelper') }), _jsxs("form", { className: "memori--login-drawer--form", onSubmit: updateMissingData, children: [needsMissingData.birthDate && (_jsxs(_Fragment, { children: [_jsxs("label", { htmlFor: "#birthDate", children: [t('login.birthDate'), _jsx("input", { id: "birthDate", name: "birthDate", type: "date", required: true, autoComplete: "bday" })] }), _jsx("p", { children: _jsx("small", { children: t('login.birthDateHelper') }) })] })), (needsMissingData === null || needsMissingData === void 0 ? void 0 : needsMissingData.tnCAndPPAccepted) && (_jsxs(_Fragment, { children: [_jsxs("label", { className: "memori-checkbox", children: [_jsxs("span", { className: "memori-checkbox--input-wrapper", children: [_jsx("input", { type: "checkbox", name: "tnCAndPPAccepted", className: "memori-checkbox--input" }), _jsx("span", { className: "memori-checkbox--inner" })] }), _jsxs("span", { className: "memori-checkbox--text", children: [t('login.privacyLabel'), ' ', _jsx("a", { href: `https://memori.ai/${lang}/privacy_and_cookie`, target: "_blank", rel: "noopener noreferrer", children: t('login.privacyAndCookiePolicy') }), ' ', t('login.and'), ' ', _jsx("a", { href: `https://memori.ai/${lang}/tos`, target: "_blank", rel: "noopener noreferrer", children: t('login.termsOfService') })] })] }), _jsxs("label", { className: "memori-checkbox", children: [_jsxs("span", { className: "memori-checkbox--input-wrapper", children: [_jsx("input", { type: "checkbox", name: "pAndCUAccepted", defaultChecked: user === null || user === void 0 ? void 0 : user.pAndCUAccepted, className: "memori-checkbox--input" }), _jsx("span", { className: "memori-checkbox--inner" })] }), _jsxs("span", { className: "memori-checkbox--text", children: [t('login.pAndCUAccepted'), ' ', _jsx("small", { children: _jsxs("em", { children: ["(", t('login.optional'), ")"] }) })] })] }), _jsx("p", { children: _jsx("small", { children: t('login.goToAccountToChangeYourPreferences') }) }), _jsx("p", { children: _jsx("small", { children: t('login.deepThoughtExplaination') }) })] })), _jsx(Button, { htmlType: "submit", primary: true, loading: loading, children: t('login.save') })] })] })) : (_jsxs(_Fragment, { children: [_jsxs("form", { className: "memori--login-drawer--form", onSubmit: login, children: [_jsxs("label", { htmlFor: "#userNameOrEmail", children: [t('login.userNameOrEmail'), _jsx("input", { id: "userNameOrEmail", name: "userNameOrEmail", required: true, autoComplete: "email", placeholder: "Username/email" })] }), _jsxs("label", { htmlFor: "#password", children: ["Password", _jsx("input", { id: "password", name: "password", type: "password", required: true, autoComplete: "password", placeholder: "Password" })] }), _jsx(Button, { htmlType: "submit", primary: true, loading: loading, children: t('login.login') }), !(tenant === null || tenant === void 0 ? void 0 : tenant.disableRegistration) && (_jsxs("p", { className: "memori--login-drawer--signup", children: [t('login.newUserSignUp'), ' ', _jsx("a", { href: `https://${tenant.name || 'www.aisuru.com'}/${lang}/auth?signup=1&redirectTo=${redirectTo}`, children: t('login.signUp') })] }))] }), error && (_jsx("p", { role: "alert", className: "memori--login-drawer--error", children: error }))] })) }));
+};
+export default LoginDrawer;
+//# sourceMappingURL=LoginDrawer.js.map

package/esm/components/LoginDrawer/LoginDrawer.js.map

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

package/esm/components/MemoriWidget/MemoriWidget.d.ts

@@ -77,6 +77,7 @@ export interface Props {
     showClear?: boolean;
     showOnlyLastMessages?: boolean;
     showTypingText?: boolean;
+    showLogin?: boolean;
     preview?: boolean;
     embed?: boolean;
     height?: number | string;
@@ -106,5 +107,5 @@ export interface Props {
     additionalSettings?: JSX.Element | null;
     userAvatar?: string | JSX.Element;
 }
-declare const MemoriWidget: ({ memori, memoriConfigs, memoriLang, multilingual, integration, layout, customLayout, showInstruct, showShare, preview, embed, showInputs, showDates, showContextPerLine, showSettings, showTypingText, showClear, showOnlyLastMessages, height, secret, baseUrl, apiUrl, initialContextVars, initialQuestion, ogImage, sessionID: initialSessionID, tenant, personification, authToken, AZURE_COGNITIVE_SERVICES_TTS_KEY, defaultSpeakerActive, onStateChange, additionalInfo, additionalSettings, customMediaRenderer, userAvatar, }: Props) => JSX.Element;
+declare const MemoriWidget: ({ memori, memoriConfigs, memoriLang, multilingual, integration, layout, customLayout, showInstruct, showShare, preview, embed, showInputs, showDates, showContextPerLine, showSettings, showTypingText, showClear, showLogin, showOnlyLastMessages, height, secret, baseUrl, apiUrl, initialContextVars, initialQuestion, ogImage, sessionID: initialSessionID, tenant, personification, authToken, AZURE_COGNITIVE_SERVICES_TTS_KEY, defaultSpeakerActive, onStateChange, additionalInfo, additionalSettings, customMediaRenderer, userAvatar, }: Props) => JSX.Element;
 export default MemoriWidget;

package/esm/components/MemoriWidget/MemoriWidget.js

@@ -17,6 +17,7 @@ import AgeVerificationModal from '../AgeVerificationModal/AgeVerificationModal';
 import SettingsDrawer from '../SettingsDrawer/SettingsDrawer';
 import KnownFacts from '../KnownFacts/KnownFacts';
 import ExpertsDrawer from '../ExpertsDrawer/ExpertsDrawer';
+import LoginDrawer from '../LoginDrawer/LoginDrawer';
 import FullPageLayout from '../layouts/FullPage';
 import TotemLayout from '../layouts/Totem';
 import ChatLayout from '../layouts/Chat';
@@ -145,7 +146,7 @@ let audioContext;
 let memoriPassword;
 let speakerMuted = false;
 let memoriSpeaking = false;
-const MemoriWidget = ({ memori, memoriConfigs, memoriLang, multilingual, integration, layout = 'DEFAULT', customLayout, showInstruct = false, showShare, preview = false, embed = false, showInputs = true, showDates = false, showContextPerLine = false, showSettings = true, showTypingText = false, showClear = false, showOnlyLastMessages, height = '100vh', secret, baseUrl = 'https://aisuru.com', apiUrl = 'https://backend.memori.ai', initialContextVars, initialQuestion, ogImage, sessionID: initialSessionID, tenant, personification, authToken, AZURE_COGNITIVE_SERVICES_TTS_KEY, defaultSpeakerActive = true, onStateChange, additionalInfo, additionalSettings, customMediaRenderer, userAvatar, }) => {
+const MemoriWidget = ({ memori, memoriConfigs, memoriLang, multilingual, integration, layout = 'DEFAULT', customLayout, showInstruct = false, showShare, preview = false, embed = false, showInputs = true, showDates = false, showContextPerLine = false, showSettings = true, showTypingText = false, showClear = false, showLogin = true, showOnlyLastMessages, height = '100vh', secret, baseUrl = 'https://aisuru.com', apiUrl = 'https://backend.memori.ai', initialContextVars, initialQuestion, ogImage, sessionID: initialSessionID, tenant, personification, authToken, AZURE_COGNITIVE_SERVICES_TTS_KEY, defaultSpeakerActive = true, onStateChange, additionalInfo, additionalSettings, customMediaRenderer, userAvatar, }) => {
     var _a, _b, _c, _d, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _t, _u, _v, _w, _x, _y, _z;
     const { t, i18n } = useTranslation();
     const [isClient, setIsClient] = useState(false);
@@ -160,13 +161,19 @@ const MemoriWidget = ({ memori, memoriConfigs, memoriLang, multilingual, integra
         avatarURL: typeof userAvatar === 'string' ? userAvatar : undefined,
     });
     useEffect(() => {
-        if (loginToken) {
+        if (loginToken && !(user === null || user === void 0 ? void 0 : user.userID)) {
             client.backend.getCurrentUser(loginToken).then(({ user, resultCode }) => {
-                if (user && resultCode === 0)
+                if (user && resultCode === 0) {
                     setUser(user);
+                    setLocalConfig('loginToken', loginToken);
+                }
+                else {
+                    setLocalConfig('loginToken', undefined);
+                }
             });
         }
-    }, [loginToken]);
+    }, [loginToken, user === null || user === void 0 ? void 0 : user.userID]);
+    const [showLoginDrawer, setShowLoginDrawer] = useState(false);
     const [clickedStart, setClickedStart] = useState(false);
     const [gotErrorInOpening, setGotErrorInOpening] = useState(false);
     const language = ((_d = (_c = (_b = memori.culture) === null || _b === void 0 ? void 0 : _b.split('-')) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.toUpperCase()) ||
@@ -218,6 +225,9 @@ const MemoriWidget = ({ memori, memoriConfigs, memoriLang, multilingual, integra
         setContinuousSpeechTimeout(getLocalConfig('continuousSpeechTimeout', 2));
         setControlsPosition(getLocalConfig('controlsPosition', defaultControlsPosition));
         setHideEmissions(getLocalConfig('hideEmissions', false));
+        if (!(additionalInfo === null || additionalInfo === void 0 ? void 0 : additionalInfo.loginToken) && !authToken) {
+            setLoginToken(getLocalConfig('loginToken', undefined));
+        }
     }, []);
     const [memoriPwd, setMemoriPwd] = useState(secret);
     const [memoriTokens, setMemoriTokens] = useState();
@@ -1826,6 +1836,8 @@ const MemoriWidget = ({ memori, memoriConfigs, memoriLang, multilingual, integra
         showReload: selectedLayout === 'TOTEM',
         showClear,
         clearHistory: () => setHistory(h => h.slice(-1)),
+        showLogin,
+        setShowLoginDrawer,
         loginToken,
         user,
         sessionID: sessionId,
@@ -1862,6 +1874,8 @@ const MemoriWidget = ({ memori, memoriConfigs, memoriLang, multilingual, integra
         onClickStart: onClickStart,
         initializeTTS: initializeTTS,
         isUserLoggedIn: !!loginToken,
+        showLogin,
+        setShowLoginDrawer,
         user,
     };
     const chatProps = {
@@ -1999,7 +2013,21 @@ const MemoriWidget = ({ memori, memoriConfigs, memoriLang, multilingual, integra
                         setShowAgeVerification(false);
                         setClickedStart(false);
                     }
-                } })), showSettingsDrawer && (_jsx(SettingsDrawer, { layout: selectedLayout, open: !!showSettingsDrawer, onClose: () => setShowSettingsDrawer(false), microphoneMode: continuousSpeech ? 'CONTINUOUS' : 'HOLD_TO_TALK', continuousSpeechTimeout: continuousSpeechTimeout, setMicrophoneMode: mode => setContinuousSpeech(mode === 'CONTINUOUS'), setContinuousSpeechTimeout: setContinuousSpeechTimeout, controlsPosition: controlsPosition, setControlsPosition: setControlsPosition, hideEmissions: hideEmissions, setHideEmissions: setHideEmissions, additionalSettings: additionalSettings })), showKnownFactsDrawer && sessionId && (_jsx(KnownFacts, { apiURL: apiUrl, memori: memori, sessionID: sessionId, visible: showKnownFactsDrawer, closeDrawer: () => setShowKnownFactsDrawer(false) })), showExpertsDrawer && !!experts && (_jsx(ExpertsDrawer, { apiUrl: apiUrl, baseUrl: baseUrl, tenant: tenant, experts: experts, open: showExpertsDrawer, onClose: () => setShowExpertsDrawer(false) }))] }));
+                } })), showSettingsDrawer && (_jsx(SettingsDrawer, { layout: selectedLayout, open: !!showSettingsDrawer, onClose: () => setShowSettingsDrawer(false), microphoneMode: continuousSpeech ? 'CONTINUOUS' : 'HOLD_TO_TALK', continuousSpeechTimeout: continuousSpeechTimeout, setMicrophoneMode: mode => setContinuousSpeech(mode === 'CONTINUOUS'), setContinuousSpeechTimeout: setContinuousSpeechTimeout, controlsPosition: controlsPosition, setControlsPosition: setControlsPosition, hideEmissions: hideEmissions, setHideEmissions: setHideEmissions, additionalSettings: additionalSettings })), showKnownFactsDrawer && sessionId && (_jsx(KnownFacts, { apiURL: apiUrl, memori: memori, sessionID: sessionId, visible: showKnownFactsDrawer, closeDrawer: () => setShowKnownFactsDrawer(false) })), showExpertsDrawer && !!experts && (_jsx(ExpertsDrawer, { apiUrl: apiUrl, baseUrl: baseUrl, tenant: tenant, experts: experts, open: showExpertsDrawer, onClose: () => setShowExpertsDrawer(false) })), showLoginDrawer && (tenant === null || tenant === void 0 ? void 0 : tenant.id) && (_jsx(LoginDrawer, { tenant: tenant, apiUrl: apiUrl, open: !!showLoginDrawer, user: user, loginToken: loginToken, onClose: () => setShowLoginDrawer(false), onLogin: (user, token) => {
+                    setUser(user);
+                    setLoginToken(token);
+                    setShowLoginDrawer(false);
+                    setLocalConfig('loginToken', token);
+                }, onLogout: () => {
+                    if (!loginToken)
+                        return;
+                    client.backend.userLogout(loginToken).then(() => {
+                        setShowLoginDrawer(false);
+                        setUser(undefined);
+                        setLoginToken(undefined);
+                        setLocalConfig('loginToken', undefined);
+                    });
+                } }))] }));
 };
 export default MemoriWidget;
 //# sourceMappingURL=MemoriWidget.js.map