@servicetitan/titan-chatbot-ui-anvil2 3.1.1 → 3.1.3

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

@@ -1,10 +1,10 @@
 import { Checkbox, Flex, Text, Textarea } from '@servicetitan/anvil2';
-import { CheckboxFieldState } from '@servicetitan/form';
 import { useDependencies } from '@servicetitan/react-ioc';
 import { MessageFeedbackStore } from '@servicetitan/titan-chatbot-api';
 import classNames from 'classnames';
+import { FieldState } from 'formstate';
 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(() => {
@@ -12,7 +12,7 @@ export const ChatbotMessageFeedbackForm: FC = observer(() => {
 
     const onCheckboxChange = (checkbox: keyof MessageFeedbackStore['formState']['$']) => {
         return (_: any, state: any) => {
-            const fieldState = store.formState.$[checkbox] as CheckboxFieldState;
+            const fieldState = store.formState.$[checkbox] as FieldState<boolean>;
             fieldState.onChange(!state.checked);
         };
     };
@@ -61,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

@@ -4,7 +4,7 @@ import IconThumbUp from '@servicetitan/anvil2/assets/icons/material/round/thumb_
 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],
@@ -66,7 +66,11 @@ export const ChatbotSessionFeedbackModal: FC<{ onClose: () => void }> = provide(
                             label="Tell us more"
                             rows={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"
                         />
                     </Flex>

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

@@ -1,5 +1,5 @@
 import { AnvilProvider } from '@servicetitan/anvil2';
-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,5 +1,5 @@
 import { AnvilProvider } from '@servicetitan/anvil2';
-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,5 +1,5 @@
 import { AnvilProvider } from '@servicetitan/anvil2';
-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,5 +1,5 @@
 import { AnvilProvider } from '@servicetitan/anvil2';
-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,5 +1,5 @@
 import { AnvilProvider } from '@servicetitan/anvil2';
-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-anvil2"
         },
         {
-            "path": "../titan-chatbot-ui-cypress"
+            "path": "../cypress-shared"
         },
         {
             "path": "../titan-chat-ui-common"