@clubmed/trident-ui 2.1.0-beta.3 → 2.1.0-beta.4

package/ui/ChatButton.js

@@ -1,33 +1,2 @@
-import { twMerge as e } from "./helpers/twMerge.js";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { Icon as r } from "@clubmed/trident-icons";
-//#region lib/ui/ChatButton.tsx
-var i = "AI Agent: Have you got a question?", a = "Chat with your assistant";
-function o({ children: o = i, className: s, type: c = "button", "aria-label": l, tabIndex: u, offset: d, unfoldOn: f = "hover", ...p }) {
-	let m = l ?? (typeof o == "string" && o.trim().length > 0 ? o.trim() : a);
-	return /* @__PURE__ */ n("button", {
-		type: c,
-		"aria-label": m,
-		tabIndex: u ?? 0,
-		...p,
-		className: e("chat-border grid grid-cols-[24px_0fr] transition-[grid-template-columns] justify-center items-center overflow-hidden cursor-pointer transition-all rounded-pill px-8 md:px-16 outline-none group/Chatbutton focus-visible:ring-4 focus-visible:ring-black focus-visible:ring-offset-2 pointer-events-auto h-48 min-h-48 md:min-w-80 md:h-80 active:scale-[0.98]", d && "md:translate-x-[40px] focus-visible:translate-x-0", f === "hover" && "group/hoverChatbutton hover:grid-cols-[24px_1fr] hover:translate-x-0", f === "active" && "group/activeChatbutton active:grid-cols-[24px_1fr] active:translate-x-0", "focus-visible:grid-cols-[24px_1fr]", s),
-		children: [/* @__PURE__ */ t(r, {
-			name: "Sparkles",
-			className: e("chat-button-icon w-24 transition-all", d && "relative md:start-[calc(-16px)] group-focus-visible/Chatbutton:start-0 group-hover/hoverChatbutton:start-0 group-active/activeChatbutton:start-0")
-		}), /* @__PURE__ */ t("div", {
-			className: "grid grid-cols-[0fr] overflow-hidden opacity-0 transition-opacity group-hover/hoverChatbutton:opacity-100 group-focus-visible/Chatbutton:opacity-100 group-active/activeChatbutton:opacity-100 duration-500",
-			children: /* @__PURE__ */ n("span", {
-				"aria-hidden": "true",
-				className: "chat-button-text items-center ps-20 flex gap-10 whitespace-nowrap font-semibold text-b3 text-black",
-				children: [o, /* @__PURE__ */ t(r, {
-					name: "ArrowTailRight",
-					width: "24px"
-				})]
-			})
-		})]
-	});
-}
-//#endregion
-export { o as ChatButton };
-
-//# sourceMappingURL=ChatButton.js.map
+import { ChatButton as e } from "./chat/ChatButton.js";
+export { e as ChatButton };

package/ui/ChatHeader.d.ts

@@ -1,6 +1 @@
-import { ReactNode } from 'react';
-export interface ChatHeaderProps {
-    title?: string;
-    logo?: ReactNode;
-}
-export declare function ChatHeader({ title, logo }: ChatHeaderProps): import("react/jsx-runtime").JSX.Element;
+export * from './chat/ChatHeader';

package/ui/ChatHeader.js

@@ -1,43 +1,2 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import { Icon as n } from "@clubmed/trident-icons";
-//#region lib/ui/ChatHeader.tsx
-var r = /* @__PURE__ */ e("svg", {
-	className: "absolute top-full inset-x-[50%] -translate-x-1/2",
-	width: "118",
-	height: "27",
-	viewBox: "0 0 118 27",
-	children: /* @__PURE__ */ e("path", {
-		d: "M0 0C10.8283 0 21.1946 5.40419 28.7327 13.2062L30.2673 14.7945C45.991 31.0685 72.009 31.0685 87.7327 14.7945L89.2673 13.2062C96.8054 5.40419 107.172 0 118 0C118 0 80.6853 0 0 0Z",
-		fill: "#F6EFE7"
-	})
-});
-function i({ title: i = "Ask me a question", logo: a }) {
-	return /* @__PURE__ */ t("div", {
-		className: "relative flex flex-col items-center shrink-0 pt-4 px-4 h-118 overflow-hidden",
-		children: [/* @__PURE__ */ e("div", {
-			className: "absolute inset-x-4 top-4 h-87 bg-lightSand rounded-[24px]",
-			children: r
-		}), /* @__PURE__ */ t("div", {
-			className: "relative flex flex-col flex-1 items-center justify-end pb-8 w-full z-10",
-			children: [/* @__PURE__ */ e("div", {
-				className: "flex items-center justify-center px-12 py-8 w-full",
-				children: /* @__PURE__ */ e("p", {
-					className: "font-serif font-bold italic text-h5 text-center text-black line-clamp-2",
-					children: i
-				})
-			}), a ?? /* @__PURE__ */ e("button", {
-				type: "button",
-				"aria-label": "AI assistant",
-				className: "chat-border flex items-center justify-center size-48 rounded-full bg-white outline-none focus-visible:ring-4 focus-visible:ring-black focus-visible:ring-offset-2",
-				children: /* @__PURE__ */ e(n, {
-					name: "Sparkles",
-					width: "24px"
-				})
-			})]
-		})]
-	});
-}
-//#endregion
-export { i as ChatHeader };
-
-//# sourceMappingURL=ChatHeader.js.map
+import { ChatHeader as e } from "./chat/ChatHeader.js";
+export { e as ChatHeader };

package/ui/ChatInput.d.ts

@@ -1,10 +1 @@
-import { FormHTMLAttributes } from 'react';
-export interface ChatInputProps extends FormHTMLAttributes<HTMLFormElement> {
-    value: string;
-    placeholder?: string;
-    onValueChange: (value: string) => void;
-    onSubmit: () => void;
-    /** Fallback for when the browser does not support the Web Speech API */
-    onAudioClick?: () => void;
-}
-export declare function ChatInput({ value, placeholder, onValueChange, onSubmit, onAudioClick, className, ...props }: ChatInputProps): import("react/jsx-runtime").JSX.Element;
+export * from './chat/ChatInput';

package/ui/ChatInput.js

@@ -1,149 +1,3 @@
 "use client";
-import { Button as e } from "./buttons/Button.js";
-import { twMerge as t } from "./helpers/twMerge.js";
-import { useEffect as n, useRef as r, useState as i } from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-//#region lib/ui/ChatInput.tsx
-var s = 12, c = 48, l = 8;
-function u(e) {
-	let t = r(e);
-	return n(() => {
-		t.current = e;
-	}), t;
-}
-var d = 3e3;
-function f(e) {
-	let [t, a] = i(!1), [o, s] = i(!1), c = r(null), l = r(null), f = r(!1), p = u(e);
-	function m() {
-		l.current && clearTimeout(l.current);
-	}
-	function h() {
-		m(), l.current = setTimeout(() => {
-			f.current = !1, s(!1), c.current?.stop();
-		}, d);
-	}
-	n(() => {
-		let e = window.webkitSpeechRecognition ?? window.SpeechRecognition;
-		if (!e) return;
-		a(!0);
-		let t = new e();
-		return t.continuous = !0, t.interimResults = !0, t.lang = navigator.language, t.onresult = (e) => {
-			let t = Array.from(e.results).map((e) => e[0].transcript).join("");
-			p.current(t), h();
-		}, t.onend = () => {
-			if (m(), f.current) try {
-				t.start();
-			} catch {}
-			else s(!1);
-		}, t.onerror = (e) => {
-			(e.error === "not-allowed" || e.error === "aborted") && (f.current = !1, s(!1), m());
-		}, c.current = t, () => {
-			t.abort(), m();
-		};
-	}, []);
-	function g() {
-		let e = c.current;
-		e && (f.current ? (f.current = !1, e.stop()) : (f.current = !0, s(!0), e.start(), h()));
-	}
-	return {
-		isSupported: t,
-		isListening: o,
-		toggle: g
-	};
-}
-function p(e) {
-	let t = r(null);
-	return n(() => {
-		let n = t.current;
-		if (!e) {
-			n && (n.style.height = "0px");
-			return;
-		}
-		let r, i = null, a = null;
-		return navigator.mediaDevices.getUserMedia({
-			audio: !0,
-			video: !1
-		}).then((e) => {
-			i = e, a = new AudioContext();
-			let n = a.createMediaStreamSource(i), o = a.createAnalyser();
-			o.fftSize = 256, n.connect(o);
-			let s = new Uint8Array(o.frequencyBinCount);
-			function c() {
-				o.getByteFrequencyData(s);
-				let e = s.reduce((e, t) => e + t, 0) / s.length, n = t.current;
-				n && (n.style.height = `${Math.sqrt(e / 255) * 10}px`), r = requestAnimationFrame(c);
-			}
-			r = requestAnimationFrame(c);
-		}), () => {
-			cancelAnimationFrame(r), i?.getTracks().forEach((e) => e.stop()), a?.close();
-		};
-	}, [e]), t;
-}
-function m({ value: n, placeholder: r = "Ask a question?", onValueChange: u, onSubmit: d, onAudioClick: m, className: h, ...g }) {
-	let [_, v] = i(!1), y = n.trim(), b = _ || y.length > 0, { isSupported: x, isListening: S, toggle: C } = f(u), w = p(S), T = x || !!m, E = T ? c + l + c : c;
-	function D() {
-		x ? C() : m?.();
-	}
-	function O(e) {
-		e.preventDefault(), y && d();
-	}
-	return /* @__PURE__ */ o("form", {
-		onSubmit: O,
-		onMouseDown: (e) => {
-			e.target.tagName !== "TEXTAREA" && e.preventDefault();
-		},
-		...g,
-		style: { paddingBottom: b ? s + l + c : s },
-		className: t("relative flex items-start overflow-hidden bg-white border border-lightGrey p-12 w-full", "transition-[padding-bottom,border-radius] duration-250 ease-out rounded-b-[24px]", b ? "rounded-32" : "rounded-[40px]", h),
-		children: [/* @__PURE__ */ a("textarea", {
-			rows: b ? 3 : 1,
-			value: n,
-			onChange: (e) => u(e.target.value),
-			onKeyDown: (e) => {
-				e.key === "Enter" && (e.metaKey || e.ctrlKey) && y && (e.preventDefault(), d());
-			},
-			onFocus: () => v(!0),
-			onBlur: () => v(!1),
-			placeholder: r,
-			"aria-label": r,
-			style: { marginInlineEnd: b ? 0 : E + l },
-			className: t("scrollbar-hidden bg-transparent text-b3 py-12 outline-none focus-visible:ring-4 focus-visible:ring-black focus-visible:ring-offset-2 resize-none w-full px-20 border border-middleGrey", "transition-[margin-inline-end,border-radius] duration-250 ease-out", b ? "text-black rounded-[20px]" : "text-darkGrey placeholder:text-darkGrey rounded-[40px]")
-		}), /* @__PURE__ */ o("div", {
-			style: {
-				insetInlineStart: b ? `calc(50% - ${E / 2}px)` : `calc(100% - ${s + E}px)`,
-				bottom: s
-			},
-			className: "absolute flex gap-8 items-center transition-[inset-inline-start] duration-250 ease-out",
-			children: [/* @__PURE__ */ a(e, {
-				type: "submit",
-				"aria-label": "Send message",
-				disabled: !y,
-				variant: "circle",
-				color: "saffron",
-				icon: "ArrowTailRight",
-				iconWidth: "24px"
-			}), T && /* @__PURE__ */ a(e, {
-				type: "button",
-				"aria-label": S ? "Stop recording" : "Use microphone",
-				"aria-pressed": S,
-				onClick: D,
-				variant: "circle",
-				theme: S ? "solid" : "outline",
-				color: S ? "sienna" : "black",
-				icon: "Audio",
-				iconWidth: "24px",
-				className: t("relative", S && "animate-pulse", !S && "border-lightGrey"),
-				children: /* @__PURE__ */ a("span", {
-					ref: w,
-					"aria-hidden": "true",
-					className: "bg-current absolute w-5 bottom-21",
-					style: { height: "0px" }
-				})
-			})]
-		})]
-	});
-}
-//#endregion
-export { m as ChatInput };
-
-//# sourceMappingURL=ChatInput.js.map
+import { ChatInput as e } from "./chat/ChatInput.js";
+export { e as ChatInput };

package/ui/ChatMessage.d.ts

@@ -1,6 +1 @@
-import { HTMLAttributes, PropsWithChildren } from 'react';
-export type ChatMessageSender = 'assistant' | 'user';
-export interface ChatMessageProps extends HTMLAttributes<HTMLDivElement> {
-    sender: ChatMessageSender;
-}
-export declare const ChatMessage: import('react').NamedExoticComponent<PropsWithChildren<ChatMessageProps>>;
+export * from './chat/ChatMessage';

package/ui/ChatMessage.js

@@ -1,2 +1,3 @@
+"use client";
 import { t as e } from "../chunks/ChatMessage.js";
 export { e as ChatMessage };

package/ui/ChatTypingIndicator.d.ts

@@ -1,2 +1 @@
-import { HTMLAttributes } from 'react';
-export declare const ChatTypingIndicator: import('react').NamedExoticComponent<HTMLAttributes<HTMLDivElement>>;
+export * from './chat/ChatTypingIndicator';

package/ui/ChatTypingIndicator.js

@@ -1,30 +1,2 @@
-import { twMerge as e } from "./helpers/twMerge.js";
-import { memo as t } from "react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-//#region lib/ui/ChatTypingIndicator.tsx
-var i = t(function({ className: t, ...i }) {
-	return /* @__PURE__ */ r("div", {
-		role: "status",
-		"aria-label": "Typing",
-		...i,
-		className: e("flex items-center gap-4 h-34 w-66 overflow-hidden rounded-pill bg-pearl px-20", t),
-		children: [
-			/* @__PURE__ */ n("span", {
-				"aria-hidden": "true",
-				className: "size-6 rounded-full bg-black animate-bounce [animation-delay:-300ms]"
-			}),
-			/* @__PURE__ */ n("span", {
-				"aria-hidden": "true",
-				className: "size-6 rounded-full bg-black animate-bounce [animation-delay:-150ms]"
-			}),
-			/* @__PURE__ */ n("span", {
-				"aria-hidden": "true",
-				className: "size-6 rounded-full bg-black animate-bounce"
-			})
-		]
-	});
-});
-//#endregion
-export { i as ChatTypingIndicator };
-
-//# sourceMappingURL=ChatTypingIndicator.js.map
+import { ChatTypingIndicator as e } from "./chat/ChatTypingIndicator.js";
+export { e as ChatTypingIndicator };

package/ui/ChatWindow.d.ts

@@ -1,34 +1 @@
-import { ReactNode } from 'react';
-import { ChatMessageSender } from './ChatMessage';
-import { ChatWindowCsatPromptLabels } from './ChatWindowCsatPrompt';
-import { ChatWindowCsatThankYouLabels } from './ChatWindowCsatThankYou';
-import { ChatWindowQuoteItem } from './ChatWindowQuote';
-import { ChatHeaderProps } from './ChatHeader';
-import { ChatBodyProps } from './ChatBody';
-import { ChatInputProps } from './ChatInput';
-export type { ChatWindowCsatPromptLabels, ChatWindowCsatThankYouLabels, ChatWindowQuoteItem };
-export interface ChatWindowMessage {
-    id: string;
-    sender: ChatMessageSender;
-    content: ReactNode;
-}
-interface ChatWindowInputProps {
-    inputValue: ChatInputProps['value'];
-    inputPlaceholder?: ChatInputProps['placeholder'];
-    onInputChange: ChatInputProps['onValueChange'];
-    onSubmit: ChatInputProps['onSubmit'];
-    onAudioClick?: ChatInputProps['onAudioClick'];
-}
-interface ChatWindowBaseProps extends ChatHeaderProps {
-    onClose?: () => void;
-}
-export type ChatWindowProps = ChatWindowBaseProps & (({
-    children: ReactNode;
-} & Partial<ChatBodyProps> & Partial<ChatWindowInputProps>) | (ChatBodyProps & ChatWindowInputProps & {
-    children?: undefined;
-}));
-export interface ChatWindowHandle {
-    askForFeedback: () => void;
-    showQuotes: (quotes: ChatWindowQuoteItem[]) => void;
-}
-export declare const ChatWindow: import('react').ForwardRefExoticComponent<ChatWindowProps & import('react').RefAttributes<ChatWindowHandle>>;
+export * from './chat/ChatWindow';

package/ui/ChatWindow.js

@@ -1,58 +1,3 @@
 "use client";
-import { twMerge as e } from "./helpers/twMerge.js";
-import { ChatBody as t } from "./ChatBody.js";
-import { ChatInput as n } from "./ChatInput.js";
-import { ChatHeader as r } from "./ChatHeader.js";
-import { forwardRef as i } from "react";
-import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
-import { Icon as c } from "@clubmed/trident-icons";
-//#region lib/ui/ChatWindow.tsx
-var l = i(function({ title: i, onClose: l, logo: u, className: d, children: f, inputValue: p, inputPlaceholder: m, onInputChange: h, onSubmit: g, onAudioClick: _, greeting: v, messages: y, isTyping: b, onFeedbackRate: x, csatLabels: S, csatRenderRatingLabel: C, csatThankYouLabels: w, onQuoteCtaClick: T, ...E }, D) {
-	return /* @__PURE__ */ s("div", {
-		...E,
-		className: e("flex flex-col gap-20 items-center", d),
-		children: [/* @__PURE__ */ o("div", {
-			className: "chat-border bg-white flex flex-col h-full w-full rounded-32 overflow-hidden",
-			children: f ?? /* @__PURE__ */ s(a, { children: [
-				/* @__PURE__ */ o(r, {
-					title: i,
-					logo: u
-				}),
-				/* @__PURE__ */ o(t, {
-					greeting: v,
-					messages: y,
-					isTyping: b,
-					onFeedbackRate: x,
-					csatLabels: S,
-					csatRenderRatingLabel: C,
-					csatThankYouLabels: w,
-					onQuoteCtaClick: T,
-					ref: D
-				}),
-				/* @__PURE__ */ o("div", {
-					className: "shrink-0 px-8 pb-8 pt-12",
-					children: /* @__PURE__ */ o(n, {
-						value: p,
-						placeholder: m,
-						onValueChange: h,
-						onSubmit: g,
-						onAudioClick: _
-					})
-				})
-			] })
-		}), l && /* @__PURE__ */ o("button", {
-			type: "button",
-			"aria-label": "Close chat",
-			onClick: l,
-			className: "flex items-center justify-center size-48 rounded-full bg-black border border-black text-white shrink-0 hover:opacity-80 transition-opacity outline-none focus-visible:ring-4 focus-visible:ring-black focus-visible:ring-offset-2",
-			children: /* @__PURE__ */ o(c, {
-				name: "CrossDefault",
-				width: "24px"
-			})
-		})]
-	});
-});
-//#endregion
-export { l as ChatWindow };
-
-//# sourceMappingURL=ChatWindow.js.map
+import { ChatWindow as e } from "./chat/ChatWindow.js";
+export { e as ChatWindow };

package/ui/ChatWindowCsatPrompt.d.ts

@@ -1,15 +1 @@
-import { ReactNode } from 'react';
-export interface ChatWindowCsatPromptLabels {
-    intro: string;
-    question: string;
-    questionNote: string;
-    groupAriaLabel: string;
-    starLabels: [string, string, string, string, string];
-}
-export interface ChatWindowCsatPromptProps {
-    onRate: (rating: number) => void;
-    labels: ChatWindowCsatPromptLabels;
-    renderRatingLabel: (rating: number) => ReactNode;
-    className?: string;
-}
-export declare function ChatWindowCsatPrompt({ onRate, labels, renderRatingLabel, className, }: ChatWindowCsatPromptProps): import("react/jsx-runtime").JSX.Element;
+export * from './chat/ChatWindowCsatPrompt';

package/ui/ChatWindowCsatPrompt.js

@@ -1,71 +1,3 @@
 "use client";
-import { twMerge as e } from "./helpers/twMerge.js";
-import { useState as t } from "react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { Icon as i } from "@clubmed/trident-icons";
-//#region lib/ui/ChatWindowCsatPrompt.tsx
-function a({ onRate: a, labels: o, renderRatingLabel: s, className: c }) {
-	let [l, u] = t(0), [d, f] = t(0);
-	function p(e) {
-		d > 0 || (f(e), a(e));
-	}
-	let m = l || d, h = d > 0;
-	return /* @__PURE__ */ r("div", {
-		className: e("flex flex-col gap-20 px-20", c),
-		children: [
-			/* @__PURE__ */ r("div", {
-				className: "flex flex-col gap-4",
-				children: [/* @__PURE__ */ n("p", {
-					className: "text-b3 text-black",
-					children: o.intro
-				}), /* @__PURE__ */ r("p", {
-					className: "text-b3 text-black",
-					children: [
-						o.question,
-						" ",
-						/* @__PURE__ */ n("span", {
-							className: "text-b4 text-black",
-							children: o.questionNote
-						})
-					]
-				})]
-			}),
-			/* @__PURE__ */ n("div", {
-				role: "group",
-				"aria-label": o.groupAriaLabel,
-				className: "flex items-center gap-0",
-				children: o.starLabels.map((t, r) => {
-					let a = r + 1, o = a <= m;
-					return /* @__PURE__ */ n("button", {
-						type: "button",
-						"aria-label": `${a} star${a > 1 ? "s" : ""} — ${t}`,
-						"aria-pressed": d === a,
-						"aria-disabled": h,
-						onClick: () => p(a),
-						onMouseEnter: () => {
-							h || u(a);
-						},
-						onMouseLeave: () => {
-							h || u(0);
-						},
-						className: e("flex items-center justify-center size-48 rounded-full transition-colors outline-none focus-visible:ring-4 focus-visible:ring-black focus-visible:ring-offset-2", h ? "cursor-default" : "hover:bg-lightSand"),
-						children: /* @__PURE__ */ n(i, {
-							name: o ? "StarFilled" : "StarOutlined",
-							width: "24px",
-							className: "text-black"
-						})
-					}, a);
-				})
-			}),
-			m > 0 && /* @__PURE__ */ n("p", {
-				className: "text-b4 text-darkGrey",
-				"aria-live": "polite",
-				children: s(m)
-			})
-		]
-	});
-}
-//#endregion
-export { a as ChatWindowCsatPrompt };
-
-//# sourceMappingURL=ChatWindowCsatPrompt.js.map
+import { ChatWindowCsatPrompt as e } from "./chat/ChatWindowCsatPrompt.js";
+export { e as ChatWindowCsatPrompt };

package/ui/ChatWindowCsatThankYou.d.ts

@@ -1,9 +1 @@
-import { HTMLAttributes } from 'react';
-export interface ChatWindowCsatThankYouLabels {
-    title: string;
-    body: string;
-}
-export interface ChatWindowCsatThankYouProps extends HTMLAttributes<HTMLDivElement> {
-    labels: ChatWindowCsatThankYouLabels;
-}
-export declare function ChatWindowCsatThankYou({ labels, className, ...props }: ChatWindowCsatThankYouProps): import("react/jsx-runtime").JSX.Element;
+export * from './chat/ChatWindowCsatThankYou';

package/ui/ChatWindowCsatThankYou.js

@@ -1,29 +1,3 @@
 "use client";
-import { twMerge as e } from "./helpers/twMerge.js";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { Icon as r } from "@clubmed/trident-icons";
-//#region lib/ui/ChatWindowCsatThankYou.tsx
-function i({ labels: i, className: a, ...o }) {
-	return /* @__PURE__ */ n("div", {
-		...o,
-		className: e("flex flex-col gap-20 px-20", a),
-		children: [/* @__PURE__ */ n("div", {
-			className: "flex items-center gap-4 text-green",
-			children: [/* @__PURE__ */ t(r, {
-				name: "CheckFilled",
-				width: "24px",
-				className: "shrink-0"
-			}), /* @__PURE__ */ t("p", {
-				className: "text-b3 font-semibold text-black",
-				children: i.title
-			})]
-		}), /* @__PURE__ */ t("p", {
-			className: "text-b3 text-black",
-			children: i.body
-		})]
-	});
-}
-//#endregion
-export { i as ChatWindowCsatThankYou };
-
-//# sourceMappingURL=ChatWindowCsatThankYou.js.map
+import { ChatWindowCsatThankYou as e } from "./chat/ChatWindowCsatThankYou.js";
+export { e as ChatWindowCsatThankYou };

package/ui/ChatWindowQuote.d.ts

@@ -1,22 +1 @@
-export interface ChatWindowQuoteItem {
-    id: string;
-    resortName: string;
-    country: string;
-    imageUrl: string;
-    /** Date range, e.g. "15 June 2026 to 24 June 2026" */
-    dateRange: string;
-    /** Pax info, e.g. "for 2 adults 2 children" */
-    pax: string;
-    /** CTA button label. Defaults to "See prices" */
-    ctaLabel?: string;
-    /** Bullet-point package items. Shown in single-quote inline mode only */
-    packageIncludes?: string[];
-    /** Free-text paragraph shown in single-quote inline mode only */
-    additionalInfo?: string;
-}
-export interface ChatWindowQuoteProps {
-    quotes: ChatWindowQuoteItem[];
-    onCtaClick?: (quote: ChatWindowQuoteItem) => void;
-    className?: string;
-}
-export declare function ChatWindowQuote({ quotes, onCtaClick, className }: ChatWindowQuoteProps): import("react/jsx-runtime").JSX.Element | null;
+export * from './chat/ChatWindowQuote';