@servicetitan/titan-chatbot-ui 3.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +142 -0
- package/README.md +15 -0
- package/dist/components/chatbot/__tests-cy__/chatbot-help-center.test.d.ts +2 -0
- package/dist/components/chatbot/__tests-cy__/chatbot-help-center.test.d.ts.map +1 -0
- package/dist/components/chatbot/__tests-cy__/chatbot-help-center.test.js +160 -0
- package/dist/components/chatbot/__tests-cy__/chatbot-help-center.test.js.map +1 -0
- package/dist/components/chatbot/__tests-cy__/chatbot-live.test.d.ts +2 -0
- package/dist/components/chatbot/__tests-cy__/chatbot-live.test.d.ts.map +1 -0
- package/dist/components/chatbot/__tests-cy__/chatbot-live.test.js +90 -0
- package/dist/components/chatbot/__tests-cy__/chatbot-live.test.js.map +1 -0
- package/dist/components/chatbot/__tests-cy__/chatbot-titan-chatbot.test.d.ts +2 -0
- package/dist/components/chatbot/__tests-cy__/chatbot-titan-chatbot.test.d.ts.map +1 -0
- package/dist/components/chatbot/__tests-cy__/chatbot-titan-chatbot.test.js +155 -0
- package/dist/components/chatbot/__tests-cy__/chatbot-titan-chatbot.test.js.map +1 -0
- package/dist/components/chatbot/__tests-cy__/chatbot.test.d.ts +2 -0
- package/dist/components/chatbot/__tests-cy__/chatbot.test.d.ts.map +1 -0
- package/dist/components/chatbot/__tests-cy__/chatbot.test.js +139 -0
- package/dist/components/chatbot/__tests-cy__/chatbot.test.js.map +1 -0
- package/dist/components/chatbot/chatbot-to-chat-provider-adapter.d.ts +6 -0
- package/dist/components/chatbot/chatbot-to-chat-provider-adapter.d.ts.map +1 -0
- package/dist/components/chatbot/chatbot-to-chat-provider-adapter.js +21 -0
- package/dist/components/chatbot/chatbot-to-chat-provider-adapter.js.map +1 -0
- package/dist/components/chatbot/chatbot.d.ts +9 -0
- package/dist/components/chatbot/chatbot.d.ts.map +1 -0
- package/dist/components/chatbot/chatbot.js +68 -0
- package/dist/components/chatbot/chatbot.js.map +1 -0
- package/dist/components/chatbot/dialog/chatbot-restart-dialog.d.ts +6 -0
- package/dist/components/chatbot/dialog/chatbot-restart-dialog.d.ts.map +1 -0
- package/dist/components/chatbot/dialog/chatbot-restart-dialog.js +20 -0
- package/dist/components/chatbot/dialog/chatbot-restart-dialog.js.map +1 -0
- package/dist/components/chatbot/dialog/chatbot-restart-link.d.ts +4 -0
- package/dist/components/chatbot/dialog/chatbot-restart-link.d.ts.map +1 -0
- package/dist/components/chatbot/dialog/chatbot-restart-link.js +13 -0
- package/dist/components/chatbot/dialog/chatbot-restart-link.js.map +1 -0
- package/dist/components/chatbot/feedback/__tests-cy__/chatbot-message-feedback-form-guardrail.test.d.ts +2 -0
- package/dist/components/chatbot/feedback/__tests-cy__/chatbot-message-feedback-form-guardrail.test.d.ts.map +1 -0
- package/dist/components/chatbot/feedback/__tests-cy__/chatbot-message-feedback-form-guardrail.test.js +65 -0
- package/dist/components/chatbot/feedback/__tests-cy__/chatbot-message-feedback-form-guardrail.test.js.map +1 -0
- package/dist/components/chatbot/feedback/__tests-cy__/chatbot-message-feedback-form.test.d.ts +2 -0
- package/dist/components/chatbot/feedback/__tests-cy__/chatbot-message-feedback-form.test.d.ts.map +1 -0
- package/dist/components/chatbot/feedback/__tests-cy__/chatbot-message-feedback-form.test.js +100 -0
- package/dist/components/chatbot/feedback/__tests-cy__/chatbot-message-feedback-form.test.js.map +1 -0
- package/dist/components/chatbot/feedback/chatbot-message-feedback-form-guardrail.d.ts +3 -0
- package/dist/components/chatbot/feedback/chatbot-message-feedback-form-guardrail.d.ts.map +1 -0
- package/dist/components/chatbot/feedback/chatbot-message-feedback-form-guardrail.js +13 -0
- package/dist/components/chatbot/feedback/chatbot-message-feedback-form-guardrail.js.map +1 -0
- package/dist/components/chatbot/feedback/chatbot-message-feedback-form.d.ts +3 -0
- package/dist/components/chatbot/feedback/chatbot-message-feedback-form.d.ts.map +1 -0
- package/dist/components/chatbot/feedback/chatbot-message-feedback-form.js +12 -0
- package/dist/components/chatbot/feedback/chatbot-message-feedback-form.js.map +1 -0
- package/dist/components/chatbot/feedback/chatbot-message-feedback-form.module.less +15 -0
- package/dist/components/chatbot/feedback/chatbot-message-feedback-popover.d.ts +9 -0
- package/dist/components/chatbot/feedback/chatbot-message-feedback-popover.d.ts.map +1 -0
- package/dist/components/chatbot/feedback/chatbot-message-feedback-popover.js +60 -0
- package/dist/components/chatbot/feedback/chatbot-message-feedback-popover.js.map +1 -0
- package/dist/components/chatbot/feedback/chatbot-message-feedback-popover.module.less +10 -0
- package/dist/components/chatbot/feedback/chatbot-message-feedback.d.ts +9 -0
- package/dist/components/chatbot/feedback/chatbot-message-feedback.d.ts.map +1 -0
- package/dist/components/chatbot/feedback/chatbot-message-feedback.js +17 -0
- package/dist/components/chatbot/feedback/chatbot-message-feedback.js.map +1 -0
- package/dist/components/chatbot/feedback/chatbot-session-feedback-link.d.ts +4 -0
- package/dist/components/chatbot/feedback/chatbot-session-feedback-link.d.ts.map +1 -0
- package/dist/components/chatbot/feedback/chatbot-session-feedback-link.js +16 -0
- package/dist/components/chatbot/feedback/chatbot-session-feedback-link.js.map +1 -0
- package/dist/components/chatbot/feedback/chatbot-session-feedback-modal.d.ts +5 -0
- package/dist/components/chatbot/feedback/chatbot-session-feedback-modal.d.ts.map +1 -0
- package/dist/components/chatbot/feedback/chatbot-session-feedback-modal.js +24 -0
- package/dist/components/chatbot/feedback/chatbot-session-feedback-modal.js.map +1 -0
- package/dist/components/chatbot/filters/chatbot-filter.d.ts +8 -0
- package/dist/components/chatbot/filters/chatbot-filter.d.ts.map +1 -0
- package/dist/components/chatbot/filters/chatbot-filter.js +61 -0
- package/dist/components/chatbot/filters/chatbot-filter.js.map +1 -0
- package/dist/components/chatbot/filters/chatbot-filter.module.css +19 -0
- package/dist/components/chatbot/filters/chatbot-filters.d.ts +5 -0
- package/dist/components/chatbot/filters/chatbot-filters.d.ts.map +1 -0
- package/dist/components/chatbot/filters/chatbot-filters.js +11 -0
- package/dist/components/chatbot/filters/chatbot-filters.js.map +1 -0
- package/dist/components/chatbot/messages/__tests-cy__/chatbot-message-answer.test.d.ts +2 -0
- package/dist/components/chatbot/messages/__tests-cy__/chatbot-message-answer.test.d.ts.map +1 -0
- package/dist/components/chatbot/messages/__tests-cy__/chatbot-message-answer.test.js +85 -0
- package/dist/components/chatbot/messages/__tests-cy__/chatbot-message-answer.test.js.map +1 -0
- package/dist/components/chatbot/messages/__tests-cy__/chatbot-message-typing.test.d.ts +2 -0
- package/dist/components/chatbot/messages/__tests-cy__/chatbot-message-typing.test.d.ts.map +1 -0
- package/dist/components/chatbot/messages/__tests-cy__/chatbot-message-typing.test.js +57 -0
- package/dist/components/chatbot/messages/__tests-cy__/chatbot-message-typing.test.js.map +1 -0
- package/dist/components/chatbot/messages/chatbot-links.d.ts +15 -0
- package/dist/components/chatbot/messages/chatbot-links.d.ts.map +1 -0
- package/dist/components/chatbot/messages/chatbot-links.js +21 -0
- package/dist/components/chatbot/messages/chatbot-links.js.map +1 -0
- package/dist/components/chatbot/messages/chatbot-links.module.less +22 -0
- package/dist/components/chatbot/messages/chatbot-message-agent-footer.d.ts +8 -0
- package/dist/components/chatbot/messages/chatbot-message-agent-footer.d.ts.map +1 -0
- package/dist/components/chatbot/messages/chatbot-message-agent-footer.js +13 -0
- package/dist/components/chatbot/messages/chatbot-message-agent-footer.js.map +1 -0
- package/dist/components/chatbot/messages/chatbot-message-answer-readonly.d.ts +6 -0
- package/dist/components/chatbot/messages/chatbot-message-answer-readonly.d.ts.map +1 -0
- package/dist/components/chatbot/messages/chatbot-message-answer-readonly.js +17 -0
- package/dist/components/chatbot/messages/chatbot-message-answer-readonly.js.map +1 -0
- package/dist/components/chatbot/messages/chatbot-message-answer.d.ts +6 -0
- package/dist/components/chatbot/messages/chatbot-message-answer.d.ts.map +1 -0
- package/dist/components/chatbot/messages/chatbot-message-answer.js +29 -0
- package/dist/components/chatbot/messages/chatbot-message-answer.js.map +1 -0
- package/dist/components/chatbot/messages/chatbot-message-answer.module.less +3 -0
- package/dist/components/chatbot/messages/chatbot-message-timeout.d.ts +6 -0
- package/dist/components/chatbot/messages/chatbot-message-timeout.d.ts.map +1 -0
- package/dist/components/chatbot/messages/chatbot-message-timeout.js +17 -0
- package/dist/components/chatbot/messages/chatbot-message-timeout.js.map +1 -0
- package/dist/components/chatbot/messages/chatbot-message-typing.d.ts +8 -0
- package/dist/components/chatbot/messages/chatbot-message-typing.d.ts.map +1 -0
- package/dist/components/chatbot/messages/chatbot-message-typing.js +27 -0
- package/dist/components/chatbot/messages/chatbot-message-typing.js.map +1 -0
- package/dist/components/chatbot/messages/chatbot-message-welcome.d.ts +3 -0
- package/dist/components/chatbot/messages/chatbot-message-welcome.d.ts.map +1 -0
- package/dist/components/chatbot/messages/chatbot-message-welcome.js +4 -0
- package/dist/components/chatbot/messages/chatbot-message-welcome.js.map +1 -0
- package/dist/components/chatbot/templates/chatbot-message-template-agent-readonly.d.ts +6 -0
- package/dist/components/chatbot/templates/chatbot-message-template-agent-readonly.d.ts.map +1 -0
- package/dist/components/chatbot/templates/chatbot-message-template-agent-readonly.js +12 -0
- package/dist/components/chatbot/templates/chatbot-message-template-agent-readonly.js.map +1 -0
- package/dist/components/chatbot/templates/chatbot-message-template-agent.d.ts +6 -0
- package/dist/components/chatbot/templates/chatbot-message-template-agent.d.ts.map +1 -0
- package/dist/components/chatbot/templates/chatbot-message-template-agent.js +10 -0
- package/dist/components/chatbot/templates/chatbot-message-template-agent.js.map +1 -0
- package/dist/components/chatbot/templates/chatbot-message-template-user-readonly.d.ts +6 -0
- package/dist/components/chatbot/templates/chatbot-message-template-user-readonly.d.ts.map +1 -0
- package/dist/components/chatbot/templates/chatbot-message-template-user-readonly.js +7 -0
- package/dist/components/chatbot/templates/chatbot-message-template-user-readonly.js.map +1 -0
- package/dist/index.d.ts +6 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +6 -0
- package/dist/index.js.map +1 -0
- package/dist/stores/__tests__/message-feedback-guardrail.store.test.d.ts +2 -0
- package/dist/stores/__tests__/message-feedback-guardrail.store.test.d.ts.map +1 -0
- package/dist/stores/__tests__/message-feedback-guardrail.store.test.js +49 -0
- package/dist/stores/__tests__/message-feedback-guardrail.store.test.js.map +1 -0
- package/dist/stores/__tests__/message-feedback.store.test.d.ts +2 -0
- package/dist/stores/__tests__/message-feedback.store.test.d.ts.map +1 -0
- package/dist/stores/__tests__/message-feedback.store.test.js +114 -0
- package/dist/stores/__tests__/message-feedback.store.test.js.map +1 -0
- package/dist/stores/__tests__/session-feedback.store.test.d.ts +2 -0
- package/dist/stores/__tests__/session-feedback.store.test.d.ts.map +1 -0
- package/dist/stores/__tests__/session-feedback.store.test.js +39 -0
- package/dist/stores/__tests__/session-feedback.store.test.js.map +1 -0
- package/dist/stores/message-feedback-base.store.d.ts +8 -0
- package/dist/stores/message-feedback-base.store.d.ts.map +1 -0
- package/dist/stores/message-feedback-base.store.js +2 -0
- package/dist/stores/message-feedback-base.store.js.map +1 -0
- package/dist/stores/message-feedback-guardrail.store.d.ts +16 -0
- package/dist/stores/message-feedback-guardrail.store.d.ts.map +1 -0
- package/dist/stores/message-feedback-guardrail.store.js +85 -0
- package/dist/stores/message-feedback-guardrail.store.js.map +1 -0
- package/dist/stores/message-feedback.store.d.ts +23 -0
- package/dist/stores/message-feedback.store.d.ts.map +1 -0
- package/dist/stores/message-feedback.store.js +145 -0
- package/dist/stores/message-feedback.store.js.map +1 -0
- package/dist/stores/session-feedback.store.d.ts +15 -0
- package/dist/stores/session-feedback.store.d.ts.map +1 -0
- package/dist/stores/session-feedback.store.js +75 -0
- package/dist/stores/session-feedback.store.js.map +1 -0
- package/dist/utils/__tests__/axios-utils.test.d.ts +2 -0
- package/dist/utils/__tests__/axios-utils.test.d.ts.map +1 -0
- package/dist/utils/__tests__/axios-utils.test.js +33 -0
- package/dist/utils/__tests__/axios-utils.test.js.map +1 -0
- package/dist/utils/axios-utils.d.ts +5 -0
- package/dist/utils/axios-utils.d.ts.map +1 -0
- package/dist/utils/axios-utils.js +23 -0
- package/dist/utils/axios-utils.js.map +1 -0
- package/dist/utils/test-utils.d.ts +5 -0
- package/dist/utils/test-utils.d.ts.map +1 -0
- package/dist/utils/test-utils.js +17 -0
- package/dist/utils/test-utils.js.map +1 -0
- package/package.json +59 -0
- package/src/components/chatbot/__tests-cy__/chatbot-help-center.test.tsx +210 -0
- package/src/components/chatbot/__tests-cy__/chatbot-live.test.tsx +120 -0
- package/src/components/chatbot/__tests-cy__/chatbot-titan-chatbot.test.tsx +206 -0
- package/src/components/chatbot/__tests-cy__/chatbot.test.tsx +181 -0
- package/src/components/chatbot/chatbot-to-chat-provider-adapter.tsx +36 -0
- package/src/components/chatbot/chatbot.tsx +95 -0
- package/src/components/chatbot/dialog/chatbot-restart-dialog.tsx +36 -0
- package/src/components/chatbot/dialog/chatbot-restart-link.tsx +26 -0
- package/src/components/chatbot/feedback/__tests-cy__/chatbot-message-feedback-form-guardrail.test.tsx +89 -0
- package/src/components/chatbot/feedback/__tests-cy__/chatbot-message-feedback-form.test.tsx +131 -0
- package/src/components/chatbot/feedback/chatbot-message-feedback-form-guardrail.tsx +35 -0
- package/src/components/chatbot/feedback/chatbot-message-feedback-form.module.less +15 -0
- package/src/components/chatbot/feedback/chatbot-message-feedback-form.module.less.d.ts +4 -0
- package/src/components/chatbot/feedback/chatbot-message-feedback-form.tsx +65 -0
- package/src/components/chatbot/feedback/chatbot-message-feedback-popover.module.less +10 -0
- package/src/components/chatbot/feedback/chatbot-message-feedback-popover.module.less.d.ts +4 -0
- package/src/components/chatbot/feedback/chatbot-message-feedback-popover.tsx +200 -0
- package/src/components/chatbot/feedback/chatbot-message-feedback.tsx +27 -0
- package/src/components/chatbot/feedback/chatbot-session-feedback-link.tsx +29 -0
- package/src/components/chatbot/feedback/chatbot-session-feedback-modal.tsx +96 -0
- package/src/components/chatbot/filters/chatbot-filter.module.css +19 -0
- package/src/components/chatbot/filters/chatbot-filter.module.css.d.ts +5 -0
- package/src/components/chatbot/filters/chatbot-filter.tsx +160 -0
- package/src/components/chatbot/filters/chatbot-filters.tsx +17 -0
- package/src/components/chatbot/messages/__tests-cy__/chatbot-message-answer.test.tsx +110 -0
- package/src/components/chatbot/messages/__tests-cy__/chatbot-message-typing.test.tsx +71 -0
- package/src/components/chatbot/messages/chatbot-links.module.less +22 -0
- package/src/components/chatbot/messages/chatbot-links.module.less.d.ts +4 -0
- package/src/components/chatbot/messages/chatbot-links.tsx +76 -0
- package/src/components/chatbot/messages/chatbot-message-agent-footer.tsx +35 -0
- package/src/components/chatbot/messages/chatbot-message-answer-readonly.tsx +39 -0
- package/src/components/chatbot/messages/chatbot-message-answer.module.less +3 -0
- package/src/components/chatbot/messages/chatbot-message-answer.module.less.d.ts +3 -0
- package/src/components/chatbot/messages/chatbot-message-answer.tsx +55 -0
- package/src/components/chatbot/messages/chatbot-message-timeout.tsx +20 -0
- package/src/components/chatbot/messages/chatbot-message-typing.tsx +39 -0
- package/src/components/chatbot/messages/chatbot-message-welcome.tsx +16 -0
- package/src/components/chatbot/templates/chatbot-message-template-agent-readonly.tsx +25 -0
- package/src/components/chatbot/templates/chatbot-message-template-agent.tsx +25 -0
- package/src/components/chatbot/templates/chatbot-message-template-user-readonly.tsx +16 -0
- package/src/cypress.d.ts +10 -0
- package/src/index.ts +5 -0
- package/src/stores/__tests__/message-feedback-guardrail.store.test.ts +61 -0
- package/src/stores/__tests__/message-feedback.store.test.ts +121 -0
- package/src/stores/__tests__/session-feedback.store.test.ts +47 -0
- package/src/stores/message-feedback-base.store.ts +8 -0
- package/src/stores/message-feedback-guardrail.store.ts +60 -0
- package/src/stores/message-feedback.store.ts +113 -0
- package/src/stores/session-feedback.store.ts +44 -0
- package/src/utils/__tests__/axios-utils.test.ts +40 -0
- package/src/utils/axios-utils.ts +25 -0
- package/src/utils/test-utils.ts +22 -0
- package/tsconfig.json +25 -0
- package/tsconfig.tsbuildinfo +1 -0
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
@import '@servicetitan/tokens/dist/tokens.less';
|
|
2
|
+
|
|
3
|
+
ul.message-link-list {
|
|
4
|
+
margin-top: @spacing-1;
|
|
5
|
+
margin-bottom: @spacing-0;
|
|
6
|
+
padding-inline-start: @spacing-3;
|
|
7
|
+
margin-block-start: @spacing-half;
|
|
8
|
+
line-height: 1.5em;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
ul.message-link-list > li {
|
|
12
|
+
padding-left: @spacing-half;
|
|
13
|
+
padding-top: @spacing-half;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.message-link {
|
|
17
|
+
-webkit-line-clamp: 2;
|
|
18
|
+
display: -webkit-box;
|
|
19
|
+
-webkit-box-orient: vertical;
|
|
20
|
+
overflow: hidden;
|
|
21
|
+
text-overflow: ellipsis;
|
|
22
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ChatMessageModelBase } from '@servicetitan/titan-chat-ui-common';
|
|
2
|
+
import { FC } from 'react';
|
|
3
|
+
interface IChatbotMessageAgentFooterProps {
|
|
4
|
+
message: Pick<ChatMessageModelBase, 'participant' | 'timestamp' | 'data'>;
|
|
5
|
+
}
|
|
6
|
+
export declare const ChatbotMessageAgentFooter: FC<IChatbotMessageAgentFooterProps>;
|
|
7
|
+
export {};
|
|
8
|
+
//# sourceMappingURL=chatbot-message-agent-footer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chatbot-message-agent-footer.d.ts","sourceRoot":"","sources":["../../../../src/components/chatbot/messages/chatbot-message-agent-footer.tsx"],"names":[],"mappings":"AACA,OAAO,EACH,oBAAoB,EAGvB,MAAM,oCAAoC,CAAC;AAG5C,OAAO,EAAE,EAAE,EAAW,MAAM,OAAO,CAAC;AAGpC,UAAU,+BAA+B;IACrC,OAAO,EAAE,IAAI,CAAC,oBAAoB,EAAE,aAAa,GAAG,WAAW,GAAG,MAAM,CAAC,CAAC;CAC7E;AAED,eAAO,MAAM,yBAAyB,EAAE,EAAE,CAAC,+BAA+B,CAmBzE,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { Eyebrow, Stack } from '@servicetitan/design-system';
|
|
3
|
+
import { formatChatMessageDate, getFirstName, } from '@servicetitan/titan-chat-ui-common';
|
|
4
|
+
import { observer } from 'mobx-react';
|
|
5
|
+
import { useMemo } from 'react';
|
|
6
|
+
import { ChatbotMessageFeedback } from '../feedback/chatbot-message-feedback';
|
|
7
|
+
export const ChatbotMessageAgentFooter = observer(({ message }) => {
|
|
8
|
+
const botMessage = useMemo(() => message.data, [message]);
|
|
9
|
+
const isBotMessage = Boolean(botMessage) && message.participant.isAgent;
|
|
10
|
+
const firstName = useMemo(() => getFirstName(message.participant.name), [message.participant.name]);
|
|
11
|
+
return (_jsxs(Stack, { className: "w-100", spacing: "2", justifyContent: "space-between", alignItems: "center", children: [_jsxs(Eyebrow, { children: [message.participant.isAgent && `${firstName} • `, formatChatMessageDate(message.timestamp)] }), isBotMessage && _jsx(ChatbotMessageFeedback, { botMessage: botMessage })] }));
|
|
12
|
+
});
|
|
13
|
+
//# sourceMappingURL=chatbot-message-agent-footer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chatbot-message-agent-footer.js","sourceRoot":"","sources":["../../../../src/components/chatbot/messages/chatbot-message-agent-footer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAEH,qBAAqB,EACrB,YAAY,GACf,MAAM,oCAAoC,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAM,OAAO,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAM9E,MAAM,CAAC,MAAM,yBAAyB,GAAwC,QAAQ,CAClF,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;IACZ,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,IAA0B,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAChF,MAAM,YAAY,GAAG,OAAO,CAAC,UAAU,CAAC,IAAI,OAAO,CAAC,WAAW,CAAC,OAAO,CAAC;IACxE,MAAM,SAAS,GAAG,OAAO,CACrB,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,EAC5C,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,CAC7B,CAAC;IAEF,OAAO,CACH,MAAC,KAAK,IAAC,SAAS,EAAC,OAAO,EAAC,OAAO,EAAC,GAAG,EAAC,cAAc,EAAC,eAAe,EAAC,UAAU,EAAC,QAAQ,aACnF,MAAC,OAAO,eACH,OAAO,CAAC,WAAW,CAAC,OAAO,IAAI,GAAG,SAAS,KAAK,EAChD,qBAAqB,CAAC,OAAO,CAAC,SAAS,CAAC,IACnC,EACT,YAAY,IAAI,KAAC,sBAAsB,IAAC,UAAU,EAAE,UAAU,GAAI,IAC/D,CACX,CAAC;AACN,CAAC,CACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chatbot-message-answer-readonly.d.ts","sourceRoot":"","sources":["../../../../src/components/chatbot/messages/chatbot-message-answer-readonly.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAI1E,OAAO,EAAE,EAAE,EAAqB,MAAM,OAAO,CAAC;AAI9C,eAAO,MAAM,4BAA4B,EAAE,EAAE,CAAC;IAAE,OAAO,EAAE,oBAAoB,CAAA;CAAE,CA6B9E,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { MultilineText } from '@servicetitan/titan-chat-ui';
|
|
3
|
+
import classNames from 'classnames';
|
|
4
|
+
import { observer } from 'mobx-react';
|
|
5
|
+
import { Fragment, useMemo } from 'react';
|
|
6
|
+
import { ChatbotLinks } from './chatbot-links';
|
|
7
|
+
import * as Styles from './chatbot-message-answer.module.less';
|
|
8
|
+
export const ChatbotMessageAnswerReadonly = observer(({ message }) => {
|
|
9
|
+
var _a;
|
|
10
|
+
const linkProps = useMemo(() => ({
|
|
11
|
+
primary: false,
|
|
12
|
+
className: classNames(Styles.link, 'm-y-half-i'),
|
|
13
|
+
}), []);
|
|
14
|
+
const chatbotMessageData = useMemo(() => message === null || message === void 0 ? void 0 : message.data, [message]);
|
|
15
|
+
return (_jsxs(Fragment, { children: [_jsx(MultilineText, { text: message.message, className: "m-y-half-i" }), chatbotMessageData && (_jsx(ChatbotLinks, { links: (_a = chatbotMessageData.scoredUrls) !== null && _a !== void 0 ? _a : [], seeMoreLabel: "Learn more", seeLessLabel: "Learn more", linkProps: linkProps }))] }));
|
|
16
|
+
});
|
|
17
|
+
//# sourceMappingURL=chatbot-message-answer-readonly.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chatbot-message-answer-readonly.js","sourceRoot":"","sources":["../../../../src/components/chatbot/messages/chatbot-message-answer-readonly.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAG5D,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAM,QAAQ,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,KAAK,MAAM,MAAM,sCAAsC,CAAC;AAE/D,MAAM,CAAC,MAAM,4BAA4B,GAA0C,QAAQ,CACvF,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;;IACZ,MAAM,SAAS,GAAG,OAAO,CACrB,GAAG,EAAE,CAAC,CAAC;QACH,OAAO,EAAE,KAAK;QACd,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,IAAI,EAAE,YAAY,CAAC;KACnD,CAAC,EACF,EAAE,CACL,CAAC;IAEF,MAAM,kBAAkB,GAAG,OAAO,CAC9B,GAAG,EAAE,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAsC,EACrD,CAAC,OAAO,CAAC,CACZ,CAAC;IAEF,OAAO,CACH,MAAC,QAAQ,eACL,KAAC,aAAa,IAAC,IAAI,EAAE,OAAO,CAAC,OAAO,EAAE,SAAS,EAAC,YAAY,GAAG,EAC9D,kBAAkB,IAAI,CACnB,KAAC,YAAY,IACT,KAAK,EAAE,MAAA,kBAAkB,CAAC,UAAU,mCAAI,EAAE,EAC1C,YAAY,EAAC,YAAY,EACzB,YAAY,EAAC,YAAY,EACzB,SAAS,EAAE,SAAS,GACtB,CACL,IACM,CACd,CAAC;AACN,CAAC,CACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chatbot-message-answer.d.ts","sourceRoot":"","sources":["../../../../src/components/chatbot/messages/chatbot-message-answer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAI1E,OAAO,EAAE,EAAE,EAAkC,MAAM,OAAO,CAAC;AAI3D,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC;IAAE,OAAO,EAAE,oBAAoB,CAAA;CAAE,CA4CtE,CAAC"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useDependencies } from '@servicetitan/react-ioc';
|
|
3
|
+
import { MultilineText } from '@servicetitan/titan-chat-ui';
|
|
4
|
+
import { CHATBOT_UI_STORE_TOKEN } from '@servicetitan/titan-chatbot-api';
|
|
5
|
+
import classNames from 'classnames';
|
|
6
|
+
import { observer } from 'mobx-react';
|
|
7
|
+
import { Fragment, useCallback, useMemo } from 'react';
|
|
8
|
+
import { ChatbotLinks } from './chatbot-links';
|
|
9
|
+
import * as Styles from './chatbot-message-answer.module.less';
|
|
10
|
+
export const ChatbotMessageAnswer = observer(({ message }) => {
|
|
11
|
+
var _a;
|
|
12
|
+
const [chatbotUiStore] = useDependencies(CHATBOT_UI_STORE_TOKEN);
|
|
13
|
+
const chatbotMessageData = useMemo(() => message === null || message === void 0 ? void 0 : message.data, [message]);
|
|
14
|
+
const handleToggleLinks = useCallback(() => {
|
|
15
|
+
var _a;
|
|
16
|
+
if (((_a = chatbotUiStore.messages.at(-1)) === null || _a === void 0 ? void 0 : _a.id) !== message.id) {
|
|
17
|
+
return;
|
|
18
|
+
}
|
|
19
|
+
setTimeout(() => {
|
|
20
|
+
chatbotUiStore.triggerScroll();
|
|
21
|
+
}, 100);
|
|
22
|
+
}, [message.id, chatbotUiStore]);
|
|
23
|
+
const linkProps = useMemo(() => ({
|
|
24
|
+
primary: false,
|
|
25
|
+
className: classNames(Styles.link, 'm-y-half-i'),
|
|
26
|
+
}), []);
|
|
27
|
+
return (_jsxs(Fragment, { children: [_jsx(MultilineText, { text: message.message, className: "m-y-half-i", "data-cy": "titan-chatbot-message-answer" }), chatbotMessageData && (_jsx(ChatbotLinks, { links: (_a = chatbotMessageData.scoredUrls) !== null && _a !== void 0 ? _a : [], onToggle: handleToggleLinks, seeMoreLabel: "Learn more", seeLessLabel: "Learn less", linkProps: linkProps }))] }));
|
|
28
|
+
});
|
|
29
|
+
//# sourceMappingURL=chatbot-message-answer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chatbot-message-answer.js","sourceRoot":"","sources":["../../../../src/components/chatbot/messages/chatbot-message-answer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAE5D,OAAO,EAAE,sBAAsB,EAAU,MAAM,iCAAiC,CAAC;AACjF,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAM,QAAQ,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,KAAK,MAAM,MAAM,sCAAsC,CAAC;AAE/D,MAAM,CAAC,MAAM,oBAAoB,GAA0C,QAAQ,CAC/E,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;;IACZ,MAAM,CAAC,cAAc,CAAC,GAAG,eAAe,CAAC,sBAAsB,CAAC,CAAC;IACjE,MAAM,kBAAkB,GAAG,OAAO,CAC9B,GAAG,EAAE,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAsC,EACrD,CAAC,OAAO,CAAC,CACZ,CAAC;IAEF,MAAM,iBAAiB,GAAG,WAAW,CAAC,GAAG,EAAE;;QACvC,IAAI,CAAA,MAAA,cAAc,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,0CAAE,EAAE,MAAK,OAAO,CAAC,EAAE,EAAE,CAAC;YACpD,OAAO;QACX,CAAC;QACD,UAAU,CAAC,GAAG,EAAE;YACZ,cAAc,CAAC,aAAa,EAAE,CAAC;QACnC,CAAC,EAAE,GAAG,CAAC,CAAC;IACZ,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,EAAE,cAAc,CAAC,CAAC,CAAC;IAEjC,MAAM,SAAS,GAAG,OAAO,CACrB,GAAG,EAAE,CAAC,CAAC;QACH,OAAO,EAAE,KAAK;QACd,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,IAAI,EAAE,YAAY,CAAC;KACnD,CAAC,EACF,EAAE,CACL,CAAC;IAEF,OAAO,CACH,MAAC,QAAQ,eACL,KAAC,aAAa,IACV,IAAI,EAAE,OAAO,CAAC,OAAO,EACrB,SAAS,EAAC,YAAY,aACd,8BAA8B,GACxC,EACD,kBAAkB,IAAI,CACnB,KAAC,YAAY,IACT,KAAK,EAAE,MAAA,kBAAkB,CAAC,UAAU,mCAAI,EAAE,EAC1C,QAAQ,EAAE,iBAAiB,EAC3B,YAAY,EAAC,YAAY,EACzB,YAAY,EAAC,YAAY,EACzB,SAAS,EAAE,SAAS,GACtB,CACL,IACM,CACd,CAAC;AACN,CAAC,CACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chatbot-message-timeout.d.ts","sourceRoot":"","sources":["../../../../src/components/chatbot/messages/chatbot-message-timeout.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,uBAAuB,EAAE,MAAM,oCAAoC,CAAC;AAG7E,OAAO,EAAE,EAAE,EAAe,MAAM,OAAO,CAAC;AAExC,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC;IAAE,OAAO,EAAE,uBAAuB,CAAA;CAAE,CAYzE,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useDependencies } from '@servicetitan/react-ioc';
|
|
3
|
+
import { MessageTimeout } from '@servicetitan/titan-chat-ui';
|
|
4
|
+
import { CHATBOT_UI_STORE_TOKEN } from '@servicetitan/titan-chatbot-api';
|
|
5
|
+
import { observer } from 'mobx-react';
|
|
6
|
+
import { useCallback } from 'react';
|
|
7
|
+
export const ChatbotMessageTimeout = observer(() => {
|
|
8
|
+
const [chatbotUiStore] = useDependencies(CHATBOT_UI_STORE_TOKEN);
|
|
9
|
+
const handleResume = useCallback(() => {
|
|
10
|
+
chatbotUiStore.restartTimers();
|
|
11
|
+
}, [chatbotUiStore]);
|
|
12
|
+
const handleReset = useCallback(() => {
|
|
13
|
+
chatbotUiStore.restart();
|
|
14
|
+
}, [chatbotUiStore]);
|
|
15
|
+
return _jsx(MessageTimeout, { onResume: handleResume, onReset: handleReset });
|
|
16
|
+
});
|
|
17
|
+
//# sourceMappingURL=chatbot-message-timeout.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chatbot-message-timeout.js","sourceRoot":"","sources":["../../../../src/components/chatbot/messages/chatbot-message-timeout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAE7D,OAAO,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAM,WAAW,EAAE,MAAM,OAAO,CAAC;AAExC,MAAM,CAAC,MAAM,qBAAqB,GAA6C,QAAQ,CAAC,GAAG,EAAE;IACzF,MAAM,CAAC,cAAc,CAAC,GAAG,eAAe,CAAC,sBAAsB,CAAC,CAAC;IAEjE,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,cAAc,CAAC,aAAa,EAAE,CAAC;IACnC,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACjC,cAAc,CAAC,OAAO,EAAE,CAAC;IAC7B,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,OAAO,KAAC,cAAc,IAAC,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAE,WAAW,GAAI,CAAC;AAC5E,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { IMessageTypingProps } from '@servicetitan/titan-chat-ui';
|
|
2
|
+
import { FC } from 'react';
|
|
3
|
+
/**
|
|
4
|
+
* Typing message for chatbot. Shows three dots that are blinking, after 10 and 20 seconds shows a messages
|
|
5
|
+
* that the chatbot is still working instead of the dots.
|
|
6
|
+
*/
|
|
7
|
+
export declare const ChatbotMessageTyping: FC<IMessageTypingProps>;
|
|
8
|
+
//# sourceMappingURL=chatbot-message-typing.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chatbot-message-typing.d.ts","sourceRoot":"","sources":["../../../../src/components/chatbot/messages/chatbot-message-typing.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAA+B,MAAM,6BAA6B,CAAC;AAC/F,OAAO,EAAE,EAAE,EAAgC,MAAM,OAAO,CAAC;AAEzD;;;GAGG;AACH,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,mBAAmB,CA8BxD,CAAC"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { BodyText } from '@servicetitan/design-system';
|
|
3
|
+
import { MessageAgent, MessageTyping } from '@servicetitan/titan-chat-ui';
|
|
4
|
+
import { useEffect, useMemo, useState } from 'react';
|
|
5
|
+
/**
|
|
6
|
+
* Typing message for chatbot. Shows three dots that are blinking, after 10 and 20 seconds shows a messages
|
|
7
|
+
* that the chatbot is still working instead of the dots.
|
|
8
|
+
*/
|
|
9
|
+
export const ChatbotMessageTyping = ({ avatar }) => {
|
|
10
|
+
const [timer, setTimer] = useState(0);
|
|
11
|
+
const [dots, setDots] = useState('');
|
|
12
|
+
useEffect(() => {
|
|
13
|
+
const interval = setInterval(() => setTimer(prev => prev + 1), 1000);
|
|
14
|
+
return () => clearInterval(interval);
|
|
15
|
+
}, []);
|
|
16
|
+
useEffect(() => {
|
|
17
|
+
setDots(() => '.'.repeat((timer % 3) + 1));
|
|
18
|
+
}, [timer]);
|
|
19
|
+
const dotsStyle = useMemo(() => ({ width: '1rem' }), []);
|
|
20
|
+
if (timer < 10) {
|
|
21
|
+
return _jsx(MessageTyping, { avatar: avatar });
|
|
22
|
+
}
|
|
23
|
+
return (_jsx(MessageAgent, { avatar: avatar, children: _jsxs(BodyText, { children: [timer < 20
|
|
24
|
+
? 'Looking for the final details'
|
|
25
|
+
: 'This is taking longer than usual, please give me a little bit more time', _jsx("span", { className: "d-ib", style: dotsStyle, children: dots })] }) }));
|
|
26
|
+
};
|
|
27
|
+
//# sourceMappingURL=chatbot-message-typing.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chatbot-message-typing.js","sourceRoot":"","sources":["../../../../src/components/chatbot/messages/chatbot-message-typing.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAuB,YAAY,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC/F,OAAO,EAAM,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEzD;;;GAGG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAA4B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IACxE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IACtC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAErC,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;QACrE,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IACzC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACX,OAAO,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IAC/C,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEzD,IAAI,KAAK,GAAG,EAAE,EAAE,CAAC;QACb,OAAO,KAAC,aAAa,IAAC,MAAM,EAAE,MAAM,GAAI,CAAC;IAC7C,CAAC;IACD,OAAO,CACH,KAAC,YAAY,IAAC,MAAM,EAAE,MAAM,YACxB,MAAC,QAAQ,eACJ,KAAK,GAAG,EAAE;oBACP,CAAC,CAAC,+BAA+B;oBACjC,CAAC,CAAC,yEAAyE,EAC/E,eAAM,SAAS,EAAC,MAAM,EAAC,KAAK,EAAE,SAAS,YAClC,IAAI,GACF,IACA,GACA,CAClB,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chatbot-message-welcome.d.ts","sourceRoot":"","sources":["../../../../src/components/chatbot/messages/chatbot-message-welcome.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,eAAO,MAAM,qBAAqB,EAAE,EAYnC,CAAC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { BodyText } from '@servicetitan/design-system';
|
|
3
|
+
export const ChatbotMessageWelcome = () => (_jsxs(BodyText, { children: ["Hi there! I\u2019m Titan, an AI chatbot.", _jsx("br", {}), _jsx("br", {}), _jsx("b", { children: "Have a question?" }), " Ask me anything about how ServiceTitan works.", _jsx("br", {}), _jsx("b", { children: "Need help?" }), " If I can\u2019t solve your issue, I\u2019ll guide you through submitting a support case.", _jsx("br", {}), "Let\u2019s get started - how can I assist you today?"] }));
|
|
4
|
+
//# sourceMappingURL=chatbot-message-welcome.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chatbot-message-welcome.js","sourceRoot":"","sources":["../../../../src/components/chatbot/messages/chatbot-message-welcome.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAGvD,MAAM,CAAC,MAAM,qBAAqB,GAAO,GAAG,EAAE,CAAC,CAC3C,MAAC,QAAQ,2DAEL,cAAM,EACN,cAAM,EACN,2CAAuB,oDACvB,cAAM,EACN,qCAAiB,+FAEjB,cAAM,4DAEC,CACd,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { ChatMessageModelBase } from '@servicetitan/titan-chat-ui-common';
|
|
2
|
+
import { FC, PropsWithChildren } from 'react';
|
|
3
|
+
export declare const ChatbotMessageTemplateAgentReadonly: FC<PropsWithChildren<{
|
|
4
|
+
message: ChatMessageModelBase;
|
|
5
|
+
}>>;
|
|
6
|
+
//# sourceMappingURL=chatbot-message-template-agent-readonly.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chatbot-message-template-agent-readonly.d.ts","sourceRoot":"","sources":["../../../../src/components/chatbot/templates/chatbot-message-template-agent-readonly.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAgB,MAAM,oCAAoC,CAAC;AAExF,OAAO,EAAE,EAAE,EAAE,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAEvD,eAAO,MAAM,mCAAmC,EAAE,EAAE,CAChD,iBAAiB,CAAC;IACd,OAAO,EAAE,oBAAoB,CAAC;CACjC,CAAC,CAgBJ,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { MessageAgent, MessageFooter, useAvatarProps } from '@servicetitan/titan-chat-ui';
|
|
3
|
+
import { getFirstName } from '@servicetitan/titan-chat-ui-common';
|
|
4
|
+
import { observer } from 'mobx-react';
|
|
5
|
+
import { useMemo } from 'react';
|
|
6
|
+
export const ChatbotMessageTemplateAgentReadonly = observer(({ children, message }) => {
|
|
7
|
+
const { participant: { icon, name }, } = message;
|
|
8
|
+
const firstName = useMemo(() => getFirstName(name), [name]);
|
|
9
|
+
const avatarProps = useAvatarProps(name, icon);
|
|
10
|
+
return (_jsx(MessageAgent, { avatar: avatarProps, messageFooter: _jsx(MessageFooter, { name: firstName, timestamp: message.timestamp }), children: children }));
|
|
11
|
+
});
|
|
12
|
+
//# sourceMappingURL=chatbot-message-template-agent-readonly.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chatbot-message-template-agent-readonly.js","sourceRoot":"","sources":["../../../../src/components/chatbot/templates/chatbot-message-template-agent-readonly.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC1F,OAAO,EAAwB,YAAY,EAAE,MAAM,oCAAoC,CAAC;AACxF,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAyB,OAAO,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,CAAC,MAAM,mCAAmC,GAI5C,QAAQ,CAAC,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;IACnC,MAAM,EACF,WAAW,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,GAC9B,GAAG,OAAO,CAAC;IACZ,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAC5D,MAAM,WAAW,GAAG,cAAc,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAE/C,OAAO,CACH,KAAC,YAAY,IACT,MAAM,EAAE,WAAW,EACnB,aAAa,EAAE,KAAC,aAAa,IAAC,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC,SAAS,GAAI,YAE9E,QAAQ,GACE,CAClB,CAAC;AACN,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { ChatMessageModelBase } from '@servicetitan/titan-chat-ui-common';
|
|
2
|
+
import { FC, PropsWithChildren } from 'react';
|
|
3
|
+
export declare const ChatbotMessageTemplateAgent: FC<PropsWithChildren<{
|
|
4
|
+
message: ChatMessageModelBase;
|
|
5
|
+
}>>;
|
|
6
|
+
//# sourceMappingURL=chatbot-message-template-agent.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chatbot-message-template-agent.d.ts","sourceRoot":"","sources":["../../../../src/components/chatbot/templates/chatbot-message-template-agent.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAE1E,OAAO,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG9C,eAAO,MAAM,2BAA2B,EAAE,EAAE,CACxC,iBAAiB,CAAC;IACd,OAAO,EAAE,oBAAoB,CAAC;CACjC,CAAC,CAeJ,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { MessageAgent, useAvatarProps } from '@servicetitan/titan-chat-ui';
|
|
3
|
+
import { observer } from 'mobx-react';
|
|
4
|
+
import { ChatbotMessageAgentFooter } from '../messages/chatbot-message-agent-footer';
|
|
5
|
+
export const ChatbotMessageTemplateAgent = observer(({ children, message }) => {
|
|
6
|
+
const { participant: { icon, name }, } = message;
|
|
7
|
+
const avatarProps = useAvatarProps(name, icon);
|
|
8
|
+
return (_jsx(MessageAgent, { avatar: avatarProps, messageFooter: _jsx(ChatbotMessageAgentFooter, { message: message }), children: children }));
|
|
9
|
+
});
|
|
10
|
+
//# sourceMappingURL=chatbot-message-template-agent.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chatbot-message-template-agent.js","sourceRoot":"","sources":["../../../../src/components/chatbot/templates/chatbot-message-template-agent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAE3E,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,yBAAyB,EAAE,MAAM,0CAA0C,CAAC;AAErF,MAAM,CAAC,MAAM,2BAA2B,GAIpC,QAAQ,CAAC,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;IACnC,MAAM,EACF,WAAW,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,GAC9B,GAAG,OAAO,CAAC;IACZ,MAAM,WAAW,GAAG,cAAc,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAE/C,OAAO,CACH,KAAC,YAAY,IACT,MAAM,EAAE,WAAW,EACnB,aAAa,EAAE,KAAC,yBAAyB,IAAC,OAAO,EAAE,OAAO,GAAI,YAE7D,QAAQ,GACE,CAClB,CAAC;AACN,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { ChatMessageModelBase } from '@servicetitan/titan-chat-ui-common';
|
|
2
|
+
import { FC, PropsWithChildren } from 'react';
|
|
3
|
+
export declare const ChatbotMessageTemplateUserReadonly: FC<PropsWithChildren<{
|
|
4
|
+
message: ChatMessageModelBase;
|
|
5
|
+
}>>;
|
|
6
|
+
//# sourceMappingURL=chatbot-message-template-user-readonly.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chatbot-message-template-user-readonly.d.ts","sourceRoot":"","sources":["../../../../src/components/chatbot/templates/chatbot-message-template-user-readonly.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAE1E,OAAO,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE9C,eAAO,MAAM,kCAAkC,EAAE,EAAE,CAC/C,iBAAiB,CAAC;IACd,OAAO,EAAE,oBAAoB,CAAC;CACjC,CAAC,CAOJ,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { MessageFooter, MessageUser } from '@servicetitan/titan-chat-ui';
|
|
3
|
+
import { observer } from 'mobx-react';
|
|
4
|
+
export const ChatbotMessageTemplateUserReadonly = observer(({ children, message }) => {
|
|
5
|
+
return (_jsx(MessageUser, { messageFooter: _jsx(MessageFooter, { timestamp: message.timestamp }), children: children }));
|
|
6
|
+
});
|
|
7
|
+
//# sourceMappingURL=chatbot-message-template-user-readonly.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chatbot-message-template-user-readonly.js","sourceRoot":"","sources":["../../../../src/components/chatbot/templates/chatbot-message-template-user-readonly.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAEzE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,MAAM,CAAC,MAAM,kCAAkC,GAI3C,QAAQ,CAAC,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;IACnC,OAAO,CACH,KAAC,WAAW,IAAC,aAAa,EAAE,KAAC,aAAa,IAAC,SAAS,EAAE,OAAO,CAAC,SAAS,GAAI,YACtE,QAAQ,GACC,CACjB,CAAC;AACN,CAAC,CAAC,CAAC"}
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export * from '@servicetitan/titan-chat-ui';
|
|
2
|
+
export { Chatbot } from './components/chatbot/chatbot';
|
|
3
|
+
export { ChatbotLinks } from './components/chatbot/messages/chatbot-links';
|
|
4
|
+
export { ChatbotMessageAgentFooter } from './components/chatbot/messages/chatbot-message-agent-footer';
|
|
5
|
+
export { ChatbotSessionFeedbackLink } from './components/chatbot/feedback/chatbot-session-feedback-link';
|
|
6
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,6CAA6C,CAAC;AAC3E,OAAO,EAAE,yBAAyB,EAAE,MAAM,4DAA4D,CAAC;AACvG,OAAO,EAAE,0BAA0B,EAAE,MAAM,6DAA6D,CAAC"}
|
package/dist/index.js
ADDED
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export * from '@servicetitan/titan-chat-ui';
|
|
2
|
+
export { Chatbot } from './components/chatbot/chatbot';
|
|
3
|
+
export { ChatbotLinks } from './components/chatbot/messages/chatbot-links';
|
|
4
|
+
export { ChatbotMessageAgentFooter } from './components/chatbot/messages/chatbot-message-agent-footer';
|
|
5
|
+
export { ChatbotSessionFeedbackLink } from './components/chatbot/feedback/chatbot-session-feedback-link';
|
|
6
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,6CAA6C,CAAC;AAC3E,OAAO,EAAE,yBAAyB,EAAE,MAAM,4DAA4D,CAAC;AACvG,OAAO,EAAE,0BAA0B,EAAE,MAAM,6DAA6D,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"message-feedback-guardrail.store.test.d.ts","sourceRoot":"","sources":["../../../src/stores/__tests__/message-feedback-guardrail.store.test.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { expect } from '@jest/globals';
|
|
2
|
+
import { Models } from '@servicetitan/titan-chatbot-api';
|
|
3
|
+
import { initTestContainer } from '../../utils/test-utils';
|
|
4
|
+
import { MessageFeedbackGuardrailStore } from '../message-feedback-guardrail.store';
|
|
5
|
+
const initContainer = initTestContainer(MessageFeedbackGuardrailStore, () => { });
|
|
6
|
+
describe('[MessageFeedbackGuardrailStore]', () => {
|
|
7
|
+
let store;
|
|
8
|
+
beforeEach(() => {
|
|
9
|
+
const container = initContainer();
|
|
10
|
+
store = container.get(MessageFeedbackGuardrailStore);
|
|
11
|
+
});
|
|
12
|
+
afterEach(() => {
|
|
13
|
+
jest.clearAllMocks();
|
|
14
|
+
});
|
|
15
|
+
test('should have correct default values', () => {
|
|
16
|
+
expect(store.isValid).toBe(false);
|
|
17
|
+
expect(store.formState.$.linkUrl.value).toBe('');
|
|
18
|
+
expect(store.formState.$.comment.value).toBe('');
|
|
19
|
+
});
|
|
20
|
+
test('should export feedback with linkUrl and comment', async () => {
|
|
21
|
+
store.formState.$.linkUrl.onChange('https://example.com');
|
|
22
|
+
store.formState.$.comment.onChange('This is a comment');
|
|
23
|
+
await store.formState.validate();
|
|
24
|
+
const feedback = store.export();
|
|
25
|
+
expect(feedback.rating).toBe(Models.FeedbackRatings.GuardrailFeedback);
|
|
26
|
+
expect(feedback.linkUrl).toBe('https://example.com');
|
|
27
|
+
expect(feedback.description).toBe('This is a comment');
|
|
28
|
+
});
|
|
29
|
+
test('should validate form state', async () => {
|
|
30
|
+
store.formState.$.linkUrl.onChange('');
|
|
31
|
+
store.formState.$.comment.onChange('');
|
|
32
|
+
await store.formState.validate();
|
|
33
|
+
expect(store.isValid).toBe(false);
|
|
34
|
+
expect(store.formState.error).toBe('At least one input must be provided.');
|
|
35
|
+
store.formState.$.linkUrl.onChange('https://example.com');
|
|
36
|
+
store.formState.$.comment.onChange('');
|
|
37
|
+
await store.formState.validate();
|
|
38
|
+
expect(store.isValid).toBe(true);
|
|
39
|
+
store.formState.$.linkUrl.onChange('');
|
|
40
|
+
store.formState.$.comment.onChange('This is a comment');
|
|
41
|
+
await store.formState.validate();
|
|
42
|
+
expect(store.isValid).toBe(true);
|
|
43
|
+
store.formState.$.linkUrl.onChange('https://example.com');
|
|
44
|
+
store.formState.$.comment.onChange('This is a comment');
|
|
45
|
+
await store.formState.validate();
|
|
46
|
+
expect(store.isValid).toBe(true);
|
|
47
|
+
});
|
|
48
|
+
});
|
|
49
|
+
//# sourceMappingURL=message-feedback-guardrail.store.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"message-feedback-guardrail.store.test.js","sourceRoot":"","sources":["../../../src/stores/__tests__/message-feedback-guardrail.store.test.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"message-feedback.store.test.d.ts","sourceRoot":"","sources":["../../../src/stores/__tests__/message-feedback.store.test.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,114 @@
|
|
|
1
|
+
import { expect } from '@jest/globals';
|
|
2
|
+
import { CHATBOT_UI_STORE_TOKEN, Models } from '@servicetitan/titan-chatbot-api';
|
|
3
|
+
import { initTestContainer } from '../../utils/test-utils';
|
|
4
|
+
import { MessageFeedbackStore } from '../message-feedback.store';
|
|
5
|
+
const initContainer = initTestContainer(MessageFeedbackStore, container => {
|
|
6
|
+
class ChatbotUiStoreMock {
|
|
7
|
+
constructor() {
|
|
8
|
+
Object.defineProperty(this, "customizations", {
|
|
9
|
+
enumerable: true,
|
|
10
|
+
configurable: true,
|
|
11
|
+
writable: true,
|
|
12
|
+
value: {
|
|
13
|
+
feedback: {
|
|
14
|
+
isCommentAlwaysRequired: false,
|
|
15
|
+
},
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
setCustomizationContext(context) {
|
|
20
|
+
this.customizations = context;
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
container
|
|
24
|
+
.bind(CHATBOT_UI_STORE_TOKEN)
|
|
25
|
+
.toConstantValue(new ChatbotUiStoreMock());
|
|
26
|
+
});
|
|
27
|
+
describe('[MessageFeedbackStore]', () => {
|
|
28
|
+
let container;
|
|
29
|
+
let store;
|
|
30
|
+
beforeEach(() => {
|
|
31
|
+
container = initContainer();
|
|
32
|
+
store = container.get(MessageFeedbackStore);
|
|
33
|
+
});
|
|
34
|
+
test('should have proper form state', async () => {
|
|
35
|
+
expect(store.isValid).toBe(false);
|
|
36
|
+
expect(store.formState.$.notFull.value).toBe(false);
|
|
37
|
+
expect(store.formState.$.unclear.value).toBe(false);
|
|
38
|
+
expect(store.formState.$.unrelated.value).toBe(false);
|
|
39
|
+
expect(store.formState.$.incorrect.value).toBe(false);
|
|
40
|
+
expect(store.formState.$.other.value).toBe(false);
|
|
41
|
+
expect(store.formState.$.otherComment.value).toBe('');
|
|
42
|
+
expect(store.export()).toEqual({
|
|
43
|
+
description: undefined,
|
|
44
|
+
linkUrl: undefined,
|
|
45
|
+
options: [],
|
|
46
|
+
rating: Models.FeedbackRatings.ThumbsDown,
|
|
47
|
+
});
|
|
48
|
+
await store.formState.validate();
|
|
49
|
+
expect(store.formState.error).toBe('At least one item has to be selected.');
|
|
50
|
+
});
|
|
51
|
+
test('should export form state', async () => {
|
|
52
|
+
store.formState.$.unclear.onChange(true);
|
|
53
|
+
store.formState.$.notFull.onChange(true);
|
|
54
|
+
store.formState.$.unrelated.onChange(true);
|
|
55
|
+
store.formState.$.incorrect.onChange(true);
|
|
56
|
+
store.formState.$.other.onChange(true);
|
|
57
|
+
store.formState.$.otherComment.onChange('Some comment');
|
|
58
|
+
await store.formState.validate();
|
|
59
|
+
expect(store.export()).toEqual({
|
|
60
|
+
description: 'Some comment',
|
|
61
|
+
linkUrl: undefined,
|
|
62
|
+
options: expect.arrayContaining([
|
|
63
|
+
Models.FeedbackOptions.Unclear,
|
|
64
|
+
Models.FeedbackOptions.Incomplete,
|
|
65
|
+
Models.FeedbackOptions.Unrelated,
|
|
66
|
+
Models.FeedbackOptions.Incorrect,
|
|
67
|
+
Models.FeedbackOptions.Other,
|
|
68
|
+
]),
|
|
69
|
+
rating: Models.FeedbackRatings.ThumbsDown,
|
|
70
|
+
});
|
|
71
|
+
});
|
|
72
|
+
test('should validate comment for non-internal users', async () => {
|
|
73
|
+
// Other is selected and comment is empty, validation should fail
|
|
74
|
+
store.formState.$.other.onChange(true);
|
|
75
|
+
store.formState.$.otherComment.onChange('');
|
|
76
|
+
await store.formState.validate();
|
|
77
|
+
expect(store.formState.$.otherComment.error).toBe('Enter details.');
|
|
78
|
+
// If "Other" is not selected, comment should not be required
|
|
79
|
+
store.formState.$.other.onChange(false);
|
|
80
|
+
store.formState.$.otherComment.onChange('');
|
|
81
|
+
await store.formState.validate();
|
|
82
|
+
expect(store.formState.$.otherComment.error).toBeFalsy();
|
|
83
|
+
// If "Other" is selected and comment is provided, validation should pass
|
|
84
|
+
store.formState.$.other.onChange(true);
|
|
85
|
+
store.formState.$.otherComment.onChange('Some comment');
|
|
86
|
+
await store.formState.validate();
|
|
87
|
+
expect(store.formState.$.otherComment.error).toBeFalsy();
|
|
88
|
+
});
|
|
89
|
+
test('should validate comment for internal users', async () => {
|
|
90
|
+
const chatbotUiStore = container.get(CHATBOT_UI_STORE_TOKEN);
|
|
91
|
+
chatbotUiStore.setCustomizationContext({
|
|
92
|
+
feedback: {
|
|
93
|
+
isCommentAlwaysRequired: true,
|
|
94
|
+
},
|
|
95
|
+
});
|
|
96
|
+
expect(store.isCommentAlwaysRequired).toBe(true);
|
|
97
|
+
// If "Other" is not selected, comment should be required
|
|
98
|
+
store.formState.$.other.onChange(false);
|
|
99
|
+
store.formState.$.otherComment.onChange('');
|
|
100
|
+
await store.formState.validate();
|
|
101
|
+
expect(store.formState.$.otherComment.error).toBe('Enter details.');
|
|
102
|
+
// If "Other" is selected, comment should be required
|
|
103
|
+
store.formState.$.other.onChange(true);
|
|
104
|
+
store.formState.$.otherComment.onChange('');
|
|
105
|
+
await store.formState.validate();
|
|
106
|
+
expect(store.formState.$.otherComment.error).toBe('Enter details.');
|
|
107
|
+
// If "Other" is selected and comment is provided, validation should pass
|
|
108
|
+
store.formState.$.other.onChange(true);
|
|
109
|
+
store.formState.$.otherComment.onChange('Some comment');
|
|
110
|
+
await store.formState.validate();
|
|
111
|
+
expect(store.formState.$.otherComment.error).toBeFalsy();
|
|
112
|
+
});
|
|
113
|
+
});
|
|
114
|
+
//# sourceMappingURL=message-feedback.store.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"message-feedback.store.test.js","sourceRoot":"","sources":["../../../src/stores/__tests__/message-feedback.store.test.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"session-feedback.store.test.d.ts","sourceRoot":"","sources":["../../../src/stores/__tests__/session-feedback.store.test.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { expect } from '@jest/globals';
|
|
2
|
+
import { initTestContainer } from '../../utils/test-utils';
|
|
3
|
+
import { SessionFeedbackStore } from '../session-feedback.store';
|
|
4
|
+
const initContainer = initTestContainer(SessionFeedbackStore, () => { });
|
|
5
|
+
describe('[SessionFeedbackStore]', () => {
|
|
6
|
+
let container;
|
|
7
|
+
let store;
|
|
8
|
+
beforeEach(() => {
|
|
9
|
+
container = initContainer();
|
|
10
|
+
store = container.get(SessionFeedbackStore);
|
|
11
|
+
});
|
|
12
|
+
test('should have proper form state', () => {
|
|
13
|
+
expect(store.isValid).toBe(false);
|
|
14
|
+
expect(store.formState.$.thumbs.value).toBe(0);
|
|
15
|
+
expect(store.formState.$.comment.value).toBe('');
|
|
16
|
+
expect(store.feedback).toEqual({
|
|
17
|
+
rating: 0,
|
|
18
|
+
description: undefined,
|
|
19
|
+
});
|
|
20
|
+
});
|
|
21
|
+
test('should export feedback', async () => {
|
|
22
|
+
store.formState.$.thumbs.onChange(1);
|
|
23
|
+
store.formState.$.comment.onChange('Great service!');
|
|
24
|
+
await store.formState.validate();
|
|
25
|
+
expect(store.feedback).toEqual({
|
|
26
|
+
rating: 1,
|
|
27
|
+
description: 'Great service!',
|
|
28
|
+
});
|
|
29
|
+
});
|
|
30
|
+
test('should validate thumbs up and down', () => {
|
|
31
|
+
store.formState.$.thumbs.onChange(1);
|
|
32
|
+
expect(store.isThumbsUp).toBe(true);
|
|
33
|
+
expect(store.isThumbsDown).toBe(false);
|
|
34
|
+
store.formState.$.thumbs.onChange(-1);
|
|
35
|
+
expect(store.isThumbsUp).toBe(false);
|
|
36
|
+
expect(store.isThumbsDown).toBe(true);
|
|
37
|
+
});
|
|
38
|
+
});
|
|
39
|
+
//# sourceMappingURL=session-feedback.store.test.js.map
|