@envive-ai/react-toolkit-v3 0.3.15 → 0.3.16

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.
Files changed (216) hide show
  1. package/dist/AnimatedText/AnimatedText.d.cts +3 -3
  2. package/dist/CSSVariablesEditor/CssVariablesEditorComponent.d.cts +2 -2
  3. package/dist/CSSVariablesEditor/CssVariablesEditorComponent.d.ts +2 -2
  4. package/dist/Carousel/Carousel.cjs +1 -1
  5. package/dist/Carousel/Carousel.d.cts +2 -2
  6. package/dist/Carousel/Carousel.d.ts +2 -2
  7. package/dist/Carousel/Carousel.js +1 -1
  8. package/dist/Carousel/components/Container.cjs +2 -2
  9. package/dist/Carousel/components/Container.js +2 -2
  10. package/dist/ChatFooter/ChatFooter.cjs +1 -1
  11. package/dist/ChatFooter/ChatFooter.d.cts +2 -2
  12. package/dist/ChatFooter/ChatFooter.d.ts +2 -2
  13. package/dist/ChatFooter/ChatFooter.js +1 -1
  14. package/dist/ChatFooter/components/Layout.cjs +2 -2
  15. package/dist/ChatFooter/components/Layout.js +2 -2
  16. package/dist/ChatFooter/components/index.d.cts +5 -5
  17. package/dist/ChatFooter/components/index.d.ts +5 -5
  18. package/dist/ChatFooter/hooks/useGetContainerProperties.cjs +1 -1
  19. package/dist/ChatFooter/hooks/useGetContainerProperties.js +1 -1
  20. package/dist/ChatHeader/ChatHeader.d.cts +2 -2
  21. package/dist/ChatHeader/components/Handle.cjs +8 -6
  22. package/dist/ChatHeader/components/Handle.js +8 -6
  23. package/dist/ChatHeader/components/Toggle.cjs +3 -3
  24. package/dist/ChatHeader/components/Toggle.js +3 -3
  25. package/dist/ChatPreview/ChatPreview.cjs +15 -6
  26. package/dist/ChatPreview/ChatPreview.d.cts +2 -2
  27. package/dist/ChatPreview/ChatPreview.d.ts +2 -2
  28. package/dist/ChatPreview/ChatPreview.js +15 -6
  29. package/dist/ChatPreview/components/Message.cjs +3 -2
  30. package/dist/ChatPreview/components/Message.js +3 -2
  31. package/dist/ChatPreview/types/types.d.cts +34 -2
  32. package/dist/ChatPreview/types/types.d.ts +34 -2
  33. package/dist/ChatPreviewComparison/ChatPreviewComparison.cjs +12 -5
  34. package/dist/ChatPreviewComparison/ChatPreviewComparison.d.cts +2 -2
  35. package/dist/ChatPreviewComparison/ChatPreviewComparison.d.ts +2 -2
  36. package/dist/ChatPreviewComparison/ChatPreviewComparison.js +12 -5
  37. package/dist/ChatPreviewComparison/components/Headline.cjs +2 -2
  38. package/dist/ChatPreviewComparison/components/Headline.js +2 -2
  39. package/dist/ChatPreviewComparison/components/Layout.cjs +4 -4
  40. package/dist/ChatPreviewComparison/components/Layout.js +4 -4
  41. package/dist/ChatPreviewComparison/components/Message.cjs +5 -4
  42. package/dist/ChatPreviewComparison/components/Message.js +5 -4
  43. package/dist/ChatPreviewComparison/types/types.d.cts +34 -1
  44. package/dist/ChatPreviewComparison/types/types.d.ts +34 -1
  45. package/dist/ChatPreviewLoading/ChatPreviewLoading.cjs +1 -1
  46. package/dist/ChatPreviewLoading/ChatPreviewLoading.d.cts +2 -2
  47. package/dist/ChatPreviewLoading/ChatPreviewLoading.d.ts +2 -2
  48. package/dist/ChatPreviewLoading/ChatPreviewLoading.js +1 -1
  49. package/dist/Container/Container.d.cts +173 -173
  50. package/dist/Container/Container.d.ts +173 -173
  51. package/dist/DesignTokens/DesignTokensComponent.d.cts +2 -2
  52. package/dist/DesignTokens/DesignTokensComponent.d.ts +2 -2
  53. package/dist/Disclaimer/components/Container.cjs +2 -2
  54. package/dist/Disclaimer/components/Container.js +2 -2
  55. package/dist/DocumentRetrievalCard/DocumentRetrievalCard.d.cts +2 -2
  56. package/dist/DocumentRetrievalCard/DocumentRetrievalCard.d.ts +2 -2
  57. package/dist/DocumentRetrievalCard/components/Layout.cjs +2 -2
  58. package/dist/DocumentRetrievalCard/components/Layout.js +2 -2
  59. package/dist/DocumentRetrievalCard/components/ViewArticleButton/components/Icon.cjs +1 -1
  60. package/dist/DocumentRetrievalCard/components/ViewArticleButton/components/Icon.js +1 -1
  61. package/dist/FloatingButton/FloatingButton.d.cts +2 -2
  62. package/dist/FloatingButton/FloatingButton.d.ts +2 -2
  63. package/dist/FloatingChat/FloatingChat.cjs +4 -8
  64. package/dist/FloatingChat/FloatingChat.d.cts +2 -2
  65. package/dist/FloatingChat/FloatingChat.d.ts +2 -2
  66. package/dist/FloatingChat/FloatingChat.js +4 -8
  67. package/dist/FloatingChat/components/AgentMessage.cjs +1 -2
  68. package/dist/FloatingChat/components/AgentMessage.js +1 -2
  69. package/dist/FloatingChat/components/ChatMessages.cjs +2 -3
  70. package/dist/FloatingChat/components/ChatMessages.js +2 -3
  71. package/dist/FloatingChat/components/Layout.cjs +3 -3
  72. package/dist/FloatingChat/components/Layout.js +3 -3
  73. package/dist/FloatingChat/components/ModalSheet.cjs +13 -3
  74. package/dist/FloatingChat/components/ModalSheet.js +14 -4
  75. package/dist/FloatingChat/components/SalesAgentProductCardsCarousel.cjs +2 -3
  76. package/dist/FloatingChat/components/SalesAgentProductCardsCarousel.js +2 -3
  77. package/dist/FloatingChat/hooks/useFilteredChatMessages.cjs +1 -1
  78. package/dist/FloatingChat/hooks/useFilteredChatMessages.js +1 -1
  79. package/dist/FloatingChat/hooks/useSnapControl.cjs +17 -16
  80. package/dist/FloatingChat/hooks/useSnapControl.js +17 -16
  81. package/dist/FloatingChat/hooks/useSnapSetup.cjs +9 -27
  82. package/dist/FloatingChat/hooks/useSnapSetup.js +10 -28
  83. package/dist/FloatingChat/snapConstants.cjs +10 -0
  84. package/dist/FloatingChat/snapConstants.js +7 -0
  85. package/dist/FullPageSalesAgent/FullPageSalesAgent.cjs +6 -3
  86. package/dist/FullPageSalesAgent/FullPageSalesAgent.d.ts +2 -2
  87. package/dist/FullPageSalesAgent/FullPageSalesAgent.js +6 -3
  88. package/dist/FullPageSalesAgent/components/Layout.cjs +3 -1
  89. package/dist/FullPageSalesAgent/components/Layout.js +3 -1
  90. package/dist/FullPageSalesAgent/hooks/useGetFooterStyles.cjs +2 -1
  91. package/dist/FullPageSalesAgent/hooks/useGetFooterStyles.js +2 -1
  92. package/dist/FullPageSalesAgent/hooks/useGetMessagesStyles.cjs +10 -0
  93. package/dist/FullPageSalesAgent/hooks/useGetMessagesStyles.js +10 -0
  94. package/dist/FullPageSalesAgent/hooks/useGetScrollContentStyles.cjs +4 -2
  95. package/dist/FullPageSalesAgent/hooks/useGetScrollContentStyles.js +4 -2
  96. package/dist/Image/Image.d.cts +2 -2
  97. package/dist/Image/Image.d.ts +2 -2
  98. package/dist/ImageGallery/ImageGallery.d.cts +2 -2
  99. package/dist/ImageGallery/components/Layout.cjs +1 -1
  100. package/dist/ImageGallery/components/Layout.js +1 -1
  101. package/dist/MarkdownProcessor/MarkdownProcessor.cjs +2 -1
  102. package/dist/MarkdownProcessor/MarkdownProcessor.d.cts +2 -2
  103. package/dist/MarkdownProcessor/MarkdownProcessor.d.ts +2 -2
  104. package/dist/MarkdownProcessor/MarkdownProcessor.js +2 -1
  105. package/dist/Message/components/LinkButton.cjs +1 -1
  106. package/dist/Message/components/LinkButton.js +1 -1
  107. package/dist/OrderLookupCard/OrderLookupCard.cjs +1 -1
  108. package/dist/OrderLookupCard/OrderLookupCard.js +1 -1
  109. package/dist/ProductCard/ProductCard.cjs +10 -4
  110. package/dist/ProductCard/ProductCard.d.cts +8 -2
  111. package/dist/ProductCard/ProductCard.d.ts +8 -2
  112. package/dist/ProductCard/ProductCard.js +10 -4
  113. package/dist/ProductCard/components/Carousel.cjs +9 -3
  114. package/dist/ProductCard/components/Carousel.js +9 -3
  115. package/dist/ProductCard/types/index.d.cts +34 -0
  116. package/dist/ProductCard/types/index.d.ts +34 -0
  117. package/dist/PromptButton/PromptButton.d.cts +2 -2
  118. package/dist/PromptButton/PromptButton.d.ts +2 -2
  119. package/dist/PromptButtonCarouselWithImage/PromptButtonCarouselWithImage.d.cts +2 -2
  120. package/dist/PromptButtonCarouselWithImage/PromptButtonCarouselWithImage.d.ts +2 -2
  121. package/dist/PromptButtonCarouselWithImage/components/PromptButtonsCarousel.cjs +1 -1
  122. package/dist/PromptButtonCarouselWithImage/components/PromptButtonsCarousel.js +1 -1
  123. package/dist/PromptCarousel/PromptCarousel.cjs +3 -3
  124. package/dist/PromptCarousel/PromptCarousel.d.ts +2 -2
  125. package/dist/PromptCarousel/PromptCarousel.js +3 -3
  126. package/dist/ReviewCard/ReviewCard.d.cts +2 -2
  127. package/dist/ReviewCard/ReviewCard.d.ts +2 -2
  128. package/dist/ReviewCard/components/Container.cjs +2 -2
  129. package/dist/ReviewCard/components/Container.js +2 -2
  130. package/dist/ReviewCard/components/ReadMoreButton.cjs +1 -1
  131. package/dist/ReviewCard/components/ReadMoreButton.js +1 -1
  132. package/dist/ReviewCard/components/index.d.cts +6 -6
  133. package/dist/ReviewCard/components/index.d.ts +4 -4
  134. package/dist/SalesAgentProductCard/SalesAgentProductCard.d.cts +2 -2
  135. package/dist/SalesAgentProductCard/SalesAgentProductCard.d.ts +2 -2
  136. package/dist/SalesAgentProductCard/components/Container.cjs +2 -2
  137. package/dist/SalesAgentProductCard/components/Container.js +2 -2
  138. package/dist/SalesAgentProductCard/components/index.d.cts +6 -6
  139. package/dist/SalesAgentProductCard/components/index.d.ts +6 -6
  140. package/dist/SocialProof/SocialProof.cjs +5 -5
  141. package/dist/SocialProof/SocialProof.d.cts +2 -2
  142. package/dist/SocialProof/SocialProof.d.ts +2 -2
  143. package/dist/SocialProof/SocialProof.js +2 -2
  144. package/dist/SocialProof/components/Headline.cjs +3 -3
  145. package/dist/SocialProof/components/Headline.js +3 -3
  146. package/dist/SocialProof/components/LayoutFourHorizontal.cjs +1 -1
  147. package/dist/SocialProof/components/LayoutFourHorizontal.js +1 -1
  148. package/dist/SocialProof/components/Subheadline.cjs +1 -1
  149. package/dist/SocialProof/components/Subheadline.js +1 -1
  150. package/dist/SparkleAnimation/SparkleAnimation.d.cts +2 -2
  151. package/dist/SparkleAnimation/SparkleAnimation.d.ts +2 -2
  152. package/dist/Stack/Stack.d.ts +2 -2
  153. package/dist/TitledPromptCarousel/TitledPromptCarousel.cjs +1 -1
  154. package/dist/TitledPromptCarousel/TitledPromptCarousel.d.cts +2 -2
  155. package/dist/TitledPromptCarousel/TitledPromptCarousel.js +1 -1
  156. package/dist/Tokens/index.cjs +1 -1
  157. package/dist/Tokens/index.js +1 -1
  158. package/dist/TypingAnimation/TypingAnimation.cjs +9 -3
  159. package/dist/TypingAnimation/TypingAnimation.d.cts +2 -2
  160. package/dist/TypingAnimation/TypingAnimation.d.ts +2 -2
  161. package/dist/TypingAnimation/TypingAnimation.js +9 -3
  162. package/dist/TypingAnimation/hooks/useGetTypographyVariant.cjs +1 -1
  163. package/dist/TypingAnimation/hooks/useGetTypographyVariant.js +1 -1
  164. package/dist/TypingAnimation/types/index.d.cts +28 -0
  165. package/dist/TypingAnimation/types/index.d.ts +28 -0
  166. package/dist/Typography/Typography.d.ts +4 -4
  167. package/dist/WelcomeMessage/components/Container.cjs +2 -2
  168. package/dist/WelcomeMessage/components/Container.js +2 -2
  169. package/dist/WidgetTextField/WidgetTextField.cjs +1 -1
  170. package/dist/WidgetTextField/WidgetTextField.d.ts +2 -2
  171. package/dist/WidgetTextField/WidgetTextField.js +1 -1
  172. package/dist/WidgetTextField/components/Container.cjs +2 -2
  173. package/dist/WidgetTextField/components/Container.js +2 -2
  174. package/dist/WidgetTextField/components/Icon.cjs +3 -3
  175. package/dist/WidgetTextField/components/Icon.js +3 -3
  176. package/dist/WidgetWrapper/WidgetWrapper.d.cts +2 -2
  177. package/dist/WidgetWrapper/WidgetWrapper.d.ts +2 -2
  178. package/dist/WidgetWrapperWithTitle/WidgetWrapperWithTitle.d.cts +2 -2
  179. package/dist/WidgetWrapperWithTitle/WidgetWrapperWithTitle.d.ts +2 -2
  180. package/dist/styles.css +1 -1
  181. package/package.json +1 -1
  182. package/src/components/ChatFooter/__tests__/ChatFooter.test.tsx +3 -0
  183. package/src/components/ChatFooter/hooks/useGetContainerProperties.ts +1 -1
  184. package/src/components/ChatHeader/components/Handle.tsx +14 -4
  185. package/src/components/ChatPreview/ChatPreview.tsx +27 -6
  186. package/src/components/ChatPreview/__tests__/ChatPreview.test.tsx +16 -5
  187. package/src/components/ChatPreview/components/Message.tsx +3 -1
  188. package/src/components/ChatPreview/types/types.ts +35 -2
  189. package/src/components/ChatPreviewComparison/ChatPreviewComparison.tsx +23 -6
  190. package/src/components/ChatPreviewComparison/__tests__/ChatPreviewComparison.test.tsx +16 -5
  191. package/src/components/ChatPreviewComparison/components/Message.tsx +7 -1
  192. package/src/components/ChatPreviewComparison/types/types.ts +35 -1
  193. package/src/components/FloatingChat/FloatingChat.tsx +3 -9
  194. package/src/components/FloatingChat/components/AgentMessage.tsx +0 -3
  195. package/src/components/FloatingChat/components/ChatMessages.tsx +0 -3
  196. package/src/components/FloatingChat/components/ModalSheet.tsx +18 -10
  197. package/src/components/FloatingChat/components/SalesAgentProductCardsCarousel.tsx +1 -5
  198. package/src/components/FloatingChat/hooks/useFilteredChatMessages.ts +2 -2
  199. package/src/components/FloatingChat/hooks/useScrollToBottom.ts +1 -0
  200. package/src/components/FloatingChat/hooks/useSnapControl.ts +17 -22
  201. package/src/components/FloatingChat/hooks/useSnapSetup.ts +16 -37
  202. package/src/components/FloatingChat/snapConstants.ts +7 -0
  203. package/src/components/FullPageSalesAgent/FullPageSalesAgent.tsx +5 -2
  204. package/src/components/FullPageSalesAgent/components/Layout.tsx +3 -1
  205. package/src/components/FullPageSalesAgent/hooks/useGetFooterStyles.ts +7 -2
  206. package/src/components/FullPageSalesAgent/hooks/useGetMessagesStyles.ts +11 -0
  207. package/src/components/FullPageSalesAgent/hooks/useGetScrollContentStyles.ts +5 -1
  208. package/src/components/MarkdownProcessor/MarkdownProcessor.tsx +1 -1
  209. package/src/components/Message/__tests__/Message.test.tsx +3 -3
  210. package/src/components/ProductCard/ProductCard.tsx +13 -1
  211. package/src/components/ProductCard/__tests__/ProductCard.test.tsx +73 -1
  212. package/src/components/ProductCard/components/Carousel.tsx +13 -1
  213. package/src/components/ProductCard/types/index.ts +34 -0
  214. package/src/components/TypingAnimation/TypingAnimation.tsx +22 -7
  215. package/src/components/TypingAnimation/types/index.ts +29 -0
  216. package/src/components/WidgetTextField/components/Icon.tsx +2 -2
@@ -1,10 +1,10 @@
1
1
  import { Theme } from "../packages/components-v3/tokens/theme/theme.js";
2
+ import "../Tokens/index.js";
2
3
  import { Stack } from "../Stack/Stack.js";
3
4
  import "../Stack/index.js";
4
5
  import { TypographyVariant } from "../Typography/types/index.js";
5
6
  import { Typography } from "../Typography/Typography.js";
6
7
  import "../Typography/index.js";
7
- import "../Tokens/index.js";
8
8
  import { PromptButtonVariant } from "../PromptButton/types/index.js";
9
9
  import "../PromptButton/index.js";
10
10
  import { AnimationSpeed, PromptCarouselRows } from "../PromptCarousel/types/types.js";
@@ -7,8 +7,8 @@ const require_fontFamily = require('../packages/components-v3/tokens/typography/
7
7
  const require_radius = require('../packages/components-v3/tokens/radius/radius.cjs');
8
8
  const require_aspectRatio = require('../packages/components-v3/tokens/aspectRatio/aspectRatio.cjs');
9
9
  const require_theme = require('../packages/components-v3/tokens/theme/theme.cjs');
10
- const require_breakpoints = require('../packages/components-v3/tokens/breakpoints/breakpoints.cjs');
11
10
  const require_typography = require('../packages/components-v3/tokens/typography/typography.cjs');
11
+ const require_breakpoints = require('../packages/components-v3/tokens/breakpoints/breakpoints.cjs');
12
12
  const require_spacing = require('../packages/components-v3/tokens/spacing/spacing.cjs');
13
13
  const require_motion = require('../packages/components-v3/tokens/montion/motion.cjs');
14
14
 
@@ -7,8 +7,8 @@ import { FontFamily, fontFamilyVariables } from "../packages/components-v3/token
7
7
  import { borderRadiusVariables } from "../packages/components-v3/tokens/radius/radius.js";
8
8
  import { aspectRatioVariables } from "../packages/components-v3/tokens/aspectRatio/aspectRatio.js";
9
9
  import { Theme } from "../packages/components-v3/tokens/theme/theme.js";
10
- import { screensBreakpointsVariables, tailwindScreens } from "../packages/components-v3/tokens/breakpoints/breakpoints.js";
11
10
  import { createTypographyComponents } from "../packages/components-v3/tokens/typography/typography.js";
11
+ import { screensBreakpointsVariables, tailwindScreens } from "../packages/components-v3/tokens/breakpoints/breakpoints.js";
12
12
  import { spacingVariables } from "../packages/components-v3/tokens/spacing/spacing.js";
13
13
  import { animationsVariables, keyFramesVariables } from "../packages/components-v3/tokens/montion/motion.js";
14
14
 
@@ -2,19 +2,19 @@ const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
2
2
  const require_AnimatedText = require('../AnimatedText/AnimatedText.cjs');
3
3
  require('../AnimatedText/index.cjs');
4
4
  const require_theme = require('../packages/components-v3/tokens/theme/theme.cjs');
5
+ require('../Tokens/index.cjs');
5
6
  const require_Stack = require('../Stack/Stack.cjs');
6
7
  require('../Stack/index.cjs');
7
8
  const require_index = require('../Typography/types/index.cjs');
8
9
  const require_Typography = require('../Typography/Typography.cjs');
9
10
  require('../Typography/index.cjs');
10
- require('../Tokens/index.cjs');
11
11
  const require_PromptButton_types_index = require('../PromptButton/types/index.cjs');
12
12
  const require_PromptCarousel_types_types = require('../PromptCarousel/types/types.cjs');
13
13
  const require_PromptCarousel = require('../PromptCarousel/PromptCarousel.cjs');
14
14
  require('../PromptCarousel/index.cjs');
15
- const require_types = require('../WidgetWrapper/types/types.cjs');
16
15
  const require_WidgetTextField = require('../WidgetTextField/WidgetTextField.cjs');
17
16
  require('../WidgetTextField/index.cjs');
17
+ const require_types = require('../WidgetWrapper/types/types.cjs');
18
18
  require('../WidgetWrapper/index.cjs');
19
19
  const require_WidgetWrapperWithTitle = require('../WidgetWrapperWithTitle/WidgetWrapperWithTitle.cjs');
20
20
  const require_useAnimatedTextMinHeight = require('../utils/useAnimatedTextMinHeight.cjs');
@@ -28,7 +28,7 @@ const TypingAnimation = ({ baseProps, widgetContentProps, widgetStyleProps, widg
28
28
  const { id, testId, className, style } = baseProps || {};
29
29
  const { titleLabel, headlineText, animatedTextSequence, promptButtonTexts, hintText, textFieldAriaLabel, logoSrc, hideLogo } = widgetContentProps || {};
30
30
  const { widgetVariant = require_types.WidgetWrapperVariant.CARD_WITH_BORDER, cardColor, promptButtonType = require_PromptButton_types_index.PromptButtonVariant.LIGHT, promptCarouselRows = require_PromptCarousel_types_types.PromptCarouselRows.ALWAYS_ONE, showTextField = true, theme = require_theme.Theme.GLOBAL_CUSTOM, isLoading = false } = widgetStyleProps || {};
31
- const { handleButtonClick, handleTextFieldClick } = widgetEventProps || {};
31
+ const { handleButtonClick, handleButtonDrag, handleButtonHover, handleButtonMouseDown, handleButtonMouseUp, handleButtonTouchStart, handleButtonTouchEnd, handleTextFieldClick } = widgetEventProps || {};
32
32
  const typographyVariant = require_useGetTypographyVariant.useGetTypographyVariant(theme);
33
33
  const { measuringRef, minHeight } = require_useAnimatedTextMinHeight.useAnimatedTextMinHeight(animatedTextSequence ?? []);
34
34
  const biggestAnimatedText = (0, react.useMemo)(() => {
@@ -117,6 +117,12 @@ const TypingAnimation = ({ baseProps, widgetContentProps, widgetStyleProps, widg
117
117
  promptButtonType,
118
118
  promptCarouselRows,
119
119
  handleButtonClick,
120
+ handleButtonDrag,
121
+ handleButtonHover,
122
+ handleButtonMouseDown,
123
+ handleButtonMouseUp,
124
+ handleButtonTouchStart,
125
+ handleButtonTouchEnd,
120
126
  promptButtonTexts
121
127
  }),
122
128
  showTextField && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_WidgetTextField.WidgetTextField, {
@@ -1,5 +1,5 @@
1
1
  import { TypingAnimationProps } from "./types/index.cjs";
2
- import * as react_jsx_runtime15 from "react/jsx-runtime";
2
+ import * as react_jsx_runtime13 from "react/jsx-runtime";
3
3
 
4
4
  //#region src/components/TypingAnimation/TypingAnimation.d.ts
5
5
  declare const TypingAnimation: ({
@@ -7,6 +7,6 @@ declare const TypingAnimation: ({
7
7
  widgetContentProps,
8
8
  widgetStyleProps,
9
9
  widgetEventProps
10
- }: TypingAnimationProps) => react_jsx_runtime15.JSX.Element;
10
+ }: TypingAnimationProps) => react_jsx_runtime13.JSX.Element;
11
11
  //#endregion
12
12
  export { TypingAnimation };
@@ -1,5 +1,5 @@
1
1
  import { TypingAnimationProps } from "./types/index.js";
2
- import * as react_jsx_runtime4 from "react/jsx-runtime";
2
+ import * as react_jsx_runtime2 from "react/jsx-runtime";
3
3
 
4
4
  //#region src/components/TypingAnimation/TypingAnimation.d.ts
5
5
  declare const TypingAnimation: ({
@@ -7,6 +7,6 @@ declare const TypingAnimation: ({
7
7
  widgetContentProps,
8
8
  widgetStyleProps,
9
9
  widgetEventProps
10
- }: TypingAnimationProps) => react_jsx_runtime4.JSX.Element;
10
+ }: TypingAnimationProps) => react_jsx_runtime2.JSX.Element;
11
11
  //#endregion
12
12
  export { TypingAnimation };
@@ -1,19 +1,19 @@
1
1
  import { AnimatedText } from "../AnimatedText/AnimatedText.js";
2
2
  import "../AnimatedText/index.js";
3
3
  import { Theme } from "../packages/components-v3/tokens/theme/theme.js";
4
+ import "../Tokens/index.js";
4
5
  import { Stack } from "../Stack/Stack.js";
5
6
  import "../Stack/index.js";
6
7
  import { TypographyColor } from "../Typography/types/index.js";
7
8
  import { Typography } from "../Typography/Typography.js";
8
9
  import "../Typography/index.js";
9
- import "../Tokens/index.js";
10
10
  import { PromptButtonVariant } from "../PromptButton/types/index.js";
11
11
  import { PromptCarouselRows } from "../PromptCarousel/types/types.js";
12
12
  import { PromptCarousel } from "../PromptCarousel/PromptCarousel.js";
13
13
  import "../PromptCarousel/index.js";
14
- import { WidgetWrapperVariant } from "../WidgetWrapper/types/types.js";
15
14
  import { WidgetTextField } from "../WidgetTextField/WidgetTextField.js";
16
15
  import "../WidgetTextField/index.js";
16
+ import { WidgetWrapperVariant } from "../WidgetWrapper/types/types.js";
17
17
  import "../WidgetWrapper/index.js";
18
18
  import { WidgetWrapperWithTitle } from "../WidgetWrapperWithTitle/WidgetWrapperWithTitle.js";
19
19
  import { useAnimatedTextMinHeight } from "../utils/useAnimatedTextMinHeight.js";
@@ -27,7 +27,7 @@ const TypingAnimation = ({ baseProps, widgetContentProps, widgetStyleProps, widg
27
27
  const { id, testId, className, style } = baseProps || {};
28
28
  const { titleLabel, headlineText, animatedTextSequence, promptButtonTexts, hintText, textFieldAriaLabel, logoSrc, hideLogo } = widgetContentProps || {};
29
29
  const { widgetVariant = WidgetWrapperVariant.CARD_WITH_BORDER, cardColor, promptButtonType = PromptButtonVariant.LIGHT, promptCarouselRows = PromptCarouselRows.ALWAYS_ONE, showTextField = true, theme = Theme.GLOBAL_CUSTOM, isLoading = false } = widgetStyleProps || {};
30
- const { handleButtonClick, handleTextFieldClick } = widgetEventProps || {};
30
+ const { handleButtonClick, handleButtonDrag, handleButtonHover, handleButtonMouseDown, handleButtonMouseUp, handleButtonTouchStart, handleButtonTouchEnd, handleTextFieldClick } = widgetEventProps || {};
31
31
  const typographyVariant = useGetTypographyVariant(theme);
32
32
  const { measuringRef, minHeight } = useAnimatedTextMinHeight(animatedTextSequence ?? []);
33
33
  const biggestAnimatedText = useMemo(() => {
@@ -116,6 +116,12 @@ const TypingAnimation = ({ baseProps, widgetContentProps, widgetStyleProps, widg
116
116
  promptButtonType,
117
117
  promptCarouselRows,
118
118
  handleButtonClick,
119
+ handleButtonDrag,
120
+ handleButtonHover,
121
+ handleButtonMouseDown,
122
+ handleButtonMouseUp,
123
+ handleButtonTouchStart,
124
+ handleButtonTouchEnd,
119
125
  promptButtonTexts
120
126
  }),
121
127
  showTextField && /* @__PURE__ */ jsx(WidgetTextField, {
@@ -1,7 +1,7 @@
1
1
  const require_theme = require('../../packages/components-v3/tokens/theme/theme.cjs');
2
+ require('../../Tokens/index.cjs');
2
3
  const require_index = require('../../Typography/types/index.cjs');
3
4
  require('../../Typography/index.cjs');
4
- require('../../Tokens/index.cjs');
5
5
 
6
6
  //#region src/components/TypingAnimation/hooks/useGetTypographyVariant.tsx
7
7
  const useGetTypographyVariant = (theme) => {
@@ -1,7 +1,7 @@
1
1
  import { Theme } from "../../packages/components-v3/tokens/theme/theme.js";
2
+ import "../../Tokens/index.js";
2
3
  import { TypographyVariant } from "../../Typography/types/index.js";
3
4
  import "../../Typography/index.js";
4
- import "../../Tokens/index.js";
5
5
 
6
6
  //#region src/components/TypingAnimation/hooks/useGetTypographyVariant.tsx
7
7
  const useGetTypographyVariant = (theme) => {
@@ -115,6 +115,34 @@ type WidgetEventProps = {
115
115
  * @param text - The text label of the clicked button
116
116
  */
117
117
  handleButtonClick?: (text: string) => void;
118
+ /**
119
+ * Callback function invoked when the prompt buttons carousel is dragged.
120
+ * Useful for tracking drag-to-scroll interactions.
121
+ */
122
+ handleButtonDrag?: () => void;
123
+ /**
124
+ * Callback function invoked when the user hovers over a prompt button.
125
+ * Receives the hovered button's text as a parameter.
126
+ */
127
+ handleButtonHover?: (text: string) => void;
128
+ /**
129
+ * Callback function invoked when the mouse button is pressed down on a prompt button.
130
+ * Receives the pressed button's text as a parameter.
131
+ */
132
+ handleButtonMouseDown?: (text: string) => void;
133
+ /**
134
+ * Callback function invoked when the mouse button is released after pressing a prompt button.
135
+ */
136
+ handleButtonMouseUp?: () => void;
137
+ /**
138
+ * Callback function invoked when a touch interaction starts on a prompt button.
139
+ * Receives the touched button's text as a parameter.
140
+ */
141
+ handleButtonTouchStart?: (text: string) => void;
142
+ /**
143
+ * Callback function invoked when a touch interaction ends after touching a prompt button.
144
+ */
145
+ handleButtonTouchEnd?: () => void;
118
146
  /**
119
147
  * Callback function invoked when the TextField is clicked.
120
148
  */
@@ -115,6 +115,34 @@ type WidgetEventProps = {
115
115
  * @param text - The text label of the clicked button
116
116
  */
117
117
  handleButtonClick?: (text: string) => void;
118
+ /**
119
+ * Callback function invoked when the prompt buttons carousel is dragged.
120
+ * Useful for tracking drag-to-scroll interactions.
121
+ */
122
+ handleButtonDrag?: () => void;
123
+ /**
124
+ * Callback function invoked when the user hovers over a prompt button.
125
+ * Receives the hovered button's text as a parameter.
126
+ */
127
+ handleButtonHover?: (text: string) => void;
128
+ /**
129
+ * Callback function invoked when the mouse button is pressed down on a prompt button.
130
+ * Receives the pressed button's text as a parameter.
131
+ */
132
+ handleButtonMouseDown?: (text: string) => void;
133
+ /**
134
+ * Callback function invoked when the mouse button is released after pressing a prompt button.
135
+ */
136
+ handleButtonMouseUp?: () => void;
137
+ /**
138
+ * Callback function invoked when a touch interaction starts on a prompt button.
139
+ * Receives the touched button's text as a parameter.
140
+ */
141
+ handleButtonTouchStart?: (text: string) => void;
142
+ /**
143
+ * Callback function invoked when a touch interaction ends after touching a prompt button.
144
+ */
145
+ handleButtonTouchEnd?: () => void;
118
146
  /**
119
147
  * Callback function invoked when the TextField is clicked.
120
148
  */
@@ -1,5 +1,5 @@
1
1
  import { TypographyProps } from "./types/index.js";
2
- import * as react0 from "react";
2
+ import * as react1 from "react";
3
3
 
4
4
  //#region src/components/Typography/Typography.d.ts
5
5
  /**
@@ -18,13 +18,13 @@ declare const Typography: ({
18
18
  noWrap,
19
19
  as,
20
20
  "aria-label": ariaLabel
21
- }: TypographyProps) => react0.DetailedReactHTMLElement<{
21
+ }: TypographyProps) => react1.DetailedReactHTMLElement<{
22
22
  'aria-label': string;
23
23
  'aria-level'?: number;
24
- role?: react0.AriaRole;
24
+ role?: react1.AriaRole;
25
25
  title?: string;
26
26
  className: string;
27
- style: react0.CSSProperties;
27
+ style: react1.CSSProperties;
28
28
  id: string;
29
29
  'data-testid': string;
30
30
  }, HTMLElement>;
@@ -1,8 +1,8 @@
1
1
  const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
2
- const require_Stack = require('../../Stack/Stack.cjs');
3
- require('../../Stack/index.cjs');
4
2
  const require_Container = require('../../Container/Container.cjs');
5
3
  require('../../Container/index.cjs');
4
+ const require_Stack = require('../../Stack/Stack.cjs');
5
+ require('../../Stack/index.cjs');
6
6
  const require_useGetContainerProperties = require('../hooks/useGetContainerProperties.cjs');
7
7
  let react_jsx_runtime = require("react/jsx-runtime");
8
8
  let classnames = require("classnames");
@@ -1,7 +1,7 @@
1
- import { Stack } from "../../Stack/Stack.js";
2
- import "../../Stack/index.js";
3
1
  import { Container } from "../../Container/Container.js";
4
2
  import "../../Container/index.js";
3
+ import { Stack } from "../../Stack/Stack.js";
4
+ import "../../Stack/index.js";
5
5
  import { useGetContainerProperties } from "../hooks/useGetContainerProperties.js";
6
6
  import { jsx, jsxs } from "react/jsx-runtime";
7
7
  import classNames from "classnames";
@@ -1,7 +1,7 @@
1
1
  const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
2
2
  const require_theme = require('../packages/components-v3/tokens/theme/theme.cjs');
3
- const require_index = require('../Typography/types/index.cjs');
4
3
  const require_resolveTheme = require('../utils/resolveTheme.cjs');
4
+ const require_index = require('../Typography/types/index.cjs');
5
5
  const require_types = require('./types/types.cjs');
6
6
  const require_index$1 = require('./components/index.cjs');
7
7
  let react_jsx_runtime = require("react/jsx-runtime");
@@ -1,5 +1,5 @@
1
1
  import { WidgetTextFieldProps } from "./types/types.js";
2
- import * as react_jsx_runtime36 from "react/jsx-runtime";
2
+ import * as react_jsx_runtime0 from "react/jsx-runtime";
3
3
 
4
4
  //#region src/components/WidgetTextField/WidgetTextField.d.ts
5
5
  declare const WidgetTextField: ({
@@ -15,6 +15,6 @@ declare const WidgetTextField: ({
15
15
  disabled,
16
16
  isLoading,
17
17
  onClick
18
- }: WidgetTextFieldProps) => react_jsx_runtime36.JSX.Element;
18
+ }: WidgetTextFieldProps) => react_jsx_runtime0.JSX.Element;
19
19
  //#endregion
20
20
  export { WidgetTextField };
@@ -1,6 +1,6 @@
1
1
  import { Theme } from "../packages/components-v3/tokens/theme/theme.js";
2
- import { TypographyColor } from "../Typography/types/index.js";
3
2
  import { resolveTheme } from "../utils/resolveTheme.js";
3
+ import { TypographyColor } from "../Typography/types/index.js";
4
4
  import { IconVariant } from "./types/types.js";
5
5
  import { WidgetTextFieldComponents } from "./components/index.js";
6
6
  import { jsx } from "react/jsx-runtime";
@@ -1,8 +1,8 @@
1
1
  const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
2
- const require_Stack = require('../../Stack/Stack.cjs');
3
- require('../../Stack/index.cjs');
4
2
  const require_Container = require('../../Container/Container.cjs');
5
3
  require('../../Container/index.cjs');
4
+ const require_Stack = require('../../Stack/Stack.cjs');
5
+ require('../../Stack/index.cjs');
6
6
  const require_useGetContainerProperties = require('../hooks/useGetContainerProperties.cjs');
7
7
  const require_useHandleKeyboard = require('../hooks/useHandleKeyboard.cjs');
8
8
  let react_jsx_runtime = require("react/jsx-runtime");
@@ -1,7 +1,7 @@
1
- import { Stack } from "../../Stack/Stack.js";
2
- import "../../Stack/index.js";
3
1
  import { Container } from "../../Container/Container.js";
4
2
  import "../../Container/index.js";
3
+ import { Stack } from "../../Stack/Stack.js";
4
+ import "../../Stack/index.js";
5
5
  import { useGetContainerProperties } from "../hooks/useGetContainerProperties.js";
6
6
  import { useHandleKeyboard } from "../hooks/useHandleKeyboard.js";
7
7
  import { jsx, jsxs } from "react/jsx-runtime";
@@ -1,7 +1,7 @@
1
1
  const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
2
2
  const require_theme = require('../../packages/components-v3/tokens/theme/theme.cjs');
3
- const require_index = require('../../Typography/types/index.cjs');
4
3
  const require_CustomIcon = require('../../utils/CustomIcon.cjs');
4
+ const require_index = require('../../Typography/types/index.cjs');
5
5
  const require_types = require('../types/types.cjs');
6
6
  let react_jsx_runtime = require("react/jsx-runtime");
7
7
  let __envive_ai_react_icons_SendStandard = require("@envive-ai/react-icons/SendStandard");
@@ -49,9 +49,9 @@ const Icon = ({ variant, theme, textColor }) => {
49
49
  stroke: textColor !== require_index.TypographyColor.TEXT_SECONDARY ? `var(--envive-colors-${textColor})` : "var(--envive-colors-text-secondary)"
50
50
  });
51
51
  return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_CustomIcon.CustomIcon, {
52
- IconComponent: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_icons_SendMinimalist.default, {}),
52
+ IconComponent: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_icons_MagnifyingThin.default, {}),
53
53
  className: "envive-tw-h-6 envive-tw-w-6",
54
- stroke: textColor !== require_index.TypographyColor.TEXT_SECONDARY ? `var(--envive-colors-${textColor})` : "var(--envive-colors-text-light)"
54
+ stroke: textColor !== require_index.TypographyColor.TEXT_SECONDARY ? `var(--envive-colors-${textColor})` : "var(--envive-colors-border-medium)"
55
55
  });
56
56
  }
57
57
  if (variant === require_types.IconVariant.DEFAULT) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_CustomIcon.CustomIcon, {
@@ -1,6 +1,6 @@
1
1
  import { Theme } from "../../packages/components-v3/tokens/theme/theme.js";
2
- import { TypographyColor } from "../../Typography/types/index.js";
3
2
  import { CustomIcon } from "../../utils/CustomIcon.js";
3
+ import { TypographyColor } from "../../Typography/types/index.js";
4
4
  import { IconVariant } from "../types/types.js";
5
5
  import { jsx } from "react/jsx-runtime";
6
6
  import SendStandard from "@envive-ai/react-icons/SendStandard";
@@ -43,9 +43,9 @@ const Icon = ({ variant, theme, textColor }) => {
43
43
  stroke: textColor !== TypographyColor.TEXT_SECONDARY ? `var(--envive-colors-${textColor})` : "var(--envive-colors-text-secondary)"
44
44
  });
45
45
  return /* @__PURE__ */ jsx(CustomIcon, {
46
- IconComponent: /* @__PURE__ */ jsx(SendMinimalist, {}),
46
+ IconComponent: /* @__PURE__ */ jsx(SvgSendModern, {}),
47
47
  className: "envive-tw-h-6 envive-tw-w-6",
48
- stroke: textColor !== TypographyColor.TEXT_SECONDARY ? `var(--envive-colors-${textColor})` : "var(--envive-colors-text-light)"
48
+ stroke: textColor !== TypographyColor.TEXT_SECONDARY ? `var(--envive-colors-${textColor})` : "var(--envive-colors-border-medium)"
49
49
  });
50
50
  }
51
51
  if (variant === IconVariant.DEFAULT) return /* @__PURE__ */ jsx(CustomIcon, {
@@ -1,5 +1,5 @@
1
1
  import { WidgetWrapperProps } from "./types/types.cjs";
2
- import * as react_jsx_runtime35 from "react/jsx-runtime";
2
+ import * as react_jsx_runtime14 from "react/jsx-runtime";
3
3
 
4
4
  //#region src/components/WidgetWrapper/WidgetWrapper.d.ts
5
5
 
@@ -16,6 +16,6 @@ declare const WidgetWrapper: ({
16
16
  className,
17
17
  style,
18
18
  ...containerProps
19
- }: WidgetWrapperProps) => react_jsx_runtime35.JSX.Element;
19
+ }: WidgetWrapperProps) => react_jsx_runtime14.JSX.Element;
20
20
  //#endregion
21
21
  export { WidgetWrapper };
@@ -1,5 +1,5 @@
1
1
  import { WidgetWrapperProps } from "./types/types.js";
2
- import * as react_jsx_runtime0 from "react/jsx-runtime";
2
+ import * as react_jsx_runtime3 from "react/jsx-runtime";
3
3
 
4
4
  //#region src/components/WidgetWrapper/WidgetWrapper.d.ts
5
5
 
@@ -16,6 +16,6 @@ declare const WidgetWrapper: ({
16
16
  className,
17
17
  style,
18
18
  ...containerProps
19
- }: WidgetWrapperProps) => react_jsx_runtime0.JSX.Element;
19
+ }: WidgetWrapperProps) => react_jsx_runtime3.JSX.Element;
20
20
  //#endregion
21
21
  export { WidgetWrapper };
@@ -1,5 +1,5 @@
1
1
  import { WidgetWrapperWithTitleProps } from "./types/types.cjs";
2
- import * as react_jsx_runtime1 from "react/jsx-runtime";
2
+ import * as react_jsx_runtime12 from "react/jsx-runtime";
3
3
 
4
4
  //#region src/components/WidgetWrapperWithTitle/WidgetWrapperWithTitle.d.ts
5
5
  declare const WidgetWrapperWithTitle: ({
@@ -14,6 +14,6 @@ declare const WidgetWrapperWithTitle: ({
14
14
  hexCardColor,
15
15
  hideLogo,
16
16
  fullIsLoading
17
- }: WidgetWrapperWithTitleProps) => react_jsx_runtime1.JSX.Element;
17
+ }: WidgetWrapperWithTitleProps) => react_jsx_runtime12.JSX.Element;
18
18
  //#endregion
19
19
  export { WidgetWrapperWithTitle };
@@ -1,5 +1,5 @@
1
1
  import { WidgetWrapperWithTitleProps } from "./types/types.js";
2
- import * as react_jsx_runtime2 from "react/jsx-runtime";
2
+ import * as react_jsx_runtime1 from "react/jsx-runtime";
3
3
 
4
4
  //#region src/components/WidgetWrapperWithTitle/WidgetWrapperWithTitle.d.ts
5
5
  declare const WidgetWrapperWithTitle: ({
@@ -14,6 +14,6 @@ declare const WidgetWrapperWithTitle: ({
14
14
  hexCardColor,
15
15
  hideLogo,
16
16
  fullIsLoading
17
- }: WidgetWrapperWithTitleProps) => react_jsx_runtime2.JSX.Element;
17
+ }: WidgetWrapperWithTitleProps) => react_jsx_runtime1.JSX.Element;
18
18
  //#endregion
19
19
  export { WidgetWrapperWithTitle };