@memori.ai/memori-react 1.0.0-alpha.1

package/dist/components/ChatTextArea/ChatTextArea.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+require("./ChatTextArea.css");
+const Button_1 = tslib_1.__importDefault(require("../ui/Button"));
+const Expand_1 = tslib_1.__importDefault(require("../icons/Expand"));
+const FullscreenExit_1 = tslib_1.__importDefault(require("../icons/FullscreenExit"));
+const ChatTextArea = ({ disabled = false, value, onChange, onPressEnter, onFocus, onBlur, }) => {
+    const [expanded, setExpanded] = (0, react_1.useState)(false);
+    return (react_1.default.createElement("div", { "data-testid": "chat-textarea", className: (0, classnames_1.default)('memori-chat-textarea', {
+            'memori-chat-textarea--expanded': expanded,
+            'memori-chat-textarea--disabled': disabled,
+        }) },
+        react_1.default.createElement("div", { className: "memori-chat-textarea--inner" },
+            react_1.default.createElement("textarea", { className: "memori-chat-textarea--input", disabled: disabled, value: value, onChange: e => {
+                    onChange(e.target.value);
+                }, onKeyDownCapture: e => {
+                    if (e.key === 'Enter' && !e.shiftKey && onPressEnter) {
+                        onPressEnter(e);
+                    }
+                }, onFocus: onFocus, onBlur: onBlur }),
+            react_1.default.createElement("div", { className: "memori-chat-textarea--expand" },
+                react_1.default.createElement(Button_1.default, { className: (0, classnames_1.default)('memori-chat-textarea--expand-button'), onClick: () => setExpanded(!expanded), padded: false, ghost: true, icon: expanded ? react_1.default.createElement(FullscreenExit_1.default, null) : react_1.default.createElement(Expand_1.default, null) })))));
+};
+exports.default = ChatTextArea;
+//# sourceMappingURL=ChatTextArea.js.map

package/dist/components/ChatTextArea/ChatTextArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatTextArea.js","sourceRoot":"","sources":["../../../src/components/ChatTextArea/ChatTextArea.tsx"],"names":[],"mappings":";;;AAAA,uDAAwC;AACxC,oEAA4B;AAC5B,8BAA4B;AAC5B,kEAAkC;AAClC,qEAAqC;AACrC,qFAAqD;AAWrD,MAAM,YAAY,GAAoB,CAAC,EACrC,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,OAAO,EACP,MAAM,GACP,EAAE,EAAE;IACH,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAEhD,OAAO,CACL,sDACc,eAAe,EAC3B,SAAS,EAAE,IAAA,oBAAE,EAAC,sBAAsB,EAAE;YACpC,gCAAgC,EAAE,QAAQ;YAC1C,gCAAgC,EAAE,QAAQ;SAC3C,CAAC;QAEF,uCAAK,SAAS,EAAC,6BAA6B;YAC1C,4CACE,SAAS,EAAC,6BAA6B,EACvC,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE;oBACZ,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;gBAC3B,CAAC,EACD,gBAAgB,EAAE,CAAC,CAAC,EAAE;oBACpB,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,CAAC,QAAQ,IAAI,YAAY,EAAE;wBACpD,YAAY,CAAC,CAAC,CAAC,CAAC;qBACjB;gBACH,CAAC,EACD,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,GACd;YACF,uCAAK,SAAS,EAAC,8BAA8B;gBAC3C,8BAAC,gBAAM,IACL,SAAS,EAAE,IAAA,oBAAE,EAAC,qCAAqC,CAAC,EACpD,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,QAAQ,CAAC,EACrC,MAAM,EAAE,KAAK,EACb,KAAK,QACL,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,8BAAC,wBAAc,OAAG,CAAC,CAAC,CAAC,8BAAC,gBAAM,OAAG,GAChD,CACE,CACF,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,YAAY,CAAC"}

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

@@ -0,0 +1,7 @@
+import { Meta, Story } from '@storybook/react';
+import { Props } from './ChatTextArea';
+declare const meta: Meta;
+export default meta;
+export declare const Default: Story<Props>;
+export declare const WithValue: Story<Props>;
+export declare const WithLongText: Story<Props>;

package/dist/components/ChatTextArea/ChatTextArea.stories.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WithLongText = exports.WithValue = exports.Default = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const ChatTextArea_1 = tslib_1.__importDefault(require("./ChatTextArea"));
+const meta = {
+    title: 'Widget/Chat textarea',
+    component: ChatTextArea_1.default,
+    argTypes: {
+        disabled: {
+            control: {
+                type: 'boolean',
+            },
+        },
+    },
+    parameters: {
+        controls: { expanded: true },
+    },
+};
+exports.default = meta;
+const Template = args => {
+    const [userMessage, setUserMessage] = react_1.default.useState(args.value);
+    return (react_1.default.createElement("div", { style: { paddingTop: '10rem' } },
+        react_1.default.createElement(ChatTextArea_1.default, { ...args, value: userMessage, onChange: setUserMessage })));
+};
+exports.Default = Template.bind({});
+exports.Default.args = {
+    value: '',
+    onChange: () => { },
+};
+exports.WithValue = Template.bind({});
+exports.WithValue.args = {
+    value: 'Suspendisse sit amet volutpat velit.',
+    onChange: () => { },
+};
+exports.WithLongText = Template.bind({});
+exports.WithLongText.args = {
+    value: 'Suspendisse sit amet volutpat velit. Nunc at commodo tortor, id rutrum nunc. Vivamus condimentum vel nunc et congue. Ut laoreet imperdiet nisi ac finibus. Suspendisse molestie risus a justo sagittis efficitur. Suspendisse sit amet volutpat velit. Nunc at commodo tortor, id rutrum nunc. Vivamus condimentum vel nunc et congue. Ut laoreet imperdiet nisi ac finibus. Suspendisse molestie risus a justo sagittis efficitur.',
+    onChange: () => { },
+};
+//# sourceMappingURL=ChatTextArea.stories.js.map

package/dist/components/ChatTextArea/ChatTextArea.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatTextArea.stories.js","sourceRoot":"","sources":["../../../src/components/ChatTextArea/ChatTextArea.stories.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAE1B,0EAAqD;AAErD,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,sBAAY;IACvB,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,OAAO,EAAE;gBACP,IAAI,EAAE,SAAS;aAChB;SACF;KACF;IACD,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC7B;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC;AAEpB,MAAM,QAAQ,GAAiB,IAAI,CAAC,EAAE;IACpC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAEjE,OAAO,CACL,uCAAK,KAAK,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE;QACjC,8BAAC,sBAAY,OAAK,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,GAAI,CACpE,CACP,CAAC;AACJ,CAAC,CAAC;AAIW,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG;IACb,KAAK,EAAE,EAAE;IACT,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;CACnB,CAAC;AAEW,QAAA,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,iBAAS,CAAC,IAAI,GAAG;IACf,KAAK,EAAE,sCAAsC;IAC7C,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;CACnB,CAAC;AAEW,QAAA,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC9C,oBAAY,CAAC,IAAI,GAAG;IAClB,KAAK,EACH,qaAAqa;IACva,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;CACnB,CAAC"}

package/dist/components/ChatTextArea/ChatTextArea.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/ChatTextArea/ChatTextArea.test.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_2 = require("@testing-library/react");
+const ChatTextArea_1 = tslib_1.__importDefault(require("./ChatTextArea"));
+it('renders ChatTextArea unchanged', () => {
+    const { container } = (0, react_2.render)(react_1.default.createElement(ChatTextArea_1.default, { value: "", onChange: jest.fn() }));
+    expect(container).toMatchSnapshot();
+});
+it('renders ChatTextArea with value unchanged', () => {
+    const { container } = (0, react_2.render)(react_1.default.createElement(ChatTextArea_1.default, { value: "Proin libero ante, dignissim sit amet turpis a, pretium condimentum dolor.", onChange: jest.fn() }));
+    expect(container).toMatchSnapshot();
+});
+it('renders ChatTextArea with long text unchanged', () => {
+    const { container } = (0, react_2.render)(react_1.default.createElement(ChatTextArea_1.default, { value: "Suspendisse sit amet volutpat velit. Nunc at commodo tortor, id rutrum nunc. Vivamus condimentum vel nunc et congue. Ut laoreet imperdiet nisi ac finibus. Suspendisse molestie risus a justo sagittis efficitur. Suspendisse sit amet volutpat velit. Nunc at commodo tortor, id rutrum nunc. Vivamus condimentum vel nunc et congue. Ut laoreet imperdiet nisi ac finibus. Suspendisse molestie risus a justo sagittis efficitur.", onChange: jest.fn() }));
+    expect(container).toMatchSnapshot();
+});
+it('renders ChatTextArea expanded unchanged', () => {
+    (0, react_2.render)(react_1.default.createElement(ChatTextArea_1.default, { value: "Suspendisse sit amet volutpat velit. Nunc at commodo tortor, id rutrum nunc. Vivamus condimentum vel nunc et congue. Ut laoreet imperdiet nisi ac finibus. Suspendisse molestie risus a justo sagittis efficitur. Suspendisse sit amet volutpat velit. Nunc at commodo tortor, id rutrum nunc. Vivamus condimentum vel nunc et congue. Ut laoreet imperdiet nisi ac finibus. Suspendisse molestie risus a justo sagittis efficitur.", onChange: jest.fn() }));
+    react_2.fireEvent.click(react_2.screen.getByRole('button'));
+    expect(react_2.screen.getByTestId('chat-textarea').classList).toContain('memori-chat-textarea--expanded');
+});
+//# sourceMappingURL=ChatTextArea.test.js.map

package/dist/components/ChatTextArea/ChatTextArea.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatTextArea.test.js","sourceRoot":"","sources":["../../../src/components/ChatTextArea/ChatTextArea.test.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAC1B,kDAAmE;AACnE,0EAA0C;AAE1C,EAAE,CAAC,gCAAgC,EAAE,GAAG,EAAE;IACxC,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,8BAAC,sBAAY,IAAC,KAAK,EAAC,EAAE,EAAC,QAAQ,EAAE,IAAI,CAAC,EAAE,EAAE,GAAI,CAAC,CAAC;IAC7E,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,2CAA2C,EAAE,GAAG,EAAE;IACnD,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC1B,8BAAC,sBAAY,IACX,KAAK,EAAC,4EAA4E,EAClF,QAAQ,EAAE,IAAI,CAAC,EAAE,EAAE,GACnB,CACH,CAAC;IACF,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,+CAA+C,EAAE,GAAG,EAAE;IACvD,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC1B,8BAAC,sBAAY,IACX,KAAK,EAAC,qaAAqa,EAC3a,QAAQ,EAAE,IAAI,CAAC,EAAE,EAAE,GACnB,CACH,CAAC;IACF,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,yCAAyC,EAAE,GAAG,EAAE;IACjD,IAAA,cAAM,EACJ,8BAAC,sBAAY,IACX,KAAK,EAAC,qaAAqa,EAC3a,QAAQ,EAAE,IAAI,CAAC,EAAE,EAAE,GACnB,CACH,CAAC;IAEF,iBAAS,CAAC,KAAK,CAAC,cAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC;IAE5C,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC,SAAS,CAAC,CAAC,SAAS,CAC7D,gCAAgC,CACjC,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/components/CustomGLBModelViewer/ModelViewer.css

@@ -0,0 +1,11 @@
+model-viewer {
+    max-width: 100%;
+    height: 400px;
+    --poster-color: transparent;
+}
+
+@media (max-width: 800px) {
+    model-viewer {
+        height: 300px;
+    }
+}

package/dist/components/CustomGLBModelViewer/ModelViewer.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import './ModelViewer.css';
+export interface Props {
+    src: string;
+    poster: string;
+    alt?: string;
+}
+declare const ModelViewer: ({ src, poster, alt }: Props) => JSX.Element;
+export default ModelViewer;

package/dist/components/CustomGLBModelViewer/ModelViewer.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+require("./ModelViewer.css");
+const ModelViewer = ({ src, poster, alt = '' }) => {
+    (0, react_1.useEffect)(() => {
+        const script = document.createElement('script');
+        script.src =
+            'https://unpkg.com/@google/model-viewer/dist/model-viewer.min.js';
+        script.type = 'module';
+        document.head.appendChild(script);
+        return () => {
+            document.head.removeChild(script);
+        };
+    }, []);
+    return (react_1.default.createElement("div", { className: "model-viewer" },
+        react_1.default.createElement("model-viewer", { src: src, "ios-src": "", poster: poster, alt: alt, "shadow-intensity": "1", "disable-zoom": true, "camera-controls": true, autoplay: true })));
+};
+exports.default = ModelViewer;
+//# sourceMappingURL=ModelViewer.js.map

package/dist/components/CustomGLBModelViewer/ModelViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModelViewer.js","sourceRoot":"","sources":["../../../src/components/CustomGLBModelViewer/ModelViewer.tsx"],"names":[],"mappings":";;;AAAA,uDAAyC;AACzC,6BAA2B;AAQ3B,MAAM,WAAW,GAAG,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,GAAG,EAAE,EAAS,EAAE,EAAE;IACvD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAChD,MAAM,CAAC,GAAG;YACR,iEAAiE,CAAC;QACpE,MAAM,CAAC,IAAI,GAAG,QAAQ,CAAC;QACvB,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QAClC,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QACpC,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,CACL,uCAAK,SAAS,EAAC,cAAc;QAE3B,gDACE,GAAG,EAAE,GAAG,aACA,EAAE,EACV,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,GAAG,sBACS,GAAG,iDAGpB,QAAQ,SACR,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC"}

package/dist/components/CustomGLBModelViewer/ModelViewer.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta, Story } from '@storybook/react';
+import { Props } from './ModelViewer';
+declare const meta: Meta;
+export default meta;
+export declare const Default: Story<Props>;

package/dist/components/CustomGLBModelViewer/ModelViewer.stories.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const ModelViewer_1 = tslib_1.__importDefault(require("./ModelViewer"));
+const meta = {
+    title: 'Custom GLB Avatar',
+    component: ModelViewer_1.default,
+    argTypes: {
+        src: {
+            control: {
+                type: 'text',
+            },
+        },
+        poster: {
+            control: {
+                type: 'text',
+            },
+        },
+        alt: {
+            control: {
+                type: 'text',
+            },
+        },
+    },
+    parameters: {
+        controls: { expanded: true },
+    },
+};
+exports.default = meta;
+const Template = args => {
+    const [hydrated, setHydrated] = react_1.default.useState(false);
+    react_1.default.useEffect(() => {
+        setHydrated(true);
+    }, []);
+    return hydrated ? (react_1.default.createElement(ModelViewer_1.default, { ...args, src: args.src + `#${new Date(Date.now()).toISOString()}`, key: Date.now() })) : (react_1.default.createElement(react_1.default.Fragment, null));
+};
+exports.Default = Template.bind({});
+exports.Default.args = {
+    alt: '',
+    src: 'https://assets.memori.ai/api/v2/asset/7383f05a-0788-49b0-b9b9-3bfc402c7ddf.glb#1669136149862',
+    poster: 'https://assets.memori.ai/api/v2/asset/596382ce-381a-4a66-9740-c7adc3bfa4a8.png',
+};
+//# sourceMappingURL=ModelViewer.stories.js.map

package/dist/components/CustomGLBModelViewer/ModelViewer.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModelViewer.stories.js","sourceRoot":"","sources":["../../../src/components/CustomGLBModelViewer/ModelViewer.stories.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAE1B,wEAAmD;AAEnD,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,qBAAW;IACtB,QAAQ,EAAE;QACR,GAAG,EAAE;YACH,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM;aACb;SACF;QACD,MAAM,EAAE;YACN,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM;aACb;SACF;QACD,GAAG,EAAE;YACH,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC7B;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC;AAEpB,MAAM,QAAQ,GAAiB,IAAI,CAAC,EAAE;IACpC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,WAAW,CAAC,IAAI,CAAC,CAAC;IACpB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,8BAAC,qBAAW,OACN,IAAI,EACR,GAAG,EAAE,IAAI,CAAC,GAAG,GAAG,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,WAAW,EAAE,EAAE,EACxD,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,GACf,CACH,CAAC,CAAC,CAAC,CACF,6DAAK,CACN,CAAC;AACJ,CAAC,CAAC;AAIW,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG;IACb,GAAG,EAAE,EAAE;IACP,GAAG,EACD,8FAA8F;IAChG,MAAM,EACJ,gFAAgF;CACnF,CAAC"}

package/dist/components/CustomGLBModelViewer/ModelViewer.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/CustomGLBModelViewer/ModelViewer.test.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_2 = require("@testing-library/react");
+const ModelViewer_1 = tslib_1.__importDefault(require("./ModelViewer"));
+it('renders ModelViewer unchanged', () => {
+    const { container } = (0, react_2.render)(react_1.default.createElement(ModelViewer_1.default, { src: "https://assets.memori.ai/api/v2/asset/b791f77c-1a94-4272-829e-eca82fcc62b7.glb", poster: "https://assets.memori.ai/api/v2/asset/d8035229-08cf-42a7-a532-ab051df2603d.png" }));
+    expect(container).toMatchSnapshot();
+});
+//# sourceMappingURL=ModelViewer.test.js.map

package/dist/components/CustomGLBModelViewer/ModelViewer.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModelViewer.test.js","sourceRoot":"","sources":["../../../src/components/CustomGLBModelViewer/ModelViewer.test.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAC1B,kDAAgD;AAChD,wEAAwC;AAExC,EAAE,CAAC,+BAA+B,EAAE,GAAG,EAAE;IACvC,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC1B,8BAAC,qBAAW,IACV,GAAG,EAAC,gFAAgF,EACpF,MAAM,EAAC,gFAAgF,GACvF,CACH,CAAC;IACF,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC"}

package/dist/components/ErrorBoundary/ErrorBoundary.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ReactNode } from 'react';
+import { WithTranslation } from 'react-i18next';
+interface Props extends WithTranslation {
+    fallback?: ReactNode;
+    children: ReactNode;
+}
+declare const _default: React.ComponentType<Omit<import("react-i18next").Subtract<Props, import("react-i18next").WithTranslationProps>, keyof WithTranslation<N, undefined>> & import("react-i18next").WithTranslationProps>;
+export default _default;

package/dist/components/ErrorBoundary/ErrorBoundary.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_2 = require("react");
+const Button_1 = tslib_1.__importDefault(require("../ui/Button"));
+const react_i18next_1 = require("react-i18next");
+class ErrorBoundary extends react_2.Component {
+    constructor() {
+        super(...arguments);
+        this.state = {
+            hasError: false,
+        };
+    }
+    static getDerivedStateFromError(_) {
+        return { hasError: true };
+    }
+    componentDidCatch(error, errorInfo) {
+        console.error('Uncaught error:', error, errorInfo);
+    }
+    render() {
+        if (this.state.hasError) {
+            return this.props.fallback ? (this.props.fallback) : (react_1.default.createElement("div", { style: {
+                    background: 'rgba(255, 255, 255, 0.4)',
+                    color: '#000',
+                    padding: '2rem',
+                    borderRadius: '10px',
+                } },
+                react_1.default.createElement("h2", null, this.props.t('error.generic')),
+                react_1.default.createElement(Button_1.default, { primary: true, onClick: () => this.setState({ hasError: false }) }, this.props.t('error.tryAgain') || 'Try again')));
+        }
+        return this.props.children;
+    }
+}
+exports.default = (0, react_i18next_1.withTranslation)(['common'])(ErrorBoundary);
+//# sourceMappingURL=ErrorBoundary.js.map

package/dist/components/ErrorBoundary/ErrorBoundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../../../src/components/ErrorBoundary/ErrorBoundary.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAC1B,iCAAwD;AACxD,kEAAkC;AAClC,iDAAiE;AAWjE,MAAM,aAAc,SAAQ,iBAAuB;IAAnD;;QACS,UAAK,GAAU;YACpB,QAAQ,EAAE,KAAK;SAChB,CAAC;IAkCJ,CAAC;IAhCQ,MAAM,CAAC,wBAAwB,CAAC,CAAQ;QAE7C,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;IAC5B,CAAC;IAEM,iBAAiB,CAAC,KAAY,EAAE,SAAoB;QACzD,OAAO,CAAC,KAAK,CAAC,iBAAiB,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC;IACrD,CAAC;IAEM,MAAM;QACX,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;YACvB,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAC3B,IAAI,CAAC,KAAK,CAAC,QAAQ,CACpB,CAAC,CAAC,CAAC,CACF,uCACE,KAAK,EAAE;oBACL,UAAU,EAAE,0BAA0B;oBACtC,KAAK,EAAE,MAAM;oBACb,OAAO,EAAE,MAAM;oBACf,YAAY,EAAE,MAAM;iBACrB;gBAED,0CAAK,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,eAAe,CAAC,CAAM;gBACxC,8BAAC,gBAAM,IAAC,OAAO,QAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,IAC9D,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,gBAAgB,CAAC,IAAI,WAAW,CACvC,CACL,CACP,CAAC;SACH;QAED,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC7B,CAAC;CACF;AAED,kBAAe,IAAA,+BAAe,EAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC"}

package/dist/components/ExportHistoryButton/ExportHistoryButton.css

@@ -0,0 +1,22 @@
+.memori-export-history-button--panel {
+    position: absolute;
+    z-index: 10;
+    right: 0.5rem;
+    padding: var(--memori-button-padding);
+    border: 1px solid var(--memori-button-border-color);
+    border-radius: var(--memori-button-radius);
+    margin-top: 0.5rem;
+    background: #fff;
+    box-shadow: var(--memori-button-box-shadow);
+    color: #000;
+    text-align: left;
+}
+
+.memori-export-history-button--panel button+button {
+    margin-left: 0.5rem;
+}
+
+.memori-export-history-button--align-left .memori-export-history-button--panel {
+    right: auto;
+    left: 0.5rem;
+}

package/dist/components/ExportHistoryButton/ExportHistoryButton.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Memori, Message } from '@memori.ai/memori-api-client/dist/types';
+import './ExportHistoryButton.css';
+export interface Props {
+    history: Message[];
+    memori: Memori;
+    icon?: React.ReactNode;
+    className?: string;
+    buttonClassName?: string;
+    align?: 'left' | 'right';
+    disabled?: boolean;
+    filename?: string;
+}
+declare const ExportHistoryButton: ({ history, memori, className, buttonClassName, icon, disabled, align, filename, }: Props) => JSX.Element;
+export default ExportHistoryButton;

package/dist/components/ExportHistoryButton/ExportHistoryButton.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_i18next_1 = require("react-i18next");
+const react_2 = require("@headlessui/react");
+const Button_1 = tslib_1.__importDefault(require("../ui/Button"));
+const Message_1 = tslib_1.__importDefault(require("../icons/Message"));
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+require("./ExportHistoryButton.css");
+const downloadFile = (text, filename = 'export-chat.txt') => {
+    const data = new Blob([text], { type: 'text/plain' });
+    const url = URL.createObjectURL(data);
+    const element = document.createElement('a');
+    element.setAttribute('href', url);
+    element.setAttribute('download', filename);
+    element.style.display = 'none';
+    document.body.appendChild(element);
+    element.click();
+    document.body.removeChild(element);
+};
+const ExportHistoryButton = ({ history, memori, className, buttonClassName, icon, disabled = false, align = 'right', filename, }) => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const text = `${t('write_and_speak.conversationStartedLabel')} ${new Intl.DateTimeFormat('it', {
+        dateStyle: 'short',
+        timeStyle: 'short',
+    }).format(new Date())}\n\n`.concat(history
+        .map(m => `${m.fromUser ? 'YOU' : memori.name}: ${m.text}`)
+        .join('\n'));
+    return (react_1.default.createElement(react_2.Popover, { title: t('write_and_speak.exportChatHistoryMessage'), className: (0, classnames_1.default)('memori-export-history-button', className, {
+            'memori-export-history-button--align-left': align === 'left',
+        }) }, ({ close }) => (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(react_2.Popover.Button, { disabled: disabled, className: (0, classnames_1.default)('memori-button', 'memori-button--circle', 'memori-button--icon-only', buttonClassName, {
+                'memori-button--disabled': disabled,
+                'memori-button--primary': !disabled,
+            }) },
+            react_1.default.createElement("div", { className: "memori-button--icon" }, icon || react_1.default.createElement(Message_1.default, null))),
+        react_1.default.createElement(react_2.Popover.Panel, { className: "memori-export-history-button--panel" },
+            react_1.default.createElement("p", null, t('write_and_speak.exportChatHistory')),
+            react_1.default.createElement(Button_1.default, { primary: true, onClick: () => downloadFile(text, filename ||
+                    `${memori.name.replace(/\W+/g, '-')}-export-chat.txt`) }, t('yes') || 'Yes'),
+            react_1.default.createElement(Button_1.default, { onClick: () => close() }, t('no') || 'No'))))));
+};
+exports.default = ExportHistoryButton;
+//# sourceMappingURL=ExportHistoryButton.js.map

package/dist/components/ExportHistoryButton/ExportHistoryButton.js.map

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

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

@@ -0,0 +1,8 @@
+import { Meta, Story } from '@storybook/react';
+import { Props } from './ExportHistoryButton';
+declare const meta: Meta;
+export default meta;
+export declare const Default: Story<Props>;
+export declare const WithCustomIcon: Story<Props>;
+export declare const WithCustomCSSClass: Story<Props>;
+export declare const AlignLeft: Story<Props>;

package/dist/components/ExportHistoryButton/ExportHistoryButton.stories.js

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AlignLeft = exports.WithCustomCSSClass = exports.WithCustomIcon = exports.Default = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const ExportHistoryButton_1 = tslib_1.__importDefault(require("./ExportHistoryButton"));
+const data_1 = require("../../mocks/data");
+const Download_1 = tslib_1.__importDefault(require("../icons/Download"));
+const meta = {
+    title: 'Export History Button',
+    component: ExportHistoryButton_1.default,
+    argTypes: {
+        memori: {
+            control: {
+                type: 'object',
+            },
+        },
+        icon: {
+            control: {
+                type: 'object',
+            },
+        },
+    },
+    parameters: {
+        controls: { expanded: true },
+    },
+};
+exports.default = meta;
+const Template = args => (react_1.default.createElement("div", { style: { textAlign: 'right' } },
+    react_1.default.createElement(ExportHistoryButton_1.default, { ...args })));
+const TemplateRight = args => (react_1.default.createElement("div", { style: { textAlign: 'left' } },
+    react_1.default.createElement(ExportHistoryButton_1.default, { ...args })));
+exports.Default = Template.bind({});
+exports.Default.args = {
+    memori: data_1.memori,
+    history: data_1.history,
+};
+exports.WithCustomIcon = Template.bind({});
+exports.WithCustomIcon.args = {
+    memori: data_1.memori,
+    history: data_1.history,
+    icon: react_1.default.createElement(Download_1.default, null),
+};
+exports.WithCustomCSSClass = Template.bind({});
+exports.WithCustomCSSClass.args = {
+    memori: data_1.memori,
+    history: data_1.history,
+    buttonClassName: 'memori-button--primary',
+};
+exports.AlignLeft = TemplateRight.bind({});
+exports.AlignLeft.args = {
+    memori: data_1.memori,
+    history: data_1.history,
+    align: 'left',
+};
+//# sourceMappingURL=ExportHistoryButton.stories.js.map

package/dist/components/ExportHistoryButton/ExportHistoryButton.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExportHistoryButton.stories.js","sourceRoot":"","sources":["../../../src/components/ExportHistoryButton/ExportHistoryButton.stories.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAE1B,wFAAmE;AACnE,2CAAmD;AACnD,yEAAyC;AAEzC,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,6BAAmB;IAC9B,QAAQ,EAAE;QACR,MAAM,EAAE;YACN,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;aACf;SACF;QACD,IAAI,EAAE;YACJ,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;aACf;SACF;KACF;IACD,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC7B;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC;AAEpB,MAAM,QAAQ,GAAiB,IAAI,CAAC,EAAE,CAAC,CACrC,uCAAK,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE;IAChC,8BAAC,6BAAmB,OAAK,IAAI,GAAI,CAC7B,CACP,CAAC;AAEF,MAAM,aAAa,GAAiB,IAAI,CAAC,EAAE,CAAC,CAC1C,uCAAK,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE;IAC/B,8BAAC,6BAAmB,OAAK,IAAI,GAAI,CAC7B,CACP,CAAC;AAIW,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG;IACb,MAAM,EAAN,aAAM;IACN,OAAO,EAAP,cAAO;CACR,CAAC;AAEW,QAAA,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAChD,sBAAc,CAAC,IAAI,GAAG;IACpB,MAAM,EAAN,aAAM;IACN,OAAO,EAAP,cAAO;IACP,IAAI,EAAE,8BAAC,kBAAQ,OAAG;CACnB,CAAC;AAEW,QAAA,kBAAkB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACpD,0BAAkB,CAAC,IAAI,GAAG;IACxB,MAAM,EAAN,aAAM;IACN,OAAO,EAAP,cAAO;IACP,eAAe,EAAE,wBAAwB;CAC1C,CAAC;AAEW,QAAA,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAChD,iBAAS,CAAC,IAAI,GAAG;IACf,MAAM,EAAN,aAAM;IACN,OAAO,EAAP,cAAO;IACP,KAAK,EAAE,MAAM;CACd,CAAC"}

package/dist/components/ExportHistoryButton/ExportHistoryButton.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/ExportHistoryButton/ExportHistoryButton.test.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_2 = require("@testing-library/react");
+const ExportHistoryButton_1 = tslib_1.__importDefault(require("./ExportHistoryButton"));
+const data_1 = require("../../mocks/data");
+const Download_1 = tslib_1.__importDefault(require("../icons/Download"));
+it('renders ExportHistoryButton unchanged', () => {
+    const { container } = (0, react_2.render)(react_1.default.createElement(ExportHistoryButton_1.default, { memori: data_1.memori, history: [] }));
+    expect(container).toMatchSnapshot();
+});
+it('renders ExportHistoryButton unchanged with history', () => {
+    const { container } = (0, react_2.render)(react_1.default.createElement(ExportHistoryButton_1.default, { memori: data_1.memori, history: data_1.history }));
+    expect(container).toMatchSnapshot();
+});
+it('renders ExportHistoryButton unchanged with className', () => {
+    const { container } = (0, react_2.render)(react_1.default.createElement(ExportHistoryButton_1.default, { memori: data_1.memori, history: [], className: "test" }));
+    expect(container).toMatchSnapshot();
+});
+it('renders ExportHistoryButton unchanged disabled', () => {
+    const { container } = (0, react_2.render)(react_1.default.createElement(ExportHistoryButton_1.default, { memori: data_1.memori, history: [], disabled: true }));
+    expect(container).toMatchSnapshot();
+});
+it('renders ExportHistoryButton unchanged with custom icon', () => {
+    const { container } = (0, react_2.render)(react_1.default.createElement(ExportHistoryButton_1.default, { memori: data_1.memori, history: data_1.history, icon: react_1.default.createElement(Download_1.default, null) }));
+    expect(container).toMatchSnapshot();
+});
+it('renders ExportHistoryButton unchanged with custom button props', () => {
+    const { container } = (0, react_2.render)(react_1.default.createElement(ExportHistoryButton_1.default, { memori: data_1.memori, history: data_1.history, icon: react_1.default.createElement(Download_1.default, null), buttonClassName: "test" }));
+    expect(container).toMatchSnapshot();
+});
+it('renders ExportHistoryButton unchanged with custom filename', () => {
+    const { container } = (0, react_2.render)(react_1.default.createElement(ExportHistoryButton_1.default, { memori: data_1.memori, history: [], filename: "awanagana.txt" }));
+    expect(container).toMatchSnapshot();
+});
+//# sourceMappingURL=ExportHistoryButton.test.js.map

package/dist/components/ExportHistoryButton/ExportHistoryButton.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExportHistoryButton.test.js","sourceRoot":"","sources":["../../../src/components/ExportHistoryButton/ExportHistoryButton.test.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAC1B,kDAAgD;AAChD,wFAAwD;AACxD,2CAAmD;AACnD,yEAAyC;AAEzC,EAAE,CAAC,uCAAuC,EAAE,GAAG,EAAE;IAC/C,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC1B,8BAAC,6BAAmB,IAAC,MAAM,EAAE,aAAM,EAAE,OAAO,EAAE,EAAE,GAAI,CACrD,CAAC;IACF,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,oDAAoD,EAAE,GAAG,EAAE;IAC5D,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC1B,8BAAC,6BAAmB,IAAC,MAAM,EAAE,aAAM,EAAE,OAAO,EAAE,cAAO,GAAI,CAC1D,CAAC;IACF,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,sDAAsD,EAAE,GAAG,EAAE;IAC9D,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC1B,8BAAC,6BAAmB,IAAC,MAAM,EAAE,aAAM,EAAE,OAAO,EAAE,EAAE,EAAE,SAAS,EAAC,MAAM,GAAG,CACtE,CAAC;IACF,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;IACxD,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC1B,8BAAC,6BAAmB,IAAC,MAAM,EAAE,aAAM,EAAE,OAAO,EAAE,EAAE,EAAE,QAAQ,SAAG,CAC9D,CAAC;IACF,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,wDAAwD,EAAE,GAAG,EAAE;IAChE,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC1B,8BAAC,6BAAmB,IAClB,MAAM,EAAE,aAAM,EACd,OAAO,EAAE,cAAO,EAChB,IAAI,EAAE,8BAAC,kBAAQ,OAAG,GAClB,CACH,CAAC;IACF,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,gEAAgE,EAAE,GAAG,EAAE;IACxE,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC1B,8BAAC,6BAAmB,IAClB,MAAM,EAAE,aAAM,EACd,OAAO,EAAE,cAAO,EAChB,IAAI,EAAE,8BAAC,kBAAQ,OAAG,EAClB,eAAe,EAAC,MAAM,GACtB,CACH,CAAC;IACF,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,4DAA4D,EAAE,GAAG,EAAE;IACpE,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC1B,8BAAC,6BAAmB,IAClB,MAAM,EAAE,aAAM,EACd,OAAO,EAAE,EAAE,EACX,QAAQ,EAAC,eAAe,GACxB,CACH,CAAC;IACF,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC"}

package/dist/components/Header/Header.css

@@ -0,0 +1,58 @@
+.memori-header {
+    position: relative;
+    z-index: 1;
+    width: calc(50% - 1rem);
+    padding: calc(var(--memori-inner-content-pad) / 4) calc(var(--memori-inner-content-pad) / 2);
+    border-radius: 10px;
+    margin-left: auto;
+    background-color: var(--memori-inner-bg, #fff);
+    text-align: right;
+}
+
+@media (max-width: 870px) {
+    .memori-header {
+        width: 100%;
+        margin-left: 0;
+    }
+}
+
+.memori-header--button {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.memori-header--button+.memori-header--button {
+    margin-left: 0.25rem;
+}
+
+.memori-header--button[disabled] {
+    border: 0;
+    cursor: not-allowed;
+    opacity: 0.5;
+    pointer-events: none;
+}
+
+.memori-header--button svg {
+    width: 1em;
+    height: 1em;
+    font-size: 1em;
+    line-height: 1;
+}
+
+.memori-header--position {
+    display: inline-block;
+}
+
+.memori-header--position .memori-header--position-placeName {
+    font-style: italic;
+}
+
+.memori-header--position .memori-header--button {
+    margin-right: 0.5rem;
+    margin-left: 0.5rem;
+}
+
+.memori-header .memori-share-button {
+    margin-left: 0.25rem;
+}

package/dist/components/Header/Header.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { Memori, Message, Venue } from '@memori.ai/memori-api-client/dist/types';
+import './Header.css';
+export interface Props {
+    className?: string;
+    memori: Memori;
+    history: Message[];
+    position?: Venue;
+    setShowPositionDrawer: (show: boolean) => void;
+    setShowSettingsDrawer: (show: boolean) => void;
+    speakerMuted: boolean;
+    setSpeakerMuted: (mute: boolean) => void;
+    hasUserActivatedSpeak?: boolean;
+    showShare?: boolean;
+    showSettings?: boolean;
+}
+declare const Header: React.FC<Props>;
+export default Header;

package/dist/components/Header/Header.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const Button_1 = tslib_1.__importDefault(require("../ui/Button"));
+const MapMarker_1 = tslib_1.__importDefault(require("../icons/MapMarker"));
+const SoundDeactivated_1 = tslib_1.__importDefault(require("../icons/SoundDeactivated"));
+const Sound_1 = tslib_1.__importDefault(require("../icons/Sound"));
+const react_i18next_1 = require("react-i18next");
+const ExportHistoryButton_1 = tslib_1.__importDefault(require("../ExportHistoryButton/ExportHistoryButton"));
+const Setting_1 = tslib_1.__importDefault(require("../icons/Setting"));
+const ShareButton_1 = tslib_1.__importDefault(require("../ShareButton/ShareButton"));
+require("./Header.css");
+const Header = ({ className, memori, history, position, setShowPositionDrawer, setShowSettingsDrawer, speakerMuted, setSpeakerMuted, hasUserActivatedSpeak = false, showShare = true, showSettings = true, }) => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    return (react_1.default.createElement("div", { className: (0, classnames_1.default)('memori-header', className) },
+        memori.needsPosition && position && (react_1.default.createElement("div", { className: "memori-header--position" },
+            react_1.default.createElement("span", { className: "memori-header--position-placeName" }, position.placeName),
+            react_1.default.createElement(Button_1.default, { icon: react_1.default.createElement(MapMarker_1.default, null), shape: "circle", className: "memori-header--button", onClick: () => setShowPositionDrawer(true) }))),
+        react_1.default.createElement(Button_1.default, { primary: true, shape: "circle", className: "memori-header--button", icon: speakerMuted ? react_1.default.createElement(SoundDeactivated_1.default, null) : react_1.default.createElement(Sound_1.default, null), onClick: () => setSpeakerMuted(!speakerMuted), title: t('widget.sound') || 'Sound' }),
+        react_1.default.createElement(ExportHistoryButton_1.default, { history: history, memori: memori, className: "memori-header--button", disabled: !hasUserActivatedSpeak || history.length === 0 }),
+        showSettings && (react_1.default.createElement(Button_1.default, { primary: true, shape: "circle", className: "memori-header--button", icon: react_1.default.createElement(Setting_1.default, null), onClick: () => setShowSettingsDrawer(true), title: t('widget.settings') || 'Settings' })),
+        showShare && (react_1.default.createElement(ShareButton_1.default, { className: "memori-header--button", title: memori.name, showQrCode: true, align: "left" }))));
+};
+exports.default = Header;
+//# sourceMappingURL=Header.js.map