@memori.ai/memori-react 1.2.1 → 2.0.1

package/dist/components/MediaWidget/LinkItemWidget.js

@@ -20,7 +20,7 @@ const getSiteInfo = async (url, baseUrl) => {
         return null;
     }
 };
-const RenderLinkItem = ({ item, baseUrl, onLinkPreviewInfo, descriptionOneLine = false, }) => {
+const RenderLinkItem = ({ isChild = false, item, baseUrl, onLinkPreviewInfo, descriptionOneLine = false, }) => {
     var _a, _b, _c, _d;
     const [link, setLink] = (0, react_1.useState)(null);
     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
@@ -52,7 +52,15 @@ const RenderLinkItem = ({ item, baseUrl, onLinkPreviewInfo, descriptionOneLine =
             });
         }, 300);
     }, [description, item.mediumID]);
-    return ((0, jsx_runtime_1.jsx)("a", { href: normURL, target: "_blank", rel: "noopener noreferrer", className: "memori-link-item--link", children: (0, jsx_runtime_1.jsx)(Card_1.default, { hoverable: true, className: (0, classnames_1.default)('memori-link-item--card', {
+    return ((0, jsx_runtime_1.jsx)("a", { href: normURL, target: "_blank", rel: "noopener noreferrer", className: (0, classnames_1.default)('memori-link-item--link', {
+            'memori-link-item--link--child': isChild,
+        }), onClick: e => {
+            if (!isChild) {
+                e.preventDefault();
+                e.stopPropagation();
+                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}`);
+            }
+        }, children: (0, jsx_runtime_1.jsx)(Card_1.default, { hoverable: true, className: (0, classnames_1.default)('memori-link-item--card', {
                 'memori-link-item--card-description-oneline': descriptionOneLine,
                 'memori-link-item--card-has-image': image,
                 'memori-link-item--card-has-video': video,

package/dist/components/MediaWidget/LinkItemWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkItemWidget.js","sourceRoot":"","sources":["../../../src/components/MediaWidget/LinkItemWidget.tsx"],"names":[],"mappings":";;;;;AACA,iCAAmD;AACnD,iEAAiC;AACjC,oEAA4B;AAC5B,uCAAoC;AACpC,8DAA8B;AAC9B,6CAA+C;AAuB/C,MAAM,WAAW,GAAG,KAAK,EAAE,GAAW,EAAE,OAAgB,EAAE,EAAE;IAC1D,IAAI;QACF,MAAM,IAAI,GAAG,MAAM,KAAK,CACtB,GACE,OAAO,IAAI,6BACb,oBAAoB,kBAAkB,CAAC,GAAG,CAAC,EAAE,CAC9C,CAAC;QACF,MAAM,QAAQ,GAAqB,MAAM,IAAI,CAAC,IAAI,EAAE,CAAC;QACrD,OAAO,QAAQ,CAAC;KACjB;IAAC,OAAO,GAAG,EAAE;QACZ,OAAO,CAAC,KAAK,CAAC,aAAa,EAAE,GAAG,CAAC,CAAC;QAClC,OAAO,IAAI,CAAC;KACb;AACH,CAAC,CAAC;AAEK,MAAM,cAAc,GAAG,CAAC,EAC7B,IAAI,EACJ,OAAO,EACP,iBAAiB,EACjB,kBAAkB,GAAG,KAAK,GAG3B,EAAE,EAAE;;IACH,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAE9B,IAAI,CAAC,CAAC;IACR,MAAM,OAAO,GACX,CAAA,MAAA,IAAI,CAAC,GAAG,0CAAE,UAAU,CAAC,MAAM,CAAC,KAAI,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA,MAAA,IAAI,CAAC,GAAG,0CAAE,MAAM,MAAK,CAAC;QACjE,CAAC,CAAC,IAAI,CAAC,GAAG;QACV,CAAC,CAAC,WAAW,IAAI,CAAC,GAAG,EAAE,CAAC;IAE5B,IAAA,iBAAS,EAAC,GAAG,EAAE;;QACb,IAAI,OAAO,GACT,CAAA,MAAA,IAAI,CAAC,GAAG,0CAAE,UAAU,CAAC,MAAM,CAAC,KAAI,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA,MAAA,IAAI,CAAC,GAAG,0CAAE,MAAM,MAAK,CAAC;YACjE,CAAC,CAAC,IAAI,CAAC,GAAG;YACV,CAAC,CAAC,WAAW,IAAI,CAAC,GAAG,EAAE,CAAC;QAC5B,IAAI,OAAO,IAAI,OAAO,MAAK,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,CAAA,EAAE;YACvC,WAAW,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;gBAC5C,OAAO,CACL,QAAQ;oBACN,CAAC,CAAE,EAAE,GAAG,QAAQ,EAAE,MAAM,EAAE,OAAO,EAE7B;oBACJ,CAAC,CAAC,IAAI,CACT,CAAC;gBAEF,IAAI,iBAAiB,IAAI,QAAQ;oBAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAC;YACjE,CAAC,CAAC,CAAC;SACJ;IAEH,CAAC,EAAE,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,GAAG,EAAE,OAAO,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAE5C,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,CAAC;IAC7E,MAAM,WAAW,GAAG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,WAAW,CAAC;IACtC,MAAM,KAAK,GAAG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,CAAC;IAC1B,MAAM,KAAK,GAAG,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,mCAAI,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,0CAAG,CAAC,CAAC,CAAC;IAE/C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,UAAU,CAAC,GAAG,EAAE;YACd,IAAA,mBAAQ,EAAC,mDAAmD,EAAE,CAAC,EAAE;gBAC/D,UAAU,EAAE,IAAI;aACjB,CAAC,CAAC;QACL,CAAC,EAAE,GAAG,CAAC,CAAC;IACV,CAAC,EAAE,CAAC,WAAW,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEjC,OAAO,CACL,8BACE,IAAI,EAAE,OAAO,EACb,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EACzB,SAAS,EAAC,wBAAwB,YAElC,uBAAC,cAAI,IACH,SAAS,QACT,SAAS,EAAE,IAAA,oBAAE,EAAC,wBAAwB,EAAE;gBACtC,4CAA4C,EAAE,kBAAkB;gBAChE,kCAAkC,EAAE,KAAK;gBACzC,kCAAkC,EAAE,KAAK;aAC1C,CAAC,EACF,KAAK,EACH,KAAK,CAAC,CAAC,CAAC,CACN,mCACE,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,GAAG,EAAE,KAAK,EACV,KAAK,EAAC,cAAc,EACpB,WAAW,EAAC,GAAG,EACf,KAAK,EAAC,0FAA0F,EAChG,eAAe,SACf,CACH,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CACV,gCACE,SAAS,EAAC,kCAAkC,EAC5C,GAAG,EAAC,gqGAAgqG,EACpqG,MAAM,EAAE,KAAK,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,EACxD,GAAG,EAAE,IAAI,CAAC,KAAK,GACf,CACH,CAAC,CAAC,CAAC,CACF,gCAAK,SAAS,EAAC,mCAAmC,YAChD,uBAAC,cAAI,IAAC,SAAS,EAAC,wBAAwB,GAAG,GACvC,CACP,EAEH,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,GACxB,GACA,CACL,CAAC;AACJ,CAAC,CAAC;AA7FW,QAAA,cAAc,kBA6FzB;AAEF,MAAM,cAAc,GAAoB,CAAC,EACvC,KAAK,EACL,OAAO,EACP,kBAAkB,GAAG,KAAK,EAC1B,iBAAiB,GACX,EAAE,EAAE;IACV,OAAO,CACL,uBAAC,kBAAU,IAAC,MAAM,QAAC,IAAI,QAAC,EAAE,EAAC,KAAK,EAAC,SAAS,EAAC,mBAAmB,YAC5D,gCAAK,SAAS,EAAC,yBAAyB,YACrC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,uBAAC,kBAAU,CAAC,KAAK,IACf,EAAE,EAAC,KAAK,EACR,SAAS,EAAC,kBAAkB,EAE5B,KAAK,EAAE,+BAA+B,KAAK,GAAG,GAAG,EAAE,EACnD,SAAS,EAAC,oBAAoB,EAC9B,OAAO,EAAC,qBAAqB,EAC7B,KAAK,EAAC,sBAAsB,EAC5B,SAAS,EAAC,qBAAqB,EAC/B,OAAO,EAAC,oBAAoB,YAE5B,uBAAC,sBAAc,IACb,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,kBAAkB,EAAE,kBAAkB,EACtC,iBAAiB,EAAE,iBAAiB,GACpC,IAbG,IAAI,CAAC,QAAQ,CAcD,CACpB,CAAC,GACE,GACK,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,cAAc,CAAC"}
+{"version":3,"file":"LinkItemWidget.js","sourceRoot":"","sources":["../../../src/components/MediaWidget/LinkItemWidget.tsx"],"names":[],"mappings":"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"}

package/dist/components/MediaWidget/LinkItemWidget.stories.d.ts

@@ -1,6 +1,6 @@
-import { Meta, Story } from '@storybook/react';
+import { Meta } from '@storybook/react';
 import { Props } from './LinkItemWidget';
 import './LinkItemWidget.css';
 declare const meta: Meta;
 export default meta;
-export declare const Default: Story<Props>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;

package/dist/components/MediaWidget/MediaItemWidget.css

@@ -63,3 +63,70 @@ a.memori-media-item--link {
     width: 50%;
     height: 50%;
 }
+
+.memori-media-item--modal .memori-media-item--figure {
+    position: relative;
+    z-index: 0;
+    width: 100%;
+    max-height: 100%;
+    flex-direction: row;
+}
+
+.memori-media-item--modal .memori-card {
+    width: 100%;
+    max-width: 100%;
+    height: 100%;
+    max-height: 100%;
+    border-radius: 0;
+    margin-bottom: 0;
+    box-shadow: none;
+}
+
+.memori-media-item--modal .memori-card--content {
+    display: none;
+}
+
+.memori-media-item--modal .memori-card--cover {
+    height: 100%;
+    border-radius: 0;
+}
+
+.memori-media-item--modal .memori-modal--panel {
+    width: 75vw;
+    height: 85vh;
+    backdrop-filter: blur(var(--memori-blur-background, 10px));
+    background: rgba(0, 0, 0, 0.25);
+}
+
+.memori-media-item--modal .memori-modal--panel .memori-card {
+    background: none;
+}
+
+.memori-media-item--modal .memori-modal--panel .memori-spin {
+    display: flex;
+    height: 100%;
+    align-items: center;
+    justify-content: center;
+}
+
+.memori-media-item--modal a.memori-media-item--link {
+    display: flex;
+    width: 100%;
+    height: 100%;
+    align-items: center;
+    justify-content: center;
+}
+
+.memori-media-item--modal .memori-media-item--figure-caption {
+    position: absolute;
+    bottom: 0;
+    width: 100%;
+    backdrop-filter: blur(var(--memori-blur-background, 5px));
+    background: rgba(255, 255, 255, 0.5);
+    color: #000;
+}
+
+.memori-media-item--modal .memori-modal--close button {
+    border-color: #fff;
+    color: #fff;
+}

package/dist/components/MediaWidget/MediaItemWidget.d.ts

@@ -8,13 +8,15 @@ export interface Props {
     baseURL?: string;
     apiURL?: string;
 }
-export declare const RenderMediaItem: ({ item, sessionID, tenantID, preview, baseURL, apiURL, }: {
+export declare const RenderMediaItem: ({ isChild, item, sessionID, tenantID, preview, baseURL, apiURL, onClick, }: {
+    isChild?: boolean | undefined;
     item: Medium;
     sessionID?: string | undefined;
     tenantID?: string | undefined;
     preview?: boolean | undefined;
     baseURL?: string | undefined;
     apiURL?: string | undefined;
+    onClick?: ((mediumID: string) => void) | undefined;
 }) => JSX.Element;
 declare const MediaItemWidget: React.FC<Props>;
 export default MediaItemWidget;

package/dist/components/MediaWidget/MediaItemWidget.js

@@ -10,25 +10,35 @@ const constants_1 = require("../../helpers/constants");
 const ModelViewer_1 = tslib_1.__importDefault(require("../CustomGLBModelViewer/ModelViewer"));
 const Snippet_1 = tslib_1.__importDefault(require("../Snippet/Snippet"));
 const Card_1 = tslib_1.__importDefault(require("../ui/Card"));
+const Modal_1 = tslib_1.__importDefault(require("../ui/Modal"));
 const File_1 = tslib_1.__importDefault(require("../icons/File"));
 const FilePdf_1 = tslib_1.__importDefault(require("../icons/FilePdf"));
 const FileExcel_1 = tslib_1.__importDefault(require("../icons/FileExcel"));
 const FileWord_1 = tslib_1.__importDefault(require("../icons/FileWord"));
 const react_2 = require("@headlessui/react");
-const RenderMediaItem = ({ item, sessionID, tenantID, preview = false, baseURL, apiURL, }) => {
+const RenderMediaItem = ({ isChild = false, item, sessionID, tenantID, preview = false, baseURL, apiURL, onClick, }) => {
+    const url = (0, media_1.getResourceUrl)({
+        resourceURI: item.url,
+        sessionID,
+        tenantID,
+        baseURL,
+        apiURL,
+    });
     switch (item.mimeType) {
         case 'image/jpeg':
         case 'image/png':
         case 'image/jpg':
         case 'image/gif':
-            return ((0, jsx_runtime_1.jsx)("a", { className: "memori-media-item--link", href: item.url, target: "_blank", rel: "noopener noreferrer", title: item.title, children: (0, jsx_runtime_1.jsx)(Card_1.default, { hoverable: true, className: "memori-media-item--card memori-media-item--image", cover: (0, jsx_runtime_1.jsxs)("picture", { className: "memori-media-item--figure", children: [!preview && ((0, jsx_runtime_1.jsx)("source", { srcSet: [
-                                    (0, media_1.getResourceUrl)({
-                                        resourceURI: item.url,
-                                        sessionID,
-                                        tenantID,
-                                        baseURL,
-                                        apiURL,
-                                    }),
+            return ((0, jsx_runtime_1.jsx)("a", { className: "memori-media-item--link", href: url, onClick: e => {
+                    if (isChild) {
+                        e.preventDefault();
+                    }
+                    if (onClick) {
+                        e.preventDefault();
+                        onClick(item.mediumID);
+                    }
+                }, target: "_blank", rel: "noopener noreferrer", title: item.title, children: (0, jsx_runtime_1.jsx)(Card_1.default, { hoverable: true, className: "memori-media-item--card memori-media-item--image", cover: (0, jsx_runtime_1.jsxs)("picture", { className: "memori-media-item--figure", children: [!preview && ((0, jsx_runtime_1.jsx)("source", { srcSet: [
+                                    url,
                                     (0, media_1.getResourceUrl)({
                                         resourceURI: item.content,
                                         sessionID,
@@ -41,83 +51,38 @@ const RenderMediaItem = ({ item, sessionID, tenantID, preview = false, baseURL,
                                 ].join(', '), type: item.mimeType })), (0, jsx_runtime_1.jsx)("img", { alt: item.title, src: "data:image/png;base64,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" }), item.title && ((0, jsx_runtime_1.jsx)("figcaption", { className: "memori-media-item--figure-caption", children: item.title }))] }) }) }));
         case 'application/msword':
         case 'application/vnd.openxmlformats-officedocument.wordprocessingml.document':
-            return ((0, jsx_runtime_1.jsx)("a", { className: "memori-media-item--link", href: (0, media_1.getResourceUrl)({
-                    resourceURI: item.url,
-                    sessionID,
-                    tenantID,
-                    baseURL,
-                    apiURL,
-                }), target: "_blank", rel: "noopener noreferrer", title: item.title, children: (0, jsx_runtime_1.jsx)(Card_1.default, { hoverable: true, cover: (0, jsx_runtime_1.jsx)(FileWord_1.default, { className: "memori-media-item--icon" }), title: item.title }) }));
+            return ((0, jsx_runtime_1.jsx)("a", { className: "memori-media-item--link", href: url, target: "_blank", rel: "noopener noreferrer", title: item.title, children: (0, jsx_runtime_1.jsx)(Card_1.default, { hoverable: true, cover: (0, jsx_runtime_1.jsx)(FileWord_1.default, { className: "memori-media-item--icon" }), title: item.title }) }));
         case 'application/vnd.ms-excel':
         case 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet':
-            return ((0, jsx_runtime_1.jsx)("a", { className: "memori-media-item--link", href: (0, media_1.getResourceUrl)({
-                    resourceURI: item.url,
-                    sessionID,
-                    tenantID,
-                    baseURL,
-                    apiURL,
-                }), target: "_blank", rel: "noopener noreferrer", title: item.title, children: (0, jsx_runtime_1.jsx)(Card_1.default, { hoverable: true, cover: (0, jsx_runtime_1.jsx)(FileExcel_1.default, { className: "memori-media-item--icon" }), title: item.title }) }));
+            return ((0, jsx_runtime_1.jsx)("a", { className: "memori-media-item--link", href: url, target: "_blank", rel: "noopener noreferrer", title: item.title, children: (0, jsx_runtime_1.jsx)(Card_1.default, { hoverable: true, cover: (0, jsx_runtime_1.jsx)(FileExcel_1.default, { className: "memori-media-item--icon" }), title: item.title }) }));
         case 'application/pdf':
-            return ((0, jsx_runtime_1.jsx)("a", { className: "memori-media-item--link", href: (0, media_1.getResourceUrl)({
-                    resourceURI: item.url,
-                    sessionID,
-                    tenantID,
-                    baseURL,
-                    apiURL,
-                }), target: "_blank", rel: "noopener noreferrer", title: item.title, children: (0, jsx_runtime_1.jsx)(Card_1.default, { hoverable: true, cover: (0, jsx_runtime_1.jsx)(FilePdf_1.default, { className: "memori-media-item--icon" }), title: item.title }) }));
+            return ((0, jsx_runtime_1.jsx)("a", { className: "memori-media-item--link", href: url, target: "_blank", rel: "noopener noreferrer", title: item.title, children: (0, jsx_runtime_1.jsx)(Card_1.default, { hoverable: true, cover: (0, jsx_runtime_1.jsx)(FilePdf_1.default, { className: "memori-media-item--icon" }), title: item.title }) }));
         case 'video/mp4':
         case 'video/avi':
         case 'video/mpeg':
-            return ((0, jsx_runtime_1.jsx)("a", { className: "memori-media-item--link", href: (0, media_1.getResourceUrl)({
-                    resourceURI: item.url,
-                    sessionID,
-                    tenantID,
-                    baseURL,
-                    apiURL,
-                }), target: "_blank", rel: "noopener noreferrer", title: item.title, children: (0, jsx_runtime_1.jsx)(Card_1.default, { hoverable: true, cover: (0, jsx_runtime_1.jsx)("video", { style: { width: '100%', height: '100%' }, controls: true, src: (0, media_1.getResourceUrl)({
-                            resourceURI: item.url,
-                            sessionID,
-                            tenantID,
-                            baseURL,
-                            apiURL,
-                        }), title: item.title }), title: item.title }) }));
+            return ((0, jsx_runtime_1.jsx)("a", { className: "memori-media-item--link", href: url, onClick: e => {
+                    if (isChild) {
+                        e.preventDefault();
+                    }
+                    if (onClick) {
+                        e.preventDefault();
+                        onClick(item.mediumID);
+                    }
+                }, target: "_blank", rel: "noopener noreferrer", title: item.title, children: (0, jsx_runtime_1.jsx)(Card_1.default, { hoverable: true, cover: (0, jsx_runtime_1.jsx)("video", { style: { width: '100%', height: '100%' }, controls: true, src: url, title: item.title }), title: item.title }) }));
         case 'audio/mpeg3':
         case 'audio/wav':
         case 'audio/mpeg':
-            return ((0, jsx_runtime_1.jsx)("a", { className: "memori-media-item--link", href: (0, media_1.getResourceUrl)({
-                    resourceURI: item.url,
-                    sessionID,
-                    tenantID,
-                    baseURL,
-                    apiURL,
-                }), target: "_blank", rel: "noopener noreferrer", title: item.title, children: (0, jsx_runtime_1.jsx)(Card_1.default, { hoverable: true, cover: (0, jsx_runtime_1.jsx)("audio", { style: { width: '100%', height: '100%' }, controls: true, src: (0, media_1.getResourceUrl)({
-                            resourceURI: item.url,
-                            sessionID,
-                            tenantID,
-                            baseURL,
-                            apiURL,
-                        }) }), title: item.title }) }));
+            return ((0, jsx_runtime_1.jsx)("a", { className: "memori-media-item--link", href: url, target: "_blank", rel: "noopener noreferrer", title: item.title, children: (0, jsx_runtime_1.jsx)(Card_1.default, { hoverable: true, cover: (0, jsx_runtime_1.jsx)("audio", { style: { width: '100%', height: '100%' }, controls: true, src: url }), title: item.title }) }));
         case 'model/gltf-binary':
-            return ((0, jsx_runtime_1.jsx)(ModelViewer_1.default, { src: (0, media_1.getResourceUrl)({
-                    resourceURI: item.url,
-                    sessionID,
-                    tenantID,
-                    baseURL,
-                    apiURL,
-                }), alt: "", poster: "data:image/png;base64,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" }));
+            return ((0, jsx_runtime_1.jsx)(ModelViewer_1.default, { src: url, alt: "", poster: "data:image/png;base64,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" }));
         default:
-            return ((0, jsx_runtime_1.jsx)("a", { className: "memori-media-item--link", href: (0, media_1.getResourceUrl)({
-                    resourceURI: item.url,
-                    sessionID,
-                    tenantID,
-                    baseURL,
-                    apiURL,
-                }), target: "_blank", rel: "noopener noreferrer", title: item.title, children: (0, jsx_runtime_1.jsx)(Card_1.default, { hoverable: true, cover: (0, jsx_runtime_1.jsx)(File_1.default, { className: "memori-media-item--icon" }), title: item.title }) }));
+            return ((0, jsx_runtime_1.jsx)("a", { className: "memori-media-item--link", href: url, target: "_blank", rel: "noopener noreferrer", title: item.title, children: (0, jsx_runtime_1.jsx)(Card_1.default, { hoverable: true, cover: (0, jsx_runtime_1.jsx)(File_1.default, { className: "memori-media-item--icon" }), title: item.title }) }));
     }
 };
 exports.RenderMediaItem = RenderMediaItem;
 const MediaItemWidget = ({ items, sessionID, tenantID, translateTo, baseURL, apiURL, }) => {
     const [media, setMedia] = (0, react_1.useState)(items);
+    const [openModalMedium, setOpenModalMedium] = (0, react_1.useState)();
     const translateMediaCaptions = (0, react_1.useCallback)(async () => {
         if (!translateTo)
             return;
@@ -168,7 +133,9 @@ const MediaItemWidget = ({ items, sessionID, tenantID, translateTo, baseURL, api
                             ? -1
                             : 0;
                 })
-                    .map((item, index) => ((0, jsx_runtime_1.jsx)(react_2.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: (0, jsx_runtime_1.jsx)(exports.RenderMediaItem, { sessionID: sessionID, tenantID: tenantID, baseURL: baseURL, apiURL: apiURL, item: {
+                    .map((item, index) => ((0, jsx_runtime_1.jsx)(react_2.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: (0, jsx_runtime_1.jsx)(exports.RenderMediaItem, { isChild: true, sessionID: sessionID, tenantID: tenantID, baseURL: baseURL, apiURL: apiURL, onClick: mediumID => {
+                            setOpenModalMedium(media.find(m => m.mediumID === mediumID));
+                        }, item: {
                             ...item,
                             title: item.title,
                             url: item.url,
@@ -181,7 +148,12 @@ const MediaItemWidget = ({ items, sessionID, tenantID, translateTo, baseURL, api
             })
                 .map(medium => ((0, jsx_runtime_1.jsx)(react_2.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: (0, jsx_runtime_1.jsx)(Snippet_1.default, { medium: medium }, medium.mediumID) }, medium.mediumID))), media
                 .filter(m => { var _a; return m.mimeType === 'text/css' && !!((_a = m.properties) === null || _a === void 0 ? void 0 : _a.executable); })
-                .map(medium => ((0, jsx_runtime_1.jsx)("style", { dangerouslySetInnerHTML: { __html: medium.content || '' } }, medium.mediumID)))] }));
+                .map(medium => ((0, jsx_runtime_1.jsx)("style", { dangerouslySetInnerHTML: { __html: medium.content || '' } }, medium.mediumID))), (openModalMedium === null || openModalMedium === void 0 ? void 0 : openModalMedium.mediumID) && ((0, jsx_runtime_1.jsx)(Modal_1.default, { width: "100%", widthMd: "100%", className: "memori-media-item--modal", open: !!openModalMedium, onClose: () => setOpenModalMedium(undefined), footer: null, children: (0, jsx_runtime_1.jsx)(exports.RenderMediaItem, { isChild: true, sessionID: sessionID, tenantID: tenantID, baseURL: baseURL, apiURL: apiURL, item: {
+                        ...openModalMedium,
+                        title: openModalMedium.title,
+                        url: openModalMedium.url,
+                        content: openModalMedium.content,
+                    } }) }))] }));
 };
 exports.default = MediaItemWidget;
 //# sourceMappingURL=MediaItemWidget.js.map

package/dist/components/MediaWidget/MediaItemWidget.js.map

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

package/dist/components/MediaWidget/MediaItemWidget.stories.d.ts

@@ -1,7 +1,7 @@
-import { Meta, Story } from '@storybook/react';
+import { Meta } from '@storybook/react';
 import { Props } from './MediaItemWidget';
 import './MediaItemWidget.css';
 declare const meta: Meta;
 export default meta;
-export declare const Default: Story<Props>;
-export declare const ImagesGrid: Story<Props>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
+export declare const ImagesGrid: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;

package/dist/components/MediaWidget/MediaWidget.css

@@ -3,14 +3,14 @@
     align-items: center;
     padding: 10px 30px;
     border-radius: 5px;
-    background-color: var(--ant-primary-color);
-    color: var(--ant-primary-text);
+    background-color: var(--memori-primary);
+    color: var(--memori-primary-text);
     transition: all 0.5s ease;
 }
 
 .actionButton:hover {
-    border-color: var(--ant-primary-color) !important;
-    background-color: var(--ant-primary-color);
+    border-color: var(--memori-primary) !important;
+    background-color: var(--memori-primary);
     color: var(--light-gray) !important;
     filter: brightness(1.08);
 }
@@ -119,3 +119,12 @@
 .delay-1000 {
     transition-delay: 1000ms;
 }
+
+.memori-hints--show-more {
+    text-align: center;
+}
+
+.memori-hints--show-more-button {
+    border-radius: 5px;
+    background: none;
+}

package/dist/components/MediaWidget/MediaWidget.js

@@ -8,18 +8,21 @@ const LinkItemWidget_1 = tslib_1.__importDefault(require("./LinkItemWidget"));
 const MediaItemWidget_1 = tslib_1.__importDefault(require("./MediaItemWidget"));
 const react_2 = require("@headlessui/react");
 const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const react_i18next_1 = require("react-i18next");
 const MediaWidget = ({ hints = [], links = [], media = [], simulateUserPrompt = () => { }, sessionID, baseUrl, apiUrl, translateTo, }) => {
+    const { t } = (0, react_i18next_1.useTranslation)();
     const [showHints, setShowHints] = (0, react_1.useState)(true);
+    const [hintsPagination, setHintsPagination] = (0, react_1.useState)(6);
     (0, react_1.useEffect)(() => {
         setShowHints(true);
     }, [hints]);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "memori-media-widget", children: [(media === null || media === void 0 ? void 0 : media.length) > 0 && ((0, jsx_runtime_1.jsx)(MediaItemWidget_1.default, { items: media, sessionID: sessionID, translateTo: translateTo, baseURL: baseUrl, apiURL: apiUrl })), (links === null || links === void 0 ? void 0 : links.length) > 0 && (0, jsx_runtime_1.jsx)(LinkItemWidget_1.default, { items: links, baseUrl: baseUrl }), (hints === null || hints === void 0 ? void 0 : hints.length) > 0 && showHints && ((0, jsx_runtime_1.jsx)(react_2.Transition, { appear: true, show: true, as: "ul", className: "memori-media--hints", children: hints.map((item, index) => ((0, jsx_runtime_1.jsx)(react_2.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: (0, jsx_runtime_1.jsx)(Button_1.default, { className: (0, classnames_1.default)('memori-media--hint'), primary: true, onClick: () => {
-                            simulateUserPrompt(item.originalText, item.text);
-                            setShowHints(false);
-                        }, onTouchEnd: () => {
-                            simulateUserPrompt(item.originalText, item.text);
-                            setShowHints(false);
-                        }, children: item.text }, item.text + index) }, item.text + index))) }))] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "memori-media-widget", children: [(media === null || media === void 0 ? void 0 : media.length) > 0 && ((0, jsx_runtime_1.jsx)(MediaItemWidget_1.default, { items: media, sessionID: sessionID, translateTo: translateTo, baseURL: baseUrl, apiURL: apiUrl })), (links === null || links === void 0 ? void 0 : links.length) > 0 && (0, jsx_runtime_1.jsx)(LinkItemWidget_1.default, { items: links, baseUrl: baseUrl }), (hints === null || hints === void 0 ? void 0 : hints.length) > 0 && showHints && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_2.Transition, { appear: true, show: true, as: "ul", className: "memori-media--hints", children: hints.slice(0, hintsPagination).map((item, index) => ((0, jsx_runtime_1.jsx)(react_2.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: (0, jsx_runtime_1.jsx)(Button_1.default, { className: (0, classnames_1.default)('memori-media--hint'), primary: true, onClick: () => {
+                                    simulateUserPrompt(item.originalText, item.text);
+                                    setShowHints(false);
+                                }, onTouchEnd: () => {
+                                    simulateUserPrompt(item.originalText, item.text);
+                                    setShowHints(false);
+                                }, children: item.text }, item.text + index) }, item.text + index))) }), hints.length > hintsPagination && ((0, jsx_runtime_1.jsx)("div", { className: "memori-hints--show-more", children: (0, jsx_runtime_1.jsx)(Button_1.default, { className: "memori-hints--show-more-button", id: "showMoreHints", onClick: () => setHintsPagination(hintsPagination + 6), children: t('expand') || 'Expand' }) }))] }))] }));
 };
 exports.default = MediaWidget;
 //# sourceMappingURL=MediaWidget.js.map

package/dist/components/MediaWidget/MediaWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"MediaWidget.js","sourceRoot":"","sources":["../../../src/components/MediaWidget/MediaWidget.tsx"],"names":[],"mappings":";;;;AAIA,iCAAmD;AACnD,kEAAkC;AAClC,8EAA8C;AAC9C,gFAAgD;AAChD,6CAA+C;AAC/C,oEAA4B;AAa5B,MAAM,WAAW,GAAoB,CAAC,EACpC,KAAK,GAAG,EAAE,EACV,KAAK,GAAG,EAAE,EACV,KAAK,GAAG,EAAE,EACV,kBAAkB,GAAG,GAAG,EAAE,GAAE,CAAC,EAC7B,SAAS,EACT,OAAO,EACP,MAAM,EACN,WAAW,GACL,EAAE,EAAE;IACV,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC;IACjD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,YAAY,CAAC,IAAI,CAAC,CAAC;IACrB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACL,iCAAK,SAAS,EAAC,qBAAqB,aACjC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,IAAG,CAAC,IAAI,CACpB,uBAAC,yBAAe,IACd,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,GACd,CACH,EACA,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,IAAG,CAAC,IAAI,uBAAC,wBAAc,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,GAAI,EACvE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,IAAG,CAAC,IAAI,SAAS,IAAI,CACjC,uBAAC,kBAAU,IAAC,MAAM,QAAC,IAAI,QAAC,EAAE,EAAC,IAAI,EAAC,SAAS,EAAC,qBAAqB,YAC5D,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,uBAAC,kBAAU,CAAC,KAAK,IACf,EAAE,EAAC,IAAI,EAEP,KAAK,EAAC,uBAAuB,EAC7B,SAAS,EAAC,yBAAyB,EACnC,OAAO,EAAC,yBAAyB,EACjC,KAAK,EAAC,sBAAsB,EAC5B,SAAS,EAAC,WAAW,EACrB,OAAO,EAAC,WAAW,YAEnB,uBAAC,gBAAM,IAEL,SAAS,EAAE,IAAA,oBAAE,EAAC,oBAAoB,CAAC,EACnC,OAAO,QACP,OAAO,EAAE,GAAG,EAAE;4BACZ,kBAAkB,CAAC,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;4BACjD,YAAY,CAAC,KAAK,CAAC,CAAC;wBACtB,CAAC,EACD,UAAU,EAAE,GAAG,EAAE;4BACf,kBAAkB,CAAC,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;4BACjD,YAAY,CAAC,KAAK,CAAC,CAAC;wBACtB,CAAC,YAEA,IAAI,CAAC,IAAI,IAZL,IAAI,CAAC,IAAI,GAAG,KAAK,CAaf,IAtBJ,IAAI,CAAC,IAAI,GAAG,KAAK,CAuBL,CACpB,CAAC,GACS,CACd,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC"}
+{"version":3,"file":"MediaWidget.js","sourceRoot":"","sources":["../../../src/components/MediaWidget/MediaWidget.tsx"],"names":[],"mappings":"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"}

package/dist/components/MediaWidget/MediaWidget.stories.d.ts

@@ -1,9 +1,9 @@
-import { Meta, Story } from '@storybook/react';
+import { Meta } from '@storybook/react';
 import { Props } from './MediaWidget';
 import './MediaWidget.css';
 declare const meta: Meta;
 export default meta;
-export declare const Media: Story<Props>;
-export declare const Links: Story<Props>;
-export declare const Hints: Story<Props>;
-export declare const Combined: Story<Props>;
+export declare const Media: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
+export declare const Links: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
+export declare const Hints: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
+export declare const Combined: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;

package/dist/components/MemoriWidget/MemoriWidget.css

@@ -1,25 +1,3 @@
-memori-client #root,
-.memori-widget {
-    --memori-primary: rgb(102, 103, 171);
-    --memori-primary-text: #fff;
-    --memori-inner-content-pad: 1rem;
-    --memori-inner-bg: transparent;
-    --memori-chat-bubble-bg: #ffffff60;
-    --memori-text-color: #000;
-    --memori-button-bg: #fff;
-    --memori-button-text: #000;
-    --memori-button-padding: 0.5rem 1.5rem;
-    --memori-button-border-color: #d9d9d9;
-    --memori-button-radius: 5px;
-    --memori-button-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02);
-    --memori-blur-background: 0;
-    --memori-drawer--width: 100%;
-    --memori-drawer--width--md: 80%;
-    --memori-drawer--width--lg: 60%;
-    --memori-modal--width: 100%;
-    --memori-modal--width--md: 80%;
-}
-
 .memori-widget {
     position: relative;
     width: 100%;
@@ -147,7 +125,7 @@ memori-client #root,
 .memori--powered-by {
     position: absolute;
     z-index: 1000;
-    bottom: 1rem;
+    bottom: 0;
     left: 0;
     display: inline-flex;
     flex-wrap: wrap;

package/dist/components/MemoriWidget/MemoriWidget.d.ts

@@ -1,4 +1,4 @@
-import { DialogState, Memori, Integration, MemoriConfig, Tenant } from '@memori.ai/memori-api-client/dist/types';
+import { DialogState, Memori, Integration, MemoriConfig, Tenant } from '@memori.ai/memori-api-client/src/types';
 declare const getMemoriState: (integrationId?: string | undefined) => object | null;
 declare const typeMessage: (message: string) => void;
 declare global {
@@ -12,6 +12,7 @@ export interface Props {
     memoriConfigs?: MemoriConfig[];
     memoriLang?: string;
     integration?: Integration;
+    layout?: 'DEFAULT' | 'FULLPAGE' | 'TOTEM';
     showShare?: boolean;
     showInstruct?: boolean;
     showInputs?: boolean;
@@ -40,5 +41,5 @@ export interface Props {
     AZURE_COGNITIVE_SERVICES_TTS_KEY?: string;
     onStateChange?: (state?: DialogState) => void;
 }
-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;
+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;
 export default MemoriWidget;