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

package/lib/module/components/Tile.js

@@ -1,104 +1,43 @@
 import React from 'react';
-import { View, Text, TouchableOpacity } from 'react-native';
+import { useSelector } from 'react-redux';
+import { View } from 'react-native';
 import { HMSTrackSource } from '@100mslive/react-native-hms';
-import Feather from 'react-native-vector-icons/Feather';
-import Ionicons from 'react-native-vector-icons/Ionicons';
-import { styles } from './styles';
-import { parseMetadata } from '../utils/functions';
-import { DisplayTrack } from './DisplayTrack';
-import { COLORS } from '../utils/theme';
-import { useIsPortraitOrientation } from '../utils/dimension';
-const TileUnmemoized = _ref => {
-  var _peerTrackNode$peer, _peerTrackNode$track, _peerTrackNode$track2, _peerTrackNode$peer2, _peerTrackNode$peer3;
+import PeerRTCStatsContainer from './PeerRTCStatsContainer';
+import { LocalPeerScreenshareView } from './LocalPeerScreenshareView';
+import { PeerVideoTileView } from './PeerVideoTile/PeerVideoTileView';
+const _Tile = _ref => {
+  var _peerTrackNode$track, _peerTrackNode$track2, _peerTrackNode$track3;
   let {
+    aspectRatio,
+    width,
+    height,
     onPeerTileMorePress,
     peerTrackNode,
-    totalTilesInContainer,
-    setHmsViewRefs
+    setHmsViewRefs,
+    style
   } = _ref;
-  const isPortraitOrientation = useIsPortraitOrientation();
-  const parsedMetadata = 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 = 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 !== HMSTrackSource.REGULAR;
   return /*#__PURE__*/React.createElement(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) !== HMSTrackSource.REGULAR ? 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.createElement(DisplayTrack
-  // saving HmsView ref in collection with uniqueId as key
-  , {
+      position: 'relative'
+    }, {
+      width,
+      height,
+      aspectRatio
+    }, style]
+  }, isNonRegularTrack && peerTrackNode.peer.isLocal ? /*#__PURE__*/React.createElement(LocalPeerScreenshareView, null) : /*#__PURE__*/React.createElement(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.generalTile,
-    isDegraded: peerTrackNode === null || peerTrackNode === void 0 ? void 0 : peerTrackNode.isDegraded
-  }), /*#__PURE__*/React.createElement(View, {
-    style: styles.morePeerOptionsContainer
-  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
-    onPress: () => onPeerTileMorePress(peerTrackNode),
-    style: {
-      padding: 8,
-      backgroundColor: COLORS.SECONDARY.DISABLED,
-      borderRadius: 18
-    }
-  }, /*#__PURE__*/React.createElement(Feather, {
-    name: "more-horizontal",
-    style: 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.createElement(View, {
-    style: styles.micContainer
-  }, /*#__PURE__*/React.createElement(Feather, {
-    name: "mic-off",
-    style: styles.mic,
-    size: 20
-  })), parsedMetadata !== null && parsedMetadata !== void 0 && parsedMetadata.isBRBOn ? /*#__PURE__*/React.createElement(View, {
-    style: styles.status
-  }, /*#__PURE__*/React.createElement(View, {
-    style: styles.brbOnContainer
-  }, /*#__PURE__*/React.createElement(Text, {
-    style: styles.brbOn
-  }, "BRB"))) : null, parsedMetadata !== null && parsedMetadata !== void 0 && parsedMetadata.isHandRaised ? /*#__PURE__*/React.createElement(View, {
-    style: styles.status
-  }, /*#__PURE__*/React.createElement(Ionicons, {
-    name: "hand-left",
-    style: {
-      color: COLORS.TWIN.YELLOW
-    },
-    size: 20
-  })) : null);
+    peerTrackNode: peerTrackNode,
+    onMoreOptionsPress: onPeerTileMorePress
+  }), showStatsOnTiles ? /*#__PURE__*/React.createElement(PeerRTCStatsContainer, {
+    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.memo(TileUnmemoized);
+const Tile = /*#__PURE__*/React.memo(_Tile);
 Tile.displayName = 'Tile';
 export { Tile };
 //# sourceMappingURL=Tile.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","Text","TouchableOpacity","HMSTrackSource","Feather","Ionicons","styles","parseMetadata","DisplayTrack","COLORS","useIsPortraitOrientation","TileUnmemoized","_ref","_peerTrackNode$peer","_peerTrackNode$track","_peerTrackNode$track2","_peerTrackNode$peer2","_peerTrackNode$peer3","onPeerTileMorePress","peerTrackNode","totalTilesInContainer","setHmsViewRefs","isPortraitOrientation","parsedMetadata","peer","metadata","oneTileStyle","width","height","twoTileStyle","threeTileStyle","fourTileStyle","oneTileStyleLandscape","twoTileStyleLandscape","threeTileStyleLandscape","fourTileStyleLandscape","createElement","style","borderWidth","track","source","undefined","REGULAR","gridTile","ref","id","isLocal","videoTrack","videoStyles","generalTile","isDegraded","morePeerOptionsContainer","onPress","padding","backgroundColor","SECONDARY","DISABLED","borderRadius","name","mic","size","audioTrack","isMute","micContainer","isBRBOn","status","brbOnContainer","brbOn","isHandRaised","color","TWIN","YELLOW","Tile","memo","displayName"],"sourceRoot":"../../../src","sources":["components/Tile.tsx"],"mappings":"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"}
+{"version":3,"names":["React","useSelector","View","HMSTrackSource","PeerRTCStatsContainer","LocalPeerScreenshareView","PeerVideoTileView","_Tile","_ref","_peerTrackNode$track","_peerTrackNode$track2","_peerTrackNode$track3","aspectRatio","width","height","onPeerTileMorePress","peerTrackNode","setHmsViewRefs","style","showStatsOnTiles","state","app","joinConfig","showStats","trackSource","track","source","isNonRegularTrack","REGULAR","createElement","position","peer","isLocal","ref","id","onMoreOptionsPress","trackId","peerId","peerID","Tile","memo","displayName"],"sourceRoot":"../../../src","sources":["components/Tile.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW,QAAQ,aAAa;AACzC,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAASC,cAAc,QAAQ,6BAA6B;AAI5D,OAAOC,qBAAqB,MAAM,yBAAyB;AAE3D,SAASC,wBAAwB,QAAQ,4BAA4B;AACrE,SAASC,iBAAiB,QAAQ,mCAAmC;AAoBrE,MAAMC,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,GAAGlB,WAAW,CACjCmB,KAAgB,IAAKA,KAAK,CAACC,GAAG,CAACC,UAAU,CAACC,SAC7C,CAAC;EAED,MAAMC,WAAW,IAAAf,oBAAA,GAAGO,aAAa,CAACS,KAAK,cAAAhB,oBAAA,uBAAnBA,oBAAA,CAAqBiB,MAAM;EAC/C,MAAMC,iBAAiB,GACrBH,WAAW,IAAIA,WAAW,KAAKrB,cAAc,CAACyB,OAAO;EAEvD,oBACE5B,KAAA,CAAA6B,aAAA,CAAC3B,IAAI;IACHgB,KAAK,EAAE,CAAC;MAAEY,QAAQ,EAAE;IAAW,CAAC,EAAE;MAAEjB,KAAK;MAAEC,MAAM;MAAEF;IAAY,CAAC,EAAEM,KAAK;EAAE,GAExES,iBAAiB,IAAIX,aAAa,CAACe,IAAI,CAACC,OAAO,gBAC9ChC,KAAA,CAAA6B,aAAA,CAACxB,wBAAwB,MAAE,CAAC,gBAE5BL,KAAA,CAAA6B,aAAA,CAACvB,iBAAiB;IAChB2B,GAAG,EAAGA,GAAG,IAAKhB,cAAc,CAACD,aAAa,CAACkB,EAAE,EAAED,GAAG,CAAE;IACpDjB,aAAa,EAAEA,aAAc;IAC7BmB,kBAAkB,EAAEpB;EAAoB,CACzC,CACF,EAEAI,gBAAgB,gBACfnB,KAAA,CAAA6B,aAAA,CAACzB,qBAAqB;IACpBgC,OAAO,GAAA1B,qBAAA,GAAEM,aAAa,CAACS,KAAK,cAAAf,qBAAA,uBAAnBA,qBAAA,CAAqB0B,OAAQ;IACtCC,MAAM,EAAErB,aAAa,CAACe,IAAI,CAACO,MAAO;IAClCd,WAAW,GAAAb,qBAAA,GAAEK,aAAa,CAACS,KAAK,cAAAd,qBAAA,uBAAnBA,qBAAA,CAAqBe;EAAO,CAC1C,CAAC,GACA,IACA,CAAC;AAEX,CAAC;AAED,MAAMa,IAAI,gBAAGvC,KAAK,CAACwC,IAAI,CAACjC,KAAK,CAAC;AAE9BgC,IAAI,CAACE,WAAW,GAAG,MAAM;AAEzB,SAASF,IAAI"}

package/lib/module/components/TilesContainer.js

@@ -1,9 +1,10 @@
 import React from 'react';
 import { View, Dimensions } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import { styles } from './styles';
 import { Tile } from './Tile';
-const TilesContainerUnmemoized = _ref => {
+import { useIsLandscapeOrientation } from '../utils/dimension';
+import { groupIntoPairs } from '../utils/functions';
+const _TilesContainer = _ref => {
   let {
     peerTrackNodes,
     setHmsViewRefs,
@@ -13,19 +14,108 @@ const TilesContainerUnmemoized = _ref => {
     left,
     right
   } = useSafeAreaInsets();
+  const isLandscapeOrientation = 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.createElement(View, {
-    style: [styles.page, {
+    style: [
+    // If tile are growable, then we want whatever remaining space to be between them
+    {
+      justifyContent: growableTileLayout ? 'space-between' : 'center'
+    }, {
       width: Dimensions.get('window').width - left - right
     }]
-  }, peerTrackNodes === null || peerTrackNodes === void 0 ? void 0 : peerTrackNodes.map((peerTrackNode, _idx, arr) => /*#__PURE__*/React.createElement(Tile, {
-    key: peerTrackNode.id,
-    setHmsViewRefs: setHmsViewRefs,
-    onPeerTileMorePress: onPeerTileMorePress,
-    peerTrackNode: peerTrackNode,
-    totalTilesInContainer: arr.length
+  }, peerTrackNodes.length <= 3 ?
+  /*#__PURE__*/
+  // Use 1 Column Layout
+  React.createElement(React.Fragment, null, peerTrackNodes.map(peerTrackNode => {
+    return /*#__PURE__*/React.createElement(Tile, {
+      key: peerTrackNode.id,
+      setHmsViewRefs: setHmsViewRefs,
+      onPeerTileMorePress: onPeerTileMorePress,
+      peerTrackNode: peerTrackNode,
+      height: stylesConfig.height,
+      width: stylesConfig.width,
+      aspectRatio: stylesConfig.aspectRatio
+    });
+  })) :
+  /*#__PURE__*/
+  // Use Grid Layout
+  React.createElement(React.Fragment, null, groupIntoPairs(peerTrackNodes.length).map((pair, idx) => {
+    const peerTrackNodesPair = pair.map(nodeIndex => peerTrackNodes[nodeIndex]);
+    const isFirstPairGroup = idx === 0;
+    return /*#__PURE__*/React.createElement(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.createElement(Tile, {
+        key: peerTrackNode.id,
+        setHmsViewRefs: setHmsViewRefs,
+        onPeerTileMorePress: onPeerTileMorePress,
+        peerTrackNode: peerTrackNode,
+        height: stylesConfig.height,
+        width: stylesConfig.width,
+        aspectRatio: stylesConfig.aspectRatio
+      });
+    }));
   })));
 };
-const TilesContainer = /*#__PURE__*/React.memo(TilesContainerUnmemoized);
+const TilesContainer = /*#__PURE__*/React.memo(_TilesContainer);
 TilesContainer.displayName = 'TilesContainer';
 export { 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/module/components/TilesContainer.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","Dimensions","useSafeAreaInsets","styles","Tile","TilesContainerUnmemoized","_ref","peerTrackNodes","setHmsViewRefs","onPeerTileMorePress","left","right","createElement","style","page","width","get","map","peerTrackNode","_idx","arr","key","id","totalTilesInContainer","length","TilesContainer","memo","displayName"],"sourceRoot":"../../../src","sources":["components/TilesContainer.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,SAASC,iBAAiB,QAAQ,gCAAgC;AAGlE,SAASC,MAAM,QAAQ,UAAU;AAEjC,SAASC,IAAI,QAAQ,QAAQ;AAS7B,MAAMC,wBAAuD,GAAGC,IAAA,IAI1D;EAAA,IAJ2D;IAC/DC,cAAc;IACdC,cAAc;IACdC;EACF,CAAC,GAAAH,IAAA;EACC,MAAM;IAAEI,IAAI;IAAEC;EAAM,CAAC,GAAGT,iBAAiB,CAAC,CAAC;EAE3C,oBACEH,KAAA,CAAAa,aAAA,CAACZ,IAAI;IACHa,KAAK,EAAE,CACLV,MAAM,CAACW,IAAI,EACX;MAAEC,KAAK,EAAEd,UAAU,CAACe,GAAG,CAAC,QAAQ,CAAC,CAACD,KAAK,GAAGL,IAAI,GAAGC;IAAM,CAAC;EACxD,GAEDJ,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEU,GAAG,CAAC,CAACC,aAAa,EAAEC,IAAI,EAAEC,GAAG,kBAC5CrB,KAAA,CAAAa,aAAA,CAACR,IAAI;IACHiB,GAAG,EAAEH,aAAa,CAACI,EAAG;IACtBd,cAAc,EAAEA,cAAe;IAC/BC,mBAAmB,EAAEA,mBAAoB;IACzCS,aAAa,EAAEA,aAAc;IAC7BK,qBAAqB,EAAEH,GAAG,CAACI;EAAO,CACnC,CACF,CACG,CAAC;AAEX,CAAC;AAED,MAAMC,cAAc,gBAAG1B,KAAK,CAAC2B,IAAI,CAACrB,wBAAwB,CAAC;AAE3DoB,cAAc,CAACE,WAAW,GAAG,gBAAgB;AAE7C,SAASF,cAAc"}
+{"version":3,"names":["React","View","Dimensions","useSafeAreaInsets","Tile","useIsLandscapeOrientation","groupIntoPairs","_TilesContainer","_ref","peerTrackNodes","setHmsViewRefs","onPeerTileMorePress","left","right","isLandscapeOrientation","stylesConfig","computeTileWidthAndHeight","length","growableTileLayout","createElement","style","justifyContent","width","get","Fragment","map","peerTrackNode","key","id","height","aspectRatio","pair","idx","peerTrackNodesPair","nodeIndex","isFirstPairGroup","join","flexDirection","flex","marginTop","TilesContainer","memo","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/module/components/UnmountAfterDelay.js

@@ -0,0 +1,39 @@
+import * as React from 'react';
+export 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;
+});
+//# sourceMappingURL=UnmountAfterDelay.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","UnmountAfterDelay","forwardRef","_ref","ref","delay","children","visible","onUnmount","timeoutId","useRef","setTimer","useCallback","current","clearTimeout","setTimeout","clearTimer","useImperativeHandle","resetTimer","useEffect"],"sourceRoot":"../../../src","sources":["components/UnmountAfterDelay.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAiB9B,OAAO,MAAMC,iBAAiB,gBAAGD,KAAK,CAACE,UAAU,CAG/C,CAAAC,IAAA,EAAiDC,GAAG,KAAK;EAAA,IAAxD;IAAEC,KAAK,GAAG,IAAI;IAAEC,QAAQ;IAAEC,OAAO;IAAEC;EAAU,CAAC,GAAAL,IAAA;EAC/C,MAAMM,SAAS,GAAGT,KAAK,CAACU,MAAM,CAAwB,IAAI,CAAC;EAE3D,MAAMC,QAAQ,GAAGX,KAAK,CAACY,WAAW,CAAC,MAAM;IACvC,IAAIH,SAAS,CAACI,OAAO,EAAE;MACrBC,YAAY,CAACL,SAAS,CAACI,OAAO,CAAC;IACjC;IACAJ,SAAS,CAACI,OAAO,GAAGE,UAAU,CAAC,MAAM;MACnCP,SAAS,CAAC,CAAC;MACXC,SAAS,CAACI,OAAO,GAAG,IAAI;IAC1B,CAAC,EAAER,KAAK,CAAC;EACX,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEX,MAAMW,UAAU,GAAGhB,KAAK,CAACY,WAAW,CAAC,MAAM;IACzC,IAAIH,SAAS,CAACI,OAAO,EAAE;MACrBC,YAAY,CAACL,SAAS,CAACI,OAAO,CAAC;MAC/BJ,SAAS,CAACI,OAAO,GAAG,IAAI;IAC1B;EACF,CAAC,EAAE,EAAE,CAAC;EAENb,KAAK,CAACiB,mBAAmB,CACvBb,GAAG,EACH,OAAO;IACLc,UAAU,EAAEA,CAAA,KAAM;MAChBF,UAAU,CAAC,CAAC;MACZL,QAAQ,CAAC,CAAC;IACZ;EACF,CAAC,CAAC,EACF,CAACA,QAAQ,CACX,CAAC;EAEDX,KAAK,CAACmB,SAAS,CAAC,MAAM;IACpB,IAAIZ,OAAO,EAAE;MACXI,QAAQ,CAAC,CAAC;MAEV,OAAOK,UAAU;IACnB;EACF,CAAC,EAAE,CAACT,OAAO,EAAEI,QAAQ,EAAEK,UAAU,CAAC,CAAC;EAEnC,OAAOT,OAAO,GAAGD,QAAQ,GAAG,IAAI;AAClC,CAAC,CAAC"}

package/lib/module/components/WebrtcView.js

@@ -0,0 +1,41 @@
+import React, { useMemo } from 'react';
+import { useSelector } from 'react-redux';
+import { MaxTilesInOnePage, PipModes } from '../utils/types';
+import { pairData } from '../utils/functions';
+import { GridView } from './GridView';
+import PIPView from './PIPView';
+import { useIsPortraitOrientation } from '../utils/dimension';
+import { LocalPeerRegularVideoView } from './LocalPeerRegularVideoView';
+import { WelcomeInMeeting } from './WelcomeInMeeting';
+export const WebrtcView = /*#__PURE__*/React.forwardRef((_ref, gridViewRef) => {
+  let {
+    peerTrackNodes,
+    handlePeerTileMorePress
+  } = _ref;
+  const isPortrait = useIsPortraitOrientation();
+  const isPipModeActive = useSelector(state => state.app.pipModeStatus === PipModes.ACTIVE);
+
+  // State to track active spotlight trackId
+  const spotlightTrackId = useSelector(state => state.user.spotlightTrackId);
+  const pairedPeers = useMemo(() => pairData(peerTrackNodes, isPortrait ? MaxTilesInOnePage.IN_PORTRAIT : MaxTilesInOnePage.IN_LANDSCAPE, spotlightTrackId), [peerTrackNodes, spotlightTrackId, isPortrait]);
+  const canShowTiles = useSelector(state => !!state.app.localPeerTrackNode || pairedPeers.length > 0);
+  if (!canShowTiles) {
+    return /*#__PURE__*/React.createElement(WelcomeInMeeting, null);
+  }
+  if (isPipModeActive) {
+    return /*#__PURE__*/React.createElement(PIPView, {
+      pairedPeers: pairedPeers
+    });
+  }
+  if (pairedPeers.length > 0) {
+    return /*#__PURE__*/React.createElement(GridView, {
+      ref: gridViewRef,
+      onPeerTileMorePress: handlePeerTileMorePress,
+      pairedPeers: pairedPeers
+    });
+  }
+  return /*#__PURE__*/React.createElement(LocalPeerRegularVideoView, {
+    onMoreOptionsPress: handlePeerTileMorePress
+  });
+});
+//# sourceMappingURL=WebrtcView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","useSelector","MaxTilesInOnePage","PipModes","pairData","GridView","PIPView","useIsPortraitOrientation","LocalPeerRegularVideoView","WelcomeInMeeting","WebrtcView","forwardRef","_ref","gridViewRef","peerTrackNodes","handlePeerTileMorePress","isPortrait","isPipModeActive","state","app","pipModeStatus","ACTIVE","spotlightTrackId","user","pairedPeers","IN_PORTRAIT","IN_LANDSCAPE","canShowTiles","localPeerTrackNode","length","createElement","ref","onPeerTileMorePress","onMoreOptionsPress"],"sourceRoot":"../../../src","sources":["components/WebrtcView.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,WAAW,QAAQ,aAAa;AAEzC,SAASC,iBAAiB,EAAEC,QAAQ,QAAQ,gBAAgB;AAE5D,SAASC,QAAQ,QAAQ,oBAAoB;AAE7C,SAASC,QAAQ,QAAQ,YAAY;AAErC,OAAOC,OAAO,MAAM,WAAW;AAC/B,SAASC,wBAAwB,QAAQ,oBAAoB;AAC7D,SAASC,yBAAyB,QAAQ,6BAA6B;AACvE,SAASC,gBAAgB,QAAQ,oBAAoB;AAOrD,OAAO,MAAMC,UAAU,gBAAGX,KAAK,CAACY,UAAU,CACxC,CAAAC,IAAA,EAA8CC,WAAW,KAAK;EAAA,IAA7D;IAAEC,cAAc;IAAEC;EAAwB,CAAC,GAAAH,IAAA;EAC1C,MAAMI,UAAU,GAAGT,wBAAwB,CAAC,CAAC;EAE7C,MAAMU,eAAe,GAAGhB,WAAW,CAChCiB,KAAgB,IAAKA,KAAK,CAACC,GAAG,CAACC,aAAa,KAAKjB,QAAQ,CAACkB,MAC7D,CAAC;;EAED;EACA,MAAMC,gBAAgB,GAAGrB,WAAW,CACjCiB,KAAgB,IAAKA,KAAK,CAACK,IAAI,CAACD,gBACnC,CAAC;EAED,MAAME,WAAW,GAAGxB,OAAO,CACzB,MACEI,QAAQ,CACNU,cAAc,EACdE,UAAU,GACNd,iBAAiB,CAACuB,WAAW,GAC7BvB,iBAAiB,CAACwB,YAAY,EAClCJ,gBACF,CAAC,EACH,CAACR,cAAc,EAAEQ,gBAAgB,EAAEN,UAAU,CAC/C,CAAC;EAED,MAAMW,YAAY,GAAG1B,WAAW,CAC7BiB,KAAgB,IACf,CAAC,CAACA,KAAK,CAACC,GAAG,CAACS,kBAAkB,IAAIJ,WAAW,CAACK,MAAM,GAAG,CAC3D,CAAC;EAED,IAAI,CAACF,YAAY,EAAE;IACjB,oBAAO5B,KAAA,CAAA+B,aAAA,CAACrB,gBAAgB,MAAE,CAAC;EAC7B;EAEA,IAAIQ,eAAe,EAAE;IACnB,oBAAOlB,KAAA,CAAA+B,aAAA,CAACxB,OAAO;MAACkB,WAAW,EAAEA;IAAY,CAAE,CAAC;EAC9C;EAEA,IAAIA,WAAW,CAACK,MAAM,GAAG,CAAC,EAAE;IAC1B,oBACE9B,KAAA,CAAA+B,aAAA,CAACzB,QAAQ;MACP0B,GAAG,EAAElB,WAAY;MACjBmB,mBAAmB,EAAEjB,uBAAwB;MAC7CS,WAAW,EAAEA;IAAY,CAC1B,CAAC;EAEN;EAEA,oBACEzB,KAAA,CAAA+B,aAAA,CAACtB,yBAAyB;IAACyB,kBAAkB,EAAElB;EAAwB,CAAE,CAAC;AAE9E,CACF,CAAC"}

package/lib/module/components/WelcomeInMeeting.js

@@ -0,0 +1,45 @@
+import * as React from 'react';
+import { View, Text, StyleSheet } from 'react-native';
+import { useHMSRoomStyleSheet } from '../hooks-util';
+export const WelcomeInMeeting = () => {
+  const hmsRoomStyles = 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(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.heading, hmsRoomStyles.heading]
+  }, "Welcome!"), /*#__PURE__*/React.createElement(Text, {
+    style: [styles.description, hmsRoomStyles.description]
+  }, "You're the first one here."), /*#__PURE__*/React.createElement(Text, {
+    style: [styles.description, hmsRoomStyles.description]
+  }, "Sit back and relax till the others join."));
+};
+const styles = 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/module/components/WelcomeInMeeting.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","StyleSheet","useHMSRoomStyleSheet","WelcomeInMeeting","hmsRoomStyles","theme","typography","heading","fontFamily","font_family","color","palette","on_surface_high","description","on_surface_medium","createElement","style","styles","container","create","flex","alignItems","justifyContent","fontSize","lineHeight","letterSpacing","textAlign","paddingBottom"],"sourceRoot":"../../../src","sources":["components/WelcomeInMeeting.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,EAAEC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAErD,SAASC,oBAAoB,QAAQ,eAAe;AAIpD,OAAO,MAAMC,gBAAiD,GAAGA,CAAA,KAAM;EACrE,MAAMC,aAAa,GAAGF,oBAAoB,CAAC,CAACG,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,oBACEhB,KAAA,CAAAiB,aAAA,CAAChB,IAAI;IAACiB,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5BpB,KAAA,CAAAiB,aAAA,CAACf,IAAI;IAACgB,KAAK,EAAE,CAACC,MAAM,CAACV,OAAO,EAAEH,aAAa,CAACG,OAAO;EAAE,GAAC,UAAc,CAAC,eACrET,KAAA,CAAAiB,aAAA,CAACf,IAAI;IAACgB,KAAK,EAAE,CAACC,MAAM,CAACJ,WAAW,EAAET,aAAa,CAACS,WAAW;EAAE,GAAC,4BAExD,CAAC,eACPf,KAAA,CAAAiB,aAAA,CAACf,IAAI;IAACgB,KAAK,EAAE,CAACC,MAAM,CAACJ,WAAW,EAAET,aAAa,CAACS,WAAW;EAAE,GAAC,0CAExD,CACF,CAAC;AAEX,CAAC;AAED,MAAMI,MAAM,GAAGhB,UAAU,CAACkB,MAAM,CAAC;EAC/BD,SAAS,EAAE;IACTE,IAAI,EAAE,CAAC;IACPC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDf,OAAO,EAAE;IACPgB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE,GAAG;IAClBC,SAAS,EAAE,QAAQ;IACnBC,aAAa,EAAE;EACjB,CAAC;EACDd,WAAW,EAAE;IACXU,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE,IAAI;IACnBC,SAAS,EAAE;EACb;AACF,CAAC,CAAC"}

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

@@ -6,4 +6,8 @@ export const selectCanPublishTrack = (state, track) => {
   var _selectAllowedTracksT;
   return ((_selectAllowedTracksT = selectAllowedTracksToPublish(state)) === null || _selectAllowedTracksT === void 0 ? void 0 : _selectAllowedTracksT.includes(track)) ?? false;
 };
+export 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;
+};
 //# sourceMappingURL=hooks-sdk-selectors.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["selectAllowedTracksToPublish","state","_state$hmsStates$loca","hmsStates","localPeer","role","publishSettings","allowed","selectCanPublishTrack","track","_selectAllowedTracksT","includes"],"sourceRoot":"../../src","sources":["hooks-sdk-selectors.tsx"],"mappings":"AAEA,OAAO,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;AAE3D,OAAO,MAAMC,qBAAqB,GAAGA,CACnCP,KAAgB,EAChBQ,KAAmC;EAAA,IAAAC,qBAAA;EAAA,OAChC,EAAAA,qBAAA,GAAAV,4BAA4B,CAACC,KAAK,CAAC,cAAAS,qBAAA,uBAAnCA,qBAAA,CAAqCC,QAAQ,CAACF,KAAK,CAAC,KAAI,KAAK;AAAA"}
+{"version":3,"names":["selectAllowedTracksToPublish","state","_state$hmsStates$loca","hmsStates","localPeer","role","publishSettings","allowed","selectCanPublishTrack","track","_selectAllowedTracksT","includes","selectCanPublishTrackForRole","_role$publishSettings"],"sourceRoot":"../../src","sources":["hooks-sdk-selectors.tsx"],"mappings":"AAIA,OAAO,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;AAE3D,OAAO,MAAMC,qBAAqB,GAAGA,CACnCP,KAAgB,EAChBQ,KAAmC;EAAA,IAAAC,qBAAA;EAAA,OAChC,EAAAA,qBAAA,GAAAV,4BAA4B,CAACC,KAAK,CAAC,cAAAS,qBAAA,uBAAnCA,qBAAA,CAAqCC,QAAQ,CAACF,KAAK,CAAC,KAAI,KAAK;AAAA;AAElE,OAAO,MAAMG,4BAA4B,GAAGA,CAC1CP,IAAyB,EACzBI,KAAmC;EAAA,IAAAI,qBAAA;EAAA,OAChC,CAAAR,IAAI,aAAJA,IAAI,gBAAAQ,qBAAA,GAAJR,IAAI,CAAEC,eAAe,cAAAO,qBAAA,gBAAAA,qBAAA,GAArBA,qBAAA,CAAuBN,OAAO,cAAAM,qBAAA,uBAA9BA,qBAAA,CAAgCF,QAAQ,CAACF,KAAK,CAAC,KAAI,KAAK;AAAA"}

package/lib/module/hooks-sdk.js

@@ -104,12 +104,27 @@ export const useHMSActions = () => {
       return Promise.reject(error);
     }
   }, []);
+  const changeName = 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
   };
 };
 //# sourceMappingURL=hooks-sdk.js.map

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

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

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

@@ -1,11 +1,17 @@
+import { JoinForm_JoinBtnType } from '@100mslive/types-prebuilt/elements/join_form';
 export 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;
 };
 export 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 === JoinForm_JoinBtnType.JOIN_BTN_TYPE_JOIN_AND_GO_LIVE || joinButtonType === JoinForm_JoinBtnType.JOIN_BTN_TYPE_JOIN_ONLY ?
+  // can start if `joinButtonType` is `JOIN_BTN_TYPE_JOIN_AND_GO_LIVE`
+  joinButtonType === 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;
 };
 //# sourceMappingURL=hooks-util-selectors.js.map

package/lib/module/hooks-util-selectors.js.map

@@ -1 +1 @@
-{"version":3,"names":["selectIsHLSViewer","peer","_peer$role","role","name","includes","selectShouldGoLive","state","_state$hmsStates$room","_state$hmsStates$loca","isHLSStreaming","hmsStates","room","hlsStreamingState","running","canStartHLSStreaming","localPeer","permissions","hlsStreaming"],"sourceRoot":"../../src","sources":["hooks-util-selectors.tsx"],"mappings":"AAIA,OAAO,MAAMA,iBAAiB,GAAIC,IAAgC;EAAA,IAAAC,UAAA;EAAA,OAChE,CAAAD,IAAI,aAAJA,IAAI,gBAAAC,UAAA,GAAJD,IAAI,CAAEE,IAAI,cAAAD,UAAA,gBAAAA,UAAA,GAAVA,UAAA,CAAYE,IAAI,cAAAF,UAAA,uBAAhBA,UAAA,CAAkBG,QAAQ,CAAC,KAAK,CAAC,KAAI,KAAK;AAAA;AAE5C,OAAO,MAAMC,kBAAkB,GAAIC,KAAgB,IAAK;EAAA,IAAAC,qBAAA,EAAAC,qBAAA;EACtD,MAAMC,cAAc,IAAAF,qBAAA,GAAGD,KAAK,CAACI,SAAS,CAACC,IAAI,cAAAJ,qBAAA,uBAApBA,qBAAA,CAAsBK,iBAAiB,CAACC,OAAO;EACtE,MAAMC,oBAAoB,IAAAN,qBAAA,GACxBF,KAAK,CAACI,SAAS,CAACK,SAAS,cAAAP,qBAAA,gBAAAA,qBAAA,GAAzBA,qBAAA,CAA2BN,IAAI,cAAAM,qBAAA,gBAAAA,qBAAA,GAA/BA,qBAAA,CAAiCQ,WAAW,cAAAR,qBAAA,uBAA5CA,qBAAA,CAA8CS,YAAY;EAE5D,OAAOH,oBAAoB,IAAI,CAACL,cAAc;AAChD,CAAC"}
+{"version":3,"names":["JoinForm_JoinBtnType","selectIsHLSViewer","peer","_peer$role","role","name","includes","selectShouldGoLive","state","_state$hmsStates$room","_layoutConfig$screens","_state$hmsStates$loca","layoutConfig","hmsStates","isHLSStreaming","room","hlsStreamingState","running","joinButtonType","screens","preview","default","elements","join_form","join_btn_type","canStartHLSStreaming","JOIN_BTN_TYPE_JOIN_AND_GO_LIVE","JOIN_BTN_TYPE_JOIN_ONLY","localPeer","permissions","hlsStreaming"],"sourceRoot":"../../src","sources":["hooks-util-selectors.tsx"],"mappings":"AACA,SAASA,oBAAoB,QAAQ,8CAA8C;AAInF,OAAO,MAAMC,iBAAiB,GAAIC,IAAgC;EAAA,IAAAC,UAAA;EAAA,OAChE,CAAAD,IAAI,aAAJA,IAAI,gBAAAC,UAAA,GAAJD,IAAI,CAAEE,IAAI,cAAAD,UAAA,gBAAAA,UAAA,GAAVA,UAAA,CAAYE,IAAI,cAAAF,UAAA,uBAAhBA,UAAA,CAAkBG,QAAQ,CAAC,KAAK,CAAC,KAAI,KAAK;AAAA;AAE5C,OAAO,MAAMC,kBAAkB,GAAIC,KAAgB,IAAK;EAAA,IAAAC,qBAAA,EAAAC,qBAAA,EAAAC,qBAAA;EACtD,MAAMC,YAAY,GAAGJ,KAAK,CAACK,SAAS,CAACD,YAAY;EACjD,MAAME,cAAc,IAAAL,qBAAA,GAAGD,KAAK,CAACK,SAAS,CAACE,IAAI,cAAAN,qBAAA,uBAApBA,qBAAA,CAAsBO,iBAAiB,CAACC,OAAO;EAEtE,MAAMC,cAAc,GAClBN,YAAY,aAAZA,YAAY,gBAAAF,qBAAA,GAAZE,YAAY,CAAEO,OAAO,cAAAT,qBAAA,gBAAAA,qBAAA,GAArBA,qBAAA,CAAuBU,OAAO,cAAAV,qBAAA,gBAAAA,qBAAA,GAA9BA,qBAAA,CAAgCW,OAAO,cAAAX,qBAAA,gBAAAA,qBAAA,GAAvCA,qBAAA,CAAyCY,QAAQ,cAAAZ,qBAAA,gBAAAA,qBAAA,GAAjDA,qBAAA,CAAmDa,SAAS,cAAAb,qBAAA,uBAA5DA,qBAAA,CAA8Dc,aAAa;EAE7E,MAAMC,oBAAoB,GACxBP,cAAc,KAAKlB,oBAAoB,CAAC0B,8BAA8B,IACtER,cAAc,KAAKlB,oBAAoB,CAAC2B,uBAAuB;EAC3D;EACAT,cAAc,KAAKlB,oBAAoB,CAAC0B,8BAA8B,GACtE;EAAA,CAAAf,qBAAA,GACAH,KAAK,CAACK,SAAS,CAACe,SAAS,cAAAjB,qBAAA,gBAAAA,qBAAA,GAAzBA,qBAAA,CAA2BP,IAAI,cAAAO,qBAAA,gBAAAA,qBAAA,GAA/BA,qBAAA,CAAiCkB,WAAW,cAAAlB,qBAAA,uBAA5CA,qBAAA,CAA8CmB,YAAY;EAEhE,OAAOL,oBAAoB,IAAI,CAACX,cAAc;AAChD,CAAC"}