@100mslive/react-native-room-kit 1.1.4 → 1.1.6

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","useSelector","useHLSViewsConstraints","useHMSRoomStyleSheet","HLSChatHeaderView","HLSChatFooterView","HLSChatMessages","HLSDescriptionPane","useIsLandscapeOrientation","HLSNotifications","HLSChatView","isLandscapeOrientation","chatWrapperConstraints","hlsFullScreen","state","app","hmsRoomStyles","theme","wrapper","backgroundColor","palette","surface_dim","createElement","style","position","bottom","undefined","right","width","height","flex"],"sourceRoot":"../../../src","sources":["components/HLSChatView.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,WAAW,QAAQ,aAAa;AAEzC,SAASC,sBAAsB,EAAEC,oBAAoB,QAAQ,eAAe;AAC5E,SAASC,iBAAiB,QAAQ,qBAAqB;AACvD,SAASC,iBAAiB,QAAQ,qBAAqB;AACvD,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,yBAAyB,QAAQ,oBAAoB;AAE9D,SAASC,gBAAgB,QAAQ,oBAAoB;AAErD,OAAO,MAAMC,WAAW,GAAGA,CAAA,KAAM;EAC/B,MAAMC,sBAAsB,GAAGH,yBAAyB,CAAC,CAAC;EAC1D,MAAM;IAAEI;EAAuB,CAAC,GAAGV,sBAAsB,CAAC,CAAC;EAC3D,MAAMW,aAAa,GAAGZ,WAAW,CAC9Ba,KAAgB,IAAKA,KAAK,CAACC,GAAG,CAACF,aAClC,CAAC;EAED,MAAMG,aAAa,GAAGb,oBAAoB,CAAEc,KAAK,KAAM;IACrDC,OAAO,EAAE;MACPC,eAAe,EAAEF,KAAK,CAACG,OAAO,CAACC;IACjC;EACF,CAAC,CAAC,CAAC;EAEH,IAAIR,aAAa,EAAE;IACjB,OAAO,IAAI;EACb;EAEA,oBACEd,KAAA,CAAAuB,aAAA,CAACtB,IAAI;IACHuB,KAAK,EAAE;MACLC,QAAQ,EAAE,UAAU;MACpBC,MAAM,EAAEd,sBAAsB,GAAGe,SAAS,GAAG,CAAC;MAC9CC,KAAK,EAAE,CAAC;MACRC,KAAK,EAAEhB,sBAAsB,CAACgB,KAAK;MACnCC,MAAM,EAAEjB,sBAAsB,CAACiB;IACjC;EAAE,gBAEF9B,KAAA,CAAAuB,aAAA,CAACtB,IAAI;IAACuB,KAAK,EAAE,CAAC;MAAEO,IAAI,EAAE,CAAC;MAAEN,QAAQ,EAAE;IAAW,CAAC,EAAER,aAAa,CAACE,OAAO;EAAE,GACrEP,sBAAsB,GAAG,IAAI,gBAAGZ,KAAA,CAAAuB,aAAA,CAAClB,iBAAiB,MAAE,CAAC,eAEtDL,KAAA,CAAAuB,aAAA,CAAChB,eAAe,MAAE,CAAC,eAEnBP,KAAA,CAAAuB,aAAA,CAACjB,iBAAiB,MAAE,CAAC,eAErBN,KAAA,CAAAuB,aAAA,CAACb,gBAAgB,MAAE,CAAC,EAGnBE,sBAAsB,GAAG,IAAI,gBAAGZ,KAAA,CAAAuB,aAAA,CAACf,kBAAkB,MAAE,CAClD,CACF,CAAC;AAEX,CAAC","ignoreList":[]}

package/lib/module/components/HLSDescriptionPane.js

@@ -0,0 +1,136 @@
+import * as React from 'react';
+import { useDispatch, useSelector } from 'react-redux';
+import { Linking, ScrollView, StyleSheet, Text, View } from 'react-native';
+import { runOnJS, useSharedValue, withTiming } from 'react-native-reanimated';
+import { useHLSViewsConstraints, useHMSConferencingScreenConfig, useHMSRoomStyleSheet } from '../hooks-util';
+import { HLSChatHeaderView } from './HLSChatHeaderView';
+import { HLSDescriptionPaneHeader, HLSDescriptionPaneHeaderHeight } from './HLSDescriptionPaneHeader';
+import { HLSAnimatedDescriptionPane } from './HLSAnimatedDescriptionPane';
+import { setHlsDescriptionPaneVisible } from '../redux/actions';
+export const HLSDescriptionPane = () => {
+  const dispatch = useDispatch();
+  const paneVisible = useSelector(state => state.app.hlsDescriptionPaneVisible);
+  const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
+    wrapper: {
+      backgroundColor: theme.palette.surface_dim
+    },
+    regularSurfaceMedium: {
+      fontFamily: `${typography.font_family}-Regular`,
+      color: theme.palette.on_surface_medium
+    },
+    link: {
+      color: theme.palette.primary_bright
+    }
+  }));
+  const {
+    descriptionPaneConstraints
+  } = useHLSViewsConstraints();
+  const descriptionPaneContentHeight = descriptionPaneConstraints.height - HLSDescriptionPaneHeaderHeight;
+  const desPaneTranslationValue = useSharedValue(0);
+  const _closeDescriptionPane = () => {
+    dispatch(setHlsDescriptionPaneVisible(false));
+  };
+  const hideDescriptionPane = () => {
+    if (paneVisible) {
+      desPaneTranslationValue.value = withTiming(0, {
+        duration: 280
+      }, () => {
+        runOnJS(_closeDescriptionPane)();
+      });
+    }
+  };
+  React.useEffect(() => {
+    if (!paneVisible) {
+      return;
+    }
+    desPaneTranslationValue.value = withTiming(1, {
+      duration: 280
+    });
+    return () => {
+      cancelAnimationFrame(desPaneTranslationValue.value);
+    };
+  }, [paneVisible]);
+  const description = useHMSConferencingScreenConfig(confScreenConfig => {
+    var _confScreenConfig$ele;
+    return confScreenConfig === null || confScreenConfig === void 0 || (_confScreenConfig$ele = confScreenConfig.elements) === null || _confScreenConfig$ele === void 0 || (_confScreenConfig$ele = _confScreenConfig$ele.header) === null || _confScreenConfig$ele === void 0 ? void 0 : _confScreenConfig$ele.description;
+  });
+  const handleLinkPress = async url => {
+    const canOpen = await Linking.canOpenURL(url);
+    if (canOpen) {
+      Linking.openURL(url);
+    }
+  };
+  if (!paneVisible) {
+    return null;
+  }
+
+  // TODO: for links to work, add query in manifest.xml
+
+  return /*#__PURE__*/React.createElement(View, {
+    style: {
+      position: 'absolute',
+      bottom: 0,
+      width: descriptionPaneConstraints.width,
+      height: descriptionPaneConstraints.height,
+      zIndex: 10
+    }
+  }, /*#__PURE__*/React.createElement(HLSDescriptionPaneHeader, {
+    close: hideDescriptionPane,
+    animatedValue: desPaneTranslationValue
+  }), /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1,
+      overflow: 'hidden'
+    }
+  }, /*#__PURE__*/React.createElement(HLSAnimatedDescriptionPane, {
+    height: descriptionPaneContentHeight,
+    sharedValue: desPaneTranslationValue
+  }, /*#__PURE__*/React.createElement(ScrollView, {
+    style: hmsRoomStyles.wrapper,
+    contentContainerStyle: {
+      paddingBottom: 40
+    }
+  }, /*#__PURE__*/React.createElement(HLSChatHeaderView, {
+    expanded: true
+  }), description ? /*#__PURE__*/React.createElement(Text, {
+    style: [styles.description, hmsRoomStyles.regularSurfaceMedium]
+  }, splitLinksAndContent(description, {
+    pressHandler: handleLinkPress,
+    style: hmsRoomStyles.link
+  })) : null))));
+};
+const styles = StyleSheet.create({
+  description: {
+    fontSize: 14,
+    lineHeight: 20,
+    marginHorizontal: 16
+  }
+});
+function splitLinksAndContent(text, {
+  pressHandler,
+  style
+}) {
+  // Regular expression to find links in a string
+  const pattern = /http[s]?:\/\/\S+/g;
+
+  // Find all links in the text
+  const links = text.match(pattern) || [];
+  if (links.length <= 0) {
+    return text;
+  }
+
+  // Split the text into an array of links and content
+  const parts = text.replace(pattern, '^<link>^').split('^');
+  return parts.map((p, i) => {
+    if (p !== '<link>') {
+      return p;
+    }
+    const link = links.pop();
+    return link ? /*#__PURE__*/React.createElement(Text, {
+      key: link + i,
+      onPress: () => pressHandler(link),
+      style: style
+    }, link) : p;
+  });
+}
+//# sourceMappingURL=HLSDescriptionPane.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useDispatch","useSelector","Linking","ScrollView","StyleSheet","Text","View","runOnJS","useSharedValue","withTiming","useHLSViewsConstraints","useHMSConferencingScreenConfig","useHMSRoomStyleSheet","HLSChatHeaderView","HLSDescriptionPaneHeader","HLSDescriptionPaneHeaderHeight","HLSAnimatedDescriptionPane","setHlsDescriptionPaneVisible","HLSDescriptionPane","dispatch","paneVisible","state","app","hlsDescriptionPaneVisible","hmsRoomStyles","theme","typography","wrapper","backgroundColor","palette","surface_dim","regularSurfaceMedium","fontFamily","font_family","color","on_surface_medium","link","primary_bright","descriptionPaneConstraints","descriptionPaneContentHeight","height","desPaneTranslationValue","_closeDescriptionPane","hideDescriptionPane","value","duration","useEffect","cancelAnimationFrame","description","confScreenConfig","_confScreenConfig$ele","elements","header","handleLinkPress","url","canOpen","canOpenURL","openURL","createElement","style","position","bottom","width","zIndex","close","animatedValue","flex","overflow","sharedValue","contentContainerStyle","paddingBottom","expanded","styles","splitLinksAndContent","pressHandler","create","fontSize","lineHeight","marginHorizontal","text","pattern","links","match","length","parts","replace","split","map","p","i","pop","key","onPress"],"sourceRoot":"../../../src","sources":["components/HLSDescriptionPane.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/HLSDescriptionPaneHeader.js

@@ -0,0 +1,61 @@
+import * as React from 'react';
+import { StyleSheet, Text, TouchableOpacity, View } from 'react-native';
+import { useHMSRoomStyleSheet } from '../hooks-util';
+import { ChevronIcon } from '../Icons';
+import Animated, { useAnimatedStyle, interpolate } from 'react-native-reanimated';
+export const HLSDescriptionPaneHeaderHeight = 16 * 2 + 24; // vertical padding + content height
+
+export const HLSDescriptionPaneHeader = ({
+  close,
+  animatedValue
+}) => {
+  const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
+    container: {
+      backgroundColor: theme.palette.surface_dim,
+      borderBottomColor: theme.palette.border_bright
+    },
+    semiBoldSurfaceHigh: {
+      fontFamily: `${typography.font_family}-SemiBold`,
+      color: theme.palette.on_surface_high
+    }
+  }));
+  const animatedChevronStyles = useAnimatedStyle(() => ({
+    transform: [{
+      rotateZ: `${interpolate(animatedValue.value, [0, 1], [0, -180])}deg`
+    }]
+  }), []);
+  const closeHlsDescriptionPane = () => {
+    close();
+  };
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.container, hmsRoomStyles.container]
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.title, hmsRoomStyles.semiBoldSurfaceHigh]
+  }, "About Session"), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    hitSlop: {
+      bottom: 12,
+      left: 12,
+      top: 12,
+      right: 12
+    },
+    onPress: closeHlsDescriptionPane
+  }, /*#__PURE__*/React.createElement(Animated.View, {
+    style: animatedChevronStyles
+  }, /*#__PURE__*/React.createElement(ChevronIcon, {
+    direction: "down"
+  }))));
+};
+const styles = StyleSheet.create({
+  container: {
+    padding: 16,
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    borderBottomWidth: 1
+  },
+  title: {
+    fontSize: 16,
+    lineHeight: 24
+  }
+});
+//# sourceMappingURL=HLSDescriptionPaneHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","Text","TouchableOpacity","View","useHMSRoomStyleSheet","ChevronIcon","Animated","useAnimatedStyle","interpolate","HLSDescriptionPaneHeaderHeight","HLSDescriptionPaneHeader","close","animatedValue","hmsRoomStyles","theme","typography","container","backgroundColor","palette","surface_dim","borderBottomColor","border_bright","semiBoldSurfaceHigh","fontFamily","font_family","color","on_surface_high","animatedChevronStyles","transform","rotateZ","value","closeHlsDescriptionPane","createElement","style","styles","title","hitSlop","bottom","left","top","right","onPress","direction","create","padding","flexDirection","alignItems","justifyContent","borderBottomWidth","fontSize","lineHeight"],"sourceRoot":"../../../src","sources":["components/HLSDescriptionPaneHeader.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,IAAI,EAAEC,gBAAgB,EAAEC,IAAI,QAAQ,cAAc;AAEvE,SAASC,oBAAoB,QAAQ,eAAe;AACpD,SAASC,WAAW,QAAQ,UAAU;AACtC,OAAOC,QAAQ,IACbC,gBAAgB,EAEhBC,WAAW,QACN,yBAAyB;AAOhC,OAAO,MAAMC,8BAA8B,GAAG,EAAE,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC;;AAE3D,OAAO,MAAMC,wBAEZ,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAAc,CAAC,KAAK;EAChC,MAAMC,aAAa,GAAGT,oBAAoB,CAAC,CAACU,KAAK,EAAEC,UAAU,MAAM;IACjEC,SAAS,EAAE;MACTC,eAAe,EAAEH,KAAK,CAACI,OAAO,CAACC,WAAW;MAC1CC,iBAAiB,EAAEN,KAAK,CAACI,OAAO,CAACG;IACnC,CAAC;IACDC,mBAAmB,EAAE;MACnBC,UAAU,EAAG,GAAER,UAAU,CAACS,WAAY,WAAU;MAChDC,KAAK,EAAEX,KAAK,CAACI,OAAO,CAACQ;IACvB;EACF,CAAC,CAAC,CAAC;EAEH,MAAMC,qBAAqB,GAAGpB,gBAAgB,CAC5C,OAAO;IACLqB,SAAS,EAAE,CACT;MACEC,OAAO,EAAG,GAAErB,WAAW,CAACI,aAAa,CAACkB,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAE;IAClE,CAAC;EAEL,CAAC,CAAC,EACF,EACF,CAAC;EAED,MAAMC,uBAAuB,GAAGA,CAAA,KAAM;IACpCpB,KAAK,CAAC,CAAC;EACT,CAAC;EAED,oBACEZ,KAAA,CAAAiC,aAAA,CAAC7B,IAAI;IAAC8B,KAAK,EAAE,CAACC,MAAM,CAAClB,SAAS,EAAEH,aAAa,CAACG,SAAS;EAAE,gBACvDjB,KAAA,CAAAiC,aAAA,CAAC/B,IAAI;IAACgC,KAAK,EAAE,CAACC,MAAM,CAACC,KAAK,EAAEtB,aAAa,CAACS,mBAAmB;EAAE,GAAC,eAE1D,CAAC,eAEPvB,KAAA,CAAAiC,aAAA,CAAC9B,gBAAgB;IACfkC,OAAO,EAAE;MAAEC,MAAM,EAAE,EAAE;MAAEC,IAAI,EAAE,EAAE;MAAEC,GAAG,EAAE,EAAE;MAAEC,KAAK,EAAE;IAAG,CAAE;IACtDC,OAAO,EAAEV;EAAwB,gBAEjChC,KAAA,CAAAiC,aAAA,CAAC1B,QAAQ,CAACH,IAAI;IAAC8B,KAAK,EAAEN;EAAsB,gBAC1C5B,KAAA,CAAAiC,aAAA,CAAC3B,WAAW;IAACqC,SAAS,EAAC;EAAM,CAAE,CAClB,CACC,CACd,CAAC;AAEX,CAAC;AAED,MAAMR,MAAM,GAAGlC,UAAU,CAAC2C,MAAM,CAAC;EAC/B3B,SAAS,EAAE;IACT4B,OAAO,EAAE,EAAE;IACXC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,eAAe;IAC/BC,iBAAiB,EAAE;EACrB,CAAC;EACDb,KAAK,EAAE;IACLc,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/HLSFooter.js

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { StyleSheet } from 'react-native';
 import { Footer } from './Footer';
 import { AnimatedHLSFooter } from './AnimatedHLSFooter';
-import { HLSChatView } from './HMSOverlayChatView';
+import { HMSOverlayChatView } from './HMSOverlayChatView';
 import { useShowChatAndParticipants } from '../hooks-util';
 import { HMSNotifications } from './HMSNotifications';
 export const HLSFooter = ({
@@ -14,7 +14,7 @@ export const HLSFooter = ({
   return /*#__PURE__*/React.createElement(AnimatedHLSFooter, {
     offset: offset,
     style: styles.animatedContainer
-  }, overlayChatVisible ? /*#__PURE__*/React.createElement(HLSChatView, {
+  }, overlayChatVisible ? /*#__PURE__*/React.createElement(HMSOverlayChatView, {
     offset: offset
   }) : null, /*#__PURE__*/React.createElement(HMSNotifications, null), /*#__PURE__*/React.createElement(Footer, null));
 };

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

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","Footer","AnimatedHLSFooter","HLSChatView","useShowChatAndParticipants","HMSNotifications","HLSFooter","offset","overlayChatVisible","createElement","style","styles","animatedContainer","create","position","bottom","width"],"sourceRoot":"../../../src","sources":["components/HLSFooter.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,cAAc;AAGzC,SAASC,MAAM,QAAQ,UAAU;AACjC,SAASC,iBAAiB,QAAQ,qBAAqB;AACvD,SAASC,WAAW,QAAQ,sBAAsB;AAClD,SAASC,0BAA0B,QAAQ,eAAe;AAC1D,SAASC,gBAAgB,QAAQ,oBAAoB;AAMrD,OAAO,MAAMC,SAAmC,GAAGA,CAAC;EAAEC;AAAO,CAAC,KAAK;EACjE,MAAM;IAAEC;EAAmB,CAAC,GAAGJ,0BAA0B,CAAC,CAAC;EAE3D,oBACEL,KAAA,CAAAU,aAAA,CAACP,iBAAiB;IAACK,MAAM,EAAEA,MAAO;IAACG,KAAK,EAAEC,MAAM,CAACC;EAAkB,GAChEJ,kBAAkB,gBAAGT,KAAA,CAAAU,aAAA,CAACN,WAAW;IAACI,MAAM,EAAEA;EAAO,CAAE,CAAC,GAAG,IAAI,eAE5DR,KAAA,CAAAU,aAAA,CAACJ,gBAAgB,MAAE,CAAC,eAEpBN,KAAA,CAAAU,aAAA,CAACR,MAAM,MAAE,CACQ,CAAC;AAExB,CAAC;AAED,MAAMU,MAAM,GAAGX,UAAU,CAACa,MAAM,CAAC;EAC/BD,iBAAiB,EAAE;IACjBE,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,CAAC;IACTC,KAAK,EAAE;EACT;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","StyleSheet","Footer","AnimatedHLSFooter","HMSOverlayChatView","useShowChatAndParticipants","HMSNotifications","HLSFooter","offset","overlayChatVisible","createElement","style","styles","animatedContainer","create","position","bottom","width"],"sourceRoot":"../../../src","sources":["components/HLSFooter.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,cAAc;AAGzC,SAASC,MAAM,QAAQ,UAAU;AACjC,SAASC,iBAAiB,QAAQ,qBAAqB;AACvD,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,0BAA0B,QAAQ,eAAe;AAC1D,SAASC,gBAAgB,QAAQ,oBAAoB;AAMrD,OAAO,MAAMC,SAAmC,GAAGA,CAAC;EAAEC;AAAO,CAAC,KAAK;EACjE,MAAM;IAAEC;EAAmB,CAAC,GAAGJ,0BAA0B,CAAC,CAAC;EAE3D,oBACEL,KAAA,CAAAU,aAAA,CAACP,iBAAiB;IAACK,MAAM,EAAEA,MAAO;IAACG,KAAK,EAAEC,MAAM,CAACC;EAAkB,GAChEJ,kBAAkB,gBAAGT,KAAA,CAAAU,aAAA,CAACN,kBAAkB;IAACI,MAAM,EAAEA;EAAO,CAAE,CAAC,GAAG,IAAI,eAEnER,KAAA,CAAAU,aAAA,CAACJ,gBAAgB,MAAE,CAAC,eAEpBN,KAAA,CAAAU,aAAA,CAACR,MAAM,MAAE,CACQ,CAAC;AAExB,CAAC;AAED,MAAMU,MAAM,GAAGX,UAAU,CAACa,MAAM,CAAC;EAC/BD,iBAAiB,EAAE;IACjBE,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,CAAC;IACTC,KAAK,EAAE;EACT;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/HLSHandRaiseButton.js

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import { View } from 'react-native';
+import { useHMSConferencingScreenConfig, useHMSLayoutConfig } from '../hooks-util';
+import { HMSManageRaiseHand } from './HMSManageRaiseHand';
+import { useCanPublishAudio, useCanPublishScreen, useCanPublishVideo } from '../hooks-sdk';
+export const HLSHandRaiseButton = () => {
+  const canPublishAudio = useCanPublishAudio();
+  const canPublishVideo = useCanPublishVideo();
+  const canPublishScreen = useCanPublishScreen();
+  const canRaiseHand = useHMSConferencingScreenConfig(confScreenConfig => {
+    var _confScreenConfig$ele;
+    return !!(confScreenConfig !== null && confScreenConfig !== void 0 && (_confScreenConfig$ele = confScreenConfig.elements) !== null && _confScreenConfig$ele !== void 0 && _confScreenConfig$ele.hand_raise);
+  });
+  const isOnStage = useHMSLayoutConfig(layoutConfig => {
+    var _layoutConfig$screens;
+    return !!(layoutConfig !== null && layoutConfig !== void 0 && (_layoutConfig$screens = layoutConfig.screens) !== null && _layoutConfig$screens !== void 0 && (_layoutConfig$screens = _layoutConfig$screens.conferencing) !== null && _layoutConfig$screens !== void 0 && (_layoutConfig$screens = _layoutConfig$screens.default) !== null && _layoutConfig$screens !== void 0 && (_layoutConfig$screens = _layoutConfig$screens.elements) !== null && _layoutConfig$screens !== void 0 && _layoutConfig$screens.on_stage_exp);
+  });
+  const isViewer = !(canPublishAudio || canPublishVideo || canPublishScreen);
+  const canShowHandRaiseInFooter = canRaiseHand && !isOnStage && isViewer;
+  if (!canShowHandRaiseInFooter) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(View, {
+    style: {
+      marginLeft: 12
+    }
+  }, /*#__PURE__*/React.createElement(HMSManageRaiseHand, null));
+};
+//# sourceMappingURL=HLSHandRaiseButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","useHMSConferencingScreenConfig","useHMSLayoutConfig","HMSManageRaiseHand","useCanPublishAudio","useCanPublishScreen","useCanPublishVideo","HLSHandRaiseButton","canPublishAudio","canPublishVideo","canPublishScreen","canRaiseHand","confScreenConfig","_confScreenConfig$ele","elements","hand_raise","isOnStage","layoutConfig","_layoutConfig$screens","screens","conferencing","default","on_stage_exp","isViewer","canShowHandRaiseInFooter","createElement","style","marginLeft"],"sourceRoot":"../../../src","sources":["components/HLSHandRaiseButton.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,QAAQ,cAAc;AAEnC,SACEC,8BAA8B,EAC9BC,kBAAkB,QACb,eAAe;AACtB,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SACEC,kBAAkB,EAClBC,mBAAmB,EACnBC,kBAAkB,QACb,cAAc;AAErB,OAAO,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;EACtC,MAAMC,eAAe,GAAGJ,kBAAkB,CAAC,CAAC;EAC5C,MAAMK,eAAe,GAAGH,kBAAkB,CAAC,CAAC;EAC5C,MAAMI,gBAAgB,GAAGL,mBAAmB,CAAC,CAAC;EAE9C,MAAMM,YAAY,GAAGV,8BAA8B,CAChDW,gBAAgB;IAAA,IAAAC,qBAAA;IAAA,OAAK,CAAC,EAACD,gBAAgB,aAAhBA,gBAAgB,gBAAAC,qBAAA,GAAhBD,gBAAgB,CAAEE,QAAQ,cAAAD,qBAAA,eAA1BA,qBAAA,CAA4BE,UAAU;EAAA,CAChE,CAAC;EACD,MAAMC,SAAS,GAAGd,kBAAkB,CAAEe,YAAY,IAAK;IAAA,IAAAC,qBAAA;IACrD,OAAO,CAAC,EAACD,YAAY,aAAZA,YAAY,gBAAAC,qBAAA,GAAZD,YAAY,CAAEE,OAAO,cAAAD,qBAAA,gBAAAA,qBAAA,GAArBA,qBAAA,CAAuBE,YAAY,cAAAF,qBAAA,gBAAAA,qBAAA,GAAnCA,qBAAA,CAAqCG,OAAO,cAAAH,qBAAA,gBAAAA,qBAAA,GAA5CA,qBAAA,CAA8CJ,QAAQ,cAAAI,qBAAA,eAAtDA,qBAAA,CACLI,YAAY;EAClB,CAAC,CAAC;EAEF,MAAMC,QAAQ,GAAG,EAAEf,eAAe,IAAIC,eAAe,IAAIC,gBAAgB,CAAC;EAE1E,MAAMc,wBAAwB,GAAGb,YAAY,IAAI,CAACK,SAAS,IAAIO,QAAQ;EAEvE,IAAI,CAACC,wBAAwB,EAAE;IAC7B,OAAO,IAAI;EACb;EAEA,oBACEzB,KAAA,CAAA0B,aAAA,CAACzB,IAAI;IAAC0B,KAAK,EAAE;MAAEC,UAAU,EAAE;IAAG;EAAE,gBAC9B5B,KAAA,CAAA0B,aAAA,CAACtB,kBAAkB,MAAE,CACjB,CAAC;AAEX,CAAC","ignoreList":[]}

package/lib/module/components/HLSManageChatTextInput.js

@@ -0,0 +1,81 @@
+import * as React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { useSelector } from 'react-redux';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { useHLSViewsConstraints, useHMSChatState, useHMSRoomStyleSheet, useIsAllowedToSendMessage, useIsLocalPeerBlockedFromChat } from '../hooks-util';
+import { ChatPaused } from './Chat/ChatPaused';
+import { PeerBlockedFromChat } from './Chat/PeerBlockedFromChat';
+import { ChatFilterBottomSheetOpener } from './Chat/ChatFilterBottomSheetOpener';
+import { HMSSendMessageInput } from './HMSSendMessageInput';
+import { ChatFilterBottomSheet } from './Chat/ChatFilterBottomSheet';
+import { HMSKeyboardAvoidingView } from './HMSKeyboardAvoidingView';
+export const HLSManageChatTextInput = () => {
+  const {
+    chatState
+  } = useHMSChatState();
+  const isAllowedToSendMessage = useIsAllowedToSendMessage();
+  const isChatRecipientSelected = useSelector(state => state.chatWindow.sendTo !== null);
+  const isLocalPeerBlockedFromChat = useIsLocalPeerBlockedFromChat();
+  const hmsRoomStyles = useHMSRoomStyleSheet(theme => ({
+    input: {
+      backgroundColor: theme.palette.surface_default,
+      borderColor: theme.palette.surface_default
+    }
+  }));
+  const {
+    chatWrapperConstraints
+  } = useHLSViewsConstraints();
+  const {
+    bottom: bottomInset
+  } = useSafeAreaInsets();
+  const keyboardAvoidingStyles = React.useMemo(() => ({
+    active: {
+      width: chatWrapperConstraints.width - 32
+    },
+    inactive: {
+      width: '100%'
+    }
+  }), [chatWrapperConstraints]);
+  if (isLocalPeerBlockedFromChat) {
+    return /*#__PURE__*/React.createElement(PeerBlockedFromChat, {
+      style: styles.shrink
+    });
+  }
+  if (chatState.enabled) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
+      style: styles.grow
+    }, /*#__PURE__*/React.createElement(ChatFilterBottomSheetOpener, {
+      useFilterModal: true
+    }), isAllowedToSendMessage && isChatRecipientSelected ? /*#__PURE__*/React.createElement(HMSKeyboardAvoidingView, {
+      bottomOffset: bottomInset,
+      styleWhenActive: keyboardAvoidingStyles.active,
+      styleWhenInactive: keyboardAvoidingStyles.inactive
+    }, /*#__PURE__*/React.createElement(HMSSendMessageInput, {
+      containerStyle: [styles.input, hmsRoomStyles.input]
+    })) : null), /*#__PURE__*/React.createElement(ChatFilterBottomSheet, null));
+  }
+  if (isAllowedToSendMessage) {
+    return /*#__PURE__*/React.createElement(ChatPaused, {
+      style: styles.shrink
+    });
+  }
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.grow
+  });
+};
+const styles = StyleSheet.create({
+  input: {
+    flex: 0,
+    height: 40,
+    marginHorizontal: 0,
+    marginTop: 0,
+    marginBottom: 0
+  },
+  shrink: {
+    flexShrink: 1
+  },
+  grow: {
+    flexGrow: 1
+  }
+});
+//# sourceMappingURL=HLSManageChatTextInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","useSelector","useSafeAreaInsets","useHLSViewsConstraints","useHMSChatState","useHMSRoomStyleSheet","useIsAllowedToSendMessage","useIsLocalPeerBlockedFromChat","ChatPaused","PeerBlockedFromChat","ChatFilterBottomSheetOpener","HMSSendMessageInput","ChatFilterBottomSheet","HMSKeyboardAvoidingView","HLSManageChatTextInput","chatState","isAllowedToSendMessage","isChatRecipientSelected","state","chatWindow","sendTo","isLocalPeerBlockedFromChat","hmsRoomStyles","theme","input","backgroundColor","palette","surface_default","borderColor","chatWrapperConstraints","bottom","bottomInset","keyboardAvoidingStyles","useMemo","active","width","inactive","createElement","style","styles","shrink","enabled","Fragment","grow","useFilterModal","bottomOffset","styleWhenActive","styleWhenInactive","containerStyle","create","flex","height","marginHorizontal","marginTop","marginBottom","flexShrink","flexGrow"],"sourceRoot":"../../../src","sources":["components/HLSManageChatTextInput.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/HLSNotifications.js

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { HMSNotifications } from './HMSNotifications';
+const _HLSNotifications = () => {
+  const {
+    bottom: bottomInset
+  } = useSafeAreaInsets();
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.container, {
+      bottom: bottomInset + 90
+    }]
+  }, /*#__PURE__*/React.createElement(HMSNotifications, null));
+};
+export const HLSNotifications = /*#__PURE__*/React.memo(_HLSNotifications);
+const styles = StyleSheet.create({
+  container: {
+    position: 'absolute',
+    width: '100%',
+    bottom: 0,
+    zIndex: 1
+  }
+});
+//# sourceMappingURL=HLSNotifications.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","useSafeAreaInsets","HMSNotifications","_HLSNotifications","bottom","bottomInset","createElement","style","styles","container","HLSNotifications","memo","create","position","width","zIndex"],"sourceRoot":"../../../src","sources":["components/HLSNotifications.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,iBAAiB,QAAQ,gCAAgC;AAElE,SAASC,gBAAgB,QAAQ,oBAAoB;AAErD,MAAMC,iBAAiB,GAAGA,CAAA,KAAM;EAC9B,MAAM;IAAEC,MAAM,EAAEC;EAAY,CAAC,GAAGJ,iBAAiB,CAAC,CAAC;EAEnD,oBACEH,KAAA,CAAAQ,aAAA,CAACN,IAAI;IACHO,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChB;MACEL,MAAM,EAAEC,WAAW,GAAG;IACxB,CAAC;EACD,gBAEFP,KAAA,CAAAQ,aAAA,CAACJ,gBAAgB,MAAE,CACf,CAAC;AAEX,CAAC;AAED,OAAO,MAAMQ,gBAAgB,gBAAGZ,KAAK,CAACa,IAAI,CAACR,iBAAiB,CAAC;AAE7D,MAAMK,MAAM,GAAGT,UAAU,CAACa,MAAM,CAAC;EAC/BH,SAAS,EAAE;IACTI,QAAQ,EAAE,UAAU;IACpBC,KAAK,EAAE,MAAM;IACbV,MAAM,EAAE,CAAC;IACTW,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/{HLSView.js → HLSPlayer.js}

@@ -1,7 +1,7 @@
 import React, { useRef } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
-import { View, Text, StyleSheet, Platform, useWindowDimensions } from 'react-native';
-import { HMSHLSPlayer, HMSHLSPlayerPlaybackState, useHMSHLSPlayerPlaybackState, useHMSHLSPlayerResolution } from '@100mslive/react-native-hms';
+import { View, Text, StyleSheet, Platform, ActivityIndicator } from 'react-native';
+import { HMSHLSPlayer, HMSHLSPlayerPlaybackState, useHMSHLSPlayerPlaybackState } from '@100mslive/react-native-hms';
 import { changeShowHLSStats } from '../redux/actions';
 import { HLSPlayerStatsView } from './HLSPlayerStatsView';
 import { HLSPlayerEmoticons } from './HLSPlayerEmoticons';
@@ -9,20 +9,15 @@ import { CustomControls } from './CustomHLSPlayerControls';
 import { COLORS, hexToRgbA } from '../utils/theme';
 import { HMSHLSNotStarted } from './HMSHLSNotStarted';
 import { CrossCircleIcon } from '../Icons';
-import { useHMSRoomStyleSheet } from '../hooks-util';
+import { useHLSPlayerConstraints, useHMSRoomColorPalette, useHMSRoomStyleSheet } from '../hooks-util';
 import { useIsHLSStreamingOn } from '../hooks-sdk';
-import { useIsLandscapeOrientation } from '../utils/dimension';
-export const _HLSView = () => {
+export const _HLSPlayer = () => {
   const dispatch = useDispatch();
   const isHLSStreaming = useIsHLSStreamingOn();
   const isStreamUrlPresent = 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.variants) !== null && _state$hmsStates$room !== void 0 && (_state$hmsStates$room = _state$hmsStates$room[0]) !== null && _state$hmsStates$room !== void 0 && _state$hmsStates$room.hlsStreamUrl);
   });
-  const {
-    width,
-    height
-  } = useWindowDimensions();
   const hmsHlsPlayerRef = useRef(null);
   const showHLSStats = useSelector(state => state.app.joinConfig.showHLSStats);
   const showCustomHLSPlayerControls = useSelector(state => state.app.joinConfig.showCustomHLSPlayerControls);
@@ -82,13 +77,13 @@ export const _HLSView = () => {
         }
     }
   };
+  const hlsPlayerConstraints = useHLSPlayerConstraints();
   const [playerKey, setPlayerKey] = React.useState(1);
   const prevReconnectingRef = React.useRef(null);
   const reconnecting = useSelector(state => state.hmsStates.reconnecting);
   const hlsPlayerPlaybackState = useHMSHLSPlayerPlaybackState();
-  const resolution = useHMSHLSPlayerResolution();
-  const isLandscapeOrientation = useIsLandscapeOrientation();
   const isPlaybackFailed = hlsPlayerPlaybackState === HMSHLSPlayerPlaybackState.FAILED;
+  const isPlayerBuffering = hlsPlayerPlaybackState === HMSHLSPlayerPlaybackState.BUFFERING;
   React.useEffect(() => {
     const prevReconnecting = prevReconnectingRef.current;
     if (Platform.OS === 'android' && prevReconnecting &&
@@ -109,45 +104,52 @@ export const _HLSView = () => {
     failedText: {
       color: theme.palette.on_surface_high,
       fontFamily: `${typography.font_family}-Regular`
+    },
+    warningText: {
+      color: theme.palette.alert_warning,
+      fontFamily: `${typography.font_family}-SemiBold`
     }
   }));
-  return /*#__PURE__*/React.createElement(View, {
-    style: styles.hlsView
-  }, isHLSStreaming ? isStreamUrlPresent ? /*#__PURE__*/React.createElement(View, {
-    style: styles.hlsPlayerContainer
-  }, /*#__PURE__*/React.createElement(HMSHLSPlayer, {
+  const {
+    primary_bright: PrimaryBrightColor
+  } = useHMSRoomColorPalette();
+  if (!isHLSStreaming) return /*#__PURE__*/React.createElement(HMSHLSNotStarted, null);
+  if (!isStreamUrlPresent) return /*#__PURE__*/React.createElement(View, {
+    style: styles.textContainer
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.warningSubtitle, hmsRoomStyles.warningText]
+  }, "Stream URL not found!"));
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(HMSHLSPlayer, {
     key: playerKey,
     ref: hmsHlsPlayerRef,
     enableStats: showHLSStats,
     enableControls: enableHLSPlayerControls,
-    style: isLandscapeOrientation ? {
-      height,
-      width: resolution ? height * (resolution.width / resolution.height) : width
-    } : {
-      width,
-      height: resolution ? width / (resolution.width / resolution.height) : height
+    style: {
+      width: hlsPlayerConstraints.width,
+      height: hlsPlayerConstraints.height
     }
   }), /*#__PURE__*/React.createElement(HLSPlayerEmoticons, null), showHLSStats ? /*#__PURE__*/React.createElement(HLSPlayerStatsView, {
     onClosePress: handleClosePress
   }) : null, showCustomHLSPlayerControls ? /*#__PURE__*/React.createElement(CustomControls, {
     handleControlPress: hlsPlayerActions
-  }) : null, isPlaybackFailed ? /*#__PURE__*/React.createElement(View, {
+  }) : null, isPlayerBuffering ? /*#__PURE__*/React.createElement(View, {
+    style: [styles.playbackFailedContainer, hmsRoomStyles.failedContainer]
+  }, /*#__PURE__*/React.createElement(ActivityIndicator, {
+    size: 'large',
+    color: PrimaryBrightColor
+  })) : null, isPlaybackFailed ? /*#__PURE__*/React.createElement(View, {
     style: [styles.playbackFailedContainer, hmsRoomStyles.failedContainer]
   }, /*#__PURE__*/React.createElement(CrossCircleIcon, null), /*#__PURE__*/React.createElement(Text, {
     style: [styles.playbackFailed, hmsRoomStyles.failedText]
-  }, "Playback Failed")) : null) : /*#__PURE__*/React.createElement(View, {
-    style: styles.textContainer
-  }, /*#__PURE__*/React.createElement(Text, {
-    style: styles.warningSubtitle
-  }, "Stream URL not found!")) : /*#__PURE__*/React.createElement(HMSHLSNotStarted, null));
+  }, "Playback Failed")) : null);
 };
-export const HLSView = /*#__PURE__*/React.memo(_HLSView);
+export const HLSPlayer = /*#__PURE__*/React.memo(_HLSPlayer);
 const styles = StyleSheet.create({
   hlsView: {
     flex: 1
   },
   hlsPlayerContainer: {
-    flex: 1,
+    // flex: 1,
     position: 'relative'
   },
   textContainer: {
@@ -157,16 +159,11 @@ const styles = StyleSheet.create({
     justifyContent: 'center'
   },
   warningSubtitle: {
-    color: COLORS.INDICATORS.WARNING,
-    fontFamily: 'Inter',
-    fontSize: 20,
-    fontWeight: '600',
+    fontSize: 16,
+    lineHeight: 20,
     letterSpacing: 0.25,
     textAlign: 'center'
   },
-  taleLessSpaceAsYouCan: {
-    flex: 0
-  },
   playbackFailedContainer: {
     flex: 1,
     width: '100%',
@@ -183,4 +180,4 @@ const styles = StyleSheet.create({
     marginTop: 8
   }
 });
-//# sourceMappingURL=HLSView.js.map
+//# sourceMappingURL=HLSPlayer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useRef","useDispatch","useSelector","View","Text","StyleSheet","Platform","ActivityIndicator","HMSHLSPlayer","HMSHLSPlayerPlaybackState","useHMSHLSPlayerPlaybackState","changeShowHLSStats","HLSPlayerStatsView","HLSPlayerEmoticons","CustomControls","COLORS","hexToRgbA","HMSHLSNotStarted","CrossCircleIcon","useHLSPlayerConstraints","useHMSRoomColorPalette","useHMSRoomStyleSheet","useIsHLSStreamingOn","_HLSPlayer","dispatch","isHLSStreaming","isStreamUrlPresent","state","_state$hmsStates$room","hmsStates","room","hlsStreamingState","variants","hlsStreamUrl","hmsHlsPlayerRef","showHLSStats","app","joinConfig","showCustomHLSPlayerControls","enableHLSPlayerControls","handleClosePress","hlsPlayerActions","action","args","_hmsHlsPlayerRef$curr","current","play","_hmsHlsPlayerRef$curr2","stop","_hmsHlsPlayerRef$curr3","pause","_hmsHlsPlayerRef$curr4","resume","_hmsHlsPlayerRef$curr5","seekForward","_hmsHlsPlayerRef$curr6","seekBackward","_hmsHlsPlayerRef$curr7","seekToLivePosition","_hmsHlsPlayerRef$curr8","setVolume","hlsPlayerConstraints","playerKey","setPlayerKey","useState","prevReconnectingRef","reconnecting","hlsPlayerPlaybackState","isPlaybackFailed","FAILED","isPlayerBuffering","BUFFERING","useEffect","prevReconnecting","OS","prevKey","hmsRoomStyles","theme","typography","failedContainer","backgroundColor","palette","background_dim","LOADING_BACKDROP","failedText","color","on_surface_high","fontFamily","font_family","warningText","alert_warning","primary_bright","PrimaryBrightColor","createElement","style","styles","textContainer","warningSubtitle","Fragment","key","ref","enableStats","enableControls","width","height","onClosePress","handleControlPress","playbackFailedContainer","size","playbackFailed","HLSPlayer","memo","create","hlsView","flex","hlsPlayerContainer","position","paddingHorizontal","alignItems","justifyContent","fontSize","lineHeight","letterSpacing","textAlign","marginTop"],"sourceRoot":"../../../src","sources":["components/HLSPlayer.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/HLSPlayerContainer.js

@@ -0,0 +1,56 @@
+import React from 'react';
+import { View, StyleSheet } from 'react-native';
+import { useHLSViewsConstraints } from '../hooks-util';
+import { HLSPlayer } from './HLSPlayer';
+import { HLSPlayerControls } from './HLSPlayerControls';
+export const _HLSPlayerContainer = () => {
+  // const hlsPlayerRef = useRef(null);
+  const {
+    playerWrapperConstraints
+  } = useHLSViewsConstraints();
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.hlsPlayerContainer, {
+      backgroundColor: 'black',
+      width: playerWrapperConstraints.width,
+      height: playerWrapperConstraints.height
+    }]
+  }, /*#__PURE__*/React.createElement(HLSPlayer, null), /*#__PURE__*/React.createElement(HLSPlayerControls, null));
+};
+export const HLSPlayerContainer = /*#__PURE__*/React.memo(_HLSPlayerContainer);
+const styles = StyleSheet.create({
+  hlsView: {
+    flex: 1
+  },
+  hlsPlayerContainer: {
+    // flex: 1,
+    position: 'relative'
+  },
+  textContainer: {
+    flex: 1,
+    paddingHorizontal: 24,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  warningSubtitle: {
+    fontSize: 16,
+    lineHeight: 20,
+    letterSpacing: 0.25,
+    textAlign: 'center'
+  },
+  playbackFailedContainer: {
+    flex: 1,
+    width: '100%',
+    height: '100%',
+    alignItems: 'center',
+    justifyContent: 'center',
+    position: 'absolute'
+  },
+  playbackFailed: {
+    fontSize: 24,
+    lineHeight: 32,
+    letterSpacing: 0.5,
+    textAlign: 'center',
+    marginTop: 8
+  }
+});
+//# sourceMappingURL=HLSPlayerContainer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","useHLSViewsConstraints","HLSPlayer","HLSPlayerControls","_HLSPlayerContainer","playerWrapperConstraints","createElement","style","styles","hlsPlayerContainer","backgroundColor","width","height","HLSPlayerContainer","memo","create","hlsView","flex","position","textContainer","paddingHorizontal","alignItems","justifyContent","warningSubtitle","fontSize","lineHeight","letterSpacing","textAlign","playbackFailedContainer","playbackFailed","marginTop"],"sourceRoot":"../../../src","sources":["components/HLSPlayerContainer.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAE/C,SAASC,sBAAsB,QAAQ,eAAe;AACtD,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,iBAAiB,QAAQ,qBAAqB;AAEvD,OAAO,MAAMC,mBAA6B,GAAGA,CAAA,KAAM;EACjD;EACA,MAAM;IAAEC;EAAyB,CAAC,GAAGJ,sBAAsB,CAAC,CAAC;EAE7D,oBACEH,KAAA,CAAAQ,aAAA,CAACP,IAAI;IACHQ,KAAK,EAAE,CACLC,MAAM,CAACC,kBAAkB,EACzB;MACEC,eAAe,EAAE,OAAO;MACxBC,KAAK,EAAEN,wBAAwB,CAACM,KAAK;MACrCC,MAAM,EAAEP,wBAAwB,CAACO;IACnC,CAAC;EACD,gBAEFd,KAAA,CAAAQ,aAAA,CAACJ,SAAS,MAAE,CAAC,eAEbJ,KAAA,CAAAQ,aAAA,CAACH,iBAAiB,MAAE,CAChB,CAAC;AAEX,CAAC;AAED,OAAO,MAAMU,kBAAkB,gBAAGf,KAAK,CAACgB,IAAI,CAACV,mBAAmB,CAAC;AAEjE,MAAMI,MAAM,GAAGR,UAAU,CAACe,MAAM,CAAC;EAC/BC,OAAO,EAAE;IACPC,IAAI,EAAE;EACR,CAAC;EACDR,kBAAkB,EAAE;IAClB;IACAS,QAAQ,EAAE;EACZ,CAAC;EACDC,aAAa,EAAE;IACbF,IAAI,EAAE,CAAC;IACPG,iBAAiB,EAAE,EAAE;IACrBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDC,eAAe,EAAE;IACfC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE,IAAI;IACnBC,SAAS,EAAE;EACb,CAAC;EACDC,uBAAuB,EAAE;IACvBX,IAAI,EAAE,CAAC;IACPN,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,MAAM;IACdS,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBJ,QAAQ,EAAE;EACZ,CAAC;EACDW,cAAc,EAAE;IACdL,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE,GAAG;IAClBC,SAAS,EAAE,QAAQ;IACnBG,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}