@snapcall/stream-ui 1.5.0 → 1.6.0

package/dist/stream-ui.esm.js

@@ -1,7 +1,8 @@
 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";
@@ -16,6 +17,7 @@ import {toCanvas as $3Sbms$toCanvas} from "qrcode";
 
 
 
+
 const $365e765f9890497b$var$isObject = (obj)=>{
     if (typeof obj === "object" && obj !== null) {
         if (typeof Object.getPrototypeOf === "function") {
@@ -306,6 +308,7 @@ const $a5146f9062d7bf28$export$3a57e165650c636f = (message, options = {})=>{
 
 
 
+
 const $a3e657fb86ae23f3$export$604ba5624273df44 = ()=>{
     try {
         const storedTheme = localStorage.getItem("stream_ui_language");
@@ -340,7 +343,9 @@ const $18fb8799f38eb407$export$84584c2a98eb6753 = {
             tooLate: "You arrived too late",
             callIsOver: "The call is over or deleted",
             callEnded: "The call is now ended",
-            callLeft: "You left the call"
+            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",
@@ -383,14 +388,12 @@ const $18fb8799f38eb407$export$84584c2a98eb6753 = {
             sendResolution: "Send Resolution (maximum)"
         },
         shareLink: {
-            title: "Share link",
-            title2: "Share a link",
-            linkUrl: "LINK URL",
+            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",
-            creating: "Link is creating...",
             poweredBy: "Powered by",
             invoice: "{{user}} sent you an invoice.",
             pay: "Pay"
@@ -420,7 +423,7 @@ const $18fb8799f38eb407$export$84584c2a98eb6753 = {
             request: "{{user}} would like you to share your {{device}}",
             timedOut: "Your request has timed out.",
             declined: "Your request has been declined.",
-            userDeclined: "{{name}} has declined your request."
+            userDeclined: "{{user}} has declined your request."
         },
         leave: {
             title: "Leave",
@@ -466,7 +469,9 @@ const $c5472fb74fa04782$export$acb2a88f7d552ebf = {
             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"
+            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",
@@ -511,12 +516,10 @@ const $c5472fb74fa04782$export$acb2a88f7d552ebf = {
         shareLink: {
             title: "Partager un lien",
             title2: "Partager un lien",
-            linkUrl: "URL DU LIEN",
             invalid: "Lien invalide",
             sentToUsers: "Lien envoy\xe9 aux participants",
             sentToUser: "Lien envoy\xe9 \xe0 {{user}}",
             failed: "Une erreur est survenue pendant l'envoi du lien",
-            creating: "Lien en cours de cr\xe9ation...",
             poweredBy: "Propos\xe9 par",
             invoice: "{{user}} vous a envoy\xe9 une facture.",
             pay: "Payer"
@@ -546,7 +549,7 @@ const $c5472fb74fa04782$export$acb2a88f7d552ebf = {
             request: "{{user}} voudrait que vous partagiez votre {{device}}",
             timedOut: "Votre requ\xeate n'a pas eu de r\xe9ponse",
             declined: "Votre requ\xeate a \xe9t\xe9 refus\xe9.",
-            userDeclined: "{{name}} a d\xe9clin\xe9 votre requ\xeate."
+            userDeclined: "{{user}} a d\xe9clin\xe9 votre requ\xeate."
         },
         leave: {
             title: "Quitter",
@@ -592,7 +595,9 @@ const $b7790fb9e48df5c4$export$3486a10f30cf1ee4 = {
             tooLate: "Sei arrivato troppo tardi",
             callIsOver: "Questa chiamata \xe8 finita o \xe8 stata eliminata",
             callEnded: "Questa chiamata \xe8 finita",
-            callLeft: "Hai lasciato la chiamata"
+            callLeft: "Hai lasciato la chiamata",
+            full: "Impossibile partecipare alla chiamata",
+            fullDescription: "Limite d'uso attenente."
         },
         menu: {
             title: "Men\xf9",
@@ -637,12 +642,10 @@ const $b7790fb9e48df5c4$export$3486a10f30cf1ee4 = {
         shareLink: {
             title: "Condividi un link",
             title2: "Condividi un link",
-            linkUrl: "Link URL",
             invalid: "Collegamento non valido",
             sentToUsers: "Link inviato ai partecipanti",
             sentToUser: "Link inviato a {{user}}",
             failed: "Si \xe8 verificato un errore durante l'invio del link",
-            creating: "Link che viene creato...",
             poweredBy: "Proposto da",
             invoice: "{{User}} ti ha inviato una fattura.",
             pay: "Paga"
@@ -672,7 +675,7 @@ const $b7790fb9e48df5c4$export$3486a10f30cf1ee4 = {
             request: "{{user}} vorrebbe condividere il tuo {{device}}",
             timedOut: "La tua richiesta non ha ricevuto risposta",
             declined: "La tua richiesta \xe8 stata rifiutata.",
-            userDeclined: "{{name}} ha rifiutato la tua richiesta"
+            userDeclined: "{{user}} ha rifiutato la tua richiesta"
         },
         leave: {
             title: "Lasciare",
@@ -720,6 +723,7 @@ var $384d985bb9605c35$export$2e2bcd8739ae039 = (0, $3Sbms$i18next);
 
 
 
+
 const $0f65a9eaf4a1e910$var$LogLevel = {
     error: 1,
     warn: 2,
@@ -1127,7 +1131,8 @@ const $c31e3fb4360572af$export$818d60b2e626da0c = {
     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: {
@@ -1355,7 +1360,9 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
         this.protoo.on("close", ()=>$c31e3fb4360572af$var$log.log("protoo.on", "close :("));
         this.protoo.on("notification", async (notification)=>{
             $c31e3fb4360572af$var$log.log("notification", notification);
-            if (notification.method === "newPeer") {
+            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,
@@ -1490,9 +1497,13 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
             }
         });
     }
-    closeWebrtcTransport(transport) {
-        transport?.transport?.close();
-        clearTimeout(transport?.disconnectTimeout);
+    closeWebrtcTransport(key) {
+        const transport = this.mediasoupTransport[key];
+        if (transport) {
+            transport?.transport?.close();
+            clearTimeout(transport?.disconnectTimeout);
+            delete this.mediasoupTransport[key];
+        }
     }
     async getTransport(kind, direction) {
         if (!this.streamerMediasoup) throw new Error("streamerMediasoup not initialized");
@@ -1765,7 +1776,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
     }
     release() {
         $c31e3fb4360572af$var$log.log("release");
-        for(let key in this.mediasoupTransport)this.closeWebrtcTransport(this.mediasoupTransport[key]);
+        for(let key in this.mediasoupTransport)this.closeWebrtcTransport(key);
         this.webcamTrack?.stop();
         this.webcamTrack = null;
         this.protooTransport.close();
@@ -3261,6 +3272,7 @@ const $f235befa4cdc42d6$var$Header = ()=>{
         };
         const onScanQuickConnectClick = ()=>{
             setIsQuickConnectPopupVisible(true);
+            (0, $3Sbms$hotjarbrowser).event("quickConnectClick");
         };
         const onSettingsMenuClick = ()=>{
             setIsSettingsMenuVisible(true);
@@ -4871,7 +4883,7 @@ const $5939a59dc7c96d41$var$SelfStreamTile = ({ isSomeonePresenting: isSomeonePr
                 if (streams.length === 1) {
                     const userName = streams[0].profile.name || t("misc.user");
                     notificationMessage = t("snapshot.sentToUser", {
-                        name: userName
+                        user: userName
                     });
                 }
                 (0, $a5146f9062d7bf28$export$3a57e165650c636f)(notificationMessage, {
@@ -6217,6 +6229,7 @@ var $cdab47bb8796991e$export$2e2bcd8739ae039 = $cdab47bb8796991e$var$Video;
 
 
 
+
 const $f0e90fb231c59fab$var$HangUp = ()=>/*#__PURE__*/ (0, $3Sbms$jsx)("svg", {
         width: "25",
         height: "24",
@@ -6313,6 +6326,7 @@ var $8b7bd174d29d9a1f$export$2e2bcd8739ae039 = $8b7bd174d29d9a1f$var$Spinner;
 
 
 
+
 const $a2d206a438475087$var$YoutubeIcon = ()=>/*#__PURE__*/ (0, $3Sbms$jsx)("svg", {
         width: "24",
         height: "25",
@@ -6328,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",
@@ -6337,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"
         })
     });
 };
@@ -6442,9 +6456,12 @@ 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$hotjarbrowser).event("screenshareCancel");
             (0, $3Sbms$reacthottoast)(t("notifications.screensharingError"), {
                 className: "error"
             });
@@ -6453,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 = [
         {
@@ -6524,8 +6543,13 @@ 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)(t("notifications.microphoneError"), {
@@ -6535,9 +6559,12 @@ const $69a9c49ece80e773$var$ControlBar = ()=>{
     };
     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) {
@@ -6551,6 +6578,7 @@ const $69a9c49ece80e773$var$ControlBar = ()=>{
     };
     const onRotateClick = async ()=>{
         try {
+            (0, $3Sbms$hotjarbrowser).event("rotateCamera");
             await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).rotateVideo();
         } catch (rotateError) {
             console.warn(rotateError);
@@ -7602,6 +7630,7 @@ var $c11e4c21ca692a16$export$2e2bcd8739ae039 = $c11e4c21ca692a16$var$Menu;
 
 
 
+
 const $d677836e2f373a45$export$b679a9a7caefa4b1 = (0, $3Sbms$styledcomponents).div`
   position: absolute;
   width: 100%;
@@ -7740,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({
@@ -7832,6 +7862,23 @@ 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",
@@ -7892,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;
@@ -7912,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`
@@ -7946,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;
@@ -7970,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;
@@ -8003,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;
@@ -8019,7 +8070,8 @@ 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;
 `;
 
 
@@ -8061,7 +8113,7 @@ const $98933bbc579a3e66$var$sendLinkNotification = (data, t)=>{
 const $98933bbc579a3e66$var$sendPaypalInvoiceNotification = (senderName, url, t)=>{
     const userName = senderName || t("misc.user");
     const title = t("shareLink.invoice", {
-        name: userName
+        user: userName
     });
     (0, $a5146f9062d7bf28$export$3a57e165650c636f)(title, {
         button: {
@@ -8087,11 +8139,12 @@ const $98933bbc579a3e66$var$sendPaypalInvoiceNotification = (senderName, url, t)
 };
 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 [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";
@@ -8110,7 +8163,8 @@ const $98933bbc579a3e66$var$LinksharePopup = ()=>{
         event.preventDefault();
         if (!linkshareInputValue) return;
         setErrorMessage(null);
-        setIsLoading(true);
+        setStatus("loading");
+        (0, $3Sbms$hotjarbrowser).event("linkshareShare");
         let url;
         try {
             url = new URL(linkshareInputValue);
@@ -8142,7 +8196,7 @@ const $98933bbc579a3e66$var$LinksharePopup = ()=>{
                 if (streams.length < 2) {
                     const userName = streams[0]?.profile?.name || t("misc.user");
                     (0, $3Sbms$reacthottoast)(t("shareLink.sentToUser", {
-                        name: userName
+                        user: userName
                     }));
                 } else (0, $3Sbms$reacthottoast)(t("shareLink.sentToUsers"));
                 setIsLinksharePopupVisible(false);
@@ -8154,7 +8208,7 @@ const $98933bbc579a3e66$var$LinksharePopup = ()=>{
             }
             setLinkshareInputValue("");
         }
-        setIsLoading(false);
+        setStatus("done");
     };
     const onCloseClick = ()=>setIsLinksharePopupVisible(false);
     (0, $3Sbms$useEffect)(()=>{
@@ -8167,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,
@@ -8180,7 +8235,9 @@ 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: t("shareLink.title2")
                                 })
@@ -8198,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: t("shareLink.linkUrl")
-                                }),
                                 /*#__PURE__*/ (0, $3Sbms$jsx)("input", {
                                     id: "linkshare-popup-input",
                                     ref: linkshareInputRef,
@@ -8219,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: t("shareLink.creating")
-                                    })
+                                    /*#__PURE__*/ (0, $3Sbms$jsx)((0, $5dd22e058f46af7f$export$2e2bcd8739ae039), {}),
+                                    t("shareLink.title")
                                 ]
-                            }) : t("shareLink.title")
+                            })
                         })
                     ]
                 })
@@ -8318,6 +8372,7 @@ const $df41bfe6da05853a$var$EndView = ()=>{
     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");
@@ -8330,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 && t("endView.callLeft"),
                     terminated && t("endView.callEnded"),
-                    expired && t("endView.tooLate")
+                    expired && t("endView.tooLate"),
+                    full && t("endView.full")
                 ]
             }),
             expired && /*#__PURE__*/ (0, $3Sbms$jsx)((0, $61b9018279e658f9$export$f4e7b895a81715e9), {
                 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: t("endView.goBack")
             }),
-            /*#__PURE__*/ (0, $3Sbms$jsx)((0, $f81bfa56534026c2$export$ad5f39c592532e2d), {})
+            !full && /*#__PURE__*/ (0, $3Sbms$jsx)((0, $f81bfa56534026c2$export$ad5f39c592532e2d), {})
         ]
     });
 };
@@ -8532,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",
@@ -8548,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"
 };
 
 
@@ -9168,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}).`, {
@@ -9298,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), {})
                     ]
                 })
             ]
@@ -9309,6 +9384,14 @@ 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";
@@ -9329,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 })=>{
@@ -9338,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", {