@envive-ai/react-widgets-v3 0.3.22 → 0.3.24

package/dist/widgets/ChatPreviewWidget/ChatPreviewWidget.d.cts

@@ -1,9 +1,9 @@
 import { BaseWidgetProps } from "../../hocs/withBaseWidget/types.cjs";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime15 from "react/jsx-runtime";
 
 //#region src/widgets/ChatPreviewWidget/ChatPreviewWidget.d.ts
 declare const ChatPreviewWidgetWithBaseWidget: {
-  (props: BaseWidgetProps): react_jsx_runtime3.JSX.Element;
+  (props: BaseWidgetProps): react_jsx_runtime15.JSX.Element;
   displayName: string;
 };
 interface ChatPreviewWidgetProps {
@@ -12,7 +12,7 @@ interface ChatPreviewWidgetProps {
 declare const ChatPreviewWidget: {
   ({
     widgetConfigId
-  }: ChatPreviewWidgetProps): react_jsx_runtime3.JSX.Element;
+  }: ChatPreviewWidgetProps): react_jsx_runtime15.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/widgets/ChatPreviewWidget/ChatPreviewWidget.d.ts

@@ -1,9 +1,9 @@
 import { BaseWidgetProps } from "../../hocs/withBaseWidget/types.js";
-import * as react_jsx_runtime13 from "react/jsx-runtime";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
 
 //#region src/widgets/ChatPreviewWidget/ChatPreviewWidget.d.ts
 declare const ChatPreviewWidgetWithBaseWidget: {
-  (props: BaseWidgetProps): react_jsx_runtime13.JSX.Element;
+  (props: BaseWidgetProps): react_jsx_runtime6.JSX.Element;
   displayName: string;
 };
 interface ChatPreviewWidgetProps {
@@ -12,7 +12,7 @@ interface ChatPreviewWidgetProps {
 declare const ChatPreviewWidget: {
   ({
     widgetConfigId
-  }: ChatPreviewWidgetProps): react_jsx_runtime13.JSX.Element;
+  }: ChatPreviewWidgetProps): react_jsx_runtime6.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/widgets/ChatPreviewWidget/ChatPreviewWidget.js

@@ -1,19 +1,20 @@
 import { withBaseWidget } from "../../hocs/withBaseWidget/withBaseWidget.js";
 import { getMessageText } from "../utils/functions.js";
 import { ChatPreviewLoadingWidgetWithBaseWidget } from "../ChatPreviewLoadingWidget/ChatPreviewLoadingWidget.js";
-import { useCallback, useMemo } from "react";
-import { EnviveMetricsEventName, useAmplitude } from "@envive-ai/react-hooks/contexts/amplitudeContext";
-import { jsx } from "react/jsx-runtime";
 import { chatAtom, lastAssistantMessageAtom } from "@envive-ai/react-hooks/atoms/chat";
 import { useSalesAgent } from "@envive-ai/react-hooks/contexts/salesAgentContext";
 import { WidgetTypeV3 } from "@envive-ai/react-hooks/contexts/typesV3";
 import { useChatToggle } from "@envive-ai/react-hooks/hooks/ChatToggle";
 import { useAtomValue } from "jotai";
-import { ChatElementDisplayLocationV3 } from "@envive-ai/react-hooks/application/models";
+import { useFeatureFlagService } from "@envive-ai/react-hooks/contexts/featureFlagServiceContext";
+import { ChatElementDisplayLocationV3, FeatureGates } from "@envive-ai/react-hooks/application/models";
+import { EnviveMetricsEventName, useAmplitude } from "@envive-ai/react-hooks/contexts/amplitudeContext";
 import { useWidgetInteraction } from "@envive-ai/react-hooks/hooks/WidgetInteraction";
 import { WidgetInteractionComponent, WidgetInteractionType } from "@envive-ai/react-hooks/hooks/WidgetInteraction/types";
 import { usePromptCarouselAnalytics } from "@envive-ai/react-toolkit-v3/PromptCarousel";
 import { Theme } from "@envive-ai/react-toolkit-v3/Tokens";
+import { useCallback, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
 import { ChatPreview } from "@envive-ai/react-toolkit-v3/ChatPreview";
 
 //#region src/widgets/ChatPreviewWidget/ChatPreviewWidget.tsx
@@ -37,6 +38,9 @@ const ChatPreviewWidgetHandler = (props) => {
 	const { onClick: onPromptClicked, onDrag, onHover, onMouseDown, onMouseUp, onTouchStart, onTouchEnd } = usePromptCarouselAnalytics(WidgetInteractionComponent.CHAT_PREVIEW, (text) => text);
 	const logoSrc = uiConfig?.lookAndFeel?.widgetLogoSrc;
 	const hideLogo = uiConfig?.lookAndFeel?.hideWidgetLogo;
+	const voiceInputEnabled = uiConfig?.lookAndFeel?.voiceInputEnabled;
+	const { featureFlagService } = useFeatureFlagService();
+	const isVoiceInputEnabled = featureFlagService?.isFeatureGateEnabled(FeatureGates.IsVoiceInputEnabled) || voiceInputEnabled;
 	const handlePromptButtonClick = useCallback((suggestion) => {
 		onSuggestionClicked(suggestion, ChatElementDisplayLocationV3.CHAT_PREVIEW_PROMPT_BUTTON);
 		openChat(ChatElementDisplayLocationV3.CHAT_PREVIEW_PROMPT_BUTTON);
@@ -52,6 +56,25 @@ const ChatPreviewWidgetHandler = (props) => {
 			}
 		});
 	}, [openChat]);
+	const handleTranscriptionStarted = useCallback(() => {
+		trackWidgetInteraction({
+			eventName: EnviveMetricsEventName.WidgetInteraction,
+			trigger: {
+				widget: WidgetInteractionComponent.CHAT_PREVIEW,
+				widget_interaction: WidgetInteractionType.VOICE_TRANSCRIPTION_STARTED
+			}
+		});
+	}, []);
+	const handleTranscriptionCompleted = useCallback((transcript) => {
+		trackWidgetInteraction({
+			eventName: EnviveMetricsEventName.WidgetInteraction,
+			trigger: {
+				widget: WidgetInteractionComponent.CHAT_PREVIEW,
+				widget_interaction: WidgetInteractionType.VOICE_TRANSCRIPTION_COMPLETED,
+				widget_interaction_data: { transcription: transcript }
+			}
+		});
+	}, []);
 	const handleLinkClick = (url) => {
 		trackWidgetInteraction({
 			eventName: EnviveMetricsEventName.WidgetInteraction,
@@ -78,7 +101,8 @@ const ChatPreviewWidgetHandler = (props) => {
 		messageText: hardCopyContent?.messageText,
 		promptButtons: hardCopyContent?.promptButtons,
 		textFieldPlaceholderText: hardCopyContent?.textFieldPlaceholderText,
-		logoSrc: logoSrc ?? void 0
+		logoSrc: logoSrc ?? void 0,
+		voiceInputEnabled: isVoiceInputEnabled
 	};
 	return /* @__PURE__ */ jsx(ChatPreview, {
 		baseProps: { id },
@@ -93,7 +117,9 @@ const ChatPreviewWidgetHandler = (props) => {
 			handlePromptButtonTouchStart: onTouchStart,
 			handlePromptButtonTouchEnd: onTouchEnd,
 			handleLinkClick,
-			handleTextFieldClick
+			handleTextFieldClick,
+			onTranscriptionStarted: handleTranscriptionStarted,
+			onTranscriptionCompleted: handleTranscriptionCompleted
 		}
 	});
 };

package/dist/widgets/FloatingChatWidget/FloatingChatWidget.cjs

@@ -9,17 +9,18 @@ const require_useGetWidgetStatus = require('../hooks/useGetWidgetStatus.cjs');
 const require_FloatingChatOverlay = require('./FloatingChatOverlay.cjs');
 const require_useFloatingButtonVisibility = require('./hooks/useFloatingButtonVisibility.cjs');
 const require_useAutoPopup = require('./hooks/useAutoPopup.cjs');
-let react = require("react");
-let __envive_ai_react_hooks_contexts_amplitudeContext = require("@envive-ai/react-hooks/contexts/amplitudeContext");
-let __envive_ai_react_hooks_hooks_TrackComponentVisibleEvent = require("@envive-ai/react-hooks/hooks/TrackComponentVisibleEvent");
-let react_jsx_runtime = require("react/jsx-runtime");
 let __envive_ai_react_hooks_contexts_salesAgentContext = require("@envive-ai/react-hooks/contexts/salesAgentContext");
 let __envive_ai_react_hooks_contexts_typesV3 = require("@envive-ai/react-hooks/contexts/typesV3");
 let __envive_ai_react_hooks_hooks_ChatToggle = require("@envive-ai/react-hooks/hooks/ChatToggle");
+let __envive_ai_react_hooks_contexts_featureFlagServiceContext = require("@envive-ai/react-hooks/contexts/featureFlagServiceContext");
 let __envive_ai_react_hooks_application_models = require("@envive-ai/react-hooks/application/models");
+let __envive_ai_react_hooks_contexts_amplitudeContext = require("@envive-ai/react-hooks/contexts/amplitudeContext");
 let __envive_ai_react_hooks_hooks_WidgetInteraction = require("@envive-ai/react-hooks/hooks/WidgetInteraction");
 let __envive_ai_react_hooks_hooks_WidgetInteraction_types = require("@envive-ai/react-hooks/hooks/WidgetInteraction/types");
 let __envive_ai_react_toolkit_v3_Tokens = require("@envive-ai/react-toolkit-v3/Tokens");
+let react = require("react");
+let __envive_ai_react_hooks_hooks_TrackComponentVisibleEvent = require("@envive-ai/react-hooks/hooks/TrackComponentVisibleEvent");
+let react_jsx_runtime = require("react/jsx-runtime");
 let __envive_ai_react_toolkit_v3_FloatingButton = require("@envive-ai/react-toolkit-v3/FloatingButton");
 
 //#region src/widgets/FloatingChatWidget/FloatingChatWidget.tsx
@@ -44,13 +45,20 @@ const CXButtonProvider = ({ provider, enabled, suppressMerchantButton, onSwitchT
 	}) });
 };
 const FloatingChatWidgetHandler = (props) => {
-	const { previewButtonOnly, previewChatAlwaysOpen } = props;
+	const { previewButtonOnly, previewChatAlwaysOpen, previewCXButtonsEnabled, previewDisclaimer } = props;
 	const salesAgentData = (0, __envive_ai_react_hooks_contexts_salesAgentContext.useSalesAgent)();
 	const { trackWidgetInteraction } = (0, __envive_ai_react_hooks_hooks_WidgetInteraction.useWidgetInteraction)();
 	const { userHasInteractedValue } = require_useGetWidgetStatus.default();
 	const { uiConfig, isUiConfigLoading, hardcopyContent } = props;
 	const { customerServiceIntegration, floatingButton, floatingChat } = uiConfig ?? {};
 	const cxProvider = customerServiceIntegration?.provider ?? require_types.CustomerServiceType.unsupported;
+	const { featureFlagService } = (0, __envive_ai_react_hooks_contexts_featureFlagServiceContext.useFeatureFlagService)();
+	const originalVoiceInputEnabled = uiConfig?.lookAndFeel?.voiceInputEnabled;
+	const isVoiceInputEnabled = featureFlagService?.isFeatureGateEnabled(__envive_ai_react_hooks_application_models.FeatureGates.IsVoiceInputEnabled) || originalVoiceInputEnabled;
+	const modifiedLookAndFeelConfig = (0, react.useMemo)(() => ({
+		...uiConfig?.lookAndFeel,
+		voiceInputEnabled: isVoiceInputEnabled
+	}), [uiConfig?.lookAndFeel, isVoiceInputEnabled]);
 	const { isOpen, openChat, closeChat, onHover } = (0, __envive_ai_react_hooks_hooks_ChatToggle.useChatToggle)();
 	const [isCXOpen, setIsCXOpen] = (0, react.useState)(false);
 	const [isResultsModalOpen, setIsResultsModalOpen] = (0, react.useState)(false);
@@ -105,8 +113,8 @@ const FloatingChatWidgetHandler = (props) => {
 				salesAgentData,
 				hardcopyContent,
 				floatingChatConfig: uiConfig?.floatingChat ?? {},
-				lookAndFeelConfig: uiConfig?.lookAndFeel ?? {},
-				isCXButtonSwitchEnabled: !!isSwitchEnabled?.(),
+				lookAndFeelConfig: modifiedLookAndFeelConfig ?? {},
+				isCXButtonSwitchEnabled: previewCXButtonsEnabled ? true : !!isSwitchEnabled?.(),
 				isFloatingChatOpen: effectiveIsOpen,
 				onToggleCXButton: toggle,
 				debugBar: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_debugBar.DebugBar, {}),
@@ -139,12 +147,14 @@ const FloatingChatWidgetHandler = (props) => {
 	}, cxProvider);
 };
 const FloatingChatWidgetWithBaseWidget = require_withBaseWidget.withBaseWidget(FloatingChatWidgetHandler, { deferLoading: false });
-const FloatingChatWidget = ({ previewButtonOnly, previewChatAlwaysOpen } = {}) => {
+const FloatingChatWidget = ({ previewButtonOnly, previewChatAlwaysOpen, previewCXButtonsEnabled, previewDisclaimer } = {}) => {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FloatingChatWidgetWithBaseWidget, {
 		widgetType: __envive_ai_react_hooks_contexts_typesV3.WidgetTypeV3.FloatingChatV3,
 		widgetConfigId: "fake-widget-config-id",
 		previewButtonOnly,
-		previewChatAlwaysOpen
+		previewChatAlwaysOpen,
+		previewCXButtonsEnabled,
+		previewDisclaimer
 	});
 };
 FloatingChatWidget.displayName = "FloatingChatWidget";

package/dist/widgets/FloatingChatWidget/FloatingChatWidget.d.cts

@@ -1,15 +1,19 @@
-import * as react_jsx_runtime19 from "react/jsx-runtime";
+import * as react_jsx_runtime9 from "react/jsx-runtime";
 
 //#region src/widgets/FloatingChatWidget/FloatingChatWidget.d.ts
 interface FloatingChatWidgetProps {
   previewButtonOnly?: boolean;
   previewChatAlwaysOpen?: boolean;
+  previewCXButtonsEnabled?: boolean;
+  previewDisclaimer?: boolean;
 }
 declare const FloatingChatWidget: {
   ({
     previewButtonOnly,
-    previewChatAlwaysOpen
-  }?: FloatingChatWidgetProps): react_jsx_runtime19.JSX.Element;
+    previewChatAlwaysOpen,
+    previewCXButtonsEnabled,
+    previewDisclaimer
+  }?: FloatingChatWidgetProps): react_jsx_runtime9.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/widgets/FloatingChatWidget/FloatingChatWidget.d.ts

@@ -1,15 +1,19 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 
 //#region src/widgets/FloatingChatWidget/FloatingChatWidget.d.ts
 interface FloatingChatWidgetProps {
   previewButtonOnly?: boolean;
   previewChatAlwaysOpen?: boolean;
+  previewCXButtonsEnabled?: boolean;
+  previewDisclaimer?: boolean;
 }
 declare const FloatingChatWidget: {
   ({
     previewButtonOnly,
-    previewChatAlwaysOpen
-  }?: FloatingChatWidgetProps): react_jsx_runtime0.JSX.Element;
+    previewChatAlwaysOpen,
+    previewCXButtonsEnabled,
+    previewDisclaimer
+  }?: FloatingChatWidgetProps): react_jsx_runtime2.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/widgets/FloatingChatWidget/FloatingChatWidget.js

@@ -8,17 +8,18 @@ import useGetWidgetStatus_default from "../hooks/useGetWidgetStatus.js";
 import { FloatingChatOverlay } from "./FloatingChatOverlay.js";
 import { useFloatingButtonVisibility } from "./hooks/useFloatingButtonVisibility.js";
 import { useAutoPopup } from "./hooks/useAutoPopup.js";
-import { Suspense, lazy, useEffect, useMemo, useRef, useState } from "react";
-import { EnviveMetricsEventName, useAmplitude } from "@envive-ai/react-hooks/contexts/amplitudeContext";
-import { useTrackComponentVisibleEvent } from "@envive-ai/react-hooks/hooks/TrackComponentVisibleEvent";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useSalesAgent } from "@envive-ai/react-hooks/contexts/salesAgentContext";
 import { WidgetTypeV3 } from "@envive-ai/react-hooks/contexts/typesV3";
 import { useChatToggle } from "@envive-ai/react-hooks/hooks/ChatToggle";
-import { ChatElementDisplayLocationV3 } from "@envive-ai/react-hooks/application/models";
+import { useFeatureFlagService } from "@envive-ai/react-hooks/contexts/featureFlagServiceContext";
+import { ChatElementDisplayLocationV3, FeatureGates } from "@envive-ai/react-hooks/application/models";
+import { EnviveMetricsEventName, useAmplitude } from "@envive-ai/react-hooks/contexts/amplitudeContext";
 import { useWidgetInteraction } from "@envive-ai/react-hooks/hooks/WidgetInteraction";
 import { WidgetInteractionComponent, WidgetInteractionType } from "@envive-ai/react-hooks/hooks/WidgetInteraction/types";
 import { Theme } from "@envive-ai/react-toolkit-v3/Tokens";
+import { Suspense, lazy, useEffect, useMemo, useRef, useState } from "react";
+import { useTrackComponentVisibleEvent } from "@envive-ai/react-hooks/hooks/TrackComponentVisibleEvent";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { FloatingButton } from "@envive-ai/react-toolkit-v3/FloatingButton";
 
 //#region src/widgets/FloatingChatWidget/FloatingChatWidget.tsx
@@ -43,13 +44,20 @@ const CXButtonProvider = ({ provider, enabled, suppressMerchantButton, onSwitchT
 	}) });
 };
 const FloatingChatWidgetHandler = (props) => {
-	const { previewButtonOnly, previewChatAlwaysOpen } = props;
+	const { previewButtonOnly, previewChatAlwaysOpen, previewCXButtonsEnabled, previewDisclaimer } = props;
 	const salesAgentData = useSalesAgent();
 	const { trackWidgetInteraction } = useWidgetInteraction();
 	const { userHasInteractedValue } = useGetWidgetStatus_default();
 	const { uiConfig, isUiConfigLoading, hardcopyContent } = props;
 	const { customerServiceIntegration, floatingButton, floatingChat } = uiConfig ?? {};
 	const cxProvider = customerServiceIntegration?.provider ?? CustomerServiceType.unsupported;
+	const { featureFlagService } = useFeatureFlagService();
+	const originalVoiceInputEnabled = uiConfig?.lookAndFeel?.voiceInputEnabled;
+	const isVoiceInputEnabled = featureFlagService?.isFeatureGateEnabled(FeatureGates.IsVoiceInputEnabled) || originalVoiceInputEnabled;
+	const modifiedLookAndFeelConfig = useMemo(() => ({
+		...uiConfig?.lookAndFeel,
+		voiceInputEnabled: isVoiceInputEnabled
+	}), [uiConfig?.lookAndFeel, isVoiceInputEnabled]);
 	const { isOpen, openChat, closeChat, onHover } = useChatToggle();
 	const [isCXOpen, setIsCXOpen] = useState(false);
 	const [isResultsModalOpen, setIsResultsModalOpen] = useState(false);
@@ -104,8 +112,8 @@ const FloatingChatWidgetHandler = (props) => {
 				salesAgentData,
 				hardcopyContent,
 				floatingChatConfig: uiConfig?.floatingChat ?? {},
-				lookAndFeelConfig: uiConfig?.lookAndFeel ?? {},
-				isCXButtonSwitchEnabled: !!isSwitchEnabled?.(),
+				lookAndFeelConfig: modifiedLookAndFeelConfig ?? {},
+				isCXButtonSwitchEnabled: previewCXButtonsEnabled ? true : !!isSwitchEnabled?.(),
 				isFloatingChatOpen: effectiveIsOpen,
 				onToggleCXButton: toggle,
 				debugBar: /* @__PURE__ */ jsx(DebugBar, {}),
@@ -138,12 +146,14 @@ const FloatingChatWidgetHandler = (props) => {
 	}, cxProvider);
 };
 const FloatingChatWidgetWithBaseWidget = withBaseWidget(FloatingChatWidgetHandler, { deferLoading: false });
-const FloatingChatWidget = ({ previewButtonOnly, previewChatAlwaysOpen } = {}) => {
+const FloatingChatWidget = ({ previewButtonOnly, previewChatAlwaysOpen, previewCXButtonsEnabled, previewDisclaimer } = {}) => {
 	return /* @__PURE__ */ jsx(FloatingChatWidgetWithBaseWidget, {
 		widgetType: WidgetTypeV3.FloatingChatV3,
 		widgetConfigId: "fake-widget-config-id",
 		previewButtonOnly,
-		previewChatAlwaysOpen
+		previewChatAlwaysOpen,
+		previewCXButtonsEnabled,
+		previewDisclaimer
 	});
 };
 FloatingChatWidget.displayName = "FloatingChatWidget";

package/dist/widgets/FloatingChatWidget/hooks/useAutoPopup.cjs

@@ -1,8 +1,8 @@
 const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
-let react = require("react");
 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_hooks_contexts_featureFlagServiceContext = require("@envive-ai/react-hooks/contexts/featureFlagServiceContext");
+let __envive_ai_react_hooks_application_models = require("@envive-ai/react-hooks/application/models");
+let react = require("react");
 
 //#region src/widgets/FloatingChatWidget/hooks/useAutoPopup.ts
 const useAutoPopup = ({ autoPopupConfig }) => {

package/dist/widgets/FloatingChatWidget/hooks/useAutoPopup.js

@@ -1,7 +1,7 @@
-import { useCallback, useEffect, useMemo, useRef } from "react";
 import { useChatToggle } from "@envive-ai/react-hooks/hooks/ChatToggle";
-import { ChatElementDisplayLocationV3, FeatureGates } from "@envive-ai/react-hooks/application/models";
 import { useFeatureFlagService } from "@envive-ai/react-hooks/contexts/featureFlagServiceContext";
+import { ChatElementDisplayLocationV3, FeatureGates } from "@envive-ai/react-hooks/application/models";
+import { useCallback, useEffect, useMemo, useRef } from "react";
 
 //#region src/widgets/FloatingChatWidget/hooks/useAutoPopup.ts
 const useAutoPopup = ({ autoPopupConfig }) => {

package/dist/widgets/FloatingChatWidget/hooks/useFloatingButtonVisibility.cjs

@@ -1,16 +1,15 @@
 const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
-let react = require("react");
 let jotai = require("jotai");
 let __envive_ai_react_hooks_application_models = require("@envive-ai/react-hooks/application/models");
 let __envive_ai_react_hooks_atoms_app = require("@envive-ai/react-hooks/atoms/app");
+let react = require("react");
 let __envive_ai_react_toolkit_v3_FloatingButton = require("@envive-ai/react-toolkit-v3/FloatingButton");
 let __envive_ai_react_hooks_atoms_org = require("@envive-ai/react-hooks/atoms/org");
 
 //#region src/widgets/FloatingChatWidget/hooks/useFloatingButtonVisibility.ts
 const useFloatingButtonVisibility = ({ floatingButtonShowConfig = __envive_ai_react_toolkit_v3_FloatingButton.FloatingButtonShow.ALWAYS, isChatOpen, userHasInteracted }) => {
 	const featureFlagService = (0, jotai.useAtomValue)(__envive_ai_react_hooks_atoms_org.featureFlagServiceAtom);
-	const [variantInfo] = (0, jotai.useAtom)(__envive_ai_react_hooks_atoms_app.variantInfoAtom);
-	const internalfloatingButtonShowConfig = variantInfo.floatingButtonOverride ?? floatingButtonShowConfig;
+	const internalfloatingButtonShowConfig = (0, jotai.useAtomValue)(__envive_ai_react_hooks_atoms_app.variantInfoAtom).floatingButtonOverride ?? floatingButtonShowConfig;
 	const isSalesAgentEnabled = (0, react.useMemo)(() => featureFlagService?.featureFlagService?.isFeatureGateEnabled(__envive_ai_react_hooks_application_models.FeatureGates.IsSalesAgentEnabled), [featureFlagService]);
 	return {
 		shouldShowFloatingButton: (isSalesAgentEnabled || isSalesAgentEnabled === void 0) && !isChatOpen && (internalfloatingButtonShowConfig === __envive_ai_react_toolkit_v3_FloatingButton.FloatingButtonShow.ALWAYS || internalfloatingButtonShowConfig === __envive_ai_react_toolkit_v3_FloatingButton.FloatingButtonShow.POST_INTERACTION && userHasInteracted),

package/dist/widgets/FloatingChatWidget/hooks/useFloatingButtonVisibility.js

@@ -1,15 +1,14 @@
-import { useMemo } from "react";
-import { useAtom, useAtomValue } from "jotai";
+import { useAtomValue } from "jotai";
 import { FeatureGates } from "@envive-ai/react-hooks/application/models";
 import { variantInfoAtom } from "@envive-ai/react-hooks/atoms/app";
+import { useMemo } from "react";
 import { FloatingButtonShow } from "@envive-ai/react-toolkit-v3/FloatingButton";
 import { featureFlagServiceAtom } from "@envive-ai/react-hooks/atoms/org";
 
 //#region src/widgets/FloatingChatWidget/hooks/useFloatingButtonVisibility.ts
 const useFloatingButtonVisibility = ({ floatingButtonShowConfig = FloatingButtonShow.ALWAYS, isChatOpen, userHasInteracted }) => {
 	const featureFlagService = useAtomValue(featureFlagServiceAtom);
-	const [variantInfo] = useAtom(variantInfoAtom);
-	const internalfloatingButtonShowConfig = variantInfo.floatingButtonOverride ?? floatingButtonShowConfig;
+	const internalfloatingButtonShowConfig = useAtomValue(variantInfoAtom).floatingButtonOverride ?? floatingButtonShowConfig;
 	const isSalesAgentEnabled = useMemo(() => featureFlagService?.featureFlagService?.isFeatureGateEnabled(FeatureGates.IsSalesAgentEnabled), [featureFlagService]);
 	return {
 		shouldShowFloatingButton: (isSalesAgentEnabled || isSalesAgentEnabled === void 0) && !isChatOpen && (internalfloatingButtonShowConfig === FloatingButtonShow.ALWAYS || internalfloatingButtonShowConfig === FloatingButtonShow.POST_INTERACTION && userHasInteracted),

package/dist/widgets/FullPageSalesAgentWidget/FullPageSalesAgentWidget.cjs

@@ -1,21 +1,27 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_withBaseWidget = require('../../hocs/withBaseWidget/withBaseWidget.cjs');
 require('../../hocs/withBaseWidget/index.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_hooks_contexts_featureFlagServiceContext = require("@envive-ai/react-hooks/contexts/featureFlagServiceContext");
+let __envive_ai_react_hooks_application_models = require("@envive-ai/react-hooks/application/models");
 let __envive_ai_react_toolkit_v3_Tokens = require("@envive-ai/react-toolkit-v3/Tokens");
+let react_jsx_runtime = require("react/jsx-runtime");
 let __envive_ai_react_toolkit_v3_FullPageSalesAgent = require("@envive-ai/react-toolkit-v3/FullPageSalesAgent");
 
 //#region src/widgets/FullPageSalesAgentWidget/FullPageSalesAgentWidget.tsx
 const FullPageSalesAgentHandler = ({ uiConfig, hardcopyContent, widgetConfig }) => {
 	const { headerContainer, autoHeight } = widgetConfig || {};
+	const voiceInputEnabled = uiConfig?.lookAndFeel?.voiceInputEnabled;
+	const { featureFlagService } = (0, __envive_ai_react_hooks_contexts_featureFlagServiceContext.useFeatureFlagService)();
+	const isVoiceInputEnabled = featureFlagService?.isFeatureGateEnabled(__envive_ai_react_hooks_application_models.FeatureGates.IsVoiceInputEnabled) || voiceInputEnabled;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_toolkit_v3_FullPageSalesAgent.FullPageSalesAgent, {
 		theme: __envive_ai_react_toolkit_v3_Tokens.Theme.STANDARD,
 		floatingChatConfig: uiConfig?.floatingChat ?? {},
 		lookAndFeelConfig: uiConfig?.lookAndFeel ?? {},
 		hardcopyContent,
 		headerContainer,
-		autoHeight
+		autoHeight,
+		voiceInputEnabled: isVoiceInputEnabled
 	});
 };
 const FullPageSalesAgentBaseWidget = require_withBaseWidget.withBaseWidget(FullPageSalesAgentHandler);

package/dist/widgets/FullPageSalesAgentWidget/FullPageSalesAgentWidget.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime11 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/widgets/FullPageSalesAgentWidget/FullPageSalesAgentWidget.d.ts
 
@@ -8,7 +8,7 @@ interface FullPageSalesAgentBaseWidgetProps {
 declare const FullPageSalesAgentWidget: {
   ({
     widgetConfigId
-  }: FullPageSalesAgentBaseWidgetProps): react_jsx_runtime11.JSX.Element;
+  }: FullPageSalesAgentBaseWidgetProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/widgets/FullPageSalesAgentWidget/FullPageSalesAgentWidget.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/widgets/FullPageSalesAgentWidget/FullPageSalesAgentWidget.d.ts
 
@@ -8,7 +8,7 @@ interface FullPageSalesAgentBaseWidgetProps {
 declare const FullPageSalesAgentWidget: {
   ({
     widgetConfigId
-  }: FullPageSalesAgentBaseWidgetProps): react_jsx_runtime1.JSX.Element;
+  }: FullPageSalesAgentBaseWidgetProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/widgets/FullPageSalesAgentWidget/FullPageSalesAgentWidget.js

@@ -1,20 +1,26 @@
 import { withBaseWidget } from "../../hocs/withBaseWidget/withBaseWidget.js";
 import "../../hocs/withBaseWidget/index.js";
-import { jsx } from "react/jsx-runtime";
 import { WidgetTypeV3 } from "@envive-ai/react-hooks/contexts/typesV3";
+import { useFeatureFlagService } from "@envive-ai/react-hooks/contexts/featureFlagServiceContext";
+import { FeatureGates } from "@envive-ai/react-hooks/application/models";
 import { Theme } from "@envive-ai/react-toolkit-v3/Tokens";
+import { jsx } from "react/jsx-runtime";
 import { FullPageSalesAgent } from "@envive-ai/react-toolkit-v3/FullPageSalesAgent";
 
 //#region src/widgets/FullPageSalesAgentWidget/FullPageSalesAgentWidget.tsx
 const FullPageSalesAgentHandler = ({ uiConfig, hardcopyContent, widgetConfig }) => {
 	const { headerContainer, autoHeight } = widgetConfig || {};
+	const voiceInputEnabled = uiConfig?.lookAndFeel?.voiceInputEnabled;
+	const { featureFlagService } = useFeatureFlagService();
+	const isVoiceInputEnabled = featureFlagService?.isFeatureGateEnabled(FeatureGates.IsVoiceInputEnabled) || voiceInputEnabled;
 	return /* @__PURE__ */ jsx(FullPageSalesAgent, {
 		theme: Theme.STANDARD,
 		floatingChatConfig: uiConfig?.floatingChat ?? {},
 		lookAndFeelConfig: uiConfig?.lookAndFeel ?? {},
 		hardcopyContent,
 		headerContainer,
-		autoHeight
+		autoHeight,
+		voiceInputEnabled: isVoiceInputEnabled
 	});
 };
 const FullPageSalesAgentBaseWidget = withBaseWidget(FullPageSalesAgentHandler);

package/dist/widgets/ProductCardWidget/ProductCardWidget.cjs

@@ -2,17 +2,18 @@ const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_withBaseWidget = require('../../hocs/withBaseWidget/withBaseWidget.cjs');
 require('../../hocs/withBaseWidget/index.cjs');
 const require_functions = require('../utils/functions.cjs');
-let react = require("react");
-let __envive_ai_react_hooks_contexts_amplitudeContext = require("@envive-ai/react-hooks/contexts/amplitudeContext");
-let react_jsx_runtime = require("react/jsx-runtime");
 let __envive_ai_react_hooks_contexts_salesAgentContext = require("@envive-ai/react-hooks/contexts/salesAgentContext");
 let __envive_ai_react_hooks_contexts_typesV3 = require("@envive-ai/react-hooks/contexts/typesV3");
 let __envive_ai_react_hooks_hooks_ChatToggle = require("@envive-ai/react-hooks/hooks/ChatToggle");
+let __envive_ai_react_hooks_contexts_featureFlagServiceContext = require("@envive-ai/react-hooks/contexts/featureFlagServiceContext");
 let __envive_ai_react_hooks_application_models = require("@envive-ai/react-hooks/application/models");
+let __envive_ai_react_hooks_contexts_amplitudeContext = require("@envive-ai/react-hooks/contexts/amplitudeContext");
 let __envive_ai_react_hooks_hooks_WidgetInteraction = require("@envive-ai/react-hooks/hooks/WidgetInteraction");
 let __envive_ai_react_hooks_hooks_WidgetInteraction_types = require("@envive-ai/react-hooks/hooks/WidgetInteraction/types");
 let __envive_ai_react_toolkit_v3_PromptCarousel = require("@envive-ai/react-toolkit-v3/PromptCarousel");
 let __envive_ai_react_toolkit_v3_Tokens = require("@envive-ai/react-toolkit-v3/Tokens");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
 let __envive_ai_react_toolkit_v3_ProductCard = require("@envive-ai/react-toolkit-v3/ProductCard");
 let __envive_ai_react_toolkit_v3_PromptButton_types = require("@envive-ai/react-toolkit-v3/PromptButton/types");
 
@@ -29,7 +30,7 @@ const mockAnimatedText = ["Loading..."];
 const ProductCardWidgetHandler = (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 { hardcopyContent, widgetConfig, uiConfig, isLoading } = props;
 	const hardCopyHeadline = hardcopyContent?.values?.headline;
 	const headline = isLoading ? mockHeadline : hardCopyHeadline || "";
 	const hardCopyAnimatedText = hardcopyContent?.values?.animatedText || [];
@@ -43,6 +44,9 @@ const ProductCardWidgetHandler = (props) => {
 	const italicizeHeadline = productCardWidgetConfig?.italicizeHeadline;
 	const fallbackColor = productCardWidgetConfig?.fallbackColor;
 	const imageSrc = productCardWidgetConfig?.imageSrc || "";
+	const voiceInputEnabled = uiConfig?.lookAndFeel?.voiceInputEnabled;
+	const { featureFlagService } = (0, __envive_ai_react_hooks_contexts_featureFlagServiceContext.useFeatureFlagService)();
+	const isVoiceInputEnabled = featureFlagService?.isFeatureGateEnabled(__envive_ai_react_hooks_application_models.FeatureGates.IsVoiceInputEnabled) || voiceInputEnabled;
 	const { trackEvent } = (0, __envive_ai_react_hooks_contexts_amplitudeContext.useAmplitude)();
 	const { trackWidgetInteraction } = (0, __envive_ai_react_hooks_hooks_WidgetInteraction.useWidgetInteraction)();
 	const { onClick: onSuggestionClick, onDrag, onHover, onMouseDown, onMouseUp, onTouchStart, onTouchEnd } = (0, __envive_ai_react_toolkit_v3_PromptCarousel.usePromptCarouselAnalytics)(__envive_ai_react_hooks_hooks_WidgetInteraction_types.WidgetInteractionComponent.IMAGE_PROMPT_CARD, (text) => {
@@ -83,6 +87,25 @@ const ProductCardWidgetHandler = (props) => {
 			}
 		});
 	}, [openChat]);
+	const handleTranscriptionStarted = (0, react.useCallback)(() => {
+		trackWidgetInteraction({
+			eventName: __envive_ai_react_hooks_contexts_amplitudeContext.EnviveMetricsEventName.WidgetInteraction,
+			trigger: {
+				widget: __envive_ai_react_hooks_hooks_WidgetInteraction_types.WidgetInteractionComponent.IMAGE_PROMPT_CARD,
+				widget_interaction: __envive_ai_react_hooks_hooks_WidgetInteraction_types.WidgetInteractionType.VOICE_TRANSCRIPTION_STARTED
+			}
+		});
+	}, []);
+	const handleTranscriptionCompleted = (0, react.useCallback)((transcript) => {
+		trackWidgetInteraction({
+			eventName: __envive_ai_react_hooks_contexts_amplitudeContext.EnviveMetricsEventName.WidgetInteraction,
+			trigger: {
+				widget: __envive_ai_react_hooks_hooks_WidgetInteraction_types.WidgetInteractionComponent.IMAGE_PROMPT_CARD,
+				widget_interaction: __envive_ai_react_hooks_hooks_WidgetInteraction_types.WidgetInteractionType.VOICE_TRANSCRIPTION_COMPLETED,
+				widget_interaction_data: { transcription: transcript }
+			}
+		});
+	}, []);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__envive_ai_react_toolkit_v3_ProductCard.ProductCard, {
 		theme: __envive_ai_react_toolkit_v3_Tokens.Theme.GLOBAL_CUSTOM,
 		imageSrc,
@@ -94,6 +117,7 @@ const ProductCardWidgetHandler = (props) => {
 		promptButtonType,
 		carouselId,
 		placeholder,
+		voiceInputEnabled: isVoiceInputEnabled,
 		textTypingDuration: 800,
 		textTransition: 2e3,
 		onSelect: handleSelect,
@@ -103,7 +127,9 @@ const ProductCardWidgetHandler = (props) => {
 		onMouseUp,
 		onTouchStart,
 		onTouchEnd,
-		onInputClick: handleInputClick
+		onInputClick: handleInputClick,
+		onTranscriptionStarted: handleTranscriptionStarted,
+		onTranscriptionCompleted: handleTranscriptionCompleted
 	});
 };
 const ProductCardWidgetWithBaseWidget = require_withBaseWidget.withBaseWidget(ProductCardWidgetHandler);

package/dist/widgets/ProductCardWidget/ProductCardWidget.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime9 from "react/jsx-runtime";
+import * as react_jsx_runtime14 from "react/jsx-runtime";
 
 //#region src/widgets/ProductCardWidget/ProductCardWidget.d.ts
 interface ProductCardWidgetProps {
@@ -7,7 +7,7 @@ interface ProductCardWidgetProps {
 declare const ProductCardWidget: {
   ({
     widgetConfigId
-  }: ProductCardWidgetProps): react_jsx_runtime9.JSX.Element;
+  }: ProductCardWidgetProps): react_jsx_runtime14.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/widgets/ProductCardWidget/ProductCardWidget.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime7 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/widgets/ProductCardWidget/ProductCardWidget.d.ts
 interface ProductCardWidgetProps {
@@ -7,7 +7,7 @@ interface ProductCardWidgetProps {
 declare const ProductCardWidget: {
   ({
     widgetConfigId
-  }: ProductCardWidgetProps): react_jsx_runtime7.JSX.Element;
+  }: ProductCardWidgetProps): react_jsx_runtime0.JSX.Element;
   displayName: string;
 };
 //#endregion