@stream-io/video-react-native-sdk 0.1.10 → 0.1.12

package/dist/commonjs/components/Livestream/LivestreamControls/HostStartStreamButton.js

@@ -0,0 +1,113 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HostStartStreamButton = void 0;
+var _videoReactBindings = require("@stream-io/video-react-bindings");
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _contexts = require("../../../contexts");
+var _icons = require("../../../icons");
+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 HostStartStreamButton component.
+ */
+
+/**
+ * The HostStartStreamButton component displays and controls the start and end of the host's live stream.
+ */
+const HostStartStreamButton = _ref => {
+  let {
+    onEndStreamHandler,
+    onStartStreamHandler,
+    hls
+  } = _ref;
+  const [isAwaitingResponse, setIsAwaitingResponse] = (0, _react.useState)(false);
+  const {
+    useIsCallLive,
+    useIsCallBroadcastingInProgress
+  } = (0, _videoReactBindings.useCallStateHooks)();
+  const {
+    theme: {
+      colors,
+      variants: {
+        iconSizes
+      },
+      typefaces,
+      hostStartStreamButton
+    }
+  } = (0, _contexts.useTheme)();
+  const call = (0, _videoReactBindings.useCall)();
+  const isCallLive = useIsCallLive();
+  const isCallBroadcasting = useIsCallBroadcastingInProgress();
+  const {
+    t
+  } = (0, _videoReactBindings.useI18n)();
+  const liveOrBroadcasting = isCallLive || isCallBroadcasting;
+  const onStartStreamButtonPress = async () => {
+    if (onStartStreamHandler) {
+      onStartStreamHandler();
+      return;
+    }
+    try {
+      setIsAwaitingResponse(true);
+      await (call === null || call === void 0 ? void 0 : call.goLive());
+      if (hls) {
+        await (call === null || call === void 0 ? void 0 : call.startHLS());
+      }
+      setIsAwaitingResponse(false);
+    } catch (error) {
+      console.error('Error starting livestream', error);
+    }
+  };
+  const onEndStreamButtonPress = async () => {
+    if (onEndStreamHandler) {
+      onEndStreamHandler();
+      return;
+    }
+    try {
+      setIsAwaitingResponse(true);
+      if (hls) {
+        await (call === null || call === void 0 ? void 0 : call.stopHLS());
+      } else {
+        await (call === null || call === void 0 ? void 0 : call.stopLive());
+      }
+      setIsAwaitingResponse(false);
+    } catch (error) {
+      console.error('Error stopping livestream', error);
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
+    disabled: isAwaitingResponse,
+    style: [styles.container, {
+      backgroundColor: isAwaitingResponse ? colors.dark_gray : liveOrBroadcasting ? colors.error : colors.primary
+    }, hostStartStreamButton.container],
+    onPress: liveOrBroadcasting ? onEndStreamButtonPress : onStartStreamButtonPress
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.icon, {
+      height: iconSizes.xs,
+      width: iconSizes.xs
+    }, hostStartStreamButton.icon]
+  }, isAwaitingResponse ? /*#__PURE__*/_react.default.createElement(_reactNative.ActivityIndicator, null) : liveOrBroadcasting ? /*#__PURE__*/_react.default.createElement(_icons.EndBroadcastIcon, null) : /*#__PURE__*/_react.default.createElement(_icons.StartStreamIcon, null)), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: [styles.text, typefaces.subtitleBold, {
+      color: colors.static_white
+    }, hostStartStreamButton.text]
+  }, isAwaitingResponse ? t('Loading...') : liveOrBroadcasting ? t('Stop Livestream') : t('Start Livestream')));
+};
+exports.HostStartStreamButton = HostStartStreamButton;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    padding: 8,
+    borderRadius: 4
+  },
+  icon: {},
+  text: {
+    marginLeft: 8,
+    includeFontPadding: false
+  }
+});
+//# sourceMappingURL=HostStartStreamButton.js.map

package/dist/commonjs/components/Livestream/LivestreamControls/HostStartStreamButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_videoReactBindings","require","_react","_interopRequireWildcard","_reactNative","_contexts","_icons","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","HostStartStreamButton","_ref","onEndStreamHandler","onStartStreamHandler","hls","isAwaitingResponse","setIsAwaitingResponse","useState","useIsCallLive","useIsCallBroadcastingInProgress","useCallStateHooks","theme","colors","variants","iconSizes","typefaces","hostStartStreamButton","useTheme","useCall","isCallLive","isCallBroadcasting","t","useI18n","liveOrBroadcasting","onStartStreamButtonPress","goLive","startHLS","error","console","onEndStreamButtonPress","stopHLS","stopLive","createElement","Pressable","disabled","style","styles","container","backgroundColor","dark_gray","primary","onPress","View","icon","height","xs","width","ActivityIndicator","EndBroadcastIcon","StartStreamIcon","Text","text","subtitleBold","color","static_white","exports","StyleSheet","create","flexDirection","alignItems","padding","borderRadius","marginLeft","includeFontPadding"],"sourceRoot":"../../../../../src","sources":["components/Livestream/LivestreamControls/HostStartStreamButton.tsx"],"mappings":"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"}

package/dist/commonjs/components/Livestream/LivestreamControls/LivestreamAudioControlButton.js

@@ -0,0 +1,70 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LivestreamAudioControlButton = void 0;
+var _videoReactBindings = require("@stream-io/video-react-bindings");
+var _react = _interopRequireDefault(require("react"));
+var _contexts = require("../../../contexts");
+var _reactNative = require("react-native");
+var _icons = require("../../../icons");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * The LivestreamAudioControlButton controls the audio stream publish/unpublish while in the livestream for the host.
+ */
+const LivestreamAudioControlButton = () => {
+  const call = (0, _videoReactBindings.useCall)();
+  const {
+    useMicrophoneState
+  } = (0, _videoReactBindings.useCallStateHooks)();
+  const {
+    status
+  } = useMicrophoneState();
+  const {
+    theme: {
+      colors,
+      variants: {
+        iconSizes,
+        buttonSizes
+      },
+      livestreamAudioControlButton
+    }
+  } = (0, _contexts.useTheme)();
+  const onPress = async () => {
+    await (call === null || call === void 0 ? void 0 : call.microphone.toggle());
+  };
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
+    onPress: onPress,
+    style: [styles.container, {
+      backgroundColor: colors.dark_gray,
+      height: buttonSizes.xs,
+      width: buttonSizes.xs
+    }, livestreamAudioControlButton.container]
+  }, status === 'enabled' ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.icon, {
+      height: iconSizes.sm,
+      width: iconSizes.sm
+    }, livestreamAudioControlButton.icon]
+  }, /*#__PURE__*/_react.default.createElement(_icons.Mic, {
+    color: colors.static_white
+  })) : /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.icon, {
+      height: iconSizes.sm,
+      width: iconSizes.sm
+    }, livestreamAudioControlButton.icon]
+  }, /*#__PURE__*/_react.default.createElement(_icons.MicOff, {
+    color: colors.static_white
+  })));
+};
+exports.LivestreamAudioControlButton = LivestreamAudioControlButton;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    justifyContent: 'center',
+    alignItems: 'center',
+    marginHorizontal: 4,
+    borderRadius: 4
+  },
+  icon: {}
+});
+//# sourceMappingURL=LivestreamAudioControlButton.js.map

package/dist/commonjs/components/Livestream/LivestreamControls/LivestreamAudioControlButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_videoReactBindings","require","_react","_interopRequireDefault","_contexts","_reactNative","_icons","obj","__esModule","default","LivestreamAudioControlButton","call","useCall","useMicrophoneState","useCallStateHooks","status","theme","colors","variants","iconSizes","buttonSizes","livestreamAudioControlButton","useTheme","onPress","microphone","toggle","createElement","Pressable","style","styles","container","backgroundColor","dark_gray","height","xs","width","View","icon","sm","Mic","color","static_white","MicOff","exports","StyleSheet","create","justifyContent","alignItems","marginHorizontal","borderRadius"],"sourceRoot":"../../../../../src","sources":["components/Livestream/LivestreamControls/LivestreamAudioControlButton.tsx"],"mappings":";;;;;;AAAA,IAAAA,mBAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAA6C,SAAAE,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE7C;AACA;AACA;AACO,MAAMG,4BAA4B,GAAGA,CAAA,KAAM;EAChD,MAAMC,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;EACvC,MAAM;IACJG,KAAK,EAAE;MACLC,MAAM;MACNC,QAAQ,EAAE;QAAEC,SAAS;QAAEC;MAAY,CAAC;MACpCC;IACF;EACF,CAAC,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EAEd,MAAMC,OAAO,GAAG,MAAAA,CAAA,KAAY;IAC1B,OAAMZ,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEa,UAAU,CAACC,MAAM,CAAC,CAAC;EACjC,CAAC;EAED,oBACEvB,MAAA,CAAAO,OAAA,CAAAiB,aAAA,CAACrB,YAAA,CAAAsB,SAAS;IACRJ,OAAO,EAAEA,OAAQ;IACjBK,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChB;MACEC,eAAe,EAAEd,MAAM,CAACe,SAAS;MACjCC,MAAM,EAAEb,WAAW,CAACc,EAAE;MACtBC,KAAK,EAAEf,WAAW,CAACc;IACrB,CAAC,EACDb,4BAA4B,CAACS,SAAS;EACtC,GAEDf,MAAM,KAAK,SAAS,gBACnBb,MAAA,CAAAO,OAAA,CAAAiB,aAAA,CAACrB,YAAA,CAAA+B,IAAI;IACHR,KAAK,EAAE,CACLC,MAAM,CAACQ,IAAI,EACX;MACEJ,MAAM,EAAEd,SAAS,CAACmB,EAAE;MACpBH,KAAK,EAAEhB,SAAS,CAACmB;IACnB,CAAC,EACDjB,4BAA4B,CAACgB,IAAI;EACjC,gBAEFnC,MAAA,CAAAO,OAAA,CAAAiB,aAAA,CAACpB,MAAA,CAAAiC,GAAG;IAACC,KAAK,EAAEvB,MAAM,CAACwB;EAAa,CAAE,CAC9B,CAAC,gBAEPvC,MAAA,CAAAO,OAAA,CAAAiB,aAAA,CAACrB,YAAA,CAAA+B,IAAI;IACHR,KAAK,EAAE,CACLC,MAAM,CAACQ,IAAI,EACX;MACEJ,MAAM,EAAEd,SAAS,CAACmB,EAAE;MACpBH,KAAK,EAAEhB,SAAS,CAACmB;IACnB,CAAC,EACDjB,4BAA4B,CAACgB,IAAI;EACjC,gBAEFnC,MAAA,CAAAO,OAAA,CAAAiB,aAAA,CAACpB,MAAA,CAAAoC,MAAM;IAACF,KAAK,EAAEvB,MAAM,CAACwB;EAAa,CAAE,CACjC,CAEC,CAAC;AAEhB,CAAC;AAACE,OAAA,CAAAjC,4BAAA,GAAAA,4BAAA;AAEF,MAAMmB,MAAM,GAAGe,uBAAU,CAACC,MAAM,CAAC;EAC/Bf,SAAS,EAAE;IACTgB,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,gBAAgB,EAAE,CAAC;IACnBC,YAAY,EAAE;EAChB,CAAC;EACDZ,IAAI,EAAE,CAAC;AACT,CAAC,CAAC"}

package/dist/commonjs/components/Livestream/LivestreamControls/LivestreamMediaControls.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LivestreamMediaControls = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _contexts = require("../../../contexts");
+var _LivestreamAudioControlButton = require("./LivestreamAudioControlButton");
+var _LivestreamVideoControlButton = require("./LivestreamVideoControlButton");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * Props for the LivestreamMediaControls component.
+ */
+
+/**
+ * The LivestreamMediaControls component controls the media publish/unpublish for the host's live stream.
+ */
+const LivestreamMediaControls = _ref => {
+  let {} = _ref;
+  const {
+    theme: {
+      livestreamMediaControls
+    }
+  } = (0, _contexts.useTheme)();
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.container, livestreamMediaControls.container]
+  }, /*#__PURE__*/_react.default.createElement(_LivestreamAudioControlButton.LivestreamAudioControlButton, null), /*#__PURE__*/_react.default.createElement(_LivestreamVideoControlButton.LivestreamVideoControlButton, null));
+};
+exports.LivestreamMediaControls = LivestreamMediaControls;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  }
+});
+//# sourceMappingURL=LivestreamMediaControls.js.map

package/dist/commonjs/components/Livestream/LivestreamControls/LivestreamMediaControls.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_contexts","_LivestreamAudioControlButton","_LivestreamVideoControlButton","obj","__esModule","default","LivestreamMediaControls","_ref","theme","livestreamMediaControls","useTheme","createElement","View","style","styles","container","LivestreamAudioControlButton","LivestreamVideoControlButton","exports","StyleSheet","create","flexDirection","alignItems"],"sourceRoot":"../../../../../src","sources":["components/Livestream/LivestreamControls/LivestreamMediaControls.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,6BAAA,GAAAH,OAAA;AACA,IAAAI,6BAAA,GAAAJ,OAAA;AAA8E,SAAAD,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE9E;AACA;AACA;;AAGA;AACA;AACA;AACO,MAAMG,uBAAuB,GAAGC,IAAA,IAAsC;EAAA,IAArC,CAA+B,CAAC,GAAAA,IAAA;EACtE,MAAM;IACJC,KAAK,EAAE;MAAEC;IAAwB;EACnC,CAAC,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EACd,oBACEd,MAAA,CAAAS,OAAA,CAAAM,aAAA,CAACZ,YAAA,CAAAa,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAEN,uBAAuB,CAACM,SAAS;EAAE,gBACjEnB,MAAA,CAAAS,OAAA,CAAAM,aAAA,CAACV,6BAAA,CAAAe,4BAA4B,MAAE,CAAC,eAChCpB,MAAA,CAAAS,OAAA,CAAAM,aAAA,CAACT,6BAAA,CAAAe,4BAA4B,MAAE,CAC3B,CAAC;AAEX,CAAC;AAACC,OAAA,CAAAZ,uBAAA,GAAAA,uBAAA;AAEF,MAAMQ,MAAM,GAAGK,uBAAU,CAACC,MAAM,CAAC;EAC/BL,SAAS,EAAE;IACTM,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC"}

package/dist/commonjs/components/Livestream/LivestreamControls/LivestreamVideoControlButton.js

@@ -0,0 +1,70 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LivestreamVideoControlButton = void 0;
+var _videoReactBindings = require("@stream-io/video-react-bindings");
+var _react = _interopRequireDefault(require("react"));
+var _contexts = require("../../../contexts");
+var _reactNative = require("react-native");
+var _icons = require("../../../icons");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * The LivestreamVideoControlButton controls the video stream publish/unpublish while in the livestream for the host.
+ */
+const LivestreamVideoControlButton = () => {
+  const call = (0, _videoReactBindings.useCall)();
+  const {
+    useCameraState
+  } = (0, _videoReactBindings.useCallStateHooks)();
+  const {
+    status
+  } = useCameraState();
+  const {
+    theme: {
+      colors,
+      variants: {
+        iconSizes,
+        buttonSizes
+      },
+      livestreamVideoControlButton
+    }
+  } = (0, _contexts.useTheme)();
+  const onPress = async () => {
+    await (call === null || call === void 0 ? void 0 : call.camera.toggle());
+  };
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
+    onPress: onPress,
+    style: [styles.container, {
+      backgroundColor: colors.dark_gray,
+      height: buttonSizes.xs,
+      width: buttonSizes.xs
+    }, livestreamVideoControlButton.container]
+  }, status === 'enabled' ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.icon, {
+      height: iconSizes.sm,
+      width: iconSizes.sm
+    }, livestreamVideoControlButton.icon]
+  }, /*#__PURE__*/_react.default.createElement(_icons.Video, {
+    color: colors.static_white
+  })) : /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.icon, {
+      height: iconSizes.sm,
+      width: iconSizes.sm
+    }, livestreamVideoControlButton.icon]
+  }, /*#__PURE__*/_react.default.createElement(_icons.VideoSlash, {
+    color: colors.static_white
+  })));
+};
+exports.LivestreamVideoControlButton = LivestreamVideoControlButton;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    justifyContent: 'center',
+    alignItems: 'center',
+    marginHorizontal: 4,
+    borderRadius: 4
+  },
+  icon: {}
+});
+//# sourceMappingURL=LivestreamVideoControlButton.js.map

package/dist/commonjs/components/Livestream/LivestreamControls/LivestreamVideoControlButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_videoReactBindings","require","_react","_interopRequireDefault","_contexts","_reactNative","_icons","obj","__esModule","default","LivestreamVideoControlButton","call","useCall","useCameraState","useCallStateHooks","status","theme","colors","variants","iconSizes","buttonSizes","livestreamVideoControlButton","useTheme","onPress","camera","toggle","createElement","Pressable","style","styles","container","backgroundColor","dark_gray","height","xs","width","View","icon","sm","Video","color","static_white","VideoSlash","exports","StyleSheet","create","justifyContent","alignItems","marginHorizontal","borderRadius"],"sourceRoot":"../../../../../src","sources":["components/Livestream/LivestreamControls/LivestreamVideoControlButton.tsx"],"mappings":";;;;;;AAAA,IAAAA,mBAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAAmD,SAAAE,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEnD;AACA;AACA;AACO,MAAMG,4BAA4B,GAAGA,CAAA,KAAM;EAChD,MAAMC,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;MACLC,MAAM;MACNC,QAAQ,EAAE;QAAEC,SAAS;QAAEC;MAAY,CAAC;MACpCC;IACF;EACF,CAAC,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EAEd,MAAMC,OAAO,GAAG,MAAAA,CAAA,KAAY;IAC1B,OAAMZ,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEa,MAAM,CAACC,MAAM,CAAC,CAAC;EAC7B,CAAC;EAED,oBACEvB,MAAA,CAAAO,OAAA,CAAAiB,aAAA,CAACrB,YAAA,CAAAsB,SAAS;IACRJ,OAAO,EAAEA,OAAQ;IACjBK,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChB;MACEC,eAAe,EAAEd,MAAM,CAACe,SAAS;MACjCC,MAAM,EAAEb,WAAW,CAACc,EAAE;MACtBC,KAAK,EAAEf,WAAW,CAACc;IACrB,CAAC,EACDb,4BAA4B,CAACS,SAAS;EACtC,GAEDf,MAAM,KAAK,SAAS,gBACnBb,MAAA,CAAAO,OAAA,CAAAiB,aAAA,CAACrB,YAAA,CAAA+B,IAAI;IACHR,KAAK,EAAE,CACLC,MAAM,CAACQ,IAAI,EACX;MACEJ,MAAM,EAAEd,SAAS,CAACmB,EAAE;MACpBH,KAAK,EAAEhB,SAAS,CAACmB;IACnB,CAAC,EACDjB,4BAA4B,CAACgB,IAAI;EACjC,gBAEFnC,MAAA,CAAAO,OAAA,CAAAiB,aAAA,CAACpB,MAAA,CAAAiC,KAAK;IAACC,KAAK,EAAEvB,MAAM,CAACwB;EAAa,CAAE,CAChC,CAAC,gBAEPvC,MAAA,CAAAO,OAAA,CAAAiB,aAAA,CAACrB,YAAA,CAAA+B,IAAI;IACHR,KAAK,EAAE,CACLC,MAAM,CAACQ,IAAI,EACX;MACEJ,MAAM,EAAEd,SAAS,CAACmB,EAAE;MACpBH,KAAK,EAAEhB,SAAS,CAACmB;IACnB,CAAC,EACDjB,4BAA4B,CAACgB,IAAI;EACjC,gBAEFnC,MAAA,CAAAO,OAAA,CAAAiB,aAAA,CAACpB,MAAA,CAAAoC,UAAU;IAACF,KAAK,EAAEvB,MAAM,CAACwB;EAAa,CAAE,CACrC,CAEC,CAAC;AAEhB,CAAC;AAACE,OAAA,CAAAjC,4BAAA,GAAAA,4BAAA;AAEF,MAAMmB,MAAM,GAAGe,uBAAU,CAACC,MAAM,CAAC;EAC/Bf,SAAS,EAAE;IACTgB,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,gBAAgB,EAAE,CAAC;IACnBC,YAAY,EAAE;EAChB,CAAC;EACDZ,IAAI,EAAE,CAAC;AACT,CAAC,CAAC"}

package/dist/commonjs/components/Livestream/LivestreamControls/ViewerLeaveStreamButton.js

@@ -0,0 +1,83 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ViewerLeaveStreamButton = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _contexts = require("../../../contexts");
+var _icons = require("../../../icons");
+var _videoReactBindings = require("@stream-io/video-react-bindings");
+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 ViewerLeaveStreamButton component.
+ */
+
+/**
+ * The ViewerLeaveStreamButton component displays and controls the leave stream logic of the viewer's live stream.
+ */
+const ViewerLeaveStreamButton = _ref => {
+  let {
+    onLeaveStreamHandler
+  } = _ref;
+  const [isAwaitingResponse, setIsAwaitingResponse] = (0, _react.useState)(false);
+  const call = (0, _videoReactBindings.useCall)();
+  const {
+    t
+  } = (0, _videoReactBindings.useI18n)();
+  const {
+    theme: {
+      colors,
+      variants: {
+        iconSizes
+      },
+      typefaces,
+      viewerLeaveStreamButton
+    }
+  } = (0, _contexts.useTheme)();
+  const onLeaveStreamButtonPress = async () => {
+    if (onLeaveStreamHandler) {
+      onLeaveStreamHandler();
+      return;
+    }
+    try {
+      setIsAwaitingResponse(true);
+      await (call === null || call === void 0 ? void 0 : call.leave());
+      setIsAwaitingResponse(false);
+    } catch (error) {
+      console.error('Error stopping livestream', error);
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
+    style: [styles.container, {
+      backgroundColor: colors.dark_gray
+    }, viewerLeaveStreamButton.container],
+    onPress: onLeaveStreamButtonPress
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.icon, {
+      height: iconSizes.xs,
+      width: iconSizes.xs
+    }, viewerLeaveStreamButton.icon]
+  }, isAwaitingResponse ? /*#__PURE__*/_react.default.createElement(_reactNative.ActivityIndicator, null) : /*#__PURE__*/_react.default.createElement(_icons.LeaveStreamIcon, null)), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: [styles.text, typefaces.subtitleBold, {
+      color: colors.static_white
+    }, viewerLeaveStreamButton.text]
+  }, isAwaitingResponse ? t('Loading...') : t('Leave Stream')));
+};
+exports.ViewerLeaveStreamButton = ViewerLeaveStreamButton;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    padding: 8,
+    borderRadius: 4
+  },
+  icon: {},
+  text: {
+    marginLeft: 8,
+    includeFontPadding: false
+  }
+});
+//# sourceMappingURL=ViewerLeaveStreamButton.js.map

package/dist/commonjs/components/Livestream/LivestreamControls/ViewerLeaveStreamButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_contexts","_icons","_videoReactBindings","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ViewerLeaveStreamButton","_ref","onLeaveStreamHandler","isAwaitingResponse","setIsAwaitingResponse","useState","useCall","t","useI18n","theme","colors","variants","iconSizes","typefaces","viewerLeaveStreamButton","useTheme","onLeaveStreamButtonPress","leave","error","console","createElement","Pressable","style","styles","container","backgroundColor","dark_gray","onPress","View","icon","height","xs","width","ActivityIndicator","LeaveStreamIcon","Text","text","subtitleBold","color","static_white","exports","StyleSheet","create","flexDirection","alignItems","padding","borderRadius","marginLeft","includeFontPadding"],"sourceRoot":"../../../../../src","sources":["components/Livestream/LivestreamControls/ViewerLeaveStreamButton.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAOA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,mBAAA,GAAAJ,OAAA;AAAmE,SAAAK,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,SAAAP,wBAAAW,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;AAEnE;AACA;AACA;;AASA;AACA;AACA;AACO,MAAMW,uBAAuB,GAAGC,IAAA,IAEH;EAAA,IAFI;IACtCC;EAC4B,CAAC,GAAAD,IAAA;EAC7B,MAAM,CAACE,kBAAkB,EAAEC,qBAAqB,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EACnE,MAAMR,IAAI,GAAG,IAAAS,2BAAO,EAAC,CAAC;EACtB,MAAM;IAAEC;EAAE,CAAC,GAAG,IAAAC,2BAAO,EAAC,CAAC;EACvB,MAAM;IACJC,KAAK,EAAE;MACLC,MAAM;MACNC,QAAQ,EAAE;QAAEC;MAAU,CAAC;MACvBC,SAAS;MACTC;IACF;EACF,CAAC,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EAEd,MAAMC,wBAAwB,GAAG,MAAAA,CAAA,KAAY;IAC3C,IAAId,oBAAoB,EAAE;MACxBA,oBAAoB,CAAC,CAAC;MACtB;IACF;IACA,IAAI;MACFE,qBAAqB,CAAC,IAAI,CAAC;MAC3B,OAAMP,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEoB,KAAK,CAAC,CAAC;MACnBb,qBAAqB,CAAC,KAAK,CAAC;IAC9B,CAAC,CAAC,OAAOc,KAAK,EAAE;MACdC,OAAO,CAACD,KAAK,CAAC,2BAA2B,EAAEA,KAAK,CAAC;IACnD;EACF,CAAC;EAED,oBACE/C,MAAA,CAAAc,OAAA,CAAAmC,aAAA,CAAC9C,YAAA,CAAA+C,SAAS;IACRC,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChB;MACEC,eAAe,EAAEf,MAAM,CAACgB;IAC1B,CAAC,EACDZ,uBAAuB,CAACU,SAAS,CACjC;IACFG,OAAO,EAAEX;EAAyB,gBAElC7C,MAAA,CAAAc,OAAA,CAAAmC,aAAA,CAAC9C,YAAA,CAAAsD,IAAI;IACHN,KAAK,EAAE,CACLC,MAAM,CAACM,IAAI,EACX;MAAEC,MAAM,EAAElB,SAAS,CAACmB,EAAE;MAAEC,KAAK,EAAEpB,SAAS,CAACmB;IAAG,CAAC,EAC7CjB,uBAAuB,CAACe,IAAI;EAC5B,GAED1B,kBAAkB,gBAAGhC,MAAA,CAAAc,OAAA,CAAAmC,aAAA,CAAC9C,YAAA,CAAA2D,iBAAiB,MAAE,CAAC,gBAAG9D,MAAA,CAAAc,OAAA,CAAAmC,aAAA,CAAC5C,MAAA,CAAA0D,eAAe,MAAE,CAC5D,CAAC,eACP/D,MAAA,CAAAc,OAAA,CAAAmC,aAAA,CAAC9C,YAAA,CAAA6D,IAAI;IACHb,KAAK,EAAE,CACLC,MAAM,CAACa,IAAI,EACXvB,SAAS,CAACwB,YAAY,EACtB;MAAEC,KAAK,EAAE5B,MAAM,CAAC6B;IAAa,CAAC,EAC9BzB,uBAAuB,CAACsB,IAAI;EAC5B,GAEDjC,kBAAkB,GAAGI,CAAC,CAAC,YAAY,CAAC,GAAGA,CAAC,CAAC,cAAc,CACpD,CACG,CAAC;AAEhB,CAAC;AAACiC,OAAA,CAAAxC,uBAAA,GAAAA,uBAAA;AAEF,MAAMuB,MAAM,GAAGkB,uBAAU,CAACC,MAAM,CAAC;EAC/BlB,SAAS,EAAE;IACTmB,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,OAAO,EAAE,CAAC;IACVC,YAAY,EAAE;EAChB,CAAC;EACDjB,IAAI,EAAE,CAAC,CAAC;EACRO,IAAI,EAAE;IACJW,UAAU,EAAE,CAAC;IACbC,kBAAkB,EAAE;EACtB;AACF,CAAC,CAAC"}

package/dist/commonjs/components/Livestream/LivestreamControls/ViewerLivestreamControls.js

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ViewerLivestreamControls = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _ViewerLeaveStreamButton = require("./ViewerLeaveStreamButton");
+var _contexts = require("../../../contexts");
+var _constants = require("../../../constants");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * Props for the ViewerLivestreamControls component.
+ */
+
+/**
+ * The ViewerLivestreamControls component displays the call controls for the live stream at viewer's end.
+ */
+const ViewerLivestreamControls = _ref => {
+  let {
+    ViewerLeaveStreamButton = _ViewerLeaveStreamButton.ViewerLeaveStreamButton,
+    onLeaveStreamHandler
+  } = _ref;
+  const {
+    theme: {
+      colors,
+      viewerLivestreamControls
+    }
+  } = (0, _contexts.useTheme)();
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.container, {
+      backgroundColor: colors.static_overlay
+    }, viewerLivestreamControls.container]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.leftElement, viewerLivestreamControls.leftElement]
+  }, ViewerLeaveStreamButton && /*#__PURE__*/_react.default.createElement(ViewerLeaveStreamButton, {
+    onLeaveStreamHandler: onLeaveStreamHandler
+  })), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.rightElement, viewerLivestreamControls.rightElement]
+  }));
+};
+exports.ViewerLivestreamControls = ViewerLivestreamControls;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    position: 'absolute',
+    bottom: 0,
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingVertical: 16,
+    paddingHorizontal: 8,
+    zIndex: _constants.Z_INDEX.IN_FRONT
+  },
+  content: {},
+  leftElement: {
+    flex: 1,
+    alignItems: 'flex-start'
+  },
+  rightElement: {
+    flex: 1,
+    alignItems: 'flex-end'
+  }
+});
+//# sourceMappingURL=ViewerLivestreamControls.js.map

package/dist/commonjs/components/Livestream/LivestreamControls/ViewerLivestreamControls.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ViewerLeaveStreamButton","_contexts","_constants","obj","__esModule","default","ViewerLivestreamControls","_ref","ViewerLeaveStreamButton","DefaultViewerLeaveStreamButton","onLeaveStreamHandler","theme","colors","viewerLivestreamControls","useTheme","createElement","View","style","styles","container","backgroundColor","static_overlay","leftElement","rightElement","exports","StyleSheet","create","position","bottom","flexDirection","alignItems","paddingVertical","paddingHorizontal","zIndex","Z_INDEX","IN_FRONT","content","flex"],"sourceRoot":"../../../../../src","sources":["components/Livestream/LivestreamControls/ViewerLivestreamControls.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,wBAAA,GAAAF,OAAA;AAIA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AAA6C,SAAAD,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE7C;AACA;AACA;;AAQA;AACA;AACA;AACO,MAAMG,wBAAwB,GAAGC,IAAA,IAGH;EAAA,IAHI;IACvCC,uBAAuB,GAAGC,gDAA8B;IACxDC;EAC6B,CAAC,GAAAH,IAAA;EAC9B,MAAM;IACJI,KAAK,EAAE;MAAEC,MAAM;MAAEC;IAAyB;EAC5C,CAAC,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EAEd,oBACElB,MAAA,CAAAS,OAAA,CAAAU,aAAA,CAAChB,YAAA,CAAAiB,IAAI;IACHC,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChB;MACEC,eAAe,EAAER,MAAM,CAACS;IAC1B,CAAC,EACDR,wBAAwB,CAACM,SAAS;EAClC,gBAEFvB,MAAA,CAAAS,OAAA,CAAAU,aAAA,CAAChB,YAAA,CAAAiB,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACI,WAAW,EAAET,wBAAwB,CAACS,WAAW;EAAE,GACrEd,uBAAuB,iBACtBZ,MAAA,CAAAS,OAAA,CAAAU,aAAA,CAACP,uBAAuB;IACtBE,oBAAoB,EAAEA;EAAqB,CAC5C,CAEC,CAAC,eACPd,MAAA,CAAAS,OAAA,CAAAU,aAAA,CAAChB,YAAA,CAAAiB,IAAI;IACHC,KAAK,EAAE,CAACC,MAAM,CAACK,YAAY,EAAEV,wBAAwB,CAACU,YAAY;EAAE,CACrE,CACG,CAAC;AAEX,CAAC;AAACC,OAAA,CAAAlB,wBAAA,GAAAA,wBAAA;AAEF,MAAMY,MAAM,GAAGO,uBAAU,CAACC,MAAM,CAAC;EAC/BP,SAAS,EAAE;IACTQ,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,CAAC;IACTC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,eAAe,EAAE,EAAE;IACnBC,iBAAiB,EAAE,CAAC;IACpBC,MAAM,EAAEC,kBAAO,CAACC;EAClB,CAAC;EACDC,OAAO,EAAE,CAAC,CAAC;EACXd,WAAW,EAAE;IACXe,IAAI,EAAE,CAAC;IACPP,UAAU,EAAE;EACd,CAAC;EACDP,YAAY,EAAE;IACZc,IAAI,EAAE,CAAC;IACPP,UAAU,EAAE;EACd;AACF,CAAC,CAAC"}

package/dist/commonjs/components/Livestream/LivestreamControls/index.js

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _HostLivestreamControls = require("./HostLivestreamControls");
+Object.keys(_HostLivestreamControls).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _HostLivestreamControls[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _HostLivestreamControls[key];
+    }
+  });
+});
+var _LivestreamMediaControls = require("./LivestreamMediaControls");
+Object.keys(_LivestreamMediaControls).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _LivestreamMediaControls[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _LivestreamMediaControls[key];
+    }
+  });
+});
+var _HostStartStreamButton = require("./HostStartStreamButton");
+Object.keys(_HostStartStreamButton).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _HostStartStreamButton[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _HostStartStreamButton[key];
+    }
+  });
+});
+var _LivestreamAudioControlButton = require("./LivestreamAudioControlButton");
+Object.keys(_LivestreamAudioControlButton).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _LivestreamAudioControlButton[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _LivestreamAudioControlButton[key];
+    }
+  });
+});
+var _LivestreamVideoControlButton = require("./LivestreamVideoControlButton");
+Object.keys(_LivestreamVideoControlButton).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _LivestreamVideoControlButton[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _LivestreamVideoControlButton[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/dist/commonjs/components/Livestream/LivestreamControls/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_HostLivestreamControls","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_LivestreamMediaControls","_HostStartStreamButton","_LivestreamAudioControlButton","_LivestreamVideoControlButton"],"sourceRoot":"../../../../../src","sources":["components/Livestream/LivestreamControls/index.ts"],"mappings":";;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,uBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,uBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,uBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,wBAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,wBAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,wBAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,wBAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,sBAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,sBAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,sBAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,sBAAA,CAAAN,GAAA;IAAA;EAAA;AAAA;AACA,IAAAO,6BAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,6BAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAO,6BAAA,CAAAP,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAG,6BAAA,CAAAP,GAAA;IAAA;EAAA;AAAA;AACA,IAAAQ,6BAAA,GAAAZ,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAU,6BAAA,EAAAT,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAQ,6BAAA,CAAAR,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAI,6BAAA,CAAAR,GAAA;IAAA;EAAA;AAAA"}

package/dist/commonjs/components/Livestream/LivestreamLayout/LivestreamLayout.js

@@ -0,0 +1,65 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LivestreamLayout = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _videoClient = require("@stream-io/video-client");
+var _videoReactBindings = require("@stream-io/video-react-bindings");
+var _reactNative = require("react-native");
+var _usePaginatedLayoutSortPreset = require("../../../hooks/usePaginatedLayoutSortPreset");
+var _contexts = require("../../../contexts");
+var _Participant = require("../../Participant");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * Props for the LivestreamLayout component.
+ */
+
+const hasScreenShare = p => p === null || p === void 0 ? void 0 : p.publishedTracks.includes(_videoClient.SfuModels.TrackType.SCREEN_SHARE);
+
+/**
+ * The LivestreamLayout component presents the live stream video layout.
+ */
+const LivestreamLayout = _ref => {
+  let {
+    landscape,
+    VideoRenderer = _Participant.VideoRenderer
+  } = _ref;
+  const {
+    useParticipants,
+    useHasOngoingScreenShare
+  } = (0, _videoReactBindings.useCallStateHooks)();
+  const call = (0, _videoReactBindings.useCall)();
+  const {
+    theme: {
+      colors,
+      livestreamLayout
+    }
+  } = (0, _contexts.useTheme)();
+  const [currentSpeaker, ...otherParticipants] = useParticipants();
+  const hasOngoingScreenShare = useHasOngoingScreenShare();
+  const presenter = hasOngoingScreenShare ? hasScreenShare(currentSpeaker) && currentSpeaker : otherParticipants.find(hasScreenShare);
+  (0, _usePaginatedLayoutSortPreset.usePaginatedLayoutSortPreset)(call);
+  const landScapeStyles = {
+    flexDirection: landscape ? 'row' : 'column'
+  };
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.container, landScapeStyles, {
+      backgroundColor: colors.dark_gray
+    }, livestreamLayout.container]
+  }, VideoRenderer && hasOngoingScreenShare && presenter && /*#__PURE__*/_react.default.createElement(VideoRenderer, {
+    trackType: "screenShareTrack",
+    participant: presenter
+  }), VideoRenderer && !hasOngoingScreenShare && currentSpeaker && /*#__PURE__*/_react.default.createElement(VideoRenderer, {
+    participant: currentSpeaker,
+    trackType: "videoTrack"
+  }));
+};
+exports.LivestreamLayout = LivestreamLayout;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1
+  }
+});
+//# sourceMappingURL=LivestreamLayout.js.map

package/dist/commonjs/components/Livestream/LivestreamLayout/LivestreamLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_videoClient","_videoReactBindings","_reactNative","_usePaginatedLayoutSortPreset","_contexts","_Participant","obj","__esModule","default","hasScreenShare","p","publishedTracks","includes","SfuModels","TrackType","SCREEN_SHARE","LivestreamLayout","_ref","landscape","VideoRenderer","DefaultVideoRenderer","useParticipants","useHasOngoingScreenShare","useCallStateHooks","call","useCall","theme","colors","livestreamLayout","useTheme","currentSpeaker","otherParticipants","hasOngoingScreenShare","presenter","find","usePaginatedLayoutSortPreset","landScapeStyles","flexDirection","createElement","View","style","styles","container","backgroundColor","dark_gray","trackType","participant","exports","StyleSheet","create","flex"],"sourceRoot":"../../../../../src","sources":["components/Livestream/LivestreamLayout/LivestreamLayout.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,mBAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,6BAAA,GAAAJ,OAAA;AACA,IAAAK,SAAA,GAAAL,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;AAG2B,SAAAD,uBAAAQ,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE3B;AACA;AACA;;AAaA,MAAMG,cAAc,GAAIC,CAA0B,IAChDA,CAAC,aAADA,CAAC,uBAADA,CAAC,CAAEC,eAAe,CAACC,QAAQ,CAACC,sBAAS,CAACC,SAAS,CAACC,YAAY,CAAC;;AAE/D;AACA;AACA;AACO,MAAMC,gBAAgB,GAAGC,IAAA,IAGH;EAAA,IAHI;IAC/BC,SAAS;IACTC,aAAa,GAAGC;EACK,CAAC,GAAAH,IAAA;EACtB,MAAM;IAAEI,eAAe;IAAEC;EAAyB,CAAC,GAAG,IAAAC,qCAAiB,EAAC,CAAC;EACzE,MAAMC,IAAI,GAAG,IAAAC,2BAAO,EAAC,CAAC;EACtB,MAAM;IACJC,KAAK,EAAE;MAAEC,MAAM;MAAEC;IAAiB;EACpC,CAAC,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EACd,MAAM,CAACC,cAAc,EAAE,GAAGC,iBAAiB,CAAC,GAAGV,eAAe,CAAC,CAAC;EAChE,MAAMW,qBAAqB,GAAGV,wBAAwB,CAAC,CAAC;EACxD,MAAMW,SAAS,GAAGD,qBAAqB,GACnCvB,cAAc,CAACqB,cAAc,CAAC,IAAIA,cAAc,GAChDC,iBAAiB,CAACG,IAAI,CAACzB,cAAc,CAAC;EAE1C,IAAA0B,0DAA4B,EAACX,IAAI,CAAC;EAElC,MAAMY,eAA0B,GAAG;IACjCC,aAAa,EAAEnB,SAAS,GAAG,KAAK,GAAG;EACrC,CAAC;EAED,oBACErB,MAAA,CAAAW,OAAA,CAAA8B,aAAA,CAACpC,YAAA,CAAAqC,IAAI;IACHC,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChBN,eAAe,EACf;MAAEO,eAAe,EAAEhB,MAAM,CAACiB;IAAU,CAAC,EACrChB,gBAAgB,CAACc,SAAS;EAC1B,GAEDvB,aAAa,IAAIa,qBAAqB,IAAIC,SAAS,iBAClDpC,MAAA,CAAAW,OAAA,CAAA8B,aAAA,CAACnB,aAAa;IAAC0B,SAAS,EAAC,kBAAkB;IAACC,WAAW,EAAEb;EAAU,CAAE,CACtE,EACAd,aAAa,IAAI,CAACa,qBAAqB,IAAIF,cAAc,iBACxDjC,MAAA,CAAAW,OAAA,CAAA8B,aAAA,CAACnB,aAAa;IAAC2B,WAAW,EAAEhB,cAAe;IAACe,SAAS,EAAC;EAAY,CAAE,CAElE,CAAC;AAEX,CAAC;AAACE,OAAA,CAAA/B,gBAAA,GAAAA,gBAAA;AAEF,MAAMyB,MAAM,GAAGO,uBAAU,CAACC,MAAM,CAAC;EAC/BP,SAAS,EAAE;IACTQ,IAAI,EAAE;EACR;AACF,CAAC,CAAC"}