@pipecat-ai/client-react 0.4.1 → 1.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/README.md +46 -47
  2. package/dist/index.d.ts +19 -19
  3. package/dist/index.d.ts.map +1 -1
  4. package/dist/index.js +233 -155
  5. package/dist/index.js.map +1 -1
  6. package/dist/index.module.js +225 -147
  7. package/dist/index.module.js.map +1 -1
  8. package/package.json +1 -1
package/dist/index.module.js CHANGED
@@ -1,9 +1,9 @@
1
1
  import {jsx as $h9lXz$jsx, Fragment as $h9lXz$Fragment} from "react/jsx-runtime";
2
- import {RTVIEvent as $h9lXz$RTVIEvent} from "@pipecat-ai/client-js";
2
+ import {RTVIEvent as $h9lXz$RTVIEvent, setAboutClient as $h9lXz$setAboutClient} from "@pipecat-ai/client-js";
3
3
  import $h9lXz$react, {useRef as $h9lXz$useRef, useEffect as $h9lXz$useEffect, useCallback as $h9lXz$useCallback, useContext as $h9lXz$useContext, createContext as $h9lXz$createContext, useState as $h9lXz$useState, forwardRef as $h9lXz$forwardRef} from "react";
4
- import {createStore as $h9lXz$createStore, atom as $h9lXz$atom, useAtomValue as $h9lXz$useAtomValue, useAtom as $h9lXz$useAtom} from "jotai";
5
- import {Provider as $h9lXz$Provider} from "jotai/react";
4
+ import {atom as $h9lXz$atom, useAtomValue as $h9lXz$useAtomValue, createStore as $h9lXz$createStore} from "jotai";
6
5
  import {atomFamily as $h9lXz$atomFamily, useAtomCallback as $h9lXz$useAtomCallback} from "jotai/utils";
6
+ import {Provider as $h9lXz$Provider} from "jotai/react";
7
7
 
8
8
  /**
9
9
  * Copyright (c) 2024, Daily.
@@ -17,6 +17,9 @@ import {atomFamily as $h9lXz$atomFamily, useAtomCallback as $h9lXz$useAtomCallba
17
17
  *
18
18
  * SPDX-License-Identifier: BSD-2-Clause
19
19
  */
20
+
21
+
22
+
20
23
  /**
21
24
  * Copyright (c) 2024, Daily.
22
25
  *
@@ -26,81 +29,195 @@ import {atomFamily as $h9lXz$atomFamily, useAtomCallback as $h9lXz$useAtomCallba
26
29
 
27
30
 
28
31
 
29
- const $f3f7d4263dc13c6a$var$defaultStore = (0, $h9lXz$createStore)();
30
- const $f3f7d4263dc13c6a$export$8d2b07cbee622e7c = /*#__PURE__*/ (0, $h9lXz$createContext)({});
31
- const $f3f7d4263dc13c6a$export$4a4ae2d5dc96782 = ({ children: children, client: client, jotaiStore: jotaiStore = $f3f7d4263dc13c6a$var$defaultStore })=>{
32
- return (0, $h9lXz$jsx)((0, $h9lXz$Provider), {
33
- store: jotaiStore,
34
- children: (0, $h9lXz$jsx)($f3f7d4263dc13c6a$export$8d2b07cbee622e7c.Provider, {
35
- value: {
36
- client: client
37
- },
38
- children: children
39
- })
40
- });
41
- };
42
- $f3f7d4263dc13c6a$export$4a4ae2d5dc96782.displayName = "RTVIClientProvider";
32
+
33
+ var $ad20387e24e513d4$exports = {};
34
+ $ad20387e24e513d4$exports = JSON.parse("{\"name\":\"@pipecat-ai/client-react\",\"version\":\"1.0.1\",\"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\"}}");
35
+
43
36
 
44
37
 
45
- const $54a3c9f5bdbf0854$export$31a5f6a22c9b8fba = ()=>{
46
- const { client: client } = (0, $h9lXz$useContext)((0, $f3f7d4263dc13c6a$export$8d2b07cbee622e7c));
47
- return client;
48
- };
38
+
39
+
40
+
41
+ /**
42
+ * Copyright (c) 2024, Daily.
43
+ *
44
+ * SPDX-License-Identifier: BSD-2-Clause
45
+ */
46
+
47
+ const $33f16f27e37c90bc$export$fe23d0ef95286467 = /*#__PURE__*/ (0, $h9lXz$createContext)({
48
+ on: ()=>{},
49
+ off: ()=>{}
50
+ });
49
51
 
50
52
 
51
53
  const $824ea64b5f757259$export$33a6ac53b8f02625 = (event, handler)=>{
52
- const client = (0, $54a3c9f5bdbf0854$export$31a5f6a22c9b8fba)();
54
+ const { on: on, off: off } = (0, $h9lXz$useContext)((0, $33f16f27e37c90bc$export$fe23d0ef95286467));
53
55
  (0, $h9lXz$useEffect)(()=>{
54
- if (!client) return;
55
- client.on(event, handler);
56
+ on(event, handler);
56
57
  return ()=>{
57
- client.off(event, handler);
58
+ off(event, handler);
58
59
  };
59
60
  }, [
60
61
  event,
61
62
  handler,
63
+ on,
64
+ off
65
+ ]);
66
+ };
67
+
68
+
69
+ const $a90aa7250c094218$export$d6bdcccacef16204 = /*#__PURE__*/ (0, $h9lXz$createContext)({
70
+ enableCam: ()=>{
71
+ throw new Error("PipecatClientCamStateContext: enableCam() called outside of provider");
72
+ },
73
+ isCamEnabled: false
74
+ });
75
+ const $a90aa7250c094218$export$802b42df0e0d8153 = /*#__PURE__*/ (0, $h9lXz$createContext)({
76
+ enableMic: ()=>{
77
+ throw new Error("PipecatClientMicStateContext: enableMic() called outside of provider");
78
+ },
79
+ isMicEnabled: false
80
+ });
81
+ const $a90aa7250c094218$export$db79fdf85ddd6b65 = /*#__PURE__*/ (0, $h9lXz$createContext)("disconnected");
82
+ const $a90aa7250c094218$export$4777554fda61c378 = ({ children: children })=>{
83
+ const client = (0, $034a56e7ee1b7bed$export$777fa8498be78705)();
84
+ const [isCamEnabled, setIsCamEnabled] = (0, $h9lXz$useState)(false);
85
+ const [isMicEnabled, setIsMicEnabled] = (0, $h9lXz$useState)(false);
86
+ const [transportState, setTransportState] = (0, $h9lXz$useState)("disconnected");
87
+ (0, $824ea64b5f757259$export$33a6ac53b8f02625)((0, $h9lXz$RTVIEvent).TransportStateChanged, (state)=>{
88
+ setTransportState(state);
89
+ if (state === "initialized" && client) {
90
+ setIsCamEnabled(client.isCamEnabled ?? false);
91
+ setIsMicEnabled(client.isMicEnabled ?? false);
92
+ }
93
+ });
94
+ const enableCam = (0, $h9lXz$useCallback)((enabled)=>{
95
+ setIsCamEnabled(enabled);
96
+ client?.enableCam?.(enabled);
97
+ }, [
62
98
  client
63
99
  ]);
100
+ const enableMic = (0, $h9lXz$useCallback)((enabled)=>{
101
+ setIsMicEnabled(enabled);
102
+ client?.enableMic?.(enabled);
103
+ }, [
104
+ client
105
+ ]);
106
+ return (0, $h9lXz$jsx)($a90aa7250c094218$export$db79fdf85ddd6b65.Provider, {
107
+ value: transportState,
108
+ children: (0, $h9lXz$jsx)($a90aa7250c094218$export$d6bdcccacef16204.Provider, {
109
+ value: {
110
+ enableCam: enableCam,
111
+ isCamEnabled: isCamEnabled
112
+ },
113
+ children: (0, $h9lXz$jsx)($a90aa7250c094218$export$802b42df0e0d8153.Provider, {
114
+ value: {
115
+ enableMic: enableMic,
116
+ isMicEnabled: isMicEnabled
117
+ },
118
+ children: children
119
+ })
120
+ })
121
+ });
64
122
  };
65
123
 
66
124
 
67
- /**
68
- * Copyright (c) 2024, Daily.
69
- *
70
- * SPDX-License-Identifier: BSD-2-Clause
71
- */
72
125
 
126
+ const $d2e362c5a07ee3c5$var$defaultStore = (0, $h9lXz$createStore)();
127
+ const $d2e362c5a07ee3c5$export$67f6d73bc6cd7bb1 = /*#__PURE__*/ (0, $h9lXz$createContext)({});
128
+ const $d2e362c5a07ee3c5$export$bb43666ced7a20d0 = ({ children: children, client: client, jotaiStore: jotaiStore = $d2e362c5a07ee3c5$var$defaultStore })=>{
129
+ (0, $h9lXz$useEffect)(()=>{
130
+ (0, $h9lXz$setAboutClient)({
131
+ library: (0, $ad20387e24e513d4$exports.name),
132
+ library_version: (0, $ad20387e24e513d4$exports.version)
133
+ });
134
+ }, []);
135
+ const eventHandlersMap = (0, $h9lXz$useRef)({});
136
+ (0, $h9lXz$useEffect)(()=>{
137
+ if (!client) return;
138
+ const allEvents = Object.values((0, $h9lXz$RTVIEvent)).filter((value)=>isNaN(Number(value)));
139
+ const allHandlers = {};
140
+ allEvents.forEach((event)=>{
141
+ const handler = (...payload)=>{
142
+ const handlers = eventHandlersMap.current[event];
143
+ if (!handlers) return;
144
+ handlers.forEach((h)=>{
145
+ h(...payload);
146
+ });
147
+ };
148
+ allHandlers[event] = handler;
149
+ client.on(event, handler);
150
+ });
151
+ return ()=>{
152
+ allEvents.forEach((event)=>{
153
+ client.off(event, allHandlers[event]);
154
+ });
155
+ };
156
+ }, [
157
+ client
158
+ ]);
159
+ const on = (0, $h9lXz$useCallback)((event, handler)=>{
160
+ if (!eventHandlersMap.current[event]) eventHandlersMap.current[event] = new Set();
161
+ eventHandlersMap.current[event].add(handler);
162
+ }, []);
163
+ const off = (0, $h9lXz$useCallback)((event, handler)=>{
164
+ eventHandlersMap.current[event]?.delete(handler);
165
+ }, []);
166
+ return (0, $h9lXz$jsx)((0, $h9lXz$Provider), {
167
+ store: jotaiStore,
168
+ children: (0, $h9lXz$jsx)($d2e362c5a07ee3c5$export$67f6d73bc6cd7bb1.Provider, {
169
+ value: {
170
+ client: client
171
+ },
172
+ children: (0, $h9lXz$jsx)((0, $33f16f27e37c90bc$export$fe23d0ef95286467).Provider, {
173
+ value: {
174
+ on: on,
175
+ off: off
176
+ },
177
+ children: (0, $h9lXz$jsx)((0, $a90aa7250c094218$export$4777554fda61c378), {
178
+ children: children
179
+ })
180
+ })
181
+ })
182
+ });
183
+ };
184
+ $d2e362c5a07ee3c5$export$bb43666ced7a20d0.displayName = "PipecatClientProvider";
73
185
 
74
186
 
187
+ const $034a56e7ee1b7bed$export$777fa8498be78705 = ()=>{
188
+ const { client: client } = (0, $h9lXz$useContext)((0, $d2e362c5a07ee3c5$export$67f6d73bc6cd7bb1));
189
+ return client;
190
+ };
191
+
75
192
 
76
193
 
77
- const $194c75143b7a1fa0$var$localAudioTrackAtom = (0, $h9lXz$atom)(null);
78
- const $194c75143b7a1fa0$var$localVideoTrackAtom = (0, $h9lXz$atom)(null);
79
- const $194c75143b7a1fa0$var$localScreenAudioTrackAtom = (0, $h9lXz$atom)(null);
80
- const $194c75143b7a1fa0$var$localScreenVideoTrackAtom = (0, $h9lXz$atom)(null);
81
- const $194c75143b7a1fa0$var$botAudioTrackAtom = (0, $h9lXz$atom)(null);
82
- const $194c75143b7a1fa0$var$botVideoTrackAtom = (0, $h9lXz$atom)(null);
83
- const $194c75143b7a1fa0$var$trackAtom = (0, $h9lXz$atomFamily)(({ local: local, trackType: trackType })=>{
194
+ const $4b4b9099cdb5b776$var$localAudioTrackAtom = (0, $h9lXz$atom)(null);
195
+ const $4b4b9099cdb5b776$var$localVideoTrackAtom = (0, $h9lXz$atom)(null);
196
+ const $4b4b9099cdb5b776$var$localScreenAudioTrackAtom = (0, $h9lXz$atom)(null);
197
+ const $4b4b9099cdb5b776$var$localScreenVideoTrackAtom = (0, $h9lXz$atom)(null);
198
+ const $4b4b9099cdb5b776$var$botAudioTrackAtom = (0, $h9lXz$atom)(null);
199
+ const $4b4b9099cdb5b776$var$botVideoTrackAtom = (0, $h9lXz$atom)(null);
200
+ const $4b4b9099cdb5b776$var$trackAtom = (0, $h9lXz$atomFamily)(({ local: local, trackType: trackType })=>{
84
201
  if (local) switch(trackType){
85
202
  case "audio":
86
- return $194c75143b7a1fa0$var$localAudioTrackAtom;
203
+ return $4b4b9099cdb5b776$var$localAudioTrackAtom;
87
204
  case "screenAudio":
88
- return $194c75143b7a1fa0$var$localScreenAudioTrackAtom;
205
+ return $4b4b9099cdb5b776$var$localScreenAudioTrackAtom;
89
206
  case "screenVideo":
90
- return $194c75143b7a1fa0$var$localScreenVideoTrackAtom;
207
+ return $4b4b9099cdb5b776$var$localScreenVideoTrackAtom;
91
208
  case "video":
92
- return $194c75143b7a1fa0$var$localVideoTrackAtom;
209
+ return $4b4b9099cdb5b776$var$localVideoTrackAtom;
93
210
  }
94
- return trackType === "audio" ? $194c75143b7a1fa0$var$botAudioTrackAtom : $194c75143b7a1fa0$var$botVideoTrackAtom;
211
+ return trackType === "audio" ? $4b4b9099cdb5b776$var$botAudioTrackAtom : $4b4b9099cdb5b776$var$botVideoTrackAtom;
95
212
  });
96
- const $194c75143b7a1fa0$export$7c03381e0d26a6c3 = (trackType, participantType)=>{
97
- const client = (0, $54a3c9f5bdbf0854$export$31a5f6a22c9b8fba)();
98
- const track = (0, $h9lXz$useAtomValue)($194c75143b7a1fa0$var$trackAtom({
213
+ const $4b4b9099cdb5b776$export$9813dcd2d0c26814 = (trackType, participantType)=>{
214
+ const client = (0, $034a56e7ee1b7bed$export$777fa8498be78705)();
215
+ const track = (0, $h9lXz$useAtomValue)($4b4b9099cdb5b776$var$trackAtom({
99
216
  local: participantType === "local",
100
217
  trackType: trackType
101
218
  }));
102
219
  const updateTrack = (0, $h9lXz$useAtomCallback)((0, $h9lXz$useCallback)((get, set, track, trackType, local)=>{
103
- const atom = $194c75143b7a1fa0$var$trackAtom({
220
+ const atom = $4b4b9099cdb5b776$var$trackAtom({
104
221
  local: local,
105
222
  trackType: trackType
106
223
  });
@@ -135,9 +252,10 @@ const $194c75143b7a1fa0$export$7c03381e0d26a6c3 = (trackType, participantType)=>
135
252
  };
136
253
 
137
254
 
138
- const $f8b885726fc652c0$export$ba1245f7cbf3ae02 = ()=>{
255
+
256
+ const $f209aa7ddb77dcb2$export$b52250cb73ff4de1 = ()=>{
139
257
  const botAudioRef = (0, $h9lXz$useRef)(null);
140
- const botAudioTrack = (0, $194c75143b7a1fa0$export$7c03381e0d26a6c3)("audio", "bot");
258
+ const botAudioTrack = (0, $4b4b9099cdb5b776$export$9813dcd2d0c26814)("audio", "bot");
141
259
  (0, $h9lXz$useEffect)(()=>{
142
260
  if (!botAudioRef.current || !botAudioTrack) return;
143
261
  if (botAudioRef.current.srcObject) {
@@ -162,9 +280,7 @@ const $f8b885726fc652c0$export$ba1245f7cbf3ae02 = ()=>{
162
280
  })
163
281
  });
164
282
  };
165
- $f8b885726fc652c0$export$ba1245f7cbf3ae02.displayName = "RTVIClientAudio";
166
-
167
-
283
+ $f209aa7ddb77dcb2$export$b52250cb73ff4de1.displayName = "PipecatClientAudio";
168
284
 
169
285
 
170
286
 
@@ -175,42 +291,11 @@ $f8b885726fc652c0$export$ba1245f7cbf3ae02.displayName = "RTVIClientAudio";
175
291
  * SPDX-License-Identifier: BSD-2-Clause
176
292
  */
177
293
 
178
-
179
- const $8376ffbc1b1f3c97$var$transportStateAtom = (0, $h9lXz$atom)("disconnected");
180
- const $8376ffbc1b1f3c97$export$599fa01283bd4ece = ()=>{
181
- const [transportState, setTransportState] = (0, $h9lXz$useAtom)($8376ffbc1b1f3c97$var$transportStateAtom);
182
- (0, $824ea64b5f757259$export$33a6ac53b8f02625)((0, $h9lXz$RTVIEvent).TransportStateChanged, setTransportState);
183
- return transportState;
184
- };
294
+ const $e76ee2f021b54325$export$3ea2601427f0430f = ()=>(0, $h9lXz$useContext)((0, $a90aa7250c094218$export$d6bdcccacef16204));
185
295
 
186
296
 
187
- const $7662c16ae3a8c331$export$46099a7ec2fe8ac5 = ()=>{
188
- const client = (0, $54a3c9f5bdbf0854$export$31a5f6a22c9b8fba)();
189
- const [isCamEnabled, setIsCamEnabled] = (0, $h9lXz$useState)(client?.isCamEnabled ?? false);
190
- const transportState = (0, $8376ffbc1b1f3c97$export$599fa01283bd4ece)();
191
- // Sync component state with client state initially
192
- (0, $h9lXz$useEffect)(()=>{
193
- if (!client || transportState !== "initialized" || typeof client.isCamEnabled !== "boolean") return;
194
- setIsCamEnabled(client.isCamEnabled);
195
- }, [
196
- client,
197
- transportState
198
- ]);
199
- const enableCam = (0, $h9lXz$useCallback)((enabled)=>{
200
- setIsCamEnabled(enabled);
201
- client?.enableCam?.(enabled);
202
- }, [
203
- client
204
- ]);
205
- return {
206
- enableCam: enableCam,
207
- isCamEnabled: isCamEnabled
208
- };
209
- };
210
-
211
-
212
- const $379da083c72543d5$export$156c26e16246ae3e = ({ onCamEnabledChanged: onCamEnabledChanged, disabled: disabled = false, children: children })=>{
213
- const { isCamEnabled: isCamEnabled, enableCam: enableCam } = (0, $7662c16ae3a8c331$export$46099a7ec2fe8ac5)();
297
+ const $7cb2ce2c4cbfb401$export$dc9a029eeca8213f = ({ onCamEnabledChanged: onCamEnabledChanged, disabled: disabled = false, children: children })=>{
298
+ const { isCamEnabled: isCamEnabled, enableCam: enableCam } = (0, $e76ee2f021b54325$export$3ea2601427f0430f)();
214
299
  const handleToggleCam = (0, $h9lXz$useCallback)(()=>{
215
300
  if (disabled) return;
216
301
  const newEnabledState = !isCamEnabled;
@@ -230,41 +315,22 @@ const $379da083c72543d5$export$156c26e16246ae3e = ({ onCamEnabledChanged: onCamE
230
315
  })
231
316
  });
232
317
  };
233
- var $379da083c72543d5$export$2e2bcd8739ae039 = $379da083c72543d5$export$156c26e16246ae3e;
234
-
318
+ var $7cb2ce2c4cbfb401$export$2e2bcd8739ae039 = $7cb2ce2c4cbfb401$export$dc9a029eeca8213f;
235
319
 
236
320
 
237
321
 
238
322
 
323
+ /**
324
+ * Copyright (c) 2024, Daily.
325
+ *
326
+ * SPDX-License-Identifier: BSD-2-Clause
327
+ */
239
328
 
329
+ const $5905c001b0dc8d25$export$388e706586309ef0 = ()=>(0, $h9lXz$useContext)((0, $a90aa7250c094218$export$802b42df0e0d8153));
240
330
 
241
- const $e6f5302cf8392476$export$805915964ad7bc25 = ()=>{
242
- const client = (0, $54a3c9f5bdbf0854$export$31a5f6a22c9b8fba)();
243
- const [isMicEnabled, setIsMicEnabled] = (0, $h9lXz$useState)(client?.isMicEnabled ?? false);
244
- const transportState = (0, $8376ffbc1b1f3c97$export$599fa01283bd4ece)();
245
- // Sync component state with client state initially
246
- (0, $h9lXz$useEffect)(()=>{
247
- if (!client || transportState !== "initialized" || typeof client.isMicEnabled !== "boolean") return;
248
- setIsMicEnabled(client.isMicEnabled);
249
- }, [
250
- client,
251
- transportState
252
- ]);
253
- const enableMic = (0, $h9lXz$useCallback)((enabled)=>{
254
- setIsMicEnabled(enabled);
255
- client?.enableMic?.(enabled);
256
- }, [
257
- client
258
- ]);
259
- return {
260
- enableMic: enableMic,
261
- isMicEnabled: isMicEnabled
262
- };
263
- };
264
331
 
265
-
266
- const $5bebec90a95fc7e5$export$bf1c2c9ca877628d = ({ onMicEnabledChanged: onMicEnabledChanged, disabled: disabled = false, children: children })=>{
267
- const { enableMic: enableMic, isMicEnabled: isMicEnabled } = (0, $e6f5302cf8392476$export$805915964ad7bc25)();
332
+ const $2984fdfc31bad375$export$bc8133b69ff660a2 = ({ onMicEnabledChanged: onMicEnabledChanged, disabled: disabled = false, children: children })=>{
333
+ const { enableMic: enableMic, isMicEnabled: isMicEnabled } = (0, $5905c001b0dc8d25$export$388e706586309ef0)();
268
334
  const handleToggleMic = (0, $h9lXz$useCallback)(()=>{
269
335
  if (disabled) return;
270
336
  const newEnabledState = !isMicEnabled;
@@ -284,7 +350,7 @@ const $5bebec90a95fc7e5$export$bf1c2c9ca877628d = ({ onMicEnabledChanged: onMicE
284
350
  })
285
351
  });
286
352
  };
287
- var $5bebec90a95fc7e5$export$2e2bcd8739ae039 = $5bebec90a95fc7e5$export$bf1c2c9ca877628d;
353
+ var $2984fdfc31bad375$export$2e2bcd8739ae039 = $2984fdfc31bad375$export$bc8133b69ff660a2;
288
354
 
289
355
 
290
356
 
@@ -314,8 +380,8 @@ var $9098519210cf34e2$export$2e2bcd8739ae039 = $9098519210cf34e2$var$useMergedRe
314
380
 
315
381
 
316
382
 
317
- const $b76d887910983811$export$d090a384943608eb = /*#__PURE__*/ (0, $h9lXz$forwardRef)(function VoiceClientVideo({ participant: participant = "local", fit: fit = "contain", mirror: mirror, onResize: onResize, style: style = {}, trackType: trackType = "video", ...props }, ref) {
318
- const videoTrack = (0, $194c75143b7a1fa0$export$7c03381e0d26a6c3)(trackType, participant);
383
+ const $6a65deb8615a2ad7$export$85974db6d0cc43b3 = /*#__PURE__*/ (0, $h9lXz$forwardRef)(function VoiceClientVideo({ participant: participant = "local", fit: fit = "contain", mirror: mirror, onResize: onResize, style: style = {}, trackType: trackType = "video", ...props }, ref) {
384
+ const videoTrack = (0, $4b4b9099cdb5b776$export$9813dcd2d0c26814)(trackType, participant);
319
385
  const videoEl = (0, $h9lXz$useRef)(null);
320
386
  const videoRef = (0, $9098519210cf34e2$export$2e2bcd8739ae039)(videoEl, ref);
321
387
  /**
@@ -427,43 +493,46 @@ const $b76d887910983811$export$d090a384943608eb = /*#__PURE__*/ (0, $h9lXz$forwa
427
493
  ...props
428
494
  });
429
495
  });
430
- $b76d887910983811$export$d090a384943608eb.displayName = "RTVIClientVideo";
431
-
432
-
496
+ $6a65deb8615a2ad7$export$85974db6d0cc43b3.displayName = "PipecatClientVideo";
433
497
 
434
498
 
435
499
 
436
500
 
501
+ /**
502
+ * Copyright (c) 2024, Daily.
503
+ *
504
+ * SPDX-License-Identifier: BSD-2-Clause
505
+ */
437
506
 
438
507
 
439
508
 
440
509
 
441
510
 
442
- const $c7d06534b21735c2$var$availableMicsAtom = (0, $h9lXz$atom)([]);
443
- const $c7d06534b21735c2$var$availableCamsAtom = (0, $h9lXz$atom)([]);
444
- const $c7d06534b21735c2$var$availableSpeakersAtom = (0, $h9lXz$atom)([]);
445
- const $c7d06534b21735c2$var$selectedMicAtom = (0, $h9lXz$atom)({});
446
- const $c7d06534b21735c2$var$selectedCamAtom = (0, $h9lXz$atom)({});
447
- const $c7d06534b21735c2$var$selectedSpeakerAtom = (0, $h9lXz$atom)({});
448
- const $c7d06534b21735c2$export$652c54907b83a48d = ()=>{
449
- const client = (0, $54a3c9f5bdbf0854$export$31a5f6a22c9b8fba)();
450
- const availableCams = (0, $h9lXz$useAtomValue)($c7d06534b21735c2$var$availableCamsAtom);
451
- const availableMics = (0, $h9lXz$useAtomValue)($c7d06534b21735c2$var$availableMicsAtom);
452
- const availableSpeakers = (0, $h9lXz$useAtomValue)($c7d06534b21735c2$var$availableSpeakersAtom);
453
- const selectedCam = (0, $h9lXz$useAtomValue)($c7d06534b21735c2$var$selectedCamAtom);
454
- const selectedMic = (0, $h9lXz$useAtomValue)($c7d06534b21735c2$var$selectedMicAtom);
455
- const selectedSpeaker = (0, $h9lXz$useAtomValue)($c7d06534b21735c2$var$selectedSpeakerAtom);
511
+ const $f934f1f8b10aaf19$var$availableMicsAtom = (0, $h9lXz$atom)([]);
512
+ const $f934f1f8b10aaf19$var$availableCamsAtom = (0, $h9lXz$atom)([]);
513
+ const $f934f1f8b10aaf19$var$availableSpeakersAtom = (0, $h9lXz$atom)([]);
514
+ const $f934f1f8b10aaf19$var$selectedMicAtom = (0, $h9lXz$atom)({});
515
+ const $f934f1f8b10aaf19$var$selectedCamAtom = (0, $h9lXz$atom)({});
516
+ const $f934f1f8b10aaf19$var$selectedSpeakerAtom = (0, $h9lXz$atom)({});
517
+ const $f934f1f8b10aaf19$export$642bc4d2d2a376f1 = ()=>{
518
+ const client = (0, $034a56e7ee1b7bed$export$777fa8498be78705)();
519
+ const availableCams = (0, $h9lXz$useAtomValue)($f934f1f8b10aaf19$var$availableCamsAtom);
520
+ const availableMics = (0, $h9lXz$useAtomValue)($f934f1f8b10aaf19$var$availableMicsAtom);
521
+ const availableSpeakers = (0, $h9lXz$useAtomValue)($f934f1f8b10aaf19$var$availableSpeakersAtom);
522
+ const selectedCam = (0, $h9lXz$useAtomValue)($f934f1f8b10aaf19$var$selectedCamAtom);
523
+ const selectedMic = (0, $h9lXz$useAtomValue)($f934f1f8b10aaf19$var$selectedMicAtom);
524
+ const selectedSpeaker = (0, $h9lXz$useAtomValue)($f934f1f8b10aaf19$var$selectedSpeakerAtom);
456
525
  const initDevices = (0, $h9lXz$useAtomCallback)((0, $h9lXz$useCallback)(async (_get, set)=>{
457
526
  if (!client) return;
458
527
  const availableCams = await client.getAllCams();
459
528
  const availableMics = await client.getAllMics();
460
529
  const availableSpeakers = await client.getAllSpeakers();
461
- set($c7d06534b21735c2$var$availableCamsAtom, availableCams);
462
- set($c7d06534b21735c2$var$availableMicsAtom, availableMics);
463
- set($c7d06534b21735c2$var$availableSpeakersAtom, availableSpeakers);
464
- set($c7d06534b21735c2$var$selectedCamAtom, client.selectedCam);
465
- set($c7d06534b21735c2$var$selectedMicAtom, client.selectedMic);
466
- set($c7d06534b21735c2$var$selectedSpeakerAtom, client.selectedSpeaker);
530
+ set($f934f1f8b10aaf19$var$availableCamsAtom, availableCams);
531
+ set($f934f1f8b10aaf19$var$availableMicsAtom, availableMics);
532
+ set($f934f1f8b10aaf19$var$availableSpeakersAtom, availableSpeakers);
533
+ set($f934f1f8b10aaf19$var$selectedCamAtom, client.selectedCam);
534
+ set($f934f1f8b10aaf19$var$selectedMicAtom, client.selectedMic);
535
+ set($f934f1f8b10aaf19$var$selectedSpeakerAtom, client.selectedSpeaker);
467
536
  }, [
468
537
  client
469
538
  ]));
@@ -473,22 +542,22 @@ const $c7d06534b21735c2$export$652c54907b83a48d = ()=>{
473
542
  initDevices
474
543
  ]);
475
544
  (0, $824ea64b5f757259$export$33a6ac53b8f02625)((0, $h9lXz$RTVIEvent).AvailableCamsUpdated, (0, $h9lXz$useAtomCallback)((0, $h9lXz$useCallback)((_get, set, cams)=>{
476
- set($c7d06534b21735c2$var$availableCamsAtom, cams);
545
+ set($f934f1f8b10aaf19$var$availableCamsAtom, cams);
477
546
  }, [])));
478
547
  (0, $824ea64b5f757259$export$33a6ac53b8f02625)((0, $h9lXz$RTVIEvent).AvailableMicsUpdated, (0, $h9lXz$useAtomCallback)((0, $h9lXz$useCallback)((_get, set, mics)=>{
479
- set($c7d06534b21735c2$var$availableMicsAtom, mics);
548
+ set($f934f1f8b10aaf19$var$availableMicsAtom, mics);
480
549
  }, [])));
481
550
  (0, $824ea64b5f757259$export$33a6ac53b8f02625)((0, $h9lXz$RTVIEvent).AvailableSpeakersUpdated, (0, $h9lXz$useAtomCallback)((0, $h9lXz$useCallback)((_get, set, speakers)=>{
482
- set($c7d06534b21735c2$var$availableSpeakersAtom, speakers);
551
+ set($f934f1f8b10aaf19$var$availableSpeakersAtom, speakers);
483
552
  }, [])));
484
553
  (0, $824ea64b5f757259$export$33a6ac53b8f02625)((0, $h9lXz$RTVIEvent).CamUpdated, (0, $h9lXz$useAtomCallback)((0, $h9lXz$useCallback)((_get, set, cam)=>{
485
- set($c7d06534b21735c2$var$selectedCamAtom, cam);
554
+ set($f934f1f8b10aaf19$var$selectedCamAtom, cam);
486
555
  }, [])));
487
556
  (0, $824ea64b5f757259$export$33a6ac53b8f02625)((0, $h9lXz$RTVIEvent).MicUpdated, (0, $h9lXz$useAtomCallback)((0, $h9lXz$useCallback)((_get, set, mic)=>{
488
- set($c7d06534b21735c2$var$selectedMicAtom, mic);
557
+ set($f934f1f8b10aaf19$var$selectedMicAtom, mic);
489
558
  }, [])));
490
559
  (0, $824ea64b5f757259$export$33a6ac53b8f02625)((0, $h9lXz$RTVIEvent).SpeakerUpdated, (0, $h9lXz$useAtomCallback)((0, $h9lXz$useCallback)((_get, set, speaker)=>{
491
- set($c7d06534b21735c2$var$selectedSpeakerAtom, speaker);
560
+ set($f934f1f8b10aaf19$var$selectedSpeakerAtom, speaker);
492
561
  }, [])));
493
562
  const updateCam = (0, $h9lXz$useCallback)((id)=>{
494
563
  client?.updateCam(id);
@@ -521,13 +590,22 @@ const $c7d06534b21735c2$export$652c54907b83a48d = ()=>{
521
590
 
522
591
 
523
592
 
593
+ /**
594
+ * Copyright (c) 2024, Daily.
595
+ *
596
+ * SPDX-License-Identifier: BSD-2-Clause
597
+ */
598
+
599
+ const $33f3729bbe9f09df$export$30aee278309a867b = ()=>(0, $h9lXz$useContext)((0, $a90aa7250c094218$export$db79fdf85ddd6b65));
600
+
601
+
524
602
 
525
603
 
526
604
 
527
605
 
528
606
  const $993a744193844a95$export$59bf27bd43679db6 = /*#__PURE__*/ (0, $h9lXz$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 })=>{
529
607
  const canvasRef = (0, $h9lXz$useRef)(null);
530
- const track = (0, $194c75143b7a1fa0$export$7c03381e0d26a6c3)("audio", participantType);
608
+ const track = (0, $4b4b9099cdb5b776$export$9813dcd2d0c26814)("audio", participantType);
531
609
  (0, $h9lXz$useEffect)(()=>{
532
610
  if (!canvasRef.current) return;
533
611
  const canvasWidth = barCount * barWidth + (barCount - 1) * barGap;
@@ -704,5 +782,5 @@ $993a744193844a95$export$59bf27bd43679db6.displayName = "VoiceVisualizer";
704
782
 
705
783
 
706
784
 
707
- export {$f8b885726fc652c0$export$ba1245f7cbf3ae02 as RTVIClientAudio, $379da083c72543d5$export$156c26e16246ae3e as RTVIClientCamToggle, $5bebec90a95fc7e5$export$bf1c2c9ca877628d as RTVIClientMicToggle, $f3f7d4263dc13c6a$export$4a4ae2d5dc96782 as RTVIClientProvider, $b76d887910983811$export$d090a384943608eb as RTVIClientVideo, $54a3c9f5bdbf0854$export$31a5f6a22c9b8fba as useRTVIClient, $7662c16ae3a8c331$export$46099a7ec2fe8ac5 as useRTVIClientCamControl, $824ea64b5f757259$export$33a6ac53b8f02625 as useRTVIClientEvent, $c7d06534b21735c2$export$652c54907b83a48d as useRTVIClientMediaDevices, $194c75143b7a1fa0$export$7c03381e0d26a6c3 as useRTVIClientMediaTrack, $e6f5302cf8392476$export$805915964ad7bc25 as useRTVIClientMicControl, $8376ffbc1b1f3c97$export$599fa01283bd4ece as useRTVIClientTransportState, $993a744193844a95$export$59bf27bd43679db6 as VoiceVisualizer};
785
+ export {$f209aa7ddb77dcb2$export$b52250cb73ff4de1 as PipecatClientAudio, $7cb2ce2c4cbfb401$export$dc9a029eeca8213f as PipecatClientCamToggle, $2984fdfc31bad375$export$bc8133b69ff660a2 as PipecatClientMicToggle, $d2e362c5a07ee3c5$export$bb43666ced7a20d0 as PipecatClientProvider, $6a65deb8615a2ad7$export$85974db6d0cc43b3 as PipecatClientVideo, $034a56e7ee1b7bed$export$777fa8498be78705 as usePipecatClient, $e76ee2f021b54325$export$3ea2601427f0430f as usePipecatClientCamControl, $f934f1f8b10aaf19$export$642bc4d2d2a376f1 as usePipecatClientMediaDevices, $4b4b9099cdb5b776$export$9813dcd2d0c26814 as usePipecatClientMediaTrack, $5905c001b0dc8d25$export$388e706586309ef0 as usePipecatClientMicControl, $33f3729bbe9f09df$export$30aee278309a867b as usePipecatClientTransportState, $824ea64b5f757259$export$33a6ac53b8f02625 as useRTVIClientEvent, $993a744193844a95$export$59bf27bd43679db6 as VoiceVisualizer};
708
786
  //# sourceMappingURL=index.module.js.map