@envive-ai/react-toolkit-v3 0.3.13 → 0.3.14
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/AnimatedText/AnimatedText.d.ts +3 -3
- package/dist/CSSVariablesEditor/CssVariablesEditorComponent.d.ts +2 -2
- package/dist/Carousel/Carousel.d.cts +2 -2
- package/dist/Carousel/Carousel.d.ts +2 -2
- package/dist/ChatFooter/ChatFooter.d.cts +2 -2
- package/dist/ChatFooter/ChatFooter.d.ts +2 -2
- package/dist/ChatFooter/components/index.d.cts +3 -3
- package/dist/ChatFooter/components/index.d.ts +5 -5
- package/dist/ChatHeader/ChatHeader.d.cts +2 -2
- package/dist/ChatHeader/ChatHeader.d.ts +2 -2
- package/dist/ChatPreview/ChatPreview.d.cts +2 -2
- package/dist/ChatPreview/ChatPreview.d.ts +2 -2
- package/dist/ChatPreviewComparison/ChatPreviewComparison.d.cts +2 -2
- package/dist/ChatPreviewComparison/ChatPreviewComparison.d.ts +2 -2
- package/dist/ChatPreviewLoading/ChatPreviewLoading.d.cts +2 -2
- package/dist/ChatPreviewLoading/ChatPreviewLoading.d.ts +2 -2
- 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/DocumentRetrievalCard/DocumentRetrievalCard.d.cts +2 -2
- package/dist/DocumentRetrievalCard/DocumentRetrievalCard.d.ts +2 -2
- package/dist/FloatingButton/FloatingButton.d.cts +2 -2
- package/dist/FloatingButton/FloatingButton.d.ts +2 -2
- package/dist/FloatingChat/FloatingChat.cjs +7 -3
- package/dist/FloatingChat/FloatingChat.d.cts +2 -2
- package/dist/FloatingChat/FloatingChat.d.ts +2 -2
- package/dist/FloatingChat/FloatingChat.js +7 -3
- package/dist/FloatingChat/components/AgentMessage.cjs +2 -2
- package/dist/FloatingChat/components/AgentMessage.js +2 -2
- package/dist/FloatingChat/components/ChatMessages.cjs +1 -1
- package/dist/FloatingChat/components/ChatMessages.js +1 -1
- package/dist/FullPageSalesAgent/FullPageSalesAgent.d.cts +2 -2
- package/dist/FullPageSalesAgent/FullPageSalesAgent.d.ts +2 -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/ImageGallery.d.ts +2 -2
- package/dist/MarkdownProcessor/MarkdownProcessor.d.cts +2 -2
- package/dist/MarkdownProcessor/MarkdownProcessor.d.ts +2 -2
- package/dist/Message/components/AgentHeader.cjs +6 -2
- package/dist/Message/components/AgentHeader.js +6 -2
- package/dist/Message/components/index.cjs +1 -1
- package/dist/Message/components/index.js +1 -1
- package/dist/ProductCard/ProductCard.d.cts +2 -2
- package/dist/ProductCard/ProductCard.d.ts +2 -2
- 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/PromptCarousel/PromptCarousel.d.cts +2 -2
- package/dist/PromptCarousel/PromptCarousel.d.ts +2 -2
- package/dist/ReviewCard/ReviewCard.d.cts +2 -2
- package/dist/ReviewCard/ReviewCard.d.ts +2 -2
- package/dist/ReviewCard/components/index.d.cts +6 -6
- package/dist/ReviewCard/components/index.d.ts +6 -6
- package/dist/SalesAgentProductCard/SalesAgentProductCard.d.cts +2 -2
- package/dist/SalesAgentProductCard/SalesAgentProductCard.d.ts +2 -2
- package/dist/SalesAgentProductCard/components/index.d.cts +6 -6
- package/dist/SalesAgentProductCard/components/index.d.ts +8 -8
- package/dist/SocialProof/SocialProof.d.cts +2 -2
- package/dist/SocialProof/SocialProof.d.ts +2 -2
- package/dist/SparkleAnimation/SparkleAnimation.cjs +107 -0
- package/dist/SparkleAnimation/SparkleAnimation.d.cts +15 -0
- package/dist/SparkleAnimation/SparkleAnimation.d.ts +15 -0
- package/dist/SparkleAnimation/SparkleAnimation.js +105 -0
- package/dist/SparkleAnimation/index.cjs +5 -0
- package/dist/SparkleAnimation/index.d.cts +3 -0
- package/dist/SparkleAnimation/index.d.ts +3 -0
- package/dist/SparkleAnimation/index.js +4 -0
- package/dist/SparkleAnimation/types.cjs +12 -0
- package/dist/SparkleAnimation/types.d.cts +9 -0
- package/dist/SparkleAnimation/types.d.ts +9 -0
- package/dist/SparkleAnimation/types.js +11 -0
- package/dist/Stack/Stack.d.cts +2 -2
- package/dist/Stack/Stack.d.ts +2 -2
- package/dist/TitledPromptCarousel/TitledPromptCarousel.d.cts +2 -2
- package/dist/TitledPromptCarousel/TitledPromptCarousel.d.ts +2 -2
- package/dist/TypingAnimation/TypingAnimation.cjs +3 -1
- package/dist/TypingAnimation/TypingAnimation.d.cts +2 -2
- package/dist/TypingAnimation/TypingAnimation.d.ts +2 -2
- package/dist/TypingAnimation/TypingAnimation.js +3 -1
- package/dist/TypingAnimation/types/index.d.cts +8 -0
- package/dist/TypingAnimation/types/index.d.ts +8 -0
- package/dist/Typography/Typography.d.ts +4 -4
- package/dist/WidgetTextField/WidgetTextField.d.cts +2 -2
- package/dist/WidgetTextField/WidgetTextField.d.ts +2 -2
- package/dist/WidgetTextField/hooks/useGetContainerProperties.cjs +1 -1
- package/dist/WidgetTextField/hooks/useGetContainerProperties.js +1 -1
- package/dist/WidgetWrapper/WidgetWrapper.d.ts +2 -2
- package/dist/WidgetWrapperWithTitle/WidgetWrapperWithTitle.d.cts +2 -2
- package/dist/styles.css +1 -1
- package/package.json +5 -1
- package/src/components/FloatingChat/FloatingChat.tsx +6 -0
- package/src/components/FloatingChat/components/AgentMessage.tsx +3 -1
- package/src/components/FloatingChat/components/ChatMessages.tsx +1 -1
- package/src/components/Message/components/AgentHeader.tsx +7 -2
- package/src/components/SparkleAnimation/SparkleAnimation.tsx +102 -0
- package/src/components/SparkleAnimation/index.ts +2 -0
- package/src/components/SparkleAnimation/types.ts +6 -0
- package/src/components/TypingAnimation/TypingAnimation.tsx +4 -0
- package/src/components/TypingAnimation/types/index.ts +10 -0
- package/src/components/WidgetTextField/hooks/useGetContainerProperties.ts +1 -1
|
@@ -0,0 +1,107 @@
|
|
|
1
|
+
const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
|
|
2
|
+
const require_types = require('./types.cjs');
|
|
3
|
+
let react = require("react");
|
|
4
|
+
let react_jsx_runtime = require("react/jsx-runtime");
|
|
5
|
+
let __envive_ai_react_icons_FourPointStar = require("@envive-ai/react-icons/FourPointStar");
|
|
6
|
+
__envive_ai_react_icons_FourPointStar = require_rolldown_runtime.__toESM(__envive_ai_react_icons_FourPointStar);
|
|
7
|
+
let framer_motion = require("framer-motion");
|
|
8
|
+
|
|
9
|
+
//#region src/components/SparkleAnimation/SparkleAnimation.tsx
|
|
10
|
+
const ANIMATION_CYCLE_TIME = 1e3;
|
|
11
|
+
const STAR_DELAY_OFFSET = 250;
|
|
12
|
+
const SparkleAnimation = ({ color, className, animate = true }) => {
|
|
13
|
+
const [mainStarScale, setMainStarScale] = (0, react.useState)(animate ? 0 : 1);
|
|
14
|
+
const [smallStar1Scale, setSmallStar1Scale] = (0, react.useState)(animate ? 0 : 1);
|
|
15
|
+
const [smallStar2Scale, setSmallStar2Scale] = (0, react.useState)(animate ? 0 : 1);
|
|
16
|
+
(0, react.useEffect)(() => {
|
|
17
|
+
if (!animate) {
|
|
18
|
+
setMainStarScale(1);
|
|
19
|
+
setSmallStar1Scale(1);
|
|
20
|
+
setSmallStar2Scale(1);
|
|
21
|
+
}
|
|
22
|
+
}, [animate]);
|
|
23
|
+
(0, react.useEffect)(() => {
|
|
24
|
+
if (!animate) return;
|
|
25
|
+
const newScale = mainStarScale === 1 ? 0 : 1;
|
|
26
|
+
setTimeout(() => setMainStarScale(newScale), ANIMATION_CYCLE_TIME);
|
|
27
|
+
setTimeout(() => setSmallStar1Scale(newScale), ANIMATION_CYCLE_TIME + STAR_DELAY_OFFSET);
|
|
28
|
+
setTimeout(() => setSmallStar2Scale(newScale), ANIMATION_CYCLE_TIME + 2 * STAR_DELAY_OFFSET);
|
|
29
|
+
}, [mainStarScale, animate]);
|
|
30
|
+
const starTransition = {
|
|
31
|
+
duration: .3,
|
|
32
|
+
ease: "easeOut"
|
|
33
|
+
};
|
|
34
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
35
|
+
className: `${require_types.SparkleAnimationOverride.CONTAINER} ${className || ""}`,
|
|
36
|
+
style: {
|
|
37
|
+
width: "24px",
|
|
38
|
+
height: "24px",
|
|
39
|
+
position: "relative"
|
|
40
|
+
},
|
|
41
|
+
children: [
|
|
42
|
+
/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
43
|
+
className: require_types.SparkleAnimationOverride.STAR_ONE_CONTAINER,
|
|
44
|
+
style: {
|
|
45
|
+
position: "absolute",
|
|
46
|
+
left: 0,
|
|
47
|
+
top: "-2px"
|
|
48
|
+
},
|
|
49
|
+
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.motion.div, {
|
|
50
|
+
animate: { scale: mainStarScale },
|
|
51
|
+
transition: starTransition,
|
|
52
|
+
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_icons_FourPointStar.default, {
|
|
53
|
+
fill: color,
|
|
54
|
+
style: {
|
|
55
|
+
display: "inline-block",
|
|
56
|
+
height: "16px",
|
|
57
|
+
width: "16px"
|
|
58
|
+
}
|
|
59
|
+
})
|
|
60
|
+
})
|
|
61
|
+
}),
|
|
62
|
+
/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
63
|
+
className: require_types.SparkleAnimationOverride.STAR_TWO_CONTAINER,
|
|
64
|
+
style: {
|
|
65
|
+
position: "absolute",
|
|
66
|
+
top: "-7px",
|
|
67
|
+
left: "10px"
|
|
68
|
+
},
|
|
69
|
+
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.motion.div, {
|
|
70
|
+
animate: { scale: smallStar1Scale },
|
|
71
|
+
transition: starTransition,
|
|
72
|
+
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_icons_FourPointStar.default, {
|
|
73
|
+
fill: color,
|
|
74
|
+
style: {
|
|
75
|
+
display: "inline-block",
|
|
76
|
+
height: "8px",
|
|
77
|
+
width: "8px"
|
|
78
|
+
}
|
|
79
|
+
})
|
|
80
|
+
})
|
|
81
|
+
}),
|
|
82
|
+
/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
83
|
+
className: require_types.SparkleAnimationOverride.STAR_THREE_CONTAINER,
|
|
84
|
+
style: {
|
|
85
|
+
position: "absolute",
|
|
86
|
+
left: "12px",
|
|
87
|
+
top: "1px"
|
|
88
|
+
},
|
|
89
|
+
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(framer_motion.motion.div, {
|
|
90
|
+
animate: { scale: smallStar2Scale },
|
|
91
|
+
transition: starTransition,
|
|
92
|
+
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_icons_FourPointStar.default, {
|
|
93
|
+
fill: color,
|
|
94
|
+
style: {
|
|
95
|
+
display: "inline-block",
|
|
96
|
+
height: "8px",
|
|
97
|
+
width: "8px"
|
|
98
|
+
}
|
|
99
|
+
})
|
|
100
|
+
})
|
|
101
|
+
})
|
|
102
|
+
]
|
|
103
|
+
});
|
|
104
|
+
};
|
|
105
|
+
|
|
106
|
+
//#endregion
|
|
107
|
+
exports.SparkleAnimation = SparkleAnimation;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
2
|
+
|
|
3
|
+
//#region src/components/SparkleAnimation/SparkleAnimation.d.ts
|
|
4
|
+
interface SparkleAnimationProps {
|
|
5
|
+
color: string;
|
|
6
|
+
className?: string;
|
|
7
|
+
animate?: boolean;
|
|
8
|
+
}
|
|
9
|
+
declare const SparkleAnimation: ({
|
|
10
|
+
color,
|
|
11
|
+
className,
|
|
12
|
+
animate
|
|
13
|
+
}: SparkleAnimationProps) => react_jsx_runtime0.JSX.Element;
|
|
14
|
+
//#endregion
|
|
15
|
+
export { SparkleAnimation };
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
2
|
+
|
|
3
|
+
//#region src/components/SparkleAnimation/SparkleAnimation.d.ts
|
|
4
|
+
interface SparkleAnimationProps {
|
|
5
|
+
color: string;
|
|
6
|
+
className?: string;
|
|
7
|
+
animate?: boolean;
|
|
8
|
+
}
|
|
9
|
+
declare const SparkleAnimation: ({
|
|
10
|
+
color,
|
|
11
|
+
className,
|
|
12
|
+
animate
|
|
13
|
+
}: SparkleAnimationProps) => react_jsx_runtime0.JSX.Element;
|
|
14
|
+
//#endregion
|
|
15
|
+
export { SparkleAnimation };
|
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
import { SparkleAnimationOverride } from "./types.js";
|
|
2
|
+
import { useEffect, useState } from "react";
|
|
3
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
4
|
+
import FourPointStar from "@envive-ai/react-icons/FourPointStar";
|
|
5
|
+
import { motion } from "framer-motion";
|
|
6
|
+
|
|
7
|
+
//#region src/components/SparkleAnimation/SparkleAnimation.tsx
|
|
8
|
+
const ANIMATION_CYCLE_TIME = 1e3;
|
|
9
|
+
const STAR_DELAY_OFFSET = 250;
|
|
10
|
+
const SparkleAnimation = ({ color, className, animate = true }) => {
|
|
11
|
+
const [mainStarScale, setMainStarScale] = useState(animate ? 0 : 1);
|
|
12
|
+
const [smallStar1Scale, setSmallStar1Scale] = useState(animate ? 0 : 1);
|
|
13
|
+
const [smallStar2Scale, setSmallStar2Scale] = useState(animate ? 0 : 1);
|
|
14
|
+
useEffect(() => {
|
|
15
|
+
if (!animate) {
|
|
16
|
+
setMainStarScale(1);
|
|
17
|
+
setSmallStar1Scale(1);
|
|
18
|
+
setSmallStar2Scale(1);
|
|
19
|
+
}
|
|
20
|
+
}, [animate]);
|
|
21
|
+
useEffect(() => {
|
|
22
|
+
if (!animate) return;
|
|
23
|
+
const newScale = mainStarScale === 1 ? 0 : 1;
|
|
24
|
+
setTimeout(() => setMainStarScale(newScale), ANIMATION_CYCLE_TIME);
|
|
25
|
+
setTimeout(() => setSmallStar1Scale(newScale), ANIMATION_CYCLE_TIME + STAR_DELAY_OFFSET);
|
|
26
|
+
setTimeout(() => setSmallStar2Scale(newScale), ANIMATION_CYCLE_TIME + 2 * STAR_DELAY_OFFSET);
|
|
27
|
+
}, [mainStarScale, animate]);
|
|
28
|
+
const starTransition = {
|
|
29
|
+
duration: .3,
|
|
30
|
+
ease: "easeOut"
|
|
31
|
+
};
|
|
32
|
+
return /* @__PURE__ */ jsxs("div", {
|
|
33
|
+
className: `${SparkleAnimationOverride.CONTAINER} ${className || ""}`,
|
|
34
|
+
style: {
|
|
35
|
+
width: "24px",
|
|
36
|
+
height: "24px",
|
|
37
|
+
position: "relative"
|
|
38
|
+
},
|
|
39
|
+
children: [
|
|
40
|
+
/* @__PURE__ */ jsx("div", {
|
|
41
|
+
className: SparkleAnimationOverride.STAR_ONE_CONTAINER,
|
|
42
|
+
style: {
|
|
43
|
+
position: "absolute",
|
|
44
|
+
left: 0,
|
|
45
|
+
top: "-2px"
|
|
46
|
+
},
|
|
47
|
+
children: /* @__PURE__ */ jsx(motion.div, {
|
|
48
|
+
animate: { scale: mainStarScale },
|
|
49
|
+
transition: starTransition,
|
|
50
|
+
children: /* @__PURE__ */ jsx(FourPointStar, {
|
|
51
|
+
fill: color,
|
|
52
|
+
style: {
|
|
53
|
+
display: "inline-block",
|
|
54
|
+
height: "16px",
|
|
55
|
+
width: "16px"
|
|
56
|
+
}
|
|
57
|
+
})
|
|
58
|
+
})
|
|
59
|
+
}),
|
|
60
|
+
/* @__PURE__ */ jsx("div", {
|
|
61
|
+
className: SparkleAnimationOverride.STAR_TWO_CONTAINER,
|
|
62
|
+
style: {
|
|
63
|
+
position: "absolute",
|
|
64
|
+
top: "-7px",
|
|
65
|
+
left: "10px"
|
|
66
|
+
},
|
|
67
|
+
children: /* @__PURE__ */ jsx(motion.div, {
|
|
68
|
+
animate: { scale: smallStar1Scale },
|
|
69
|
+
transition: starTransition,
|
|
70
|
+
children: /* @__PURE__ */ jsx(FourPointStar, {
|
|
71
|
+
fill: color,
|
|
72
|
+
style: {
|
|
73
|
+
display: "inline-block",
|
|
74
|
+
height: "8px",
|
|
75
|
+
width: "8px"
|
|
76
|
+
}
|
|
77
|
+
})
|
|
78
|
+
})
|
|
79
|
+
}),
|
|
80
|
+
/* @__PURE__ */ jsx("div", {
|
|
81
|
+
className: SparkleAnimationOverride.STAR_THREE_CONTAINER,
|
|
82
|
+
style: {
|
|
83
|
+
position: "absolute",
|
|
84
|
+
left: "12px",
|
|
85
|
+
top: "1px"
|
|
86
|
+
},
|
|
87
|
+
children: /* @__PURE__ */ jsx(motion.div, {
|
|
88
|
+
animate: { scale: smallStar2Scale },
|
|
89
|
+
transition: starTransition,
|
|
90
|
+
children: /* @__PURE__ */ jsx(FourPointStar, {
|
|
91
|
+
fill: color,
|
|
92
|
+
style: {
|
|
93
|
+
display: "inline-block",
|
|
94
|
+
height: "8px",
|
|
95
|
+
width: "8px"
|
|
96
|
+
}
|
|
97
|
+
})
|
|
98
|
+
})
|
|
99
|
+
})
|
|
100
|
+
]
|
|
101
|
+
});
|
|
102
|
+
};
|
|
103
|
+
|
|
104
|
+
//#endregion
|
|
105
|
+
export { SparkleAnimation };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
|
|
2
|
+
//#region src/components/SparkleAnimation/types.ts
|
|
3
|
+
let SparkleAnimationOverride = /* @__PURE__ */ function(SparkleAnimationOverride$1) {
|
|
4
|
+
SparkleAnimationOverride$1["CONTAINER"] = "spiffy-sparkle-animation-container";
|
|
5
|
+
SparkleAnimationOverride$1["STAR_ONE_CONTAINER"] = "spiffy-sparkle-animation-star-one-container";
|
|
6
|
+
SparkleAnimationOverride$1["STAR_TWO_CONTAINER"] = "spiffy-sparkle-animation-star-two-container";
|
|
7
|
+
SparkleAnimationOverride$1["STAR_THREE_CONTAINER"] = "spiffy-sparkle-animation-star-three-container";
|
|
8
|
+
return SparkleAnimationOverride$1;
|
|
9
|
+
}({});
|
|
10
|
+
|
|
11
|
+
//#endregion
|
|
12
|
+
exports.SparkleAnimationOverride = SparkleAnimationOverride;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
//#region src/components/SparkleAnimation/types.d.ts
|
|
2
|
+
declare enum SparkleAnimationOverride {
|
|
3
|
+
CONTAINER = "spiffy-sparkle-animation-container",
|
|
4
|
+
STAR_ONE_CONTAINER = "spiffy-sparkle-animation-star-one-container",
|
|
5
|
+
STAR_TWO_CONTAINER = "spiffy-sparkle-animation-star-two-container",
|
|
6
|
+
STAR_THREE_CONTAINER = "spiffy-sparkle-animation-star-three-container",
|
|
7
|
+
}
|
|
8
|
+
//#endregion
|
|
9
|
+
export { SparkleAnimationOverride };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
//#region src/components/SparkleAnimation/types.d.ts
|
|
2
|
+
declare enum SparkleAnimationOverride {
|
|
3
|
+
CONTAINER = "spiffy-sparkle-animation-container",
|
|
4
|
+
STAR_ONE_CONTAINER = "spiffy-sparkle-animation-star-one-container",
|
|
5
|
+
STAR_TWO_CONTAINER = "spiffy-sparkle-animation-star-two-container",
|
|
6
|
+
STAR_THREE_CONTAINER = "spiffy-sparkle-animation-star-three-container",
|
|
7
|
+
}
|
|
8
|
+
//#endregion
|
|
9
|
+
export { SparkleAnimationOverride };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
//#region src/components/SparkleAnimation/types.ts
|
|
2
|
+
let SparkleAnimationOverride = /* @__PURE__ */ function(SparkleAnimationOverride$1) {
|
|
3
|
+
SparkleAnimationOverride$1["CONTAINER"] = "spiffy-sparkle-animation-container";
|
|
4
|
+
SparkleAnimationOverride$1["STAR_ONE_CONTAINER"] = "spiffy-sparkle-animation-star-one-container";
|
|
5
|
+
SparkleAnimationOverride$1["STAR_TWO_CONTAINER"] = "spiffy-sparkle-animation-star-two-container";
|
|
6
|
+
SparkleAnimationOverride$1["STAR_THREE_CONTAINER"] = "spiffy-sparkle-animation-star-three-container";
|
|
7
|
+
return SparkleAnimationOverride$1;
|
|
8
|
+
}({});
|
|
9
|
+
|
|
10
|
+
//#endregion
|
|
11
|
+
export { SparkleAnimationOverride };
|
package/dist/Stack/Stack.d.cts
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { StackProps } from "./types/index.cjs";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react8 from "react";
|
|
3
3
|
|
|
4
4
|
//#region src/components/Stack/Stack.d.ts
|
|
5
5
|
/**
|
|
6
6
|
* Stack component for laying out children in a flexible container with gap.
|
|
7
7
|
*/
|
|
8
|
-
declare const Stack:
|
|
8
|
+
declare const Stack: react8.ForwardRefExoticComponent<StackProps & react8.RefAttributes<HTMLDivElement>>;
|
|
9
9
|
//#endregion
|
|
10
10
|
export { Stack };
|
package/dist/Stack/Stack.d.ts
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { StackProps } from "./types/index.js";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react0 from "react";
|
|
3
3
|
|
|
4
4
|
//#region src/components/Stack/Stack.d.ts
|
|
5
5
|
/**
|
|
6
6
|
* Stack component for laying out children in a flexible container with gap.
|
|
7
7
|
*/
|
|
8
|
-
declare const Stack:
|
|
8
|
+
declare const Stack: react0.ForwardRefExoticComponent<StackProps & react0.RefAttributes<HTMLDivElement>>;
|
|
9
9
|
//#endregion
|
|
10
10
|
export { Stack };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { TitledPromptCarouselProps } from "./types/index.cjs";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime2 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
4
|
//#region src/components/TitledPromptCarousel/TitledPromptCarousel.d.ts
|
|
5
5
|
declare const TitledPromptCarousel: ({
|
|
@@ -15,6 +15,6 @@ declare const TitledPromptCarousel: ({
|
|
|
15
15
|
handleButtonClick,
|
|
16
16
|
promptButtonTexts,
|
|
17
17
|
promptCarouselAriaLabel
|
|
18
|
-
}: TitledPromptCarouselProps) =>
|
|
18
|
+
}: TitledPromptCarouselProps) => react_jsx_runtime2.JSX.Element;
|
|
19
19
|
//#endregion
|
|
20
20
|
export { TitledPromptCarousel };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { TitledPromptCarouselProps } from "./types/index.js";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime5 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
4
|
//#region src/components/TitledPromptCarousel/TitledPromptCarousel.d.ts
|
|
5
5
|
declare const TitledPromptCarousel: ({
|
|
@@ -15,6 +15,6 @@ declare const TitledPromptCarousel: ({
|
|
|
15
15
|
handleButtonClick,
|
|
16
16
|
promptButtonTexts,
|
|
17
17
|
promptCarouselAriaLabel
|
|
18
|
-
}: TitledPromptCarouselProps) =>
|
|
18
|
+
}: TitledPromptCarouselProps) => react_jsx_runtime5.JSX.Element;
|
|
19
19
|
//#endregion
|
|
20
20
|
export { TitledPromptCarousel };
|
|
@@ -26,7 +26,7 @@ let react_jsx_runtime = require("react/jsx-runtime");
|
|
|
26
26
|
//#region src/components/TypingAnimation/TypingAnimation.tsx
|
|
27
27
|
const TypingAnimation = ({ baseProps, widgetContentProps, widgetStyleProps, widgetEventProps }) => {
|
|
28
28
|
const { id, testId, className, style } = baseProps || {};
|
|
29
|
-
const { titleLabel, headlineText, animatedTextSequence, promptButtonTexts, hintText, textFieldAriaLabel } = widgetContentProps || {};
|
|
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
31
|
const { handleButtonClick, handleTextFieldClick } = widgetEventProps || {};
|
|
32
32
|
const typographyVariant = require_useGetTypographyVariant.useGetTypographyVariant(theme);
|
|
@@ -48,6 +48,8 @@ const TypingAnimation = ({ baseProps, widgetContentProps, widgetStyleProps, widg
|
|
|
48
48
|
className,
|
|
49
49
|
style,
|
|
50
50
|
titleLabel,
|
|
51
|
+
logoSrc,
|
|
52
|
+
hideLogo,
|
|
51
53
|
hexCardColor: cardColor,
|
|
52
54
|
fullIsLoading: isLoading,
|
|
53
55
|
children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Stack.Stack, {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { TypingAnimationProps } from "./types/index.cjs";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime0 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_runtime0.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 };
|
|
@@ -25,7 +25,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
|
|
|
25
25
|
//#region src/components/TypingAnimation/TypingAnimation.tsx
|
|
26
26
|
const TypingAnimation = ({ baseProps, widgetContentProps, widgetStyleProps, widgetEventProps }) => {
|
|
27
27
|
const { id, testId, className, style } = baseProps || {};
|
|
28
|
-
const { titleLabel, headlineText, animatedTextSequence, promptButtonTexts, hintText, textFieldAriaLabel } = widgetContentProps || {};
|
|
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
30
|
const { handleButtonClick, handleTextFieldClick } = widgetEventProps || {};
|
|
31
31
|
const typographyVariant = useGetTypographyVariant(theme);
|
|
@@ -47,6 +47,8 @@ const TypingAnimation = ({ baseProps, widgetContentProps, widgetStyleProps, widg
|
|
|
47
47
|
className,
|
|
48
48
|
style,
|
|
49
49
|
titleLabel,
|
|
50
|
+
logoSrc,
|
|
51
|
+
hideLogo,
|
|
50
52
|
hexCardColor: cardColor,
|
|
51
53
|
fullIsLoading: isLoading,
|
|
52
54
|
children: /* @__PURE__ */ jsxs(Stack, {
|
|
@@ -56,6 +56,14 @@ type WidgetContentProps = {
|
|
|
56
56
|
* Accessibility: Provides an accessible name for the TextField.
|
|
57
57
|
*/
|
|
58
58
|
textFieldAriaLabel?: string;
|
|
59
|
+
/**
|
|
60
|
+
* Source URL of the logo image displayed in the widget title.
|
|
61
|
+
*/
|
|
62
|
+
logoSrc?: string;
|
|
63
|
+
/**
|
|
64
|
+
* When `true`, hides the logo in the title even if logoSrc is provided.
|
|
65
|
+
*/
|
|
66
|
+
hideLogo?: boolean;
|
|
59
67
|
};
|
|
60
68
|
/**
|
|
61
69
|
* Props to control the visual appearance, layout, and behavior of the widget.
|
|
@@ -56,6 +56,14 @@ type WidgetContentProps = {
|
|
|
56
56
|
* Accessibility: Provides an accessible name for the TextField.
|
|
57
57
|
*/
|
|
58
58
|
textFieldAriaLabel?: string;
|
|
59
|
+
/**
|
|
60
|
+
* Source URL of the logo image displayed in the widget title.
|
|
61
|
+
*/
|
|
62
|
+
logoSrc?: string;
|
|
63
|
+
/**
|
|
64
|
+
* When `true`, hides the logo in the title even if logoSrc is provided.
|
|
65
|
+
*/
|
|
66
|
+
hideLogo?: boolean;
|
|
59
67
|
};
|
|
60
68
|
/**
|
|
61
69
|
* Props to control the visual appearance, layout, and behavior of the widget.
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { TypographyProps } from "./types/index.js";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react183 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) => react183.DetailedReactHTMLElement<{
|
|
22
22
|
'aria-label': string;
|
|
23
23
|
'aria-level'?: number;
|
|
24
|
-
role?:
|
|
24
|
+
role?: react183.AriaRole;
|
|
25
25
|
title?: string;
|
|
26
26
|
className: string;
|
|
27
|
-
style:
|
|
27
|
+
style: react183.CSSProperties;
|
|
28
28
|
id: string;
|
|
29
29
|
'data-testid': string;
|
|
30
30
|
}, HTMLElement>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { WidgetTextFieldProps } from "./types/types.cjs";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime1 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_runtime1.JSX.Element;
|
|
19
19
|
//#endregion
|
|
20
20
|
export { WidgetTextField };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { WidgetTextFieldProps } from "./types/types.js";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime1 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_runtime1.JSX.Element;
|
|
19
19
|
//#endregion
|
|
20
20
|
export { WidgetTextField };
|
|
@@ -10,7 +10,7 @@ const useGetContainerProperties = ({ theme }) => {
|
|
|
10
10
|
return {
|
|
11
11
|
[require_theme.Theme.STANDARD]: "envive-tw-border-[1px] envive-tw-border-border-light envive-tw-rounded-global-custom",
|
|
12
12
|
[require_theme.Theme.MODERN]: "envive-tw-border-[1px] envive-tw-border-border-light envive-tw-rounded-4",
|
|
13
|
-
[require_theme.Theme.MINIMAL]: "envive-tw-border-
|
|
13
|
+
[require_theme.Theme.MINIMAL]: "envive-tw-border-[1px] envive-tw-border-border-light"
|
|
14
14
|
}[theme] ?? "";
|
|
15
15
|
}, [theme])
|
|
16
16
|
};
|
|
@@ -9,7 +9,7 @@ const useGetContainerProperties = ({ theme }) => {
|
|
|
9
9
|
return {
|
|
10
10
|
[Theme.STANDARD]: "envive-tw-border-[1px] envive-tw-border-border-light envive-tw-rounded-global-custom",
|
|
11
11
|
[Theme.MODERN]: "envive-tw-border-[1px] envive-tw-border-border-light envive-tw-rounded-4",
|
|
12
|
-
[Theme.MINIMAL]: "envive-tw-border-
|
|
12
|
+
[Theme.MINIMAL]: "envive-tw-border-[1px] envive-tw-border-border-light"
|
|
13
13
|
}[theme] ?? "";
|
|
14
14
|
}, [theme])
|
|
15
15
|
};
|
|
@@ -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_runtime15 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_runtime15.JSX.Element;
|
|
18
18
|
//#endregion
|
|
19
19
|
export { WidgetWrapperWithTitle };
|