@snapcall/stream-ui 1.8.0 → 1.8.1

package/dist/stream-ui.esm.js

@@ -1190,7 +1190,7 @@ class $a2f0e3c29b11c88e$export$2e2bcd8739ae039 {
 
 
 const $0148b6fd862a22e8$var$log = new (0, $0f65a9eaf4a1e910$export$2e2bcd8739ae039)("MediaPipe");
-const $0148b6fd862a22e8$var$mediapipeUrl = "https://stream-assets.snapcall.io/v1.8.0";
+const $0148b6fd862a22e8$var$mediapipeUrl = "https://stream-assets.snapcall.io";
 let $0148b6fd862a22e8$var$selfieSegmentationInitialized = false;
 const $0148b6fd862a22e8$var$selfieSegmentation = new $3Sbms$SelfieSegmentation({
     locateFile: (file, prefix)=>{
@@ -6536,7 +6536,7 @@ 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 = streams.length < 1 && !highlightedTile && containerWidth > 0;
+    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",
@@ -6574,10 +6574,11 @@ const $cdab47bb8796991e$var$Video = ()=>{
     (0, $3Sbms$useEffect)(()=>{
         if (userInteractionTriggered) {
             if (options.controls?.microphone?.enabled) (0, $c9e496369b59be7a$export$2f377c2162fd02b2).enableMicrophone();
-            if (options.controls?.camera?.enabled) (0, $c9e496369b59be7a$export$2f377c2162fd02b2).enableVideo();
+            if (options.controls?.camera?.enabled && !options.audioTiles) (0, $c9e496369b59be7a$export$2f377c2162fd02b2).enableVideo();
         }
     }, [
         options.controls,
+        options.audioTiles,
         userInteractionTriggered
     ]);
     (0, $3Sbms$useEffect)(()=>{
@@ -9095,38 +9096,38 @@ const $d493afe60dcea711$var$backgroundOptions = [
     {
         title: "Blue",
         id: "background-blue",
-        iconUrl: `${"https://stream-assets.snapcall.io/v1.8.0"}/backgrounds/blue_background_icon.png`,
-        value: `${"https://stream-assets.snapcall.io/v1.8.0"}/backgrounds/blue_background.png`
+        iconUrl: `${"https://stream-assets.snapcall.io"}/backgrounds/blue_background_icon.png`,
+        value: `${"https://stream-assets.snapcall.io"}/backgrounds/blue_background.png`
     },
     {
         title: "Cold",
         id: "background-cold",
-        iconUrl: `${"https://stream-assets.snapcall.io/v1.8.0"}/backgrounds/cold_background_icon.png`,
-        value: `${"https://stream-assets.snapcall.io/v1.8.0"}/backgrounds/cold_background.png`
+        iconUrl: `${"https://stream-assets.snapcall.io"}/backgrounds/cold_background_icon.png`,
+        value: `${"https://stream-assets.snapcall.io"}/backgrounds/cold_background.png`
     },
     {
         title: "Bricks",
         id: "background-bricks",
-        iconUrl: `${"https://stream-assets.snapcall.io/v1.8.0"}/backgrounds/bricks_background_icon.png`,
-        value: `${"https://stream-assets.snapcall.io/v1.8.0"}/backgrounds/bricks_background.png`
+        iconUrl: `${"https://stream-assets.snapcall.io"}/backgrounds/bricks_background_icon.png`,
+        value: `${"https://stream-assets.snapcall.io"}/backgrounds/bricks_background.png`
     },
     {
         title: "White",
         id: "background-white",
-        iconUrl: `${"https://stream-assets.snapcall.io/v1.8.0"}/backgrounds/white_background_icon.png`,
-        value: `${"https://stream-assets.snapcall.io/v1.8.0"}/backgrounds/white_background.png`
+        iconUrl: `${"https://stream-assets.snapcall.io"}/backgrounds/white_background_icon.png`,
+        value: `${"https://stream-assets.snapcall.io"}/backgrounds/white_background.png`
     },
     {
         title: "Yellow",
         id: "background-yellow",
-        iconUrl: `${"https://stream-assets.snapcall.io/v1.8.0"}/backgrounds/yellow_background_icon.png`,
-        value: `${"https://stream-assets.snapcall.io/v1.8.0"}/backgrounds/yellow_background.png`
+        iconUrl: `${"https://stream-assets.snapcall.io"}/backgrounds/yellow_background_icon.png`,
+        value: `${"https://stream-assets.snapcall.io"}/backgrounds/yellow_background.png`
     },
     {
         title: "Warm",
         id: "background-warm",
-        iconUrl: `${"https://stream-assets.snapcall.io/v1.8.0"}/backgrounds/warm_background_icon.png`,
-        value: `${"https://stream-assets.snapcall.io/v1.8.0"}/backgrounds/warm_background.png`
+        iconUrl: `${"https://stream-assets.snapcall.io"}/backgrounds/warm_background_icon.png`,
+        value: `${"https://stream-assets.snapcall.io"}/backgrounds/warm_background.png`
     },
     {
         title: "None",
@@ -10024,7 +10025,7 @@ const $15a01b611391c1e7$export$716eeec86fd18da7 = ()=>{
     });
     $15a01b611391c1e7$var$mediaResult = undefined;
 };
-const $15a01b611391c1e7$export$494039379563c94d = async ()=>{
+const $15a01b611391c1e7$export$494039379563c94d = async (options)=>{
     try {
         const audioObject = new Audio($15a01b611391c1e7$var$audioURL);
         await audioObject.play();
@@ -10032,8 +10033,9 @@ const $15a01b611391c1e7$export$494039379563c94d = async ()=>{
         console.warn("User interaction is required, asking audio GUM");
         $15a01b611391c1e7$var$mediaResult = await navigator.mediaDevices.getUserMedia({
             audio: true,
-            video: true
+            video: !options.audioTiles
         });
+        $15a01b611391c1e7$var$mediaResult.getVideoTracks().forEach((track)=>track.stop());
     }
 };
 
@@ -10138,17 +10140,6 @@ const $26ed036cbc17809a$var$StreamUI = ({ options: options  })=>{
     const [isBlockedDevicesPopupOpen, setBlockedDevicesPopupOpen] = (0, $3Sbms$useState)(false);
     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 onEnterRoom = async (event)=>{
-        const peerId = event.detail.peerId;
-        setSelfPeerId(peerId);
-        try {
-            await (0, $15a01b611391c1e7$export$494039379563c94d)();
-            setUserInteractionTriggered(true);
-        } catch (userInteractionError) {
-            setBlockedDevicesPopupOpen(true);
-            console.error("User interaction trigger failed", userInteractionError);
-        }
-    };
     const onWebcamUpdate = (event)=>{
         if (event.type === "localVideoAvailable") setStreaming(true);
         else setStreaming(false);
@@ -10241,7 +10232,6 @@ const $26ed036cbc17809a$var$StreamUI = ({ options: options  })=>{
         language
     ]);
     (0, $3Sbms$useEffect)(()=>{
-        (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("enterRoom", onEnterRoom);
         (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("localVideoAvailable", onWebcamUpdate);
         (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("localVideoUnavailable", onWebcamUpdate);
         (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("screenshareEnabled", onScreenshareUpdate);
@@ -10257,7 +10247,6 @@ const $26ed036cbc17809a$var$StreamUI = ({ options: options  })=>{
         (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("agentIdentity", onAgentIdentity);
         (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("criticalError", onCriticalError);
         return ()=>{
-            (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("enterRoom", onEnterRoom);
             (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("localVideoAvailable", onWebcamUpdate);
             (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("localVideoUnavailable", onWebcamUpdate);
             (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("screenshareEnabled", onScreenshareUpdate);
@@ -10274,6 +10263,25 @@ const $26ed036cbc17809a$var$StreamUI = ({ options: options  })=>{
             (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("criticalError", onCriticalError);
         };
     }, []);
+    (0, $3Sbms$useEffect)(()=>{
+        const onEnterRoom = async (event)=>{
+            const peerId = event.detail.peerId;
+            setSelfPeerId(peerId);
+            try {
+                await (0, $15a01b611391c1e7$export$494039379563c94d)(options);
+                setUserInteractionTriggered(true);
+            } catch (userInteractionError) {
+                setBlockedDevicesPopupOpen(true);
+                console.error("User interaction trigger failed", userInteractionError);
+            }
+        };
+        (0, $c9e496369b59be7a$export$2f377c2162fd02b2).addEventListener("enterRoom", onEnterRoom);
+        return ()=>{
+            (0, $c9e496369b59be7a$export$2f377c2162fd02b2).removeEventListener("enterRoom", onEnterRoom);
+        };
+    }, [
+        options
+    ]);
     return /*#__PURE__*/ (0, $3Sbms$jsx)((0, $5f30d8bf4f04621e$export$2e2bcd8739ae039).Provider, {
         value: {
             selfPeerId: selfPeerId,
@@ -10661,7 +10669,7 @@ const $f8d57e3d223f5089$var$GreetingView = ({ onGreetingDone: onGreetingDone  })
     }, []);
     if (joining === true) return /*#__PURE__*/ (0, $3Sbms$jsx)((0, $35c6a4b506b7dc62$export$d4a1a815e49dfefd), {
         children: /*#__PURE__*/ (0, $3Sbms$jsx)("img", {
-            src: `${"https://stream-assets.snapcall.io/v1.8.0"}/animations/snapcall-logo-animation.gif`,
+            src: `${"https://stream-assets.snapcall.io"}/animations/snapcall-logo-animation.gif`,
             alt: "Snapcall logo animation",
             height: 40
         })

package/dist/stream-ui.js

@@ -1198,7 +1198,7 @@ class $a62e7f17be5cf3a0$export$2e2bcd8739ae039 {
 
 
 const $cb913ea078a876a6$var$log = new (0, $d0c6baf97675ab49$export$2e2bcd8739ae039)("MediaPipe");
-const $cb913ea078a876a6$var$mediapipeUrl = "https://stream-assets.snapcall.io/v1.8.0";
+const $cb913ea078a876a6$var$mediapipeUrl = "https://stream-assets.snapcall.io";
 let $cb913ea078a876a6$var$selfieSegmentationInitialized = false;
 const $cb913ea078a876a6$var$selfieSegmentation = new $jQDcL$mediapipeselfie_segmentation.SelfieSegmentation({
     locateFile: (file, prefix)=>{
@@ -6544,7 +6544,7 @@ const $88b23a8428e67b66$var$Video = ()=>{
     });
     const { streams: streams , highlightedTile: highlightedTile , dispatch: dispatch  } = (0, $3f6e908c45fcc5b3$export$b5633a7cfbe42d9f)();
     const [containerWidth, containerHeight] = (0, $56e1e7a85d8bf4bb$export$2b86bedf890eab8)(remoteTilesContainerRef.current);
-    const showInvitation = streams.length < 1 && !highlightedTile && containerWidth > 0;
+    const showInvitation = !options.audioTiles && streams.length < 1 && !highlightedTile && containerWidth > 0;
     (0, $jQDcL$react.useEffect)(()=>{
         if (options.GDPRDisclaimer) (0, $537dcc6df507dc4a$export$2e2bcd8739ae039)({
             message: "Para mejorar la calidad de nuestro servicio, esta llamada ser\xe1 grabada",
@@ -6582,10 +6582,11 @@ const $88b23a8428e67b66$var$Video = ()=>{
     (0, $jQDcL$react.useEffect)(()=>{
         if (userInteractionTriggered) {
             if (options.controls?.microphone?.enabled) (0, $c48c1ecc38fed4e9$export$2f377c2162fd02b2).enableMicrophone();
-            if (options.controls?.camera?.enabled) (0, $c48c1ecc38fed4e9$export$2f377c2162fd02b2).enableVideo();
+            if (options.controls?.camera?.enabled && !options.audioTiles) (0, $c48c1ecc38fed4e9$export$2f377c2162fd02b2).enableVideo();
         }
     }, [
         options.controls,
+        options.audioTiles,
         userInteractionTriggered
     ]);
     (0, $jQDcL$react.useEffect)(()=>{
@@ -9103,38 +9104,38 @@ const $8a52c9358bc52b86$var$backgroundOptions = [
     {
         title: "Blue",
         id: "background-blue",
-        iconUrl: `${"https://stream-assets.snapcall.io/v1.8.0"}/backgrounds/blue_background_icon.png`,
-        value: `${"https://stream-assets.snapcall.io/v1.8.0"}/backgrounds/blue_background.png`
+        iconUrl: `${"https://stream-assets.snapcall.io"}/backgrounds/blue_background_icon.png`,
+        value: `${"https://stream-assets.snapcall.io"}/backgrounds/blue_background.png`
     },
     {
         title: "Cold",
         id: "background-cold",
-        iconUrl: `${"https://stream-assets.snapcall.io/v1.8.0"}/backgrounds/cold_background_icon.png`,
-        value: `${"https://stream-assets.snapcall.io/v1.8.0"}/backgrounds/cold_background.png`
+        iconUrl: `${"https://stream-assets.snapcall.io"}/backgrounds/cold_background_icon.png`,
+        value: `${"https://stream-assets.snapcall.io"}/backgrounds/cold_background.png`
     },
     {
         title: "Bricks",
         id: "background-bricks",
-        iconUrl: `${"https://stream-assets.snapcall.io/v1.8.0"}/backgrounds/bricks_background_icon.png`,
-        value: `${"https://stream-assets.snapcall.io/v1.8.0"}/backgrounds/bricks_background.png`
+        iconUrl: `${"https://stream-assets.snapcall.io"}/backgrounds/bricks_background_icon.png`,
+        value: `${"https://stream-assets.snapcall.io"}/backgrounds/bricks_background.png`
     },
     {
         title: "White",
         id: "background-white",
-        iconUrl: `${"https://stream-assets.snapcall.io/v1.8.0"}/backgrounds/white_background_icon.png`,
-        value: `${"https://stream-assets.snapcall.io/v1.8.0"}/backgrounds/white_background.png`
+        iconUrl: `${"https://stream-assets.snapcall.io"}/backgrounds/white_background_icon.png`,
+        value: `${"https://stream-assets.snapcall.io"}/backgrounds/white_background.png`
     },
     {
         title: "Yellow",
         id: "background-yellow",
-        iconUrl: `${"https://stream-assets.snapcall.io/v1.8.0"}/backgrounds/yellow_background_icon.png`,
-        value: `${"https://stream-assets.snapcall.io/v1.8.0"}/backgrounds/yellow_background.png`
+        iconUrl: `${"https://stream-assets.snapcall.io"}/backgrounds/yellow_background_icon.png`,
+        value: `${"https://stream-assets.snapcall.io"}/backgrounds/yellow_background.png`
     },
     {
         title: "Warm",
         id: "background-warm",
-        iconUrl: `${"https://stream-assets.snapcall.io/v1.8.0"}/backgrounds/warm_background_icon.png`,
-        value: `${"https://stream-assets.snapcall.io/v1.8.0"}/backgrounds/warm_background.png`
+        iconUrl: `${"https://stream-assets.snapcall.io"}/backgrounds/warm_background_icon.png`,
+        value: `${"https://stream-assets.snapcall.io"}/backgrounds/warm_background.png`
     },
     {
         title: "None",
@@ -10032,7 +10033,7 @@ const $c3d5253d9d597eb5$export$716eeec86fd18da7 = ()=>{
     });
     $c3d5253d9d597eb5$var$mediaResult = undefined;
 };
-const $c3d5253d9d597eb5$export$494039379563c94d = async ()=>{
+const $c3d5253d9d597eb5$export$494039379563c94d = async (options)=>{
     try {
         const audioObject = new Audio($c3d5253d9d597eb5$var$audioURL);
         await audioObject.play();
@@ -10040,8 +10041,9 @@ const $c3d5253d9d597eb5$export$494039379563c94d = async ()=>{
         console.warn("User interaction is required, asking audio GUM");
         $c3d5253d9d597eb5$var$mediaResult = await navigator.mediaDevices.getUserMedia({
             audio: true,
-            video: true
+            video: !options.audioTiles
         });
+        $c3d5253d9d597eb5$var$mediaResult.getVideoTracks().forEach((track)=>track.stop());
     }
 };
 
@@ -10146,17 +10148,6 @@ const $ee8cb448c2c74888$var$StreamUI = ({ options: options  })=>{
     const [isBlockedDevicesPopupOpen, setBlockedDevicesPopupOpen] = (0, $jQDcL$react.useState)(false);
     const orientation = (containerWidth || window.screen.width) > (containerHeight || window.screen.height) ? "landscape" : "portrait";
     const styledTheme = theme === "dark" ? (0, $9295e87e6b93e693$export$3e936a8db52a10a0) : (0, $9295e87e6b93e693$export$f30cb9bc4f736419);
-    const onEnterRoom = async (event)=>{
-        const peerId = event.detail.peerId;
-        setSelfPeerId(peerId);
-        try {
-            await (0, $c3d5253d9d597eb5$export$494039379563c94d)();
-            setUserInteractionTriggered(true);
-        } catch (userInteractionError) {
-            setBlockedDevicesPopupOpen(true);
-            console.error("User interaction trigger failed", userInteractionError);
-        }
-    };
     const onWebcamUpdate = (event)=>{
         if (event.type === "localVideoAvailable") setStreaming(true);
         else setStreaming(false);
@@ -10249,7 +10240,6 @@ const $ee8cb448c2c74888$var$StreamUI = ({ options: options  })=>{
         language
     ]);
     (0, $jQDcL$react.useEffect)(()=>{
-        (0, $c48c1ecc38fed4e9$export$2f377c2162fd02b2).addEventListener("enterRoom", onEnterRoom);
         (0, $c48c1ecc38fed4e9$export$2f377c2162fd02b2).addEventListener("localVideoAvailable", onWebcamUpdate);
         (0, $c48c1ecc38fed4e9$export$2f377c2162fd02b2).addEventListener("localVideoUnavailable", onWebcamUpdate);
         (0, $c48c1ecc38fed4e9$export$2f377c2162fd02b2).addEventListener("screenshareEnabled", onScreenshareUpdate);
@@ -10265,7 +10255,6 @@ const $ee8cb448c2c74888$var$StreamUI = ({ options: options  })=>{
         (0, $c48c1ecc38fed4e9$export$2f377c2162fd02b2).addEventListener("agentIdentity", onAgentIdentity);
         (0, $c48c1ecc38fed4e9$export$2f377c2162fd02b2).addEventListener("criticalError", onCriticalError);
         return ()=>{
-            (0, $c48c1ecc38fed4e9$export$2f377c2162fd02b2).removeEventListener("enterRoom", onEnterRoom);
             (0, $c48c1ecc38fed4e9$export$2f377c2162fd02b2).removeEventListener("localVideoAvailable", onWebcamUpdate);
             (0, $c48c1ecc38fed4e9$export$2f377c2162fd02b2).removeEventListener("localVideoUnavailable", onWebcamUpdate);
             (0, $c48c1ecc38fed4e9$export$2f377c2162fd02b2).removeEventListener("screenshareEnabled", onScreenshareUpdate);
@@ -10282,6 +10271,25 @@ const $ee8cb448c2c74888$var$StreamUI = ({ options: options  })=>{
             (0, $c48c1ecc38fed4e9$export$2f377c2162fd02b2).removeEventListener("criticalError", onCriticalError);
         };
     }, []);
+    (0, $jQDcL$react.useEffect)(()=>{
+        const onEnterRoom = async (event)=>{
+            const peerId = event.detail.peerId;
+            setSelfPeerId(peerId);
+            try {
+                await (0, $c3d5253d9d597eb5$export$494039379563c94d)(options);
+                setUserInteractionTriggered(true);
+            } catch (userInteractionError) {
+                setBlockedDevicesPopupOpen(true);
+                console.error("User interaction trigger failed", userInteractionError);
+            }
+        };
+        (0, $c48c1ecc38fed4e9$export$2f377c2162fd02b2).addEventListener("enterRoom", onEnterRoom);
+        return ()=>{
+            (0, $c48c1ecc38fed4e9$export$2f377c2162fd02b2).removeEventListener("enterRoom", onEnterRoom);
+        };
+    }, [
+        options
+    ]);
     return /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $8b39f32976a7698a$export$2e2bcd8739ae039).Provider, {
         value: {
             selfPeerId: selfPeerId,
@@ -10669,7 +10677,7 @@ const $3305ca02e86dabd1$var$GreetingView = ({ onGreetingDone: onGreetingDone  })
     }, []);
     if (joining === true) return /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $5fd6e456b33aeaa7$export$d4a1a815e49dfefd), {
         children: /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)("img", {
-            src: `${"https://stream-assets.snapcall.io/v1.8.0"}/animations/snapcall-logo-animation.gif`,
+            src: `${"https://stream-assets.snapcall.io"}/animations/snapcall-logo-animation.gif`,
             alt: "Snapcall logo animation",
             height: 40
         })