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

package/examples/chat-body-demo.js

@@ -1,6 +1,8 @@
 "use client";
-import { ChatBody as e } from "../ui/ChatBody.js";
-import { ChatInput as t } from "../ui/ChatInput.js";
+import { ChatBody as e } from "../ui/chat/ChatBody.js";
+import "../ui/ChatBody.js";
+import { ChatInput as t } from "../ui/chat/ChatInput.js";
+import "../ui/ChatInput.js";
 import { useState as n } from "react";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region lib/examples/chat-body-demo.tsx

package/examples/chat-body-demo.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat-body-demo.js","names":[],"sources":["../../lib/examples/chat-body-demo.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { ChatBody } from '@/ui/ChatBody';\nimport type { ChatMessage } from '@/ui/ChatBody';\nimport { ChatInput } from '@/ui/ChatInput';\n\nexport default function ChatBodyDemo() {\n  const [messages, setMessages] = useState<ChatMessage[]>([\n    {\n      id: '1',\n      sender: 'assistant',\n      content:\n        \"Hi. Ask me anything about Club Med. I'm here to help you find the right information quickly.\",\n    },\n    {\n      id: '2',\n      sender: 'user',\n      content:\n        'My son is 14 years old, and I would like to find activities for him during our stay.',\n    },\n  ]);\n  const [inputValue, setInputValue] = useState('');\n  const [isTyping, setIsTyping] = useState(false);\n\n  function handleSubmit() {\n    if (!inputValue.trim()) return;\n    const userMsg: ChatMessage = {\n      id: Date.now().toString(),\n      sender: 'user',\n      content: inputValue,\n    };\n    setMessages((prev) => [...prev, userMsg]);\n    setInputValue('');\n    setIsTyping(true);\n    setTimeout(() => {\n      setIsTyping(false);\n      setMessages((prev) => [\n        ...prev,\n        {\n          id: (Date.now() + 1).toString(),\n          sender: 'assistant',\n          content: 'Let me look into that for you…',\n        },\n      ]);\n    }, 2000);\n  }\n\n  return (\n    <div className=\"chat-border bg-white flex flex-col w-380 h-660 rounded-32 overflow-hidden\">\n      <ChatBody messages={messages} isTyping={isTyping} />\n      <div className=\"shrink-0 px-8 pb-8 pt-12\">\n        <ChatInput value={inputValue} onValueChange={setInputValue} onSubmit={handleSubmit} />\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAOA,SAAwB,IAAe;CACrC,IAAM,CAAC,GAAU,KAAe,EAAwB,CACtD;EACE,IAAI;EACJ,QAAQ;EACR,SACE;EACH,EACD;EACE,IAAI;EACJ,QAAQ;EACR,SACE;EACH,CACF,CAAC,EACI,CAAC,GAAY,KAAiB,EAAS,GAAG,EAC1C,CAAC,GAAU,KAAe,EAAS,GAAM;CAE/C,SAAS,IAAe;AACtB,MAAI,CAAC,EAAW,MAAM,CAAE;EACxB,IAAM,IAAuB;GAC3B,IAAI,KAAK,KAAK,CAAC,UAAU;GACzB,QAAQ;GACR,SAAS;GACV;AAID,EAHA,GAAa,MAAS,CAAC,GAAG,GAAM,EAAQ,CAAC,EACzC,EAAc,GAAG,EACjB,EAAY,GAAK,EACjB,iBAAiB;AAEf,GADA,EAAY,GAAM,EAClB,GAAa,MAAS,CACpB,GAAG,GACH;IACE,KAAK,KAAK,KAAK,GAAG,GAAG,UAAU;IAC/B,QAAQ;IACR,SAAS;IACV,CACF,CAAC;KACD,IAAK;;AAGV,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD;GAAoB;GAAoB;GAAY,CAAA,EACpD,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,GAAD;IAAW,OAAO;IAAY,eAAe;IAAe,UAAU;IAAgB,CAAA;GAClF,CAAA,CAAA"}
+{"version":3,"file":"chat-body-demo.js","names":[],"sources":["../../lib/examples/chat-body-demo.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { ChatBody } from '@/ui/ChatBody';\nimport type { ChatMessage } from '@/ui/ChatBody';\nimport { ChatInput } from '@/ui/ChatInput';\n\nexport default function ChatBodyDemo() {\n  const [messages, setMessages] = useState<ChatMessage[]>([\n    {\n      id: '1',\n      sender: 'assistant',\n      content:\n        \"Hi. Ask me anything about Club Med. I'm here to help you find the right information quickly.\",\n    },\n    {\n      id: '2',\n      sender: 'user',\n      content:\n        'My son is 14 years old, and I would like to find activities for him during our stay.',\n    },\n  ]);\n  const [inputValue, setInputValue] = useState('');\n  const [isTyping, setIsTyping] = useState(false);\n\n  function handleSubmit() {\n    if (!inputValue.trim()) return;\n    const userMsg: ChatMessage = {\n      id: Date.now().toString(),\n      sender: 'user',\n      content: inputValue,\n    };\n    setMessages((prev) => [...prev, userMsg]);\n    setInputValue('');\n    setIsTyping(true);\n    setTimeout(() => {\n      setIsTyping(false);\n      setMessages((prev) => [\n        ...prev,\n        {\n          id: (Date.now() + 1).toString(),\n          sender: 'assistant',\n          content: 'Let me look into that for you…',\n        },\n      ]);\n    }, 2000);\n  }\n\n  return (\n    <div className=\"chat-border bg-white flex flex-col w-380 h-660 rounded-32 overflow-hidden\">\n      <ChatBody messages={messages} isTyping={isTyping} />\n      <div className=\"shrink-0 px-8 pb-8 pt-12\">\n        <ChatInput value={inputValue} onValueChange={setInputValue} onSubmit={handleSubmit} />\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;AAOA,SAAwB,IAAe;CACrC,IAAM,CAAC,GAAU,KAAe,EAAwB,CACtD;EACE,IAAI;EACJ,QAAQ;EACR,SACE;EACH,EACD;EACE,IAAI;EACJ,QAAQ;EACR,SACE;EACH,CACF,CAAC,EACI,CAAC,GAAY,KAAiB,EAAS,GAAG,EAC1C,CAAC,GAAU,KAAe,EAAS,GAAM;CAE/C,SAAS,IAAe;AACtB,MAAI,CAAC,EAAW,MAAM,CAAE;EACxB,IAAM,IAAuB;GAC3B,IAAI,KAAK,KAAK,CAAC,UAAU;GACzB,QAAQ;GACR,SAAS;GACV;AAID,EAHA,GAAa,MAAS,CAAC,GAAG,GAAM,EAAQ,CAAC,EACzC,EAAc,GAAG,EACjB,EAAY,GAAK,EACjB,iBAAiB;AAEf,GADA,EAAY,GAAM,EAClB,GAAa,MAAS,CACpB,GAAG,GACH;IACE,KAAK,KAAK,KAAK,GAAG,GAAG,UAAU;IAC/B,QAAQ;IACR,SAAS;IACV,CACF,CAAC;KACD,IAAK;;AAGV,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD;GAAoB;GAAoB;GAAY,CAAA,EACpD,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,GAAD;IAAW,OAAO;IAAY,eAAe;IAAe,UAAU;IAAgB,CAAA;GAClF,CAAA,CAAA"}

package/examples/chat-button-demo.js

@@ -1,5 +1,6 @@
 "use client";
-import { ChatButton as e } from "../ui/ChatButton.js";
+import { ChatButton as e } from "../ui/chat/ChatButton.js";
+import "../ui/ChatButton.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region lib/examples/chat-button-demo.tsx
 function n() {

package/examples/chat-button-demo.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat-button-demo.js","names":[],"sources":["../../lib/examples/chat-button-demo.tsx"],"sourcesContent":["'use client';\n\nimport { ChatButton } from '@/ui/ChatButton';\n\nexport default function ChatButtonDemo() {\n  return (\n    <div className=\"w-full h-full flex items-center justify-end\">\n      <ChatButton aria-label=\"Open Club Med assistant chat\" />\n    </div>\n  );\n}\n"],"mappings":";;;;AAIA,SAAwB,IAAiB;AACvC,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD,EAAY,cAAW,gCAAiC,CAAA;EACpD,CAAA"}
+{"version":3,"file":"chat-button-demo.js","names":[],"sources":["../../lib/examples/chat-button-demo.tsx"],"sourcesContent":["'use client';\n\nimport { ChatButton } from '@/ui/ChatButton';\n\nexport default function ChatButtonDemo() {\n  return (\n    <div className=\"w-full h-full flex items-center justify-end\">\n      <ChatButton aria-label=\"Open Club Med assistant chat\" />\n    </div>\n  );\n}\n"],"mappings":";;;;;AAIA,SAAwB,IAAiB;AACvC,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD,EAAY,cAAW,gCAAiC,CAAA;EACpD,CAAA"}

package/examples/chat-button-offset-demo.js

@@ -1,5 +1,6 @@
 "use client";
-import { ChatButton as e } from "../ui/ChatButton.js";
+import { ChatButton as e } from "../ui/chat/ChatButton.js";
+import "../ui/ChatButton.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region lib/examples/chat-button-offset-demo.tsx
 function n() {

package/examples/chat-button-offset-demo.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat-button-offset-demo.js","names":[],"sources":["../../lib/examples/chat-button-offset-demo.tsx"],"sourcesContent":["'use client';\n\nimport { ChatButton } from '@/ui/ChatButton';\n\nexport default function ChatButtonOffsetDemo() {\n  return (\n    <div className=\"absolute inset-0 flex items-center justify-end overflow-clip\">\n      <ChatButton offset aria-label=\"Open Club Med assistant chat\" />\n    </div>\n  );\n}\n"],"mappings":";;;;AAIA,SAAwB,IAAuB;AAC7C,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD;GAAY,QAAA;GAAO,cAAW;GAAiC,CAAA;EAC3D,CAAA"}
+{"version":3,"file":"chat-button-offset-demo.js","names":[],"sources":["../../lib/examples/chat-button-offset-demo.tsx"],"sourcesContent":["'use client';\n\nimport { ChatButton } from '@/ui/ChatButton';\n\nexport default function ChatButtonOffsetDemo() {\n  return (\n    <div className=\"absolute inset-0 flex items-center justify-end overflow-clip\">\n      <ChatButton offset aria-label=\"Open Club Med assistant chat\" />\n    </div>\n  );\n}\n"],"mappings":";;;;;AAIA,SAAwB,IAAuB;AAC7C,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD;GAAY,QAAA;GAAO,cAAW;GAAiC,CAAA;EAC3D,CAAA"}

package/examples/chat-header-demo.js

@@ -1,5 +1,6 @@
 "use client";
-import { ChatHeader as e } from "../ui/ChatHeader.js";
+import { ChatHeader as e } from "../ui/chat/ChatHeader.js";
+import "../ui/ChatHeader.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region lib/examples/chat-header-demo.tsx
 function n() {

package/examples/chat-header-demo.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat-header-demo.js","names":[],"sources":["../../lib/examples/chat-header-demo.tsx"],"sourcesContent":["'use client';\n\nimport { ChatHeader } from '@/ui/ChatHeader';\n\nexport default function ChatHeaderDemo() {\n  return (\n    <div className=\"w-380\">\n      <ChatHeader title=\"Ask me a question\" />\n    </div>\n  );\n}\n"],"mappings":";;;;AAIA,SAAwB,IAAiB;AACvC,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD,EAAY,OAAM,qBAAsB,CAAA;EACpC,CAAA"}
+{"version":3,"file":"chat-header-demo.js","names":[],"sources":["../../lib/examples/chat-header-demo.tsx"],"sourcesContent":["'use client';\n\nimport { ChatHeader } from '@/ui/ChatHeader';\n\nexport default function ChatHeaderDemo() {\n  return (\n    <div className=\"w-380\">\n      <ChatHeader title=\"Ask me a question\" />\n    </div>\n  );\n}\n"],"mappings":";;;;;AAIA,SAAwB,IAAiB;AACvC,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD,EAAY,OAAM,qBAAsB,CAAA;EACpC,CAAA"}

package/examples/chat-input-demo.js

@@ -1,5 +1,6 @@
 "use client";
-import { ChatInput as e } from "../ui/ChatInput.js";
+import { ChatInput as e } from "../ui/chat/ChatInput.js";
+import "../ui/ChatInput.js";
 import { useState as t } from "react";
 import { jsx as n } from "react/jsx-runtime";
 //#region lib/examples/chat-input-demo.tsx

package/examples/chat-input-demo.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat-input-demo.js","names":[],"sources":["../../lib/examples/chat-input-demo.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { ChatInput } from '@/ui/ChatInput';\n\nexport default function ChatInputDemo() {\n  const [value, setValue] = useState('');\n\n  return (\n    <div className=\"w-[380px]\">\n      <ChatInput\n        aria-label=\"Chat message input\"\n        value={value}\n        onValueChange={setValue}\n        onSubmit={() => setValue('')}\n        onAudioClick={() => {}}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;AAKA,SAAwB,IAAgB;CACtC,IAAM,CAAC,GAAO,KAAY,EAAS,GAAG;AAEtC,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD;GACE,cAAW;GACJ;GACP,eAAe;GACf,gBAAgB,EAAS,GAAG;GAC5B,oBAAoB;GACpB,CAAA;EACE,CAAA"}
+{"version":3,"file":"chat-input-demo.js","names":[],"sources":["../../lib/examples/chat-input-demo.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { ChatInput } from '@/ui/ChatInput';\n\nexport default function ChatInputDemo() {\n  const [value, setValue] = useState('');\n\n  return (\n    <div className=\"w-[380px]\">\n      <ChatInput\n        aria-label=\"Chat message input\"\n        value={value}\n        onValueChange={setValue}\n        onSubmit={() => setValue('')}\n        onAudioClick={() => {}}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAKA,SAAwB,IAAgB;CACtC,IAAM,CAAC,GAAO,KAAY,EAAS,GAAG;AAEtC,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD;GACE,cAAW;GACJ;GACP,eAAe;GACf,gBAAgB,EAAS,GAAG;GAC5B,oBAAoB;GACpB,CAAA;EACE,CAAA"}

package/examples/chat-input-streaming-demo.d.ts

@@ -0,0 +1 @@
+export default function ChatInputStreamingDemo(): import("react/jsx-runtime").JSX.Element;

package/examples/chat-input-streaming-demo.js

@@ -0,0 +1,30 @@
+"use client";
+import { ChatInput as e } from "../ui/chat/ChatInput.js";
+import "../ui/ChatInput.js";
+import { useRef as t, useState as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region lib/examples/chat-input-streaming-demo.tsx
+function i() {
+	let [i, a] = n(""), [o, s] = n(!1), c = t(void 0);
+	function l() {
+		a(""), s(!0), c.current = setTimeout(() => s(!1), 4e3);
+	}
+	function u() {
+		clearTimeout(c.current), s(!1);
+	}
+	return /* @__PURE__ */ r("div", {
+		className: "w-[380px]",
+		children: /* @__PURE__ */ r(e, {
+			"aria-label": "Chat message input",
+			value: i,
+			onValueChange: a,
+			onSubmit: l,
+			isStreaming: o,
+			onStop: u
+		})
+	});
+}
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=chat-input-streaming-demo.js.map

package/examples/chat-input-streaming-demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-input-streaming-demo.js","names":[],"sources":["../../lib/examples/chat-input-streaming-demo.tsx"],"sourcesContent":["'use client';\n\nimport { useRef, useState } from 'react';\nimport { ChatInput } from '@/ui/ChatInput';\n\nexport default function ChatInputStreamingDemo() {\n  const [value, setValue] = useState('');\n  const [isStreaming, setIsStreaming] = useState(false);\n  const timer = useRef<ReturnType<typeof setTimeout>>(undefined);\n\n  function send() {\n    setValue('');\n    setIsStreaming(true);\n    // Simulates an answer being generated for 4 seconds\n    timer.current = setTimeout(() => setIsStreaming(false), 4000);\n  }\n\n  function stop() {\n    clearTimeout(timer.current);\n    setIsStreaming(false);\n  }\n\n  return (\n    <div className=\"w-[380px]\">\n      <ChatInput\n        aria-label=\"Chat message input\"\n        value={value}\n        onValueChange={setValue}\n        onSubmit={send}\n        isStreaming={isStreaming}\n        onStop={stop}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAKA,SAAwB,IAAyB;CAC/C,IAAM,CAAC,GAAO,KAAY,EAAS,GAAG,EAChC,CAAC,GAAa,KAAkB,EAAS,GAAM,EAC/C,IAAQ,EAAsC,KAAA,EAAU;CAE9D,SAAS,IAAO;AAId,EAHA,EAAS,GAAG,EACZ,EAAe,GAAK,EAEpB,EAAM,UAAU,iBAAiB,EAAe,GAAM,EAAE,IAAK;;CAG/D,SAAS,IAAO;AAEd,EADA,aAAa,EAAM,QAAQ,EAC3B,EAAe,GAAM;;AAGvB,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD;GACE,cAAW;GACJ;GACP,eAAe;GACf,UAAU;GACG;GACb,QAAQ;GACR,CAAA;EACE,CAAA"}

package/examples/chat-input-submit-on-enter-demo.d.ts

@@ -0,0 +1 @@
+export default function ChatInputSubmitOnEnterDemo(): import("react/jsx-runtime").JSX.Element;

package/examples/chat-input-submit-on-enter-demo.js

@@ -0,0 +1,23 @@
+"use client";
+import { ChatInput as e } from "../ui/chat/ChatInput.js";
+import "../ui/ChatInput.js";
+import { useState as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region lib/examples/chat-input-submit-on-enter-demo.tsx
+function r() {
+	let [r, i] = t("");
+	return /* @__PURE__ */ n("div", {
+		className: "w-[380px]",
+		children: /* @__PURE__ */ n(e, {
+			"aria-label": "Chat message input",
+			value: r,
+			onValueChange: i,
+			onSubmit: () => i(""),
+			submitKey: "enter"
+		})
+	});
+}
+//#endregion
+export { r as default };
+
+//# sourceMappingURL=chat-input-submit-on-enter-demo.js.map

package/examples/chat-input-submit-on-enter-demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-input-submit-on-enter-demo.js","names":[],"sources":["../../lib/examples/chat-input-submit-on-enter-demo.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { ChatInput } from '@/ui/ChatInput';\n\nexport default function ChatInputSubmitOnEnterDemo() {\n  const [value, setValue] = useState('');\n\n  return (\n    <div className=\"w-[380px]\">\n      <ChatInput\n        aria-label=\"Chat message input\"\n        value={value}\n        onValueChange={setValue}\n        onSubmit={() => setValue('')}\n        submitKey=\"enter\"\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAKA,SAAwB,IAA6B;CACnD,IAAM,CAAC,GAAO,KAAY,EAAS,GAAG;AAEtC,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD;GACE,cAAW;GACJ;GACP,eAAe;GACf,gBAAgB,EAAS,GAAG;GAC5B,WAAU;GACV,CAAA;EACE,CAAA"}

package/examples/chat-message-actions-demo.d.ts

@@ -0,0 +1 @@
+export default function ChatMessageActionsDemo(): import("react/jsx-runtime").JSX.Element;

package/examples/chat-message-actions-demo.js

@@ -0,0 +1,29 @@
+"use client";
+import { ChatMessageActions as e } from "../ui/chat/ChatMessageActions.js";
+import { useState as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region lib/examples/chat-message-actions-demo.tsx
+function i() {
+	let [i, a] = t("none");
+	return /* @__PURE__ */ r("div", {
+		className: "w-[380px] flex flex-col items-end gap-8",
+		children: [/* @__PURE__ */ r("div", {
+			className: "group/message flex flex-col items-end gap-4",
+			children: [/* @__PURE__ */ n("p", {
+				className: "text-b3 bg-lightSand rounded-32 px-24 py-12 text-black",
+				children: "Hover this message to reveal its actions."
+			}), /* @__PURE__ */ n(e, {
+				onReplay: () => a("replay"),
+				onEdit: () => a("edit"),
+				onCopy: () => a("copy")
+			})]
+		}), /* @__PURE__ */ r("p", {
+			className: "text-b4 text-darkGrey",
+			children: ["Last action: ", i]
+		})]
+	});
+}
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=chat-message-actions-demo.js.map

package/examples/chat-message-actions-demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-message-actions-demo.js","names":[],"sources":["../../lib/examples/chat-message-actions-demo.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { ChatMessageActions } from '@/ui/chat/ChatMessageActions';\n\nexport default function ChatMessageActionsDemo() {\n  const [lastAction, setLastAction] = useState('none');\n\n  return (\n    <div className=\"w-[380px] flex flex-col items-end gap-8\">\n      {/* The actions are revealed when the parent `group/message` is hovered or focused */}\n      <div className=\"group/message flex flex-col items-end gap-4\">\n        <p className=\"text-b3 bg-lightSand rounded-32 px-24 py-12 text-black\">\n          Hover this message to reveal its actions.\n        </p>\n        <ChatMessageActions\n          onReplay={() => setLastAction('replay')}\n          onEdit={() => setLastAction('edit')}\n          onCopy={() => setLastAction('copy')}\n        />\n      </div>\n      <p className=\"text-b4 text-darkGrey\">Last action: {lastAction}</p>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAKA,SAAwB,IAAyB;CAC/C,IAAM,CAAC,GAAY,KAAiB,EAAS,OAAO;AAEpD,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CAEE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,KAAD;IAAG,WAAU;cAAyD;IAElE,CAAA,EACJ,kBAAC,GAAD;IACE,gBAAgB,EAAc,SAAS;IACvC,cAAc,EAAc,OAAO;IACnC,cAAc,EAAc,OAAA;IAC5B,CAAA,CAAA;MAEJ,kBAAC,KAAD;GAAG,WAAU;aAAb,CAAqC,iBAAc,EAAA"}

package/examples/chat-message-demo.js

@@ -1,5 +1,6 @@
 "use client";
 import { t as e } from "../chunks/ChatMessage.js";
+import "../ui/ChatMessage.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region lib/examples/chat-message-demo.tsx
 function r() {

package/examples/chat-message-demo.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat-message-demo.js","names":[],"sources":["../../lib/examples/chat-message-demo.tsx"],"sourcesContent":["'use client';\n\nimport { ChatMessage } from '@/ui/ChatMessage';\n\nexport default function ChatMessageDemo() {\n  return (\n    <div className=\"w-[380px] flex flex-col gap-4\">\n      <ChatMessage sender=\"assistant\">\n        Hi. Ask me anything about Club Med. I&apos;m here to help you find the right information\n        quickly.\n      </ChatMessage>\n      <ChatMessage sender=\"user\">\n        My son is 14 years old, and I would like to find activities for him during our stay. What do\n        you suggest?\n      </ChatMessage>\n    </div>\n  );\n}\n"],"mappings":";;;;AAIA,SAAwB,IAAkB;AACxC,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD;GAAa,QAAO;aAAY;GAGlB,CAAA,EACd,kBAAC,GAAD;GAAa,QAAO;aAAO;GAGb,CAAA,CAAA"}
+{"version":3,"file":"chat-message-demo.js","names":[],"sources":["../../lib/examples/chat-message-demo.tsx"],"sourcesContent":["'use client';\n\nimport { ChatMessage } from '@/ui/ChatMessage';\n\nexport default function ChatMessageDemo() {\n  return (\n    <div className=\"w-[380px] flex flex-col gap-4\">\n      <ChatMessage sender=\"assistant\">\n        Hi. Ask me anything about Club Med. I&apos;m here to help you find the right information\n        quickly.\n      </ChatMessage>\n      <ChatMessage sender=\"user\">\n        My son is 14 years old, and I would like to find activities for him during our stay. What do\n        you suggest?\n      </ChatMessage>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAIA,SAAwB,IAAkB;AACxC,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD;GAAa,QAAO;aAAY;GAGlB,CAAA,EACd,kBAAC,GAAD;GAAa,QAAO;aAAO;GAGb,CAAA,CAAA"}

package/examples/chat-message-editor-demo.d.ts

@@ -0,0 +1 @@
+export default function ChatMessageEditorDemo(): import("react/jsx-runtime").JSX.Element;

package/examples/chat-message-editor-demo.js

@@ -0,0 +1,30 @@
+"use client";
+import { ChatMessageEditor as e } from "../ui/chat/ChatMessageEditor.js";
+import { useState as t } from "react";
+import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region lib/examples/chat-message-editor-demo.tsx
+function a() {
+	let [a, o] = t("My son is 14 years old, what activities do you suggest?"), [s, c] = t(!0);
+	return /* @__PURE__ */ r("div", {
+		className: "w-[380px] flex flex-col items-end gap-8 px-20",
+		children: s ? /* @__PURE__ */ r(e, {
+			value: a,
+			onCancel: () => c(!1),
+			onSubmit: (e) => {
+				o(e), c(!1);
+			}
+		}) : /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r("p", {
+			className: "text-b3 bg-lightSand rounded-32 px-24 py-12 text-black",
+			children: a
+		}), /* @__PURE__ */ r("button", {
+			type: "button",
+			onClick: () => c(!0),
+			className: "text-b4 font-semibold underline underline-offset-2",
+			children: "Edit again"
+		})] })
+	});
+}
+//#endregion
+export { a as default };
+
+//# sourceMappingURL=chat-message-editor-demo.js.map

package/examples/chat-message-editor-demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-message-editor-demo.js","names":[],"sources":["../../lib/examples/chat-message-editor-demo.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { ChatMessageEditor } from '@/ui/chat/ChatMessageEditor';\n\nexport default function ChatMessageEditorDemo() {\n  const [message, setMessage] = useState('My son is 14 years old, what activities do you suggest?');\n  const [isEditing, setIsEditing] = useState(true);\n\n  return (\n    <div className=\"w-[380px] flex flex-col items-end gap-8 px-20\">\n      {isEditing ? (\n        <ChatMessageEditor\n          value={message}\n          onCancel={() => setIsEditing(false)}\n          onSubmit={(content) => {\n            setMessage(content);\n            setIsEditing(false);\n          }}\n        />\n      ) : (\n        <>\n          <p className=\"text-b3 bg-lightSand rounded-32 px-24 py-12 text-black\">{message}</p>\n          <button\n            type=\"button\"\n            onClick={() => setIsEditing(true)}\n            className=\"text-b4 font-semibold underline underline-offset-2\"\n          >\n            Edit again\n          </button>\n        </>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;AAKA,SAAwB,IAAwB;CAC9C,IAAM,CAAC,GAAS,KAAc,EAAS,0DAA0D,EAC3F,CAAC,GAAW,KAAgB,EAAS,GAAK;AAEhD,QACE,kBAAC,OAAD;EAAK,WAAU;YACZ,IACC,kBAAC,GAAD;GACE,OAAO;GACP,gBAAgB,EAAa,GAAM;GACnC,WAAW,MAAY;AAErB,IADA,EAAW,EAAQ,EACnB,EAAa,GAAM;;GAErB,CAAA,GAEF,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,KAAD;GAAG,WAAU;aAA0D;GAAY,CAAA,EACnF,kBAAC,UAAD;GACE,MAAK;GACL,eAAe,EAAa,GAAK;GACjC,WAAU;aACX;GAEQ,CAAA,CACR,EAAA,CAAA;EAED,CAAA"}

package/examples/chat-message-with-actions-demo.d.ts

@@ -0,0 +1 @@
+export default function ChatMessageWithActionsDemo(): import("react/jsx-runtime").JSX.Element;

package/examples/chat-message-with-actions-demo.js

@@ -0,0 +1,26 @@
+"use client";
+import { t as e } from "../chunks/ChatMessage.js";
+import "../ui/ChatMessage.js";
+import { useState as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region lib/examples/chat-message-with-actions-demo.tsx
+function i() {
+	let [i, a] = t("Can you suggest activities for a 14 year old?");
+	return /* @__PURE__ */ r("div", {
+		className: "w-[380px] flex flex-col gap-4",
+		children: [/* @__PURE__ */ n(e, {
+			sender: "assistant",
+			children: "Hi. Ask me anything about Club Med. I'm here to help you find the right information quickly."
+		}), /* @__PURE__ */ n(e, {
+			sender: "user",
+			onReplay: () => {},
+			onEdit: a,
+			onCopy: () => navigator.clipboard.writeText(i),
+			children: i
+		})]
+	});
+}
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=chat-message-with-actions-demo.js.map

package/examples/chat-message-with-actions-demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-message-with-actions-demo.js","names":[],"sources":["../../lib/examples/chat-message-with-actions-demo.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { ChatMessage } from '@/ui/ChatMessage';\n\nexport default function ChatMessageWithActionsDemo() {\n  const [content, setContent] = useState('Can you suggest activities for a 14 year old?');\n\n  return (\n    <div className=\"w-[380px] flex flex-col gap-4\">\n      <ChatMessage sender=\"assistant\">\n        Hi. Ask me anything about Club Med. I&apos;m here to help you find the right information\n        quickly.\n      </ChatMessage>\n      <ChatMessage\n        sender=\"user\"\n        onReplay={() => {}}\n        onEdit={setContent}\n        onCopy={() => navigator.clipboard.writeText(content)}\n      >\n        {content}\n      </ChatMessage>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAKA,SAAwB,IAA6B;CACnD,IAAM,CAAC,GAAS,KAAc,EAAS,gDAAgD;AAEvF,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD;GAAa,QAAO;aAAY;GAGlB,CAAA,EACd,kBAAC,GAAD;GACE,QAAO;GACP,gBAAgB;GAChB,QAAQ;GACR,cAAc,UAAU,UAAU,UAAU,EAAQ;aAEnD;GACW,CAAA,CAAA"}

package/examples/chat-typing-indicator-demo.js

@@ -1,5 +1,6 @@
 "use client";
-import { ChatTypingIndicator as e } from "../ui/ChatTypingIndicator.js";
+import { ChatTypingIndicator as e } from "../ui/chat/ChatTypingIndicator.js";
+import "../ui/ChatTypingIndicator.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region lib/examples/chat-typing-indicator-demo.tsx
 function n() {

package/examples/chat-typing-indicator-demo.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat-typing-indicator-demo.js","names":[],"sources":["../../lib/examples/chat-typing-indicator-demo.tsx"],"sourcesContent":["'use client';\n\nimport { ChatTypingIndicator } from '@/ui/ChatTypingIndicator';\n\nexport default function ChatTypingIndicatorDemo() {\n  return (\n    <div className=\"flex flex-col gap-4 p-8\">\n      <ChatTypingIndicator />\n    </div>\n  );\n}\n"],"mappings":";;;;AAIA,SAAwB,IAA0B;AAChD,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD,EAAuB,CAAA;EACnB,CAAA"}
+{"version":3,"file":"chat-typing-indicator-demo.js","names":[],"sources":["../../lib/examples/chat-typing-indicator-demo.tsx"],"sourcesContent":["'use client';\n\nimport { ChatTypingIndicator } from '@/ui/ChatTypingIndicator';\n\nexport default function ChatTypingIndicatorDemo() {\n  return (\n    <div className=\"flex flex-col gap-4 p-8\">\n      <ChatTypingIndicator />\n    </div>\n  );\n}\n"],"mappings":";;;;;AAIA,SAAwB,IAA0B;AAChD,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD,EAAuB,CAAA;EACnB,CAAA"}

package/examples/chat-window-csat-demo.js

@@ -1,5 +1,6 @@
 "use client";
-import { ChatWindow as e } from "../ui/ChatWindow.js";
+import { ChatWindow as e } from "../ui/chat/ChatWindow.js";
+import "../ui/ChatWindow.js";
 import { useRef as t } from "react";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region lib/examples/chat-window-csat-demo.tsx

package/examples/chat-window-csat-demo.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat-window-csat-demo.js","names":[],"sources":["../../lib/examples/chat-window-csat-demo.tsx"],"sourcesContent":["'use client';\n\nimport { useRef } from 'react';\nimport { ChatWindow } from '@/ui/ChatWindow';\nimport type {\n  ChatWindowCsatPromptLabels,\n  ChatWindowCsatThankYouLabels,\n  ChatWindowHandle,\n  ChatWindowMessage,\n} from '@/ui/ChatWindow';\n\nconst messages: ChatWindowMessage[] = [\n  {\n    id: '1',\n    sender: 'assistant',\n    content:\n      \"Hi. Ask me anything about Club Med. I'm here to help you find the right information quickly.\",\n  },\n  {\n    id: '2',\n    sender: 'user',\n    content: 'My son is 14 years old, what activities are available for him during our stay?',\n  },\n  {\n    id: '3',\n    sender: 'assistant',\n    content:\n      'Great question! For teenagers aged 13–17, Club Med offers the Passworld programme — supervised sports, creative workshops, and evening events designed specifically for that age group.',\n  },\n];\n\nconst csatLabels: ChatWindowCsatPromptLabels = {\n  intro: 'Your opinion matters! Tell us what you think. Your feedback helps us improve.',\n  question:\n    'Following our conversation, from 1 to 5, how satisfied are you with the level of service you received,',\n  questionNote: '1 star being \"Very dissatisfied\" and 5 stars \"Very satisfied\".',\n  groupAriaLabel: 'Rate your experience from 1 to 5 stars',\n  starLabels: ['Very dissatisfied', 'Dissatisfied', 'Neutral', 'Satisfied', 'Very satisfied'],\n};\n\nconst csatThankYouLabels: ChatWindowCsatThankYouLabels = {\n  title: 'Thank you for your feedback!',\n  body: 'Your opinion means a lot to us. Thanks to your responses, we keep improving our services to offer you an even more exceptional Club Med experience.',\n};\n\nfunction csatRenderRatingLabel(rating: number) {\n  return `${rating} star${rating > 1 ? 's' : ''} — ${csatLabels.starLabels[rating - 1]}`;\n}\n\nexport default function ChatWindowCsatDemo() {\n  const chatRef = useRef<ChatWindowHandle>(null);\n\n  return (\n    <div className=\"flex flex-col items-center gap-12\">\n      <ChatWindow\n        aria-label=\"Assistant chat\"\n        ref={chatRef}\n        messages={messages}\n        inputValue=\"\"\n        onInputChange={() => {}}\n        onSubmit={() => {}}\n        csatLabels={csatLabels}\n        csatRenderRatingLabel={csatRenderRatingLabel}\n        csatThankYouLabels={csatThankYouLabels}\n        onFeedbackRate={(rating) => console.log('Feedback rating:', rating)}\n        onClose={() => {}}\n        className=\"w-380 h-660\"\n      />\n      <button\n        type=\"button\"\n        onClick={() => chatRef.current?.askForFeedback()}\n        className=\"px-16 py-8 bg-saffron rounded-pill text-black text-b4 font-semibold hover:opacity-80 transition-opacity\"\n      >\n        Trigger feedback prompt\n      </button>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAWA,IAAM,IAAgC;CACpC;EACE,IAAI;EACJ,QAAQ;EACR,SACE;EACH;CACD;EACE,IAAI;EACJ,QAAQ;EACR,SAAS;EACV;CACD;EACE,IAAI;EACJ,QAAQ;EACR,SACE;;CAEL,EAEK,IAAyC;CAC7C,OAAO;CACP,UACE;CACF,cAAc;CACd,gBAAgB;CAChB,YAAY;EAAC;EAAqB;EAAgB;EAAW;EAAa;;CAC3E,EAEK,IAAmD;CACvD,OAAO;CACP,MAAM;CACP;AAED,SAAS,EAAsB,GAAgB;AAC7C,QAAO,GAAG,EAAO,OAAO,IAAS,IAAI,MAAM,GAAG,KAAK,EAAW,WAAW,IAAS;;AAGpF,SAAwB,IAAqB;CAC3C,IAAM,IAAU,EAAyB,KAAK;AAE9C,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD;GACE,cAAW;GACX,KAAK;GACK;GACV,YAAW;GACX,qBAAqB;GACrB,gBAAgB;GACJ;GACW;GACH;GACpB,iBAAiB,MAAW,QAAQ,IAAI,oBAAoB,EAAO;GACnE,eAAe;GACf,WAAU;GACV,CAAA,EACF,kBAAC,UAAD;GACE,MAAK;GACL,eAAe,EAAQ,SAAS,gBAAgB;GAChD,WAAU;aACX;GAEQ,CAAA,CAAA"}
+{"version":3,"file":"chat-window-csat-demo.js","names":[],"sources":["../../lib/examples/chat-window-csat-demo.tsx"],"sourcesContent":["'use client';\n\nimport { useRef } from 'react';\nimport { ChatWindow } from '@/ui/ChatWindow';\nimport type {\n  ChatWindowCsatPromptLabels,\n  ChatWindowCsatThankYouLabels,\n  ChatWindowHandle,\n  ChatWindowMessage,\n} from '@/ui/ChatWindow';\n\nconst messages: ChatWindowMessage[] = [\n  {\n    id: '1',\n    sender: 'assistant',\n    content:\n      \"Hi. Ask me anything about Club Med. I'm here to help you find the right information quickly.\",\n  },\n  {\n    id: '2',\n    sender: 'user',\n    content: 'My son is 14 years old, what activities are available for him during our stay?',\n  },\n  {\n    id: '3',\n    sender: 'assistant',\n    content:\n      'Great question! For teenagers aged 13–17, Club Med offers the Passworld programme — supervised sports, creative workshops, and evening events designed specifically for that age group.',\n  },\n];\n\nconst csatLabels: ChatWindowCsatPromptLabels = {\n  intro: 'Your opinion matters! Tell us what you think. Your feedback helps us improve.',\n  question:\n    'Following our conversation, from 1 to 5, how satisfied are you with the level of service you received,',\n  questionNote: '1 star being \"Very dissatisfied\" and 5 stars \"Very satisfied\".',\n  groupAriaLabel: 'Rate your experience from 1 to 5 stars',\n  starLabels: ['Very dissatisfied', 'Dissatisfied', 'Neutral', 'Satisfied', 'Very satisfied'],\n};\n\nconst csatThankYouLabels: ChatWindowCsatThankYouLabels = {\n  title: 'Thank you for your feedback!',\n  body: 'Your opinion means a lot to us. Thanks to your responses, we keep improving our services to offer you an even more exceptional Club Med experience.',\n};\n\nfunction csatRenderRatingLabel(rating: number) {\n  return `${rating} star${rating > 1 ? 's' : ''} — ${csatLabels.starLabels[rating - 1]}`;\n}\n\nexport default function ChatWindowCsatDemo() {\n  const chatRef = useRef<ChatWindowHandle>(null);\n\n  return (\n    <div className=\"flex flex-col items-center gap-12\">\n      <ChatWindow\n        aria-label=\"Assistant chat\"\n        ref={chatRef}\n        messages={messages}\n        inputValue=\"\"\n        onInputChange={() => {}}\n        onSubmit={() => {}}\n        csatLabels={csatLabels}\n        csatRenderRatingLabel={csatRenderRatingLabel}\n        csatThankYouLabels={csatThankYouLabels}\n        onFeedbackRate={(rating) => console.log('Feedback rating:', rating)}\n        onClose={() => {}}\n        className=\"w-380 h-660\"\n      />\n      <button\n        type=\"button\"\n        onClick={() => chatRef.current?.askForFeedback()}\n        className=\"px-16 py-8 bg-saffron rounded-pill text-black text-b4 font-semibold hover:opacity-80 transition-opacity\"\n      >\n        Trigger feedback prompt\n      </button>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAWA,IAAM,IAAgC;CACpC;EACE,IAAI;EACJ,QAAQ;EACR,SACE;EACH;CACD;EACE,IAAI;EACJ,QAAQ;EACR,SAAS;EACV;CACD;EACE,IAAI;EACJ,QAAQ;EACR,SACE;;CAEL,EAEK,IAAyC;CAC7C,OAAO;CACP,UACE;CACF,cAAc;CACd,gBAAgB;CAChB,YAAY;EAAC;EAAqB;EAAgB;EAAW;EAAa;;CAC3E,EAEK,IAAmD;CACvD,OAAO;CACP,MAAM;CACP;AAED,SAAS,EAAsB,GAAgB;AAC7C,QAAO,GAAG,EAAO,OAAO,IAAS,IAAI,MAAM,GAAG,KAAK,EAAW,WAAW,IAAS;;AAGpF,SAAwB,IAAqB;CAC3C,IAAM,IAAU,EAAyB,KAAK;AAE9C,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD;GACE,cAAW;GACX,KAAK;GACK;GACV,YAAW;GACX,qBAAqB;GACrB,gBAAgB;GACJ;GACW;GACH;GACpB,iBAAiB,MAAW,QAAQ,IAAI,oBAAoB,EAAO;GACnE,eAAe;GACf,WAAU;GACV,CAAA,EACF,kBAAC,UAAD;GACE,MAAK;GACL,eAAe,EAAQ,SAAS,gBAAgB;GAChD,WAAU;aACX;GAEQ,CAAA,CAAA"}

package/examples/chat-window-csat-prompt-demo.js

@@ -1,5 +1,6 @@
 "use client";
-import { ChatWindowCsatPrompt as e } from "../ui/ChatWindowCsatPrompt.js";
+import { ChatWindowCsatPrompt as e } from "../ui/chat/ChatWindowCsatPrompt.js";
+import "../ui/ChatWindowCsatPrompt.js";
 import { useState as t } from "react";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region lib/examples/chat-window-csat-prompt-demo.tsx

package/examples/chat-window-csat-prompt-demo.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat-window-csat-prompt-demo.js","names":[],"sources":["../../lib/examples/chat-window-csat-prompt-demo.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { ChatWindowCsatPrompt } from '@/ui/ChatWindowCsatPrompt';\nimport type { ChatWindowCsatPromptLabels } from '@/ui/ChatWindowCsatPrompt';\n\nconst defaultCsatLabels: ChatWindowCsatPromptLabels = {\n  intro: 'Your opinion matters! Tell us what you think. Your feedback helps us improve.',\n  question:\n    'Following our conversation, from 1 to 5, how satisfied are you with the level of service you received,',\n  questionNote: '1 star being \"Very dissatisfied\" and 5 stars \"Very satisfied\".',\n  groupAriaLabel: 'Rate your experience from 1 to 5 stars',\n  starLabels: ['Very dissatisfied', 'Dissatisfied', 'Neutral', 'Satisfied', 'Very satisfied'],\n};\n\nfunction defaultRenderRatingLabel(rating: number) {\n  const labels = defaultCsatLabels.starLabels;\n  return `${rating} star${rating > 1 ? 's' : ''} — ${labels[rating - 1]}`;\n}\n\nexport default function ChatWindowCsatPromptDemo() {\n  const [lastRating, setLastRating] = useState<number | null>(null);\n\n  return (\n    <div className=\"flex flex-col gap-20 w-380\">\n      <ChatWindowCsatPrompt\n        labels={defaultCsatLabels}\n        renderRatingLabel={defaultRenderRatingLabel}\n        onRate={setLastRating}\n      />\n      {lastRating !== null && (\n        <p className=\"text-b4 text-darkGrey text-center\">\n          onRate called with: <strong>{lastRating}</strong>\n        </p>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;AAMA,IAAM,IAAgD;CACpD,OAAO;CACP,UACE;CACF,cAAc;CACd,gBAAgB;CAChB,YAAY;EAAC;EAAqB;EAAgB;EAAW;EAAa;;CAC3E;AAED,SAAS,EAAyB,GAAgB;CAChD,IAAM,IAAS,EAAkB;AACjC,QAAO,GAAG,EAAO,OAAO,IAAS,IAAI,MAAM,GAAG,KAAK,EAAO,IAAS;;AAGrE,SAAwB,IAA2B;CACjD,IAAM,CAAC,GAAY,KAAiB,EAAwB,KAAK;AAEjE,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD;GACE,QAAQ;GACR,mBAAmB;GACnB,QAAQ;GACR,CAAA,EACD,MAAe,QACd,kBAAC,KAAD;GAAG,WAAU;aAAb,CAAiD,wBAC3B,kBAAC,UAAD,EAAA,UAAS,GAAoB,CAAA,CAAA"}
+{"version":3,"file":"chat-window-csat-prompt-demo.js","names":[],"sources":["../../lib/examples/chat-window-csat-prompt-demo.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { ChatWindowCsatPrompt } from '@/ui/ChatWindowCsatPrompt';\nimport type { ChatWindowCsatPromptLabels } from '@/ui/ChatWindowCsatPrompt';\n\nconst defaultCsatLabels: ChatWindowCsatPromptLabels = {\n  intro: 'Your opinion matters! Tell us what you think. Your feedback helps us improve.',\n  question:\n    'Following our conversation, from 1 to 5, how satisfied are you with the level of service you received,',\n  questionNote: '1 star being \"Very dissatisfied\" and 5 stars \"Very satisfied\".',\n  groupAriaLabel: 'Rate your experience from 1 to 5 stars',\n  starLabels: ['Very dissatisfied', 'Dissatisfied', 'Neutral', 'Satisfied', 'Very satisfied'],\n};\n\nfunction defaultRenderRatingLabel(rating: number) {\n  const labels = defaultCsatLabels.starLabels;\n  return `${rating} star${rating > 1 ? 's' : ''} — ${labels[rating - 1]}`;\n}\n\nexport default function ChatWindowCsatPromptDemo() {\n  const [lastRating, setLastRating] = useState<number | null>(null);\n\n  return (\n    <div className=\"flex flex-col gap-20 w-380\">\n      <ChatWindowCsatPrompt\n        labels={defaultCsatLabels}\n        renderRatingLabel={defaultRenderRatingLabel}\n        onRate={setLastRating}\n      />\n      {lastRating !== null && (\n        <p className=\"text-b4 text-darkGrey text-center\">\n          onRate called with: <strong>{lastRating}</strong>\n        </p>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAMA,IAAM,IAAgD;CACpD,OAAO;CACP,UACE;CACF,cAAc;CACd,gBAAgB;CAChB,YAAY;EAAC;EAAqB;EAAgB;EAAW;EAAa;;CAC3E;AAED,SAAS,EAAyB,GAAgB;CAChD,IAAM,IAAS,EAAkB;AACjC,QAAO,GAAG,EAAO,OAAO,IAAS,IAAI,MAAM,GAAG,KAAK,EAAO,IAAS;;AAGrE,SAAwB,IAA2B;CACjD,IAAM,CAAC,GAAY,KAAiB,EAAwB,KAAK;AAEjE,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD;GACE,QAAQ;GACR,mBAAmB;GACnB,QAAQ;GACR,CAAA,EACD,MAAe,QACd,kBAAC,KAAD;GAAG,WAAU;aAAb,CAAiD,wBAC3B,kBAAC,UAAD,EAAA,UAAS,GAAoB,CAAA,CAAA"}

package/examples/chat-window-demo.js

@@ -1,5 +1,6 @@
 "use client";
-import { ChatWindow as e } from "../ui/ChatWindow.js";
+import { ChatWindow as e } from "../ui/chat/ChatWindow.js";
+import "../ui/ChatWindow.js";
 import { useRef as t, useState as n } from "react";
 import { jsx as r } from "react/jsx-runtime";
 //#region lib/examples/chat-window-demo.tsx

package/examples/chat-window-demo.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat-window-demo.js","names":[],"sources":["../../lib/examples/chat-window-demo.tsx"],"sourcesContent":["'use client';\n\nimport { useRef, useState } from 'react';\nimport { ChatWindow } from '@/ui/ChatWindow';\nimport type {\n  ChatWindowCsatPromptLabels,\n  ChatWindowCsatThankYouLabels,\n  ChatWindowHandle,\n  ChatWindowMessage,\n} from '@/ui/ChatWindow';\n\nconst csatLabels: ChatWindowCsatPromptLabels = {\n  intro: 'Your opinion matters! Tell us what you think. Your feedback helps us improve.',\n  question:\n    'Following our conversation, from 1 to 5, how satisfied are you with the level of service you received,',\n  questionNote: '1 star being \"Very dissatisfied\" and 5 stars \"Very satisfied\".',\n  groupAriaLabel: 'Rate your experience from 1 to 5 stars',\n  starLabels: ['Very dissatisfied', 'Dissatisfied', 'Neutral', 'Satisfied', 'Very satisfied'],\n};\n\nconst csatThankYouLabels: ChatWindowCsatThankYouLabels = {\n  title: 'Thank you for your feedback!',\n  body: 'Your opinion means a lot to us. Thanks to your responses, we keep improving our services to offer you an even more exceptional Club Med experience.',\n};\n\nfunction csatRenderRatingLabel(rating: number) {\n  return `${rating} star${rating > 1 ? 's' : ''} — ${csatLabels.starLabels[rating - 1]}`;\n}\n\nexport default function ChatWindowDemo() {\n  const chatRef = useRef<ChatWindowHandle>(null);\n  const [messages, setMessages] = useState<ChatWindowMessage[]>([\n    {\n      id: '1',\n      sender: 'assistant',\n      content:\n        \"Hi. Ask me anything about Club Med. I'm here to help you find the right information quickly.\",\n    },\n    {\n      id: '2',\n      sender: 'user',\n      content:\n        'My son is 14 years old, and I would like to find activities for him during our stay.',\n    },\n  ]);\n  const [inputValue, setInputValue] = useState('');\n  const [isTyping, setIsTyping] = useState(false);\n\n  function handleSubmit() {\n    if (!inputValue.trim()) return;\n    const userMsg: ChatWindowMessage = {\n      id: Date.now().toString(),\n      sender: 'user',\n      content: inputValue,\n    };\n    setMessages((prev) => [...prev, userMsg]);\n    setInputValue('');\n    setIsTyping(true);\n    setTimeout(() => {\n      setIsTyping(false);\n      setMessages((prev) => [\n        ...prev,\n        {\n          id: (Date.now() + 1).toString(),\n          sender: 'assistant',\n          content: 'Let me look into that for you…',\n        },\n      ]);\n    }, 2000);\n  }\n\n  return (\n    <ChatWindow\n      aria-label=\"Assistant chat\"\n      ref={chatRef}\n      messages={messages}\n      inputValue={inputValue}\n      isTyping={isTyping}\n      onInputChange={setInputValue}\n      onSubmit={handleSubmit}\n      onClose={() => {}}\n      onAudioClick={() => {}}\n      onFeedbackRate={(rating) => console.log('Feedback rating:', rating)}\n      csatLabels={csatLabels}\n      csatRenderRatingLabel={csatRenderRatingLabel}\n      csatThankYouLabels={csatThankYouLabels}\n      className=\"w-380 h-660\"\n    />\n  );\n}\n"],"mappings":";;;;;AAWA,IAAM,IAAyC;CAC7C,OAAO;CACP,UACE;CACF,cAAc;CACd,gBAAgB;CAChB,YAAY;EAAC;EAAqB;EAAgB;EAAW;EAAa;;CAC3E,EAEK,IAAmD;CACvD,OAAO;CACP,MAAM;CACP;AAED,SAAS,EAAsB,GAAgB;AAC7C,QAAO,GAAG,EAAO,OAAO,IAAS,IAAI,MAAM,GAAG,KAAK,EAAW,WAAW,IAAS;;AAGpF,SAAwB,IAAiB;CACvC,IAAM,IAAU,EAAyB,KAAK,EACxC,CAAC,GAAU,KAAe,EAA8B,CAC5D;EACE,IAAI;EACJ,QAAQ;EACR,SACE;EACH,EACD;EACE,IAAI;EACJ,QAAQ;EACR,SACE;EACH,CACF,CAAC,EACI,CAAC,GAAY,KAAiB,EAAS,GAAG,EAC1C,CAAC,GAAU,KAAe,EAAS,GAAM;CAE/C,SAAS,IAAe;AACtB,MAAI,CAAC,EAAW,MAAM,CAAE;EACxB,IAAM,IAA6B;GACjC,IAAI,KAAK,KAAK,CAAC,UAAU;GACzB,QAAQ;GACR,SAAS;GACV;AAID,EAHA,GAAa,MAAS,CAAC,GAAG,GAAM,EAAQ,CAAC,EACzC,EAAc,GAAG,EACjB,EAAY,GAAK,EACjB,iBAAiB;AAEf,GADA,EAAY,GAAM,EAClB,GAAa,MAAS,CACpB,GAAG,GACH;IACE,KAAK,KAAK,KAAK,GAAG,GAAG,UAAU;IAC/B,QAAQ;IACR,SAAS;IACV,CACF,CAAC;KACD,IAAK;;AAGV,QACE,kBAAC,GAAD;EACE,cAAW;EACX,KAAK;EACK;EACE;EACF;EACV,eAAe;EACf,UAAU;EACV,eAAe;EACf,oBAAoB;EACpB,iBAAiB,MAAW,QAAQ,IAAI,oBAAoB,EAAO;EACvD;EACW;EACH;EACpB,WAAU;EACV,CAAA"}
+{"version":3,"file":"chat-window-demo.js","names":[],"sources":["../../lib/examples/chat-window-demo.tsx"],"sourcesContent":["'use client';\n\nimport { useRef, useState } from 'react';\nimport { ChatWindow } from '@/ui/ChatWindow';\nimport type {\n  ChatWindowCsatPromptLabels,\n  ChatWindowCsatThankYouLabels,\n  ChatWindowHandle,\n  ChatWindowMessage,\n} from '@/ui/ChatWindow';\n\nconst csatLabels: ChatWindowCsatPromptLabels = {\n  intro: 'Your opinion matters! Tell us what you think. Your feedback helps us improve.',\n  question:\n    'Following our conversation, from 1 to 5, how satisfied are you with the level of service you received,',\n  questionNote: '1 star being \"Very dissatisfied\" and 5 stars \"Very satisfied\".',\n  groupAriaLabel: 'Rate your experience from 1 to 5 stars',\n  starLabels: ['Very dissatisfied', 'Dissatisfied', 'Neutral', 'Satisfied', 'Very satisfied'],\n};\n\nconst csatThankYouLabels: ChatWindowCsatThankYouLabels = {\n  title: 'Thank you for your feedback!',\n  body: 'Your opinion means a lot to us. Thanks to your responses, we keep improving our services to offer you an even more exceptional Club Med experience.',\n};\n\nfunction csatRenderRatingLabel(rating: number) {\n  return `${rating} star${rating > 1 ? 's' : ''} — ${csatLabels.starLabels[rating - 1]}`;\n}\n\nexport default function ChatWindowDemo() {\n  const chatRef = useRef<ChatWindowHandle>(null);\n  const [messages, setMessages] = useState<ChatWindowMessage[]>([\n    {\n      id: '1',\n      sender: 'assistant',\n      content:\n        \"Hi. Ask me anything about Club Med. I'm here to help you find the right information quickly.\",\n    },\n    {\n      id: '2',\n      sender: 'user',\n      content:\n        'My son is 14 years old, and I would like to find activities for him during our stay.',\n    },\n  ]);\n  const [inputValue, setInputValue] = useState('');\n  const [isTyping, setIsTyping] = useState(false);\n\n  function handleSubmit() {\n    if (!inputValue.trim()) return;\n    const userMsg: ChatWindowMessage = {\n      id: Date.now().toString(),\n      sender: 'user',\n      content: inputValue,\n    };\n    setMessages((prev) => [...prev, userMsg]);\n    setInputValue('');\n    setIsTyping(true);\n    setTimeout(() => {\n      setIsTyping(false);\n      setMessages((prev) => [\n        ...prev,\n        {\n          id: (Date.now() + 1).toString(),\n          sender: 'assistant',\n          content: 'Let me look into that for you…',\n        },\n      ]);\n    }, 2000);\n  }\n\n  return (\n    <ChatWindow\n      aria-label=\"Assistant chat\"\n      ref={chatRef}\n      messages={messages}\n      inputValue={inputValue}\n      isTyping={isTyping}\n      onInputChange={setInputValue}\n      onSubmit={handleSubmit}\n      onClose={() => {}}\n      onAudioClick={() => {}}\n      onFeedbackRate={(rating) => console.log('Feedback rating:', rating)}\n      csatLabels={csatLabels}\n      csatRenderRatingLabel={csatRenderRatingLabel}\n      csatThankYouLabels={csatThankYouLabels}\n      className=\"w-380 h-660\"\n    />\n  );\n}\n"],"mappings":";;;;;;AAWA,IAAM,IAAyC;CAC7C,OAAO;CACP,UACE;CACF,cAAc;CACd,gBAAgB;CAChB,YAAY;EAAC;EAAqB;EAAgB;EAAW;EAAa;;CAC3E,EAEK,IAAmD;CACvD,OAAO;CACP,MAAM;CACP;AAED,SAAS,EAAsB,GAAgB;AAC7C,QAAO,GAAG,EAAO,OAAO,IAAS,IAAI,MAAM,GAAG,KAAK,EAAW,WAAW,IAAS;;AAGpF,SAAwB,IAAiB;CACvC,IAAM,IAAU,EAAyB,KAAK,EACxC,CAAC,GAAU,KAAe,EAA8B,CAC5D;EACE,IAAI;EACJ,QAAQ;EACR,SACE;EACH,EACD;EACE,IAAI;EACJ,QAAQ;EACR,SACE;EACH,CACF,CAAC,EACI,CAAC,GAAY,KAAiB,EAAS,GAAG,EAC1C,CAAC,GAAU,KAAe,EAAS,GAAM;CAE/C,SAAS,IAAe;AACtB,MAAI,CAAC,EAAW,MAAM,CAAE;EACxB,IAAM,IAA6B;GACjC,IAAI,KAAK,KAAK,CAAC,UAAU;GACzB,QAAQ;GACR,SAAS;GACV;AAID,EAHA,GAAa,MAAS,CAAC,GAAG,GAAM,EAAQ,CAAC,EACzC,EAAc,GAAG,EACjB,EAAY,GAAK,EACjB,iBAAiB;AAEf,GADA,EAAY,GAAM,EAClB,GAAa,MAAS,CACpB,GAAG,GACH;IACE,KAAK,KAAK,KAAK,GAAG,GAAG,UAAU;IAC/B,QAAQ;IACR,SAAS;IACV,CACF,CAAC;KACD,IAAK;;AAGV,QACE,kBAAC,GAAD;EACE,cAAW;EACX,KAAK;EACK;EACE;EACF;EACV,eAAe;EACf,UAAU;EACV,eAAe;EACf,oBAAoB;EACpB,iBAAiB,MAAW,QAAQ,IAAI,oBAAoB,EAAO;EACvD;EACW;EACH;EACpB,WAAU;EACV,CAAA"}

package/examples/chat-window-quote-demo.js

@@ -1,5 +1,6 @@
 "use client";
-import { ChatWindowQuote as e } from "../ui/ChatWindowQuote.js";
+import { ChatWindowQuote as e } from "../ui/chat/ChatWindowQuote.js";
+import "../ui/ChatWindowQuote.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region lib/examples/chat-window-quote-demo.tsx
 var r = {

package/examples/chat-window-quote-demo.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat-window-quote-demo.js","names":[],"sources":["../../lib/examples/chat-window-quote-demo.tsx"],"sourcesContent":["'use client';\n\nimport { ChatWindowQuote } from '@/ui/ChatWindowQuote';\nimport type { ChatWindowQuoteItem } from '@/ui/ChatWindowQuote';\n\nconst cancun: ChatWindowQuoteItem = {\n  id: '1',\n  resortName: 'Cancún',\n  country: 'Mexico',\n  imageUrl: 'https://picsum.photos/seed/cancun/400/300',\n  dateRange: '15 June 2026 to 24 June 2026',\n  pax: 'for 2 adults 2 children',\n  packageIncludes: [\n    'Meals and snacks at any time',\n    'Drinks, alcoholic and non-alcoholic',\n    'Sports and activities',\n  ],\n  additionalInfo: 'You can customise your transport and room category directly on the website.',\n};\n\nconst puntaCana: ChatWindowQuoteItem = {\n  id: '2',\n  resortName: 'Punta Cana',\n  country: 'Dominican Republic',\n  imageUrl: 'https://picsum.photos/seed/puntacana/400/300',\n  dateRange: '20 July 2026 to 29 July 2026',\n  pax: 'for 2 adults 2 children',\n};\n\nexport default function ChatWindowQuoteDemo() {\n  return (\n    <div className=\"flex flex-col gap-32 w-340\">\n      <div className=\"flex flex-col gap-8\">\n        <p className=\"text-b4 font-semibold text-black\">Single quote</p>\n        <ChatWindowQuote quotes={[cancun]} />\n      </div>\n      <div className=\"flex flex-col gap-8\">\n        <p className=\"text-b4 font-semibold text-black\">Multiple quotes</p>\n        <ChatWindowQuote quotes={[cancun, puntaCana]} />\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;AAKA,IAAM,IAA8B;CAClC,IAAI;CACJ,YAAY;CACZ,SAAS;CACT,UAAU;CACV,WAAW;CACX,KAAK;CACL,iBAAiB;EACf;EACA;EACA;EACD;CACD,gBAAgB;CACjB,EAEK,IAAiC;CACrC,IAAI;CACJ,YAAY;CACZ,SAAS;CACT,UAAU;CACV,WAAW;CACX,KAAK;CACN;AAED,SAAwB,IAAsB;AAC5C,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,KAAD;IAAG,WAAU;cAAmC;IAAgB,CAAA,EAChE,kBAAC,GAAD,EAAiB,QAAQ,CAAC,EAAO,EAAI,CAAA,CAAA;MAEvC,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,KAAD;IAAG,WAAU;cAAmC;IAAmB,CAAA,EACnE,kBAAC,GAAD,EAAiB,QAAQ,CAAC,GAAQ,EAAU,EAAI,CAAA,CAAA"}
+{"version":3,"file":"chat-window-quote-demo.js","names":[],"sources":["../../lib/examples/chat-window-quote-demo.tsx"],"sourcesContent":["'use client';\n\nimport { ChatWindowQuote } from '@/ui/ChatWindowQuote';\nimport type { ChatWindowQuoteItem } from '@/ui/ChatWindowQuote';\n\nconst cancun: ChatWindowQuoteItem = {\n  id: '1',\n  resortName: 'Cancún',\n  country: 'Mexico',\n  imageUrl: 'https://picsum.photos/seed/cancun/400/300',\n  dateRange: '15 June 2026 to 24 June 2026',\n  pax: 'for 2 adults 2 children',\n  packageIncludes: [\n    'Meals and snacks at any time',\n    'Drinks, alcoholic and non-alcoholic',\n    'Sports and activities',\n  ],\n  additionalInfo: 'You can customise your transport and room category directly on the website.',\n};\n\nconst puntaCana: ChatWindowQuoteItem = {\n  id: '2',\n  resortName: 'Punta Cana',\n  country: 'Dominican Republic',\n  imageUrl: 'https://picsum.photos/seed/puntacana/400/300',\n  dateRange: '20 July 2026 to 29 July 2026',\n  pax: 'for 2 adults 2 children',\n};\n\nexport default function ChatWindowQuoteDemo() {\n  return (\n    <div className=\"flex flex-col gap-32 w-340\">\n      <div className=\"flex flex-col gap-8\">\n        <p className=\"text-b4 font-semibold text-black\">Single quote</p>\n        <ChatWindowQuote quotes={[cancun]} />\n      </div>\n      <div className=\"flex flex-col gap-8\">\n        <p className=\"text-b4 font-semibold text-black\">Multiple quotes</p>\n        <ChatWindowQuote quotes={[cancun, puntaCana]} />\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAKA,IAAM,IAA8B;CAClC,IAAI;CACJ,YAAY;CACZ,SAAS;CACT,UAAU;CACV,WAAW;CACX,KAAK;CACL,iBAAiB;EACf;EACA;EACA;EACD;CACD,gBAAgB;CACjB,EAEK,IAAiC;CACrC,IAAI;CACJ,YAAY;CACZ,SAAS;CACT,UAAU;CACV,WAAW;CACX,KAAK;CACN;AAED,SAAwB,IAAsB;AAC5C,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,KAAD;IAAG,WAAU;cAAmC;IAAgB,CAAA,EAChE,kBAAC,GAAD,EAAiB,QAAQ,CAAC,EAAO,EAAI,CAAA,CAAA;MAEvC,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,KAAD;IAAG,WAAU;cAAmC;IAAmB,CAAA,EACnE,kBAAC,GAAD,EAAiB,QAAQ,CAAC,GAAQ,EAAU,EAAI,CAAA,CAAA"}

package/examples/chat-window-quotes-demo.js

@@ -1,5 +1,6 @@
 "use client";
-import { ChatWindow as e } from "../ui/ChatWindow.js";
+import { ChatWindow as e } from "../ui/chat/ChatWindow.js";
+import "../ui/ChatWindow.js";
 import { useRef as t } from "react";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region lib/examples/chat-window-quotes-demo.tsx

package/examples/chat-window-quotes-demo.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat-window-quotes-demo.js","names":[],"sources":["../../lib/examples/chat-window-quotes-demo.tsx"],"sourcesContent":["'use client';\n\nimport { useRef } from 'react';\nimport { ChatWindow } from '@/ui/ChatWindow';\nimport type { ChatWindowHandle, ChatWindowMessage, ChatWindowQuoteItem } from '@/ui/ChatWindow';\n\nconst messages: ChatWindowMessage[] = [\n  {\n    id: '1',\n    sender: 'assistant',\n    content:\n      \"Hi. Ask me anything about Club Med. I'm here to help you find the right information quickly.\",\n  },\n  {\n    id: '2',\n    sender: 'user',\n    content: 'Can you show me some quotes for a family trip to the Caribbean?',\n  },\n  {\n    id: '3',\n    sender: 'assistant',\n    content:\n      'Of course! Here are some resorts in the Caribbean that could be perfect for your family vacation.',\n  },\n];\n\nconst quotes: ChatWindowQuoteItem[] = [\n  {\n    id: '1',\n    resortName: 'Cancún',\n    country: 'Mexico',\n    imageUrl: 'https://picsum.photos/seed/cancun/400/300',\n    dateRange: '15 June 2026 to 24 June 2026',\n    pax: 'for 2 adults 2 children',\n    packageIncludes: [\n      'Meals and snacks at any time',\n      'Drinks, alcoholic and non-alcoholic',\n      'Sports and activities',\n    ],\n    additionalInfo: 'You can customise your transport and room category directly on the website.',\n  },\n  {\n    id: '2',\n    resortName: 'Punta Cana',\n    country: 'Dominican Republic',\n    imageUrl: 'https://picsum.photos/seed/puntacana/400/300',\n    dateRange: '15 June 2026 to 24 June 2026',\n    pax: 'for 2 adults 2 children',\n  },\n];\n\nexport default function ChatWindowQuotesDemo() {\n  const chatRef = useRef<ChatWindowHandle>(null);\n\n  return (\n    <div className=\"flex flex-col items-center gap-12\">\n      <ChatWindow\n        aria-label=\"Assistant chat\"\n        ref={chatRef}\n        messages={messages}\n        inputValue=\"\"\n        onInputChange={() => {}}\n        onSubmit={() => {}}\n        onQuoteCtaClick={(quote) => console.log('Selected quote:', quote.resortName)}\n        onClose={() => {}}\n        className=\"w-380 h-660\"\n      />\n      <button\n        type=\"button\"\n        onClick={() => chatRef.current?.showQuotes(quotes)}\n        className=\"px-16 py-8 bg-saffron rounded-pill text-black text-b4 font-semibold hover:opacity-80 transition-opacity\"\n      >\n        Trigger quotes\n      </button>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAMA,IAAM,IAAgC;CACpC;EACE,IAAI;EACJ,QAAQ;EACR,SACE;EACH;CACD;EACE,IAAI;EACJ,QAAQ;EACR,SAAS;EACV;CACD;EACE,IAAI;EACJ,QAAQ;EACR,SACE;;CAEL,EAEK,IAAgC,CACpC;CACE,IAAI;CACJ,YAAY;CACZ,SAAS;CACT,UAAU;CACV,WAAW;CACX,KAAK;CACL,iBAAiB;EACf;EACA;EACA;EACD;CACD,gBAAgB;CACjB,EACD;CACE,IAAI;CACJ,YAAY;CACZ,SAAS;CACT,UAAU;CACV,WAAW;CACX,KAAK;CACN,CACF;AAED,SAAwB,IAAuB;CAC7C,IAAM,IAAU,EAAyB,KAAK;AAE9C,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD;GACE,cAAW;GACX,KAAK;GACK;GACV,YAAW;GACX,qBAAqB;GACrB,gBAAgB;GAChB,kBAAkB,MAAU,QAAQ,IAAI,mBAAmB,EAAM,WAAW;GAC5E,eAAe;GACf,WAAU;GACV,CAAA,EACF,kBAAC,UAAD;GACE,MAAK;GACL,eAAe,EAAQ,SAAS,WAAW,EAAO;GAClD,WAAU;aACX;GAEQ,CAAA,CAAA"}
+{"version":3,"file":"chat-window-quotes-demo.js","names":[],"sources":["../../lib/examples/chat-window-quotes-demo.tsx"],"sourcesContent":["'use client';\n\nimport { useRef } from 'react';\nimport { ChatWindow } from '@/ui/ChatWindow';\nimport type { ChatWindowHandle, ChatWindowMessage, ChatWindowQuoteItem } from '@/ui/ChatWindow';\n\nconst messages: ChatWindowMessage[] = [\n  {\n    id: '1',\n    sender: 'assistant',\n    content:\n      \"Hi. Ask me anything about Club Med. I'm here to help you find the right information quickly.\",\n  },\n  {\n    id: '2',\n    sender: 'user',\n    content: 'Can you show me some quotes for a family trip to the Caribbean?',\n  },\n  {\n    id: '3',\n    sender: 'assistant',\n    content:\n      'Of course! Here are some resorts in the Caribbean that could be perfect for your family vacation.',\n  },\n];\n\nconst quotes: ChatWindowQuoteItem[] = [\n  {\n    id: '1',\n    resortName: 'Cancún',\n    country: 'Mexico',\n    imageUrl: 'https://picsum.photos/seed/cancun/400/300',\n    dateRange: '15 June 2026 to 24 June 2026',\n    pax: 'for 2 adults 2 children',\n    packageIncludes: [\n      'Meals and snacks at any time',\n      'Drinks, alcoholic and non-alcoholic',\n      'Sports and activities',\n    ],\n    additionalInfo: 'You can customise your transport and room category directly on the website.',\n  },\n  {\n    id: '2',\n    resortName: 'Punta Cana',\n    country: 'Dominican Republic',\n    imageUrl: 'https://picsum.photos/seed/puntacana/400/300',\n    dateRange: '15 June 2026 to 24 June 2026',\n    pax: 'for 2 adults 2 children',\n  },\n];\n\nexport default function ChatWindowQuotesDemo() {\n  const chatRef = useRef<ChatWindowHandle>(null);\n\n  return (\n    <div className=\"flex flex-col items-center gap-12\">\n      <ChatWindow\n        aria-label=\"Assistant chat\"\n        ref={chatRef}\n        messages={messages}\n        inputValue=\"\"\n        onInputChange={() => {}}\n        onSubmit={() => {}}\n        onQuoteCtaClick={(quote) => console.log('Selected quote:', quote.resortName)}\n        onClose={() => {}}\n        className=\"w-380 h-660\"\n      />\n      <button\n        type=\"button\"\n        onClick={() => chatRef.current?.showQuotes(quotes)}\n        className=\"px-16 py-8 bg-saffron rounded-pill text-black text-b4 font-semibold hover:opacity-80 transition-opacity\"\n      >\n        Trigger quotes\n      </button>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAMA,IAAM,IAAgC;CACpC;EACE,IAAI;EACJ,QAAQ;EACR,SACE;EACH;CACD;EACE,IAAI;EACJ,QAAQ;EACR,SAAS;EACV;CACD;EACE,IAAI;EACJ,QAAQ;EACR,SACE;;CAEL,EAEK,IAAgC,CACpC;CACE,IAAI;CACJ,YAAY;CACZ,SAAS;CACT,UAAU;CACV,WAAW;CACX,KAAK;CACL,iBAAiB;EACf;EACA;EACA;EACD;CACD,gBAAgB;CACjB,EACD;CACE,IAAI;CACJ,YAAY;CACZ,SAAS;CACT,UAAU;CACV,WAAW;CACX,KAAK;CACN,CACF;AAED,SAAwB,IAAuB;CAC7C,IAAM,IAAU,EAAyB,KAAK;AAE9C,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD;GACE,cAAW;GACX,KAAK;GACK;GACV,YAAW;GACX,qBAAqB;GACrB,gBAAgB;GAChB,kBAAkB,MAAU,QAAQ,IAAI,mBAAmB,EAAM,WAAW;GAC5E,eAAe;GACf,WAAU;GACV,CAAA,EACF,kBAAC,UAAD;GACE,MAAK;GACL,eAAe,EAAQ,SAAS,WAAW,EAAO;GAClD,WAAU;aACX;GAEQ,CAAA,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clubmed/trident-ui",
-  "version": "2.1.0-beta.3",
+  "version": "2.1.0-beta.4",
   "type": "module",
   "description": "Shared ClubMed React UI components",
   "keywords": [

package/ui/ChatBody.d.ts

@@ -1,25 +1 @@
-import { ChatMessageSender } from './ChatMessage';
-import { ChatWindowCsatPromptLabels } from './ChatWindowCsatPrompt';
-import { ChatWindowCsatThankYouLabels } from './ChatWindowCsatThankYou';
-import { ChatWindowQuoteItem } from './ChatWindowQuote';
-import { HTMLAttributes, ReactNode } from 'react';
-export interface ChatMessage {
-    id: string;
-    sender: ChatMessageSender;
-    content: ReactNode;
-}
-export interface ChatBodyProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
-    greeting?: string;
-    messages: ChatMessage[];
-    isTyping?: boolean;
-    onFeedbackRate?: (rating: number) => void;
-    csatLabels?: ChatWindowCsatPromptLabels;
-    csatRenderRatingLabel?: (rating: number) => ReactNode;
-    csatThankYouLabels?: ChatWindowCsatThankYouLabels;
-    onQuoteCtaClick?: (quote: ChatWindowQuoteItem) => void;
-}
-export interface ChatHandle {
-    askForFeedback: () => void;
-    showQuotes: (quotes: ChatWindowQuoteItem[]) => void;
-}
-export declare const ChatBody: import('react').ForwardRefExoticComponent<ChatBodyProps & import('react').RefAttributes<ChatHandle>>;
+export * from './chat/ChatBody';

package/ui/ChatBody.js

@@ -1,88 +1,2 @@
-import { twMerge as e } from "./helpers/twMerge.js";
-import { t } from "../chunks/ChatMessage.js";
-import { ChatTypingIndicator as n } from "./ChatTypingIndicator.js";
-import { ChatWindowCsatPrompt as r } from "./ChatWindowCsatPrompt.js";
-import { ChatWindowCsatThankYou as i } from "./ChatWindowCsatThankYou.js";
-import { ChatWindowQuote as a } from "./ChatWindowQuote.js";
-import { forwardRef as o, useEffect as s, useImperativeHandle as c, useRef as l, useState as u } from "react";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-//#region lib/ui/ChatBody.tsx
-function p({ messages: e, isTyping: t, csatRenderRatingLabel: n, onFeedbackRate: r, csatLabels: i }, a) {
-	let o = l(null), [d, f] = u(!1), [p, m] = u(null), [h, g] = u([]);
-	c(a, () => ({
-		askForFeedback() {
-			f(!0);
-		},
-		showQuotes(e) {
-			g((t) => [...t, e]);
-		}
-	})), s(() => {
-		let e = o.current;
-		e && e.scrollTo({
-			top: e.scrollHeight,
-			behavior: "smooth"
-		});
-	}, [
-		e,
-		t,
-		d,
-		p,
-		h
-	]);
-	function _(e) {
-		m(String(n ? n(e) : e)), r?.(e);
-	}
-	return {
-		logRef: o,
-		csatRatingMessage: p,
-		quoteGroups: h,
-		handleRate: _,
-		csatReady: d && i && n
-	};
-}
-var m = o(function(o, s) {
-	let { logRef: c, csatRatingMessage: l, quoteGroups: u, handleRate: m, csatReady: h } = p(o, s), { greeting: g, messages: _, isTyping: v = !1, csatLabels: y, csatRenderRatingLabel: b, csatThankYouLabels: x, onQuoteCtaClick: S, className: C, ...w } = o;
-	return /* @__PURE__ */ f("div", {
-		...w,
-		ref: c,
-		role: "log",
-		"aria-label": "Chat messages",
-		"aria-live": "polite",
-		className: e("chat-message-log flex flex-col flex-1 gap-20 overflow-y-auto py-20", C),
-		children: [
-			g ? /* @__PURE__ */ d("div", {
-				className: "px-20",
-				children: /* @__PURE__ */ d("p", {
-					className: "text-b3 text-black",
-					children: g
-				})
-			}) : null,
-			_.map((e) => /* @__PURE__ */ d(t, {
-				sender: e.sender,
-				children: e.content
-			}, e.id)),
-			v && /* @__PURE__ */ d("div", {
-				className: "px-12",
-				children: /* @__PURE__ */ d(n, {})
-			}),
-			h && /* @__PURE__ */ d(r, {
-				onRate: m,
-				labels: y,
-				renderRatingLabel: b
-			}),
-			l && /* @__PURE__ */ d(t, {
-				sender: "user",
-				children: l
-			}),
-			l && x && /* @__PURE__ */ d(i, { labels: x }),
-			u.map((e, t) => /* @__PURE__ */ d(a, {
-				quotes: e,
-				onCtaClick: S
-			}, t))
-		]
-	});
-});
-//#endregion
-export { m as ChatBody };
-
-//# sourceMappingURL=ChatBody.js.map
+import { ChatBody as e } from "./chat/ChatBody.js";
+export { e as ChatBody };

package/ui/ChatButton.d.ts

@@ -1,6 +1 @@
-import { ButtonHTMLAttributes } from 'react';
-export type ChatButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
-    offset?: boolean;
-    unfoldOn?: 'hover' | 'active';
-};
-export declare function ChatButton({ children, className, type, 'aria-label': ariaLabel, tabIndex, offset, unfoldOn, ...rest }: ChatButtonProps): import("react/jsx-runtime").JSX.Element;
+export * from './chat/ChatButton';