@envive-ai/react-widgets-v3 0.3.2

package/dist/widgets/SocialProofWidget/SocialProofWidget.js

@@ -0,0 +1,116 @@
+import { withBaseWidget } from "../../hocs/withBaseWidget/withBaseWidget.js";
+import { getProductImageUrl } from "../utils/functions.js";
+import { useCallback } from "react";
+import { jsx } from "react/jsx-runtime";
+import { SocialProofWidgetKind, WidgetTypeV3 } from "@envive-ai/react-hooks/contexts/typesV3";
+import { useSalesAgent } from "@envive-ai/react-hooks/contexts/salesAgentContext";
+import { Theme } from "@envive-ai/react-toolkit-v3/Tokens";
+import { useChatToggle } from "@envive-ai/react-hooks/hooks/ChatToggle";
+import { ChatElementDisplayLocationV3 } from "@envive-ai/react-hooks/application/models";
+import { useAtomValue, useSetAtom } from "jotai";
+import { lastAssistantMessageAtom } from "@envive-ai/react-hooks/atoms/chat";
+import { ChatPreviewLoading } from "@envive-ai/react-toolkit-v3/ChatPreviewLoading";
+import { chatPreviewLoadingDataAtom } from "@envive-ai/react-hooks/atoms/widget";
+import { SocialProof } from "@envive-ai/react-toolkit-v3/SocialProof";
+
+//#region src/widgets/SocialProofWidget/SocialProofWidget.tsx
+const SocialProofWidgetHandler = (props) => {
+	const setChatPreviewLoadingData = useSetAtom(chatPreviewLoadingDataAtom);
+	const { onTypedMessageSubmitted } = useSalesAgent();
+	const { openChat } = useChatToggle();
+	const lastAssistantMessage = useAtomValue(lastAssistantMessageAtom);
+	const { hardcopyContent, widgetConfig, uiConfig, isLoading, widgetConfigId } = props;
+	const socialProofWidgetConfig = widgetConfig;
+	const id = widgetConfig?.contentId;
+	const hardCopyContent = {
+		titleLabel: hardcopyContent?.values?.titleLabel,
+		numberOfCustomersText: hardcopyContent?.values?.numberOfCustomersText,
+		customerQueryText: hardcopyContent?.values?.customerQueryText,
+		primaryButtonText: hardcopyContent?.values?.primaryButtonText,
+		secondaryButtonTitleText: hardcopyContent?.values?.secondaryButtonTitleText,
+		secondaryButtonTexts: hardcopyContent?.values?.secondaryButtonTexts,
+		textFieldPlaceholderText: hardcopyContent?.values?.textFieldPlaceholderText
+	};
+	const logoSrc = uiConfig?.lookAndFeel?.widgetLogoSrc;
+	const hideLogo = uiConfig?.lookAndFeel?.hideWidgetLogo;
+	const dynamicImageUrl = getProductImageUrl(lastAssistantMessage);
+	const images = socialProofWidgetConfig?.kind !== SocialProofWidgetKind.DYNAMIC ? socialProofWidgetConfig?.images : [{
+		src: dynamicImageUrl,
+		alt: "Product Image"
+	}];
+	const handlePrimaryButtonClick = useCallback((text) => {
+		onTypedMessageSubmitted({
+			query: text,
+			userTyped: false
+		});
+		openChat(ChatElementDisplayLocationV3.SOCIAL_PROOF_PRIMARY_BUTTON);
+	}, [onTypedMessageSubmitted, openChat]);
+	const handleSecondaryButtonClick = useCallback((text) => {
+		onTypedMessageSubmitted({
+			query: text,
+			userTyped: false
+		});
+		openChat(ChatElementDisplayLocationV3.SOCIAL_PROOF_SECONDARY_BUTTON);
+	}, [onTypedMessageSubmitted, openChat]);
+	const handleTextFieldClick = useCallback(() => {
+		openChat(ChatElementDisplayLocationV3.SOCIAL_PROOF_TEXT_FIELD);
+	}, [openChat]);
+	if (isLoading) return /* @__PURE__ */ jsx(ChatPreviewLoading, { fullIsLoading: true });
+	setChatPreviewLoadingData({
+		widgetConfigId,
+		data: {
+			titleLabel: hardcopyContent?.values?.titleLabel,
+			textFieldPlaceholder: hardcopyContent?.values?.textFieldPlaceholderText,
+			logoSrc,
+			hideLogo: hideLogo ?? false,
+			variant: socialProofWidgetConfig?.variant,
+			hexCardColor: socialProofWidgetConfig?.hexCardColor,
+			hideTextField: socialProofWidgetConfig?.hideTextField ?? false
+		}
+	});
+	const widgetStyleProps = {
+		theme: Theme.GLOBAL_CUSTOM,
+		variant: socialProofWidgetConfig?.variant,
+		primaryButtonVariant: socialProofWidgetConfig?.primaryButtonVariant,
+		secondaryButtonVariant: socialProofWidgetConfig?.secondaryButtonVariant,
+		promptCarouselRows: socialProofWidgetConfig?.promptCarouselRows,
+		imageGalleryLayout: socialProofWidgetConfig?.imageGalleryLayout,
+		hideImage: images?.length === 0 || images === void 0 ? true : socialProofWidgetConfig?.hideImage,
+		hideTextField: socialProofWidgetConfig?.hideTextField,
+		hideLogo,
+		hexCardColor: socialProofWidgetConfig?.hexCardColor,
+		dynamicLayout: socialProofWidgetConfig?.dynamicLayout ?? void 0
+	};
+	const widgetContentProps = {
+		titleLabel: hardCopyContent?.titleLabel,
+		numberOfCustomersText: hardCopyContent?.numberOfCustomersText,
+		customerQueryText: hardCopyContent?.customerQueryText,
+		primaryButtonText: hardCopyContent?.primaryButtonText,
+		secondaryButtonTitleText: hardCopyContent?.secondaryButtonTitleText,
+		secondaryButtonTexts: hardCopyContent?.secondaryButtonTexts,
+		textFieldPlaceholderText: hardCopyContent?.textFieldPlaceholderText,
+		images: images ?? [],
+		logoSrc: logoSrc ?? void 0
+	};
+	return /* @__PURE__ */ jsx(SocialProof, {
+		baseProps: { id },
+		widgetStyleProps,
+		widgetContentProps,
+		widgetEventProps: {
+			handlePrimaryButtonClick,
+			handleSecondaryButtonClick,
+			handleTextFieldClick
+		}
+	});
+};
+const SocialProofWidgetWithBaseWidget = withBaseWidget(SocialProofWidgetHandler);
+const SocialProofWidget = ({ widgetConfigId }) => {
+	return /* @__PURE__ */ jsx(SocialProofWidgetWithBaseWidget, {
+		widgetConfigId,
+		widgetType: WidgetTypeV3.SocialProofV3
+	});
+};
+SocialProofWidget.displayName = "SocialProofWidget";
+
+//#endregion
+export { SocialProofWidget, SocialProofWidgetWithBaseWidget };

package/dist/widgets/SocialProofWidget/index.cjs

@@ -0,0 +1,4 @@
+const require_SocialProofWidget = require('./SocialProofWidget.cjs');
+
+exports.SocialProofWidget = require_SocialProofWidget.SocialProofWidget;
+exports.SocialProofWidgetWithBaseWidget = require_SocialProofWidget.SocialProofWidgetWithBaseWidget;

package/dist/widgets/SocialProofWidget/index.d.cts

@@ -0,0 +1,2 @@
+import { SocialProofWidget, SocialProofWidgetProps, SocialProofWidgetWithBaseWidget } from "./SocialProofWidget.cjs";
+export { SocialProofWidget, type SocialProofWidgetProps, SocialProofWidgetWithBaseWidget };

package/dist/widgets/SocialProofWidget/index.d.ts

@@ -0,0 +1,2 @@
+import { SocialProofWidget, SocialProofWidgetProps, SocialProofWidgetWithBaseWidget } from "./SocialProofWidget.js";
+export { SocialProofWidget, type SocialProofWidgetProps, SocialProofWidgetWithBaseWidget };

package/dist/widgets/SocialProofWidget/index.js

@@ -0,0 +1,3 @@
+import { SocialProofWidget, SocialProofWidgetWithBaseWidget } from "./SocialProofWidget.js";
+
+export { SocialProofWidget, SocialProofWidgetWithBaseWidget };

package/dist/widgets/TitledPromptCarouselWidget/TitledPromptCarouselWidget.cjs

@@ -0,0 +1,67 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_withBaseWidget = require('../../hocs/withBaseWidget/withBaseWidget.cjs');
+require('../../hocs/withBaseWidget/index.cjs');
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let __envive_ai_react_hooks_contexts_typesV3 = require("@envive-ai/react-hooks/contexts/typesV3");
+let __envive_ai_react_hooks_contexts_salesAgentContext = require("@envive-ai/react-hooks/contexts/salesAgentContext");
+let __envive_ai_react_hooks_hooks_ChatToggle = require("@envive-ai/react-hooks/hooks/ChatToggle");
+let __envive_ai_react_hooks_application_models = require("@envive-ai/react-hooks/application/models");
+let __envive_ai_react_toolkit_v3_PromptCarousel = require("@envive-ai/react-toolkit-v3/PromptCarousel");
+let __envive_ai_react_toolkit_v3_TitledPromptCarousel = require("@envive-ai/react-toolkit-v3/TitledPromptCarousel");
+
+//#region src/widgets/TitledPromptCarouselWidget/TitledPromptCarouselWidget.tsx
+const mockButtonTexts = [
+	"Loading button 1",
+	"Loading button 2",
+	"Loading button 3",
+	"Loading button 4",
+	"Loading button 5"
+];
+const mockTitleLabel = "Loading...";
+const TitledPromptCarouselWidgetHandler = (props) => {
+	const { onTypedMessageSubmitted } = (0, __envive_ai_react_hooks_contexts_salesAgentContext.useSalesAgent)();
+	const { openChat } = (0, __envive_ai_react_hooks_hooks_ChatToggle.useChatToggle)();
+	const { hardcopyContent, widgetConfig, isLoading } = props;
+	const hardCopyTitleLabel = hardcopyContent?.values?.titleLabel;
+	const titleLabel = isLoading ? mockTitleLabel : hardCopyTitleLabel;
+	const titleAriaLabel = hardcopyContent?.values?.titleAriaLabel;
+	const promptCarouselAriaLabel = hardcopyContent?.values?.promptCarouselAriaLabel;
+	const promptButtonTexts = hardcopyContent?.values?.promptButtonTexts || [];
+	const buttonTexts = isLoading ? mockButtonTexts : promptButtonTexts;
+	const titledPromptCarouselWidgetConfig = widgetConfig;
+	const id = titledPromptCarouselWidgetConfig?.contentId;
+	const boldFirstButton = titledPromptCarouselWidgetConfig?.boldFirstButton;
+	const promptButtonType = titledPromptCarouselWidgetConfig?.promptButtonType;
+	const promptCarouselRows = titledPromptCarouselWidgetConfig?.promptCarouselRows;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_toolkit_v3_TitledPromptCarousel.TitledPromptCarousel, {
+		id,
+		titleLabel,
+		titleAriaLabel,
+		isLoading,
+		boldFirstButton,
+		promptButtonType,
+		promptCarouselRows,
+		animationSpeed: isLoading ? __envive_ai_react_toolkit_v3_PromptCarousel.AnimationSpeed.FAST : titledPromptCarouselWidgetConfig?.animationSpeed,
+		handleButtonClick: (0, react.useCallback)((text) => {
+			onTypedMessageSubmitted({
+				query: text,
+				userTyped: false
+			});
+			openChat(__envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.TITLED_PROMPT_CAROUSEL);
+		}, [onTypedMessageSubmitted, openChat]),
+		promptButtonTexts: buttonTexts,
+		promptCarouselAriaLabel
+	});
+};
+const TitledPromptCarouselWidgetWithBaseWidget = require_withBaseWidget.withBaseWidget(TitledPromptCarouselWidgetHandler);
+const TitledPromptCarouselWidget = ({ widgetConfigId }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TitledPromptCarouselWidgetWithBaseWidget, {
+		widgetConfigId,
+		widgetType: __envive_ai_react_hooks_contexts_typesV3.WidgetTypeV3.TitledPromptCarouselV3
+	});
+};
+TitledPromptCarouselWidget.displayName = "TitledPromptCarouselWidget";
+
+//#endregion
+exports.TitledPromptCarouselWidget = TitledPromptCarouselWidget;

package/dist/widgets/TitledPromptCarouselWidget/TitledPromptCarouselWidget.d.cts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime12 from "react/jsx-runtime";
+
+//#region src/widgets/TitledPromptCarouselWidget/TitledPromptCarouselWidget.d.ts
+interface TitledPromptCarouselWidgetProps {
+  widgetConfigId: string;
+}
+declare const TitledPromptCarouselWidget: {
+  ({
+    widgetConfigId
+  }: TitledPromptCarouselWidgetProps): react_jsx_runtime12.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { TitledPromptCarouselWidget, TitledPromptCarouselWidgetProps };

package/dist/widgets/TitledPromptCarouselWidget/TitledPromptCarouselWidget.d.ts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime10 from "react/jsx-runtime";
+
+//#region src/widgets/TitledPromptCarouselWidget/TitledPromptCarouselWidget.d.ts
+interface TitledPromptCarouselWidgetProps {
+  widgetConfigId: string;
+}
+declare const TitledPromptCarouselWidget: {
+  ({
+    widgetConfigId
+  }: TitledPromptCarouselWidgetProps): react_jsx_runtime10.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { TitledPromptCarouselWidget, TitledPromptCarouselWidgetProps };

package/dist/widgets/TitledPromptCarouselWidget/TitledPromptCarouselWidget.js

@@ -0,0 +1,66 @@
+import { withBaseWidget } from "../../hocs/withBaseWidget/withBaseWidget.js";
+import "../../hocs/withBaseWidget/index.js";
+import { useCallback } from "react";
+import { jsx } from "react/jsx-runtime";
+import { WidgetTypeV3 } from "@envive-ai/react-hooks/contexts/typesV3";
+import { useSalesAgent } from "@envive-ai/react-hooks/contexts/salesAgentContext";
+import { useChatToggle } from "@envive-ai/react-hooks/hooks/ChatToggle";
+import { ChatElementDisplayLocationV3 } from "@envive-ai/react-hooks/application/models";
+import { AnimationSpeed } from "@envive-ai/react-toolkit-v3/PromptCarousel";
+import { TitledPromptCarousel } from "@envive-ai/react-toolkit-v3/TitledPromptCarousel";
+
+//#region src/widgets/TitledPromptCarouselWidget/TitledPromptCarouselWidget.tsx
+const mockButtonTexts = [
+	"Loading button 1",
+	"Loading button 2",
+	"Loading button 3",
+	"Loading button 4",
+	"Loading button 5"
+];
+const mockTitleLabel = "Loading...";
+const TitledPromptCarouselWidgetHandler = (props) => {
+	const { onTypedMessageSubmitted } = useSalesAgent();
+	const { openChat } = useChatToggle();
+	const { hardcopyContent, widgetConfig, isLoading } = props;
+	const hardCopyTitleLabel = hardcopyContent?.values?.titleLabel;
+	const titleLabel = isLoading ? mockTitleLabel : hardCopyTitleLabel;
+	const titleAriaLabel = hardcopyContent?.values?.titleAriaLabel;
+	const promptCarouselAriaLabel = hardcopyContent?.values?.promptCarouselAriaLabel;
+	const promptButtonTexts = hardcopyContent?.values?.promptButtonTexts || [];
+	const buttonTexts = isLoading ? mockButtonTexts : promptButtonTexts;
+	const titledPromptCarouselWidgetConfig = widgetConfig;
+	const id = titledPromptCarouselWidgetConfig?.contentId;
+	const boldFirstButton = titledPromptCarouselWidgetConfig?.boldFirstButton;
+	const promptButtonType = titledPromptCarouselWidgetConfig?.promptButtonType;
+	const promptCarouselRows = titledPromptCarouselWidgetConfig?.promptCarouselRows;
+	return /* @__PURE__ */ jsx(TitledPromptCarousel, {
+		id,
+		titleLabel,
+		titleAriaLabel,
+		isLoading,
+		boldFirstButton,
+		promptButtonType,
+		promptCarouselRows,
+		animationSpeed: isLoading ? AnimationSpeed.FAST : titledPromptCarouselWidgetConfig?.animationSpeed,
+		handleButtonClick: useCallback((text) => {
+			onTypedMessageSubmitted({
+				query: text,
+				userTyped: false
+			});
+			openChat(ChatElementDisplayLocationV3.TITLED_PROMPT_CAROUSEL);
+		}, [onTypedMessageSubmitted, openChat]),
+		promptButtonTexts: buttonTexts,
+		promptCarouselAriaLabel
+	});
+};
+const TitledPromptCarouselWidgetWithBaseWidget = withBaseWidget(TitledPromptCarouselWidgetHandler);
+const TitledPromptCarouselWidget = ({ widgetConfigId }) => {
+	return /* @__PURE__ */ jsx(TitledPromptCarouselWidgetWithBaseWidget, {
+		widgetConfigId,
+		widgetType: WidgetTypeV3.TitledPromptCarouselV3
+	});
+};
+TitledPromptCarouselWidget.displayName = "TitledPromptCarouselWidget";
+
+//#endregion
+export { TitledPromptCarouselWidget };

package/dist/widgets/TitledPromptCarouselWidget/index.cjs

@@ -0,0 +1,3 @@
+const require_TitledPromptCarouselWidget = require('./TitledPromptCarouselWidget.cjs');
+
+exports.TitledPromptCarouselWidget = require_TitledPromptCarouselWidget.TitledPromptCarouselWidget;

package/dist/widgets/TitledPromptCarouselWidget/index.d.cts

@@ -0,0 +1,2 @@
+import { TitledPromptCarouselWidget, TitledPromptCarouselWidgetProps } from "./TitledPromptCarouselWidget.cjs";
+export { TitledPromptCarouselWidget, type TitledPromptCarouselWidgetProps };

package/dist/widgets/TitledPromptCarouselWidget/index.d.ts

@@ -0,0 +1,2 @@
+import { TitledPromptCarouselWidget, TitledPromptCarouselWidgetProps } from "./TitledPromptCarouselWidget.js";
+export { TitledPromptCarouselWidget, type TitledPromptCarouselWidgetProps };

package/dist/widgets/TitledPromptCarouselWidget/index.js

@@ -0,0 +1,3 @@
+import { TitledPromptCarouselWidget } from "./TitledPromptCarouselWidget.js";
+
+export { TitledPromptCarouselWidget };

package/dist/widgets/TypingAnimationFlowWidget/TypingAnimationFlowWidget.cjs

@@ -0,0 +1,35 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_useGetWidgetStatus = require('../hooks/useGetWidgetStatus.cjs');
+const require_ChatPreviewLoadingWidget = require('../ChatPreviewLoadingWidget/ChatPreviewLoadingWidget.cjs');
+const require_ChatPreviewWidget = require('../ChatPreviewWidget/ChatPreviewWidget.cjs');
+const require_ChatPreviewComparisonWidget = require('../ChatPreviewComparisonWidget/ChatPreviewComparisonWidget.cjs');
+const require_TypingAnimationWidget = require('../TypingAnimationWidget/TypingAnimationWidget.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+let __envive_ai_react_hooks_contexts_typesV3 = require("@envive-ai/react-hooks/contexts/typesV3");
+let __envive_ai_react_toolkit_v3_ChatPreviewLoading = require("@envive-ai/react-toolkit-v3/ChatPreviewLoading");
+
+//#region src/widgets/TypingAnimationFlowWidget/TypingAnimationFlowWidget.tsx
+const TypingAnimationFlowWidget = ({ widgetConfigId }) => {
+	const { userHasInteractedValue, userHasNotInteractedValue, isLoadingValue, isProductComparisonValue } = require_useGetWidgetStatus.default();
+	if (userHasInteractedValue) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ChatPreviewWidget.ChatPreviewWidgetWithBaseWidget, {
+		widgetConfigId,
+		widgetType: __envive_ai_react_hooks_contexts_typesV3.WidgetTypeV3.ChatPreviewV3
+	});
+	if (userHasNotInteractedValue) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_TypingAnimationWidget.TypingAnimationWithBaseWidget, {
+		widgetConfigId,
+		widgetType: __envive_ai_react_hooks_contexts_typesV3.WidgetTypeV3.TypingAnimationV3
+	});
+	if (isLoadingValue) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ChatPreviewLoadingWidget.ChatPreviewLoadingWidgetWithBaseWidget, {
+		widgetConfigId,
+		widgetType: __envive_ai_react_hooks_contexts_typesV3.WidgetTypeV3.ChatPreviewLoadingV3
+	});
+	if (isProductComparisonValue) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ChatPreviewComparisonWidget.ChatPreviewComparisonWidgetWithBaseWidget, {
+		widgetConfigId,
+		widgetType: __envive_ai_react_hooks_contexts_typesV3.WidgetTypeV3.ChatPreviewComparisonV3
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_toolkit_v3_ChatPreviewLoading.ChatPreviewLoading, { fullIsLoading: true });
+};
+TypingAnimationFlowWidget.displayName = "TypingAnimationFlowWidget";
+
+//#endregion
+exports.TypingAnimationFlowWidget = TypingAnimationFlowWidget;

package/dist/widgets/TypingAnimationFlowWidget/TypingAnimationFlowWidget.d.cts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime16 from "react/jsx-runtime";
+
+//#region src/widgets/TypingAnimationFlowWidget/TypingAnimationFlowWidget.d.ts
+interface TypingAnimationFlowWidgetProps {
+  widgetConfigId: string;
+}
+declare const TypingAnimationFlowWidget: {
+  ({
+    widgetConfigId
+  }: TypingAnimationFlowWidgetProps): react_jsx_runtime16.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { TypingAnimationFlowWidget, TypingAnimationFlowWidgetProps };

package/dist/widgets/TypingAnimationFlowWidget/TypingAnimationFlowWidget.d.ts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime16 from "react/jsx-runtime";
+
+//#region src/widgets/TypingAnimationFlowWidget/TypingAnimationFlowWidget.d.ts
+interface TypingAnimationFlowWidgetProps {
+  widgetConfigId: string;
+}
+declare const TypingAnimationFlowWidget: {
+  ({
+    widgetConfigId
+  }: TypingAnimationFlowWidgetProps): react_jsx_runtime16.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { TypingAnimationFlowWidget, TypingAnimationFlowWidgetProps };

package/dist/widgets/TypingAnimationFlowWidget/TypingAnimationFlowWidget.js

@@ -0,0 +1,34 @@
+import useGetWidgetStatus_default from "../hooks/useGetWidgetStatus.js";
+import { ChatPreviewLoadingWidgetWithBaseWidget } from "../ChatPreviewLoadingWidget/ChatPreviewLoadingWidget.js";
+import { ChatPreviewWidgetWithBaseWidget } from "../ChatPreviewWidget/ChatPreviewWidget.js";
+import { ChatPreviewComparisonWidgetWithBaseWidget } from "../ChatPreviewComparisonWidget/ChatPreviewComparisonWidget.js";
+import { TypingAnimationWithBaseWidget } from "../TypingAnimationWidget/TypingAnimationWidget.js";
+import { jsx } from "react/jsx-runtime";
+import { WidgetTypeV3 } from "@envive-ai/react-hooks/contexts/typesV3";
+import { ChatPreviewLoading } from "@envive-ai/react-toolkit-v3/ChatPreviewLoading";
+
+//#region src/widgets/TypingAnimationFlowWidget/TypingAnimationFlowWidget.tsx
+const TypingAnimationFlowWidget = ({ widgetConfigId }) => {
+	const { userHasInteractedValue, userHasNotInteractedValue, isLoadingValue, isProductComparisonValue } = useGetWidgetStatus_default();
+	if (userHasInteractedValue) return /* @__PURE__ */ jsx(ChatPreviewWidgetWithBaseWidget, {
+		widgetConfigId,
+		widgetType: WidgetTypeV3.ChatPreviewV3
+	});
+	if (userHasNotInteractedValue) return /* @__PURE__ */ jsx(TypingAnimationWithBaseWidget, {
+		widgetConfigId,
+		widgetType: WidgetTypeV3.TypingAnimationV3
+	});
+	if (isLoadingValue) return /* @__PURE__ */ jsx(ChatPreviewLoadingWidgetWithBaseWidget, {
+		widgetConfigId,
+		widgetType: WidgetTypeV3.ChatPreviewLoadingV3
+	});
+	if (isProductComparisonValue) return /* @__PURE__ */ jsx(ChatPreviewComparisonWidgetWithBaseWidget, {
+		widgetConfigId,
+		widgetType: WidgetTypeV3.ChatPreviewComparisonV3
+	});
+	return /* @__PURE__ */ jsx(ChatPreviewLoading, { fullIsLoading: true });
+};
+TypingAnimationFlowWidget.displayName = "TypingAnimationFlowWidget";
+
+//#endregion
+export { TypingAnimationFlowWidget };

package/dist/widgets/TypingAnimationFlowWidget/index.cjs

@@ -0,0 +1,3 @@
+const require_TypingAnimationFlowWidget = require('./TypingAnimationFlowWidget.cjs');
+
+exports.TypingAnimationFlowWidget = require_TypingAnimationFlowWidget.TypingAnimationFlowWidget;

package/dist/widgets/TypingAnimationFlowWidget/index.d.cts

@@ -0,0 +1,2 @@
+import { TypingAnimationFlowWidget, TypingAnimationFlowWidgetProps } from "./TypingAnimationFlowWidget.cjs";
+export { TypingAnimationFlowWidget, type TypingAnimationFlowWidgetProps };

package/dist/widgets/TypingAnimationFlowWidget/index.d.ts

@@ -0,0 +1,2 @@
+import { TypingAnimationFlowWidget, TypingAnimationFlowWidgetProps } from "./TypingAnimationFlowWidget.js";
+export { TypingAnimationFlowWidget, type TypingAnimationFlowWidgetProps };

package/dist/widgets/TypingAnimationFlowWidget/index.js

@@ -0,0 +1,3 @@
+import { TypingAnimationFlowWidget } from "./TypingAnimationFlowWidget.js";
+
+export { TypingAnimationFlowWidget };

package/dist/widgets/TypingAnimationWidget/TypingAnimationWidget.cjs

@@ -0,0 +1,90 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_withBaseWidget = require('../../hocs/withBaseWidget/withBaseWidget.cjs');
+require('../../hocs/withBaseWidget/index.cjs');
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let __envive_ai_react_hooks_contexts_typesV3 = require("@envive-ai/react-hooks/contexts/typesV3");
+let __envive_ai_react_hooks_contexts_salesAgentContext = require("@envive-ai/react-hooks/contexts/salesAgentContext");
+let __envive_ai_react_hooks_application_models = require("@envive-ai/react-hooks/application/models");
+let jotai = require("jotai");
+let __envive_ai_react_hooks_atoms_chat_chatState = require("@envive-ai/react-hooks/atoms/chat/chatState");
+let __envive_ai_react_toolkit_v3_PromptCarousel = require("@envive-ai/react-toolkit-v3/PromptCarousel");
+let __envive_ai_react_toolkit_v3_PromptButton_types = require("@envive-ai/react-toolkit-v3/PromptButton/types");
+let __envive_ai_react_toolkit_v3_WidgetWrapper = require("@envive-ai/react-toolkit-v3/WidgetWrapper");
+let __envive_ai_react_toolkit_v3_TypingAnimation = require("@envive-ai/react-toolkit-v3/TypingAnimation");
+
+//#region src/widgets/TypingAnimationWidget/TypingAnimationWidget.tsx
+const mockButtonTexts = [
+	"Loading button 1",
+	"Loading button 2",
+	"Loading button 3",
+	"Loading button 4"
+];
+const mockTitleLabel = "Loading...";
+const mockHeadlineText = "Loading";
+const mockAnimatedTextSequence = ["..."];
+const mockHintText = "Ask me anything";
+const TypingAnimationWidgetHandler = (props) => {
+	const { onTypedMessageSubmitted } = (0, __envive_ai_react_hooks_contexts_salesAgentContext.useSalesAgent)();
+	const onToggle = (0, jotai.useSetAtom)(__envive_ai_react_hooks_atoms_chat_chatState.chatOnToggleAtom);
+	const { hardcopyContent, widgetConfig, isLoading } = props;
+	const titleLabel = hardcopyContent?.values?.titleLabel || "";
+	const headlineText = hardcopyContent?.values?.headlineText || "";
+	const animatedTextSequence = hardcopyContent?.values?.animatedTextSequence || [];
+	const hintText = hardcopyContent?.values?.hintText;
+	const textFieldAriaLabel = hardcopyContent?.values?.textFieldAriaLabel;
+	const promptButtonTexts = hardcopyContent?.values?.promptButtonTexts || [];
+	const buttonTexts = isLoading ? mockButtonTexts : promptButtonTexts;
+	const typingAnimationWidgetConfig = widgetConfig;
+	const id = typingAnimationWidgetConfig?.contentId;
+	const widgetVariant = typingAnimationWidgetConfig?.widgetVariant || __envive_ai_react_toolkit_v3_WidgetWrapper.WidgetWrapperVariant.CARD_WITH_BORDER;
+	const cardColor = typingAnimationWidgetConfig?.cardColor;
+	const promptButtonType = typingAnimationWidgetConfig?.promptButtonType || __envive_ai_react_toolkit_v3_PromptButton_types.PromptButtonVariant.LIGHT;
+	const promptCarouselRows = typingAnimationWidgetConfig?.promptCarouselRows || __envive_ai_react_toolkit_v3_PromptCarousel.PromptCarouselRows.ALWAYS_ONE;
+	const showTextField = typingAnimationWidgetConfig?.showTextField !== false;
+	const handleButtonClick = (0, react.useCallback)((text) => {
+		onTypedMessageSubmitted({
+			query: text,
+			userTyped: false
+		});
+		onToggle(__envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.TYPING_ANIMATION);
+	}, [onTypedMessageSubmitted, onToggle]);
+	const handleTextFieldClick = (0, react.useCallback)(() => {
+		onToggle(__envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.TYPING_ANIMATION);
+	}, [onToggle]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_toolkit_v3_TypingAnimation.TypingAnimation, {
+		baseProps: { id },
+		widgetContentProps: {
+			titleLabel: isLoading ? mockTitleLabel : titleLabel,
+			headlineText: isLoading ? mockHeadlineText : headlineText,
+			animatedTextSequence: isLoading ? mockAnimatedTextSequence : animatedTextSequence,
+			promptButtonTexts: buttonTexts,
+			hintText: isLoading ? mockHintText : hintText,
+			textFieldAriaLabel
+		},
+		widgetStyleProps: {
+			widgetVariant,
+			cardColor,
+			promptButtonType,
+			promptCarouselRows,
+			showTextField,
+			isLoading
+		},
+		widgetEventProps: {
+			handleButtonClick,
+			handleTextFieldClick
+		}
+	});
+};
+const TypingAnimationWithBaseWidget = require_withBaseWidget.withBaseWidget(TypingAnimationWidgetHandler);
+const TypingAnimationWidget = ({ widgetConfigId }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TypingAnimationWithBaseWidget, {
+		widgetConfigId,
+		widgetType: __envive_ai_react_hooks_contexts_typesV3.WidgetTypeV3.TypingAnimationV3
+	});
+};
+TypingAnimationWidget.displayName = "TypingAnimationWidget";
+
+//#endregion
+exports.TypingAnimationWidget = TypingAnimationWidget;
+exports.TypingAnimationWithBaseWidget = TypingAnimationWithBaseWidget;

package/dist/widgets/TypingAnimationWidget/TypingAnimationWidget.d.cts

@@ -0,0 +1,19 @@
+import { BaseWidgetProps } from "../../hocs/withBaseWidget/types.cjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/widgets/TypingAnimationWidget/TypingAnimationWidget.d.ts
+declare const TypingAnimationWithBaseWidget: {
+  (props: BaseWidgetProps): react_jsx_runtime0.JSX.Element;
+  displayName: string;
+};
+interface TypingAnimationWidgetProps {
+  widgetConfigId: string;
+}
+declare const TypingAnimationWidget: {
+  ({
+    widgetConfigId
+  }: TypingAnimationWidgetProps): react_jsx_runtime0.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { TypingAnimationWidget, TypingAnimationWidgetProps, TypingAnimationWithBaseWidget };

package/dist/widgets/TypingAnimationWidget/TypingAnimationWidget.d.ts

@@ -0,0 +1,19 @@
+import { BaseWidgetProps } from "../../hocs/withBaseWidget/types.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/widgets/TypingAnimationWidget/TypingAnimationWidget.d.ts
+declare const TypingAnimationWithBaseWidget: {
+  (props: BaseWidgetProps): react_jsx_runtime0.JSX.Element;
+  displayName: string;
+};
+interface TypingAnimationWidgetProps {
+  widgetConfigId: string;
+}
+declare const TypingAnimationWidget: {
+  ({
+    widgetConfigId
+  }: TypingAnimationWidgetProps): react_jsx_runtime0.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { TypingAnimationWidget, TypingAnimationWidgetProps, TypingAnimationWithBaseWidget };