@memori.ai/memori-react 8.45.6 → 8.46.1
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 +19 -0
- package/dist/components/ChatBubble/ChatBubble.css +94 -9
- package/dist/components/ChatInputs/ChatInputs.css +7 -5
- package/dist/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.css +27 -0
- package/dist/components/MemoriWidget/MemoriWidget.js +36 -29
- package/dist/components/MemoriWidget/MemoriWidget.js.map +1 -1
- package/dist/components/layouts/chat.css +11 -1
- package/dist/components/layouts/totem.css +2 -0
- package/dist/helpers/message.js +45 -1
- package/dist/helpers/message.js.map +1 -1
- package/dist/styles.css +19 -0
- package/dist/version.d.ts +1 -1
- package/dist/version.js +1 -1
- package/esm/components/ChatBubble/ChatBubble.css +94 -9
- package/esm/components/ChatInputs/ChatInputs.css +7 -5
- package/esm/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.css +27 -0
- package/esm/components/MemoriWidget/MemoriWidget.js +36 -29
- package/esm/components/MemoriWidget/MemoriWidget.js.map +1 -1
- package/esm/components/layouts/chat.css +11 -1
- package/esm/components/layouts/totem.css +2 -0
- package/esm/helpers/message.js +45 -1
- package/esm/helpers/message.js.map +1 -1
- package/esm/styles.css +19 -0
- package/esm/version.d.ts +1 -1
- package/esm/version.js +1 -1
- package/package.json +2 -2
- package/dist/components/ChatHistoryDrawer/ChatResumeDrawer.css +0 -78
- package/dist/components/ChatHistoryDrawer/ChatResumeDrawer.d.ts +0 -39
- package/dist/components/ChatHistoryDrawer/ChatResumeDrawer.js +0 -43
- package/dist/components/ChatHistoryDrawer/ChatResumeDrawer.js.map +0 -1
- package/dist/components/ContentPreviewModal/DocumentMarkdown.d.ts +0 -7
- package/dist/components/ContentPreviewModal/DocumentMarkdown.js +0 -31
- package/dist/components/ContentPreviewModal/DocumentMarkdown.js.map +0 -1
- package/dist/components/DrawerFooter/DrawerFooter.css +0 -62
- package/dist/components/DrawerFooter/DrawerFooter.d.ts +0 -12
- package/dist/components/DrawerFooter/DrawerFooter.js +0 -10
- package/dist/components/DrawerFooter/DrawerFooter.js.map +0 -1
- package/dist/components/IconButton/IconButton.css +0 -135
- package/dist/components/IconButton/IconButton.d.ts +0 -9
- package/dist/components/IconButton/IconButton.js +0 -36
- package/dist/components/IconButton/IconButton.js.map +0 -1
- package/dist/components/LoginModal/LoginModal.css +0 -270
- package/dist/components/LoginModal/LoginModal.d.ts +0 -19
- package/dist/components/LoginModal/LoginModal.js +0 -355
- package/dist/components/LoginModal/LoginModal.js.map +0 -1
- package/dist/components/MobileSessionPanel/MobileSessionPanel.css +0 -540
- package/dist/components/MobileSessionPanel/MobileSessionPanel.d.ts +0 -65
- package/dist/components/MobileSessionPanel/MobileSessionPanel.js +0 -254
- package/dist/components/MobileSessionPanel/MobileSessionPanel.js.map +0 -1
- package/dist/components/PositionPopover/PositionPopover.css +0 -218
- package/dist/components/PositionPopover/PositionPopover.d.ts +0 -22
- package/dist/components/PositionPopover/PositionPopover.js +0 -208
- package/dist/components/PositionPopover/PositionPopover.js.map +0 -1
- package/dist/components/ReasoningBlock/ReasoningBlock.css +0 -156
- package/dist/components/ReasoningBlock/ReasoningBlock.d.ts +0 -7
- package/dist/components/ReasoningBlock/ReasoningBlock.js +0 -61
- package/dist/components/ReasoningBlock/ReasoningBlock.js.map +0 -1
- package/dist/components/SideDrawer/SideDrawer.css +0 -112
- package/dist/components/SideDrawer/SideDrawer.d.ts +0 -22
- package/dist/components/SideDrawer/SideDrawer.js +0 -17
- package/dist/components/SideDrawer/SideDrawer.js.map +0 -1
- package/dist/components/layouts/WebsiteAssistant/WebsiteAssistant.d.ts +0 -4
- package/dist/components/layouts/WebsiteAssistant/WebsiteAssistant.js +0 -144
- package/dist/components/layouts/WebsiteAssistant/WebsiteAssistant.js.map +0 -1
- package/dist/components/layouts/WebsiteAssistant/website-assistant.css +0 -889
- package/dist/components/layouts/fullpage.css +0 -628
- package/dist/helpers/artifactPanel.d.ts +0 -6
- package/dist/helpers/artifactPanel.js +0 -42
- package/dist/helpers/artifactPanel.js.map +0 -1
- package/dist/helpers/chatScroll.d.ts +0 -12
- package/dist/helpers/chatScroll.js +0 -14
- package/dist/helpers/chatScroll.js.map +0 -1
- package/dist/helpers/conversationHistory.d.ts +0 -16
- package/dist/helpers/conversationHistory.js +0 -89
- package/dist/helpers/conversationHistory.js.map +0 -1
- package/dist/helpers/conversationTitle.d.ts +0 -8
- package/dist/helpers/conversationTitle.js +0 -27
- package/dist/helpers/conversationTitle.js.map +0 -1
- package/dist/helpers/enhanceBubbleCodeBlocks.d.ts +0 -5
- package/dist/helpers/enhanceBubbleCodeBlocks.js +0 -97
- package/dist/helpers/enhanceBubbleCodeBlocks.js.map +0 -1
- package/dist/helpers/highlightMatches.d.ts +0 -2
- package/dist/helpers/highlightMatches.js +0 -54
- package/dist/helpers/highlightMatches.js.map +0 -1
- package/dist/helpers/positionPopover.d.ts +0 -3
- package/dist/helpers/positionPopover.js +0 -22
- package/dist/helpers/positionPopover.js.map +0 -1
- package/dist/helpers/prism.d.ts +0 -16
- package/dist/helpers/prism.js +0 -78
- package/dist/helpers/prism.js.map +0 -1
- package/dist/helpers/reasoning.d.ts +0 -7
- package/dist/helpers/reasoning.js +0 -43
- package/dist/helpers/reasoning.js.map +0 -1
- package/dist/helpers/relativeTime.d.ts +0 -3
- package/dist/helpers/relativeTime.js +0 -56
- package/dist/helpers/relativeTime.js.map +0 -1
- package/dist/helpers/sourcesCount.d.ts +0 -2
- package/dist/helpers/sourcesCount.js +0 -22
- package/dist/helpers/sourcesCount.js.map +0 -1
- package/dist/helpers/tts/muteSpeaker.d.ts +0 -13
- package/dist/helpers/tts/muteSpeaker.js +0 -26
- package/dist/helpers/tts/muteSpeaker.js.map +0 -1
- package/dist/helpers/usePressTooltip.d.ts +0 -18
- package/dist/helpers/usePressTooltip.js +0 -38
- package/dist/helpers/usePressTooltip.js.map +0 -1
- package/dist/icons/FacebookIcon.d.ts +0 -3
- package/dist/icons/FacebookIcon.js +0 -6
- package/dist/icons/FacebookIcon.js.map +0 -1
- package/dist/icons/LinkedinIcon.d.ts +0 -3
- package/dist/icons/LinkedinIcon.js +0 -6
- package/dist/icons/LinkedinIcon.js.map +0 -1
- package/dist/icons/MemoriIcon.d.ts +0 -3
- package/dist/icons/MemoriIcon.js +0 -8
- package/dist/icons/MemoriIcon.js.map +0 -1
- package/dist/icons/TelegramIcon.d.ts +0 -3
- package/dist/icons/TelegramIcon.js +0 -6
- package/dist/icons/TelegramIcon.js.map +0 -1
- package/dist/icons/TwitterIcon.d.ts +0 -3
- package/dist/icons/TwitterIcon.js +0 -6
- package/dist/icons/TwitterIcon.js.map +0 -1
- package/dist/icons/WhatsappIcon.d.ts +0 -3
- package/dist/icons/WhatsappIcon.js +0 -6
- package/dist/icons/WhatsappIcon.js.map +0 -1
- package/dist/icons/artifacts/DocumentIcon.d.ts +0 -3
- package/dist/icons/artifacts/DocumentIcon.js +0 -6
- package/dist/icons/artifacts/DocumentIcon.js.map +0 -1
- package/dist/icons/artifacts/HtmlIcon.d.ts +0 -3
- package/dist/icons/artifacts/HtmlIcon.js +0 -6
- package/dist/icons/artifacts/HtmlIcon.js.map +0 -1
- package/dist/icons/artifacts/JavascriptIcon.d.ts +0 -3
- package/dist/icons/artifacts/JavascriptIcon.js +0 -6
- package/dist/icons/artifacts/JavascriptIcon.js.map +0 -1
- package/dist/icons/artifacts/MarkdownIcon.d.ts +0 -3
- package/dist/icons/artifacts/MarkdownIcon.js +0 -6
- package/dist/icons/artifacts/MarkdownIcon.js.map +0 -1
- package/dist/icons/artifacts/PythonIcon.d.ts +0 -3
- package/dist/icons/artifacts/PythonIcon.js +0 -6
- package/dist/icons/artifacts/PythonIcon.js.map +0 -1
- package/dist/icons/artifacts/SvgIcon.d.ts +0 -3
- package/dist/icons/artifacts/SvgIcon.js +0 -6
- package/dist/icons/artifacts/SvgIcon.js.map +0 -1
- package/dist/icons/artifacts/XmlIcon.d.ts +0 -3
- package/dist/icons/artifacts/XmlIcon.js +0 -6
- package/dist/icons/artifacts/XmlIcon.js.map +0 -1
- package/dist/icons/artifacts/cssIcon.d.ts +0 -3
- package/dist/icons/artifacts/cssIcon.js +0 -6
- package/dist/icons/artifacts/cssIcon.js.map +0 -1
- package/dist/styles/motion.css +0 -25
- package/esm/components/ChatHistoryDrawer/ChatResumeDrawer.css +0 -78
- package/esm/components/ChatHistoryDrawer/ChatResumeDrawer.d.ts +0 -39
- package/esm/components/ChatHistoryDrawer/ChatResumeDrawer.js +0 -40
- package/esm/components/ChatHistoryDrawer/ChatResumeDrawer.js.map +0 -1
- package/esm/components/ContentPreviewModal/DocumentMarkdown.d.ts +0 -7
- package/esm/components/ContentPreviewModal/DocumentMarkdown.js +0 -28
- package/esm/components/ContentPreviewModal/DocumentMarkdown.js.map +0 -1
- package/esm/components/DrawerFooter/DrawerFooter.css +0 -62
- package/esm/components/DrawerFooter/DrawerFooter.d.ts +0 -12
- package/esm/components/DrawerFooter/DrawerFooter.js +0 -8
- package/esm/components/DrawerFooter/DrawerFooter.js.map +0 -1
- package/esm/components/IconButton/IconButton.css +0 -135
- package/esm/components/IconButton/IconButton.d.ts +0 -9
- package/esm/components/IconButton/IconButton.js +0 -33
- package/esm/components/IconButton/IconButton.js.map +0 -1
- package/esm/components/LoginModal/LoginModal.css +0 -270
- package/esm/components/LoginModal/LoginModal.d.ts +0 -19
- package/esm/components/LoginModal/LoginModal.js +0 -352
- package/esm/components/LoginModal/LoginModal.js.map +0 -1
- package/esm/components/MobileSessionPanel/MobileSessionPanel.css +0 -540
- package/esm/components/MobileSessionPanel/MobileSessionPanel.d.ts +0 -65
- package/esm/components/MobileSessionPanel/MobileSessionPanel.js +0 -251
- package/esm/components/MobileSessionPanel/MobileSessionPanel.js.map +0 -1
- package/esm/components/PositionPopover/PositionPopover.css +0 -218
- package/esm/components/PositionPopover/PositionPopover.d.ts +0 -22
- package/esm/components/PositionPopover/PositionPopover.js +0 -203
- package/esm/components/PositionPopover/PositionPopover.js.map +0 -1
- package/esm/components/ReasoningBlock/ReasoningBlock.css +0 -156
- package/esm/components/ReasoningBlock/ReasoningBlock.d.ts +0 -7
- package/esm/components/ReasoningBlock/ReasoningBlock.js +0 -58
- package/esm/components/ReasoningBlock/ReasoningBlock.js.map +0 -1
- package/esm/components/SideDrawer/SideDrawer.css +0 -112
- package/esm/components/SideDrawer/SideDrawer.d.ts +0 -22
- package/esm/components/SideDrawer/SideDrawer.js +0 -12
- package/esm/components/SideDrawer/SideDrawer.js.map +0 -1
- package/esm/components/layouts/WebsiteAssistant/WebsiteAssistant.d.ts +0 -4
- package/esm/components/layouts/WebsiteAssistant/WebsiteAssistant.js +0 -141
- package/esm/components/layouts/WebsiteAssistant/WebsiteAssistant.js.map +0 -1
- package/esm/components/layouts/WebsiteAssistant/website-assistant.css +0 -889
- package/esm/components/layouts/fullpage.css +0 -628
- package/esm/helpers/artifactPanel.d.ts +0 -6
- package/esm/helpers/artifactPanel.js +0 -37
- package/esm/helpers/artifactPanel.js.map +0 -1
- package/esm/helpers/chatScroll.d.ts +0 -12
- package/esm/helpers/chatScroll.js +0 -9
- package/esm/helpers/chatScroll.js.map +0 -1
- package/esm/helpers/conversationHistory.d.ts +0 -16
- package/esm/helpers/conversationHistory.js +0 -82
- package/esm/helpers/conversationHistory.js.map +0 -1
- package/esm/helpers/conversationTitle.d.ts +0 -8
- package/esm/helpers/conversationTitle.js +0 -23
- package/esm/helpers/conversationTitle.js.map +0 -1
- package/esm/helpers/enhanceBubbleCodeBlocks.d.ts +0 -5
- package/esm/helpers/enhanceBubbleCodeBlocks.js +0 -94
- package/esm/helpers/enhanceBubbleCodeBlocks.js.map +0 -1
- package/esm/helpers/highlightMatches.d.ts +0 -2
- package/esm/helpers/highlightMatches.js +0 -49
- package/esm/helpers/highlightMatches.js.map +0 -1
- package/esm/helpers/positionPopover.d.ts +0 -3
- package/esm/helpers/positionPopover.js +0 -17
- package/esm/helpers/positionPopover.js.map +0 -1
- package/esm/helpers/prism.d.ts +0 -16
- package/esm/helpers/prism.js +0 -74
- package/esm/helpers/prism.js.map +0 -1
- package/esm/helpers/reasoning.d.ts +0 -7
- package/esm/helpers/reasoning.js +0 -39
- package/esm/helpers/reasoning.js.map +0 -1
- package/esm/helpers/relativeTime.d.ts +0 -3
- package/esm/helpers/relativeTime.js +0 -50
- package/esm/helpers/relativeTime.js.map +0 -1
- package/esm/helpers/sourcesCount.d.ts +0 -2
- package/esm/helpers/sourcesCount.js +0 -18
- package/esm/helpers/sourcesCount.js.map +0 -1
- package/esm/helpers/tts/muteSpeaker.d.ts +0 -13
- package/esm/helpers/tts/muteSpeaker.js +0 -21
- package/esm/helpers/tts/muteSpeaker.js.map +0 -1
- package/esm/helpers/usePressTooltip.d.ts +0 -18
- package/esm/helpers/usePressTooltip.js +0 -35
- package/esm/helpers/usePressTooltip.js.map +0 -1
- package/esm/icons/FacebookIcon.d.ts +0 -3
- package/esm/icons/FacebookIcon.js +0 -4
- package/esm/icons/FacebookIcon.js.map +0 -1
- package/esm/icons/LinkedinIcon.d.ts +0 -3
- package/esm/icons/LinkedinIcon.js +0 -4
- package/esm/icons/LinkedinIcon.js.map +0 -1
- package/esm/icons/MemoriIcon.d.ts +0 -3
- package/esm/icons/MemoriIcon.js +0 -6
- package/esm/icons/MemoriIcon.js.map +0 -1
- package/esm/icons/TelegramIcon.d.ts +0 -3
- package/esm/icons/TelegramIcon.js +0 -4
- package/esm/icons/TelegramIcon.js.map +0 -1
- package/esm/icons/TwitterIcon.d.ts +0 -3
- package/esm/icons/TwitterIcon.js +0 -4
- package/esm/icons/TwitterIcon.js.map +0 -1
- package/esm/icons/WhatsappIcon.d.ts +0 -3
- package/esm/icons/WhatsappIcon.js +0 -4
- package/esm/icons/WhatsappIcon.js.map +0 -1
- package/esm/icons/artifacts/DocumentIcon.d.ts +0 -3
- package/esm/icons/artifacts/DocumentIcon.js +0 -4
- package/esm/icons/artifacts/DocumentIcon.js.map +0 -1
- package/esm/icons/artifacts/HtmlIcon.d.ts +0 -3
- package/esm/icons/artifacts/HtmlIcon.js +0 -4
- package/esm/icons/artifacts/HtmlIcon.js.map +0 -1
- package/esm/icons/artifacts/JavascriptIcon.d.ts +0 -3
- package/esm/icons/artifacts/JavascriptIcon.js +0 -4
- package/esm/icons/artifacts/JavascriptIcon.js.map +0 -1
- package/esm/icons/artifacts/MarkdownIcon.d.ts +0 -3
- package/esm/icons/artifacts/MarkdownIcon.js +0 -4
- package/esm/icons/artifacts/MarkdownIcon.js.map +0 -1
- package/esm/icons/artifacts/PythonIcon.d.ts +0 -3
- package/esm/icons/artifacts/PythonIcon.js +0 -4
- package/esm/icons/artifacts/PythonIcon.js.map +0 -1
- package/esm/icons/artifacts/SvgIcon.d.ts +0 -3
- package/esm/icons/artifacts/SvgIcon.js +0 -4
- package/esm/icons/artifacts/SvgIcon.js.map +0 -1
- package/esm/icons/artifacts/XmlIcon.d.ts +0 -3
- package/esm/icons/artifacts/XmlIcon.js +0 -4
- package/esm/icons/artifacts/XmlIcon.js.map +0 -1
- package/esm/icons/artifacts/cssIcon.d.ts +0 -3
- package/esm/icons/artifacts/cssIcon.js +0 -4
- package/esm/icons/artifacts/cssIcon.js.map +0 -1
- package/esm/styles/motion.css +0 -25
|
@@ -1,78 +0,0 @@
|
|
|
1
|
-
.memori-chat-resume-drawer--embedded-shell {
|
|
2
|
-
display: flex;
|
|
3
|
-
height: 100%;
|
|
4
|
-
min-height: 0;
|
|
5
|
-
flex: 1;
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
.memori-chat-resume-drawer--thread {
|
|
9
|
-
display: flex;
|
|
10
|
-
overflow: hidden;
|
|
11
|
-
min-height: 0;
|
|
12
|
-
flex: 1;
|
|
13
|
-
flex-direction: column;
|
|
14
|
-
padding: var(--memori-spacing-md) var(--memori-spacing-lg);
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
.memori-chat-resume-drawer--embedded-chat {
|
|
18
|
-
min-height: 0;
|
|
19
|
-
flex: 1;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
.memori-chat-resume-drawer--embedded-chat .memori-chat--wrapper {
|
|
23
|
-
height: 100%;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
.memori-chat-resume-drawer--embedded-chat .memori-chat--history {
|
|
27
|
-
height: 100%;
|
|
28
|
-
border-radius: 0;
|
|
29
|
-
margin: 0;
|
|
30
|
-
background: transparent;
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
.memori-chat-resume-drawer--embedded-chat .memori-chat--content {
|
|
34
|
-
padding: 0;
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
.memori-chat-resume-drawer--embedded-chat .memori-chat--cover {
|
|
38
|
-
display: none;
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
.memori-chat-resume-drawer--embedded-chat .memori-chat--bubble-container {
|
|
42
|
-
padding-right: var(--memori-spacing-md);
|
|
43
|
-
padding-left: 0;
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
.memori-chat-resume-drawer--embedded-chat .memori-chat--bubble-message-row {
|
|
47
|
-
align-items: flex-start;
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
.memori-chat-resume-drawer--skeletons {
|
|
51
|
-
display: flex;
|
|
52
|
-
flex-direction: column;
|
|
53
|
-
gap: var(--memori-spacing-sm);
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
.memori-chat-resume-drawer--skeleton-bubble {
|
|
57
|
-
width: 72%;
|
|
58
|
-
height: 54px;
|
|
59
|
-
border-radius: var(--memori-radius-surface);
|
|
60
|
-
animation: memori-chat-resume-shimmer 1.2s infinite;
|
|
61
|
-
background: linear-gradient(
|
|
62
|
-
90deg,
|
|
63
|
-
color-mix(in oklch, var(--memori-text-color) 6%, transparent) 0%,
|
|
64
|
-
color-mix(in oklch, var(--memori-text-color) 12%, transparent) 50%,
|
|
65
|
-
color-mix(in oklch, var(--memori-text-color) 6%, transparent) 100%
|
|
66
|
-
);
|
|
67
|
-
background-size: 200% 100%;
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
@keyframes memori-chat-resume-shimmer {
|
|
71
|
-
from {
|
|
72
|
-
background-position: 200% 0;
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
to {
|
|
76
|
-
background-position: -200% 0;
|
|
77
|
-
}
|
|
78
|
-
}
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import { Message, Memori } from '@memori.ai/memori-api-client/dist/types';
|
|
2
|
-
export interface ResumeDrawerMessage {
|
|
3
|
-
id: string;
|
|
4
|
-
role: 'user' | 'assistant';
|
|
5
|
-
content: string;
|
|
6
|
-
timestamp: string;
|
|
7
|
-
status?: 'completed' | 'interrupted';
|
|
8
|
-
media?: Message['media'];
|
|
9
|
-
attachment?: {
|
|
10
|
-
name: string;
|
|
11
|
-
type: string;
|
|
12
|
-
size: string;
|
|
13
|
-
ext: string;
|
|
14
|
-
};
|
|
15
|
-
}
|
|
16
|
-
export interface ChatResumeDrawerProps {
|
|
17
|
-
isOpen: boolean;
|
|
18
|
-
onClose: () => void;
|
|
19
|
-
onBack?: () => void;
|
|
20
|
-
onExportChat: () => void;
|
|
21
|
-
embedded?: boolean;
|
|
22
|
-
session: {
|
|
23
|
-
title: string;
|
|
24
|
-
subtitle: string;
|
|
25
|
-
summary: string;
|
|
26
|
-
messages: ResumeDrawerMessage[];
|
|
27
|
-
quickActions: {
|
|
28
|
-
label: string;
|
|
29
|
-
prompt: string;
|
|
30
|
-
}[];
|
|
31
|
-
};
|
|
32
|
-
onResume: (prompt?: string) => void;
|
|
33
|
-
isLoading?: boolean;
|
|
34
|
-
showFunctionCache?: boolean;
|
|
35
|
-
showMessageConsumption?: boolean;
|
|
36
|
-
memori?: Memori;
|
|
37
|
-
}
|
|
38
|
-
declare const ChatResumeDrawer: ({ isOpen, onClose, embedded, session, isLoading, showFunctionCache, showMessageConsumption, memori, }: ChatResumeDrawerProps) => JSX.Element | null;
|
|
39
|
-
export default ChatResumeDrawer;
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
const tslib_1 = require("tslib");
|
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
const react_1 = require("react");
|
|
6
|
-
const ui_1 = require("@memori.ai/ui");
|
|
7
|
-
const utils_1 = require("../../helpers/utils");
|
|
8
|
-
const Chat_1 = tslib_1.__importDefault(require("../Chat/Chat"));
|
|
9
|
-
const FALLBACK_MEMORI = {
|
|
10
|
-
memoriID: 'chat-resume-drawer',
|
|
11
|
-
name: 'AI',
|
|
12
|
-
culture: 'it-IT',
|
|
13
|
-
coverURL: '',
|
|
14
|
-
avatarURL: '',
|
|
15
|
-
enableBoardOfExperts: false,
|
|
16
|
-
};
|
|
17
|
-
const NOOP = () => { };
|
|
18
|
-
const escapeAttachmentAttr = (value) => value.replaceAll('"', '"');
|
|
19
|
-
const ChatResumeDrawer = ({ isOpen, onClose, embedded = false, session, isLoading = false, showFunctionCache = false, showMessageConsumption = false, memori = FALLBACK_MEMORI, }) => {
|
|
20
|
-
const history = (0, react_1.useMemo)(() => session.messages.map(message => {
|
|
21
|
-
const attachmentTag = message.attachment
|
|
22
|
-
? `<document_attachment filename="${escapeAttachmentAttr(message.attachment.name)}" type="${escapeAttachmentAttr(message.attachment.type)}"></document_attachment>`
|
|
23
|
-
: '';
|
|
24
|
-
const interruptedText = message.role === 'assistant' && message.status === 'interrupted'
|
|
25
|
-
? 'Risposta interrotta - sessione in pausa'
|
|
26
|
-
: message.content;
|
|
27
|
-
return {
|
|
28
|
-
fromUser: message.role === 'user',
|
|
29
|
-
text: `${interruptedText}${attachmentTag}`,
|
|
30
|
-
timestamp: message.timestamp,
|
|
31
|
-
media: message.media || [],
|
|
32
|
-
};
|
|
33
|
-
}), [session.messages]);
|
|
34
|
-
const thread = ((0, jsx_runtime_1.jsxs)("div", { className: "memori-chat-resume-drawer--thread", children: [isLoading && ((0, jsx_runtime_1.jsx)("div", { className: "memori-chat-resume-drawer--skeletons", children: [0, 1, 2].map(item => ((0, jsx_runtime_1.jsx)("div", { className: "memori-chat-resume-drawer--skeleton-bubble" }, item))) })), !isLoading && ((0, jsx_runtime_1.jsx)("div", { className: "memori-chat-resume-drawer--embedded-chat", children: (0, jsx_runtime_1.jsx)(Chat_1.default, { memori: memori, sessionID: "chat-resume-drawer", history: history, pushMessage: NOOP, simulateUserPrompt: NOOP, setSendOnEnter: NOOP, setAttachmentsMenuOpen: NOOP, onChangeUserMessage: NOOP, sendMessage: NOOP, setEnableFocusChatInput: NOOP, stopAudio: NOOP, startListening: NOOP, stopListening: NOOP, showInputs: false, showAIicon: true, showCopyButton: true, isHistoryView: true, isChatlogPanel: true, showFunctionCache: showFunctionCache, showMessageConsumption: showMessageConsumption }) }))] }));
|
|
35
|
-
if (embedded) {
|
|
36
|
-
if (!isOpen)
|
|
37
|
-
return null;
|
|
38
|
-
return ((0, jsx_runtime_1.jsx)("div", { className: "memori-chat-resume-drawer--embedded-shell", children: thread }));
|
|
39
|
-
}
|
|
40
|
-
return ((0, jsx_runtime_1.jsx)(ui_1.Drawer, { open: isOpen, onClose: onClose, className: "memori-chat-resume-drawer", anchor: "right", size: "md", showCloseButton: false, title: (0, utils_1.stripHTML)(session.title), children: thread }));
|
|
41
|
-
};
|
|
42
|
-
exports.default = ChatResumeDrawer;
|
|
43
|
-
//# sourceMappingURL=ChatResumeDrawer.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ChatResumeDrawer.js","sourceRoot":"","sources":["../../../src/components/ChatHistoryDrawer/ChatResumeDrawer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.prepareDocumentPreviewContent = prepareDocumentPreviewContent;
|
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
const react_1 = require("react");
|
|
6
|
-
const message_1 = require("../../helpers/message");
|
|
7
|
-
const utils_1 = require("../../helpers/utils");
|
|
8
|
-
function prepareDocumentPreviewContent(content) {
|
|
9
|
-
if (!content)
|
|
10
|
-
return '';
|
|
11
|
-
let displayContent = content;
|
|
12
|
-
if (displayContent.includes('<') ||
|
|
13
|
-
displayContent.includes('"')) {
|
|
14
|
-
displayContent = (0, utils_1.stripHTML)(displayContent) || displayContent;
|
|
15
|
-
}
|
|
16
|
-
displayContent = (0, utils_1.stripDocumentAttachmentTags)(displayContent);
|
|
17
|
-
return displayContent.replace(/\n{3,}/g, '\n\n').trim();
|
|
18
|
-
}
|
|
19
|
-
const DocumentMarkdown = ({ content }) => {
|
|
20
|
-
const html = (0, react_1.useMemo)(() => {
|
|
21
|
-
const prepared = prepareDocumentPreviewContent(content);
|
|
22
|
-
if (!prepared)
|
|
23
|
-
return '';
|
|
24
|
-
return (0, message_1.renderMsg)(prepared, false, 'Reasoning...', false).text;
|
|
25
|
-
}, [content]);
|
|
26
|
-
if (!html)
|
|
27
|
-
return null;
|
|
28
|
-
return ((0, jsx_runtime_1.jsx)("div", { className: "memori-content-preview-modal--markdown", dangerouslySetInnerHTML: { __html: html } }));
|
|
29
|
-
};
|
|
30
|
-
exports.default = DocumentMarkdown;
|
|
31
|
-
//# sourceMappingURL=DocumentMarkdown.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DocumentMarkdown.js","sourceRoot":"","sources":["../../../src/components/ContentPreviewModal/DocumentMarkdown.tsx"],"names":[],"mappings":";;AAOA,sEAaC;;AApBD,iCAAuC;AACvC,mDAAkD;AAClD,+CAG6B;AAE7B,SAAgB,6BAA6B,CAAC,OAAe;IAC3D,IAAI,CAAC,OAAO;QAAE,OAAO,EAAE,CAAC;IAExB,IAAI,cAAc,GAAG,OAAO,CAAC;IAC7B,IACE,cAAc,CAAC,QAAQ,CAAC,MAAM,CAAC;QAC/B,cAAc,CAAC,QAAQ,CAAC,QAAQ,CAAC,EACjC,CAAC;QACD,cAAc,GAAG,IAAA,iBAAS,EAAC,cAAc,CAAC,IAAI,cAAc,CAAC;IAC/D,CAAC;IACD,cAAc,GAAG,IAAA,mCAA2B,EAAC,cAAc,CAAC,CAAC;IAE7D,OAAO,cAAc,CAAC,OAAO,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC,IAAI,EAAE,CAAC;AAC1D,CAAC;AAMD,MAAM,gBAAgB,GAAoC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;IACxE,MAAM,IAAI,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACxB,MAAM,QAAQ,GAAG,6BAA6B,CAAC,OAAO,CAAC,CAAC;QACxD,IAAI,CAAC,QAAQ;YAAE,OAAO,EAAE,CAAC;QACzB,OAAO,IAAA,mBAAS,EAAC,QAAQ,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,CAAC,CAAC,IAAI,CAAC;IAChE,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC;IAEvB,OAAO,CACL,gCACE,SAAS,EAAC,wCAAwC,EAClD,uBAAuB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,GACzC,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}
|
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
.memori-drawer-footer {
|
|
2
|
-
flex-shrink: 0;
|
|
3
|
-
padding: var(--memori-spacing-md);
|
|
4
|
-
border-top: 1px solid var(--memori-border-color, #e5e7eb);
|
|
5
|
-
box-shadow: 0 -8px 24px -8px rgba(0, 0, 0, 0.06), 0 -2px 8px -2px rgba(0, 0, 0, 0.03);
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
.memori-drawer-footer__inner {
|
|
9
|
-
display: flex;
|
|
10
|
-
flex-direction: row;
|
|
11
|
-
flex-wrap: wrap;
|
|
12
|
-
align-items: center;
|
|
13
|
-
justify-content: space-between;
|
|
14
|
-
gap: var(--memori-spacing-lg);
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
.memori-drawer-footer__start {
|
|
18
|
-
display: flex;
|
|
19
|
-
align-items: center;
|
|
20
|
-
gap: var(--memori-spacing-md);
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
.memori-drawer-footer__end {
|
|
24
|
-
display: flex;
|
|
25
|
-
align-items: center;
|
|
26
|
-
justify-content: flex-end;
|
|
27
|
-
margin-left: auto;
|
|
28
|
-
gap: var(--memori-spacing-md);
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
.memori-drawer-footer__end .memori-button {
|
|
32
|
-
min-height: 44px;
|
|
33
|
-
padding: 10px var(--memori-spacing-lg);
|
|
34
|
-
border-radius: var(--memori-radius-control);
|
|
35
|
-
font-weight: 500;
|
|
36
|
-
transition: transform 0.15s ease, box-shadow 0.15s ease;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
.memori-drawer-footer__end .memori-button:hover:not([disabled]) {
|
|
40
|
-
transform: translateY(-1px);
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
.memori-drawer-footer__inner--centered {
|
|
44
|
-
justify-content: center;
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
@media (max-width: 768px) {
|
|
48
|
-
.memori-drawer-footer {
|
|
49
|
-
padding: var(--memori-spacing-md) var(--memori-spacing-lg);
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
.memori-drawer-footer__inner {
|
|
53
|
-
flex-direction: row;
|
|
54
|
-
align-items: center;
|
|
55
|
-
gap: var(--memori-spacing-md);
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
.memori-drawer-footer__end {
|
|
59
|
-
justify-content: flex-end;
|
|
60
|
-
margin-left: 0;
|
|
61
|
-
}
|
|
62
|
-
}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export interface DrawerFooterProps {
|
|
3
|
-
children?: React.ReactNode;
|
|
4
|
-
start?: React.ReactNode;
|
|
5
|
-
end?: React.ReactNode;
|
|
6
|
-
center?: React.ReactNode;
|
|
7
|
-
closeLabel?: string;
|
|
8
|
-
onClose?: () => void;
|
|
9
|
-
className?: string;
|
|
10
|
-
}
|
|
11
|
-
declare const DrawerFooter: React.FC<DrawerFooterProps>;
|
|
12
|
-
export default DrawerFooter;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
-
const ui_1 = require("@memori.ai/ui");
|
|
5
|
-
const DrawerFooter = ({ children, start, end, center, closeLabel, onClose, className = '', }) => {
|
|
6
|
-
const hasSlots = start != null || end != null || center != null || closeLabel != null;
|
|
7
|
-
return ((0, jsx_runtime_1.jsx)("footer", { className: `memori-drawer-footer ${className}`.trim(), children: center != null ? ((0, jsx_runtime_1.jsx)("div", { className: "memori-drawer-footer__inner memori-drawer-footer__inner--centered", children: center })) : children != null && !hasSlots ? ((0, jsx_runtime_1.jsx)("div", { className: "memori-drawer-footer__inner memori-drawer-footer__inner--centered", children: children })) : ((0, jsx_runtime_1.jsxs)("div", { className: "memori-drawer-footer__inner", children: [start != null && ((0, jsx_runtime_1.jsx)("div", { className: "memori-drawer-footer__start", children: start })), (0, jsx_runtime_1.jsxs)("div", { className: "memori-drawer-footer__end", children: [end, closeLabel != null && onClose != null && ((0, jsx_runtime_1.jsx)(ui_1.Button, { variant: "primary", onClick: onClose, children: closeLabel }))] })] })) }));
|
|
8
|
-
};
|
|
9
|
-
exports.default = DrawerFooter;
|
|
10
|
-
//# sourceMappingURL=DrawerFooter.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DrawerFooter.js","sourceRoot":"","sources":["../../../src/components/DrawerFooter/DrawerFooter.tsx"],"names":[],"mappings":";;;AACA,sCAAuC;AAgBvC,MAAM,YAAY,GAAgC,CAAC,EACjD,QAAQ,EACR,KAAK,EACL,GAAG,EACH,MAAM,EACN,UAAU,EACV,OAAO,EACP,SAAS,GAAG,EAAE,GACf,EAAE,EAAE;IACH,MAAM,QAAQ,GAAG,KAAK,IAAI,IAAI,IAAI,GAAG,IAAI,IAAI,IAAI,MAAM,IAAI,IAAI,IAAI,UAAU,IAAI,IAAI,CAAC;IAEtF,OAAO,CACL,mCAAQ,SAAS,EAAE,wBAAwB,SAAS,EAAE,CAAC,IAAI,EAAE,YAC1D,MAAM,IAAI,IAAI,CAAC,CAAC,CAAC,CAChB,gCAAK,SAAS,EAAC,mEAAmE,YAC/E,MAAM,GACH,CACP,CAAC,CAAC,CAAC,QAAQ,IAAI,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAClC,gCAAK,SAAS,EAAC,mEAAmE,YAC/E,QAAQ,GACL,CACP,CAAC,CAAC,CAAC,CACF,iCAAK,SAAS,EAAC,6BAA6B,aACzC,KAAK,IAAI,IAAI,IAAI,CAChB,gCAAK,SAAS,EAAC,6BAA6B,YAAE,KAAK,GAAO,CAC3D,EACD,iCAAK,SAAS,EAAC,2BAA2B,aACvC,GAAG,EACH,UAAU,IAAI,IAAI,IAAI,OAAO,IAAI,IAAI,IAAI,CACxC,uBAAC,WAAM,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,OAAO,YACvC,UAAU,GACJ,CACV,IACG,IACF,CACP,GACM,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,YAAY,CAAC"}
|
|
@@ -1,135 +0,0 @@
|
|
|
1
|
-
/* Shared secondary icon-button chrome (header + chat input bar).
|
|
2
|
-
CTA primary (Accedi / send) must NOT use this class.
|
|
3
|
-
Size / border / icon tokens come from @memori.ai/ui. */
|
|
4
|
-
|
|
5
|
-
.memori-widget .memori-icon-button.memori-button {
|
|
6
|
-
display: inline-flex;
|
|
7
|
-
width: var(--memori-icon-button-size);
|
|
8
|
-
min-width: var(--memori-icon-button-size);
|
|
9
|
-
height: var(--memori-icon-button-size);
|
|
10
|
-
min-height: var(--memori-icon-button-size);
|
|
11
|
-
box-sizing: border-box;
|
|
12
|
-
align-items: center;
|
|
13
|
-
justify-content: center;
|
|
14
|
-
padding: 0;
|
|
15
|
-
border: 1px solid var(--memori-border-color, #ddd);
|
|
16
|
-
border-radius: var(--memori-radius-control);
|
|
17
|
-
background: transparent;
|
|
18
|
-
box-shadow: none;
|
|
19
|
-
color: var(--memori-icon-button-icon);
|
|
20
|
-
transform: none;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
/* Icon + text (Cronologia, Esci, Share con label, …) — grow past the square */
|
|
24
|
-
.memori-widget .memori-icon-button.memori-icon-button--labeled.memori-button,
|
|
25
|
-
.memori-widget .memori-icon-button.memori-button:has(.memori-header--action-label),
|
|
26
|
-
.memori-widget .memori-icon-button.memori-button:has(.memori-button__content) {
|
|
27
|
-
overflow: visible;
|
|
28
|
-
width: auto;
|
|
29
|
-
min-width: var(--memori-icon-button-size);
|
|
30
|
-
max-width: none;
|
|
31
|
-
height: var(--memori-icon-button-size);
|
|
32
|
-
min-height: var(--memori-icon-button-size);
|
|
33
|
-
flex-wrap: nowrap;
|
|
34
|
-
justify-content: center;
|
|
35
|
-
padding: 0 12px;
|
|
36
|
-
gap: 0.4rem;
|
|
37
|
-
white-space: nowrap;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
.memori-widget .memori-icon-button.memori-icon-button--labeled.memori-button .memori-button__content,
|
|
41
|
-
.memori-widget .memori-icon-button.memori-button:has(.memori-button__content) .memori-button__content,
|
|
42
|
-
.memori-widget .memori-icon-button.memori-button .memori-header--action-label {
|
|
43
|
-
display: inline-flex;
|
|
44
|
-
overflow: visible;
|
|
45
|
-
align-items: center;
|
|
46
|
-
font-size: var(--memori-text-size-sm);
|
|
47
|
-
font-weight: var(--memori-text-weight-medium, 500);
|
|
48
|
-
line-height: 1.2;
|
|
49
|
-
white-space: nowrap;
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
.memori-widget .memori-icon-button.memori-button svg,
|
|
53
|
-
.memori-widget .memori-icon-button.memori-button .icon {
|
|
54
|
-
width: var(--memori-icon-button-icon-size, 20px);
|
|
55
|
-
height: var(--memori-icon-button-icon-size, 20px);
|
|
56
|
-
flex-shrink: 0;
|
|
57
|
-
color: inherit;
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
.memori-widget .memori-icon-button.memori-button svg.lucide-volume-x {
|
|
61
|
-
width: calc(var(--memori-icon-button-icon-size, 20px) + 1px);
|
|
62
|
-
height: calc(var(--memori-icon-button-icon-size, 20px) + 1px);
|
|
63
|
-
stroke-width: 2.35;
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
.memori-widget .memori-icon-button.memori-button:disabled,
|
|
67
|
-
.memori-widget .memori-icon-button.memori-button.memori-button--disabled {
|
|
68
|
-
cursor: not-allowed;
|
|
69
|
-
opacity: 0.35;
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
.memori-widget .memori-icon-button.memori-button:focus {
|
|
73
|
-
outline: none;
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
.memori-widget .memori-icon-button.memori-button:focus-visible {
|
|
77
|
-
border-color: var(--memori-primary);
|
|
78
|
-
box-shadow: var(--memori-focus-ring, 0 0 0 3px color-mix(in oklch, var(--memori-primary) 18%, transparent));
|
|
79
|
-
outline: 2px solid var(--memori-primary);
|
|
80
|
-
outline-offset: var(--memori-focus-ring-offset, 2px);
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
.memori-widget .memori-icon-button.memori-button:hover:not(:disabled, .memori-button--disabled) {
|
|
84
|
-
border-color: color-mix(in oklch, var(--memori-text-color, #111827) 28%, transparent);
|
|
85
|
-
background: color-mix(in oklch, var(--memori-text-color, #111827) 6%, transparent);
|
|
86
|
-
box-shadow: none;
|
|
87
|
-
color: var(--memori-text-color, #111827);
|
|
88
|
-
transform: none;
|
|
89
|
-
}
|
|
90
|
-
|
|
91
|
-
/* Active / popover open — soft primary, never solid CTA fill */
|
|
92
|
-
.memori-widget .memori-icon-button.memori-button.memori-icon-button--active,
|
|
93
|
-
.memori-widget .memori-icon-button.memori-button.memori-button--active,
|
|
94
|
-
.memori-widget
|
|
95
|
-
.memori-icon-button.memori-button--outline.memori-button--active:not(:disabled, .memori-button--disabled),
|
|
96
|
-
.memori-widget
|
|
97
|
-
.memori-icon-button.memori-button--toolbar.memori-button--active:not(:disabled, .memori-button--disabled),
|
|
98
|
-
.memori-widget .memori-icon-button.memori-button--ghost.memori-button--active:not(:disabled, .memori-button--disabled) {
|
|
99
|
-
border-color: var(--memori-primary);
|
|
100
|
-
background: var(--memori-icon-active-bg);
|
|
101
|
-
box-shadow: none;
|
|
102
|
-
color: var(--memori-primary);
|
|
103
|
-
}
|
|
104
|
-
|
|
105
|
-
.memori-widget
|
|
106
|
-
.memori-icon-button.memori-button.memori-icon-button--active:hover:not(:disabled, .memori-button--disabled),
|
|
107
|
-
.memori-widget .memori-icon-button.memori-button.memori-button--active:hover:not(:disabled, .memori-button--disabled) {
|
|
108
|
-
border-color: var(--memori-primary);
|
|
109
|
-
background: color-mix(in oklch, var(--memori-primary) 18%, transparent);
|
|
110
|
-
color: var(--memori-primary);
|
|
111
|
-
}
|
|
112
|
-
|
|
113
|
-
/* Mic recording — soft error, not primary */
|
|
114
|
-
.memori-widget .memori-icon-button.memori-button.memori-icon-button--recording {
|
|
115
|
-
border-color: var(--memori-error, #dc2626);
|
|
116
|
-
background: var(--memori-icon-recording-bg);
|
|
117
|
-
box-shadow: none;
|
|
118
|
-
color: var(--memori-error, #dc2626);
|
|
119
|
-
transform: none;
|
|
120
|
-
}
|
|
121
|
-
|
|
122
|
-
.memori-widget .memori-icon-button.memori-button.memori-icon-button--recording:focus-visible {
|
|
123
|
-
border-color: var(--memori-error, #dc2626);
|
|
124
|
-
box-shadow: 0 0 0 3px color-mix(in oklch, var(--memori-error, #dc2626) 22%, transparent);
|
|
125
|
-
outline-color: var(--memori-error, #dc2626);
|
|
126
|
-
}
|
|
127
|
-
|
|
128
|
-
.memori-widget
|
|
129
|
-
.memori-icon-button.memori-button.memori-icon-button--recording:hover:not(:disabled, .memori-button--disabled) {
|
|
130
|
-
border-color: var(--memori-error, #dc2626);
|
|
131
|
-
background: var(--memori-icon-recording-bg);
|
|
132
|
-
box-shadow: none;
|
|
133
|
-
color: var(--memori-error, #dc2626);
|
|
134
|
-
transform: none;
|
|
135
|
-
}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { Button } from '@memori.ai/ui';
|
|
3
|
-
export type IconButtonProps = Omit<React.ComponentProps<typeof Button>, 'variant' | 'active'> & {
|
|
4
|
-
active?: boolean;
|
|
5
|
-
recording?: boolean;
|
|
6
|
-
variant?: React.ComponentProps<typeof Button>['variant'];
|
|
7
|
-
};
|
|
8
|
-
declare const IconButton: React.ForwardRefExoticComponent<Pick<IconButtonProps, "children" | "form" | "slot" | "style" | "title" | "shape" | "value" | "className" | "name" | "onSubmit" | "role" | "key" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "type" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "focusableWhenDisabled" | "nativeButton" | "render" | "danger" | "variant" | "loading" | "icon" | "size" | "active" | "fullWidth" | "iconPosition" | "shadow" | "ariaLabel" | "recording"> & React.RefAttributes<HTMLButtonElement>>;
|
|
9
|
-
export default IconButton;
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
const tslib_1 = require("tslib");
|
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
const react_1 = tslib_1.__importDefault(require("react"));
|
|
6
|
-
const classnames_1 = tslib_1.__importDefault(require("classnames"));
|
|
7
|
-
const ui_1 = require("@memori.ai/ui");
|
|
8
|
-
function hasVisibleLabel(children) {
|
|
9
|
-
return react_1.default.Children.toArray(children).some(child => {
|
|
10
|
-
if (child === null || child === undefined)
|
|
11
|
-
return false;
|
|
12
|
-
if (typeof child === 'boolean')
|
|
13
|
-
return false;
|
|
14
|
-
if (typeof child === 'string')
|
|
15
|
-
return child.trim().length > 0;
|
|
16
|
-
if (typeof child === 'number')
|
|
17
|
-
return true;
|
|
18
|
-
return true;
|
|
19
|
-
});
|
|
20
|
-
}
|
|
21
|
-
const IconButton = react_1.default.forwardRef(({ active = false, recording = false, className, variant = 'toolbar', shape = 'default', size = 'sm', children, ...rest }, ref) => {
|
|
22
|
-
const isRecording = !!recording;
|
|
23
|
-
const isActive = !!active && !isRecording;
|
|
24
|
-
const isLabeled = hasVisibleLabel(children);
|
|
25
|
-
const resolvedVariant = variant === 'primary' ||
|
|
26
|
-
variant === 'secondary' ||
|
|
27
|
-
variant === 'danger' ||
|
|
28
|
-
variant === 'outline' ||
|
|
29
|
-
variant === 'ghost'
|
|
30
|
-
? 'toolbar'
|
|
31
|
-
: variant;
|
|
32
|
-
return ((0, jsx_runtime_1.jsx)(ui_1.Button, { ref: ref, variant: resolvedVariant, shape: shape, size: size, active: isActive, className: (0, classnames_1.default)('memori-icon-button', isLabeled && 'memori-icon-button--labeled', isActive && 'memori-icon-button--active', isRecording && 'memori-icon-button--recording', className), ...rest, children: children }));
|
|
33
|
-
});
|
|
34
|
-
IconButton.displayName = 'IconButton';
|
|
35
|
-
exports.default = IconButton;
|
|
36
|
-
//# sourceMappingURL=IconButton.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../src/components/IconButton/IconButton.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAC1B,oEAA4B;AAC5B,sCAAuC;AAqBvC,SAAS,eAAe,CAAC,QAAyB;IAChD,OAAO,eAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;QACnD,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS;YAAE,OAAO,KAAK,CAAC;QACxD,IAAI,OAAO,KAAK,KAAK,SAAS;YAAE,OAAO,KAAK,CAAC;QAC7C,IAAI,OAAO,KAAK,KAAK,QAAQ;YAAE,OAAO,KAAK,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC;QAC9D,IAAI,OAAO,KAAK,KAAK,QAAQ;YAAE,OAAO,IAAI,CAAC;QAC3C,OAAO,IAAI,CAAC;IACd,CAAC,CAAC,CAAC;AACL,CAAC;AAMD,MAAM,UAAU,GAAG,eAAK,CAAC,UAAU,CACjC,CACE,EACE,MAAM,GAAG,KAAK,EACd,SAAS,GAAG,KAAK,EACjB,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,KAAK,GAAG,SAAS,EACjB,IAAI,GAAG,IAAI,EACX,QAAQ,EACR,GAAG,IAAI,EACR,EACD,GAAG,EACH,EAAE;IACF,MAAM,WAAW,GAAG,CAAC,CAAC,SAAS,CAAC;IAChC,MAAM,QAAQ,GAAG,CAAC,CAAC,MAAM,IAAI,CAAC,WAAW,CAAC;IAC1C,MAAM,SAAS,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC;IAE5C,MAAM,eAAe,GACnB,OAAO,KAAK,SAAS;QACrB,OAAO,KAAK,WAAW;QACvB,OAAO,KAAK,QAAQ;QACpB,OAAO,KAAK,SAAS;QACrB,OAAO,KAAK,OAAO;QACjB,CAAC,CAAC,SAAS;QACX,CAAC,CAAC,OAAO,CAAC;IAEd,OAAO,CACL,uBAAC,WAAM,IACL,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,eAAe,EACxB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,QAAQ,EAChB,SAAS,EAAE,IAAA,oBAAE,EACX,oBAAoB,EACpB,SAAS,IAAI,6BAA6B,EAC1C,QAAQ,IAAI,4BAA4B,EACxC,WAAW,IAAI,+BAA+B,EAC9C,SAAS,CACV,KACG,IAAI,YAEP,QAAQ,GACF,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,kBAAe,UAAU,CAAC"}
|