@servicetitan/titan-chatbot-ui 3.1.0 → 3.1.1

package/dist/components/chatbot/messages/__tests-cy__/chatbot-links.test.js

@@ -0,0 +1,6 @@
+import { runChatbotLinksSharedTests } from '@servicetitan/titan-chatbot-ui-cypress';
+import { ChatbotLinks } from '../chatbot-links';
+describe('[ChatbotLinks]', () => {
+    runChatbotLinksSharedTests(ChatbotLinks);
+});
+//# sourceMappingURL=chatbot-links.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chatbot-links.test.js","sourceRoot":"","sources":["../../../../../src/components/chatbot/messages/__tests-cy__/chatbot-links.test.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,wCAAwC,CAAC;AACpF,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;IAC5B,0BAA0B,CAAC,YAAY,CAAC,CAAC;AAC7C,CAAC,CAAC,CAAC"}

package/dist/components/chatbot/messages/__tests-cy__/chatbot-message-answer-readonly.test.d.ts

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

package/dist/components/chatbot/messages/__tests-cy__/chatbot-message-answer-readonly.test.d.ts.map

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

package/dist/components/chatbot/messages/__tests-cy__/chatbot-message-answer-readonly.test.js

@@ -0,0 +1,6 @@
+import { runChatbotMessageAnswerReadonlySharedTests } from '@servicetitan/titan-chatbot-ui-cypress';
+import { ChatbotMessageAnswerReadonly } from '../chatbot-message-answer-readonly';
+describe('[ChatbotMessageAnswerReadonly]', () => {
+    runChatbotMessageAnswerReadonlySharedTests(ChatbotMessageAnswerReadonly);
+});
+//# sourceMappingURL=chatbot-message-answer-readonly.test.js.map

package/dist/components/chatbot/messages/__tests-cy__/chatbot-message-answer-readonly.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chatbot-message-answer-readonly.test.js","sourceRoot":"","sources":["../../../../../src/components/chatbot/messages/__tests-cy__/chatbot-message-answer-readonly.test.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,0CAA0C,EAAE,MAAM,wCAAwC,CAAC;AACpG,OAAO,EAAE,4BAA4B,EAAE,MAAM,oCAAoC,CAAC;AAElF,QAAQ,CAAC,gCAAgC,EAAE,GAAG,EAAE;IAC5C,0CAA0C,CAAC,4BAA4B,CAAC,CAAC;AAC7E,CAAC,CAAC,CAAC"}

package/dist/components/chatbot/messages/__tests-cy__/chatbot-message-answer.test.js

@@ -1,85 +1,6 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Container, Provider } from '@servicetitan/react-ioc';
-import { mockChatMessageModelText } from '@servicetitan/titan-chat-ui-common';
-import { CHATBOT_UI_STORE_TOKEN, ChatbotUiStore, ModelsMocks, } from '@servicetitan/titan-chatbot-api';
-import { ChatUiSelectors } from '@servicetitan/titan-chatbot-ui-cypress';
-import { mount } from 'cypress/react';
+import { runChatbotMessageAnswerSharedTests } from '@servicetitan/titan-chatbot-ui-cypress';
 import { ChatbotMessageAnswer } from '../chatbot-message-answer';
-const initContainer = () => {
-    const container = new Container();
-    container.bind(CHATBOT_UI_STORE_TOKEN).to(ChatbotUiStore).inSingletonScope();
-    return container;
-};
-describe('<ChatbotMessageAnswer />', () => {
-    let container;
-    let uiStore;
-    beforeEach(() => {
-        container = initContainer();
-        uiStore = container.get(CHATBOT_UI_STORE_TOKEN);
-        cy.viewport(780, 800);
-    });
-    const renderComponent = (message) => {
-        const Wrapper = () => (_jsx(Provider, { singletons: [
-                {
-                    provide: CHATBOT_UI_STORE_TOKEN,
-                    useValue: uiStore,
-                },
-            ], children: _jsx(ChatbotMessageAnswer, { message: message }) }));
-        mount(_jsx(Wrapper, {}));
-    };
-    it('should render MultilineText and ChatbotLinks when chatbotMessageData exists', () => {
-        cy.clock();
-        cy.spy(uiStore, 'triggerScroll').as('triggerScroll');
-        const botMessage = ModelsMocks.mockBotMessage({
-            scoredUrls: ModelsMocks.mockScoredUrls(),
-        });
-        const message = mockChatMessageModelText(true, {
-            message: 'Test message',
-            data: botMessage,
-        });
-        uiStore.setMessages([message]);
-        renderComponent(message);
-        ChatUiSelectors.chatbotMessageAnswer.should('contain.text', 'Test message');
-        ChatUiSelectors.chatbotLinksLink.should('not.be.visible');
-        // Expand links
-        ChatUiSelectors.chatbotLinksMore
-            .should('be.visible')
-            .should('have.text', 'Learn more')
-            .click();
-        cy.tick(100);
-        cy.get('@triggerScroll').should('be.called');
-        ChatUiSelectors.chatbotLinksLink.should('be.visible').should('have.length', 2);
-        // Collapse links
-        ChatUiSelectors.chatbotLinksMore
-            .should('be.visible')
-            .should('have.text', 'Learn less')
-            .click();
-        cy.tick(100);
-        cy.get('@triggerScroll').should('be.called');
-        ChatUiSelectors.chatbotLinksLink.should('not.be.visible');
-    });
-    it('should not render ChatbotLinks when no links exist', () => {
-        const botMessage = ModelsMocks.mockBotMessage({
-            scoredUrls: [],
-        });
-        const message = mockChatMessageModelText(true, {
-            message: 'Test message',
-            data: botMessage,
-        });
-        renderComponent(message);
-        ChatUiSelectors.chatbotMessageAnswer.should('contain.text', 'Test message');
-        ChatUiSelectors.chatbotLinksMore.should('not.exist');
-        ChatUiSelectors.chatbotLinksLink.should('not.exist');
-    });
-    it('should not render ChatbotLinks when chatbotMessageData is undefined', () => {
-        const message = mockChatMessageModelText(true, {
-            message: 'Test message',
-            data: undefined,
-        });
-        renderComponent(message);
-        ChatUiSelectors.chatbotMessageAnswer.should('contain.text', 'Test message');
-        ChatUiSelectors.chatbotLinksMore.should('not.exist');
-        ChatUiSelectors.chatbotLinksLink.should('not.exist');
-    });
+describe('[ChatbotMessageAnswer]', () => {
+    runChatbotMessageAnswerSharedTests(ChatbotMessageAnswer);
 });
 //# sourceMappingURL=chatbot-message-answer.test.js.map

package/dist/components/chatbot/messages/__tests-cy__/chatbot-message-answer.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"chatbot-message-answer.test.js","sourceRoot":"","sources":["../../../../../src/components/chatbot/messages/__tests-cy__/chatbot-message-answer.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAwB,wBAAwB,EAAE,MAAM,oCAAoC,CAAC;AACpG,OAAO,EACH,sBAAsB,EACtB,cAAc,EAEd,WAAW,GACd,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAC;AACzE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEtC,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEjE,MAAM,aAAa,GAAG,GAAG,EAAE;IACvB,MAAM,SAAS,GAAG,IAAI,SAAS,EAAE,CAAC;IAClC,SAAS,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,gBAAgB,EAAE,CAAC;IAC7E,OAAO,SAAS,CAAC;AACrB,CAAC,CAAC;AAEF,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;IACtC,IAAI,SAAoB,CAAC;IACzB,IAAI,OAAuB,CAAC;IAE5B,UAAU,CAAC,GAAG,EAAE;QACZ,SAAS,GAAG,aAAa,EAAE,CAAC;QAC5B,OAAO,GAAG,SAAS,CAAC,GAAG,CAAiB,sBAAsB,CAAC,CAAC;QAChE,EAAE,CAAC,QAAQ,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;IAC1B,CAAC,CAAC,CAAC;IAEH,MAAM,eAAe,GAAG,CAAC,OAA6B,EAAE,EAAE;QACtD,MAAM,OAAO,GAAO,GAAG,EAAE,CAAC,CACtB,KAAC,QAAQ,IACL,UAAU,EAAE;gBACR;oBACI,OAAO,EAAE,sBAAsB;oBAC/B,QAAQ,EAAE,OAAO;iBACpB;aACJ,YAED,KAAC,oBAAoB,IAAC,OAAO,EAAE,OAAO,GAAI,GACnC,CACd,CAAC;QACF,KAAK,CAAC,KAAC,OAAO,KAAG,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,EAAE,CAAC,6EAA6E,EAAE,GAAG,EAAE;QACnF,EAAE,CAAC,KAAK,EAAE,CAAC;QACX,EAAE,CAAC,GAAG,CAAC,OAAO,EAAE,eAAe,CAAC,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC;QACrD,MAAM,UAAU,GAAuB,WAAW,CAAC,cAAc,CAAC;YAC9D,UAAU,EAAE,WAAW,CAAC,cAAc,EAAE;SAC3C,CAAC,CAAC;QACH,MAAM,OAAO,GAAG,wBAAwB,CAAC,IAAI,EAAE;YAC3C,OAAO,EAAE,cAAc;YACvB,IAAI,EAAE,UAAU;SACnB,CAAC,CAAC;QACH,OAAO,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;QAE/B,eAAe,CAAC,OAAO,CAAC,CAAC;QAEzB,eAAe,CAAC,oBAAoB,CAAC,MAAM,CAAC,cAAc,EAAE,cAAc,CAAC,CAAC;QAC5E,eAAe,CAAC,gBAAgB,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC;QAE1D,eAAe;QACf,eAAe,CAAC,gBAAgB;aAC3B,MAAM,CAAC,YAAY,CAAC;aACpB,MAAM,CAAC,WAAW,EAAE,YAAY,CAAC;aACjC,KAAK,EAAE,CAAC;QAEb,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACb,EAAE,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;QAC7C,eAAe,CAAC,gBAAgB,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,MAAM,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC;QAE/E,iBAAiB;QACjB,eAAe,CAAC,gBAAgB;aAC3B,MAAM,CAAC,YAAY,CAAC;aACpB,MAAM,CAAC,WAAW,EAAE,YAAY,CAAC;aACjC,KAAK,EAAE,CAAC;QAEb,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACb,EAAE,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;QAC7C,eAAe,CAAC,gBAAgB,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC;IAC9D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,oDAAoD,EAAE,GAAG,EAAE;QAC1D,MAAM,UAAU,GAAuB,WAAW,CAAC,cAAc,CAAC;YAC9D,UAAU,EAAE,EAAE;SACjB,CAAC,CAAC;QACH,MAAM,OAAO,GAAG,wBAAwB,CAAC,IAAI,EAAE;YAC3C,OAAO,EAAE,cAAc;YACvB,IAAI,EAAE,UAAU;SACnB,CAAC,CAAC;QACH,eAAe,CAAC,OAAO,CAAC,CAAC;QAEzB,eAAe,CAAC,oBAAoB,CAAC,MAAM,CAAC,cAAc,EAAE,cAAc,CAAC,CAAC;QAC5E,eAAe,CAAC,gBAAgB,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;QACrD,eAAe,CAAC,gBAAgB,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;IACzD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qEAAqE,EAAE,GAAG,EAAE;QAC3E,MAAM,OAAO,GAAG,wBAAwB,CAAC,IAAI,EAAE;YAC3C,OAAO,EAAE,cAAc;YACvB,IAAI,EAAE,SAAS;SAClB,CAAC,CAAC;QACH,eAAe,CAAC,OAAO,CAAC,CAAC;QAEzB,eAAe,CAAC,oBAAoB,CAAC,MAAM,CAAC,cAAc,EAAE,cAAc,CAAC,CAAC;QAC5E,eAAe,CAAC,gBAAgB,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;QACrD,eAAe,CAAC,gBAAgB,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;IACzD,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}
+{"version":3,"file":"chatbot-message-answer.test.js","sourceRoot":"","sources":["../../../../../src/components/chatbot/messages/__tests-cy__/chatbot-message-answer.test.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kCAAkC,EAAE,MAAM,wCAAwC,CAAC;AAC5F,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEjE,QAAQ,CAAC,wBAAwB,EAAE,GAAG,EAAE;IACpC,kCAAkC,CAAC,oBAAoB,CAAC,CAAC;AAC7D,CAAC,CAAC,CAAC"}

package/dist/components/chatbot/messages/__tests-cy__/chatbot-message-typing.test.js

@@ -1,57 +1,6 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { ChatParticipantIcon } from '@servicetitan/titan-chat-ui-common';
-import { ChatUiSelectors } from '@servicetitan/titan-chatbot-ui-cypress';
-import { mount } from 'cypress/react';
+import { runChatbotMessageTypingSharedTests } from '@servicetitan/titan-chatbot-ui-cypress';
 import { ChatbotMessageTyping } from '../chatbot-message-typing';
-describe('ChatbotMessageTyping', () => {
-    function render(icon) {
-        const avatar = {
-            name: 'Test User Name',
-            icon,
-        };
-        mount(_jsx(ChatbotMessageTyping, { avatar: avatar }));
-        ChatUiSelectors.chatMessageTyping.should('be.visible');
-        ChatUiSelectors.chatMessageTypingDots.should('be.visible');
-    }
-    it('should render message with bot icon', () => {
-        render(ChatParticipantIcon.Bot);
-        ChatUiSelectors.chatAvatarBot
-            .should('be.visible')
-            .invoke('css', 'background-image')
-            .then(bgColor => {
-            const isSvg = Boolean(bgColor.indexOf('data:image/svg+xml;base64') >= 0);
-            expect(isSvg).to.eq(true);
-        });
-    });
-    it('should render message with empty icon', () => {
-        render(ChatParticipantIcon.Empty);
-        ChatUiSelectors.chatAvatarBot.should('not.exist');
-        ChatUiSelectors.chatAvatarInitials.should('not.exist');
-    });
-    it('should render message with initials', () => {
-        render(ChatParticipantIcon.Initials);
-        ChatUiSelectors.chatAvatarInitials.should('be.visible').should('contain.text', 'TU');
-    });
-    it('should show different messages during the time', () => {
-        cy.clock();
-        render(ChatParticipantIcon.Bot);
-        // Verify the rendered component + check the dots animation doesn't change over the time
-        ChatUiSelectors.chatMessageTypingDots.should('be.visible');
-        cy.tick(11000);
-        ChatUiSelectors.chatMessageContentAgent
-            .should('be.visible')
-            .should('contain.text', 'Looking for the final details');
-        ChatUiSelectors.chatMessageTypingDots.should('not.exist');
-        cy.tick(10000);
-        ChatUiSelectors.chatMessageContentAgent
-            .should('be.visible')
-            .should('contain.text', 'This is taking longer than usual, please give me a little bit more time');
-        ChatUiSelectors.chatMessageTypingDots.should('not.exist');
-        cy.tick(60000);
-        ChatUiSelectors.chatMessageContentAgent
-            .should('be.visible')
-            .should('contain.text', 'This is taking longer than usual, please give me a little bit more time');
-        ChatUiSelectors.chatMessageTypingDots.should('not.exist');
-    });
+describe('[ChatbotMessageTyping]', () => {
+    runChatbotMessageTypingSharedTests(ChatbotMessageTyping);
 });
 //# sourceMappingURL=chatbot-message-typing.test.js.map

package/dist/components/chatbot/messages/__tests-cy__/chatbot-message-typing.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"chatbot-message-typing.test.js","sourceRoot":"","sources":["../../../../../src/components/chatbot/messages/__tests-cy__/chatbot-message-typing.test.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"chatbot-message-typing.test.js","sourceRoot":"","sources":["../../../../../src/components/chatbot/messages/__tests-cy__/chatbot-message-typing.test.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kCAAkC,EAAE,MAAM,wCAAwC,CAAC;AAC5F,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEjE,QAAQ,CAAC,wBAAwB,EAAE,GAAG,EAAE;IACpC,kCAAkC,CAAC,oBAAoB,CAAC,CAAC;AAC7D,CAAC,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@servicetitan/titan-chatbot-ui",
-    "version": "3.1.0",
+    "version": "3.1.1",
     "description": "Chatbot experience UI package",
     "repository": {
         "type": "git",
@@ -17,9 +17,9 @@
         "push:local": "yalc push"
     },
     "dependencies": {
-        "@servicetitan/titan-chat-ui": "^3.1.0",
-        "@servicetitan/titan-chat-ui-common": "^3.1.0",
-        "@servicetitan/titan-chatbot-api": "^3.1.0",
+        "@servicetitan/titan-chat-ui": "^3.1.1",
+        "@servicetitan/titan-chat-ui-common": "^3.1.1",
+        "@servicetitan/titan-chatbot-api": "^3.1.1",
         "nanoid": "^5.1.5"
     },
     "peerDependencies": {
@@ -42,7 +42,7 @@
         "react-dom": "^18"
     },
     "devDependencies": {
-        "@servicetitan/titan-chatbot-ui-cypress": "^3.1.0",
+        "@servicetitan/titan-chatbot-ui-cypress": "^3.1.1",
         "cypress": "^14.3.2"
     },
     "keywords": [
@@ -55,5 +55,5 @@
     "cli": {
         "webpack": false
     },
-    "gitHead": "cf6382312324155aa466ef1c5394b94d6fc267a5"
+    "gitHead": "83c89de5b42d24ce5d7fcd034810bf596a673a08"
 }

package/src/components/chatbot/__tests-cy__/chatbot-help-center.test.tsx

@@ -1,210 +1,6 @@
-import { ILog, Log } from '@servicetitan/log-service';
-import { Container, Provider } from '@servicetitan/react-ioc';
-import {
-    ApiClientHelpCenter,
-    CHATBOT_API_CLIENT,
-    CHATBOT_CLIENT_SETTINGS,
-    CHATBOT_UI_BACKEND_STORE_TOKEN,
-    CHATBOT_UI_STORE_TOKEN,
-    ChatbotCustomizations,
-    ChatbotUiBackendStore,
-    ChatbotUiStore,
-    IChatbotApiClient,
-    IChatbotUiBackendStore,
-    IChatbotUiStore,
-    Models,
-} from '@servicetitan/titan-chatbot-api';
-import { ChatUiSelectors, CypressMocks } from '@servicetitan/titan-chatbot-ui-cypress';
-import axios from 'axios';
-import { mount } from 'cypress/react';
-import { FC, useMemo } from 'react';
+import { runChatbotHelpCenterSharedTests } from '@servicetitan/titan-chatbot-ui-cypress';
 import { Chatbot } from '../chatbot';
 
-const ChatbotBaseUrl = 'https://chatbot-api.example.com/base/url';
-
-const initContainer = () => {
-    const rootContainer = new Container();
-    const container = new Container();
-    container.parent = rootContainer;
-    container.bind<ILog>(Log).to(CypressMocks.LogMock).inSingletonScope();
-    container.bind<IChatbotUiStore>(CHATBOT_UI_STORE_TOKEN).to(ChatbotUiStore).inSingletonScope();
-    container
-        .bind<IChatbotUiBackendStore>(CHATBOT_UI_BACKEND_STORE_TOKEN)
-        .to(ChatbotUiBackendStore)
-        .inSingletonScope();
-
-    // Set up Helpcenter API client
-    const clientSettings: ApiClientHelpCenter.IChatbotClientSettingsHelpCenter = {
-        area: 'FloatingChat',
-        instance: 'STapp',
-        constructorParametersFactory: () => ({
-            baseUrl: ChatbotBaseUrl,
-            axiosInstance: axios.create(),
-        }),
-    };
-    container
-        .bind<ApiClientHelpCenter.IChatbotClientSettingsHelpCenter>(CHATBOT_CLIENT_SETTINGS)
-        .toConstantValue(clientSettings);
-    container
-        .bind<IChatbotApiClient>(CHATBOT_API_CLIENT)
-        .to(ApiClientHelpCenter.ChatbotApiClient)
-        .inSingletonScope();
-    return container;
-};
-
 describe('[Chatbot with Help Center API]', () => {
-    let container: Container;
-    let log: CypressMocks.LogMock;
-    let apiClientSettings: ApiClientHelpCenter.IChatbotClientSettingsHelpCenter;
-    let apiClient: ApiClientHelpCenter.ChatbotApiClient;
-    let uiStore: ChatbotUiStore;
-    let uiBackendStore: ChatbotUiBackendStore;
-
-    beforeEach(() => {
-        container = initContainer();
-        log = container.get<CypressMocks.LogMock>(Log);
-        apiClientSettings =
-            container.get<ApiClientHelpCenter.IChatbotClientSettingsHelpCenter>(
-                CHATBOT_CLIENT_SETTINGS
-            );
-        apiClient = container.get<ApiClientHelpCenter.ChatbotApiClient>(CHATBOT_API_CLIENT);
-        uiStore = container.get<ChatbotUiStore>(CHATBOT_UI_STORE_TOKEN);
-        uiBackendStore = container.get<ChatbotUiBackendStore>(CHATBOT_UI_BACKEND_STORE_TOKEN);
-        cy.viewport(550, 800);
-        cy.clock(Date.parse('2023-10-01T00:00:00Z'));
-    });
-
-    const render = () => {
-        const ChatbotWrapper: FC = () => {
-            const customizationContext = useMemo<ChatbotCustomizations>(
-                () => ({
-                    filters: { enabled: true },
-                    feedback: { title: 'TITLE' },
-                }),
-                []
-            );
-            return (
-                <Provider
-                    singletons={[
-                        {
-                            provide: Log,
-                            useValue: log,
-                        },
-                        {
-                            provide: CHATBOT_CLIENT_SETTINGS,
-                            useValue: apiClientSettings,
-                        },
-                        { provide: CHATBOT_API_CLIENT, useValue: apiClient },
-                        {
-                            provide: CHATBOT_UI_STORE_TOKEN,
-                            useValue: uiStore,
-                        },
-                        {
-                            provide: CHATBOT_UI_BACKEND_STORE_TOKEN,
-                            useValue: uiBackendStore,
-                        },
-                    ]}
-                >
-                    <Chatbot
-                        className="h-100vh max-h-100vh of-x-hidden"
-                        customizations={customizationContext}
-                    />
-                </Provider>
-            );
-        };
-        cy.spy(uiStore, 'run').as('runSpy');
-        mount(<ChatbotWrapper />);
-        return cy.wrap(
-            new Promise(resolve => {
-                cy.get('@runSpy')
-                    .should('have.been.calledOnce')
-                    .then((invocation: any) => {
-                        const initPromise = invocation.firstCall.returnValue as ReturnType<
-                            IChatbotUiStore['run']
-                        >;
-                        initPromise.then(resolve);
-                    });
-            })
-        );
-    };
-
-    it('should render the chatbot with help center API', () => {
-        const sessionMock = CypressMocks.HC.CreateSession;
-        const messageMock = CypressMocks.HC.SendUserMessage;
-        const messageFeedbackMock = CypressMocks.HC.MessageFeedback;
-        const sessionFeedbackMock = CypressMocks.HC.SessionFeedback;
-
-        const aliasFilterOptions = CypressMocks.HC.interceptFilterOptions(ChatbotBaseUrl);
-        const aliasCreateSession = sessionMock.intercept(ChatbotBaseUrl);
-        const aliasSendUserMessage = messageMock.intercept(ChatbotBaseUrl);
-        const aliasMessageFeedback = messageFeedbackMock.intercept(ChatbotBaseUrl);
-        const aliasSessionFeedback = sessionFeedbackMock.intercept(ChatbotBaseUrl);
-
-        render().then(() => {
-            // Expect filters were loaded using the Help Center API
-            cy.wait(aliasFilterOptions).then(interception => {
-                // Check options were loaded correctly
-                expect(interception.request.url).to.equal(
-                    `${ChatbotBaseUrl}/api/Chat/filter-options`
-                );
-                expect(interception.response?.body).to.an('object');
-                expect(interception.response?.body?.sources).to.an('array');
-                expect(interception.response?.body?.contentTypes).to.an('array');
-                expect(interception.response?.body?.productAreas).to.an('array');
-                expect(interception.response?.statusCode).to.equal(200);
-            });
-
-            // Ask the bot a question
-            cy.log('Sending message...');
-            ChatUiSelectors.chatInput.type(`${messageMock.request.text}{enter}`, { delay: 0 });
-
-            // Check that the session was created
-            cy.wait(aliasCreateSession).then(interception => {
-                expect(interception.request.url).to.equal(
-                    `${ChatbotBaseUrl}/api/Chat/create-session`
-                );
-                expect(interception.request.body).to.deep.equal(sessionMock.request);
-                expect(interception.response?.body).to.deep.equal(sessionMock.response);
-                expect(interception.response?.statusCode).to.equal(200);
-            });
-
-            // Check the user message is sent
-            cy.wait(aliasSendUserMessage).then(interception => {
-                expect(interception.request.url).to.equal(
-                    `${ChatbotBaseUrl}/api/Chat/user-message`
-                );
-                expect(interception.request.body).to.deep.equal(messageMock.request);
-                expect(interception.response?.body).to.deep.equal(messageMock.response);
-                expect(interception.response?.statusCode).to.equal(200);
-            });
-
-            // Send session feedback (manually)
-            cy.log('Sending session feedback...');
-            uiStore.sendSessionFeedback(
-                new Models.Feedback({
-                    sessionId: sessionMock.response.id,
-                    description: 'Good answer!',
-                    rating: Models.FeedbackRatings.ThumbsUp,
-                })
-            );
-            cy.wait(aliasSessionFeedback).then(interception => {
-                expect(interception.request.url).to.equal(
-                    `${ChatbotBaseUrl}/api/Chat/session-feedback?sessionId=${sessionMock.response.id}`
-                );
-                expect(interception.request.body).to.deep.equal(sessionFeedbackMock.request);
-                expect(interception.response?.statusCode).to.equal(200);
-            });
-
-            // Check the feedback is sent with thumbs up
-            cy.log('Sending message feedback...');
-            ChatUiSelectors.chatbotMessageFeedbackThumbsUp.scrollIntoView().click({ force: true });
-            cy.wait(aliasMessageFeedback).then(interception => {
-                expect(interception.request.url).to.equal(
-                    `${ChatbotBaseUrl}/api/Chat/bot-message-feedback?sessionId=${messageMock.response.sessionId}&botMessageId=${messageMock.response.id}`
-                );
-                expect(interception.request.body).to.deep.equal(messageFeedbackMock.request);
-                expect(interception.response?.statusCode).to.equal(200);
-            });
-        });
-    });
+    runChatbotHelpCenterSharedTests(Chatbot);
 });

package/src/components/chatbot/__tests-cy__/chatbot-live.test.tsx

@@ -1,135 +1,9 @@
-import { ILog, Log } from '@servicetitan/log-service';
-import { Container, Provider } from '@servicetitan/react-ioc';
-import {
-    CHATBOT_API_CLIENT,
-    CHATBOT_UI_BACKEND_STORE_TOKEN,
-    CHATBOT_UI_STORE_TOKEN,
-    ChatbotCustomizations,
-    ChatbotUiBackendStore,
-    ChatbotUiStore,
-    IChatbotApiClient,
-    IChatbotUiBackendStore,
-    IChatbotUiStore,
-    Models,
-    ModelsMocks,
-} from '@servicetitan/titan-chatbot-api';
-import { ChatUiSelectors, CypressMocks } from '@servicetitan/titan-chatbot-ui-cypress';
-import { mount } from 'cypress/react';
-import { FC, useMemo } from 'react';
+import { runChatbotLiveSharedTests } from '@servicetitan/titan-chatbot-ui-cypress';
 import { Chatbot } from '../chatbot';
 
-const initContainer = () => {
-    const rootContainer = new Container();
-    const container = new Container();
-    container.parent = rootContainer;
-    container.bind<ILog>(Log).to(CypressMocks.LogMock).inSingletonScope();
-    container
-        .bind<IChatbotApiClient>(CHATBOT_API_CLIENT)
-        .to(CypressMocks.ChatbotApiClientMock)
-        .inSingletonScope();
-    container.bind<IChatbotUiStore>(CHATBOT_UI_STORE_TOKEN).to(ChatbotUiStore).inSingletonScope();
-    container
-        .bind<IChatbotUiBackendStore>(CHATBOT_UI_BACKEND_STORE_TOKEN)
-        .to(ChatbotUiBackendStore)
-        .inSingletonScope();
-    return container;
-};
-
 /**
  * The test is for internal purposes only.
  */
 describe('[Chatbot]', () => {
-    let container: Container;
-    let log: CypressMocks.LogMock;
-    let api: CypressMocks.ChatbotApiClientMock;
-    let uiStore: ChatbotUiStore;
-    let uiBackendStore: ChatbotUiBackendStore;
-
-    const mockApi = () => {
-        api.postSession = cy.stub().resolves(ModelsMocks.mockSession());
-        api.getOptions = cy.stub().resolves(ModelsMocks.mockFrontendModel());
-    };
-
-    beforeEach(() => {
-        cy.intercept('GET', 'https://fonts.gstatic.com/**', {
-            statusCode: 200,
-            body: new ArrayBuffer(0),
-            headers: {
-                'Content-Type': 'font/woff2',
-                'Cache-Control': 'no-cache, no-store, must-revalidate',
-            },
-        });
-        container = initContainer();
-        log = container.get<CypressMocks.LogMock>(Log);
-        api = container.get<CypressMocks.ChatbotApiClientMock>(CHATBOT_API_CLIENT);
-        uiStore = container.get<ChatbotUiStore>(CHATBOT_UI_STORE_TOKEN);
-        uiBackendStore = container.get<ChatbotUiBackendStore>(CHATBOT_UI_BACKEND_STORE_TOKEN);
-        mockApi();
-        cy.viewport(550, 800);
-    });
-
-    const mockAskBotApi = (answer: string) => {
-        api.postMessage = cy.stub().as('askBot').resolves(
-            ModelsMocks.mockBotMessage({
-                answer,
-            })
-        );
-        api.postFeedback = cy
-            .stub()
-            .as('askBotFeedback')
-            .resolves(
-                ModelsMocks.mockFeedback({
-                    rating: Models.FeedbackRatings.ThumbsUp,
-                })
-            );
-    };
-
-    const render = () => {
-        const ChatbotWrapper: FC = () => {
-            const customizationContext = useMemo<ChatbotCustomizations>(
-                () => ({
-                    filters: { enabled: true },
-                    feedback: { title: 'TITLE' },
-                }),
-                []
-            );
-            return (
-                <Provider
-                    singletons={[
-                        {
-                            provide: Log,
-                            useValue: log,
-                        },
-                        { provide: CHATBOT_API_CLIENT, useValue: api },
-                        {
-                            provide: CHATBOT_UI_STORE_TOKEN,
-                            useValue: uiStore,
-                        },
-                        {
-                            provide: CHATBOT_UI_BACKEND_STORE_TOKEN,
-                            useValue: uiBackendStore,
-                        },
-                    ]}
-                >
-                    <Chatbot
-                        className="h-100vh max-h-100vh of-x-hidden"
-                        customizations={customizationContext}
-                    />
-                </Provider>
-            );
-        };
-        mount(<ChatbotWrapper />);
-    };
-
-    const ask = (message: string) => {
-        ChatUiSelectors.chatInput.type(`${message}{enter}`, { delay: 0 });
-    };
-
-    it.skip('should render the chatbot component', () => {
-        mockAskBotApi("Hello! I'm chatbot mocked response!!!");
-        render();
-        ask('Hello!');
-        ChatUiSelectors.chatbotMessageFeedbackThumbsUp.should('be.visible').click();
-        cy.get('@askBotFeedback').should('have.been.calledOnce');
-    });
+    runChatbotLiveSharedTests(Chatbot);
 });