@100mslive/roomkit-react 0.3.2 → 0.3.3-alpha.1

package/dist/meta.esbuild.json

@@ -1323,7 +1323,7 @@
       "format": "esm"
     },
     "src/Stats/Stats.tsx": {
-      "bytes": 7823,
+      "bytes": 7818,
       "imports": [
         {
           "path": "react",
@@ -1558,7 +1558,7 @@
       "format": "esm"
     },
     "src/Accordion/Accordion.tsx": {
-      "bytes": 2744,
+      "bytes": 2819,
       "imports": [
         {
           "path": "react",
@@ -2153,7 +2153,7 @@
       "format": "esm"
     },
     "src/Prebuilt/common/utils.js": {
-      "bytes": 5891,
+      "bytes": 5892,
       "imports": [
         {
           "path": "src/Prebuilt/common/constants.ts",
@@ -4201,8 +4201,8 @@
       ],
       "format": "esm"
     },
-    "src/Prebuilt/components/hooks/useMetadata.jsx": {
-      "bytes": 1700,
+    "src/Prebuilt/components/hooks/useMetadata.tsx": {
+      "bytes": 1631,
       "imports": [
         {
           "path": "react",
@@ -4228,7 +4228,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/MoreSettings/SplitComponents/DesktopOptions.tsx": {
-      "bytes": 8195,
+      "bytes": 8164,
       "imports": [
         {
           "path": "react",
@@ -4321,7 +4321,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 +4691,7 @@
       "format": "cjs"
     },
     "../hms-video-store/dist/index.js": {
-      "bytes": 326163,
+      "bytes": 328413,
       "imports": [
         {
           "path": "../../node_modules/reselect/es/index.js",
@@ -5201,7 +5201,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/MoreSettings/SplitComponents/MwebOptions.tsx": {
-      "bytes": 13053,
+      "bytes": 12899,
       "imports": [
         {
           "path": "react",
@@ -5309,7 +5309,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 +5393,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/RaiseHand.tsx": {
-      "bytes": 798,
+      "bytes": 986,
       "imports": [
         {
           "path": "react",
@@ -5421,7 +5421,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"
         },
@@ -6042,7 +6047,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Footer/RoleAccordion.tsx": {
-      "bytes": 5714,
+      "bytes": 5767,
       "imports": [
         {
           "path": "react",
@@ -6337,7 +6342,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Footer/Footer.tsx": {
-      "bytes": 3967,
+      "bytes": 3777,
       "imports": [
         {
           "path": "react",
@@ -6359,11 +6364,6 @@
           "kind": "import-statement",
           "external": true
         },
-        {
-          "path": "@100mslive/react-sdk",
-          "kind": "import-statement",
-          "external": true
-        },
         {
           "path": "src/index.ts",
           "kind": "import-statement",
@@ -6715,7 +6715,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Polls/common/OptionInputWithDelete.tsx": {
-      "bytes": 1041,
+      "bytes": 1065,
       "imports": [
         {
           "path": "react",
@@ -6798,7 +6798,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Polls/common/MultipleChoiceOptions.jsx": {
-      "bytes": 3819,
+      "bytes": 3867,
       "imports": [
         {
           "path": "react",
@@ -6839,7 +6839,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Polls/common/SingleChoiceOptions.jsx": {
-      "bytes": 5045,
+      "bytes": 5111,
       "imports": [
         {
           "path": "react",
@@ -6956,7 +6956,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Polls/CreateQuestions/SavedQuestion.tsx": {
-      "bytes": 1727,
+      "bytes": 2095,
       "imports": [
         {
           "path": "react",
@@ -6992,7 +6992,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Polls/CreateQuestions/CreateQuestions.jsx": {
-      "bytes": 5091,
+      "bytes": 5303,
       "imports": [
         {
           "path": "react",
@@ -7963,7 +7963,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Chat/ChatBody.tsx": {
-      "bytes": 14835,
+      "bytes": 15176,
       "imports": [
         {
           "path": "react",
@@ -8243,7 +8243,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Chat/ChatFooter.tsx": {
-      "bytes": 10438,
+      "bytes": 10287,
       "imports": [
         {
           "path": "react",
@@ -9794,7 +9794,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/RoleChangeRequest/RoleChangeRequestModal.tsx": {
-      "bytes": 2958,
+      "bytes": 2927,
       "imports": [
         {
           "path": "react",
@@ -9827,7 +9827,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"
         },
@@ -11868,7 +11868,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/PreviousRoleInMetadata.tsx": {
-      "bytes": 769,
+      "bytes": 738,
       "imports": [
         {
           "path": "react",
@@ -11881,7 +11881,7 @@
           "external": true
         },
         {
-          "path": "src/Prebuilt/components/hooks/useMetadata.jsx",
+          "path": "src/Prebuilt/components/hooks/useMetadata.tsx",
           "kind": "import-statement",
           "original": "./hooks/useMetadata"
         },
@@ -11894,7 +11894,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/ConferenceScreen.tsx": {
-      "bytes": 8259,
+      "bytes": 8106,
       "imports": [
         {
           "path": "react",
@@ -13709,7 +13709,7 @@
     "dist/index.js": {
       "imports": [
         {
-          "path": "dist/chunk-ORCLDJ5D.js",
+          "path": "dist/chunk-ZDW56PPL.js",
           "kind": "import-statement"
         }
       ],
@@ -13782,16 +13782,16 @@
       "inputs": {},
       "bytes": 1822
     },
-    "dist/HLSView-IN3HFCHT.js.map": {
+    "dist/HLSView-GDOF4655.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
       "bytes": 90585
     },
-    "dist/HLSView-IN3HFCHT.js": {
+    "dist/HLSView-GDOF4655.js": {
       "imports": [
         {
-          "path": "dist/chunk-ORCLDJ5D.js",
+          "path": "dist/chunk-ZDW56PPL.js",
           "kind": "import-statement"
         },
         {
@@ -14009,13 +14009,13 @@
       },
       "bytes": 55694
     },
-    "dist/chunk-ORCLDJ5D.js.map": {
+    "dist/chunk-ZDW56PPL.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 3179402
+      "bytes": 3186774
     },
-    "dist/chunk-ORCLDJ5D.js": {
+    "dist/chunk-ZDW56PPL.js": {
       "imports": [
         {
           "path": "react",
@@ -14452,11 +14452,6 @@
           "kind": "import-statement",
           "external": true
         },
-        {
-          "path": "@100mslive/react-sdk",
-          "kind": "import-statement",
-          "external": true
-        },
         {
           "path": "react",
           "kind": "import-statement",
@@ -16403,7 +16398,7 @@
           "external": true
         },
         {
-          "path": "dist/HLSView-IN3HFCHT.js",
+          "path": "dist/HLSView-GDOF4655.js",
           "kind": "dynamic-import"
         },
         {
@@ -16878,10 +16873,10 @@
       ],
       "inputs": {
         "<define:process.env>": {
-          "bytesInOutput": 18169
+          "bytesInOutput": 18238
         },
         "../../node_modules/lodash/lodash.js": {
-          "bytesInOutput": 224291
+          "bytesInOutput": 224298
         },
         "../../node_modules/ua-parser-js/src/ua-parser.js": {
           "bytesInOutput": 42482
@@ -16890,7 +16885,7 @@
           "bytesInOutput": 26591
         },
         "../../node_modules/sdp/sdp.js": {
-          "bytesInOutput": 22288
+          "bytesInOutput": 22275
         },
         "../../node_modules/sdp-transform/lib/grammar.js": {
           "bytesInOutput": 16120
@@ -17061,7 +17056,7 @@
           "bytesInOutput": 755
         },
         "src/AudioLevel/AudioLevel.tsx": {
-          "bytesInOutput": 2195
+          "bytesInOutput": 2196
         },
         "src/AudioLevel/audio-level.png": {
           "bytesInOutput": 880
@@ -17073,7 +17068,7 @@
           "bytesInOutput": 27
         },
         "src/Stats/Stats.tsx": {
-          "bytesInOutput": 7824
+          "bytesInOutput": 7819
         },
         "src/Stats/formatBytes.ts": {
           "bytesInOutput": 473
@@ -17097,7 +17092,7 @@
           "bytesInOutput": 149
         },
         "src/Accordion/Accordion.tsx": {
-          "bytesInOutput": 2476
+          "bytesInOutput": 2526
         },
         "src/Fieldset/Fieldset.tsx": {
           "bytesInOutput": 233
@@ -17163,7 +17158,7 @@
           "bytesInOutput": 1486
         },
         "src/Prebuilt/common/utils.js": {
-          "bytesInOutput": 3210
+          "bytesInOutput": 3208
         },
         "src/Prebuilt/components/AppData/useSidepane.js": {
           "bytesInOutput": 2499
@@ -17178,10 +17173,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
@@ -17306,20 +17301,20 @@
         "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": 48556
+          "bytesInOutput": 50125
         },
         "../../node_modules/reselect/es/index.js": {
-          "bytesInOutput": 2539
+          "bytesInOutput": 2537
         },
         "../../node_modules/webrtc-adapter/src/js/adapter_core.js": {
           "bytesInOutput": 118
@@ -17334,7 +17329,7 @@
           "bytesInOutput": 22678
         },
         "../../node_modules/webrtc-adapter/src/js/chrome/getusermedia.js": {
-          "bytesInOutput": 6090
+          "bytesInOutput": 6094
         },
         "../../node_modules/webrtc-adapter/src/js/chrome/getdisplaymedia.js": {
           "bytesInOutput": 1256
@@ -17343,7 +17338,7 @@
           "bytesInOutput": 9143
         },
         "../../node_modules/webrtc-adapter/src/js/firefox/getusermedia.js": {
-          "bytesInOutput": 2125
+          "bytesInOutput": 2122
         },
         "../../node_modules/webrtc-adapter/src/js/firefox/getdisplaymedia.js": {
           "bytesInOutput": 842
@@ -17379,7 +17374,7 @@
           "bytesInOutput": 658
         },
         "src/Prebuilt/components/RaiseHand.tsx": {
-          "bytesInOutput": 796
+          "bytesInOutput": 905
         },
         "src/Prebuilt/components/ScreenShareToggle.jsx": {
           "bytesInOutput": 1619
@@ -17430,7 +17425,7 @@
           "bytesInOutput": 1290
         },
         "src/Prebuilt/components/Footer/RoleAccordion.tsx": {
-          "bytesInOutput": 5163
+          "bytesInOutput": 5214
         },
         "src/Prebuilt/components/Footer/RoleOptions.tsx": {
           "bytesInOutput": 7326
@@ -17454,7 +17449,7 @@
           "bytesInOutput": 3077
         },
         "src/Prebuilt/components/Preview/PreviewJoin.tsx": {
-          "bytesInOutput": 9637
+          "bytesInOutput": 9638
         },
         "src/Prebuilt/layouts/SidePane.tsx": {
           "bytesInOutput": 6274
@@ -17463,7 +17458,7 @@
           "bytesInOutput": 735
         },
         "src/Prebuilt/components/Polls/CreatePollQuiz/PollsQuizMenu.tsx": {
-          "bytesInOutput": 7999
+          "bytesInOutput": 7995
         },
         "src/Prebuilt/components/Streaming/Common.jsx": {
           "bytesInOutput": 2247
@@ -17472,7 +17467,7 @@
           "bytesInOutput": 795
         },
         "src/Prebuilt/components/Polls/CreateQuestions/CreateQuestions.jsx": {
-          "bytesInOutput": 5110
+          "bytesInOutput": 5364
         },
         "src/Prebuilt/components/Polls/CreateQuestions/QuestionForm.tsx": {
           "bytesInOutput": 8181
@@ -17484,10 +17479,10 @@
           "bytesInOutput": 204
         },
         "src/Prebuilt/components/Polls/common/MultipleChoiceOptions.jsx": {
-          "bytesInOutput": 3664
+          "bytesInOutput": 3706
         },
         "src/Prebuilt/components/Polls/common/OptionInputWithDelete.tsx": {
-          "bytesInOutput": 900
+          "bytesInOutput": 922
         },
         "src/Prebuilt/components/Polls/common/VoteCount.tsx": {
           "bytesInOutput": 361
@@ -17496,10 +17491,10 @@
           "bytesInOutput": 594
         },
         "src/Prebuilt/components/Polls/common/SingleChoiceOptions.jsx": {
-          "bytesInOutput": 4389
+          "bytesInOutput": 4435
         },
         "src/Prebuilt/components/Polls/CreateQuestions/SavedQuestion.tsx": {
-          "bytesInOutput": 1571
+          "bytesInOutput": 2040
         },
         "src/Prebuilt/components/Polls/Voting/LeaderboardSummary.tsx": {
           "bytesInOutput": 4015
@@ -17550,7 +17545,7 @@
           "bytesInOutput": 4926
         },
         "src/Prebuilt/components/Chat/ChatBody.tsx": {
-          "bytesInOutput": 14396
+          "bytesInOutput": 14726
         },
         "src/Prebuilt/components/Chat/ChatActions.tsx": {
           "bytesInOutput": 9785
@@ -17562,7 +17557,7 @@
           "bytesInOutput": 1210
         },
         "src/Prebuilt/components/hooks/usePinnedMessages.ts": {
-          "bytesInOutput": 2757
+          "bytesInOutput": 2758
         },
         "src/Prebuilt/components/Chat/EmptyChat.tsx": {
           "bytesInOutput": 1952
@@ -17574,13 +17569,13 @@
           "bytesInOutput": 710
         },
         "src/Prebuilt/components/Chat/ChatFooter.tsx": {
-          "bytesInOutput": 9793
+          "bytesInOutput": 9627
         },
         "src/Prebuilt/components/Chat/ChatSelectorContainer.tsx": {
           "bytesInOutput": 5318
         },
         "src/Prebuilt/components/Chat/ChatSelector.tsx": {
-          "bytesInOutput": 6996
+          "bytesInOutput": 6999
         },
         "src/Prebuilt/components/AppData/useChatState.js": {
           "bytesInOutput": 666
@@ -17598,7 +17593,7 @@
           "bytesInOutput": 1021
         },
         "src/Prebuilt/components/Chat/StickIndicator.tsx": {
-          "bytesInOutput": 542
+          "bytesInOutput": 543
         },
         "src/Prebuilt/components/Footer/PaginatedParticipants.tsx": {
           "bytesInOutput": 4205
@@ -17667,13 +17662,13 @@
           "bytesInOutput": 451
         },
         "src/Prebuilt/components/Pagination.tsx": {
-          "bytesInOutput": 1698
+          "bytesInOutput": 1699
         },
         "src/Prebuilt/components/VideoLayouts/Grid.tsx": {
           "bytesInOutput": 1204
         },
         "src/Prebuilt/components/hooks/useTileLayout.tsx": {
-          "bytesInOutput": 3838
+          "bytesInOutput": 3839
         },
         "src/Prebuilt/components/VideoLayouts/RoleProminence.tsx": {
           "bytesInOutput": 2183
@@ -17700,7 +17695,7 @@
           "bytesInOutput": 1226
         },
         "src/Prebuilt/common/PeersSorter.ts": {
-          "bytesInOutput": 3098
+          "bytesInOutput": 3099
         },
         "src/Prebuilt/layouts/EmbedView.jsx": {
           "bytesInOutput": 2785
@@ -17760,7 +17755,7 @@
           "bytesInOutput": 27
         },
         "src/Prebuilt/components/Notifications/Notifications.tsx": {
-          "bytesInOutput": 7971
+          "bytesInOutput": 7974
         },
         "src/Prebuilt/components/Notifications/AutoplayBlockedModal.tsx": {
           "bytesInOutput": 1053
@@ -17775,7 +17770,7 @@
           "bytesInOutput": 1983
         },
         "src/Prebuilt/components/Toast/ToastConfig.jsx": {
-          "bytesInOutput": 7228
+          "bytesInOutput": 7229
         },
         "src/Prebuilt/components/Notifications/InitErrorModal.tsx": {
           "bytesInOutput": 1596
@@ -17838,7 +17833,7 @@
           "bytesInOutput": 651
         }
       },
-      "bytes": 1304772
+      "bytes": 1306968
     }
   }
 }

package/package.json

@@ -10,7 +10,7 @@
     "prebuilt",
     "roomkit"
   ],
-  "version": "0.3.2",
+  "version": "0.3.3-alpha.1",
   "author": "100ms",
   "license": "MIT",
   "repository": {
@@ -82,12 +82,12 @@
     "react": ">=17.0.2 <19.0.0"
   },
   "dependencies": {
-    "@100mslive/hls-player": "0.3.2",
+    "@100mslive/hls-player": "0.3.3-alpha.1",
     "@100mslive/hms-noise-cancellation": "0.0.0-alpha.1",
-    "@100mslive/hms-virtual-background": "1.13.2",
-    "@100mslive/react-icons": "0.10.2",
-    "@100mslive/react-sdk": "0.10.2",
-    "@100mslive/types-prebuilt": "0.12.7",
+    "@100mslive/hms-virtual-background": "1.13.3-alpha.1",
+    "@100mslive/react-icons": "0.10.3-alpha.1",
+    "@100mslive/react-sdk": "0.10.3-alpha.1",
+    "@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": "8aafe5f7eea1ac66fb48451a5948cdfd4cf2cc1a"
+  "gitHead": "8e27b80c474e3487828a60fce4aa1f444aa14577"
 }

package/src/Accordion/Accordion.tsx

@@ -64,15 +64,15 @@ export const AccordionRoot = StyledAccordion;
 export const AccordionItem = StyledItem;
 
 export const AccordionHeader: React.FC<
-  PropsWithChildren<BaseAccordion.AccordionTriggerProps & { iconStyles?: CSS; css?: CSS }>
+  PropsWithChildren<BaseAccordion.AccordionTriggerProps & { iconStyles?: CSS; css?: CSS; chevronID?: string }>
 > = React.forwardRef<
   HTMLButtonElement,
-  PropsWithChildren<BaseAccordion.AccordionTriggerProps & { iconStyles?: CSS; css?: CSS }>
->(({ children, iconStyles, css, ...props }, forwardedRef) => (
+  PropsWithChildren<BaseAccordion.AccordionTriggerProps & { iconStyles?: CSS; css?: CSS; chevronID?: string }>
+>(({ children, iconStyles, css, chevronID, ...props }, forwardedRef) => (
   <StyledHeader css={css}>
     <StyledTrigger {...props} ref={forwardedRef}>
       {children}
-      <StyledChevron aria-hidden css={iconStyles} />
+      <StyledChevron data-testid={chevronID} aria-hidden css={iconStyles} />
     </StyledTrigger>
   </StyledHeader>
 ));

package/src/Prebuilt/common/utils.js

@@ -112,7 +112,7 @@ export const checkCorrectAnswer = (answer, localPeerResponse, type) => {
   }
 };
 
-export const isValidTextInput = (text, minLength = 1, maxLength = 100) => {
+export const isValidTextInput = (text, minLength = 1, maxLength = 1024) => {
   return text && text.length >= minLength && text.length <= maxLength;
 };
 

package/src/Prebuilt/components/Chat/ChatBody.tsx

@@ -410,6 +410,7 @@ export const ChatBody = React.forwardRef<VariableSizeList, { scrollToBottom: (co
     }, [blacklistedMessageIDs, messages]);
 
     const vanillaStore = useHMSVanillaStore();
+    const rerenderOnFirstMount = useRef(false);
 
     useEffect(() => {
       const unsubscribe = vanillaStore.subscribe(() => {
@@ -426,6 +427,15 @@ export const ChatBody = React.forwardRef<VariableSizeList, { scrollToBottom: (co
       return unsubscribe;
     }, [vanillaStore, listRef, scrollToBottom]);
 
+    useEffect(() => {
+      // @ts-ignore
+      if (filteredMessages.length > 0 && listRef?.current && !rerenderOnFirstMount.current) {
+        rerenderOnFirstMount.current = true;
+        // @ts-ignore
+        listRef.current.resetAfterIndex(0);
+      }
+    }, [listRef, filteredMessages]);
+
     return filteredMessages.length === 0 ? (
       <EmptyChat />
     ) : (