@servicetitan/titan-chatbot-ui 3.1.1 → 3.1.3

package/src/components/chatbot/feedback/chatbot-message-feedback-form.tsx

@@ -3,7 +3,7 @@ import { useDependencies } from '@servicetitan/react-ioc';
 import { MessageFeedbackStore } from '@servicetitan/titan-chatbot-api';
 import classNames from 'classnames';
 import { observer } from 'mobx-react';
-import { FC } from 'react';
+import { ChangeEvent, FC } from 'react';
 import * as Styles from './chatbot-message-feedback-form.module.less';
 
 export const ChatbotMessageFeedbackForm: FC = observer(() => {
@@ -14,35 +14,45 @@ export const ChatbotMessageFeedbackForm: FC = observer(() => {
                 label="Answer is unrelated to my question"
                 className={Styles.formItem}
                 value={store.formState.$.unrelated.value}
-                onChange={store.formState.$.unrelated.onChangeHandler}
+                onChange={(_, checked) => {
+                    store.formState.$.unrelated.onChange(!!checked);
+                }}
                 data-cy="titan-chatbot-message-feedback-form-unrelated"
             />
             <Form.Checkbox
                 label="Answer is unclear, not sure what it means"
                 className={Styles.formItem}
                 value={store.formState.$.unclear.value}
-                onChange={store.formState.$.unclear.onChangeHandler}
+                onChange={(_, checked) => {
+                    store.formState.$.unclear.onChange(!!checked);
+                }}
                 data-cy="titan-chatbot-message-feedback-form-unclear"
             />
             <Form.Checkbox
                 label="Answer doesn’t fully address the question"
                 className={Styles.formItem}
                 value={store.formState.$.notFull.value}
-                onChange={store.formState.$.notFull.onChangeHandler}
+                onChange={(_, checked) => {
+                    store.formState.$.notFull.onChange(!!checked);
+                }}
                 data-cy="titan-chatbot-message-feedback-form-not-full"
             />
             <Form.Checkbox
                 label="Answer is incorrect or doesn’t work"
                 className={Styles.formItem}
                 value={store.formState.$.incorrect.value}
-                onChange={store.formState.$.incorrect.onChangeHandler}
+                onChange={(_, checked) => {
+                    store.formState.$.incorrect.onChange(!!checked);
+                }}
                 data-cy="titan-chatbot-message-feedback-form-incorrect"
             />
             <Form.Checkbox
                 label="Other"
                 className={Styles.formItem}
                 value={store.formState.$.other.value}
-                onChange={store.formState.$.other.onChangeHandler}
+                onChange={(_, checked) => {
+                    store.formState.$.other.onChange(!!checked);
+                }}
                 data-cy="titan-chatbot-message-feedback-form-other"
             />
             {store.isTextAreaVisible && (
@@ -51,7 +61,9 @@ export const ChatbotMessageFeedbackForm: FC = observer(() => {
                         className={classNames(Styles.formItem, Styles.textArea)}
                         error={store.formState.$.otherComment.error}
                         value={store.formState.$.otherComment.value}
-                        onChange={store.formState.$.otherComment.onChangeHandler}
+                        onChange={(e: ChangeEvent<HTMLTextAreaElement>) => {
+                            store.formState.$.otherComment.onChange(e.currentTarget.value);
+                        }}
                         onBlur={store.formState.$.otherComment.enableAutoValidationAndValidate}
                         data-cy="titan-chatbot-message-feedback-form-other-comment"
                     />

package/src/components/chatbot/feedback/chatbot-session-feedback-modal.tsx

@@ -2,7 +2,7 @@ import { BodyText, Button, ButtonGroup, Form, Modal, Stack } from '@servicetitan
 import { provide, useDependencies } from '@servicetitan/react-ioc';
 import { CHATBOT_UI_STORE_TOKEN, SessionFeedbackStore } from '@servicetitan/titan-chatbot-api';
 import { observer } from 'mobx-react';
-import { FC, useCallback } from 'react';
+import { ChangeEvent, FC, useCallback } from 'react';
 
 export const ChatbotSessionFeedbackModal: FC<{ onClose: () => void }> = provide({
     singletons: [SessionFeedbackStore],
@@ -85,7 +85,11 @@ export const ChatbotSessionFeedbackModal: FC<{ onClose: () => void }> = provide(
                         label="Tell us more"
                         maxRows={3}
                         value={chatbotFeedbackStore.formState.$.comment.value}
-                        onChange={chatbotFeedbackStore.formState.$.comment.onChangeHandler}
+                        onChange={(e: ChangeEvent<HTMLTextAreaElement>) => {
+                            chatbotFeedbackStore.formState.$.comment.onChange(
+                                e.currentTarget.value
+                            );
+                        }}
                         data-cy="titan-chatbot-session-feedback-comment"
                     />
                 </Stack>

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

@@ -1,4 +1,4 @@
-import { runChatbotFiltersSharedTests } from '@servicetitan/titan-chatbot-ui-cypress';
+import { runChatbotFiltersSharedTests } from '@servicetitan/cypress-shared';
 import { ChatFilters } from '../chatbot-filters';
 
 describe('[ChatFilters]', () => {

package/src/components/chatbot/messages/__tests-cy__/chatbot-links.test.tsx

@@ -1,4 +1,4 @@
-import { runChatbotLinksSharedTests } from '@servicetitan/titan-chatbot-ui-cypress';
+import { runChatbotLinksSharedTests } from '@servicetitan/cypress-shared';
 import { ChatbotLinks } from '../chatbot-links';
 
 describe('[ChatbotLinks]', () => {

package/src/components/chatbot/messages/__tests-cy__/chatbot-message-answer-readonly.test.tsx

@@ -1,4 +1,4 @@
-import { runChatbotMessageAnswerReadonlySharedTests } from '@servicetitan/titan-chatbot-ui-cypress';
+import { runChatbotMessageAnswerReadonlySharedTests } from '@servicetitan/cypress-shared';
 import { ChatbotMessageAnswerReadonly } from '../chatbot-message-answer-readonly';
 
 describe('[ChatbotMessageAnswerReadonly]', () => {

package/src/components/chatbot/messages/__tests-cy__/chatbot-message-answer.test.tsx

@@ -1,4 +1,4 @@
-import { runChatbotMessageAnswerSharedTests } from '@servicetitan/titan-chatbot-ui-cypress';
+import { runChatbotMessageAnswerSharedTests } from '@servicetitan/cypress-shared';
 import { ChatbotMessageAnswer } from '../chatbot-message-answer';
 
 describe('[ChatbotMessageAnswer]', () => {

package/src/components/chatbot/messages/__tests-cy__/chatbot-message-typing.test.tsx

@@ -1,4 +1,4 @@
-import { runChatbotMessageTypingSharedTests } from '@servicetitan/titan-chatbot-ui-cypress';
+import { runChatbotMessageTypingSharedTests } from '@servicetitan/cypress-shared';
 import { ChatbotMessageTyping } from '../chatbot-message-typing';
 
 describe('[ChatbotMessageTyping]', () => {

package/tsconfig.json

@@ -16,7 +16,7 @@
             "path": "../titan-chat-ui"
         },
         {
-            "path": "../titan-chatbot-ui-cypress"
+            "path": "../cypress-shared"
         },
         {
             "path": "../titan-chat-ui-common"