@ahmedramez-org/nexus-chat 1.0.0-beta.20 → 1.0.0-beta.21

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ahmedramez-org/nexus-chat",
-  "version": "1.0.0-beta.20",
+  "version": "1.0.0-beta.21",
   "description": "NexusChat for any app: a connector and React component that load the prebuilt chat from IncortaCopilot (or a pinned copy), and the host contract types and checks.",
   "license": "UNLICENSED",
   "repository": {

package/react.js

@@ -284,7 +284,7 @@ function EmbeddedChat({ embedUrl, modes, defaultMode, theme = 'light', locale })
   const [src] = useState(() => embedSrc(embedUrl, theme, locale));
   useEffect(() => {
     if (!win || !opened) return undefined;
-    const connected = connectEmbeddedChat(win, frame.current, { embedUrl, theme });
+    const connected = connectEmbeddedChat(win, frame.current, { embedUrl, theme, locale });
     embedded.current = connected;
     return () => {
       connected.destroy();
@@ -292,6 +292,7 @@ function EmbeddedChat({ embedUrl, modes, defaultMode, theme = 'light', locale })
     };
   }, [win, opened, embedUrl]);
   useEffect(() => embedded.current?.setTheme(theme), [theme]);
+  useEffect(() => embedded.current?.setLocale(locale), [locale]);
 
   return h(
     'div',

package/window.js

@@ -274,7 +274,7 @@ export function createChatWindow({ into, panel, modes = MODES, defaultMode, them
  * buttons applied, and "active" sent while the user works in the app, so
  * Incorta's idle timeout does not end the chat's session.
  */
-export function connectEmbeddedChat(win, iframe, { embedUrl, theme = 'light' }) {
+export function connectEmbeddedChat(win, iframe, { embedUrl, theme = 'light', locale }) {
   // From the chat page itself, not a sign-in page the frame navigated to.
   const origin = new URL(embedUrl, location.href).origin;
   const skeleton = showNexusChatSkeleton(win.panel, theme);
@@ -283,7 +283,7 @@ export function connectEmbeddedChat(win, iframe, { embedUrl, theme = 'light' })
   const post = (message) =>
     iframe.contentWindow?.postMessage({ ...message, v: PROTOCOL_VERSION }, origin);
   const sendStyle = (force) => {
-    const message = { nexusChat: 'style', theme, window: win.state() };
+    const message = { nexusChat: 'style', theme, locale, window: win.state() };
     const key = JSON.stringify(message);
     if (!force && key === sent) return;
     sent = key;
@@ -327,6 +327,10 @@ export function connectEmbeddedChat(win, iframe, { embedUrl, theme = 'light' })
       skeleton.setTheme(next);
       sendStyle();
     },
+    setLocale(next) {
+      locale = next;
+      sendStyle();
+    },
     destroy() {
       clearTimeout(fallback);
       skeleton.remove();
@@ -361,7 +365,7 @@ export function createEmbeddedChat({
     iframe.src = embedSrc(embedUrl, theme, locale);
     iframe.style.cssText = 'display:block;width:100%;height:100%;border:0';
     win.panel.prepend(iframe);
-    embedded = connectEmbeddedChat(win, iframe, { embedUrl, theme });
+    embedded = connectEmbeddedChat(win, iframe, { embedUrl, theme, locale });
   };
   const unsubscribe = win.subscribe(embed);
   embed();