@servicetitan/titan-chat-ui-anvil2 3.2.0 → 4.0.0

package/CHANGELOG.md

@@ -1,3 +1,32 @@
+# v4.0.0 (Fri Sep 19 2025)
+
+#### 💥 Breaking Change
+
+- Bump cypress from 14.3.3 to 15.2.0 [#55](https://github.com/servicetitan/titan-chatbot-client/pull/55) ([@dependabot[bot]](https://github.com/dependabot[bot]))
+
+#### 🚀 Enhancement
+
+- SPA-7400: Rebrand Support Chatbot to Atlas [#56](https://github.com/servicetitan/titan-chatbot-client/pull/56) ([@AlexYarmolchuk](https://github.com/AlexYarmolchuk))
+
+#### Authors: 2
+
+- [@dependabot[bot]](https://github.com/dependabot[bot])
+- Alexandr Yarmolchuk ([@AlexYarmolchuk](https://github.com/AlexYarmolchuk))
+
+---
+
+# v3.2.1 (Tue Sep 09 2025)
+
+#### 🐛 Bug Fix
+
+- SPA-7282: Fixed browser default "p" style for messages. [#54](https://github.com/servicetitan/titan-chatbot-client/pull/54) ([@AlexYarmolchuk](https://github.com/AlexYarmolchuk))
+
+#### Authors: 1
+
+- Alexandr Yarmolchuk ([@AlexYarmolchuk](https://github.com/AlexYarmolchuk))
+
+---
+
 # v3.2.0 (Tue Sep 09 2025)
 
 #### 🚀 Enhancement

package/dist/assets/atlas-avatar.svg

@@ -0,0 +1,95 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g clip-path="url(#clip0_14694_37355)">
+        <path d="M2.76947 11.999V35.9984L23.9992 47.9981L45.2289 35.9984V11.999L23.9992 -0.000732422L2.76947 11.999Z" fill="url(#paint0_linear_14694_37355)"/>
+        <g style="mix-blend-mode:overlay">
+            <path d="M2.77045 35.999L11.8311 30.8767L2.77045 23.9993V35.999Z" fill="url(#paint1_linear_14694_37355)"/>
+            <path d="M45.2304 11.9993L36.1697 17.1215L45.2304 23.999V11.9993Z" fill="url(#paint2_linear_14694_37355)"/>
+            <path d="M23.9991 48.0002V37.7571L13.3842 42.001L23.9991 48.0002Z" fill="url(#paint3_linear_14694_37355)"/>
+            <path d="M23.9995 -0.000732422V10.2424L34.6144 5.99841L23.9995 -0.000732422Z" fill="url(#paint4_linear_14694_37355)"/>
+            <path d="M45.2311 36.0004L36.1705 30.8782L34.6162 42.001L45.2311 36.0004Z" fill="url(#paint5_linear_14694_37355)"/>
+            <path d="M2.77045 11.9998L11.8311 17.1221L13.3853 5.99927L2.77045 11.9998Z" fill="url(#paint6_linear_14694_37355)"/>
+        </g>
+        <g style="mix-blend-mode:overlay">
+            <path d="M2.77045 11.9993L11.8311 17.1215L2.77045 23.999V11.9993Z" fill="url(#paint7_linear_14694_37355)"/>
+            <path d="M45.2304 35.999L36.1697 30.8767L45.2304 23.9993V35.999Z" fill="url(#paint8_linear_14694_37355)"/>
+            <path d="M2.7702 36.0008L11.8308 30.8785L13.3851 42.0013L2.7702 36.0008Z" fill="url(#paint9_linear_14694_37355)"/>
+            <path d="M45.2311 11.9998L36.1705 17.1221L34.6162 5.99927L45.2311 11.9998Z" fill="url(#paint10_linear_14694_37355)"/>
+            <path d="M23.9995 48.0002V37.7571L34.6144 42.001L23.9995 48.0002Z" fill="url(#paint11_linear_14694_37355)"/>
+            <path d="M23.9988 -0.000732422V10.2424L13.384 5.99841L23.9988 -0.000732422Z" fill="url(#paint12_linear_14694_37355)"/>
+        </g>
+        <path opacity="0.66" d="M32.1114 10.2473H15.8869L7.7746 24.0036L15.8869 37.76H32.1114L40.2236 24.0036L32.1114 10.2473Z" fill="white"/>
+        <path d="M11.8309 17.1262V30.8811L24 37.76L36.1691 30.8811V17.1262L24 10.2473L11.8309 17.1262Z" fill="white"/>
+        <path d="M24.0009 13.3647L26.8825 21.1806L34.866 24.0004L26.8825 26.8216L24.0009 34.6375L21.1207 26.8216L13.1372 24.0004L21.1207 21.1806L24.0009 13.3647Z" fill="url(#paint13_linear_14694_37355)"/>
+        <path d="M13.1378 23.9995H24.0014V34.6352L21.1212 26.8192L13.1378 23.9995Z" fill="url(#paint14_linear_14694_37355)"/>
+        <path d="M34.8657 24.0004H24.0021V13.3647L26.8823 21.1807L34.8657 24.0004Z" fill="url(#paint15_linear_14694_37355)"/>
+    </g>
+    <defs>
+        <linearGradient id="paint0_linear_14694_37355" x1="2.76947" y1="23.9987" x2="45.2289" y2="23.9987" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#2F6CDB"/>
+            <stop offset="1" stop-color="#55AAE7"/>
+        </linearGradient>
+        <linearGradient id="paint1_linear_14694_37355" x1="28.7112" y1="-6.03654" x2="-21.5772" y2="75.9966" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#4357B5"/>
+            <stop offset="1" stop-color="#2E6BD3"/>
+        </linearGradient>
+        <linearGradient id="paint2_linear_14694_37355" x1="49.5433" y1="6.73372" x2="-0.746622" y2="88.7655" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#4357B5"/>
+            <stop offset="1" stop-color="#2E6BD3"/>
+        </linearGradient>
+        <linearGradient id="paint3_linear_14694_37355" x1="44.9624" y1="3.92721" x2="-5.32747" y2="85.9604" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#4357B5"/>
+            <stop offset="1" stop-color="#2E6BD3"/>
+        </linearGradient>
+        <linearGradient id="paint4_linear_14694_37355" x1="33.2914" y1="-3.23027" x2="-16.9986" y2="78.803" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#4357B5"/>
+            <stop offset="1" stop-color="#2E6BD3"/>
+        </linearGradient>
+        <linearGradient id="paint5_linear_14694_37355" x1="55.461" y1="10.3619" x2="5.17111" y2="92.3951" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#4357B5"/>
+            <stop offset="1" stop-color="#2E6BD3"/>
+        </linearGradient>
+        <linearGradient id="paint6_linear_14694_37355" x1="22.7942" y1="-9.66412" x2="-27.4942" y2="72.3691" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#4357B5"/>
+            <stop offset="1" stop-color="#2E6BD3"/>
+        </linearGradient>
+        <linearGradient id="paint7_linear_14694_37355" x1="9.87142" y1="21.6635" x2="0.296576" y2="16.5084" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#2E6BD3"/>
+            <stop offset="1" stop-color="#2F044D"/>
+        </linearGradient>
+        <linearGradient id="paint8_linear_14694_37355" x1="39.4934" y1="26.968" x2="47.6416" y2="31.4596" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#2E6BD3"/>
+            <stop offset="1" stop-color="#2F044D"/>
+        </linearGradient>
+        <linearGradient id="paint9_linear_14694_37355" x1="15.835" y1="34.8603" x2="5.21554" y2="40.2831" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#2E6BD3"/>
+            <stop offset="1" stop-color="#2F044D"/>
+        </linearGradient>
+        <linearGradient id="paint10_linear_14694_37355" x1="33.8435" y1="12.3838" x2="42.8968" y2="7.36418" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#2E6BD3"/>
+            <stop offset="1" stop-color="#2F044D"/>
+        </linearGradient>
+        <linearGradient id="paint11_linear_14694_37355" x1="29.3062" y1="36.7828" x2="29.3062" y2="47.8354" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#2E6BD3"/>
+            <stop offset="1" stop-color="#2F044D"/>
+        </linearGradient>
+        <linearGradient id="paint12_linear_14694_37355" x1="18.6907" y1="11.8027" x2="18.6907" y2="0.631132" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#2E6BD3"/>
+            <stop offset="1" stop-color="#2F044D"/>
+        </linearGradient>
+        <linearGradient id="paint13_linear_14694_37355" x1="24.0009" y1="13.6083" x2="24.0009" y2="34.2593" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#2E6BD3"/>
+            <stop offset="1" stop-color="#2F044D"/>
+        </linearGradient>
+        <linearGradient id="paint14_linear_14694_37355" x1="17.7244" y1="30.4929" x2="22.4066" y2="23.6925" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#2E6BD3"/>
+            <stop offset="1" stop-color="#2F044D"/>
+        </linearGradient>
+        <linearGradient id="paint15_linear_14694_37355" x1="29.4346" y1="23.8385" x2="29.4346" y2="17.9239" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#2E6BD3"/>
+            <stop offset="1" stop-color="#2F044D"/>
+        </linearGradient>
+        <clipPath id="clip0_14694_37355">
+            <rect width="48" height="48" fill="white"/>
+        </clipPath>
+    </defs>
+</svg>

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

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

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

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button, Flex, 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 { CHAT_UI_STORE_TOKEN, useCustomizationChat } from '@servicetitan/titan-chat-ui-common';
 import classNames from 'classnames';
 import { observer } from 'mobx-react';
 import { useCallback, useEffect, useRef, useState, } from 'react';
@@ -12,6 +12,8 @@ const TIMEOUT_COOLDOWN_MS = 3000;
 export const ChatInput = provide({
     singletons: [ChatInputStore],
 })(observer(({ className }) => {
+    var _a, _b;
+    const customization = useCustomizationChat();
     const typingTimeoutRef = useRef(undefined);
     const [isSending, setIsSending] = useState(false);
     const textareaRef = useRef(null);
@@ -82,7 +84,7 @@ export const ChatInput = provide({
             textareaRef.current.focus();
         }
     }, []);
-    return (_jsx("form", { className: classNames(className), onSubmit: handleSendMessage, children: _jsxs(Flex, { direction: "row", gap: 4, className: Styles.formContainer, children: [_jsx(Textarea, { ref: textareaRef, name: "question", placeholder: "Type your message", rows: 1, maxRows: 2, autoHeight: true, flexGrow: 1, onKeyDown: handleTextKeyPress, value: supportChatInputStore.formState.$.message.value, error: supportChatInputStore.formState.$.message.error, onChange: (e) => {
+    return (_jsx("form", { className: classNames(className), onSubmit: handleSendMessage, children: _jsxs(Flex, { direction: "row", gap: 4, className: Styles.formContainer, children: [_jsx(Textarea, { ref: textareaRef, name: "question", placeholder: (_b = (_a = customization.input) === null || _a === void 0 ? void 0 : _a.placeholderText) !== null && _b !== void 0 ? _b : 'Type your message', rows: 1, maxRows: 2, autoHeight: true, flexGrow: 1, onKeyDown: handleTextKeyPress, value: supportChatInputStore.formState.$.message.value, error: supportChatInputStore.formState.$.message.error, onChange: (e) => {
                         supportChatInputStore.formState.$.message.onChange(e.currentTarget.value);
                     }, onFocus: () => {
                         setTimeout(() => {

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

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

@@ -1,15 +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 { CHAT_UI_STORE_TOKEN, useCustomizationChat } 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 customization = useCustomizationChat();
     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;
+    const Component = (_b = (_a = customization.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

@@ -1 +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"}
+{"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,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAC/F,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,aAAa,GAAG,oBAAoB,EAAE,CAAC;IAC7C,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,aAAa,CAAC,aAAa,0CAAE,SAAS,mCAAI,aAAa,CAAC;IAE1E,OAAO,KAAC,SAAS,IAAC,MAAM,EAAE,MAAM,GAAI,CAAC;AACzC,CAAC,CAAC,CAAC"}

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

@@ -1 +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"}
+{"version":3,"file":"chat-message.d.ts","sourceRoot":"","sources":["../../../src/components/chat/chat-message.tsx"],"names":[],"mappings":"AACA,OAAO,EAIH,iBAAiB,EAEpB,MAAM,oCAAoC,CAAC;AAE5C,OAAO,EAAE,EAAE,EAAgC,MAAM,OAAO,CAAC;AAMzD;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,iBAAiB,CA8D7C,CAAC"}

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

@@ -1,7 +1,6 @@
 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 { useCustomizationChat, } 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';
@@ -12,10 +11,9 @@ import { ChatMessageTemplateUser } from './chat-message-template-user';
  * 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 { messageTemplates, messages } = useCustomizationChat();
     const messageCustomization = messages === null || messages === void 0 ? void 0 : messages.find(c => c.predicate(message));
+    const isAgent = message.participant.isAgent;
     const isSystem = Boolean(messageCustomization === null || messageCustomization === void 0 ? void 0 : messageCustomization.isSystem);
     let messageContentNode;
     if (messageCustomization === null || messageCustomization === void 0 ? void 0 : messageCustomization.component) {

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

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

@@ -12,7 +12,7 @@ import { ChatMessages } from './chat-messages';
 import { ChatNotifications } from './chat-notifications';
 import * as Styles from './chat.module.less';
 export const Chat = observer(({ className, customizations }) => {
-    var _a, _b;
+    var _a;
     const scrollRef = useRef(null);
     const [chatUiStore] = useDependencies(CHAT_UI_STORE_TOKEN);
     const footerComponent = customizations === null || customizations === void 0 ? void 0 : customizations.footerComponent;
@@ -30,6 +30,6 @@ export const Chat = observer(({ className, customizations }) => {
     if (chatUiStore.isStarting) {
         return (_jsx(Flex, { direction: "column", className: className, "data-cy": "titan-chat", children: loadingComponent !== null && loadingComponent !== void 0 ? loadingComponent : _jsx(ChatConnecting, { className: "p-inline-6 p-block-4" }) }));
     }
-    return (_jsxs(Flex, { direction: "column", className: className, "data-cy": "titan-chat", children: [_jsx(Flex, { direction: "column", ref: scrollRef, grow: "1", className: classNames('p-inline-6 p-block-4', Styles.scrollContainer), 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-inline-6 p-block-4", direction: "column", gap: "4", children: [_jsx(ChatInputFile, { className: classNames('p-4 border-radius-small border-color-subdued', Styles.fileContainer) }), _jsx(ChatInput, {}), Boolean(footerComponent) && footerComponent] }))] }));
+    return (_jsxs(Flex, { direction: "column", className: className, "data-cy": "titan-chat", children: [_jsx(Flex, { direction: "column", ref: scrollRef, grow: "1", className: classNames('p-inline-6 p-block-4', Styles.scrollContainer), children: _jsx(ChatMessages, { messages: chatUiStore.messages, showTypingIndicator: chatUiStore.isAgentTyping }) }), _jsx(ChatNotifications, {}), !((_a = customizations === null || customizations === void 0 ? void 0 : customizations.input) === null || _a === void 0 ? void 0 : _a.isDisabled) && (_jsxs(Flex, { className: "p-inline-6 p-block-4", direction: "column", gap: "4", children: [_jsx(ChatInputFile, { className: classNames('p-4 border-radius-small border-color-subdued', Styles.fileContainer) }), _jsx(ChatInput, {}), Boolean(footerComponent) && footerComponent] }))] }));
 });
 //# sourceMappingURL=chat.js.map

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"message-content-text.d.ts","sourceRoot":"","sources":["../../../src/components/message-content/message-content-text.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,MAAM,oCAAoC,CAAC;AAGnG,OAAO,EAAE,EAAE,EAAsB,MAAM,OAAO,CAAC;AAK/C,UAAU,wBAAwB;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,oBAAoB,GAAG,uBAAuB,CAAC;IACxD,CAAC,SAAS,CAAC,CAAC,EAAE,MAAM,CAAC;CACxB;AAID,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,wBAAwB,CA0F3D,CAAC"}
+{"version":3,"file":"message-content-text.d.ts","sourceRoot":"","sources":["../../../src/components/message-content/message-content-text.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,MAAM,oCAAoC,CAAC;AAInG,OAAO,EAAE,EAAE,EAAsB,MAAM,OAAO,CAAC;AAM/C,UAAU,wBAAwB;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,oBAAoB,GAAG,uBAAuB,CAAC;IACxD,CAAC,SAAS,CAAC,CAAC,EAAE,MAAM,CAAC;CACxB;AAID,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,wBAAwB,CA0F3D,CAAC"}

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

@@ -1,11 +1,13 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Link, Text } from '@servicetitan/anvil2';
+import classNames from 'classnames';
 import DOMpurify from 'dompurify';
 import { observer } from 'mobx-react';
 import { useMemo } from 'react';
 import Markdown from 'react-markdown';
 import rehypeRaw from 'rehype-raw';
 import remarkGfm from 'remark-gfm';
+import * as Styles from './message-content-text.module.less';
 export const MessageContentText = observer(({ className, message, ...rest }) => {
     var _a;
     const dataCy = (_a = rest['data-cy']) !== null && _a !== void 0 ? _a : 'titan-chat-text';
@@ -38,6 +40,6 @@ export const MessageContentText = observer(({ className, message, ...rest }) =>
             return (_jsx(Text, { variant: "headline", el: "h6", size: "small", children: children }));
         },
     }), []);
-    return (_jsx(Text, { variant: "body", className: className, "data-cy": dataCy, children: _jsx(Markdown, { components: markdownComponents, rehypePlugins: [rehypeRaw], remarkPlugins: [remarkGfm], children: DOMpurify.sanitize(message.message) }) }));
+    return (_jsx(Text, { variant: "body", className: classNames(Styles.content, className), "data-cy": dataCy, children: _jsx(Markdown, { components: markdownComponents, rehypePlugins: [rehypeRaw], remarkPlugins: [remarkGfm], children: DOMpurify.sanitize(message.message) }) }));
 });
 //# sourceMappingURL=message-content-text.js.map

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

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

package/dist/components/message-content/message-content-text.module.less

@@ -0,0 +1,8 @@
+@import '@servicetitan/tokens/dist/tokens.less';
+
+.content {
+    p {
+        margin: @spacing-0;
+        padding: @spacing-0;
+    }
+}

package/dist/components/messages/message-avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"message-avatar.d.ts","sourceRoot":"","sources":["../../../src/components/messages/message-avatar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAmB,MAAM,oCAAoC,CAAC;AAE1F,OAAO,EAAE,EAAE,EAAW,MAAM,OAAO,CAAC;AAGpC,MAAM,WAAW,mBAAmB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,mBAAmB,CAAC;CAC7B;AAED,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,mBAAmB,CAyBjD,CAAC"}
+{"version":3,"file":"message-avatar.d.ts","sourceRoot":"","sources":["../../../src/components/messages/message-avatar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAmB,MAAM,oCAAoC,CAAC;AAE1F,OAAO,EAAE,EAAE,EAAW,MAAM,OAAO,CAAC;AAGpC,MAAM,WAAW,mBAAmB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,mBAAmB,CAAC;CAC7B;AAED,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,mBAAmB,CA2BjD,CAAC"}

package/dist/components/messages/message-avatar.js

@@ -8,9 +8,11 @@ export const MessageAvatar = ({ className, icon, name }) => {
     const isEmpty = icon === ChatParticipantIcon.Empty;
     const isInitials = icon === ChatParticipantIcon.Initials;
     const isBot = icon === ChatParticipantIcon.Bot;
+    const isAtlas = icon === ChatParticipantIcon.Atlas;
     const nameInitials = useMemo(() => getNameInitials(name), [name]);
     return (_jsx("div", { className: classNames('align-self-end', Styles.userIcon, {
             [Styles.bot]: isBot,
+            [Styles.atlas]: isAtlas,
             [Styles.system]: isEmpty,
         }, className), "data-cy": "titan-chat-avatar", "data-cy2": `titan-chat-avatar-${icon}`, children: _jsx(Text, { variant: "body", inline: true, children: isInitials ? nameInitials : null }) }));
 };

package/dist/components/messages/message-avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"message-avatar.js","sourceRoot":"","sources":["../../../src/components/messages/message-avatar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAC1F,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAM,OAAO,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,MAAM,MAAM,8BAA8B,CAAC;AAQvD,MAAM,CAAC,MAAM,aAAa,GAA4B,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE;IAChF,MAAM,OAAO,GAAG,IAAI,KAAK,mBAAmB,CAAC,KAAK,CAAC;IACnD,MAAM,UAAU,GAAG,IAAI,KAAK,mBAAmB,CAAC,QAAQ,CAAC;IACzD,MAAM,KAAK,GAAG,IAAI,KAAK,mBAAmB,CAAC,GAAG,CAAC;IAC/C,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAElE,OAAO,CACH,cACI,SAAS,EAAE,UAAU,CACjB,gBAAgB,EAChB,MAAM,CAAC,QAAQ,EACf;YACI,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,KAAK;YACnB,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,OAAO;SAC3B,EACD,SAAS,CACZ,aACO,mBAAmB,cACjB,qBAAqB,IAAI,EAAE,YAErC,KAAC,IAAI,IAAC,OAAO,EAAC,MAAM,EAAC,MAAM,kBACtB,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,GAC9B,GACL,CACT,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"message-avatar.js","sourceRoot":"","sources":["../../../src/components/messages/message-avatar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAC1F,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAM,OAAO,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,MAAM,MAAM,8BAA8B,CAAC;AAQvD,MAAM,CAAC,MAAM,aAAa,GAA4B,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE;IAChF,MAAM,OAAO,GAAG,IAAI,KAAK,mBAAmB,CAAC,KAAK,CAAC;IACnD,MAAM,UAAU,GAAG,IAAI,KAAK,mBAAmB,CAAC,QAAQ,CAAC;IACzD,MAAM,KAAK,GAAG,IAAI,KAAK,mBAAmB,CAAC,GAAG,CAAC;IAC/C,MAAM,OAAO,GAAG,IAAI,KAAK,mBAAmB,CAAC,KAAK,CAAC;IACnD,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAElE,OAAO,CACH,cACI,SAAS,EAAE,UAAU,CACjB,gBAAgB,EAChB,MAAM,CAAC,QAAQ,EACf;YACI,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,KAAK;YACnB,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,OAAO;YACvB,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,OAAO;SAC3B,EACD,SAAS,CACZ,aACO,mBAAmB,cACjB,qBAAqB,IAAI,EAAE,YAErC,KAAC,IAAI,IAAC,OAAO,EAAC,MAAM,EAAC,MAAM,kBACtB,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,GAC9B,GACL,CACT,CAAC;AACN,CAAC,CAAC"}

package/dist/components/messages/message-avatar.module.less

@@ -18,6 +18,10 @@
         background-image: url('../../assets/floating-chat-avatar.svg');
     }
 
+    &.atlas {
+        background-image: url('../../assets/atlas-avatar.svg');
+    }
+
     &.system {
         min-height: @spacing-0;
         height: @spacing-0;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@servicetitan/titan-chat-ui-anvil2",
-    "version": "3.2.0",
+    "version": "4.0.0",
     "description": "Chat experience UI package (Anvil2 version)",
     "repository": {
         "type": "git",
@@ -17,7 +17,7 @@
         "push:local": "yalc push"
     },
     "dependencies": {
-        "@servicetitan/titan-chat-ui-common": "^3.2.0",
+        "@servicetitan/titan-chat-ui-common": "^4.0.0",
         "dompurify": "^3.2.6",
         "lodash": "4.17.21",
         "nanoid": "^5.1.5",
@@ -38,8 +38,8 @@
         "react-dom": ">=18"
     },
     "devDependencies": {
-        "@servicetitan/cypress-shared": "^3.2.0",
-        "cypress": "^14.3.2"
+        "@servicetitan/cypress-shared": "^4.0.0",
+        "cypress": "^15.2.0"
     },
     "keywords": [
         "ServiceTitan"
@@ -51,5 +51,5 @@
     "cli": {
         "webpack": false
     },
-    "gitHead": "5f2fb6065c0498c946b8e67732383cab10a07a18"
+    "gitHead": "8fcc85c992c16ff2ed52eac25557a7cefb1725b3"
 }

package/src/assets/atlas-avatar.svg

@@ -0,0 +1,95 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g clip-path="url(#clip0_14694_37355)">
+        <path d="M2.76947 11.999V35.9984L23.9992 47.9981L45.2289 35.9984V11.999L23.9992 -0.000732422L2.76947 11.999Z" fill="url(#paint0_linear_14694_37355)"/>
+        <g style="mix-blend-mode:overlay">
+            <path d="M2.77045 35.999L11.8311 30.8767L2.77045 23.9993V35.999Z" fill="url(#paint1_linear_14694_37355)"/>
+            <path d="M45.2304 11.9993L36.1697 17.1215L45.2304 23.999V11.9993Z" fill="url(#paint2_linear_14694_37355)"/>
+            <path d="M23.9991 48.0002V37.7571L13.3842 42.001L23.9991 48.0002Z" fill="url(#paint3_linear_14694_37355)"/>
+            <path d="M23.9995 -0.000732422V10.2424L34.6144 5.99841L23.9995 -0.000732422Z" fill="url(#paint4_linear_14694_37355)"/>
+            <path d="M45.2311 36.0004L36.1705 30.8782L34.6162 42.001L45.2311 36.0004Z" fill="url(#paint5_linear_14694_37355)"/>
+            <path d="M2.77045 11.9998L11.8311 17.1221L13.3853 5.99927L2.77045 11.9998Z" fill="url(#paint6_linear_14694_37355)"/>
+        </g>
+        <g style="mix-blend-mode:overlay">
+            <path d="M2.77045 11.9993L11.8311 17.1215L2.77045 23.999V11.9993Z" fill="url(#paint7_linear_14694_37355)"/>
+            <path d="M45.2304 35.999L36.1697 30.8767L45.2304 23.9993V35.999Z" fill="url(#paint8_linear_14694_37355)"/>
+            <path d="M2.7702 36.0008L11.8308 30.8785L13.3851 42.0013L2.7702 36.0008Z" fill="url(#paint9_linear_14694_37355)"/>
+            <path d="M45.2311 11.9998L36.1705 17.1221L34.6162 5.99927L45.2311 11.9998Z" fill="url(#paint10_linear_14694_37355)"/>
+            <path d="M23.9995 48.0002V37.7571L34.6144 42.001L23.9995 48.0002Z" fill="url(#paint11_linear_14694_37355)"/>
+            <path d="M23.9988 -0.000732422V10.2424L13.384 5.99841L23.9988 -0.000732422Z" fill="url(#paint12_linear_14694_37355)"/>
+        </g>
+        <path opacity="0.66" d="M32.1114 10.2473H15.8869L7.7746 24.0036L15.8869 37.76H32.1114L40.2236 24.0036L32.1114 10.2473Z" fill="white"/>
+        <path d="M11.8309 17.1262V30.8811L24 37.76L36.1691 30.8811V17.1262L24 10.2473L11.8309 17.1262Z" fill="white"/>
+        <path d="M24.0009 13.3647L26.8825 21.1806L34.866 24.0004L26.8825 26.8216L24.0009 34.6375L21.1207 26.8216L13.1372 24.0004L21.1207 21.1806L24.0009 13.3647Z" fill="url(#paint13_linear_14694_37355)"/>
+        <path d="M13.1378 23.9995H24.0014V34.6352L21.1212 26.8192L13.1378 23.9995Z" fill="url(#paint14_linear_14694_37355)"/>
+        <path d="M34.8657 24.0004H24.0021V13.3647L26.8823 21.1807L34.8657 24.0004Z" fill="url(#paint15_linear_14694_37355)"/>
+    </g>
+    <defs>
+        <linearGradient id="paint0_linear_14694_37355" x1="2.76947" y1="23.9987" x2="45.2289" y2="23.9987" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#2F6CDB"/>
+            <stop offset="1" stop-color="#55AAE7"/>
+        </linearGradient>
+        <linearGradient id="paint1_linear_14694_37355" x1="28.7112" y1="-6.03654" x2="-21.5772" y2="75.9966" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#4357B5"/>
+            <stop offset="1" stop-color="#2E6BD3"/>
+        </linearGradient>
+        <linearGradient id="paint2_linear_14694_37355" x1="49.5433" y1="6.73372" x2="-0.746622" y2="88.7655" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#4357B5"/>
+            <stop offset="1" stop-color="#2E6BD3"/>
+        </linearGradient>
+        <linearGradient id="paint3_linear_14694_37355" x1="44.9624" y1="3.92721" x2="-5.32747" y2="85.9604" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#4357B5"/>
+            <stop offset="1" stop-color="#2E6BD3"/>
+        </linearGradient>
+        <linearGradient id="paint4_linear_14694_37355" x1="33.2914" y1="-3.23027" x2="-16.9986" y2="78.803" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#4357B5"/>
+            <stop offset="1" stop-color="#2E6BD3"/>
+        </linearGradient>
+        <linearGradient id="paint5_linear_14694_37355" x1="55.461" y1="10.3619" x2="5.17111" y2="92.3951" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#4357B5"/>
+            <stop offset="1" stop-color="#2E6BD3"/>
+        </linearGradient>
+        <linearGradient id="paint6_linear_14694_37355" x1="22.7942" y1="-9.66412" x2="-27.4942" y2="72.3691" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#4357B5"/>
+            <stop offset="1" stop-color="#2E6BD3"/>
+        </linearGradient>
+        <linearGradient id="paint7_linear_14694_37355" x1="9.87142" y1="21.6635" x2="0.296576" y2="16.5084" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#2E6BD3"/>
+            <stop offset="1" stop-color="#2F044D"/>
+        </linearGradient>
+        <linearGradient id="paint8_linear_14694_37355" x1="39.4934" y1="26.968" x2="47.6416" y2="31.4596" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#2E6BD3"/>
+            <stop offset="1" stop-color="#2F044D"/>
+        </linearGradient>
+        <linearGradient id="paint9_linear_14694_37355" x1="15.835" y1="34.8603" x2="5.21554" y2="40.2831" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#2E6BD3"/>
+            <stop offset="1" stop-color="#2F044D"/>
+        </linearGradient>
+        <linearGradient id="paint10_linear_14694_37355" x1="33.8435" y1="12.3838" x2="42.8968" y2="7.36418" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#2E6BD3"/>
+            <stop offset="1" stop-color="#2F044D"/>
+        </linearGradient>
+        <linearGradient id="paint11_linear_14694_37355" x1="29.3062" y1="36.7828" x2="29.3062" y2="47.8354" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#2E6BD3"/>
+            <stop offset="1" stop-color="#2F044D"/>
+        </linearGradient>
+        <linearGradient id="paint12_linear_14694_37355" x1="18.6907" y1="11.8027" x2="18.6907" y2="0.631132" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#2E6BD3"/>
+            <stop offset="1" stop-color="#2F044D"/>
+        </linearGradient>
+        <linearGradient id="paint13_linear_14694_37355" x1="24.0009" y1="13.6083" x2="24.0009" y2="34.2593" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#2E6BD3"/>
+            <stop offset="1" stop-color="#2F044D"/>
+        </linearGradient>
+        <linearGradient id="paint14_linear_14694_37355" x1="17.7244" y1="30.4929" x2="22.4066" y2="23.6925" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#2E6BD3"/>
+            <stop offset="1" stop-color="#2F044D"/>
+        </linearGradient>
+        <linearGradient id="paint15_linear_14694_37355" x1="29.4346" y1="23.8385" x2="29.4346" y2="17.9239" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#2E6BD3"/>
+            <stop offset="1" stop-color="#2F044D"/>
+        </linearGradient>
+        <clipPath id="clip0_14694_37355">
+            <rect width="48" height="48" fill="white"/>
+        </clipPath>
+    </defs>
+</svg>

package/src/components/chat/chat-input.tsx

@@ -1,7 +1,7 @@
 import { Button, Flex, 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 { CHAT_UI_STORE_TOKEN, useCustomizationChat } from '@servicetitan/titan-chat-ui-common';
 import classNames from 'classnames';
 import { observer } from 'mobx-react';
 import {
@@ -23,6 +23,7 @@ export const ChatInput: FC<{ className?: string }> = provide({
     singletons: [ChatInputStore],
 })(
     observer(({ className }) => {
+        const customization = useCustomizationChat();
         const typingTimeoutRef = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);
         const [isSending, setIsSending] = useState(false);
         const textareaRef = useRef<HTMLTextAreaElement>(null);
@@ -115,7 +116,7 @@ export const ChatInput: FC<{ className?: string }> = provide({
                     <Textarea
                         ref={textareaRef}
                         name="question"
-                        placeholder="Type your message"
+                        placeholder={customization.input?.placeholderText ?? 'Type your message'}
                         rows={1}
                         maxRows={2}
                         autoHeight

package/src/components/chat/chat-message-typing.tsx

@@ -1,19 +1,19 @@
 import { useDependencies } from '@servicetitan/react-ioc';
-import { CHAT_UI_STORE_TOKEN } from '@servicetitan/titan-chat-ui-common';
+import { CHAT_UI_STORE_TOKEN, useCustomizationChat } from '@servicetitan/titan-chat-ui-common';
 import { observer } from 'mobx-react';
 import { FC } from 'react';
 import { MessageTyping } from '../messages/message-typing';
 import { useAvatarProps } from '../messages/use-avatar-props';
 
 export const ChatMessageTyping: FC = observer(() => {
-    const [chatUiStore] = useDependencies(CHAT_UI_STORE_TOKEN);
+    const customization = useCustomizationChat();
     const [
         {
             agent: { icon, name },
         },
     ] = useDependencies(CHAT_UI_STORE_TOKEN);
     const avatar = useAvatarProps(name, icon);
-    const Component = chatUiStore.customizations.messageTyping?.component ?? MessageTyping;
+    const Component = customization.messageTyping?.component ?? MessageTyping;
 
     return <Component avatar={avatar} />;
 });

package/src/components/chat/chat-message.tsx

@@ -1,11 +1,10 @@
 import { Text } from '@servicetitan/anvil2';
-import { useDependencies } from '@servicetitan/react-ioc';
 import {
-    CHAT_UI_STORE_TOKEN,
     ChatMessageModelFile,
     ChatMessageModelText,
     ChatMessageModelWelcome,
     IChatMessageProps,
+    useCustomizationChat,
 } from '@servicetitan/titan-chat-ui-common';
 import { observer } from 'mobx-react';
 import { FC, PropsWithChildren, ReactNode } from 'react';
@@ -20,10 +19,9 @@ import { ChatMessageTemplateUser } from './chat-message-template-user';
  */
 export const ChatMessage: FC<IChatMessageProps> = observer(
     ({ message, omitAvatar, omitTimestamp }) => {
-        const [chatUiStore] = useDependencies(CHAT_UI_STORE_TOKEN);
-        const isAgent = message.participant.isAgent;
-        const { messageTemplates, messages } = chatUiStore.customizations;
+        const { messageTemplates, messages } = useCustomizationChat();
         const messageCustomization = messages?.find(c => c.predicate(message));
+        const isAgent = message.participant.isAgent;
         const isSystem = Boolean(messageCustomization?.isSystem);
 
         let messageContentNode: ReactNode | undefined;

package/src/components/chat/chat.tsx

@@ -56,7 +56,7 @@ export const Chat: FC<IChatProps> = observer(({ className, customizations }) =>
                 />
             </Flex>
             <ChatNotifications />
-            {!chatUiStore.customizations?.input?.isDisabled && (
+            {!customizations?.input?.isDisabled && (
                 <Flex className="p-inline-6 p-block-4" direction="column" gap="4">
                     <ChatInputFile
                         className={classNames(