@servicetitan/titan-chatbot-ui 3.0.0

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

@@ -0,0 +1,139 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { 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, ChatbotUiBackendStore, ChatbotUiStore, ModelsMocks, } from '@servicetitan/titan-chatbot-api';
+import { ChatUiSelectors, CypressMocks } from '@servicetitan/titan-chatbot-ui-cypress';
+import { mount } from 'cypress/react';
+import { useMemo } from 'react';
+import { Chatbot } from '../chatbot';
+const initContainer = () => {
+    const rootContainer = new Container();
+    const container = new Container();
+    container.parent = rootContainer;
+    container.bind(Log).to(CypressMocks.LogMock).inSingletonScope();
+    container
+        .bind(CHATBOT_API_CLIENT)
+        .to(CypressMocks.ChatbotApiClientMock)
+        .inSingletonScope();
+    container.bind(CHATBOT_UI_STORE_TOKEN).to(ChatbotUiStore).inSingletonScope();
+    container
+        .bind(CHATBOT_UI_BACKEND_STORE_TOKEN)
+        .to(ChatbotUiBackendStore)
+        .inSingletonScope();
+    return container;
+};
+describe('[Chatbot]', () => {
+    let container;
+    let log;
+    let api;
+    let uiStore;
+    let uiBackendStore;
+    const mockApi = () => {
+        api.postSession = cy.stub().resolves(ModelsMocks.mockSession());
+        api.getOptions = cy.stub().resolves(ModelsMocks.mockFrontendModel());
+    };
+    beforeEach(() => {
+        container = initContainer();
+        log = container.get(Log);
+        api = container.get(CHATBOT_API_CLIENT);
+        uiStore = container.get(CHATBOT_UI_STORE_TOKEN);
+        uiBackendStore = container.get(CHATBOT_UI_BACKEND_STORE_TOKEN);
+        mockApi();
+        cy.viewport(550, 800);
+        cy.clock(Date.parse('2023-10-01T00:00:00Z'));
+    });
+    const mockAskBotApi = (answer) => {
+        api.postMessage = cy.stub().as('askBot').resolves(ModelsMocks.mockBotMessage({
+            answer,
+        }));
+        return '@askBot';
+    };
+    const render = () => {
+        const ChatbotWrapper = () => {
+            const customizationContext = useMemo(() => ({
+                filters: { enabled: true },
+                feedback: { title: 'TITLE' },
+            }), []);
+            return (_jsx(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,
+                    },
+                ], children: _jsx(Chatbot, { className: "h-100vh max-h-100vh of-x-hidden", customizations: customizationContext }) }));
+        };
+        cy.spy(uiStore, 'run').as('runSpy');
+        mount(_jsx(ChatbotWrapper, {}));
+        return cy.wrap(new Promise(resolve => {
+            cy.get('@runSpy')
+                .should('have.been.calledOnce')
+                .then((invocation) => {
+                const initPromise = invocation.firstCall.returnValue;
+                initPromise.then(resolve);
+            });
+        }));
+    };
+    const ask = (message) => {
+        ChatUiSelectors.chatInput.type(`${message}{enter}`, { delay: 0 });
+    };
+    const triggerFile = () => {
+        uiStore.setFilePickerEnabled(true);
+        ChatUiSelectors.chatUploadFile.should('be.visible');
+    };
+    it('should render the chatbot component', () => {
+        const apiAnswerAlias = mockAskBotApi("Hello! I'm chatbot mocked response!!!");
+        render().then(() => {
+            // Pick filter
+            ChatUiSelectors.chatbotFilterButton.first().click();
+            ChatUiSelectors.chatbotFilterOptions.find('label').first().click();
+            ChatUiSelectors.chatbotFilterButton.first().click();
+            // Ask chatbot
+            ask('Hello, Chatbot!');
+            ask('Hello, Chatbot! Hello, Chatbot! Hello, Chatbot! Hello, Chatbot! Hello, Chatbot!');
+            triggerFile();
+            // Check if the message is sent
+            cy.get(apiAnswerAlias).should('have.been.calledTwice');
+            cy.tick(1000);
+        });
+    });
+    describe('with error handling', () => {
+        const mockAskBotApiError = (errorMessage) => {
+            api.postMessage = cy.stub().as('askBot').rejects(new Error(errorMessage));
+            return '@askBot';
+        };
+        it('should react on send message API error', () => {
+            mockAskBotApiError('Chatbot API error');
+            render()
+                .then(() => {
+                ask('Hello, Chatbot!');
+                ChatUiSelectors.chatMessageFooter
+                    .last()
+                    .should('be.visible')
+                    .should('contain.text', 'Message not delivered. Retry');
+                const errorBanner = ChatUiSelectors.chatError.should('be.visible');
+                errorBanner
+                    .find('.Banner__text > .Banner__title')
+                    .should('contain.text', 'Chat Error');
+                ChatUiSelectors.chatErrorText
+                    .should('be.visible')
+                    .should('contain.text', 'Failed to send message');
+            })
+                .then(() => {
+                mockAskBotApi("Hello! I'm chatbot mocked response!!!");
+                ChatUiSelectors.chatMessageErrorRetry.click();
+                ChatUiSelectors.chatMessageContentAgent
+                    .should('be.visible')
+                    .should('contain.text', "Hello! I'm chatbot mocked response!!!");
+            });
+        });
+    });
+});
+//# sourceMappingURL=chatbot.test.js.map

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

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

package/dist/components/chatbot/chatbot-to-chat-provider-adapter.d.ts

@@ -0,0 +1,6 @@
+import { FC, PropsWithChildren } from 'react';
+/**
+ * Passes the Chatbot UI store and backend store to the Chat UI providers.
+ */
+export declare const ChatbotToChatProviderAdapter: FC<PropsWithChildren>;
+//# sourceMappingURL=chatbot-to-chat-provider-adapter.d.ts.map

package/dist/components/chatbot/chatbot-to-chat-provider-adapter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chatbot-to-chat-provider-adapter.d.ts","sourceRoot":"","sources":["../../../src/components/chatbot/chatbot-to-chat-provider-adapter.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE9C;;GAEG;AACH,eAAO,MAAM,4BAA4B,EAAE,EAAE,CAAC,iBAAiB,CAqB9D,CAAC"}

package/dist/components/chatbot/chatbot-to-chat-provider-adapter.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Provider, useDependencies } from '@servicetitan/react-ioc';
+import { CHAT_UI_BACKEND_STORE_TOKEN, CHAT_UI_STORE_TOKEN, } from '@servicetitan/titan-chat-ui-common';
+import { CHATBOT_UI_BACKEND_STORE_TOKEN, CHATBOT_UI_STORE_TOKEN, } from '@servicetitan/titan-chatbot-api';
+/**
+ * Passes the Chatbot UI store and backend store to the Chat UI providers.
+ */
+export const ChatbotToChatProviderAdapter = ({ children }) => {
+    const [chatbotUiStore, chatbotUiBackendStore] = useDependencies(CHATBOT_UI_STORE_TOKEN, CHATBOT_UI_BACKEND_STORE_TOKEN);
+    return (_jsx(Provider, { singletons: [
+            {
+                provide: CHAT_UI_STORE_TOKEN,
+                useValue: chatbotUiStore,
+            },
+            {
+                provide: CHAT_UI_BACKEND_STORE_TOKEN,
+                useValue: chatbotUiBackendStore,
+            },
+        ], children: children }));
+};
+//# sourceMappingURL=chatbot-to-chat-provider-adapter.js.map

package/dist/components/chatbot/chatbot-to-chat-provider-adapter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chatbot-to-chat-provider-adapter.js","sourceRoot":"","sources":["../../../src/components/chatbot/chatbot-to-chat-provider-adapter.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,EACH,2BAA2B,EAC3B,mBAAmB,GACtB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EACH,8BAA8B,EAC9B,sBAAsB,GACzB,MAAM,iCAAiC,CAAC;AAGzC;;GAEG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAA0B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAChF,MAAM,CAAC,cAAc,EAAE,qBAAqB,CAAC,GAAG,eAAe,CAC3D,sBAAsB,EACtB,8BAA8B,CACjC,CAAC;IACF,OAAO,CACH,KAAC,QAAQ,IACL,UAAU,EAAE;YACR;gBACI,OAAO,EAAE,mBAAmB;gBAC5B,QAAQ,EAAE,cAAc;aAC3B;YACD;gBACI,OAAO,EAAE,2BAA2B;gBACpC,QAAQ,EAAE,qBAAqB;aAClC;SACJ,YAEA,QAAQ,GACF,CACd,CAAC;AACN,CAAC,CAAC"}

package/dist/components/chatbot/chatbot.d.ts

@@ -0,0 +1,9 @@
+import { ChatbotCustomizations } from '@servicetitan/titan-chatbot-api';
+import { FC } from 'react';
+export interface IChatbotProps {
+    className?: string;
+    customizations?: ChatbotCustomizations;
+    onReady?: () => void;
+}
+export declare const Chatbot: FC<IChatbotProps>;
+//# sourceMappingURL=chatbot.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chatbot.d.ts","sourceRoot":"","sources":["../../../src/components/chatbot/chatbot.tsx"],"names":[],"mappings":"AASA,OAAO,EAGH,qBAAqB,EACxB,MAAM,iCAAiC,CAAC;AAEzC,OAAO,EAAE,EAAE,EAAsB,MAAM,OAAO,CAAC;AAS/C,MAAM,WAAW,aAAa;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,qBAAqB,CAAC;IACvC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,aAAa,CAgEpC,CAAC"}

package/dist/components/chatbot/chatbot.js

@@ -0,0 +1,68 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Stack } from '@servicetitan/design-system';
+import { useDependencies } from '@servicetitan/react-ioc';
+import { Chat } from '@servicetitan/titan-chat-ui';
+import { ChatParticipantIcon, } from '@servicetitan/titan-chat-ui-common';
+import { CHATBOT_UI_BACKEND_STORE_TOKEN, CHATBOT_UI_STORE_TOKEN, } from '@servicetitan/titan-chatbot-api';
+import { observer } from 'mobx-react';
+import { useEffect, useMemo } from 'react';
+import { ChatbotToChatProviderAdapter } from './chatbot-to-chat-provider-adapter';
+import { ChatFilters } from './filters/chatbot-filters';
+import { ChatbotMessageAnswer } from './messages/chatbot-message-answer';
+import { ChatbotMessageTimeout } from './messages/chatbot-message-timeout';
+import { ChatbotMessageTyping } from './messages/chatbot-message-typing';
+import { ChatbotMessageWelcome } from './messages/chatbot-message-welcome';
+import { ChatbotMessageTemplateAgent } from './templates/chatbot-message-template-agent';
+export const Chatbot = observer(({ className, customizations, onReady }) => {
+    var _a;
+    const [chatUiStore, chatUiBackendStore] = useDependencies(CHATBOT_UI_STORE_TOKEN, CHATBOT_UI_BACKEND_STORE_TOKEN);
+    useEffect(() => {
+        const init = async () => {
+            chatUiBackendStore.subscribe();
+            await chatUiStore.run({
+                agentName: 'Titan',
+                agentIcon: ChatParticipantIcon.Bot,
+            });
+            onReady === null || onReady === void 0 ? void 0 : onReady();
+        };
+        init().then(() => { });
+        return () => chatUiBackendStore.unsubscribe();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    const customizationsMerged = useMemo(() => {
+        var _a, _b, _c, _d;
+        const templateCustomizations = (_a = customizations === null || customizations === void 0 ? void 0 : customizations.messageTemplates) !== null && _a !== void 0 ? _a : {};
+        templateCustomizations.agent = (_b = templateCustomizations.agent) !== null && _b !== void 0 ? _b : {
+            predicate: message => message.participant.isAgent,
+            component: ChatbotMessageTemplateAgent,
+        };
+        return {
+            error: customizations === null || customizations === void 0 ? void 0 : customizations.error,
+            filters: customizations === null || customizations === void 0 ? void 0 : customizations.filters,
+            feedback: customizations === null || customizations === void 0 ? void 0 : customizations.feedback,
+            footerComponent: customizations === null || customizations === void 0 ? void 0 : customizations.footerComponent,
+            messageTyping: (_c = customizations === null || customizations === void 0 ? void 0 : customizations.messageTyping) !== null && _c !== void 0 ? _c : {
+                component: ChatbotMessageTyping,
+            },
+            messages: [
+                ...((_d = customizations === null || customizations === void 0 ? void 0 : customizations.messages) !== null && _d !== void 0 ? _d : []),
+                {
+                    predicate: (message) => message.type === 'welcome',
+                    component: ChatbotMessageWelcome,
+                },
+                {
+                    predicate: (message) => message.participant.isAgent && message.type === 'message',
+                    component: ChatbotMessageAnswer,
+                },
+                {
+                    predicate: (message) => message.type === 'timeout',
+                    component: ChatbotMessageTimeout,
+                    isSystem: true,
+                },
+            ],
+            messageTemplates: templateCustomizations,
+        };
+    }, [customizations]);
+    return (_jsx(ChatbotToChatProviderAdapter, { children: _jsxs(Stack, { direction: "column", className: className, children: [_jsx(Chat, { className: "flex-grow-1 h-0", customizations: customizationsMerged }), Boolean((_a = customizationsMerged.filters) === null || _a === void 0 ? void 0 : _a.enabled) && (_jsx(ChatFilters, { className: "p-x-3 p-b-2" }))] }) }));
+});
+//# sourceMappingURL=chatbot.js.map

package/dist/components/chatbot/chatbot.js.map

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

package/dist/components/chatbot/dialog/chatbot-restart-dialog.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+export declare const ChatbotRestartDialog: FC<{
+    confirmText: string;
+    onClose: () => void;
+}>;
+//# sourceMappingURL=chatbot-restart-dialog.d.ts.map

package/dist/components/chatbot/dialog/chatbot-restart-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chatbot-restart-dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/chatbot/dialog/chatbot-restart-dialog.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,EAAE,EAAyB,MAAM,OAAO,CAAC;AAElD,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC;IAAE,WAAW,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,CA8BjF,CAAC"}

package/dist/components/chatbot/dialog/chatbot-restart-dialog.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Dialog } from '@servicetitan/design-system';
+import { useDependencies } from '@servicetitan/react-ioc';
+import { CHATBOT_UI_STORE_TOKEN } from '@servicetitan/titan-chatbot-api';
+import { useCallback, useState } from 'react';
+export const ChatbotRestartDialog = ({ confirmText, onClose, }) => {
+    const [isRestartDialogOpen, setIsRestartDialogOpen] = useState(true);
+    const [chatbotUiStore] = useDependencies(CHATBOT_UI_STORE_TOKEN);
+    const handleCloseDialog = useCallback(() => {
+        setIsRestartDialogOpen(false);
+        onClose();
+    }, [onClose]);
+    const handleRestart = useCallback(() => {
+        setIsRestartDialogOpen(false);
+        onClose();
+        chatbotUiStore.restart();
+    }, [onClose, chatbotUiStore]);
+    return (_jsx(Dialog, { open: isRestartDialogOpen, portal: true, onPrimaryActionClick: handleRestart, primaryActionName: "Restart", onSecondaryActionClick: handleCloseDialog, secondaryActionName: "Cancel", children: confirmText }));
+};
+//# sourceMappingURL=chatbot-restart-dialog.js.map

package/dist/components/chatbot/dialog/chatbot-restart-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chatbot-restart-dialog.js","sourceRoot":"","sources":["../../../../src/components/chatbot/dialog/chatbot-restart-dialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAM,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAElD,MAAM,CAAC,MAAM,oBAAoB,GAAqD,CAAC,EACnF,WAAW,EACX,OAAO,GACV,EAAE,EAAE;IACD,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACrE,MAAM,CAAC,cAAc,CAAC,GAAG,eAAe,CAAC,sBAAsB,CAAC,CAAC;IAEjE,MAAM,iBAAiB,GAAG,WAAW,CAAC,GAAG,EAAE;QACvC,sBAAsB,CAAC,KAAK,CAAC,CAAC;QAC9B,OAAO,EAAE,CAAC;IACd,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,sBAAsB,CAAC,KAAK,CAAC,CAAC;QAC9B,OAAO,EAAE,CAAC;QACV,cAAc,CAAC,OAAO,EAAE,CAAC;IAC7B,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC;IAE9B,OAAO,CACH,KAAC,MAAM,IACH,IAAI,EAAE,mBAAmB,EACzB,MAAM,QACN,oBAAoB,EAAE,aAAa,EACnC,iBAAiB,EAAC,SAAS,EAC3B,sBAAsB,EAAE,iBAAiB,EACzC,mBAAmB,EAAC,QAAQ,YAE3B,WAAW,GACP,CACZ,CAAC;AACN,CAAC,CAAC"}

package/dist/components/chatbot/dialog/chatbot-restart-link.d.ts

@@ -0,0 +1,4 @@
+import { LinkProps } from '@servicetitan/design-system';
+import { FC } from 'react';
+export declare const ChatbotRestartLink: FC<LinkProps>;
+//# sourceMappingURL=chatbot-restart-link.d.ts.map

package/dist/components/chatbot/dialog/chatbot-restart-link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chatbot-restart-link.d.ts","sourceRoot":"","sources":["../../../../src/components/chatbot/dialog/chatbot-restart-link.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,EAAE,EAAmC,MAAM,OAAO,CAAC;AAG5D,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,SAAS,CAqB5C,CAAC"}

package/dist/components/chatbot/dialog/chatbot-restart-link.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Link } from '@servicetitan/design-system';
+import { Fragment, useCallback, useState } from 'react';
+import { ChatbotRestartDialog } from './chatbot-restart-dialog';
+export const ChatbotRestartLink = ({ children, onClick, ...rest }) => {
+    const [isRestartDialogOpen, setIsRestartDialogOpen] = useState(false);
+    const handleRestartOpen = useCallback(() => {
+        setIsRestartDialogOpen(true);
+        onClick === null || onClick === void 0 ? void 0 : onClick();
+    }, [onClick]);
+    return (_jsxs(Fragment, { children: [_jsx(Link, { ...rest, onClick: handleRestartOpen, "data-cy": "titan-chatbot-restart-session", children: children }), isRestartDialogOpen && (_jsx(ChatbotRestartDialog, { confirmText: "Restart Titan session?", onClose: () => setIsRestartDialogOpen(false) }))] }));
+};
+//# sourceMappingURL=chatbot-restart-link.js.map

package/dist/components/chatbot/dialog/chatbot-restart-link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chatbot-restart-link.js","sourceRoot":"","sources":["../../../../src/components/chatbot/dialog/chatbot-restart-link.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAa,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAM,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAEhE,MAAM,CAAC,MAAM,kBAAkB,GAAkB,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAChF,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEtE,MAAM,iBAAiB,GAAG,WAAW,CAAC,GAAG,EAAE;QACvC,sBAAsB,CAAC,IAAI,CAAC,CAAC;QAC7B,OAAO,aAAP,OAAO,uBAAP,OAAO,EAAI,CAAC;IAChB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,CACH,MAAC,QAAQ,eACL,KAAC,IAAI,OAAK,IAAI,EAAE,OAAO,EAAE,iBAAiB,aAAU,+BAA+B,YAC9E,QAAQ,GACN,EACN,mBAAmB,IAAI,CACpB,KAAC,oBAAoB,IACjB,WAAW,EAAC,wBAAwB,EACpC,OAAO,EAAE,GAAG,EAAE,CAAC,sBAAsB,CAAC,KAAK,CAAC,GAC9C,CACL,IACM,CACd,CAAC;AACN,CAAC,CAAC"}

package/dist/components/chatbot/feedback/__tests-cy__/chatbot-message-feedback-form-guardrail.test.d.ts

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

package/dist/components/chatbot/feedback/__tests-cy__/chatbot-message-feedback-form-guardrail.test.d.ts.map

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

package/dist/components/chatbot/feedback/__tests-cy__/chatbot-message-feedback-form-guardrail.test.js

@@ -0,0 +1,65 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '@servicetitan/design-system';
+import { Container, Provider, useDependencies } from '@servicetitan/react-ioc';
+import { ChatUiSelectors } from '@servicetitan/titan-chatbot-ui-cypress';
+import { mount } from 'cypress/react';
+import { MessageFeedbackGuardrailStore } from '../../../../stores/message-feedback-guardrail.store';
+import { ChatbotMessageFeedbackFormGuardrail } from '../chatbot-message-feedback-form-guardrail';
+const initContainer = () => {
+    const rootContainer = new Container();
+    const container = new Container();
+    container.parent = rootContainer;
+    container.bind(MessageFeedbackGuardrailStore).toSelf().inSingletonScope();
+    return container;
+};
+describe('[ChatbotMessageFeedbackFormGuardrail]', () => {
+    let container;
+    let messageFeedbackGuardrailStore;
+    beforeEach(() => {
+        container = initContainer();
+        messageFeedbackGuardrailStore = container.get(MessageFeedbackGuardrailStore);
+        cy.viewport(780, 800);
+    });
+    const getFormError = () => cy.get('[data-anvil-component="Banner"]');
+    const checkValid = () => {
+        cy.getCy('validator').click();
+        getFormError().should('not.exist');
+    };
+    const checkInvalid = () => {
+        cy.getCy('validator').click();
+        getFormError().should('be.visible');
+    };
+    const render = () => {
+        const Wrapper = () => {
+            const Validator = () => {
+                const [formStore] = useDependencies(MessageFeedbackGuardrailStore);
+                return (_jsx(Button, { className: "m-t-3", "data-cy": "validator", onClick: () => formStore.formState.validate(), children: "Validate" }));
+            };
+            return (_jsxs(Provider, { singletons: [
+                    {
+                        provide: MessageFeedbackGuardrailStore,
+                        useValue: messageFeedbackGuardrailStore,
+                    },
+                ], children: [_jsx(ChatbotMessageFeedbackFormGuardrail, {}), _jsx(Validator, {})] }));
+        };
+        mount(_jsx(Wrapper, {}));
+    };
+    it('should render form', () => {
+        render();
+        ChatUiSelectors.chatbotMessageFeedback.should('be.visible');
+        ChatUiSelectors.chatbotMessageFeedbackLinkUrl.should('be.visible');
+        ChatUiSelectors.chatbotMessageFeedbackOtherComment.should('be.visible');
+        checkInvalid();
+        getFormError().find('.Banner__title').should('contain.text', 'Form Incomplete');
+        getFormError()
+            .find('ul > li')
+            .should('contain.text', 'At least one input must be provided.');
+        ChatUiSelectors.chatbotMessageFeedbackLinkUrl.type('https://example.com');
+        checkValid();
+        ChatUiSelectors.chatbotMessageFeedbackLinkUrl.clear();
+        checkInvalid();
+        ChatUiSelectors.chatbotMessageFeedbackOtherComment.type('Test comment');
+        checkValid();
+    });
+});
+//# sourceMappingURL=chatbot-message-feedback-form-guardrail.test.js.map

package/dist/components/chatbot/feedback/__tests-cy__/chatbot-message-feedback-form-guardrail.test.js.map

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

package/dist/components/chatbot/feedback/__tests-cy__/chatbot-message-feedback-form.test.d.ts

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

package/dist/components/chatbot/feedback/__tests-cy__/chatbot-message-feedback-form.test.d.ts.map

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

package/dist/components/chatbot/feedback/__tests-cy__/chatbot-message-feedback-form.test.js

@@ -0,0 +1,100 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '@servicetitan/design-system';
+import { Container, Provider, useDependencies } from '@servicetitan/react-ioc';
+import { CHATBOT_UI_STORE_TOKEN, ChatbotUiStore, } from '@servicetitan/titan-chatbot-api';
+import { ChatUiSelectors } from '@servicetitan/titan-chatbot-ui-cypress';
+import { mount } from 'cypress/react';
+import { MessageFeedbackStore } from '../../../../stores/message-feedback.store';
+import { ChatbotMessageFeedbackForm } from '../chatbot-message-feedback-form';
+const initContainer = () => {
+    const rootContainer = new Container();
+    const container = new Container();
+    container.parent = rootContainer;
+    container.bind(CHATBOT_UI_STORE_TOKEN).to(ChatbotUiStore).inSingletonScope();
+    container.bind(MessageFeedbackStore).toSelf().inSingletonScope();
+    return container;
+};
+describe('[ChatbotMessageFeedbackForm]', () => {
+    let container;
+    let uiStore;
+    let messageFeedbackStore;
+    beforeEach(() => {
+        container = initContainer();
+        uiStore = container.get(CHATBOT_UI_STORE_TOKEN);
+        messageFeedbackStore = container.get(MessageFeedbackStore);
+        cy.viewport(780, 800);
+        cy.clock(Date.parse('2023-10-01T00:00:00Z'));
+    });
+    const getFormError = () => ChatUiSelectors.chatbotMessageFeedback.find('.FormField__errorText');
+    const checkValid = () => {
+        cy.getCy('validator').click();
+        getFormError().should('not.exist');
+    };
+    const checkInvalid = () => {
+        cy.getCy('validator').click();
+        getFormError().should('be.visible');
+    };
+    const render = () => {
+        const Wrapper = () => {
+            const Validator = () => {
+                const [formStore] = useDependencies(MessageFeedbackStore);
+                return (_jsx(Button, { className: "m-t-3", "data-cy": "validator", onClick: () => formStore.formState.validate(), children: "Validate" }));
+            };
+            return (_jsxs(Provider, { singletons: [
+                    {
+                        provide: CHATBOT_UI_STORE_TOKEN,
+                        useValue: uiStore,
+                    },
+                    {
+                        provide: MessageFeedbackStore,
+                        useValue: messageFeedbackStore,
+                    },
+                ], children: [_jsx(ChatbotMessageFeedbackForm, {}), _jsx(Validator, {})] }));
+        };
+        mount(_jsx(Wrapper, {}));
+    };
+    it('should render default state external', () => {
+        render();
+        // Default render
+        ChatUiSelectors.chatbotMessageFeedback.should('be.visible');
+        ChatUiSelectors.chatbotMessageFeedbackUnrelated.should('be.visible');
+        ChatUiSelectors.chatbotMessageFeedbackUnclear.should('be.visible');
+        ChatUiSelectors.chatbotMessageFeedbackNotFull.should('be.visible');
+        ChatUiSelectors.chatbotMessageFeedbackIncorrect.should('be.visible');
+        ChatUiSelectors.chatbotMessageFeedbackOther.should('be.visible');
+        ChatUiSelectors.chatbotMessageFeedbackOtherComment.should('not.exist');
+        checkValid();
+        // Click 'other' and check comment textarea
+        ChatUiSelectors.chatbotMessageFeedbackOther.click();
+        ChatUiSelectors.chatbotMessageFeedbackOtherComment
+            .should('be.visible')
+            .type('Test comment');
+        getFormError().should('not.exist');
+        checkValid();
+        ChatUiSelectors.chatbotMessageFeedbackOtherComment.clear().blur();
+        getFormError().should('be.visible').should('contain.text', 'Enter details.');
+        checkInvalid();
+    });
+    it('should render default state internal', () => {
+        uiStore.customizations.feedback = {
+            isCommentAlwaysRequired: true,
+        };
+        render();
+        // Default render
+        ChatUiSelectors.chatbotMessageFeedback.should('be.visible');
+        ChatUiSelectors.chatbotMessageFeedbackUnrelated.should('be.visible');
+        ChatUiSelectors.chatbotMessageFeedbackUnclear.should('be.visible');
+        ChatUiSelectors.chatbotMessageFeedbackNotFull.should('be.visible');
+        ChatUiSelectors.chatbotMessageFeedbackIncorrect.should('be.visible');
+        ChatUiSelectors.chatbotMessageFeedbackOther.should('be.visible');
+        ChatUiSelectors.chatbotMessageFeedbackOtherComment.should('be.visible');
+        checkInvalid();
+        // Don't click 'other' and check comment textarea: should be mandatory
+        ChatUiSelectors.chatbotMessageFeedbackOtherComment.focus().blur();
+        getFormError().should('be.visible').should('contain.text', 'Enter details.');
+        checkInvalid();
+        ChatUiSelectors.chatbotMessageFeedbackOtherComment.type('Test comment');
+        checkValid();
+    });
+});
+//# sourceMappingURL=chatbot-message-feedback-form.test.js.map

package/dist/components/chatbot/feedback/__tests-cy__/chatbot-message-feedback-form.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chatbot-message-feedback-form.test.js","sourceRoot":"","sources":["../../../../../src/components/chatbot/feedback/__tests-cy__/chatbot-message-feedback-form.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC/E,OAAO,EACH,sBAAsB,EACtB,cAAc,GAEjB,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,2CAA2C,CAAC;AACjF,OAAO,EAAE,0BAA0B,EAAE,MAAM,kCAAkC,CAAC;AAE9E,MAAM,aAAa,GAAG,GAAG,EAAE;IACvB,MAAM,aAAa,GAAG,IAAI,SAAS,EAAE,CAAC;IACtC,MAAM,SAAS,GAAG,IAAI,SAAS,EAAE,CAAC;IAClC,SAAS,CAAC,MAAM,GAAG,aAAa,CAAC;IACjC,SAAS,CAAC,IAAI,CAAkB,sBAAsB,CAAC,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,gBAAgB,EAAE,CAAC;IAC9F,SAAS,CAAC,IAAI,CAAuB,oBAAoB,CAAC,CAAC,MAAM,EAAE,CAAC,gBAAgB,EAAE,CAAC;IACvF,OAAO,SAAS,CAAC;AACrB,CAAC,CAAC;AAEF,QAAQ,CAAC,8BAA8B,EAAE,GAAG,EAAE;IAC1C,IAAI,SAAoB,CAAC;IACzB,IAAI,OAAuB,CAAC;IAC5B,IAAI,oBAA0C,CAAC;IAE/C,UAAU,CAAC,GAAG,EAAE;QACZ,SAAS,GAAG,aAAa,EAAE,CAAC;QAC5B,OAAO,GAAG,SAAS,CAAC,GAAG,CAAiB,sBAAsB,CAAC,CAAC;QAChE,oBAAoB,GAAG,SAAS,CAAC,GAAG,CAAuB,oBAAoB,CAAC,CAAC;QACjF,EAAE,CAAC,QAAQ,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;QACtB,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,sBAAsB,CAAC,CAAC,CAAC;IACjD,CAAC,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,eAAe,CAAC,sBAAsB,CAAC,IAAI,CAAC,uBAAuB,CAAC,CAAC;IAChG,MAAM,UAAU,GAAG,GAAG,EAAE;QACpB,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,KAAK,EAAE,CAAC;QAC9B,YAAY,EAAE,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;IACvC,CAAC,CAAC;IACF,MAAM,YAAY,GAAG,GAAG,EAAE;QACtB,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,KAAK,EAAE,CAAC;QAC9B,YAAY,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;IACxC,CAAC,CAAC;IAEF,MAAM,MAAM,GAAG,GAAG,EAAE;QAChB,MAAM,OAAO,GAAO,GAAG,EAAE;YACrB,MAAM,SAAS,GAAO,GAAG,EAAE;gBACvB,MAAM,CAAC,SAAS,CAAC,GAAG,eAAe,CAAC,oBAAoB,CAAC,CAAC;gBAC1D,OAAO,CACH,KAAC,MAAM,IACH,SAAS,EAAC,OAAO,aACT,WAAW,EACnB,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,CAAC,QAAQ,EAAE,yBAGxC,CACZ,CAAC;YACN,CAAC,CAAC;YACF,OAAO,CACH,MAAC,QAAQ,IACL,UAAU,EAAE;oBACR;wBACI,OAAO,EAAE,sBAAsB;wBAC/B,QAAQ,EAAE,OAAO;qBACpB;oBACD;wBACI,OAAO,EAAE,oBAAoB;wBAC7B,QAAQ,EAAE,oBAAoB;qBACjC;iBACJ,aAED,KAAC,0BAA0B,KAAG,EAC9B,KAAC,SAAS,KAAG,IACN,CACd,CAAC;QACN,CAAC,CAAC;QACF,KAAK,CAAC,KAAC,OAAO,KAAG,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,EAAE,CAAC,sCAAsC,EAAE,GAAG,EAAE;QAC5C,MAAM,EAAE,CAAC;QAET,iBAAiB;QACjB,eAAe,CAAC,sBAAsB,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;QAC5D,eAAe,CAAC,+BAA+B,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;QACrE,eAAe,CAAC,6BAA6B,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;QACnE,eAAe,CAAC,6BAA6B,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;QACnE,eAAe,CAAC,+BAA+B,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;QACrE,eAAe,CAAC,2BAA2B,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;QACjE,eAAe,CAAC,kCAAkC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;QACvE,UAAU,EAAE,CAAC;QAEb,2CAA2C;QAC3C,eAAe,CAAC,2BAA2B,CAAC,KAAK,EAAE,CAAC;QACpD,eAAe,CAAC,kCAAkC;aAC7C,MAAM,CAAC,YAAY,CAAC;aACpB,IAAI,CAAC,cAAc,CAAC,CAAC;QAC1B,YAAY,EAAE,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;QACnC,UAAU,EAAE,CAAC;QAEb,eAAe,CAAC,kCAAkC,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,CAAC;QAClE,YAAY,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,MAAM,CAAC,cAAc,EAAE,gBAAgB,CAAC,CAAC;QAC7E,YAAY,EAAE,CAAC;IACnB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sCAAsC,EAAE,GAAG,EAAE;QAC5C,OAAO,CAAC,cAAc,CAAC,QAAQ,GAAG;YAC9B,uBAAuB,EAAE,IAAI;SAChC,CAAC;QACF,MAAM,EAAE,CAAC;QAET,iBAAiB;QACjB,eAAe,CAAC,sBAAsB,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;QAC5D,eAAe,CAAC,+BAA+B,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;QACrE,eAAe,CAAC,6BAA6B,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;QACnE,eAAe,CAAC,6BAA6B,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;QACnE,eAAe,CAAC,+BAA+B,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;QACrE,eAAe,CAAC,2BAA2B,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;QACjE,eAAe,CAAC,kCAAkC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;QACxE,YAAY,EAAE,CAAC;QAEf,sEAAsE;QACtE,eAAe,CAAC,kCAAkC,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,CAAC;QAClE,YAAY,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,MAAM,CAAC,cAAc,EAAE,gBAAgB,CAAC,CAAC;QAC7E,YAAY,EAAE,CAAC;QAEf,eAAe,CAAC,kCAAkC,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QACxE,UAAU,EAAE,CAAC;IACjB,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

package/dist/components/chatbot/feedback/chatbot-message-feedback-form-guardrail.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+export declare const ChatbotMessageFeedbackFormGuardrail: FC;
+//# sourceMappingURL=chatbot-message-feedback-form-guardrail.d.ts.map

package/dist/components/chatbot/feedback/chatbot-message-feedback-form-guardrail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chatbot-message-feedback-form-guardrail.d.ts","sourceRoot":"","sources":["../../../../src/components/chatbot/feedback/chatbot-message-feedback-form-guardrail.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAI3B,eAAO,MAAM,mCAAmC,EAAE,EAyBhD,CAAC"}

package/dist/components/chatbot/feedback/chatbot-message-feedback-form-guardrail.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Form, Stack } from '@servicetitan/design-system';
+import { FormStateErrorBanner } from '@servicetitan/form';
+import { useDependencies } from '@servicetitan/react-ioc';
+import classNames from 'classnames';
+import { observer } from 'mobx-react';
+import { MessageFeedbackGuardrailStore } from '../../../stores/message-feedback-guardrail.store';
+import * as Styles from './chatbot-message-feedback-form.module.less';
+export const ChatbotMessageFeedbackFormGuardrail = observer(() => {
+    const [store] = useDependencies(MessageFeedbackGuardrailStore);
+    return (_jsxs(Stack, { direction: "column", spacing: "2", children: [store.formState.error && _jsx(FormStateErrorBanner, { form: store.formState }), _jsxs(Form, { "data-cy": "titan-chatbot-message-feedback-form", children: [_jsx(Form.Input, { label: "Link to correct article", className: classNames(Styles.formItem), error: store.formState.$.linkUrl.error, value: store.formState.$.linkUrl.value, onChange: store.formState.$.linkUrl.onChangeHandler, "data-cy": "titan-chatbot-message-feedback-form-link-url" }), _jsx(Form.TextArea, { label: "Notes", className: classNames(Styles.formItem, Styles.textArea), value: store.formState.$.comment.value, onChange: store.formState.$.comment.onChangeHandler, onBlur: store.formState.$.comment.enableAutoValidationAndValidate, "data-cy": "titan-chatbot-message-feedback-form-other-comment" })] })] }));
+});
+//# sourceMappingURL=chatbot-message-feedback-form-guardrail.js.map

package/dist/components/chatbot/feedback/chatbot-message-feedback-form-guardrail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chatbot-message-feedback-form-guardrail.js","sourceRoot":"","sources":["../../../../src/components/chatbot/feedback/chatbot-message-feedback-form-guardrail.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,6BAA6B,EAAE,MAAM,kDAAkD,CAAC;AACjG,OAAO,KAAK,MAAM,MAAM,6CAA6C,CAAC;AAEtE,MAAM,CAAC,MAAM,mCAAmC,GAAO,QAAQ,CAAC,GAAG,EAAE;IACjE,MAAM,CAAC,KAAK,CAAC,GAAG,eAAe,CAAC,6BAA6B,CAAC,CAAC;IAC/D,OAAO,CACH,MAAC,KAAK,IAAC,SAAS,EAAC,QAAQ,EAAC,OAAO,EAAC,GAAG,aAChC,KAAK,CAAC,SAAS,CAAC,KAAK,IAAI,KAAC,oBAAoB,IAAC,IAAI,EAAE,KAAK,CAAC,SAAS,GAAI,EACzE,MAAC,IAAI,eAAS,qCAAqC,aAC/C,KAAC,IAAI,CAAC,KAAK,IACP,KAAK,EAAC,yBAAyB,EAC/B,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,QAAQ,CAAC,EACtC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,EACtC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,EACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,eAAe,aAC3C,8CAA8C,GACxD,EACF,KAAC,IAAI,CAAC,QAAQ,IACV,KAAK,EAAC,OAAO,EACb,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,QAAQ,CAAC,EACvD,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,EACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,eAAe,EACnD,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,+BAA+B,aACzD,mDAAmD,GAC7D,IACC,IACH,CACX,CAAC;AACN,CAAC,CAAC,CAAC"}

package/dist/components/chatbot/feedback/chatbot-message-feedback-form.d.ts

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

package/dist/components/chatbot/feedback/chatbot-message-feedback-form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chatbot-message-feedback-form.d.ts","sourceRoot":"","sources":["../../../../src/components/chatbot/feedback/chatbot-message-feedback-form.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAI3B,eAAO,MAAM,0BAA0B,EAAE,EAwDvC,CAAC"}

package/dist/components/chatbot/feedback/chatbot-message-feedback-form.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BodyText, Form } from '@servicetitan/design-system';
+import { useDependencies } from '@servicetitan/react-ioc';
+import classNames from 'classnames';
+import { observer } from 'mobx-react';
+import { MessageFeedbackStore } from '../../../stores/message-feedback.store';
+import * as Styles from './chatbot-message-feedback-form.module.less';
+export const ChatbotMessageFeedbackForm = observer(() => {
+    const [store] = useDependencies(MessageFeedbackStore);
+    return (_jsxs(Form, { "data-cy": "titan-chatbot-message-feedback-form", children: [_jsx(Form.Checkbox, { label: "Answer is unrelated to my question", className: Styles.formItem, value: store.formState.$.unrelated.value, onChange: store.formState.$.unrelated.onChangeHandler, "data-cy": "titan-chatbot-message-feedback-form-unrelated" }), _jsx(Form.Checkbox, { label: "Answer is unclear, not sure what it means", className: Styles.formItem, value: store.formState.$.unclear.value, onChange: store.formState.$.unclear.onChangeHandler, "data-cy": "titan-chatbot-message-feedback-form-unclear" }), _jsx(Form.Checkbox, { label: "Answer doesn\u2019t fully address the question", className: Styles.formItem, value: store.formState.$.notFull.value, onChange: store.formState.$.notFull.onChangeHandler, "data-cy": "titan-chatbot-message-feedback-form-not-full" }), _jsx(Form.Checkbox, { label: "Answer is incorrect or doesn\u2019t work", className: Styles.formItem, value: store.formState.$.incorrect.value, onChange: store.formState.$.incorrect.onChangeHandler, "data-cy": "titan-chatbot-message-feedback-form-incorrect" }), _jsx(Form.Checkbox, { label: "Other", className: Styles.formItem, value: store.formState.$.other.value, onChange: store.formState.$.other.onChangeHandler, "data-cy": "titan-chatbot-message-feedback-form-other" }), store.isTextAreaVisible && (_jsxs("div", { className: "m-l-4", children: [_jsx(Form.TextArea, { className: classNames(Styles.formItem, Styles.textArea), error: store.formState.$.otherComment.error, value: store.formState.$.otherComment.value, onChange: store.formState.$.otherComment.onChangeHandler, onBlur: store.formState.$.otherComment.enableAutoValidationAndValidate, "data-cy": "titan-chatbot-message-feedback-form-other-comment" }), _jsx(BodyText, { size: "small", className: "c-neutral-100 m-b-1", children: "Tell us more about what can be improved." })] }))] }));
+});
+//# sourceMappingURL=chatbot-message-feedback-form.js.map

package/dist/components/chatbot/feedback/chatbot-message-feedback-form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chatbot-message-feedback-form.js","sourceRoot":"","sources":["../../../../src/components/chatbot/feedback/chatbot-message-feedback-form.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wCAAwC,CAAC;AAC9E,OAAO,KAAK,MAAM,MAAM,6CAA6C,CAAC;AAEtE,MAAM,CAAC,MAAM,0BAA0B,GAAO,QAAQ,CAAC,GAAG,EAAE;IACxD,MAAM,CAAC,KAAK,CAAC,GAAG,eAAe,CAAC,oBAAoB,CAAC,CAAC;IACtD,OAAO,CACH,MAAC,IAAI,eAAS,qCAAqC,aAC/C,KAAC,IAAI,CAAC,QAAQ,IACV,KAAK,EAAC,oCAAoC,EAC1C,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC1B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,EACxC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,eAAe,aAC7C,+CAA+C,GACzD,EACF,KAAC,IAAI,CAAC,QAAQ,IACV,KAAK,EAAC,2CAA2C,EACjD,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC1B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,EACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,eAAe,aAC3C,6CAA6C,GACvD,EACF,KAAC,IAAI,CAAC,QAAQ,IACV,KAAK,EAAC,gDAA2C,EACjD,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC1B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,EACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,eAAe,aAC3C,8CAA8C,GACxD,EACF,KAAC,IAAI,CAAC,QAAQ,IACV,KAAK,EAAC,0CAAqC,EAC3C,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC1B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,EACxC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,eAAe,aAC7C,+CAA+C,GACzD,EACF,KAAC,IAAI,CAAC,QAAQ,IACV,KAAK,EAAC,OAAO,EACb,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC1B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,EACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,eAAe,aACzC,2CAA2C,GACrD,EACD,KAAK,CAAC,iBAAiB,IAAI,CACxB,eAAK,SAAS,EAAC,OAAO,aAClB,KAAC,IAAI,CAAC,QAAQ,IACV,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,QAAQ,CAAC,EACvD,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK,EAC3C,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK,EAC3C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,eAAe,EACxD,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,+BAA+B,aAC9D,mDAAmD,GAC7D,EACF,KAAC,QAAQ,IAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,qBAAqB,yDAE3C,IACT,CACT,IACE,CACV,CAAC;AACN,CAAC,CAAC,CAAC"}