@chatsdk-dev/elements 0.0.1 → 0.1.2

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

@@ -1,62 +1,72 @@
-import * as _tanstack_react_query from '@tanstack/react-query';
-import { ChatSDK } from '@chatsdk-dev/api-client';
+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;
+  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_query.UseQueryResult<{
+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";
+      id: string;
+      type: "default" | "tenant";
     };
     usage: {
-        messageCredits: number;
+      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;
+      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

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-get-conversation-query.d.ts","names":[],"sources":["../../../../src/features/chat/queries/use-get-conversation-query.ts"],"mappings":";;;;UAsDU,gCAAA;EACR,MAAA;EACA,cAAA;EACA,OAAA;EACA,MAAA,EAAQ,OAAA;AAAA;AAAA,iBAGM,0BAAA,CAAA;EACd,MAAA;EACA,cAAA;EACA,MAAA;EACA;AAAA,GACC,gCAAA;;;;;;;;;;;;;;;;;;;;;;;;;UAOO,4BAAA;EACR,MAAA;EACA,cAAA;AAAA;AAAA,iBAGc,uBAAA,CAAA;EACd,MAAA;EACA;AAAA,GACC,4BAAA,0BAA4B,cAAA"}

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

@@ -1,14 +1,2 @@
-export { getConversationQueryConfig, useGetConversationQuery } from '../../../chunk-TDP6D7U7.js';
-import '../../../chunk-AP4MG32M.js';
-import '../../../chunk-YXAMLTTT.js';
-import '../../../chunk-TDEFIW2L.js';
-import '../../../chunk-M5OONVIO.js';
-import '../../../chunk-VYDYCGJL.js';
-import '../../../chunk-MXTBCHYC.js';
-import '../../../chunk-2LHKM7RD.js';
-import '../../../chunk-5UMYP6MD.js';
-import '../../../chunk-VS55HRUS.js';
-import '../../../chunk-YX46JVQN.js';
-import '../../../chunk-RJG5D2TM.js';
-import '../../../chunk-ZCSZX3OI.js';
-import '../../../chunk-SLJNKQ2G.js';
+import { d as getConversationQueryConfig, f as useGetConversationQuery } from "../../../chat-element-CCsDDFif.js";
+export { getConversationQueryConfig, useGetConversationQuery };

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

@@ -1,29 +1,33 @@
-import * as _tanstack_react_query from '@tanstack/react-query';
+import * as _tanstack_react_query0 from "@tanstack/react-query";
 
+//#region src/features/chat/queries/use-list-conversations-query.d.ts
 interface UseListConversationsQueryProps {
-    chatId: string;
+  chatId: string;
 }
-declare function useListConversationsQuery({ chatId, }: UseListConversationsQueryProps): _tanstack_react_query.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;
-        }>;
+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;
+  }>;
+  _id: string;
+  _creationTime: number;
 }[], Error>;
-
+//#endregion
 export { useListConversationsQuery };
+//# sourceMappingURL=use-list-conversations-query.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-list-conversations-query.d.ts","names":[],"sources":["../../../../src/features/chat/queries/use-list-conversations-query.ts"],"mappings":";;;UAMU,8BAAA;EACR,MAAA;AAAA;AAAA,iBAGc,yBAAA,CAAA;EACd;AAAA,GACC,8BAAA,0BAA8B,cAAA"}

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

@@ -1,14 +1,2 @@
-export { useListConversationsQuery } from '../../../chunk-TDP6D7U7.js';
-import '../../../chunk-AP4MG32M.js';
-import '../../../chunk-YXAMLTTT.js';
-import '../../../chunk-TDEFIW2L.js';
-import '../../../chunk-M5OONVIO.js';
-import '../../../chunk-VYDYCGJL.js';
-import '../../../chunk-MXTBCHYC.js';
-import '../../../chunk-2LHKM7RD.js';
-import '../../../chunk-5UMYP6MD.js';
-import '../../../chunk-VS55HRUS.js';
-import '../../../chunk-YX46JVQN.js';
-import '../../../chunk-RJG5D2TM.js';
-import '../../../chunk-ZCSZX3OI.js';
-import '../../../chunk-SLJNKQ2G.js';
+import { h as useListConversationsQuery } from "../../../chat-element-CCsDDFif.js";
+export { useListConversationsQuery };

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

@@ -1,13 +1,15 @@
-import * as zustand from 'zustand';
+import * as zustand from "zustand";
 
+//#region src/features/chat/store.d.ts
 interface ChatStore {
-    tab: "chat" | "history";
-    selectedConversationId?: string;
-    conversationType: "new" | "history";
-    setTab: (tab: "chat" | "history") => void;
-    setSelectedConversationId: (id?: string) => void;
-    setConversationType: (type: "new" | "history") => void;
+  tab: "chat" | "history";
+  selectedConversationId?: string;
+  conversationType: "new" | "history";
+  setTab: (tab: "chat" | "history") => void;
+  setSelectedConversationId: (id?: string) => void;
+  setConversationType: (type: "new" | "history") => void;
 }
 declare const useChatStore: zustand.UseBoundStore<zustand.StoreApi<ChatStore>>;
-
+//#endregion
 export { useChatStore };
+//# sourceMappingURL=store.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"store.d.ts","names":[],"sources":["../../../src/features/chat/store.ts"],"mappings":";;;UAEU,SAAA;EACR,GAAA;EACA,sBAAA;EACA,gBAAA;EACA,MAAA,GAAS,GAAA;EACT,yBAAA,GAA4B,EAAA;EAC5B,mBAAA,GAAsB,IAAA;AAAA;AAAA,cAaX,YAAA,EAAY,OAAA,CAAA,aAAA,CAAA,OAAA,CAAA,QAAA,CAAA,SAAA"}

package/dist/features/chat/store.js

@@ -1 +1,15 @@
-export { useChatStore } from '../../chunk-2LHKM7RD.js';
+import { create } from "zustand";
+//#region src/features/chat/store.ts
+const createChatStore = () => create((set) => ({
+	tab: "chat",
+	conversationType: "new",
+	selectedConversationId: void 0,
+	setTab: (tab) => set({ tab }),
+	setSelectedConversationId: (id) => set({ selectedConversationId: id }),
+	setConversationType: (type) => set({ conversationType: type })
+}));
+const useChatStore = createChatStore();
+//#endregion
+export { useChatStore };
+
+//# sourceMappingURL=store.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"store.js","names":[],"sources":["../../../src/features/chat/store.ts"],"sourcesContent":["import { create } from \"zustand\";\n\ninterface ChatStore {\n  tab: \"chat\" | \"history\";\n  selectedConversationId?: string;\n  conversationType: \"new\" | \"history\";\n  setTab: (tab: \"chat\" | \"history\") => void;\n  setSelectedConversationId: (id?: string) => void;\n  setConversationType: (type: \"new\" | \"history\") => void;\n}\n\nconst createChatStore = () =>\n  create<ChatStore>((set) => ({\n    tab: \"chat\",\n    conversationType: \"new\",\n    selectedConversationId: undefined,\n    setTab: (tab) => set({ tab }),\n    setSelectedConversationId: (id) => set({ selectedConversationId: id }),\n    setConversationType: (type) => set({ conversationType: type }),\n  }));\n\nexport const useChatStore = createChatStore();\n"],"mappings":";;AAWA,MAAM,wBACJ,QAAmB,SAAS;CAC1B,KAAK;CACL,kBAAkB;CAClB,wBAAwB,KAAA;CACxB,SAAS,QAAQ,IAAI,EAAE,KAAK,CAAC;CAC7B,4BAA4B,OAAO,IAAI,EAAE,wBAAwB,IAAI,CAAC;CACtE,sBAAsB,SAAS,IAAI,EAAE,kBAAkB,MAAM,CAAC;CAC/D,EAAE;AAEL,MAAa,eAAe,iBAAiB"}

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

@@ -1,5 +1,7 @@
-import { UIMessage } from 'ai';
+import { UIMessage } from "ai";
 
+//#region src/features/chat/utils.d.ts
 declare function getInitialMessagesFromStrings(messages: string[]): UIMessage[];
-
+//#endregion
 export { getInitialMessagesFromStrings };
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","names":[],"sources":["../../../src/features/chat/utils.ts"],"mappings":";;;iBAEgB,6BAAA,CAA8B,QAAA,aAAqB,SAAA"}

package/dist/features/chat/utils.js

@@ -1 +1,15 @@
-export { getInitialMessagesFromStrings } from '../../chunk-5UMYP6MD.js';
+//#region src/features/chat/utils.ts
+function getInitialMessagesFromStrings(messages) {
+	return messages.map((message) => ({
+		id: crypto.randomUUID(),
+		role: "assistant",
+		parts: [{
+			type: "text",
+			text: message
+		}]
+	}));
+}
+//#endregion
+export { getInitialMessagesFromStrings };
+
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +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"}

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

@@ -1,5 +1,7 @@
-import * as _chatsdk_dev_api_client from '@chatsdk-dev/api-client';
-
-declare function useApiClient(): _chatsdk_dev_api_client.ChatSDK;
+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;
+//#endregion
 export { useApiClient };
+//# sourceMappingURL=use-api-client.d.ts.map

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

@@ -0,0 +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"}

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

@@ -1,14 +1,2 @@
-export { useApiClient } from '../../chunk-TDP6D7U7.js';
-import '../../chunk-AP4MG32M.js';
-import '../../chunk-YXAMLTTT.js';
-import '../../chunk-TDEFIW2L.js';
-import '../../chunk-M5OONVIO.js';
-import '../../chunk-VYDYCGJL.js';
-import '../../chunk-MXTBCHYC.js';
-import '../../chunk-2LHKM7RD.js';
-import '../../chunk-5UMYP6MD.js';
-import '../../chunk-VS55HRUS.js';
-import '../../chunk-YX46JVQN.js';
-import '../../chunk-RJG5D2TM.js';
-import '../../chunk-ZCSZX3OI.js';
-import '../../chunk-SLJNKQ2G.js';
+import { v as useApiClient } from "../../chat-element-CCsDDFif.js";
+export { useApiClient };

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

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

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

@@ -0,0 +1,23 @@
+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) {
+		useChatSDKStore.getState().setConfig(config);
+		initialized.current = true;
+	}
+	useLayoutEffect(() => {
+		if (isFirstRender.current) {
+			isFirstRender.current = false;
+			return;
+		}
+		useChatSDKStore.getState().setConfig(config);
+	}, [config]);
+	return children;
+}
+//#endregion
+export { ChatSDKProvider };
+
+//# sourceMappingURL=chatsdk-provider.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,5 @@
+//#region src/features/element/constants.d.ts
+declare const LOCAL_STORAGE_PREFIX = "chatsdk-";
+//#endregion
+export { LOCAL_STORAGE_PREFIX };
+//# sourceMappingURL=constants.d.ts.map

package/dist/features/element/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","names":[],"sources":["../../../src/features/element/constants.ts"],"mappings":";cAAa,oBAAA"}

package/dist/features/element/constants.js

@@ -0,0 +1,6 @@
+//#region src/features/element/constants.ts
+const LOCAL_STORAGE_PREFIX = "chatsdk-";
+//#endregion
+export { LOCAL_STORAGE_PREFIX };
+
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","names":[],"sources":["../../../src/features/element/constants.ts"],"sourcesContent":["export const LOCAL_STORAGE_PREFIX = \"chatsdk-\";\n"],"mappings":";AAAA,MAAa,uBAAuB"}

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

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

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

@@ -0,0 +1,82 @@
+import { r as languages } from "../../config-BigIL6TQ.js";
+import { i18n } from "../../i18n/i18next.js";
+import { getLocaleChainFromLocale } from "../../i18n/utils.js";
+import { createContext, use } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { I18nextProvider } from "react-i18next";
+//#region src/features/element/element-provider.tsx
+const queryClient = new QueryClient();
+function ElementTranslationsProvider({ localeConfig, translationsConfig, children }) {
+	let language = localeConfig?.language;
+	if (language && !languages.includes(language)) {
+		const [_languageTag] = getLocaleChainFromLocale(language);
+		if (_languageTag && languages.includes(_languageTag)) language = _languageTag;
+	}
+	let _i18n = i18n;
+	if (language && (i18n.language !== language || i18n.options.formality !== localeConfig?.formality) && Object.keys(i18n.services.resourceStore.data).includes(language)) _i18n = i18n.cloneInstance({
+		lng: language,
+		formality: localeConfig?.formality
+	});
+	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
+	});
+}
+function createElementContext({ name }) {
+	const ElementContext = createContext(null);
+	function useElement() {
+		const v = use(ElementContext);
+		if (!v) throw new Error("Must be used within its ElementProvider");
+		return v;
+	}
+	function useElementConfig() {
+		const v = use(ElementContext);
+		if (!v) throw new Error("Must be used within its ElementProvider");
+		return v.config;
+	}
+	function useElementComponent() {
+		const v = use(ElementContext);
+		if (!v) throw new Error("Must be used within its ElementProvider");
+		return v.component;
+	}
+	function useElementCallbacks() {
+		const v = use(ElementContext);
+		if (!v) throw new Error("Must be used within its ElementProvider");
+		return v.callbacks;
+	}
+	function TypedElementProvider({ config = {}, component, callbacks, children }) {
+		return /* @__PURE__ */ jsx(ElementContext.Provider, {
+			value: {
+				config,
+				component,
+				callbacks
+			},
+			children: /* @__PURE__ */ jsx(QueryClientProvider, {
+				client: queryClient,
+				children: /* @__PURE__ */ jsxs(ElementTranslationsProvider, {
+					localeConfig: config.locale,
+					translationsConfig: config.translations,
+					children: [/* @__PURE__ */ jsx("div", {
+						"data-chatsdk": true,
+						className: "contents"
+					}), children]
+				})
+			})
+		});
+	}
+	TypedElementProvider.displayName = `ElementProvider<${name}>`;
+	return {
+		useElement,
+		useElementConfig,
+		useElementComponent,
+		useElementCallbacks,
+		ElementProvider: TypedElementProvider
+	};
+}
+//#endregion
+export { createElementContext };
+
+//# sourceMappingURL=element-provider.js.map

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

@@ -0,0 +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\"></div>\n            {children}\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,qBAAC,6BAAD;KACE,cAAc,OAAO;KACrB,oBAAoB,OAAO;eAF7B,CAIE,oBAAC,OAAD;MAAK,gBAAA;MAAa,WAAU;MAAiB,CAAA,EAC5C,SAC2B;;IACV,CAAA;GACE,CAAA;;AAG9B,sBAAqB,cAAc,mBAAmB,KAAK;AAE3D,QAAO;EACL;EACA;EACA;EACA;EACA,iBAAiB;EAClB"}

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

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

package/dist/features/element/store.js

@@ -0,0 +1,112 @@
+import { LOCAL_STORAGE_PREFIX } from "./constants.js";
+import { deepMerge } from "./utils.js";
+import { create } from "zustand";
+import { createJSONStorage, persist } from "zustand/middleware";
+//#region src/features/element/store.ts
+const defaultInitialState = {
+	context: { actor: { id: crypto.randomUUID() } },
+	api: {
+		version: "v1",
+		baseUrl: "/api/proxy",
+		credentials: "include"
+	},
+	locale: { language: "en" }
+};
+const createChatSDKStore = (customInitialState) => {
+	const initialState = {
+		...defaultInitialState,
+		...customInitialState
+	};
+	return create()(persist((set) => ({
+		...initialState,
+		setContext: (context) => set((state) => ({
+			...state,
+			context: deepMerge({
+				...state.context,
+				...context
+			})
+		})),
+		setLogger: (logger) => set((state) => ({
+			...state,
+			logger
+		})),
+		setTheme: (theme) => set((state) => ({
+			...state,
+			theme: {
+				...state.theme,
+				...theme
+			}
+		})),
+		setApi: (api) => set((state) => ({
+			...state,
+			api: {
+				...state.api,
+				...api,
+				headers: state.api?.headers || api?.headers ? {
+					...state.api?.headers,
+					...api?.headers
+				} : void 0
+			}
+		})),
+		setTranslations: (translations, merge = true) => set((state) => ({
+			...state,
+			translations: merge ? {
+				...state.translations,
+				...translations
+			} : translations
+		})),
+		setLocale: (locale) => {
+			set((state) => ({
+				...state,
+				locale
+			}));
+		},
+		setConfig: (newConfig, merge = true) => {
+			set((state) => {
+				const config = merge ? state : initialState;
+				return {
+					...config,
+					...newConfig,
+					api: {
+						...config.api,
+						...newConfig.api
+					},
+					context: deepMerge({
+						...config.context,
+						...newConfig.context
+					}),
+					theme: {
+						...config.theme,
+						...newConfig.theme
+					},
+					translations: {
+						...config.translations,
+						...newConfig.translations
+					}
+				};
+			});
+		},
+		reset: (config) => {
+			set({
+				...initialState,
+				theme: {},
+				...config
+			});
+		},
+		setOptions: (options) => set((state) => ({
+			...state,
+			options
+		}))
+	}), {
+		partialize: (state) => {
+			return { context: { actor: state.context?.actor } };
+		},
+		name: LOCAL_STORAGE_PREFIX + "elements-store",
+		storage: createJSONStorage(() => localStorage)
+	}));
+};
+const useChatSDKStore = createChatSDKStore();
+//#endregion
+export { createChatSDKStore, useChatSDKStore };
+
+//# sourceMappingURL=store.js.map

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

@@ -0,0 +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"}

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

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

package/dist/features/element/types/api.js

@@ -0,0 +1 @@
+export {};

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

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

package/dist/features/element/types/callbacks.js

@@ -0,0 +1 @@
+export {};