@cossistant/react 0.0.1

package/support/context/config.js

@@ -0,0 +1,27 @@
+"use client";
+
+
+import { initializeSupportStore, useSupportConfig as useSupportConfig$1 } from "../store/support-store.js";
+import { useEffect } from "react";
+import { Fragment, jsx } from "react/jsx-runtime";
+
+//#region src/support/context/config.tsx
+const useSupportConfig = useSupportConfig$1;
+const SupportConfigProvider = ({ children, mode = "floating", size = "normal", defaultOpen = false }) => {
+	useEffect(() => {
+		initializeSupportStore({
+			mode,
+			size,
+			defaultOpen
+		});
+	}, [
+		mode,
+		size,
+		defaultOpen
+	]);
+	return /* @__PURE__ */ jsx(Fragment, { children });
+};
+
+//#endregion
+export { SupportConfigProvider, useSupportConfig };
+//# sourceMappingURL=config.js.map

package/support/context/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","names":["useSupportConfigStore","SupportConfigProvider: React.FC<{\n\tchildren: React.ReactNode;\n\tmode?: \"floating\" | \"responsive\";\n\tsize?: \"normal\" | \"larger\";\n\tdefaultOpen?: boolean;\n}>"],"sources":["../../../src/support/context/config.tsx"],"sourcesContent":["\"use client\";\n\nimport type React from \"react\";\nimport { useEffect } from \"react\";\nimport {\n\tinitializeSupportStore,\n\tuseSupportConfig as useSupportConfigStore,\n} from \"../store/support-store\";\n\nexport type SupportConfigSetters = {\n\topen: () => void;\n\tclose: () => void;\n\ttoggle: () => void;\n};\n\nexport const useSupportConfig = useSupportConfigStore;\n\nexport const SupportConfigProvider: React.FC<{\n\tchildren: React.ReactNode;\n\tmode?: \"floating\" | \"responsive\";\n\tsize?: \"normal\" | \"larger\";\n\tdefaultOpen?: boolean;\n}> = ({\n\tchildren,\n\tmode = \"floating\",\n\tsize = \"normal\",\n\tdefaultOpen = false,\n}) => {\n\tuseEffect(() => {\n\t\tinitializeSupportStore({ mode, size, defaultOpen });\n\t}, [mode, size, defaultOpen]);\n\n\treturn <>{children}</>;\n};\n"],"mappings":";;;;;;;;AAeA,MAAa,mBAAmBA;AAEhC,MAAaC,yBAKP,EACL,UACA,OAAO,YACP,OAAO,UACP,cAAc,YACT;AACL,iBAAgB;AACf,yBAAuB;GAAE;GAAM;GAAM;GAAa,CAAC;IACjD;EAAC;EAAM;EAAM;EAAY,CAAC;AAE7B,QAAO,gCAAG,WAAY"}

package/support/context/websocket.d.ts

@@ -0,0 +1,22 @@
+import { RealtimeEvent } from "../../realtime-events.js";
+import { RealtimeContextValue } from "../../realtime/provider.js";
+import React from "react";
+
+//#region src/support/context/websocket.d.ts
+type WebSocketContextValue = RealtimeContextValue;
+type WebSocketProviderProps = {
+  children: React.ReactNode;
+  publicKey?: string;
+  websiteId?: string;
+  visitorId?: string;
+  wsUrl?: string;
+  autoConnect?: boolean;
+  onConnect?: () => void;
+  onDisconnect?: () => void;
+  onError?: (error: Error) => void;
+};
+declare const WebSocketProvider: React.FC<WebSocketProviderProps>;
+declare const useWebSocket: () => WebSocketContextValue;
+//#endregion
+export { type RealtimeEvent, type WebSocketContextValue, WebSocketProvider, type WebSocketProviderProps, useWebSocket };
+//# sourceMappingURL=websocket.d.ts.map

package/support/context/websocket.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"websocket.d.ts","names":[],"sources":["../../../src/support/context/websocket.tsx"],"sourcesContent":[],"mappings":";;;;;KAYK,qBAAA,GAAwB;KAExB,sBAAA;YACM,KAAA,CAAM;EAHZ,SAAA,CAAA,EAAA,MAAA;EAEA,SAAA,CAAA,EAAA,MAAA;EAAsB,SAAA,CAAA,EAAA,MAAA;OAChB,CAAA,EAAA,MAAM;aAQE,CAAA,EAAA,OAAA;EAAK,SAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EAyIX,YAAA,CAAA,EAAA,GAAA,GAyBZ,IAAA;EAAA,OAAA,CAAA,EAAA,CAAA,KAAA,EAlKkB,KAkKlB,EAAA,GAAA,IAAA;;AAzB+B,cAAnB,iBAAyB,EAAN,KAAA,CAAM,EAAA,CAAG,sBAAH,CAAA;AAAE,cA2B3B,YA3B2B,EAAA,GAAA,GA2BR,qBA3BQ"}

package/support/context/websocket.js

@@ -0,0 +1,113 @@
+"use client";
+
+
+import { RealtimeProvider, useRealtimeConnection } from "../../realtime/provider.js";
+import { createContext, useContext, useEffect, useMemo } from "react";
+import { PRESENCE_PING_INTERVAL_MS } from "@cossistant/types";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/support/context/websocket.tsx
+const WebSocketContext = createContext(null);
+function createVisitorAuthConfig({ visitorId, websiteId, publicKey }) {
+	const normalizedVisitorId = visitorId?.trim();
+	if (!normalizedVisitorId) return null;
+	return {
+		kind: "visitor",
+		visitorId: normalizedVisitorId,
+		websiteId: websiteId?.trim() || null,
+		publicKey: publicKey?.trim() || null
+	};
+}
+const WebSocketBridge = ({ children, onError }) => {
+	const connection = useRealtimeConnection();
+	const { visitorId, sendRaw, isConnected } = connection;
+	useEffect(() => {
+		if (typeof window === "undefined" || typeof document === "undefined") return;
+		if (!(visitorId && sendRaw)) return;
+		const pingMessage = "presence:ping";
+		const sendPresencePing = () => {
+			if (!isConnected) return;
+			try {
+				sendRaw(pingMessage);
+			} catch (error) {
+				if (!onError) return;
+				const normalizedError = error instanceof Error ? error : new Error(typeof error === "string" ? error : "Unknown presence ping error");
+				if (!normalizedError.message.includes("Failed to send presence ping")) normalizedError.message = `Failed to send presence ping: ${normalizedError.message}`;
+				onError(normalizedError);
+			}
+		};
+		let intervalId = null;
+		const clearPresenceInterval = () => {
+			if (intervalId !== null) {
+				window.clearInterval(intervalId);
+				intervalId = null;
+			}
+		};
+		const startPresenceInterval = () => {
+			clearPresenceInterval();
+			if (!isConnected || document.visibilityState === "hidden") return;
+			intervalId = window.setInterval(sendPresencePing, PRESENCE_PING_INTERVAL_MS);
+		};
+		const handleFocus = () => {
+			sendPresencePing();
+			startPresenceInterval();
+		};
+		const handleVisibilityChange = () => {
+			if (document.visibilityState === "hidden") {
+				clearPresenceInterval();
+				return;
+			}
+			sendPresencePing();
+			startPresenceInterval();
+		};
+		window.addEventListener("focus", handleFocus);
+		document.addEventListener("visibilitychange", handleVisibilityChange);
+		if (isConnected && document.visibilityState !== "hidden") {
+			sendPresencePing();
+			startPresenceInterval();
+		}
+		return () => {
+			window.removeEventListener("focus", handleFocus);
+			document.removeEventListener("visibilitychange", handleVisibilityChange);
+			clearPresenceInterval();
+		};
+	}, [
+		isConnected,
+		onError,
+		sendRaw,
+		visitorId
+	]);
+	const value = useMemo(() => connection, [connection]);
+	return /* @__PURE__ */ jsx(WebSocketContext.Provider, {
+		value,
+		children
+	});
+};
+const WebSocketProvider = ({ children, publicKey, websiteId, visitorId, wsUrl, autoConnect = true, onConnect, onDisconnect, onError }) => {
+	const auth = createVisitorAuthConfig({
+		publicKey,
+		websiteId,
+		visitorId
+	});
+	return /* @__PURE__ */ jsx(RealtimeProvider, {
+		auth,
+		autoConnect,
+		onConnect,
+		onDisconnect,
+		onError,
+		wsUrl,
+		children: /* @__PURE__ */ jsx(WebSocketBridge, {
+			onError,
+			children
+		})
+	});
+};
+const useWebSocket = () => {
+	const context = useContext(WebSocketContext);
+	if (!context) throw new Error("useWebSocket must be used within WebSocketProvider");
+	return context;
+};
+
+//#endregion
+export { WebSocketProvider, useWebSocket };
+//# sourceMappingURL=websocket.js.map

package/support/context/websocket.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"websocket.js","names":["WebSocketBridge: React.FC<WebSocketBridgeProps>","intervalId: number | null","WebSocketProvider: React.FC<WebSocketProviderProps>"],"sources":["../../../src/support/context/websocket.tsx"],"sourcesContent":["\"use client\";\n\nimport { PRESENCE_PING_INTERVAL_MS } from \"@cossistant/types\";\nimport type React from \"react\";\nimport { createContext, useContext, useEffect, useMemo } from \"react\";\nimport {\n\ttype RealtimeAuthConfig,\n\ttype RealtimeContextValue,\n\tRealtimeProvider,\n\tuseRealtimeConnection,\n} from \"../../realtime\";\n\ntype WebSocketContextValue = RealtimeContextValue;\n\ntype WebSocketProviderProps = {\n\tchildren: React.ReactNode;\n\tpublicKey?: string;\n\twebsiteId?: string;\n\tvisitorId?: string;\n\twsUrl?: string;\n\tautoConnect?: boolean;\n\tonConnect?: () => void;\n\tonDisconnect?: () => void;\n\tonError?: (error: Error) => void;\n};\n\nconst WebSocketContext = createContext<WebSocketContextValue | null>(null);\n\nfunction createVisitorAuthConfig({\n\tvisitorId,\n\twebsiteId,\n\tpublicKey,\n}: Pick<\n\tWebSocketProviderProps,\n\t\"visitorId\" | \"websiteId\" | \"publicKey\"\n>): RealtimeAuthConfig | null {\n\tconst normalizedVisitorId = visitorId?.trim();\n\tif (!normalizedVisitorId) {\n\t\treturn null;\n\t}\n\n\treturn {\n\t\tkind: \"visitor\",\n\t\tvisitorId: normalizedVisitorId,\n\t\twebsiteId: websiteId?.trim() || null,\n\t\tpublicKey: publicKey?.trim() || null,\n\t} satisfies RealtimeAuthConfig;\n}\n\ntype WebSocketBridgeProps = {\n\tchildren: React.ReactNode;\n\tonError?: (error: Error) => void;\n};\n\nconst WebSocketBridge: React.FC<WebSocketBridgeProps> = ({\n\tchildren,\n\tonError,\n}) => {\n\tconst connection = useRealtimeConnection();\n\tconst { visitorId, sendRaw, isConnected } = connection;\n\n\tuseEffect(() => {\n\t\tif (typeof window === \"undefined\" || typeof document === \"undefined\") {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!(visitorId && sendRaw)) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst pingMessage = \"presence:ping\";\n\n\t\tconst sendPresencePing = () => {\n\t\t\tif (!isConnected) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\ttry {\n\t\t\t\tsendRaw(pingMessage);\n\t\t\t} catch (error) {\n\t\t\t\tif (!onError) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst normalizedError =\n\t\t\t\t\terror instanceof Error\n\t\t\t\t\t\t? error\n\t\t\t\t\t\t: new Error(\n\t\t\t\t\t\t\t\ttypeof error === \"string\"\n\t\t\t\t\t\t\t\t\t? error\n\t\t\t\t\t\t\t\t\t: \"Unknown presence ping error\"\n\t\t\t\t\t\t\t);\n\n\t\t\t\tif (!normalizedError.message.includes(\"Failed to send presence ping\")) {\n\t\t\t\t\tnormalizedError.message = `Failed to send presence ping: ${normalizedError.message}`;\n\t\t\t\t}\n\n\t\t\t\tonError(normalizedError);\n\t\t\t}\n\t\t};\n\n\t\tlet intervalId: number | null = null;\n\n\t\tconst clearPresenceInterval = () => {\n\t\t\tif (intervalId !== null) {\n\t\t\t\twindow.clearInterval(intervalId);\n\t\t\t\tintervalId = null;\n\t\t\t}\n\t\t};\n\n\t\tconst startPresenceInterval = () => {\n\t\t\tclearPresenceInterval();\n\n\t\t\tif (!isConnected || document.visibilityState === \"hidden\") {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tintervalId = window.setInterval(\n\t\t\t\tsendPresencePing,\n\t\t\t\tPRESENCE_PING_INTERVAL_MS\n\t\t\t);\n\t\t};\n\n\t\tconst handleFocus = () => {\n\t\t\tsendPresencePing();\n\t\t\tstartPresenceInterval();\n\t\t};\n\n\t\tconst handleVisibilityChange = () => {\n\t\t\tif (document.visibilityState === \"hidden\") {\n\t\t\t\tclearPresenceInterval();\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tsendPresencePing();\n\t\t\tstartPresenceInterval();\n\t\t};\n\n\t\twindow.addEventListener(\"focus\", handleFocus);\n\t\tdocument.addEventListener(\"visibilitychange\", handleVisibilityChange);\n\n\t\tif (isConnected && document.visibilityState !== \"hidden\") {\n\t\t\tsendPresencePing();\n\t\t\tstartPresenceInterval();\n\t\t}\n\n\t\treturn () => {\n\t\t\twindow.removeEventListener(\"focus\", handleFocus);\n\t\t\tdocument.removeEventListener(\"visibilitychange\", handleVisibilityChange);\n\t\t\tclearPresenceInterval();\n\t\t};\n\t}, [isConnected, onError, sendRaw, visitorId]);\n\tconst value = useMemo(() => connection, [connection]);\n\treturn (\n\t\t<WebSocketContext.Provider value={value}>\n\t\t\t{children}\n\t\t</WebSocketContext.Provider>\n\t);\n};\n\nexport const WebSocketProvider: React.FC<WebSocketProviderProps> = ({\n\tchildren,\n\tpublicKey,\n\twebsiteId,\n\tvisitorId,\n\twsUrl,\n\tautoConnect = true,\n\tonConnect,\n\tonDisconnect,\n\tonError,\n}) => {\n\tconst auth = createVisitorAuthConfig({ publicKey, websiteId, visitorId });\n\n\treturn (\n\t\t<RealtimeProvider\n\t\t\tauth={auth}\n\t\t\tautoConnect={autoConnect}\n\t\t\tonConnect={onConnect}\n\t\t\tonDisconnect={onDisconnect}\n\t\t\tonError={onError}\n\t\t\twsUrl={wsUrl}\n\t\t>\n\t\t\t<WebSocketBridge onError={onError}>{children}</WebSocketBridge>\n\t\t</RealtimeProvider>\n\t);\n};\n\nexport const useWebSocket = (): WebSocketContextValue => {\n\tconst context = useContext(WebSocketContext);\n\tif (!context) {\n\t\tthrow new Error(\"useWebSocket must be used within WebSocketProvider\");\n\t}\n\treturn context;\n};\n\nexport type { WebSocketContextValue, WebSocketProviderProps };\nexport type { RealtimeEvent } from \"@cossistant/types/realtime-events\";\n"],"mappings":";;;;;;;;;AA0BA,MAAM,mBAAmB,cAA4C,KAAK;AAE1E,SAAS,wBAAwB,EAChC,WACA,WACA,aAI6B;CAC7B,MAAM,sBAAsB,WAAW,MAAM;AAC7C,KAAI,CAAC,oBACJ,QAAO;AAGR,QAAO;EACN,MAAM;EACN,WAAW;EACX,WAAW,WAAW,MAAM,IAAI;EAChC,WAAW,WAAW,MAAM,IAAI;EAChC;;AAQF,MAAMA,mBAAmD,EACxD,UACA,cACK;CACL,MAAM,aAAa,uBAAuB;CAC1C,MAAM,EAAE,WAAW,SAAS,gBAAgB;AAE5C,iBAAgB;AACf,MAAI,OAAO,WAAW,eAAe,OAAO,aAAa,YACxD;AAGD,MAAI,EAAE,aAAa,SAClB;EAGD,MAAM,cAAc;EAEpB,MAAM,yBAAyB;AAC9B,OAAI,CAAC,YACJ;AAGD,OAAI;AACH,YAAQ,YAAY;YACZ,OAAO;AACf,QAAI,CAAC,QACJ;IAGD,MAAM,kBACL,iBAAiB,QACd,QACA,IAAI,MACJ,OAAO,UAAU,WACd,QACA,8BACH;AAEJ,QAAI,CAAC,gBAAgB,QAAQ,SAAS,+BAA+B,CACpE,iBAAgB,UAAU,iCAAiC,gBAAgB;AAG5E,YAAQ,gBAAgB;;;EAI1B,IAAIC,aAA4B;EAEhC,MAAM,8BAA8B;AACnC,OAAI,eAAe,MAAM;AACxB,WAAO,cAAc,WAAW;AAChC,iBAAa;;;EAIf,MAAM,8BAA8B;AACnC,0BAAuB;AAEvB,OAAI,CAAC,eAAe,SAAS,oBAAoB,SAChD;AAGD,gBAAa,OAAO,YACnB,kBACA,0BACA;;EAGF,MAAM,oBAAoB;AACzB,qBAAkB;AAClB,0BAAuB;;EAGxB,MAAM,+BAA+B;AACpC,OAAI,SAAS,oBAAoB,UAAU;AAC1C,2BAAuB;AACvB;;AAGD,qBAAkB;AAClB,0BAAuB;;AAGxB,SAAO,iBAAiB,SAAS,YAAY;AAC7C,WAAS,iBAAiB,oBAAoB,uBAAuB;AAErE,MAAI,eAAe,SAAS,oBAAoB,UAAU;AACzD,qBAAkB;AAClB,0BAAuB;;AAGxB,eAAa;AACZ,UAAO,oBAAoB,SAAS,YAAY;AAChD,YAAS,oBAAoB,oBAAoB,uBAAuB;AACxE,0BAAuB;;IAEtB;EAAC;EAAa;EAAS;EAAS;EAAU,CAAC;CAC9C,MAAM,QAAQ,cAAc,YAAY,CAAC,WAAW,CAAC;AACrD,QACC,oBAAC,iBAAiB;EAAgB;EAChC;GAC0B;;AAI9B,MAAaC,qBAAuD,EACnE,UACA,WACA,WACA,WACA,OACA,cAAc,MACd,WACA,cACA,cACK;CACL,MAAM,OAAO,wBAAwB;EAAE;EAAW;EAAW;EAAW,CAAC;AAEzE,QACC,oBAAC;EACM;EACO;EACF;EACG;EACL;EACF;YAEP,oBAAC;GAAyB;GAAU;IAA2B;GAC7C;;AAIrB,MAAa,qBAA4C;CACxD,MAAM,UAAU,WAAW,iBAAiB;AAC5C,KAAI,CAAC,QACJ,OAAM,IAAI,MAAM,qDAAqD;AAEtE,QAAO"}

package/support/index.d.ts

@@ -0,0 +1,39 @@
+import { SupportLocale, SupportTextContentOverrides } from "./text/locales/keys.js";
+import { Text, useSupportText } from "./text/index.js";
+import { useSupportConfig } from "./context/config.js";
+import { WebSocketContextValue, WebSocketProvider, useWebSocket } from "./context/websocket.js";
+import { useSupportStore } from "./store/support-store.js";
+import { DefaultMessage } from "@cossistant/types";
+import * as react_jsx_runtime12 from "react/jsx-runtime";
+
+//#region src/support/index.d.ts
+type SupportProps<Locale extends string = SupportLocale> = {
+  className?: string;
+  position?: "top" | "bottom";
+  align?: "right" | "left";
+  mode?: "floating" | "responsive";
+  quickOptions?: string[];
+  defaultMessages?: DefaultMessage[];
+  defaultOpen?: boolean;
+  locale?: Locale;
+  content?: SupportTextContentOverrides<Locale>;
+};
+/**
+ * Orchestrates the end-user support experience by nesting realtime, config and
+ * content providers. Renders nothing until website data is available to avoid
+ * flashing incomplete UI.
+ */
+declare function Support<Locale extends string = SupportLocale>({
+  className,
+  position,
+  align,
+  mode,
+  quickOptions,
+  defaultMessages,
+  defaultOpen,
+  locale,
+  content
+}: SupportProps<Locale>): react_jsx_runtime12.JSX.Element | null;
+//#endregion
+export { Support, Support as default, type SupportLocale, SupportProps, type SupportTextContentOverrides, Text, type WebSocketContextValue, WebSocketProvider, useSupportConfig, useSupportStore, useSupportText, useWebSocket };
+//# sourceMappingURL=index.d.ts.map

package/support/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/support/index.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;KAWY,qCAAqC;;;;;;EAArC,eAAY,CAAA,EAOL,cAPK,EAAA;EAAA,WAAA,CAAA,EAAA,OAAA;QAAyB,CAAA,EASvC,MATuC;SAO9B,CAAA,EAGR,2BAHQ,CAGoB,MAHpB,CAAA;;;;;AAYnB;;AAAgD,iBAAhC,OAAgC,CAAA,eAAA,MAAA,GAAA,aAAA,CAAA,CAAA;EAAA,SAAA;EAAA,QAAA;EAAA,KAAA;EAAA,IAAA;EAAA,YAAA;EAAA,eAAA;EAAA,WAAA;EAAA,MAAA;EAAA;AAAA,CAAA,EAU7C,YAV6C,CAUhC,MAVgC,CAAA,CAAA,EAUzB,mBAAA,CAAA,GAAA,CAAA,OAAA,GAVyB,IAAA"}

package/support/index.js

@@ -0,0 +1,43 @@
+import "./support.js";
+import { SupportRealtimeProvider } from "../realtime/support-provider.js";
+import { SupportConfig } from "../support-config.js";
+import { useSupportStore } from "./store/support-store.js";
+import { SupportConfigProvider, useSupportConfig } from "./context/config.js";
+import { SupportTextProvider, Text, useSupportText } from "./text/index.js";
+import { SupportContent } from "./components/support-content.js";
+import { WebSocketProvider, useWebSocket } from "./context/websocket.js";
+import { useSupport } from "../provider.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/support/index.tsx
+/**
+* Orchestrates the end-user support experience by nesting realtime, config and
+* content providers. Renders nothing until website data is available to avoid
+* flashing incomplete UI.
+*/
+function Support({ className, position = "bottom", align = "right", mode = "floating", quickOptions, defaultMessages, defaultOpen, locale, content }) {
+	const { website } = useSupport();
+	if (!website) return null;
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(SupportRealtimeProvider, { children: /* @__PURE__ */ jsx(SupportConfigProvider, {
+		defaultOpen,
+		mode,
+		children: /* @__PURE__ */ jsx(SupportTextProvider, {
+			content,
+			locale,
+			children: /* @__PURE__ */ jsx(SupportContent, {
+				align,
+				className,
+				mode,
+				position
+			})
+		})
+	}) }), /* @__PURE__ */ jsx(SupportConfig, {
+		defaultMessages,
+		quickOptions
+	})] });
+}
+var support_default = Support;
+
+//#endregion
+export { Support, Text, WebSocketProvider, support_default as default, useSupportConfig, useSupportStore, useSupportText, useWebSocket };
+//# sourceMappingURL=index.js.map

package/support/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/support/index.tsx"],"sourcesContent":["import \"./support.css\";\n\nimport type { DefaultMessage } from \"@cossistant/types\";\nimport { useSupport } from \"../provider\";\nimport { SupportRealtimeProvider } from \"../realtime\";\nimport { SupportConfig } from \"../support-config\";\nimport { SupportContent } from \"./components/support-content\";\nimport { SupportConfigProvider } from \"./context/config\";\nimport type { SupportLocale, SupportTextContentOverrides } from \"./text\";\nimport { SupportTextProvider } from \"./text\";\n\nexport type SupportProps<Locale extends string = SupportLocale> = {\n\tclassName?: string;\n\tposition?: \"top\" | \"bottom\";\n\talign?: \"right\" | \"left\";\n\t// Display the support widget in a floating window or in responsive mode (takes the full width / height of the parent)\n\tmode?: \"floating\" | \"responsive\";\n\tquickOptions?: string[];\n\tdefaultMessages?: DefaultMessage[];\n\tdefaultOpen?: boolean;\n\tlocale?: Locale;\n\tcontent?: SupportTextContentOverrides<Locale>;\n};\n\n// Internal component that needs the conversation context\n/**\n * Orchestrates the end-user support experience by nesting realtime, config and\n * content providers. Renders nothing until website data is available to avoid\n * flashing incomplete UI.\n */\nexport function Support<Locale extends string = SupportLocale>({\n\tclassName,\n\tposition = \"bottom\",\n\talign = \"right\",\n\tmode = \"floating\",\n\tquickOptions,\n\tdefaultMessages,\n\tdefaultOpen,\n\tlocale,\n\tcontent,\n}: SupportProps<Locale>) {\n\tconst { website } = useSupport();\n\n\tif (!website) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<SupportRealtimeProvider>\n\t\t\t\t<SupportConfigProvider defaultOpen={defaultOpen} mode={mode}>\n\t\t\t\t\t<SupportTextProvider content={content} locale={locale}>\n\t\t\t\t\t\t<SupportContent\n\t\t\t\t\t\t\talign={align}\n\t\t\t\t\t\t\tclassName={className}\n\t\t\t\t\t\t\tmode={mode}\n\t\t\t\t\t\t\tposition={position}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</SupportTextProvider>\n\t\t\t\t</SupportConfigProvider>\n\t\t\t</SupportRealtimeProvider>\n\t\t\t<SupportConfig\n\t\t\t\tdefaultMessages={defaultMessages}\n\t\t\t\tquickOptions={quickOptions}\n\t\t\t/>\n\t\t</>\n\t);\n}\n\nexport default Support;\n\nexport { useSupportConfig } from \"./context/config\";\nexport type { WebSocketContextValue } from \"./context/websocket\";\nexport { useWebSocket, WebSocketProvider } from \"./context/websocket\";\n// Export the store for direct access if needed\nexport { useSupportStore } from \"./store\";\nexport type { SupportLocale, SupportTextContentOverrides } from \"./text\";\nexport { Text, useSupportText } from \"./text\";\n"],"mappings":";;;;;;;;;;;;;;;;;AA8BA,SAAgB,QAA+C,EAC9D,WACA,WAAW,UACX,QAAQ,SACR,OAAO,YACP,cACA,iBACA,aACA,QACA,WACwB;CACxB,MAAM,EAAE,YAAY,YAAY;AAEhC,KAAI,CAAC,QACJ,QAAO;AAGR,QACC,4CACC,oBAAC,qCACA,oBAAC;EAAmC;EAAmB;YACtD,oBAAC;GAA6B;GAAiB;aAC9C,oBAAC;IACO;IACI;IACL;IACI;KACT;IACmB;GACC,GACC,EAC1B,oBAAC;EACiB;EACH;GACb,IACA;;AAIL,sBAAe"}

package/support/pages/articles.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+
+//#region src/support/pages/articles.d.ts
+declare const ArticlesPage: React.FC;
+//#endregion
+export { ArticlesPage };
+//# sourceMappingURL=articles.d.ts.map

package/support/pages/articles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"articles.d.ts","names":[],"sources":["../../../src/support/pages/articles.tsx"],"sourcesContent":[],"mappings":";;;cAKa,cAAc,KAAA,CAAM"}

package/support/pages/articles.js

@@ -0,0 +1,39 @@
+import { Container } from "../components/container.js";
+import { Header } from "../components/header.js";
+import { NavigationTab } from "../components/navigation-tab.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/support/pages/articles.tsx
+const ArticlesPage = () => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Header, { children: /* @__PURE__ */ jsx(NavigationTab, {}) }), /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx("div", {
+	className: "p-2",
+	children: /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col gap-5",
+		children: [
+			/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h3", {
+				className: "mb-2 font-medium text-base text-primary",
+				children: "How do I start a conversation?"
+			}), /* @__PURE__ */ jsx("p", {
+				className: "text-primary/60 text-sm leading-relaxed",
+				children: "Click the \"Start New Conversation\" button on the home page to begin chatting with our support team."
+			})] }),
+			/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h3", {
+				className: "mb-2 font-medium text-base text-primary",
+				children: "Can I view previous conversations?"
+			}), /* @__PURE__ */ jsx("p", {
+				className: "text-primary/60 text-sm leading-relaxed",
+				children: "Yes! Navigate to the Conversation History page to see all your past conversations."
+			})] }),
+			/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h3", {
+				className: "mb-2 font-medium text-base text-primary",
+				children: "How quickly will I get a response?"
+			}), /* @__PURE__ */ jsx("p", {
+				className: "text-primary/60 text-sm leading-relaxed",
+				children: "Our team typically responds within a few minutes during business hours."
+			})] })
+		]
+	})
+}) })] });
+
+//#endregion
+export { ArticlesPage };
+//# sourceMappingURL=articles.js.map

package/support/pages/articles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"articles.js","names":["ArticlesPage: React.FC"],"sources":["../../../src/support/pages/articles.tsx"],"sourcesContent":["import type React from \"react\";\nimport { Container } from \"../components/container\";\nimport { Header } from \"../components/header\";\nimport { NavigationTab } from \"../components/navigation-tab\";\n\nexport const ArticlesPage: React.FC = () => (\n\t<>\n\t\t<Header>\n\t\t\t<NavigationTab />\n\t\t</Header>\n\t\t<Container>\n\t\t\t<div className=\"p-2\">\n\t\t\t\t<div className=\"flex flex-col gap-5\">\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<h3 className=\"mb-2 font-medium text-base text-primary\">\n\t\t\t\t\t\t\tHow do I start a conversation?\n\t\t\t\t\t\t</h3>\n\t\t\t\t\t\t<p className=\"text-primary/60 text-sm leading-relaxed\">\n\t\t\t\t\t\t\tClick the \"Start New Conversation\" button on the home page to\n\t\t\t\t\t\t\tbegin chatting with our support team.\n\t\t\t\t\t\t</p>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<h3 className=\"mb-2 font-medium text-base text-primary\">\n\t\t\t\t\t\t\tCan I view previous conversations?\n\t\t\t\t\t\t</h3>\n\t\t\t\t\t\t<p className=\"text-primary/60 text-sm leading-relaxed\">\n\t\t\t\t\t\t\tYes! Navigate to the Conversation History page to see all your\n\t\t\t\t\t\t\tpast conversations.\n\t\t\t\t\t\t</p>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<h3 className=\"mb-2 font-medium text-base text-primary\">\n\t\t\t\t\t\t\tHow quickly will I get a response?\n\t\t\t\t\t\t</h3>\n\t\t\t\t\t\t<p className=\"text-primary/60 text-sm leading-relaxed\">\n\t\t\t\t\t\t\tOur team typically responds within a few minutes during business\n\t\t\t\t\t\t\thours.\n\t\t\t\t\t\t</p>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</Container>\n\t</>\n);\n"],"mappings":";;;;;;AAKA,MAAaA,qBACZ,4CACC,oBAAC,oBACA,oBAAC,kBAAgB,GACT,EACT,oBAAC,uBACA,oBAAC;CAAI,WAAU;WACd,qBAAC;EAAI,WAAU;;GACd,qBAAC,oBACA,oBAAC;IAAG,WAAU;cAA0C;KAEnD,EACL,oBAAC;IAAE,WAAU;cAA0C;KAGnD,IACC;GACN,qBAAC,oBACA,oBAAC;IAAG,WAAU;cAA0C;KAEnD,EACL,oBAAC;IAAE,WAAU;cAA0C;KAGnD,IACC;GACN,qBAAC,oBACA,oBAAC;IAAG,WAAU;cAA0C;KAEnD,EACL,oBAAC;IAAE,WAAU;cAA0C;KAGnD,IACC;;GACD;EACD,GACK,IACV"}

package/support/pages/conversation-history.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+
+//#region src/support/pages/conversation-history.d.ts
+
+/**
+ * Conversation history page component.
+ *
+ * Displays:
+ * - List of all conversations
+ * - Pagination controls
+ * - Button to start new conversation
+ *
+ * All logic is handled by the useConversationHistoryPage hook.
+ */
+declare const ConversationHistoryPage: React.FC;
+//#endregion
+export { ConversationHistoryPage };
+//# sourceMappingURL=conversation-history.d.ts.map

package/support/pages/conversation-history.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-history.d.ts","names":[],"sources":["../../../src/support/pages/conversation-history.tsx"],"sourcesContent":[],"mappings":";;;;;;AAwBA;;;;;;;;cAAa,yBAAyB,KAAA,CAAM"}

package/support/pages/conversation-history.js

@@ -0,0 +1,120 @@
+import { AvatarStack } from "../components/avatar-stack.js";
+import { useSupportNavigation } from "../store/support-store.js";
+import { Button } from "../components/button.js";
+import icons_default from "../components/icons.js";
+import { Header } from "../components/header.js";
+import { Text, useSupportText } from "../text/index.js";
+import { PENDING_CONVERSATION_ID } from "../../utils/id.js";
+import { Watermark } from "../components/watermark.js";
+import { useConversationHistoryPage } from "../../hooks/use-conversation-history-page.js";
+import { ConversationButtonLink } from "../components/conversation-button-link.js";
+import { TextEffect } from "../components/text-effect.js";
+import { useSupport } from "../../provider.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/support/pages/conversation-history.tsx
+/**
+* Conversation history page component.
+*
+* Displays:
+* - List of all conversations
+* - Pagination controls
+* - Button to start new conversation
+*
+* All logic is handled by the useConversationHistoryPage hook.
+*/
+const ConversationHistoryPage = () => {
+	const { goBack, canGoBack, navigate } = useSupportNavigation();
+	const { availableAIAgents, availableHumanAgents } = useSupport();
+	const text = useSupportText();
+	const history = useConversationHistoryPage({
+		initialVisibleCount: 4,
+		onOpenConversation: (conversationId) => {
+			navigate({
+				page: "CONVERSATION",
+				params: { conversationId }
+			});
+		},
+		onStartConversation: (initialMessage) => {
+			navigate({
+				page: "CONVERSATION",
+				params: {
+					conversationId: PENDING_CONVERSATION_ID,
+					initialMessage
+				}
+			});
+		}
+	});
+	const handleGoBack = () => {
+		if (canGoBack) goBack();
+		else navigate({ page: "HOME" });
+	};
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx(Header, {
+			onGoBack: handleGoBack,
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "flex w-full items-center justify-between gap-2 py-3",
+				children: [/* @__PURE__ */ jsx("div", { className: "flex flex-col" }), /* @__PURE__ */ jsx(AvatarStack, {
+					aiAgents: availableAIAgents,
+					gapWidth: 2,
+					humanAgents: availableHumanAgents,
+					size: 32,
+					spacing: 28
+				})]
+			})
+		}),
+		/* @__PURE__ */ jsx("div", {
+			className: "sticky top-4 flex flex-1 items-center justify-center",
+			children: /* @__PURE__ */ jsx("div", {
+				className: "flex flex-col items-center gap-2",
+				children: /* @__PURE__ */ jsx(TextEffect, {
+					as: "h2",
+					className: "max-w-xs text-balance text-center font-co-sans text-2xl leading-normal",
+					delay: .5,
+					preset: "fade-in-blur",
+					children: text("page.conversationHistory.title")
+				})
+			})
+		}),
+		/* @__PURE__ */ jsxs("div", {
+			className: "flex flex-shrink-0 flex-col items-center justify-center gap-2 px-6 pt-20 pb-4",
+			children: [history.conversations.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [history.hasMore && /* @__PURE__ */ jsx(Button, {
+				className: "relative mt-6 w-full text-co-primary/40 text-xs hover:text-co-primary",
+				onClick: history.showAll,
+				variant: "ghost",
+				children: /* @__PURE__ */ jsx(Text, {
+					as: "span",
+					textKey: "page.conversationHistory.showMore",
+					variables: { count: history.remainingCount }
+				})
+			}), /* @__PURE__ */ jsx("div", {
+				className: "mt-6 flex w-full flex-col overflow-clip rounded-md border border-co-border/80",
+				children: history.visibleConversations.map((conversation) => /* @__PURE__ */ jsx(ConversationButtonLink, {
+					className: "rounded-none",
+					conversation,
+					onClick: () => history.openConversation(conversation.id)
+				}, conversation.id))
+			})] }), /* @__PURE__ */ jsxs("div", {
+				className: "sticky bottom-4 z-10 flex w-full flex-col items-center gap-2",
+				children: [/* @__PURE__ */ jsxs(Button, {
+					className: "relative w-full justify-between",
+					onClick: () => history.startConversation(),
+					size: "large",
+					variant: "secondary",
+					children: [/* @__PURE__ */ jsx(icons_default, {
+						className: "-translate-y-1/2 absolute top-1/2 right-4 size-3 text-co-primary/60 transition-transform duration-200 group-hover/btn:translate-x-0.5 group-hover/btn:text-co-primary",
+						name: "arrow-right",
+						variant: "default"
+					}), /* @__PURE__ */ jsx(Text, {
+						as: "span",
+						textKey: "common.actions.askQuestion"
+					})]
+				}), /* @__PURE__ */ jsx(Watermark, { className: "mt-4 mb-2" })]
+			})]
+		})
+	] });
+};
+
+//#endregion
+export { ConversationHistoryPage };
+//# sourceMappingURL=conversation-history.js.map

package/support/pages/conversation-history.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-history.js","names":["ConversationHistoryPage: React.FC","Icon"],"sources":["../../../src/support/pages/conversation-history.tsx"],"sourcesContent":["import { useSupport } from \"@cossistant/react\";\nimport { PENDING_CONVERSATION_ID } from \"@cossistant/react/utils/id\";\nimport type React from \"react\";\nimport { useConversationHistoryPage } from \"../../hooks/use-conversation-history-page\";\nimport { AvatarStack } from \"../components/avatar-stack\";\nimport { Button } from \"../components/button\";\nimport { ConversationButtonLink } from \"../components/conversation-button-link\";\nimport { Header } from \"../components/header\";\nimport Icon from \"../components/icons\";\nimport { TextEffect } from \"../components/text-effect\";\nimport { Watermark } from \"../components/watermark\";\nimport { useSupportNavigation } from \"../store/support-store\";\nimport { Text, useSupportText } from \"../text\";\n\n/**\n * Conversation history page component.\n *\n * Displays:\n * - List of all conversations\n * - Pagination controls\n * - Button to start new conversation\n *\n * All logic is handled by the useConversationHistoryPage hook.\n */\nexport const ConversationHistoryPage: React.FC = () => {\n\tconst { goBack, canGoBack, navigate } = useSupportNavigation();\n\tconst { availableAIAgents, availableHumanAgents } = useSupport();\n\tconst text = useSupportText();\n\n\tconst history = useConversationHistoryPage({\n\t\tinitialVisibleCount: 4,\n\t\tonOpenConversation: (conversationId) => {\n\t\t\tnavigate({\n\t\t\t\tpage: \"CONVERSATION\",\n\t\t\t\tparams: {\n\t\t\t\t\tconversationId,\n\t\t\t\t},\n\t\t\t});\n\t\t},\n\t\tonStartConversation: (initialMessage) => {\n\t\t\tnavigate({\n\t\t\t\tpage: \"CONVERSATION\",\n\t\t\t\tparams: {\n\t\t\t\t\tconversationId: PENDING_CONVERSATION_ID,\n\t\t\t\t\tinitialMessage,\n\t\t\t\t},\n\t\t\t});\n\t\t},\n\t});\n\n\tconst handleGoBack = () => {\n\t\tif (canGoBack) {\n\t\t\tgoBack();\n\t\t} else {\n\t\t\tnavigate({\n\t\t\t\tpage: \"HOME\",\n\t\t\t});\n\t\t}\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<Header onGoBack={handleGoBack}>\n\t\t\t\t<div className=\"flex w-full items-center justify-between gap-2 py-3\">\n\t\t\t\t\t<div className=\"flex flex-col\" />\n\t\t\t\t\t<AvatarStack\n\t\t\t\t\t\taiAgents={availableAIAgents}\n\t\t\t\t\t\tgapWidth={2}\n\t\t\t\t\t\thumanAgents={availableHumanAgents}\n\t\t\t\t\t\tsize={32}\n\t\t\t\t\t\tspacing={28}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</Header>\n\t\t\t<div className=\"sticky top-4 flex flex-1 items-center justify-center\">\n\t\t\t\t<div className=\"flex flex-col items-center gap-2\">\n\t\t\t\t\t<TextEffect\n\t\t\t\t\t\tas=\"h2\"\n\t\t\t\t\t\tclassName=\"max-w-xs text-balance text-center font-co-sans text-2xl leading-normal\"\n\t\t\t\t\t\tdelay={0.5}\n\t\t\t\t\t\tpreset=\"fade-in-blur\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{text(\"page.conversationHistory.title\")}\n\t\t\t\t\t</TextEffect>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div className=\"flex flex-shrink-0 flex-col items-center justify-center gap-2 px-6 pt-20 pb-4\">\n\t\t\t\t{history.conversations.length > 0 && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{history.hasMore && (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tclassName=\"relative mt-6 w-full text-co-primary/40 text-xs hover:text-co-primary\"\n\t\t\t\t\t\t\t\tonClick={history.showAll}\n\t\t\t\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\tas=\"span\"\n\t\t\t\t\t\t\t\t\ttextKey=\"page.conversationHistory.showMore\"\n\t\t\t\t\t\t\t\t\tvariables={{ count: history.remainingCount }}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<div className=\"mt-6 flex w-full flex-col overflow-clip rounded-md border border-co-border/80\">\n\t\t\t\t\t\t\t{history.visibleConversations.map((conversation) => (\n\t\t\t\t\t\t\t\t<ConversationButtonLink\n\t\t\t\t\t\t\t\t\tclassName=\"rounded-none\"\n\t\t\t\t\t\t\t\t\tconversation={conversation}\n\t\t\t\t\t\t\t\t\tkey={conversation.id}\n\t\t\t\t\t\t\t\t\tonClick={() => history.openConversation(conversation.id)}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</>\n\t\t\t\t)}\n\n\t\t\t\t<div className=\"sticky bottom-4 z-10 flex w-full flex-col items-center gap-2\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\tclassName=\"relative w-full justify-between\"\n\t\t\t\t\t\tonClick={() => history.startConversation()}\n\t\t\t\t\t\tsize=\"large\"\n\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\tclassName=\"-translate-y-1/2 absolute top-1/2 right-4 size-3 text-co-primary/60 transition-transform duration-200 group-hover/btn:translate-x-0.5 group-hover/btn:text-co-primary\"\n\t\t\t\t\t\t\tname=\"arrow-right\"\n\t\t\t\t\t\t\tvariant=\"default\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Text as=\"span\" textKey=\"common.actions.askQuestion\" />\n\t\t\t\t\t</Button>\n\t\t\t\t\t<Watermark className=\"mt-4 mb-2\" />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</>\n\t);\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,MAAaA,gCAA0C;CACtD,MAAM,EAAE,QAAQ,WAAW,aAAa,sBAAsB;CAC9D,MAAM,EAAE,mBAAmB,yBAAyB,YAAY;CAChE,MAAM,OAAO,gBAAgB;CAE7B,MAAM,UAAU,2BAA2B;EAC1C,qBAAqB;EACrB,qBAAqB,mBAAmB;AACvC,YAAS;IACR,MAAM;IACN,QAAQ,EACP,gBACA;IACD,CAAC;;EAEH,sBAAsB,mBAAmB;AACxC,YAAS;IACR,MAAM;IACN,QAAQ;KACP,gBAAgB;KAChB;KACA;IACD,CAAC;;EAEH,CAAC;CAEF,MAAM,qBAAqB;AAC1B,MAAI,UACH,SAAQ;MAER,UAAS,EACR,MAAM,QACN,CAAC;;AAIJ,QACC;EACC,oBAAC;GAAO,UAAU;aACjB,qBAAC;IAAI,WAAU;eACd,oBAAC,SAAI,WAAU,kBAAkB,EACjC,oBAAC;KACA,UAAU;KACV,UAAU;KACV,aAAa;KACb,MAAM;KACN,SAAS;MACR;KACG;IACE;EACT,oBAAC;GAAI,WAAU;aACd,oBAAC;IAAI,WAAU;cACd,oBAAC;KACA,IAAG;KACH,WAAU;KACV,OAAO;KACP,QAAO;eAEN,KAAK,iCAAiC;MAC3B;KACR;IACD;EACN,qBAAC;GAAI,WAAU;cACb,QAAQ,cAAc,SAAS,KAC/B,4CACE,QAAQ,WACR,oBAAC;IACA,WAAU;IACV,SAAS,QAAQ;IACjB,SAAQ;cAER,oBAAC;KACA,IAAG;KACH,SAAQ;KACR,WAAW,EAAE,OAAO,QAAQ,gBAAgB;MAC3C;KACM,EAEV,oBAAC;IAAI,WAAU;cACb,QAAQ,qBAAqB,KAAK,iBAClC,oBAAC;KACA,WAAU;KACI;KAEd,eAAe,QAAQ,iBAAiB,aAAa,GAAG;OADnD,aAAa,GAEjB,CACD;KACG,IACJ,EAGJ,qBAAC;IAAI,WAAU;eACd,qBAAC;KACA,WAAU;KACV,eAAe,QAAQ,mBAAmB;KAC1C,MAAK;KACL,SAAQ;gBAER,oBAACC;MACA,WAAU;MACV,MAAK;MACL,SAAQ;OACP,EACF,oBAAC;MAAK,IAAG;MAAO,SAAQ;OAA+B;MAC/C,EACT,oBAAC,aAAU,WAAU,cAAc;KAC9B;IACD;KACJ"}

package/support/pages/conversation.d.ts

@@ -0,0 +1,32 @@
+import { TimelineItem } from "../../timeline-item.js";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
+
+//#region src/support/pages/conversation.d.ts
+type ConversationPageProps = {
+  /**
+   * The conversation ID to display (can be PENDING_CONVERSATION_ID or a real ID).
+   */
+  conversationId: string;
+  /**
+   * Optional initial message to send when opening the conversation.
+   */
+  initialMessage?: string;
+  /**
+   * Optional timeline items to display (for optimistic updates or initial state).
+   */
+  items?: TimelineItem[];
+};
+/**
+ * Main conversation page component.
+ *
+ * All conversation logic is handled by the useConversationPage hook,
+ * making this component focused purely on rendering and user interaction.
+ */
+declare const ConversationPage: ({
+  conversationId: initialConversationId,
+  initialMessage,
+  items: passedItems
+}: ConversationPageProps) => react_jsx_runtime3.JSX.Element;
+//#endregion
+export { ConversationPage };
+//# sourceMappingURL=conversation.d.ts.map

package/support/pages/conversation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation.d.ts","names":[],"sources":["../../../src/support/pages/conversation.tsx"],"sourcesContent":[],"mappings":";;;;KAUK,qBAAA;;;AAVmE;EAiC3D,cAAA,EAAA,MA+EZ;EAAA;;;gBA/EgC,CAAA,EAAA,MAAA;;;;UATxB;;;;;;;;cASI;kBAAoB;;SAAA;GAI9B,0BAAqB,kBAAA,CAAA,GAAA,CAAA"}

package/support/pages/conversation.js

@@ -0,0 +1,92 @@
+import { AvatarStack } from "../components/avatar-stack.js";
+import { useSupportNavigation } from "../store/support-store.js";
+import { Header } from "../components/header.js";
+import { Text, useSupportText } from "../text/index.js";
+import { useConversationPage } from "../../hooks/use-conversation-page.js";
+import { ConversationTimelineList } from "../components/conversation-timeline.js";
+import { MultimodalInput } from "../components/multimodal-input.js";
+import { useSupport } from "../../provider.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/support/pages/conversation.tsx
+/**
+* Main conversation page component.
+*
+* All conversation logic is handled by the useConversationPage hook,
+* making this component focused purely on rendering and user interaction.
+*/
+const ConversationPage = ({ conversationId: initialConversationId, initialMessage, items: passedItems = [] }) => {
+	const { website, availableAIAgents, availableHumanAgents, visitor } = useSupport();
+	const { navigate, replace, goBack, canGoBack } = useSupportNavigation();
+	const text = useSupportText();
+	const conversation = useConversationPage({
+		conversationId: initialConversationId,
+		items: passedItems,
+		initialMessage,
+		onConversationIdChange: (newConversationId) => {
+			replace({
+				page: "CONVERSATION",
+				params: { conversationId: newConversationId }
+			});
+		}
+	});
+	const handleGoBack = () => {
+		if (canGoBack) goBack();
+		else navigate({ page: "HOME" });
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex h-full flex-col gap-0 overflow-hidden",
+		children: [
+			/* @__PURE__ */ jsx(Header, {
+				onGoBack: handleGoBack,
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "flex w-full items-center justify-between gap-2 py-3",
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "flex flex-col",
+						children: [/* @__PURE__ */ jsx("p", {
+							className: "font-medium text-sm",
+							children: website?.name
+						}), /* @__PURE__ */ jsx(Text, {
+							as: "p",
+							className: "text-muted-foreground text-sm",
+							textKey: "common.labels.supportOnline"
+						})]
+					}), /* @__PURE__ */ jsx(AvatarStack, {
+						aiAgents: availableAIAgents,
+						gapWidth: 2,
+						humanAgents: availableHumanAgents,
+						size: 32,
+						spacing: 28
+					})]
+				})
+			}),
+			/* @__PURE__ */ jsx(ConversationTimelineList, {
+				availableAIAgents,
+				availableHumanAgents,
+				className: "min-h-0 flex-1 px-4",
+				conversationId: conversation.conversationId,
+				currentVisitorId: visitor?.id,
+				items: conversation.items
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "flex-shrink-0 p-1",
+				children: /* @__PURE__ */ jsx(MultimodalInput, {
+					disabled: conversation.composer.isSubmitting,
+					error: conversation.error,
+					files: conversation.composer.files,
+					isSubmitting: conversation.composer.isSubmitting,
+					onChange: conversation.composer.setMessage,
+					onFileSelect: conversation.composer.addFiles,
+					onRemoveFile: conversation.composer.removeFile,
+					onSubmit: conversation.composer.submit,
+					placeholder: text("component.multimodalInput.placeholder"),
+					value: conversation.composer.message
+				})
+			})
+		]
+	});
+};
+
+//#endregion
+export { ConversationPage };
+//# sourceMappingURL=conversation.js.map