@memori.ai/memori-react 1.2.0 → 2.0.0

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.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.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;