@100mslive/roomkit-react 0.2.2-alpha.5 → 0.2.2

package/dist/index.js

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

package/dist/meta.cjs.json

@@ -4478,7 +4478,7 @@
       "format": "cjs"
     },
     "../hms-video-store/dist/index.js": {
-      "bytes": 320789,
+      "bytes": 320781,
       "imports": [
         {
           "path": "../../node_modules/reselect/es/index.js",
@@ -4707,7 +4707,7 @@
       "format": "esm"
     },
     "src/Prebuilt/common/utils.js": {
-      "bytes": 5391,
+      "bytes": 5891,
       "imports": [
         {
           "path": "src/Prebuilt/common/constants.ts",
@@ -6422,7 +6422,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Polls/common/MultipleChoiceOptions.jsx": {
-      "bytes": 3796,
+      "bytes": 3819,
       "imports": [
         {
           "path": "react",
@@ -6463,7 +6463,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Polls/common/SingleChoiceOptions.jsx": {
-      "bytes": 5021,
+      "bytes": 5045,
       "imports": [
         {
           "path": "react",
@@ -6744,7 +6744,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Polls/Voting/StatisticBox.tsx": {
-      "bytes": 624,
+      "bytes": 656,
       "imports": [
         {
           "path": "react",
@@ -6796,7 +6796,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Polls/Voting/PeerParticipationSummary.tsx": {
-      "bytes": 2279,
+      "bytes": 2284,
       "imports": [
         {
           "path": "react",
@@ -6918,7 +6918,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Polls/Voting/QuestionCard.jsx": {
-      "bytes": 7080,
+      "bytes": 6905,
       "imports": [
         {
           "path": "react",
@@ -7005,7 +7005,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Polls/Voting/TimedVoting.tsx": {
-      "bytes": 1025,
+      "bytes": 1596,
       "imports": [
         {
           "path": "react",
@@ -7022,6 +7022,11 @@
           "kind": "import-statement",
           "original": "./QuestionCard"
         },
+        {
+          "path": "src/Prebuilt/common/utils.js",
+          "kind": "import-statement",
+          "original": "../../../common/utils"
+        },
         {
           "path": "<define:process.env>",
           "kind": "import-statement",
@@ -7031,7 +7036,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Polls/Voting/Voting.tsx": {
-      "bytes": 3251,
+      "bytes": 3340,
       "imports": [
         {
           "path": "react",
@@ -7241,7 +7246,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Chat/ChatActions.tsx": {
-      "bytes": 10168,
+      "bytes": 10219,
       "imports": [
         {
           "path": "react",
@@ -7418,7 +7423,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Chat/ChatBody.tsx": {
-      "bytes": 14641,
+      "bytes": 14776,
       "imports": [
         {
           "path": "react",
@@ -12593,7 +12598,7 @@
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 3069617
+      "bytes": 3072574
     },
     "dist/index.cjs.js": {
       "imports": [
@@ -14007,6 +14012,11 @@
           "kind": "require-call",
           "external": true
         },
+        {
+          "path": "@100mslive/react-sdk",
+          "kind": "require-call",
+          "external": true
+        },
         {
           "path": "react",
           "kind": "require-call",
@@ -15267,7 +15277,7 @@
       "entryPoint": "src/index.ts",
       "inputs": {
         "<define:process.env>": {
-          "bytesInOutput": 17187
+          "bytesInOutput": 18038
         },
         "src/Theme/base.config.ts": {
           "bytesInOutput": 6104
@@ -15741,7 +15751,7 @@
           "bytesInOutput": 615
         },
         "../hms-video-store/dist/index.js": {
-          "bytesInOutput": 52763
+          "bytesInOutput": 52755
         },
         "src/Prebuilt/components/hooks/usePlaylistMusic.js": {
           "bytesInOutput": 1384
@@ -15753,7 +15763,7 @@
           "bytesInOutput": 8158
         },
         "src/Prebuilt/common/utils.js": {
-          "bytesInOutput": 2908
+          "bytesInOutput": 3810
         },
         "src/Prebuilt/components/Header/StreamActions.tsx": {
           "bytesInOutput": 12096
@@ -15870,10 +15880,10 @@
           "bytesInOutput": 865
         },
         "src/Prebuilt/components/Polls/common/MultipleChoiceOptions.jsx": {
-          "bytesInOutput": 4600
+          "bytesInOutput": 4621
         },
         "src/Prebuilt/components/Polls/common/SingleChoiceOptions.jsx": {
-          "bytesInOutput": 5368
+          "bytesInOutput": 5422
         },
         "src/Prebuilt/components/Polls/CreateQuestions/QuestionForm.tsx": {
           "bytesInOutput": 10146
@@ -15891,28 +15901,28 @@
           "bytesInOutput": 2717
         },
         "src/Prebuilt/components/Polls/Voting/StatisticBox.tsx": {
-          "bytesInOutput": 978
+          "bytesInOutput": 1010
         },
         "src/Prebuilt/components/Polls/Voting/useQuizSummary.tsx": {
           "bytesInOutput": 2203
         },
         "src/Prebuilt/components/Polls/Voting/PeerParticipationSummary.tsx": {
-          "bytesInOutput": 2877
+          "bytesInOutput": 2884
         },
         "src/Prebuilt/components/Polls/Voting/LeaderboardSummary.tsx": {
           "bytesInOutput": 5052
         },
         "src/Prebuilt/components/Polls/Voting/QuestionCard.jsx": {
-          "bytesInOutput": 8770
+          "bytesInOutput": 8565
         },
         "src/Prebuilt/components/Polls/Voting/StandardVoting.tsx": {
           "bytesInOutput": 1658
         },
         "src/Prebuilt/components/Polls/Voting/TimedVoting.tsx": {
-          "bytesInOutput": 1338
+          "bytesInOutput": 2071
         },
         "src/Prebuilt/components/Polls/Voting/Voting.tsx": {
-          "bytesInOutput": 4052
+          "bytesInOutput": 4217
         },
         "src/Prebuilt/components/Polls/Polls.tsx": {
           "bytesInOutput": 1177
@@ -15927,7 +15937,7 @@
           "bytesInOutput": 3164
         },
         "src/Prebuilt/components/Chat/ChatActions.tsx": {
-          "bytesInOutput": 11560
+          "bytesInOutput": 11568
         },
         "src/Prebuilt/images/empty-chat.svg": {
           "bytesInOutput": 2366
@@ -15939,7 +15949,7 @@
           "bytesInOutput": 920
         },
         "src/Prebuilt/components/Chat/ChatBody.tsx": {
-          "bytesInOutput": 17029
+          "bytesInOutput": 17144
         },
         "src/Prebuilt/components/Chat/ChatSelector.tsx": {
           "bytesInOutput": 8560
@@ -16182,7 +16192,7 @@
           "bytesInOutput": 3195
         },
         "src/Prebuilt/components/Toast/ToastConfig.jsx": {
-          "bytesInOutput": 7805
+          "bytesInOutput": 7810
         },
         "src/Prebuilt/components/Toast/ToastBatcher.js": {
           "bytesInOutput": 2151
@@ -16266,7 +16276,7 @@
           "bytesInOutput": 2980
         }
       },
-      "bytes": 1440165
+      "bytes": 1442845
     }
   }
 }

package/dist/meta.esbuild.json

@@ -4478,7 +4478,7 @@
       "format": "cjs"
     },
     "../hms-video-store/dist/index.js": {
-      "bytes": 320789,
+      "bytes": 320781,
       "imports": [
         {
           "path": "../../node_modules/reselect/es/index.js",
@@ -4707,7 +4707,7 @@
       "format": "esm"
     },
     "src/Prebuilt/common/utils.js": {
-      "bytes": 5391,
+      "bytes": 5891,
       "imports": [
         {
           "path": "src/Prebuilt/common/constants.ts",
@@ -6422,7 +6422,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Polls/common/MultipleChoiceOptions.jsx": {
-      "bytes": 3796,
+      "bytes": 3819,
       "imports": [
         {
           "path": "react",
@@ -6463,7 +6463,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Polls/common/SingleChoiceOptions.jsx": {
-      "bytes": 5021,
+      "bytes": 5045,
       "imports": [
         {
           "path": "react",
@@ -6744,7 +6744,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Polls/Voting/StatisticBox.tsx": {
-      "bytes": 624,
+      "bytes": 656,
       "imports": [
         {
           "path": "react",
@@ -6796,7 +6796,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Polls/Voting/PeerParticipationSummary.tsx": {
-      "bytes": 2279,
+      "bytes": 2284,
       "imports": [
         {
           "path": "react",
@@ -6918,7 +6918,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Polls/Voting/QuestionCard.jsx": {
-      "bytes": 7080,
+      "bytes": 6905,
       "imports": [
         {
           "path": "react",
@@ -7005,7 +7005,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Polls/Voting/TimedVoting.tsx": {
-      "bytes": 1025,
+      "bytes": 1596,
       "imports": [
         {
           "path": "react",
@@ -7022,6 +7022,11 @@
           "kind": "import-statement",
           "original": "./QuestionCard"
         },
+        {
+          "path": "src/Prebuilt/common/utils.js",
+          "kind": "import-statement",
+          "original": "../../../common/utils"
+        },
         {
           "path": "<define:process.env>",
           "kind": "import-statement",
@@ -7031,7 +7036,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Polls/Voting/Voting.tsx": {
-      "bytes": 3251,
+      "bytes": 3340,
       "imports": [
         {
           "path": "react",
@@ -7241,7 +7246,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Chat/ChatActions.tsx": {
-      "bytes": 10168,
+      "bytes": 10219,
       "imports": [
         {
           "path": "react",
@@ -7418,7 +7423,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Chat/ChatBody.tsx": {
-      "bytes": 14641,
+      "bytes": 14776,
       "imports": [
         {
           "path": "react",
@@ -12598,7 +12603,7 @@
     "dist/index.js": {
       "imports": [
         {
-          "path": "dist/chunk-YOFFMNAR.js",
+          "path": "dist/chunk-AMKCMJY4.js",
           "kind": "import-statement"
         }
       ],
@@ -12671,16 +12676,16 @@
       "inputs": {},
       "bytes": 1822
     },
-    "dist/HLSView-HMMJY2KC.js.map": {
+    "dist/HLSView-LVQBZ4PX.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
       "bytes": 58852
     },
-    "dist/HLSView-HMMJY2KC.js": {
+    "dist/HLSView-LVQBZ4PX.js": {
       "imports": [
         {
-          "path": "dist/chunk-YOFFMNAR.js",
+          "path": "dist/chunk-AMKCMJY4.js",
           "kind": "import-statement"
         },
         {
@@ -12844,13 +12849,13 @@
       },
       "bytes": 36970
     },
-    "dist/chunk-YOFFMNAR.js.map": {
+    "dist/chunk-AMKCMJY4.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 3006166
+      "bytes": 3009138
     },
-    "dist/chunk-YOFFMNAR.js": {
+    "dist/chunk-AMKCMJY4.js": {
       "imports": [
         {
           "path": "react",
@@ -14347,6 +14352,11 @@
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "@100mslive/react-sdk",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "react",
           "kind": "import-statement",
@@ -15068,7 +15078,7 @@
           "external": true
         },
         {
-          "path": "dist/HLSView-HMMJY2KC.js",
+          "path": "dist/HLSView-LVQBZ4PX.js",
           "kind": "dynamic-import"
         },
         {
@@ -15490,7 +15500,7 @@
       ],
       "inputs": {
         "<define:process.env>": {
-          "bytesInOutput": 17187
+          "bytesInOutput": 18038
         },
         "../../node_modules/lodash/lodash.js": {
           "bytesInOutput": 224265
@@ -15913,7 +15923,7 @@
           "bytesInOutput": 10019
         },
         "../hms-video-store/dist/index.js": {
-          "bytesInOutput": 48233
+          "bytesInOutput": 48225
         },
         "../../node_modules/reselect/es/index.js": {
           "bytesInOutput": 2537
@@ -15961,7 +15971,7 @@
           "bytesInOutput": 907
         },
         "src/Prebuilt/common/utils.js": {
-          "bytesInOutput": 2426
+          "bytesInOutput": 3207
         },
         "src/Prebuilt/components/MoreSettings/ActionTile.jsx": {
           "bytesInOutput": 1390
@@ -16075,7 +16085,7 @@
           "bytesInOutput": 204
         },
         "src/Prebuilt/components/Polls/common/MultipleChoiceOptions.jsx": {
-          "bytesInOutput": 3643
+          "bytesInOutput": 3664
         },
         "src/Prebuilt/components/Polls/common/OptionInputWithDelete.tsx": {
           "bytesInOutput": 889
@@ -16087,7 +16097,7 @@
           "bytesInOutput": 594
         },
         "src/Prebuilt/components/Polls/common/SingleChoiceOptions.jsx": {
-          "bytesInOutput": 4331
+          "bytesInOutput": 4389
         },
         "src/Prebuilt/components/Polls/CreateQuestions/SavedQuestion.tsx": {
           "bytesInOutput": 2116
@@ -16102,25 +16112,25 @@
           "bytesInOutput": 480
         },
         "src/Prebuilt/components/Polls/Voting/PeerParticipationSummary.tsx": {
-          "bytesInOutput": 2302
+          "bytesInOutput": 2309
         },
         "src/Prebuilt/components/Polls/Voting/StatisticBox.tsx": {
-          "bytesInOutput": 634
+          "bytesInOutput": 666
         },
         "src/Prebuilt/components/Polls/Voting/useQuizSummary.tsx": {
           "bytesInOutput": 1874
         },
         "src/Prebuilt/components/Polls/Voting/Voting.tsx": {
-          "bytesInOutput": 3206
+          "bytesInOutput": 3355
         },
         "src/Prebuilt/components/Polls/Voting/StandardVoting.tsx": {
           "bytesInOutput": 1221
         },
         "src/Prebuilt/components/Polls/Voting/QuestionCard.jsx": {
-          "bytesInOutput": 7455
+          "bytesInOutput": 7270
         },
         "src/Prebuilt/components/Polls/Voting/TimedVoting.tsx": {
-          "bytesInOutput": 1028
+          "bytesInOutput": 1674
         },
         "src/Prebuilt/components/SidePaneTabs.tsx": {
           "bytesInOutput": 7277
@@ -16129,10 +16139,10 @@
           "bytesInOutput": 3444
         },
         "src/Prebuilt/components/Chat/ChatBody.tsx": {
-          "bytesInOutput": 14276
+          "bytesInOutput": 14381
         },
         "src/Prebuilt/components/Chat/ChatActions.tsx": {
-          "bytesInOutput": 9777
+          "bytesInOutput": 9785
         },
         "src/Prebuilt/components/Chat/MwebChatOption.tsx": {
           "bytesInOutput": 417
@@ -16408,7 +16418,7 @@
           "bytesInOutput": 651
         }
       },
-      "bytes": 1220903
+      "bytes": 1223368
     }
   }
 }

package/package.json

@@ -10,7 +10,7 @@
     "prebuilt",
     "roomkit"
   ],
-  "version": "0.2.2-alpha.5",
+  "version": "0.2.2",
   "author": "100ms",
   "license": "MIT",
   "repository": {
@@ -82,10 +82,10 @@
     "react": ">=17.0.2 <19.0.0"
   },
   "dependencies": {
-    "@100mslive/hls-player": "0.2.2-alpha.5",
-    "@100mslive/hms-virtual-background": "1.12.2-alpha.5",
-    "@100mslive/react-icons": "0.9.2-alpha.5",
-    "@100mslive/react-sdk": "0.9.2-alpha.5",
+    "@100mslive/hls-player": "0.2.2",
+    "@100mslive/hms-virtual-background": "1.12.2",
+    "@100mslive/react-icons": "0.9.2",
+    "@100mslive/react-sdk": "0.9.2",
     "@100mslive/types-prebuilt": "0.12.5",
     "@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": "f92ee12444119121ba670c4127c808a992a8b2c1"
+  "gitHead": "e1fee68a01f0166cc2c5e19a39c7b0119e0a3bd8"
 }

package/src/Prebuilt/common/utils.js

@@ -147,6 +147,19 @@ export const getPeerResponses = (questions, peerid, userid) => {
   );
 };
 
+export const getLastAttemptedIndex = (questions, peerid, userid = '') => {
+  const peerResponses = getPeerResponses(questions, peerid, userid) || [];
+  for (let i = 0; i < peerResponses.length; i++) {
+    // If another peer has attempted, undefined changes to an empty array
+    if (peerResponses[i] === undefined || peerResponses[i].length === 0) {
+      // Backend question index starts at 1
+      return i + 1;
+    }
+  }
+  // To indicate all have been attempted
+  return questions.length + 1;
+};
+
 export const getPeerParticipationSummary = (poll, localPeerID, localCustomerUserID) => {
   let correctResponses = 0;
   let score = 0;

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

@@ -53,7 +53,7 @@ export const ChatActions = ({
   sentByLocalPeer: boolean;
   isMobile: boolean;
   openSheet: boolean;
-  setOpenSheet: (value: boolean) => void;
+  setOpenSheet: (value: boolean, e?: React.MouseEvent<HTMLElement, MouseEvent>) => void;
 }) => {
   const { elements } = useRoomLayoutConferencingScreen();
   const { can_hide_message = false, can_block_user = false } = elements?.chat?.real_time_controls || {};
@@ -174,7 +174,7 @@ export const ChatActions = ({
   if (isMobile) {
     return (
       <Sheet.Root open={openSheet} onOpenChange={setOpenSheet}>
-        <Sheet.Content css={{ bg: '$surface_default', pb: '$14' }} onClick={() => setOpenSheet(false)}>
+        <Sheet.Content css={{ bg: '$surface_default', pb: '$14' }} onClick={e => setOpenSheet(false, e)}>
           <Sheet.Title
             css={{
               display: 'flex',
@@ -190,7 +190,7 @@ export const ChatActions = ({
             }}
           >
             Message options
-            <Sheet.Close css={{ color: '$on_surface_high' }} onClick={() => setOpenSheet(false)}>
+            <Sheet.Close css={{ color: '$on_surface_high' }} onClick={e => setOpenSheet(false, e)}>
               <CrossIcon />
             </Sheet.Close>
           </Sheet.Title>

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

@@ -189,7 +189,7 @@ const ChatMessage = React.memo(
       roles: message.recipientRoles,
       receiver: message.recipientPeer,
     });
-    const [openSheet, setOpenSheet] = useState(false);
+    const [openSheet, setOpenSheetBare] = useState(false);
     const showPinAction = !!elements?.chat?.allow_pinning_messages;
     const showReply = message.sender !== selectedPeer.id && message.sender !== localPeerId && isPrivateChatEnabled;
     useLayoutEffect(() => {
@@ -198,6 +198,11 @@ const ChatMessage = React.memo(
       }
     }, [index, message.id]);
 
+    const setOpenSheet = (value: boolean, e?: React.MouseEvent<HTMLElement, MouseEvent>) => {
+      e?.stopPropagation();
+      setOpenSheetBare(value);
+    };
+
     return (
       <Box
         css={{
@@ -228,9 +233,9 @@ const ChatMessage = React.memo(
             },
           }}
           data-testid="chat_msg"
-          onClick={() => {
+          onClick={e => {
             if (isMobile) {
-              setOpenSheet(true);
+              setOpenSheet(true, e);
             }
           }}
         >
@@ -321,8 +326,7 @@ const ChatMessage = React.memo(
               color: isOverlay ? '#FFF' : '$on_surface_high',
             }}
             onClick={e => {
-              e.stopPropagation();
-              setOpenSheet(true);
+              setOpenSheet(true, e);
             }}
           >
             <AnnotisedMessage message={message.message} />

package/src/Prebuilt/components/Polls/Voting/LeaderboardEntry.tsx

@@ -24,7 +24,7 @@ export const LeaderboardEntry = ({
   duration: number;
 }) => {
   return (
-    <Flex align="center" justify="between" css={{ my: '$4' }}>
+    <Flex align="center" justify="between" css={{ my: '$8' }}>
       <Flex align="center" css={{ gap: '$6' }}>
         <Flex
           align="center"

package/src/Prebuilt/components/Polls/Voting/PeerParticipationSummary.tsx

@@ -38,7 +38,7 @@ export const PeerParticipationSummary = ({ quiz }: { quiz: HMSPoll }) => {
       ]
     : [
         { title: 'Your rank', value: peerEntry?.position || '-' },
-        { title: 'Points', value: peerEntry?.score },
+        { title: 'Points', value: peerEntry?.score || 0 },
         // Time in ms
         { title: 'Time Taken', value: getFormattedTime(peerEntry?.duration) },
         {