@100mslive/roomkit-react 0.3.4 → 0.3.5-alpha.0

package/dist/meta.esbuild.json

@@ -373,7 +373,7 @@
       "format": "esm"
     },
     "src/Avatar/getAvatarBg.ts": {
-      "bytes": 956,
+      "bytes": 1055,
       "imports": [
         {
           "path": "<define:process.env>",
@@ -384,7 +384,7 @@
       "format": "esm"
     },
     "src/Avatar/Avatar.tsx": {
-      "bytes": 1429,
+      "bytes": 1413,
       "imports": [
         {
           "path": "react",
@@ -1323,7 +1323,7 @@
       "format": "esm"
     },
     "src/Stats/Stats.tsx": {
-      "bytes": 7818,
+      "bytes": 8227,
       "imports": [
         {
           "path": "react",
@@ -2332,7 +2332,7 @@
       "imports": []
     },
     "src/Prebuilt/components/AuthToken.jsx": {
-      "bytes": 4386,
+      "bytes": 4399,
       "imports": [
         {
           "path": "react",
@@ -2344,6 +2344,11 @@
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "ts-pattern",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "uuid",
           "kind": "import-statement",
@@ -4201,8 +4206,8 @@
       ],
       "format": "esm"
     },
-    "src/Prebuilt/components/hooks/useMetadata.jsx": {
-      "bytes": 1700,
+    "src/Prebuilt/components/hooks/useMetadata.tsx": {
+      "bytes": 1631,
       "imports": [
         {
           "path": "react",
@@ -4228,7 +4233,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/MoreSettings/SplitComponents/DesktopOptions.tsx": {
-      "bytes": 8195,
+      "bytes": 8205,
       "imports": [
         {
           "path": "react",
@@ -4321,7 +4326,7 @@
           "original": "../../hooks/useDropdownList"
         },
         {
-          "path": "src/Prebuilt/components/hooks/useMetadata.jsx",
+          "path": "src/Prebuilt/components/hooks/useMetadata.tsx",
           "kind": "import-statement",
           "original": "../../hooks/useMetadata"
         },
@@ -4691,7 +4696,7 @@
       "format": "cjs"
     },
     "../hms-video-store/dist/index.js": {
-      "bytes": 329218,
+      "bytes": 329600,
       "imports": [
         {
           "path": "../../node_modules/reselect/es/index.js",
@@ -5201,7 +5206,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/MoreSettings/SplitComponents/MwebOptions.tsx": {
-      "bytes": 13053,
+      "bytes": 12899,
       "imports": [
         {
           "path": "react",
@@ -5309,7 +5314,7 @@
           "original": "../../hooks/useDropdownList"
         },
         {
-          "path": "src/Prebuilt/components/hooks/useMetadata.jsx",
+          "path": "src/Prebuilt/components/hooks/useMetadata.tsx",
           "kind": "import-statement",
           "original": "../../hooks/useMetadata"
         },
@@ -5393,7 +5398,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/RaiseHand.tsx": {
-      "bytes": 798,
+      "bytes": 986,
       "imports": [
         {
           "path": "react",
@@ -5421,7 +5426,12 @@
           "original": "../IconButton"
         },
         {
-          "path": "src/Prebuilt/components/hooks/useMetadata.jsx",
+          "path": "src/Prebuilt/provider/roomLayoutProvider/hooks/useRoomLayoutScreen.ts",
+          "kind": "import-statement",
+          "original": "../provider/roomLayoutProvider/hooks/useRoomLayoutScreen"
+        },
+        {
+          "path": "src/Prebuilt/components/hooks/useMetadata.tsx",
           "kind": "import-statement",
           "original": "./hooks/useMetadata"
         },
@@ -6154,7 +6164,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Footer/ParticipantList.tsx": {
-      "bytes": 12459,
+      "bytes": 12936,
       "imports": [
         {
           "path": "react",
@@ -6337,7 +6347,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Footer/Footer.tsx": {
-      "bytes": 3967,
+      "bytes": 3777,
       "imports": [
         {
           "path": "react",
@@ -6359,11 +6369,6 @@
           "kind": "import-statement",
           "external": true
         },
-        {
-          "path": "@100mslive/react-sdk",
-          "kind": "import-statement",
-          "external": true
-        },
         {
           "path": "src/index.ts",
           "kind": "import-statement",
@@ -8243,7 +8248,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Chat/ChatFooter.tsx": {
-      "bytes": 10438,
+      "bytes": 10287,
       "imports": [
         {
           "path": "react",
@@ -8872,7 +8877,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Connection/TileConnection.tsx": {
-      "bytes": 2273,
+      "bytes": 2568,
       "imports": [
         {
           "path": "react",
@@ -9794,7 +9799,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/RoleChangeRequest/RoleChangeRequestModal.tsx": {
-      "bytes": 2958,
+      "bytes": 2927,
       "imports": [
         {
           "path": "react",
@@ -9827,7 +9832,7 @@
           "original": "../../provider/roomLayoutProvider/hooks/useRoomLayoutScreen"
         },
         {
-          "path": "src/Prebuilt/components/hooks/useMetadata.jsx",
+          "path": "src/Prebuilt/components/hooks/useMetadata.tsx",
           "kind": "import-statement",
           "original": "../hooks/useMetadata"
         },
@@ -11483,7 +11488,7 @@
       "format": "esm"
     },
     "src/Prebuilt/layouts/HLSView.jsx": {
-      "bytes": 28303,
+      "bytes": 28512,
       "imports": [
         {
           "path": "react",
@@ -11644,7 +11649,7 @@
       "format": "esm"
     },
     "src/Prebuilt/layouts/VideoStreamingSection.tsx": {
-      "bytes": 4278,
+      "bytes": 4499,
       "imports": [
         {
           "path": "react",
@@ -11934,7 +11939,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/PreviousRoleInMetadata.tsx": {
-      "bytes": 769,
+      "bytes": 738,
       "imports": [
         {
           "path": "react",
@@ -11947,7 +11952,7 @@
           "external": true
         },
         {
-          "path": "src/Prebuilt/components/hooks/useMetadata.jsx",
+          "path": "src/Prebuilt/components/hooks/useMetadata.tsx",
           "kind": "import-statement",
           "original": "./hooks/useMetadata"
         },
@@ -11960,7 +11965,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/ConferenceScreen.tsx": {
-      "bytes": 8259,
+      "bytes": 8106,
       "imports": [
         {
           "path": "react",
@@ -12236,7 +12241,7 @@
       "format": "esm"
     },
     "src/Prebuilt/AppStateContext.tsx": {
-      "bytes": 2655,
+      "bytes": 3129,
       "imports": [
         {
           "path": "react",
@@ -12248,6 +12253,11 @@
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "ts-pattern",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "@100mslive/react-sdk",
           "kind": "import-statement",
@@ -13319,7 +13329,7 @@
       "format": "esm"
     },
     "src/Prebuilt/App.tsx": {
-      "bytes": 10538,
+      "bytes": 10658,
       "imports": [
         {
           "path": "react",
@@ -13336,6 +13346,11 @@
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "ts-pattern",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "@100mslive/react-sdk",
           "kind": "import-statement",
@@ -13775,7 +13790,7 @@
     "dist/index.js": {
       "imports": [
         {
-          "path": "dist/chunk-JF6QG5V5.js",
+          "path": "dist/chunk-7O27GQEH.js",
           "kind": "import-statement"
         }
       ],
@@ -13848,16 +13863,16 @@
       "inputs": {},
       "bytes": 1822
     },
-    "dist/HLSView-6NEUUQBX.js.map": {
+    "dist/HLSView-GF23J3TJ.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 99220
+      "bytes": 99469
     },
-    "dist/HLSView-6NEUUQBX.js": {
+    "dist/HLSView-GF23J3TJ.js": {
       "imports": [
         {
-          "path": "dist/chunk-JF6QG5V5.js",
+          "path": "dist/chunk-7O27GQEH.js",
           "kind": "import-statement"
         },
         {
@@ -14037,7 +14052,7 @@
       "entryPoint": "src/Prebuilt/layouts/HLSView.jsx",
       "inputs": {
         "src/Prebuilt/layouts/HLSView.jsx": {
-          "bytesInOutput": 27641
+          "bytesInOutput": 27705
         },
         "src/Prebuilt/components/HlsStatsOverlay.jsx": {
           "bytesInOutput": 3521
@@ -14091,15 +14106,15 @@
           "bytesInOutput": 2101
         }
       },
-      "bytes": 61275
+      "bytes": 61339
     },
-    "dist/chunk-JF6QG5V5.js.map": {
+    "dist/chunk-7O27GQEH.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 3190624
+      "bytes": 3195440
     },
-    "dist/chunk-JF6QG5V5.js": {
+    "dist/chunk-7O27GQEH.js": {
       "imports": [
         {
           "path": "react",
@@ -14381,6 +14396,11 @@
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "ts-pattern",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "@100mslive/react-sdk",
           "kind": "import-statement",
@@ -14491,6 +14511,11 @@
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "ts-pattern",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "uuid",
           "kind": "import-statement",
@@ -14536,11 +14561,6 @@
           "kind": "import-statement",
           "external": true
         },
-        {
-          "path": "@100mslive/react-sdk",
-          "kind": "import-statement",
-          "external": true
-        },
         {
           "path": "react",
           "kind": "import-statement",
@@ -16487,7 +16507,7 @@
           "external": true
         },
         {
-          "path": "dist/HLSView-6NEUUQBX.js",
+          "path": "dist/HLSView-GF23J3TJ.js",
           "kind": "dynamic-import"
         },
         {
@@ -16600,6 +16620,11 @@
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "ts-pattern",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "@100mslive/react-sdk",
           "kind": "import-statement",
@@ -16963,25 +16988,25 @@
       ],
       "inputs": {
         "<define:process.env>": {
-          "bytesInOutput": 18142
+          "bytesInOutput": 18225
         },
         "../../node_modules/lodash/lodash.js": {
           "bytesInOutput": 224300
         },
         "../../node_modules/ua-parser-js/src/ua-parser.js": {
-          "bytesInOutput": 42475
+          "bytesInOutput": 42491
         },
         "../../node_modules/lodash.isequal/index.js": {
           "bytesInOutput": 26591
         },
         "../../node_modules/sdp/sdp.js": {
-          "bytesInOutput": 22288
+          "bytesInOutput": 22292
         },
         "../../node_modules/sdp-transform/lib/grammar.js": {
           "bytesInOutput": 16120
         },
         "../../node_modules/sdp-transform/lib/parser.js": {
-          "bytesInOutput": 3493
+          "bytesInOutput": 3497
         },
         "../../node_modules/sdp-transform/lib/writer.js": {
           "bytesInOutput": 3068
@@ -17047,10 +17072,10 @@
           "bytesInOutput": 27
         },
         "src/Avatar/Avatar.tsx": {
-          "bytesInOutput": 1267
+          "bytesInOutput": 1251
         },
         "src/Avatar/getAvatarBg.ts": {
-          "bytesInOutput": 875
+          "bytesInOutput": 904
         },
         "src/Divider/index.ts": {
           "bytesInOutput": 27
@@ -17158,10 +17183,10 @@
           "bytesInOutput": 27
         },
         "src/Stats/Stats.tsx": {
-          "bytesInOutput": 7819
+          "bytesInOutput": 8364
         },
         "src/Stats/formatBytes.ts": {
-          "bytesInOutput": 473
+          "bytesInOutput": 471
         },
         "src/Stats/StyledStats.tsx": {
           "bytesInOutput": 708
@@ -17215,7 +17240,7 @@
           "bytesInOutput": 887
         },
         "src/Prebuilt/App.tsx": {
-          "bytesInOutput": 7710
+          "bytesInOutput": 7828
         },
         "src/Prebuilt/components/AppData/AppData.tsx": {
           "bytesInOutput": 5383
@@ -17254,7 +17279,7 @@
           "bytesInOutput": 2499
         },
         "src/Prebuilt/components/AuthToken.jsx": {
-          "bytesInOutput": 3652
+          "bytesInOutput": 3650
         },
         "src/Prebuilt/AppContext.tsx": {
           "bytesInOutput": 577
@@ -17263,10 +17288,10 @@
           "bytesInOutput": 4698
         },
         "src/Prebuilt/components/ConferenceScreen.tsx": {
-          "bytesInOutput": 7373
+          "bytesInOutput": 7205
         },
         "src/Prebuilt/components/Footer/Footer.tsx": {
-          "bytesInOutput": 3350
+          "bytesInOutput": 3145
         },
         "src/Prebuilt/components/AudioVideoToggle.tsx": {
           "bytesInOutput": 10284
@@ -17341,7 +17366,7 @@
           "bytesInOutput": 472
         },
         "src/Prebuilt/components/MoreSettings/SplitComponents/DesktopOptions.tsx": {
-          "bytesInOutput": 6880
+          "bytesInOutput": 6919
         },
         "src/Prebuilt/components/PIP/index.jsx": {
           "bytesInOutput": 178
@@ -17371,7 +17396,7 @@
           "bytesInOutput": 7700
         },
         "src/Prebuilt/components/StatsForNerds.jsx": {
-          "bytesInOutput": 9844
+          "bytesInOutput": 9842
         },
         "src/Prebuilt/components/MoreSettings/BulkRoleChangeModal.jsx": {
           "bytesInOutput": 5008
@@ -17391,17 +17416,17 @@
         "src/Prebuilt/components/MoreSettings/constants.ts": {
           "bytesInOutput": 437
         },
-        "src/Prebuilt/components/hooks/useMetadata.jsx": {
-          "bytesInOutput": 1948
+        "src/Prebuilt/components/hooks/useMetadata.tsx": {
+          "bytesInOutput": 1826
         },
         "src/Prebuilt/components/MoreSettings/SplitComponents/MwebOptions.tsx": {
-          "bytesInOutput": 11042
+          "bytesInOutput": 10902
         },
         "src/Prebuilt/components/Header/StreamActions.tsx": {
           "bytesInOutput": 10031
         },
         "../hms-video-store/dist/index.js": {
-          "bytesInOutput": 48758
+          "bytesInOutput": 48907
         },
         "../../node_modules/reselect/es/index.js": {
           "bytesInOutput": 2537
@@ -17437,7 +17462,7 @@
           "bytesInOutput": 11868
         },
         "../../node_modules/webrtc-adapter/src/js/common_shim.js": {
-          "bytesInOutput": 12460
+          "bytesInOutput": 12465
         },
         "src/Prebuilt/components/Header/AdditionalRoomState.jsx": {
           "bytesInOutput": 6823
@@ -17464,7 +17489,7 @@
           "bytesInOutput": 658
         },
         "src/Prebuilt/components/RaiseHand.tsx": {
-          "bytesInOutput": 796
+          "bytesInOutput": 905
         },
         "src/Prebuilt/components/ScreenShareToggle.jsx": {
           "bytesInOutput": 1619
@@ -17503,7 +17528,7 @@
           "bytesInOutput": 1445
         },
         "src/Prebuilt/components/Footer/ParticipantList.tsx": {
-          "bytesInOutput": 11723
+          "bytesInOutput": 12180
         },
         "src/Prebuilt/components/Connection/ConnectionIndicator.tsx": {
           "bytesInOutput": 3749
@@ -17629,7 +17654,7 @@
           "bytesInOutput": 720
         },
         "src/Prebuilt/components/SidePaneTabs.tsx": {
-          "bytesInOutput": 7554
+          "bytesInOutput": 7557
         },
         "src/Prebuilt/components/Chat/Chat.tsx": {
           "bytesInOutput": 4926
@@ -17659,7 +17684,7 @@
           "bytesInOutput": 710
         },
         "src/Prebuilt/components/Chat/ChatFooter.tsx": {
-          "bytesInOutput": 9793
+          "bytesInOutput": 9627
         },
         "src/Prebuilt/components/Chat/ChatSelectorContainer.tsx": {
           "bytesInOutput": 5318
@@ -17695,7 +17720,7 @@
           "bytesInOutput": 6608
         },
         "src/Prebuilt/components/Connection/TileConnection.tsx": {
-          "bytesInOutput": 2062
+          "bytesInOutput": 2380
         },
         "src/Prebuilt/components/TileMenu/TileMenu.tsx": {
           "bytesInOutput": 4507
@@ -17737,7 +17762,7 @@
           "bytesInOutput": 2163
         },
         "src/Prebuilt/layouts/VideoStreamingSection.tsx": {
-          "bytesInOutput": 3388
+          "bytesInOutput": 3506
         },
         "src/Prebuilt/components/VideoLayouts/GridLayout.tsx": {
           "bytesInOutput": 4521
@@ -17758,7 +17783,7 @@
           "bytesInOutput": 1204
         },
         "src/Prebuilt/components/hooks/useTileLayout.tsx": {
-          "bytesInOutput": 3831
+          "bytesInOutput": 3834
         },
         "src/Prebuilt/components/VideoLayouts/RoleProminence.tsx": {
           "bytesInOutput": 2183
@@ -17833,7 +17858,7 @@
           "bytesInOutput": 2185
         },
         "src/Prebuilt/AppStateContext.tsx": {
-          "bytesInOutput": 2157
+          "bytesInOutput": 2554
         },
         "src/Prebuilt/components/hooks/useRedirectToLeave.tsx": {
           "bytesInOutput": 491
@@ -17845,7 +17870,7 @@
           "bytesInOutput": 27
         },
         "src/Prebuilt/components/Notifications/Notifications.tsx": {
-          "bytesInOutput": 7971
+          "bytesInOutput": 7974
         },
         "src/Prebuilt/components/Notifications/AutoplayBlockedModal.tsx": {
           "bytesInOutput": 1053
@@ -17923,7 +17948,7 @@
           "bytesInOutput": 651
         }
       },
-      "bytes": 1307574
+      "bytes": 1309155
     }
   }
 }

package/package.json

@@ -10,7 +10,7 @@
     "prebuilt",
     "roomkit"
   ],
-  "version": "0.3.4",
+  "version": "0.3.5-alpha.0",
   "author": "100ms",
   "license": "MIT",
   "repository": {
@@ -82,12 +82,12 @@
     "react": ">=17.0.2 <19.0.0"
   },
   "dependencies": {
-    "@100mslive/hls-player": "0.3.4",
+    "@100mslive/hls-player": "0.3.5-alpha.0",
     "@100mslive/hms-noise-cancellation": "0.0.1",
-    "@100mslive/hms-virtual-background": "1.13.4",
-    "@100mslive/react-icons": "0.10.4",
-    "@100mslive/react-sdk": "0.10.4",
-    "@100mslive/types-prebuilt": "0.12.7",
+    "@100mslive/hms-virtual-background": "1.13.5-alpha.0",
+    "@100mslive/react-icons": "0.10.5-alpha.0",
+    "@100mslive/react-sdk": "0.10.5-alpha.0",
+    "@100mslive/types-prebuilt": "0.12.8",
     "@emoji-mart/data": "^1.0.6",
     "@emoji-mart/react": "^1.0.1",
     "@radix-ui/react-accordion": "1.0.0",
@@ -122,5 +122,5 @@
     "uuid": "^8.3.2",
     "worker-timers": "^7.0.40"
   },
-  "gitHead": "7c3e871297668d3dc11759d88a888027967715ac"
+  "gitHead": "ff505981427628881b2c9c601640319966773bd2"
 }

package/src/Avatar/Avatar.tsx

@@ -47,14 +47,14 @@ type Props = VariantProps<typeof StyledAvatar> &
   };
 
 export const Avatar: React.FC<Props> = ({ name, css, ...props }) => {
-  const { initials } = getAvatarBg(name);
-  let { color } = getAvatarBg(name);
+  const info = getAvatarBg(name);
+  let { color } = info;
   if (!name) {
     color = '#7E47EB';
   }
   return (
     <StyledAvatar css={{ bg: color, ...css }} {...props}>
-      {initials || <PersonIcon height={40} width={40} />}
+      {info.initials || <PersonIcon height={40} width={40} />}
     </StyledAvatar>
   );
 };

package/src/Avatar/getAvatarBg.ts

@@ -2,13 +2,17 @@ const getInitials = (name: string | undefined) => {
   if (!name) {
     return undefined;
   } else {
-    return name
-      .trim()
-      .match(/(^\S\S?|\b\S)?/g)
-      ?.join('')
-      ?.match(/(^\S|\S$)?/g)
-      ?.join('')
-      .toUpperCase();
+    return (
+      name
+        .trim()
+        // remove non chars/digits
+        .replace(/[^a-zA-Z0-9]/g, '')
+        .match(/(^\S\S?|\b\S)?/g)
+        ?.join('')
+        ?.match(/(^\S|\S$)?/g)
+        ?.join('')
+        .toUpperCase()
+    );
   }
 };