@100mslive/react-native-room-kit 1.1.5 → 1.1.7

package/lib/module/components/HLSChatHeaderView.js

@@ -0,0 +1,121 @@
+import * as React from 'react';
+import { Pressable, StyleSheet, Text, View } from 'react-native';
+import { useDispatch, useSelector } from 'react-redux';
+import { CompanyLogo } from './CompanyLogo';
+import { useHMSConferencingScreenConfig, useHMSRoomStyleSheet } from '../hooks-util';
+import { HLSRecordingStatusText } from './HLSRecordingStatusText';
+import { useIsHLSStreamingOn } from '../hooks-sdk';
+import { HLSStreamStartedTime } from './HLSStreamStartedTime';
+import { setHlsDescriptionPaneVisible } from '../redux/actions';
+export const _HLSChatHeaderView = ({
+  expanded = false
+}) => {
+  const dispatch = useDispatch();
+  const isHLSStreaming = useIsHLSStreamingOn();
+  const peerCount = useSelector(state => {
+    var _state$hmsStates$room;
+    return (_state$hmsStates$room = state.hmsStates.room) === null || _state$hmsStates$room === void 0 ? void 0 : _state$hmsStates$room.peerCount;
+  });
+  const headerTitle = useHMSConferencingScreenConfig(confScreenConfig => {
+    var _confScreenConfig$ele;
+    return confScreenConfig === null || confScreenConfig === void 0 || (_confScreenConfig$ele = confScreenConfig.elements) === null || _confScreenConfig$ele === void 0 || (_confScreenConfig$ele = _confScreenConfig$ele.header) === null || _confScreenConfig$ele === void 0 ? void 0 : _confScreenConfig$ele.title;
+  });
+  const isValidHeaderDescription = useHMSConferencingScreenConfig(confScreenConfig => {
+    var _confScreenConfig$ele2;
+    return !!(confScreenConfig !== null && confScreenConfig !== void 0 && (_confScreenConfig$ele2 = confScreenConfig.elements) !== null && _confScreenConfig$ele2 !== void 0 && (_confScreenConfig$ele2 = _confScreenConfig$ele2.header) !== null && _confScreenConfig$ele2 !== void 0 && _confScreenConfig$ele2.description);
+  });
+  const showDescriptionPane = () => {
+    dispatch(setHlsDescriptionPaneVisible(true));
+  };
+  const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
+    container: {
+      backgroundColor: theme.palette.surface_dim,
+      borderBottomColor: theme.palette.border_bright
+    },
+    semiBoldSecondaryHigh: {
+      fontFamily: `${typography.font_family}-SemiBold`,
+      color: theme.palette.on_secondary_high
+    },
+    semiBoldSurfaceHigh: {
+      fontFamily: `${typography.font_family}-SemiBold`,
+      color: theme.palette.on_surface_high
+    },
+    regularSurfaceMedium: {
+      fontFamily: `${typography.font_family}-Regular`,
+      color: theme.palette.on_surface_medium
+    },
+    regularSurfaceLow: {
+      fontFamily: `${typography.font_family}-Regular`,
+      color: theme.palette.on_surface_low
+    }
+  }));
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.container, hmsRoomStyles.container, expanded ? {
+      borderBottomWidth: 0
+    } : null]
+  }, /*#__PURE__*/React.createElement(CompanyLogo, {
+    style: styles.logo
+  }), /*#__PURE__*/React.createElement(View, {
+    style: {
+      flexShrink: 1
+    }
+  }, headerTitle ? /*#__PURE__*/React.createElement(Text, {
+    numberOfLines: expanded ? undefined : 2,
+    style: [styles.title, hmsRoomStyles.semiBoldSecondaryHigh]
+  }, headerTitle) : null, /*#__PURE__*/React.createElement(View, {
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.subtitle, hmsRoomStyles.regularSurfaceMedium]
+  }, peerCount, " ", isHLSStreaming ? 'watching' : 'joined'), isHLSStreaming ? /*#__PURE__*/React.createElement(HLSStreamStartedTime, {
+    prefix: /*#__PURE__*/React.createElement(Text, {
+      style: [styles.subtitleDivider, hmsRoomStyles.regularSurfaceLow]
+    }, "\u25CF")
+  }) : null, isValidHeaderDescription && !expanded ? /*#__PURE__*/React.createElement(Pressable, {
+    onPress: showDescriptionPane,
+    hitSlop: {
+      top: 8,
+      bottom: 8,
+      left: 8,
+      right: 8
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.subtitle, {
+      marginLeft: 8
+    }, hmsRoomStyles.semiBoldSurfaceHigh]
+  }, "...more")) : /*#__PURE__*/React.createElement(HLSRecordingStatusText, {
+    style: [styles.subtitle, hmsRoomStyles.regularSurfaceMedium],
+    prefix: /*#__PURE__*/React.createElement(Text, {
+      style: [styles.subtitleDivider, hmsRoomStyles.regularSurfaceLow]
+    }, "\u25CF")
+  }))));
+};
+export const HLSChatHeaderView = /*#__PURE__*/React.memo(_HLSChatHeaderView);
+const styles = StyleSheet.create({
+  container: {
+    padding: 16,
+    flexDirection: 'row',
+    alignItems: 'center',
+    borderBottomWidth: 1
+  },
+  logo: {
+    marginRight: 12
+  },
+  title: {
+    fontSize: 14,
+    lineHeight: 20,
+    marginBottom: 4
+  },
+  subtitle: {
+    fontSize: 12,
+    lineHeight: 16
+  },
+  subtitleDivider: {
+    fontSize: 6,
+    lineHeight: 16,
+    marginHorizontal: 8
+  }
+});
+//# sourceMappingURL=HLSChatHeaderView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Pressable","StyleSheet","Text","View","useDispatch","useSelector","CompanyLogo","useHMSConferencingScreenConfig","useHMSRoomStyleSheet","HLSRecordingStatusText","useIsHLSStreamingOn","HLSStreamStartedTime","setHlsDescriptionPaneVisible","_HLSChatHeaderView","expanded","dispatch","isHLSStreaming","peerCount","state","_state$hmsStates$room","hmsStates","room","headerTitle","confScreenConfig","_confScreenConfig$ele","elements","header","title","isValidHeaderDescription","_confScreenConfig$ele2","description","showDescriptionPane","hmsRoomStyles","theme","typography","container","backgroundColor","palette","surface_dim","borderBottomColor","border_bright","semiBoldSecondaryHigh","fontFamily","font_family","color","on_secondary_high","semiBoldSurfaceHigh","on_surface_high","regularSurfaceMedium","on_surface_medium","regularSurfaceLow","on_surface_low","createElement","style","styles","borderBottomWidth","logo","flexShrink","numberOfLines","undefined","flexDirection","alignItems","subtitle","prefix","subtitleDivider","onPress","hitSlop","top","bottom","left","right","marginLeft","HLSChatHeaderView","memo","create","padding","marginRight","fontSize","lineHeight","marginBottom","marginHorizontal"],"sourceRoot":"../../../src","sources":["components/HLSChatHeaderView.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/HLSChatMessages.js

@@ -0,0 +1,45 @@
+import * as React from 'react';
+import { FlatList, Platform, StyleSheet, View } from 'react-native';
+import { useSelector } from 'react-redux';
+import { HMSHLSMessage } from './HMSHLSMessage';
+import { ChatBanner, PinnedMessages } from './Chat';
+import { MessageOptionsBottomSheet } from './Chat/MessageOptionsBottomSheet';
+export const HLSChatMessages = () => {
+  const messages = useSelector(state => state.messages.messages);
+  const _keyExtractor = React.useCallback(item => item.messageId, []);
+  const _renderItem = React.useCallback(data => {
+    return /*#__PURE__*/React.createElement(HMSHLSMessage, {
+      message: data.item
+    });
+  }, []);
+  return /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1,
+      paddingHorizontal: 16
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(PinnedMessages, null), messages.length > 0 ? /*#__PURE__*/React.createElement(FlatList, {
+    inverted: true,
+    data: messages,
+    contentContainerStyle: {
+      flexGrow: 1,
+      justifyContent: 'flex-end'
+    },
+    showsVerticalScrollIndicator: Platform.OS !== 'android'
+    // contentContainerStyle={styles.listContentContainer} // Bug: Android inverted flashlist will apply padding on left when `paddingRight: 12` is applied
+    ,
+    keyboardShouldPersistTaps: "always"
+    // ListEmptyComponent={ChatBanner}
+    // ItemSeparatorComponent={() => <View style={{ height: 16 }} />} // TODO: There is a bug related to this: https://github.com/Shopify/flash-list/issues/638
+    ,
+    renderItem: _renderItem,
+    keyExtractor: _keyExtractor
+  }) : /*#__PURE__*/React.createElement(ChatBanner, null)), /*#__PURE__*/React.createElement(MessageOptionsBottomSheet, null));
+};
+const styles = StyleSheet.create({
+  container: {
+    flex: 1
+  }
+});
+//# sourceMappingURL=HLSChatMessages.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","FlatList","Platform","StyleSheet","View","useSelector","HMSHLSMessage","ChatBanner","PinnedMessages","MessageOptionsBottomSheet","HLSChatMessages","messages","state","_keyExtractor","useCallback","item","messageId","_renderItem","data","createElement","message","style","flex","paddingHorizontal","styles","container","length","inverted","contentContainerStyle","flexGrow","justifyContent","showsVerticalScrollIndicator","OS","keyboardShouldPersistTaps","renderItem","keyExtractor","create"],"sourceRoot":"../../../src","sources":["components/HLSChatMessages.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,QAAQ,EAAEC,QAAQ,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AACnE,SAASC,WAAW,QAAQ,aAAa;AAIzC,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,UAAU,EAAEC,cAAc,QAAQ,QAAQ;AACnD,SAASC,yBAAyB,QAAQ,kCAAkC;AAE5E,OAAO,MAAMC,eAAe,GAAGA,CAAA,KAAM;EACnC,MAAMC,QAAQ,GAAGN,WAAW,CAAEO,KAAgB,IAAKA,KAAK,CAACD,QAAQ,CAACA,QAAQ,CAAC;EAE3E,MAAME,aAAa,GAAGb,KAAK,CAACc,WAAW,CACpCC,IAAgB,IAAKA,IAAI,CAACC,SAAS,EACpC,EACF,CAAC;EAED,MAAMC,WAAW,GAAGjB,KAAK,CAACc,WAAW,CAAEI,IAA0B,IAAK;IACpE,oBAAOlB,KAAA,CAAAmB,aAAA,CAACb,aAAa;MAACc,OAAO,EAAEF,IAAI,CAACH;IAAK,CAAE,CAAC;EAC9C,CAAC,EAAE,EAAE,CAAC;EAEN,oBACEf,KAAA,CAAAmB,aAAA,CAACf,IAAI;IACHiB,KAAK,EAAE;MACLC,IAAI,EAAE,CAAC;MACPC,iBAAiB,EAAE;IACrB;EAAE,gBAEFvB,KAAA,CAAAmB,aAAA,CAACf,IAAI;IAACiB,KAAK,EAAEG,MAAM,CAACC;EAAU,gBAC5BzB,KAAA,CAAAmB,aAAA,CAACX,cAAc,MAAE,CAAC,EAEjBG,QAAQ,CAACe,MAAM,GAAG,CAAC,gBAClB1B,KAAA,CAAAmB,aAAA,CAAClB,QAAQ;IACP0B,QAAQ,EAAE,IAAK;IACfT,IAAI,EAAEP,QAAS;IACfiB,qBAAqB,EAAE;MAAEC,QAAQ,EAAE,CAAC;MAAEC,cAAc,EAAE;IAAW,CAAE;IACnEC,4BAA4B,EAAE7B,QAAQ,CAAC8B,EAAE,KAAK;IAC9C;IAAA;IACAC,yBAAyB,EAAC;IAC1B;IACA;IAAA;IACAC,UAAU,EAAEjB,WAAY;IACxBkB,YAAY,EAAEtB;EAAc,CAC7B,CAAC,gBAEFb,KAAA,CAAAmB,aAAA,CAACZ,UAAU,MAAE,CAEX,CAAC,eAEPP,KAAA,CAAAmB,aAAA,CAACV,yBAAyB,MAAE,CACxB,CAAC;AAEX,CAAC;AAED,MAAMe,MAAM,GAAGrB,UAAU,CAACiC,MAAM,CAAC;EAC/BX,SAAS,EAAE;IACTH,IAAI,EAAE;EACR;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/HLSChatView.js

@@ -0,0 +1,40 @@
+import * as React from 'react';
+import { View } from 'react-native';
+import { useSelector } from 'react-redux';
+import { useHLSViewsConstraints, useHMSRoomStyleSheet } from '../hooks-util';
+import { HLSChatHeaderView } from './HLSChatHeaderView';
+import { HLSChatFooterView } from './HLSChatFooterView';
+import { HLSChatMessages } from './HLSChatMessages';
+import { HLSDescriptionPane } from './HLSDescriptionPane';
+import { useIsLandscapeOrientation } from '../utils/dimension';
+import { HLSNotifications } from './HLSNotifications';
+export const HLSChatView = () => {
+  const isLandscapeOrientation = useIsLandscapeOrientation();
+  const {
+    chatWrapperConstraints
+  } = useHLSViewsConstraints();
+  const hlsFullScreen = useSelector(state => state.app.hlsFullScreen);
+  const hmsRoomStyles = useHMSRoomStyleSheet(theme => ({
+    wrapper: {
+      backgroundColor: theme.palette.surface_dim
+    }
+  }));
+  if (hlsFullScreen) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(View, {
+    style: {
+      position: 'absolute',
+      bottom: isLandscapeOrientation ? undefined : 0,
+      right: 0,
+      width: chatWrapperConstraints.width,
+      height: chatWrapperConstraints.height
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [{
+      flex: 1,
+      position: 'relative'
+    }, hmsRoomStyles.wrapper]
+  }, isLandscapeOrientation ? null : /*#__PURE__*/React.createElement(HLSChatHeaderView, null), /*#__PURE__*/React.createElement(HLSChatMessages, null), /*#__PURE__*/React.createElement(HLSChatFooterView, null), /*#__PURE__*/React.createElement(HLSNotifications, null), isLandscapeOrientation ? null : /*#__PURE__*/React.createElement(HLSDescriptionPane, null)));
+};
+//# sourceMappingURL=HLSChatView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","useSelector","useHLSViewsConstraints","useHMSRoomStyleSheet","HLSChatHeaderView","HLSChatFooterView","HLSChatMessages","HLSDescriptionPane","useIsLandscapeOrientation","HLSNotifications","HLSChatView","isLandscapeOrientation","chatWrapperConstraints","hlsFullScreen","state","app","hmsRoomStyles","theme","wrapper","backgroundColor","palette","surface_dim","createElement","style","position","bottom","undefined","right","width","height","flex"],"sourceRoot":"../../../src","sources":["components/HLSChatView.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,WAAW,QAAQ,aAAa;AAEzC,SAASC,sBAAsB,EAAEC,oBAAoB,QAAQ,eAAe;AAC5E,SAASC,iBAAiB,QAAQ,qBAAqB;AACvD,SAASC,iBAAiB,QAAQ,qBAAqB;AACvD,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,yBAAyB,QAAQ,oBAAoB;AAE9D,SAASC,gBAAgB,QAAQ,oBAAoB;AAErD,OAAO,MAAMC,WAAW,GAAGA,CAAA,KAAM;EAC/B,MAAMC,sBAAsB,GAAGH,yBAAyB,CAAC,CAAC;EAC1D,MAAM;IAAEI;EAAuB,CAAC,GAAGV,sBAAsB,CAAC,CAAC;EAC3D,MAAMW,aAAa,GAAGZ,WAAW,CAC9Ba,KAAgB,IAAKA,KAAK,CAACC,GAAG,CAACF,aAClC,CAAC;EAED,MAAMG,aAAa,GAAGb,oBAAoB,CAAEc,KAAK,KAAM;IACrDC,OAAO,EAAE;MACPC,eAAe,EAAEF,KAAK,CAACG,OAAO,CAACC;IACjC;EACF,CAAC,CAAC,CAAC;EAEH,IAAIR,aAAa,EAAE;IACjB,OAAO,IAAI;EACb;EAEA,oBACEd,KAAA,CAAAuB,aAAA,CAACtB,IAAI;IACHuB,KAAK,EAAE;MACLC,QAAQ,EAAE,UAAU;MACpBC,MAAM,EAAEd,sBAAsB,GAAGe,SAAS,GAAG,CAAC;MAC9CC,KAAK,EAAE,CAAC;MACRC,KAAK,EAAEhB,sBAAsB,CAACgB,KAAK;MACnCC,MAAM,EAAEjB,sBAAsB,CAACiB;IACjC;EAAE,gBAEF9B,KAAA,CAAAuB,aAAA,CAACtB,IAAI;IAACuB,KAAK,EAAE,CAAC;MAAEO,IAAI,EAAE,CAAC;MAAEN,QAAQ,EAAE;IAAW,CAAC,EAAER,aAAa,CAACE,OAAO;EAAE,GACrEP,sBAAsB,GAAG,IAAI,gBAAGZ,KAAA,CAAAuB,aAAA,CAAClB,iBAAiB,MAAE,CAAC,eAEtDL,KAAA,CAAAuB,aAAA,CAAChB,eAAe,MAAE,CAAC,eAEnBP,KAAA,CAAAuB,aAAA,CAACjB,iBAAiB,MAAE,CAAC,eAErBN,KAAA,CAAAuB,aAAA,CAACb,gBAAgB,MAAE,CAAC,EAGnBE,sBAAsB,GAAG,IAAI,gBAAGZ,KAAA,CAAAuB,aAAA,CAACf,kBAAkB,MAAE,CAClD,CACF,CAAC;AAEX,CAAC","ignoreList":[]}

package/lib/module/components/HLSCloseMeetingControl.js

@@ -0,0 +1,33 @@
+import React from 'react';
+import { StyleSheet, TouchableOpacity } from 'react-native';
+import { GestureDetector, Gesture } from 'react-native-gesture-handler';
+import { CloseIcon } from '../Icons';
+import { ModalTypes } from '../utils/types';
+import { useModalType } from '../hooks-util';
+export const _HLSCloseMeetingControl = ({
+  onPress
+}) => {
+  const {
+    handleModalVisibleType
+  } = useModalType();
+  const handleCloseBtnPress = () => {
+    onPress === null || onPress === void 0 || onPress();
+    handleModalVisibleType(ModalTypes.LEAVE_ROOM);
+  };
+  return /*#__PURE__*/React.createElement(GestureDetector, {
+    gesture: Gesture.Tap()
+  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: handleCloseBtnPress,
+    style: styles.icon
+  }, /*#__PURE__*/React.createElement(CloseIcon, {
+    size: "medium"
+  })));
+};
+export const HLSCloseMeetingControl = /*#__PURE__*/React.memo(_HLSCloseMeetingControl);
+const styles = StyleSheet.create({
+  icon: {
+    padding: 4,
+    alignSelf: 'flex-start'
+  }
+});
+//# sourceMappingURL=HLSCloseMeetingControl.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","TouchableOpacity","GestureDetector","Gesture","CloseIcon","ModalTypes","useModalType","_HLSCloseMeetingControl","onPress","handleModalVisibleType","handleCloseBtnPress","LEAVE_ROOM","createElement","gesture","Tap","style","styles","icon","size","HLSCloseMeetingControl","memo","create","padding","alignSelf"],"sourceRoot":"../../../src","sources":["components/HLSCloseMeetingControl.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,gBAAgB,QAAQ,cAAc;AAC3D,SAASC,eAAe,EAAEC,OAAO,QAAQ,8BAA8B;AAEvE,SAASC,SAAS,QAAQ,UAAU;AACpC,SAASC,UAAU,QAAQ,gBAAgB;AAC3C,SAASC,YAAY,QAAQ,eAAe;AAM5C,OAAO,MAAMC,uBAAyD,GAAGA,CAAC;EACxEC;AACF,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAuB,CAAC,GAAGH,YAAY,CAAC,CAAC;EAEjD,MAAMI,mBAAmB,GAAGA,CAAA,KAAM;IAChCF,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAG,CAAC;IACXC,sBAAsB,CAACJ,UAAU,CAACM,UAAU,CAAC;EAC/C,CAAC;EAED,oBACEZ,KAAA,CAAAa,aAAA,CAACV,eAAe;IAACW,OAAO,EAAEV,OAAO,CAACW,GAAG,CAAC;EAAE,gBACtCf,KAAA,CAAAa,aAAA,CAACX,gBAAgB;IAACO,OAAO,EAAEE,mBAAoB;IAACK,KAAK,EAAEC,MAAM,CAACC;EAAK,gBACjElB,KAAA,CAAAa,aAAA,CAACR,SAAS;IAACc,IAAI,EAAC;EAAQ,CAAE,CACV,CACH,CAAC;AAEtB,CAAC;AAED,OAAO,MAAMC,sBAAsB,gBAAGpB,KAAK,CAACqB,IAAI,CAACb,uBAAuB,CAAC;AAEzE,MAAMS,MAAM,GAAGhB,UAAU,CAACqB,MAAM,CAAC;EAC/BJ,IAAI,EAAE;IACJK,OAAO,EAAE,CAAC;IACVC,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/HLSClosedCaptionControl.js

@@ -0,0 +1,100 @@
+import React, { useRef, useState } from 'react';
+import { StyleSheet, TouchableOpacity } from 'react-native';
+import { useSelector } from 'react-redux';
+import { useHMSHLSPlayerPlaybackState, HMSHLSPlayerPlaybackState } from '@100mslive/react-native-hms';
+import { GestureDetector, Gesture } from 'react-native-gesture-handler';
+import { CCIcon } from '../Icons';
+import { useIsHLSStreamingOn } from '../hooks-sdk';
+export const _HLSClosedCaptionControl = ({
+  playerRef,
+  onPress
+}) => {
+  const isHLSStreamingOn = useIsHLSStreamingOn();
+  const isStreamUrlPresent = useSelector(state => {
+    var _state$hmsStates$room;
+    return !!((_state$hmsStates$room = state.hmsStates.room) !== null && _state$hmsStates$room !== void 0 && (_state$hmsStates$room = _state$hmsStates$room.hlsStreamingState.variants) !== null && _state$hmsStates$room !== void 0 && (_state$hmsStates$room = _state$hmsStates$room[0]) !== null && _state$hmsStates$room !== void 0 && _state$hmsStates$room.hlsStreamUrl);
+  });
+  let startedPlayingFirstTimeRef = useRef(false);
+  let prevPlaybackStateRef = useRef(HMSHLSPlayerPlaybackState.UNKNOWN);
+  const playbackState = useHMSHLSPlayerPlaybackState();
+  if (prevPlaybackStateRef.current === HMSHLSPlayerPlaybackState.UNKNOWN && playbackState === HMSHLSPlayerPlaybackState.PLAYING) {
+    prevPlaybackStateRef.current = playbackState;
+    startedPlayingFirstTimeRef.current = true;
+  }
+  const [isCCSupported, setIsCCSupported] = useState(false);
+  const [isCCEnabled, setIsCCEnabled] = useState(true);
+  const handleCCBtnPress = () => {
+    if (!isCCSupported || !playerRef.current) {
+      return;
+    }
+    onPress === null || onPress === void 0 || onPress();
+    if (isCCEnabled) {
+      playerRef.current.disableClosedCaption();
+      setIsCCEnabled(false);
+    } else {
+      playerRef.current.enableClosedCaption();
+      setIsCCEnabled(true);
+    }
+  };
+  React.useEffect(() => {
+    if (isHLSStreamingOn && isStreamUrlPresent && startedPlayingFirstTimeRef.current && playerRef.current) {
+      let mounted = true;
+      playerRef.current.isClosedCaptionSupported().then(supported => {
+        if (mounted) {
+          setIsCCSupported(supported);
+        }
+      }).catch(() => {});
+      playerRef.current.isClosedCaptionEnabled().then(enabled => {
+        if (mounted) {
+          setIsCCEnabled(enabled);
+        }
+      }).catch(() => {});
+      return () => {
+        mounted = false;
+      };
+    }
+  }, [isHLSStreamingOn, isStreamUrlPresent, startedPlayingFirstTimeRef.current]);
+  if (!isCCSupported) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(GestureDetector, {
+    gesture: Gesture.Tap()
+  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: handleCCBtnPress,
+    style: [styles.icon, styles.gap]
+  }, /*#__PURE__*/React.createElement(CCIcon, {
+    size: "medium",
+    enabled: isCCEnabled
+  })));
+};
+export const HLSClosedCaptionControl = /*#__PURE__*/React.memo(_HLSClosedCaptionControl);
+const styles = StyleSheet.create({
+  detectorContainer: {
+    position: 'absolute',
+    width: '100%',
+    height: '100%',
+    zIndex: 5
+  },
+  container: {
+    flex: 1,
+    justifyContent: 'space-between'
+  },
+  controlsRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    marginHorizontal: 8
+  },
+  normalRow: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  icon: {
+    padding: 4,
+    alignSelf: 'flex-start'
+  },
+  gap: {
+    marginLeft: 16
+  }
+});
+//# sourceMappingURL=HLSClosedCaptionControl.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useRef","useState","StyleSheet","TouchableOpacity","useSelector","useHMSHLSPlayerPlaybackState","HMSHLSPlayerPlaybackState","GestureDetector","Gesture","CCIcon","useIsHLSStreamingOn","_HLSClosedCaptionControl","playerRef","onPress","isHLSStreamingOn","isStreamUrlPresent","state","_state$hmsStates$room","hmsStates","room","hlsStreamingState","variants","hlsStreamUrl","startedPlayingFirstTimeRef","prevPlaybackStateRef","UNKNOWN","playbackState","current","PLAYING","isCCSupported","setIsCCSupported","isCCEnabled","setIsCCEnabled","handleCCBtnPress","disableClosedCaption","enableClosedCaption","useEffect","mounted","isClosedCaptionSupported","then","supported","catch","isClosedCaptionEnabled","enabled","createElement","gesture","Tap","style","styles","icon","gap","size","HLSClosedCaptionControl","memo","create","detectorContainer","position","width","height","zIndex","container","flex","justifyContent","controlsRow","flexDirection","alignItems","marginHorizontal","normalRow","padding","alignSelf","marginLeft"],"sourceRoot":"../../../src","sources":["components/HLSClosedCaptionControl.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/HLSDescriptionPane.js

@@ -0,0 +1,136 @@
+import * as React from 'react';
+import { useDispatch, useSelector } from 'react-redux';
+import { Linking, ScrollView, StyleSheet, Text, View } from 'react-native';
+import { runOnJS, useSharedValue, withTiming } from 'react-native-reanimated';
+import { useHLSViewsConstraints, useHMSConferencingScreenConfig, useHMSRoomStyleSheet } from '../hooks-util';
+import { HLSChatHeaderView } from './HLSChatHeaderView';
+import { HLSDescriptionPaneHeader, HLSDescriptionPaneHeaderHeight } from './HLSDescriptionPaneHeader';
+import { HLSAnimatedDescriptionPane } from './HLSAnimatedDescriptionPane';
+import { setHlsDescriptionPaneVisible } from '../redux/actions';
+export const HLSDescriptionPane = () => {
+  const dispatch = useDispatch();
+  const paneVisible = useSelector(state => state.app.hlsDescriptionPaneVisible);
+  const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
+    wrapper: {
+      backgroundColor: theme.palette.surface_dim
+    },
+    regularSurfaceMedium: {
+      fontFamily: `${typography.font_family}-Regular`,
+      color: theme.palette.on_surface_medium
+    },
+    link: {
+      color: theme.palette.primary_bright
+    }
+  }));
+  const {
+    descriptionPaneConstraints
+  } = useHLSViewsConstraints();
+  const descriptionPaneContentHeight = descriptionPaneConstraints.height - HLSDescriptionPaneHeaderHeight;
+  const desPaneTranslationValue = useSharedValue(0);
+  const _closeDescriptionPane = () => {
+    dispatch(setHlsDescriptionPaneVisible(false));
+  };
+  const hideDescriptionPane = () => {
+    if (paneVisible) {
+      desPaneTranslationValue.value = withTiming(0, {
+        duration: 280
+      }, () => {
+        runOnJS(_closeDescriptionPane)();
+      });
+    }
+  };
+  React.useEffect(() => {
+    if (!paneVisible) {
+      return;
+    }
+    desPaneTranslationValue.value = withTiming(1, {
+      duration: 280
+    });
+    return () => {
+      cancelAnimationFrame(desPaneTranslationValue.value);
+    };
+  }, [paneVisible]);
+  const description = useHMSConferencingScreenConfig(confScreenConfig => {
+    var _confScreenConfig$ele;
+    return confScreenConfig === null || confScreenConfig === void 0 || (_confScreenConfig$ele = confScreenConfig.elements) === null || _confScreenConfig$ele === void 0 || (_confScreenConfig$ele = _confScreenConfig$ele.header) === null || _confScreenConfig$ele === void 0 ? void 0 : _confScreenConfig$ele.description;
+  });
+  const handleLinkPress = async url => {
+    const canOpen = await Linking.canOpenURL(url);
+    if (canOpen) {
+      Linking.openURL(url);
+    }
+  };
+  if (!paneVisible) {
+    return null;
+  }
+
+  // TODO: for links to work, add query in manifest.xml
+
+  return /*#__PURE__*/React.createElement(View, {
+    style: {
+      position: 'absolute',
+      bottom: 0,
+      width: descriptionPaneConstraints.width,
+      height: descriptionPaneConstraints.height,
+      zIndex: 10
+    }
+  }, /*#__PURE__*/React.createElement(HLSDescriptionPaneHeader, {
+    close: hideDescriptionPane,
+    animatedValue: desPaneTranslationValue
+  }), /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1,
+      overflow: 'hidden'
+    }
+  }, /*#__PURE__*/React.createElement(HLSAnimatedDescriptionPane, {
+    height: descriptionPaneContentHeight,
+    sharedValue: desPaneTranslationValue
+  }, /*#__PURE__*/React.createElement(ScrollView, {
+    style: hmsRoomStyles.wrapper,
+    contentContainerStyle: {
+      paddingBottom: 40
+    }
+  }, /*#__PURE__*/React.createElement(HLSChatHeaderView, {
+    expanded: true
+  }), description ? /*#__PURE__*/React.createElement(Text, {
+    style: [styles.description, hmsRoomStyles.regularSurfaceMedium]
+  }, splitLinksAndContent(description, {
+    pressHandler: handleLinkPress,
+    style: hmsRoomStyles.link
+  })) : null))));
+};
+const styles = StyleSheet.create({
+  description: {
+    fontSize: 14,
+    lineHeight: 20,
+    marginHorizontal: 16
+  }
+});
+function splitLinksAndContent(text, {
+  pressHandler,
+  style
+}) {
+  // Regular expression to find links in a string
+  const pattern = /http[s]?:\/\/\S+/g;
+
+  // Find all links in the text
+  const links = text.match(pattern) || [];
+  if (links.length <= 0) {
+    return text;
+  }
+
+  // Split the text into an array of links and content
+  const parts = text.replace(pattern, '^<link>^').split('^');
+  return parts.map((p, i) => {
+    if (p !== '<link>') {
+      return p;
+    }
+    const link = links.pop();
+    return link ? /*#__PURE__*/React.createElement(Text, {
+      key: link + i,
+      onPress: () => pressHandler(link),
+      style: style
+    }, link) : p;
+  });
+}
+//# sourceMappingURL=HLSDescriptionPane.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useDispatch","useSelector","Linking","ScrollView","StyleSheet","Text","View","runOnJS","useSharedValue","withTiming","useHLSViewsConstraints","useHMSConferencingScreenConfig","useHMSRoomStyleSheet","HLSChatHeaderView","HLSDescriptionPaneHeader","HLSDescriptionPaneHeaderHeight","HLSAnimatedDescriptionPane","setHlsDescriptionPaneVisible","HLSDescriptionPane","dispatch","paneVisible","state","app","hlsDescriptionPaneVisible","hmsRoomStyles","theme","typography","wrapper","backgroundColor","palette","surface_dim","regularSurfaceMedium","fontFamily","font_family","color","on_surface_medium","link","primary_bright","descriptionPaneConstraints","descriptionPaneContentHeight","height","desPaneTranslationValue","_closeDescriptionPane","hideDescriptionPane","value","duration","useEffect","cancelAnimationFrame","description","confScreenConfig","_confScreenConfig$ele","elements","header","handleLinkPress","url","canOpen","canOpenURL","openURL","createElement","style","position","bottom","width","zIndex","close","animatedValue","flex","overflow","sharedValue","contentContainerStyle","paddingBottom","expanded","styles","splitLinksAndContent","pressHandler","create","fontSize","lineHeight","marginHorizontal","text","pattern","links","match","length","parts","replace","split","map","p","i","pop","key","onPress"],"sourceRoot":"../../../src","sources":["components/HLSDescriptionPane.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/HLSDescriptionPaneHeader.js

@@ -0,0 +1,61 @@
+import * as React from 'react';
+import { StyleSheet, Text, TouchableOpacity, View } from 'react-native';
+import { useHMSRoomStyleSheet } from '../hooks-util';
+import { ChevronIcon } from '../Icons';
+import Animated, { useAnimatedStyle, interpolate } from 'react-native-reanimated';
+export const HLSDescriptionPaneHeaderHeight = 16 * 2 + 24; // vertical padding + content height
+
+export const HLSDescriptionPaneHeader = ({
+  close,
+  animatedValue
+}) => {
+  const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
+    container: {
+      backgroundColor: theme.palette.surface_dim,
+      borderBottomColor: theme.palette.border_bright
+    },
+    semiBoldSurfaceHigh: {
+      fontFamily: `${typography.font_family}-SemiBold`,
+      color: theme.palette.on_surface_high
+    }
+  }));
+  const animatedChevronStyles = useAnimatedStyle(() => ({
+    transform: [{
+      rotateZ: `${interpolate(animatedValue.value, [0, 1], [0, -180])}deg`
+    }]
+  }), []);
+  const closeHlsDescriptionPane = () => {
+    close();
+  };
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.container, hmsRoomStyles.container]
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.title, hmsRoomStyles.semiBoldSurfaceHigh]
+  }, "About Session"), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    hitSlop: {
+      bottom: 12,
+      left: 12,
+      top: 12,
+      right: 12
+    },
+    onPress: closeHlsDescriptionPane
+  }, /*#__PURE__*/React.createElement(Animated.View, {
+    style: animatedChevronStyles
+  }, /*#__PURE__*/React.createElement(ChevronIcon, {
+    direction: "down"
+  }))));
+};
+const styles = StyleSheet.create({
+  container: {
+    padding: 16,
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    borderBottomWidth: 1
+  },
+  title: {
+    fontSize: 16,
+    lineHeight: 24
+  }
+});
+//# sourceMappingURL=HLSDescriptionPaneHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","Text","TouchableOpacity","View","useHMSRoomStyleSheet","ChevronIcon","Animated","useAnimatedStyle","interpolate","HLSDescriptionPaneHeaderHeight","HLSDescriptionPaneHeader","close","animatedValue","hmsRoomStyles","theme","typography","container","backgroundColor","palette","surface_dim","borderBottomColor","border_bright","semiBoldSurfaceHigh","fontFamily","font_family","color","on_surface_high","animatedChevronStyles","transform","rotateZ","value","closeHlsDescriptionPane","createElement","style","styles","title","hitSlop","bottom","left","top","right","onPress","direction","create","padding","flexDirection","alignItems","justifyContent","borderBottomWidth","fontSize","lineHeight"],"sourceRoot":"../../../src","sources":["components/HLSDescriptionPaneHeader.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,IAAI,EAAEC,gBAAgB,EAAEC,IAAI,QAAQ,cAAc;AAEvE,SAASC,oBAAoB,QAAQ,eAAe;AACpD,SAASC,WAAW,QAAQ,UAAU;AACtC,OAAOC,QAAQ,IACbC,gBAAgB,EAEhBC,WAAW,QACN,yBAAyB;AAOhC,OAAO,MAAMC,8BAA8B,GAAG,EAAE,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC;;AAE3D,OAAO,MAAMC,wBAEZ,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAAc,CAAC,KAAK;EAChC,MAAMC,aAAa,GAAGT,oBAAoB,CAAC,CAACU,KAAK,EAAEC,UAAU,MAAM;IACjEC,SAAS,EAAE;MACTC,eAAe,EAAEH,KAAK,CAACI,OAAO,CAACC,WAAW;MAC1CC,iBAAiB,EAAEN,KAAK,CAACI,OAAO,CAACG;IACnC,CAAC;IACDC,mBAAmB,EAAE;MACnBC,UAAU,EAAG,GAAER,UAAU,CAACS,WAAY,WAAU;MAChDC,KAAK,EAAEX,KAAK,CAACI,OAAO,CAACQ;IACvB;EACF,CAAC,CAAC,CAAC;EAEH,MAAMC,qBAAqB,GAAGpB,gBAAgB,CAC5C,OAAO;IACLqB,SAAS,EAAE,CACT;MACEC,OAAO,EAAG,GAAErB,WAAW,CAACI,aAAa,CAACkB,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAE;IAClE,CAAC;EAEL,CAAC,CAAC,EACF,EACF,CAAC;EAED,MAAMC,uBAAuB,GAAGA,CAAA,KAAM;IACpCpB,KAAK,CAAC,CAAC;EACT,CAAC;EAED,oBACEZ,KAAA,CAAAiC,aAAA,CAAC7B,IAAI;IAAC8B,KAAK,EAAE,CAACC,MAAM,CAAClB,SAAS,EAAEH,aAAa,CAACG,SAAS;EAAE,gBACvDjB,KAAA,CAAAiC,aAAA,CAAC/B,IAAI;IAACgC,KAAK,EAAE,CAACC,MAAM,CAACC,KAAK,EAAEtB,aAAa,CAACS,mBAAmB;EAAE,GAAC,eAE1D,CAAC,eAEPvB,KAAA,CAAAiC,aAAA,CAAC9B,gBAAgB;IACfkC,OAAO,EAAE;MAAEC,MAAM,EAAE,EAAE;MAAEC,IAAI,EAAE,EAAE;MAAEC,GAAG,EAAE,EAAE;MAAEC,KAAK,EAAE;IAAG,CAAE;IACtDC,OAAO,EAAEV;EAAwB,gBAEjChC,KAAA,CAAAiC,aAAA,CAAC1B,QAAQ,CAACH,IAAI;IAAC8B,KAAK,EAAEN;EAAsB,gBAC1C5B,KAAA,CAAAiC,aAAA,CAAC3B,WAAW;IAACqC,SAAS,EAAC;EAAM,CAAE,CAClB,CACC,CACd,CAAC;AAEX,CAAC;AAED,MAAMR,MAAM,GAAGlC,UAAU,CAAC2C,MAAM,CAAC;EAC/B3B,SAAS,EAAE;IACT4B,OAAO,EAAE,EAAE;IACXC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,eAAe;IAC/BC,iBAAiB,EAAE;EACrB,CAAC;EACDb,KAAK,EAAE;IACLc,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/HLSDistanceFromLive.js

@@ -0,0 +1,48 @@
+import React from 'react';
+import { Platform, StyleSheet, Text } from 'react-native';
+import { HMSHLSPlaylistType, useHMSHLSPlayerStat, useIsHLSStreamLive } from '@100mslive/react-native-hms';
+import { useSelector } from 'react-redux';
+import { useHMSRoomStyle } from '../hooks-util';
+import { useIsHLSStreamingOn } from '../hooks-sdk';
+export const _HLSDistanceFromLive = () => {
+  const isHLSStreamingOn = useIsHLSStreamingOn();
+  const isDVRStream = useSelector(state => {
+    var _state$hmsStates$room;
+    return ((_state$hmsStates$room = state.hmsStates.room) === null || _state$hmsStates$room === void 0 || (_state$hmsStates$room = _state$hmsStates$room.hlsStreamingState.variants) === null || _state$hmsStates$room === void 0 || (_state$hmsStates$room = _state$hmsStates$room[0]) === null || _state$hmsStates$room === void 0 ? void 0 : _state$hmsStates$room.playlistType) === HMSHLSPlaylistType.DVR;
+  });
+  const isStreamLive = useIsHLSStreamLive();
+  if (!isHLSStreamingOn || !isDVRStream || isStreamLive) return null;
+  return /*#__PURE__*/React.createElement(HLSDistanceFromLiveText, null);
+};
+export const HLSDistanceFromLiveText = /*#__PURE__*/React.memo(() => {
+  const distanceFromLiveEdge = useHMSHLSPlayerStat('distanceFromLive');
+  const textStyle = useHMSRoomStyle((_, typography) => ({
+    fontFamily: `${typography.font_family}-Regular`,
+    color: '#ffffff'
+  }));
+  const hhmmss = msToHMS(distanceFromLiveEdge - Platform.select({
+    default: 10000,
+    ios: 1000
+  }));
+  return /*#__PURE__*/React.createElement(Text, {
+    style: [styles.text, textStyle]
+  }, "-", hhmmss);
+});
+export const HLSDistanceFromLive = /*#__PURE__*/React.memo(_HLSDistanceFromLive);
+const styles = StyleSheet.create({
+  text: {
+    fontSize: 16,
+    lineHeight: 24,
+    letterSpacing: 0.5,
+    marginLeft: 8
+  }
+});
+function msToHMS(ms) {
+  const seconds = Math.floor(ms / 1000 % 60);
+  const minutes = Math.floor(ms / 1000 / 60 % 60);
+  const hours = Math.floor(ms / 1000 / 3600 % 24);
+  const humanized = [minutes > 0 ? minutes.toString().padStart(2, '0') : '0', seconds.toString().padStart(2, '0')];
+  if (hours > 0) humanized.unshift(hours.toString().padStart(2, '0'));
+  return humanized.join(':');
+}
+//# sourceMappingURL=HLSDistanceFromLive.js.map