@snapcall/stream-ui 1.3.0 → 1.5.0

package/dist/stream-ui.esm.js

@@ -4,11 +4,14 @@ import $3Sbms$reacthottoast, {toast as $3Sbms$toast, Toaster as $3Sbms$Toaster,
 import $3Sbms$styledcomponents, {keyframes as $3Sbms$keyframes, ThemeProvider as $3Sbms$ThemeProvider, css as $3Sbms$css, createGlobalStyle as $3Sbms$createGlobalStyle} from "styled-components";
 import {useState as $3Sbms$useState, useRef as $3Sbms$useRef, useEffect as $3Sbms$useEffect, useContext as $3Sbms$useContext, useMemo as $3Sbms$useMemo, createContext as $3Sbms$createContext, useReducer as $3Sbms$useReducer, useLayoutEffect as $3Sbms$useLayoutEffect, useCallback as $3Sbms$useCallback} from "react";
 import "inobounce";
+import $3Sbms$i18next from "i18next";
+import {initReactI18next as $3Sbms$initReactI18next, useTranslation as $3Sbms$useTranslation} from "react-i18next";
 import {parse as $3Sbms$parse, getParser as $3Sbms$getParser} from "bowser";
 import {v4 as $3Sbms$v4} from "uuid";
 import {WebSocketTransport as $3Sbms$WebSocketTransport, Peer as $3Sbms$Peer} from "protoo-client";
+import {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 {setTag as $3Sbms$setTag, addBreadcrumb as $3Sbms$addBreadcrumb, captureException as $3Sbms$captureException} from "@sentry/browser";
 import {toCanvas as $3Sbms$toCanvas} from "qrcode";
 
 
@@ -303,11 +306,490 @@ const $a5146f9062d7bf28$export$3a57e165650c636f = (message, options = {})=>{
 
 
 
+const $a3e657fb86ae23f3$export$604ba5624273df44 = ()=>{
+    try {
+        const storedTheme = localStorage.getItem("stream_ui_language");
+        if (storedTheme) return storedTheme;
+        return "en";
+    } catch (localStorageError) {
+        console.warn(localStorageError);
+        return "en";
+    }
+};
+
+
+const $18fb8799f38eb407$export$84584c2a98eb6753 = {
+    name: "English",
+    translation: {
+        notifications: {
+            screensharingError: "An error occured when trying to toggle screensharing",
+            microphoneError: "An error occured when trying to toggle the microphone",
+            cameraError: "An error occured when trying to toggle the camera",
+            cameraRotateError: "An error occured when trying to rotate the camera",
+            noCamera: "No camera available",
+            blockedMicrophonePopupTitle: "Camera and microphone are blocked",
+            blockedMicrophonePopup: "SnapCall requires access to your camera and microphone. Click the camera blocked icon in your browser's address bar.",
+            reload: "Reload",
+            criticalError: "A critical error has occurred (error {{code}}).",
+            agentJoinError: "An error occured while trying to join the room as an agent",
+            close: "Close",
+            connectedTo: "Connected to {{name}}"
+        },
+        endView: {
+            goBack: "Go back to call",
+            tooLate: "You arrived too late",
+            callIsOver: "The call is over or deleted",
+            callEnded: "The call is now ended",
+            callLeft: "You left the call"
+        },
+        menu: {
+            title: "Menu",
+            new: "NEW",
+            openNewTab: "Open new tab",
+            quickConnect: "Quick Connect",
+            pictureInPicture: "Picture-in-Picture",
+            screenSharing: "Screen sharing"
+        },
+        copyLink: {
+            title: "Copy link",
+            error: "An error occured when trying to copy to clipboard",
+            copied: "Link copied to clipboard"
+        },
+        quickConnect: {
+            title: "Quick Connect",
+            scanTitle: "Scan QR Code",
+            scan: "Scan this QR code with your phone camera to open the call."
+        },
+        settings: {
+            title: "Settings",
+            preferences: "Preferences",
+            language: "Language",
+            devices: "Devices",
+            help: "Help",
+            helpCenter: "Go to help center"
+        },
+        audioMenu: {
+            title: "Audio",
+            blockedMicrophone: "Microphone is blocked.",
+            microphonePermissions: "Please accept microphone sharing before accessing these options."
+        },
+        videoMenu: {
+            title: "Video",
+            lowDef: "Low definition (240p)",
+            standardDef: "Standard definition (480p)",
+            highDef: "High definition (720p)",
+            blockedCamera: "Camera is blocked.",
+            cameraPermissions: "Please accept camera sharing before accessing these options.",
+            sendResolution: "Send Resolution (maximum)"
+        },
+        shareLink: {
+            title: "Share link",
+            title2: "Share a link",
+            linkUrl: "LINK URL",
+            invalid: "Invalid link",
+            sentToUsers: "Link sent to users",
+            sentToUser: "Link sent to {{user}}",
+            failed: "Failed to send link",
+            creating: "Link is creating...",
+            poweredBy: "Powered by",
+            invoice: "{{user}} sent you an invoice.",
+            pay: "Pay"
+        },
+        youtube: {
+            title: "Embed YouTube",
+            url: "YOUTUBE URL",
+            invalid: "Invalid YouTube URL",
+            share: "Share video"
+        },
+        sharedHistory: {
+            shared: "Shared with you"
+        },
+        snapshot: {
+            title: "Snapshot",
+            shared: "Snapshot shared.",
+            sentToUsers: "Snapshot sent to users.",
+            sentToUser: "Snapshot sent to {{user}}",
+            save: "Save photo",
+            error: "An error occured when trying to send the snapshot"
+        },
+        gdpr: {
+            recordedWarning: "To improve the quality of our service, this call will be recorded."
+        },
+        requestDevice: {
+            requestInput: "Request input devices",
+            request: "{{user}} would like you to share your {{device}}",
+            timedOut: "Your request has timed out.",
+            declined: "Your request has been declined.",
+            userDeclined: "{{name}} has declined your request."
+        },
+        leave: {
+            title: "Leave",
+            leaveCall: "Leave call",
+            endCall: "End call for all"
+        },
+        misc: {
+            someone: "Someone",
+            camera: "Camera",
+            microphone: "Microphone",
+            screen: "Screen",
+            speaker: "Speaker",
+            user: "User",
+            open: "Open",
+            from: "From",
+            accept: "Accept",
+            decline: "Decline",
+            you: "You"
+        }
+    }
+};
+
+
+const $c5472fb74fa04782$export$acb2a88f7d552ebf = {
+    name: "Fran\xe7ais",
+    translation: {
+        notifications: {
+            screensharingError: "Une erreur est survenue pendant l'activation du partage d'\xe9cran",
+            microphoneError: "Une erreur est survenue pendant l'activation du micro",
+            cameraError: "Une erreur est survenue pendant l'activation de la cam\xe9ra",
+            cameraRotateError: "Une erreur est survenue pendant la rotation de la cam\xe9ra",
+            noCamera: "Aucune cam\xe9ra disponible",
+            blockedMicrophonePopupTitle: "Votre cam\xe9ra et micro sont bloqu\xe9s",
+            blockedMicrophonePopup: "SnapCall a besoin d'acc\xe9der \xe0 votre cam\xe9ra et micro. Cliquez sur l'ic\xf4ne de cam\xe9ra bloqu\xe9e dans la barre d'adresse du navigateur.",
+            reload: "Recharger",
+            criticalError: "Une erreur critique est survenue (erreur {{code}}).",
+            agentJoinError: "Une erreur est survenue en essayant de rejoindre la salle en tant qu'agent",
+            close: "Fermer",
+            connectedTo: "Connect\xe9 \xe0 {{name}}"
+        },
+        endView: {
+            goBack: "Retourner dans l'appel",
+            tooLate: "Vous \xeates arrivez trop tard",
+            callIsOver: "Cet appel est termin\xe9 ou supprim\xe9",
+            callEnded: "Cet appel est termin\xe9",
+            callLeft: "Vous avez quitt\xe9 l'appel"
+        },
+        menu: {
+            title: "Menu",
+            new: "NOUVEAU",
+            openNewTab: "Ouvrir un nouvel onglet",
+            quickConnect: "Quick Connect",
+            pictureInPicture: "Picture-in-Picture",
+            screenSharing: "Partage d'\xe9cran"
+        },
+        copyLink: {
+            title: "Copier le lien",
+            error: "Une erreur est survenue pendant la copie du lien dans le presse-papier",
+            copied: "Lien copi\xe9 dans le presse-papier"
+        },
+        quickConnect: {
+            title: "Quick Connect",
+            scanTitle: "Scannez le QR Code",
+            scan: "Scannez ce QR code avec votre t\xe9l\xe9phone pour ouvrir l'appel."
+        },
+        settings: {
+            title: "Param\xe8tres",
+            preferences: "Pr\xe9f\xe9rences",
+            language: "Langage",
+            devices: "Appareils",
+            help: "Aide",
+            helpCenter: "Acc\xe9der au centre d'aide"
+        },
+        audioMenu: {
+            title: "Audio",
+            blockedMicrophone: "Votre micro est bloqu\xe9.",
+            microphonePermissions: "Please accept microphone sharing before accessing these options."
+        },
+        videoMenu: {
+            title: "Video",
+            lowDef: "Basse d\xe9finition (240p)",
+            standardDef: "D\xe9finition standard (480p)",
+            highDef: "Haute d\xe9finition (720p)",
+            blockedCamera: "Votre cam\xe9ra est bloqu\xe9.",
+            cameraPermissions: "Please accept camera sharing before accessing these options.",
+            sendResolution: "R\xe9solution envoy\xe9e (max)"
+        },
+        shareLink: {
+            title: "Partager un lien",
+            title2: "Partager un lien",
+            linkUrl: "URL DU LIEN",
+            invalid: "Lien invalide",
+            sentToUsers: "Lien envoy\xe9 aux participants",
+            sentToUser: "Lien envoy\xe9 \xe0 {{user}}",
+            failed: "Une erreur est survenue pendant l'envoi du lien",
+            creating: "Lien en cours de cr\xe9ation...",
+            poweredBy: "Propos\xe9 par",
+            invoice: "{{user}} vous a envoy\xe9 une facture.",
+            pay: "Payer"
+        },
+        youtube: {
+            title: "YouTube",
+            url: "URL YOUTUBE",
+            invalid: "URL YouTube invalide",
+            share: "Partager la vid\xe9o"
+        },
+        sharedHistory: {
+            shared: "Partag\xe9 avec vous"
+        },
+        snapshot: {
+            title: "Snapshot",
+            shared: "Snapshot envoy\xe9.",
+            sentToUsers: "Snapshot envoy\xe9 aux participants.",
+            sentToUser: "Snapshot envoy\xe9 \xe0 {{user}}",
+            save: "Sauvegarder l'image",
+            error: "Une erreur est survenue pendant l'envoi du snapshot"
+        },
+        gdpr: {
+            recordedWarning: "Pour am\xe9liorer la qualit\xe9 de notre service, cet appel va \xeatre enregistr\xe9."
+        },
+        requestDevice: {
+            requestInput: "Demander l'activation",
+            request: "{{user}} voudrait que vous partagiez votre {{device}}",
+            timedOut: "Votre requ\xeate n'a pas eu de r\xe9ponse",
+            declined: "Votre requ\xeate a \xe9t\xe9 refus\xe9.",
+            userDeclined: "{{name}} a d\xe9clin\xe9 votre requ\xeate."
+        },
+        leave: {
+            title: "Quitter",
+            leaveCall: "Quitter l'appel",
+            endCall: "Terminer l'appel pour tout le monde"
+        },
+        misc: {
+            someone: "Quelqu'un",
+            camera: "Cam\xe9ra",
+            microphone: "Micro",
+            screen: "\xc9cran",
+            speaker: "Haut-parleur",
+            user: "Utilisateur",
+            open: "Ouvrir",
+            from: "Depuis",
+            accept: "Accepter",
+            decline: "D\xe9cliner",
+            you: "Vous"
+        }
+    }
+};
+
+
+const $b7790fb9e48df5c4$export$3486a10f30cf1ee4 = {
+    name: "Italiano",
+    translation: {
+        notifications: {
+            screensharingError: "Si \xe8 verificato un errore durante l'attivazione della condivisione dello schermo",
+            microphoneError: "Si \xe8 verificato un errore durante l'attivazione del microfono",
+            cameraError: "Si \xe8 verificato un errore durante l'attivazione della fotocamera",
+            cameraRotateError: "Si \xe8 verificato un errore durante la rotazione della fotocamera",
+            noCamera: "Nessuna fotocamera disponibile",
+            blockedMicrophonePopupTitle: "La tua fotocamera e il tuo microfono sono bloccati",
+            blockedMicrophonePopup: "SnapCall ha bisogno di accedere alla fotocamera e al microfono. Fare clic sull'icona della fotocamera bloccata nella barra degli indirizzi del browser.",
+            reload: "Ricaricare",
+            criticalError: "Si \xe8 verificato un errore critico (errore {{code}}).",
+            agentJoinError: "Si \xe8 verificato un errore cercando di entrare nella conversazione come agente",
+            close: "Chiudere",
+            connectedTo: "Connesso a {{name}}"
+        },
+        endView: {
+            goBack: "Torna alla chiamata",
+            tooLate: "Sei arrivato troppo tardi",
+            callIsOver: "Questa chiamata \xe8 finita o \xe8 stata eliminata",
+            callEnded: "Questa chiamata \xe8 finita",
+            callLeft: "Hai lasciato la chiamata"
+        },
+        menu: {
+            title: "Men\xf9",
+            new: "NUOVO",
+            openNewTab: "Apri una nuova scheda",
+            quickConnect: "Connessione Rapida",
+            pictureInPicture: "Immagine nell'immagine",
+            screenSharing: "Condivisione dello schermo"
+        },
+        copyLink: {
+            title: "Copia il link",
+            error: "Si \xe8 verificato un errore durante la copia negli Appunti",
+            copied: "Link copiato negli Appunti"
+        },
+        quickConnect: {
+            title: "Connessione Rapida",
+            scanTitle: "Scansiona il codice QR",
+            scan: "Scansiona questo codice QR con il telefono per aprire la chiamata."
+        },
+        settings: {
+            title: "Impostazioni",
+            preferences: "Preferenze",
+            language: "Linguaggio",
+            devices: "Dispositivi",
+            help: "Aiuto",
+            helpCenter: "Accedi all'Assistenza"
+        },
+        audioMenu: {
+            title: "Audio",
+            blockedMicrophone: "Il tuo microfono \xe8 bloccato.",
+            microphonePermissions: "Si prega di accettare la condivisione del microfono prima di accedere a queste opzioni."
+        },
+        videoMenu: {
+            title: "Video",
+            lowDef: "Definizione bassa (240p)",
+            standardDef: "Definizione standard (480p)",
+            highDef: "Alta definizione (720p)",
+            blockedCamera: "La fotocamera \xe8 bloccata.",
+            cameraPermissions: "Si prega di accettare la condivisione della fotocamera prima di accedere a queste opzioni.",
+            sendResolution: "Risoluzione inviata (max)"
+        },
+        shareLink: {
+            title: "Condividi un link",
+            title2: "Condividi un link",
+            linkUrl: "Link URL",
+            invalid: "Collegamento non valido",
+            sentToUsers: "Link inviato ai partecipanti",
+            sentToUser: "Link inviato a {{user}}",
+            failed: "Si \xe8 verificato un errore durante l'invio del link",
+            creating: "Link che viene creato...",
+            poweredBy: "Proposto da",
+            invoice: "{{User}} ti ha inviato una fattura.",
+            pay: "Paga"
+        },
+        youtube: {
+            title: "YouTube",
+            url: "URL YOUTUBE",
+            invalid: "URL YouTube non valido",
+            share: "Condividi il video"
+        },
+        sharedHistory: {
+            shared: "Condiviso con te"
+        },
+        snapshot: {
+            title: "Schermata",
+            shared: "Schermata inviata",
+            sentToUsers: "Schermanta inviata ai partecipanti",
+            sentToUser: "Schermata inviata a {{user}}",
+            save: "Salva l'immagine",
+            error: "Si \xe8 verificato un errore durante l'invio della schermata"
+        },
+        gdpr: {
+            recordedWarning: "Per migliorare la qualit\xe0 del nostro servizio, questa chiamata verr\xe0 registrata."
+        },
+        requestDevice: {
+            requestInput: "Richiesta di attivazione",
+            request: "{{user}} vorrebbe condividere il tuo {{device}}",
+            timedOut: "La tua richiesta non ha ricevuto risposta",
+            declined: "La tua richiesta \xe8 stata rifiutata.",
+            userDeclined: "{{name}} ha rifiutato la tua richiesta"
+        },
+        leave: {
+            title: "Lasciare",
+            leaveCall: "Lascia la chiamata",
+            endCall: "Termina la chiamata per tutti"
+        },
+        misc: {
+            someone: "Qualcuno",
+            camera: "Telecamera",
+            microphone: "Microfono",
+            screen: "Schermo",
+            speaker: "Altoparlante",
+            user: "Utente",
+            open: "Aprire",
+            from: "Da",
+            accept: "Accettare",
+            decline: "Declinare",
+            you: "Voi"
+        }
+    }
+};
+
+
+const $384d985bb9605c35$export$150b732325d14d04 = {
+    en: $18fb8799f38eb407$export$84584c2a98eb6753,
+    fr: $c5472fb74fa04782$export$acb2a88f7d552ebf,
+    it: $b7790fb9e48df5c4$export$3486a10f30cf1ee4
+};
+(0, $3Sbms$i18next).use((0, $3Sbms$initReactI18next)).init({
+    lng: (0, $a3e657fb86ae23f3$export$604ba5624273df44)(),
+    fallbackLng: "en",
+    resources: $384d985bb9605c35$export$150b732325d14d04,
+    interpolation: {
+        escapeValue: false
+    }
+});
+var $384d985bb9605c35$export$2e2bcd8739ae039 = (0, $3Sbms$i18next);
+
+
+
 
 
 
 
 
+
+
+const $0f65a9eaf4a1e910$var$LogLevel = {
+    error: 1,
+    warn: 2,
+    info: 3,
+    log: 4,
+    debug: 5
+};
+const $0f65a9eaf4a1e910$var$LevelDescription = {
+    1: "error",
+    2: "warn",
+    3: "info",
+    4: "verbose",
+    5: "debug"
+};
+let $0f65a9eaf4a1e910$var$logLevel = Number(2);
+const $0f65a9eaf4a1e910$var$dateFormat = new Intl.DateTimeFormat("en-GB", {
+    year: "numeric",
+    month: "numeric",
+    day: "numeric",
+    hour: "numeric",
+    minute: "numeric",
+    second: "numeric",
+    timeZone: "GMT"
+});
+class $0f65a9eaf4a1e910$export$2e2bcd8739ae039 {
+    constructor(filename, customLogLevel){
+        this.filename = filename;
+        this.customLogLevel = customLogLevel;
+    }
+    print(level, logger, scope, ...arg) {
+        const head = `[ ${$0f65a9eaf4a1e910$var$dateFormat.format(new Date())} ][ ${$0f65a9eaf4a1e910$var$LevelDescription[level]} ][ ${this.filename} - ${scope} ]`;
+        if (level <= (this.customLogLevel || $0f65a9eaf4a1e910$var$logLevel)) logger(head, ...arg);
+        else (0, $3Sbms$addBreadcrumb)({
+            type: "debug",
+            level: $0f65a9eaf4a1e910$var$LevelDescription[level],
+            category: "console",
+            data: {
+                head: head,
+                arguments: arg
+            }
+        });
+    }
+    debug(scope, ...arg) {
+        this.print($0f65a9eaf4a1e910$var$LogLevel.debug, console.debug, scope, ...arg);
+    }
+    error(scope, ...arg) {
+        this.print($0f65a9eaf4a1e910$var$LogLevel.error, console.error, scope, ...arg);
+    }
+    info(scope, ...arg) {
+        this.print($0f65a9eaf4a1e910$var$LogLevel.info, console.info, scope, ...arg);
+    }
+    log(scope, ...arg) {
+        this.print($0f65a9eaf4a1e910$var$LogLevel.log, console.log, scope, ...arg);
+    }
+    warn(scope, ...arg) {
+        this.print($0f65a9eaf4a1e910$var$LogLevel.warn, console.warn, scope, ...arg);
+    }
+    deprecated(...arg) {
+        console.warn("[ DEPRECATED ]", ...arg);
+    }
+    static setLogLevel(level) {
+        $0f65a9eaf4a1e910$var$logLevel = level;
+    }
+    setLogLevel(level) {
+        this.customLogLevel = level;
+    }
+}
+
+
+const $67e45b2e30dcc030$var$log = new (0, $0f65a9eaf4a1e910$export$2e2bcd8739ae039)("AudioLevels.ts");
 const $67e45b2e30dcc030$var$audioContextConstructor = window.AudioContext || window.webkitAudioContext;
 const $67e45b2e30dcc030$var$AUDIO_MUTE_DETECTION_TIME = 2000;
 const $67e45b2e30dcc030$var$SPEAK_DETECTION_TIME = 500;
@@ -405,10 +887,10 @@ class $67e45b2e30dcc030$export$ea669869acd8f177 {
         try {
             this.audioStreamSource.disconnect(this.analyser);
         } catch (err1) {
-            console.error("audioStreamSource failed to disconnect", err1);
+            $67e45b2e30dcc030$var$log.error("release", "audioStreamSource failed to disconnect", err1);
         }
         this.audioContext.close().catch((err)=>{
-            console.error("audioContext failed to close", err);
+            $67e45b2e30dcc030$var$log.error("release", "audioContext failed to close", err);
         });
         this.audioLevels = [];
     }
@@ -418,6 +900,8 @@ class $67e45b2e30dcc030$export$ea669869acd8f177 {
 }
 
 
+
+const $82e31ca38889c079$var$log = new (0, $0f65a9eaf4a1e910$export$2e2bcd8739ae039)("AudioRenderer.ts");
 class $82e31ca38889c079$var$AudioRenderer {
     constructor({ consumerId: consumerId  }){
         this.consumerId = consumerId;
@@ -437,9 +921,12 @@ class $82e31ca38889c079$var$AudioRenderer {
     async setSink(sinkId) {
         await this.audio.setSinkId?.(sinkId);
     }
+    getSink() {
+        return this.audio.sinkId;
+    }
     async play() {
         await this.audio.play().catch((err)=>{
-            console.warn("failed to play");
+            $82e31ca38889c079$var$log.warn("play", "failed to play");
             setTimeout(()=>{
                 this.play();
             }, 1000);
@@ -509,6 +996,132 @@ const $15ddac3121cc3a5d$export$4a210166cc9cb64b = async (src)=>{
 
 
 
+
+
+
+
+
+const $a2f0e3c29b11c88e$var$log = new (0, $0f65a9eaf4a1e910$export$2e2bcd8739ae039)("StreamerMediasoup");
+function $a2f0e3c29b11c88e$var$deviceAutoDetection() {
+    try {
+        const ua = navigator.userAgent;
+        const browser = $3Sbms$getParser(ua);
+        $3Sbms$setTag("DeviceDetectionForced", true);
+        $3Sbms$addBreadcrumb({
+            type: "debug",
+            category: "browser",
+            data: browser.getResult()
+        });
+        const browserOs = browser.getOS();
+        if (browser.getBrowserName() === "Safari" && browserOs.name === "iOS" && Number(browserOs.version) >= 14.3) return new (0, $3Sbms$Device)({
+            handlerName: "Safari12"
+        });
+        throw Error("failed to autoDetect browser, falling back to chrome 74");
+    } catch (error) {
+        $a2f0e3c29b11c88e$var$log.error("deviceAutoDetection", error);
+        $3Sbms$captureException(error);
+    }
+    return new (0, $3Sbms$Device)({
+        handlerName: "Chrome74"
+    });
+}
+function $a2f0e3c29b11c88e$var$createDevice() {
+    try {
+        return new (0, $3Sbms$Device)();
+    } catch (error) {
+        $a2f0e3c29b11c88e$var$log.error("failed to detects device from mediasoup, fallback on auto detection", error);
+        return $a2f0e3c29b11c88e$var$deviceAutoDetection();
+    }
+}
+class $a2f0e3c29b11c88e$export$2e2bcd8739ae039 {
+    constructor(device, config){
+        this.mediasoupDevice = device;
+        this.config = config;
+    }
+    static async create(server, config) {
+        const routerRtpCapabilities = await server.request("getRouterRtpCapabilities");
+        routerRtpCapabilities.headerExtensions = routerRtpCapabilities.headerExtensions?.filter((ext)=>{
+            return ext.uri !== "urn:3gpp:video-orientation";
+        });
+        const device = $a2f0e3c29b11c88e$var$createDevice();
+        device.load({
+            routerRtpCapabilities: routerRtpCapabilities
+        });
+        return new $a2f0e3c29b11c88e$export$2e2bcd8739ae039(device, config);
+    }
+    getRtpCapabilities() {
+        return this.mediasoupDevice.rtpCapabilities;
+    }
+    async createTransportConfig(server) {
+        const transportInfo = await server.request("createWebRtcTransport");
+        return {
+            id: transportInfo.id,
+            iceParameters: transportInfo.iceParameters,
+            iceCandidates: transportInfo.iceCandidates,
+            dtlsParameters: {
+                ...transportInfo.dtlsParameters,
+                role: "auto"
+            },
+            sctpParameters: transportInfo.sctpParameters,
+            iceServers: this.config.iceServers,
+            proprietaryConstraints: {
+                optional: [
+                    {
+                        googDscp: true
+                    }
+                ]
+            },
+            additionalSettings: {
+                encodedInsertableStreams: false
+            }
+        };
+    }
+    async createSendTransport(server) {
+        const sendTransport = this.mediasoupDevice.createSendTransport(await this.createTransportConfig(server));
+        sendTransport.on("connect", ({ dtlsParameters: dtlsParameters  }, callback, errback)=>{
+            $a2f0e3c29b11c88e$var$log.log("dtlsParameters", sendTransport.id, dtlsParameters);
+            server.request("connectWebRtcTransport", {
+                transportId: sendTransport.id,
+                dtlsParameters: dtlsParameters
+            }).then(callback).catch(errback);
+        });
+        sendTransport.on("produce", async ({ kind: kind , rtpParameters: rtpParameters , appData: appData  }, callback, errback)=>{
+            try {
+                const { id: id  } = await server.request("produce", {
+                    transportId: sendTransport.id,
+                    kind: kind,
+                    rtpParameters: rtpParameters,
+                    appData: appData
+                });
+                callback({
+                    id: id
+                });
+                $a2f0e3c29b11c88e$var$log.log("producerTransport: ", sendTransport);
+            } catch (error) {
+                errback(error);
+            }
+        });
+        return sendTransport;
+    }
+    async createRecvTransport(server) {
+        const recvTransport = this.mediasoupDevice.createRecvTransport(await this.createTransportConfig(server));
+        recvTransport.on("connect", ({ dtlsParameters: dtlsParameters  }, callback, errback)=>{
+            $a2f0e3c29b11c88e$var$log.log("dtls", recvTransport.id, dtlsParameters);
+            server.request("connectWebRtcTransport", {
+                transportId: recvTransport.id,
+                dtlsParameters: dtlsParameters
+            }).then(callback).catch(errback);
+        });
+        return recvTransport;
+    }
+    async createTransport(server, direction) {
+        if (direction === "send") return await this.createSendTransport(server);
+        else return await this.createRecvTransport(server);
+    }
+}
+
+
+const $c31e3fb4360572af$var$log = new (0, $0f65a9eaf4a1e910$export$2e2bcd8739ae039)("StreamerClient");
 const $c31e3fb4360572af$export$818d60b2e626da0c = {
     WEBRTC_FAILED: "WRTC1",
     WEBRTC_RECOVER_ERROR: "WRTC2",
@@ -523,7 +1136,8 @@ const $c31e3fb4360572af$export$d21ffcc5eb136bfa = {
         },
         height: {
             ideal: 240
-        }
+        },
+        qualityIndex: 3
     },
     vga: {
         width: {
@@ -531,7 +1145,8 @@ const $c31e3fb4360572af$export$d21ffcc5eb136bfa = {
         },
         height: {
             ideal: 480
-        }
+        },
+        qualityIndex: 2
     },
     hd: {
         width: {
@@ -539,7 +1154,8 @@ const $c31e3fb4360572af$export$d21ffcc5eb136bfa = {
         },
         height: {
             ideal: 720
-        }
+        },
+        qualityIndex: 1
     }
 };
 const $c31e3fb4360572af$var$WEBCAM_SIMULCAST_ENCODINGS = [
@@ -566,35 +1182,34 @@ const $c31e3fb4360572af$var$SCREEN_SHARING_SIMULCAST_ENCODINGS = [
         maxBitrate: 6000000
     }, 
 ];
-const $c31e3fb4360572af$var$fetchAgentInfo = async ({ apiKey: apiKey , email: email  })=>{
-    const apiURL = "https://api.snapcall.io/v2";
-    const agent = await fetch(`${apiURL}/agents/${email}`, {
-        method: "get",
-        headers: {
-            Authorization: `Bearer ${apiKey}`
-        }
-    }).then((response)=>{
-        if (response.ok) return response.json();
-        throw new Error("Invalid agent info");
-    });
-    return agent;
-};
+class $c31e3fb4360572af$var$SnapcallEvent extends CustomEvent {
+    // eslint-disable-next-line @typescript-eslint/no-useless-constructor
+    constructor(name, data){
+        super(name, data);
+    }
+}
 const $c31e3fb4360572af$var$StreamerEventTargetType = EventTarget;
 class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$StreamerEventTargetType {
+    mediasoupTransport = {};
     pendingDeviceRequest = {};
     joinOptions = {};
     devicesList = [];
     constructor(){
         super();
         navigator.mediaDevices.addEventListener("devicechange", ()=>this.onDeviceChange());
-        this.iceServers = [
-            {
-                urls: "turns:t.snapcall.io:443?transport=tcp,turns:t-2.snapcall.io:443?transport=tcp"?.split(",") || [],
-                username: "test",
-                credential: "test",
-                credentialType: "password"
-            }, 
-        ];
+        this.config = {
+            apiUrl: String("https://api.snapcall.io/v2"),
+            streamerServer: String("wss://g.snapcall.io/stream"),
+            streamerApi: String("https://g.snapcall.io/stream"),
+            iceServers: [
+                {
+                    urls: "turns:t.snapcall.io:443?transport=tcp,turns:t2.snapcall.io:443?transport=tcp,turn:t.snapcall.io:80?transport=tcp,turn:t2.snapcall.io:80?transport=tcp,turn:t.snapcall.io:80?transport=udp,turn:t2.snapcall.io:80?transport=udp"?.split(",") || [],
+                    username: "test",
+                    credential: "test",
+                    credentialType: "password"
+                }, 
+            ]
+        };
         this.peers = new Map();
         this.consumers = new Map();
         this.webcams = new Map();
@@ -615,6 +1230,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
         this.screenshareProducer = null;
         this.customMessages = new Map();
         this.audioRenderers = {};
+        this.profile = {};
     }
     getState() {
         const peers = [];
@@ -640,14 +1256,14 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
             });
             peers.push({
                 peerId: key,
-                displayName: peer.displayName,
+                profile: peer.profile,
                 deviceState: deviceState
             });
         });
         return {
             roomId: this.roomId,
             peerId: this.peerId,
-            displayName: this.displayName,
+            profile: this.profile,
             callId: undefined,
             deviceState: this.getDevicesState(),
             peers: peers
@@ -655,9 +1271,10 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
     }
     onStartSpeak() {
         if (this.micProducer && !this.micProducer.paused) {
-            const event = new CustomEvent("localStartSpeak", {
+            const event = new $c31e3fb4360572af$var$SnapcallEvent("localStartSpeak", {
                 cancelable: true,
-                bubbles: true
+                bubbles: true,
+                detail: {}
             });
             this.dispatchEvent(event);
             this.protoo.notify("startSpeak");
@@ -665,13 +1282,15 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
     }
     onStopSpeak() {
         if (this.micProducer && !this.micProducer.paused) {
-            const event = new CustomEvent("localStopSpeak");
+            const event = new $c31e3fb4360572af$var$SnapcallEvent("localStopSpeak", {
+                detail: {}
+            });
             this.dispatchEvent(event);
             this.protoo.notify("stopSpeak");
         }
     }
     onCriticalError(code) {
-        const event = new CustomEvent("criticalError", {
+        const event = new $c31e3fb4360572af$var$SnapcallEvent("criticalError", {
             detail: {
                 code: code
             }
@@ -679,7 +1298,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
         this.dispatchEvent(event);
     }
     async generateToken(bid) {
-        const url = "https://g.snapcall.io/stream";
+        const url = this.config.streamerApi;
         const { token: token  } = await fetch(`${url}/stream`, {
             method: "post",
             headers: {
@@ -698,7 +1317,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
         if (!this.peerId) this.peerId = (0, $3Sbms$v4)();
         let url;
         try {
-            const { instanceId: instanceId  } = await fetch(`${"https://g.snapcall.io/stream"}/instance/${this.roomId}`, {
+            const { instanceId: instanceId  } = await fetch(`${this.config.streamerApi}/instance/${this.roomId}`, {
                 method: "get",
                 headers: {
                     "Content-Type": "application/json"
@@ -707,9 +1326,11 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
                 if (response.ok) return response.json();
                 throw new Error("Invalid room ID");
             });
-            url = `${"wss://g.snapcall.io/stream"}/${instanceId}/?roomId=${room}&peerId=${this.peerId}`;
+            url = `${this.config.streamerServer}/${instanceId}/?roomId=${room}&peerId=${this.peerId}`;
         } catch (roomError) {
-            const event = new CustomEvent("invalidRoom");
+            const event = new $c31e3fb4360572af$var$SnapcallEvent("invalidRoom", {
+                detail: {}
+            });
             this.dispatchEvent(event);
         }
         if (!url) throw new Error("Invalid socket URL");
@@ -724,28 +1345,29 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
             this.joinRoom();
         });
         this.protoo.on("failed", ()=>{
-            console.error("failed");
+            $c31e3fb4360572af$var$log.error("protoo.on", "failed");
             this.onCriticalError($c31e3fb4360572af$export$818d60b2e626da0c.SOCKET_LOST);
         });
         this.protoo.on("disconnected", ()=>{
-            console.error("disconnected");
+            $c31e3fb4360572af$var$log.error("protoo.on", "disconnected");
             this.onCriticalError($c31e3fb4360572af$export$818d60b2e626da0c.SOCKET_LOST);
         });
-        this.protoo.on("close", ()=>console.log("close :("));
+        this.protoo.on("close", ()=>$c31e3fb4360572af$var$log.log("protoo.on", "close :("));
         this.protoo.on("notification", async (notification)=>{
-            console.log("notification", notification);
+            $c31e3fb4360572af$var$log.log("notification", notification);
             if (notification.method === "newPeer") {
-                const { id: id , displayName: displayName  } = notification.data;
+                const { id: id , profile: profile  } = notification.data;
                 this.peers.set(id, {
                     id: id,
                     peerId: id,
-                    displayName: displayName,
+                    profile: profile,
                     producersData: []
                 });
-                const event = new CustomEvent("newPeer", {
+                const event = new $c31e3fb4360572af$var$SnapcallEvent("newPeer", {
                     detail: {
                         peerId: id,
-                        displayName: displayName
+                        displayName: profile.name,
+                        profile: profile
                     }
                 });
                 this.dispatchEvent(event);
@@ -765,7 +1387,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
                         consumerId: consumer.id
                     });
                 });
-                const event = new CustomEvent("peerClosed", {
+                const event = new $c31e3fb4360572af$var$SnapcallEvent("peerClosed", {
                     detail: {
                         peerId: peerId
                     }
@@ -778,39 +1400,60 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
                 });
             } else if (notification.method === "displayName") {
                 const { peerId: peerId , displayName: displayName  } = notification.data;
-                const event = new CustomEvent("displayName", {
+                const event = new $c31e3fb4360572af$var$SnapcallEvent("displayName", {
+                    detail: {
+                        peerId: peerId,
+                        displayName: displayName,
+                        profile: {}
+                    }
+                });
+                this.dispatchEvent(event);
+            } else if (notification.method === "profile") {
+                const { peerId: peerId , profile: profile  } = notification.data;
+                const event = new CustomEvent("profileUpdate", {
                     detail: {
                         peerId: peerId,
-                        displayName: displayName
+                        profile: profile
                     }
                 });
                 this.dispatchEvent(event);
             } else if (notification.method === "requestDevice") {
                 this.pendingDeviceRequest[notification.data.requestId] = notification.data;
-                const event = new CustomEvent("requestDevice", {
+                const event = new $c31e3fb4360572af$var$SnapcallEvent("requestDevice", {
                     detail: notification.data
                 });
                 this.dispatchEvent(event);
             } else if (notification.method === "startSpeak") ;
             else if (notification.method === "stopSpeak") ;
             else if (notification.method === "producerPaused" || notification.method === "producerResumed") {
+                const { peerId: peerId , producerId: producerId , deviceType: deviceType  } = notification.data;
                 if (notification.data?.deviceType === "microphone") {
-                    const { peerId: peerId , producerId: producerId  } = notification.data;
                     const microphoneData = this.peers.get(peerId)?.producersData.find((ele)=>producerId === ele.producerId);
                     if (microphoneData) microphoneData.paused = notification.method === "producerPaused" ? true : false;
                 }
-                const event = new CustomEvent(notification.method, {
-                    detail: notification.data
+                let id = producerId;
+                for (let [, value] of Array.from(this.consumers.entries()))if (value.mediaSoupConsumer.producerId === producerId) {
+                    id = value.mediaSoupConsumer.id;
+                    break;
+                }
+                const eventName = notification.method === "producerPaused" ? "mediaPause" : "mediaResume";
+                const event = new $c31e3fb4360572af$var$SnapcallEvent(eventName, {
+                    detail: {
+                        mediaId: id,
+                        peerId: peerId,
+                        deviceType: deviceType,
+                        paused: notification.method === "producerPaused"
+                    }
                 });
                 this.dispatchEvent(event);
             } else if (notification.method === "requestDeviceResult") {
-                const event = new CustomEvent(notification.method, {
+                const event = new $c31e3fb4360572af$var$SnapcallEvent(notification.method, {
                     detail: notification.data
                 });
                 this.dispatchEvent(event);
             } else if (notification.method === "terminateRoom") {
                 this.release();
-                const event = new CustomEvent(notification.method, {
+                const event = new $c31e3fb4360572af$var$SnapcallEvent(notification.method, {
                     detail: notification.data
                 });
                 this.dispatchEvent(event);
@@ -835,7 +1478,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
                     const sortedChunks = message.chunks.sort((a, b)=>a.index - b.index);
                     const mergedChunks = sortedChunks.reduce((originalMessage, chunk)=>originalMessage + chunk.data, "");
                     const parsedEvent = JSON.parse(mergedChunks);
-                    const event = new CustomEvent("customMessage", {
+                    const event = new $c31e3fb4360572af$var$SnapcallEvent("customMessage", {
                         detail: {
                             ...notification.data,
                             event: parsedEvent
@@ -847,173 +1490,74 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
             }
         });
     }
-    deviceAutoDetection() {
-        try {
-            const ua = navigator.userAgent;
-            const browser = $3Sbms$getParser(ua);
-            $3Sbms$setTag("DeviceDetectionForced", true);
-            $3Sbms$addBreadcrumb({
-                type: "debug",
-                category: "browser",
-                data: browser.getResult()
-            });
-            const browserOs = browser.getOS();
-            if (browser.getBrowserName() === "Safari" && browserOs.name === "iOS" && Number(browserOs.version) >= 14.3) return new $3Sbms$Device({
-                handlerName: "Safari12"
-            });
-            throw Error("failed to autoDetect browser, falling back to chrome 74");
-        } catch (error) {
-            console.error(error);
-            $3Sbms$captureException(error);
-            this.dispatchEvent(new CustomEvent("browserDetectionFailed"));
-        }
-        return new $3Sbms$Device({
-            handlerName: "Chrome74"
-        });
-    }
-    createDevice() {
-        try {
-            return new $3Sbms$Device();
-        } catch (error) {
-            console.error("failed to detects device from mediasoup, fallback on auto detection", error);
-            return this.deviceAutoDetection();
-        }
-    }
     closeWebrtcTransport(transport) {
-        transport?.transport.close();
+        transport?.transport?.close();
         clearTimeout(transport?.disconnectTimeout);
     }
-    async createTransportConfig() {
-        const transportInfo = await this.protoo.request("createWebRtcTransport");
-        return {
-            id: transportInfo.id,
-            iceParameters: transportInfo.iceParameters,
-            iceCandidates: transportInfo.iceCandidates,
-            dtlsParameters: {
-                ...transportInfo.dtlsParameters,
-                role: "auto"
-            },
-            sctpParameters: transportInfo.sctpParameters,
-            iceServers: this.iceServers,
-            proprietaryConstraints: {
-                optional: [
-                    {
-                        googDscp: true
-                    }
-                ]
-            },
-            additionalSettings: {
-                encodedInsertableStreams: false
-            }
-        };
-    }
-    async createSendTransport(kind1) {
-        const sendTransport = this.mediasoupDevice.createSendTransport(await this.createTransportConfig());
-        sendTransport.on("connect", ({ dtlsParameters: dtlsParameters  }, callback, errback)=>{
-            console.log("dtlsParameters", sendTransport.id, dtlsParameters);
-            this.protoo.request("connectWebRtcTransport", {
-                transportId: sendTransport.id,
-                dtlsParameters: dtlsParameters
-            }).then(callback).catch(errback);
-        });
-        sendTransport.on("produce", async ({ kind: kind , rtpParameters: rtpParameters , appData: appData  }, callback, errback)=>{
+    async getTransport(kind, direction) {
+        if (!this.streamerMediasoup) throw new Error("streamerMediasoup not initialized");
+        let transport = this.mediasoupTransport[`${kind}-${direction}`];
+        if (!transport) {
             try {
-                const { id: id  } = await this.protoo.request("produce", {
-                    transportId: sendTransport.id,
+                const promise = this.streamerMediasoup.createTransport(this.protoo, direction);
+                transport = {
+                    disconnectTimeout: undefined,
                     kind: kind,
-                    rtpParameters: rtpParameters,
-                    appData: appData
-                });
-                callback({
-                    id: id
-                });
-                console.log("producerTransport: ", sendTransport);
-            } catch (error) {
-                errback(error);
+                    createPromise: promise
+                };
+                this.mediasoupTransport[`${kind}-${direction}`] = transport;
+                transport.transport = await promise;
+                if (transport.transport) this.listenWebRTCTransportStates(transport);
+            } catch (err) {
+                this.onCriticalError($c31e3fb4360572af$export$818d60b2e626da0c.CREATE_TRANSPORT_FAILED);
+                throw err;
             }
-        });
-        const result = {
-            transport: sendTransport,
-            disconnectTimeout: undefined,
-            kind: kind1
-        };
-        this.listenWebRTCTransportStats(result);
-        return result;
-    }
-    async createRecvTransport(kind) {
-        const recvTransport = this.mediasoupDevice.createRecvTransport(await this.createTransportConfig());
-        recvTransport.on("connect", ({ dtlsParameters: dtlsParameters  }, callback, errback)=>{
-            console.log("dtls", recvTransport.id, dtlsParameters);
-            this.protoo.request("connectWebRtcTransport", {
-                transportId: recvTransport.id,
-                dtlsParameters: dtlsParameters
-            }).then(callback).catch(errback);
-        });
-        const result = {
-            transport: recvTransport,
-            disconnectTimeout: undefined,
-            kind: kind
-        };
-        this.listenWebRTCTransportStats(result);
-        return result;
+            return transport.transport;
+        } else if (transport && transport.transport) return transport.transport;
+        else return transport.createPromise;
     }
-    listenWebRTCTransportStats(transport) {
+    listenWebRTCTransportStates(transport) {
+        if (!transport.transport) throw new Error("can not listen states of undefined transport");
         transport.transport.on("connectionstatechange", (event)=>{
-            if (!transport.transport.closed) {
-                console.log("recv connectionstatechange: ", event);
+            if (transport.transport && !transport.transport.closed) {
+                $c31e3fb4360572af$var$log.log("recv connectionstatechange: ", event);
                 if (event === "disconnected") transport.disconnectTimeout = setTimeout(()=>{
-                    console.log(`trying to restart transport for ${transport.kind}`);
-                    this.restartIce(transport.transport);
+                    $c31e3fb4360572af$var$log.log("listenWebRTCTransportStats", `trying to restart transport for ${transport.kind}`);
+                    if (transport.transport) this.restartIce(transport.transport);
                 }, 5000);
                 else if (event === "connected") clearTimeout(transport.disconnectTimeout);
                 else if (event === "failed") {
                     const err = new Error(`webRTC transport state failed for ${transport.kind}`);
                     $3Sbms$captureException(err, {
                         extra: {
-                            direction: transport.transport.direction,
-                            id: transport.transport.id,
+                            direction: transport.transport?.direction,
+                            id: transport.transport?.id,
                             kind: transport.kind
                         }
                     });
-                    console.error("webrtc stat failed", err);
+                    $c31e3fb4360572af$var$log.error("listenWebRTCTransportStats", "webrtc stat failed", err);
                     this.onCriticalError($c31e3fb4360572af$export$818d60b2e626da0c.WEBRTC_FAILED);
                 }
             }
         });
     }
     async joinRoom() {
-        this.mediasoupDevice = this.createDevice();
-        this.routerRtpCapabilities = await this.protoo.request("getRouterRtpCapabilities");
-        this.routerRtpCapabilities.headerExtensions = this.routerRtpCapabilities.headerExtensions?.filter((ext)=>{
-            return ext.uri !== "urn:3gpp:video-orientation";
-        });
-        await this.mediasoupDevice.load({
-            routerRtpCapabilities: this.routerRtpCapabilities
-        });
-        try {
-            this.recvAudioTransports = await this.createRecvTransport("audio");
-            this.sendAudioTransports = await this.createSendTransport("audio");
-            this.recvVideoTransports = await this.createRecvTransport("video");
-            this.sendVideoTransports = await this.createSendTransport("video");
-        } catch (err) {
-            this.onCriticalError($c31e3fb4360572af$export$818d60b2e626da0c.CREATE_TRANSPORT_FAILED);
-            throw err;
-        }
+        this.streamerMediasoup = await (0, $a2f0e3c29b11c88e$export$2e2bcd8739ae039).create(this.protoo, this.config);
         // now we join
         if (this.joinOptions.apiKey && this.joinOptions.email) try {
-            const agentInfo = await $c31e3fb4360572af$var$fetchAgentInfo({
+            const agentInfo = await this.fetchAgentInfo({
                 apiKey: this.joinOptions.apiKey,
                 email: this.joinOptions.email
             });
-            if (agentInfo) this.dispatchEvent(new CustomEvent("agentIdentity", {
+            if (agentInfo) this.dispatchEvent(new $c31e3fb4360572af$var$SnapcallEvent("agentIdentity", {
                 detail: {
                     success: true,
                     email: this.joinOptions.email
                 }
             }));
         } catch (agentInfoError) {
-            console.warn(agentInfoError);
-            this.dispatchEvent(new CustomEvent("agentIdentity", {
+            $c31e3fb4360572af$var$log.warn("joinRoom", agentInfoError);
+            this.dispatchEvent(new $c31e3fb4360572af$var$SnapcallEvent("agentIdentity", {
                 detail: {
                     success: false
                 }
@@ -1031,7 +1575,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
                 }, 
             ]));
         const callId = await this.getCallId();
-        this.dispatchEvent(new CustomEvent("enterRoom", {
+        this.dispatchEvent(new $c31e3fb4360572af$var$SnapcallEvent("enterRoom", {
             detail: {
                 peerId: this.peerId,
                 peers: peers.map((peer)=>{
@@ -1043,8 +1587,9 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
                 callId: callId
             }
         }));
-        console.log("peers", peers);
+        $c31e3fb4360572af$var$log.log("joinRoom", "peers", peers);
         if (this.joinOptions.displayName) await this.setDisplayName(this.joinOptions.displayName);
+        if (this.joinOptions.profile) await this.setProfile(this.joinOptions.profile);
         // Consume Peers
         peers.forEach((peer)=>{
             this.consumePeer({
@@ -1055,12 +1600,12 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
     }
     async switchMicrophone(deviceId) {
         try {
-            console.log("switchMicrophone", "switching Microphone");
+            $c31e3fb4360572af$var$log.log("switchMicrophone", "switching Microphone");
             this.audioLevel?.release();
             this.audioLevel = undefined;
             if (this.micProducer && this.micProducer.track) {
                 this.micProducer?.track?.stop();
-                console.log("switchMicrophone", "stopping previous track");
+                $c31e3fb4360572af$var$log.log("switchMicrophone", "stopping previous track");
             }
             const stream = await this.handleGetUserMediaError("microphone", navigator.mediaDevices.getUserMedia({
                 audio: {
@@ -1070,14 +1615,14 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
                 }
             }));
             this.audioLevel = new (0, $67e45b2e30dcc030$export$ea669869acd8f177)(stream, this);
-            this.audioLevel.analyse();
+            // this.audioLevel.analyse();
             const track = stream.getAudioTracks()[0];
             await this.micProducer?.replaceTrack({
                 track: track
             });
-            console.log("switchMicrophone", "switched Microphone");
+            $c31e3fb4360572af$var$log.log("switchMicrophone", "switched Microphone");
         } catch (error) {
-            console.error("switchMicrophone error", error);
+            $c31e3fb4360572af$var$log.error("switchMicrophone error", error);
             await this.closeMicrophoneProducer();
         }
     }
@@ -1085,22 +1630,26 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
         const producerId = this.micProducer?.id;
         this.micProducer?.close();
         this.micProducer = undefined;
-        const event = new CustomEvent("microphoneMute");
+        const event = new $c31e3fb4360572af$var$SnapcallEvent("microphoneMute", {
+            detail: {}
+        });
         this.dispatchEvent(event);
         await this.protoo.request("closeProducer", {
             producerId: producerId
         });
     }
     async onDeviceChange() {
-        console.log("detecting device change");
-        const deviceListChangeEvent = new CustomEvent("devicesListChange");
+        $c31e3fb4360572af$var$log.log("onDeviceChange", "detecting device change");
+        const deviceListChangeEvent = new $c31e3fb4360572af$var$SnapcallEvent("devicesListChange", {
+            detail: {}
+        });
         this.dispatchEvent(deviceListChangeEvent);
         if (!this.protoo.closed && this.micProducer) {
             const lists = await navigator.mediaDevices.enumerateDevices();
             const inputs = lists.filter((media)=>media.kind === "audioinput");
             // chrome default device
             if (inputs.length === 0) {
-                console.warn("no audio input device");
+                $c31e3fb4360572af$var$log.warn("onDeviceChange", "no audio input device");
                 await this.closeMicrophoneProducer();
                 return;
             }
@@ -1111,21 +1660,21 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
                 const change = lists.filter((elements)=>{
                     return !Boolean(this.devicesList.find((device)=>device.deviceId === elements.deviceId && device.label === elements.label));
                 });
-                console.log(change);
+                $c31e3fb4360572af$var$log.log("onDeviceChange", change);
                 this.devicesList = lists;
                 const hasAudioInputChange = Boolean(change.find((device)=>device.kind === "audioinput"));
                 if (change.length !== 0 && hasAudioInputChange === false) {
-                    console.log("no audio input change");
+                    $c31e3fb4360572af$var$log.warn("onDeviceChange", "no audio input change");
                     return;
                 }
-                console.log("detecting audio input change");
+                $c31e3fb4360572af$var$log.log("onDeviceChange", "detecting audio input change");
                 if (!this.audioInputDefaultDevice || this.audioInputDefaultDevice.label !== defaultDevice.label) {
-                    const event = new CustomEvent("defaultAudioDeviceChange", {
+                    const event = new $c31e3fb4360572af$var$SnapcallEvent("defaultAudioDeviceChange", {
                         detail: defaultDevice
                     });
                     this.audioInputDefaultDevice = defaultDevice;
                     this.dispatchEvent(event);
-                    console.log("new default audio input trying to switch new :", defaultDevice.deviceId, defaultDevice.label);
+                    $c31e3fb4360572af$var$log.log("onDeviceChange", "new default audio input trying to switch new :", defaultDevice.deviceId, defaultDevice.label);
                 }
                 this.switchMicrophone("default");
             }
@@ -1140,12 +1689,12 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
                 }
             }));
             this.devicesList = await navigator.mediaDevices.enumerateDevices();
-            if (!this.sendAudioTransports) throw new Error("audio transport not found");
+            const transport = await this.getTransport("audio", "send");
             this.audioLevel = new (0, $67e45b2e30dcc030$export$ea669869acd8f177)(stream, this);
-            this.audioLevel.analyse();
+            // this.audioLevel.analyse();
             const track = stream.getAudioTracks()[0];
             const deviceType = "microphone";
-            const micProducer = await this.sendAudioTransports?.transport.produce({
+            const micProducer = await transport.produce({
                 track: track,
                 codecOptions: {
                     opusStereo: true,
@@ -1156,18 +1705,20 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
                 }
             });
             micProducer.on("transportclose", ()=>{
-                console.log("micproducer transportclose");
+                $c31e3fb4360572af$var$log.log("enableMicrophone", "micproducer transportclose");
             });
             track.addEventListener("ended", ()=>{
-                console.log("track ended!");
+                $c31e3fb4360572af$var$log.log("enableMicrophone", "track ended!");
             });
             micProducer.on("trackended", async ()=>{
-                console.log("microphone disconnected!");
+                $c31e3fb4360572af$var$log.log("enableMicrophone", "microphone disconnected!");
                 if (navigator.mediaDevices.ondevicechange === undefined) this.closeMicrophoneProducer();
             });
             this.micProducer = micProducer;
             this.muted = false;
-            const event = new CustomEvent("microphoneEnabled");
+            const event = new $c31e3fb4360572af$var$SnapcallEvent("microphoneEnabled", {
+                detail: {}
+            });
             this.dispatchEvent(event);
         }
     }
@@ -1179,7 +1730,9 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
                 producerId: this.micProducer?.id
             });
             this.muted = true;
-            const event = new CustomEvent("microphoneMute");
+            const event = new $c31e3fb4360572af$var$SnapcallEvent("microphoneMute", {
+                detail: {}
+            });
             this.dispatchEvent(event);
         }
     }
@@ -1191,7 +1744,9 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
                 producerId: this.micProducer.id
             });
             this.muted = false;
-            const event = new CustomEvent("microphoneUnmute");
+            const event = new $c31e3fb4360572af$var$SnapcallEvent("microphoneUnmute", {
+                detail: {}
+            });
             this.dispatchEvent(event);
         }
     }
@@ -1209,11 +1764,8 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
         }
     }
     release() {
-        console.log("release");
-        this.closeWebrtcTransport(this.sendAudioTransports);
-        this.closeWebrtcTransport(this.recvAudioTransports);
-        this.closeWebrtcTransport(this.sendVideoTransports);
-        this.closeWebrtcTransport(this.recvVideoTransports);
+        $c31e3fb4360572af$var$log.log("release");
+        for(let key in this.mediasoupTransport)this.closeWebrtcTransport(this.mediasoupTransport[key]);
         this.webcamTrack?.stop();
         this.webcamTrack = null;
         this.protooTransport.close();
@@ -1229,10 +1781,12 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
     }
     endCall() {
         this.release();
-        const event = new CustomEvent("leaveRoom");
+        const event = new $c31e3fb4360572af$var$SnapcallEvent("leaveRoom", {
+            detail: {}
+        });
         this.dispatchEvent(event);
         const deprecatedEvent = new CustomEvent("snapcallEvent_callEnd");
-        this.dispatchEvent(deprecatedEvent);
+        window.dispatchEvent(deprecatedEvent);
     }
     terminateRoom() {
         this.protoo.request("terminateRoom");
@@ -1246,7 +1800,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
         }
         if (this.webcams.size === 0) this.webcam.device = null;
         else if (!this.webcam.device) this.webcam.device = this.webcams.values().next().value;
-        const event = new CustomEvent("webcamsUpdate", {
+        const event = new $c31e3fb4360572af$var$SnapcallEvent("webcamsUpdate", {
             detail: {
                 numberOfAvailableWebcams: this.webcams.size
             }
@@ -1283,18 +1837,18 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
         }
     }
     async restartIce(transport) {
-        console.log("restartIce", transport.connectionState, transport.closed);
+        $c31e3fb4360572af$var$log.log("restartIce", transport.connectionState, transport.closed);
         if (transport.connectionState === "disconnected" && !transport.closed) try {
             const iceParameters = await this.protoo.request("restartIce", {
                 transportId: transport.id
             });
-            console.log(iceParameters);
+            $c31e3fb4360572af$var$log.log("restartIce", iceParameters);
             await transport.restartIce({
                 iceParameters: iceParameters
             });
         } catch (err) {
             this.onCriticalError($c31e3fb4360572af$export$818d60b2e626da0c.WEBRTC_RECOVER_ERROR);
-            console.log("restartIceFailed", err);
+            $c31e3fb4360572af$var$log.log("restartIce", "restartIceFailed", err);
             $3Sbms$captureException(err, {
                 extra: {
                     direction: transport.direction,
@@ -1303,7 +1857,16 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
             });
         }
     }
-    scaleVideo() {
+    scaleVideoMediasConstraintsParameter(scale) {
+        let videoResolution = $c31e3fb4360572af$export$d21ffcc5eb136bfa["hd"];
+        if (scale === 2) videoResolution = $c31e3fb4360572af$export$d21ffcc5eb136bfa["vga"];
+        else if (scale > 2) videoResolution = $c31e3fb4360572af$export$d21ffcc5eb136bfa["qvga"];
+        if (!this.webcam.resolution || $c31e3fb4360572af$export$d21ffcc5eb136bfa[this.webcam.resolution].qualityIndex >= videoResolution.qualityIndex) {
+            $c31e3fb4360572af$var$log.log("scaleVideoMediasConstraintsParameter", `scaling video by ${scale}`, videoResolution);
+            this.webcamProducer?.track?.applyConstraints(videoResolution);
+        }
+    }
+    scaleVideoEncodingsParameter() {
         try {
             let videoCount = 0;
             this.consumers.forEach((consumer)=>{
@@ -1319,14 +1882,16 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
             if (videoCount >= 9) scale = {
                 scaleResolutionDownBy: 4
             };
+            if (!(0, $3Sbms$Producer).prototype.setRtpEncodingParameters) return this.scaleVideoMediasConstraintsParameter(scale.scaleResolutionDownBy);
             if (this.webcamProducer && !this.webcamProducer.closed) {
-                console.log(`scaling video by ${scale.scaleResolutionDownBy}`);
+                $c31e3fb4360572af$var$log.log("scaleVideoEncodingsParameter", `scaling video by ${scale.scaleResolutionDownBy}`);
                 this.webcamProducer?.setRtpEncodingParameters?.(scale).catch((err)=>{
-                    console.error("scaleResolutionDownBy not supported", err);
+                    $c31e3fb4360572af$var$log.error("scaleVideoEncodingsParameter", "scaleResolutionDownBy not supported", err);
+                    this.scaleVideoMediasConstraintsParameter(scale.scaleResolutionDownBy);
                 });
             }
         } catch (error) {
-            console.error("scaleVideo error", error);
+            $c31e3fb4360572af$var$log.error("scaleVideoEncodingsParameter", "scaleVideo error", error);
         }
     }
     async switchWebcam({ device: device , resolution: resolution , rotate: rotate  }) {
@@ -1353,7 +1918,8 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
                 ...$c31e3fb4360572af$export$d21ffcc5eb136bfa[resolution || this.webcam.resolution]
             }
         }));
-        if (!this.sendVideoTransports) throw new Error("video transport not found");
+        const transport = await this.getTransport("video", "send");
+        if (!transport) throw new Error("video transport not found, can not switch");
         const track = stream.getVideoTracks()[0];
         this.webcamTrack = track;
         await this.webcamProducer?.replaceTrack?.({
@@ -1365,7 +1931,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
             min: capabilities?.zoom?.min || 0,
             max: capabilities?.zoom?.max || 0
         };
-        const event = new CustomEvent("localVideoChange", {
+        const event = new $c31e3fb4360572af$var$SnapcallEvent("localVideoChange", {
             detail: {
                 camera: this.getCurrentWebcam()
             }
@@ -1384,7 +1950,8 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
                 ...$c31e3fb4360572af$export$d21ffcc5eb136bfa[config?.resolution || this.webcam.resolution]
             }
         }));
-        if (!this.sendVideoTransports) throw new Error("video transport not found");
+        await this.updateWebcams();
+        const transport = await this.getTransport("video", "send");
         const track = stream.getVideoTracks()[0];
         this.webcamTrack = track;
         const capabilities = await track.getCapabilities?.() || navigator.mediaDevices.getSupportedConstraints?.();
@@ -1398,7 +1965,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
             videoGoogleStartBitrate: 1000
         };
         const deviceType = "webcam";
-        this.webcamProducer = await this.sendVideoTransports.transport.produce({
+        this.webcamProducer = await transport.produce({
             track: track,
             encodings: encodings,
             codecOptions: codecOptions,
@@ -1407,14 +1974,14 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
                 deviceType: deviceType
             }
         });
-        this.scaleVideo();
+        this.scaleVideoEncodingsParameter();
         this.webcamProducer.on("transportclose", ()=>{
             this.webcamProducer = null;
         });
         this.webcamProducer.on("trackended", ()=>{
             this.disableVideo().catch(()=>{});
         });
-        const event = new CustomEvent("localVideoAvailable", {
+        const event = new $c31e3fb4360572af$var$SnapcallEvent("localVideoAvailable", {
             detail: {
                 camera: this.getCurrentWebcam()
             }
@@ -1455,7 +2022,9 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
             producerId: this.webcamProducer.id
         });
         this.webcamProducer = null;
-        const event = new CustomEvent("localVideoUnavailable");
+        const event = new $c31e3fb4360572af$var$SnapcallEvent("localVideoUnavailable", {
+            detail: {}
+        });
         this.dispatchEvent(event);
     }
     async enableScreenshare() {
@@ -1476,14 +2045,14 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
             }
         }));
         if (!stream) return;
-        if (!this.sendVideoTransports) throw new Error("video screen transport not found");
+        const transport = await this.getTransport("video", "send");
         const track = stream.getVideoTracks()[0];
         const encodings = undefined;
         const codecOptions = {
             videoGoogleStartBitrate: 1000
         };
         let deviceType = "screen";
-        this.screenshareProducer = await this.sendVideoTransports.transport.produce({
+        this.screenshareProducer = await transport.produce({
             track: track,
             encodings: encodings,
             codecOptions: codecOptions,
@@ -1498,7 +2067,9 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
         this.screenshareProducer.on("trackended", ()=>{
             this.disableScreenshare().catch(()=>{});
         });
-        const event = new CustomEvent("screenshareEnabled");
+        const event = new $c31e3fb4360572af$var$SnapcallEvent("screenshareEnabled", {
+            detail: {}
+        });
         this.dispatchEvent(event);
     }
     async disableScreenshare() {
@@ -1509,7 +2080,9 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
             });
             this.screenshareProducer = null;
         }
-        const event = new CustomEvent("screenshareDisabled");
+        const event = new $c31e3fb4360572af$var$SnapcallEvent("screenshareDisabled", {
+            detail: {}
+        });
         this.dispatchEvent(event);
     }
     onConsumerClose({ consumerId: consumerId  }) {
@@ -1522,26 +2095,28 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
             });
             consumer.mediaSoupConsumer.close();
             this.consumers.delete(consumerId);
-            this.scaleVideo();
-            const event = new CustomEvent("consumerClose", {
+            this.scaleVideoEncodingsParameter();
+            const event = new $c31e3fb4360572af$var$SnapcallEvent("mediaStop", {
                 detail: {
-                    peerId: consumer.mediaSoupConsumer.appData.peerId,
-                    deviceType: consumer.deviceType
+                    mediaId: consumerId,
+                    peerId: String(consumer.mediaSoupConsumer.appData.peerId),
+                    deviceType: consumer.deviceType,
+                    paused: false
                 }
             });
             if (consumer.deviceType === "microphone") this.deleteAudioRenderer(consumerId);
             this.dispatchEvent(event);
         }
     }
-    requestVideo({ consumerId: consumerId , element: element  }) {
-        const consumer = this.consumers.get(consumerId);
+    requestVideo({ mediaId: mediaId , element: element  }) {
+        const consumer = this.consumers.get(mediaId);
         if (consumer) {
             const mediaStream = new MediaStream();
-            mediaStream.onremovetrack = ()=>console.log("Remove Track");
-            consumer.mediaSoupConsumer.track.onended = ()=>console.log("Track Ended");
+            mediaStream.onremovetrack = ()=>$c31e3fb4360572af$var$log.log("requestVideo", "Remove Track");
+            consumer.mediaSoupConsumer.track.onended = ()=>$c31e3fb4360572af$var$log.log("requestVideo", "Track Ended");
             mediaStream.addTrack(consumer.mediaSoupConsumer.track);
             element.srcObject = mediaStream;
-        } else console.error(`Video consumer ${consumer} not found`);
+        } else $c31e3fb4360572af$var$log.error("requestVideo", `Video consumer ${consumer} not found`);
     }
     async captureVideo(videoElement) {
         let image;
@@ -1566,7 +2141,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
             const mediaStream = new MediaStream();
             mediaStream.addTrack(this.screenshareProducer.track);
             element.srcObject = mediaStream;
-        } else console.log("screenshare producer not available yet");
+        } else $c31e3fb4360572af$var$log.log("requestLocalScreenshare", "screenshare producer not available yet");
     }
     consumePeer({ peerId: peerId , producersData: producersData  }) {
         producersData.forEach((producerData)=>{
@@ -1578,18 +2153,14 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
             });
         });
     }
-    getRecvTransport(deviceType) {
-        if (deviceType === "microphone") return this.recvAudioTransports;
-        else return this.recvVideoTransports;
-    }
     async consumeProducer({ peerId: peerId , producerId: producerId , deviceType: deviceType , paused: paused  }) {
-        const transport = this.getRecvTransport(deviceType);
-        if (!transport) throw new Error(`transport for ${deviceType} not found`);
+        const mediaKind = deviceType === "microphone" ? "audio" : "video";
+        const transport = await this.getTransport(mediaKind, "recv");
         const data = await this.protoo.request("consume", {
             peerId: peerId,
             producerId: producerId,
-            transportId: transport.transport.id,
-            rtpCapabilities: this.mediasoupDevice.rtpCapabilities
+            transportId: transport.id,
+            rtpCapabilities: this.streamerMediasoup.getRtpCapabilities()
         });
         const peer = this.peers.get(peerId);
         if (peer) peer.producersData.push({
@@ -1598,9 +2169,9 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
             paused: paused
         });
         const { producerId: resolvedProducerId , id: id , kind: kind , rtpParameters: rtpParameters , appData: appData  } = data;
-        console.log("Data: ", data);
+        $c31e3fb4360572af$var$log.log("consumeProducer", "Data: ", data);
         try {
-            const consumer = await transport.transport.consume({
+            const consumer = await transport.consume({
                 id: id,
                 producerId: resolvedProducerId,
                 kind: kind,
@@ -1610,17 +2181,17 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
                     peerId: peerId
                 }
             });
-            console.log("transport", transport.transport);
-            console.log("consumer", consumer);
+            $c31e3fb4360572af$var$log.log("transport", transport);
+            $c31e3fb4360572af$var$log.log("consumer", consumer);
             this.consumers.set(consumer.id, {
                 mediaSoupConsumer: consumer,
                 deviceType: deviceType
             });
-            this.scaleVideo();
-            const event = new CustomEvent("newConsumer", {
+            this.scaleVideoEncodingsParameter();
+            const event = new $c31e3fb4360572af$var$SnapcallEvent("mediaStart", {
                 detail: {
                     peerId: peerId,
-                    consumerId: consumer.id,
+                    mediaId: consumer.id,
                     deviceType: deviceType,
                     paused: paused
                 }
@@ -1638,18 +2209,32 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
             });
         } catch (error) {
             this.onCriticalError($c31e3fb4360572af$export$818d60b2e626da0c.CONSUME_ERROR);
-            console.error("newConsumer request failed", error);
+            $c31e3fb4360572af$var$log.error("consumeProducer", "newConsumer request failed", error);
             throw error;
         }
     }
     async setDisplayName(displayName) {
-        this.displayName = displayName;
-        await this.protoo.request("setDisplayName", {
-            displayName: displayName
+        await this.setProfile({
+            name: displayName
+        });
+        const event = new $c31e3fb4360572af$var$SnapcallEvent("selfDisplayName", {
+            detail: {
+                peerId: this.peerId,
+                displayName: this.profile?.name,
+                profile: this.profile
+            }
         });
-        const event = new CustomEvent("selfDisplayName", {
+        this.dispatchEvent(event);
+    }
+    async setProfile(profile) {
+        const newProfile = await this.protoo.request("setProfile", profile);
+        this.profile = {
+            ...newProfile
+        };
+        const event = new $c31e3fb4360572af$var$SnapcallEvent("selfProfileUpdate", {
             detail: {
-                displayName: displayName
+                peerId: this.peerId,
+                profile: this.profile
             }
         });
         this.dispatchEvent(event);
@@ -1668,7 +2253,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
             const { callId: callId  } = await this.protoo.request("getCallId");
             return callId;
         } catch (err) {
-            console.error("Failed to get callId");
+            $c31e3fb4360572af$var$log.error("getCallId", "Failed to get callId");
             throw err;
         }
     }
@@ -1742,8 +2327,17 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
     getCurrentWebcam() {
         return this.webcam;
     }
-    getWebcamsList() {
-        return this.webcams;
+    getCurrentMicrophoneId() {
+        return this.micProducer?.track?.getSettings().deviceId;
+    }
+    getCurrentSpeakerId() {
+        const audioRendererKeys = Object.keys(this.audioRenderers);
+        const firstRenderer = this.audioRenderers[audioRendererKeys[0]];
+        if (firstRenderer) {
+            const sinkId = firstRenderer.getSink();
+            if (sinkId) return sinkId;
+        }
+        return "default";
     }
     async setWebcamResolution(resolution) {
         if (this.webcam.device) await this.switchWebcam({
@@ -1751,7 +2345,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
         });
         else {
             this.webcam.resolution = resolution;
-            const e = new CustomEvent("localVideoChange", {
+            const e = new $c31e3fb4360572af$var$SnapcallEvent("localVideoChange", {
                 detail: {
                     camera: this.getCurrentWebcam()
                 }
@@ -1774,7 +2368,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
         await this.audioRenderers[consumerId]?.play();
     }
     async setAudioSink(sinkId) {
-        const promises = Object.keys(this.audioRenderers).map((consumerId)=>this.audioRenderers[consumerId].setSink(sinkId).catch((err)=>console.warn("Failed to setSinkId on renderer (consumerId: %s): ", consumerId, err)));
+        const promises = Object.keys(this.audioRenderers).map((consumerId)=>this.audioRenderers[consumerId].setSink(sinkId).catch((err)=>$c31e3fb4360572af$var$log.warn("setAudioSink", "Failed to setSinkId on renderer (consumerId: %s): ", consumerId, err)));
         await Promise.allSettled(promises);
     }
     dispatchEvent(event) {
@@ -1782,11 +2376,24 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
         window.dispatchEvent(event);
         return result;
     }
-    async getShareLinkData(url) {
-        const data = await this.protoo.request("shareLink", {
-            url: url
+    async fetchAgentInfo({ apiKey: apiKey , email: email  }) {
+        const apiURL = this.config.apiUrl;
+        const agent = await fetch(`${apiURL}/agents/${email}`, {
+            method: "get",
+            headers: {
+                Authorization: `Bearer ${apiKey}`
+            }
+        }).then((response)=>{
+            if (response.ok) return response.json();
+            throw new Error("Invalid agent info");
         });
-        return data;
+        return agent;
+    }
+    setConfig(config) {
+        this.config = {
+            ...this.config,
+            ...config
+        };
     }
 }
 
@@ -1811,7 +2418,7 @@ let $2884da8a64948e35$export$96a9662a3eda31f6;
     StreamsReducerActionTypes1[StreamsReducerActionTypes1["UNMUTE"] = 5] = "UNMUTE";
     StreamsReducerActionTypes1[StreamsReducerActionTypes1["SET_HIGHLIGHTED_TILE"] = 6] = "SET_HIGHLIGHTED_TILE";
     StreamsReducerActionTypes1[StreamsReducerActionTypes1["UNSET_HIGHLIGHTED_TILE"] = 7] = "UNSET_HIGHLIGHTED_TILE";
-    StreamsReducerActionTypes1[StreamsReducerActionTypes1["SET_STREAM_DISPLAY_NAME"] = 8] = "SET_STREAM_DISPLAY_NAME";
+    StreamsReducerActionTypes1[StreamsReducerActionTypes1["SET_STREAM_PROFILE"] = 8] = "SET_STREAM_PROFILE";
     StreamsReducerActionTypes1[StreamsReducerActionTypes1["SET_STREAM_SPEAKING"] = 9] = "SET_STREAM_SPEAKING";
 })($2884da8a64948e35$export$96a9662a3eda31f6 || ($2884da8a64948e35$export$96a9662a3eda31f6 = {}));
 const $2884da8a64948e35$export$7fc21eab2c971c9c = {
@@ -1843,7 +2450,7 @@ const $2884da8a64948e35$export$43fc78ab8758f39 = (state, action)=>{
             };
         case $2884da8a64948e35$export$96a9662a3eda31f6.DEVICE_UPDATE:
             {
-                const { streamId: streamId , consumerId: consumerId , device: device , available: available , paused: paused  } = action.payload;
+                const { streamId: streamId , mediaId: mediaId , device: device , available: available , paused: paused  } = action.payload;
                 return {
                     ...state,
                     streams: state.streams.map((stream)=>{
@@ -1852,7 +2459,7 @@ const $2884da8a64948e35$export$43fc78ab8758f39 = (state, action)=>{
                             if (device === "microphone") muted = paused;
                             return {
                                 ...stream,
-                                [device]: available ? consumerId : null,
+                                [device]: available ? mediaId : null,
                                 muted: muted
                             };
                         }
@@ -1892,13 +2499,13 @@ const $2884da8a64948e35$export$43fc78ab8758f39 = (state, action)=>{
                 ...state,
                 highlightedTile: null
             };
-        case $2884da8a64948e35$export$96a9662a3eda31f6.SET_STREAM_DISPLAY_NAME:
+        case $2884da8a64948e35$export$96a9662a3eda31f6.SET_STREAM_PROFILE:
             return {
                 ...state,
                 streams: state.streams.map((stream)=>{
                     if (stream.id === action.payload.streamId) return {
                         ...stream,
-                        displayName: action.payload.displayName
+                        profile: action.payload.profile
                     };
                     return stream;
                 })
@@ -2117,6 +2724,7 @@ const $2da9626742e3560b$export$5170987d58ae338d = ()=>/*#__PURE__*/ (0, $3Sbms$j
 
 
 
+
 const $e1413aacdaa5a03e$export$71b2224f1ce5e08e = (ref, action)=>{
     (0, $3Sbms$useEffect)(()=>{
         const onWindowClick = (event)=>{
@@ -2137,6 +2745,7 @@ const $e1413aacdaa5a03e$export$71b2224f1ce5e08e = (ref, action)=>{
 
 
 
+
 const $4ee077ee5e6fe3e7$export$d00c23c5e97ada8 = (0, $3Sbms$styledcomponents).div`
   display: flex;
   flex-direction: column;
@@ -2200,6 +2809,7 @@ const $4ee077ee5e6fe3e7$export$6755b81a599fadda = (0, $3Sbms$styledcomponents).s
 
 
 const $59d1053cd71d481a$var$Menu = ({ categories: categories  })=>{
+    const { t: t  } = (0, $3Sbms$useTranslation)();
     return /*#__PURE__*/ (0, $3Sbms$jsx)((0, $4ee077ee5e6fe3e7$export$b286f91cddfedb5a), {
         children: categories.map((category)=>/*#__PURE__*/ (0, $3Sbms$jsxs)((0, $4ee077ee5e6fe3e7$export$d00c23c5e97ada8), {
                 children: [
@@ -2221,7 +2831,7 @@ const $59d1053cd71d481a$var$Menu = ({ categories: categories  })=>{
                                 }),
                                 item.title,
                                 item.isNew && /*#__PURE__*/ (0, $3Sbms$jsx)((0, $4ee077ee5e6fe3e7$export$6755b81a599fadda), {
-                                    children: "NEW"
+                                    children: t("menu.new")
                                 })
                             ]
                         }, item.id))
@@ -2313,6 +2923,7 @@ const $ab29487ffcc05855$export$c4e460d5c7d83bc3 = (0, $3Sbms$styledcomponents).d
 
 
 const $ae6e25be45301335$var$HeaderSettings = ({ baseCategories: baseCategories , extraCategories: extraCategories  })=>{
+    const { t: t  } = (0, $3Sbms$useTranslation)();
     const settingsOptionsContainerRef = (0, $3Sbms$useRef)(null);
     const [displaySettingsOptions, setDisplaySettingsOptions] = (0, $3Sbms$useState)(false);
     const [menuCategories, setMenuCategories] = (0, $3Sbms$useState)(baseCategories);
@@ -2405,7 +3016,7 @@ const $ae6e25be45301335$var$HeaderSettings = ({ baseCategories: baseCategories ,
                 children: [
                     /*#__PURE__*/ (0, $3Sbms$jsx)((0, $ab29487ffcc05855$export$e2457e1974c298c3), {
                         onClick: onSettingsButtonClick,
-                        children: "Menu"
+                        children: t("menu.title")
                     }),
                     displaySettingsOptions && /*#__PURE__*/ (0, $3Sbms$jsx)((0, $ab29487ffcc05855$export$c4e460d5c7d83bc3), {
                         ref: settingsOptionsContainerRef,
@@ -2422,6 +3033,7 @@ var $ae6e25be45301335$export$2e2bcd8739ae039 = $ae6e25be45301335$var$HeaderSetti
 
 
 
+
 const $e96d119a19ed0c6c$var$computeLayout = ({ width: width , height: height , tileCount: tileCount  })=>{
     const tilesPerRow = Math.min(tileCount, 12);
     let n = 0;
@@ -2517,7 +3129,7 @@ class $e96d119a19ed0c6c$export$45fabd1ce5e673de {
             await this.video.play();
             await this.video.requestPictureInPicture();
             this.draw();
-        } else (0, $3Sbms$toast)("No camera available", {
+        } else (0, $3Sbms$toast)((0, $384d985bb9605c35$export$2e2bcd8739ae039).t("notifications.noCamera"), {
             className: "error"
         });
     }
@@ -2599,6 +3211,7 @@ class $e96d119a19ed0c6c$export$45fabd1ce5e673de {
 const $f235befa4cdc42d6$var$multiPiP = new (0, $e96d119a19ed0c6c$export$45fabd1ce5e673de)();
 const $f235befa4cdc42d6$var$browser = $3Sbms$parse(window.navigator.userAgent);
 const $f235befa4cdc42d6$var$Header = ()=>{
+    const { t: t  } = (0, $3Sbms$useTranslation)();
     const { setIsQuickConnectPopupVisible: setIsQuickConnectPopupVisible , setIsSettingsMenuVisible: setIsSettingsMenuVisible , options: options , muted: muted , streaming: streaming  } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
     const { streams: streams  } = (0, $cce9fd41d8a55a18$export$b5633a7cfbe42d9f)();
     const [extraOptions, setExtraOptions] = (0, $3Sbms$useState)(options.extraSettingsOptions || []);
@@ -2627,12 +3240,12 @@ const $f235befa4cdc42d6$var$Header = ()=>{
         const onCopyCallLinkClick = async ()=>{
             try {
                 await (0, $57162bcada7d6f66$export$2e2bcd8739ae039)(options.sharedURL || window.location.href);
-                (0, $3Sbms$reacthottoast)("Link copied to clipboard", {
+                (0, $3Sbms$reacthottoast)(t("copyLink.copied"), {
                     duration: 2000
                 });
             } catch (copyError) {
                 console.warn(copyError);
-                (0, $3Sbms$reacthottoast)("An error occured when trying to copy to clipboard", {
+                (0, $3Sbms$reacthottoast)(t("copyLink.error"), {
                     className: "error"
                 });
             }
@@ -2658,7 +3271,7 @@ const $f235befa4cdc42d6$var$Header = ()=>{
                 items: [
                     {
                         id: "openNewTab",
-                        title: "Open new tab",
+                        title: t("menu.openNewTab"),
                         jsxIcon: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $2da9626742e3560b$export$6546b255bd3a2004), {}),
                         action: onOpenInNewTabClick
                     }, 
@@ -2669,13 +3282,13 @@ const $f235befa4cdc42d6$var$Header = ()=>{
                 items: [
                     {
                         id: "copyLink",
-                        title: "Copy link",
+                        title: t("copyLink.title"),
                         jsxIcon: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $2da9626742e3560b$export$92ce62e1201c4fc0), {}),
                         action: onCopyCallLinkClick
                     },
                     {
                         id: "quickConnect",
-                        title: "Quick Connect",
+                        title: t("quickConnect.title"),
                         jsxIcon: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $2da9626742e3560b$export$6470d09a29d34d08), {}),
                         action: onScanQuickConnectClick
                     }, 
@@ -2686,7 +3299,7 @@ const $f235befa4cdc42d6$var$Header = ()=>{
                 items: [
                     {
                         id: "settings",
-                        title: "Settings",
+                        title: t("settings.title"),
                         jsxIcon: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $2da9626742e3560b$export$1095c93890fce526), {}),
                         action: onSettingsMenuClick
                     }, 
@@ -2695,7 +3308,7 @@ const $f235befa4cdc42d6$var$Header = ()=>{
         ];
         if (document.pictureInPictureEnabled && $f235befa4cdc42d6$var$browser.platform.type === "desktop") computedCategories[0].items.push({
             id: "pip",
-            title: "Picture-in-Picture",
+            title: t("menu.pictureInPicture"),
             jsxIcon: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $2da9626742e3560b$export$5170987d58ae338d), {}),
             action: onPipClick
         });
@@ -2705,7 +3318,8 @@ const $f235befa4cdc42d6$var$Header = ()=>{
         streaming,
         options.sharedURL,
         setIsQuickConnectPopupVisible,
-        setIsSettingsMenuVisible, 
+        setIsSettingsMenuVisible,
+        t, 
     ]);
     return /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $ab29487ffcc05855$export$1e86fd0e1db89578), {
         children: [
@@ -2763,6 +3377,7 @@ const $af23c74942bdcae7$export$2b86bedf890eab8 = (element)=>{
 
 
 
+
 const $6043ae1b48c5aa97$var$Microphone = ({ slash: slash , redSlash: redSlash , status: status , deviceRequest: deviceRequest  })=>{
     if (slash) return /*#__PURE__*/ (0, $3Sbms$jsxs)("svg", {
         width: "24",
@@ -3170,13 +3785,23 @@ const $7ec04c1818c68245$export$f6525863ef5a71a9 = (0, $3Sbms$styledcomponents).d
   align-items: center;
   width: 14px;
   height: 14px;
-  padding: 3px 4px;
   box-sizing: border-box;
   background-color: #2d2d2d;
   border-radius: 50px;
   font-size: 9px;
   font-weight: 700;
   line-height: 8px;
+
+  svg {
+    width: 8px;
+    height: 8px;
+  }
+`;
+const $7ec04c1818c68245$export$a7a74ab5cffd1455 = (0, $3Sbms$styledcomponents).img`
+  width: 100%;
+  height: 100%;
+  border-radius: inherit;
+  object-fit: cover;
 `;
 const $7ec04c1818c68245$export$f217faec90120a0c = (0, $3Sbms$styledcomponents).div`
   display: flex;
@@ -3255,11 +3880,6 @@ const $7ec04c1818c68245$export$a2930b41faa750f4 = (0, $3Sbms$styledcomponents).s
   line-height: 20px;
   color: #fff;
 `;
-const $7ec04c1818c68245$export$2d75367b6e042d67 = (0, $3Sbms$styledcomponents).img`
-  width: inherit;
-  height: inherit;
-  border-radius: inherit;
-`;
 const $7ec04c1818c68245$export$26fe7ec9351ff761 = (0, $3Sbms$styledcomponents).img`
   border: 2px solid #fff;
   border-radius: 8px;
@@ -3500,6 +4120,17 @@ const $6efc75079651494a$export$500c3c5544c37412 = (0, $3Sbms$styledcomponents)((
   font-weight: 700;
   line-height: 13px;
 `;
+const $6efc75079651494a$export$88248b9be937544a = (0, $3Sbms$styledcomponents).div`
+  display: flex;
+  align-items: center;
+  font-size: 18px;
+  line-height: 15px;
+
+  svg {
+    width: 12px;
+    height: 12px;
+  }
+`;
 
 
 
@@ -3509,6 +4140,7 @@ const $a53a1c6f62ad0fcc$var$getRequestButtonSize = (containerWidth)=>{
     return "large";
 };
 const $a53a1c6f62ad0fcc$var$StreamTile = ({ stream: stream , width: width = 0 , height: height = 0  })=>{
+    const { t: t  } = (0, $3Sbms$useTranslation)();
     const videoElementRef = (0, $3Sbms$useRef)(null);
     const [hover, setHover] = (0, $3Sbms$useState)(false);
     const [requestingDevice, setRequestingDevice] = (0, $3Sbms$useState)(null);
@@ -3518,7 +4150,7 @@ const $a53a1c6f62ad0fcc$var$StreamTile = ({ stream: stream , width: width = 0 ,
     const { highlightedTile: highlightedTile  } = (0, $cce9fd41d8a55a18$export$b5633a7cfbe42d9f)();
     const isSharingScreen = highlightedTile?.type === "screenshare" && highlightedTile.peerId === selfPeerId;
     const microphoneActive = stream.microphone && !stream.muted;
-    const showRequestDevice = !requestingDevice && hover && !highlightedTile && (!microphoneActive || !stream.webcam);
+    const showRequestDevice = !requestingDevice && hover && !highlightedTile && (!microphoneActive || !stream.webcam || !isSharingScreen);
     const tileWidth = `${width}px`;
     const tileHeight = `${height}px`;
     const videoMaxHeight = "100%";
@@ -3540,7 +4172,7 @@ const $a53a1c6f62ad0fcc$var$StreamTile = ({ stream: stream , width: width = 0 ,
     (0, $3Sbms$useEffect)(()=>{
         if (!videoElementRef.current) throw new Error("videoElementRef not available");
         if (stream.webcam && videoElementRef.current) (0, $c9e496369b59be7a$export$2f377c2162fd02b2).requestVideo({
-            consumerId: stream.webcam,
+            mediaId: stream.webcam,
             element: videoElementRef.current
         });
         else if (!stream.webcam) videoElementRef.current.srcObject = null;
@@ -3552,7 +4184,7 @@ const $a53a1c6f62ad0fcc$var$StreamTile = ({ stream: stream , width: width = 0 ,
             if (requestingDeviceTimeoutRef.current) clearTimeout(requestingDeviceTimeoutRef.current);
             requestingDeviceTimeoutRef.current = setTimeout(()=>{
                 setRequestingDevice(null);
-                (0, $3Sbms$reacthottoast)("Your request has timed out.", {
+                (0, $3Sbms$reacthottoast)(t("requestDevice.timedOut"), {
                     className: "error"
                 });
             }, 20000);
@@ -3561,7 +4193,8 @@ const $a53a1c6f62ad0fcc$var$StreamTile = ({ stream: stream , width: width = 0 ,
             };
         } else setHover(false);
     }, [
-        requestingDevice
+        requestingDevice,
+        t
     ]);
     (0, $3Sbms$useEffect)(()=>{
         const onRequestDeviceResult = (event)=>{
@@ -3570,8 +4203,10 @@ const $a53a1c6f62ad0fcc$var$StreamTile = ({ stream: stream , width: width = 0 ,
                 if (requestingDeviceTimeoutRef.current) clearTimeout(requestingDeviceTimeoutRef.current);
                 setRequestingDevice(null);
                 if (result !== true) {
-                    let message = "Your request has been declined.";
-                    if (stream.displayName) message = `${stream.displayName} has declined your request.`;
+                    let message = t("requestDevice.declined");
+                    if (stream.profile.name) message = t("requestDevice.userDeclined", {
+                        user: stream.profile.name
+                    });
                     (0, $3Sbms$reacthottoast)(message, {
                         className: "error"
                     });
@@ -3584,7 +4219,8 @@ const $a53a1c6f62ad0fcc$var$StreamTile = ({ stream: stream , width: width = 0 ,
         };
     }, [
         stream.id,
-        stream.displayName
+        stream.profile,
+        t
     ]);
     (0, $3Sbms$useEffect)(()=>{
         const onCustomMessage = async (event)=>{
@@ -3597,8 +4233,7 @@ const $a53a1c6f62ad0fcc$var$StreamTile = ({ stream: stream , width: width = 0 ,
             (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("customMessage", onCustomMessage);
         };
     }, [
-        stream.id,
-        stream.displayName
+        stream.id
     ]);
     return /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $7ec04c1818c68245$export$798352b46783b18d), {
         onMouseEnter: onMouseEnter,
@@ -3647,7 +4282,7 @@ const $a53a1c6f62ad0fcc$var$StreamTile = ({ stream: stream , width: width = 0 ,
                 children: [
                     /*#__PURE__*/ (0, $3Sbms$jsx)((0, $7ec04c1818c68245$export$df42e007689062b0), {
                         size: requestButtonSize,
-                        children: "Request input devices"
+                        children: t("requestDevice.requestInput")
                     }),
                     /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $7ec04c1818c68245$export$81d5557f9199e44d), {
                         size: requestButtonSize,
@@ -3678,24 +4313,25 @@ const $a53a1c6f62ad0fcc$var$StreamTile = ({ stream: stream , width: width = 0 ,
                 ]
             }),
             !requestingDevice && !showRequestDevice && !stream.webcam && /*#__PURE__*/ (0, $3Sbms$jsx)((0, $7ec04c1818c68245$export$f217faec90120a0c), {
-                children: /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $7ec04c1818c68245$export$6ddfb572d7b6d164), {
-                    children: [
-                        stream.displayName && /*#__PURE__*/ (0, $3Sbms$jsx)((0, $7ec04c1818c68245$export$a2930b41faa750f4), {
-                            children: stream.displayName.slice(0, 1).toUpperCase()
-                        }),
-                        !stream.displayName && /*#__PURE__*/ (0, $3Sbms$jsx)((0, $57da43088f4a416a$export$2e2bcd8739ae039), {})
-                    ]
+                children: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $7ec04c1818c68245$export$6ddfb572d7b6d164), {
+                    children: stream.profile.image ? /*#__PURE__*/ (0, $3Sbms$jsx)((0, $7ec04c1818c68245$export$a7a74ab5cffd1455), {
+                        src: stream.profile.image
+                    }) : stream.profile.name ? /*#__PURE__*/ (0, $3Sbms$jsx)((0, $7ec04c1818c68245$export$a2930b41faa750f4), {
+                        children: stream.profile.name.slice(0, 1).toUpperCase()
+                    }) : /*#__PURE__*/ (0, $3Sbms$jsx)((0, $57da43088f4a416a$export$2e2bcd8739ae039), {})
                 })
             }),
             !showRequestDevice && /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $7ec04c1818c68245$export$a878cdfb933a1421), {
                 children: [
                     /*#__PURE__*/ (0, $3Sbms$jsx)((0, $7ec04c1818c68245$export$f6525863ef5a71a9), {
-                        children: stream.displayName ? /*#__PURE__*/ (0, $3Sbms$jsx)("span", {
-                            children: stream.displayName.slice(0, 1).toUpperCase()
+                        children: stream.profile.image ? /*#__PURE__*/ (0, $3Sbms$jsx)((0, $7ec04c1818c68245$export$a7a74ab5cffd1455), {
+                            src: stream.profile.image
+                        }) : stream.profile.name ? /*#__PURE__*/ (0, $3Sbms$jsx)("span", {
+                            children: stream.profile.name.slice(0, 1).toUpperCase()
                         }) : /*#__PURE__*/ (0, $3Sbms$jsx)((0, $57da43088f4a416a$export$2e2bcd8739ae039), {})
                     }),
                     /*#__PURE__*/ (0, $3Sbms$jsx)((0, $7ec04c1818c68245$export$b430fec6b171ceb5), {
-                        children: stream.displayName || "User"
+                        children: stream.profile.name || t("misc.user")
                     })
                 ]
             })
@@ -3768,10 +4404,10 @@ const $21c8ac858b8a352e$var$AudioTile = ({ stream: stream  })=>{
         children: [
             /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $76e24981612b551d$export$235e35bd03f702fb), {
                 children: [
-                    stream.displayName && /*#__PURE__*/ (0, $3Sbms$jsx)((0, $7ec04c1818c68245$export$a2930b41faa750f4), {
-                        children: stream.displayName.slice(0, 1).toUpperCase()
+                    stream.profile.name && /*#__PURE__*/ (0, $3Sbms$jsx)((0, $7ec04c1818c68245$export$a2930b41faa750f4), {
+                        children: stream.profile.name.slice(0, 1).toUpperCase()
                     }),
-                    !stream.displayName && /*#__PURE__*/ (0, $3Sbms$jsx)((0, $57da43088f4a416a$export$2e2bcd8739ae039), {}),
+                    !stream.profile.name && /*#__PURE__*/ (0, $3Sbms$jsx)((0, $57da43088f4a416a$export$2e2bcd8739ae039), {}),
                     /*#__PURE__*/ (0, $3Sbms$jsx)((0, $76e24981612b551d$export$95156eef6a2de99c), {
                         children: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $6043ae1b48c5aa97$export$2e2bcd8739ae039), {
                             redSlash: !isMicrophoneActive
@@ -3780,7 +4416,7 @@ const $21c8ac858b8a352e$var$AudioTile = ({ stream: stream  })=>{
                 ]
             }),
             /*#__PURE__*/ (0, $3Sbms$jsx)((0, $76e24981612b551d$export$a87ec69641e9884), {
-                children: stream.displayName
+                children: stream.profile.name
             })
         ]
     });
@@ -3796,6 +4432,7 @@ var $21c8ac858b8a352e$export$2e2bcd8739ae039 = $21c8ac858b8a352e$var$AudioTile;
 
 
 
+
 const $f260365f66cb6a6f$var$Reduce = ()=>/*#__PURE__*/ (0, $3Sbms$jsx)("svg", {
         width: "22",
         height: "22",
@@ -3818,7 +4455,7 @@ const $57ab7b9a012d9acd$var$Cross = ()=>/*#__PURE__*/ (0, $3Sbms$jsx)("svg", {
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg",
         children: /*#__PURE__*/ (0, $3Sbms$jsx)("path", {
-            d: "M7.21 7.21a.714.714 0 0 1 1.011 0l3.78 3.78 3.778-3.78a.716.716 0 0 1 1.012 1.011l-3.781 3.78 3.78 3.778a.716.716 0 0 1-.779 1.167.716.716 0 0 1-.232-.155L12 13.01l-3.779 3.78a.716.716 0 0 1-1.011-1.01L10.99 12 7.21 8.221a.714.714 0 0 1 0-1.011Z",
+            d: "m13.41 12 6.3-6.29a1.004 1.004 0 0 0-1.42-1.42L12 10.59l-6.29-6.3a1.004 1.004 0 1 0-1.42 1.42l6.3 6.29-6.3 6.29a.999.999 0 0 0 0 1.42 1 1 0 0 0 1.42 0l6.29-6.3 6.29 6.3a1.001 1.001 0 0 0 1.639-.325 1 1 0 0 0-.22-1.095L13.41 12Z",
             fill: "#fff"
         })
     });
@@ -3909,11 +4546,7 @@ const $b8e10de7c6dba8c4$export$a6112fefa8de799d = ({ containerWidth: containerWi
 
 
 
-const $7c705c3f08c6d4ca$var$deviceNames = {
-    microphone: "microphone",
-    webcam: "camera",
-    screen: "screen"
-};
+
 const $7c705c3f08c6d4ca$var$getIcon = (device)=>{
     if (device === "microphone") return 0, $6043ae1b48c5aa97$export$2e2bcd8739ae039;
     if (device === "webcam") return 0, $04e57b1f07a8e9f4$export$2e2bcd8739ae039;
@@ -3921,10 +4554,16 @@ const $7c705c3f08c6d4ca$var$getIcon = (device)=>{
     return 0, $6043ae1b48c5aa97$export$2e2bcd8739ae039;
 };
 const $7c705c3f08c6d4ca$var$DeviceRequest = ({ device: device , requesterId: requesterId , setExtended: setExtended , setDeviceRequest: setDeviceRequest  })=>{
+    const { t: t  } = (0, $3Sbms$useTranslation)();
     const { streams: streams  } = (0, $cce9fd41d8a55a18$export$b5633a7cfbe42d9f)();
     const [pending, setPending] = (0, $3Sbms$useState)(false);
     const requesterStream = streams.find((stream)=>stream.id === requesterId);
     const Icon = $7c705c3f08c6d4ca$var$getIcon(device);
+    const deviceNames = {
+        microphone: t("misc.microphone"),
+        webcam: t("misc.camera"),
+        screen: t("misc.screen")
+    };
     const onAccept = async ()=>{
         setExtended(false);
         setPending(true);
@@ -3959,24 +4598,22 @@ const $7c705c3f08c6d4ca$var$DeviceRequest = ({ device: device , requesterId: req
                         deviceRequest: true
                     })
                 }),
-                /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $6efc75079651494a$export$517ec31e58d61d2e), {
-                    children: [
-                        requesterStream?.displayName || "Someone",
-                        " would like you to share your",
-                        " ",
-                        $7c705c3f08c6d4ca$var$deviceNames[device]
-                    ]
+                /*#__PURE__*/ (0, $3Sbms$jsx)((0, $6efc75079651494a$export$517ec31e58d61d2e), {
+                    children: t("requestDevice.request", {
+                        user: requesterStream?.profile?.name || t("misc.someone"),
+                        device: deviceNames[device]
+                    })
                 }),
                 /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $6efc75079651494a$export$dfd6aceefcfce0c9), {
                     children: [
                         /*#__PURE__*/ (0, $3Sbms$jsx)((0, $6efc75079651494a$export$a85169f132f25a9d), {
                             onClick: onAccept,
                             active: true,
-                            children: "Accept"
+                            children: t("misc.accept")
                         }),
                         /*#__PURE__*/ (0, $3Sbms$jsx)((0, $6efc75079651494a$export$a85169f132f25a9d), {
                             onClick: onDecline,
-                            children: "Decline"
+                            children: t("misc.decline")
                         })
                     ]
                 })
@@ -4092,7 +4729,9 @@ const $d02c24b66b4606fd$export$ab7d69e250642927 = ({ element: element  })=>{
 
 
 
+
 const $1c906a2b66e07e70$var$MediaSession = ()=>{
+    const { t: t  } = (0, $3Sbms$useTranslation)();
     const { muted: muted , streaming: streaming  } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
     (0, $3Sbms$useEffect)(()=>{
         navigator.mediaSession?.setMicrophoneActive?.(!muted);
@@ -4110,7 +4749,7 @@ const $1c906a2b66e07e70$var$MediaSession = ()=>{
                     else await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).enableMicrophone();
                 } catch (microphoneToggleError) {
                     console.warn(microphoneToggleError);
-                    (0, $3Sbms$reacthottoast)("An error occured when trying to toggle the microphone (PiP)", {
+                    (0, $3Sbms$reacthottoast)(`${t("notifications.microphoneError")} (PiP)`, {
                         className: "error"
                     });
                 }
@@ -4126,7 +4765,7 @@ const $1c906a2b66e07e70$var$MediaSession = ()=>{
                     else await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).enableVideo();
                 } catch (cameraError) {
                     console.warn(cameraError);
-                    (0, $3Sbms$reacthottoast)("An error occured when trying to toggle the camera (PiP)", {
+                    (0, $3Sbms$reacthottoast)(`${t("notifications.cameraError")} (PiP)`, {
                         className: "error"
                     });
                 }
@@ -4141,7 +4780,9 @@ const $1c906a2b66e07e70$var$MediaSession = ()=>{
         } catch (hangupHandlerError) {
             console.warn("MediaSession hangup action is not available");
         }
-    }, []);
+    }, [
+        t
+    ]);
     return null;
 };
 var $1c906a2b66e07e70$export$2e2bcd8739ae039 = $1c906a2b66e07e70$var$MediaSession;
@@ -4153,6 +4794,7 @@ var $1c906a2b66e07e70$export$2e2bcd8739ae039 = $1c906a2b66e07e70$var$MediaSessio
 const $5939a59dc7c96d41$var$minimumTileWidth = 126;
 const $5939a59dc7c96d41$var$maximumTileWidth = 150;
 const $5939a59dc7c96d41$var$SelfStreamTile = ({ isSomeonePresenting: isSomeonePresenting , width: width , height: height  })=>{
+    const { t: t  } = (0, $3Sbms$useTranslation)();
     const [extended, setExtended] = (0, $3Sbms$useState)(false);
     const [zoom, setZoom] = (0, $3Sbms$useState)(false);
     const [zoomAvailable, setZoomAvailable] = (0, $3Sbms$useState)(false);
@@ -4163,7 +4805,7 @@ const $5939a59dc7c96d41$var$SelfStreamTile = ({ isSomeonePresenting: isSomeonePr
     const videoElementRef = (0, $3Sbms$useRef)(null);
     const videoMediaProviderRef = (0, $3Sbms$useRef)(null);
     const SelfTileRef = (0, $3Sbms$useRef)(null);
-    const { videosContainerRef: videosContainerRef , remoteTilesContainerRef: remoteTilesContainerRef , selfDisplayName: selfDisplayName , muted: muted , streaming: streaming , orientation: orientation ,  } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
+    const { videosContainerRef: videosContainerRef , remoteTilesContainerRef: remoteTilesContainerRef , profile: profile , muted: muted , streaming: streaming , orientation: orientation , options: options ,  } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
     const { streams: streams  } = (0, $cce9fd41d8a55a18$export$b5633a7cfbe42d9f)();
     const [containerWidth, containerHeight] = (0, $af23c74942bdcae7$export$2b86bedf890eab8)(videosContainerRef.current);
     const isAlone = streams.length < 1;
@@ -4215,7 +4857,7 @@ const $5939a59dc7c96d41$var$SelfStreamTile = ({ isSomeonePresenting: isSomeonePr
             const base64Image = await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).captureVideo(videoElementRef.current);
             setSnapshotImage(base64Image);
             try {
-                const { objectUrl: objectUrl  } = await fetch(`${"https://apistream.snapcall.io"}/uploadSnapshot`, {
+                const { objectUrl: objectUrl  } = await fetch(`${options.streamApiURL}/uploadSnapshot`, {
                     method: "POST",
                     body: JSON.stringify({
                         file: base64Image
@@ -4225,8 +4867,13 @@ const $5939a59dc7c96d41$var$SelfStreamTile = ({ isSomeonePresenting: isSomeonePr
                     type: "snapshot",
                     imageSrc: objectUrl
                 });
-                let notificationMessage = "Snapshot sent to users.";
-                if (streams.length === 1) notificationMessage = `Snapshot sent to ${streams[0].displayName || "user"}.`;
+                let notificationMessage = t("snapshot.sentToUsers");
+                if (streams.length === 1) {
+                    const userName = streams[0].profile.name || t("misc.user");
+                    notificationMessage = t("snapshot.sentToUser", {
+                        name: userName
+                    });
+                }
                 (0, $a5146f9062d7bf28$export$3a57e165650c636f)(notificationMessage, {
                     icon: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $6efc75079651494a$export$26fe7ec9351ff761), {
                         src: base64Image
@@ -4234,7 +4881,7 @@ const $5939a59dc7c96d41$var$SelfStreamTile = ({ isSomeonePresenting: isSomeonePr
                     duration: 2500
                 });
             } catch (sendMessageError) {
-                (0, $3Sbms$reacthottoast)("An error occured when trying to send the snapshot", {
+                (0, $3Sbms$reacthottoast)(t("snapshot.error"), {
                     className: "error"
                 });
                 console.error(sendMessageError);
@@ -4246,7 +4893,6 @@ const $5939a59dc7c96d41$var$SelfStreamTile = ({ isSomeonePresenting: isSomeonePr
         if (SelfTileRef.current) (0, $d02c24b66b4606fd$export$ab7d69e250642927)({
             element: SelfTileRef.current
         });
-        if (deviceType === "screen") return;
         setDeviceRequest({
             device: deviceType,
             requesterId: peerId
@@ -4344,16 +4990,16 @@ const $5939a59dc7c96d41$var$SelfStreamTile = ({ isSomeonePresenting: isSomeonePr
             !streaming && /*#__PURE__*/ (0, $3Sbms$jsx)((0, $7ec04c1818c68245$export$f217faec90120a0c), {
                 children: /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $7ec04c1818c68245$export$6ddfb572d7b6d164), {
                     children: [
-                        selfDisplayName && /*#__PURE__*/ (0, $3Sbms$jsx)((0, $7ec04c1818c68245$export$a2930b41faa750f4), {
-                            children: selfDisplayName.slice(0, 1).toUpperCase()
+                        profile.name && /*#__PURE__*/ (0, $3Sbms$jsx)((0, $7ec04c1818c68245$export$a2930b41faa750f4), {
+                            children: profile.name.slice(0, 1).toUpperCase()
                         }),
-                        !selfDisplayName && /*#__PURE__*/ (0, $3Sbms$jsx)((0, $57da43088f4a416a$export$2e2bcd8739ae039), {})
+                        !profile.name && /*#__PURE__*/ (0, $3Sbms$jsx)((0, $57da43088f4a416a$export$2e2bcd8739ae039), {})
                     ]
                 })
             }),
             !extended && /*#__PURE__*/ (0, $3Sbms$jsx)((0, $6efc75079651494a$export$500c3c5544c37412), {
                 children: /*#__PURE__*/ (0, $3Sbms$jsx)("span", {
-                    children: "You"
+                    children: t("misc.you")
                 })
             }),
             extended && /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $6efc75079651494a$export$a7365e2302f8d10a), {
@@ -4379,12 +5025,14 @@ const $5939a59dc7c96d41$var$SelfStreamTile = ({ isSomeonePresenting: isSomeonePr
                                 onClick: onSnapshotClick,
                                 children: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $e1d1366624f88f6d$export$c58e349a67ffa055), {})
                             }),
-                            zoomAvailable && /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $6efc75079651494a$export$e07ea3386b3cb3d9), {
+                            zoomAvailable && /*#__PURE__*/ (0, $3Sbms$jsx)((0, $6efc75079651494a$export$e07ea3386b3cb3d9), {
                                 onClick: onZoomClick,
-                                children: [
-                                    zoom ? "2" : "1",
-                                    /*#__PURE__*/ (0, $3Sbms$jsx)((0, $57ab7b9a012d9acd$export$2e2bcd8739ae039), {})
-                                ]
+                                children: /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $6efc75079651494a$export$88248b9be937544a), {
+                                    children: [
+                                        zoom ? "2" : "1",
+                                        /*#__PURE__*/ (0, $3Sbms$jsx)((0, $57ab7b9a012d9acd$export$2e2bcd8739ae039), {})
+                                    ]
+                                })
                             }),
                             /*#__PURE__*/ (0, $3Sbms$jsx)("span", {
                                 style: {
@@ -4469,12 +5117,12 @@ const $306a53f44040492f$var$ScreenshareTile = (tile)=>{
     const videoElementRef = (0, $3Sbms$useRef)(null);
     const isSelf = tile.peerId === selfPeerId;
     (0, $3Sbms$useEffect)(()=>{
-        if (tile.data.consumerId && videoElementRef.current) (0, $c9e496369b59be7a$export$2f377c2162fd02b2).requestVideo({
-            consumerId: tile.data.consumerId,
+        if (tile.data.mediaId && videoElementRef.current) (0, $c9e496369b59be7a$export$2f377c2162fd02b2).requestVideo({
+            mediaId: tile.data.mediaId,
             element: videoElementRef.current
         });
     }, [
-        tile.data.consumerId
+        tile.data.mediaId
     ]);
     (0, $3Sbms$useEffect)(()=>{
         if (isSelf && videoElementRef.current) {
@@ -4517,6 +5165,7 @@ const $04dc495b2c5350ca$export$2cb99e4be0dc4646 = (url)=>new Promise((resolve, r
 
 
 
+
 const $6a95863cd4ef501c$export$eb5bbbfc393ab8ac = (0, $3Sbms$styledcomponents).div`
   max-width: 100%;
   margin-top: 60px;
@@ -4586,6 +5235,7 @@ const $f81bfa56534026c2$export$e9785ae652b3a722 = (item)=>{
     } else console.warn("Undefined room ID");
 };
 const $f81bfa56534026c2$export$ad5f39c592532e2d = ()=>{
+    const { t: t  } = (0, $3Sbms$useTranslation)();
     const [history, setHistory] = (0, $3Sbms$useState)([]);
     (0, $3Sbms$useEffect)(()=>{
         try {
@@ -4603,7 +5253,7 @@ const $f81bfa56534026c2$export$ad5f39c592532e2d = ()=>{
     return /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $6a95863cd4ef501c$export$eb5bbbfc393ab8ac), {
         children: [
             /*#__PURE__*/ (0, $3Sbms$jsx)((0, $6a95863cd4ef501c$export$ebce8992dc3bd82), {
-                children: "Shared with you"
+                children: t("sharedHistory.shared")
             }),
             /*#__PURE__*/ (0, $3Sbms$jsx)((0, $6a95863cd4ef501c$export$e6c0b06d6e2dd9e3), {
                 children: history.map((item)=>{
@@ -4803,6 +5453,7 @@ var $5e2ac34f2c3f1b42$export$2e2bcd8739ae039 = $5e2ac34f2c3f1b42$var$YoutubeTile
 
 
 
+
 const $ab48431cd035ee30$export$e19cf0169f1019bf = (0, $3Sbms$styledcomponents).div`
   display: flex;
   position: relative;
@@ -4852,12 +5503,20 @@ const $ab48431cd035ee30$export$a06f1c675e846f6f = (0, $3Sbms$styledcomponents).d
   justify-content: center;
 `;
 const $ab48431cd035ee30$export$f9985cea9f8ad92f = (0, $3Sbms$styledcomponents).button`
+  display: flex;
+  justify-content: center;
+  align-items: center;
   width: 36px;
   height: 36px;
   padding: 7px;
   background: rgba(28, 32, 36, 0.5);
   border: none;
   border-radius: 50px;
+
+  svg {
+    width: 17px;
+    height: 17px;
+  }
 `;
 const $ab48431cd035ee30$export$26fe7ec9351ff761 = (0, $3Sbms$styledcomponents).img`
   border: 2px solid #fff;
@@ -4885,6 +5544,7 @@ const $ab48431cd035ee30$export$49ac927a2aaad85 = (0, $3Sbms$styledcomponents).di
 
 
 const $1671f9473ff0a07a$var$SnapshotTile = (tile)=>{
+    const { t: t  } = (0, $3Sbms$useTranslation)();
     const { dispatch: dispatch  } = (0, $cce9fd41d8a55a18$export$b5633a7cfbe42d9f)();
     const snapshotImageRef = (0, $3Sbms$useRef)(null);
     const [downloadURL, setDownloadURL] = (0, $3Sbms$useState)(tile.data.url);
@@ -4952,7 +5612,8 @@ const $1671f9473ff0a07a$var$SnapshotTile = (tile)=>{
                         children: [
                             /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $ab48431cd035ee30$export$7c309220fd1fb205), {
                                 children: [
-                                    "Snapshot \xb7 ",
+                                    t("snapshot.title"),
+                                    " \xb7 ",
                                     formattedTime
                                 ]
                             }),
@@ -4960,7 +5621,7 @@ const $1671f9473ff0a07a$var$SnapshotTile = (tile)=>{
                                 href: downloadURL,
                                 target: "_blank",
                                 download: filename,
-                                children: "Save photo"
+                                children: t("snapshot.save")
                             })
                         ]
                     }),
@@ -4987,8 +5648,8 @@ const $288d5802b3a8deca$var$ScreenshareEvents = ()=>{
     const { dispatch: dispatch , highlightedTile: highlightedTile  } = (0, $cce9fd41d8a55a18$export$b5633a7cfbe42d9f)();
     (0, $3Sbms$useEffect)(()=>{
         const onRemoteScreensharingUpdate = (event)=>{
-            const { peerId: peerId , consumerId: consumerId , deviceType: deviceType  } = event.detail;
-            const available = event.type === "newConsumer";
+            const { peerId: peerId , mediaId: mediaId , deviceType: deviceType  } = event.detail;
+            const available = event.type === "mediaStart";
             if (deviceType === "screen" && available) dispatch({
                 type: (0, $2884da8a64948e35$export$96a9662a3eda31f6).SET_HIGHLIGHTED_TILE,
                 payload: {
@@ -4996,7 +5657,7 @@ const $288d5802b3a8deca$var$ScreenshareEvents = ()=>{
                     peerId: peerId,
                     isGlobal: true,
                     data: {
-                        consumerId: consumerId
+                        mediaId: mediaId
                     }
                 }
             });
@@ -5021,13 +5682,13 @@ const $288d5802b3a8deca$var$ScreenshareEvents = ()=>{
                 type: (0, $2884da8a64948e35$export$96a9662a3eda31f6).UNSET_HIGHLIGHTED_TILE
             });
         };
-        (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("newConsumer", onRemoteScreensharingUpdate);
-        (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("consumerClose", onRemoteScreensharingUpdate);
+        (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("mediaStart", onRemoteScreensharingUpdate);
+        (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("mediaStop", onRemoteScreensharingUpdate);
         (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("screenshareEnabled", onScreensharingUpdate);
         (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("screenshareDisabled", onScreensharingUpdate);
         return ()=>{
-            (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("newConsumer", onRemoteScreensharingUpdate);
-            (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("consumerClose", onRemoteScreensharingUpdate);
+            (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("mediaStart", onRemoteScreensharingUpdate);
+            (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("mediaStop", onRemoteScreensharingUpdate);
             (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("screenshareEnabled", onScreensharingUpdate);
             (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("screenshareDisabled", onScreensharingUpdate);
         };
@@ -5090,7 +5751,9 @@ var $e4ddb9f41b4a5cba$export$2e2bcd8739ae039 = $e4ddb9f41b4a5cba$var$YoutubeEven
 
 
 
+
 const $75c30c42d3b87293$var$SnapshotEvents = ()=>{
+    const { t: t  } = (0, $3Sbms$useTranslation)();
     const { dispatch: dispatch , streams: streams  } = (0, $cce9fd41d8a55a18$export$b5633a7cfbe42d9f)();
     (0, $3Sbms$useEffect)(()=>{
         const onCustomMessage = async (event)=>{
@@ -5099,18 +5762,18 @@ const $75c30c42d3b87293$var$SnapshotEvents = ()=>{
             if (type === "snapshot") {
                 const sender = streams.find((stream)=>stream.id === peerId);
                 if (sender) {
-                    const statusIcon = sender.displayName ? /*#__PURE__*/ (0, $3Sbms$jsx)((0, $ab48431cd035ee30$export$49ac927a2aaad85), {
-                        children: sender.displayName.slice(0, 1).toUpperCase()
+                    const statusIcon = sender.profile.name ? /*#__PURE__*/ (0, $3Sbms$jsx)((0, $ab48431cd035ee30$export$49ac927a2aaad85), {
+                        children: sender.profile.name.slice(0, 1).toUpperCase()
                     }) : /*#__PURE__*/ (0, $3Sbms$jsx)((0, $ab48431cd035ee30$export$49ac927a2aaad85), {
                         children: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $57da43088f4a416a$export$2e2bcd8739ae039), {})
                     });
                     const createdAtDate = new Date();
                     const notificationStatus = {
-                        text: "From",
-                        boldText: sender.displayName || "User",
+                        text: t("misc.from"),
+                        boldText: sender.profile.name || t("misc.user"),
                         icon: statusIcon
                     };
-                    (0, $a5146f9062d7bf28$export$3a57e165650c636f)("Snapshot shared.", {
+                    (0, $a5146f9062d7bf28$export$3a57e165650c636f)(t("snapshot.shared"), {
                         width: "290px",
                         icon: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $ab48431cd035ee30$export$26fe7ec9351ff761), {
                             src: imageSrc,
@@ -5121,7 +5784,7 @@ const $75c30c42d3b87293$var$SnapshotEvents = ()=>{
                             fontSize: "16px"
                         },
                         button: {
-                            text: "Open",
+                            text: t("misc.open"),
                             action: ({ close: close  })=>{
                                 dispatch({
                                     type: (0, $2884da8a64948e35$export$96a9662a3eda31f6).SET_HIGHLIGHTED_TILE,
@@ -5146,15 +5809,15 @@ const $75c30c42d3b87293$var$SnapshotEvents = ()=>{
                         minute: "2-digit"
                     });
                     (0, $f81bfa56534026c2$export$e9785ae652b3a722)({
-                        title: `Snapshot · ${formattedTime}`,
+                        title: `${t("snapshot.title")} · ${formattedTime}`,
                         url: imageSrc,
                         iconUrl: imageSrc,
                         iconStyle: {
                             border: "2px solid #fff"
                         },
                         statusText: notificationStatus.boldText,
-                        statusIconLetter: sender.displayName ? sender.displayName.slice(0, 1).toUpperCase() : undefined,
-                        statusIconUser: sender.displayName ? false : true
+                        statusIconLetter: sender.profile.name ? sender.profile.name.slice(0, 1).toUpperCase() : undefined,
+                        statusIconUser: sender.profile.name ? false : true
                     });
                 }
             }
@@ -5165,7 +5828,8 @@ const $75c30c42d3b87293$var$SnapshotEvents = ()=>{
         };
     }, [
         streams,
-        dispatch
+        dispatch,
+        t
     ]);
     return null;
 };
@@ -5345,7 +6009,7 @@ var $b8963bf62cf5b984$export$2e2bcd8739ae039 = $b8963bf62cf5b984$var$tooltip;
 
 
 const $cdab47bb8796991e$var$Video = ()=>{
-    const { selfPeerId: selfPeerId , videosContainerRef: videosContainerRef , remoteTilesContainerRef: remoteTilesContainerRef , options: options , muted: selfMuted , selfDisplayName: selfDisplayName , orientation: orientation , userInteractionTriggered: userInteractionTriggered ,  } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
+    const { selfPeerId: selfPeerId , videosContainerRef: videosContainerRef , remoteTilesContainerRef: remoteTilesContainerRef , options: options , muted: selfMuted , profile: profile1 , orientation: orientation , userInteractionTriggered: userInteractionTriggered ,  } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
     const [tileSize, setTileSize] = (0, $3Sbms$useState)({
         width: 0,
         height: 0
@@ -5395,32 +6059,32 @@ const $cdab47bb8796991e$var$Video = ()=>{
     ]);
     (0, $3Sbms$useEffect)(()=>{
         const onNewPeer = (event)=>{
-            const { peerId: peerId , displayName: displayName  } = event.detail;
+            const { peerId: peerId , profile: profile  } = event.detail;
             dispatch({
                 type: (0, $2884da8a64948e35$export$96a9662a3eda31f6).ADD_STREAM,
                 payload: {
                     id: peerId,
-                    displayName: displayName
+                    profile: profile
                 }
             });
         };
-        const onConsumerUpdate = (event)=>{
-            const { peerId: peerId , consumerId: consumerId , deviceType: deviceType , paused: paused  } = event.detail;
-            const available = event.type === "newConsumer";
+        const onMediaEvent = (event)=>{
+            const { peerId: peerId , mediaId: mediaId , deviceType: deviceType , paused: paused  } = event.detail;
+            const available = event.type === "mediaStart";
             if (deviceType !== "screen") dispatch({
                 type: (0, $2884da8a64948e35$export$96a9662a3eda31f6).DEVICE_UPDATE,
                 payload: {
                     streamId: peerId,
-                    consumerId: consumerId,
+                    mediaId: mediaId,
                     device: deviceType,
                     available: available,
                     paused: paused
                 }
             });
         };
-        const onProducerUpdate = (event)=>{
+        const onMediaStateChange = (event)=>{
             const { peerId: peerId , deviceType: deviceType  } = event.detail;
-            const isPaused = event.type === "producerPaused";
+            const isPaused = event.type === "mediaPause";
             if (deviceType === "microphone" && isPaused) dispatch({
                 type: (0, $2884da8a64948e35$export$96a9662a3eda31f6).MUTE,
                 payload: {
@@ -5438,7 +6102,7 @@ const $cdab47bb8796991e$var$Video = ()=>{
             const { peers: peers  } = event.detail;
             const roomStreams = peers.map((peer)=>({
                     id: peer.peerId,
-                    displayName: peer.displayName
+                    profile: peer.profile
                 }));
             dispatch({
                 type: (0, $2884da8a64948e35$export$96a9662a3eda31f6).SET_STREAMS,
@@ -5454,13 +6118,13 @@ const $cdab47bb8796991e$var$Video = ()=>{
                 }
             });
         };
-        const onDisplayName = (event)=>{
-            const { peerId: peerId , displayName: displayName  } = event.detail;
+        const onProfileUpdate = (event)=>{
+            const { peerId: peerId , profile: profile  } = event.detail;
             dispatch({
-                type: (0, $2884da8a64948e35$export$96a9662a3eda31f6).SET_STREAM_DISPLAY_NAME,
+                type: (0, $2884da8a64948e35$export$96a9662a3eda31f6).SET_STREAM_PROFILE,
                 payload: {
                     streamId: peerId,
-                    displayName: displayName
+                    profile: profile
                 }
             });
         };
@@ -5478,22 +6142,22 @@ const $cdab47bb8796991e$var$Video = ()=>{
         (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("enterRoom", onEnterRoom);
         (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("newPeer", onNewPeer);
         (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("peerClosed", onPeerClosed);
-        (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("newConsumer", onConsumerUpdate);
-        (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("consumerClose", onConsumerUpdate);
-        (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("producerPaused", onProducerUpdate);
-        (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("producerResumed", onProducerUpdate);
-        (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("displayName", onDisplayName);
+        (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("mediaStart", onMediaEvent);
+        (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("mediaStop", onMediaEvent);
+        (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("mediaPause", onMediaStateChange);
+        (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("mediaResume", onMediaStateChange);
+        (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("profileUpdate", onProfileUpdate);
         (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("peerStartSpeak", onPeerSpeakingUpdate);
         (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("peerStopSpeak", onPeerSpeakingUpdate);
         return ()=>{
             (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("enterRoom", onEnterRoom);
             (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("newPeer", onNewPeer);
             (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("peerClosed", onPeerClosed);
-            (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("newConsumer", onConsumerUpdate);
-            (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("consumerClose", onConsumerUpdate);
-            (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("producerPaused", onProducerUpdate);
-            (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("producerResumed", onProducerUpdate);
-            (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("displayName", onDisplayName);
+            (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("mediaStart", onMediaEvent);
+            (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("mediaStop", onMediaEvent);
+            (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("mediaPause", onMediaStateChange);
+            (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("mediaResume", onMediaStateChange);
+            (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("profileUpdate", onProfileUpdate);
             (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("peerStartSpeak", onPeerSpeakingUpdate);
             (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("peerStopSpeak", onPeerSpeakingUpdate);
         };
@@ -5523,7 +6187,7 @@ const $cdab47bb8796991e$var$Video = ()=>{
                         stream: {
                             id: String(selfPeerId),
                             muted: selfMuted,
-                            displayName: selfDisplayName
+                            profile: profile1
                         }
                     }),
                     streams.map((stream)=>{
@@ -5552,6 +6216,7 @@ var $cdab47bb8796991e$export$2e2bcd8739ae039 = $cdab47bb8796991e$var$Video;
 
 
 
+
 const $f0e90fb231c59fab$var$HangUp = ()=>/*#__PURE__*/ (0, $3Sbms$jsx)("svg", {
         width: "25",
         height: "24",
@@ -5647,6 +6312,7 @@ var $8b7bd174d29d9a1f$export$2e2bcd8739ae039 = $8b7bd174d29d9a1f$var$Spinner;
 
 
 
+
 const $a2d206a438475087$var$YoutubeIcon = ()=>/*#__PURE__*/ (0, $3Sbms$jsx)("svg", {
         width: "24",
         height: "25",
@@ -5760,6 +6426,7 @@ const $ae07ea3548d561ea$export$d5bc2acf69f5bdaf = (0, $3Sbms$styledcomponents).d
 
 const $db92fac48417791a$var$isScreenshareSupported = Boolean(navigator.mediaDevices.getDisplayMedia);
 const $db92fac48417791a$var$HighlightButton = ()=>{
+    const { t: t  } = (0, $3Sbms$useTranslation)();
     const highlightMenuRef = (0, $3Sbms$useRef)(null);
     const [isHighlightMenuOpen, setIsHighlightMenuOpen] = (0, $3Sbms$useState)(false);
     const { setIsYoutubePopupVisible: setIsYoutubePopupVisible , setIsLinksharePopupVisible: setIsLinksharePopupVisible , selfPeerId: selfPeerId  } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
@@ -5778,7 +6445,7 @@ const $db92fac48417791a$var$HighlightButton = ()=>{
             await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).enableScreenshare();
         } catch (screenshareError) {
             console.warn(screenshareError);
-            (0, $3Sbms$reacthottoast)("An error occured when trying to toggle screensharing", {
+            (0, $3Sbms$reacthottoast)(t("notifications.screensharingError"), {
                 className: "error"
             });
         }
@@ -5797,7 +6464,7 @@ const $db92fac48417791a$var$HighlightButton = ()=>{
             items: [
                 {
                     id: "linksharing",
-                    title: "Share Link",
+                    title: t("shareLink.title"),
                     jsxIcon: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $1ec1d06e0a21fdaa$export$2e2bcd8739ae039), {}),
                     action: onLinkshareClick
                 },
@@ -5815,7 +6482,7 @@ const $db92fac48417791a$var$HighlightButton = ()=>{
         items: [
             {
                 id: "screensharing",
-                title: "Screen Sharing",
+                title: t("menu.screenSharing"),
                 jsxIcon: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $1ca024917df8f7bc$export$2e2bcd8739ae039), {}),
                 action: onScreenshareClick
             }, 
@@ -5847,6 +6514,7 @@ var $db92fac48417791a$export$2e2bcd8739ae039 = $db92fac48417791a$var$HighlightBu
 
 
 const $69a9c49ece80e773$var$ControlBar = ()=>{
+    const { t: t  } = (0, $3Sbms$useTranslation)();
     const leaveMenuRef = (0, $3Sbms$useRef)(null);
     const [webcamCount, setWebcamCount] = (0, $3Sbms$useState)(0);
     const [isLeaveMenuOpen, setIsLeaveMenuOpen] = (0, $3Sbms$useState)(false);
@@ -5860,7 +6528,7 @@ const $69a9c49ece80e773$var$ControlBar = ()=>{
             else await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).enableMicrophone();
         } catch (muteError) {
             console.warn(muteError);
-            (0, $3Sbms$reacthottoast)("An error occured when trying to toggle the microphone", {
+            (0, $3Sbms$reacthottoast)(t("notifications.microphoneError"), {
                 className: "error"
             });
         }
@@ -5874,7 +6542,7 @@ const $69a9c49ece80e773$var$ControlBar = ()=>{
             }
         } catch (cameraError) {
             console.warn(cameraError);
-            (0, $3Sbms$reacthottoast)("An error occured when trying to toggle the camera", {
+            (0, $3Sbms$reacthottoast)(t("notifications.cameraError"), {
                 className: "error"
             });
         } finally{
@@ -5886,7 +6554,7 @@ const $69a9c49ece80e773$var$ControlBar = ()=>{
             await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).rotateVideo();
         } catch (rotateError) {
             console.warn(rotateError);
-            (0, $3Sbms$reacthottoast)("An error occured when trying to rotate the camera", {
+            (0, $3Sbms$reacthottoast)(t("notifications.cameraRotateError"), {
                 className: "error"
             });
         }
@@ -5943,13 +6611,13 @@ const $69a9c49ece80e773$var$ControlBar = ()=>{
                                     items: [
                                         {
                                             id: "leaveCall",
-                                            title: "Leave call",
+                                            title: t("leave.leaveCall"),
                                             jsxIcon: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $2da9626742e3560b$export$56fe02ef449b2606), {}),
                                             action: leaveCall
                                         },
                                         {
                                             id: "terminateCall",
-                                            title: "End call for all",
+                                            title: t("leave.endCall"),
                                             jsxIcon: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $2da9626742e3560b$export$e57aa6aff2e1f414), {}),
                                             action: terminateCall,
                                             danger: true
@@ -5965,7 +6633,7 @@ const $69a9c49ece80e773$var$ControlBar = ()=>{
                         children: [
                             /*#__PURE__*/ (0, $3Sbms$jsx)((0, $f0e90fb231c59fab$export$2e2bcd8739ae039), {}),
                             /*#__PURE__*/ (0, $3Sbms$jsx)("p", {
-                                children: "Leave"
+                                children: t("leave.title")
                             })
                         ]
                     })
@@ -5988,6 +6656,7 @@ var $69a9c49ece80e773$export$2e2bcd8739ae039 = $69a9c49ece80e773$var$ControlBar;
 
 
 
+
 const $8d3d0e80c56cde5c$export$9d03e7b857083c37 = (0, $3Sbms$styledcomponents).div`
   position: absolute;
   width: 100%;
@@ -6066,9 +6735,10 @@ const $8d3d0e80c56cde5c$export$51760c3b0f5567d2 = (0, $3Sbms$styledcomponents).p
 
 
 const $5b80b81d7b095f89$var$QuickConnect = ()=>{
+    const { t: t  } = (0, $3Sbms$useTranslation)();
     const QuickConnectContainerRef = (0, $3Sbms$useRef)(null);
     const QuickConnectRef = (0, $3Sbms$useRef)(null);
-    const { selfPeerId: selfPeerId , selfDisplayName: selfDisplayName , isQuickConnectPopupVisible: isQuickConnectPopupVisible , setIsQuickConnectPopupVisible: setIsQuickConnectPopupVisible , options: options , orientation: orientation ,  } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
+    const { selfPeerId: selfPeerId , profile: profile , isQuickConnectPopupVisible: isQuickConnectPopupVisible , setIsQuickConnectPopupVisible: setIsQuickConnectPopupVisible , options: options , orientation: orientation ,  } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
     (0, $e1413aacdaa5a03e$export$71b2224f1ce5e08e)(QuickConnectContainerRef, ()=>{
         if (isQuickConnectPopupVisible) setIsQuickConnectPopupVisible(false);
     });
@@ -6084,13 +6754,13 @@ const $5b80b81d7b095f89$var$QuickConnect = ()=>{
             url.searchParams.set("microphone-enabled", "0");
             url.searchParams.set("camera-enabled", "1");
             url.searchParams.set("quick-connect", selfPeerId);
-            if (selfDisplayName) url.searchParams.set("name", selfDisplayName);
+            if (profile.name) url.searchParams.set("name", profile.name);
         }
         return url.href;
     }, [
         options.sharedURL,
         selfPeerId,
-        selfDisplayName
+        profile.name
     ]);
     const onQuickConnectPopupCloseClick = ()=>setIsQuickConnectPopupVisible(false);
     (0, $3Sbms$useEffect)(()=>{
@@ -6119,8 +6789,12 @@ const $5b80b81d7b095f89$var$QuickConnect = ()=>{
                 (0, $c9e496369b59be7a$export$2f377c2162fd02b2).sendCustomMessage(quickConnectParam, {
                     type: "quick_connect_close"
                 });
-                if (quickConnectNameParam) (0, $c9e496369b59be7a$export$2f377c2162fd02b2).setDisplayName(`${quickConnectNameParam} (mobile)`);
-                else (0, $c9e496369b59be7a$export$2f377c2162fd02b2).setDisplayName("Mobile");
+                if (quickConnectNameParam) (0, $c9e496369b59be7a$export$2f377c2162fd02b2).setProfile({
+                    name: `${quickConnectNameParam} (mobile)`
+                });
+                else (0, $c9e496369b59be7a$export$2f377c2162fd02b2).setProfile({
+                    name: "Mobile"
+                });
             }
         }
     }, [
@@ -6136,7 +6810,7 @@ const $5b80b81d7b095f89$var$QuickConnect = ()=>{
                 /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $8d3d0e80c56cde5c$export$f8e80e2c9abbb7eb), {
                     children: [
                         /*#__PURE__*/ (0, $3Sbms$jsx)("h4", {
-                            children: "Scan QR Code"
+                            children: t("quickConnect.scanTitle")
                         }),
                         /*#__PURE__*/ (0, $3Sbms$jsx)((0, $8d3d0e80c56cde5c$export$b421c25a8e0ea22e), {
                             onClick: onQuickConnectPopupCloseClick,
@@ -6150,7 +6824,7 @@ const $5b80b81d7b095f89$var$QuickConnect = ()=>{
                     })
                 }),
                 /*#__PURE__*/ (0, $3Sbms$jsx)((0, $8d3d0e80c56cde5c$export$51760c3b0f5567d2), {
-                    children: "Scan this QR code with your phone camera to open the call."
+                    children: t("quickConnect.scan")
                 })
             ]
         })
@@ -6162,10 +6836,6 @@ var $5b80b81d7b095f89$export$2e2bcd8739ae039 = $5b80b81d7b095f89$var$QuickConnec
 
 
 
-const $b26ed507544ea00c$var$capitalizeFirstLetter = (string)=>{
-    return string.charAt(0).toUpperCase() + string.slice(1);
-};
-var $b26ed507544ea00c$export$2e2bcd8739ae039 = $b26ed507544ea00c$var$capitalizeFirstLetter;
 
 
 
@@ -6232,6 +6902,8 @@ var $c45f2504881e174b$export$2e2bcd8739ae039 = $c45f2504881e174b$var$Speaker;
 
 
 
+
+
 const $910dd7d7d872a463$var$Checkmark = ()=>/*#__PURE__*/ (0, $3Sbms$jsx)("svg", {
         width: "20",
         height: "20",
@@ -6249,7 +6921,6 @@ var $910dd7d7d872a463$export$2e2bcd8739ae039 = $910dd7d7d872a463$var$Checkmark;
 
 
 
-
 const $658749b7ab14b607$export$304c350e86a38cee = (0, $3Sbms$styledcomponents).div`
   display: flex;
   flex-direction: column;
@@ -6333,8 +7004,10 @@ const $658749b7ab14b607$export$db1aade9877208c7 = (0, $3Sbms$styledcomponents).b
   border-radius: 10px;
   justify-content: space-between;
   align-items: center;
-  padding: 16px 18px;
+  padding: 15px;
   font-size: 14px;
+  font-weight: 600;
+  line-height: 20px;
   color: ${(props)=>props.theme.settingsTextColor};
 
   span {
@@ -6409,27 +7082,16 @@ const $658749b7ab14b607$export$73afb47ae3e10bf1 = (0, $3Sbms$styledcomponents).p
 `;
 
 
-const $1694791461215de9$var$languagesList = [
-    "english"
-];
-const $1694791461215de9$export$604ba5624273df44 = ()=>{
-    try {
-        const storedTheme = localStorage.getItem("stream_ui_language");
-        if (storedTheme) return storedTheme;
-        return "english";
-    } catch (localStorageError) {
-        console.warn(localStorageError);
-        return "english";
-    }
-};
+const $1694791461215de9$var$languages = Object.keys((0, $384d985bb9605c35$export$150b732325d14d04));
 const $1694791461215de9$var$LanguageSubMenu = ({ back: back  })=>{
+    const { t: t  } = (0, $3Sbms$useTranslation)();
     const { language: language , setLanguage: setLanguage  } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
     return /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $3Sbms$Fragment), {
         children: [
             /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $658749b7ab14b607$export$ba6f0acf5af923bd), {
                 children: [
                     /*#__PURE__*/ (0, $3Sbms$jsx)((0, $658749b7ab14b607$export$edb76fdb8665f52), {
-                        children: "Languages"
+                        children: t("settings.language")
                     }),
                     /*#__PURE__*/ (0, $3Sbms$jsx)((0, $658749b7ab14b607$export$b16d2ed9d0485f06), {
                         onClick: back,
@@ -6443,9 +7105,9 @@ const $1694791461215de9$var$LanguageSubMenu = ({ back: back  })=>{
                 children: /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $658749b7ab14b607$export$38050e761cbb2b1d), {
                     children: [
                         /*#__PURE__*/ (0, $3Sbms$jsx)((0, $658749b7ab14b607$export$5caf84ac7a22e7b5), {
-                            children: "Language"
+                            children: t("settings.language")
                         }),
-                        $1694791461215de9$var$languagesList.map((lang)=>{
+                        $1694791461215de9$var$languages.map((lang)=>{
                             const checked = language === lang;
                             const onLanguageClick = ()=>{
                                 setLanguage(lang);
@@ -6454,7 +7116,7 @@ const $1694791461215de9$var$LanguageSubMenu = ({ back: back  })=>{
                                 onClick: onLanguageClick,
                                 children: [
                                     /*#__PURE__*/ (0, $3Sbms$jsx)((0, $658749b7ab14b607$export$f132d77f01dce0a3), {
-                                        children: (0, $b26ed507544ea00c$export$2e2bcd8739ae039)(lang)
+                                        children: (0, $384d985bb9605c35$export$150b732325d14d04)[lang].name
                                     }),
                                     /*#__PURE__*/ (0, $3Sbms$jsx)("span", {
                                         children: checked && /*#__PURE__*/ (0, $3Sbms$jsx)((0, $910dd7d7d872a463$export$2e2bcd8739ae039), {})
@@ -6479,39 +7141,50 @@ var $1694791461215de9$export$2e2bcd8739ae039 = $1694791461215de9$var$LanguageSub
 
 
 
+
+
+
 const $b7a5d5760b390f40$var$AudioSubMenu = ({ back: back  })=>{
-    const [micDevices, setMicDevices] = (0, $3Sbms$useState)([]);
-    const [currentMic, setCurrentMic] = (0, $3Sbms$useState)(null);
-    const [speakerDevices, setSpeakerDevices] = (0, $3Sbms$useState)([]);
-    const [currentSpeaker, setCurrentSpeaker] = (0, $3Sbms$useState)(null);
-    const canChangeSpeakers = speakerDevices.length > 0 && "setSinkId" in HTMLAudioElement.prototype;
-    const listDevices = ()=>(0, $c9e496369b59be7a$export$2f377c2162fd02b2).listAudioDevices().then((devices)=>{
-            const speakers = devices.filter((device)=>device.kind === "audiooutput" && device.label);
-            const mics = devices.filter((device)=>device.kind === "audioinput" && device.label);
-            setMicDevices(mics);
-            setSpeakerDevices(speakers);
-            // For chrome
-            const speaker = speakers.find((device)=>device.deviceId === "default");
-            const mic = mics.find((device)=>device.deviceId === "default");
-            setCurrentMic(mic || null);
-            setCurrentSpeaker(speaker || null);
-        });
-    const onMicClick = (0, $3Sbms$useCallback)(async (mic)=>{
-        if (currentMic?.deviceId === mic.deviceId) return;
+    const { t: t  } = (0, $3Sbms$useTranslation)();
+    const [audioDevices, setAudioDevices] = (0, $3Sbms$useState)([]);
+    const [currentMicrophoneId, setCurrentMicrophoneId] = (0, $3Sbms$useState)((0, $c9e496369b59be7a$export$2f377c2162fd02b2).getCurrentMicrophoneId());
+    const [currentSpeakerId, setCurrentSpeakerId] = (0, $3Sbms$useState)((0, $c9e496369b59be7a$export$2f377c2162fd02b2).getCurrentSpeakerId());
+    const microphoneDevices = audioDevices.filter((device)=>device.kind === "audioinput");
+    const speakerDevices = audioDevices.filter((device)=>device.kind === "audiooutput");
+    const isMicrophoneAccessBlocked = microphoneDevices.length && audioDevices.every((device)=>device.deviceId === "");
+    const canChangeSpeakers = "setSinkId" in HTMLAudioElement.prototype;
+    const listDevices = async ()=>{
+        const audioDevicesList = await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).listAudioDevices();
+        setAudioDevices(audioDevicesList);
+    };
+    const onMicClick = async (mic)=>{
+        if (currentMicrophoneId === mic.deviceId) return;
         await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).switchMicrophone(mic.deviceId);
-        setCurrentMic(mic);
-        (0, $a5146f9062d7bf28$export$3a57e165650c636f)(`Connected to ${mic.label}`);
-    }, [
-        currentMic
-    ]);
-    const onSpeakerClick = (0, $3Sbms$useCallback)((speaker)=>{
-        if (currentSpeaker?.deviceId === speaker.deviceId) return;
+        setCurrentMicrophoneId(mic.deviceId);
+        (0, $a5146f9062d7bf28$export$3a57e165650c636f)(t("notifications.connectedTo", {
+            name: mic.label
+        }), {
+            duration: 3000,
+            icon: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $6043ae1b48c5aa97$export$2e2bcd8739ae039), {}),
+            messageStyle: {
+                fontWeight: 600
+            }
+        });
+    };
+    const onSpeakerClick = (speaker)=>{
+        if (currentSpeakerId === speaker.deviceId) return;
         (0, $c9e496369b59be7a$export$2f377c2162fd02b2).setAudioSink(speaker.deviceId);
-        setCurrentSpeaker(speaker);
-        (0, $a5146f9062d7bf28$export$3a57e165650c636f)(`Connected to ${speaker.label}`);
-    }, [
-        currentSpeaker
-    ]);
+        setCurrentSpeakerId(speaker.deviceId);
+        (0, $a5146f9062d7bf28$export$3a57e165650c636f)(t("notifications.connectedTo", {
+            name: speaker.label
+        }), {
+            duration: 3000,
+            icon: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $c45f2504881e174b$export$2e2bcd8739ae039), {}),
+            messageStyle: {
+                fontWeight: 600
+            }
+        });
+    };
     (0, $3Sbms$useEffect)(()=>{
         listDevices();
         (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("devicesListChange", listDevices);
@@ -6522,7 +7195,7 @@ const $b7a5d5760b390f40$var$AudioSubMenu = ({ back: back  })=>{
             /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $658749b7ab14b607$export$ba6f0acf5af923bd), {
                 children: [
                     /*#__PURE__*/ (0, $3Sbms$jsx)((0, $658749b7ab14b607$export$edb76fdb8665f52), {
-                        children: "Audio"
+                        children: t("audioMenu.title")
                     }),
                     /*#__PURE__*/ (0, $3Sbms$jsx)((0, $658749b7ab14b607$export$b16d2ed9d0485f06), {
                         onClick: back,
@@ -6532,61 +7205,64 @@ const $b7a5d5760b390f40$var$AudioSubMenu = ({ back: back  })=>{
                     })
                 ]
             }),
-            /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $658749b7ab14b607$export$b286f91cddfedb5a), {
-                children: [
-                    /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $658749b7ab14b607$export$38050e761cbb2b1d), {
-                        children: [
-                            /*#__PURE__*/ (0, $3Sbms$jsx)((0, $658749b7ab14b607$export$5caf84ac7a22e7b5), {
-                                children: "Microphone"
-                            }),
-                            canChangeSpeakers && micDevices.map((mic)=>{
-                                const checked = mic.deviceId === currentMic?.deviceId;
-                                return /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $658749b7ab14b607$export$db1aade9877208c7), {
-                                    onClick: ()=>onMicClick(mic),
-                                    children: [
-                                        /*#__PURE__*/ (0, $3Sbms$jsx)((0, $658749b7ab14b607$export$f132d77f01dce0a3), {
-                                            children: mic.label
-                                        }),
-                                        /*#__PURE__*/ (0, $3Sbms$jsx)("span", {
-                                            children: checked && /*#__PURE__*/ (0, $3Sbms$jsx)((0, $910dd7d7d872a463$export$2e2bcd8739ae039), {})
-                                        })
-                                    ]
-                                }, mic.deviceId);
-                            }),
-                            !canChangeSpeakers && micDevices.length < 1 && /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $658749b7ab14b607$export$87d6be27a51dc3c4), {
-                                children: [
-                                    /*#__PURE__*/ (0, $3Sbms$jsx)((0, $658749b7ab14b607$export$30ccd51431e4a7b0), {
-                                        children: "Microphone is blocked."
-                                    }),
-                                    /*#__PURE__*/ (0, $3Sbms$jsx)((0, $658749b7ab14b607$export$73afb47ae3e10bf1), {
-                                        children: "Please accept microphone sharing before accessing these options."
-                                    })
-                                ]
-                            })
-                        ]
-                    }),
-                    canChangeSpeakers && /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $658749b7ab14b607$export$38050e761cbb2b1d), {
+            /*#__PURE__*/ (0, $3Sbms$jsx)((0, $658749b7ab14b607$export$b286f91cddfedb5a), {
+                children: isMicrophoneAccessBlocked ? /*#__PURE__*/ (0, $3Sbms$jsx)((0, $658749b7ab14b607$export$38050e761cbb2b1d), {
+                    children: /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $658749b7ab14b607$export$87d6be27a51dc3c4), {
                         children: [
-                            /*#__PURE__*/ (0, $3Sbms$jsx)((0, $658749b7ab14b607$export$5caf84ac7a22e7b5), {
-                                children: "Speakers"
+                            /*#__PURE__*/ (0, $3Sbms$jsx)((0, $658749b7ab14b607$export$30ccd51431e4a7b0), {
+                                children: t("audioMenu.blockedMicrophone")
                             }),
-                            speakerDevices.map((speaker)=>{
-                                const checked = speaker.deviceId === currentSpeaker?.deviceId;
-                                return /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $658749b7ab14b607$export$db1aade9877208c7), {
-                                    onClick: ()=>onSpeakerClick(speaker),
-                                    children: [
-                                        /*#__PURE__*/ (0, $3Sbms$jsx)((0, $658749b7ab14b607$export$f132d77f01dce0a3), {
-                                            children: speaker.label
-                                        }),
-                                        /*#__PURE__*/ (0, $3Sbms$jsx)("span", {
-                                            children: checked && /*#__PURE__*/ (0, $3Sbms$jsx)((0, $910dd7d7d872a463$export$2e2bcd8739ae039), {})
-                                        })
-                                    ]
-                                }, speaker.deviceId);
+                            /*#__PURE__*/ (0, $3Sbms$jsx)((0, $658749b7ab14b607$export$73afb47ae3e10bf1), {
+                                children: t("audioMenu.microphonePermissions")
                             })
                         ]
                     })
-                ]
+                }) : /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $3Sbms$Fragment), {
+                    children: [
+                        /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $658749b7ab14b607$export$38050e761cbb2b1d), {
+                            children: [
+                                /*#__PURE__*/ (0, $3Sbms$jsx)((0, $658749b7ab14b607$export$5caf84ac7a22e7b5), {
+                                    children: t("misc.microphone")
+                                }),
+                                microphoneDevices.map((microphone)=>{
+                                    const checked = microphone.deviceId === currentMicrophoneId;
+                                    return /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $658749b7ab14b607$export$db1aade9877208c7), {
+                                        onClick: ()=>onMicClick(microphone),
+                                        children: [
+                                            /*#__PURE__*/ (0, $3Sbms$jsx)((0, $658749b7ab14b607$export$f132d77f01dce0a3), {
+                                                children: microphone.label
+                                            }),
+                                            /*#__PURE__*/ (0, $3Sbms$jsx)("span", {
+                                                children: checked && /*#__PURE__*/ (0, $3Sbms$jsx)((0, $910dd7d7d872a463$export$2e2bcd8739ae039), {})
+                                            })
+                                        ]
+                                    }, microphone.deviceId);
+                                })
+                            ]
+                        }),
+                        canChangeSpeakers && /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $658749b7ab14b607$export$38050e761cbb2b1d), {
+                            children: [
+                                /*#__PURE__*/ (0, $3Sbms$jsx)((0, $658749b7ab14b607$export$5caf84ac7a22e7b5), {
+                                    children: t("misc.speaker")
+                                }),
+                                speakerDevices.map((speaker)=>{
+                                    const checked = speaker.deviceId === currentSpeakerId;
+                                    return /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $658749b7ab14b607$export$db1aade9877208c7), {
+                                        onClick: ()=>onSpeakerClick(speaker),
+                                        children: [
+                                            /*#__PURE__*/ (0, $3Sbms$jsx)((0, $658749b7ab14b607$export$f132d77f01dce0a3), {
+                                                children: speaker.label
+                                            }),
+                                            /*#__PURE__*/ (0, $3Sbms$jsx)("span", {
+                                                children: checked && /*#__PURE__*/ (0, $3Sbms$jsx)((0, $910dd7d7d872a463$export$2e2bcd8739ae039), {})
+                                            })
+                                        ]
+                                    }, speaker.deviceId);
+                                })
+                            ]
+                        })
+                    ]
+                })
             })
         ]
     });
@@ -6602,62 +7278,67 @@ var $b7a5d5760b390f40$export$2e2bcd8739ae039 = $b7a5d5760b390f40$var$AudioSubMen
 
 
 
-const $57896f163f7e1230$var$resolutions = Object.keys((0, $c31e3fb4360572af$export$d21ffcc5eb136bfa)).map((key)=>{
-    const constraints = (0, $c31e3fb4360572af$export$d21ffcc5eb136bfa);
-    switch(constraints[key].height.ideal){
-        case 240:
-            return {
-                name: "Low definition (240p)",
-                key: key
-            };
-        case 480:
-            return {
-                name: "Standard definition (480p)",
-                key: key
-            };
-        case 720:
-            return {
-                name: "Hight definition (720p)",
-                key: key
-            };
-        default:
-            return {
-                name: "",
-                key: key
-            };
-    }
-}).filter((def)=>def.name !== "");
+
+
 const $57896f163f7e1230$var$VideoSubMenu = ({ back: back  })=>{
-    const [cameraDevices, setCameraDevices] = (0, $3Sbms$useState)(Array.from((0, $c9e496369b59be7a$export$2f377c2162fd02b2).getWebcamsList().values()).filter((device)=>device.deviceId));
+    const { t: t  } = (0, $3Sbms$useTranslation)();
+    const [cameraDevices, setCameraDevices] = (0, $3Sbms$useState)([]);
     const [currentCamera, setCurrentCamera] = (0, $3Sbms$useState)((0, $c9e496369b59be7a$export$2f377c2162fd02b2).getCurrentWebcam());
+    const isCameraAccessBlocked = cameraDevices.length && cameraDevices.every((device)=>device.deviceId === "");
+    const resolutions = (0, $3Sbms$useMemo)(()=>Object.keys((0, $c31e3fb4360572af$export$d21ffcc5eb136bfa)).map((key)=>{
+            const constraints = (0, $c31e3fb4360572af$export$d21ffcc5eb136bfa);
+            switch(constraints[key].height.ideal){
+                case 240:
+                    return {
+                        name: t("videoMenu.lowDef"),
+                        key: key
+                    };
+                case 480:
+                    return {
+                        name: t("videoMenu.standardDef"),
+                        key: key
+                    };
+                case 720:
+                    return {
+                        name: t("videoMenu.highDef"),
+                        key: key
+                    };
+                default:
+                    return {
+                        name: "",
+                        key: key
+                    };
+            }
+        }).filter((def)=>def.name !== ""), [
+        t
+    ]);
     const listDevices = async ()=>{
-        const devices = await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).listVideoDevices();
-        const authorisedCameras = devices.filter((device)=>device.deviceId);
-        if (authorisedCameras.length > 0) setCameraDevices(authorisedCameras);
+        const videoDevices = await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).listVideoDevices();
+        setCameraDevices(videoDevices);
     };
     const onCameraClick = async (camera)=>{
         if (currentCamera.device?.deviceId === camera.deviceId) return;
-        if (currentCamera.device) {
-            await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).switchWebcam({
-                device: camera
-            });
-            (0, $a5146f9062d7bf28$export$3a57e165650c636f)(`Connected to ${camera.label}`, {
-                duration: 3000
-            });
-        } else {
-            await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).enableVideo({
-                device: camera,
-                resolution: currentCamera.resolution
-            });
-            (0, $a5146f9062d7bf28$export$3a57e165650c636f)(`Connected to ${camera.label}`, {
-                duration: 3000
-            });
-        }
+        if (currentCamera.device) await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).switchWebcam({
+            device: camera
+        });
+        else await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).enableVideo({
+            device: camera,
+            resolution: currentCamera.resolution
+        });
+        (0, $a5146f9062d7bf28$export$3a57e165650c636f)(t("notifications.connectedTo", {
+            name: camera.label
+        }), {
+            duration: 3000,
+            icon: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $04e57b1f07a8e9f4$export$2e2bcd8739ae039), {}),
+            messageStyle: {
+                fontWeight: 600
+            }
+        });
     };
     const onSendResolutionClick = async (resolution)=>{
         if (currentCamera.resolution === resolution.key) return;
         await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).setWebcamResolution(resolution.key);
-        (0, $a5146f9062d7bf28$export$3a57e165650c636f)(`Using ${resolution.name} resolution`, {
+        (0, $a5146f9062d7bf28$export$3a57e165650c636f)(resolution.name, {
             duration: 3000
         });
     };
@@ -6682,7 +7363,7 @@ const $57896f163f7e1230$var$VideoSubMenu = ({ back: back  })=>{
             /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $658749b7ab14b607$export$ba6f0acf5af923bd), {
                 children: [
                     /*#__PURE__*/ (0, $3Sbms$jsx)((0, $658749b7ab14b607$export$edb76fdb8665f52), {
-                        children: "Video"
+                        children: t("videoMenu.title")
                     }),
                     /*#__PURE__*/ (0, $3Sbms$jsx)((0, $658749b7ab14b607$export$b16d2ed9d0485f06), {
                         onClick: back,
@@ -6692,61 +7373,64 @@ const $57896f163f7e1230$var$VideoSubMenu = ({ back: back  })=>{
                     })
                 ]
             }),
-            /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $658749b7ab14b607$export$b286f91cddfedb5a), {
-                children: [
-                    /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $658749b7ab14b607$export$38050e761cbb2b1d), {
-                        children: [
-                            /*#__PURE__*/ (0, $3Sbms$jsx)((0, $658749b7ab14b607$export$5caf84ac7a22e7b5), {
-                                children: "Camera"
-                            }),
-                            cameraDevices.map((camera)=>{
-                                const checked = camera.deviceId === currentCamera.device?.deviceId;
-                                return /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $658749b7ab14b607$export$db1aade9877208c7), {
-                                    onClick: ()=>onCameraClick(camera),
-                                    children: [
-                                        /*#__PURE__*/ (0, $3Sbms$jsx)((0, $658749b7ab14b607$export$f132d77f01dce0a3), {
-                                            children: camera.label
-                                        }),
-                                        /*#__PURE__*/ (0, $3Sbms$jsx)("span", {
-                                            children: checked && /*#__PURE__*/ (0, $3Sbms$jsx)((0, $910dd7d7d872a463$export$2e2bcd8739ae039), {})
-                                        })
-                                    ]
-                                }, camera.deviceId);
-                            }),
-                            cameraDevices.length < 1 && /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $658749b7ab14b607$export$87d6be27a51dc3c4), {
-                                children: [
-                                    /*#__PURE__*/ (0, $3Sbms$jsx)((0, $658749b7ab14b607$export$30ccd51431e4a7b0), {
-                                        children: "Camera is blocked."
-                                    }),
-                                    /*#__PURE__*/ (0, $3Sbms$jsx)((0, $658749b7ab14b607$export$73afb47ae3e10bf1), {
-                                        children: "Please accept camera sharing before accessing these options."
-                                    })
-                                ]
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $658749b7ab14b607$export$38050e761cbb2b1d), {
+            /*#__PURE__*/ (0, $3Sbms$jsx)((0, $658749b7ab14b607$export$b286f91cddfedb5a), {
+                children: isCameraAccessBlocked ? /*#__PURE__*/ (0, $3Sbms$jsx)((0, $658749b7ab14b607$export$38050e761cbb2b1d), {
+                    children: /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $658749b7ab14b607$export$87d6be27a51dc3c4), {
                         children: [
-                            /*#__PURE__*/ (0, $3Sbms$jsx)((0, $658749b7ab14b607$export$5caf84ac7a22e7b5), {
-                                children: "Send Resolution (maximum)"
+                            /*#__PURE__*/ (0, $3Sbms$jsx)((0, $658749b7ab14b607$export$30ccd51431e4a7b0), {
+                                children: t("videoMenu.blockedCamera")
                             }),
-                            $57896f163f7e1230$var$resolutions.map((resolution)=>{
-                                const checked = resolution.key === currentCamera.resolution;
-                                return /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $658749b7ab14b607$export$db1aade9877208c7), {
-                                    onClick: ()=>onSendResolutionClick(resolution),
-                                    children: [
-                                        /*#__PURE__*/ (0, $3Sbms$jsx)((0, $658749b7ab14b607$export$f132d77f01dce0a3), {
-                                            children: resolution.name
-                                        }),
-                                        /*#__PURE__*/ (0, $3Sbms$jsx)("span", {
-                                            children: checked && /*#__PURE__*/ (0, $3Sbms$jsx)((0, $910dd7d7d872a463$export$2e2bcd8739ae039), {})
-                                        })
-                                    ]
-                                }, resolution.key);
+                            /*#__PURE__*/ (0, $3Sbms$jsx)((0, $658749b7ab14b607$export$73afb47ae3e10bf1), {
+                                children: t("videoMenu.cameraPermissions")
                             })
                         ]
                     })
-                ]
+                }) : /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $3Sbms$Fragment), {
+                    children: [
+                        /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $658749b7ab14b607$export$38050e761cbb2b1d), {
+                            children: [
+                                /*#__PURE__*/ (0, $3Sbms$jsx)((0, $658749b7ab14b607$export$5caf84ac7a22e7b5), {
+                                    children: t("misc.camera")
+                                }),
+                                cameraDevices.map((camera)=>{
+                                    const checked = camera.deviceId === currentCamera.device?.deviceId;
+                                    return /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $658749b7ab14b607$export$db1aade9877208c7), {
+                                        onClick: ()=>onCameraClick(camera),
+                                        children: [
+                                            /*#__PURE__*/ (0, $3Sbms$jsx)((0, $658749b7ab14b607$export$f132d77f01dce0a3), {
+                                                children: camera.label
+                                            }),
+                                            /*#__PURE__*/ (0, $3Sbms$jsx)("span", {
+                                                children: checked && /*#__PURE__*/ (0, $3Sbms$jsx)((0, $910dd7d7d872a463$export$2e2bcd8739ae039), {})
+                                            })
+                                        ]
+                                    }, camera.deviceId);
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $658749b7ab14b607$export$38050e761cbb2b1d), {
+                            children: [
+                                /*#__PURE__*/ (0, $3Sbms$jsx)((0, $658749b7ab14b607$export$5caf84ac7a22e7b5), {
+                                    children: t("videoMenu.sendResolution")
+                                }),
+                                resolutions.map((resolution)=>{
+                                    const checked = resolution.key === currentCamera.resolution;
+                                    return /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $658749b7ab14b607$export$db1aade9877208c7), {
+                                        onClick: ()=>onSendResolutionClick(resolution),
+                                        children: [
+                                            /*#__PURE__*/ (0, $3Sbms$jsx)((0, $658749b7ab14b607$export$f132d77f01dce0a3), {
+                                                children: resolution.name
+                                            }),
+                                            /*#__PURE__*/ (0, $3Sbms$jsx)("span", {
+                                                children: checked && /*#__PURE__*/ (0, $3Sbms$jsx)((0, $910dd7d7d872a463$export$2e2bcd8739ae039), {})
+                                            })
+                                        ]
+                                    }, resolution.key);
+                                })
+                            ]
+                        })
+                    ]
+                })
             })
         ]
     });
@@ -6756,6 +7440,7 @@ var $57896f163f7e1230$export$2e2bcd8739ae039 = $57896f163f7e1230$var$VideoSubMen
 
 
 const $c11e4c21ca692a16$var$Menu = ()=>{
+    const { t: t  } = (0, $3Sbms$useTranslation)();
     const [currentMenu, setCurrentMenu] = (0, $3Sbms$useState)("base");
     const menuPopupRef = (0, $3Sbms$useRef)(null);
     const { isSettingsMenuVisible: isSettingsMenuVisible , setIsSettingsMenuVisible: setIsSettingsMenuVisible , language: language , options: options  } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
@@ -6798,7 +7483,7 @@ const $c11e4c21ca692a16$var$Menu = ()=>{
                     /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $658749b7ab14b607$export$ba6f0acf5af923bd), {
                         children: [
                             /*#__PURE__*/ (0, $3Sbms$jsx)((0, $658749b7ab14b607$export$edb76fdb8665f52), {
-                                children: "Settings"
+                                children: t("settings.title")
                             }),
                             /*#__PURE__*/ (0, $3Sbms$jsx)((0, $658749b7ab14b607$export$b16d2ed9d0485f06), {
                                 onClick: onCloseClick,
@@ -6811,17 +7496,17 @@ const $c11e4c21ca692a16$var$Menu = ()=>{
                             /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $658749b7ab14b607$export$38050e761cbb2b1d), {
                                 children: [
                                     /*#__PURE__*/ (0, $3Sbms$jsx)((0, $658749b7ab14b607$export$5caf84ac7a22e7b5), {
-                                        children: "Preferences"
+                                        children: t("settings.preferences")
                                     }),
                                     /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $658749b7ab14b607$export$db1aade9877208c7), {
                                         onClick: onLanguageMenuClick,
                                         children: [
                                             /*#__PURE__*/ (0, $3Sbms$jsx)("span", {
-                                                children: "Language"
+                                                children: t("settings.language")
                                             }),
                                             /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $658749b7ab14b607$export$4f015f15aa624b3d), {
                                                 children: [
-                                                    (0, $b26ed507544ea00c$export$2e2bcd8739ae039)(language),
+                                                    (0, $384d985bb9605c35$export$150b732325d14d04)[language]?.name,
                                                     /*#__PURE__*/ (0, $3Sbms$jsx)((0, $781ad5a3ab7061c2$export$2e2bcd8739ae039), {
                                                         direction: "right"
                                                     })
@@ -6834,7 +7519,7 @@ const $c11e4c21ca692a16$var$Menu = ()=>{
                             /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $658749b7ab14b607$export$38050e761cbb2b1d), {
                                 children: [
                                     /*#__PURE__*/ (0, $3Sbms$jsx)((0, $658749b7ab14b607$export$5caf84ac7a22e7b5), {
-                                        children: "Devices"
+                                        children: t("settings.devices")
                                     }),
                                     (0, $c9e496369b59be7a$export$2f377c2162fd02b2).isListDevicesSupported() && /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $658749b7ab14b607$export$db1aade9877208c7), {
                                         onClick: onAudioClick,
@@ -6844,7 +7529,7 @@ const $c11e4c21ca692a16$var$Menu = ()=>{
                                                     /*#__PURE__*/ (0, $3Sbms$jsx)((0, $658749b7ab14b607$export$bb67e2c42c95a3ae), {
                                                         children: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $c45f2504881e174b$export$2e2bcd8739ae039), {})
                                                     }),
-                                                    "Audio"
+                                                    t("audioMenu.title")
                                                 ]
                                             }),
                                             /*#__PURE__*/ (0, $3Sbms$jsx)((0, $658749b7ab14b607$export$4f015f15aa624b3d), {
@@ -6862,7 +7547,7 @@ const $c11e4c21ca692a16$var$Menu = ()=>{
                                                     /*#__PURE__*/ (0, $3Sbms$jsx)((0, $658749b7ab14b607$export$bb67e2c42c95a3ae), {
                                                         children: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $04e57b1f07a8e9f4$export$2e2bcd8739ae039), {})
                                                     }),
-                                                    "Video"
+                                                    t("videoMenu.title")
                                                 ]
                                             }),
                                             /*#__PURE__*/ (0, $3Sbms$jsx)((0, $658749b7ab14b607$export$4f015f15aa624b3d), {
@@ -6877,13 +7562,13 @@ const $c11e4c21ca692a16$var$Menu = ()=>{
                             /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $658749b7ab14b607$export$38050e761cbb2b1d), {
                                 children: [
                                     /*#__PURE__*/ (0, $3Sbms$jsx)((0, $658749b7ab14b607$export$5caf84ac7a22e7b5), {
-                                        children: "Help"
+                                        children: t("settings.help")
                                     }),
                                     /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $658749b7ab14b607$export$db1aade9877208c7), {
                                         onClick: onHelpCenterClick,
                                         children: [
                                             /*#__PURE__*/ (0, $3Sbms$jsx)("span", {
-                                                children: "Go to help center"
+                                                children: t("settings.helpCenter")
                                             }),
                                             /*#__PURE__*/ (0, $3Sbms$jsx)((0, $b93bcb828d5c97d8$export$2e2bcd8739ae039), {})
                                         ]
@@ -6916,6 +7601,7 @@ var $c11e4c21ca692a16$export$2e2bcd8739ae039 = $c11e4c21ca692a16$var$Menu;
 
 
 
+
 const $d677836e2f373a45$export$b679a9a7caefa4b1 = (0, $3Sbms$styledcomponents).div`
   position: absolute;
   width: 100%;
@@ -6961,7 +7647,8 @@ const $d677836e2f373a45$export$11781939bbc73f8b = (0, $3Sbms$styledcomponents).d
   }
 
   svg {
-    height: 13px;
+    width: 20px;
+    height: 21px;
   }
 `;
 const $d677836e2f373a45$export$7ae684a6a708b51d = (0, $3Sbms$styledcomponents).button`
@@ -6976,8 +7663,8 @@ const $d677836e2f373a45$export$7ae684a6a708b51d = (0, $3Sbms$styledcomponents).b
   padding: 0;
 
   svg {
-    height: 10px;
-    width: 10px;
+    height: 15px;
+    width: 15px;
 
     path {
       fill: #000;
@@ -7040,6 +7727,7 @@ const $d677836e2f373a45$export$3711c5e6a7ba3fdc = (0, $3Sbms$styledcomponents).b
 
 const $49372cd9190da903$var$youtubeIDRegExp = /.*(?:youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=)([^#&?]*).*/;
 const $49372cd9190da903$var$YoutubePopup = ()=>{
+    const { t: t  } = (0, $3Sbms$useTranslation)();
     const youtubePopupRef = (0, $3Sbms$useRef)(null);
     const [youtubeInputValue, setYoutubeInputValue] = (0, $3Sbms$useState)("");
     const [errorMessage, setErrorMessage] = (0, $3Sbms$useState)(null);
@@ -7066,7 +7754,7 @@ const $49372cd9190da903$var$YoutubePopup = ()=>{
                 }
             });
             setIsYoutubePopupVisible(false);
-        } else setErrorMessage("Invalid YouTube URL");
+        } else setErrorMessage(t("youtube.invalid"));
     };
     const onCloseClick = ()=>setIsYoutubePopupVisible(false);
     (0, $3Sbms$useEffect)(()=>{
@@ -7088,7 +7776,7 @@ const $49372cd9190da903$var$YoutubePopup = ()=>{
                             children: [
                                 /*#__PURE__*/ (0, $3Sbms$jsx)((0, $a2d206a438475087$export$2e2bcd8739ae039), {}),
                                 /*#__PURE__*/ (0, $3Sbms$jsx)("h4", {
-                                    children: "Embed YouTube"
+                                    children: t("youtube.title")
                                 })
                             ]
                         }),
@@ -7106,7 +7794,7 @@ const $49372cd9190da903$var$YoutubePopup = ()=>{
                             children: [
                                 /*#__PURE__*/ (0, $3Sbms$jsx)("label", {
                                     htmlFor: "youtube-popup-input",
-                                    children: "YOUTUBE URL"
+                                    children: t("youtube.url")
                                 }),
                                 /*#__PURE__*/ (0, $3Sbms$jsx)("input", {
                                     id: "youtube-popup-input",
@@ -7124,7 +7812,7 @@ const $49372cd9190da903$var$YoutubePopup = ()=>{
                         }),
                         /*#__PURE__*/ (0, $3Sbms$jsx)((0, $d677836e2f373a45$export$3711c5e6a7ba3fdc), {
                             type: "submit",
-                            children: "Share video"
+                            children: t("youtube.share")
                         })
                     ]
                 })
@@ -7144,6 +7832,7 @@ var $49372cd9190da903$export$2e2bcd8739ae039 = $49372cd9190da903$var$YoutubePopu
 
 
 
+
 const $dc26e7b014ddcf8c$var$PaypalWhite = ()=>/*#__PURE__*/ (0, $3Sbms$jsx)("svg", {
         width: "24",
         height: "24",
@@ -7248,7 +7937,8 @@ const $554f3984e3212196$export$7563f0d47f114601 = (0, $3Sbms$styledcomponents).d
   }
 
   svg {
-    height: 13px;
+    width: 20px;
+    height: 20px;
   }
 `;
 const $554f3984e3212196$export$fcade06574a60ff0 = (0, $3Sbms$styledcomponents).button`
@@ -7263,8 +7953,8 @@ const $554f3984e3212196$export$fcade06574a60ff0 = (0, $3Sbms$styledcomponents).b
   padding: 0;
 
   svg {
-    height: 10px;
-    width: 10px;
+    width: 15px;
+    height: 15px;
 
     path {
       fill: #000;
@@ -7336,7 +8026,7 @@ const $554f3984e3212196$export$5e3f251c730829 = (0, $3Sbms$styledcomponents).div
 
 
 const $98933bbc579a3e66$export$a1eac7fdbc2db4af = "linkshare_sent";
-const $98933bbc579a3e66$var$sendLinkNotification = (data)=>{
+const $98933bbc579a3e66$var$sendLinkNotification = (data, t)=>{
     let notificationStatusText = new URL(data.url).hostname;
     if (notificationStatusText.startsWith("www.")) notificationStatusText = notificationStatusText.slice(4);
     const notificationIcon = data.ogImage ? /*#__PURE__*/ (0, $3Sbms$jsx)((0, $554f3984e3212196$export$9e155375d8fb1f67), {
@@ -7347,11 +8037,11 @@ const $98933bbc579a3e66$var$sendLinkNotification = (data)=>{
         icon: notificationIcon,
         status: {
             icon: data.favicon,
-            text: "From",
+            text: t("misc.from"),
             boldText: notificationStatusText
         },
         button: {
-            text: "Open",
+            text: t("misc.open"),
             action: ({ close: close  })=>{
                 window.open(data.url, "_blank");
                 close();
@@ -7368,19 +8058,22 @@ const $98933bbc579a3e66$var$sendLinkNotification = (data)=>{
         statusText: notificationStatusText
     });
 };
-const $98933bbc579a3e66$var$sendPaypalInvoiceNotification = (senderName, url)=>{
-    const title = `${senderName || "User"} sent you an invoice.`;
+const $98933bbc579a3e66$var$sendPaypalInvoiceNotification = (senderName, url, t)=>{
+    const userName = senderName || t("misc.user");
+    const title = t("shareLink.invoice", {
+        name: userName
+    });
     (0, $a5146f9062d7bf28$export$3a57e165650c636f)(title, {
         button: {
             icon: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $dc26e7b014ddcf8c$export$2e2bcd8739ae039), {}),
-            text: "Pay",
+            text: t("shareLink.pay"),
             action: ()=>window.open(url, "_blank")
         },
         status: {
             icon: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $dc26e7b014ddcf8c$export$2e2bcd8739ae039), {
                 colored: true
             }),
-            text: "Powered by",
+            text: t("shareLink.poweredBy"),
             boldText: "PayPal"
         },
         duration: 10000
@@ -7393,23 +8086,25 @@ const $98933bbc579a3e66$var$sendPaypalInvoiceNotification = (senderName, url)=>{
     });
 };
 const $98933bbc579a3e66$var$LinksharePopup = ()=>{
+    const { t: t  } = (0, $3Sbms$useTranslation)();
     const linksharePopupRef = (0, $3Sbms$useRef)(null);
     const linkshareInputRef = (0, $3Sbms$useRef)(null);
     const [linkshareInputValue, setLinkshareInputValue] = (0, $3Sbms$useState)("");
     const [errorMessage, setErrorMessage] = (0, $3Sbms$useState)(null);
     const [isLoading, setIsLoading] = (0, $3Sbms$useState)(false);
-    const { isLinksharePopupVisible: isLinksharePopupVisible , setIsLinksharePopupVisible: setIsLinksharePopupVisible , orientation: orientation  } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
+    const { isLinksharePopupVisible: isLinksharePopupVisible , setIsLinksharePopupVisible: setIsLinksharePopupVisible , orientation: orientation , options: options  } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
     const { streams: streams  } = (0, $cce9fd41d8a55a18$export$b5633a7cfbe42d9f)();
     const desktop = orientation === "landscape";
     const onCustomMessage = (0, $3Sbms$useCallback)((event)=>{
         const { type: type , data: data  } = event.detail.event;
-        if (type === $98933bbc579a3e66$export$a1eac7fdbc2db4af) $98933bbc579a3e66$var$sendLinkNotification(data);
+        if (type === $98933bbc579a3e66$export$a1eac7fdbc2db4af) $98933bbc579a3e66$var$sendLinkNotification(data, t);
         else if (type === "paypal_invoice") {
             const sender = streams.find((stream)=>stream.id === event.detail.peerId);
-            $98933bbc579a3e66$var$sendPaypalInvoiceNotification(sender?.displayName, data.url);
+            $98933bbc579a3e66$var$sendPaypalInvoiceNotification(sender?.profile?.name, data.url, t);
         }
     }, [
-        streams
+        streams,
+        t
     ]);
     const onShareClick = async (event)=>{
         event.preventDefault();
@@ -7421,7 +8116,7 @@ const $98933bbc579a3e66$var$LinksharePopup = ()=>{
             url = new URL(linkshareInputValue);
             if (url.protocol === "http") url.protocol = "https";
         } catch (err) {
-            setErrorMessage("Invalid link");
+            setErrorMessage(t("shareLink.invalid"));
             console.error(err);
         }
         if (url) {
@@ -7433,18 +8128,27 @@ const $98933bbc579a3e66$var$LinksharePopup = ()=>{
                     }
                 });
                 else {
-                    const data = await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).getShareLinkData(url.href);
+                    const { linkData: data  } = await fetch(`${options.streamApiURL}/shareLink`, {
+                        method: "POST",
+                        body: JSON.stringify({
+                            url: url.href
+                        })
+                    }).then((rawResponse)=>rawResponse.json());
                     (0, $c9e496369b59be7a$export$2f377c2162fd02b2).sendCustomMessageToAll({
                         type: $98933bbc579a3e66$export$a1eac7fdbc2db4af,
                         data: data
                     });
                 }
-                if (streams.length < 2) (0, $3Sbms$reacthottoast)(`Link sent to ${streams[0]?.displayName || "User"}`);
-                else (0, $3Sbms$reacthottoast)("Link sent to users");
+                if (streams.length < 2) {
+                    const userName = streams[0]?.profile?.name || t("misc.user");
+                    (0, $3Sbms$reacthottoast)(t("shareLink.sentToUser", {
+                        name: userName
+                    }));
+                } else (0, $3Sbms$reacthottoast)(t("shareLink.sentToUsers"));
                 setIsLinksharePopupVisible(false);
             } catch (err) {
                 console.error(err);
-                (0, $3Sbms$reacthottoast)("Failed to send link", {
+                (0, $3Sbms$reacthottoast)(t("shareLink.failed"), {
                     className: "error"
                 });
             }
@@ -7478,7 +8182,7 @@ const $98933bbc579a3e66$var$LinksharePopup = ()=>{
                             children: [
                                 /*#__PURE__*/ (0, $3Sbms$jsx)((0, $1ec1d06e0a21fdaa$export$2e2bcd8739ae039), {}),
                                 /*#__PURE__*/ (0, $3Sbms$jsx)("h4", {
-                                    children: "Share a link"
+                                    children: t("shareLink.title2")
                                 })
                             ]
                         }),
@@ -7496,7 +8200,7 @@ const $98933bbc579a3e66$var$LinksharePopup = ()=>{
                             children: [
                                 /*#__PURE__*/ (0, $3Sbms$jsx)("label", {
                                     htmlFor: "linkshare-popup-input",
-                                    children: "LINK URL"
+                                    children: t("shareLink.linkUrl")
                                 }),
                                 /*#__PURE__*/ (0, $3Sbms$jsx)("input", {
                                     id: "linkshare-popup-input",
@@ -7522,10 +8226,10 @@ const $98933bbc579a3e66$var$LinksharePopup = ()=>{
                                         size: "18px"
                                     }),
                                     /*#__PURE__*/ (0, $3Sbms$jsx)("span", {
-                                        children: "Link is creating..."
+                                        children: t("shareLink.creating")
                                     })
                                 ]
-                            }) : "Share Link"
+                            }) : t("shareLink.title")
                         })
                     ]
                 })
@@ -7570,6 +8274,7 @@ var $01986a58bfba8001$export$2e2bcd8739ae039 = $01986a58bfba8001$var$Settings;
 
 
 
+
 const $61b9018279e658f9$export$104f28dc79f055f4 = (0, $3Sbms$styledcomponents).div`
   display: flex;
   flex: 1;
@@ -7608,6 +8313,7 @@ const $61b9018279e658f9$export$3a4deda42b6182b7 = (0, $3Sbms$styledcomponents).b
 
 
 const $df41bfe6da05853a$var$EndView = ()=>{
+    const { t: t  } = (0, $3Sbms$useTranslation)();
     const { streamState: streamState , setStreamState: setStreamState  } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
     const ended = streamState === "ended";
     const terminated = streamState === "terminated";
@@ -7629,17 +8335,17 @@ const $df41bfe6da05853a$var$EndView = ()=>{
             }),
             /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $61b9018279e658f9$export$eebc018855fb0cb6), {
                 children: [
-                    ended && "You left the call",
-                    terminated && "The call is now ended",
-                    expired && "You arrived too late"
+                    ended && t("endView.callLeft"),
+                    terminated && t("endView.callEnded"),
+                    expired && t("endView.tooLate")
                 ]
             }),
             expired && /*#__PURE__*/ (0, $3Sbms$jsx)((0, $61b9018279e658f9$export$f4e7b895a81715e9), {
-                children: "The call is over or deleted"
+                children: t("endView.callIsOver")
             }),
             ended && /*#__PURE__*/ (0, $3Sbms$jsx)((0, $61b9018279e658f9$export$3a4deda42b6182b7), {
                 onClick: onGoBackClick,
-                children: "Go back to call"
+                children: t("endView.goBack")
             }),
             /*#__PURE__*/ (0, $3Sbms$jsx)((0, $f81bfa56534026c2$export$ad5f39c592532e2d), {})
         ]
@@ -7996,6 +8702,82 @@ var $d6008ea114507578$export$2e2bcd8739ae039 = $d6008ea114507578$var$SvgDefiniti
 
 
 
+
+
+
+const $fdbe2be8571dfcd7$export$8bac64dfa46a096a = (0, $3Sbms$styledcomponents).div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.75);
+  z-index: 999;
+`;
+const $fdbe2be8571dfcd7$export$f2f6e48f0181f95d = (0, $3Sbms$styledcomponents).div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  background-color: #fff;
+  padding: 20px;
+  max-width: 300px;
+  border-radius: 10px;
+  box-sizing: border-box;
+`;
+const $fdbe2be8571dfcd7$export$b834616c6081368f = (0, $3Sbms$styledcomponents).h2`
+  font-size: 16px;
+  font-weight: 700;
+  color: #242324;
+  margin: 0 0 10px 0;
+`;
+const $fdbe2be8571dfcd7$export$12ed2ca69ff6905b = (0, $3Sbms$styledcomponents).p`
+  font-size: 12px;
+  font-weight: 500;
+  color: #2d2d2d;
+  margin: 0 0 15px 0;
+`;
+const $fdbe2be8571dfcd7$export$d39b0d24481757e7 = (0, $3Sbms$styledcomponents).button`
+  align-self: flex-end;
+  color: #242324;
+  background-color: transparent;
+  border: 2px solid #242324;
+  border-radius: 50px;
+  padding: 8px 18px;
+  box-sizing: border-box;
+  font-size: 14px;
+  font-weight: 700;
+  line-height: 16px;
+
+  &:hover {
+    color: #fff;
+    background-color: #242324;
+  }
+`;
+
+
+const $6aca0f707e80bf63$var$BlockedDevicesPopup = ({ close: close  })=>{
+    const { t: t  } = (0, $3Sbms$useTranslation)();
+    return /*#__PURE__*/ (0, $3Sbms$jsx)((0, $fdbe2be8571dfcd7$export$8bac64dfa46a096a), {
+        children: /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $fdbe2be8571dfcd7$export$f2f6e48f0181f95d), {
+            children: [
+                /*#__PURE__*/ (0, $3Sbms$jsx)((0, $fdbe2be8571dfcd7$export$b834616c6081368f), {
+                    children: t("notifications.blockedMicrophonePopupTitle")
+                }),
+                /*#__PURE__*/ (0, $3Sbms$jsx)((0, $fdbe2be8571dfcd7$export$12ed2ca69ff6905b), {
+                    children: t("notifications.blockedMicrophonePopup")
+                }),
+                /*#__PURE__*/ (0, $3Sbms$jsx)((0, $fdbe2be8571dfcd7$export$d39b0d24481757e7), {
+                    onClick: close,
+                    children: "Dismiss"
+                })
+            ]
+        })
+    });
+};
+var $6aca0f707e80bf63$export$2e2bcd8739ae039 = $6aca0f707e80bf63$var$BlockedDevicesPopup;
+
+
 // https://github.com/video-dev/can-autoplay
 const $15a01b611391c1e7$var$audioSource = new Blob([
     new Uint8Array([
@@ -8307,8 +9089,9 @@ const $4fb4815baa04b470$export$914ddf2021ea8ee6 = (0, $3Sbms$styledcomponents).d
 
 
 
+
 const $26ed036cbc17809a$var$currentTheme = (0, $52580db2e49cdd90$export$3bfd0d5209a8006a)();
-const $26ed036cbc17809a$var$currentLanguage = (0, $1694791461215de9$export$604ba5624273df44)();
+const $26ed036cbc17809a$var$currentLanguage = (0, $a3e657fb86ae23f3$export$604ba5624273df44)();
 let $26ed036cbc17809a$var$timestampCriticalError = -1;
 const $26ed036cbc17809a$var$StreamUI = ({ options: options  })=>{
     const [selfPeerId, setSelfPeerId] = (0, $3Sbms$useState)(undefined);
@@ -8321,14 +9104,15 @@ const $26ed036cbc17809a$var$StreamUI = ({ options: options  })=>{
     const [isYoutubePopupVisible, setIsYoutubePopupVisible] = (0, $3Sbms$useState)(false);
     const [isLinksharePopupVisible, setIsLinksharePopupVisible] = (0, $3Sbms$useState)(false);
     const [theme, setTheme] = (0, $3Sbms$useState)($26ed036cbc17809a$var$currentTheme);
-    const [language, setLanguage] = (0, $3Sbms$useState)($26ed036cbc17809a$var$currentLanguage);
-    const [selfDisplayName, setSelfDisplayName] = (0, $3Sbms$useState)("");
+    const [language, setLanguage] = (0, $3Sbms$useState)(options.language || $26ed036cbc17809a$var$currentLanguage);
+    const [profile1, setProfile] = (0, $3Sbms$useState)({});
     const [muted, setMuted] = (0, $3Sbms$useState)(true);
     const [streaming, setStreaming] = (0, $3Sbms$useState)(false);
     const [screensharing, setScreensharing] = (0, $3Sbms$useState)(false);
     const [isAgent, setIsAgent] = (0, $3Sbms$useState)(false);
     const [userInteractionTriggered, setUserInteractionTriggered] = (0, $3Sbms$useState)(false);
     const [containerWidth, containerHeight] = (0, $af23c74942bdcae7$export$2b86bedf890eab8)(streamUIContainerRef.current);
+    const [isBlockedDevicesPopupOpen, setBlockedDevicesPopupOpen] = (0, $3Sbms$useState)(false);
     const orientation = containerWidth > containerHeight ? "landscape" : "portrait";
     const styledTheme = theme === "dark" ? (0, $52580db2e49cdd90$export$3e936a8db52a10a0) : (0, $52580db2e49cdd90$export$f30cb9bc4f736419);
     const onEnterRoom = async (event)=>{
@@ -8338,6 +9122,7 @@ const $26ed036cbc17809a$var$StreamUI = ({ options: options  })=>{
             await (0, $15a01b611391c1e7$export$494039379563c94d)();
             setUserInteractionTriggered(true);
         } catch (userInteractionError) {
+            setBlockedDevicesPopupOpen(true);
             console.error("User interaction trigger failed", userInteractionError);
         }
     };
@@ -8355,11 +9140,17 @@ const $26ed036cbc17809a$var$StreamUI = ({ options: options  })=>{
     };
     const onDefaultAudioDeviceChange = (event)=>{
         const micro = event.detail.label;
-        (0, $3Sbms$reacthottoast)(`Connected to: ${micro}`);
+        (0, $a5146f9062d7bf28$export$3a57e165650c636f)(`Connected to ${micro}`, {
+            duration: 3000,
+            icon: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $6043ae1b48c5aa97$export$2e2bcd8739ae039), {}),
+            messageStyle: {
+                fontWeight: 600
+            }
+        });
     };
-    const onSelfDisplayNameUpdate = (event)=>{
-        const { displayName: displayName  } = event.detail;
-        setSelfDisplayName(displayName);
+    const onSelfProfileUpdate = (event)=>{
+        const { profile: profile  } = event.detail;
+        setProfile(profile);
     };
     const onCallEnd = ()=>{
         (0, $15a01b611391c1e7$export$716eeec86fd18da7)();
@@ -8411,6 +9202,7 @@ const $26ed036cbc17809a$var$StreamUI = ({ options: options  })=>{
     (0, $3Sbms$useEffect)(()=>{
         try {
             localStorage.setItem("stream_ui_language", language);
+            (0, $384d985bb9605c35$export$2e2bcd8739ae039).changeLanguage(language);
         } catch (localStorageError) {
             console.warn(localStorageError);
         }
@@ -8427,7 +9219,7 @@ const $26ed036cbc17809a$var$StreamUI = ({ options: options  })=>{
         (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("microphoneMute", onMicrophoneUpdate);
         (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("microphoneUnmute", onMicrophoneUpdate);
         (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("defaultAudioDeviceChange", onDefaultAudioDeviceChange);
-        (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("selfDisplayName", onSelfDisplayNameUpdate);
+        (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("selfProfileUpdate", onSelfProfileUpdate);
         (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("terminateRoom", onCallTerminated);
         (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("leaveRoom", onCallEnd);
         (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("invalidRoom", onInvalidRoom);
@@ -8443,7 +9235,7 @@ const $26ed036cbc17809a$var$StreamUI = ({ options: options  })=>{
             (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("microphoneMute", onMicrophoneUpdate);
             (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("microphoneUnmute", onMicrophoneUpdate);
             (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("defaultAudioDeviceChange", onDefaultAudioDeviceChange);
-            (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("selfDisplayName", onSelfDisplayNameUpdate);
+            (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("selfProfileUpdate", onSelfProfileUpdate);
             (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("terminateRoom", onCallTerminated);
             (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("leaveRoom", onCallEnd);
             (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("invalidRoom", onInvalidRoom);
@@ -8472,7 +9264,7 @@ const $26ed036cbc17809a$var$StreamUI = ({ options: options  })=>{
             language: language,
             setLanguage: setLanguage,
             options: options,
-            selfDisplayName: selfDisplayName,
+            profile: profile1,
             muted: muted,
             streaming: streaming,
             screensharing: screensharing,
@@ -8490,6 +9282,12 @@ const $26ed036cbc17809a$var$StreamUI = ({ options: options  })=>{
                     children: [
                         /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3a42b2ef7646d035$export$2e2bcd8739ae039), {}),
                         /*#__PURE__*/ (0, $3Sbms$jsx)((0, $805d92fa41e6e1b0$export$2e2bcd8739ae039), {}),
+                        isBlockedDevicesPopupOpen && /*#__PURE__*/ (0, $3Sbms$jsx)((0, $6aca0f707e80bf63$export$2e2bcd8739ae039), {
+                            close: ()=>{
+                                setUserInteractionTriggered(true);
+                                setBlockedDevicesPopupOpen(false);
+                            }
+                        }),
                         streamState === "streaming" && /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$Fragment), {
                             children: /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $cce9fd41d8a55a18$export$74636703cfe1eecf), {
                                 children: [
@@ -8511,6 +9309,7 @@ var $26ed036cbc17809a$export$2e2bcd8739ae039 = $26ed036cbc17809a$var$StreamUI;
 
 
 
+
 const $24075a5d702d64b3$var$currentURL = new URL(window.location.href);
 const $24075a5d702d64b3$var$microphoneEnabled = $24075a5d702d64b3$var$currentURL.searchParams.get("microphone-enabled") !== "0";
 const $24075a5d702d64b3$var$cameraEnabled = $24075a5d702d64b3$var$currentURL.searchParams.get("camera-enabled") === "1";
@@ -8529,7 +9328,8 @@ const $24075a5d702d64b3$var$defaultOptions = {
         screenshare: {
             available: true
         }
-    }
+    },
+    streamApiURL: String("https://apistream.snapcall.io")
 };
 const $24075a5d702d64b3$export$3f94917203ab7078 = {
     init: ({ element: element , ...options })=>{
@@ -8554,7 +9354,10 @@ const $24075a5d702d64b3$export$3f94917203ab7078 = {
     generateToken: (0, $c9e496369b59be7a$export$2f377c2162fd02b2).generateToken.bind((0, $c9e496369b59be7a$export$2f377c2162fd02b2)),
     addEventListener: (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener.bind((0, $c9e496369b59be7a$export$2f377c2162fd02b2)),
     dispatchEvent: (0, $c9e496369b59be7a$export$2f377c2162fd02b2).dispatchEvent.bind((0, $c9e496369b59be7a$export$2f377c2162fd02b2)),
-    getState: (0, $c9e496369b59be7a$export$2f377c2162fd02b2).getState.bind((0, $c9e496369b59be7a$export$2f377c2162fd02b2))
+    getState: (0, $c9e496369b59be7a$export$2f377c2162fd02b2).getState.bind((0, $c9e496369b59be7a$export$2f377c2162fd02b2)),
+    setProfile: (0, $c9e496369b59be7a$export$2f377c2162fd02b2).setProfile.bind((0, $c9e496369b59be7a$export$2f377c2162fd02b2)),
+    /* Should not be documented */ setConfig: (0, $c9e496369b59be7a$export$2f377c2162fd02b2).setConfig.bind((0, $c9e496369b59be7a$export$2f377c2162fd02b2)),
+    setLogLevel: (level)=>(0, $0f65a9eaf4a1e910$export$2e2bcd8739ae039).setLogLevel(level)
 };
 window.streamUI = $24075a5d702d64b3$export$3f94917203ab7078;
 // Backward compatibility