@100mslive/react-native-room-kit 0.0.4 → 0.2.0

package/lib/commonjs/components/Tile.js

@@ -5,107 +5,46 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Tile = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _reactRedux = require("react-redux");
 var _reactNative = require("react-native");
 var _reactNativeHms = require("@100mslive/react-native-hms");
-var _Feather = _interopRequireDefault(require("react-native-vector-icons/Feather"));
-var _Ionicons = _interopRequireDefault(require("react-native-vector-icons/Ionicons"));
-var _styles = require("./styles");
-var _functions = require("../utils/functions");
-var _DisplayTrack = require("./DisplayTrack");
-var _theme = require("../utils/theme");
-var _dimension = require("../utils/dimension");
+var _PeerRTCStatsContainer = _interopRequireDefault(require("./PeerRTCStatsContainer"));
+var _LocalPeerScreenshareView = require("./LocalPeerScreenshareView");
+var _PeerVideoTileView = require("./PeerVideoTile/PeerVideoTileView");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const TileUnmemoized = _ref => {
-  var _peerTrackNode$peer, _peerTrackNode$track, _peerTrackNode$track2, _peerTrackNode$peer2, _peerTrackNode$peer3;
+const _Tile = _ref => {
+  var _peerTrackNode$track, _peerTrackNode$track2, _peerTrackNode$track3;
   let {
+    aspectRatio,
+    width,
+    height,
     onPeerTileMorePress,
     peerTrackNode,
-    totalTilesInContainer,
-    setHmsViewRefs
+    setHmsViewRefs,
+    style
   } = _ref;
-  const isPortraitOrientation = (0, _dimension.useIsPortraitOrientation)();
-  const parsedMetadata = (0, _functions.parseMetadata)(peerTrackNode === null || peerTrackNode === void 0 || (_peerTrackNode$peer = peerTrackNode.peer) === null || _peerTrackNode$peer === void 0 ? void 0 : _peerTrackNode$peer.metadata);
-  const oneTileStyle = {
-    width: '100%',
-    height: '100%'
-  };
-  const twoTileStyle = {
-    width: '100%',
-    height: '50%'
-  };
-  const threeTileStyle = {
-    width: '100%',
-    height: '33.3333%'
-  };
-  const fourTileStyle = {
-    width: '50%',
-    height: '50%'
-  };
-  const oneTileStyleLandscape = {
-    width: '100%',
-    height: '100%'
-  };
-  const twoTileStyleLandscape = {
-    width: '50%',
-    height: '100%'
-  };
-  const threeTileStyleLandscape = {
-    width: '33.3333%',
-    height: '100%'
-  };
-  const fourTileStyleLandscape = {
-    width: '50%',
-    height: '50%'
-  };
+  const showStatsOnTiles = (0, _reactRedux.useSelector)(state => state.app.joinConfig.showStats);
+  const trackSource = (_peerTrackNode$track = peerTrackNode.track) === null || _peerTrackNode$track === void 0 ? void 0 : _peerTrackNode$track.source;
+  const isNonRegularTrack = trackSource && trackSource !== _reactNativeHms.HMSTrackSource.REGULAR;
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: [{
-      borderWidth: 1
-    }, (peerTrackNode === null || peerTrackNode === void 0 || (_peerTrackNode$track = peerTrackNode.track) === null || _peerTrackNode$track === void 0 ? void 0 : _peerTrackNode$track.source) !== undefined && (peerTrackNode === null || peerTrackNode === void 0 || (_peerTrackNode$track2 = peerTrackNode.track) === null || _peerTrackNode$track2 === void 0 ? void 0 : _peerTrackNode$track2.source) !== _reactNativeHms.HMSTrackSource.REGULAR ? _styles.styles.gridTile : isPortraitOrientation ? totalTilesInContainer === 1 ? oneTileStyle : totalTilesInContainer === 2 ? twoTileStyle : totalTilesInContainer === 3 ? threeTileStyle : fourTileStyle : totalTilesInContainer === 1 ? oneTileStyleLandscape : totalTilesInContainer === 2 ? twoTileStyleLandscape : totalTilesInContainer === 3 ? threeTileStyleLandscape : fourTileStyleLandscape]
-  }, /*#__PURE__*/_react.default.createElement(_DisplayTrack.DisplayTrack
-  // saving HmsView ref in collection with uniqueId as key
-  , {
+      position: 'relative'
+    }, {
+      width,
+      height,
+      aspectRatio
+    }, style]
+  }, isNonRegularTrack && peerTrackNode.peer.isLocal ? /*#__PURE__*/_react.default.createElement(_LocalPeerScreenshareView.LocalPeerScreenshareView, null) : /*#__PURE__*/_react.default.createElement(_PeerVideoTileView.PeerVideoTileView, {
     ref: ref => setHmsViewRefs(peerTrackNode.id, ref),
-    isLocal: peerTrackNode === null || peerTrackNode === void 0 || (_peerTrackNode$peer2 = peerTrackNode.peer) === null || _peerTrackNode$peer2 === void 0 ? void 0 : _peerTrackNode$peer2.isLocal,
-    peer: peerTrackNode === null || peerTrackNode === void 0 ? void 0 : peerTrackNode.peer,
-    videoTrack: peerTrackNode === null || peerTrackNode === void 0 ? void 0 : peerTrackNode.track,
-    videoStyles: _styles.styles.generalTile,
-    isDegraded: peerTrackNode === null || peerTrackNode === void 0 ? void 0 : peerTrackNode.isDegraded
-  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: _styles.styles.morePeerOptionsContainer
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
-    onPress: () => onPeerTileMorePress(peerTrackNode),
-    style: {
-      padding: 8,
-      backgroundColor: _theme.COLORS.SECONDARY.DISABLED,
-      borderRadius: 18
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Feather.default, {
-    name: "more-horizontal",
-    style: _styles.styles.mic,
-    size: 20
-  }))), (peerTrackNode === null || peerTrackNode === void 0 || (_peerTrackNode$peer3 = peerTrackNode.peer) === null || _peerTrackNode$peer3 === void 0 || (_peerTrackNode$peer3 = _peerTrackNode$peer3.audioTrack) === null || _peerTrackNode$peer3 === void 0 ? void 0 : _peerTrackNode$peer3.isMute()) && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: _styles.styles.micContainer
-  }, /*#__PURE__*/_react.default.createElement(_Feather.default, {
-    name: "mic-off",
-    style: _styles.styles.mic,
-    size: 20
-  })), parsedMetadata !== null && parsedMetadata !== void 0 && parsedMetadata.isBRBOn ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: _styles.styles.status
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: _styles.styles.brbOnContainer
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: _styles.styles.brbOn
-  }, "BRB"))) : null, parsedMetadata !== null && parsedMetadata !== void 0 && parsedMetadata.isHandRaised ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: _styles.styles.status
-  }, /*#__PURE__*/_react.default.createElement(_Ionicons.default, {
-    name: "hand-left",
-    style: {
-      color: _theme.COLORS.TWIN.YELLOW
-    },
-    size: 20
-  })) : null);
+    peerTrackNode: peerTrackNode,
+    onMoreOptionsPress: onPeerTileMorePress
+  }), showStatsOnTiles ? /*#__PURE__*/_react.default.createElement(_PeerRTCStatsContainer.default, {
+    trackId: (_peerTrackNode$track2 = peerTrackNode.track) === null || _peerTrackNode$track2 === void 0 ? void 0 : _peerTrackNode$track2.trackId,
+    peerId: peerTrackNode.peer.peerID,
+    trackSource: (_peerTrackNode$track3 = peerTrackNode.track) === null || _peerTrackNode$track3 === void 0 ? void 0 : _peerTrackNode$track3.source
+  }) : null);
 };
-const Tile = /*#__PURE__*/_react.default.memo(TileUnmemoized);
+const Tile = /*#__PURE__*/_react.default.memo(_Tile);
 exports.Tile = Tile;
 Tile.displayName = 'Tile';
 //# sourceMappingURL=Tile.js.map

package/lib/commonjs/components/Tile.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeHms","_Feather","_Ionicons","_styles","_functions","_DisplayTrack","_theme","_dimension","obj","__esModule","default","TileUnmemoized","_ref","_peerTrackNode$peer","_peerTrackNode$track","_peerTrackNode$track2","_peerTrackNode$peer2","_peerTrackNode$peer3","onPeerTileMorePress","peerTrackNode","totalTilesInContainer","setHmsViewRefs","isPortraitOrientation","useIsPortraitOrientation","parsedMetadata","parseMetadata","peer","metadata","oneTileStyle","width","height","twoTileStyle","threeTileStyle","fourTileStyle","oneTileStyleLandscape","twoTileStyleLandscape","threeTileStyleLandscape","fourTileStyleLandscape","createElement","View","style","borderWidth","track","source","undefined","HMSTrackSource","REGULAR","styles","gridTile","DisplayTrack","ref","id","isLocal","videoTrack","videoStyles","generalTile","isDegraded","morePeerOptionsContainer","TouchableOpacity","onPress","padding","backgroundColor","COLORS","SECONDARY","DISABLED","borderRadius","name","mic","size","audioTrack","isMute","micContainer","isBRBOn","status","brbOnContainer","Text","brbOn","isHandRaised","color","TWIN","YELLOW","Tile","React","memo","exports","displayName"],"sourceRoot":"../../../src","sources":["components/Tile.tsx"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactRedux","_reactNative","_reactNativeHms","_PeerRTCStatsContainer","_LocalPeerScreenshareView","_PeerVideoTileView","obj","__esModule","default","_Tile","_ref","_peerTrackNode$track","_peerTrackNode$track2","_peerTrackNode$track3","aspectRatio","width","height","onPeerTileMorePress","peerTrackNode","setHmsViewRefs","style","showStatsOnTiles","useSelector","state","app","joinConfig","showStats","trackSource","track","source","isNonRegularTrack","HMSTrackSource","REGULAR","createElement","View","position","peer","isLocal","LocalPeerScreenshareView","PeerVideoTileView","ref","id","onMoreOptionsPress","trackId","peerId","peerID","Tile","React","memo","exports","displayName"],"sourceRoot":"../../../src","sources":["components/Tile.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAEA,IAAAG,eAAA,GAAAH,OAAA;AAIA,IAAAI,sBAAA,GAAAL,sBAAA,CAAAC,OAAA;AAEA,IAAAK,yBAAA,GAAAL,OAAA;AACA,IAAAM,kBAAA,GAAAN,OAAA;AAAsE,SAAAD,uBAAAQ,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAoBtE,MAAMG,KAA0B,GAAGC,IAAA,IAQ7B;EAAA,IAAAC,oBAAA,EAAAC,qBAAA,EAAAC,qBAAA;EAAA,IAR8B;IAClCC,WAAW;IACXC,KAAK;IACLC,MAAM;IACNC,mBAAmB;IACnBC,aAAa;IACbC,cAAc;IACdC;EACF,CAAC,GAAAV,IAAA;EACC,MAAMW,gBAAgB,GAAG,IAAAC,uBAAW,EACjCC,KAAgB,IAAKA,KAAK,CAACC,GAAG,CAACC,UAAU,CAACC,SAC7C,CAAC;EAED,MAAMC,WAAW,IAAAhB,oBAAA,GAAGO,aAAa,CAACU,KAAK,cAAAjB,oBAAA,uBAAnBA,oBAAA,CAAqBkB,MAAM;EAC/C,MAAMC,iBAAiB,GACrBH,WAAW,IAAIA,WAAW,KAAKI,8BAAc,CAACC,OAAO;EAEvD,oBACEnC,MAAA,CAAAW,OAAA,CAAAyB,aAAA,CAAChC,YAAA,CAAAiC,IAAI;IACHd,KAAK,EAAE,CAAC;MAAEe,QAAQ,EAAE;IAAW,CAAC,EAAE;MAAEpB,KAAK;MAAEC,MAAM;MAAEF;IAAY,CAAC,EAAEM,KAAK;EAAE,GAExEU,iBAAiB,IAAIZ,aAAa,CAACkB,IAAI,CAACC,OAAO,gBAC9CxC,MAAA,CAAAW,OAAA,CAAAyB,aAAA,CAAC7B,yBAAA,CAAAkC,wBAAwB,MAAE,CAAC,gBAE5BzC,MAAA,CAAAW,OAAA,CAAAyB,aAAA,CAAC5B,kBAAA,CAAAkC,iBAAiB;IAChBC,GAAG,EAAGA,GAAG,IAAKrB,cAAc,CAACD,aAAa,CAACuB,EAAE,EAAED,GAAG,CAAE;IACpDtB,aAAa,EAAEA,aAAc;IAC7BwB,kBAAkB,EAAEzB;EAAoB,CACzC,CACF,EAEAI,gBAAgB,gBACfxB,MAAA,CAAAW,OAAA,CAAAyB,aAAA,CAAC9B,sBAAA,CAAAK,OAAqB;IACpBmC,OAAO,GAAA/B,qBAAA,GAAEM,aAAa,CAACU,KAAK,cAAAhB,qBAAA,uBAAnBA,qBAAA,CAAqB+B,OAAQ;IACtCC,MAAM,EAAE1B,aAAa,CAACkB,IAAI,CAACS,MAAO;IAClClB,WAAW,GAAAd,qBAAA,GAAEK,aAAa,CAACU,KAAK,cAAAf,qBAAA,uBAAnBA,qBAAA,CAAqBgB;EAAO,CAC1C,CAAC,GACA,IACA,CAAC;AAEX,CAAC;AAED,MAAMiB,IAAI,gBAAGC,cAAK,CAACC,IAAI,CAACvC,KAAK,CAAC;AAACwC,OAAA,CAAAH,IAAA,GAAAA,IAAA;AAE/BA,IAAI,CAACI,WAAW,GAAG,MAAM"}

package/lib/commonjs/components/TilesContainer.js

@@ -7,10 +7,11 @@ exports.TilesContainer = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
 var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
-var _styles = require("./styles");
 var _Tile = require("./Tile");
+var _dimension = require("../utils/dimension");
+var _functions = require("../utils/functions");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const TilesContainerUnmemoized = _ref => {
+const _TilesContainer = _ref => {
   let {
     peerTrackNodes,
     setHmsViewRefs,
@@ -20,19 +21,107 @@ const TilesContainerUnmemoized = _ref => {
     left,
     right
   } = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
+  const isLandscapeOrientation = (0, _dimension.useIsLandscapeOrientation)();
+  const stylesConfig = computeTileWidthAndHeight(peerTrackNodes.length, isLandscapeOrientation);
+
+  // In this layout, Tile will take as much height and width as possible
+  // Width and Height of Tile are independent of each other
+  const growableTileLayout = peerTrackNodes.length <= 4;
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [_styles.styles.page, {
+    style: [
+    // If tile are growable, then we want whatever remaining space to be between them
+    {
+      justifyContent: growableTileLayout ? 'space-between' : 'center'
+    }, {
       width: _reactNative.Dimensions.get('window').width - left - right
     }]
-  }, peerTrackNodes === null || peerTrackNodes === void 0 ? void 0 : peerTrackNodes.map((peerTrackNode, _idx, arr) => /*#__PURE__*/_react.default.createElement(_Tile.Tile, {
-    key: peerTrackNode.id,
-    setHmsViewRefs: setHmsViewRefs,
-    onPeerTileMorePress: onPeerTileMorePress,
-    peerTrackNode: peerTrackNode,
-    totalTilesInContainer: arr.length
+  }, peerTrackNodes.length <= 3 ?
+  /*#__PURE__*/
+  // Use 1 Column Layout
+  _react.default.createElement(_react.default.Fragment, null, peerTrackNodes.map(peerTrackNode => {
+    return /*#__PURE__*/_react.default.createElement(_Tile.Tile, {
+      key: peerTrackNode.id,
+      setHmsViewRefs: setHmsViewRefs,
+      onPeerTileMorePress: onPeerTileMorePress,
+      peerTrackNode: peerTrackNode,
+      height: stylesConfig.height,
+      width: stylesConfig.width,
+      aspectRatio: stylesConfig.aspectRatio
+    });
+  })) :
+  /*#__PURE__*/
+  // Use Grid Layout
+  _react.default.createElement(_react.default.Fragment, null, (0, _functions.groupIntoPairs)(peerTrackNodes.length).map((pair, idx) => {
+    const peerTrackNodesPair = pair.map(nodeIndex => peerTrackNodes[nodeIndex]);
+    const isFirstPairGroup = idx === 0;
+    return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      key: peerTrackNodesPair.map(peerTrackNode => peerTrackNode.id).join(','),
+      style: {
+        justifyContent: peerTrackNodesPair.length === 1 ? 'center' : 'space-between',
+        flexDirection: 'row',
+        flex: growableTileLayout ? 1 : 0,
+        marginTop: isFirstPairGroup ? 0 : 8
+      }
+    }, peerTrackNodesPair.map(peerTrackNode => {
+      return /*#__PURE__*/_react.default.createElement(_Tile.Tile, {
+        key: peerTrackNode.id,
+        setHmsViewRefs: setHmsViewRefs,
+        onPeerTileMorePress: onPeerTileMorePress,
+        peerTrackNode: peerTrackNode,
+        height: stylesConfig.height,
+        width: stylesConfig.width,
+        aspectRatio: stylesConfig.aspectRatio
+      });
+    }));
   })));
 };
-const TilesContainer = /*#__PURE__*/_react.default.memo(TilesContainerUnmemoized);
+const TilesContainer = /*#__PURE__*/_react.default.memo(_TilesContainer);
 exports.TilesContainer = TilesContainer;
 TilesContainer.displayName = 'TilesContainer';
+// Utility Functions
+
+const oneTileStyle = {
+  width: '100%',
+  height: '100%'
+}; // 1 Column Layout
+const twoTileStyle = {
+  width: '100%',
+  height: '49.4444%'
+}; // 1 Column Layout
+const threeTileStyle = {
+  width: '100%',
+  height: '32.6666%'
+}; // 1 Column Layout
+
+const fourTileStyle = {
+  width: '49%',
+  height: '100%'
+}; // Grid Layout when Width and Height has no-correlatiom
+const fiveAndSixTileStyle = {
+  width: '49%',
+  aspectRatio: 1
+}; // Grid Layout when width and Height as fixed aspectRatio
+
+const oneTileStyleLandscape = {
+  width: '100%',
+  height: '100%'
+};
+const twoTileStyleLandscape = {
+  width: '50%',
+  height: '100%'
+};
+const threeTileStyleLandscape = {
+  width: '33.3333%',
+  height: '100%'
+};
+const fourTileStyleLandscape = {
+  width: '50%',
+  height: '50%'
+};
+function computeTileWidthAndHeight(totalTiles, isLandscapeOrientation) {
+  return (isLandscapeOrientation ? [oneTileStyleLandscape, twoTileStyleLandscape, threeTileStyleLandscape, fourTileStyleLandscape][Math.min(totalTiles - 1, 3)] : [oneTileStyle, twoTileStyle, threeTileStyle, fourTileStyle, fiveAndSixTileStyle][Math.min(totalTiles - 1, 4)]) || {
+    width: '100%',
+    height: '100%'
+  };
+}
 //# sourceMappingURL=TilesContainer.js.map

package/lib/commonjs/components/TilesContainer.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeSafeAreaContext","_styles","_Tile","obj","__esModule","default","TilesContainerUnmemoized","_ref","peerTrackNodes","setHmsViewRefs","onPeerTileMorePress","left","right","useSafeAreaInsets","createElement","View","style","styles","page","width","Dimensions","get","map","peerTrackNode","_idx","arr","Tile","key","id","totalTilesInContainer","length","TilesContainer","React","memo","exports","displayName"],"sourceRoot":"../../../src","sources":["components/TilesContainer.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,2BAAA,GAAAF,OAAA;AAGA,IAAAG,OAAA,GAAAH,OAAA;AAEA,IAAAI,KAAA,GAAAJ,OAAA;AAA8B,SAAAD,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAS9B,MAAMG,wBAAuD,GAAGC,IAAA,IAI1D;EAAA,IAJ2D;IAC/DC,cAAc;IACdC,cAAc;IACdC;EACF,CAAC,GAAAH,IAAA;EACC,MAAM;IAAEI,IAAI;IAAEC;EAAM,CAAC,GAAG,IAAAC,6CAAiB,EAAC,CAAC;EAE3C,oBACEjB,MAAA,CAAAS,OAAA,CAAAS,aAAA,CAACf,YAAA,CAAAgB,IAAI;IACHC,KAAK,EAAE,CACLC,cAAM,CAACC,IAAI,EACX;MAAEC,KAAK,EAAEC,uBAAU,CAACC,GAAG,CAAC,QAAQ,CAAC,CAACF,KAAK,GAAGR,IAAI,GAAGC;IAAM,CAAC;EACxD,GAEDJ,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEc,GAAG,CAAC,CAACC,aAAa,EAAEC,IAAI,EAAEC,GAAG,kBAC5C7B,MAAA,CAAAS,OAAA,CAAAS,aAAA,CAACZ,KAAA,CAAAwB,IAAI;IACHC,GAAG,EAAEJ,aAAa,CAACK,EAAG;IACtBnB,cAAc,EAAEA,cAAe;IAC/BC,mBAAmB,EAAEA,mBAAoB;IACzCa,aAAa,EAAEA,aAAc;IAC7BM,qBAAqB,EAAEJ,GAAG,CAACK;EAAO,CACnC,CACF,CACG,CAAC;AAEX,CAAC;AAED,MAAMC,cAAc,gBAAGC,cAAK,CAACC,IAAI,CAAC3B,wBAAwB,CAAC;AAAC4B,OAAA,CAAAH,cAAA,GAAAA,cAAA;AAE5DA,cAAc,CAACI,WAAW,GAAG,gBAAgB"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeSafeAreaContext","_Tile","_dimension","_functions","obj","__esModule","default","_TilesContainer","_ref","peerTrackNodes","setHmsViewRefs","onPeerTileMorePress","left","right","useSafeAreaInsets","isLandscapeOrientation","useIsLandscapeOrientation","stylesConfig","computeTileWidthAndHeight","length","growableTileLayout","createElement","View","style","justifyContent","width","Dimensions","get","Fragment","map","peerTrackNode","Tile","key","id","height","aspectRatio","groupIntoPairs","pair","idx","peerTrackNodesPair","nodeIndex","isFirstPairGroup","join","flexDirection","flex","marginTop","TilesContainer","React","memo","exports","displayName","oneTileStyle","twoTileStyle","threeTileStyle","fourTileStyle","fiveAndSixTileStyle","oneTileStyleLandscape","twoTileStyleLandscape","threeTileStyleLandscape","fourTileStyleLandscape","totalTiles","Math","min"],"sourceRoot":"../../../src","sources":["components/TilesContainer.tsx"],"mappings":"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"}

package/lib/commonjs/components/UnmountAfterDelay.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UnmountAfterDelay = void 0;
+var React = _interopRequireWildcard(require("react"));
+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 UnmountAfterDelay = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    delay = 4000,
+    children,
+    visible,
+    onUnmount
+  } = _ref;
+  const timeoutId = React.useRef(null);
+  const setTimer = React.useCallback(() => {
+    if (timeoutId.current) {
+      clearTimeout(timeoutId.current);
+    }
+    timeoutId.current = setTimeout(() => {
+      onUnmount();
+      timeoutId.current = null;
+    }, delay);
+  }, [delay]);
+  const clearTimer = React.useCallback(() => {
+    if (timeoutId.current) {
+      clearTimeout(timeoutId.current);
+      timeoutId.current = null;
+    }
+  }, []);
+  React.useImperativeHandle(ref, () => ({
+    resetTimer: () => {
+      clearTimer();
+      setTimer();
+    }
+  }), [setTimer]);
+  React.useEffect(() => {
+    if (visible) {
+      setTimer();
+      return clearTimer;
+    }
+  }, [visible, setTimer, clearTimer]);
+  return visible ? children : null;
+});
+exports.UnmountAfterDelay = UnmountAfterDelay;
+//# sourceMappingURL=UnmountAfterDelay.js.map

package/lib/commonjs/components/UnmountAfterDelay.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","UnmountAfterDelay","forwardRef","_ref","ref","delay","children","visible","onUnmount","timeoutId","useRef","setTimer","useCallback","current","clearTimeout","setTimeout","clearTimer","useImperativeHandle","resetTimer","useEffect","exports"],"sourceRoot":"../../../src","sources":["components/UnmountAfterDelay.tsx"],"mappings":"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"}

package/lib/commonjs/components/WebrtcView.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WebrtcView = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactRedux = require("react-redux");
+var _types = require("../utils/types");
+var _functions = require("../utils/functions");
+var _GridView = require("./GridView");
+var _PIPView = _interopRequireDefault(require("./PIPView"));
+var _dimension = require("../utils/dimension");
+var _LocalPeerRegularVideoView = require("./LocalPeerRegularVideoView");
+var _WelcomeInMeeting = require("./WelcomeInMeeting");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 WebrtcView = /*#__PURE__*/_react.default.forwardRef((_ref, gridViewRef) => {
+  let {
+    peerTrackNodes,
+    handlePeerTileMorePress
+  } = _ref;
+  const isPortrait = (0, _dimension.useIsPortraitOrientation)();
+  const isPipModeActive = (0, _reactRedux.useSelector)(state => state.app.pipModeStatus === _types.PipModes.ACTIVE);
+
+  // State to track active spotlight trackId
+  const spotlightTrackId = (0, _reactRedux.useSelector)(state => state.user.spotlightTrackId);
+  const pairedPeers = (0, _react.useMemo)(() => (0, _functions.pairData)(peerTrackNodes, isPortrait ? _types.MaxTilesInOnePage.IN_PORTRAIT : _types.MaxTilesInOnePage.IN_LANDSCAPE, spotlightTrackId), [peerTrackNodes, spotlightTrackId, isPortrait]);
+  const canShowTiles = (0, _reactRedux.useSelector)(state => !!state.app.localPeerTrackNode || pairedPeers.length > 0);
+  if (!canShowTiles) {
+    return /*#__PURE__*/_react.default.createElement(_WelcomeInMeeting.WelcomeInMeeting, null);
+  }
+  if (isPipModeActive) {
+    return /*#__PURE__*/_react.default.createElement(_PIPView.default, {
+      pairedPeers: pairedPeers
+    });
+  }
+  if (pairedPeers.length > 0) {
+    return /*#__PURE__*/_react.default.createElement(_GridView.GridView, {
+      ref: gridViewRef,
+      onPeerTileMorePress: handlePeerTileMorePress,
+      pairedPeers: pairedPeers
+    });
+  }
+  return /*#__PURE__*/_react.default.createElement(_LocalPeerRegularVideoView.LocalPeerRegularVideoView, {
+    onMoreOptionsPress: handlePeerTileMorePress
+  });
+});
+exports.WebrtcView = WebrtcView;
+//# sourceMappingURL=WebrtcView.js.map

package/lib/commonjs/components/WebrtcView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactRedux","_types","_functions","_GridView","_PIPView","_interopRequireDefault","_dimension","_LocalPeerRegularVideoView","_WelcomeInMeeting","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","WebrtcView","React","forwardRef","_ref","gridViewRef","peerTrackNodes","handlePeerTileMorePress","isPortrait","useIsPortraitOrientation","isPipModeActive","useSelector","state","app","pipModeStatus","PipModes","ACTIVE","spotlightTrackId","user","pairedPeers","useMemo","pairData","MaxTilesInOnePage","IN_PORTRAIT","IN_LANDSCAPE","canShowTiles","localPeerTrackNode","length","createElement","WelcomeInMeeting","GridView","ref","onPeerTileMorePress","LocalPeerRegularVideoView","onMoreOptionsPress","exports"],"sourceRoot":"../../../src","sources":["components/WebrtcView.tsx"],"mappings":"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"}

package/lib/commonjs/components/WelcomeInMeeting.js

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WelcomeInMeeting = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _hooksUtil = require("../hooks-util");
+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 WelcomeInMeeting = () => {
+  const hmsRoomStyles = (0, _hooksUtil.useHMSRoomStyleSheet)((theme, typography) => ({
+    heading: {
+      fontFamily: `${typography.font_family}-Bold`,
+      color: theme.palette.on_surface_high
+    },
+    description: {
+      fontFamily: `${typography.font_family}-Medium`,
+      color: theme.palette.on_surface_medium
+    }
+  }));
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: [styles.heading, hmsRoomStyles.heading]
+  }, "Welcome!"), /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: [styles.description, hmsRoomStyles.description]
+  }, "You're the first one here."), /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: [styles.description, hmsRoomStyles.description]
+  }, "Sit back and relax till the others join."));
+};
+exports.WelcomeInMeeting = WelcomeInMeeting;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  heading: {
+    fontSize: 28,
+    lineHeight: 36,
+    letterSpacing: 0.1,
+    textAlign: 'center',
+    paddingBottom: 32
+  },
+  description: {
+    fontSize: 16,
+    lineHeight: 24,
+    letterSpacing: 0.15,
+    textAlign: 'center'
+  }
+});
+//# sourceMappingURL=WelcomeInMeeting.js.map

package/lib/commonjs/components/WelcomeInMeeting.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_hooksUtil","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","WelcomeInMeeting","hmsRoomStyles","useHMSRoomStyleSheet","theme","typography","heading","fontFamily","font_family","color","palette","on_surface_high","description","on_surface_medium","createElement","View","style","styles","container","Text","exports","StyleSheet","create","flex","alignItems","justifyContent","fontSize","lineHeight","letterSpacing","textAlign","paddingBottom"],"sourceRoot":"../../../src","sources":["components/WelcomeInMeeting.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,UAAA,GAAAF,OAAA;AAAqD,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;AAI9C,MAAMW,gBAAiD,GAAGA,CAAA,KAAM;EACrE,MAAMC,aAAa,GAAG,IAAAC,+BAAoB,EAAC,CAACC,KAAK,EAAEC,UAAU,MAAM;IACjEC,OAAO,EAAE;MACPC,UAAU,EAAG,GAAEF,UAAU,CAACG,WAAY,OAAM;MAC5CC,KAAK,EAAEL,KAAK,CAACM,OAAO,CAACC;IACvB,CAAC;IACDC,WAAW,EAAE;MACXL,UAAU,EAAG,GAAEF,UAAU,CAACG,WAAY,SAAQ;MAC9CC,KAAK,EAAEL,KAAK,CAACM,OAAO,CAACG;IACvB;EACF,CAAC,CAAC,CAAC;EAEH,oBACEvC,KAAA,CAAAwC,aAAA,CAACrC,YAAA,CAAAsC,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5B5C,KAAA,CAAAwC,aAAA,CAACrC,YAAA,CAAA0C,IAAI;IAACH,KAAK,EAAE,CAACC,MAAM,CAACX,OAAO,EAAEJ,aAAa,CAACI,OAAO;EAAE,GAAC,UAAc,CAAC,eACrEhC,KAAA,CAAAwC,aAAA,CAACrC,YAAA,CAAA0C,IAAI;IAACH,KAAK,EAAE,CAACC,MAAM,CAACL,WAAW,EAAEV,aAAa,CAACU,WAAW;EAAE,GAAC,4BAExD,CAAC,eACPtC,KAAA,CAAAwC,aAAA,CAACrC,YAAA,CAAA0C,IAAI;IAACH,KAAK,EAAE,CAACC,MAAM,CAACL,WAAW,EAAEV,aAAa,CAACU,WAAW;EAAE,GAAC,0CAExD,CACF,CAAC;AAEX,CAAC;AAACQ,OAAA,CAAAnB,gBAAA,GAAAA,gBAAA;AAEF,MAAMgB,MAAM,GAAGI,uBAAU,CAACC,MAAM,CAAC;EAC/BJ,SAAS,EAAE;IACTK,IAAI,EAAE,CAAC;IACPC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDnB,OAAO,EAAE;IACPoB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE,GAAG;IAClBC,SAAS,EAAE,QAAQ;IACnBC,aAAa,EAAE;EACjB,CAAC;EACDlB,WAAW,EAAE;IACXc,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE,IAAI;IACnBC,SAAS,EAAE;EACb;AACF,CAAC,CAAC"}

package/lib/commonjs/hooks-sdk-selectors.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.selectCanPublishTrack = exports.selectAllowedTracksToPublish = void 0;
+exports.selectCanPublishTrackForRole = exports.selectCanPublishTrack = exports.selectAllowedTracksToPublish = void 0;
 const selectAllowedTracksToPublish = state => {
   var _state$hmsStates$loca;
   return (_state$hmsStates$loca = state.hmsStates.localPeer) === null || _state$hmsStates$loca === void 0 || (_state$hmsStates$loca = _state$hmsStates$loca.role) === null || _state$hmsStates$loca === void 0 || (_state$hmsStates$loca = _state$hmsStates$loca.publishSettings) === null || _state$hmsStates$loca === void 0 ? void 0 : _state$hmsStates$loca.allowed;
@@ -14,4 +14,9 @@ const selectCanPublishTrack = (state, track) => {
   return ((_selectAllowedTracksT = selectAllowedTracksToPublish(state)) === null || _selectAllowedTracksT === void 0 ? void 0 : _selectAllowedTracksT.includes(track)) ?? false;
 };
 exports.selectCanPublishTrack = selectCanPublishTrack;
+const selectCanPublishTrackForRole = (role, track) => {
+  var _role$publishSettings;
+  return (role === null || role === void 0 || (_role$publishSettings = role.publishSettings) === null || _role$publishSettings === void 0 || (_role$publishSettings = _role$publishSettings.allowed) === null || _role$publishSettings === void 0 ? void 0 : _role$publishSettings.includes(track)) ?? false;
+};
+exports.selectCanPublishTrackForRole = selectCanPublishTrackForRole;
 //# sourceMappingURL=hooks-sdk-selectors.js.map

package/lib/commonjs/hooks-sdk-selectors.js.map

@@ -1 +1 @@
-{"version":3,"names":["selectAllowedTracksToPublish","state","_state$hmsStates$loca","hmsStates","localPeer","role","publishSettings","allowed","exports","selectCanPublishTrack","track","_selectAllowedTracksT","includes"],"sourceRoot":"../../src","sources":["hooks-sdk-selectors.tsx"],"mappings":";;;;;;AAEO,MAAMA,4BAA4B,GAAIC,KAAgB;EAAA,IAAAC,qBAAA;EAAA,QAAAA,qBAAA,GAC3DD,KAAK,CAACE,SAAS,CAACC,SAAS,cAAAF,qBAAA,gBAAAA,qBAAA,GAAzBA,qBAAA,CAA2BG,IAAI,cAAAH,qBAAA,gBAAAA,qBAAA,GAA/BA,qBAAA,CAAiCI,eAAe,cAAAJ,qBAAA,uBAAhDA,qBAAA,CAAkDK,OAAO;AAAA;AAACC,OAAA,CAAAR,4BAAA,GAAAA,4BAAA;AAErD,MAAMS,qBAAqB,GAAGA,CACnCR,KAAgB,EAChBS,KAAmC;EAAA,IAAAC,qBAAA;EAAA,OAChC,EAAAA,qBAAA,GAAAX,4BAA4B,CAACC,KAAK,CAAC,cAAAU,qBAAA,uBAAnCA,qBAAA,CAAqCC,QAAQ,CAACF,KAAK,CAAC,KAAI,KAAK;AAAA;AAACF,OAAA,CAAAC,qBAAA,GAAAA,qBAAA"}
+{"version":3,"names":["selectAllowedTracksToPublish","state","_state$hmsStates$loca","hmsStates","localPeer","role","publishSettings","allowed","exports","selectCanPublishTrack","track","_selectAllowedTracksT","includes","selectCanPublishTrackForRole","_role$publishSettings"],"sourceRoot":"../../src","sources":["hooks-sdk-selectors.tsx"],"mappings":";;;;;;AAIO,MAAMA,4BAA4B,GAAIC,KAAgB;EAAA,IAAAC,qBAAA;EAAA,QAAAA,qBAAA,GAC3DD,KAAK,CAACE,SAAS,CAACC,SAAS,cAAAF,qBAAA,gBAAAA,qBAAA,GAAzBA,qBAAA,CAA2BG,IAAI,cAAAH,qBAAA,gBAAAA,qBAAA,GAA/BA,qBAAA,CAAiCI,eAAe,cAAAJ,qBAAA,uBAAhDA,qBAAA,CAAkDK,OAAO;AAAA;AAACC,OAAA,CAAAR,4BAAA,GAAAA,4BAAA;AAErD,MAAMS,qBAAqB,GAAGA,CACnCR,KAAgB,EAChBS,KAAmC;EAAA,IAAAC,qBAAA;EAAA,OAChC,EAAAA,qBAAA,GAAAX,4BAA4B,CAACC,KAAK,CAAC,cAAAU,qBAAA,uBAAnCA,qBAAA,CAAqCC,QAAQ,CAACF,KAAK,CAAC,KAAI,KAAK;AAAA;AAACF,OAAA,CAAAC,qBAAA,GAAAA,qBAAA;AAE5D,MAAMI,4BAA4B,GAAGA,CAC1CR,IAAyB,EACzBK,KAAmC;EAAA,IAAAI,qBAAA;EAAA,OAChC,CAAAT,IAAI,aAAJA,IAAI,gBAAAS,qBAAA,GAAJT,IAAI,CAAEC,eAAe,cAAAQ,qBAAA,gBAAAA,qBAAA,GAArBA,qBAAA,CAAuBP,OAAO,cAAAO,qBAAA,uBAA9BA,qBAAA,CAAgCF,QAAQ,CAACF,KAAK,CAAC,KAAI,KAAK;AAAA;AAACF,OAAA,CAAAK,4BAAA,GAAAA,4BAAA"}

package/lib/commonjs/hooks-sdk.js

@@ -114,12 +114,27 @@ const useHMSActions = () => {
       return Promise.reject(error);
     }
   }, []);
+  const changeName = (0, _react.useCallback)(async name => {
+    const state = store.getState();
+    const hmsInstance = state.user.hmsInstance;
+    if (!hmsInstance) {
+      return Promise.reject('HMSSDK Instance is not available!');
+    }
+    try {
+      const result = await hmsInstance.changeName(name);
+      console.log('Change Name Success: ', result);
+    } catch (error) {
+      console.log('Change Name Error: ', error);
+      return Promise.reject(error);
+    }
+  }, []);
   return {
     setLocalAudioEnabled,
     setLocalVideoEnabled,
     switchCamera,
     setScreenShareEnabled,
-    changeMetadata
+    changeMetadata,
+    changeName
   };
 };
 exports.useHMSActions = useHMSActions;

package/lib/commonjs/hooks-sdk.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactRedux","require","_actions","_hooksSdkSelectors","_react","useAllowedTracksToPublish","useSelector","selectAllowedTracksToPublish","exports","useCanPublishAudio","state","selectCanPublishTrack","useCanPublishVideo","useCanPublishScreen","useHMSActions","dispatch","useDispatch","store","useStore","setLocalAudioEnabled","useCallback","enable","getState","localPeer","hmsStates","Promise","reject","localAudioTrack","setIsLocalAudioMutedState","setMute","error","setLocalVideoEnabled","localVideoTrack","setIsLocalVideoMutedState","switchCamera","setScreenShareEnabled","hmsInstance","user","result","startScreenshare","console","log","stopScreenshare","setIsLocalScreenSharedState","changeMetadata","metadata","parsedMetadata","JSON","stringify"],"sourceRoot":"../../src","sources":["hooks-sdk.ts"],"mappings":"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"}
+{"version":3,"names":["_reactRedux","require","_actions","_hooksSdkSelectors","_react","useAllowedTracksToPublish","useSelector","selectAllowedTracksToPublish","exports","useCanPublishAudio","state","selectCanPublishTrack","useCanPublishVideo","useCanPublishScreen","useHMSActions","dispatch","useDispatch","store","useStore","setLocalAudioEnabled","useCallback","enable","getState","localPeer","hmsStates","Promise","reject","localAudioTrack","setIsLocalAudioMutedState","setMute","error","setLocalVideoEnabled","localVideoTrack","setIsLocalVideoMutedState","switchCamera","setScreenShareEnabled","hmsInstance","user","result","startScreenshare","console","log","stopScreenshare","setIsLocalScreenSharedState","changeMetadata","metadata","parsedMetadata","JSON","stringify","changeName","name"],"sourceRoot":"../../src","sources":["hooks-sdk.ts"],"mappings":"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"}

package/lib/commonjs/hooks-util-selectors.js

@@ -4,15 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.selectShouldGoLive = exports.selectIsHLSViewer = void 0;
+var _join_form = require("@100mslive/types-prebuilt/elements/join_form");
 const selectIsHLSViewer = peer => {
   var _peer$role;
   return (peer === null || peer === void 0 || (_peer$role = peer.role) === null || _peer$role === void 0 || (_peer$role = _peer$role.name) === null || _peer$role === void 0 ? void 0 : _peer$role.includes('hls')) ?? false;
 };
 exports.selectIsHLSViewer = selectIsHLSViewer;
 const selectShouldGoLive = state => {
-  var _state$hmsStates$room, _state$hmsStates$loca;
+  var _state$hmsStates$room, _layoutConfig$screens, _state$hmsStates$loca;
+  const layoutConfig = state.hmsStates.layoutConfig;
   const isHLSStreaming = (_state$hmsStates$room = state.hmsStates.room) === null || _state$hmsStates$room === void 0 ? void 0 : _state$hmsStates$room.hlsStreamingState.running;
-  const canStartHLSStreaming = (_state$hmsStates$loca = state.hmsStates.localPeer) === null || _state$hmsStates$loca === void 0 || (_state$hmsStates$loca = _state$hmsStates$loca.role) === null || _state$hmsStates$loca === void 0 || (_state$hmsStates$loca = _state$hmsStates$loca.permissions) === null || _state$hmsStates$loca === void 0 ? void 0 : _state$hmsStates$loca.hlsStreaming;
+  const joinButtonType = layoutConfig === null || layoutConfig === void 0 || (_layoutConfig$screens = layoutConfig.screens) === null || _layoutConfig$screens === void 0 || (_layoutConfig$screens = _layoutConfig$screens.preview) === null || _layoutConfig$screens === void 0 || (_layoutConfig$screens = _layoutConfig$screens.default) === null || _layoutConfig$screens === void 0 || (_layoutConfig$screens = _layoutConfig$screens.elements) === null || _layoutConfig$screens === void 0 || (_layoutConfig$screens = _layoutConfig$screens.join_form) === null || _layoutConfig$screens === void 0 ? void 0 : _layoutConfig$screens.join_btn_type;
+  const canStartHLSStreaming = joinButtonType === _join_form.JoinForm_JoinBtnType.JOIN_BTN_TYPE_JOIN_AND_GO_LIVE || joinButtonType === _join_form.JoinForm_JoinBtnType.JOIN_BTN_TYPE_JOIN_ONLY ?
+  // can start if `joinButtonType` is `JOIN_BTN_TYPE_JOIN_AND_GO_LIVE`
+  joinButtonType === _join_form.JoinForm_JoinBtnType.JOIN_BTN_TYPE_JOIN_AND_GO_LIVE : // Check if the Role has permission to start HLS Stream
+  (_state$hmsStates$loca = state.hmsStates.localPeer) === null || _state$hmsStates$loca === void 0 || (_state$hmsStates$loca = _state$hmsStates$loca.role) === null || _state$hmsStates$loca === void 0 || (_state$hmsStates$loca = _state$hmsStates$loca.permissions) === null || _state$hmsStates$loca === void 0 ? void 0 : _state$hmsStates$loca.hlsStreaming;
   return canStartHLSStreaming && !isHLSStreaming;
 };
 exports.selectShouldGoLive = selectShouldGoLive;