@thunderphone/widget 0.4.1 → 1.0.0

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);
@@ -57492,15 +57500,15 @@ var ThunderPhone = (() => {
       this.name = "WidgetAPIError";
     }
   };
-  async function createWidgetSession(apiKey, agentId, apiBase) {
+  async function createWidgetSession(publishableKey, apiBase) {
     const base = apiBase || DEFAULT_API_BASE;
     const response = await fetch(`${base}/widget/session`, {
       method: "POST",
       headers: {
         "Content-Type": "application/json",
-        "X-API-Key": apiKey
+        "X-API-Key": publishableKey
       },
-      body: JSON.stringify({ agent_id: agentId })
+      body: JSON.stringify({})
     });
     if (!response.ok) {
       const data = await response.json().catch(() => ({
@@ -57609,7 +57617,7 @@ var ThunderPhone = (() => {
         }
       );
       try {
-        const sess = await createWidgetSession(opts.apiKey, opts.agentId, opts.apiBase);
+        const sess = await createWidgetSession(opts.publishableKey, opts.apiBase);
         setSession(sess);
       } catch (err) {
         setState("error");
@@ -57621,7 +57629,7 @@ var ThunderPhone = (() => {
           opts.onError?.({ error: "unknown", message: "Unable to connect." });
         }
       }
-    }, [opts.apiKey, opts.agentId, opts.apiBase, state, opts.onError]);
+    }, [opts.publishableKey, opts.apiBase, state, opts.onError]);
     const disconnect = (0, import_react3.useCallback)(() => {
       handleDisconnect();
     }, [handleDisconnect]);
@@ -57655,8 +57663,7 @@ var ThunderPhone = (() => {
   // src/ThunderPhoneWidget.tsx
   var import_jsx_runtime4 = __toESM(require_jsx_runtime());
   function ThunderPhoneWidget({
-    apiKey,
-    agentId,
+    publishableKey,
     apiBase,
     onConnect,
     onDisconnect,
@@ -57664,7 +57671,7 @@ var ThunderPhone = (() => {
     className,
     ringtone
   }) {
-    const phone = useThunderPhone({ apiKey, agentId, apiBase, onConnect, onDisconnect, onError, ringtone });
+    const phone = useThunderPhone({ publishableKey, apiBase, onConnect, onDisconnect, onError, ringtone });
     const handleClick = () => {
       if (phone.state === "connected") {
         phone.disconnect();