@stream-io/video-react-native-sdk 0.0.9 → 0.0.11

package/dist/commonjs/components/Call/CallControls/LobbyControls.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LobbyControls = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _ToggleAudioPreviewButton = require("./ToggleAudioPreviewButton");
+var _ToggleVideoPreviewButton = require("./ToggleVideoPreviewButton");
+var _ThemeContext = require("../../../contexts/ThemeContext");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * Controls for the Lobby Component
+ */
+const LobbyControls = () => {
+  const {
+    theme: {
+      lobbyControls
+    }
+  } = (0, _ThemeContext.useTheme)();
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.container, lobbyControls.container]
+  }, /*#__PURE__*/_react.default.createElement(_ToggleAudioPreviewButton.ToggleAudioPreviewButton, null), /*#__PURE__*/_react.default.createElement(_ToggleVideoPreviewButton.ToggleVideoPreviewButton, null));
+};
+exports.LobbyControls = LobbyControls;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    paddingVertical: 12,
+    flexDirection: 'row',
+    justifyContent: 'space-evenly'
+  }
+});
+//# sourceMappingURL=LobbyControls.js.map

package/dist/commonjs/components/Call/CallControls/LobbyControls.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ToggleAudioPreviewButton","_ToggleVideoPreviewButton","_ThemeContext","obj","__esModule","default","LobbyControls","theme","lobbyControls","useTheme","createElement","View","style","styles","container","ToggleAudioPreviewButton","ToggleVideoPreviewButton","exports","StyleSheet","create","paddingVertical","flexDirection","justifyContent"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/LobbyControls.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,yBAAA,GAAAF,OAAA;AACA,IAAAG,yBAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AAA0D,SAAAD,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE1D;AACA;AACA;AACO,MAAMG,aAAa,GAAGA,CAAA,KAAM;EACjC,MAAM;IACJC,KAAK,EAAE;MAAEC;IAAc;EACzB,CAAC,GAAG,IAAAC,sBAAQ,EAAC,CAAC;EACd,oBACEb,MAAA,CAAAS,OAAA,CAAAK,aAAA,CAACX,YAAA,CAAAY,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAEN,aAAa,CAACM,SAAS;EAAE,gBACvDlB,MAAA,CAAAS,OAAA,CAAAK,aAAA,CAACV,yBAAA,CAAAe,wBAAwB,MAAE,CAAC,eAC5BnB,MAAA,CAAAS,OAAA,CAAAK,aAAA,CAACT,yBAAA,CAAAe,wBAAwB,MAAE,CACvB,CAAC;AAEX,CAAC;AAACC,OAAA,CAAAX,aAAA,GAAAA,aAAA;AAEF,MAAMO,MAAM,GAAGK,uBAAU,CAACC,MAAM,CAAC;EAC/BL,SAAS,EAAE;IACTM,eAAe,EAAE,EAAE;IACnBC,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}

package/dist/commonjs/components/Call/CallControls/OutgoingCallControls.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OutgoingCallControls = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _contexts = require("../../../contexts");
+var _HangupCallButton = require("./HangupCallButton");
+var _ToggleAudioPreviewButton = require("./ToggleAudioPreviewButton");
+var _ToggleVideoPreviewButton = require("./ToggleVideoPreviewButton");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * Props for the OutgoingCallControls Component.
+ */
+
+const OutgoingCallControls = _ref => {
+  let {
+    onHangupCallHandler
+  } = _ref;
+  const {
+    theme: {
+      outgoingCall
+    }
+  } = (0, _contexts.useTheme)();
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.buttonGroup, outgoingCall.buttonGroup]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.deviceControlButtons, outgoingCall.deviceControlButtons]
+  }, /*#__PURE__*/_react.default.createElement(_ToggleAudioPreviewButton.ToggleAudioPreviewButton, null), /*#__PURE__*/_react.default.createElement(_ToggleVideoPreviewButton.ToggleVideoPreviewButton, null)), /*#__PURE__*/_react.default.createElement(_HangupCallButton.HangUpCallButton, {
+    onPressHandler: onHangupCallHandler
+  }));
+};
+exports.OutgoingCallControls = OutgoingCallControls;
+const styles = _reactNative.StyleSheet.create({
+  buttonGroup: {
+    alignItems: 'center'
+  },
+  deviceControlButtons: {
+    width: '100%',
+    flexDirection: 'row',
+    justifyContent: 'space-evenly'
+  }
+});
+//# sourceMappingURL=OutgoingCallControls.js.map

package/dist/commonjs/components/Call/CallControls/OutgoingCallControls.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_contexts","_HangupCallButton","_ToggleAudioPreviewButton","_ToggleVideoPreviewButton","obj","__esModule","default","OutgoingCallControls","_ref","onHangupCallHandler","theme","outgoingCall","useTheme","createElement","View","style","styles","buttonGroup","deviceControlButtons","ToggleAudioPreviewButton","ToggleVideoPreviewButton","HangUpCallButton","onPressHandler","exports","StyleSheet","create","alignItems","width","flexDirection","justifyContent"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/OutgoingCallControls.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,yBAAA,GAAAJ,OAAA;AACA,IAAAK,yBAAA,GAAAL,OAAA;AAAsE,SAAAD,uBAAAO,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEtE;AACA;AACA;;AAQO,MAAMG,oBAAoB,GAAGC,IAAA,IAEH;EAAA,IAFI;IACnCC;EACyB,CAAC,GAAAD,IAAA;EAC1B,MAAM;IACJE,KAAK,EAAE;MAAEC;IAAa;EACxB,CAAC,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EACd,oBACEhB,MAAA,CAAAU,OAAA,CAAAO,aAAA,CAACd,YAAA,CAAAe,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACC,WAAW,EAAEN,YAAY,CAACM,WAAW;EAAE,gBAC1DrB,MAAA,CAAAU,OAAA,CAAAO,aAAA,CAACd,YAAA,CAAAe,IAAI;IACHC,KAAK,EAAE,CAACC,MAAM,CAACE,oBAAoB,EAAEP,YAAY,CAACO,oBAAoB;EAAE,gBAExEtB,MAAA,CAAAU,OAAA,CAAAO,aAAA,CAACX,yBAAA,CAAAiB,wBAAwB,MAAE,CAAC,eAC5BvB,MAAA,CAAAU,OAAA,CAAAO,aAAA,CAACV,yBAAA,CAAAiB,wBAAwB,MAAE,CACvB,CAAC,eACPxB,MAAA,CAAAU,OAAA,CAAAO,aAAA,CAACZ,iBAAA,CAAAoB,gBAAgB;IAACC,cAAc,EAAEb;EAAoB,CAAE,CACpD,CAAC;AAEX,CAAC;AAACc,OAAA,CAAAhB,oBAAA,GAAAA,oBAAA;AAEF,MAAMS,MAAM,GAAGQ,uBAAU,CAACC,MAAM,CAAC;EAC/BR,WAAW,EAAE;IACXS,UAAU,EAAE;EACd,CAAC;EACDR,oBAAoB,EAAE;IACpBS,KAAK,EAAE,MAAM;IACbC,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}

package/dist/commonjs/components/Call/CallControls/ReactionButton.js

@@ -0,0 +1,71 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ReactionButton = void 0;
+var _videoReactBindings = require("@stream-io/video-react-bindings");
+var _react = _interopRequireWildcard(require("react"));
+var _CallControlsButton = require("./CallControlsButton");
+var _videoClient = require("@stream-io/video-client");
+var _TestIds = require("../../../constants/TestIds");
+var _icons = require("../../../icons");
+var _ReactionsPicker = require("./internal/ReactionsPicker");
+var _utils = require("../../../utils");
+var _ThemeContext = require("../../../contexts/ThemeContext");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+/**
+ * Props for the Reaction button
+ */
+
+/**
+ * Button to display the list of Reactions supported in the call.
+ * On press, it opens a view that can be used to send Reaction.
+ */
+const ReactionButton = _ref => {
+  let {
+    onPressHandler
+  } = _ref;
+  const [showReactionsPicker, setShowReactionsPicker] = (0, _react.useState)(false);
+  const [reactionsButtonLayoutRectangle, setReactionsButtonLayoutRectangle] = (0, _react.useState)();
+  const {
+    theme: {
+      colors
+    }
+  } = (0, _ThemeContext.useTheme)();
+  // This is for the reaction picker
+  const onReactionsButtonLayout = event => {
+    const layout = event.nativeEvent.layout;
+    setReactionsButtonLayoutRectangle(prev => {
+      if (prev && prev.width === layout.width && prev.height === layout.height && prev.x === layout.x && prev.y === layout.y) {
+        return prev;
+      }
+      return layout;
+    });
+  };
+  const reactionButtonHandler = () => {
+    if (onPressHandler) {
+      onPressHandler();
+      return;
+    }
+    setShowReactionsPicker(true);
+  };
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_videoReactBindings.Restricted, {
+    requiredGrants: [_videoClient.OwnCapability.CREATE_REACTION]
+  }, /*#__PURE__*/_react.default.createElement(_CallControlsButton.CallControlsButton, {
+    testID: _TestIds.ButtonTestIds.REACTION,
+    onPress: reactionButtonHandler,
+    onLayout: onReactionsButtonLayout
+  }, /*#__PURE__*/_react.default.createElement(_icons.Reaction, {
+    color: colors.static_black
+  }))), showReactionsPicker && /*#__PURE__*/_react.default.createElement(_ReactionsPicker.ReactionsPicker, {
+    reactions: _utils.StreamVideoRN.getConfig().supportedReactions,
+    reactionsButtonLayoutRectangle: reactionsButtonLayoutRectangle,
+    onRequestedClose: () => {
+      setShowReactionsPicker(false);
+    }
+  }));
+};
+exports.ReactionButton = ReactionButton;
+//# sourceMappingURL=ReactionButton.js.map

package/dist/commonjs/components/Call/CallControls/ReactionButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_videoReactBindings","require","_react","_interopRequireWildcard","_CallControlsButton","_videoClient","_TestIds","_icons","_ReactionsPicker","_utils","_ThemeContext","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ReactionButton","_ref","onPressHandler","showReactionsPicker","setShowReactionsPicker","useState","reactionsButtonLayoutRectangle","setReactionsButtonLayoutRectangle","theme","colors","useTheme","onReactionsButtonLayout","event","layout","nativeEvent","prev","width","height","x","y","reactionButtonHandler","createElement","Fragment","Restricted","requiredGrants","OwnCapability","CREATE_REACTION","CallControlsButton","testID","ButtonTestIds","REACTION","onPress","onLayout","Reaction","color","static_black","ReactionsPicker","reactions","StreamVideoRN","getConfig","supportedReactions","onRequestedClose","exports"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/ReactionButton.tsx"],"mappings":";;;;;;AAAA,IAAAA,mBAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,gBAAA,GAAAP,OAAA;AACA,IAAAQ,MAAA,GAAAR,OAAA;AAEA,IAAAS,aAAA,GAAAT,OAAA;AAA0D,SAAAU,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAT,wBAAAa,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAE1D;AACA;AACA;;AAQA;AACA;AACA;AACA;AACO,MAAMW,cAAc,GAAGC,IAAA,IAA6C;EAAA,IAA5C;IAAEC;EAAoC,CAAC,GAAAD,IAAA;EACpE,MAAM,CAACE,mBAAmB,EAAEC,sBAAsB,CAAC,GACjD,IAAAC,eAAQ,EAAU,KAAK,CAAC;EAC1B,MAAM,CAACC,8BAA8B,EAAEC,iCAAiC,CAAC,GACvE,IAAAF,eAAQ,EAAkB,CAAC;EAC7B,MAAM;IACJG,KAAK,EAAE;MAAEC;IAAO;EAClB,CAAC,GAAG,IAAAC,sBAAQ,EAAC,CAAC;EACd;EACA,MAAMC,uBAAuB,GAAIC,KAAwB,IAAK;IAC5D,MAAMC,MAAM,GAAGD,KAAK,CAACE,WAAW,CAACD,MAAM;IACvCN,iCAAiC,CAAEQ,IAAI,IAAK;MAC1C,IACEA,IAAI,IACJA,IAAI,CAACC,KAAK,KAAKH,MAAM,CAACG,KAAK,IAC3BD,IAAI,CAACE,MAAM,KAAKJ,MAAM,CAACI,MAAM,IAC7BF,IAAI,CAACG,CAAC,KAAKL,MAAM,CAACK,CAAC,IACnBH,IAAI,CAACI,CAAC,KAAKN,MAAM,CAACM,CAAC,EACnB;QACA,OAAOJ,IAAI;MACb;MACA,OAAOF,MAAM;IACf,CAAC,CAAC;EACJ,CAAC;EAED,MAAMO,qBAAqB,GAAGA,CAAA,KAAM;IAClC,IAAIlB,cAAc,EAAE;MAClBA,cAAc,CAAC,CAAC;MAChB;IACF;IACAE,sBAAsB,CAAC,IAAI,CAAC;EAC9B,CAAC;EAED,oBACEnC,MAAA,CAAAgB,OAAA,CAAAoC,aAAA,CAAApD,MAAA,CAAAgB,OAAA,CAAAqC,QAAA,qBACErD,MAAA,CAAAgB,OAAA,CAAAoC,aAAA,CAACtD,mBAAA,CAAAwD,UAAU;IAACC,cAAc,EAAE,CAACC,0BAAa,CAACC,eAAe;EAAE,gBAC1DzD,MAAA,CAAAgB,OAAA,CAAAoC,aAAA,CAAClD,mBAAA,CAAAwD,kBAAkB;IACjBC,MAAM,EAAEC,sBAAa,CAACC,QAAS;IAC/BC,OAAO,EAAEX,qBAAsB;IAC/BY,QAAQ,EAAErB;EAAwB,gBAElC1C,MAAA,CAAAgB,OAAA,CAAAoC,aAAA,CAAC/C,MAAA,CAAA2D,QAAQ;IAACC,KAAK,EAAEzB,MAAM,CAAC0B;EAAa,CAAE,CACrB,CACV,CAAC,EACZhC,mBAAmB,iBAClBlC,MAAA,CAAAgB,OAAA,CAAAoC,aAAA,CAAC9C,gBAAA,CAAA6D,eAAe;IACdC,SAAS,EAAEC,oBAAa,CAACC,SAAS,CAAC,CAAC,CAACC,kBAAmB;IACxDlC,8BAA8B,EAAEA,8BAA+B;IAC/DmC,gBAAgB,EAAEA,CAAA,KAAM;MACtBrC,sBAAsB,CAAC,KAAK,CAAC;IAC/B;EAAE,CACH,CAEH,CAAC;AAEP,CAAC;AAACsC,OAAA,CAAA1C,cAAA,GAAAA,cAAA"}

package/dist/commonjs/components/Call/CallControls/RejectCallButton.js

@@ -0,0 +1,74 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RejectCallButton = void 0;
+var _videoReactBindings = require("@stream-io/video-react-bindings");
+var _react = _interopRequireDefault(require("react"));
+var _CallControlsButton = require("./CallControlsButton");
+var _icons = require("../../../icons");
+var _videoClient = require("@stream-io/video-client");
+var _ThemeContext = require("../../../contexts/ThemeContext");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * The props for the Reject Call button.
+ */
+
+/**
+ * Button to reject a call.
+ *
+ * Mostly calls call.leave({ reject: true }) internally.
+ */
+const RejectCallButton = _ref => {
+  let {
+    onPressHandler,
+    onRejectCallHandler
+  } = _ref;
+  const call = (0, _videoReactBindings.useCall)();
+  const {
+    useCallCallingState
+  } = (0, _videoReactBindings.useCallStateHooks)();
+  const callingState = useCallCallingState();
+  const {
+    theme: {
+      colors,
+      rejectCallButton,
+      variants: {
+        buttonSizes
+      }
+    }
+  } = (0, _ThemeContext.useTheme)();
+  const rejectCallHandler = async () => {
+    if (onPressHandler) {
+      onPressHandler();
+      return;
+    }
+    try {
+      if (callingState === _videoClient.CallingState.LEFT) {
+        return;
+      }
+      await (call === null || call === void 0 ? void 0 : call.leave({
+        reject: true
+      }));
+      if (onRejectCallHandler) {
+        onRejectCallHandler();
+      }
+    } catch (error) {
+      console.log('Error rejecting Call', error);
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement(_CallControlsButton.CallControlsButton, {
+    onPress: rejectCallHandler,
+    color: colors.error,
+    size: buttonSizes.lg
+    // TODO: check what to do about this random style prop
+    // svgContainerStyle={theme.icon.lg}
+    ,
+    style: rejectCallButton
+  }, /*#__PURE__*/_react.default.createElement(_icons.PhoneDown, {
+    color: colors.static_white
+  }));
+};
+exports.RejectCallButton = RejectCallButton;
+//# sourceMappingURL=RejectCallButton.js.map

package/dist/commonjs/components/Call/CallControls/RejectCallButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_videoReactBindings","require","_react","_interopRequireDefault","_CallControlsButton","_icons","_videoClient","_ThemeContext","obj","__esModule","default","RejectCallButton","_ref","onPressHandler","onRejectCallHandler","call","useCall","useCallCallingState","useCallStateHooks","callingState","theme","colors","rejectCallButton","variants","buttonSizes","useTheme","rejectCallHandler","CallingState","LEFT","leave","reject","error","console","log","createElement","CallControlsButton","onPress","color","size","lg","style","PhoneDown","static_white","exports"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/RejectCallButton.tsx"],"mappings":";;;;;;AAAA,IAAAA,mBAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AACA,IAAAM,aAAA,GAAAN,OAAA;AAA0D,SAAAE,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE1D;AACA;AACA;;AAeA;AACA;AACA;AACA;AACA;AACO,MAAMG,gBAAgB,GAAGC,IAAA,IAGH;EAAA,IAHI;IAC/BC,cAAc;IACdC;EACqB,CAAC,GAAAF,IAAA;EACtB,MAAMG,IAAI,GAAG,IAAAC,2BAAO,EAAC,CAAC;EACtB,MAAM;IAAEC;EAAoB,CAAC,GAAG,IAAAC,qCAAiB,EAAC,CAAC;EACnD,MAAMC,YAAY,GAAGF,mBAAmB,CAAC,CAAC;EAC1C,MAAM;IACJG,KAAK,EAAE;MACLC,MAAM;MACNC,gBAAgB;MAChBC,QAAQ,EAAE;QAAEC;MAAY;IAC1B;EACF,CAAC,GAAG,IAAAC,sBAAQ,EAAC,CAAC;EACd,MAAMC,iBAAiB,GAAG,MAAAA,CAAA,KAAY;IACpC,IAAIb,cAAc,EAAE;MAClBA,cAAc,CAAC,CAAC;MAChB;IACF;IACA,IAAI;MACF,IAAIM,YAAY,KAAKQ,yBAAY,CAACC,IAAI,EAAE;QACtC;MACF;MACA,OAAMb,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEc,KAAK,CAAC;QAAEC,MAAM,EAAE;MAAK,CAAC,CAAC;MACnC,IAAIhB,mBAAmB,EAAE;QACvBA,mBAAmB,CAAC,CAAC;MACvB;IACF,CAAC,CAAC,OAAOiB,KAAK,EAAE;MACdC,OAAO,CAACC,GAAG,CAAC,sBAAsB,EAAEF,KAAK,CAAC;IAC5C;EACF,CAAC;EAED,oBACE7B,MAAA,CAAAQ,OAAA,CAAAwB,aAAA,CAAC9B,mBAAA,CAAA+B,kBAAkB;IACjBC,OAAO,EAAEV,iBAAkB;IAC3BW,KAAK,EAAEhB,MAAM,CAACU,KAAM;IACpBO,IAAI,EAAEd,WAAW,CAACe;IAClB;IACA;IAAA;IACAC,KAAK,EAAElB;EAAiB,gBAExBpB,MAAA,CAAAQ,OAAA,CAAAwB,aAAA,CAAC7B,MAAA,CAAAoC,SAAS;IAACJ,KAAK,EAAEhB,MAAM,CAACqB;EAAa,CAAE,CACtB,CAAC;AAEzB,CAAC;AAACC,OAAA,CAAAhC,gBAAA,GAAAA,gBAAA"}

package/dist/commonjs/components/Call/CallControls/ToggleAudioPreviewButton.js

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ToggleAudioPreviewButton = void 0;
+var _videoReactBindings = require("@stream-io/video-react-bindings");
+var _react = _interopRequireDefault(require("react"));
+var _contexts = require("../../../contexts");
+var _icons = require("../../../icons");
+var _providers = require("../../../providers");
+var _CallControlsButton = require("./CallControlsButton");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * Props for the Toggle Audio preview button
+ */
+
+/**
+ * Button to toggle audio mute/unmute status before joining the call.
+ */
+const ToggleAudioPreviewButton = _ref => {
+  let {
+    onPressHandler
+  } = _ref;
+  const {
+    theme: {
+      colors,
+      toggleAudioPreviewButton,
+      variants: {
+        buttonSizes
+      }
+    }
+  } = (0, _contexts.useTheme)();
+  const {
+    useMicrophoneState
+  } = (0, _videoReactBindings.useCallStateHooks)();
+  const {
+    status
+  } = useMicrophoneState();
+  const {
+    toggleInitialAudioMuteState
+  } = (0, _providers.useMediaStreamManagement)();
+  const onPress = () => {
+    if (onPressHandler) {
+      onPressHandler();
+      return;
+    }
+    toggleInitialAudioMuteState();
+  };
+  return /*#__PURE__*/_react.default.createElement(_CallControlsButton.CallControlsButton, {
+    onPress: onPress,
+    color: status === 'enabled' ? colors.static_white : colors.static_black,
+    size: buttonSizes.md,
+    style: {
+      container: {
+        shadowColor: status === 'enabled' ? colors.static_white : colors.static_black,
+        ...toggleAudioPreviewButton.container
+      },
+      svgContainer: toggleAudioPreviewButton.svgContainer
+    }
+  }, status === 'disabled' ? /*#__PURE__*/_react.default.createElement(_icons.MicOff, {
+    color: colors.static_white
+  }) : /*#__PURE__*/_react.default.createElement(_icons.Mic, {
+    color: colors.static_black
+  }));
+};
+exports.ToggleAudioPreviewButton = ToggleAudioPreviewButton;
+//# sourceMappingURL=ToggleAudioPreviewButton.js.map

package/dist/commonjs/components/Call/CallControls/ToggleAudioPreviewButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_videoReactBindings","require","_react","_interopRequireDefault","_contexts","_icons","_providers","_CallControlsButton","obj","__esModule","default","ToggleAudioPreviewButton","_ref","onPressHandler","theme","colors","toggleAudioPreviewButton","variants","buttonSizes","useTheme","useMicrophoneState","useCallStateHooks","status","toggleInitialAudioMuteState","useMediaStreamManagement","onPress","createElement","CallControlsButton","color","static_white","static_black","size","md","style","container","shadowColor","svgContainer","MicOff","Mic","exports"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/ToggleAudioPreviewButton.tsx"],"mappings":";;;;;;AAAA,IAAAA,mBAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AACA,IAAAM,mBAAA,GAAAN,OAAA;AAA0D,SAAAE,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE1D;AACA;AACA;;AASA;AACA;AACA;AACO,MAAMG,wBAAwB,GAAGC,IAAA,IAEH;EAAA,IAFI;IACvCC;EAC6B,CAAC,GAAAD,IAAA;EAC9B,MAAM;IACJE,KAAK,EAAE;MACLC,MAAM;MACNC,wBAAwB;MACxBC,QAAQ,EAAE;QAAEC;MAAY;IAC1B;EACF,CAAC,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EACd,MAAM;IAAEC;EAAmB,CAAC,GAAG,IAAAC,qCAAiB,EAAC,CAAC;EAClD,MAAM;IAAEC;EAAO,CAAC,GAAGF,kBAAkB,CAAC,CAAC;EAEvC,MAAM;IAAEG;EAA4B,CAAC,GAAG,IAAAC,mCAAwB,EAAC,CAAC;EAElE,MAAMC,OAAO,GAAGA,CAAA,KAAM;IACpB,IAAIZ,cAAc,EAAE;MAClBA,cAAc,CAAC,CAAC;MAChB;IACF;IACAU,2BAA2B,CAAC,CAAC;EAC/B,CAAC;EAED,oBACErB,MAAA,CAAAQ,OAAA,CAAAgB,aAAA,CAACnB,mBAAA,CAAAoB,kBAAkB;IACjBF,OAAO,EAAEA,OAAQ;IACjBG,KAAK,EAAEN,MAAM,KAAK,SAAS,GAAGP,MAAM,CAACc,YAAY,GAAGd,MAAM,CAACe,YAAa;IACxEC,IAAI,EAAEb,WAAW,CAACc,EAAG;IACrBC,KAAK,EAAE;MACLC,SAAS,EAAE;QACTC,WAAW,EACTb,MAAM,KAAK,SAAS,GAAGP,MAAM,CAACc,YAAY,GAAGd,MAAM,CAACe,YAAY;QAClE,GAAGd,wBAAwB,CAACkB;MAC9B,CAAC;MACDE,YAAY,EAAEpB,wBAAwB,CAACoB;IACzC;EAAE,GAEDd,MAAM,KAAK,UAAU,gBACpBpB,MAAA,CAAAQ,OAAA,CAAAgB,aAAA,CAACrB,MAAA,CAAAgC,MAAM;IAACT,KAAK,EAAEb,MAAM,CAACc;EAAa,CAAE,CAAC,gBAEtC3B,MAAA,CAAAQ,OAAA,CAAAgB,aAAA,CAACrB,MAAA,CAAAiC,GAAG;IAACV,KAAK,EAAEb,MAAM,CAACe;EAAa,CAAE,CAElB,CAAC;AAEzB,CAAC;AAACS,OAAA,CAAA5B,wBAAA,GAAAA,wBAAA"}

package/dist/commonjs/components/Call/CallControls/ToggleAudioPublishingButton.js

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ToggleAudioPublishingButton = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _videoClient = require("@stream-io/video-client");
+var _videoReactBindings = require("@stream-io/video-react-bindings");
+var _CallControlsButton = require("./CallControlsButton");
+var _icons = require("../../../icons");
+var _ThemeContext = require("../../../contexts/ThemeContext");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * Props for the Toggle Audio publishing button
+ */
+
+/**
+ * Button to toggle audio mute/unmute status while in the call.
+ */
+const ToggleAudioPublishingButton = _ref => {
+  let {
+    onPressHandler
+  } = _ref;
+  const call = (0, _videoReactBindings.useCall)();
+  const {
+    useMicrophoneState
+  } = (0, _videoReactBindings.useCallStateHooks)();
+  const {
+    status
+  } = useMicrophoneState();
+  const {
+    theme: {
+      colors,
+      toggleAudioPublishingButton
+    }
+  } = (0, _ThemeContext.useTheme)();
+  const onPress = async () => {
+    if (onPressHandler) {
+      onPressHandler();
+      return;
+    }
+    await (call === null || call === void 0 ? void 0 : call.microphone.toggle());
+  };
+  return /*#__PURE__*/_react.default.createElement(_videoReactBindings.Restricted, {
+    requiredGrants: [_videoClient.OwnCapability.SEND_AUDIO]
+  }, /*#__PURE__*/_react.default.createElement(_CallControlsButton.CallControlsButton, {
+    onPress: onPress,
+    color: status === 'disabled' ? colors.overlay_dark : colors.static_white,
+    style: toggleAudioPublishingButton
+  }, status === 'disabled' ? /*#__PURE__*/_react.default.createElement(_icons.MicOff, {
+    color: colors.static_white
+  }) : /*#__PURE__*/_react.default.createElement(_icons.Mic, {
+    color: colors.static_black
+  })));
+};
+exports.ToggleAudioPublishingButton = ToggleAudioPublishingButton;
+//# sourceMappingURL=ToggleAudioPublishingButton.js.map

package/dist/commonjs/components/Call/CallControls/ToggleAudioPublishingButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_videoClient","_videoReactBindings","_CallControlsButton","_icons","_ThemeContext","obj","__esModule","default","ToggleAudioPublishingButton","_ref","onPressHandler","call","useCall","useMicrophoneState","useCallStateHooks","status","theme","colors","toggleAudioPublishingButton","useTheme","onPress","microphone","toggle","createElement","Restricted","requiredGrants","OwnCapability","SEND_AUDIO","CallControlsButton","color","overlay_dark","static_white","style","MicOff","Mic","static_black","exports"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/ToggleAudioPublishingButton.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,mBAAA,GAAAF,OAAA;AAKA,IAAAG,mBAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;AAA0D,SAAAD,uBAAAO,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE1D;AACA;AACA;;AASA;AACA;AACA;AACO,MAAMG,2BAA2B,GAAGC,IAAA,IAEH;EAAA,IAFI;IAC1CC;EACgC,CAAC,GAAAD,IAAA;EACjC,MAAME,IAAI,GAAG,IAAAC,2BAAO,EAAC,CAAC;EACtB,MAAM;IAAEC;EAAmB,CAAC,GAAG,IAAAC,qCAAiB,EAAC,CAAC;EAClD,MAAM;IAAEC;EAAO,CAAC,GAAGF,kBAAkB,CAAC,CAAC;EAEvC,MAAM;IACJG,KAAK,EAAE;MAAEC,MAAM;MAAEC;IAA4B;EAC/C,CAAC,GAAG,IAAAC,sBAAQ,EAAC,CAAC;EACd,MAAMC,OAAO,GAAG,MAAAA,CAAA,KAAY;IAC1B,IAAIV,cAAc,EAAE;MAClBA,cAAc,CAAC,CAAC;MAChB;IACF;IAEA,OAAMC,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEU,UAAU,CAACC,MAAM,CAAC,CAAC;EACjC,CAAC;EAED,oBACEzB,MAAA,CAAAU,OAAA,CAAAgB,aAAA,CAACtB,mBAAA,CAAAuB,UAAU;IAACC,cAAc,EAAE,CAACC,0BAAa,CAACC,UAAU;EAAE,gBACrD9B,MAAA,CAAAU,OAAA,CAAAgB,aAAA,CAACrB,mBAAA,CAAA0B,kBAAkB;IACjBR,OAAO,EAAEA,OAAQ;IACjBS,KAAK,EACHd,MAAM,KAAK,UAAU,GAAGE,MAAM,CAACa,YAAY,GAAGb,MAAM,CAACc,YACtD;IACDC,KAAK,EAAEd;EAA4B,GAElCH,MAAM,KAAK,UAAU,gBACpBlB,MAAA,CAAAU,OAAA,CAAAgB,aAAA,CAACpB,MAAA,CAAA8B,MAAM;IAACJ,KAAK,EAAEZ,MAAM,CAACc;EAAa,CAAE,CAAC,gBAEtClC,MAAA,CAAAU,OAAA,CAAAgB,aAAA,CAACpB,MAAA,CAAA+B,GAAG;IAACL,KAAK,EAAEZ,MAAM,CAACkB;EAAa,CAAE,CAElB,CACV,CAAC;AAEjB,CAAC;AAACC,OAAA,CAAA5B,2BAAA,GAAAA,2BAAA"}

package/dist/commonjs/components/Call/CallControls/ToggleCameraFaceButton.js

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ToggleCameraFaceButton = void 0;
+var _videoClient = require("@stream-io/video-client");
+var _videoReactBindings = require("@stream-io/video-react-bindings");
+var _react = _interopRequireDefault(require("react"));
+var _CallControlsButton = require("./CallControlsButton");
+var _icons = require("../../../icons");
+var _ThemeContext = require("../../../contexts/ThemeContext");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * Props for the Toggle Camera face button.
+ */
+
+/**
+ * Button to toggle camera face(front/back) when in the call.
+ */
+const ToggleCameraFaceButton = _ref => {
+  let {
+    onPressHandler
+  } = _ref;
+  const call = (0, _videoReactBindings.useCall)();
+  const {
+    useCameraState
+  } = (0, _videoReactBindings.useCallStateHooks)();
+  const {
+    status,
+    direction
+  } = useCameraState();
+  const {
+    theme: {
+      colors,
+      toggleCameraFaceButton
+    }
+  } = (0, _ThemeContext.useTheme)();
+  const onPress = async () => {
+    if (onPressHandler) {
+      onPressHandler();
+      return;
+    }
+    await (call === null || call === void 0 ? void 0 : call.camera.flip());
+  };
+  return /*#__PURE__*/_react.default.createElement(_videoReactBindings.Restricted, {
+    requiredGrants: [_videoClient.OwnCapability.SEND_VIDEO]
+  }, /*#__PURE__*/_react.default.createElement(_CallControlsButton.CallControlsButton, {
+    onPress: onPress,
+    color: direction === 'back' ? colors.overlay_dark : colors.static_white,
+    disabled: status === 'disabled',
+    style: toggleCameraFaceButton
+  }, /*#__PURE__*/_react.default.createElement(_icons.CameraSwitch, {
+    color: direction === 'front' ? colors.static_black : colors.static_white
+  })));
+};
+exports.ToggleCameraFaceButton = ToggleCameraFaceButton;
+//# sourceMappingURL=ToggleCameraFaceButton.js.map

package/dist/commonjs/components/Call/CallControls/ToggleCameraFaceButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_videoClient","require","_videoReactBindings","_react","_interopRequireDefault","_CallControlsButton","_icons","_ThemeContext","obj","__esModule","default","ToggleCameraFaceButton","_ref","onPressHandler","call","useCall","useCameraState","useCallStateHooks","status","direction","theme","colors","toggleCameraFaceButton","useTheme","onPress","camera","flip","createElement","Restricted","requiredGrants","OwnCapability","SEND_VIDEO","CallControlsButton","color","overlay_dark","static_white","disabled","style","CameraSwitch","static_black","exports"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/ToggleCameraFaceButton.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,mBAAA,GAAAD,OAAA;AAKA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,mBAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,aAAA,GAAAN,OAAA;AAA0D,SAAAG,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE1D;AACA;AACA;;AASA;AACA;AACA;AACO,MAAMG,sBAAsB,GAAGC,IAAA,IAEH;EAAA,IAFI;IACrCC;EAC2B,CAAC,GAAAD,IAAA;EAC5B,MAAME,IAAI,GAAG,IAAAC,2BAAO,EAAC,CAAC;EACtB,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,qCAAiB,EAAC,CAAC;EAC9C,MAAM;IAAEC,MAAM;IAAEC;EAAU,CAAC,GAAGH,cAAc,CAAC,CAAC;EAE9C,MAAM;IACJI,KAAK,EAAE;MAAEC,MAAM;MAAEC;IAAuB;EAC1C,CAAC,GAAG,IAAAC,sBAAQ,EAAC,CAAC;EACd,MAAMC,OAAO,GAAG,MAAAA,CAAA,KAAY;IAC1B,IAAIX,cAAc,EAAE;MAClBA,cAAc,CAAC,CAAC;MAChB;IACF;IAEA,OAAMC,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEW,MAAM,CAACC,IAAI,CAAC,CAAC;EAC3B,CAAC;EAED,oBACEvB,MAAA,CAAAO,OAAA,CAAAiB,aAAA,CAACzB,mBAAA,CAAA0B,UAAU;IAACC,cAAc,EAAE,CAACC,0BAAa,CAACC,UAAU;EAAE,gBACrD5B,MAAA,CAAAO,OAAA,CAAAiB,aAAA,CAACtB,mBAAA,CAAA2B,kBAAkB;IACjBR,OAAO,EAAEA,OAAQ;IACjBS,KAAK,EAAEd,SAAS,KAAK,MAAM,GAAGE,MAAM,CAACa,YAAY,GAAGb,MAAM,CAACc,YAAa;IACxEC,QAAQ,EAAElB,MAAM,KAAK,UAAW;IAChCmB,KAAK,EAAEf;EAAuB,gBAE9BnB,MAAA,CAAAO,OAAA,CAAAiB,aAAA,CAACrB,MAAA,CAAAgC,YAAY;IACXL,KAAK,EACHd,SAAS,KAAK,OAAO,GAAGE,MAAM,CAACkB,YAAY,GAAGlB,MAAM,CAACc;EACtD,CACF,CACiB,CACV,CAAC;AAEjB,CAAC;AAACK,OAAA,CAAA7B,sBAAA,GAAAA,sBAAA"}

package/dist/commonjs/components/Call/CallControls/ToggleVideoPreviewButton.js

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ToggleVideoPreviewButton = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _videoReactBindings = require("@stream-io/video-react-bindings");
+var _providers = require("../../../providers");
+var _contexts = require("../../../contexts");
+var _CallControlsButton = require("./CallControlsButton");
+var _icons = require("../../../icons");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * Props for the Toggle Video preview button
+ */
+
+/**
+ * Button to toggle video mute/unmute status before joining the call.
+ */
+const ToggleVideoPreviewButton = _ref => {
+  let {
+    onPressHandler
+  } = _ref;
+  const {
+    theme: {
+      colors,
+      toggleVideoPreviewButton,
+      variants: {
+        buttonSizes
+      }
+    }
+  } = (0, _contexts.useTheme)();
+  const {
+    toggleInitialVideoMuteState
+  } = (0, _providers.useMediaStreamManagement)();
+  const {
+    useCameraState
+  } = (0, _videoReactBindings.useCallStateHooks)();
+  const {
+    status
+  } = useCameraState();
+  const onPress = () => {
+    if (onPressHandler) {
+      onPressHandler();
+      return;
+    }
+    toggleInitialVideoMuteState();
+  };
+  return /*#__PURE__*/_react.default.createElement(_CallControlsButton.CallControlsButton, {
+    onPress: onPress,
+    color: status === 'enabled' ? colors.static_white : colors.static_black,
+    size: buttonSizes.md,
+    style: {
+      container: {
+        shadowColor: status === 'enabled' ? colors.static_white : colors.static_black,
+        ...toggleVideoPreviewButton.container
+      },
+      svgContainer: toggleVideoPreviewButton.svgContainer
+    }
+  }, status === 'disabled' ? /*#__PURE__*/_react.default.createElement(_icons.VideoSlash, {
+    color: colors.static_white
+  }) : /*#__PURE__*/_react.default.createElement(_icons.Video, {
+    color: colors.static_black
+  }));
+};
+exports.ToggleVideoPreviewButton = ToggleVideoPreviewButton;
+//# sourceMappingURL=ToggleVideoPreviewButton.js.map

package/dist/commonjs/components/Call/CallControls/ToggleVideoPreviewButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_videoReactBindings","_providers","_contexts","_CallControlsButton","_icons","obj","__esModule","default","ToggleVideoPreviewButton","_ref","onPressHandler","theme","colors","toggleVideoPreviewButton","variants","buttonSizes","useTheme","toggleInitialVideoMuteState","useMediaStreamManagement","useCameraState","useCallStateHooks","status","onPress","createElement","CallControlsButton","color","static_white","static_black","size","md","style","container","shadowColor","svgContainer","VideoSlash","Video","exports"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/ToggleVideoPreviewButton.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,mBAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,mBAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAAmD,SAAAD,uBAAAO,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEnD;AACA;AACA;;AASA;AACA;AACA;AACO,MAAMG,wBAAwB,GAAGC,IAAA,IAEH;EAAA,IAFI;IACvCC;EAC6B,CAAC,GAAAD,IAAA;EAC9B,MAAM;IACJE,KAAK,EAAE;MACLC,MAAM;MACNC,wBAAwB;MACxBC,QAAQ,EAAE;QAAEC;MAAY;IAC1B;EACF,CAAC,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EACd,MAAM;IAAEC;EAA4B,CAAC,GAAG,IAAAC,mCAAwB,EAAC,CAAC;EAClE,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,qCAAiB,EAAC,CAAC;EAC9C,MAAM;IAAEC;EAAO,CAAC,GAAGF,cAAc,CAAC,CAAC;EACnC,MAAMG,OAAO,GAAGA,CAAA,KAAM;IACpB,IAAIZ,cAAc,EAAE;MAClBA,cAAc,CAAC,CAAC;MAChB;IACF;IACAO,2BAA2B,CAAC,CAAC;EAC/B,CAAC;EACD,oBACEpB,MAAA,CAAAU,OAAA,CAAAgB,aAAA,CAACpB,mBAAA,CAAAqB,kBAAkB;IACjBF,OAAO,EAAEA,OAAQ;IACjBG,KAAK,EAAEJ,MAAM,KAAK,SAAS,GAAGT,MAAM,CAACc,YAAY,GAAGd,MAAM,CAACe,YAAa;IACxEC,IAAI,EAAEb,WAAW,CAACc,EAAG;IACrBC,KAAK,EAAE;MACLC,SAAS,EAAE;QACTC,WAAW,EACTX,MAAM,KAAK,SAAS,GAAGT,MAAM,CAACc,YAAY,GAAGd,MAAM,CAACe,YAAY;QAClE,GAAGd,wBAAwB,CAACkB;MAC9B,CAAC;MACDE,YAAY,EAAEpB,wBAAwB,CAACoB;IACzC;EAAE,GAEDZ,MAAM,KAAK,UAAU,gBACpBxB,MAAA,CAAAU,OAAA,CAAAgB,aAAA,CAACnB,MAAA,CAAA8B,UAAU;IAACT,KAAK,EAAEb,MAAM,CAACc;EAAa,CAAE,CAAC,gBAE1C7B,MAAA,CAAAU,OAAA,CAAAgB,aAAA,CAACnB,MAAA,CAAA+B,KAAK;IAACV,KAAK,EAAEb,MAAM,CAACe;EAAa,CAAE,CAEpB,CAAC;AAEzB,CAAC;AAACS,OAAA,CAAA5B,wBAAA,GAAAA,wBAAA"}

package/dist/commonjs/components/Call/CallControls/ToggleVideoPublishingButton.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ToggleVideoPublishingButton = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _videoClient = require("@stream-io/video-client");
+var _videoReactBindings = require("@stream-io/video-react-bindings");
+var _CallControlsButton = require("./CallControlsButton");
+var _icons = require("../../../icons");
+var _ThemeContext = require("../../../contexts/ThemeContext");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * Props for the Toggle Video publishing button
+ */
+
+/**
+ * Button to toggle video mute/unmute status while in the call.
+ */
+const ToggleVideoPublishingButton = _ref => {
+  let {
+    onPressHandler
+  } = _ref;
+  const call = (0, _videoReactBindings.useCall)();
+  const {
+    useCameraState
+  } = (0, _videoReactBindings.useCallStateHooks)();
+  const {
+    status
+  } = useCameraState();
+  const {
+    theme: {
+      colors
+    }
+  } = (0, _ThemeContext.useTheme)();
+  const onPress = async () => {
+    if (onPressHandler) {
+      onPressHandler();
+      return;
+    }
+    await (call === null || call === void 0 ? void 0 : call.camera.toggle());
+  };
+  return /*#__PURE__*/_react.default.createElement(_videoReactBindings.Restricted, {
+    requiredGrants: [_videoClient.OwnCapability.SEND_VIDEO]
+  }, /*#__PURE__*/_react.default.createElement(_CallControlsButton.CallControlsButton, {
+    onPress: onPress,
+    color: status === 'disabled' ? colors.overlay_dark : colors.static_white
+  }, status === 'disabled' ? /*#__PURE__*/_react.default.createElement(_icons.VideoSlash, {
+    color: colors.static_white
+  }) : /*#__PURE__*/_react.default.createElement(_icons.Video, {
+    color: colors.static_black
+  })));
+};
+exports.ToggleVideoPublishingButton = ToggleVideoPublishingButton;
+//# sourceMappingURL=ToggleVideoPublishingButton.js.map

package/dist/commonjs/components/Call/CallControls/ToggleVideoPublishingButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_videoClient","_videoReactBindings","_CallControlsButton","_icons","_ThemeContext","obj","__esModule","default","ToggleVideoPublishingButton","_ref","onPressHandler","call","useCall","useCameraState","useCallStateHooks","status","theme","colors","useTheme","onPress","camera","toggle","createElement","Restricted","requiredGrants","OwnCapability","SEND_VIDEO","CallControlsButton","color","overlay_dark","static_white","VideoSlash","Video","static_black","exports"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/ToggleVideoPublishingButton.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,mBAAA,GAAAF,OAAA;AAKA,IAAAG,mBAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;AAA0D,SAAAD,uBAAAO,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE1D;AACA;AACA;;AASA;AACA;AACA;AACO,MAAMG,2BAA2B,GAAGC,IAAA,IAEH;EAAA,IAFI;IAC1CC;EACgC,CAAC,GAAAD,IAAA;EACjC,MAAME,IAAI,GAAG,IAAAC,2BAAO,EAAC,CAAC;EACtB,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,qCAAiB,EAAC,CAAC;EAC9C,MAAM;IAAEC;EAAO,CAAC,GAAGF,cAAc,CAAC,CAAC;EACnC,MAAM;IACJG,KAAK,EAAE;MAAEC;IAAO;EAClB,CAAC,GAAG,IAAAC,sBAAQ,EAAC,CAAC;EACd,MAAMC,OAAO,GAAG,MAAAA,CAAA,KAAY;IAC1B,IAAIT,cAAc,EAAE;MAClBA,cAAc,CAAC,CAAC;MAChB;IACF;IACA,OAAMC,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAES,MAAM,CAACC,MAAM,CAAC,CAAC;EAC7B,CAAC;EAED,oBACExB,MAAA,CAAAU,OAAA,CAAAe,aAAA,CAACrB,mBAAA,CAAAsB,UAAU;IAACC,cAAc,EAAE,CAACC,0BAAa,CAACC,UAAU;EAAE,gBACrD7B,MAAA,CAAAU,OAAA,CAAAe,aAAA,CAACpB,mBAAA,CAAAyB,kBAAkB;IACjBR,OAAO,EAAEA,OAAQ;IACjBS,KAAK,EACHb,MAAM,KAAK,UAAU,GAAGE,MAAM,CAACY,YAAY,GAAGZ,MAAM,CAACa;EACtD,GAEAf,MAAM,KAAK,UAAU,gBACpBlB,MAAA,CAAAU,OAAA,CAAAe,aAAA,CAACnB,MAAA,CAAA4B,UAAU;IAACH,KAAK,EAAEX,MAAM,CAACa;EAAa,CAAE,CAAC,gBAE1CjC,MAAA,CAAAU,OAAA,CAAAe,aAAA,CAACnB,MAAA,CAAA6B,KAAK;IAACJ,KAAK,EAAEX,MAAM,CAACgB;EAAa,CAAE,CAEpB,CACV,CAAC;AAEjB,CAAC;AAACC,OAAA,CAAA1B,2BAAA,GAAAA,2BAAA"}