@usecrow/ui 0.1.54 → 0.1.56

package/dist/index.cjs

@@ -70,7 +70,9 @@ function useChat({
   persistAnonymousConversations,
   welcomeMessage,
   selectedModel: initialSelectedModel,
+  subdomain,
   toolConsentSettings,
+  language,
   onVerificationStatus,
   onConversationId,
   onWorkflowEvent,
@@ -152,10 +154,12 @@ function useChat({
             conversation_id: conversationId,
             identity_token: identityToken,
             model: selectedModel,
+            subdomain,
             user_timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
             user_local_time: (/* @__PURE__ */ new Date()).toLocaleString("en-US", { year: "numeric", month: "long", day: "numeric", hour: "numeric", minute: "numeric", hour12: true }),
             page_path: typeof window !== "undefined" ? window.location.pathname : void 0,
-            context: typeof window !== "undefined" ? window.__crow_page_context : void 0
+            context: typeof window !== "undefined" ? window.__crow_page_context : void 0,
+            ...language && language !== "en" ? { language } : {}
           }),
           signal: abortControllerRef.current.signal
         });
@@ -484,7 +488,7 @@ function useChat({
         abortControllerRef.current = null;
       }
     },
-    [apiUrl, productId, conversationId, selectedModel, persistAnonymousConversations, onVerificationStatus, onConversationId, onWorkflowEvent, onToolCall, onToolResult]
+    [apiUrl, productId, conversationId, selectedModel, subdomain, persistAnonymousConversations, onVerificationStatus, onConversationId, onWorkflowEvent, onToolCall, onToolResult]
   );
   const sendMessage = React3.useCallback(
     (content) => {
@@ -575,8 +579,10 @@ function useChat({
             result,
             identity_token: identityToken,
             model: selectedModel,
+            subdomain,
             user_timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
-            user_local_time: (/* @__PURE__ */ new Date()).toLocaleString("en-US", { year: "numeric", month: "long", day: "numeric", hour: "numeric", minute: "numeric", hour12: true })
+            user_local_time: (/* @__PURE__ */ new Date()).toLocaleString("en-US", { year: "numeric", month: "long", day: "numeric", hour: "numeric", minute: "numeric", hour12: true }),
+            ...language && language !== "en" ? { language } : {}
           })
         });
         if (!response.ok) {
@@ -853,7 +859,7 @@ function useChat({
         setIsLoading(false);
       }
     },
-    [apiUrl, productId, conversationId, selectedModel]
+    [apiUrl, productId, conversationId, selectedModel, subdomain]
   );
   const addMessage = React3.useCallback(
     async (role, content) => {
@@ -1537,9 +1543,12 @@ function stylesToCSSVariables(styles) {
 
 // src/hooks/useWidgetStyles.ts
 var styleCache = /* @__PURE__ */ new Map();
-async function fetchWidgetConfig(productId, apiUrl) {
+async function fetchWidgetConfig(productId, apiUrl, language) {
   const baseUrl = apiUrl || "";
-  const url = `${baseUrl}/api/products/${productId}/widget-config`;
+  let url = `${baseUrl}/api/products/${productId}/widget-config`;
+  if (language && language !== "en") {
+    url += `?language=${encodeURIComponent(language)}`;
+  }
   const response = await fetch(url);
   if (!response.ok) {
     throw new Error(`Failed to fetch widget config: ${response.status} ${response.statusText}`);
@@ -1551,9 +1560,10 @@ function useWidgetStyles({
   apiUrl,
   propStyles,
   skip = false,
-  cacheKey
+  cacheKey,
+  language
 }) {
-  const key = cacheKey || productId;
+  const key = cacheKey || (language && language !== "en" ? `${productId}:${language}` : productId);
   const [isLoading, setIsLoading] = React3.useState(!skip && !styleCache.has(key));
   const [error, setError] = React3.useState(null);
   const [dbStyles, setDbStyles] = React3.useState(
@@ -1593,7 +1603,7 @@ function useWidgetStyles({
     setIsLoading(true);
     setError(null);
     try {
-      const config = await fetchWidgetConfig(productId, apiUrl);
+      const config = await fetchWidgetConfig(productId, apiUrl, language);
       styleCache.set(key, config);
       setDbStyles(config.widgetStyles);
       setAgentName(config.agentName || "Assistant");
@@ -1653,9 +1663,10 @@ function useCopilotStyles({
   apiUrl,
   propStyles,
   skip = false,
-  cacheKey
+  cacheKey,
+  language
 }) {
-  const key = cacheKey || productId;
+  const key = cacheKey || (language && language !== "en" ? `${productId}:${language}` : productId);
   const [isLoading, setIsLoading] = React3.useState(!skip && !styleCache.has(key));
   const [error, setError] = React3.useState(null);
   const [dbStyles, setDbStyles] = React3.useState(
@@ -1689,7 +1700,7 @@ function useCopilotStyles({
     setIsLoading(true);
     setError(null);
     try {
-      const config = await fetchWidgetConfig(productId, apiUrl);
+      const config = await fetchWidgetConfig(productId, apiUrl, language);
       styleCache.set(key, config);
       setDbStyles(config.copilotStyles);
       setAgentName(config.agentName || "Assistant");
@@ -3513,6 +3524,7 @@ function injectStyles(target = document) {
 function CrowWidget({
   productId,
   apiUrl = "",
+  subdomain,
   variant = "floating",
   styles: propStyles,
   previewMode = false,
@@ -3526,7 +3538,8 @@ function CrowWidget({
   onToolResult,
   getIdentityToken,
   context,
-  toolRenderers
+  toolRenderers,
+  language
 }) {
   const effectiveGetIdentityToken = getIdentityToken || window.__crow_identity_token_fetcher;
   const effectiveOnToolResult = onToolResult || window.__crow_on_tool_result;
@@ -3548,7 +3561,8 @@ function CrowWidget({
     productId,
     apiUrl,
     propStyles,
-    skip: previewMode
+    skip: previewMode,
+    language
   });
   const agentName = agentNameProp ?? agentNameFromAPI;
   const welcomeMessage = welcomeMessageProp ?? welcomeMessageFromAPI;
@@ -3586,7 +3600,9 @@ function CrowWidget({
     persistAnonymousConversations,
     welcomeMessage,
     selectedModel,
+    subdomain,
     toolConsentSettings,
+    language,
     onVerificationStatus: (isVerified) => {
       setIsVerifiedUser(isVerified);
     },
@@ -4329,6 +4345,7 @@ function CopilotContainer({
 function CrowCopilot({
   productId,
   apiUrl = "",
+  subdomain,
   variant = "embedded",
   title = "Copilot",
   agentName: agentNameProp,
@@ -4346,7 +4363,8 @@ function CrowCopilot({
   onToolResult,
   toolRenderers,
   getIdentityToken,
-  context
+  context,
+  language
 }) {
   const effectiveGetIdentityToken = getIdentityToken || window.__crow_identity_token_fetcher;
   const effectiveOnToolResult = onToolResult || window.__crow_on_tool_result;
@@ -4366,7 +4384,8 @@ function CrowCopilot({
     productId,
     apiUrl,
     propStyles,
-    skip: previewMode
+    skip: previewMode,
+    language
   });
   const agentName = agentNameProp ?? agentNameFromAPI ?? title;
   const welcomeMessage = welcomeMessageProp ?? welcomeMessageFromAPI;
@@ -4552,7 +4571,9 @@ function CrowCopilot({
     persistAnonymousConversations,
     welcomeMessage,
     selectedModel,
+    subdomain,
     toolConsentSettings,
+    language,
     onVerificationStatus: (isVerified) => {
       setIsVerifiedUser(isVerified);
     },
@@ -5439,11 +5460,12 @@ function CrowProvider({
   children,
   productId,
   apiUrl,
-  model
+  model,
+  subdomain
 }) {
   const clientRef = React3.useRef(null);
   if (!clientRef.current) {
-    clientRef.current = new client.CrowClient({ productId, apiUrl, model });
+    clientRef.current = new client.CrowClient({ productId, apiUrl, model, subdomain });
   }
   const client$1 = clientRef.current;
   React3.useEffect(() => {