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

package/dist/index.js

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

package/dist/meta.cjs.json

@@ -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": 3072595
     },
     "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": 18104
         },
         "src/Theme/base.config.ts": {
           "bytesInOutput": 6104
@@ -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": 1442919
     }
   }
 }

package/dist/meta.esbuild.json

@@ -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-DY3FWEXJ.js",
           "kind": "import-statement"
         }
       ],
@@ -12671,16 +12676,16 @@
       "inputs": {},
       "bytes": 1822
     },
-    "dist/HLSView-HMMJY2KC.js.map": {
+    "dist/HLSView-U346BIZQ.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
       "bytes": 58852
     },
-    "dist/HLSView-HMMJY2KC.js": {
+    "dist/HLSView-U346BIZQ.js": {
       "imports": [
         {
-          "path": "dist/chunk-YOFFMNAR.js",
+          "path": "dist/chunk-DY3FWEXJ.js",
           "kind": "import-statement"
         },
         {
@@ -12844,13 +12849,13 @@
       },
       "bytes": 36970
     },
-    "dist/chunk-YOFFMNAR.js.map": {
+    "dist/chunk-DY3FWEXJ.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 3006166
+      "bytes": 3009159
     },
-    "dist/chunk-YOFFMNAR.js": {
+    "dist/chunk-DY3FWEXJ.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-U346BIZQ.js",
           "kind": "dynamic-import"
         },
         {
@@ -15490,7 +15500,7 @@
       ],
       "inputs": {
         "<define:process.env>": {
-          "bytesInOutput": 17187
+          "bytesInOutput": 18104
         },
         "../../node_modules/lodash/lodash.js": {
           "bytesInOutput": 224265
@@ -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": 1223442
     }
   }
 }

package/package.json

@@ -10,7 +10,7 @@
     "prebuilt",
     "roomkit"
   ],
-  "version": "0.2.2-alpha.5",
+  "version": "0.2.2-alpha.6",
   "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-alpha.6",
+    "@100mslive/hms-virtual-background": "1.12.2-alpha.6",
+    "@100mslive/react-icons": "0.9.2-alpha.6",
+    "@100mslive/react-sdk": "0.9.2-alpha.6",
     "@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": "6398566b05595e4d9ab9c6b293142a657933eb15"
 }

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) },
         {

package/src/Prebuilt/components/Polls/Voting/QuestionCard.jsx

@@ -73,11 +73,6 @@ export const QuestionCard = ({
       },
     ]);
     startTime.current = Date.now();
-
-    if (isQuiz && index !== totalQuestions) {
-      setSingleOptionAnswer(undefined);
-      setMultipleOptionAnswer(new Set());
-    }
   }, [
     isValidVote,
     actions.interactivityCenter,
@@ -118,8 +113,8 @@ export const QuestionCard = ({
             gap: '$4',
           }}
         >
-          {respondedToQuiz && isCorrectAnswer && pollEnded ? <CheckCircleIcon height={20} width={20} /> : null}
-          {respondedToQuiz && !isCorrectAnswer && pollEnded ? <CrossCircleIcon height={20} width={20} /> : null}
+          {respondedToQuiz && isCorrectAnswer && pollEnded ? <CheckCircleIcon height={16} width={16} /> : null}
+          {respondedToQuiz && !isCorrectAnswer && pollEnded ? <CrossCircleIcon height={16} width={16} /> : null}
           QUESTION {index} OF {totalQuestions}: {type.toUpperCase()}
         </Text>
       </Flex>
@@ -152,7 +147,6 @@ export const QuestionCard = ({
             showVoteCount={showVoteCount}
             localPeerResponse={localPeerResponse}
             isStopped={pollState === 'stopped'}
-            answer={singleOptionAnswer}
           />
         ) : null}
 

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

@@ -3,7 +3,7 @@ import { Box } from '../../../../Layout';
 import { Text } from '../../../../Text';
 
 export const StatisticBox = ({ title, value = 0 }: { title: string; value: string | number | undefined }) => {
-  if (!value) {
+  if (!value && !(typeof value === 'number')) {
     return <></>;
   }
   return (