@100mslive/roomkit-react 0.4.3-alpha.2 → 0.4.3-alpha.3

package/dist/meta.cjs.json

@@ -2369,7 +2369,7 @@
       "format": "esm"
     },
     "src/Prebuilt/AppContext.tsx": {
-      "bytes": 909,
+      "bytes": 881,
       "imports": [
         {
           "path": "react",
@@ -11311,7 +11311,7 @@
       ],
       "format": "esm"
     },
-    "../../../../../../../tmp/tmp-3260-PUBvZrZvdKvu/19cae6f743b3/tldraw.css": {
+    "../../../../../../../tmp/tmp-3267-GrJljmUNkgO6/19cd124ec212/tldraw.css": {
       "bytes": 80111,
       "imports": [
         {
@@ -11361,7 +11361,7 @@
         }
       ]
     },
-    "../../../../../../../tmp/tmp-3260-PUBvZrZvdKvu/19cae6f742e1/index.css": {
+    "../../../../../../../tmp/tmp-3267-GrJljmUNkgO6/19cd124ebc10/index.css": {
       "bytes": 597,
       "imports": [
         {
@@ -11370,7 +11370,7 @@
           "external": true
         },
         {
-          "path": "../../../../../../../tmp/tmp-3260-PUBvZrZvdKvu/19cae6f743b3/tldraw.css",
+          "path": "../../../../../../../tmp/tmp-3267-GrJljmUNkgO6/19cd124ec212/tldraw.css",
           "kind": "import-rule",
           "original": "@tldraw/tldraw/tldraw.css"
         }
@@ -11445,7 +11445,7 @@
           "original": "../../common/constants"
         },
         {
-          "path": "../../../../../../../tmp/tmp-3260-PUBvZrZvdKvu/19cae6f742e1/index.css",
+          "path": "../../../../../../../tmp/tmp-3267-GrJljmUNkgO6/19cd124ebc10/index.css",
           "kind": "import-statement",
           "original": "@100mslive/hms-whiteboard/index.css"
         },
@@ -12168,7 +12168,7 @@
       "format": "esm"
     },
     "src/Prebuilt/layouts/HLSView.jsx": {
-      "bytes": 30184,
+      "bytes": 28662,
       "imports": [
         {
           "path": "react",
@@ -12295,11 +12295,6 @@
           "kind": "import-statement",
           "original": "../../Tooltip"
         },
-        {
-          "path": "src/Prebuilt/AppContext.tsx",
-          "kind": "import-statement",
-          "original": "../AppContext"
-        },
         {
           "path": "src/Prebuilt/layouts/WaitingView.tsx",
           "kind": "import-statement",
@@ -14596,7 +14591,7 @@
       "format": "esm"
     },
     "src/Prebuilt/App.tsx": {
-      "bytes": 11117,
+      "bytes": 10920,
       "imports": [
         {
           "path": "react",
@@ -15714,7 +15709,7 @@
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 3698218
+      "bytes": 3695494
     },
     "dist/index.cjs.js": {
       "imports": [
@@ -19047,7 +19042,7 @@
       "cssBundle": "dist/index.cjs.css",
       "inputs": {
         "<define:process.env>": {
-          "bytesInOutput": 21789
+          "bytesInOutput": 21904
         },
         "../../node_modules/lodash/lodash.js": {
           "bytesInOutput": 225096
@@ -19326,7 +19321,7 @@
           "bytesInOutput": 925
         },
         "src/Prebuilt/App.tsx": {
-          "bytesInOutput": 8704
+          "bytesInOutput": 8536
         },
         "src/Prebuilt/components/AppData/AppData.tsx": {
           "bytesInOutput": 6918
@@ -19925,7 +19920,7 @@
         "src/Prebuilt/components/VideoLayouts/WhiteboardLayout.tsx": {
           "bytesInOutput": 3051
         },
-        "../../../../../../../tmp/tmp-3260-PUBvZrZvdKvu/19cae6f742e1/index.css": {
+        "../../../../../../../tmp/tmp-3267-GrJljmUNkgO6/19cd124ebc10/index.css": {
           "bytesInOutput": 0
         },
         "src/Prebuilt/common/PeersSorter.ts": {
@@ -19935,7 +19930,7 @@
           "bytesInOutput": 2922
         },
         "src/Prebuilt/layouts/HLSView.jsx": {
-          "bytesInOutput": 31534
+          "bytesInOutput": 30000
         },
         "src/Prebuilt/components/HlsStatsOverlay.jsx": {
           "bytesInOutput": 3395
@@ -20160,7 +20155,7 @@
           "bytesInOutput": 2777
         }
       },
-      "bytes": 1524778
+      "bytes": 1523191
     },
     "dist/index.cjs.css.map": {
       "imports": [],
@@ -20222,10 +20217,10 @@
         }
       ],
       "inputs": {
-        "../../../../../../../tmp/tmp-3260-PUBvZrZvdKvu/19cae6f743b3/tldraw.css": {
+        "../../../../../../../tmp/tmp-3267-GrJljmUNkgO6/19cd124ec212/tldraw.css": {
           "bytesInOutput": 75223
         },
-        "../../../../../../../tmp/tmp-3260-PUBvZrZvdKvu/19cae6f742e1/index.css": {
+        "../../../../../../../tmp/tmp-3267-GrJljmUNkgO6/19cd124ebc10/index.css": {
           "bytesInOutput": 401
         }
       },

package/dist/meta.esbuild.json

@@ -2369,7 +2369,7 @@
       "format": "esm"
     },
     "src/Prebuilt/AppContext.tsx": {
-      "bytes": 909,
+      "bytes": 881,
       "imports": [
         {
           "path": "react",
@@ -11311,7 +11311,7 @@
       ],
       "format": "esm"
     },
-    "../../../../../../../tmp/tmp-3260-F7uOIFgAcFyi/19cae6f743b2/tldraw.css": {
+    "../../../../../../../tmp/tmp-3267-a4cgp65ro622/19cd124ec843/tldraw.css": {
       "bytes": 80111,
       "imports": [
         {
@@ -11361,7 +11361,7 @@
         }
       ]
     },
-    "../../../../../../../tmp/tmp-3260-F7uOIFgAcFyi/19cae6f73df0/index.css": {
+    "../../../../../../../tmp/tmp-3267-a4cgp65ro622/19cd124ec181/index.css": {
       "bytes": 597,
       "imports": [
         {
@@ -11370,7 +11370,7 @@
           "external": true
         },
         {
-          "path": "../../../../../../../tmp/tmp-3260-F7uOIFgAcFyi/19cae6f743b2/tldraw.css",
+          "path": "../../../../../../../tmp/tmp-3267-a4cgp65ro622/19cd124ec843/tldraw.css",
           "kind": "import-rule",
           "original": "@tldraw/tldraw/tldraw.css"
         }
@@ -11445,7 +11445,7 @@
           "original": "../../common/constants"
         },
         {
-          "path": "../../../../../../../tmp/tmp-3260-F7uOIFgAcFyi/19cae6f73df0/index.css",
+          "path": "../../../../../../../tmp/tmp-3267-a4cgp65ro622/19cd124ec181/index.css",
           "kind": "import-statement",
           "original": "@100mslive/hms-whiteboard/index.css"
         },
@@ -12168,7 +12168,7 @@
       "format": "esm"
     },
     "src/Prebuilt/layouts/HLSView.jsx": {
-      "bytes": 30184,
+      "bytes": 28662,
       "imports": [
         {
           "path": "react",
@@ -12295,11 +12295,6 @@
           "kind": "import-statement",
           "original": "../../Tooltip"
         },
-        {
-          "path": "src/Prebuilt/AppContext.tsx",
-          "kind": "import-statement",
-          "original": "../AppContext"
-        },
         {
           "path": "src/Prebuilt/layouts/WaitingView.tsx",
           "kind": "import-statement",
@@ -14596,7 +14591,7 @@
       "format": "esm"
     },
     "src/Prebuilt/App.tsx": {
-      "bytes": 11117,
+      "bytes": 10920,
       "imports": [
         {
           "path": "react",
@@ -15714,7 +15709,7 @@
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 3738197
+      "bytes": 3735464
     },
     "dist/index.js": {
       "imports": [
@@ -19113,7 +19108,7 @@
       "cssBundle": "dist/index.css",
       "inputs": {
         "<define:process.env>": {
-          "bytesInOutput": 21789
+          "bytesInOutput": 21904
         },
         "../../node_modules/lodash/lodash.js": {
           "bytesInOutput": 225091
@@ -19392,7 +19387,7 @@
           "bytesInOutput": 887
         },
         "src/Prebuilt/App.tsx": {
-          "bytesInOutput": 8204
+          "bytesInOutput": 8036
         },
         "src/Prebuilt/components/AppData/AppData.tsx": {
           "bytesInOutput": 6633
@@ -19991,7 +19986,7 @@
         "src/Prebuilt/components/VideoLayouts/WhiteboardLayout.tsx": {
           "bytesInOutput": 2830
         },
-        "../../../../../../../tmp/tmp-3260-F7uOIFgAcFyi/19cae6f73df0/index.css": {
+        "../../../../../../../tmp/tmp-3267-a4cgp65ro622/19cd124ec181/index.css": {
           "bytesInOutput": 0
         },
         "src/Prebuilt/common/PeersSorter.ts": {
@@ -20001,7 +19996,7 @@
           "bytesInOutput": 2787
         },
         "src/Prebuilt/layouts/HLSView.jsx": {
-          "bytesInOutput": 29541
+          "bytesInOutput": 28045
         },
         "src/Prebuilt/components/HlsStatsOverlay.jsx": {
           "bytesInOutput": 3171
@@ -20226,7 +20221,7 @@
           "bytesInOutput": 2632
         }
       },
-      "bytes": 1469866
+      "bytes": 1468317
     },
     "dist/index.css.map": {
       "imports": [],
@@ -20288,10 +20283,10 @@
         }
       ],
       "inputs": {
-        "../../../../../../../tmp/tmp-3260-F7uOIFgAcFyi/19cae6f743b2/tldraw.css": {
+        "../../../../../../../tmp/tmp-3267-a4cgp65ro622/19cd124ec843/tldraw.css": {
           "bytesInOutput": 75223
         },
-        "../../../../../../../tmp/tmp-3260-F7uOIFgAcFyi/19cae6f73df0/index.css": {
+        "../../../../../../../tmp/tmp-3267-a4cgp65ro622/19cd124ec181/index.css": {
           "bytesInOutput": 401
         }
       },

package/package.json

@@ -10,7 +10,7 @@
     "prebuilt",
     "roomkit"
   ],
-  "version": "0.4.3-alpha.2",
+  "version": "0.4.3-alpha.3",
   "author": "100ms",
   "license": "MIT",
   "repository": {
@@ -63,12 +63,12 @@
     "react": ">=17.0.2 <19.0.0"
   },
   "dependencies": {
-    "@100mslive/hls-player": "0.4.3-alpha.2",
+    "@100mslive/hls-player": "0.4.3-alpha.3",
     "@100mslive/hms-noise-cancellation": "0.0.2",
-    "@100mslive/hms-virtual-background": "1.14.3-alpha.2",
-    "@100mslive/hms-whiteboard": "0.1.3-alpha.2",
-    "@100mslive/react-icons": "0.11.3-alpha.2",
-    "@100mslive/react-sdk": "0.11.3-alpha.2",
+    "@100mslive/hms-virtual-background": "1.14.3-alpha.3",
+    "@100mslive/hms-whiteboard": "0.1.3-alpha.3",
+    "@100mslive/react-icons": "0.11.3-alpha.3",
+    "@100mslive/react-sdk": "0.11.3-alpha.3",
     "@100mslive/types-prebuilt": "0.12.12",
     "@emoji-mart/data": "^1.0.6",
     "@emoji-mart/react": "^1.0.1",
@@ -105,5 +105,5 @@
     "uuid": "^8.3.2",
     "worker-timers": "^7.0.40"
   },
-  "gitHead": "b2be1a31b8d79a33a3e2f4f2475a483d68fdffbb"
+  "gitHead": "43ae4fb9ef619c492c010d185fe7200bd1e3fa45"
 }

package/src/Prebuilt/App.tsx

@@ -57,7 +57,6 @@ export type HMSPrebuiltOptions = {
   userId?: string;
   endpoints?: object;
   effectsSDKKey?: string;
-  managementToken?: string;
 };
 
 export type HMSPrebuiltProps = {
@@ -94,7 +93,7 @@ export const HMSPrebuilt = React.forwardRef<HMSPrebuiltRefType, HMSPrebuiltProps
       logo,
       typography,
       themes,
-      options: { userName = '', userId = '', endpoints, managementToken } = {},
+      options: { userName = '', userId = '', endpoints } = {},
       screens,
       leaveOnUnload = true,
       onLeave,
@@ -142,14 +141,12 @@ export const HMSPrebuilt = React.forwardRef<HMSPrebuiltRefType, HMSPrebuiltProps
           tokenByRoomCode: string;
           roomLayout: string;
           event: string;
-          passport: string;
         }
       | undefined;
     const tokenByRoomCodeEndpoint = endpointsObj?.tokenByRoomCode;
     const initEndpoint = endpointsObj?.init;
     const eventEndpoint = endpointsObj?.event;
     const roomLayoutEndpoint = endpointsObj?.roomLayout;
-    const passportEndpoint = endpointsObj?.passport;
 
     const overrideLayout: Partial<Layout> = {
       logo,
@@ -183,13 +180,11 @@ export const HMSPrebuilt = React.forwardRef<HMSPrebuiltRefType, HMSPrebuiltProps
             onJoin,
             userName,
             userId,
-            managementToken,
             endpoints: {
               tokenByRoomCode: tokenByRoomCodeEndpoint,
               init: initEndpoint,
               roomLayout: roomLayoutEndpoint,
               event: eventEndpoint,
-              passport: passportEndpoint,
             },
           }}
         >

package/src/Prebuilt/AppContext.tsx

@@ -8,7 +8,6 @@ type HMSPrebuiltContextType = {
   userId?: string;
   containerSelector: string;
   endpoints?: Record<string, string | undefined>;
-  managementToken?: string;
   onLeave?: () => void;
   onJoin?: () => void;
 };

package/src/Prebuilt/layouts/HLSView.jsx

@@ -34,7 +34,6 @@ import { Loading } from '../../Loading';
 import { Text } from '../../Text';
 import { config, theme, useTheme } from '../../Theme';
 import { Tooltip } from '../../Tooltip';
-import { useHMSPrebuiltContext } from '../AppContext';
 import { WaitingView } from './WaitingView';
 import { useSidepaneToggle } from '../components/AppData/useSidepane';
 import { useRoomLayoutConferencingScreen } from '../provider/roomLayoutProvider/hooks/useRoomLayoutScreen';
@@ -80,8 +79,6 @@ const HLSView = () => {
   const [streamEnded, setStreamEnded] = useState(false);
   let [hlsStatsState, setHlsStatsState] = useState(null);
   const hlsUrl = hlsState.variants[0]?.url;
-  const { endpoints, managementToken } = useHMSPrebuiltContext();
-  const [resolvedHlsUrl, setResolvedHlsUrl] = useState(null);
   const [availableLayers, setAvailableLayers] = useState([]);
   const [isVideoLive, setIsVideoLive] = useState(true);
   const [isCaptionEnabled, setIsCaptionEnabled] = useState(true);
@@ -95,7 +92,7 @@ const HLSView = () => {
   });
   const [isPaused, setIsPaused] = useState(false);
   const [show, toggle] = useToggle(false);
-  const lastHlsUrl = usePrevious(resolvedHlsUrl);
+  const lastHlsUrl = usePrevious(hlsUrl);
   const vanillaStore = useHMSVanillaStore();
   const [controlsVisible, setControlsVisible] = useState(true);
   const [isUserSelectedAuto, setIsUserSelectedAuto] = useState(true);
@@ -136,50 +133,6 @@ const HLSView = () => {
     }
   }, [hlsUrl, streamEnded, lastHlsUrl]);
 
-  // Fetch signed URL from passport-api for authenticated CDN streams
-  useEffect(() => {
-    if (!hlsUrl) {
-      setResolvedHlsUrl(null);
-      return;
-    }
-    if (!hlsUrl.includes('/s/')) {
-      setResolvedHlsUrl(hlsUrl);
-      return;
-    }
-    const passportEndpoint = endpoints?.passport;
-    if (!passportEndpoint || !managementToken) {
-      setResolvedHlsUrl(hlsUrl);
-      return;
-    }
-    let cancelled = false;
-    const fetchSignedUrl = async () => {
-      try {
-        const resp = await fetch(`${passportEndpoint}/token`, {
-          method: 'POST',
-          headers: {
-            'Content-Type': 'application/json',
-            Authorization: `Bearer ${managementToken}`,
-          },
-          body: JSON.stringify({ url: hlsUrl }),
-        });
-        if (!resp.ok) throw new Error(`passport-api returned ${resp.status}`);
-        const data = await resp.json();
-        if (!cancelled) {
-          setResolvedHlsUrl(data.tokenized_url || hlsUrl);
-        }
-      } catch (err) {
-        console.error('[HLSView] Failed to fetch signed URL from passport-api:', err);
-        if (!cancelled) {
-          setResolvedHlsUrl(hlsUrl);
-        }
-      }
-    };
-    fetchSignedUrl();
-    return () => {
-      cancelled = true;
-    };
-  }, [hlsUrl, endpoints?.passport, managementToken]);
-
   useEffect(() => {
     if (!notification) return;
     const toastID = toastMap?.[notification.data.id];
@@ -308,8 +261,8 @@ const HLSView = () => {
     };
 
     const handleAutoplayBlock = data => setIsHlsAutoplayBlocked(!!data);
-    if (videoEl && resolvedHlsUrl) {
-      hlsPlayer = new HMSHLSPlayer(resolvedHlsUrl, videoEl);
+    if (videoEl && hlsUrl) {
+      hlsPlayer = new HMSHLSPlayer(hlsUrl, videoEl);
       hlsPlayer.on(HMSHLSPlayerEvents.SEEK_POS_BEHIND_LIVE_EDGE, handleNoLongerLive);
       hlsPlayer.on(HMSHLSPlayerEvents.TIMED_METADATA_LOADED, metadataLoadedHandler);
       hlsPlayer.on(HMSHLSPlayerEvents.ERROR, handleError);
@@ -333,7 +286,7 @@ const HLSView = () => {
       };
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [resolvedHlsUrl, vanillaStore, hmsActions]);
+  }, [hlsUrl, vanillaStore, hmsActions]);
 
   /**
    * initialize and subscribe to hlsState