@100mslive/roomkit-react 0.1.11-alpha.0 → 0.1.11-alpha.1

package/dist/index.js

@@ -61,7 +61,7 @@ import {
   theme,
   useBorderAudioLevel,
   useTheme
-} from "./chunk-VSALCLHF.js";
+} from "./chunk-Y4STTXFY.js";
 export {
   Accordion,
   AudioLevel,

package/dist/meta.cjs.json

@@ -4112,7 +4112,7 @@
       "format": "esm"
     },
     "src/Prebuilt/common/utils.js": {
-      "bytes": 4241,
+      "bytes": 4325,
       "imports": [
         {
           "path": "src/Prebuilt/common/constants.js",
@@ -9535,7 +9535,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/MwebLandscapePrompt.tsx": {
-      "bytes": 2466,
+      "bytes": 2625,
       "imports": [
         {
           "path": "react",
@@ -9577,6 +9577,11 @@
           "kind": "import-statement",
           "original": "../../Theme"
         },
+        {
+          "path": "src/Prebuilt/common/utils.js",
+          "kind": "import-statement",
+          "original": "../common/utils"
+        },
         {
           "path": "<define:process.env>",
           "kind": "import-statement",
@@ -10701,7 +10706,7 @@
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 1105668
+      "bytes": 1106049
     },
     "dist/index.cjs.js": {
       "imports": [
@@ -12985,7 +12990,7 @@
       "entryPoint": "src/index.ts",
       "inputs": {
         "<define:process.env>": {
-          "bytesInOutput": 18619
+          "bytesInOutput": 18606
         },
         "src/Theme/base.config.ts": {
           "bytesInOutput": 6104
@@ -13405,7 +13410,7 @@
           "bytesInOutput": 8156
         },
         "src/Prebuilt/common/utils.js": {
-          "bytesInOutput": 2815
+          "bytesInOutput": 2908
         },
         "src/Prebuilt/services/FeatureFlags.jsx": {
           "bytesInOutput": 1701
@@ -13762,7 +13767,7 @@
           "bytesInOutput": 2925
         },
         "src/Prebuilt/components/MwebLandscapePrompt.tsx": {
-          "bytesInOutput": 3069
+          "bytesInOutput": 3195
         },
         "src/Prebuilt/components/Toast/ToastConfig.jsx": {
           "bytesInOutput": 7487
@@ -13837,7 +13842,7 @@
           "bytesInOutput": 2930
         }
       },
-      "bytes": 900697
+      "bytes": 900903
     }
   }
 }

package/dist/meta.esbuild.json

@@ -4112,7 +4112,7 @@
       "format": "esm"
     },
     "src/Prebuilt/common/utils.js": {
-      "bytes": 4241,
+      "bytes": 4325,
       "imports": [
         {
           "path": "src/Prebuilt/common/constants.js",
@@ -9535,7 +9535,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/MwebLandscapePrompt.tsx": {
-      "bytes": 2466,
+      "bytes": 2625,
       "imports": [
         {
           "path": "react",
@@ -9577,6 +9577,11 @@
           "kind": "import-statement",
           "original": "../../Theme"
         },
+        {
+          "path": "src/Prebuilt/common/utils.js",
+          "kind": "import-statement",
+          "original": "../common/utils"
+        },
         {
           "path": "<define:process.env>",
           "kind": "import-statement",
@@ -10706,7 +10711,7 @@
     "dist/index.js": {
       "imports": [
         {
-          "path": "dist/chunk-VSALCLHF.js",
+          "path": "dist/chunk-Y4STTXFY.js",
           "kind": "import-statement"
         }
       ],
@@ -10778,16 +10783,16 @@
       "inputs": {},
       "bytes": 1798
     },
-    "dist/HLSView-TEG6Y6WL.js.map": {
+    "dist/HLSView-ZGRQ5DG4.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
       "bytes": 53119
     },
-    "dist/HLSView-TEG6Y6WL.js": {
+    "dist/HLSView-ZGRQ5DG4.js": {
       "imports": [
         {
-          "path": "dist/chunk-VSALCLHF.js",
+          "path": "dist/chunk-Y4STTXFY.js",
           "kind": "import-statement"
         },
         {
@@ -10938,13 +10943,13 @@
       },
       "bytes": 32956
     },
-    "dist/chunk-VSALCLHF.js.map": {
+    "dist/chunk-Y4STTXFY.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 1042977
+      "bytes": 1043326
     },
-    "dist/chunk-VSALCLHF.js": {
+    "dist/chunk-Y4STTXFY.js": {
       "imports": [
         {
           "path": "react",
@@ -12837,7 +12842,7 @@
           "external": true
         },
         {
-          "path": "dist/HLSView-TEG6Y6WL.js",
+          "path": "dist/HLSView-ZGRQ5DG4.js",
           "kind": "dynamic-import"
         },
         {
@@ -13201,7 +13206,7 @@
       ],
       "inputs": {
         "<define:process.env>": {
-          "bytesInOutput": 18512
+          "bytesInOutput": 18499
         },
         "src/Button/Button.tsx": {
           "bytesInOutput": 4304
@@ -13612,7 +13617,7 @@
           "bytesInOutput": 1733
         },
         "src/Prebuilt/common/utils.js": {
-          "bytesInOutput": 2303
+          "bytesInOutput": 2377
         },
         "src/Prebuilt/services/FeatureFlags.jsx": {
           "bytesInOutput": 1400
@@ -13909,7 +13914,7 @@
           "bytesInOutput": 464
         },
         "src/Prebuilt/components/MwebLandscapePrompt.tsx": {
-          "bytesInOutput": 2398
+          "bytesInOutput": 2489
         },
         "src/Prebuilt/components/Notifications/Notifications.tsx": {
           "bytesInOutput": 6988
@@ -13975,7 +13980,7 @@
           "bytesInOutput": 391
         }
       },
-      "bytes": 700259
+      "bytes": 700411
     }
   }
 }

package/package.json

@@ -10,7 +10,7 @@
     "prebuilt",
     "roomkit"
   ],
-  "version": "0.1.11-alpha.0",
+  "version": "0.1.11-alpha.1",
   "author": "100ms",
   "license": "MIT",
   "files": [
@@ -76,10 +76,10 @@
     "react": ">=17.0.2 <19.0.0"
   },
   "dependencies": {
-    "@100mslive/hls-player": "0.1.20-alpha.0",
-    "@100mslive/hms-virtual-background": "1.11.20-alpha.0",
-    "@100mslive/react-icons": "0.8.20-alpha.0",
-    "@100mslive/react-sdk": "0.8.20-alpha.0",
+    "@100mslive/hls-player": "0.1.20-alpha.1",
+    "@100mslive/hms-virtual-background": "1.11.20-alpha.1",
+    "@100mslive/react-icons": "0.8.20-alpha.1",
+    "@100mslive/react-sdk": "0.8.20-alpha.1",
     "@100mslive/types-prebuilt": "0.12.0",
     "@emoji-mart/data": "^1.0.6",
     "@emoji-mart/react": "^1.0.1",
@@ -114,5 +114,5 @@
     "uuid": "^8.3.2",
     "worker-timers": "^7.0.40"
   },
-  "gitHead": "a9b4d6c1bca655825e8fd4a8b07753912e213626"
+  "gitHead": "4f83c845def51e14e085f6ecab89d03479091d5d"
 }

package/src/Prebuilt/common/utils.js

@@ -135,3 +135,5 @@ export const calculateAvatarAndAttribBoxSize = (calculatedWidth, calculatedHeigh
 
   return [avatarSize, attribBoxSize];
 };
+
+export const isMobileUserAgent = /Mobi|Android|iPhone/i.test(navigator.userAgent);

package/src/Prebuilt/components/MwebLandscapePrompt.tsx

@@ -6,12 +6,19 @@ import { Box, Flex } from '../../Layout';
 import { Dialog } from '../../Modal';
 import { Text } from '../../Text';
 import { config as cssConfig } from '../../Theme';
+// @ts-ignore
+import { isMobileUserAgent } from '../common/utils';
 
 export const MwebLandscapePrompt = () => {
   const [showMwebLandscapePrompt, setShowMwebLandscapePrompt] = useState(false);
   const isLandscape = useMedia(cssConfig.media.ls);
 
   useEffect(() => {
+    if (!isMobileUserAgent) {
+      setShowMwebLandscapePrompt(false);
+      return;
+    }
+
     if (!window.screen?.orientation) {
       setShowMwebLandscapePrompt(isLandscape);
       return;