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

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

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _LivestreamLayout = require("./LivestreamLayout");
+Object.keys(_LivestreamLayout).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _LivestreamLayout[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _LivestreamLayout[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_LivestreamLayout","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sourceRoot":"../../../../../src","sources":["components/Livestream/LivestreamLayout/index.ts"],"mappings":";;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,iBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,iBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,iBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}

package/dist/commonjs/components/Livestream/LivestreamTopView/DurationBadge.js

@@ -0,0 +1,144 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DurationBadge = 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 HostDurationBadge component.
+ */
+
+/**
+ * The HostDurationBadge component displays the duration while the live stream is active.
+ */
+const DurationBadge = _ref => {
+  let {
+    mode
+  } = _ref;
+  const {
+    useCallSession
+  } = (0, _videoReactBindings.useCallStateHooks)();
+  const session = useCallSession();
+  const [duration, setDuration] = (0, _react.useState)(() => {
+    if (!session || !session.live_started_at) {
+      return 0;
+    }
+    const liveStartTime = new Date(session.live_started_at);
+    const now = new Date();
+    return Math.floor((now.getTime() - liveStartTime.getTime()) / 1000);
+  });
+  const call = (0, _videoReactBindings.useCall)();
+  const {
+    theme: {
+      colors,
+      variants: {
+        iconSizes
+      },
+      durationBadge
+    }
+  } = (0, _contexts.useTheme)();
+
+  // for host
+  (0, _react.useEffect)(() => {
+    if (mode !== 'host') {
+      return;
+    }
+    let intervalId;
+    const handleLiveStarted = () => {
+      intervalId = setInterval(() => {
+        setDuration(d => d + 1);
+      }, 1000);
+    };
+    const handleLiveEnded = event => {
+      const callDetails = event.call.session;
+      if ((callDetails === null || callDetails === void 0 ? void 0 : callDetails.live_ended_at) !== null) {
+        clearInterval(intervalId);
+      }
+    };
+    const callLiveStartedUnsubscribe = call === null || call === void 0 ? void 0 : call.on('call.live_started', handleLiveStarted);
+    const callUpdatedUnsubscribe = call === null || call === void 0 ? void 0 : call.on('call.updated', handleLiveEnded);
+    return () => {
+      if (mode !== 'host') {
+        return;
+      }
+      if (callLiveStartedUnsubscribe && callUpdatedUnsubscribe) {
+        callLiveStartedUnsubscribe();
+        callUpdatedUnsubscribe();
+      }
+      if (intervalId) {
+        clearInterval(intervalId);
+      }
+    };
+  }, [call, mode]);
+
+  // for viewer
+  (0, _react.useEffect)(() => {
+    if (mode !== 'viewer') {
+      return;
+    }
+    let intervalId;
+    const handleLiveStarted = () => {
+      intervalId = setInterval(() => {
+        setDuration(d => d + 1);
+      }, 1000);
+    };
+    handleLiveStarted();
+    return () => {
+      if (mode !== 'viewer') {
+        return;
+      }
+      if (intervalId) {
+        clearInterval(intervalId);
+      }
+    };
+  }, [mode]);
+  const formatDuration = durationInMs => {
+    const days = Math.floor(durationInMs / 86400);
+    const hours = Math.floor(durationInMs / 3600);
+    const minutes = Math.floor(durationInMs % 3600 / 60);
+    const seconds = durationInMs % 60;
+    return `${days ? days + ' ' : ''}${hours ? hours + ':' : ''}${minutes < 10 ? '0' : ''}${minutes}:${seconds < 10 ? '0' : ''}${seconds}`;
+  };
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.container, {
+      backgroundColor: colors.dark_gray
+    }, durationBadge.container]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.icon, {
+      height: iconSizes.xs,
+      width: iconSizes.xs
+    }, durationBadge.icon]
+  }, /*#__PURE__*/_react.default.createElement(_icons.ShieldBadge, null)), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: [styles.label, {
+      color: colors.static_white
+    }, durationBadge.label]
+  }, formatDuration(duration)));
+};
+exports.DurationBadge = DurationBadge;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    paddingHorizontal: 8,
+    paddingVertical: 4,
+    borderRadius: 4,
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  icon: {},
+  label: {
+    textAlign: 'center',
+    fontSize: 13,
+    fontWeight: '400',
+    flexShrink: 1,
+    includeFontPadding: false,
+    paddingLeft: 4
+  }
+});
+//# sourceMappingURL=DurationBadge.js.map

package/dist/commonjs/components/Livestream/LivestreamTopView/DurationBadge.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","DurationBadge","_ref","mode","useCallSession","useCallStateHooks","session","duration","setDuration","useState","live_started_at","liveStartTime","Date","now","Math","floor","getTime","useCall","theme","colors","variants","iconSizes","durationBadge","useTheme","useEffect","intervalId","handleLiveStarted","setInterval","d","handleLiveEnded","event","callDetails","live_ended_at","clearInterval","callLiveStartedUnsubscribe","on","callUpdatedUnsubscribe","formatDuration","durationInMs","days","hours","minutes","seconds","createElement","View","style","styles","container","backgroundColor","dark_gray","icon","height","xs","width","ShieldBadge","Text","label","color","static_white","exports","StyleSheet","create","paddingHorizontal","paddingVertical","borderRadius","flexDirection","alignItems","justifyContent","textAlign","fontSize","fontWeight","flexShrink","includeFontPadding","paddingLeft"],"sourceRoot":"../../../../../src","sources":["components/Livestream/LivestreamTopView/DurationBadge.tsx"],"mappings":"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"}

package/dist/commonjs/components/Livestream/LivestreamTopView/FollowerCount.js

@@ -0,0 +1,71 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FollowerCount = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _contexts = require("../../../contexts");
+var _videoReactBindings = require("@stream-io/video-react-bindings");
+var _icons = require("../../../icons");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * Props for the FollowerCount component.
+ */
+
+/**
+ * The FollowerCount component that displays the number of participants while in the call.
+ */
+const FollowerCount = _ref => {
+  let {} = _ref;
+  const {
+    theme: {
+      colors,
+      variants: {
+        iconSizes
+      },
+      followerCount
+    }
+  } = (0, _contexts.useTheme)();
+  const {
+    useParticipantCount
+  } = (0, _videoReactBindings.useCallStateHooks)();
+  const totalParticipants = useParticipantCount();
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.container, {
+      backgroundColor: colors.dark_gray
+    }, followerCount.container]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.icon, {
+      height: iconSizes.xs,
+      width: iconSizes.xs
+    }, followerCount.icon]
+  }, /*#__PURE__*/_react.default.createElement(_icons.Eye, null)), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: [styles.label, {
+      color: colors.static_white
+    }, followerCount.label]
+  }, totalParticipants));
+};
+exports.FollowerCount = FollowerCount;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    paddingHorizontal: 8,
+    paddingVertical: 4,
+    borderTopRightRadius: 4,
+    borderBottomRightRadius: 4,
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  icon: {},
+  label: {
+    fontSize: 13,
+    fontWeight: '400',
+    flexShrink: 1,
+    textAlign: 'center',
+    includeFontPadding: false,
+    marginLeft: 4
+  }
+});
+//# sourceMappingURL=FollowerCount.js.map

package/dist/commonjs/components/Livestream/LivestreamTopView/FollowerCount.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_contexts","_videoReactBindings","_icons","obj","__esModule","default","FollowerCount","_ref","theme","colors","variants","iconSizes","followerCount","useTheme","useParticipantCount","useCallStateHooks","totalParticipants","createElement","View","style","styles","container","backgroundColor","dark_gray","icon","height","xs","width","Eye","Text","label","color","static_white","exports","StyleSheet","create","paddingHorizontal","paddingVertical","borderTopRightRadius","borderBottomRightRadius","flexDirection","alignItems","justifyContent","fontSize","fontWeight","flexShrink","textAlign","includeFontPadding","marginLeft"],"sourceRoot":"../../../../../src","sources":["components/Livestream/LivestreamTopView/FollowerCount.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAAqC,SAAAD,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAErC;AACA;AACA;;AAGA;AACA;AACA;AACO,MAAMG,aAAa,GAAGC,IAAA,IAA4B;EAAA,IAA3B,CAAqB,CAAC,GAAAA,IAAA;EAClD,MAAM;IACJC,KAAK,EAAE;MACLC,MAAM;MACNC,QAAQ,EAAE;QAAEC;MAAU,CAAC;MACvBC;IACF;EACF,CAAC,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EACd,MAAM;IAAEC;EAAoB,CAAC,GAAG,IAAAC,qCAAiB,EAAC,CAAC;EACnD,MAAMC,iBAAiB,GAAGF,mBAAmB,CAAC,CAAC;EAC/C,oBACElB,MAAA,CAAAS,OAAA,CAAAY,aAAA,CAAClB,YAAA,CAAAmB,IAAI;IACHC,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChB;MAAEC,eAAe,EAAEb,MAAM,CAACc;IAAU,CAAC,EACrCX,aAAa,CAACS,SAAS;EACvB,gBAEFzB,MAAA,CAAAS,OAAA,CAAAY,aAAA,CAAClB,YAAA,CAAAmB,IAAI;IACHC,KAAK,EAAE,CACLC,MAAM,CAACI,IAAI,EACX;MAAEC,MAAM,EAAEd,SAAS,CAACe,EAAE;MAAEC,KAAK,EAAEhB,SAAS,CAACe;IAAG,CAAC,EAC7Cd,aAAa,CAACY,IAAI;EAClB,gBAEF5B,MAAA,CAAAS,OAAA,CAAAY,aAAA,CAACf,MAAA,CAAA0B,GAAG,MAAE,CACF,CAAC,eACPhC,MAAA,CAAAS,OAAA,CAAAY,aAAA,CAAClB,YAAA,CAAA8B,IAAI;IACHV,KAAK,EAAE,CACLC,MAAM,CAACU,KAAK,EACZ;MAAEC,KAAK,EAAEtB,MAAM,CAACuB;IAAa,CAAC,EAC9BpB,aAAa,CAACkB,KAAK;EACnB,GAEDd,iBACG,CACF,CAAC;AAEX,CAAC;AAACiB,OAAA,CAAA3B,aAAA,GAAAA,aAAA;AAEF,MAAMc,MAAM,GAAGc,uBAAU,CAACC,MAAM,CAAC;EAC/Bd,SAAS,EAAE;IACTe,iBAAiB,EAAE,CAAC;IACpBC,eAAe,EAAE,CAAC;IAClBC,oBAAoB,EAAE,CAAC;IACvBC,uBAAuB,EAAE,CAAC;IAC1BC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDlB,IAAI,EAAE,CAAC,CAAC;EACRM,KAAK,EAAE;IACLa,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,UAAU,EAAE,CAAC;IACbC,SAAS,EAAE,QAAQ;IACnBC,kBAAkB,EAAE,KAAK;IACzBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC"}

package/dist/commonjs/components/Livestream/LivestreamTopView/HostLivestreamTopView.js

@@ -0,0 +1,87 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HostLivestreamTopView = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _DurationBadge = require("./DurationBadge");
+var _LiveIndicator = require("./LiveIndicator");
+var _FollowerCount = require("./FollowerCount");
+var _contexts = require("../../../contexts");
+var _videoReactBindings = require("@stream-io/video-react-bindings");
+var _constants = require("../../../constants");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * Props for the HostLivestreamTopView component.
+ */
+
+/**
+ * The HostLivestreamTopView component displays the top view component of the host's live stream.
+ */
+const HostLivestreamTopView = _ref => {
+  let {
+    DurationBadge = _DurationBadge.DurationBadge,
+    LiveIndicator = _LiveIndicator.LiveIndicator,
+    FollowerCount = _FollowerCount.FollowerCount
+  } = _ref;
+  const {
+    useIsCallLive,
+    useIsCallBroadcastingInProgress
+  } = (0, _videoReactBindings.useCallStateHooks)();
+  const isCallLive = useIsCallLive();
+  const isBroadcasting = useIsCallBroadcastingInProgress();
+  const liveOrBroadcasting = isCallLive || isBroadcasting;
+  const {
+    theme: {
+      colors,
+      hostLivestreamTopView
+    }
+  } = (0, _contexts.useTheme)();
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.container, {
+      backgroundColor: colors.static_overlay
+    }, hostLivestreamTopView.container]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.leftElement, hostLivestreamTopView.leftElement]
+  }, DurationBadge && /*#__PURE__*/_react.default.createElement(DurationBadge, {
+    mode: "host"
+  })), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.centerElement, hostLivestreamTopView.centerElement]
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.rightElement, hostLivestreamTopView.rightElement]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.liveInfo, hostLivestreamTopView.liveInfo]
+  }, liveOrBroadcasting && LiveIndicator && /*#__PURE__*/_react.default.createElement(LiveIndicator, null), FollowerCount && /*#__PURE__*/_react.default.createElement(FollowerCount, null))));
+};
+exports.HostLivestreamTopView = HostLivestreamTopView;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    position: 'absolute',
+    top: 0,
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingVertical: 16,
+    paddingHorizontal: 8,
+    borderBottomEndRadius: 8,
+    borderBottomStartRadius: 8,
+    zIndex: _constants.Z_INDEX.IN_FRONT
+  },
+  liveInfo: {
+    flexDirection: 'row'
+  },
+  leftElement: {
+    flex: 1,
+    alignItems: 'flex-start'
+  },
+  centerElement: {
+    flex: 1,
+    alignItems: 'center'
+  },
+  rightElement: {
+    flex: 1,
+    alignItems: 'flex-end'
+  }
+});
+//# sourceMappingURL=HostLivestreamTopView.js.map

package/dist/commonjs/components/Livestream/LivestreamTopView/HostLivestreamTopView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_DurationBadge","_LiveIndicator","_FollowerCount","_contexts","_videoReactBindings","_constants","obj","__esModule","default","HostLivestreamTopView","_ref","DurationBadge","DefaultDurationBadge","LiveIndicator","DefaultLiveIndicator","FollowerCount","DefaultFollowerCount","useIsCallLive","useIsCallBroadcastingInProgress","useCallStateHooks","isCallLive","isBroadcasting","liveOrBroadcasting","theme","colors","hostLivestreamTopView","useTheme","createElement","View","style","styles","container","backgroundColor","static_overlay","leftElement","mode","centerElement","rightElement","liveInfo","exports","StyleSheet","create","position","top","flexDirection","alignItems","paddingVertical","paddingHorizontal","borderBottomEndRadius","borderBottomStartRadius","zIndex","Z_INDEX","IN_FRONT","flex"],"sourceRoot":"../../../../../src","sources":["components/Livestream/LivestreamTopView/HostLivestreamTopView.tsx"],"mappings":"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"}

package/dist/commonjs/components/Livestream/LivestreamTopView/LiveIndicator.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LiveIndicator = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _contexts = require("../../../contexts");
+var _videoReactBindings = require("@stream-io/video-react-bindings");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * Props for the LiveIndicator component.
+ */
+
+/**
+ * The LiveIndicator component displays whether the live stream is live or not.
+ */
+const LiveIndicator = _ref => {
+  let {} = _ref;
+  const {
+    theme: {
+      colors,
+      typefaces,
+      liveIndicator
+    }
+  } = (0, _contexts.useTheme)();
+  const {
+    t
+  } = (0, _videoReactBindings.useI18n)();
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.container, {
+      backgroundColor: colors.primary
+    }, liveIndicator.container]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: [styles.label, {
+      color: colors.static_white
+    }, typefaces.subtitleBold, liveIndicator.label]
+  }, t('Live')));
+};
+exports.LiveIndicator = LiveIndicator;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    paddingHorizontal: 8,
+    paddingVertical: 4,
+    borderTopLeftRadius: 4,
+    borderBottomLeftRadius: 4,
+    justifyContent: 'center'
+  },
+  label: {
+    textAlign: 'center',
+    includeFontPadding: false
+  }
+});
+//# sourceMappingURL=LiveIndicator.js.map

package/dist/commonjs/components/Livestream/LivestreamTopView/LiveIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_contexts","_videoReactBindings","obj","__esModule","default","LiveIndicator","_ref","theme","colors","typefaces","liveIndicator","useTheme","t","useI18n","createElement","View","style","styles","container","backgroundColor","primary","Text","label","color","static_white","subtitleBold","exports","StyleSheet","create","paddingHorizontal","paddingVertical","borderTopLeftRadius","borderBottomLeftRadius","justifyContent","textAlign","includeFontPadding"],"sourceRoot":"../../../../../src","sources":["components/Livestream/LivestreamTopView/LiveIndicator.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAH,OAAA;AAA0D,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE1D;AACA;AACA;;AAGA;AACA;AACA;AACO,MAAMG,aAAa,GAAGC,IAAA,IAA4B;EAAA,IAA3B,CAAqB,CAAC,GAAAA,IAAA;EAClD,MAAM;IACJC,KAAK,EAAE;MAAEC,MAAM;MAAEC,SAAS;MAAEC;IAAc;EAC5C,CAAC,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EACd,MAAM;IAAEC;EAAE,CAAC,GAAG,IAAAC,2BAAO,EAAC,CAAC;EACvB,oBACEjB,MAAA,CAAAQ,OAAA,CAAAU,aAAA,CAACf,YAAA,CAAAgB,IAAI;IACHC,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChB;MAAEC,eAAe,EAAEX,MAAM,CAACY;IAAQ,CAAC,EACnCV,aAAa,CAACQ,SAAS;EACvB,gBAEFtB,MAAA,CAAAQ,OAAA,CAAAU,aAAA,CAACf,YAAA,CAAAsB,IAAI;IACHL,KAAK,EAAE,CACLC,MAAM,CAACK,KAAK,EACZ;MAAEC,KAAK,EAAEf,MAAM,CAACgB;IAAa,CAAC,EAC9Bf,SAAS,CAACgB,YAAY,EACtBf,aAAa,CAACY,KAAK;EACnB,GAEDV,CAAC,CAAC,MAAM,CACL,CACF,CAAC;AAEX,CAAC;AAACc,OAAA,CAAArB,aAAA,GAAAA,aAAA;AAEF,MAAMY,MAAM,GAAGU,uBAAU,CAACC,MAAM,CAAC;EAC/BV,SAAS,EAAE;IACTW,iBAAiB,EAAE,CAAC;IACpBC,eAAe,EAAE,CAAC;IAClBC,mBAAmB,EAAE,CAAC;IACtBC,sBAAsB,EAAE,CAAC;IACzBC,cAAc,EAAE;EAClB,CAAC;EACDX,KAAK,EAAE;IACLY,SAAS,EAAE,QAAQ;IACnBC,kBAAkB,EAAE;EACtB;AACF,CAAC,CAAC"}

package/dist/commonjs/components/Livestream/LivestreamTopView/ViewerLivestreamTopView.js

@@ -0,0 +1,80 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ViewerLivestreamTopView = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _DurationBadge = require("./DurationBadge");
+var _LiveIndicator = require("./LiveIndicator");
+var _FollowerCount = require("./FollowerCount");
+var _contexts = require("../../../contexts");
+var _constants = require("../../../constants");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * Props for the ViewerLivestreamTopView component.
+ */
+
+/**
+ * The ViewerLivestreamTopView component displays the top view component of the viewer's live stream.
+ */
+const ViewerLivestreamTopView = _ref => {
+  let {
+    DurationBadge = _DurationBadge.DurationBadge,
+    LiveIndicator = _LiveIndicator.LiveIndicator,
+    FollowerCount = _FollowerCount.FollowerCount
+  } = _ref;
+  const {
+    theme: {
+      colors,
+      viewerLivestreamTopView
+    }
+  } = (0, _contexts.useTheme)();
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.container, {
+      backgroundColor: colors.static_overlay
+    }, viewerLivestreamTopView.container]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.leftElement, viewerLivestreamTopView.leftElement]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.liveInfo, viewerLivestreamTopView.liveInfo]
+  }, LiveIndicator && /*#__PURE__*/_react.default.createElement(LiveIndicator, null), FollowerCount && /*#__PURE__*/_react.default.createElement(FollowerCount, null))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.centerElement, viewerLivestreamTopView.centerElement]
+  }, DurationBadge && /*#__PURE__*/_react.default.createElement(DurationBadge, {
+    mode: "viewer"
+  })), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.rightElement, viewerLivestreamTopView.rightElement]
+  }));
+};
+exports.ViewerLivestreamTopView = ViewerLivestreamTopView;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    position: 'absolute',
+    top: 0,
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingVertical: 16,
+    paddingHorizontal: 8,
+    borderBottomEndRadius: 8,
+    borderBottomStartRadius: 8,
+    zIndex: _constants.Z_INDEX.IN_FRONT
+  },
+  liveInfo: {
+    flexDirection: 'row'
+  },
+  leftElement: {
+    flex: 1,
+    alignItems: 'flex-start'
+  },
+  centerElement: {
+    flex: 1,
+    alignItems: 'center',
+    flexGrow: 3
+  },
+  rightElement: {
+    flex: 1,
+    alignItems: 'flex-end'
+  }
+});
+//# sourceMappingURL=ViewerLivestreamTopView.js.map

package/dist/commonjs/components/Livestream/LivestreamTopView/ViewerLivestreamTopView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_DurationBadge","_LiveIndicator","_FollowerCount","_contexts","_constants","obj","__esModule","default","ViewerLivestreamTopView","_ref","DurationBadge","DefaultDurationBadge","LiveIndicator","DefaultLiveIndicator","FollowerCount","DefaultFollowerCount","theme","colors","viewerLivestreamTopView","useTheme","createElement","View","style","styles","container","backgroundColor","static_overlay","leftElement","liveInfo","centerElement","mode","rightElement","exports","StyleSheet","create","position","top","flexDirection","alignItems","paddingVertical","paddingHorizontal","borderBottomEndRadius","borderBottomStartRadius","zIndex","Z_INDEX","IN_FRONT","flex","flexGrow"],"sourceRoot":"../../../../../src","sources":["components/Livestream/LivestreamTopView/ViewerLivestreamTopView.tsx"],"mappings":"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"}

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

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _DurationBadge = require("./DurationBadge");
+Object.keys(_DurationBadge).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _DurationBadge[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _DurationBadge[key];
+    }
+  });
+});
+var _FollowerCount = require("./FollowerCount");
+Object.keys(_FollowerCount).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _FollowerCount[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _FollowerCount[key];
+    }
+  });
+});
+var _LiveIndicator = require("./LiveIndicator");
+Object.keys(_LiveIndicator).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _LiveIndicator[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _LiveIndicator[key];
+    }
+  });
+});
+var _HostLivestreamTopView = require("./HostLivestreamTopView");
+Object.keys(_HostLivestreamTopView).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _HostLivestreamTopView[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _HostLivestreamTopView[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_DurationBadge","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_FollowerCount","_LiveIndicator","_HostLivestreamTopView"],"sourceRoot":"../../../../../src","sources":["components/Livestream/LivestreamTopView/index.ts"],"mappings":";;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,cAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,cAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,cAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,cAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,cAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,cAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,cAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,cAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,cAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,cAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,cAAA,CAAAN,GAAA;IAAA;EAAA;AAAA;AACA,IAAAO,sBAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,sBAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAO,sBAAA,CAAAP,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAG,sBAAA,CAAAP,GAAA;IAAA;EAAA;AAAA"}

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

@@ -0,0 +1,88 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ViewerLivestream = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _hooks = require("../../../hooks");
+var _contexts = require("../../../contexts");
+var _ViewerLivestreamTopView = require("../LivestreamTopView/ViewerLivestreamTopView");
+var _ViewerLivestreamControls = require("../LivestreamControls/ViewerLivestreamControls");
+var _LivestreamLayout = require("../LivestreamLayout");
+var _videoReactBindings = require("@stream-io/video-react-bindings");
+var _Participant = require("../../Participant");
+var _constants = require("../../../constants");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * Props for the ViewerLivestream component.
+ */
+
+/**
+ * The ViewerLivestream component renders the UI for the Viewer's live stream.
+ */
+const ViewerLivestream = _ref => {
+  let {
+    ViewerLivestreamTopView = _ViewerLivestreamTopView.ViewerLivestreamTopView,
+    ViewerLivestreamControls = _ViewerLivestreamControls.ViewerLivestreamControls,
+    LivestreamLayout = _LivestreamLayout.LivestreamLayout,
+    FloatingParticipantView = _Participant.FloatingParticipantView,
+    LiveIndicator,
+    FollowerCount,
+    DurationBadge,
+    ViewerLeaveStreamButton,
+    onLeaveStreamHandler
+  } = _ref;
+  const {
+    theme: {
+      colors,
+      viewerLivestream
+    }
+  } = (0, _contexts.useTheme)();
+  const {
+    useHasOngoingScreenShare,
+    useParticipants
+  } = (0, _videoReactBindings.useCallStateHooks)();
+  const hasOngoingScreenShare = useHasOngoingScreenShare();
+  const [currentSpeaker] = useParticipants();
+
+  // Automatically route audio to speaker devices as relevant for watching videos.
+  (0, _hooks.useIncallManager)({
+    media: 'video',
+    auto: true
+  });
+  const topViewProps = {
+    LiveIndicator,
+    FollowerCount,
+    DurationBadge
+  };
+  return /*#__PURE__*/_react.default.createElement(_reactNative.SafeAreaView, {
+    style: [styles.container, {
+      backgroundColor: colors.static_grey
+    }, viewerLivestream.container]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.view, viewerLivestream.view]
+  }, ViewerLivestreamTopView && /*#__PURE__*/_react.default.createElement(ViewerLivestreamTopView, topViewProps), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.floatingParticipantView, viewerLivestream.floatingParticipantView]
+  }, hasOngoingScreenShare && FloatingParticipantView && /*#__PURE__*/_react.default.createElement(FloatingParticipantView, {
+    participant: currentSpeaker
+  })), ViewerLivestreamControls && /*#__PURE__*/_react.default.createElement(ViewerLivestreamControls, {
+    ViewerLeaveStreamButton: ViewerLeaveStreamButton,
+    onLeaveStreamHandler: onLeaveStreamHandler
+  })), LivestreamLayout && /*#__PURE__*/_react.default.createElement(LivestreamLayout, null));
+};
+exports.ViewerLivestream = ViewerLivestream;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1
+  },
+  floatingParticipantView: {
+    flex: 1
+  },
+  view: {
+    ..._reactNative.StyleSheet.absoluteFillObject,
+    zIndex: _constants.Z_INDEX.IN_FRONT
+  }
+});
+//# sourceMappingURL=ViewerLivestream.js.map