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

package/esm/components/Chat/Chat.stories.js

@@ -0,0 +1,158 @@
+import React, { useState } from 'react';
+import { memori, tenant, history, historyWithMedia, sessionID, dialogState as dialogStateWithHints, } from '../../mocks/data';
+import Chat from './Chat';
+const meta = {
+    title: 'Widget/Chat',
+    component: Chat,
+    argTypes: {},
+    parameters: {
+        controls: { expanded: true },
+    },
+};
+export default meta;
+const dialogState = {
+    ...dialogStateWithHints,
+    hints: [],
+};
+const Template = args => {
+    const [userMessage, setUserMessage] = useState(args.userMessage);
+    return (React.createElement(Chat, { ...args, userMessage: userMessage, onChangeUserMessage: setUserMessage }));
+};
+export const Default = Template.bind({});
+Default.args = {
+    memori,
+    tenant,
+    sessionID,
+    history,
+    dialogState,
+    simulateUserPrompt: () => { },
+    sendMessage: (msg) => console.log(msg),
+    stopListening: () => { },
+    resetTranscript: () => { },
+    setAttachmentsMenuOpen: () => { },
+    setSendOnEnter: () => { },
+};
+export const MemoriTyping = Template.bind({});
+MemoriTyping.args = {
+    memori,
+    tenant,
+    sessionID,
+    history,
+    dialogState,
+    simulateUserPrompt: () => { },
+    memoriTyping: true,
+    sendMessage: (msg) => console.log(msg),
+    stopListening: () => { },
+    resetTranscript: () => { },
+    setAttachmentsMenuOpen: () => { },
+    setSendOnEnter: () => { },
+};
+export const WithHints = Template.bind({});
+WithHints.args = {
+    memori,
+    tenant,
+    sessionID,
+    history,
+    dialogState: dialogStateWithHints,
+    simulateUserPrompt: () => { },
+    sendMessage: (msg) => console.log(msg),
+    stopListening: () => { },
+    resetTranscript: () => { },
+    setAttachmentsMenuOpen: () => { },
+    setSendOnEnter: () => { },
+};
+export const WithMedia = Template.bind({});
+WithMedia.args = {
+    memori,
+    tenant,
+    sessionID,
+    history: historyWithMedia,
+    dialogState,
+    simulateUserPrompt: () => { },
+    sendMessage: (msg) => console.log(msg),
+    stopListening: () => { },
+    resetTranscript: () => { },
+    setAttachmentsMenuOpen: () => { },
+    setSendOnEnter: () => { },
+};
+export const WithDates = Template.bind({});
+WithDates.args = {
+    memori,
+    tenant,
+    sessionID,
+    history,
+    dialogState,
+    simulateUserPrompt: () => { },
+    sendMessage: (msg) => console.log(msg),
+    stopListening: () => { },
+    resetTranscript: () => { },
+    setAttachmentsMenuOpen: () => { },
+    setSendOnEnter: () => { },
+    showDates: true,
+};
+export const WithContext = Template.bind({});
+WithContext.args = {
+    memori,
+    tenant,
+    sessionID,
+    history,
+    dialogState,
+    simulateUserPrompt: () => { },
+    sendMessage: (msg) => console.log(msg),
+    stopListening: () => { },
+    resetTranscript: () => { },
+    setAttachmentsMenuOpen: () => { },
+    setSendOnEnter: () => { },
+    showContextPerLine: true,
+};
+export const WithDatesAndContext = Template.bind({});
+WithDatesAndContext.args = {
+    memori,
+    tenant,
+    sessionID,
+    history,
+    dialogState,
+    simulateUserPrompt: () => { },
+    sendMessage: (msg) => console.log(msg),
+    stopListening: () => { },
+    resetTranscript: () => { },
+    setAttachmentsMenuOpen: () => { },
+    setSendOnEnter: () => { },
+    showDates: true,
+    showContextPerLine: true,
+};
+export const OnX3State = Template.bind({});
+OnX3State.args = {
+    memori,
+    tenant,
+    sessionID,
+    history,
+    dialogState: {
+        ...dialogState,
+        state: 'X3',
+    },
+    simulateUserPrompt: () => { },
+    sendMessage: (msg) => console.log(msg),
+    stopListening: () => { },
+    resetTranscript: () => { },
+    setAttachmentsMenuOpen: () => { },
+    setSendOnEnter: () => { },
+};
+export const OnX2aState = Template.bind({});
+OnX2aState.args = {
+    memori,
+    tenant,
+    sessionID,
+    history,
+    dialogState: {
+        ...dialogState,
+        state: 'X2a',
+    },
+    simulateUserPrompt: () => { },
+    sendMessage: (msg) => console.log(msg),
+    stopListening: () => { },
+    resetTranscript: () => { },
+    setAttachmentsMenuOpen: () => { },
+    setSendOnEnter: () => { },
+};
+//# sourceMappingURL=Chat.stories.js.map

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

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

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

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

package/esm/components/Chat/Chat.test.js

@@ -0,0 +1,49 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import Chat from './Chat';
+import { memori, tenant, history, historyWithMedia, sessionID, dialogState as dialogStateWithHints, } from '../../mocks/data';
+import memoriApiClient from '@memori.ai/memori-api-client';
+const client = memoriApiClient();
+const dialogState = {
+    ...dialogStateWithHints,
+    hints: [],
+};
+it('renders Chat unchanged', () => {
+    const { container } = render(React.createElement(Chat, { memori: memori, tenant: tenant, dialogState: dialogState, setDialogState: jest.fn(), client: client, history: history, pushMessage: jest.fn(), sessionID: sessionID, simulateUserPrompt: jest.fn(), selectReceiverTag: jest.fn(), setAttachmentsMenuOpen: jest.fn(), setSendOnEnter: jest.fn(), userMessage: "", onChangeUserMessage: jest.fn(), sendMessage: jest.fn(), stopListening: jest.fn(), resetTranscript: jest.fn() }));
+    expect(container).toMatchSnapshot();
+});
+it('renders Chat with memori typing unchanged', () => {
+    const { container } = render(React.createElement(Chat, { memori: memori, tenant: tenant, dialogState: dialogState, setDialogState: jest.fn(), client: client, history: history, pushMessage: jest.fn(), sessionID: sessionID, simulateUserPrompt: jest.fn(), selectReceiverTag: jest.fn(), setAttachmentsMenuOpen: jest.fn(), setSendOnEnter: jest.fn(), userMessage: "", onChangeUserMessage: jest.fn(), sendMessage: jest.fn(), stopListening: jest.fn(), resetTranscript: jest.fn(), memoriTyping: true }));
+    expect(container).toMatchSnapshot();
+});
+it('renders Chat with hints unchanged', () => {
+    const { container } = render(React.createElement(Chat, { memori: memori, tenant: tenant, dialogState: dialogStateWithHints, setDialogState: jest.fn(), client: client, history: history, pushMessage: jest.fn(), sessionID: sessionID, simulateUserPrompt: jest.fn(), selectReceiverTag: jest.fn(), setAttachmentsMenuOpen: jest.fn(), setSendOnEnter: jest.fn(), userMessage: "", onChangeUserMessage: jest.fn(), sendMessage: jest.fn(), stopListening: jest.fn(), resetTranscript: jest.fn() }));
+    expect(container).toMatchSnapshot();
+});
+it('renders Chat with media unchanged', () => {
+    const { container } = render(React.createElement(Chat, { memori: memori, tenant: tenant, dialogState: dialogState, setDialogState: jest.fn(), client: client, history: historyWithMedia, pushMessage: jest.fn(), sessionID: sessionID, simulateUserPrompt: jest.fn(), selectReceiverTag: jest.fn(), setAttachmentsMenuOpen: jest.fn(), setSendOnEnter: jest.fn(), userMessage: "", onChangeUserMessage: jest.fn(), sendMessage: jest.fn(), stopListening: jest.fn(), resetTranscript: jest.fn() }));
+    expect(container).toMatchSnapshot();
+});
+it('renders Chat with dates unchanged', () => {
+    const { container } = render(React.createElement(Chat, { memori: memori, tenant: tenant, dialogState: dialogState, setDialogState: jest.fn(), client: client, history: history, pushMessage: jest.fn(), sessionID: sessionID, simulateUserPrompt: jest.fn(), selectReceiverTag: jest.fn(), setAttachmentsMenuOpen: jest.fn(), setSendOnEnter: jest.fn(), userMessage: "", onChangeUserMessage: jest.fn(), sendMessage: jest.fn(), stopListening: jest.fn(), resetTranscript: jest.fn(), showDates: true }));
+    expect(container).toMatchSnapshot();
+});
+it('renders Chat with context vars unchanged', () => {
+    const { container } = render(React.createElement(Chat, { memori: memori, tenant: tenant, dialogState: dialogState, setDialogState: jest.fn(), client: client, history: history, pushMessage: jest.fn(), sessionID: sessionID, simulateUserPrompt: jest.fn(), selectReceiverTag: jest.fn(), setAttachmentsMenuOpen: jest.fn(), setSendOnEnter: jest.fn(), userMessage: "", onChangeUserMessage: jest.fn(), sendMessage: jest.fn(), stopListening: jest.fn(), resetTranscript: jest.fn(), showContextPerLine: true }));
+    expect(container).toMatchSnapshot();
+});
+it('renders Chat on X3 state unchanged', () => {
+    const { container } = render(React.createElement(Chat, { memori: memori, tenant: tenant, dialogState: {
+            ...dialogState,
+            state: 'X3',
+        }, setDialogState: jest.fn(), client: client, history: history, pushMessage: jest.fn(), sessionID: sessionID, simulateUserPrompt: jest.fn(), selectReceiverTag: jest.fn(), setAttachmentsMenuOpen: jest.fn(), setSendOnEnter: jest.fn(), userMessage: "", onChangeUserMessage: jest.fn(), sendMessage: jest.fn(), stopListening: jest.fn(), resetTranscript: jest.fn(), showContextPerLine: true }));
+    expect(container).toMatchSnapshot();
+});
+it('renders Chat on X2a state unchanged', () => {
+    const { container } = render(React.createElement(Chat, { memori: memori, tenant: tenant, dialogState: {
+            ...dialogState,
+            state: 'X2a',
+        }, setDialogState: jest.fn(), client: client, history: history, pushMessage: jest.fn(), sessionID: sessionID, simulateUserPrompt: jest.fn(), selectReceiverTag: jest.fn(), setAttachmentsMenuOpen: jest.fn(), setSendOnEnter: jest.fn(), userMessage: "", onChangeUserMessage: jest.fn(), sendMessage: jest.fn(), stopListening: jest.fn(), resetTranscript: jest.fn(), showContextPerLine: true }));
+    expect(container).toMatchSnapshot();
+});
+//# sourceMappingURL=Chat.test.js.map

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

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

package/esm/components/ChatBubble/ChatBubble.css

@@ -0,0 +1,159 @@
+.memori-chat--bubble-container {
+    display: flex;
+    align-items: flex-end;
+    padding-right: 10px;
+    padding-left: 10px;
+    margin-bottom: 5px;
+}
+
+.memori-chat--bubble-initial {
+    width: 80%;
+    height: 1px;
+    flex-shrink: 0;
+    margin: 1rem auto;
+    background: #c5c6d1;
+}
+
+.memori-chat--bubble {
+    display: inline-flex;
+    max-width: 90%;
+    flex-direction: column;
+    align-items: flex-start;
+    padding: 10px 16px;
+    border-radius: 16px 16px 16px 0;
+    margin: 10px auto 5px 10px;
+    margin-bottom: 5px;
+    background: var(--memori-chat-bubble-bg, #ffffff60);
+    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.08);
+    color: #141515;
+    line-height: 1.4em;
+}
+
+.memori-chat--bubble #wave {
+    position: relative;
+    width: 100px;
+    margin-right: auto;
+    margin-left: auto;
+    text-align: center;
+}
+
+.memori-chat--bubble #wave .dot {
+    display: inline-block;
+    width: 8px;
+    height: 8px;
+    border-radius: 50%;
+    margin-right: 3px;
+    animation: 'wave' 1.5s linear infinite;
+    background: var(--memori-primary);
+}
+
+.memori-chat--bubble #wave .dot:nth-child(2) {
+    animation-delay: -1.3s;
+}
+
+.memori-chat--bubble #wave .dot:nth-child(3) {
+    animation-delay: -1.1s;
+}
+
+.memori-chat--bubble p {
+    margin-top: 0;
+    margin-bottom: 0;
+}
+
+.memori-chat--bubble p+p {
+    margin-top: 0.5em;
+}
+
+.memori-chat--bubble.memori-chat--user-bubble {
+    border-radius: 16px 16px 0 16px;
+    margin: 10px 10px 5px auto;
+    background: var(--memori-primary);
+    box-shadow: 0 1px 6px 0 #d1d3de, 0 1px 3px 0 #c5c6d1;
+    color: var(--memori-primary-text);
+}
+
+.memori-chat--bubble-avatar {
+    display: flex;
+    overflow: hidden;
+    width: 40px;
+    height: 40px;
+    flex-shrink: 0;
+    align-items: center;
+    justify-content: center;
+    border-radius: 50%;
+    background-color: #fff;
+    box-shadow: inset 0 0 0.25rem rgba(100, 100, 100, 0.2);
+}
+
+.memori-chat--bubble-avatar-img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+}
+
+.memori-chat--bubble-avatar svg {
+    padding: 0.33rem;
+    fill: #666;
+    font-size: 1.5rem;
+}
+
+.transition {
+    transition-property: all;
+}
+
+.ease-in-out {
+    transition-timing-function: ease-in-out;
+}
+
+.duration-300 {
+    transition-duration: 300ms;
+}
+
+.scale-075 {
+    transform: scale(0.75);
+}
+
+.scale-1 {
+    transform: scale(1);
+}
+
+.opacity-0 {
+    opacity: 0;
+}
+
+.opacity-1 {
+    opacity: 1;
+}
+
+.translate-x-15 {
+    transform: translateX(15px);
+}
+
+.translate-x--15 {
+    transform: translateX(-15px);
+}
+
+.translate-x-30 {
+    transform: translateX(30px);
+}
+
+.translate-x--30 {
+    transform: translateX(-30px);
+}
+
+.translate-x-0 {
+    transform: translateX(0);
+}
+
+@keyframes wave {
+
+    0%,
+    60%,
+    100% {
+        transform: initial;
+    }
+
+    30% {
+        transform: translateY(-10px);
+    }
+}

package/esm/components/ChatBubble/ChatBubble.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Memori, Message, Tenant } from '@memori.ai/memori-api-client/dist/types';
+import './ChatBubble.css';
+export interface Props {
+    message: Message;
+    memori: Memori;
+    tenant?: Tenant;
+    baseUrl?: string;
+}
+declare const ChatBubble: React.FC<Props>;
+export default ChatBubble;

package/esm/components/ChatBubble/ChatBubble.js

@@ -0,0 +1,38 @@
+import React from 'react';
+import cx from 'classnames';
+import { Transition } from '@headlessui/react';
+import { getResourceUrl } from '../../helpers/media';
+import User from '../icons/User';
+import './ChatBubble.css';
+const ChatBubble = ({ message, memori, tenant, baseUrl }) => (React.createElement(Transition, { show: true, appear: true, as: "div", className: cx('memori-chat--bubble-container', {
+        'memori-chat--bubble-from-user': !!message.fromUser,
+    }) },
+    message.initial && React.createElement("div", { className: "memori-chat--bubble-initial" }),
+    !message.fromUser && (React.createElement(Transition.Child, { as: "picture", className: "memori-chat--bubble-avatar", enter: "transition ease-in-out duration-300", enterFrom: `opacity-0 scale-075 ${message.fromUser ? 'translate-x-15' : 'translate-x--15'}`, enterTo: "opacity-1 scale-1 translate-x-0", leave: "transition ease-in-out duration-300", leaveFrom: "opacity-1 scale-1 translate-x-0", leaveTo: `opacity-0 scale-075 ${message.fromUser ? 'translate-x-15' : 'translate-x--15'}` },
+        React.createElement("source", { src: getResourceUrl({
+                type: 'avatar',
+                tenantID: tenant === null || tenant === void 0 ? void 0 : tenant.id,
+                resourceURI: memori.avatarURL,
+                baseURL: baseUrl,
+            }) }),
+        React.createElement("img", { className: "memori-chat--bubble-avatar-img", alt: memori.name, src: memori.avatarURL && memori.avatarURL.length > 0
+                ? getResourceUrl({
+                    type: 'avatar',
+                    tenantID: tenant === null || tenant === void 0 ? void 0 : tenant.id,
+                    resourceURI: memori.avatarURL,
+                    baseURL: baseUrl,
+                })
+                : getResourceUrl({
+                    tenantID: tenant === null || tenant === void 0 ? void 0 : tenant.id,
+                    type: 'avatar',
+                    baseURL: baseUrl || 'https://app.twincreator.com',
+                }) }))),
+    React.createElement(Transition.Child, { as: "div", className: cx('memori-chat--bubble', {
+            'memori-chat--user-bubble': !!message.fromUser,
+        }), enter: "transition ease-in-out duration-300", enterFrom: `opacity-0 scale-09 translate-x-${message.fromUser ? '30' : '-30'}`, enterTo: "opacity-1 scale-1 translate-x-0", leave: "transition ease-in-out duration-300", leaveFrom: "opacity-1 scale-1 translate-x-0", leaveTo: `opacity-0 scale-09  translate-x-${message.fromUser ? '30' : '-30'}` }, (message.translatedText || message.text)
+        .split(/\r\n|\r|\n/)
+        .map((row, index) => (React.createElement("p", { key: index }, row)))),
+    message.fromUser && (React.createElement(Transition.Child, { as: "div", className: "memori-chat--bubble-avatar", enter: "transition ease-in-out duration-300", enterFrom: `opacity-0 scale-075 ${message.fromUser ? 'translate-x-15' : 'translate-x--15'}`, enterTo: "opacity-1 scale-1 translate-x-0", leave: "transition ease-in-out duration-300", leaveFrom: "opacity-1 scale-1 translate-x-0", leaveTo: `opacity-0 scale-075 ${message.fromUser ? 'translate-x-15' : 'translate-x--15'}` },
+        React.createElement(User, null)))));
+export default ChatBubble;
+//# sourceMappingURL=ChatBubble.js.map

package/esm/components/ChatBubble/ChatBubble.js.map

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

package/esm/components/ChatBubble/ChatBubble.stories.d.ts

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

package/esm/components/ChatBubble/ChatBubble.stories.js

@@ -0,0 +1,52 @@
+import React from 'react';
+import { memori, tenant } from '../../mocks/data';
+import ChatBubble from './ChatBubble';
+const meta = {
+    title: 'Widget/Chat bubble',
+    component: ChatBubble,
+    argTypes: {
+        fromUser: {
+            control: {
+                type: 'boolean',
+            },
+        },
+        text: {
+            control: {
+                type: 'text',
+            },
+        },
+        initial: {
+            control: {
+                type: 'boolean',
+            },
+        },
+    },
+    parameters: {
+        controls: { expanded: true },
+    },
+};
+export default meta;
+const Template = args => React.createElement(ChatBubble, { ...args });
+export const Default = Template.bind({});
+Default.args = {
+    memori,
+    tenant,
+    message: {
+        fromUser: false,
+        text: 'Proin libero ante, dignissim sit amet turpis a, pretium condimentum dolor.',
+        initial: false,
+        translatedText: 'Proin libero ante, dignissim sit amet turpis a, pretium condimentum dolor.',
+    },
+};
+export const FromUser = Template.bind({});
+FromUser.args = {
+    memori,
+    tenant,
+    message: {
+        fromUser: true,
+        text: 'Proin libero ante, dignissim sit amet turpis a, pretium condimentum dolor.',
+        initial: false,
+        translatedText: 'Proin libero ante, dignissim sit amet turpis a, pretium condimentum dolor.',
+    },
+};
+//# sourceMappingURL=ChatBubble.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChatBubble.stories.js","sourceRoot":"","sources":["../../../src/components/ChatBubble/ChatBubble.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,UAAqB,MAAM,cAAc,CAAC;AAEjD,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,UAAU;IACrB,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,OAAO,EAAE;gBACP,IAAI,EAAE,SAAS;aAChB;SACF;QACD,IAAI,EAAE;YACJ,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM;aACb;SACF;QACD,OAAO,EAAE;YACP,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,CAAC,oBAAC,UAAU,OAAK,IAAI,GAAI,CAAC;AAIhE,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,OAAO,CAAC,IAAI,GAAG;IACb,MAAM;IACN,MAAM;IACN,OAAO,EAAE;QACP,QAAQ,EAAE,KAAK;QACf,IAAI,EACF,4EAA4E;QAC9E,OAAO,EAAE,KAAK;QACd,cAAc,EACZ,4EAA4E;KAC/E;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,GAAG;IACd,MAAM;IACN,MAAM;IACN,OAAO,EAAE;QACP,QAAQ,EAAE,IAAI;QACd,IAAI,EACF,4EAA4E;QAC9E,OAAO,EAAE,KAAK;QACd,cAAc,EACZ,4EAA4E;KAC/E;CACF,CAAC"}

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

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

package/esm/components/ChatBubble/ChatBubble.test.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import ChatBubble from './ChatBubble';
+import { memori, tenant } from '../../mocks/data';
+it('renders ChatBubble unchanged', () => {
+    const { container } = render(React.createElement(ChatBubble, { memori: memori, tenant: tenant, message: {
+            fromUser: false,
+            text: 'Proin libero ante, dignissim sit amet turpis a, pretium condimentum dolor.',
+            initial: false,
+            translatedText: 'Proin libero ante, dignissim sit amet turpis a, pretium condimentum dolor.',
+        } }));
+    expect(container).toMatchSnapshot();
+});
+it('renders ChatBubble with user msg unchanged', () => {
+    const { container } = render(React.createElement(ChatBubble, { memori: memori, tenant: tenant, message: {
+            fromUser: true,
+            text: 'Proin libero ante, dignissim sit amet turpis a, pretium condimentum dolor.',
+            initial: false,
+            translatedText: 'Proin libero ante, dignissim sit amet turpis a, pretium condimentum dolor.',
+        } }));
+    expect(container).toMatchSnapshot();
+});
+//# sourceMappingURL=ChatBubble.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChatBubble.test.js","sourceRoot":"","sources":["../../../src/components/ChatBubble/ChatBubble.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAElD,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;IACtC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,oBAAC,UAAU,IACT,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,OAAO,EAAE;YACP,QAAQ,EAAE,KAAK;YACf,IAAI,EACF,4EAA4E;YAC9E,OAAO,EAAE,KAAK;YACd,cAAc,EACZ,4EAA4E;SAC/E,GACD,CACH,CAAC;IACF,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,4CAA4C,EAAE,GAAG,EAAE;IACpD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,oBAAC,UAAU,IACT,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,OAAO,EAAE;YACP,QAAQ,EAAE,IAAI;YACd,IAAI,EACF,4EAA4E;YAC9E,OAAO,EAAE,KAAK;YACd,cAAc,EACZ,4EAA4E;SAC/E,GACD,CACH,CAAC;IACF,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC"}

package/esm/components/ChatInputs/ChatInputs.css

@@ -0,0 +1,21 @@
+.memori-chat-inputs {
+    position: relative;
+    display: flex;
+    width: 100%;
+    box-sizing: border-box;
+    flex-shrink: 0;
+    align-items: center;
+    justify-content: center;
+    padding: 0;
+    border: none;
+    margin: 0;
+}
+
+.memori-chat-inputs .memori-upload-menu+.memori-send-on-enter-menu {
+    margin-left: 0.33rem;
+}
+
+.memori-chat-inputs .memori--conversation-button {
+    background: #fff;
+    color: var(--memori-text-color, #000);
+}

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import { DialogState } from '@memori.ai/memori-api-client/dist/types';
+import './ChatInputs.css';
+export interface Props {
+    dialogState?: DialogState;
+    instruct?: boolean;
+    sendOnEnter?: 'keypress' | 'click';
+    setSendOnEnter: (sendOnEnter: 'keypress' | 'click') => void;
+    attachmentsMenuOpen?: 'link' | 'media';
+    setAttachmentsMenuOpen: (attachmentsMenuOpen: 'link' | 'media') => void;
+    userMessage?: string;
+    onChangeUserMessage: (userMessage: string) => void;
+    sendMessage: (msg: string) => void;
+    onTextareaFocus: () => void;
+    onTextareaBlur: () => void;
+    onTextareaPressEnter: (e: React.KeyboardEvent<HTMLTextAreaElement>) => void;
+}
+declare const ChatInputs: React.FC<Props>;
+export default ChatInputs;

package/esm/components/ChatInputs/ChatInputs.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import UploadMenu from '../UploadMenu/UploadMenu';
+import SendOnEnterMenu from '../SendOnEnterMenu/SendOnEnterMenu';
+import ChatTextArea from '../ChatTextArea/ChatTextArea';
+import Button from '../ui/Button';
+import { useTranslation } from 'react-i18next';
+import Send from '../icons/Send';
+import './ChatInputs.css';
+const ChatInputs = ({ dialogState, instruct = false, sendOnEnter = 'click', setSendOnEnter, attachmentsMenuOpen, setAttachmentsMenuOpen, userMessage = '', onChangeUserMessage, sendMessage, onTextareaFocus, onTextareaBlur, onTextareaPressEnter, }) => {
+    const { t } = useTranslation();
+    return (React.createElement("fieldset", { id: "chat-fieldset", className: "memori-chat-inputs", disabled: (dialogState === null || dialogState === void 0 ? void 0 : dialogState.state) === 'X2a' || (dialogState === null || dialogState === void 0 ? void 0 : dialogState.state) === 'X3' },
+        instruct && (React.createElement(UploadMenu, { attachmentsMenuOpen: attachmentsMenuOpen, setAttachmentsMenuOpen: setAttachmentsMenuOpen, disabled: !(dialogState === null || dialogState === void 0 ? void 0 : dialogState.acceptsMedia) })),
+        React.createElement(SendOnEnterMenu, { sendOnEnter: sendOnEnter, setSendOnEnter: setSendOnEnter }),
+        React.createElement(ChatTextArea, { value: userMessage, onChange: onChangeUserMessage, onPressEnter: onTextareaPressEnter, onFocus: onTextareaFocus, onBlur: onTextareaBlur, disabled: ['R2', 'R3', 'R4', 'G3', 'X3'].includes((dialogState === null || dialogState === void 0 ? void 0 : dialogState.state) || '') }),
+        React.createElement(Button, { shape: "circle", primary: !!(userMessage === null || userMessage === void 0 ? void 0 : userMessage.length), disabled: !userMessage || userMessage.length === 0, className: "memori--conversation-button memori-chat-inputs--send", onClick: () => sendMessage(userMessage), title: t('send') || 'Send', icon: React.createElement(Send, null) })));
+};
+export default ChatInputs;
+//# sourceMappingURL=ChatInputs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChatInputs.js","sourceRoot":"","sources":["../../../src/components/ChatInputs/ChatInputs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,eAAe,MAAM,oCAAoC,CAAC;AACjE,OAAO,YAAY,MAAM,8BAA8B,CAAC;AACxD,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,IAAI,MAAM,eAAe,CAAC;AAEjC,OAAO,kBAAkB,CAAC;AAiB1B,MAAM,UAAU,GAAoB,CAAC,EACnC,WAAW,EACX,QAAQ,GAAG,KAAK,EAChB,WAAW,GAAG,OAAO,EACrB,cAAc,EACd,mBAAmB,EACnB,sBAAsB,EACtB,WAAW,GAAG,EAAE,EAChB,mBAAmB,EACnB,WAAW,EACX,eAAe,EACf,cAAc,EACd,oBAAoB,GACrB,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAE/B,OAAO,CACL,kCACE,EAAE,EAAC,eAAe,EAClB,SAAS,EAAC,oBAAoB,EAC9B,QAAQ,EAAE,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,MAAK,KAAK,IAAI,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,MAAK,IAAI;QAEpE,QAAQ,IAAI,CACX,oBAAC,UAAU,IACT,mBAAmB,EAAE,mBAAmB,EACxC,sBAAsB,EAAE,sBAAsB,EAC9C,QAAQ,EAAE,CAAC,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,YAAY,CAAA,GACpC,CACH;QACD,oBAAC,eAAe,IACd,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,GAC9B;QACF,oBAAC,YAAY,IACX,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,mBAAmB,EAC7B,YAAY,EAAE,oBAAoB,EAClC,OAAO,EAAE,eAAe,EACxB,MAAM,EAAE,cAAc,EACtB,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,QAAQ,CAC/C,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,KAAI,EAAE,CACzB,GACD;QACF,oBAAC,MAAM,IACL,KAAK,EAAC,QAAQ,EACd,OAAO,EAAE,CAAC,CAAC,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,MAAM,CAAA,EAC9B,QAAQ,EAAE,CAAC,WAAW,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC,EAClD,SAAS,EAAC,sDAAsD,EAChE,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,WAAW,CAAC,EACvC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI,MAAM,EAC1B,IAAI,EAAE,oBAAC,IAAI,OAAG,GACd,CACO,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

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

@@ -0,0 +1,9 @@
+import { Meta, Story } from '@storybook/react';
+import { Props } from './ChatInputs';
+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>;
+export declare const Instruct: Story<Props>;
+export declare const Disabled: Story<Props>;