@tellescope/video-chat 1.30.7 → 1.30.9

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.
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { Styled } from "@tellescope/react-components";
3
2
  interface ButtonProps {
4
3
  size?: number;
@@ -1 +1 @@
1
- {"version":3,"file":"controls.d.ts","sourceRoot":"","sources":["../../src/controls.tsx"],"names":[],"mappings":";AAGA,OAAO,EASL,MAAM,EAEP,MAAM,8BAA8B,CAAA;AAMrC,UAAU,WAAW;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AACD,eAAO,MAAM,WAAW,aAAmC,WAAW,gBAQrE,CAAA;AAED,eAAO,MAAM,gBAAgB,aAAkC,WAAW,gBAQzE,CAAA;AAGD,eAAO,MAAM,UAAU,sBAA2C,WAAW,GAAG,iBAAiB,gBAchG,CAAA;AAED,UAAU,iBAAiB;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AACD,eAAO,MAAM,YAAY,sBAA4C,iBAAiB,GAAG,WAAW,gBAYnG,CAAA;AAED,UAAU,eAAe;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB;AACD,eAAO,MAAM,UAAU,uDAA4D,eAAe,GAAG,iBAAiB,GAAG,MAAM,gBAwB9H,CAAA"}
1
+ {"version":3,"file":"controls.d.ts","sourceRoot":"","sources":["../../src/controls.tsx"],"names":[],"mappings":"AAGA,OAAO,EASL,MAAM,EAEP,MAAM,8BAA8B,CAAA;AAMrC,UAAU,WAAW;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AACD,eAAO,MAAM,WAAW,aAAmC,WAAW,gBAQrE,CAAA;AAED,eAAO,MAAM,gBAAgB,aAAkC,WAAW,gBAQzE,CAAA;AAGD,eAAO,MAAM,UAAU,sBAA2C,WAAW,GAAG,iBAAiB,gBAchG,CAAA;AAED,UAAU,iBAAiB;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AACD,eAAO,MAAM,YAAY,sBAA4C,iBAAiB,GAAG,WAAW,gBAanG,CAAA;AAED,UAAU,eAAe;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB;AACD,eAAO,MAAM,UAAU,uDAA4D,eAAe,GAAG,iBAAiB,GAAG,MAAM,gBA8B9H,CAAA"}
@@ -26,20 +26,20 @@ var DEFAULT_BUTTON_SIZE = 30;
26
26
  var VideoToggle = function (_a) {
27
27
  var _b = _a.size, size = _b === void 0 ? DEFAULT_BUTTON_SIZE : _b;
28
28
  var _c = react_1.default.useContext(video_shared_1.CurrentCallContext), toggleVideo = _c.toggleVideo, videoIsEnabled = _c.videoIsEnabled;
29
- return ((0, jsx_runtime_1.jsx)(react_components_1.LabeledIconButton, { size: size, Icon: videoIsEnabled ? react_components_1.VideoIcon : react_components_1.VideoOffIcon, onClick: toggleVideo, label: videoIsEnabled ? "Turn Camera Off" : "Turn Camera On" }));
29
+ return ((0, jsx_runtime_1.jsx)(react_components_1.LabeledIconButton, { color: "white", size: size, Icon: videoIsEnabled ? react_components_1.VideoIcon : react_components_1.VideoOffIcon, onClick: toggleVideo, label: videoIsEnabled ? "Turn Camera Off" : "Turn Camera On" }));
30
30
  };
31
31
  exports.VideoToggle = VideoToggle;
32
32
  var MicrophoneToggle = function (_a) {
33
33
  var _b = _a.size, size = _b === void 0 ? DEFAULT_BUTTON_SIZE : _b;
34
34
  var _c = react_1.default.useContext(video_shared_1.CurrentCallContext), microphoneIsEnabled = _c.microphoneIsEnabled, toggleMicrophone = _c.toggleMicrophone;
35
- return ((0, jsx_runtime_1.jsx)(react_components_1.LabeledIconButton, { size: size, Icon: microphoneIsEnabled ? react_components_1.MicrophoneIcon : react_components_1.MicrophoneOffIcon, onClick: toggleMicrophone, label: microphoneIsEnabled ? "Turn Microphone Off" : "Turn Microphone On" }));
35
+ return ((0, jsx_runtime_1.jsx)(react_components_1.LabeledIconButton, { color: "white", size: size, Icon: microphoneIsEnabled ? react_components_1.MicrophoneIcon : react_components_1.MicrophoneOffIcon, onClick: toggleMicrophone, label: microphoneIsEnabled ? "Turn Microphone Off" : "Turn Microphone On" }));
36
36
  };
37
37
  exports.MicrophoneToggle = MicrophoneToggle;
38
38
  // ends meeting if host, otherwise leaves meeting
39
39
  var EndMeeting = function (_a) {
40
40
  var _b = _a.size, size = _b === void 0 ? DEFAULT_BUTTON_SIZE : _b, onLeave = _a.onLeave;
41
41
  var endMeeting = (0, video_1.useStartVideoCall)().endMeeting;
42
- return ((0, jsx_runtime_1.jsx)(react_components_1.Button, __assign({ variant: "outlined", color: "primary", style: { width: 200 }, onClick: function () {
42
+ return ((0, jsx_runtime_1.jsx)(react_components_1.Button, __assign({ variant: "outlined", style: { width: 200, color: 'white', borderColor: 'white' }, onClick: function () {
43
43
  onLeave === null || onLeave === void 0 ? void 0 : onLeave();
44
44
  endMeeting();
45
45
  } }, { children: "End Meeting for All" })));
@@ -48,7 +48,7 @@ exports.EndMeeting = EndMeeting;
48
48
  var LeaveMeeting = function (_a) {
49
49
  var onLeave = _a.onLeave, _b = _a.size, size = _b === void 0 ? DEFAULT_BUTTON_SIZE : _b;
50
50
  var leaveMeeting = (0, _1.useJoinVideoCall)().leaveMeeting;
51
- return ((0, jsx_runtime_1.jsx)(react_components_1.LabeledIconButton, { size: size, Icon: react_components_1.CallEndIcon, label: "Leave Meeting", onClick: function () {
51
+ return ((0, jsx_runtime_1.jsx)(react_components_1.LabeledIconButton, { size: size, Icon: react_components_1.CallEndIcon, label: "Leave Meeting", color: "white", onClick: function () {
52
52
  leaveMeeting();
53
53
  onLeave === null || onLeave === void 0 ? void 0 : onLeave();
54
54
  } }));
@@ -58,7 +58,11 @@ var ControlBar = function (_a) {
58
58
  var onLeave = _a.onLeave, style = _a.style, _b = _a.spacing, spacing = _b === void 0 ? 15 : _b, size = _a.size, showEndMeeting = _a.showEndMeeting;
59
59
  var isHost = react_1.default.useContext(video_shared_1.CurrentCallContext).isHost;
60
60
  var itemStyle = { marginLeft: spacing, marginRight: spacing };
61
- return ((0, jsx_runtime_1.jsx)(react_components_1.Flex, __assign({ flex: 1, alignItems: "center", justifyContent: "center", style: style }, { children: (0, jsx_runtime_1.jsxs)(react_components_1.Paper, __assign({ elevation: 5, style: { display: 'flex', flexDirection: 'row', padding: spacing } }, { children: [(0, jsx_runtime_1.jsx)(react_components_1.Flex, __assign({ style: itemStyle }, { children: (0, jsx_runtime_1.jsx)(exports.VideoToggle, { size: size }) })), (0, jsx_runtime_1.jsx)(react_components_1.Flex, __assign({ style: itemStyle }, { children: (0, jsx_runtime_1.jsx)(exports.MicrophoneToggle, { size: size }) })), (0, jsx_runtime_1.jsx)(react_components_1.Flex, __assign({ style: itemStyle }, { children: (0, jsx_runtime_1.jsx)(exports.LeaveMeeting, { size: size, onLeave: onLeave }) })), (isHost || showEndMeeting) &&
61
+ return ((0, jsx_runtime_1.jsx)(react_components_1.Flex, __assign({ flex: 1, alignItems: "center", justifyContent: "center", style: style }, { children: (0, jsx_runtime_1.jsxs)(react_components_1.Paper, __assign({ elevation: 5, style: {
62
+ display: 'flex', flexDirection: 'row', padding: spacing,
63
+ backgroundColor: '#00000088',
64
+ borderColor: 'white',
65
+ } }, { children: [(0, jsx_runtime_1.jsx)(react_components_1.Flex, __assign({ style: itemStyle }, { children: (0, jsx_runtime_1.jsx)(exports.VideoToggle, { size: size }) })), (0, jsx_runtime_1.jsx)(react_components_1.Flex, __assign({ style: itemStyle }, { children: (0, jsx_runtime_1.jsx)(exports.MicrophoneToggle, { size: size }) })), (0, jsx_runtime_1.jsx)(react_components_1.Flex, __assign({ style: itemStyle }, { children: (0, jsx_runtime_1.jsx)(exports.LeaveMeeting, { size: size, onLeave: onLeave }) })), (isHost || showEndMeeting) &&
62
66
  (0, jsx_runtime_1.jsx)(react_components_1.Flex, __assign({ style: { marginLeft: 30, marginRight: 20 } }, { children: (0, jsx_runtime_1.jsx)(exports.EndMeeting, { size: size, onLeave: onLeave }) }))] })) })));
63
67
  };
64
68
  exports.ControlBar = ControlBar;
@@ -1 +1 @@
1
- {"version":3,"file":"controls.js","sourceRoot":"","sources":["../../src/controls.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"controls.js","sourceRoot":"","sources":["../../src/controls.tsx"],"names":[],"mappings":"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"}
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { Styled } from "@tellescope/react-components";
3
2
  interface ButtonProps {
4
3
  size?: number;
@@ -1 +1 @@
1
- {"version":3,"file":"controls.d.ts","sourceRoot":"","sources":["../../src/controls.tsx"],"names":[],"mappings":";AAGA,OAAO,EASL,MAAM,EAEP,MAAM,8BAA8B,CAAA;AAMrC,UAAU,WAAW;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AACD,eAAO,MAAM,WAAW,aAAmC,WAAW,gBAQrE,CAAA;AAED,eAAO,MAAM,gBAAgB,aAAkC,WAAW,gBAQzE,CAAA;AAGD,eAAO,MAAM,UAAU,sBAA2C,WAAW,GAAG,iBAAiB,gBAchG,CAAA;AAED,UAAU,iBAAiB;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AACD,eAAO,MAAM,YAAY,sBAA4C,iBAAiB,GAAG,WAAW,gBAYnG,CAAA;AAED,UAAU,eAAe;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB;AACD,eAAO,MAAM,UAAU,uDAA4D,eAAe,GAAG,iBAAiB,GAAG,MAAM,gBAwB9H,CAAA"}
1
+ {"version":3,"file":"controls.d.ts","sourceRoot":"","sources":["../../src/controls.tsx"],"names":[],"mappings":"AAGA,OAAO,EASL,MAAM,EAEP,MAAM,8BAA8B,CAAA;AAMrC,UAAU,WAAW;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AACD,eAAO,MAAM,WAAW,aAAmC,WAAW,gBAQrE,CAAA;AAED,eAAO,MAAM,gBAAgB,aAAkC,WAAW,gBAQzE,CAAA;AAGD,eAAO,MAAM,UAAU,sBAA2C,WAAW,GAAG,iBAAiB,gBAchG,CAAA;AAED,UAAU,iBAAiB;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AACD,eAAO,MAAM,YAAY,sBAA4C,iBAAiB,GAAG,WAAW,gBAanG,CAAA;AAED,UAAU,eAAe;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB;AACD,eAAO,MAAM,UAAU,uDAA4D,eAAe,GAAG,iBAAiB,GAAG,MAAM,gBA8B9H,CAAA"}
@@ -20,18 +20,18 @@ var DEFAULT_BUTTON_SIZE = 30;
20
20
  export var VideoToggle = function (_a) {
21
21
  var _b = _a.size, size = _b === void 0 ? DEFAULT_BUTTON_SIZE : _b;
22
22
  var _c = React.useContext(CurrentCallContext), toggleVideo = _c.toggleVideo, videoIsEnabled = _c.videoIsEnabled;
23
- return (_jsx(LabeledIconButton, { size: size, Icon: videoIsEnabled ? VideoIcon : VideoOffIcon, onClick: toggleVideo, label: videoIsEnabled ? "Turn Camera Off" : "Turn Camera On" }));
23
+ return (_jsx(LabeledIconButton, { color: "white", size: size, Icon: videoIsEnabled ? VideoIcon : VideoOffIcon, onClick: toggleVideo, label: videoIsEnabled ? "Turn Camera Off" : "Turn Camera On" }));
24
24
  };
25
25
  export var MicrophoneToggle = function (_a) {
26
26
  var _b = _a.size, size = _b === void 0 ? DEFAULT_BUTTON_SIZE : _b;
27
27
  var _c = React.useContext(CurrentCallContext), microphoneIsEnabled = _c.microphoneIsEnabled, toggleMicrophone = _c.toggleMicrophone;
28
- return (_jsx(LabeledIconButton, { size: size, Icon: microphoneIsEnabled ? MicrophoneIcon : MicrophoneOffIcon, onClick: toggleMicrophone, label: microphoneIsEnabled ? "Turn Microphone Off" : "Turn Microphone On" }));
28
+ return (_jsx(LabeledIconButton, { color: "white", size: size, Icon: microphoneIsEnabled ? MicrophoneIcon : MicrophoneOffIcon, onClick: toggleMicrophone, label: microphoneIsEnabled ? "Turn Microphone Off" : "Turn Microphone On" }));
29
29
  };
30
30
  // ends meeting if host, otherwise leaves meeting
31
31
  export var EndMeeting = function (_a) {
32
32
  var _b = _a.size, size = _b === void 0 ? DEFAULT_BUTTON_SIZE : _b, onLeave = _a.onLeave;
33
33
  var endMeeting = useStartVideoCall().endMeeting;
34
- return (_jsx(Button, __assign({ variant: "outlined", color: "primary", style: { width: 200 }, onClick: function () {
34
+ return (_jsx(Button, __assign({ variant: "outlined", style: { width: 200, color: 'white', borderColor: 'white' }, onClick: function () {
35
35
  onLeave === null || onLeave === void 0 ? void 0 : onLeave();
36
36
  endMeeting();
37
37
  } }, { children: "End Meeting for All" })));
@@ -39,7 +39,7 @@ export var EndMeeting = function (_a) {
39
39
  export var LeaveMeeting = function (_a) {
40
40
  var onLeave = _a.onLeave, _b = _a.size, size = _b === void 0 ? DEFAULT_BUTTON_SIZE : _b;
41
41
  var leaveMeeting = useJoinVideoCall().leaveMeeting;
42
- return (_jsx(LabeledIconButton, { size: size, Icon: CallEndIcon, label: "Leave Meeting", onClick: function () {
42
+ return (_jsx(LabeledIconButton, { size: size, Icon: CallEndIcon, label: "Leave Meeting", color: "white", onClick: function () {
43
43
  leaveMeeting();
44
44
  onLeave === null || onLeave === void 0 ? void 0 : onLeave();
45
45
  } }));
@@ -48,7 +48,11 @@ export var ControlBar = function (_a) {
48
48
  var onLeave = _a.onLeave, style = _a.style, _b = _a.spacing, spacing = _b === void 0 ? 15 : _b, size = _a.size, showEndMeeting = _a.showEndMeeting;
49
49
  var isHost = React.useContext(CurrentCallContext).isHost;
50
50
  var itemStyle = { marginLeft: spacing, marginRight: spacing };
51
- return (_jsx(Flex, __assign({ flex: 1, alignItems: "center", justifyContent: "center", style: style }, { children: _jsxs(Paper, __assign({ elevation: 5, style: { display: 'flex', flexDirection: 'row', padding: spacing } }, { children: [_jsx(Flex, __assign({ style: itemStyle }, { children: _jsx(VideoToggle, { size: size }) })), _jsx(Flex, __assign({ style: itemStyle }, { children: _jsx(MicrophoneToggle, { size: size }) })), _jsx(Flex, __assign({ style: itemStyle }, { children: _jsx(LeaveMeeting, { size: size, onLeave: onLeave }) })), (isHost || showEndMeeting) &&
51
+ return (_jsx(Flex, __assign({ flex: 1, alignItems: "center", justifyContent: "center", style: style }, { children: _jsxs(Paper, __assign({ elevation: 5, style: {
52
+ display: 'flex', flexDirection: 'row', padding: spacing,
53
+ backgroundColor: '#00000088',
54
+ borderColor: 'white',
55
+ } }, { children: [_jsx(Flex, __assign({ style: itemStyle }, { children: _jsx(VideoToggle, { size: size }) })), _jsx(Flex, __assign({ style: itemStyle }, { children: _jsx(MicrophoneToggle, { size: size }) })), _jsx(Flex, __assign({ style: itemStyle }, { children: _jsx(LeaveMeeting, { size: size, onLeave: onLeave }) })), (isHost || showEndMeeting) &&
52
56
  _jsx(Flex, __assign({ style: { marginLeft: 30, marginRight: 20 } }, { children: _jsx(EndMeeting, { size: size, onLeave: onLeave }) }))] })) })));
53
57
  };
54
58
  //# sourceMappingURL=controls.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"controls.js","sourceRoot":"","sources":["../../src/controls.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"controls.js","sourceRoot":"","sources":["../../src/controls.tsx"],"names":[],"mappings":"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"}