@100mslive/react-native-room-kit 0.0.1

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useMemo","View","StyleSheet","Animated","interpolate","useAnimatedProps","useAnimatedStyle","COLORS","useIsHLSViewer","EndIcon","HMSManageLeave","HMSManageRaiseHand","HMSManageLocalAudio","HMSManageLocalVideo","HMSChat","HMSRoomOptions","useCanPublishAudio","useCanPublishVideo","_Footer","_ref","offset","isHLSViewer","canPublishAudio","canPublishVideo","footerActionButtons","actions","unshift","push","animatedStyles","opacity","value","transform","translateY","animatedProps","pointerEvents","createElement","style","styles","container","map","actionType","index","key","iconWrapper","leaveIconDelegate","create","paddingVertical","paddingHorizontal","backgroundColor","BACKGROUND","DIM","flexDirection","alignItems","justifyContent","marginLeft","Footer"],"sourceRoot":"../../../src","sources":["components/Footer.tsx"],"mappings":"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"}

package/lib/module/components/FullScreenIndicator.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { ActivityIndicator, StyleSheet } from 'react-native';
+import { COLORS } from '../utils/theme';
+export const FullScreenIndicator = () => {
+  return /*#__PURE__*/React.createElement(ActivityIndicator, {
+    size: 'large',
+    color: COLORS.PRIMARY.DEFAULT,
+    style: styles.indicator
+  });
+};
+const styles = StyleSheet.create({
+  indicator: {
+    flex: 1,
+    backgroundColor: COLORS.BACKGROUND.DIM
+  }
+});
+//# sourceMappingURL=FullScreenIndicator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","ActivityIndicator","StyleSheet","COLORS","FullScreenIndicator","createElement","size","color","PRIMARY","DEFAULT","style","styles","indicator","create","flex","backgroundColor","BACKGROUND","DIM"],"sourceRoot":"../../../src","sources":["components/FullScreenIndicator.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,iBAAiB,EAAEC,UAAU,QAAQ,cAAc;AAE5D,SAASC,MAAM,QAAQ,gBAAgB;AAEvC,OAAO,MAAMC,mBAA6B,GAAGA,CAAA,KAAM;EACjD,oBACEJ,KAAA,CAAAK,aAAA,CAACJ,iBAAiB;IAChBK,IAAI,EAAE,OAAQ;IACdC,KAAK,EAAEJ,MAAM,CAACK,OAAO,CAACC,OAAQ;IAC9BC,KAAK,EAAEC,MAAM,CAACC;EAAU,CACzB,CAAC;AAEN,CAAC;AAED,MAAMD,MAAM,GAAGT,UAAU,CAACW,MAAM,CAAC;EAC/BD,SAAS,EAAE;IACTE,IAAI,EAAE,CAAC;IACPC,eAAe,EAAEZ,MAAM,CAACa,UAAU,CAACC;EACrC;AACF,CAAC,CAAC"}

package/lib/module/components/GridView.js

@@ -0,0 +1,90 @@
+import React, { useRef, useState, useImperativeHandle } from 'react';
+import { View, FlatList } from 'react-native';
+import { DefaultModal } from './DefaultModal';
+import { SaveScreenshot } from './Modals';
+import { TilesContainer } from './TilesContainer';
+const GridView = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    pairedPeers,
+    onPeerTileMorePress
+  } = _ref;
+  // hooks
+  const [screenshotData, setScreenshotData] = useState(null);
+  const hmsViewRefs = useRef({});
+  const flatlistRef = useRef(null);
+
+  // We are setting `captureViewScreenshot` method on ref passed to GridView component
+  // `captureViewScreenshot` method can be called to with PeerTrackNode to capture the HmsView Snapshot
+  useImperativeHandle(ref, () => ({
+    captureViewScreenshot: node => {
+      var _hmsViewRef$capture;
+      // getting HmsView ref for the passed PeerTrackNode
+      const hmsViewRef = hmsViewRefs.current[node.id];
+
+      // If HmsView is not rendered on Tile, then HmsView ref will be `undefined`
+      if (!hmsViewRef) {
+        console.warn(`HmsViewRef for "${node.id}" is not available!`);
+        return;
+      }
+
+      // Calling `capture` method on HmsView ref
+      (_hmsViewRef$capture = hmsViewRef.capture) === null || _hmsViewRef$capture === void 0 ? void 0 : _hmsViewRef$capture.call(hmsViewRef).then(imageBase64 => {
+        console.log('HmsView Capture Success');
+        // Saving data needed to show captured snapshot in "Save Snapshot" Modal
+        setScreenshotData({
+          peer: node.peer,
+          source: {
+            uri: `data:image/png;base64,${imageBase64}`
+          }
+        });
+      }).catch(error => console.warn('HmsView Capture Error: ', error));
+    },
+    getFlatlistRef: () => {
+      return flatlistRef;
+    }
+  }), []);
+  const setHmsViewRefs = React.useCallback((viewId, ref) => {
+    hmsViewRefs.current[viewId] = ref;
+  }, []);
+  const _renderItem = React.useCallback(_ref2 => {
+    let {
+      item
+    } = _ref2;
+    return /*#__PURE__*/React.createElement(TilesContainer, {
+      onPeerTileMorePress: onPeerTileMorePress,
+      peerTrackNodes: item,
+      setHmsViewRefs: setHmsViewRefs
+    });
+  }, [onPeerTileMorePress, setHmsViewRefs]);
+  const _keyExtractor = React.useCallback(item => {
+    var _item$;
+    return (_item$ = item[0]) === null || _item$ === void 0 ? void 0 : _item$.id;
+  }, []);
+  return /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement(FlatList, {
+    ref: flatlistRef,
+    horizontal: true,
+    data: pairedPeers,
+    initialNumToRender: 1,
+    maxToRenderPerBatch: 1,
+    windowSize: 2,
+    pagingEnabled: true,
+    showsHorizontalScrollIndicator: false,
+    renderItem: _renderItem,
+    numColumns: 1,
+    keyExtractor: _keyExtractor
+  }), /*#__PURE__*/React.createElement(DefaultModal, {
+    modalPosiion: "center",
+    modalVisible: !!screenshotData,
+    setModalVisible: () => setScreenshotData(null)
+  }, /*#__PURE__*/React.createElement(SaveScreenshot, {
+    imageSource: screenshotData === null || screenshotData === void 0 ? void 0 : screenshotData.source,
+    cancelModal: () => setScreenshotData(null)
+  })));
+});
+GridView.displayName = 'GridView';
+export { GridView };
+//# sourceMappingURL=GridView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useRef","useState","useImperativeHandle","View","FlatList","DefaultModal","SaveScreenshot","TilesContainer","GridView","forwardRef","_ref","ref","pairedPeers","onPeerTileMorePress","screenshotData","setScreenshotData","hmsViewRefs","flatlistRef","captureViewScreenshot","node","_hmsViewRef$capture","hmsViewRef","current","id","console","warn","capture","call","then","imageBase64","log","peer","source","uri","catch","error","getFlatlistRef","setHmsViewRefs","useCallback","viewId","_renderItem","_ref2","item","createElement","peerTrackNodes","_keyExtractor","_item$","style","flex","horizontal","data","initialNumToRender","maxToRenderPerBatch","windowSize","pagingEnabled","showsHorizontalScrollIndicator","renderItem","numColumns","keyExtractor","modalPosiion","modalVisible","setModalVisible","imageSource","cancelModal","displayName"],"sourceRoot":"../../../src","sources":["components/GridView.tsx"],"mappings":"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"}

package/lib/module/components/HLSPlayerEmoticons.js

@@ -0,0 +1,40 @@
+import { useSelector } from 'react-redux';
+import { useHMSHLSPlayerCue } from '@100mslive/react-native-hms';
+import Toast from 'react-native-simple-toast';
+export const HLSPlayerEmoticons = () => {
+  const hmsInstance = useSelector(state => state.user.hmsInstance);
+  useHMSHLSPlayerCue(cue => {
+    if (!hmsInstance) {
+      return;
+    }
+    const payloadStr = cue.payloadval;
+    if (typeof payloadStr === 'string') {
+      try {
+        const emoticonMessage = JSON.parse(payloadStr);
+        if (emoticonMessage.type === 'EMOJI_REACTION') {
+          const peer = hmsInstance.getPeerFromPeerId(emoticonMessage.senderId);
+          Toast.showWithGravity(`${peer === null || peer === void 0 ? void 0 : peer.name} ${getEmojiByString(emoticonMessage.emojiId)}`, Toast.LONG, Toast.TOP);
+        }
+      } catch (error) {
+        const message = `HLS Cue Payload is not JSON: ${error}`;
+        console.warn(message);
+        Toast.showWithGravity(message, Toast.LONG, Toast.TOP);
+      }
+    }
+  }, []);
+  return null;
+};
+const emojiMap = {
+  '+1': '👍',
+  '-1': '👎',
+  'wave': '👋',
+  'clap': '👏',
+  'fire': '🔥',
+  'tada': '🎉',
+  'heart_eyes': '😍',
+  'joy': '😂',
+  'open_mouth': '😮',
+  'sob': '😭'
+};
+const getEmojiByString = emojiCode => emojiMap[emojiCode] || '👍';
+//# sourceMappingURL=HLSPlayerEmoticons.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useSelector","useHMSHLSPlayerCue","Toast","HLSPlayerEmoticons","hmsInstance","state","user","cue","payloadStr","payloadval","emoticonMessage","JSON","parse","type","peer","getPeerFromPeerId","senderId","showWithGravity","name","getEmojiByString","emojiId","LONG","TOP","error","message","console","warn","emojiMap","emojiCode"],"sourceRoot":"../../../src","sources":["components/HLSPlayerEmoticons.tsx"],"mappings":"AAAA,SAASA,WAAW,QAAQ,aAAa;AACzC,SAAkBC,kBAAkB,QAAQ,6BAA6B;AAEzE,OAAOC,KAAK,MAAM,2BAA2B;AAW7C,OAAO,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;EACtC,MAAMC,WAAW,GAAGJ,WAAW,CAAEK,KAAgB,IAAKA,KAAK,CAACC,IAAI,CAACF,WAAW,CAAC;EAE7EH,kBAAkB,CAAEM,GAAG,IAAK;IAC1B,IAAI,CAACH,WAAW,EAAE;MAChB;IACF;IAEA,MAAMI,UAAU,GAAGD,GAAG,CAACE,UAAU;IAEjC,IAAI,OAAOD,UAAU,KAAK,QAAQ,EAAE;MAClC,IAAI;QACF,MAAME,eAAgC,GAAGC,IAAI,CAACC,KAAK,CAACJ,UAAU,CAAC;QAC/D,IAAIE,eAAe,CAACG,IAAI,KAAK,gBAAgB,EAAE;UAC7C,MAAMC,IAAI,GAAGV,WAAW,CAACW,iBAAiB,CAACL,eAAe,CAACM,QAAQ,CAAC;UACpEd,KAAK,CAACe,eAAe,CAClB,GAAEH,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEI,IAAK,IAAGC,gBAAgB,CAACT,eAAe,CAACU,OAAO,CAAE,EAAC,EAC5DlB,KAAK,CAACmB,IAAI,EACVnB,KAAK,CAACoB,GACR,CAAC;QACH;MACF,CAAC,CAAC,OAAOC,KAAK,EAAE;QACd,MAAMC,OAAO,GAAI,gCAA+BD,KAAM,EAAC;QACvDE,OAAO,CAACC,IAAI,CAACF,OAAO,CAAC;QACrBtB,KAAK,CAACe,eAAe,CAACO,OAAO,EAAEtB,KAAK,CAACmB,IAAI,EAAEnB,KAAK,CAACoB,GAAG,CAAC;MACvD;IACF;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,IAAI;AACb,CAAC;AAED,MAAMK,QAAgC,GAAG;EACvC,IAAI,EAAE,IAAI;EACV,IAAI,EAAE,IAAI;EACV,MAAM,EAAE,IAAI;EACZ,MAAM,EAAE,IAAI;EACZ,MAAM,EAAE,IAAI;EACZ,MAAM,EAAE,IAAI;EACZ,YAAY,EAAE,IAAI;EAClB,KAAK,EAAE,IAAI;EACX,YAAY,EAAE,IAAI;EAClB,KAAK,EAAE;AACT,CAAC;AAED,MAAMR,gBAAgB,GAAIS,SAAiB,IAAKD,QAAQ,CAACC,SAAS,CAAC,IAAI,IAAI"}

package/lib/module/components/HLSPlayerStatsView.js

@@ -0,0 +1,56 @@
+import React from 'react';
+import { View, Text, TouchableOpacity, StyleSheet } from 'react-native';
+import { useHMSHLSPlayerStats } from '@100mslive/react-native-hms';
+import { COLORS } from '../utils/theme';
+export const HLSPlayerStatsView = _ref => {
+  let {
+    onClosePress
+  } = _ref;
+  const {
+    stats
+  } = useHMSHLSPlayerStats();
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: () => onClosePress === null || onClosePress === void 0 ? void 0 : onClosePress(),
+    style: styles.closeButton
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.text
+  }, "close")), /*#__PURE__*/React.createElement(Text, {
+    style: styles.text
+  }, "Bandwidth Estimate: ", stats.bandWidthEstimate), /*#__PURE__*/React.createElement(Text, {
+    style: styles.text
+  }, "Total Bytes Loaded: ", stats.totalBytesLoaded), /*#__PURE__*/React.createElement(Text, {
+    style: styles.text
+  }, "Buffered Duration: ", stats.bufferedDuration), /*#__PURE__*/React.createElement(Text, {
+    style: styles.text
+  }, "Distance From Live: ", stats.distanceFromLive), /*#__PURE__*/React.createElement(Text, {
+    style: styles.text
+  }, "Dropped Frame Count: ", stats.droppedFrameCount), /*#__PURE__*/React.createElement(Text, {
+    style: styles.text
+  }, "Average Bitrate: ", stats.averageBitrate), /*#__PURE__*/React.createElement(Text, {
+    style: styles.text
+  }, "Video Height: ", stats.videoHeight), /*#__PURE__*/React.createElement(Text, {
+    style: styles.text
+  }, "Video Width: ", stats.videoWidth));
+};
+const styles = StyleSheet.create({
+  container: {
+    position: 'absolute',
+    top: 8,
+    left: 8,
+    backgroundColor: COLORS.OVERLAY,
+    borderRadius: 12,
+    padding: 8,
+    minWidth: '50%'
+  },
+  closeButton: {
+    padding: 12
+  },
+  text: {
+    fontSize: 14,
+    lineHeight: 14 * 1.3,
+    color: COLORS.TEXT.HIGH_EMPHASIS
+  }
+});
+//# sourceMappingURL=HLSPlayerStatsView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","TouchableOpacity","StyleSheet","useHMSHLSPlayerStats","COLORS","HLSPlayerStatsView","_ref","onClosePress","stats","createElement","style","styles","container","onPress","closeButton","text","bandWidthEstimate","totalBytesLoaded","bufferedDuration","distanceFromLive","droppedFrameCount","averageBitrate","videoHeight","videoWidth","create","position","top","left","backgroundColor","OVERLAY","borderRadius","padding","minWidth","fontSize","lineHeight","color","TEXT","HIGH_EMPHASIS"],"sourceRoot":"../../../src","sources":["components/HLSPlayerStatsView.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,EAAEC,gBAAgB,EAAEC,UAAU,QAAQ,cAAc;AACvE,SAASC,oBAAoB,QAAQ,6BAA6B;AAElE,SAASC,MAAM,QAAQ,gBAAgB;AAMvC,OAAO,MAAMC,kBAAqD,GAAGC,IAAA,IAE/D;EAAA,IAFgE;IACpEC;EACF,CAAC,GAAAD,IAAA;EACC,MAAM;IAAEE;EAAM,CAAC,GAAGL,oBAAoB,CAAC,CAAC;EAExC,oBACEL,KAAA,CAAAW,aAAA,CAACV,IAAI;IAACW,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5Bd,KAAA,CAAAW,aAAA,CAACR,gBAAgB;IACfY,OAAO,EAAEA,CAAA,KAAMN,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAG,CAAE;IAChCG,KAAK,EAAEC,MAAM,CAACG;EAAY,gBAE1BhB,KAAA,CAAAW,aAAA,CAACT,IAAI;IAACU,KAAK,EAAEC,MAAM,CAACI;EAAK,GAAC,OAAW,CACrB,CAAC,eAEnBjB,KAAA,CAAAW,aAAA,CAACT,IAAI;IAACU,KAAK,EAAEC,MAAM,CAACI;EAAK,GAAC,sBACJ,EAACP,KAAK,CAACQ,iBACvB,CAAC,eACPlB,KAAA,CAAAW,aAAA,CAACT,IAAI;IAACU,KAAK,EAAEC,MAAM,CAACI;EAAK,GAAC,sBACJ,EAACP,KAAK,CAACS,gBACvB,CAAC,eACPnB,KAAA,CAAAW,aAAA,CAACT,IAAI;IAACU,KAAK,EAAEC,MAAM,CAACI;EAAK,GAAC,qBACL,EAACP,KAAK,CAACU,gBACtB,CAAC,eAEPpB,KAAA,CAAAW,aAAA,CAACT,IAAI;IAACU,KAAK,EAAEC,MAAM,CAACI;EAAK,GAAC,sBACJ,EAACP,KAAK,CAACW,gBACvB,CAAC,eACPrB,KAAA,CAAAW,aAAA,CAACT,IAAI;IAACU,KAAK,EAAEC,MAAM,CAACI;EAAK,GAAC,uBACH,EAACP,KAAK,CAACY,iBACxB,CAAC,eAEPtB,KAAA,CAAAW,aAAA,CAACT,IAAI;IAACU,KAAK,EAAEC,MAAM,CAACI;EAAK,GAAC,mBAAiB,EAACP,KAAK,CAACa,cAAqB,CAAC,eAExEvB,KAAA,CAAAW,aAAA,CAACT,IAAI;IAACU,KAAK,EAAEC,MAAM,CAACI;EAAK,GAAC,gBAAc,EAACP,KAAK,CAACc,WAAkB,CAAC,eAClExB,KAAA,CAAAW,aAAA,CAACT,IAAI;IAACU,KAAK,EAAEC,MAAM,CAACI;EAAK,GAAC,eAAa,EAACP,KAAK,CAACe,UAAiB,CAC3D,CAAC;AAEX,CAAC;AAED,MAAMZ,MAAM,GAAGT,UAAU,CAACsB,MAAM,CAAC;EAC/BZ,SAAS,EAAE;IACTa,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,eAAe,EAAExB,MAAM,CAACyB,OAAO;IAC/BC,YAAY,EAAE,EAAE;IAChBC,OAAO,EAAE,CAAC;IACVC,QAAQ,EAAE;EACZ,CAAC;EACDlB,WAAW,EAAE;IACXiB,OAAO,EAAE;EACX,CAAC;EACDhB,IAAI,EAAE;IACJkB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE,GAAG,GAAG;IACpBC,KAAK,EAAE/B,MAAM,CAACgC,IAAI,CAACC;EACrB;AACF,CAAC,CAAC"}

package/lib/module/components/HLSView.js

@@ -0,0 +1,132 @@
+import React, { useRef, useEffect } from 'react';
+import { useDispatch, useSelector } from 'react-redux';
+import { View, Text, StyleSheet } from 'react-native';
+import { HMSHLSPlayer } from '@100mslive/react-native-hms';
+import { AvoidSoftInput } from 'react-native-avoid-softinput';
+import { changeShowHLSStats } from '../redux/actions';
+import { HLSPlayerStatsView } from './HLSPlayerStatsView';
+import { HLSPlayerEmoticons } from './HLSPlayerEmoticons';
+import { CustomControls } from './CustomHLSPlayerControls';
+import { ChatView } from './ChatWindow';
+import { COLORS } from '../utils/theme';
+import { usePortraitChatViewVisible } from '../hooks-util';
+import { HMSHLSNotStarted } from './HMSHLSNotStarted';
+export const HLSView = () => {
+  var _room$hlsStreamingSta, _room$hlsStreamingSta2;
+  const dispatch = useDispatch();
+  const room = useSelector(state => state.hmsStates.room);
+  const hmsHlsPlayerRef = useRef(null);
+  const showHLSStats = useSelector(state => state.app.joinConfig.showHLSStats);
+  const showCustomHLSPlayerControls = useSelector(state => state.app.joinConfig.showCustomHLSPlayerControls);
+  const enableHLSPlayerControls = useSelector(state => state.app.joinConfig.enableHLSPlayerControls);
+  const hlsAspectRatio = useSelector(state => state.app.hlsAspectRatio);
+  const portraitChatViewVisible = usePortraitChatViewVisible();
+  const handleClosePress = () => {
+    dispatch(changeShowHLSStats(false));
+  };
+  const hlsPlayerActions = function (action) {
+    switch (action) {
+      case 'play':
+        {
+          var _hmsHlsPlayerRef$curr;
+          (_hmsHlsPlayerRef$curr = hmsHlsPlayerRef.current) === null || _hmsHlsPlayerRef$curr === void 0 ? void 0 : _hmsHlsPlayerRef$curr.play(arguments.length <= 1 ? undefined : arguments[1]);
+          break;
+        }
+      case 'stop':
+        {
+          var _hmsHlsPlayerRef$curr2;
+          (_hmsHlsPlayerRef$curr2 = hmsHlsPlayerRef.current) === null || _hmsHlsPlayerRef$curr2 === void 0 ? void 0 : _hmsHlsPlayerRef$curr2.stop();
+          break;
+        }
+      case 'pause':
+        {
+          var _hmsHlsPlayerRef$curr3;
+          (_hmsHlsPlayerRef$curr3 = hmsHlsPlayerRef.current) === null || _hmsHlsPlayerRef$curr3 === void 0 ? void 0 : _hmsHlsPlayerRef$curr3.pause();
+          break;
+        }
+      case 'resume':
+        {
+          var _hmsHlsPlayerRef$curr4;
+          (_hmsHlsPlayerRef$curr4 = hmsHlsPlayerRef.current) === null || _hmsHlsPlayerRef$curr4 === void 0 ? void 0 : _hmsHlsPlayerRef$curr4.resume();
+          break;
+        }
+      case 'seekForward':
+        {
+          var _hmsHlsPlayerRef$curr5;
+          (_hmsHlsPlayerRef$curr5 = hmsHlsPlayerRef.current) === null || _hmsHlsPlayerRef$curr5 === void 0 ? void 0 : _hmsHlsPlayerRef$curr5.seekForward(arguments.length <= 1 ? undefined : arguments[1]);
+          break;
+        }
+      case 'seekBackward':
+        {
+          var _hmsHlsPlayerRef$curr6;
+          (_hmsHlsPlayerRef$curr6 = hmsHlsPlayerRef.current) === null || _hmsHlsPlayerRef$curr6 === void 0 ? void 0 : _hmsHlsPlayerRef$curr6.seekBackward(arguments.length <= 1 ? undefined : arguments[1]);
+          break;
+        }
+      case 'seekToLive':
+        {
+          var _hmsHlsPlayerRef$curr7;
+          (_hmsHlsPlayerRef$curr7 = hmsHlsPlayerRef.current) === null || _hmsHlsPlayerRef$curr7 === void 0 ? void 0 : _hmsHlsPlayerRef$curr7.seekToLivePosition();
+          break;
+        }
+      case 'setVolume':
+        {
+          var _hmsHlsPlayerRef$curr8;
+          (_hmsHlsPlayerRef$curr8 = hmsHlsPlayerRef.current) === null || _hmsHlsPlayerRef$curr8 === void 0 ? void 0 : _hmsHlsPlayerRef$curr8.setVolume(arguments.length <= 1 ? undefined : arguments[1]);
+          break;
+        }
+    }
+  };
+  useEffect(() => {
+    AvoidSoftInput.setAdjustNothing();
+    AvoidSoftInput.setEnabled(true);
+    return () => AvoidSoftInput.setEnabled(false);
+  }, []);
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.hlsView
+  }, room !== null && room !== void 0 && (_room$hlsStreamingSta = room.hlsStreamingState) !== null && _room$hlsStreamingSta !== void 0 && _room$hlsStreamingSta.running ? room === null || room === void 0 || (_room$hlsStreamingSta2 = room.hlsStreamingState) === null || _room$hlsStreamingSta2 === void 0 || (_room$hlsStreamingSta2 = _room$hlsStreamingSta2.variants) === null || _room$hlsStreamingSta2 === void 0 || (_room$hlsStreamingSta2 = _room$hlsStreamingSta2.slice(0, 1)) === null || _room$hlsStreamingSta2 === void 0 ? void 0 : _room$hlsStreamingSta2.map((variant, index) => variant !== null && variant !== void 0 && variant.hlsStreamUrl ? /*#__PURE__*/React.createElement(View, {
+    key: index,
+    style: [styles.hlsPlayerContainer, portraitChatViewVisible ? styles.taleLessSpaceAsYouCan : null]
+  }, /*#__PURE__*/React.createElement(HMSHLSPlayer, {
+    ref: hmsHlsPlayerRef,
+    containerStyle: portraitChatViewVisible ? styles.taleLessSpaceAsYouCan : null,
+    aspectRatio: hlsAspectRatio.value,
+    enableStats: showHLSStats,
+    enableControls: enableHLSPlayerControls
+  }), /*#__PURE__*/React.createElement(HLSPlayerEmoticons, null), showHLSStats ? /*#__PURE__*/React.createElement(HLSPlayerStatsView, {
+    onClosePress: handleClosePress
+  }) : null, showCustomHLSPlayerControls ? /*#__PURE__*/React.createElement(CustomControls, {
+    handleControlPress: hlsPlayerActions
+  }) : null) : /*#__PURE__*/React.createElement(View, {
+    key: index,
+    style: styles.textContainer
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.warningSubtitle
+  }, "Stream URL not found!"))) : /*#__PURE__*/React.createElement(HMSHLSNotStarted, null), portraitChatViewVisible ? /*#__PURE__*/React.createElement(ChatView, null) : null);
+};
+const styles = StyleSheet.create({
+  hlsView: {
+    flex: 1
+  },
+  hlsPlayerContainer: {
+    flex: 1,
+    position: 'relative'
+  },
+  textContainer: {
+    flex: 1,
+    paddingHorizontal: 24,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  warningSubtitle: {
+    color: COLORS.INDICATORS.WARNING,
+    fontFamily: 'Inter',
+    fontSize: 20,
+    fontWeight: '600',
+    letterSpacing: 0.25,
+    textAlign: 'center'
+  },
+  taleLessSpaceAsYouCan: {
+    flex: 0
+  }
+});
+//# sourceMappingURL=HLSView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useRef","useEffect","useDispatch","useSelector","View","Text","StyleSheet","HMSHLSPlayer","AvoidSoftInput","changeShowHLSStats","HLSPlayerStatsView","HLSPlayerEmoticons","CustomControls","ChatView","COLORS","usePortraitChatViewVisible","HMSHLSNotStarted","HLSView","_room$hlsStreamingSta","_room$hlsStreamingSta2","dispatch","room","state","hmsStates","hmsHlsPlayerRef","showHLSStats","app","joinConfig","showCustomHLSPlayerControls","enableHLSPlayerControls","hlsAspectRatio","portraitChatViewVisible","handleClosePress","hlsPlayerActions","action","_hmsHlsPlayerRef$curr","current","play","arguments","length","undefined","_hmsHlsPlayerRef$curr2","stop","_hmsHlsPlayerRef$curr3","pause","_hmsHlsPlayerRef$curr4","resume","_hmsHlsPlayerRef$curr5","seekForward","_hmsHlsPlayerRef$curr6","seekBackward","_hmsHlsPlayerRef$curr7","seekToLivePosition","_hmsHlsPlayerRef$curr8","setVolume","setAdjustNothing","setEnabled","createElement","style","styles","hlsView","hlsStreamingState","running","variants","slice","map","variant","index","hlsStreamUrl","key","hlsPlayerContainer","taleLessSpaceAsYouCan","ref","containerStyle","aspectRatio","value","enableStats","enableControls","onClosePress","handleControlPress","textContainer","warningSubtitle","create","flex","position","paddingHorizontal","alignItems","justifyContent","color","INDICATORS","WARNING","fontFamily","fontSize","fontWeight","letterSpacing","textAlign"],"sourceRoot":"../../../src","sources":["components/HLSView.tsx"],"mappings":"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"}

package/lib/module/components/HMSChat.js

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { View } from 'react-native';
+import { ChatIcon } from '../Icons';
+import { PressableIcon } from './PressableIcon';
+import { ChatWindow } from './ChatWindow';
+import { DefaultModal } from './DefaultModal';
+import { useShowChat } from '../hooks-util';
+export const HMSChat = () => {
+  const [chatVisibleType, setChatVisible] = useShowChat();
+  const toggleChatWindow = () => setChatVisible(chatVisibleType === 'none');
+  const closeChatWindow = () => setChatVisible(false);
+  return /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(PressableIcon, {
+    onPress: toggleChatWindow,
+    active: chatVisibleType === 'inset'
+  }, /*#__PURE__*/React.createElement(ChatIcon, null)), /*#__PURE__*/React.createElement(DefaultModal, {
+    animationIn: 'slideInUp',
+    animationOut: 'slideOutDown',
+    modalVisible: chatVisibleType === 'modal',
+    setModalVisible: closeChatWindow
+  }, /*#__PURE__*/React.createElement(ChatWindow, null)));
+};
+//# sourceMappingURL=HMSChat.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","ChatIcon","PressableIcon","ChatWindow","DefaultModal","useShowChat","HMSChat","chatVisibleType","setChatVisible","toggleChatWindow","closeChatWindow","createElement","onPress","active","animationIn","animationOut","modalVisible","setModalVisible"],"sourceRoot":"../../../src","sources":["components/HMSChat.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAASC,QAAQ,QAAQ,UAAU;AACnC,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,WAAW,QAAQ,eAAe;AAE3C,OAAO,MAAMC,OAAO,GAAGA,CAAA,KAAM;EAC3B,MAAM,CAACC,eAAe,EAAEC,cAAc,CAAC,GAAGH,WAAW,CAAC,CAAC;EAEvD,MAAMI,gBAAgB,GAAGA,CAAA,KAAMD,cAAc,CAACD,eAAe,KAAK,MAAM,CAAC;EAEzE,MAAMG,eAAe,GAAGA,CAAA,KAAMF,cAAc,CAAC,KAAK,CAAC;EAEnD,oBACET,KAAA,CAAAY,aAAA,CAACX,IAAI,qBACHD,KAAA,CAAAY,aAAA,CAACT,aAAa;IACZU,OAAO,EAAEH,gBAAiB;IAC1BI,MAAM,EAAEN,eAAe,KAAK;EAAQ,gBAEpCR,KAAA,CAAAY,aAAA,CAACV,QAAQ,MAAE,CACE,CAAC,eAEhBF,KAAA,CAAAY,aAAA,CAACP,YAAY;IACXU,WAAW,EAAE,WAAY;IACzBC,YAAY,EAAE,cAAe;IAC7BC,YAAY,EAAET,eAAe,KAAK,OAAQ;IAC1CU,eAAe,EAAEP;EAAgB,gBAEjCX,KAAA,CAAAY,aAAA,CAACR,UAAU,MAAE,CACD,CACV,CAAC;AAEX,CAAC"}

package/lib/module/components/HMSHLSNotStarted.js

@@ -0,0 +1,50 @@
+import * as React from 'react';
+import { useSelector } from 'react-redux';
+import { View, Text, StyleSheet } from 'react-native';
+import { COLORS } from '../utils/theme';
+import { usePortraitChatViewVisible } from '../hooks-util';
+import { ClockIcon } from '../Icons';
+export const HMSHLSNotStarted = () => {
+  const portraitChatViewVisible = usePortraitChatViewVisible();
+  const hlsAspectRatio = useSelector(state => state.app.hlsAspectRatio);
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.textContainer, portraitChatViewVisible ? styles.taleLessSpaceAsYouCan : null, portraitChatViewVisible ? {
+      aspectRatio: hlsAspectRatio.value
+    } : null]
+  }, /*#__PURE__*/React.createElement(ClockIcon, null), /*#__PURE__*/React.createElement(Text, {
+    style: styles.title
+  }, "Class hasn't started yet"), /*#__PURE__*/React.createElement(Text, {
+    style: styles.description
+  }, "Please wait for the teacher to start the class."));
+};
+const styles = StyleSheet.create({
+  textContainer: {
+    flex: 1,
+    paddingHorizontal: 24,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  title: {
+    color: COLORS.SURFACE.ON_SURFACE.HIGH,
+    fontFamily: 'Inter',
+    fontSize: 28,
+    fontWeight: '600',
+    lineHeight: 32,
+    letterSpacing: 0.25,
+    textAlign: 'center'
+  },
+  description: {
+    color: COLORS.SURFACE.ON_SURFACE.LOW,
+    fontSize: 14,
+    fontFamily: 'Inter',
+    fontWeight: '400',
+    lineHeight: 20,
+    letterSpacing: 0.25,
+    textAlign: 'center',
+    marginTop: 8
+  },
+  taleLessSpaceAsYouCan: {
+    flex: 0
+  }
+});
+//# sourceMappingURL=HMSHLSNotStarted.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useSelector","View","Text","StyleSheet","COLORS","usePortraitChatViewVisible","ClockIcon","HMSHLSNotStarted","portraitChatViewVisible","hlsAspectRatio","state","app","createElement","style","styles","textContainer","taleLessSpaceAsYouCan","aspectRatio","value","title","description","create","flex","paddingHorizontal","alignItems","justifyContent","color","SURFACE","ON_SURFACE","HIGH","fontFamily","fontSize","fontWeight","lineHeight","letterSpacing","textAlign","LOW","marginTop"],"sourceRoot":"../../../src","sources":["components/HMSHLSNotStarted.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,WAAW,QAAQ,aAAa;AACzC,SAASC,IAAI,EAAEC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAGrD,SAASC,MAAM,QAAQ,gBAAgB;AACvC,SAASC,0BAA0B,QAAQ,eAAe;AAC1D,SAASC,SAAS,QAAQ,UAAU;AAEpC,OAAO,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;EACpC,MAAMC,uBAAuB,GAAGH,0BAA0B,CAAC,CAAC;EAC5D,MAAMI,cAAc,GAAGT,WAAW,CAC/BU,KAAgB,IAAKA,KAAK,CAACC,GAAG,CAACF,cAClC,CAAC;EAED,oBACEV,KAAA,CAAAa,aAAA,CAACX,IAAI;IACHY,KAAK,EAAE,CACLC,MAAM,CAACC,aAAa,EACpBP,uBAAuB,GAAGM,MAAM,CAACE,qBAAqB,GAAG,IAAI,EAC7DR,uBAAuB,GAAG;MAAES,WAAW,EAAER,cAAc,CAACS;IAAM,CAAC,GAAG,IAAI;EACtE,gBAEFnB,KAAA,CAAAa,aAAA,CAACN,SAAS,MAAE,CAAC,eACbP,KAAA,CAAAa,aAAA,CAACV,IAAI;IAACW,KAAK,EAAEC,MAAM,CAACK;EAAM,GAAC,0BAA8B,CAAC,eAC1DpB,KAAA,CAAAa,aAAA,CAACV,IAAI;IAACW,KAAK,EAAEC,MAAM,CAACM;EAAY,GAAC,iDAE3B,CACF,CAAC;AAEX,CAAC;AAED,MAAMN,MAAM,GAAGX,UAAU,CAACkB,MAAM,CAAC;EAC/BN,aAAa,EAAE;IACbO,IAAI,EAAE,CAAC;IACPC,iBAAiB,EAAE,EAAE;IACrBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDN,KAAK,EAAE;IACLO,KAAK,EAAEtB,MAAM,CAACuB,OAAO,CAACC,UAAU,CAACC,IAAI;IACrCC,UAAU,EAAE,OAAO;IACnBC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE,IAAI;IACnBC,SAAS,EAAE;EACb,CAAC;EACDf,WAAW,EAAE;IACXM,KAAK,EAAEtB,MAAM,CAACuB,OAAO,CAACC,UAAU,CAACQ,GAAG;IACpCL,QAAQ,EAAE,EAAE;IACZD,UAAU,EAAE,OAAO;IACnBE,UAAU,EAAE,KAAK;IACjBC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE,IAAI;IACnBC,SAAS,EAAE,QAAQ;IACnBE,SAAS,EAAE;EACb,CAAC;EACDrB,qBAAqB,EAAE;IACrBM,IAAI,EAAE;EACR;AACF,CAAC,CAAC"}

package/lib/module/components/HMSManageCameraRotation.js

@@ -0,0 +1,33 @@
+import * as React from 'react';
+import { useSelector } from 'react-redux';
+import { RotateCameraIcon } from '../Icons';
+import { useCanPublishVideo, useHMSActions } from '../hooks-sdk';
+import { COLORS } from '../utils/theme';
+import { PressableIcon } from './PressableIcon';
+export const HMSManageCameraRotation = () => {
+  const canPublishVideo = useCanPublishVideo();
+  if (!canPublishVideo) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(RotateCameraButton, null);
+};
+const RotateCameraButton = () => {
+  const hmsActions = useHMSActions();
+  // TODO: set initial `isLocalVideoMuted` state value as per initial track setting
+  const isLocalVideoMuted = useSelector(state => state.hmsStates.isLocalVideoMuted);
+  const handleVideoMuteTogglePress = async () => {
+    if (isLocalVideoMuted) {
+      return;
+    }
+    await hmsActions.switchCamera();
+  };
+  return /*#__PURE__*/React.createElement(PressableIcon, {
+    onPress: handleVideoMuteTogglePress,
+    disabled: isLocalVideoMuted
+  }, /*#__PURE__*/React.createElement(RotateCameraIcon, {
+    style: {
+      tintColor: isLocalVideoMuted ? COLORS.SURFACE.ON_SURFACE.LOW : COLORS.SURFACE.ON_SURFACE.HIGH
+    }
+  }));
+};
+//# sourceMappingURL=HMSManageCameraRotation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useSelector","RotateCameraIcon","useCanPublishVideo","useHMSActions","COLORS","PressableIcon","HMSManageCameraRotation","canPublishVideo","createElement","RotateCameraButton","hmsActions","isLocalVideoMuted","state","hmsStates","handleVideoMuteTogglePress","switchCamera","onPress","disabled","style","tintColor","SURFACE","ON_SURFACE","LOW","HIGH"],"sourceRoot":"../../../src","sources":["components/HMSManageCameraRotation.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,WAAW,QAAQ,aAAa;AAEzC,SAASC,gBAAgB,QAAQ,UAAU;AAC3C,SAASC,kBAAkB,EAAEC,aAAa,QAAQ,cAAc;AAEhE,SAASC,MAAM,QAAQ,gBAAgB;AACvC,SAASC,aAAa,QAAQ,iBAAiB;AAE/C,OAAO,MAAMC,uBAAuB,GAAGA,CAAA,KAAM;EAC3C,MAAMC,eAAe,GAAGL,kBAAkB,CAAC,CAAC;EAE5C,IAAI,CAACK,eAAe,EAAE;IACpB,OAAO,IAAI;EACb;EAEA,oBAAOR,KAAA,CAAAS,aAAA,CAACC,kBAAkB,MAAE,CAAC;AAC/B,CAAC;AAED,MAAMA,kBAAkB,GAAGA,CAAA,KAAM;EAC/B,MAAMC,UAAU,GAAGP,aAAa,CAAC,CAAC;EAClC;EACA,MAAMQ,iBAAiB,GAAGX,WAAW,CAClCY,KAAgB,IAAKA,KAAK,CAACC,SAAS,CAACF,iBACxC,CAAC;EAED,MAAMG,0BAA0B,GAAG,MAAAA,CAAA,KAAY;IAC7C,IAAIH,iBAAiB,EAAE;MACrB;IACF;IACA,MAAMD,UAAU,CAACK,YAAY,CAAC,CAAC;EACjC,CAAC;EAED,oBACEhB,KAAA,CAAAS,aAAA,CAACH,aAAa;IACZW,OAAO,EAAEF,0BAA2B;IACpCG,QAAQ,EAAEN;EAAkB,gBAE5BZ,KAAA,CAAAS,aAAA,CAACP,gBAAgB;IACfiB,KAAK,EAAE;MACLC,SAAS,EAAER,iBAAiB,GACxBP,MAAM,CAACgB,OAAO,CAACC,UAAU,CAACC,GAAG,GAC7BlB,MAAM,CAACgB,OAAO,CAACC,UAAU,CAACE;IAChC;EAAE,CACH,CACY,CAAC;AAEpB,CAAC"}