@healthcloudai/hc-patient-telehealth 0.0.2

package/dist/index.cjs

@@ -0,0 +1,850 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __esm = (fn, res) => function __init() {
+  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+};
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/theme/defaultTheme.ts
+var defaultTheme;
+var init_defaultTheme = __esm({
+  "src/theme/defaultTheme.ts"() {
+    "use strict";
+    defaultTheme = {
+      colors: {
+        primary: "#003C71",
+        btnPrimary: "#1e90ff",
+        success: "#2ecc71",
+        danger: "#e74c3c",
+        darkBackground: "#000",
+        lightBackground: "#fff",
+        text: "#fff",
+        iconColor: "#fff",
+        textDark: "#000"
+      },
+      fonts: {
+        regular: "System",
+        bold: "System-Bold",
+        size: {
+          small: 14,
+          medium: 18,
+          large: 24
+        }
+      }
+    };
+  }
+});
+
+// src/services/AgoraService/index.web.ts
+var index_web_exports = {};
+__export(index_web_exports, {
+  default: () => index_web_default
+});
+var AgoraRTC, client, appId, localAudioTrack, localVideoTrack, webAgoraService, index_web_default;
+var init_index_web = __esm({
+  "src/services/AgoraService/index.web.ts"() {
+    "use strict";
+    AgoraRTC = null;
+    client = null;
+    appId = "";
+    localAudioTrack = null;
+    localVideoTrack = null;
+    webAgoraService = {
+      //  INIT SDK + CLIENT
+      async init(appIdParam) {
+        if (typeof window === "undefined") return;
+        if (!AgoraRTC) {
+          const mod = await import("agora-rtc-sdk-ng");
+          AgoraRTC = mod.default;
+        }
+        appId = appIdParam;
+        if (!client) {
+          client = AgoraRTC.createClient({ mode: "rtc", codec: "vp8" });
+          console.log("WEB Agora client created");
+          this.setupEventListeners();
+        }
+      },
+      // JOIN CHANNEL
+      async joinChannel(tokenParam, channel, uidParam) {
+        if (!client) throw new Error("Client not initialized");
+        await client.join(appId, channel, tokenParam, uidParam);
+        console.log(" LOCAL JOIN SUCCESS", {
+          localUid: uidParam
+        });
+        await this.createLocalTracks();
+        await this.publishLocalTracks();
+        console.log(" LOCAL TRACKS PUBLISHED", {
+          audio: localAudioTrack,
+          video: localVideoTrack
+        });
+      },
+      //  CREATE LOCAL TRACKS
+      async createLocalTracks() {
+        localAudioTrack = await AgoraRTC.createMicrophoneAudioTrack();
+        localVideoTrack = await AgoraRTC.createCameraVideoTrack();
+        console.log("LOCAL TRACKS CREATED", {
+          uid: null
+        });
+      },
+      //  PUBLISH LOCAL TRACKS
+      async publishLocalTracks() {
+        await client.publish([localAudioTrack, localVideoTrack]);
+      },
+      //  EVENTS (REMOTE USERS)
+      setupEventListeners() {
+        client.on("user-joined", (user) => {
+          console.log(" REMOTE USER JOINED", {
+            remoteUid: user.uid
+          });
+        });
+        client.on("user-published", async (user, mediaType) => {
+          console.log(" REMOTE USER PUBLISHED", {
+            remoteUid: user.uid,
+            mediaType
+          });
+          await client.subscribe(user, mediaType);
+          console.log("SUBSCRIBED TO REMOTE", {
+            remoteUid: user.uid,
+            mediaType
+          });
+        });
+        client.on("user-unpublished", (user, mediaType) => {
+          console.log("REMOTE UNPUBLISHED", {
+            remoteUid: user.uid,
+            mediaType
+          });
+        });
+        client.on("user-left", (user) => {
+          console.log(" REMOTE USER LEFT", {
+            remoteUid: user.uid
+          });
+        });
+      },
+      // UI GETTERS 
+      getClient() {
+        return client;
+      },
+      getLocalTracks() {
+        return {
+          audio: localAudioTrack,
+          video: localVideoTrack
+        };
+      },
+      //  LEAVE CHANNEL
+      async leaveChannel() {
+        console.log(" LEAVING CHANNEL");
+        localAudioTrack == null ? void 0 : localAudioTrack.close();
+        localVideoTrack == null ? void 0 : localVideoTrack.close();
+        localAudioTrack = null;
+        localVideoTrack = null;
+        if (client) {
+          await client.leave();
+        }
+        console.log(" LEFT CHANNEL");
+      }
+    };
+    index_web_default = webAgoraService;
+  }
+});
+
+// src/services/AgoraService/index.native.ts
+var index_native_exports = {};
+__export(index_native_exports, {
+  default: () => index_native_default
+});
+var nativeAgoraService, index_native_default;
+var init_index_native = __esm({
+  "src/services/AgoraService/index.native.ts"() {
+    "use strict";
+    nativeAgoraService = {
+      init: async () => {
+      },
+      joinChannel: async () => {
+        throw new Error("AgoraService is not available on native. Use VideoElement.native.");
+      },
+      getLocalTracks: () => ({ audio: null, video: null }),
+      createLocalTracks: async () => {
+      },
+      publishLocalTracks: async () => {
+      },
+      getClient: () => null,
+      setupEventListeners: () => {
+      },
+      leaveChannel: async () => {
+      }
+    };
+    index_native_default = nativeAgoraService;
+  }
+});
+
+// src/services/AgoraService/index.ts
+var import_react_native, AgoraServiceImpl, AgoraService_default;
+var init_AgoraService = __esm({
+  "src/services/AgoraService/index.ts"() {
+    "use strict";
+    import_react_native = require("react-native");
+    AgoraServiceImpl = import_react_native.Platform.OS === "web" ? (init_index_web(), __toCommonJS(index_web_exports)).default : (init_index_native(), __toCommonJS(index_native_exports)).default;
+    AgoraService_default = AgoraServiceImpl;
+    console.info("[hc-patient-telehealth] AgoraService platform", import_react_native.Platform.OS);
+  }
+});
+
+// src/VideoElement/VideoElement.web.tsx
+var VideoElement_web_exports = {};
+__export(VideoElement_web_exports, {
+  default: () => VideoElement
+});
+function VideoElement({
+  tokenClient,
+  autoJoin,
+  onJoinedChange,
+  onError
+}) {
+  console.info("[hc-patient-telehealth] VideoElement.web render", {
+    hasTokenClient: !!tokenClient,
+    autoJoin
+  });
+  const localRef = (0, import_react.useRef)(null);
+  const remoteRef = (0, import_react.useRef)(null);
+  const [micOn, setMicOn] = (0, import_react.useState)(true);
+  const [cameraOn, setCameraOn] = (0, import_react.useState)(true);
+  const [chatOpen, setChatOpen] = (0, import_react.useState)(false);
+  const [joined, setJoined] = (0, import_react.useState)(false);
+  const join = async () => {
+    if (joined) return;
+    try {
+      console.info("[hc-patient-telehealth] VideoElement.web join start");
+      const session = await tokenClient.connectToTokenServer();
+      console.info("[hc-patient-telehealth] VideoElement.web session", {
+        hasToken: !!(session == null ? void 0 : session.token),
+        channelName: session == null ? void 0 : session.channelName,
+        uid: session == null ? void 0 : session.uid
+      });
+      await AgoraService_default.init(session.appId);
+      await AgoraService_default.joinChannel(session.token, session.channelName, session.uid);
+      const client2 = AgoraService_default.getClient();
+      client2.remoteUsers.forEach(async (user) => {
+        console.log("EXISTING REMOTE USER FOUND", {
+          remoteUid: user.uid,
+          hasVideo: !!user.videoTrack
+        });
+        if (user.hasVideo) {
+          await client2.subscribe(user, "video");
+          if (remoteRef.current) {
+            user.videoTrack.play(remoteRef.current);
+          }
+        }
+        if (user.hasAudio) {
+          await client2.subscribe(user, "audio");
+          user.audioTrack.play();
+        }
+      });
+      client2.on("user-published", async (user, mediaType) => {
+        console.log("REMOTE PUBLISHED", {
+          remoteUid: user.uid,
+          mediaType
+        });
+        await client2.subscribe(user, mediaType);
+        if (mediaType === "video" && remoteRef.current) {
+          user.videoTrack.play(remoteRef.current);
+        }
+        if (mediaType === "audio") {
+          user.audioTrack.play();
+        }
+      });
+      setJoined(true);
+      onJoinedChange == null ? void 0 : onJoinedChange(true);
+    } catch (err) {
+      console.error("[hc-patient-telehealth] VideoElement.web join error", err);
+      onError == null ? void 0 : onError(err);
+    }
+  };
+  (0, import_react.useEffect)(() => {
+    if (joined) {
+      const tracks = AgoraService_default.getLocalTracks();
+      const localVideoTrack2 = tracks == null ? void 0 : tracks.video;
+      const localAudioTrack2 = tracks == null ? void 0 : tracks.audio;
+      if (localVideoTrack2 && localRef.current) {
+        localVideoTrack2.play(localRef.current);
+      }
+    }
+  }, [joined]);
+  const leave = async () => {
+    console.info("[hc-patient-telehealth] VideoElement.web leave");
+    await AgoraService_default.leaveChannel();
+    setJoined(false);
+    onJoinedChange == null ? void 0 : onJoinedChange(false);
+    remoteRef.current && (remoteRef.current.innerHTML = "");
+    localRef.current && (localRef.current.innerHTML = "");
+  };
+  (0, import_react.useEffect)(() => {
+    return () => {
+      AgoraService_default.leaveChannel().catch(() => {
+      });
+    };
+  }, []);
+  const toggleMic = async () => {
+    const tracks = AgoraService_default.getLocalTracks();
+    if (!(tracks == null ? void 0 : tracks.audio)) return;
+    const next = !micOn;
+    await tracks.audio.setEnabled(next);
+    console.log("MIC", next ? "ON" : "OFF");
+    setMicOn(next);
+  };
+  const toggleCamera = async () => {
+    const tracks = AgoraService_default.getLocalTracks();
+    if (!(tracks == null ? void 0 : tracks.video)) return;
+    const next = !cameraOn;
+    await tracks.video.setEnabled(next);
+    console.log("CAMERA", next ? "ON" : "OFF");
+    setCameraOn(next);
+    if (!next && localRef.current) {
+      localRef.current.innerHTML = "";
+    } else if (next && localRef.current) {
+      tracks.video.play(localRef.current);
+    }
+  };
+  const toggleChat = () => {
+    setChatOpen((prev) => !prev);
+  };
+  (0, import_react.useEffect)(() => {
+    if (autoJoin) {
+      join().catch(() => {
+      });
+    }
+  }, [autoJoin]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: styles.root, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: remoteRef, style: styles.remote }),
+    joined && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: localRef, style: styles.local, id: "local" }),
+    chatOpen && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: styles.chat, children: "Chat" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: styles.footer, children: !joined ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "button",
+      {
+        style: { ...styles.iconBtn, background: defaultTheme.colors.success },
+        onClick: join,
+        children: "Join"
+      }
+    ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { style: styles.iconBtn, onClick: toggleMic, children: micOn ? "Mic On" : "Mic Off" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { style: styles.iconBtn, onClick: toggleCamera, children: cameraOn ? "Cam On" : "Cam Off" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { style: styles.iconBtn, onClick: toggleChat, children: "Chat" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "button",
+        {
+          style: { ...styles.iconBtn, background: defaultTheme.colors.danger },
+          onClick: leave,
+          children: "Leave"
+        }
+      )
+    ] }) }) })
+  ] });
+}
+var import_react, import_jsx_runtime, styles;
+var init_VideoElement_web = __esm({
+  "src/VideoElement/VideoElement.web.tsx"() {
+    "use strict";
+    import_react = require("react");
+    init_defaultTheme();
+    init_AgoraService();
+    import_jsx_runtime = require("react/jsx-runtime");
+    styles = {
+      root: {
+        width: "100vw",
+        height: "100vh",
+        position: "relative",
+        background: defaultTheme.colors.darkBackground,
+        overflow: "hidden"
+      },
+      remote: {
+        width: "100%",
+        height: "100%",
+        background: defaultTheme.colors.darkBackground
+      },
+      iconBtn: {
+        width: 50,
+        height: 50,
+        borderRadius: "50%",
+        background: defaultTheme.colors.btnPrimary,
+        border: "none",
+        color: defaultTheme.colors.iconColor,
+        cursor: "pointer",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        fontSize: 24
+      },
+      chat: {
+        position: "absolute",
+        right: 0,
+        left: 0,
+        bottom: 0,
+        borderRadius: 20,
+        top: 40,
+        background: defaultTheme.colors.lightBackground,
+        color: defaultTheme.colors.darkBackground,
+        padding: 16
+      },
+      local: {
+        width: 180,
+        height: 180,
+        position: "absolute",
+        top: 16,
+        right: 16,
+        borderRadius: 12,
+        overflow: "hidden",
+        background: defaultTheme.colors.darkBackground,
+        boxShadow: "0 0 12px rgba(0,0,0,0.6)"
+      },
+      footer: {
+        position: "absolute",
+        bottom: 24,
+        width: "100%",
+        display: "flex",
+        justifyContent: "center",
+        gap: 16
+      },
+      btn: {
+        width: 64,
+        height: 64,
+        borderRadius: "50%",
+        border: "none",
+        fontSize: 14,
+        fontWeight: 600,
+        cursor: "pointer"
+      }
+    };
+  }
+});
+
+// src/VideoElement/VideoElement.native.tsx
+var VideoElement_native_exports = {};
+__export(VideoElement_native_exports, {
+  default: () => VideoElement_native_default
+});
+var import_react2, import_react_native2, import_react_native_agora, import_jsx_runtime2, App, styles2, getPermission, VideoElement_native_default;
+var init_VideoElement_native = __esm({
+  "src/VideoElement/VideoElement.native.tsx"() {
+    "use strict";
+    import_react2 = require("react");
+    init_defaultTheme();
+    import_react_native2 = require("react-native");
+    import_react_native_agora = require("react-native-agora");
+    import_jsx_runtime2 = require("react/jsx-runtime");
+    App = ({
+      tokenClient,
+      autoJoin,
+      onJoinedChange,
+      onError
+    }) => {
+      console.info("[hc-patient-telehealth] VideoElement.native render", {
+        hasTokenClient: !!tokenClient,
+        autoJoin
+      });
+      const agoraEngineRef = (0, import_react2.useRef)(null);
+      const [isJoined, setIsJoined] = (0, import_react2.useState)(false);
+      const [isHost, setIsHost] = (0, import_react2.useState)(true);
+      const [remoteUid, setRemoteUid] = (0, import_react2.useState)(0);
+      const [message, setMessage] = (0, import_react2.useState)("");
+      const eventHandler = (0, import_react2.useRef)(null);
+      const [appId2, setAppId] = (0, import_react2.useState)("");
+      const [token, setToken] = (0, import_react2.useState)("");
+      const [channelName, setChannelName] = (0, import_react2.useState)("");
+      const [localUid, setLocalUid] = (0, import_react2.useState)(0);
+      const [micOn, setMicOn] = (0, import_react2.useState)(true);
+      const [camOn, setCamOn] = (0, import_react2.useState)(true);
+      const [chatOpen, setChatOpen] = (0, import_react2.useState)(false);
+      const [remoteVideoOn, setRemoteVideoOn] = (0, import_react2.useState)(true);
+      const [ready, setReady] = (0, import_react2.useState)(false);
+      const fetchTelehealthSession = async () => {
+        console.info("[hc-patient-telehealth] VideoElement.native fetch session");
+        const data = await tokenClient.connectToTokenServer();
+        console.info("[hc-patient-telehealth] VideoElement.native session", {
+          hasToken: !!(data == null ? void 0 : data.token),
+          channelName: data == null ? void 0 : data.channelName,
+          uid: data == null ? void 0 : data.uid
+        });
+        console.log("TELEHEALTH SESSION:", data);
+        setAppId(data.appId);
+        setToken(data.token);
+        setChannelName(data.channelName);
+        setLocalUid(data.uid);
+        return data;
+      };
+      (0, import_react2.useEffect)(() => {
+        const init = async () => {
+          try {
+            const session = await fetchTelehealthSession();
+            await setupVideoSDKEngine(session.appId);
+            setupEventHandler();
+            setReady(true);
+          } catch (err) {
+            onError == null ? void 0 : onError(err);
+          }
+        };
+        init().catch(() => {
+        });
+        return () => {
+          cleanupAgoraEngine();
+        };
+      }, []);
+      const setupEventHandler = () => {
+        var _a;
+        eventHandler.current = {
+          onJoinChannelSuccess: () => {
+            setMessage("Successfully joined channel: " + channelName);
+            setupLocalVideo();
+            setIsJoined(true);
+            onJoinedChange == null ? void 0 : onJoinedChange(true);
+          },
+          // onUserJoined: (_connection: RtcConnection, uid: number) => {
+          onUserJoined: (_connection, uid) => {
+            setMessage("Remote user " + uid + " joined");
+            setRemoteUid(uid);
+            setRemoteVideoOn(true);
+          },
+          // onUserOffline: (_connection: RtcConnection, uid: number) => {
+          onUserOffline: (_connection, uid) => {
+            setMessage("Remote user " + uid + " left the channel");
+            setRemoteUid(uid);
+            setRemoteVideoOn(false);
+          },
+          //   onUserStateChanged: (_connection, uid, state) => {
+          onUserStateChanged: (_connection, uid, state) => {
+            if (uid === remoteUid) {
+              setRemoteVideoOn(state !== 0);
+            }
+          }
+        };
+        (_a = agoraEngineRef.current) == null ? void 0 : _a.registerEventHandler(eventHandler.current);
+      };
+      const setupVideoSDKEngine = async (appIdParam) => {
+        try {
+          if (import_react_native2.Platform.OS === "android") {
+            await getPermission();
+          }
+          agoraEngineRef.current = (0, import_react_native_agora.createAgoraRtcEngine)();
+          const agoraEngine = agoraEngineRef.current;
+          await agoraEngine.initialize({ appId: appIdParam });
+        } catch (e) {
+          console.error(e);
+        }
+      };
+      const setupLocalVideo = () => {
+        var _a;
+        (_a = agoraEngineRef.current) == null ? void 0 : _a.enableVideo();
+      };
+      const join = async () => {
+        var _a, _b;
+        if (isJoined) {
+          return;
+        }
+        try {
+          console.info("[hc-patient-telehealth] VideoElement.native join start");
+          if (!token || !appId2 || !channelName || !localUid) {
+            const session = await fetchTelehealthSession();
+            if (!(session == null ? void 0 : session.token)) {
+              throw new Error("Telehealth session token missing");
+            }
+          }
+          if (isHost) {
+            (_a = agoraEngineRef.current) == null ? void 0 : _a.joinChannel(token, channelName, localUid, {
+              // Set channel profile to live broadcast
+              channelProfile: import_react_native_agora.ChannelProfileType.ChannelProfileCommunication,
+              // Set user role to broadcaster
+              clientRoleType: import_react_native_agora.ClientRoleType.ClientRoleBroadcaster,
+              // Publish audio collected by the microphone
+              publishMicrophoneTrack: true,
+              // Publish video collected by the camera
+              publishCameraTrack: true,
+              // Automatically subscribe to all audio streams
+              autoSubscribeAudio: true,
+              // Automatically subscribe to all video streams
+              autoSubscribeVideo: true
+            });
+          } else {
+            (_b = agoraEngineRef.current) == null ? void 0 : _b.joinChannel(token, channelName, localUid, {
+              // Set channel profile to live broadcast
+              channelProfile: import_react_native_agora.ChannelProfileType.ChannelProfileCommunication,
+              // Set user role to audience
+              clientRoleType: import_react_native_agora.ClientRoleType.ClientRoleAudience,
+              // Do not publish audio collected by the microphone
+              publishMicrophoneTrack: false,
+              // Do not publish video collected by the camera
+              publishCameraTrack: false,
+              // Automatically subscribe to all audio streams
+              autoSubscribeAudio: true,
+              // Automatically subscribe to all video streams
+              autoSubscribeVideo: true
+            });
+          }
+        } catch (e) {
+          console.log(e);
+          onError == null ? void 0 : onError(e);
+        }
+      };
+      const leave = () => {
+        var _a;
+        try {
+          console.info("[hc-patient-telehealth] VideoElement.native leave");
+          (_a = agoraEngineRef.current) == null ? void 0 : _a.leaveChannel();
+          setRemoteUid(0);
+          setIsJoined(false);
+          showMessage("Left the channel");
+          onJoinedChange == null ? void 0 : onJoinedChange(false);
+        } catch (e) {
+          console.log(e);
+        }
+      };
+      const toggleCamera = async () => {
+        if (!agoraEngineRef.current) return;
+        const nextCamState = !camOn;
+        console.log("CAMERA", nextCamState ? "ON" : "OFF");
+        try {
+          await agoraEngineRef.current.enableLocalVideo(nextCamState);
+          const options = {
+            publishCameraTrack: nextCamState
+          };
+          await agoraEngineRef.current.updateChannelMediaOptions(options);
+          setCamOn(nextCamState);
+        } catch (e) {
+          console.error("Camera toggle error:", e);
+        }
+      };
+      const toggleMic = async () => {
+        if (!agoraEngineRef.current) return;
+        await agoraEngineRef.current.muteLocalAudioStream(micOn);
+        setMicOn(!micOn);
+      };
+      const toggleChat = () => {
+        setChatOpen((prev) => !prev);
+      };
+      const cleanupAgoraEngine = () => {
+        var _a, _b;
+        (_a = agoraEngineRef.current) == null ? void 0 : _a.unregisterEventHandler(eventHandler.current);
+        (_b = agoraEngineRef.current) == null ? void 0 : _b.release();
+      };
+      (0, import_react2.useEffect)(() => {
+        if (autoJoin && ready) {
+          join().catch(() => {
+          });
+        }
+      }, [autoJoin, ready]);
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.SafeAreaView, { style: styles2.root, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.View, { style: styles2.remoteContainer, children: isJoined && remoteUid !== 0 && remoteVideoOn ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          import_react_native_agora.RtcSurfaceView,
+          {
+            canvas: { uid: remoteUid, sourceType: import_react_native_agora.VideoSourceType.VideoSourceRemote },
+            style: styles2.remoteVideo
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.View, { style: styles2.remotePlaceholder }) }),
+        isJoined && camOn && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.View, { style: styles2.localContainer, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          import_react_native_agora.RtcSurfaceView,
+          {
+            canvas: { uid: localUid, sourceType: import_react_native_agora.VideoSourceType.VideoSourceCamera },
+            style: styles2.localVideo
+          }
+        ) }),
+        isJoined && !camOn && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.View, { style: [styles2.localContainer, { backgroundColor: defaultTheme.colors.darkBackground }] }),
+        chatOpen && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.View, { style: styles2.chatPanel, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: { color: defaultTheme.colors.textDark, textAlign: "center" }, children: "Chat" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.View, { style: styles2.footer, children: !isJoined ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: [styles2.button, styles2.join], onPress: join, children: "Join" }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: styles2.iconBtn, onPress: toggleMic, children: micOn ? "Mic On" : "Mic Off" }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: styles2.iconBtn, onPress: toggleCamera, children: camOn ? "Cam On" : "Cam Off" }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            import_react_native2.Text,
+            {
+              style: [
+                styles2.iconBtn,
+                chatOpen && { backgroundColor: defaultTheme.colors.btnPrimary }
+              ],
+              onPress: toggleChat,
+              children: "Chat"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: [styles2.button, styles2.leave], onPress: leave, children: "Leave" })
+        ] }) })
+      ] });
+      function showMessage(msg) {
+        setMessage(msg);
+      }
+    };
+    styles2 = import_react_native2.StyleSheet.create({
+      root: {
+        flex: 1,
+        backgroundColor: defaultTheme.colors.darkBackground
+      },
+      /* REMOTE */
+      remoteContainer: {
+        flex: 1,
+        backgroundColor: defaultTheme.colors.darkBackground
+      },
+      remoteVideo: {
+        width: "100%",
+        height: "100%"
+      },
+      remotePlaceholder: {
+        flex: 1,
+        backgroundColor: defaultTheme.colors.darkBackground
+      },
+      /* LOCAL */
+      localContainer: {
+        position: "absolute",
+        top: 16,
+        right: 16,
+        width: 180,
+        height: 180,
+        borderRadius: 12,
+        overflow: "hidden",
+        backgroundColor: defaultTheme.colors.darkBackground,
+        elevation: 8
+      },
+      localVideo: {
+        width: "100%",
+        height: "100%"
+      },
+      /* FOOTER */
+      footer: {
+        position: "absolute",
+        bottom: 24,
+        width: "100%",
+        flexDirection: "row",
+        justifyContent: "space-evenly",
+        paddingVertical: 40,
+        paddingHorizontal: 30
+      },
+      button: {
+        width: 50,
+        height: 50,
+        borderRadius: 36,
+        textAlign: "center",
+        textAlignVertical: "center",
+        color: defaultTheme.colors.text,
+        fontWeight: "600",
+        fontSize: 14,
+        overflow: "hidden"
+      },
+      join: {
+        backgroundColor: defaultTheme.colors.success
+      },
+      leave: {
+        backgroundColor: defaultTheme.colors.danger
+      },
+      iconBtn: {
+        width: 50,
+        height: 50,
+        borderRadius: 25,
+        backgroundColor: defaultTheme.colors.btnPrimary,
+        marginHorizontal: 10,
+        textAlign: "center",
+        textAlignVertical: "center"
+      },
+      chatPanel: {
+        position: "absolute",
+        right: 0,
+        top: 30,
+        bottom: 0,
+        width: "100%",
+        backgroundColor: defaultTheme.colors.lightBackground,
+        padding: 16,
+        borderRadius: 20,
+        elevation: 12
+      }
+    });
+    getPermission = async () => {
+      if (import_react_native2.Platform.OS === "android") {
+        await import_react_native2.PermissionsAndroid.requestMultiple([
+          import_react_native2.PermissionsAndroid.PERMISSIONS.RECORD_AUDIO,
+          import_react_native2.PermissionsAndroid.PERMISSIONS.CAMERA
+        ]);
+      }
+    };
+    VideoElement_native_default = App;
+  }
+});
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  AuthError: () => AuthError,
+  ConfigError: () => ConfigError,
+  HCPatientTelehealth: () => HCPatientTelehealth,
+  HttpError: () => HttpError,
+  VideoElement: () => VideoElement_default,
+  default: () => index_default
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/PatientTelehealth/VideoRoom.tsx
+var import_react_native4 = require("react-native");
+
+// src/VideoElement/VideoElement.tsx
+var import_react_native3 = require("react-native");
+var VideoElement2 = import_react_native3.Platform.OS === "web" ? (init_VideoElement_web(), __toCommonJS(VideoElement_web_exports)).default : (init_VideoElement_native(), __toCommonJS(VideoElement_native_exports)).default;
+var VideoElement_default = VideoElement2;
+
+// src/PatientTelehealth/VideoRoom.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function HCPatientTelehealth(props) {
+  console.info("[hc-patient-telehealth] HCPatientTelehealth render", {
+    hasTokenClient: !!(props == null ? void 0 : props.tokenClient),
+    autoJoin: props == null ? void 0 : props.autoJoin
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native4.View, { style: { flex: 1, backgroundColor: "black" }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(VideoElement_default, { ...props }) });
+}
+
+// src/errors.ts
+var ConfigError = class extends Error {
+  constructor(message) {
+    super(message);
+    this.name = "ConfigError";
+  }
+};
+var AuthError = class extends Error {
+  constructor(message) {
+    super(message);
+    this.name = "AuthError";
+  }
+};
+var HttpError = class extends Error {
+  constructor(status, message) {
+    super(message);
+    this.name = "HttpError";
+    this.status = status;
+  }
+};
+
+// src/index.ts
+var index_default = HCPatientTelehealth;
+console.info("[hc-patient-telehealth] package entry loaded");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AuthError,
+  ConfigError,
+  HCPatientTelehealth,
+  HttpError,
+  VideoElement
+});