@stream-io/video-react-native-sdk 1.13.2 → 1.14.0

package/CHANGELOG.md

@@ -2,6 +2,33 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [1.14.0](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-1.13.3...@stream-io/video-react-native-sdk-1.14.0) (2025-05-20)
+
+### Dependency Updates
+
+- `@stream-io/noise-cancellation-react-native` updated to version `0.1.0`
+- `@stream-io/video-filters-react-native` updated to version `0.4.0`
+- `@stream-io/video-client` updated to version `1.23.0`
+- `@stream-io/video-react-bindings` updated to version `1.6.3`
+
+### Features
+
+- **react-native:** Noise Cancellation ([#1793](https://github.com/GetStream/stream-video-js/issues/1793)) ([d7843e1](https://github.com/GetStream/stream-video-js/commit/d7843e1a23e6f6a35d1c159438d09bdfd17450a5))
+- rn livestream improvements ([#1780](https://github.com/GetStream/stream-video-js/issues/1780)) ([8a3bb59](https://github.com/GetStream/stream-video-js/commit/8a3bb594b257c48a7045bfb6978fc233649945f5))
+- **web:** improved noise cancellation ([#1794](https://github.com/GetStream/stream-video-js/issues/1794)) ([d59f19b](https://github.com/GetStream/stream-video-js/commit/d59f19b1ba1ff83fe5f024d783b868f4e98d3380))
+
+## [1.13.3](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-1.13.2...@stream-io/video-react-native-sdk-1.13.3) (2025-05-15)
+
+### Dependency Updates
+
+- `@stream-io/video-filters-react-native` updated to version `0.3.1`
+- `@stream-io/video-client` updated to version `1.22.2`
+- `@stream-io/video-react-bindings` updated to version `1.6.2`
+
+### Bug Fixes
+
+- enable chore releases ([#1792](https://github.com/GetStream/stream-video-js/issues/1792)) ([6046654](https://github.com/GetStream/stream-video-js/commit/6046654fe19505a1c115a4fb838759d010540614))
+
 ## [1.13.2](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-1.13.1...@stream-io/video-react-native-sdk-1.13.2) (2025-05-14)
 
 ### Dependency Updates

package/android/gradle.properties

@@ -1,4 +1,4 @@
-StreamVideoReactNative_kotlinVersion=1.7.0
+StreamVideoReactNative_kotlinVersion=1.9.25
 StreamVideoReactNative_minSdkVersion=24
 StreamVideoReactNative_targetSdkVersion=34
 StreamVideoReactNative_compileSdkVersion=34

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

@@ -23,16 +23,13 @@ const ViewerLeaveStreamButton = ({
 }) => {
   const [isAwaitingResponse, setIsAwaitingResponse] = (0, _react.useState)(false);
   const call = (0, _videoReactBindings.useCall)();
-  const {
-    t
-  } = (0, _videoReactBindings.useI18n)();
+  const styles = useStyles();
   const {
     theme: {
       colors,
       variants: {
         iconSizes
       },
-      typefaces,
       viewerLeaveStreamButton
     }
   } = (0, _contexts.useTheme)();
@@ -51,33 +48,30 @@ const ViewerLeaveStreamButton = ({
     }
   };
   return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
-    style: [styles.container, {
-      backgroundColor: colors.buttonSecondary
-    }, viewerLeaveStreamButton.container],
+    style: 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.textPrimary
-    }, viewerLeaveStreamButton.text]
-  }, isAwaitingResponse ? t('Loading...') : t('Leave Stream')));
+    style: [styles.icon, viewerLeaveStreamButton.icon]
+  }, isAwaitingResponse ? /*#__PURE__*/_react.default.createElement(_reactNative.ActivityIndicator, null) : /*#__PURE__*/_react.default.createElement(_icons.PhoneDown, {
+    color: colors.iconPrimary,
+    size: iconSizes.sm
+  })));
 };
 exports.ViewerLeaveStreamButton = ViewerLeaveStreamButton;
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    padding: 8,
-    borderRadius: 4
-  },
-  icon: {},
-  text: {
-    marginLeft: 8,
-    includeFontPadding: false
-  }
-});
+const useStyles = () => {
+  const {
+    theme
+  } = (0, _contexts.useTheme)();
+  return (0, _react.useMemo)(() => _reactNative.StyleSheet.create({
+    icon: {
+      backgroundColor: theme.colors.buttonSecondary,
+      height: theme.variants.buttonSizes.xs,
+      width: theme.variants.buttonSizes.xs,
+      justifyContent: 'center',
+      alignItems: 'center',
+      borderRadius: theme.variants.borderRadiusSizes.sm,
+      zIndex: 2
+    }
+  }), [theme]);
+};
 //# sourceMappingURL=ViewerLeaveStreamButton.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_contexts","_icons","_videoReactBindings","_videoClient","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ViewerLeaveStreamButton","onLeaveStreamHandler","isAwaitingResponse","setIsAwaitingResponse","useState","useCall","useI18n","theme","colors","variants","iconSizes","typefaces","viewerLeaveStreamButton","useTheme","onLeaveStreamButtonPress","leave","error","logger","getLogger","createElement","Pressable","style","styles","container","backgroundColor","buttonSecondary","onPress","View","icon","height","xs","width","ActivityIndicator","LeaveStreamIcon","Text","text","subtitleBold","color","textPrimary","exports","StyleSheet","create","flexDirection","alignItems","padding","borderRadius","marginLeft","includeFontPadding"],"sourceRoot":"../../../../../src","sources":["components/Livestream/LivestreamControls/ViewerLeaveStreamButton.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_contexts","_icons","_videoReactBindings","_videoClient","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ViewerLeaveStreamButton","onLeaveStreamHandler","isAwaitingResponse","setIsAwaitingResponse","useState","useCall","styles","useStyles","theme","colors","variants","iconSizes","viewerLeaveStreamButton","useTheme","onLeaveStreamButtonPress","leave","error","logger","getLogger","createElement","Pressable","style","container","onPress","View","icon","ActivityIndicator","PhoneDown","color","iconPrimary","size","sm","exports","useMemo","StyleSheet","create","backgroundColor","buttonSecondary","height","buttonSizes","xs","width","justifyContent","alignItems","borderRadius","borderRadiusSizes","zIndex"],"sourceRoot":"../../../../../src","sources":["components/Livestream/LivestreamControls/ViewerLeaveStreamButton.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -4,12 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ViewerLivestreamControls = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _ViewerLeaveStreamButton = require("./ViewerLeaveStreamButton");
 var _contexts = require("../../../contexts");
 var _constants = require("../../../constants");
+var _LivestreamTopView = require("../LivestreamTopView");
+var _icons = require("../../../icons");
+var _reactNativeIncallManager = _interopRequireDefault(require("react-native-incall-manager"));
+var _LivestreamControls = require("../../../icons/LivestreamControls");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 /**
  * Props for the ViewerLivestreamControls component.
  */
@@ -22,44 +27,197 @@ const ViewerLivestreamControls = ({
   onLeaveStreamHandler,
   onLayout
 }) => {
+  const styles = useStyles();
   const {
     theme: {
       colors,
-      viewerLivestreamControls
+      viewerLivestreamControls,
+      variants
     }
   } = (0, _contexts.useTheme)();
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [styles.container, {
-      backgroundColor: colors.sheetOverlay
-    }, viewerLivestreamControls.container],
+  const [showControls, setShowControls] = (0, _react.useState)(true);
+  const [isMuted, setIsMuted] = (0, _react.useState)(false);
+  const [isPlaying, setIsPlaying] = (0, _react.useState)(true);
+  const [showPlayPauseButton, setShowPlayPauseButton] = (0, _react.useState)(true);
+  const playPauseTimeout = (0, _react.useRef)(null);
+  const hidePlayPauseButtonAfterDelay = (0, _react.useCallback)(() => {
+    if (playPauseTimeout.current) {
+      clearTimeout(playPauseTimeout.current);
+    }
+    playPauseTimeout.current = setTimeout(() => {
+      setShowPlayPauseButton(false);
+      playPauseTimeout.current = null;
+    }, 3000);
+  }, []);
+  (0, _react.useEffect)(() => {
+    hidePlayPauseButtonAfterDelay();
+    return () => {
+      if (playPauseTimeout.current) {
+        clearTimeout(playPauseTimeout.current);
+      }
+    };
+  }, [hidePlayPauseButtonAfterDelay]);
+  const showPlayPauseButtonWithTimeout = () => {
+    setShowPlayPauseButton(true);
+    hidePlayPauseButtonAfterDelay();
+  };
+  const showControlsHandler = () => {
+    showPlayPauseButtonWithTimeout();
+    if (showControls) {
+      return;
+    }
+    setShowControls(true);
+  };
+  const toggleControls = () => {
+    setShowControls(!showControls);
+  };
+  const toggleAudio = () => {
+    setIsMuted(!isMuted);
+    _reactNativeIncallManager.default.setForceSpeakerphoneOn(isMuted);
+  };
+  const togglePlayPause = () => {
+    setIsPlaying(!isPlaying);
+    showPlayPauseButtonWithTimeout();
+  };
+  const VolumeButton = /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
+    onPress: toggleAudio,
+    style: [styles.fullscreenButton]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.icon]
+  }, /*#__PURE__*/_react.default.createElement(_icons.IconWrapper, null, isMuted ? /*#__PURE__*/_react.default.createElement(_LivestreamControls.VolumeOff, {
+    color: colors.iconPrimary,
+    size: variants.iconSizes.sm
+  }) : /*#__PURE__*/_react.default.createElement(_LivestreamControls.VolumeOn, {
+    color: colors.iconPrimary,
+    size: variants.iconSizes.sm
+  }))));
+  const MaximizeButton = /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
+    onPress: toggleControls,
+    style: [styles.fullscreenButton]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.icon]
+  }, /*#__PURE__*/_react.default.createElement(_icons.Maximize, {
+    color: colors.iconPrimary,
+    width: variants.iconSizes.sm,
+    height: variants.iconSizes.sm
+  })));
+  const PlayPauseButton = /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
+    onPress: togglePlayPause,
+    style: styles.playPauseButton
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.playPauseIcon
+  }, /*#__PURE__*/_react.default.createElement(_icons.IconWrapper, null, isPlaying ? /*#__PURE__*/_react.default.createElement(_LivestreamControls.PauseIcon, {
+    color: colors.iconPrimary,
+    size: variants.iconSizes.lg * 3
+  }) : /*#__PURE__*/_react.default.createElement(_LivestreamControls.PlayIcon, {
+    color: colors.iconPrimary,
+    size: variants.iconSizes.lg * 3
+  }))));
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
+    style: _reactNative.StyleSheet.absoluteFill,
+    onPress: showControlsHandler
+  }, !isPlaying && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.blackOverlay
+  }), showPlayPauseButton && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.centerButtonContainer
+  }, PlayPauseButton), showControls && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.container, viewerLivestreamControls.container],
     onLayout: onLayout
   }, /*#__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.leftElement]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.liveInfo]
+  }, /*#__PURE__*/_react.default.createElement(_LivestreamTopView.LiveIndicator, null), /*#__PURE__*/_react.default.createElement(_LivestreamTopView.FollowerCount, null)))), /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_LivestreamTopView.DurationBadge, {
+    mode: "viewer"
   })), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: [styles.rightElement, viewerLivestreamControls.rightElement]
-  }));
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.buttonContainer
+  }, VolumeButton, MaximizeButton, ViewerLeaveStreamButton && /*#__PURE__*/_react.default.createElement(ViewerLeaveStreamButton, {
+    onLeaveStreamHandler: onLeaveStreamHandler
+  })))));
 };
 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'
-  }
-});
+const useStyles = () => {
+  const {
+    theme
+  } = (0, _contexts.useTheme)();
+  return (0, _react.useMemo)(() => _reactNative.StyleSheet.create({
+    container: {
+      position: 'absolute',
+      bottom: 0,
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'center',
+      paddingVertical: 16,
+      paddingHorizontal: 8,
+      zIndex: _constants.Z_INDEX.IN_FRONT,
+      backgroundColor: theme.colors.sheetOverlay
+    },
+    leftElement: {
+      flex: 1,
+      alignItems: 'flex-start',
+      justifyContent: 'center'
+    },
+    rightElement: {
+      flex: 1,
+      alignItems: 'flex-end'
+    },
+    liveInfo: {
+      flexDirection: 'row'
+    },
+    icon: {
+      height: theme.variants.iconSizes.sm,
+      width: theme.variants.iconSizes.sm
+    },
+    fullscreenButton: {
+      backgroundColor: theme.colors.buttonSecondary,
+      height: theme.variants.buttonSizes.xs,
+      width: theme.variants.buttonSizes.xs,
+      justifyContent: 'center',
+      alignItems: 'center',
+      borderRadius: theme.variants.borderRadiusSizes.sm,
+      zIndex: 2
+    },
+    buttonContainer: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'center',
+      gap: theme.variants.spacingSizes.sm
+    },
+    centerButtonContainer: {
+      position: 'absolute',
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0,
+      justifyContent: 'center',
+      alignItems: 'center',
+      zIndex: _constants.Z_INDEX.IN_FRONT,
+      pointerEvents: 'box-none'
+    },
+    playPauseButton: {
+      height: 200,
+      width: 200,
+      justifyContent: 'center',
+      alignItems: 'center',
+      zIndex: _constants.Z_INDEX.IN_FRONT + 1
+    },
+    playPauseIcon: {
+      height: 200,
+      width: 200
+    },
+    blackOverlay: {
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      backgroundColor: 'black',
+      zIndex: _constants.Z_INDEX.IN_FRONT - 1
+    }
+  }), [theme]);
+};
 //# sourceMappingURL=ViewerLivestreamControls.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ViewerLeaveStreamButton","_contexts","_constants","e","__esModule","default","ViewerLivestreamControls","ViewerLeaveStreamButton","DefaultViewerLeaveStreamButton","onLeaveStreamHandler","onLayout","theme","colors","viewerLivestreamControls","useTheme","createElement","View","style","styles","container","backgroundColor","sheetOverlay","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,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE7C;AACA;AACA;;AASA;AACA;AACA;AACO,MAAMG,wBAAwB,GAAGA,CAAC;EACvCC,uBAAuB,GAAGC,gDAA8B;EACxDC,oBAAoB;EACpBC;AAC6B,CAAC,KAAK;EACnC,MAAM;IACJC,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;MAAEC,eAAe,EAAER,MAAM,CAACS;IAAa,CAAC,EACxCR,wBAAwB,CAACM,SAAS,CAClC;IACFT,QAAQ,EAAEA;EAAS,gBAEnBd,MAAA,CAAAS,OAAA,CAAAU,aAAA,CAAChB,YAAA,CAAAiB,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACI,WAAW,EAAET,wBAAwB,CAACS,WAAW;EAAE,GACrEf,uBAAuB,iBACtBX,MAAA,CAAAS,OAAA,CAAAU,aAAA,CAACR,uBAAuB;IACtBE,oBAAoB,EAAEA;EAAqB,CAC5C,CAEC,CAAC,eACPb,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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_ViewerLeaveStreamButton","_contexts","_constants","_LivestreamTopView","_icons","_reactNativeIncallManager","_interopRequireDefault","_LivestreamControls","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ViewerLivestreamControls","ViewerLeaveStreamButton","DefaultViewerLeaveStreamButton","onLeaveStreamHandler","onLayout","styles","useStyles","theme","colors","viewerLivestreamControls","variants","useTheme","showControls","setShowControls","useState","isMuted","setIsMuted","isPlaying","setIsPlaying","showPlayPauseButton","setShowPlayPauseButton","playPauseTimeout","useRef","hidePlayPauseButtonAfterDelay","useCallback","current","clearTimeout","setTimeout","useEffect","showPlayPauseButtonWithTimeout","showControlsHandler","toggleControls","toggleAudio","InCallManager","setForceSpeakerphoneOn","togglePlayPause","VolumeButton","createElement","Pressable","onPress","style","fullscreenButton","View","icon","IconWrapper","VolumeOff","color","iconPrimary","size","iconSizes","sm","VolumeOn","MaximizeButton","Maximize","width","height","PlayPauseButton","playPauseButton","playPauseIcon","PauseIcon","lg","PlayIcon","StyleSheet","absoluteFill","blackOverlay","centerButtonContainer","container","leftElement","liveInfo","LiveIndicator","FollowerCount","DurationBadge","mode","rightElement","buttonContainer","exports","useMemo","create","position","bottom","flexDirection","alignItems","justifyContent","paddingVertical","paddingHorizontal","zIndex","Z_INDEX","IN_FRONT","backgroundColor","sheetOverlay","flex","buttonSecondary","buttonSizes","xs","borderRadius","borderRadiusSizes","gap","spacingSizes","top","left","right","pointerEvents"],"sourceRoot":"../../../../../src","sources":["components/Livestream/LivestreamControls/ViewerLivestreamControls.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -55,7 +55,7 @@ const LivestreamLayout = ({
   };
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: [styles.container, landScapeStyles, {
-      backgroundColor: colors.sheetTertiary
+      backgroundColor: colors.sheetPrimary
     }, livestreamLayout.container]
   }, /*#__PURE__*/_react.default.createElement(RemoteVideoTrackDimensionsRenderLessComponent, {
     onDimensionsChange: onDimensionsChange

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_videoClient","_videoReactBindings","_reactNative","_usePaginatedLayoutSortPreset","_contexts","_Participant","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","LivestreamLayout","landscape","VideoRenderer","DefaultVideoRenderer","ScreenShareOverlay","useParticipants","useHasOngoingScreenShare","useCallStateHooks","useCall","theme","colors","livestreamLayout","useTheme","participants","currentSpeaker","hasOngoingScreenShare","presenter","find","hasScreenShare","undefined","usePaginatedLayoutSortPreset","objectFit","setObjectFit","useState","objectFitToBeSet","isLocalParticipant","onDimensionsChange","useCallback","d","isWidthWide","width","height","landScapeStyles","flexDirection","createElement","View","style","styles","container","backgroundColor","sheetTertiary","RemoteVideoTrackDimensionsRenderLessComponent","trackType","participant","exports","dimension","setDimension","useCallStatsReport","statsReport","highestFrameHeight","subscriberStats","highestFrameWidth","useEffect","StyleSheet","create","flex"],"sourceRoot":"../../../../../src","sources":["components/Livestream/LivestreamLayout/LivestreamLayout.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_videoClient","_videoReactBindings","_reactNative","_usePaginatedLayoutSortPreset","_contexts","_Participant","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","LivestreamLayout","landscape","VideoRenderer","DefaultVideoRenderer","ScreenShareOverlay","useParticipants","useHasOngoingScreenShare","useCallStateHooks","useCall","theme","colors","livestreamLayout","useTheme","participants","currentSpeaker","hasOngoingScreenShare","presenter","find","hasScreenShare","undefined","usePaginatedLayoutSortPreset","objectFit","setObjectFit","useState","objectFitToBeSet","isLocalParticipant","onDimensionsChange","useCallback","d","isWidthWide","width","height","landScapeStyles","flexDirection","createElement","View","style","styles","container","backgroundColor","sheetPrimary","RemoteVideoTrackDimensionsRenderLessComponent","trackType","participant","exports","dimension","setDimension","useCallStatsReport","statsReport","highestFrameHeight","subscriberStats","highestFrameWidth","useEffect","StyleSheet","create","flex"],"sourceRoot":"../../../../../src","sources":["components/Livestream/LivestreamLayout/LivestreamLayout.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/components/Livestream/LivestreamPlayer/LivestreamEnded.js

@@ -0,0 +1,111 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CallEndedView = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _videoReactBindings = require("@stream-io/video-react-bindings");
+var _contexts = require("../../../contexts");
+var _reactNative = require("react-native");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const CallEndedView = () => {
+  const {
+    t
+  } = (0, _videoReactBindings.useI18n)();
+  const call = (0, _videoReactBindings.useCall)();
+  const [recordingsResponse, setRecordingsResponse] = (0, _react.useState)(undefined);
+  const styles = useStyles();
+  (0, _react.useEffect)(() => {
+    let isCanceled = false;
+    const fetchRecordings = async () => {
+      if (recordingsResponse == null) {
+        try {
+          const callRecordingsResponse = await call?.queryRecordings();
+          if (!isCanceled) {
+            setRecordingsResponse(callRecordingsResponse);
+          }
+        } catch (error) {
+          console.log('Error fetching recordings:', error);
+          if (!isCanceled) {
+            setRecordingsResponse(undefined);
+          }
+        }
+      }
+    };
+    fetchRecordings();
+    return () => {
+      isCanceled = true;
+    };
+  }, [call, recordingsResponse]);
+  const openUrl = url => {
+    _reactNative.Linking.canOpenURL(url).then(supported => {
+      if (supported) {
+        _reactNative.Linking.openURL(url);
+      } else {
+        console.log('Cannot open URL:', url);
+      }
+    });
+  };
+  const showRecordings = recordingsResponse && recordingsResponse.recordings.length > 0;
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.container
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.title
+  }, t('The livestream has ended.')), showRecordings && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.subtitle
+  }, t('Watch recordings:')), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.recordingsContainer
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.FlatList, {
+    data: recordingsResponse.recordings,
+    keyExtractor: item => item.session_id,
+    renderItem: ({
+      item
+    }) => /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
+      style: styles.recordingButton,
+      onPress: () => openUrl(item.url)
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+      style: styles.recordingText
+    }, item.url.substring(0, 70), "..."))
+  }))));
+};
+exports.CallEndedView = CallEndedView;
+const useStyles = () => {
+  const {
+    theme
+  } = (0, _contexts.useTheme)();
+  return (0, _react.useMemo)(() => _reactNative.StyleSheet.create({
+    container: {
+      flex: 1,
+      backgroundColor: theme.colors.sheetPrimary,
+      justifyContent: 'center',
+      alignItems: 'center',
+      padding: theme.variants.spacingSizes.md
+    },
+    title: {
+      fontSize: theme.variants.fontSizes.lg,
+      marginBottom: theme.variants.spacingSizes.md,
+      color: theme.colors.textPrimary,
+      fontWeight: 'bold'
+    },
+    subtitle: {
+      fontSize: theme.variants.fontSizes.md,
+      marginBottom: theme.variants.spacingSizes.md,
+      color: theme.colors.textPrimary,
+      fontWeight: 'bold'
+    },
+    recordingButton: {
+      padding: theme.variants.spacingSizes.sm,
+      width: '100%'
+    },
+    recordingText: {
+      color: theme.colors.textSecondary,
+      fontSize: theme.variants.fontSizes.md
+    },
+    recordingsContainer: {
+      width: '100%',
+      alignItems: 'center'
+    }
+  }), [theme]);
+};
+//# sourceMappingURL=LivestreamEnded.js.map

package/dist/commonjs/components/Livestream/LivestreamPlayer/LivestreamEnded.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_videoReactBindings","_contexts","_reactNative","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CallEndedView","useI18n","useCall","recordingsResponse","setRecordingsResponse","useState","undefined","styles","useStyles","useEffect","isCanceled","fetchRecordings","callRecordingsResponse","queryRecordings","error","console","log","openUrl","url","Linking","canOpenURL","then","supported","openURL","showRecordings","recordings","length","createElement","View","style","container","Text","title","Fragment","subtitle","recordingsContainer","FlatList","data","keyExtractor","item","session_id","renderItem","Pressable","recordingButton","onPress","recordingText","substring","exports","theme","useTheme","useMemo","StyleSheet","create","flex","backgroundColor","colors","sheetPrimary","justifyContent","alignItems","padding","variants","spacingSizes","md","fontSize","fontSizes","lg","marginBottom","color","textPrimary","fontWeight","sm","width","textSecondary"],"sourceRoot":"../../../../../src","sources":["components/Livestream/LivestreamPlayer/LivestreamEnded.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -13,7 +13,8 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 const LivestreamPlayer = ({
   callType,
   callId,
-  ViewerLivestream = _ViewerLivestream.ViewerLivestream
+  ViewerLivestream = _ViewerLivestream.ViewerLivestream,
+  joinBehavior = 'asap'
 }) => {
   const client = (0, _videoReactBindings.useStreamVideoClient)();
   const [call, setCall] = (0, _react.useState)();
@@ -23,10 +24,6 @@ const LivestreamPlayer = ({
     }
     const myCall = client.call(callType, callId);
     setCall(myCall);
-    myCall.join().catch(e => {
-      const logger = (0, _videoClient.getLogger)(['LivestreamPlayer']);
-      logger('error', 'Error joining call:', e);
-    });
     return () => {
       if (myCall.state.callingState !== _videoClient.CallingState.LEFT) {
         myCall.leave().catch(e => {
@@ -53,7 +50,9 @@ const LivestreamPlayer = ({
   }
   return /*#__PURE__*/_react.default.createElement(_StreamCall.StreamCall, {
     call: call
-  }, /*#__PURE__*/_react.default.createElement(ViewerLivestream, null));
+  }, /*#__PURE__*/_react.default.createElement(ViewerLivestream, {
+    joinBehavior: joinBehavior
+  }));
 };
 exports.LivestreamPlayer = LivestreamPlayer;
 //# sourceMappingURL=LivestreamPlayer.js.map