@memori.ai/memori-react 8.30.1 → 8.32.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +16 -0
- package/dist/components/DrawerFooter/DrawerFooter.css +62 -0
- package/dist/components/DrawerFooter/DrawerFooter.d.ts +12 -0
- package/dist/components/DrawerFooter/DrawerFooter.js +10 -0
- package/dist/components/DrawerFooter/DrawerFooter.js.map +1 -0
- package/dist/components/Header/Header.css +53 -0
- package/dist/components/Header/Header.d.ts +1 -0
- package/dist/components/Header/Header.js +74 -3
- package/dist/components/Header/Header.js.map +1 -1
- package/dist/components/MemoriArtifactSystem/components/ArtifactPreview/ArtifactPreview.js +5 -17
- package/dist/components/MemoriArtifactSystem/components/ArtifactPreview/ArtifactPreview.js.map +1 -1
- package/dist/components/MemoriWidget/MemoriWidget.js +1 -0
- package/dist/components/MemoriWidget/MemoriWidget.js.map +1 -1
- package/dist/components/PositionPopover/PositionPopover.css +194 -0
- package/dist/components/PositionPopover/PositionPopover.d.ts +15 -0
- package/dist/components/PositionPopover/PositionPopover.js +181 -0
- package/dist/components/PositionPopover/PositionPopover.js.map +1 -0
- package/dist/components/icons/GasStation.d.ts +6 -0
- package/dist/components/icons/GasStation.js +6 -0
- package/dist/components/icons/GasStation.js.map +1 -0
- package/dist/components/layouts/WebsiteAssistant/WebsiteAssistant.d.ts +4 -0
- package/dist/components/layouts/WebsiteAssistant/WebsiteAssistant.js +37 -0
- package/dist/components/layouts/WebsiteAssistant/WebsiteAssistant.js.map +1 -0
- package/dist/components/layouts/WebsiteAssistant/website-assistant.css +671 -0
- package/dist/components/layouts/chat.css +14 -0
- package/dist/components/layouts/fullpage.css +119 -0
- package/dist/helpers/userMessage.d.ts +2 -0
- package/dist/helpers/userMessage.js +23 -0
- package/dist/helpers/userMessage.js.map +1 -0
- package/dist/icons/FacebookIcon.d.ts +3 -0
- package/dist/icons/FacebookIcon.js +6 -0
- package/dist/icons/FacebookIcon.js.map +1 -0
- package/dist/icons/LinkedinIcon.d.ts +3 -0
- package/dist/icons/LinkedinIcon.js +6 -0
- package/dist/icons/LinkedinIcon.js.map +1 -0
- package/dist/icons/TelegramIcon.d.ts +3 -0
- package/dist/icons/TelegramIcon.js +6 -0
- package/dist/icons/TelegramIcon.js.map +1 -0
- package/dist/icons/TwitterIcon.d.ts +3 -0
- package/dist/icons/TwitterIcon.js +6 -0
- package/dist/icons/TwitterIcon.js.map +1 -0
- package/dist/icons/WhatsappIcon.d.ts +3 -0
- package/dist/icons/WhatsappIcon.js +6 -0
- package/dist/icons/WhatsappIcon.js.map +1 -0
- package/dist/locales/de.json +1 -0
- package/dist/locales/en.json +1 -0
- package/dist/locales/es.json +1 -0
- package/dist/locales/fr.json +1 -0
- package/dist/locales/it.json +1 -0
- package/dist/testUtils.d.ts +5 -0
- package/dist/testUtils.js +18 -0
- package/dist/testUtils.js.map +1 -0
- package/dist/version.d.ts +1 -1
- package/dist/version.js +1 -1
- package/esm/components/DrawerFooter/DrawerFooter.css +62 -0
- package/esm/components/DrawerFooter/DrawerFooter.d.ts +12 -0
- package/esm/components/DrawerFooter/DrawerFooter.js +8 -0
- package/esm/components/DrawerFooter/DrawerFooter.js.map +1 -0
- package/esm/components/Header/Header.css +53 -0
- package/esm/components/Header/Header.d.ts +1 -0
- package/esm/components/Header/Header.js +75 -4
- package/esm/components/Header/Header.js.map +1 -1
- package/esm/components/MemoriArtifactSystem/components/ArtifactPreview/ArtifactPreview.js +5 -17
- package/esm/components/MemoriArtifactSystem/components/ArtifactPreview/ArtifactPreview.js.map +1 -1
- package/esm/components/MemoriWidget/MemoriWidget.js +1 -0
- package/esm/components/MemoriWidget/MemoriWidget.js.map +1 -1
- package/esm/components/PositionPopover/PositionPopover.css +194 -0
- package/esm/components/PositionPopover/PositionPopover.d.ts +15 -0
- package/esm/components/PositionPopover/PositionPopover.js +178 -0
- package/esm/components/PositionPopover/PositionPopover.js.map +1 -0
- package/esm/components/icons/GasStation.d.ts +6 -0
- package/esm/components/icons/GasStation.js +4 -0
- package/esm/components/icons/GasStation.js.map +1 -0
- package/esm/components/layouts/WebsiteAssistant/WebsiteAssistant.d.ts +4 -0
- package/esm/components/layouts/WebsiteAssistant/WebsiteAssistant.js +34 -0
- package/esm/components/layouts/WebsiteAssistant/WebsiteAssistant.js.map +1 -0
- package/esm/components/layouts/WebsiteAssistant/website-assistant.css +671 -0
- package/esm/components/layouts/chat.css +14 -0
- package/esm/components/layouts/fullpage.css +119 -0
- package/esm/helpers/userMessage.d.ts +2 -0
- package/esm/helpers/userMessage.js +18 -0
- package/esm/helpers/userMessage.js.map +1 -0
- package/esm/icons/FacebookIcon.d.ts +3 -0
- package/esm/icons/FacebookIcon.js +4 -0
- package/esm/icons/FacebookIcon.js.map +1 -0
- package/esm/icons/LinkedinIcon.d.ts +3 -0
- package/esm/icons/LinkedinIcon.js +4 -0
- package/esm/icons/LinkedinIcon.js.map +1 -0
- package/esm/icons/TelegramIcon.d.ts +3 -0
- package/esm/icons/TelegramIcon.js +4 -0
- package/esm/icons/TelegramIcon.js.map +1 -0
- package/esm/icons/TwitterIcon.d.ts +3 -0
- package/esm/icons/TwitterIcon.js +4 -0
- package/esm/icons/TwitterIcon.js.map +1 -0
- package/esm/icons/WhatsappIcon.d.ts +3 -0
- package/esm/icons/WhatsappIcon.js +4 -0
- package/esm/icons/WhatsappIcon.js.map +1 -0
- package/esm/locales/de.json +1 -0
- package/esm/locales/en.json +1 -0
- package/esm/locales/es.json +1 -0
- package/esm/locales/fr.json +1 -0
- package/esm/locales/it.json +1 -0
- package/esm/testUtils.d.ts +5 -0
- package/esm/testUtils.js +15 -0
- package/esm/testUtils.js.map +1 -0
- package/esm/version.d.ts +1 -1
- package/esm/version.js +1 -1
- package/package.json +1 -1
- package/src/components/Header/Header.css +53 -0
- package/src/components/Header/Header.stories.tsx +46 -0
- package/src/components/Header/Header.tsx +151 -2
- package/src/components/MemoriArtifactSystem/ArtifactDrawer.stories.tsx +71 -0
- package/src/components/MemoriArtifactSystem/components/ArtifactPreview/ArtifactPreview.tsx +10 -24
- package/src/components/MemoriWidget/MemoriWidget.tsx +1 -0
- package/src/components/icons/GasStation.tsx +36 -0
- package/src/components/layouts/chat.css +14 -0
- package/src/components/layouts/layouts.stories.tsx +14 -14
- package/src/locales/de.json +1 -0
- package/src/locales/en.json +1 -0
- package/src/locales/es.json +1 -0
- package/src/locales/fr.json +1 -0
- package/src/locales/it.json +1 -0
- package/src/version.ts +1 -1
|
@@ -0,0 +1,194 @@
|
|
|
1
|
+
.memori-position-popover__positioner {
|
|
2
|
+
z-index: 1300;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
.memori-position-popover__popup {
|
|
6
|
+
display: flex;
|
|
7
|
+
width: min(22rem, calc(100vw - 2rem));
|
|
8
|
+
max-width: 22rem;
|
|
9
|
+
flex-direction: column;
|
|
10
|
+
padding: var(--memori-spacing-md);
|
|
11
|
+
border-radius: var(--memori-radius-box);
|
|
12
|
+
background: var(--memori-secondary-background);
|
|
13
|
+
box-shadow:
|
|
14
|
+
0 4px 24px rgba(0, 0, 0, 0.12),
|
|
15
|
+
0 0 0 1px var(--memori-border-color, rgba(0, 0, 0, 0.08));
|
|
16
|
+
font-size: var(--memori-text-size-base);
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.memori-position-popover__row {
|
|
20
|
+
display: flex;
|
|
21
|
+
align-items: center;
|
|
22
|
+
justify-content: space-between;
|
|
23
|
+
gap: var(--memori-spacing-md);
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.memori-position-popover__switch-row {
|
|
27
|
+
margin-bottom: var(--memori-spacing-md);
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.memori-position-popover__switch-label {
|
|
31
|
+
font-weight: 500;
|
|
32
|
+
line-height: var(--memori-text-line-normal);
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.memori-position-popover__switch {
|
|
36
|
+
position: relative;
|
|
37
|
+
width: 2.5rem;
|
|
38
|
+
height: 1.5rem;
|
|
39
|
+
flex-shrink: 0;
|
|
40
|
+
padding: 0;
|
|
41
|
+
border: none;
|
|
42
|
+
border-radius: 999px;
|
|
43
|
+
background: var(--memori-border-color, #cbd5e0);
|
|
44
|
+
cursor: pointer;
|
|
45
|
+
transition: background 0.15s ease;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
.memori-position-popover__switch:focus-visible {
|
|
49
|
+
outline: 2px solid var(--memori-primary, #3182ce);
|
|
50
|
+
outline-offset: 2px;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
.memori-position-popover__switch--on {
|
|
54
|
+
background: var(--memori-primary, #3182ce);
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
.memori-position-popover__switch-thumb {
|
|
58
|
+
position: absolute;
|
|
59
|
+
top: 2px;
|
|
60
|
+
left: 2px;
|
|
61
|
+
width: calc(1.5rem - 4px);
|
|
62
|
+
height: calc(1.5rem - 4px);
|
|
63
|
+
border-radius: 50%;
|
|
64
|
+
background: #fff;
|
|
65
|
+
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
|
|
66
|
+
transition: transform 0.15s ease;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
.memori-position-popover__switch--on .memori-position-popover__switch-thumb {
|
|
70
|
+
transform: translateX(1rem);
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
.memori-position-popover__tag-block {
|
|
74
|
+
margin-bottom: var(--memori-spacing-sm);
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
.memori-position-popover__tag {
|
|
78
|
+
display: flex;
|
|
79
|
+
max-width: 100%;
|
|
80
|
+
align-items: center;
|
|
81
|
+
padding: var(--memori-spacing-xs) var(--memori-spacing-sm);
|
|
82
|
+
border-radius: 999px;
|
|
83
|
+
background: var(--memori-main-background);
|
|
84
|
+
gap: var(--memori-spacing-xs);
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
.memori-autocomplete__portal, .memori-autocomplete__positioner{
|
|
88
|
+
z-index: 1301;
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
.memori-position-popover__tag--loading {
|
|
92
|
+
min-height: 2rem;
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
.memori-position-popover__tag-text {
|
|
96
|
+
overflow: hidden;
|
|
97
|
+
min-width: 0;
|
|
98
|
+
flex: 1 1 auto;
|
|
99
|
+
font-size: 0.875rem;
|
|
100
|
+
text-overflow: ellipsis;
|
|
101
|
+
white-space: nowrap;
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
.memori-position-popover__tag-edit {
|
|
105
|
+
display: inline-flex;
|
|
106
|
+
flex-shrink: 0;
|
|
107
|
+
align-items: center;
|
|
108
|
+
justify-content: center;
|
|
109
|
+
padding: 4px;
|
|
110
|
+
border: none;
|
|
111
|
+
border-radius: var(--memori-radius-box);
|
|
112
|
+
background: transparent;
|
|
113
|
+
color: var(--memori-text-color);
|
|
114
|
+
cursor: pointer;
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
.memori-position-popover__tag-edit:hover {
|
|
118
|
+
background: rgba(0, 0, 0, 0.06);
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
.memori-position-popover__tag-edit:focus-visible {
|
|
122
|
+
outline: 2px solid var(--memori-primary, #3182ce);
|
|
123
|
+
outline-offset: 2px;
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
.memori-position-popover__tag-skeleton {
|
|
127
|
+
height: 0.65rem;
|
|
128
|
+
flex: 1 1 auto;
|
|
129
|
+
border-radius: 4px;
|
|
130
|
+
animation: memori-position-popover-shimmer 1.2s ease-in-out infinite;
|
|
131
|
+
background: linear-gradient(
|
|
132
|
+
90deg,
|
|
133
|
+
rgba(0, 0, 0, 0.06) 25%,
|
|
134
|
+
rgba(0, 0, 0, 0.12) 37%,
|
|
135
|
+
rgba(0, 0, 0, 0.06) 63%
|
|
136
|
+
);
|
|
137
|
+
background-size: 400% 100%;
|
|
138
|
+
margin-inline: var(--memori-spacing-xs);
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
.memori-position-popover__spinner {
|
|
142
|
+
display: inline-block;
|
|
143
|
+
width: 1.125rem;
|
|
144
|
+
height: 1.125rem;
|
|
145
|
+
flex-shrink: 0;
|
|
146
|
+
border: 2px solid var(--memori-border-color, #cbd5e0);
|
|
147
|
+
border-radius: 50%;
|
|
148
|
+
border-top-color: var(--memori-primary, #3182ce);
|
|
149
|
+
animation: memori-position-popover-spin 0.7s linear infinite;
|
|
150
|
+
}
|
|
151
|
+
|
|
152
|
+
.memori-position-popover__autocomplete-wrap {
|
|
153
|
+
width: 100%;
|
|
154
|
+
min-width: 0;
|
|
155
|
+
}
|
|
156
|
+
|
|
157
|
+
.memori-position-popover__error {
|
|
158
|
+
margin: 0 0 var(--memori-spacing-sm);
|
|
159
|
+
color: var(--memori-danger, #c53030);
|
|
160
|
+
font-size: 0.875rem;
|
|
161
|
+
line-height: var(--memori-text-line-normal);
|
|
162
|
+
}
|
|
163
|
+
|
|
164
|
+
.memori-position-popover__map {
|
|
165
|
+
margin-top: var(--memori-spacing-sm);
|
|
166
|
+
}
|
|
167
|
+
|
|
168
|
+
.memori-position-popover__map .memori--venue-widget__map-container {
|
|
169
|
+
min-height: 140px;
|
|
170
|
+
}
|
|
171
|
+
|
|
172
|
+
.memori-position-popover__map .memori--venue-widget__map {
|
|
173
|
+
height: 160px;
|
|
174
|
+
}
|
|
175
|
+
|
|
176
|
+
@keyframes memori-position-popover-spin {
|
|
177
|
+
to {
|
|
178
|
+
transform: rotate(360deg);
|
|
179
|
+
}
|
|
180
|
+
}
|
|
181
|
+
|
|
182
|
+
@keyframes memori-position-popover-shimmer {
|
|
183
|
+
0% {
|
|
184
|
+
background-position: 100% 0;
|
|
185
|
+
}
|
|
186
|
+
|
|
187
|
+
100% {
|
|
188
|
+
background-position: 0 0;
|
|
189
|
+
}
|
|
190
|
+
}
|
|
191
|
+
|
|
192
|
+
.memori-position-popover__positioner--website-assistant {
|
|
193
|
+
z-index: 2147483600;
|
|
194
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { Venue } from '@memori.ai/memori-api-client/dist/types';
|
|
2
|
+
import { Button } from '@memori.ai/ui';
|
|
3
|
+
import React from 'react';
|
|
4
|
+
export interface PositionPopoverProps {
|
|
5
|
+
venue?: Venue;
|
|
6
|
+
setVenue: (venue?: Venue) => void;
|
|
7
|
+
open: boolean;
|
|
8
|
+
onOpenChange: (open: boolean) => void;
|
|
9
|
+
triggerClassName?: string;
|
|
10
|
+
triggerButtonVariant?: React.ComponentProps<typeof Button>['variant'];
|
|
11
|
+
triggerAriaLabel: string;
|
|
12
|
+
positionerClassName?: string;
|
|
13
|
+
}
|
|
14
|
+
declare const PositionPopover: React.FC<PositionPopoverProps>;
|
|
15
|
+
export default PositionPopover;
|
|
@@ -0,0 +1,178 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Popover } from '@base-ui/react/popover';
|
|
3
|
+
import { Button } from '@memori.ai/ui';
|
|
4
|
+
import { MapPin, Pencil } from 'lucide-react';
|
|
5
|
+
import { useCallback, useEffect, useRef, useState } from 'react';
|
|
6
|
+
import { useTranslation } from 'react-i18next';
|
|
7
|
+
import { getUncertaintyByViewport } from '../../helpers/venue';
|
|
8
|
+
import { useDebounceFn } from '../../helpers/utils';
|
|
9
|
+
import { VenueCombobox, VenueMapPreview, getPlaceName, } from '../VenueWidget/VenueWidget';
|
|
10
|
+
import cx from 'classnames';
|
|
11
|
+
function hasShareableCoords(v) {
|
|
12
|
+
return !!((v === null || v === void 0 ? void 0 : v.latitude) && (v === null || v === void 0 ? void 0 : v.longitude));
|
|
13
|
+
}
|
|
14
|
+
const PositionPopover = ({ venue, setVenue, open, onOpenChange, triggerClassName, triggerButtonVariant = 'primary', triggerAriaLabel, positionerClassName, }) => {
|
|
15
|
+
var _a;
|
|
16
|
+
const { t } = useTranslation();
|
|
17
|
+
const [geolocationLoading, setGeolocationLoading] = useState(false);
|
|
18
|
+
const [editingLocation, setEditingLocation] = useState(false);
|
|
19
|
+
const [permissionDeniedMessage, setPermissionDeniedMessage] = useState(null);
|
|
20
|
+
const [geocodingError, setGeocodingError] = useState(null);
|
|
21
|
+
const [fetching, setFetching] = useState(false);
|
|
22
|
+
const [query, setQuery] = useState('');
|
|
23
|
+
const [suggestions, setSuggestions] = useState([]);
|
|
24
|
+
const geoGenRef = useRef(0);
|
|
25
|
+
const autocompleteInputRef = useRef(null);
|
|
26
|
+
const editingRef = useRef(false);
|
|
27
|
+
editingRef.current = editingLocation;
|
|
28
|
+
const sharingActive = geolocationLoading || hasShareableCoords(venue);
|
|
29
|
+
const handleSearch = useDebounceFn(async (value) => {
|
|
30
|
+
setFetching(true);
|
|
31
|
+
try {
|
|
32
|
+
const response = await fetch(`https://nominatim.openstreetmap.org/search?q=${encodeURIComponent(value)}&format=jsonv2&limit=5&addressdetails=1`);
|
|
33
|
+
const data = await response.json();
|
|
34
|
+
setSuggestions(data);
|
|
35
|
+
}
|
|
36
|
+
catch (_a) {
|
|
37
|
+
setGeocodingError(String(t('widget.geocodingFailed')));
|
|
38
|
+
}
|
|
39
|
+
finally {
|
|
40
|
+
setFetching(false);
|
|
41
|
+
}
|
|
42
|
+
}, 1000);
|
|
43
|
+
const onQueryChange = useCallback((value, opts) => {
|
|
44
|
+
setQuery(value);
|
|
45
|
+
if (opts === null || opts === void 0 ? void 0 : opts.skipSearch)
|
|
46
|
+
return;
|
|
47
|
+
if (!value.trim()) {
|
|
48
|
+
setSuggestions([]);
|
|
49
|
+
return;
|
|
50
|
+
}
|
|
51
|
+
handleSearch(value);
|
|
52
|
+
}, [handleSearch]);
|
|
53
|
+
const handleAutocompletePick = useCallback((value) => {
|
|
54
|
+
const placeName = getPlaceName(value);
|
|
55
|
+
setVenue({
|
|
56
|
+
latitude: value.lat,
|
|
57
|
+
longitude: value.lon,
|
|
58
|
+
placeName,
|
|
59
|
+
uncertainty: (value === null || value === void 0 ? void 0 : value.boundingbox)
|
|
60
|
+
? getUncertaintyByViewport(value.boundingbox)
|
|
61
|
+
: 2,
|
|
62
|
+
});
|
|
63
|
+
setEditingLocation(false);
|
|
64
|
+
setQuery('');
|
|
65
|
+
setSuggestions([]);
|
|
66
|
+
setGeocodingError(null);
|
|
67
|
+
setPermissionDeniedMessage(null);
|
|
68
|
+
}, [setVenue, t]);
|
|
69
|
+
const startGeolocation = useCallback(() => {
|
|
70
|
+
const gen = ++geoGenRef.current;
|
|
71
|
+
setPermissionDeniedMessage(null);
|
|
72
|
+
setGeocodingError(null);
|
|
73
|
+
setGeolocationLoading(true);
|
|
74
|
+
navigator.geolocation.getCurrentPosition(async (pos) => {
|
|
75
|
+
if (gen !== geoGenRef.current)
|
|
76
|
+
return;
|
|
77
|
+
let next = {
|
|
78
|
+
latitude: pos.coords.latitude,
|
|
79
|
+
longitude: pos.coords.longitude,
|
|
80
|
+
placeName: '',
|
|
81
|
+
uncertainty: pos.coords.accuracy / 1000,
|
|
82
|
+
};
|
|
83
|
+
try {
|
|
84
|
+
const result = await fetch(`https://nominatim.openstreetmap.org/reverse?lat=${pos.coords.latitude}&lon=${pos.coords.longitude}&format=jsonv2&addressdetails=1`);
|
|
85
|
+
const response = (await result.json());
|
|
86
|
+
const placeName = getPlaceName(response);
|
|
87
|
+
next = {
|
|
88
|
+
latitude: pos.coords.latitude,
|
|
89
|
+
longitude: pos.coords.longitude,
|
|
90
|
+
placeName,
|
|
91
|
+
uncertainty: pos.coords.accuracy / 1000,
|
|
92
|
+
};
|
|
93
|
+
setVenue(next);
|
|
94
|
+
}
|
|
95
|
+
catch (e) {
|
|
96
|
+
console.error('[PositionPopover] reverse geocode failed', e);
|
|
97
|
+
setGeocodingError(String(t('widget.geocodingFailed')));
|
|
98
|
+
setVenue(next);
|
|
99
|
+
}
|
|
100
|
+
finally {
|
|
101
|
+
if (gen === geoGenRef.current) {
|
|
102
|
+
setGeolocationLoading(false);
|
|
103
|
+
}
|
|
104
|
+
}
|
|
105
|
+
}, err => {
|
|
106
|
+
if (gen !== geoGenRef.current)
|
|
107
|
+
return;
|
|
108
|
+
setGeolocationLoading(false);
|
|
109
|
+
setVenue(undefined);
|
|
110
|
+
const code = err.code;
|
|
111
|
+
if (code === 1) {
|
|
112
|
+
setPermissionDeniedMessage(String(t('widget.positionUnavailableManual')));
|
|
113
|
+
setEditingLocation(true);
|
|
114
|
+
}
|
|
115
|
+
else {
|
|
116
|
+
setGeocodingError(String(t('widget.geocodingFailed')));
|
|
117
|
+
}
|
|
118
|
+
}, { enableHighAccuracy: true, timeout: 15000, maximumAge: 0 });
|
|
119
|
+
}, [setVenue, t]);
|
|
120
|
+
const toggleSharing = useCallback(() => {
|
|
121
|
+
setPermissionDeniedMessage(null);
|
|
122
|
+
setGeocodingError(null);
|
|
123
|
+
if (sharingActive && !geolocationLoading) {
|
|
124
|
+
geoGenRef.current += 1;
|
|
125
|
+
setVenue(undefined);
|
|
126
|
+
setEditingLocation(false);
|
|
127
|
+
setQuery('');
|
|
128
|
+
setSuggestions([]);
|
|
129
|
+
return;
|
|
130
|
+
}
|
|
131
|
+
if (geolocationLoading) {
|
|
132
|
+
geoGenRef.current += 1;
|
|
133
|
+
setGeolocationLoading(false);
|
|
134
|
+
setVenue(undefined);
|
|
135
|
+
return;
|
|
136
|
+
}
|
|
137
|
+
startGeolocation();
|
|
138
|
+
}, [
|
|
139
|
+
geolocationLoading,
|
|
140
|
+
setVenue,
|
|
141
|
+
sharingActive,
|
|
142
|
+
startGeolocation,
|
|
143
|
+
]);
|
|
144
|
+
useEffect(() => {
|
|
145
|
+
if (!editingLocation)
|
|
146
|
+
return;
|
|
147
|
+
const id = requestAnimationFrame(() => {
|
|
148
|
+
var _a;
|
|
149
|
+
(_a = autocompleteInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
150
|
+
});
|
|
151
|
+
return () => cancelAnimationFrame(id);
|
|
152
|
+
}, [editingLocation]);
|
|
153
|
+
const handleRootOpenChange = useCallback((nextOpen, details) => {
|
|
154
|
+
if (!nextOpen &&
|
|
155
|
+
editingRef.current &&
|
|
156
|
+
(details === null || details === void 0 ? void 0 : details.reason) === 'escape-key' &&
|
|
157
|
+
details.preventUnmountOnClose) {
|
|
158
|
+
details.preventUnmountOnClose();
|
|
159
|
+
setEditingLocation(false);
|
|
160
|
+
setQuery('');
|
|
161
|
+
return;
|
|
162
|
+
}
|
|
163
|
+
onOpenChange(nextOpen);
|
|
164
|
+
}, [onOpenChange]);
|
|
165
|
+
const inlineError = permissionDeniedMessage || geocodingError;
|
|
166
|
+
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', {
|
|
167
|
+
'memori-position-popover__switch--on': sharingActive,
|
|
168
|
+
}), onClick: toggleSharing, children: _jsx("span", { className: "memori-position-popover__switch-thumb" }) })] }), (sharingActive ||
|
|
169
|
+
geolocationLoading ||
|
|
170
|
+
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())
|
|
171
|
+
? venue.placeName
|
|
172
|
+
: 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: () => {
|
|
173
|
+
setEditingLocation(true);
|
|
174
|
+
setPermissionDeniedMessage(null);
|
|
175
|
+
} })] })) })), 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 }) }))] }) }) })] }));
|
|
176
|
+
};
|
|
177
|
+
export default PositionPopover;
|
|
178
|
+
//# sourceMappingURL=PositionPopover.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PositionPopover.js","sourceRoot":"","sources":["../../../src/components/PositionPopover/PositionPopover.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
const GasStation = ({ className, title }) => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: 800, height: 800, fill: "none", viewBox: "0 0 24 24", className: className, "aria-label": title, children: [_jsx("path", { stroke: "currentColor", strokeWidth: 1.5, d: "M16 22V8c0-2.828 0-4.243-.879-5.121C14.243 2 12.828 2 10 2H9c-2.828 0-4.243 0-5.121.879C3 3.757 3 5.172 3 8v14" }), _jsx("path", { stroke: "currentColor", strokeWidth: 1.5, d: "M11 6H8c-.943 0-1.414 0-1.707.293C6 6.586 6 7.057 6 8c0 .943 0 1.414.293 1.707C6.586 10 7.057 10 8 10h3c.943 0 1.414 0 1.707-.293C13 9.414 13 8.943 13 8c0-.943 0-1.414-.293-1.707C12.414 6 11.943 6 11 6Z" }), _jsx("path", { stroke: "currentColor", strokeLinecap: "round", strokeWidth: 1.5, d: "M7 17h5M17 22H2M19.5 4l1.233.986c.138.11.207.166.27.222a3 3 0 0 1 .992 2.066c.005.084.005.172.005.348V18.5a1.5 1.5 0 0 1-3 0v-.071c0-.79-.64-1.429-1.429-1.429H16" }), _jsx("path", { stroke: "currentColor", strokeLinecap: "round", strokeWidth: 1.5, d: "M22 8h-1.5A1.5 1.5 0 0 0 19 9.5v2.419a1.5 1.5 0 0 0 1.026 1.423L22 14" })] }));
|
|
3
|
+
export default GasStation;
|
|
4
|
+
//# sourceMappingURL=GasStation.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GasStation.js","sourceRoot":"","sources":["../../../src/components/icons/GasStation.tsx"],"names":[],"mappings":";AACA,MAAM,UAAU,GAAG,CAAC,EAAE,SAAS,EAAE,KAAK,EAA0C,EAAE,EAAE,CAAC,CACnF,eACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,GAAG,EACV,MAAM,EAAE,GAAG,EACX,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,SAAS,EAAE,SAAS,gBACR,KAAK,aAEjB,eACE,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,GAAG,EAChB,CAAC,EAAC,gHAAgH,GAClH,EACF,eACE,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,GAAG,EAChB,CAAC,EAAC,4MAA4M,GAC9M,EACF,eACE,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,WAAW,EAAE,GAAG,EAChB,CAAC,EAAC,mKAAmK,GACrK,EACF,eACE,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,WAAW,EAAE,GAAG,EAChB,CAAC,EAAC,uEAAuE,GACzE,IACE,CACP,CAAA;AACD,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { createElement as _createElement } from "react";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
|
+
import { useState, useMemo } from 'react';
|
|
4
|
+
import { Spin, Button } from '@memori.ai/ui';
|
|
5
|
+
import Blob from '../../Blob/Blob';
|
|
6
|
+
import { X } from 'lucide-react';
|
|
7
|
+
import { useTranslation } from 'react-i18next';
|
|
8
|
+
const WebsiteAssistantLayout = ({ Header, headerProps, Avatar, avatarProps, Chat, chatProps, StartPanel, startPanelProps, integrationStyle, sessionId, hasUserActivatedSpeak, loading = false, poweredBy, avatar3dHidden, }) => {
|
|
9
|
+
var _a, _b;
|
|
10
|
+
const { t } = useTranslation();
|
|
11
|
+
const [collapsed, _setCollapsed] = useState(true);
|
|
12
|
+
const [expandedKey, setExpandedKey] = useState();
|
|
13
|
+
const stopAudio = useMemo(() => chatProps === null || chatProps === void 0 ? void 0 : chatProps.stopAudio, [chatProps === null || chatProps === void 0 ? void 0 : chatProps.stopAudio]);
|
|
14
|
+
const setCollapsed = (collapsed) => {
|
|
15
|
+
_setCollapsed(collapsed);
|
|
16
|
+
setExpandedKey(collapsed ? undefined : new Date().toISOString());
|
|
17
|
+
try {
|
|
18
|
+
stopAudio === null || stopAudio === void 0 ? void 0 : stopAudio();
|
|
19
|
+
}
|
|
20
|
+
catch (e) {
|
|
21
|
+
console.log(e);
|
|
22
|
+
}
|
|
23
|
+
};
|
|
24
|
+
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
|
|
25
|
+
? {
|
|
26
|
+
...avatarProps.integrationConfig,
|
|
27
|
+
avatarURL: ((_a = avatarProps.integrationConfig) === null || _a === void 0 ? void 0 : _a.avatarURL)
|
|
28
|
+
? `${(_b = avatarProps.integrationConfig) === null || _b === void 0 ? void 0 : _b.avatarURL.split('#')[0]}#${expandedKey}`
|
|
29
|
+
: undefined,
|
|
30
|
+
}
|
|
31
|
+
: {}, 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 })] })] })) })] }));
|
|
32
|
+
};
|
|
33
|
+
export default WebsiteAssistantLayout;
|
|
34
|
+
//# sourceMappingURL=WebsiteAssistant.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"WebsiteAssistant.js","sourceRoot":"","sources":["../../../../src/components/layouts/WebsiteAssistant/WebsiteAssistant.tsx"],"names":[],"mappings":"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"}
|