@100mslive/roomkit-react 0.2.6-alpha.6 → 0.2.6

package/dist/index.js

@@ -62,7 +62,7 @@ import {
   theme,
   useBorderAudioLevel,
   useTheme
-} from "./chunk-EMFS7SME.js";
+} from "./chunk-KUVM2TEZ.js";
 export {
   Accordion,
   AudioLevel,

package/dist/meta.cjs.json

@@ -4523,7 +4523,7 @@
       "format": "cjs"
     },
     "../hms-video-store/dist/index.js": {
-      "bytes": 322683,
+      "bytes": 322675,
       "imports": [
         {
           "path": "../../node_modules/reselect/es/index.js",
@@ -10741,7 +10741,7 @@
       "format": "esm"
     },
     "src/Prebuilt/layouts/HLSView.jsx": {
-      "bytes": 18115,
+      "bytes": 17554,
       "imports": [
         {
           "path": "react",
@@ -12790,7 +12790,7 @@
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 3168374
+      "bytes": 3167579
     },
     "dist/index.cjs.js": {
       "imports": [
@@ -15499,7 +15499,7 @@
       "entryPoint": "src/index.ts",
       "inputs": {
         "<define:process.env>": {
-          "bytesInOutput": 18178
+          "bytesInOutput": 18104
         },
         "src/Theme/base.config.ts": {
           "bytesInOutput": 6104
@@ -15979,7 +15979,7 @@
           "bytesInOutput": 615
         },
         "../hms-video-store/dist/index.js": {
-          "bytesInOutput": 53025
+          "bytesInOutput": 53017
         },
         "src/Prebuilt/components/hooks/usePlaylistMusic.js": {
           "bytesInOutput": 1384
@@ -16378,7 +16378,7 @@
           "bytesInOutput": 4598
         },
         "src/Prebuilt/layouts/HLSView.jsx": {
-          "bytesInOutput": 21671
+          "bytesInOutput": 21219
         },
         "src/Prebuilt/layouts/VideoStreamingSection.tsx": {
           "bytesInOutput": 4111
@@ -16507,7 +16507,7 @@
           "bytesInOutput": 2980
         }
       },
-      "bytes": 1489182
+      "bytes": 1488648
     }
   }
 }

package/dist/meta.esbuild.json

@@ -4523,7 +4523,7 @@
       "format": "cjs"
     },
     "../hms-video-store/dist/index.js": {
-      "bytes": 322683,
+      "bytes": 322675,
       "imports": [
         {
           "path": "../../node_modules/reselect/es/index.js",
@@ -10741,7 +10741,7 @@
       "format": "esm"
     },
     "src/Prebuilt/layouts/HLSView.jsx": {
-      "bytes": 18115,
+      "bytes": 17554,
       "imports": [
         {
           "path": "react",
@@ -12795,7 +12795,7 @@
     "dist/index.js": {
       "imports": [
         {
-          "path": "dist/chunk-EMFS7SME.js",
+          "path": "dist/chunk-KUVM2TEZ.js",
           "kind": "import-statement"
         }
       ],
@@ -12868,16 +12868,16 @@
       "inputs": {},
       "bytes": 1822
     },
-    "dist/HLSView-4B4DD2HF.js.map": {
+    "dist/HLSView-A5DVXKEU.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 59619
+      "bytes": 58854
     },
-    "dist/HLSView-4B4DD2HF.js": {
+    "dist/HLSView-A5DVXKEU.js": {
       "imports": [
         {
-          "path": "dist/chunk-EMFS7SME.js",
+          "path": "dist/chunk-KUVM2TEZ.js",
           "kind": "import-statement"
         },
         {
@@ -12997,7 +12997,7 @@
       "entryPoint": "src/Prebuilt/layouts/HLSView.jsx",
       "inputs": {
         "src/Prebuilt/layouts/HLSView.jsx": {
-          "bytesInOutput": 17725
+          "bytesInOutput": 17353
         },
         "src/Prebuilt/components/HlsStatsOverlay.jsx": {
           "bytesInOutput": 3521
@@ -13039,15 +13039,15 @@
           "bytesInOutput": 3992
         }
       },
-      "bytes": 37344
+      "bytes": 36972
     },
-    "dist/chunk-EMFS7SME.js.map": {
+    "dist/chunk-KUVM2TEZ.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 3104539
+      "bytes": 3104514
     },
-    "dist/chunk-EMFS7SME.js": {
+    "dist/chunk-KUVM2TEZ.js": {
       "imports": [
         {
           "path": "react",
@@ -15300,7 +15300,7 @@
           "external": true
         },
         {
-          "path": "dist/HLSView-4B4DD2HF.js",
+          "path": "dist/HLSView-A5DVXKEU.js",
           "kind": "dynamic-import"
         },
         {
@@ -15722,7 +15722,7 @@
       ],
       "inputs": {
         "<define:process.env>": {
-          "bytesInOutput": 18178
+          "bytesInOutput": 18104
         },
         "../../node_modules/lodash/lodash.js": {
           "bytesInOutput": 224267
@@ -16151,7 +16151,7 @@
           "bytesInOutput": 10019
         },
         "../hms-video-store/dist/index.js": {
-          "bytesInOutput": 48463
+          "bytesInOutput": 48455
         },
         "../../node_modules/reselect/es/index.js": {
           "bytesInOutput": 2537
@@ -16649,7 +16649,7 @@
           "bytesInOutput": 651
         }
       },
-      "bytes": 1266711
+      "bytes": 1266629
     }
   }
 }

package/package.json

@@ -10,7 +10,7 @@
     "prebuilt",
     "roomkit"
   ],
-  "version": "0.2.6-alpha.6",
+  "version": "0.2.6",
   "author": "100ms",
   "license": "MIT",
   "repository": {
@@ -82,10 +82,10 @@
     "react": ">=17.0.2 <19.0.0"
   },
   "dependencies": {
-    "@100mslive/hls-player": "0.2.6-alpha.6",
-    "@100mslive/hms-virtual-background": "1.12.6-alpha.6",
-    "@100mslive/react-icons": "0.9.6-alpha.6",
-    "@100mslive/react-sdk": "0.9.6-alpha.6",
+    "@100mslive/hls-player": "0.2.6",
+    "@100mslive/hms-virtual-background": "1.12.6",
+    "@100mslive/react-icons": "0.9.6",
+    "@100mslive/react-sdk": "0.9.6",
     "@100mslive/types-prebuilt": "0.12.6",
     "@emoji-mart/data": "^1.0.6",
     "@emoji-mart/react": "^1.0.1",
@@ -120,5 +120,5 @@
     "uuid": "^8.3.2",
     "worker-timers": "^7.0.40"
   },
-  "gitHead": "8ddd1423edf4da888a64da4f3ae1becbd5f11b62"
+  "gitHead": "928f9172a44fe6c47232ab84d2c991b04cd9f707"
 }

package/src/Prebuilt/layouts/HLSView.jsx

@@ -351,7 +351,6 @@ const HLSView = () => {
                 </IconButton>
               </Box>
             )}
-
             <Flex
               ref={controlsRef}
               direction="column"
@@ -371,90 +370,78 @@ const HLSView = () => {
               }}
             >
               {!isMobile && (
-                <Flex direction="column">
-                  <Box>
-                    {hlsPlayer && (
-                      <HMSVideoPlayer.Progress
-                        hlsPlayer={hlsPlayer}
-                        onValueChange={time => {
-                          hlsPlayer.seekTo(time);
-                        }}
-                      />
+                <HMSVideoPlayer.Controls.Root
+                  css={{
+                    p: '$4 $8',
+                  }}
+                >
+                  <HMSVideoPlayer.Controls.Left>
+                    <HMSVideoPlayer.PlayButton
+                      onClick={async () => {
+                        isPaused ? await hlsPlayer?.play() : hlsPlayer?.pause();
+                      }}
+                      isPaused={isPaused}
+                    />
+                    <HMSVideoPlayer.Duration hlsPlayer={hlsPlayer} />
+                    <HMSVideoPlayer.Volume hlsPlayer={hlsPlayer} />
+                    <IconButton
+                      variant="standard"
+                      css={{ px: '$2' }}
+                      onClick={async () => {
+                        await hlsPlayer.seekToLivePosition();
+                        setIsVideoLive(true);
+                      }}
+                      key="jump-to-live_btn"
+                      data-testid="jump-to-live_btn"
+                    >
+                      <Tooltip title="Go to Live" side="top">
+                        <Flex justify="center" gap={2} align="center">
+                          <Box
+                            css={{
+                              height: '$4',
+                              width: '$4',
+                              background: isVideoLive ? '$alert_error_default' : '$on_primary_medium',
+                              r: '$1',
+                            }}
+                          />
+                          <Text
+                            variant={{
+                              '@sm': 'xs',
+                            }}
+                            css={{
+                              c: isVideoLive ? '$on_surface_high' : '$on_surface_medium',
+                            }}
+                          >
+                            {isVideoLive ? 'LIVE' : 'GO LIVE'}
+                          </Text>
+                        </Flex>
+                      </Tooltip>
+                    </IconButton>
+                  </HMSVideoPlayer.Controls.Left>
+
+                  <HMSVideoPlayer.Controls.Right>
+                    {hasCaptions && (
+                      <HLSCaptionSelector onClick={() => hlsPlayer?.toggleCaption()} isEnabled={isCaptionEnabled} />
                     )}
-                  </Box>
-                  <HMSVideoPlayer.Controls.Root
-                    css={{
-                      p: '$4 $8',
-                    }}
-                  >
-                    <HMSVideoPlayer.Controls.Left>
-                      <HMSVideoPlayer.PlayButton
-                        onClick={async () => {
-                          isPaused ? await hlsPlayer?.play() : hlsPlayer?.pause();
-                        }}
-                        isPaused={isPaused}
+                    {availableLayers.length > 0 ? (
+                      <HLSQualitySelector
+                        layers={availableLayers}
+                        onOpen={setQualityDropDownOpen}
+                        open={qualityDropDownOpen}
+                        selection={currentSelectedQuality}
+                        onQualityChange={handleQuality}
+                        isAuto={isUserSelectedAuto}
                       />
-                      <HMSVideoPlayer.Duration hlsPlayer={hlsPlayer} />
-                      <HMSVideoPlayer.Volume hlsPlayer={hlsPlayer} />
-                      <IconButton
-                        variant="standard"
-                        css={{ px: '$2' }}
-                        onClick={async () => {
-                          await hlsPlayer.seekToLivePosition();
-                          setIsVideoLive(true);
-                        }}
-                        key="jump-to-live_btn"
-                        data-testid="jump-to-live_btn"
-                      >
-                        <Tooltip title="Go to Live" side="top">
-                          <Flex justify="center" gap={2} align="center">
-                            <Box
-                              css={{
-                                height: '$4',
-                                width: '$4',
-                                background: isVideoLive ? '$alert_error_default' : '$on_primary_medium',
-                                r: '$1',
-                              }}
-                            />
-                            <Text
-                              variant={{
-                                '@sm': 'xs',
-                              }}
-                              css={{
-                                c: isVideoLive ? '$on_surface_high' : '$on_surface_medium',
-                              }}
-                            >
-                              {isVideoLive ? 'LIVE' : 'GO LIVE'}
-                            </Text>
-                          </Flex>
-                        </Tooltip>
-                      </IconButton>
-                    </HMSVideoPlayer.Controls.Left>
-
-                    <HMSVideoPlayer.Controls.Right>
-                      {hasCaptions && (
-                        <HLSCaptionSelector onClick={() => hlsPlayer?.toggleCaption()} isEnabled={isCaptionEnabled} />
-                      )}
-                      {availableLayers.length > 0 ? (
-                        <HLSQualitySelector
-                          layers={availableLayers}
-                          onOpen={setQualityDropDownOpen}
-                          open={qualityDropDownOpen}
-                          selection={currentSelectedQuality}
-                          onQualityChange={handleQuality}
-                          isAuto={isUserSelectedAuto}
-                        />
-                      ) : null}
-                      {isFullScreenSupported ? (
-                        <FullScreenButton
-                          isFullScreen={isFullScreen}
-                          onToggle={toggle}
-                          icon={isFullScreen ? <ShrinkIcon /> : <ExpandIcon />}
-                        />
-                      ) : null}
-                    </HMSVideoPlayer.Controls.Right>
-                  </HMSVideoPlayer.Controls.Root>
-                </Flex>
+                    ) : null}
+                    {isFullScreenSupported ? (
+                      <FullScreenButton
+                        isFullScreen={isFullScreen}
+                        onToggle={toggle}
+                        icon={isFullScreen ? <ShrinkIcon /> : <ExpandIcon />}
+                      />
+                    ) : null}
+                  </HMSVideoPlayer.Controls.Right>
+                </HMSVideoPlayer.Controls.Root>
               )}
             </Flex>
           </HMSVideoPlayer.Root>