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

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","HMSAudioMixingMode","HMSAudioMode","PressableIcon","ThreeDotsIcon","DefaultModal","RoomSettingsModalContent","ChangeAudioMixingModeModal","ChangeAudioModeModal","ChangeAudioOutputModal","ChangeBulkRoleModal","ChangeTrackStateForRoleModal","HlsStreamingModal","RecordingModal","RtcStatsModal","ModalTypes","useModalType","HMSRoomOptions","modalVisibleType","modalVisible","handleModalVisibleType","setModalVisible","isAudioShared","setIsAudioShared","useState","audioMode","setAudioMode","MODE_NORMAL","muteAllTracksAudio","setMuteAllTracksAudio","audioDeviceChangeListener","setAudioDeviceChangeListener","newAudioMixingMode","setNewAudioMixingMode","TALK_AND_MUSIC","onSettingsPress","SETTINGS","dismissModal","DEFAULT","createElement","onPress","stack","animationIn","animationOut","audioDeviceListenerAdded","closeRoomSettingsModal","setAudioDeviceListenerAdded","RTC_STATS","modalPosiion","RECORDING","HLS_STREAMING","cancelModal","CHANGE_TRACK_ROLE","SWITCH_AUDIO_OUTPUT","CHANGE_AUDIO_MODE","AUDIO_MIXING_MODE","BULK_ROLE_CHANGE"],"sourceRoot":"../../../src","sources":["components/HMSRoomOptions.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,kBAAkB,EAAEC,YAAY,QAAQ,6BAA6B;AAE9E,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,aAAa,QAAQ,UAAU;AACxC,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,wBAAwB,QAAQ,4BAA4B;AACrE,SACEC,0BAA0B,EAC1BC,oBAAoB,EACpBC,sBAAsB,EACtBC,mBAAmB,EACnBC,4BAA4B,EAC5BC,iBAAiB,EACjBC,cAAc,EACdC,aAAa,QACR,UAAU;AACjB,SAASC,UAAU,QAAQ,gBAAgB;AAC3C,SAASC,YAAY,QAAQ,eAAe;AAI5C,OAAO,MAAMC,cAA6C,GAAGA,CAAA,KAAM;EACjE,MAAM;IACJC,gBAAgB,EAAEC,YAAY;IAC9BC,sBAAsB,EAAEC;EAC1B,CAAC,GAAGL,YAAY,CAAC,CAAC;EAClB,MAAM,CAACM,aAAa,EAAEC,gBAAgB,CAAC,GAAGxB,KAAK,CAACyB,QAAQ,CAAC,KAAK,CAAC;EAC/D,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAG3B,KAAK,CAACyB,QAAQ,CAC9CtB,YAAY,CAACyB,WACf,CAAC;EACD,MAAM,CAACC,kBAAkB,EAAEC,qBAAqB,CAAC,GAAG9B,KAAK,CAACyB,QAAQ,CAAC,KAAK,CAAC;EACzE,MAAM,CAACM,yBAAyB,EAAEC,4BAA4B,CAAC,GAC7DhC,KAAK,CAACyB,QAAQ,CAAU,KAAK,CAAC;EAChC,MAAM,CAACQ,kBAAkB,EAAEC,qBAAqB,CAAC,GAAGlC,KAAK,CAACyB,QAAQ,CAChEvB,kBAAkB,CAACiC,cACrB,CAAC;EAED,MAAMC,eAAe,GAAGA,CAAA,KAAMd,eAAe,CAACN,UAAU,CAACqB,QAAQ,CAAC;EAElE,MAAMC,YAAY,GAAGA,CAAA,KAAMhB,eAAe,CAACN,UAAU,CAACuB,OAAO,CAAC;EAE9D,oBACEvC,KAAA,CAAAwC,aAAA,CAACvC,IAAI,qBACHD,KAAA,CAAAwC,aAAA,CAACpC,aAAa;IAACqC,OAAO,EAAEL;EAAgB,gBACtCpC,KAAA,CAAAwC,aAAA,CAACnC,aAAa;IAACqC,KAAK,EAAC;EAAU,CAAE,CACpB,CAAC,eAEhB1C,KAAA,CAAAwC,aAAA,CAAClC,YAAY;IACXqC,WAAW,EAAE,WAAY;IACzBC,YAAY,EAAE,cAAe;IAC7BxB,YAAY,EAAEA,YAAY,KAAKJ,UAAU,CAACqB,QAAS;IACnDf,eAAe,EAAEgB;EAAa,gBAE9BtC,KAAA,CAAAwC,aAAA,CAACjC,wBAAwB;IACvB0B,kBAAkB,EAAEA,kBAAmB;IACvCY,wBAAwB,EAAEd,yBAA0B;IACpDR,aAAa,EAAEA,aAAc;IAC7BM,kBAAkB,EAAEA,kBAAmB;IACvCiB,sBAAsB,EAAER,YAAa;IACrChB,eAAe,EAAEA,eAAgB;IACjCyB,2BAA2B,EAAEf,4BAA6B;IAC1DR,gBAAgB,EAAEA,gBAAiB;IACnCM,qBAAqB,EAAEA;EAAsB,CAC9C,CACW,CAAC,eACf9B,KAAA,CAAAwC,aAAA,CAAClC,YAAY;IACXqC,WAAW,EAAE,WAAY;IACzBC,YAAY,EAAE,cAAe;IAC7BxB,YAAY,EAAEA,YAAY,KAAKJ,UAAU,CAACgC,SAAU;IACpD1B,eAAe,EAAEgB;EAAa,gBAE9BtC,KAAA,CAAAwC,aAAA,CAACzB,aAAa,MAAE,CACJ,CAAC,eACff,KAAA,CAAAwC,aAAA,CAAClC,YAAY;IACX2C,YAAY,EAAC,QAAQ;IACrB7B,YAAY,EAAEA,YAAY,KAAKJ,UAAU,CAACkC,SAAU;IACpD5B,eAAe,EAAEgB;EAAa,gBAE9BtC,KAAA,CAAAwC,aAAA,CAAC1B,cAAc;IAACQ,eAAe,EAAEA;EAAgB,CAAE,CACvC,CAAC,eACftB,KAAA,CAAAwC,aAAA,CAAClC,YAAY;IACX2C,YAAY,EAAC,QAAQ;IACrB7B,YAAY,EAAEA,YAAY,KAAKJ,UAAU,CAACmC,aAAc;IACxD7B,eAAe,EAAEgB;EAAa,gBAE9BtC,KAAA,CAAAwC,aAAA,CAAC3B,iBAAiB;IAACuC,WAAW,EAAEd;EAAa,CAAE,CACnC,CAAC,eACftC,KAAA,CAAAwC,aAAA,CAAClC,YAAY;IACX2C,YAAY,EAAC,QAAQ;IACrB7B,YAAY,EAAEA,YAAY,KAAKJ,UAAU,CAACqC,iBAAkB;IAC5D/B,eAAe,EAAEgB;EAAa,gBAE9BtC,KAAA,CAAAwC,aAAA,CAAC5B,4BAA4B;IAACwC,WAAW,EAAEd;EAAa,CAAE,CAC9C,CAAC,eACftC,KAAA,CAAAwC,aAAA,CAAClC,YAAY;IACX2C,YAAY,EAAC,QAAQ;IACrB7B,YAAY,EAAEA,YAAY,KAAKJ,UAAU,CAACsC,mBAAoB;IAC9DhC,eAAe,EAAEgB;EAAa,gBAE9BtC,KAAA,CAAAwC,aAAA,CAAC9B,sBAAsB;IAAC0C,WAAW,EAAEd;EAAa,CAAE,CACxC,CAAC,eACftC,KAAA,CAAAwC,aAAA,CAAClC,YAAY;IACX2C,YAAY,EAAC,QAAQ;IACrB7B,YAAY,EAAEA,YAAY,KAAKJ,UAAU,CAACuC,iBAAkB;IAC5DjC,eAAe,EAAEgB;EAAa,gBAE9BtC,KAAA,CAAAwC,aAAA,CAAC/B,oBAAoB;IACnBiB,SAAS,EAAEA,SAAU;IACrBC,YAAY,EAAEA,YAAa;IAC3ByB,WAAW,EAAEd;EAAa,CAC3B,CACW,CAAC,eACftC,KAAA,CAAAwC,aAAA,CAAClC,YAAY;IACX2C,YAAY,EAAC,QAAQ;IACrB7B,YAAY,EAAEA,YAAY,KAAKJ,UAAU,CAACwC,iBAAkB;IAC5DlC,eAAe,EAAEgB;EAAa,gBAE9BtC,KAAA,CAAAwC,aAAA,CAAChC,0BAA0B;IACzByB,kBAAkB,EAAEA,kBAAmB;IACvCC,qBAAqB,EAAEA,qBAAsB;IAC7CkB,WAAW,EAAEd;EAAa,CAC3B,CACW,CAAC,eACftC,KAAA,CAAAwC,aAAA,CAAClC,YAAY;IACX2C,YAAY,EAAC,QAAQ;IACrB7B,YAAY,EAAEA,YAAY,KAAKJ,UAAU,CAACyC,gBAAiB;IAC3DnC,eAAe,EAAEgB;EAAa,gBAE9BtC,KAAA,CAAAwC,aAAA,CAAC7B,mBAAmB;IAACyC,WAAW,EAAEd;EAAa,CAAE,CACrC,CACV,CAAC;AAEX,CAAC"}
+{"version":3,"names":["React","View","HMSAudioMixingMode","HMSAudioMode","PressableIcon","HamburgerIcon","DefaultModal","RoomSettingsModalContent","ChangeAudioMixingModeModal","ChangeAudioModeModal","ChangeAudioOutputModal","ChangeBulkRoleModal","ChangeTrackStateForRoleModal","HlsStreamingModal","RecordingModal","RtcStatsModal","ModalTypes","useModalType","BottomSheet","ChangeNameModalContent","StopRecordingModalContent","HMSRoomOptions","modalVisibleType","modalVisible","handleModalVisibleType","setModalVisible","isAudioShared","setIsAudioShared","useState","audioMode","setAudioMode","MODE_NORMAL","muteAllTracksAudio","setMuteAllTracksAudio","audioDeviceChangeListener","setAudioDeviceChangeListener","newAudioMixingMode","setNewAudioMixingMode","TALK_AND_MUSIC","onSettingsPress","SETTINGS","dismissModal","DEFAULT","createElement","onPress","isVisible","animationOutTiming","audioDeviceListenerAdded","closeRoomSettingsModal","setAudioDeviceListenerAdded","CHANGE_NAME","avoidKeyboard","STOP_RECORDING","animationIn","animationOut","RTC_STATS","modalPosiion","RECORDING","HLS_STREAMING","cancelModal","CHANGE_TRACK_ROLE","SWITCH_AUDIO_OUTPUT","CHANGE_AUDIO_MODE","AUDIO_MIXING_MODE","BULK_ROLE_CHANGE"],"sourceRoot":"../../../src","sources":["components/HMSRoomOptions.tsx"],"mappings":"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"}

package/lib/module/components/HMSShowNetworkQuality.js

@@ -1,9 +1,8 @@
 import React, { useEffect } from 'react';
 import { useSelector } from 'react-redux';
 import { StyleSheet, Image } from 'react-native';
-import { COLORS } from '../utils/theme';
 import { CustomButton } from './CustomButton';
-import { useHMSInstance } from '../hooks-util';
+import { useHMSInstance, useHMSRoomStyle } from '../hooks-util';
 export const HMSShowNetworkQuality = () => {
   const hmsInstance = useHMSInstance();
   const localPeerDownlinkNetworkQuality = useSelector(state => {
@@ -14,10 +13,14 @@ export const HMSShowNetworkQuality = () => {
     hmsInstance.enableNetworkQualityUpdates();
     return () => hmsInstance.disableNetworkQualityUpdates();
   }, [hmsInstance]);
+  const iconContainer = useHMSRoomStyle(theme => ({
+    backgroundColor: theme.palette.border_bright,
+    borderColor: theme.palette.border_bright
+  }));
   return /*#__PURE__*/React.createElement(CustomButton, {
     onPress: () => {},
     disabled: true,
-    viewStyle: styles.singleIconContainer,
+    viewStyle: [styles.singleIconContainer, iconContainer],
     LeftIcon: /*#__PURE__*/React.createElement(Image, {
       resizeMode: "contain",
       style: styles.image,
@@ -32,8 +35,6 @@ const styles = StyleSheet.create({
   },
   singleIconContainer: {
     padding: 8,
-    backgroundColor: COLORS.BORDER.LIGHT,
-    borderColor: COLORS.BORDER.LIGHT,
     borderWidth: 1,
     width: 'auto',
     height: 48,

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

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useSelector","StyleSheet","Image","COLORS","CustomButton","useHMSInstance","HMSShowNetworkQuality","hmsInstance","localPeerDownlinkNetworkQuality","state","_state$hmsStates$loca","hmsStates","localPeer","networkQuality","downlinkQuality","enableNetworkQualityUpdates","disableNetworkQualityUpdates","createElement","onPress","disabled","viewStyle","styles","singleIconContainer","LeftIcon","resizeMode","style","image","source","require","create","height","width","padding","backgroundColor","BORDER","LIGHT","borderColor","borderWidth","justifyContent","alignItems","borderRadius","marginHorizontal"],"sourceRoot":"../../../src","sources":["components/HMSShowNetworkQuality.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,WAAW,QAAQ,aAAa;AACzC,SAASC,UAAU,EAAEC,KAAK,QAAQ,cAAc;AAGhD,SAASC,MAAM,QAAQ,gBAAgB;AACvC,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,cAAc,QAAQ,eAAe;AAE9C,OAAO,MAAMC,qBAAqB,GAAGA,CAAA,KAAM;EACzC,MAAMC,WAAW,GAAGF,cAAc,CAAC,CAAC;EACpC,MAAMG,+BAA+B,GAAGR,WAAW,CAChDS,KAAgB;IAAA,IAAAC,qBAAA;IAAA,QAAAA,qBAAA,GACfD,KAAK,CAACE,SAAS,CAACC,SAAS,cAAAF,qBAAA,gBAAAA,qBAAA,GAAzBA,qBAAA,CAA2BG,cAAc,cAAAH,qBAAA,uBAAzCA,qBAAA,CAA2CI,eAAe;EAAA,CAC9D,CAAC;EAEDf,SAAS,CAAC,MAAM;IACdQ,WAAW,CAACQ,2BAA2B,CAAC,CAAC;IAEzC,OAAO,MAAMR,WAAW,CAACS,4BAA4B,CAAC,CAAC;EACzD,CAAC,EAAE,CAACT,WAAW,CAAC,CAAC;EAEjB,oBACET,KAAA,CAAAmB,aAAA,CAACb,YAAY;IACXc,OAAO,EAAEA,CAAA,KAAM,CAAC,CAAE;IAClBC,QAAQ,EAAE,IAAK;IACfC,SAAS,EAAEC,MAAM,CAACC,mBAAoB;IACtCC,QAAQ,eACNzB,KAAA,CAAAmB,aAAA,CAACf,KAAK;MACJsB,UAAU,EAAC,SAAS;MACpBC,KAAK,EAAEJ,MAAM,CAACK,KAAM;MACpBC,MAAM,EACJnB,+BAA+B,KAAK,CAAC,GACjCoB,OAAO,CAAC,yBAAyB,CAAC,GAClCpB,+BAA+B,KAAK,CAAC,GACrCoB,OAAO,CAAC,yBAAyB,CAAC,GAClCpB,+BAA+B,KAAK,CAAC,GACrCoB,OAAO,CAAC,yBAAyB,CAAC,GAClCpB,+BAA+B,KAAK,CAAC,GACrCoB,OAAO,CAAC,yBAAyB,CAAC,GAClCA,OAAO,CAAC,yBAAyB;IACtC,CACF;EACF,CACF,CAAC;AAEN,CAAC;AAED,MAAMP,MAAM,GAAGpB,UAAU,CAAC4B,MAAM,CAAC;EAC/BH,KAAK,EAAE;IACLI,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE;EACT,CAAC;EACDT,mBAAmB,EAAE;IACnBU,OAAO,EAAE,CAAC;IACVC,eAAe,EAAE9B,MAAM,CAAC+B,MAAM,CAACC,KAAK;IACpCC,WAAW,EAAEjC,MAAM,CAAC+B,MAAM,CAACC,KAAK;IAChCE,WAAW,EAAE,CAAC;IACdN,KAAK,EAAE,MAAM;IACbD,MAAM,EAAE,EAAE;IACVQ,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,YAAY,EAAE,EAAE;IAChBC,gBAAgB,EAAE;EACpB;AACF,CAAC,CAAC"}
+{"version":3,"names":["React","useEffect","useSelector","StyleSheet","Image","CustomButton","useHMSInstance","useHMSRoomStyle","HMSShowNetworkQuality","hmsInstance","localPeerDownlinkNetworkQuality","state","_state$hmsStates$loca","hmsStates","localPeer","networkQuality","downlinkQuality","enableNetworkQualityUpdates","disableNetworkQualityUpdates","iconContainer","theme","backgroundColor","palette","border_bright","borderColor","createElement","onPress","disabled","viewStyle","styles","singleIconContainer","LeftIcon","resizeMode","style","image","source","require","create","height","width","padding","borderWidth","justifyContent","alignItems","borderRadius","marginHorizontal"],"sourceRoot":"../../../src","sources":["components/HMSShowNetworkQuality.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,WAAW,QAAQ,aAAa;AACzC,SAASC,UAAU,EAAEC,KAAK,QAAQ,cAAc;AAGhD,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,cAAc,EAAEC,eAAe,QAAQ,eAAe;AAE/D,OAAO,MAAMC,qBAAqB,GAAGA,CAAA,KAAM;EACzC,MAAMC,WAAW,GAAGH,cAAc,CAAC,CAAC;EACpC,MAAMI,+BAA+B,GAAGR,WAAW,CAChDS,KAAgB;IAAA,IAAAC,qBAAA;IAAA,QAAAA,qBAAA,GACfD,KAAK,CAACE,SAAS,CAACC,SAAS,cAAAF,qBAAA,gBAAAA,qBAAA,GAAzBA,qBAAA,CAA2BG,cAAc,cAAAH,qBAAA,uBAAzCA,qBAAA,CAA2CI,eAAe;EAAA,CAC9D,CAAC;EAEDf,SAAS,CAAC,MAAM;IACdQ,WAAW,CAACQ,2BAA2B,CAAC,CAAC;IAEzC,OAAO,MAAMR,WAAW,CAACS,4BAA4B,CAAC,CAAC;EACzD,CAAC,EAAE,CAACT,WAAW,CAAC,CAAC;EAEjB,MAAMU,aAAa,GAAGZ,eAAe,CAAEa,KAAK,KAAM;IAChDC,eAAe,EAAED,KAAK,CAACE,OAAO,CAACC,aAAa;IAC5CC,WAAW,EAAEJ,KAAK,CAACE,OAAO,CAACC;EAC7B,CAAC,CAAC,CAAC;EAEH,oBACEvB,KAAA,CAAAyB,aAAA,CAACpB,YAAY;IACXqB,OAAO,EAAEA,CAAA,KAAM,CAAC,CAAE;IAClBC,QAAQ,EAAE,IAAK;IACfC,SAAS,EAAE,CAACC,MAAM,CAACC,mBAAmB,EAAEX,aAAa,CAAE;IACvDY,QAAQ,eACN/B,KAAA,CAAAyB,aAAA,CAACrB,KAAK;MACJ4B,UAAU,EAAC,SAAS;MACpBC,KAAK,EAAEJ,MAAM,CAACK,KAAM;MACpBC,MAAM,EACJzB,+BAA+B,KAAK,CAAC,GACjC0B,OAAO,CAAC,yBAAyB,CAAC,GAClC1B,+BAA+B,KAAK,CAAC,GACrC0B,OAAO,CAAC,yBAAyB,CAAC,GAClC1B,+BAA+B,KAAK,CAAC,GACrC0B,OAAO,CAAC,yBAAyB,CAAC,GAClC1B,+BAA+B,KAAK,CAAC,GACrC0B,OAAO,CAAC,yBAAyB,CAAC,GAClCA,OAAO,CAAC,yBAAyB;IACtC,CACF;EACF,CACF,CAAC;AAEN,CAAC;AAED,MAAMP,MAAM,GAAG1B,UAAU,CAACkC,MAAM,CAAC;EAC/BH,KAAK,EAAE;IACLI,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE;EACT,CAAC;EACDT,mBAAmB,EAAE;IACnBU,OAAO,EAAE,CAAC;IACVC,WAAW,EAAE,CAAC;IACdF,KAAK,EAAE,MAAM;IACbD,MAAM,EAAE,EAAE;IACVI,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,YAAY,EAAE,EAAE;IAChBC,gBAAgB,EAAE;EACpB;AACF,CAAC,CAAC"}

package/lib/module/components/HMSTextInput.js

@@ -0,0 +1,57 @@
+import * as React from 'react';
+import { Platform, StyleSheet, TextInput } from 'react-native';
+import { useHMSRoomColorPalette, useHMSRoomStyleSheet } from '../hooks-util';
+export const HMSTextInput = _ref => {
+  let {
+    value,
+    onChangeText,
+    style,
+    autoFocus
+  } = _ref;
+  const [inputFocused, setInputFocused] = React.useState(false);
+  const handleInputFocus = () => setInputFocused(true);
+  const handleInputBlur = () => setInputFocused(false);
+  const {
+    on_surface_low: onSurfaceLowColor,
+    on_surface_high: onSurfaceHighColor
+  } = useHMSRoomColorPalette();
+  const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
+    input: {
+      backgroundColor: theme.palette.surface_default,
+      color: theme.palette.on_surface_high,
+      borderColor: theme.palette.surface_default,
+      fontFamily: `${typography.font_family}-Regular`
+    },
+    focusedInput: {
+      borderColor: theme.palette.primary_default,
+      borderWidth: 2
+    }
+  }));
+  return /*#__PURE__*/React.createElement(TextInput, {
+    style: [styles.input, hmsRoomStyles.input, inputFocused ? hmsRoomStyles.focusedInput : null, style],
+    value: value,
+    onChangeText: onChangeText,
+    placeholder: "Enter Name...",
+    autoCapitalize: "words",
+    autoCompleteType: "name",
+    placeholderTextColor: onSurfaceLowColor,
+    selectionColor: onSurfaceHighColor,
+    onFocus: handleInputFocus,
+    onBlur: handleInputBlur,
+    autoFocus: autoFocus
+  });
+};
+const styles = StyleSheet.create({
+  input: {
+    flex: 1,
+    height: 50,
+    textAlignVertical: 'center',
+    paddingHorizontal: 16,
+    borderRadius: 8,
+    fontSize: 16,
+    lineHeight: Platform.OS === 'android' ? 24 : undefined,
+    letterSpacing: 0.5,
+    borderWidth: 2
+  }
+});
+//# sourceMappingURL=HMSTextInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Platform","StyleSheet","TextInput","useHMSRoomColorPalette","useHMSRoomStyleSheet","HMSTextInput","_ref","value","onChangeText","style","autoFocus","inputFocused","setInputFocused","useState","handleInputFocus","handleInputBlur","on_surface_low","onSurfaceLowColor","on_surface_high","onSurfaceHighColor","hmsRoomStyles","theme","typography","input","backgroundColor","palette","surface_default","color","borderColor","fontFamily","font_family","focusedInput","primary_default","borderWidth","createElement","styles","placeholder","autoCapitalize","autoCompleteType","placeholderTextColor","selectionColor","onFocus","onBlur","create","flex","height","textAlignVertical","paddingHorizontal","borderRadius","fontSize","lineHeight","OS","undefined","letterSpacing"],"sourceRoot":"../../../src","sources":["components/HMSTextInput.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,QAAQ,EAAEC,UAAU,EAAEC,SAAS,QAAQ,cAAc;AAG9D,SAASC,sBAAsB,EAAEC,oBAAoB,QAAQ,eAAe;AAS5E,OAAO,MAAMC,YAAyC,GAAGC,IAAA,IAKnD;EAAA,IALoD;IACxDC,KAAK;IACLC,YAAY;IACZC,KAAK;IACLC;EACF,CAAC,GAAAJ,IAAA;EACC,MAAM,CAACK,YAAY,EAAEC,eAAe,CAAC,GAAGb,KAAK,CAACc,QAAQ,CAAC,KAAK,CAAC;EAE7D,MAAMC,gBAAgB,GAAGA,CAAA,KAAMF,eAAe,CAAC,IAAI,CAAC;EAEpD,MAAMG,eAAe,GAAGA,CAAA,KAAMH,eAAe,CAAC,KAAK,CAAC;EAEpD,MAAM;IACJI,cAAc,EAAEC,iBAAiB;IACjCC,eAAe,EAAEC;EACnB,CAAC,GAAGhB,sBAAsB,CAAC,CAAC;EAE5B,MAAMiB,aAAa,GAAGhB,oBAAoB,CAAC,CAACiB,KAAK,EAAEC,UAAU,MAAM;IACjEC,KAAK,EAAE;MACLC,eAAe,EAAEH,KAAK,CAACI,OAAO,CAACC,eAAe;MAC9CC,KAAK,EAAEN,KAAK,CAACI,OAAO,CAACP,eAAe;MACpCU,WAAW,EAAEP,KAAK,CAACI,OAAO,CAACC,eAAe;MAC1CG,UAAU,EAAG,GAAEP,UAAU,CAACQ,WAAY;IACxC,CAAC;IACDC,YAAY,EAAE;MACZH,WAAW,EAAEP,KAAK,CAACI,OAAO,CAACO,eAAe;MAC1CC,WAAW,EAAE;IACf;EACF,CAAC,CAAC,CAAC;EAEH,oBACElC,KAAA,CAAAmC,aAAA,CAAChC,SAAS;IACRO,KAAK,EAAE,CACL0B,MAAM,CAACZ,KAAK,EACZH,aAAa,CAACG,KAAK,EACnBZ,YAAY,GAAGS,aAAa,CAACW,YAAY,GAAG,IAAI,EAChDtB,KAAK,CACL;IACFF,KAAK,EAAEA,KAAM;IACbC,YAAY,EAAEA,YAAa;IAC3B4B,WAAW,EAAC,eAAe;IAC3BC,cAAc,EAAC,OAAO;IACtBC,gBAAgB,EAAC,MAAM;IACvBC,oBAAoB,EAAEtB,iBAAkB;IACxCuB,cAAc,EAAErB,kBAAmB;IACnCsB,OAAO,EAAE3B,gBAAiB;IAC1B4B,MAAM,EAAE3B,eAAgB;IACxBL,SAAS,EAAEA;EAAU,CACtB,CAAC;AAEN,CAAC;AAED,MAAMyB,MAAM,GAAGlC,UAAU,CAAC0C,MAAM,CAAC;EAC/BpB,KAAK,EAAE;IACLqB,IAAI,EAAE,CAAC;IACPC,MAAM,EAAE,EAAE;IACVC,iBAAiB,EAAE,QAAQ;IAC3BC,iBAAiB,EAAE,EAAE;IACrBC,YAAY,EAAE,CAAC;IACfC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAElD,QAAQ,CAACmD,EAAE,KAAK,SAAS,GAAG,EAAE,GAAGC,SAAS;IACtDC,aAAa,EAAE,GAAG;IAClBpB,WAAW,EAAE;EACf;AACF,CAAC,CAAC"}

package/lib/module/components/Header.js

@@ -1,22 +1,16 @@
 import React, { memo } from 'react';
-import { View, StyleSheet, Text } from 'react-native';
+import { View, StyleSheet } from 'react-native';
 import Animated, { useAnimatedProps, useAnimatedStyle } from 'react-native-reanimated';
-import { COLORS } from '../utils/theme';
-import { HMSManageLeave } from './HMSManageLeave';
 import { HMSManageCameraRotation } from './HMSManageCameraRotation';
-import { useIsHLSViewer } from '../hooks-util';
-import { HmsLogoIcon } from '../Icons';
-import { useSelector } from 'react-redux';
+import { useHMSRoomStyle, useIsHLSViewer } from '../hooks-util';
+import { HMSManageAudioOutput } from './HMSManageAudioOutput';
+import { HMSRecordingIndicator } from './HMSRecordingIndicator';
+import { CompanyLogo } from './CompanyLogo';
 export const _Header = _ref => {
   let {
     offset
   } = _ref;
   const isHLSViewer = useIsHLSViewer();
-  const roomName = useSelector(state => {
-    var _state$hmsStates$room;
-    return (_state$hmsStates$room = state.hmsStates.room) === null || _state$hmsStates$room === void 0 ? void 0 : _state$hmsStates$room.name;
-  });
-  const debugMode = useSelector(state => state.user.debugMode);
   const animatedStyles = useAnimatedStyle(() => {
     return {
       opacity: offset.value
@@ -28,41 +22,47 @@ export const _Header = _ref => {
       pointerEvents: offset.value === 0 ? 'none' : 'auto'
     };
   }, []);
+  const containerStyles = useHMSRoomStyle(theme => ({
+    backgroundColor: theme.palette.background_dim
+  }));
   return /*#__PURE__*/React.createElement(Animated.View, {
     style: animatedStyles,
     animatedProps: animatedProps
-  }, isHLSViewer ? /*#__PURE__*/React.createElement(View, {
-    style: styles.hlsContainer
-  }, /*#__PURE__*/React.createElement(HmsLogoIcon, null), debugMode && roomName ? /*#__PURE__*/React.createElement(Text, {
-    style: styles.roomName
-  }, roomName) : null) : /*#__PURE__*/React.createElement(View, {
-    style: styles.container
-  }, /*#__PURE__*/React.createElement(HMSManageLeave, null), /*#__PURE__*/React.createElement(HMSManageCameraRotation, null)));
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [styles.container, containerStyles]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.logoContainer
+  }, /*#__PURE__*/React.createElement(CompanyLogo, {
+    style: styles.logo
+  }), /*#__PURE__*/React.createElement(HMSRecordingIndicator, null)), /*#__PURE__*/React.createElement(View, {
+    style: styles.controls
+  }, isHLSViewer ? null : /*#__PURE__*/React.createElement(View, {
+    style: styles.cameraRotationWrapper
+  }, /*#__PURE__*/React.createElement(HMSManageCameraRotation, null)), /*#__PURE__*/React.createElement(HMSManageAudioOutput, null))));
 };
 const styles = StyleSheet.create({
   container: {
-    paddingVertical: 8,
+    paddingTop: 8,
+    paddingBottom: 16,
     paddingHorizontal: 16,
-    backgroundColor: COLORS.BACKGROUND.DIM,
     flexDirection: 'row',
     alignItems: 'center',
     justifyContent: 'space-between'
   },
-  hlsContainer: {
-    padding: 16,
-    paddingTop: 8,
+  logoContainer: {
     flexDirection: 'row',
     alignItems: 'center'
   },
-  roomName: {
-    flex: 1,
-    fontFamily: 'Inter',
-    fontSize: 15,
-    fontWeight: '500',
-    color: COLORS.SURFACE.ON_SURFACE.HIGH,
-    lineHeight: 20,
-    letterSpacing: 0.1,
-    marginLeft: 24
+  logo: {
+    marginRight: 12
+  },
+  controls: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginLeft: 16
+  },
+  cameraRotationWrapper: {
+    marginRight: 16
   }
 });
 export const Header = /*#__PURE__*/memo(_Header);

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

@@ -1 +1 @@
-{"version":3,"names":["React","memo","View","StyleSheet","Text","Animated","useAnimatedProps","useAnimatedStyle","COLORS","HMSManageLeave","HMSManageCameraRotation","useIsHLSViewer","HmsLogoIcon","useSelector","_Header","_ref","offset","isHLSViewer","roomName","state","_state$hmsStates$room","hmsStates","room","name","debugMode","user","animatedStyles","opacity","value","animatedProps","pointerEvents","createElement","style","styles","hlsContainer","container","create","paddingVertical","paddingHorizontal","backgroundColor","BACKGROUND","DIM","flexDirection","alignItems","justifyContent","padding","paddingTop","flex","fontFamily","fontSize","fontWeight","color","SURFACE","ON_SURFACE","HIGH","lineHeight","letterSpacing","marginLeft","Header"],"sourceRoot":"../../../src","sources":["components/Header.tsx"],"mappings":"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"}
+{"version":3,"names":["React","memo","View","StyleSheet","Animated","useAnimatedProps","useAnimatedStyle","HMSManageCameraRotation","useHMSRoomStyle","useIsHLSViewer","HMSManageAudioOutput","HMSRecordingIndicator","CompanyLogo","_Header","_ref","offset","isHLSViewer","animatedStyles","opacity","value","animatedProps","pointerEvents","containerStyles","theme","backgroundColor","palette","background_dim","createElement","style","styles","container","logoContainer","logo","controls","cameraRotationWrapper","create","paddingTop","paddingBottom","paddingHorizontal","flexDirection","alignItems","justifyContent","marginRight","marginLeft","Header"],"sourceRoot":"../../../src","sources":["components/Header.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AACnC,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,OAAOC,QAAQ,IACbC,gBAAgB,EAChBC,gBAAgB,QACX,yBAAyB;AAGhC,SAASC,uBAAuB,QAAQ,2BAA2B;AACnE,SAASC,eAAe,EAAEC,cAAc,QAAQ,eAAe;AAC/D,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,SAASC,qBAAqB,QAAQ,yBAAyB;AAC/D,SAASC,WAAW,QAAQ,eAAe;AAM3C,OAAO,MAAMC,OAA8B,GAAGC,IAAA,IAAgB;EAAA,IAAf;IAAEC;EAAO,CAAC,GAAAD,IAAA;EACvD,MAAME,WAAW,GAAGP,cAAc,CAAC,CAAC;EAEpC,MAAMQ,cAAc,GAAGX,gBAAgB,CAAC,MAAM;IAC5C,OAAO;MACLY,OAAO,EAAEH,MAAM,CAACI;MAChB;IACF,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,aAAa,GAAGf,gBAAgB,CAAC,MAElC;IACH,OAAO;MACLgB,aAAa,EAAEN,MAAM,CAACI,KAAK,KAAK,CAAC,GAAG,MAAM,GAAG;IAC/C,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMG,eAAe,GAAGd,eAAe,CAAEe,KAAK,KAAM;IAClDC,eAAe,EAAED,KAAK,CAACE,OAAO,CAACC;EACjC,CAAC,CAAC,CAAC;EAEH,oBACE1B,KAAA,CAAA2B,aAAA,CAACvB,QAAQ,CAACF,IAAI;IAAC0B,KAAK,EAAEX,cAAe;IAACG,aAAa,EAAEA;EAAc,gBACjEpB,KAAA,CAAA2B,aAAA,CAACzB,IAAI;IAAC0B,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAER,eAAe;EAAE,gBAC/CtB,KAAA,CAAA2B,aAAA,CAACzB,IAAI;IAAC0B,KAAK,EAAEC,MAAM,CAACE;EAAc,gBAChC/B,KAAA,CAAA2B,aAAA,CAACf,WAAW;IAACgB,KAAK,EAAEC,MAAM,CAACG;EAAK,CAAE,CAAC,eAEnChC,KAAA,CAAA2B,aAAA,CAAChB,qBAAqB,MAAE,CACpB,CAAC,eAEPX,KAAA,CAAA2B,aAAA,CAACzB,IAAI;IAAC0B,KAAK,EAAEC,MAAM,CAACI;EAAS,GAC1BjB,WAAW,GAAG,IAAI,gBACjBhB,KAAA,CAAA2B,aAAA,CAACzB,IAAI;IAAC0B,KAAK,EAAEC,MAAM,CAACK;EAAsB,gBACxClC,KAAA,CAAA2B,aAAA,CAACpB,uBAAuB,MAAE,CACtB,CACP,eAEDP,KAAA,CAAA2B,aAAA,CAACjB,oBAAoB,MAAE,CACnB,CACF,CACO,CAAC;AAEpB,CAAC;AAED,MAAMmB,MAAM,GAAG1B,UAAU,CAACgC,MAAM,CAAC;EAC/BL,SAAS,EAAE;IACTM,UAAU,EAAE,CAAC;IACbC,aAAa,EAAE,EAAE;IACjBC,iBAAiB,EAAE,EAAE;IACrBC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDV,aAAa,EAAE;IACbQ,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE;EACd,CAAC;EACDR,IAAI,EAAE;IACJU,WAAW,EAAE;EACf,CAAC;EACDT,QAAQ,EAAE;IACRM,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBG,UAAU,EAAE;EACd,CAAC;EACDT,qBAAqB,EAAE;IACrBQ,WAAW,EAAE;EACf;AACF,CAAC,CAAC;AAEF,OAAO,MAAME,MAAM,gBAAG3C,IAAI,CAACY,OAAO,CAAC;;AAEnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}

package/lib/module/components/LocalPeerRegularVideoView.js

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { useSelector } from 'react-redux';
+import { PeerVideoTileView } from './PeerVideoTile/PeerVideoTileView';
+export const LocalPeerRegularVideoView = _ref => {
+  let {
+    onMoreOptionsPress
+  } = _ref;
+  const localPeerTrackNode = useSelector(state => state.app.localPeerTrackNode);
+  if (!localPeerTrackNode) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(PeerVideoTileView, {
+    peerTrackNode: localPeerTrackNode,
+    onMoreOptionsPress: onMoreOptionsPress
+  });
+};
+//# sourceMappingURL=LocalPeerRegularVideoView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useSelector","PeerVideoTileView","LocalPeerRegularVideoView","_ref","onMoreOptionsPress","localPeerTrackNode","state","app","createElement","peerTrackNode"],"sourceRoot":"../../../src","sources":["components/LocalPeerRegularVideoView.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,WAAW,QAAQ,aAAa;AAEzC,SAASC,iBAAiB,QAAQ,mCAAmC;AAOrE,OAAO,MAAMC,yBAEZ,GAAGC,IAAA,IAA4B;EAAA,IAA3B;IAAEC;EAAmB,CAAC,GAAAD,IAAA;EACzB,MAAME,kBAAkB,GAAGL,WAAW,CACnCM,KAAgB,IAAKA,KAAK,CAACC,GAAG,CAACF,kBAClC,CAAC;EAED,IAAI,CAACA,kBAAkB,EAAE;IACvB,OAAO,IAAI;EACb;EAEA,oBACEN,KAAA,CAAAS,aAAA,CAACP,iBAAiB;IAChBQ,aAAa,EAAEJ,kBAAmB;IAClCD,kBAAkB,EAAEA;EAAmB,CACxC,CAAC;AAEN,CAAC"}

package/lib/module/components/LocalPeerScreenshareView.js

@@ -0,0 +1,66 @@
+import * as React from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import MaterialCommunityIcons from 'react-native-vector-icons/MaterialCommunityIcons';
+import { CustomButton } from './CustomButton';
+import { useHMSActions } from '../hooks-sdk';
+import { COLORS } from '../utils/theme';
+export const LocalPeerScreenshareView = () => {
+  const hmsActions = useHMSActions();
+  const onEndScreenSharePress = async () => {
+    await hmsActions.setScreenShareEnabled(false);
+  };
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(MaterialCommunityIcons, {
+    name: "monitor-share",
+    style: styles.icon,
+    size: 48
+  }), /*#__PURE__*/React.createElement(Text, {
+    style: styles.text
+  }, "You are sharing your screen"), /*#__PURE__*/React.createElement(CustomButton, {
+    title: "X   Stop Screenshare",
+    onPress: onEndScreenSharePress,
+    viewStyle: styles.button,
+    textStyle: styles.buttonText
+  }));
+};
+const styles = StyleSheet.create({
+  container: {
+    width: '100%',
+    height: '100%',
+    backgroundColor: COLORS.SURFACE.DEFAULT,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  icon: {
+    color: COLORS.TEXT.HIGH_EMPHASIS
+  },
+  text: {
+    color: COLORS.TEXT.HIGH_EMPHASIS,
+    fontSize: 20,
+    lineHeight: 24,
+    letterSpacing: 0.15,
+    fontFamily: 'Inter-Medium',
+    marginTop: 16
+  },
+  button: {
+    backgroundColor: COLORS.INDICATORS.ERROR,
+    borderColor: COLORS.INDICATORS.ERROR,
+    justifyContent: 'center',
+    alignItems: 'center',
+    borderWidth: 1,
+    borderRadius: 8,
+    width: '60%',
+    alignSelf: 'center',
+    marginTop: 48
+  },
+  buttonText: {
+    color: COLORS.TEXT.HIGH_EMPHASIS,
+    fontSize: 16,
+    lineHeight: 24,
+    letterSpacing: 0.5,
+    fontFamily: 'Inter-Medium',
+    textTransform: 'capitalize'
+  }
+});
+//# sourceMappingURL=LocalPeerScreenshareView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","Text","View","MaterialCommunityIcons","CustomButton","useHMSActions","COLORS","LocalPeerScreenshareView","hmsActions","onEndScreenSharePress","setScreenShareEnabled","createElement","style","styles","container","name","icon","size","text","title","onPress","viewStyle","button","textStyle","buttonText","create","width","height","backgroundColor","SURFACE","DEFAULT","justifyContent","alignItems","color","TEXT","HIGH_EMPHASIS","fontSize","lineHeight","letterSpacing","fontFamily","marginTop","INDICATORS","ERROR","borderColor","borderWidth","borderRadius","alignSelf","textTransform"],"sourceRoot":"../../../src","sources":["components/LocalPeerScreenshareView.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACrD,OAAOC,sBAAsB,MAAM,kDAAkD;AAErF,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,aAAa,QAAQ,cAAc;AAC5C,SAASC,MAAM,QAAQ,gBAAgB;AAEvC,OAAO,MAAMC,wBAAwB,GAAGA,CAAA,KAAM;EAC5C,MAAMC,UAAU,GAAGH,aAAa,CAAC,CAAC;EAElC,MAAMI,qBAAqB,GAAG,MAAAA,CAAA,KAAY;IACxC,MAAMD,UAAU,CAACE,qBAAqB,CAAC,KAAK,CAAC;EAC/C,CAAC;EAED,oBACEX,KAAA,CAAAY,aAAA,CAACT,IAAI;IAACU,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5Bf,KAAA,CAAAY,aAAA,CAACR,sBAAsB;IACrBY,IAAI,EAAC,eAAe;IACpBH,KAAK,EAAEC,MAAM,CAACG,IAAK;IACnBC,IAAI,EAAE;EAAG,CACV,CAAC,eACFlB,KAAA,CAAAY,aAAA,CAACV,IAAI;IAACW,KAAK,EAAEC,MAAM,CAACK;EAAK,GAAC,6BAAiC,CAAC,eAC5DnB,KAAA,CAAAY,aAAA,CAACP,YAAY;IACXe,KAAK,EAAC,sBAAsB;IAC5BC,OAAO,EAAEX,qBAAsB;IAC/BY,SAAS,EAAER,MAAM,CAACS,MAAO;IACzBC,SAAS,EAAEV,MAAM,CAACW;EAAW,CAC9B,CACG,CAAC;AAEX,CAAC;AAED,MAAMX,MAAM,GAAGb,UAAU,CAACyB,MAAM,CAAC;EAC/BX,SAAS,EAAE;IACTY,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,MAAM;IACdC,eAAe,EAAEtB,MAAM,CAACuB,OAAO,CAACC,OAAO;IACvCC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd,CAAC;EACDhB,IAAI,EAAE;IACJiB,KAAK,EAAE3B,MAAM,CAAC4B,IAAI,CAACC;EACrB,CAAC;EACDjB,IAAI,EAAE;IACJe,KAAK,EAAE3B,MAAM,CAAC4B,IAAI,CAACC,aAAa;IAChCC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE,IAAI;IACnBC,UAAU,EAAE,cAAc;IAC1BC,SAAS,EAAE;EACb,CAAC;EACDlB,MAAM,EAAE;IACNM,eAAe,EAAEtB,MAAM,CAACmC,UAAU,CAACC,KAAK;IACxCC,WAAW,EAAErC,MAAM,CAACmC,UAAU,CAACC,KAAK;IACpCX,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBY,WAAW,EAAE,CAAC;IACdC,YAAY,EAAE,CAAC;IACfnB,KAAK,EAAE,KAAK;IACZoB,SAAS,EAAE,QAAQ;IACnBN,SAAS,EAAE;EACb,CAAC;EACDhB,UAAU,EAAE;IACVS,KAAK,EAAE3B,MAAM,CAAC4B,IAAI,CAACC,aAAa;IAChCC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE,GAAG;IAClBC,UAAU,EAAE,cAAc;IAC1BQ,aAAa,EAAE;EACjB;AACF,CAAC,CAAC"}

package/lib/module/components/Meeting.js

@@ -3,8 +3,7 @@ import { StyleSheet } from 'react-native';
 import { useSelector } from 'react-redux';
 import { SafeAreaView } from 'react-native-safe-area-context';
 import { useRTCStatsListeners } from '../utils/hooks';
-import { COLORS } from '../utils/theme';
-import { clearPendingModalTasks, useFetchHMSRoles, useHMSMessages, useHMSPIPRoomLeave, useHMSRemovedFromRoomUpdate, useLandscapeChatViewVisible, usePIPListener } from '../hooks-util';
+import { clearPendingModalTasks, useFetchHMSRoles, useHMSMessages, useHMSNetworkQualityUpdate, useHMSPIPRoomLeave, useHMSRemovedFromRoomUpdate, useHMSRoomStyle, useLandscapeChatViewVisible, usePIPListener } from '../hooks-util';
 import { ChatView } from './ChatWindow';
 import { MeetingScreenContent } from './MeetingScreenContent';
 import { HMSHLSStreamLoading } from './HMSHLSStreamLoading';
@@ -28,6 +27,9 @@ export const Meeting = _ref => {
 
   // Handle rendering RTC stats on Tiles and inside RTC stats modal
   useRTCStatsListeners();
+
+  // Subscribe to Peers Network quality updates
+  useHMSNetworkQualityUpdate();
   const landscapeChatViewVisible = useLandscapeChatViewVisible();
 
   // Clearing any pending modal opening tasks
@@ -36,6 +38,9 @@ export const Meeting = _ref => {
       clearPendingModalTasks();
     };
   }, []);
+  const containerStyles = useHMSRoomStyle(theme => ({
+    backgroundColor: theme.palette.background_dim
+  }));
   if (startingHLSStream) {
     return /*#__PURE__*/React.createElement(HMSHLSStreamLoading, null);
   }
@@ -47,7 +52,7 @@ export const Meeting = _ref => {
    * Solution: Try using Tab Gesture detector instead on Pressable component
    */
   return /*#__PURE__*/React.createElement(SafeAreaView, {
-    style: styles.container
+    style: [styles.container, containerStyles]
   }, /*#__PURE__*/React.createElement(MeetingScreenContent, {
     peerTrackNodes: peerTrackNodes
   }), landscapeChatViewVisible ? /*#__PURE__*/React.createElement(ChatView, null) : null);
@@ -55,7 +60,6 @@ export const Meeting = _ref => {
 const styles = StyleSheet.create({
   container: {
     flex: 1,
-    backgroundColor: COLORS.BACKGROUND.DIM,
     flexDirection: 'row'
   }
 });

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

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","useSelector","SafeAreaView","useRTCStatsListeners","COLORS","clearPendingModalTasks","useFetchHMSRoles","useHMSMessages","useHMSPIPRoomLeave","useHMSRemovedFromRoomUpdate","useLandscapeChatViewVisible","usePIPListener","ChatView","MeetingScreenContent","HMSHLSStreamLoading","Meeting","_ref","peerTrackNodes","startingHLSStream","state","app","landscapeChatViewVisible","useEffect","createElement","style","styles","container","create","flex","backgroundColor","BACKGROUND","DIM","flexDirection"],"sourceRoot":"../../../src","sources":["components/Meeting.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,WAAW,QAAQ,aAAa;AACzC,SAASC,YAAY,QAAQ,gCAAgC;AAG7D,SAASC,oBAAoB,QAAQ,gBAAgB;AACrD,SAASC,MAAM,QAAQ,gBAAgB;AACvC,SACEC,sBAAsB,EACtBC,gBAAgB,EAChBC,cAAc,EACdC,kBAAkB,EAClBC,2BAA2B,EAC3BC,2BAA2B,EAC3BC,cAAc,QACT,eAAe;AACtB,SAASC,QAAQ,QAAQ,cAAc;AACvC,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,SAASC,mBAAmB,QAAQ,uBAAuB;AAO3D,OAAO,MAAMC,OAA+B,GAAGC,IAAA,IAAwB;EAAA,IAAvB;IAAEC;EAAe,CAAC,GAAAD,IAAA;EAChE,MAAME,iBAAiB,GAAGjB,WAAW,CAClCkB,KAAgB,IAAKA,KAAK,CAACC,GAAG,CAACF,iBAClC,CAAC;;EAED;;EAEAZ,gBAAgB,CAAC,CAAC;EAElBC,cAAc,CAAC,CAAC;EAEhBE,2BAA2B,CAAC,CAAC;;EAE7B;EACAD,kBAAkB,CAAC,CAAC;;EAEpB;EACAG,cAAc,CAAC,CAAC;;EAEhB;EACAR,oBAAoB,CAAC,CAAC;EAEtB,MAAMkB,wBAAwB,GAAGX,2BAA2B,CAAC,CAAC;;EAE9D;EACAX,KAAK,CAACuB,SAAS,CAAC,MAAM;IACpB,OAAO,MAAM;MACXjB,sBAAsB,CAAC,CAAC;IAC1B,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,IAAIa,iBAAiB,EAAE;IACrB,oBAAOnB,KAAA,CAAAwB,aAAA,CAACT,mBAAmB,MAAE,CAAC;EAChC;;EAEA;AACF;AACA;AACA;AACA;AACA;EACE,oBACEf,KAAA,CAAAwB,aAAA,CAACrB,YAAY;IAACsB,KAAK,EAAEC,MAAM,CAACC;EAAU,gBACpC3B,KAAA,CAAAwB,aAAA,CAACV,oBAAoB;IAACI,cAAc,EAAEA;EAAe,CAAE,CAAC,EAEvDI,wBAAwB,gBAAGtB,KAAA,CAAAwB,aAAA,CAACX,QAAQ,MAAE,CAAC,GAAG,IAC/B,CAAC;AAEnB,CAAC;AAED,MAAMa,MAAM,GAAGzB,UAAU,CAAC2B,MAAM,CAAC;EAC/BD,SAAS,EAAE;IACTE,IAAI,EAAE,CAAC;IACPC,eAAe,EAAEzB,MAAM,CAAC0B,UAAU,CAACC,GAAG;IACtCC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC"}
+{"version":3,"names":["React","StyleSheet","useSelector","SafeAreaView","useRTCStatsListeners","clearPendingModalTasks","useFetchHMSRoles","useHMSMessages","useHMSNetworkQualityUpdate","useHMSPIPRoomLeave","useHMSRemovedFromRoomUpdate","useHMSRoomStyle","useLandscapeChatViewVisible","usePIPListener","ChatView","MeetingScreenContent","HMSHLSStreamLoading","Meeting","_ref","peerTrackNodes","startingHLSStream","state","app","landscapeChatViewVisible","useEffect","containerStyles","theme","backgroundColor","palette","background_dim","createElement","style","styles","container","create","flex","flexDirection"],"sourceRoot":"../../../src","sources":["components/Meeting.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,WAAW,QAAQ,aAAa;AACzC,SAASC,YAAY,QAAQ,gCAAgC;AAG7D,SAASC,oBAAoB,QAAQ,gBAAgB;AACrD,SACEC,sBAAsB,EACtBC,gBAAgB,EAChBC,cAAc,EACdC,0BAA0B,EAC1BC,kBAAkB,EAClBC,2BAA2B,EAC3BC,eAAe,EACfC,2BAA2B,EAC3BC,cAAc,QACT,eAAe;AACtB,SAASC,QAAQ,QAAQ,cAAc;AACvC,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,SAASC,mBAAmB,QAAQ,uBAAuB;AAO3D,OAAO,MAAMC,OAA+B,GAAGC,IAAA,IAAwB;EAAA,IAAvB;IAAEC;EAAe,CAAC,GAAAD,IAAA;EAChE,MAAME,iBAAiB,GAAGlB,WAAW,CAClCmB,KAAgB,IAAKA,KAAK,CAACC,GAAG,CAACF,iBAClC,CAAC;;EAED;;EAEAd,gBAAgB,CAAC,CAAC;EAElBC,cAAc,CAAC,CAAC;EAEhBG,2BAA2B,CAAC,CAAC;;EAE7B;EACAD,kBAAkB,CAAC,CAAC;;EAEpB;EACAI,cAAc,CAAC,CAAC;;EAEhB;EACAT,oBAAoB,CAAC,CAAC;;EAEtB;EACAI,0BAA0B,CAAC,CAAC;EAE5B,MAAMe,wBAAwB,GAAGX,2BAA2B,CAAC,CAAC;;EAE9D;EACAZ,KAAK,CAACwB,SAAS,CAAC,MAAM;IACpB,OAAO,MAAM;MACXnB,sBAAsB,CAAC,CAAC;IAC1B,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMoB,eAAe,GAAGd,eAAe,CAAEe,KAAK,KAAM;IAClDC,eAAe,EAAED,KAAK,CAACE,OAAO,CAACC;EACjC,CAAC,CAAC,CAAC;EAEH,IAAIT,iBAAiB,EAAE;IACrB,oBAAOpB,KAAA,CAAA8B,aAAA,CAACd,mBAAmB,MAAE,CAAC;EAChC;;EAEA;AACF;AACA;AACA;AACA;AACA;EACE,oBACEhB,KAAA,CAAA8B,aAAA,CAAC3B,YAAY;IAAC4B,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAER,eAAe;EAAE,gBACvDzB,KAAA,CAAA8B,aAAA,CAACf,oBAAoB;IAACI,cAAc,EAAEA;EAAe,CAAE,CAAC,EAEvDI,wBAAwB,gBAAGvB,KAAA,CAAA8B,aAAA,CAAChB,QAAQ,MAAE,CAAC,GAAG,IAC/B,CAAC;AAEnB,CAAC;AAED,MAAMkB,MAAM,GAAG/B,UAAU,CAACiC,MAAM,CAAC;EAC/BD,SAAS,EAAE;IACTE,IAAI,EAAE,CAAC;IACPC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC"}

package/lib/module/components/MiniView.js

@@ -0,0 +1,154 @@
+import * as React from 'react';
+import { useDispatch, useSelector } from 'react-redux';
+import { StyleSheet, View, LayoutAnimation } from 'react-native';
+import { GestureDetector, Gesture } from 'react-native-gesture-handler';
+import Animated, { cancelAnimation, useAnimatedStyle, useSharedValue, withSpring } from 'react-native-reanimated';
+import { PeerVideoTileView } from './PeerVideoTile/PeerVideoTileView';
+import { PeerMinimizedView, usePeerMinimizedViewDimensions } from './PeerMinimizedView';
+import { setInsetViewMinimized } from '../redux/actions';
+const cornerOffset = {
+  x: 8,
+  y: 16
+};
+export const MiniView = _ref => {
+  let {
+    boundingBoxRef,
+    onMoreOptionsPress
+  } = _ref;
+  const isPressed = useSharedValue(false);
+  const xOffset = useSharedValue(0);
+  const yOffset = useSharedValue(0);
+  const start = useSharedValue({
+    x: 0,
+    y: 0
+  });
+  const dispatch = useDispatch();
+  const minimized = useSelector(state => state.app.insetViewMinimized);
+  const miniviewPeerTrackNode = useSelector(state => state.app.miniviewPeerTrackNode);
+  const {
+    height: minimizedViewHeigth,
+    width: minimizedViewWidth
+  } = usePeerMinimizedViewDimensions();
+  const size = {
+    width: minimized ? minimizedViewWidth : 104,
+    height: minimized ? minimizedViewHeigth : 186
+  };
+  const dimensionStyles = {
+    width: size.width,
+    height: size.height
+  };
+  const animatedStyles = useAnimatedStyle(() => {
+    return {
+      transform: [{
+        translateX: xOffset.value
+      }, {
+        translateY: yOffset.value
+      }, {
+        scale: withSpring(isPressed.value ? 1.05 : 1)
+      }]
+    };
+  }, []);
+  const handlePanGestureEnd = e => {
+    'worklet';
+
+    const {
+      snapPointX,
+      snapPointY
+    } = getSnappingPoints(xOffset.value, yOffset.value, size.width, size.height, cornerOffset.x, cornerOffset.y, boundingBoxRef.current);
+    const finalX = snapPointX;
+    const finalY = snapPointY;
+    xOffset.value = withSpring(finalX, {
+      damping: 100,
+      stiffness: 100,
+      velocity: e.velocityX
+    });
+    yOffset.value = withSpring(finalY, {
+      damping: 100,
+      stiffness: 100,
+      velocity: e.velocityY
+    });
+    start.value = {
+      x: finalX,
+      y: finalY
+    };
+  };
+  const panGesture = Gesture.Pan().onUpdate(e => {
+    xOffset.value = e.translationX + start.value.x;
+    yOffset.value = e.translationY + start.value.y;
+  }).onEnd(handlePanGestureEnd);
+  const longPressGesture = Gesture.LongPress().minDuration(800).maxDistance(1000).onBegin(() => {
+    isPressed.value = true;
+  }).onFinalize(() => {
+    isPressed.value = false;
+  });
+  React.useEffect(() => {
+    handlePanGestureEnd({
+      velocityX: 0,
+      velocityY: 0
+    });
+    return () => {
+      cancelAnimation(xOffset);
+      cancelAnimation(yOffset);
+    };
+  }, [minimized]);
+  const handleMaximize = () => {
+    LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut);
+    dispatch(setInsetViewMinimized(false));
+  };
+  if (!miniviewPeerTrackNode) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(GestureDetector, {
+    gesture: Gesture.Simultaneous(panGesture, longPressGesture)
+  }, /*#__PURE__*/React.createElement(Animated.View, {
+    style: [styles.miniAnimatedView, dimensionStyles, animatedStyles]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.contentContainer
+  }, minimized ? /*#__PURE__*/React.createElement(PeerMinimizedView, {
+    peerTrackNode: miniviewPeerTrackNode,
+    onMaximizePress: handleMaximize
+  }) : /*#__PURE__*/React.createElement(PeerVideoTileView, {
+    peerTrackNode: miniviewPeerTrackNode,
+    insetMode: true,
+    onMoreOptionsPress: onMoreOptionsPress
+  }))));
+};
+const styles = StyleSheet.create({
+  miniAnimatedView: {
+    position: 'absolute',
+    bottom: cornerOffset.y,
+    right: cornerOffset.x,
+    zIndex: 1,
+    elevation: 3,
+    shadowOffset: {
+      height: 3,
+      width: 2
+    },
+    shadowOpacity: 0.3,
+    shadowRadius: 4
+  },
+  contentContainer: {
+    flex: 1,
+    overflow: 'hidden',
+    borderRadius: 8
+  }
+});
+const getSnappingPoints = (currentValueX, currentValueY, compWidth, compHeight, xCornerOffset, yCornerOffset, boundingBox) => {
+  'worklet';
+
+  if (!boundingBox) {
+    return {
+      snapPointX: 0,
+      snapPointY: 0
+    };
+  }
+  const {
+    height,
+    width
+  } = boundingBox;
+  return {
+    snapPointX: Math.abs(currentValueX) + compWidth < width / 2 ? 0 : -width + compWidth + xCornerOffset * 2,
+    snapPointY: Math.abs(currentValueY) + compHeight < height / 2 ? 0 : -height + compHeight + yCornerOffset * 2
+  };
+};
+//# sourceMappingURL=MiniView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useDispatch","useSelector","StyleSheet","View","LayoutAnimation","GestureDetector","Gesture","Animated","cancelAnimation","useAnimatedStyle","useSharedValue","withSpring","PeerVideoTileView","PeerMinimizedView","usePeerMinimizedViewDimensions","setInsetViewMinimized","cornerOffset","x","y","MiniView","_ref","boundingBoxRef","onMoreOptionsPress","isPressed","xOffset","yOffset","start","dispatch","minimized","state","app","insetViewMinimized","miniviewPeerTrackNode","height","minimizedViewHeigth","width","minimizedViewWidth","size","dimensionStyles","animatedStyles","transform","translateX","value","translateY","scale","handlePanGestureEnd","e","snapPointX","snapPointY","getSnappingPoints","current","finalX","finalY","damping","stiffness","velocity","velocityX","velocityY","panGesture","Pan","onUpdate","translationX","translationY","onEnd","longPressGesture","LongPress","minDuration","maxDistance","onBegin","onFinalize","useEffect","handleMaximize","configureNext","Presets","easeInEaseOut","createElement","gesture","Simultaneous","style","styles","miniAnimatedView","contentContainer","peerTrackNode","onMaximizePress","insetMode","create","position","bottom","right","zIndex","elevation","shadowOffset","shadowOpacity","shadowRadius","flex","overflow","borderRadius","currentValueX","currentValueY","compWidth","compHeight","xCornerOffset","yCornerOffset","boundingBox","Math","abs"],"sourceRoot":"../../../src","sources":["components/MiniView.tsx"],"mappings":"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"}