@memori.ai/memori-react 8.30.1 → 8.31.0

package/esm/components/PositionPopover/PositionPopover.d.ts

@@ -0,0 +1,15 @@
+import { Venue } from '@memori.ai/memori-api-client/dist/types';
+import { Button } from '@memori.ai/ui';
+import React from 'react';
+export interface PositionPopoverProps {
+    venue?: Venue;
+    setVenue: (venue?: Venue) => void;
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    triggerClassName?: string;
+    triggerButtonVariant?: React.ComponentProps<typeof Button>['variant'];
+    triggerAriaLabel: string;
+    positionerClassName?: string;
+}
+declare const PositionPopover: React.FC<PositionPopoverProps>;
+export default PositionPopover;

package/esm/components/PositionPopover/PositionPopover.js

@@ -0,0 +1,178 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Popover } from '@base-ui/react/popover';
+import { Button } from '@memori.ai/ui';
+import { MapPin, Pencil } from 'lucide-react';
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { getUncertaintyByViewport } from '../../helpers/venue';
+import { useDebounceFn } from '../../helpers/utils';
+import { VenueCombobox, VenueMapPreview, getPlaceName, } from '../VenueWidget/VenueWidget';
+import cx from 'classnames';
+function hasShareableCoords(v) {
+    return !!((v === null || v === void 0 ? void 0 : v.latitude) && (v === null || v === void 0 ? void 0 : v.longitude));
+}
+const PositionPopover = ({ venue, setVenue, open, onOpenChange, triggerClassName, triggerButtonVariant = 'primary', triggerAriaLabel, positionerClassName, }) => {
+    var _a;
+    const { t } = useTranslation();
+    const [geolocationLoading, setGeolocationLoading] = useState(false);
+    const [editingLocation, setEditingLocation] = useState(false);
+    const [permissionDeniedMessage, setPermissionDeniedMessage] = useState(null);
+    const [geocodingError, setGeocodingError] = useState(null);
+    const [fetching, setFetching] = useState(false);
+    const [query, setQuery] = useState('');
+    const [suggestions, setSuggestions] = useState([]);
+    const geoGenRef = useRef(0);
+    const autocompleteInputRef = useRef(null);
+    const editingRef = useRef(false);
+    editingRef.current = editingLocation;
+    const sharingActive = geolocationLoading || hasShareableCoords(venue);
+    const handleSearch = useDebounceFn(async (value) => {
+        setFetching(true);
+        try {
+            const response = await fetch(`https://nominatim.openstreetmap.org/search?q=${encodeURIComponent(value)}&format=jsonv2&limit=5&addressdetails=1`);
+            const data = await response.json();
+            setSuggestions(data);
+        }
+        catch (_a) {
+            setGeocodingError(String(t('widget.geocodingFailed')));
+        }
+        finally {
+            setFetching(false);
+        }
+    }, 1000);
+    const onQueryChange = useCallback((value, opts) => {
+        setQuery(value);
+        if (opts === null || opts === void 0 ? void 0 : opts.skipSearch)
+            return;
+        if (!value.trim()) {
+            setSuggestions([]);
+            return;
+        }
+        handleSearch(value);
+    }, [handleSearch]);
+    const handleAutocompletePick = useCallback((value) => {
+        const placeName = getPlaceName(value);
+        setVenue({
+            latitude: value.lat,
+            longitude: value.lon,
+            placeName,
+            uncertainty: (value === null || value === void 0 ? void 0 : value.boundingbox)
+                ? getUncertaintyByViewport(value.boundingbox)
+                : 2,
+        });
+        setEditingLocation(false);
+        setQuery('');
+        setSuggestions([]);
+        setGeocodingError(null);
+        setPermissionDeniedMessage(null);
+    }, [setVenue, t]);
+    const startGeolocation = useCallback(() => {
+        const gen = ++geoGenRef.current;
+        setPermissionDeniedMessage(null);
+        setGeocodingError(null);
+        setGeolocationLoading(true);
+        navigator.geolocation.getCurrentPosition(async (pos) => {
+            if (gen !== geoGenRef.current)
+                return;
+            let next = {
+                latitude: pos.coords.latitude,
+                longitude: pos.coords.longitude,
+                placeName: '',
+                uncertainty: pos.coords.accuracy / 1000,
+            };
+            try {
+                const result = await fetch(`https://nominatim.openstreetmap.org/reverse?lat=${pos.coords.latitude}&lon=${pos.coords.longitude}&format=jsonv2&addressdetails=1`);
+                const response = (await result.json());
+                const placeName = getPlaceName(response);
+                next = {
+                    latitude: pos.coords.latitude,
+                    longitude: pos.coords.longitude,
+                    placeName,
+                    uncertainty: pos.coords.accuracy / 1000,
+                };
+                setVenue(next);
+            }
+            catch (e) {
+                console.error('[PositionPopover] reverse geocode failed', e);
+                setGeocodingError(String(t('widget.geocodingFailed')));
+                setVenue(next);
+            }
+            finally {
+                if (gen === geoGenRef.current) {
+                    setGeolocationLoading(false);
+                }
+            }
+        }, err => {
+            if (gen !== geoGenRef.current)
+                return;
+            setGeolocationLoading(false);
+            setVenue(undefined);
+            const code = err.code;
+            if (code === 1) {
+                setPermissionDeniedMessage(String(t('widget.positionUnavailableManual')));
+                setEditingLocation(true);
+            }
+            else {
+                setGeocodingError(String(t('widget.geocodingFailed')));
+            }
+        }, { enableHighAccuracy: true, timeout: 15000, maximumAge: 0 });
+    }, [setVenue, t]);
+    const toggleSharing = useCallback(() => {
+        setPermissionDeniedMessage(null);
+        setGeocodingError(null);
+        if (sharingActive && !geolocationLoading) {
+            geoGenRef.current += 1;
+            setVenue(undefined);
+            setEditingLocation(false);
+            setQuery('');
+            setSuggestions([]);
+            return;
+        }
+        if (geolocationLoading) {
+            geoGenRef.current += 1;
+            setGeolocationLoading(false);
+            setVenue(undefined);
+            return;
+        }
+        startGeolocation();
+    }, [
+        geolocationLoading,
+        setVenue,
+        sharingActive,
+        startGeolocation,
+    ]);
+    useEffect(() => {
+        if (!editingLocation)
+            return;
+        const id = requestAnimationFrame(() => {
+            var _a;
+            (_a = autocompleteInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        });
+        return () => cancelAnimationFrame(id);
+    }, [editingLocation]);
+    const handleRootOpenChange = useCallback((nextOpen, details) => {
+        if (!nextOpen &&
+            editingRef.current &&
+            (details === null || details === void 0 ? void 0 : details.reason) === 'escape-key' &&
+            details.preventUnmountOnClose) {
+            details.preventUnmountOnClose();
+            setEditingLocation(false);
+            setQuery('');
+            return;
+        }
+        onOpenChange(nextOpen);
+    }, [onOpenChange]);
+    const inlineError = permissionDeniedMessage || geocodingError;
+    return (_jsxs(Popover.Root, { open: open, onOpenChange: handleRootOpenChange, modal: false, children: [_jsx(Popover.Trigger, { className: triggerClassName, render: (props) => (_jsx(Button, { ...props, type: "button", variant: triggerButtonVariant, className: cx('memori-header--button', 'memori-header--button--position'), "aria-label": triggerAriaLabel, "aria-expanded": open, icon: _jsx(MapPin, { "aria-hidden": true }) })) }), _jsx(Popover.Portal, { children: _jsx(Popover.Positioner, { className: cx('memori-position-popover__positioner', positionerClassName), sideOffset: 8, side: "bottom", align: "end", children: _jsxs(Popover.Popup, { className: "memori-position-popover__popup", children: [_jsxs("div", { className: "memori-position-popover__row memori-position-popover__switch-row", children: [_jsx("span", { className: "memori-position-popover__switch-label", children: t('widget.shareLocation') }), _jsx("button", { type: "button", role: "switch", "aria-checked": sharingActive, "aria-label": String(t('widget.shareLocationAria')), className: cx('memori-position-popover__switch', {
+                                            'memori-position-popover__switch--on': sharingActive,
+                                        }), onClick: toggleSharing, children: _jsx("span", { className: "memori-position-popover__switch-thumb" }) })] }), (sharingActive ||
+                                geolocationLoading ||
+                                editingLocation) && (_jsx("div", { className: "memori-position-popover__tag-block", children: geolocationLoading ? (_jsxs("div", { className: "memori-position-popover__tag memori-position-popover__tag--loading", "aria-busy": "true", "aria-live": "polite", children: [_jsx("span", { className: "memori-position-popover__spinner", "aria-hidden": true }), _jsx("span", { className: "memori-position-popover__tag-skeleton" })] })) : editingLocation ? (_jsx("div", { className: "memori-position-popover__autocomplete-wrap", children: _jsx(VenueCombobox, { venue: venue, query: query, fetching: fetching, suggestions: suggestions, onQueryChange: onQueryChange, onChange: handleAutocompletePick, getPlaceName: getPlaceName, t: t, autocompleteRootId: "memori-position-popover-venue-search", inputRef: autocompleteInputRef }) })) : (_jsxs("div", { className: "memori-position-popover__tag", children: [_jsx("span", { className: "memori-position-popover__tag-text", children: ((_a = venue === null || venue === void 0 ? void 0 : venue.placeName) === null || _a === void 0 ? void 0 : _a.trim())
+                                                ? venue.placeName
+                                                : t('widget.positionResolving') }), _jsx(Button, { type: "button", variant: 'ghost', icon: _jsx(Pencil, { size: 16, strokeWidth: 2, "aria-hidden": true }), size: 'sm', className: "memori-position-popover__tag-edit", "aria-label": String(t('widget.editPositionAria')), onClick: () => {
+                                                setEditingLocation(true);
+                                                setPermissionDeniedMessage(null);
+                                            } })] })) })), inlineError && (_jsx("p", { className: "memori-position-popover__error", role: "alert", children: inlineError })), hasShareableCoords(venue) && !geolocationLoading && (_jsx("div", { className: "memori-position-popover__map", children: _jsx(VenueMapPreview, { venue: venue }) }))] }) }) })] }));
+};
+export default PositionPopover;
+//# sourceMappingURL=PositionPopover.js.map

package/esm/components/PositionPopover/PositionPopover.js.map

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

package/esm/components/layouts/WebsiteAssistant/WebsiteAssistant.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { LayoutProps } from '../../MemoriWidget/MemoriWidget';
+declare const WebsiteAssistantLayout: React.FC<LayoutProps>;
+export default WebsiteAssistantLayout;

package/esm/components/layouts/WebsiteAssistant/WebsiteAssistant.js

@@ -0,0 +1,34 @@
+import { createElement as _createElement } from "react";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useMemo } from 'react';
+import { Spin, Button } from '@memori.ai/ui';
+import Blob from '../../Blob/Blob';
+import { X } from 'lucide-react';
+import { useTranslation } from 'react-i18next';
+const WebsiteAssistantLayout = ({ Header, headerProps, Avatar, avatarProps, Chat, chatProps, StartPanel, startPanelProps, integrationStyle, sessionId, hasUserActivatedSpeak, loading = false, poweredBy, avatar3dHidden, }) => {
+    var _a, _b;
+    const { t } = useTranslation();
+    const [collapsed, _setCollapsed] = useState(true);
+    const [expandedKey, setExpandedKey] = useState();
+    const stopAudio = useMemo(() => chatProps === null || chatProps === void 0 ? void 0 : chatProps.stopAudio, [chatProps === null || chatProps === void 0 ? void 0 : chatProps.stopAudio]);
+    const setCollapsed = (collapsed) => {
+        _setCollapsed(collapsed);
+        setExpandedKey(collapsed ? undefined : new Date().toISOString());
+        try {
+            stopAudio === null || stopAudio === void 0 ? void 0 : stopAudio();
+        }
+        catch (e) {
+            console.log(e);
+        }
+    };
+    return (_jsxs(_Fragment, { children: [collapsed && (_jsx("div", { className: "memori-website_assistant--trigger", children: _jsx(Button, { className: "memori-website_assistant--trigger-button", variant: "ghost", shape: "circle", onClick: () => setCollapsed(false), title: t('expand') || 'Expand', children: _jsx(Blob, { avatar: avatarProps === null || avatarProps === void 0 ? void 0 : avatarProps.memori.avatarURL }) }) })), _jsx("div", { className: `memori-website_assistant--${collapsed ? 'collapsed' : 'expanded'}`, children: !collapsed && (_jsxs(_Fragment, { children: [integrationStyle, _jsxs(Spin, { spinning: loading, className: "memori-website_assistant-layout", children: [poweredBy, _jsx("div", { className: "memori-website_assistant--close-button-wrapper", children: _jsx(Button, { className: "memori-website_assistant--close-button", variant: "primary", onClick: () => setCollapsed(true), icon: _jsx(X, {}), title: t('close') || 'Close' }) }), Header && headerProps && (_jsx(Header, { ...headerProps, showSettings: false, showReload: false })), !(avatar3dHidden === true || avatar3dHidden === 'true') && (_jsx("div", { className: "memori-website_assistant-layout--avatar", children: Avatar && avatarProps && (_createElement(Avatar, { ...avatarProps, integrationConfig: avatarProps.integrationConfig
+                                            ? {
+                                                ...avatarProps.integrationConfig,
+                                                avatarURL: ((_a = avatarProps.integrationConfig) === null || _a === void 0 ? void 0 : _a.avatarURL)
+                                                    ? `${(_b = avatarProps.integrationConfig) === null || _b === void 0 ? void 0 : _b.avatarURL.split('#')[0]}#${expandedKey}`
+                                                    : undefined,
+                                            }
+                                            : {}, key: expandedKey })) })), _jsx("div", { id: "extension" }), _jsx("div", { className: "memori-website_assistant-layout--controls", children: sessionId && hasUserActivatedSpeak && Chat && chatProps ? (_jsx(Chat, { ...chatProps })) : startPanelProps ? (_jsx(StartPanel, { ...startPanelProps })) : null })] })] })) })] }));
+};
+export default WebsiteAssistantLayout;
+//# sourceMappingURL=WebsiteAssistant.js.map

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

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