npm - @stream-io/video-react-native-sdk - Versions diffs - 0.1.9 → 0.1.11 - Mend

@stream-io/video-react-native-sdk 0.1.9 → 0.1.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (230) hide show

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

@@ -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 ADDED Viewed

@@ -0,0 +1 @@

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

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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"}

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

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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