@thunderphone/widget 0.3.3 → 0.4.1

package/dist/mount.global.js

@@ -1371,11 +1371,11 @@ var ThunderPhone = (() => {
             var dispatcher = resolveDispatcher();
             return dispatcher.useReducer(reducer, initialArg, init);
           }
-          function useRef3(initialValue) {
+          function useRef4(initialValue) {
             var dispatcher = resolveDispatcher();
             return dispatcher.useRef(initialValue);
           }
-          function useEffect4(create, deps) {
+          function useEffect5(create, deps) {
             var dispatcher = resolveDispatcher();
             return dispatcher.useEffect(create, deps);
           }
@@ -2158,14 +2158,14 @@ var ThunderPhone = (() => {
           exports.useContext = useContext2;
           exports.useDebugValue = useDebugValue;
           exports.useDeferredValue = useDeferredValue;
-          exports.useEffect = useEffect4;
+          exports.useEffect = useEffect5;
           exports.useId = useId;
           exports.useImperativeHandle = useImperativeHandle;
           exports.useInsertionEffect = useInsertionEffect;
           exports.useLayoutEffect = useLayoutEffect;
           exports.useMemo = useMemo2;
           exports.useReducer = useReducer2;
-          exports.useRef = useRef3;
+          exports.useRef = useRef4;
           exports.useState = useState4;
           exports.useSyncExternalStore = useSyncExternalStore;
           exports.useTransition = useTransition;
@@ -57513,11 +57513,68 @@ var ThunderPhone = (() => {
   }
 
   // src/useThunderPhone.ts
+  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);
     const [muted, setMuted] = (0, import_react3.useState)(false);
     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();
+      audio2.crossOrigin = "anonymous";
+      audio2.loop = true;
+      audio2.preload = "auto";
+      audio2.volume = 1;
+      audio2.src = ringtoneUrl;
+      ringtoneRef.current = audio2;
+      return () => {
+        audio2.pause();
+        audio2.src = "";
+        ringtoneRef.current = null;
+      };
+    }, [ringtoneUrl]);
+    (0, import_react3.useEffect)(() => {
+      if (state !== "connecting") {
+        const audio2 = ringtoneRef.current;
+        if (audio2 && !audio2.paused) {
+          if (fadeRef.current) clearInterval(fadeRef.current);
+          fadeRef.current = fadeOutAndStop(audio2);
+        }
+      }
+      return () => {
+        if (fadeRef.current) {
+          clearInterval(fadeRef.current);
+          fadeRef.current = void 0;
+        }
+      };
+    }, [state]);
     const handleDisconnect = (0, import_react3.useCallback)(() => {
       setState("disconnected");
       setSession(null);
@@ -57533,6 +57590,24 @@ 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());
+        },
+        () => {
+        }
+      );
       try {
         const sess = await createWidgetSession(opts.apiKey, opts.agentId, opts.apiBase);
         setSession(sess);
@@ -57586,9 +57661,10 @@ var ThunderPhone = (() => {
     onConnect,
     onDisconnect,
     onError,
-    className
+    className,
+    ringtone
   }) {
-    const phone = useThunderPhone({ apiKey, agentId, apiBase, onConnect, onDisconnect, onError });
+    const phone = useThunderPhone({ apiKey, agentId, apiBase, onConnect, onDisconnect, onError, ringtone });
     const handleClick = () => {
       if (phone.state === "connected") {
         phone.disconnect();