@thunderphone/widget 0.4.0 → 0.4.2

package/dist/mount.global.js

@@ -57441,10 +57441,16 @@ var ThunderPhone = (() => {
     const room = ua();
     const audioRef = (0, import_react2.useRef)(null);
     (0, import_react2.useEffect)(() => {
-      if (room.remoteParticipants.size > 0) {
+      let didSignalConnected = false;
+      const signalConnected = () => {
+        if (didSignalConnected) return;
+        didSignalConnected = true;
         onAgentConnected();
+      };
+      if (room.remoteParticipants.size > 0) {
+        signalConnected();
       }
-      const handleParticipantConnected = () => onAgentConnected();
+      const handleParticipantConnected = () => signalConnected();
       const handleDisconnect = () => onDisconnected();
       const attachTrack = (track, _pub, _participant) => {
         if (track.kind === Track.Kind.Audio && audioRef.current) {
@@ -57456,6 +57462,7 @@ var ThunderPhone = (() => {
             audioRef.current.play().catch(() => {
             });
           }
+          signalConnected();
         }
       };
       room.on(RoomEvent.ParticipantConnected, handleParticipantConnected);
@@ -57473,6 +57480,7 @@ var ThunderPhone = (() => {
         audioRef.current.srcObject = new MediaStream(initialTracks);
         audioRef.current.play().catch(() => {
         });
+        signalConnected();
       }
       return () => {
         room.off(RoomEvent.ParticipantConnected, handleParticipantConnected);
@@ -57513,12 +57521,27 @@ var ThunderPhone = (() => {
   }
 
   // src/useThunderPhone.ts
-  var DEFAULT_RINGTONE_URL = "https://cdn.thunderphone.com/widget/assets/ringtone-default.mp3";
+  var DEFAULT_RINGTONE_URL = "https://storage.googleapis.com/thunderphone-widget-cdn/widget/assets/ringtone-default.mp3";
   function resolveRingtoneUrl(ringtone) {
     if (ringtone === true || ringtone === "default") return DEFAULT_RINGTONE_URL;
     if (typeof ringtone === "string" && ringtone.length > 0) return ringtone;
     return null;
   }
+  function fadeOutAndStop(audio) {
+    if (audio.paused) return;
+    const fadeInterval = setInterval(() => {
+      const next = audio.volume - 0.1;
+      if (next <= 0) {
+        clearInterval(fadeInterval);
+        audio.pause();
+        audio.currentTime = 0;
+        audio.volume = 1;
+      } else {
+        audio.volume = next;
+      }
+    }, 20);
+    return fadeInterval;
+  }
   function useThunderPhone(opts) {
     const [state, setState] = (0, import_react3.useState)("idle");
     const [session, setSession] = (0, import_react3.useState)(null);
@@ -57526,15 +57549,18 @@ var ThunderPhone = (() => {
     const [error, setError] = (0, import_react3.useState)();
     const ringtoneUrl = resolveRingtoneUrl(opts.ringtone);
     const ringtoneRef = (0, import_react3.useRef)(null);
+    const fadeRef = (0, import_react3.useRef)(void 0);
     (0, import_react3.useEffect)(() => {
       if (!ringtoneUrl) {
         ringtoneRef.current = null;
         return;
       }
-      const audio2 = new Audio(ringtoneUrl);
+      const audio2 = new Audio();
+      audio2.crossOrigin = "anonymous";
       audio2.loop = true;
       audio2.preload = "auto";
       audio2.volume = 1;
+      audio2.src = ringtoneUrl;
       ringtoneRef.current = audio2;
       return () => {
         audio2.pause();
@@ -57543,32 +57569,18 @@ var ThunderPhone = (() => {
       };
     }, [ringtoneUrl]);
     (0, import_react3.useEffect)(() => {
-      const audio2 = ringtoneRef.current;
-      if (!audio2) return;
-      let fadeInterval;
-      if (state === "connecting") {
-        audio2.currentTime = 0;
-        audio2.volume = 1;
-        audio2.play().catch(() => {
-        });
-      } else {
-        if (!audio2.paused) {
-          fadeInterval = setInterval(() => {
-            const next = audio2.volume - 0.1;
-            if (next <= 0) {
-              clearInterval(fadeInterval);
-              fadeInterval = void 0;
-              audio2.pause();
-              audio2.currentTime = 0;
-              audio2.volume = 1;
-            } else {
-              audio2.volume = next;
-            }
-          }, 20);
+      if (state !== "connecting") {
+        const audio2 = ringtoneRef.current;
+        if (audio2 && !audio2.paused) {
+          if (fadeRef.current) clearInterval(fadeRef.current);
+          fadeRef.current = fadeOutAndStop(audio2);
         }
       }
       return () => {
-        if (fadeInterval) clearInterval(fadeInterval);
+        if (fadeRef.current) {
+          clearInterval(fadeRef.current);
+          fadeRef.current = void 0;
+        }
       };
     }, [state]);
     const handleDisconnect = (0, import_react3.useCallback)(() => {
@@ -57586,6 +57598,17 @@ var ThunderPhone = (() => {
       if (state === "connecting" || state === "connected") return;
       setState("connecting");
       setError(void 0);
+      const ringtoneAudio = ringtoneRef.current;
+      if (ringtoneAudio) {
+        if (fadeRef.current) {
+          clearInterval(fadeRef.current);
+          fadeRef.current = void 0;
+        }
+        ringtoneAudio.currentTime = 0;
+        ringtoneAudio.volume = 1;
+        ringtoneAudio.play().catch(() => {
+        });
+      }
       navigator.mediaDevices.getUserMedia({ audio: true }).then(
         (stream) => {
           stream.getTracks().forEach((t) => t.stop());