@100mslive/roomkit-react 0.2.1-alpha.1 → 0.2.1

package/dist/index.js

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

package/dist/meta.cjs.json

@@ -1486,7 +1486,7 @@
       "format": "esm"
     },
     "src/Toast/Toast.tsx": {
-      "bytes": 4279,
+      "bytes": 4297,
       "imports": [
         {
           "path": "react",
@@ -4478,7 +4478,7 @@
       "format": "cjs"
     },
     "../hms-video-store/dist/index.js": {
-      "bytes": 320481,
+      "bytes": 320293,
       "imports": [
         {
           "path": "../../node_modules/reselect/es/index.js",
@@ -6211,7 +6211,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Polls/CreatePollQuiz/PollsQuizMenu.jsx": {
-      "bytes": 7706,
+      "bytes": 7668,
       "imports": [
         {
           "path": "react",
@@ -6504,7 +6504,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Polls/CreateQuestions/QuestionForm.tsx": {
-      "bytes": 9971,
+      "bytes": 10090,
       "imports": [
         {
           "path": "react",
@@ -6780,7 +6780,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Polls/Voting/PeerParticipationSummary.tsx": {
-      "bytes": 2098,
+      "bytes": 2194,
       "imports": [
         {
           "path": "react",
@@ -11738,7 +11738,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Notifications/Notifications.tsx": {
-      "bytes": 7752,
+      "bytes": 8209,
       "imports": [
         {
           "path": "react",
@@ -12572,7 +12572,7 @@
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 3066863
+      "bytes": 3067058
     },
     "dist/index.cjs.js": {
       "imports": [
@@ -15246,7 +15246,7 @@
       "entryPoint": "src/index.ts",
       "inputs": {
         "<define:process.env>": {
-          "bytesInOutput": 17933
+          "bytesInOutput": 18024
         },
         "src/Theme/base.config.ts": {
           "bytesInOutput": 6104
@@ -15423,7 +15423,7 @@
           "bytesInOutput": 927
         },
         "src/Stats/formatBytes.ts": {
-          "bytesInOutput": 634
+          "bytesInOutput": 636
         },
         "src/Stats/StyledStats.tsx": {
           "bytesInOutput": 1004
@@ -15453,7 +15453,7 @@
           "bytesInOutput": 144
         },
         "src/Toast/Toast.tsx": {
-          "bytesInOutput": 5140
+          "bytesInOutput": 5162
         },
         "src/Toast/index.tsx": {
           "bytesInOutput": 129
@@ -15642,7 +15642,7 @@
           "bytesInOutput": 5459
         },
         "src/Prebuilt/components/StatsForNerds.jsx": {
-          "bytesInOutput": 11472
+          "bytesInOutput": 11474
         },
         "src/Prebuilt/components/MoreSettings/BulkRoleChangeModal.jsx": {
           "bytesInOutput": 6192
@@ -15720,7 +15720,7 @@
           "bytesInOutput": 615
         },
         "../hms-video-store/dist/index.js": {
-          "bytesInOutput": 52645
+          "bytesInOutput": 52755
         },
         "src/Prebuilt/components/hooks/usePlaylistMusic.js": {
           "bytesInOutput": 1384
@@ -15831,7 +15831,7 @@
           "bytesInOutput": 959
         },
         "src/Prebuilt/components/Polls/CreatePollQuiz/PollsQuizMenu.jsx": {
-          "bytesInOutput": 9466
+          "bytesInOutput": 9019
         },
         "src/Prebuilt/components/Polls/CreateQuestions/DeleteQuestionModal.tsx": {
           "bytesInOutput": 2786
@@ -15855,7 +15855,7 @@
           "bytesInOutput": 5343
         },
         "src/Prebuilt/components/Polls/CreateQuestions/QuestionForm.tsx": {
-          "bytesInOutput": 10626
+          "bytesInOutput": 10146
         },
         "src/Prebuilt/components/Polls/CreateQuestions/SavedQuestion.tsx": {
           "bytesInOutput": 2705
@@ -15873,7 +15873,7 @@
           "bytesInOutput": 2203
         },
         "src/Prebuilt/components/Polls/Voting/PeerParticipationSummary.tsx": {
-          "bytesInOutput": 2730
+          "bytesInOutput": 2825
         },
         "src/Prebuilt/components/Polls/Voting/LeaderboardSummary.tsx": {
           "bytesInOutput": 5011
@@ -16026,7 +16026,7 @@
           "bytesInOutput": 1620
         },
         "src/Prebuilt/components/hooks/useTileLayout.tsx": {
-          "bytesInOutput": 4488
+          "bytesInOutput": 4492
         },
         "src/Prebuilt/components/VideoLayouts/EqualProminence.tsx": {
           "bytesInOutput": 2453
@@ -16200,7 +16200,7 @@
           "bytesInOutput": 2281
         },
         "src/Prebuilt/components/Notifications/Notifications.tsx": {
-          "bytesInOutput": 8338
+          "bytesInOutput": 8924
         },
         "src/Prebuilt/components/Notifications/index.tsx": {
           "bytesInOutput": 173
@@ -16242,7 +16242,7 @@
           "bytesInOutput": 2980
         }
       },
-      "bytes": 1439039
+      "bytes": 1439024
     }
   }
 }

package/dist/meta.esbuild.json

@@ -1486,7 +1486,7 @@
       "format": "esm"
     },
     "src/Toast/Toast.tsx": {
-      "bytes": 4279,
+      "bytes": 4297,
       "imports": [
         {
           "path": "react",
@@ -4478,7 +4478,7 @@
       "format": "cjs"
     },
     "../hms-video-store/dist/index.js": {
-      "bytes": 320481,
+      "bytes": 320293,
       "imports": [
         {
           "path": "../../node_modules/reselect/es/index.js",
@@ -6211,7 +6211,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Polls/CreatePollQuiz/PollsQuizMenu.jsx": {
-      "bytes": 7706,
+      "bytes": 7668,
       "imports": [
         {
           "path": "react",
@@ -6504,7 +6504,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Polls/CreateQuestions/QuestionForm.tsx": {
-      "bytes": 9971,
+      "bytes": 10090,
       "imports": [
         {
           "path": "react",
@@ -6780,7 +6780,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Polls/Voting/PeerParticipationSummary.tsx": {
-      "bytes": 2098,
+      "bytes": 2194,
       "imports": [
         {
           "path": "react",
@@ -11738,7 +11738,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Notifications/Notifications.tsx": {
-      "bytes": 7752,
+      "bytes": 8209,
       "imports": [
         {
           "path": "react",
@@ -12577,7 +12577,7 @@
     "dist/index.js": {
       "imports": [
         {
-          "path": "dist/chunk-LRZEFY46.js",
+          "path": "dist/chunk-GNQAOG73.js",
           "kind": "import-statement"
         }
       ],
@@ -12650,16 +12650,16 @@
       "inputs": {},
       "bytes": 1822
     },
-    "dist/HLSView-QPKBRL74.js.map": {
+    "dist/HLSView-U7FQ2YLK.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
       "bytes": 58021
     },
-    "dist/HLSView-QPKBRL74.js": {
+    "dist/HLSView-U7FQ2YLK.js": {
       "imports": [
         {
-          "path": "dist/chunk-LRZEFY46.js",
+          "path": "dist/chunk-GNQAOG73.js",
           "kind": "import-statement"
         },
         {
@@ -12823,13 +12823,13 @@
       },
       "bytes": 36449
     },
-    "dist/chunk-LRZEFY46.js.map": {
+    "dist/chunk-GNQAOG73.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 3004449
+      "bytes": 3004637
     },
-    "dist/chunk-LRZEFY46.js": {
+    "dist/chunk-GNQAOG73.js": {
       "imports": [
         {
           "path": "react",
@@ -15047,7 +15047,7 @@
           "external": true
         },
         {
-          "path": "dist/HLSView-QPKBRL74.js",
+          "path": "dist/HLSView-U7FQ2YLK.js",
           "kind": "dynamic-import"
         },
         {
@@ -15469,7 +15469,7 @@
       ],
       "inputs": {
         "<define:process.env>": {
-          "bytesInOutput": 17933
+          "bytesInOutput": 18024
         },
         "../../node_modules/lodash/lodash.js": {
           "bytesInOutput": 224265
@@ -15664,7 +15664,7 @@
           "bytesInOutput": 7824
         },
         "src/Stats/formatBytes.ts": {
-          "bytesInOutput": 471
+          "bytesInOutput": 473
         },
         "src/Stats/StyledStats.tsx": {
           "bytesInOutput": 708
@@ -15679,7 +15679,7 @@
           "bytesInOutput": 738
         },
         "src/Toast/Toast.tsx": {
-          "bytesInOutput": 4076
+          "bytesInOutput": 4094
         },
         "src/Accordion/index.ts": {
           "bytesInOutput": 149
@@ -15865,7 +15865,7 @@
           "bytesInOutput": 2940
         },
         "src/Prebuilt/components/StatsForNerds.jsx": {
-          "bytesInOutput": 9585
+          "bytesInOutput": 9587
         },
         "src/Prebuilt/components/MoreSettings/BulkRoleChangeModal.jsx": {
           "bytesInOutput": 5008
@@ -15892,7 +15892,7 @@
           "bytesInOutput": 10019
         },
         "../hms-video-store/dist/index.js": {
-          "bytesInOutput": 48115
+          "bytesInOutput": 48225
         },
         "../../node_modules/reselect/es/index.js": {
           "bytesInOutput": 2537
@@ -16033,7 +16033,7 @@
           "bytesInOutput": 735
         },
         "src/Prebuilt/components/Polls/CreatePollQuiz/PollsQuizMenu.jsx": {
-          "bytesInOutput": 7927
+          "bytesInOutput": 7547
         },
         "src/Prebuilt/components/Streaming/Common.jsx": {
           "bytesInOutput": 2247
@@ -16045,7 +16045,7 @@
           "bytesInOutput": 4875
         },
         "src/Prebuilt/components/Polls/CreateQuestions/QuestionForm.tsx": {
-          "bytesInOutput": 8578
+          "bytesInOutput": 8169
         },
         "src/Prebuilt/components/Polls/CreateQuestions/DeleteQuestionModal.tsx": {
           "bytesInOutput": 2083
@@ -16078,7 +16078,7 @@
           "bytesInOutput": 1683
         },
         "src/Prebuilt/components/Polls/Voting/PeerParticipationSummary.tsx": {
-          "bytesInOutput": 2194
+          "bytesInOutput": 2277
         },
         "src/Prebuilt/components/Polls/Voting/StatisticBox.tsx": {
           "bytesInOutput": 634
@@ -16231,7 +16231,7 @@
           "bytesInOutput": 1204
         },
         "src/Prebuilt/components/hooks/useTileLayout.tsx": {
-          "bytesInOutput": 3837
+          "bytesInOutput": 3841
         },
         "src/Prebuilt/components/VideoLayouts/RoleProminence.tsx": {
           "bytesInOutput": 1737
@@ -16312,7 +16312,7 @@
           "bytesInOutput": 27
         },
         "src/Prebuilt/components/Notifications/Notifications.tsx": {
-          "bytesInOutput": 7354
+          "bytesInOutput": 7908
         },
         "src/Prebuilt/components/Toast/ToastBatcher.js": {
           "bytesInOutput": 1768
@@ -16384,7 +16384,7 @@
           "bytesInOutput": 651
         }
       },
-      "bytes": 1220642
+      "bytes": 1220717
     }
   }
 }

package/package.json

@@ -10,9 +10,14 @@
     "prebuilt",
     "roomkit"
   ],
-  "version": "0.2.1-alpha.1",
+  "version": "0.2.1",
   "author": "100ms",
   "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/100mslive/web-sdks.git",
+    "directory": "packages/roomkit-react"
+  },
   "files": [
     "dist",
     "src"
@@ -77,10 +82,10 @@
     "react": ">=17.0.2 <19.0.0"
   },
   "dependencies": {
-    "@100mslive/hls-player": "0.2.1-alpha.1",
-    "@100mslive/hms-virtual-background": "1.12.1-alpha.1",
-    "@100mslive/react-icons": "0.9.1-alpha.1",
-    "@100mslive/react-sdk": "0.9.1-alpha.1",
+    "@100mslive/hls-player": "0.2.1",
+    "@100mslive/hms-virtual-background": "1.12.1",
+    "@100mslive/react-icons": "0.9.1",
+    "@100mslive/react-sdk": "0.9.1",
     "@100mslive/types-prebuilt": "0.12.5",
     "@emoji-mart/data": "^1.0.6",
     "@emoji-mart/react": "^1.0.1",
@@ -115,5 +120,5 @@
     "uuid": "^8.3.2",
     "worker-timers": "^7.0.40"
   },
-  "gitHead": "8e59b80ba249933faedfafd0c9fef523a07dc74c"
+  "gitHead": "d059b6f9ea6851f26271332df4cf83c9a4f3d567"
 }

package/src/Prebuilt/components/Notifications/Notifications.tsx

@@ -38,6 +38,9 @@ import { useIsNotificationDisabled, useSubscribedNotifications } from '../AppDat
 import { getMetadata } from '../../common/utils';
 // @ts-ignore: No implicit Any
 import { ROLE_CHANGE_DECLINED } from '../../common/constants';
+
+const pollToastKey: Record<string, string> = {};
+
 export function Notifications() {
   const localPeerID = useHMSStore(selectLocalPeerID);
   const notification = useHMSNotifications();
@@ -151,7 +154,8 @@ export function Notifications() {
       case HMSNotificationTypes.POLL_STARTED:
         if (notification.data.startedBy !== localPeerID && screenProps.screenType !== 'hls_live_streaming') {
           const pollStartedBy = vanillaStore.getState(selectPeerNameByID(notification.data.startedBy)) || 'Participant';
-          ToastManager.addToast({
+
+          const pollToastID = ToastManager.addToast({
             title: `${pollStartedBy} started a ${notification.data.type}: ${notification.data.title}`,
             action: (
               <Button
@@ -167,7 +171,16 @@ export function Notifications() {
                 {notification.data.type === 'quiz' ? 'Answer' : 'Vote'}
               </Button>
             ),
+            duration: Infinity,
           });
+          pollToastKey[notification.data.id] = pollToastID;
+        }
+        break;
+      case HMSNotificationTypes.POLL_STOPPED:
+        const pollID = notification?.data.id;
+        if (pollID && pollToastKey?.[pollID]) {
+          ToastManager.removeToast(pollToastKey?.[notification.data.id]);
+          delete pollToastKey[notification?.data.id];
         }
         break;
       default:

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

@@ -67,7 +67,6 @@ const AddMenu = () => {
   const actions = useHMSActions();
   const [title, setTitle] = useState('');
   const localPeerRoleName = useHMSStore(selectLocalPeerRoleName);
-  const [anonymous, setAnonymous] = useState(false);
   const [hideVoteCount, setHideVoteCount] = useState(false);
   const [error, setError] = useState();
   const [titleError, setTitleError] = useState('');
@@ -141,12 +140,12 @@ const AddMenu = () => {
             Hide Vote Count
           </Text>
         </Flex>
-        <Flex align="center" css={{ mt: '$10' }}>
+        {/* <Flex align="center" css={{ mt: '$10' }}>
           <Switch onCheckedChange={value => setAnonymous(value)} css={{ mr: '$6' }} />
           <Text variant="body2" css={{ c: '$on_surface_medium' }}>
             Make Results Anonymous
           </Text>
-        </Flex>
+        </Flex> */}
         {/* <Timer
         timer={timer}
         setTimer={setTimer}
@@ -164,7 +163,7 @@ const AddMenu = () => {
               .createPoll({
                 id,
                 title,
-                anonymous,
+                anonymous: false,
                 rolesThatCanViewResponses: hideVoteCount && localPeerRoleName ? [localPeerRoleName] : undefined,
                 type: interactionType.toLowerCase(),
                 // duration: showTimerDropDown ? timer : undefined,

package/src/Prebuilt/components/Polls/CreateQuestions/QuestionForm.tsx

@@ -6,7 +6,8 @@ import {
   HMSPollQuestionType,
 } from '@100mslive/react-sdk';
 import { AddCircleIcon, TrashIcon } from '@100mslive/react-icons';
-import { Button, Dropdown, Flex, IconButton, Input, Switch, Text, TextArea, Tooltip } from '../../../..';
+// import { Button, Dropdown, Flex, IconButton, Input, Switch, Text, TextArea, Tooltip } from '../../../..';
+import { Button, Dropdown, Flex, IconButton, Input, Text, TextArea, Tooltip } from '../../../..';
 // @ts-ignore
 import { DialogDropdownTrigger } from '../../../primitives/DropdownTrigger';
 // @ts-ignore
@@ -50,7 +51,7 @@ export const QuestionForm = ({
       { text: '', isCorrectAnswer: false },
     ],
   );
-  const [skippable, setSkippable] = useState(false);
+  // const [skippable, setSkippable] = useState(false);
   const isValid = isValidQuestion({
     text,
     type,
@@ -241,12 +242,12 @@ export const QuestionForm = ({
                   }}
                 />
               </Flex>
-              <Flex justify="between" css={{ mt: '$md', gap: '$6', w: '100%' }}>
+              {/* <Flex justify="between" css={{ mt: '$md', gap: '$6', w: '100%' }}>
                 <Text variant="sm" css={{ color: '$on_surface_medium' }}>
                   Allow to skip
                 </Text>
                 <Switch defaultChecked={skippable} onCheckedChange={checked => setSkippable(checked)} />
-              </Flex>
+              </Flex> */}
             </>
           ) : null}
         </>
@@ -274,7 +275,7 @@ export const QuestionForm = ({
                 text,
                 type,
                 options,
-                skippable,
+                skippable: false,
                 draftID: question.draftID,
                 weight,
               });

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

@@ -29,7 +29,10 @@ export const PeerParticipationSummary = ({ quiz }: { quiz: HMSPoll }) => {
           }/${summary.totalUsers})`,
         },
         { title: 'Avg. Time Taken', value: summary.avgTime },
-        { title: 'Avg. Score', value: summary.avgScore },
+        {
+          title: 'Avg. Score',
+          value: Number.isInteger(summary.avgScore) ? summary.avgScore : summary.avgScore.toFixed(2),
+        },
       ]
     : [
         { title: 'Your rank', value: peerEntry?.position ? `${peerEntry.position}/${summary.totalUsers}` : '-' },

package/src/Toast/Toast.tsx

@@ -78,6 +78,7 @@ const ToastClose = styled(ToastPrimitives.Close, {});
 const ToastAction = styled(ToastPrimitives.Action, {
   cursor: 'pointer',
   background: 'none',
+  border: 'none',
 });
 const ToastViewport = styled(ToastPrimitives.Viewport, {
   position: 'fixed',