@servicetitan/titan-chat-ui-anvil2 3.0.0

package/dist/components/chat/chat-input.js

@@ -0,0 +1,97 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Textarea } from '@servicetitan/anvil2';
+import IconSend from '@servicetitan/anvil2/assets/icons/material/round/send.svg';
+import { provide, useDependencies } from '@servicetitan/react-ioc';
+import { CHAT_UI_STORE_TOKEN } from '@servicetitan/titan-chat-ui-common';
+import classNames from 'classnames';
+import { observer } from 'mobx-react';
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { ChatInputStore } from '../../stores/chat-input.store';
+import * as Styles from './chat-input.module.less';
+const TIMEOUT_COOLDOWN_MS = 3000;
+export const ChatInput = provide({
+    singletons: [ChatInputStore],
+})(observer(({ className }) => {
+    const typingTimeoutRef = useRef(undefined);
+    const [isSending, setIsSending] = useState(false);
+    const textareaRef = useRef(null);
+    const [chatUiStore, supportChatInputStore] = useDependencies(CHAT_UI_STORE_TOKEN, ChatInputStore);
+    const handleSendMessage = useCallback(async () => {
+        const validateResult = await supportChatInputStore.formState.validate();
+        if (validateResult.hasError) {
+            return;
+        }
+        const text = supportChatInputStore.formState.$.message.value;
+        if (!text.trim() && !chatUiStore.file) {
+            return;
+        }
+        supportChatInputStore.formState.$.message.onChange('');
+        setIsSending(true);
+        try {
+            await chatUiStore.sendMessageText(text);
+        }
+        finally {
+            setIsSending(false);
+        }
+        setTimeout(() => {
+            var _a;
+            (_a = textareaRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        }, 0);
+    }, [chatUiStore, supportChatInputStore]);
+    const clearTimer = useCallback(() => {
+        var _a;
+        clearTimeout((_a = typingTimeoutRef.current) !== null && _a !== void 0 ? _a : 0);
+        typingTimeoutRef.current = undefined;
+    }, []);
+    // Send typing status = false
+    const sendTypingStatusStop = useCallback(() => {
+        const isTyping = Boolean(typingTimeoutRef.current);
+        if (isTyping) {
+            clearTimer();
+            chatUiStore.chasitorTyping(false);
+        }
+    }, [chatUiStore, clearTimer]);
+    // Send typing status = true and start the typing countdown. After the countdown, send typing status = false
+    const sendTypingStatusStart = useCallback(() => {
+        if (!typingTimeoutRef.current) {
+            chatUiStore.chasitorTyping(true);
+        }
+        clearTimeout(typingTimeoutRef.current);
+        typingTimeoutRef.current = setTimeout(sendTypingStatusStop, TIMEOUT_COOLDOWN_MS);
+    }, [sendTypingStatusStop, chatUiStore]);
+    const setUserIsTyping = useCallback((typing) => {
+        if (typing) {
+            sendTypingStatusStart();
+        }
+        else {
+            sendTypingStatusStop();
+        }
+    }, [sendTypingStatusStart, sendTypingStatusStop]);
+    const handleTextKeyPress = useCallback((e) => {
+        if (e.key === 'Enter' && !e.shiftKey) {
+            e.preventDefault();
+            clearTimer();
+            handleSendMessage().then(() => { });
+            return;
+        }
+        setUserIsTyping(true);
+    }, [setUserIsTyping, handleSendMessage, clearTimer]);
+    useEffect(() => {
+        if (textareaRef.current) {
+            textareaRef.current.focus();
+        }
+    }, []);
+    return (_jsx("form", { className: classNames(className), onSubmit: handleSendMessage, children: _jsxs("div", { className: classNames('d-f flex-row gap-2'), children: [_jsx(Textarea, { ref: textareaRef, name: "question", placeholder: "Type your message", rows: 1, 
+                    // maxRows={2}
+                    autoHeight: true, onKeyDown: handleTextKeyPress, value: supportChatInputStore.formState.$.message.value, error: supportChatInputStore.formState.$.message.error, onChange: supportChatInputStore.formState.$.message.onChangeHandler, onFocus: () => {
+                        setTimeout(() => {
+                            chatUiStore.triggerScroll();
+                        }, 0);
+                    }, onBlur: () => {
+                        supportChatInputStore.formState.$.message.enableAutoValidationAndValidate();
+                    }, className: classNames('flex-grow-1', Styles.formTextarea), disabled: !chatUiStore.isStarted || isSending, "data-cy": "titan-chat-input" }), _jsx(Button, { className: "align-self-baseline", icon: IconSend, "data-pendo": "titan-chat-send", "data-cy": "titan-chat-send", type: "submit", appearance: "primary", "aria-label": "submit", disabled: !chatUiStore.isStarted ||
+                        isSending ||
+                        supportChatInputStore.formState.hasError ||
+                        supportChatInputStore.isEmpty })] }) }));
+}));
+//# sourceMappingURL=chat-input.js.map

package/dist/components/chat/chat-input.js.map

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

package/dist/components/chat/chat-input.module.less

@@ -0,0 +1,11 @@
+@import '@servicetitan/tokens/dist/tokens.less';
+
+.form-textarea {
+    margin-bottom: @spacing-0 !important;
+
+    textarea {
+        resize: none !important;
+        min-height: 40px;
+        line-height: 24px;
+    }
+}

package/dist/components/chat/chat-log.d.ts

@@ -0,0 +1,8 @@
+import { ChatCustomizations } from '@servicetitan/titan-chat-ui-common';
+import { FC } from 'react';
+export interface IChatProps {
+    className?: string;
+    customizations?: ChatCustomizations;
+}
+export declare const ChatLog: FC<IChatProps>;
+//# sourceMappingURL=chat-log.d.ts.map

package/dist/components/chat/chat-log.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-log.d.ts","sourceRoot":"","sources":["../../../src/components/chat/chat-log.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAuB,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AAE7F,OAAO,EAAE,EAAE,EAAa,MAAM,OAAO,CAAC;AAGtC,MAAM,WAAW,UAAU;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,kBAAkB,CAAC;CACvC;AAED,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,UAAU,CAejC,CAAC"}

package/dist/components/chat/chat-log.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Flex } from '@servicetitan/anvil2';
+import { useDependencies } from '@servicetitan/react-ioc';
+import { CHAT_UI_STORE_TOKEN } from '@servicetitan/titan-chat-ui-common';
+import { observer } from 'mobx-react';
+import { useEffect } from 'react';
+import { ChatMessages } from './chat-messages';
+export const ChatLog = observer(({ className, customizations }) => {
+    const [chatUiStore] = useDependencies(CHAT_UI_STORE_TOKEN);
+    useEffect(() => {
+        chatUiStore.setCustomizationContext(customizations);
+    }, [chatUiStore, customizations]);
+    return (_jsx(Flex, { direction: "column", className: className, "data-cy": "titan-chat", children: _jsx(ChatMessages, { messages: chatUiStore.messages, showTypingIndicator: chatUiStore.isAgentTyping }) }));
+});
+//# sourceMappingURL=chat-log.js.map

package/dist/components/chat/chat-log.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-log.js","sourceRoot":"","sources":["../../../src/components/chat/chat-log.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAsB,MAAM,oCAAoC,CAAC;AAC7F,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAM,SAAS,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAO/C,MAAM,CAAC,MAAM,OAAO,GAAmB,QAAQ,CAAC,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,EAAE,EAAE;IAC9E,MAAM,CAAC,WAAW,CAAC,GAAG,eAAe,CAAC,mBAAmB,CAAC,CAAC;IAE3D,SAAS,CAAC,GAAG,EAAE;QACX,WAAW,CAAC,uBAAuB,CAAC,cAAc,CAAC,CAAC;IACxD,CAAC,EAAE,CAAC,WAAW,EAAE,cAAc,CAAC,CAAC,CAAC;IAElC,OAAO,CACH,KAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAE,SAAS,aAAU,YAAY,YAC/D,KAAC,YAAY,IACT,QAAQ,EAAE,WAAW,CAAC,QAAQ,EAC9B,mBAAmB,EAAE,WAAW,CAAC,aAAa,GAChD,GACC,CACV,CAAC;AACN,CAAC,CAAC,CAAC"}

package/dist/components/chat/chat-message-template-agent.d.ts

@@ -0,0 +1,4 @@
+import { IChatMessageProps } from '@servicetitan/titan-chat-ui-common';
+import { FC, PropsWithChildren } from 'react';
+export declare const ChatMessageTemplateAgent: FC<PropsWithChildren<IChatMessageProps>>;
+//# sourceMappingURL=chat-message-template-agent.d.ts.map

package/dist/components/chat/chat-message-template-agent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-message-template-agent.d.ts","sourceRoot":"","sources":["../../../src/components/chat/chat-message-template-agent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAgB,MAAM,oCAAoC,CAAC;AAErF,OAAO,EAAE,EAAE,EAAE,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAKvD,eAAO,MAAM,wBAAwB,EAAE,EAAE,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAqB7E,CAAC"}

package/dist/components/chat/chat-message-template-agent.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getFirstName } from '@servicetitan/titan-chat-ui-common';
+import { observer } from 'mobx-react';
+import { useMemo } from 'react';
+import { MessageAgent } from '../messages/message-agent';
+import { MessageFooter } from '../messages/message-footer';
+import { useAvatarProps } from '../messages/use-avatar-props';
+export const ChatMessageTemplateAgent = observer(({ children, message, omitAvatar, omitTimestamp }) => {
+    const { participant: { icon, name }, } = message;
+    const firstName = useMemo(() => getFirstName(name), [name]);
+    const avatarProps = useAvatarProps(name, icon);
+    return (_jsx(MessageAgent, { avatar: avatarProps, omitAvatar: omitAvatar, messageFooter: !omitTimestamp ? (_jsx(MessageFooter, { name: firstName, timestamp: message.timestamp })) : undefined, children: children }));
+});
+//# sourceMappingURL=chat-message-template-agent.js.map

package/dist/components/chat/chat-message-template-agent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-message-template-agent.js","sourceRoot":"","sources":["../../../src/components/chat/chat-message-template-agent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAqB,YAAY,EAAE,MAAM,oCAAoC,CAAC;AACrF,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAyB,OAAO,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9D,MAAM,CAAC,MAAM,wBAAwB,GAA6C,QAAQ,CACtF,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,EAAE,EAAE;IACjD,MAAM,EACF,WAAW,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,GAC9B,GAAG,OAAO,CAAC;IACZ,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAC5D,MAAM,WAAW,GAAG,cAAc,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAC/C,OAAO,CACH,KAAC,YAAY,IACT,MAAM,EAAE,WAAW,EACnB,UAAU,EAAE,UAAU,EACtB,aAAa,EACT,CAAC,aAAa,CAAC,CAAC,CAAC,CACb,KAAC,aAAa,IAAC,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC,SAAS,GAAI,CACnE,CAAC,CAAC,CAAC,SAAS,YAGhB,QAAQ,GACE,CAClB,CAAC;AACN,CAAC,CACJ,CAAC"}

package/dist/components/chat/chat-message-template-user.d.ts

@@ -0,0 +1,4 @@
+import { IChatMessageProps } from '@servicetitan/titan-chat-ui-common';
+import { FC, PropsWithChildren } from 'react';
+export declare const ChatMessageTemplateUser: FC<PropsWithChildren<IChatMessageProps>>;
+//# sourceMappingURL=chat-message-template-user.d.ts.map

package/dist/components/chat/chat-message-template-user.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-message-template-user.d.ts","sourceRoot":"","sources":["../../../src/components/chat/chat-message-template-user.tsx"],"names":[],"mappings":"AAGA,OAAO,EAGH,iBAAiB,EACpB,MAAM,oCAAoC,CAAC;AAE5C,OAAO,EAAE,EAAE,EAAE,iBAAiB,EAAe,MAAM,OAAO,CAAC;AAI3D,eAAO,MAAM,uBAAuB,EAAE,EAAE,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAuC5E,CAAC"}

package/dist/components/chat/chat-message-template-user.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Text } from '@servicetitan/anvil2';
+import IconRefresh from '@servicetitan/anvil2/assets/icons/material/round/refresh.svg';
+import { useDependencies } from '@servicetitan/react-ioc';
+import { CHAT_UI_STORE_TOKEN, ChatMessageState, } from '@servicetitan/titan-chat-ui-common';
+import { observer } from 'mobx-react';
+import { useCallback } from 'react';
+import { MessageFooter } from '../messages/message-footer';
+import { MessageUser } from '../messages/message-user';
+export const ChatMessageTemplateUser = observer(({ children, message, omitTimestamp }) => {
+    const [chatUiStore] = useDependencies(CHAT_UI_STORE_TOKEN);
+    const isError = message.state === ChatMessageState.Failed;
+    const handleRetry = useCallback(() => chatUiStore.sendMessageRetry(message), [chatUiStore, message]);
+    return (_jsx(MessageUser, { isError: isError, messageFooter: isError ? (_jsxs(Text, { variant: "eyebrow", className: "c-red-600", "data-cy": "titan-chat-message-error", children: ["Message not delivered. Retry", _jsx(Button, { icon: IconRefresh, appearance: "ghost", size: "small", "aria-label": "Retry send message", onClick: handleRetry, "data-cy": "titan-chat-message-error-retry" })] })) : !omitTimestamp ? (_jsx(MessageFooter, { timestamp: message.timestamp })) : null, children: children }));
+});
+//# sourceMappingURL=chat-message-template-user.js.map

package/dist/components/chat/chat-message-template-user.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-message-template-user.js","sourceRoot":"","sources":["../../../src/components/chat/chat-message-template-user.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,WAAW,MAAM,8DAA8D,CAAC;AACvF,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EACH,mBAAmB,EACnB,gBAAgB,GAEnB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAyB,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAEvD,MAAM,CAAC,MAAM,uBAAuB,GAA6C,QAAQ,CACrF,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,EAAE,EAAE;IACrC,MAAM,CAAC,WAAW,CAAC,GAAG,eAAe,CAAC,mBAAmB,CAAC,CAAC;IAC3D,MAAM,OAAO,GAAG,OAAO,CAAC,KAAK,KAAK,gBAAgB,CAAC,MAAM,CAAC;IAE1D,MAAM,WAAW,GAAG,WAAW,CAC3B,GAAG,EAAE,CAAC,WAAW,CAAC,gBAAgB,CAAC,OAAO,CAAC,EAC3C,CAAC,WAAW,EAAE,OAAO,CAAC,CACzB,CAAC;IAEF,OAAO,CACH,KAAC,WAAW,IACR,OAAO,EAAE,OAAO,EAChB,aAAa,EACT,OAAO,CAAC,CAAC,CAAC,CACN,MAAC,IAAI,IACD,OAAO,EAAC,SAAS,EACjB,SAAS,EAAC,WAAW,aACb,0BAA0B,6CAGlC,KAAC,MAAM,IACH,IAAI,EAAE,WAAW,EACjB,UAAU,EAAC,OAAO,EAClB,IAAI,EAAC,OAAO,gBACD,oBAAoB,EAC/B,OAAO,EAAE,WAAW,aACZ,gCAAgC,GAC1C,IACC,CACV,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CACjB,KAAC,aAAa,IAAC,SAAS,EAAE,OAAO,CAAC,SAAS,GAAI,CAClD,CAAC,CAAC,CAAC,IAAI,YAGX,QAAQ,GACC,CACjB,CAAC;AACN,CAAC,CACJ,CAAC"}

package/dist/components/chat/chat-message-typing.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+export declare const ChatMessageTyping: FC;
+//# sourceMappingURL=chat-message-typing.d.ts.map

package/dist/components/chat/chat-message-typing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-message-typing.d.ts","sourceRoot":"","sources":["../../../src/components/chat/chat-message-typing.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAI3B,eAAO,MAAM,iBAAiB,EAAE,EAW9B,CAAC"}

package/dist/components/chat/chat-message-typing.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useDependencies } from '@servicetitan/react-ioc';
+import { CHAT_UI_STORE_TOKEN } from '@servicetitan/titan-chat-ui-common';
+import { observer } from 'mobx-react';
+import { MessageTyping } from '../messages/message-typing';
+import { useAvatarProps } from '../messages/use-avatar-props';
+export const ChatMessageTyping = observer(() => {
+    var _a, _b;
+    const [chatUiStore] = useDependencies(CHAT_UI_STORE_TOKEN);
+    const [{ agent: { icon, name }, },] = useDependencies(CHAT_UI_STORE_TOKEN);
+    const avatar = useAvatarProps(name, icon);
+    const Component = (_b = (_a = chatUiStore.customizations.messageTyping) === null || _a === void 0 ? void 0 : _a.component) !== null && _b !== void 0 ? _b : MessageTyping;
+    return _jsx(Component, { avatar: avatar });
+});
+//# sourceMappingURL=chat-message-typing.js.map

package/dist/components/chat/chat-message-typing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-message-typing.js","sourceRoot":"","sources":["../../../src/components/chat/chat-message-typing.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9D,MAAM,CAAC,MAAM,iBAAiB,GAAO,QAAQ,CAAC,GAAG,EAAE;;IAC/C,MAAM,CAAC,WAAW,CAAC,GAAG,eAAe,CAAC,mBAAmB,CAAC,CAAC;IAC3D,MAAM,CACF,EACI,KAAK,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,GACxB,EACJ,GAAG,eAAe,CAAC,mBAAmB,CAAC,CAAC;IACzC,MAAM,MAAM,GAAG,cAAc,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAC1C,MAAM,SAAS,GAAG,MAAA,MAAA,WAAW,CAAC,cAAc,CAAC,aAAa,0CAAE,SAAS,mCAAI,aAAa,CAAC;IAEvF,OAAO,KAAC,SAAS,IAAC,MAAM,EAAE,MAAM,GAAI,CAAC;AACzC,CAAC,CAAC,CAAC"}

package/dist/components/chat/chat-message.d.ts

@@ -0,0 +1,8 @@
+import { IChatMessageProps } from '@servicetitan/titan-chat-ui-common';
+import { FC } from 'react';
+/**
+ * ChatMessage component provides a default way to render chat messages in the chat UI and contains only most generic
+ * components and templates/customizations rendering
+ */
+export declare const ChatMessage: FC<IChatMessageProps>;
+//# sourceMappingURL=chat-message.d.ts.map

package/dist/components/chat/chat-message.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-message.d.ts","sourceRoot":"","sources":["../../../src/components/chat/chat-message.tsx"],"names":[],"mappings":"AAEA,OAAO,EAKH,iBAAiB,EACpB,MAAM,oCAAoC,CAAC;AAE5C,OAAO,EAAE,EAAE,EAAgC,MAAM,OAAO,CAAC;AAMzD;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,iBAAiB,CA+D7C,CAAC"}

package/dist/components/chat/chat-message.js

@@ -0,0 +1,60 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Text } from '@servicetitan/anvil2';
+import { useDependencies } from '@servicetitan/react-ioc';
+import { CHAT_UI_STORE_TOKEN, } from '@servicetitan/titan-chat-ui-common';
+import { observer } from 'mobx-react';
+import { MessageContentFile } from '../message-content/message-content-file';
+import { MessageContentText } from '../message-content/message-content-text';
+import { ChatMessageTemplateAgent } from './chat-message-template-agent';
+import { ChatMessageTemplateUser } from './chat-message-template-user';
+/**
+ * ChatMessage component provides a default way to render chat messages in the chat UI and contains only most generic
+ * components and templates/customizations rendering
+ */
+export const ChatMessage = observer(({ message, omitAvatar, omitTimestamp }) => {
+    const [chatUiStore] = useDependencies(CHAT_UI_STORE_TOKEN);
+    const isAgent = message.participant.isAgent;
+    const { messageTemplates, messages } = chatUiStore.customizations;
+    const messageCustomization = messages === null || messages === void 0 ? void 0 : messages.find(c => c.predicate(message));
+    const isSystem = Boolean(messageCustomization === null || messageCustomization === void 0 ? void 0 : messageCustomization.isSystem);
+    let messageContentNode;
+    if (messageCustomization === null || messageCustomization === void 0 ? void 0 : messageCustomization.component) {
+        messageContentNode = _jsx(messageCustomization.component, { message: message });
+    }
+    else {
+        // Default message content rendering
+        switch (message.type) {
+            case 'message':
+            case 'welcome':
+                messageContentNode = (_jsx(MessageContentText, { message: message }));
+                break;
+            case 'file':
+                messageContentNode = (_jsx(MessageContentFile, { message: message }));
+                break;
+            default: {
+                messageContentNode = _jsxs(Text, { children: ["Unknown message type: ", message.type] });
+            }
+        }
+    }
+    if (!messageContentNode || (messageCustomization === null || messageCustomization === void 0 ? void 0 : messageCustomization.isIgnored)) {
+        return null;
+    }
+    if (isSystem) {
+        return messageContentNode;
+    }
+    let ComponentTemplate;
+    if (isAgent) {
+        const template = messageTemplates === null || messageTemplates === void 0 ? void 0 : messageTemplates.agent;
+        ComponentTemplate = (template === null || template === void 0 ? void 0 : template.predicate(message))
+            ? template.component
+            : ChatMessageTemplateAgent;
+    }
+    else {
+        const template = messageTemplates === null || messageTemplates === void 0 ? void 0 : messageTemplates.user;
+        ComponentTemplate = (template === null || template === void 0 ? void 0 : template.predicate(message))
+            ? template.component
+            : ChatMessageTemplateUser;
+    }
+    return (_jsx(ComponentTemplate, { message: message, omitAvatar: omitAvatar, omitTimestamp: omitTimestamp, children: messageContentNode }));
+});
+//# sourceMappingURL=chat-message.js.map

package/dist/components/chat/chat-message.js.map

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

package/dist/components/chat/chat-messages.d.ts

@@ -0,0 +1,10 @@
+import { ChatMessageModelBase } from '@servicetitan/titan-chat-ui-common';
+import { FC } from 'react';
+interface IChatMessagesProps {
+    className?: string;
+    messages: ChatMessageModelBase[];
+    showTypingIndicator?: boolean;
+}
+export declare const ChatMessages: FC<IChatMessagesProps>;
+export {};
+//# sourceMappingURL=chat-messages.d.ts.map

package/dist/components/chat/chat-messages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-messages.d.ts","sourceRoot":"","sources":["../../../src/components/chat/chat-messages.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAyB,MAAM,oCAAoC,CAAC;AACjG,OAAO,EAAE,EAAE,EAAW,MAAM,OAAO,CAAC;AAIpC,UAAU,kBAAkB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,oBAAoB,EAAE,CAAC;IACjC,mBAAmB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,kBAAkB,CAqD/C,CAAC"}

package/dist/components/chat/chat-messages.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Flex } from '@servicetitan/anvil2';
+import { formatChatMessageDate } from '@servicetitan/titan-chat-ui-common';
+import { useMemo } from 'react';
+import { ChatMessage } from './chat-message';
+import { ChatMessageTyping } from './chat-message-typing';
+export const ChatMessages = ({ className, messages, showTypingIndicator, }) => {
+    // Split messages into chunks divided by participant name and message time (with 1 minute accuracy)
+    const messagesChunks = useMemo(() => messages.reduce((acc, message) => {
+        if (!acc.length) {
+            acc.push([[message]]);
+            return acc;
+        }
+        const lastMessage = acc.at(-1).at(-1).at(-1);
+        if (lastMessage.participant.name !== message.participant.name) {
+            acc.push([[message]]);
+        }
+        else if (formatChatMessageDate(lastMessage.timestamp) !==
+            formatChatMessageDate(message.timestamp)) {
+            acc.at(-1).push([message]);
+        }
+        else {
+            acc.at(-1).at(-1).push(message);
+        }
+        return acc;
+    }, []), [messages]);
+    return (_jsxs(Flex, { direction: "column", gap: "4", className: className, "data-cy": "titan-chat-messages", children: [messagesChunks
+                .map(sameParticipantMessages => {
+                // Set omit avatar for all messages except the first one
+                const firstParticipantMessage = sameParticipantMessages[0][0];
+                return sameParticipantMessages.map(sameDateMessages => {
+                    const lastTimestampMessage = sameDateMessages.at(-1);
+                    return sameDateMessages.map(message => {
+                        return (_jsx(ChatMessage, { message: message, omitAvatar: message !== firstParticipantMessage, omitTimestamp: message !== lastTimestampMessage }, message.id));
+                    });
+                });
+            })
+                .flat(2), showTypingIndicator && _jsx(ChatMessageTyping, {})] }));
+};
+//# sourceMappingURL=chat-messages.js.map

package/dist/components/chat/chat-messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-messages.js","sourceRoot":"","sources":["../../../src/components/chat/chat-messages.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAwB,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AACjG,OAAO,EAAM,OAAO,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAQ1D,MAAM,CAAC,MAAM,YAAY,GAA2B,CAAC,EACjD,SAAS,EACT,QAAQ,EACR,mBAAmB,GACtB,EAAE,EAAE;IACD,mGAAmG;IACnG,MAAM,cAAc,GAAG,OAAO,CAC1B,GAAG,EAAE,CACD,QAAQ,CAAC,MAAM,CAAC,CAAC,GAA+B,EAAE,OAAO,EAAE,EAAE;QACzD,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC;YACd,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;YACtB,OAAO,GAAG,CAAC;QACf,CAAC;QACD,MAAM,WAAW,GAAG,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAE,CAAC;QAChD,IAAI,WAAW,CAAC,WAAW,CAAC,IAAI,KAAK,OAAO,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;YAC5D,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QAC1B,CAAC;aAAM,IACH,qBAAqB,CAAC,WAAW,CAAC,SAAS,CAAC;YAC5C,qBAAqB,CAAC,OAAO,CAAC,SAAS,CAAC,EAC1C,CAAC;YACC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAE,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;QAChC,CAAC;aAAM,CAAC;YACJ,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACtC,CAAC;QACD,OAAO,GAAG,CAAC;IACf,CAAC,EAAE,EAAE,CAAC,EACV,CAAC,QAAQ,CAAC,CACb,CAAC;IAEF,OAAO,CACH,MAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,GAAG,EAAC,SAAS,EAAE,SAAS,aAAU,qBAAqB,aAC/E,cAAc;iBACV,GAAG,CAAC,uBAAuB,CAAC,EAAE;gBAC3B,wDAAwD;gBACxD,MAAM,uBAAuB,GAAG,uBAAuB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBAC9D,OAAO,uBAAuB,CAAC,GAAG,CAAC,gBAAgB,CAAC,EAAE;oBAClD,MAAM,oBAAoB,GAAG,gBAAgB,CAAC,EAAE,CAAC,CAAC,CAAC,CAAE,CAAC;oBACtD,OAAO,gBAAgB,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;wBAClC,OAAO,CACH,KAAC,WAAW,IAER,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,OAAO,KAAK,uBAAuB,EAC/C,aAAa,EAAE,OAAO,KAAK,oBAAoB,IAH1C,OAAO,CAAC,EAAE,CAIjB,CACL,CAAC;oBACN,CAAC,CAAC,CAAC;gBACP,CAAC,CAAC,CAAC;YACP,CAAC,CAAC;iBACD,IAAI,CAAC,CAAC,CAAC,EACX,mBAAmB,IAAI,KAAC,iBAAiB,KAAG,IAC1C,CACV,CAAC;AACN,CAAC,CAAC"}

package/dist/components/chat/chat-notifications.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+export interface IChatNotificationsProps {
+}
+export declare const ChatNotifications: FC<IChatNotificationsProps>;
+//# sourceMappingURL=chat-notifications.d.ts.map

package/dist/components/chat/chat-notifications.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-notifications.d.ts","sourceRoot":"","sources":["../../../src/components/chat/chat-notifications.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAI3B,MAAM,WAAW,uBAAuB;CAAG;AAE3C,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,uBAAuB,CAQxD,CAAC"}

package/dist/components/chat/chat-notifications.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Flex } from '@servicetitan/anvil2';
+import { useDependencies } from '@servicetitan/react-ioc';
+import { CHAT_UI_STORE_TOKEN } from '@servicetitan/titan-chat-ui-common';
+import { observer } from 'mobx-react';
+import { ChatError } from './chat-error';
+import { ChatTimer } from './chat-timer';
+export const ChatNotifications = observer(() => {
+    const [chatUiStore] = useDependencies(CHAT_UI_STORE_TOKEN);
+    return (_jsxs(Flex, { direction: "column", gap: "4", "data-cy": "titan-chat-notifications", children: [chatUiStore.timer && !chatUiStore.isError && _jsx(ChatTimer, {}), chatUiStore.isError && _jsx(ChatError, {})] }));
+});
+//# sourceMappingURL=chat-notifications.js.map

package/dist/components/chat/chat-notifications.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-notifications.js","sourceRoot":"","sources":["../../../src/components/chat/chat-notifications.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAIzC,MAAM,CAAC,MAAM,iBAAiB,GAAgC,QAAQ,CAAC,GAAG,EAAE;IACxE,MAAM,CAAC,WAAW,CAAC,GAAG,eAAe,CAAC,mBAAmB,CAAC,CAAC;IAC3D,OAAO,CACH,MAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,GAAG,aAAS,0BAA0B,aAC9D,WAAW,CAAC,KAAK,IAAI,CAAC,WAAW,CAAC,OAAO,IAAI,KAAC,SAAS,KAAG,EAC1D,WAAW,CAAC,OAAO,IAAI,KAAC,SAAS,KAAG,IAClC,CACV,CAAC;AACN,CAAC,CAAC,CAAC"}

package/dist/components/chat/chat-timer.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+export declare const ChatTimer: FC;
+//# sourceMappingURL=chat-timer.d.ts.map

package/dist/components/chat/chat-timer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-timer.d.ts","sourceRoot":"","sources":["../../../src/components/chat/chat-timer.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,EAAE,EAAe,MAAM,OAAO,CAAC;AAGxC,eAAO,MAAM,SAAS,EAAE,EA0BtB,CAAC"}

package/dist/components/chat/chat-timer.js

@@ -0,0 +1,18 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Announcement, Link, Text } from '@servicetitan/anvil2';
+import { useDependencies } from '@servicetitan/react-ioc';
+import { CHAT_UI_STORE_TOKEN } from '@servicetitan/titan-chat-ui-common';
+import { observer } from 'mobx-react';
+import { useCallback } from 'react';
+import * as Styles from './chat-timer.module.less';
+export const ChatTimer = observer(() => {
+    var _a, _b;
+    const [chatUiStore] = useDependencies(CHAT_UI_STORE_TOKEN);
+    const secondsLeft = (_b = (_a = chatUiStore.timer) === null || _a === void 0 ? void 0 : _a.secondsLeft) !== null && _b !== void 0 ? _b : 0;
+    const restartTimers = useCallback(() => chatUiStore.restartTimers(), [chatUiStore]);
+    if (!chatUiStore.timer) {
+        return null;
+    }
+    return (_jsxs(Announcement, { status: "info", title: "Chat inactive", className: Styles.banner, "data-cy": "titan-chat-timer", children: [_jsxs(Text, { variant: "body", children: ['Are you still there? Please respond within ', _jsxs("b", { children: [secondsLeft, "s"] }), ' or this chat will time out.'] }), _jsx(Link, { onClick: restartTimers, appearance: "secondary", "data-cy": "titan-chat-timer-restart", children: "I'm here" })] }));
+});
+//# sourceMappingURL=chat-timer.js.map

package/dist/components/chat/chat-timer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-timer.js","sourceRoot":"","sources":["../../../src/components/chat/chat-timer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAM,WAAW,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,KAAK,MAAM,MAAM,0BAA0B,CAAC;AAEnD,MAAM,CAAC,MAAM,SAAS,GAAO,QAAQ,CAAC,GAAG,EAAE;;IACvC,MAAM,CAAC,WAAW,CAAC,GAAG,eAAe,CAAC,mBAAmB,CAAC,CAAC;IAC3D,MAAM,WAAW,GAAG,MAAA,MAAA,WAAW,CAAC,KAAK,0CAAE,WAAW,mCAAI,CAAC,CAAC;IAExD,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,aAAa,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAEpF,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC;QACrB,OAAO,IAAI,CAAC;IAChB,CAAC;IACD,OAAO,CACH,MAAC,YAAY,IACT,MAAM,EAAC,MAAM,EACb,KAAK,EAAC,eAAe,EACrB,SAAS,EAAE,MAAM,CAAC,MAAM,aAChB,kBAAkB,aAE1B,MAAC,IAAI,IAAC,OAAO,EAAC,MAAM,aACf,6CAA6C,EAC9C,wBAAI,WAAW,SAAM,EACpB,8BAA8B,IAC5B,EACP,KAAC,IAAI,IAAC,OAAO,EAAE,aAAa,EAAE,UAAU,EAAC,WAAW,aAAS,0BAA0B,yBAEhF,IACI,CAClB,CAAC;AACN,CAAC,CAAC,CAAC"}

package/dist/components/chat/chat-timer.module.less

@@ -0,0 +1,5 @@
+@import '@servicetitan/tokens/dist/tokens.less';
+
+.banner {
+    border: 0 !important;
+}

package/dist/components/chat/chat.d.ts

@@ -0,0 +1,8 @@
+import { ChatCustomizations } from '@servicetitan/titan-chat-ui-common';
+import { FC } from 'react';
+export interface IChatProps {
+    className?: string;
+    customizations?: ChatCustomizations;
+}
+export declare const Chat: FC<IChatProps>;
+//# sourceMappingURL=chat.d.ts.map

package/dist/components/chat/chat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat.d.ts","sourceRoot":"","sources":["../../../src/components/chat/chat.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAuB,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AAE7F,OAAO,EAAE,EAAE,EAA+B,MAAM,OAAO,CAAC;AAOxD,MAAM,WAAW,UAAU;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,kBAAkB,CAAC;CACvC;AAED,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,UAAU,CA2C9B,CAAC"}

package/dist/components/chat/chat.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Flex } from '@servicetitan/anvil2';
+import { useDependencies } from '@servicetitan/react-ioc';
+import { CHAT_UI_STORE_TOKEN } from '@servicetitan/titan-chat-ui-common';
+import { observer } from 'mobx-react';
+import { Fragment, useEffect, useRef } from 'react';
+import { ChatConnecting } from './chat-connecting';
+import { ChatInput } from './chat-input';
+import { ChatInputFile } from './chat-input-file';
+import { ChatMessages } from './chat-messages';
+import { ChatNotifications } from './chat-notifications';
+export const Chat = observer(({ className, customizations }) => {
+    var _a, _b;
+    const scrollRef = useRef(null);
+    const [chatUiStore] = useDependencies(CHAT_UI_STORE_TOKEN);
+    const footerComponent = customizations === null || customizations === void 0 ? void 0 : customizations.footerComponent;
+    const loadingComponent = customizations === null || customizations === void 0 ? void 0 : customizations.loadingComponent;
+    useEffect(() => {
+        chatUiStore.setCustomizationContext(customizations);
+    }, [chatUiStore, customizations]);
+    useEffect(() => {
+        setTimeout(() => {
+            if (scrollRef.current) {
+                scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
+            }
+        }, 0);
+    }, [chatUiStore.scrollCounter]);
+    return (_jsx(Flex, { direction: "column", className: className, "data-cy": "titan-chat", children: chatUiStore.isStarting ? ((loadingComponent !== null && loadingComponent !== void 0 ? loadingComponent : _jsx(ChatConnecting, { className: "p-x-3 p-y-2" }))) : (_jsxs(Fragment, { children: [_jsx("div", { ref: scrollRef, className: "p-x-3 p-y-2 flex-grow-1 of-y-auto", children: _jsx(ChatMessages, { messages: chatUiStore.messages, showTypingIndicator: chatUiStore.isAgentTyping }) }), _jsx(ChatNotifications, {}), !((_b = (_a = chatUiStore.customizations) === null || _a === void 0 ? void 0 : _a.input) === null || _b === void 0 ? void 0 : _b.isDisabled) && (_jsxs(Flex, { className: "p-x-3 p-y-2", direction: "column", gap: "4", children: [_jsx(ChatInputFile, { className: "p-2 box-sizing-border-box border-radius-1 border border-style-dashed" }), _jsx(ChatInput, {}), Boolean(footerComponent) && footerComponent] }))] })) }));
+});
+//# sourceMappingURL=chat.js.map

package/dist/components/chat/chat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat.js","sourceRoot":"","sources":["../../../src/components/chat/chat.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAsB,MAAM,oCAAoC,CAAC;AAC7F,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAM,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAOzD,MAAM,CAAC,MAAM,IAAI,GAAmB,QAAQ,CAAC,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,EAAE,EAAE;;IAC3E,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC/C,MAAM,CAAC,WAAW,CAAC,GAAG,eAAe,CAAC,mBAAmB,CAAC,CAAC;IAE3D,MAAM,eAAe,GAAG,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,eAAe,CAAC;IACxD,MAAM,gBAAgB,GAAG,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,gBAAgB,CAAC;IAE1D,SAAS,CAAC,GAAG,EAAE;QACX,WAAW,CAAC,uBAAuB,CAAC,cAAc,CAAC,CAAC;IACxD,CAAC,EAAE,CAAC,WAAW,EAAE,cAAc,CAAC,CAAC,CAAC;IAElC,SAAS,CAAC,GAAG,EAAE;QACX,UAAU,CAAC,GAAG,EAAE;YACZ,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;gBACpB,SAAS,CAAC,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC,OAAO,CAAC,YAAY,CAAC;YACjE,CAAC;QACL,CAAC,EAAE,CAAC,CAAC,CAAC;IACV,CAAC,EAAE,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC;IAEhC,OAAO,CACH,KAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAE,SAAS,aAAU,YAAY,YAC9D,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,CACtB,CAAC,gBAAgB,aAAhB,gBAAgB,cAAhB,gBAAgB,GAAI,KAAC,cAAc,IAAC,SAAS,EAAC,aAAa,GAAG,CAAC,CACnE,CAAC,CAAC,CAAC,CACA,MAAC,QAAQ,eACL,cAAK,GAAG,EAAE,SAAS,EAAE,SAAS,EAAC,mCAAmC,YAC9D,KAAC,YAAY,IACT,QAAQ,EAAE,WAAW,CAAC,QAAQ,EAC9B,mBAAmB,EAAE,WAAW,CAAC,aAAa,GAChD,GACA,EACN,KAAC,iBAAiB,KAAG,EACpB,CAAC,CAAA,MAAA,MAAA,WAAW,CAAC,cAAc,0CAAE,KAAK,0CAAE,UAAU,CAAA,IAAI,CAC/C,MAAC,IAAI,IAAC,SAAS,EAAC,aAAa,EAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,GAAG,aACpD,KAAC,aAAa,IAAC,SAAS,EAAC,sEAAsE,GAAG,EAClG,KAAC,SAAS,KAAG,EACZ,OAAO,CAAC,eAAe,CAAC,IAAI,eAAe,IACzC,CACV,IACM,CACd,GACE,CACV,CAAC;AACN,CAAC,CAAC,CAAC"}

package/dist/components/common/multiline-text.d.ts

@@ -0,0 +1,9 @@
+import { TextProps } from '@servicetitan/anvil2';
+import { FC } from 'react';
+type MultilineTextProps = TextProps & {
+    text: string;
+    className?: string;
+};
+export declare const MultilineText: FC<MultilineTextProps>;
+export {};
+//# sourceMappingURL=multiline-text.d.ts.map

package/dist/components/common/multiline-text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"multiline-text.d.ts","sourceRoot":"","sources":["../../../src/components/common/multiline-text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEvD,OAAO,EAAE,EAAE,EAAqB,MAAM,OAAO,CAAC;AAG9C,KAAK,kBAAkB,GAAG,SAAS,GAAG;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAmBhD,CAAC"}

package/dist/components/common/multiline-text.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text } from '@servicetitan/anvil2';
+import classNames from 'classnames';
+import { Fragment, useMemo } from 'react';
+import * as Styles from './multiline-text.module.less';
+export const MultilineText = ({ className, text, ...rest }) => {
+    const textParts = useMemo(() => text.split('\n'), [text]);
+    return (_jsx(Fragment, { children: textParts.map((part, index) => {
+            return (_jsx(Text, { variant: "body", ...rest, className: classNames(Styles.multilineText, className), children: part.trim() ? part : _jsx("span", { children: "\u00A0" }) }, index));
+        }) }));
+};
+//# sourceMappingURL=multiline-text.js.map

package/dist/components/common/multiline-text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"multiline-text.js","sourceRoot":"","sources":["../../../src/components/common/multiline-text.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAa,MAAM,sBAAsB,CAAC;AACvD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAM,QAAQ,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,KAAK,MAAM,MAAM,8BAA8B,CAAC;AAOvD,MAAM,CAAC,MAAM,aAAa,GAA2B,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAClF,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAC1D,OAAO,CACH,KAAC,QAAQ,cACJ,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YAC3B,OAAO,CACH,KAAC,IAAI,IACD,OAAO,EAAC,MAAM,KAGV,IAAI,EACR,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,aAAa,EAAE,SAAS,CAAC,YAErD,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,oCAAmB,IAJpC,KAAK,CAKP,CACV,CAAC;QACN,CAAC,CAAC,GACK,CACd,CAAC;AACN,CAAC,CAAC"}

package/dist/components/common/multiline-text.module.less

@@ -0,0 +1,9 @@
+@import '@servicetitan/tokens/core/tokens.less';
+
+p.multiline-text:first-child {
+    margin-top: @spacing-0;
+}
+
+p.multiline-text:last-child {
+    margin-bottom: @spacing-0;
+}

package/dist/components/message-content/message-content-file.d.ts

@@ -0,0 +1,8 @@
+import { ChatMessageModelFile } from '@servicetitan/titan-chat-ui-common';
+import { FC } from 'react';
+interface IMessageContentFileProps {
+    message: ChatMessageModelFile;
+}
+export declare const MessageContentFile: FC<IMessageContentFileProps>;
+export {};
+//# sourceMappingURL=message-content-file.d.ts.map

package/dist/components/message-content/message-content-file.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-content-file.d.ts","sourceRoot":"","sources":["../../../src/components/message-content/message-content-file.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAoB,MAAM,oCAAoC,CAAC;AAE5F,OAAO,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AAErC,UAAU,wBAAwB;IAC9B,OAAO,EAAE,oBAAoB,CAAC;CACjC;AAED,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,wBAAwB,CAiB1D,CAAC"}

package/dist/components/message-content/message-content-file.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Flex, Icon, Text } from '@servicetitan/anvil2';
+import IconFileAttach from '@servicetitan/anvil2/assets/icons/material/round/file_upload.svg';
+import { ChatMessageState } from '@servicetitan/titan-chat-ui-common';
+import { observer } from 'mobx-react';
+import { Fragment } from 'react';
+export const MessageContentFile = observer(({ message }) => {
+    const isDelivering = message.state === ChatMessageState.Delivering;
+    const isDelivered = message.state === ChatMessageState.Delivered;
+    return (_jsxs(Fragment, { children: [_jsxs(Flex, { direction: "row", gap: "2", alignItems: "center", children: [_jsx(Icon, { svg: IconFileAttach }), _jsx("span", { children: message.fileName })] }), (isDelivering || isDelivered) && (_jsx(Text, { variant: "body", size: "small", className: "ta-right", subdued: true, children: isDelivered ? 'File uploaded' : 'Please wait while uploading...' }))] }));
+});
+//# sourceMappingURL=message-content-file.js.map

package/dist/components/message-content/message-content-file.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-content-file.js","sourceRoot":"","sources":["../../../src/components/message-content/message-content-file.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,cAAc,MAAM,kEAAkE,CAAC;AAC9F,OAAO,EAAwB,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AAC5F,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAM,QAAQ,EAAE,MAAM,OAAO,CAAC;AAMrC,MAAM,CAAC,MAAM,kBAAkB,GAAiC,QAAQ,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;IACrF,MAAM,YAAY,GAAG,OAAO,CAAC,KAAK,KAAK,gBAAgB,CAAC,UAAU,CAAC;IACnE,MAAM,WAAW,GAAG,OAAO,CAAC,KAAK,KAAK,gBAAgB,CAAC,SAAS,CAAC;IAEjE,OAAO,CACH,MAAC,QAAQ,eACL,MAAC,IAAI,IAAC,SAAS,EAAC,KAAK,EAAC,GAAG,EAAC,GAAG,EAAC,UAAU,EAAC,QAAQ,aAC7C,KAAC,IAAI,IAAC,GAAG,EAAE,cAAc,GAAI,EAC7B,yBAAO,OAAO,CAAC,QAAQ,GAAQ,IAC5B,EACN,CAAC,YAAY,IAAI,WAAW,CAAC,IAAI,CAC9B,KAAC,IAAI,IAAC,OAAO,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,UAAU,EAAC,OAAO,kBACzD,WAAW,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,gCAAgC,GAC9D,CACV,IACM,CACd,CAAC;AACN,CAAC,CAAC,CAAC"}