@snapcall/stream-ui 1.4.1 → 1.6.0

package/dist/stream-ui.esm.js

@@ -1,19 +1,23 @@
 import {jsx as $3Sbms$jsx, jsxs as $3Sbms$jsxs, Fragment as $3Sbms$Fragment} from "react/jsx-runtime";
 import {render as $3Sbms$render, createPortal as $3Sbms$createPortal} from "react-dom";
+import $3Sbms$hotjarbrowser from "@hotjar/browser";
 import $3Sbms$reacthottoast, {toast as $3Sbms$toast, Toaster as $3Sbms$Toaster, ToastBar as $3Sbms$ToastBar} from "react-hot-toast";
-import $3Sbms$styledcomponents, {keyframes as $3Sbms$keyframes, ThemeProvider as $3Sbms$ThemeProvider, css as $3Sbms$css, createGlobalStyle as $3Sbms$createGlobalStyle} from "styled-components";
+import $3Sbms$styledcomponents, {keyframes as $3Sbms$keyframes, ThemeProvider as $3Sbms$ThemeProvider, css as $3Sbms$css, ThemeContext as $3Sbms$ThemeContext, createGlobalStyle as $3Sbms$createGlobalStyle} from "styled-components";
 import {useState as $3Sbms$useState, useRef as $3Sbms$useRef, useEffect as $3Sbms$useEffect, useContext as $3Sbms$useContext, useMemo as $3Sbms$useMemo, createContext as $3Sbms$createContext, useReducer as $3Sbms$useReducer, useLayoutEffect as $3Sbms$useLayoutEffect, useCallback as $3Sbms$useCallback} from "react";
 import "inobounce";
+import $3Sbms$i18next from "i18next";
+import {initReactI18next as $3Sbms$initReactI18next, useTranslation as $3Sbms$useTranslation} from "react-i18next";
 import {parse as $3Sbms$parse, getParser as $3Sbms$getParser} from "bowser";
 import {v4 as $3Sbms$v4} from "uuid";
 import {WebSocketTransport as $3Sbms$WebSocketTransport, Peer as $3Sbms$Peer} from "protoo-client";
-import {Device as $3Sbms$Device} from "mediasoup-client";
-import {setTag as $3Sbms$setTag, addBreadcrumb as $3Sbms$addBreadcrumb, captureException as $3Sbms$captureException} from "@sentry/browser";
+import {captureException as $3Sbms$captureException, addBreadcrumb as $3Sbms$addBreadcrumb, setTag as $3Sbms$setTag} from "@sentry/browser";
 import {Producer as $3Sbms$Producer} from "mediasoup-client/lib/Producer";
+import {Device as $3Sbms$Device} from "mediasoup-client";
 import {toCanvas as $3Sbms$toCanvas} from "qrcode";
 
 
 
+
 const $365e765f9890497b$var$isObject = (obj)=>{
     if (typeof obj === "object" && obj !== null) {
         if (typeof Object.getPrototypeOf === "function") {
@@ -305,10 +309,491 @@ const $a5146f9062d7bf28$export$3a57e165650c636f = (message, options = {})=>{
 
 
 
+const $a3e657fb86ae23f3$export$604ba5624273df44 = ()=>{
+    try {
+        const storedTheme = localStorage.getItem("stream_ui_language");
+        if (storedTheme) return storedTheme;
+        return "en";
+    } catch (localStorageError) {
+        console.warn(localStorageError);
+        return "en";
+    }
+};
+
+
+const $18fb8799f38eb407$export$84584c2a98eb6753 = {
+    name: "English",
+    translation: {
+        notifications: {
+            screensharingError: "An error occured when trying to toggle screensharing",
+            microphoneError: "An error occured when trying to toggle the microphone",
+            cameraError: "An error occured when trying to toggle the camera",
+            cameraRotateError: "An error occured when trying to rotate the camera",
+            noCamera: "No camera available",
+            blockedMicrophonePopupTitle: "Camera and microphone are blocked",
+            blockedMicrophonePopup: "SnapCall requires access to your camera and microphone. Click the camera blocked icon in your browser's address bar.",
+            reload: "Reload",
+            criticalError: "A critical error has occurred (error {{code}}).",
+            agentJoinError: "An error occured while trying to join the room as an agent",
+            close: "Close",
+            connectedTo: "Connected to {{name}}"
+        },
+        endView: {
+            goBack: "Go back to call",
+            tooLate: "You arrived too late",
+            callIsOver: "The call is over or deleted",
+            callEnded: "The call is now ended",
+            callLeft: "You left the call",
+            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 $c5472fb74fa04782$export$acb2a88f7d552ebf = {
+    name: "Fran\xe7ais",
+    translation: {
+        notifications: {
+            screensharingError: "Une erreur est survenue pendant l'activation du partage d'\xe9cran",
+            microphoneError: "Une erreur est survenue pendant l'activation du micro",
+            cameraError: "Une erreur est survenue pendant l'activation de la cam\xe9ra",
+            cameraRotateError: "Une erreur est survenue pendant la rotation de la cam\xe9ra",
+            noCamera: "Aucune cam\xe9ra disponible",
+            blockedMicrophonePopupTitle: "Votre cam\xe9ra et micro sont bloqu\xe9s",
+            blockedMicrophonePopup: "SnapCall a besoin d'acc\xe9der \xe0 votre cam\xe9ra et micro. Cliquez sur l'ic\xf4ne de cam\xe9ra bloqu\xe9e dans la barre d'adresse du navigateur.",
+            reload: "Recharger",
+            criticalError: "Une erreur critique est survenue (erreur {{code}}).",
+            agentJoinError: "Une erreur est survenue en essayant de rejoindre la salle en tant qu'agent",
+            close: "Fermer",
+            connectedTo: "Connect\xe9 \xe0 {{name}}"
+        },
+        endView: {
+            goBack: "Retourner dans l'appel",
+            tooLate: "Vous \xeates arrivez trop tard",
+            callIsOver: "Cet appel est termin\xe9 ou supprim\xe9",
+            callEnded: "Cet appel est termin\xe9",
+            callLeft: "Vous avez quitt\xe9 l'appel",
+            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 $b7790fb9e48df5c4$export$3486a10f30cf1ee4 = {
+    name: "Italiano",
+    translation: {
+        notifications: {
+            screensharingError: "Si \xe8 verificato un errore durante l'attivazione della condivisione dello schermo",
+            microphoneError: "Si \xe8 verificato un errore durante l'attivazione del microfono",
+            cameraError: "Si \xe8 verificato un errore durante l'attivazione della fotocamera",
+            cameraRotateError: "Si \xe8 verificato un errore durante la rotazione della fotocamera",
+            noCamera: "Nessuna fotocamera disponibile",
+            blockedMicrophonePopupTitle: "La tua fotocamera e il tuo microfono sono bloccati",
+            blockedMicrophonePopup: "SnapCall ha bisogno di accedere alla fotocamera e al microfono. Fare clic sull'icona della fotocamera bloccata nella barra degli indirizzi del browser.",
+            reload: "Ricaricare",
+            criticalError: "Si \xe8 verificato un errore critico (errore {{code}}).",
+            agentJoinError: "Si \xe8 verificato un errore cercando di entrare nella conversazione come agente",
+            close: "Chiudere",
+            connectedTo: "Connesso a {{name}}"
+        },
+        endView: {
+            goBack: "Torna alla chiamata",
+            tooLate: "Sei arrivato troppo tardi",
+            callIsOver: "Questa chiamata \xe8 finita o \xe8 stata eliminata",
+            callEnded: "Questa chiamata \xe8 finita",
+            callLeft: "Hai lasciato la chiamata",
+            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 $384d985bb9605c35$export$150b732325d14d04 = {
+    en: $18fb8799f38eb407$export$84584c2a98eb6753,
+    fr: $c5472fb74fa04782$export$acb2a88f7d552ebf,
+    it: $b7790fb9e48df5c4$export$3486a10f30cf1ee4
+};
+(0, $3Sbms$i18next).use((0, $3Sbms$initReactI18next)).init({
+    lng: (0, $a3e657fb86ae23f3$export$604ba5624273df44)(),
+    fallbackLng: "en",
+    resources: $384d985bb9605c35$export$150b732325d14d04,
+    interpolation: {
+        escapeValue: false
+    }
+});
+var $384d985bb9605c35$export$2e2bcd8739ae039 = (0, $3Sbms$i18next);
+
+
+
+
+
+
+
+
+
 
 
+const $0f65a9eaf4a1e910$var$LogLevel = {
+    error: 1,
+    warn: 2,
+    info: 3,
+    log: 4,
+    debug: 5
+};
+const $0f65a9eaf4a1e910$var$LevelDescription = {
+    1: "error",
+    2: "warn",
+    3: "info",
+    4: "verbose",
+    5: "debug"
+};
+let $0f65a9eaf4a1e910$var$logLevel = Number(2);
+const $0f65a9eaf4a1e910$var$dateFormat = new Intl.DateTimeFormat("en-GB", {
+    year: "numeric",
+    month: "numeric",
+    day: "numeric",
+    hour: "numeric",
+    minute: "numeric",
+    second: "numeric",
+    timeZone: "GMT"
+});
+class $0f65a9eaf4a1e910$export$2e2bcd8739ae039 {
+    constructor(filename, customLogLevel){
+        this.filename = filename;
+        this.customLogLevel = customLogLevel;
+    }
+    print(level, logger, scope, ...arg) {
+        const head = `[ ${$0f65a9eaf4a1e910$var$dateFormat.format(new Date())} ][ ${$0f65a9eaf4a1e910$var$LevelDescription[level]} ][ ${this.filename} - ${scope} ]`;
+        if (level <= (this.customLogLevel || $0f65a9eaf4a1e910$var$logLevel)) logger(head, ...arg);
+        else (0, $3Sbms$addBreadcrumb)({
+            type: "debug",
+            level: $0f65a9eaf4a1e910$var$LevelDescription[level],
+            category: "console",
+            data: {
+                head: head,
+                arguments: arg
+            }
+        });
+    }
+    debug(scope, ...arg) {
+        this.print($0f65a9eaf4a1e910$var$LogLevel.debug, console.debug, scope, ...arg);
+    }
+    error(scope, ...arg) {
+        this.print($0f65a9eaf4a1e910$var$LogLevel.error, console.error, scope, ...arg);
+    }
+    info(scope, ...arg) {
+        this.print($0f65a9eaf4a1e910$var$LogLevel.info, console.info, scope, ...arg);
+    }
+    log(scope, ...arg) {
+        this.print($0f65a9eaf4a1e910$var$LogLevel.log, console.log, scope, ...arg);
+    }
+    warn(scope, ...arg) {
+        this.print($0f65a9eaf4a1e910$var$LogLevel.warn, console.warn, scope, ...arg);
+    }
+    deprecated(...arg) {
+        console.warn("[ DEPRECATED ]", ...arg);
+    }
+    static setLogLevel(level) {
+        $0f65a9eaf4a1e910$var$logLevel = level;
+    }
+    setLogLevel(level) {
+        this.customLogLevel = level;
+    }
+}
 
 
+const $67e45b2e30dcc030$var$log = new (0, $0f65a9eaf4a1e910$export$2e2bcd8739ae039)("AudioLevels.ts");
 const $67e45b2e30dcc030$var$audioContextConstructor = window.AudioContext || window.webkitAudioContext;
 const $67e45b2e30dcc030$var$AUDIO_MUTE_DETECTION_TIME = 2000;
 const $67e45b2e30dcc030$var$SPEAK_DETECTION_TIME = 500;
@@ -406,10 +891,10 @@ class $67e45b2e30dcc030$export$ea669869acd8f177 {
         try {
             this.audioStreamSource.disconnect(this.analyser);
         } catch (err1) {
-            console.error("audioStreamSource failed to disconnect", err1);
+            $67e45b2e30dcc030$var$log.error("release", "audioStreamSource failed to disconnect", err1);
         }
         this.audioContext.close().catch((err)=>{
-            console.error("audioContext failed to close", err);
+            $67e45b2e30dcc030$var$log.error("release", "audioContext failed to close", err);
         });
         this.audioLevels = [];
     }
@@ -419,6 +904,8 @@ class $67e45b2e30dcc030$export$ea669869acd8f177 {
 }
 
 
+
+const $82e31ca38889c079$var$log = new (0, $0f65a9eaf4a1e910$export$2e2bcd8739ae039)("AudioRenderer.ts");
 class $82e31ca38889c079$var$AudioRenderer {
     constructor({ consumerId: consumerId  }){
         this.consumerId = consumerId;
@@ -438,9 +925,12 @@ class $82e31ca38889c079$var$AudioRenderer {
     async setSink(sinkId) {
         await this.audio.setSinkId?.(sinkId);
     }
+    getSink() {
+        return this.audio.sinkId;
+    }
     async play() {
         await this.audio.play().catch((err)=>{
-            console.warn("failed to play");
+            $82e31ca38889c079$var$log.warn("play", "failed to play");
             setTimeout(()=>{
                 this.play();
             }, 1000);
@@ -511,12 +1001,138 @@ const $15ddac3121cc3a5d$export$4a210166cc9cb64b = async (src)=>{
 
 
 
+
+
+
+
+const $a2f0e3c29b11c88e$var$log = new (0, $0f65a9eaf4a1e910$export$2e2bcd8739ae039)("StreamerMediasoup");
+function $a2f0e3c29b11c88e$var$deviceAutoDetection() {
+    try {
+        const ua = navigator.userAgent;
+        const browser = $3Sbms$getParser(ua);
+        $3Sbms$setTag("DeviceDetectionForced", true);
+        $3Sbms$addBreadcrumb({
+            type: "debug",
+            category: "browser",
+            data: browser.getResult()
+        });
+        const browserOs = browser.getOS();
+        if (browser.getBrowserName() === "Safari" && browserOs.name === "iOS" && Number(browserOs.version) >= 14.3) return new (0, $3Sbms$Device)({
+            handlerName: "Safari12"
+        });
+        throw Error("failed to autoDetect browser, falling back to chrome 74");
+    } catch (error) {
+        $a2f0e3c29b11c88e$var$log.error("deviceAutoDetection", error);
+        $3Sbms$captureException(error);
+    }
+    return new (0, $3Sbms$Device)({
+        handlerName: "Chrome74"
+    });
+}
+function $a2f0e3c29b11c88e$var$createDevice() {
+    try {
+        return new (0, $3Sbms$Device)();
+    } catch (error) {
+        $a2f0e3c29b11c88e$var$log.error("failed to detects device from mediasoup, fallback on auto detection", error);
+        return $a2f0e3c29b11c88e$var$deviceAutoDetection();
+    }
+}
+class $a2f0e3c29b11c88e$export$2e2bcd8739ae039 {
+    constructor(device, config){
+        this.mediasoupDevice = device;
+        this.config = config;
+    }
+    static async create(server, config) {
+        const routerRtpCapabilities = await server.request("getRouterRtpCapabilities");
+        routerRtpCapabilities.headerExtensions = routerRtpCapabilities.headerExtensions?.filter((ext)=>{
+            return ext.uri !== "urn:3gpp:video-orientation";
+        });
+        const device = $a2f0e3c29b11c88e$var$createDevice();
+        device.load({
+            routerRtpCapabilities: routerRtpCapabilities
+        });
+        return new $a2f0e3c29b11c88e$export$2e2bcd8739ae039(device, config);
+    }
+    getRtpCapabilities() {
+        return this.mediasoupDevice.rtpCapabilities;
+    }
+    async createTransportConfig(server) {
+        const transportInfo = await server.request("createWebRtcTransport");
+        return {
+            id: transportInfo.id,
+            iceParameters: transportInfo.iceParameters,
+            iceCandidates: transportInfo.iceCandidates,
+            dtlsParameters: {
+                ...transportInfo.dtlsParameters,
+                role: "auto"
+            },
+            sctpParameters: transportInfo.sctpParameters,
+            iceServers: this.config.iceServers,
+            proprietaryConstraints: {
+                optional: [
+                    {
+                        googDscp: true
+                    }
+                ]
+            },
+            additionalSettings: {
+                encodedInsertableStreams: false
+            }
+        };
+    }
+    async createSendTransport(server) {
+        const sendTransport = this.mediasoupDevice.createSendTransport(await this.createTransportConfig(server));
+        sendTransport.on("connect", ({ dtlsParameters: dtlsParameters  }, callback, errback)=>{
+            $a2f0e3c29b11c88e$var$log.log("dtlsParameters", sendTransport.id, dtlsParameters);
+            server.request("connectWebRtcTransport", {
+                transportId: sendTransport.id,
+                dtlsParameters: dtlsParameters
+            }).then(callback).catch(errback);
+        });
+        sendTransport.on("produce", async ({ kind: kind , rtpParameters: rtpParameters , appData: appData  }, callback, errback)=>{
+            try {
+                const { id: id  } = await server.request("produce", {
+                    transportId: sendTransport.id,
+                    kind: kind,
+                    rtpParameters: rtpParameters,
+                    appData: appData
+                });
+                callback({
+                    id: id
+                });
+                $a2f0e3c29b11c88e$var$log.log("producerTransport: ", sendTransport);
+            } catch (error) {
+                errback(error);
+            }
+        });
+        return sendTransport;
+    }
+    async createRecvTransport(server) {
+        const recvTransport = this.mediasoupDevice.createRecvTransport(await this.createTransportConfig(server));
+        recvTransport.on("connect", ({ dtlsParameters: dtlsParameters  }, callback, errback)=>{
+            $a2f0e3c29b11c88e$var$log.log("dtls", recvTransport.id, dtlsParameters);
+            server.request("connectWebRtcTransport", {
+                transportId: recvTransport.id,
+                dtlsParameters: dtlsParameters
+            }).then(callback).catch(errback);
+        });
+        return recvTransport;
+    }
+    async createTransport(server, direction) {
+        if (direction === "send") return await this.createSendTransport(server);
+        else return await this.createRecvTransport(server);
+    }
+}
+
+
+const $c31e3fb4360572af$var$log = new (0, $0f65a9eaf4a1e910$export$2e2bcd8739ae039)("StreamerClient");
 const $c31e3fb4360572af$export$818d60b2e626da0c = {
     WEBRTC_FAILED: "WRTC1",
     WEBRTC_RECOVER_ERROR: "WRTC2",
     CREATE_TRANSPORT_FAILED: "TRANS1",
     CONSUME_ERROR: "CONS1",
-    SOCKET_LOST: "SOCK1"
+    SOCKET_LOST: "SOCK1",
+    USER_LIMIT: "USERLIMIT"
 };
 const $c31e3fb4360572af$export$d21ffcc5eb136bfa = {
     qvga: {
@@ -579,6 +1195,7 @@ class $c31e3fb4360572af$var$SnapcallEvent extends CustomEvent {
 }
 const $c31e3fb4360572af$var$StreamerEventTargetType = EventTarget;
 class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$StreamerEventTargetType {
+    mediasoupTransport = {};
     pendingDeviceRequest = {};
     joinOptions = {};
     devicesList = [];
@@ -733,17 +1350,19 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
             this.joinRoom();
         });
         this.protoo.on("failed", ()=>{
-            console.error("failed");
+            $c31e3fb4360572af$var$log.error("protoo.on", "failed");
             this.onCriticalError($c31e3fb4360572af$export$818d60b2e626da0c.SOCKET_LOST);
         });
         this.protoo.on("disconnected", ()=>{
-            console.error("disconnected");
+            $c31e3fb4360572af$var$log.error("protoo.on", "disconnected");
             this.onCriticalError($c31e3fb4360572af$export$818d60b2e626da0c.SOCKET_LOST);
         });
-        this.protoo.on("close", ()=>console.log("close :("));
+        this.protoo.on("close", ()=>$c31e3fb4360572af$var$log.log("protoo.on", "close :("));
         this.protoo.on("notification", async (notification)=>{
-            console.log("notification", notification);
-            if (notification.method === "newPeer") {
+            $c31e3fb4360572af$var$log.log("notification", notification);
+            if (notification.method === "error") {
+                if (notification.data?.reason === "reached user limit") this.onCriticalError($c31e3fb4360572af$export$818d60b2e626da0c.USER_LIMIT);
+            } else if (notification.method === "newPeer") {
                 const { id: id , profile: profile  } = notification.data;
                 this.peers.set(id, {
                     id: id,
@@ -878,158 +1497,63 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
             }
         });
     }
-    deviceAutoDetection() {
-        try {
-            const ua = navigator.userAgent;
-            const browser = $3Sbms$getParser(ua);
-            $3Sbms$setTag("DeviceDetectionForced", true);
-            $3Sbms$addBreadcrumb({
-                type: "debug",
-                category: "browser",
-                data: browser.getResult()
-            });
-            const browserOs = browser.getOS();
-            if (browser.getBrowserName() === "Safari" && browserOs.name === "iOS" && Number(browserOs.version) >= 14.3) return new $3Sbms$Device({
-                handlerName: "Safari12"
-            });
-            throw Error("failed to autoDetect browser, falling back to chrome 74");
-        } catch (error) {
-            console.error(error);
-            $3Sbms$captureException(error);
-            this.dispatchEvent(new CustomEvent("browserDetectionFailed"));
-        }
-        return new $3Sbms$Device({
-            handlerName: "Chrome74"
-        });
-    }
-    createDevice() {
-        try {
-            return new $3Sbms$Device();
-        } catch (error) {
-            console.error("failed to detects device from mediasoup, fallback on auto detection", error);
-            return this.deviceAutoDetection();
+    closeWebrtcTransport(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($c31e3fb4360572af$export$818d60b2e626da0c.CREATE_TRANSPORT_FAILED);
+                throw err;
             }
-        });
-        const result = {
-            transport: sendTransport,
-            disconnectTimeout: undefined,
-            kind: kind1
-        };
-        this.listenWebRTCTransportStats(result);
-        return result;
-    }
-    async createRecvTransport(kind) {
-        const recvTransport = this.mediasoupDevice.createRecvTransport(await this.createTransportConfig());
-        recvTransport.on("connect", ({ dtlsParameters: dtlsParameters  }, callback, errback)=>{
-            console.log("dtls", recvTransport.id, dtlsParameters);
-            this.protoo.request("connectWebRtcTransport", {
-                transportId: recvTransport.id,
-                dtlsParameters: dtlsParameters
-            }).then(callback).catch(errback);
-        });
-        const result = {
-            transport: recvTransport,
-            disconnectTimeout: undefined,
-            kind: kind
-        };
-        this.listenWebRTCTransportStats(result);
-        return result;
+            return transport.transport;
+        } else if (transport && transport.transport) return transport.transport;
+        else return transport.createPromise;
     }
-    listenWebRTCTransportStats(transport) {
+    listenWebRTCTransportStates(transport) {
+        if (!transport.transport) throw new Error("can not listen states of undefined transport");
         transport.transport.on("connectionstatechange", (event)=>{
-            if (!transport.transport.closed) {
-                console.log("recv connectionstatechange: ", event);
+            if (transport.transport && !transport.transport.closed) {
+                $c31e3fb4360572af$var$log.log("recv connectionstatechange: ", event);
                 if (event === "disconnected") transport.disconnectTimeout = setTimeout(()=>{
-                    console.log(`trying to restart transport for ${transport.kind}`);
-                    this.restartIce(transport.transport);
+                    $c31e3fb4360572af$var$log.log("listenWebRTCTransportStats", `trying to restart transport for ${transport.kind}`);
+                    if (transport.transport) this.restartIce(transport.transport);
                 }, 5000);
                 else if (event === "connected") clearTimeout(transport.disconnectTimeout);
                 else if (event === "failed") {
                     const err = new Error(`webRTC transport state failed for ${transport.kind}`);
                     $3Sbms$captureException(err, {
                         extra: {
-                            direction: transport.transport.direction,
-                            id: transport.transport.id,
+                            direction: transport.transport?.direction,
+                            id: transport.transport?.id,
                             kind: transport.kind
                         }
                     });
-                    console.error("webrtc stat failed", err);
+                    $c31e3fb4360572af$var$log.error("listenWebRTCTransportStats", "webrtc stat failed", err);
                     this.onCriticalError($c31e3fb4360572af$export$818d60b2e626da0c.WEBRTC_FAILED);
                 }
             }
         });
     }
     async joinRoom() {
-        this.mediasoupDevice = this.createDevice();
-        this.routerRtpCapabilities = await this.protoo.request("getRouterRtpCapabilities");
-        this.routerRtpCapabilities.headerExtensions = this.routerRtpCapabilities.headerExtensions?.filter((ext)=>{
-            return ext.uri !== "urn:3gpp:video-orientation";
-        });
-        await this.mediasoupDevice.load({
-            routerRtpCapabilities: this.routerRtpCapabilities
-        });
-        try {
-            this.recvAudioTransports = await this.createRecvTransport("audio");
-            this.sendAudioTransports = await this.createSendTransport("audio");
-            this.recvVideoTransports = await this.createRecvTransport("video");
-            this.sendVideoTransports = await this.createSendTransport("video");
-        } catch (err) {
-            this.onCriticalError($c31e3fb4360572af$export$818d60b2e626da0c.CREATE_TRANSPORT_FAILED);
-            throw err;
-        }
+        this.streamerMediasoup = await (0, $a2f0e3c29b11c88e$export$2e2bcd8739ae039).create(this.protoo, this.config);
         // now we join
         if (this.joinOptions.apiKey && this.joinOptions.email) try {
             const agentInfo = await this.fetchAgentInfo({
@@ -1043,7 +1567,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
                 }
             }));
         } catch (agentInfoError) {
-            console.warn(agentInfoError);
+            $c31e3fb4360572af$var$log.warn("joinRoom", agentInfoError);
             this.dispatchEvent(new $c31e3fb4360572af$var$SnapcallEvent("agentIdentity", {
                 detail: {
                     success: false
@@ -1074,7 +1598,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
                 callId: callId
             }
         }));
-        console.log("peers", peers);
+        $c31e3fb4360572af$var$log.log("joinRoom", "peers", peers);
         if (this.joinOptions.displayName) await this.setDisplayName(this.joinOptions.displayName);
         if (this.joinOptions.profile) await this.setProfile(this.joinOptions.profile);
         // Consume Peers
@@ -1087,12 +1611,12 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
     }
     async switchMicrophone(deviceId) {
         try {
-            console.log("switchMicrophone", "switching Microphone");
+            $c31e3fb4360572af$var$log.log("switchMicrophone", "switching Microphone");
             this.audioLevel?.release();
             this.audioLevel = undefined;
             if (this.micProducer && this.micProducer.track) {
                 this.micProducer?.track?.stop();
-                console.log("switchMicrophone", "stopping previous track");
+                $c31e3fb4360572af$var$log.log("switchMicrophone", "stopping previous track");
             }
             const stream = await this.handleGetUserMediaError("microphone", navigator.mediaDevices.getUserMedia({
                 audio: {
@@ -1102,14 +1626,14 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
                 }
             }));
             this.audioLevel = new (0, $67e45b2e30dcc030$export$ea669869acd8f177)(stream, this);
-            this.audioLevel.analyse();
+            // this.audioLevel.analyse();
             const track = stream.getAudioTracks()[0];
             await this.micProducer?.replaceTrack({
                 track: track
             });
-            console.log("switchMicrophone", "switched Microphone");
+            $c31e3fb4360572af$var$log.log("switchMicrophone", "switched Microphone");
         } catch (error) {
-            console.error("switchMicrophone error", error);
+            $c31e3fb4360572af$var$log.error("switchMicrophone error", error);
             await this.closeMicrophoneProducer();
         }
     }
@@ -1126,7 +1650,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
         });
     }
     async onDeviceChange() {
-        console.log("detecting device change");
+        $c31e3fb4360572af$var$log.log("onDeviceChange", "detecting device change");
         const deviceListChangeEvent = new $c31e3fb4360572af$var$SnapcallEvent("devicesListChange", {
             detail: {}
         });
@@ -1136,7 +1660,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
             const inputs = lists.filter((media)=>media.kind === "audioinput");
             // chrome default device
             if (inputs.length === 0) {
-                console.warn("no audio input device");
+                $c31e3fb4360572af$var$log.warn("onDeviceChange", "no audio input device");
                 await this.closeMicrophoneProducer();
                 return;
             }
@@ -1147,21 +1671,21 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
                 const change = lists.filter((elements)=>{
                     return !Boolean(this.devicesList.find((device)=>device.deviceId === elements.deviceId && device.label === elements.label));
                 });
-                console.log(change);
+                $c31e3fb4360572af$var$log.log("onDeviceChange", change);
                 this.devicesList = lists;
                 const hasAudioInputChange = Boolean(change.find((device)=>device.kind === "audioinput"));
                 if (change.length !== 0 && hasAudioInputChange === false) {
-                    console.log("no audio input change");
+                    $c31e3fb4360572af$var$log.warn("onDeviceChange", "no audio input change");
                     return;
                 }
-                console.log("detecting audio input change");
+                $c31e3fb4360572af$var$log.log("onDeviceChange", "detecting audio input change");
                 if (!this.audioInputDefaultDevice || this.audioInputDefaultDevice.label !== defaultDevice.label) {
                     const event = new $c31e3fb4360572af$var$SnapcallEvent("defaultAudioDeviceChange", {
                         detail: defaultDevice
                     });
                     this.audioInputDefaultDevice = defaultDevice;
                     this.dispatchEvent(event);
-                    console.log("new default audio input trying to switch new :", defaultDevice.deviceId, defaultDevice.label);
+                    $c31e3fb4360572af$var$log.log("onDeviceChange", "new default audio input trying to switch new :", defaultDevice.deviceId, defaultDevice.label);
                 }
                 this.switchMicrophone("default");
             }
@@ -1176,12 +1700,12 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
                 }
             }));
             this.devicesList = await navigator.mediaDevices.enumerateDevices();
-            if (!this.sendAudioTransports) throw new Error("audio transport not found");
+            const transport = await this.getTransport("audio", "send");
             this.audioLevel = new (0, $67e45b2e30dcc030$export$ea669869acd8f177)(stream, this);
-            this.audioLevel.analyse();
+            // this.audioLevel.analyse();
             const track = stream.getAudioTracks()[0];
             const deviceType = "microphone";
-            const micProducer = await this.sendAudioTransports?.transport.produce({
+            const micProducer = await transport.produce({
                 track: track,
                 codecOptions: {
                     opusStereo: true,
@@ -1192,13 +1716,13 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
                 }
             });
             micProducer.on("transportclose", ()=>{
-                console.log("micproducer transportclose");
+                $c31e3fb4360572af$var$log.log("enableMicrophone", "micproducer transportclose");
             });
             track.addEventListener("ended", ()=>{
-                console.log("track ended!");
+                $c31e3fb4360572af$var$log.log("enableMicrophone", "track ended!");
             });
             micProducer.on("trackended", async ()=>{
-                console.log("microphone disconnected!");
+                $c31e3fb4360572af$var$log.log("enableMicrophone", "microphone disconnected!");
                 if (navigator.mediaDevices.ondevicechange === undefined) this.closeMicrophoneProducer();
             });
             this.micProducer = micProducer;
@@ -1251,11 +1775,8 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
         }
     }
     release() {
-        console.log("release");
-        this.closeWebrtcTransport(this.sendAudioTransports);
-        this.closeWebrtcTransport(this.recvAudioTransports);
-        this.closeWebrtcTransport(this.sendVideoTransports);
-        this.closeWebrtcTransport(this.recvVideoTransports);
+        $c31e3fb4360572af$var$log.log("release");
+        for(let key in this.mediasoupTransport)this.closeWebrtcTransport(key);
         this.webcamTrack?.stop();
         this.webcamTrack = null;
         this.protooTransport.close();
@@ -1327,18 +1848,18 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
         }
     }
     async restartIce(transport) {
-        console.log("restartIce", transport.connectionState, transport.closed);
+        $c31e3fb4360572af$var$log.log("restartIce", transport.connectionState, transport.closed);
         if (transport.connectionState === "disconnected" && !transport.closed) try {
             const iceParameters = await this.protoo.request("restartIce", {
                 transportId: transport.id
             });
-            console.log(iceParameters);
+            $c31e3fb4360572af$var$log.log("restartIce", iceParameters);
             await transport.restartIce({
                 iceParameters: iceParameters
             });
         } catch (err) {
             this.onCriticalError($c31e3fb4360572af$export$818d60b2e626da0c.WEBRTC_RECOVER_ERROR);
-            console.log("restartIceFailed", err);
+            $c31e3fb4360572af$var$log.log("restartIce", "restartIceFailed", err);
             $3Sbms$captureException(err, {
                 extra: {
                     direction: transport.direction,
@@ -1352,7 +1873,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
         if (scale === 2) videoResolution = $c31e3fb4360572af$export$d21ffcc5eb136bfa["vga"];
         else if (scale > 2) videoResolution = $c31e3fb4360572af$export$d21ffcc5eb136bfa["qvga"];
         if (!this.webcam.resolution || $c31e3fb4360572af$export$d21ffcc5eb136bfa[this.webcam.resolution].qualityIndex >= videoResolution.qualityIndex) {
-            console.log(`scaling video by ${scale}`, videoResolution);
+            $c31e3fb4360572af$var$log.log("scaleVideoMediasConstraintsParameter", `scaling video by ${scale}`, videoResolution);
             this.webcamProducer?.track?.applyConstraints(videoResolution);
         }
     }
@@ -1374,14 +1895,14 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
             };
             if (!(0, $3Sbms$Producer).prototype.setRtpEncodingParameters) return this.scaleVideoMediasConstraintsParameter(scale.scaleResolutionDownBy);
             if (this.webcamProducer && !this.webcamProducer.closed) {
-                console.log(`scaling video by ${scale.scaleResolutionDownBy}`);
+                $c31e3fb4360572af$var$log.log("scaleVideoEncodingsParameter", `scaling video by ${scale.scaleResolutionDownBy}`);
                 this.webcamProducer?.setRtpEncodingParameters?.(scale).catch((err)=>{
-                    console.error("scaleResolutionDownBy not supported", err);
+                    $c31e3fb4360572af$var$log.error("scaleVideoEncodingsParameter", "scaleResolutionDownBy not supported", err);
                     this.scaleVideoMediasConstraintsParameter(scale.scaleResolutionDownBy);
                 });
             }
         } catch (error) {
-            console.error("scaleVideo error", error);
+            $c31e3fb4360572af$var$log.error("scaleVideoEncodingsParameter", "scaleVideo error", error);
         }
     }
     async switchWebcam({ device: device , resolution: resolution , rotate: rotate  }) {
@@ -1408,7 +1929,8 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
                 ...$c31e3fb4360572af$export$d21ffcc5eb136bfa[resolution || this.webcam.resolution]
             }
         }));
-        if (!this.sendVideoTransports) throw new Error("video transport not found");
+        const transport = await this.getTransport("video", "send");
+        if (!transport) throw new Error("video transport not found, can not switch");
         const track = stream.getVideoTracks()[0];
         this.webcamTrack = track;
         await this.webcamProducer?.replaceTrack?.({
@@ -1439,7 +1961,8 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
                 ...$c31e3fb4360572af$export$d21ffcc5eb136bfa[config?.resolution || this.webcam.resolution]
             }
         }));
-        if (!this.sendVideoTransports) throw new Error("video transport not found");
+        await this.updateWebcams();
+        const transport = await this.getTransport("video", "send");
         const track = stream.getVideoTracks()[0];
         this.webcamTrack = track;
         const capabilities = await track.getCapabilities?.() || navigator.mediaDevices.getSupportedConstraints?.();
@@ -1453,7 +1976,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
             videoGoogleStartBitrate: 1000
         };
         const deviceType = "webcam";
-        this.webcamProducer = await this.sendVideoTransports.transport.produce({
+        this.webcamProducer = await transport.produce({
             track: track,
             encodings: encodings,
             codecOptions: codecOptions,
@@ -1533,14 +2056,14 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
             }
         }));
         if (!stream) return;
-        if (!this.sendVideoTransports) throw new Error("video screen transport not found");
+        const transport = await this.getTransport("video", "send");
         const track = stream.getVideoTracks()[0];
         const encodings = undefined;
         const codecOptions = {
             videoGoogleStartBitrate: 1000
         };
         let deviceType = "screen";
-        this.screenshareProducer = await this.sendVideoTransports.transport.produce({
+        this.screenshareProducer = await transport.produce({
             track: track,
             encodings: encodings,
             codecOptions: codecOptions,
@@ -1600,11 +2123,11 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$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 = ()=>$c31e3fb4360572af$var$log.log("requestVideo", "Remove Track");
+            consumer.mediaSoupConsumer.track.onended = ()=>$c31e3fb4360572af$var$log.log("requestVideo", "Track Ended");
             mediaStream.addTrack(consumer.mediaSoupConsumer.track);
             element.srcObject = mediaStream;
-        } else console.error(`Video consumer ${consumer} not found`);
+        } else $c31e3fb4360572af$var$log.error("requestVideo", `Video consumer ${consumer} not found`);
     }
     async captureVideo(videoElement) {
         let image;
@@ -1629,7 +2152,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
             const mediaStream = new MediaStream();
             mediaStream.addTrack(this.screenshareProducer.track);
             element.srcObject = mediaStream;
-        } else console.log("screenshare producer not available yet");
+        } else $c31e3fb4360572af$var$log.log("requestLocalScreenshare", "screenshare producer not available yet");
     }
     consumePeer({ peerId: peerId , producersData: producersData  }) {
         producersData.forEach((producerData)=>{
@@ -1641,18 +2164,14 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
             });
         });
     }
-    getRecvTransport(deviceType) {
-        if (deviceType === "microphone") return this.recvAudioTransports;
-        else return this.recvVideoTransports;
-    }
     async consumeProducer({ peerId: peerId , producerId: producerId , deviceType: deviceType , paused: paused  }) {
-        const transport = this.getRecvTransport(deviceType);
-        if (!transport) throw new Error(`transport for ${deviceType} not found`);
+        const mediaKind = deviceType === "microphone" ? "audio" : "video";
+        const transport = await this.getTransport(mediaKind, "recv");
         const data = await this.protoo.request("consume", {
             peerId: peerId,
             producerId: producerId,
-            transportId: transport.transport.id,
-            rtpCapabilities: this.mediasoupDevice.rtpCapabilities
+            transportId: transport.id,
+            rtpCapabilities: this.streamerMediasoup.getRtpCapabilities()
         });
         const peer = this.peers.get(peerId);
         if (peer) peer.producersData.push({
@@ -1661,9 +2180,9 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
             paused: paused
         });
         const { producerId: resolvedProducerId , id: id , kind: kind , rtpParameters: rtpParameters , appData: appData  } = data;
-        console.log("Data: ", data);
+        $c31e3fb4360572af$var$log.log("consumeProducer", "Data: ", data);
         try {
-            const consumer = await transport.transport.consume({
+            const consumer = await transport.consume({
                 id: id,
                 producerId: resolvedProducerId,
                 kind: kind,
@@ -1673,8 +2192,8 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
                     peerId: peerId
                 }
             });
-            console.log("transport", transport.transport);
-            console.log("consumer", consumer);
+            $c31e3fb4360572af$var$log.log("transport", transport);
+            $c31e3fb4360572af$var$log.log("consumer", consumer);
             this.consumers.set(consumer.id, {
                 mediaSoupConsumer: consumer,
                 deviceType: deviceType
@@ -1701,7 +2220,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
             });
         } catch (error) {
             this.onCriticalError($c31e3fb4360572af$export$818d60b2e626da0c.CONSUME_ERROR);
-            console.error("newConsumer request failed", error);
+            $c31e3fb4360572af$var$log.error("consumeProducer", "newConsumer request failed", error);
             throw error;
         }
     }
@@ -1745,7 +2264,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
             const { callId: callId  } = await this.protoo.request("getCallId");
             return callId;
         } catch (err) {
-            console.error("Failed to get callId");
+            $c31e3fb4360572af$var$log.error("getCallId", "Failed to get callId");
             throw err;
         }
     }
@@ -1819,6 +2338,18 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$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
@@ -1848,7 +2379,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
         await this.audioRenderers[consumerId]?.play();
     }
     async setAudioSink(sinkId) {
-        const promises = Object.keys(this.audioRenderers).map((consumerId)=>this.audioRenderers[consumerId].setSink(sinkId).catch((err)=>console.warn("Failed to setSinkId on renderer (consumerId: %s): ", consumerId, err)));
+        const promises = Object.keys(this.audioRenderers).map((consumerId)=>this.audioRenderers[consumerId].setSink(sinkId).catch((err)=>$c31e3fb4360572af$var$log.warn("setAudioSink", "Failed to setSinkId on renderer (consumerId: %s): ", consumerId, err)));
         await Promise.allSettled(promises);
     }
     dispatchEvent(event) {
@@ -1856,12 +2387,6 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
         window.dispatchEvent(event);
         return result;
     }
-    async getShareLinkData(url) {
-        const data = await this.protoo.request("shareLink", {
-            url: url
-        });
-        return data;
-    }
     async fetchAgentInfo({ apiKey: apiKey , email: email  }) {
         const apiURL = this.config.apiUrl;
         const agent = await fetch(`${apiURL}/agents/${email}`, {
@@ -2210,6 +2735,7 @@ const $2da9626742e3560b$export$5170987d58ae338d = ()=>/*#__PURE__*/ (0, $3Sbms$j
 
 
 
+
 const $e1413aacdaa5a03e$export$71b2224f1ce5e08e = (ref, action)=>{
     (0, $3Sbms$useEffect)(()=>{
         const onWindowClick = (event)=>{
@@ -2230,6 +2756,7 @@ const $e1413aacdaa5a03e$export$71b2224f1ce5e08e = (ref, action)=>{
 
 
 
+
 const $4ee077ee5e6fe3e7$export$d00c23c5e97ada8 = (0, $3Sbms$styledcomponents).div`
   display: flex;
   flex-direction: column;
@@ -2293,6 +2820,7 @@ const $4ee077ee5e6fe3e7$export$6755b81a599fadda = (0, $3Sbms$styledcomponents).s
 
 
 const $59d1053cd71d481a$var$Menu = ({ categories: categories  })=>{
+    const { t: t  } = (0, $3Sbms$useTranslation)();
     return /*#__PURE__*/ (0, $3Sbms$jsx)((0, $4ee077ee5e6fe3e7$export$b286f91cddfedb5a), {
         children: categories.map((category)=>/*#__PURE__*/ (0, $3Sbms$jsxs)((0, $4ee077ee5e6fe3e7$export$d00c23c5e97ada8), {
                 children: [
@@ -2314,7 +2842,7 @@ const $59d1053cd71d481a$var$Menu = ({ categories: categories  })=>{
                                 }),
                                 item.title,
                                 item.isNew && /*#__PURE__*/ (0, $3Sbms$jsx)((0, $4ee077ee5e6fe3e7$export$6755b81a599fadda), {
-                                    children: "NEW"
+                                    children: t("menu.new")
                                 })
                             ]
                         }, item.id))
@@ -2406,6 +2934,7 @@ const $ab29487ffcc05855$export$c4e460d5c7d83bc3 = (0, $3Sbms$styledcomponents).d
 
 
 const $ae6e25be45301335$var$HeaderSettings = ({ baseCategories: baseCategories , extraCategories: extraCategories  })=>{
+    const { t: t  } = (0, $3Sbms$useTranslation)();
     const settingsOptionsContainerRef = (0, $3Sbms$useRef)(null);
     const [displaySettingsOptions, setDisplaySettingsOptions] = (0, $3Sbms$useState)(false);
     const [menuCategories, setMenuCategories] = (0, $3Sbms$useState)(baseCategories);
@@ -2498,7 +3027,7 @@ const $ae6e25be45301335$var$HeaderSettings = ({ baseCategories: baseCategories ,
                 children: [
                     /*#__PURE__*/ (0, $3Sbms$jsx)((0, $ab29487ffcc05855$export$e2457e1974c298c3), {
                         onClick: onSettingsButtonClick,
-                        children: "Menu"
+                        children: t("menu.title")
                     }),
                     displaySettingsOptions && /*#__PURE__*/ (0, $3Sbms$jsx)((0, $ab29487ffcc05855$export$c4e460d5c7d83bc3), {
                         ref: settingsOptionsContainerRef,
@@ -2515,6 +3044,7 @@ var $ae6e25be45301335$export$2e2bcd8739ae039 = $ae6e25be45301335$var$HeaderSetti
 
 
 
+
 const $e96d119a19ed0c6c$var$computeLayout = ({ width: width , height: height , tileCount: tileCount  })=>{
     const tilesPerRow = Math.min(tileCount, 12);
     let n = 0;
@@ -2610,7 +3140,7 @@ class $e96d119a19ed0c6c$export$45fabd1ce5e673de {
             await this.video.play();
             await this.video.requestPictureInPicture();
             this.draw();
-        } else (0, $3Sbms$toast)("No camera available", {
+        } else (0, $3Sbms$toast)((0, $384d985bb9605c35$export$2e2bcd8739ae039).t("notifications.noCamera"), {
             className: "error"
         });
     }
@@ -2692,6 +3222,7 @@ class $e96d119a19ed0c6c$export$45fabd1ce5e673de {
 const $f235befa4cdc42d6$var$multiPiP = new (0, $e96d119a19ed0c6c$export$45fabd1ce5e673de)();
 const $f235befa4cdc42d6$var$browser = $3Sbms$parse(window.navigator.userAgent);
 const $f235befa4cdc42d6$var$Header = ()=>{
+    const { t: t  } = (0, $3Sbms$useTranslation)();
     const { setIsQuickConnectPopupVisible: setIsQuickConnectPopupVisible , setIsSettingsMenuVisible: setIsSettingsMenuVisible , options: options , muted: muted , streaming: streaming  } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
     const { streams: streams  } = (0, $cce9fd41d8a55a18$export$b5633a7cfbe42d9f)();
     const [extraOptions, setExtraOptions] = (0, $3Sbms$useState)(options.extraSettingsOptions || []);
@@ -2720,12 +3251,12 @@ const $f235befa4cdc42d6$var$Header = ()=>{
         const onCopyCallLinkClick = async ()=>{
             try {
                 await (0, $57162bcada7d6f66$export$2e2bcd8739ae039)(options.sharedURL || window.location.href);
-                (0, $3Sbms$reacthottoast)("Link copied to clipboard", {
+                (0, $3Sbms$reacthottoast)(t("copyLink.copied"), {
                     duration: 2000
                 });
             } catch (copyError) {
                 console.warn(copyError);
-                (0, $3Sbms$reacthottoast)("An error occured when trying to copy to clipboard", {
+                (0, $3Sbms$reacthottoast)(t("copyLink.error"), {
                     className: "error"
                 });
             }
@@ -2741,6 +3272,7 @@ const $f235befa4cdc42d6$var$Header = ()=>{
         };
         const onScanQuickConnectClick = ()=>{
             setIsQuickConnectPopupVisible(true);
+            (0, $3Sbms$hotjarbrowser).event("quickConnectClick");
         };
         const onSettingsMenuClick = ()=>{
             setIsSettingsMenuVisible(true);
@@ -2751,7 +3283,7 @@ const $f235befa4cdc42d6$var$Header = ()=>{
                 items: [
                     {
                         id: "openNewTab",
-                        title: "Open new tab",
+                        title: t("menu.openNewTab"),
                         jsxIcon: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $2da9626742e3560b$export$6546b255bd3a2004), {}),
                         action: onOpenInNewTabClick
                     }, 
@@ -2762,13 +3294,13 @@ const $f235befa4cdc42d6$var$Header = ()=>{
                 items: [
                     {
                         id: "copyLink",
-                        title: "Copy link",
+                        title: t("copyLink.title"),
                         jsxIcon: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $2da9626742e3560b$export$92ce62e1201c4fc0), {}),
                         action: onCopyCallLinkClick
                     },
                     {
                         id: "quickConnect",
-                        title: "Quick Connect",
+                        title: t("quickConnect.title"),
                         jsxIcon: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $2da9626742e3560b$export$6470d09a29d34d08), {}),
                         action: onScanQuickConnectClick
                     }, 
@@ -2779,7 +3311,7 @@ const $f235befa4cdc42d6$var$Header = ()=>{
                 items: [
                     {
                         id: "settings",
-                        title: "Settings",
+                        title: t("settings.title"),
                         jsxIcon: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $2da9626742e3560b$export$1095c93890fce526), {}),
                         action: onSettingsMenuClick
                     }, 
@@ -2788,7 +3320,7 @@ const $f235befa4cdc42d6$var$Header = ()=>{
         ];
         if (document.pictureInPictureEnabled && $f235befa4cdc42d6$var$browser.platform.type === "desktop") computedCategories[0].items.push({
             id: "pip",
-            title: "Picture-in-Picture",
+            title: t("menu.pictureInPicture"),
             jsxIcon: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $2da9626742e3560b$export$5170987d58ae338d), {}),
             action: onPipClick
         });
@@ -2798,7 +3330,8 @@ const $f235befa4cdc42d6$var$Header = ()=>{
         streaming,
         options.sharedURL,
         setIsQuickConnectPopupVisible,
-        setIsSettingsMenuVisible, 
+        setIsSettingsMenuVisible,
+        t, 
     ]);
     return /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $ab29487ffcc05855$export$1e86fd0e1db89578), {
         children: [
@@ -2856,6 +3389,7 @@ const $af23c74942bdcae7$export$2b86bedf890eab8 = (element)=>{
 
 
 
+
 const $6043ae1b48c5aa97$var$Microphone = ({ slash: slash , redSlash: redSlash , status: status , deviceRequest: deviceRequest  })=>{
     if (slash) return /*#__PURE__*/ (0, $3Sbms$jsxs)("svg", {
         width: "24",
@@ -3618,6 +4152,7 @@ const $a53a1c6f62ad0fcc$var$getRequestButtonSize = (containerWidth)=>{
     return "large";
 };
 const $a53a1c6f62ad0fcc$var$StreamTile = ({ stream: stream , width: width = 0 , height: height = 0  })=>{
+    const { t: t  } = (0, $3Sbms$useTranslation)();
     const videoElementRef = (0, $3Sbms$useRef)(null);
     const [hover, setHover] = (0, $3Sbms$useState)(false);
     const [requestingDevice, setRequestingDevice] = (0, $3Sbms$useState)(null);
@@ -3661,7 +4196,7 @@ const $a53a1c6f62ad0fcc$var$StreamTile = ({ stream: stream , width: width = 0 ,
             if (requestingDeviceTimeoutRef.current) clearTimeout(requestingDeviceTimeoutRef.current);
             requestingDeviceTimeoutRef.current = setTimeout(()=>{
                 setRequestingDevice(null);
-                (0, $3Sbms$reacthottoast)("Your request has timed out.", {
+                (0, $3Sbms$reacthottoast)(t("requestDevice.timedOut"), {
                     className: "error"
                 });
             }, 20000);
@@ -3670,7 +4205,8 @@ const $a53a1c6f62ad0fcc$var$StreamTile = ({ stream: stream , width: width = 0 ,
             };
         } else setHover(false);
     }, [
-        requestingDevice
+        requestingDevice,
+        t
     ]);
     (0, $3Sbms$useEffect)(()=>{
         const onRequestDeviceResult = (event)=>{
@@ -3679,8 +4215,10 @@ const $a53a1c6f62ad0fcc$var$StreamTile = ({ stream: stream , width: width = 0 ,
                 if (requestingDeviceTimeoutRef.current) clearTimeout(requestingDeviceTimeoutRef.current);
                 setRequestingDevice(null);
                 if (result !== true) {
-                    let message = "Your request has been declined.";
-                    if (stream.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, $3Sbms$reacthottoast)(message, {
                         className: "error"
                     });
@@ -3693,7 +4231,8 @@ const $a53a1c6f62ad0fcc$var$StreamTile = ({ stream: stream , width: width = 0 ,
         };
     }, [
         stream.id,
-        stream.profile
+        stream.profile,
+        t
     ]);
     (0, $3Sbms$useEffect)(()=>{
         const onCustomMessage = async (event)=>{
@@ -3755,7 +4294,7 @@ const $a53a1c6f62ad0fcc$var$StreamTile = ({ stream: stream , width: width = 0 ,
                 children: [
                     /*#__PURE__*/ (0, $3Sbms$jsx)((0, $7ec04c1818c68245$export$df42e007689062b0), {
                         size: requestButtonSize,
-                        children: "Request input devices"
+                        children: t("requestDevice.requestInput")
                     }),
                     /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $7ec04c1818c68245$export$81d5557f9199e44d), {
                         size: requestButtonSize,
@@ -3804,7 +4343,7 @@ const $a53a1c6f62ad0fcc$var$StreamTile = ({ stream: stream , width: width = 0 ,
                         }) : /*#__PURE__*/ (0, $3Sbms$jsx)((0, $57da43088f4a416a$export$2e2bcd8739ae039), {})
                     }),
                     /*#__PURE__*/ (0, $3Sbms$jsx)((0, $7ec04c1818c68245$export$b430fec6b171ceb5), {
-                        children: stream.profile.name || "User"
+                        children: stream.profile.name || t("misc.user")
                     })
                 ]
             })
@@ -3905,6 +4444,7 @@ var $21c8ac858b8a352e$export$2e2bcd8739ae039 = $21c8ac858b8a352e$var$AudioTile;
 
 
 
+
 const $f260365f66cb6a6f$var$Reduce = ()=>/*#__PURE__*/ (0, $3Sbms$jsx)("svg", {
         width: "22",
         height: "22",
@@ -4018,11 +4558,7 @@ const $b8e10de7c6dba8c4$export$a6112fefa8de799d = ({ containerWidth: containerWi
 
 
 
-const $7c705c3f08c6d4ca$var$deviceNames = {
-    microphone: "microphone",
-    webcam: "camera",
-    screen: "screen"
-};
+
 const $7c705c3f08c6d4ca$var$getIcon = (device)=>{
     if (device === "microphone") return 0, $6043ae1b48c5aa97$export$2e2bcd8739ae039;
     if (device === "webcam") return 0, $04e57b1f07a8e9f4$export$2e2bcd8739ae039;
@@ -4030,10 +4566,16 @@ const $7c705c3f08c6d4ca$var$getIcon = (device)=>{
     return 0, $6043ae1b48c5aa97$export$2e2bcd8739ae039;
 };
 const $7c705c3f08c6d4ca$var$DeviceRequest = ({ device: device , requesterId: requesterId , setExtended: setExtended , setDeviceRequest: setDeviceRequest  })=>{
+    const { t: t  } = (0, $3Sbms$useTranslation)();
     const { streams: streams  } = (0, $cce9fd41d8a55a18$export$b5633a7cfbe42d9f)();
     const [pending, setPending] = (0, $3Sbms$useState)(false);
     const requesterStream = streams.find((stream)=>stream.id === requesterId);
     const Icon = $7c705c3f08c6d4ca$var$getIcon(device);
+    const deviceNames = {
+        microphone: t("misc.microphone"),
+        webcam: t("misc.camera"),
+        screen: t("misc.screen")
+    };
     const onAccept = async ()=>{
         setExtended(false);
         setPending(true);
@@ -4068,24 +4610,22 @@ const $7c705c3f08c6d4ca$var$DeviceRequest = ({ device: device , requesterId: req
                         deviceRequest: true
                     })
                 }),
-                /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $6efc75079651494a$export$517ec31e58d61d2e), {
-                    children: [
-                        requesterStream?.profile?.name || "Someone",
-                        " would like you to share your",
-                        " ",
-                        $7c705c3f08c6d4ca$var$deviceNames[device]
-                    ]
+                /*#__PURE__*/ (0, $3Sbms$jsx)((0, $6efc75079651494a$export$517ec31e58d61d2e), {
+                    children: t("requestDevice.request", {
+                        user: requesterStream?.profile?.name || t("misc.someone"),
+                        device: deviceNames[device]
+                    })
                 }),
                 /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $6efc75079651494a$export$dfd6aceefcfce0c9), {
                     children: [
                         /*#__PURE__*/ (0, $3Sbms$jsx)((0, $6efc75079651494a$export$a85169f132f25a9d), {
                             onClick: onAccept,
                             active: true,
-                            children: "Accept"
+                            children: t("misc.accept")
                         }),
                         /*#__PURE__*/ (0, $3Sbms$jsx)((0, $6efc75079651494a$export$a85169f132f25a9d), {
                             onClick: onDecline,
-                            children: "Decline"
+                            children: t("misc.decline")
                         })
                     ]
                 })
@@ -4201,7 +4741,9 @@ const $d02c24b66b4606fd$export$ab7d69e250642927 = ({ element: element  })=>{
 
 
 
+
 const $1c906a2b66e07e70$var$MediaSession = ()=>{
+    const { t: t  } = (0, $3Sbms$useTranslation)();
     const { muted: muted , streaming: streaming  } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
     (0, $3Sbms$useEffect)(()=>{
         navigator.mediaSession?.setMicrophoneActive?.(!muted);
@@ -4219,7 +4761,7 @@ const $1c906a2b66e07e70$var$MediaSession = ()=>{
                     else await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).enableMicrophone();
                 } catch (microphoneToggleError) {
                     console.warn(microphoneToggleError);
-                    (0, $3Sbms$reacthottoast)("An error occured when trying to toggle the microphone (PiP)", {
+                    (0, $3Sbms$reacthottoast)(`${t("notifications.microphoneError")} (PiP)`, {
                         className: "error"
                     });
                 }
@@ -4235,7 +4777,7 @@ const $1c906a2b66e07e70$var$MediaSession = ()=>{
                     else await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).enableVideo();
                 } catch (cameraError) {
                     console.warn(cameraError);
-                    (0, $3Sbms$reacthottoast)("An error occured when trying to toggle the camera (PiP)", {
+                    (0, $3Sbms$reacthottoast)(`${t("notifications.cameraError")} (PiP)`, {
                         className: "error"
                     });
                 }
@@ -4250,7 +4792,9 @@ const $1c906a2b66e07e70$var$MediaSession = ()=>{
         } catch (hangupHandlerError) {
             console.warn("MediaSession hangup action is not available");
         }
-    }, []);
+    }, [
+        t
+    ]);
     return null;
 };
 var $1c906a2b66e07e70$export$2e2bcd8739ae039 = $1c906a2b66e07e70$var$MediaSession;
@@ -4262,6 +4806,7 @@ var $1c906a2b66e07e70$export$2e2bcd8739ae039 = $1c906a2b66e07e70$var$MediaSessio
 const $5939a59dc7c96d41$var$minimumTileWidth = 126;
 const $5939a59dc7c96d41$var$maximumTileWidth = 150;
 const $5939a59dc7c96d41$var$SelfStreamTile = ({ isSomeonePresenting: isSomeonePresenting , width: width , height: height  })=>{
+    const { t: t  } = (0, $3Sbms$useTranslation)();
     const [extended, setExtended] = (0, $3Sbms$useState)(false);
     const [zoom, setZoom] = (0, $3Sbms$useState)(false);
     const [zoomAvailable, setZoomAvailable] = (0, $3Sbms$useState)(false);
@@ -4334,8 +4879,13 @@ const $5939a59dc7c96d41$var$SelfStreamTile = ({ isSomeonePresenting: isSomeonePr
                     type: "snapshot",
                     imageSrc: objectUrl
                 });
-                let notificationMessage = "Snapshot sent to users.";
-                if (streams.length === 1) notificationMessage = `Snapshot sent to ${streams[0].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, $a5146f9062d7bf28$export$3a57e165650c636f)(notificationMessage, {
                     icon: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $6efc75079651494a$export$26fe7ec9351ff761), {
                         src: base64Image
@@ -4343,7 +4893,7 @@ const $5939a59dc7c96d41$var$SelfStreamTile = ({ isSomeonePresenting: isSomeonePr
                     duration: 2500
                 });
             } catch (sendMessageError) {
-                (0, $3Sbms$reacthottoast)("An error occured when trying to send the snapshot", {
+                (0, $3Sbms$reacthottoast)(t("snapshot.error"), {
                     className: "error"
                 });
                 console.error(sendMessageError);
@@ -4461,7 +5011,7 @@ const $5939a59dc7c96d41$var$SelfStreamTile = ({ isSomeonePresenting: isSomeonePr
             }),
             !extended && /*#__PURE__*/ (0, $3Sbms$jsx)((0, $6efc75079651494a$export$500c3c5544c37412), {
                 children: /*#__PURE__*/ (0, $3Sbms$jsx)("span", {
-                    children: "You"
+                    children: t("misc.you")
                 })
             }),
             extended && /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $6efc75079651494a$export$a7365e2302f8d10a), {
@@ -4627,6 +5177,7 @@ const $04dc495b2c5350ca$export$2cb99e4be0dc4646 = (url)=>new Promise((resolve, r
 
 
 
+
 const $6a95863cd4ef501c$export$eb5bbbfc393ab8ac = (0, $3Sbms$styledcomponents).div`
   max-width: 100%;
   margin-top: 60px;
@@ -4696,6 +5247,7 @@ const $f81bfa56534026c2$export$e9785ae652b3a722 = (item)=>{
     } else console.warn("Undefined room ID");
 };
 const $f81bfa56534026c2$export$ad5f39c592532e2d = ()=>{
+    const { t: t  } = (0, $3Sbms$useTranslation)();
     const [history, setHistory] = (0, $3Sbms$useState)([]);
     (0, $3Sbms$useEffect)(()=>{
         try {
@@ -4713,7 +5265,7 @@ const $f81bfa56534026c2$export$ad5f39c592532e2d = ()=>{
     return /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $6a95863cd4ef501c$export$eb5bbbfc393ab8ac), {
         children: [
             /*#__PURE__*/ (0, $3Sbms$jsx)((0, $6a95863cd4ef501c$export$ebce8992dc3bd82), {
-                children: "Shared with you"
+                children: t("sharedHistory.shared")
             }),
             /*#__PURE__*/ (0, $3Sbms$jsx)((0, $6a95863cd4ef501c$export$e6c0b06d6e2dd9e3), {
                 children: history.map((item)=>{
@@ -4913,6 +5465,7 @@ var $5e2ac34f2c3f1b42$export$2e2bcd8739ae039 = $5e2ac34f2c3f1b42$var$YoutubeTile
 
 
 
+
 const $ab48431cd035ee30$export$e19cf0169f1019bf = (0, $3Sbms$styledcomponents).div`
   display: flex;
   position: relative;
@@ -5003,6 +5556,7 @@ const $ab48431cd035ee30$export$49ac927a2aaad85 = (0, $3Sbms$styledcomponents).di
 
 
 const $1671f9473ff0a07a$var$SnapshotTile = (tile)=>{
+    const { t: t  } = (0, $3Sbms$useTranslation)();
     const { dispatch: dispatch  } = (0, $cce9fd41d8a55a18$export$b5633a7cfbe42d9f)();
     const snapshotImageRef = (0, $3Sbms$useRef)(null);
     const [downloadURL, setDownloadURL] = (0, $3Sbms$useState)(tile.data.url);
@@ -5070,7 +5624,8 @@ const $1671f9473ff0a07a$var$SnapshotTile = (tile)=>{
                         children: [
                             /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $ab48431cd035ee30$export$7c309220fd1fb205), {
                                 children: [
-                                    "Snapshot \xb7 ",
+                                    t("snapshot.title"),
+                                    " \xb7 ",
                                     formattedTime
                                 ]
                             }),
@@ -5078,7 +5633,7 @@ const $1671f9473ff0a07a$var$SnapshotTile = (tile)=>{
                                 href: downloadURL,
                                 target: "_blank",
                                 download: filename,
-                                children: "Save photo"
+                                children: t("snapshot.save")
                             })
                         ]
                     }),
@@ -5208,7 +5763,9 @@ var $e4ddb9f41b4a5cba$export$2e2bcd8739ae039 = $e4ddb9f41b4a5cba$var$YoutubeEven
 
 
 
+
 const $75c30c42d3b87293$var$SnapshotEvents = ()=>{
+    const { t: t  } = (0, $3Sbms$useTranslation)();
     const { dispatch: dispatch , streams: streams  } = (0, $cce9fd41d8a55a18$export$b5633a7cfbe42d9f)();
     (0, $3Sbms$useEffect)(()=>{
         const onCustomMessage = async (event)=>{
@@ -5224,11 +5781,11 @@ const $75c30c42d3b87293$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, $a5146f9062d7bf28$export$3a57e165650c636f)("Snapshot shared.", {
+                    (0, $a5146f9062d7bf28$export$3a57e165650c636f)(t("snapshot.shared"), {
                         width: "290px",
                         icon: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $ab48431cd035ee30$export$26fe7ec9351ff761), {
                             src: imageSrc,
@@ -5239,7 +5796,7 @@ const $75c30c42d3b87293$var$SnapshotEvents = ()=>{
                             fontSize: "16px"
                         },
                         button: {
-                            text: "Open",
+                            text: t("misc.open"),
                             action: ({ close: close  })=>{
                                 dispatch({
                                     type: (0, $2884da8a64948e35$export$96a9662a3eda31f6).SET_HIGHLIGHTED_TILE,
@@ -5264,7 +5821,7 @@ const $75c30c42d3b87293$var$SnapshotEvents = ()=>{
                         minute: "2-digit"
                     });
                     (0, $f81bfa56534026c2$export$e9785ae652b3a722)({
-                        title: `Snapshot · ${formattedTime}`,
+                        title: `${t("snapshot.title")} · ${formattedTime}`,
                         url: imageSrc,
                         iconUrl: imageSrc,
                         iconStyle: {
@@ -5283,7 +5840,8 @@ const $75c30c42d3b87293$var$SnapshotEvents = ()=>{
         };
     }, [
         streams,
-        dispatch
+        dispatch,
+        t
     ]);
     return null;
 };
@@ -5670,6 +6228,8 @@ var $cdab47bb8796991e$export$2e2bcd8739ae039 = $cdab47bb8796991e$var$Video;
 
 
 
+
+
 const $f0e90fb231c59fab$var$HangUp = ()=>/*#__PURE__*/ (0, $3Sbms$jsx)("svg", {
         width: "25",
         height: "24",
@@ -5765,6 +6325,8 @@ var $8b7bd174d29d9a1f$export$2e2bcd8739ae039 = $8b7bd174d29d9a1f$var$Spinner;
 
 
 
+
+
 const $a2d206a438475087$var$YoutubeIcon = ()=>/*#__PURE__*/ (0, $3Sbms$jsx)("svg", {
         width: "24",
         height: "25",
@@ -5780,7 +6342,7 @@ var $a2d206a438475087$export$2e2bcd8739ae039 = $a2d206a438475087$var$YoutubeIcon
 
 
 
-const $1ec1d06e0a21fdaa$var$Link = ()=>{
+const $1ec1d06e0a21fdaa$var$Link = ({ color: color  })=>{
     return /*#__PURE__*/ (0, $3Sbms$jsx)("svg", {
         width: "24",
         height: "24",
@@ -5789,7 +6351,7 @@ const $1ec1d06e0a21fdaa$var$Link = ()=>{
         xmlns: "http://www.w3.org/2000/svg",
         children: /*#__PURE__*/ (0, $3Sbms$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"
         })
     });
 };
@@ -5878,6 +6440,7 @@ const $ae07ea3548d561ea$export$d5bc2acf69f5bdaf = (0, $3Sbms$styledcomponents).d
 
 const $db92fac48417791a$var$isScreenshareSupported = Boolean(navigator.mediaDevices.getDisplayMedia);
 const $db92fac48417791a$var$HighlightButton = ()=>{
+    const { t: t  } = (0, $3Sbms$useTranslation)();
     const highlightMenuRef = (0, $3Sbms$useRef)(null);
     const [isHighlightMenuOpen, setIsHighlightMenuOpen] = (0, $3Sbms$useState)(false);
     const { setIsYoutubePopupVisible: setIsYoutubePopupVisible , setIsLinksharePopupVisible: setIsLinksharePopupVisible , selfPeerId: selfPeerId  } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
@@ -5893,10 +6456,13 @@ const $db92fac48417791a$var$HighlightButton = ()=>{
     const onScreenshareClick = async ()=>{
         setIsHighlightMenuOpen(false);
         try {
+            (0, $3Sbms$hotjarbrowser).event("screenshareClick");
             await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).enableScreenshare();
+            (0, $3Sbms$hotjarbrowser).event("enableScreenshare");
         } catch (screenshareError) {
             console.warn(screenshareError);
-            (0, $3Sbms$reacthottoast)("An error occured when trying to toggle screensharing", {
+            (0, $3Sbms$hotjarbrowser).event("screenshareCancel");
+            (0, $3Sbms$reacthottoast)(t("notifications.screensharingError"), {
                 className: "error"
             });
         }
@@ -5904,10 +6470,12 @@ const $db92fac48417791a$var$HighlightButton = ()=>{
     const onYoutubeClick = ()=>{
         setIsHighlightMenuOpen(false);
         setIsYoutubePopupVisible(true);
+        (0, $3Sbms$hotjarbrowser).event("youtubeClick");
     };
     const onLinkshareClick = ()=>{
         setIsHighlightMenuOpen(false);
         setIsLinksharePopupVisible(true);
+        (0, $3Sbms$hotjarbrowser).event("linkshareClick");
     };
     const menuCategories = [
         {
@@ -5915,7 +6483,7 @@ const $db92fac48417791a$var$HighlightButton = ()=>{
             items: [
                 {
                     id: "linksharing",
-                    title: "Share Link",
+                    title: t("shareLink.title"),
                     jsxIcon: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $1ec1d06e0a21fdaa$export$2e2bcd8739ae039), {}),
                     action: onLinkshareClick
                 },
@@ -5933,7 +6501,7 @@ const $db92fac48417791a$var$HighlightButton = ()=>{
         items: [
             {
                 id: "screensharing",
-                title: "Screen Sharing",
+                title: t("menu.screenSharing"),
                 jsxIcon: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $1ca024917df8f7bc$export$2e2bcd8739ae039), {}),
                 action: onScreenshareClick
             }, 
@@ -5965,6 +6533,7 @@ var $db92fac48417791a$export$2e2bcd8739ae039 = $db92fac48417791a$var$HighlightBu
 
 
 const $69a9c49ece80e773$var$ControlBar = ()=>{
+    const { t: t  } = (0, $3Sbms$useTranslation)();
     const leaveMenuRef = (0, $3Sbms$useRef)(null);
     const [webcamCount, setWebcamCount] = (0, $3Sbms$useState)(0);
     const [isLeaveMenuOpen, setIsLeaveMenuOpen] = (0, $3Sbms$useState)(false);
@@ -5974,25 +6543,33 @@ const $69a9c49ece80e773$var$ControlBar = ()=>{
     const onMicrophoneClick = async ()=>{
         try {
             const devicesState = (0, $c9e496369b59be7a$export$2f377c2162fd02b2).getDevicesState();
-            if (devicesState.microphone.enabled) await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).toggleMute();
-            else await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).enableMicrophone();
+            if (devicesState.microphone.enabled) {
+                (0, $3Sbms$hotjarbrowser).event("toggleMicrophone");
+                await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).toggleMute();
+            } else {
+                (0, $3Sbms$hotjarbrowser).event("enableMicrophone");
+                await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).enableMicrophone();
+            }
         } catch (muteError) {
             console.warn(muteError);
-            (0, $3Sbms$reacthottoast)("An error occured when trying to toggle the microphone", {
+            (0, $3Sbms$reacthottoast)(t("notifications.microphoneError"), {
                 className: "error"
             });
         }
     };
     const onCameraClick = async ()=>{
         try {
-            if (streaming) await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).disableVideo();
-            else {
+            if (streaming) {
+                (0, $3Sbms$hotjarbrowser).event("disableCamera");
+                await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).disableVideo();
+            } else {
                 setIsCameraLoading(true);
+                (0, $3Sbms$hotjarbrowser).event("enableCamera");
                 await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).enableVideo();
             }
         } catch (cameraError) {
             console.warn(cameraError);
-            (0, $3Sbms$reacthottoast)("An error occured when trying to toggle the camera", {
+            (0, $3Sbms$reacthottoast)(t("notifications.cameraError"), {
                 className: "error"
             });
         } finally{
@@ -6001,10 +6578,11 @@ const $69a9c49ece80e773$var$ControlBar = ()=>{
     };
     const onRotateClick = async ()=>{
         try {
+            (0, $3Sbms$hotjarbrowser).event("rotateCamera");
             await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).rotateVideo();
         } catch (rotateError) {
             console.warn(rotateError);
-            (0, $3Sbms$reacthottoast)("An error occured when trying to rotate the camera", {
+            (0, $3Sbms$reacthottoast)(t("notifications.cameraRotateError"), {
                 className: "error"
             });
         }
@@ -6061,13 +6639,13 @@ const $69a9c49ece80e773$var$ControlBar = ()=>{
                                     items: [
                                         {
                                             id: "leaveCall",
-                                            title: "Leave call",
+                                            title: t("leave.leaveCall"),
                                             jsxIcon: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $2da9626742e3560b$export$56fe02ef449b2606), {}),
                                             action: leaveCall
                                         },
                                         {
                                             id: "terminateCall",
-                                            title: "End call for all",
+                                            title: t("leave.endCall"),
                                             jsxIcon: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $2da9626742e3560b$export$e57aa6aff2e1f414), {}),
                                             action: terminateCall,
                                             danger: true
@@ -6083,7 +6661,7 @@ const $69a9c49ece80e773$var$ControlBar = ()=>{
                         children: [
                             /*#__PURE__*/ (0, $3Sbms$jsx)((0, $f0e90fb231c59fab$export$2e2bcd8739ae039), {}),
                             /*#__PURE__*/ (0, $3Sbms$jsx)("p", {
-                                children: "Leave"
+                                children: t("leave.title")
                             })
                         ]
                     })
@@ -6106,6 +6684,7 @@ var $69a9c49ece80e773$export$2e2bcd8739ae039 = $69a9c49ece80e773$var$ControlBar;
 
 
 
+
 const $8d3d0e80c56cde5c$export$9d03e7b857083c37 = (0, $3Sbms$styledcomponents).div`
   position: absolute;
   width: 100%;
@@ -6184,6 +6763,7 @@ const $8d3d0e80c56cde5c$export$51760c3b0f5567d2 = (0, $3Sbms$styledcomponents).p
 
 
 const $5b80b81d7b095f89$var$QuickConnect = ()=>{
+    const { t: t  } = (0, $3Sbms$useTranslation)();
     const QuickConnectContainerRef = (0, $3Sbms$useRef)(null);
     const QuickConnectRef = (0, $3Sbms$useRef)(null);
     const { selfPeerId: selfPeerId , profile: profile , isQuickConnectPopupVisible: isQuickConnectPopupVisible , setIsQuickConnectPopupVisible: setIsQuickConnectPopupVisible , options: options , orientation: orientation ,  } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
@@ -6258,7 +6838,7 @@ const $5b80b81d7b095f89$var$QuickConnect = ()=>{
                 /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $8d3d0e80c56cde5c$export$f8e80e2c9abbb7eb), {
                     children: [
                         /*#__PURE__*/ (0, $3Sbms$jsx)("h4", {
-                            children: "Scan QR Code"
+                            children: t("quickConnect.scanTitle")
                         }),
                         /*#__PURE__*/ (0, $3Sbms$jsx)((0, $8d3d0e80c56cde5c$export$b421c25a8e0ea22e), {
                             onClick: onQuickConnectPopupCloseClick,
@@ -6272,7 +6852,7 @@ const $5b80b81d7b095f89$var$QuickConnect = ()=>{
                     })
                 }),
                 /*#__PURE__*/ (0, $3Sbms$jsx)((0, $8d3d0e80c56cde5c$export$51760c3b0f5567d2), {
-                    children: "Scan this QR code with your phone camera to open the call."
+                    children: t("quickConnect.scan")
                 })
             ]
         })
@@ -6284,10 +6864,6 @@ var $5b80b81d7b095f89$export$2e2bcd8739ae039 = $5b80b81d7b095f89$var$QuickConnec
 
 
 
-const $b26ed507544ea00c$var$capitalizeFirstLetter = (string)=>{
-    return string.charAt(0).toUpperCase() + string.slice(1);
-};
-var $b26ed507544ea00c$export$2e2bcd8739ae039 = $b26ed507544ea00c$var$capitalizeFirstLetter;
 
 
 
@@ -6354,6 +6930,8 @@ var $c45f2504881e174b$export$2e2bcd8739ae039 = $c45f2504881e174b$var$Speaker;
 
 
 
+
+
 const $910dd7d7d872a463$var$Checkmark = ()=>/*#__PURE__*/ (0, $3Sbms$jsx)("svg", {
         width: "20",
         height: "20",
@@ -6371,7 +6949,6 @@ var $910dd7d7d872a463$export$2e2bcd8739ae039 = $910dd7d7d872a463$var$Checkmark;
 
 
 
-
 const $658749b7ab14b607$export$304c350e86a38cee = (0, $3Sbms$styledcomponents).div`
   display: flex;
   flex-direction: column;
@@ -6533,27 +7110,16 @@ const $658749b7ab14b607$export$73afb47ae3e10bf1 = (0, $3Sbms$styledcomponents).p
 `;
 
 
-const $1694791461215de9$var$languagesList = [
-    "english"
-];
-const $1694791461215de9$export$604ba5624273df44 = ()=>{
-    try {
-        const storedTheme = localStorage.getItem("stream_ui_language");
-        if (storedTheme) return storedTheme;
-        return "english";
-    } catch (localStorageError) {
-        console.warn(localStorageError);
-        return "english";
-    }
-};
+const $1694791461215de9$var$languages = Object.keys((0, $384d985bb9605c35$export$150b732325d14d04));
 const $1694791461215de9$var$LanguageSubMenu = ({ back: back  })=>{
+    const { t: t  } = (0, $3Sbms$useTranslation)();
     const { language: language , setLanguage: setLanguage  } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
     return /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $3Sbms$Fragment), {
         children: [
             /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $658749b7ab14b607$export$ba6f0acf5af923bd), {
                 children: [
                     /*#__PURE__*/ (0, $3Sbms$jsx)((0, $658749b7ab14b607$export$edb76fdb8665f52), {
-                        children: "Languages"
+                        children: t("settings.language")
                     }),
                     /*#__PURE__*/ (0, $3Sbms$jsx)((0, $658749b7ab14b607$export$b16d2ed9d0485f06), {
                         onClick: back,
@@ -6567,9 +7133,9 @@ const $1694791461215de9$var$LanguageSubMenu = ({ back: back  })=>{
                 children: /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $658749b7ab14b607$export$38050e761cbb2b1d), {
                     children: [
                         /*#__PURE__*/ (0, $3Sbms$jsx)((0, $658749b7ab14b607$export$5caf84ac7a22e7b5), {
-                            children: "Language"
+                            children: t("settings.language")
                         }),
-                        $1694791461215de9$var$languagesList.map((lang)=>{
+                        $1694791461215de9$var$languages.map((lang)=>{
                             const checked = language === lang;
                             const onLanguageClick = ()=>{
                                 setLanguage(lang);
@@ -6578,7 +7144,7 @@ const $1694791461215de9$var$LanguageSubMenu = ({ back: back  })=>{
                                 onClick: onLanguageClick,
                                 children: [
                                     /*#__PURE__*/ (0, $3Sbms$jsx)((0, $658749b7ab14b607$export$f132d77f01dce0a3), {
-                                        children: (0, $b26ed507544ea00c$export$2e2bcd8739ae039)(lang)
+                                        children: (0, $384d985bb9605c35$export$150b732325d14d04)[lang].name
                                     }),
                                     /*#__PURE__*/ (0, $3Sbms$jsx)("span", {
                                         children: checked && /*#__PURE__*/ (0, $3Sbms$jsx)((0, $910dd7d7d872a463$export$2e2bcd8739ae039), {})
@@ -6605,10 +7171,12 @@ var $1694791461215de9$export$2e2bcd8739ae039 = $1694791461215de9$var$LanguageSub
 
 
 
+
 const $b7a5d5760b390f40$var$AudioSubMenu = ({ back: back  })=>{
+    const { t: t  } = (0, $3Sbms$useTranslation)();
     const [audioDevices, setAudioDevices] = (0, $3Sbms$useState)([]);
-    const [currentMic, setCurrentMic] = (0, $3Sbms$useState)();
-    const [currentSpeaker, setCurrentSpeaker] = (0, $3Sbms$useState)();
+    const [currentMicrophoneId, setCurrentMicrophoneId] = (0, $3Sbms$useState)((0, $c9e496369b59be7a$export$2f377c2162fd02b2).getCurrentMicrophoneId());
+    const [currentSpeakerId, setCurrentSpeakerId] = (0, $3Sbms$useState)((0, $c9e496369b59be7a$export$2f377c2162fd02b2).getCurrentSpeakerId());
     const microphoneDevices = audioDevices.filter((device)=>device.kind === "audioinput");
     const speakerDevices = audioDevices.filter((device)=>device.kind === "audiooutput");
     const isMicrophoneAccessBlocked = microphoneDevices.length && audioDevices.every((device)=>device.deviceId === "");
@@ -6616,16 +7184,14 @@ const $b7a5d5760b390f40$var$AudioSubMenu = ({ back: back  })=>{
     const listDevices = async ()=>{
         const audioDevicesList = await (0, $c9e496369b59be7a$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, $c9e496369b59be7a$export$2f377c2162fd02b2).switchMicrophone(mic.deviceId);
-        setCurrentMic(mic);
-        (0, $a5146f9062d7bf28$export$3a57e165650c636f)(`Connected to ${mic.label}`, {
+        setCurrentMicrophoneId(mic.deviceId);
+        (0, $a5146f9062d7bf28$export$3a57e165650c636f)(t("notifications.connectedTo", {
+            name: mic.label
+        }), {
             duration: 3000,
             icon: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $6043ae1b48c5aa97$export$2e2bcd8739ae039), {}),
             messageStyle: {
@@ -6634,10 +7200,12 @@ const $b7a5d5760b390f40$var$AudioSubMenu = ({ back: back  })=>{
         });
     };
     const onSpeakerClick = (speaker)=>{
-        if (currentSpeaker?.deviceId === speaker.deviceId) return;
+        if (currentSpeakerId === speaker.deviceId) return;
         (0, $c9e496369b59be7a$export$2f377c2162fd02b2).setAudioSink(speaker.deviceId);
-        setCurrentSpeaker(speaker);
-        (0, $a5146f9062d7bf28$export$3a57e165650c636f)(`Connected to ${speaker.label}`, {
+        setCurrentSpeakerId(speaker.deviceId);
+        (0, $a5146f9062d7bf28$export$3a57e165650c636f)(t("notifications.connectedTo", {
+            name: speaker.label
+        }), {
             duration: 3000,
             icon: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $c45f2504881e174b$export$2e2bcd8739ae039), {}),
             messageStyle: {
@@ -6655,7 +7223,7 @@ const $b7a5d5760b390f40$var$AudioSubMenu = ({ back: back  })=>{
             /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $658749b7ab14b607$export$ba6f0acf5af923bd), {
                 children: [
                     /*#__PURE__*/ (0, $3Sbms$jsx)((0, $658749b7ab14b607$export$edb76fdb8665f52), {
-                        children: "Audio"
+                        children: t("audioMenu.title")
                     }),
                     /*#__PURE__*/ (0, $3Sbms$jsx)((0, $658749b7ab14b607$export$b16d2ed9d0485f06), {
                         onClick: back,
@@ -6670,10 +7238,10 @@ const $b7a5d5760b390f40$var$AudioSubMenu = ({ back: back  })=>{
                     children: /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $658749b7ab14b607$export$87d6be27a51dc3c4), {
                         children: [
                             /*#__PURE__*/ (0, $3Sbms$jsx)((0, $658749b7ab14b607$export$30ccd51431e4a7b0), {
-                                children: "Microphone is blocked."
+                                children: t("audioMenu.blockedMicrophone")
                             }),
                             /*#__PURE__*/ (0, $3Sbms$jsx)((0, $658749b7ab14b607$export$73afb47ae3e10bf1), {
-                                children: "Please accept microphone sharing before accessing these options."
+                                children: t("audioMenu.microphonePermissions")
                             })
                         ]
                     })
@@ -6682,10 +7250,10 @@ const $b7a5d5760b390f40$var$AudioSubMenu = ({ back: back  })=>{
                         /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $658749b7ab14b607$export$38050e761cbb2b1d), {
                             children: [
                                 /*#__PURE__*/ (0, $3Sbms$jsx)((0, $658749b7ab14b607$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, $3Sbms$jsxs)((0, $658749b7ab14b607$export$db1aade9877208c7), {
                                         onClick: ()=>onMicClick(microphone),
                                         children: [
@@ -6703,10 +7271,10 @@ const $b7a5d5760b390f40$var$AudioSubMenu = ({ back: back  })=>{
                         canChangeSpeakers && /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $658749b7ab14b607$export$38050e761cbb2b1d), {
                             children: [
                                 /*#__PURE__*/ (0, $3Sbms$jsx)((0, $658749b7ab14b607$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, $3Sbms$jsxs)((0, $658749b7ab14b607$export$db1aade9877208c7), {
                                         onClick: ()=>onSpeakerClick(speaker),
                                         children: [
@@ -6739,35 +7307,39 @@ var $b7a5d5760b390f40$export$2e2bcd8739ae039 = $b7a5d5760b390f40$var$AudioSubMen
 
 
 
-const $57896f163f7e1230$var$resolutions = Object.keys((0, $c31e3fb4360572af$export$d21ffcc5eb136bfa)).map((key)=>{
-    const constraints = (0, $c31e3fb4360572af$export$d21ffcc5eb136bfa);
-    switch(constraints[key].height.ideal){
-        case 240:
-            return {
-                name: "Low definition (240p)",
-                key: key
-            };
-        case 480:
-            return {
-                name: "Standard definition (480p)",
-                key: key
-            };
-        case 720:
-            return {
-                name: "High definition (720p)",
-                key: key
-            };
-        default:
-            return {
-                name: "",
-                key: key
-            };
-    }
-}).filter((def)=>def.name !== "");
+
 const $57896f163f7e1230$var$VideoSubMenu = ({ back: back  })=>{
+    const { t: t  } = (0, $3Sbms$useTranslation)();
     const [cameraDevices, setCameraDevices] = (0, $3Sbms$useState)([]);
     const [currentCamera, setCurrentCamera] = (0, $3Sbms$useState)((0, $c9e496369b59be7a$export$2f377c2162fd02b2).getCurrentWebcam());
     const isCameraAccessBlocked = cameraDevices.length && cameraDevices.every((device)=>device.deviceId === "");
+    const resolutions = (0, $3Sbms$useMemo)(()=>Object.keys((0, $c31e3fb4360572af$export$d21ffcc5eb136bfa)).map((key)=>{
+            const constraints = (0, $c31e3fb4360572af$export$d21ffcc5eb136bfa);
+            switch(constraints[key].height.ideal){
+                case 240:
+                    return {
+                        name: t("videoMenu.lowDef"),
+                        key: key
+                    };
+                case 480:
+                    return {
+                        name: t("videoMenu.standardDef"),
+                        key: key
+                    };
+                case 720:
+                    return {
+                        name: t("videoMenu.highDef"),
+                        key: key
+                    };
+                default:
+                    return {
+                        name: "",
+                        key: key
+                    };
+            }
+        }).filter((def)=>def.name !== ""), [
+        t
+    ]);
     const listDevices = async ()=>{
         const videoDevices = await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).listVideoDevices();
         setCameraDevices(videoDevices);
@@ -6781,7 +7353,9 @@ const $57896f163f7e1230$var$VideoSubMenu = ({ back: back  })=>{
             device: camera,
             resolution: currentCamera.resolution
         });
-        (0, $a5146f9062d7bf28$export$3a57e165650c636f)(`Connected to ${camera.label}`, {
+        (0, $a5146f9062d7bf28$export$3a57e165650c636f)(t("notifications.connectedTo", {
+            name: camera.label
+        }), {
             duration: 3000,
             icon: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $04e57b1f07a8e9f4$export$2e2bcd8739ae039), {}),
             messageStyle: {
@@ -6817,7 +7391,7 @@ const $57896f163f7e1230$var$VideoSubMenu = ({ back: back  })=>{
             /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $658749b7ab14b607$export$ba6f0acf5af923bd), {
                 children: [
                     /*#__PURE__*/ (0, $3Sbms$jsx)((0, $658749b7ab14b607$export$edb76fdb8665f52), {
-                        children: "Video"
+                        children: t("videoMenu.title")
                     }),
                     /*#__PURE__*/ (0, $3Sbms$jsx)((0, $658749b7ab14b607$export$b16d2ed9d0485f06), {
                         onClick: back,
@@ -6832,10 +7406,10 @@ const $57896f163f7e1230$var$VideoSubMenu = ({ back: back  })=>{
                     children: /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $658749b7ab14b607$export$87d6be27a51dc3c4), {
                         children: [
                             /*#__PURE__*/ (0, $3Sbms$jsx)((0, $658749b7ab14b607$export$30ccd51431e4a7b0), {
-                                children: "Camera is blocked."
+                                children: t("videoMenu.blockedCamera")
                             }),
                             /*#__PURE__*/ (0, $3Sbms$jsx)((0, $658749b7ab14b607$export$73afb47ae3e10bf1), {
-                                children: "Please accept camera sharing before accessing these options."
+                                children: t("videoMenu.cameraPermissions")
                             })
                         ]
                     })
@@ -6844,7 +7418,7 @@ const $57896f163f7e1230$var$VideoSubMenu = ({ back: back  })=>{
                         /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $658749b7ab14b607$export$38050e761cbb2b1d), {
                             children: [
                                 /*#__PURE__*/ (0, $3Sbms$jsx)((0, $658749b7ab14b607$export$5caf84ac7a22e7b5), {
-                                    children: "Camera"
+                                    children: t("misc.camera")
                                 }),
                                 cameraDevices.map((camera)=>{
                                     const checked = camera.deviceId === currentCamera.device?.deviceId;
@@ -6865,9 +7439,9 @@ const $57896f163f7e1230$var$VideoSubMenu = ({ back: back  })=>{
                         /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $658749b7ab14b607$export$38050e761cbb2b1d), {
                             children: [
                                 /*#__PURE__*/ (0, $3Sbms$jsx)((0, $658749b7ab14b607$export$5caf84ac7a22e7b5), {
-                                    children: "Send Resolution (maximum)"
+                                    children: t("videoMenu.sendResolution")
                                 }),
-                                $57896f163f7e1230$var$resolutions.map((resolution)=>{
+                                resolutions.map((resolution)=>{
                                     const checked = resolution.key === currentCamera.resolution;
                                     return /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $658749b7ab14b607$export$db1aade9877208c7), {
                                         onClick: ()=>onSendResolutionClick(resolution),
@@ -6894,6 +7468,7 @@ var $57896f163f7e1230$export$2e2bcd8739ae039 = $57896f163f7e1230$var$VideoSubMen
 
 
 const $c11e4c21ca692a16$var$Menu = ()=>{
+    const { t: t  } = (0, $3Sbms$useTranslation)();
     const [currentMenu, setCurrentMenu] = (0, $3Sbms$useState)("base");
     const menuPopupRef = (0, $3Sbms$useRef)(null);
     const { isSettingsMenuVisible: isSettingsMenuVisible , setIsSettingsMenuVisible: setIsSettingsMenuVisible , language: language , options: options  } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
@@ -6936,7 +7511,7 @@ const $c11e4c21ca692a16$var$Menu = ()=>{
                     /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $658749b7ab14b607$export$ba6f0acf5af923bd), {
                         children: [
                             /*#__PURE__*/ (0, $3Sbms$jsx)((0, $658749b7ab14b607$export$edb76fdb8665f52), {
-                                children: "Settings"
+                                children: t("settings.title")
                             }),
                             /*#__PURE__*/ (0, $3Sbms$jsx)((0, $658749b7ab14b607$export$b16d2ed9d0485f06), {
                                 onClick: onCloseClick,
@@ -6949,17 +7524,17 @@ const $c11e4c21ca692a16$var$Menu = ()=>{
                             /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $658749b7ab14b607$export$38050e761cbb2b1d), {
                                 children: [
                                     /*#__PURE__*/ (0, $3Sbms$jsx)((0, $658749b7ab14b607$export$5caf84ac7a22e7b5), {
-                                        children: "Preferences"
+                                        children: t("settings.preferences")
                                     }),
                                     /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $658749b7ab14b607$export$db1aade9877208c7), {
                                         onClick: onLanguageMenuClick,
                                         children: [
                                             /*#__PURE__*/ (0, $3Sbms$jsx)("span", {
-                                                children: "Language"
+                                                children: t("settings.language")
                                             }),
                                             /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $658749b7ab14b607$export$4f015f15aa624b3d), {
                                                 children: [
-                                                    (0, $b26ed507544ea00c$export$2e2bcd8739ae039)(language),
+                                                    (0, $384d985bb9605c35$export$150b732325d14d04)[language]?.name,
                                                     /*#__PURE__*/ (0, $3Sbms$jsx)((0, $781ad5a3ab7061c2$export$2e2bcd8739ae039), {
                                                         direction: "right"
                                                     })
@@ -6972,7 +7547,7 @@ const $c11e4c21ca692a16$var$Menu = ()=>{
                             /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $658749b7ab14b607$export$38050e761cbb2b1d), {
                                 children: [
                                     /*#__PURE__*/ (0, $3Sbms$jsx)((0, $658749b7ab14b607$export$5caf84ac7a22e7b5), {
-                                        children: "Devices"
+                                        children: t("settings.devices")
                                     }),
                                     (0, $c9e496369b59be7a$export$2f377c2162fd02b2).isListDevicesSupported() && /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $658749b7ab14b607$export$db1aade9877208c7), {
                                         onClick: onAudioClick,
@@ -6982,7 +7557,7 @@ const $c11e4c21ca692a16$var$Menu = ()=>{
                                                     /*#__PURE__*/ (0, $3Sbms$jsx)((0, $658749b7ab14b607$export$bb67e2c42c95a3ae), {
                                                         children: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $c45f2504881e174b$export$2e2bcd8739ae039), {})
                                                     }),
-                                                    "Audio"
+                                                    t("audioMenu.title")
                                                 ]
                                             }),
                                             /*#__PURE__*/ (0, $3Sbms$jsx)((0, $658749b7ab14b607$export$4f015f15aa624b3d), {
@@ -7000,7 +7575,7 @@ const $c11e4c21ca692a16$var$Menu = ()=>{
                                                     /*#__PURE__*/ (0, $3Sbms$jsx)((0, $658749b7ab14b607$export$bb67e2c42c95a3ae), {
                                                         children: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $04e57b1f07a8e9f4$export$2e2bcd8739ae039), {})
                                                     }),
-                                                    "Video"
+                                                    t("videoMenu.title")
                                                 ]
                                             }),
                                             /*#__PURE__*/ (0, $3Sbms$jsx)((0, $658749b7ab14b607$export$4f015f15aa624b3d), {
@@ -7015,13 +7590,13 @@ const $c11e4c21ca692a16$var$Menu = ()=>{
                             /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $658749b7ab14b607$export$38050e761cbb2b1d), {
                                 children: [
                                     /*#__PURE__*/ (0, $3Sbms$jsx)((0, $658749b7ab14b607$export$5caf84ac7a22e7b5), {
-                                        children: "Help"
+                                        children: t("settings.help")
                                     }),
                                     /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $658749b7ab14b607$export$db1aade9877208c7), {
                                         onClick: onHelpCenterClick,
                                         children: [
                                             /*#__PURE__*/ (0, $3Sbms$jsx)("span", {
-                                                children: "Go to help center"
+                                                children: t("settings.helpCenter")
                                             }),
                                             /*#__PURE__*/ (0, $3Sbms$jsx)((0, $b93bcb828d5c97d8$export$2e2bcd8739ae039), {})
                                         ]
@@ -7054,6 +7629,8 @@ var $c11e4c21ca692a16$export$2e2bcd8739ae039 = $c11e4c21ca692a16$var$Menu;
 
 
 
+
+
 const $d677836e2f373a45$export$b679a9a7caefa4b1 = (0, $3Sbms$styledcomponents).div`
   position: absolute;
   width: 100%;
@@ -7179,6 +7756,7 @@ const $d677836e2f373a45$export$3711c5e6a7ba3fdc = (0, $3Sbms$styledcomponents).b
 
 const $49372cd9190da903$var$youtubeIDRegExp = /.*(?:youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=)([^#&?]*).*/;
 const $49372cd9190da903$var$YoutubePopup = ()=>{
+    const { t: t  } = (0, $3Sbms$useTranslation)();
     const youtubePopupRef = (0, $3Sbms$useRef)(null);
     const [youtubeInputValue, setYoutubeInputValue] = (0, $3Sbms$useState)("");
     const [errorMessage, setErrorMessage] = (0, $3Sbms$useState)(null);
@@ -7191,6 +7769,7 @@ const $49372cd9190da903$var$YoutubePopup = ()=>{
     const onShareClick = (event)=>{
         event.preventDefault();
         setErrorMessage(null);
+        (0, $3Sbms$hotjarbrowser).event("youtubeShare");
         const [, videoId] = youtubeInputValue.match($49372cd9190da903$var$youtubeIDRegExp) || [];
         if (videoId) {
             dispatch({
@@ -7205,7 +7784,7 @@ const $49372cd9190da903$var$YoutubePopup = ()=>{
                 }
             });
             setIsYoutubePopupVisible(false);
-        } else setErrorMessage("Invalid YouTube URL");
+        } else setErrorMessage(t("youtube.invalid"));
     };
     const onCloseClick = ()=>setIsYoutubePopupVisible(false);
     (0, $3Sbms$useEffect)(()=>{
@@ -7227,7 +7806,7 @@ const $49372cd9190da903$var$YoutubePopup = ()=>{
                             children: [
                                 /*#__PURE__*/ (0, $3Sbms$jsx)((0, $a2d206a438475087$export$2e2bcd8739ae039), {}),
                                 /*#__PURE__*/ (0, $3Sbms$jsx)("h4", {
-                                    children: "Embed YouTube"
+                                    children: t("youtube.title")
                                 })
                             ]
                         }),
@@ -7245,7 +7824,7 @@ const $49372cd9190da903$var$YoutubePopup = ()=>{
                             children: [
                                 /*#__PURE__*/ (0, $3Sbms$jsx)("label", {
                                     htmlFor: "youtube-popup-input",
-                                    children: "YOUTUBE URL"
+                                    children: t("youtube.url")
                                 }),
                                 /*#__PURE__*/ (0, $3Sbms$jsx)("input", {
                                     id: "youtube-popup-input",
@@ -7263,7 +7842,7 @@ const $49372cd9190da903$var$YoutubePopup = ()=>{
                         }),
                         /*#__PURE__*/ (0, $3Sbms$jsx)((0, $d677836e2f373a45$export$3711c5e6a7ba3fdc), {
                             type: "submit",
-                            children: "Share video"
+                            children: t("youtube.share")
                         })
                     ]
                 })
@@ -7283,6 +7862,24 @@ var $49372cd9190da903$export$2e2bcd8739ae039 = $49372cd9190da903$var$YoutubePopu
 
 
 
+const $5dd22e058f46af7f$var$CircledTopArrow = ()=>/*#__PURE__*/ (0, $3Sbms$jsx)("svg", {
+        width: "21",
+        height: "20",
+        viewBox: "0 0 21 20",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: /*#__PURE__*/ (0, $3Sbms$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 $5dd22e058f46af7f$export$2e2bcd8739ae039 = $5dd22e058f46af7f$var$CircledTopArrow;
+
+
+
+
+
+
 const $dc26e7b014ddcf8c$var$PaypalWhite = ()=>/*#__PURE__*/ (0, $3Sbms$jsx)("svg", {
         width: "24",
         height: "24",
@@ -7342,15 +7939,16 @@ var $dc26e7b014ddcf8c$export$2e2bcd8739ae039 = $dc26e7b014ddcf8c$var$Paypal;
 
 
 
+const $554f3984e3212196$var$modalHeight = (desktop)=>desktop ? "215px" : "227px";
 const $554f3984e3212196$export$ed0d510542cc4e55 = (0, $3Sbms$styledcomponents).div`
   position: absolute;
   width: 100%;
-  bottom: ${(props)=>props.open ? 0 : "-220px"};
+  bottom: ${(props)=>props.open ? 0 : `-${$554f3984e3212196$var$modalHeight(props.desktop)}`};
   transition: all 0.4s;
 
   ${(props)=>{
     if (props.desktop) return (0, $3Sbms$css)`
-        bottom: ${props.open ? 0 : "calc(-220px - (100vh / 2))"};
+        bottom: ${props.open ? 0 : `calc(-${$554f3984e3212196$var$modalHeight(props.desktop)} - (100vh / 2))`};
         height: 100%;
         display: flex;
         justify-content: center;
@@ -7362,12 +7960,12 @@ const $554f3984e3212196$export$93c2cc854b34757d = (0, $3Sbms$styledcomponents).d
   display: flex;
   flex-direction: column;
   width: ${(props)=>props.desktop ? "375px" : "100%"};
-  height: 220px;
+  height: ${({ desktop: desktop  })=>$554f3984e3212196$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 $554f3984e3212196$export$f0162ebc287dd01 = (0, $3Sbms$styledcomponents).div`
@@ -7396,7 +7994,7 @@ const $554f3984e3212196$export$fcade06574a60ff0 = (0, $3Sbms$styledcomponents).b
   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;
@@ -7420,20 +8018,12 @@ const $554f3984e3212196$export$dcb32b2b413109d8 = (0, $3Sbms$styledcomponents).d
   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;
@@ -7453,14 +8043,25 @@ const $554f3984e3212196$export$711a92c06f80c3bd = (0, $3Sbms$styledcomponents).s
 `;
 const $554f3984e3212196$export$aec21c9a4da7a1b7 = (0, $3Sbms$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 $554f3984e3212196$export$9e155375d8fb1f67 = (0, $3Sbms$styledcomponents).img`
   width: 36px;
@@ -7469,14 +8070,15 @@ const $554f3984e3212196$export$9e155375d8fb1f67 = (0, $3Sbms$styledcomponents).i
 `;
 const $554f3984e3212196$export$5e3f251c730829 = (0, $3Sbms$styledcomponents).div`
   display: flex;
-  gap: 5px;
+  align-items: center;
+  justify-content: center;
 `;
 
 
 
 
 const $98933bbc579a3e66$export$a1eac7fdbc2db4af = "linkshare_sent";
-const $98933bbc579a3e66$var$sendLinkNotification = (data)=>{
+const $98933bbc579a3e66$var$sendLinkNotification = (data, t)=>{
     let notificationStatusText = new URL(data.url).hostname;
     if (notificationStatusText.startsWith("www.")) notificationStatusText = notificationStatusText.slice(4);
     const notificationIcon = data.ogImage ? /*#__PURE__*/ (0, $3Sbms$jsx)((0, $554f3984e3212196$export$9e155375d8fb1f67), {
@@ -7487,11 +8089,11 @@ const $98933bbc579a3e66$var$sendLinkNotification = (data)=>{
         icon: notificationIcon,
         status: {
             icon: data.favicon,
-            text: "From",
+            text: t("misc.from"),
             boldText: notificationStatusText
         },
         button: {
-            text: "Open",
+            text: t("misc.open"),
             action: ({ close: close  })=>{
                 window.open(data.url, "_blank");
                 close();
@@ -7508,19 +8110,22 @@ const $98933bbc579a3e66$var$sendLinkNotification = (data)=>{
         statusText: notificationStatusText
     });
 };
-const $98933bbc579a3e66$var$sendPaypalInvoiceNotification = (senderName, url)=>{
-    const title = `${senderName || "User"} sent you an invoice.`;
+const $98933bbc579a3e66$var$sendPaypalInvoiceNotification = (senderName, url, t)=>{
+    const userName = senderName || t("misc.user");
+    const title = t("shareLink.invoice", {
+        user: userName
+    });
     (0, $a5146f9062d7bf28$export$3a57e165650c636f)(title, {
         button: {
             icon: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $dc26e7b014ddcf8c$export$2e2bcd8739ae039), {}),
-            text: "Pay",
+            text: t("shareLink.pay"),
             action: ()=>window.open(url, "_blank")
         },
         status: {
             icon: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $dc26e7b014ddcf8c$export$2e2bcd8739ae039), {
                 colored: true
             }),
-            text: "Powered by",
+            text: t("shareLink.poweredBy"),
             boldText: "PayPal"
         },
         duration: 10000
@@ -7533,35 +8138,39 @@ const $98933bbc579a3e66$var$sendPaypalInvoiceNotification = (senderName, url)=>{
     });
 };
 const $98933bbc579a3e66$var$LinksharePopup = ()=>{
+    const { t: t  } = (0, $3Sbms$useTranslation)();
+    const themeContext = (0, $3Sbms$useContext)((0, $3Sbms$ThemeContext));
     const linksharePopupRef = (0, $3Sbms$useRef)(null);
     const linkshareInputRef = (0, $3Sbms$useRef)(null);
     const [linkshareInputValue, setLinkshareInputValue] = (0, $3Sbms$useState)("");
     const [errorMessage, setErrorMessage] = (0, $3Sbms$useState)(null);
-    const [isLoading, setIsLoading] = (0, $3Sbms$useState)(false);
-    const { isLinksharePopupVisible: isLinksharePopupVisible , setIsLinksharePopupVisible: setIsLinksharePopupVisible , orientation: orientation  } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
+    const [status, setStatus] = (0, $3Sbms$useState)("waiting");
+    const { isLinksharePopupVisible: isLinksharePopupVisible , setIsLinksharePopupVisible: setIsLinksharePopupVisible , orientation: orientation , options: options  } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
     const { streams: streams  } = (0, $cce9fd41d8a55a18$export$b5633a7cfbe42d9f)();
     const desktop = orientation === "landscape";
     const onCustomMessage = (0, $3Sbms$useCallback)((event)=>{
         const { type: type , data: data  } = event.detail.event;
-        if (type === $98933bbc579a3e66$export$a1eac7fdbc2db4af) $98933bbc579a3e66$var$sendLinkNotification(data);
+        if (type === $98933bbc579a3e66$export$a1eac7fdbc2db4af) $98933bbc579a3e66$var$sendLinkNotification(data, t);
         else if (type === "paypal_invoice") {
             const sender = streams.find((stream)=>stream.id === event.detail.peerId);
-            $98933bbc579a3e66$var$sendPaypalInvoiceNotification(sender?.profile?.name, data.url);
+            $98933bbc579a3e66$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, $3Sbms$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) {
@@ -7573,24 +8182,33 @@ const $98933bbc579a3e66$var$LinksharePopup = ()=>{
                     }
                 });
                 else {
-                    const data = await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).getShareLinkData(url.href);
+                    const { linkData: data  } = await fetch(`${options.streamApiURL}/shareLink`, {
+                        method: "POST",
+                        body: JSON.stringify({
+                            url: url.href
+                        })
+                    }).then((rawResponse)=>rawResponse.json());
                     (0, $c9e496369b59be7a$export$2f377c2162fd02b2).sendCustomMessageToAll({
                         type: $98933bbc579a3e66$export$a1eac7fdbc2db4af,
                         data: data
                     });
                 }
-                if (streams.length < 2) (0, $3Sbms$reacthottoast)(`Link sent to ${streams[0]?.profile?.name || "User"}`);
-                else (0, $3Sbms$reacthottoast)("Link sent to users");
+                if (streams.length < 2) {
+                    const userName = streams[0]?.profile?.name || t("misc.user");
+                    (0, $3Sbms$reacthottoast)(t("shareLink.sentToUser", {
+                        user: userName
+                    }));
+                } else (0, $3Sbms$reacthottoast)(t("shareLink.sentToUsers"));
                 setIsLinksharePopupVisible(false);
             } catch (err) {
                 console.error(err);
-                (0, $3Sbms$reacthottoast)("Failed to send link", {
+                (0, $3Sbms$reacthottoast)(t("shareLink.failed"), {
                     className: "error"
                 });
             }
             setLinkshareInputValue("");
         }
-        setIsLoading(false);
+        setStatus("done");
     };
     const onCloseClick = ()=>setIsLinksharePopupVisible(false);
     (0, $3Sbms$useEffect)(()=>{
@@ -7603,6 +8221,7 @@ const $98933bbc579a3e66$var$LinksharePopup = ()=>{
     ]);
     const onPopupTransitionEnd = ()=>{
         if (isLinksharePopupVisible) linkshareInputRef.current?.focus();
+        if (status === "done") setStatus("waiting");
     };
     return /*#__PURE__*/ (0, $3Sbms$jsx)((0, $554f3984e3212196$export$ed0d510542cc4e55), {
         open: isLinksharePopupVisible,
@@ -7616,9 +8235,11 @@ const $98933bbc579a3e66$var$LinksharePopup = ()=>{
                     children: [
                         /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $554f3984e3212196$export$7563f0d47f114601), {
                             children: [
-                                /*#__PURE__*/ (0, $3Sbms$jsx)((0, $1ec1d06e0a21fdaa$export$2e2bcd8739ae039), {}),
+                                /*#__PURE__*/ (0, $3Sbms$jsx)((0, $1ec1d06e0a21fdaa$export$2e2bcd8739ae039), {
+                                    color: themeContext.popupTitleColor
+                                }),
                                 /*#__PURE__*/ (0, $3Sbms$jsx)("h4", {
-                                    children: "Share a link"
+                                    children: t("shareLink.title2")
                                 })
                             ]
                         }),
@@ -7634,10 +8255,6 @@ const $98933bbc579a3e66$var$LinksharePopup = ()=>{
                         /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $554f3984e3212196$export$dcb32b2b413109d8), {
                             errored: Boolean(errorMessage),
                             children: [
-                                /*#__PURE__*/ (0, $3Sbms$jsx)("label", {
-                                    htmlFor: "linkshare-popup-input",
-                                    children: "LINK URL"
-                                }),
                                 /*#__PURE__*/ (0, $3Sbms$jsx)("input", {
                                     id: "linkshare-popup-input",
                                     ref: linkshareInputRef,
@@ -7655,17 +8272,18 @@ const $98933bbc579a3e66$var$LinksharePopup = ()=>{
                         }),
                         /*#__PURE__*/ (0, $3Sbms$jsx)((0, $554f3984e3212196$export$aec21c9a4da7a1b7), {
                             type: "submit",
-                            disabled: isLoading,
-                            children: isLoading ? /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $554f3984e3212196$export$5e3f251c730829), {
+                            disabled: status !== "waiting",
+                            status: status,
+                            children: status !== "waiting" ? /*#__PURE__*/ (0, $3Sbms$jsx)((0, $554f3984e3212196$export$5e3f251c730829), {
+                                children: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $8b7bd174d29d9a1f$export$2e2bcd8739ae039), {
+                                    size: "18px"
+                                })
+                            }) : /*#__PURE__*/ (0, $3Sbms$jsxs)("span", {
                                 children: [
-                                    /*#__PURE__*/ (0, $3Sbms$jsx)((0, $8b7bd174d29d9a1f$export$2e2bcd8739ae039), {
-                                        size: "18px"
-                                    }),
-                                    /*#__PURE__*/ (0, $3Sbms$jsx)("span", {
-                                        children: "Link is creating..."
-                                    })
+                                    /*#__PURE__*/ (0, $3Sbms$jsx)((0, $5dd22e058f46af7f$export$2e2bcd8739ae039), {}),
+                                    t("shareLink.title")
                                 ]
-                            }) : "Share Link"
+                            })
                         })
                     ]
                 })
@@ -7710,6 +8328,7 @@ var $01986a58bfba8001$export$2e2bcd8739ae039 = $01986a58bfba8001$var$Settings;
 
 
 
+
 const $61b9018279e658f9$export$104f28dc79f055f4 = (0, $3Sbms$styledcomponents).div`
   display: flex;
   flex: 1;
@@ -7748,10 +8367,12 @@ const $61b9018279e658f9$export$3a4deda42b6182b7 = (0, $3Sbms$styledcomponents).b
 
 
 const $df41bfe6da05853a$var$EndView = ()=>{
+    const { t: t  } = (0, $3Sbms$useTranslation)();
     const { streamState: streamState , setStreamState: setStreamState  } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
     const ended = streamState === "ended";
     const terminated = streamState === "terminated";
     const expired = streamState === "expired";
+    const full = streamState === "full";
     const onGoBackClick = ()=>{
         (0, $c9e496369b59be7a$export$2f377c2162fd02b2).init();
         setStreamState("streaming");
@@ -7764,24 +8385,28 @@ const $df41bfe6da05853a$var$EndView = ()=>{
             /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $61b9018279e658f9$export$51071a7ce784448), {
                 children: [
                     (ended || terminated) && "\uD83D\uDC4B",
-                    expired && "\uD83E\uDD7A"
+                    (expired || full) && "\uD83E\uDD7A"
                 ]
             }),
             /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $61b9018279e658f9$export$eebc018855fb0cb6), {
                 children: [
-                    ended && "You left the call",
-                    terminated && "The call is now ended",
-                    expired && "You arrived too late"
+                    ended && t("endView.callLeft"),
+                    terminated && t("endView.callEnded"),
+                    expired && t("endView.tooLate"),
+                    full && t("endView.full")
                 ]
             }),
             expired && /*#__PURE__*/ (0, $3Sbms$jsx)((0, $61b9018279e658f9$export$f4e7b895a81715e9), {
-                children: "The call is over or deleted"
+                children: t("endView.callIsOver")
             }),
-            ended && /*#__PURE__*/ (0, $3Sbms$jsx)((0, $61b9018279e658f9$export$3a4deda42b6182b7), {
+            full && /*#__PURE__*/ (0, $3Sbms$jsx)((0, $61b9018279e658f9$export$f4e7b895a81715e9), {
+                children: t("endView.fullDescription")
+            }),
+            (ended || full) && /*#__PURE__*/ (0, $3Sbms$jsx)((0, $61b9018279e658f9$export$3a4deda42b6182b7), {
                 onClick: onGoBackClick,
-                children: "Go back to call"
+                children: t("endView.goBack")
             }),
-            /*#__PURE__*/ (0, $3Sbms$jsx)((0, $f81bfa56534026c2$export$ad5f39c592532e2d), {})
+            !full && /*#__PURE__*/ (0, $3Sbms$jsx)((0, $f81bfa56534026c2$export$ad5f39c592532e2d), {})
         ]
     });
 };
@@ -7966,7 +8591,11 @@ const $52580db2e49cdd90$export$f30cb9bc4f736419 = {
     settingsBackgroundColor: "#fff",
     settingsHeaderTextColor: "#000",
     settingsTextColor: "#000",
-    settingsCloseBackgroundColor: "#eaebec"
+    settingsCloseBackgroundColor: "#eaebec",
+    popupBackgroundPrimaryColor: "#fff",
+    popupBackgroundSecondaryColor: "#f3f3f3",
+    popupBorderColor: "#d4d4d4",
+    popupTitleColor: "#2d2d2d"
 };
 const $52580db2e49cdd90$export$3e936a8db52a10a0 = {
     primaryColor: "#268AFA",
@@ -7982,7 +8611,11 @@ const $52580db2e49cdd90$export$3e936a8db52a10a0 = {
     settingsBackgroundColor: "#242324",
     settingsHeaderTextColor: "#f9f9f9",
     settingsTextColor: "#fff",
-    settingsCloseBackgroundColor: "#7b7c7e"
+    settingsCloseBackgroundColor: "#7b7c7e",
+    popupBackgroundPrimaryColor: "#fff",
+    popupBackgroundSecondaryColor: "#f3f3f3",
+    popupBorderColor: "#d4d4d4",
+    popupTitleColor: "#2d2d2d"
 };
 
 
@@ -8138,6 +8771,7 @@ var $d6008ea114507578$export$2e2bcd8739ae039 = $d6008ea114507578$var$SvgDefiniti
 
 
 
+
 const $fdbe2be8571dfcd7$export$8bac64dfa46a096a = (0, $3Sbms$styledcomponents).div`
   display: flex;
   justify-content: center;
@@ -8190,14 +8824,15 @@ const $fdbe2be8571dfcd7$export$d39b0d24481757e7 = (0, $3Sbms$styledcomponents).b
 
 
 const $6aca0f707e80bf63$var$BlockedDevicesPopup = ({ close: close  })=>{
+    const { t: t  } = (0, $3Sbms$useTranslation)();
     return /*#__PURE__*/ (0, $3Sbms$jsx)((0, $fdbe2be8571dfcd7$export$8bac64dfa46a096a), {
         children: /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $fdbe2be8571dfcd7$export$f2f6e48f0181f95d), {
             children: [
                 /*#__PURE__*/ (0, $3Sbms$jsx)((0, $fdbe2be8571dfcd7$export$b834616c6081368f), {
-                    children: "Camera and microphone are blocked"
+                    children: t("notifications.blockedMicrophonePopupTitle")
                 }),
                 /*#__PURE__*/ (0, $3Sbms$jsx)((0, $fdbe2be8571dfcd7$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, $3Sbms$jsx)((0, $fdbe2be8571dfcd7$export$d39b0d24481757e7), {
                     onClick: close,
@@ -8523,7 +9158,7 @@ const $4fb4815baa04b470$export$914ddf2021ea8ee6 = (0, $3Sbms$styledcomponents).d
 
 
 const $26ed036cbc17809a$var$currentTheme = (0, $52580db2e49cdd90$export$3bfd0d5209a8006a)();
-const $26ed036cbc17809a$var$currentLanguage = (0, $1694791461215de9$export$604ba5624273df44)();
+const $26ed036cbc17809a$var$currentLanguage = (0, $a3e657fb86ae23f3$export$604ba5624273df44)();
 let $26ed036cbc17809a$var$timestampCriticalError = -1;
 const $26ed036cbc17809a$var$StreamUI = ({ options: options  })=>{
     const [selfPeerId, setSelfPeerId] = (0, $3Sbms$useState)(undefined);
@@ -8536,7 +9171,7 @@ const $26ed036cbc17809a$var$StreamUI = ({ options: options  })=>{
     const [isYoutubePopupVisible, setIsYoutubePopupVisible] = (0, $3Sbms$useState)(false);
     const [isLinksharePopupVisible, setIsLinksharePopupVisible] = (0, $3Sbms$useState)(false);
     const [theme, setTheme] = (0, $3Sbms$useState)($26ed036cbc17809a$var$currentTheme);
-    const [language, setLanguage] = (0, $3Sbms$useState)($26ed036cbc17809a$var$currentLanguage);
+    const [language, setLanguage] = (0, $3Sbms$useState)(options.language || $26ed036cbc17809a$var$currentLanguage);
     const [profile1, setProfile] = (0, $3Sbms$useState)({});
     const [muted, setMuted] = (0, $3Sbms$useState)(true);
     const [streaming, setStreaming] = (0, $3Sbms$useState)(false);
@@ -8600,15 +9235,23 @@ const $26ed036cbc17809a$var$StreamUI = ({ options: options  })=>{
         setStreamState("expired");
     };
     const onAgentIdentity = (event)=>{
-        const { success: success  } = event.detail;
-        if (success) setIsAgent(true);
-        else (0, $3Sbms$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, $3Sbms$hotjarbrowser).identify(null, {
+                email: email
+            });
+        } else (0, $3Sbms$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 ($26ed036cbc17809a$var$timestampCriticalError !== -1 && $26ed036cbc17809a$var$timestampCriticalError + duration > now) return;
         $26ed036cbc17809a$var$timestampCriticalError = now;
         (0, $a5146f9062d7bf28$export$3a57e165650c636f)(`A critical error has occurred (error ${event.detail.code}).`, {
@@ -8634,6 +9277,7 @@ const $26ed036cbc17809a$var$StreamUI = ({ options: options  })=>{
     (0, $3Sbms$useEffect)(()=>{
         try {
             localStorage.setItem("stream_ui_language", language);
+            (0, $384d985bb9605c35$export$2e2bcd8739ae039).changeLanguage(language);
         } catch (localStorageError) {
             console.warn(localStorageError);
         }
@@ -8729,7 +9373,7 @@ const $26ed036cbc17809a$var$StreamUI = ({ options: options  })=>{
                                 ]
                             })
                         }),
-                        (streamState === "ended" || streamState === "terminated" || streamState === "expired") && /*#__PURE__*/ (0, $3Sbms$jsx)((0, $df41bfe6da05853a$export$2e2bcd8739ae039), {})
+                        (streamState === "ended" || streamState === "terminated" || streamState === "full" || streamState === "expired") && /*#__PURE__*/ (0, $3Sbms$jsx)((0, $df41bfe6da05853a$export$2e2bcd8739ae039), {})
                     ]
                 })
             ]
@@ -8740,6 +9384,15 @@ var $26ed036cbc17809a$export$2e2bcd8739ae039 = $26ed036cbc17809a$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 $24075a5d702d64b3$var$currentURL = new URL(window.location.href);
 const $24075a5d702d64b3$var$microphoneEnabled = $24075a5d702d64b3$var$currentURL.searchParams.get("microphone-enabled") !== "0";
 const $24075a5d702d64b3$var$cameraEnabled = $24075a5d702d64b3$var$currentURL.searchParams.get("camera-enabled") === "1";
@@ -8759,7 +9412,8 @@ const $24075a5d702d64b3$var$defaultOptions = {
             available: true
         }
     },
-    streamApiURL: String("https://apistream.snapcall.io")
+    streamApiURL: String("https://apistream.snapcall.io"),
+    tracking: false
 };
 const $24075a5d702d64b3$export$3f94917203ab7078 = {
     init: ({ element: element , ...options })=>{
@@ -8768,6 +9422,7 @@ const $24075a5d702d64b3$export$3f94917203ab7078 = {
         (0, $3Sbms$render)(/*#__PURE__*/ (0, $3Sbms$jsx)((0, $26ed036cbc17809a$export$2e2bcd8739ae039), {
             options: mergedOptions
         }), element);
+        if (mergedOptions.tracking) (0, $3Sbms$hotjarbrowser).init(3111933, 6);
     },
     setExtraSettingsOptions: (extraOptions)=>{
         const event = new CustomEvent("streamUISetExtraSettingsOptions", {
@@ -8786,7 +9441,8 @@ const $24075a5d702d64b3$export$3f94917203ab7078 = {
     dispatchEvent: (0, $c9e496369b59be7a$export$2f377c2162fd02b2).dispatchEvent.bind((0, $c9e496369b59be7a$export$2f377c2162fd02b2)),
     getState: (0, $c9e496369b59be7a$export$2f377c2162fd02b2).getState.bind((0, $c9e496369b59be7a$export$2f377c2162fd02b2)),
     setProfile: (0, $c9e496369b59be7a$export$2f377c2162fd02b2).setProfile.bind((0, $c9e496369b59be7a$export$2f377c2162fd02b2)),
-    /* Should not be documented */ setConfig: (0, $c9e496369b59be7a$export$2f377c2162fd02b2).setConfig.bind((0, $c9e496369b59be7a$export$2f377c2162fd02b2))
+    /* Should not be documented */ setConfig: (0, $c9e496369b59be7a$export$2f377c2162fd02b2).setConfig.bind((0, $c9e496369b59be7a$export$2f377c2162fd02b2)),
+    setLogLevel: (level)=>(0, $0f65a9eaf4a1e910$export$2e2bcd8739ae039).setLogLevel(level)
 };
 window.streamUI = $24075a5d702d64b3$export$3f94917203ab7078;
 // Backward compatibility