@100mslive/roomkit-react 0.3.12-alpha.2 → 0.3.12-alpha.4

package/dist/meta.esbuild.json

@@ -4104,7 +4104,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/MoreSettings/CaptionContent.tsx": {
-      "bytes": 5144,
+      "bytes": 5092,
       "imports": [
         {
           "path": "react",
@@ -7672,7 +7672,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Polls/Voting/Voting.tsx": {
-      "bytes": 4882,
+      "bytes": 4997,
       "imports": [
         {
           "path": "react",
@@ -10944,7 +10944,7 @@
       ],
       "format": "esm"
     },
-    "../../../../../../../tmp/tmp-2766-Gbs6silUFk3A/18fc3dfdf763/tldraw.css": {
+    "../../../../../../../tmp/tmp-2913-xECWjJeQtR4x/18fe1ed4d253/tldraw.css": {
       "bytes": 80111,
       "imports": [
         {
@@ -10994,7 +10994,7 @@
         }
       ]
     },
-    "../../../../../../../tmp/tmp-2766-Gbs6silUFk3A/18fc3dfdf071/index.css": {
+    "../../../../../../../tmp/tmp-2913-xECWjJeQtR4x/18fe1ed4cbe0/index.css": {
       "bytes": 597,
       "imports": [
         {
@@ -11003,7 +11003,7 @@
           "external": true
         },
         {
-          "path": "../../../../../../../tmp/tmp-2766-Gbs6silUFk3A/18fc3dfdf763/tldraw.css",
+          "path": "../../../../../../../tmp/tmp-2913-xECWjJeQtR4x/18fe1ed4d253/tldraw.css",
           "kind": "import-rule",
           "original": "@tldraw/tldraw/tldraw.css"
         }
@@ -11078,7 +11078,7 @@
           "original": "../../common/constants"
         },
         {
-          "path": "../../../../../../../tmp/tmp-2766-Gbs6silUFk3A/18fc3dfdf071/index.css",
+          "path": "../../../../../../../tmp/tmp-2913-xECWjJeQtR4x/18fe1ed4cbe0/index.css",
           "kind": "import-statement",
           "original": "@100mslive/hms-whiteboard/index.css"
         },
@@ -14302,7 +14302,7 @@
     "dist/index.js": {
       "imports": [
         {
-          "path": "dist/chunk-KJZOZLIO.js",
+          "path": "dist/chunk-Y4IB3NEG.js",
           "kind": "import-statement"
         }
       ],
@@ -14376,16 +14376,16 @@
       "inputs": {},
       "bytes": 1822
     },
-    "dist/HLSView-CRIT7T2T.js.map": {
+    "dist/HLSView-EALBDQOP.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
       "bytes": 100275
     },
-    "dist/HLSView-CRIT7T2T.js": {
+    "dist/HLSView-EALBDQOP.js": {
       "imports": [
         {
-          "path": "dist/chunk-KJZOZLIO.js",
+          "path": "dist/chunk-Y4IB3NEG.js",
           "kind": "import-statement"
         },
         {
@@ -14563,7 +14563,7 @@
         "default"
       ],
       "entryPoint": "src/Prebuilt/layouts/HLSView.jsx",
-      "cssBundle": "dist/HLSView-BTT7LI2J.css",
+      "cssBundle": "dist/HLSView-NKSP5FXW.css",
       "inputs": {
         "src/Prebuilt/layouts/HLSView.jsx": {
           "bytesInOutput": 27671
@@ -14622,13 +14622,13 @@
       },
       "bytes": 61702
     },
-    "dist/chunk-KJZOZLIO.js.map": {
+    "dist/chunk-Y4IB3NEG.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 3271801
+      "bytes": 3271901
     },
-    "dist/chunk-KJZOZLIO.js": {
+    "dist/chunk-Y4IB3NEG.js": {
       "imports": [
         {
           "path": "react",
@@ -17101,7 +17101,7 @@
           "external": true
         },
         {
-          "path": "dist/HLSView-CRIT7T2T.js",
+          "path": "dist/HLSView-EALBDQOP.js",
           "kind": "dynamic-import"
         },
         {
@@ -17603,7 +17603,7 @@
       ],
       "inputs": {
         "<define:process.env>": {
-          "bytesInOutput": 17910
+          "bytesInOutput": 17904
         },
         "../../node_modules/lodash/lodash.js": {
           "bytesInOutput": 224310
@@ -18026,7 +18026,7 @@
           "bytesInOutput": 1015
         },
         "src/Prebuilt/components/MoreSettings/CaptionContent.tsx": {
-          "bytesInOutput": 5033
+          "bytesInOutput": 4981
         },
         "src/Prebuilt/components/MoreSettings/FullScreenItem.tsx": {
           "bytesInOutput": 628
@@ -18260,7 +18260,7 @@
           "bytesInOutput": 1874
         },
         "src/Prebuilt/components/Polls/Voting/Voting.tsx": {
-          "bytesInOutput": 5037
+          "bytesInOutput": 5206
         },
         "src/Prebuilt/components/Polls/Voting/StandardVoting.tsx": {
           "bytesInOutput": 1304
@@ -18290,7 +18290,7 @@
           "bytesInOutput": 5649
         },
         "src/Prebuilt/components/Chat/ChatBody.tsx": {
-          "bytesInOutput": 14744
+          "bytesInOutput": 14742
         },
         "src/Prebuilt/components/Chat/ChatActions.tsx": {
           "bytesInOutput": 9785
@@ -18419,7 +18419,7 @@
           "bytesInOutput": 3834
         },
         "src/Prebuilt/components/VideoLayouts/RoleProminence.tsx": {
-          "bytesInOutput": 2181
+          "bytesInOutput": 2183
         },
         "src/Prebuilt/components/SecondaryTiles.tsx": {
           "bytesInOutput": 2706
@@ -18445,7 +18445,7 @@
         "src/Prebuilt/components/VideoLayouts/WhiteboardLayout.tsx": {
           "bytesInOutput": 2793
         },
-        "../../../../../../../tmp/tmp-2766-Gbs6silUFk3A/18fc3dfdf071/index.css": {
+        "../../../../../../../tmp/tmp-2913-xECWjJeQtR4x/18fe1ed4cbe0/index.css": {
           "bytesInOutput": 0
         },
         "src/Prebuilt/common/PeersSorter.ts": {
@@ -18587,7 +18587,7 @@
           "bytesInOutput": 651
         }
       },
-      "bytes": 1342561
+      "bytes": 1342672
     },
     "dist/index.css.map": {
       "imports": [],
@@ -18649,22 +18649,22 @@
         }
       ],
       "inputs": {
-        "../../../../../../../tmp/tmp-2766-Gbs6silUFk3A/18fc3dfdf763/tldraw.css": {
+        "../../../../../../../tmp/tmp-2913-xECWjJeQtR4x/18fe1ed4d253/tldraw.css": {
           "bytesInOutput": 75223
         },
-        "../../../../../../../tmp/tmp-2766-Gbs6silUFk3A/18fc3dfdf071/index.css": {
+        "../../../../../../../tmp/tmp-2913-xECWjJeQtR4x/18fe1ed4cbe0/index.css": {
           "bytesInOutput": 401
         }
       },
       "bytes": 75901
     },
-    "dist/HLSView-BTT7LI2J.css.map": {
+    "dist/HLSView-NKSP5FXW.css.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
       "bytes": 122402
     },
-    "dist/HLSView-BTT7LI2J.css": {
+    "dist/HLSView-NKSP5FXW.css": {
       "imports": [
         {
           "path": "https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap",
@@ -18718,10 +18718,10 @@
         }
       ],
       "inputs": {
-        "../../../../../../../tmp/tmp-2766-Gbs6silUFk3A/18fc3dfdf763/tldraw.css": {
+        "../../../../../../../tmp/tmp-2913-xECWjJeQtR4x/18fe1ed4d253/tldraw.css": {
           "bytesInOutput": 75223
         },
-        "../../../../../../../tmp/tmp-2766-Gbs6silUFk3A/18fc3dfdf071/index.css": {
+        "../../../../../../../tmp/tmp-2913-xECWjJeQtR4x/18fe1ed4cbe0/index.css": {
           "bytesInOutput": 401
         }
       },

package/package.json

@@ -10,7 +10,7 @@
     "prebuilt",
     "roomkit"
   ],
-  "version": "0.3.12-alpha.2",
+  "version": "0.3.12-alpha.4",
   "author": "100ms",
   "license": "MIT",
   "repository": {
@@ -74,12 +74,12 @@
     "react": ">=17.0.2 <19.0.0"
   },
   "dependencies": {
-    "@100mslive/hls-player": "0.3.12-alpha.2",
+    "@100mslive/hls-player": "0.3.12-alpha.4",
     "@100mslive/hms-noise-cancellation": "0.0.1",
-    "@100mslive/hms-virtual-background": "1.13.12-alpha.2",
-    "@100mslive/hms-whiteboard": "0.0.2-alpha.2",
-    "@100mslive/react-icons": "0.10.12-alpha.2",
-    "@100mslive/react-sdk": "0.10.12-alpha.2",
+    "@100mslive/hms-virtual-background": "1.13.12-alpha.4",
+    "@100mslive/hms-whiteboard": "0.0.2-alpha.4",
+    "@100mslive/react-icons": "0.10.12-alpha.4",
+    "@100mslive/react-sdk": "0.10.12-alpha.4",
     "@100mslive/types-prebuilt": "0.12.8",
     "@emoji-mart/data": "^1.0.6",
     "@emoji-mart/react": "^1.0.1",
@@ -115,5 +115,5 @@
     "uuid": "^8.3.2",
     "worker-timers": "^7.0.40"
   },
-  "gitHead": "661d33178068de7f764ef7b31119b04c12c22176"
+  "gitHead": "1274c370d27307d203d1cffee2e2046726445e2e"
 }

package/src/Prebuilt/components/MoreSettings/CaptionContent.tsx

@@ -27,8 +27,7 @@ export const CaptionContent = ({ isMobile, onExit }: { isMobile: boolean; onExit
           color: '$on_surface_high',
           fontWeight: '$semiBold',
           display: 'flex',
-          pb: '$4',
-          '@md': { px: '$8', borderBottom: '1px solid $border_default' },
+          '@md': { px: '$8' },
         }}
       >
         {isTranscriptionEnabled ? 'Disable' : 'Enable'} Closed Caption (CC) for this session?
@@ -40,7 +39,7 @@ export const CaptionContent = ({ isMobile, onExit }: { isMobile: boolean; onExit
         </Box>
       </Text>
       {!isMobile ? (
-        <Text variant="sm" css={{ color: '$on_surface_medium', pb: '$6', mb: '$8', '@md': { px: '$8', mt: '$4' } }}>
+        <Text variant="sm" css={{ color: '$on_surface_medium', mt: '$4', '@md': { px: '$8' } }}>
           This will {isTranscriptionEnabled ? 'disable' : 'enable'} Closed Captions for everyone in this room. You
           can&nbsp;
           {isTranscriptionEnabled ? 'enable' : 'disable'} it later.
@@ -68,12 +67,13 @@ export const CaptionContent = ({ isMobile, onExit }: { isMobile: boolean; onExit
           align="center"
           css={{
             width: '100%',
+            '@md': { px: '$4' },
           }}
         >
           {isMobile && isTranscriptionEnabled ? (
             <Button
               variant="standard"
-              css={{ w: '100%', mb: '$8' }}
+              css={{ w: '100%', mb: '$4' }}
               outlined
               onClick={() => {
                 setIsCaptionEnabled(!isCaptionEnabled);
@@ -115,7 +115,7 @@ export const CaptionContent = ({ isMobile, onExit }: { isMobile: boolean; onExit
                 setToastId(id);
               } catch (err) {
                 const id = ToastManager.replaceToast(toastId, {
-                  title: `Failed to ${isTranscriptionEnabled ? 'disabled' : 'enabled'} closed caption`,
+                  title: `Failed to ${isTranscriptionEnabled ? 'disable' : 'enable'} closed caption`,
                   variant: 'error',
                   icon: <AlertTriangleIcon style={{ marginRight: '0.5rem' }} />,
                 });
@@ -129,7 +129,7 @@ export const CaptionContent = ({ isMobile, onExit }: { isMobile: boolean; onExit
         </Flex>
       </Flex>
       {isMobile && (
-        <Text variant="sm" css={{ color: '$on_surface_medium', pb: '$6', mb: '$8', '@md': { px: '$8', mt: '$4' } }}>
+        <Text variant="sm" css={{ color: '$on_surface_medium', pb: '$4', mb: '$8', '@md': { px: '$8', mt: '$4' } }}>
           This will {isTranscriptionEnabled ? 'disable' : 'enable'} Closed Captions for everyone in this room. You
           can&nbsp;
           {isTranscriptionEnabled ? 'enable' : 'disable'} it later.

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

@@ -37,7 +37,7 @@ export const TranscriptionNotifications = () => {
             title: `Closed Captioning enabled for everyone`,
             variant: 'standard',
             duration: 2000,
-            icon: <OpenCaptionIcon style={{ marginRight: '0.5rem' }} />,
+            icon: <ClosedCaptionIcon style={{ marginRight: '0.5rem' }} />,
           });
         })
         .with({ state: HMSTranscriptionState.STOPPED }, () => {
@@ -45,7 +45,7 @@ export const TranscriptionNotifications = () => {
             title: `Closed Captioning disabled for everyone`,
             variant: 'standard',
             duration: 2000,
-            icon: <ClosedCaptionIcon style={{ marginRight: '0.5rem' }} />,
+            icon: <OpenCaptionIcon style={{ marginRight: '0.5rem' }} />,
           });
         })
         .otherwise(() => null);

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

@@ -1,6 +1,6 @@
 import React, { useEffect, useRef, useState } from 'react';
 import {
-  selectLocalPeerID,
+  selectLocalPeer,
   selectPeerNameByID,
   selectPermissions,
   selectPollByID,
@@ -31,7 +31,9 @@ export const Voting = ({ id, toggleVoting }: { id: string; toggleVoting: () => v
   const showSingleView = poll?.type === 'quiz' && poll.state === 'started';
   const fetchedInitialResponses = useRef(false);
   const [savedResponses, setSavedResponses] = useState<Record<any, any>>({});
-  const localPeerId = useHMSStore(selectLocalPeerID);
+  const localPeer = useHMSStore(selectLocalPeer);
+  const localPeerId = localPeer?.id;
+  const customerUserId = localPeer?.customerUserId;
 
   // To reset whenever a different poll is opened
   useEffect(() => {
@@ -51,7 +53,7 @@ export const Voting = ({ id, toggleVoting }: { id: string; toggleVoting: () => v
 
   useEffect(() => {
     if (poll?.questions) {
-      const localPeerResponses = getPeerResponses(poll.questions, localPeerId);
+      const localPeerResponses = getPeerResponses(poll.questions, localPeerId, customerUserId);
       // @ts-ignore
       localPeerResponses?.forEach(response => {
         if (response) {
@@ -63,7 +65,7 @@ export const Voting = ({ id, toggleVoting }: { id: string; toggleVoting: () => v
         }
       });
     }
-  }, [localPeerId, poll?.questions, id]);
+  }, [localPeerId, poll?.questions, id, customerUserId]);
 
   if (!poll) {
     return null;