@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.
- package/dist/AnimatedText/AnimatedText.d.cts +3 -3
- package/dist/CSSVariablesEditor/CssVariablesEditorComponent.d.cts +2 -2
- package/dist/CSSVariablesEditor/CssVariablesEditorComponent.d.ts +2 -2
- package/dist/Carousel/Carousel.cjs +1 -1
- package/dist/Carousel/Carousel.d.cts +2 -2
- package/dist/Carousel/Carousel.d.ts +2 -2
- package/dist/Carousel/Carousel.js +1 -1
- package/dist/Carousel/components/Container.cjs +2 -2
- package/dist/Carousel/components/Container.js +2 -2
- package/dist/ChatFooter/ChatFooter.cjs +1 -1
- package/dist/ChatFooter/ChatFooter.d.cts +2 -2
- package/dist/ChatFooter/ChatFooter.d.ts +2 -2
- package/dist/ChatFooter/ChatFooter.js +1 -1
- package/dist/ChatFooter/components/Layout.cjs +2 -2
- package/dist/ChatFooter/components/Layout.js +2 -2
- package/dist/ChatFooter/components/index.d.cts +5 -5
- package/dist/ChatFooter/components/index.d.ts +5 -5
- package/dist/ChatFooter/hooks/useGetContainerProperties.cjs +1 -1
- package/dist/ChatFooter/hooks/useGetContainerProperties.js +1 -1
- package/dist/ChatHeader/ChatHeader.d.cts +2 -2
- package/dist/ChatHeader/components/Handle.cjs +8 -6
- package/dist/ChatHeader/components/Handle.js +8 -6
- package/dist/ChatHeader/components/Toggle.cjs +3 -3
- package/dist/ChatHeader/components/Toggle.js +3 -3
- package/dist/ChatPreview/ChatPreview.cjs +15 -6
- package/dist/ChatPreview/ChatPreview.d.cts +2 -2
- package/dist/ChatPreview/ChatPreview.d.ts +2 -2
- package/dist/ChatPreview/ChatPreview.js +15 -6
- package/dist/ChatPreview/components/Message.cjs +3 -2
- package/dist/ChatPreview/components/Message.js +3 -2
- package/dist/ChatPreview/types/types.d.cts +34 -2
- package/dist/ChatPreview/types/types.d.ts +34 -2
- package/dist/ChatPreviewComparison/ChatPreviewComparison.cjs +12 -5
- package/dist/ChatPreviewComparison/ChatPreviewComparison.d.cts +2 -2
- package/dist/ChatPreviewComparison/ChatPreviewComparison.d.ts +2 -2
- package/dist/ChatPreviewComparison/ChatPreviewComparison.js +12 -5
- package/dist/ChatPreviewComparison/components/Headline.cjs +2 -2
- package/dist/ChatPreviewComparison/components/Headline.js +2 -2
- package/dist/ChatPreviewComparison/components/Layout.cjs +4 -4
- package/dist/ChatPreviewComparison/components/Layout.js +4 -4
- package/dist/ChatPreviewComparison/components/Message.cjs +5 -4
- package/dist/ChatPreviewComparison/components/Message.js +5 -4
- package/dist/ChatPreviewComparison/types/types.d.cts +34 -1
- package/dist/ChatPreviewComparison/types/types.d.ts +34 -1
- package/dist/ChatPreviewLoading/ChatPreviewLoading.cjs +1 -1
- package/dist/ChatPreviewLoading/ChatPreviewLoading.d.cts +2 -2
- package/dist/ChatPreviewLoading/ChatPreviewLoading.d.ts +2 -2
- package/dist/ChatPreviewLoading/ChatPreviewLoading.js +1 -1
- package/dist/Container/Container.d.cts +173 -173
- package/dist/Container/Container.d.ts +173 -173
- package/dist/DesignTokens/DesignTokensComponent.d.cts +2 -2
- package/dist/DesignTokens/DesignTokensComponent.d.ts +2 -2
- package/dist/Disclaimer/components/Container.cjs +2 -2
- package/dist/Disclaimer/components/Container.js +2 -2
- package/dist/DocumentRetrievalCard/DocumentRetrievalCard.d.cts +2 -2
- package/dist/DocumentRetrievalCard/DocumentRetrievalCard.d.ts +2 -2
- package/dist/DocumentRetrievalCard/components/Layout.cjs +2 -2
- package/dist/DocumentRetrievalCard/components/Layout.js +2 -2
- package/dist/DocumentRetrievalCard/components/ViewArticleButton/components/Icon.cjs +1 -1
- package/dist/DocumentRetrievalCard/components/ViewArticleButton/components/Icon.js +1 -1
- package/dist/FloatingButton/FloatingButton.d.cts +2 -2
- package/dist/FloatingButton/FloatingButton.d.ts +2 -2
- package/dist/FloatingChat/FloatingChat.cjs +4 -8
- package/dist/FloatingChat/FloatingChat.d.cts +2 -2
- package/dist/FloatingChat/FloatingChat.d.ts +2 -2
- package/dist/FloatingChat/FloatingChat.js +4 -8
- package/dist/FloatingChat/components/AgentMessage.cjs +1 -2
- package/dist/FloatingChat/components/AgentMessage.js +1 -2
- package/dist/FloatingChat/components/ChatMessages.cjs +2 -3
- package/dist/FloatingChat/components/ChatMessages.js +2 -3
- package/dist/FloatingChat/components/Layout.cjs +3 -3
- package/dist/FloatingChat/components/Layout.js +3 -3
- package/dist/FloatingChat/components/ModalSheet.cjs +13 -3
- package/dist/FloatingChat/components/ModalSheet.js +14 -4
- package/dist/FloatingChat/components/SalesAgentProductCardsCarousel.cjs +2 -3
- package/dist/FloatingChat/components/SalesAgentProductCardsCarousel.js +2 -3
- package/dist/FloatingChat/hooks/useFilteredChatMessages.cjs +1 -1
- package/dist/FloatingChat/hooks/useFilteredChatMessages.js +1 -1
- package/dist/FloatingChat/hooks/useSnapControl.cjs +17 -16
- package/dist/FloatingChat/hooks/useSnapControl.js +17 -16
- package/dist/FloatingChat/hooks/useSnapSetup.cjs +9 -27
- package/dist/FloatingChat/hooks/useSnapSetup.js +10 -28
- package/dist/FloatingChat/snapConstants.cjs +10 -0
- package/dist/FloatingChat/snapConstants.js +7 -0
- package/dist/FullPageSalesAgent/FullPageSalesAgent.cjs +6 -3
- package/dist/FullPageSalesAgent/FullPageSalesAgent.d.ts +2 -2
- package/dist/FullPageSalesAgent/FullPageSalesAgent.js +6 -3
- package/dist/FullPageSalesAgent/components/Layout.cjs +3 -1
- package/dist/FullPageSalesAgent/components/Layout.js +3 -1
- package/dist/FullPageSalesAgent/hooks/useGetFooterStyles.cjs +2 -1
- package/dist/FullPageSalesAgent/hooks/useGetFooterStyles.js +2 -1
- package/dist/FullPageSalesAgent/hooks/useGetMessagesStyles.cjs +10 -0
- package/dist/FullPageSalesAgent/hooks/useGetMessagesStyles.js +10 -0
- package/dist/FullPageSalesAgent/hooks/useGetScrollContentStyles.cjs +4 -2
- package/dist/FullPageSalesAgent/hooks/useGetScrollContentStyles.js +4 -2
- package/dist/Image/Image.d.cts +2 -2
- package/dist/Image/Image.d.ts +2 -2
- package/dist/ImageGallery/ImageGallery.d.cts +2 -2
- package/dist/ImageGallery/components/Layout.cjs +1 -1
- package/dist/ImageGallery/components/Layout.js +1 -1
- package/dist/MarkdownProcessor/MarkdownProcessor.cjs +2 -1
- package/dist/MarkdownProcessor/MarkdownProcessor.d.cts +2 -2
- package/dist/MarkdownProcessor/MarkdownProcessor.d.ts +2 -2
- package/dist/MarkdownProcessor/MarkdownProcessor.js +2 -1
- package/dist/Message/components/LinkButton.cjs +1 -1
- package/dist/Message/components/LinkButton.js +1 -1
- package/dist/OrderLookupCard/OrderLookupCard.cjs +1 -1
- package/dist/OrderLookupCard/OrderLookupCard.js +1 -1
- package/dist/ProductCard/ProductCard.cjs +10 -4
- package/dist/ProductCard/ProductCard.d.cts +8 -2
- package/dist/ProductCard/ProductCard.d.ts +8 -2
- package/dist/ProductCard/ProductCard.js +10 -4
- package/dist/ProductCard/components/Carousel.cjs +9 -3
- package/dist/ProductCard/components/Carousel.js +9 -3
- package/dist/ProductCard/types/index.d.cts +34 -0
- package/dist/ProductCard/types/index.d.ts +34 -0
- package/dist/PromptButton/PromptButton.d.cts +2 -2
- package/dist/PromptButton/PromptButton.d.ts +2 -2
- package/dist/PromptButtonCarouselWithImage/PromptButtonCarouselWithImage.d.cts +2 -2
- package/dist/PromptButtonCarouselWithImage/PromptButtonCarouselWithImage.d.ts +2 -2
- package/dist/PromptButtonCarouselWithImage/components/PromptButtonsCarousel.cjs +1 -1
- package/dist/PromptButtonCarouselWithImage/components/PromptButtonsCarousel.js +1 -1
- package/dist/PromptCarousel/PromptCarousel.cjs +3 -3
- package/dist/PromptCarousel/PromptCarousel.d.ts +2 -2
- package/dist/PromptCarousel/PromptCarousel.js +3 -3
- package/dist/ReviewCard/ReviewCard.d.cts +2 -2
- package/dist/ReviewCard/ReviewCard.d.ts +2 -2
- package/dist/ReviewCard/components/Container.cjs +2 -2
- package/dist/ReviewCard/components/Container.js +2 -2
- package/dist/ReviewCard/components/ReadMoreButton.cjs +1 -1
- package/dist/ReviewCard/components/ReadMoreButton.js +1 -1
- package/dist/ReviewCard/components/index.d.cts +6 -6
- package/dist/ReviewCard/components/index.d.ts +4 -4
- package/dist/SalesAgentProductCard/SalesAgentProductCard.d.cts +2 -2
- package/dist/SalesAgentProductCard/SalesAgentProductCard.d.ts +2 -2
- package/dist/SalesAgentProductCard/components/Container.cjs +2 -2
- package/dist/SalesAgentProductCard/components/Container.js +2 -2
- package/dist/SalesAgentProductCard/components/index.d.cts +6 -6
- package/dist/SalesAgentProductCard/components/index.d.ts +6 -6
- package/dist/SocialProof/SocialProof.cjs +5 -5
- package/dist/SocialProof/SocialProof.d.cts +2 -2
- package/dist/SocialProof/SocialProof.d.ts +2 -2
- package/dist/SocialProof/SocialProof.js +2 -2
- package/dist/SocialProof/components/Headline.cjs +3 -3
- package/dist/SocialProof/components/Headline.js +3 -3
- package/dist/SocialProof/components/LayoutFourHorizontal.cjs +1 -1
- package/dist/SocialProof/components/LayoutFourHorizontal.js +1 -1
- package/dist/SocialProof/components/Subheadline.cjs +1 -1
- package/dist/SocialProof/components/Subheadline.js +1 -1
- package/dist/SparkleAnimation/SparkleAnimation.d.cts +2 -2
- package/dist/SparkleAnimation/SparkleAnimation.d.ts +2 -2
- package/dist/Stack/Stack.d.ts +2 -2
- package/dist/TitledPromptCarousel/TitledPromptCarousel.cjs +1 -1
- package/dist/TitledPromptCarousel/TitledPromptCarousel.d.cts +2 -2
- package/dist/TitledPromptCarousel/TitledPromptCarousel.js +1 -1
- package/dist/Tokens/index.cjs +1 -1
- package/dist/Tokens/index.js +1 -1
- package/dist/TypingAnimation/TypingAnimation.cjs +9 -3
- package/dist/TypingAnimation/TypingAnimation.d.cts +2 -2
- package/dist/TypingAnimation/TypingAnimation.d.ts +2 -2
- package/dist/TypingAnimation/TypingAnimation.js +9 -3
- package/dist/TypingAnimation/hooks/useGetTypographyVariant.cjs +1 -1
- package/dist/TypingAnimation/hooks/useGetTypographyVariant.js +1 -1
- package/dist/TypingAnimation/types/index.d.cts +28 -0
- package/dist/TypingAnimation/types/index.d.ts +28 -0
- package/dist/Typography/Typography.d.ts +4 -4
- package/dist/WelcomeMessage/components/Container.cjs +2 -2
- package/dist/WelcomeMessage/components/Container.js +2 -2
- package/dist/WidgetTextField/WidgetTextField.cjs +1 -1
- package/dist/WidgetTextField/WidgetTextField.d.ts +2 -2
- package/dist/WidgetTextField/WidgetTextField.js +1 -1
- package/dist/WidgetTextField/components/Container.cjs +2 -2
- package/dist/WidgetTextField/components/Container.js +2 -2
- package/dist/WidgetTextField/components/Icon.cjs +3 -3
- package/dist/WidgetTextField/components/Icon.js +3 -3
- package/dist/WidgetWrapper/WidgetWrapper.d.cts +2 -2
- package/dist/WidgetWrapper/WidgetWrapper.d.ts +2 -2
- package/dist/WidgetWrapperWithTitle/WidgetWrapperWithTitle.d.cts +2 -2
- package/dist/WidgetWrapperWithTitle/WidgetWrapperWithTitle.d.ts +2 -2
- package/dist/styles.css +1 -1
- package/package.json +1 -1
- package/src/components/ChatFooter/__tests__/ChatFooter.test.tsx +3 -0
- package/src/components/ChatFooter/hooks/useGetContainerProperties.ts +1 -1
- package/src/components/ChatHeader/components/Handle.tsx +14 -4
- package/src/components/ChatPreview/ChatPreview.tsx +27 -6
- package/src/components/ChatPreview/__tests__/ChatPreview.test.tsx +16 -5
- package/src/components/ChatPreview/components/Message.tsx +3 -1
- package/src/components/ChatPreview/types/types.ts +35 -2
- package/src/components/ChatPreviewComparison/ChatPreviewComparison.tsx +23 -6
- package/src/components/ChatPreviewComparison/__tests__/ChatPreviewComparison.test.tsx +16 -5
- package/src/components/ChatPreviewComparison/components/Message.tsx +7 -1
- package/src/components/ChatPreviewComparison/types/types.ts +35 -1
- package/src/components/FloatingChat/FloatingChat.tsx +3 -9
- package/src/components/FloatingChat/components/AgentMessage.tsx +0 -3
- package/src/components/FloatingChat/components/ChatMessages.tsx +0 -3
- package/src/components/FloatingChat/components/ModalSheet.tsx +18 -10
- package/src/components/FloatingChat/components/SalesAgentProductCardsCarousel.tsx +1 -5
- package/src/components/FloatingChat/hooks/useFilteredChatMessages.ts +2 -2
- package/src/components/FloatingChat/hooks/useScrollToBottom.ts +1 -0
- package/src/components/FloatingChat/hooks/useSnapControl.ts +17 -22
- package/src/components/FloatingChat/hooks/useSnapSetup.ts +16 -37
- package/src/components/FloatingChat/snapConstants.ts +7 -0
- package/src/components/FullPageSalesAgent/FullPageSalesAgent.tsx +5 -2
- package/src/components/FullPageSalesAgent/components/Layout.tsx +3 -1
- package/src/components/FullPageSalesAgent/hooks/useGetFooterStyles.ts +7 -2
- package/src/components/FullPageSalesAgent/hooks/useGetMessagesStyles.ts +11 -0
- package/src/components/FullPageSalesAgent/hooks/useGetScrollContentStyles.ts +5 -1
- package/src/components/MarkdownProcessor/MarkdownProcessor.tsx +1 -1
- package/src/components/Message/__tests__/Message.test.tsx +3 -3
- package/src/components/ProductCard/ProductCard.tsx +13 -1
- package/src/components/ProductCard/__tests__/ProductCard.test.tsx +73 -1
- package/src/components/ProductCard/components/Carousel.tsx +13 -1
- package/src/components/ProductCard/types/index.ts +34 -0
- package/src/components/TypingAnimation/TypingAnimation.tsx +22 -7
- package/src/components/TypingAnimation/types/index.ts +29 -0
- 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";
|
package/dist/Tokens/index.cjs
CHANGED
|
@@ -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
|
|
package/dist/Tokens/index.js
CHANGED
|
@@ -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
|
|
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) =>
|
|
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
|
|
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) =>
|
|
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
|
|
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) =>
|
|
21
|
+
}: TypographyProps) => react1.DetailedReactHTMLElement<{
|
|
22
22
|
'aria-label': string;
|
|
23
23
|
'aria-level'?: number;
|
|
24
|
-
role?:
|
|
24
|
+
role?: react1.AriaRole;
|
|
25
25
|
title?: string;
|
|
26
26
|
className: string;
|
|
27
|
-
style:
|
|
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
|
|
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) =>
|
|
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)(
|
|
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-
|
|
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(
|
|
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-
|
|
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
|
|
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) =>
|
|
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
|
|
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) =>
|
|
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
|
|
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) =>
|
|
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
|
|
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) =>
|
|
17
|
+
}: WidgetWrapperWithTitleProps) => react_jsx_runtime1.JSX.Element;
|
|
18
18
|
//#endregion
|
|
19
19
|
export { WidgetWrapperWithTitle };
|