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

Sign up to get free protection for your applications and to get access to all the features.
Files changed (18) hide show
  1. package/dist/{HLSView-Y6XTCMLB.js → HLSView-K5XFYK3X.js} +2 -2
  2. package/dist/{HLSView-3XOPXTNY.css → HLSView-KCRIRMQE.css} +3 -3
  3. package/dist/{HLSView-3XOPXTNY.css.map → HLSView-KCRIRMQE.css.map} +1 -1
  4. package/dist/{chunk-PPWKDU5P.js → chunk-FQVXDJIG.js} +22 -22
  5. package/dist/{chunk-PPWKDU5P.js.map → chunk-FQVXDJIG.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 +25 -25
  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 +13 -13
  14. package/dist/meta.esbuild.json +25 -25
  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-Y6XTCMLB.js.map → HLSView-K5XFYK3X.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.3",
13
+ "version": "0.3.12-alpha.6",
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.3",
77
+ "@100mslive/hls-player": "0.3.12-alpha.6",
78
78
  "@100mslive/hms-noise-cancellation": "0.0.1",
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",
79
+ "@100mslive/hms-virtual-background": "1.13.12-alpha.6",
80
+ "@100mslive/hms-whiteboard": "0.0.2-alpha.6",
81
+ "@100mslive/react-icons": "0.10.12-alpha.6",
82
+ "@100mslive/react-sdk": "0.10.12-alpha.6",
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": "86fc40486a11a97f83ad8c21ccd78eeede6a5b30"
118
+ "gitHead": "b056278ac61c5f0c04ed2c7c72ca84574ceac05c"
119
119
  }
package/src/Prebuilt/components/MoreSettings/CaptionContent.tsx CHANGED
@@ -27,7 +27,8 @@ export const CaptionContent = ({ isMobile, onExit }: { isMobile: boolean; onExit
27
27
  color: '$on_surface_high',
28
28
  fontWeight: '$semiBold',
29
29
  display: 'flex',
30
- '@md': { px: '$8' },
30
+ pb: '$4',
31
+ '@md': { px: '$8', borderBottom: '1px solid $border_default' },
31
32
  }}
32
33
  >
33
34
  {isTranscriptionEnabled ? 'Disable' : 'Enable'} Closed Caption (CC) for this session?
@@ -39,7 +40,7 @@ export const CaptionContent = ({ isMobile, onExit }: { isMobile: boolean; onExit
39
40
  </Box>
40
41
  </Text>
41
42
  {!isMobile ? (
42
- <Text variant="sm" css={{ color: '$on_surface_medium', mt: '$4', '@md': { px: '$8' } }}>
43
+ <Text variant="sm" css={{ color: '$on_surface_medium', pb: '$6', mb: '$8', '@md': { px: '$8', mt: '$4' } }}>
43
44
  This will {isTranscriptionEnabled ? 'disable' : 'enable'} Closed Captions for everyone in this room. You
44
45
  can&nbsp;
45
46
  {isTranscriptionEnabled ? 'enable' : 'disable'} it later.
@@ -67,13 +68,12 @@ export const CaptionContent = ({ isMobile, onExit }: { isMobile: boolean; onExit
67
68
  align="center"
68
69
  css={{
69
70
  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: '$4' }}
76
+ css={{ w: '100%', mb: '$8' }}
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 ? 'disable' : 'enable'} closed caption`,
118
+ title: `Failed to ${isTranscriptionEnabled ? 'disabled' : 'enabled'} 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: '$4', mb: '$8', '@md': { px: '$8', mt: '$4' } }}>
132
+ <Text variant="sm" css={{ color: '$on_surface_medium', pb: '$6', 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: <ClosedCaptionIcon style={{ marginRight: '0.5rem' }} />,
40
+ icon: <OpenCaptionIcon 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: <OpenCaptionIcon style={{ marginRight: '0.5rem' }} />,
48
+ icon: <ClosedCaptionIcon style={{ marginRight: '0.5rem' }} />,
49
49
  });
50
50
  })
51
51
  .otherwise(() => null);