@v-office/website-chat 0.0.0 → 1.0.1

package/dist/icons-B5PAY3aU.js

@@ -0,0 +1,145 @@
+import { n as CHAT_PATH } from "./protocol-BuNqZAMt.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/client.ts
+const url = (endpoint) => `${endpoint.replace(/\/+$/, "")}${CHAT_PATH}`;
+/** See {@link ChatAvailable}. */
+const chatAvailable = async (endpoint, signal) => {
+	if (!endpoint) return false;
+	try {
+		const res = await fetch(url(endpoint), signal ? { signal } : {});
+		if (!res.ok) return false;
+		return (await res.json()).available === true;
+	} catch {
+		return false;
+	}
+};
+/** See {@link ParseEvents}. Only `data:` lines matter: the event's type travels in its JSON. */
+const parseEvents = (buffer) => {
+	const blocks = buffer.split("\n\n");
+	const rest = blocks.pop() ?? "";
+	const events = [];
+	for (const block of blocks) {
+		const data = block.split("\n").filter((line) => line.startsWith("data:")).map((line) => line.slice(5).trimStart()).join("\n");
+		if (!data) continue;
+		try {
+			events.push(JSON.parse(data));
+		} catch {}
+	}
+	return {
+		events,
+		rest
+	};
+};
+/** See {@link SendMessage}. */
+const sendMessage = async (endpoint, request, onEvent, signal) => {
+	const res = await fetch(url(endpoint), {
+		method: "POST",
+		headers: {
+			"content-type": "application/json",
+			accept: "text/event-stream"
+		},
+		body: JSON.stringify(request),
+		...signal ? { signal } : {}
+	});
+	if (!res.ok || !res.body) {
+		onEvent({
+			type: "unavailable",
+			reason: res.status === 429 ? "limit" : res.status === 409 ? "busy" : "error"
+		});
+		return;
+	}
+	const reader = res.body.pipeThrough(new TextDecoderStream()).getReader();
+	let buffer = "";
+	let ended = false;
+	for (;;) {
+		const { done, value } = await reader.read();
+		if (done) break;
+		const parsed = parseEvents(buffer + value);
+		buffer = parsed.rest;
+		for (const event of parsed.events) {
+			if (event.type === "done" || event.type === "unavailable") ended = true;
+			onEvent(event);
+		}
+	}
+	if (!ended) onEvent({
+		type: "unavailable",
+		reason: "error"
+	});
+};
+//#endregion
+//#region src/conversation.ts
+const keyOf = (endpoint) => `v-office-chat:${endpoint}`;
+/** sessionStorage throws where a browser forbids it (some private modes): the chat then lives in the
+*  page only, as before. */
+const storage = () => {
+	try {
+		return globalThis.sessionStorage ?? null;
+	} catch {
+		return null;
+	}
+};
+/** See {@link LoadConversation}. */
+const loadConversation = (endpoint, now = Date.now()) => {
+	try {
+		const raw = storage()?.getItem(keyOf(endpoint));
+		if (!raw) return null;
+		const stored = JSON.parse(raw);
+		if (!Array.isArray(stored.messages) || stored.messages.length === 0) return null;
+		if (!(now - stored.savedAt < 72e5)) {
+			storage()?.removeItem(keyOf(endpoint));
+			return null;
+		}
+		return {
+			sessionId: stored.sessionId ?? null,
+			messages: stored.messages,
+			savedAt: stored.savedAt
+		};
+	} catch {
+		return null;
+	}
+};
+/** See {@link SaveConversation}. */
+const saveConversation = (endpoint, conversation, savedAt = Date.now()) => {
+	try {
+		storage()?.setItem(keyOf(endpoint), JSON.stringify({
+			...conversation,
+			savedAt
+		}));
+	} catch {
+		clearConversation(endpoint);
+	}
+};
+/** See {@link ClearConversation}. */
+const clearConversation = (endpoint) => {
+	try {
+		storage()?.removeItem(keyOf(endpoint));
+	} catch {}
+};
+//#endregion
+//#region src/icons.tsx
+const Svg = ({ children, size = 16 }) => /* @__PURE__ */ jsx("svg", {
+	width: size,
+	height: size,
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: 2.2,
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	"aria-hidden": "true",
+	focusable: "false",
+	children
+});
+/** The chat's mark, in the primary colour's circle. */
+const Spark = () => /* @__PURE__ */ jsx("span", {
+	className: "spark",
+	children: /* @__PURE__ */ jsx(Svg, {
+		size: 18,
+		children: /* @__PURE__ */ jsx("path", { d: "M12 3v4M12 17v4M3 12h4M17 12h4M6.3 6.3l2.5 2.5M15.2 15.2l2.5 2.5M6.3 17.7l2.5-2.5M15.2 8.8l2.5-2.5" })
+	})
+});
+const Arrow = () => /* @__PURE__ */ jsx(Svg, { children: /* @__PURE__ */ jsx("path", { d: "M5 12h14M13 6l6 6-6 6" }) });
+const Restart = () => /* @__PURE__ */ jsx(Svg, { children: /* @__PURE__ */ jsx("path", { d: "M3 12a9 9 0 1 0 3-6.7L3 8M3 3v5h5" }) });
+const Cross = () => /* @__PURE__ */ jsx(Svg, { children: /* @__PURE__ */ jsx("path", { d: "M6 6l12 12M18 6L6 18" }) });
+//#endregion
+export { clearConversation as a, chatAvailable as c, Spark as i, sendMessage as l, Cross as n, loadConversation as o, Restart as r, saveConversation as s, Arrow as t };

package/dist/index.d.ts

@@ -0,0 +1,111 @@
+import { a as ChatLocale, t as CHAT_LOCALES } from "./protocol-Bmb_uxVQ.js";
+//#region src/copy.d.ts
+interface ChatCopy {
+  /** The entry pill's invitation, under the title; on wide screens the pill's field says it. */
+  readonly open: string;
+  /** The entry pill once a conversation exists. */
+  readonly resume: string;
+  readonly close: string;
+  /** The chat's name: over the entry pill and in the panel's head. */
+  readonly title: string;
+  readonly newConversation: string;
+  /** The AI notice under the title (AI Act transparency); have its wording checked for the site. */
+  readonly notice: string;
+  /** Shown before the first message. */
+  readonly greeting: string;
+  /** Tappable first messages, before the visitor wrote anything. */
+  readonly suggestions: readonly string[];
+  readonly placeholder: string;
+  readonly send: string;
+  /** Read out while a reply is on its way. */
+  readonly thinking: string;
+  /** Over the message typed into the entry pill, at the start step that sends it. */
+  readonly yourMessage: string;
+  /** The consent step: what turning the chat on means. */
+  readonly consent: string;
+  readonly consentAccept: string;
+  readonly unavailable: string;
+  readonly busy: string;
+  readonly searchLink: string;
+  readonly contactLink: string;
+  readonly bookStay: string;
+  readonly viewRental: string;
+  readonly total: string;
+  readonly notBookable: string;
+  readonly photo: string;
+  readonly previous: string;
+  readonly next: string;
+  /** `{n}` reviews, per plural form. */
+  readonly reviews: Readonly<Partial<Record<Intl.LDMLPluralRule, string>>> & {
+    readonly other: string;
+  };
+  readonly priceBreakdown: string;
+  readonly otherDates: string;
+  readonly free: string;
+  readonly booked: string;
+  /** A day that is neither free nor taken: past, beyond the bookable range, or no arrival. */
+  readonly closed: string;
+  readonly yourStay: string;
+  readonly compareRooms: string;
+  readonly compareHighlights: string;
+  readonly compareRating: string;
+  readonly compareStay: string;
+  readonly priceCalendar: string;
+  /** Under the price calendar's title: what each column's price is. */
+  readonly priceCalendarNights: Readonly<Partial<Record<Intl.LDMLPluralRule, string>>> & {
+    readonly other: string;
+  };
+  readonly cheapest: string;
+  readonly reviewsTitle: string;
+  /** Over the wishes a found stay matches. */
+  readonly matchesWishes: string;
+  readonly mapLoad: string;
+  /** Before the map loads: that loading it sends the visitor's IP address to the tile host (the
+   *  platform's map gate says the same, website-components `map/copy.ts`). */
+  readonly mapNotice: string;
+  /** The map's label for a screen reader; `{name}` is the rental's. */
+  readonly mapLabel: string;
+  /** A count's words by plural category (`Intl.PluralRules`); `{n}` is the count. */
+  readonly adults: Readonly<Partial<Record<Intl.LDMLPluralRule, string>>> & {
+    readonly other: string;
+  };
+  readonly children: Readonly<Partial<Record<Intl.LDMLPluralRule, string>>> & {
+    readonly other: string;
+  };
+}
+export declare const DEFAULT_COPY: Readonly<Record<ChatLocale, ChatCopy>>;
+//#endregion
+//#region src/theme.d.ts
+/** The curated looks over one layout: `classic` (soft shadows, medium corners), `soft` (round corners,
+ *  lighter shadows), `minimal` (borders instead of shadows, small corners). */
+export declare const CHAT_THEMES: readonly ["classic", "soft", "minimal"];
+type ChatTheme = (typeof CHAT_THEMES)[number];
+/** A site's colours, any CSS colour. `primary` fills buttons, the send button and the chat's mark, and
+ *  runs around the entry pill; `secondary` tints the visitor's messages and the suggestions. */
+interface ChatColors {
+  readonly primary?: string;
+  readonly secondary?: string;
+}
+//#endregion
+//#region src/WebsiteChat.d.ts
+interface WebsiteChatProps {
+  /** The chat service's URL for this environment: AI Studio's builds set `PUBLIC_CHAT_ENDPOINT` to it.
+   *  Empty (a build outside AI Studio), the widget asks nothing and renders nothing. */
+  readonly endpoint: string;
+  readonly locale: ChatLocale;
+  /** The site's search route, the fallback for a rental without a page and when the chat is down. */
+  readonly searchPath: string;
+  /** The site's contact page: the chat links to it and has no form of its own. */
+  readonly contactPath: string;
+  readonly theme?: ChatTheme;
+  readonly colors?: ChatColors;
+  readonly position?: "right" | "left";
+  /** Overrides of single fields of `DEFAULT_COPY` (strings, the `suggestions` list, plural forms). */
+  readonly copy?: Partial<ChatCopy>;
+}
+/** The chat widget. */
+type WebsiteChatComponent = (props: WebsiteChatProps) => React.JSX.Element | null;
+/** See {@link WebsiteChatComponent}. */
+export declare const WebsiteChat: WebsiteChatComponent;
+//#endregion
+export { CHAT_LOCALES, type ChatColors, type ChatCopy, type ChatLocale, type ChatTheme, type WebsiteChatComponent, type WebsiteChatProps };