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

package/lib/module/components/HLSView.js

@@ -1,15 +1,12 @@
-import React, { useRef, useEffect } from 'react';
+import React, { useRef } 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;
@@ -19,8 +16,6 @@ export const HLSView = () => {
   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));
   };
@@ -29,67 +24,60 @@ export const HLSView = () => {
       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]);
+          (_hmsHlsPlayerRef$curr = hmsHlsPlayerRef.current) === null || _hmsHlsPlayerRef$curr === 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();
+          (_hmsHlsPlayerRef$curr2 = hmsHlsPlayerRef.current) === null || _hmsHlsPlayerRef$curr2 === 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();
+          (_hmsHlsPlayerRef$curr3 = hmsHlsPlayerRef.current) === null || _hmsHlsPlayerRef$curr3 === 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();
+          (_hmsHlsPlayerRef$curr4 = hmsHlsPlayerRef.current) === null || _hmsHlsPlayerRef$curr4 === 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]);
+          (_hmsHlsPlayerRef$curr5 = hmsHlsPlayerRef.current) === null || _hmsHlsPlayerRef$curr5 === 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]);
+          (_hmsHlsPlayerRef$curr6 = hmsHlsPlayerRef.current) === null || _hmsHlsPlayerRef$curr6 === 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();
+          (_hmsHlsPlayerRef$curr7 = hmsHlsPlayerRef.current) === null || _hmsHlsPlayerRef$curr7 === 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]);
+          (_hmsHlsPlayerRef$curr8 = hmsHlsPlayerRef.current) === null || _hmsHlsPlayerRef$curr8 === 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]
+    style: styles.hlsPlayerContainer
   }, /*#__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, {
@@ -101,7 +89,7 @@ export const HLSView = () => {
     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);
+  }, "Stream URL not found!"))) : /*#__PURE__*/React.createElement(HMSHLSNotStarted, null));
 };
 const styles = StyleSheet.create({
   hlsView: {

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

@@ -1 +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":"AAAA,OAAOA,KAAK,IAAIC,MAAM,EAAEC,SAAS,QAAQ,OAAO;AAEhD,SAASC,WAAW,EAAEC,WAAW,QAAQ,aAAa;AACtD,SAASC,IAAI,EAAEC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AACrD,SAASC,YAAY,QAAQ,6BAA6B;AAC1D,SAASC,cAAc,QAAQ,8BAA8B;AAG7D,SAASC,kBAAkB,QAAQ,kBAAkB;AACrD,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,cAAc,QAAQ,2BAA2B;AAC1D,SAASC,QAAQ,QAAQ,cAAc;AACvC,SAASC,MAAM,QAAQ,gBAAgB;AACvC,SAASC,0BAA0B,QAAQ,eAAe;AAC1D,SAASC,gBAAgB,QAAQ,oBAAoB;AAErD,OAAO,MAAMC,OAAiB,GAAGA,CAAA,KAAM;EAAA,IAAAC,qBAAA,EAAAC,sBAAA;EACrC,MAAMC,QAAQ,GAAGlB,WAAW,CAAC,CAAC;EAC9B,MAAMmB,IAAI,GAAGlB,WAAW,CAAEmB,KAAgB,IAAKA,KAAK,CAACC,SAAS,CAACF,IAAI,CAAC;EACpE,MAAMG,eAAe,GAAGxB,MAAM,CAAoC,IAAI,CAAC;EACvE,MAAMyB,YAAY,GAAGtB,WAAW,CAC7BmB,KAAgB,IAAKA,KAAK,CAACI,GAAG,CAACC,UAAU,CAACF,YAC7C,CAAC;EACD,MAAMG,2BAA2B,GAAGzB,WAAW,CAC5CmB,KAAgB,IAAKA,KAAK,CAACI,GAAG,CAACC,UAAU,CAACC,2BAC7C,CAAC;EACD,MAAMC,uBAAuB,GAAG1B,WAAW,CACxCmB,KAAgB,IAAKA,KAAK,CAACI,GAAG,CAACC,UAAU,CAACE,uBAC7C,CAAC;EACD,MAAMC,cAAc,GAAG3B,WAAW,CAC/BmB,KAAgB,IAAKA,KAAK,CAACI,GAAG,CAACI,cAClC,CAAC;EACD,MAAMC,uBAAuB,GAAGhB,0BAA0B,CAAC,CAAC;EAE5D,MAAMiB,gBAAgB,GAAGA,CAAA,KAAM;IAC7BZ,QAAQ,CAACX,kBAAkB,CAAC,KAAK,CAAC,CAAC;EACrC,CAAC;EAED,MAAMwB,gBAAgB,GAAG,SAAAA,CAWvBC,MAAS,EAEN;IACH,QAAQA,MAAM;MACZ,KAAK,MAAM;QAAE;UAAA,IAAAC,qBAAA;UACX,CAAAA,qBAAA,GAAAX,eAAe,CAACY,OAAO,cAAAD,qBAAA,uBAAvBA,qBAAA,CAAyBE,IAAI,CAAAC,SAAA,CAAAC,MAAA,QAAAC,SAAA,GAAAF,SAAA,GAAQ,CAAC;UACtC;QACF;MACA,KAAK,MAAM;QAAE;UAAA,IAAAG,sBAAA;UACX,CAAAA,sBAAA,GAAAjB,eAAe,CAACY,OAAO,cAAAK,sBAAA,uBAAvBA,sBAAA,CAAyBC,IAAI,CAAC,CAAC;UAC/B;QACF;MACA,KAAK,OAAO;QAAE;UAAA,IAAAC,sBAAA;UACZ,CAAAA,sBAAA,GAAAnB,eAAe,CAACY,OAAO,cAAAO,sBAAA,uBAAvBA,sBAAA,CAAyBC,KAAK,CAAC,CAAC;UAChC;QACF;MACA,KAAK,QAAQ;QAAE;UAAA,IAAAC,sBAAA;UACb,CAAAA,sBAAA,GAAArB,eAAe,CAACY,OAAO,cAAAS,sBAAA,uBAAvBA,sBAAA,CAAyBC,MAAM,CAAC,CAAC;UACjC;QACF;MACA,KAAK,aAAa;QAAE;UAAA,IAAAC,sBAAA;UAClB,CAAAA,sBAAA,GAAAvB,eAAe,CAACY,OAAO,cAAAW,sBAAA,uBAAvBA,sBAAA,CAAyBC,WAAW,CAAAV,SAAA,CAAAC,MAAA,QAAAC,SAAA,GAAAF,SAAA,GAAQ,CAAC;UAC7C;QACF;MACA,KAAK,cAAc;QAAE;UAAA,IAAAW,sBAAA;UACnB,CAAAA,sBAAA,GAAAzB,eAAe,CAACY,OAAO,cAAAa,sBAAA,uBAAvBA,sBAAA,CAAyBC,YAAY,CAAAZ,SAAA,CAAAC,MAAA,QAAAC,SAAA,GAAAF,SAAA,GAAQ,CAAC;UAC9C;QACF;MACA,KAAK,YAAY;QAAE;UAAA,IAAAa,sBAAA;UACjB,CAAAA,sBAAA,GAAA3B,eAAe,CAACY,OAAO,cAAAe,sBAAA,uBAAvBA,sBAAA,CAAyBC,kBAAkB,CAAC,CAAC;UAC7C;QACF;MACA,KAAK,WAAW;QAAE;UAAA,IAAAC,sBAAA;UAChB,CAAAA,sBAAA,GAAA7B,eAAe,CAACY,OAAO,cAAAiB,sBAAA,uBAAvBA,sBAAA,CAAyBC,SAAS,CAAAhB,SAAA,CAAAC,MAAA,QAAAC,SAAA,GAAAF,SAAA,GAAQ,CAAC;UAC3C;QACF;IACF;EACF,CAAC;EAEDrC,SAAS,CAAC,MAAM;IACdO,cAAc,CAAC+C,gBAAgB,CAAC,CAAC;IACjC/C,cAAc,CAACgD,UAAU,CAAC,IAAI,CAAC;IAE/B,OAAO,MAAMhD,cAAc,CAACgD,UAAU,CAAC,KAAK,CAAC;EAC/C,CAAC,EAAE,EAAE,CAAC;EAEN,oBACEzD,KAAA,CAAA0D,aAAA,CAACrD,IAAI;IAACsD,KAAK,EAAEC,MAAM,CAACC;EAAQ,GACzBvC,IAAI,aAAJA,IAAI,gBAAAH,qBAAA,GAAJG,IAAI,CAAEwC,iBAAiB,cAAA3C,qBAAA,eAAvBA,qBAAA,CAAyB4C,OAAO,GAC/BzC,IAAI,aAAJA,IAAI,gBAAAF,sBAAA,GAAJE,IAAI,CAAEwC,iBAAiB,cAAA1C,sBAAA,gBAAAA,sBAAA,GAAvBA,sBAAA,CAAyB4C,QAAQ,cAAA5C,sBAAA,gBAAAA,sBAAA,GAAjCA,sBAAA,CAAmC6C,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,cAAA7C,sBAAA,uBAA9CA,sBAAA,CAAgD8C,GAAG,CAAC,CAACC,OAAO,EAAEC,KAAK,KACjED,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAEE,YAAY,gBACnBrE,KAAA,CAAA0D,aAAA,CAACrD,IAAI;IACHiE,GAAG,EAAEF,KAAM;IACXT,KAAK,EAAE,CACLC,MAAM,CAACW,kBAAkB,EACzBvC,uBAAuB,GAAG4B,MAAM,CAACY,qBAAqB,GAAG,IAAI;EAC7D,gBAIFxE,KAAA,CAAA0D,aAAA,CAAClD,YAAY;IACXiE,GAAG,EAAEhD,eAAgB;IACrBiD,cAAc,EACZ1C,uBAAuB,GAAG4B,MAAM,CAACY,qBAAqB,GAAG,IAC1D;IACDG,WAAW,EAAE5C,cAAc,CAAC6C,KAAM;IAClCC,WAAW,EAAEnD,YAAa;IAC1BoD,cAAc,EAAEhD;EAAwB,CACzC,CAAC,eAGF9B,KAAA,CAAA0D,aAAA,CAAC9C,kBAAkB,MAAE,CAAC,EACrBc,YAAY,gBACX1B,KAAA,CAAA0D,aAAA,CAAC/C,kBAAkB;IAACoE,YAAY,EAAE9C;EAAiB,CAAE,CAAC,GACpD,IAAI,EACPJ,2BAA2B,gBAC1B7B,KAAA,CAAA0D,aAAA,CAAC7C,cAAc;IAACmE,kBAAkB,EAAE9C;EAAiB,CAAE,CAAC,GACtD,IACA,CAAC,gBAEPlC,KAAA,CAAA0D,aAAA,CAACrD,IAAI;IAACiE,GAAG,EAAEF,KAAM;IAACT,KAAK,EAAEC,MAAM,CAACqB;EAAc,gBAC5CjF,KAAA,CAAA0D,aAAA,CAACpD,IAAI;IAACqD,KAAK,EAAEC,MAAM,CAACsB;EAAgB,GAAC,uBAA2B,CAC5D,CAEV,CAAC,gBAEDlF,KAAA,CAAA0D,aAAA,CAACzC,gBAAgB,MAAE,CACpB,EAEAe,uBAAuB,gBAAGhC,KAAA,CAAA0D,aAAA,CAAC5C,QAAQ,MAAE,CAAC,GAAG,IACtC,CAAC;AAEX,CAAC;AAED,MAAM8C,MAAM,GAAGrD,UAAU,CAAC4E,MAAM,CAAC;EAC/BtB,OAAO,EAAE;IACPuB,IAAI,EAAE;EACR,CAAC;EACDb,kBAAkB,EAAE;IAClBa,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE;EACZ,CAAC;EACDJ,aAAa,EAAE;IACbG,IAAI,EAAE,CAAC;IACPE,iBAAiB,EAAE,EAAE;IACrBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDN,eAAe,EAAE;IACfO,KAAK,EAAE1E,MAAM,CAAC2E,UAAU,CAACC,OAAO;IAChCC,UAAU,EAAE,OAAO;IACnBC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,aAAa,EAAE,IAAI;IACnBC,SAAS,EAAE;EACb,CAAC;EACDxB,qBAAqB,EAAE;IACrBY,IAAI,EAAE;EACR;AACF,CAAC,CAAC"}
+{"version":3,"names":["React","useRef","useDispatch","useSelector","View","Text","StyleSheet","HMSHLSPlayer","changeShowHLSStats","HLSPlayerStatsView","HLSPlayerEmoticons","CustomControls","COLORS","HMSHLSNotStarted","HLSView","_room$hlsStreamingSta","_room$hlsStreamingSta2","dispatch","room","state","hmsStates","hmsHlsPlayerRef","showHLSStats","app","joinConfig","showCustomHLSPlayerControls","enableHLSPlayerControls","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","createElement","style","styles","hlsView","hlsStreamingState","running","variants","slice","map","variant","index","hlsStreamUrl","key","hlsPlayerContainer","ref","enableStats","enableControls","onClosePress","handleControlPress","textContainer","warningSubtitle","create","flex","position","paddingHorizontal","alignItems","justifyContent","color","INDICATORS","WARNING","fontFamily","fontSize","fontWeight","letterSpacing","textAlign","taleLessSpaceAsYouCan"],"sourceRoot":"../../../src","sources":["components/HLSView.tsx"],"mappings":"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"}

package/lib/module/components/HMSChat.js

@@ -1,22 +1,23 @@
 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';
+import { useShowChatAndParticipants } 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, {
+  const {
+    overlayChatVisible,
+    show,
+    hide
+  } = useShowChatAndParticipants();
+  const toggleChatWindow = () => {
+    if (overlayChatVisible) {
+      hide('chat_overlay');
+    } else {
+      show('chat');
+    }
+  };
+  return /*#__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)));
+    active: overlayChatVisible
+  }, /*#__PURE__*/React.createElement(ChatIcon, null));
 };
 //# sourceMappingURL=HMSChat.js.map

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

@@ -1 +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"}
+{"version":3,"names":["React","ChatIcon","PressableIcon","useShowChatAndParticipants","HMSChat","overlayChatVisible","show","hide","toggleChatWindow","createElement","onPress","active"],"sourceRoot":"../../../src","sources":["components/HMSChat.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,QAAQ,QAAQ,UAAU;AACnC,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,0BAA0B,QAAQ,eAAe;AAE1D,OAAO,MAAMC,OAAO,GAAGA,CAAA,KAAM;EAC3B,MAAM;IAAEC,kBAAkB;IAAEC,IAAI;IAAEC;EAAK,CAAC,GAAGJ,0BAA0B,CAAC,CAAC;EAEvE,MAAMK,gBAAgB,GAAGA,CAAA,KAAM;IAC7B,IAAIH,kBAAkB,EAAE;MACtBE,IAAI,CAAC,cAAc,CAAC;IACtB,CAAC,MAAM;MACLD,IAAI,CAAC,MAAM,CAAC;IACd;EACF,CAAC;EAED,oBACEN,KAAA,CAAAS,aAAA,CAACP,aAAa;IAACQ,OAAO,EAAEF,gBAAiB;IAACG,MAAM,EAAEN;EAAmB,gBACnEL,KAAA,CAAAS,aAAA,CAACR,QAAQ,MAAE,CACE,CAAC;AAEpB,CAAC"}

package/lib/module/components/HMSHLSMessage.js

@@ -0,0 +1,58 @@
+import * as React from 'react';
+import { View, Text, StyleSheet, Platform } from 'react-native';
+import { useHMSRoomStyleSheet } from '../hooks-util';
+const _HMSHLSMessage = _ref => {
+  let {
+    message
+  } = _ref;
+  const messageSender = message.sender;
+  const hmsRoomStyles = useHMSRoomStyleSheet((_theme, typography) => ({
+    senderName: {
+      color: '#ffffff',
+      fontFamily: `${typography.font_family}-SemiBold`,
+      textShadowColor: 'rgba(0, 0, 0, 0.5)'
+    },
+    message: {
+      color: '#ffffff',
+      fontFamily: `${typography.font_family}-Regular`,
+      textShadowColor: 'rgba(0, 0, 0, 0.5)'
+    }
+  }), []);
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.senderName, hmsRoomStyles.senderName],
+    numberOfLines: 1
+  }, messageSender ? messageSender.isLocal ? 'You' : messageSender.name : 'Anonymous'), /*#__PURE__*/React.createElement(Text, {
+    style: [styles.message, hmsRoomStyles.message]
+  }, message.message));
+};
+export const HMSHLSMessage = /*#__PURE__*/React.memo(_HMSHLSMessage);
+const styles = StyleSheet.create({
+  container: {
+    marginTop: 8,
+    width: '100%'
+  },
+  senderName: {
+    fontSize: 14,
+    lineHeight: Platform.OS === 'android' ? 20 : undefined,
+    letterSpacing: 0.1,
+    textShadowOffset: {
+      height: 1,
+      width: 1
+    },
+    textShadowRadius: 2
+  },
+  message: {
+    fontSize: 14,
+    lineHeight: Platform.OS === 'android' ? 20 : undefined,
+    letterSpacing: 0.25,
+    marginTop: 2,
+    textShadowOffset: {
+      height: 0.5,
+      width: 0.5
+    },
+    textShadowRadius: 2
+  }
+});
+//# sourceMappingURL=HMSHLSMessage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","StyleSheet","Platform","useHMSRoomStyleSheet","_HMSHLSMessage","_ref","message","messageSender","sender","hmsRoomStyles","_theme","typography","senderName","color","fontFamily","font_family","textShadowColor","createElement","style","styles","container","numberOfLines","isLocal","name","HMSHLSMessage","memo","create","marginTop","width","fontSize","lineHeight","OS","undefined","letterSpacing","textShadowOffset","height","textShadowRadius"],"sourceRoot":"../../../src","sources":["components/HMSHLSMessage.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,EAAEC,IAAI,EAAEC,UAAU,EAAEC,QAAQ,QAAQ,cAAc;AAG/D,SAASC,oBAAoB,QAAQ,eAAe;AAMpD,MAAMC,cAA4C,GAAGC,IAAA,IAAiB;EAAA,IAAhB;IAAEC;EAAQ,CAAC,GAAAD,IAAA;EAC/D,MAAME,aAAa,GAAGD,OAAO,CAACE,MAAM;EAEpC,MAAMC,aAAa,GAAGN,oBAAoB,CACxC,CAACO,MAAM,EAAEC,UAAU,MAAM;IACvBC,UAAU,EAAE;MACVC,KAAK,EAAE,SAAS;MAChBC,UAAU,EAAG,GAAEH,UAAU,CAACI,WAAY,WAAU;MAChDC,eAAe,EAAE;IACnB,CAAC;IACDV,OAAO,EAAE;MACPO,KAAK,EAAE,SAAS;MAChBC,UAAU,EAAG,GAAEH,UAAU,CAACI,WAAY,UAAS;MAC/CC,eAAe,EAAE;IACnB;EACF,CAAC,CAAC,EACF,EACF,CAAC;EAED,oBACElB,KAAA,CAAAmB,aAAA,CAAClB,IAAI;IAACmB,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5BtB,KAAA,CAAAmB,aAAA,CAACjB,IAAI;IACHkB,KAAK,EAAE,CAACC,MAAM,CAACP,UAAU,EAAEH,aAAa,CAACG,UAAU,CAAE;IACrDS,aAAa,EAAE;EAAE,GAEhBd,aAAa,GACVA,aAAa,CAACe,OAAO,GACnB,KAAK,GACLf,aAAa,CAACgB,IAAI,GACpB,WACA,CAAC,eAEPzB,KAAA,CAAAmB,aAAA,CAACjB,IAAI;IAACkB,KAAK,EAAE,CAACC,MAAM,CAACb,OAAO,EAAEG,aAAa,CAACH,OAAO;EAAE,GAClDA,OAAO,CAACA,OACL,CACF,CAAC;AAEX,CAAC;AAED,OAAO,MAAMkB,aAAa,gBAAG1B,KAAK,CAAC2B,IAAI,CAACrB,cAAc,CAAC;AAEvD,MAAMe,MAAM,GAAGlB,UAAU,CAACyB,MAAM,CAAC;EAC/BN,SAAS,EAAE;IACTO,SAAS,EAAE,CAAC;IACZC,KAAK,EAAE;EACT,CAAC;EACDhB,UAAU,EAAE;IACViB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE5B,QAAQ,CAAC6B,EAAE,KAAK,SAAS,GAAG,EAAE,GAAGC,SAAS;IACtDC,aAAa,EAAE,GAAG;IAClBC,gBAAgB,EAAE;MAAEC,MAAM,EAAE,CAAC;MAAEP,KAAK,EAAE;IAAE,CAAC;IACzCQ,gBAAgB,EAAE;EACpB,CAAC;EACD9B,OAAO,EAAE;IACPuB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE5B,QAAQ,CAAC6B,EAAE,KAAK,SAAS,GAAG,EAAE,GAAGC,SAAS;IACtDC,aAAa,EAAE,IAAI;IACnBN,SAAS,EAAE,CAAC;IACZO,gBAAgB,EAAE;MAAEC,MAAM,EAAE,GAAG;MAAEP,KAAK,EAAE;IAAI,CAAC;IAC7CQ,gBAAgB,EAAE;EACpB;AACF,CAAC,CAAC"}

package/lib/module/components/HMSHLSMessageList.js

@@ -0,0 +1,49 @@
+import * as React from 'react';
+import { StyleSheet, View, useWindowDimensions } from 'react-native';
+import { useSelector } from 'react-redux';
+import { FlashList } from '@shopify/flash-list';
+import { HMSHLSMessage } from './HMSHLSMessage';
+export const HMSHLSMessageList = () => {
+  const {
+    height: windowHeight
+  } = useWindowDimensions();
+  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
+    });
+  }, []);
+  if (messages.length <= 0) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.container, {
+      maxHeight: windowHeight * 0.2,
+      height: messages.length > 3 ? windowHeight * 0.2 : messages.length * 54
+    }]
+  }, /*#__PURE__*/React.createElement(FlashList, {
+    data: messages,
+    inverted: true,
+    estimatedItemSize: 62,
+    contentContainerStyle: {
+      paddingBottom: 30
+    }
+    // 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
+  }));
+};
+const styles = StyleSheet.create({
+  container: {
+    position: 'relative',
+    marginVertical: 8,
+    marginHorizontal: 16
+  }
+});
+//# sourceMappingURL=HMSHLSMessageList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","useWindowDimensions","useSelector","FlashList","HMSHLSMessage","HMSHLSMessageList","height","windowHeight","messages","state","_keyExtractor","useCallback","item","messageId","_renderItem","data","createElement","message","length","style","styles","container","maxHeight","inverted","estimatedItemSize","contentContainerStyle","paddingBottom","keyboardShouldPersistTaps","renderItem","keyExtractor","create","position","marginVertical","marginHorizontal"],"sourceRoot":"../../../src","sources":["components/HMSHLSMessageList.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,IAAI,EAAEC,mBAAmB,QAAQ,cAAc;AACpE,SAASC,WAAW,QAAQ,aAAa;AACzC,SAASC,SAAS,QAAQ,qBAAqB;AAI/C,SAASC,aAAa,QAAQ,iBAAiB;AAE/C,OAAO,MAAMC,iBAA2B,GAAGA,CAAA,KAAM;EAC/C,MAAM;IAAEC,MAAM,EAAEC;EAAa,CAAC,GAAGN,mBAAmB,CAAC,CAAC;EACtD,MAAMO,QAAQ,GAAGN,WAAW,CAAEO,KAAgB,IAAKA,KAAK,CAACD,QAAQ,CAACA,QAAQ,CAAC;EAE3E,MAAME,aAAa,GAAGZ,KAAK,CAACa,WAAW,CACpCC,IAAgB,IAAKA,IAAI,CAACC,SAAS,EACpC,EACF,CAAC;EAED,MAAMC,WAAW,GAAGhB,KAAK,CAACa,WAAW,CAAEI,IAA0B,IAAK;IACpE,oBAAOjB,KAAA,CAAAkB,aAAA,CAACZ,aAAa;MAACa,OAAO,EAAEF,IAAI,CAACH;IAAK,CAAE,CAAC;EAC9C,CAAC,EAAE,EAAE,CAAC;EAEN,IAAIJ,QAAQ,CAACU,MAAM,IAAI,CAAC,EAAE;IACxB,OAAO,IAAI;EACb;EAEA,oBACEpB,KAAA,CAAAkB,aAAA,CAAChB,IAAI;IACHmB,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChB;MACEC,SAAS,EAAEf,YAAY,GAAG,GAAG;MAC7BD,MAAM,EACJE,QAAQ,CAACU,MAAM,GAAG,CAAC,GAAGX,YAAY,GAAG,GAAG,GAAGC,QAAQ,CAACU,MAAM,GAAG;IACjE,CAAC;EACD,gBAEFpB,KAAA,CAAAkB,aAAA,CAACb,SAAS;IACRY,IAAI,EAAEP,QAAS;IACfe,QAAQ,EAAE,IAAK;IACfC,iBAAiB,EAAE,EAAG;IACtBC,qBAAqB,EAAE;MAAEC,aAAa,EAAE;IAAG;IAC3C;IAAA;IACAC,yBAAyB,EAAC;IAC1B;IACA;IAAA;IACAC,UAAU,EAAEd,WAAY;IACxBe,YAAY,EAAEnB;EAAc,CAC7B,CACG,CAAC;AAEX,CAAC;AAED,MAAMU,MAAM,GAAGrB,UAAU,CAAC+B,MAAM,CAAC;EAC/BT,SAAS,EAAE;IACTU,QAAQ,EAAE,UAAU;IACpBC,cAAc,EAAE,CAAC;IACjBC,gBAAgB,EAAE;EACpB;AACF,CAAC,CAAC"}

package/lib/module/components/HMSHLSNotStarted.js

@@ -1,11 +1,8 @@
 import * as React from 'react';
-import { useSelector } from 'react-redux';
 import { View, Text, StyleSheet } from 'react-native';
-import { useHMSRoomStyleSheet, usePortraitChatViewVisible } from '../hooks-util';
+import { useHMSRoomStyleSheet } from '../hooks-util';
 import { RadioIcon } from '../Icons';
 export const HMSHLSNotStarted = () => {
-  const portraitChatViewVisible = usePortraitChatViewVisible();
-  const hlsAspectRatio = useSelector(state => state.app.hlsAspectRatio);
   const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
     title: {
       color: theme.palette.on_surface_high,
@@ -17,9 +14,7 @@ export const HMSHLSNotStarted = () => {
     }
   }));
   return /*#__PURE__*/React.createElement(View, {
-    style: [styles.container, portraitChatViewVisible ? styles.taleLessSpaceAsYouCan : null, portraitChatViewVisible ? {
-      aspectRatio: hlsAspectRatio.value
-    } : null]
+    style: styles.container
   }, /*#__PURE__*/React.createElement(RadioIcon, {
     size: "extra-large",
     containerStyle: styles.icon

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

@@ -1 +1 @@
-{"version":3,"names":["React","useSelector","View","Text","StyleSheet","useHMSRoomStyleSheet","usePortraitChatViewVisible","RadioIcon","HMSHLSNotStarted","portraitChatViewVisible","hlsAspectRatio","state","app","hmsRoomStyles","theme","typography","title","color","palette","on_surface_high","fontFamily","font_family","description","on_surface_medium","createElement","style","styles","container","taleLessSpaceAsYouCan","aspectRatio","value","size","containerStyle","icon","create","flex","paddingHorizontal","alignItems","justifyContent","marginBottom","fontSize","lineHeight","textAlign","letterSpacing","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,oBAAoB,EAAEC,0BAA0B,QAAQ,eAAe;AAChF,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,MAAMG,aAAa,GAAGR,oBAAoB,CAAC,CAACS,KAAK,EAAEC,UAAU,MAAM;IACjEC,KAAK,EAAE;MACLC,KAAK,EAAEH,KAAK,CAACI,OAAO,CAACC,eAAe;MACpCC,UAAU,EAAG,GAAEL,UAAU,CAACM,WAAY;IACxC,CAAC;IACDC,WAAW,EAAE;MACXL,KAAK,EAAEH,KAAK,CAACI,OAAO,CAACK,iBAAiB;MACtCH,UAAU,EAAG,GAAEL,UAAU,CAACM,WAAY;IACxC;EACF,CAAC,CAAC,CAAC;EAEH,oBACErB,KAAA,CAAAwB,aAAA,CAACtB,IAAI;IACHuB,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChBlB,uBAAuB,GAAGiB,MAAM,CAACE,qBAAqB,GAAG,IAAI,EAC7DnB,uBAAuB,GAAG;MAAEoB,WAAW,EAAEnB,cAAc,CAACoB;IAAM,CAAC,GAAG,IAAI;EACtE,gBAEF9B,KAAA,CAAAwB,aAAA,CAACjB,SAAS;IAACwB,IAAI,EAAC,aAAa;IAACC,cAAc,EAAEN,MAAM,CAACO;EAAK,CAAE,CAAC,eAC7DjC,KAAA,CAAAwB,aAAA,CAACrB,IAAI;IAACsB,KAAK,EAAE,CAACC,MAAM,CAACV,KAAK,EAAEH,aAAa,CAACG,KAAK;EAAE,GAAC,qBAAyB,CAAC,eAC5EhB,KAAA,CAAAwB,aAAA,CAACrB,IAAI;IAACsB,KAAK,EAAE,CAACC,MAAM,CAACJ,WAAW,EAAET,aAAa,CAACS,WAAW;EAAE,GAAC,oBAExD,CACF,CAAC;AAEX,CAAC;AAED,MAAMI,MAAM,GAAGtB,UAAU,CAAC8B,MAAM,CAAC;EAC/BP,SAAS,EAAE;IACTQ,IAAI,EAAE,CAAC;IACPC,iBAAiB,EAAE,EAAE;IACrBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDL,IAAI,EAAE;IACJM,YAAY,EAAE;EAChB,CAAC;EACDvB,KAAK,EAAE;IACLwB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,SAAS,EAAE;EACb,CAAC;EACDpB,WAAW,EAAE;IACXkB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdE,aAAa,EAAE,GAAG;IAClBD,SAAS,EAAE,QAAQ;IACnBE,SAAS,EAAE;EACb,CAAC;EACDhB,qBAAqB,EAAE;IACrBO,IAAI,EAAE;EACR;AACF,CAAC,CAAC"}
+{"version":3,"names":["React","View","Text","StyleSheet","useHMSRoomStyleSheet","RadioIcon","HMSHLSNotStarted","hmsRoomStyles","theme","typography","title","color","palette","on_surface_high","fontFamily","font_family","description","on_surface_medium","createElement","style","styles","container","size","containerStyle","icon","create","flex","paddingHorizontal","alignItems","justifyContent","marginBottom","fontSize","lineHeight","textAlign","letterSpacing","marginTop","taleLessSpaceAsYouCan"],"sourceRoot":"../../../src","sources":["components/HMSHLSNotStarted.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,EAAEC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAErD,SAASC,oBAAoB,QAAQ,eAAe;AACpD,SAASC,SAAS,QAAQ,UAAU;AAEpC,OAAO,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;EACpC,MAAMC,aAAa,GAAGH,oBAAoB,CAAC,CAACI,KAAK,EAAEC,UAAU,MAAM;IACjEC,KAAK,EAAE;MACLC,KAAK,EAAEH,KAAK,CAACI,OAAO,CAACC,eAAe;MACpCC,UAAU,EAAG,GAAEL,UAAU,CAACM,WAAY;IACxC,CAAC;IACDC,WAAW,EAAE;MACXL,KAAK,EAAEH,KAAK,CAACI,OAAO,CAACK,iBAAiB;MACtCH,UAAU,EAAG,GAAEL,UAAU,CAACM,WAAY;IACxC;EACF,CAAC,CAAC,CAAC;EAEH,oBACEf,KAAA,CAAAkB,aAAA,CAACjB,IAAI;IAACkB,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5BrB,KAAA,CAAAkB,aAAA,CAACb,SAAS;IAACiB,IAAI,EAAC,aAAa;IAACC,cAAc,EAAEH,MAAM,CAACI;EAAK,CAAE,CAAC,eAC7DxB,KAAA,CAAAkB,aAAA,CAAChB,IAAI;IAACiB,KAAK,EAAE,CAACC,MAAM,CAACV,KAAK,EAAEH,aAAa,CAACG,KAAK;EAAE,GAAC,qBAE5C,CAAC,eACPV,KAAA,CAAAkB,aAAA,CAAChB,IAAI;IAACiB,KAAK,EAAE,CAACC,MAAM,CAACJ,WAAW,EAAET,aAAa,CAACS,WAAW;EAAE,GAAC,oBAExD,CACF,CAAC;AAEX,CAAC;AAED,MAAMI,MAAM,GAAGjB,UAAU,CAACsB,MAAM,CAAC;EAC/BJ,SAAS,EAAE;IACTK,IAAI,EAAE,CAAC;IACPC,iBAAiB,EAAE,EAAE;IACrBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDL,IAAI,EAAE;IACJM,YAAY,EAAE;EAChB,CAAC;EACDpB,KAAK,EAAE;IACLqB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,SAAS,EAAE;EACb,CAAC;EACDjB,WAAW,EAAE;IACXe,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdE,aAAa,EAAE,GAAG;IAClBD,SAAS,EAAE,QAAQ;IACnBE,SAAS,EAAE;EACb,CAAC;EACDC,qBAAqB,EAAE;IACrBV,IAAI,EAAE;EACR;AACF,CAAC,CAAC"}

package/lib/module/components/HMSHandRaiseNotification.js

@@ -0,0 +1,75 @@
+import * as React from 'react';
+import { StyleSheet, Text, TouchableHighlight } from 'react-native';
+import { HandIcon } from '../Icons';
+import { useHMSInstance, useHMSLayoutConfig, useHMSRoomColorPalette, useHMSRoomStyleSheet } from '../hooks-util';
+import { HMSNotification } from './HMSNotification';
+import { useDispatch, useSelector } from 'react-redux';
+import { removeNotification } from '../redux/actions';
+export const HMSHandRaiseNotification = _ref => {
+  let {
+    peer,
+    id,
+    dismissDelay = 5000,
+    autoDismiss
+  } = _ref;
+  const dispatch = useDispatch();
+  const hmsInstance = useHMSInstance();
+  const onStageExpData = useHMSLayoutConfig(layoutConfig => {
+    var _layoutConfig$screens;
+    return layoutConfig === null || layoutConfig === void 0 || (_layoutConfig$screens = layoutConfig.screens) === null || _layoutConfig$screens === void 0 || (_layoutConfig$screens = _layoutConfig$screens.conferencing) === 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 ? void 0 : _layoutConfig$screens.on_stage_exp;
+  });
+  const onStageRole = useSelector(state => {
+    const onStageRoleStr = onStageExpData === null || onStageExpData === void 0 ? void 0 : onStageExpData.on_stage_role;
+    if (!onStageRoleStr) {
+      return null;
+    }
+    return state.hmsStates.roles.find(role => role.name === onStageRoleStr) || null;
+  });
+  const {
+    secondary_dim: secondaryDimColor
+  } = useHMSRoomColorPalette();
+  const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
+    button: {
+      backgroundColor: theme.palette.secondary_default
+    },
+    buttonText: {
+      color: theme.palette.on_secondary_high,
+      fontFamily: `${typography.font_family}-SemiBold`
+    }
+  }));
+  const bringPeerToStage = async () => {
+    if (!onStageRole) {
+      return Promise.reject(`${onStageExpData ? '"on_stage_role"' : '"on_stage_exp"'} data is not available`);
+    }
+    dispatch(removeNotification(id));
+    await hmsInstance.changeRoleOfPeer(peer, onStageRole, false);
+  };
+  return /*#__PURE__*/React.createElement(HMSNotification, {
+    id: id,
+    icon: /*#__PURE__*/React.createElement(HandIcon, null),
+    text: `${peer.name} raised hand`,
+    dismissDelay: dismissDelay,
+    autoDismiss: autoDismiss,
+    cta: /*#__PURE__*/React.createElement(TouchableHighlight, {
+      underlayColor: secondaryDimColor,
+      style: [styles.button, hmsRoomStyles.button],
+      onPress: bringPeerToStage
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: [styles.buttonText, hmsRoomStyles.buttonText]
+    }, (onStageExpData === null || onStageExpData === void 0 ? void 0 : onStageExpData.bring_to_stage_label) || 'Bring to Stage'))
+  });
+};
+const styles = StyleSheet.create({
+  button: {
+    paddingVertical: 8,
+    paddingHorizontal: 16,
+    borderRadius: 8,
+    marginRight: 16
+  },
+  buttonText: {
+    fontSize: 14,
+    lineHeight: 20,
+    letterSpacing: 0.25
+  }
+});
+//# sourceMappingURL=HMSHandRaiseNotification.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","Text","TouchableHighlight","HandIcon","useHMSInstance","useHMSLayoutConfig","useHMSRoomColorPalette","useHMSRoomStyleSheet","HMSNotification","useDispatch","useSelector","removeNotification","HMSHandRaiseNotification","_ref","peer","id","dismissDelay","autoDismiss","dispatch","hmsInstance","onStageExpData","layoutConfig","_layoutConfig$screens","screens","conferencing","default","elements","on_stage_exp","onStageRole","state","onStageRoleStr","on_stage_role","hmsStates","roles","find","role","name","secondary_dim","secondaryDimColor","hmsRoomStyles","theme","typography","button","backgroundColor","palette","secondary_default","buttonText","color","on_secondary_high","fontFamily","font_family","bringPeerToStage","Promise","reject","changeRoleOfPeer","createElement","icon","text","cta","underlayColor","style","styles","onPress","bring_to_stage_label","create","paddingVertical","paddingHorizontal","borderRadius","marginRight","fontSize","lineHeight","letterSpacing"],"sourceRoot":"../../../src","sources":["components/HMSHandRaiseNotification.tsx"],"mappings":"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"}

package/lib/module/components/HMSKeyboardAvoidingView.js

@@ -0,0 +1,40 @@
+import * as React from 'react';
+import { Platform, StatusBar, useWindowDimensions } from 'react-native';
+import Animated, { useAnimatedStyle, useSharedValue } from 'react-native-reanimated';
+import { useReanimatedKeyboardAnimation } from 'react-native-keyboard-controller';
+export const HMSKeyboardAvoidingView = _ref => {
+  let {
+    children,
+    style
+  } = _ref;
+  const animatedViewRef = React.useRef(null);
+  const {
+    height: windowHeight
+  } = useWindowDimensions();
+  const animatedKeyboard = useReanimatedKeyboardAnimation();
+  const initialPageY = useSharedValue(0);
+  const _handleViewOnLayout = React.useCallback(() => {
+    var _animatedViewRef$curr;
+    (_animatedViewRef$curr = animatedViewRef.current) === null || _animatedViewRef$curr === void 0 || _animatedViewRef$curr.measureInWindow((_fx, fy, _width, height) => {
+      if (height > 0) {
+        const finalWindowHeight = Platform.OS === 'android' && Platform.Version < 29 ? windowHeight - (StatusBar.currentHeight ?? 0) : windowHeight;
+        initialPageY.value = finalWindowHeight - (height + fy);
+      }
+    });
+  }, []);
+  const keyboardAvoidStyle = useAnimatedStyle(() => {
+    const keyboardHeight = -animatedKeyboard.height.value;
+    return {
+      transform: [{
+        translateY: keyboardHeight <= initialPageY.value ? 0 // Keep element at original `pageY` till and when keyboard height is less than `pageY`
+        : -(keyboardHeight - initialPageY.value)
+      }]
+    };
+  });
+  return /*#__PURE__*/React.createElement(Animated.View, {
+    ref: animatedViewRef,
+    onLayout: _handleViewOnLayout,
+    style: [style, keyboardAvoidStyle]
+  }, children);
+};
+//# sourceMappingURL=HMSKeyboardAvoidingView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Platform","StatusBar","useWindowDimensions","Animated","useAnimatedStyle","useSharedValue","useReanimatedKeyboardAnimation","HMSKeyboardAvoidingView","_ref","children","style","animatedViewRef","useRef","height","windowHeight","animatedKeyboard","initialPageY","_handleViewOnLayout","useCallback","_animatedViewRef$curr","current","measureInWindow","_fx","fy","_width","finalWindowHeight","OS","Version","currentHeight","value","keyboardAvoidStyle","keyboardHeight","transform","translateY","createElement","View","ref","onLayout"],"sourceRoot":"../../../src","sources":["components/HMSKeyboardAvoidingView.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,QAAQ,EAAEC,SAAS,EAAEC,mBAAmB,QAAQ,cAAc;AAEvE,OAAOC,QAAQ,IACbC,gBAAgB,EAChBC,cAAc,QACT,yBAAyB;AAChC,SAASC,8BAA8B,QAAQ,kCAAkC;AAMjF,OAAO,MAAMC,uBAEZ,GAAGC,IAAA,IAAyB;EAAA,IAAxB;IAAEC,QAAQ;IAAEC;EAAM,CAAC,GAAAF,IAAA;EACtB,MAAMG,eAAe,GAAGZ,KAAK,CAACa,MAAM,CAAgB,IAAI,CAAC;EACzD,MAAM;IAAEC,MAAM,EAAEC;EAAa,CAAC,GAAGZ,mBAAmB,CAAC,CAAC;EACtD,MAAMa,gBAAgB,GAAGT,8BAA8B,CAAC,CAAC;EAEzD,MAAMU,YAAY,GAAGX,cAAc,CAAC,CAAC,CAAC;EAEtC,MAAMY,mBAAmB,GAAGlB,KAAK,CAACmB,WAAW,CAAC,MAAM;IAAA,IAAAC,qBAAA;IAClD,CAAAA,qBAAA,GAAAR,eAAe,CAACS,OAAO,cAAAD,qBAAA,eAAvBA,qBAAA,CAAyBE,eAAe,CAAC,CAACC,GAAG,EAAEC,EAAE,EAAEC,MAAM,EAAEX,MAAM,KAAK;MACpE,IAAIA,MAAM,GAAG,CAAC,EAAE;QACd,MAAMY,iBAAiB,GACrBzB,QAAQ,CAAC0B,EAAE,KAAK,SAAS,IAAI1B,QAAQ,CAAC2B,OAAO,GAAG,EAAE,GAC9Cb,YAAY,IAAIb,SAAS,CAAC2B,aAAa,IAAI,CAAC,CAAC,GAC7Cd,YAAY;QAClBE,YAAY,CAACa,KAAK,GAAGJ,iBAAiB,IAAIZ,MAAM,GAAGU,EAAE,CAAC;MACxD;IACF,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMO,kBAAkB,GAAG1B,gBAAgB,CAAC,MAAM;IAChD,MAAM2B,cAAc,GAAG,CAAChB,gBAAgB,CAACF,MAAM,CAACgB,KAAK;IACrD,OAAO;MACLG,SAAS,EAAE,CACT;QACEC,UAAU,EACRF,cAAc,IAAIf,YAAY,CAACa,KAAK,GAChC,CAAC,CAAC;QAAA,EACF,EAAEE,cAAc,GAAGf,YAAY,CAACa,KAAK;MAC7C,CAAC;IAEL,CAAC;EACH,CAAC,CAAC;EAEF,oBACE9B,KAAA,CAAAmC,aAAA,CAAC/B,QAAQ,CAACgC,IAAI;IACZC,GAAG,EAAEzB,eAAgB;IACrB0B,QAAQ,EAAEpB,mBAAoB;IAC9BP,KAAK,EAAE,CAACA,KAAK,EAAEoB,kBAAkB;EAAE,GAElCrB,QACY,CAAC;AAEpB,CAAC"}

package/lib/module/components/HMSLiveIndicator.js

@@ -0,0 +1,96 @@
+import * as React from 'react';
+import { StyleSheet, View, Text, Platform, TouchableOpacity } from 'react-native';
+import { useSelector } from 'react-redux';
+import { useHMSRoomStyleSheet, useIsHLSViewer, useShowChatAndParticipants } from '../hooks-util';
+import { EyeIcon } from '../Icons';
+import { hexToRgbA } from '../utils/theme';
+const _HMSLiveIndicator = () => {
+  const isHLSViewer = useIsHLSViewer();
+  const previewPeerCount = 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 live = useSelector(state => {
+    var _state$hmsStates$room2;
+    return !!((_state$hmsStates$room2 = state.hmsStates.room) !== null && _state$hmsStates$room2 !== void 0 && _state$hmsStates$room2.hlsStreamingState.running);
+  });
+  const hmsRoomStyles = useHMSRoomStyleSheet((theme, typograhy) => ({
+    live: {
+      backgroundColor: theme.palette.alert_error_default
+    },
+    liveText: {
+      color: theme.palette.alert_error_brighter,
+      fontFamily: `${typograhy.font_family}-SemiBold`
+    },
+    viewers: {
+      backgroundColor: isHLSViewer ? theme.palette.background_dim && hexToRgbA(theme.palette.background_dim, 0.64) : undefined,
+      borderWidth: isHLSViewer ? 0 : 1,
+      borderColor: theme.palette.border_bright
+    },
+    count: {
+      color: theme.palette.on_surface_high,
+      fontFamily: `${typograhy.font_family}-SemiBold`
+    }
+  }));
+  const {
+    canShowParticipants,
+    show
+  } = useShowChatAndParticipants();
+  const showParticipantsSheet = () => {
+    show('participants');
+  };
+  if (!live) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [styles.live, hmsRoomStyles.live]
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.liveText, hmsRoomStyles.liveText]
+  }, "LIVE")), typeof previewPeerCount === 'number' ? /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: [styles.viewers, hmsRoomStyles.viewers],
+    onPress: showParticipantsSheet,
+    disabled: !canShowParticipants
+  }, /*#__PURE__*/React.createElement(EyeIcon, null), /*#__PURE__*/React.createElement(Text, {
+    style: [styles.count, hmsRoomStyles.count]
+  }, previewPeerCount)) : null);
+};
+export const HMSLiveIndicator = /*#__PURE__*/React.memo(_HMSLiveIndicator);
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: 'row'
+  },
+  live: {
+    paddingHorizontal: 8,
+    paddingVertical: 4,
+    borderRadius: 4,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  liveText: {
+    fontSize: 10,
+    lineHeight: Platform.OS === 'android' ? 16 : undefined,
+    letterSpacing: 1.5,
+    textAlign: 'center',
+    textAlignVertical: 'center'
+  },
+  viewers: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingVertical: 4,
+    paddingRight: 8,
+    paddingLeft: 6,
+    marginLeft: 8,
+    borderRadius: 4
+  },
+  count: {
+    fontSize: 10,
+    lineHeight: Platform.OS === 'android' ? 16 : undefined,
+    letterSpacing: 1.5,
+    textAlign: 'center',
+    textAlignVertical: 'center',
+    marginLeft: 4
+  }
+});
+//# sourceMappingURL=HMSLiveIndicator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","Text","Platform","TouchableOpacity","useSelector","useHMSRoomStyleSheet","useIsHLSViewer","useShowChatAndParticipants","EyeIcon","hexToRgbA","_HMSLiveIndicator","isHLSViewer","previewPeerCount","state","_state$hmsStates$room","hmsStates","room","peerCount","live","_state$hmsStates$room2","hlsStreamingState","running","hmsRoomStyles","theme","typograhy","backgroundColor","palette","alert_error_default","liveText","color","alert_error_brighter","fontFamily","font_family","viewers","background_dim","undefined","borderWidth","borderColor","border_bright","count","on_surface_high","canShowParticipants","show","showParticipantsSheet","createElement","style","styles","container","onPress","disabled","HMSLiveIndicator","memo","create","flexDirection","paddingHorizontal","paddingVertical","borderRadius","alignItems","justifyContent","fontSize","lineHeight","OS","letterSpacing","textAlign","textAlignVertical","paddingRight","paddingLeft","marginLeft"],"sourceRoot":"../../../src","sources":["components/HMSLiveIndicator.tsx"],"mappings":"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"}

package/lib/module/components/HMSLocalScreenshareNotification.js

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import { useHMSActions } from '../hooks-sdk';
+import { ScreenShareIcon } from '../Icons';
+import { HMSDangerButton } from './HMSDangerButton';
+import { HMSNotification } from './HMSNotification';
+import { useHMSRoomStyle } from '../hooks-util';
+import { NotificationTypes } from '../utils';
+export const HMSLocalScreenshareNotification = () => {
+  const hmsActions = useHMSActions();
+  const notificationStyle = useHMSRoomStyle(theme => ({
+    backgroundColor: theme.palette.surface_default
+  }));
+  const stopScreenshare = async () => {
+    await hmsActions.setScreenShareEnabled(false);
+  };
+  return /*#__PURE__*/React.createElement(HMSNotification, {
+    id: NotificationTypes.LOCAL_SCREENSHARE,
+    autoDismiss: false,
+    style: notificationStyle,
+    text: 'You are sharing your screen',
+    icon: /*#__PURE__*/React.createElement(ScreenShareIcon, null),
+    cta: /*#__PURE__*/React.createElement(HMSDangerButton, {
+      loading: false,
+      onPress: stopScreenshare,
+      title: "Stop"
+    })
+  });
+};
+//# sourceMappingURL=HMSLocalScreenshareNotification.js.map