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

package/esm/components/ChatInputs/ChatInputs.stories.js

@@ -0,0 +1,86 @@
+import React from 'react';
+import ChatInputs from './ChatInputs';
+import { dialogState } from '../../mocks/data';
+const meta = {
+    title: 'Widget/Chat inputs (footer)',
+    component: ChatInputs,
+    argTypes: {
+        disabled: {
+            control: {
+                type: 'boolean',
+            },
+        },
+    },
+    parameters: {
+        controls: { expanded: true },
+    },
+};
+export default meta;
+const Template = args => {
+    const [userMessage, setUserMessage] = React.useState(args.userMessage);
+    return (React.createElement("div", { style: { paddingTop: '10rem' } },
+        React.createElement(ChatInputs, { ...args, userMessage: userMessage, onChangeUserMessage: setUserMessage })));
+};
+export const Default = Template.bind({});
+Default.args = {
+    userMessage: '',
+    dialogState,
+    sendMessage: (msg) => console.log(msg),
+    onTextareaBlur: () => { },
+    onTextareaFocus: () => { },
+    onTextareaPressEnter: () => { },
+    setAttachmentsMenuOpen: () => { },
+    setSendOnEnter: () => { },
+};
+export const WithValue = Template.bind({});
+WithValue.args = {
+    userMessage: 'Suspendisse sit amet volutpat velit.',
+    dialogState,
+    sendMessage: (msg) => console.log(msg),
+    onTextareaBlur: () => { },
+    onTextareaFocus: () => { },
+    onTextareaPressEnter: () => { },
+    setAttachmentsMenuOpen: () => { },
+    setSendOnEnter: () => { },
+};
+export const WithLongText = Template.bind({});
+WithLongText.args = {
+    userMessage: '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.',
+    dialogState,
+    sendMessage: (msg) => console.log(msg),
+    onTextareaBlur: () => { },
+    onTextareaFocus: () => { },
+    onTextareaPressEnter: () => { },
+    setAttachmentsMenuOpen: () => { },
+    setSendOnEnter: () => { },
+};
+export const Instruct = Template.bind({});
+Instruct.args = {
+    instruct: true,
+    userMessage: 'Suspendisse sit amet volutpat velit.',
+    dialogState: {
+        ...dialogState,
+        acceptsMedia: true,
+    },
+    sendMessage: (msg) => console.log(msg),
+    onTextareaBlur: () => { },
+    onTextareaFocus: () => { },
+    onTextareaPressEnter: () => { },
+    setAttachmentsMenuOpen: () => { },
+    setSendOnEnter: () => { },
+};
+export const Disabled = Template.bind({});
+Disabled.args = {
+    dialogState: {
+        ...dialogState,
+        state: 'X3',
+    },
+    userMessage: 'Suspendisse sit amet volutpat velit.',
+    sendMessage: (msg) => console.log(msg),
+    onTextareaBlur: () => { },
+    onTextareaFocus: () => { },
+    onTextareaPressEnter: () => { },
+    setAttachmentsMenuOpen: () => { },
+    setSendOnEnter: () => { },
+};
+//# sourceMappingURL=ChatInputs.stories.js.map

package/esm/components/ChatInputs/ChatInputs.stories.js.map

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

package/esm/components/ChatInputs/ChatInputs.test.d.ts

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

package/esm/components/ChatInputs/ChatInputs.test.js

@@ -0,0 +1,27 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import ChatInputs from './ChatInputs';
+import { dialogState } from '../../mocks/data';
+it('renders ChatInputs unchanged', () => {
+    const { container } = render(React.createElement(ChatInputs, { dialogState: dialogState, userMessage: "", onChangeUserMessage: jest.fn(), sendMessage: jest.fn(), onTextareaPressEnter: jest.fn(), onTextareaFocus: jest.fn(), onTextareaBlur: jest.fn(), setAttachmentsMenuOpen: jest.fn(), setSendOnEnter: jest.fn() }));
+    expect(container).toMatchSnapshot();
+});
+it('renders ChatInputs with user message unchanged', () => {
+    const { container } = render(React.createElement(ChatInputs, { userMessage: "Lorem ipsum", onChangeUserMessage: jest.fn(), dialogState: dialogState, sendMessage: jest.fn(), onTextareaPressEnter: jest.fn(), onTextareaFocus: jest.fn(), onTextareaBlur: jest.fn(), setAttachmentsMenuOpen: jest.fn(), setSendOnEnter: jest.fn() }));
+    expect(container).toMatchSnapshot();
+});
+it('renders ChatInputs on instruct unchanged', () => {
+    const { container } = render(React.createElement(ChatInputs, { userMessage: "Lorem ipsum", onChangeUserMessage: jest.fn(), dialogState: {
+            ...dialogState,
+            acceptsMedia: true,
+        }, sendMessage: jest.fn(), onTextareaPressEnter: jest.fn(), onTextareaFocus: jest.fn(), onTextareaBlur: jest.fn(), setAttachmentsMenuOpen: jest.fn(), setSendOnEnter: jest.fn(), instruct: true }));
+    expect(container).toMatchSnapshot();
+});
+it('renders ChatInputs disabled unchanged', () => {
+    const { container } = render(React.createElement(ChatInputs, { userMessage: "Lorem ipsum", onChangeUserMessage: jest.fn(), dialogState: {
+            ...dialogState,
+            state: 'X3',
+        }, sendMessage: jest.fn(), onTextareaPressEnter: jest.fn(), onTextareaFocus: jest.fn(), onTextareaBlur: jest.fn(), setAttachmentsMenuOpen: jest.fn(), setSendOnEnter: jest.fn() }));
+    expect(container).toMatchSnapshot();
+});
+//# sourceMappingURL=ChatInputs.test.js.map

package/esm/components/ChatInputs/ChatInputs.test.js.map

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

package/esm/components/ChatTextArea/ChatTextArea.css

@@ -0,0 +1,88 @@
+.memori-chat-textarea {
+    position: relative;
+    height: 40px;
+    box-sizing: border-box;
+    flex: 1 0 auto;
+    margin-right: 0.5rem;
+    margin-left: 0.5rem;
+}
+
+.memori-chat-textarea--inner {
+    position: absolute;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    display: flex;
+    overflow: hidden;
+    height: 1000px;
+    max-height: 40px;
+    box-sizing: border-box;
+    border: 1px solid lightgray;
+    border-radius: 10px;
+    background: #fff;
+    transition: max-height 0.2s ease-in-out;
+}
+
+.memori-chat-textarea--expanded .memori-chat-textarea--inner {
+    max-height: 200px;
+}
+
+.memori-chat-textarea--disabled .memori-chat-textarea--inner {
+    background: #e3e3e3;
+    opacity: 0.8;
+}
+
+textarea.memori-chat-textarea--input {
+    width: 100%;
+    height: 100%;
+    box-sizing: border-box;
+    padding: 6.5px 11px;
+    border: none;
+    background: #fff;
+    color: #000;
+    font-family: "Exo 2", sans-serif;
+    resize: none;
+}
+
+textarea.memori-chat-textarea--input:focus {
+    outline: none;
+}
+
+.memori-chat-textarea--disabled textarea.memori-chat-textarea--input {
+    cursor: not-allowed;
+}
+
+.memori-chat-textarea--expand {
+    flex-grow: 0;
+    margin: 0.25rem;
+}
+
+.memori-chat-textarea--expand-button {
+    padding: 0.25rem 0.5rem;
+    color: #000;
+    opacity: 0.6;
+    transition: all 0.2s ease-in-out;
+}
+
+.memori-chat-textarea--expand-button:hover,
+.memori-chat-textarea--expand-button:focus {
+    color: #000;
+    opacity: 1;
+}
+
+.memori-chat-textarea:not(.memori-chat-textarea--disabled) .memori-chat-textarea--inner:hover,
+.memori-chat-textarea:not(.memori-chat-textarea--disabled) .memori-chat-textarea--inner:focus,
+.memori-chat-textarea:not(.memori-chat-textarea--disabled) .memori-chat-textarea--inner:focus-within {
+    border-color: var(--memori-primary);
+    box-shadow: none;
+    outline: none;
+}
+
+.memori-chat-textarea:not(.memori-chat-textarea--disabled) .memori-chat-textarea--inner:focus .memori-chat-textarea--expand-button,
+.memori-chat-textarea:not(.memori-chat-textarea--disabled) .memori-chat-textarea--inner:focus-within .memori-chat-textarea--expand-button {
+    opacity: 1;
+}
+
+.memori-chat-textarea:not(.memori-chat-textarea--disabled) .memori-chat-textarea-inner:focus-within {
+    box-shadow: 0 0.2rem 0.33rem #b5b6c4;
+}

package/esm/components/ChatTextArea/ChatTextArea.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import './ChatTextArea.css';
+export interface Props {
+    disabled?: boolean;
+    value: string;
+    onChange: (value: string) => void;
+    onPressEnter?: (e: React.KeyboardEvent<HTMLTextAreaElement>) => void;
+    onFocus?: (e: React.FocusEvent) => void;
+    onBlur?: (e: React.FocusEvent) => void;
+}
+declare const ChatTextArea: React.FC<Props>;
+export default ChatTextArea;

package/esm/components/ChatTextArea/ChatTextArea.js

@@ -0,0 +1,25 @@
+import React, { useState } from 'react';
+import cx from 'classnames';
+import './ChatTextArea.css';
+import Button from '../ui/Button';
+import Expand from '../icons/Expand';
+import FullscreenExit from '../icons/FullscreenExit';
+const ChatTextArea = ({ disabled = false, value, onChange, onPressEnter, onFocus, onBlur, }) => {
+    const [expanded, setExpanded] = useState(false);
+    return (React.createElement("div", { "data-testid": "chat-textarea", className: cx('memori-chat-textarea', {
+            'memori-chat-textarea--expanded': expanded,
+            'memori-chat-textarea--disabled': disabled,
+        }) },
+        React.createElement("div", { className: "memori-chat-textarea--inner" },
+            React.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.createElement("div", { className: "memori-chat-textarea--expand" },
+                React.createElement(Button, { className: cx('memori-chat-textarea--expand-button'), onClick: () => setExpanded(!expanded), padded: false, ghost: true, icon: expanded ? React.createElement(FullscreenExit, null) : React.createElement(Expand, null) })))));
+};
+export default ChatTextArea;
+//# sourceMappingURL=ChatTextArea.js.map

package/esm/components/ChatTextArea/ChatTextArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatTextArea.js","sourceRoot":"","sources":["../../../src/components/ChatTextArea/ChatTextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,oBAAoB,CAAC;AAC5B,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,cAAc,MAAM,yBAAyB,CAAC;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,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhD,OAAO,CACL,4CACc,eAAe,EAC3B,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE;YACpC,gCAAgC,EAAE,QAAQ;YAC1C,gCAAgC,EAAE,QAAQ;SAC3C,CAAC;QAEF,6BAAK,SAAS,EAAC,6BAA6B;YAC1C,kCACE,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,6BAAK,SAAS,EAAC,8BAA8B;gBAC3C,oBAAC,MAAM,IACL,SAAS,EAAE,EAAE,CAAC,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,oBAAC,cAAc,OAAG,CAAC,CAAC,CAAC,oBAAC,MAAM,OAAG,GAChD,CACE,CACF,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/esm/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/esm/components/ChatTextArea/ChatTextArea.stories.js

@@ -0,0 +1,38 @@
+import React from 'react';
+import ChatTextArea from './ChatTextArea';
+const meta = {
+    title: 'Widget/Chat textarea',
+    component: ChatTextArea,
+    argTypes: {
+        disabled: {
+            control: {
+                type: 'boolean',
+            },
+        },
+    },
+    parameters: {
+        controls: { expanded: true },
+    },
+};
+export default meta;
+const Template = args => {
+    const [userMessage, setUserMessage] = React.useState(args.value);
+    return (React.createElement("div", { style: { paddingTop: '10rem' } },
+        React.createElement(ChatTextArea, { ...args, value: userMessage, onChange: setUserMessage })));
+};
+export const Default = Template.bind({});
+Default.args = {
+    value: '',
+    onChange: () => { },
+};
+export const WithValue = Template.bind({});
+WithValue.args = {
+    value: 'Suspendisse sit amet volutpat velit.',
+    onChange: () => { },
+};
+export const WithLongText = Template.bind({});
+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/esm/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,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,YAAuB,MAAM,gBAAgB,CAAC;AAErD,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,YAAY;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,eAAe,IAAI,CAAC;AAEpB,MAAM,QAAQ,GAAiB,IAAI,CAAC,EAAE;IACpC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAEjE,OAAO,CACL,6BAAK,KAAK,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE;QACjC,oBAAC,YAAY,OAAK,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,GAAI,CACpE,CACP,CAAC;AACJ,CAAC,CAAC;AAIF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,OAAO,CAAC,IAAI,GAAG;IACb,KAAK,EAAE,EAAE;IACT,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,SAAS,CAAC,IAAI,GAAG;IACf,KAAK,EAAE,sCAAsC;IAC7C,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC9C,YAAY,CAAC,IAAI,GAAG;IAClB,KAAK,EACH,qaAAqa;IACva,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;CACnB,CAAC"}

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

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

package/esm/components/ChatTextArea/ChatTextArea.test.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import { render, fireEvent, screen } from '@testing-library/react';
+import ChatTextArea from './ChatTextArea';
+it('renders ChatTextArea unchanged', () => {
+    const { container } = render(React.createElement(ChatTextArea, { value: "", onChange: jest.fn() }));
+    expect(container).toMatchSnapshot();
+});
+it('renders ChatTextArea with value unchanged', () => {
+    const { container } = render(React.createElement(ChatTextArea, { 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 } = render(React.createElement(ChatTextArea, { 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', () => {
+    render(React.createElement(ChatTextArea, { 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() }));
+    fireEvent.click(screen.getByRole('button'));
+    expect(screen.getByTestId('chat-textarea').classList).toContain('memori-chat-textarea--expanded');
+});
+//# sourceMappingURL=ChatTextArea.test.js.map

package/esm/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,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAE1C,EAAE,CAAC,gCAAgC,EAAE,GAAG,EAAE;IACxC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAC,YAAY,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,MAAM,CAC1B,oBAAC,YAAY,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,MAAM,CAC1B,oBAAC,YAAY,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,MAAM,CACJ,oBAAC,YAAY,IACX,KAAK,EAAC,qaAAqa,EAC3a,QAAQ,EAAE,IAAI,CAAC,EAAE,EAAE,GACnB,CACH,CAAC;IAEF,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC;IAE5C,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC,SAAS,CAAC,CAAC,SAAS,CAC7D,gCAAgC,CACjC,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/esm/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/esm/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/esm/components/CustomGLBModelViewer/ModelViewer.js

@@ -0,0 +1,18 @@
+import React, { useEffect } from 'react';
+import './ModelViewer.css';
+const ModelViewer = ({ src, poster, alt = '' }) => {
+    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.createElement("div", { className: "model-viewer" },
+        React.createElement("model-viewer", { src: src, "ios-src": "", poster: poster, alt: alt, "shadow-intensity": "1", "disable-zoom": true, "camera-controls": true, autoplay: true })));
+};
+export default ModelViewer;
+//# sourceMappingURL=ModelViewer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModelViewer.js","sourceRoot":"","sources":["../../../src/components/CustomGLBModelViewer/ModelViewer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,mBAAmB,CAAC;AAQ3B,MAAM,WAAW,GAAG,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,GAAG,EAAE,EAAS,EAAE,EAAE;IACvD,SAAS,CAAC,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,6BAAK,SAAS,EAAC,cAAc;QAE3B,sCACE,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,eAAe,WAAW,CAAC"}

package/esm/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/esm/components/CustomGLBModelViewer/ModelViewer.stories.js

@@ -0,0 +1,41 @@
+import React from 'react';
+import ModelViewer from './ModelViewer';
+const meta = {
+    title: 'Custom GLB Avatar',
+    component: ModelViewer,
+    argTypes: {
+        src: {
+            control: {
+                type: 'text',
+            },
+        },
+        poster: {
+            control: {
+                type: 'text',
+            },
+        },
+        alt: {
+            control: {
+                type: 'text',
+            },
+        },
+    },
+    parameters: {
+        controls: { expanded: true },
+    },
+};
+export default meta;
+const Template = args => {
+    const [hydrated, setHydrated] = React.useState(false);
+    React.useEffect(() => {
+        setHydrated(true);
+    }, []);
+    return hydrated ? (React.createElement(ModelViewer, { ...args, src: args.src + `#${new Date(Date.now()).toISOString()}`, key: Date.now() })) : (React.createElement(React.Fragment, null));
+};
+export const Default = Template.bind({});
+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/esm/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,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,WAAsB,MAAM,eAAe,CAAC;AAEnD,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,WAAW;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,eAAe,IAAI,CAAC;AAEpB,MAAM,QAAQ,GAAiB,IAAI,CAAC,EAAE;IACpC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,WAAW,CAAC,IAAI,CAAC,CAAC;IACpB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,oBAAC,WAAW,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,yCAAK,CACN,CAAC;AACJ,CAAC,CAAC;AAIF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,OAAO,CAAC,IAAI,GAAG;IACb,GAAG,EAAE,EAAE;IACP,GAAG,EACD,8FAA8F;IAChG,MAAM,EACJ,gFAAgF;CACnF,CAAC"}

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

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

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import ModelViewer from './ModelViewer';
+it('renders ModelViewer unchanged', () => {
+    const { container } = render(React.createElement(ModelViewer, { 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/esm/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,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,WAAW,MAAM,eAAe,CAAC;AAExC,EAAE,CAAC,+BAA+B,EAAE,GAAG,EAAE;IACvC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,oBAAC,WAAW,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/esm/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/esm/components/ErrorBoundary/ErrorBoundary.js

@@ -0,0 +1,33 @@
+import React from 'react';
+import { Component } from 'react';
+import Button from '../ui/Button';
+import { withTranslation } from 'react-i18next';
+class ErrorBoundary extends 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.createElement("div", { style: {
+                    background: 'rgba(255, 255, 255, 0.4)',
+                    color: '#000',
+                    padding: '2rem',
+                    borderRadius: '10px',
+                } },
+                React.createElement("h2", null, this.props.t('error.generic')),
+                React.createElement(Button, { primary: true, onClick: () => this.setState({ hasError: false }) }, this.props.t('error.tryAgain') || 'Try again')));
+        }
+        return this.props.children;
+    }
+}
+export default withTranslation(['common'])(ErrorBoundary);
+//# sourceMappingURL=ErrorBoundary.js.map

package/esm/components/ErrorBoundary/ErrorBoundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../../../src/components/ErrorBoundary/ErrorBoundary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAwB,MAAM,OAAO,CAAC;AACxD,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,eAAe,EAAmB,MAAM,eAAe,CAAC;AAWjE,MAAM,aAAc,SAAQ,SAAuB;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,6BACE,KAAK,EAAE;oBACL,UAAU,EAAE,0BAA0B;oBACtC,KAAK,EAAE,MAAM;oBACb,OAAO,EAAE,MAAM;oBACf,YAAY,EAAE,MAAM;iBACrB;gBAED,gCAAK,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,eAAe,CAAC,CAAM;gBACxC,oBAAC,MAAM,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,eAAe,eAAe,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC"}

package/esm/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/esm/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/esm/components/ExportHistoryButton/ExportHistoryButton.js

@@ -0,0 +1,42 @@
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import { Popover } from '@headlessui/react';
+import Button from '../ui/Button';
+import MessageIcon from '../icons/Message';
+import cx from 'classnames';
+import './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 } = 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.createElement(Popover, { title: t('write_and_speak.exportChatHistoryMessage'), className: cx('memori-export-history-button', className, {
+            'memori-export-history-button--align-left': align === 'left',
+        }) }, ({ close }) => (React.createElement(React.Fragment, null,
+        React.createElement(Popover.Button, { disabled: disabled, className: cx('memori-button', 'memori-button--circle', 'memori-button--icon-only', buttonClassName, {
+                'memori-button--disabled': disabled,
+                'memori-button--primary': !disabled,
+            }) },
+            React.createElement("div", { className: "memori-button--icon" }, icon || React.createElement(MessageIcon, null))),
+        React.createElement(Popover.Panel, { className: "memori-export-history-button--panel" },
+            React.createElement("p", null, t('write_and_speak.exportChatHistory')),
+            React.createElement(Button, { primary: true, onClick: () => downloadFile(text, filename ||
+                    `${memori.name.replace(/\W+/g, '-')}-export-chat.txt`) }, t('yes') || 'Yes'),
+            React.createElement(Button, { onClick: () => close() }, t('no') || 'No'))))));
+};
+export default ExportHistoryButton;
+//# sourceMappingURL=ExportHistoryButton.js.map

package/esm/components/ExportHistoryButton/ExportHistoryButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExportHistoryButton.js","sourceRoot":"","sources":["../../../src/components/ExportHistoryButton/ExportHistoryButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,WAAW,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,2BAA2B,CAAC;AAanC,MAAM,YAAY,GAAG,CAAC,IAAY,EAAE,QAAQ,GAAG,iBAAiB,EAAE,EAAE;IAClE,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,CAAC;IACtD,MAAM,GAAG,GAAG,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;IACtC,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC5C,OAAO,CAAC,YAAY,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAClC,OAAO,CAAC,YAAY,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;IAC3C,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;IAE/B,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IACnC,OAAO,CAAC,KAAK,EAAE,CAAC;IAChB,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;AACrC,CAAC,CAAC;AAEF,MAAM,mBAAmB,GAAG,CAAC,EAC3B,OAAO,EACP,MAAM,EACN,SAAS,EACT,eAAe,EACf,IAAI,EACJ,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,OAAO,EACf,QAAQ,GACF,EAAE,EAAE;IACV,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAE/B,MAAM,IAAI,GAAG,GAAG,CAAC,CACf,0CAA0C,CAC3C,IAAI,IAAI,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE;QACjC,SAAS,EAAE,OAAO;QAClB,SAAS,EAAE,OAAO;KACnB,CAAC,CAAC,MAAM,CAAC,IAAI,IAAI,EAAE,CAAC,MAAM,CAAC,MAAM,CAChC,OAAO;SACJ,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI,EAAE,CAAC;SAC1D,IAAI,CAAC,IAAI,CAAC,CACd,CAAC;IAEF,OAAO,CACL,oBAAC,OAAO,IACN,KAAK,EAAE,CAAC,CAAC,0CAA0C,CAAC,EACpD,SAAS,EAAE,EAAE,CAAC,8BAA8B,EAAE,SAAS,EAAE;YACvD,0CAA0C,EAAE,KAAK,KAAK,MAAM;SAC7D,CAAC,IAED,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACd;QACE,oBAAC,OAAO,CAAC,MAAM,IACb,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,EAAE,CACX,eAAe,EACf,uBAAuB,EACvB,0BAA0B,EAC1B,eAAe,EACf;gBACE,yBAAyB,EAAE,QAAQ;gBACnC,wBAAwB,EAAE,CAAC,QAAQ;aACpC,CACF;YAED,6BAAK,SAAS,EAAC,qBAAqB,IAAE,IAAI,IAAI,oBAAC,WAAW,OAAG,CAAO,CACrD;QAEjB,oBAAC,OAAO,CAAC,KAAK,IAAC,SAAS,EAAC,qCAAqC;YAC5D,+BAAI,CAAC,CAAC,mCAAmC,CAAC,CAAK;YAC/C,oBAAC,MAAM,IACL,OAAO,QACP,OAAO,EAAE,GAAG,EAAE,CACZ,YAAY,CACV,IAAI,EACJ,QAAQ;oBACN,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,kBAAkB,CACxD,IAGF,CAAC,CAAC,KAAK,CAAC,IAAI,KAAK,CACX;YACT,oBAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,EAAE,IAAG,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,CAAU,CAC5C,CACf,CACJ,CACO,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/esm/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>;