@servicetitan/titan-chat-ui-anvil2 7.1.1 → 8.0.0

package/CHANGELOG.md

@@ -1,3 +1,16 @@
+# v8.0.0 (Wed Jun 03 2026)
+
+#### 💥 Breaking Change
+
+- SPA-8584: Upgrade Platform Packages in Titan Chatbot UI [#90](https://github.com/servicetitan/titan-chatbot-client/pull/90) ([@AlexYarmolchuk](https://github.com/AlexYarmolchuk) [@Copilot](https://github.com/Copilot))
+
+#### Authors: 2
+
+- [@Copilot](https://github.com/Copilot)
+- Alexandr Yarmolchuk ([@AlexYarmolchuk](https://github.com/AlexYarmolchuk))
+
+---
+
 # v6.1.1 (Wed May 06 2026)
 
 #### ⚠️ Pushed to `master`

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

@@ -1,6 +1,7 @@
 import { runChatErrorSharedTests } from '@servicetitan/cypress-shared';
 import { ChatError } from '../chat-error';
-describe('ChatError', () => {
+describe('ChatError', ()=>{
     runChatErrorSharedTests(ChatError);
 });
+
 //# sourceMappingURL=chat-error.test.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"chat-error.test.js","sourceRoot":"","sources":["../../../../src/components/chat/__tests-cy__/chat-error.test.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IACvB,uBAAuB,CAAC,SAAS,CAAC,CAAC;AACvC,CAAC,CAAC,CAAC"}
+{"version":3,"sources":["../../../../src/components/chat/__tests-cy__/chat-error.test.tsx"],"sourcesContent":["import { runChatErrorSharedTests } from '@servicetitan/cypress-shared';\nimport { ChatError } from '../chat-error';\n\ndescribe('ChatError', () => {\n    runChatErrorSharedTests(ChatError);\n});\n"],"names":["runChatErrorSharedTests","ChatError","describe"],"mappings":"AAAA,SAASA,uBAAuB,QAAQ,+BAA+B;AACvE,SAASC,SAAS,QAAQ,gBAAgB;AAE1CC,SAAS,aAAa;IAClBF,wBAAwBC;AAC5B"}

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

@@ -1,6 +1,9 @@
 import { runChatInputFileSharedTests } from '@servicetitan/cypress-shared';
 import { ChatInputFile } from '../chat-input-file';
-describe('ChatInputFile', () => {
-    runChatInputFileSharedTests(ChatInputFile, { isAnvil2: true });
+describe('ChatInputFile', ()=>{
+    runChatInputFileSharedTests(ChatInputFile, {
+        isAnvil2: true
+    });
 });
+
 //# sourceMappingURL=chat-input-file.test.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"chat-input-file.test.js","sourceRoot":"","sources":["../../../../src/components/chat/__tests-cy__/chat-input-file.test.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,8BAA8B,CAAC;AAC3E,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC3B,2BAA2B,CAAC,aAAa,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;AACnE,CAAC,CAAC,CAAC"}
+{"version":3,"sources":["../../../../src/components/chat/__tests-cy__/chat-input-file.test.tsx"],"sourcesContent":["import { runChatInputFileSharedTests } from '@servicetitan/cypress-shared';\nimport { ChatInputFile } from '../chat-input-file';\n\ndescribe('ChatInputFile', () => {\n    runChatInputFileSharedTests(ChatInputFile, { isAnvil2: true });\n});\n"],"names":["runChatInputFileSharedTests","ChatInputFile","describe","isAnvil2"],"mappings":"AAAA,SAASA,2BAA2B,QAAQ,+BAA+B;AAC3E,SAASC,aAAa,QAAQ,qBAAqB;AAEnDC,SAAS,iBAAiB;IACtBF,4BAA4BC,eAAe;QAAEE,UAAU;IAAK;AAChE"}

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

@@ -1,6 +1,7 @@
 import { runChatInputSharedTests } from '@servicetitan/cypress-shared';
 import { ChatInput } from '../chat-input';
-describe('ChatInput', () => {
+describe('ChatInput', ()=>{
     runChatInputSharedTests(ChatInput);
 });
+
 //# sourceMappingURL=chat-input.test.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"chat-input.test.js","sourceRoot":"","sources":["../../../../src/components/chat/__tests-cy__/chat-input.test.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IACvB,uBAAuB,CAAC,SAAS,CAAC,CAAC;AACvC,CAAC,CAAC,CAAC"}
+{"version":3,"sources":["../../../../src/components/chat/__tests-cy__/chat-input.test.tsx"],"sourcesContent":["import { runChatInputSharedTests } from '@servicetitan/cypress-shared';\nimport { ChatInput } from '../chat-input';\n\ndescribe('ChatInput', () => {\n    runChatInputSharedTests(ChatInput);\n});\n"],"names":["runChatInputSharedTests","ChatInput","describe"],"mappings":"AAAA,SAASA,uBAAuB,QAAQ,+BAA+B;AACvE,SAASC,SAAS,QAAQ,gBAAgB;AAE1CC,SAAS,aAAa;IAClBF,wBAAwBC;AAC5B"}

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

@@ -1,6 +1,7 @@
 import { runChatLogSharedTests } from '@servicetitan/cypress-shared';
 import { ChatLog } from '../chat-log';
-describe('[ChatLog]', () => {
+describe('[ChatLog]', ()=>{
     runChatLogSharedTests(ChatLog);
 });
+
 //# sourceMappingURL=chat-log.test.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"chat-log.test.js","sourceRoot":"","sources":["../../../../src/components/chat/__tests-cy__/chat-log.test.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAEtC,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IACvB,qBAAqB,CAAC,OAAO,CAAC,CAAC;AACnC,CAAC,CAAC,CAAC"}
+{"version":3,"sources":["../../../../src/components/chat/__tests-cy__/chat-log.test.tsx"],"sourcesContent":["import { runChatLogSharedTests } from '@servicetitan/cypress-shared';\nimport { ChatLog } from '../chat-log';\n\ndescribe('[ChatLog]', () => {\n    runChatLogSharedTests(ChatLog);\n});\n"],"names":["runChatLogSharedTests","ChatLog","describe"],"mappings":"AAAA,SAASA,qBAAqB,QAAQ,+BAA+B;AACrE,SAASC,OAAO,QAAQ,cAAc;AAEtCC,SAAS,aAAa;IAClBF,sBAAsBC;AAC1B"}

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

@@ -1,6 +1,7 @@
 import { runChatMessagesSharedTests } from '@servicetitan/cypress-shared';
 import { ChatMessages } from '../chat-messages';
-describe('[ChatMessages]', () => {
+describe('[ChatMessages]', ()=>{
     runChatMessagesSharedTests(ChatMessages);
 });
+
 //# sourceMappingURL=chat-messages.test.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"chat-messages.test.js","sourceRoot":"","sources":["../../../../src/components/chat/__tests-cy__/chat-messages.test.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;IAC5B,0BAA0B,CAAC,YAAY,CAAC,CAAC;AAC7C,CAAC,CAAC,CAAC"}
+{"version":3,"sources":["../../../../src/components/chat/__tests-cy__/chat-messages.test.tsx"],"sourcesContent":["import { runChatMessagesSharedTests } from '@servicetitan/cypress-shared';\nimport { ChatMessages } from '../chat-messages';\n\ndescribe('[ChatMessages]', () => {\n    runChatMessagesSharedTests(ChatMessages);\n});\n"],"names":["runChatMessagesSharedTests","ChatMessages","describe"],"mappings":"AAAA,SAASA,0BAA0B,QAAQ,+BAA+B;AAC1E,SAASC,YAAY,QAAQ,mBAAmB;AAEhDC,SAAS,kBAAkB;IACvBF,2BAA2BC;AAC/B"}

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

@@ -1,6 +1,7 @@
 import { runChatNotificationsTests } from '@servicetitan/cypress-shared';
 import { ChatNotifications } from '../chat-notifications';
-describe('ChatNotifications', () => {
+describe('ChatNotifications', ()=>{
     runChatNotificationsTests(ChatNotifications);
 });
+
 //# sourceMappingURL=chat-notifications.test.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"chat-notifications.test.js","sourceRoot":"","sources":["../../../../src/components/chat/__tests-cy__/chat-notifications.test.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,8BAA8B,CAAC;AACzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE1D,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;IAC/B,yBAAyB,CAAC,iBAAiB,CAAC,CAAC;AACjD,CAAC,CAAC,CAAC"}
+{"version":3,"sources":["../../../../src/components/chat/__tests-cy__/chat-notifications.test.tsx"],"sourcesContent":["import { runChatNotificationsTests } from '@servicetitan/cypress-shared';\nimport { ChatNotifications } from '../chat-notifications';\n\ndescribe('ChatNotifications', () => {\n    runChatNotificationsTests(ChatNotifications);\n});\n"],"names":["runChatNotificationsTests","ChatNotifications","describe"],"mappings":"AAAA,SAASA,yBAAyB,QAAQ,+BAA+B;AACzE,SAASC,iBAAiB,QAAQ,wBAAwB;AAE1DC,SAAS,qBAAqB;IAC1BF,0BAA0BC;AAC9B"}

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

@@ -1,6 +1,7 @@
 import { runChatTimerTests } from '@servicetitan/cypress-shared';
 import { ChatTimer } from '../chat-timer';
-describe('ChatTimer', () => {
+describe('ChatTimer', ()=>{
     runChatTimerTests(ChatTimer);
 });
+
 //# sourceMappingURL=chat-timer.test.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"chat-timer.test.js","sourceRoot":"","sources":["../../../../src/components/chat/__tests-cy__/chat-timer.test.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IACvB,iBAAiB,CAAC,SAAS,CAAC,CAAC;AACjC,CAAC,CAAC,CAAC"}
+{"version":3,"sources":["../../../../src/components/chat/__tests-cy__/chat-timer.test.tsx"],"sourcesContent":["import { runChatTimerTests } from '@servicetitan/cypress-shared';\nimport { ChatTimer } from '../chat-timer';\n\ndescribe('ChatTimer', () => {\n    runChatTimerTests(ChatTimer);\n});\n"],"names":["runChatTimerTests","ChatTimer","describe"],"mappings":"AAAA,SAASA,iBAAiB,QAAQ,+BAA+B;AACjE,SAASC,SAAS,QAAQ,gBAAgB;AAE1CC,SAAS,aAAa;IAClBF,kBAAkBC;AACtB"}

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

@@ -1,6 +1,7 @@
 import { runChatSharedTests } from '@servicetitan/cypress-shared';
 import { Chat } from '../chat';
-describe('Chat', () => {
+describe('Chat', ()=>{
     runChatSharedTests(Chat);
 });
+
 //# sourceMappingURL=chat.test.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"chat.test.js","sourceRoot":"","sources":["../../../../src/components/chat/__tests-cy__/chat.test.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAClE,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,QAAQ,CAAC,MAAM,EAAE,GAAG,EAAE;IAClB,kBAAkB,CAAC,IAAI,CAAC,CAAC;AAC7B,CAAC,CAAC,CAAC"}
+{"version":3,"sources":["../../../../src/components/chat/__tests-cy__/chat.test.tsx"],"sourcesContent":["import { runChatSharedTests } from '@servicetitan/cypress-shared';\nimport { Chat } from '../chat';\n\ndescribe('Chat', () => {\n    runChatSharedTests(Chat);\n});\n"],"names":["runChatSharedTests","Chat","describe"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,+BAA+B;AAClE,SAASC,IAAI,QAAQ,UAAU;AAE/BC,SAAS,QAAQ;IACbF,mBAAmBC;AACvB"}

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

@@ -1,6 +1,25 @@
 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-subdued", children: "Starting..." })] }) }));
+export const ChatConnecting = ({ className })=>{
+    return /*#__PURE__*/ _jsx(Flex, {
+        direction: "column",
+        gap: "4",
+        alignItems: "center",
+        className: className,
+        "data-cy": "titan-chat-connecting",
+        children: /*#__PURE__*/ _jsxs(Flex, {
+            direction: "row",
+            gap: "4",
+            alignItems: "center",
+            children: [
+                /*#__PURE__*/ _jsx(Spinner, {}),
+                /*#__PURE__*/ _jsx(Text, {
+                    className: "c-subdued",
+                    children: "Starting..."
+                })
+            ]
+        })
+    });
 };
+
 //# sourceMappingURL=chat-connecting.js.map

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

@@ -1 +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,WAAW,4BAAmB,IAC3C,GACJ,CACV,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"sources":["../../../src/components/chat/chat-connecting.tsx"],"sourcesContent":["import { Flex, Spinner, Text } from '@servicetitan/anvil2';\nimport { FC } from 'react';\n\ninterface IChatConnectingProps {\n    className?: string;\n}\n\nexport const ChatConnecting: FC<IChatConnectingProps> = ({ className }) => {\n    return (\n        <Flex\n            direction=\"column\"\n            gap=\"4\"\n            alignItems=\"center\"\n            className={className}\n            data-cy=\"titan-chat-connecting\"\n        >\n            <Flex direction=\"row\" gap=\"4\" alignItems=\"center\">\n                <Spinner />\n                <Text className=\"c-subdued\">Starting...</Text>\n            </Flex>\n        </Flex>\n    );\n};\n"],"names":["Flex","Spinner","Text","ChatConnecting","className","direction","gap","alignItems","data-cy"],"mappings":";AAAA,SAASA,IAAI,EAAEC,OAAO,EAAEC,IAAI,QAAQ,uBAAuB;AAO3D,OAAO,MAAMC,iBAA2C,CAAC,EAAEC,SAAS,EAAE;IAClE,qBACI,KAACJ;QACGK,WAAU;QACVC,KAAI;QACJC,YAAW;QACXH,WAAWA;QACXI,WAAQ;kBAER,cAAA,MAACR;YAAKK,WAAU;YAAMC,KAAI;YAAIC,YAAW;;8BACrC,KAACN;8BACD,KAACC;oBAAKE,WAAU;8BAAY;;;;;AAI5C,EAAE"}

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

@@ -5,15 +5,41 @@ 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';
-export const ChatError = observer(({ className }) => {
+export const ChatError = observer(({ className })=>{
     const [chatUiStore] = useDependencies(CHAT_UI_STORE_TOKEN);
     const { error } = chatUiStore;
-    const handleReconnect = useCallback(async () => {
+    const handleReconnect = useCallback(async ()=>{
         await chatUiStore.recover();
-    }, [chatUiStore]);
+    }, [
+        chatUiStore
+    ]);
     if (!error) {
         return null;
     }
-    return (_jsx(Alert, { status: "danger", title: error.title, className: className, "data-cy": "titan-chat-error", children: _jsxs(Flex, { direction: "column", gap: "4", children: [_jsx(MultilineText, { text: error.message, "data-cy": "titan-chat-error-text" }), error.recoverStrategy && (_jsx(Button, { type: "button", appearance: "danger", size: "small", onClick: handleReconnect, "data-cy": "titan-chat-error-recover", children: error.recoverStrategy.recoverButtonTitle }))] }) }));
+    return /*#__PURE__*/ _jsx(Alert, {
+        status: "danger",
+        title: error.title,
+        className: className,
+        "data-cy": "titan-chat-error",
+        children: /*#__PURE__*/ _jsxs(Flex, {
+            direction: "column",
+            gap: "4",
+            children: [
+                /*#__PURE__*/ _jsx(MultilineText, {
+                    text: error.message,
+                    "data-cy": "titan-chat-error-text"
+                }),
+                error.recoverStrategy && /*#__PURE__*/ _jsx(Button, {
+                    type: "button",
+                    appearance: "danger",
+                    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

@@ -1 +1 @@
-{"version":3,"file":"chat-error.js","sourceRoot":"","sources":["../../../src/components/chat/chat-error.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC3D,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;AAEzD,MAAM,CAAC,MAAM,SAAS,GAA+B,QAAQ,CAAC,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE;IAC5E,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,KAAC,KAAK,IAAC,MAAM,EAAC,QAAQ,EAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,SAAS,EAAE,SAAS,aAAU,kBAAkB,YACvF,MAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,GAAG,aAC5B,KAAC,aAAa,IAAC,IAAI,EAAE,KAAK,CAAC,OAAO,aAAU,uBAAuB,GAAG,EACrE,KAAK,CAAC,eAAe,IAAI,CACtB,KAAC,MAAM,IACH,IAAI,EAAC,QAAQ,EACb,UAAU,EAAC,QAAQ,EACnB,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,eAAe,aAChB,0BAA0B,YAEjC,KAAK,CAAC,eAAe,CAAC,kBAAkB,GACpC,CACZ,IACE,GACH,CACX,CAAC;AACN,CAAC,CAAC,CAAC"}
+{"version":3,"sources":["../../../src/components/chat/chat-error.tsx"],"sourcesContent":["import { Alert, Button, Flex } from '@servicetitan/anvil2';\nimport { useDependencies } from '@servicetitan/react-ioc';\nimport { CHAT_UI_STORE_TOKEN } from '@servicetitan/titan-chat-ui-common';\nimport { observer } from 'mobx-react';\nimport { FC, useCallback } from 'react';\nimport { MultilineText } from '../common/multiline-text';\n\nexport const ChatError: FC<{ className?: string }> = observer(({ className }) => {\n    const [chatUiStore] = useDependencies(CHAT_UI_STORE_TOKEN);\n    const { error } = chatUiStore;\n\n    const handleReconnect = useCallback(async () => {\n        await chatUiStore.recover();\n    }, [chatUiStore]);\n\n    if (!error) {\n        return null;\n    }\n    return (\n        <Alert status=\"danger\" title={error.title} className={className} data-cy=\"titan-chat-error\">\n            <Flex direction=\"column\" gap=\"4\">\n                <MultilineText text={error.message} data-cy=\"titan-chat-error-text\" />\n                {error.recoverStrategy && (\n                    <Button\n                        type=\"button\"\n                        appearance=\"danger\"\n                        size=\"small\"\n                        onClick={handleReconnect}\n                        data-cy=\"titan-chat-error-recover\"\n                    >\n                        {error.recoverStrategy.recoverButtonTitle}\n                    </Button>\n                )}\n            </Flex>\n        </Alert>\n    );\n});\n"],"names":["Alert","Button","Flex","useDependencies","CHAT_UI_STORE_TOKEN","observer","useCallback","MultilineText","ChatError","className","chatUiStore","error","handleReconnect","recover","status","title","data-cy","direction","gap","text","message","recoverStrategy","type","appearance","size","onClick","recoverButtonTitle"],"mappings":";AAAA,SAASA,KAAK,EAAEC,MAAM,EAAEC,IAAI,QAAQ,uBAAuB;AAC3D,SAASC,eAAe,QAAQ,0BAA0B;AAC1D,SAASC,mBAAmB,QAAQ,qCAAqC;AACzE,SAASC,QAAQ,QAAQ,aAAa;AACtC,SAAaC,WAAW,QAAQ,QAAQ;AACxC,SAASC,aAAa,QAAQ,2BAA2B;AAEzD,OAAO,MAAMC,YAAwCH,SAAS,CAAC,EAAEI,SAAS,EAAE;IACxE,MAAM,CAACC,YAAY,GAAGP,gBAAgBC;IACtC,MAAM,EAAEO,KAAK,EAAE,GAAGD;IAElB,MAAME,kBAAkBN,YAAY;QAChC,MAAMI,YAAYG,OAAO;IAC7B,GAAG;QAACH;KAAY;IAEhB,IAAI,CAACC,OAAO;QACR,OAAO;IACX;IACA,qBACI,KAACX;QAAMc,QAAO;QAASC,OAAOJ,MAAMI,KAAK;QAAEN,WAAWA;QAAWO,WAAQ;kBACrE,cAAA,MAACd;YAAKe,WAAU;YAASC,KAAI;;8BACzB,KAACX;oBAAcY,MAAMR,MAAMS,OAAO;oBAAEJ,WAAQ;;gBAC3CL,MAAMU,eAAe,kBAClB,KAACpB;oBACGqB,MAAK;oBACLC,YAAW;oBACXC,MAAK;oBACLC,SAASb;oBACTI,WAAQ;8BAEPL,MAAMU,eAAe,CAACK,kBAAkB;;;;;AAMjE,GAAG"}

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

@@ -8,30 +8,114 @@ import { useDependencies } from '@servicetitan/react-ioc';
 import { CHAT_UI_STORE_TOKEN } from '@servicetitan/titan-chat-ui-common';
 import { observer } from 'mobx-react';
 import { Fragment, useCallback, useRef } from 'react';
-export const ChatInputFile = observer(({ className }) => {
+export const ChatInputFile = observer(({ className })=>{
     const fileInputRef = useRef(null);
     const [chatUiStore] = useDependencies(CHAT_UI_STORE_TOKEN);
-    const handleSelected = useCallback((event) => {
+    const handleSelected = useCallback((event)=>{
         const files = event.target.files;
         if (!files || files.length === 0) {
             return;
         }
         const fileDescriptor = {
             file: files[0],
-            displayName: files[0].name,
+            displayName: files[0].name
         };
         chatUiStore.setFile(fileDescriptor);
-    }, [chatUiStore]);
-    const handleUpload = () => {
-        var _a;
-        (_a = fileInputRef.current) === null || _a === void 0 ? void 0 : _a.click();
+    }, [
+        chatUiStore
+    ]);
+    const handleUpload = ()=>{
+        var _fileInputRef_current;
+        (_fileInputRef_current = fileInputRef.current) === null || _fileInputRef_current === void 0 ? void 0 : _fileInputRef_current.click();
     };
-    const handleDelete = useCallback(() => {
+    const handleDelete = useCallback(()=>{
         chatUiStore.setFile(undefined);
-    }, [chatUiStore]);
+    }, [
+        chatUiStore
+    ]);
     if (!chatUiStore.isFilePickerEnabled) {
         return null;
     }
-    return (_jsxs(Flex, { className: className, gap: "6", direction: "column", children: [_jsx(Text, { variant: "eyebrow", children: "Upload file" }), _jsx("input", { type: "file", ref: fileInputRef, onChange: handleSelected, style: { display: 'none' }, accept: "*/*", multiple: false }), _jsx(Flex, { direction: "column", gap: "2", "data-cy": "titan-chat-upload-file", children: chatUiStore.file ? (_jsx(Card, { padding: "small", children: _jsxs(Flex, { style: { width: '100%' }, direction: "row", alignItems: "center", gap: "2", children: [_jsx(Icon, { svg: IconFile, className: "m-inline-start-4" }), _jsx(Text, { variant: "body", flexGrow: 1, "data-cy": "titan-chat-upload-file-name", children: chatUiStore.file.displayName }), _jsx(Button, { icon: IconEdit, "aria-label": "Replace file", appearance: "ghost", onClick: handleUpload, "data-cy": "titan-chat-upload-file-edit" }), _jsx(Button, { icon: IconDelete, "aria-label": "Delete file", appearance: "ghost", onClick: handleDelete, "data-cy": "titan-chat-upload-file-delete" })] }) })) : (_jsxs(Fragment, { children: [_jsx(Button, { type: "button", appearance: "secondary", icon: IconAttachment, onClick: handleUpload, "data-cy": "titan-chat-upload-file-btn", children: "Upload File" }), _jsx(Text, { variant: "body", size: "small", subdued: true, children: "e.g. Screenshot of issue" })] })) })] }));
+    return /*#__PURE__*/ _jsxs(Flex, {
+        className: className,
+        gap: "6",
+        direction: "column",
+        children: [
+            /*#__PURE__*/ _jsx(Text, {
+                variant: "eyebrow",
+                children: "Upload file"
+            }),
+            /*#__PURE__*/ _jsx("input", {
+                type: "file",
+                ref: fileInputRef,
+                onChange: handleSelected,
+                style: {
+                    display: 'none'
+                },
+                accept: "*/*",
+                multiple: false
+            }),
+            /*#__PURE__*/ _jsx(Flex, {
+                direction: "column",
+                gap: "2",
+                "data-cy": "titan-chat-upload-file",
+                children: chatUiStore.file ? /*#__PURE__*/ _jsx(Card, {
+                    padding: "small",
+                    children: /*#__PURE__*/ _jsxs(Flex, {
+                        style: {
+                            width: '100%'
+                        },
+                        direction: "row",
+                        alignItems: "center",
+                        gap: "2",
+                        children: [
+                            /*#__PURE__*/ _jsx(Icon, {
+                                svg: IconFile,
+                                className: "m-inline-start-4"
+                            }),
+                            /*#__PURE__*/ _jsx(Text, {
+                                variant: "body",
+                                flexGrow: 1,
+                                "data-cy": "titan-chat-upload-file-name",
+                                children: chatUiStore.file.displayName
+                            }),
+                            /*#__PURE__*/ _jsx(Button, {
+                                icon: IconEdit,
+                                "aria-label": "Replace file",
+                                appearance: "ghost",
+                                onClick: handleUpload,
+                                "data-cy": "titan-chat-upload-file-edit"
+                            }),
+                            /*#__PURE__*/ _jsx(Button, {
+                                icon: IconDelete,
+                                "aria-label": "Delete file",
+                                appearance: "ghost",
+                                onClick: handleDelete,
+                                "data-cy": "titan-chat-upload-file-delete"
+                            })
+                        ]
+                    })
+                }) : /*#__PURE__*/ _jsxs(Fragment, {
+                    children: [
+                        /*#__PURE__*/ _jsx(Button, {
+                            type: "button",
+                            appearance: "secondary",
+                            icon: IconAttachment,
+                            onClick: handleUpload,
+                            "data-cy": "titan-chat-upload-file-btn",
+                            children: "Upload File"
+                        }),
+                        /*#__PURE__*/ _jsx(Text, {
+                            variant: "body",
+                            size: "small",
+                            subdued: true,
+                            children: "e.g. Screenshot of issue"
+                        })
+                    ]
+                })
+            })
+        ]
+    });
 });
+
 //# sourceMappingURL=chat-input-file.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"chat-input-file.js","sourceRoot":"","sources":["../../../src/components/chat/chat-input-file.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/chat/chat-input-file.tsx"],"sourcesContent":["import { Button, Card, Flex, Icon, Text } from '@servicetitan/anvil2';\nimport IconAttachment from '@servicetitan/anvil2/assets/icons/material/round/attach_file.svg';\nimport IconDelete from '@servicetitan/anvil2/assets/icons/material/round/delete.svg';\nimport IconFile from '@servicetitan/anvil2/assets/icons/material/round/insert_drive_file.svg';\nimport IconEdit from '@servicetitan/anvil2/assets/icons/material/round/refresh.svg';\nimport { useDependencies } from '@servicetitan/react-ioc';\nimport { CHAT_UI_STORE_TOKEN, FileDescriptor } from '@servicetitan/titan-chat-ui-common';\nimport { observer } from 'mobx-react';\nimport { ChangeEvent, FC, Fragment, useCallback, useRef } from 'react';\n\nexport const ChatInputFile: FC<{ className?: string }> = observer(({ className }) => {\n    const fileInputRef = useRef<HTMLInputElement>(null);\n    const [chatUiStore] = useDependencies(CHAT_UI_STORE_TOKEN);\n\n    const handleSelected = useCallback(\n        (event: ChangeEvent<HTMLInputElement>) => {\n            const files = event.target.files;\n            if (!files || files.length === 0) {\n                return;\n            }\n            const fileDescriptor: FileDescriptor = {\n                file: files[0],\n                displayName: files[0].name,\n            };\n            chatUiStore.setFile(fileDescriptor);\n        },\n        [chatUiStore]\n    );\n\n    const handleUpload = () => {\n        fileInputRef.current?.click();\n    };\n\n    const handleDelete = useCallback(() => {\n        chatUiStore.setFile(undefined);\n    }, [chatUiStore]);\n\n    if (!chatUiStore.isFilePickerEnabled) {\n        return null;\n    }\n    return (\n        <Flex className={className} gap=\"6\" direction=\"column\">\n            <Text variant=\"eyebrow\">Upload file</Text>\n            <input\n                type=\"file\"\n                ref={fileInputRef}\n                onChange={handleSelected}\n                style={{ display: 'none' }} // Hide the native input\n                accept=\"*/*\"\n                multiple={false}\n            />\n            <Flex direction=\"column\" gap=\"2\" data-cy=\"titan-chat-upload-file\">\n                {chatUiStore.file ? (\n                    <Card padding=\"small\">\n                        <Flex style={{ width: '100%' }} direction=\"row\" alignItems=\"center\" gap=\"2\">\n                            <Icon svg={IconFile} className=\"m-inline-start-4\" />\n                            <Text variant=\"body\" flexGrow={1} data-cy=\"titan-chat-upload-file-name\">\n                                {chatUiStore.file.displayName}\n                            </Text>\n                            <Button\n                                icon={IconEdit}\n                                aria-label=\"Replace file\"\n                                appearance=\"ghost\"\n                                onClick={handleUpload}\n                                data-cy=\"titan-chat-upload-file-edit\"\n                            />\n                            <Button\n                                icon={IconDelete}\n                                aria-label=\"Delete file\"\n                                appearance=\"ghost\"\n                                onClick={handleDelete}\n                                data-cy=\"titan-chat-upload-file-delete\"\n                            />\n                        </Flex>\n                    </Card>\n                ) : (\n                    <Fragment>\n                        <Button\n                            type=\"button\"\n                            appearance=\"secondary\"\n                            icon={IconAttachment}\n                            onClick={handleUpload}\n                            data-cy=\"titan-chat-upload-file-btn\"\n                        >\n                            Upload File\n                        </Button>\n                        <Text variant=\"body\" size=\"small\" subdued>\n                            e.g. Screenshot of issue\n                        </Text>\n                    </Fragment>\n                )}\n            </Flex>\n        </Flex>\n    );\n});\n"],"names":["Button","Card","Flex","Icon","Text","IconAttachment","IconDelete","IconFile","IconEdit","useDependencies","CHAT_UI_STORE_TOKEN","observer","Fragment","useCallback","useRef","ChatInputFile","className","fileInputRef","chatUiStore","handleSelected","event","files","target","length","fileDescriptor","file","displayName","name","setFile","handleUpload","current","click","handleDelete","undefined","isFilePickerEnabled","gap","direction","variant","input","type","ref","onChange","style","display","accept","multiple","data-cy","padding","width","alignItems","svg","flexGrow","icon","aria-label","appearance","onClick","size","subdued"],"mappings":";AAAA,SAASA,MAAM,EAAEC,IAAI,EAAEC,IAAI,EAAEC,IAAI,EAAEC,IAAI,QAAQ,uBAAuB;AACtE,OAAOC,oBAAoB,mEAAmE;AAC9F,OAAOC,gBAAgB,8DAA8D;AACrF,OAAOC,cAAc,yEAAyE;AAC9F,OAAOC,cAAc,+DAA+D;AACpF,SAASC,eAAe,QAAQ,0BAA0B;AAC1D,SAASC,mBAAmB,QAAwB,qCAAqC;AACzF,SAASC,QAAQ,QAAQ,aAAa;AACtC,SAA0BC,QAAQ,EAAEC,WAAW,EAAEC,MAAM,QAAQ,QAAQ;AAEvE,OAAO,MAAMC,gBAA4CJ,SAAS,CAAC,EAAEK,SAAS,EAAE;IAC5E,MAAMC,eAAeH,OAAyB;IAC9C,MAAM,CAACI,YAAY,GAAGT,gBAAgBC;IAEtC,MAAMS,iBAAiBN,YACnB,CAACO;QACG,MAAMC,QAAQD,MAAME,MAAM,CAACD,KAAK;QAChC,IAAI,CAACA,SAASA,MAAME,MAAM,KAAK,GAAG;YAC9B;QACJ;QACA,MAAMC,iBAAiC;YACnCC,MAAMJ,KAAK,CAAC,EAAE;YACdK,aAAaL,KAAK,CAAC,EAAE,CAACM,IAAI;QAC9B;QACAT,YAAYU,OAAO,CAACJ;IACxB,GACA;QAACN;KAAY;IAGjB,MAAMW,eAAe;YACjBZ;SAAAA,wBAAAA,aAAaa,OAAO,cAApBb,4CAAAA,sBAAsBc,KAAK;IAC/B;IAEA,MAAMC,eAAenB,YAAY;QAC7BK,YAAYU,OAAO,CAACK;IACxB,GAAG;QAACf;KAAY;IAEhB,IAAI,CAACA,YAAYgB,mBAAmB,EAAE;QAClC,OAAO;IACX;IACA,qBACI,MAAChC;QAAKc,WAAWA;QAAWmB,KAAI;QAAIC,WAAU;;0BAC1C,KAAChC;gBAAKiC,SAAQ;0BAAU;;0BACxB,KAACC;gBACGC,MAAK;gBACLC,KAAKvB;gBACLwB,UAAUtB;gBACVuB,OAAO;oBAAEC,SAAS;gBAAO;gBACzBC,QAAO;gBACPC,UAAU;;0BAEd,KAAC3C;gBAAKkC,WAAU;gBAASD,KAAI;gBAAIW,WAAQ;0BACpC5B,YAAYO,IAAI,iBACb,KAACxB;oBAAK8C,SAAQ;8BACV,cAAA,MAAC7C;wBAAKwC,OAAO;4BAAEM,OAAO;wBAAO;wBAAGZ,WAAU;wBAAMa,YAAW;wBAASd,KAAI;;0CACpE,KAAChC;gCAAK+C,KAAK3C;gCAAUS,WAAU;;0CAC/B,KAACZ;gCAAKiC,SAAQ;gCAAOc,UAAU;gCAAGL,WAAQ;0CACrC5B,YAAYO,IAAI,CAACC,WAAW;;0CAEjC,KAAC1B;gCACGoD,MAAM5C;gCACN6C,cAAW;gCACXC,YAAW;gCACXC,SAAS1B;gCACTiB,WAAQ;;0CAEZ,KAAC9C;gCACGoD,MAAM9C;gCACN+C,cAAW;gCACXC,YAAW;gCACXC,SAASvB;gCACTc,WAAQ;;;;mCAKpB,MAAClC;;sCACG,KAACZ;4BACGuC,MAAK;4BACLe,YAAW;4BACXF,MAAM/C;4BACNkD,SAAS1B;4BACTiB,WAAQ;sCACX;;sCAGD,KAAC1C;4BAAKiC,SAAQ;4BAAOmB,MAAK;4BAAQC,OAAO;sCAAC;;;;;;;AAQlE,GAAG"}