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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (18) hide show
  1. package/dist/{HLSView-BTT7LI2J.css → HLSView-3XOPXTNY.css} +3 -3
  2. package/dist/{HLSView-BTT7LI2J.css.map → HLSView-3XOPXTNY.css.map} +1 -1
  3. package/dist/{HLSView-CRIT7T2T.js → HLSView-Y6XTCMLB.js} +2 -2
  4. package/dist/{chunk-KJZOZLIO.js → chunk-PPWKDU5P.js} +13 -13
  5. package/dist/{chunk-KJZOZLIO.js.map → chunk-PPWKDU5P.js.map} +3 -3
  6. package/dist/index.cjs.css +2 -2
  7. package/dist/index.cjs.css.map +1 -1
  8. package/dist/index.cjs.js +15 -15
  9. package/dist/index.cjs.js.map +3 -3
  10. package/dist/index.css +2 -2
  11. package/dist/index.css.map +1 -1
  12. package/dist/index.js +1 -1
  13. package/dist/meta.cjs.json +12 -12
  14. package/dist/meta.esbuild.json +24 -24
  15. package/package.json +7 -7
  16. package/src/Prebuilt/components/MoreSettings/CaptionContent.tsx +6 -6
  17. package/src/Prebuilt/components/Notifications/TranscriptionNotifications.tsx +2 -2
  18. /package/dist/{HLSView-CRIT7T2T.js.map → HLSView-Y6XTCMLB.js.map} +0 -0
package/package.json CHANGED
@@ -10,7 +10,7 @@
10
10
  "prebuilt",
11
11
  "roomkit"
12
12
  ],
13
- "version": "0.3.12-alpha.2",
13
+ "version": "0.3.12-alpha.3",
14
14
  "author": "100ms",
15
15
  "license": "MIT",
16
16
  "repository": {
@@ -74,12 +74,12 @@
74
74
  "react": ">=17.0.2 <19.0.0"
75
75
  },
76
76
  "dependencies": {
77
- "@100mslive/hls-player": "0.3.12-alpha.2",
77
+ "@100mslive/hls-player": "0.3.12-alpha.3",
78
78
  "@100mslive/hms-noise-cancellation": "0.0.1",
79
- "@100mslive/hms-virtual-background": "1.13.12-alpha.2",
80
- "@100mslive/hms-whiteboard": "0.0.2-alpha.2",
81
- "@100mslive/react-icons": "0.10.12-alpha.2",
82
- "@100mslive/react-sdk": "0.10.12-alpha.2",
79
+ "@100mslive/hms-virtual-background": "1.13.12-alpha.3",
80
+ "@100mslive/hms-whiteboard": "0.0.2-alpha.3",
81
+ "@100mslive/react-icons": "0.10.12-alpha.3",
82
+ "@100mslive/react-sdk": "0.10.12-alpha.3",
83
83
  "@100mslive/types-prebuilt": "0.12.8",
84
84
  "@emoji-mart/data": "^1.0.6",
85
85
  "@emoji-mart/react": "^1.0.1",
@@ -115,5 +115,5 @@
115
115
  "uuid": "^8.3.2",
116
116
  "worker-timers": "^7.0.40"
117
117
  },
118
- "gitHead": "661d33178068de7f764ef7b31119b04c12c22176"
118
+ "gitHead": "86fc40486a11a97f83ad8c21ccd78eeede6a5b30"
119
119
  }
package/src/Prebuilt/components/MoreSettings/CaptionContent.tsx CHANGED
@@ -27,8 +27,7 @@ export const CaptionContent = ({ isMobile, onExit }: { isMobile: boolean; onExit
27
27
  color: '$on_surface_high',
28
28
  fontWeight: '$semiBold',
29
29
  display: 'flex',
30
- pb: '$4',
31
- '@md': { px: '$8', borderBottom: '1px solid $border_default' },
30
+ '@md': { px: '$8' },
32
31
  }}
33
32
  >
34
33
  {isTranscriptionEnabled ? 'Disable' : 'Enable'} Closed Caption (CC) for this session?
@@ -40,7 +39,7 @@ export const CaptionContent = ({ isMobile, onExit }: { isMobile: boolean; onExit
40
39
  </Box>
41
40
  </Text>
42
41
  {!isMobile ? (
43
- <Text variant="sm" css={{ color: '$on_surface_medium', pb: '$6', mb: '$8', '@md': { px: '$8', mt: '$4' } }}>
42
+ <Text variant="sm" css={{ color: '$on_surface_medium', mt: '$4', '@md': { px: '$8' } }}>
44
43
  This will {isTranscriptionEnabled ? 'disable' : 'enable'} Closed Captions for everyone in this room. You
45
44
  can&nbsp;
46
45
  {isTranscriptionEnabled ? 'enable' : 'disable'} it later.
@@ -68,12 +67,13 @@ export const CaptionContent = ({ isMobile, onExit }: { isMobile: boolean; onExit
68
67
  align="center"
69
68
  css={{
70
69
  width: '100%',
70
+ '@md': { px: '$4' },
71
71
  }}
72
72
  >
73
73
  {isMobile && isTranscriptionEnabled ? (
74
74
  <Button
75
75
  variant="standard"
76
- css={{ w: '100%', mb: '$8' }}
76
+ css={{ w: '100%', mb: '$4' }}
77
77
  outlined
78
78
  onClick={() => {
79
79
  setIsCaptionEnabled(!isCaptionEnabled);
@@ -115,7 +115,7 @@ export const CaptionContent = ({ isMobile, onExit }: { isMobile: boolean; onExit
115
115
  setToastId(id);
116
116
  } catch (err) {
117
117
  const id = ToastManager.replaceToast(toastId, {
118
- title: `Failed to ${isTranscriptionEnabled ? 'disabled' : 'enabled'} closed caption`,
118
+ title: `Failed to ${isTranscriptionEnabled ? 'disable' : 'enable'} closed caption`,
119
119
  variant: 'error',
120
120
  icon: <AlertTriangleIcon style={{ marginRight: '0.5rem' }} />,
121
121
  });
@@ -129,7 +129,7 @@ export const CaptionContent = ({ isMobile, onExit }: { isMobile: boolean; onExit
129
129
  </Flex>
130
130
  </Flex>
131
131
  {isMobile && (
132
- <Text variant="sm" css={{ color: '$on_surface_medium', pb: '$6', mb: '$8', '@md': { px: '$8', mt: '$4' } }}>
132
+ <Text variant="sm" css={{ color: '$on_surface_medium', pb: '$4', mb: '$8', '@md': { px: '$8', mt: '$4' } }}>
133
133
  This will {isTranscriptionEnabled ? 'disable' : 'enable'} Closed Captions for everyone in this room. You
134
134
  can&nbsp;
135
135
  {isTranscriptionEnabled ? 'enable' : 'disable'} it later.
package/src/Prebuilt/components/Notifications/TranscriptionNotifications.tsx CHANGED
@@ -37,7 +37,7 @@ export const TranscriptionNotifications = () => {
37
37
  title: `Closed Captioning enabled for everyone`,
38
38
  variant: 'standard',
39
39
  duration: 2000,
40
- icon: <OpenCaptionIcon style={{ marginRight: '0.5rem' }} />,
40
+ icon: <ClosedCaptionIcon style={{ marginRight: '0.5rem' }} />,
41
41
  });
42
42
  })
43
43
  .with({ state: HMSTranscriptionState.STOPPED }, () => {
@@ -45,7 +45,7 @@ export const TranscriptionNotifications = () => {
45
45
  title: `Closed Captioning disabled for everyone`,
46
46
  variant: 'standard',
47
47
  duration: 2000,
48
- icon: <ClosedCaptionIcon style={{ marginRight: '0.5rem' }} />,
48
+ icon: <OpenCaptionIcon style={{ marginRight: '0.5rem' }} />,
49
49
  });
50
50
  })
51
51
  .otherwise(() => null);