@memori.ai/memori-react 1.2.0 → 2.0.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 +66 -0
- package/README.md +12 -2
- package/dist/components/AgeVerificationModal/AgeVerificationModal.d.ts +7 -0
- package/dist/components/AgeVerificationModal/AgeVerificationModal.js +39 -0
- package/dist/components/AgeVerificationModal/AgeVerificationModal.js.map +1 -0
- package/dist/components/AgeVerificationModal/AgeVerificationModal.test.d.ts +1 -0
- package/dist/components/AgeVerificationModal/AgeVerificationModal.test.js +27 -0
- package/dist/components/AgeVerificationModal/AgeVerificationModal.test.js.map +1 -0
- package/dist/components/AttachmentLinkModal/AttachmentLinkModal.stories.d.ts +2 -2
- package/dist/components/AttachmentMediaModal/AttachmentMediaModal.stories.d.ts +2 -2
- package/dist/components/Auth/Auth.stories.d.ts +5 -5
- package/dist/components/Avatar/Avatar.js +2 -2
- package/dist/components/Avatar/Avatar.js.map +1 -1
- package/dist/components/Avatar/Avatar.stories.d.ts +5 -5
- package/dist/components/AvatarView/AvatarView.stories.d.ts +10 -10
- package/dist/components/AvatarView/components/fullbodyAvatar.d.ts +2 -1
- package/dist/components/AvatarView/components/fullbodyAvatar.js +6 -3
- package/dist/components/AvatarView/components/fullbodyAvatar.js.map +1 -1
- package/dist/components/AvatarView/components/loader.js +3 -1
- package/dist/components/AvatarView/components/loader.js.map +1 -1
- package/dist/components/AvatarView/index.d.ts +2 -1
- package/dist/components/AvatarView/index.js +2 -2
- package/dist/components/AvatarView/index.js.map +1 -1
- package/dist/components/AvatarView/utils/useMouthSpeaking.js +3 -1
- package/dist/components/AvatarView/utils/useMouthSpeaking.js.map +1 -1
- package/dist/components/Blob/Blob.stories.d.ts +4 -4
- package/dist/components/BlockedMemoriBadge/BlockedMemoriBadge.stories.d.ts +5 -5
- package/dist/components/ChangeMode/ChangeMode.stories.d.ts +3 -3
- package/dist/components/Chat/Chat.stories.d.ts +12 -12
- package/dist/components/ChatBubble/ChatBubble.stories.d.ts +7 -7
- package/dist/components/ChatInputs/ChatInputs.js +2 -1
- package/dist/components/ChatInputs/ChatInputs.js.map +1 -1
- package/dist/components/ChatInputs/ChatInputs.stories.d.ts +9 -9
- package/dist/components/ChatTextArea/ChatTextArea.stories.d.ts +4 -4
- package/dist/components/CustomGLBModelViewer/ModelViewer.stories.d.ts +2 -2
- package/dist/components/DateSelector/DateSelector.d.ts +9 -0
- package/dist/components/DateSelector/DateSelector.js +61 -0
- package/dist/components/DateSelector/DateSelector.js.map +1 -0
- package/dist/components/DateSelector/DateSelector.test.d.ts +1 -0
- package/dist/components/DateSelector/DateSelector.test.js +24 -0
- package/dist/components/DateSelector/DateSelector.test.js.map +1 -0
- package/dist/components/ExportHistoryButton/ExportHistoryButton.stories.d.ts +5 -5
- package/dist/components/FeedbackButtons/FeedbackButtons.stories.d.ts +4 -4
- package/dist/components/Header/Header.d.ts +1 -0
- package/dist/components/Header/Header.js +26 -2
- package/dist/components/Header/Header.js.map +1 -1
- package/dist/components/Header/Header.stories.d.ts +7 -7
- package/dist/components/ImageUpload/ImageUpload.stories.d.ts +8 -8
- package/dist/components/MediaWidget/LinkItemWidget.d.ts +2 -1
- package/dist/components/MediaWidget/LinkItemWidget.js +10 -2
- package/dist/components/MediaWidget/LinkItemWidget.js.map +1 -1
- package/dist/components/MediaWidget/LinkItemWidget.stories.d.ts +2 -2
- package/dist/components/MediaWidget/MediaItemWidget.d.ts +3 -1
- package/dist/components/MediaWidget/MediaItemWidget.js +44 -72
- package/dist/components/MediaWidget/MediaItemWidget.js.map +1 -1
- package/dist/components/MediaWidget/MediaItemWidget.stories.d.ts +3 -3
- package/dist/components/MediaWidget/MediaWidget.js +10 -7
- package/dist/components/MediaWidget/MediaWidget.js.map +1 -1
- package/dist/components/MediaWidget/MediaWidget.stories.d.ts +5 -5
- package/dist/components/MemoriWidget/MemoriWidget.d.ts +3 -2
- package/dist/components/MemoriWidget/MemoriWidget.js +92 -25
- package/dist/components/MemoriWidget/MemoriWidget.js.map +1 -1
- package/dist/components/MemoriWidget/MemoriWidget.stories.d.ts +8 -8
- package/dist/components/PoweredBy/PoweredBy.stories.d.ts +4 -4
- package/dist/components/SendOnEnterMenu/SendOnEnterMenu.stories.d.ts +3 -3
- package/dist/components/SettingsDrawer/SettingsDrawer.d.ts +13 -0
- package/dist/components/SettingsDrawer/SettingsDrawer.js +27 -0
- package/dist/components/SettingsDrawer/SettingsDrawer.js.map +1 -0
- package/dist/components/SettingsDrawer/SettingsDrawer.test.d.ts +1 -0
- package/dist/components/SettingsDrawer/SettingsDrawer.test.js +27 -0
- package/dist/components/SettingsDrawer/SettingsDrawer.test.js.map +1 -0
- package/dist/components/ShareButton/ShareButton.stories.d.ts +4 -4
- package/dist/components/Snippet/Snippet.stories.d.ts +15 -15
- package/dist/components/StartPanel/StartPanel.d.ts +1 -1
- package/dist/components/StartPanel/StartPanel.js +10 -7
- package/dist/components/StartPanel/StartPanel.js.map +1 -1
- package/dist/components/StartPanel/StartPanel.stories.d.ts +6 -6
- package/dist/components/StartPanel/StartPanel.test.js +7 -0
- package/dist/components/StartPanel/StartPanel.test.js.map +1 -1
- package/dist/components/UploadMenu/UploadMenu.stories.d.ts +4 -4
- package/dist/components/icons/Refresh.d.ts +5 -0
- package/dist/components/icons/Refresh.js +6 -0
- package/dist/components/icons/Refresh.js.map +1 -0
- package/dist/components/icons/SelectIcon.d.ts +5 -0
- package/dist/components/icons/SelectIcon.js +6 -0
- package/dist/components/icons/SelectIcon.js.map +1 -0
- package/dist/components/icons/icons.stories.d.ts +2 -2
- package/dist/components/layouts/FullPage.d.ts +17 -0
- package/dist/components/layouts/FullPage.js +8 -0
- package/dist/components/layouts/FullPage.js.map +1 -0
- package/dist/components/layouts/FullPage.test.d.ts +1 -0
- package/dist/components/layouts/FullPage.test.js +12 -0
- package/dist/components/layouts/FullPage.test.js.map +1 -0
- package/dist/components/layouts/Totem.d.ts +17 -0
- package/dist/components/layouts/Totem.js +8 -0
- package/dist/components/layouts/Totem.js.map +1 -0
- package/dist/components/layouts/Totem.test.d.ts +1 -0
- package/dist/components/layouts/Totem.test.js +12 -0
- package/dist/components/layouts/Totem.test.js.map +1 -0
- package/dist/components/ui/Button.stories.d.ts +14 -14
- package/dist/components/ui/Card.stories.d.ts +7 -7
- package/dist/components/ui/Checkbox.d.ts +2 -0
- package/dist/components/ui/Checkbox.js +2 -2
- package/dist/components/ui/Checkbox.js.map +1 -1
- package/dist/components/ui/Checkbox.stories.d.ts +5 -5
- package/dist/components/ui/Drawer.stories.d.ts +9 -9
- package/dist/components/ui/Modal.stories.d.ts +9 -9
- package/dist/components/ui/Select.d.ts +15 -0
- package/dist/components/ui/Select.js +17 -0
- package/dist/components/ui/Select.js.map +1 -0
- package/dist/components/ui/Select.test.d.ts +1 -0
- package/dist/components/ui/Select.test.js +47 -0
- package/dist/components/ui/Select.test.js.map +1 -0
- package/dist/components/ui/Spin.stories.d.ts +4 -4
- package/dist/components/ui/Tooltip.stories.d.ts +6 -6
- package/dist/components/ui/definitions.stories.d.ts +2 -3
- package/dist/helpers/configuration.js +2 -0
- package/dist/helpers/configuration.js.map +1 -1
- package/dist/helpers/utils.js +1 -1
- package/dist/helpers/utils.js.map +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/dist/index.stories.d.ts +2 -2
- package/dist/locales/en.json +17 -0
- package/dist/locales/it.json +17 -0
- package/dist/mocks/data.js +5 -2
- package/dist/mocks/data.js.map +1 -1
- package/esm/components/AgeVerificationModal/AgeVerificationModal.d.ts +7 -0
- package/esm/components/AgeVerificationModal/AgeVerificationModal.js +36 -0
- package/esm/components/AgeVerificationModal/AgeVerificationModal.js.map +1 -0
- package/esm/components/AgeVerificationModal/AgeVerificationModal.test.d.ts +1 -0
- package/esm/components/AgeVerificationModal/AgeVerificationModal.test.js +24 -0
- package/esm/components/AgeVerificationModal/AgeVerificationModal.test.js.map +1 -0
- package/esm/components/Avatar/Avatar.js +2 -2
- package/esm/components/Avatar/Avatar.js.map +1 -1
- package/esm/components/AvatarView/components/fullbodyAvatar.d.ts +2 -1
- package/esm/components/AvatarView/components/fullbodyAvatar.js +7 -4
- package/esm/components/AvatarView/components/fullbodyAvatar.js.map +1 -1
- package/esm/components/AvatarView/components/loader.js +2 -1
- package/esm/components/AvatarView/components/loader.js.map +1 -1
- package/esm/components/AvatarView/index.d.ts +2 -1
- package/esm/components/AvatarView/index.js +2 -2
- package/esm/components/AvatarView/index.js.map +1 -1
- package/esm/components/AvatarView/utils/useMouthSpeaking.js +3 -1
- package/esm/components/AvatarView/utils/useMouthSpeaking.js.map +1 -1
- package/esm/components/ChatInputs/ChatInputs.js +2 -1
- package/esm/components/ChatInputs/ChatInputs.js.map +1 -1
- package/esm/components/DateSelector/DateSelector.d.ts +9 -0
- package/esm/components/DateSelector/DateSelector.js +58 -0
- package/esm/components/DateSelector/DateSelector.js.map +1 -0
- package/esm/components/DateSelector/DateSelector.test.d.ts +1 -0
- package/esm/components/DateSelector/DateSelector.test.js +21 -0
- package/esm/components/DateSelector/DateSelector.test.js.map +1 -0
- package/esm/components/Header/Header.d.ts +1 -0
- package/esm/components/Header/Header.js +26 -2
- package/esm/components/Header/Header.js.map +1 -1
- package/esm/components/MediaWidget/LinkItemWidget.d.ts +2 -1
- package/esm/components/MediaWidget/LinkItemWidget.js +10 -2
- package/esm/components/MediaWidget/LinkItemWidget.js.map +1 -1
- package/esm/components/MediaWidget/MediaItemWidget.d.ts +3 -1
- package/esm/components/MediaWidget/MediaItemWidget.js +44 -72
- package/esm/components/MediaWidget/MediaItemWidget.js.map +1 -1
- package/esm/components/MediaWidget/MediaWidget.js +11 -8
- package/esm/components/MediaWidget/MediaWidget.js.map +1 -1
- package/esm/components/MemoriWidget/MemoriWidget.d.ts +3 -2
- package/esm/components/MemoriWidget/MemoriWidget.js +92 -25
- package/esm/components/MemoriWidget/MemoriWidget.js.map +1 -1
- package/esm/components/SettingsDrawer/SettingsDrawer.d.ts +13 -0
- package/esm/components/SettingsDrawer/SettingsDrawer.js +24 -0
- package/esm/components/SettingsDrawer/SettingsDrawer.js.map +1 -0
- package/esm/components/SettingsDrawer/SettingsDrawer.test.d.ts +1 -0
- package/esm/components/SettingsDrawer/SettingsDrawer.test.js +24 -0
- package/esm/components/SettingsDrawer/SettingsDrawer.test.js.map +1 -0
- package/esm/components/StartPanel/StartPanel.d.ts +1 -1
- package/esm/components/StartPanel/StartPanel.js +10 -7
- package/esm/components/StartPanel/StartPanel.js.map +1 -1
- package/esm/components/StartPanel/StartPanel.test.js +7 -0
- package/esm/components/StartPanel/StartPanel.test.js.map +1 -1
- package/esm/components/icons/Refresh.d.ts +5 -0
- package/esm/components/icons/Refresh.js +4 -0
- package/esm/components/icons/Refresh.js.map +1 -0
- package/esm/components/icons/SelectIcon.d.ts +5 -0
- package/esm/components/icons/SelectIcon.js +4 -0
- package/esm/components/icons/SelectIcon.js.map +1 -0
- package/esm/components/layouts/FullPage.d.ts +17 -0
- package/esm/components/layouts/FullPage.js +5 -0
- package/esm/components/layouts/FullPage.js.map +1 -0
- package/esm/components/layouts/FullPage.test.d.ts +1 -0
- package/esm/components/layouts/FullPage.test.js +9 -0
- package/esm/components/layouts/FullPage.test.js.map +1 -0
- package/esm/components/layouts/Totem.d.ts +17 -0
- package/esm/components/layouts/Totem.js +5 -0
- package/esm/components/layouts/Totem.js.map +1 -0
- package/esm/components/layouts/Totem.test.d.ts +1 -0
- package/esm/components/layouts/Totem.test.js +9 -0
- package/esm/components/layouts/Totem.test.js.map +1 -0
- package/esm/components/ui/Checkbox.d.ts +2 -0
- package/esm/components/ui/Checkbox.js +2 -2
- package/esm/components/ui/Checkbox.js.map +1 -1
- package/esm/components/ui/Select.d.ts +15 -0
- package/esm/components/ui/Select.js +14 -0
- package/esm/components/ui/Select.js.map +1 -0
- package/esm/components/ui/Select.test.d.ts +1 -0
- package/esm/components/ui/Select.test.js +44 -0
- package/esm/components/ui/Select.test.js.map +1 -0
- package/esm/helpers/configuration.js +2 -0
- package/esm/helpers/configuration.js.map +1 -1
- package/esm/helpers/utils.js +1 -1
- package/esm/helpers/utils.js.map +1 -1
- package/esm/index.d.ts +2 -0
- package/esm/index.js +2 -2
- package/esm/index.js.map +1 -1
- package/esm/locales/en.json +17 -0
- package/esm/locales/it.json +17 -0
- package/esm/mocks/data.js +5 -2
- package/esm/mocks/data.js.map +1 -1
- package/package.json +20 -16
- package/src/components/AgeVerificationModal/AgeVerificationModal.css +63 -0
- package/src/components/AgeVerificationModal/AgeVerificationModal.stories.tsx +41 -0
- package/src/components/AgeVerificationModal/AgeVerificationModal.test.tsx +33 -0
- package/src/components/AgeVerificationModal/AgeVerificationModal.tsx +89 -0
- package/src/components/AgeVerificationModal/__snapshots__/AgeVerificationModal.test.tsx.snap +19 -0
- package/src/components/Avatar/Avatar.stories.tsx +20 -1
- package/src/components/Avatar/Avatar.tsx +2 -1
- package/src/components/Avatar/__snapshots__/Avatar.test.tsx.snap +2 -2
- package/src/components/AvatarView/AvatarView.stories.tsx +31 -0
- package/src/components/AvatarView/components/fullbodyAvatar.tsx +8 -6
- package/src/components/AvatarView/components/loader.tsx +15 -12
- package/src/components/AvatarView/index.tsx +4 -1
- package/src/components/AvatarView/utils/useMouthSpeaking.ts +3 -1
- package/src/components/Chat/__snapshots__/Chat.test.tsx.snap +67 -67
- package/src/components/ChatBubble/ChatBubble.css +1 -2
- package/src/components/ChatBubble/__snapshots__/ChatBubble.test.tsx.snap +4 -4
- package/src/components/ChatInputs/ChatInputs.css +14 -3
- package/src/components/ChatInputs/ChatInputs.tsx +2 -0
- package/src/components/ChatInputs/__snapshots__/ChatInputs.test.tsx.snap +5 -5
- package/src/components/DateSelector/DateSelector.css +135 -0
- package/src/components/DateSelector/DateSelector.stories.tsx +34 -0
- package/src/components/DateSelector/DateSelector.test.tsx +38 -0
- package/src/components/DateSelector/DateSelector.tsx +203 -0
- package/src/components/DateSelector/__snapshots__/DateSelector.test.tsx.snap +14938 -0
- package/src/components/Header/Header.stories.tsx +23 -5
- package/src/components/Header/Header.tsx +47 -1
- package/src/components/MediaWidget/LinkItemWidget.tsx +20 -1
- package/src/components/MediaWidget/MediaItemWidget.css +67 -0
- package/src/components/MediaWidget/MediaItemWidget.tsx +72 -71
- package/src/components/MediaWidget/MediaWidget.css +9 -0
- package/src/components/MediaWidget/MediaWidget.stories.tsx +8 -0
- package/src/components/MediaWidget/MediaWidget.tsx +44 -27
- package/src/components/MediaWidget/__snapshots__/MediaItemWidget.test.tsx.snap +1 -1
- package/src/components/MemoriWidget/MemoriWidget.css +1 -1
- package/src/components/MemoriWidget/MemoriWidget.stories.tsx +12 -0
- package/src/components/MemoriWidget/MemoriWidget.tsx +178 -33
- package/src/components/SettingsDrawer/SettingsDrawer.css +5 -0
- package/src/components/SettingsDrawer/SettingsDrawer.stories.tsx +57 -0
- package/src/components/SettingsDrawer/SettingsDrawer.test.tsx +61 -0
- package/src/components/SettingsDrawer/SettingsDrawer.tsx +108 -0
- package/src/components/SettingsDrawer/__snapshots__/SettingsDrawer.test.tsx.snap +19 -0
- package/src/components/StartPanel/StartPanel.css +8 -2
- package/src/components/StartPanel/StartPanel.stories.tsx +66 -2
- package/src/components/StartPanel/StartPanel.test.tsx +21 -0
- package/src/components/StartPanel/StartPanel.tsx +28 -23
- package/src/components/StartPanel/__snapshots__/StartPanel.test.tsx.snap +420 -67
- package/src/components/icons/Refresh.tsx +30 -0
- package/src/components/icons/SelectIcon.tsx +28 -0
- package/src/components/layouts/FullPage.test.tsx +17 -0
- package/src/components/layouts/{Default.tsx → FullPage.tsx} +2 -2
- package/src/components/layouts/Totem.test.tsx +17 -0
- package/src/components/layouts/Totem.tsx +52 -0
- package/src/components/layouts/__snapshots__/FullPage.test.tsx.snap +391 -0
- package/src/components/layouts/__snapshots__/Totem.test.tsx.snap +422 -0
- package/src/components/layouts/layouts.stories.tsx +155 -0
- package/src/components/layouts/totem.css +148 -0
- package/src/components/ui/Button.css +4 -0
- package/src/components/ui/Checkbox.tsx +6 -0
- package/src/components/ui/Drawer.css +24 -2
- package/src/components/ui/Select.css +135 -0
- package/src/components/ui/Select.stories.tsx +79 -0
- package/src/components/ui/Select.test.tsx +84 -0
- package/src/components/ui/Select.tsx +73 -0
- package/src/components/ui/Spin.css +2 -0
- package/src/components/ui/__snapshots__/Select.test.tsx.snap +278 -0
- package/src/helpers/configuration.ts +4 -2
- package/src/helpers/utils.ts +3 -2
- package/src/index.stories.tsx +41 -1
- package/src/index.tsx +7 -2
- package/src/locales/en.json +17 -0
- package/src/locales/it.json +17 -0
- package/src/mocks/data.ts +5 -2
- package/src/styles.css +24 -2
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useEffect, useState, memo, Fragment } from 'react';
|
|
3
|
+
import { Listbox, Transition } from '@headlessui/react';
|
|
4
|
+
import moment from 'moment';
|
|
5
|
+
import { useTranslation } from 'react-i18next';
|
|
6
|
+
import SelectIcon from '../icons/SelectIcon';
|
|
7
|
+
const months = {
|
|
8
|
+
en: [
|
|
9
|
+
'January',
|
|
10
|
+
'February',
|
|
11
|
+
'March',
|
|
12
|
+
'April',
|
|
13
|
+
'May',
|
|
14
|
+
'June',
|
|
15
|
+
'July',
|
|
16
|
+
'August',
|
|
17
|
+
'September',
|
|
18
|
+
'October',
|
|
19
|
+
'November',
|
|
20
|
+
'December',
|
|
21
|
+
],
|
|
22
|
+
it: [
|
|
23
|
+
'Gennaio',
|
|
24
|
+
'Febbraio',
|
|
25
|
+
'Marzo',
|
|
26
|
+
'Aprile',
|
|
27
|
+
'Maggio',
|
|
28
|
+
'Giugno',
|
|
29
|
+
'Luglio',
|
|
30
|
+
'Agosto',
|
|
31
|
+
'Settembre',
|
|
32
|
+
'Ottobre',
|
|
33
|
+
'Novembre',
|
|
34
|
+
'Dicembre',
|
|
35
|
+
],
|
|
36
|
+
};
|
|
37
|
+
const DateSelector = memo(({ defaultDate, onChange, disabled = false }) => {
|
|
38
|
+
const { t, i18n } = useTranslation();
|
|
39
|
+
const [date, setDate] = useState(moment(defaultDate || Date.now()));
|
|
40
|
+
useEffect(() => {
|
|
41
|
+
onChange(date);
|
|
42
|
+
}, [date, onChange]);
|
|
43
|
+
moment.locale(i18n.language);
|
|
44
|
+
return (_jsxs("div", { className: "memori--date-selector", children: [_jsx("div", { className: "memori--date-selector__select", children: _jsxs(Listbox, { value: date, onChange: value => {
|
|
45
|
+
setDate(value);
|
|
46
|
+
}, disabled: disabled, name: "day", children: [_jsxs(Listbox.Label, { className: "memori--date-selector__select-label", children: [t('day'), ":"] }), _jsxs(Listbox.Button, { "aria-label": t('day'), className: "memori--date-selector__select-button", children: [_jsx("span", { className: "memori--date-selector__select--value", children: date.date() }), _jsx("span", { className: "memori--date-selector__select--icon", children: _jsx(SelectIcon, {}) })] }), _jsx(Transition, { as: Fragment, leave: "transition ease-in duration-100", leaveFrom: "opacity-100", leaveTo: "opacity-0", children: _jsx(Listbox.Options, { className: "memori--date-selector__select-options", children: [...Array(31).keys()].map(day => (_jsx(Listbox.Option, { value: date.clone().date(day + 1), className: "memori--date-selector__select-option", children: day + 1 }, day))) }) })] }) }), _jsx("div", { className: "memori--date-selector__select", children: _jsxs(Listbox, { value: date, onChange: value => {
|
|
47
|
+
setDate(value);
|
|
48
|
+
}, disabled: disabled, name: "month", children: [_jsxs(Listbox.Label, { className: "memori--date-selector__select-label", children: [t('month'), ":"] }), _jsxs(Listbox.Button, { "aria-label": t('month'), className: "memori--date-selector__select-button", children: [_jsx("span", { className: "memori--date-selector__select--value", children: months[i18n.language === 'it' ? 'it' : 'en'][date.month()] }), _jsx("span", { className: "memori--date-selector__select--icon", children: _jsx(SelectIcon, {}) })] }), _jsx(Transition, { as: Fragment, leave: "transition ease-in duration-100", leaveFrom: "opacity-100", leaveTo: "opacity-0", children: _jsx(Listbox.Options, { className: "memori--date-selector__select-options", children: months[i18n.language === 'it' ? 'it' : 'en'].map(month => (_jsx(Listbox.Option, { className: "memori--date-selector__select-option", value: date
|
|
49
|
+
.clone()
|
|
50
|
+
.month(months[i18n.language === 'it' ? 'it' : 'en'].findIndex(m => m === month)), children: month }, month))) }) })] }) }), _jsx("div", { className: "memori--date-selector__select", children: _jsxs(Listbox, { value: date, onChange: value => {
|
|
51
|
+
setDate(value);
|
|
52
|
+
}, disabled: disabled, name: "year", children: [_jsxs(Listbox.Label, { className: "memori--date-selector__select-label", children: [t('year'), ":"] }), _jsxs(Listbox.Button, { "aria-label": t('year'), className: "memori--date-selector__select-button", children: [_jsx("span", { className: "memori--date-selector__select--value", children: date.year() }), _jsx("span", { className: "memori--date-selector__select--icon", children: _jsx(SelectIcon, {}) })] }), _jsx(Transition, { as: Fragment, leave: "transition ease-in duration-100", leaveFrom: "opacity-100", leaveTo: "opacity-0", children: _jsx(Listbox.Options, { className: "memori--date-selector__select-options", children: [...Array(moment().year() - 1899).keys()]
|
|
53
|
+
.sort((a, b) => b - a)
|
|
54
|
+
.map(year => (_jsx(Listbox.Option, { value: date.clone().year(year + 1900), className: "memori--date-selector__select-option", children: year + 1900 }, year))) }) })] }) })] }));
|
|
55
|
+
});
|
|
56
|
+
DateSelector.displayName = 'DateSelector';
|
|
57
|
+
export default DateSelector;
|
|
58
|
+
//# sourceMappingURL=DateSelector.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DateSelector.js","sourceRoot":"","sources":["../../../src/components/DateSelector/DateSelector.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { render } from '@testing-library/react';
|
|
3
|
+
import DateSelector from './DateSelector';
|
|
4
|
+
import moment from 'moment';
|
|
5
|
+
const dateMock = new Date(Date.UTC(2022, 8, 24, 0, 0, 0, 0));
|
|
6
|
+
jest.setSystemTime(dateMock);
|
|
7
|
+
Date.now = jest.fn(() => dateMock.valueOf());
|
|
8
|
+
jest.spyOn(Date, 'now').mockImplementation(() => dateMock.valueOf());
|
|
9
|
+
it('renders DateSelector unchanged', () => {
|
|
10
|
+
const { container } = render(_jsx(DateSelector, { defaultDate: new Date(Date.now()), onChange: jest.fn() }));
|
|
11
|
+
expect(container).toMatchSnapshot();
|
|
12
|
+
});
|
|
13
|
+
it('renders DateSelector with default value unchanged', () => {
|
|
14
|
+
const { container } = render(_jsx(DateSelector, { defaultDate: moment(`2022-08-24 00:00:00Z`), onChange: jest.fn() }));
|
|
15
|
+
expect(container).toMatchSnapshot();
|
|
16
|
+
});
|
|
17
|
+
it('renders DateSelector disabled unchanged', () => {
|
|
18
|
+
const { container } = render(_jsx(DateSelector, { disabled: true, defaultDate: moment(`2022-08-24 00:00:00Z`), onChange: jest.fn() }));
|
|
19
|
+
expect(container).toMatchSnapshot();
|
|
20
|
+
});
|
|
21
|
+
//# sourceMappingURL=DateSelector.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DateSelector.test.js","sourceRoot":"","sources":["../../../src/components/DateSelector/DateSelector.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,MAAM,MAAM,QAAQ,CAAC;AAE5B,MAAM,QAAQ,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AAE7D,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;AAC7B,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC;AAE7C,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,kBAAkB,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC;AAErE,EAAE,CAAC,gCAAgC,EAAE,GAAG,EAAE;IACxC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,KAAC,YAAY,IAAC,WAAW,EAAE,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,EAAE,EAAE,GAAI,CACzE,CAAC;IACF,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,mDAAmD,EAAE,GAAG,EAAE;IAC3D,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,KAAC,YAAY,IACX,WAAW,EAAE,MAAM,CAAC,sBAAsB,CAAC,EAC3C,QAAQ,EAAE,IAAI,CAAC,EAAE,EAAE,GACnB,CACH,CAAC;IACF,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,yCAAyC,EAAE,GAAG,EAAE;IACjD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,KAAC,YAAY,IACX,QAAQ,QACR,WAAW,EAAE,MAAM,CAAC,sBAAsB,CAAC,EAC3C,QAAQ,EAAE,IAAI,CAAC,EAAE,EAAE,GACnB,CACH,CAAC;IACF,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useEffect, useState } from 'react';
|
|
2
3
|
import cx from 'classnames';
|
|
3
4
|
import Button from '../ui/Button';
|
|
4
5
|
import MapMarker from '../icons/MapMarker';
|
|
@@ -8,9 +9,32 @@ import { useTranslation } from 'react-i18next';
|
|
|
8
9
|
import ExportHistoryButton from '../ExportHistoryButton/ExportHistoryButton';
|
|
9
10
|
import Setting from '../icons/Setting';
|
|
10
11
|
import ShareButton from '../ShareButton/ShareButton';
|
|
11
|
-
|
|
12
|
+
import FullscreenExit from '../icons/FullscreenExit';
|
|
13
|
+
import Fullscreen from '../icons/Fullscreen';
|
|
14
|
+
import Refresh from '../icons/Refresh';
|
|
15
|
+
const Header = ({ className, memori, history, position, setShowPositionDrawer, setShowSettingsDrawer, speakerMuted, setSpeakerMuted, hasUserActivatedSpeak = false, showShare = true, showSettings = true, showSpeaker = true, showReload = false, }) => {
|
|
12
16
|
const { t } = useTranslation();
|
|
13
|
-
|
|
17
|
+
const [fullScreenAvailable, setFullScreenAvailable] = useState(false);
|
|
18
|
+
const [fullScreen, setFullScreen] = useState(false);
|
|
19
|
+
useEffect(() => {
|
|
20
|
+
if (document.fullscreenEnabled) {
|
|
21
|
+
setFullScreenAvailable(true);
|
|
22
|
+
}
|
|
23
|
+
}, []);
|
|
24
|
+
return (_jsxs("div", { className: cx('memori-header', className), children: [showReload && (_jsx(Button, { primary: true, shape: "circle", className: "memori-header--button", title: t('reload') || 'Reload', icon: _jsx(Refresh, {}), onClick: () => {
|
|
25
|
+
window.location.reload();
|
|
26
|
+
} })), memori.needsPosition && position && (_jsxs("div", { className: "memori-header--position", children: [_jsx("span", { className: "memori-header--position-placeName", children: position.placeName }), _jsx(Button, { icon: _jsx(MapMarker, {}), shape: "circle", className: "memori-header--button", onClick: () => setShowPositionDrawer(true) })] })), fullScreenAvailable && (_jsx(Button, { primary: true, shape: "circle", className: "memori-header--button", title: fullScreen
|
|
27
|
+
? t('fullscreenExit') || 'Exit fullscreen'
|
|
28
|
+
: t('fullscreenEnter') || 'Enter fullscreen', icon: fullScreen ? _jsx(FullscreenExit, {}) : _jsx(Fullscreen, {}), onClick: () => {
|
|
29
|
+
if (!document.fullscreenElement) {
|
|
30
|
+
document.documentElement.requestFullscreen();
|
|
31
|
+
setFullScreen(true);
|
|
32
|
+
}
|
|
33
|
+
else if (document.exitFullscreen) {
|
|
34
|
+
document.exitFullscreen();
|
|
35
|
+
setFullScreen(false);
|
|
36
|
+
}
|
|
37
|
+
} })), showSpeaker && (_jsx(Button, { primary: true, shape: "circle", className: "memori-header--button", icon: speakerMuted ? _jsx(SoundDeactivated, {}) : _jsx(Sound, {}), onClick: () => setSpeakerMuted(!speakerMuted), title: t('widget.sound') || 'Sound' })), _jsx(ExportHistoryButton, { history: history, memori: memori, className: "memori-header--button", disabled: !hasUserActivatedSpeak || history.length === 0 }), showSettings && (_jsx(Button, { primary: true, shape: "circle", className: "memori-header--button", icon: _jsx(Setting, {}), onClick: () => setShowSettingsDrawer(true), title: t('widget.settings') || 'Settings' })), showShare && (_jsx(ShareButton, { className: "memori-header--button", title: memori.name, showQrCode: true, align: "left" }))] }));
|
|
14
38
|
};
|
|
15
39
|
export default Header;
|
|
16
40
|
//# sourceMappingURL=Header.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/components/Header/Header.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/components/Header/Header.tsx"],"names":[],"mappings":"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"}
|
|
@@ -14,12 +14,13 @@ export declare type ILinkPreviewInfo = {
|
|
|
14
14
|
videos?: string[] | undefined;
|
|
15
15
|
};
|
|
16
16
|
export interface Props {
|
|
17
|
+
isChild?: boolean;
|
|
17
18
|
items: Medium[];
|
|
18
19
|
baseUrl?: string;
|
|
19
20
|
descriptionOneLine?: boolean;
|
|
20
21
|
onLinkPreviewInfo?: (linkPreviewInfo: ILinkPreviewInfo) => void;
|
|
21
22
|
}
|
|
22
|
-
export declare const RenderLinkItem: ({ item, baseUrl, onLinkPreviewInfo, descriptionOneLine, }: Omit<Props, "items"> & {
|
|
23
|
+
export declare const RenderLinkItem: ({ isChild, item, baseUrl, onLinkPreviewInfo, descriptionOneLine, }: Omit<Props, "items"> & {
|
|
23
24
|
item: Medium;
|
|
24
25
|
}) => JSX.Element;
|
|
25
26
|
declare const LinkItemWidget: React.FC<Props>;
|
|
@@ -16,7 +16,7 @@ const getSiteInfo = async (url, baseUrl) => {
|
|
|
16
16
|
return null;
|
|
17
17
|
}
|
|
18
18
|
};
|
|
19
|
-
export const RenderLinkItem = ({ item, baseUrl, onLinkPreviewInfo, descriptionOneLine = false, }) => {
|
|
19
|
+
export const RenderLinkItem = ({ isChild = false, item, baseUrl, onLinkPreviewInfo, descriptionOneLine = false, }) => {
|
|
20
20
|
var _a, _b, _c, _d;
|
|
21
21
|
const [link, setLink] = useState(null);
|
|
22
22
|
const normURL = ((_a = item.url) === null || _a === void 0 ? void 0 : _a.startsWith('http')) || !item.url || ((_b = item.url) === null || _b === void 0 ? void 0 : _b.length) === 0
|
|
@@ -48,7 +48,15 @@ export const RenderLinkItem = ({ item, baseUrl, onLinkPreviewInfo, descriptionOn
|
|
|
48
48
|
});
|
|
49
49
|
}, 300);
|
|
50
50
|
}, [description, item.mediumID]);
|
|
51
|
-
return (_jsx("a", { href: normURL, target: "_blank", rel: "noopener noreferrer", className:
|
|
51
|
+
return (_jsx("a", { href: normURL, target: "_blank", rel: "noopener noreferrer", className: cx('memori-link-item--link', {
|
|
52
|
+
'memori-link-item--link--child': isChild,
|
|
53
|
+
}), onClick: e => {
|
|
54
|
+
if (!isChild) {
|
|
55
|
+
e.preventDefault();
|
|
56
|
+
e.stopPropagation();
|
|
57
|
+
window.open(normURL, '_blank', `toolbar=yes,top=${window.innerHeight * 0.1},left=${window.innerWidth * 0.1},width=${window.innerWidth * 0.8},height=${window.innerHeight * 0.8}`);
|
|
58
|
+
}
|
|
59
|
+
}, children: _jsx(Card, { hoverable: true, className: cx('memori-link-item--card', {
|
|
52
60
|
'memori-link-item--card-description-oneline': descriptionOneLine,
|
|
53
61
|
'memori-link-item--card-has-image': image,
|
|
54
62
|
'memori-link-item--card-has-video': video,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinkItemWidget.js","sourceRoot":"","sources":["../../../src/components/MediaWidget/LinkItemWidget.tsx"],"names":[],"mappings":";AACA,OAAc,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,IAAI,MAAM,eAAe,CAAC;AACjC,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACpC,OAAO,IAAI,MAAM,YAAY,CAAC;AAC9B,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"LinkItemWidget.js","sourceRoot":"","sources":["../../../src/components/MediaWidget/LinkItemWidget.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,13 +8,15 @@ export interface Props {
|
|
|
8
8
|
baseURL?: string;
|
|
9
9
|
apiURL?: string;
|
|
10
10
|
}
|
|
11
|
-
export declare const RenderMediaItem: ({ item, sessionID, tenantID, preview, baseURL, apiURL, }: {
|
|
11
|
+
export declare const RenderMediaItem: ({ isChild, item, sessionID, tenantID, preview, baseURL, apiURL, onClick, }: {
|
|
12
|
+
isChild?: boolean | undefined;
|
|
12
13
|
item: Medium;
|
|
13
14
|
sessionID?: string | undefined;
|
|
14
15
|
tenantID?: string | undefined;
|
|
15
16
|
preview?: boolean | undefined;
|
|
16
17
|
baseURL?: string | undefined;
|
|
17
18
|
apiURL?: string | undefined;
|
|
19
|
+
onClick?: ((mediumID: string) => void) | undefined;
|
|
18
20
|
}) => JSX.Element;
|
|
19
21
|
declare const MediaItemWidget: React.FC<Props>;
|
|
20
22
|
export default MediaItemWidget;
|
|
@@ -6,25 +6,35 @@ import { prismSyntaxLangs } from '../../helpers/constants';
|
|
|
6
6
|
import ModelViewer from '../CustomGLBModelViewer/ModelViewer';
|
|
7
7
|
import Snippet from '../Snippet/Snippet';
|
|
8
8
|
import Card from '../ui/Card';
|
|
9
|
+
import Modal from '../ui/Modal';
|
|
9
10
|
import File from '../icons/File';
|
|
10
11
|
import FilePdf from '../icons/FilePdf';
|
|
11
12
|
import FileExcel from '../icons/FileExcel';
|
|
12
13
|
import FileWord from '../icons/FileWord';
|
|
13
14
|
import { Transition } from '@headlessui/react';
|
|
14
|
-
export const RenderMediaItem = ({ item, sessionID, tenantID, preview = false, baseURL, apiURL, }) => {
|
|
15
|
+
export const RenderMediaItem = ({ isChild = false, item, sessionID, tenantID, preview = false, baseURL, apiURL, onClick, }) => {
|
|
16
|
+
const url = getResourceUrl({
|
|
17
|
+
resourceURI: item.url,
|
|
18
|
+
sessionID,
|
|
19
|
+
tenantID,
|
|
20
|
+
baseURL,
|
|
21
|
+
apiURL,
|
|
22
|
+
});
|
|
15
23
|
switch (item.mimeType) {
|
|
16
24
|
case 'image/jpeg':
|
|
17
25
|
case 'image/png':
|
|
18
26
|
case 'image/jpg':
|
|
19
27
|
case 'image/gif':
|
|
20
|
-
return (_jsx("a", { className: "memori-media-item--link", href:
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
+
return (_jsx("a", { className: "memori-media-item--link", href: url, onClick: e => {
|
|
29
|
+
if (isChild) {
|
|
30
|
+
e.preventDefault();
|
|
31
|
+
}
|
|
32
|
+
if (onClick) {
|
|
33
|
+
e.preventDefault();
|
|
34
|
+
onClick(item.mediumID);
|
|
35
|
+
}
|
|
36
|
+
}, target: "_blank", rel: "noopener noreferrer", title: item.title, children: _jsx(Card, { hoverable: true, className: "memori-media-item--card memori-media-item--image", cover: _jsxs("picture", { className: "memori-media-item--figure", children: [!preview && (_jsx("source", { srcSet: [
|
|
37
|
+
url,
|
|
28
38
|
getResourceUrl({
|
|
29
39
|
resourceURI: item.content,
|
|
30
40
|
sessionID,
|
|
@@ -37,82 +47,37 @@ export const RenderMediaItem = ({ item, sessionID, tenantID, preview = false, ba
|
|
|
37
47
|
].join(', '), type: item.mimeType })), _jsx("img", { alt: item.title, src: "data:image/png;base64,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" }), item.title && (_jsx("figcaption", { className: "memori-media-item--figure-caption", children: item.title }))] }) }) }));
|
|
38
48
|
case 'application/msword':
|
|
39
49
|
case 'application/vnd.openxmlformats-officedocument.wordprocessingml.document':
|
|
40
|
-
return (_jsx("a", { className: "memori-media-item--link", href:
|
|
41
|
-
resourceURI: item.url,
|
|
42
|
-
sessionID,
|
|
43
|
-
tenantID,
|
|
44
|
-
baseURL,
|
|
45
|
-
apiURL,
|
|
46
|
-
}), target: "_blank", rel: "noopener noreferrer", title: item.title, children: _jsx(Card, { hoverable: true, cover: _jsx(FileWord, { className: "memori-media-item--icon" }), title: item.title }) }));
|
|
50
|
+
return (_jsx("a", { className: "memori-media-item--link", href: url, target: "_blank", rel: "noopener noreferrer", title: item.title, children: _jsx(Card, { hoverable: true, cover: _jsx(FileWord, { className: "memori-media-item--icon" }), title: item.title }) }));
|
|
47
51
|
case 'application/vnd.ms-excel':
|
|
48
52
|
case 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet':
|
|
49
|
-
return (_jsx("a", { className: "memori-media-item--link", href:
|
|
50
|
-
resourceURI: item.url,
|
|
51
|
-
sessionID,
|
|
52
|
-
tenantID,
|
|
53
|
-
baseURL,
|
|
54
|
-
apiURL,
|
|
55
|
-
}), target: "_blank", rel: "noopener noreferrer", title: item.title, children: _jsx(Card, { hoverable: true, cover: _jsx(FileExcel, { className: "memori-media-item--icon" }), title: item.title }) }));
|
|
53
|
+
return (_jsx("a", { className: "memori-media-item--link", href: url, target: "_blank", rel: "noopener noreferrer", title: item.title, children: _jsx(Card, { hoverable: true, cover: _jsx(FileExcel, { className: "memori-media-item--icon" }), title: item.title }) }));
|
|
56
54
|
case 'application/pdf':
|
|
57
|
-
return (_jsx("a", { className: "memori-media-item--link", href:
|
|
58
|
-
resourceURI: item.url,
|
|
59
|
-
sessionID,
|
|
60
|
-
tenantID,
|
|
61
|
-
baseURL,
|
|
62
|
-
apiURL,
|
|
63
|
-
}), target: "_blank", rel: "noopener noreferrer", title: item.title, children: _jsx(Card, { hoverable: true, cover: _jsx(FilePdf, { className: "memori-media-item--icon" }), title: item.title }) }));
|
|
55
|
+
return (_jsx("a", { className: "memori-media-item--link", href: url, target: "_blank", rel: "noopener noreferrer", title: item.title, children: _jsx(Card, { hoverable: true, cover: _jsx(FilePdf, { className: "memori-media-item--icon" }), title: item.title }) }));
|
|
64
56
|
case 'video/mp4':
|
|
65
57
|
case 'video/avi':
|
|
66
58
|
case 'video/mpeg':
|
|
67
|
-
return (_jsx("a", { className: "memori-media-item--link", href:
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
tenantID,
|
|
77
|
-
baseURL,
|
|
78
|
-
apiURL,
|
|
79
|
-
}), title: item.title }), title: item.title }) }));
|
|
59
|
+
return (_jsx("a", { className: "memori-media-item--link", href: url, onClick: e => {
|
|
60
|
+
if (isChild) {
|
|
61
|
+
e.preventDefault();
|
|
62
|
+
}
|
|
63
|
+
if (onClick) {
|
|
64
|
+
e.preventDefault();
|
|
65
|
+
onClick(item.mediumID);
|
|
66
|
+
}
|
|
67
|
+
}, target: "_blank", rel: "noopener noreferrer", title: item.title, children: _jsx(Card, { hoverable: true, cover: _jsx("video", { style: { width: '100%', height: '100%' }, controls: true, src: url, title: item.title }), title: item.title }) }));
|
|
80
68
|
case 'audio/mpeg3':
|
|
81
69
|
case 'audio/wav':
|
|
82
70
|
case 'audio/mpeg':
|
|
83
|
-
return (_jsx("a", { className: "memori-media-item--link", href:
|
|
84
|
-
resourceURI: item.url,
|
|
85
|
-
sessionID,
|
|
86
|
-
tenantID,
|
|
87
|
-
baseURL,
|
|
88
|
-
apiURL,
|
|
89
|
-
}), target: "_blank", rel: "noopener noreferrer", title: item.title, children: _jsx(Card, { hoverable: true, cover: _jsx("audio", { style: { width: '100%', height: '100%' }, controls: true, src: getResourceUrl({
|
|
90
|
-
resourceURI: item.url,
|
|
91
|
-
sessionID,
|
|
92
|
-
tenantID,
|
|
93
|
-
baseURL,
|
|
94
|
-
apiURL,
|
|
95
|
-
}) }), title: item.title }) }));
|
|
71
|
+
return (_jsx("a", { className: "memori-media-item--link", href: url, target: "_blank", rel: "noopener noreferrer", title: item.title, children: _jsx(Card, { hoverable: true, cover: _jsx("audio", { style: { width: '100%', height: '100%' }, controls: true, src: url }), title: item.title }) }));
|
|
96
72
|
case 'model/gltf-binary':
|
|
97
|
-
return (_jsx(ModelViewer, { src:
|
|
98
|
-
resourceURI: item.url,
|
|
99
|
-
sessionID,
|
|
100
|
-
tenantID,
|
|
101
|
-
baseURL,
|
|
102
|
-
apiURL,
|
|
103
|
-
}), alt: "", poster: "data:image/png;base64,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" }));
|
|
73
|
+
return (_jsx(ModelViewer, { src: url, alt: "", poster: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMIAAADDCAYAAADQvc6UAAABRWlDQ1BJQ0MgUHJvZmlsZQAAKJFjYGASSSwoyGFhYGDIzSspCnJ3UoiIjFJgf8LAwSDCIMogwMCcmFxc4BgQ4ANUwgCjUcG3awyMIPqyLsis7PPOq3QdDFcvjV3jOD1boQVTPQrgSkktTgbSf4A4LbmgqISBgTEFyFYuLykAsTuAbJEioKOA7DkgdjqEvQHEToKwj4DVhAQ5A9k3gGyB5IxEoBmML4BsnSQk8XQkNtReEOBxcfXxUQg1Mjc0dyHgXNJBSWpFCYh2zi+oLMpMzyhRcASGUqqCZ16yno6CkYGRAQMDKMwhqj/fAIcloxgHQqxAjIHBEugw5sUIsSQpBobtQPdLciLEVJYzMPBHMDBsayhILEqEO4DxG0txmrERhM29nYGBddr//5/DGRjYNRkY/l7////39v///y4Dmn+LgeHANwDrkl1AuO+pmgAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAwqADAAQAAAABAAAAwwAAAAD9b/HnAAAHlklEQVR4Ae3dP3PTWBSGcbGzM6GCKqlIBRV0dHRJFarQ0eUT8LH4BnRU0NHR0UEFVdIlFRV7TzRksomPY8uykTk/zewQfKw/9znv4yvJynLv4uLiV2dBoDiBf4qP3/ARuCRABEFAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghgg0Aj8i0JO4OzsrPv69Wv+hi2qPHr0qNvf39+iI97soRIh4f3z58/u7du3SXX7Xt7Z2enevHmzfQe+oSN2apSAPj09TSrb+XKI/f379+08+A0cNRE2ANkupk+ACNPvkSPcAAEibACyXUyfABGm3yNHuAECRNgAZLuYPgEirKlHu7u7XdyytGwHAd8jjNyng4OD7vnz51dbPT8/7z58+NB9+/bt6jU/TI+AGWHEnrx48eJ/EsSmHzx40L18+fLyzxF3ZVMjEyDCiEDjMYZZS5wiPXnyZFbJaxMhQIQRGzHvWR7XCyOCXsOmiDAi1HmPMMQjDpbpEiDCiL358eNHurW/5SnWdIBbXiDCiA38/Pnzrce2YyZ4//59F3ePLNMl4PbpiL2J0L979+7yDtHDhw8vtzzvdGnEXdvUigSIsCLAWavHp/+qM0BcXMd/q25n1vF57TYBp0a3mUzilePj4+7k5KSLb6gt6ydAhPUzXnoPR0dHl79WGTNCfBnn1uvSCJdegQhLI1vvCk+fPu2ePXt2tZOYEV6/fn31dz+shwAR1sP1cqvLntbEN9MxA9xcYjsxS1jWR4AIa2Ibzx0tc44fYX/16lV6NDFLXH+YL32jwiACRBiEbf5KcXoTIsQSpzXx4N28Ja4BQoK7rgXiydbHjx/P25TaQAJEGAguWy0+2Q8PD6/Ki4R8EVl+bzBOnZY95fq9rj9zAkTI2SxdidBHqG9+skdw43borCXO/ZcJdraPWdv22uIEiLA4q7nvvCug8WTqzQveOH26fodo7g6uFe/a17W3+nFBAkRYENRdb1vkkz1CH9cPsVy/jrhr27PqMYvENYNlHAIesRiBYwRy0V+8iXP8+/fvX11Mr7L7ECueb/r48eMqm7FuI2BGWDEG8cm+7G3NEOfmdcTQw4h9/55lhm7DekRYKQPZF2ArbXTAyu4kDYB2YxUzwg0gi/41ztHnfQG26HbGel/crVrm7tNY+/1btkOEAZ2M05r4FB7r9GbAIdxaZYrHdOsgJ/wCEQY0J74TmOKnbxxT9n3FgGGWWsVdowHtjt9Nnvf7yQM2aZU/TIAIAxrw6dOnAWtZZcoEnBpNuTuObWMEiLAx1HY0ZQJEmHJ3HNvGCBBhY6jtaMoEiJB0Z29vL6ls58vxPcO8/zfrdo5qvKO+d3Fx8Wu8zf1dW4p/cPzLly/dtv9Ts/EbcvGAHhHyfBIhZ6NSiIBTo0LNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiEC/wGgKKC4YMA4TAAAAABJRU5ErkJggg==" }));
|
|
104
74
|
default:
|
|
105
|
-
return (_jsx("a", { className: "memori-media-item--link", href:
|
|
106
|
-
resourceURI: item.url,
|
|
107
|
-
sessionID,
|
|
108
|
-
tenantID,
|
|
109
|
-
baseURL,
|
|
110
|
-
apiURL,
|
|
111
|
-
}), target: "_blank", rel: "noopener noreferrer", title: item.title, children: _jsx(Card, { hoverable: true, cover: _jsx(File, { className: "memori-media-item--icon" }), title: item.title }) }));
|
|
75
|
+
return (_jsx("a", { className: "memori-media-item--link", href: url, target: "_blank", rel: "noopener noreferrer", title: item.title, children: _jsx(Card, { hoverable: true, cover: _jsx(File, { className: "memori-media-item--icon" }), title: item.title }) }));
|
|
112
76
|
}
|
|
113
77
|
};
|
|
114
78
|
const MediaItemWidget = ({ items, sessionID, tenantID, translateTo, baseURL, apiURL, }) => {
|
|
115
79
|
const [media, setMedia] = useState(items);
|
|
80
|
+
const [openModalMedium, setOpenModalMedium] = useState();
|
|
116
81
|
const translateMediaCaptions = useCallback(async () => {
|
|
117
82
|
if (!translateTo)
|
|
118
83
|
return;
|
|
@@ -163,7 +128,9 @@ const MediaItemWidget = ({ items, sessionID, tenantID, translateTo, baseURL, api
|
|
|
163
128
|
? -1
|
|
164
129
|
: 0;
|
|
165
130
|
})
|
|
166
|
-
.map((item, index) => (_jsx(Transition.Child, { as: "div", className: "memori-media-item", enter: `ease-out duration-500 delay-${index * 100}`, enterFrom: "opacity-0 scale-95", enterTo: "opacity-1 scale-100", leave: "ease-in duration-300", leaveFrom: "opacity-1 scale-100", leaveTo: "opacity-0 scale-95", children: _jsx(RenderMediaItem, { sessionID: sessionID, tenantID: tenantID, baseURL: baseURL, apiURL: apiURL,
|
|
131
|
+
.map((item, index) => (_jsx(Transition.Child, { as: "div", className: "memori-media-item", enter: `ease-out duration-500 delay-${index * 100}`, enterFrom: "opacity-0 scale-95", enterTo: "opacity-1 scale-100", leave: "ease-in duration-300", leaveFrom: "opacity-1 scale-100", leaveTo: "opacity-0 scale-95", children: _jsx(RenderMediaItem, { isChild: true, sessionID: sessionID, tenantID: tenantID, baseURL: baseURL, apiURL: apiURL, onClick: mediumID => {
|
|
132
|
+
setOpenModalMedium(media.find(m => m.mediumID === mediumID));
|
|
133
|
+
}, item: {
|
|
167
134
|
...item,
|
|
168
135
|
title: item.title,
|
|
169
136
|
url: item.url,
|
|
@@ -176,7 +143,12 @@ const MediaItemWidget = ({ items, sessionID, tenantID, translateTo, baseURL, api
|
|
|
176
143
|
})
|
|
177
144
|
.map(medium => (_jsx(Transition.Child, { as: "div", className: "memori-media-item--snippet", enter: "ease-out duration-500", enterFrom: "opacity-0 translate-y-1", enterTo: "opacity-1 translate-y-0", leave: "ease-in duration-300", leaveFrom: "opacity-1", leaveTo: "opacity-0", children: _jsx(Snippet, { medium: medium }, medium.mediumID) }, medium.mediumID))), media
|
|
178
145
|
.filter(m => { var _a; return m.mimeType === 'text/css' && !!((_a = m.properties) === null || _a === void 0 ? void 0 : _a.executable); })
|
|
179
|
-
.map(medium => (_jsx("style", { dangerouslySetInnerHTML: { __html: medium.content || '' } }, medium.mediumID)))
|
|
146
|
+
.map(medium => (_jsx("style", { dangerouslySetInnerHTML: { __html: medium.content || '' } }, medium.mediumID))), (openModalMedium === null || openModalMedium === void 0 ? void 0 : openModalMedium.mediumID) && (_jsx(Modal, { width: "100%", widthMd: "100%", className: "memori-media-item--modal", open: !!openModalMedium, onClose: () => setOpenModalMedium(undefined), footer: null, children: _jsx(RenderMediaItem, { isChild: true, sessionID: sessionID, tenantID: tenantID, baseURL: baseURL, apiURL: apiURL, item: {
|
|
147
|
+
...openModalMedium,
|
|
148
|
+
title: openModalMedium.title,
|
|
149
|
+
url: openModalMedium.url,
|
|
150
|
+
content: openModalMedium.content,
|
|
151
|
+
} }) }))] }));
|
|
180
152
|
};
|
|
181
153
|
export default MediaItemWidget;
|
|
182
154
|
//# sourceMappingURL=MediaItemWidget.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MediaItemWidget.js","sourceRoot":"","sources":["../../../src/components/MediaWidget/MediaItemWidget.tsx"],"names":[],"mappings":";AACA,OAAc,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,WAAW,MAAM,qCAAqC,CAAC;AAC9D,OAAO,OAAO,MAAM,oBAAoB,CAAC;AACzC,OAAO,IAAI,MAAM,YAAY,CAAC;AAC9B,OAAO,IAAI,MAAM,eAAe,CAAC;AACjC,OAAO,OAAO,MAAM,kBAAkB,CAAC;AACvC,OAAO,SAAS,MAAM,oBAAoB,CAAC;AAC3C,OAAO,QAAQ,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAW/C,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC9B,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,OAAO,EACP,MAAM,
|
|
1
|
+
{"version":3,"file":"MediaItemWidget.js","sourceRoot":"","sources":["../../../src/components/MediaWidget/MediaItemWidget.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,22 +1,25 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { useEffect, useState } from 'react';
|
|
3
3
|
import Button from '../ui/Button';
|
|
4
4
|
import LinkItemWidget from './LinkItemWidget';
|
|
5
5
|
import MediaItemWidget from './MediaItemWidget';
|
|
6
6
|
import { Transition } from '@headlessui/react';
|
|
7
7
|
import cx from 'classnames';
|
|
8
|
+
import { useTranslation } from 'react-i18next';
|
|
8
9
|
const MediaWidget = ({ hints = [], links = [], media = [], simulateUserPrompt = () => { }, sessionID, baseUrl, apiUrl, translateTo, }) => {
|
|
10
|
+
const { t } = useTranslation();
|
|
9
11
|
const [showHints, setShowHints] = useState(true);
|
|
12
|
+
const [hintsPagination, setHintsPagination] = useState(6);
|
|
10
13
|
useEffect(() => {
|
|
11
14
|
setShowHints(true);
|
|
12
15
|
}, [hints]);
|
|
13
|
-
return (_jsxs("div", { className: "memori-media-widget", children: [(media === null || media === void 0 ? void 0 : media.length) > 0 && (_jsx(MediaItemWidget, { items: media, sessionID: sessionID, translateTo: translateTo, baseURL: baseUrl, apiURL: apiUrl })), (links === null || links === void 0 ? void 0 : links.length) > 0 && _jsx(LinkItemWidget, { items: links, baseUrl: baseUrl }), (hints === null || hints === void 0 ? void 0 : hints.length) > 0 && showHints && (_jsx(Transition, { appear: true, show: true, as: "ul", className: "memori-media--hints", children: hints.map((item, index) => (_jsx(Transition.Child, { as: "li", enter: "ease-out duration-500", enterFrom: "opacity-0 translate-y-1", enterTo: "opacity-1 translate-y-0", leave: "ease-in duration-300", leaveFrom: "opacity-1", leaveTo: "opacity-0", children: _jsx(Button, { className: cx('memori-media--hint'), primary: true, onClick: () => {
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
16
|
+
return (_jsxs("div", { className: "memori-media-widget", children: [(media === null || media === void 0 ? void 0 : media.length) > 0 && (_jsx(MediaItemWidget, { items: media, sessionID: sessionID, translateTo: translateTo, baseURL: baseUrl, apiURL: apiUrl })), (links === null || links === void 0 ? void 0 : links.length) > 0 && _jsx(LinkItemWidget, { items: links, baseUrl: baseUrl }), (hints === null || hints === void 0 ? void 0 : hints.length) > 0 && showHints && (_jsxs(_Fragment, { children: [_jsx(Transition, { appear: true, show: true, as: "ul", className: "memori-media--hints", children: hints.slice(0, hintsPagination).map((item, index) => (_jsx(Transition.Child, { as: "li", enter: "ease-out duration-500", enterFrom: "opacity-0 translate-y-1", enterTo: "opacity-1 translate-y-0", leave: "ease-in duration-300", leaveFrom: "opacity-1", leaveTo: "opacity-0", children: _jsx(Button, { className: cx('memori-media--hint'), primary: true, onClick: () => {
|
|
17
|
+
simulateUserPrompt(item.originalText, item.text);
|
|
18
|
+
setShowHints(false);
|
|
19
|
+
}, onTouchEnd: () => {
|
|
20
|
+
simulateUserPrompt(item.originalText, item.text);
|
|
21
|
+
setShowHints(false);
|
|
22
|
+
}, children: item.text }, item.text + index) }, item.text + index))) }), hints.length > hintsPagination && (_jsx("div", { className: "memori-hints--show-more", children: _jsx(Button, { className: "memori-hints--show-more-button", id: "showMoreHints", onClick: () => setHintsPagination(hintsPagination + 6), children: t('expand') || 'Expand' }) }))] }))] }));
|
|
20
23
|
};
|
|
21
24
|
export default MediaWidget;
|
|
22
25
|
//# sourceMappingURL=MediaWidget.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MediaWidget.js","sourceRoot":"","sources":["../../../src/components/MediaWidget/MediaWidget.tsx"],"names":[],"mappings":";AAIA,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"MediaWidget.js","sourceRoot":"","sources":["../../../src/components/MediaWidget/MediaWidget.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { DialogState, Memori, Integration, MemoriConfig, Tenant } from '@memori.ai/memori-api-client/
|
|
1
|
+
import { DialogState, Memori, Integration, MemoriConfig, Tenant } from '@memori.ai/memori-api-client/src/types';
|
|
2
2
|
declare const getMemoriState: (integrationId?: string | undefined) => object | null;
|
|
3
3
|
declare const typeMessage: (message: string) => void;
|
|
4
4
|
declare global {
|
|
@@ -12,6 +12,7 @@ export interface Props {
|
|
|
12
12
|
memoriConfigs?: MemoriConfig[];
|
|
13
13
|
memoriLang?: string;
|
|
14
14
|
integration?: Integration;
|
|
15
|
+
layout?: 'DEFAULT' | 'FULLPAGE' | 'TOTEM';
|
|
15
16
|
showShare?: boolean;
|
|
16
17
|
showInstruct?: boolean;
|
|
17
18
|
showInputs?: boolean;
|
|
@@ -40,5 +41,5 @@ export interface Props {
|
|
|
40
41
|
AZURE_COGNITIVE_SERVICES_TTS_KEY?: string;
|
|
41
42
|
onStateChange?: (state?: DialogState) => void;
|
|
42
43
|
}
|
|
43
|
-
declare const MemoriWidget: ({ memori, memoriConfigs, memoriLang, integration, showInstruct, showShare, preview, embed, showInputs, showDates, showContextPerLine, showSettings, height, secret, baseUrl, apiUrl, initialContextVars, initialQuestion, ogImage, sessionID: initialSessionID, tenant, personification, authToken, AZURE_COGNITIVE_SERVICES_TTS_KEY, onStateChange, }: Props) => JSX.Element;
|
|
44
|
+
declare const MemoriWidget: ({ memori, memoriConfigs, memoriLang, integration, layout, showInstruct, showShare, preview, embed, showInputs, showDates, showContextPerLine, showSettings, height, secret, baseUrl, apiUrl, initialContextVars, initialQuestion, ogImage, sessionID: initialSessionID, tenant, personification, authToken, AZURE_COGNITIVE_SERVICES_TTS_KEY, onStateChange, }: Props) => JSX.Element;
|
|
44
45
|
export default MemoriWidget;
|