@humeai/voice-embed 0.0.0-beta.1

package/dist/index.js

@@ -0,0 +1,334 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  COLLAPSE_WIDGET_ACTION: () => COLLAPSE_WIDGET_ACTION,
+  EXPAND_WIDGET_ACTION: () => EXPAND_WIDGET_ACTION,
+  EmbeddedVoice: () => EmbeddedVoice,
+  LanguageModelOption: () => import_voice3.LanguageModelOption,
+  MINIMIZE_WIDGET_ACTION: () => MINIMIZE_WIDGET_ACTION,
+  RESIZE_FRAME_ACTION: () => RESIZE_FRAME_ACTION,
+  TRANSCRIPT_MESSAGE_ACTION: () => TRANSCRIPT_MESSAGE_ACTION,
+  WIDGET_IFRAME_IS_READY_ACTION: () => WIDGET_IFRAME_IS_READY_ACTION,
+  parseClientToFrameAction: () => parseClientToFrameAction
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/lib/embed.ts
+var import_voice2 = require("@humeai/voice");
+
+// src/lib/embed-messages.ts
+var import_voice = require("@humeai/voice");
+var import_zod = require("zod");
+var WindowDimensionsSchema = import_zod.z.object({
+  width: import_zod.z.number(),
+  height: import_zod.z.number()
+});
+var ClientToFrameActionSchema = import_zod.z.union([
+  import_zod.z.object({
+    type: import_zod.z.literal("update_config"),
+    payload: import_voice.ConfigSchema
+  }),
+  import_zod.z.object({
+    type: import_zod.z.literal("cancel")
+  }),
+  import_zod.z.object({
+    type: import_zod.z.literal("expand_widget_from_client"),
+    payload: WindowDimensionsSchema
+  }),
+  import_zod.z.object({
+    type: import_zod.z.literal("send_window_size"),
+    payload: WindowDimensionsSchema
+  })
+]);
+var UPDATE_CONFIG_ACTION = (config) => ({
+  type: "update_config",
+  payload: config
+});
+var EXPAND_FROM_CLIENT_ACTION = (dimensions) => ({
+  type: "expand_widget_from_client",
+  payload: dimensions
+});
+var SEND_WINDOW_SIZE_ACTION = (dimensions) => ({
+  type: "send_window_size",
+  payload: dimensions
+});
+var parseClientToFrameAction = (data) => {
+  return new Promise((resolve, reject) => {
+    try {
+      const value = ClientToFrameActionSchema.parse(data);
+      resolve(value);
+    } catch (error) {
+      reject(error);
+    }
+  });
+};
+var FrameToClientActionSchema = import_zod.z.union([
+  import_zod.z.object({
+    type: import_zod.z.literal("expand_widget")
+  }),
+  import_zod.z.object({
+    type: import_zod.z.literal("collapse_widget")
+  }),
+  import_zod.z.object({
+    type: import_zod.z.literal("minimize_widget")
+  }),
+  import_zod.z.object({
+    type: import_zod.z.literal("widget_iframe_is_ready")
+  }),
+  import_zod.z.object({
+    type: import_zod.z.literal("transcript_message"),
+    payload: import_zod.z.union([
+      import_voice.UserTranscriptMessageSchema,
+      import_voice.AgentTranscriptMessageSchema
+    ])
+  }),
+  import_zod.z.object({
+    type: import_zod.z.literal("resize_frame"),
+    payload: import_zod.z.object({
+      width: import_zod.z.number(),
+      height: import_zod.z.number()
+    })
+  })
+]);
+var EXPAND_WIDGET_ACTION = {
+  type: "expand_widget"
+};
+var COLLAPSE_WIDGET_ACTION = {
+  type: "collapse_widget"
+};
+var MINIMIZE_WIDGET_ACTION = {
+  type: "minimize_widget"
+};
+var WIDGET_IFRAME_IS_READY_ACTION = {
+  type: "widget_iframe_is_ready"
+};
+var TRANSCRIPT_MESSAGE_ACTION = (message) => {
+  return {
+    type: "transcript_message",
+    payload: message
+  };
+};
+var RESIZE_FRAME_ACTION = (dimensions) => {
+  return {
+    type: "resize_frame",
+    payload: {
+      width: dimensions.width,
+      height: dimensions.height
+    }
+  };
+};
+
+// src/lib/embed.ts
+var EmbeddedVoice = class _EmbeddedVoice {
+  iframe;
+  isMounted = false;
+  managedContainer = null;
+  config;
+  onMessage;
+  onClose;
+  constructor({
+    onMessage = () => {
+    },
+    onClose = () => {
+    },
+    ...config
+  }) {
+    this.config = config;
+    this.iframe = this.createIframe(config);
+    this.onMessage = onMessage;
+    this.onClose = onClose;
+    this.messageHandler = this.messageHandler.bind(this);
+  }
+  static create({
+    rendererUrl,
+    onMessage,
+    onClose,
+    ...config
+  }) {
+    const parsedConfig = (0, import_voice2.createConfig)(config);
+    return new _EmbeddedVoice({
+      rendererUrl: rendererUrl ?? "https://voice-widget.hume.ai",
+      onMessage,
+      onClose,
+      ...parsedConfig
+    });
+  }
+  mount(container) {
+    const messageHandler = (event) => {
+      this.messageHandler(event);
+    };
+    const resizeHandler = () => {
+      this.sendWindowSize();
+    };
+    const el = container ?? this.createContainer();
+    this.managedContainer = el;
+    try {
+      window.addEventListener("message", messageHandler);
+      window.addEventListener("resize", resizeHandler);
+      el.appendChild(this.iframe);
+      this.isMounted = true;
+    } catch (e) {
+      this.isMounted = false;
+    }
+    const unmount = () => {
+      try {
+        window.removeEventListener("message", messageHandler);
+        window.removeEventListener("resize", resizeHandler);
+        this.iframe.remove();
+        this.isMounted = false;
+      } catch (e) {
+        this.isMounted = true;
+      }
+      if (!container) {
+        el.remove();
+      }
+    };
+    return unmount;
+  }
+  createContainer() {
+    const div = document.createElement("div");
+    Object.assign(div.style, {
+      background: "transparent",
+      position: "fixed",
+      bottom: "0",
+      right: "0",
+      padding: "24px",
+      zIndex: "999999",
+      fontSize: "0px",
+      pointerEvents: "none"
+    });
+    div.id = "hume-embedded-voice-container";
+    document.body.appendChild(div);
+    return div;
+  }
+  createIframe({ rendererUrl }) {
+    const el = document.createElement("iframe");
+    Object.assign(el.style, {
+      backgroundColor: "transparent",
+      backgroundImage: "none",
+      border: "none",
+      height: "0px",
+      width: "0px",
+      opacity: "0"
+    });
+    el.id = "hume-embedded-voice";
+    el.src = `${rendererUrl}`;
+    el.setAttribute("frameborder", "0");
+    el.setAttribute("allowtransparency", "true");
+    el.setAttribute("scrolling", "no");
+    el.setAttribute("allow", "microphone");
+    if (el.contentWindow) {
+      el.contentWindow.document.documentElement.style.backgroundColor = "transparent";
+      el.contentWindow.document.body.style.backgroundColor = "transparent";
+    }
+    return el;
+  }
+  messageHandler(event) {
+    if (!this.iframe) {
+      return;
+    }
+    if (event.origin !== new URL(this.iframe.src).origin) {
+      return;
+    }
+    const action = FrameToClientActionSchema.safeParse(event.data);
+    if (!action.success) {
+      return;
+    }
+    switch (action.data.type) {
+      case WIDGET_IFRAME_IS_READY_ACTION.type: {
+        this.showIframe();
+        this.sendConfigObject();
+        this.sendWindowSize();
+        break;
+      }
+      case "resize_frame": {
+        this.resizeIframe(action.data.payload);
+        break;
+      }
+      case "transcript_message": {
+        this.onMessage(action.data.payload);
+        break;
+      }
+      case "collapse_widget": {
+        this.onClose();
+        break;
+      }
+    }
+  }
+  openEmbed() {
+    const action = EXPAND_FROM_CLIENT_ACTION({
+      width: window.document.body.clientWidth,
+      height: window.document.body.clientHeight
+    });
+    this.sendMessageToFrame(action);
+  }
+  sendConfigObject() {
+    const action = UPDATE_CONFIG_ACTION(this.config);
+    this.sendMessageToFrame(action);
+  }
+  sendWindowSize() {
+    const action = SEND_WINDOW_SIZE_ACTION({
+      width: window.document.body.clientWidth,
+      height: window.document.body.clientHeight
+    });
+    this.sendMessageToFrame(action);
+  }
+  sendMessageToFrame(action) {
+    const frame = this.iframe;
+    if (!frame.contentWindow) {
+      return;
+    }
+    frame.contentWindow.postMessage(action, new URL(frame.src).origin);
+  }
+  showIframe() {
+    this.iframe.style.opacity = "1";
+    if (this.managedContainer) {
+      this.managedContainer.style.pointerEvents = "all";
+    }
+  }
+  hideIframe() {
+    this.iframe.style.opacity = "0";
+    if (this.managedContainer) {
+      this.managedContainer.style.pointerEvents = "none";
+    }
+  }
+  resizeIframe({ width, height }) {
+    this.iframe.style.width = `${width}px`;
+    this.iframe.style.height = `${height}px`;
+  }
+};
+
+// src/index.ts
+var import_voice3 = require("@humeai/voice");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  COLLAPSE_WIDGET_ACTION,
+  EXPAND_WIDGET_ACTION,
+  EmbeddedVoice,
+  LanguageModelOption,
+  MINIMIZE_WIDGET_ACTION,
+  RESIZE_FRAME_ACTION,
+  TRANSCRIPT_MESSAGE_ACTION,
+  WIDGET_IFRAME_IS_READY_ACTION,
+  parseClientToFrameAction
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/lib/embed.ts","../src/lib/embed-messages.ts"],"sourcesContent":["export * from './lib/embed';\n\nexport {\n  COLLAPSE_WIDGET_ACTION,\n  EXPAND_WIDGET_ACTION,\n  MINIMIZE_WIDGET_ACTION,\n  RESIZE_FRAME_ACTION,\n  TRANSCRIPT_MESSAGE_ACTION,\n  WIDGET_IFRAME_IS_READY_ACTION,\n  parseClientToFrameAction,\n  type FrameToClientAction,\n  type WindowDimensions,\n} from './lib/embed-messages';\n\nexport type {\n  AgentTranscriptMessage,\n  Config,\n  JSONMessage,\n  UserTranscriptMessage,\n  EmotionScores,\n} from '@humeai/voice';\n\nexport { LanguageModelOption } from '@humeai/voice';\n","import type {\n  AgentTranscriptMessage,\n  Config,\n  UserTranscriptMessage,\n} from '@humeai/voice';\nimport { createConfig } from '@humeai/voice';\n\nimport type { ClientToFrameAction } from './embed-messages';\nimport {\n  EXPAND_FROM_CLIENT_ACTION,\n  FrameToClientActionSchema,\n  SEND_WINDOW_SIZE_ACTION,\n  UPDATE_CONFIG_ACTION,\n  WIDGET_IFRAME_IS_READY_ACTION,\n} from './embed-messages';\n\nexport type EmbeddedVoiceConfig = {\n  rendererUrl: string;\n} & Config;\n\nexport type TranscriptMessageHandler = (\n  message: UserTranscriptMessage | AgentTranscriptMessage,\n) => void;\n\nexport type CloseHandler = () => void;\n\nexport class EmbeddedVoice {\n  private iframe: HTMLIFrameElement;\n\n  private isMounted: boolean = false;\n\n  private managedContainer: HTMLElement | null = null;\n\n  private config: EmbeddedVoiceConfig;\n\n  private onMessage: TranscriptMessageHandler;\n\n  private onClose: CloseHandler;\n\n  private constructor({\n    onMessage = () => {},\n    onClose = () => {},\n    ...config\n  }: {\n    onMessage?: TranscriptMessageHandler;\n    onClose?: CloseHandler;\n  } & EmbeddedVoiceConfig) {\n    this.config = config;\n    this.iframe = this.createIframe(config);\n    this.onMessage = onMessage;\n    this.onClose = onClose;\n    this.messageHandler = this.messageHandler.bind(this);\n  }\n\n  static create({\n    rendererUrl,\n    onMessage,\n    onClose,\n    ...config\n  }: Partial<EmbeddedVoiceConfig> & {\n    onMessage?: TranscriptMessageHandler;\n    onClose?: CloseHandler;\n  } & NonNullable<Pick<EmbeddedVoiceConfig, 'auth'>>): EmbeddedVoice {\n    const parsedConfig = createConfig(config);\n\n    return new EmbeddedVoice({\n      rendererUrl: rendererUrl ?? 'https://voice-widget.hume.ai',\n      onMessage,\n      onClose,\n      ...parsedConfig,\n    });\n  }\n\n  mount(container?: HTMLElement) {\n    const messageHandler = (event: MessageEvent<unknown>) => {\n      this.messageHandler(event);\n    };\n\n    const resizeHandler = () => {\n      this.sendWindowSize();\n    };\n\n    const el = container ?? this.createContainer();\n\n    this.managedContainer = el;\n\n    try {\n      window.addEventListener('message', messageHandler);\n      window.addEventListener('resize', resizeHandler);\n      el.appendChild(this.iframe);\n      this.isMounted = true;\n    } catch (e) {\n      this.isMounted = false;\n    }\n\n    const unmount = () => {\n      try {\n        window.removeEventListener('message', messageHandler);\n        window.removeEventListener('resize', resizeHandler);\n        this.iframe.remove();\n        this.isMounted = false;\n      } catch (e) {\n        this.isMounted = true;\n      }\n\n      if (!container) {\n        el.remove();\n      }\n    };\n\n    return unmount;\n  }\n\n  private createContainer() {\n    const div = document.createElement('div');\n\n    Object.assign(div.style, {\n      background: 'transparent',\n      position: 'fixed',\n      bottom: '0',\n      right: '0',\n      padding: '24px',\n      zIndex: '999999',\n      fontSize: '0px',\n      pointerEvents: 'none',\n    });\n\n    div.id = 'hume-embedded-voice-container';\n\n    document.body.appendChild(div);\n\n    return div;\n  }\n\n  private createIframe({ rendererUrl }: EmbeddedVoiceConfig) {\n    const el = document.createElement('iframe');\n\n    Object.assign(el.style, {\n      backgroundColor: 'transparent',\n      backgroundImage: 'none',\n      border: 'none',\n      height: '0px',\n      width: '0px',\n      opacity: '0',\n    });\n\n    el.id = 'hume-embedded-voice';\n\n    el.src = `${rendererUrl}`;\n\n    el.setAttribute('frameborder', '0');\n    el.setAttribute('allowtransparency', 'true');\n    el.setAttribute('scrolling', 'no');\n    el.setAttribute('allow', 'microphone');\n\n    if (el.contentWindow) {\n      el.contentWindow.document.documentElement.style.backgroundColor =\n        'transparent';\n      el.contentWindow.document.body.style.backgroundColor = 'transparent';\n    }\n\n    return el;\n  }\n\n  private messageHandler(event: MessageEvent<unknown>) {\n    if (!this.iframe) {\n      return;\n    }\n\n    if (event.origin !== new URL(this.iframe.src).origin) {\n      return;\n    }\n\n    const action = FrameToClientActionSchema.safeParse(event.data);\n\n    if (!action.success) {\n      return;\n    }\n\n    switch (action.data.type) {\n      case WIDGET_IFRAME_IS_READY_ACTION.type: {\n        this.showIframe();\n        this.sendConfigObject();\n        this.sendWindowSize();\n        break;\n      }\n      case 'resize_frame': {\n        this.resizeIframe(action.data.payload);\n        break;\n      }\n      case 'transcript_message': {\n        this.onMessage(action.data.payload);\n        break;\n      }\n      case 'collapse_widget': {\n        this.onClose();\n        break;\n      }\n    }\n  }\n\n  openEmbed() {\n    const action = EXPAND_FROM_CLIENT_ACTION({\n      width: window.document.body.clientWidth,\n      height: window.document.body.clientHeight,\n    });\n    this.sendMessageToFrame(action);\n  }\n\n  private sendConfigObject() {\n    const action = UPDATE_CONFIG_ACTION(this.config);\n    this.sendMessageToFrame(action);\n  }\n\n  private sendWindowSize() {\n    const action = SEND_WINDOW_SIZE_ACTION({\n      width: window.document.body.clientWidth,\n      height: window.document.body.clientHeight,\n    });\n    this.sendMessageToFrame(action);\n  }\n\n  private sendMessageToFrame(action: ClientToFrameAction) {\n    const frame = this.iframe;\n\n    if (!frame.contentWindow) {\n      return;\n    }\n\n    frame.contentWindow.postMessage(action, new URL(frame.src).origin);\n  }\n\n  private showIframe() {\n    this.iframe.style.opacity = '1';\n    if (this.managedContainer) {\n      this.managedContainer.style.pointerEvents = 'all';\n    }\n  }\n\n  private hideIframe() {\n    this.iframe.style.opacity = '0';\n    if (this.managedContainer) {\n      this.managedContainer.style.pointerEvents = 'none';\n    }\n  }\n\n  private resizeIframe({ width, height }: { width: number; height: number }) {\n    this.iframe.style.width = `${width}px`;\n    this.iframe.style.height = `${height}px`;\n  }\n}\n","/**                                                                      \n                                                                         \n            client                                      frame            \n                                                                         \n ┌───────────────────────────┐                                           \n │       mount iframe        │ ───────────▶                              \n └───────────────────────────┘                                           \n                                            ┌───────────────────────────┐\n                               ◀─────────── │      iframe is ready      │\n                                            └───────────────────────────┘\n ┌───────────────────────────┐                                           \n │        send config        │ ───────────▶                              \n └───────────────────────────┘                                           \n                                            ┌───────────────────────────┐\n                               ◀─────────── │      widget is open       │\n                                            └───────────────────────────┘\n                                            ┌───────────────────────────┐\n                               ◀─────────── │    widget is collapsed    │\n                                            └───────────────────────────┘\n                                            ┌───────────────────────────┐\n                               ◀─────────── │    widget is minimized    │\n                                            └───────────────────────────┘\n                                            ┌───────────────────────────┐\n                               ◀─────────── │    transcript message     │\n                                            └───────────────────────────┘\n                                            ┌───────────────────────────┐\n                               ◀─────────── │       resize window       │\n                                            └───────────────────────────┘\n ┌───────────────────────────┐                                           \n │      unmount iframe       │ ───────────▶                              \n └───────────────────────────┘                                           \n                                                                       */\nimport type {\n  AgentTranscriptMessage,\n  Config,\n  UserTranscriptMessage,\n} from '@humeai/voice';\nimport {\n  AgentTranscriptMessageSchema,\n  ConfigSchema,\n  UserTranscriptMessageSchema,\n} from '@humeai/voice';\nimport { z } from 'zod';\n\nconst WindowDimensionsSchema = z.object({\n  width: z.number(),\n  height: z.number(),\n});\n\nexport type WindowDimensions = z.infer<typeof WindowDimensionsSchema>;\n\n// ---------------------------------------------------------------------------\n// Client to frame actions\n// ---------------------------------------------------------------------------\nexport const ClientToFrameActionSchema = z.union([\n  z.object({\n    type: z.literal('update_config'),\n    payload: ConfigSchema,\n  }),\n  z.object({\n    type: z.literal('cancel'),\n  }),\n  z.object({\n    type: z.literal('expand_widget_from_client'),\n    payload: WindowDimensionsSchema,\n  }),\n  z.object({\n    type: z.literal('send_window_size'),\n    payload: WindowDimensionsSchema,\n  }),\n]);\n\nexport type ClientToFrameAction = z.infer<typeof ClientToFrameActionSchema>;\n\nexport const UPDATE_CONFIG_ACTION = (config: Config) =>\n  ({\n    type: 'update_config',\n    payload: config,\n  }) satisfies ClientToFrameAction;\n\nexport const EXPAND_FROM_CLIENT_ACTION = (dimensions: WindowDimensions) =>\n  ({\n    type: 'expand_widget_from_client',\n    payload: dimensions,\n  }) satisfies ClientToFrameAction;\n\nexport const SEND_WINDOW_SIZE_ACTION = (dimensions: WindowDimensions) =>\n  ({\n    type: 'send_window_size',\n    payload: dimensions,\n  }) satisfies ClientToFrameAction;\n\nexport const parseClientToFrameAction = (\n  data: unknown,\n): Promise<ClientToFrameAction> => {\n  return new Promise((resolve, reject) => {\n    try {\n      const value = ClientToFrameActionSchema.parse(data);\n      resolve(value);\n    } catch (error) {\n      reject(error);\n    }\n  });\n};\n\n// ---------------------------------------------------------------------------\n// Frame to client actions\n// ---------------------------------------------------------------------------\nexport const FrameToClientActionSchema = z.union([\n  z.object({\n    type: z.literal('expand_widget'),\n  }),\n  z.object({\n    type: z.literal('collapse_widget'),\n  }),\n  z.object({\n    type: z.literal('minimize_widget'),\n  }),\n  z.object({\n    type: z.literal('widget_iframe_is_ready'),\n  }),\n  z.object({\n    type: z.literal('transcript_message'),\n    payload: z.union([\n      UserTranscriptMessageSchema,\n      AgentTranscriptMessageSchema,\n    ]),\n  }),\n  z.object({\n    type: z.literal('resize_frame'),\n    payload: z.object({\n      width: z.number(),\n      height: z.number(),\n    }),\n  }),\n]);\n\nexport type FrameToClientAction = z.infer<typeof FrameToClientActionSchema>;\n\nexport const EXPAND_WIDGET_ACTION = {\n  type: 'expand_widget',\n} satisfies FrameToClientAction;\n\nexport const COLLAPSE_WIDGET_ACTION = {\n  type: 'collapse_widget' as const,\n} satisfies FrameToClientAction;\n\nexport const MINIMIZE_WIDGET_ACTION = {\n  type: 'minimize_widget',\n} satisfies FrameToClientAction;\n\nexport const WIDGET_IFRAME_IS_READY_ACTION = {\n  type: 'widget_iframe_is_ready',\n} satisfies FrameToClientAction;\n\nexport const TRANSCRIPT_MESSAGE_ACTION = (\n  message: UserTranscriptMessage | AgentTranscriptMessage,\n) => {\n  return {\n    type: 'transcript_message',\n    payload: message,\n  } satisfies FrameToClientAction;\n};\n\nexport const RESIZE_FRAME_ACTION = (dimensions: {\n  width: number;\n  height: number;\n}) => {\n  return {\n    type: 'resize_frame',\n    payload: {\n      width: dimensions.width,\n      height: dimensions.height,\n    },\n  } satisfies FrameToClientAction;\n};\n"],"mappings":"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","names":["import_voice","import_voice"]}

package/dist/index.mjs

@@ -0,0 +1,303 @@
+// src/lib/embed.ts
+import { createConfig } from "@humeai/voice";
+
+// src/lib/embed-messages.ts
+import {
+  AgentTranscriptMessageSchema,
+  ConfigSchema,
+  UserTranscriptMessageSchema
+} from "@humeai/voice";
+import { z } from "zod";
+var WindowDimensionsSchema = z.object({
+  width: z.number(),
+  height: z.number()
+});
+var ClientToFrameActionSchema = z.union([
+  z.object({
+    type: z.literal("update_config"),
+    payload: ConfigSchema
+  }),
+  z.object({
+    type: z.literal("cancel")
+  }),
+  z.object({
+    type: z.literal("expand_widget_from_client"),
+    payload: WindowDimensionsSchema
+  }),
+  z.object({
+    type: z.literal("send_window_size"),
+    payload: WindowDimensionsSchema
+  })
+]);
+var UPDATE_CONFIG_ACTION = (config) => ({
+  type: "update_config",
+  payload: config
+});
+var EXPAND_FROM_CLIENT_ACTION = (dimensions) => ({
+  type: "expand_widget_from_client",
+  payload: dimensions
+});
+var SEND_WINDOW_SIZE_ACTION = (dimensions) => ({
+  type: "send_window_size",
+  payload: dimensions
+});
+var parseClientToFrameAction = (data) => {
+  return new Promise((resolve, reject) => {
+    try {
+      const value = ClientToFrameActionSchema.parse(data);
+      resolve(value);
+    } catch (error) {
+      reject(error);
+    }
+  });
+};
+var FrameToClientActionSchema = z.union([
+  z.object({
+    type: z.literal("expand_widget")
+  }),
+  z.object({
+    type: z.literal("collapse_widget")
+  }),
+  z.object({
+    type: z.literal("minimize_widget")
+  }),
+  z.object({
+    type: z.literal("widget_iframe_is_ready")
+  }),
+  z.object({
+    type: z.literal("transcript_message"),
+    payload: z.union([
+      UserTranscriptMessageSchema,
+      AgentTranscriptMessageSchema
+    ])
+  }),
+  z.object({
+    type: z.literal("resize_frame"),
+    payload: z.object({
+      width: z.number(),
+      height: z.number()
+    })
+  })
+]);
+var EXPAND_WIDGET_ACTION = {
+  type: "expand_widget"
+};
+var COLLAPSE_WIDGET_ACTION = {
+  type: "collapse_widget"
+};
+var MINIMIZE_WIDGET_ACTION = {
+  type: "minimize_widget"
+};
+var WIDGET_IFRAME_IS_READY_ACTION = {
+  type: "widget_iframe_is_ready"
+};
+var TRANSCRIPT_MESSAGE_ACTION = (message) => {
+  return {
+    type: "transcript_message",
+    payload: message
+  };
+};
+var RESIZE_FRAME_ACTION = (dimensions) => {
+  return {
+    type: "resize_frame",
+    payload: {
+      width: dimensions.width,
+      height: dimensions.height
+    }
+  };
+};
+
+// src/lib/embed.ts
+var EmbeddedVoice = class _EmbeddedVoice {
+  iframe;
+  isMounted = false;
+  managedContainer = null;
+  config;
+  onMessage;
+  onClose;
+  constructor({
+    onMessage = () => {
+    },
+    onClose = () => {
+    },
+    ...config
+  }) {
+    this.config = config;
+    this.iframe = this.createIframe(config);
+    this.onMessage = onMessage;
+    this.onClose = onClose;
+    this.messageHandler = this.messageHandler.bind(this);
+  }
+  static create({
+    rendererUrl,
+    onMessage,
+    onClose,
+    ...config
+  }) {
+    const parsedConfig = createConfig(config);
+    return new _EmbeddedVoice({
+      rendererUrl: rendererUrl ?? "https://voice-widget.hume.ai",
+      onMessage,
+      onClose,
+      ...parsedConfig
+    });
+  }
+  mount(container) {
+    const messageHandler = (event) => {
+      this.messageHandler(event);
+    };
+    const resizeHandler = () => {
+      this.sendWindowSize();
+    };
+    const el = container ?? this.createContainer();
+    this.managedContainer = el;
+    try {
+      window.addEventListener("message", messageHandler);
+      window.addEventListener("resize", resizeHandler);
+      el.appendChild(this.iframe);
+      this.isMounted = true;
+    } catch (e) {
+      this.isMounted = false;
+    }
+    const unmount = () => {
+      try {
+        window.removeEventListener("message", messageHandler);
+        window.removeEventListener("resize", resizeHandler);
+        this.iframe.remove();
+        this.isMounted = false;
+      } catch (e) {
+        this.isMounted = true;
+      }
+      if (!container) {
+        el.remove();
+      }
+    };
+    return unmount;
+  }
+  createContainer() {
+    const div = document.createElement("div");
+    Object.assign(div.style, {
+      background: "transparent",
+      position: "fixed",
+      bottom: "0",
+      right: "0",
+      padding: "24px",
+      zIndex: "999999",
+      fontSize: "0px",
+      pointerEvents: "none"
+    });
+    div.id = "hume-embedded-voice-container";
+    document.body.appendChild(div);
+    return div;
+  }
+  createIframe({ rendererUrl }) {
+    const el = document.createElement("iframe");
+    Object.assign(el.style, {
+      backgroundColor: "transparent",
+      backgroundImage: "none",
+      border: "none",
+      height: "0px",
+      width: "0px",
+      opacity: "0"
+    });
+    el.id = "hume-embedded-voice";
+    el.src = `${rendererUrl}`;
+    el.setAttribute("frameborder", "0");
+    el.setAttribute("allowtransparency", "true");
+    el.setAttribute("scrolling", "no");
+    el.setAttribute("allow", "microphone");
+    if (el.contentWindow) {
+      el.contentWindow.document.documentElement.style.backgroundColor = "transparent";
+      el.contentWindow.document.body.style.backgroundColor = "transparent";
+    }
+    return el;
+  }
+  messageHandler(event) {
+    if (!this.iframe) {
+      return;
+    }
+    if (event.origin !== new URL(this.iframe.src).origin) {
+      return;
+    }
+    const action = FrameToClientActionSchema.safeParse(event.data);
+    if (!action.success) {
+      return;
+    }
+    switch (action.data.type) {
+      case WIDGET_IFRAME_IS_READY_ACTION.type: {
+        this.showIframe();
+        this.sendConfigObject();
+        this.sendWindowSize();
+        break;
+      }
+      case "resize_frame": {
+        this.resizeIframe(action.data.payload);
+        break;
+      }
+      case "transcript_message": {
+        this.onMessage(action.data.payload);
+        break;
+      }
+      case "collapse_widget": {
+        this.onClose();
+        break;
+      }
+    }
+  }
+  openEmbed() {
+    const action = EXPAND_FROM_CLIENT_ACTION({
+      width: window.document.body.clientWidth,
+      height: window.document.body.clientHeight
+    });
+    this.sendMessageToFrame(action);
+  }
+  sendConfigObject() {
+    const action = UPDATE_CONFIG_ACTION(this.config);
+    this.sendMessageToFrame(action);
+  }
+  sendWindowSize() {
+    const action = SEND_WINDOW_SIZE_ACTION({
+      width: window.document.body.clientWidth,
+      height: window.document.body.clientHeight
+    });
+    this.sendMessageToFrame(action);
+  }
+  sendMessageToFrame(action) {
+    const frame = this.iframe;
+    if (!frame.contentWindow) {
+      return;
+    }
+    frame.contentWindow.postMessage(action, new URL(frame.src).origin);
+  }
+  showIframe() {
+    this.iframe.style.opacity = "1";
+    if (this.managedContainer) {
+      this.managedContainer.style.pointerEvents = "all";
+    }
+  }
+  hideIframe() {
+    this.iframe.style.opacity = "0";
+    if (this.managedContainer) {
+      this.managedContainer.style.pointerEvents = "none";
+    }
+  }
+  resizeIframe({ width, height }) {
+    this.iframe.style.width = `${width}px`;
+    this.iframe.style.height = `${height}px`;
+  }
+};
+
+// src/index.ts
+import { LanguageModelOption } from "@humeai/voice";
+export {
+  COLLAPSE_WIDGET_ACTION,
+  EXPAND_WIDGET_ACTION,
+  EmbeddedVoice,
+  LanguageModelOption,
+  MINIMIZE_WIDGET_ACTION,
+  RESIZE_FRAME_ACTION,
+  TRANSCRIPT_MESSAGE_ACTION,
+  WIDGET_IFRAME_IS_READY_ACTION,
+  parseClientToFrameAction
+};
+//# sourceMappingURL=index.mjs.map