@memori.ai/memori-react 8.38.4 → 9.0.0-alpha.0

package/esm/components/layouts/FullPage.js

@@ -1,14 +1,196 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import Spin from '../ui/Spin';
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { Button, Spin } from '@memori.ai/ui';
+import { useTranslation } from 'react-i18next';
+import { Expand, MapPin, Share2, EllipsisVertical, MessageCircle, } from 'lucide-react';
 import { useArtifact } from '../MemoriArtifactSystem/context/ArtifactContext';
+import MobileSessionPanel from '../MobileSessionPanel/MobileSessionPanel';
+import ShareButton from '../ShareButton/ShareButton';
+function isFullscreenAllowedOnDevice() {
+    if (typeof document === 'undefined')
+        return false;
+    if (document.fullscreenEnabled === true)
+        return true;
+    const fullscreenMeta = document.querySelector('meta[name="memori-fullscreen-enabled"], meta[name="fullscreen-enabled"]');
+    return (fullscreenMeta === null || fullscreenMeta === void 0 ? void 0 : fullscreenMeta.getAttribute('content')) === 'true';
+}
 const FullPageLayout = ({ Header, headerProps, Avatar, avatarProps, Chat, chatProps, StartPanel, startPanelProps, integrationStyle, integrationBackground, sessionId, hasUserActivatedSpeak, loading = false, poweredBy, }) => {
+    var _a, _b, _c, _d;
+    const { t } = useTranslation();
     const { state } = useArtifact();
     const hasArtifact = state.currentArtifact;
-    return (_jsxs(_Fragment, { children: [integrationStyle, integrationBackground, _jsxs(Spin, { spinning: loading, children: [_jsx("div", { className: `memori-chat-layout--header ${state.isDrawerOpen ? 'memori-chat-layout--header-with-artifact' : ''}`, children: Header && headerProps && _jsx(Header, { ...headerProps }) }), _jsxs("div", { className: "memori--grid", children: [!state.isDrawerOpen && (_jsxs("div", { className: "memori--grid-column memori--grid-column-left", children: [Avatar && avatarProps && (_jsx(Avatar, { chatProps: chatProps, ...avatarProps })), _jsx("div", { id: "extension" })] })), _jsx("div", { className: `memori-chat-layout--main ${hasArtifact ? 'memori-chat-layout--main-with-artifact' : ''}`, children: _jsx("div", { className: state.isFullscreen
+    const useSideArtifactChrome = state.isDrawerOpen && !state.isChatLogPanelPresentation;
+    const [isMobile, setIsMobile] = useState(false);
+    const [mobileSheetOpen, setMobileSheetOpen] = useState(false);
+    useEffect(() => {
+        const mediaQuery = window.matchMedia('(max-width: 768px)');
+        const update = () => setIsMobile(mediaQuery.matches);
+        update();
+        mediaQuery.addEventListener('change', update);
+        return () => mediaQuery.removeEventListener('change', update);
+    }, []);
+    const memori = headerProps === null || headerProps === void 0 ? void 0 : headerProps.memori;
+    const tenant = headerProps === null || headerProps === void 0 ? void 0 : headerProps.tenant;
+    const baseUrl = headerProps === null || headerProps === void 0 ? void 0 : headerProps.baseUrl;
+    const loggedUser = (headerProps === null || headerProps === void 0 ? void 0 : headerProps.loginToken) && (headerProps === null || headerProps === void 0 ? void 0 : headerProps.user) ? headerProps.user : undefined;
+    const enrichedUser = loggedUser;
+    const loggedUserDisplayName = [enrichedUser === null || enrichedUser === void 0 ? void 0 : enrichedUser.name, enrichedUser === null || enrichedUser === void 0 ? void 0 : enrichedUser.surname]
+        .filter(Boolean)
+        .join(' ')
+        .trim() ||
+        (loggedUser === null || loggedUser === void 0 ? void 0 : loggedUser.userName) ||
+        (loggedUser === null || loggedUser === void 0 ? void 0 : loggedUser.eMail) ||
+        (memori === null || memori === void 0 ? void 0 : memori.name) ||
+        'User';
+    const loggedUserInitial = loggedUserDisplayName.charAt(0).toUpperCase();
+    const isSessionStarted = Boolean(sessionId && hasUserActivatedSpeak);
+    const handleMobileFullscreen = useCallback(() => {
+        if (!isFullscreenAllowedOnDevice())
+            return;
+        if (!document.fullscreenElement) {
+            document.documentElement.requestFullscreen().catch(() => { });
+            return;
+        }
+        document.exitFullscreen().catch(() => { });
+    }, []);
+    const handleMobileLogout = () => {
+        if (!headerProps)
+            return;
+        if (loggedUser && headerProps.onLogout) {
+            headerProps.onLogout();
+            return;
+        }
+        headerProps.setShowLoginDrawer(true);
+    };
+    const handleEnableLocation = () => {
+        if (!headerProps)
+            return;
+        if (!navigator.geolocation) {
+            headerProps.setPositionPopoverOpen(true);
+            return;
+        }
+        navigator.geolocation.getCurrentPosition(position => {
+            const latitude = position.coords.latitude;
+            const longitude = position.coords.longitude;
+            headerProps.setVenue({
+                latitude,
+                longitude,
+                placeName: `${latitude.toFixed(5)}, ${longitude.toFixed(5)}`,
+                uncertainty: position.coords.accuracy / 1000,
+            });
+        }, () => {
+            headerProps.setPositionPopoverOpen(true);
+        }, { enableHighAccuracy: true, timeout: 15000, maximumAge: 0 });
+    };
+    const handleDisableLocation = () => {
+        headerProps === null || headerProps === void 0 ? void 0 : headerProps.setVenue({
+            latitude: 0,
+            longitude: 0,
+            placeName: '',
+            uncertainty: 0,
+        });
+    };
+    const mobileHeaderProps = useMemo(() => {
+        if (!headerProps)
+            return undefined;
+        if (!isMobile)
+            return headerProps;
+        return {
+            ...headerProps,
+            showReload: false,
+            showClear: false,
+            showSettings: false,
+            showShare: false,
+            showLogin: false,
+            showMessageConsumption: false,
+            showFullscreen: false,
+            memori: {
+                ...headerProps.memori,
+                needsPosition: false,
+                enableDeepThought: false,
+            },
+            showChatHistory: false,
+            enableAudio: true,
+        };
+    }, [headerProps, isMobile]);
+    const mobileSessionActions = useMemo(() => {
+        var _a;
+        if (!headerProps)
+            return [];
+        const showChatHistoryInPanel = isMobile &&
+            !!headerProps.loginToken &&
+            headerProps.showChatHistory !== false;
+        const historyBlock = showChatHistoryInPanel
+            ? [
+                {
+                    key: 'chatHistory',
+                    icon: _jsx(MessageCircle, { size: 18 }),
+                    title: t('widget.headerHistory') ||
+                        t('write_and_speak.chatHistory') ||
+                        'Chat history',
+                    onClick: () => {
+                        headerProps.setShowChatHistoryDrawer(true);
+                        setMobileSheetOpen(false);
+                    },
+                },
+            ]
+            : [];
+        return [
+            ...historyBlock,
+            {
+                key: 'fullscreen',
+                icon: _jsx(Expand, { size: 18 }),
+                title: t('fullscreenEnter') || 'Full screen',
+                subtitle: t('widget.expandToImmersive') || 'Expand to immersive view',
+                onClick: () => {
+                    handleMobileFullscreen();
+                    setMobileSheetOpen(false);
+                },
+            },
+            {
+                key: 'share',
+                icon: _jsx(Share2, { size: 18 }),
+                title: t('widget.share') || 'Share chat',
+                subtitle: t('widget.mobileSession.copyLinkOrDownload') ||
+                    'Copy link or download',
+                view: 'share',
+            },
+            {
+                key: 'location',
+                icon: _jsx(MapPin, { size: 18 }),
+                title: t('widget.mobileSession.locationTracking') || 'Location tracking',
+                subtitle: ((_a = headerProps.position) === null || _a === void 0 ? void 0 : _a.placeName) ||
+                    t('widget.mobileSession.currentlyOff') ||
+                    'Currently off',
+                view: 'location',
+                trailing: (_jsx("span", { className: "memori-mobile-session-panel--chevron", children: '>' })),
+            },
+        ];
+    }, [headerProps, isMobile, isSessionStarted, t, handleMobileFullscreen]);
+    return (_jsxs(_Fragment, { children: [integrationStyle, integrationBackground, _jsxs(Spin, { spinning: loading, children: [poweredBy, Header && headerProps && mobileHeaderProps && (_jsx("div", { className: "memori-fullpage-top-header", children: _jsx("div", { className: "memori-chat-layout--header", children: _jsx("div", { className: "memori-fullpage-header-row", children: _jsx(Header, { ...mobileHeaderProps, layout: "FULLPAGE", buttonVariant: "outline", extraActions: isMobile ? (_jsx(Button, { variant: "outline", className: `memori-chat-layout--overflow-trigger ${mobileSheetOpen ? 'memori-button--active' : ''}`, "aria-label": t('widget.moreActions') || 'More actions', icon: _jsx(EllipsisVertical, {}), onClick: () => setMobileSheetOpen(currentOpen => !currentOpen) })) : undefined }) }) }) })), headerProps && (_jsx(MobileSessionPanel, { open: mobileSheetOpen, presentation: "popover", onClose: () => setMobileSheetOpen(false), title: t('widget.mobileSession.session') || 'Session', loginToken: headerProps.loginToken, user: headerProps.user, apiClient: headerProps.apiClient, userName: loggedUserDisplayName, userEmail: loggedUser === null || loggedUser === void 0 ? void 0 : loggedUser.eMail, userInitial: loggedUserInitial, avatarURL: loggedUser === null || loggedUser === void 0 ? void 0 : loggedUser.avatarURL, birthDate: loggedUser === null || loggedUser === void 0 ? void 0 : loggedUser.birthDate, actions: mobileSessionActions, knownFactsPageTitle: t('knownFacts.title') || 'Known facts', sharePageTitle: t('widget.share') || 'Share', locationPageTitle: t('widget.mobileSession.locationTracking') || 'Location tracking', backLabel: t('back') || 'Back', locationStatusLabel: t('widget.mobileSession.locationStatus') || 'Status', locationPlace: (_a = headerProps.position) === null || _a === void 0 ? void 0 : _a.placeName, locationUnknownLabel: t('write_and_speak.unknownPosition') || 'Unknown position', locationEnableLabel: t('widget.shareLocation') || 'Share location', locationDisableLabel: t('widget.mobileSession.disableLocationSharing') ||
+                            'Disable location sharing', knownFactsDescription: t('knownFacts.description', {
+                            memoriName: (memori === null || memori === void 0 ? void 0 : memori.name) || '',
+                        }) || '', knownFactsCtaLabel: t('widget.mobileSession.openKnownFacts') ||
+                            'Open full known facts', knownFactsCountLabel: t('widget.mobileSession.knownFactsMessages', {
+                            count: ((_b = headerProps.history) === null || _b === void 0 ? void 0 : _b.length) || 0,
+                        }) || '', shareContent: _jsx(ShareButton, { tenant: headerProps === null || headerProps === void 0 ? void 0 : headerProps.tenant, memori: headerProps === null || headerProps === void 0 ? void 0 : headerProps.memori, sessionID: headerProps === null || headerProps === void 0 ? void 0 : headerProps.sessionID, title: (_c = headerProps === null || headerProps === void 0 ? void 0 : headerProps.memori) === null || _c === void 0 ? void 0 : _c.name, baseUrl: headerProps === null || headerProps === void 0 ? void 0 : headerProps.baseUrl, align: "left", history: headerProps === null || headerProps === void 0 ? void 0 : headerProps.history, renderMode: "inline" }), knownFactsDisabled: !isSessionStarted, showSessionInfo: isSessionStarted, history: (_d = headerProps.history) !== null && _d !== void 0 ? _d : [], isLoggedIn: !!loggedUser, loginLabel: t('login.login') || 'Log in', onLogin: () => {
+                            headerProps.setShowLoginDrawer(true);
+                            setMobileSheetOpen(false);
+                        }, onKnownFactsOpen: () => {
+                            if (!isSessionStarted)
+                                return;
+                            headerProps.setShowKnownFactsDrawer(true);
+                            setMobileSheetOpen(false);
+                        }, onLocationEnable: handleEnableLocation, onLocationDisable: handleDisableLocation, logoutLabel: t('login.logout') || 'Log out', onLogout: () => {
+                            handleMobileLogout();
+                            setMobileSheetOpen(false);
+                        } })), _jsxs("div", { className: "memori--grid", children: [!useSideArtifactChrome && (_jsxs("div", { className: "memori--grid-column memori--grid-column-left", children: [Avatar && avatarProps && (_jsx(Avatar, { chatProps: chatProps, ...avatarProps })), _jsx("div", { id: "extension" })] })), _jsx("div", { className: `memori-chat-layout--main ${hasArtifact && !state.isChatLogPanelPresentation
+                                    ? 'memori-chat-layout--main-with-artifact'
+                                    : ''}`, children: _jsx("div", { className: state.isFullscreen
                                         ? `memori-chat-layout-controls-hide`
-                                        : `memori-chat-layout--controls ${state.isDrawerOpen
+                                        : `memori-chat-layout--controls ${useSideArtifactChrome
                                             ? 'memori-chat-layout--controls-with-artifact'
-                                            : ''}`, children: sessionId && hasUserActivatedSpeak && Chat && chatProps ? (_jsx(Chat, { ...chatProps })) : startPanelProps ? (_jsx(StartPanel, { ...startPanelProps })) : null }) }), poweredBy] })] })] }));
+                                            : ''}`, children: sessionId && hasUserActivatedSpeak && Chat && chatProps ? (_jsx(Chat, { ...chatProps })) : startPanelProps ? (_jsx(StartPanel, { ...startPanelProps })) : null }) })] })] })] }));
 };
 export default FullPageLayout;
 //# sourceMappingURL=FullPage.js.map

package/esm/components/layouts/FullPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"FullPage.js","sourceRoot":"","sources":["../../../src/components/layouts/FullPage.tsx"],"names":[],"mappings":";AACA,OAAO,IAAI,MAAM,YAAY,CAAC;AAE9B,OAAO,EAAE,WAAW,EAAE,MAAM,iDAAiD,CAAC;AAG9E,MAAM,cAAc,GAA0B,CAAC,EAC7C,MAAM,EACN,WAAW,EACX,MAAM,EACN,WAAW,EACX,IAAI,EACJ,SAAS,EACT,UAAU,EACV,eAAe,EACf,gBAAgB,EAChB,qBAAqB,EACrB,SAAS,EACT,qBAAqB,EACrB,OAAO,GAAG,KAAK,EACf,SAAS,GACV,EAAE,EAAE;IACH,MAAM,EAAE,KAAK,EAAE,GAAG,WAAW,EAAE,CAAC;IAChC,MAAM,WAAW,GAAG,KAAK,CAAC,eAAe,CAAC;IAC1C,OAAO,CACL,8BACG,gBAAgB,EAChB,qBAAqB,EAEtB,MAAC,IAAI,IAAC,QAAQ,EAAE,OAAO,aACrB,cACE,SAAS,EAAE,8BACT,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,0CAA0C,CAAC,CAAC,CAAC,EACpE,EAAE,YAED,MAAM,IAAI,WAAW,IAAI,KAAC,MAAM,OAAK,WAAW,GAAI,GACjD,EAEN,eAAK,SAAS,EAAC,cAAc,aAC1B,CAAC,KAAK,CAAC,YAAY,IAAI,CACtB,eAAK,SAAS,EAAC,8CAA8C,aAC1D,MAAM,IAAI,WAAW,IAAI,CACxB,KAAC,MAAM,IAAC,SAAS,EAAE,SAAS,KAAM,WAAW,GAAI,CAClD,EAED,cAAK,EAAE,EAAC,WAAW,GAAG,IAClB,CACP,EACD,cACE,SAAS,EAAE,4BACT,WAAW,CAAC,CAAC,CAAC,wCAAwC,CAAC,CAAC,CAAC,EAC3D,EAAE,YAEF,cACE,SAAS,EACP,KAAK,CAAC,YAAY;wCAChB,CAAC,CAAC,kCAAkC;wCACpC,CAAC,CAAC,gCACE,KAAK,CAAC,YAAY;4CAChB,CAAC,CAAC,4CAA4C;4CAC9C,CAAC,CAAC,EACN,EAAE,YAGP,SAAS,IAAI,qBAAqB,IAAI,IAAI,IAAI,SAAS,CAAC,CAAC,CAAC,CACzD,KAAC,IAAI,OAAK,SAAS,GAAI,CACxB,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CACpB,KAAC,UAAU,OAAK,eAAe,GAAI,CACpC,CAAC,CAAC,CAAC,IAAI,GACJ,GACF,EAEL,SAAS,IACN,IACD,IACN,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"FullPage.js","sourceRoot":"","sources":["../../../src/components/layouts/FullPage.tsx"],"names":[],"mappings":"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"}

package/esm/components/layouts/HiddenChat.js

@@ -1,17 +1,264 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState, useEffect, useRef } from 'react';
-import Spin from '../ui/Spin';
+import { useState, useEffect, useRef, useMemo } from 'react';
+import { Button, Spin } from '@memori.ai/ui';
 import { useTranslation } from 'react-i18next';
 import { useArtifact } from '../MemoriArtifactSystem/context/ArtifactContext';
-import QuestionHelp from '../icons/QuestionHelp';
-import Close from '../icons/Close';
+import { EllipsisVertical, HelpCircle, MapPin, MessageCircle, RefreshCw, Share2, Trash2, Maximize, X, } from 'lucide-react';
+import { getResourceUrl } from '../../helpers/media';
+import ChatInputs from '../ChatInputs/ChatInputs';
+import ShareButton from '../ShareButton/ShareButton';
+import MobileSessionPanel from '../MobileSessionPanel/MobileSessionPanel';
+import { maxDocumentsPerMessage, maxDocumentContentLength, pasteAsCardLineThreshold, pasteAsCardCharThreshold, } from '../../helpers/constants';
 const HiddenChatLayout = ({ Header, headerProps, Chat, chatProps, startPanelProps, sessionId, hasUserActivatedSpeak, autoStart, StartPanel, onSidebarToggle, }) => {
-    const { t } = useTranslation();
+    var _a, _b, _c, _d, _e, _f, _g;
+    const { t, i18n } = useTranslation();
     const [isOpen, setIsOpen] = useState(false);
     const [fullScreen, setFullScreen] = useState(false);
     const [hasTriggeredAutostart, setHasTriggeredAutostart] = useState(false);
+    const [sessionPanelOpen, setSessionPanelOpen] = useState(false);
     const { state, closeArtifact } = useArtifact();
+    const useSideArtifactChrome = state.isDrawerOpen && !state.isChatLogPanelPresentation;
     const { onClickStart, hasInitialSession } = startPanelProps || {};
+    const memori = headerProps === null || headerProps === void 0 ? void 0 : headerProps.memori;
+    const tenant = headerProps === null || headerProps === void 0 ? void 0 : headerProps.tenant;
+    const baseUrl = headerProps === null || headerProps === void 0 ? void 0 : headerProps.baseUrl;
+    const hasSustainabilityData = useMemo(() => {
+        var _a;
+        return !!((_a = headerProps === null || headerProps === void 0 ? void 0 : headerProps.history) === null || _a === void 0 ? void 0 : _a.some(line => {
+            var _a;
+            return !!((_a = line.llmUsage) === null || _a === void 0 ? void 0 : _a.energyImpact);
+        }));
+    }, [headerProps === null || headerProps === void 0 ? void 0 : headerProps.history]);
+    const hiddenChatHeaderProps = useMemo(() => {
+        if (!headerProps)
+            return undefined;
+        return {
+            ...headerProps,
+            showReload: false,
+            showClear: false,
+            showSettings: false,
+            showShare: false,
+            showLogin: false,
+            showMessageConsumption: false,
+            showFullscreen: false,
+            memori: {
+                ...headerProps.memori,
+                needsPosition: false,
+                enableDeepThought: false,
+            },
+            layout: 'HIDDEN_CHAT',
+            showChatHistory: headerProps.showChatHistory !== false && !!headerProps.loginToken,
+            enableAudio: true,
+        };
+    }, [headerProps]);
+    const loggedUser = (headerProps === null || headerProps === void 0 ? void 0 : headerProps.loginToken) && (headerProps === null || headerProps === void 0 ? void 0 : headerProps.user) ? headerProps.user : undefined;
+    const sharedUrl = useMemo(() => {
+        var _a, _b;
+        if (!(headerProps === null || headerProps === void 0 ? void 0 : headerProps.memori) || !(headerProps === null || headerProps === void 0 ? void 0 : headerProps.sessionID))
+            return undefined;
+        const currentLanguage = i18n.language === 'it' ? 'it' : 'en';
+        if (headerProps.memori.ownerUserID) {
+            return `${(_a = headerProps.baseUrl) !== null && _a !== void 0 ? _a : 'https://www.aisuru.com'}/${currentLanguage}/shared/${headerProps.memori.ownerUserID}/${headerProps.memori.memoriID}/${headerProps.sessionID}`;
+        }
+        if (headerProps.memori.exposed) {
+            return `${(_b = headerProps.baseUrl) !== null && _b !== void 0 ? _b : 'https://www.aisuru.com'}/${currentLanguage}/shared/${headerProps.memori.ownerUserName}/${headerProps.memori.name}/${headerProps.sessionID}`;
+        }
+        return window.location.href;
+    }, [headerProps, i18n.language]);
+    const loggedUserDisplayName = useMemo(() => {
+        if (!loggedUser)
+            return '';
+        const enrichedUser = loggedUser;
+        const fullName = [enrichedUser.name, enrichedUser.surname]
+            .filter(Boolean)
+            .join(' ')
+            .trim() ||
+            [enrichedUser.firstName, enrichedUser.lastName]
+                .filter(Boolean)
+                .join(' ')
+                .trim();
+        return fullName || loggedUser.userName || loggedUser.eMail || '';
+    }, [loggedUser]);
+    const loggedUserInitial = useMemo(() => (loggedUserDisplayName || 'U').charAt(0).toUpperCase(), [loggedUserDisplayName]);
+    const isSessionStarted = Boolean(sessionId && hasUserActivatedSpeak);
+    const handleOverflowActionClick = (action) => {
+        var _a, _b;
+        if (!headerProps)
+            return;
+        switch (action) {
+            case 'reload':
+                window.location.reload();
+                break;
+            case 'clear':
+                headerProps.clearHistory();
+                break;
+            case 'chatHistory':
+                headerProps.setShowChatHistoryDrawer(true);
+                break;
+            case 'fullscreen':
+                handleFullscreenToggle();
+                break;
+            case 'deepThought':
+                headerProps.setShowKnownFactsDrawer(true);
+                break;
+            case 'experts':
+                headerProps.setShowExpertsDrawer(true);
+                break;
+            case 'audio':
+                headerProps.setSpeakerMuted(!headerProps.speakerMuted);
+                break;
+            case 'settings':
+                headerProps.setShowSettingsDrawer(true);
+                break;
+            case 'share': {
+                const targetUrl = sharedUrl || window.location.href;
+                if (navigator.share) {
+                    navigator
+                        .share({
+                        title: (_a = headerProps.memori) === null || _a === void 0 ? void 0 : _a.name,
+                        url: targetUrl,
+                    })
+                        .catch(() => {
+                    });
+                    break;
+                }
+                if ((_b = navigator.clipboard) === null || _b === void 0 ? void 0 : _b.writeText) {
+                    navigator.clipboard.writeText(targetUrl).catch(() => {
+                        const opened = window.open(targetUrl, '_blank');
+                        if (!opened)
+                            window.location.assign(targetUrl);
+                    });
+                    break;
+                }
+                {
+                    const opened = window.open(targetUrl, '_blank');
+                    if (!opened)
+                        window.location.assign(targetUrl);
+                }
+                break;
+            }
+            case 'login':
+                if (loggedUser && headerProps.onLogout) {
+                    headerProps.onLogout();
+                }
+                else {
+                    headerProps.setShowLoginDrawer(true);
+                }
+                break;
+            default:
+                break;
+        }
+    };
+    const handleEnableLocation = () => {
+        if (!headerProps)
+            return;
+        if (!navigator.geolocation) {
+            headerProps.setPositionPopoverOpen(true);
+            return;
+        }
+        navigator.geolocation.getCurrentPosition(position => {
+            const latitude = position.coords.latitude;
+            const longitude = position.coords.longitude;
+            headerProps.setVenue({
+                latitude,
+                longitude,
+                placeName: `${latitude.toFixed(5)}, ${longitude.toFixed(5)}`,
+                uncertainty: position.coords.accuracy / 1000,
+            });
+        }, () => {
+            headerProps.setPositionPopoverOpen(true);
+        }, { enableHighAccuracy: true, timeout: 15000, maximumAge: 0 });
+    };
+    const handleDisableLocation = () => {
+        headerProps === null || headerProps === void 0 ? void 0 : headerProps.setVenue({
+            latitude: 0,
+            longitude: 0,
+            placeName: '',
+            uncertainty: 0,
+        });
+    };
+    const sessionPanelActions = useMemo(() => {
+        var _a;
+        return [
+            {
+                key: 'fullscreen',
+                icon: _jsx(Maximize, { size: 18 }),
+                title: t('fullscreenEnter') || 'Full screen',
+                subtitle: t('widget.expandToImmersive') || 'Expand to immersive view',
+                onClick: () => {
+                    handleFullscreenToggle();
+                    setSessionPanelOpen(false);
+                },
+            },
+            ...((headerProps === null || headerProps === void 0 ? void 0 : headerProps.loginToken)
+                ? [
+                    {
+                        key: 'chatHistory',
+                        icon: _jsx(MessageCircle, { size: 18 }),
+                        title: t('write_and_speak.chatHistory') || 'Chat history',
+                        onClick: () => {
+                            handleOverflowActionClick('chatHistory');
+                            setSessionPanelOpen(false);
+                        },
+                    },
+                ]
+                : []),
+            {
+                key: 'share',
+                icon: _jsx(Share2, { size: 18 }),
+                title: t('widget.share') || 'Share chat',
+                subtitle: t('widget.mobileSession.copyLinkOrDownload') ||
+                    'Copy link or download',
+                view: 'share',
+            },
+            {
+                key: 'location',
+                icon: _jsx(MapPin, { size: 18 }),
+                title: t('widget.mobileSession.locationTracking') || 'Location tracking',
+                subtitle: ((_a = headerProps === null || headerProps === void 0 ? void 0 : headerProps.position) === null || _a === void 0 ? void 0 : _a.placeName) ||
+                    t('widget.mobileSession.currentlyOff') ||
+                    'Currently off',
+                view: 'location',
+                trailing: (_jsx("span", { className: "memori-mobile-session-panel--chevron", children: '>' })),
+            },
+            ...((headerProps === null || headerProps === void 0 ? void 0 : headerProps.showReload)
+                ? [
+                    {
+                        key: 'reload',
+                        icon: _jsx(RefreshCw, { size: 18 }),
+                        title: t('reload') || 'Reload',
+                        onClick: () => handleOverflowActionClick('reload'),
+                    },
+                ]
+                : []),
+            ...((headerProps === null || headerProps === void 0 ? void 0 : headerProps.showClear)
+                ? [
+                    {
+                        key: 'clear',
+                        icon: _jsx(Trash2, { size: 18 }),
+                        title: t('clearHistory') || 'Clear chat',
+                        onClick: () => handleOverflowActionClick('clear'),
+                    },
+                ]
+                : []),
+        ];
+    }, [t, headerProps, isSessionStarted]);
+    const brandAvatarSrc = memori
+        ? memori.avatarURL && memori.avatarURL.length > 0
+            ? getResourceUrl({
+                type: 'avatar',
+                tenantID: tenant === null || tenant === void 0 ? void 0 : tenant.name,
+                resourceURI: memori.avatarURL,
+                baseURL: baseUrl,
+                apiURL: '',
+            })
+            : getResourceUrl({
+                type: 'avatar',
+                tenantID: tenant === null || tenant === void 0 ? void 0 : tenant.name,
+                baseURL: baseUrl,
+                apiURL: '',
+            })
+        : undefined;
     const originalSidebarStyles = useRef({
         right: '',
         width: '',
@@ -29,11 +276,17 @@ const HiddenChatLayout = ({ Header, headerProps, Chat, chatProps, startPanelProp
         };
     }, [fullScreen]);
     useEffect(() => {
+        var _a;
         const mainDiv = document.body;
+        const widgetEl = document.querySelector('.memori-widget');
+        const sidebarWidth = (widgetEl &&
+            ((_a = getComputedStyle(widgetEl)
+                .getPropertyValue('--memori-hidden-chat-width')) === null || _a === void 0 ? void 0 : _a.trim())) ||
+            'min(450px, 100vw)';
         if (isOpen) {
             if (!fullScreen) {
-                mainDiv.style.width = 'calc(100% - 350px)';
-                mainDiv.style.marginRight = '300px';
+                mainDiv.style.width = `calc(100% - ${sidebarWidth})`;
+                mainDiv.style.marginRight = sidebarWidth;
                 mainDiv.style.transition = 'all 0.5s';
             }
             else {
@@ -49,7 +302,10 @@ const HiddenChatLayout = ({ Header, headerProps, Chat, chatProps, startPanelProp
         }
     }, [isOpen, fullScreen]);
     const handleSidebarToggle = () => {
-        if (!isOpen && !hasTriggeredAutostart && (autoStart || autoStart === undefined) && (!sessionId || hasInitialSession)) {
+        if (!isOpen &&
+            !hasTriggeredAutostart &&
+            (autoStart || autoStart === undefined) &&
+            (!sessionId || hasInitialSession)) {
             setHasTriggeredAutostart(true);
             onClickStart === null || onClickStart === void 0 ? void 0 : onClickStart();
         }
@@ -115,11 +371,32 @@ const HiddenChatLayout = ({ Header, headerProps, Chat, chatProps, startPanelProp
             restoreFromFullscreen();
         }
     };
-    return (_jsxs(_Fragment, { children: [_jsx("input", { type: "checkbox", id: "memori-sidebar-toggle", className: `memori-sidebar-toggle ${state.isDrawerOpen ? 'memori-sidebar-toggle-artifact' : ''}`, checked: isOpen, onChange: handleSidebarToggle }), _jsxs("div", { className: "memori-sidebar-container", children: [_jsx("label", { htmlFor: "memori-sidebar-toggle", className: "memori-sidebar-toggle-label memori-open-label", children: _jsx(QuestionHelp, { className: "memori-icon", "aria-label": t('expand') }) }), _jsxs("aside", { className: `memori-sidebar ${fullScreen ? 'memori-sidebar-fullscreen' : ''}`, children: [_jsx("label", { htmlFor: "memori-sidebar-toggle", className: "memori-sidebar-toggle-label memori-close-label", children: _jsx("span", { children: _jsx(Close, { className: "memori-icon-close", "aria-label": t('collapse') }) }) }), _jsx("div", { className: "memori-sidebar-content", children: _jsx("div", { className: "memori-hidden-chat-layout--header", children: Header && headerProps && (_jsx(Header, { position: {
-                                            latitude: 0,
-                                            longitude: 0,
-                                            placeName: '',
-                                        }, ...headerProps, className: "memori-hidden-chat-layout-header--layout", fullScreenHandler: handleFullscreenToggle })) }) }), _jsx("div", { id: "extension" }), _jsx("div", { className: "memori-hidden-chat-layout--controls", children: sessionId && hasUserActivatedSpeak && Chat && chatProps ? (_jsx(Chat, { ...chatProps })) : !autoStart && startPanelProps ? (_jsx("div", { className: "memori-loading", children: _jsx(StartPanel, { ...startPanelProps }) })) : (_jsx("div", { className: "memori-loading", children: _jsx(Spin, {}) })) })] })] })] }));
+    return (_jsxs(_Fragment, { children: [_jsx("input", { type: "checkbox", id: "memori-sidebar-toggle", className: `memori-sidebar-toggle ${useSideArtifactChrome ? 'memori-sidebar-toggle-artifact' : ''}`, checked: isOpen, onChange: handleSidebarToggle }), _jsxs("div", { className: "memori-sidebar-container", children: [_jsx("label", { htmlFor: "memori-sidebar-toggle", className: "memori-sidebar-toggle-label memori-open-label", children: _jsx(HelpCircle, { className: "memori-icon", "aria-label": (_a = t('expand')) !== null && _a !== void 0 ? _a : undefined }) }), _jsxs("aside", { className: `memori-sidebar memori-chat-layout ${fullScreen ? 'memori-sidebar-fullscreen' : ''}`, children: [_jsx("label", { htmlFor: "memori-sidebar-toggle", className: "memori-sidebar-toggle-label memori-close-label", children: _jsx("span", { children: _jsx(X, { className: "memori-icon-close", "aria-label": (_b = t('collapse')) !== null && _b !== void 0 ? _b : undefined }) }) }), _jsxs("div", { className: "memori-hidden-chat-layout--controls memori-chat-layout--controls", children: [_jsx("div", { className: "memori-chat-layout--header", children: Header && headerProps && (_jsxs("div", { className: "memori-chat-layout--header-row", children: [memori && brandAvatarSrc && (_jsxs("div", { className: "memori-chat-layout--brand", children: [_jsx("img", { className: "memori-chat-layout--brand-avatar", src: brandAvatarSrc, alt: "", role: "presentation" }), _jsx("div", { className: "memori-chat-layout--brand-text", children: isSessionStarted && (_jsx("span", { className: "memori-chat-layout--brand-name", title: memori.name, children: memori.name })) })] })), _jsx("div", { className: "memori-hidden-chat-layout--header-actions", children: hiddenChatHeaderProps && (_jsx(Header, { position: {
+                                                            latitude: 0,
+                                                            longitude: 0,
+                                                            placeName: '',
+                                                        }, ...hiddenChatHeaderProps, buttonVariant: "outline", fullScreenHandler: handleFullscreenToggle, extraActions: _jsx(Button, { variant: "outline", className: `memori-hidden-chat-layout--overflow-trigger ${sessionPanelOpen ? 'memori-button--active' : ''}`, "aria-label": t('widget.moreActions') || 'More actions', icon: _jsx(EllipsisVertical, {}), onClick: () => setSessionPanelOpen(currentOpen => !currentOpen) }) })) })] })) }), _jsxs("div", { className: "memori-chat-layout--body", children: [headerProps && (_jsx(MobileSessionPanel, { open: sessionPanelOpen, onClose: () => setSessionPanelOpen(false), presentation: "popover", title: t('widget.mobileSession.session') || 'Session', loginToken: headerProps.loginToken, user: headerProps.user, apiClient: headerProps.apiClient, userName: loggedUserDisplayName || (memori === null || memori === void 0 ? void 0 : memori.name) || 'User', userEmail: loggedUser === null || loggedUser === void 0 ? void 0 : loggedUser.eMail, userInitial: loggedUserInitial, avatarURL: loggedUser === null || loggedUser === void 0 ? void 0 : loggedUser.avatarURL, birthDate: loggedUser === null || loggedUser === void 0 ? void 0 : loggedUser.birthDate, actions: sessionPanelActions, knownFactsPageTitle: t('knownFacts.title') || 'Known facts', sharePageTitle: t('widget.share') || 'Share', locationPageTitle: t('widget.mobileSession.locationTracking') ||
+                                                    'Location tracking', backLabel: t('back') || 'Back', locationStatusLabel: t('widget.mobileSession.locationStatus') || 'Status', locationPlace: (_c = headerProps.position) === null || _c === void 0 ? void 0 : _c.placeName, locationUnknownLabel: t('write_and_speak.unknownPosition') || 'Unknown position', locationEnableLabel: t('widget.shareLocation') || 'Share location', locationDisableLabel: t('widget.mobileSession.disableLocationSharing') ||
+                                                    'Disable location sharing', knownFactsDescription: t('knownFacts.description', {
+                                                    memoriName: (memori === null || memori === void 0 ? void 0 : memori.name) || '',
+                                                }) || '', knownFactsCtaLabel: t('widget.mobileSession.openKnownFacts') ||
+                                                    'Open full known facts', knownFactsCountLabel: t('widget.mobileSession.knownFactsMessages', {
+                                                    count: ((_d = headerProps.history) === null || _d === void 0 ? void 0 : _d.length) || 0,
+                                                }) || '', shareContent: _jsx(ShareButton, { tenant: headerProps === null || headerProps === void 0 ? void 0 : headerProps.tenant, memori: headerProps === null || headerProps === void 0 ? void 0 : headerProps.memori, sessionID: headerProps === null || headerProps === void 0 ? void 0 : headerProps.sessionID, title: (_e = headerProps === null || headerProps === void 0 ? void 0 : headerProps.memori) === null || _e === void 0 ? void 0 : _e.name, baseUrl: headerProps === null || headerProps === void 0 ? void 0 : headerProps.baseUrl, align: "left", history: headerProps === null || headerProps === void 0 ? void 0 : headerProps.history, renderMode: "inline" }), knownFactsDisabled: !isSessionStarted, showSessionInfo: isSessionStarted, history: (_f = headerProps.history) !== null && _f !== void 0 ? _f : [], isLoggedIn: !!loggedUser, loginLabel: t('login.login') || 'Log in', onLogin: () => {
+                                                    headerProps.setShowLoginDrawer(true);
+                                                    setSessionPanelOpen(false);
+                                                }, onKnownFactsOpen: () => {
+                                                    if (!isSessionStarted)
+                                                        return;
+                                                    headerProps.setShowKnownFactsDrawer(true);
+                                                    setSessionPanelOpen(false);
+                                                }, onLocationEnable: handleEnableLocation, onLocationDisable: handleDisableLocation, logoutLabel: t('login.logout') || 'Log out', onLogout: () => {
+                                                    handleOverflowActionClick('login');
+                                                    setSessionPanelOpen(false);
+                                                } })), sessionId && hasUserActivatedSpeak && Chat && chatProps ? (_jsx(Chat, { ...chatProps })) : !autoStart && startPanelProps ? (_jsxs("div", { className: "memori-chat-layout--start-shell", children: [_jsx("div", { className: "memori-chat-layout--start-panel-wrap", children: _jsx(StartPanel, { ...startPanelProps }) }), Chat && chatProps && chatProps.showInputs !== false && (_jsx("div", { className: "memori-chat-layout--prechat-inputs", children: _jsx(ChatInputs, { userMessage: chatProps.userMessage, onChangeUserMessage: chatProps.onChangeUserMessage, dialogState: chatProps.dialogState, instruct: chatProps.instruct, authToken: chatProps.authToken, sendMessage: chatProps.sendMessage, isTyping: chatProps.memoriTyping, microphoneMode: chatProps.microphoneMode, sendOnEnter: chatProps.sendOnEnter, setSendOnEnter: chatProps.setSendOnEnter, client: chatProps.client, sessionID: chatProps.sessionID, showUpload: chatProps.showUpload, attachmentsMenuOpen: chatProps.attachmentsMenuOpen, setAttachmentsMenuOpen: chatProps.setAttachmentsMenuOpen, onTextareaFocus: () => {
+                                                                var _a;
+                                                                (_a = chatProps.stopListening) === null || _a === void 0 ? void 0 : _a.call(chatProps);
+                                                            }, onTextareaBlur: () => { }, onTextareaExpanded: () => { }, startListening: chatProps.startListening, stopListening: chatProps.stopListening, stopAudio: chatProps.stopAudio, listening: chatProps.listening, isPlayingAudio: chatProps.isPlayingAudio, showMicrophone: chatProps.showMicrophone, memoriID: (_g = chatProps.memori) === null || _g === void 0 ? void 0 : _g.memoriID, maxTextareaCharacters: chatProps.maxTextareaCharacters, maxDocumentsPerMessage: maxDocumentsPerMessage, maxDocumentContentLength: maxDocumentContentLength, pasteAsCardLineThreshold: pasteAsCardLineThreshold, pasteAsCardCharThreshold: pasteAsCardCharThreshold, showAiGeneratedNote: false }) }))] })) : (_jsx("div", { className: "memori-loading", children: _jsx(Spin, { spinning: true }) })), _jsx("div", { id: "extension" })] })] })] })] })] }));
 };
 export default HiddenChatLayout;
 //# sourceMappingURL=HiddenChat.js.map