@yak-io/javascript 0.11.0 → 0.11.2

package/dist/index.js

@@ -282,7 +282,8 @@ var YakClient = class {
    * ```
    */
   sendPrompt(prompt) {
-    if (!this.iframeWindow) {
+    const target = this.getActiveTarget();
+    if (!target) {
       logger.warn("Cannot send prompt: iframe not ready");
       return;
     }
@@ -290,21 +291,37 @@ var YakClient = class {
       type: "yak:prompt",
       payload: { prompt }
     };
-    this.iframeWindow.postMessage(message, this.getIframeOrigin());
+    target.window.postMessage(message, target.origin);
   }
   /**
    * Send a focus request to the chatbot iframe
    * This will focus the chat input field
    */
   sendFocus() {
-    if (!this.iframeWindow) {
+    const target = this.getActiveTarget();
+    if (!target) {
       logger.warn("Cannot send focus: iframe not ready");
       return;
     }
     const message = {
       type: "yak:focus"
     };
-    this.iframeWindow.postMessage(message, this.getIframeOrigin());
+    target.window.postMessage(message, target.origin);
+  }
+  /**
+   * The live postMessage target. Prefers `readyTarget` — the window that
+   * completed the `yak:ready` handshake — and falls back to the iframe's
+   * `contentWindow`. The two are normally identical, but they're populated by
+   * different events (the ready postMessage vs. the DOM `load` event) and can
+   * briefly diverge (e.g. a remount under React StrictMode, where `isReady`
+   * goes true before — or without — the load event repopulating
+   * `iframeWindow`). Trusting `readyTarget` keeps `sendFocus`/`sendPrompt`
+   * consistent with `isReady()` and avoids spurious "iframe not ready" warns.
+   */
+  getActiveTarget() {
+    if (this.readyTarget) return this.readyTarget;
+    if (this.iframeWindow) return { window: this.iframeWindow, origin: this.getIframeOrigin() };
+    return null;
   }
   /**
    * Check if the iframe is ready to receive messages
@@ -1369,7 +1386,7 @@ function getTriggerStyles() {
       flex-shrink: 0;
     }
 
-    .yak-widget-icon { width: 20px; height: 20px; color: currentColor; }
+    .yak-widget-icon { width: 24px; height: 24px; color: currentColor; }
 
     .yak-widget-trigger-icon-btn {
       display: inline-flex; align-items: center; justify-content: center;
@@ -1616,6 +1633,7 @@ var YakEmbed = class {
     if (!this.mounted) return;
     this.mounted = false;
     this.client.unmount();
+    this.client.setIframeWindow(null);
     if (this.unsubscribeVoice) {
       this.unsubscribeVoice();
       this.unsubscribeVoice = null;
@@ -1779,8 +1797,8 @@ var YakEmbed = class {
     const logoImg = document.createElement("img");
     logoImg.src = `${this.client.getIframeOrigin()}/logo.svg`;
     logoImg.alt = "";
-    logoImg.width = 20;
-    logoImg.height = 20;
+    logoImg.width = 24;
+    logoImg.height = 24;
     logoImg.className = "yak-widget-icon";
     iconBg.appendChild(logoImg);
     this.triggerEl.appendChild(iconBg);