@snapcall/stream-ui 1.8.1 → 1.10.0

package/dist/stream-ui.esm.js

@@ -325,6 +325,9 @@ const $a3e657fb86ae23f3$export$604ba5624273df44 = ()=>{
 const $18fb8799f38eb407$export$84584c2a98eb6753 = {
     name: "English",
     translation: {
+        header: {
+            free: "Free version"
+        },
         notifications: {
             screensharingError: "An error occured when trying to toggle screensharing",
             microphoneError: "An error occured when trying to toggle the microphone",
@@ -356,6 +359,14 @@ const $18fb8799f38eb407$export$84584c2a98eb6753 = {
             pictureInPicture: "Picture-in-Picture",
             screenSharing: "Screen sharing"
         },
+        blockedFeature: {
+            titleConnected: "Upgrade to Pro",
+            titleGuest: "Feature not available",
+            descriptionConnected: "On a free plan, you can't use this feature. Upgrade your plan to enjoy all in-call features.",
+            descriptionGuest: "You are participating in a call created with a free version of SnapCall. This feature is only available with a Pro version.",
+            dismissGuest: "Okay",
+            dismissConnected: "Upgrade to Pro"
+        },
         copyLink: {
             title: "Copy link",
             description: "Copy link into clipboard",
@@ -449,11 +460,6 @@ const $18fb8799f38eb407$export$84584c2a98eb6753 = {
             decline: "Decline",
             you: "You"
         },
-        invite: {
-            title: "Share link to start a conversation",
-            copy: "Copy",
-            description: "You are currently the only participant. Invite people to start the conversation."
-        },
         greeting: {
             mainTitle: "Welcome to SnapCall",
             sideTitle: "Are you ready to join?",
@@ -470,6 +476,9 @@ const $18fb8799f38eb407$export$84584c2a98eb6753 = {
 const $c5472fb74fa04782$export$acb2a88f7d552ebf = {
     name: "Fran\xe7ais",
     translation: {
+        header: {
+            free: "Version gratuite"
+        },
         notifications: {
             screensharingError: "Une erreur est survenue pendant l'activation du partage d'\xe9cran",
             microphoneError: "Une erreur est survenue pendant l'activation du micro",
@@ -501,6 +510,14 @@ const $c5472fb74fa04782$export$acb2a88f7d552ebf = {
             pictureInPicture: "Picture-in-Picture",
             screenSharing: "Partage d'\xe9cran"
         },
+        blockedFeature: {
+            titleConnected: "Souscrire au plan Pro",
+            titleGuest: "Fonctionnalit\xe9 non disponible",
+            descriptionConnected: "Vous n'avez pas acc\xe8s \xe0 cette fonctionnalit\xe9. Souscrivez au plan Pro pour d\xe9bloquer toutes les fonctionnalit\xe9s de SnapCall.",
+            descriptionGuest: "Vous participez \xe0 un appel cr\xe9\xe9 avec la version gratuite de SnapCall. Cette fonctionnalit\xe9 n'est disponible qu'avec une version Pro.",
+            dismissGuest: "D'accord",
+            dismissConnected: "Souscrire \xe0 Pro"
+        },
         copyLink: {
             title: "Copier le lien",
             description: "Copier le lien dans le presse-papiers",
@@ -594,11 +611,6 @@ const $c5472fb74fa04782$export$acb2a88f7d552ebf = {
             decline: "D\xe9cliner",
             you: "Vous"
         },
-        invite: {
-            title: "Partagez le lien pour commencer une conversation",
-            copy: "Copier",
-            description: "Vous \xeates actuellement le seul participant. Inviter des personnes pour commencer la conversation."
-        },
         greeting: {
             mainTitle: "Bienvenue sur SnapCall",
             sideTitle: "Pr\xeat \xe0 rejoindre ?",
@@ -615,6 +627,9 @@ const $c5472fb74fa04782$export$acb2a88f7d552ebf = {
 const $b7790fb9e48df5c4$export$3486a10f30cf1ee4 = {
     name: "Italiano",
     translation: {
+        header: {
+            free: "Versione gratuita"
+        },
         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",
@@ -646,6 +661,14 @@ const $b7790fb9e48df5c4$export$3486a10f30cf1ee4 = {
             pictureInPicture: "Immagine nell'immagine",
             screenSharing: "Condivisione dello schermo"
         },
+        blockedFeature: {
+            titleConnected: "L'aggiornamento a Pro",
+            titleGuest: "Funzione non disponibile",
+            descriptionConnected: "Su un piano gratuito, non puoi utilizzare questa funzione. Aggiorna il tuo piano per usufruire di tutte le funzionalit\xe0 in chiamata.",
+            descriptionGuest: "Stai partecipando a una chiamata creata con una versione gratuita di SnapCall. Questa funzione \xe8 disponibile solo con una versione Pro.",
+            dismissGuest: "Okay",
+            dismissConnected: "L'aggiornamento a Pro"
+        },
         copyLink: {
             title: "Copia il link",
             description: "Copia il link negli appunti",
@@ -743,11 +766,6 @@ const $b7790fb9e48df5c4$export$3486a10f30cf1ee4 = {
             decline: "Declinare",
             you: "Voi"
         },
-        invite: {
-            title: "Condividi link per avviare una conversazione",
-            copy: "Copiare",
-            description: "Attualmente sei l'unico partecipante. Invita le persone ad iniziare la conversazione."
-        },
         greeting: {
             mainTitle: "Benvenuto a SnapCall",
             sideTitle: "Sei pronto per unirti?",
@@ -786,6 +804,8 @@ var $384d985bb9605c35$export$2e2bcd8739ae039 = (0, $3Sbms$i18next);
 
 
 
+
+
 const $0f65a9eaf4a1e910$var$LogLevel = {
     error: 1,
     warn: 2,
@@ -1420,6 +1440,8 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
     pendingDeviceRequest = {};
     joinOptions = {};
     devicesList = [];
+    plan = undefined;
+    permissions = [];
     constructor(){
         super();
         navigator.mediaDevices.addEventListener("devicechange", ()=>this.onDeviceChange());
@@ -1543,7 +1565,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
         if (!this.peerId) this.peerId = (0, $3Sbms$v4)();
         let url;
         try {
-            const { instanceId: instanceId  } = await fetch(`${this.config.streamerApi}/instance/${this.roomId}`, {
+            const { streamer_instance: instanceId , plan: { permissions: permissions , name: name  } ,  } = await fetch(`${this.config.apiUrl}/streams/${room}/info`, {
                 method: "get",
                 headers: {
                     "Content-Type": "application/json"
@@ -1552,6 +1574,8 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
                 if (response.ok) return response.json();
                 throw new Error("Invalid room ID");
             });
+            this.permissions = permissions;
+            this.plan = name;
             url = `${this.config.streamerServer}/${instanceId}/?roomId=${room}&peerId=${this.peerId}`;
         } catch (roomError) {
             const event = new $c31e3fb4360572af$var$SnapcallEvent("invalidRoom", {
@@ -1821,7 +1845,9 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
                         peerId: peer.id || peer.peerId
                     };
                 }),
-                callId: callId
+                callId: callId,
+                plan: this.plan,
+                permissions: this.permissions
             }
         }));
         $c31e3fb4360572af$var$log.log("joinRoom", "peers", peers);
@@ -2141,6 +2167,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
         this.mediaPipeOption = options;
     }
     async initVideoBackground() {
+        if (!this.permissions.find((permission)=>permission === "virtual_background")) throw new Error("feature not allowed");
         if (this.useVideoBackground === true) return;
         this.useVideoBackground = true;
         if (!this.webcamProducer || this.webcamProducer.closed) return;
@@ -2317,6 +2344,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
         this.dispatchEvent(event);
     }
     async enableScreenshare() {
+        if (!this.permissions.find((permission)=>permission === "screen_sharing")) throw new Error("feature not allowed");
         const stream = await this.handleGetUserMediaError("screen", navigator.mediaDevices.getDisplayMedia({
             audio: false,
             video: {
@@ -2409,11 +2437,13 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
         } else $c31e3fb4360572af$var$log.error("requestVideo", `Video consumer ${consumer} not found`);
     }
     async captureVideo(videoElement) {
-        let image;
-        if (videoElement) image = await (0, $15ddac3121cc3a5d$export$674c90a250a8b2c5)(videoElement);
-        else if (this.webcamProducer && this.webcamProducer.track) image = await (0, $15ddac3121cc3a5d$export$4a210166cc9cb64b)(this.webcamProducer.track);
-        else throw new Error("no video to capture");
-        return image;
+        if (this.permissions.find((permission)=>permission === "instant_picture")) {
+            let image;
+            if (videoElement) image = await (0, $15ddac3121cc3a5d$export$674c90a250a8b2c5)(videoElement);
+            else if (this.webcamProducer && this.webcamProducer.track) image = await (0, $15ddac3121cc3a5d$export$4a210166cc9cb64b)(this.webcamProducer.track);
+            else throw new Error("no video to capture");
+            return image;
+        } else throw new Error("feature not allowed");
     }
     requestLocalVideo(element) {
         $c31e3fb4360572af$var$log.info("requestLocalVideo");
@@ -2531,6 +2561,7 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
         this.dispatchEvent(event);
     }
     async requestPeerDevice(remotePeerId, deviceType) {
+        if (!this.permissions.find((permission)=>permission === "request_input")) throw new Error("feature not allowed");
         return this.protoo.request("requestPeerDevice", {
             remotePeerId: remotePeerId,
             deviceType: deviceType
@@ -2699,6 +2730,9 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
             ...config
         };
     }
+    getPermissions() {
+        return this.permissions;
+    }
 }
 
 
@@ -3178,7 +3212,7 @@ const $ab29487ffcc05855$export$4dc2e6a0e59ffa13 = (0, $3Sbms$styledcomponents).s
   font-size: 16px;
   font-weight: 300;
   line-height: 16px;
-  color: #fff;
+  color: rgba(255, 255, 255, 0.5);
   margin-left: 5px;
   position: relative;
   bottom: 1px;
@@ -3553,7 +3587,7 @@ const $f235befa4cdc42d6$var$multiPiP = new (0, $e96d119a19ed0c6c$export$45fabd1c
 const $f235befa4cdc42d6$var$browser = $3Sbms$parse(window.navigator.userAgent);
 const $f235befa4cdc42d6$var$Header = ()=>{
     const { t: t  } = (0, $3Sbms$useTranslation)();
-    const { setIsQuickConnectPopupVisible: setIsQuickConnectPopupVisible , setIsSettingsMenuVisible: setIsSettingsMenuVisible , setIsVirtualBackgroundPopupVisible: setIsVirtualBackgroundPopupVisible , options: options , muted: muted , streaming: streaming ,  } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
+    const { setIsQuickConnectPopupVisible: setIsQuickConnectPopupVisible , setIsSettingsMenuVisible: setIsSettingsMenuVisible , setIsVirtualBackgroundPopupVisible: setIsVirtualBackgroundPopupVisible , options: options , muted: muted , streaming: streaming , permissions: permissions , plan: plan , setBlockedFeaturePopupOpen: setBlockedFeaturePopupOpen ,  } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
     const { streams: streams  } = (0, $cce9fd41d8a55a18$export$b5633a7cfbe42d9f)();
     const [extraOptions, setExtraOptions] = (0, $3Sbms$useState)(options.extraSettingsOptions || []);
     const onSetExtraSettingsOptions = (event)=>{
@@ -3601,14 +3635,17 @@ const $f235befa4cdc42d6$var$Header = ()=>{
             (0, $c9e496369b59be7a$export$2f377c2162fd02b2).endCall();
         };
         const onScanQuickConnectClick = ()=>{
-            setIsQuickConnectPopupVisible(true);
-            (0, $3Sbms$hotjarbrowser).event("quickConnectClick");
+            if (permissions.find((permission)=>permission === "quick_connect")) {
+                setIsQuickConnectPopupVisible(true);
+                (0, $3Sbms$hotjarbrowser).event("quickConnectClick");
+            } else setBlockedFeaturePopupOpen(true);
         };
         const onSettingsMenuClick = ()=>{
             setIsSettingsMenuVisible(true);
         };
         const onVirtualBackgroundClick = ()=>{
-            setIsVirtualBackgroundPopupVisible(true);
+            if (permissions.find((permission)=>permission === "virtual_background")) setIsVirtualBackgroundPopupVisible(true);
+            else setBlockedFeaturePopupOpen(true);
         };
         const computedCategories = [
             {
@@ -3665,13 +3702,15 @@ const $f235befa4cdc42d6$var$Header = ()=>{
         });
         return computedCategories;
     }, [
+        t,
+        options.sharedURL,
         muted,
         streaming,
-        options.sharedURL,
+        permissions,
         setIsQuickConnectPopupVisible,
+        setBlockedFeaturePopupOpen,
         setIsSettingsMenuVisible,
-        setIsVirtualBackgroundPopupVisible,
-        t, 
+        setIsVirtualBackgroundPopupVisible, 
     ]);
     return /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $ab29487ffcc05855$export$1e86fd0e1db89578), {
         children: [
@@ -3681,7 +3720,10 @@ const $f235befa4cdc42d6$var$Header = ()=>{
                         size: options.logo?.size
                     }),
                     options.logo?.text && /*#__PURE__*/ (0, $3Sbms$jsx)((0, $ab29487ffcc05855$export$4dc2e6a0e59ffa13), {
-                        children: options.logo.text
+                        children: options.logo?.text
+                    }),
+                    plan === "individual" && /*#__PURE__*/ (0, $3Sbms$jsx)((0, $ab29487ffcc05855$export$4dc2e6a0e59ffa13), {
+                        children: `${options.logo?.text ? " \xb7 " : ""}${t("header.free")}`
                     })
                 ]
             }),
@@ -4517,7 +4559,7 @@ const $a53a1c6f62ad0fcc$var$StreamTile = ({ stream: stream , width: width = 0 ,
     const [requestingDevice, setRequestingDevice] = (0, $3Sbms$useState)(null);
     const [flashAnimation, setFlashAnimation] = (0, $3Sbms$useState)(false);
     const requestingDeviceTimeoutRef = (0, $3Sbms$useRef)(null);
-    const { selfPeerId: selfPeerId  } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
+    const { selfPeerId: selfPeerId , permissions: permissions , setBlockedFeaturePopupOpen: setBlockedFeaturePopupOpen  } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
     const { highlightedTile: highlightedTile  } = (0, $cce9fd41d8a55a18$export$b5633a7cfbe42d9f)();
     const isSharingScreen = highlightedTile?.type === "screenshare" && highlightedTile.peerId === selfPeerId;
     const microphoneActive = stream.microphone && !stream.muted;
@@ -4529,16 +4571,22 @@ const $a53a1c6f62ad0fcc$var$StreamTile = ({ stream: stream , width: width = 0 ,
     const onMouseEnter = ()=>setHover(true);
     const onMouseLeave = ()=>setHover(false);
     const requestMicrophone = ()=>{
-        (0, $c9e496369b59be7a$export$2f377c2162fd02b2).requestPeerDevice(stream.id, "microphone");
-        setRequestingDevice("microphone");
+        if (permissions.find((permission)=>permission === "request_input")) {
+            (0, $c9e496369b59be7a$export$2f377c2162fd02b2).requestPeerDevice(stream.id, "microphone");
+            setRequestingDevice("microphone");
+        } else setBlockedFeaturePopupOpen(true);
     };
     const requestWebcam = ()=>{
-        (0, $c9e496369b59be7a$export$2f377c2162fd02b2).requestPeerDevice(stream.id, "webcam");
-        setRequestingDevice("webcam");
+        if (permissions.find((permission)=>permission === "request_input")) {
+            (0, $c9e496369b59be7a$export$2f377c2162fd02b2).requestPeerDevice(stream.id, "webcam");
+            setRequestingDevice("webcam");
+        } else setBlockedFeaturePopupOpen(true);
     };
     const requestScreen = ()=>{
-        (0, $c9e496369b59be7a$export$2f377c2162fd02b2).requestPeerDevice(stream.id, "screen");
-        setRequestingDevice("screen");
+        if (permissions.find((permission)=>permission === "request_input")) {
+            (0, $c9e496369b59be7a$export$2f377c2162fd02b2).requestPeerDevice(stream.id, "screen");
+            setRequestingDevice("screen");
+        } else setBlockedFeaturePopupOpen(true);
     };
     (0, $3Sbms$useEffect)(()=>{
         if (!videoElementRef.current) throw new Error("videoElementRef not available");
@@ -5176,7 +5224,7 @@ const $5939a59dc7c96d41$var$SelfStreamTile = ({ isSomeonePresenting: isSomeonePr
     const videoElementRef = (0, $3Sbms$useRef)(null);
     const videoMediaProviderRef = (0, $3Sbms$useRef)(null);
     const SelfTileRef = (0, $3Sbms$useRef)(null);
-    const { videosContainerRef: videosContainerRef , remoteTilesContainerRef: remoteTilesContainerRef , profile: profile , muted: muted , streaming: streaming , orientation: orientation , options: options ,  } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
+    const { videosContainerRef: videosContainerRef , remoteTilesContainerRef: remoteTilesContainerRef , profile: profile , muted: muted , streaming: streaming , orientation: orientation , options: options , permissions: permissions , setBlockedFeaturePopupOpen: setBlockedFeaturePopupOpen ,  } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
     const { streams: streams  } = (0, $cce9fd41d8a55a18$export$b5633a7cfbe42d9f)();
     const [containerWidth, containerHeight] = (0, $af23c74942bdcae7$export$2b86bedf890eab8)(videosContainerRef.current);
     const cursor = streaming && !extended ? "pointer" : "default";
@@ -5220,42 +5268,44 @@ const $5939a59dc7c96d41$var$SelfStreamTile = ({ isSomeonePresenting: isSomeonePr
         }
     };
     const onSnapshotClick = async ()=>{
-        if (!snapshotAnimation && !snapshotImage) {
-            if (!videoElementRef.current) throw new Error("Video element is not available");
-            setSnapshotAnimation(true);
-            const base64Image = await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).captureVideo(videoElementRef.current);
-            setSnapshotImage(base64Image);
-            try {
-                const { objectUrl: objectUrl  } = await fetch(`${options.streamApiURL}/uploadSnapshot`, {
-                    method: "POST",
-                    body: JSON.stringify({
-                        file: base64Image
-                    })
-                }).then((rawResponse)=>rawResponse.json());
-                await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).sendCustomMessageToAll({
-                    type: "snapshot",
-                    imageSrc: objectUrl
-                });
-                let notificationMessage = t("snapshot.sentToUsers");
-                if (streams.length === 1) {
-                    const userName = streams[0].profile.name || t("misc.user");
-                    notificationMessage = t("snapshot.sentToUser", {
-                        user: userName
+        if (permissions.find((permission)=>permission === "instant_picture")) {
+            if (!snapshotAnimation && !snapshotImage) {
+                if (!videoElementRef.current) throw new Error("Video element is not available");
+                setSnapshotAnimation(true);
+                const base64Image = await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).captureVideo(videoElementRef.current);
+                setSnapshotImage(base64Image);
+                try {
+                    const { objectUrl: objectUrl  } = await fetch(`${options.streamApiURL}/uploadSnapshot`, {
+                        method: "POST",
+                        body: JSON.stringify({
+                            file: base64Image
+                        })
+                    }).then((rawResponse)=>rawResponse.json());
+                    await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).sendCustomMessageToAll({
+                        type: "snapshot",
+                        imageSrc: objectUrl
+                    });
+                    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
+                        }),
+                        duration: 2500
+                    });
+                } catch (sendMessageError) {
+                    (0, $3Sbms$reacthottoast)(t("snapshot.error"), {
+                        className: "error"
                     });
+                    console.error(sendMessageError);
                 }
-                (0, $a5146f9062d7bf28$export$3a57e165650c636f)(notificationMessage, {
-                    icon: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $6efc75079651494a$export$26fe7ec9351ff761), {
-                        src: base64Image
-                    }),
-                    duration: 2500
-                });
-            } catch (sendMessageError) {
-                (0, $3Sbms$reacthottoast)(t("snapshot.error"), {
-                    className: "error"
-                });
-                console.error(sendMessageError);
             }
-        }
+        } else setBlockedFeaturePopupOpen(true);
     };
     const onDeviceRequest = (event)=>{
         const { peerId: peerId , deviceType: deviceType  } = event.detail;
@@ -6259,104 +6309,8 @@ var $b496fc6f0d99c06d$export$2e2bcd8739ae039 = $b496fc6f0d99c06d$var$Highlighted
 
 
 
-const $b56218b5a57cb77c$export$dd2ac23a70f320dd = (0, $3Sbms$styledcomponents).div`
-  display: ${({ show: show  })=>show ? "flex" : "none"};
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  position: relative;
-  width: ${({ width: width  })=>width};
-  height: ${({ height: height  })=>height};
-  background-color: ${({ theme: theme  })=>theme.streamTileBackgroundColor};
-  border: 2px solid ${({ theme: theme  })=>theme.streamTileBorderColor};
-  border-radius: 20px;
-  box-sizing: border-box;
-  color: #fff;
-  font-family: Lato;
-  padding: 20px;
-`;
-const $b56218b5a57cb77c$export$2dabfbe763cc7a4 = (0, $3Sbms$styledcomponents).h2`
-  font-weight: 600;
-  font-size: 16px;
-  text-align: center;
-  max-width: 300px;
-`;
-const $b56218b5a57cb77c$export$6ed6e36e1b456f96 = (0, $3Sbms$styledcomponents).div`
-  position: relative;
-  display: flex;
-  align-items: center;
-  height: 50px;
-  width: 100%;
-  max-width: 300px;
-  background-color: ${({ theme: theme  })=>theme.popupBackgroundSecondaryColor};
-  border: 1px solid ${({ theme: theme  })=>theme.popupBorderColor};
-  border-radius: 15px;
-  padding: 0 10px;
-  box-sizing: border-box;
-`;
-const $b56218b5a57cb77c$export$5f759de1870a3e41 = (0, $3Sbms$styledcomponents).div`
-  display: flex;
-  align-items: center;
-  width: 100%;
-  gap: 5px;
-
-  svg {
-    width: 20px;
-    height: 20px;
-  }
-`;
-const $b56218b5a57cb77c$export$c6b180e8ec79154e = (0, $3Sbms$styledcomponents).p`
-  color: #242324;
-  font-size: 15px;
-  font-weight: 600;
-  width: 100%;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
-  line-height: 15px;
-`;
-const $b56218b5a57cb77c$export$d7f3ab4b3437ad97 = (0, $3Sbms$styledcomponents).button`
-  position: absolute;
-  right: 5px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  background-color: ${({ theme: theme  })=>theme.primaryColor};
-  border: none;
-  border-radius: 8px;
-  height: 32px;
-  color: #fff;
-  font-weight: 600;
-  font-size: 16px;
-  padding: 8px 12px;
-  line-height: 18px;
-`;
-const $b56218b5a57cb77c$export$c22678f0e7b404e0 = (0, $3Sbms$styledcomponents).p`
-  font-size: 12px;
-  font-weight: 400;
-  max-width: 300px;
-  text-align: center;
-`;
-
-
-
-
 
 
-const $1ec1d06e0a21fdaa$var$Link = ({ color: color  })=>{
-    return /*#__PURE__*/ (0, $3Sbms$jsx)("svg", {
-        width: "24",
-        height: "24",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        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: color || "#fff"
-        })
-    });
-};
-var $1ec1d06e0a21fdaa$export$2e2bcd8739ae039 = $1ec1d06e0a21fdaa$var$Link;
 
 
 
@@ -6409,67 +6363,6 @@ const $93a0377c243d965e$export$c7df1b15b59b1df2 = /*#__PURE__*/ (0, $3Sbms$jsxs)
 });
 
 
-
-
-const $f0b0b18fe6c6ae77$var$InvitationTile = ({ show: show , orientation: orientation , width: width , height: height  })=>{
-    const { t: t  } = (0, $3Sbms$useTranslation)();
-    const { options: options  } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
-    const onCopyCallLinkClick = async ()=>{
-        try {
-            await (0, $57162bcada7d6f66$export$2e2bcd8739ae039)(options.sharedURL || window.location.href);
-            (0, $a5146f9062d7bf28$export$3a57e165650c636f)(t("copyLink.copied"), {
-                duration: 2000
-            });
-        } catch (copyError) {
-            console.warn(copyError);
-            (0, $a5146f9062d7bf28$export$3a57e165650c636f)(t("copyLink.error"), {
-                icon: (0, $93a0377c243d965e$export$edf27be85e5f6da0)
-            });
-        }
-    };
-    return /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $b56218b5a57cb77c$export$dd2ac23a70f320dd), {
-        show: show,
-        width: width,
-        height: height,
-        orientation: orientation,
-        children: [
-            /*#__PURE__*/ (0, $3Sbms$jsx)((0, $b56218b5a57cb77c$export$2dabfbe763cc7a4), {
-                children: t("invite.title")
-            }),
-            /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $b56218b5a57cb77c$export$6ed6e36e1b456f96), {
-                children: [
-                    /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $b56218b5a57cb77c$export$5f759de1870a3e41), {
-                        children: [
-                            /*#__PURE__*/ (0, $3Sbms$jsx)((0, $1ec1d06e0a21fdaa$export$2e2bcd8739ae039), {
-                                color: "black"
-                            }),
-                            /*#__PURE__*/ (0, $3Sbms$jsx)((0, $b56218b5a57cb77c$export$c6b180e8ec79154e), {
-                                children: options.sharedURL || window.location.href
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ (0, $3Sbms$jsx)((0, $b56218b5a57cb77c$export$d7f3ab4b3437ad97), {
-                        onClick: onCopyCallLinkClick,
-                        children: t("invite.copy")
-                    })
-                ]
-            }),
-            /*#__PURE__*/ (0, $3Sbms$jsx)((0, $b56218b5a57cb77c$export$c22678f0e7b404e0), {
-                children: t("invite.description")
-            })
-        ]
-    });
-};
-var $f0b0b18fe6c6ae77$export$2e2bcd8739ae039 = $f0b0b18fe6c6ae77$var$InvitationTile;
-
-
-
-
-
-
-
-
-
 const $b8963bf62cf5b984$var$Container = (0, $3Sbms$styledcomponents).div`
   background-color: rgba(45, 45, 45, 0.75);
   display: flex;
@@ -6536,7 +6429,6 @@ const $cdab47bb8796991e$var$Video = ()=>{
     });
     const { streams: streams , highlightedTile: highlightedTile , dispatch: dispatch  } = (0, $cce9fd41d8a55a18$export$b5633a7cfbe42d9f)();
     const [containerWidth, containerHeight] = (0, $af23c74942bdcae7$export$2b86bedf890eab8)(remoteTilesContainerRef.current);
-    const showInvitation = !options.audioTiles && streams.length < 1 && !highlightedTile && containerWidth > 0;
     (0, $3Sbms$useEffect)(()=>{
         if (options.GDPRDisclaimer) (0, $b8963bf62cf5b984$export$2e2bcd8739ae039)({
             message: "Para mejorar la calidad de nuestro servicio, esta llamada ser\xe1 grabada",
@@ -6550,7 +6442,6 @@ const $cdab47bb8796991e$var$Video = ()=>{
         if (remoteTilesContainerRef?.current) {
             const ratio = 1;
             let numberOfTiles = remoteTilesContainerRef.current.childElementCount;
-            if (!showInvitation) numberOfTiles -= 1;
             const videoWidth = (0, $b8e10de7c6dba8c4$export$4d43009c33055644)({
                 availableWidth: containerWidth - 16 * (numberOfTiles - 1),
                 availableHeight: containerHeight - 16 * (numberOfTiles - 1),
@@ -6568,8 +6459,7 @@ const $cdab47bb8796991e$var$Video = ()=>{
         containerWidth,
         containerHeight,
         streams.length,
-        highlightedTile,
-        showInvitation, 
+        highlightedTile
     ]);
     (0, $3Sbms$useEffect)(()=>{
         if (userInteractionTriggered) {
@@ -6723,12 +6613,6 @@ const $cdab47bb8796991e$var$Video = ()=>{
                             width: tileSize.width,
                             height: tileSize.height
                         }, stream.id);
-                    }),
-                    /*#__PURE__*/ (0, $3Sbms$jsx)((0, $f0b0b18fe6c6ae77$export$2e2bcd8739ae039), {
-                        show: showInvitation,
-                        width: `${tileSize.width}px`,
-                        height: `${tileSize.height}px`,
-                        orientation: orientation
                     })
                 ]
             })
@@ -6860,6 +6744,22 @@ var $a2d206a438475087$export$2e2bcd8739ae039 = $a2d206a438475087$var$YoutubeIcon
 
 
 
+const $1ec1d06e0a21fdaa$var$Link = ({ color: color  })=>{
+    return /*#__PURE__*/ (0, $3Sbms$jsx)("svg", {
+        width: "24",
+        height: "24",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        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: color || "#fff"
+        })
+    });
+};
+var $1ec1d06e0a21fdaa$export$2e2bcd8739ae039 = $1ec1d06e0a21fdaa$var$Link;
+
+
 
 
 
@@ -6945,7 +6845,7 @@ 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));
+    const { setIsYoutubePopupVisible: setIsYoutubePopupVisible , setIsLinksharePopupVisible: setIsLinksharePopupVisible , selfPeerId: selfPeerId , permissions: permissions , setBlockedFeaturePopupOpen: setBlockedFeaturePopupOpen ,  } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
     const { highlightedTile: highlightedTile , dispatch: dispatch  } = (0, $cce9fd41d8a55a18$export$b5633a7cfbe42d9f)();
     const isPresenting = Boolean(highlightedTile?.isGlobal && highlightedTile?.peerId === selfPeerId);
     (0, $e1413aacdaa5a03e$export$71b2224f1ce5e08e)(highlightMenuRef, ()=>setIsHighlightMenuOpen(false));
@@ -6956,18 +6856,20 @@ const $db92fac48417791a$var$HighlightButton = ()=>{
         else setIsHighlightMenuOpen((previousValue)=>!previousValue);
     };
     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"
-            });
-        }
+        if (permissions.find((permission)=>permission === "screen_sharing")) {
+            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"
+                });
+            }
+        } else setBlockedFeaturePopupOpen(true);
     };
     const onYoutubeClick = ()=>{
         setIsHighlightMenuOpen(false);
@@ -6975,9 +6877,11 @@ const $db92fac48417791a$var$HighlightButton = ()=>{
         (0, $3Sbms$hotjarbrowser).event("youtubeClick");
     };
     const onLinkshareClick = ()=>{
-        setIsHighlightMenuOpen(false);
-        setIsLinksharePopupVisible(true);
-        (0, $3Sbms$hotjarbrowser).event("linkshareClick");
+        if (permissions.find((permission)=>permission === "share_link")) {
+            setIsHighlightMenuOpen(false);
+            setIsLinksharePopupVisible(true);
+            (0, $3Sbms$hotjarbrowser).event("linkshareClick");
+        } else setBlockedFeaturePopupOpen(true);
     };
     const menuCategories = [
         {
@@ -7550,6 +7454,16 @@ const $910dd7d7d872a463$var$Checkmark = ()=>/*#__PURE__*/ (0, $3Sbms$jsx)("svg",
             fill: "#fff"
         })
     });
+const $910dd7d7d872a463$export$f8e32eb727ccae99 = ()=>/*#__PURE__*/ (0, $3Sbms$jsx)("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "17",
+        height: "18",
+        fill: "none",
+        children: /*#__PURE__*/ (0, $3Sbms$jsx)("path", {
+            fill: "#fff",
+            d: "M10.767 6.325 7.192 9.908 5.817 8.533a.833.833 0 1 0-1.175 1.175L6.6 11.675a.831.831 0 0 0 .592.241.833.833 0 0 0 .583-.241l4.166-4.167a.833.833 0 1 0-1.175-1.183ZM8.5.667a8.333 8.333 0 1 0 0 16.666A8.333 8.333 0 0 0 8.5.667Zm0 15a6.667 6.667 0 1 1 0-13.334 6.667 6.667 0 0 1 0 13.333Z"
+        })
+    });
 var $910dd7d7d872a463$export$2e2bcd8739ae039 = $910dd7d7d872a463$var$Checkmark;
 
 
@@ -8701,6 +8615,20 @@ const $554f3984e3212196$export$5e3f251c730829 = (0, $3Sbms$styledcomponents).div
 
 
 
+
+function $5004d610b358fe2c$export$bc98e171e8c82a3d(title) {
+    (0, $3Sbms$useEffect)(()=>{
+        const prevTitle = document.title;
+        if (title) document.title = title;
+        return ()=>{
+            document.title = prevTitle;
+        };
+    }, [
+        title
+    ]);
+}
+
+
 const $98933bbc579a3e66$export$a1eac7fdbc2db4af = "linkshare_sent";
 const $98933bbc579a3e66$var$sendLinkNotification = (data, t)=>{
     let notificationStatusText = new URL(data.url).hostname;
@@ -8724,7 +8652,7 @@ const $98933bbc579a3e66$var$sendLinkNotification = (data, t)=>{
             }
         },
         ellipsis: true,
-        duration: 10000
+        duration: 15000
     });
     (0, $f81bfa56534026c2$export$e9785ae652b3a722)({
         title: data.title,
@@ -8766,22 +8694,45 @@ const $98933bbc579a3e66$var$LinksharePopup = ()=>{
     const themeContext = (0, $3Sbms$useContext)((0, $3Sbms$ThemeContext));
     const linksharePopupRef = (0, $3Sbms$useRef)(null);
     const linkshareInputRef = (0, $3Sbms$useRef)(null);
+    const [pendingShareLink, setPendingShareLink] = (0, $3Sbms$useState)([]);
+    const [title, setTitle] = (0, $3Sbms$useState)();
     const [linkshareInputValue, setLinkshareInputValue] = (0, $3Sbms$useState)("");
     const [errorMessage, setErrorMessage] = (0, $3Sbms$useState)(null);
     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)();
+    (0, $5004d610b358fe2c$export$bc98e171e8c82a3d)(title);
     const desktop = orientation === "landscape";
+    const onVisibilitychange = (0, $3Sbms$useCallback)(()=>{
+        if (!document.hidden) {
+            pendingShareLink.forEach((data)=>{
+                $98933bbc579a3e66$var$sendLinkNotification(data, t);
+            });
+            setPendingShareLink([]);
+            setTitle(undefined);
+        }
+    }, [
+        pendingShareLink,
+        t
+    ]);
     const onCustomMessage = (0, $3Sbms$useCallback)((event)=>{
         const { type: type , data: data  } = event.detail.event;
-        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, t);
-        }
+        const sender = streams.find((stream)=>stream.id === event.detail?.peerId);
+        if (type === $98933bbc579a3e66$export$a1eac7fdbc2db4af) {
+            if (!document.hidden) $98933bbc579a3e66$var$sendLinkNotification(data, t);
+            else {
+                const name = sender?.profile.name?.toLowerCase() !== "user" ? sender?.profile.name : undefined;
+                setPendingShareLink([
+                    ...pendingShareLink,
+                    data
+                ]);
+                setTitle(`${name || "Someone"} shared a link`);
+            }
+        } else if (type === "paypal_invoice") $98933bbc579a3e66$var$sendPaypalInvoiceNotification(sender?.profile?.name, data.url, t);
     }, [
         streams,
-        t
+        t,
+        pendingShareLink
     ]);
     const onShareClick = async (event)=>{
         event.preventDefault();
@@ -8836,12 +8787,15 @@ const $98933bbc579a3e66$var$LinksharePopup = ()=>{
     };
     const onCloseClick = ()=>setIsLinksharePopupVisible(false);
     (0, $3Sbms$useEffect)(()=>{
+        window.addEventListener("visibilitychange", onVisibilitychange);
         (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("customMessage", onCustomMessage);
         return ()=>{
+            window.removeEventListener("visibilitychange", onVisibilitychange);
             (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("customMessage", onCustomMessage);
         };
     }, [
-        onCustomMessage
+        onCustomMessage,
+        onVisibilitychange
     ]);
     const onPopupTransitionEnd = ()=>{
         if (isLinksharePopupVisible) linkshareInputRef.current?.focus();
@@ -9235,6 +9189,170 @@ var $d493afe60dcea711$export$2e2bcd8739ae039 = $d493afe60dcea711$var$VirtualBack
 
 
 
+
+
+const $3a1d149ac4596979$var$modalHeight = (desktop)=>desktop ? "225px" : "237px";
+const $3a1d149ac4596979$export$6e1d6efa4a5a1be4 = (0, $3Sbms$styledcomponents).div`
+  position: absolute;
+  width: 100%;
+  bottom: ${(props)=>props.open ? 0 : `-${$3a1d149ac4596979$var$modalHeight(props.desktop)}`};
+  transition: all 0.4s;
+
+  ${(props)=>{
+    if (props.desktop) return (0, $3Sbms$css)`
+        bottom: ${props.open ? 0 : `calc(-${$3a1d149ac4596979$var$modalHeight(props.desktop)} - (100vh / 2))`};
+        height: 100%;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+      `;
+}}
+`;
+const $3a1d149ac4596979$export$ed7a64955cfa5a69 = (0, $3Sbms$styledcomponents).div`
+  display: flex;
+  flex-direction: column;
+  width: ${(props)=>props.desktop ? "375px" : "100%"};
+  height: ${({ desktop: desktop  })=>$3a1d149ac4596979$var$modalHeight(desktop)};
+  max-height: 100vh;
+  background-color: ${(props)=>props.theme.popupBackgroundPrimaryColor};
+  color: ${(props)=>props.theme.popupTitleColor};
+  border-radius: ${(props)=>props.desktop ? "20px" : "20px 20px 0 0"};
+  box-sizing: border-box;
+`;
+const $3a1d149ac4596979$export$6334857f32bd1136 = (0, $3Sbms$styledcomponents).div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  border-bottom: 2px solid #f7f7f7;
+`;
+const $3a1d149ac4596979$export$a27d59de3a7a8b8e = (0, $3Sbms$styledcomponents).div`
+  display: flex;
+  align-items: center;
+  margin: 16px auto 16px 16px;
+`;
+const $3a1d149ac4596979$export$47ef2d2839b7d95a = (0, $3Sbms$styledcomponents).div`
+  font-family: 'Lato';
+  font-style: normal;
+  font-weight: 600;
+  font-size: 18px;
+  line-height: 22px;
+  letter-spacing: -0.02em;
+`;
+const $3a1d149ac4596979$export$219c8e53e235e8b7 = (0, $3Sbms$styledcomponents).button`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border: none;
+  background-color: ${(props)=>props.theme.popupBackgroundSecondaryColor};
+  border-radius: 50%;
+  height: 30px;
+  width: 30px;
+  padding: 0;
+  margin: 16px 16px 16px auto;
+
+  svg {
+    height: 15px;
+    width: 15px;
+
+    path {
+      fill: #000;
+    }
+  }
+`;
+const $3a1d149ac4596979$export$5197cd1b80f9682b = (0, $3Sbms$styledcomponents).div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 12px;
+  color: #2d2d2d;
+  margin: 16px 32px auto 32px;
+  font-family: 'Lato';
+  font-style: normal;
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 19px;
+  text-align: left;
+  letter-spacing: -0.02em;
+`;
+const $3a1d149ac4596979$export$5f79cadb3a637092 = (0, $3Sbms$styledcomponents).button`
+  background-color: ${({ theme: theme  })=>theme.primaryColor};
+  padding: 8px 18px;
+  height: 46px;
+  max-width: 100%;
+  border-radius: 15px;
+  margin: 20px 32px 20px 32px;
+  border: none;
+  color: #fff;
+  font-size: 16px;
+  font-weight: 700;
+  line-height: 18px;
+
+  span {
+    display: flex;
+    flex-direction: row;
+    gap: 5px;
+    alig-items: center;
+    justify-content: center;
+  }
+`;
+
+
+
+
+
+
+
+const $7d1b559f928daf1f$var$BlockedFeaturePopup = ()=>{
+    const { t: t  } = (0, $3Sbms$useTranslation)();
+    const { isBlockedFeaturePopupOpen: isBlockedFeaturePopupOpen , setBlockedFeaturePopupOpen: setBlockedFeaturePopupOpen , orientation: orientation , isAgent: isAgent  } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
+    const popupRef = (0, $3Sbms$useRef)(null);
+    const desktop = orientation === "landscape";
+    (0, $e1413aacdaa5a03e$export$71b2224f1ce5e08e)(popupRef, ()=>{
+        if (isBlockedFeaturePopupOpen) setBlockedFeaturePopupOpen(false);
+    });
+    return /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3a1d149ac4596979$export$6e1d6efa4a5a1be4), {
+        open: isBlockedFeaturePopupOpen,
+        desktop: desktop,
+        children: /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $3a1d149ac4596979$export$ed7a64955cfa5a69), {
+            ref: popupRef,
+            desktop: desktop,
+            children: [
+                /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $3a1d149ac4596979$export$6334857f32bd1136), {
+                    children: [
+                        /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3a1d149ac4596979$export$a27d59de3a7a8b8e), {
+                            children: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3a1d149ac4596979$export$47ef2d2839b7d95a), {
+                                children: isAgent && t("blockedFeature.titleConnected") || t("blockedFeature.titleGuest")
+                            })
+                        }),
+                        /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3a1d149ac4596979$export$219c8e53e235e8b7), {
+                            onClick: ()=>setBlockedFeaturePopupOpen(false),
+                            children: /*#__PURE__*/ (0, $3Sbms$jsx)((0, $57ab7b9a012d9acd$export$2e2bcd8739ae039), {})
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3a1d149ac4596979$export$5197cd1b80f9682b), {
+                    children: isAgent && t("blockedFeature.descriptionConnected") || t("blockedFeature.descriptionGuest")
+                }),
+                /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3a1d149ac4596979$export$5f79cadb3a637092), {
+                    onClick: ()=>{
+                        setBlockedFeaturePopupOpen(false);
+                        if (isAgent) window.open(`${"https://app.snapcall.io"}/settings/workspace/plans-invoices`, "_blank");
+                    },
+                    children: /*#__PURE__*/ (0, $3Sbms$jsxs)("span", {
+                        children: [
+                            isAgent && /*#__PURE__*/ (0, $3Sbms$jsx)((0, $910dd7d7d872a463$export$f8e32eb727ccae99), {}),
+                            isAgent && t("blockedFeature.dismissConnected") || t("blockedFeature.dismissGuest")
+                        ]
+                    })
+                })
+            ]
+        })
+    });
+};
+var $7d1b559f928daf1f$export$2e2bcd8739ae039 = $7d1b559f928daf1f$var$BlockedFeaturePopup;
+
+
+
 const $e1c48a389d8ac959$export$8376625f8bb18347 = (0, $3Sbms$styledcomponents).div`
   position: absolute;
   width: 100%;
@@ -9247,8 +9365,8 @@ const $e1c48a389d8ac959$export$8376625f8bb18347 = (0, $3Sbms$styledcomponents).d
 
 
 const $01986a58bfba8001$var$Settings = ()=>{
-    const { isQuickConnectPopupVisible: isQuickConnectPopupVisible , isSettingsMenuVisible: isSettingsMenuVisible , isYoutubePopupVisible: isYoutubePopupVisible , isLinksharePopupVisible: isLinksharePopupVisible , isVirtualBackgroundPopupVisible: isVirtualBackgroundPopupVisible ,  } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
-    const open = isQuickConnectPopupVisible || isSettingsMenuVisible || isYoutubePopupVisible || isLinksharePopupVisible || isVirtualBackgroundPopupVisible;
+    const { isQuickConnectPopupVisible: isQuickConnectPopupVisible , isSettingsMenuVisible: isSettingsMenuVisible , isYoutubePopupVisible: isYoutubePopupVisible , isLinksharePopupVisible: isLinksharePopupVisible , isVirtualBackgroundPopupVisible: isVirtualBackgroundPopupVisible , isBlockedFeaturePopupOpen: isBlockedFeaturePopupOpen ,  } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
+    const open = isQuickConnectPopupVisible || isSettingsMenuVisible || isYoutubePopupVisible || isBlockedFeaturePopupOpen || isLinksharePopupVisible || isVirtualBackgroundPopupVisible;
     return /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $e1c48a389d8ac959$export$8376625f8bb18347), {
         open: open,
         children: [
@@ -9256,7 +9374,8 @@ const $01986a58bfba8001$var$Settings = ()=>{
             /*#__PURE__*/ (0, $3Sbms$jsx)((0, $c11e4c21ca692a16$export$2e2bcd8739ae039), {}),
             /*#__PURE__*/ (0, $3Sbms$jsx)((0, $49372cd9190da903$export$2e2bcd8739ae039), {}),
             /*#__PURE__*/ (0, $3Sbms$jsx)((0, $98933bbc579a3e66$export$2e2bcd8739ae039), {}),
-            /*#__PURE__*/ (0, $3Sbms$jsx)((0, $d493afe60dcea711$export$2e2bcd8739ae039), {})
+            /*#__PURE__*/ (0, $3Sbms$jsx)((0, $d493afe60dcea711$export$2e2bcd8739ae039), {}),
+            /*#__PURE__*/ (0, $3Sbms$jsx)((0, $7d1b559f928daf1f$export$2e2bcd8739ae039), {})
         ]
     });
 };
@@ -9357,10 +9476,12 @@ var $df41bfe6da05853a$export$2e2bcd8739ae039 = $df41bfe6da05853a$var$EndView;
 
 
 
+
 const $805d92fa41e6e1b0$var$connected = new Audio("https://cdn.snapcall.io/stream/connected.mp3");
 const $805d92fa41e6e1b0$var$disconnected = new Audio("https://cdn.snapcall.io/stream/disconnected.mp3");
 const $805d92fa41e6e1b0$var$userConnected = new Audio("https://cdn.snapcall.io/stream/user-connected.mp3");
 const $805d92fa41e6e1b0$var$userDisconnected = new Audio("https://cdn.snapcall.io/stream/user-disconnected.mp3");
+const $805d92fa41e6e1b0$var$linkReceived = new Audio("https://cdn.snapcall.io/stream/link-received.mp3");
 const $805d92fa41e6e1b0$var$Sounds = ()=>{
     const { userInteractionTriggered: userInteractionTriggered  } = (0, $3Sbms$useContext)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039));
     const onEnterRoom = async ()=>{
@@ -9393,14 +9514,24 @@ const $805d92fa41e6e1b0$var$Sounds = ()=>{
             console.warn("Couldn't play disconnected sound");
         }
     };
+    const onCustomMessage = async (event)=>{
+        const { type: type  } = event.detail.event;
+        if (type === (0, $98933bbc579a3e66$export$a1eac7fdbc2db4af)) try {
+            await $805d92fa41e6e1b0$var$linkReceived.play();
+        } catch (disconnectedPlayError) {
+            console.warn("Couldn't play link-received sound");
+        }
+    };
     (0, $3Sbms$useEffect)(()=>{
         (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("newPeer", onNewPeer);
         (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("peerClosed", onPeerClosed);
         (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("leaveRoom", onLeaveRoom);
+        (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("customMessage", onCustomMessage);
         return ()=>{
             (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("newPeer", onNewPeer);
             (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("peerClosed", onPeerClosed);
             (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("leaveRoom", onLeaveRoom);
+            (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("customMessage", onCustomMessage);
         };
     }, []);
     (0, $3Sbms$useEffect)(()=>{
@@ -10138,6 +10269,9 @@ const $26ed036cbc17809a$var$StreamUI = ({ options: options  })=>{
     const [userInteractionTriggered, setUserInteractionTriggered] = (0, $3Sbms$useState)(false);
     const [containerWidth, containerHeight] = (0, $af23c74942bdcae7$export$2b86bedf890eab8)(streamUIContainerRef.current);
     const [isBlockedDevicesPopupOpen, setBlockedDevicesPopupOpen] = (0, $3Sbms$useState)(false);
+    const [isBlockedFeaturePopupOpen, setBlockedFeaturePopupOpen] = (0, $3Sbms$useState)(false);
+    const [permissions, setPermissions] = (0, $3Sbms$useState)([]);
+    const [plan, setPlan] = (0, $3Sbms$useState)(undefined);
     const orientation = (containerWidth || window.screen.width) > (containerHeight || window.screen.height) ? "landscape" : "portrait";
     const styledTheme = theme === "dark" ? (0, $52580db2e49cdd90$export$3e936a8db52a10a0) : (0, $52580db2e49cdd90$export$f30cb9bc4f736419);
     const onWebcamUpdate = (event)=>{
@@ -10266,6 +10400,9 @@ const $26ed036cbc17809a$var$StreamUI = ({ options: options  })=>{
     (0, $3Sbms$useEffect)(()=>{
         const onEnterRoom = async (event)=>{
             const peerId = event.detail.peerId;
+            setPlan(event.detail.plan);
+            setPermissions(event.detail.permissions);
+            console.log(event.detail.permissions);
             setSelfPeerId(peerId);
             try {
                 await (0, $15a01b611391c1e7$export$494039379563c94d)(options);
@@ -10284,6 +10421,8 @@ const $26ed036cbc17809a$var$StreamUI = ({ options: options  })=>{
     ]);
     return /*#__PURE__*/ (0, $3Sbms$jsx)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039).Provider, {
         value: {
+            plan: plan,
+            permissions: permissions,
             selfPeerId: selfPeerId,
             streamUIContainerRef: streamUIContainerRef,
             videosContainerRef: videosContainerRef,
@@ -10300,6 +10439,8 @@ const $26ed036cbc17809a$var$StreamUI = ({ options: options  })=>{
             setIsLinksharePopupVisible: setIsLinksharePopupVisible,
             isVirtualBackgroundPopupVisible: isVirtualBackgroundPopupVisible,
             setIsVirtualBackgroundPopupVisible: setIsVirtualBackgroundPopupVisible,
+            isBlockedFeaturePopupOpen: isBlockedFeaturePopupOpen,
+            setBlockedFeaturePopupOpen: setBlockedFeaturePopupOpen,
             theme: theme,
             setTheme: setTheme,
             language: language,
@@ -10833,7 +10974,8 @@ const $24075a5d702d64b3$export$3f94917203ab7078 = {
     getState: (0, $c9e496369b59be7a$export$2f377c2162fd02b2).getState.bind((0, $c9e496369b59be7a$export$2f377c2162fd02b2)),
     setProfile: (0, $c9e496369b59be7a$export$2f377c2162fd02b2).setProfile.bind((0, $c9e496369b59be7a$export$2f377c2162fd02b2)),
     /* Should not be documented */ setConfig: (0, $c9e496369b59be7a$export$2f377c2162fd02b2).setConfig.bind((0, $c9e496369b59be7a$export$2f377c2162fd02b2)),
-    setLogLevel: (level)=>(0, $0f65a9eaf4a1e910$export$2e2bcd8739ae039).setLogLevel(level)
+    setLogLevel: (level)=>(0, $0f65a9eaf4a1e910$export$2e2bcd8739ae039).setLogLevel(level),
+    getPermissions: ()=>(0, $c9e496369b59be7a$export$2f377c2162fd02b2).getPermissions()
 };
 window.streamUI = $24075a5d702d64b3$export$3f94917203ab7078;
 // Backward compatibility