@snapcall/stream-ui 1.4.1 → 1.6.0

package/dist/stream-ui.js

@@ -1,27 +1,31 @@
 var $jQDcL$reactjsxruntime = require("react/jsx-runtime");
 var $jQDcL$reactdom = require("react-dom");
+var $jQDcL$hotjarbrowser = require("@hotjar/browser");
 var $jQDcL$reacthottoast = require("react-hot-toast");
 var $jQDcL$styledcomponents = require("styled-components");
 var $jQDcL$react = require("react");
 require("inobounce");
+var $jQDcL$i18next = require("i18next");
+var $jQDcL$reacti18next = require("react-i18next");
 var $jQDcL$bowser = require("bowser");
 var $jQDcL$uuid = require("uuid");
 var $jQDcL$protooclient = require("protoo-client");
-var $jQDcL$mediasoupclient = require("mediasoup-client");
 var $jQDcL$sentrybrowser = require("@sentry/browser");
 var $jQDcL$mediasoupclientlibProducer = require("mediasoup-client/lib/Producer");
+var $jQDcL$mediasoupclient = require("mediasoup-client");
 var $jQDcL$qrcode = require("qrcode");
 
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
 function $parcel$interopDefault(a) {
   return a && a.__esModule ? a.default : a;
 }
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
 
 $parcel$export(module.exports, "streamUI", () => $e68207026aca356b$export$3f94917203ab7078);
 
 
+
 const $6b4cf4c12c735fdf$var$isObject = (obj)=>{
     if (typeof obj === "object" && obj !== null) {
         if (typeof Object.getPrototypeOf === "function") {
@@ -313,10 +317,491 @@ const $84c6cbcbb594d072$export$3a57e165650c636f = (message, options = {})=>{
 
 
 
+const $393bda1b33846dfc$export$604ba5624273df44 = ()=>{
+    try {
+        const storedTheme = localStorage.getItem("stream_ui_language");
+        if (storedTheme) return storedTheme;
+        return "en";
+    } catch (localStorageError) {
+        console.warn(localStorageError);
+        return "en";
+    }
+};
+
+
+const $91fcbf58e59aae79$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",
+            full: "You can't join this call",
+            fullDescription: "The room is full. Please try to join the call later."
+        },
+        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: "Create link",
+            title2: "Create a link",
+            invalid: "Invalid link",
+            sentToUsers: "Link sent to users",
+            sentToUser: "Link sent to {{user}}",
+            failed: "Failed to send link",
+            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: "{{user}} 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 $e52ca91c2b296e41$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",
+            full: "Impossible de rejoindre l'appel",
+            fullDescription: "Limite d'utilisateurs atteinte. Merci de rejoindre l'appel ult\xe9rieurement."
+        },
+        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",
+            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",
+            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: "{{user}} 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 $e0ae3d23c2381da3$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",
+            full: "Impossibile partecipare alla chiamata",
+            fullDescription: "Limite d'uso attenente."
+        },
+        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",
+            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",
+            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: "{{user}} 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 $b45c0bcc142f0b5e$export$150b732325d14d04 = {
+    en: $91fcbf58e59aae79$export$84584c2a98eb6753,
+    fr: $e52ca91c2b296e41$export$acb2a88f7d552ebf,
+    it: $e0ae3d23c2381da3$export$3486a10f30cf1ee4
+};
+(0, ($parcel$interopDefault($jQDcL$i18next))).use((0, $jQDcL$reacti18next.initReactI18next)).init({
+    lng: (0, $393bda1b33846dfc$export$604ba5624273df44)(),
+    fallbackLng: "en",
+    resources: $b45c0bcc142f0b5e$export$150b732325d14d04,
+    interpolation: {
+        escapeValue: false
+    }
+});
+var $b45c0bcc142f0b5e$export$2e2bcd8739ae039 = (0, ($parcel$interopDefault($jQDcL$i18next)));
+
+
+
+
+
+
+
 
 
 
 
+const $d0c6baf97675ab49$var$LogLevel = {
+    error: 1,
+    warn: 2,
+    info: 3,
+    log: 4,
+    debug: 5
+};
+const $d0c6baf97675ab49$var$LevelDescription = {
+    1: "error",
+    2: "warn",
+    3: "info",
+    4: "verbose",
+    5: "debug"
+};
+let $d0c6baf97675ab49$var$logLevel = Number(2);
+const $d0c6baf97675ab49$var$dateFormat = new Intl.DateTimeFormat("en-GB", {
+    year: "numeric",
+    month: "numeric",
+    day: "numeric",
+    hour: "numeric",
+    minute: "numeric",
+    second: "numeric",
+    timeZone: "GMT"
+});
+class $d0c6baf97675ab49$export$2e2bcd8739ae039 {
+    constructor(filename, customLogLevel){
+        this.filename = filename;
+        this.customLogLevel = customLogLevel;
+    }
+    print(level, logger, scope, ...arg) {
+        const head = `[ ${$d0c6baf97675ab49$var$dateFormat.format(new Date())} ][ ${$d0c6baf97675ab49$var$LevelDescription[level]} ][ ${this.filename} - ${scope} ]`;
+        if (level <= (this.customLogLevel || $d0c6baf97675ab49$var$logLevel)) logger(head, ...arg);
+        else (0, $jQDcL$sentrybrowser.addBreadcrumb)({
+            type: "debug",
+            level: $d0c6baf97675ab49$var$LevelDescription[level],
+            category: "console",
+            data: {
+                head: head,
+                arguments: arg
+            }
+        });
+    }
+    debug(scope, ...arg) {
+        this.print($d0c6baf97675ab49$var$LogLevel.debug, console.debug, scope, ...arg);
+    }
+    error(scope, ...arg) {
+        this.print($d0c6baf97675ab49$var$LogLevel.error, console.error, scope, ...arg);
+    }
+    info(scope, ...arg) {
+        this.print($d0c6baf97675ab49$var$LogLevel.info, console.info, scope, ...arg);
+    }
+    log(scope, ...arg) {
+        this.print($d0c6baf97675ab49$var$LogLevel.log, console.log, scope, ...arg);
+    }
+    warn(scope, ...arg) {
+        this.print($d0c6baf97675ab49$var$LogLevel.warn, console.warn, scope, ...arg);
+    }
+    deprecated(...arg) {
+        console.warn("[ DEPRECATED ]", ...arg);
+    }
+    static setLogLevel(level) {
+        $d0c6baf97675ab49$var$logLevel = level;
+    }
+    setLogLevel(level) {
+        this.customLogLevel = level;
+    }
+}
+
+
+const $6a90fae7e584afd4$var$log = new (0, $d0c6baf97675ab49$export$2e2bcd8739ae039)("AudioLevels.ts");
 const $6a90fae7e584afd4$var$audioContextConstructor = window.AudioContext || window.webkitAudioContext;
 const $6a90fae7e584afd4$var$AUDIO_MUTE_DETECTION_TIME = 2000;
 const $6a90fae7e584afd4$var$SPEAK_DETECTION_TIME = 500;
@@ -414,10 +899,10 @@ class $6a90fae7e584afd4$export$ea669869acd8f177 {
         try {
             this.audioStreamSource.disconnect(this.analyser);
         } catch (err1) {
-            console.error("audioStreamSource failed to disconnect", err1);
+            $6a90fae7e584afd4$var$log.error("release", "audioStreamSource failed to disconnect", err1);
         }
         this.audioContext.close().catch((err)=>{
-            console.error("audioContext failed to close", err);
+            $6a90fae7e584afd4$var$log.error("release", "audioContext failed to close", err);
         });
         this.audioLevels = [];
     }
@@ -427,6 +912,8 @@ class $6a90fae7e584afd4$export$ea669869acd8f177 {
 }
 
 
+
+const $1bfa11322d1d6377$var$log = new (0, $d0c6baf97675ab49$export$2e2bcd8739ae039)("AudioRenderer.ts");
 class $1bfa11322d1d6377$var$AudioRenderer {
     constructor({ consumerId: consumerId  }){
         this.consumerId = consumerId;
@@ -446,9 +933,12 @@ class $1bfa11322d1d6377$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");
+            $1bfa11322d1d6377$var$log.warn("play", "failed to play");
             setTimeout(()=>{
                 this.play();
             }, 1000);
@@ -519,12 +1009,138 @@ const $3575c8a563f2a1da$export$4a210166cc9cb64b = async (src)=>{
 
 
 
+
+
+
+
+const $a62e7f17be5cf3a0$var$log = new (0, $d0c6baf97675ab49$export$2e2bcd8739ae039)("StreamerMediasoup");
+function $a62e7f17be5cf3a0$var$deviceAutoDetection() {
+    try {
+        const ua = navigator.userAgent;
+        const browser = $jQDcL$bowser.getParser(ua);
+        $jQDcL$sentrybrowser.setTag("DeviceDetectionForced", true);
+        $jQDcL$sentrybrowser.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, $jQDcL$mediasoupclient.Device)({
+            handlerName: "Safari12"
+        });
+        throw Error("failed to autoDetect browser, falling back to chrome 74");
+    } catch (error) {
+        $a62e7f17be5cf3a0$var$log.error("deviceAutoDetection", error);
+        $jQDcL$sentrybrowser.captureException(error);
+    }
+    return new (0, $jQDcL$mediasoupclient.Device)({
+        handlerName: "Chrome74"
+    });
+}
+function $a62e7f17be5cf3a0$var$createDevice() {
+    try {
+        return new (0, $jQDcL$mediasoupclient.Device)();
+    } catch (error) {
+        $a62e7f17be5cf3a0$var$log.error("failed to detects device from mediasoup, fallback on auto detection", error);
+        return $a62e7f17be5cf3a0$var$deviceAutoDetection();
+    }
+}
+class $a62e7f17be5cf3a0$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 = $a62e7f17be5cf3a0$var$createDevice();
+        device.load({
+            routerRtpCapabilities: routerRtpCapabilities
+        });
+        return new $a62e7f17be5cf3a0$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)=>{
+            $a62e7f17be5cf3a0$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
+                });
+                $a62e7f17be5cf3a0$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)=>{
+            $a62e7f17be5cf3a0$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 $1dedebd5ff3002eb$var$log = new (0, $d0c6baf97675ab49$export$2e2bcd8739ae039)("StreamerClient");
 const $1dedebd5ff3002eb$export$818d60b2e626da0c = {
     WEBRTC_FAILED: "WRTC1",
     WEBRTC_RECOVER_ERROR: "WRTC2",
     CREATE_TRANSPORT_FAILED: "TRANS1",
     CONSUME_ERROR: "CONS1",
-    SOCKET_LOST: "SOCK1"
+    SOCKET_LOST: "SOCK1",
+    USER_LIMIT: "USERLIMIT"
 };
 const $1dedebd5ff3002eb$export$d21ffcc5eb136bfa = {
     qvga: {
@@ -587,6 +1203,7 @@ class $1dedebd5ff3002eb$var$SnapcallEvent extends CustomEvent {
 }
 const $1dedebd5ff3002eb$var$StreamerEventTargetType = EventTarget;
 class $1dedebd5ff3002eb$export$2e2bcd8739ae039 extends $1dedebd5ff3002eb$var$StreamerEventTargetType {
+    mediasoupTransport = {};
     pendingDeviceRequest = {};
     joinOptions = {};
     devicesList = [];
@@ -741,17 +1358,19 @@ class $1dedebd5ff3002eb$export$2e2bcd8739ae039 extends $1dedebd5ff3002eb$var$Str
             this.joinRoom();
         });
         this.protoo.on("failed", ()=>{
-            console.error("failed");
+            $1dedebd5ff3002eb$var$log.error("protoo.on", "failed");
             this.onCriticalError($1dedebd5ff3002eb$export$818d60b2e626da0c.SOCKET_LOST);
         });
         this.protoo.on("disconnected", ()=>{
-            console.error("disconnected");
+            $1dedebd5ff3002eb$var$log.error("protoo.on", "disconnected");
             this.onCriticalError($1dedebd5ff3002eb$export$818d60b2e626da0c.SOCKET_LOST);
         });
-        this.protoo.on("close", ()=>console.log("close :("));
+        this.protoo.on("close", ()=>$1dedebd5ff3002eb$var$log.log("protoo.on", "close :("));
         this.protoo.on("notification", async (notification)=>{
-            console.log("notification", notification);
-            if (notification.method === "newPeer") {
+            $1dedebd5ff3002eb$var$log.log("notification", notification);
+            if (notification.method === "error") {
+                if (notification.data?.reason === "reached user limit") this.onCriticalError($1dedebd5ff3002eb$export$818d60b2e626da0c.USER_LIMIT);
+            } else if (notification.method === "newPeer") {
                 const { id: id , profile: profile  } = notification.data;
                 this.peers.set(id, {
                     id: id,
@@ -886,158 +1505,63 @@ class $1dedebd5ff3002eb$export$2e2bcd8739ae039 extends $1dedebd5ff3002eb$var$Str
             }
         });
     }
-    deviceAutoDetection() {
-        try {
-            const ua = navigator.userAgent;
-            const browser = $jQDcL$bowser.getParser(ua);
-            $jQDcL$sentrybrowser.setTag("DeviceDetectionForced", true);
-            $jQDcL$sentrybrowser.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 $jQDcL$mediasoupclient.Device({
-                handlerName: "Safari12"
-            });
-            throw Error("failed to autoDetect browser, falling back to chrome 74");
-        } catch (error) {
-            console.error(error);
-            $jQDcL$sentrybrowser.captureException(error);
-            this.dispatchEvent(new CustomEvent("browserDetectionFailed"));
-        }
-        return new $jQDcL$mediasoupclient.Device({
-            handlerName: "Chrome74"
-        });
-    }
-    createDevice() {
-        try {
-            return new $jQDcL$mediasoupclient.Device();
-        } catch (error) {
-            console.error("failed to detects device from mediasoup, fallback on auto detection", error);
-            return this.deviceAutoDetection();
+    closeWebrtcTransport(key) {
+        const transport = this.mediasoupTransport[key];
+        if (transport) {
+            transport?.transport?.close();
+            clearTimeout(transport?.disconnectTimeout);
+            delete this.mediasoupTransport[key];
         }
     }
-    closeWebrtcTransport(transport) {
-        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.config.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($1dedebd5ff3002eb$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) {
+                $1dedebd5ff3002eb$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);
+                    $1dedebd5ff3002eb$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}`);
                     $jQDcL$sentrybrowser.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);
+                    $1dedebd5ff3002eb$var$log.error("listenWebRTCTransportStats", "webrtc stat failed", err);
                     this.onCriticalError($1dedebd5ff3002eb$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($1dedebd5ff3002eb$export$818d60b2e626da0c.CREATE_TRANSPORT_FAILED);
-            throw err;
-        }
+        this.streamerMediasoup = await (0, $a62e7f17be5cf3a0$export$2e2bcd8739ae039).create(this.protoo, this.config);
         // now we join
         if (this.joinOptions.apiKey && this.joinOptions.email) try {
             const agentInfo = await this.fetchAgentInfo({
@@ -1051,7 +1575,7 @@ class $1dedebd5ff3002eb$export$2e2bcd8739ae039 extends $1dedebd5ff3002eb$var$Str
                 }
             }));
         } catch (agentInfoError) {
-            console.warn(agentInfoError);
+            $1dedebd5ff3002eb$var$log.warn("joinRoom", agentInfoError);
             this.dispatchEvent(new $1dedebd5ff3002eb$var$SnapcallEvent("agentIdentity", {
                 detail: {
                     success: false
@@ -1082,7 +1606,7 @@ class $1dedebd5ff3002eb$export$2e2bcd8739ae039 extends $1dedebd5ff3002eb$var$Str
                 callId: callId
             }
         }));
-        console.log("peers", peers);
+        $1dedebd5ff3002eb$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
@@ -1095,12 +1619,12 @@ class $1dedebd5ff3002eb$export$2e2bcd8739ae039 extends $1dedebd5ff3002eb$var$Str
     }
     async switchMicrophone(deviceId) {
         try {
-            console.log("switchMicrophone", "switching Microphone");
+            $1dedebd5ff3002eb$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");
+                $1dedebd5ff3002eb$var$log.log("switchMicrophone", "stopping previous track");
             }
             const stream = await this.handleGetUserMediaError("microphone", navigator.mediaDevices.getUserMedia({
                 audio: {
@@ -1110,14 +1634,14 @@ class $1dedebd5ff3002eb$export$2e2bcd8739ae039 extends $1dedebd5ff3002eb$var$Str
                 }
             }));
             this.audioLevel = new (0, $6a90fae7e584afd4$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");
+            $1dedebd5ff3002eb$var$log.log("switchMicrophone", "switched Microphone");
         } catch (error) {
-            console.error("switchMicrophone error", error);
+            $1dedebd5ff3002eb$var$log.error("switchMicrophone error", error);
             await this.closeMicrophoneProducer();
         }
     }
@@ -1134,7 +1658,7 @@ class $1dedebd5ff3002eb$export$2e2bcd8739ae039 extends $1dedebd5ff3002eb$var$Str
         });
     }
     async onDeviceChange() {
-        console.log("detecting device change");
+        $1dedebd5ff3002eb$var$log.log("onDeviceChange", "detecting device change");
         const deviceListChangeEvent = new $1dedebd5ff3002eb$var$SnapcallEvent("devicesListChange", {
             detail: {}
         });
@@ -1144,7 +1668,7 @@ class $1dedebd5ff3002eb$export$2e2bcd8739ae039 extends $1dedebd5ff3002eb$var$Str
             const inputs = lists.filter((media)=>media.kind === "audioinput");
             // chrome default device
             if (inputs.length === 0) {
-                console.warn("no audio input device");
+                $1dedebd5ff3002eb$var$log.warn("onDeviceChange", "no audio input device");
                 await this.closeMicrophoneProducer();
                 return;
             }
@@ -1155,21 +1679,21 @@ class $1dedebd5ff3002eb$export$2e2bcd8739ae039 extends $1dedebd5ff3002eb$var$Str
                 const change = lists.filter((elements)=>{
                     return !Boolean(this.devicesList.find((device)=>device.deviceId === elements.deviceId && device.label === elements.label));
                 });
-                console.log(change);
+                $1dedebd5ff3002eb$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");
+                    $1dedebd5ff3002eb$var$log.warn("onDeviceChange", "no audio input change");
                     return;
                 }
-                console.log("detecting audio input change");
+                $1dedebd5ff3002eb$var$log.log("onDeviceChange", "detecting audio input change");
                 if (!this.audioInputDefaultDevice || this.audioInputDefaultDevice.label !== defaultDevice.label) {
                     const event = new $1dedebd5ff3002eb$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);
+                    $1dedebd5ff3002eb$var$log.log("onDeviceChange", "new default audio input trying to switch new :", defaultDevice.deviceId, defaultDevice.label);
                 }
                 this.switchMicrophone("default");
             }
@@ -1184,12 +1708,12 @@ class $1dedebd5ff3002eb$export$2e2bcd8739ae039 extends $1dedebd5ff3002eb$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, $6a90fae7e584afd4$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,
@@ -1200,13 +1724,13 @@ class $1dedebd5ff3002eb$export$2e2bcd8739ae039 extends $1dedebd5ff3002eb$var$Str
                 }
             });
             micProducer.on("transportclose", ()=>{
-                console.log("micproducer transportclose");
+                $1dedebd5ff3002eb$var$log.log("enableMicrophone", "micproducer transportclose");
             });
             track.addEventListener("ended", ()=>{
-                console.log("track ended!");
+                $1dedebd5ff3002eb$var$log.log("enableMicrophone", "track ended!");
             });
             micProducer.on("trackended", async ()=>{
-                console.log("microphone disconnected!");
+                $1dedebd5ff3002eb$var$log.log("enableMicrophone", "microphone disconnected!");
                 if (navigator.mediaDevices.ondevicechange === undefined) this.closeMicrophoneProducer();
             });
             this.micProducer = micProducer;
@@ -1259,11 +1783,8 @@ class $1dedebd5ff3002eb$export$2e2bcd8739ae039 extends $1dedebd5ff3002eb$var$Str
         }
     }
     release() {
-        console.log("release");
-        this.closeWebrtcTransport(this.sendAudioTransports);
-        this.closeWebrtcTransport(this.recvAudioTransports);
-        this.closeWebrtcTransport(this.sendVideoTransports);
-        this.closeWebrtcTransport(this.recvVideoTransports);
+        $1dedebd5ff3002eb$var$log.log("release");
+        for(let key in this.mediasoupTransport)this.closeWebrtcTransport(key);
         this.webcamTrack?.stop();
         this.webcamTrack = null;
         this.protooTransport.close();
@@ -1335,18 +1856,18 @@ class $1dedebd5ff3002eb$export$2e2bcd8739ae039 extends $1dedebd5ff3002eb$var$Str
         }
     }
     async restartIce(transport) {
-        console.log("restartIce", transport.connectionState, transport.closed);
+        $1dedebd5ff3002eb$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);
+            $1dedebd5ff3002eb$var$log.log("restartIce", iceParameters);
             await transport.restartIce({
                 iceParameters: iceParameters
             });
         } catch (err) {
             this.onCriticalError($1dedebd5ff3002eb$export$818d60b2e626da0c.WEBRTC_RECOVER_ERROR);
-            console.log("restartIceFailed", err);
+            $1dedebd5ff3002eb$var$log.log("restartIce", "restartIceFailed", err);
             $jQDcL$sentrybrowser.captureException(err, {
                 extra: {
                     direction: transport.direction,
@@ -1360,7 +1881,7 @@ class $1dedebd5ff3002eb$export$2e2bcd8739ae039 extends $1dedebd5ff3002eb$var$Str
         if (scale === 2) videoResolution = $1dedebd5ff3002eb$export$d21ffcc5eb136bfa["vga"];
         else if (scale > 2) videoResolution = $1dedebd5ff3002eb$export$d21ffcc5eb136bfa["qvga"];
         if (!this.webcam.resolution || $1dedebd5ff3002eb$export$d21ffcc5eb136bfa[this.webcam.resolution].qualityIndex >= videoResolution.qualityIndex) {
-            console.log(`scaling video by ${scale}`, videoResolution);
+            $1dedebd5ff3002eb$var$log.log("scaleVideoMediasConstraintsParameter", `scaling video by ${scale}`, videoResolution);
             this.webcamProducer?.track?.applyConstraints(videoResolution);
         }
     }
@@ -1382,14 +1903,14 @@ class $1dedebd5ff3002eb$export$2e2bcd8739ae039 extends $1dedebd5ff3002eb$var$Str
             };
             if (!(0, $jQDcL$mediasoupclientlibProducer.Producer).prototype.setRtpEncodingParameters) return this.scaleVideoMediasConstraintsParameter(scale.scaleResolutionDownBy);
             if (this.webcamProducer && !this.webcamProducer.closed) {
-                console.log(`scaling video by ${scale.scaleResolutionDownBy}`);
+                $1dedebd5ff3002eb$var$log.log("scaleVideoEncodingsParameter", `scaling video by ${scale.scaleResolutionDownBy}`);
                 this.webcamProducer?.setRtpEncodingParameters?.(scale).catch((err)=>{
-                    console.error("scaleResolutionDownBy not supported", err);
+                    $1dedebd5ff3002eb$var$log.error("scaleVideoEncodingsParameter", "scaleResolutionDownBy not supported", err);
                     this.scaleVideoMediasConstraintsParameter(scale.scaleResolutionDownBy);
                 });
             }
         } catch (error) {
-            console.error("scaleVideo error", error);
+            $1dedebd5ff3002eb$var$log.error("scaleVideoEncodingsParameter", "scaleVideo error", error);
         }
     }
     async switchWebcam({ device: device , resolution: resolution , rotate: rotate  }) {
@@ -1416,7 +1937,8 @@ class $1dedebd5ff3002eb$export$2e2bcd8739ae039 extends $1dedebd5ff3002eb$var$Str
                 ...$1dedebd5ff3002eb$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?.({
@@ -1447,7 +1969,8 @@ class $1dedebd5ff3002eb$export$2e2bcd8739ae039 extends $1dedebd5ff3002eb$var$Str
                 ...$1dedebd5ff3002eb$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?.();
@@ -1461,7 +1984,7 @@ class $1dedebd5ff3002eb$export$2e2bcd8739ae039 extends $1dedebd5ff3002eb$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,
@@ -1541,14 +2064,14 @@ class $1dedebd5ff3002eb$export$2e2bcd8739ae039 extends $1dedebd5ff3002eb$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,
@@ -1608,11 +2131,11 @@ class $1dedebd5ff3002eb$export$2e2bcd8739ae039 extends $1dedebd5ff3002eb$var$Str
         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 = ()=>$1dedebd5ff3002eb$var$log.log("requestVideo", "Remove Track");
+            consumer.mediaSoupConsumer.track.onended = ()=>$1dedebd5ff3002eb$var$log.log("requestVideo", "Track Ended");
             mediaStream.addTrack(consumer.mediaSoupConsumer.track);
             element.srcObject = mediaStream;
-        } else console.error(`Video consumer ${consumer} not found`);
+        } else $1dedebd5ff3002eb$var$log.error("requestVideo", `Video consumer ${consumer} not found`);
     }
     async captureVideo(videoElement) {
         let image;
@@ -1637,7 +2160,7 @@ class $1dedebd5ff3002eb$export$2e2bcd8739ae039 extends $1dedebd5ff3002eb$var$Str
             const mediaStream = new MediaStream();
             mediaStream.addTrack(this.screenshareProducer.track);
             element.srcObject = mediaStream;
-        } else console.log("screenshare producer not available yet");
+        } else $1dedebd5ff3002eb$var$log.log("requestLocalScreenshare", "screenshare producer not available yet");
     }
     consumePeer({ peerId: peerId , producersData: producersData  }) {
         producersData.forEach((producerData)=>{
@@ -1649,18 +2172,14 @@ class $1dedebd5ff3002eb$export$2e2bcd8739ae039 extends $1dedebd5ff3002eb$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({
@@ -1669,9 +2188,9 @@ class $1dedebd5ff3002eb$export$2e2bcd8739ae039 extends $1dedebd5ff3002eb$var$Str
             paused: paused
         });
         const { producerId: resolvedProducerId , id: id , kind: kind , rtpParameters: rtpParameters , appData: appData  } = data;
-        console.log("Data: ", data);
+        $1dedebd5ff3002eb$var$log.log("consumeProducer", "Data: ", data);
         try {
-            const consumer = await transport.transport.consume({
+            const consumer = await transport.consume({
                 id: id,
                 producerId: resolvedProducerId,
                 kind: kind,
@@ -1681,8 +2200,8 @@ class $1dedebd5ff3002eb$export$2e2bcd8739ae039 extends $1dedebd5ff3002eb$var$Str
                     peerId: peerId
                 }
             });
-            console.log("transport", transport.transport);
-            console.log("consumer", consumer);
+            $1dedebd5ff3002eb$var$log.log("transport", transport);
+            $1dedebd5ff3002eb$var$log.log("consumer", consumer);
             this.consumers.set(consumer.id, {
                 mediaSoupConsumer: consumer,
                 deviceType: deviceType
@@ -1709,7 +2228,7 @@ class $1dedebd5ff3002eb$export$2e2bcd8739ae039 extends $1dedebd5ff3002eb$var$Str
             });
         } catch (error) {
             this.onCriticalError($1dedebd5ff3002eb$export$818d60b2e626da0c.CONSUME_ERROR);
-            console.error("newConsumer request failed", error);
+            $1dedebd5ff3002eb$var$log.error("consumeProducer", "newConsumer request failed", error);
             throw error;
         }
     }
@@ -1753,7 +2272,7 @@ class $1dedebd5ff3002eb$export$2e2bcd8739ae039 extends $1dedebd5ff3002eb$var$Str
             const { callId: callId  } = await this.protoo.request("getCallId");
             return callId;
         } catch (err) {
-            console.error("Failed to get callId");
+            $1dedebd5ff3002eb$var$log.error("getCallId", "Failed to get callId");
             throw err;
         }
     }
@@ -1827,6 +2346,18 @@ class $1dedebd5ff3002eb$export$2e2bcd8739ae039 extends $1dedebd5ff3002eb$var$Str
     getCurrentWebcam() {
         return this.webcam;
     }
+    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({
             resolution: resolution
@@ -1856,7 +2387,7 @@ class $1dedebd5ff3002eb$export$2e2bcd8739ae039 extends $1dedebd5ff3002eb$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)=>$1dedebd5ff3002eb$var$log.warn("setAudioSink", "Failed to setSinkId on renderer (consumerId: %s): ", consumerId, err)));
         await Promise.allSettled(promises);
     }
     dispatchEvent(event) {
@@ -1864,12 +2395,6 @@ class $1dedebd5ff3002eb$export$2e2bcd8739ae039 extends $1dedebd5ff3002eb$var$Str
         window.dispatchEvent(event);
         return result;
     }
-    async getShareLinkData(url) {
-        const data = await this.protoo.request("shareLink", {
-            url: url
-        });
-        return data;
-    }
     async fetchAgentInfo({ apiKey: apiKey , email: email  }) {
         const apiURL = this.config.apiUrl;
         const agent = await fetch(`${apiURL}/agents/${email}`, {
@@ -2218,6 +2743,7 @@ const $cce7f1c9e9c29503$export$5170987d58ae338d = ()=>/*#__PURE__*/ (0, $jQDcL$r
 
 
 
+
 const $326cea7dbbcb019a$export$71b2224f1ce5e08e = (ref, action)=>{
     (0, $jQDcL$react.useEffect)(()=>{
         const onWindowClick = (event)=>{
@@ -2238,6 +2764,7 @@ const $326cea7dbbcb019a$export$71b2224f1ce5e08e = (ref, action)=>{
 
 
 
+
 const $4890069d0b6c2ba3$export$d00c23c5e97ada8 = (0, ($parcel$interopDefault($jQDcL$styledcomponents))).div`
   display: flex;
   flex-direction: column;
@@ -2301,6 +2828,7 @@ const $4890069d0b6c2ba3$export$6755b81a599fadda = (0, ($parcel$interopDefault($j
 
 
 const $82c4f35718e0facf$var$Menu = ({ categories: categories  })=>{
+    const { t: t  } = (0, $jQDcL$reacti18next.useTranslation)();
     return /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $4890069d0b6c2ba3$export$b286f91cddfedb5a), {
         children: categories.map((category)=>/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)((0, $4890069d0b6c2ba3$export$d00c23c5e97ada8), {
                 children: [
@@ -2322,7 +2850,7 @@ const $82c4f35718e0facf$var$Menu = ({ categories: categories  })=>{
                                 }),
                                 item.title,
                                 item.isNew && /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $4890069d0b6c2ba3$export$6755b81a599fadda), {
-                                    children: "NEW"
+                                    children: t("menu.new")
                                 })
                             ]
                         }, item.id))
@@ -2414,6 +2942,7 @@ const $1949f8f101c8cf77$export$c4e460d5c7d83bc3 = (0, ($parcel$interopDefault($j
 
 
 const $7eae5c8ece2c75ff$var$HeaderSettings = ({ baseCategories: baseCategories , extraCategories: extraCategories  })=>{
+    const { t: t  } = (0, $jQDcL$reacti18next.useTranslation)();
     const settingsOptionsContainerRef = (0, $jQDcL$react.useRef)(null);
     const [displaySettingsOptions, setDisplaySettingsOptions] = (0, $jQDcL$react.useState)(false);
     const [menuCategories, setMenuCategories] = (0, $jQDcL$react.useState)(baseCategories);
@@ -2506,7 +3035,7 @@ const $7eae5c8ece2c75ff$var$HeaderSettings = ({ baseCategories: baseCategories ,
                 children: [
                     /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $1949f8f101c8cf77$export$e2457e1974c298c3), {
                         onClick: onSettingsButtonClick,
-                        children: "Menu"
+                        children: t("menu.title")
                     }),
                     displaySettingsOptions && /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $1949f8f101c8cf77$export$c4e460d5c7d83bc3), {
                         ref: settingsOptionsContainerRef,
@@ -2523,6 +3052,7 @@ var $7eae5c8ece2c75ff$export$2e2bcd8739ae039 = $7eae5c8ece2c75ff$var$HeaderSetti
 
 
 
+
 const $21395e477f83709c$var$computeLayout = ({ width: width , height: height , tileCount: tileCount  })=>{
     const tilesPerRow = Math.min(tileCount, 12);
     let n = 0;
@@ -2618,7 +3148,7 @@ class $21395e477f83709c$export$45fabd1ce5e673de {
             await this.video.play();
             await this.video.requestPictureInPicture();
             this.draw();
-        } else (0, $jQDcL$reacthottoast.toast)("No camera available", {
+        } else (0, $jQDcL$reacthottoast.toast)((0, $b45c0bcc142f0b5e$export$2e2bcd8739ae039).t("notifications.noCamera"), {
             className: "error"
         });
     }
@@ -2700,6 +3230,7 @@ class $21395e477f83709c$export$45fabd1ce5e673de {
 const $e1930b467e7d8845$var$multiPiP = new (0, $21395e477f83709c$export$45fabd1ce5e673de)();
 const $e1930b467e7d8845$var$browser = $jQDcL$bowser.parse(window.navigator.userAgent);
 const $e1930b467e7d8845$var$Header = ()=>{
+    const { t: t  } = (0, $jQDcL$reacti18next.useTranslation)();
     const { setIsQuickConnectPopupVisible: setIsQuickConnectPopupVisible , setIsSettingsMenuVisible: setIsSettingsMenuVisible , options: options , muted: muted , streaming: streaming  } = (0, $jQDcL$react.useContext)((0, $8b39f32976a7698a$export$2e2bcd8739ae039));
     const { streams: streams  } = (0, $3f6e908c45fcc5b3$export$b5633a7cfbe42d9f)();
     const [extraOptions, setExtraOptions] = (0, $jQDcL$react.useState)(options.extraSettingsOptions || []);
@@ -2728,12 +3259,12 @@ const $e1930b467e7d8845$var$Header = ()=>{
         const onCopyCallLinkClick = async ()=>{
             try {
                 await (0, $0bea101d3ef852fb$export$2e2bcd8739ae039)(options.sharedURL || window.location.href);
-                (0, ($parcel$interopDefault($jQDcL$reacthottoast)))("Link copied to clipboard", {
+                (0, ($parcel$interopDefault($jQDcL$reacthottoast)))(t("copyLink.copied"), {
                     duration: 2000
                 });
             } catch (copyError) {
                 console.warn(copyError);
-                (0, ($parcel$interopDefault($jQDcL$reacthottoast)))("An error occured when trying to copy to clipboard", {
+                (0, ($parcel$interopDefault($jQDcL$reacthottoast)))(t("copyLink.error"), {
                     className: "error"
                 });
             }
@@ -2749,6 +3280,7 @@ const $e1930b467e7d8845$var$Header = ()=>{
         };
         const onScanQuickConnectClick = ()=>{
             setIsQuickConnectPopupVisible(true);
+            (0, ($parcel$interopDefault($jQDcL$hotjarbrowser))).event("quickConnectClick");
         };
         const onSettingsMenuClick = ()=>{
             setIsSettingsMenuVisible(true);
@@ -2759,7 +3291,7 @@ const $e1930b467e7d8845$var$Header = ()=>{
                 items: [
                     {
                         id: "openNewTab",
-                        title: "Open new tab",
+                        title: t("menu.openNewTab"),
                         jsxIcon: /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $cce7f1c9e9c29503$export$6546b255bd3a2004), {}),
                         action: onOpenInNewTabClick
                     }, 
@@ -2770,13 +3302,13 @@ const $e1930b467e7d8845$var$Header = ()=>{
                 items: [
                     {
                         id: "copyLink",
-                        title: "Copy link",
+                        title: t("copyLink.title"),
                         jsxIcon: /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $cce7f1c9e9c29503$export$92ce62e1201c4fc0), {}),
                         action: onCopyCallLinkClick
                     },
                     {
                         id: "quickConnect",
-                        title: "Quick Connect",
+                        title: t("quickConnect.title"),
                         jsxIcon: /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $cce7f1c9e9c29503$export$6470d09a29d34d08), {}),
                         action: onScanQuickConnectClick
                     }, 
@@ -2787,7 +3319,7 @@ const $e1930b467e7d8845$var$Header = ()=>{
                 items: [
                     {
                         id: "settings",
-                        title: "Settings",
+                        title: t("settings.title"),
                         jsxIcon: /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $cce7f1c9e9c29503$export$1095c93890fce526), {}),
                         action: onSettingsMenuClick
                     }, 
@@ -2796,7 +3328,7 @@ const $e1930b467e7d8845$var$Header = ()=>{
         ];
         if (document.pictureInPictureEnabled && $e1930b467e7d8845$var$browser.platform.type === "desktop") computedCategories[0].items.push({
             id: "pip",
-            title: "Picture-in-Picture",
+            title: t("menu.pictureInPicture"),
             jsxIcon: /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $cce7f1c9e9c29503$export$5170987d58ae338d), {}),
             action: onPipClick
         });
@@ -2806,7 +3338,8 @@ const $e1930b467e7d8845$var$Header = ()=>{
         streaming,
         options.sharedURL,
         setIsQuickConnectPopupVisible,
-        setIsSettingsMenuVisible, 
+        setIsSettingsMenuVisible,
+        t, 
     ]);
     return /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)((0, $1949f8f101c8cf77$export$1e86fd0e1db89578), {
         children: [
@@ -2864,6 +3397,7 @@ const $56e1e7a85d8bf4bb$export$2b86bedf890eab8 = (element)=>{
 
 
 
+
 const $0ac48791ff0bcc8e$var$Microphone = ({ slash: slash , redSlash: redSlash , status: status , deviceRequest: deviceRequest  })=>{
     if (slash) return /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)("svg", {
         width: "24",
@@ -3626,6 +4160,7 @@ const $07e749066c746c7c$var$getRequestButtonSize = (containerWidth)=>{
     return "large";
 };
 const $07e749066c746c7c$var$StreamTile = ({ stream: stream , width: width = 0 , height: height = 0  })=>{
+    const { t: t  } = (0, $jQDcL$reacti18next.useTranslation)();
     const videoElementRef = (0, $jQDcL$react.useRef)(null);
     const [hover, setHover] = (0, $jQDcL$react.useState)(false);
     const [requestingDevice, setRequestingDevice] = (0, $jQDcL$react.useState)(null);
@@ -3669,7 +4204,7 @@ const $07e749066c746c7c$var$StreamTile = ({ stream: stream , width: width = 0 ,
             if (requestingDeviceTimeoutRef.current) clearTimeout(requestingDeviceTimeoutRef.current);
             requestingDeviceTimeoutRef.current = setTimeout(()=>{
                 setRequestingDevice(null);
-                (0, ($parcel$interopDefault($jQDcL$reacthottoast)))("Your request has timed out.", {
+                (0, ($parcel$interopDefault($jQDcL$reacthottoast)))(t("requestDevice.timedOut"), {
                     className: "error"
                 });
             }, 20000);
@@ -3678,7 +4213,8 @@ const $07e749066c746c7c$var$StreamTile = ({ stream: stream , width: width = 0 ,
             };
         } else setHover(false);
     }, [
-        requestingDevice
+        requestingDevice,
+        t
     ]);
     (0, $jQDcL$react.useEffect)(()=>{
         const onRequestDeviceResult = (event)=>{
@@ -3687,8 +4223,10 @@ const $07e749066c746c7c$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.profile.name) message = `${stream.profile.name} has declined your request.`;
+                    let message = t("requestDevice.declined");
+                    if (stream.profile.name) message = t("requestDevice.userDeclined", {
+                        user: stream.profile.name
+                    });
                     (0, ($parcel$interopDefault($jQDcL$reacthottoast)))(message, {
                         className: "error"
                     });
@@ -3701,7 +4239,8 @@ const $07e749066c746c7c$var$StreamTile = ({ stream: stream , width: width = 0 ,
         };
     }, [
         stream.id,
-        stream.profile
+        stream.profile,
+        t
     ]);
     (0, $jQDcL$react.useEffect)(()=>{
         const onCustomMessage = async (event)=>{
@@ -3763,7 +4302,7 @@ const $07e749066c746c7c$var$StreamTile = ({ stream: stream , width: width = 0 ,
                 children: [
                     /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $66c45b20958474ec$export$df42e007689062b0), {
                         size: requestButtonSize,
-                        children: "Request input devices"
+                        children: t("requestDevice.requestInput")
                     }),
                     /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)((0, $66c45b20958474ec$export$81d5557f9199e44d), {
                         size: requestButtonSize,
@@ -3812,7 +4351,7 @@ const $07e749066c746c7c$var$StreamTile = ({ stream: stream , width: width = 0 ,
                         }) : /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $0319693440f03062$export$2e2bcd8739ae039), {})
                     }),
                     /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $66c45b20958474ec$export$b430fec6b171ceb5), {
-                        children: stream.profile.name || "User"
+                        children: stream.profile.name || t("misc.user")
                     })
                 ]
             })
@@ -3913,6 +4452,7 @@ var $dc81c0e96fbbb967$export$2e2bcd8739ae039 = $dc81c0e96fbbb967$var$AudioTile;
 
 
 
+
 const $c19f00532fd0c23c$var$Reduce = ()=>/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)("svg", {
         width: "22",
         height: "22",
@@ -4026,11 +4566,7 @@ const $7de6ded9bdec6f42$export$a6112fefa8de799d = ({ containerWidth: containerWi
 
 
 
-const $379218382afed0e6$var$deviceNames = {
-    microphone: "microphone",
-    webcam: "camera",
-    screen: "screen"
-};
+
 const $379218382afed0e6$var$getIcon = (device)=>{
     if (device === "microphone") return 0, $0ac48791ff0bcc8e$export$2e2bcd8739ae039;
     if (device === "webcam") return 0, $ab00aedf8a706bfe$export$2e2bcd8739ae039;
@@ -4038,10 +4574,16 @@ const $379218382afed0e6$var$getIcon = (device)=>{
     return 0, $0ac48791ff0bcc8e$export$2e2bcd8739ae039;
 };
 const $379218382afed0e6$var$DeviceRequest = ({ device: device , requesterId: requesterId , setExtended: setExtended , setDeviceRequest: setDeviceRequest  })=>{
+    const { t: t  } = (0, $jQDcL$reacti18next.useTranslation)();
     const { streams: streams  } = (0, $3f6e908c45fcc5b3$export$b5633a7cfbe42d9f)();
     const [pending, setPending] = (0, $jQDcL$react.useState)(false);
     const requesterStream = streams.find((stream)=>stream.id === requesterId);
     const Icon = $379218382afed0e6$var$getIcon(device);
+    const deviceNames = {
+        microphone: t("misc.microphone"),
+        webcam: t("misc.camera"),
+        screen: t("misc.screen")
+    };
     const onAccept = async ()=>{
         setExtended(false);
         setPending(true);
@@ -4076,24 +4618,22 @@ const $379218382afed0e6$var$DeviceRequest = ({ device: device , requesterId: req
                         deviceRequest: true
                     })
                 }),
-                /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)((0, $2c45d365ee8aa1ab$export$517ec31e58d61d2e), {
-                    children: [
-                        requesterStream?.profile?.name || "Someone",
-                        " would like you to share your",
-                        " ",
-                        $379218382afed0e6$var$deviceNames[device]
-                    ]
+                /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $2c45d365ee8aa1ab$export$517ec31e58d61d2e), {
+                    children: t("requestDevice.request", {
+                        user: requesterStream?.profile?.name || t("misc.someone"),
+                        device: deviceNames[device]
+                    })
                 }),
                 /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)((0, $2c45d365ee8aa1ab$export$dfd6aceefcfce0c9), {
                     children: [
                         /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $2c45d365ee8aa1ab$export$a85169f132f25a9d), {
                             onClick: onAccept,
                             active: true,
-                            children: "Accept"
+                            children: t("misc.accept")
                         }),
                         /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $2c45d365ee8aa1ab$export$a85169f132f25a9d), {
                             onClick: onDecline,
-                            children: "Decline"
+                            children: t("misc.decline")
                         })
                     ]
                 })
@@ -4209,7 +4749,9 @@ const $4ee7c4b0b3646a08$export$ab7d69e250642927 = ({ element: element  })=>{
 
 
 
+
 const $fdb92de69267f341$var$MediaSession = ()=>{
+    const { t: t  } = (0, $jQDcL$reacti18next.useTranslation)();
     const { muted: muted , streaming: streaming  } = (0, $jQDcL$react.useContext)((0, $8b39f32976a7698a$export$2e2bcd8739ae039));
     (0, $jQDcL$react.useEffect)(()=>{
         navigator.mediaSession?.setMicrophoneActive?.(!muted);
@@ -4227,7 +4769,7 @@ const $fdb92de69267f341$var$MediaSession = ()=>{
                     else await (0, $c48c1ecc38fed4e9$export$2f377c2162fd02b2).enableMicrophone();
                 } catch (microphoneToggleError) {
                     console.warn(microphoneToggleError);
-                    (0, ($parcel$interopDefault($jQDcL$reacthottoast)))("An error occured when trying to toggle the microphone (PiP)", {
+                    (0, ($parcel$interopDefault($jQDcL$reacthottoast)))(`${t("notifications.microphoneError")} (PiP)`, {
                         className: "error"
                     });
                 }
@@ -4243,7 +4785,7 @@ const $fdb92de69267f341$var$MediaSession = ()=>{
                     else await (0, $c48c1ecc38fed4e9$export$2f377c2162fd02b2).enableVideo();
                 } catch (cameraError) {
                     console.warn(cameraError);
-                    (0, ($parcel$interopDefault($jQDcL$reacthottoast)))("An error occured when trying to toggle the camera (PiP)", {
+                    (0, ($parcel$interopDefault($jQDcL$reacthottoast)))(`${t("notifications.cameraError")} (PiP)`, {
                         className: "error"
                     });
                 }
@@ -4258,7 +4800,9 @@ const $fdb92de69267f341$var$MediaSession = ()=>{
         } catch (hangupHandlerError) {
             console.warn("MediaSession hangup action is not available");
         }
-    }, []);
+    }, [
+        t
+    ]);
     return null;
 };
 var $fdb92de69267f341$export$2e2bcd8739ae039 = $fdb92de69267f341$var$MediaSession;
@@ -4270,6 +4814,7 @@ var $fdb92de69267f341$export$2e2bcd8739ae039 = $fdb92de69267f341$var$MediaSessio
 const $8393b5c887e16c8c$var$minimumTileWidth = 126;
 const $8393b5c887e16c8c$var$maximumTileWidth = 150;
 const $8393b5c887e16c8c$var$SelfStreamTile = ({ isSomeonePresenting: isSomeonePresenting , width: width , height: height  })=>{
+    const { t: t  } = (0, $jQDcL$reacti18next.useTranslation)();
     const [extended, setExtended] = (0, $jQDcL$react.useState)(false);
     const [zoom, setZoom] = (0, $jQDcL$react.useState)(false);
     const [zoomAvailable, setZoomAvailable] = (0, $jQDcL$react.useState)(false);
@@ -4342,8 +4887,13 @@ const $8393b5c887e16c8c$var$SelfStreamTile = ({ isSomeonePresenting: isSomeonePr
                     type: "snapshot",
                     imageSrc: objectUrl
                 });
-                let notificationMessage = "Snapshot sent to users.";
-                if (streams.length === 1) notificationMessage = `Snapshot sent to ${streams[0].profile.name || "user"}.`;
+                let notificationMessage = t("snapshot.sentToUsers");
+                if (streams.length === 1) {
+                    const userName = streams[0].profile.name || t("misc.user");
+                    notificationMessage = t("snapshot.sentToUser", {
+                        user: userName
+                    });
+                }
                 (0, $84c6cbcbb594d072$export$3a57e165650c636f)(notificationMessage, {
                     icon: /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $2c45d365ee8aa1ab$export$26fe7ec9351ff761), {
                         src: base64Image
@@ -4351,7 +4901,7 @@ const $8393b5c887e16c8c$var$SelfStreamTile = ({ isSomeonePresenting: isSomeonePr
                     duration: 2500
                 });
             } catch (sendMessageError) {
-                (0, ($parcel$interopDefault($jQDcL$reacthottoast)))("An error occured when trying to send the snapshot", {
+                (0, ($parcel$interopDefault($jQDcL$reacthottoast)))(t("snapshot.error"), {
                     className: "error"
                 });
                 console.error(sendMessageError);
@@ -4469,7 +5019,7 @@ const $8393b5c887e16c8c$var$SelfStreamTile = ({ isSomeonePresenting: isSomeonePr
             }),
             !extended && /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $2c45d365ee8aa1ab$export$500c3c5544c37412), {
                 children: /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)("span", {
-                    children: "You"
+                    children: t("misc.you")
                 })
             }),
             extended && /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)((0, $2c45d365ee8aa1ab$export$a7365e2302f8d10a), {
@@ -4635,6 +5185,7 @@ const $81369fe5a359bb1e$export$2cb99e4be0dc4646 = (url)=>new Promise((resolve, r
 
 
 
+
 const $d98095a4855ffc64$export$eb5bbbfc393ab8ac = (0, ($parcel$interopDefault($jQDcL$styledcomponents))).div`
   max-width: 100%;
   margin-top: 60px;
@@ -4704,6 +5255,7 @@ const $65bf10a117819168$export$e9785ae652b3a722 = (item)=>{
     } else console.warn("Undefined room ID");
 };
 const $65bf10a117819168$export$ad5f39c592532e2d = ()=>{
+    const { t: t  } = (0, $jQDcL$reacti18next.useTranslation)();
     const [history, setHistory] = (0, $jQDcL$react.useState)([]);
     (0, $jQDcL$react.useEffect)(()=>{
         try {
@@ -4721,7 +5273,7 @@ const $65bf10a117819168$export$ad5f39c592532e2d = ()=>{
     return /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)((0, $d98095a4855ffc64$export$eb5bbbfc393ab8ac), {
         children: [
             /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $d98095a4855ffc64$export$ebce8992dc3bd82), {
-                children: "Shared with you"
+                children: t("sharedHistory.shared")
             }),
             /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $d98095a4855ffc64$export$e6c0b06d6e2dd9e3), {
                 children: history.map((item)=>{
@@ -4921,6 +5473,7 @@ var $c378a92744dc7f32$export$2e2bcd8739ae039 = $c378a92744dc7f32$var$YoutubeTile
 
 
 
+
 const $65992ea9297d23d9$export$e19cf0169f1019bf = (0, ($parcel$interopDefault($jQDcL$styledcomponents))).div`
   display: flex;
   position: relative;
@@ -5011,6 +5564,7 @@ const $65992ea9297d23d9$export$49ac927a2aaad85 = (0, ($parcel$interopDefault($jQ
 
 
 const $ee98e2bef25871e5$var$SnapshotTile = (tile)=>{
+    const { t: t  } = (0, $jQDcL$reacti18next.useTranslation)();
     const { dispatch: dispatch  } = (0, $3f6e908c45fcc5b3$export$b5633a7cfbe42d9f)();
     const snapshotImageRef = (0, $jQDcL$react.useRef)(null);
     const [downloadURL, setDownloadURL] = (0, $jQDcL$react.useState)(tile.data.url);
@@ -5078,7 +5632,8 @@ const $ee98e2bef25871e5$var$SnapshotTile = (tile)=>{
                         children: [
                             /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)((0, $65992ea9297d23d9$export$7c309220fd1fb205), {
                                 children: [
-                                    "Snapshot \xb7 ",
+                                    t("snapshot.title"),
+                                    " \xb7 ",
                                     formattedTime
                                 ]
                             }),
@@ -5086,7 +5641,7 @@ const $ee98e2bef25871e5$var$SnapshotTile = (tile)=>{
                                 href: downloadURL,
                                 target: "_blank",
                                 download: filename,
-                                children: "Save photo"
+                                children: t("snapshot.save")
                             })
                         ]
                     }),
@@ -5216,7 +5771,9 @@ var $45826eb519d8bd73$export$2e2bcd8739ae039 = $45826eb519d8bd73$var$YoutubeEven
 
 
 
+
 const $e447bd93acbe2b63$var$SnapshotEvents = ()=>{
+    const { t: t  } = (0, $jQDcL$reacti18next.useTranslation)();
     const { dispatch: dispatch , streams: streams  } = (0, $3f6e908c45fcc5b3$export$b5633a7cfbe42d9f)();
     (0, $jQDcL$react.useEffect)(()=>{
         const onCustomMessage = async (event)=>{
@@ -5232,11 +5789,11 @@ const $e447bd93acbe2b63$var$SnapshotEvents = ()=>{
                     });
                     const createdAtDate = new Date();
                     const notificationStatus = {
-                        text: "From",
-                        boldText: sender.profile.name || "User",
+                        text: t("misc.from"),
+                        boldText: sender.profile.name || t("misc.user"),
                         icon: statusIcon
                     };
-                    (0, $84c6cbcbb594d072$export$3a57e165650c636f)("Snapshot shared.", {
+                    (0, $84c6cbcbb594d072$export$3a57e165650c636f)(t("snapshot.shared"), {
                         width: "290px",
                         icon: /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $65992ea9297d23d9$export$26fe7ec9351ff761), {
                             src: imageSrc,
@@ -5247,7 +5804,7 @@ const $e447bd93acbe2b63$var$SnapshotEvents = ()=>{
                             fontSize: "16px"
                         },
                         button: {
-                            text: "Open",
+                            text: t("misc.open"),
                             action: ({ close: close  })=>{
                                 dispatch({
                                     type: (0, $a4027a5418fcd07a$export$96a9662a3eda31f6).SET_HIGHLIGHTED_TILE,
@@ -5272,7 +5829,7 @@ const $e447bd93acbe2b63$var$SnapshotEvents = ()=>{
                         minute: "2-digit"
                     });
                     (0, $65bf10a117819168$export$e9785ae652b3a722)({
-                        title: `Snapshot · ${formattedTime}`,
+                        title: `${t("snapshot.title")} · ${formattedTime}`,
                         url: imageSrc,
                         iconUrl: imageSrc,
                         iconStyle: {
@@ -5291,7 +5848,8 @@ const $e447bd93acbe2b63$var$SnapshotEvents = ()=>{
         };
     }, [
         streams,
-        dispatch
+        dispatch,
+        t
     ]);
     return null;
 };
@@ -5678,6 +6236,8 @@ var $88b23a8428e67b66$export$2e2bcd8739ae039 = $88b23a8428e67b66$var$Video;
 
 
 
+
+
 const $f09948cc22419e6e$var$HangUp = ()=>/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)("svg", {
         width: "25",
         height: "24",
@@ -5773,6 +6333,8 @@ var $39ceb925b3865754$export$2e2bcd8739ae039 = $39ceb925b3865754$var$Spinner;
 
 
 
+
+
 const $3b6953f72db3bb17$var$YoutubeIcon = ()=>/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)("svg", {
         width: "24",
         height: "25",
@@ -5788,7 +6350,7 @@ var $3b6953f72db3bb17$export$2e2bcd8739ae039 = $3b6953f72db3bb17$var$YoutubeIcon
 
 
 
-const $daca1602b495441e$var$Link = ()=>{
+const $daca1602b495441e$var$Link = ({ color: color  })=>{
     return /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)("svg", {
         width: "24",
         height: "24",
@@ -5797,7 +6359,7 @@ const $daca1602b495441e$var$Link = ()=>{
         xmlns: "http://www.w3.org/2000/svg",
         children: /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)("path", {
             d: "m12.11 15.39-3.88 3.88a2.52 2.52 0 0 1-3.5 0 2.47 2.47 0 0 1 0-3.5l3.88-3.88a1.004 1.004 0 0 0-1.42-1.42l-3.88 3.89a4.48 4.48 0 0 0 6.33 6.33l3.89-3.88a1.004 1.004 0 1 0-1.42-1.42Zm8.58-12.08a4.49 4.49 0 0 0-6.33 0l-3.89 3.88a1.004 1.004 0 0 0 1.42 1.42l3.88-3.88a2.52 2.52 0 0 1 3.5 0 2.471 2.471 0 0 1 0 3.5l-3.88 3.88a1.002 1.002 0 0 0 .325 1.639.999.999 0 0 0 1.095-.219l3.88-3.89a4.49 4.49 0 0 0 0-6.33ZM8.83 15.17a1 1 0 0 0 .71.29 1 1 0 0 0 .71-.29l4.92-4.92a1.004 1.004 0 0 0-1.42-1.42l-4.92 4.92a1 1 0 0 0 0 1.42Z",
-            fill: "#fff"
+            fill: color || "#fff"
         })
     });
 };
@@ -5886,6 +6448,7 @@ const $06daeb2618dcfb56$export$d5bc2acf69f5bdaf = (0, ($parcel$interopDefault($j
 
 const $9dfd9e2286cffa66$var$isScreenshareSupported = Boolean(navigator.mediaDevices.getDisplayMedia);
 const $9dfd9e2286cffa66$var$HighlightButton = ()=>{
+    const { t: t  } = (0, $jQDcL$reacti18next.useTranslation)();
     const highlightMenuRef = (0, $jQDcL$react.useRef)(null);
     const [isHighlightMenuOpen, setIsHighlightMenuOpen] = (0, $jQDcL$react.useState)(false);
     const { setIsYoutubePopupVisible: setIsYoutubePopupVisible , setIsLinksharePopupVisible: setIsLinksharePopupVisible , selfPeerId: selfPeerId  } = (0, $jQDcL$react.useContext)((0, $8b39f32976a7698a$export$2e2bcd8739ae039));
@@ -5901,10 +6464,13 @@ const $9dfd9e2286cffa66$var$HighlightButton = ()=>{
     const onScreenshareClick = async ()=>{
         setIsHighlightMenuOpen(false);
         try {
+            (0, ($parcel$interopDefault($jQDcL$hotjarbrowser))).event("screenshareClick");
             await (0, $c48c1ecc38fed4e9$export$2f377c2162fd02b2).enableScreenshare();
+            (0, ($parcel$interopDefault($jQDcL$hotjarbrowser))).event("enableScreenshare");
         } catch (screenshareError) {
             console.warn(screenshareError);
-            (0, ($parcel$interopDefault($jQDcL$reacthottoast)))("An error occured when trying to toggle screensharing", {
+            (0, ($parcel$interopDefault($jQDcL$hotjarbrowser))).event("screenshareCancel");
+            (0, ($parcel$interopDefault($jQDcL$reacthottoast)))(t("notifications.screensharingError"), {
                 className: "error"
             });
         }
@@ -5912,10 +6478,12 @@ const $9dfd9e2286cffa66$var$HighlightButton = ()=>{
     const onYoutubeClick = ()=>{
         setIsHighlightMenuOpen(false);
         setIsYoutubePopupVisible(true);
+        (0, ($parcel$interopDefault($jQDcL$hotjarbrowser))).event("youtubeClick");
     };
     const onLinkshareClick = ()=>{
         setIsHighlightMenuOpen(false);
         setIsLinksharePopupVisible(true);
+        (0, ($parcel$interopDefault($jQDcL$hotjarbrowser))).event("linkshareClick");
     };
     const menuCategories = [
         {
@@ -5923,7 +6491,7 @@ const $9dfd9e2286cffa66$var$HighlightButton = ()=>{
             items: [
                 {
                     id: "linksharing",
-                    title: "Share Link",
+                    title: t("shareLink.title"),
                     jsxIcon: /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $daca1602b495441e$export$2e2bcd8739ae039), {}),
                     action: onLinkshareClick
                 },
@@ -5941,7 +6509,7 @@ const $9dfd9e2286cffa66$var$HighlightButton = ()=>{
         items: [
             {
                 id: "screensharing",
-                title: "Screen Sharing",
+                title: t("menu.screenSharing"),
                 jsxIcon: /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $f2ca2ee422d05e6e$export$2e2bcd8739ae039), {}),
                 action: onScreenshareClick
             }, 
@@ -5973,6 +6541,7 @@ var $9dfd9e2286cffa66$export$2e2bcd8739ae039 = $9dfd9e2286cffa66$var$HighlightBu
 
 
 const $a21b2aa064cb6c32$var$ControlBar = ()=>{
+    const { t: t  } = (0, $jQDcL$reacti18next.useTranslation)();
     const leaveMenuRef = (0, $jQDcL$react.useRef)(null);
     const [webcamCount, setWebcamCount] = (0, $jQDcL$react.useState)(0);
     const [isLeaveMenuOpen, setIsLeaveMenuOpen] = (0, $jQDcL$react.useState)(false);
@@ -5982,25 +6551,33 @@ const $a21b2aa064cb6c32$var$ControlBar = ()=>{
     const onMicrophoneClick = async ()=>{
         try {
             const devicesState = (0, $c48c1ecc38fed4e9$export$2f377c2162fd02b2).getDevicesState();
-            if (devicesState.microphone.enabled) await (0, $c48c1ecc38fed4e9$export$2f377c2162fd02b2).toggleMute();
-            else await (0, $c48c1ecc38fed4e9$export$2f377c2162fd02b2).enableMicrophone();
+            if (devicesState.microphone.enabled) {
+                (0, ($parcel$interopDefault($jQDcL$hotjarbrowser))).event("toggleMicrophone");
+                await (0, $c48c1ecc38fed4e9$export$2f377c2162fd02b2).toggleMute();
+            } else {
+                (0, ($parcel$interopDefault($jQDcL$hotjarbrowser))).event("enableMicrophone");
+                await (0, $c48c1ecc38fed4e9$export$2f377c2162fd02b2).enableMicrophone();
+            }
         } catch (muteError) {
             console.warn(muteError);
-            (0, ($parcel$interopDefault($jQDcL$reacthottoast)))("An error occured when trying to toggle the microphone", {
+            (0, ($parcel$interopDefault($jQDcL$reacthottoast)))(t("notifications.microphoneError"), {
                 className: "error"
             });
         }
     };
     const onCameraClick = async ()=>{
         try {
-            if (streaming) await (0, $c48c1ecc38fed4e9$export$2f377c2162fd02b2).disableVideo();
-            else {
+            if (streaming) {
+                (0, ($parcel$interopDefault($jQDcL$hotjarbrowser))).event("disableCamera");
+                await (0, $c48c1ecc38fed4e9$export$2f377c2162fd02b2).disableVideo();
+            } else {
                 setIsCameraLoading(true);
+                (0, ($parcel$interopDefault($jQDcL$hotjarbrowser))).event("enableCamera");
                 await (0, $c48c1ecc38fed4e9$export$2f377c2162fd02b2).enableVideo();
             }
         } catch (cameraError) {
             console.warn(cameraError);
-            (0, ($parcel$interopDefault($jQDcL$reacthottoast)))("An error occured when trying to toggle the camera", {
+            (0, ($parcel$interopDefault($jQDcL$reacthottoast)))(t("notifications.cameraError"), {
                 className: "error"
             });
         } finally{
@@ -6009,10 +6586,11 @@ const $a21b2aa064cb6c32$var$ControlBar = ()=>{
     };
     const onRotateClick = async ()=>{
         try {
+            (0, ($parcel$interopDefault($jQDcL$hotjarbrowser))).event("rotateCamera");
             await (0, $c48c1ecc38fed4e9$export$2f377c2162fd02b2).rotateVideo();
         } catch (rotateError) {
             console.warn(rotateError);
-            (0, ($parcel$interopDefault($jQDcL$reacthottoast)))("An error occured when trying to rotate the camera", {
+            (0, ($parcel$interopDefault($jQDcL$reacthottoast)))(t("notifications.cameraRotateError"), {
                 className: "error"
             });
         }
@@ -6069,13 +6647,13 @@ const $a21b2aa064cb6c32$var$ControlBar = ()=>{
                                     items: [
                                         {
                                             id: "leaveCall",
-                                            title: "Leave call",
+                                            title: t("leave.leaveCall"),
                                             jsxIcon: /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $cce7f1c9e9c29503$export$56fe02ef449b2606), {}),
                                             action: leaveCall
                                         },
                                         {
                                             id: "terminateCall",
-                                            title: "End call for all",
+                                            title: t("leave.endCall"),
                                             jsxIcon: /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $cce7f1c9e9c29503$export$e57aa6aff2e1f414), {}),
                                             action: terminateCall,
                                             danger: true
@@ -6091,7 +6669,7 @@ const $a21b2aa064cb6c32$var$ControlBar = ()=>{
                         children: [
                             /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $f09948cc22419e6e$export$2e2bcd8739ae039), {}),
                             /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)("p", {
-                                children: "Leave"
+                                children: t("leave.title")
                             })
                         ]
                     })
@@ -6114,6 +6692,7 @@ var $a21b2aa064cb6c32$export$2e2bcd8739ae039 = $a21b2aa064cb6c32$var$ControlBar;
 
 
 
+
 const $b387679730856fb1$export$9d03e7b857083c37 = (0, ($parcel$interopDefault($jQDcL$styledcomponents))).div`
   position: absolute;
   width: 100%;
@@ -6192,6 +6771,7 @@ const $b387679730856fb1$export$51760c3b0f5567d2 = (0, ($parcel$interopDefault($j
 
 
 const $681806ce8015ae4d$var$QuickConnect = ()=>{
+    const { t: t  } = (0, $jQDcL$reacti18next.useTranslation)();
     const QuickConnectContainerRef = (0, $jQDcL$react.useRef)(null);
     const QuickConnectRef = (0, $jQDcL$react.useRef)(null);
     const { selfPeerId: selfPeerId , profile: profile , isQuickConnectPopupVisible: isQuickConnectPopupVisible , setIsQuickConnectPopupVisible: setIsQuickConnectPopupVisible , options: options , orientation: orientation ,  } = (0, $jQDcL$react.useContext)((0, $8b39f32976a7698a$export$2e2bcd8739ae039));
@@ -6266,7 +6846,7 @@ const $681806ce8015ae4d$var$QuickConnect = ()=>{
                 /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)((0, $b387679730856fb1$export$f8e80e2c9abbb7eb), {
                     children: [
                         /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)("h4", {
-                            children: "Scan QR Code"
+                            children: t("quickConnect.scanTitle")
                         }),
                         /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $b387679730856fb1$export$b421c25a8e0ea22e), {
                             onClick: onQuickConnectPopupCloseClick,
@@ -6280,7 +6860,7 @@ const $681806ce8015ae4d$var$QuickConnect = ()=>{
                     })
                 }),
                 /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $b387679730856fb1$export$51760c3b0f5567d2), {
-                    children: "Scan this QR code with your phone camera to open the call."
+                    children: t("quickConnect.scan")
                 })
             ]
         })
@@ -6292,10 +6872,6 @@ var $681806ce8015ae4d$export$2e2bcd8739ae039 = $681806ce8015ae4d$var$QuickConnec
 
 
 
-const $660dc8b06ec61ae0$var$capitalizeFirstLetter = (string)=>{
-    return string.charAt(0).toUpperCase() + string.slice(1);
-};
-var $660dc8b06ec61ae0$export$2e2bcd8739ae039 = $660dc8b06ec61ae0$var$capitalizeFirstLetter;
 
 
 
@@ -6362,6 +6938,8 @@ var $802dd6755664a000$export$2e2bcd8739ae039 = $802dd6755664a000$var$Speaker;
 
 
 
+
+
 const $41e530447f5fd995$var$Checkmark = ()=>/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)("svg", {
         width: "20",
         height: "20",
@@ -6379,7 +6957,6 @@ var $41e530447f5fd995$export$2e2bcd8739ae039 = $41e530447f5fd995$var$Checkmark;
 
 
 
-
 const $5f1594faf2dff407$export$304c350e86a38cee = (0, ($parcel$interopDefault($jQDcL$styledcomponents))).div`
   display: flex;
   flex-direction: column;
@@ -6541,27 +7118,16 @@ const $5f1594faf2dff407$export$73afb47ae3e10bf1 = (0, ($parcel$interopDefault($j
 `;
 
 
-const $54c346ed2df7d69f$var$languagesList = [
-    "english"
-];
-const $54c346ed2df7d69f$export$604ba5624273df44 = ()=>{
-    try {
-        const storedTheme = localStorage.getItem("stream_ui_language");
-        if (storedTheme) return storedTheme;
-        return "english";
-    } catch (localStorageError) {
-        console.warn(localStorageError);
-        return "english";
-    }
-};
+const $54c346ed2df7d69f$var$languages = Object.keys((0, $b45c0bcc142f0b5e$export$150b732325d14d04));
 const $54c346ed2df7d69f$var$LanguageSubMenu = ({ back: back  })=>{
+    const { t: t  } = (0, $jQDcL$reacti18next.useTranslation)();
     const { language: language , setLanguage: setLanguage  } = (0, $jQDcL$react.useContext)((0, $8b39f32976a7698a$export$2e2bcd8739ae039));
     return /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)((0, $jQDcL$reactjsxruntime.Fragment), {
         children: [
             /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)((0, $5f1594faf2dff407$export$ba6f0acf5af923bd), {
                 children: [
                     /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $5f1594faf2dff407$export$edb76fdb8665f52), {
-                        children: "Languages"
+                        children: t("settings.language")
                     }),
                     /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $5f1594faf2dff407$export$b16d2ed9d0485f06), {
                         onClick: back,
@@ -6575,9 +7141,9 @@ const $54c346ed2df7d69f$var$LanguageSubMenu = ({ back: back  })=>{
                 children: /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)((0, $5f1594faf2dff407$export$38050e761cbb2b1d), {
                     children: [
                         /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $5f1594faf2dff407$export$5caf84ac7a22e7b5), {
-                            children: "Language"
+                            children: t("settings.language")
                         }),
-                        $54c346ed2df7d69f$var$languagesList.map((lang)=>{
+                        $54c346ed2df7d69f$var$languages.map((lang)=>{
                             const checked = language === lang;
                             const onLanguageClick = ()=>{
                                 setLanguage(lang);
@@ -6586,7 +7152,7 @@ const $54c346ed2df7d69f$var$LanguageSubMenu = ({ back: back  })=>{
                                 onClick: onLanguageClick,
                                 children: [
                                     /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $5f1594faf2dff407$export$f132d77f01dce0a3), {
-                                        children: (0, $660dc8b06ec61ae0$export$2e2bcd8739ae039)(lang)
+                                        children: (0, $b45c0bcc142f0b5e$export$150b732325d14d04)[lang].name
                                     }),
                                     /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)("span", {
                                         children: checked && /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $41e530447f5fd995$export$2e2bcd8739ae039), {})
@@ -6613,10 +7179,12 @@ var $54c346ed2df7d69f$export$2e2bcd8739ae039 = $54c346ed2df7d69f$var$LanguageSub
 
 
 
+
 const $96bb6d4b0a403c60$var$AudioSubMenu = ({ back: back  })=>{
+    const { t: t  } = (0, $jQDcL$reacti18next.useTranslation)();
     const [audioDevices, setAudioDevices] = (0, $jQDcL$react.useState)([]);
-    const [currentMic, setCurrentMic] = (0, $jQDcL$react.useState)();
-    const [currentSpeaker, setCurrentSpeaker] = (0, $jQDcL$react.useState)();
+    const [currentMicrophoneId, setCurrentMicrophoneId] = (0, $jQDcL$react.useState)((0, $c48c1ecc38fed4e9$export$2f377c2162fd02b2).getCurrentMicrophoneId());
+    const [currentSpeakerId, setCurrentSpeakerId] = (0, $jQDcL$react.useState)((0, $c48c1ecc38fed4e9$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 === "");
@@ -6624,16 +7192,14 @@ const $96bb6d4b0a403c60$var$AudioSubMenu = ({ back: back  })=>{
     const listDevices = async ()=>{
         const audioDevicesList = await (0, $c48c1ecc38fed4e9$export$2f377c2162fd02b2).listAudioDevices();
         setAudioDevices(audioDevicesList);
-        const speaker = audioDevicesList.find((device)=>device.kind === "audiooutput" && device.deviceId === "default");
-        const mic = audioDevicesList.find((device)=>device.kind === "audioinput" && device.deviceId === "default");
-        setCurrentMic(mic);
-        setCurrentSpeaker(speaker);
     };
     const onMicClick = async (mic)=>{
-        if (currentMic?.deviceId === mic.deviceId) return;
+        if (currentMicrophoneId === mic.deviceId) return;
         await (0, $c48c1ecc38fed4e9$export$2f377c2162fd02b2).switchMicrophone(mic.deviceId);
-        setCurrentMic(mic);
-        (0, $84c6cbcbb594d072$export$3a57e165650c636f)(`Connected to ${mic.label}`, {
+        setCurrentMicrophoneId(mic.deviceId);
+        (0, $84c6cbcbb594d072$export$3a57e165650c636f)(t("notifications.connectedTo", {
+            name: mic.label
+        }), {
             duration: 3000,
             icon: /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $0ac48791ff0bcc8e$export$2e2bcd8739ae039), {}),
             messageStyle: {
@@ -6642,10 +7208,12 @@ const $96bb6d4b0a403c60$var$AudioSubMenu = ({ back: back  })=>{
         });
     };
     const onSpeakerClick = (speaker)=>{
-        if (currentSpeaker?.deviceId === speaker.deviceId) return;
+        if (currentSpeakerId === speaker.deviceId) return;
         (0, $c48c1ecc38fed4e9$export$2f377c2162fd02b2).setAudioSink(speaker.deviceId);
-        setCurrentSpeaker(speaker);
-        (0, $84c6cbcbb594d072$export$3a57e165650c636f)(`Connected to ${speaker.label}`, {
+        setCurrentSpeakerId(speaker.deviceId);
+        (0, $84c6cbcbb594d072$export$3a57e165650c636f)(t("notifications.connectedTo", {
+            name: speaker.label
+        }), {
             duration: 3000,
             icon: /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $802dd6755664a000$export$2e2bcd8739ae039), {}),
             messageStyle: {
@@ -6663,7 +7231,7 @@ const $96bb6d4b0a403c60$var$AudioSubMenu = ({ back: back  })=>{
             /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)((0, $5f1594faf2dff407$export$ba6f0acf5af923bd), {
                 children: [
                     /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $5f1594faf2dff407$export$edb76fdb8665f52), {
-                        children: "Audio"
+                        children: t("audioMenu.title")
                     }),
                     /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $5f1594faf2dff407$export$b16d2ed9d0485f06), {
                         onClick: back,
@@ -6678,10 +7246,10 @@ const $96bb6d4b0a403c60$var$AudioSubMenu = ({ back: back  })=>{
                     children: /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)((0, $5f1594faf2dff407$export$87d6be27a51dc3c4), {
                         children: [
                             /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $5f1594faf2dff407$export$30ccd51431e4a7b0), {
-                                children: "Microphone is blocked."
+                                children: t("audioMenu.blockedMicrophone")
                             }),
                             /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $5f1594faf2dff407$export$73afb47ae3e10bf1), {
-                                children: "Please accept microphone sharing before accessing these options."
+                                children: t("audioMenu.microphonePermissions")
                             })
                         ]
                     })
@@ -6690,10 +7258,10 @@ const $96bb6d4b0a403c60$var$AudioSubMenu = ({ back: back  })=>{
                         /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)((0, $5f1594faf2dff407$export$38050e761cbb2b1d), {
                             children: [
                                 /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $5f1594faf2dff407$export$5caf84ac7a22e7b5), {
-                                    children: "Microphone"
+                                    children: t("misc.microphone")
                                 }),
                                 microphoneDevices.map((microphone)=>{
-                                    const checked = microphone.deviceId === currentMic?.deviceId;
+                                    const checked = microphone.deviceId === currentMicrophoneId;
                                     return /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)((0, $5f1594faf2dff407$export$db1aade9877208c7), {
                                         onClick: ()=>onMicClick(microphone),
                                         children: [
@@ -6711,10 +7279,10 @@ const $96bb6d4b0a403c60$var$AudioSubMenu = ({ back: back  })=>{
                         canChangeSpeakers && /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)((0, $5f1594faf2dff407$export$38050e761cbb2b1d), {
                             children: [
                                 /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $5f1594faf2dff407$export$5caf84ac7a22e7b5), {
-                                    children: "Speakers"
+                                    children: t("misc.speaker")
                                 }),
                                 speakerDevices.map((speaker)=>{
-                                    const checked = speaker.deviceId === currentSpeaker?.deviceId;
+                                    const checked = speaker.deviceId === currentSpeakerId;
                                     return /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)((0, $5f1594faf2dff407$export$db1aade9877208c7), {
                                         onClick: ()=>onSpeakerClick(speaker),
                                         children: [
@@ -6747,35 +7315,39 @@ var $96bb6d4b0a403c60$export$2e2bcd8739ae039 = $96bb6d4b0a403c60$var$AudioSubMen
 
 
 
-const $097072919b56b62a$var$resolutions = Object.keys((0, $1dedebd5ff3002eb$export$d21ffcc5eb136bfa)).map((key)=>{
-    const constraints = (0, $1dedebd5ff3002eb$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: "High definition (720p)",
-                key: key
-            };
-        default:
-            return {
-                name: "",
-                key: key
-            };
-    }
-}).filter((def)=>def.name !== "");
+
 const $097072919b56b62a$var$VideoSubMenu = ({ back: back  })=>{
+    const { t: t  } = (0, $jQDcL$reacti18next.useTranslation)();
     const [cameraDevices, setCameraDevices] = (0, $jQDcL$react.useState)([]);
     const [currentCamera, setCurrentCamera] = (0, $jQDcL$react.useState)((0, $c48c1ecc38fed4e9$export$2f377c2162fd02b2).getCurrentWebcam());
     const isCameraAccessBlocked = cameraDevices.length && cameraDevices.every((device)=>device.deviceId === "");
+    const resolutions = (0, $jQDcL$react.useMemo)(()=>Object.keys((0, $1dedebd5ff3002eb$export$d21ffcc5eb136bfa)).map((key)=>{
+            const constraints = (0, $1dedebd5ff3002eb$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 videoDevices = await (0, $c48c1ecc38fed4e9$export$2f377c2162fd02b2).listVideoDevices();
         setCameraDevices(videoDevices);
@@ -6789,7 +7361,9 @@ const $097072919b56b62a$var$VideoSubMenu = ({ back: back  })=>{
             device: camera,
             resolution: currentCamera.resolution
         });
-        (0, $84c6cbcbb594d072$export$3a57e165650c636f)(`Connected to ${camera.label}`, {
+        (0, $84c6cbcbb594d072$export$3a57e165650c636f)(t("notifications.connectedTo", {
+            name: camera.label
+        }), {
             duration: 3000,
             icon: /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $ab00aedf8a706bfe$export$2e2bcd8739ae039), {}),
             messageStyle: {
@@ -6825,7 +7399,7 @@ const $097072919b56b62a$var$VideoSubMenu = ({ back: back  })=>{
             /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)((0, $5f1594faf2dff407$export$ba6f0acf5af923bd), {
                 children: [
                     /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $5f1594faf2dff407$export$edb76fdb8665f52), {
-                        children: "Video"
+                        children: t("videoMenu.title")
                     }),
                     /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $5f1594faf2dff407$export$b16d2ed9d0485f06), {
                         onClick: back,
@@ -6840,10 +7414,10 @@ const $097072919b56b62a$var$VideoSubMenu = ({ back: back  })=>{
                     children: /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)((0, $5f1594faf2dff407$export$87d6be27a51dc3c4), {
                         children: [
                             /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $5f1594faf2dff407$export$30ccd51431e4a7b0), {
-                                children: "Camera is blocked."
+                                children: t("videoMenu.blockedCamera")
                             }),
                             /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $5f1594faf2dff407$export$73afb47ae3e10bf1), {
-                                children: "Please accept camera sharing before accessing these options."
+                                children: t("videoMenu.cameraPermissions")
                             })
                         ]
                     })
@@ -6852,7 +7426,7 @@ const $097072919b56b62a$var$VideoSubMenu = ({ back: back  })=>{
                         /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)((0, $5f1594faf2dff407$export$38050e761cbb2b1d), {
                             children: [
                                 /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $5f1594faf2dff407$export$5caf84ac7a22e7b5), {
-                                    children: "Camera"
+                                    children: t("misc.camera")
                                 }),
                                 cameraDevices.map((camera)=>{
                                     const checked = camera.deviceId === currentCamera.device?.deviceId;
@@ -6873,9 +7447,9 @@ const $097072919b56b62a$var$VideoSubMenu = ({ back: back  })=>{
                         /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)((0, $5f1594faf2dff407$export$38050e761cbb2b1d), {
                             children: [
                                 /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $5f1594faf2dff407$export$5caf84ac7a22e7b5), {
-                                    children: "Send Resolution (maximum)"
+                                    children: t("videoMenu.sendResolution")
                                 }),
-                                $097072919b56b62a$var$resolutions.map((resolution)=>{
+                                resolutions.map((resolution)=>{
                                     const checked = resolution.key === currentCamera.resolution;
                                     return /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)((0, $5f1594faf2dff407$export$db1aade9877208c7), {
                                         onClick: ()=>onSendResolutionClick(resolution),
@@ -6902,6 +7476,7 @@ var $097072919b56b62a$export$2e2bcd8739ae039 = $097072919b56b62a$var$VideoSubMen
 
 
 const $7d4fa7ceb4c29739$var$Menu = ()=>{
+    const { t: t  } = (0, $jQDcL$reacti18next.useTranslation)();
     const [currentMenu, setCurrentMenu] = (0, $jQDcL$react.useState)("base");
     const menuPopupRef = (0, $jQDcL$react.useRef)(null);
     const { isSettingsMenuVisible: isSettingsMenuVisible , setIsSettingsMenuVisible: setIsSettingsMenuVisible , language: language , options: options  } = (0, $jQDcL$react.useContext)((0, $8b39f32976a7698a$export$2e2bcd8739ae039));
@@ -6944,7 +7519,7 @@ const $7d4fa7ceb4c29739$var$Menu = ()=>{
                     /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)((0, $5f1594faf2dff407$export$ba6f0acf5af923bd), {
                         children: [
                             /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $5f1594faf2dff407$export$edb76fdb8665f52), {
-                                children: "Settings"
+                                children: t("settings.title")
                             }),
                             /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $5f1594faf2dff407$export$b16d2ed9d0485f06), {
                                 onClick: onCloseClick,
@@ -6957,17 +7532,17 @@ const $7d4fa7ceb4c29739$var$Menu = ()=>{
                             /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)((0, $5f1594faf2dff407$export$38050e761cbb2b1d), {
                                 children: [
                                     /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $5f1594faf2dff407$export$5caf84ac7a22e7b5), {
-                                        children: "Preferences"
+                                        children: t("settings.preferences")
                                     }),
                                     /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)((0, $5f1594faf2dff407$export$db1aade9877208c7), {
                                         onClick: onLanguageMenuClick,
                                         children: [
                                             /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)("span", {
-                                                children: "Language"
+                                                children: t("settings.language")
                                             }),
                                             /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)((0, $5f1594faf2dff407$export$4f015f15aa624b3d), {
                                                 children: [
-                                                    (0, $660dc8b06ec61ae0$export$2e2bcd8739ae039)(language),
+                                                    (0, $b45c0bcc142f0b5e$export$150b732325d14d04)[language]?.name,
                                                     /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $bcd348753bc3b8f8$export$2e2bcd8739ae039), {
                                                         direction: "right"
                                                     })
@@ -6980,7 +7555,7 @@ const $7d4fa7ceb4c29739$var$Menu = ()=>{
                             /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)((0, $5f1594faf2dff407$export$38050e761cbb2b1d), {
                                 children: [
                                     /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $5f1594faf2dff407$export$5caf84ac7a22e7b5), {
-                                        children: "Devices"
+                                        children: t("settings.devices")
                                     }),
                                     (0, $c48c1ecc38fed4e9$export$2f377c2162fd02b2).isListDevicesSupported() && /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)((0, $5f1594faf2dff407$export$db1aade9877208c7), {
                                         onClick: onAudioClick,
@@ -6990,7 +7565,7 @@ const $7d4fa7ceb4c29739$var$Menu = ()=>{
                                                     /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $5f1594faf2dff407$export$bb67e2c42c95a3ae), {
                                                         children: /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $802dd6755664a000$export$2e2bcd8739ae039), {})
                                                     }),
-                                                    "Audio"
+                                                    t("audioMenu.title")
                                                 ]
                                             }),
                                             /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $5f1594faf2dff407$export$4f015f15aa624b3d), {
@@ -7008,7 +7583,7 @@ const $7d4fa7ceb4c29739$var$Menu = ()=>{
                                                     /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $5f1594faf2dff407$export$bb67e2c42c95a3ae), {
                                                         children: /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $ab00aedf8a706bfe$export$2e2bcd8739ae039), {})
                                                     }),
-                                                    "Video"
+                                                    t("videoMenu.title")
                                                 ]
                                             }),
                                             /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $5f1594faf2dff407$export$4f015f15aa624b3d), {
@@ -7023,13 +7598,13 @@ const $7d4fa7ceb4c29739$var$Menu = ()=>{
                             /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)((0, $5f1594faf2dff407$export$38050e761cbb2b1d), {
                                 children: [
                                     /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $5f1594faf2dff407$export$5caf84ac7a22e7b5), {
-                                        children: "Help"
+                                        children: t("settings.help")
                                     }),
                                     /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)((0, $5f1594faf2dff407$export$db1aade9877208c7), {
                                         onClick: onHelpCenterClick,
                                         children: [
                                             /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)("span", {
-                                                children: "Go to help center"
+                                                children: t("settings.helpCenter")
                                             }),
                                             /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $f5af46abb3b35e58$export$2e2bcd8739ae039), {})
                                         ]
@@ -7062,6 +7637,8 @@ var $7d4fa7ceb4c29739$export$2e2bcd8739ae039 = $7d4fa7ceb4c29739$var$Menu;
 
 
 
+
+
 const $219bb3131afe1272$export$b679a9a7caefa4b1 = (0, ($parcel$interopDefault($jQDcL$styledcomponents))).div`
   position: absolute;
   width: 100%;
@@ -7187,6 +7764,7 @@ const $219bb3131afe1272$export$3711c5e6a7ba3fdc = (0, ($parcel$interopDefault($j
 
 const $696ded7a5399bcd4$var$youtubeIDRegExp = /.*(?:youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=)([^#&?]*).*/;
 const $696ded7a5399bcd4$var$YoutubePopup = ()=>{
+    const { t: t  } = (0, $jQDcL$reacti18next.useTranslation)();
     const youtubePopupRef = (0, $jQDcL$react.useRef)(null);
     const [youtubeInputValue, setYoutubeInputValue] = (0, $jQDcL$react.useState)("");
     const [errorMessage, setErrorMessage] = (0, $jQDcL$react.useState)(null);
@@ -7199,6 +7777,7 @@ const $696ded7a5399bcd4$var$YoutubePopup = ()=>{
     const onShareClick = (event)=>{
         event.preventDefault();
         setErrorMessage(null);
+        (0, ($parcel$interopDefault($jQDcL$hotjarbrowser))).event("youtubeShare");
         const [, videoId] = youtubeInputValue.match($696ded7a5399bcd4$var$youtubeIDRegExp) || [];
         if (videoId) {
             dispatch({
@@ -7213,7 +7792,7 @@ const $696ded7a5399bcd4$var$YoutubePopup = ()=>{
                 }
             });
             setIsYoutubePopupVisible(false);
-        } else setErrorMessage("Invalid YouTube URL");
+        } else setErrorMessage(t("youtube.invalid"));
     };
     const onCloseClick = ()=>setIsYoutubePopupVisible(false);
     (0, $jQDcL$react.useEffect)(()=>{
@@ -7235,7 +7814,7 @@ const $696ded7a5399bcd4$var$YoutubePopup = ()=>{
                             children: [
                                 /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $3b6953f72db3bb17$export$2e2bcd8739ae039), {}),
                                 /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)("h4", {
-                                    children: "Embed YouTube"
+                                    children: t("youtube.title")
                                 })
                             ]
                         }),
@@ -7253,7 +7832,7 @@ const $696ded7a5399bcd4$var$YoutubePopup = ()=>{
                             children: [
                                 /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)("label", {
                                     htmlFor: "youtube-popup-input",
-                                    children: "YOUTUBE URL"
+                                    children: t("youtube.url")
                                 }),
                                 /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)("input", {
                                     id: "youtube-popup-input",
@@ -7271,7 +7850,7 @@ const $696ded7a5399bcd4$var$YoutubePopup = ()=>{
                         }),
                         /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $219bb3131afe1272$export$3711c5e6a7ba3fdc), {
                             type: "submit",
-                            children: "Share video"
+                            children: t("youtube.share")
                         })
                     ]
                 })
@@ -7291,6 +7870,24 @@ var $696ded7a5399bcd4$export$2e2bcd8739ae039 = $696ded7a5399bcd4$var$YoutubePopu
 
 
 
+const $57a90aad512ef25e$var$CircledTopArrow = ()=>/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)("svg", {
+        width: "21",
+        height: "20",
+        viewBox: "0 0 21 20",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)("path", {
+            d: "M11.091 6.908a.833.833 0 0 0-.275-.175.833.833 0 0 0-.633 0 .833.833 0 0 0-.275.175l-2.5 2.5a.837.837 0 1 0 1.183 1.184l1.075-1.084V12.5a.833.833 0 1 0 1.667 0V9.508l1.075 1.084a.833.833 0 0 0 1.183 0 .833.833 0 0 0 0-1.184l-2.5-2.5Zm-.592-5.242a8.333 8.333 0 1 0 0 16.667 8.333 8.333 0 0 0 0-16.666Zm0 15a6.667 6.667 0 1 1 0-13.334 6.667 6.667 0 0 1 0 13.334Z",
+            fill: "#fff"
+        })
+    });
+var $57a90aad512ef25e$export$2e2bcd8739ae039 = $57a90aad512ef25e$var$CircledTopArrow;
+
+
+
+
+
+
 const $769aee0d2f01a70c$var$PaypalWhite = ()=>/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)("svg", {
         width: "24",
         height: "24",
@@ -7350,15 +7947,16 @@ var $769aee0d2f01a70c$export$2e2bcd8739ae039 = $769aee0d2f01a70c$var$Paypal;
 
 
 
+const $2d8fe9775ff247d9$var$modalHeight = (desktop)=>desktop ? "215px" : "227px";
 const $2d8fe9775ff247d9$export$ed0d510542cc4e55 = (0, ($parcel$interopDefault($jQDcL$styledcomponents))).div`
   position: absolute;
   width: 100%;
-  bottom: ${(props)=>props.open ? 0 : "-220px"};
+  bottom: ${(props)=>props.open ? 0 : `-${$2d8fe9775ff247d9$var$modalHeight(props.desktop)}`};
   transition: all 0.4s;
 
   ${(props)=>{
     if (props.desktop) return (0, $jQDcL$styledcomponents.css)`
-        bottom: ${props.open ? 0 : "calc(-220px - (100vh / 2))"};
+        bottom: ${props.open ? 0 : `calc(-${$2d8fe9775ff247d9$var$modalHeight(props.desktop)} - (100vh / 2))`};
         height: 100%;
         display: flex;
         justify-content: center;
@@ -7370,12 +7968,12 @@ const $2d8fe9775ff247d9$export$93c2cc854b34757d = (0, ($parcel$interopDefault($j
   display: flex;
   flex-direction: column;
   width: ${(props)=>props.desktop ? "375px" : "100%"};
-  height: 220px;
+  height: ${({ desktop: desktop  })=>$2d8fe9775ff247d9$var$modalHeight(desktop)};
   max-height: 100vh;
-  background-color: ${(props)=>props.theme.settingsBackgroundColor};
-  color: ${(props)=>props.theme.settingsTextColor};
+  background-color: ${(props)=>props.theme.popupBackgroundPrimaryColor};
+  color: ${(props)=>props.theme.popupTitleColor};
   border-radius: ${(props)=>props.desktop ? "20px" : "20px 20px 0 0"};
-  padding: 12px 14px 30px;
+  padding: ${({ desktop: desktop  })=>desktop ? "16px 14px" : "16px 14px 28px"};
   box-sizing: border-box;
 `;
 const $2d8fe9775ff247d9$export$f0162ebc287dd01 = (0, ($parcel$interopDefault($jQDcL$styledcomponents))).div`
@@ -7404,7 +8002,7 @@ const $2d8fe9775ff247d9$export$fcade06574a60ff0 = (0, ($parcel$interopDefault($j
   justify-content: center;
   align-items: center;
   border: none;
-  background-color: ${(props)=>props.theme.settingsCloseBackgroundColor};
+  background-color: ${(props)=>props.theme.popupBackgroundSecondaryColor};
   border-radius: 50%;
   height: 24px;
   width: 24px;
@@ -7428,20 +8026,12 @@ const $2d8fe9775ff247d9$export$dcb32b2b413109d8 = (0, ($parcel$interopDefault($j
   flex-direction: column;
   position: relative;
 
-  label {
-    font-size: 10px;
-    font-weight: 700;
-    line-height: 10px;
-    color: #fff;
-    margin-bottom: 10px;
-  }
-
   input {
     padding: 16px 10px 16px 20px;
     border-radius: 15px;
-    background-color: #4e4e4e;
-    border: 1px solid ${(props)=>props.errored ? "#d84949" : "transparent"};
-    color: #fff;
+    background-color: ${({ theme: theme  })=>theme.popupBackgroundSecondaryColor};
+    border: 1px solid ${(props)=>props.errored ? "#d84949" : props.theme.popupBorderColor};
+    color: #878787;
 
     &:focus {
       outline: none;
@@ -7461,14 +8051,25 @@ const $2d8fe9775ff247d9$export$711a92c06f80c3bd = (0, ($parcel$interopDefault($j
 `;
 const $2d8fe9775ff247d9$export$aec21c9a4da7a1b7 = (0, ($parcel$interopDefault($jQDcL$styledcomponents))).button`
   background-color: ${({ theme: theme  })=>theme.primaryColor};
-  padding: 8px 18px;
-  border-radius: 50px;
+  padding: ${({ status: status  })=>status !== "waiting" ? "auto" : "8px 18px"};
+  width: ${({ status: status  })=>status !== "waiting" ? "46px" : "100%"};
+  height: 46px;
+  border-radius: ${({ status: status  })=>status !== "waiting" ? "50%" : "15px"};
   margin: 30px auto 0;
   border: none;
   color: #fff;
   font-size: 16px;
   font-weight: 700;
   line-height: 18px;
+  transition: border-radius 0.3s ease-in, width 0.3s;
+
+  span {
+    display: flex;
+    flex-direction: row;
+    gap: 5px;
+    align-items: center;
+    justify-content: center;
+  }
 `;
 const $2d8fe9775ff247d9$export$9e155375d8fb1f67 = (0, ($parcel$interopDefault($jQDcL$styledcomponents))).img`
   width: 36px;
@@ -7477,14 +8078,15 @@ const $2d8fe9775ff247d9$export$9e155375d8fb1f67 = (0, ($parcel$interopDefault($j
 `;
 const $2d8fe9775ff247d9$export$5e3f251c730829 = (0, ($parcel$interopDefault($jQDcL$styledcomponents))).div`
   display: flex;
-  gap: 5px;
+  align-items: center;
+  justify-content: center;
 `;
 
 
 
 
 const $e38290b50aaba0e3$export$a1eac7fdbc2db4af = "linkshare_sent";
-const $e38290b50aaba0e3$var$sendLinkNotification = (data)=>{
+const $e38290b50aaba0e3$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, $jQDcL$reactjsxruntime.jsx)((0, $2d8fe9775ff247d9$export$9e155375d8fb1f67), {
@@ -7495,11 +8097,11 @@ const $e38290b50aaba0e3$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();
@@ -7516,19 +8118,22 @@ const $e38290b50aaba0e3$var$sendLinkNotification = (data)=>{
         statusText: notificationStatusText
     });
 };
-const $e38290b50aaba0e3$var$sendPaypalInvoiceNotification = (senderName, url)=>{
-    const title = `${senderName || "User"} sent you an invoice.`;
+const $e38290b50aaba0e3$var$sendPaypalInvoiceNotification = (senderName, url, t)=>{
+    const userName = senderName || t("misc.user");
+    const title = t("shareLink.invoice", {
+        user: userName
+    });
     (0, $84c6cbcbb594d072$export$3a57e165650c636f)(title, {
         button: {
             icon: /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $769aee0d2f01a70c$export$2e2bcd8739ae039), {}),
-            text: "Pay",
+            text: t("shareLink.pay"),
             action: ()=>window.open(url, "_blank")
         },
         status: {
             icon: /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $769aee0d2f01a70c$export$2e2bcd8739ae039), {
                 colored: true
             }),
-            text: "Powered by",
+            text: t("shareLink.poweredBy"),
             boldText: "PayPal"
         },
         duration: 10000
@@ -7541,35 +8146,39 @@ const $e38290b50aaba0e3$var$sendPaypalInvoiceNotification = (senderName, url)=>{
     });
 };
 const $e38290b50aaba0e3$var$LinksharePopup = ()=>{
+    const { t: t  } = (0, $jQDcL$reacti18next.useTranslation)();
+    const themeContext = (0, $jQDcL$react.useContext)((0, $jQDcL$styledcomponents.ThemeContext));
     const linksharePopupRef = (0, $jQDcL$react.useRef)(null);
     const linkshareInputRef = (0, $jQDcL$react.useRef)(null);
     const [linkshareInputValue, setLinkshareInputValue] = (0, $jQDcL$react.useState)("");
     const [errorMessage, setErrorMessage] = (0, $jQDcL$react.useState)(null);
-    const [isLoading, setIsLoading] = (0, $jQDcL$react.useState)(false);
-    const { isLinksharePopupVisible: isLinksharePopupVisible , setIsLinksharePopupVisible: setIsLinksharePopupVisible , orientation: orientation  } = (0, $jQDcL$react.useContext)((0, $8b39f32976a7698a$export$2e2bcd8739ae039));
+    const [status, setStatus] = (0, $jQDcL$react.useState)("waiting");
+    const { isLinksharePopupVisible: isLinksharePopupVisible , setIsLinksharePopupVisible: setIsLinksharePopupVisible , orientation: orientation , options: options  } = (0, $jQDcL$react.useContext)((0, $8b39f32976a7698a$export$2e2bcd8739ae039));
     const { streams: streams  } = (0, $3f6e908c45fcc5b3$export$b5633a7cfbe42d9f)();
     const desktop = orientation === "landscape";
     const onCustomMessage = (0, $jQDcL$react.useCallback)((event)=>{
         const { type: type , data: data  } = event.detail.event;
-        if (type === $e38290b50aaba0e3$export$a1eac7fdbc2db4af) $e38290b50aaba0e3$var$sendLinkNotification(data);
+        if (type === $e38290b50aaba0e3$export$a1eac7fdbc2db4af) $e38290b50aaba0e3$var$sendLinkNotification(data, t);
         else if (type === "paypal_invoice") {
             const sender = streams.find((stream)=>stream.id === event.detail.peerId);
-            $e38290b50aaba0e3$var$sendPaypalInvoiceNotification(sender?.profile?.name, data.url);
+            $e38290b50aaba0e3$var$sendPaypalInvoiceNotification(sender?.profile?.name, data.url, t);
         }
     }, [
-        streams
+        streams,
+        t
     ]);
     const onShareClick = async (event)=>{
         event.preventDefault();
         if (!linkshareInputValue) return;
         setErrorMessage(null);
-        setIsLoading(true);
+        setStatus("loading");
+        (0, ($parcel$interopDefault($jQDcL$hotjarbrowser))).event("linkshareShare");
         let url;
         try {
             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) {
@@ -7581,24 +8190,33 @@ const $e38290b50aaba0e3$var$LinksharePopup = ()=>{
                     }
                 });
                 else {
-                    const data = await (0, $c48c1ecc38fed4e9$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, $c48c1ecc38fed4e9$export$2f377c2162fd02b2).sendCustomMessageToAll({
                         type: $e38290b50aaba0e3$export$a1eac7fdbc2db4af,
                         data: data
                     });
                 }
-                if (streams.length < 2) (0, ($parcel$interopDefault($jQDcL$reacthottoast)))(`Link sent to ${streams[0]?.profile?.name || "User"}`);
-                else (0, ($parcel$interopDefault($jQDcL$reacthottoast)))("Link sent to users");
+                if (streams.length < 2) {
+                    const userName = streams[0]?.profile?.name || t("misc.user");
+                    (0, ($parcel$interopDefault($jQDcL$reacthottoast)))(t("shareLink.sentToUser", {
+                        user: userName
+                    }));
+                } else (0, ($parcel$interopDefault($jQDcL$reacthottoast)))(t("shareLink.sentToUsers"));
                 setIsLinksharePopupVisible(false);
             } catch (err) {
                 console.error(err);
-                (0, ($parcel$interopDefault($jQDcL$reacthottoast)))("Failed to send link", {
+                (0, ($parcel$interopDefault($jQDcL$reacthottoast)))(t("shareLink.failed"), {
                     className: "error"
                 });
             }
             setLinkshareInputValue("");
         }
-        setIsLoading(false);
+        setStatus("done");
     };
     const onCloseClick = ()=>setIsLinksharePopupVisible(false);
     (0, $jQDcL$react.useEffect)(()=>{
@@ -7611,6 +8229,7 @@ const $e38290b50aaba0e3$var$LinksharePopup = ()=>{
     ]);
     const onPopupTransitionEnd = ()=>{
         if (isLinksharePopupVisible) linkshareInputRef.current?.focus();
+        if (status === "done") setStatus("waiting");
     };
     return /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $2d8fe9775ff247d9$export$ed0d510542cc4e55), {
         open: isLinksharePopupVisible,
@@ -7624,9 +8243,11 @@ const $e38290b50aaba0e3$var$LinksharePopup = ()=>{
                     children: [
                         /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)((0, $2d8fe9775ff247d9$export$7563f0d47f114601), {
                             children: [
-                                /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $daca1602b495441e$export$2e2bcd8739ae039), {}),
+                                /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $daca1602b495441e$export$2e2bcd8739ae039), {
+                                    color: themeContext.popupTitleColor
+                                }),
                                 /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)("h4", {
-                                    children: "Share a link"
+                                    children: t("shareLink.title2")
                                 })
                             ]
                         }),
@@ -7642,10 +8263,6 @@ const $e38290b50aaba0e3$var$LinksharePopup = ()=>{
                         /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)((0, $2d8fe9775ff247d9$export$dcb32b2b413109d8), {
                             errored: Boolean(errorMessage),
                             children: [
-                                /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)("label", {
-                                    htmlFor: "linkshare-popup-input",
-                                    children: "LINK URL"
-                                }),
                                 /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)("input", {
                                     id: "linkshare-popup-input",
                                     ref: linkshareInputRef,
@@ -7663,17 +8280,18 @@ const $e38290b50aaba0e3$var$LinksharePopup = ()=>{
                         }),
                         /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $2d8fe9775ff247d9$export$aec21c9a4da7a1b7), {
                             type: "submit",
-                            disabled: isLoading,
-                            children: isLoading ? /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)((0, $2d8fe9775ff247d9$export$5e3f251c730829), {
+                            disabled: status !== "waiting",
+                            status: status,
+                            children: status !== "waiting" ? /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $2d8fe9775ff247d9$export$5e3f251c730829), {
+                                children: /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $39ceb925b3865754$export$2e2bcd8739ae039), {
+                                    size: "18px"
+                                })
+                            }) : /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)("span", {
                                 children: [
-                                    /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $39ceb925b3865754$export$2e2bcd8739ae039), {
-                                        size: "18px"
-                                    }),
-                                    /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)("span", {
-                                        children: "Link is creating..."
-                                    })
+                                    /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $57a90aad512ef25e$export$2e2bcd8739ae039), {}),
+                                    t("shareLink.title")
                                 ]
-                            }) : "Share Link"
+                            })
                         })
                     ]
                 })
@@ -7718,6 +8336,7 @@ var $5f509eaff0d9c05a$export$2e2bcd8739ae039 = $5f509eaff0d9c05a$var$Settings;
 
 
 
+
 const $bbe4b943c376008e$export$104f28dc79f055f4 = (0, ($parcel$interopDefault($jQDcL$styledcomponents))).div`
   display: flex;
   flex: 1;
@@ -7756,10 +8375,12 @@ const $bbe4b943c376008e$export$3a4deda42b6182b7 = (0, ($parcel$interopDefault($j
 
 
 const $3d1bfd8f074b99b1$var$EndView = ()=>{
+    const { t: t  } = (0, $jQDcL$reacti18next.useTranslation)();
     const { streamState: streamState , setStreamState: setStreamState  } = (0, $jQDcL$react.useContext)((0, $8b39f32976a7698a$export$2e2bcd8739ae039));
     const ended = streamState === "ended";
     const terminated = streamState === "terminated";
     const expired = streamState === "expired";
+    const full = streamState === "full";
     const onGoBackClick = ()=>{
         (0, $c48c1ecc38fed4e9$export$2f377c2162fd02b2).init();
         setStreamState("streaming");
@@ -7772,24 +8393,28 @@ const $3d1bfd8f074b99b1$var$EndView = ()=>{
             /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)((0, $bbe4b943c376008e$export$51071a7ce784448), {
                 children: [
                     (ended || terminated) && "\uD83D\uDC4B",
-                    expired && "\uD83E\uDD7A"
+                    (expired || full) && "\uD83E\uDD7A"
                 ]
             }),
             /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)((0, $bbe4b943c376008e$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"),
+                    full && t("endView.full")
                 ]
             }),
             expired && /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $bbe4b943c376008e$export$f4e7b895a81715e9), {
-                children: "The call is over or deleted"
+                children: t("endView.callIsOver")
             }),
-            ended && /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $bbe4b943c376008e$export$3a4deda42b6182b7), {
+            full && /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $bbe4b943c376008e$export$f4e7b895a81715e9), {
+                children: t("endView.fullDescription")
+            }),
+            (ended || full) && /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $bbe4b943c376008e$export$3a4deda42b6182b7), {
                 onClick: onGoBackClick,
-                children: "Go back to call"
+                children: t("endView.goBack")
             }),
-            /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $65bf10a117819168$export$ad5f39c592532e2d), {})
+            !full && /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $65bf10a117819168$export$ad5f39c592532e2d), {})
         ]
     });
 };
@@ -7974,7 +8599,11 @@ const $9295e87e6b93e693$export$f30cb9bc4f736419 = {
     settingsBackgroundColor: "#fff",
     settingsHeaderTextColor: "#000",
     settingsTextColor: "#000",
-    settingsCloseBackgroundColor: "#eaebec"
+    settingsCloseBackgroundColor: "#eaebec",
+    popupBackgroundPrimaryColor: "#fff",
+    popupBackgroundSecondaryColor: "#f3f3f3",
+    popupBorderColor: "#d4d4d4",
+    popupTitleColor: "#2d2d2d"
 };
 const $9295e87e6b93e693$export$3e936a8db52a10a0 = {
     primaryColor: "#268AFA",
@@ -7990,7 +8619,11 @@ const $9295e87e6b93e693$export$3e936a8db52a10a0 = {
     settingsBackgroundColor: "#242324",
     settingsHeaderTextColor: "#f9f9f9",
     settingsTextColor: "#fff",
-    settingsCloseBackgroundColor: "#7b7c7e"
+    settingsCloseBackgroundColor: "#7b7c7e",
+    popupBackgroundPrimaryColor: "#fff",
+    popupBackgroundSecondaryColor: "#f3f3f3",
+    popupBorderColor: "#d4d4d4",
+    popupTitleColor: "#2d2d2d"
 };
 
 
@@ -8146,6 +8779,7 @@ var $e41262de25602ed2$export$2e2bcd8739ae039 = $e41262de25602ed2$var$SvgDefiniti
 
 
 
+
 const $71b731057ba65bc2$export$8bac64dfa46a096a = (0, ($parcel$interopDefault($jQDcL$styledcomponents))).div`
   display: flex;
   justify-content: center;
@@ -8198,14 +8832,15 @@ const $71b731057ba65bc2$export$d39b0d24481757e7 = (0, ($parcel$interopDefault($j
 
 
 const $77862aeb490f36a3$var$BlockedDevicesPopup = ({ close: close  })=>{
+    const { t: t  } = (0, $jQDcL$reacti18next.useTranslation)();
     return /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $71b731057ba65bc2$export$8bac64dfa46a096a), {
         children: /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)((0, $71b731057ba65bc2$export$f2f6e48f0181f95d), {
             children: [
                 /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $71b731057ba65bc2$export$b834616c6081368f), {
-                    children: "Camera and microphone are blocked"
+                    children: t("notifications.blockedMicrophonePopupTitle")
                 }),
                 /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $71b731057ba65bc2$export$12ed2ca69ff6905b), {
-                    children: "SnapCall requires access to your camera and microphone. Click the camera blocked icon in your browser's address bar."
+                    children: t("notifications.blockedMicrophonePopup")
                 }),
                 /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $71b731057ba65bc2$export$d39b0d24481757e7), {
                     onClick: close,
@@ -8531,7 +9166,7 @@ const $e3bb2c5d0e5b45b5$export$914ddf2021ea8ee6 = (0, ($parcel$interopDefault($j
 
 
 const $ee8cb448c2c74888$var$currentTheme = (0, $9295e87e6b93e693$export$3bfd0d5209a8006a)();
-const $ee8cb448c2c74888$var$currentLanguage = (0, $54c346ed2df7d69f$export$604ba5624273df44)();
+const $ee8cb448c2c74888$var$currentLanguage = (0, $393bda1b33846dfc$export$604ba5624273df44)();
 let $ee8cb448c2c74888$var$timestampCriticalError = -1;
 const $ee8cb448c2c74888$var$StreamUI = ({ options: options  })=>{
     const [selfPeerId, setSelfPeerId] = (0, $jQDcL$react.useState)(undefined);
@@ -8544,7 +9179,7 @@ const $ee8cb448c2c74888$var$StreamUI = ({ options: options  })=>{
     const [isYoutubePopupVisible, setIsYoutubePopupVisible] = (0, $jQDcL$react.useState)(false);
     const [isLinksharePopupVisible, setIsLinksharePopupVisible] = (0, $jQDcL$react.useState)(false);
     const [theme, setTheme] = (0, $jQDcL$react.useState)($ee8cb448c2c74888$var$currentTheme);
-    const [language, setLanguage] = (0, $jQDcL$react.useState)($ee8cb448c2c74888$var$currentLanguage);
+    const [language, setLanguage] = (0, $jQDcL$react.useState)(options.language || $ee8cb448c2c74888$var$currentLanguage);
     const [profile1, setProfile] = (0, $jQDcL$react.useState)({});
     const [muted, setMuted] = (0, $jQDcL$react.useState)(true);
     const [streaming, setStreaming] = (0, $jQDcL$react.useState)(false);
@@ -8608,15 +9243,23 @@ const $ee8cb448c2c74888$var$StreamUI = ({ options: options  })=>{
         setStreamState("expired");
     };
     const onAgentIdentity = (event)=>{
-        const { success: success  } = event.detail;
-        if (success) setIsAgent(true);
-        else (0, ($parcel$interopDefault($jQDcL$reacthottoast)))("An error occured while trying to join the room as an agent", {
+        const { success: success , email: email  } = event.detail;
+        if (success) {
+            setIsAgent(true);
+            if (email) (0, ($parcel$interopDefault($jQDcL$hotjarbrowser))).identify(null, {
+                email: email
+            });
+        } else (0, ($parcel$interopDefault($jQDcL$reacthottoast)))("An error occured while trying to join the room as an agent", {
             className: "error"
         });
     };
     const onCriticalError = (event)=>{
         const duration = 20000;
         const now = Date.now();
+        if (event.detail.code === "USERLIMIT") {
+            setStreamState("full");
+            return;
+        }
         if ($ee8cb448c2c74888$var$timestampCriticalError !== -1 && $ee8cb448c2c74888$var$timestampCriticalError + duration > now) return;
         $ee8cb448c2c74888$var$timestampCriticalError = now;
         (0, $84c6cbcbb594d072$export$3a57e165650c636f)(`A critical error has occurred (error ${event.detail.code}).`, {
@@ -8642,6 +9285,7 @@ const $ee8cb448c2c74888$var$StreamUI = ({ options: options  })=>{
     (0, $jQDcL$react.useEffect)(()=>{
         try {
             localStorage.setItem("stream_ui_language", language);
+            (0, $b45c0bcc142f0b5e$export$2e2bcd8739ae039).changeLanguage(language);
         } catch (localStorageError) {
             console.warn(localStorageError);
         }
@@ -8737,7 +9381,7 @@ const $ee8cb448c2c74888$var$StreamUI = ({ options: options  })=>{
                                 ]
                             })
                         }),
-                        (streamState === "ended" || streamState === "terminated" || streamState === "expired") && /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $3d1bfd8f074b99b1$export$2e2bcd8739ae039), {})
+                        (streamState === "ended" || streamState === "terminated" || streamState === "full" || streamState === "expired") && /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $3d1bfd8f074b99b1$export$2e2bcd8739ae039), {})
                     ]
                 })
             ]
@@ -8748,6 +9392,15 @@ var $ee8cb448c2c74888$export$2e2bcd8739ae039 = $ee8cb448c2c74888$var$StreamUI;
 
 
 
+// https://help.hotjar.com/hc/en-us/articles/360033640653-Identify-API-Reference#01G2A279ZXW4JT60NKXKX69G49
+// prettier-ignore
+// @ts-ignore
+window.hj = window.hj || function() {
+    (hj.q = hj.q || []).push(arguments);
+};
+
+
+
 const $e68207026aca356b$var$currentURL = new URL(window.location.href);
 const $e68207026aca356b$var$microphoneEnabled = $e68207026aca356b$var$currentURL.searchParams.get("microphone-enabled") !== "0";
 const $e68207026aca356b$var$cameraEnabled = $e68207026aca356b$var$currentURL.searchParams.get("camera-enabled") === "1";
@@ -8767,7 +9420,8 @@ const $e68207026aca356b$var$defaultOptions = {
             available: true
         }
     },
-    streamApiURL: String("https://apistream.snapcall.io")
+    streamApiURL: String("https://apistream.snapcall.io"),
+    tracking: false
 };
 const $e68207026aca356b$export$3f94917203ab7078 = {
     init: ({ element: element , ...options })=>{
@@ -8776,6 +9430,7 @@ const $e68207026aca356b$export$3f94917203ab7078 = {
         (0, $jQDcL$reactdom.render)(/*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $ee8cb448c2c74888$export$2e2bcd8739ae039), {
             options: mergedOptions
         }), element);
+        if (mergedOptions.tracking) (0, ($parcel$interopDefault($jQDcL$hotjarbrowser))).init(3111933, 6);
     },
     setExtraSettingsOptions: (extraOptions)=>{
         const event = new CustomEvent("streamUISetExtraSettingsOptions", {
@@ -8794,7 +9449,8 @@ const $e68207026aca356b$export$3f94917203ab7078 = {
     dispatchEvent: (0, $c48c1ecc38fed4e9$export$2f377c2162fd02b2).dispatchEvent.bind((0, $c48c1ecc38fed4e9$export$2f377c2162fd02b2)),
     getState: (0, $c48c1ecc38fed4e9$export$2f377c2162fd02b2).getState.bind((0, $c48c1ecc38fed4e9$export$2f377c2162fd02b2)),
     setProfile: (0, $c48c1ecc38fed4e9$export$2f377c2162fd02b2).setProfile.bind((0, $c48c1ecc38fed4e9$export$2f377c2162fd02b2)),
-    /* Should not be documented */ setConfig: (0, $c48c1ecc38fed4e9$export$2f377c2162fd02b2).setConfig.bind((0, $c48c1ecc38fed4e9$export$2f377c2162fd02b2))
+    /* Should not be documented */ setConfig: (0, $c48c1ecc38fed4e9$export$2f377c2162fd02b2).setConfig.bind((0, $c48c1ecc38fed4e9$export$2f377c2162fd02b2)),
+    setLogLevel: (level)=>(0, $d0c6baf97675ab49$export$2e2bcd8739ae039).setLogLevel(level)
 };
 window.streamUI = $e68207026aca356b$export$3f94917203ab7078;
 // Backward compatibility