@casualoffice/sheets 0.9.0 → 0.10.0

package/dist/index.d.cts

@@ -1,8 +1,9 @@
 export { CapturedSignature, DrawnSignaturePad, DrawnSignaturePadProps, SigningController, SigningPane, SigningPaneProps, SigningProvider, SigningProviderProps, SigningSnapshot, TypedSignatureField, TypedSignatureFieldProps, UploadedSignatureField, UploadedSignatureFieldProps, createSigningController, useSigning } from './signing.cjs';
 export { C as CancelReason, D as DocAnchor, S as SheetAnchor, a as SignatureAnchor, b as SignatureCompletePayload, c as SignatureField, d as SignatureMethod, e as SignatureMode, f as SignedFieldPayload, g as SigningSessionConfig } from './types-s_O0u6Cg.cjs';
-export { EmbedTransport, EmbedTransportHandlers, EmbedTransportOptions } from './embed.cjs';
-export { C as CasualApp, a as CasualEnvelope, d as CommandSetLocaleData, e as CommandSetReadOnlyData, f as CommandSetThemeData, E as EditorHelloData, H as HostHelloData, L as LoadRequestData, h as LoadResponseData, i as LoadResponseDataErr, j as LoadResponseDataOk, k as LockLostData, S as SaveRequestData, l as SaveResponseData, m as SaveResponseDataErr, n as SaveResponseDataOk, o as SelectionChangedData, q as SignatureCancelData, r as SignatureCompleteData, s as SignatureFieldSignedData, t as SignatureRequestAckData, u as SignatureRequestData, T as TelemetryEventData, v as isCasualEnvelope } from './protocol--KyBQUjU.cjs';
-export { CasualSheets, CasualSheetsAPI, CasualSheetsIframe, CasualSheetsIframeProps, CasualSheetsIframeRef, CasualSheetsProps, HostFileBridge, RangeRef, createCasualSheetsAPI } from './sheets.cjs';
+export { EmbedHostHandlers, EmbedHostTransport, EmbedHostTransportOptions, EmbedTransport, EmbedTransportHandlers, EmbedTransportOptions } from './embed.cjs';
+export { C as CasualApp, a as CasualEnvelope, d as CommandSetLocaleData, e as CommandSetReadOnlyData, f as CommandSetThemeData, E as EditorHelloData, h as ExitData, H as HostHelloData, L as LoadRequestData, i as LoadResponseData, j as LoadResponseDataErr, k as LoadResponseDataOk, l as LockLostData, S as SaveNotifyData, m as SaveRequestData, n as SaveResponseData, o as SaveResponseDataErr, p as SaveResponseDataOk, q as SelectionChangedData, s as SignatureCancelData, t as SignatureCompleteData, u as SignatureFieldSignedData, v as SignatureRequestAckData, w as SignatureRequestData, T as TelemetryEventData, x as isCasualEnvelope } from './protocol-Cq4Cdoyi.cjs';
+export { CasualSheets, CasualSheetsIframe, CasualSheetsIframeProps, CasualSheetsIframeRef, CasualSheetsProps, HostFileBridge } from './sheets.cjs';
+export { C as CasualSheetsAPI, R as RangeRef, c as createCasualSheetsAPI } from './api-BI2VLYQ6.cjs';
 import 'react';
 import '@univerjs/core';
 import '@univerjs/themes';

package/dist/index.d.ts

@@ -1,8 +1,9 @@
 export { CapturedSignature, DrawnSignaturePad, DrawnSignaturePadProps, SigningController, SigningPane, SigningPaneProps, SigningProvider, SigningProviderProps, SigningSnapshot, TypedSignatureField, TypedSignatureFieldProps, UploadedSignatureField, UploadedSignatureFieldProps, createSigningController, useSigning } from './signing.js';
 export { C as CancelReason, D as DocAnchor, S as SheetAnchor, a as SignatureAnchor, b as SignatureCompletePayload, c as SignatureField, d as SignatureMethod, e as SignatureMode, f as SignedFieldPayload, g as SigningSessionConfig } from './types-s_O0u6Cg.js';
-export { EmbedTransport, EmbedTransportHandlers, EmbedTransportOptions } from './embed.js';
-export { C as CasualApp, a as CasualEnvelope, d as CommandSetLocaleData, e as CommandSetReadOnlyData, f as CommandSetThemeData, E as EditorHelloData, H as HostHelloData, L as LoadRequestData, h as LoadResponseData, i as LoadResponseDataErr, j as LoadResponseDataOk, k as LockLostData, S as SaveRequestData, l as SaveResponseData, m as SaveResponseDataErr, n as SaveResponseDataOk, o as SelectionChangedData, q as SignatureCancelData, r as SignatureCompleteData, s as SignatureFieldSignedData, t as SignatureRequestAckData, u as SignatureRequestData, T as TelemetryEventData, v as isCasualEnvelope } from './protocol-cEzy7S0i.js';
-export { CasualSheets, CasualSheetsAPI, CasualSheetsIframe, CasualSheetsIframeProps, CasualSheetsIframeRef, CasualSheetsProps, HostFileBridge, RangeRef, createCasualSheetsAPI } from './sheets.js';
+export { EmbedHostHandlers, EmbedHostTransport, EmbedHostTransportOptions, EmbedTransport, EmbedTransportHandlers, EmbedTransportOptions } from './embed.js';
+export { C as CasualApp, a as CasualEnvelope, d as CommandSetLocaleData, e as CommandSetReadOnlyData, f as CommandSetThemeData, E as EditorHelloData, h as ExitData, H as HostHelloData, L as LoadRequestData, i as LoadResponseData, j as LoadResponseDataErr, k as LoadResponseDataOk, l as LockLostData, S as SaveNotifyData, m as SaveRequestData, n as SaveResponseData, o as SaveResponseDataErr, p as SaveResponseDataOk, q as SelectionChangedData, s as SignatureCancelData, t as SignatureCompleteData, u as SignatureFieldSignedData, v as SignatureRequestAckData, w as SignatureRequestData, T as TelemetryEventData, x as isCasualEnvelope } from './protocol-DqDaG2yG.js';
+export { CasualSheets, CasualSheetsIframe, CasualSheetsIframeProps, CasualSheetsIframeRef, CasualSheetsProps, HostFileBridge } from './sheets.js';
+export { C as CasualSheetsAPI, R as RangeRef, c as createCasualSheetsAPI } from './api-BI2VLYQ6.js';
 import 'react';
 import '@univerjs/core';
 import '@univerjs/themes';

package/dist/index.js

@@ -730,6 +730,18 @@ var EmbedTransport = class {
   async requestSave(req, timeoutMs = 3e4) {
     return this.request("casual.save.request", req, timeoutMs, [req.bytes]);
   }
+  /** Editor → Host: the user asked to save (Ctrl/Cmd+S or a host save
+   *  command). Fire-and-forget snapshot notification — the lightweight
+   *  mirror of the React `onSave` hook. The host persists however it
+   *  likes; no response is awaited. */
+  sendSaveNotify(data) {
+    this.post("casual.save.notify", data);
+  }
+  /** Editor → Host: the editor is unmounting. Carries the final snapshot
+   *  so the host can persist on exit. Mirror of the React `onExit` hook. */
+  sendExit(data) {
+    this.post("casual.exit", data);
+  }
   /** Editor → Host: selection moved. Fire-and-forget. */
   sendSelectionChanged(data) {
     this.post("casual.selection.changed", data);
@@ -872,8 +884,167 @@ function newRequestId() {
   return Math.random().toString(16).slice(2, 10);
 }
 
+// src/embed/EmbedHostTransport.ts
+var EmbedHostTransport = class {
+  constructor(opts) {
+    __publicField(this, "opts");
+    __publicField(this, "handlers", {});
+    __publicField(this, "boundOnMessage");
+    __publicField(this, "destroyed", false);
+    this.opts = opts;
+    this.boundOnMessage = this.onMessage.bind(this);
+    const target = opts.hostWindow ?? window;
+    target.addEventListener("message", this.boundOnMessage);
+  }
+  on(handlers) {
+    this.handlers = { ...this.handlers, ...handlers };
+  }
+  destroy() {
+    if (this.destroyed) return;
+    this.destroyed = true;
+    const target = this.opts.hostWindow ?? window;
+    target.removeEventListener("message", this.boundOnMessage);
+  }
+  sendHostHello(data) {
+    this.post("casual.hello", data);
+  }
+  sendSetViewMode(data) {
+    this.post("casual.command.set.viewmode", data);
+  }
+  sendSetReadOnly(data) {
+    this.post("casual.command.set.readonly", data);
+  }
+  sendSetTheme(data) {
+    this.post("casual.command.set.theme", data);
+  }
+  sendSetLocale(data) {
+    this.post("casual.command.set.locale", data);
+  }
+  sendCommandSave() {
+    this.post("casual.command.save", null);
+  }
+  sendCommandFocus() {
+    this.post("casual.command.focus", null);
+  }
+  /** Host → Editor: run a formatting / navigation command (bold,
+   *  italic, undo, …) against the active selection. v0.6+. */
+  sendCommandExecute(data) {
+    this.post("casual.command.execute", data);
+  }
+  sendSignatureRequest(id, data) {
+    this.post("casual.signature.request", data, id);
+  }
+  sendSignatureCancel(data) {
+    this.post("casual.signature.cancel", data);
+  }
+  onMessage(ev) {
+    if (this.destroyed) return;
+    if (ev.origin !== this.opts.embedOrigin) return;
+    if (ev.source !== this.opts.iframeWindow) return;
+    if (!isCasualEnvelope(ev.data)) return;
+    if (ev.data.app !== this.opts.app) return;
+    void this.dispatch(ev.data);
+  }
+  async dispatch(env) {
+    switch (env.type) {
+      case "casual.ready":
+        this.handlers.onEditorReady?.(env.data);
+        return;
+      case "casual.load.request": {
+        if (!this.handlers.onLoadRequest) return;
+        const id = env.id ?? "";
+        try {
+          const resp = await this.handlers.onLoadRequest(env.data);
+          const transfer = resp.ok ? [resp.bytes] : [];
+          this.post("casual.load.response", resp, id, transfer);
+        } catch (err) {
+          this.post(
+            "casual.load.response",
+            {
+              ok: false,
+              code: "host_error",
+              message: err instanceof Error ? err.message : String(err)
+            },
+            id
+          );
+        }
+        return;
+      }
+      case "casual.save.request": {
+        if (!this.handlers.onSaveRequest) return;
+        const id = env.id ?? "";
+        try {
+          const resp = await this.handlers.onSaveRequest(env.data);
+          this.post("casual.save.response", resp, id);
+        } catch (err) {
+          this.post(
+            "casual.save.response",
+            {
+              ok: false,
+              code: "host_error",
+              message: err instanceof Error ? err.message : String(err)
+            },
+            id
+          );
+        }
+        return;
+      }
+      case "casual.save.notify":
+        this.handlers.onSaveNotify?.(env.data);
+        return;
+      case "casual.exit":
+        this.handlers.onExit?.(env.data);
+        return;
+      case "casual.selection.changed":
+        this.handlers.onSelectionChanged?.(env.data);
+        return;
+      case "casual.selection.format-state":
+        this.handlers.onSelectionFormatState?.(env.data);
+        return;
+      case "casual.telemetry.event":
+        this.handlers.onTelemetry?.(env.data);
+        return;
+      case "casual.signature.field.signed":
+        this.handlers.onSignatureFieldSigned?.(env.data);
+        return;
+      case "casual.signature.complete":
+        this.handlers.onSignatureComplete?.(env.data);
+        return;
+      case "casual.signature.cancel":
+        this.handlers.onSignatureCancel?.(env.data);
+        return;
+      case "casual.signature.request.ack":
+        return;
+      case "casual.error":
+        this.handlers.onError?.(env.data);
+        return;
+      default:
+        return;
+    }
+  }
+  post(type, data, id, transfer) {
+    const env = {
+      type,
+      app: this.opts.app,
+      v: 1,
+      data,
+      ...id ? { id } : {}
+    };
+    const send = this.opts.iframeWindow.postMessage.bind(
+      this.opts.iframeWindow
+    );
+    send(env, this.opts.embedOrigin, transfer);
+  }
+};
+
 // src/sheets/CasualSheets.tsx
-import { useEffect as useEffect4, useRef as useRef2 } from "react";
+import {
+  lazy,
+  Suspense,
+  useEffect as useEffect4,
+  useRef as useRef2,
+  useState as useState4
+} from "react";
 import {
   ICommandService,
   LocaleType,
@@ -891,7 +1062,7 @@ import { UniverDocsPlugin } from "@univerjs/docs";
 import { UniverDocsUIPlugin } from "@univerjs/docs-ui";
 import { UniverSheetsPlugin } from "@univerjs/sheets";
 import { UniverSheetsUIPlugin } from "@univerjs/sheets-ui";
-import { UniverSheetsFormulaPlugin } from "@univerjs/sheets-formula";
+import { UniverSheetsFormulaPlugin, CalculationMode } from "@univerjs/sheets-formula";
 import { UniverSheetsFormulaUIPlugin } from "@univerjs/sheets-formula-ui";
 import { UniverSheetsNumfmtPlugin } from "@univerjs/sheets-numfmt";
 import { UniverSheetsNumfmtUIPlugin } from "@univerjs/sheets-numfmt-ui";
@@ -1108,7 +1279,13 @@ function snapshotHasHyperlinks(snapshot) {
 }
 
 // src/sheets/CasualSheets.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+var ChromeTop = lazy(
+  () => import("@casualoffice/sheets/chrome").then((m) => ({ default: m.ChromeTop }))
+);
+var ChromeBottom = lazy(
+  () => import("@casualoffice/sheets/chrome").then((m) => ({ default: m.ChromeBottom }))
+);
 var DEFAULT_STYLE = {
   width: "100%",
   height: "100%",
@@ -1125,13 +1302,18 @@ function CasualSheets({
   onReady,
   onChange,
   onChangeDebounceMs = 400,
+  onSave,
+  onExit,
   lazyPlugins = true,
+  onBeforeCreateUnit,
+  formula,
   locale = LocaleType.EN_US,
   locales,
   logLevel = LogLevel.WARN,
   ui,
   theme = defaultTheme,
   appearance = "light",
+  chrome = "none",
   style,
   className,
   testId = "casual-sheets"
@@ -1140,7 +1322,12 @@ function CasualSheets({
   const onChangeRef = useRef2(onChange);
   onChangeRef.current = onChange;
   const hasOnChange = useRef2(!!onChange).current;
+  const onSaveRef = useRef2(onSave);
+  onSaveRef.current = onSave;
+  const onExitRef = useRef2(onExit);
+  onExitRef.current = onExit;
   const apiRef = useRef2(null);
+  const [chromeApi, setChromeApi] = useState4(null);
   useEffect4(() => {
     const container = hostRef.current;
     if (!container) return;
@@ -1151,22 +1338,38 @@ function CasualSheets({
       logLevel
     });
     const uiOpts = { ...DEFAULT_UI, ...ui, container };
-    univer.registerPlugin(UniverRenderEnginePlugin);
-    univer.registerPlugin(UniverFormulaEnginePlugin);
-    univer.registerPlugin(UniverUIPlugin, uiOpts);
-    univer.registerPlugin(UniverDocsPlugin);
-    univer.registerPlugin(UniverDocsUIPlugin);
-    univer.registerPlugin(UniverSheetsPlugin);
-    univer.registerPlugin(UniverSheetsUIPlugin);
-    univer.registerPlugin(UniverSheetsFormulaPlugin);
-    univer.registerPlugin(UniverSheetsFormulaUIPlugin);
-    univer.registerPlugin(UniverSheetsNumfmtPlugin);
-    univer.registerPlugin(UniverSheetsNumfmtUIPlugin);
-    if (lazyPlugins) setUniverForLazyLoad(univer);
+    const offMain = !!formula?.worker;
     let cancelled = false;
     let changeTimer = null;
     let changeSub;
     void (async () => {
+      let RPCMainThreadPlugin = null;
+      if (offMain && formula?.worker) {
+        RPCMainThreadPlugin = (await import("@univerjs/rpc")).UniverRPCMainThreadPlugin;
+        if (cancelled) return;
+      }
+      univer.registerPlugin(UniverRenderEnginePlugin);
+      univer.registerPlugin(
+        UniverFormulaEnginePlugin,
+        offMain ? { notExecuteFormula: true } : void 0
+      );
+      if (RPCMainThreadPlugin && formula?.worker) {
+        univer.registerPlugin(RPCMainThreadPlugin, { workerURL: formula.worker });
+      }
+      univer.registerPlugin(UniverUIPlugin, uiOpts);
+      univer.registerPlugin(UniverDocsPlugin);
+      univer.registerPlugin(UniverDocsUIPlugin);
+      univer.registerPlugin(UniverSheetsPlugin, offMain ? { notExecuteFormula: true } : void 0);
+      univer.registerPlugin(UniverSheetsUIPlugin);
+      univer.registerPlugin(
+        UniverSheetsFormulaPlugin,
+        offMain ? { notExecuteFormula: true, initialFormulaComputing: CalculationMode.NO_CALCULATION } : void 0
+      );
+      univer.registerPlugin(UniverSheetsFormulaUIPlugin);
+      univer.registerPlugin(UniverSheetsNumfmtPlugin);
+      univer.registerPlugin(UniverSheetsNumfmtUIPlugin);
+      if (lazyPlugins) setUniverForLazyLoad(univer);
+      onBeforeCreateUnit?.(univer);
       if (lazyPlugins) {
         await eagerLoadForSnapshot(univer, initialData);
         if (cancelled) return;
@@ -1174,6 +1377,7 @@ function CasualSheets({
       univer.createUnit(UniverInstanceType.UNIVER_SHEET, initialData);
       const api = createCasualSheetsAPI(FUniver.newAPI(univer));
       apiRef.current = api;
+      if (!cancelled && chrome !== "none") setChromeApi(api);
       applyAppearance(api, container, appearance);
       onReady?.(api);
       if (hasOnChange) {
@@ -1194,7 +1398,12 @@ function CasualSheets({
       cancelled = true;
       if (changeTimer) clearTimeout(changeTimer);
       changeSub?.dispose();
+      if (onExitRef.current) {
+        const snap = apiRef.current?.getSnapshot();
+        if (snap) onExitRef.current(snap);
+      }
       apiRef.current = null;
+      setChromeApi(null);
       if (lazyPlugins) setUniverForLazyLoad(null);
       const toDispose = univer;
       queueMicrotask(() => toDispose.dispose());
@@ -1206,13 +1415,55 @@ function CasualSheets({
     if (!api || !container) return;
     applyAppearance(api, container, appearance);
   }, [appearance]);
-  return /* @__PURE__ */ jsx4(
+  const onKeyDownCapture = (e) => {
+    if ((e.metaKey || e.ctrlKey) && (e.key === "s" || e.key === "S")) {
+      e.preventDefault();
+      const snap = apiRef.current?.getSnapshot();
+      if (snap) onSaveRef.current?.(snap);
+    }
+  };
+  if (chrome === "none") {
+    return /* @__PURE__ */ jsx4(
+      "div",
+      {
+        ref: hostRef,
+        onKeyDownCapture,
+        style: { ...DEFAULT_STYLE, ...style },
+        className,
+        "data-testid": testId
+      }
+    );
+  }
+  const dark = appearance === "dark";
+  const chromeVars = {
+    "--cs-chrome-bg": dark ? "#2a2e35" : "#eef1f5",
+    "--cs-chrome-fg": dark ? "#e6e6e6" : "#201f1e",
+    "--cs-chrome-muted": dark ? "#b0b3ba" : "#605e5c",
+    "--cs-chrome-border": dark ? "#32363d" : "#e6e9ee",
+    "--cs-chrome-input-bg": dark ? "#23262c" : "#ffffff",
+    "--cs-chrome-hover": dark ? "rgba(255,255,255,0.08)" : "rgba(0,0,0,0.06)",
+    // accent (design-system #0e7490) for active toggle states.
+    "--cs-chrome-active": dark ? "rgba(21,151,186,0.22)" : "#e6f3f7",
+    "--cs-chrome-active-fg": dark ? "#7fd3e6" : "#0e7490"
+  };
+  return /* @__PURE__ */ jsxs3(
     "div",
     {
-      ref: hostRef,
-      style: { ...DEFAULT_STYLE, ...style },
       className,
-      "data-testid": testId
+      "data-testid": testId,
+      onKeyDownCapture,
+      style: {
+        ...DEFAULT_STYLE,
+        ...chromeVars,
+        ...style,
+        display: "flex",
+        flexDirection: "column"
+      },
+      children: [
+        /* @__PURE__ */ jsx4(Suspense, { fallback: null, children: /* @__PURE__ */ jsx4(ChromeTop, { api: chromeApi }) }),
+        /* @__PURE__ */ jsx4("div", { ref: hostRef, style: { flex: "1 1 auto", minHeight: 0, position: "relative" } }),
+        /* @__PURE__ */ jsx4(Suspense, { fallback: null, children: /* @__PURE__ */ jsx4(ChromeBottom, { api: chromeApi }) })
+      ]
     }
   );
 }
@@ -1234,155 +1485,6 @@ import {
   useEffect as useEffect5,
   useRef as useRef3
 } from "react";
-
-// src/embed/EmbedHostTransport.ts
-var EmbedHostTransport = class {
-  constructor(opts) {
-    __publicField(this, "opts");
-    __publicField(this, "handlers", {});
-    __publicField(this, "boundOnMessage");
-    __publicField(this, "destroyed", false);
-    this.opts = opts;
-    this.boundOnMessage = this.onMessage.bind(this);
-    const target = opts.hostWindow ?? window;
-    target.addEventListener("message", this.boundOnMessage);
-  }
-  on(handlers) {
-    this.handlers = { ...this.handlers, ...handlers };
-  }
-  destroy() {
-    if (this.destroyed) return;
-    this.destroyed = true;
-    const target = this.opts.hostWindow ?? window;
-    target.removeEventListener("message", this.boundOnMessage);
-  }
-  sendHostHello(data) {
-    this.post("casual.hello", data);
-  }
-  sendSetViewMode(data) {
-    this.post("casual.command.set.viewmode", data);
-  }
-  sendSetReadOnly(data) {
-    this.post("casual.command.set.readonly", data);
-  }
-  sendSetTheme(data) {
-    this.post("casual.command.set.theme", data);
-  }
-  sendSetLocale(data) {
-    this.post("casual.command.set.locale", data);
-  }
-  sendCommandSave() {
-    this.post("casual.command.save", null);
-  }
-  sendCommandFocus() {
-    this.post("casual.command.focus", null);
-  }
-  /** Host → Editor: run a formatting / navigation command (bold,
-   *  italic, undo, …) against the active selection. v0.6+. */
-  sendCommandExecute(data) {
-    this.post("casual.command.execute", data);
-  }
-  sendSignatureRequest(id, data) {
-    this.post("casual.signature.request", data, id);
-  }
-  sendSignatureCancel(data) {
-    this.post("casual.signature.cancel", data);
-  }
-  onMessage(ev) {
-    if (this.destroyed) return;
-    if (ev.origin !== this.opts.embedOrigin) return;
-    if (ev.source !== this.opts.iframeWindow) return;
-    if (!isCasualEnvelope(ev.data)) return;
-    if (ev.data.app !== this.opts.app) return;
-    void this.dispatch(ev.data);
-  }
-  async dispatch(env) {
-    switch (env.type) {
-      case "casual.ready":
-        this.handlers.onEditorReady?.(env.data);
-        return;
-      case "casual.load.request": {
-        if (!this.handlers.onLoadRequest) return;
-        const id = env.id ?? "";
-        try {
-          const resp = await this.handlers.onLoadRequest(env.data);
-          const transfer = resp.ok ? [resp.bytes] : [];
-          this.post("casual.load.response", resp, id, transfer);
-        } catch (err) {
-          this.post(
-            "casual.load.response",
-            {
-              ok: false,
-              code: "host_error",
-              message: err instanceof Error ? err.message : String(err)
-            },
-            id
-          );
-        }
-        return;
-      }
-      case "casual.save.request": {
-        if (!this.handlers.onSaveRequest) return;
-        const id = env.id ?? "";
-        try {
-          const resp = await this.handlers.onSaveRequest(env.data);
-          this.post("casual.save.response", resp, id);
-        } catch (err) {
-          this.post(
-            "casual.save.response",
-            {
-              ok: false,
-              code: "host_error",
-              message: err instanceof Error ? err.message : String(err)
-            },
-            id
-          );
-        }
-        return;
-      }
-      case "casual.selection.changed":
-        this.handlers.onSelectionChanged?.(env.data);
-        return;
-      case "casual.selection.format-state":
-        this.handlers.onSelectionFormatState?.(env.data);
-        return;
-      case "casual.telemetry.event":
-        this.handlers.onTelemetry?.(env.data);
-        return;
-      case "casual.signature.field.signed":
-        this.handlers.onSignatureFieldSigned?.(env.data);
-        return;
-      case "casual.signature.complete":
-        this.handlers.onSignatureComplete?.(env.data);
-        return;
-      case "casual.signature.cancel":
-        this.handlers.onSignatureCancel?.(env.data);
-        return;
-      case "casual.signature.request.ack":
-        return;
-      case "casual.error":
-        this.handlers.onError?.(env.data);
-        return;
-      default:
-        return;
-    }
-  }
-  post(type, data, id, transfer) {
-    const env = {
-      type,
-      app: this.opts.app,
-      v: 1,
-      data,
-      ...id ? { id } : {}
-    };
-    const send = this.opts.iframeWindow.postMessage.bind(
-      this.opts.iframeWindow
-    );
-    send(env, this.opts.embedOrigin, transfer);
-  }
-};
-
-// src/sheets/CasualSheetsIframe.tsx
 import { jsx as jsx5 } from "react/jsx-runtime";
 var DEFAULT_STYLE2 = {
   width: "100%",
@@ -1517,6 +1619,7 @@ export {
   CasualSheets,
   CasualSheetsIframe,
   DrawnSignaturePad,
+  EmbedHostTransport,
   EmbedTransport,
   SigningPane,
   SigningProvider,