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

package/dist/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/dist/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/dist/components/ChatBubble/ChatBubble.js

@@ -0,0 +1,41 @@
+"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 react_2 = require("@headlessui/react");
+const media_1 = require("../../helpers/media");
+const User_1 = tslib_1.__importDefault(require("../icons/User"));
+require("./ChatBubble.css");
+const ChatBubble = ({ message, memori, tenant, baseUrl }) => (react_1.default.createElement(react_2.Transition, { show: true, appear: true, as: "div", className: (0, classnames_1.default)('memori-chat--bubble-container', {
+        'memori-chat--bubble-from-user': !!message.fromUser,
+    }) },
+    message.initial && react_1.default.createElement("div", { className: "memori-chat--bubble-initial" }),
+    !message.fromUser && (react_1.default.createElement(react_2.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_1.default.createElement("source", { src: (0, media_1.getResourceUrl)({
+                type: 'avatar',
+                tenantID: tenant === null || tenant === void 0 ? void 0 : tenant.id,
+                resourceURI: memori.avatarURL,
+                baseURL: baseUrl,
+            }) }),
+        react_1.default.createElement("img", { className: "memori-chat--bubble-avatar-img", alt: memori.name, src: memori.avatarURL && memori.avatarURL.length > 0
+                ? (0, media_1.getResourceUrl)({
+                    type: 'avatar',
+                    tenantID: tenant === null || tenant === void 0 ? void 0 : tenant.id,
+                    resourceURI: memori.avatarURL,
+                    baseURL: baseUrl,
+                })
+                : (0, media_1.getResourceUrl)({
+                    tenantID: tenant === null || tenant === void 0 ? void 0 : tenant.id,
+                    type: 'avatar',
+                    baseURL: baseUrl || 'https://app.twincreator.com',
+                }) }))),
+    react_1.default.createElement(react_2.Transition.Child, { as: "div", className: (0, classnames_1.default)('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_1.default.createElement("p", { key: index }, row)))),
+    message.fromUser && (react_1.default.createElement(react_2.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_1.default.createElement(User_1.default, null)))));
+exports.default = ChatBubble;
+//# sourceMappingURL=ChatBubble.js.map

package/dist/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/dist/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/dist/components/ChatBubble/ChatBubble.stories.js

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FromUser = exports.Default = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const data_1 = require("../../mocks/data");
+const ChatBubble_1 = tslib_1.__importDefault(require("./ChatBubble"));
+const meta = {
+    title: 'Widget/Chat bubble',
+    component: ChatBubble_1.default,
+    argTypes: {
+        fromUser: {
+            control: {
+                type: 'boolean',
+            },
+        },
+        text: {
+            control: {
+                type: 'text',
+            },
+        },
+        initial: {
+            control: {
+                type: 'boolean',
+            },
+        },
+    },
+    parameters: {
+        controls: { expanded: true },
+    },
+};
+exports.default = meta;
+const Template = args => react_1.default.createElement(ChatBubble_1.default, { ...args });
+exports.Default = Template.bind({});
+exports.Default.args = {
+    memori: data_1.memori,
+    tenant: data_1.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.',
+    },
+};
+exports.FromUser = Template.bind({});
+exports.FromUser.args = {
+    memori: data_1.memori,
+    tenant: data_1.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/dist/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,0DAA0B;AAE1B,2CAAkD;AAClD,sEAAiD;AAEjD,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,oBAAU;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,kBAAe,IAAI,CAAC;AAEpB,MAAM,QAAQ,GAAiB,IAAI,CAAC,EAAE,CAAC,8BAAC,oBAAU,OAAK,IAAI,GAAI,CAAC;AAInD,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG;IACb,MAAM,EAAN,aAAM;IACN,MAAM,EAAN,aAAM;IACN,OAAO,EAAE;QACP,QAAQ,EAAE,KAAK;QACf,IAAI,EACF,4EAA4E;QAC9E,OAAO,EAAE,KAAK;QACd,cAAc,EACZ,4EAA4E;KAC/E;CACF,CAAC;AAEW,QAAA,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC1C,gBAAQ,CAAC,IAAI,GAAG;IACd,MAAM,EAAN,aAAM;IACN,MAAM,EAAN,aAAM;IACN,OAAO,EAAE;QACP,QAAQ,EAAE,IAAI;QACd,IAAI,EACF,4EAA4E;QAC9E,OAAO,EAAE,KAAK;QACd,cAAc,EACZ,4EAA4E;KAC/E;CACF,CAAC"}

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

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

package/dist/components/ChatBubble/ChatBubble.test.js

@@ -0,0 +1,26 @@
+"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 ChatBubble_1 = tslib_1.__importDefault(require("./ChatBubble"));
+const data_1 = require("../../mocks/data");
+it('renders ChatBubble unchanged', () => {
+    const { container } = (0, react_2.render)(react_1.default.createElement(ChatBubble_1.default, { memori: data_1.memori, tenant: data_1.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 } = (0, react_2.render)(react_1.default.createElement(ChatBubble_1.default, { memori: data_1.memori, tenant: data_1.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/dist/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,0DAA0B;AAC1B,kDAAgD;AAChD,sEAAsC;AACtC,2CAAkD;AAElD,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;IACtC,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC1B,8BAAC,oBAAU,IACT,MAAM,EAAE,aAAM,EACd,MAAM,EAAE,aAAM,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,IAAA,cAAM,EAC1B,8BAAC,oBAAU,IACT,MAAM,EAAE,aAAM,EACd,MAAM,EAAE,aAAM,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/dist/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/dist/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/dist/components/ChatInputs/ChatInputs.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const UploadMenu_1 = tslib_1.__importDefault(require("../UploadMenu/UploadMenu"));
+const SendOnEnterMenu_1 = tslib_1.__importDefault(require("../SendOnEnterMenu/SendOnEnterMenu"));
+const ChatTextArea_1 = tslib_1.__importDefault(require("../ChatTextArea/ChatTextArea"));
+const Button_1 = tslib_1.__importDefault(require("../ui/Button"));
+const react_i18next_1 = require("react-i18next");
+const Send_1 = tslib_1.__importDefault(require("../icons/Send"));
+require("./ChatInputs.css");
+const ChatInputs = ({ dialogState, instruct = false, sendOnEnter = 'click', setSendOnEnter, attachmentsMenuOpen, setAttachmentsMenuOpen, userMessage = '', onChangeUserMessage, sendMessage, onTextareaFocus, onTextareaBlur, onTextareaPressEnter, }) => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    return (react_1.default.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_1.default.createElement(UploadMenu_1.default, { attachmentsMenuOpen: attachmentsMenuOpen, setAttachmentsMenuOpen: setAttachmentsMenuOpen, disabled: !(dialogState === null || dialogState === void 0 ? void 0 : dialogState.acceptsMedia) })),
+        react_1.default.createElement(SendOnEnterMenu_1.default, { sendOnEnter: sendOnEnter, setSendOnEnter: setSendOnEnter }),
+        react_1.default.createElement(ChatTextArea_1.default, { 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_1.default.createElement(Button_1.default, { 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_1.default.createElement(Send_1.default, null) })));
+};
+exports.default = ChatInputs;
+//# sourceMappingURL=ChatInputs.js.map

package/dist/components/ChatInputs/ChatInputs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatInputs.js","sourceRoot":"","sources":["../../../src/components/ChatInputs/ChatInputs.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAE1B,kFAAkD;AAClD,iGAAiE;AACjE,wFAAwD;AACxD,kEAAkC;AAClC,iDAA+C;AAC/C,iEAAiC;AAEjC,4BAA0B;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,IAAA,8BAAc,GAAE,CAAC;IAE/B,OAAO,CACL,4CACE,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,8BAAC,oBAAU,IACT,mBAAmB,EAAE,mBAAmB,EACxC,sBAAsB,EAAE,sBAAsB,EAC9C,QAAQ,EAAE,CAAC,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,YAAY,CAAA,GACpC,CACH;QACD,8BAAC,yBAAe,IACd,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,GAC9B;QACF,8BAAC,sBAAY,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,8BAAC,gBAAM,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,8BAAC,cAAI,OAAG,GACd,CACO,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}

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

package/dist/components/ChatInputs/ChatInputs.stories.js

@@ -0,0 +1,90 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Disabled = exports.Instruct = exports.WithLongText = exports.WithValue = exports.Default = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const ChatInputs_1 = tslib_1.__importDefault(require("./ChatInputs"));
+const data_1 = require("../../mocks/data");
+const meta = {
+    title: 'Widget/Chat inputs (footer)',
+    component: ChatInputs_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.userMessage);
+    return (react_1.default.createElement("div", { style: { paddingTop: '10rem' } },
+        react_1.default.createElement(ChatInputs_1.default, { ...args, userMessage: userMessage, onChangeUserMessage: setUserMessage })));
+};
+exports.Default = Template.bind({});
+exports.Default.args = {
+    userMessage: '',
+    dialogState: data_1.dialogState,
+    sendMessage: (msg) => console.log(msg),
+    onTextareaBlur: () => { },
+    onTextareaFocus: () => { },
+    onTextareaPressEnter: () => { },
+    setAttachmentsMenuOpen: () => { },
+    setSendOnEnter: () => { },
+};
+exports.WithValue = Template.bind({});
+exports.WithValue.args = {
+    userMessage: 'Suspendisse sit amet volutpat velit.',
+    dialogState: data_1.dialogState,
+    sendMessage: (msg) => console.log(msg),
+    onTextareaBlur: () => { },
+    onTextareaFocus: () => { },
+    onTextareaPressEnter: () => { },
+    setAttachmentsMenuOpen: () => { },
+    setSendOnEnter: () => { },
+};
+exports.WithLongText = Template.bind({});
+exports.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: data_1.dialogState,
+    sendMessage: (msg) => console.log(msg),
+    onTextareaBlur: () => { },
+    onTextareaFocus: () => { },
+    onTextareaPressEnter: () => { },
+    setAttachmentsMenuOpen: () => { },
+    setSendOnEnter: () => { },
+};
+exports.Instruct = Template.bind({});
+exports.Instruct.args = {
+    instruct: true,
+    userMessage: 'Suspendisse sit amet volutpat velit.',
+    dialogState: {
+        ...data_1.dialogState,
+        acceptsMedia: true,
+    },
+    sendMessage: (msg) => console.log(msg),
+    onTextareaBlur: () => { },
+    onTextareaFocus: () => { },
+    onTextareaPressEnter: () => { },
+    setAttachmentsMenuOpen: () => { },
+    setSendOnEnter: () => { },
+};
+exports.Disabled = Template.bind({});
+exports.Disabled.args = {
+    dialogState: {
+        ...data_1.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/dist/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":";;;;AAAA,0DAA0B;AAE1B,sEAAiD;AACjD,2CAA+C;AAE/C,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,6BAA6B;IACpC,SAAS,EAAE,oBAAU;IACrB,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,WAAW,CAAC,CAAC;IAEvE,OAAO,CACL,uCAAK,KAAK,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE;QACjC,8BAAC,oBAAU,OACL,IAAI,EACR,WAAW,EAAE,WAAW,EACxB,mBAAmB,EAAE,cAAc,GACnC,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAIW,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG;IACb,WAAW,EAAE,EAAE;IACf,WAAW,EAAX,kBAAW;IACX,WAAW,EAAE,CAAC,GAAW,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC;IAC9C,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC;IACxB,eAAe,EAAE,GAAG,EAAE,GAAE,CAAC;IACzB,oBAAoB,EAAE,GAAG,EAAE,GAAE,CAAC;IAC9B,sBAAsB,EAAE,GAAG,EAAE,GAAE,CAAC;IAChC,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC;CACzB,CAAC;AAEW,QAAA,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,iBAAS,CAAC,IAAI,GAAG;IACf,WAAW,EAAE,sCAAsC;IACnD,WAAW,EAAX,kBAAW;IACX,WAAW,EAAE,CAAC,GAAW,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC;IAC9C,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC;IACxB,eAAe,EAAE,GAAG,EAAE,GAAE,CAAC;IACzB,oBAAoB,EAAE,GAAG,EAAE,GAAE,CAAC;IAC9B,sBAAsB,EAAE,GAAG,EAAE,GAAE,CAAC;IAChC,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC;CACzB,CAAC;AAEW,QAAA,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC9C,oBAAY,CAAC,IAAI,GAAG;IAClB,WAAW,EACT,qaAAqa;IACva,WAAW,EAAX,kBAAW;IACX,WAAW,EAAE,CAAC,GAAW,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC;IAC9C,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC;IACxB,eAAe,EAAE,GAAG,EAAE,GAAE,CAAC;IACzB,oBAAoB,EAAE,GAAG,EAAE,GAAE,CAAC;IAC9B,sBAAsB,EAAE,GAAG,EAAE,GAAE,CAAC;IAChC,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC;CACzB,CAAC;AAEW,QAAA,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC1C,gBAAQ,CAAC,IAAI,GAAG;IACd,QAAQ,EAAE,IAAI;IACd,WAAW,EAAE,sCAAsC;IACnD,WAAW,EAAE;QACX,GAAG,kBAAW;QACd,YAAY,EAAE,IAAI;KACnB;IACD,WAAW,EAAE,CAAC,GAAW,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC;IAC9C,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC;IACxB,eAAe,EAAE,GAAG,EAAE,GAAE,CAAC;IACzB,oBAAoB,EAAE,GAAG,EAAE,GAAE,CAAC;IAC9B,sBAAsB,EAAE,GAAG,EAAE,GAAE,CAAC;IAChC,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC;CACzB,CAAC;AAEW,QAAA,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC1C,gBAAQ,CAAC,IAAI,GAAG;IACd,WAAW,EAAE;QACX,GAAG,kBAAW;QACd,KAAK,EAAE,IAAI;KACZ;IACD,WAAW,EAAE,sCAAsC;IACnD,WAAW,EAAE,CAAC,GAAW,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC;IAC9C,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC;IACxB,eAAe,EAAE,GAAG,EAAE,GAAE,CAAC;IACzB,oBAAoB,EAAE,GAAG,EAAE,GAAE,CAAC;IAC9B,sBAAsB,EAAE,GAAG,EAAE,GAAE,CAAC;IAChC,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC;CACzB,CAAC"}

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

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

package/dist/components/ChatInputs/ChatInputs.test.js

@@ -0,0 +1,30 @@
+"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 ChatInputs_1 = tslib_1.__importDefault(require("./ChatInputs"));
+const data_1 = require("../../mocks/data");
+it('renders ChatInputs unchanged', () => {
+    const { container } = (0, react_2.render)(react_1.default.createElement(ChatInputs_1.default, { dialogState: data_1.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 } = (0, react_2.render)(react_1.default.createElement(ChatInputs_1.default, { userMessage: "Lorem ipsum", onChangeUserMessage: jest.fn(), dialogState: data_1.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 } = (0, react_2.render)(react_1.default.createElement(ChatInputs_1.default, { userMessage: "Lorem ipsum", onChangeUserMessage: jest.fn(), dialogState: {
+            ...data_1.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 } = (0, react_2.render)(react_1.default.createElement(ChatInputs_1.default, { userMessage: "Lorem ipsum", onChangeUserMessage: jest.fn(), dialogState: {
+            ...data_1.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/dist/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/dist/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/dist/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;