@snapcall/stream-ui 1.26.1 → 1.27.0

package/dist/stream-ui.esm.js

@@ -1,18 +1,18 @@
 import {jsxs as $3Sbms$jsxs, Fragment as $3Sbms$Fragment, jsx as $3Sbms$jsx} from "react/jsx-runtime";
 import {createRoot as $3Sbms$createRoot} from "react-dom/client";
 import $3Sbms$bowser, {parse as $3Sbms$parse, getParser as $3Sbms$getParser} from "bowser";
+import {QueryClient as $3Sbms$QueryClient, QueryClientProvider as $3Sbms$QueryClientProvider, useMutation as $3Sbms$useMutation, useQuery as $3Sbms$useQuery, useQueryClient as $3Sbms$useQueryClient} from "@tanstack/react-query";
 import $3Sbms$reacthottoast, {toast as $3Sbms$toast, Toaster as $3Sbms$Toaster1, ToastBar as $3Sbms$ToastBar} from "react-hot-toast";
 import $3Sbms$styledcomponents, {keyframes as $3Sbms$keyframes, ThemeProvider as $3Sbms$ThemeProvider, ThemeContext as $3Sbms$ThemeContext, css as $3Sbms$css, createGlobalStyle as $3Sbms$createGlobalStyle} from "styled-components";
 import {useState as $3Sbms$useState, useRef as $3Sbms$useRef, useCallback as $3Sbms$useCallback, useEffect as $3Sbms$useEffect, useContext as $3Sbms$useContext, useMemo as $3Sbms$useMemo, createContext as $3Sbms$createContext, useReducer as $3Sbms$useReducer, useLayoutEffect as $3Sbms$useLayoutEffect, cloneElement as $3Sbms$cloneElement, forwardRef as $3Sbms$forwardRef} from "react";
 import {Toaster as $3Sbms$Toaster, UserPlus1Icon as $3Sbms$UserPlus1Icon, PhoneCall1Icon as $3Sbms$PhoneCall1Icon, VideoRecorderIcon as $3Sbms$VideoRecorderIcon, Recording2Icon as $3Sbms$Recording2Icon, Monitor2Icon as $3Sbms$Monitor2Icon, Camera2Icon as $3Sbms$Camera2Icon, Select as $3Sbms$Select, SelectTrigger as $3Sbms$SelectTrigger, SelectValue as $3Sbms$SelectValue, SelectContent as $3Sbms$SelectContent, SelectGroup as $3Sbms$SelectGroup, SelectItem as $3Sbms$SelectItem, useToast as $3Sbms$useToast, Copy5Icon as $3Sbms$Copy5Icon, CheckIcon as $3Sbms$CheckIcon, XCircleIcon as $3Sbms$XCircleIcon, Send3Icon as $3Sbms$Send3Icon, AlertTriangleIcon as $3Sbms$AlertTriangleIcon, Dialog as $3Sbms$Dialog, DialogContent as $3Sbms$DialogContent, DialogHeader as $3Sbms$DialogHeader, DialogTitle as $3Sbms$DialogTitle, Tabs as $3Sbms$Tabs, TabsList as $3Sbms$TabsList, TabsTrigger as $3Sbms$TabsTrigger, TabsContent as $3Sbms$TabsContent, Input as $3Sbms$Input, Button as $3Sbms$Button, CopyIcon as $3Sbms$CopyIcon, Form as $3Sbms$Form, FormField as $3Sbms$FormField, FormItem as $3Sbms$FormItem, FormLabel as $3Sbms$FormLabel, FormControl as $3Sbms$FormControl, CreatableSelect as $3Sbms$CreatableSelect, FormMessage as $3Sbms$FormMessage, Textarea as $3Sbms$Textarea, ToastAction as $3Sbms$ToastAction, InfoCircleIcon as $3Sbms$InfoCircleIcon, FlipBackwardIcon as $3Sbms$FlipBackwardIcon, ArrowUpRightIcon as $3Sbms$ArrowUpRightIcon, RawToast as $3Sbms$RawToast, ToastContent as $3Sbms$ToastContent, QrCode1Icon as $3Sbms$QrCode1Icon, Settings1Icon as $3Sbms$Settings1Icon, Upload1Icon as $3Sbms$Upload1Icon, VolumeMaxIcon as $3Sbms$VolumeMaxIcon, Settings3Icon as $3Sbms$Settings3Icon, XCloseIcon as $3Sbms$XCloseIcon, ArrowLeftIcon as $3Sbms$ArrowLeftIcon, HelpCircleIcon as $3Sbms$HelpCircleIcon, Sheet as $3Sbms$Sheet, DialogTrigger as $3Sbms$DialogTrigger, SheetTrigger as $3Sbms$SheetTrigger, SheetHeader as $3Sbms$SheetHeader, SheetClose as $3Sbms$SheetClose, SheetContent as $3Sbms$SheetContent, SheetTitle as $3Sbms$SheetTitle, DialogDescription as $3Sbms$DialogDescription, SheetDescription as $3Sbms$SheetDescription, SpinnerIcon as $3Sbms$SpinnerIcon, CheckCircleIcon as $3Sbms$CheckCircleIcon, PlusCircleIcon as $3Sbms$PlusCircleIcon, Camera1Icon as $3Sbms$Camera1Icon, PlayIcon as $3Sbms$PlayIcon, Trash3Icon as $3Sbms$Trash3Icon, DialogFooter as $3Sbms$DialogFooter, AlertDialog as $3Sbms$AlertDialog, AlertDialogContent as $3Sbms$AlertDialogContent, AlertDialogHeader as $3Sbms$AlertDialogHeader, AlertDialogTitle as $3Sbms$AlertDialogTitle, AlertDialogDescription as $3Sbms$AlertDialogDescription, AlertDialogFooter as $3Sbms$AlertDialogFooter, AlertDialogCancel as $3Sbms$AlertDialogCancel, AlertDialogAction as $3Sbms$AlertDialogAction, TrashIcon as $3Sbms$TrashIcon, Hourglass3Icon as $3Sbms$Hourglass3Icon, MicrophoneOffIcon as $3Sbms$MicrophoneOffIcon, RefreshCw3Icon as $3Sbms$RefreshCw3Icon, QrCodeIcon as $3Sbms$QrCodeIcon, Avatar as $3Sbms$Avatar, SlashCircle1Icon as $3Sbms$SlashCircle1Icon, CalendarIcon as $3Sbms$CalendarIcon, Microphone1Icon as $3Sbms$Microphone1Icon, VideoRecorderOffIcon as $3Sbms$VideoRecorderOffIcon, MicrophoneOff1Icon as $3Sbms$MicrophoneOff1Icon, AlertCircleIcon as $3Sbms$AlertCircleIcon, Lock1Icon as $3Sbms$Lock1Icon, Lock3Icon as $3Sbms$Lock3Icon, VoicemailIcon as $3Sbms$VoicemailIcon} from "@snapcall/design-system";
 import "inobounce";
-import {QueryClient as $3Sbms$QueryClient, QueryClientProvider as $3Sbms$QueryClientProvider, useMutation as $3Sbms$useMutation, useQuery as $3Sbms$useQuery, useQueryClient as $3Sbms$useQueryClient} from "react-query";
 import {useTranslation as $3Sbms$useTranslation, initReactI18next as $3Sbms$initReactI18next, Trans as $3Sbms$Trans} from "react-i18next";
 import $3Sbms$i18next from "i18next";
 import {useOverlayTriggerState as $3Sbms$useOverlayTriggerState} from "react-stately";
 import {v4 as $3Sbms$v4} from "uuid";
 import {WebSocketTransport as $3Sbms$WebSocketTransport, Peer as $3Sbms$Peer} from "protoo-client";
-import {addBreadcrumb as $3Sbms$addBreadcrumb, setTag as $3Sbms$setTag} from "@sentry/browser";
+import {captureMessage as $3Sbms$captureMessage, captureException as $3Sbms$captureException, addBreadcrumb as $3Sbms$addBreadcrumb, setTag as $3Sbms$setTag} from "@sentry/browser";
 import {Producer as $3Sbms$Producer} from "mediasoup-client/lib/Producer";
 import {Device as $3Sbms$Device} from "mediasoup-client";
 import {SelfieSegmentation as $3Sbms$SelfieSegmentation} from "@mediapipe/selfie_segmentation";
@@ -30,6 +30,7 @@ function $parcel$interopDefault(a) {
 
 
 
+
 // https://github.com/voodoocreation/ts-deepmerge/blob/master/src/index.ts
 const $365e765f9890497b$var$isObject = (obj)=>{
     if (typeof obj === "object" && obj !== null) {
@@ -1070,18 +1071,45 @@ class $107ba89b5d0109ab$export$22ddc20344c01547 {
 
 
 
+const $8c9dca4cd56e4637$export$8a48322ecc4782be = async (url, streamToken, file)=>{
+    const searchParams = new URLSearchParams({
+        filename: file
+    });
+    const result = await fetch(`${url}/public/streams/${streamToken}/temporary-assets?${searchParams}`, {
+        method: "get",
+        headers: {
+            "Content-Type": "application/json"
+        }
+    }).then((response)=>response.json());
+    return result;
+};
+const $8c9dca4cd56e4637$export$df987b50509121ea = async (url, streamToken, file)=>{
+    const searchParams = new URLSearchParams({
+        filename: file
+    });
+    const result = await fetch(`${url}/public/streams/${streamToken}/temporary-assets?${searchParams}`, {
+        method: "delete",
+        headers: {
+            "Content-Type": "application/json"
+        }
+    }).then((response)=>response.json());
+    return result;
+};
+
+
 
 var $2114f1d49575b676$require$Buffer = $3Sbms$Buffer;
-const $2114f1d49575b676$export$bfc52a1c1f84ba66 = async (apiUrl, { token: token, base64Image: base64Image, session_id: session_id, user_id: user_id, peer_id: peer_id, stepToken: stepToken })=>{
-    const filename = `${(0, $3Sbms$v4)()}.jpeg`;
+const $2114f1d49575b676$export$bfc52a1c1f84ba66 = async (apiUrl, { token: token, base64Image: base64Image })=>{
+    const file = `${(0, $3Sbms$v4)()}.jpeg`;
     const uploadBody = $2114f1d49575b676$require$Buffer.from(String(base64Image).replace(/^data:image\/\w+;base64,/, ""), "base64");
-    const { url: url, headers: headers } = await fetch(`${apiUrl}/streams/${token}/snapshot`, {
+    const { url: url, headers: headers, filename: filename } = await fetch(`${apiUrl}/public/streams/${token}/events/upload`, {
         method: "POST",
         headers: {
             "Content-Type": "application/json"
         },
         body: JSON.stringify({
-            filename: filename,
+            type: "image",
+            filename: file,
             contentLength: uploadBody.length
         })
     }).then((res)=>res.json());
@@ -1094,22 +1122,10 @@ const $2114f1d49575b676$export$bfc52a1c1f84ba66 = async (apiUrl, { token: token,
         },
         body: uploadBody
     });
-    const event = await fetch(`${apiUrl}/public/streams/${token}/snapshot-event`, {
-        method: "POST",
-        headers: {
-            "Content-Type": "application/json"
-        },
-        body: JSON.stringify({
-            stepToken: stepToken,
-            filename: filename,
-            peer_id: peer_id,
-            session_id: session_id,
-            user_id: user_id
-        })
-    }).then((res)=>res.json());
+    const { url: assetUrl } = await (0, $8c9dca4cd56e4637$export$8a48322ecc4782be)(apiUrl, token, filename);
     return {
-        url: event.url,
-        assetId: event.id
+        filename: filename,
+        url: assetUrl
     };
 };
 
@@ -1135,7 +1151,9 @@ const $120418cdeb6706cf$export$de363e709c412c8a = (fn, wait = 300)=>{
 };
 
 
-const $8042747316a8a88d$export$deda6dde1c58aa97 = async (apiUrl, { file: file, token: token, stepToken: stepToken, sessionId: sessionId, userId: userId, peerId: peerId })=>{
+
+
+const $07e4bc01ab825269$export$6ad2c48011488f7 = async (apiUrl, { file: file, token: token })=>{
     if (!file) throw new Error(`Missing file on "${file}"`);
     const upload = await fetch(`${apiUrl}/public/streams/${token}/events/upload`, {
         method: "POST",
@@ -1157,23 +1175,27 @@ const $8042747316a8a88d$export$deda6dde1c58aa97 = async (apiUrl, { file: file, t
         },
         body: file
     });
+    const { url: assetUrl } = await (0, $8c9dca4cd56e4637$export$8a48322ecc4782be)(apiUrl, token, filename);
     if (!uploadResponse.ok) throw new Error("Upload failed");
-    const type = file.type.split("/")[0];
-    const eventRequest = await fetch(`${apiUrl}/public/streams/${token}/events`, {
+    return {
+        filename: filename,
+        url: assetUrl
+    };
+};
+
+
+const $7a4afee3d30fe755$export$c30017717ce2168e = async (apiUrl, token, asset)=>{
+    const event = await fetch(`${apiUrl}/public/streams/${token}/events/batch`, {
         method: "POST",
         headers: {
             "Content-Type": "application/json"
         },
         body: JSON.stringify({
-            filename: filename,
-            type: type,
-            stepToken: stepToken,
-            session_id: sessionId,
-            user_id: userId,
-            peer_id: peerId
+            medias: asset
         })
     });
-    return eventRequest.json();
+    if (event.ok) return event.json();
+    throw new Error(` request failed ${event.status} `);
 };
 
 
@@ -1181,6 +1203,7 @@ const $c31e3fb4360572af$var$log = new (0, $0f65a9eaf4a1e910$export$2e2bcd8739ae0
 const $c31e3fb4360572af$export$103bedf43ba882db = {
     WEBRTC_FAILED: "WRTC1",
     WEBRTC_RECOVER_ERROR: "WRTC2",
+    WEBRTC_BAD_STATE_ERROR: "WRTC3",
     CREATE_TRANSPORT_FAILED: "TRANS1",
     CONSUME_ERROR: "CONS1",
     SOCKET_LOST: "SOCK1",
@@ -1431,12 +1454,12 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
             this.company = company;
             this.permissions = permissions;
             this.defaultPublicPage = defaultPublicPage;
-            if (recordings?.headless === true || recordings?.video === true) permissions.push("record_video_on_demand");
             this.plan = name;
             const searchParams = new URLSearchParams({
                 peerId: this.peerId,
                 clientId: this.clientId,
-                roomId: room
+                roomId: room,
+                events: "0"
             });
             if (options.authKey) searchParams.append("authKey", options.authKey);
             const recorderPath = this.joinOptions.recorder ? "/recorder" : "";
@@ -2321,7 +2344,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
         };
         if (capabilities.focusMode) // https://github.com/w3c/mediacapture-image/blob/main/implementation-status.md
         try {
-            track.applyConstraints({
+            await track.applyConstraints({
                 advanced: [
                     {
                         focusMode: "continuous"
@@ -2518,26 +2541,28 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
     async saveCapture(base64Image) {
         return (0, $2114f1d49575b676$export$bfc52a1c1f84ba66)(this.config.apiUrl, {
             token: this.roomId,
-            base64Image: base64Image,
-            peer_id: this.peerId,
-            user_id: this.agentIdentity?.id,
-            stepToken: this.stepToken
+            base64Image: base64Image
         });
     }
-    async uploadEvent(file) {
-        return (0, $8042747316a8a88d$export$deda6dde1c58aa97)(this.config.apiUrl, {
+    async uploadAsset(file) {
+        return (0, $07e4bc01ab825269$export$6ad2c48011488f7)(this.config.apiUrl, {
             token: this.roomId,
-            file: file,
-            peerId: this.peerId,
-            userId: this.agentIdentity?.id,
-            stepToken: this.stepToken
+            file: file
         });
     }
-    async deleteCapture(assetId) {
-        const res = await this.protoo?.request("deleteCapture", {
-            assetId: assetId
+    createEvents(assets) {
+        const baseEvent = {
+            peer_id: this.peerId,
+            user_id: this.agentIdentity?.id,
+            stepToken: this.stepToken
+        };
+        const events = assets.map((asset)=>{
+            return {
+                ...asset,
+                ...baseEvent
+            };
         });
-        return res;
+        return (0, $7a4afee3d30fe755$export$c30017717ce2168e)(this.config.apiUrl, this.roomId, events);
     }
     async captureVideo(videoElement) {
         if (this.permissions.find((permission)=>permission === "instant_picture")) {
@@ -2843,7 +2868,25 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
         return this.permissions;
     }
     async startRecord() {
-        await this.protoo?.request("startRecord");
+        if (this.micProducer?.rtpSender?.transport?.iceTransport.state !== "connected") try {
+            this.onCriticalError($c31e3fb4360572af$export$103bedf43ba882db.WEBRTC_BAD_STATE_ERROR);
+            const stats = await this.micProducer?.getStats();
+            const dump = {};
+            stats?.forEach((value, key)=>{
+                dump[key] = value;
+            });
+            $3Sbms$captureMessage("Start record in bad state", {
+                contexts: {
+                    data: {
+                        producerState: this.micProducer?.rtpSender?.transport?.iceTransport?.state,
+                        dump: JSON.stringify(dump)
+                    }
+                }
+            });
+        } catch (err) {
+            $3Sbms$captureException(err);
+        }
+        await this.protoo?.request("startRecord", this.micProducer?.rtpSender?.transport?.iceTransport.state);
     }
     async stopRecord() {
         await this.protoo?.request("stopRecord");
@@ -2860,6 +2903,12 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
         if (!this.protoo) throw new Error("not connected");
         return this.protoo?.request("waitingRequests");
     }
+    readAsset(file) {
+        return (0, $8c9dca4cd56e4637$export$8a48322ecc4782be)(this.config.apiUrl, this.roomId, file);
+    }
+    deleteAsset(file) {
+        return (0, $8c9dca4cd56e4637$export$df987b50509121ea)(this.config.apiUrl, this.roomId, file);
+    }
 }
 
 
@@ -10390,7 +10439,7 @@ const $df41bfe6da05853a$var$EndView = ({ state: state })=>{
         }
     });
     const showFeedback = (state === "ended" || state === "terminated") && !options.apiKey;
-    const feedbackSent = sendSessionFeedback.isLoading || sendSessionFeedback.isSuccess || sendSessionFeedback.isError;
+    const feedbackSent = sendSessionFeedback.isPending || sendSessionFeedback.isSuccess || sendSessionFeedback.isError;
     const statesData = {
         ended: {
             title: t("endView.callLeft"),
@@ -11370,21 +11419,21 @@ const $20431dc869bb21e0$export$b3fd96a52c80b3af = ()=>{
             try {
                 let url;
                 let thumbnailUrl;
-                let id;
+                let filename;
                 if (type === "image") {
                     const dataUrl = await $20431dc869bb21e0$var$fileToDataUrl(file);
                     const data = await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).saveCapture(dataUrl);
                     url = data.url;
-                    id = data.assetId;
+                    filename = data.filename;
                 } else {
-                    const data = await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).uploadEvent(file);
+                    const data = await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).uploadAsset(file);
                     url = data.url;
-                    id = data.id;
+                    filename = data.filename;
                     if (type === "video") thumbnailUrl = await $20431dc869bb21e0$var$generateVideoThumbnail(file);
-                    if (!url || !id) throw new Error("upload failed");
+                    if (!url || !filename) throw new Error("upload failed");
                 }
                 addAsset({
-                    id: id,
+                    filename: filename,
                     mode: mode,
                     url: url,
                     thumbnailUrl: thumbnailUrl || url,
@@ -11670,9 +11719,11 @@ const $ea6c91cf7e6319d8$export$20144d37f30919ab = ()=>{
             else if (device.kind === "audiooutput") throw new Error("Audio output not supported");
             throw new Error("Unsupported device info");
         },
-        onSettled: ()=>queryClient.invalidateQueries([
-                "devicesState"
-            ])
+        onSettled: ()=>queryClient.invalidateQueries({
+                queryKey: [
+                    "devicesState"
+                ]
+            })
     });
 };
 
@@ -11829,7 +11880,7 @@ const $2ff9d0247afca2f1$export$75b44b566abc4e9c = ()=>{
                         className: "bg-gray-50",
                         id: "microphone",
                         children: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$SelectValue), {
-                            children: updateDevice.isLoading ? /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$Fragment), {
+                            children: updateDevice.isPending ? /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$Fragment), {
                                 children: updateDevice.variables?.label
                             }) : undefined
                         })
@@ -11889,7 +11940,7 @@ const $c00f86b929ef980e$export$40214e6b2a12030d = ()=>{
                         id: "camera",
                         children: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$SelectValue), {
                             placeholder: "/",
-                            children: updateDevice.isLoading ? /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$Fragment), {
+                            children: updateDevice.isPending ? /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$Fragment), {
                                 children: updateDevice.variables?.label
                             }) : undefined
                         })
@@ -12366,7 +12417,6 @@ const $5b15985a93e05fe7$export$e9b744e15e8fe06f = ()=>{
 
 
 
-
 const $701bafa18dab70d0$export$f56b3b5841ad32ae = ({ state: state, mode: mode, url: url })=>{
     const { t: t } = (0, $3Sbms$useTranslation)();
     return /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$Dialog), {
@@ -12599,7 +12649,7 @@ const $2e0820b96c3c65d5$export$d70ec5859ea7c9bc = ({ asset: asset, canRemove: ca
             }),
             /*#__PURE__*/ (0, $3Sbms$jsx)((0, $cec166f8085cb2c0$export$520a0918a6dd04fd), {
                 state: assetDeleteModalState,
-                onDelete: ()=>removeAsset(asset.id)
+                onDelete: ()=>removeAsset(asset.filename)
             }),
             /*#__PURE__*/ (0, $3Sbms$jsxs)("div", {
                 className: "flex items-center gap-2.5 p-2 border border-gray-200 rounded-lg",
@@ -12640,7 +12690,7 @@ const $2e0820b96c3c65d5$export$d70ec5859ea7c9bc = ({ asset: asset, canRemove: ca
                         })
                     })
                 ]
-            }, asset.id),
+            }, asset.filename),
             asset.mode !== "photo" && /*#__PURE__*/ (0, $3Sbms$jsx)((0, $64dee502cbd6331e$export$1ea93f9eface5983), {
                 duration: asset.duration,
                 averageAudioLevel: asset.averageAudioLevel
@@ -12651,17 +12701,120 @@ const $2e0820b96c3c65d5$export$d70ec5859ea7c9bc = ({ asset: asset, canRemove: ca
 
 
 
+
+
+const $a5dd8f67439dd9eb$var$getStoredAssets = async ()=>{
+    try {
+        const storedAssets = JSON.parse(localStorage.getItem("snapcall_assets") || "[]");
+        const assets = await Promise.all(storedAssets.map(async (storedAsset)=>{
+            try {
+                let { url: url, thumbnailUrl: thumbnailUrl } = await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).readAsset(storedAsset.filename);
+                if (url) {
+                    if (storedAsset.mode === "photo") thumbnailUrl = url;
+                    return {
+                        ...storedAsset,
+                        url: url,
+                        thumbnailUrl: thumbnailUrl
+                    };
+                }
+            } catch (error) {
+                $a5dd8f67439dd9eb$export$df987b50509121ea(storedAsset.filename);
+            }
+        }));
+        return assets.filter((asset)=>Boolean(asset?.filename));
+    } catch (err) {}
+    return [];
+};
+const $a5dd8f67439dd9eb$export$cfdbe7fcc2578443 = (asset)=>{
+    try {
+        const storedAsset = JSON.parse(localStorage.getItem("snapcall_assets") || "[]");
+        storedAsset.push({
+            ...asset,
+            url: undefined,
+            thumbnailUrl: null
+        });
+        localStorage.setItem("snapcall_assets", JSON.stringify(storedAsset));
+    } catch (err) {}
+};
+const $a5dd8f67439dd9eb$export$df987b50509121ea = (filename)=>{
+    try {
+        const storedAsset = JSON.parse(localStorage.getItem("snapcall_assets") || "[]");
+        localStorage.setItem("snapcall_assets", JSON.stringify(storedAsset.filter((asset)=>{
+            return asset.filename !== filename;
+        })));
+    } catch (err) {}
+};
+const $a5dd8f67439dd9eb$export$931d641a2a152cf = ()=>{
+    const storedAssets = (0, $3Sbms$useQuery)({
+        queryKey: [
+            "stored-assets"
+        ],
+        queryFn: ()=>$a5dd8f67439dd9eb$var$getStoredAssets(),
+        retry: false,
+        refetchOnMount: false,
+        refetchOnReconnect: false,
+        refetchOnWindowFocus: false,
+        staleTime: Infinity
+    });
+    return storedAssets;
+};
+
+
+
+
+const $3ecacdd28d707ec1$var$eventTypes = {
+    screen: "screenshare",
+    photo: "image",
+    video: "video",
+    audio: "audio"
+};
 const $3ecacdd28d707ec1$export$c01bb29adf88f117 = ({ state: state })=>{
     const { t: t } = (0, $3Sbms$useTranslation)();
     const { assets: assets, incomingAsset: incomingAsset } = (0, $75812785bb101fee$export$2174f25d572f9f31)();
-    const [sent, setSent] = (0, $3Sbms$useState)(false);
+    const sendMutation = (0, $3Sbms$useMutation)({
+        mutationFn: async ()=>{
+            try {
+                const events = assets.map((asset)=>{
+                    return {
+                        filename: asset.filename,
+                        type: $3ecacdd28d707ec1$var$eventTypes[asset.mode]
+                    };
+                });
+                const results = await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).createEvents(events);
+                let errors = results.filter((result)=>{
+                    if (result?.success) {
+                        (0, $a5dd8f67439dd9eb$export$df987b50509121ea)(result.filename);
+                        return false;
+                    }
+                    return true;
+                });
+                if (errors.length > 0) {
+                    reportError({
+                        code: "CRE_EV_1",
+                        error: "failed to create assets"
+                    });
+                    throw new Error("some media not saved");
+                }
+                (0, $c9e496369b59be7a$export$2f377c2162fd02b2).release();
+                return results;
+            } catch (error) {
+                reportError({
+                    code: "CRE_EV_1",
+                    error: "failed to create assets"
+                });
+                console.log(error);
+                throw error;
+            }
+        }
+    });
+    const reportError = (0, $946223bbb2c552ef$export$5a5695b638d078e7)();
     const isMedium = window.matchMedia("(min-width: 768px)").matches;
     return /*#__PURE__*/ (0, $3Sbms$jsx)((0, $79bae5c9904f9029$export$56d72fe406945300), {
         type: isMedium ? "dialog" : "sheet",
-        showClose: !sent,
+        showClose: !sendMutation.isSuccess,
         children: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $79bae5c9904f9029$export$e943710ec76a9465), {
-            open: sent ? true : state.isOpen,
-            onOpenChange: sent ? ()=>{} : state.setOpen,
+            open: sendMutation.isSuccess ? true : state.isOpen,
+            onOpenChange: sendMutation.isSuccess ? ()=>{} : state.setOpen,
             children: /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $79bae5c9904f9029$export$4cf67c05c32f37ce), {
                 className: "w-full max-h-[90vh] overflow-auto",
                 children: [
@@ -12669,7 +12822,7 @@ const $3ecacdd28d707ec1$export$c01bb29adf88f117 = ({ state: state })=>{
                         children: [
                             /*#__PURE__*/ (0, $3Sbms$jsx)((0, $79bae5c9904f9029$export$5e9fc1357420b7eb), {
                                 className: "text-left flex items-center gap-2",
-                                children: sent ? /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $3Sbms$Fragment), {
+                                children: sendMutation.isSuccess ? /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $3Sbms$Fragment), {
                                     children: [
                                         /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$CheckCircleIcon), {
                                             size: 18,
@@ -12684,7 +12837,7 @@ const $3ecacdd28d707ec1$export$c01bb29adf88f117 = ({ state: state })=>{
                                     count: assets.length
                                 })
                             }),
-                            sent && /*#__PURE__*/ (0, $3Sbms$jsx)((0, $79bae5c9904f9029$export$51c201eb88940e0f), {
+                            sendMutation.isSuccess && /*#__PURE__*/ (0, $3Sbms$jsx)((0, $79bae5c9904f9029$export$51c201eb88940e0f), {
                                 children: t("recorder.clipSubmissionDescription")
                             })
                         ]
@@ -12694,8 +12847,8 @@ const $3ecacdd28d707ec1$export$c01bb29adf88f117 = ({ state: state })=>{
                         children: [
                             assets.map((asset)=>/*#__PURE__*/ (0, $3Sbms$jsx)((0, $2e0820b96c3c65d5$export$d70ec5859ea7c9bc), {
                                     asset: asset,
-                                    canRemove: !sent
-                                }, asset.id)),
+                                    canRemove: !sendMutation.isSuccess
+                                }, asset.filename)),
                             incomingAsset && /*#__PURE__*/ (0, $3Sbms$jsx)("div", {
                                 className: "flex items-center justify-center p-2 border border-gray-200 rounded-lg",
                                 children: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$SpinnerIcon), {
@@ -12703,10 +12856,10 @@ const $3ecacdd28d707ec1$export$c01bb29adf88f117 = ({ state: state })=>{
                                     className: "text-blue-700 animate-spin"
                                 })
                             }),
-                            !sent && /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $3Sbms$Button), {
+                            /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $3Sbms$Button), {
                                 className: "mt-1",
                                 variant: "secondary",
-                                onClick: state.close,
+                                onClick: sendMutation.isSuccess ? ()=>window.location.reload() : state.close,
                                 children: [
                                     /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$PlusCircleIcon), {
                                         size: 18
@@ -12717,14 +12870,16 @@ const $3ecacdd28d707ec1$export$c01bb29adf88f117 = ({ state: state })=>{
                             })
                         ]
                     }),
-                    !sent && /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $3Sbms$Button), {
+                    !sendMutation.isSuccess && /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $3Sbms$Button), {
                         className: "w-full",
                         onClick: ()=>{
-                            setSent(true);
-                            (0, $c9e496369b59be7a$export$2f377c2162fd02b2).release();
+                            sendMutation.mutate();
                         },
                         children: [
-                            /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$Send3Icon), {
+                            sendMutation.isPending ? /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$SpinnerIcon), {
+                                size: 24,
+                                className: "text-blue-700 animate-spin"
+                            }) : /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$Send3Icon), {
                                 size: 18,
                                 className: "text-white"
                             }),
@@ -12907,9 +13062,9 @@ const $24e31aa1532c4049$export$f9da3144ae2525a3 = ()=>{
             openAssetsModal();
             try {
                 const image = await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).captureVideo(videoElementRef.current);
-                const { url: url, assetId: assetId } = await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).saveCapture(image);
+                const { url: url, filename: filename } = await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).saveCapture(image);
                 addAsset({
-                    id: assetId,
+                    filename: filename,
                     mode: "photo",
                     url: url,
                     thumbnailUrl: url,
@@ -13242,12 +13397,12 @@ const $1783de801b9dd149$export$b916fa2db97921a4 = ({ state: state, flow: flow, c
         children: /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $3Sbms$AlertDialogContent), {
             className: "w-[334px] md:w-[334px] rounded-xl max-h-screen overflow-y-auto",
             children: [
-                flow.steps?.[0]?.image_url ? /*#__PURE__*/ (0, $3Sbms$jsxs)("div", {
+                flow.steps?.[0]?.config?.image_url ? /*#__PURE__*/ (0, $3Sbms$jsxs)("div", {
                     className: "relative rounded-xl",
                     children: [
                         /*#__PURE__*/ (0, $3Sbms$jsx)("img", {
                             className: "w-full h-[200px] object-cover rounded-[inherit]",
-                            src: flow.steps?.[0]?.image_url,
+                            src: flow.steps?.[0]?.config?.image_url,
                             alt: ""
                         }),
                         /*#__PURE__*/ (0, $3Sbms$jsx)("div", {
@@ -13296,7 +13451,7 @@ const $1783de801b9dd149$export$b916fa2db97921a4 = ({ state: state, flow: flow, c
                 }),
                 /*#__PURE__*/ (0, $3Sbms$jsx)("p", {
                     className: "text-sm text-gray-700 whitespace-pre-line",
-                    children: flow.steps?.[0]?.translation?.description || flow.steps?.[0]?.description
+                    children: flow.steps?.[0]?.translation?.description || flow.steps?.[0]?.config?.description
                 }),
                 /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$AlertDialogFooter), {
                     children: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$Button), {
@@ -13424,6 +13579,7 @@ const $a272d78208225664$export$54c6bcb39df9c9b9 = ({ state: state, flow: flow })
 
 
 
+
 const $d6943d128e6c8399$var$browser = (0, $3Sbms$bowser).parse(window.navigator.userAgent);
 const $d6943d128e6c8399$export$336a011955157f9a = ()=>{
     const { clientInitResult: clientInitResult, recorderOptions: recorderOptions } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
@@ -13434,10 +13590,10 @@ const $d6943d128e6c8399$export$336a011955157f9a = ()=>{
     const videoRef = (0, $3Sbms$useRef)(null);
     const assetsModalState = (0, $3Sbms$useOverlayTriggerState)({});
     const flowV0ModalState = (0, $3Sbms$useOverlayTriggerState)({
-        defaultOpen: Boolean(clientInitResult.flowV0)
+        defaultOpen: Boolean(clientInitResult.flowV0 && !clientInitResult.flow)
     });
     const flowModalState = (0, $3Sbms$useOverlayTriggerState)({
-        defaultOpen: clientInitResult.flow && !clientInitResult.flowV0
+        defaultOpen: Boolean(clientInitResult.flow)
     });
     const switchToMobileModalState = (0, $3Sbms$useOverlayTriggerState)({
         defaultOpen: $d6943d128e6c8399$var$browser.platform.type === "desktop" && !clientInitResult.flow && !clientInitResult.flowV0
@@ -13447,16 +13603,31 @@ const $d6943d128e6c8399$export$336a011955157f9a = ()=>{
     const devicesState = (0, $c9e496369b59be7a$export$2f377c2162fd02b2).getDevicesState();
     const hasVideo = devicesState.camera.enabled || devicesState.screenshare.enabled;
     const addAsset = (0, $3Sbms$useCallback)((asset)=>{
+        (0, $a5dd8f67439dd9eb$export$cfdbe7fcc2578443)(asset);
         setAssets((currentAssets)=>[
                 ...currentAssets,
                 asset
             ]);
         setIncomingAsset(null);
     }, []);
-    const removeAsset = async (assetId)=>{
+    const storedAssets = (0, $a5dd8f67439dd9eb$export$931d641a2a152cf)();
+    (0, $3Sbms$useEffect)(()=>{
+        storedAssets.data?.forEach((storedAsset)=>{
+            try {
+                setAssets((currentAssets)=>[
+                        ...currentAssets,
+                        storedAsset
+                    ]);
+            } catch (error) {}
+        });
+    }, [
+        storedAssets.data
+    ]);
+    const removeAsset = async (filename)=>{
         try {
-            await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).deleteCapture(assetId);
-            setAssets((currentAssets)=>currentAssets.filter((asset)=>asset.id !== assetId));
+            (0, $a5dd8f67439dd9eb$export$df987b50509121ea)(filename);
+            await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).deleteAsset(filename);
+            setAssets((currentAssets)=>currentAssets.filter((asset)=>asset.filename !== filename));
         } catch (error) {
             reportError({
                 code: "DEL_CAP_1",
@@ -13465,17 +13636,26 @@ const $d6943d128e6c8399$export$336a011955157f9a = ()=>{
         }
     };
     (0, $3Sbms$useEffect)(()=>{
-        const onRecordStopped = (event)=>{
-            const { url: url, assetId: assetId } = event.detail;
+        const onRecordStopped = async (event)=>{
             setIsRecording(false);
-            if (incomingAsset) {
+            const { filename: filename, durationMs: durationMs, sizeInBytes: sizeInBytes, success: success } = event.detail;
+            const { url: url } = await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).readAsset(filename);
+            const durationSec = durationMs ? Math.round(durationMs / 1000) : undefined;
+            console.log("onRecordStopped", `size: ${sizeInBytes} bytes`, `duration: ${durationSec} sec`);
+            if (!success || sizeInBytes === 0) {
+                setIncomingAsset(null);
+                reportError({
+                    code: "REC_4",
+                    error: "error in the recording chain"
+                });
+            } else if (incomingAsset) {
                 const averageAudioLevel = (0, $c9e496369b59be7a$export$2f377c2162fd02b2).audioLevel?.stopAverageAnalysis();
                 addAsset({
-                    id: assetId,
+                    filename: filename,
                     mode: incomingAsset.mode,
                     url: url,
                     thumbnailUrl: incomingAsset.thumbnailUrl,
-                    duration: Math.round((Date.now() - incomingAsset.createdAt) / 1000),
+                    duration: durationSec,
                     averageAudioLevel: averageAudioLevel || 0,
                     createdAt: incomingAsset.createdAt
                 });
@@ -13487,6 +13667,7 @@ const $d6943d128e6c8399$export$336a011955157f9a = ()=>{
         };
     }, [
         addAsset,
+        reportError,
         incomingAsset
     ]);
     (0, $3Sbms$useEffect)(()=>{
@@ -13601,7 +13782,6 @@ const $91d20ee7d2ade85c$export$669f6ea7d267feaf = ()=>{
 
 
 
-
 const $095542f48ed9fed0$export$8d6498a96ae0e73f = ({ className: className, type: type, state: state, onClick: onClick })=>{
     const { t: t } = (0, $3Sbms$useTranslation)();
     const iconEl = type === "camera" ? state === "on" ? /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$VideoRecorderIcon), {}) : /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$VideoRecorderOffIcon), {}) : state === "on" ? /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$Microphone1Icon), {}) : /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$MicrophoneOff1Icon), {});
@@ -13868,9 +14048,11 @@ const $8f7af36c0532a6c4$var$GreetingView = ()=>{
             name: ""
         }
     });
-    const publicPage = (0, $3Sbms$useQuery)([
-        (0, $c9e496369b59be7a$export$2f377c2162fd02b2).defaultPublicPage?.token
-    ], ()=>(0, $c9e496369b59be7a$export$2f377c2162fd02b2).getPublicPage((0, $c9e496369b59be7a$export$2f377c2162fd02b2).defaultPublicPage?.token || ""), {
+    const publicPage = (0, $3Sbms$useQuery)({
+        queryKey: [
+            "public-page"
+        ],
+        queryFn: ()=>(0, $c9e496369b59be7a$export$2f377c2162fd02b2).getPublicPage((0, $c9e496369b59be7a$export$2f377c2162fd02b2).defaultPublicPage?.token || ""),
         enabled: Boolean((0, $c9e496369b59be7a$export$2f377c2162fd02b2).defaultPublicPage?.token),
         staleTime: Infinity
     });
@@ -14333,19 +14515,23 @@ const $c6a143d1088045e0$export$ed71079a84f20635 = ()=>{
     });
     const acceptWaitingRequest = (0, $3Sbms$useMutation)({
         mutationFn: (id)=>(0, $c9e496369b59be7a$export$2f377c2162fd02b2).acceptAccessRequest(id),
-        onSettled: ()=>queryClient.invalidateQueries([
-                "waitingRequests"
-            ])
+        onSettled: ()=>queryClient.invalidateQueries({
+                queryKey: [
+                    "waitingRequests"
+                ]
+            })
     });
     const denyWaitingRequest = (0, $3Sbms$useMutation)({
         mutationFn: (id)=>(0, $c9e496369b59be7a$export$2f377c2162fd02b2).denyAccessRequest(id),
-        onSettled: ()=>queryClient.invalidateQueries([
-                "waitingRequests"
-            ])
+        onSettled: ()=>queryClient.invalidateQueries({
+                queryKey: [
+                    "waitingRequests"
+                ]
+            })
     });
     const hasWaitingRequests = (waitingRequests.data?.length || 0) > 0;
     const firstWaitingRequest = waitingRequests.data?.[0];
-    const isProcessingWaitingRequest = acceptWaitingRequest.isLoading || denyWaitingRequest.isLoading;
+    const isProcessingWaitingRequest = acceptWaitingRequest.isPending || denyWaitingRequest.isPending;
     (0, $3Sbms$useEffect)(()=>{
         const onAccessRequest = (event)=>{
             queryClient.setQueryData([
@@ -14432,9 +14618,22 @@ const $c6a143d1088045e0$export$ed71079a84f20635 = ()=>{
 };
 
 
+
+const $5916a04ef33296ce$export$6bd92120cafe6ad8 = (options = {})=>{
+    return (0, $3Sbms$useQuery)({
+        queryKey: [
+            "dashboard-session"
+        ],
+        queryFn: ()=>fetch(`${"https://app.snapcall.io"}/api/user`, {
+                credentials: "include"
+            }).then((response)=>response.json()),
+        ...options
+    });
+};
+
+
 const $26ed036cbc17809a$var$currentTheme = (0, $52580db2e49cdd90$export$3bfd0d5209a8006a)();
 const $26ed036cbc17809a$var$currentLanguage = (0, $a3e657fb86ae23f3$export$604ba5624273df44)();
-const $26ed036cbc17809a$var$queryClient = new (0, $3Sbms$QueryClient)();
 let $26ed036cbc17809a$var$timestampCriticalError = -1;
 const $26ed036cbc17809a$var$endViewStates = [
     "ended",
@@ -14442,8 +14641,9 @@ const $26ed036cbc17809a$var$endViewStates = [
     "expired",
     "full"
 ];
-const $26ed036cbc17809a$var$StreamUI = ({ options: options })=>{
+const $26ed036cbc17809a$var$StreamUI = ({ options: baseOptions })=>{
     const { t: t } = (0, $3Sbms$useTranslation)();
+    const [options, setOptions] = (0, $3Sbms$useState)(baseOptions);
     const [selfPeerId, setSelfPeerId] = (0, $3Sbms$useState)(undefined);
     const streamUIContainerRef = (0, $3Sbms$useRef)(null);
     const videosContainerRef = (0, $3Sbms$useRef)(null);
@@ -14475,6 +14675,14 @@ const $26ed036cbc17809a$var$StreamUI = ({ options: options })=>{
     const [recorderOptions, setRecorderOptions] = (0, $3Sbms$useState)(options.recorder);
     const [clientInitResult, setClientInitResult] = (0, $3Sbms$useState)({});
     const isFirstRender = (0, $648652ea36cc4fd9$export$5964c316e853650f)();
+    const dashboardSession = (0, $5916a04ef33296ce$export$6bd92120cafe6ad8)({
+        enabled: !options.disableSessionFetching,
+        staleTime: Infinity,
+        retry: false,
+        refetchOnMount: false,
+        refetchOnReconnect: false,
+        refetchOnWindowFocus: false
+    });
     const orientation = (containerWidth || window.screen.width) > (containerHeight || window.screen.height) ? "landscape" : "portrait";
     const styledTheme = theme === "dark" ? (0, $52580db2e49cdd90$export$3e936a8db52a10a0) : (0, $52580db2e49cdd90$export$f30cb9bc4f736419);
     const onWebcamUpdate = (event)=>{
@@ -14705,102 +14913,131 @@ const $26ed036cbc17809a$var$StreamUI = ({ options: options })=>{
         recorderOptions,
         t
     ]);
+    const initClient = (uiOptions)=>{
+        if (uiOptions.token) (0, $c9e496369b59be7a$export$2f377c2162fd02b2).init(uiOptions.token, {
+            languageCode: uiOptions.language,
+            flowToken: uiOptions.flowToken,
+            recorder: uiOptions.recorder?.enabled,
+            apiKey: uiOptions.apiKey,
+            email: uiOptions.email,
+            profile: uiOptions.profile,
+            authKey: uiOptions.authKey
+        }).catch((err)=>console.error(err));
+        else setStreamState("expired");
+    };
     (0, $3Sbms$useEffect)(()=>{
-        if (isFirstRender) {
-            if (options.token) (0, $c9e496369b59be7a$export$2f377c2162fd02b2).init(options.token, {
-                languageCode: options.language,
-                flowToken: options.flowToken,
-                recorder: options.recorder?.enabled,
-                apiKey: options.apiKey,
-                email: options.email,
-                profile: options.profile,
-                authKey: options.authKey
-            }).catch((err)=>console.error(err));
-            else setStreamState("expired");
-        }
+        if (isFirstRender && options.disableSessionFetching) initClient(options);
     }, [
         options,
         isFirstRender
     ]);
-    return /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$QueryClientProvider), {
-        client: $26ed036cbc17809a$var$queryClient,
-        children: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039).Provider, {
-            value: {
-                videoRecording: videoRecording,
-                setVideoRecording: setVideoRecording,
-                headless: Boolean(options.headless),
-                plan: plan,
-                permissions: permissions,
-                selfPeerId: selfPeerId,
-                streamUIContainerRef: streamUIContainerRef,
-                videosContainerRef: videosContainerRef,
-                remoteTilesContainerRef: remoteTilesContainerRef,
-                streamState: streamState,
-                setStreamState: setStreamState,
-                isQuickConnectPopupVisible: isQuickConnectPopupVisible,
-                setIsQuickConnectPopupVisible: setIsQuickConnectPopupVisible,
-                isSettingsMenuVisible: isSettingsMenuVisible,
-                setIsSettingsMenuVisible: setIsSettingsMenuVisible,
-                isYoutubePopupVisible: isYoutubePopupVisible,
-                setIsYoutubePopupVisible: setIsYoutubePopupVisible,
-                isLinksharePopupVisible: isLinksharePopupVisible,
-                setIsLinksharePopupVisible: setIsLinksharePopupVisible,
-                isVirtualBackgroundPopupVisible: isVirtualBackgroundPopupVisible,
-                setIsVirtualBackgroundPopupVisible: setIsVirtualBackgroundPopupVisible,
-                isBlockedFeaturePopupOpen: isBlockedFeaturePopupOpen,
-                setBlockedFeaturePopupOpen: setBlockedFeaturePopupOpen,
-                isRecordingStartPopupOpen: isRecordingStartPopupOpen,
-                setRecordingStartPopupOpen: setRecordingStartPopupOpen,
-                theme: theme,
-                setTheme: setTheme,
-                language: language,
-                setLanguage: setLanguage,
-                options: options,
-                profile: profile,
-                muted: muted,
-                streaming: streaming,
-                screensharing: screensharing,
-                isAgent: isAgent,
-                userInteractionTriggered: userInteractionTriggered,
-                orientation: orientation,
-                clientInitResult: clientInitResult,
-                recorderOptions: recorderOptions
-            },
-            children: /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $3Sbms$ThemeProvider), {
-                theme: styledTheme,
-                children: [
-                    /*#__PURE__*/ (0, $3Sbms$jsx)((0, $4fb4815baa04b470$export$20f257fc407da7a3), {}),
-                    /*#__PURE__*/ (0, $3Sbms$jsx)((0, $d6008ea114507578$export$2e2bcd8739ae039), {}),
-                    /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $4fb4815baa04b470$export$914ddf2021ea8ee6), {
-                        ref: streamUIContainerRef,
-                        children: [
-                            /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3a42b2ef7646d035$export$2e2bcd8739ae039), {}),
-                            /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$Toaster), {
-                                duration: 3000,
-                                className: "gap-2"
-                            }),
-                            /*#__PURE__*/ (0, $3Sbms$jsx)((0, $805d92fa41e6e1b0$export$2e2bcd8739ae039), {}),
-                            isBlockedDevicesPopupOpen && /*#__PURE__*/ (0, $3Sbms$jsx)((0, $6aca0f707e80bf63$export$2e2bcd8739ae039), {
-                                close: ()=>{
-                                    setUserInteractionTriggered(true);
-                                    setBlockedDevicesPopupOpen(false);
-                                }
-                            }),
-                            streamState === "loading" ? /*#__PURE__*/ (0, $3Sbms$jsx)((0, $91d20ee7d2ade85c$export$669f6ea7d267feaf), {}) : streamState === "greeting" ? /*#__PURE__*/ (0, $3Sbms$jsx)((0, $8f7af36c0532a6c4$export$2e2bcd8739ae039), {}) : streamState === "recorder" ? /*#__PURE__*/ (0, $3Sbms$jsx)((0, $d6943d128e6c8399$export$336a011955157f9a), {}) : streamState === "streaming" ? /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $cce9fd41d8a55a18$export$74636703cfe1eecf), {
-                                children: [
-                                    /*#__PURE__*/ (0, $3Sbms$jsx)((0, $c6a143d1088045e0$export$ed71079a84f20635), {}),
-                                    /*#__PURE__*/ (0, $3Sbms$jsx)((0, $f235befa4cdc42d6$export$2e2bcd8739ae039), {}),
-                                    /*#__PURE__*/ (0, $3Sbms$jsx)((0, $cdab47bb8796991e$export$2e2bcd8739ae039), {}),
-                                    /*#__PURE__*/ (0, $3Sbms$jsx)((0, $69a9c49ece80e773$export$2e2bcd8739ae039), {}),
-                                    /*#__PURE__*/ (0, $3Sbms$jsx)((0, $01986a58bfba8001$export$2e2bcd8739ae039), {})
-                                ]
-                            }) : $26ed036cbc17809a$var$endViewStates.includes(streamState) ? /*#__PURE__*/ (0, $3Sbms$jsx)((0, $df41bfe6da05853a$export$2e2bcd8739ae039), {
-                                state: streamState
-                            }) : /*#__PURE__*/ (0, $3Sbms$jsx)((0, $91d20ee7d2ade85c$export$669f6ea7d267feaf), {})
-                        ]
-                    })
-                ]
-            })
+    (0, $3Sbms$useEffect)(()=>{
+        if (dashboardSession.isSuccess || dashboardSession.isError) {
+            const newOptions = {
+                ...options,
+                apiKey: dashboardSession.data?.apiKey || options.apiKey,
+                controls: {
+                    ...options.controls,
+                    camera: {
+                        ...options.controls?.camera,
+                        enabled: dashboardSession.data?.settings?.stream?.cameraEnabled ?? options.controls?.camera?.enabled
+                    },
+                    microphone: {
+                        ...options.controls?.microphone,
+                        enabled: dashboardSession.data?.settings?.stream?.microphoneEnabled ?? options.controls?.microphone?.enabled
+                    }
+                },
+                profile: {
+                    name: dashboardSession.data?.name || options.profile?.name,
+                    image: dashboardSession.data?.settings?.avatar_url || options.profile?.image
+                }
+            };
+            setOptions(newOptions);
+            if (dashboardSession.data?.settings?.language) setLanguage(dashboardSession.data.settings.language);
+            initClient(newOptions);
+        }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        dashboardSession.data,
+        dashboardSession.isSuccess,
+        dashboardSession.isError
+    ]);
+    return /*#__PURE__*/ (0, $3Sbms$jsx)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039).Provider, {
+        value: {
+            videoRecording: videoRecording,
+            setVideoRecording: setVideoRecording,
+            headless: Boolean(options.headless),
+            plan: plan,
+            permissions: permissions,
+            selfPeerId: selfPeerId,
+            streamUIContainerRef: streamUIContainerRef,
+            videosContainerRef: videosContainerRef,
+            remoteTilesContainerRef: remoteTilesContainerRef,
+            streamState: streamState,
+            setStreamState: setStreamState,
+            isQuickConnectPopupVisible: isQuickConnectPopupVisible,
+            setIsQuickConnectPopupVisible: setIsQuickConnectPopupVisible,
+            isSettingsMenuVisible: isSettingsMenuVisible,
+            setIsSettingsMenuVisible: setIsSettingsMenuVisible,
+            isYoutubePopupVisible: isYoutubePopupVisible,
+            setIsYoutubePopupVisible: setIsYoutubePopupVisible,
+            isLinksharePopupVisible: isLinksharePopupVisible,
+            setIsLinksharePopupVisible: setIsLinksharePopupVisible,
+            isVirtualBackgroundPopupVisible: isVirtualBackgroundPopupVisible,
+            setIsVirtualBackgroundPopupVisible: setIsVirtualBackgroundPopupVisible,
+            isBlockedFeaturePopupOpen: isBlockedFeaturePopupOpen,
+            setBlockedFeaturePopupOpen: setBlockedFeaturePopupOpen,
+            isRecordingStartPopupOpen: isRecordingStartPopupOpen,
+            setRecordingStartPopupOpen: setRecordingStartPopupOpen,
+            theme: theme,
+            setTheme: setTheme,
+            language: language,
+            setLanguage: setLanguage,
+            options: options,
+            profile: profile,
+            muted: muted,
+            streaming: streaming,
+            screensharing: screensharing,
+            isAgent: isAgent,
+            userInteractionTriggered: userInteractionTriggered,
+            orientation: orientation,
+            clientInitResult: clientInitResult,
+            recorderOptions: recorderOptions
+        },
+        children: /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $3Sbms$ThemeProvider), {
+            theme: styledTheme,
+            children: [
+                /*#__PURE__*/ (0, $3Sbms$jsx)((0, $4fb4815baa04b470$export$20f257fc407da7a3), {}),
+                /*#__PURE__*/ (0, $3Sbms$jsx)((0, $d6008ea114507578$export$2e2bcd8739ae039), {}),
+                /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $4fb4815baa04b470$export$914ddf2021ea8ee6), {
+                    ref: streamUIContainerRef,
+                    children: [
+                        /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3a42b2ef7646d035$export$2e2bcd8739ae039), {}),
+                        /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$Toaster), {
+                            duration: 3000,
+                            className: "gap-2"
+                        }),
+                        /*#__PURE__*/ (0, $3Sbms$jsx)((0, $805d92fa41e6e1b0$export$2e2bcd8739ae039), {}),
+                        isBlockedDevicesPopupOpen && /*#__PURE__*/ (0, $3Sbms$jsx)((0, $6aca0f707e80bf63$export$2e2bcd8739ae039), {
+                            close: ()=>{
+                                setUserInteractionTriggered(true);
+                                setBlockedDevicesPopupOpen(false);
+                            }
+                        }),
+                        streamState === "loading" ? /*#__PURE__*/ (0, $3Sbms$jsx)((0, $91d20ee7d2ade85c$export$669f6ea7d267feaf), {}) : streamState === "greeting" ? /*#__PURE__*/ (0, $3Sbms$jsx)((0, $8f7af36c0532a6c4$export$2e2bcd8739ae039), {}) : streamState === "recorder" ? /*#__PURE__*/ (0, $3Sbms$jsx)((0, $d6943d128e6c8399$export$336a011955157f9a), {}) : streamState === "streaming" ? /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $cce9fd41d8a55a18$export$74636703cfe1eecf), {
+                            children: [
+                                /*#__PURE__*/ (0, $3Sbms$jsx)((0, $c6a143d1088045e0$export$ed71079a84f20635), {}),
+                                /*#__PURE__*/ (0, $3Sbms$jsx)((0, $f235befa4cdc42d6$export$2e2bcd8739ae039), {}),
+                                /*#__PURE__*/ (0, $3Sbms$jsx)((0, $cdab47bb8796991e$export$2e2bcd8739ae039), {}),
+                                /*#__PURE__*/ (0, $3Sbms$jsx)((0, $69a9c49ece80e773$export$2e2bcd8739ae039), {}),
+                                /*#__PURE__*/ (0, $3Sbms$jsx)((0, $01986a58bfba8001$export$2e2bcd8739ae039), {})
+                            ]
+                        }) : $26ed036cbc17809a$var$endViewStates.includes(streamState) ? /*#__PURE__*/ (0, $3Sbms$jsx)((0, $df41bfe6da05853a$export$2e2bcd8739ae039), {
+                            state: streamState
+                        }) : /*#__PURE__*/ (0, $3Sbms$jsx)((0, $91d20ee7d2ade85c$export$669f6ea7d267feaf), {})
+                    ]
+                })
+            ]
         })
     });
 };
@@ -14822,6 +15059,7 @@ $e02c50a47b475960$exports = "*, :before, :after {\n  box-sizing: border-box;\n
 
 
 const $24075a5d702d64b3$var$browser = (0, $3Sbms$bowser).parse(window.navigator.userAgent);
+const $24075a5d702d64b3$var$queryClient = new (0, $3Sbms$QueryClient)();
 const $24075a5d702d64b3$var$defaultOptions = {
     headless: false,
     recorder: {
@@ -14918,8 +15156,11 @@ const $24075a5d702d64b3$export$3f94917203ab7078 = {
                     rel: "stylesheet",
                     href: "https://rsms.me/inter/inter.css"
                 }),
-                /*#__PURE__*/ (0, $3Sbms$jsx)((0, $26ed036cbc17809a$export$2e2bcd8739ae039), {
-                    options: mergedOptions
+                /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$QueryClientProvider), {
+                    client: $24075a5d702d64b3$var$queryClient,
+                    children: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $26ed036cbc17809a$export$2e2bcd8739ae039), {
+                        options: mergedOptions
+                    })
                 })
             ]
         }));