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

package/dist/index.js

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

package/dist/meta.cjs.json

@@ -4523,7 +4523,7 @@
       "format": "cjs"
     },
     "../hms-video-store/dist/index.js": {
-      "bytes": 322541,
+      "bytes": 322683,
       "imports": [
         {
           "path": "../../node_modules/reselect/es/index.js",
@@ -6287,7 +6287,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Polls/CreatePollQuiz/PollsQuizMenu.tsx": {
-      "bytes": 7747,
+      "bytes": 8005,
       "imports": [
         {
           "path": "react",
@@ -7489,7 +7489,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Chat/ChatBody.tsx": {
-      "bytes": 14776,
+      "bytes": 14835,
       "imports": [
         {
           "path": "react",
@@ -7973,7 +7973,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Chat/PinnedMessage.tsx": {
-      "bytes": 5067,
+      "bytes": 5026,
       "imports": [
         {
           "path": "react",
@@ -12790,7 +12790,7 @@
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 3167561
+      "bytes": 3168374
     },
     "dist/index.cjs.js": {
       "imports": [
@@ -15499,7 +15499,7 @@
       "entryPoint": "src/index.ts",
       "inputs": {
         "<define:process.env>": {
-          "bytesInOutput": 18159
+          "bytesInOutput": 18178
         },
         "src/Theme/base.config.ts": {
           "bytesInOutput": 6104
@@ -16090,7 +16090,7 @@
           "bytesInOutput": 1165
         },
         "src/Prebuilt/components/Polls/CreatePollQuiz/PollsQuizMenu.tsx": {
-          "bytesInOutput": 9104
+          "bytesInOutput": 9610
         },
         "src/Prebuilt/components/Polls/CreateQuestions/DeleteQuestionModal.tsx": {
           "bytesInOutput": 2786
@@ -16177,7 +16177,7 @@
           "bytesInOutput": 920
         },
         "src/Prebuilt/components/Chat/ChatBody.tsx": {
-          "bytesInOutput": 17105
+          "bytesInOutput": 17147
         },
         "src/Prebuilt/components/Chat/ChatSelector.tsx": {
           "bytesInOutput": 8560
@@ -16204,7 +16204,7 @@
           "bytesInOutput": 827
         },
         "src/Prebuilt/components/Chat/PinnedMessage.tsx": {
-          "bytesInOutput": 6150
+          "bytesInOutput": 6106
         },
         "src/Prebuilt/components/Chat/Chat.tsx": {
           "bytesInOutput": 4402
@@ -16507,7 +16507,7 @@
           "bytesInOutput": 2980
         }
       },
-      "bytes": 1488659
+      "bytes": 1489182
     }
   }
 }

package/dist/meta.esbuild.json

@@ -4523,7 +4523,7 @@
       "format": "cjs"
     },
     "../hms-video-store/dist/index.js": {
-      "bytes": 322541,
+      "bytes": 322683,
       "imports": [
         {
           "path": "../../node_modules/reselect/es/index.js",
@@ -6287,7 +6287,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Polls/CreatePollQuiz/PollsQuizMenu.tsx": {
-      "bytes": 7747,
+      "bytes": 8005,
       "imports": [
         {
           "path": "react",
@@ -7489,7 +7489,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Chat/ChatBody.tsx": {
-      "bytes": 14776,
+      "bytes": 14835,
       "imports": [
         {
           "path": "react",
@@ -7973,7 +7973,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Chat/PinnedMessage.tsx": {
-      "bytes": 5067,
+      "bytes": 5026,
       "imports": [
         {
           "path": "react",
@@ -12795,7 +12795,7 @@
     "dist/index.js": {
       "imports": [
         {
-          "path": "dist/chunk-HRUQKLGN.js",
+          "path": "dist/chunk-EMFS7SME.js",
           "kind": "import-statement"
         }
       ],
@@ -12868,16 +12868,16 @@
       "inputs": {},
       "bytes": 1822
     },
-    "dist/HLSView-H6Q2FEMZ.js.map": {
+    "dist/HLSView-4B4DD2HF.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
       "bytes": 59619
     },
-    "dist/HLSView-H6Q2FEMZ.js": {
+    "dist/HLSView-4B4DD2HF.js": {
       "imports": [
         {
-          "path": "dist/chunk-HRUQKLGN.js",
+          "path": "dist/chunk-EMFS7SME.js",
           "kind": "import-statement"
         },
         {
@@ -13041,13 +13041,13 @@
       },
       "bytes": 37344
     },
-    "dist/chunk-HRUQKLGN.js.map": {
+    "dist/chunk-EMFS7SME.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 3103727
+      "bytes": 3104539
     },
-    "dist/chunk-HRUQKLGN.js": {
+    "dist/chunk-EMFS7SME.js": {
       "imports": [
         {
           "path": "react",
@@ -15300,7 +15300,7 @@
           "external": true
         },
         {
-          "path": "dist/HLSView-H6Q2FEMZ.js",
+          "path": "dist/HLSView-4B4DD2HF.js",
           "kind": "dynamic-import"
         },
         {
@@ -15722,7 +15722,7 @@
       ],
       "inputs": {
         "<define:process.env>": {
-          "bytesInOutput": 18159
+          "bytesInOutput": 18178
         },
         "../../node_modules/lodash/lodash.js": {
           "bytesInOutput": 224267
@@ -16292,7 +16292,7 @@
           "bytesInOutput": 735
         },
         "src/Prebuilt/components/Polls/CreatePollQuiz/PollsQuizMenu.tsx": {
-          "bytesInOutput": 7536
+          "bytesInOutput": 7983
         },
         "src/Prebuilt/components/Streaming/Common.jsx": {
           "bytesInOutput": 2247
@@ -16367,7 +16367,7 @@
           "bytesInOutput": 3466
         },
         "src/Prebuilt/components/Chat/ChatBody.tsx": {
-          "bytesInOutput": 14354
+          "bytesInOutput": 14396
         },
         "src/Prebuilt/components/Chat/ChatActions.tsx": {
           "bytesInOutput": 9785
@@ -16409,7 +16409,7 @@
           "bytesInOutput": 2916
         },
         "src/Prebuilt/components/Chat/PinnedMessage.tsx": {
-          "bytesInOutput": 4980
+          "bytesInOutput": 4944
         },
         "src/Prebuilt/components/Chat/ArrowNavigation.tsx": {
           "bytesInOutput": 1021
@@ -16649,7 +16649,7 @@
           "bytesInOutput": 651
         }
       },
-      "bytes": 1266239
+      "bytes": 1266711
     }
   }
 }

package/package.json

@@ -10,7 +10,7 @@
     "prebuilt",
     "roomkit"
   ],
-  "version": "0.2.6-alpha.4",
+  "version": "0.2.6-alpha.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.4",
-    "@100mslive/hms-virtual-background": "1.12.6-alpha.4",
-    "@100mslive/react-icons": "0.9.6-alpha.4",
-    "@100mslive/react-sdk": "0.9.6-alpha.4",
+    "@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/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": "9e13e59f926c73e5f32c7537a8ab4e292b8d2806"
+  "gitHead": "8ddd1423edf4da888a64da4f3ae1becbd5f11b62"
 }

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

@@ -136,7 +136,7 @@ const Link = styled('a', {
   },
 });
 
-export const AnnotisedMessage = ({ message }: { message: string }) => {
+export const AnnotisedMessage = ({ message, length }: { message: string; length?: number }) => {
   if (!message) {
     return <Fragment />;
   }
@@ -149,10 +149,10 @@ export const AnnotisedMessage = ({ message }: { message: string }) => {
         .map(part =>
           URL_REGEX.test(part) ? (
             <Link href={part} key={part} target="_blank" rel="noopener noreferrer">
-              {part}
+              {part.slice(0, length)}
             </Link>
           ) : (
-            part
+            part.slice(0, length)
           ),
         )}
     </Fragment>

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

@@ -103,10 +103,8 @@ export const PinnedMessage = () => {
             title={pinnedMessages[pinnedMessageIndex]?.text}
           >
             <AnnotisedMessage
-              message={`${currentPinnedMessage.slice(
-                0,
-                hideOverflow ? PINNED_MESSAGE_LENGTH : currentPinnedMessage.length,
-              )}`}
+              message={currentPinnedMessage}
+              length={hideOverflow ? PINNED_MESSAGE_LENGTH : currentPinnedMessage.length}
             />
             {canOverflow ? (
               <span style={{ cursor: 'pointer' }} onClick={() => setHideOverflow(prev => !prev)}>

package/src/Prebuilt/components/HMSVideo/VideoProgress.jsx

@@ -44,7 +44,7 @@ export const VideoProgress = ({ onValueChange, hlsPlayer }) => {
   return hlsPlayer.getVideoElement() ? (
     <Flex
       ref={progressRootRef}
-      css={{ cursor: 'pointer', h: '$4', alignSelf: 'stretch' }}
+      css={{ cursor: 'pointer', h: '$2', alignSelf: 'stretch' }}
       onClick={onProgressChangeHandler}
     >
       <Box

package/src/Prebuilt/components/Polls/CreatePollQuiz/PollsQuizMenu.tsx

@@ -195,6 +195,13 @@ const AddMenu = () => {
 const PrevMenu = () => {
   const hmsActions = useHMSActions();
   const polls = useHMSStore(selectPolls);
+  const sortedPolls = useMemo(
+    () =>
+      polls
+        ?.sort((a, b) => (b.createdAt?.getTime() || 0) - (a.createdAt?.getTime() || 0))
+        ?.sort((a, b) => (b.state === 'started' ? 1 : 0) - (a.state === 'started' ? 1 : 0)),
+    [polls],
+  );
   const permissions = useHMSStore(selectPermissions);
 
   useEffect(() => {
@@ -217,7 +224,7 @@ const PrevMenu = () => {
         Previous Polls and Quizzes
       </Text>
       <Flex direction="column" css={{ gap: '$10', mt: '$8' }}>
-        {polls?.map(poll => (
+        {sortedPolls?.map(poll => (
           <InteractionCard key={poll.id} id={poll.id} title={poll.title} status={poll.state} />
         ))}
       </Flex>