@tinyweb_dev/oe-meeting-react 0.1.0

package/dist/index.d.cts

@@ -0,0 +1,167 @@
+import * as react from 'react';
+import { CSSProperties, Ref } from 'react';
+
+declare const EMBED_PROTOCOL_VERSION: 1;
+declare const EMBED_MESSAGE_SOURCE: "oemeeting";
+declare const DEFAULT_EMBED_ORIGIN = "https://meet.oceanedu.org";
+declare enum EmbedEventType {
+    READY = "oemeeting:ready",
+    JOINED = "oemeeting:joined",
+    LEFT = "oemeeting:left",
+    PARTICIPANT_JOINED = "oemeeting:participant-joined",
+    PARTICIPANT_LEFT = "oemeeting:participant-left",
+    ENDED = "oemeeting:ended",
+    ERROR = "oemeeting:error"
+}
+declare enum EmbedCommandType {
+    COMMAND = "oemeeting:command"
+}
+declare enum EmbedCommandAction {
+    LEAVE = "leave",
+    TOGGLE_MIC = "toggleMic",
+    TOGGLE_CAMERA = "toggleCamera"
+}
+declare enum EmbedErrorCode {
+    TOKEN_INVALID = "TOKEN_INVALID",
+    TOKEN_EXPIRED = "TOKEN_EXPIRED",
+    ROOM_NOT_FOUND = "ROOM_NOT_FOUND",
+    ROOM_ACCESS_DENIED = "ROOM_ACCESS_DENIED",
+    CONNECTION_FAILED = "CONNECTION_FAILED",
+    PROTOCOL_MISMATCH = "PROTOCOL_MISMATCH",
+    UNKNOWN = "UNKNOWN"
+}
+declare enum EmbedQueryParam {
+    INSTANCE_ID = "instanceId",
+    HOST_ORIGIN = "hostOrigin",
+    JOIN_TOKEN = "joinToken",
+    USER_NAME = "userName",
+    EXTERNAL_USER_ID = "externalUserId",
+    LANG = "lang",
+    AUTO_JOIN = "autoJoin",
+    HIDE_LEAVE = "hideLeave"
+}
+
+interface EmbedMessageBase {
+    source: 'oemeeting';
+    version: number;
+    instanceId: string;
+}
+interface EmbedReadyPayload {
+    roomSlug: string;
+}
+interface EmbedJoinedPayload {
+    roomSlug: string;
+    identity: string;
+    name?: string;
+    joinedAt: string;
+}
+interface EmbedLeftPayload {
+    roomSlug: string;
+    identity: string;
+    leftAt: string;
+    durationMs?: number;
+}
+interface EmbedParticipantJoinedPayload {
+    identity: string;
+    name?: string;
+    participantCount: number;
+}
+interface EmbedParticipantLeftPayload {
+    identity: string;
+    participantCount: number;
+}
+interface EmbedEndedPayload {
+    roomSlug: string;
+    endedAt: string;
+}
+interface EmbedErrorPayload {
+    code: EmbedErrorCode | string;
+    message: string;
+}
+type EmbedEventPayloadMap = {
+    [EmbedEventType.READY]: EmbedReadyPayload;
+    [EmbedEventType.JOINED]: EmbedJoinedPayload;
+    [EmbedEventType.LEFT]: EmbedLeftPayload;
+    [EmbedEventType.PARTICIPANT_JOINED]: EmbedParticipantJoinedPayload;
+    [EmbedEventType.PARTICIPANT_LEFT]: EmbedParticipantLeftPayload;
+    [EmbedEventType.ENDED]: EmbedEndedPayload;
+    [EmbedEventType.ERROR]: EmbedErrorPayload;
+};
+type EmbedEventByType<T extends EmbedEventType> = EmbedMessageBase & {
+    type: T;
+    payload: EmbedEventPayloadMap[T];
+};
+type EmbedEvent = {
+    [T in EmbedEventType]: EmbedEventByType<T>;
+}[EmbedEventType];
+type EmbedEventOf<T extends EmbedEventType> = Extract<EmbedEvent, {
+    type: T;
+}>;
+type EmbedCommandMessage = EmbedMessageBase & {
+    type: 'oemeeting:command';
+    action: EmbedCommandAction;
+};
+interface OeMeetingHandle {
+    leave: () => void;
+    toggleMic: () => void;
+    toggleCamera: () => void;
+    getIframe: () => HTMLIFrameElement | null;
+}
+interface OeMeetingProps {
+    roomSlug: string;
+    joinToken: string;
+    userName?: string;
+    externalUserId?: string;
+    origin?: string;
+    lang?: string;
+    autoJoin?: boolean;
+    hideLeave?: boolean;
+    title?: string;
+    width?: number | string;
+    height?: number | string;
+    className?: string;
+    style?: CSSProperties;
+    iframeClassName?: string;
+    iframeStyle?: CSSProperties;
+    allow?: string;
+    targetOrigin?: string;
+    onReady?: (event: EmbedEventOf<EmbedEventType.READY>) => void;
+    onJoined?: (event: EmbedEventOf<EmbedEventType.JOINED>) => void;
+    onLeft?: (event: EmbedEventOf<EmbedEventType.LEFT>) => void;
+    onParticipantJoined?: (event: EmbedEventOf<EmbedEventType.PARTICIPANT_JOINED>) => void;
+    onParticipantLeft?: (event: EmbedEventOf<EmbedEventType.PARTICIPANT_LEFT>) => void;
+    onEnded?: (event: EmbedEventOf<EmbedEventType.ENDED>) => void;
+    onError?: (event: EmbedEventOf<EmbedEventType.ERROR>) => void;
+    onEvent?: (event: EmbedEvent) => void;
+}
+interface BuildEmbedUrlOptions {
+    roomSlug: string;
+    joinToken: string;
+    origin?: string;
+    userName?: string;
+    externalUserId?: string;
+    lang?: string;
+    autoJoin?: boolean;
+    hideLeave?: boolean;
+    instanceId?: string;
+    hostOrigin?: string;
+}
+
+declare const DEFAULT_IFRAME_ALLOW = "camera; microphone; fullscreen; autoplay; display-capture; clipboard-write; encrypted-media";
+declare const OeMeeting: react.ForwardRefExoticComponent<OeMeetingProps & react.RefAttributes<OeMeetingHandle>>;
+
+type UseOeMeetingOptions = Pick<OeMeetingProps, 'onReady' | 'onJoined' | 'onLeft' | 'onParticipantJoined' | 'onParticipantLeft' | 'onEnded' | 'onError' | 'onEvent'> & {
+    instanceId: string;
+    targetOrigin: string;
+    handleRef?: Ref<OeMeetingHandle>;
+};
+declare function useOeMeeting(options: UseOeMeetingOptions): {
+    iframeRef: react.MutableRefObject<HTMLIFrameElement | null>;
+    handle: OeMeetingHandle;
+};
+
+declare function buildEmbedUrl(options: BuildEmbedUrlOptions): string;
+
+declare function parseEmbedEvent(data: unknown): EmbedEvent | null;
+
+export { type BuildEmbedUrlOptions, DEFAULT_EMBED_ORIGIN, DEFAULT_IFRAME_ALLOW, EMBED_MESSAGE_SOURCE, EMBED_PROTOCOL_VERSION, EmbedCommandAction, type EmbedCommandMessage, EmbedCommandType, type EmbedEndedPayload, EmbedErrorCode, type EmbedErrorPayload, type EmbedEvent, type EmbedEventOf, type EmbedEventPayloadMap, EmbedEventType, type EmbedJoinedPayload, type EmbedLeftPayload, type EmbedMessageBase, type EmbedParticipantJoinedPayload, type EmbedParticipantLeftPayload, EmbedQueryParam, type EmbedReadyPayload, OeMeeting, type OeMeetingHandle, type OeMeetingProps, buildEmbedUrl, parseEmbedEvent, useOeMeeting };

package/dist/index.d.ts

@@ -0,0 +1,167 @@
+import * as react from 'react';
+import { CSSProperties, Ref } from 'react';
+
+declare const EMBED_PROTOCOL_VERSION: 1;
+declare const EMBED_MESSAGE_SOURCE: "oemeeting";
+declare const DEFAULT_EMBED_ORIGIN = "https://meet.oceanedu.org";
+declare enum EmbedEventType {
+    READY = "oemeeting:ready",
+    JOINED = "oemeeting:joined",
+    LEFT = "oemeeting:left",
+    PARTICIPANT_JOINED = "oemeeting:participant-joined",
+    PARTICIPANT_LEFT = "oemeeting:participant-left",
+    ENDED = "oemeeting:ended",
+    ERROR = "oemeeting:error"
+}
+declare enum EmbedCommandType {
+    COMMAND = "oemeeting:command"
+}
+declare enum EmbedCommandAction {
+    LEAVE = "leave",
+    TOGGLE_MIC = "toggleMic",
+    TOGGLE_CAMERA = "toggleCamera"
+}
+declare enum EmbedErrorCode {
+    TOKEN_INVALID = "TOKEN_INVALID",
+    TOKEN_EXPIRED = "TOKEN_EXPIRED",
+    ROOM_NOT_FOUND = "ROOM_NOT_FOUND",
+    ROOM_ACCESS_DENIED = "ROOM_ACCESS_DENIED",
+    CONNECTION_FAILED = "CONNECTION_FAILED",
+    PROTOCOL_MISMATCH = "PROTOCOL_MISMATCH",
+    UNKNOWN = "UNKNOWN"
+}
+declare enum EmbedQueryParam {
+    INSTANCE_ID = "instanceId",
+    HOST_ORIGIN = "hostOrigin",
+    JOIN_TOKEN = "joinToken",
+    USER_NAME = "userName",
+    EXTERNAL_USER_ID = "externalUserId",
+    LANG = "lang",
+    AUTO_JOIN = "autoJoin",
+    HIDE_LEAVE = "hideLeave"
+}
+
+interface EmbedMessageBase {
+    source: 'oemeeting';
+    version: number;
+    instanceId: string;
+}
+interface EmbedReadyPayload {
+    roomSlug: string;
+}
+interface EmbedJoinedPayload {
+    roomSlug: string;
+    identity: string;
+    name?: string;
+    joinedAt: string;
+}
+interface EmbedLeftPayload {
+    roomSlug: string;
+    identity: string;
+    leftAt: string;
+    durationMs?: number;
+}
+interface EmbedParticipantJoinedPayload {
+    identity: string;
+    name?: string;
+    participantCount: number;
+}
+interface EmbedParticipantLeftPayload {
+    identity: string;
+    participantCount: number;
+}
+interface EmbedEndedPayload {
+    roomSlug: string;
+    endedAt: string;
+}
+interface EmbedErrorPayload {
+    code: EmbedErrorCode | string;
+    message: string;
+}
+type EmbedEventPayloadMap = {
+    [EmbedEventType.READY]: EmbedReadyPayload;
+    [EmbedEventType.JOINED]: EmbedJoinedPayload;
+    [EmbedEventType.LEFT]: EmbedLeftPayload;
+    [EmbedEventType.PARTICIPANT_JOINED]: EmbedParticipantJoinedPayload;
+    [EmbedEventType.PARTICIPANT_LEFT]: EmbedParticipantLeftPayload;
+    [EmbedEventType.ENDED]: EmbedEndedPayload;
+    [EmbedEventType.ERROR]: EmbedErrorPayload;
+};
+type EmbedEventByType<T extends EmbedEventType> = EmbedMessageBase & {
+    type: T;
+    payload: EmbedEventPayloadMap[T];
+};
+type EmbedEvent = {
+    [T in EmbedEventType]: EmbedEventByType<T>;
+}[EmbedEventType];
+type EmbedEventOf<T extends EmbedEventType> = Extract<EmbedEvent, {
+    type: T;
+}>;
+type EmbedCommandMessage = EmbedMessageBase & {
+    type: 'oemeeting:command';
+    action: EmbedCommandAction;
+};
+interface OeMeetingHandle {
+    leave: () => void;
+    toggleMic: () => void;
+    toggleCamera: () => void;
+    getIframe: () => HTMLIFrameElement | null;
+}
+interface OeMeetingProps {
+    roomSlug: string;
+    joinToken: string;
+    userName?: string;
+    externalUserId?: string;
+    origin?: string;
+    lang?: string;
+    autoJoin?: boolean;
+    hideLeave?: boolean;
+    title?: string;
+    width?: number | string;
+    height?: number | string;
+    className?: string;
+    style?: CSSProperties;
+    iframeClassName?: string;
+    iframeStyle?: CSSProperties;
+    allow?: string;
+    targetOrigin?: string;
+    onReady?: (event: EmbedEventOf<EmbedEventType.READY>) => void;
+    onJoined?: (event: EmbedEventOf<EmbedEventType.JOINED>) => void;
+    onLeft?: (event: EmbedEventOf<EmbedEventType.LEFT>) => void;
+    onParticipantJoined?: (event: EmbedEventOf<EmbedEventType.PARTICIPANT_JOINED>) => void;
+    onParticipantLeft?: (event: EmbedEventOf<EmbedEventType.PARTICIPANT_LEFT>) => void;
+    onEnded?: (event: EmbedEventOf<EmbedEventType.ENDED>) => void;
+    onError?: (event: EmbedEventOf<EmbedEventType.ERROR>) => void;
+    onEvent?: (event: EmbedEvent) => void;
+}
+interface BuildEmbedUrlOptions {
+    roomSlug: string;
+    joinToken: string;
+    origin?: string;
+    userName?: string;
+    externalUserId?: string;
+    lang?: string;
+    autoJoin?: boolean;
+    hideLeave?: boolean;
+    instanceId?: string;
+    hostOrigin?: string;
+}
+
+declare const DEFAULT_IFRAME_ALLOW = "camera; microphone; fullscreen; autoplay; display-capture; clipboard-write; encrypted-media";
+declare const OeMeeting: react.ForwardRefExoticComponent<OeMeetingProps & react.RefAttributes<OeMeetingHandle>>;
+
+type UseOeMeetingOptions = Pick<OeMeetingProps, 'onReady' | 'onJoined' | 'onLeft' | 'onParticipantJoined' | 'onParticipantLeft' | 'onEnded' | 'onError' | 'onEvent'> & {
+    instanceId: string;
+    targetOrigin: string;
+    handleRef?: Ref<OeMeetingHandle>;
+};
+declare function useOeMeeting(options: UseOeMeetingOptions): {
+    iframeRef: react.MutableRefObject<HTMLIFrameElement | null>;
+    handle: OeMeetingHandle;
+};
+
+declare function buildEmbedUrl(options: BuildEmbedUrlOptions): string;
+
+declare function parseEmbedEvent(data: unknown): EmbedEvent | null;
+
+export { type BuildEmbedUrlOptions, DEFAULT_EMBED_ORIGIN, DEFAULT_IFRAME_ALLOW, EMBED_MESSAGE_SOURCE, EMBED_PROTOCOL_VERSION, EmbedCommandAction, type EmbedCommandMessage, EmbedCommandType, type EmbedEndedPayload, EmbedErrorCode, type EmbedErrorPayload, type EmbedEvent, type EmbedEventOf, type EmbedEventPayloadMap, EmbedEventType, type EmbedJoinedPayload, type EmbedLeftPayload, type EmbedMessageBase, type EmbedParticipantJoinedPayload, type EmbedParticipantLeftPayload, EmbedQueryParam, type EmbedReadyPayload, OeMeeting, type OeMeetingHandle, type OeMeetingProps, buildEmbedUrl, parseEmbedEvent, useOeMeeting };

package/dist/index.js

@@ -0,0 +1,358 @@
+// src/OeMeeting.tsx
+import {
+  forwardRef,
+  useId,
+  useMemo as useMemo2
+} from "react";
+
+// src/embed-protocol.ts
+var EMBED_PROTOCOL_VERSION = 1;
+var EMBED_MESSAGE_SOURCE = "oemeeting";
+var DEFAULT_EMBED_ORIGIN = "https://meet.oceanedu.org";
+var EmbedEventType = /* @__PURE__ */ ((EmbedEventType2) => {
+  EmbedEventType2["READY"] = "oemeeting:ready";
+  EmbedEventType2["JOINED"] = "oemeeting:joined";
+  EmbedEventType2["LEFT"] = "oemeeting:left";
+  EmbedEventType2["PARTICIPANT_JOINED"] = "oemeeting:participant-joined";
+  EmbedEventType2["PARTICIPANT_LEFT"] = "oemeeting:participant-left";
+  EmbedEventType2["ENDED"] = "oemeeting:ended";
+  EmbedEventType2["ERROR"] = "oemeeting:error";
+  return EmbedEventType2;
+})(EmbedEventType || {});
+var EmbedCommandType = /* @__PURE__ */ ((EmbedCommandType2) => {
+  EmbedCommandType2["COMMAND"] = "oemeeting:command";
+  return EmbedCommandType2;
+})(EmbedCommandType || {});
+var EmbedCommandAction = /* @__PURE__ */ ((EmbedCommandAction2) => {
+  EmbedCommandAction2["LEAVE"] = "leave";
+  EmbedCommandAction2["TOGGLE_MIC"] = "toggleMic";
+  EmbedCommandAction2["TOGGLE_CAMERA"] = "toggleCamera";
+  return EmbedCommandAction2;
+})(EmbedCommandAction || {});
+var EmbedErrorCode = /* @__PURE__ */ ((EmbedErrorCode2) => {
+  EmbedErrorCode2["TOKEN_INVALID"] = "TOKEN_INVALID";
+  EmbedErrorCode2["TOKEN_EXPIRED"] = "TOKEN_EXPIRED";
+  EmbedErrorCode2["ROOM_NOT_FOUND"] = "ROOM_NOT_FOUND";
+  EmbedErrorCode2["ROOM_ACCESS_DENIED"] = "ROOM_ACCESS_DENIED";
+  EmbedErrorCode2["CONNECTION_FAILED"] = "CONNECTION_FAILED";
+  EmbedErrorCode2["PROTOCOL_MISMATCH"] = "PROTOCOL_MISMATCH";
+  EmbedErrorCode2["UNKNOWN"] = "UNKNOWN";
+  return EmbedErrorCode2;
+})(EmbedErrorCode || {});
+var EmbedQueryParam = /* @__PURE__ */ ((EmbedQueryParam2) => {
+  EmbedQueryParam2["INSTANCE_ID"] = "instanceId";
+  EmbedQueryParam2["HOST_ORIGIN"] = "hostOrigin";
+  EmbedQueryParam2["JOIN_TOKEN"] = "joinToken";
+  EmbedQueryParam2["USER_NAME"] = "userName";
+  EmbedQueryParam2["EXTERNAL_USER_ID"] = "externalUserId";
+  EmbedQueryParam2["LANG"] = "lang";
+  EmbedQueryParam2["AUTO_JOIN"] = "autoJoin";
+  EmbedQueryParam2["HIDE_LEAVE"] = "hideLeave";
+  return EmbedQueryParam2;
+})(EmbedQueryParam || {});
+
+// src/buildEmbedUrl.ts
+var QUERY_FLAG_ENABLED = "1";
+var QUERY_FLAG_DISABLED = "0";
+function toFlag(value) {
+  if (value === void 0) return void 0;
+  return value ? QUERY_FLAG_ENABLED : QUERY_FLAG_DISABLED;
+}
+function normalizeOrigin(origin) {
+  return origin.replace(/\/+$/, "");
+}
+function buildEmbedUrl(options) {
+  const roomSlug = options.roomSlug.trim();
+  const joinToken = options.joinToken.trim();
+  if (!roomSlug) {
+    throw new Error("OE Meeting embed requires a non-empty roomSlug.");
+  }
+  if (!joinToken) {
+    throw new Error("OE Meeting embed requires a non-empty joinToken.");
+  }
+  const origin = normalizeOrigin(options.origin ?? DEFAULT_EMBED_ORIGIN);
+  const url = new URL(`${origin}/embed/${encodeURIComponent(roomSlug)}`);
+  const entries = [
+    ["instanceId" /* INSTANCE_ID */, options.instanceId],
+    ["hostOrigin" /* HOST_ORIGIN */, options.hostOrigin],
+    ["joinToken" /* JOIN_TOKEN */, joinToken],
+    ["userName" /* USER_NAME */, options.userName],
+    ["externalUserId" /* EXTERNAL_USER_ID */, options.externalUserId],
+    ["lang" /* LANG */, options.lang],
+    ["autoJoin" /* AUTO_JOIN */, toFlag(options.autoJoin)],
+    ["hideLeave" /* HIDE_LEAVE */, toFlag(options.hideLeave)]
+  ];
+  for (const [key, value] of entries) {
+    if (value !== void 0 && value !== "") {
+      url.searchParams.set(key, value);
+    }
+  }
+  return url.toString();
+}
+
+// src/useOeMeeting.ts
+import {
+  useCallback,
+  useEffect,
+  useImperativeHandle,
+  useMemo,
+  useRef
+} from "react";
+
+// src/parseEmbedEvent.ts
+var EVENT_TYPES = new Set(Object.values(EmbedEventType));
+function isRecord(value) {
+  return typeof value === "object" && value !== null;
+}
+function isOptionalString(value) {
+  return value === void 0 || typeof value === "string";
+}
+function hasValidPayload(type, payload) {
+  switch (type) {
+    case "oemeeting:ready" /* READY */:
+      return typeof payload.roomSlug === "string";
+    case "oemeeting:joined" /* JOINED */:
+      return typeof payload.roomSlug === "string" && typeof payload.identity === "string" && isOptionalString(payload.name) && typeof payload.joinedAt === "string";
+    case "oemeeting:left" /* LEFT */:
+      return typeof payload.roomSlug === "string" && typeof payload.identity === "string" && typeof payload.leftAt === "string" && (payload.durationMs === void 0 || typeof payload.durationMs === "number");
+    case "oemeeting:participant-joined" /* PARTICIPANT_JOINED */:
+      return typeof payload.identity === "string" && isOptionalString(payload.name) && typeof payload.participantCount === "number";
+    case "oemeeting:participant-left" /* PARTICIPANT_LEFT */:
+      return typeof payload.identity === "string" && typeof payload.participantCount === "number";
+    case "oemeeting:ended" /* ENDED */:
+      return typeof payload.roomSlug === "string" && typeof payload.endedAt === "string";
+    case "oemeeting:error" /* ERROR */:
+      return typeof payload.code === "string" && typeof payload.message === "string";
+  }
+}
+function parseEmbedEvent(data) {
+  if (!isRecord(data)) return null;
+  if (data.source !== EMBED_MESSAGE_SOURCE || data.version !== EMBED_PROTOCOL_VERSION || typeof data.instanceId !== "string" || data.instanceId.length === 0 || typeof data.type !== "string" || !EVENT_TYPES.has(data.type) || !isRecord(data.payload)) {
+    return null;
+  }
+  const type = data.type;
+  if (!hasValidPayload(type, data.payload)) return null;
+  return data;
+}
+
+// src/useOeMeeting.ts
+function postCommand(options) {
+  const frameWindow = options.iframe?.contentWindow;
+  if (!frameWindow) return;
+  const message = {
+    source: EMBED_MESSAGE_SOURCE,
+    version: EMBED_PROTOCOL_VERSION,
+    instanceId: options.instanceId,
+    type: "oemeeting:command" /* COMMAND */,
+    action: options.action
+  };
+  frameWindow.postMessage(message, options.targetOrigin);
+}
+function useOeMeeting(options) {
+  const iframeRef = useRef(null);
+  const callbacksRef = useRef(options);
+  useEffect(() => {
+    callbacksRef.current = options;
+  }, [options]);
+  useEffect(() => {
+    const onMessage = (event) => {
+      const frameWindow = iframeRef.current?.contentWindow;
+      if (!frameWindow || event.source !== frameWindow || event.origin !== options.targetOrigin) {
+        return;
+      }
+      const embedEvent = parseEmbedEvent(event.data);
+      if (!embedEvent || embedEvent.instanceId !== options.instanceId) return;
+      const callbacks = callbacksRef.current;
+      callbacks.onEvent?.(embedEvent);
+      switch (embedEvent.type) {
+        case "oemeeting:ready" /* READY */:
+          callbacks.onReady?.(embedEvent);
+          break;
+        case "oemeeting:joined" /* JOINED */:
+          callbacks.onJoined?.(embedEvent);
+          break;
+        case "oemeeting:left" /* LEFT */:
+          callbacks.onLeft?.(embedEvent);
+          break;
+        case "oemeeting:participant-joined" /* PARTICIPANT_JOINED */:
+          callbacks.onParticipantJoined?.(embedEvent);
+          break;
+        case "oemeeting:participant-left" /* PARTICIPANT_LEFT */:
+          callbacks.onParticipantLeft?.(embedEvent);
+          break;
+        case "oemeeting:ended" /* ENDED */:
+          callbacks.onEnded?.(embedEvent);
+          break;
+        case "oemeeting:error" /* ERROR */:
+          callbacks.onError?.(embedEvent);
+          break;
+      }
+    };
+    window.addEventListener("message", onMessage);
+    return () => window.removeEventListener("message", onMessage);
+  }, [options.instanceId, options.targetOrigin]);
+  const send = useCallback(
+    (action) => postCommand({
+      iframe: iframeRef.current,
+      instanceId: options.instanceId,
+      action,
+      targetOrigin: options.targetOrigin
+    }),
+    [options.instanceId, options.targetOrigin]
+  );
+  const leave = useCallback(() => send("leave" /* LEAVE */), [send]);
+  const toggleMic = useCallback(
+    () => send("toggleMic" /* TOGGLE_MIC */),
+    [send]
+  );
+  const toggleCamera = useCallback(
+    () => send("toggleCamera" /* TOGGLE_CAMERA */),
+    [send]
+  );
+  const getIframe = useCallback(() => iframeRef.current, []);
+  const handle = useMemo(
+    () => ({ leave, toggleMic, toggleCamera, getIframe }),
+    [getIframe, leave, toggleCamera, toggleMic]
+  );
+  useImperativeHandle(options.handleRef, () => handle, [handle]);
+  return { iframeRef, handle };
+}
+
+// src/OeMeeting.tsx
+import { jsx } from "react/jsx-runtime";
+var DEFAULT_IFRAME_ALLOW = "camera; microphone; fullscreen; autoplay; display-capture; clipboard-write; encrypted-media";
+function toCssSize(value) {
+  if (value === void 0) return void 0;
+  return typeof value === "number" ? `${value}px` : value;
+}
+function getOrigin(value) {
+  return new URL(value).origin;
+}
+var OeMeeting = forwardRef(
+  function OeMeeting2(props, ref) {
+    const {
+      roomSlug,
+      joinToken,
+      userName,
+      externalUserId,
+      origin = DEFAULT_EMBED_ORIGIN,
+      lang,
+      autoJoin = true,
+      hideLeave,
+      title = "OE Meeting room",
+      width = "100%",
+      height = 640,
+      className,
+      style,
+      iframeClassName,
+      iframeStyle,
+      allow = DEFAULT_IFRAME_ALLOW,
+      targetOrigin,
+      onReady,
+      onJoined,
+      onLeft,
+      onParticipantJoined,
+      onParticipantLeft,
+      onEnded,
+      onError,
+      onEvent
+    } = props;
+    const reactId = useId();
+    const instanceId = useMemo2(
+      () => `oem-${reactId.replace(/:/g, "")}`,
+      [reactId]
+    );
+    const embedOrigin = useMemo2(() => getOrigin(origin), [origin]);
+    const resolvedTargetOrigin = targetOrigin ?? embedOrigin;
+    const hostOrigin = typeof window === "undefined" ? void 0 : window.location.origin;
+    const src = useMemo2(
+      () => buildEmbedUrl({
+        roomSlug,
+        joinToken,
+        userName,
+        externalUserId,
+        origin,
+        lang,
+        autoJoin,
+        hideLeave,
+        instanceId,
+        hostOrigin
+      }),
+      [
+        autoJoin,
+        externalUserId,
+        hideLeave,
+        hostOrigin,
+        instanceId,
+        joinToken,
+        lang,
+        origin,
+        roomSlug,
+        userName
+      ]
+    );
+    const { iframeRef } = useOeMeeting({
+      instanceId,
+      targetOrigin: resolvedTargetOrigin,
+      handleRef: ref,
+      onReady,
+      onJoined,
+      onLeft,
+      onParticipantJoined,
+      onParticipantLeft,
+      onEnded,
+      onError,
+      onEvent
+    });
+    const wrapperStyle = {
+      width: toCssSize(width),
+      height: toCssSize(height),
+      ...style
+    };
+    const frameStyle = {
+      width: "100%",
+      height: "100%",
+      border: 0,
+      display: "block",
+      ...iframeStyle
+    };
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className,
+        style: wrapperStyle,
+        "data-oe-meeting-instance": instanceId,
+        children: /* @__PURE__ */ jsx(
+          "iframe",
+          {
+            ref: iframeRef,
+            className: iframeClassName,
+            style: frameStyle,
+            src,
+            title,
+            allow,
+            allowFullScreen: true,
+            referrerPolicy: "strict-origin-when-cross-origin"
+          }
+        )
+      }
+    );
+  }
+);
+OeMeeting.displayName = "OeMeeting";
+export {
+  DEFAULT_EMBED_ORIGIN,
+  DEFAULT_IFRAME_ALLOW,
+  EMBED_MESSAGE_SOURCE,
+  EMBED_PROTOCOL_VERSION,
+  EmbedCommandAction,
+  EmbedCommandType,
+  EmbedErrorCode,
+  EmbedEventType,
+  EmbedQueryParam,
+  OeMeeting,
+  buildEmbedUrl,
+  parseEmbedEvent,
+  useOeMeeting
+};
+//# sourceMappingURL=index.js.map