@matterfact/embed 0.10.0 → 0.11.1

package/dist/react.cjs

@@ -426,7 +426,16 @@ function toolClass(name) {
   if (name.startsWith("mf.")) return "mf";
   return "app";
 }
+function emitEvent(win, e) {
+  const cb = mfGlobal(win).onEvent;
+  if (typeof cb !== "function") return;
+  try {
+    cb(e);
+  } catch {
+  }
+}
 function emitToolEvent(win, e) {
+  emitEvent(win, { type: "tool", ...e });
   const cb = mfGlobal(win).onToolEvent;
   if (typeof cb !== "function") return;
   try {
@@ -1915,6 +1924,21 @@ var EmbedHost = class {
   __testHandle(msg) {
     this.handle(msg);
   }
+  /**
+   * The eager stub's own emit-and-swallow for the host's `onEvent` telemetry hook.
+   * Deliberately does NOT import the registry's `emitEvent`: pulling the lazy ./context
+   * chunk (where the registry lives) into the size-budgeted stub would blow it, so this
+   * ~5-line duplication across the bundle boundary is intentional. Host telemetry is
+   * host code — a throw here must never break the widget.
+   */
+  emit(e) {
+    const cb = globalThis.matterfact?.onEvent;
+    if (typeof cb !== "function") return;
+    try {
+      cb(e);
+    } catch {
+    }
+  }
   handle(msg) {
     switch (msg.type) {
       case "widget.ready":
@@ -1927,8 +1951,10 @@ var EmbedHost = class {
         this.send({ type: "host.theme", mode: this.themeMode() });
         this.flush();
         if (this.inline) void this.loadContext();
+        this.emit({ type: "ready" });
         break;
       case "widget.setOpen":
+        this.emit({ type: msg.open ? "open" : "close" });
         if (this.inline) break;
         this.open = msg.open;
         this.place();
@@ -2117,11 +2143,16 @@ var EmbedHost = class {
         if (this.hostEl) this.hostEl.style.display = "none";
         break;
       case "widget.needsAuth":
+        this.emit({ type: "auth", phase: "required" });
         void this.provideAuth();
         break;
       case "widget.navigate":
+        this.emit({ type: "navigate", href: msg.href });
         void this.loadContext().then((m) => m.navigateHost(msg.href));
         break;
+      case "widget.chat":
+        this.emit({ type: "chat", phase: msg.phase, chatId: msg.chatId });
+        break;
     }
   }
   /**
@@ -2234,7 +2265,9 @@ var EmbedHost = class {
     try {
       const token = await provider();
       if (token) this.send({ type: "host.auth", token, expiresAt: 0 });
+      this.emit({ type: "auth", phase: token ? "granted" : "failed" });
     } catch {
+      this.emit({ type: "auth", phase: "failed" });
     }
   }
   loadContext() {
@@ -2291,13 +2324,14 @@ function writeSitemapGlobal(sitemap) {
   const w = window;
   (w.matterfact ?? (w.matterfact = {})).sitemap = sitemap;
 }
-function writeToolGlobals(artifacts, resolve, tools, onToolEvent) {
+function writeToolGlobals(artifacts, resolve, tools, onToolEvent, onEvent) {
   if (typeof window === "undefined") return;
   const mf = window.matterfact ?? (window.matterfact = {});
   mf.artifacts = artifacts ?? [];
   mf.resolve = resolve ?? {};
   mf.tools = tools ?? [];
   mf.onToolEvent = onToolEvent;
+  mf.onEvent = onEvent;
 }
 function toolDescriptorKey(artifacts, resolve, tools) {
   return JSON.stringify({
@@ -2338,7 +2372,8 @@ function MatterfactAgent({
   artifacts,
   resolve,
   tools,
-  onToolEvent
+  onToolEvent,
+  onEvent
 }) {
   const authRef = (0, import_react.useRef)(getAuthToken);
   authRef.current = getAuthToken;
@@ -2353,14 +2388,14 @@ function MatterfactAgent({
     writeSitemapGlobal(sitemap);
   }, [sitemapKey]);
   (0, import_react.useEffect)(() => {
-    writeToolGlobals(artifacts, resolve, tools, onToolEvent);
+    writeToolGlobals(artifacts, resolve, tools, onToolEvent, onEvent);
   });
   const toolsKey = toolDescriptorKey(artifacts, resolve, tools);
   (0, import_react.useEffect)(() => {
     if (typeof window === "undefined") return;
     if (inline && !slot.current) return;
     writeActionsGlobal(actionsRef.current);
-    writeToolGlobals(artifacts, resolve, tools, onToolEvent);
+    writeToolGlobals(artifacts, resolve, tools, onToolEvent, onEvent);
     const config = {
       publishableKey,
       origin: widgetOrigin2 || DEFAULT_ORIGIN,
@@ -2381,6 +2416,13 @@ function MatterfactAgent({
       host = mount(config);
     } catch (e) {
       console.error("[matterfact] failed to mount the embed widget", e);
+      try {
+        window.matterfact?.onEvent?.({
+          type: "error",
+          message: e instanceof Error ? e.message : String(e)
+        });
+      } catch {
+      }
     }
     return () => host?.destroy();
   }, [
@@ -2426,7 +2468,7 @@ function MatterfactArtifact({
       title: `matterfact artifact ${slug}`,
       className: className2,
       style: { width: "100%", height: 600, border: 0, ...style },
-      sandbox: "allow-scripts allow-same-origin allow-forms allow-popups allow-popups-to-escape-sandbox"
+      sandbox: "allow-scripts allow-same-origin allow-forms allow-popups allow-popups-to-escape-sandbox allow-downloads"
     }
   );
 }