@chatsdk-dev/elements 0.1.3 → 0.2.0

package/dist/features/chat/provider/use-visible-messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-visible-messages.js","names":[],"sources":["../../../../src/features/chat/provider/use-visible-messages.ts"],"sourcesContent":["import type { UIMessage } from \"ai\";\nimport { useMemo } from \"react\";\n\nimport { isMessagePartVisible } from \"../utils\";\nimport { useChat, useElementComponent } from \"./provider\";\n\nexport function messageHasVisibleContent(\n  message: UIMessage,\n  opts: { withTools?: boolean; withReasoning?: boolean },\n): boolean {\n  return message.parts.some((part) => isMessagePartVisible(part, opts));\n}\n\n// Messages that actually render given the display flags. Shared so the message\n// list and the trailing activity indicator agree on the visible sequence.\nexport function useVisibleMessages() {\n  const { messages } = useChat();\n  const { withTools, withReasoning } = useElementComponent();\n\n  return useMemo(\n    () => ({\n      visibleMessages: messages.filter((message) =>\n        messageHasVisibleContent(message, { withTools, withReasoning }),\n      ),\n    }),\n    [messages, withTools, withReasoning],\n  );\n}\n"],"mappings":";;;;AAMA,SAAgB,yBACd,SACA,MACS;CACT,OAAO,QAAQ,MAAM,MAAM,SAAS,qBAAqB,MAAM,IAAI,CAAC;AACtE;AAIA,SAAgB,qBAAqB;CACnC,MAAM,EAAE,aAAa,QAAQ;CAC7B,MAAM,EAAE,WAAW,kBAAkB,oBAAoB;CAEzD,OAAO,eACE,EACL,iBAAiB,SAAS,QAAQ,YAChC,yBAAyB,SAAS;EAAE;EAAW;CAAc,CAAC,CAChE,EACF,IACA;EAAC;EAAU;EAAW;CAAa,CACrC;AACF"}

package/dist/features/chat/queries/query-keys.d.ts

@@ -1,9 +1,9 @@
 //#region src/features/chat/queries/query-keys.d.ts
 declare const chatQueryKeys: {
   all: () => readonly ["chat"];
-  get: (chatId?: string) => readonly ["chat", "get", string | undefined];
-  listConversations: (chatId?: string) => readonly ["chat", "get", string | undefined, "conversations"];
-  conversation: (chatId?: string, conversationId?: string | null) => readonly ["chat", "get", string | undefined, "conversation", string | null | undefined];
+  get: (agentId?: string) => readonly ["chat", "get", string | undefined];
+  listConversations: (agentId?: string) => readonly ["chat", "get", string | undefined, "conversations"];
+  conversation: (agentId?: string, conversationId?: string | null) => readonly ["chat", "get", string | undefined, "conversation", string | null | undefined];
 };
 //#endregion
 export { chatQueryKeys };

package/dist/features/chat/queries/query-keys.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"query-keys.d.ts","names":[],"sources":["../../../../src/features/chat/queries/query-keys.ts"],"mappings":";cAAa,aAAA;;;;kCAKmB,cAAA;AAAA"}
+{"version":3,"file":"query-keys.d.ts","names":[],"sources":["../../../../src/features/chat/queries/query-keys.ts"],"mappings":";cAAa,aAAA;;;;mCAKoB,cAAA;AAAA"}

package/dist/features/chat/queries/query-keys.js

@@ -1,14 +1,14 @@
 //#region src/features/chat/queries/query-keys.ts
 const chatQueryKeys = {
 	all: () => ["chat"],
-	get: (chatId) => [
+	get: (agentId) => [
 		...chatQueryKeys.all(),
 		"get",
-		chatId
+		agentId
 	],
-	listConversations: (chatId) => [...chatQueryKeys.get(chatId), "conversations"],
-	conversation: (chatId, conversationId) => [
-		...chatQueryKeys.get(chatId),
+	listConversations: (agentId) => [...chatQueryKeys.get(agentId), "conversations"],
+	conversation: (agentId, conversationId) => [
+		...chatQueryKeys.get(agentId),
 		"conversation",
 		conversationId
 	]

package/dist/features/chat/queries/query-keys.js.map

@@ -1 +1 @@
-{"version":3,"file":"query-keys.js","names":[],"sources":["../../../../src/features/chat/queries/query-keys.ts"],"sourcesContent":["export const chatQueryKeys = {\n  all: () => [\"chat\"] as const,\n  get: (chatId?: string) => [...chatQueryKeys.all(), \"get\", chatId] as const,\n  listConversations: (chatId?: string) =>\n    [...chatQueryKeys.get(chatId), \"conversations\"] as const,\n  conversation: (chatId?: string, conversationId?: string | null) =>\n    [...chatQueryKeys.get(chatId), \"conversation\", conversationId] as const,\n};\n"],"mappings":";AAAA,MAAa,gBAAgB;CAC3B,WAAW,CAAC,OAAO;CACnB,MAAM,WAAoB;EAAC,GAAG,cAAc,KAAK;EAAE;EAAO;EAAO;CACjE,oBAAoB,WAClB,CAAC,GAAG,cAAc,IAAI,OAAO,EAAE,gBAAgB;CACjD,eAAe,QAAiB,mBAC9B;EAAC,GAAG,cAAc,IAAI,OAAO;EAAE;EAAgB;EAAe;CACjE"}
+{"version":3,"file":"query-keys.js","names":[],"sources":["../../../../src/features/chat/queries/query-keys.ts"],"sourcesContent":["export const chatQueryKeys = {\n  all: () => [\"chat\"] as const,\n  get: (agentId?: string) => [...chatQueryKeys.all(), \"get\", agentId] as const,\n  listConversations: (agentId?: string) =>\n    [...chatQueryKeys.get(agentId), \"conversations\"] as const,\n  conversation: (agentId?: string, conversationId?: string | null) =>\n    [...chatQueryKeys.get(agentId), \"conversation\", conversationId] as const,\n};\n"],"mappings":";AAAA,MAAa,gBAAgB;CAC3B,WAAW,CAAC,MAAM;CAClB,MAAM,YAAqB;EAAC,GAAG,cAAc,IAAI;EAAG;EAAO;CAAO;CAClE,oBAAoB,YAClB,CAAC,GAAG,cAAc,IAAI,OAAO,GAAG,eAAe;CACjD,eAAe,SAAkB,mBAC/B;EAAC,GAAG,cAAc,IAAI,OAAO;EAAG;EAAgB;CAAc;AAClE"}

package/dist/features/chat/queries/use-create-conversation-mutation.d.ts

@@ -1,30 +1,29 @@
-import * as _tanstack_react_query0 from "@tanstack/react-query";
-
 //#region src/features/chat/queries/use-create-conversation-mutation.d.ts
 interface UseCreateConversationMutationProps {
-  chatId?: string;
+  agentId?: string;
 }
 declare function useCreateConversationMutation({
-  chatId
-}: UseCreateConversationMutationProps): _tanstack_react_query0.UseMutationResult<{
+  agentId
+}: UseCreateConversationMutationProps): import("@tanstack/react-query").UseMutationResult<{
   actor: {
     id: string;
     type: "default" | "tenant";
   };
   usage: {
-    messageCredits: number;
+    name: string;
+    consumed: number;
+    count: number;
   };
   status: "active" | "archived";
   summary?: string;
   title?: string;
-  messages: Array<{
-    id: string;
-    role: "user" | "assistant" | "system";
-    parts: Array<{
-      type: "text";
-      text: string;
-    }>;
-  }>;
+  toolTitles?: {
+    [key: string]: string;
+  };
+  messages: Array<import("@chatsdk-dev/api-client").ConversationMessage>;
+  feedback: {
+    [key: string]: "positive" | "negative";
+  };
   _id: string;
   _creationTime: number;
 }, Error, void, unknown>;

package/dist/features/chat/queries/use-create-conversation-mutation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-create-conversation-mutation.d.ts","names":[],"sources":["../../../../src/features/chat/queries/use-create-conversation-mutation.ts"],"mappings":";;;UAKU,kCAAA;EACR,MAAA;AAAA;AAAA,iBAGc,6BAAA,CAAA;EACd;AAAA,GACC,kCAAA,0BAAkC,iBAAA"}
+{"version":3,"file":"use-create-conversation-mutation.d.ts","names":[],"sources":["../../../../src/features/chat/queries/use-create-conversation-mutation.ts"],"mappings":";UAKU,kCAAA;EACR,OAAO;AAAA;AAAA,iBAGO,6BAAA;EACd;AAAA,GACC,kCAAA,mCAAkC,iBAAA"}

package/dist/features/chat/queries/use-create-conversation-mutation.js

@@ -1,12 +1,12 @@
-import { o as useElementConfig, v as useApiClient } from "../../../chat-element-CCsDDFif.js";
+import { _ as useApiClient, l as useElementConfig } from "../../../provider-Cps0PPXa.js";
 import { useMutation } from "@tanstack/react-query";
 //#region src/features/chat/queries/use-create-conversation-mutation.ts
-function useCreateConversationMutation({ chatId }) {
+function useCreateConversationMutation({ agentId }) {
 	const client = useApiClient();
 	const { context } = useElementConfig();
 	return useMutation({ mutationFn: async () => {
-		const { data, error } = await client.chats.conversations.create({
-			path: { chatId },
+		const { data, error } = await client.agents.conversations.create({
+			path: { agentId },
 			body: { actorId: context?.actor?.id ?? "" }
 		});
 		if (error) throw new Error("error" in error ? error.error : "Failed to create conversation");

package/dist/features/chat/queries/use-create-conversation-mutation.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-create-conversation-mutation.js","names":[],"sources":["../../../../src/features/chat/queries/use-create-conversation-mutation.ts"],"sourcesContent":["import { useMutation } from \"@tanstack/react-query\";\n\nimport { useApiClient } from \"../../data-fetching/use-api-client\";\nimport { useElementConfig } from \"../chat-element\";\n\ninterface UseCreateConversationMutationProps {\n  chatId?: string;\n}\n\nexport function useCreateConversationMutation({\n  chatId,\n}: UseCreateConversationMutationProps) {\n  const client = useApiClient();\n  const { context } = useElementConfig();\n\n  return useMutation({\n    mutationFn: async () => {\n      const { data, error } = await client.chats.conversations.create({\n        path: { chatId: chatId! },\n        body: { actorId: context?.actor?.id ?? \"\" },\n      });\n\n      if (error) {\n        throw new Error(\n          \"error\" in error ? error.error : \"Failed to create conversation\",\n        );\n      }\n\n      return data;\n    },\n  });\n}\n"],"mappings":";;;AASA,SAAgB,8BAA8B,EAC5C,UACqC;CACrC,MAAM,SAAS,cAAc;CAC7B,MAAM,EAAE,YAAY,kBAAkB;AAEtC,QAAO,YAAY,EACjB,YAAY,YAAY;EACtB,MAAM,EAAE,MAAM,UAAU,MAAM,OAAO,MAAM,cAAc,OAAO;GAC9D,MAAM,EAAU,QAAS;GACzB,MAAM,EAAE,SAAS,SAAS,OAAO,MAAM,IAAI;GAC5C,CAAC;AAEF,MAAI,MACF,OAAM,IAAI,MACR,WAAW,QAAQ,MAAM,QAAQ,gCAClC;AAGH,SAAO;IAEV,CAAC"}
+{"version":3,"file":"use-create-conversation-mutation.js","names":[],"sources":["../../../../src/features/chat/queries/use-create-conversation-mutation.ts"],"sourcesContent":["import { useMutation } from \"@tanstack/react-query\";\n\nimport { useApiClient } from \"../../data-fetching/use-api-client\";\nimport { useElementConfig } from \"../provider/provider\";\n\ninterface UseCreateConversationMutationProps {\n  agentId?: string;\n}\n\nexport function useCreateConversationMutation({\n  agentId,\n}: UseCreateConversationMutationProps) {\n  const client = useApiClient();\n  const { context } = useElementConfig();\n\n  return useMutation({\n    mutationFn: async () => {\n      const { data, error } = await client.agents.conversations.create({\n        path: { agentId: agentId! },\n        body: { actorId: context?.actor?.id ?? \"\" },\n      });\n\n      if (error) {\n        throw new Error(\n          \"error\" in error ? error.error : \"Failed to create conversation\",\n        );\n      }\n\n      return data;\n    },\n  });\n}\n"],"mappings":";;;AASA,SAAgB,8BAA8B,EAC5C,WACqC;CACrC,MAAM,SAAS,aAAa;CAC5B,MAAM,EAAE,YAAY,iBAAiB;CAErC,OAAO,YAAY,EACjB,YAAY,YAAY;EACtB,MAAM,EAAE,MAAM,UAAU,MAAM,OAAO,OAAO,cAAc,OAAO;GAC/D,MAAM,EAAW,QAAS;GAC1B,MAAM,EAAE,SAAS,SAAS,OAAO,MAAM,GAAG;EAC5C,CAAC;EAED,IAAI,OACF,MAAM,IAAI,MACR,WAAW,QAAQ,MAAM,QAAQ,+BACnC;EAGF,OAAO;CACT,EACF,CAAC;AACH"}

package/dist/features/chat/queries/use-get-agent-query.d.ts

@@ -0,0 +1,2 @@
+import { t as useGetAgentQuery } from "../../../use-get-agent-query-hQ4uOjfL.js";
+export { useGetAgentQuery };

package/dist/features/chat/queries/use-get-agent-query.js

@@ -0,0 +1,2 @@
+import { f as useGetAgentQuery } from "../../../provider-Cps0PPXa.js";
+export { useGetAgentQuery };

package/dist/features/chat/queries/use-get-conversation-query.d.ts

@@ -1,72 +1,2 @@
-import * as _tanstack_react_query0 from "@tanstack/react-query";
-import { ChatSDK } from "@chatsdk-dev/api-client";
-
-//#region src/features/chat/queries/use-get-conversation-query.d.ts
-interface GetConversationQueryConfigParams {
-  chatId: string;
-  conversationId?: string;
-  actorId: string;
-  client: ChatSDK;
-}
-declare function getConversationQueryConfig({
-  chatId,
-  conversationId,
-  client,
-  actorId
-}: GetConversationQueryConfigParams): {
-  queryKey: readonly ["chat", "get", string | undefined, "conversation", string | null | undefined];
-  queryFn: () => Promise<{
-    actor: {
-      id: string;
-      type: "default" | "tenant";
-    };
-    usage: {
-      messageCredits: number;
-    };
-    status: "active" | "archived";
-    summary?: string;
-    title?: string;
-    messages: Array<{
-      id: string;
-      role: "user" | "assistant" | "system";
-      parts: Array<{
-        type: "text";
-        text: string;
-      }>;
-    }>;
-    _id: string;
-    _creationTime: number;
-  }>;
-};
-interface UseGetConversationQueryProps {
-  chatId?: string;
-  conversationId?: string | null;
-}
-declare function useGetConversationQuery({
-  chatId,
-  conversationId
-}: UseGetConversationQueryProps): _tanstack_react_query0.UseQueryResult<{
-  actor: {
-    id: string;
-    type: "default" | "tenant";
-  };
-  usage: {
-    messageCredits: number;
-  };
-  status: "active" | "archived";
-  summary?: string;
-  title?: string;
-  messages: Array<{
-    id: string;
-    role: "user" | "assistant" | "system";
-    parts: Array<{
-      type: "text";
-      text: string;
-    }>;
-  }>;
-  _id: string;
-  _creationTime: number;
-}, Error>;
-//#endregion
-export { getConversationQueryConfig, useGetConversationQuery };
-//# sourceMappingURL=use-get-conversation-query.d.ts.map
+import { n as useGetConversationQuery, t as getConversationQueryConfig } from "../../../use-get-conversation-query-D5bRlewH.js";
+export { getConversationQueryConfig, useGetConversationQuery };

package/dist/features/chat/queries/use-get-conversation-query.js

@@ -1,2 +1,2 @@
-import { d as getConversationQueryConfig, f as useGetConversationQuery } from "../../../chat-element-CCsDDFif.js";
+import { g as useGetConversationQuery, h as getConversationQueryConfig } from "../../../provider-Cps0PPXa.js";
 export { getConversationQueryConfig, useGetConversationQuery };

package/dist/features/chat/queries/use-list-conversations-query.d.ts

@@ -1,33 +1,2 @@
-import * as _tanstack_react_query0 from "@tanstack/react-query";
-
-//#region src/features/chat/queries/use-list-conversations-query.d.ts
-interface UseListConversationsQueryProps {
-  chatId: string;
-}
-declare function useListConversationsQuery({
-  chatId
-}: UseListConversationsQueryProps): _tanstack_react_query0.UseQueryResult<{
-  actor: {
-    id: string;
-    type: "default" | "tenant";
-  };
-  usage: {
-    messageCredits: number;
-  };
-  status: "active" | "archived";
-  summary?: string;
-  title?: string;
-  messages: Array<{
-    id: string;
-    role: "user" | "assistant" | "system";
-    parts: Array<{
-      type: "text";
-      text: string;
-    }>;
-  }>;
-  _id: string;
-  _creationTime: number;
-}[], Error>;
-//#endregion
-export { useListConversationsQuery };
-//# sourceMappingURL=use-list-conversations-query.d.ts.map
+import { t as useListConversationsQuery } from "../../../use-list-conversations-query-Ny-nP5cZ.js";
+export { useListConversationsQuery };

package/dist/features/chat/queries/use-list-conversations-query.js

@@ -1,2 +1,24 @@
-import { h as useListConversationsQuery } from "../../../chat-element-CCsDDFif.js";
+import { chatQueryKeys } from "./query-keys.js";
+import { _ as useApiClient, l as useElementConfig } from "../../../provider-Cps0PPXa.js";
+import { useQuery } from "@tanstack/react-query";
+//#region src/features/chat/queries/use-list-conversations-query.ts
+function useListConversationsQuery({ agentId }) {
+	const client = useApiClient();
+	const { context } = useElementConfig();
+	return useQuery({
+		queryKey: chatQueryKeys.listConversations(agentId),
+		queryFn: async () => {
+			const { data, error } = await client.agents.conversations.list({
+				path: { agentId },
+				query: { actorId: context?.actor?.id ?? "" }
+			});
+			if (error) throw new Error("error" in error ? error.error : "Failed to fetch conversations");
+			return data.conversations;
+		},
+		enabled: !!agentId
+	});
+}
+//#endregion
 export { useListConversationsQuery };
+
+//# sourceMappingURL=use-list-conversations-query.js.map

package/dist/features/chat/queries/use-list-conversations-query.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-list-conversations-query.js","names":[],"sources":["../../../../src/features/chat/queries/use-list-conversations-query.ts"],"sourcesContent":["import { useQuery } from \"@tanstack/react-query\";\n\nimport { useApiClient } from \"../../data-fetching/use-api-client\";\nimport { useElementConfig } from \"../provider/provider\";\nimport { chatQueryKeys } from \"./query-keys\";\n\ninterface UseListConversationsQueryProps {\n  agentId: string;\n}\n\nexport function useListConversationsQuery({\n  agentId,\n}: UseListConversationsQueryProps) {\n  const client = useApiClient();\n  const { context } = useElementConfig();\n\n  return useQuery({\n    queryKey: chatQueryKeys.listConversations(agentId),\n    queryFn: async () => {\n      const { data, error } = await client.agents.conversations.list({\n        path: { agentId },\n        query: { actorId: context?.actor?.id ?? \"\" },\n      });\n\n      if (error) {\n        throw new Error(\n          \"error\" in error ? error.error : \"Failed to fetch conversations\",\n        );\n      }\n\n      return data.conversations;\n    },\n    enabled: !!agentId,\n  });\n}\n"],"mappings":";;;;AAUA,SAAgB,0BAA0B,EACxC,WACiC;CACjC,MAAM,SAAS,aAAa;CAC5B,MAAM,EAAE,YAAY,iBAAiB;CAErC,OAAO,SAAS;EACd,UAAU,cAAc,kBAAkB,OAAO;EACjD,SAAS,YAAY;GACnB,MAAM,EAAE,MAAM,UAAU,MAAM,OAAO,OAAO,cAAc,KAAK;IAC7D,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,SAAS,SAAS,OAAO,MAAM,GAAG;GAC7C,CAAC;GAED,IAAI,OACF,MAAM,IAAI,MACR,WAAW,QAAQ,MAAM,QAAQ,+BACnC;GAGF,OAAO,KAAK;EACd;EACA,SAAS,CAAC,CAAC;CACb,CAAC;AACH"}

package/dist/features/chat/queries/use-record-feedback-mutation.d.ts

@@ -0,0 +1,26 @@
+import { chatQueryKeys } from "./query-keys.js";
+import { AgentsConversationsGetResponse } from "@chatsdk-dev/api-client";
+
+//#region src/features/chat/queries/use-record-feedback-mutation.d.ts
+declare const recordFeedbackMutationKey: string[];
+interface UseRecordFeedbackMutationProps {
+  agentId?: string;
+}
+interface RecordFeedbackParams {
+  conversationId: string;
+  messageId: string;
+  sentiment: "positive" | "negative";
+  reason?: string;
+}
+interface FeedbackContext {
+  queryKey: ReturnType<typeof chatQueryKeys.conversation>;
+  previous: AgentsConversationsGetResponse | undefined;
+}
+declare function useRecordFeedbackMutation({
+  agentId
+}: UseRecordFeedbackMutationProps): import("@tanstack/react-query").UseMutationResult<{
+  sentiment: "positive" | "negative" | null;
+}, Error, RecordFeedbackParams, FeedbackContext>;
+//#endregion
+export { recordFeedbackMutationKey, useRecordFeedbackMutation };
+//# sourceMappingURL=use-record-feedback-mutation.d.ts.map

package/dist/features/chat/queries/use-record-feedback-mutation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-record-feedback-mutation.d.ts","names":[],"sources":["../../../../src/features/chat/queries/use-record-feedback-mutation.ts"],"mappings":";;;;cASa,yBAAA;AAAA,UAEH,8BAAA;EACR,OAAO;AAAA;AAAA,UAGC,oBAAA;EACR,cAAA;EACA,SAAA;EACA,SAAA;EACA,MAAA;AAAA;AAAA,UAGQ,eAAA;EACR,QAAA,EAAU,UAAA,QAAkB,aAAA,CAAc,YAAA;EAC1C,QAAA,EAAU,8BAAA;AAAA;AAAA,iBAGI,yBAAA;EACd;AAAA,GACC,8BAAA,mCAA8B,iBAAA"}

package/dist/features/chat/queries/use-record-feedback-mutation.js

@@ -0,0 +1,2 @@
+import { m as useRecordFeedbackMutation, p as recordFeedbackMutationKey } from "../../../provider-Cps0PPXa.js";
+export { recordFeedbackMutationKey, useRecordFeedbackMutation };

package/dist/features/chat/utils.d.ts

@@ -1,7 +1,12 @@
+import { ConversationMessage } from "@chatsdk-dev/api-client";
 import { UIMessage } from "ai";
 
 //#region src/features/chat/utils.d.ts
-declare function getInitialMessagesFromStrings(messages: string[]): UIMessage[];
+declare function getInitialMessagesFromStrings(messages: string[]): ConversationMessage[];
+declare function isMessagePartVisible(part: UIMessage["parts"][number], opts: {
+  withTools?: boolean;
+  withReasoning?: boolean;
+}): boolean;
 //#endregion
-export { getInitialMessagesFromStrings };
+export { getInitialMessagesFromStrings, isMessagePartVisible };
 //# sourceMappingURL=utils.d.ts.map

package/dist/features/chat/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","names":[],"sources":["../../../src/features/chat/utils.ts"],"mappings":";;;iBAEgB,6BAAA,CAA8B,QAAA,aAAqB,SAAA"}
+{"version":3,"file":"utils.d.ts","names":[],"sources":["../../../src/features/chat/utils.ts"],"mappings":";;;;iBAIgB,6BAAA,CACd,QAAA,aACC,mBAAmB;AAAA,iBAUN,oBAAA,CACd,IAAA,EAAM,SAAS,mBACf,IAAA;EAAQ,SAAA;EAAqB,aAAA;AAAA"}

package/dist/features/chat/utils.js

@@ -9,7 +9,18 @@ function getInitialMessagesFromStrings(messages) {
 		}]
 	}));
 }
+function isMessagePartVisible(part, opts) {
+	const type = part.type;
+	if (type === "text") return (part.text?.length ?? 0) > 0;
+	if (type === "reasoning") return Boolean(opts.withReasoning);
+	if (type === "source-url") return true;
+	if (type === "dynamic-tool" || type.startsWith("tool-")) {
+		const { state, approval } = part;
+		return Boolean(opts.withTools) || state === "approval-requested" || Boolean(approval?.id) && state !== "output-error";
+	}
+	return false;
+}
 //#endregion
-export { getInitialMessagesFromStrings };
+export { getInitialMessagesFromStrings, isMessagePartVisible };
 
 //# sourceMappingURL=utils.js.map

package/dist/features/chat/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":[],"sources":["../../../src/features/chat/utils.ts"],"sourcesContent":["import { UIMessage } from \"ai\";\n\nexport function getInitialMessagesFromStrings(messages: string[]): UIMessage[] {\n  return messages.map((message) => ({\n    id: crypto.randomUUID(),\n    role: \"assistant\",\n    parts: [{ type: \"text\", text: message }],\n  }));\n}\n"],"mappings":";AAEA,SAAgB,8BAA8B,UAAiC;AAC7E,QAAO,SAAS,KAAK,aAAa;EAChC,IAAI,OAAO,YAAY;EACvB,MAAM;EACN,OAAO,CAAC;GAAE,MAAM;GAAQ,MAAM;GAAS,CAAC;EACzC,EAAE"}
+{"version":3,"file":"utils.js","names":[],"sources":["../../../src/features/chat/utils.ts"],"sourcesContent":["import type { UIMessage } from \"ai\";\n\nimport { ConversationMessage } from \"@chatsdk-dev/api-client\";\n\nexport function getInitialMessagesFromStrings(\n  messages: string[],\n): ConversationMessage[] {\n  return messages.map((message) => ({\n    id: crypto.randomUUID(),\n    role: \"assistant\",\n    parts: [{ type: \"text\" as const, text: message }],\n  }));\n}\n\n// Whether a part renders anything given the display flags: tool/reasoning are\n// hidden unless enabled, but an approval (pending or answered) always shows.\nexport function isMessagePartVisible(\n  part: UIMessage[\"parts\"][number],\n  opts: { withTools?: boolean; withReasoning?: boolean },\n): boolean {\n  const type = part.type as string;\n  if (type === \"text\")\n    return ((part as { text?: string }).text?.length ?? 0) > 0;\n  if (type === \"reasoning\") return Boolean(opts.withReasoning);\n  if (type === \"source-url\") return true;\n  if (type === \"dynamic-tool\" || type.startsWith(\"tool-\")) {\n    const { state, approval } = part as {\n      state?: string;\n      approval?: { id?: string };\n    };\n    return (\n      Boolean(opts.withTools) ||\n      state === \"approval-requested\" ||\n      // Answered approval: Message.Approval renders it as a resolved note.\n      (Boolean(approval?.id) && state !== \"output-error\")\n    );\n  }\n  return false;\n}\n"],"mappings":";AAIA,SAAgB,8BACd,UACuB;CACvB,OAAO,SAAS,KAAK,aAAa;EAChC,IAAI,OAAO,WAAW;EACtB,MAAM;EACN,OAAO,CAAC;GAAE,MAAM;GAAiB,MAAM;EAAQ,CAAC;CAClD,EAAE;AACJ;AAIA,SAAgB,qBACd,MACA,MACS;CACT,MAAM,OAAO,KAAK;CAClB,IAAI,SAAS,QACX,QAAS,KAA2B,MAAM,UAAU,KAAK;CAC3D,IAAI,SAAS,aAAa,OAAO,QAAQ,KAAK,aAAa;CAC3D,IAAI,SAAS,cAAc,OAAO;CAClC,IAAI,SAAS,kBAAkB,KAAK,WAAW,OAAO,GAAG;EACvD,MAAM,EAAE,OAAO,aAAa;EAI5B,OACE,QAAQ,KAAK,SAAS,KACtB,UAAU,wBAET,QAAQ,UAAU,EAAE,KAAK,UAAU;CAExC;CACA,OAAO;AACT"}

package/dist/features/data-fetching/use-api-client.d.ts

@@ -1,7 +1,5 @@
-import * as _chatsdk_dev_api_client0 from "@chatsdk-dev/api-client";
-
 //#region src/features/data-fetching/use-api-client.d.ts
-declare function useApiClient(): _chatsdk_dev_api_client0.ChatSDK;
+declare function useApiClient(): import("@chatsdk-dev/api-client").ChatSDK;
 //#endregion
 export { useApiClient };
 //# sourceMappingURL=use-api-client.d.ts.map

package/dist/features/data-fetching/use-api-client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-api-client.d.ts","names":[],"sources":["../../../src/features/data-fetching/use-api-client.ts"],"mappings":";;;iBAGgB,YAAA,CAAA,GAAY,wBAAA,CAAA,OAAA"}
+{"version":3,"file":"use-api-client.d.ts","names":[],"sources":["../../../src/features/data-fetching/use-api-client.ts"],"mappings":";iBAIgB,YAAA,sCAAY,OAAA"}

package/dist/features/data-fetching/use-api-client.js

@@ -1,2 +1,2 @@
-import { v as useApiClient } from "../../chat-element-CCsDDFif.js";
+import { _ as useApiClient } from "../../provider-Cps0PPXa.js";
 export { useApiClient };

package/dist/features/element/chatsdk-provider.d.ts

@@ -1,2 +1,2 @@
-import { t as ChatSDKProvider } from "../../chatsdk-provider-BhlChLFd.js";
+import { t as ChatSDKProvider } from "../../chatsdk-provider-t1GEgRPY.js";
 export { ChatSDKProvider };

package/dist/features/element/chatsdk-provider.js

@@ -2,15 +2,15 @@ import { useChatSDKStore } from "./store.js";
 import { useLayoutEffect, useRef } from "react";
 //#region src/features/element/chatsdk-provider.tsx
 function ChatSDKProvider({ config = {}, children }) {
-	const initialized = useRef(false);
-	const isFirstRender = useRef(true);
-	if (!initialized.current) {
+	const initialized = useRef(null);
+	const isFirstRender = useRef(null);
+	if (initialized.current == null) {
 		useChatSDKStore.getState().setConfig(config);
 		initialized.current = true;
 	}
 	useLayoutEffect(() => {
-		if (isFirstRender.current) {
-			isFirstRender.current = false;
+		if (isFirstRender.current == null) {
+			isFirstRender.current = true;
 			return;
 		}
 		useChatSDKStore.getState().setConfig(config);

package/dist/features/element/chatsdk-provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"chatsdk-provider.js","names":[],"sources":["../../../src/features/element/chatsdk-provider.tsx"],"sourcesContent":["import React, { useLayoutEffect, useRef } from \"react\";\n\nimport { useChatSDKStore } from \"./store\";\nimport { RootConfig } from \"./types/config\";\n\ninterface ChatSDKProviderProps {\n  config?: RootConfig;\n  children: React.ReactNode;\n}\n\nexport function ChatSDKProvider({\n  config = {},\n  children,\n}: ChatSDKProviderProps) {\n  const initialized = useRef(false);\n  const isFirstRender = useRef(true);\n\n  // Set config immediately on first render, before any child components mount\n  if (!initialized.current) {\n    useChatSDKStore.getState().setConfig(config);\n    initialized.current = true;\n  }\n\n  useLayoutEffect(() => {\n    if (isFirstRender.current) {\n      isFirstRender.current = false;\n      return;\n    }\n\n    useChatSDKStore.getState().setConfig(config);\n  }, [config]);\n\n  return children;\n}\n"],"mappings":";;;AAUA,SAAgB,gBAAgB,EAC9B,SAAS,EAAE,EACX,YACuB;CACvB,MAAM,cAAc,OAAO,MAAM;CACjC,MAAM,gBAAgB,OAAO,KAAK;AAGlC,KAAI,CAAC,YAAY,SAAS;AACxB,kBAAgB,UAAU,CAAC,UAAU,OAAO;AAC5C,cAAY,UAAU;;AAGxB,uBAAsB;AACpB,MAAI,cAAc,SAAS;AACzB,iBAAc,UAAU;AACxB;;AAGF,kBAAgB,UAAU,CAAC,UAAU,OAAO;IAC3C,CAAC,OAAO,CAAC;AAEZ,QAAO"}
+{"version":3,"file":"chatsdk-provider.js","names":[],"sources":["../../../src/features/element/chatsdk-provider.tsx"],"sourcesContent":["import React, { useLayoutEffect, useRef } from \"react\";\n\nimport { useChatSDKStore } from \"./store\";\nimport { RootConfig } from \"./types/config\";\n\ninterface ChatSDKProviderProps {\n  config?: RootConfig;\n  children: React.ReactNode;\n}\n\nexport function ChatSDKProvider({\n  config = {},\n  children,\n}: ChatSDKProviderProps) {\n  const initialized = useRef<boolean | null>(null);\n  const isFirstRender = useRef<boolean | null>(null);\n\n  // Set config immediately on first render, before any child components mount\n  if (initialized.current == null) {\n    useChatSDKStore.getState().setConfig(config);\n    initialized.current = true;\n  }\n\n  useLayoutEffect(() => {\n    if (isFirstRender.current == null) {\n      isFirstRender.current = true;\n      return;\n    }\n\n    useChatSDKStore.getState().setConfig(config);\n  }, [config]);\n\n  return children;\n}\n"],"mappings":";;;AAUA,SAAgB,gBAAgB,EAC9B,SAAS,CAAC,GACV,YACuB;CACvB,MAAM,cAAc,OAAuB,IAAI;CAC/C,MAAM,gBAAgB,OAAuB,IAAI;CAGjD,IAAI,YAAY,WAAW,MAAM;EAC/B,gBAAgB,SAAS,CAAC,CAAC,UAAU,MAAM;EAC3C,YAAY,UAAU;CACxB;CAEA,sBAAsB;EACpB,IAAI,cAAc,WAAW,MAAM;GACjC,cAAc,UAAU;GACxB;EACF;EAEA,gBAAgB,SAAS,CAAC,CAAC,UAAU,MAAM;CAC7C,GAAG,CAAC,MAAM,CAAC;CAEX,OAAO;AACT"}

package/dist/features/element/element-provider.d.ts

@@ -1,2 +1,2 @@
-import { n as ElementProviderProps, r as createElementContext, t as ElementContextType } from "../../element-provider-C_nBsftD.js";
+import { n as ElementProviderProps, r as createElementContext, t as ElementContextType } from "../../element-provider-C95jVJV9.js";
 export { ElementContextType, ElementProviderProps, createElementContext };

package/dist/features/element/element-provider.js

@@ -1,10 +1,11 @@
-import { r as languages } from "../../config-BigIL6TQ.js";
+import { r as languages } from "../../config-Wk7C7AJs.js";
 import { i18n } from "../../i18n/i18next.js";
 import { getLocaleChainFromLocale } from "../../i18n/utils.js";
-import { createContext, use } from "react";
-import { jsx } from "react/jsx-runtime";
+import { createContext, use, useState } from "react";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { I18nextProvider } from "react-i18next";
+import { PortalContainerProvider } from "@chatsdk-dev/ui/lib/portal-container";
+import { jsx } from "react/jsx-runtime";
 //#region src/features/element/element-provider.tsx
 const queryClient = new QueryClient();
 function ElementTranslationsProvider({ localeConfig, translationsConfig, children }) {
@@ -21,7 +22,6 @@ function ElementTranslationsProvider({ localeConfig, translationsConfig, childre
 	if (translationsConfig) for (const [namespace, translations] of Object.entries(translationsConfig)) for (const [language, resource] of Object.entries(translations)) _i18n.addResourceBundle(language, namespace, resource, true, true);
 	return /* @__PURE__ */ jsx(I18nextProvider, {
 		i18n: _i18n,
-		defaultNS: "elements",
 		children
 	});
 }
@@ -48,6 +48,7 @@ function createElementContext({ name }) {
 		return v.callbacks;
 	}
 	function TypedElementProvider({ config = {}, component, callbacks, children }) {
+		const [portalContainer, setPortalContainer] = useState(null);
 		return /* @__PURE__ */ jsx(ElementContext.Provider, {
 			value: {
 				config,
@@ -59,10 +60,13 @@ function createElementContext({ name }) {
 				children: /* @__PURE__ */ jsx(ElementTranslationsProvider, {
 					localeConfig: config.locale,
 					translationsConfig: config.translations,
-					children: /* @__PURE__ */ jsx("div", {
-						"data-chatsdk": true,
-						className: "contents",
-						children
+					children: /* @__PURE__ */ jsx(PortalContainerProvider, {
+						value: portalContainer,
+						children: /* @__PURE__ */ jsx("div", {
+							ref: setPortalContainer,
+							"data-chatsdk": true,
+							children
+						})
 					})
 				})
 			})

package/dist/features/element/element-provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"element-provider.js","names":[],"sources":["../../../src/features/element/element-provider.tsx"],"sourcesContent":["import { QueryClient, QueryClientProvider } from \"@tanstack/react-query\";\nimport React, { createContext, use } from \"react\";\nimport { I18nextProvider } from \"react-i18next\";\n\nimport { languages } from \"../../i18n/config\";\nimport { i18n } from \"../../i18n/i18next\";\nimport { getLocaleChainFromLocale } from \"../../i18n/utils\";\n\nimport type { Callbacks } from \"./types/callbacks\";\nimport type { RootConfig } from \"./types/config\";\n\nconst queryClient = new QueryClient();\n\ninterface TranslationsProviderProps {\n  localeConfig: RootConfig[\"locale\"];\n  translationsConfig: RootConfig[\"translations\"];\n  children: React.ReactNode;\n}\n\nfunction ElementTranslationsProvider({\n  localeConfig,\n  translationsConfig,\n  children,\n}: TranslationsProviderProps) {\n  let language = localeConfig?.language;\n  if (language && !languages.includes(language)) {\n    // if region doesn't exists, try base language (see https://en.wikipedia.org/wiki/IETF_language_tag)\n    const [_languageTag] = getLocaleChainFromLocale(language);\n    if (_languageTag && languages.includes(_languageTag)) {\n      language = _languageTag;\n    }\n  }\n\n  // handle locale config\n  let _i18n = i18n;\n  if (\n    language &&\n    (i18n.language !== language ||\n      i18n.options.formality !== localeConfig?.formality) &&\n    Object.keys(i18n.services.resourceStore.data).includes(language)\n  ) {\n    _i18n = i18n.cloneInstance({\n      lng: language,\n      formality: localeConfig?.formality,\n    });\n  }\n\n  // handle translations config\n  if (translationsConfig) {\n    for (const [namespace, translations] of Object.entries(\n      translationsConfig,\n    )) {\n      for (const [language, resource] of Object.entries(translations)) {\n        _i18n.addResourceBundle(language, namespace, resource, true, true);\n      }\n    }\n  }\n\n  return (\n    <I18nextProvider i18n={_i18n} defaultNS={\"elements\"}>\n      {children}\n    </I18nextProvider>\n  );\n}\n\nexport interface ElementContextType<T, W> {\n  config: RootConfig;\n  component: T;\n  callbacks: Callbacks<W>;\n}\n\nexport interface ElementProviderProps<T, W> {\n  config: RootConfig;\n  component: T;\n  children: React.ReactNode;\n  callbacks: Callbacks<W>;\n}\n\ninterface CreateElementContextParams {\n  name: string;\n}\n\nexport function createElementContext<T, W>({\n  name,\n}: CreateElementContextParams) {\n  const ElementContext = createContext<ElementContextType<T, W> | null>(null);\n\n  function useElement() {\n    const v = use(ElementContext);\n    if (!v) throw new Error(\"Must be used within its ElementProvider\");\n    return v;\n  }\n  function useElementConfig() {\n    const v = use(ElementContext);\n    if (!v) throw new Error(\"Must be used within its ElementProvider\");\n    return v.config;\n  }\n  function useElementComponent() {\n    const v = use(ElementContext);\n    if (!v) throw new Error(\"Must be used within its ElementProvider\");\n    return v.component;\n  }\n  function useElementCallbacks() {\n    const v = use(ElementContext);\n    if (!v) throw new Error(\"Must be used within its ElementProvider\");\n    return v.callbacks;\n  }\n\n  function TypedElementProvider({\n    config = {},\n    component,\n    callbacks,\n    children,\n  }: ElementProviderProps<T, W>) {\n    return (\n      <ElementContext.Provider value={{ config, component, callbacks }}>\n        <QueryClientProvider client={queryClient}>\n          <ElementTranslationsProvider\n            localeConfig={config.locale}\n            translationsConfig={config.translations}\n          >\n            <div data-chatsdk className=\"contents\">\n              {children}\n            </div>\n          </ElementTranslationsProvider>\n        </QueryClientProvider>\n      </ElementContext.Provider>\n    );\n  }\n  TypedElementProvider.displayName = `ElementProvider<${name}>`;\n\n  return {\n    useElement,\n    useElementConfig,\n    useElementComponent,\n    useElementCallbacks,\n    ElementProvider: TypedElementProvider,\n  } as const;\n}\n"],"mappings":";;;;;;;;AAWA,MAAM,cAAc,IAAI,aAAa;AAQrC,SAAS,4BAA4B,EACnC,cACA,oBACA,YAC4B;CAC5B,IAAI,WAAW,cAAc;AAC7B,KAAI,YAAY,CAAC,UAAU,SAAS,SAAS,EAAE;EAE7C,MAAM,CAAC,gBAAgB,yBAAyB,SAAS;AACzD,MAAI,gBAAgB,UAAU,SAAS,aAAa,CAClD,YAAW;;CAKf,IAAI,QAAQ;AACZ,KACE,aACC,KAAK,aAAa,YACjB,KAAK,QAAQ,cAAc,cAAc,cAC3C,OAAO,KAAK,KAAK,SAAS,cAAc,KAAK,CAAC,SAAS,SAAS,CAEhE,SAAQ,KAAK,cAAc;EACzB,KAAK;EACL,WAAW,cAAc;EAC1B,CAAC;AAIJ,KAAI,mBACF,MAAK,MAAM,CAAC,WAAW,iBAAiB,OAAO,QAC7C,mBACD,CACC,MAAK,MAAM,CAAC,UAAU,aAAa,OAAO,QAAQ,aAAa,CAC7D,OAAM,kBAAkB,UAAU,WAAW,UAAU,MAAM,KAAK;AAKxE,QACE,oBAAC,iBAAD;EAAiB,MAAM;EAAO,WAAW;EACtC;EACe,CAAA;;AAqBtB,SAAgB,qBAA2B,EACzC,QAC6B;CAC7B,MAAM,iBAAiB,cAA+C,KAAK;CAE3E,SAAS,aAAa;EACpB,MAAM,IAAI,IAAI,eAAe;AAC7B,MAAI,CAAC,EAAG,OAAM,IAAI,MAAM,0CAA0C;AAClE,SAAO;;CAET,SAAS,mBAAmB;EAC1B,MAAM,IAAI,IAAI,eAAe;AAC7B,MAAI,CAAC,EAAG,OAAM,IAAI,MAAM,0CAA0C;AAClE,SAAO,EAAE;;CAEX,SAAS,sBAAsB;EAC7B,MAAM,IAAI,IAAI,eAAe;AAC7B,MAAI,CAAC,EAAG,OAAM,IAAI,MAAM,0CAA0C;AAClE,SAAO,EAAE;;CAEX,SAAS,sBAAsB;EAC7B,MAAM,IAAI,IAAI,eAAe;AAC7B,MAAI,CAAC,EAAG,OAAM,IAAI,MAAM,0CAA0C;AAClE,SAAO,EAAE;;CAGX,SAAS,qBAAqB,EAC5B,SAAS,EAAE,EACX,WACA,WACA,YAC6B;AAC7B,SACE,oBAAC,eAAe,UAAhB;GAAyB,OAAO;IAAE;IAAQ;IAAW;IAAW;aAC9D,oBAAC,qBAAD;IAAqB,QAAQ;cAC3B,oBAAC,6BAAD;KACE,cAAc,OAAO;KACrB,oBAAoB,OAAO;eAE3B,oBAAC,OAAD;MAAK,gBAAA;MAAa,WAAU;MACzB;MACG,CAAA;KACsB,CAAA;IACV,CAAA;GACE,CAAA;;AAG9B,sBAAqB,cAAc,mBAAmB,KAAK;AAE3D,QAAO;EACL;EACA;EACA;EACA;EACA,iBAAiB;EAClB"}
+{"version":3,"file":"element-provider.js","names":[],"sources":["../../../src/features/element/element-provider.tsx"],"sourcesContent":["import { QueryClient, QueryClientProvider } from \"@tanstack/react-query\";\nimport React, { createContext, use, useState } from \"react\";\nimport { I18nextProvider } from \"react-i18next\";\n\nimport { PortalContainerProvider } from \"@chatsdk-dev/ui/lib/portal-container\";\n\nimport { languages } from \"../../i18n/config\";\nimport { i18n } from \"../../i18n/i18next\";\nimport { getLocaleChainFromLocale } from \"../../i18n/utils\";\n\nimport type { Callbacks } from \"./types/callbacks\";\nimport type { RootConfig } from \"./types/config\";\n\nconst queryClient = new QueryClient();\n\ninterface TranslationsProviderProps {\n  localeConfig: RootConfig[\"locale\"];\n  translationsConfig: RootConfig[\"translations\"];\n  children: React.ReactNode;\n}\n\nfunction ElementTranslationsProvider({\n  localeConfig,\n  translationsConfig,\n  children,\n}: TranslationsProviderProps) {\n  let language = localeConfig?.language;\n  if (language && !languages.includes(language)) {\n    // if region doesn't exists, try base language (see https://en.wikipedia.org/wiki/IETF_language_tag)\n    const [_languageTag] = getLocaleChainFromLocale(language);\n    if (_languageTag && languages.includes(_languageTag)) {\n      language = _languageTag;\n    }\n  }\n\n  // handle locale config\n  let _i18n = i18n;\n  if (\n    language &&\n    (i18n.language !== language ||\n      i18n.options.formality !== localeConfig?.formality) &&\n    Object.keys(i18n.services.resourceStore.data).includes(language)\n  ) {\n    _i18n = i18n.cloneInstance({\n      lng: language,\n      formality: localeConfig?.formality,\n    });\n  }\n\n  // handle translations config\n  if (translationsConfig) {\n    for (const [namespace, translations] of Object.entries(\n      translationsConfig,\n    )) {\n      for (const [language, resource] of Object.entries(translations)) {\n        _i18n.addResourceBundle(language, namespace, resource, true, true);\n      }\n    }\n  }\n\n  return <I18nextProvider i18n={_i18n}>{children}</I18nextProvider>;\n}\n\nexport interface ElementContextType<T, W> {\n  config: RootConfig;\n  component: T;\n  callbacks: Callbacks<W>;\n}\n\nexport interface ElementProviderProps<T, W> {\n  config: RootConfig;\n  component: T;\n  children: React.ReactNode;\n  callbacks: Callbacks<W>;\n}\n\ninterface CreateElementContextParams {\n  name: string;\n}\n\nexport function createElementContext<T, W>({\n  name,\n}: CreateElementContextParams) {\n  const ElementContext = createContext<ElementContextType<T, W> | null>(null);\n\n  function useElement() {\n    const v = use(ElementContext);\n    if (!v) throw new Error(\"Must be used within its ElementProvider\");\n    return v;\n  }\n  function useElementConfig() {\n    const v = use(ElementContext);\n    if (!v) throw new Error(\"Must be used within its ElementProvider\");\n    return v.config;\n  }\n  function useElementComponent() {\n    const v = use(ElementContext);\n    if (!v) throw new Error(\"Must be used within its ElementProvider\");\n    return v.component;\n  }\n  function useElementCallbacks() {\n    const v = use(ElementContext);\n    if (!v) throw new Error(\"Must be used within its ElementProvider\");\n    return v.callbacks;\n  }\n\n  function TypedElementProvider({\n    config = {},\n    component,\n    callbacks,\n    children,\n  }: ElementProviderProps<T, W>) {\n    const [portalContainer, setPortalContainer] = useState<HTMLElement | null>(\n      null,\n    );\n\n    return (\n      <ElementContext.Provider value={{ config, component, callbacks }}>\n        <QueryClientProvider client={queryClient}>\n          <ElementTranslationsProvider\n            localeConfig={config.locale}\n            translationsConfig={config.translations}\n          >\n            <PortalContainerProvider value={portalContainer}>\n              <div ref={setPortalContainer} data-chatsdk>\n                {children}\n              </div>\n            </PortalContainerProvider>\n          </ElementTranslationsProvider>\n        </QueryClientProvider>\n      </ElementContext.Provider>\n    );\n  }\n  TypedElementProvider.displayName = `ElementProvider<${name}>`;\n\n  return {\n    useElement,\n    useElementConfig,\n    useElementComponent,\n    useElementCallbacks,\n    ElementProvider: TypedElementProvider,\n  } as const;\n}\n"],"mappings":";;;;;;;;;AAaA,MAAM,cAAc,IAAI,YAAY;AAQpC,SAAS,4BAA4B,EACnC,cACA,oBACA,YAC4B;CAC5B,IAAI,WAAW,cAAc;CAC7B,IAAI,YAAY,CAAC,UAAU,SAAS,QAAQ,GAAG;EAE7C,MAAM,CAAC,gBAAgB,yBAAyB,QAAQ;EACxD,IAAI,gBAAgB,UAAU,SAAS,YAAY,GACjD,WAAW;CAEf;CAGA,IAAI,QAAQ;CACZ,IACE,aACC,KAAK,aAAa,YACjB,KAAK,QAAQ,cAAc,cAAc,cAC3C,OAAO,KAAK,KAAK,SAAS,cAAc,IAAI,CAAC,CAAC,SAAS,QAAQ,GAE/D,QAAQ,KAAK,cAAc;EACzB,KAAK;EACL,WAAW,cAAc;CAC3B,CAAC;CAIH,IAAI,oBACF,KAAK,MAAM,CAAC,WAAW,iBAAiB,OAAO,QAC7C,kBACF,GACE,KAAK,MAAM,CAAC,UAAU,aAAa,OAAO,QAAQ,YAAY,GAC5D,MAAM,kBAAkB,UAAU,WAAW,UAAU,MAAM,IAAI;CAKvE,OAAO,oBAAC,iBAAD;EAAiB,MAAM;EAAQ;CAA0B,CAAA;AAClE;AAmBA,SAAgB,qBAA2B,EACzC,QAC6B;CAC7B,MAAM,iBAAiB,cAA+C,IAAI;CAE1E,SAAS,aAAa;EACpB,MAAM,IAAI,IAAI,cAAc;EAC5B,IAAI,CAAC,GAAG,MAAM,IAAI,MAAM,yCAAyC;EACjE,OAAO;CACT;CACA,SAAS,mBAAmB;EAC1B,MAAM,IAAI,IAAI,cAAc;EAC5B,IAAI,CAAC,GAAG,MAAM,IAAI,MAAM,yCAAyC;EACjE,OAAO,EAAE;CACX;CACA,SAAS,sBAAsB;EAC7B,MAAM,IAAI,IAAI,cAAc;EAC5B,IAAI,CAAC,GAAG,MAAM,IAAI,MAAM,yCAAyC;EACjE,OAAO,EAAE;CACX;CACA,SAAS,sBAAsB;EAC7B,MAAM,IAAI,IAAI,cAAc;EAC5B,IAAI,CAAC,GAAG,MAAM,IAAI,MAAM,yCAAyC;EACjE,OAAO,EAAE;CACX;CAEA,SAAS,qBAAqB,EAC5B,SAAS,CAAC,GACV,WACA,WACA,YAC6B;EAC7B,MAAM,CAAC,iBAAiB,sBAAsB,SAC5C,IACF;EAEA,OACE,oBAAC,eAAe,UAAhB;GAAyB,OAAO;IAAE;IAAQ;IAAW;GAAU;aAC7D,oBAAC,qBAAD;IAAqB,QAAQ;cAC3B,oBAAC,6BAAD;KACE,cAAc,OAAO;KACrB,oBAAoB,OAAO;eAE3B,oBAAC,yBAAD;MAAyB,OAAO;gBAC9B,oBAAC,OAAD;OAAK,KAAK;OAAoB,gBAAA;OAC3B;MACE,CAAA;KACkB,CAAA;IACE,CAAA;GACV,CAAA;EACE,CAAA;CAE7B;CACA,qBAAqB,cAAc,mBAAmB,KAAK;CAE3D,OAAO;EACL;EACA;EACA;EACA;EACA,iBAAiB;CACnB;AACF"}

package/dist/features/element/store.d.ts

@@ -1,2 +1,2 @@
-import { n as createChatSDKStore, r as useChatSDKStore, t as ChatSDKStore } from "../../store-CGX9oRlE.js";
+import { n as createChatSDKStore, r as useChatSDKStore, t as ChatSDKStore } from "../../store-CkswgmIQ.js";
 export { ChatSDKStore, createChatSDKStore, useChatSDKStore };

package/dist/features/element/store.js.map

@@ -1 +1 @@
-{"version":3,"file":"store.js","names":[],"sources":["../../../src/features/element/store.ts"],"sourcesContent":["import { create } from \"zustand\";\nimport { createJSONStorage, persist } from \"zustand/middleware\";\n\nimport { LOCAL_STORAGE_PREFIX } from \"./constants\";\nimport type { RootConfig } from \"./types/config\";\nimport { deepMerge } from \"./utils\";\n\nexport interface ChatSDKStore extends RootConfig {\n  setContext: (context: RootConfig[\"context\"]) => void;\n  setTheme: (theme: RootConfig[\"theme\"]) => void;\n  setApi: (api: RootConfig[\"api\"]) => void;\n  setLocale: (locale: RootConfig[\"locale\"]) => void;\n  setTranslations?: (translations: RootConfig[\"translations\"]) => void;\n  setOptions: (options: RootConfig[\"options\"]) => void;\n  setLogger: (logger: RootConfig[\"logger\"]) => void;\n\n  setConfig: (config: Partial<RootConfig>, merge?: boolean) => void;\n  reset: (config?: Partial<RootConfig>) => void; // New reset function\n}\n\nconst defaultInitialState: Omit<\n  ChatSDKStore,\n  | \"setContext\"\n  | \"setTheme\"\n  | \"setApi\"\n  | \"setLocale\"\n  | \"setOptions\"\n  | \"setLogger\"\n  | \"setConfig\"\n  | \"reset\"\n> = {\n  context: { actor: { id: crypto.randomUUID() } },\n  api: {\n    version: \"v1\",\n    baseUrl: \"/api/proxy\",\n    credentials: \"include\",\n  },\n  locale: { language: \"en\" },\n};\n\n// Factory function to create stores with custom initial states\nexport const createChatSDKStore = (\n  customInitialState?: Partial<typeof defaultInitialState>,\n) => {\n  const initialState = { ...defaultInitialState, ...customInitialState };\n\n  return create<ChatSDKStore>()(\n    persist(\n      (set) => ({\n        ...initialState,\n        setContext: (context) =>\n          set((state) => ({\n            ...state,\n            context: deepMerge({ ...state.context, ...context }),\n          })),\n        setLogger: (logger) => set((state) => ({ ...state, logger })),\n        setTheme: (theme) =>\n          set((state) => ({ ...state, theme: { ...state.theme, ...theme } })),\n        setApi: (api) =>\n          set((state) => ({\n            ...state,\n            api: {\n              ...state.api,\n              ...api,\n              headers:\n                state.api?.headers || api?.headers\n                  ? { ...state.api?.headers, ...api?.headers }\n                  : undefined,\n            },\n          })),\n        setTranslations: (translations, merge = true) =>\n          set((state) => ({\n            ...state,\n            translations: merge\n              ? { ...state.translations, ...translations }\n              : translations,\n          })),\n        setLocale: (locale) => {\n          set((state) => ({ ...state, locale }));\n        },\n        setConfig: (newConfig, merge = true) => {\n          set((state) => {\n            const config = merge ? state : initialState;\n            return {\n              ...config,\n              ...newConfig,\n              api: { ...config.api, ...newConfig.api },\n              context: deepMerge({\n                ...config.context,\n                ...newConfig.context,\n              }),\n              theme: { ...config.theme, ...newConfig.theme },\n              translations: {\n                ...config.translations,\n                ...newConfig.translations,\n              },\n            };\n          });\n        },\n        reset: (config?: Partial<ChatSDKStore>) => {\n          set({ ...initialState, theme: {}, ...config });\n        },\n        setOptions: (options) => set((state) => ({ ...state, options })),\n      }),\n      {\n        partialize: (state) => {\n          return { context: { actor: state.context?.actor } };\n        },\n        name: LOCAL_STORAGE_PREFIX + \"elements-store\",\n        storage: createJSONStorage(() => localStorage),\n      },\n    ),\n  );\n};\n\n// Default store\nexport const useChatSDKStore = createChatSDKStore();\n"],"mappings":";;;;;AAoBA,MAAM,sBAUF;CACF,SAAS,EAAE,OAAO,EAAE,IAAI,OAAO,YAAY,EAAE,EAAE;CAC/C,KAAK;EACH,SAAS;EACT,SAAS;EACT,aAAa;EACd;CACD,QAAQ,EAAE,UAAU,MAAM;CAC3B;AAGD,MAAa,sBACX,uBACG;CACH,MAAM,eAAe;EAAE,GAAG;EAAqB,GAAG;EAAoB;AAEtE,QAAO,QAAsB,CAC3B,SACG,SAAS;EACR,GAAG;EACH,aAAa,YACX,KAAK,WAAW;GACd,GAAG;GACH,SAAS,UAAU;IAAE,GAAG,MAAM;IAAS,GAAG;IAAS,CAAC;GACrD,EAAE;EACL,YAAY,WAAW,KAAK,WAAW;GAAE,GAAG;GAAO;GAAQ,EAAE;EAC7D,WAAW,UACT,KAAK,WAAW;GAAE,GAAG;GAAO,OAAO;IAAE,GAAG,MAAM;IAAO,GAAG;IAAO;GAAE,EAAE;EACrE,SAAS,QACP,KAAK,WAAW;GACd,GAAG;GACH,KAAK;IACH,GAAG,MAAM;IACT,GAAG;IACH,SACE,MAAM,KAAK,WAAW,KAAK,UACvB;KAAE,GAAG,MAAM,KAAK;KAAS,GAAG,KAAK;KAAS,GAC1C,KAAA;IACP;GACF,EAAE;EACL,kBAAkB,cAAc,QAAQ,SACtC,KAAK,WAAW;GACd,GAAG;GACH,cAAc,QACV;IAAE,GAAG,MAAM;IAAc,GAAG;IAAc,GAC1C;GACL,EAAE;EACL,YAAY,WAAW;AACrB,QAAK,WAAW;IAAE,GAAG;IAAO;IAAQ,EAAE;;EAExC,YAAY,WAAW,QAAQ,SAAS;AACtC,QAAK,UAAU;IACb,MAAM,SAAS,QAAQ,QAAQ;AAC/B,WAAO;KACL,GAAG;KACH,GAAG;KACH,KAAK;MAAE,GAAG,OAAO;MAAK,GAAG,UAAU;MAAK;KACxC,SAAS,UAAU;MACjB,GAAG,OAAO;MACV,GAAG,UAAU;MACd,CAAC;KACF,OAAO;MAAE,GAAG,OAAO;MAAO,GAAG,UAAU;MAAO;KAC9C,cAAc;MACZ,GAAG,OAAO;MACV,GAAG,UAAU;MACd;KACF;KACD;;EAEJ,QAAQ,WAAmC;AACzC,OAAI;IAAE,GAAG;IAAc,OAAO,EAAE;IAAE,GAAG;IAAQ,CAAC;;EAEhD,aAAa,YAAY,KAAK,WAAW;GAAE,GAAG;GAAO;GAAS,EAAE;EACjE,GACD;EACE,aAAa,UAAU;AACrB,UAAO,EAAE,SAAS,EAAE,OAAO,MAAM,SAAS,OAAO,EAAE;;EAErD,MAAM,uBAAuB;EAC7B,SAAS,wBAAwB,aAAa;EAC/C,CACF,CACF;;AAIH,MAAa,kBAAkB,oBAAoB"}
+{"version":3,"file":"store.js","names":[],"sources":["../../../src/features/element/store.ts"],"sourcesContent":["import { create } from \"zustand\";\nimport { createJSONStorage, persist } from \"zustand/middleware\";\n\nimport { LOCAL_STORAGE_PREFIX } from \"./constants\";\nimport type { RootConfig } from \"./types/config\";\nimport { deepMerge } from \"./utils\";\n\nexport interface ChatSDKStore extends RootConfig {\n  setContext: (context: RootConfig[\"context\"]) => void;\n  setTheme: (theme: RootConfig[\"theme\"]) => void;\n  setApi: (api: RootConfig[\"api\"]) => void;\n  setLocale: (locale: RootConfig[\"locale\"]) => void;\n  setTranslations?: (translations: RootConfig[\"translations\"]) => void;\n  setOptions: (options: RootConfig[\"options\"]) => void;\n  setLogger: (logger: RootConfig[\"logger\"]) => void;\n\n  setConfig: (config: Partial<RootConfig>, merge?: boolean) => void;\n  reset: (config?: Partial<RootConfig>) => void; // New reset function\n}\n\nconst defaultInitialState: Omit<\n  ChatSDKStore,\n  | \"setContext\"\n  | \"setTheme\"\n  | \"setApi\"\n  | \"setLocale\"\n  | \"setOptions\"\n  | \"setLogger\"\n  | \"setConfig\"\n  | \"reset\"\n> = {\n  context: { actor: { id: crypto.randomUUID() } },\n  api: {\n    version: \"v1\",\n    baseUrl: \"/api/proxy\",\n    credentials: \"include\",\n  },\n  locale: { language: \"en\" },\n};\n\n// Factory function to create stores with custom initial states\nexport const createChatSDKStore = (\n  customInitialState?: Partial<typeof defaultInitialState>,\n) => {\n  const initialState = { ...defaultInitialState, ...customInitialState };\n\n  return create<ChatSDKStore>()(\n    persist(\n      (set) => ({\n        ...initialState,\n        setContext: (context) =>\n          set((state) => ({\n            ...state,\n            context: deepMerge({ ...state.context, ...context }),\n          })),\n        setLogger: (logger) => set((state) => ({ ...state, logger })),\n        setTheme: (theme) =>\n          set((state) => ({ ...state, theme: { ...state.theme, ...theme } })),\n        setApi: (api) =>\n          set((state) => ({\n            ...state,\n            api: {\n              ...state.api,\n              ...api,\n              headers:\n                state.api?.headers || api?.headers\n                  ? { ...state.api?.headers, ...api?.headers }\n                  : undefined,\n            },\n          })),\n        setTranslations: (translations, merge = true) =>\n          set((state) => ({\n            ...state,\n            translations: merge\n              ? { ...state.translations, ...translations }\n              : translations,\n          })),\n        setLocale: (locale) => {\n          set((state) => ({ ...state, locale }));\n        },\n        setConfig: (newConfig, merge = true) => {\n          set((state) => {\n            const config = merge ? state : initialState;\n            return {\n              ...config,\n              ...newConfig,\n              api: { ...config.api, ...newConfig.api },\n              context: deepMerge({\n                ...config.context,\n                ...newConfig.context,\n              }),\n              theme: { ...config.theme, ...newConfig.theme },\n              translations: {\n                ...config.translations,\n                ...newConfig.translations,\n              },\n            };\n          });\n        },\n        reset: (config?: Partial<ChatSDKStore>) => {\n          set({ ...initialState, theme: {}, ...config });\n        },\n        setOptions: (options) => set((state) => ({ ...state, options })),\n      }),\n      {\n        partialize: (state) => {\n          return { context: { actor: state.context?.actor } };\n        },\n        name: LOCAL_STORAGE_PREFIX + \"elements-store\",\n        storage: createJSONStorage(() => localStorage),\n      },\n    ),\n  );\n};\n\n// Default store\nexport const useChatSDKStore = createChatSDKStore();\n"],"mappings":";;;;;AAoBA,MAAM,sBAUF;CACF,SAAS,EAAE,OAAO,EAAE,IAAI,OAAO,WAAW,EAAE,EAAE;CAC9C,KAAK;EACH,SAAS;EACT,SAAS;EACT,aAAa;CACf;CACA,QAAQ,EAAE,UAAU,KAAK;AAC3B;AAGA,MAAa,sBACX,uBACG;CACH,MAAM,eAAe;EAAE,GAAG;EAAqB,GAAG;CAAmB;CAErE,OAAO,OAAqB,CAAC,CAC3B,SACG,SAAS;EACR,GAAG;EACH,aAAa,YACX,KAAK,WAAW;GACd,GAAG;GACH,SAAS,UAAU;IAAE,GAAG,MAAM;IAAS,GAAG;GAAQ,CAAC;EACrD,EAAE;EACJ,YAAY,WAAW,KAAK,WAAW;GAAE,GAAG;GAAO;EAAO,EAAE;EAC5D,WAAW,UACT,KAAK,WAAW;GAAE,GAAG;GAAO,OAAO;IAAE,GAAG,MAAM;IAAO,GAAG;GAAM;EAAE,EAAE;EACpE,SAAS,QACP,KAAK,WAAW;GACd,GAAG;GACH,KAAK;IACH,GAAG,MAAM;IACT,GAAG;IACH,SACE,MAAM,KAAK,WAAW,KAAK,UACvB;KAAE,GAAG,MAAM,KAAK;KAAS,GAAG,KAAK;IAAQ,IACzC,KAAA;GACR;EACF,EAAE;EACJ,kBAAkB,cAAc,QAAQ,SACtC,KAAK,WAAW;GACd,GAAG;GACH,cAAc,QACV;IAAE,GAAG,MAAM;IAAc,GAAG;GAAa,IACzC;EACN,EAAE;EACJ,YAAY,WAAW;GACrB,KAAK,WAAW;IAAE,GAAG;IAAO;GAAO,EAAE;EACvC;EACA,YAAY,WAAW,QAAQ,SAAS;GACtC,KAAK,UAAU;IACb,MAAM,SAAS,QAAQ,QAAQ;IAC/B,OAAO;KACL,GAAG;KACH,GAAG;KACH,KAAK;MAAE,GAAG,OAAO;MAAK,GAAG,UAAU;KAAI;KACvC,SAAS,UAAU;MACjB,GAAG,OAAO;MACV,GAAG,UAAU;KACf,CAAC;KACD,OAAO;MAAE,GAAG,OAAO;MAAO,GAAG,UAAU;KAAM;KAC7C,cAAc;MACZ,GAAG,OAAO;MACV,GAAG,UAAU;KACf;IACF;GACF,CAAC;EACH;EACA,QAAQ,WAAmC;GACzC,IAAI;IAAE,GAAG;IAAc,OAAO,CAAC;IAAG,GAAG;GAAO,CAAC;EAC/C;EACA,aAAa,YAAY,KAAK,WAAW;GAAE,GAAG;GAAO;EAAQ,EAAE;CACjE,IACA;EACE,aAAa,UAAU;GACrB,OAAO,EAAE,SAAS,EAAE,OAAO,MAAM,SAAS,MAAM,EAAE;EACpD;EACA,MAAM,uBAAuB;EAC7B,SAAS,wBAAwB,YAAY;CAC/C,CACF,CACF;AACF;AAGA,MAAa,kBAAkB,mBAAmB"}

package/dist/features/element/types/api.d.ts

@@ -1,2 +1,2 @@
-import { t as APIOptions } from "../../../api-CIYPz72L.js";
+import { t as APIOptions } from "../../../api-BP4g92-0.js";
 export { APIOptions };

package/dist/features/element/types/callbacks.d.ts

@@ -1,2 +1,2 @@
-import { t as Callbacks } from "../../../callbacks-PIvHXeEI.js";
+import { t as Callbacks } from "../../../callbacks-CQelTSwD.js";
 export { Callbacks };

package/dist/features/element/types/config.d.ts

@@ -1,2 +1,2 @@
-import { n as OptionsConfig, r as RootConfig, t as ElementConfig } from "../../../config-CqihvSgz.js";
+import { n as OptionsConfig, r as RootConfig, t as ElementConfig } from "../../../config-BGIY5Hkg.js";
 export { ElementConfig, OptionsConfig, RootConfig };

package/dist/features/element/types/context.d.ts

@@ -1,2 +1,2 @@
-import { t as Context } from "../../../context-aSaHw-ac.js";
+import { t as Context } from "../../../context-D4dOffYT.js";
 export { Context };

package/dist/features/element/types/locale.d.ts

@@ -1,2 +1,2 @@
-import { n as LocaleConfig, t as Formality } from "../../../locale-W5Kyyi4X.js";
+import { n as LocaleConfig, t as Formality } from "../../../locale-v_zPGRhE.js";
 export { Formality, LocaleConfig };

package/dist/features/element/types/theme.d.ts

@@ -1,2 +1,2 @@
-import { i as ThemeConfig, n as FontConfig, r as RawFontProps, t as ColorScheme } from "../../../theme-Cb-RBWbR.js";
+import { i as ThemeConfig, n as FontConfig, r as RawFontProps, t as ColorScheme } from "../../../theme-K7rbPHc1.js";
 export { ColorScheme, FontConfig, RawFontProps, ThemeConfig };

package/dist/features/element/types/translations.d.ts

@@ -1,2 +1,2 @@
-import { i as TranslationsConfig } from "../../../config-CqihvSgz.js";
+import { i as TranslationsConfig } from "../../../config-BGIY5Hkg.js";
 export { TranslationsConfig };