@envive-ai/react-widgets-v3 0.3.2

package/dist/hooks/dist/contexts/typesV3.d.ts

@@ -0,0 +1,201 @@
+import { CustomerServiceType } from "../types/customerService.js";
+import { MerchantVariantSettings, SearchConfig } from "./types.js";
+import { Theme } from "@envive-ai/react-toolkit-v3/Tokens";
+import { AnimationSpeed, PromptCarouselRows } from "@envive-ai/react-toolkit-v3/PromptCarousel";
+import { DynamicLayout } from "@envive-ai/react-toolkit-v3/SocialProof";
+import { WidgetWrapperVariant } from "@envive-ai/react-toolkit-v3/WidgetWrapper";
+import { ImageGalleryImage, ImageGalleryLayout } from "@envive-ai/react-toolkit-v3/ImageGallery";
+import { PromptButtonVariant } from "@envive-ai/react-toolkit-v3/PromptButton";
+import { SparkleIconColor } from "@envive-ai/react-toolkit-v3/WelcomeMessage";
+
+//#region ../hooks/dist/contexts/typesV3.d.ts
+
+type ImageAspectRatio = '1/1' | '3/4';
+type ButtonColors = {
+  lightButtonBackgroundColor: string;
+  lightButtonIconColor: string;
+  darkButtonBackgroundColor: string;
+  darkButtonIconColor: string;
+};
+type Typography = {
+  titleFontFamily: string;
+  headerFontFamily: string;
+  bodyFontFamily: string;
+  fontSize?: {
+    t1: string;
+    t2: string;
+    t3: string;
+    h1: string;
+    h2: string;
+    h3: string;
+    b1: string;
+    b2: string;
+    b3: string;
+    b4: string;
+    b5: string;
+    l1: string;
+    l2: string;
+  };
+  fontWeight?: {
+    rg: string;
+    md: string;
+    sb: string;
+  };
+  letterSpacing?: {
+    '0': string;
+    'wide-1': string;
+  };
+  lineHeight?: {
+    '124': number;
+    '120': number;
+    '118': number;
+    '116': number;
+    '114': number;
+    '148': number;
+    '140': number;
+    '128': number;
+    '130': number;
+    '133': number;
+  };
+};
+type LookAndFeelConfig = {
+  theme: Theme;
+  agentName: string;
+  chatHeaderLogoDarkSrc: string;
+  chatHeaderLogoLightSrc: string;
+  widgetLogoSrc: string;
+  hideWidgetLogo: boolean;
+  elementRadius: number;
+  imageAspectRatio: ImageAspectRatio;
+  buttonColors: ButtonColors;
+  typography: Typography;
+};
+declare enum ConfigVersionEnum {
+  V3 = "v3",
+  Deprecated = "deprecated",
+}
+type ConfigVersion = ConfigVersionEnum.V3 | ConfigVersionEnum.Deprecated | undefined;
+type Mode = 'dark' | 'light';
+type Position = 'bottomLeft' | 'middleLeft' | 'middleRight' | 'bottomRight';
+type ShowOptions = 'always' | 'postInteraction' | 'none';
+type Style = 'attached' | 'detached';
+type FloatingButtonConfig = {
+  position: Position;
+  backgroundColor?: string;
+  mode: Mode;
+  showOption: ShowOptions;
+  iconSVGSrc?: string;
+  style: Style;
+};
+type FloatingChatConfig = {
+  headerBackgroundColor?: string;
+  headerMode: Mode;
+  welcomeMessageIconColor: SparkleIconColor;
+  showVerifiedBuyer: boolean;
+  userQueryInputEnabled: boolean;
+  showEnviveLogo: boolean;
+  ignoreFirstModelResponse?: boolean;
+  neverShowSingleProductCards?: boolean;
+  welcomeMessageTitle: string;
+  welcomeMessageText: string;
+  chatFooterTextFieldPlaceholderText: string;
+};
+type CustomerServiceIntegration = {
+  enabled: boolean;
+  provider: CustomerServiceType;
+  suppressMerchantButton?: boolean;
+};
+type OrgUIConfigV3 = {
+  id?: string;
+  version: ConfigVersion;
+  shortName: string;
+  lookAndFeel: LookAndFeelConfig;
+  floatingButton: FloatingButtonConfig;
+  floatingChat: FloatingChatConfig;
+  merchantOverrideCss?: string;
+  customerServiceIntegration?: CustomerServiceIntegration;
+  merchantVariantSettings?: MerchantVariantSettings;
+  searchConfig?: SearchConfig;
+};
+declare enum WidgetTypeV3 {
+  PromptCarouselV3 = "PromptCarouselV3",
+  TitledPromptCarouselV3 = "TitledPromptCarouselV3",
+  SocialProofV3 = "SocialProofV3",
+  TypingAnimationV3 = "TypingAnimationV3",
+  ChatPreviewV3 = "ChatPreviewV3",
+  ChatPreviewComparisonV3 = "ChatPreviewComparisonV3",
+  ChatPreviewLoadingV3 = "ChatPreviewLoadingV3",
+  ImagePromptCardV3 = "ImagePromptCardV3",
+  PromptButtonCarouselWithImageV3 = "PromptButtonCarouselWithImageV3",
+  ImageBannerV3 = "ImageBannerV3",
+  SingleImagePromptV3 = "SingleImagePromptV3",
+  FloatingChatV3 = "FloatingChatV3",
+  FloatingButtonV3 = "FloatingButtonV3",
+}
+interface BaseWidgetConfig<T extends WidgetTypeV3> {
+  widgetConfigId: string;
+  type: T;
+  contentId?: string;
+}
+interface PromptCarouselWidgetV3Config extends BaseWidgetConfig<WidgetTypeV3.PromptCarouselV3> {
+  promptButtonType?: PromptButtonVariant;
+  boldFirstButton?: boolean;
+  promptCarouselRows?: PromptCarouselRows;
+  animationSpeed?: AnimationSpeed;
+}
+interface TitledPromptCarouselWidgetV3Config extends BaseWidgetConfig<WidgetTypeV3.TitledPromptCarouselV3> {
+  promptButtonType?: PromptButtonVariant;
+  boldFirstButton?: boolean;
+  promptCarouselRows?: PromptCarouselRows;
+  animationSpeed?: AnimationSpeed;
+}
+declare enum SocialProofWidgetKind {
+  STATIC = "static",
+  DYNAMIC = "dynamic",
+}
+interface SocialProofWidgetV3Config extends BaseWidgetConfig<WidgetTypeV3.SocialProofV3> {
+  kind: SocialProofWidgetKind;
+  variant: WidgetWrapperVariant;
+  hexCardColor?: string;
+  promptCarouselRows: PromptCarouselRows;
+  hideImage?: boolean;
+  imageGalleryLayout: Exclude<ImageGalleryLayout, 'TWO_SIDE'>;
+  hideTextField?: boolean;
+  primaryButtonVariant: Exclude<PromptButtonVariant, 'suggestedResponse' | 'ghost'>;
+  secondaryButtonVariant: Exclude<PromptButtonVariant, 'suggestedResponse' | 'ghost'>;
+  dynamicLayout?: DynamicLayout;
+  images?: ImageGalleryImage[];
+}
+interface TypingAnimationWidgetV3Config extends BaseWidgetConfig<WidgetTypeV3.TypingAnimationV3> {
+  widgetVariant?: WidgetWrapperVariant;
+  cardColor?: string;
+  promptButtonType?: PromptButtonVariant;
+  promptCarouselRows?: PromptCarouselRows;
+  showTextField?: boolean;
+}
+interface ChatPreviewComparisonWidgetV3Config extends BaseWidgetConfig<WidgetTypeV3.ChatPreviewComparisonV3> {
+  variant: WidgetWrapperVariant;
+  hexCardColor?: string;
+  hideImage?: boolean;
+  hideTextField?: boolean;
+}
+interface ChatPreviewLoadingWidgetV3Config extends BaseWidgetConfig<WidgetTypeV3.ChatPreviewLoadingV3> {
+  variant: WidgetWrapperVariant;
+  hexCardColor?: string;
+  hideTextField?: boolean;
+}
+interface ChatPreviewWidgetV3Config extends BaseWidgetConfig<WidgetTypeV3.ChatPreviewV3> {
+  variant: WidgetWrapperVariant;
+  hexCardColor?: string;
+  hideTextField?: boolean;
+}
+interface PromptButtonCarouselWithImageWidgetV3Config extends BaseWidgetConfig<WidgetTypeV3.PromptButtonCarouselWithImageV3> {
+  promptButtonType?: PromptButtonVariant;
+  image?: ImageGalleryImage;
+  hideTextField?: boolean;
+}
+interface FloatingChatWidgetV3Config extends BaseWidgetConfig<WidgetTypeV3.FloatingChatV3> {}
+type WidgetConfigV3 = PromptCarouselWidgetV3Config | SocialProofWidgetV3Config | TitledPromptCarouselWidgetV3Config | ChatPreviewComparisonWidgetV3Config | ChatPreviewLoadingWidgetV3Config | TypingAnimationWidgetV3Config | ChatPreviewWidgetV3Config | PromptButtonCarouselWithImageWidgetV3Config | FloatingChatWidgetV3Config;
+//#endregion
+//#endregion
+export { type OrgUIConfigV3, type WidgetConfigV3, WidgetTypeV3 };

package/dist/hooks/dist/services/amplitudeService/amplitudeService.d.cts

@@ -0,0 +1,36 @@
+//#region ../hooks/dist/services/amplitudeService/amplitudeService.d.ts
+
+//#region src/services/amplitudeService/amplitudeService.d.ts
+declare enum SpiffyMetricsEventName {
+  BundleLoaded = "Bundle Loaded",
+  ChatLiveAgentBtnClick = "Chat Live Agent Btn Click",
+  ChatFloatingButtonVisible = "Chat Floating Button Visible",
+  ChatComponentVisible = "Chat Component Visible",
+  ChatComponentExpanded = "Chat Component Expanded",
+  ChatComponentCollapsed = "Chat Component Collapsed",
+  ChatUserMessageInput = "Chat User Message Input",
+  ChatSuggestionClicked = "Chat Suggestion Clicked",
+  ChatAssistantResponse = "Chat Assistant Response",
+  ProductCardClicked = "Product Card Clicked",
+  ProductReviewCardClicked = "Product Review Card Clicked",
+  AddToCartClicked = "Add To Cart Clicked",
+  PromptCardClicked = "Prompt Card Clicked",
+  SupportedEvent = "Supported Event",
+  SearchBackToResponseClicked = "Search Back to Response Clicked",
+  PerformanceMetrics = "Performance Metrics",
+  SearchBarClicked = "Search Bar Clicked",
+  OrderLookupStarted = "Order Lookup Started",
+  OrderLookupFormSubmitted = "Order Lookup Form Submitted",
+  SearchComponentVisible = "Search Component Visible",
+  SearchZeroStateSuggestionClicked = "Search Zero State Suggestion Clicked",
+  // This is the scrolling list of suggestion buttons in global search
+  SearchInputStarted = "Search Input Started",
+  SearchQuerySubmitted = "Search Query Submitted",
+  SearchResultsViewed = "Search Results Viewed",
+  SearchTimeToFirstClick = "Search Time to First Click",
+  SearchZeroResultsRate = "Search Zero Results Rate",
+  SearchFilterClicked = "Search Filter Clicked",
+  SearchSortClicked = "Search Sort Clicked",
+}
+//#endregion
+export { SpiffyMetricsEventName };

package/dist/hooks/dist/services/amplitudeService/amplitudeService.d.ts

@@ -0,0 +1,37 @@
+import "../../contexts/featureFlagServiceContext/featureFlagServiceContext.js";
+
+//#region ../hooks/dist/services/amplitudeService/amplitudeService.d.ts
+//#region src/services/amplitudeService/amplitudeService.d.ts
+declare enum SpiffyMetricsEventName {
+  BundleLoaded = "Bundle Loaded",
+  ChatLiveAgentBtnClick = "Chat Live Agent Btn Click",
+  ChatFloatingButtonVisible = "Chat Floating Button Visible",
+  ChatComponentVisible = "Chat Component Visible",
+  ChatComponentExpanded = "Chat Component Expanded",
+  ChatComponentCollapsed = "Chat Component Collapsed",
+  ChatUserMessageInput = "Chat User Message Input",
+  ChatSuggestionClicked = "Chat Suggestion Clicked",
+  ChatAssistantResponse = "Chat Assistant Response",
+  ProductCardClicked = "Product Card Clicked",
+  ProductReviewCardClicked = "Product Review Card Clicked",
+  AddToCartClicked = "Add To Cart Clicked",
+  PromptCardClicked = "Prompt Card Clicked",
+  SupportedEvent = "Supported Event",
+  SearchBackToResponseClicked = "Search Back to Response Clicked",
+  PerformanceMetrics = "Performance Metrics",
+  SearchBarClicked = "Search Bar Clicked",
+  OrderLookupStarted = "Order Lookup Started",
+  OrderLookupFormSubmitted = "Order Lookup Form Submitted",
+  SearchComponentVisible = "Search Component Visible",
+  SearchZeroStateSuggestionClicked = "Search Zero State Suggestion Clicked",
+  // This is the scrolling list of suggestion buttons in global search
+  SearchInputStarted = "Search Input Started",
+  SearchQuerySubmitted = "Search Query Submitted",
+  SearchResultsViewed = "Search Results Viewed",
+  SearchTimeToFirstClick = "Search Time to First Click",
+  SearchZeroResultsRate = "Search Zero Results Rate",
+  SearchFilterClicked = "Search Filter Clicked",
+  SearchSortClicked = "Search Sort Clicked",
+}
+//#endregion
+export { SpiffyMetricsEventName };

package/dist/hooks/dist/types/customerService.d.cts

@@ -0,0 +1,18 @@
+//#region ../hooks/dist/types/customerService.d.ts
+
+//#region src/types/customerService.d.ts
+declare enum CustomerServiceType {
+  shopify = "shopify",
+  gorgias = "gorgias",
+  kustomer = "kustomer",
+  groove = "groove",
+  tidio = "tidio",
+  zowie = "zowie",
+  redo = "redo",
+  gladly = "gladly",
+  richpanel = "richpanel",
+  zendesk = "zendesk",
+  unsupported = "unsupported",
+}
+//#endregion
+export { CustomerServiceType };

package/dist/hooks/dist/types/customerService.d.ts

@@ -0,0 +1,18 @@
+//#region ../hooks/dist/types/customerService.d.ts
+
+//#region src/types/customerService.d.ts
+declare enum CustomerServiceType {
+  shopify = "shopify",
+  gorgias = "gorgias",
+  kustomer = "kustomer",
+  groove = "groove",
+  tidio = "tidio",
+  zowie = "zowie",
+  redo = "redo",
+  gladly = "gladly",
+  richpanel = "richpanel",
+  zendesk = "zendesk",
+  unsupported = "unsupported",
+}
+//#endregion
+export { CustomerServiceType };

package/dist/stories/SalesAgentTest/index.d.cts

@@ -0,0 +1 @@
+export {};

package/dist/stories/SalesAgentTest/index.d.ts

@@ -0,0 +1 @@
+export { };

package/dist/widgets/ChatPreviewComparisonWidget/ChatPreviewComparisonWidget.cjs

@@ -0,0 +1,98 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_withBaseWidget = require('../../hocs/withBaseWidget/withBaseWidget.cjs');
+const require_functions = require('../utils/functions.cjs');
+const require_ChatPreviewLoadingWidget = require('../ChatPreviewLoadingWidget/ChatPreviewLoadingWidget.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_hooks_atoms_app = require("@envive-ai/react-hooks/atoms/app");
+let __envive_ai_react_toolkit_v3_ChatPreviewComparison = require("@envive-ai/react-toolkit-v3/ChatPreviewComparison");
+
+//#region src/widgets/ChatPreviewComparisonWidget/ChatPreviewComparisonWidget.tsx
+const ChatPreviewComparisonWidgetHandler = (props) => {
+	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 variantInfo = (0, jotai.useAtomValue)(__envive_ai_react_hooks_atoms_app.variantInfoAtom);
+	const productId = variantInfo.variant === __envive_ai_react_hooks_application_models.VariantTypeEnum.Pdp ? variantInfo.productId : void 0;
+	const { suggestions } = (0, jotai.useAtomValue)(__envive_ai_react_hooks_atoms_chat.chatAtom);
+	const promptButtonTexts = (0, react.useMemo)(() => {
+		return suggestions.map((suggestion) => suggestion.content);
+	}, [suggestions]);
+	const messageText = (0, react.useMemo)(() => require_functions.getMessageText(lastAssistantMessage), [lastAssistantMessage]);
+	const productImageUrls = (0, react.useMemo)(() => lastAssistantMessage ? require_functions.getRecentProductImageUrls(lastAssistantMessage, productId) : [], [lastAssistantMessage, productId]);
+	const images = (0, react.useMemo)(() => productImageUrls ? productImageUrls.map((url, index) => ({
+		src: url,
+		alt: `Product Image ${index + 1}`
+	})) : [], [productImageUrls]);
+	const { hardcopyContent, widgetConfig, uiConfig, isLoading, widgetConfigId } = props;
+	const chatPreviewComparisonWidgetConfig = widgetConfig;
+	const id = widgetConfig?.contentId;
+	const hardCopyContent = {
+		titleLabel: hardcopyContent?.values?.titleLabel,
+		headlineText: hardcopyContent?.values?.headlineText,
+		textFieldPlaceholderText: hardcopyContent?.values?.textFieldPlaceholderText,
+		messageText,
+		promptButtonTexts
+	};
+	const logoSrc = uiConfig?.lookAndFeel?.widgetLogoSrc;
+	const hideLogo = uiConfig?.lookAndFeel?.hideWidgetLogo;
+	const handlePromptButtonClick = (0, react.useCallback)((text) => {
+		onTypedMessageSubmitted({
+			query: text,
+			userTyped: false
+		});
+		openChat(__envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.CHAT_PREVIEW_COMPARISON_PROMPT_BUTTON);
+	}, [onTypedMessageSubmitted, openChat]);
+	const handleTextFieldClick = (0, react.useCallback)(() => {
+		openChat(__envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.CHAT_PREVIEW_COMPARISON_TEXT_FIELD);
+	}, [openChat]);
+	if (isLoading) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ChatPreviewLoadingWidget.ChatPreviewLoadingWidgetWithBaseWidget, {
+		widgetConfigId,
+		widgetType: __envive_ai_react_hooks_contexts_typesV3.WidgetTypeV3.ChatPreviewLoadingV3
+	});
+	const widgetStyleProps = {
+		theme: __envive_ai_react_toolkit_v3_Tokens.Theme.GLOBAL_CUSTOM,
+		variant: chatPreviewComparisonWidgetConfig?.variant,
+		hideImage: images?.length === 0 || images === void 0 ? true : chatPreviewComparisonWidgetConfig?.hideImage,
+		hideTextField: chatPreviewComparisonWidgetConfig?.hideTextField,
+		hideLogo,
+		hexCardColor: chatPreviewComparisonWidgetConfig?.hexCardColor
+	};
+	const widgetContentProps = {
+		titleLabel: hardCopyContent?.titleLabel,
+		headlineText: hardCopyContent?.headlineText,
+		messageText: hardCopyContent?.messageText,
+		promptButtonTexts: hardCopyContent?.promptButtonTexts,
+		textFieldPlaceholderText: hardCopyContent?.textFieldPlaceholderText,
+		images: images ?? [],
+		logoSrc: logoSrc ?? void 0
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_toolkit_v3_ChatPreviewComparison.ChatPreviewComparison, {
+		baseProps: { id },
+		widgetStyleProps,
+		widgetContentProps,
+		widgetEventProps: {
+			handlePromptButtonClick,
+			handleTextFieldClick
+		}
+	});
+};
+const ChatPreviewComparisonWidgetWithBaseWidget = require_withBaseWidget.withBaseWidget(ChatPreviewComparisonWidgetHandler);
+const ChatPreviewComparisonWidget = ({ widgetConfigId }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChatPreviewComparisonWidgetWithBaseWidget, {
+		widgetConfigId,
+		widgetType: __envive_ai_react_hooks_contexts_typesV3.WidgetTypeV3.ChatPreviewComparisonV3
+	});
+};
+ChatPreviewComparisonWidget.displayName = "ChatPreviewComparisonWidget";
+
+//#endregion
+exports.ChatPreviewComparisonWidget = ChatPreviewComparisonWidget;
+exports.ChatPreviewComparisonWidgetWithBaseWidget = ChatPreviewComparisonWidgetWithBaseWidget;

package/dist/widgets/ChatPreviewComparisonWidget/ChatPreviewComparisonWidget.d.cts

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

package/dist/widgets/ChatPreviewComparisonWidget/ChatPreviewComparisonWidget.d.ts

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

package/dist/widgets/ChatPreviewComparisonWidget/ChatPreviewComparisonWidget.js

@@ -0,0 +1,96 @@
+import { withBaseWidget } from "../../hocs/withBaseWidget/withBaseWidget.js";
+import { getMessageText, getRecentProductImageUrls } from "../utils/functions.js";
+import { ChatPreviewLoadingWidgetWithBaseWidget } from "../ChatPreviewLoadingWidget/ChatPreviewLoadingWidget.js";
+import { useCallback, useMemo } 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, VariantTypeEnum } from "@envive-ai/react-hooks/application/models";
+import { useAtomValue } from "jotai";
+import { chatAtom, lastAssistantMessageAtom } from "@envive-ai/react-hooks/atoms/chat";
+import { variantInfoAtom } from "@envive-ai/react-hooks/atoms/app";
+import { ChatPreviewComparison } from "@envive-ai/react-toolkit-v3/ChatPreviewComparison";
+
+//#region src/widgets/ChatPreviewComparisonWidget/ChatPreviewComparisonWidget.tsx
+const ChatPreviewComparisonWidgetHandler = (props) => {
+	const { onTypedMessageSubmitted } = useSalesAgent();
+	const { openChat } = useChatToggle();
+	const lastAssistantMessage = useAtomValue(lastAssistantMessageAtom);
+	const variantInfo = useAtomValue(variantInfoAtom);
+	const productId = variantInfo.variant === VariantTypeEnum.Pdp ? variantInfo.productId : void 0;
+	const { suggestions } = useAtomValue(chatAtom);
+	const promptButtonTexts = useMemo(() => {
+		return suggestions.map((suggestion) => suggestion.content);
+	}, [suggestions]);
+	const messageText = useMemo(() => getMessageText(lastAssistantMessage), [lastAssistantMessage]);
+	const productImageUrls = useMemo(() => lastAssistantMessage ? getRecentProductImageUrls(lastAssistantMessage, productId) : [], [lastAssistantMessage, productId]);
+	const images = useMemo(() => productImageUrls ? productImageUrls.map((url, index) => ({
+		src: url,
+		alt: `Product Image ${index + 1}`
+	})) : [], [productImageUrls]);
+	const { hardcopyContent, widgetConfig, uiConfig, isLoading, widgetConfigId } = props;
+	const chatPreviewComparisonWidgetConfig = widgetConfig;
+	const id = widgetConfig?.contentId;
+	const hardCopyContent = {
+		titleLabel: hardcopyContent?.values?.titleLabel,
+		headlineText: hardcopyContent?.values?.headlineText,
+		textFieldPlaceholderText: hardcopyContent?.values?.textFieldPlaceholderText,
+		messageText,
+		promptButtonTexts
+	};
+	const logoSrc = uiConfig?.lookAndFeel?.widgetLogoSrc;
+	const hideLogo = uiConfig?.lookAndFeel?.hideWidgetLogo;
+	const handlePromptButtonClick = useCallback((text) => {
+		onTypedMessageSubmitted({
+			query: text,
+			userTyped: false
+		});
+		openChat(ChatElementDisplayLocationV3.CHAT_PREVIEW_COMPARISON_PROMPT_BUTTON);
+	}, [onTypedMessageSubmitted, openChat]);
+	const handleTextFieldClick = useCallback(() => {
+		openChat(ChatElementDisplayLocationV3.CHAT_PREVIEW_COMPARISON_TEXT_FIELD);
+	}, [openChat]);
+	if (isLoading) return /* @__PURE__ */ jsx(ChatPreviewLoadingWidgetWithBaseWidget, {
+		widgetConfigId,
+		widgetType: WidgetTypeV3.ChatPreviewLoadingV3
+	});
+	const widgetStyleProps = {
+		theme: Theme.GLOBAL_CUSTOM,
+		variant: chatPreviewComparisonWidgetConfig?.variant,
+		hideImage: images?.length === 0 || images === void 0 ? true : chatPreviewComparisonWidgetConfig?.hideImage,
+		hideTextField: chatPreviewComparisonWidgetConfig?.hideTextField,
+		hideLogo,
+		hexCardColor: chatPreviewComparisonWidgetConfig?.hexCardColor
+	};
+	const widgetContentProps = {
+		titleLabel: hardCopyContent?.titleLabel,
+		headlineText: hardCopyContent?.headlineText,
+		messageText: hardCopyContent?.messageText,
+		promptButtonTexts: hardCopyContent?.promptButtonTexts,
+		textFieldPlaceholderText: hardCopyContent?.textFieldPlaceholderText,
+		images: images ?? [],
+		logoSrc: logoSrc ?? void 0
+	};
+	return /* @__PURE__ */ jsx(ChatPreviewComparison, {
+		baseProps: { id },
+		widgetStyleProps,
+		widgetContentProps,
+		widgetEventProps: {
+			handlePromptButtonClick,
+			handleTextFieldClick
+		}
+	});
+};
+const ChatPreviewComparisonWidgetWithBaseWidget = withBaseWidget(ChatPreviewComparisonWidgetHandler);
+const ChatPreviewComparisonWidget = ({ widgetConfigId }) => {
+	return /* @__PURE__ */ jsx(ChatPreviewComparisonWidgetWithBaseWidget, {
+		widgetConfigId,
+		widgetType: WidgetTypeV3.ChatPreviewComparisonV3
+	});
+};
+ChatPreviewComparisonWidget.displayName = "ChatPreviewComparisonWidget";
+
+//#endregion
+export { ChatPreviewComparisonWidget, ChatPreviewComparisonWidgetWithBaseWidget };

package/dist/widgets/ChatPreviewComparisonWidget/index.cjs

@@ -0,0 +1,4 @@
+const require_ChatPreviewComparisonWidget = require('./ChatPreviewComparisonWidget.cjs');
+
+exports.ChatPreviewComparisonWidget = require_ChatPreviewComparisonWidget.ChatPreviewComparisonWidget;
+exports.ChatPreviewComparisonWidgetWithBaseWidget = require_ChatPreviewComparisonWidget.ChatPreviewComparisonWidgetWithBaseWidget;

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

@@ -0,0 +1,2 @@
+import { ChatPreviewComparisonWidget, ChatPreviewComparisonWidgetProps, ChatPreviewComparisonWidgetWithBaseWidget } from "./ChatPreviewComparisonWidget.cjs";
+export { ChatPreviewComparisonWidget, type ChatPreviewComparisonWidgetProps, ChatPreviewComparisonWidgetWithBaseWidget };

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

@@ -0,0 +1,2 @@
+import { ChatPreviewComparisonWidget, ChatPreviewComparisonWidgetProps, ChatPreviewComparisonWidgetWithBaseWidget } from "./ChatPreviewComparisonWidget.js";
+export { ChatPreviewComparisonWidget, type ChatPreviewComparisonWidgetProps, ChatPreviewComparisonWidgetWithBaseWidget };

package/dist/widgets/ChatPreviewComparisonWidget/index.js

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

package/dist/widgets/ChatPreviewLoadingWidget/ChatPreviewLoadingWidget.cjs

@@ -0,0 +1,44 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_withBaseWidget = require('../../hocs/withBaseWidget/withBaseWidget.cjs');
+const require_PromptCarouselWidget = require('../PromptCarouselWidget/PromptCarouselWidget.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+let __envive_ai_react_hooks_contexts_typesV3 = require("@envive-ai/react-hooks/contexts/typesV3");
+let jotai = require("jotai");
+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");
+
+//#region src/widgets/ChatPreviewLoadingWidget/ChatPreviewLoadingWidget.tsx
+const ChatPreviewLoadingWidgetHandler = (props) => {
+	const { widgetConfig, isLoading, widgetConfigId, hardcopyContent, uiConfig } = props;
+	const chatPreviewLoadingWidgetConfig = widgetConfig;
+	const id = widgetConfig?.contentId;
+	const chatPreviewLoadingData = (0, jotai.useAtomValue)(__envive_ai_react_hooks_atoms_widget.chatPreviewLoadingDataAtom)[widgetConfigId] ?? void 0;
+	const isCacheEmpty = !chatPreviewLoadingData || Object.values(chatPreviewLoadingData).every((value) => value === void 0) || Object.keys(chatPreviewLoadingData).length === 0;
+	if (isLoading && isCacheEmpty) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_toolkit_v3_ChatPreviewLoading.ChatPreviewLoading, { fullIsLoading: true });
+	const titleLabel = hardcopyContent?.values?.titleLabel ?? chatPreviewLoadingData?.titleLabel;
+	const textFieldPlaceholder = hardcopyContent?.values?.textFieldPlaceholderText ?? chatPreviewLoadingData?.textFieldPlaceholder;
+	const hideLogo = uiConfig?.lookAndFeel?.hideWidgetLogo ?? chatPreviewLoadingData?.hideLogo;
+	const logoSrc = uiConfig?.lookAndFeel?.widgetLogoSrc ?? chatPreviewLoadingData?.logoSrc;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_toolkit_v3_ChatPreviewLoading.ChatPreviewLoading, {
+		id,
+		variant: chatPreviewLoadingWidgetConfig?.variant ?? chatPreviewLoadingData?.variant,
+		hexCardColor: chatPreviewLoadingWidgetConfig?.hexCardColor ?? chatPreviewLoadingData?.hexCardColor,
+		hideTextField: chatPreviewLoadingWidgetConfig?.hideTextField ?? chatPreviewLoadingData?.hideTextField,
+		textFieldPlaceholder,
+		hideLogo,
+		logoSrc,
+		titleLabel
+	});
+};
+const ChatPreviewLoadingWidgetWithBaseWidget = require_withBaseWidget.withBaseWidget(ChatPreviewLoadingWidgetHandler);
+const ChatPreviewLoadingWidget = ({ widgetConfigId }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChatPreviewLoadingWidgetWithBaseWidget, {
+		widgetConfigId,
+		widgetType: __envive_ai_react_hooks_contexts_typesV3.WidgetTypeV3.ChatPreviewLoadingV3
+	});
+};
+require_PromptCarouselWidget.PromptCarouselWidget.displayName = "PromptCarouselWidget";
+
+//#endregion
+exports.ChatPreviewLoadingWidget = ChatPreviewLoadingWidget;
+exports.ChatPreviewLoadingWidgetWithBaseWidget = ChatPreviewLoadingWidgetWithBaseWidget;

package/dist/widgets/ChatPreviewLoadingWidget/ChatPreviewLoadingWidget.d.cts

@@ -0,0 +1,16 @@
+import { BaseWidgetProps } from "../../hocs/withBaseWidget/types.cjs";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
+
+//#region src/widgets/ChatPreviewLoadingWidget/ChatPreviewLoadingWidget.d.ts
+declare const ChatPreviewLoadingWidgetWithBaseWidget: {
+  (props: BaseWidgetProps): react_jsx_runtime5.JSX.Element;
+  displayName: string;
+};
+interface ChatPreviewLoadingWidgetProps {
+  widgetConfigId: string;
+}
+declare const ChatPreviewLoadingWidget: ({
+  widgetConfigId
+}: ChatPreviewLoadingWidgetProps) => react_jsx_runtime5.JSX.Element;
+//#endregion
+export { ChatPreviewLoadingWidget, ChatPreviewLoadingWidgetProps, ChatPreviewLoadingWidgetWithBaseWidget };

package/dist/widgets/ChatPreviewLoadingWidget/ChatPreviewLoadingWidget.d.ts

@@ -0,0 +1,16 @@
+import { BaseWidgetProps } from "../../hocs/withBaseWidget/types.js";
+import * as react_jsx_runtime14 from "react/jsx-runtime";
+
+//#region src/widgets/ChatPreviewLoadingWidget/ChatPreviewLoadingWidget.d.ts
+declare const ChatPreviewLoadingWidgetWithBaseWidget: {
+  (props: BaseWidgetProps): react_jsx_runtime14.JSX.Element;
+  displayName: string;
+};
+interface ChatPreviewLoadingWidgetProps {
+  widgetConfigId: string;
+}
+declare const ChatPreviewLoadingWidget: ({
+  widgetConfigId
+}: ChatPreviewLoadingWidgetProps) => react_jsx_runtime14.JSX.Element;
+//#endregion
+export { ChatPreviewLoadingWidget, ChatPreviewLoadingWidgetProps, ChatPreviewLoadingWidgetWithBaseWidget };