@envive-ai/react-widgets-v3 0.3.2

package/dist/widgets/PromptButtonCarouselWithImageWidget/PromptButtonCarouselWithImageWidget.cjs

@@ -0,0 +1,60 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_withBaseWidget = require('../../hocs/withBaseWidget/withBaseWidget.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_toolkit_v3_Tokens = require("@envive-ai/react-toolkit-v3/Tokens");
+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_PromptButtonCarouselWithImage = require("@envive-ai/react-toolkit-v3/PromptButtonCarouselWithImage");
+
+//#region src/widgets/PromptButtonCarouselWithImageWidget/PromptButtonCarouselWithImageWidget.tsx
+const PromptButtonCarouselWithImageWidgetHandler = (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 promptButtonCarouselWithImageWidgetConfig = widgetConfig;
+	const id = widgetConfig?.contentId;
+	const hardCopyContent = {
+		title: hardcopyContent?.values?.titleLabel,
+		promptButtonsTexts: hardcopyContent?.values?.promptButtonsTexts,
+		textFieldPlaceholder: hardcopyContent?.values?.textFieldPlaceholderText
+	};
+	const handlePromptButtonClick = (0, react.useCallback)((text) => {
+		onTypedMessageSubmitted({
+			query: text,
+			userTyped: false
+		});
+		openChat(__envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.PROMPT_BUTTON_CAROUSEL_WITH_IMAGE_PROMPT_BUTTON);
+	}, [onTypedMessageSubmitted, openChat]);
+	const handleTextFieldClick = (0, react.useCallback)(() => {
+		openChat(__envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.PROMPT_BUTTON_CAROUSEL_WITH_IMAGE_TEXT_FIELD);
+	}, [openChat]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_toolkit_v3_PromptButtonCarouselWithImage.PromptButtonCarouselWithImage, {
+		id,
+		theme: __envive_ai_react_toolkit_v3_Tokens.Theme.GLOBAL_CUSTOM,
+		isLoading,
+		title: hardCopyContent?.title,
+		promptButtonsTexts: hardCopyContent?.promptButtonsTexts,
+		promptButtonType: promptButtonCarouselWithImageWidgetConfig?.promptButtonType,
+		imageSrc: promptButtonCarouselWithImageWidgetConfig?.image?.src,
+		alt: promptButtonCarouselWithImageWidgetConfig?.image?.alt,
+		textFieldPlaceholder: hardCopyContent?.textFieldPlaceholder,
+		hideTextField: promptButtonCarouselWithImageWidgetConfig?.hideTextField,
+		handlePromptButtonClick,
+		handleTextFieldClick
+	});
+};
+const PromptButtonCarouselWithImageWidgetWithBaseWidget = require_withBaseWidget.withBaseWidget(PromptButtonCarouselWithImageWidgetHandler);
+const PromptButtonCarouselWithImageWidget = ({ widgetConfigId }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PromptButtonCarouselWithImageWidgetWithBaseWidget, {
+		widgetConfigId,
+		widgetType: __envive_ai_react_hooks_contexts_typesV3.WidgetTypeV3.PromptButtonCarouselWithImageV3
+	});
+};
+PromptButtonCarouselWithImageWidget.displayName = "PromptButtonCarouselWithImageWidget";
+
+//#endregion
+exports.PromptButtonCarouselWithImageWidget = PromptButtonCarouselWithImageWidget;
+exports.PromptButtonCarouselWithImageWidgetWithBaseWidget = PromptButtonCarouselWithImageWidgetWithBaseWidget;

package/dist/widgets/PromptButtonCarouselWithImageWidget/PromptButtonCarouselWithImageWidget.d.cts

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

package/dist/widgets/PromptButtonCarouselWithImageWidget/PromptButtonCarouselWithImageWidget.d.ts

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

package/dist/widgets/PromptButtonCarouselWithImageWidget/PromptButtonCarouselWithImageWidget.js

@@ -0,0 +1,58 @@
+import { withBaseWidget } from "../../hocs/withBaseWidget/withBaseWidget.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 { 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 { PromptButtonCarouselWithImage } from "@envive-ai/react-toolkit-v3/PromptButtonCarouselWithImage";
+
+//#region src/widgets/PromptButtonCarouselWithImageWidget/PromptButtonCarouselWithImageWidget.tsx
+const PromptButtonCarouselWithImageWidgetHandler = (props) => {
+	const { onTypedMessageSubmitted } = useSalesAgent();
+	const { openChat } = useChatToggle();
+	const { hardcopyContent, widgetConfig, isLoading } = props;
+	const promptButtonCarouselWithImageWidgetConfig = widgetConfig;
+	const id = widgetConfig?.contentId;
+	const hardCopyContent = {
+		title: hardcopyContent?.values?.titleLabel,
+		promptButtonsTexts: hardcopyContent?.values?.promptButtonsTexts,
+		textFieldPlaceholder: hardcopyContent?.values?.textFieldPlaceholderText
+	};
+	const handlePromptButtonClick = useCallback((text) => {
+		onTypedMessageSubmitted({
+			query: text,
+			userTyped: false
+		});
+		openChat(ChatElementDisplayLocationV3.PROMPT_BUTTON_CAROUSEL_WITH_IMAGE_PROMPT_BUTTON);
+	}, [onTypedMessageSubmitted, openChat]);
+	const handleTextFieldClick = useCallback(() => {
+		openChat(ChatElementDisplayLocationV3.PROMPT_BUTTON_CAROUSEL_WITH_IMAGE_TEXT_FIELD);
+	}, [openChat]);
+	return /* @__PURE__ */ jsx(PromptButtonCarouselWithImage, {
+		id,
+		theme: Theme.GLOBAL_CUSTOM,
+		isLoading,
+		title: hardCopyContent?.title,
+		promptButtonsTexts: hardCopyContent?.promptButtonsTexts,
+		promptButtonType: promptButtonCarouselWithImageWidgetConfig?.promptButtonType,
+		imageSrc: promptButtonCarouselWithImageWidgetConfig?.image?.src,
+		alt: promptButtonCarouselWithImageWidgetConfig?.image?.alt,
+		textFieldPlaceholder: hardCopyContent?.textFieldPlaceholder,
+		hideTextField: promptButtonCarouselWithImageWidgetConfig?.hideTextField,
+		handlePromptButtonClick,
+		handleTextFieldClick
+	});
+};
+const PromptButtonCarouselWithImageWidgetWithBaseWidget = withBaseWidget(PromptButtonCarouselWithImageWidgetHandler);
+const PromptButtonCarouselWithImageWidget = ({ widgetConfigId }) => {
+	return /* @__PURE__ */ jsx(PromptButtonCarouselWithImageWidgetWithBaseWidget, {
+		widgetConfigId,
+		widgetType: WidgetTypeV3.PromptButtonCarouselWithImageV3
+	});
+};
+PromptButtonCarouselWithImageWidget.displayName = "PromptButtonCarouselWithImageWidget";
+
+//#endregion
+export { PromptButtonCarouselWithImageWidget, PromptButtonCarouselWithImageWidgetWithBaseWidget };

package/dist/widgets/PromptButtonCarouselWithImageWidget/index.cjs

@@ -0,0 +1,4 @@
+const require_PromptButtonCarouselWithImageWidget = require('./PromptButtonCarouselWithImageWidget.cjs');
+
+exports.PromptButtonCarouselWithImageWidget = require_PromptButtonCarouselWithImageWidget.PromptButtonCarouselWithImageWidget;
+exports.PromptButtonCarouselWithImageWidgetWithBaseWidget = require_PromptButtonCarouselWithImageWidget.PromptButtonCarouselWithImageWidgetWithBaseWidget;

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

@@ -0,0 +1,2 @@
+import { PromptButtonCarouselWithImageWidget, PromptButtonCarouselWithImageWidgetWithBaseWidget } from "./PromptButtonCarouselWithImageWidget.cjs";
+export { PromptButtonCarouselWithImageWidget, PromptButtonCarouselWithImageWidgetWithBaseWidget };

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

@@ -0,0 +1,2 @@
+import { PromptButtonCarouselWithImageWidget, PromptButtonCarouselWithImageWidgetWithBaseWidget } from "./PromptButtonCarouselWithImageWidget.js";
+export { PromptButtonCarouselWithImageWidget, PromptButtonCarouselWithImageWidgetWithBaseWidget };

package/dist/widgets/PromptButtonCarouselWithImageWidget/index.js

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

package/dist/widgets/PromptCarouselWidget/PromptCarouselWidget.cjs

@@ -0,0 +1,64 @@
+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_toolkit_v3_Tokens = require("@envive-ai/react-toolkit-v3/Tokens");
+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_types_types = require("@envive-ai/react-toolkit-v3/PromptCarousel/types/types");
+let __envive_ai_react_toolkit_v3_PromptCarousel = require("@envive-ai/react-toolkit-v3/PromptCarousel");
+
+//#region src/widgets/PromptCarouselWidget/PromptCarouselWidget.tsx
+const mockButtonTexts = [
+	"Loading button 1",
+	"Loading button 2",
+	"Loading button 3",
+	"Loading button 4",
+	"Loading button 5"
+];
+const PromptCarouselWidgetHandler = (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 promptButtonTexts = hardcopyContent?.values?.promptButtonTexts || [];
+	const buttonTexts = isLoading ? mockButtonTexts : promptButtonTexts;
+	const promptCarouselWidgetConfig = widgetConfig;
+	const id = promptCarouselWidgetConfig?.contentId;
+	const boldFirstButton = promptCarouselWidgetConfig?.boldFirstButton;
+	const promptButtonType = promptCarouselWidgetConfig?.promptButtonType;
+	const promptCarouselRows = promptCarouselWidgetConfig?.promptCarouselRows;
+	const animationSpeed = isLoading ? __envive_ai_react_toolkit_v3_PromptCarousel_types_types.AnimationSpeed.FAST : promptCarouselWidgetConfig?.animationSpeed;
+	const handleButtonClick = (0, react.useCallback)((text) => {
+		onTypedMessageSubmitted({
+			query: text,
+			userTyped: false
+		});
+		openChat(__envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.PROMPT_CAROUSEL);
+	}, [onTypedMessageSubmitted, openChat]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_toolkit_v3_PromptCarousel.PromptCarousel, {
+		id,
+		theme: __envive_ai_react_toolkit_v3_Tokens.Theme.GLOBAL_CUSTOM,
+		isLoading,
+		boldFirstButton,
+		promptButtonType,
+		promptCarouselRows,
+		animationSpeed,
+		handleButtonClick,
+		promptButtonTexts: buttonTexts,
+		...props
+	});
+};
+const PromptCarouselWidgetWithBaseWidget = require_withBaseWidget.withBaseWidget(PromptCarouselWidgetHandler);
+const PromptCarouselWidget = ({ widgetConfigId }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PromptCarouselWidgetWithBaseWidget, {
+		widgetConfigId,
+		widgetType: __envive_ai_react_hooks_contexts_typesV3.WidgetTypeV3.PromptCarouselV3
+	});
+};
+PromptCarouselWidget.displayName = "PromptCarouselWidget";
+
+//#endregion
+exports.PromptCarouselWidget = PromptCarouselWidget;

package/dist/widgets/PromptCarouselWidget/PromptCarouselWidget.d.cts

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

package/dist/widgets/PromptCarouselWidget/PromptCarouselWidget.d.ts

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

package/dist/widgets/PromptCarouselWidget/PromptCarouselWidget.js

@@ -0,0 +1,63 @@
+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 { 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 { AnimationSpeed } from "@envive-ai/react-toolkit-v3/PromptCarousel/types/types";
+import { PromptCarousel } from "@envive-ai/react-toolkit-v3/PromptCarousel";
+
+//#region src/widgets/PromptCarouselWidget/PromptCarouselWidget.tsx
+const mockButtonTexts = [
+	"Loading button 1",
+	"Loading button 2",
+	"Loading button 3",
+	"Loading button 4",
+	"Loading button 5"
+];
+const PromptCarouselWidgetHandler = (props) => {
+	const { onTypedMessageSubmitted } = useSalesAgent();
+	const { openChat } = useChatToggle();
+	const { hardcopyContent, widgetConfig, isLoading } = props;
+	const promptButtonTexts = hardcopyContent?.values?.promptButtonTexts || [];
+	const buttonTexts = isLoading ? mockButtonTexts : promptButtonTexts;
+	const promptCarouselWidgetConfig = widgetConfig;
+	const id = promptCarouselWidgetConfig?.contentId;
+	const boldFirstButton = promptCarouselWidgetConfig?.boldFirstButton;
+	const promptButtonType = promptCarouselWidgetConfig?.promptButtonType;
+	const promptCarouselRows = promptCarouselWidgetConfig?.promptCarouselRows;
+	const animationSpeed = isLoading ? AnimationSpeed.FAST : promptCarouselWidgetConfig?.animationSpeed;
+	const handleButtonClick = useCallback((text) => {
+		onTypedMessageSubmitted({
+			query: text,
+			userTyped: false
+		});
+		openChat(ChatElementDisplayLocationV3.PROMPT_CAROUSEL);
+	}, [onTypedMessageSubmitted, openChat]);
+	return /* @__PURE__ */ jsx(PromptCarousel, {
+		id,
+		theme: Theme.GLOBAL_CUSTOM,
+		isLoading,
+		boldFirstButton,
+		promptButtonType,
+		promptCarouselRows,
+		animationSpeed,
+		handleButtonClick,
+		promptButtonTexts: buttonTexts,
+		...props
+	});
+};
+const PromptCarouselWidgetWithBaseWidget = withBaseWidget(PromptCarouselWidgetHandler);
+const PromptCarouselWidget = ({ widgetConfigId }) => {
+	return /* @__PURE__ */ jsx(PromptCarouselWidgetWithBaseWidget, {
+		widgetConfigId,
+		widgetType: WidgetTypeV3.PromptCarouselV3
+	});
+};
+PromptCarouselWidget.displayName = "PromptCarouselWidget";
+
+//#endregion
+export { PromptCarouselWidget };

package/dist/widgets/PromptCarouselWidget/index.cjs

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

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

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

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

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

package/dist/widgets/PromptCarouselWidget/index.js

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

package/dist/widgets/SocialProofFlowWidget/SocialProofFlowWidget.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_SocialProofWidget = require('../SocialProofWidget/SocialProofWidget.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/SocialProofFlowWidget/SocialProofFlowWidget.tsx
+const SocialProofFlowWidget = ({ 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_SocialProofWidget.SocialProofWidgetWithBaseWidget, {
+		widgetConfigId,
+		widgetType: __envive_ai_react_hooks_contexts_typesV3.WidgetTypeV3.SocialProofV3
+	});
+	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 });
+};
+SocialProofFlowWidget.displayName = "SocialProofFlowWidget";
+
+//#endregion
+exports.SocialProofFlowWidget = SocialProofFlowWidget;

package/dist/widgets/SocialProofFlowWidget/SocialProofFlowWidget.d.cts

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

package/dist/widgets/SocialProofFlowWidget/SocialProofFlowWidget.d.ts

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

package/dist/widgets/SocialProofFlowWidget/SocialProofFlowWidget.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 { SocialProofWidgetWithBaseWidget } from "../SocialProofWidget/SocialProofWidget.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/SocialProofFlowWidget/SocialProofFlowWidget.tsx
+const SocialProofFlowWidget = ({ widgetConfigId }) => {
+	const { userHasInteractedValue, userHasNotInteractedValue, isLoadingValue, isProductComparisonValue } = useGetWidgetStatus_default();
+	if (userHasInteractedValue) return /* @__PURE__ */ jsx(ChatPreviewWidgetWithBaseWidget, {
+		widgetConfigId,
+		widgetType: WidgetTypeV3.ChatPreviewV3
+	});
+	if (userHasNotInteractedValue) return /* @__PURE__ */ jsx(SocialProofWidgetWithBaseWidget, {
+		widgetConfigId,
+		widgetType: WidgetTypeV3.SocialProofV3
+	});
+	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 });
+};
+SocialProofFlowWidget.displayName = "SocialProofFlowWidget";
+
+//#endregion
+export { SocialProofFlowWidget };

package/dist/widgets/SocialProofFlowWidget/index.cjs

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

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

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

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

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

package/dist/widgets/SocialProofFlowWidget/index.js

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

package/dist/widgets/SocialProofWidget/SocialProofWidget.cjs

@@ -0,0 +1,118 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_withBaseWidget = require('../../hocs/withBaseWidget/withBaseWidget.cjs');
+const require_functions = require('../utils/functions.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_toolkit_v3_Tokens = require("@envive-ai/react-toolkit-v3/Tokens");
+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 jotai = require("jotai");
+let __envive_ai_react_hooks_atoms_chat = require("@envive-ai/react-hooks/atoms/chat");
+let __envive_ai_react_toolkit_v3_ChatPreviewLoading = require("@envive-ai/react-toolkit-v3/ChatPreviewLoading");
+let __envive_ai_react_hooks_atoms_widget = require("@envive-ai/react-hooks/atoms/widget");
+let __envive_ai_react_toolkit_v3_SocialProof = require("@envive-ai/react-toolkit-v3/SocialProof");
+
+//#region src/widgets/SocialProofWidget/SocialProofWidget.tsx
+const SocialProofWidgetHandler = (props) => {
+	const setChatPreviewLoadingData = (0, jotai.useSetAtom)(__envive_ai_react_hooks_atoms_widget.chatPreviewLoadingDataAtom);
+	const { onTypedMessageSubmitted } = (0, __envive_ai_react_hooks_contexts_salesAgentContext.useSalesAgent)();
+	const { openChat } = (0, __envive_ai_react_hooks_hooks_ChatToggle.useChatToggle)();
+	const lastAssistantMessage = (0, jotai.useAtomValue)(__envive_ai_react_hooks_atoms_chat.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 = require_functions.getProductImageUrl(lastAssistantMessage);
+	const images = socialProofWidgetConfig?.kind !== __envive_ai_react_hooks_contexts_typesV3.SocialProofWidgetKind.DYNAMIC ? socialProofWidgetConfig?.images : [{
+		src: dynamicImageUrl,
+		alt: "Product Image"
+	}];
+	const handlePrimaryButtonClick = (0, react.useCallback)((text) => {
+		onTypedMessageSubmitted({
+			query: text,
+			userTyped: false
+		});
+		openChat(__envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.SOCIAL_PROOF_PRIMARY_BUTTON);
+	}, [onTypedMessageSubmitted, openChat]);
+	const handleSecondaryButtonClick = (0, react.useCallback)((text) => {
+		onTypedMessageSubmitted({
+			query: text,
+			userTyped: false
+		});
+		openChat(__envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.SOCIAL_PROOF_SECONDARY_BUTTON);
+	}, [onTypedMessageSubmitted, openChat]);
+	const handleTextFieldClick = (0, react.useCallback)(() => {
+		openChat(__envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.SOCIAL_PROOF_TEXT_FIELD);
+	}, [openChat]);
+	if (isLoading) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_toolkit_v3_ChatPreviewLoading.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: __envive_ai_react_toolkit_v3_Tokens.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__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_toolkit_v3_SocialProof.SocialProof, {
+		baseProps: { id },
+		widgetStyleProps,
+		widgetContentProps,
+		widgetEventProps: {
+			handlePrimaryButtonClick,
+			handleSecondaryButtonClick,
+			handleTextFieldClick
+		}
+	});
+};
+const SocialProofWidgetWithBaseWidget = require_withBaseWidget.withBaseWidget(SocialProofWidgetHandler);
+const SocialProofWidget = ({ widgetConfigId }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SocialProofWidgetWithBaseWidget, {
+		widgetConfigId,
+		widgetType: __envive_ai_react_hooks_contexts_typesV3.WidgetTypeV3.SocialProofV3
+	});
+};
+SocialProofWidget.displayName = "SocialProofWidget";
+
+//#endregion
+exports.SocialProofWidget = SocialProofWidget;
+exports.SocialProofWidgetWithBaseWidget = SocialProofWidgetWithBaseWidget;

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

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

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

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