@healthcloudai/hc-patient-telehealth 0.0.2

package/dist/index.js

@@ -0,0 +1,840 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __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
+import { Platform } from "react-native";
+var AgoraServiceImpl, AgoraService_default;
+var init_AgoraService = __esm({
+  "src/services/AgoraService/index.ts"() {
+    "use strict";
+    AgoraServiceImpl = 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", Platform.OS);
+  }
+});
+
+// src/VideoElement/VideoElement.web.tsx
+var VideoElement_web_exports = {};
+__export(VideoElement_web_exports, {
+  default: () => VideoElement
+});
+import { useEffect, useRef, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function VideoElement({
+  tokenClient,
+  autoJoin,
+  onJoinedChange,
+  onError
+}) {
+  console.info("[hc-patient-telehealth] VideoElement.web render", {
+    hasTokenClient: !!tokenClient,
+    autoJoin
+  });
+  const localRef = useRef(null);
+  const remoteRef = useRef(null);
+  const [micOn, setMicOn] = useState(true);
+  const [cameraOn, setCameraOn] = useState(true);
+  const [chatOpen, setChatOpen] = useState(false);
+  const [joined, setJoined] = 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);
+    }
+  };
+  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 = "");
+  };
+  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);
+  };
+  useEffect(() => {
+    if (autoJoin) {
+      join().catch(() => {
+      });
+    }
+  }, [autoJoin]);
+  return /* @__PURE__ */ jsxs("div", { style: styles.root, children: [
+    /* @__PURE__ */ jsx("div", { ref: remoteRef, style: styles.remote }),
+    joined && /* @__PURE__ */ jsx("div", { ref: localRef, style: styles.local, id: "local" }),
+    chatOpen && /* @__PURE__ */ jsx("div", { style: styles.chat, children: "Chat" }),
+    /* @__PURE__ */ jsx("div", { style: styles.footer, children: !joined ? /* @__PURE__ */ jsx(
+      "button",
+      {
+        style: { ...styles.iconBtn, background: defaultTheme.colors.success },
+        onClick: join,
+        children: "Join"
+      }
+    ) : /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("button", { style: styles.iconBtn, onClick: toggleMic, children: micOn ? "Mic On" : "Mic Off" }),
+      /* @__PURE__ */ jsx("button", { style: styles.iconBtn, onClick: toggleCamera, children: cameraOn ? "Cam On" : "Cam Off" }),
+      /* @__PURE__ */ jsx("button", { style: styles.iconBtn, onClick: toggleChat, children: "Chat" }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          style: { ...styles.iconBtn, background: defaultTheme.colors.danger },
+          onClick: leave,
+          children: "Leave"
+        }
+      )
+    ] }) }) })
+  ] });
+}
+var styles;
+var init_VideoElement_web = __esm({
+  "src/VideoElement/VideoElement.web.tsx"() {
+    "use strict";
+    init_defaultTheme();
+    init_AgoraService();
+    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
+});
+import { useEffect as useEffect2, useRef as useRef2, useState as useState2 } from "react";
+import {
+  PermissionsAndroid,
+  Platform as Platform2,
+  SafeAreaView,
+  StyleSheet,
+  Text,
+  View
+} from "react-native";
+import {
+  ChannelProfileType,
+  ClientRoleType,
+  createAgoraRtcEngine,
+  RtcSurfaceView,
+  VideoSourceType
+} from "react-native-agora";
+import { Fragment as Fragment2, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var App, styles2, getPermission, VideoElement_native_default;
+var init_VideoElement_native = __esm({
+  "src/VideoElement/VideoElement.native.tsx"() {
+    "use strict";
+    init_defaultTheme();
+    App = ({
+      tokenClient,
+      autoJoin,
+      onJoinedChange,
+      onError
+    }) => {
+      console.info("[hc-patient-telehealth] VideoElement.native render", {
+        hasTokenClient: !!tokenClient,
+        autoJoin
+      });
+      const agoraEngineRef = useRef2(null);
+      const [isJoined, setIsJoined] = useState2(false);
+      const [isHost, setIsHost] = useState2(true);
+      const [remoteUid, setRemoteUid] = useState2(0);
+      const [message, setMessage] = useState2("");
+      const eventHandler = useRef2(null);
+      const [appId2, setAppId] = useState2("");
+      const [token, setToken] = useState2("");
+      const [channelName, setChannelName] = useState2("");
+      const [localUid, setLocalUid] = useState2(0);
+      const [micOn, setMicOn] = useState2(true);
+      const [camOn, setCamOn] = useState2(true);
+      const [chatOpen, setChatOpen] = useState2(false);
+      const [remoteVideoOn, setRemoteVideoOn] = useState2(true);
+      const [ready, setReady] = useState2(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;
+      };
+      useEffect2(() => {
+        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 (Platform2.OS === "android") {
+            await getPermission();
+          }
+          agoraEngineRef.current = 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: ChannelProfileType.ChannelProfileCommunication,
+              // Set user role to broadcaster
+              clientRoleType: 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: ChannelProfileType.ChannelProfileCommunication,
+              // Set user role to audience
+              clientRoleType: 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();
+      };
+      useEffect2(() => {
+        if (autoJoin && ready) {
+          join().catch(() => {
+          });
+        }
+      }, [autoJoin, ready]);
+      return /* @__PURE__ */ jsxs2(SafeAreaView, { style: styles2.root, children: [
+        /* @__PURE__ */ jsx2(View, { style: styles2.remoteContainer, children: isJoined && remoteUid !== 0 && remoteVideoOn ? /* @__PURE__ */ jsx2(
+          RtcSurfaceView,
+          {
+            canvas: { uid: remoteUid, sourceType: VideoSourceType.VideoSourceRemote },
+            style: styles2.remoteVideo
+          }
+        ) : /* @__PURE__ */ jsx2(View, { style: styles2.remotePlaceholder }) }),
+        isJoined && camOn && /* @__PURE__ */ jsx2(View, { style: styles2.localContainer, children: /* @__PURE__ */ jsx2(
+          RtcSurfaceView,
+          {
+            canvas: { uid: localUid, sourceType: VideoSourceType.VideoSourceCamera },
+            style: styles2.localVideo
+          }
+        ) }),
+        isJoined && !camOn && /* @__PURE__ */ jsx2(View, { style: [styles2.localContainer, { backgroundColor: defaultTheme.colors.darkBackground }] }),
+        chatOpen && /* @__PURE__ */ jsx2(View, { style: styles2.chatPanel, children: /* @__PURE__ */ jsx2(Text, { style: { color: defaultTheme.colors.textDark, textAlign: "center" }, children: "Chat" }) }),
+        /* @__PURE__ */ jsx2(View, { style: styles2.footer, children: !isJoined ? /* @__PURE__ */ jsx2(Text, { style: [styles2.button, styles2.join], onPress: join, children: "Join" }) : /* @__PURE__ */ jsxs2(Fragment2, { children: [
+          /* @__PURE__ */ jsx2(Text, { style: styles2.iconBtn, onPress: toggleMic, children: micOn ? "Mic On" : "Mic Off" }),
+          /* @__PURE__ */ jsx2(Text, { style: styles2.iconBtn, onPress: toggleCamera, children: camOn ? "Cam On" : "Cam Off" }),
+          /* @__PURE__ */ jsx2(
+            Text,
+            {
+              style: [
+                styles2.iconBtn,
+                chatOpen && { backgroundColor: defaultTheme.colors.btnPrimary }
+              ],
+              onPress: toggleChat,
+              children: "Chat"
+            }
+          ),
+          /* @__PURE__ */ jsx2(Text, { style: [styles2.button, styles2.leave], onPress: leave, children: "Leave" })
+        ] }) })
+      ] });
+      function showMessage(msg) {
+        setMessage(msg);
+      }
+    };
+    styles2 = 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 (Platform2.OS === "android") {
+        await PermissionsAndroid.requestMultiple([
+          PermissionsAndroid.PERMISSIONS.RECORD_AUDIO,
+          PermissionsAndroid.PERMISSIONS.CAMERA
+        ]);
+      }
+    };
+    VideoElement_native_default = App;
+  }
+});
+
+// src/PatientTelehealth/VideoRoom.tsx
+import { View as View2 } from "react-native";
+
+// src/VideoElement/VideoElement.tsx
+import { Platform as Platform3 } from "react-native";
+var VideoElement2 = Platform3.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
+import { jsx as jsx3 } from "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__ */ jsx3(View2, { style: { flex: 1, backgroundColor: "black" }, children: /* @__PURE__ */ jsx3(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");
+export {
+  AuthError,
+  ConfigError,
+  HCPatientTelehealth,
+  HttpError,
+  VideoElement_default as VideoElement,
+  index_default as default
+};