@100mslive/react-native-room-kit 1.0.0 → 1.0.2-beta.0

package/lib/module/components/HMSManageLeave.js

@@ -1,13 +1,10 @@
 import * as React from 'react';
-import { StyleSheet, Text, TouchableOpacity, View } from 'react-native';
-import { useSelector } from 'react-redux';
+import { View } from 'react-native';
 import { LeaveIcon } from '../Icons';
-import { useHMSRoomStyleSheet, useLeaveMethods } from '../hooks-util';
+import { useHMSRoomStyleSheet, useModalType } from '../hooks-util';
 import { ModalTypes } from '../utils/types';
 import { PressableIcon } from './PressableIcon';
-import { BottomSheet } from './BottomSheet';
-import { StopIcon } from '../Icons';
-import { EndRoomModalContent } from './EndRoomModalContent';
+import { COLORS } from '../utils/theme';
 export const HMSManageLeave = props => {
   // TODO: read current meeting joined state
   const isMeetingJoined = true;
@@ -17,65 +14,23 @@ export const HMSManageLeave = props => {
   return /*#__PURE__*/React.createElement(LeaveButton, props);
 };
 const LeaveButton = props => {
-  const leavePopCloseAction = React.useRef(ModalTypes.DEFAULT);
-  const [leavePopVisible, setLeavePopVisible] = React.useState(false);
-  const [leaveModalType, setLeaveModalType] = React.useState(ModalTypes.DEFAULT);
   const {
-    leave
-  } = useLeaveMethods(false);
+    handleModalVisibleType
+  } = useModalType();
 
   /**
    * Opens the Leave Popup Menu
    */
   const handleLeaveButtonPress = () => {
-    setLeavePopVisible(true);
+    handleModalVisibleType(ModalTypes.LEAVE_ROOM);
   };
-
-  /**
-   * Closes the Leave Popup Menu
-   * Leave Modal will open after the popup is hidden
-   */
-  const handleLeavePress = async () => {
-    setLeavePopVisible(false);
-    await leave();
-  };
-
-  /**
-   * Closes the Leave Popup Menu
-   * End Session Modal will open after the popup is hidden
-   */
-  const handleEndSessionPress = async () => {
-    leavePopCloseAction.current = ModalTypes.END_ROOM;
-    setLeavePopVisible(false);
-  };
-  const handleEndStreamPress = async () => {
-    leavePopCloseAction.current = ModalTypes.END_ROOM;
-    setLeavePopVisible(false);
-  };
-
-  /**
-   * Closes the Leave Popup Menu
-   * No action is taken when the popup is hidden
-   */
-  const dismissPopup = () => {
-    leavePopCloseAction.current = ModalTypes.DEFAULT;
-    setLeavePopVisible(false);
-  };
-
-  /**
-   * Handles action to take when the leave popup is hidden
-   */
-  const handlePopupHide = () => {
-    setLeaveModalType(leavePopCloseAction.current);
-  };
-  const dismissModal = () => setLeaveModalType(ModalTypes.DEFAULT);
   const hmsRoomStyles = useHMSRoomStyleSheet(theme => ({
     button: {
       backgroundColor: theme.palette.alert_error_default,
       borderColor: theme.palette.alert_error_default
     },
     icon: {
-      tintColor: theme.palette.alert_error_brighter
+      tintColor: COLORS.WHITE
     }
   }));
   const leaveIconDelegate = 'leaveIconDelegate' in props && props.leaveIconDelegate ? props.leaveIconDelegate : /*#__PURE__*/React.createElement(LeaveIcon, {
@@ -85,136 +40,6 @@ const LeaveButton = props => {
   return /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.cloneElement(leaveButtonDelegate, {
     onPress: handleLeaveButtonPress,
     style: hmsRoomStyles.button
-  }), /*#__PURE__*/React.createElement(LeaveBottomSheet, {
-    isVisible: leavePopVisible,
-    onEndSessionPress: handleEndSessionPress,
-    onLeavePress: handleLeavePress,
-    onPopupDismiss: dismissPopup,
-    onPopupHide: handlePopupHide,
-    onEndStreamPress: handleEndStreamPress
-  }), /*#__PURE__*/React.createElement(BottomSheet, {
-    dismissModal: dismissModal,
-    isVisible: leaveModalType === ModalTypes.END_ROOM,
-    animationOutTiming: 700
-  }, /*#__PURE__*/React.createElement(EndRoomModalContent, {
-    dismissModal: dismissModal
-  })));
-};
-
-// const HEADER_CONTENT_HEIGHT = 24 + 8 + 8 + 2; // ICON_SIZE + TOP_PADDING + BOTTOM_PADDING + TOP&BOTTOM_BORDER_WIDTH
-// const HEADER_HEIGHT = 8 + HEADER_CONTENT_HEIGHT + 8; // TOP_HEADER_PADDING + HEADER_CONTENT_HEIGHT + BOTTOM_HEADER_PADDING
-const LeaveBottomSheet = _ref => {
-  let {
-    isVisible,
-    onPopupDismiss,
-    onLeavePress,
-    onEndSessionPress,
-    onEndStreamPress,
-    onPopupHide
-  } = _ref;
-  const canEndRoom = useSelector(state => {
-    var _state$hmsStates$loca;
-    return (_state$hmsStates$loca = state.hmsStates.localPeer) === null || _state$hmsStates$loca === void 0 || (_state$hmsStates$loca = _state$hmsStates$loca.role) === null || _state$hmsStates$loca === void 0 || (_state$hmsStates$loca = _state$hmsStates$loca.permissions) === null || _state$hmsStates$loca === void 0 ? void 0 : _state$hmsStates$loca.endRoom;
-  });
-  const canStream = useSelector(state => {
-    var _state$hmsStates$loca2;
-    return (_state$hmsStates$loca2 = state.hmsStates.localPeer) === null || _state$hmsStates$loca2 === void 0 || (_state$hmsStates$loca2 = _state$hmsStates$loca2.role) === null || _state$hmsStates$loca2 === void 0 || (_state$hmsStates$loca2 = _state$hmsStates$loca2.permissions) === null || _state$hmsStates$loca2 === void 0 ? void 0 : _state$hmsStates$loca2.hlsStreaming;
-  });
-  const isStreaming = useSelector(state => {
-    var _state$hmsStates$room;
-    return ((_state$hmsStates$room = state.hmsStates.room) === null || _state$hmsStates$room === void 0 || (_state$hmsStates$room = _state$hmsStates$room.hlsStreamingState) === null || _state$hmsStates$room === void 0 ? void 0 : _state$hmsStates$room.running) ?? false;
-  });
-  const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
-    text: {
-      color: theme.palette.on_surface_high,
-      fontFamily: `${typography.font_family}-SemiBold`
-    },
-    subtext: {
-      color: theme.palette.on_surface_low,
-      fontFamily: `${typography.font_family}-Regular`
-    },
-    endButton: {
-      backgroundColor: theme.palette.alert_error_dim
-    },
-    endText: {
-      color: theme.palette.alert_error_brighter,
-      fontFamily: `${typography.font_family}-SemiBold`
-    },
-    endSubtext: {
-      color: theme.palette.alert_error_bright,
-      fontFamily: `${typography.font_family}-Regular`
-    },
-    endIcon: {
-      tintColor: theme.palette.alert_error_brighter
-    }
   }));
-  return /*#__PURE__*/React.createElement(BottomSheet, {
-    isVisible: isVisible,
-    containerStyle: leavePopupStyles.container,
-    dismissModal: onPopupDismiss,
-    onModalHide: onPopupHide,
-    animationOutTiming: 700
-  }, /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(TouchableOpacity, {
-    style: leavePopupStyles.button,
-    onPress: onLeavePress
-  }, /*#__PURE__*/React.createElement(LeaveIcon, {
-    style: leavePopupStyles.icon
-  }), /*#__PURE__*/React.createElement(View, {
-    style: leavePopupStyles.textContainer
-  }, /*#__PURE__*/React.createElement(Text, {
-    style: [leavePopupStyles.text, hmsRoomStyles.text]
-  }, "Leave"), /*#__PURE__*/React.createElement(Text, {
-    style: [leavePopupStyles.subtext, hmsRoomStyles.subtext]
-  }, "Others will continue after you leave. You can join the session again."))), canStream && isStreaming ? /*#__PURE__*/React.createElement(TouchableOpacity, {
-    style: [leavePopupStyles.button, hmsRoomStyles.endButton],
-    onPress: onEndStreamPress
-  }, /*#__PURE__*/React.createElement(StopIcon, {
-    style: [leavePopupStyles.icon, hmsRoomStyles.endIcon]
-  }), /*#__PURE__*/React.createElement(View, {
-    style: leavePopupStyles.textContainer
-  }, /*#__PURE__*/React.createElement(Text, {
-    style: [leavePopupStyles.text, hmsRoomStyles.endText]
-  }, "End Stream"), /*#__PURE__*/React.createElement(Text, {
-    style: [leavePopupStyles.subtext, hmsRoomStyles.endSubtext]
-  }, "The stream will end for everyone after they\u2019ve watched it."))) : canEndRoom ? /*#__PURE__*/React.createElement(TouchableOpacity, {
-    style: [leavePopupStyles.button, hmsRoomStyles.endButton],
-    onPress: onEndSessionPress
-  }, /*#__PURE__*/React.createElement(StopIcon, {
-    style: [leavePopupStyles.icon, hmsRoomStyles.endIcon]
-  }), /*#__PURE__*/React.createElement(View, {
-    style: leavePopupStyles.textContainer
-  }, /*#__PURE__*/React.createElement(Text, {
-    style: [leavePopupStyles.text, hmsRoomStyles.endText]
-  }, "End Session"), /*#__PURE__*/React.createElement(Text, {
-    style: [leavePopupStyles.subtext, hmsRoomStyles.endSubtext]
-  }, "The session will end for everyone in the room immediately."))) : null));
 };
-const leavePopupStyles = StyleSheet.create({
-  container: {
-    paddingBottom: 0
-  },
-  button: {
-    flexDirection: 'row',
-    padding: 24
-  },
-  icon: {
-    width: 24,
-    height: 24,
-    marginRight: 16
-  },
-  textContainer: {
-    flex: 1
-  },
-  text: {
-    fontSize: 20,
-    lineHeight: 24,
-    letterSpacing: 0.15
-  },
-  subtext: {
-    fontSize: 14,
-    lineHeight: 20,
-    letterSpacing: 0.25,
-    marginTop: 4
-  }
-});
 //# sourceMappingURL=HMSManageLeave.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","Text","TouchableOpacity","View","useSelector","LeaveIcon","useHMSRoomStyleSheet","useLeaveMethods","ModalTypes","PressableIcon","BottomSheet","StopIcon","EndRoomModalContent","HMSManageLeave","props","isMeetingJoined","createElement","LeaveButton","leavePopCloseAction","useRef","DEFAULT","leavePopVisible","setLeavePopVisible","useState","leaveModalType","setLeaveModalType","leave","handleLeaveButtonPress","handleLeavePress","handleEndSessionPress","current","END_ROOM","handleEndStreamPress","dismissPopup","handlePopupHide","dismissModal","hmsRoomStyles","theme","button","backgroundColor","palette","alert_error_default","borderColor","icon","tintColor","alert_error_brighter","leaveIconDelegate","style","leaveButtonDelegate","cloneElement","onPress","LeaveBottomSheet","isVisible","onEndSessionPress","onLeavePress","onPopupDismiss","onPopupHide","onEndStreamPress","animationOutTiming","_ref","canEndRoom","state","_state$hmsStates$loca","hmsStates","localPeer","role","permissions","endRoom","canStream","_state$hmsStates$loca2","hlsStreaming","isStreaming","_state$hmsStates$room","room","hlsStreamingState","running","typography","text","color","on_surface_high","fontFamily","font_family","subtext","on_surface_low","endButton","alert_error_dim","endText","endSubtext","alert_error_bright","endIcon","containerStyle","leavePopupStyles","container","onModalHide","textContainer","create","paddingBottom","flexDirection","padding","width","height","marginRight","flex","fontSize","lineHeight","letterSpacing","marginTop"],"sourceRoot":"../../../src","sources":["components/HMSManageLeave.tsx"],"mappings":"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"}
+{"version":3,"names":["React","View","LeaveIcon","useHMSRoomStyleSheet","useModalType","ModalTypes","PressableIcon","COLORS","HMSManageLeave","props","isMeetingJoined","createElement","LeaveButton","handleModalVisibleType","handleLeaveButtonPress","LEAVE_ROOM","hmsRoomStyles","theme","button","backgroundColor","palette","alert_error_default","borderColor","icon","tintColor","WHITE","leaveIconDelegate","style","leaveButtonDelegate","cloneElement","onPress"],"sourceRoot":"../../../src","sources":["components/HMSManageLeave.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAASC,SAAS,QAAQ,UAAU;AACpC,SAASC,oBAAoB,EAAEC,YAAY,QAAQ,eAAe;AAClE,SAASC,UAAU,QAAQ,gBAAgB;AAC3C,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,MAAM,QAAQ,gBAAgB;AAEvC,OAAO,MAAMC,cAA0C,GAAIC,KAAK,IAAK;EACnE;EACA,MAAMC,eAAe,GAAG,IAAI;EAE5B,IAAI,CAACA,eAAe,EAAE;IACpB,OAAO,IAAI;EACb;EAEA,oBAAOV,KAAA,CAAAW,aAAA,CAACC,WAAW,EAAKH,KAAQ,CAAC;AACnC,CAAC;AAUD,MAAMG,WAAuC,GAAIH,KAAK,IAAK;EACzD,MAAM;IAAEI;EAAuB,CAAC,GAAGT,YAAY,CAAC,CAAC;;EAEjD;AACF;AACA;EACE,MAAMU,sBAAsB,GAAGA,CAAA,KAAM;IACnCD,sBAAsB,CAACR,UAAU,CAACU,UAAU,CAAC;EAC/C,CAAC;EAED,MAAMC,aAAa,GAAGb,oBAAoB,CAAEc,KAAK,KAAM;IACrDC,MAAM,EAAE;MACNC,eAAe,EAAEF,KAAK,CAACG,OAAO,CAACC,mBAAmB;MAClDC,WAAW,EAAEL,KAAK,CAACG,OAAO,CAACC;IAC7B,CAAC;IACDE,IAAI,EAAE;MACJC,SAAS,EAAEjB,MAAM,CAACkB;IACpB;EACF,CAAC,CAAC,CAAC;EAEH,MAAMC,iBAAiB,GACrB,mBAAmB,IAAIjB,KAAK,IAAIA,KAAK,CAACiB,iBAAiB,GACrDjB,KAAK,CAACiB,iBAAiB,gBAEvB1B,KAAA,CAAAW,aAAA,CAACT,SAAS;IAACyB,KAAK,EAAEX,aAAa,CAACO;EAAK,CAAE,CACxC;EAEH,MAAMK,mBAAmB,GACvB,qBAAqB,IAAInB,KAAK,IAAIA,KAAK,CAACmB,mBAAmB,GACzDnB,KAAK,CAACmB,mBAAmB,gBAEzB5B,KAAA,CAAAW,aAAA,CAACL,aAAa,qBAAEN,KAAK,CAAC6B,YAAY,CAACH,iBAAiB,CAAiB,CACtE;EAEH,oBACE1B,KAAA,CAAAW,aAAA,CAACV,IAAI,qBACFD,KAAK,CAAC6B,YAAY,CAACD,mBAAmB,EAAE;IACvCE,OAAO,EAAEhB,sBAAsB;IAC/Ba,KAAK,EAAEX,aAAa,CAACE;EACvB,CAAC,CACG,CAAC;AAEX,CAAC"}

package/lib/module/components/HMSManageRaiseHand.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { useSelector, shallowEqual } from 'react-redux';
+import { useSelector } from 'react-redux';
 import { useHMSActions } from '../hooks-sdk';
 import { PressableIcon } from './PressableIcon';
 import { HandIcon } from '../Icons';
@@ -8,19 +8,31 @@ export const HMSManageRaiseHand = () => {
   const hmsActions = useHMSActions();
   const localPeerMetadata = useSelector(state => {
     var _state$hmsStates$loca;
-    return parseMetadata((_state$hmsStates$loca = state.hmsStates.localPeer) === null || _state$hmsStates$loca === void 0 ? void 0 : _state$hmsStates$loca.metadata);
-  }, shallowEqual);
+    return (_state$hmsStates$loca = state.hmsStates.localPeer) === null || _state$hmsStates$loca === void 0 ? void 0 : _state$hmsStates$loca.metadata;
+  });
+  const parsedLocalPeerMetadata = parseMetadata(localPeerMetadata);
+  const isBRBOn = !!parsedLocalPeerMetadata.isBRBOn;
+  const isHandRaised = useSelector(state => {
+    var _state$hmsStates$loca2;
+    return !!((_state$hmsStates$loca2 = state.hmsStates.localPeer) !== null && _state$hmsStates$loca2 !== void 0 && _state$hmsStates$loca2.isHandRaised);
+  });
   const toggleRaiseHand = async () => {
-    const newMetadata = {
-      ...localPeerMetadata,
-      isHandRaised: !localPeerMetadata.isHandRaised,
-      isBRBOn: false
-    };
-    await hmsActions.changeMetadata(newMetadata);
+    if (isBRBOn) {
+      const newMetadata = {
+        ...parsedLocalPeerMetadata,
+        isBRBOn: false
+      };
+      await hmsActions.changeMetadata(newMetadata);
+    }
+    if (isHandRaised) {
+      await hmsActions.lowerLocalPeerHand();
+    } else {
+      await hmsActions.raiseLocalPeerHand();
+    }
   };
   return /*#__PURE__*/React.createElement(PressableIcon, {
     onPress: toggleRaiseHand,
-    active: localPeerMetadata.isHandRaised
+    active: isHandRaised
   }, /*#__PURE__*/React.createElement(HandIcon, null));
 };
 //# sourceMappingURL=HMSManageRaiseHand.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useSelector","shallowEqual","useHMSActions","PressableIcon","HandIcon","parseMetadata","HMSManageRaiseHand","hmsActions","localPeerMetadata","state","_state$hmsStates$loca","hmsStates","localPeer","metadata","toggleRaiseHand","newMetadata","isHandRaised","isBRBOn","changeMetadata","createElement","onPress","active"],"sourceRoot":"../../../src","sources":["components/HMSManageRaiseHand.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,WAAW,EAAEC,YAAY,QAAQ,aAAa;AAGvD,SAASC,aAAa,QAAQ,cAAc;AAC5C,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,QAAQ,QAAQ,UAAU;AACnC,SAASC,aAAa,QAAQ,oBAAoB;AAElD,OAAO,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;EACtC,MAAMC,UAAU,GAAGL,aAAa,CAAC,CAAC;EAClC,MAAMM,iBAAiB,GAAGR,WAAW,CAClCS,KAAgB;IAAA,IAAAC,qBAAA;IAAA,OAAKL,aAAa,EAAAK,qBAAA,GAACD,KAAK,CAACE,SAAS,CAACC,SAAS,cAAAF,qBAAA,uBAAzBA,qBAAA,CAA2BG,QAAQ,CAAC;EAAA,GACxEZ,YACF,CAAC;EAED,MAAMa,eAAe,GAAG,MAAAA,CAAA,KAAY;IAClC,MAAMC,WAAW,GAAG;MAClB,GAAGP,iBAAiB;MACpBQ,YAAY,EAAE,CAACR,iBAAiB,CAACQ,YAAY;MAC7CC,OAAO,EAAE;IACX,CAAC;IACD,MAAMV,UAAU,CAACW,cAAc,CAACH,WAAW,CAAC;EAC9C,CAAC;EAED,oBACEhB,KAAA,CAAAoB,aAAA,CAAChB,aAAa;IACZiB,OAAO,EAAEN,eAAgB;IACzBO,MAAM,EAAEb,iBAAiB,CAACQ;EAAa,gBAEvCjB,KAAA,CAAAoB,aAAA,CAACf,QAAQ,MAAE,CACE,CAAC;AAEpB,CAAC"}
+{"version":3,"names":["React","useSelector","useHMSActions","PressableIcon","HandIcon","parseMetadata","HMSManageRaiseHand","hmsActions","localPeerMetadata","state","_state$hmsStates$loca","hmsStates","localPeer","metadata","parsedLocalPeerMetadata","isBRBOn","isHandRaised","_state$hmsStates$loca2","toggleRaiseHand","newMetadata","changeMetadata","lowerLocalPeerHand","raiseLocalPeerHand","createElement","onPress","active"],"sourceRoot":"../../../src","sources":["components/HMSManageRaiseHand.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,WAAW,QAAQ,aAAa;AAGzC,SAASC,aAAa,QAAQ,cAAc;AAC5C,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,QAAQ,QAAQ,UAAU;AACnC,SAASC,aAAa,QAAQ,oBAAoB;AAElD,OAAO,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;EACtC,MAAMC,UAAU,GAAGL,aAAa,CAAC,CAAC;EAClC,MAAMM,iBAAiB,GAAGP,WAAW,CAClCQ,KAAgB;IAAA,IAAAC,qBAAA;IAAA,QAAAA,qBAAA,GAAKD,KAAK,CAACE,SAAS,CAACC,SAAS,cAAAF,qBAAA,uBAAzBA,qBAAA,CAA2BG,QAAQ;EAAA,CAC3D,CAAC;EACD,MAAMC,uBAAuB,GAAGT,aAAa,CAACG,iBAAiB,CAAC;EAChE,MAAMO,OAAO,GAAG,CAAC,CAACD,uBAAuB,CAACC,OAAO;EACjD,MAAMC,YAAY,GAAGf,WAAW,CAC7BQ,KAAgB;IAAA,IAAAQ,sBAAA;IAAA,OAAK,CAAC,GAAAA,sBAAA,GAACR,KAAK,CAACE,SAAS,CAACC,SAAS,cAAAK,sBAAA,eAAzBA,sBAAA,CAA2BD,YAAY;EAAA,CACjE,CAAC;EAED,MAAME,eAAe,GAAG,MAAAA,CAAA,KAAY;IAClC,IAAIH,OAAO,EAAE;MACX,MAAMI,WAAW,GAAG;QAClB,GAAGL,uBAAuB;QAC1BC,OAAO,EAAE;MACX,CAAC;MACD,MAAMR,UAAU,CAACa,cAAc,CAACD,WAAW,CAAC;IAC9C;IACA,IAAIH,YAAY,EAAE;MAChB,MAAMT,UAAU,CAACc,kBAAkB,CAAC,CAAC;IACvC,CAAC,MAAM;MACL,MAAMd,UAAU,CAACe,kBAAkB,CAAC,CAAC;IACvC;EACF,CAAC;EAED,oBACEtB,KAAA,CAAAuB,aAAA,CAACpB,aAAa;IAACqB,OAAO,EAAEN,eAAgB;IAACO,MAAM,EAAET;EAAa,gBAC5DhB,KAAA,CAAAuB,aAAA,CAACnB,QAAQ,MAAE,CACE,CAAC;AAEpB,CAAC"}

package/lib/module/components/HMSNotification.js

@@ -15,7 +15,8 @@ export const HMSNotification = _ref => {
     cta,
     onDismiss,
     dismissDelay = 5000,
-    autoDismiss = true
+    autoDismiss = true,
+    dismissable = false
   } = _ref;
   const dispatch = useDispatch();
   const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
@@ -27,7 +28,7 @@ export const HMSNotification = _ref => {
       fontFamily: `${typography.font_family}-SemiBold`
     }
   }));
-  const dismissNotification = onDismiss || (autoDismiss ? () => {
+  const dismissNotification = onDismiss || (autoDismiss || dismissable ? () => {
     dispatch(removeNotification(id));
   } : null);
   const notification = /*#__PURE__*/React.createElement(View, {
@@ -43,7 +44,7 @@ export const HMSNotification = _ref => {
   }, cta, dismissNotification ? /*#__PURE__*/React.createElement(TouchableOpacity, {
     onPress: dismissNotification
   }, /*#__PURE__*/React.createElement(CloseIcon, null)) : null));
-  if (dismissNotification) {
+  if (dismissNotification && autoDismiss) {
     return /*#__PURE__*/React.createElement(UnmountAfterDelay, {
       visible: true,
       onUnmount: dismissNotification,

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

@@ -1 +1 @@
-{"version":3,"names":["React","useDispatch","StyleSheet","Text","TouchableOpacity","View","useHMSRoomStyleSheet","CloseIcon","UnmountAfterDelay","removeNotification","HMSNotification","_ref","id","text","icon","style","textStyle","cta","onDismiss","dismissDelay","autoDismiss","dispatch","hmsRoomStyles","theme","typography","container","backgroundColor","palette","surface_dim","color","on_surface_high","fontFamily","font_family","dismissNotification","notification","createElement","styles","leftWrapper","rightWrapper","onPress","visible","onUnmount","delay","create","flex","elevation","borderRadius","flexDirection","padding","paddingLeft","marginHorizontal","justifyContent","alignItems","marginLeft","marginRight","flexShrink","fontSize","lineHeight","letterSpacing"],"sourceRoot":"../../../src","sources":["components/HMSNotification.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,WAAW,QAAQ,aAAa;AACzC,SAASC,UAAU,EAAEC,IAAI,EAAEC,gBAAgB,EAAEC,IAAI,QAAQ,cAAc;AAGvE,SAASC,oBAAoB,QAAQ,eAAe;AACpD,SAASC,SAAS,QAAQ,UAAU;AACpC,SAASC,iBAAiB,QAAQ,qBAAqB;AACvD,SAASC,kBAAkB,QAAQ,kBAAkB;AAcrD,OAAO,MAAMC,eAA+C,GAAGC,IAAA,IAUzD;EAAA,IAV0D;IAC9DC,EAAE;IACFC,IAAI;IACJC,IAAI;IACJC,KAAK;IACLC,SAAS;IACTC,GAAG;IACHC,SAAS;IACTC,YAAY,GAAG,IAAI;IACnBC,WAAW,GAAG;EAChB,CAAC,GAAAT,IAAA;EACC,MAAMU,QAAQ,GAAGpB,WAAW,CAAC,CAAC;EAE9B,MAAMqB,aAAa,GAAGhB,oBAAoB,CAAC,CAACiB,KAAK,EAAEC,UAAU,MAAM;IACjEC,SAAS,EAAE;MACTC,eAAe,EAAEH,KAAK,CAACI,OAAO,CAACC;IACjC,CAAC;IACDf,IAAI,EAAE;MACJgB,KAAK,EAAEN,KAAK,CAACI,OAAO,CAACG,eAAe;MACpCC,UAAU,EAAG,GAAEP,UAAU,CAACQ,WAAY;IACxC;EACF,CAAC,CAAC,CAAC;EAEH,MAAMC,mBAAmB,GACvBf,SAAS,KACRE,WAAW,GACR,MAAM;IACJC,QAAQ,CAACZ,kBAAkB,CAACG,EAAE,CAAC,CAAC;EAClC,CAAC,GACD,IAAI,CAAC;EAEX,MAAMsB,YAAY,gBAChBlC,KAAA,CAAAmC,aAAA,CAAC9B,IAAI;IAACU,KAAK,EAAE,CAACqB,MAAM,CAACX,SAAS,EAAEH,aAAa,CAACG,SAAS,EAAEV,KAAK;EAAE,gBAC9Df,KAAA,CAAAmC,aAAA,CAAC9B,IAAI;IAACU,KAAK,EAAEqB,MAAM,CAACC;EAAY,GAC7BvB,IAAI,gBAAGd,KAAA,CAAAmC,aAAA,CAAC9B,IAAI;IAACU,KAAK,EAAEqB,MAAM,CAACtB;EAAK,GAAEA,IAAW,CAAC,GAAG,IAAI,EAErD,OAAOD,IAAI,KAAK,QAAQ,gBACvBb,KAAA,CAAAmC,aAAA,CAAChC,IAAI;IAACY,KAAK,EAAE,CAACqB,MAAM,CAACvB,IAAI,EAAES,aAAa,CAACT,IAAI,EAAEG,SAAS;EAAE,GACvDH,IACG,CAAC,GAEPA,IAEE,CAAC,eAEPb,KAAA,CAAAmC,aAAA,CAAC9B,IAAI;IAACU,KAAK,EAAEqB,MAAM,CAACE;EAAa,GAC9BrB,GAAG,EAEHgB,mBAAmB,gBAClBjC,KAAA,CAAAmC,aAAA,CAAC/B,gBAAgB;IAACmC,OAAO,EAAEN;EAAoB,gBAC7CjC,KAAA,CAAAmC,aAAA,CAAC5B,SAAS,MAAE,CACI,CAAC,GACjB,IACA,CACF,CACP;EAED,IAAI0B,mBAAmB,EAAE;IACvB,oBACEjC,KAAA,CAAAmC,aAAA,CAAC3B,iBAAiB;MAChBgC,OAAO,EAAE,IAAK;MACdC,SAAS,EAAER,mBAAoB;MAC/BS,KAAK,EAAEvB;IAAa,GAEnBe,YACgB,CAAC;EAExB;EAEA,OAAOA,YAAY;AACrB,CAAC;AAED,MAAME,MAAM,GAAGlC,UAAU,CAACyC,MAAM,CAAC;EAC/BlB,SAAS,EAAE;IACTmB,IAAI,EAAE,CAAC;IACPC,SAAS,EAAE,CAAC;IACZC,YAAY,EAAE,CAAC;IACfC,aAAa,EAAE,KAAK;IACpBC,OAAO,EAAE,CAAC;IACVC,WAAW,EAAE,EAAE;IACfC,gBAAgB,EAAE,CAAC;IACnBC,cAAc,EAAE,eAAe;IAC/BC,UAAU,EAAE;EACd,CAAC;EACDf,WAAW,EAAE;IACXO,IAAI,EAAE,CAAC;IACPG,aAAa,EAAE,KAAK;IACpBK,UAAU,EAAE;EACd,CAAC;EACDd,YAAY,EAAE;IACZS,aAAa,EAAE,KAAK;IACpBK,UAAU,EAAE,QAAQ;IACpBC,UAAU,EAAE;EACd,CAAC;EACDvC,IAAI,EAAE;IACJwC,WAAW,EAAE;EACf,CAAC;EACDzC,IAAI,EAAE;IACJ0C,UAAU,EAAE,CAAC;IACbC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC"}
+{"version":3,"names":["React","useDispatch","StyleSheet","Text","TouchableOpacity","View","useHMSRoomStyleSheet","CloseIcon","UnmountAfterDelay","removeNotification","HMSNotification","_ref","id","text","icon","style","textStyle","cta","onDismiss","dismissDelay","autoDismiss","dismissable","dispatch","hmsRoomStyles","theme","typography","container","backgroundColor","palette","surface_dim","color","on_surface_high","fontFamily","font_family","dismissNotification","notification","createElement","styles","leftWrapper","rightWrapper","onPress","visible","onUnmount","delay","create","flex","elevation","borderRadius","flexDirection","padding","paddingLeft","marginHorizontal","justifyContent","alignItems","marginLeft","marginRight","flexShrink","fontSize","lineHeight","letterSpacing"],"sourceRoot":"../../../src","sources":["components/HMSNotification.tsx"],"mappings":"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"}

package/lib/module/components/HMSNotifications.js

@@ -4,7 +4,11 @@ import { StyleSheet, View } from 'react-native';
 import { HMSLocalScreenshareNotification } from './HMSLocalScreenshareNotification';
 import { HMSHandRaiseNotification } from './HMSHandRaiseNotification';
 import { HMSRoleChangeDeclinedNotification } from './HMSRoleChangeDeclinedNotification';
-import { NotificationTypes } from '../utils';
+import { NotificationTypes } from '../types';
+import { HMSTerminalErrorNotification } from './HMSTerminalErrorNotification';
+import { HMSNotification } from './HMSNotification';
+import { AlertTriangleIcon } from '../Icons';
+import { HMSReconnectingNotification } from './HMSReconnectingNotification';
 const LOCAL_SCREENSHARE_PAYLOAD = {
   id: NotificationTypes.LOCAL_SCREENSHARE,
   type: NotificationTypes.LOCAL_SCREENSHARE
@@ -66,7 +70,7 @@ export const HMSNotifications = () => {
       }, atBottom ? null : styles.notificationWrapper, atBottom ? null : {
         bottom: index * 16
       }]
-    }, notification.type === NotificationTypes.LOCAL_SCREENSHARE ? /*#__PURE__*/React.createElement(HMSLocalScreenshareNotification, null) : notification.type === NotificationTypes.HAND_RAISE && 'peer' in notification ? /*#__PURE__*/React.createElement(HMSHandRaiseNotification, {
+    }, notification.type === NotificationTypes.LOCAL_SCREENSHARE ? /*#__PURE__*/React.createElement(HMSLocalScreenshareNotification, null) : notification.type === NotificationTypes.RECONNECTING ? /*#__PURE__*/React.createElement(HMSReconnectingNotification, null) : notification.type === NotificationTypes.HAND_RAISE && 'peer' in notification ? /*#__PURE__*/React.createElement(HMSHandRaiseNotification, {
       id: notification.id,
       peer: notification.peer,
       autoDismiss: atTop,
@@ -76,9 +80,31 @@ export const HMSNotifications = () => {
       peerName: notification.peer.name,
       autoDismiss: atTop,
       dismissDelay: 10000
+    }) : notification.type === NotificationTypes.TERMINAL_ERROR && 'exception' in notification ? /*#__PURE__*/React.createElement(HMSTerminalErrorNotification, {
+      id: notification.id,
+      exception: notification.exception,
+      autoDismiss: false
+    }) : notification.type === NotificationTypes.ERROR && 'message' in notification ? /*#__PURE__*/React.createElement(HMSNotification, {
+      icon: /*#__PURE__*/React.createElement(AlertTriangleIcon, {
+        type: "line"
+      }),
+      id: notification.id,
+      text: notification.message,
+      autoDismiss: false,
+      dismissable: true
     }) : null);
   }));
 };
+export const useHMSNotificationsHeight = () => {
+  const numberOfNotifications = useSelector(state => {
+    const allNotifications = state.app.notifications;
+    const isLocalScreenShared = state.hmsStates.isLocalScreenShared;
+    return Math.min(allNotifications.length, isLocalScreenShared ? 2 : 3) + (isLocalScreenShared ? 1 : 0);
+  });
+  if (numberOfNotifications === 0) return 0;
+  return 8 + (numberOfNotifications - 1) * 16 + 56; // marginBottom + calculated paddingTop + content
+};
+
 const styles = StyleSheet.create({
   absoluteContainer: {
     position: 'relative',

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

@@ -1 +1 @@
-{"version":3,"names":["React","shallowEqual","useSelector","StyleSheet","View","HMSLocalScreenshareNotification","HMSHandRaiseNotification","HMSRoleChangeDeclinedNotification","NotificationTypes","LOCAL_SCREENSHARE_PAYLOAD","id","LOCAL_SCREENSHARE","type","HMSNotifications","isLocalScreenShared","state","hmsStates","notifications","allNotifications","app","list","push","length","firstNotification","secondNotification","thirdNotification","createElement","style","styles","absoluteContainer","paddingTop","map","notification","index","arr","atTop","atBottom","key","transform","scale","getScale","notificationWrapper","bottom","HAND_RAISE","peer","autoDismiss","dismissDelay","ROLE_CHANGE_DECLINED","peerName","name","create","position","marginBottom","width","totalItem","current"],"sourceRoot":"../../../src","sources":["components/HMSNotifications.tsx"],"mappings":"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"}
+{"version":3,"names":["React","shallowEqual","useSelector","StyleSheet","View","HMSLocalScreenshareNotification","HMSHandRaiseNotification","HMSRoleChangeDeclinedNotification","NotificationTypes","HMSTerminalErrorNotification","HMSNotification","AlertTriangleIcon","HMSReconnectingNotification","LOCAL_SCREENSHARE_PAYLOAD","id","LOCAL_SCREENSHARE","type","HMSNotifications","isLocalScreenShared","state","hmsStates","notifications","allNotifications","app","list","push","length","firstNotification","secondNotification","thirdNotification","createElement","style","styles","absoluteContainer","paddingTop","map","notification","index","arr","atTop","atBottom","key","transform","scale","getScale","notificationWrapper","bottom","RECONNECTING","HAND_RAISE","peer","autoDismiss","dismissDelay","ROLE_CHANGE_DECLINED","peerName","name","TERMINAL_ERROR","exception","ERROR","icon","text","message","dismissable","useHMSNotificationsHeight","numberOfNotifications","Math","min","create","position","marginBottom","width","totalItem","current"],"sourceRoot":"../../../src","sources":["components/HMSNotifications.tsx"],"mappings":"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"}

package/lib/module/components/HMSOverlayChatView.js

@@ -5,10 +5,16 @@ import MaskedView from '@react-native-masked-view/masked-view';
 import { HMSKeyboardAvoidingView } from './HMSKeyboardAvoidingView';
 import { HMSSendMessageInput } from './HMSSendMessageInput';
 import { HMSHLSMessageList } from './HMSHLSMessageList';
+import { useFooterHeight } from './Footer';
+import { useHMSNotificationsHeight } from './HMSNotifications';
 const colors = ['rgba(0, 0, 0, 0)', 'rgba(255, 255, 255, 1)', 'rgba(255, 255, 255, 1)'];
 const colorLocations = [0, 0.4, 1];
 export const HLSChatView = () => {
-  return /*#__PURE__*/React.createElement(HMSKeyboardAvoidingView, null, /*#__PURE__*/React.createElement(MaskedView, {
+  const footerHeight = useFooterHeight();
+  const hmsNotificationsHeight = useHMSNotificationsHeight();
+  return /*#__PURE__*/React.createElement(HMSKeyboardAvoidingView, {
+    bottomOffset: footerHeight + hmsNotificationsHeight
+  }, /*#__PURE__*/React.createElement(MaskedView, {
     maskElement: /*#__PURE__*/React.createElement(LinearGradient, {
       pointerEvents: "box-none",
       style: StyleSheet.absoluteFill,

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

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","LinearGradient","MaskedView","HMSKeyboardAvoidingView","HMSSendMessageInput","HMSHLSMessageList","colors","colorLocations","HLSChatView","createElement","maskElement","pointerEvents","style","absoluteFill","locations"],"sourceRoot":"../../../src","sources":["components/HMSOverlayChatView.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,cAAc;AACzC,OAAOC,cAAc,MAAM,8BAA8B;AACzD,OAAOC,UAAU,MAAM,uCAAuC;AAE9D,SAASC,uBAAuB,QAAQ,2BAA2B;AACnE,SAASC,mBAAmB,QAAQ,uBAAuB;AAC3D,SAASC,iBAAiB,QAAQ,qBAAqB;AAEvD,MAAMC,MAAM,GAAG,CACb,kBAAkB,EAClB,wBAAwB,EACxB,wBAAwB,CACzB;AACD,MAAMC,cAAc,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;AAElC,OAAO,MAAMC,WAAW,GAAGA,CAAA,KAAM;EAC/B,oBACET,KAAA,CAAAU,aAAA,CAACN,uBAAuB,qBACtBJ,KAAA,CAAAU,aAAA,CAACP,UAAU;IACTQ,WAAW,eACTX,KAAA,CAAAU,aAAA,CAACR,cAAc;MACbU,aAAa,EAAC,UAAU;MACxBC,KAAK,EAAEZ,UAAU,CAACa,YAAa;MAC/BP,MAAM,EAAEA,MAAO;MACfQ,SAAS,EAAEP;IAAe,CAC3B;EACF,gBAEDR,KAAA,CAAAU,aAAA,CAACJ,iBAAiB,MAAE,CACV,CAAC,eAEbN,KAAA,CAAAU,aAAA,CAACL,mBAAmB,MAAE,CACC,CAAC;AAE9B,CAAC"}
+{"version":3,"names":["React","StyleSheet","LinearGradient","MaskedView","HMSKeyboardAvoidingView","HMSSendMessageInput","HMSHLSMessageList","useFooterHeight","useHMSNotificationsHeight","colors","colorLocations","HLSChatView","footerHeight","hmsNotificationsHeight","createElement","bottomOffset","maskElement","pointerEvents","style","absoluteFill","locations"],"sourceRoot":"../../../src","sources":["components/HMSOverlayChatView.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,cAAc;AACzC,OAAOC,cAAc,MAAM,8BAA8B;AACzD,OAAOC,UAAU,MAAM,uCAAuC;AAE9D,SAASC,uBAAuB,QAAQ,2BAA2B;AACnE,SAASC,mBAAmB,QAAQ,uBAAuB;AAC3D,SAASC,iBAAiB,QAAQ,qBAAqB;AACvD,SAASC,eAAe,QAAQ,UAAU;AAC1C,SAASC,yBAAyB,QAAQ,oBAAoB;AAE9D,MAAMC,MAAM,GAAG,CACb,kBAAkB,EAClB,wBAAwB,EACxB,wBAAwB,CACzB;AACD,MAAMC,cAAc,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;AAElC,OAAO,MAAMC,WAAW,GAAGA,CAAA,KAAM;EAC/B,MAAMC,YAAY,GAAGL,eAAe,CAAC,CAAC;EACtC,MAAMM,sBAAsB,GAAGL,yBAAyB,CAAC,CAAC;EAE1D,oBACER,KAAA,CAAAc,aAAA,CAACV,uBAAuB;IAACW,YAAY,EAAEH,YAAY,GAAGC;EAAuB,gBAC3Eb,KAAA,CAAAc,aAAA,CAACX,UAAU;IACTa,WAAW,eACThB,KAAA,CAAAc,aAAA,CAACZ,cAAc;MACbe,aAAa,EAAC,UAAU;MACxBC,KAAK,EAAEjB,UAAU,CAACkB,YAAa;MAC/BV,MAAM,EAAEA,MAAO;MACfW,SAAS,EAAEV;IAAe,CAC3B;EACF,gBAEDV,KAAA,CAAAc,aAAA,CAACR,iBAAiB,MAAE,CACV,CAAC,eAEbN,KAAA,CAAAc,aAAA,CAACT,mBAAmB,MAAE,CACC,CAAC;AAE9B,CAAC"}

package/lib/module/components/HMSPreviewHLSLiveIndicator.js

@@ -2,6 +2,7 @@ import * as React from 'react';
 import { View, Text, StyleSheet } from 'react-native';
 import { useSelector } from 'react-redux';
 import { useHMSRoomStyleSheet } from '../hooks-util';
+import { COLORS } from '../utils/theme';
 export const HMSPreviewHLSLiveIndicator = () => {
   const isHLSStreaming = useSelector(state => {
     var _state$hmsStates$room;
@@ -12,10 +13,10 @@ export const HMSPreviewHLSLiveIndicator = () => {
       backgroundColor: theme.palette.alert_error_default
     },
     circle: {
-      backgroundColor: theme.palette.on_surface_high
+      backgroundColor: COLORS.WHITE
     },
     text: {
-      color: theme.palette.on_surface_high,
+      color: COLORS.WHITE,
       fontFamily: `${typography.font_family}-SemiBold`
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","Text","StyleSheet","useSelector","useHMSRoomStyleSheet","HMSPreviewHLSLiveIndicator","isHLSStreaming","state","_state$hmsStates$room","hmsStates","room","hlsStreamingState","running","hmsRoomStyles","theme","typography","container","backgroundColor","palette","alert_error_default","circle","on_surface_high","text","color","fontFamily","font_family","createElement","style","styles","circleContainer","create","flexDirection","alignItems","borderRadius","paddingLeft","paddingRight","marginRight","width","height","justifyContent","marginLeft","fontSize","lineHeight","letterSpacing"],"sourceRoot":"../../../src","sources":["components/HMSPreviewHLSLiveIndicator.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,EAAEC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AACrD,SAASC,WAAW,QAAQ,aAAa;AAGzC,SAASC,oBAAoB,QAAQ,eAAe;AAEpD,OAAO,MAAMC,0BAA0B,GAAGA,CAAA,KAAM;EAC9C,MAAMC,cAAc,GAAGH,WAAW,CAC/BI,KAAgB;IAAA,IAAAC,qBAAA;IAAA,QAAAA,qBAAA,GAAKD,KAAK,CAACE,SAAS,CAACC,IAAI,cAAAF,qBAAA,gBAAAA,qBAAA,GAApBA,qBAAA,CAAsBG,iBAAiB,cAAAH,qBAAA,uBAAvCA,qBAAA,CAAyCI,OAAO;EAAA,CACxE,CAAC;EAED,MAAMC,aAAa,GAAGT,oBAAoB,CAAC,CAACU,KAAK,EAAEC,UAAU,MAAM;IACjEC,SAAS,EAAE;MACTC,eAAe,EAAEH,KAAK,CAACI,OAAO,CAACC;IACjC,CAAC;IACDC,MAAM,EAAE;MACNH,eAAe,EAAEH,KAAK,CAACI,OAAO,CAACG;IACjC,CAAC;IACDC,IAAI,EAAE;MACJC,KAAK,EAAET,KAAK,CAACI,OAAO,CAACG,eAAe;MACpCG,UAAU,EAAG,GAAET,UAAU,CAACU,WAAY;IACxC;EACF,CAAC,CAAC,CAAC;EAEH,IAAI,CAACnB,cAAc,EAAE;IACnB,OAAO,IAAI;EACb;EAEA,oBACEP,KAAA,CAAA2B,aAAA,CAAC1B,IAAI;IAAC2B,KAAK,EAAE,CAACC,MAAM,CAACZ,SAAS,EAAEH,aAAa,CAACG,SAAS;EAAE,gBACvDjB,KAAA,CAAA2B,aAAA,CAAC1B,IAAI;IAAC2B,KAAK,EAAEC,MAAM,CAACC;EAAgB,gBAClC9B,KAAA,CAAA2B,aAAA,CAAC1B,IAAI;IAAC2B,KAAK,EAAE,CAACC,MAAM,CAACR,MAAM,EAAEP,aAAa,CAACO,MAAM;EAAE,CAAE,CACjD,CAAC,eACPrB,KAAA,CAAA2B,aAAA,CAACzB,IAAI;IAAC0B,KAAK,EAAE,CAACC,MAAM,CAACN,IAAI,EAAET,aAAa,CAACS,IAAI;EAAE,GAAC,MAAU,CACtD,CAAC;AAEX,CAAC;AAED,MAAMM,MAAM,GAAG1B,UAAU,CAAC4B,MAAM,CAAC;EAC/Bd,SAAS,EAAE;IACTe,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,YAAY,EAAE,EAAE;IAChBC,WAAW,EAAE,CAAC;IACdC,YAAY,EAAE,EAAE;IAChBC,WAAW,EAAE;EACf,CAAC;EACDP,eAAe,EAAE;IACfQ,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVN,UAAU,EAAE,QAAQ;IACpBO,cAAc,EAAE;EAClB,CAAC;EACDnB,MAAM,EAAE;IACNiB,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVL,YAAY,EAAE;EAChB,CAAC;EACDX,IAAI,EAAE;IACJkB,UAAU,EAAE,CAAC;IACbC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC"}
+{"version":3,"names":["React","View","Text","StyleSheet","useSelector","useHMSRoomStyleSheet","COLORS","HMSPreviewHLSLiveIndicator","isHLSStreaming","state","_state$hmsStates$room","hmsStates","room","hlsStreamingState","running","hmsRoomStyles","theme","typography","container","backgroundColor","palette","alert_error_default","circle","WHITE","text","color","fontFamily","font_family","createElement","style","styles","circleContainer","create","flexDirection","alignItems","borderRadius","paddingLeft","paddingRight","marginRight","width","height","justifyContent","marginLeft","fontSize","lineHeight","letterSpacing"],"sourceRoot":"../../../src","sources":["components/HMSPreviewHLSLiveIndicator.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,EAAEC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AACrD,SAASC,WAAW,QAAQ,aAAa;AAGzC,SAASC,oBAAoB,QAAQ,eAAe;AACpD,SAASC,MAAM,QAAQ,gBAAgB;AAEvC,OAAO,MAAMC,0BAA0B,GAAGA,CAAA,KAAM;EAC9C,MAAMC,cAAc,GAAGJ,WAAW,CAC/BK,KAAgB;IAAA,IAAAC,qBAAA;IAAA,QAAAA,qBAAA,GAAKD,KAAK,CAACE,SAAS,CAACC,IAAI,cAAAF,qBAAA,gBAAAA,qBAAA,GAApBA,qBAAA,CAAsBG,iBAAiB,cAAAH,qBAAA,uBAAvCA,qBAAA,CAAyCI,OAAO;EAAA,CACxE,CAAC;EAED,MAAMC,aAAa,GAAGV,oBAAoB,CAAC,CAACW,KAAK,EAAEC,UAAU,MAAM;IACjEC,SAAS,EAAE;MACTC,eAAe,EAAEH,KAAK,CAACI,OAAO,CAACC;IACjC,CAAC;IACDC,MAAM,EAAE;MACNH,eAAe,EAAEb,MAAM,CAACiB;IAC1B,CAAC;IACDC,IAAI,EAAE;MACJC,KAAK,EAAEnB,MAAM,CAACiB,KAAK;MACnBG,UAAU,EAAG,GAAET,UAAU,CAACU,WAAY;IACxC;EACF,CAAC,CAAC,CAAC;EAEH,IAAI,CAACnB,cAAc,EAAE;IACnB,OAAO,IAAI;EACb;EAEA,oBACER,KAAA,CAAA4B,aAAA,CAAC3B,IAAI;IAAC4B,KAAK,EAAE,CAACC,MAAM,CAACZ,SAAS,EAAEH,aAAa,CAACG,SAAS;EAAE,gBACvDlB,KAAA,CAAA4B,aAAA,CAAC3B,IAAI;IAAC4B,KAAK,EAAEC,MAAM,CAACC;EAAgB,gBAClC/B,KAAA,CAAA4B,aAAA,CAAC3B,IAAI;IAAC4B,KAAK,EAAE,CAACC,MAAM,CAACR,MAAM,EAAEP,aAAa,CAACO,MAAM;EAAE,CAAE,CACjD,CAAC,eACPtB,KAAA,CAAA4B,aAAA,CAAC1B,IAAI;IAAC2B,KAAK,EAAE,CAACC,MAAM,CAACN,IAAI,EAAET,aAAa,CAACS,IAAI;EAAE,GAAC,MAAU,CACtD,CAAC;AAEX,CAAC;AAED,MAAMM,MAAM,GAAG3B,UAAU,CAAC6B,MAAM,CAAC;EAC/Bd,SAAS,EAAE;IACTe,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,YAAY,EAAE,EAAE;IAChBC,WAAW,EAAE,CAAC;IACdC,YAAY,EAAE,EAAE;IAChBC,WAAW,EAAE;EACf,CAAC;EACDP,eAAe,EAAE;IACfQ,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVN,UAAU,EAAE,QAAQ;IACpBO,cAAc,EAAE;EAClB,CAAC;EACDnB,MAAM,EAAE;IACNiB,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVL,YAAY,EAAE;EAChB,CAAC;EACDX,IAAI,EAAE;IACJkB,UAAU,EAAE,CAAC;IACbC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC"}

package/lib/module/components/HMSPreviewJoinButton.js

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { StyleSheet } from 'react-native';
 import { shallowEqual, useSelector } from 'react-redux';
 import { RadioIcon } from '../Icons';
-import { useHMSLayoutConfig, useHMSRoomStyle, useShouldGoLive } from '../hooks-util';
+import { useHMSLayoutConfig, useHMSRoomStyleSheet, useShouldGoLive } from '../hooks-util';
 import { HMSPrimaryButton } from './HMSPrimaryButton';
 export const HMSPreviewJoinButton = _ref => {
   let {
@@ -19,8 +19,13 @@ export const HMSPreviewJoinButton = _ref => {
     };
   }, shallowEqual);
   const shouldGoLive = useShouldGoLive();
-  const liveIconStyles = useHMSRoomStyle(theme => ({
-    tintColor: theme.palette.on_primary_low
+  const hmsRoomStyles = useHMSRoomStyleSheet(theme => ({
+    disabledLiveIcon: {
+      tintColor: theme.palette.on_primary_low
+    },
+    activeLiveIcon: {
+      tintColor: theme.palette.on_primary_high
+    }
   }));
   const disabledJoin = userNameInvalid || loading;
   return /*#__PURE__*/React.createElement(HMSPrimaryButton, {
@@ -29,7 +34,7 @@ export const HMSPreviewJoinButton = _ref => {
     title: shouldGoLive ? joinButtonLabels.goLiveBtnLabel : joinButtonLabels.joinBtnLabel,
     disabled: disabledJoin,
     leftComponent: shouldGoLive ? /*#__PURE__*/React.createElement(RadioIcon, {
-      style: disabledJoin ? liveIconStyles : null
+      style: disabledJoin ? hmsRoomStyles.disabledLiveIcon : hmsRoomStyles.activeLiveIcon
     }) : null,
     style: styles.button
   });

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

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","shallowEqual","useSelector","RadioIcon","useHMSLayoutConfig","useHMSRoomStyle","useShouldGoLive","HMSPrimaryButton","HMSPreviewJoinButton","_ref","loading","onJoin","userNameInvalid","state","user","userName","length","joinButtonLabels","layoutConfig","_layoutConfig$screens","joinLayoutConfig","screens","preview","default","elements","join_form","joinBtnLabel","join_btn_label","goLiveBtnLabel","go_live_btn_label","shouldGoLive","liveIconStyles","theme","tintColor","palette","on_primary_low","disabledJoin","createElement","onPress","title","disabled","leftComponent","style","styles","button","create","marginLeft"],"sourceRoot":"../../../src","sources":["components/HMSPreviewJoinButton.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,YAAY,EAAEC,WAAW,QAAQ,aAAa;AAGvD,SAASC,SAAS,QAAQ,UAAU;AACpC,SACEC,kBAAkB,EAClBC,eAAe,EACfC,eAAe,QACV,eAAe;AACtB,SAASC,gBAAgB,QAAQ,oBAAoB;AAOrD,OAAO,MAAMC,oBAAyD,GAAGC,IAAA,IAGnE;EAAA,IAHoE;IACxEC,OAAO;IACPC;EACF,CAAC,GAAAF,IAAA;EACC,MAAMG,eAAe,GAAGV,WAAW,CAChCW,KAAgB,IAAKA,KAAK,CAACC,IAAI,CAACC,QAAQ,CAACC,MAAM,IAAI,CACtD,CAAC;EAED,MAAMC,gBAAgB,GAAGb,kBAAkB,CAAEc,YAAY,IAAK;IAAA,IAAAC,qBAAA;IAC5D,MAAMC,gBAAgB,GACpBF,YAAY,aAAZA,YAAY,gBAAAC,qBAAA,GAAZD,YAAY,CAAEG,OAAO,cAAAF,qBAAA,gBAAAA,qBAAA,GAArBA,qBAAA,CAAuBG,OAAO,cAAAH,qBAAA,gBAAAA,qBAAA,GAA9BA,qBAAA,CAAgCI,OAAO,cAAAJ,qBAAA,gBAAAA,qBAAA,GAAvCA,qBAAA,CAAyCK,QAAQ,cAAAL,qBAAA,uBAAjDA,qBAAA,CAAmDM,SAAS;IAE9D,OAAO;MACLC,YAAY,EAAE,CAAAN,gBAAgB,aAAhBA,gBAAgB,uBAAhBA,gBAAgB,CAAEO,cAAc,KAAI,UAAU;MAC5DC,cAAc,EAAE,CAAAR,gBAAgB,aAAhBA,gBAAgB,uBAAhBA,gBAAgB,CAAES,iBAAiB,KAAI;IACzD,CAAC;EACH,CAAC,EAAE5B,YAAY,CAAC;EAEhB,MAAM6B,YAAY,GAAGxB,eAAe,CAAC,CAAC;EAEtC,MAAMyB,cAAc,GAAG1B,eAAe,CAAE2B,KAAK,KAAM;IACjDC,SAAS,EAAED,KAAK,CAACE,OAAO,CAACC;EAC3B,CAAC,CAAC,CAAC;EAEH,MAAMC,YAAY,GAAGxB,eAAe,IAAIF,OAAO;EAE/C,oBACEX,KAAA,CAAAsC,aAAA,CAAC9B,gBAAgB;IACfG,OAAO,EAAEA,OAAQ;IACjB4B,OAAO,EAAE3B,MAAO;IAChB4B,KAAK,EACHT,YAAY,GACRb,gBAAgB,CAACW,cAAc,GAC/BX,gBAAgB,CAACS,YACtB;IACDc,QAAQ,EAAEJ,YAAa;IACvBK,aAAa,EACXX,YAAY,gBACV/B,KAAA,CAAAsC,aAAA,CAAClC,SAAS;MAACuC,KAAK,EAAEN,YAAY,GAAGL,cAAc,GAAG;IAAK,CAAE,CAAC,GACxD,IACL;IACDW,KAAK,EAAEC,MAAM,CAACC;EAAO,CACtB,CAAC;AAEN,CAAC;AAED,MAAMD,MAAM,GAAG3C,UAAU,CAAC6C,MAAM,CAAC;EAC/BD,MAAM,EAAE;IACNE,UAAU,EAAE;EACd;AACF,CAAC,CAAC"}
+{"version":3,"names":["React","StyleSheet","shallowEqual","useSelector","RadioIcon","useHMSLayoutConfig","useHMSRoomStyleSheet","useShouldGoLive","HMSPrimaryButton","HMSPreviewJoinButton","_ref","loading","onJoin","userNameInvalid","state","user","userName","length","joinButtonLabels","layoutConfig","_layoutConfig$screens","joinLayoutConfig","screens","preview","default","elements","join_form","joinBtnLabel","join_btn_label","goLiveBtnLabel","go_live_btn_label","shouldGoLive","hmsRoomStyles","theme","disabledLiveIcon","tintColor","palette","on_primary_low","activeLiveIcon","on_primary_high","disabledJoin","createElement","onPress","title","disabled","leftComponent","style","styles","button","create","marginLeft"],"sourceRoot":"../../../src","sources":["components/HMSPreviewJoinButton.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,YAAY,EAAEC,WAAW,QAAQ,aAAa;AAGvD,SAASC,SAAS,QAAQ,UAAU;AACpC,SACEC,kBAAkB,EAClBC,oBAAoB,EACpBC,eAAe,QACV,eAAe;AACtB,SAASC,gBAAgB,QAAQ,oBAAoB;AAOrD,OAAO,MAAMC,oBAAyD,GAAGC,IAAA,IAGnE;EAAA,IAHoE;IACxEC,OAAO;IACPC;EACF,CAAC,GAAAF,IAAA;EACC,MAAMG,eAAe,GAAGV,WAAW,CAChCW,KAAgB,IAAKA,KAAK,CAACC,IAAI,CAACC,QAAQ,CAACC,MAAM,IAAI,CACtD,CAAC;EAED,MAAMC,gBAAgB,GAAGb,kBAAkB,CAAEc,YAAY,IAAK;IAAA,IAAAC,qBAAA;IAC5D,MAAMC,gBAAgB,GACpBF,YAAY,aAAZA,YAAY,gBAAAC,qBAAA,GAAZD,YAAY,CAAEG,OAAO,cAAAF,qBAAA,gBAAAA,qBAAA,GAArBA,qBAAA,CAAuBG,OAAO,cAAAH,qBAAA,gBAAAA,qBAAA,GAA9BA,qBAAA,CAAgCI,OAAO,cAAAJ,qBAAA,gBAAAA,qBAAA,GAAvCA,qBAAA,CAAyCK,QAAQ,cAAAL,qBAAA,uBAAjDA,qBAAA,CAAmDM,SAAS;IAE9D,OAAO;MACLC,YAAY,EAAE,CAAAN,gBAAgB,aAAhBA,gBAAgB,uBAAhBA,gBAAgB,CAAEO,cAAc,KAAI,UAAU;MAC5DC,cAAc,EAAE,CAAAR,gBAAgB,aAAhBA,gBAAgB,uBAAhBA,gBAAgB,CAAES,iBAAiB,KAAI;IACzD,CAAC;EACH,CAAC,EAAE5B,YAAY,CAAC;EAEhB,MAAM6B,YAAY,GAAGxB,eAAe,CAAC,CAAC;EAEtC,MAAMyB,aAAa,GAAG1B,oBAAoB,CAAE2B,KAAK,KAAM;IACrDC,gBAAgB,EAAE;MAChBC,SAAS,EAAEF,KAAK,CAACG,OAAO,CAACC;IAC3B,CAAC;IACDC,cAAc,EAAE;MACdH,SAAS,EAAEF,KAAK,CAACG,OAAO,CAACG;IAC3B;EACF,CAAC,CAAC,CAAC;EAEH,MAAMC,YAAY,GAAG3B,eAAe,IAAIF,OAAO;EAE/C,oBACEX,KAAA,CAAAyC,aAAA,CAACjC,gBAAgB;IACfG,OAAO,EAAEA,OAAQ;IACjB+B,OAAO,EAAE9B,MAAO;IAChB+B,KAAK,EACHZ,YAAY,GACRb,gBAAgB,CAACW,cAAc,GAC/BX,gBAAgB,CAACS,YACtB;IACDiB,QAAQ,EAAEJ,YAAa;IACvBK,aAAa,EACXd,YAAY,gBACV/B,KAAA,CAAAyC,aAAA,CAACrC,SAAS;MACR0C,KAAK,EACHN,YAAY,GACRR,aAAa,CAACE,gBAAgB,GAC9BF,aAAa,CAACM;IACnB,CACF,CAAC,GACA,IACL;IACDQ,KAAK,EAAEC,MAAM,CAACC;EAAO,CACtB,CAAC;AAEN,CAAC;AAED,MAAMD,MAAM,GAAG9C,UAAU,CAACgD,MAAM,CAAC;EAC/BD,MAAM,EAAE;IACNE,UAAU,EAAE;EACd;AACF,CAAC,CAAC"}

package/lib/module/components/HMSPreviewTile.js

@@ -21,7 +21,7 @@ export const HMSPreviewTile = () => {
       backgroundColor: COLORS.EXTENDED.PURPLE
     },
     avatarText: {
-      color: theme.palette.on_surface_high,
+      color: COLORS.WHITE,
       fontFamily: `${typography.font_family}-SemiBold`
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"names":["React","useSelector","StyleSheet","Text","View","PersonIcon","getInitials","COLORS","HMSLocalVideoView","useHMSRoomStyleSheet","HMSPreviewTile","isLocalVideoMuted","state","hmsStates","localVideoTrackId","_state$hmsStates$loca","localPeer","videoTrack","trackId","userName","user","roomStyles","theme","typography","container","backgroundColor","palette","background_dim","avatar","EXTENDED","PURPLE","avatarText","color","on_surface_high","fontFamily","font_family","createElement","style","styles","modalContainer","avatarContainer","length","avatarIcon","create","flex","position","overflow","hmsView","alignItems","justifyContent","width","aspectRatio","borderRadius","height","fontSize","lineHeight","letterSpacing"],"sourceRoot":"../../../src","sources":["components/HMSPreviewTile.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,WAAW,QAAQ,aAAa;AACzC,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAErD,SAASC,UAAU,QAAQ,UAAU;AAErC,SAASC,WAAW,QAAQ,oBAAoB;AAChD,SAASC,MAAM,QAAQ,gBAAgB;AACvC,SAASC,iBAAiB,QAAQ,qBAAqB;AACvD,SAASC,oBAAoB,QAAQ,eAAe;AAEpD,OAAO,MAAMC,cAAwB,GAAGA,CAAA,KAAM;EAC5C,MAAMC,iBAAiB,GAAGV,WAAW,CAClCW,KAAgB,IAAKA,KAAK,CAACC,SAAS,CAACF,iBACxC,CAAC;EACD,MAAMG,iBAAiB,GAAGb,WAAW,CAClCW,KAAgB;IAAA,IAAAG,qBAAA;IAAA,QAAAA,qBAAA,GAAKH,KAAK,CAACC,SAAS,CAACG,SAAS,cAAAD,qBAAA,gBAAAA,qBAAA,GAAzBA,qBAAA,CAA2BE,UAAU,cAAAF,qBAAA,uBAArCA,qBAAA,CAAuCG,OAAO;EAAA,CACtE,CAAC;EACD,MAAMC,QAAQ,GAAGlB,WAAW,CAAEW,KAAgB,IAAKA,KAAK,CAACQ,IAAI,CAACD,QAAQ,CAAC;EAEvE,MAAME,UAAU,GAAGZ,oBAAoB,CAAC,CAACa,KAAK,EAAEC,UAAU,MAAM;IAC9DC,SAAS,EAAE;MACTC,eAAe,EAAEH,KAAK,CAACI,OAAO,CAACC;IACjC,CAAC;IACDC,MAAM,EAAE;MACNH,eAAe,EAAElB,MAAM,CAACsB,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,oBACEnC,KAAA,CAAAoC,aAAA,CAAChC,IAAI;IAACiC,KAAK,EAAE,CAACC,MAAM,CAACC,cAAc,EAAElB,UAAU,CAACG,SAAS;EAAE,GACxDb,iBAAiB,IAAI,CAACG,iBAAiB,gBACtCd,KAAA,CAAAoC,aAAA,CAAChC,IAAI;IAACiC,KAAK,EAAEC,MAAM,CAACE;EAAgB,gBAClCxC,KAAA,CAAAoC,aAAA,CAAChC,IAAI;IAACiC,KAAK,EAAE,CAACC,MAAM,CAACV,MAAM,EAAEP,UAAU,CAACO,MAAM;EAAE,GAC7CT,QAAQ,CAACsB,MAAM,KAAK,CAAC,gBACpBzC,KAAA,CAAAoC,aAAA,CAAC/B,UAAU;IAACgC,KAAK,EAAEC,MAAM,CAACI;EAAW,CAAE,CAAC,gBAExC1C,KAAA,CAAAoC,aAAA,CAACjC,IAAI;IAACkC,KAAK,EAAE,CAACC,MAAM,CAACP,UAAU,EAAEV,UAAU,CAACU,UAAU;EAAE,GACrDzB,WAAW,CAACa,QAAQ,CACjB,CAEJ,CACF,CAAC,gBAEPnB,KAAA,CAAAoC,aAAA,CAAC5B,iBAAiB,MAAE,CAElB,CAAC;AAEX,CAAC;AAED,MAAM8B,MAAM,GAAGpC,UAAU,CAACyC,MAAM,CAAC;EAC/BJ,cAAc,EAAE;IACdK,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE,UAAU;IACpBC,QAAQ,EAAE;EACZ,CAAC;EACDC,OAAO,EAAE;IACPH,IAAI,EAAE;EACR,CAAC;EACDJ,eAAe,EAAE;IACfI,IAAI,EAAE,CAAC;IACPI,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDrB,MAAM,EAAE;IACNsB,KAAK,EAAE,EAAE;IACTC,WAAW,EAAE,CAAC;IACdC,YAAY,EAAE,EAAE;IAChBH,cAAc,EAAE,QAAQ;IACxBD,UAAU,EAAE;EACd,CAAC;EACDN,UAAU,EAAE;IACVQ,KAAK,EAAE,EAAE;IACTG,MAAM,EAAE;EACV,CAAC;EACDtB,UAAU,EAAE;IACVuB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC"}
+{"version":3,"names":["React","useSelector","StyleSheet","Text","View","PersonIcon","getInitials","COLORS","HMSLocalVideoView","useHMSRoomStyleSheet","HMSPreviewTile","isLocalVideoMuted","state","hmsStates","localVideoTrackId","_state$hmsStates$loca","localPeer","videoTrack","trackId","userName","user","roomStyles","theme","typography","container","backgroundColor","palette","background_dim","avatar","EXTENDED","PURPLE","avatarText","color","WHITE","fontFamily","font_family","createElement","style","styles","modalContainer","avatarContainer","length","avatarIcon","create","flex","position","overflow","hmsView","alignItems","justifyContent","width","aspectRatio","borderRadius","height","fontSize","lineHeight","letterSpacing"],"sourceRoot":"../../../src","sources":["components/HMSPreviewTile.tsx"],"mappings":"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"}

package/lib/module/components/HMSReconnectingNotification.js

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import { ActivityIndicator } from 'react-native';
+import { HMSNotification } from './HMSNotification';
+import { useHMSRoomColorPalette, useHMSRoomStyle } from '../hooks-util';
+import { NotificationTypes } from '../types';
+export const HMSReconnectingNotification = () => {
+  const {
+    on_surface_high: onSurfaceHigh
+  } = useHMSRoomColorPalette();
+  const notificationStyle = useHMSRoomStyle(theme => ({
+    backgroundColor: theme.palette.surface_default
+  }));
+  return /*#__PURE__*/React.createElement(HMSNotification, {
+    id: NotificationTypes.RECONNECTING,
+    autoDismiss: false,
+    style: notificationStyle,
+    text: 'You lost your network connection. Trying to reconnect.',
+    icon: /*#__PURE__*/React.createElement(ActivityIndicator, {
+      size: "small",
+      color: onSurfaceHigh
+    })
+  });
+};
+//# sourceMappingURL=HMSReconnectingNotification.js.map