@cossistant/react 0.0.1

package/support/pages/conversation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation.js","names":[],"sources":["../../../src/support/pages/conversation.tsx"],"sourcesContent":["import type { TimelineItem } from \"@cossistant/types/api/timeline-item\";\nimport { useConversationPage } from \"../../hooks/use-conversation-page\";\nimport { useSupport } from \"../../provider\";\nimport { AvatarStack } from \"../components/avatar-stack\";\nimport { ConversationTimelineList } from \"../components/conversation-timeline\";\nimport { Header } from \"../components/header\";\nimport { MultimodalInput } from \"../components/multimodal-input\";\nimport { useSupportNavigation } from \"../store\";\nimport { Text, useSupportText } from \"../text\";\n\ntype ConversationPageProps = {\n\t/**\n\t * The conversation ID to display (can be PENDING_CONVERSATION_ID or a real ID).\n\t */\n\tconversationId: string;\n\n\t/**\n\t * Optional initial message to send when opening the conversation.\n\t */\n\tinitialMessage?: string;\n\n\t/**\n\t * Optional timeline items to display (for optimistic updates or initial state).\n\t */\n\titems?: TimelineItem[];\n};\n\n/**\n * Main conversation page component.\n *\n * All conversation logic is handled by the useConversationPage hook,\n * making this component focused purely on rendering and user interaction.\n */\nexport const ConversationPage = ({\n\tconversationId: initialConversationId,\n\tinitialMessage,\n\titems: passedItems = [],\n}: ConversationPageProps) => {\n\tconst { website, availableAIAgents, availableHumanAgents, visitor } =\n\t\tuseSupport();\n\tconst { navigate, replace, goBack, canGoBack } = useSupportNavigation();\n\tconst text = useSupportText();\n\n\t// Main conversation hook - handles all logic\n\tconst conversation = useConversationPage({\n\t\tconversationId: initialConversationId,\n\t\titems: passedItems,\n\t\tinitialMessage,\n\t\tonConversationIdChange: (newConversationId) => {\n\t\t\t// Update navigation when conversation is created\n\t\t\treplace({\n\t\t\t\tpage: \"CONVERSATION\",\n\t\t\t\tparams: { conversationId: newConversationId },\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({ page: \"HOME\" });\n\t\t}\n\t};\n\n\treturn (\n\t\t<div className=\"flex h-full flex-col gap-0 overflow-hidden\">\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\t<p className=\"font-medium text-sm\">{website?.name}</p>\n\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\tas=\"p\"\n\t\t\t\t\t\t\tclassName=\"text-muted-foreground text-sm\"\n\t\t\t\t\t\t\ttextKey=\"common.labels.supportOnline\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\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\n\t\t\t<ConversationTimelineList\n\t\t\t\tavailableAIAgents={availableAIAgents}\n\t\t\t\tavailableHumanAgents={availableHumanAgents}\n\t\t\t\tclassName=\"min-h-0 flex-1 px-4\"\n\t\t\t\tconversationId={conversation.conversationId}\n\t\t\t\tcurrentVisitorId={visitor?.id}\n\t\t\t\titems={conversation.items}\n\t\t\t/>\n\n\t\t\t<div className=\"flex-shrink-0 p-1\">\n\t\t\t\t<MultimodalInput\n\t\t\t\t\tdisabled={conversation.composer.isSubmitting}\n\t\t\t\t\terror={conversation.error}\n\t\t\t\t\tfiles={conversation.composer.files}\n\t\t\t\t\tisSubmitting={conversation.composer.isSubmitting}\n\t\t\t\t\tonChange={conversation.composer.setMessage}\n\t\t\t\t\tonFileSelect={conversation.composer.addFiles}\n\t\t\t\t\tonRemoveFile={conversation.composer.removeFile}\n\t\t\t\t\tonSubmit={conversation.composer.submit}\n\t\t\t\t\tplaceholder={text(\"component.multimodalInput.placeholder\")}\n\t\t\t\t\tvalue={conversation.composer.message}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n"],"mappings":";;;;;;;;;;;;;;;;;AAiCA,MAAa,oBAAoB,EAChC,gBAAgB,uBAChB,gBACA,OAAO,cAAc,EAAE,OACK;CAC5B,MAAM,EAAE,SAAS,mBAAmB,sBAAsB,YACzD,YAAY;CACb,MAAM,EAAE,UAAU,SAAS,QAAQ,cAAc,sBAAsB;CACvE,MAAM,OAAO,gBAAgB;CAG7B,MAAM,eAAe,oBAAoB;EACxC,gBAAgB;EAChB,OAAO;EACP;EACA,yBAAyB,sBAAsB;AAE9C,WAAQ;IACP,MAAM;IACN,QAAQ,EAAE,gBAAgB,mBAAmB;IAC7C,CAAC;;EAEH,CAAC;CAEF,MAAM,qBAAqB;AAC1B,MAAI,UACH,SAAQ;MAER,UAAS,EAAE,MAAM,QAAQ,CAAC;;AAI5B,QACC,qBAAC;EAAI,WAAU;;GACd,oBAAC;IAAO,UAAU;cACjB,qBAAC;KAAI,WAAU;gBACd,qBAAC;MAAI,WAAU;iBACd,oBAAC;OAAE,WAAU;iBAAuB,SAAS;QAAS,EACtD,oBAAC;OACA,IAAG;OACH,WAAU;OACV,SAAQ;QACP;OACG,EACN,oBAAC;MACA,UAAU;MACV,UAAU;MACV,aAAa;MACb,MAAM;MACN,SAAS;OACR;MACG;KACE;GAET,oBAAC;IACmB;IACG;IACtB,WAAU;IACV,gBAAgB,aAAa;IAC7B,kBAAkB,SAAS;IAC3B,OAAO,aAAa;KACnB;GAEF,oBAAC;IAAI,WAAU;cACd,oBAAC;KACA,UAAU,aAAa,SAAS;KAChC,OAAO,aAAa;KACpB,OAAO,aAAa,SAAS;KAC7B,cAAc,aAAa,SAAS;KACpC,UAAU,aAAa,SAAS;KAChC,cAAc,aAAa,SAAS;KACpC,cAAc,aAAa,SAAS;KACpC,UAAU,aAAa,SAAS;KAChC,aAAa,KAAK,wCAAwC;KAC1D,OAAO,aAAa,SAAS;MAC5B;KACG;;GACD"}

package/support/pages/home.d.ts

@@ -0,0 +1,20 @@
+import * as react_jsx_runtime5 from "react/jsx-runtime";
+
+//#region src/support/pages/home.d.ts
+
+/**
+ * Home page component for the support widget.
+ *
+ * Displays:
+ * - Welcome message with available agents
+ * - Quick action buttons
+ * - Last open conversation (if any)
+ * - Button to start new conversation
+ * - Link to conversation history
+ *
+ * All logic is handled by the useHomePage hook.
+ */
+declare const HomePage: () => react_jsx_runtime5.JSX.Element;
+//#endregion
+export { HomePage };
+//# sourceMappingURL=home.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"home.d.ts","names":[],"sources":["../../../src/support/pages/home.tsx"],"sourcesContent":[],"mappings":";;;;;;;AA0BA;;;;;;;;;cAAa,gBAAQ,kBAAA,CAAA,GAAA,CAAA"}

package/support/pages/home.js

@@ -0,0 +1,184 @@
+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 { ConversationButtonLink } from "../components/conversation-button-link.js";
+import { TextEffect } from "../components/text-effect.js";
+import { useHomePage } from "../../hooks/use-home-page.js";
+import { useSupport } from "../../provider.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { motion } from "motion/react";
+
+//#region src/support/pages/home.tsx
+/**
+* Home page component for the support widget.
+*
+* Displays:
+* - Welcome message with available agents
+* - Quick action buttons
+* - Last open conversation (if any)
+* - Button to start new conversation
+* - Link to conversation history
+*
+* All logic is handled by the useHomePage hook.
+*/
+const HomePage = () => {
+	const { website, availableHumanAgents, visitor, quickOptions } = useSupport();
+	const { navigate } = useSupportNavigation();
+	const text = useSupportText();
+	const home = useHomePage({
+		onStartConversation: (initialMessage) => {
+			navigate({
+				page: "CONVERSATION",
+				params: {
+					conversationId: PENDING_CONVERSATION_ID,
+					initialMessage
+				}
+			});
+		},
+		onOpenConversation: (conversationId) => {
+			navigate({
+				page: "CONVERSATION",
+				params: { conversationId }
+			});
+		},
+		onOpenConversationHistory: () => {
+			navigate({ page: "CONVERSATION_HISTORY" });
+		}
+	});
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx(Header, {}),
+		/* @__PURE__ */ jsx("div", {
+			className: "sticky top-4 flex flex-1 items-center justify-center",
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col items-center gap-2",
+				children: [
+					/* @__PURE__ */ jsxs(motion.div, {
+						animate: "visible",
+						className: "flex flex-col items-center justify-center gap-2",
+						exit: "exit",
+						initial: "hidden",
+						transition: { delay: .1 },
+						variants: {
+							hidden: {
+								opacity: 0,
+								y: 20,
+								filter: "blur(12px)"
+							},
+							visible: {
+								opacity: 1,
+								y: 0,
+								filter: "blur(0px)"
+							},
+							exit: {
+								opacity: 0,
+								y: 20,
+								filter: "blur(12px)"
+							}
+						},
+						children: [/* @__PURE__ */ jsx(AvatarStack, {
+							aiAgents: website?.availableAIAgents || [],
+							humanAgents: availableHumanAgents,
+							size: 44,
+							spacing: 32
+						}), /* @__PURE__ */ jsx(Text, {
+							as: "p",
+							className: "mb-4 text-co-primary/80 text-sm",
+							textKey: "page.home.tagline",
+							variables: { websiteName: website?.name ?? null }
+						})]
+					}),
+					/* @__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.home.greeting", { visitorName: visitor?.contact?.name ?? void 0 })
+					}),
+					quickOptions.length > 0 && /* @__PURE__ */ jsx(motion.div, {
+						animate: "visible",
+						className: "mt-6 inline-flex gap-2",
+						exit: "exit",
+						initial: "hidden",
+						transition: { delay: 1.3 },
+						variants: {
+							hidden: {
+								opacity: 0,
+								y: 20,
+								filter: "blur(12px)"
+							},
+							visible: {
+								opacity: 1,
+								y: 0,
+								filter: "blur(0px)"
+							},
+							exit: {
+								opacity: 0,
+								y: 20,
+								filter: "blur(12px)"
+							}
+						},
+						children: quickOptions?.map((option) => /* @__PURE__ */ jsx(Button, {
+							className: "rounded-full border-dashed",
+							onClick: () => home.startConversation(option),
+							size: "default",
+							variant: "outline",
+							children: option
+						}, option))
+					})
+				]
+			})
+		}),
+		/* @__PURE__ */ jsxs("div", {
+			className: "flex flex-shrink-0 flex-col items-center justify-center gap-2 px-6 pb-4",
+			children: [
+				home.availableConversationsCount > 0 && /* @__PURE__ */ jsx(Button, {
+					className: "relative w-full text-co-primary/40 text-xs hover:text-co-primary",
+					onClick: home.openConversationHistory,
+					variant: "ghost",
+					children: /* @__PURE__ */ jsx(Text, {
+						as: "span",
+						textKey: "page.home.history.more",
+						variables: { count: home.availableConversationsCount }
+					})
+				}),
+				home.lastOpenConversation && /* @__PURE__ */ jsx("div", {
+					className: "flex w-full flex-col overflow-clip rounded-md border border-co-border/80",
+					children: /* @__PURE__ */ jsx(ConversationButtonLink, {
+						className: "rounded-none",
+						conversation: home.lastOpenConversation,
+						onClick: () => {
+							if (home.lastOpenConversation) home.openConversation(home.lastOpenConversation.id);
+						}
+					}, home.lastOpenConversation.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: () => home.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" })]
+				}),
+				/* @__PURE__ */ jsx("div", {})
+			]
+		})
+	] });
+};
+
+//#endregion
+export { HomePage };
+//# sourceMappingURL=home.js.map

package/support/pages/home.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"home.js","names":["Icon"],"sources":["../../../src/support/pages/home.tsx"],"sourcesContent":["import { motion } from \"motion/react\";\nimport { useHomePage } from \"../../hooks/use-home-page\";\nimport { useSupport } from \"../../provider\";\nimport { PENDING_CONVERSATION_ID } from \"../../utils/id\";\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 * Home page component for the support widget.\n *\n * Displays:\n * - Welcome message with available agents\n * - Quick action buttons\n * - Last open conversation (if any)\n * - Button to start new conversation\n * - Link to conversation history\n *\n * All logic is handled by the useHomePage hook.\n */\nexport const HomePage = () => {\n\tconst { website, availableHumanAgents, visitor, quickOptions } = useSupport();\n\tconst { navigate } = useSupportNavigation();\n\tconst text = useSupportText();\n\n\t// Main home page hook - handles all logic\n\tconst home = useHomePage({\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\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\tonOpenConversationHistory: () => {\n\t\t\tnavigate({\n\t\t\t\tpage: \"CONVERSATION_HISTORY\",\n\t\t\t});\n\t\t},\n\t});\n\n\treturn (\n\t\t<>\n\t\t\t<Header>{/* <NavigationTab /> */}</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<motion.div\n\t\t\t\t\t\tanimate=\"visible\"\n\t\t\t\t\t\tclassName=\"flex flex-col items-center justify-center gap-2\"\n\t\t\t\t\t\texit=\"exit\"\n\t\t\t\t\t\tinitial=\"hidden\"\n\t\t\t\t\t\ttransition={{\n\t\t\t\t\t\t\tdelay: 0.1,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tvariants={{\n\t\t\t\t\t\t\thidden: { opacity: 0, y: 20, filter: \"blur(12px)\" },\n\t\t\t\t\t\t\tvisible: { opacity: 1, y: 0, filter: \"blur(0px)\" },\n\t\t\t\t\t\t\texit: { opacity: 0, y: 20, filter: \"blur(12px)\" },\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<AvatarStack\n\t\t\t\t\t\t\taiAgents={website?.availableAIAgents || []}\n\t\t\t\t\t\t\thumanAgents={availableHumanAgents}\n\t\t\t\t\t\t\tsize={44}\n\t\t\t\t\t\t\tspacing={32}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\tas=\"p\"\n\t\t\t\t\t\t\tclassName=\"mb-4 text-co-primary/80 text-sm\"\n\t\t\t\t\t\t\ttextKey=\"page.home.tagline\"\n\t\t\t\t\t\t\tvariables={{ websiteName: website?.name ?? null }}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</motion.div>\n\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.home.greeting\", {\n\t\t\t\t\t\t\tvisitorName: visitor?.contact?.name ?? undefined,\n\t\t\t\t\t\t})}\n\t\t\t\t\t</TextEffect>\n\n\t\t\t\t\t{quickOptions.length > 0 && (\n\t\t\t\t\t\t<motion.div\n\t\t\t\t\t\t\tanimate=\"visible\"\n\t\t\t\t\t\t\tclassName=\"mt-6 inline-flex gap-2\"\n\t\t\t\t\t\t\texit=\"exit\"\n\t\t\t\t\t\t\tinitial=\"hidden\"\n\t\t\t\t\t\t\ttransition={{\n\t\t\t\t\t\t\t\tdelay: 1.3,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tvariants={{\n\t\t\t\t\t\t\t\thidden: { opacity: 0, y: 20, filter: \"blur(12px)\" },\n\t\t\t\t\t\t\t\tvisible: { opacity: 1, y: 0, filter: \"blur(0px)\" },\n\t\t\t\t\t\t\t\texit: { opacity: 0, y: 20, filter: \"blur(12px)\" },\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{quickOptions?.map((option) => (\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tclassName=\"rounded-full border-dashed\"\n\t\t\t\t\t\t\t\t\tkey={option}\n\t\t\t\t\t\t\t\t\tonClick={() => home.startConversation(option)}\n\t\t\t\t\t\t\t\t\tsize=\"default\"\n\t\t\t\t\t\t\t\t\tvariant=\"outline\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{option}\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</motion.div>\n\t\t\t\t\t)}\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 pb-4\">\n\t\t\t\t{home.availableConversationsCount > 0 && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tclassName=\"relative w-full text-co-primary/40 text-xs hover:text-co-primary\"\n\t\t\t\t\t\tonClick={home.openConversationHistory}\n\t\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\tas=\"span\"\n\t\t\t\t\t\t\ttextKey=\"page.home.history.more\"\n\t\t\t\t\t\t\tvariables={{ count: home.availableConversationsCount }}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Button>\n\t\t\t\t)}\n\n\t\t\t\t{home.lastOpenConversation && (\n\t\t\t\t\t<div className=\"flex w-full flex-col overflow-clip rounded-md border border-co-border/80\">\n\t\t\t\t\t\t<ConversationButtonLink\n\t\t\t\t\t\t\tclassName=\"rounded-none\"\n\t\t\t\t\t\t\tconversation={home.lastOpenConversation}\n\t\t\t\t\t\t\tkey={home.lastOpenConversation.id}\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tif (home.lastOpenConversation) {\n\t\t\t\t\t\t\t\t\thome.openConversation(home.lastOpenConversation.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/>\n\t\t\t\t\t</div>\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={() => home.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\t<div />\n\t\t\t</div>\n\t\t</>\n\t);\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,MAAa,iBAAiB;CAC7B,MAAM,EAAE,SAAS,sBAAsB,SAAS,iBAAiB,YAAY;CAC7E,MAAM,EAAE,aAAa,sBAAsB;CAC3C,MAAM,OAAO,gBAAgB;CAG7B,MAAM,OAAO,YAAY;EACxB,sBAAsB,mBAAmB;AACxC,YAAS;IACR,MAAM;IACN,QAAQ;KACP,gBAAgB;KAChB;KACA;IACD,CAAC;;EAEH,qBAAqB,mBAAmB;AACvC,YAAS;IACR,MAAM;IACN,QAAQ,EACP,gBACA;IACD,CAAC;;EAEH,iCAAiC;AAChC,YAAS,EACR,MAAM,wBACN,CAAC;;EAEH,CAAC;AAEF,QACC;EACC,oBAAC,WAAyC;EAC1C,oBAAC;GAAI,WAAU;aACd,qBAAC;IAAI,WAAU;;KACd,qBAAC,OAAO;MACP,SAAQ;MACR,WAAU;MACV,MAAK;MACL,SAAQ;MACR,YAAY,EACX,OAAO,IACP;MACD,UAAU;OACT,QAAQ;QAAE,SAAS;QAAG,GAAG;QAAI,QAAQ;QAAc;OACnD,SAAS;QAAE,SAAS;QAAG,GAAG;QAAG,QAAQ;QAAa;OAClD,MAAM;QAAE,SAAS;QAAG,GAAG;QAAI,QAAQ;QAAc;OACjD;iBAED,oBAAC;OACA,UAAU,SAAS,qBAAqB,EAAE;OAC1C,aAAa;OACb,MAAM;OACN,SAAS;QACR,EACF,oBAAC;OACA,IAAG;OACH,WAAU;OACV,SAAQ;OACR,WAAW,EAAE,aAAa,SAAS,QAAQ,MAAM;QAChD;OACU;KAEb,oBAAC;MACA,IAAG;MACH,WAAU;MACV,OAAO;MACP,QAAO;gBAEN,KAAK,sBAAsB,EAC3B,aAAa,SAAS,SAAS,QAAQ,QACvC,CAAC;OACU;KAEZ,aAAa,SAAS,KACtB,oBAAC,OAAO;MACP,SAAQ;MACR,WAAU;MACV,MAAK;MACL,SAAQ;MACR,YAAY,EACX,OAAO,KACP;MACD,UAAU;OACT,QAAQ;QAAE,SAAS;QAAG,GAAG;QAAI,QAAQ;QAAc;OACnD,SAAS;QAAE,SAAS;QAAG,GAAG;QAAG,QAAQ;QAAa;OAClD,MAAM;QAAE,SAAS;QAAG,GAAG;QAAI,QAAQ;QAAc;OACjD;gBAEA,cAAc,KAAK,WACnB,oBAAC;OACA,WAAU;OAEV,eAAe,KAAK,kBAAkB,OAAO;OAC7C,MAAK;OACL,SAAQ;iBAEP;SALI,OAMG,CACR;OACU;;KAET;IACD;EACN,qBAAC;GAAI,WAAU;;IACb,KAAK,8BAA8B,KACnC,oBAAC;KACA,WAAU;KACV,SAAS,KAAK;KACd,SAAQ;eAER,oBAAC;MACA,IAAG;MACH,SAAQ;MACR,WAAW,EAAE,OAAO,KAAK,6BAA6B;OACrD;MACM;IAGT,KAAK,wBACL,oBAAC;KAAI,WAAU;eACd,oBAAC;MACA,WAAU;MACV,cAAc,KAAK;MAEnB,eAAe;AACd,WAAI,KAAK,qBACR,MAAK,iBAAiB,KAAK,qBAAqB,GAAG;;QAHhD,KAAK,qBAAqB,GAM9B;MACG;IAGP,qBAAC;KAAI,WAAU;gBACd,qBAAC;MACA,WAAU;MACV,eAAe,KAAK,mBAAmB;MACvC,MAAK;MACL,SAAQ;iBAER,oBAACA;OACA,WAAU;OACV,MAAK;OACL,SAAQ;QACP,EACF,oBAAC;OAAK,IAAG;OAAO,SAAQ;QAA+B;OAC/C,EACT,oBAAC,aAAU,WAAU,cAAc;MAC9B;IACN,oBAAC,UAAM;;IACF;KACJ"}

package/support/router.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+
+//#region src/support/router.d.ts
+
+/**
+ * Routes between different support widget pages based on navigation state.
+ *
+ * Each page manages its own state internally via dedicated hooks,
+ * so the router simply maps navigation state to the appropriate page component.
+ */
+declare const SupportRouter: React.FC;
+//#endregion
+export { SupportRouter };
+//# sourceMappingURL=router.d.ts.map

package/support/router.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"router.d.ts","names":[],"sources":["../../src/support/router.tsx"],"sourcesContent":[],"mappings":";;;;;;AAaA;;;;cAAa,eAAe,KAAA,CAAM"}

package/support/router.js

@@ -0,0 +1,31 @@
+import { useSupportNavigation } from "./store/support-store.js";
+import { ArticlesPage } from "./pages/articles.js";
+import { ConversationPage } from "./pages/conversation.js";
+import { ConversationHistoryPage } from "./pages/conversation-history.js";
+import { HomePage } from "./pages/home.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/support/router.tsx
+/**
+* Routes between different support widget pages based on navigation state.
+*
+* Each page manages its own state internally via dedicated hooks,
+* so the router simply maps navigation state to the appropriate page component.
+*/
+const SupportRouter = () => {
+	const { current } = useSupportNavigation();
+	switch (current.page) {
+		case "HOME": return /* @__PURE__ */ jsx(HomePage, {});
+		case "ARTICLES": return /* @__PURE__ */ jsx(ArticlesPage, {});
+		case "CONVERSATION": return /* @__PURE__ */ jsx(ConversationPage, {
+			conversationId: current.params.conversationId,
+			initialMessage: current.params.initialMessage
+		});
+		case "CONVERSATION_HISTORY": return /* @__PURE__ */ jsx(ConversationHistoryPage, {});
+		default: return /* @__PURE__ */ jsx(HomePage, {});
+	}
+};
+
+//#endregion
+export { SupportRouter };
+//# sourceMappingURL=router.js.map

package/support/router.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"router.js","names":["SupportRouter: React.FC"],"sources":["../../src/support/router.tsx"],"sourcesContent":["import type React from \"react\";\nimport { ArticlesPage } from \"./pages/articles\";\nimport { ConversationPage } from \"./pages/conversation\";\nimport { ConversationHistoryPage } from \"./pages/conversation-history\";\nimport { HomePage } from \"./pages/home\";\nimport { useSupportNavigation } from \"./store/support-store\";\n\n/**\n * Routes between different support widget pages based on navigation state.\n *\n * Each page manages its own state internally via dedicated hooks,\n * so the router simply maps navigation state to the appropriate page component.\n */\nexport const SupportRouter: React.FC = () => {\n\tconst { current } = useSupportNavigation();\n\n\tswitch (current.page) {\n\t\tcase \"HOME\":\n\t\t\treturn <HomePage />;\n\n\t\tcase \"ARTICLES\":\n\t\t\treturn <ArticlesPage />;\n\n\t\tcase \"CONVERSATION\":\n\t\t\treturn (\n\t\t\t\t<ConversationPage\n\t\t\t\t\tconversationId={current.params.conversationId}\n\t\t\t\t\tinitialMessage={current.params.initialMessage}\n\t\t\t\t/>\n\t\t\t);\n\n\t\tcase \"CONVERSATION_HISTORY\":\n\t\t\treturn <ConversationHistoryPage />;\n\n\t\tdefault: {\n\t\t\treturn <HomePage />;\n\t\t}\n\t}\n};\n"],"mappings":";;;;;;;;;;;;;;AAaA,MAAaA,sBAAgC;CAC5C,MAAM,EAAE,YAAY,sBAAsB;AAE1C,SAAQ,QAAQ,MAAhB;EACC,KAAK,OACJ,QAAO,oBAAC,aAAW;EAEpB,KAAK,WACJ,QAAO,oBAAC,iBAAe;EAExB,KAAK,eACJ,QACC,oBAAC;GACA,gBAAgB,QAAQ,OAAO;GAC/B,gBAAgB,QAAQ,OAAO;IAC9B;EAGJ,KAAK,uBACJ,QAAO,oBAAC,4BAA0B;EAEnC,QACC,QAAO,oBAAC,aAAW"}

package/support/store/index.d.ts

@@ -0,0 +1,2 @@
+import { UseSupportStoreResult, initializeSupportStore, useSupportConfig, useSupportNavigation, useSupportStore } from "./support-store.js";
+export { UseSupportStoreResult, initializeSupportStore, useSupportConfig, useSupportNavigation, useSupportStore };

package/support/store/index.js

@@ -0,0 +1,3 @@
+import { initializeSupportStore, useSupportConfig, useSupportNavigation, useSupportStore } from "./support-store.js";
+
+export { initializeSupportStore, useSupportConfig, useSupportNavigation, useSupportStore };

package/support/store/support-store.d.ts

@@ -0,0 +1,42 @@
+import * as _cossistant_core0 from "@cossistant/core";
+import { SupportConfig, SupportStore, SupportStoreState } from "@cossistant/core";
+
+//#region src/support/store/support-store.d.ts
+type UseSupportStoreResult = SupportStoreState & Pick<SupportStore, "navigate" | "replace" | "goBack" | "open" | "close" | "toggle" | "updateConfig" | "reset">;
+declare function useSupportStore(): UseSupportStoreResult;
+declare const useSupportConfig: () => {
+  open: () => void;
+  close: () => void;
+  toggle: () => void;
+  mode: "floating" | "responsive";
+  size: "normal" | "larger";
+  isOpen: boolean;
+  content: {
+    home?: {
+      header?: string;
+      subheader?: string;
+      ctaLabel?: string;
+    };
+  };
+};
+declare const useSupportNavigation: () => {
+  current: _cossistant_core0.NavigationState;
+  page: "HOME" | "ARTICLES" | "CONVERSATION" | "CONVERSATION_HISTORY";
+  params: {
+    conversationId: string;
+    initialMessage?: string;
+  } | undefined;
+  previousPages: _cossistant_core0.NavigationState[];
+  navigate: (state: _cossistant_core0.NavigationState) => void;
+  replace: (state: _cossistant_core0.NavigationState) => void;
+  goBack: () => void;
+  canGoBack: boolean;
+};
+declare const initializeSupportStore: (props: {
+  mode?: SupportConfig["mode"];
+  size?: SupportConfig["size"];
+  defaultOpen?: boolean;
+}) => void;
+//#endregion
+export { UseSupportStoreResult, initializeSupportStore, useSupportConfig, useSupportNavigation, useSupportStore };
+//# sourceMappingURL=support-store.d.ts.map

package/support/store/support-store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"support-store.d.ts","names":[],"sources":["../../../src/support/store/support-store.ts"],"sourcesContent":[],"mappings":";;;;KA8CY,qBAAA,GAAwB,oBACnC,KACC;iBAWc,eAAA,CAAA,GAAmB;cAmBtB;EAhCD,IAAA,EAAA,GAAA,GAAA,IAAA;EAAqB,KAAA,EAAA,GAAA,GAAA,IAAA;QAAG,EAAA,GAAA,GAAA,IAAA;MAElC,EAAA,UAAA,GAAA,YAAA;MADD,EAAA,QAAA,GAAA,QAAA;EAAI,MAAA,EAAA,OAAA;EAYW,OAAA,EAAA;IAmBH,IAAA,CAAA,EAAA;MAcA,MAAA,CAAA,EAAA,MAiBZ;MAAA,SAAA,CAAA,EAAA,MAAA;MAAA,QAAA,CAAA,EAAA,MAAA;;;;cAjBY;EAmBA,OAAA,EAFZ,iBAAA,CAAA,eAwBA;EAAA,IAAA,EAAA,MAAA,GAAA,UAAA,GAAA,cAAA,GAAA,sBAAA;QArBO,EAAA;IACA,cAAA,EAAA,MAAA;IAAa,cAAA,CAAA,EAAA,MAAA;;;;;;;;cAFR;SACL;SACA"}

package/support/store/support-store.js

@@ -0,0 +1,66 @@
+"use client";
+
+
+import { useMemo, useRef, useSyncExternalStore } from "react";
+import { createSupportStore } from "@cossistant/core";
+
+//#region src/support/store/support-store.ts
+const storage = typeof window !== "undefined" ? window.localStorage : void 0;
+const store = createSupportStore({ storage });
+function useSelector(selector, isEqual = Object.is) {
+	const selectionRef = useRef(void 0);
+	const subscribe = (onStoreChange) => store.subscribe(() => {
+		onStoreChange();
+	});
+	const snapshot = useSyncExternalStore(subscribe, store.getState, store.getState);
+	const selected = selector(snapshot);
+	if (selectionRef.current === void 0 || !isEqual(selectionRef.current, selected)) selectionRef.current = selected;
+	return selectionRef.current;
+}
+function useSupportStore() {
+	const state = useSelector((current) => current);
+	return useMemo(() => ({
+		...state,
+		navigate: store.navigate,
+		replace: store.replace,
+		goBack: store.goBack,
+		open: store.open,
+		close: store.close,
+		toggle: store.toggle,
+		updateConfig: store.updateConfig,
+		reset: store.reset
+	}), [state]);
+}
+const useSupportConfig = () => {
+	const config = useSelector((state) => state.config);
+	return useMemo(() => ({
+		...config,
+		open: store.open,
+		close: store.close,
+		toggle: store.toggle
+	}), [config]);
+};
+const useSupportNavigation = () => {
+	const { current, previousPages } = useSelector((state) => state.navigation);
+	return useMemo(() => ({
+		current,
+		page: current.page,
+		params: current.params,
+		previousPages,
+		navigate: store.navigate,
+		replace: store.replace,
+		goBack: store.goBack,
+		canGoBack: previousPages.length > 0
+	}), [current, previousPages]);
+};
+const initializeSupportStore = (props) => {
+	const patch = {};
+	if (props.mode !== void 0) patch.mode = props.mode;
+	if (props.size !== void 0) patch.size = props.size;
+	if (props.defaultOpen !== void 0) patch.isOpen = props.defaultOpen;
+	if (Object.keys(patch).length > 0) store.updateConfig(patch);
+};
+
+//#endregion
+export { initializeSupportStore, useSupportConfig, useSupportNavigation, useSupportStore };
+//# sourceMappingURL=support-store.js.map

package/support/store/support-store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"support-store.js","names":["patch: Partial<SupportConfig>"],"sources":["../../../src/support/store/support-store.ts"],"sourcesContent":["\"use client\";\n\nimport {\n\tcreateSupportStore,\n\ttype SupportConfig,\n\ttype SupportStore,\n\ttype SupportStoreState,\n} from \"@cossistant/core\";\nimport { useMemo, useRef, useSyncExternalStore } from \"react\";\n\nconst storage = typeof window !== \"undefined\" ? window.localStorage : undefined;\nconst store = createSupportStore({ storage });\n\ntype Selector<T> = (state: SupportStoreState) => T;\n\ntype EqualityChecker<T> = (previous: T, next: T) => boolean;\n\nfunction useSelector<TSelected>(\n\tselector: Selector<TSelected>,\n\tisEqual: EqualityChecker<TSelected> = Object.is\n): TSelected {\n\tconst selectionRef = useRef<TSelected>(undefined);\n\n\tconst subscribe = (onStoreChange: () => void) =>\n\t\tstore.subscribe(() => {\n\t\t\tonStoreChange();\n\t\t});\n\n\tconst snapshot = useSyncExternalStore(\n\t\tsubscribe,\n\t\tstore.getState,\n\t\tstore.getState\n\t);\n\n\tconst selected = selector(snapshot);\n\n\tif (\n\t\tselectionRef.current === undefined ||\n\t\t!isEqual(selectionRef.current, selected)\n\t) {\n\t\tselectionRef.current = selected;\n\t}\n\n\treturn selectionRef.current as TSelected;\n}\n\nexport type UseSupportStoreResult = SupportStoreState &\n\tPick<\n\t\tSupportStore,\n\t\t| \"navigate\"\n\t\t| \"replace\"\n\t\t| \"goBack\"\n\t\t| \"open\"\n\t\t| \"close\"\n\t\t| \"toggle\"\n\t\t| \"updateConfig\"\n\t\t| \"reset\"\n\t>;\n\nexport function useSupportStore(): UseSupportStoreResult {\n\tconst state = useSelector((current) => current);\n\n\treturn useMemo(\n\t\t() => ({\n\t\t\t...state,\n\t\t\tnavigate: store.navigate,\n\t\t\treplace: store.replace,\n\t\t\tgoBack: store.goBack,\n\t\t\topen: store.open,\n\t\t\tclose: store.close,\n\t\t\ttoggle: store.toggle,\n\t\t\tupdateConfig: store.updateConfig,\n\t\t\treset: store.reset,\n\t\t}),\n\t\t[state]\n\t);\n}\n\nexport const useSupportConfig = () => {\n\tconst config = useSelector((state) => state.config);\n\n\treturn useMemo(\n\t\t() => ({\n\t\t\t...config,\n\t\t\topen: store.open,\n\t\t\tclose: store.close,\n\t\t\ttoggle: store.toggle,\n\t\t}),\n\t\t[config]\n\t);\n};\n\nexport const useSupportNavigation = () => {\n\tconst navigation = useSelector((state) => state.navigation);\n\tconst { current, previousPages } = navigation;\n\n\treturn useMemo(\n\t\t() => ({\n\t\t\tcurrent,\n\t\t\tpage: current.page,\n\t\t\tparams: current.params,\n\t\t\tpreviousPages,\n\t\t\tnavigate: store.navigate,\n\t\t\treplace: store.replace,\n\t\t\tgoBack: store.goBack,\n\t\t\tcanGoBack: previousPages.length > 0,\n\t\t}),\n\t\t[current, previousPages]\n\t);\n};\n\nexport const initializeSupportStore = (props: {\n\tmode?: SupportConfig[\"mode\"];\n\tsize?: SupportConfig[\"size\"];\n\tdefaultOpen?: boolean;\n}) => {\n\tconst patch: Partial<SupportConfig> = {};\n\n\tif (props.mode !== undefined) {\n\t\tpatch.mode = props.mode;\n\t}\n\n\tif (props.size !== undefined) {\n\t\tpatch.size = props.size;\n\t}\n\n\tif (props.defaultOpen !== undefined) {\n\t\tpatch.isOpen = props.defaultOpen;\n\t}\n\n\tif (Object.keys(patch).length > 0) {\n\t\tstore.updateConfig(patch);\n\t}\n};\n"],"mappings":";;;;;;;AAUA,MAAM,UAAU,OAAO,WAAW,cAAc,OAAO,eAAe;AACtE,MAAM,QAAQ,mBAAmB,EAAE,SAAS,CAAC;AAM7C,SAAS,YACR,UACA,UAAsC,OAAO,IACjC;CACZ,MAAM,eAAe,OAAkB,OAAU;CAEjD,MAAM,aAAa,kBAClB,MAAM,gBAAgB;AACrB,iBAAe;GACd;CAEH,MAAM,WAAW,qBAChB,WACA,MAAM,UACN,MAAM,SACN;CAED,MAAM,WAAW,SAAS,SAAS;AAEnC,KACC,aAAa,YAAY,UACzB,CAAC,QAAQ,aAAa,SAAS,SAAS,CAExC,cAAa,UAAU;AAGxB,QAAO,aAAa;;AAgBrB,SAAgB,kBAAyC;CACxD,MAAM,QAAQ,aAAa,YAAY,QAAQ;AAE/C,QAAO,eACC;EACN,GAAG;EACH,UAAU,MAAM;EAChB,SAAS,MAAM;EACf,QAAQ,MAAM;EACd,MAAM,MAAM;EACZ,OAAO,MAAM;EACb,QAAQ,MAAM;EACd,cAAc,MAAM;EACpB,OAAO,MAAM;EACb,GACD,CAAC,MAAM,CACP;;AAGF,MAAa,yBAAyB;CACrC,MAAM,SAAS,aAAa,UAAU,MAAM,OAAO;AAEnD,QAAO,eACC;EACN,GAAG;EACH,MAAM,MAAM;EACZ,OAAO,MAAM;EACb,QAAQ,MAAM;EACd,GACD,CAAC,OAAO,CACR;;AAGF,MAAa,6BAA6B;CAEzC,MAAM,EAAE,SAAS,kBADE,aAAa,UAAU,MAAM,WAAW;AAG3D,QAAO,eACC;EACN;EACA,MAAM,QAAQ;EACd,QAAQ,QAAQ;EAChB;EACA,UAAU,MAAM;EAChB,SAAS,MAAM;EACf,QAAQ,MAAM;EACd,WAAW,cAAc,SAAS;EAClC,GACD,CAAC,SAAS,cAAc,CACxB;;AAGF,MAAa,0BAA0B,UAIjC;CACL,MAAMA,QAAgC,EAAE;AAExC,KAAI,MAAM,SAAS,OAClB,OAAM,OAAO,MAAM;AAGpB,KAAI,MAAM,SAAS,OAClB,OAAM,OAAO,MAAM;AAGpB,KAAI,MAAM,gBAAgB,OACzB,OAAM,SAAS,MAAM;AAGtB,KAAI,OAAO,KAAK,MAAM,CAAC,SAAS,EAC/B,OAAM,aAAa,MAAM"}