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

Sign up to get free protection for your applications and to get access to all the features.
Files changed (19) hide show
  1. package/dist/{HLSView-BJWPNE7P.css → HLSView-3XOPXTNY.css} +3 -3
  2. package/dist/{HLSView-BJWPNE7P.css.map → HLSView-3XOPXTNY.css.map} +1 -1
  3. package/dist/{HLSView-EHEKBMBJ.js → HLSView-Y6XTCMLB.js} +120 -109
  4. package/dist/{HLSView-EHEKBMBJ.js.map → HLSView-Y6XTCMLB.js.map} +2 -2
  5. package/dist/{chunk-ZPUJUJBA.js → chunk-PPWKDU5P.js} +1671 -1369
  6. package/dist/chunk-PPWKDU5P.js.map +7 -0
  7. package/dist/index.cjs.css +2 -2
  8. package/dist/index.cjs.css.map +1 -1
  9. package/dist/index.cjs.js +1779 -1481
  10. package/dist/index.cjs.js.map +4 -4
  11. package/dist/index.css +2 -2
  12. package/dist/index.css.map +1 -1
  13. package/dist/index.js +1 -1
  14. package/dist/meta.cjs.json +782 -197
  15. package/dist/meta.esbuild.json +800 -211
  16. package/package.json +7 -7
  17. package/src/Prebuilt/components/MoreSettings/CaptionContent.tsx +6 -6
  18. package/src/Prebuilt/components/Notifications/TranscriptionNotifications.tsx +2 -2
  19. package/dist/chunk-ZPUJUJBA.js.map +0 -7
package/package.json CHANGED
@@ -10,7 +10,7 @@
10
10
  "prebuilt",
11
11
  "roomkit"
12
12
  ],
13
- "version": "0.3.12-alpha.1",
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.1",
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.1",
80
- "@100mslive/hms-whiteboard": "0.0.2-alpha.1",
81
- "@100mslive/react-icons": "0.10.12-alpha.1",
82
- "@100mslive/react-sdk": "0.10.12-alpha.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",
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": "d1da18b74e26ac0defecd1509864a9d8dd8c258e"
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);