@servicetitan/titan-chatbot-ui-anvil2 5.4.0 → 6.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 CHANGED
@@ -1,3 +1,15 @@
1
+ # v6.0.0 (Tue Mar 10 2026)
2
+
3
+ #### 💥 Breaking Change
4
+
5
+ - SPA-7919: Upgraded anvil2 version to v2 [#83](https://github.com/servicetitan/titan-chatbot-client/pull/83) ([@AlexYarmolchuk](https://github.com/AlexYarmolchuk))
6
+
7
+ #### Authors: 1
8
+
9
+ - Alexandr Yarmolchuk ([@AlexYarmolchuk](https://github.com/AlexYarmolchuk))
10
+
11
+ ---
12
+
1
13
  # v5.3.0 (Fri Jan 09 2026)
2
14
 
3
15
  #### 🚀 Enhancement
@@ -56,6 +56,6 @@ export const ChatbotMessageFeedbackPopover = provide({
56
56
  return (_jsxs(Flex, { direction: "row", gap: "2", alignItems: "center", className: classNames(className, Styles.feedback), "data-cy": "titan-chatbot-message-feedback-failed", children: [_jsx(Icon, { svg: IconError, className: "c-status-danger" }), _jsx(Text, { className: classNames('c-status-danger', Styles.feedbackResultText), children: "Failed to send feedback." })] }));
57
57
  }
58
58
  const SubmitButton = (_jsx(Button, { appearance: "primary", disabled: !feedbackStore.isValid, onClick: handleFeedbackSubmit, "data-cy": "titan-chatbot-message-feedback-submit", children: "Submit" }));
59
- return (_jsxs(Flex, { direction: "row", gap: "2", alignItems: "center", className: className, children: [!isGuardrail && title && _jsx(Text, { variant: "eyebrow", children: title }), !isGuardrail && (_jsx(Button, { icon: IconThumbDownAlt, className: Styles.feedbackThumbUp, size: "small", appearance: "ghost", "aria-label": "thumb up", onClick: handleFeedbackThumbsUp, "data-cy": "titan-chatbot-message-feedback-thumbs-up" })), _jsx(Popover, { placement: "top-start", onOutsidePress: () => setIsPopoverOpen(false), open: isPopoverOpen, children: isGuardrail ? (_jsxs(Fragment, { children: [_jsx(Popover.Trigger, { children: props => (_jsx(Link, { ...props, onClick: () => setIsPopoverOpen(true), className: classNames('fs-paragraph-small', Styles.provideAnswer), color: "blue", "data-cy": "titan-chatbot-message-feedback-provide-answer", children: "Provide correct answer" })) }), _jsx(Popover.Content, { children: _jsxs(Flex, { direction: "column", children: [_jsx(Flex, { justifyContent: "space-between", alignItems: "center", children: _jsx(Text, { el: "h3", variant: "headline", size: "small", children: "Provide correct answer" }) }), _jsx(ChatbotMessageFeedbackFormGuardrail, {}), SubmitButton] }) })] })) : (_jsxs(Fragment, { children: [_jsx(Popover.Button, { icon: IconThumbDownAlt, size: "small", appearance: "ghost", onClick: () => setIsPopoverOpen(true), "aria-label": "thumb down", "data-cy": "titan-chatbot-message-feedback-thumbs-down" }), _jsx(Popover.Content, { children: _jsxs(Flex, { direction: "column", children: [_jsx(Flex, { justifyContent: "space-between", alignItems: "center", children: _jsx(Text, { el: "h3", variant: "headline", size: "small", children: "Why didn't this answer solve your problem?" }) }), _jsx(ChatbotMessageFeedbackForm, {}), SubmitButton] }) })] })) })] }));
59
+ return (_jsxs(Flex, { direction: "row", gap: "2", alignItems: "center", className: className, children: [!isGuardrail && title && _jsx(Text, { variant: "eyebrow", children: title }), !isGuardrail && (_jsx(Button, { icon: IconThumbDownAlt, className: Styles.feedbackThumbUp, size: "small", appearance: "ghost", "aria-label": "thumb up", onClick: handleFeedbackThumbsUp, "data-cy": "titan-chatbot-message-feedback-thumbs-up" })), _jsx(Popover, { placement: "top-start", onClickOutside: () => setIsPopoverOpen(false), open: isPopoverOpen, children: isGuardrail ? (_jsxs(Fragment, { children: [_jsx(Popover.Trigger, { children: props => (_jsx(Link, { ...props, onClick: () => setIsPopoverOpen(true), className: classNames('fs-paragraph-small', Styles.provideAnswer), color: "blue", "data-cy": "titan-chatbot-message-feedback-provide-answer", children: "Provide correct answer" })) }), _jsx(Popover.Content, { children: _jsxs(Flex, { direction: "column", children: [_jsx(Flex, { justifyContent: "space-between", alignItems: "center", children: _jsx(Text, { el: "h3", variant: "headline", size: "small", children: "Provide correct answer" }) }), _jsx(ChatbotMessageFeedbackFormGuardrail, {}), SubmitButton] }) })] })) : (_jsxs(Fragment, { children: [_jsx(Popover.Button, { icon: IconThumbDownAlt, size: "small", appearance: "ghost", onClick: () => setIsPopoverOpen(true), "aria-label": "thumb down", "data-cy": "titan-chatbot-message-feedback-thumbs-down" }), _jsx(Popover.Content, { children: _jsxs(Flex, { direction: "column", children: [_jsx(Flex, { justifyContent: "space-between", alignItems: "center", children: _jsx(Text, { el: "h3", variant: "headline", size: "small", children: "Why didn't this answer solve your problem?" }) }), _jsx(ChatbotMessageFeedbackForm, {}), SubmitButton] }) })] })) })] }));
60
60
  }));
61
61
  //# sourceMappingURL=chatbot-message-feedback-popover.js.map
@@ -56,7 +56,7 @@ export const ChatFilter = observer(({ filter }) => {
56
56
  filterStore.deselectOption(filter.key, value);
57
57
  }
58
58
  }, [filterStore, filter]);
59
- return (_jsxs(Popover, { placement: "top", noPadding: true, maxHeight: listMaxHeight, onOutsidePress: handleCancel, open: open, children: [_jsx(Popover.Trigger, { children: ({ ref: popoverRef, ...props }) => {
59
+ return (_jsxs(Popover, { placement: "top", noPadding: true, maxHeight: listMaxHeight, onClickOutside: handleCancel, open: open, children: [_jsx(Popover.Trigger, { children: ({ ref: popoverRef, ...props }) => {
60
60
  const mergedRef = useMergeRefs([
61
61
  popoverRef,
62
62
  triggerRef,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@servicetitan/titan-chatbot-ui-anvil2",
3
- "version": "5.4.0",
3
+ "version": "6.0.0",
4
4
  "description": "Chatbot experience UI package (Anvil2 version)",
5
5
  "repository": {
6
6
  "type": "git",
@@ -17,13 +17,13 @@
17
17
  "push:local": "yalc push"
18
18
  },
19
19
  "dependencies": {
20
- "@servicetitan/titan-chat-ui-anvil2": "^5.4.0",
21
- "@servicetitan/titan-chat-ui-common": "^5.4.0",
22
- "@servicetitan/titan-chatbot-api": "^5.4.0",
20
+ "@servicetitan/titan-chat-ui-anvil2": "^6.0.0",
21
+ "@servicetitan/titan-chat-ui-common": "^6.0.0",
22
+ "@servicetitan/titan-chatbot-api": "^6.0.0",
23
23
  "nanoid": "^5.1.5"
24
24
  },
25
25
  "peerDependencies": {
26
- "@servicetitan/anvil2": ">=1.16.0",
26
+ "@servicetitan/anvil2": ">=2",
27
27
  "@servicetitan/log-service": ">=27",
28
28
  "@servicetitan/react-ioc": ">=24",
29
29
  "axios": ">=0.28.0",
@@ -36,7 +36,7 @@
36
36
  "react-dom": ">=18"
37
37
  },
38
38
  "devDependencies": {
39
- "@servicetitan/cypress-shared": "^5.4.0",
39
+ "@servicetitan/cypress-shared": "^6.0.0",
40
40
  "cypress": "^15.2.0"
41
41
  },
42
42
  "keywords": [
@@ -49,5 +49,5 @@
49
49
  "cli": {
50
50
  "webpack": false
51
51
  },
52
- "gitHead": "79f9f02dee3916cc3fa2d03db854763e0234d79e"
52
+ "gitHead": "ec88dfa2d645b72694244ee6eb26a2bcf9213e5e"
53
53
  }
@@ -146,7 +146,7 @@ export const ChatbotMessageFeedbackPopover: FC<IChatbotMessageFeedbackProps> = p
146
146
  )}
147
147
  <Popover
148
148
  placement="top-start"
149
- onOutsidePress={() => setIsPopoverOpen(false)}
149
+ onClickOutside={() => setIsPopoverOpen(false)}
150
150
  open={isPopoverOpen}
151
151
  >
152
152
  {isGuardrail ? (
@@ -80,7 +80,7 @@ export const ChatFilter: FC<IChatFilterProps> = observer(({ filter }) => {
80
80
  placement="top"
81
81
  noPadding
82
82
  maxHeight={listMaxHeight}
83
- onOutsidePress={handleCancel}
83
+ onClickOutside={handleCancel}
84
84
  open={open}
85
85
  >
86
86
  <Popover.Trigger>