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

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","Text","View","HMSTrackSource","hexToRgbA","NetworkQualityIcon","useHMSRoomStyleSheet","PeerNameAndNetwork","_ref","name","isLocal","trackSource","networkQuality","showTrackSource","REGULAR","hmsRoomStyles","theme","typography","contentContainer","backgroundColor","palette","background_dim","color","on_surface_high","fontFamily","font_family","createElement","style","styles","container","numberOfLines","ellipsizeMode","quality","networkIcon","create","position","bottom","width","flexDirection","paddingVertical","paddingHorizontal","borderRadius","marginLeft","marginRight","flexGrow","flexShrink","fontSize","lineHeight","letterSpacing"],"sourceRoot":"../../../../src","sources":["components/PeerVideoTile/PeerNameAndNetwork.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACrD,SAASC,cAAc,QAAQ,6BAA6B;AAE5D,SAASC,SAAS,QAAQ,mBAAmB;AAC7C,SAASC,kBAAkB,QAAQ,aAAa;AAChD,SAASC,oBAAoB,QAAQ,kBAAkB;AASvD,OAAO,MAAMC,kBAAqD,GAAGC,IAAA,IAK/D;EAAA,IALgE;IACpEC,IAAI;IACJC,OAAO;IACPC,WAAW;IACXC;EACF,CAAC,GAAAJ,IAAA;EACC,MAAMK,eAAe,GAAGF,WAAW,IAAIA,WAAW,KAAKR,cAAc,CAACW,OAAO;EAE7E,MAAMC,aAAa,GAAGT,oBAAoB,CAAC,CAACU,KAAK,EAAEC,UAAU,MAAM;IACjEC,gBAAgB,EAAE;MAChBC,eAAe,EAAEf,SAAS,CAACY,KAAK,CAACI,OAAO,CAACC,cAAc,EAAE,IAAI;IAC/D,CAAC;IACDZ,IAAI,EAAE;MACJa,KAAK,EAAEN,KAAK,CAACI,OAAO,CAACG,eAAe;MACpCC,UAAU,EAAG,GAAEP,UAAU,CAACQ,WAAY;IACxC;EACF,CAAC,CAAC,CAAC;EAEH,oBACE1B,KAAA,CAAA2B,aAAA,CAACxB,IAAI;IAACyB,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5B9B,KAAA,CAAA2B,aAAA,CAACxB,IAAI;IAACyB,KAAK,EAAE,CAACC,MAAM,CAACV,gBAAgB,EAAEH,aAAa,CAACG,gBAAgB;EAAE,gBACrEnB,KAAA,CAAA2B,aAAA,CAACzB,IAAI;IACH0B,KAAK,EAAE,CAACC,MAAM,CAACnB,IAAI,EAAEM,aAAa,CAACN,IAAI,CAAE;IACzCqB,aAAa,EAAE,CAAE;IACjBC,aAAa,EAAElB,eAAe,GAAG,QAAQ,GAAG;EAAO,GAElDJ,IAAI,EACJC,OAAO,GAAG,QAAQ,GAAG,EAAE,EACvBG,eAAe,GAAI,MAAKF,WAAY,EAAC,GAAG,EACrC,CAAC,eAEPZ,KAAA,CAAA2B,aAAA,CAACrB,kBAAkB;IACjB2B,OAAO,EAAEpB,cAAe;IACxBe,KAAK,EAAEC,MAAM,CAACK;EAAY,CAC3B,CACG,CACF,CAAC;AAEX,CAAC;AAED,MAAML,MAAM,GAAG5B,UAAU,CAACkC,MAAM,CAAC;EAC/BL,SAAS,EAAE;IACTM,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,CAAC;IACTC,KAAK,EAAE,MAAM;IACbC,aAAa,EAAE;EACjB,CAAC;EACDpB,gBAAgB,EAAE;IAChBoB,aAAa,EAAE,KAAK;IACpBC,eAAe,EAAE,CAAC;IAClBC,iBAAiB,EAAE,CAAC;IACpBC,YAAY,EAAE,CAAC;IACfC,UAAU,EAAE,CAAC;IAAE;IACfC,WAAW,EAAE,EAAE,GAAG,CAAC,GAAG,EAAE,CAAE;EAC5B,CAAC;;EACDlC,IAAI,EAAE;IACJmC,QAAQ,EAAE,CAAC;IACXC,UAAU,EAAE,CAAC;IACbC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE;EACjB,CAAC;EACDf,WAAW,EAAE;IACXS,UAAU,EAAE;EACd;AACF,CAAC,CAAC"}

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

@@ -0,0 +1,136 @@
+import * as React from 'react';
+import { Pressable, StyleSheet, View } from 'react-native';
+import { HMSTrackSource, HMSVideoViewMode } from '@100mslive/react-native-hms';
+import Animated, { FadeIn, FadeOut } from 'react-native-reanimated';
+import { useSelector } from 'react-redux';
+import { VideoView } from './VideoView';
+import { AvatarView } from './AvatarView';
+import { PeerMetadata } from './PeerMetadata';
+import { PeerAudioMutedIndicator } from './PeerAudioMutedIndicator';
+import { PressableIcon } from '../PressableIcon';
+import { ThreeDotsIcon } from '../../Icons';
+import { hexToRgbA } from '../../utils/theme';
+import { PeerNameAndNetwork } from './PeerNameAndNetwork';
+import { UnmountAfterDelay } from '../UnmountAfterDelay';
+import { isTileOnSpotlight } from '../../utils/functions';
+import { selectCanPublishTrackForRole } from '../../hooks-sdk-selectors';
+import { useHMSRoomStyle } from '../../hooks-util';
+export const _PeerVideoTileView = /*#__PURE__*/React.forwardRef((_ref, hmsViewRef) => {
+  var _peer$audioTrack, _peer$networkQuality;
+  let {
+    peerTrackNode,
+    onMoreOptionsPress,
+    insetMode = false
+  } = _ref;
+  const unmountAfterDelayRef = React.useRef(null);
+  const [mounted, setMounted] = React.useState(true);
+  const onSpotlight = useSelector(state => {
+    const {
+      onSpotlight
+    } = isTileOnSpotlight(state.user.spotlightTrackId, {
+      tileVideoTrack: peerTrackNode.track,
+      peerRegularAudioTrack: peerTrackNode.peer.audioTrack,
+      peerAuxTracks: peerTrackNode.peer.auxiliaryTracks
+    });
+    return onSpotlight;
+  });
+  const show = () => {
+    var _unmountAfterDelayRef;
+    setMounted(true);
+    (_unmountAfterDelayRef = unmountAfterDelayRef.current) === null || _unmountAfterDelayRef === void 0 ? void 0 : _unmountAfterDelayRef.resetTimer();
+  };
+  const hide = () => {
+    setMounted(false);
+  };
+  const handleTilePress = () => {
+    show();
+  };
+  const handleOptionsPress = React.useCallback(() => {
+    if (insetMode) {
+      show();
+    }
+    onMoreOptionsPress(peerTrackNode);
+  }, [peerTrackNode, onMoreOptionsPress, insetMode]);
+  const {
+    peer,
+    track,
+    isDegraded
+  } = peerTrackNode;
+  const peerCanPublishAudio = selectCanPublishTrackForRole(peer.role, 'audio');
+  const peerCanPublishVideo = selectCanPublishTrackForRole(peer.role, 'video');
+  const iconWrapperStyles = useHMSRoomStyle(theme => ({
+    backgroundColor: hexToRgbA(theme.palette.background_dim, 0.64)
+  }));
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(AvatarView, {
+    name: peer.name,
+    videoView: peerCanPublishVideo && track && track.trackId && track.isMute() === false ? /*#__PURE__*/React.createElement(VideoView, {
+      ref: hmsViewRef,
+      peer: peer,
+      trackId: track.trackId,
+      isDegraded: isDegraded,
+      overlay: insetMode,
+      scaleType: onSpotlight || track.source !== HMSTrackSource.REGULAR ? HMSVideoViewMode.ASPECT_FIT : HMSVideoViewMode.ASPECT_FILL
+    }) : null
+  }), /*#__PURE__*/React.createElement(PeerMetadata, {
+    metadata: peer.metadata
+  }), peerCanPublishAudio ? /*#__PURE__*/React.createElement(PeerAudioMutedIndicator, {
+    isMuted: (_peer$audioTrack = peer.audioTrack) === null || _peer$audioTrack === void 0 ? void 0 : _peer$audioTrack.isMute()
+  }) : null, insetMode ? null : /*#__PURE__*/React.createElement(PeerNameAndNetwork, {
+    name: peer.name,
+    isLocal: peer.isLocal,
+    trackSource: track === null || track === void 0 ? void 0 : track.source,
+    networkQuality: (_peer$networkQuality = peer.networkQuality) === null || _peer$networkQuality === void 0 ? void 0 : _peer$networkQuality.downlinkQuality
+  }), insetMode ? /*#__PURE__*/React.createElement(Pressable, {
+    style: styles.pressable,
+    onPress: handleTilePress
+  }) : null, insetMode ? /*#__PURE__*/React.createElement(UnmountAfterDelay, {
+    ref: unmountAfterDelayRef,
+    visible: mounted,
+    onUnmount: hide
+  }, /*#__PURE__*/React.createElement(Animated.View, {
+    entering: FadeIn,
+    exiting: FadeOut
+  }, /*#__PURE__*/React.createElement(PressableIcon, {
+    activeOpacity: 0.7,
+    style: [styles.iconWrapper, iconWrapperStyles],
+    border: false,
+    onPress: handleOptionsPress
+  }, /*#__PURE__*/React.createElement(ThreeDotsIcon, {
+    stack: "vertical",
+    style: styles.icon
+  })))) : /*#__PURE__*/React.createElement(PressableIcon, {
+    activeOpacity: 0.7,
+    style: [styles.iconWrapper, iconWrapperStyles],
+    border: false,
+    onPress: handleOptionsPress
+  }, /*#__PURE__*/React.createElement(ThreeDotsIcon, {
+    stack: "vertical",
+    style: styles.icon
+  })));
+});
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    position: 'relative'
+  },
+  iconWrapper: {
+    position: 'absolute',
+    bottom: 8,
+    right: 8,
+    padding: 4,
+    borderRadius: 8
+  },
+  icon: {
+    width: 20,
+    height: 20
+  },
+  pressable: {
+    position: 'absolute',
+    width: '100%',
+    height: '100%'
+  }
+});
+export const PeerVideoTileView = /*#__PURE__*/React.memo(_PeerVideoTileView);
+//# sourceMappingURL=PeerVideoTileView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Pressable","StyleSheet","View","HMSTrackSource","HMSVideoViewMode","Animated","FadeIn","FadeOut","useSelector","VideoView","AvatarView","PeerMetadata","PeerAudioMutedIndicator","PressableIcon","ThreeDotsIcon","hexToRgbA","PeerNameAndNetwork","UnmountAfterDelay","isTileOnSpotlight","selectCanPublishTrackForRole","useHMSRoomStyle","_PeerVideoTileView","forwardRef","_ref","hmsViewRef","_peer$audioTrack","_peer$networkQuality","peerTrackNode","onMoreOptionsPress","insetMode","unmountAfterDelayRef","useRef","mounted","setMounted","useState","onSpotlight","state","user","spotlightTrackId","tileVideoTrack","track","peerRegularAudioTrack","peer","audioTrack","peerAuxTracks","auxiliaryTracks","show","_unmountAfterDelayRef","current","resetTimer","hide","handleTilePress","handleOptionsPress","useCallback","isDegraded","peerCanPublishAudio","role","peerCanPublishVideo","iconWrapperStyles","theme","backgroundColor","palette","background_dim","createElement","style","styles","container","name","videoView","trackId","isMute","ref","overlay","scaleType","source","REGULAR","ASPECT_FIT","ASPECT_FILL","metadata","isMuted","isLocal","trackSource","networkQuality","downlinkQuality","pressable","onPress","visible","onUnmount","entering","exiting","activeOpacity","iconWrapper","border","stack","icon","create","flex","position","bottom","right","padding","borderRadius","width","height","PeerVideoTileView","memo"],"sourceRoot":"../../../../src","sources":["components/PeerVideoTile/PeerVideoTileView.tsx"],"mappings":"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"}

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

@@ -0,0 +1,75 @@
+import * as React from 'react';
+import { View, Text, StyleSheet } from 'react-native';
+import { useSelector } from 'react-redux';
+import { useHMSRoomStyleSheet } from '../../hooks-util';
+const _VideoView = /*#__PURE__*/React.forwardRef((_ref, hmsViewRef) => {
+  let {
+    trackId,
+    peer,
+    overlay,
+    isDegraded,
+    scaleType,
+    containerStyle
+  } = _ref;
+  const HmsView = useSelector(state => {
+    var _state$user$hmsInstan;
+    return ((_state$user$hmsInstan = state.user.hmsInstance) === null || _state$user$hmsInstan === void 0 ? void 0 : _state$user$hmsInstan.HmsView) || null;
+  });
+  const mirrorCamera = useSelector(state => state.app.joinConfig.mirrorCamera);
+  const autoSimulcast = useSelector(state => state.app.joinConfig.autoSimulcast);
+  const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
+    degradedView: {
+      backgroundColor: theme.palette.surface_default
+    },
+    degradedText: {
+      color: theme.palette.on_surface_high,
+      fontFamily: `${typography.font_family}-SemiBold`
+    }
+  }));
+  if (!HmsView) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.container, containerStyle]
+  }, /*#__PURE__*/React.createElement(HmsView, {
+    ref: hmsViewRef,
+    setZOrderMediaOverlay: overlay,
+    trackId: trackId,
+    key: trackId,
+    autoSimulcast: autoSimulcast,
+    mirror: peer.isLocal ? mirrorCamera : false,
+    scaleType: scaleType,
+    style: styles.hmsView
+  }), isDegraded ? /*#__PURE__*/React.createElement(View, {
+    style: [styles.degradedView, hmsRoomStyles.degradedView]
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.degradedText, hmsRoomStyles.degradedText]
+  }, "Degraded")) : null);
+});
+const styles = StyleSheet.create({
+  container: {
+    flex: 1
+  },
+  hmsView: {
+    flex: 1
+    // height: '100%',
+    // width: '100%',
+  },
+
+  degradedView: {
+    flex: 1,
+    position: 'absolute',
+    height: '100%',
+    width: '100%',
+    zIndex: 2,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  degradedText: {
+    fontSize: 15,
+    lineHeight: 20,
+    letterSpacing: 0.25
+  }
+});
+export const VideoView = /*#__PURE__*/React.memo(_VideoView);
+//# sourceMappingURL=VideoView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","StyleSheet","useSelector","useHMSRoomStyleSheet","_VideoView","forwardRef","_ref","hmsViewRef","trackId","peer","overlay","isDegraded","scaleType","containerStyle","HmsView","state","_state$user$hmsInstan","user","hmsInstance","mirrorCamera","app","joinConfig","autoSimulcast","hmsRoomStyles","theme","typography","degradedView","backgroundColor","palette","surface_default","degradedText","color","on_surface_high","fontFamily","font_family","createElement","style","styles","container","ref","setZOrderMediaOverlay","key","mirror","isLocal","hmsView","create","flex","position","height","width","zIndex","alignItems","justifyContent","fontSize","lineHeight","letterSpacing","VideoView","memo"],"sourceRoot":"../../../../src","sources":["components/PeerVideoTile/VideoView.tsx"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/PeerVideoTile/index.ts"],"mappings":""}

package/lib/module/components/PressableIcon.js

@@ -1,7 +1,7 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import * as React from 'react';
 import { StyleSheet, TouchableOpacity } from 'react-native';
-import { COLORS } from '../utils/theme';
+import { useHMSRoomStyleSheet } from '../hooks-util';
 export const PressableIcon = _ref => {
   let {
     children,
@@ -11,11 +11,23 @@ export const PressableIcon = _ref => {
     border = true,
     ...restProps
   } = _ref;
+  const hmsRoomStyles = useHMSRoomStyleSheet(theme => ({
+    border: {
+      borderColor: theme.palette.border_bright
+    },
+    active: {
+      backgroundColor: theme.palette.surface_brighter,
+      borderColor: theme.palette.surface_brighter
+    }
+  }));
   return /*#__PURE__*/React.createElement(TouchableOpacity, _extends({
     style: [styles.pressable, {
       borderRadius: rounded ? 20 : undefined,
-      ...(border ? styles.withBorder : undefined),
-      ...(active ? styles.active : undefined)
+      ...(border ? {
+        ...styles.withBorder,
+        ...hmsRoomStyles.border
+      } : undefined),
+      ...(active ? hmsRoomStyles.active : undefined)
     }, style]
   }, restProps), children);
 };
@@ -26,12 +38,7 @@ const styles = StyleSheet.create({
   },
   withBorder: {
     borderRadius: 8,
-    borderColor: COLORS.BORDER.BRIGHT,
     borderWidth: 1
-  },
-  active: {
-    backgroundColor: COLORS.SECONDARY.DIM,
-    borderColor: COLORS.SECONDARY.DIM
   }
 });
 //# sourceMappingURL=PressableIcon.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","TouchableOpacity","COLORS","PressableIcon","_ref","children","style","active","rounded","border","restProps","createElement","_extends","styles","pressable","borderRadius","undefined","withBorder","create","padding","alignSelf","borderColor","BORDER","BRIGHT","borderWidth","backgroundColor","SECONDARY","DIM"],"sourceRoot":"../../../src","sources":["components/PressableIcon.tsx"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,gBAAgB,QAAQ,cAAc;AAG3D,SAASC,MAAM,QAAQ,gBAAgB;AASvC,OAAO,MAAMC,aAA2C,GAAGC,IAAA,IAOrD;EAAA,IAPsD;IAC1DC,QAAQ;IACRC,KAAK;IACLC,MAAM,GAAG,KAAK;IACdC,OAAO,GAAG,KAAK;IACfC,MAAM,GAAG,IAAI;IACb,GAAGC;EACL,CAAC,GAAAN,IAAA;EACC,oBACEL,KAAA,CAAAY,aAAA,CAACV,gBAAgB,EAAAW,QAAA;IACfN,KAAK,EAAE,CACLO,MAAM,CAACC,SAAS,EAChB;MACEC,YAAY,EAAEP,OAAO,GAAG,EAAE,GAAGQ,SAAS;MACtC,IAAIP,MAAM,GAAGI,MAAM,CAACI,UAAU,GAAGD,SAAS,CAAC;MAC3C,IAAIT,MAAM,GAAGM,MAAM,CAACN,MAAM,GAAGS,SAAS;IACxC,CAAC,EACDV,KAAK;EACL,GACEI,SAAS,GAEZL,QACe,CAAC;AAEvB,CAAC;AAED,MAAMQ,MAAM,GAAGb,UAAU,CAACkB,MAAM,CAAC;EAC/BJ,SAAS,EAAE;IACTK,OAAO,EAAE,CAAC;IACVC,SAAS,EAAE;EACb,CAAC;EACDH,UAAU,EAAE;IACVF,YAAY,EAAE,CAAC;IACfM,WAAW,EAAEnB,MAAM,CAACoB,MAAM,CAACC,MAAM;IACjCC,WAAW,EAAE;EACf,CAAC;EACDjB,MAAM,EAAE;IACNkB,eAAe,EAAEvB,MAAM,CAACwB,SAAS,CAACC,GAAG;IACrCN,WAAW,EAAEnB,MAAM,CAACwB,SAAS,CAACC;EAChC;AACF,CAAC,CAAC"}
+{"version":3,"names":["React","StyleSheet","TouchableOpacity","useHMSRoomStyleSheet","PressableIcon","_ref","children","style","active","rounded","border","restProps","hmsRoomStyles","theme","borderColor","palette","border_bright","backgroundColor","surface_brighter","createElement","_extends","styles","pressable","borderRadius","undefined","withBorder","create","padding","alignSelf","borderWidth"],"sourceRoot":"../../../src","sources":["components/PressableIcon.tsx"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,gBAAgB,QAAQ,cAAc;AAG3D,SAASC,oBAAoB,QAAQ,eAAe;AASpD,OAAO,MAAMC,aAA2C,GAAGC,IAAA,IAOrD;EAAA,IAPsD;IAC1DC,QAAQ;IACRC,KAAK;IACLC,MAAM,GAAG,KAAK;IACdC,OAAO,GAAG,KAAK;IACfC,MAAM,GAAG,IAAI;IACb,GAAGC;EACL,CAAC,GAAAN,IAAA;EACC,MAAMO,aAAa,GAAGT,oBAAoB,CAAEU,KAAK,KAAM;IACrDH,MAAM,EAAE;MACNI,WAAW,EAAED,KAAK,CAACE,OAAO,CAACC;IAC7B,CAAC;IACDR,MAAM,EAAE;MACNS,eAAe,EAAEJ,KAAK,CAACE,OAAO,CAACG,gBAAgB;MAC/CJ,WAAW,EAAED,KAAK,CAACE,OAAO,CAACG;IAC7B;EACF,CAAC,CAAC,CAAC;EAEH,oBACElB,KAAA,CAAAmB,aAAA,CAACjB,gBAAgB,EAAAkB,QAAA;IACfb,KAAK,EAAE,CACLc,MAAM,CAACC,SAAS,EAChB;MACEC,YAAY,EAAEd,OAAO,GAAG,EAAE,GAAGe,SAAS;MACtC,IAAId,MAAM,GACN;QAAE,GAAGW,MAAM,CAACI,UAAU;QAAE,GAAGb,aAAa,CAACF;MAAO,CAAC,GACjDc,SAAS,CAAC;MACd,IAAIhB,MAAM,GAAGI,aAAa,CAACJ,MAAM,GAAGgB,SAAS;IAC/C,CAAC,EACDjB,KAAK;EACL,GACEI,SAAS,GAEZL,QACe,CAAC;AAEvB,CAAC;AAED,MAAMe,MAAM,GAAGpB,UAAU,CAACyB,MAAM,CAAC;EAC/BJ,SAAS,EAAE;IACTK,OAAO,EAAE,CAAC;IACVC,SAAS,EAAE;EACb,CAAC;EACDH,UAAU,EAAE;IACVF,YAAY,EAAE,CAAC;IACfM,WAAW,EAAE;EACf;AACF,CAAC,CAAC"}

package/lib/module/components/Preview.js

@@ -3,7 +3,6 @@ import { Keyboard, StyleSheet, TouchableWithoutFeedback, View } from 'react-nati
 import Animated, { useAnimatedStyle, useAnimatedKeyboard } from 'react-native-reanimated';
 import { SafeAreaView } from 'react-native-safe-area-context';
 import LinearGradient from 'react-native-linear-gradient';
-import { COLORS } from '../utils/theme';
 import { BackButton } from './BackButton';
 import { HMSManageCameraRotation } from './HMSManageCameraRotation';
 import { HMSManageLocalAudio } from './HMSManageLocalAudio';
@@ -18,6 +17,8 @@ import { HMSManageAudioOutput } from './HMSManageAudioOutput';
 import { HMSPreviewNetworkQuality } from './HMSPreviewNetworkQuality';
 import { useCanPublishVideo } from '../hooks-sdk';
 import { HMSPreviewHLSLiveIndicator } from './HMSPreviewHLSLiveIndicator';
+import { CompanyLogo } from './CompanyLogo';
+import { useHMSRoomStyleSheet } from '../hooks-util';
 const backButtonEdges = ['top'];
 const headerEdges = ['top', 'left', 'right'];
 const gradientColorShades = ['#000000', 'rgba(0, 0, 0, 0.9)', 'rgba(0, 0, 0, 0.7)', 'rgba(0, 0, 0, 0.1)', 'rgba(0, 0, 0, 0.05)', 'rgba(0, 0, 0, 0)'];
@@ -36,10 +37,18 @@ export const Preview = _ref => {
       }]
     };
   });
+  const hmsRoomStyles = useHMSRoomStyleSheet(theme => ({
+    container: {
+      backgroundColor: theme.palette.background_dim
+    },
+    footer: {
+      backgroundColor: theme.palette.background_default
+    }
+  }), []);
   return /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
     onPress: Keyboard.dismiss
   }, /*#__PURE__*/React.createElement(View, {
-    style: styles.container
+    style: [styles.container, hmsRoomStyles.container]
   }, canPublishVideo ? /*#__PURE__*/React.createElement(HMSPreviewTile, null) : null, canPublishVideo ? /*#__PURE__*/React.createElement(LinearGradient, {
     colors: gradientColorShades,
     locations: gradientColorShadeLocations,
@@ -48,7 +57,9 @@ export const Preview = _ref => {
     style: canPublishVideo ? styles.header : null,
     edges: headerEdges,
     mode: "margin"
-  }, /*#__PURE__*/React.createElement(HMSPreviewTitle, null), /*#__PURE__*/React.createElement(HMSPreviewSubtitle, null), /*#__PURE__*/React.createElement(View, {
+  }, /*#__PURE__*/React.createElement(CompanyLogo, {
+    style: styles.logo
+  }), /*#__PURE__*/React.createElement(HMSPreviewTitle, null), /*#__PURE__*/React.createElement(HMSPreviewSubtitle, null), /*#__PURE__*/React.createElement(View, {
     style: styles.peerListWrapper
   }, /*#__PURE__*/React.createElement(HMSPreviewHLSLiveIndicator, null), /*#__PURE__*/React.createElement(HMSPreviewPeersList, null))), /*#__PURE__*/React.createElement(SafeAreaView, {
     style: styles.backButtonContainer,
@@ -57,7 +68,7 @@ export const Preview = _ref => {
   }, /*#__PURE__*/React.createElement(BackButton, null)), /*#__PURE__*/React.createElement(View, {
     style: styles.footerWrapper
   }, /*#__PURE__*/React.createElement(HMSPreviewNetworkQuality, null), /*#__PURE__*/React.createElement(Animated.View, {
-    style: [styles.footer, keyboardAvoidStyle]
+    style: [styles.footer, hmsRoomStyles.footer, keyboardAvoidStyle]
   }, /*#__PURE__*/React.createElement(View, {
     style: styles.controlsContainer
   }, /*#__PURE__*/React.createElement(View, {
@@ -75,7 +86,6 @@ const styles = StyleSheet.create({
   container: {
     flex: 1,
     position: 'relative',
-    backgroundColor: COLORS.BACKGROUND.DIM,
     justifyContent: 'center'
   },
   header: {
@@ -93,6 +103,10 @@ const styles = StyleSheet.create({
     height: 260,
     zIndex: 10
   },
+  logo: {
+    alignSelf: 'center',
+    marginBottom: 16
+  },
   controlsContainer: {
     flexDirection: 'row',
     alignItems: 'center',
@@ -126,7 +140,6 @@ const styles = StyleSheet.create({
   },
   footer: {
     flex: 1,
-    backgroundColor: COLORS.BACKGROUND.DEFAULT,
     borderTopLeftRadius: 16,
     borderTopRightRadius: 16,
     padding: 16

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

@@ -1 +1 @@
-{"version":3,"names":["React","Keyboard","StyleSheet","TouchableWithoutFeedback","View","Animated","useAnimatedStyle","useAnimatedKeyboard","SafeAreaView","LinearGradient","COLORS","BackButton","HMSManageCameraRotation","HMSManageLocalAudio","HMSManageLocalVideo","HMSPreviewEditName","HMSPreviewJoinButton","HMSPreviewPeersList","HMSPreviewSubtitle","HMSPreviewTile","HMSPreviewTitle","HMSManageAudioOutput","HMSPreviewNetworkQuality","useCanPublishVideo","HMSPreviewHLSLiveIndicator","backButtonEdges","headerEdges","gradientColorShades","gradientColorShadeLocations","Preview","_ref","join","loadingButtonState","canPublishVideo","animatedKeyboard","keyboardAvoidStyle","transform","translateY","height","value","createElement","onPress","dismiss","style","styles","container","colors","locations","headerGradient","header","edges","mode","peerListWrapper","backButtonContainer","footerWrapper","footer","controlsContainer","micAndCameraControls","manageLocalVideoWrapper","joinButtonRow","onJoin","loading","create","flex","position","backgroundColor","BACKGROUND","DIM","justifyContent","top","width","marginTop","zIndex","alignItems","flexDirection","alignSelf","marginHorizontal","marginVertical","bottom","DEFAULT","borderTopLeftRadius","borderTopRightRadius","padding"],"sourceRoot":"../../../src","sources":["components/Preview.tsx"],"mappings":"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"}
+{"version":3,"names":["React","Keyboard","StyleSheet","TouchableWithoutFeedback","View","Animated","useAnimatedStyle","useAnimatedKeyboard","SafeAreaView","LinearGradient","BackButton","HMSManageCameraRotation","HMSManageLocalAudio","HMSManageLocalVideo","HMSPreviewEditName","HMSPreviewJoinButton","HMSPreviewPeersList","HMSPreviewSubtitle","HMSPreviewTile","HMSPreviewTitle","HMSManageAudioOutput","HMSPreviewNetworkQuality","useCanPublishVideo","HMSPreviewHLSLiveIndicator","CompanyLogo","useHMSRoomStyleSheet","backButtonEdges","headerEdges","gradientColorShades","gradientColorShadeLocations","Preview","_ref","join","loadingButtonState","canPublishVideo","animatedKeyboard","keyboardAvoidStyle","transform","translateY","height","value","hmsRoomStyles","theme","container","backgroundColor","palette","background_dim","footer","background_default","createElement","onPress","dismiss","style","styles","colors","locations","headerGradient","header","edges","mode","logo","peerListWrapper","backButtonContainer","footerWrapper","controlsContainer","micAndCameraControls","manageLocalVideoWrapper","joinButtonRow","onJoin","loading","create","flex","position","justifyContent","top","width","marginTop","zIndex","alignItems","alignSelf","marginBottom","flexDirection","marginHorizontal","marginVertical","bottom","borderTopLeftRadius","borderTopRightRadius","padding"],"sourceRoot":"../../../src","sources":["components/Preview.tsx"],"mappings":"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"}