@usecrow/ui 0.1.55 → 0.1.57

package/dist/index.cjs

@@ -72,6 +72,7 @@ function useChat({
   selectedModel: initialSelectedModel,
   subdomain,
   toolConsentSettings,
+  language,
   onVerificationStatus,
   onConversationId,
   onWorkflowEvent,
@@ -157,7 +158,8 @@ function useChat({
             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
         });
@@ -579,7 +581,8 @@ function useChat({
             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) {
@@ -1540,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}`);
@@ -1554,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(
@@ -1596,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");
@@ -1656,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(
@@ -1692,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");
@@ -3530,7 +3538,9 @@ function CrowWidget({
   onToolResult,
   getIdentityToken,
   context,
-  toolRenderers
+  toolRenderers,
+  language,
+  customCss
 }) {
   const effectiveGetIdentityToken = getIdentityToken || window.__crow_identity_token_fetcher;
   const effectiveOnToolResult = onToolResult || window.__crow_on_tool_result;
@@ -3552,7 +3562,8 @@ function CrowWidget({
     productId,
     apiUrl,
     propStyles,
-    skip: previewMode
+    skip: previewMode,
+    language
   });
   const agentName = agentNameProp ?? agentNameFromAPI;
   const welcomeMessage = welcomeMessageProp ?? welcomeMessageFromAPI;
@@ -3592,6 +3603,7 @@ function CrowWidget({
     selectedModel,
     subdomain,
     toolConsentSettings,
+    language,
     onVerificationStatus: (isVerified) => {
       setIsVerifiedUser(isVerified);
     },
@@ -4054,7 +4066,14 @@ function CrowWidget({
       )
     ] })
   ] });
-  return /* @__PURE__ */ jsxRuntime.jsx(ShadowContainer, { styles: WIDGET_CSS, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "crow-widget-root", style: cssVars, children: /* @__PURE__ */ jsxRuntime.jsxs(
+  const combinedStyles = React3.useMemo(
+    () => customCss ? `${WIDGET_CSS}
+
+/* Custom CSS */
+${customCss}` : WIDGET_CSS,
+    [customCss]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(ShadowContainer, { styles: combinedStyles, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "crow-widget-root", style: cssVars, children: /* @__PURE__ */ jsxRuntime.jsxs(
     WidgetStyleProvider,
     {
       styles,
@@ -4352,7 +4371,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;
@@ -4372,7 +4392,8 @@ function CrowCopilot({
     productId,
     apiUrl,
     propStyles,
-    skip: previewMode
+    skip: previewMode,
+    language
   });
   const agentName = agentNameProp ?? agentNameFromAPI ?? title;
   const welcomeMessage = welcomeMessageProp ?? welcomeMessageFromAPI;
@@ -4560,6 +4581,7 @@ function CrowCopilot({
     selectedModel,
     subdomain,
     toolConsentSettings,
+    language,
     onVerificationStatus: (isVerified) => {
       setIsVerifiedUser(isVerified);
     },