@stream-io/video-react-native-sdk 0.7.10 → 0.7.11

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+### [0.7.11](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-0.7.10...@stream-io/video-react-native-sdk-0.7.11) (2024-05-27)
+
+
+### Features
+
+* **react-native:** add livestream player component ([#1373](https://github.com/GetStream/stream-video-js/issues/1373)) ([a821e23](https://github.com/GetStream/stream-video-js/commit/a821e2359ad6c3ff1535f971c1d644a0b35fff78))
+
 ### [0.7.10](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-0.7.9...@stream-io/video-react-native-sdk-0.7.10) (2024-05-23)
 
 ### Dependency Updates

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

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LivestreamPlayer = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _ = require("..");
+var _2 = require("../../..");
+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; }
+const LivestreamPlayer = ({
+  callType,
+  callId,
+  ViewerLivestream = _.ViewerLivestream
+}) => {
+  const client = (0, _2.useStreamVideoClient)();
+  const call = (0, _react.useMemo)(() => client === null || client === void 0 ? void 0 : client.call(callType, callId), [callType, callId, client]);
+  (0, _react.useEffect)(() => {
+    if (!call) {
+      return;
+    }
+    call.join().catch(e => {
+      console.error('Failed to join call', e);
+    });
+    return () => {
+      call.leave().catch(e => {
+        console.error('Failed to leave call', e);
+      });
+    };
+  }, [call]);
+  if (!call) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_2.StreamCall, {
+    call: call
+  }, /*#__PURE__*/_react.default.createElement(ViewerLivestream, null));
+};
+exports.LivestreamPlayer = LivestreamPlayer;
+//# sourceMappingURL=LivestreamPlayer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_","_2","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","LivestreamPlayer","callType","callId","ViewerLivestream","DefaultViewerLivestream","client","useStreamVideoClient","useMemo","useEffect","join","catch","e","console","error","leave","createElement","StreamCall","exports"],"sourceRoot":"../../../../../src","sources":["components/Livestream/LivestreamPlayer/LivestreamPlayer.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,CAAA,GAAAD,OAAA;AAIA,IAAAE,EAAA,GAAAF,OAAA;AAA4D,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAL,wBAAAS,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAkBrD,MAAMW,gBAAgB,GAAGA,CAAC;EAC/BC,QAAQ;EACRC,MAAM;EACNC,gBAAgB,GAAGC;AACE,CAAC,KAAK;EAC3B,MAAMC,MAAM,GAAG,IAAAC,uBAAoB,EAAC,CAAC;EAErC,MAAMT,IAAI,GAAG,IAAAU,cAAO,EAClB,MAAMF,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAER,IAAI,CAACI,QAAQ,EAAEC,MAAM,CAAC,EACpC,CAACD,QAAQ,EAAEC,MAAM,EAAEG,MAAM,CAC3B,CAAC;EAED,IAAAG,gBAAS,EAAC,MAAM;IACd,IAAI,CAACX,IAAI,EAAE;MACT;IACF;IACAA,IAAI,CAACY,IAAI,CAAC,CAAC,CAACC,KAAK,CAAEC,CAAC,IAAK;MACvBC,OAAO,CAACC,KAAK,CAAC,qBAAqB,EAAEF,CAAC,CAAC;IACzC,CAAC,CAAC;IACF,OAAO,MAAM;MACXd,IAAI,CAACiB,KAAK,CAAC,CAAC,CAACJ,KAAK,CAAEC,CAAC,IAAK;QACxBC,OAAO,CAACC,KAAK,CAAC,sBAAsB,EAAEF,CAAC,CAAC;MAC1C,CAAC,CAAC;IACJ,CAAC;EACH,CAAC,EAAE,CAACd,IAAI,CAAC,CAAC;EAEV,IAAI,CAACA,IAAI,EAAE;IACT,OAAO,IAAI;EACb;EAEA,oBACExB,MAAA,CAAAY,OAAA,CAAA8B,aAAA,CAACtC,EAAA,CAAAuC,UAAU;IAACnB,IAAI,EAAEA;EAAK,gBACrBxB,MAAA,CAAAY,OAAA,CAAA8B,aAAA,CAACZ,gBAAgB,MAAE,CACT,CAAC;AAEjB,CAAC;AAACc,OAAA,CAAAjB,gBAAA,GAAAA,gBAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_LivestreamPlayer","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sourceRoot":"../../../../../src","sources":["components/Livestream/LivestreamPlayer/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/version.js

@@ -4,5 +4,5 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.version = void 0;
-const version = exports.version = '0.7.10';
+const version = exports.version = '0.7.11';
 //# sourceMappingURL=version.js.map

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

@@ -0,0 +1,31 @@
+import React, { useMemo, useEffect } from 'react';
+import { ViewerLivestream as DefaultViewerLivestream } from '..';
+import { StreamCall, useStreamVideoClient } from '../../..';
+export const LivestreamPlayer = ({
+  callType,
+  callId,
+  ViewerLivestream = DefaultViewerLivestream
+}) => {
+  const client = useStreamVideoClient();
+  const call = useMemo(() => client === null || client === void 0 ? void 0 : client.call(callType, callId), [callType, callId, client]);
+  useEffect(() => {
+    if (!call) {
+      return;
+    }
+    call.join().catch(e => {
+      console.error('Failed to join call', e);
+    });
+    return () => {
+      call.leave().catch(e => {
+        console.error('Failed to leave call', e);
+      });
+    };
+  }, [call]);
+  if (!call) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(StreamCall, {
+    call: call
+  }, /*#__PURE__*/React.createElement(ViewerLivestream, null));
+};
+//# sourceMappingURL=LivestreamPlayer.js.map

package/dist/module/components/Livestream/LivestreamPlayer/LivestreamPlayer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","useEffect","ViewerLivestream","DefaultViewerLivestream","StreamCall","useStreamVideoClient","LivestreamPlayer","callType","callId","client","call","join","catch","e","console","error","leave","createElement"],"sourceRoot":"../../../../../src","sources":["components/Livestream/LivestreamPlayer/LivestreamPlayer.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,EAAEC,SAAS,QAAQ,OAAO;AACjD,SACEC,gBAAgB,IAAIC,uBAAuB,QAEtC,IAAI;AACX,SAASC,UAAU,EAAEC,oBAAoB,QAAQ,UAAU;AAkB3D,OAAO,MAAMC,gBAAgB,GAAGA,CAAC;EAC/BC,QAAQ;EACRC,MAAM;EACNN,gBAAgB,GAAGC;AACE,CAAC,KAAK;EAC3B,MAAMM,MAAM,GAAGJ,oBAAoB,CAAC,CAAC;EAErC,MAAMK,IAAI,GAAGV,OAAO,CAClB,MAAMS,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEC,IAAI,CAACH,QAAQ,EAAEC,MAAM,CAAC,EACpC,CAACD,QAAQ,EAAEC,MAAM,EAAEC,MAAM,CAC3B,CAAC;EAEDR,SAAS,CAAC,MAAM;IACd,IAAI,CAACS,IAAI,EAAE;MACT;IACF;IACAA,IAAI,CAACC,IAAI,CAAC,CAAC,CAACC,KAAK,CAAEC,CAAC,IAAK;MACvBC,OAAO,CAACC,KAAK,CAAC,qBAAqB,EAAEF,CAAC,CAAC;IACzC,CAAC,CAAC;IACF,OAAO,MAAM;MACXH,IAAI,CAACM,KAAK,CAAC,CAAC,CAACJ,KAAK,CAAEC,CAAC,IAAK;QACxBC,OAAO,CAACC,KAAK,CAAC,sBAAsB,EAAEF,CAAC,CAAC;MAC1C,CAAC,CAAC;IACJ,CAAC;EACH,CAAC,EAAE,CAACH,IAAI,CAAC,CAAC;EAEV,IAAI,CAACA,IAAI,EAAE;IACT,OAAO,IAAI;EACb;EAEA,oBACEX,KAAA,CAAAkB,aAAA,CAACb,UAAU;IAACM,IAAI,EAAEA;EAAK,gBACrBX,KAAA,CAAAkB,aAAA,CAACf,gBAAgB,MAAE,CACT,CAAC;AAEjB,CAAC"}

package/dist/module/components/Livestream/LivestreamPlayer/index.js

@@ -0,0 +1,2 @@
+export * from './LivestreamPlayer';
+//# sourceMappingURL=index.js.map

package/dist/module/components/Livestream/LivestreamPlayer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["components/Livestream/LivestreamPlayer/index.ts"],"mappings":"AAAA,cAAc,oBAAoB"}

package/dist/module/version.js

@@ -1,2 +1,2 @@
-export const version = '0.7.10';
+export const version = '0.7.11';
 //# sourceMappingURL=version.js.map

package/dist/typescript/components/Livestream/LivestreamPlayer/LivestreamPlayer.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { ViewerLivestreamProps } from '..';
+export type LivestreamPlayerProps = {
+    /**
+     * The call type. Usually `livestream`.
+     */
+    callType: string;
+    /**
+     * The call ID.
+     */
+    callId: string;
+    /**
+     * Component to override the ViewerLivestream component used under the hood.
+     * **Default** [ViewerLivestream](https://github.com/GetStream/stream-video-js/blob/main/packages/react-native-sdk/src/components/Livestream/ViewerLivestream/ViewerLivestream.tsx)
+     */
+    ViewerLivestream?: React.ComponentType<ViewerLivestreamProps>;
+};
+export declare const LivestreamPlayer: ({ callType, callId, ViewerLivestream, }: LivestreamPlayerProps) => React.JSX.Element | null;
+//# sourceMappingURL=LivestreamPlayer.d.ts.map

package/dist/typescript/components/Livestream/LivestreamPlayer/LivestreamPlayer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LivestreamPlayer.d.ts","sourceRoot":"","sources":["../../../../../src/components/Livestream/LivestreamPlayer/LivestreamPlayer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAClD,OAAO,EAEL,qBAAqB,EACtB,MAAM,IAAI,CAAC;AAGZ,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC;CAC/D,CAAC;AAEF,eAAO,MAAM,gBAAgB,4CAI1B,qBAAqB,6BA+BvB,CAAC"}

package/dist/typescript/components/Livestream/LivestreamPlayer/index.d.ts

@@ -0,0 +1,2 @@
+export * from './LivestreamPlayer';
+//# sourceMappingURL=index.d.ts.map

package/dist/typescript/components/Livestream/LivestreamPlayer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Livestream/LivestreamPlayer/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}

package/dist/typescript/version.d.ts

@@ -1,2 +1,2 @@
-export declare const version = "0.7.10";
+export declare const version = "0.7.11";
 //# sourceMappingURL=version.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stream-io/video-react-native-sdk",
-  "version": "0.7.10",
+  "version": "0.7.11",
   "packageManager": "yarn@3.2.4",
   "main": "dist/commonjs/index.js",
   "module": "dist/module/index.js",

package/src/components/Livestream/LivestreamPlayer/LivestreamPlayer.tsx

@@ -0,0 +1,59 @@
+import React, { useMemo, useEffect } from 'react';
+import {
+  ViewerLivestream as DefaultViewerLivestream,
+  ViewerLivestreamProps,
+} from '..';
+import { StreamCall, useStreamVideoClient } from '../../..';
+
+export type LivestreamPlayerProps = {
+  /**
+   * The call type. Usually `livestream`.
+   */
+  callType: string;
+  /**
+   * The call ID.
+   */
+  callId: string;
+  /**
+   * Component to override the ViewerLivestream component used under the hood.
+   * **Default** [ViewerLivestream](https://github.com/GetStream/stream-video-js/blob/main/packages/react-native-sdk/src/components/Livestream/ViewerLivestream/ViewerLivestream.tsx)
+   */
+  ViewerLivestream?: React.ComponentType<ViewerLivestreamProps>;
+};
+
+export const LivestreamPlayer = ({
+  callType,
+  callId,
+  ViewerLivestream = DefaultViewerLivestream,
+}: LivestreamPlayerProps) => {
+  const client = useStreamVideoClient();
+
+  const call = useMemo(
+    () => client?.call(callType, callId),
+    [callType, callId, client],
+  );
+
+  useEffect(() => {
+    if (!call) {
+      return;
+    }
+    call.join().catch((e) => {
+      console.error('Failed to join call', e);
+    });
+    return () => {
+      call.leave().catch((e) => {
+        console.error('Failed to leave call', e);
+      });
+    };
+  }, [call]);
+
+  if (!call) {
+    return null;
+  }
+
+  return (
+    <StreamCall call={call}>
+      <ViewerLivestream />
+    </StreamCall>
+  );
+};

package/src/components/Livestream/LivestreamPlayer/index.ts

@@ -0,0 +1 @@
+export * from './LivestreamPlayer';

package/src/version.ts

@@ -1 +1 @@
-export const version = '0.7.10';
+export const version = '0.7.11';