@pipecat-ai/client-react 0.4.0 → 1.0.0

package/dist/index.js

@@ -2,8 +2,8 @@ var $5Zyvw$reactjsxruntime = require("react/jsx-runtime");
 var $5Zyvw$pipecataiclientjs = require("@pipecat-ai/client-js");
 var $5Zyvw$react = require("react");
 var $5Zyvw$jotai = require("jotai");
-var $5Zyvw$jotaireact = require("jotai/react");
 var $5Zyvw$jotaiutils = require("jotai/utils");
+var $5Zyvw$jotaireact = require("jotai/react");
 
 
 function $parcel$export(e, n, v, s) {
@@ -14,18 +14,18 @@ function $parcel$interopDefault(a) {
   return a && a.__esModule ? a.default : a;
 }
 
-$parcel$export(module.exports, "RTVIClientAudio", () => $e6a9aa6ceb34e585$export$ba1245f7cbf3ae02);
-$parcel$export(module.exports, "RTVIClientCamToggle", () => $e7a27a30474b270e$export$156c26e16246ae3e);
-$parcel$export(module.exports, "RTVIClientMicToggle", () => $8a175691955798a2$export$bf1c2c9ca877628d);
-$parcel$export(module.exports, "RTVIClientProvider", () => $0befa35d025c789a$export$4a4ae2d5dc96782);
-$parcel$export(module.exports, "RTVIClientVideo", () => $c1952f9ddec789e5$export$d090a384943608eb);
-$parcel$export(module.exports, "useRTVIClient", () => $8ee07494475a7fa7$export$31a5f6a22c9b8fba);
-$parcel$export(module.exports, "useRTVIClientCamControl", () => $affd351738e2f16c$export$46099a7ec2fe8ac5);
+$parcel$export(module.exports, "PipecatClientAudio", () => $a2a1c5f475114d56$export$b52250cb73ff4de1);
+$parcel$export(module.exports, "PipecatClientCamToggle", () => $666ceba11158b494$export$dc9a029eeca8213f);
+$parcel$export(module.exports, "PipecatClientMicToggle", () => $1a9931980e271aa3$export$bc8133b69ff660a2);
+$parcel$export(module.exports, "PipecatClientProvider", () => $8df0e777e4d7dd49$export$bb43666ced7a20d0);
+$parcel$export(module.exports, "PipecatClientVideo", () => $0f97689637ada1d8$export$85974db6d0cc43b3);
+$parcel$export(module.exports, "usePipecatClient", () => $172f489fc5d91d99$export$777fa8498be78705);
+$parcel$export(module.exports, "usePipecatClientCamControl", () => $d9b24817de62910a$export$3ea2601427f0430f);
+$parcel$export(module.exports, "usePipecatClientMediaDevices", () => $9bd3e7d3a9d7acd1$export$642bc4d2d2a376f1);
+$parcel$export(module.exports, "usePipecatClientMediaTrack", () => $630203d8dad1dd45$export$9813dcd2d0c26814);
+$parcel$export(module.exports, "usePipecatClientMicControl", () => $4af0eba414c586fd$export$388e706586309ef0);
+$parcel$export(module.exports, "usePipecatClientTransportState", () => $810478f6ae107062$export$30aee278309a867b);
 $parcel$export(module.exports, "useRTVIClientEvent", () => $8a6b68ebf0332682$export$33a6ac53b8f02625);
-$parcel$export(module.exports, "useRTVIClientMediaDevices", () => $01bcacdf0a25e20c$export$652c54907b83a48d);
-$parcel$export(module.exports, "useRTVIClientMediaTrack", () => $e5be552b22401c66$export$7c03381e0d26a6c3);
-$parcel$export(module.exports, "useRTVIClientMicControl", () => $b5946020fafb75c5$export$805915964ad7bc25);
-$parcel$export(module.exports, "useRTVIClientTransportState", () => $6b6c1a9f794236bd$export$599fa01283bd4ece);
 $parcel$export(module.exports, "VoiceVisualizer", () => $a1dfa75b13e6bb9b$export$59bf27bd43679db6);
 /**
  * Copyright (c) 2024, Daily.
@@ -39,6 +39,9 @@ $parcel$export(module.exports, "VoiceVisualizer", () => $a1dfa75b13e6bb9b$export
  *
  * SPDX-License-Identifier: BSD-2-Clause
  */ 
+
+
+
 /**
  * Copyright (c) 2024, Daily.
  *
@@ -48,81 +51,132 @@ $parcel$export(module.exports, "VoiceVisualizer", () => $a1dfa75b13e6bb9b$export
 
 
 
-const $0befa35d025c789a$var$defaultStore = (0, $5Zyvw$jotai.createStore)();
-const $0befa35d025c789a$export$8d2b07cbee622e7c = /*#__PURE__*/ (0, $5Zyvw$react.createContext)({});
-const $0befa35d025c789a$export$4a4ae2d5dc96782 = ({ children: children, client: client, jotaiStore: jotaiStore = $0befa35d025c789a$var$defaultStore })=>{
+
+var $d1f89db81f967f39$exports = {};
+$d1f89db81f967f39$exports = JSON.parse("{\"name\":\"@pipecat-ai/client-react\",\"version\":\"1.0.0\",\"license\":\"BSD-2-Clause\",\"main\":\"dist/index.js\",\"module\":\"dist/index.module.js\",\"types\":\"dist/index.d.ts\",\"source\":\"src/index.ts\",\"repository\":{\"type\":\"git\",\"url\":\"git+https://github.com/pipecat-ai/pipecat-client-web.git\"},\"files\":[\"dist\",\"package.json\",\"README.md\"],\"scripts\":{\"build\":\"parcel build --no-cache\",\"dev\":\"parcel watch\",\"lint\":\"eslint . --report-unused-disable-directives --max-warnings 0 --ignore-pattern 'dist/'\"},\"devDependencies\":{\"@pipecat-ai/client-js\":\"*\",\"@types/react\":\"^18.3.3\",\"@types/react-dom\":\"^18.3.0\",\"@typescript-eslint/eslint-plugin\":\"^8.32.0\",\"eslint\":\"^9.11.1\",\"eslint-config-prettier\":\"^9.1.0\",\"eslint-plugin-react-hooks\":\"^5.2.0\",\"eslint-plugin-simple-import-sort\":\"^12.1.1\",\"parcel\":\"^2.12.0\",\"react\":\"^18.3.1\",\"react-dom\":\"^18.3.1\",\"typescript\":\"^5.2.2\"},\"peerDependencies\":{\"@pipecat-ai/client-js\":\"*\",\"react\":\">=18\",\"react-dom\":\">=18\"},\"dependencies\":{\"jotai\":\"^2.9.0\"}}");
+
+
+
+const $a37ab5d1bcf1d3b2$export$fe23d0ef95286467 = /*#__PURE__*/ (0, $5Zyvw$react.createContext)({
+    on: ()=>{},
+    off: ()=>{}
+});
+
+
+const $8df0e777e4d7dd49$var$defaultStore = (0, $5Zyvw$jotai.createStore)();
+const $8df0e777e4d7dd49$export$67f6d73bc6cd7bb1 = /*#__PURE__*/ (0, $5Zyvw$react.createContext)({});
+const $8df0e777e4d7dd49$export$bb43666ced7a20d0 = ({ children: children, client: client, jotaiStore: jotaiStore = $8df0e777e4d7dd49$var$defaultStore })=>{
+    (0, $5Zyvw$react.useEffect)(()=>{
+        (0, $5Zyvw$pipecataiclientjs.setAboutClient)({
+            library: (0, $d1f89db81f967f39$exports.name),
+            library_version: (0, $d1f89db81f967f39$exports.version)
+        });
+    }, []);
+    const eventHandlersMap = (0, $5Zyvw$react.useRef)({});
+    (0, $5Zyvw$react.useEffect)(()=>{
+        if (!client) return;
+        const allEvents = Object.values((0, $5Zyvw$pipecataiclientjs.RTVIEvent)).filter((value)=>isNaN(Number(value)));
+        const allHandlers = {};
+        allEvents.forEach((event)=>{
+            const handler = (...payload)=>{
+                const handlers = eventHandlersMap.current[event];
+                if (!handlers) return;
+                handlers.forEach((h)=>{
+                    h(...payload);
+                });
+            };
+            allHandlers[event] = handler;
+            client.on(event, handler);
+        });
+        return ()=>{
+            allEvents.forEach((event)=>{
+                client.off(event, allHandlers[event]);
+            });
+        };
+    }, [
+        client
+    ]);
+    const on = (0, $5Zyvw$react.useCallback)((event, handler)=>{
+        if (!eventHandlersMap.current[event]) eventHandlersMap.current[event] = new Set();
+        eventHandlersMap.current[event].add(handler);
+    }, []);
+    const off = (0, $5Zyvw$react.useCallback)((event, handler)=>{
+        eventHandlersMap.current[event]?.delete(handler);
+    }, []);
     return (0, $5Zyvw$reactjsxruntime.jsx)((0, $5Zyvw$jotaireact.Provider), {
         store: jotaiStore,
-        children: (0, $5Zyvw$reactjsxruntime.jsx)($0befa35d025c789a$export$8d2b07cbee622e7c.Provider, {
+        children: (0, $5Zyvw$reactjsxruntime.jsx)($8df0e777e4d7dd49$export$67f6d73bc6cd7bb1.Provider, {
             value: {
                 client: client
             },
-            children: children
+            children: (0, $5Zyvw$reactjsxruntime.jsx)((0, $a37ab5d1bcf1d3b2$export$fe23d0ef95286467).Provider, {
+                value: {
+                    on: on,
+                    off: off
+                },
+                children: children
+            })
         })
     });
 };
-$0befa35d025c789a$export$4a4ae2d5dc96782.displayName = "RTVIClientProvider";
+$8df0e777e4d7dd49$export$bb43666ced7a20d0.displayName = "PipecatClientProvider";
 
 
-const $8ee07494475a7fa7$export$31a5f6a22c9b8fba = ()=>{
-    const { client: client } = (0, $5Zyvw$react.useContext)((0, $0befa35d025c789a$export$8d2b07cbee622e7c));
+const $172f489fc5d91d99$export$777fa8498be78705 = ()=>{
+    const { client: client } = (0, $5Zyvw$react.useContext)((0, $8df0e777e4d7dd49$export$67f6d73bc6cd7bb1));
     return client;
 };
 
 
+/**
+ * Copyright (c) 2024, Daily.
+ *
+ * SPDX-License-Identifier: BSD-2-Clause
+ */ 
+
 const $8a6b68ebf0332682$export$33a6ac53b8f02625 = (event, handler)=>{
-    const client = (0, $8ee07494475a7fa7$export$31a5f6a22c9b8fba)();
+    const { on: on, off: off } = (0, $5Zyvw$react.useContext)((0, $a37ab5d1bcf1d3b2$export$fe23d0ef95286467));
     (0, $5Zyvw$react.useEffect)(()=>{
-        if (!client) return;
-        client.on(event, handler);
+        on(event, handler);
         return ()=>{
-            client.off(event, handler);
+            off(event, handler);
         };
     }, [
         event,
         handler,
-        client
+        on,
+        off
     ]);
 };
 
 
-/**
- * Copyright (c) 2024, Daily.
- *
- * SPDX-License-Identifier: BSD-2-Clause
- */ 
-
-
-
-
-
-const $e5be552b22401c66$var$localAudioTrackAtom = (0, $5Zyvw$jotai.atom)(null);
-const $e5be552b22401c66$var$localVideoTrackAtom = (0, $5Zyvw$jotai.atom)(null);
-const $e5be552b22401c66$var$localScreenAudioTrackAtom = (0, $5Zyvw$jotai.atom)(null);
-const $e5be552b22401c66$var$localScreenVideoTrackAtom = (0, $5Zyvw$jotai.atom)(null);
-const $e5be552b22401c66$var$botAudioTrackAtom = (0, $5Zyvw$jotai.atom)(null);
-const $e5be552b22401c66$var$botVideoTrackAtom = (0, $5Zyvw$jotai.atom)(null);
-const $e5be552b22401c66$var$trackAtom = (0, $5Zyvw$jotaiutils.atomFamily)(({ local: local, trackType: trackType })=>{
+const $630203d8dad1dd45$var$localAudioTrackAtom = (0, $5Zyvw$jotai.atom)(null);
+const $630203d8dad1dd45$var$localVideoTrackAtom = (0, $5Zyvw$jotai.atom)(null);
+const $630203d8dad1dd45$var$localScreenAudioTrackAtom = (0, $5Zyvw$jotai.atom)(null);
+const $630203d8dad1dd45$var$localScreenVideoTrackAtom = (0, $5Zyvw$jotai.atom)(null);
+const $630203d8dad1dd45$var$botAudioTrackAtom = (0, $5Zyvw$jotai.atom)(null);
+const $630203d8dad1dd45$var$botVideoTrackAtom = (0, $5Zyvw$jotai.atom)(null);
+const $630203d8dad1dd45$var$trackAtom = (0, $5Zyvw$jotaiutils.atomFamily)(({ local: local, trackType: trackType })=>{
     if (local) switch(trackType){
         case "audio":
-            return $e5be552b22401c66$var$localAudioTrackAtom;
+            return $630203d8dad1dd45$var$localAudioTrackAtom;
         case "screenAudio":
-            return $e5be552b22401c66$var$localScreenAudioTrackAtom;
+            return $630203d8dad1dd45$var$localScreenAudioTrackAtom;
         case "screenVideo":
-            return $e5be552b22401c66$var$localScreenVideoTrackAtom;
+            return $630203d8dad1dd45$var$localScreenVideoTrackAtom;
         case "video":
-            return $e5be552b22401c66$var$localVideoTrackAtom;
+            return $630203d8dad1dd45$var$localVideoTrackAtom;
     }
-    return trackType === "audio" ? $e5be552b22401c66$var$botAudioTrackAtom : $e5be552b22401c66$var$botVideoTrackAtom;
+    return trackType === "audio" ? $630203d8dad1dd45$var$botAudioTrackAtom : $630203d8dad1dd45$var$botVideoTrackAtom;
 });
-const $e5be552b22401c66$export$7c03381e0d26a6c3 = (trackType, participantType)=>{
-    const client = (0, $8ee07494475a7fa7$export$31a5f6a22c9b8fba)();
-    const track = (0, $5Zyvw$jotai.useAtomValue)($e5be552b22401c66$var$trackAtom({
+const $630203d8dad1dd45$export$9813dcd2d0c26814 = (trackType, participantType)=>{
+    const client = (0, $172f489fc5d91d99$export$777fa8498be78705)();
+    const track = (0, $5Zyvw$jotai.useAtomValue)($630203d8dad1dd45$var$trackAtom({
         local: participantType === "local",
         trackType: trackType
     }));
     const updateTrack = (0, $5Zyvw$jotaiutils.useAtomCallback)((0, $5Zyvw$react.useCallback)((get, set, track, trackType, local)=>{
-        const atom = $e5be552b22401c66$var$trackAtom({
+        const atom = $630203d8dad1dd45$var$trackAtom({
             local: local,
             trackType: trackType
         });
@@ -157,9 +211,10 @@ const $e5be552b22401c66$export$7c03381e0d26a6c3 = (trackType, participantType)=>
 };
 
 
-const $e6a9aa6ceb34e585$export$ba1245f7cbf3ae02 = ()=>{
+
+const $a2a1c5f475114d56$export$b52250cb73ff4de1 = ()=>{
     const botAudioRef = (0, $5Zyvw$react.useRef)(null);
-    const botAudioTrack = (0, $e5be552b22401c66$export$7c03381e0d26a6c3)("audio", "bot");
+    const botAudioTrack = (0, $630203d8dad1dd45$export$9813dcd2d0c26814)("audio", "bot");
     (0, $5Zyvw$react.useEffect)(()=>{
         if (!botAudioRef.current || !botAudioTrack) return;
         if (botAudioRef.current.srcObject) {
@@ -184,22 +239,39 @@ const $e6a9aa6ceb34e585$export$ba1245f7cbf3ae02 = ()=>{
         })
     });
 };
-$e6a9aa6ceb34e585$export$ba1245f7cbf3ae02.displayName = "RTVIClientAudio";
+$a2a1c5f475114d56$export$b52250cb73ff4de1.displayName = "PipecatClientAudio";
 
 
 
 
 
 
-const $affd351738e2f16c$export$46099a7ec2fe8ac5 = ()=>{
-    const client = (0, $8ee07494475a7fa7$export$31a5f6a22c9b8fba)();
+/**
+ * Copyright (c) 2024, Daily.
+ *
+ * SPDX-License-Identifier: BSD-2-Clause
+ */ 
+
+
+const $810478f6ae107062$var$transportStateAtom = (0, $5Zyvw$jotai.atom)("disconnected");
+const $810478f6ae107062$export$30aee278309a867b = ()=>{
+    const [transportState, setTransportState] = (0, $5Zyvw$jotai.useAtom)($810478f6ae107062$var$transportStateAtom);
+    (0, $8a6b68ebf0332682$export$33a6ac53b8f02625)((0, $5Zyvw$pipecataiclientjs.RTVIEvent).TransportStateChanged, setTransportState);
+    return transportState;
+};
+
+
+const $d9b24817de62910a$export$3ea2601427f0430f = ()=>{
+    const client = (0, $172f489fc5d91d99$export$777fa8498be78705)();
     const [isCamEnabled, setIsCamEnabled] = (0, $5Zyvw$react.useState)(client?.isCamEnabled ?? false);
+    const transportState = (0, $810478f6ae107062$export$30aee278309a867b)();
     // Sync component state with client state initially
     (0, $5Zyvw$react.useEffect)(()=>{
-        if (!client) return;
+        if (!client || transportState !== "initialized" || typeof client.isCamEnabled !== "boolean") return;
         setIsCamEnabled(client.isCamEnabled);
     }, [
-        client
+        client,
+        transportState
     ]);
     const enableCam = (0, $5Zyvw$react.useCallback)((enabled)=>{
         setIsCamEnabled(enabled);
@@ -214,8 +286,8 @@ const $affd351738e2f16c$export$46099a7ec2fe8ac5 = ()=>{
 };
 
 
-const $e7a27a30474b270e$export$156c26e16246ae3e = ({ onCamEnabledChanged: onCamEnabledChanged, disabled: disabled = false, children: children })=>{
-    const { isCamEnabled: isCamEnabled, enableCam: enableCam } = (0, $affd351738e2f16c$export$46099a7ec2fe8ac5)();
+const $666ceba11158b494$export$dc9a029eeca8213f = ({ onCamEnabledChanged: onCamEnabledChanged, disabled: disabled = false, children: children })=>{
+    const { isCamEnabled: isCamEnabled, enableCam: enableCam } = (0, $d9b24817de62910a$export$3ea2601427f0430f)();
     const handleToggleCam = (0, $5Zyvw$react.useCallback)(()=>{
         if (disabled) return;
         const newEnabledState = !isCamEnabled;
@@ -235,22 +307,25 @@ const $e7a27a30474b270e$export$156c26e16246ae3e = ({ onCamEnabledChanged: onCamE
         })
     });
 };
-var $e7a27a30474b270e$export$2e2bcd8739ae039 = $e7a27a30474b270e$export$156c26e16246ae3e;
+var $666ceba11158b494$export$2e2bcd8739ae039 = $666ceba11158b494$export$dc9a029eeca8213f;
+
 
 
 
 
 
 
-const $b5946020fafb75c5$export$805915964ad7bc25 = ()=>{
-    const client = (0, $8ee07494475a7fa7$export$31a5f6a22c9b8fba)();
+const $4af0eba414c586fd$export$388e706586309ef0 = ()=>{
+    const client = (0, $172f489fc5d91d99$export$777fa8498be78705)();
     const [isMicEnabled, setIsMicEnabled] = (0, $5Zyvw$react.useState)(client?.isMicEnabled ?? false);
+    const transportState = (0, $810478f6ae107062$export$30aee278309a867b)();
     // Sync component state with client state initially
     (0, $5Zyvw$react.useEffect)(()=>{
-        if (!client) return;
+        if (!client || transportState !== "initialized" || typeof client.isMicEnabled !== "boolean") return;
         setIsMicEnabled(client.isMicEnabled);
     }, [
-        client
+        client,
+        transportState
     ]);
     const enableMic = (0, $5Zyvw$react.useCallback)((enabled)=>{
         setIsMicEnabled(enabled);
@@ -265,8 +340,8 @@ const $b5946020fafb75c5$export$805915964ad7bc25 = ()=>{
 };
 
 
-const $8a175691955798a2$export$bf1c2c9ca877628d = ({ onMicEnabledChanged: onMicEnabledChanged, disabled: disabled = false, children: children })=>{
-    const { enableMic: enableMic, isMicEnabled: isMicEnabled } = (0, $b5946020fafb75c5$export$805915964ad7bc25)();
+const $1a9931980e271aa3$export$bc8133b69ff660a2 = ({ onMicEnabledChanged: onMicEnabledChanged, disabled: disabled = false, children: children })=>{
+    const { enableMic: enableMic, isMicEnabled: isMicEnabled } = (0, $4af0eba414c586fd$export$388e706586309ef0)();
     const handleToggleMic = (0, $5Zyvw$react.useCallback)(()=>{
         if (disabled) return;
         const newEnabledState = !isMicEnabled;
@@ -286,7 +361,7 @@ const $8a175691955798a2$export$bf1c2c9ca877628d = ({ onMicEnabledChanged: onMicE
         })
     });
 };
-var $8a175691955798a2$export$2e2bcd8739ae039 = $8a175691955798a2$export$bf1c2c9ca877628d;
+var $1a9931980e271aa3$export$2e2bcd8739ae039 = $1a9931980e271aa3$export$bc8133b69ff660a2;
 
 
 
@@ -316,8 +391,8 @@ var $a73c18d97634a8ff$export$2e2bcd8739ae039 = $a73c18d97634a8ff$var$useMergedRe
 
 
 
-const $c1952f9ddec789e5$export$d090a384943608eb = /*#__PURE__*/ (0, $5Zyvw$react.forwardRef)(function VoiceClientVideo({ participant: participant = "local", fit: fit = "contain", mirror: mirror, onResize: onResize, style: style = {}, trackType: trackType = "video", ...props }, ref) {
-    const videoTrack = (0, $e5be552b22401c66$export$7c03381e0d26a6c3)(trackType, participant);
+const $0f97689637ada1d8$export$85974db6d0cc43b3 = /*#__PURE__*/ (0, $5Zyvw$react.forwardRef)(function VoiceClientVideo({ participant: participant = "local", fit: fit = "contain", mirror: mirror, onResize: onResize, style: style = {}, trackType: trackType = "video", ...props }, ref) {
+    const videoTrack = (0, $630203d8dad1dd45$export$9813dcd2d0c26814)(trackType, participant);
     const videoEl = (0, $5Zyvw$react.useRef)(null);
     const videoRef = (0, $a73c18d97634a8ff$export$2e2bcd8739ae039)(videoEl, ref);
     /**
@@ -429,7 +504,7 @@ const $c1952f9ddec789e5$export$d090a384943608eb = /*#__PURE__*/ (0, $5Zyvw$react
         ...props
     });
 });
-$c1952f9ddec789e5$export$d090a384943608eb.displayName = "RTVIClientVideo";
+$0f97689637ada1d8$export$85974db6d0cc43b3.displayName = "PipecatClientVideo";
 
 
 
@@ -440,32 +515,31 @@ $c1952f9ddec789e5$export$d090a384943608eb.displayName = "RTVIClientVideo";
 
 
 
-
-const $01bcacdf0a25e20c$var$availableMicsAtom = (0, $5Zyvw$jotai.atom)([]);
-const $01bcacdf0a25e20c$var$availableCamsAtom = (0, $5Zyvw$jotai.atom)([]);
-const $01bcacdf0a25e20c$var$availableSpeakersAtom = (0, $5Zyvw$jotai.atom)([]);
-const $01bcacdf0a25e20c$var$selectedMicAtom = (0, $5Zyvw$jotai.atom)({});
-const $01bcacdf0a25e20c$var$selectedCamAtom = (0, $5Zyvw$jotai.atom)({});
-const $01bcacdf0a25e20c$var$selectedSpeakerAtom = (0, $5Zyvw$jotai.atom)({});
-const $01bcacdf0a25e20c$export$652c54907b83a48d = ()=>{
-    const client = (0, $8ee07494475a7fa7$export$31a5f6a22c9b8fba)();
-    const availableCams = (0, $5Zyvw$jotai.useAtomValue)($01bcacdf0a25e20c$var$availableCamsAtom);
-    const availableMics = (0, $5Zyvw$jotai.useAtomValue)($01bcacdf0a25e20c$var$availableMicsAtom);
-    const availableSpeakers = (0, $5Zyvw$jotai.useAtomValue)($01bcacdf0a25e20c$var$availableSpeakersAtom);
-    const selectedCam = (0, $5Zyvw$jotai.useAtomValue)($01bcacdf0a25e20c$var$selectedCamAtom);
-    const selectedMic = (0, $5Zyvw$jotai.useAtomValue)($01bcacdf0a25e20c$var$selectedMicAtom);
-    const selectedSpeaker = (0, $5Zyvw$jotai.useAtomValue)($01bcacdf0a25e20c$var$selectedSpeakerAtom);
+const $9bd3e7d3a9d7acd1$var$availableMicsAtom = (0, $5Zyvw$jotai.atom)([]);
+const $9bd3e7d3a9d7acd1$var$availableCamsAtom = (0, $5Zyvw$jotai.atom)([]);
+const $9bd3e7d3a9d7acd1$var$availableSpeakersAtom = (0, $5Zyvw$jotai.atom)([]);
+const $9bd3e7d3a9d7acd1$var$selectedMicAtom = (0, $5Zyvw$jotai.atom)({});
+const $9bd3e7d3a9d7acd1$var$selectedCamAtom = (0, $5Zyvw$jotai.atom)({});
+const $9bd3e7d3a9d7acd1$var$selectedSpeakerAtom = (0, $5Zyvw$jotai.atom)({});
+const $9bd3e7d3a9d7acd1$export$642bc4d2d2a376f1 = ()=>{
+    const client = (0, $172f489fc5d91d99$export$777fa8498be78705)();
+    const availableCams = (0, $5Zyvw$jotai.useAtomValue)($9bd3e7d3a9d7acd1$var$availableCamsAtom);
+    const availableMics = (0, $5Zyvw$jotai.useAtomValue)($9bd3e7d3a9d7acd1$var$availableMicsAtom);
+    const availableSpeakers = (0, $5Zyvw$jotai.useAtomValue)($9bd3e7d3a9d7acd1$var$availableSpeakersAtom);
+    const selectedCam = (0, $5Zyvw$jotai.useAtomValue)($9bd3e7d3a9d7acd1$var$selectedCamAtom);
+    const selectedMic = (0, $5Zyvw$jotai.useAtomValue)($9bd3e7d3a9d7acd1$var$selectedMicAtom);
+    const selectedSpeaker = (0, $5Zyvw$jotai.useAtomValue)($9bd3e7d3a9d7acd1$var$selectedSpeakerAtom);
     const initDevices = (0, $5Zyvw$jotaiutils.useAtomCallback)((0, $5Zyvw$react.useCallback)(async (_get, set)=>{
         if (!client) return;
         const availableCams = await client.getAllCams();
         const availableMics = await client.getAllMics();
         const availableSpeakers = await client.getAllSpeakers();
-        set($01bcacdf0a25e20c$var$availableCamsAtom, availableCams);
-        set($01bcacdf0a25e20c$var$availableMicsAtom, availableMics);
-        set($01bcacdf0a25e20c$var$availableSpeakersAtom, availableSpeakers);
-        set($01bcacdf0a25e20c$var$selectedCamAtom, client.selectedCam);
-        set($01bcacdf0a25e20c$var$selectedMicAtom, client.selectedMic);
-        set($01bcacdf0a25e20c$var$selectedSpeakerAtom, client.selectedSpeaker);
+        set($9bd3e7d3a9d7acd1$var$availableCamsAtom, availableCams);
+        set($9bd3e7d3a9d7acd1$var$availableMicsAtom, availableMics);
+        set($9bd3e7d3a9d7acd1$var$availableSpeakersAtom, availableSpeakers);
+        set($9bd3e7d3a9d7acd1$var$selectedCamAtom, client.selectedCam);
+        set($9bd3e7d3a9d7acd1$var$selectedMicAtom, client.selectedMic);
+        set($9bd3e7d3a9d7acd1$var$selectedSpeakerAtom, client.selectedSpeaker);
     }, [
         client
     ]));
@@ -475,22 +549,22 @@ const $01bcacdf0a25e20c$export$652c54907b83a48d = ()=>{
         initDevices
     ]);
     (0, $8a6b68ebf0332682$export$33a6ac53b8f02625)((0, $5Zyvw$pipecataiclientjs.RTVIEvent).AvailableCamsUpdated, (0, $5Zyvw$jotaiutils.useAtomCallback)((0, $5Zyvw$react.useCallback)((_get, set, cams)=>{
-        set($01bcacdf0a25e20c$var$availableCamsAtom, cams);
+        set($9bd3e7d3a9d7acd1$var$availableCamsAtom, cams);
     }, [])));
     (0, $8a6b68ebf0332682$export$33a6ac53b8f02625)((0, $5Zyvw$pipecataiclientjs.RTVIEvent).AvailableMicsUpdated, (0, $5Zyvw$jotaiutils.useAtomCallback)((0, $5Zyvw$react.useCallback)((_get, set, mics)=>{
-        set($01bcacdf0a25e20c$var$availableMicsAtom, mics);
+        set($9bd3e7d3a9d7acd1$var$availableMicsAtom, mics);
     }, [])));
     (0, $8a6b68ebf0332682$export$33a6ac53b8f02625)((0, $5Zyvw$pipecataiclientjs.RTVIEvent).AvailableSpeakersUpdated, (0, $5Zyvw$jotaiutils.useAtomCallback)((0, $5Zyvw$react.useCallback)((_get, set, speakers)=>{
-        set($01bcacdf0a25e20c$var$availableSpeakersAtom, speakers);
+        set($9bd3e7d3a9d7acd1$var$availableSpeakersAtom, speakers);
     }, [])));
     (0, $8a6b68ebf0332682$export$33a6ac53b8f02625)((0, $5Zyvw$pipecataiclientjs.RTVIEvent).CamUpdated, (0, $5Zyvw$jotaiutils.useAtomCallback)((0, $5Zyvw$react.useCallback)((_get, set, cam)=>{
-        set($01bcacdf0a25e20c$var$selectedCamAtom, cam);
+        set($9bd3e7d3a9d7acd1$var$selectedCamAtom, cam);
     }, [])));
     (0, $8a6b68ebf0332682$export$33a6ac53b8f02625)((0, $5Zyvw$pipecataiclientjs.RTVIEvent).MicUpdated, (0, $5Zyvw$jotaiutils.useAtomCallback)((0, $5Zyvw$react.useCallback)((_get, set, mic)=>{
-        set($01bcacdf0a25e20c$var$selectedMicAtom, mic);
+        set($9bd3e7d3a9d7acd1$var$selectedMicAtom, mic);
     }, [])));
     (0, $8a6b68ebf0332682$export$33a6ac53b8f02625)((0, $5Zyvw$pipecataiclientjs.RTVIEvent).SpeakerUpdated, (0, $5Zyvw$jotaiutils.useAtomCallback)((0, $5Zyvw$react.useCallback)((_get, set, speaker)=>{
-        set($01bcacdf0a25e20c$var$selectedSpeakerAtom, speaker);
+        set($9bd3e7d3a9d7acd1$var$selectedSpeakerAtom, speaker);
     }, [])));
     const updateCam = (0, $5Zyvw$react.useCallback)((id)=>{
         client?.updateCam(id);
@@ -523,19 +597,6 @@ const $01bcacdf0a25e20c$export$652c54907b83a48d = ()=>{
 
 
 
-/**
- * Copyright (c) 2024, Daily.
- *
- * SPDX-License-Identifier: BSD-2-Clause
- */ 
-
-
-const $6b6c1a9f794236bd$var$transportStateAtom = (0, $5Zyvw$jotai.atom)("disconnected");
-const $6b6c1a9f794236bd$export$599fa01283bd4ece = ()=>{
-    const [transportState, setTransportState] = (0, $5Zyvw$jotai.useAtom)($6b6c1a9f794236bd$var$transportStateAtom);
-    (0, $8a6b68ebf0332682$export$33a6ac53b8f02625)((0, $5Zyvw$pipecataiclientjs.RTVIEvent).TransportStateChanged, setTransportState);
-    return transportState;
-};
 
 
 
@@ -543,7 +604,7 @@ const $6b6c1a9f794236bd$export$599fa01283bd4ece = ()=>{
 
 const $a1dfa75b13e6bb9b$export$59bf27bd43679db6 = /*#__PURE__*/ (0, ($parcel$interopDefault($5Zyvw$react))).memo(({ backgroundColor: backgroundColor = "transparent", barColor: barColor = "black", barCount: barCount = 5, barGap: barGap = 12, barLineCap: barLineCap = "round", barMaxHeight: barMaxHeight = 120, barOrigin: barOrigin = "center", barWidth: barWidth = 30, participantType: participantType })=>{
     const canvasRef = (0, $5Zyvw$react.useRef)(null);
-    const track = (0, $e5be552b22401c66$export$7c03381e0d26a6c3)("audio", participantType);
+    const track = (0, $630203d8dad1dd45$export$9813dcd2d0c26814)("audio", participantType);
     (0, $5Zyvw$react.useEffect)(()=>{
         if (!canvasRef.current) return;
         const canvasWidth = barCount * barWidth + (barCount - 1) * barGap;