@servicetitan/titan-chat-ui-anvil2 3.0.0

package/CHANGELOG.md

@@ -0,0 +1,118 @@
+# v3.0.0 (Tue Jul 15 2025)
+
+#### 💥 Breaking Change
+
+- SPA-6889: Common client interface for HC Chatbot and Titan Chatbot [#28](https://github.com/servicetitan/titan-chatbot-client/pull/28) ([@AlexYarmolchuk](https://github.com/AlexYarmolchuk))
+
+#### Authors: 1
+
+- Alexandr Yarmolchuk ([@AlexYarmolchuk](https://github.com/AlexYarmolchuk))
+
+---
+
+# v2.0.4 (Mon Jun 09 2025)
+
+#### 🐛 Bug Fix
+
+- SPA-6766: Swapped data-cy and data-cy2 for chat message [#22](https://github.com/servicetitan/titan-chatbot-client/pull/22) ([@AlexYarmolchuk](https://github.com/AlexYarmolchuk))
+
+#### Authors: 1
+
+- Alexandr Yarmolchuk ([@AlexYarmolchuk](https://github.com/AlexYarmolchuk))
+
+---
+
+# v2.0.3 (Mon Jun 09 2025)
+
+#### 🐛 Bug Fix
+
+- SPA-6766: Reorganized packages [#21](https://github.com/servicetitan/titan-chatbot-client/pull/21) ([@AlexYarmolchuk](https://github.com/AlexYarmolchuk))
+
+#### Authors: 1
+
+- Alexandr Yarmolchuk ([@AlexYarmolchuk](https://github.com/AlexYarmolchuk))
+
+---
+
+# v2.0.2 (Mon Jun 09 2025)
+
+#### 🐛 Bug Fix
+
+- SPA-6766: Changed local import [#18](https://github.com/servicetitan/titan-chatbot-client/pull/18) ([@AlexYarmolchuk](https://github.com/AlexYarmolchuk))
+- SPA-6766: [Chat/Chatbot package] Create missing unit and cypress comp… [#17](https://github.com/servicetitan/titan-chatbot-client/pull/17) ([@AlexYarmolchuk](https://github.com/AlexYarmolchuk))
+
+#### Authors: 1
+
+- Alexandr Yarmolchuk ([@AlexYarmolchuk](https://github.com/AlexYarmolchuk))
+
+---
+
+# v2.0.1 (Tue Jun 03 2025)
+
+#### 🐛 Bug Fix
+
+- SPA-6767: [Help Center] Utilize chat/chatbot UI packages in the HC [#14](https://github.com/servicetitan/titan-chatbot-client/pull/14) ([@AlexYarmolchuk](https://github.com/AlexYarmolchuk))
+
+#### Authors: 1
+
+- Alexandr Yarmolchuk ([@AlexYarmolchuk](https://github.com/AlexYarmolchuk))
+
+---
+
+# v2.0.0 (Mon Jun 02 2025)
+
+#### 💥 Breaking Change
+
+- SPA-6767: [Help Center] Utilize chat/chatbot UI packages in the HC [#13](https://github.com/servicetitan/titan-chatbot-client/pull/13) ([@AlexYarmolchuk](https://github.com/AlexYarmolchuk))
+
+#### Authors: 1
+
+- Alexandr Yarmolchuk ([@AlexYarmolchuk](https://github.com/AlexYarmolchuk))
+
+---
+
+# v1.1.2 (Wed May 21 2025)
+
+#### 🐛 Bug Fix
+
+- SPA-5484 [#10](https://github.com/servicetitan/titan-chatbot-client/pull/10) ([@AlexYarmolchuk](https://github.com/AlexYarmolchuk))
+
+#### Authors: 1
+
+- Alexandr Yarmolchuk ([@AlexYarmolchuk](https://github.com/AlexYarmolchuk))
+
+---
+
+# v1.1.1 (Tue May 13 2025)
+
+#### 🐛 Bug Fix
+
+- SPA-5484: Move chatbot stores into the package [#8](https://github.com/servicetitan/titan-chatbot-client/pull/8) ([@AlexYarmolchuk](https://github.com/AlexYarmolchuk))
+
+#### Authors: 1
+
+- Alexandr Yarmolchuk ([@AlexYarmolchuk](https://github.com/AlexYarmolchuk))
+
+---
+
+# v1.1.0 (Tue May 13 2025)
+
+#### 🚀 Enhancement
+
+- SPA-5484: Improved error handling [#7](https://github.com/servicetitan/titan-chatbot-client/pull/7) ([@AlexYarmolchuk](https://github.com/AlexYarmolchuk))
+
+#### Authors: 1
+
+- Alexandr Yarmolchuk ([@AlexYarmolchuk](https://github.com/AlexYarmolchuk))
+
+---
+
+# v0.0.0 (Mon May 12 2025)
+
+#### ⚠️ Pushed to `master`
+
+Initial commit!
+
+#### Authors: 1
+
+- Alexandr Yarmolchuk ([@AlexYarmolchuk](https://github.com/AlexYarmolchuk))

package/README.md

@@ -0,0 +1,15 @@
+# ServiceTitan Chat UI
+
+This package contains the React components and hooks for the ServiceTitan Chat UI.
+
+## Installation
+
+```bash
+npm install @servicetitan/titan-chat-ui
+```
+
+## Description
+
+This package provides a set of React components and hooks for building chat interfaces in ServiceTitan applications. It is designed to be used with the ServiceTitan Chatbot Client and provides a consistent look and feel across different chat interfaces.
+
+The components are based on the ServiceTitan design system and are built to be easily customizable and extensible.

package/dist/assets/floating-chat-avatar.svg

@@ -0,0 +1,16 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 0 24 0C10.7452 0 0 10.7452 0 24C0 37.2548 10.7452 48 24 48Z" fill="url(#paint0_linear_11705_2385)"/>
+    <path d="M36 26.8983V33.0158C36 33.7621 35.6 34.4019 34.9333 34.7351C33.36 35.5081 30.36 37.0141 28.2667 38.0537C27.5067 38.4136 26.8667 38.7334 26.4533 38.96C26.4 38.9867 26.3333 39 26.28 39H26.2667C26.2667 39 26.2267 39 26.2 38.9867C26.0267 38.9467 25.9067 38.7868 25.9067 38.6135V31.4831C25.9067 31.2698 26.0533 31.0699 26.2667 31.0299H27.4667C30.3333 31.0299 32.6667 28.7109 32.6667 25.832V25.5655C32.6667 22.7 30.3333 20.3676 27.4667 20.3676H20.5333C17.6667 20.3676 15.3333 22.7 15.3333 25.5655V25.832C15.3333 28.7109 17.6667 31.0299 20.5333 31.0299H22.08C22.2933 31.0699 22.44 31.2698 22.44 31.4697V38.5868C22.44 38.7468 22.3467 38.88 22.2 38.9334C22.1867 38.9467 22.16 38.96 22.1333 38.96C22.0667 38.9867 21.9733 38.9733 21.8933 38.92L20.9333 38.4536L19.2933 37.6406L13.0667 34.5351C12.4133 34.2153 12 33.5489 12 32.8292V27.0182C12 25.6588 12.24 24.326 12.6667 23.0865C12.72 22.9399 12.7733 22.7533 12.8267 22.6067C12.8267 22.6067 12.8311 22.5978 12.84 22.58C14.1467 19.3147 16.8 16.769 20.12 15.6362C20.2133 15.6095 20.3067 15.5695 20.4 15.5562C21.32 15.2497 22.28 15.0897 23.28 15.0364C23.6133 15.0098 23.9333 15.0098 24.2667 15.0098C25.5067 15.0364 26.6933 15.223 27.7867 15.6095C27.8133 15.6228 27.84 15.6228 27.8667 15.6362C29.64 16.2226 31.2 17.1955 32.4933 18.4883C33.6533 19.6345 34.5733 21.034 35.2 22.58C35.7067 23.9128 36 25.3789 36 26.8983Z" fill="white"/>
+    <path d="M40 23.4735V30.6572C40 30.8838 39.8267 31.057 39.6 31.057H37.84V26.8854C37.84 25.366 37.5867 23.8866 37.1467 22.5272V20.6479C37.1467 19.7816 36.84 18.9819 36.48 18.1956C36.3867 17.9824 36.3333 17.7425 36.3333 17.4892C36.3333 16.5696 37.08 15.8232 38 15.8232C38.92 15.8232 39.6667 16.5696 39.6667 17.4892C39.6667 17.7425 39.6 17.9824 39.5067 18.1956C39.1333 18.9953 38.8133 19.8216 38.8133 20.7146V23.0603H39.6C39.8267 23.0603 40 23.2469 40 23.4735Z" fill="white"/>
+    <path d="M11.6667 17.4756C11.6667 17.7288 11.6133 17.9687 11.52 18.1819C11.16 18.9683 10.8533 19.768 10.8533 20.6343V22.7401C10.4133 24.0862 10.16 25.5256 10.16 27.005V31.0434H8.4C8.17333 31.0434 8 30.8701 8 30.6435V23.4598C8 23.2332 8.17333 23.0466 8.4 23.0466H9.18667V20.7009C9.18667 19.8079 8.86667 18.9816 8.49333 18.1819C8.4 17.9687 8.33333 17.7288 8.33333 17.4756C8.33333 16.5559 9.08 15.8096 10 15.8096C10.92 15.8096 11.6667 16.5559 11.6667 17.4756Z" fill="white"/>
+    <path d="M19.0666 27.2987C19.8987 27.2987 20.5732 26.6244 20.5732 25.7926C20.5732 24.9609 19.8987 24.2866 19.0666 24.2866C18.2345 24.2866 17.5599 24.9609 17.5599 25.7926C17.5599 26.6244 18.2345 27.2987 19.0666 27.2987Z" fill="white"/>
+    <path d="M24.0002 27.2987C24.8323 27.2987 25.5068 26.6244 25.5068 25.7926C25.5068 24.9609 24.8323 24.2866 24.0002 24.2866C23.168 24.2866 22.4935 24.9609 22.4935 25.7926C22.4935 26.6244 23.168 27.2987 24.0002 27.2987Z" fill="white"/>
+    <path d="M28.9334 27.2851C29.7582 27.2851 30.4268 26.6167 30.4268 25.7923C30.4268 24.9679 29.7582 24.2996 28.9334 24.2996C28.1087 24.2996 27.4401 24.9679 27.4401 25.7923C27.4401 26.6167 28.1087 27.2851 28.9334 27.2851Z" fill="white"/>
+    <path d="M27.7071 7.87964C27.8537 7.45315 27.5204 7 27.0671 7H24L22.6667 10.3333L21.3333 7H20.9337C20.4671 7 20.1471 7.43982 20.2937 7.87964L22.1204 13.3441C22.4671 13.2908 22.8137 13.2641 23.1737 13.2508C23.5604 13.2108 23.9204 13.2108 24.3071 13.2108C24.8404 13.2241 25.3604 13.2641 25.8804 13.3441L27.7071 7.87964Z" fill="white"/>
+    <defs>
+        <linearGradient id="paint0_linear_11705_2385" x1="24.0002" y1="0" x2="24.0002" y2="48" gradientUnits="userSpaceOnUse">
+            <stop offset="0.145833" stop-color="#8473E6"/>
+            <stop offset="0.942708" stop-color="#2671EE"/>
+        </linearGradient>
+    </defs>
+</svg>

package/dist/components/chat/__tests-cy__/chat-messages.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=chat-messages.test.d.ts.map

package/dist/components/chat/__tests-cy__/chat-messages.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-messages.test.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/__tests-cy__/chat-messages.test.tsx"],"names":[],"mappings":""}

package/dist/components/chat/__tests-cy__/chat-messages.test.js

@@ -0,0 +1,95 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Provider } from '@servicetitan/react-ioc';
+import { CHAT_UI_STORE_TOKEN, mockChatMessageModelText } from '@servicetitan/titan-chat-ui-common';
+import { ChatUiSelectors, CypressMocks } from '@servicetitan/titan-chatbot-ui-cypress';
+import { mount } from 'cypress/react';
+import { ChatMessages } from '../chat-messages';
+describe('[ChatMessages]', () => {
+    let storeMock;
+    beforeEach(() => {
+        cy.viewport(780, 600);
+        cy.clock(new Date('2023-10-01T10:10:00Z').getTime());
+        storeMock = new CypressMocks.ChatUiStoreMock();
+    });
+    const render = () => {
+        return mount(_jsx(Provider, { singletons: [
+                {
+                    provide: CHAT_UI_STORE_TOKEN,
+                    useValue: storeMock,
+                },
+            ], children: _jsx(ChatMessages, { messages: storeMock.messages }) }));
+    };
+    it('should render default chat', () => {
+        render();
+        ChatUiSelectors.chatMessages.should('be.visible');
+        ChatUiSelectors.chatMessage.should('have.length', 2);
+    });
+    it('should render several consecutive agent messages without extra avatars', () => {
+        storeMock.messages = [
+            mockChatMessageModelText(true, {
+                id: 'id1',
+                timestamp: new Date('2023-01-01T10:10:00Z'),
+                message: 'Hello, this is the first message',
+            }),
+            mockChatMessageModelText(true, {
+                id: 'id2',
+                message: 'Hello, this is the second message. '.repeat(5).trim(),
+                timestamp: new Date('2023-01-01T10:10:59.999Z'),
+            }),
+            mockChatMessageModelText(true, {
+                id: 'id3',
+                message: 'Hello, this is the third message',
+                timestamp: new Date('2023-01-01T10:11:00Z'),
+            }),
+            mockChatMessageModelText(true, {
+                id: 'id4',
+                message: 'Hello, this is the forth message',
+                timestamp: new Date('2023-01-01T10:11:01Z'),
+            }),
+            mockChatMessageModelText(false, {
+                id: 'id11',
+                timestamp: new Date('2023-01-01T11:10:00Z'),
+                message: 'Hello, this is the first message',
+            }),
+            mockChatMessageModelText(false, {
+                id: 'id22',
+                message: 'Hello, this is the second message',
+                timestamp: new Date('2023-01-01T11:11:00Z'),
+            }),
+            mockChatMessageModelText(false, {
+                id: 'id33',
+                message: 'Hello, this is the third message',
+                timestamp: new Date('2023-01-01T11:12:00Z'),
+            }),
+            mockChatMessageModelText(false, {
+                id: 'id44',
+                message: 'Hello, this is the forth message',
+                timestamp: new Date('2023-01-01T11:12:01Z'),
+            }),
+        ];
+        render();
+        const getTimestamp = (i) => ChatUiSelectors.chatMessage
+            .eq(i)
+            .find(`[data-cy="${ChatUiSelectors.cy.chatMessageFooter}"]`);
+        ChatUiSelectors.chatMessageAgent.should('have.length', 4);
+        ChatUiSelectors.chatMessageUser.should('have.length', 4);
+        // Agent avatar should be visible only for the first message in group
+        const getAvatar = (i) => ChatUiSelectors.chatMessageAgent
+            .find(`[data-cy="${ChatUiSelectors.cy.chatAvatar}"]`)
+            .eq(i);
+        getAvatar(0).should('be.visible');
+        getAvatar(1).should('not.exist');
+        getAvatar(2).should('not.exist');
+        getAvatar(3).should('not.exist');
+        // Footer with date should be visible only for the different formatted timestamps
+        getTimestamp(0).should('not.exist');
+        getTimestamp(1).should('be.visible').should('contain.text', 'agent • 10:10 AM');
+        getTimestamp(2).should('not.exist');
+        getTimestamp(3).should('be.visible').should('contain.text', 'agent • 10:11 AM');
+        getTimestamp(4).should('be.visible').should('contain.text', '11:10 AM');
+        getTimestamp(5).should('be.visible').should('contain.text', '11:11 AM');
+        getTimestamp(6).should('not.exist');
+        getTimestamp(7).should('be.visible').should('contain.text', '11:12 AM');
+    });
+});
+//# sourceMappingURL=chat-messages.test.js.map

package/dist/components/chat/__tests-cy__/chat-messages.test.js.map

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

package/dist/components/chat/__tests-cy__/chat.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=chat.test.d.ts.map

package/dist/components/chat/__tests-cy__/chat.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat.test.d.ts","sourceRoot":"","sources":["../../../../src/components/chat/__tests-cy__/chat.test.tsx"],"names":[],"mappings":""}

package/dist/components/chat/__tests-cy__/chat.test.js

@@ -0,0 +1,130 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { AnvilProvider } from '@servicetitan/anvil2';
+import { Container, provide, useDependencies } from '@servicetitan/react-ioc';
+import { CHAT_UI_BACKEND_STORE_TOKEN, CHAT_UI_STORE_TOKEN, ChatParticipantIcon, ChatUiBackendEchoStore, ChatUiStore, } from '@servicetitan/titan-chat-ui-common';
+import { ChatUiSelectors } from '@servicetitan/titan-chatbot-ui-cypress';
+import { mount as cyMount } from 'cypress/react';
+import { useEffect } from 'react';
+import { Chat } from '../chat';
+const mount = (children) => {
+    return cyMount(_jsx(AnvilProvider, { children: children }));
+};
+const initContainer = () => {
+    const rootContainer = new Container();
+    const container = new Container();
+    container.parent = rootContainer;
+    container.bind(CHAT_UI_STORE_TOKEN).to(ChatUiStore).inSingletonScope();
+    container
+        .bind(CHAT_UI_BACKEND_STORE_TOKEN)
+        .to(ChatUiBackendEchoStore)
+        .inSingletonScope();
+    return container;
+};
+describe('[Chat]', () => {
+    let container;
+    let chatUiStore;
+    let chatUiBackendStore;
+    beforeEach(() => {
+        container = initContainer();
+        chatUiStore = container.get(CHAT_UI_STORE_TOKEN);
+        chatUiBackendStore = container.get(CHAT_UI_BACKEND_STORE_TOKEN);
+        cy.viewport(780, 800);
+        cy.clock(Date.parse('2023-10-01T00:00:00Z'));
+    });
+    const render = () => {
+        const ChatWrapper = provide({
+            singletons: [
+                {
+                    provide: CHAT_UI_STORE_TOKEN,
+                    useValue: chatUiStore,
+                },
+                {
+                    provide: CHAT_UI_BACKEND_STORE_TOKEN,
+                    useValue: chatUiBackendStore,
+                },
+            ],
+        })(() => {
+            const [chatUiStore, chatUiBackendStore] = useDependencies(CHAT_UI_STORE_TOKEN, CHAT_UI_BACKEND_STORE_TOKEN);
+            useEffect(() => {
+                const init = async () => {
+                    chatUiBackendStore.subscribe();
+                    await chatUiStore.run({
+                        agentName: 'EchoBot',
+                        agentIcon: ChatParticipantIcon.Bot,
+                    });
+                };
+                init().then(() => { });
+                return () => chatUiBackendStore.unsubscribe();
+            }, [chatUiStore, chatUiBackendStore]);
+            return _jsx(Chat, { className: "h-100vh max-h-100vh" });
+        });
+        cy.spy(chatUiStore, 'run').as('runSpy');
+        mount(_jsx(ChatWrapper, {}));
+        ChatUiSelectors.chatConnecting.should('be.visible');
+        cy.tick(1000);
+        return cy.wrap(new Promise(resolve => {
+            cy.get('@runSpy')
+                .should('have.been.calledOnce')
+                .then((invocation) => {
+                const initPromise = invocation.firstCall.returnValue;
+                initPromise.then(resolve);
+            });
+        }));
+    };
+    const ask = (message) => {
+        ChatUiSelectors.chatInput.type(`${message}{enter}`);
+    };
+    it('should render default chat', () => {
+        render().then(() => {
+            ChatUiSelectors.chatMessages.should('be.visible');
+            ChatUiSelectors.chatMessageAgent.should('have.length', 1).should('be.visible');
+            ChatUiSelectors.chatMessageContentAgent
+                .should('be.visible')
+                .should('contain.text', "Hello! I'm generic echo bot. I can echo your messages. Try it out!");
+            ChatUiSelectors.chatNotifications.should('exist');
+            ChatUiSelectors.chatSend.should('be.visible').should('be.disabled');
+            ChatUiSelectors.chatInput.should('be.visible').should('not.be.disabled');
+            ChatUiSelectors.chatInput.type('Hello');
+            ChatUiSelectors.chatSend.click();
+            ChatUiSelectors.chatMessageUser
+                .should('be.visible')
+                .should('have.length', 1)
+                .should('contain.text', 'Hello');
+            ChatUiSelectors.chatMessageTyping.should('be.visible');
+            ChatUiSelectors.chatMessageAgent.should('have.length', 1);
+            cy.tick(1000);
+            ChatUiSelectors.chatMessageTyping.should('not.exist');
+            ChatUiSelectors.chatMessageAgent.should('have.length', 2);
+        });
+    });
+    it('should render chat error message', () => {
+        render().then(() => {
+            chatUiStore.setTimer({ secondsTotal: 100, secondsLeft: 10 });
+            chatUiStore.setError('error message', {
+                title: 'Custom Error',
+                recoverStrategy: {
+                    recoverButtonTitle: 'Recover button title',
+                },
+            });
+            ChatUiSelectors.chatTimer.should('not.exist');
+            ChatUiSelectors.chatError.should('be.visible');
+        });
+    });
+    it('should handle send message error and retry', () => {
+        render().then(() => {
+            ask('[Error]Custom error message');
+            cy.tick(1000);
+            // Check error message
+            ChatUiSelectors.chatMessageError
+                .should('be.visible')
+                .should('contain.text', 'Message not delivered. Retry');
+            ChatUiSelectors.chatError
+                .should('be.visible')
+                .should('contain.text', ['Custom Error Title', 'Custom error message'].join(''));
+            // Retry message
+            ChatUiSelectors.chatMessageErrorRetry.should('be.visible').click();
+            cy.tick(1000);
+        });
+    });
+});
+//# sourceMappingURL=chat.test.js.map

package/dist/components/chat/__tests-cy__/chat.test.js.map

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

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

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+interface IChatConnectingProps {
+    className?: string;
+}
+export declare const ChatConnecting: FC<IChatConnectingProps>;
+export {};
+//# sourceMappingURL=chat-connecting.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chat-connecting.d.ts","sourceRoot":"","sources":["../../../src/components/chat/chat-connecting.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,UAAU,oBAAoB;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,oBAAoB,CAenD,CAAC"}

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

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Flex, Spinner, Text } from '@servicetitan/anvil2';
+export const ChatConnecting = ({ className }) => {
+    return (_jsx(Flex, { direction: "column", gap: "4", alignItems: "center", className: className, "data-cy": "titan-chat-connecting", children: _jsxs(Flex, { direction: "row", gap: "4", alignItems: "center", children: [_jsx(Spinner, {}), _jsx(Text, { className: "c-neutral-100", children: "Starting..." })] }) }));
+};
+//# sourceMappingURL=chat-connecting.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chat-connecting.js","sourceRoot":"","sources":["../../../src/components/chat/chat-connecting.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAO3D,MAAM,CAAC,MAAM,cAAc,GAA6B,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE;IACtE,OAAO,CACH,KAAC,IAAI,IACD,SAAS,EAAC,QAAQ,EAClB,GAAG,EAAC,GAAG,EACP,UAAU,EAAC,QAAQ,EACnB,SAAS,EAAE,SAAS,aACZ,uBAAuB,YAE/B,MAAC,IAAI,IAAC,SAAS,EAAC,KAAK,EAAC,GAAG,EAAC,GAAG,EAAC,UAAU,EAAC,QAAQ,aAC7C,KAAC,OAAO,KAAG,EACX,KAAC,IAAI,IAAC,SAAS,EAAC,eAAe,4BAAmB,IAC/C,GACJ,CACV,CAAC;AACN,CAAC,CAAC"}

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

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

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

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

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

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Announcement, Button } 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 { MultilineText } from '../common/multiline-text';
+import * as Styles from './chat-error.module.less';
+export const ChatError = observer(() => {
+    const [chatUiStore] = useDependencies(CHAT_UI_STORE_TOKEN);
+    const { error } = chatUiStore;
+    const handleReconnect = useCallback(async () => {
+        await chatUiStore.recover();
+    }, [chatUiStore]);
+    if (!error) {
+        return null;
+    }
+    return (_jsxs(Announcement, { status: "danger", title: error.title, className: Styles.banner, "data-cy": "titan-chat-error", children: [_jsx(MultilineText, { text: error.message, "data-cy": "titan-chat-error-text" }), error.recoverStrategy && (_jsx(Button, { className: "m-t-2 bg-white-i", size: "small", onClick: handleReconnect, "data-cy": "titan-chat-error-recover", children: error.recoverStrategy.recoverButtonTitle }))] }));
+});
+//# sourceMappingURL=chat-error.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chat-error.js","sourceRoot":"","sources":["../../../src/components/chat/chat-error.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC5D,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,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,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,EAAE,KAAK,EAAE,GAAG,WAAW,CAAC;IAE9B,MAAM,eAAe,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QAC3C,MAAM,WAAW,CAAC,OAAO,EAAE,CAAC;IAChC,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,IAAI,CAAC,KAAK,EAAE,CAAC;QACT,OAAO,IAAI,CAAC;IAChB,CAAC;IACD,OAAO,CACH,MAAC,YAAY,IACT,MAAM,EAAC,QAAQ,EACf,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,SAAS,EAAE,MAAM,CAAC,MAAM,aAChB,kBAAkB,aAE1B,KAAC,aAAa,IAAC,IAAI,EAAE,KAAK,CAAC,OAAO,aAAU,uBAAuB,GAAG,EACrE,KAAK,CAAC,eAAe,IAAI,CACtB,KAAC,MAAM,IACH,SAAS,EAAC,kBAAkB,EAC5B,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,eAAe,aAChB,0BAA0B,YAEjC,KAAK,CAAC,eAAe,CAAC,kBAAkB,GACpC,CACZ,IACU,CAClB,CAAC;AACN,CAAC,CAAC,CAAC"}

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

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

package/dist/components/chat/chat-input-file.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+export declare const ChatInputFile: FC<{
+    className?: string;
+}>;
+//# sourceMappingURL=chat-input-file.d.ts.map

package/dist/components/chat/chat-input-file.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-input-file.d.ts","sourceRoot":"","sources":["../../../src/components/chat/chat-input-file.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,EAAE,EAAoC,MAAM,OAAO,CAAC;AAE7D,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CA6DnD,CAAC"}

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

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import { Flex, 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, useEffect, useState } from 'react';
+export const ChatInputFile = observer(({ className }) => {
+    const [chatUiStore] = useDependencies(CHAT_UI_STORE_TOKEN);
+    const [fileDescriptor, setFileDescriptor] = useState(undefined);
+    const handleSelected = useCallback((newAttachments) => {
+        const fileDescriptor = {
+            file: newAttachments[0],
+            displayName: newAttachments[0].name,
+        };
+        setFileDescriptor(fileDescriptor);
+        chatUiStore.setFile(fileDescriptor);
+    }, [chatUiStore]);
+    const handleReplace = useCallback(({ newFile }) => {
+        const fileDescriptor = {
+            file: newFile,
+            displayName: newFile.name,
+        };
+        setFileDescriptor(fileDescriptor);
+        chatUiStore.setFile(fileDescriptor);
+    }, [chatUiStore]);
+    const handleDelete = useCallback(() => {
+        setFileDescriptor(undefined);
+        chatUiStore.setFile(undefined);
+    }, [chatUiStore]);
+    useEffect(() => {
+        if (!chatUiStore.file) {
+            setFileDescriptor(undefined);
+        }
+    }, [chatUiStore.file]);
+    if (!chatUiStore.isFilePickerEnabled) {
+        return null;
+    }
+    return (_jsxs(Flex, { className: className, gap: "6", direction: "column", children: [_jsx(Text, { variant: "eyebrow", children: "Upload file" }), "FILE PICKER PLACEHOLDER"] }));
+});
+//# sourceMappingURL=chat-input-file.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chat-input-file.js","sourceRoot":"","sources":["../../../src/components/chat/chat-input-file.tsx"],"names":[],"mappings":";AAAA,sDAAsD;AACtD,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAElD,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,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE7D,MAAM,CAAC,MAAM,aAAa,GAA+B,QAAQ,CAAC,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE;IAChF,MAAM,CAAC,WAAW,CAAC,GAAG,eAAe,CAAC,mBAAmB,CAAC,CAAC;IAC3D,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAA6B,SAAS,CAAC,CAAC;IAE5F,MAAM,cAAc,GAAG,WAAW,CAC9B,CAAC,cAAwB,EAAE,EAAE;QACzB,MAAM,cAAc,GAAmB;YACnC,IAAI,EAAE,cAAc,CAAC,CAAC,CAAC;YACvB,WAAW,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,IAAI;SACtC,CAAC;QACF,iBAAiB,CAAC,cAAc,CAAC,CAAC;QAClC,WAAW,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;IACxC,CAAC,EACD,CAAC,WAAW,CAAC,CAChB,CAAC;IAEF,MAAM,aAAa,GAAG,WAAW,CAC7B,CAAC,EAAE,OAAO,EAA2C,EAAE,EAAE;QACrD,MAAM,cAAc,GAAmB;YACnC,IAAI,EAAE,OAAO;YACb,WAAW,EAAE,OAAO,CAAC,IAAI;SAC5B,CAAC;QACF,iBAAiB,CAAC,cAAc,CAAC,CAAC;QAClC,WAAW,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;IACxC,CAAC,EACD,CAAC,WAAW,CAAC,CAChB,CAAC;IAEF,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,iBAAiB,CAAC,SAAS,CAAC,CAAC;QAC7B,WAAW,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;IACnC,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;YACpB,iBAAiB,CAAC,SAAS,CAAC,CAAC;QACjC,CAAC;IACL,CAAC,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC;IAEvB,IAAI,CAAC,WAAW,CAAC,mBAAmB,EAAE,CAAC;QACnC,OAAO,IAAI,CAAC;IAChB,CAAC;IACD,OAAO,CACH,MAAC,IAAI,IAAC,SAAS,EAAE,SAAS,EAAE,GAAG,EAAC,GAAG,EAAC,SAAS,EAAC,QAAQ,aAClD,KAAC,IAAI,IAAC,OAAO,EAAC,SAAS,4BAAmB,+BAevC,CACV,CAAC;AACN,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+export declare const ChatInput: FC<{
+    className?: string;
+}>;
+//# sourceMappingURL=chat-input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chat-input.d.ts","sourceRoot":"","sources":["../../../src/components/chat/chat-input.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,EAAE,EAA2D,MAAM,OAAO,CAAC;AAMpF,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAmIhD,CAAC"}