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

package/lib/module/components/PeerSettingsModalContent.js

@@ -1,39 +1,33 @@
 import React from 'react';
 import { View, TouchableOpacity, Text, StyleSheet, LayoutAnimation, InteractionManager } from 'react-native';
-import { batch, useDispatch, useSelector } from 'react-redux';
-import { HMSTrackSource } from '@100mslive/react-native-hms';
-import Ionicons from 'react-native-vector-icons/Ionicons';
-import MaterialCommunityIcons from 'react-native-vector-icons/MaterialCommunityIcons';
-import { COLORS } from '../utils/theme';
+import { useDispatch, useSelector } from 'react-redux';
 import { ModalTypes } from '../utils/types';
-import { isTileOnSpotlight } from '../utils/functions';
-import { setInsetViewMinimized, setPeerToUpdate } from '../redux/actions';
+import { setInsetViewMinimized } from '../redux/actions';
 import { useHMSRoomStyle, useModalType } from '../hooks-util';
-import { MinimizeIcon, PinIcon, StarIcon } from '../Icons';
-import { useCanPublishVideo } from '../hooks-sdk';
+import { CameraIcon, MicIcon, MinimizeIcon, PencilIcon, PersonIcon } from '../Icons';
 import { BottomSheet } from './BottomSheet';
 export const PeerSettingsModalContent = _ref => {
-  var _localPeer$role, _peer$audioTrack, _peer$videoTrack, _peer$role, _peerTrackNode$track;
+  var _localPeer$role, _peer$audioTrack, _peer$videoTrack, _peer$role;
   let {
     peerTrackNode,
     peerTrackNodesListEmpty,
-    cancelModal,
-    onCaptureScreenShotPress,
-    onCaptureImageAtMaxSupportedResolutionPress,
-    onStreamingQualityPress
+    cancelModal
   } = _ref;
   const dispatch = useDispatch();
   const hmsInstance = useSelector(state => state.user.hmsInstance);
   const localPeer = useSelector(state => state.hmsStates.localPeer);
-  const hmsSessionStore = useSelector(state => state.user.hmsSessionStore);
-  const spotlightTrackId = useSelector(state => state.user.spotlightTrackId);
-  const debugMode = useSelector(state => state.user.debugMode);
+  const settingsForMiniview = useSelector(state => {
+    const mininode = state.app.miniviewPeerTrackNode;
+    return mininode && mininode.id === peerTrackNode.id;
+  });
+  const removeTextStyle = useHMSRoomStyle(theme => ({
+    color: theme.palette.alert_error_default
+  }));
   const {
     handleModalVisibleType: setModalVisible
   } = useModalType();
-  const localPeerCanPublishVideo = useCanPublishVideo();
   const removePeer = () => {
-    hmsInstance === null || hmsInstance === void 0 ? void 0 : hmsInstance.removePeer(peerTrackNode.peer, 'removed from room').then(d => console.log('Remove Peer Success: ', d)).catch(e => console.log('Remove Peer Error: ', e));
+    hmsInstance === null || hmsInstance === void 0 || hmsInstance.removePeer(peerTrackNode.peer, 'removed from room').then(d => console.log('Remove Peer Success: ', d)).catch(e => console.log('Remove Peer Error: ', e));
     cancelModal();
   };
   const toggleMuteAudio = () => {
@@ -41,23 +35,18 @@ export const PeerSettingsModalContent = _ref => {
     if (peerTrackNode.peer.isLocal) {
       return;
     }
-    hmsInstance === null || hmsInstance === void 0 ? void 0 : hmsInstance.changeTrackState(peerTrackNode.peer.audioTrack, !peerTrackNode.peer.audioTrack.isMute());
+    hmsInstance === null || hmsInstance === void 0 || hmsInstance.changeTrackState(peerTrackNode.peer.audioTrack, !peerTrackNode.peer.audioTrack.isMute());
   };
   const toggleMuteVideo = () => {
     cancelModal();
     if (peerTrackNode.peer.isLocal) {
       return;
     }
-    hmsInstance === null || hmsInstance === void 0 ? void 0 : hmsInstance.changeTrackState(peerTrackNode.peer.videoTrack, !peerTrackNode.peer.videoTrack.isMute());
+    hmsInstance === null || hmsInstance === void 0 || hmsInstance.changeTrackState(peerTrackNode.peer.videoTrack, !peerTrackNode.peer.videoTrack.isMute());
+  };
+  const changeName = () => {
+    setModalVisible(ModalTypes.CHANGE_NAME, true);
   };
-
-  // const changeName = () => {
-  //   batch(() => {
-  //     dispatch(setPeerToUpdate(peerTrackNode.peer));
-  //     setModalVisible(ModalTypes.CHANGE_NAME, true);
-  //   });
-  // };
-
   const handleMinimizeVideoPress = () => {
     cancelModal();
     InteractionManager.runAfterInteractions(() => {
@@ -65,38 +54,6 @@ export const PeerSettingsModalContent = _ref => {
       dispatch(setInsetViewMinimized(true));
     });
   };
-  const changeRole = () => {
-    batch(() => {
-      dispatch(setPeerToUpdate(peerTrackNode.peer));
-      setModalVisible(ModalTypes.CHANGE_ROLE, true);
-    });
-  };
-
-  // Check if selected tile is "On Spotlight"
-  const {
-    onSpotlight,
-    tileVideoTrackId,
-    tileAudioTrackId
-  } = isTileOnSpotlight(spotlightTrackId, {
-    tileVideoTrack: peerTrackNode.track,
-    peerRegularAudioTrack: peerTrackNode.peer.audioTrack,
-    peerAuxTracks: peerTrackNode.peer.auxiliaryTracks
-  });
-  const handleSpotlightPress = async () => {
-    try {
-      // Close Modal
-      cancelModal();
-      if (!hmsSessionStore) {
-        return null;
-      }
-      if (tileAudioTrackId || tileVideoTrackId) {
-        // Toggle `spotlight` key value on Session Store
-        await hmsSessionStore.set(onSpotlight ? null : tileAudioTrackId || tileVideoTrackId, 'spotlight');
-      }
-    } catch (error) {
-      console.log('Add to spotlight error -> ', error);
-    }
-  };
   const {
     peer
   } = peerTrackNode;
@@ -109,27 +66,13 @@ export const PeerSettingsModalContent = _ref => {
     subheading: (_peer$role = peer.role) === null || _peer$role === void 0 ? void 0 : _peer$role.name
   }), /*#__PURE__*/React.createElement(BottomSheet.Divider, null), /*#__PURE__*/React.createElement(View, {
     style: styles.contentContainer
-  }, peer.isLocal ?
-  /*#__PURE__*/
-  // TODO: Remove this condition later
-  React.createElement(SettingItem, {
-    customIcon: true,
-    text: true ? 'Pin Tile for Myself' : 'Unpin Tile for Myself',
-    icon: /*#__PURE__*/React.createElement(PinIcon, {
-      style: styles.customIcon
-    }),
-    disabled: true,
-    onPress: () => {}
-  }) : null, /*#__PURE__*/React.createElement(SettingItem, {
-    customIcon: true,
-    text: onSpotlight ? 'Remove Spotlight for Everyone' : 'Spotlight Tile for Everyone',
-    icon: /*#__PURE__*/React.createElement(StarIcon, {
+  }, peer.isLocal ? /*#__PURE__*/React.createElement(SettingItem, {
+    text: 'Change Name',
+    icon: /*#__PURE__*/React.createElement(PencilIcon, {
       style: styles.customIcon
     }),
-    onPress: handleSpotlightPress,
-    disabled: !((_peerTrackNode$track = peerTrackNode.track) !== null && _peerTrackNode$track !== void 0 && _peerTrackNode$track.trackId)
-  }), peer.isLocal && localPeerCanPublishVideo ? /*#__PURE__*/React.createElement(SettingItem, {
-    customIcon: true,
+    onPress: changeName
+  }) : null, settingsForMiniview ? /*#__PURE__*/React.createElement(SettingItem, {
     text: 'Minimize Your Video',
     icon: /*#__PURE__*/React.createElement(MinimizeIcon, {
       style: styles.customIcon
@@ -138,60 +81,49 @@ export const PeerSettingsModalContent = _ref => {
     disabled: peerTrackNodesListEmpty
   }) : null, !peer.isLocal && (localPeerPermissions !== null && localPeerPermissions !== void 0 && localPeerPermissions.mute || localPeerPermissions !== null && localPeerPermissions !== void 0 && localPeerPermissions.unmute) ? /*#__PURE__*/React.createElement(React.Fragment, null, isPeerAudioMute && localPeerPermissions !== null && localPeerPermissions !== void 0 && localPeerPermissions.unmute ? /*#__PURE__*/React.createElement(SettingItem, {
     text: 'Request Audio Unmute',
-    IconType: Ionicons,
-    iconName: 'mic-off-outline',
+    icon: /*#__PURE__*/React.createElement(MicIcon, {
+      muted: false,
+      style: styles.customIcon
+    }),
     onPress: toggleMuteAudio
   }) : null, !isPeerAudioMute && localPeerPermissions !== null && localPeerPermissions !== void 0 && localPeerPermissions.mute ? /*#__PURE__*/React.createElement(SettingItem, {
     text: 'Mute Audio',
-    IconType: Ionicons,
-    iconName: 'mic-outline',
+    icon: /*#__PURE__*/React.createElement(MicIcon, {
+      muted: true,
+      style: styles.customIcon
+    }),
     onPress: toggleMuteAudio
   }) : null) : null, !peer.isLocal && (localPeerPermissions !== null && localPeerPermissions !== void 0 && localPeerPermissions.mute || localPeerPermissions !== null && localPeerPermissions !== void 0 && localPeerPermissions.unmute) ? /*#__PURE__*/React.createElement(React.Fragment, null, isPeerVideoMute && localPeerPermissions !== null && localPeerPermissions !== void 0 && localPeerPermissions.unmute ? /*#__PURE__*/React.createElement(SettingItem, {
     text: 'Request Video Unmute',
-    IconType: MaterialCommunityIcons,
-    iconName: 'video-off-outline',
+    icon: /*#__PURE__*/React.createElement(CameraIcon, {
+      muted: false,
+      style: styles.customIcon
+    }),
     onPress: toggleMuteVideo
   }) : null, !isPeerVideoMute && localPeerPermissions !== null && localPeerPermissions !== void 0 && localPeerPermissions.mute ? /*#__PURE__*/React.createElement(SettingItem, {
     text: 'Mute Video',
-    IconType: MaterialCommunityIcons,
-    iconName: 'video-outline',
+    icon: /*#__PURE__*/React.createElement(CameraIcon, {
+      muted: true,
+      style: styles.customIcon
+    }),
     onPress: toggleMuteVideo
   }) : null) : null, !peer.isLocal && localPeerPermissions !== null && localPeerPermissions !== void 0 && localPeerPermissions.removeOthers ? /*#__PURE__*/React.createElement(SettingItem, {
-    text: "Remove Peer",
-    IconType: Ionicons,
-    iconName: 'person-remove-outline',
+    text: "Remove Participant",
+    textStyle: removeTextStyle,
+    icon: /*#__PURE__*/React.createElement(PersonIcon, {
+      type: "left",
+      style: styles.customIcon
+    }),
     onPress: removePeer
-  }) : null, !peer.isLocal && localPeerPermissions !== null && localPeerPermissions !== void 0 && localPeerPermissions.changeRole ? /*#__PURE__*/React.createElement(SettingItem, {
-    text: "Change Role",
-    IconType: Ionicons,
-    iconName: 'people-outline',
-    onPress: () => changeRole()
-  }) : null, !debugMode || peerTrackNode.peer.isLocal && peerTrackNode.track && peerTrackNode.track.source === HMSTrackSource.SCREEN ? null : /*#__PURE__*/React.createElement(SettingItem, {
-    text: "Capture Screenshot",
-    IconType: MaterialCommunityIcons,
-    iconName: 'cellphone-screenshot',
-    onPress: () => onCaptureScreenShotPress(peerTrackNode),
-    disabled: !peerTrackNode.track || peerTrackNode.track.isMute() // Capture Screenshot option should be disable, if track is muted or not available
-  }), debugMode && peerTrackNode.peer.isLocal ? /*#__PURE__*/React.createElement(SettingItem, {
-    text: "Local Image Capture",
-    IconType: MaterialCommunityIcons,
-    iconName: 'cellphone-screenshot',
-    onPress: () => onCaptureImageAtMaxSupportedResolutionPress(peerTrackNode),
-    disabled: !peerTrackNode.track || peerTrackNode.track.isMute() // Local Image Capture option should be disable, if track is muted or not available
-  }) : null, debugMode && !peer.isLocal ? /*#__PURE__*/React.createElement(SettingItem, {
-    text: "Streaming Quality",
-    IconType: Ionicons,
-    iconName: 'layers-outline',
-    onPress: () => peerTrackNode.track ? onStreamingQualityPress(peerTrackNode.track) : null,
-    disabled: !peerTrackNode.track || peerTrackNode.track.isMute() // Streaming Quality option should be disable, if track is muted or not available
   }) : null));
 };
 const SettingItem = _ref2 => {
   let {
     onPress,
     text,
-    disabled = false,
-    ...resetProps
+    icon,
+    textStyle,
+    disabled = false
   } = _ref2;
   const textStyles = useHMSRoomStyle((theme, typography) => ({
     color: theme.palette.on_surface_high,
@@ -203,12 +135,8 @@ const SettingItem = _ref2 => {
       opacity: 0.6
     } : null],
     onPress: onPress
-  }, resetProps.customIcon ? resetProps.icon : /*#__PURE__*/React.createElement(resetProps.IconType, {
-    name: resetProps.iconName,
-    size: 24,
-    style: styles.icon
-  }), /*#__PURE__*/React.createElement(Text, {
-    style: [styles.text, textStyles]
+  }, icon, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.text, textStyles, textStyle]
   }, text));
 };
 const styles = StyleSheet.create({
@@ -231,10 +159,6 @@ const styles = StyleSheet.create({
     fontSize: 14,
     lineHeight: 20,
     letterSpacing: 0.1
-  },
-  icon: {
-    color: COLORS.WHITE,
-    marginRight: 12
   }
 });
 //# sourceMappingURL=PeerSettingsModalContent.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","TouchableOpacity","Text","StyleSheet","LayoutAnimation","InteractionManager","batch","useDispatch","useSelector","HMSTrackSource","Ionicons","MaterialCommunityIcons","COLORS","ModalTypes","isTileOnSpotlight","setInsetViewMinimized","setPeerToUpdate","useHMSRoomStyle","useModalType","MinimizeIcon","PinIcon","StarIcon","useCanPublishVideo","BottomSheet","PeerSettingsModalContent","_ref","_localPeer$role","_peer$audioTrack","_peer$videoTrack","_peer$role","_peerTrackNode$track","peerTrackNode","peerTrackNodesListEmpty","cancelModal","onCaptureScreenShotPress","onCaptureImageAtMaxSupportedResolutionPress","onStreamingQualityPress","dispatch","hmsInstance","state","user","localPeer","hmsStates","hmsSessionStore","spotlightTrackId","debugMode","handleModalVisibleType","setModalVisible","localPeerCanPublishVideo","removePeer","peer","then","d","console","log","catch","e","toggleMuteAudio","isLocal","changeTrackState","audioTrack","isMute","toggleMuteVideo","videoTrack","handleMinimizeVideoPress","runAfterInteractions","configureNext","Presets","easeInEaseOut","changeRole","CHANGE_ROLE","onSpotlight","tileVideoTrackId","tileAudioTrackId","tileVideoTrack","track","peerRegularAudioTrack","peerAuxTracks","auxiliaryTracks","handleSpotlightPress","set","error","localPeerPermissions","role","permissions","isPeerAudioMute","isPeerVideoMute","createElement","Header","dismissModal","heading","name","subheading","Divider","style","styles","contentContainer","SettingItem","customIcon","text","icon","disabled","onPress","trackId","mute","unmute","Fragment","IconType","iconName","removeOthers","source","SCREEN","_ref2","resetProps","textStyles","theme","typography","color","palette","on_surface_high","fontFamily","font_family","button","opacity","size","create","marginBottom","width","height","marginRight","flexDirection","alignItems","paddingVertical","paddingHorizontal","fontSize","lineHeight","letterSpacing","WHITE"],"sourceRoot":"../../../src","sources":["components/PeerSettingsModalContent.tsx"],"mappings":"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"}
+{"version":3,"names":["React","View","TouchableOpacity","Text","StyleSheet","LayoutAnimation","InteractionManager","useDispatch","useSelector","ModalTypes","setInsetViewMinimized","useHMSRoomStyle","useModalType","CameraIcon","MicIcon","MinimizeIcon","PencilIcon","PersonIcon","BottomSheet","PeerSettingsModalContent","_ref","_localPeer$role","_peer$audioTrack","_peer$videoTrack","_peer$role","peerTrackNode","peerTrackNodesListEmpty","cancelModal","dispatch","hmsInstance","state","user","localPeer","hmsStates","settingsForMiniview","mininode","app","miniviewPeerTrackNode","id","removeTextStyle","theme","color","palette","alert_error_default","handleModalVisibleType","setModalVisible","removePeer","peer","then","d","console","log","catch","e","toggleMuteAudio","isLocal","changeTrackState","audioTrack","isMute","toggleMuteVideo","videoTrack","changeName","CHANGE_NAME","handleMinimizeVideoPress","runAfterInteractions","configureNext","Presets","easeInEaseOut","localPeerPermissions","role","permissions","isPeerAudioMute","isPeerVideoMute","createElement","Header","dismissModal","heading","name","subheading","Divider","style","styles","contentContainer","SettingItem","text","icon","customIcon","onPress","disabled","mute","unmute","Fragment","muted","removeOthers","textStyle","type","_ref2","textStyles","typography","on_surface_high","fontFamily","font_family","button","opacity","create","marginBottom","width","height","marginRight","flexDirection","alignItems","paddingVertical","paddingHorizontal","fontSize","lineHeight","letterSpacing"],"sourceRoot":"../../../src","sources":["components/PeerSettingsModalContent.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,IAAI,EACJC,gBAAgB,EAChBC,IAAI,EACJC,UAAU,EACVC,eAAe,EACfC,kBAAkB,QACb,cAAc;AAErB,SAASC,WAAW,EAAEC,WAAW,QAAQ,aAAa;AAItD,SAASC,UAAU,QAAQ,gBAAgB;AAE3C,SAASC,qBAAqB,QAAQ,kBAAkB;AACxD,SAASC,eAAe,EAAEC,YAAY,QAAQ,eAAe;AAC7D,SACEC,UAAU,EACVC,OAAO,EACPC,YAAY,EACZC,UAAU,EACVC,UAAU,QACL,UAAU;AACjB,SAASC,WAAW,QAAQ,eAAe;AAW3C,OAAO,MAAMC,wBAEZ,GAAGC,IAAA,IAA6D;EAAA,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,UAAA;EAAA,IAA5D;IAAEC,aAAa;IAAEC,uBAAuB;IAAEC;EAAY,CAAC,GAAAP,IAAA;EAC1D,MAAMQ,QAAQ,GAAGrB,WAAW,CAAC,CAAC;EAC9B,MAAMsB,WAAW,GAAGrB,WAAW,CAAEsB,KAAgB,IAAKA,KAAK,CAACC,IAAI,CAACF,WAAW,CAAC;EAC7E,MAAMG,SAAS,GAAGxB,WAAW,CAC1BsB,KAAgB,IAAKA,KAAK,CAACG,SAAS,CAACD,SACxC,CAAC;EACD,MAAME,mBAAmB,GAAG1B,WAAW,CAAEsB,KAAgB,IAAK;IAC5D,MAAMK,QAAQ,GAAGL,KAAK,CAACM,GAAG,CAACC,qBAAqB;IAChD,OAAOF,QAAQ,IAAIA,QAAQ,CAACG,EAAE,KAAKb,aAAa,CAACa,EAAE;EACrD,CAAC,CAAC;EAEF,MAAMC,eAAe,GAAG5B,eAAe,CAAE6B,KAAK,KAAM;IAClDC,KAAK,EAAED,KAAK,CAACE,OAAO,CAACC;EACvB,CAAC,CAAC,CAAC;EAEH,MAAM;IAAEC,sBAAsB,EAAEC;EAAgB,CAAC,GAAGjC,YAAY,CAAC,CAAC;EAElE,MAAMkC,UAAU,GAAGA,CAAA,KAAM;IACvBjB,WAAW,aAAXA,WAAW,eAAXA,WAAW,CACPiB,UAAU,CAACrB,aAAa,CAACsB,IAAI,EAAE,mBAAmB,CAAC,CACpDC,IAAI,CAAEC,CAAC,IAAKC,OAAO,CAACC,GAAG,CAAC,uBAAuB,EAAEF,CAAC,CAAC,CAAC,CACpDG,KAAK,CAAEC,CAAC,IAAKH,OAAO,CAACC,GAAG,CAAC,qBAAqB,EAAEE,CAAC,CAAC,CAAC;IAEtD1B,WAAW,CAAC,CAAC;EACf,CAAC;EAED,MAAM2B,eAAe,GAAGA,CAAA,KAAM;IAC5B3B,WAAW,CAAC,CAAC;IAEb,IAAIF,aAAa,CAACsB,IAAI,CAACQ,OAAO,EAAE;MAC9B;IACF;IAEA1B,WAAW,aAAXA,WAAW,eAAXA,WAAW,CAAE2B,gBAAgB,CAC3B/B,aAAa,CAACsB,IAAI,CAACU,UAAU,EAC7B,CAAChC,aAAa,CAACsB,IAAI,CAACU,UAAU,CAAGC,MAAM,CAAC,CAC1C,CAAC;EACH,CAAC;EAED,MAAMC,eAAe,GAAGA,CAAA,KAAM;IAC5BhC,WAAW,CAAC,CAAC;IAEb,IAAIF,aAAa,CAACsB,IAAI,CAACQ,OAAO,EAAE;MAC9B;IACF;IAEA1B,WAAW,aAAXA,WAAW,eAAXA,WAAW,CAAE2B,gBAAgB,CAC3B/B,aAAa,CAACsB,IAAI,CAACa,UAAU,EAC7B,CAACnC,aAAa,CAACsB,IAAI,CAACa,UAAU,CAAGF,MAAM,CAAC,CAC1C,CAAC;EACH,CAAC;EAED,MAAMG,UAAU,GAAGA,CAAA,KAAM;IACvBhB,eAAe,CAACpC,UAAU,CAACqD,WAAW,EAAE,IAAI,CAAC;EAC/C,CAAC;EAED,MAAMC,wBAAwB,GAAGA,CAAA,KAAM;IACrCpC,WAAW,CAAC,CAAC;IACbrB,kBAAkB,CAAC0D,oBAAoB,CAAC,MAAM;MAC5C3D,eAAe,CAAC4D,aAAa,CAAC5D,eAAe,CAAC6D,OAAO,CAACC,aAAa,CAAC;MACpEvC,QAAQ,CAAClB,qBAAqB,CAAC,IAAI,CAAC,CAAC;IACvC,CAAC,CAAC;EACJ,CAAC;EAED,MAAM;IAAEqC;EAAK,CAAC,GAAGtB,aAAa;EAE9B,MAAM2C,oBAAoB,GAAGpC,SAAS,aAATA,SAAS,gBAAAX,eAAA,GAATW,SAAS,CAAEqC,IAAI,cAAAhD,eAAA,uBAAfA,eAAA,CAAiBiD,WAAW;EAEzD,MAAMC,eAAe,GAAGxB,IAAI,CAACQ,OAAO,GAAG,IAAI,IAAAjC,gBAAA,GAAGyB,IAAI,CAACU,UAAU,cAAAnC,gBAAA,uBAAfA,gBAAA,CAAiBoC,MAAM,CAAC,CAAC;EACvE,MAAMc,eAAe,GAAGzB,IAAI,CAACQ,OAAO,GAAG,IAAI,IAAAhC,gBAAA,GAAGwB,IAAI,CAACa,UAAU,cAAArC,gBAAA,uBAAfA,gBAAA,CAAiBmC,MAAM,CAAC,CAAC;EAEvE,oBACE1D,KAAA,CAAAyE,aAAA,CAACxE,IAAI,qBACHD,KAAA,CAAAyE,aAAA,CAACvD,WAAW,CAACwD,MAAM;IACjBC,YAAY,EAAEhD,WAAY;IAC1BiD,OAAO,EAAE7B,IAAI,CAAC8B,IAAI,IAAI9B,IAAI,CAACQ,OAAO,GAAG,QAAQ,GAAG,EAAE,CAAE;IACpDuB,UAAU,GAAAtD,UAAA,GAAEuB,IAAI,CAACsB,IAAI,cAAA7C,UAAA,uBAATA,UAAA,CAAWqD;EAAK,CAC7B,CAAC,eAEF7E,KAAA,CAAAyE,aAAA,CAACvD,WAAW,CAAC6D,OAAO,MAAE,CAAC,eAGvB/E,KAAA,CAAAyE,aAAA,CAACxE,IAAI;IAAC+E,KAAK,EAAEC,MAAM,CAACC;EAAiB,GAClCnC,IAAI,CAACQ,OAAO,gBACXvD,KAAA,CAAAyE,aAAA,CAACU,WAAW;IACVC,IAAI,EAAE,aAAc;IACpBC,IAAI,eAAErF,KAAA,CAAAyE,aAAA,CAACzD,UAAU;MAACgE,KAAK,EAAEC,MAAM,CAACK;IAAW,CAAE,CAAE;IAC/CC,OAAO,EAAE1B;EAAW,CACrB,CAAC,GACA,IAAI,EAEP3B,mBAAmB,gBAClBlC,KAAA,CAAAyE,aAAA,CAACU,WAAW;IACVC,IAAI,EAAE,qBAAsB;IAC5BC,IAAI,eAAErF,KAAA,CAAAyE,aAAA,CAAC1D,YAAY;MAACiE,KAAK,EAAEC,MAAM,CAACK;IAAW,CAAE,CAAE;IACjDC,OAAO,EAAExB,wBAAyB;IAClCyB,QAAQ,EAAE9D;EAAwB,CACnC,CAAC,GACA,IAAI,EAEP,CAACqB,IAAI,CAACQ,OAAO,KACba,oBAAoB,aAApBA,oBAAoB,eAApBA,oBAAoB,CAAEqB,IAAI,IAAIrB,oBAAoB,aAApBA,oBAAoB,eAApBA,oBAAoB,CAAEsB,MAAM,CAAC,gBAC1D1F,KAAA,CAAAyE,aAAA,CAAAzE,KAAA,CAAA2F,QAAA,QAEGpB,eAAe,IAAIH,oBAAoB,aAApBA,oBAAoB,eAApBA,oBAAoB,CAAEsB,MAAM,gBAC9C1F,KAAA,CAAAyE,aAAA,CAACU,WAAW;IACVC,IAAI,EAAE,sBAAuB;IAC7BC,IAAI,eAAErF,KAAA,CAAAyE,aAAA,CAAC3D,OAAO;MAAC8E,KAAK,EAAE,KAAM;MAACZ,KAAK,EAAEC,MAAM,CAACK;IAAW,CAAE,CAAE;IAC1DC,OAAO,EAAEjC;EAAgB,CAC1B,CAAC,GACA,IAAI,EAGP,CAACiB,eAAe,IAAIH,oBAAoB,aAApBA,oBAAoB,eAApBA,oBAAoB,CAAEqB,IAAI,gBAC7CzF,KAAA,CAAAyE,aAAA,CAACU,WAAW;IACVC,IAAI,EAAE,YAAa;IACnBC,IAAI,eAAErF,KAAA,CAAAyE,aAAA,CAAC3D,OAAO;MAAC8E,KAAK,EAAE,IAAK;MAACZ,KAAK,EAAEC,MAAM,CAACK;IAAW,CAAE,CAAE;IACzDC,OAAO,EAAEjC;EAAgB,CAC1B,CAAC,GACA,IACJ,CAAC,GACD,IAAI,EAEP,CAACP,IAAI,CAACQ,OAAO,KACba,oBAAoB,aAApBA,oBAAoB,eAApBA,oBAAoB,CAAEqB,IAAI,IAAIrB,oBAAoB,aAApBA,oBAAoB,eAApBA,oBAAoB,CAAEsB,MAAM,CAAC,gBAC1D1F,KAAA,CAAAyE,aAAA,CAAAzE,KAAA,CAAA2F,QAAA,QAEGnB,eAAe,IAAIJ,oBAAoB,aAApBA,oBAAoB,eAApBA,oBAAoB,CAAEsB,MAAM,gBAC9C1F,KAAA,CAAAyE,aAAA,CAACU,WAAW;IACVC,IAAI,EAAE,sBAAuB;IAC7BC,IAAI,eAAErF,KAAA,CAAAyE,aAAA,CAAC5D,UAAU;MAAC+E,KAAK,EAAE,KAAM;MAACZ,KAAK,EAAEC,MAAM,CAACK;IAAW,CAAE,CAAE;IAC7DC,OAAO,EAAE5B;EAAgB,CAC1B,CAAC,GACA,IAAI,EAGP,CAACa,eAAe,IAAIJ,oBAAoB,aAApBA,oBAAoB,eAApBA,oBAAoB,CAAEqB,IAAI,gBAC7CzF,KAAA,CAAAyE,aAAA,CAACU,WAAW;IACVC,IAAI,EAAE,YAAa;IACnBC,IAAI,eAAErF,KAAA,CAAAyE,aAAA,CAAC5D,UAAU;MAAC+E,KAAK,EAAE,IAAK;MAACZ,KAAK,EAAEC,MAAM,CAACK;IAAW,CAAE,CAAE;IAC5DC,OAAO,EAAE5B;EAAgB,CAC1B,CAAC,GACA,IACJ,CAAC,GACD,IAAI,EAEP,CAACZ,IAAI,CAACQ,OAAO,IAAIa,oBAAoB,aAApBA,oBAAoB,eAApBA,oBAAoB,CAAEyB,YAAY,gBAClD7F,KAAA,CAAAyE,aAAA,CAACU,WAAW;IACVC,IAAI,EAAC,oBAAoB;IACzBU,SAAS,EAAEvD,eAAgB;IAC3B8C,IAAI,eAAErF,KAAA,CAAAyE,aAAA,CAACxD,UAAU;MAAC8E,IAAI,EAAC,MAAM;MAACf,KAAK,EAAEC,MAAM,CAACK;IAAW,CAAE,CAAE;IAC3DC,OAAO,EAAEzC;EAAW,CACrB,CAAC,GACA,IACA,CACF,CAAC;AAEX,CAAC;AAUD,MAAMqC,WAAuC,GAAGa,KAAA,IAM1C;EAAA,IAN2C;IAC/CT,OAAO;IACPH,IAAI;IACJC,IAAI;IACJS,SAAS;IACTN,QAAQ,GAAG;EACb,CAAC,GAAAQ,KAAA;EACC,MAAMC,UAAU,GAAGtF,eAAe,CAAC,CAAC6B,KAAK,EAAE0D,UAAU,MAAM;IACzDzD,KAAK,EAAED,KAAK,CAACE,OAAO,CAACyD,eAAe;IACpCC,UAAU,EAAG,GAAEF,UAAU,CAACG,WAAY;EACxC,CAAC,CAAC,CAAC;EAEH,oBACErG,KAAA,CAAAyE,aAAA,CAACvE,gBAAgB;IACfsF,QAAQ,EAAEA,QAAS;IACnBR,KAAK,EAAE,CAACC,MAAM,CAACqB,MAAM,EAAEd,QAAQ,GAAG;MAAEe,OAAO,EAAE;IAAI,CAAC,GAAG,IAAI,CAAE;IAC3DhB,OAAO,EAAEA;EAAQ,GAEhBF,IAAI,eAELrF,KAAA,CAAAyE,aAAA,CAACtE,IAAI;IAAC6E,KAAK,EAAE,CAACC,MAAM,CAACG,IAAI,EAAEa,UAAU,EAAEH,SAAS;EAAE,GAAEV,IAAW,CAC/C,CAAC;AAEvB,CAAC;AAED,MAAMH,MAAM,GAAG7E,UAAU,CAACoG,MAAM,CAAC;EAC/BtB,gBAAgB,EAAE;IAChBuB,YAAY,EAAE;EAChB,CAAC;EACDnB,UAAU,EAAE;IACVoB,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,WAAW,EAAE;EACf,CAAC;EACDN,MAAM,EAAE;IACNO,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,eAAe,EAAE,EAAE;IACnBC,iBAAiB,EAAE,EAAE;IACrBP,YAAY,EAAE;EAChB,CAAC;EACDrB,IAAI,EAAE;IACJ6B,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC"}

package/lib/module/components/PeerVideoTile/AvatarView.js

@@ -7,12 +7,15 @@ import { useHMSRoomStyleSheet } from '../../hooks-util';
 export const _AvatarView = _ref => {
   let {
     name,
-    videoView
+    videoView,
+    avatarStyles,
+    avatarContainerStyles,
+    isInset = false
   } = _ref;
   const showInitials = !!name && name.length > 0;
   const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
     avatarContainer: {
-      backgroundColor: theme.palette.surface_default
+      backgroundColor: theme.palette.background_default
     },
     avatar: {
       backgroundColor: COLORS.EXTENDED.PURPLE
@@ -25,11 +28,11 @@ export const _AvatarView = _ref => {
   return /*#__PURE__*/React.createElement(View, {
     style: styles.container
   }, videoView || /*#__PURE__*/React.createElement(View, {
-    style: [styles.avatarContainer, hmsRoomStyles.avatarContainer]
+    style: [styles.avatarContainer, hmsRoomStyles.avatarContainer, avatarContainerStyles]
   }, /*#__PURE__*/React.createElement(View, {
-    style: [styles.avatar, hmsRoomStyles.avatar]
+    style: [isInset ? styles.insetAvatar : styles.avatar, hmsRoomStyles.avatar, avatarStyles]
   }, showInitials ? /*#__PURE__*/React.createElement(Text, {
-    style: [styles.avatarText, hmsRoomStyles.avatarText]
+    style: [isInset ? styles.insetText : styles.avatarText, hmsRoomStyles.avatarText]
   }, getInitials(name)) : /*#__PURE__*/React.createElement(PersonIcon, {
     style: styles.avatarIcon
   }))));
@@ -52,6 +55,13 @@ const styles = StyleSheet.create({
     justifyContent: 'center',
     alignItems: 'center'
   },
+  insetAvatar: {
+    width: 64,
+    aspectRatio: 1,
+    borderRadius: 44,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
   avatarIcon: {
     width: 40,
     height: 40
@@ -60,6 +70,10 @@ const styles = StyleSheet.create({
     fontSize: 34,
     lineHeight: 40,
     letterSpacing: 0.25
+  },
+  insetText: {
+    fontSize: 24,
+    lineHeight: 32
   }
 });
 export const AvatarView = /*#__PURE__*/React.memo(_AvatarView);

package/lib/module/components/PeerVideoTile/AvatarView.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","Text","View","PersonIcon","getInitials","COLORS","useHMSRoomStyleSheet","_AvatarView","_ref","name","videoView","showInitials","length","hmsRoomStyles","theme","typography","avatarContainer","backgroundColor","palette","surface_default","avatar","EXTENDED","PURPLE","avatarText","color","on_surface_high","fontFamily","font_family","createElement","style","styles","container","avatarIcon","create","flex","position","overflow","alignItems","justifyContent","width","aspectRatio","borderRadius","height","fontSize","lineHeight","letterSpacing","AvatarView","memo"],"sourceRoot":"../../../../src","sources":["components/PeerVideoTile/AvatarView.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAErD,SAASC,UAAU,QAAQ,aAAa;AACxC,SAASC,WAAW,QAAQ,uBAAuB;AACnD,SAASC,MAAM,QAAQ,mBAAmB;AAE1C,SAASC,oBAAoB,QAAQ,kBAAkB;AAOvD,OAAO,MAAMC,WAAsC,GAAGC,IAAA,IAAyB;EAAA,IAAxB;IAAEC,IAAI;IAAEC;EAAU,CAAC,GAAAF,IAAA;EACxE,MAAMG,YAAY,GAAG,CAAC,CAACF,IAAI,IAAIA,IAAI,CAACG,MAAM,GAAG,CAAC;EAE9C,MAAMC,aAAa,GAAGP,oBAAoB,CAAC,CAACQ,KAAK,EAAEC,UAAU,MAAM;IACjEC,eAAe,EAAE;MACfC,eAAe,EAAEH,KAAK,CAACI,OAAO,CAACC;IACjC,CAAC;IACDC,MAAM,EAAE;MACNH,eAAe,EAAEZ,MAAM,CAACgB,QAAQ,CAACC;IACnC,CAAC;IACDC,UAAU,EAAE;MACVC,KAAK,EAAEV,KAAK,CAACI,OAAO,CAACO,eAAe;MACpCC,UAAU,EAAG,GAAEX,UAAU,CAACY,WAAY;IACxC;EACF,CAAC,CAAC,CAAC;EAEH,oBACE5B,KAAA,CAAA6B,aAAA,CAAC1B,IAAI;IAAC2B,KAAK,EAAEC,MAAM,CAACC;EAAU,GAC3BrB,SAAS,iBACRX,KAAA,CAAA6B,aAAA,CAAC1B,IAAI;IAAC2B,KAAK,EAAE,CAACC,MAAM,CAACd,eAAe,EAAEH,aAAa,CAACG,eAAe;EAAE,gBACnEjB,KAAA,CAAA6B,aAAA,CAAC1B,IAAI;IAAC2B,KAAK,EAAE,CAACC,MAAM,CAACV,MAAM,EAAEP,aAAa,CAACO,MAAM;EAAE,GAChDT,YAAY,gBACXZ,KAAA,CAAA6B,aAAA,CAAC3B,IAAI;IAAC4B,KAAK,EAAE,CAACC,MAAM,CAACP,UAAU,EAAEV,aAAa,CAACU,UAAU;EAAE,GACxDnB,WAAW,CAACK,IAAI,CACb,CAAC,gBAEPV,KAAA,CAAA6B,aAAA,CAACzB,UAAU;IAAC0B,KAAK,EAAEC,MAAM,CAACE;EAAW,CAAE,CAErC,CACF,CAEJ,CAAC;AAEX,CAAC;AAED,MAAMF,MAAM,GAAG9B,UAAU,CAACiC,MAAM,CAAC;EAC/BF,SAAS,EAAE;IACTG,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE,UAAU;IACpBC,QAAQ,EAAE;EACZ,CAAC;EACDpB,eAAe,EAAE;IACfkB,IAAI,EAAE,CAAC;IACPG,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDlB,MAAM,EAAE;IACNmB,KAAK,EAAE,EAAE;IACTC,WAAW,EAAE,CAAC;IACdC,YAAY,EAAE,EAAE;IAChBH,cAAc,EAAE,QAAQ;IACxBD,UAAU,EAAE;EACd,CAAC;EACDL,UAAU,EAAE;IACVO,KAAK,EAAE,EAAE;IACTG,MAAM,EAAE;EACV,CAAC;EACDnB,UAAU,EAAE;IACVoB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC;AAEF,OAAO,MAAMC,UAAU,gBAAG/C,KAAK,CAACgD,IAAI,CAACxC,WAAW,CAAC"}
+{"version":3,"names":["React","StyleSheet","Text","View","PersonIcon","getInitials","COLORS","useHMSRoomStyleSheet","_AvatarView","_ref","name","videoView","avatarStyles","avatarContainerStyles","isInset","showInitials","length","hmsRoomStyles","theme","typography","avatarContainer","backgroundColor","palette","background_default","avatar","EXTENDED","PURPLE","avatarText","color","on_surface_high","fontFamily","font_family","createElement","style","styles","container","insetAvatar","insetText","avatarIcon","create","flex","position","overflow","alignItems","justifyContent","width","aspectRatio","borderRadius","height","fontSize","lineHeight","letterSpacing","AvatarView","memo"],"sourceRoot":"../../../../src","sources":["components/PeerVideoTile/AvatarView.tsx"],"mappings":"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"}

package/lib/module/components/PeerVideoTile/HMSFullScreenButton.js

@@ -0,0 +1,36 @@
+import * as React from 'react';
+import { StyleSheet } from 'react-native';
+import { useDispatch, useSelector } from 'react-redux';
+import { PressableIcon } from '../PressableIcon';
+import { MaximizeIcon, MinimizeIcon } from '../../Icons';
+import { useHMSRoomStyle } from '../../hooks-util';
+import { hexToRgbA } from '../../utils/theme';
+import { setFullScreenPeerTrackNode } from '../../redux/actions';
+export const HMSFullScreenButton = _ref => {
+  let {
+    peerTrackNode
+  } = _ref;
+  const dispatch = useDispatch();
+  const fullScreenPeerTrackNode = useSelector(state => state.app.fullScreenPeerTrackNode);
+  const buttonStyles = useHMSRoomStyle(theme => ({
+    backgroundColor: theme.palette.background_dim && hexToRgbA(theme.palette.background_dim, 0.64)
+  }));
+  const maximizeAction = !fullScreenPeerTrackNode || fullScreenPeerTrackNode.id !== peerTrackNode.id;
+  const handleFullScreenPress = () => {
+    dispatch(setFullScreenPeerTrackNode(maximizeAction ? peerTrackNode : null));
+  };
+  return /*#__PURE__*/React.createElement(PressableIcon, {
+    border: false,
+    onPress: handleFullScreenPress,
+    style: [styles.container, buttonStyles]
+  }, maximizeAction ? /*#__PURE__*/React.createElement(MaximizeIcon, null) : /*#__PURE__*/React.createElement(MinimizeIcon, null));
+};
+const styles = StyleSheet.create({
+  container: {
+    position: 'absolute',
+    top: 8,
+    right: 8,
+    padding: 8
+  }
+});
+//# sourceMappingURL=HMSFullScreenButton.js.map

package/lib/module/components/PeerVideoTile/HMSFullScreenButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","useDispatch","useSelector","PressableIcon","MaximizeIcon","MinimizeIcon","useHMSRoomStyle","hexToRgbA","setFullScreenPeerTrackNode","HMSFullScreenButton","_ref","peerTrackNode","dispatch","fullScreenPeerTrackNode","state","app","buttonStyles","theme","backgroundColor","palette","background_dim","maximizeAction","id","handleFullScreenPress","createElement","border","onPress","style","styles","container","create","position","top","right","padding"],"sourceRoot":"../../../../src","sources":["components/PeerVideoTile/HMSFullScreenButton.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,WAAW,EAAEC,WAAW,QAAQ,aAAa;AAEtD,SAASC,aAAa,QAAQ,kBAAkB;AAChD,SAASC,YAAY,EAAEC,YAAY,QAAQ,aAAa;AACxD,SAASC,eAAe,QAAQ,kBAAkB;AAClD,SAASC,SAAS,QAAQ,mBAAmB;AAG7C,SAASC,0BAA0B,QAAQ,qBAAqB;AAMhE,OAAO,MAAMC,mBAAuD,GAAGC,IAAA,IAEjE;EAAA,IAFkE;IACtEC;EACF,CAAC,GAAAD,IAAA;EACC,MAAME,QAAQ,GAAGX,WAAW,CAAC,CAAC;EAC9B,MAAMY,uBAAuB,GAAGX,WAAW,CACxCY,KAAgB,IAAKA,KAAK,CAACC,GAAG,CAACF,uBAClC,CAAC;EAED,MAAMG,YAAY,GAAGV,eAAe,CAAEW,KAAK,KAAM;IAC/CC,eAAe,EACbD,KAAK,CAACE,OAAO,CAACC,cAAc,IAC5Bb,SAAS,CAACU,KAAK,CAACE,OAAO,CAACC,cAAc,EAAE,IAAI;EAChD,CAAC,CAAC,CAAC;EAEH,MAAMC,cAAc,GAClB,CAACR,uBAAuB,IAAIA,uBAAuB,CAACS,EAAE,KAAKX,aAAa,CAACW,EAAE;EAE7E,MAAMC,qBAAqB,GAAGA,CAAA,KAAM;IAClCX,QAAQ,CAACJ,0BAA0B,CAACa,cAAc,GAAGV,aAAa,GAAG,IAAI,CAAC,CAAC;EAC7E,CAAC;EAED,oBACEZ,KAAA,CAAAyB,aAAA,CAACrB,aAAa;IACZsB,MAAM,EAAE,KAAM;IACdC,OAAO,EAAEH,qBAAsB;IAC/BI,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAEb,YAAY;EAAE,GAEvCK,cAAc,gBAAGtB,KAAA,CAAAyB,aAAA,CAACpB,YAAY,MAAE,CAAC,gBAAGL,KAAA,CAAAyB,aAAA,CAACnB,YAAY,MAAE,CACvC,CAAC;AAEpB,CAAC;AAED,MAAMuB,MAAM,GAAG5B,UAAU,CAAC8B,MAAM,CAAC;EAC/BD,SAAS,EAAE;IACTE,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,KAAK,EAAE,CAAC;IACRC,OAAO,EAAE;EACX;AACF,CAAC,CAAC"}

package/lib/module/components/PeerVideoTile/HMSPinchGesture.js

@@ -0,0 +1,193 @@
+import * as React from 'react';
+import { GestureDetector, Gesture } from 'react-native-gesture-handler';
+import Animated, { useAnimatedStyle, useSharedValue, withSpring } from 'react-native-reanimated';
+export const HMSPinchGesture = _ref => {
+  let {
+    children,
+    style
+  } = _ref;
+  /**
+   * - Dimensions of Animated View
+   * This will be used to apply transformations as per width and height of Animated Views
+   */
+  const dimensions = useSharedValue({
+    width: 0,
+    height: 0
+  });
+
+  /**
+   * - Tracking number of active pointers in pinch gesture
+   * "Focal point" is used as an origin point for scaling the view
+   * when active number of pointers change, focal point is also changed causing a flicker effect
+   *
+   * To remove flicker effect, when `numberOfPointers` change, we calculate the amount of change in focal point
+   * and use the `(new focal point) + (amount of change in focal point)` to apply transformations
+   */
+  const numberOfPointers = useSharedValue(0);
+
+  /**
+   * - Current focal point to apply scaling
+   * "Focal point" is used as an origin point for scaling the view
+   * > We transform the "center of View" to the "focal point", "apply scaling" and then "undo the transformation"
+   */
+  const focalPoint = useSharedValue({
+    x: 0,
+    y: 0
+  });
+  const adjustedFocalPoint = useSharedValue({
+    x: 0,
+    y: 0
+  });
+
+  /**
+   * - focal point captured at the start of the pinch gesture
+   * We use this point to calculate the amount of translation of focal point
+   * `
+   * translation = (current focal point) - (focal point at the start of the gesture)
+   * `
+   * then translation value is amount of swipe(pan) gesture user has applied while scaling
+   * we can use this calculated value as a translation value, similar to what we get in `pan gesture`
+   */
+  const focalPointAtStart = useSharedValue({
+    x: 0,
+    y: 0
+  });
+
+  /**
+   * - x,y coords representing the amount by which focal point shifted due to change in `numberOfPointers`
+   * e.g. focal point when `numberOfPointers = 2`            - (20, 100)
+   *      focal point when `numberOfPointers` reduced to `1` - (40, 300)
+   *
+   *      focal point got shifted by `20` points on x-axis and `200` points on y-axis. Thus, `focalShift = (20, 200)`
+   *
+   * Usage: TODO
+   */
+  const focalShift = useSharedValue({
+    x: 0,
+    y: 0
+  });
+  const scale = useSharedValue(1);
+  const savedScale = useSharedValue(1);
+  const translation = useSharedValue({
+    x: 0,
+    y: 0
+  });
+  const savedTranslation = useSharedValue({
+    x: 0,
+    y: 0
+  });
+  const handleLayoutChange = React.useCallback(_ref2 => {
+    let {
+      nativeEvent
+    } = _ref2;
+    dimensions.value = {
+      width: nativeEvent.layout.width,
+      height: nativeEvent.layout.height
+    };
+  }, []);
+  const panGesture = Gesture.Pan().maxPointers(1).onUpdate(e => {
+    translation.value = {
+      x: e.translationX + savedTranslation.value.x,
+      y: e.translationY + savedTranslation.value.y
+    };
+  }).onEnd(() => {
+    savedTranslation.value = translation.value;
+  });
+  const pinchGesture = Gesture.Pinch().onStart(e => {
+    numberOfPointers.value = e.numberOfPointers;
+    focalPointAtStart.value = {
+      x: e.focalX,
+      y: e.focalY
+    };
+    adjustedFocalPoint.value = {
+      x: e.focalX - focalShift.value.x,
+      // subtracting "focal point shift" value from "current focal point", we will get "focal point before the shift", and apply transformations on the that focal point
+      y: e.focalY - focalShift.value.y // subtracting "focal point shift" value from "current focal point", we will get "focal point before the shift", and apply transformations on the that focal point
+    };
+  }).onUpdate(e => {
+    // Calculating `focal point` shift values when `numberOfPointers` changes
+    if (numberOfPointers.value !== e.numberOfPointers) {
+      numberOfPointers.value = e.numberOfPointers;
+      focalShift.value = {
+        x: e.focalX - (focalPoint.value.x - focalShift.value.x),
+        y: e.focalY - (focalPoint.value.y - focalShift.value.y)
+      };
+    }
+    adjustedFocalPoint.value = {
+      x: e.focalX - focalShift.value.x,
+      // subtracting "focal point shift" value from "current focal point", we will get "focal point before the shift", and apply transformations on the that focal point
+      y: e.focalY - focalShift.value.y // subtracting "focal point shift" value from "current focal point", we will get "focal point before the shift", and apply transformations on the that focal point
+    };
+
+    // Applying translations
+    translation.value = {
+      x: adjustedFocalPoint.value.x - focalPointAtStart.value.x +
+      // subtracting "focal point position capturred at start of gesture" from "adjusted focal point position" we will get the translation value
+      savedTranslation.value.x,
+      // Adding current translation to previous Translation to make it a continuous gesture
+      y: adjustedFocalPoint.value.y - focalPointAtStart.value.y +
+      // subtracting "focal point position capturred at start of gesture" from "adjusted focal point position" we will get the translation value
+      savedTranslation.value.y // Adding current translation to previous Translation to make it a continuous gesture
+    };
+
+    // saving focal point to apply scaling on correct position
+    focalPoint.value = {
+      x: e.focalX,
+      y: e.focalY
+    };
+    scale.value = Math.min(Math.max(savedScale.value * e.scale, 0.94), 5.2);
+  }).onEnd(() => {
+    if (scale.value < 1) {
+      scale.value = withSpring(1, {
+        damping: 100,
+        stiffness: 200
+      });
+      savedScale.value = 1;
+      translation.value = {
+        x: 0,
+        y: 0
+      };
+    } else if (scale.value > 5) {
+      scale.value = withSpring(5, {
+        damping: 100,
+        stiffness: 200
+      });
+      savedScale.value = 5;
+    } else {
+      savedScale.value = scale.value;
+    }
+    focalShift.value = {
+      x: 0,
+      y: 0
+    };
+    savedTranslation.value = translation.value;
+  });
+  const animatedStyle = useAnimatedStyle(() => ({
+    transform: [{
+      translateX: translation.value.x
+    }, {
+      translateY: translation.value.y
+    }, {
+      translateX: focalPointAtStart.value.x - dimensions.value.width / 2
+    }, {
+      translateY: focalPointAtStart.value.y - dimensions.value.height / 2
+    }, {
+      scale: scale.value
+    }, {
+      translateX: -(focalPointAtStart.value.x - dimensions.value.width / 2)
+    }, {
+      translateY: -(focalPointAtStart.value.y - dimensions.value.height / 2)
+    }]
+  }));
+  return /*#__PURE__*/React.createElement(GestureDetector, {
+    gesture: Gesture.Exclusive(panGesture, pinchGesture)
+  }, /*#__PURE__*/React.createElement(Animated.View, {
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement(Animated.View, {
+    onLayout: handleLayoutChange,
+    style: [style, animatedStyle]
+  }, children)));
+};
+//# sourceMappingURL=HMSPinchGesture.js.map

package/lib/module/components/PeerVideoTile/HMSPinchGesture.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","GestureDetector","Gesture","Animated","useAnimatedStyle","useSharedValue","withSpring","HMSPinchGesture","_ref","children","style","dimensions","width","height","numberOfPointers","focalPoint","x","y","adjustedFocalPoint","focalPointAtStart","focalShift","scale","savedScale","translation","savedTranslation","handleLayoutChange","useCallback","_ref2","nativeEvent","value","layout","panGesture","Pan","maxPointers","onUpdate","e","translationX","translationY","onEnd","pinchGesture","Pinch","onStart","focalX","focalY","Math","min","max","damping","stiffness","animatedStyle","transform","translateX","translateY","createElement","gesture","Exclusive","View","flex","onLayout"],"sourceRoot":"../../../../src","sources":["components/PeerVideoTile/HMSPinchGesture.tsx"],"mappings":"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"}