@envive-ai/react-toolkit-v3 0.3.14 → 0.3.15-beta.1

package/dist/components/Form/utils/createFormSchema.cjs

@@ -0,0 +1,40 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+let zod = require("zod");
+
+//#region src/components/Form/utils/createFormSchema.ts
+/**
+* Creates a Zod schema for form validation based on the field definitions.
+*/
+const createFormSchema = (textFields) => {
+	const schemaObject = {};
+	textFields.forEach((field, index) => {
+		const fieldKey = `field_${index}`;
+		const fieldType = field.type;
+		if (fieldType === "number") {
+			const numberSchema = zod.z.union([zod.z.coerce.number(), zod.z.literal("")]);
+			if (field.isRequired) schemaObject[fieldKey] = numberSchema.refine((val) => val !== "", `${field.label} is missing`);
+			else schemaObject[fieldKey] = numberSchema;
+		} else {
+			let stringSchema = zod.z.string();
+			if (fieldType === "email") stringSchema = stringSchema.email(`Not a valid email address`);
+			else if (fieldType === "url") stringSchema = stringSchema.url(`${field.label} must be a valid URL`);
+			if (field.isRequired) {
+				stringSchema = stringSchema.min(1, `${field.label} is missing`);
+				schemaObject[fieldKey] = stringSchema;
+			} else schemaObject[fieldKey] = zod.z.string().refine((val) => {
+				if (val === "") return true;
+				if (fieldType === "email") return zod.z.string().email().safeParse(val).success;
+				if (fieldType === "url") return zod.z.string().url().safeParse(val).success;
+				return true;
+			}, { message: (() => {
+				if (fieldType === "email") return "Not a valid email address";
+				if (fieldType === "url") return "Not a valid URL";
+				return "";
+			})() });
+		}
+	});
+	return zod.z.object(schemaObject);
+};
+
+//#endregion
+exports.createFormSchema = createFormSchema;

package/dist/components/Form/utils/mapTextFields.cjs

@@ -0,0 +1,24 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+const require_index = require('../components/index.cjs');
+let react = require("react");
+
+//#region src/components/Form/utils/mapTextFields.ts
+/**
+* Maps text field definitions to TextFieldItem elements.
+*/
+const mapTextFields = (textFields, values, onChange, fieldErrors = {}) => {
+	return textFields.map((field, index) => {
+		return (0, react.createElement)(require_index.FormsComponents.TextFieldItem, {
+			key: `${field.label}`,
+			label: field.label,
+			value: values[index] ?? "",
+			type: field.type,
+			onChange: (value) => onChange(index, value),
+			ariaLabel: field.ariaLabel,
+			error: fieldErrors[index]
+		});
+	});
+};
+
+//#endregion
+exports.mapTextFields = mapTextFields;

package/dist/components/FormField/FormField.cjs

@@ -0,0 +1,79 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_Input = require('../Input/Input.cjs');
+const require_Label = require('../Label/Label.cjs');
+const require_FormHelperText = require('../FormHelperText/FormHelperText.cjs');
+const require_Textarea = require('../Textarea/Textarea.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+let classnames = require("classnames");
+classnames = require_rolldown_runtime.__toESM(classnames);
+
+//#region src/components/FormField/FormField.tsx
+const FormField = react.forwardRef(({ label, required, value, defaultValue, onChange, onBlur, onFocus, onKeyDown, placeholder, disabled, name, type, multiline, rows, error, helperText, size, fullWidth, startAdornment, endAdornment, inputProps, inputRef, className, inputClassName, id, autoFocus, autoComplete, maxRows }, ref) => {
+	const hasAdornment = !!(startAdornment || endAdornment);
+	const errorClasses = error ? "envive-tw-border-destructive focus-visible:envive-tw-ring-destructive" : "";
+	const sizeClasses = size === "sm" ? "envive-tw-h-8 envive-tw-text-xs" : "";
+	const sharedInputProps = {
+		id,
+		name,
+		value,
+		defaultValue,
+		onChange,
+		onBlur,
+		onFocus,
+		onKeyDown,
+		placeholder,
+		disabled,
+		autoFocus,
+		autoComplete,
+		"aria-invalid": error || void 0,
+		...inputProps
+	};
+	const inputElement = multiline ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Textarea.Textarea, {
+		ref: inputRef,
+		rows,
+		className: (0, classnames.default)(errorClasses, inputClassName),
+		...sharedInputProps
+	}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Input.Input, {
+		ref: inputRef,
+		type,
+		className: (0, classnames.default)(errorClasses, sizeClasses, hasAdornment && "envive-tw-flex-1", inputClassName),
+		...sharedInputProps
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		ref,
+		className: (0, classnames.default)("envive-tw-space-y-1.5", fullWidth && "envive-tw-w-full", className),
+		children: [
+			label && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Label.Label, {
+				htmlFor: id,
+				children: [label, required && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "envive-tw-text-destructive envive-tw-ml-0.5",
+					children: "*"
+				})]
+			}),
+			hasAdornment ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "envive-tw-relative envive-tw-flex envive-tw-items-center envive-tw-gap-2",
+				children: [
+					startAdornment && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "envive-tw-flex envive-tw-items-center envive-tw-text-muted-foreground",
+						children: startAdornment
+					}),
+					inputElement,
+					endAdornment && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "envive-tw-flex envive-tw-items-center envive-tw-text-muted-foreground",
+						children: endAdornment
+					})
+				]
+			}) : inputElement,
+			helperText && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_FormHelperText.FormHelperText, {
+				error,
+				children: helperText
+			})
+		]
+	});
+});
+FormField.displayName = "FormField";
+
+//#endregion
+exports.FormField = FormField;

package/dist/components/FormField/FormField.d.cts

@@ -0,0 +1,7 @@
+import { FormFieldProps } from "./types/index.cjs";
+import * as React$1 from "react";
+
+//#region src/components/FormField/FormField.d.ts
+declare const FormField: React$1.ForwardRefExoticComponent<FormFieldProps & React$1.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { FormField };

package/dist/components/FormField/FormField.d.ts

@@ -0,0 +1,7 @@
+import { FormFieldProps } from "./types/index.js";
+import * as React$1 from "react";
+
+//#region src/components/FormField/FormField.d.ts
+declare const FormField: React$1.ForwardRefExoticComponent<FormFieldProps & React$1.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { FormField };

package/dist/components/FormField/FormField.js

@@ -0,0 +1,76 @@
+import { Input } from "../Input/Input.js";
+import { Label } from "../Label/Label.js";
+import { FormHelperText } from "../FormHelperText/FormHelperText.js";
+import { Textarea } from "../Textarea/Textarea.js";
+import * as React$1 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import classNames from "classnames";
+
+//#region src/components/FormField/FormField.tsx
+const FormField = React$1.forwardRef(({ label, required, value, defaultValue, onChange, onBlur, onFocus, onKeyDown, placeholder, disabled, name, type, multiline, rows, error, helperText, size, fullWidth, startAdornment, endAdornment, inputProps, inputRef, className, inputClassName, id, autoFocus, autoComplete, maxRows }, ref) => {
+	const hasAdornment = !!(startAdornment || endAdornment);
+	const errorClasses = error ? "envive-tw-border-destructive focus-visible:envive-tw-ring-destructive" : "";
+	const sizeClasses = size === "sm" ? "envive-tw-h-8 envive-tw-text-xs" : "";
+	const sharedInputProps = {
+		id,
+		name,
+		value,
+		defaultValue,
+		onChange,
+		onBlur,
+		onFocus,
+		onKeyDown,
+		placeholder,
+		disabled,
+		autoFocus,
+		autoComplete,
+		"aria-invalid": error || void 0,
+		...inputProps
+	};
+	const inputElement = multiline ? /* @__PURE__ */ jsx(Textarea, {
+		ref: inputRef,
+		rows,
+		className: classNames(errorClasses, inputClassName),
+		...sharedInputProps
+	}) : /* @__PURE__ */ jsx(Input, {
+		ref: inputRef,
+		type,
+		className: classNames(errorClasses, sizeClasses, hasAdornment && "envive-tw-flex-1", inputClassName),
+		...sharedInputProps
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		ref,
+		className: classNames("envive-tw-space-y-1.5", fullWidth && "envive-tw-w-full", className),
+		children: [
+			label && /* @__PURE__ */ jsxs(Label, {
+				htmlFor: id,
+				children: [label, required && /* @__PURE__ */ jsx("span", {
+					className: "envive-tw-text-destructive envive-tw-ml-0.5",
+					children: "*"
+				})]
+			}),
+			hasAdornment ? /* @__PURE__ */ jsxs("div", {
+				className: "envive-tw-relative envive-tw-flex envive-tw-items-center envive-tw-gap-2",
+				children: [
+					startAdornment && /* @__PURE__ */ jsx("span", {
+						className: "envive-tw-flex envive-tw-items-center envive-tw-text-muted-foreground",
+						children: startAdornment
+					}),
+					inputElement,
+					endAdornment && /* @__PURE__ */ jsx("span", {
+						className: "envive-tw-flex envive-tw-items-center envive-tw-text-muted-foreground",
+						children: endAdornment
+					})
+				]
+			}) : inputElement,
+			helperText && /* @__PURE__ */ jsx(FormHelperText, {
+				error,
+				children: helperText
+			})
+		]
+	});
+});
+FormField.displayName = "FormField";
+
+//#endregion
+export { FormField };

package/dist/components/FormField/index.cjs

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

package/dist/components/FormField/index.d.cts

@@ -0,0 +1,3 @@
+import { FormFieldProps } from "./types/index.cjs";
+import { FormField } from "./FormField.cjs";
+export { FormField, type FormFieldProps };

package/dist/components/FormField/index.d.ts

@@ -0,0 +1,3 @@
+import { FormFieldProps } from "./types/index.js";
+import { FormField } from "./FormField.js";
+export { FormField, type FormFieldProps };

package/dist/components/FormField/index.js

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

package/dist/components/FormField/types/index.d.cts

@@ -0,0 +1,33 @@
+//#region src/components/FormField/types/index.d.ts
+interface FormFieldProps {
+  label?: string;
+  required?: boolean;
+  value?: string | number;
+  defaultValue?: string | number;
+  onChange?: (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+  onBlur?: React.FocusEventHandler;
+  onFocus?: React.FocusEventHandler;
+  onKeyDown?: React.KeyboardEventHandler;
+  placeholder?: string;
+  disabled?: boolean;
+  name?: string;
+  type?: string;
+  multiline?: boolean;
+  rows?: number;
+  error?: boolean;
+  helperText?: string;
+  size?: 'sm' | 'default';
+  fullWidth?: boolean;
+  startAdornment?: React.ReactNode;
+  endAdornment?: React.ReactNode;
+  inputProps?: Record<string, any>;
+  inputRef?: React.Ref<HTMLInputElement | HTMLTextAreaElement>;
+  className?: string;
+  inputClassName?: string;
+  id?: string;
+  autoFocus?: boolean;
+  autoComplete?: string;
+  maxRows?: number;
+}
+//#endregion
+export { FormFieldProps };

package/dist/components/FormField/types/index.d.ts

@@ -0,0 +1,33 @@
+//#region src/components/FormField/types/index.d.ts
+interface FormFieldProps {
+  label?: string;
+  required?: boolean;
+  value?: string | number;
+  defaultValue?: string | number;
+  onChange?: (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+  onBlur?: React.FocusEventHandler;
+  onFocus?: React.FocusEventHandler;
+  onKeyDown?: React.KeyboardEventHandler;
+  placeholder?: string;
+  disabled?: boolean;
+  name?: string;
+  type?: string;
+  multiline?: boolean;
+  rows?: number;
+  error?: boolean;
+  helperText?: string;
+  size?: 'sm' | 'default';
+  fullWidth?: boolean;
+  startAdornment?: React.ReactNode;
+  endAdornment?: React.ReactNode;
+  inputProps?: Record<string, any>;
+  inputRef?: React.Ref<HTMLInputElement | HTMLTextAreaElement>;
+  className?: string;
+  inputClassName?: string;
+  id?: string;
+  autoFocus?: boolean;
+  autoComplete?: string;
+  maxRows?: number;
+}
+//#endregion
+export { FormFieldProps };

package/dist/components/FormHelperText/FormHelperText.cjs

@@ -0,0 +1,17 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+let classnames = require("classnames");
+classnames = require_rolldown_runtime.__toESM(classnames);
+
+//#region src/components/FormHelperText/FormHelperText.tsx
+const FormHelperText = react.forwardRef(({ className, error, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+	ref,
+	className: (0, classnames.default)("envive-tw-text-sm envive-tw-mt-1", error ? "envive-tw-text-destructive" : "envive-tw-text-muted-foreground", className),
+	...props
+}));
+FormHelperText.displayName = "FormHelperText";
+
+//#endregion
+exports.FormHelperText = FormHelperText;

package/dist/components/FormHelperText/FormHelperText.d.cts

@@ -0,0 +1,7 @@
+import { FormHelperTextProps } from "./types/index.cjs";
+import * as React$1 from "react";
+
+//#region src/components/FormHelperText/FormHelperText.d.ts
+declare const FormHelperText: React$1.ForwardRefExoticComponent<FormHelperTextProps & React$1.RefAttributes<HTMLParagraphElement>>;
+//#endregion
+export { FormHelperText };

package/dist/components/FormHelperText/FormHelperText.d.ts

@@ -0,0 +1,7 @@
+import { FormHelperTextProps } from "./types/index.js";
+import * as React$1 from "react";
+
+//#region src/components/FormHelperText/FormHelperText.d.ts
+declare const FormHelperText: React$1.ForwardRefExoticComponent<FormHelperTextProps & React$1.RefAttributes<HTMLParagraphElement>>;
+//#endregion
+export { FormHelperText };

package/dist/components/FormHelperText/FormHelperText.js

@@ -0,0 +1,14 @@
+import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
+import classNames from "classnames";
+
+//#region src/components/FormHelperText/FormHelperText.tsx
+const FormHelperText = React$1.forwardRef(({ className, error, ...props }, ref) => /* @__PURE__ */ jsx("p", {
+	ref,
+	className: classNames("envive-tw-text-sm envive-tw-mt-1", error ? "envive-tw-text-destructive" : "envive-tw-text-muted-foreground", className),
+	...props
+}));
+FormHelperText.displayName = "FormHelperText";
+
+//#endregion
+export { FormHelperText };

package/dist/components/FormHelperText/index.cjs

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

package/dist/components/FormHelperText/index.d.cts

@@ -0,0 +1,3 @@
+import { FormHelperTextProps } from "./types/index.cjs";
+import { FormHelperText } from "./FormHelperText.cjs";
+export { FormHelperText, type FormHelperTextProps };

package/dist/components/FormHelperText/index.d.ts

@@ -0,0 +1,3 @@
+import { FormHelperTextProps } from "./types/index.js";
+import { FormHelperText } from "./FormHelperText.js";
+export { FormHelperText, type FormHelperTextProps };

package/dist/components/FormHelperText/index.js

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

package/dist/components/FormHelperText/types/index.d.cts

@@ -0,0 +1,6 @@
+//#region src/components/FormHelperText/types/index.d.ts
+interface FormHelperTextProps extends React.HTMLAttributes<HTMLParagraphElement> {
+  error?: boolean;
+}
+//#endregion
+export { FormHelperTextProps };

package/dist/components/FormHelperText/types/index.d.ts

@@ -0,0 +1,6 @@
+//#region src/components/FormHelperText/types/index.d.ts
+interface FormHelperTextProps extends React.HTMLAttributes<HTMLParagraphElement> {
+  error?: boolean;
+}
+//#endregion
+export { FormHelperTextProps };

package/dist/components/FullPageSalesAgent/FullPageSalesAgent.cjs

@@ -0,0 +1,132 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_theme = require('../../packages/components-v3/tokens/theme/theme.cjs');
+const require_resolveTheme = require('../utils/resolveTheme.cjs');
+require('../Tokens/index.cjs');
+const require_components_PromptButton_types_index = require('../PromptButton/types/index.cjs');
+require('../PromptButton/index.cjs');
+const require_components_PromptCarousel_types_types = require('../PromptCarousel/types/types.cjs');
+const require_PromptCarousel = require('../PromptCarousel/PromptCarousel.cjs');
+require('../PromptCarousel/index.cjs');
+const require_ChatFooter = require('../ChatFooter/ChatFooter.cjs');
+require('../ChatFooter/index.cjs');
+const require_Disclaimer = require('../Disclaimer/Disclaimer.cjs');
+require('../Disclaimer/index.cjs');
+const require_WelcomeMessage = require('../WelcomeMessage/WelcomeMessage.cjs');
+const require_index = require('../FloatingChat/components/index.cjs');
+const require_useChatSuggestions = require('../FloatingChat/hooks/useChatSuggestions.cjs');
+const require_useScrollToBottom = require('../FloatingChat/hooks/useScrollToBottom.cjs');
+require('../WelcomeMessage/index.cjs');
+const require_useIsMobile = require('./hooks/useIsMobile.cjs');
+const require_useGetFooterStyles = require('./hooks/useGetFooterStyles.cjs');
+const require_index$1 = require('./components/index.cjs');
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let __envive_ai_react_hooks_application_models = require("@envive-ai/react-hooks/application/models");
+let __envive_ai_react_hooks_contexts_salesAgentContext = require("@envive-ai/react-hooks/contexts/salesAgentContext");
+
+//#region src/components/FullPageSalesAgent/FullPageSalesAgent.tsx
+const FullPageSalesAgent = ({ theme = require_theme.Theme.GLOBAL_CUSTOM, floatingChatConfig, lookAndFeelConfig, hardcopyContent, headerContainer, autoHeight }) => {
+	const resolvedTheme = require_resolveTheme.resolveTheme(theme);
+	const salesAgentData = (0, __envive_ai_react_hooks_contexts_salesAgentContext.useSalesAgent)();
+	const [query, setQuery] = (0, react.useState)("");
+	const chatMessagesRef = (0, react.useRef)(null);
+	const { footerStyles } = require_useGetFooterStyles.useGetFooterStyles();
+	const { isMobile } = require_useIsMobile.useIsMobile();
+	const { welcomeMessageIconColor, ignoreFirstModelResponse, neverShowSingleProductCards, showVerifiedBuyer, showEnviveLogo, userQueryInputEnabled = true } = floatingChatConfig;
+	const { agentName } = lookAndFeelConfig;
+	const { welcomeMessageTitle, welcomeMessageText, chatFooterTextFieldPlaceholderText, disclaimerText } = hardcopyContent?.values ?? {};
+	const { messages, isResponseStreaming, isPendingResponse, suggestions, onSuggestionClicked, onTypedMessageSubmitted, onFormResponseSubmitted } = salesAgentData;
+	const { answerSuggestions, generalSuggestions, showAnswerSuggestions, setAnswerSuggestions, setGeneralSuggestions } = require_useChatSuggestions.useChatSuggestions({
+		suggestions,
+		isPendingResponse,
+		isResponseStreaming
+	});
+	const { showScrollButton, scrollToBottom, isFloatingLayout } = require_useScrollToBottom.useScrollToBottom({
+		messagesRef: chatMessagesRef,
+		scrollThreshold: 100,
+		footerHeight: 160,
+		autoScrollDependencies: [
+			messages,
+			isPendingResponse,
+			suggestions,
+			answerSuggestions,
+			generalSuggestions
+		]
+	});
+	const welcomeMessage = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_WelcomeMessage.WelcomeMessage, {
+		sparkleIconColor: welcomeMessageIconColor,
+		title: welcomeMessageTitle,
+		text: welcomeMessageText,
+		theme: resolvedTheme
+	});
+	const footer = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ChatFooter.ChatFooter, {
+		className: "envive-tw-bg-background-light",
+		style: footerStyles,
+		theme: resolvedTheme,
+		isScrolled: isMobile ? isFloatingLayout : false,
+		disabled: isPendingResponse || isResponseStreaming,
+		disabledInput: !userQueryInputEnabled,
+		isLoadingPromptSuggestions: isPendingResponse || isResponseStreaming || generalSuggestions.length === 0,
+		hideEnviveWatermark: !showEnviveLogo,
+		textFieldPlaceholderText: chatFooterTextFieldPlaceholderText,
+		promptSuggestions: isPendingResponse || isResponseStreaming ? ["Loading suggestions 1...", "Loading suggestions 2..."] : generalSuggestions,
+		handleButtonClick: (buttonText) => {
+			const suggestion = suggestions.find((s) => s.content === buttonText && !s.isAnswer);
+			if (suggestion) onSuggestionClicked(suggestion, __envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.FLOATING_CHAT_PROMPT_BUTTON);
+			setAnswerSuggestions([]);
+			setGeneralSuggestions([]);
+		},
+		onChange: setQuery,
+		onSubmit: () => {
+			onTypedMessageSubmitted({
+				query,
+				userTyped: true,
+				displayLocation: __envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.FLOATING_CHAT_TEXT_INPUT
+			});
+			setAnswerSuggestions([]);
+			setGeneralSuggestions([]);
+		}
+	});
+	const chatMessages = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.FloatingChatComponents.ChatMessages, {
+		theme: resolvedTheme,
+		ref: chatMessagesRef,
+		isLoading: isPendingResponse && !isResponseStreaming,
+		agentName,
+		messages,
+		hasFilteredMessages: false,
+		handlePreviousDiscussions: () => {},
+		isResponseStreaming,
+		ignoreFirstModelResponse,
+		neverShowSingleProductCards,
+		showVerifiedBuyer,
+		onFormResponseSubmitted
+	});
+	const answerSuggestionsComponent = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_PromptCarousel.PromptCarousel, {
+		className: "envive-tw-flex envive-tw-justify-end envive-tw-p-4 [&>div>div]:envive-tw-items-end",
+		theme: resolvedTheme,
+		promptButtonType: require_components_PromptButton_types_index.PromptButtonVariant.SUGGESTED_RESPONSE,
+		promptCarouselRows: require_components_PromptCarousel_types_types.PromptCarouselRows.ALWAYS_TWO,
+		promptButtonTexts: answerSuggestions,
+		handleButtonClick: (buttonText) => {
+			const suggestion = suggestions.find((s) => s.content === buttonText && s.isAnswer);
+			if (suggestion) onSuggestionClicked(suggestion, __envive_ai_react_hooks_application_models.ChatElementDisplayLocationV3.FLOATING_CHAT_PROMPT_BUTTON);
+			setAnswerSuggestions([]);
+			setGeneralSuggestions([]);
+		}
+	});
+	const disclaimer = disclaimerText && typeof disclaimerText === "string" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Disclaimer.Disclaimer, { disclaimerMarkdown: disclaimerText }) : void 0;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$1.FullPageSAComponents.Layout, {
+		theme: resolvedTheme,
+		welcomeMessage,
+		footer,
+		chatMessages,
+		answerSuggestions: showAnswerSuggestions ? answerSuggestionsComponent : void 0,
+		scrollToBottomButton: showScrollButton ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.FloatingChatComponents.ScrollToBottomButton, { onClick: scrollToBottom }) : void 0,
+		disclaimer,
+		headerContainer,
+		autoHeight
+	});
+};
+
+//#endregion
+exports.FullPageSalesAgent = FullPageSalesAgent;

package/dist/components/FullPageSalesAgent/FullPageSalesAgent.d.cts

@@ -0,0 +1,24 @@
+import { Theme } from "../../components-v3/tokens/theme/theme.cjs";
+import { FloatingChatConfig, LookAndFeelConfig } from "../../hooks/dist/contexts/typesV3.cjs";
+import { HardcopyResponse } from "../../hooks/dist/contexts/hardcopyContext/hardcopyContext.cjs";
+import * as react_jsx_runtime78 from "react/jsx-runtime";
+
+//#region src/components/FullPageSalesAgent/FullPageSalesAgent.d.ts
+interface FullPageSalesAgentProps {
+  theme?: Theme;
+  floatingChatConfig: FloatingChatConfig;
+  lookAndFeelConfig: LookAndFeelConfig;
+  hardcopyContent: HardcopyResponse;
+  headerContainer?: string;
+  autoHeight?: boolean;
+}
+declare const FullPageSalesAgent: ({
+  theme,
+  floatingChatConfig,
+  lookAndFeelConfig,
+  hardcopyContent,
+  headerContainer,
+  autoHeight
+}: FullPageSalesAgentProps) => react_jsx_runtime78.JSX.Element;
+//#endregion
+export { FullPageSalesAgent };

package/dist/components/FullPageSalesAgent/FullPageSalesAgent.d.ts

@@ -0,0 +1,25 @@
+import { Theme } from "../../packages/components-v3/tokens/theme/theme.js";
+import { FloatingChatConfig, LookAndFeelConfig } from "../../packages/hooks/dist/contexts/typesV3.js";
+import { HardcopyResponse } from "../../packages/hooks/dist/contexts/hardcopyContext/hardcopyContext.js";
+import "../../packages/hooks/dist/contexts/hardcopyContext/index.js";
+import * as react_jsx_runtime17 from "react/jsx-runtime";
+
+//#region src/components/FullPageSalesAgent/FullPageSalesAgent.d.ts
+interface FullPageSalesAgentProps {
+  theme?: Theme;
+  floatingChatConfig: FloatingChatConfig;
+  lookAndFeelConfig: LookAndFeelConfig;
+  hardcopyContent: HardcopyResponse;
+  headerContainer?: string;
+  autoHeight?: boolean;
+}
+declare const FullPageSalesAgent: ({
+  theme,
+  floatingChatConfig,
+  lookAndFeelConfig,
+  hardcopyContent,
+  headerContainer,
+  autoHeight
+}: FullPageSalesAgentProps) => react_jsx_runtime17.JSX.Element;
+//#endregion
+export { FullPageSalesAgent };