@memori.ai/memori-react 9.0.0-alpha.23 → 9.0.0-alpha.25
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 +300 -1100
- package/dist/components/AgeVerificationModal/AgeVerificationModal.js +1 -3
- package/dist/components/AgeVerificationModal/AgeVerificationModal.js.map +1 -1
- package/dist/components/Auth/Auth.js +1 -3
- package/dist/components/Auth/Auth.js.map +1 -1
- package/dist/components/Chat/Chat.css +10 -1
- package/dist/components/Chat/Chat.js +1 -3
- package/dist/components/Chat/Chat.js.map +1 -1
- package/dist/components/ChatBubble/ChatBubble.css +103 -5
- package/dist/components/ChatBubble/ChatBubble.js +48 -8
- package/dist/components/ChatBubble/ChatBubble.js.map +1 -1
- package/dist/components/ChatHistoryDrawer/ChatHistory.js +1 -3
- package/dist/components/ChatHistoryDrawer/ChatHistory.js.map +1 -1
- package/dist/components/ChatHistoryDrawer/ChatResumeDrawer.css +33 -10
- package/dist/components/ChatHistoryDrawer/ChatResumeDrawer.js +2 -4
- package/dist/components/ChatHistoryDrawer/ChatResumeDrawer.js.map +1 -1
- package/dist/components/ChatInputs/ChatInputs.css +17 -52
- package/dist/components/ChatInputs/ChatInputs.js +1 -3
- package/dist/components/ChatInputs/ChatInputs.js.map +1 -1
- package/dist/components/ContentPreviewModal/ContentPreviewModal.css +3 -3
- package/dist/components/ContentPreviewModal/ContentPreviewModal.js +1 -3
- package/dist/components/ContentPreviewModal/ContentPreviewModal.js.map +1 -1
- package/dist/components/DateSelector/DateSelector.css +66 -3
- package/dist/components/DateSelector/DateSelector.js +5 -1
- package/dist/components/DateSelector/DateSelector.js.map +1 -1
- package/dist/components/ExpertsDrawer/ExpertsDrawer.js +1 -3
- package/dist/components/ExpertsDrawer/ExpertsDrawer.js.map +1 -1
- package/dist/components/FilePreview/FilePreview.css +94 -220
- package/dist/components/FilePreview/FilePreview.js +25 -71
- package/dist/components/FilePreview/FilePreview.js.map +1 -1
- package/dist/components/IconButton/IconButton.css +2 -11
- package/dist/components/KnownFacts/KnownFacts.css +3 -4
- package/dist/components/KnownFacts/KnownFacts.js +3 -5
- package/dist/components/KnownFacts/KnownFacts.js.map +1 -1
- package/dist/components/LoginDrawer/LoginDrawer.css +3 -7
- package/dist/components/LoginDrawer/LoginDrawer.js +51 -9
- package/dist/components/LoginDrawer/LoginDrawer.js.map +1 -1
- package/dist/components/MediaWidget/MediaItemWidget.css +77 -57
- package/dist/components/MediaWidget/MediaItemWidget.js +4 -4
- package/dist/components/MediaWidget/MediaItemWidget.js.map +1 -1
- package/dist/components/MemoriArtifactSystem/components/ArtifactActions/styles.css +1 -1
- package/dist/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.js +2 -5
- package/dist/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.js.map +1 -1
- package/dist/components/MemoriWidget/MemoriWidget.css +0 -55
- package/dist/components/MemoriWidget/MemoriWidget.js +115 -117
- package/dist/components/MemoriWidget/MemoriWidget.js.map +1 -1
- package/dist/components/MobileSessionPanel/MobileSessionPanel.css +20 -0
- package/dist/components/MobileSessionPanel/MobileSessionPanel.js +77 -117
- package/dist/components/MobileSessionPanel/MobileSessionPanel.js.map +1 -1
- package/dist/components/PositionPopover/PositionPopover.css +1 -1
- package/dist/components/SettingsDrawer/SettingsDrawer.js +1 -3
- package/dist/components/SettingsDrawer/SettingsDrawer.js.map +1 -1
- package/dist/components/StartPanel/StartPanel.css +12 -1
- package/dist/components/StartPanel/StartPanel.js +30 -7
- package/dist/components/StartPanel/StartPanel.js.map +1 -1
- package/dist/components/UploadButton/UploadButton.css +7 -7
- package/dist/components/UploadButton/UploadButton.js +3 -0
- package/dist/components/UploadButton/UploadButton.js.map +1 -1
- package/dist/components/UploadButton/UploadDocuments/UploadDocuments.js +15 -5
- package/dist/components/UploadButton/UploadDocuments/UploadDocuments.js.map +1 -1
- package/dist/components/UploadButton/UploadImages/UploadImages.js +1 -3
- package/dist/components/UploadButton/UploadImages/UploadImages.js.map +1 -1
- package/dist/components/WhyThisAnswer/WhyThisAnswer.js +1 -3
- package/dist/components/WhyThisAnswer/WhyThisAnswer.js.map +1 -1
- package/dist/components/layouts/HiddenChat.js +9 -1
- package/dist/components/layouts/HiddenChat.js.map +1 -1
- package/dist/components/layouts/WebsiteAssistant/WebsiteAssistant.js +84 -5
- package/dist/components/layouts/WebsiteAssistant/WebsiteAssistant.js.map +1 -1
- package/dist/components/layouts/WebsiteAssistant/website-assistant.css +36 -12
- package/dist/components/layouts/fullpage.css +1 -0
- package/dist/components/layouts/hidden-chat.css +29 -5
- package/dist/helpers/constants.d.ts +3 -2
- package/dist/helpers/constants.js +19 -20
- package/dist/helpers/constants.js.map +1 -1
- package/dist/helpers/error.js +2 -1
- package/dist/helpers/error.js.map +1 -1
- package/dist/helpers/positionPopover.d.ts +1 -0
- package/dist/helpers/positionPopover.js +7 -0
- package/dist/helpers/positionPopover.js.map +1 -1
- package/dist/helpers/usePressTooltip.d.ts +6 -1
- package/dist/helpers/usePressTooltip.js +16 -1
- package/dist/helpers/usePressTooltip.js.map +1 -1
- package/dist/helpers/utils.d.ts +2 -1
- package/dist/helpers/utils.js +7 -1
- package/dist/helpers/utils.js.map +1 -1
- package/dist/locales/de.json +8 -2
- package/dist/locales/en.json +6 -3
- package/dist/locales/es.json +6 -3
- package/dist/locales/fr.json +6 -3
- package/dist/locales/it.json +6 -3
- package/dist/styles.css +1 -1
- package/dist/version.d.ts +1 -1
- package/dist/version.js +1 -1
- package/esm/components/AgeVerificationModal/AgeVerificationModal.js +1 -3
- package/esm/components/AgeVerificationModal/AgeVerificationModal.js.map +1 -1
- package/esm/components/Auth/Auth.js +1 -3
- package/esm/components/Auth/Auth.js.map +1 -1
- package/esm/components/Chat/Chat.css +10 -1
- package/esm/components/Chat/Chat.js +1 -3
- package/esm/components/Chat/Chat.js.map +1 -1
- package/esm/components/ChatBubble/ChatBubble.css +103 -5
- package/esm/components/ChatBubble/ChatBubble.js +48 -8
- package/esm/components/ChatBubble/ChatBubble.js.map +1 -1
- package/esm/components/ChatHistoryDrawer/ChatHistory.js +1 -3
- package/esm/components/ChatHistoryDrawer/ChatHistory.js.map +1 -1
- package/esm/components/ChatHistoryDrawer/ChatResumeDrawer.css +33 -10
- package/esm/components/ChatHistoryDrawer/ChatResumeDrawer.js +2 -4
- package/esm/components/ChatHistoryDrawer/ChatResumeDrawer.js.map +1 -1
- package/esm/components/ChatInputs/ChatInputs.css +17 -52
- package/esm/components/ChatInputs/ChatInputs.js +1 -3
- package/esm/components/ChatInputs/ChatInputs.js.map +1 -1
- package/esm/components/ContentPreviewModal/ContentPreviewModal.css +3 -3
- package/esm/components/ContentPreviewModal/ContentPreviewModal.js +1 -3
- package/esm/components/ContentPreviewModal/ContentPreviewModal.js.map +1 -1
- package/esm/components/DateSelector/DateSelector.css +66 -3
- package/esm/components/DateSelector/DateSelector.js +5 -1
- package/esm/components/DateSelector/DateSelector.js.map +1 -1
- package/esm/components/ExpertsDrawer/ExpertsDrawer.js +1 -3
- package/esm/components/ExpertsDrawer/ExpertsDrawer.js.map +1 -1
- package/esm/components/FilePreview/FilePreview.css +94 -220
- package/esm/components/FilePreview/FilePreview.js +25 -71
- package/esm/components/FilePreview/FilePreview.js.map +1 -1
- package/esm/components/IconButton/IconButton.css +2 -11
- package/esm/components/KnownFacts/KnownFacts.css +3 -4
- package/esm/components/KnownFacts/KnownFacts.js +3 -5
- package/esm/components/KnownFacts/KnownFacts.js.map +1 -1
- package/esm/components/LoginDrawer/LoginDrawer.css +3 -7
- package/esm/components/LoginDrawer/LoginDrawer.js +51 -9
- package/esm/components/LoginDrawer/LoginDrawer.js.map +1 -1
- package/esm/components/MediaWidget/MediaItemWidget.css +77 -57
- package/esm/components/MediaWidget/MediaItemWidget.js +5 -5
- package/esm/components/MediaWidget/MediaItemWidget.js.map +1 -1
- package/esm/components/MemoriArtifactSystem/components/ArtifactActions/styles.css +1 -1
- package/esm/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.js +2 -5
- package/esm/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.js.map +1 -1
- package/esm/components/MemoriWidget/MemoriWidget.css +0 -55
- package/esm/components/MemoriWidget/MemoriWidget.js +115 -117
- package/esm/components/MemoriWidget/MemoriWidget.js.map +1 -1
- package/esm/components/MobileSessionPanel/MobileSessionPanel.css +20 -0
- package/esm/components/MobileSessionPanel/MobileSessionPanel.js +78 -118
- package/esm/components/MobileSessionPanel/MobileSessionPanel.js.map +1 -1
- package/esm/components/PositionPopover/PositionPopover.css +1 -1
- package/esm/components/SettingsDrawer/SettingsDrawer.js +1 -3
- package/esm/components/SettingsDrawer/SettingsDrawer.js.map +1 -1
- package/esm/components/StartPanel/StartPanel.css +12 -1
- package/esm/components/StartPanel/StartPanel.js +30 -7
- package/esm/components/StartPanel/StartPanel.js.map +1 -1
- package/esm/components/UploadButton/UploadButton.css +7 -7
- package/esm/components/UploadButton/UploadButton.js +4 -1
- package/esm/components/UploadButton/UploadButton.js.map +1 -1
- package/esm/components/UploadButton/UploadDocuments/UploadDocuments.js +17 -7
- package/esm/components/UploadButton/UploadDocuments/UploadDocuments.js.map +1 -1
- package/esm/components/UploadButton/UploadImages/UploadImages.js +1 -3
- package/esm/components/UploadButton/UploadImages/UploadImages.js.map +1 -1
- package/esm/components/WhyThisAnswer/WhyThisAnswer.js +1 -3
- package/esm/components/WhyThisAnswer/WhyThisAnswer.js.map +1 -1
- package/esm/components/layouts/HiddenChat.js +9 -1
- package/esm/components/layouts/HiddenChat.js.map +1 -1
- package/esm/components/layouts/WebsiteAssistant/WebsiteAssistant.js +85 -6
- package/esm/components/layouts/WebsiteAssistant/WebsiteAssistant.js.map +1 -1
- package/esm/components/layouts/WebsiteAssistant/website-assistant.css +36 -12
- package/esm/components/layouts/fullpage.css +1 -0
- package/esm/components/layouts/hidden-chat.css +29 -5
- package/esm/helpers/constants.d.ts +3 -2
- package/esm/helpers/constants.js +18 -19
- package/esm/helpers/constants.js.map +1 -1
- package/esm/helpers/error.js +2 -1
- package/esm/helpers/error.js.map +1 -1
- package/esm/helpers/positionPopover.d.ts +1 -0
- package/esm/helpers/positionPopover.js +6 -0
- package/esm/helpers/positionPopover.js.map +1 -1
- package/esm/helpers/usePressTooltip.d.ts +6 -1
- package/esm/helpers/usePressTooltip.js +17 -2
- package/esm/helpers/usePressTooltip.js.map +1 -1
- package/esm/helpers/utils.d.ts +2 -1
- package/esm/helpers/utils.js +6 -1
- package/esm/helpers/utils.js.map +1 -1
- package/esm/locales/de.json +8 -2
- package/esm/locales/en.json +6 -3
- package/esm/locales/es.json +6 -3
- package/esm/locales/fr.json +6 -3
- package/esm/locales/it.json +6 -3
- package/esm/styles.css +1 -1
- package/esm/version.d.ts +1 -1
- package/esm/version.js +1 -1
- package/package.json +4 -46
- package/src/components/AgeVerificationModal/AgeVerificationModal.tsx +0 -3
- package/src/components/Auth/Auth.tsx +0 -3
- package/src/components/Auth/__snapshots__/Auth.test.tsx.snap +1 -0
- package/src/components/BlockedMemoriBadge/__snapshots__/BlockedMemoriBadge.test.tsx.snap +5 -0
- package/src/components/Chat/Chat.css +10 -1
- package/src/components/Chat/Chat.tsx +0 -3
- package/src/components/Chat/__snapshots__/Chat.test.tsx.snap +1735 -1765
- package/src/components/ChatBubble/ChatBubble.css +103 -5
- package/src/components/ChatBubble/ChatBubble.test.tsx +33 -0
- package/src/components/ChatBubble/ChatBubble.tsx +524 -273
- package/src/components/ChatBubble/__snapshots__/ChatBubble.test.tsx.snap +655 -684
- package/src/components/ChatHistoryDrawer/ChatHistory.tsx +0 -3
- package/src/components/ChatHistoryDrawer/ChatResumeDrawer.css +33 -10
- package/src/components/ChatHistoryDrawer/ChatResumeDrawer.tsx +3 -6
- package/src/components/ChatInputs/ChatInputs.css +17 -52
- package/src/components/ChatInputs/ChatInputs.tsx +2 -4
- package/src/components/CompletionProviderStatus/__snapshots__/CompletionProviderStatus.test.tsx.snap +3 -0
- package/src/components/ContentPreviewModal/ContentPreviewModal.css +3 -3
- package/src/components/ContentPreviewModal/ContentPreviewModal.tsx +0 -3
- package/src/components/DateSelector/DateSelector.css +66 -3
- package/src/components/DateSelector/DateSelector.test.tsx +33 -4
- package/src/components/DateSelector/DateSelector.tsx +37 -11
- package/src/components/ExpertsDrawer/ExpertsDrawer.tsx +0 -3
- package/src/components/FeedbackButtons/__snapshots__/FeedbackButtons.test.tsx.snap +2 -1
- package/src/components/FilePreview/FilePreview.css +94 -220
- package/src/components/FilePreview/FilePreview.tsx +77 -124
- package/src/components/FilePreview/__snapshots__/FilePreview.test.tsx.snap +33 -81
- package/src/components/Header/ChatConsumptionDropdown.test.tsx +53 -86
- package/src/components/Header/__snapshots__/Header.test.tsx.snap +60 -44
- package/src/components/IconButton/IconButton.css +2 -11
- package/src/components/KnownFacts/KnownFacts.css +3 -4
- package/src/components/KnownFacts/KnownFacts.tsx +0 -5
- package/src/components/KnownFacts/__snapshots__/KnownFacts.test.tsx.snap +2 -6
- package/src/components/LoginDrawer/LoginDrawer.css +3 -7
- package/src/components/LoginDrawer/LoginDrawer.tsx +101 -54
- package/src/components/LoginDrawer/__snapshots__/LoginDrawer.test.tsx.snap +11 -33
- package/src/components/MediaWidget/MediaItemWidget.css +77 -57
- package/src/components/MediaWidget/MediaItemWidget.test.tsx +33 -0
- package/src/components/MediaWidget/MediaItemWidget.tsx +6 -12
- package/src/components/MediaWidget/__snapshots__/MediaItemWidget.test.tsx.snap +2 -0
- package/src/components/MediaWidget/__snapshots__/MediaWidget.test.tsx.snap +1 -1
- package/src/components/MemoriArtifactSystem/components/ArtifactActions/styles.css +1 -1
- package/src/components/MemoriArtifactSystem/components/ArtifactDrawer/ArtifactDrawer.tsx +0 -5
- package/src/components/MemoriWidget/MemoriUIProvider.contract.test.tsx +25 -7
- package/src/components/MemoriWidget/MemoriWidget.css +0 -55
- package/src/components/MemoriWidget/MemoriWidget.tsx +18 -12
- package/src/components/MobileSessionPanel/MobileSessionPanel.css +20 -0
- package/src/components/MobileSessionPanel/MobileSessionPanel.tsx +29 -68
- package/src/components/PositionPopover/PositionPopover.css +1 -1
- package/src/components/SettingsDrawer/SettingsDrawer.tsx +0 -3
- package/src/components/ShareButton/__snapshots__/ShareButton.test.tsx.snap +9 -9
- package/src/components/Snippet/__snapshots__/Snippet.test.tsx.snap +8 -0
- package/src/components/StartPanel/StartPanel.css +12 -1
- package/src/components/StartPanel/StartPanel.test.tsx +57 -0
- package/src/components/StartPanel/StartPanel.tsx +41 -4
- package/src/components/StartPanel/__snapshots__/StartPanel.test.tsx.snap +41 -6
- package/src/components/UploadButton/UploadButton.css +7 -7
- package/src/components/UploadButton/UploadButton.tsx +4 -0
- package/src/components/UploadButton/UploadDocuments/UploadDocuments.tsx +21 -8
- package/src/components/UploadButton/UploadImages/UploadImages.tsx +0 -3
- package/src/components/UploadButton/__snapshots__/UploadButton.test.tsx.snap +10 -12
- package/src/components/WhyThisAnswer/WhyThisAnswer.tsx +0 -3
- package/src/components/WhyThisAnswer/__snapshots__/WhyThisAnswer.test.tsx.snap +3 -9
- package/src/components/layouts/HiddenChat.tsx +9 -1
- package/src/components/layouts/WebsiteAssistant/WebsiteAssistant.tsx +103 -6
- package/src/components/layouts/WebsiteAssistant/__snapshots__/WebsiteAssistant.test.tsx.snap +63 -57
- package/src/components/layouts/WebsiteAssistant/website-assistant.css +36 -12
- package/src/components/layouts/__snapshots__/Chat.test.tsx.snap +7 -4
- package/src/components/layouts/__snapshots__/FullPage.test.tsx.snap +12 -8
- package/src/components/layouts/__snapshots__/HiddenChat.test.tsx.snap +7 -4
- package/src/components/layouts/__snapshots__/Totem.test.tsx.snap +10 -5
- package/src/components/layouts/__snapshots__/ZoomedFullBody.test.tsx.snap +6 -4
- package/src/components/layouts/fullpage.css +1 -0
- package/src/components/layouts/hidden-chat.css +29 -5
- package/src/components/layouts/layouts.stories.tsx +2 -2
- package/src/helpers/constants.ts +21 -20
- package/src/helpers/error.ts +2 -1
- package/src/helpers/positionPopover.test.ts +15 -0
- package/src/helpers/positionPopover.ts +16 -0
- package/src/helpers/usePressTooltip.test.ts +30 -0
- package/src/helpers/usePressTooltip.ts +31 -1
- package/src/helpers/utils.test.ts +14 -4
- package/src/helpers/utils.ts +6 -1
- package/src/index.tsx +1 -1
- package/src/locales/de.json +8 -2
- package/src/locales/en.json +6 -3
- package/src/locales/es.json +6 -3
- package/src/locales/fr.json +6 -3
- package/src/locales/it.json +6 -3
- package/src/styles.brandTokens.test.js +52 -0
- package/src/styles.css +27 -2
- package/src/version.ts +1 -1
- package/dist/context/widgetSurfaceContext.d.ts +0 -3
- package/dist/context/widgetSurfaceContext.js +0 -11
- package/dist/context/widgetSurfaceContext.js.map +0 -1
- package/esm/context/widgetSurfaceContext.d.ts +0 -3
- package/esm/context/widgetSurfaceContext.js +0 -7
- package/esm/context/widgetSurfaceContext.js.map +0 -1
- package/src/context/widgetSurfaceContext.tsx +0 -14
|
@@ -4,12 +4,10 @@ const tslib_1 = require("tslib");
|
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const ui_1 = require("@memori.ai/ui");
|
|
6
6
|
const classnames_1 = tslib_1.__importDefault(require("classnames"));
|
|
7
|
-
const widgetSurfaceContext_1 = require("../../context/widgetSurfaceContext");
|
|
8
7
|
const ContentPreviewModal = ({ open, onClose, title, isImage = false, imageSrc, imageAlt, children, className, }) => {
|
|
9
8
|
var _a;
|
|
10
|
-
const surfaceEl = (0, widgetSurfaceContext_1.useWidgetSurfaceEl)();
|
|
11
9
|
const width = 'min(90vw, 800px)';
|
|
12
|
-
return ((0, jsx_runtime_1.jsx)(ui_1.Modal, {
|
|
10
|
+
return ((0, jsx_runtime_1.jsx)(ui_1.Modal, { open: open, onClose: () => onClose(), width: width, widthMd: width, stacking: "stacked", className: (0, classnames_1.default)('memori-content-preview-modal', className, {
|
|
13
11
|
'memori-content-preview-modal--image': isImage,
|
|
14
12
|
}), closable: true, title: title, footer: null, children: (0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('memori-content-preview-modal--body', {
|
|
15
13
|
'memori-content-preview-modal--body--image': isImage,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContentPreviewModal.js","sourceRoot":"","sources":["../../../src/components/ContentPreviewModal/ContentPreviewModal.tsx"],"names":[],"mappings":";;;;AACA,sCAAsC;AACtC,oEAA4B;
|
|
1
|
+
{"version":3,"file":"ContentPreviewModal.js","sourceRoot":"","sources":["../../../src/components/ContentPreviewModal/ContentPreviewModal.tsx"],"names":[],"mappings":";;;;AACA,sCAAsC;AACtC,oEAA4B;AAe5B,MAAM,mBAAmB,GAAiC,CAAC,EACzD,IAAI,EACJ,OAAO,EACP,KAAK,EACL,OAAO,GAAG,KAAK,EACf,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,GACV,EAAE,EAAE;;IACH,MAAM,KAAK,GAAG,kBAAkB,CAAC;IAEjC,OAAO,CACL,uBAAC,UAAK,IACJ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,EACxB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,KAAK,EACd,QAAQ,EAAC,SAAS,EAClB,SAAS,EAAE,IAAA,oBAAE,EAAC,8BAA8B,EAAE,SAAS,EAAE;YACvD,qCAAqC,EAAE,OAAO;SAC/C,CAAC,EACF,QAAQ,QACR,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,IAAI,YAEZ,gCACE,SAAS,EAAE,IAAA,oBAAE,EAAC,oCAAoC,EAAE;gBAClD,2CAA2C,EAAE,OAAO;gBACpD,6CAA6C,EAAE,CAAC,OAAO;aACxD,CAAC,YAED,OAAO,IAAI,QAAQ,CAAC,CAAC,CAAC,CACrB,gCAAK,SAAS,EAAC,0CAA0C,YACvD,gCACE,GAAG,EAAE,QAAQ,EACb,GAAG,EAAE,MAAA,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,KAAK,mCAAI,SAAS,EACnC,SAAS,EAAC,qCAAqC,GAC/C,GACE,CACP,CAAC,CAAC,CAAC,CACF,gCAAK,SAAS,EAAC,4CAA4C,YACxD,QAAQ,GACL,CACP,GACG,GACA,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,mBAAmB,CAAC"}
|
|
@@ -38,17 +38,26 @@
|
|
|
38
38
|
text-align: left;
|
|
39
39
|
}
|
|
40
40
|
|
|
41
|
+
.memori--date-selector__mobile-input-wrap {
|
|
42
|
+
position: relative;
|
|
43
|
+
display: flex;
|
|
44
|
+
width: 100%;
|
|
45
|
+
max-width: 100%;
|
|
46
|
+
align-items: center;
|
|
47
|
+
}
|
|
48
|
+
|
|
41
49
|
.memori--date-selector__mobile-input {
|
|
42
50
|
width: 100%;
|
|
43
51
|
min-width: 0;
|
|
44
52
|
max-width: 100%;
|
|
45
53
|
min-height: var(--memori-spacing-3xl);
|
|
46
54
|
box-sizing: border-box;
|
|
47
|
-
padding: var(--memori-spacing-sm) var(--memori-spacing-md);
|
|
55
|
+
padding: var(--memori-spacing-sm) 2.75rem var(--memori-spacing-sm) var(--memori-spacing-md);
|
|
48
56
|
border: 1px solid #e5e7eb;
|
|
49
57
|
border-radius: var(--memori-radius-box);
|
|
50
58
|
-webkit-appearance: none;
|
|
51
59
|
appearance: none;
|
|
60
|
+
background-color: var(--memori-secondary-background, #fff);
|
|
52
61
|
/* Touch-friendly */
|
|
53
62
|
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
|
|
54
63
|
color: var(--memori-text-color);
|
|
@@ -71,11 +80,60 @@
|
|
|
71
80
|
}
|
|
72
81
|
|
|
73
82
|
.memori--date-selector__mobile-input::-webkit-calendar-picker-indicator {
|
|
74
|
-
|
|
75
|
-
|
|
83
|
+
position: absolute;
|
|
84
|
+
top: 0;
|
|
85
|
+
right: 0;
|
|
86
|
+
bottom: 0;
|
|
87
|
+
left: 0;
|
|
88
|
+
width: auto;
|
|
89
|
+
height: auto;
|
|
76
90
|
padding: 0;
|
|
77
91
|
margin: 0;
|
|
92
|
+
background: transparent;
|
|
78
93
|
cursor: pointer;
|
|
94
|
+
opacity: 0;
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
/* Hide the empty native date chrome so our placeholder is readable */
|
|
98
|
+
.memori--date-selector__mobile-input-wrap--empty .memori--date-selector__mobile-input {
|
|
99
|
+
color: transparent;
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
.memori--date-selector__mobile-input-wrap--empty .memori--date-selector__mobile-input::-webkit-datetime-edit,
|
|
103
|
+
.memori--date-selector__mobile-input-wrap--empty .memori--date-selector__mobile-input::-webkit-datetime-edit-fields-wrapper,
|
|
104
|
+
.memori--date-selector__mobile-input-wrap--empty .memori--date-selector__mobile-input::-webkit-datetime-edit-text,
|
|
105
|
+
.memori--date-selector__mobile-input-wrap--empty .memori--date-selector__mobile-input::-webkit-datetime-edit-month-field,
|
|
106
|
+
.memori--date-selector__mobile-input-wrap--empty .memori--date-selector__mobile-input::-webkit-datetime-edit-day-field,
|
|
107
|
+
.memori--date-selector__mobile-input-wrap--empty .memori--date-selector__mobile-input::-webkit-datetime-edit-year-field,
|
|
108
|
+
.memori--date-selector__mobile-input-wrap--empty .memori--date-selector__mobile-input::-webkit-date-and-time-value {
|
|
109
|
+
color: transparent;
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
.memori--date-selector__mobile-placeholder {
|
|
113
|
+
position: absolute;
|
|
114
|
+
z-index: 1;
|
|
115
|
+
top: 50%;
|
|
116
|
+
left: var(--memori-spacing-md);
|
|
117
|
+
overflow: hidden;
|
|
118
|
+
max-width: calc(100% - 3.25rem);
|
|
119
|
+
color: color-mix(in srgb, var(--memori-text-color) 45%, transparent);
|
|
120
|
+
font-size: var(--memori-text-size-base);
|
|
121
|
+
line-height: 1.375;
|
|
122
|
+
pointer-events: none;
|
|
123
|
+
text-overflow: ellipsis;
|
|
124
|
+
transform: translateY(-50%);
|
|
125
|
+
white-space: nowrap;
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
.memori--date-selector__mobile-icon {
|
|
129
|
+
position: absolute;
|
|
130
|
+
z-index: 1;
|
|
131
|
+
top: 50%;
|
|
132
|
+
right: var(--memori-spacing-md);
|
|
133
|
+
flex-shrink: 0;
|
|
134
|
+
color: color-mix(in srgb, var(--memori-text-color) 55%, transparent);
|
|
135
|
+
pointer-events: none;
|
|
136
|
+
transform: translateY(-50%);
|
|
79
137
|
}
|
|
80
138
|
|
|
81
139
|
.memori--date-selector__mobile-input:focus {
|
|
@@ -95,6 +153,11 @@
|
|
|
95
153
|
opacity: 0.6;
|
|
96
154
|
}
|
|
97
155
|
|
|
156
|
+
.memori--date-selector__mobile-input-wrap:has(.memori--date-selector__mobile-input:disabled) .memori--date-selector__mobile-icon,
|
|
157
|
+
.memori--date-selector__mobile-input-wrap:has(.memori--date-selector__mobile-input:disabled) .memori--date-selector__mobile-placeholder {
|
|
158
|
+
opacity: 0.6;
|
|
159
|
+
}
|
|
160
|
+
|
|
98
161
|
/* Desktop Styles */
|
|
99
162
|
.memori--date-selector--desktop {
|
|
100
163
|
display: flex;
|
|
@@ -4,6 +4,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
4
4
|
const react_1 = require("react");
|
|
5
5
|
const luxon_1 = require("luxon");
|
|
6
6
|
const react_i18next_1 = require("react-i18next");
|
|
7
|
+
const lucide_react_1 = require("lucide-react");
|
|
7
8
|
const DateSelector = (0, react_1.memo)(({ defaultDate, onChange, disabled = false, minAge = 18 }) => {
|
|
8
9
|
const { t } = (0, react_i18next_1.useTranslation)();
|
|
9
10
|
const maxDate = (0, react_1.useMemo)(() => luxon_1.DateTime.now().minus({ years: minAge }).startOf('day'), [minAge]);
|
|
@@ -123,7 +124,10 @@ const DateSelector = (0, react_1.memo)(({ defaultDate, onChange, disabled = fals
|
|
|
123
124
|
const currentDate = (day && month && year)
|
|
124
125
|
? luxon_1.DateTime.fromObject({ year: parseInt(year), month: parseInt(month), day: parseInt(day) })
|
|
125
126
|
: null;
|
|
126
|
-
|
|
127
|
+
const dateValue = (currentDate === null || currentDate === void 0 ? void 0 : currentDate.isValid) ? currentDate.toISODate() || '' : '';
|
|
128
|
+
const isEmpty = !dateValue;
|
|
129
|
+
const placeholder = t('login.birthDatePlaceholder') || 'DD/MM/YYYY';
|
|
130
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: "memori--date-selector memori--date-selector--mobile", children: [(0, jsx_runtime_1.jsxs)("label", { htmlFor: "birth-date-mobile", className: "memori--date-selector__mobile-label", children: [t('birthDate') || 'Birth Date', ":"] }), (0, jsx_runtime_1.jsxs)("div", { className: `memori--date-selector__mobile-input-wrap${isEmpty ? ' memori--date-selector__mobile-input-wrap--empty' : ''}`, children: [(0, jsx_runtime_1.jsx)("input", { id: "birth-date-mobile", type: "date", className: "memori--date-selector__mobile-input", value: dateValue, onChange: handleMobileChange, disabled: disabled, min: minDate.toISODate() || '1900-01-01', max: maxDate.toISODate() || '', "aria-label": String(t('birthDate') || t('date')) }), isEmpty && ((0, jsx_runtime_1.jsx)("span", { className: "memori--date-selector__mobile-placeholder", "aria-hidden": true, children: placeholder })), (0, jsx_runtime_1.jsx)(lucide_react_1.Calendar, { className: "memori--date-selector__mobile-icon", "aria-hidden": true, size: 20, strokeWidth: 1.75 })] })] }));
|
|
127
131
|
}
|
|
128
132
|
return ((0, jsx_runtime_1.jsxs)("div", { className: "memori--date-selector memori--date-selector--desktop", children: [(0, jsx_runtime_1.jsxs)("div", { className: "memori--date-selector__input-group", children: [(0, jsx_runtime_1.jsx)("label", { htmlFor: "birth-day", className: "memori--date-selector__label", children: t('day') || 'Day' }), (0, jsx_runtime_1.jsx)("input", { id: "birth-day", ref: dayRef, type: "number", inputMode: "numeric", className: "memori--date-selector__input", value: day, onChange: handleDayChange, placeholder: t('dayPlaceholder') || 'DD', min: 1, max: 31, disabled: disabled })] }), (0, jsx_runtime_1.jsxs)("div", { className: "memori--date-selector__input-group", children: [(0, jsx_runtime_1.jsx)("label", { htmlFor: "birth-month", className: "memori--date-selector__label", children: t('month') || 'Month' }), (0, jsx_runtime_1.jsx)("input", { id: "birth-month", ref: monthRef, type: "number", inputMode: "numeric", className: "memori--date-selector__input", value: month, onChange: handleMonthChange, placeholder: t('monthPlaceholder') || 'MM', min: 1, max: 12, disabled: disabled })] }), (0, jsx_runtime_1.jsxs)("div", { className: "memori--date-selector__input-group memori--date-selector__input-group--year", children: [(0, jsx_runtime_1.jsx)("label", { htmlFor: "birth-year", className: "memori--date-selector__label", children: t('year') || 'Year' }), (0, jsx_runtime_1.jsx)("input", { id: "birth-year", ref: yearRef, type: "number", inputMode: "numeric", className: "memori--date-selector__input", value: year, onChange: handleYearChange, placeholder: t('yearPlaceholder') || 'YYYY', min: minDate.year, max: maxDate.year, disabled: disabled })] })] }));
|
|
129
133
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateSelector.js","sourceRoot":"","sources":["../../../src/components/DateSelector/DateSelector.tsx"],"names":[],"mappings":";;;AAAA,iCAAgF;AAChF,iCAAiC;AACjC,iDAA+C;
|
|
1
|
+
{"version":3,"file":"DateSelector.js","sourceRoot":"","sources":["../../../src/components/DateSelector/DateSelector.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,13 +2,11 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
4
|
const ui_1 = require("@memori.ai/ui");
|
|
5
|
-
const widgetSurfaceContext_1 = require("../../context/widgetSurfaceContext");
|
|
6
5
|
const react_i18next_1 = require("react-i18next");
|
|
7
6
|
const media_1 = require("../../helpers/media");
|
|
8
7
|
const ExpertsDrawer = ({ open = false, baseUrl, apiUrl, tenant, experts, onClose, }) => {
|
|
9
8
|
const { t } = (0, react_i18next_1.useTranslation)();
|
|
10
|
-
|
|
11
|
-
return ((0, jsx_runtime_1.jsx)(ui_1.Drawer, { container: surfaceEl !== null && surfaceEl !== void 0 ? surfaceEl : undefined, open: open, onClose: onClose, className: "memori--experts-drawer", title: (0, jsx_runtime_1.jsx)("h2", { className: "memori--experts-drawer--title", children: t('widget.expertsInTheBoard') }), children: (0, jsx_runtime_1.jsx)("ul", { className: "memori--experts-drawer--list", children: experts.map(expert => ((0, jsx_runtime_1.jsxs)("li", { className: "memori--experts-drawer--item", children: [(0, jsx_runtime_1.jsx)("figure", { className: "memori--experts-drawer--avatar", children: (0, jsx_runtime_1.jsx)("img", { src: `${new URL(apiUrl).origin}/api/v1/memoriai/memori/avatar/${expert.expertMemoriID}`, alt: expert.name, onError: e => {
|
|
9
|
+
return ((0, jsx_runtime_1.jsx)(ui_1.Drawer, { open: open, onClose: onClose, className: "memori--experts-drawer", title: (0, jsx_runtime_1.jsx)("h2", { className: "memori--experts-drawer--title", children: t('widget.expertsInTheBoard') }), children: (0, jsx_runtime_1.jsx)("ul", { className: "memori--experts-drawer--list", children: experts.map(expert => ((0, jsx_runtime_1.jsxs)("li", { className: "memori--experts-drawer--item", children: [(0, jsx_runtime_1.jsx)("figure", { className: "memori--experts-drawer--avatar", children: (0, jsx_runtime_1.jsx)("img", { src: `${new URL(apiUrl).origin}/api/v1/memoriai/memori/avatar/${expert.expertMemoriID}`, alt: expert.name, onError: e => {
|
|
12
10
|
e.currentTarget.src = (0, media_1.getResourceUrl)({
|
|
13
11
|
tenantID: tenant === null || tenant === void 0 ? void 0 : tenant.name,
|
|
14
12
|
type: 'avatar',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExpertsDrawer.js","sourceRoot":"","sources":["../../../src/components/ExpertsDrawer/ExpertsDrawer.tsx"],"names":[],"mappings":";;;AAIA,sCAAuC;AACvC,
|
|
1
|
+
{"version":3,"file":"ExpertsDrawer.js","sourceRoot":"","sources":["../../../src/components/ExpertsDrawer/ExpertsDrawer.tsx"],"names":[],"mappings":";;;AAIA,sCAAuC;AACvC,iDAA+C;AAC/C,+CAAqD;AAWrD,MAAM,aAAa,GAAG,CAAC,EACrB,IAAI,GAAG,KAAK,EACZ,OAAO,EACP,MAAM,EACN,MAAM,EACN,OAAO,EACP,OAAO,GACD,EAAE,EAAE;IACV,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,OAAO,CACL,uBAAC,WAAM,IACL,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,wBAAwB,EAClC,KAAK,EACH,+BAAI,SAAS,EAAC,+BAA+B,YAC1C,CAAC,CAAC,0BAA0B,CAAC,GAC3B,YAGP,+BAAI,SAAS,EAAC,8BAA8B,YACzC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CACrB,gCAA0B,SAAS,EAAC,8BAA8B,aAChE,mCAAQ,SAAS,EAAC,gCAAgC,YAChD,gCACE,GAAG,EAAE,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,CAAC,MAAM,kCAC5B,MAAM,CAAC,cACT,EAAE,EACF,GAAG,EAAE,MAAM,CAAC,IAAI,EAChB,OAAO,EAAE,CAAC,CAAC,EAAE;gCACX,CAAC,CAAC,aAAa,CAAC,GAAG,GAAG,IAAA,sBAAc,EAAC;oCACnC,QAAQ,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI;oCACtB,IAAI,EAAE,QAAQ;oCACd,OAAO,EAAE,OAAO;iCACjB,CAAC,CAAC;gCAEH,CAAC,CAAC,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;4BACjC,CAAC,GACD,GACK,EACT,gCAAK,SAAS,EAAC,iCAAiC,YAC9C,+BAAI,SAAS,EAAC,8BAA8B,YAAE,MAAM,CAAC,IAAI,GAAM,GAC3D,KApBC,MAAM,CAAC,QAAQ,CAqBnB,CACN,CAAC,GACC,GACE,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*
|
|
1
|
+
/* FilePreview — matches chat DocumentCard / image media styles */
|
|
2
2
|
|
|
3
3
|
.memori--preview-container {
|
|
4
4
|
position: relative;
|
|
@@ -7,10 +7,8 @@
|
|
|
7
7
|
width: 100%;
|
|
8
8
|
min-width: 0;
|
|
9
9
|
max-width: 100%;
|
|
10
|
-
border-radius:
|
|
11
|
-
|
|
12
|
-
background: var(--memori-main-background);
|
|
13
|
-
transition: all 0.3s ease;
|
|
10
|
+
border-radius: var(--memori-radius-box);
|
|
11
|
+
background: transparent;
|
|
14
12
|
}
|
|
15
13
|
|
|
16
14
|
.memori--preview-list {
|
|
@@ -40,9 +38,10 @@
|
|
|
40
38
|
right: 8px;
|
|
41
39
|
padding: calc(var(--memori-spacing-xs) / 4) calc(var(--memori-spacing-xs) + 2px);
|
|
42
40
|
border-radius: var(--memori-radius-box);
|
|
43
|
-
color: var(--memori-text-color);
|
|
41
|
+
color: color-mix(in srgb, var(--memori-text-color) 72%, transparent);
|
|
44
42
|
font-size: 12px;
|
|
45
|
-
font-weight:
|
|
43
|
+
font-weight: 550;
|
|
44
|
+
/* font-weight: bold; */
|
|
46
45
|
}
|
|
47
46
|
|
|
48
47
|
.memori--document-count-full {
|
|
@@ -53,161 +52,91 @@
|
|
|
53
52
|
padding-right: 2.75rem;
|
|
54
53
|
}
|
|
55
54
|
|
|
56
|
-
.memori--preview-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
.memori--absolute-preview {
|
|
63
|
-
max-height: 150px;
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
.memori--preview-container {
|
|
67
|
-
padding: var(--memori-spacing-sm);
|
|
68
|
-
margin-bottom: var(--memori-spacing-sm);
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
.memori--preview-filename {
|
|
72
|
-
max-width: 150px;
|
|
73
|
-
font-size: 12px;
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
/* Increase card size for easier interaction */
|
|
77
|
-
.memori--preview-item {
|
|
78
|
-
min-width: 140px;
|
|
79
|
-
min-height: 60px;
|
|
80
|
-
padding: calc(var(--memori-spacing-sm) + var(--memori-spacing-xs));
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
.memori--preview-icon {
|
|
84
|
-
width: 24px;
|
|
85
|
-
height: 24px;
|
|
86
|
-
}
|
|
87
|
-
|
|
88
|
-
.memori--preview-thumbnail {
|
|
89
|
-
min-width: 50px;
|
|
90
|
-
min-height: 50px;
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
.memori--preview-thumbnail img {
|
|
94
|
-
width: 50px;
|
|
95
|
-
height: 50px;
|
|
96
|
-
object-fit: cover;
|
|
97
|
-
}
|
|
98
|
-
}
|
|
99
|
-
|
|
100
|
-
@media (max-width: 480px) {
|
|
101
|
-
.memori--absolute-preview {
|
|
102
|
-
max-height: 120px;
|
|
103
|
-
}
|
|
104
|
-
|
|
105
|
-
.memori--preview-container {
|
|
106
|
-
padding: calc(var(--memori-spacing-xs) + 2px);
|
|
107
|
-
margin-bottom: var(--memori-spacing-sm);
|
|
108
|
-
}
|
|
109
|
-
|
|
110
|
-
.memori--preview-filename {
|
|
111
|
-
max-width: 100px;
|
|
112
|
-
font-size: 11px;
|
|
113
|
-
}
|
|
114
|
-
|
|
115
|
-
/* Make remove button always visible on mobile */
|
|
116
|
-
.memori--remove-button {
|
|
117
|
-
opacity: 1 !important;
|
|
118
|
-
transform: scale(1) !important;
|
|
119
|
-
}
|
|
120
|
-
|
|
121
|
-
/* Increase card size for easier interaction on small screens */
|
|
122
|
-
.memori--preview-item {
|
|
123
|
-
min-width: 160px;
|
|
124
|
-
min-height: 70px;
|
|
125
|
-
padding: calc(var(--memori-spacing-sm) + var(--memori-spacing-xs) + 2px);
|
|
126
|
-
}
|
|
127
|
-
|
|
128
|
-
.memori--preview-icon {
|
|
129
|
-
width: 28px;
|
|
130
|
-
height: 28px;
|
|
131
|
-
}
|
|
132
|
-
|
|
133
|
-
.memori--preview-thumbnail {
|
|
134
|
-
min-width: 60px;
|
|
135
|
-
min-height: 60px;
|
|
136
|
-
}
|
|
137
|
-
|
|
138
|
-
.memori--preview-thumbnail img {
|
|
139
|
-
width: 60px;
|
|
140
|
-
height: 60px;
|
|
141
|
-
object-fit: cover;
|
|
142
|
-
}
|
|
143
|
-
}
|
|
144
|
-
|
|
145
|
-
.memori--message-preview {
|
|
146
|
-
max-width: 100%;
|
|
147
|
-
margin: calc(var(--memori-spacing-sm) + var(--memori-spacing-xs)) 0;
|
|
55
|
+
.memori--preview-retention-notice {
|
|
56
|
+
display: block;
|
|
57
|
+
margin-top: 8px;
|
|
58
|
+
margin-left: 8px;
|
|
59
|
+
color: color-mix(in srgb, var(--memori-text-color) 52%, transparent);
|
|
60
|
+
font-size: var(--memori-text-size-xs);
|
|
148
61
|
}
|
|
149
62
|
|
|
150
63
|
.memori--preview-item {
|
|
151
64
|
position: relative;
|
|
152
65
|
display: flex;
|
|
153
|
-
|
|
66
|
+
width: 120px;
|
|
67
|
+
height: 120px;
|
|
154
68
|
flex-shrink: 0;
|
|
155
|
-
align-items:
|
|
156
|
-
padding: var(--memori-spacing-sm) var(--memori-spacing-md);
|
|
157
|
-
border-radius: 0.5rem;
|
|
158
|
-
animation: slide-in 0.3s ease;
|
|
159
|
-
background-color: var(--memori-secondary-background);
|
|
160
|
-
gap: var(--memori-spacing-sm);
|
|
161
|
-
transition: all 0.2s ease;
|
|
69
|
+
align-items: stretch;
|
|
162
70
|
}
|
|
163
71
|
|
|
164
72
|
.memori--preview-item-trigger {
|
|
165
|
-
display:
|
|
73
|
+
display: block;
|
|
74
|
+
overflow: hidden;
|
|
75
|
+
width: 100%;
|
|
166
76
|
min-width: 0;
|
|
167
|
-
|
|
168
|
-
align-items: center;
|
|
77
|
+
height: 100%;
|
|
169
78
|
padding: 0;
|
|
170
79
|
border: 0;
|
|
171
80
|
background: transparent;
|
|
172
81
|
color: inherit;
|
|
173
82
|
cursor: pointer;
|
|
174
83
|
font: inherit;
|
|
175
|
-
gap: var(--memori-spacing-sm);
|
|
176
84
|
text-align: left;
|
|
177
85
|
}
|
|
178
86
|
|
|
179
|
-
.memori--preview-item
|
|
180
|
-
|
|
87
|
+
.memori--preview-item--document .memori--preview-item-trigger {
|
|
88
|
+
width: 100%;
|
|
89
|
+
min-width: 0;
|
|
90
|
+
max-width: none;
|
|
181
91
|
}
|
|
182
92
|
|
|
183
|
-
.memori--preview-
|
|
184
|
-
width:
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
93
|
+
.memori--preview-item--document .memori-media-item--document {
|
|
94
|
+
width: 120px;
|
|
95
|
+
min-width: 120px;
|
|
96
|
+
max-width: 120px;
|
|
97
|
+
height: 120px;
|
|
98
|
+
min-height: 120px;
|
|
99
|
+
box-sizing: border-box;
|
|
100
|
+
/* background: transparent; */
|
|
189
101
|
}
|
|
190
102
|
|
|
191
|
-
.memori--preview-
|
|
103
|
+
.memori--preview-item--skeleton .memori-media-item--document {
|
|
104
|
+
width: 120px;
|
|
105
|
+
min-width: 120px;
|
|
106
|
+
max-width: 120px;
|
|
107
|
+
height: 120px;
|
|
108
|
+
min-height: 120px;
|
|
109
|
+
/* background: transparent; */
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
.memori--preview-item--document .memori-media-item--document:hover {
|
|
113
|
+
box-shadow: none;
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
.memori--preview-item--image .memori--preview-thumbnail {
|
|
192
117
|
display: flex;
|
|
193
118
|
overflow: hidden;
|
|
119
|
+
width: 120px;
|
|
120
|
+
height: 120px;
|
|
194
121
|
flex-shrink: 0;
|
|
195
122
|
align-items: center;
|
|
196
123
|
justify-content: center;
|
|
197
|
-
border
|
|
198
|
-
|
|
124
|
+
border: 1px solid var(--memori-border-color);
|
|
125
|
+
border-radius: var(--memori-radius-box);
|
|
126
|
+
background: transparent;
|
|
199
127
|
}
|
|
200
128
|
|
|
201
|
-
.memori--preview-thumbnail img {
|
|
202
|
-
width:
|
|
203
|
-
height:
|
|
204
|
-
border-radius: 0.5rem;
|
|
129
|
+
.memori--preview-item--image .memori--preview-thumbnail img {
|
|
130
|
+
width: 100%;
|
|
131
|
+
height: 100%;
|
|
205
132
|
object-fit: cover;
|
|
206
133
|
}
|
|
207
134
|
|
|
208
135
|
.memori--preview-file-info {
|
|
209
136
|
display: flex;
|
|
210
137
|
overflow: hidden;
|
|
138
|
+
min-width: 0;
|
|
139
|
+
flex: 1;
|
|
211
140
|
flex-direction: column;
|
|
212
141
|
}
|
|
213
142
|
|
|
@@ -218,22 +147,6 @@
|
|
|
218
147
|
white-space: nowrap;
|
|
219
148
|
}
|
|
220
149
|
|
|
221
|
-
.memori--preview-filename {
|
|
222
|
-
overflow: hidden;
|
|
223
|
-
max-width: 100px;
|
|
224
|
-
color: var(--memori-text-color);
|
|
225
|
-
font-size: var(--memori-text-size-small);
|
|
226
|
-
font-weight: var(--memori-text-weight-medium);
|
|
227
|
-
text-overflow: ellipsis;
|
|
228
|
-
white-space: nowrap;
|
|
229
|
-
}
|
|
230
|
-
|
|
231
|
-
.memori--preview-filetype {
|
|
232
|
-
margin-top: calc(var(--memori-spacing-xs) / 2);
|
|
233
|
-
color: var(--memori-text-color);
|
|
234
|
-
font-size: 12px;
|
|
235
|
-
}
|
|
236
|
-
|
|
237
150
|
.memori--modal-title-preview {
|
|
238
151
|
margin-top: 12px;
|
|
239
152
|
margin-bottom: 12px;
|
|
@@ -243,38 +156,45 @@
|
|
|
243
156
|
|
|
244
157
|
.memori--remove-button {
|
|
245
158
|
position: absolute;
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
159
|
+
z-index: 2;
|
|
160
|
+
top: -8px;
|
|
161
|
+
right: -8px;
|
|
162
|
+
width: 28px !important;
|
|
163
|
+
height: 28px !important;
|
|
164
|
+
min-height: 28px !important;
|
|
165
|
+
padding: 0 !important;
|
|
166
|
+
border: 1px solid var(--memori-border-color) !important;
|
|
253
167
|
border-radius: 50%;
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
border-left-color: currentcolor;
|
|
258
|
-
background-color: #e03131;
|
|
259
|
-
color: white;
|
|
168
|
+
background: var(--memori-main-background) !important;
|
|
169
|
+
box-shadow: none !important;
|
|
170
|
+
color: var(--memori-text-color) !important;
|
|
260
171
|
cursor: pointer;
|
|
261
172
|
opacity: 0;
|
|
262
|
-
|
|
263
|
-
transition:
|
|
173
|
+
pointer-events: none;
|
|
174
|
+
transition: none;
|
|
264
175
|
}
|
|
265
176
|
|
|
266
|
-
.memori--remove-button:hover
|
|
267
|
-
|
|
177
|
+
.memori--remove-button:hover,
|
|
178
|
+
.memori--remove-button:focus-visible {
|
|
179
|
+
background: var(--memori-secondary-background) !important;
|
|
268
180
|
}
|
|
269
181
|
|
|
270
|
-
|
|
271
|
-
.memori--preview-item:
|
|
182
|
+
.memori--preview-item:hover .memori--remove-button,
|
|
183
|
+
.memori--preview-item:focus-within .memori--remove-button {
|
|
272
184
|
opacity: 1;
|
|
185
|
+
pointer-events: auto;
|
|
273
186
|
}
|
|
274
187
|
|
|
275
|
-
.memori--remove-
|
|
276
|
-
width:
|
|
277
|
-
height:
|
|
188
|
+
.memori--remove-button svg {
|
|
189
|
+
width: 14px;
|
|
190
|
+
height: 14px;
|
|
191
|
+
}
|
|
192
|
+
|
|
193
|
+
@media (max-width: 480px) {
|
|
194
|
+
.memori--remove-button {
|
|
195
|
+
opacity: 1;
|
|
196
|
+
pointer-events: auto;
|
|
197
|
+
}
|
|
278
198
|
}
|
|
279
199
|
|
|
280
200
|
.memori--modal-preview-file {
|
|
@@ -285,25 +205,19 @@
|
|
|
285
205
|
|
|
286
206
|
.memori--preview-content {
|
|
287
207
|
padding: var(--memori-spacing-md);
|
|
288
|
-
border-radius:
|
|
289
|
-
/* background-color: #f8f9fa; */
|
|
208
|
+
border-radius: var(--memori-radius-box);
|
|
290
209
|
font-family: monospace;
|
|
291
210
|
font-size: var(--memori-text-size-small);
|
|
292
211
|
line-height: var(--memori-text-line-normal);
|
|
293
212
|
}
|
|
294
213
|
|
|
295
|
-
/* Skeleton loading card */
|
|
296
214
|
.memori--preview-item--skeleton {
|
|
297
|
-
|
|
215
|
+
width: 120px;
|
|
216
|
+
height: 120px;
|
|
298
217
|
cursor: default;
|
|
299
218
|
pointer-events: none;
|
|
300
219
|
}
|
|
301
220
|
|
|
302
|
-
.memori--preview-item--skeleton:hover {
|
|
303
|
-
background-color: #f8f9fa;
|
|
304
|
-
transform: none;
|
|
305
|
-
}
|
|
306
|
-
|
|
307
221
|
.memori--skeleton-icon {
|
|
308
222
|
width: 20px;
|
|
309
223
|
height: 20px;
|
|
@@ -336,60 +250,20 @@
|
|
|
336
250
|
0% {
|
|
337
251
|
background-position: 200% 0;
|
|
338
252
|
}
|
|
253
|
+
|
|
339
254
|
100% {
|
|
340
255
|
background-position: -200% 0;
|
|
341
256
|
}
|
|
342
257
|
}
|
|
343
258
|
|
|
344
|
-
@
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
}
|
|
348
|
-
to {
|
|
349
|
-
opacity: 1;
|
|
350
|
-
}
|
|
351
|
-
}
|
|
352
|
-
|
|
353
|
-
@keyframes scaleIn {
|
|
354
|
-
from {
|
|
355
|
-
opacity: 0;
|
|
356
|
-
transform: scale(0.95);
|
|
357
|
-
}
|
|
358
|
-
to {
|
|
359
|
-
opacity: 1;
|
|
360
|
-
transform: scale(1);
|
|
361
|
-
}
|
|
362
|
-
}
|
|
363
|
-
|
|
364
|
-
@keyframes slide-up {
|
|
365
|
-
from {
|
|
366
|
-
opacity: 0;
|
|
367
|
-
transform: translateY(10px);
|
|
368
|
-
}
|
|
369
|
-
to {
|
|
370
|
-
opacity: 1;
|
|
371
|
-
transform: translateY(0);
|
|
372
|
-
}
|
|
373
|
-
}
|
|
374
|
-
|
|
375
|
-
@keyframes slide-in {
|
|
376
|
-
from {
|
|
377
|
-
opacity: 0;
|
|
378
|
-
transform: translateY(-10px);
|
|
379
|
-
}
|
|
380
|
-
to {
|
|
381
|
-
opacity: 1;
|
|
382
|
-
transform: translateY(0);
|
|
259
|
+
@media (max-width: 768px) {
|
|
260
|
+
.memori--preview-container {
|
|
261
|
+
margin-bottom: var(--memori-spacing-sm);
|
|
383
262
|
}
|
|
384
263
|
}
|
|
385
264
|
|
|
386
|
-
@
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
transform: translateY(0);
|
|
390
|
-
}
|
|
391
|
-
to {
|
|
392
|
-
opacity: 0;
|
|
393
|
-
transform: translateY(10px);
|
|
265
|
+
@media (max-width: 480px) {
|
|
266
|
+
.memori--preview-container {
|
|
267
|
+
margin-bottom: var(--memori-spacing-sm);
|
|
394
268
|
}
|
|
395
269
|
}
|