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

package/dist/components/layouts/FullPage.js

@@ -2,16 +2,198 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-const Spin_1 = tslib_1.__importDefault(require("../ui/Spin"));
+const react_1 = require("react");
+const ui_1 = require("@memori.ai/ui");
+const react_i18next_1 = require("react-i18next");
+const lucide_react_1 = require("lucide-react");
 const ArtifactContext_1 = require("../MemoriArtifactSystem/context/ArtifactContext");
+const MobileSessionPanel_1 = tslib_1.__importDefault(require("../MobileSessionPanel/MobileSessionPanel"));
+const ShareButton_1 = tslib_1.__importDefault(require("../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 } = (0, react_i18next_1.useTranslation)();
     const { state } = (0, ArtifactContext_1.useArtifact)();
     const hasArtifact = state.currentArtifact;
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [integrationStyle, integrationBackground, (0, jsx_runtime_1.jsxs)(Spin_1.default, { spinning: loading, children: [(0, jsx_runtime_1.jsx)("div", { className: `memori-chat-layout--header ${state.isDrawerOpen ? 'memori-chat-layout--header-with-artifact' : ''}`, children: Header && headerProps && (0, jsx_runtime_1.jsx)(Header, { ...headerProps }) }), (0, jsx_runtime_1.jsxs)("div", { className: "memori--grid", children: [!state.isDrawerOpen && ((0, jsx_runtime_1.jsxs)("div", { className: "memori--grid-column memori--grid-column-left", children: [Avatar && avatarProps && ((0, jsx_runtime_1.jsx)(Avatar, { chatProps: chatProps, ...avatarProps })), (0, jsx_runtime_1.jsx)("div", { id: "extension" })] })), (0, jsx_runtime_1.jsx)("div", { className: `memori-chat-layout--main ${hasArtifact ? 'memori-chat-layout--main-with-artifact' : ''}`, children: (0, jsx_runtime_1.jsx)("div", { className: state.isFullscreen
+    const useSideArtifactChrome = state.isDrawerOpen && !state.isChatLogPanelPresentation;
+    const [isMobile, setIsMobile] = (0, react_1.useState)(false);
+    const [mobileSheetOpen, setMobileSheetOpen] = (0, react_1.useState)(false);
+    (0, react_1.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 = (0, react_1.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 = (0, react_1.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 = (0, react_1.useMemo)(() => {
+        var _a;
+        if (!headerProps)
+            return [];
+        const showChatHistoryInPanel = isMobile &&
+            !!headerProps.loginToken &&
+            headerProps.showChatHistory !== false;
+        const historyBlock = showChatHistoryInPanel
+            ? [
+                {
+                    key: 'chatHistory',
+                    icon: (0, jsx_runtime_1.jsx)(lucide_react_1.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: (0, jsx_runtime_1.jsx)(lucide_react_1.Expand, { size: 18 }),
+                title: t('fullscreenEnter') || 'Full screen',
+                subtitle: t('widget.expandToImmersive') || 'Expand to immersive view',
+                onClick: () => {
+                    handleMobileFullscreen();
+                    setMobileSheetOpen(false);
+                },
+            },
+            {
+                key: 'share',
+                icon: (0, jsx_runtime_1.jsx)(lucide_react_1.Share2, { size: 18 }),
+                title: t('widget.share') || 'Share chat',
+                subtitle: t('widget.mobileSession.copyLinkOrDownload') ||
+                    'Copy link or download',
+                view: 'share',
+            },
+            {
+                key: 'location',
+                icon: (0, jsx_runtime_1.jsx)(lucide_react_1.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: ((0, jsx_runtime_1.jsx)("span", { className: "memori-mobile-session-panel--chevron", children: '>' })),
+            },
+        ];
+    }, [headerProps, isMobile, isSessionStarted, t, handleMobileFullscreen]);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [integrationStyle, integrationBackground, (0, jsx_runtime_1.jsxs)(ui_1.Spin, { spinning: loading, children: [poweredBy, Header && headerProps && mobileHeaderProps && ((0, jsx_runtime_1.jsx)("div", { className: "memori-fullpage-top-header", children: (0, jsx_runtime_1.jsx)("div", { className: "memori-chat-layout--header", children: (0, jsx_runtime_1.jsx)("div", { className: "memori-fullpage-header-row", children: (0, jsx_runtime_1.jsx)(Header, { ...mobileHeaderProps, layout: "FULLPAGE", buttonVariant: "outline", extraActions: isMobile ? ((0, jsx_runtime_1.jsx)(ui_1.Button, { variant: "outline", className: `memori-chat-layout--overflow-trigger ${mobileSheetOpen ? 'memori-button--active' : ''}`, "aria-label": t('widget.moreActions') || 'More actions', icon: (0, jsx_runtime_1.jsx)(lucide_react_1.EllipsisVertical, {}), onClick: () => setMobileSheetOpen(currentOpen => !currentOpen) })) : undefined }) }) }) })), headerProps && ((0, jsx_runtime_1.jsx)(MobileSessionPanel_1.default, { 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: (0, jsx_runtime_1.jsx)(ShareButton_1.default, { 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);
+                        } })), (0, jsx_runtime_1.jsxs)("div", { className: "memori--grid", children: [!useSideArtifactChrome && ((0, jsx_runtime_1.jsxs)("div", { className: "memori--grid-column memori--grid-column-left", children: [Avatar && avatarProps && ((0, jsx_runtime_1.jsx)(Avatar, { chatProps: chatProps, ...avatarProps })), (0, jsx_runtime_1.jsx)("div", { id: "extension" })] })), (0, jsx_runtime_1.jsx)("div", { className: `memori-chat-layout--main ${hasArtifact && !state.isChatLogPanelPresentation
+                                    ? 'memori-chat-layout--main-with-artifact'
+                                    : ''}`, children: (0, jsx_runtime_1.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 ? ((0, jsx_runtime_1.jsx)(Chat, { ...chatProps })) : startPanelProps ? ((0, jsx_runtime_1.jsx)(StartPanel, { ...startPanelProps })) : null }) }), poweredBy] })] })] }));
+                                            : ''}`, children: sessionId && hasUserActivatedSpeak && Chat && chatProps ? ((0, jsx_runtime_1.jsx)(Chat, { ...chatProps })) : startPanelProps ? ((0, jsx_runtime_1.jsx)(StartPanel, { ...startPanelProps })) : null }) })] })] })] }));
 };
 exports.default = FullPageLayout;
 //# sourceMappingURL=FullPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FullPage.js","sourceRoot":"","sources":["../../../src/components/layouts/FullPage.tsx"],"names":[],"mappings":";;;;AACA,8DAA8B;AAE9B,qFAA8E;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,IAAA,6BAAW,GAAE,CAAC;IAChC,MAAM,WAAW,GAAG,KAAK,CAAC,eAAe,CAAC;IAC1C,OAAO,CACL,6DACG,gBAAgB,EAChB,qBAAqB,EAEtB,wBAAC,cAAI,IAAC,QAAQ,EAAE,OAAO,aACrB,gCACE,SAAS,EAAE,8BACT,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,0CAA0C,CAAC,CAAC,CAAC,EACpE,EAAE,YAED,MAAM,IAAI,WAAW,IAAI,uBAAC,MAAM,OAAK,WAAW,GAAI,GACjD,EAEN,iCAAK,SAAS,EAAC,cAAc,aAC1B,CAAC,KAAK,CAAC,YAAY,IAAI,CACtB,iCAAK,SAAS,EAAC,8CAA8C,aAC1D,MAAM,IAAI,WAAW,IAAI,CACxB,uBAAC,MAAM,IAAC,SAAS,EAAE,SAAS,KAAM,WAAW,GAAI,CAClD,EAED,gCAAK,EAAE,EAAC,WAAW,GAAG,IAClB,CACP,EACD,gCACE,SAAS,EAAE,4BACT,WAAW,CAAC,CAAC,CAAC,wCAAwC,CAAC,CAAC,CAAC,EAC3D,EAAE,YAEF,gCACE,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,uBAAC,IAAI,OAAK,SAAS,GAAI,CACxB,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CACpB,uBAAC,UAAU,OAAK,eAAe,GAAI,CACpC,CAAC,CAAC,CAAC,IAAI,GACJ,GACF,EAEL,SAAS,IACN,IACD,IACN,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,cAAc,CAAC"}
+{"version":3,"file":"FullPage.js","sourceRoot":"","sources":["../../../src/components/layouts/FullPage.tsx"],"names":[],"mappings":"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"}

package/dist/components/layouts/HiddenChat.js

@@ -3,18 +3,265 @@ 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 Spin_1 = tslib_1.__importDefault(require("../ui/Spin"));
+const ui_1 = require("@memori.ai/ui");
 const react_i18next_1 = require("react-i18next");
 const ArtifactContext_1 = require("../MemoriArtifactSystem/context/ArtifactContext");
-const QuestionHelp_1 = tslib_1.__importDefault(require("../icons/QuestionHelp"));
-const Close_1 = tslib_1.__importDefault(require("../icons/Close"));
+const lucide_react_1 = require("lucide-react");
+const media_1 = require("../../helpers/media");
+const ChatInputs_1 = tslib_1.__importDefault(require("../ChatInputs/ChatInputs"));
+const ShareButton_1 = tslib_1.__importDefault(require("../ShareButton/ShareButton"));
+const MobileSessionPanel_1 = tslib_1.__importDefault(require("../MobileSessionPanel/MobileSessionPanel"));
+const constants_1 = require("../../helpers/constants");
 const HiddenChatLayout = ({ Header, headerProps, Chat, chatProps, startPanelProps, sessionId, hasUserActivatedSpeak, autoStart, StartPanel, onSidebarToggle, }) => {
-    const { t } = (0, react_i18next_1.useTranslation)();
+    var _a, _b, _c, _d, _e, _f, _g;
+    const { t, i18n } = (0, react_i18next_1.useTranslation)();
     const [isOpen, setIsOpen] = (0, react_1.useState)(false);
     const [fullScreen, setFullScreen] = (0, react_1.useState)(false);
     const [hasTriggeredAutostart, setHasTriggeredAutostart] = (0, react_1.useState)(false);
+    const [sessionPanelOpen, setSessionPanelOpen] = (0, react_1.useState)(false);
     const { state, closeArtifact } = (0, ArtifactContext_1.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 = (0, react_1.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 = (0, react_1.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 = (0, react_1.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 = (0, react_1.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 = (0, react_1.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 = (0, react_1.useMemo)(() => {
+        var _a;
+        return [
+            {
+                key: 'fullscreen',
+                icon: (0, jsx_runtime_1.jsx)(lucide_react_1.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: (0, jsx_runtime_1.jsx)(lucide_react_1.MessageCircle, { size: 18 }),
+                        title: t('write_and_speak.chatHistory') || 'Chat history',
+                        onClick: () => {
+                            handleOverflowActionClick('chatHistory');
+                            setSessionPanelOpen(false);
+                        },
+                    },
+                ]
+                : []),
+            {
+                key: 'share',
+                icon: (0, jsx_runtime_1.jsx)(lucide_react_1.Share2, { size: 18 }),
+                title: t('widget.share') || 'Share chat',
+                subtitle: t('widget.mobileSession.copyLinkOrDownload') ||
+                    'Copy link or download',
+                view: 'share',
+            },
+            {
+                key: 'location',
+                icon: (0, jsx_runtime_1.jsx)(lucide_react_1.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: ((0, jsx_runtime_1.jsx)("span", { className: "memori-mobile-session-panel--chevron", children: '>' })),
+            },
+            ...((headerProps === null || headerProps === void 0 ? void 0 : headerProps.showReload)
+                ? [
+                    {
+                        key: 'reload',
+                        icon: (0, jsx_runtime_1.jsx)(lucide_react_1.RefreshCw, { size: 18 }),
+                        title: t('reload') || 'Reload',
+                        onClick: () => handleOverflowActionClick('reload'),
+                    },
+                ]
+                : []),
+            ...((headerProps === null || headerProps === void 0 ? void 0 : headerProps.showClear)
+                ? [
+                    {
+                        key: 'clear',
+                        icon: (0, jsx_runtime_1.jsx)(lucide_react_1.Trash2, { size: 18 }),
+                        title: t('clearHistory') || 'Clear chat',
+                        onClick: () => handleOverflowActionClick('clear'),
+                    },
+                ]
+                : []),
+        ];
+    }, [t, headerProps, isSessionStarted]);
+    const brandAvatarSrc = memori
+        ? memori.avatarURL && memori.avatarURL.length > 0
+            ? (0, media_1.getResourceUrl)({
+                type: 'avatar',
+                tenantID: tenant === null || tenant === void 0 ? void 0 : tenant.name,
+                resourceURI: memori.avatarURL,
+                baseURL: baseUrl,
+                apiURL: '',
+            })
+            : (0, media_1.getResourceUrl)({
+                type: 'avatar',
+                tenantID: tenant === null || tenant === void 0 ? void 0 : tenant.name,
+                baseURL: baseUrl,
+                apiURL: '',
+            })
+        : undefined;
     const originalSidebarStyles = (0, react_1.useRef)({
         right: '',
         width: '',
@@ -32,11 +279,17 @@ const HiddenChatLayout = ({ Header, headerProps, Chat, chatProps, startPanelProp
         };
     }, [fullScreen]);
     (0, react_1.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 {
@@ -52,7 +305,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();
         }
@@ -118,11 +374,32 @@ const HiddenChatLayout = ({ Header, headerProps, Chat, chatProps, startPanelProp
             restoreFromFullscreen();
         }
     };
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("input", { type: "checkbox", id: "memori-sidebar-toggle", className: `memori-sidebar-toggle ${state.isDrawerOpen ? 'memori-sidebar-toggle-artifact' : ''}`, checked: isOpen, onChange: handleSidebarToggle }), (0, jsx_runtime_1.jsxs)("div", { className: "memori-sidebar-container", children: [(0, jsx_runtime_1.jsx)("label", { htmlFor: "memori-sidebar-toggle", className: "memori-sidebar-toggle-label memori-open-label", children: (0, jsx_runtime_1.jsx)(QuestionHelp_1.default, { className: "memori-icon", "aria-label": t('expand') }) }), (0, jsx_runtime_1.jsxs)("aside", { className: `memori-sidebar ${fullScreen ? 'memori-sidebar-fullscreen' : ''}`, children: [(0, jsx_runtime_1.jsx)("label", { htmlFor: "memori-sidebar-toggle", className: "memori-sidebar-toggle-label memori-close-label", children: (0, jsx_runtime_1.jsx)("span", { children: (0, jsx_runtime_1.jsx)(Close_1.default, { className: "memori-icon-close", "aria-label": t('collapse') }) }) }), (0, jsx_runtime_1.jsx)("div", { className: "memori-sidebar-content", children: (0, jsx_runtime_1.jsx)("div", { className: "memori-hidden-chat-layout--header", children: Header && headerProps && ((0, jsx_runtime_1.jsx)(Header, { position: {
-                                            latitude: 0,
-                                            longitude: 0,
-                                            placeName: '',
-                                        }, ...headerProps, className: "memori-hidden-chat-layout-header--layout", fullScreenHandler: handleFullscreenToggle })) }) }), (0, jsx_runtime_1.jsx)("div", { id: "extension" }), (0, jsx_runtime_1.jsx)("div", { className: "memori-hidden-chat-layout--controls", children: sessionId && hasUserActivatedSpeak && Chat && chatProps ? ((0, jsx_runtime_1.jsx)(Chat, { ...chatProps })) : !autoStart && startPanelProps ? ((0, jsx_runtime_1.jsx)("div", { className: "memori-loading", children: (0, jsx_runtime_1.jsx)(StartPanel, { ...startPanelProps }) })) : ((0, jsx_runtime_1.jsx)("div", { className: "memori-loading", children: (0, jsx_runtime_1.jsx)(Spin_1.default, {}) })) })] })] })] }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("input", { type: "checkbox", id: "memori-sidebar-toggle", className: `memori-sidebar-toggle ${useSideArtifactChrome ? 'memori-sidebar-toggle-artifact' : ''}`, checked: isOpen, onChange: handleSidebarToggle }), (0, jsx_runtime_1.jsxs)("div", { className: "memori-sidebar-container", children: [(0, jsx_runtime_1.jsx)("label", { htmlFor: "memori-sidebar-toggle", className: "memori-sidebar-toggle-label memori-open-label", children: (0, jsx_runtime_1.jsx)(lucide_react_1.HelpCircle, { className: "memori-icon", "aria-label": (_a = t('expand')) !== null && _a !== void 0 ? _a : undefined }) }), (0, jsx_runtime_1.jsxs)("aside", { className: `memori-sidebar memori-chat-layout ${fullScreen ? 'memori-sidebar-fullscreen' : ''}`, children: [(0, jsx_runtime_1.jsx)("label", { htmlFor: "memori-sidebar-toggle", className: "memori-sidebar-toggle-label memori-close-label", children: (0, jsx_runtime_1.jsx)("span", { children: (0, jsx_runtime_1.jsx)(lucide_react_1.X, { className: "memori-icon-close", "aria-label": (_b = t('collapse')) !== null && _b !== void 0 ? _b : undefined }) }) }), (0, jsx_runtime_1.jsxs)("div", { className: "memori-hidden-chat-layout--controls memori-chat-layout--controls", children: [(0, jsx_runtime_1.jsx)("div", { className: "memori-chat-layout--header", children: Header && headerProps && ((0, jsx_runtime_1.jsxs)("div", { className: "memori-chat-layout--header-row", children: [memori && brandAvatarSrc && ((0, jsx_runtime_1.jsxs)("div", { className: "memori-chat-layout--brand", children: [(0, jsx_runtime_1.jsx)("img", { className: "memori-chat-layout--brand-avatar", src: brandAvatarSrc, alt: "", role: "presentation" }), (0, jsx_runtime_1.jsx)("div", { className: "memori-chat-layout--brand-text", children: isSessionStarted && ((0, jsx_runtime_1.jsx)("span", { className: "memori-chat-layout--brand-name", title: memori.name, children: memori.name })) })] })), (0, jsx_runtime_1.jsx)("div", { className: "memori-hidden-chat-layout--header-actions", children: hiddenChatHeaderProps && ((0, jsx_runtime_1.jsx)(Header, { position: {
+                                                            latitude: 0,
+                                                            longitude: 0,
+                                                            placeName: '',
+                                                        }, ...hiddenChatHeaderProps, buttonVariant: "outline", fullScreenHandler: handleFullscreenToggle, extraActions: (0, jsx_runtime_1.jsx)(ui_1.Button, { variant: "outline", className: `memori-hidden-chat-layout--overflow-trigger ${sessionPanelOpen ? 'memori-button--active' : ''}`, "aria-label": t('widget.moreActions') || 'More actions', icon: (0, jsx_runtime_1.jsx)(lucide_react_1.EllipsisVertical, {}), onClick: () => setSessionPanelOpen(currentOpen => !currentOpen) }) })) })] })) }), (0, jsx_runtime_1.jsxs)("div", { className: "memori-chat-layout--body", children: [headerProps && ((0, jsx_runtime_1.jsx)(MobileSessionPanel_1.default, { 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: (0, jsx_runtime_1.jsx)(ShareButton_1.default, { 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 ? ((0, jsx_runtime_1.jsx)(Chat, { ...chatProps })) : !autoStart && startPanelProps ? ((0, jsx_runtime_1.jsxs)("div", { className: "memori-chat-layout--start-shell", children: [(0, jsx_runtime_1.jsx)("div", { className: "memori-chat-layout--start-panel-wrap", children: (0, jsx_runtime_1.jsx)(StartPanel, { ...startPanelProps }) }), Chat && chatProps && chatProps.showInputs !== false && ((0, jsx_runtime_1.jsx)("div", { className: "memori-chat-layout--prechat-inputs", children: (0, jsx_runtime_1.jsx)(ChatInputs_1.default, { 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: constants_1.maxDocumentsPerMessage, maxDocumentContentLength: constants_1.maxDocumentContentLength, pasteAsCardLineThreshold: constants_1.pasteAsCardLineThreshold, pasteAsCardCharThreshold: constants_1.pasteAsCardCharThreshold, showAiGeneratedNote: false }) }))] })) : ((0, jsx_runtime_1.jsx)("div", { className: "memori-loading", children: (0, jsx_runtime_1.jsx)(ui_1.Spin, { spinning: true }) })), (0, jsx_runtime_1.jsx)("div", { id: "extension" })] })] })] })] })] }));
 };
 exports.default = HiddenChatLayout;
 //# sourceMappingURL=HiddenChat.js.map