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

package/lib/module/components/HMSNotifications.js

@@ -0,0 +1,105 @@
+import * as React from 'react';
+import { shallowEqual, useSelector } from 'react-redux';
+import { StyleSheet, View } from 'react-native';
+import { HMSLocalScreenshareNotification } from './HMSLocalScreenshareNotification';
+import { HMSHandRaiseNotification } from './HMSHandRaiseNotification';
+import { HMSRoleChangeDeclinedNotification } from './HMSRoleChangeDeclinedNotification';
+import { NotificationTypes } from '../utils';
+const LOCAL_SCREENSHARE_PAYLOAD = {
+  id: NotificationTypes.LOCAL_SCREENSHARE,
+  type: NotificationTypes.LOCAL_SCREENSHARE
+};
+export const HMSNotifications = () => {
+  const isLocalScreenShared = useSelector(state => state.hmsStates.isLocalScreenShared);
+
+  // notifications is a stack, first will appear last
+  const notifications = useSelector(state => {
+    // Latest notification will be at 0th index.
+    const allNotifications = state.app.notifications;
+    let list = [];
+    if (isLocalScreenShared) {
+      list.push(LOCAL_SCREENSHARE_PAYLOAD);
+
+      // We are picking the latest notification always
+      if (allNotifications.length > 0) {
+        const firstNotification = allNotifications[0];
+        const secondNotification = allNotifications.length > 1 ? allNotifications[1] : null;
+        if (secondNotification) {
+          list.push(secondNotification);
+        }
+        if (firstNotification) {
+          list.push(firstNotification);
+        }
+      }
+    } else if (allNotifications.length > 0) {
+      const firstNotification = allNotifications[0];
+      const secondNotification = allNotifications.length > 1 ? allNotifications[1] : null;
+      const thirdNotification = allNotifications.length > 2 ? allNotifications[2] : null;
+      if (thirdNotification) {
+        list.push(thirdNotification);
+      }
+      if (secondNotification) {
+        list.push(secondNotification);
+      }
+      if (firstNotification) {
+        list.push(firstNotification);
+      }
+    }
+    return list;
+  }, shallowEqual);
+  if (notifications.length === 0) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.absoluteContainer, {
+      paddingTop: (notifications.length - 1) * 16
+    }]
+  }, notifications.map((notification, index, arr) => {
+    const atTop = index === arr.length - 1;
+    const atBottom = index === 0;
+    return /*#__PURE__*/React.createElement(View, {
+      key: notification.id,
+      style: [{
+        transform: [{
+          scale: getScale(arr.length, index)
+        }]
+      }, 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, {
+      id: notification.id,
+      peer: notification.peer,
+      autoDismiss: atTop,
+      dismissDelay: 20000
+    }) : notification.type === NotificationTypes.ROLE_CHANGE_DECLINED && 'peer' in notification ? /*#__PURE__*/React.createElement(HMSRoleChangeDeclinedNotification, {
+      id: notification.id,
+      peerName: notification.peer.name,
+      autoDismiss: atTop,
+      dismissDelay: 10000
+    }) : null);
+  }));
+};
+const styles = StyleSheet.create({
+  absoluteContainer: {
+    position: 'relative',
+    marginBottom: 8,
+    width: '100%'
+  },
+  notificationWrapper: {
+    position: 'absolute',
+    width: '100%'
+  }
+});
+const getScale = (totalItem, current) => {
+  if (totalItem === 1) {
+    return 1;
+  }
+  if (totalItem === 2) {
+    return [0.96, 1][current];
+  }
+  if (totalItem === 3) {
+    return [0.94, 0.97, 1][current];
+  }
+  return 1;
+};
+//# sourceMappingURL=HMSNotifications.js.map

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

@@ -0,0 +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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"}

package/lib/module/components/HMSOverlayChatView.js

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { StyleSheet } from 'react-native';
+import LinearGradient from 'react-native-linear-gradient';
+import MaskedView from '@react-native-masked-view/masked-view';
+import { HMSKeyboardAvoidingView } from './HMSKeyboardAvoidingView';
+import { HMSSendMessageInput } from './HMSSendMessageInput';
+import { HMSHLSMessageList } from './HMSHLSMessageList';
+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, {
+    maskElement: /*#__PURE__*/React.createElement(LinearGradient, {
+      pointerEvents: "box-none",
+      style: StyleSheet.absoluteFill,
+      colors: colors,
+      locations: colorLocations
+    })
+  }, /*#__PURE__*/React.createElement(HMSHLSMessageList, null)), /*#__PURE__*/React.createElement(HMSSendMessageInput, null));
+};
+//# sourceMappingURL=HMSOverlayChatView.js.map

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

@@ -0,0 +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"}

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 { useHMSRoomStyle, useShouldGoLive } from '../hooks-util';
+import { useHMSLayoutConfig, useHMSRoomStyleSheet, useShouldGoLive } from '../hooks-util';
 import { HMSPrimaryButton } from './HMSPrimaryButton';
 export const HMSPreviewJoinButton = _ref => {
   let {
@@ -10,9 +10,8 @@ export const HMSPreviewJoinButton = _ref => {
     onJoin
   } = _ref;
   const userNameInvalid = useSelector(state => state.user.userName.length <= 0);
-  const joinButtonLabels = useSelector(state => {
+  const joinButtonLabels = useHMSLayoutConfig(layoutConfig => {
     var _layoutConfig$screens;
-    const layoutConfig = state.hmsStates.layoutConfig;
     const joinLayoutConfig = layoutConfig === null || layoutConfig === void 0 || (_layoutConfig$screens = layoutConfig.screens) === null || _layoutConfig$screens === void 0 || (_layoutConfig$screens = _layoutConfig$screens.preview) === 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 ? void 0 : _layoutConfig$screens.join_form;
     return {
       joinBtnLabel: (joinLayoutConfig === null || joinLayoutConfig === void 0 ? void 0 : joinLayoutConfig.join_btn_label) || 'Join Now',
@@ -20,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, {
@@ -30,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","useHMSRoomStyle","useShouldGoLive","HMSPrimaryButton","HMSPreviewJoinButton","_ref","loading","onJoin","userNameInvalid","state","user","userName","length","joinButtonLabels","_layoutConfig$screens","layoutConfig","hmsStates","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,SAASC,eAAe,EAAEC,eAAe,QAAQ,eAAe;AAChE,SAASC,gBAAgB,QAAQ,oBAAoB;AAOrD,OAAO,MAAMC,oBAAyD,GAAGC,IAAA,IAGnE;EAAA,IAHoE;IACxEC,OAAO;IACPC;EACF,CAAC,GAAAF,IAAA;EACC,MAAMG,eAAe,GAAGT,WAAW,CAChCU,KAAgB,IAAKA,KAAK,CAACC,IAAI,CAACC,QAAQ,CAACC,MAAM,IAAI,CACtD,CAAC;EAED,MAAMC,gBAAgB,GAAGd,WAAW,CAAEU,KAAgB,IAAK;IAAA,IAAAK,qBAAA;IACzD,MAAMC,YAAY,GAAGN,KAAK,CAACO,SAAS,CAACD,YAAY;IACjD,MAAME,gBAAgB,GACpBF,YAAY,aAAZA,YAAY,gBAAAD,qBAAA,GAAZC,YAAY,CAAEG,OAAO,cAAAJ,qBAAA,gBAAAA,qBAAA,GAArBA,qBAAA,CAAuBK,OAAO,cAAAL,qBAAA,gBAAAA,qBAAA,GAA9BA,qBAAA,CAAgCM,OAAO,cAAAN,qBAAA,gBAAAA,qBAAA,GAAvCA,qBAAA,CAAyCO,QAAQ,cAAAP,qBAAA,uBAAjDA,qBAAA,CAAmDQ,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,GAAGzB,eAAe,CAAC,CAAC;EAEtC,MAAM0B,cAAc,GAAG3B,eAAe,CAAE4B,KAAK,KAAM;IACjDC,SAAS,EAAED,KAAK,CAACE,OAAO,CAACC;EAC3B,CAAC,CAAC,CAAC;EAEH,MAAMC,YAAY,GAAGzB,eAAe,IAAIF,OAAO;EAE/C,oBACEV,KAAA,CAAAsC,aAAA,CAAC/B,gBAAgB;IACfG,OAAO,EAAEA,OAAQ;IACjB6B,OAAO,EAAE5B,MAAO;IAChB6B,KAAK,EACHT,YAAY,GACRd,gBAAgB,CAACY,cAAc,GAC/BZ,gBAAgB,CAACU,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/HMSPreviewNetworkQuality.js

@@ -15,7 +15,7 @@ export const HMSPreviewNetworkQuality = () => {
     return () => hmsInstance.disableNetworkQualityUpdates();
   }, []);
   const containerStyles = useHMSRoomStyle(theme => ({
-    backgroundColor: hexToRgbA(theme.palette.background_dim, 0.8)
+    backgroundColor: theme.palette.background_dim && hexToRgbA(theme.palette.background_dim, 0.8)
   }));
   return /*#__PURE__*/React.createElement(View, {
     style: [styles.container, containerStyles]

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","StyleSheet","useSelector","NetworkQualityIcon","hexToRgbA","useHMSInstance","useHMSRoomStyle","HMSPreviewNetworkQuality","hmsInstance","localPeerNetworkQuality","state","_state$hmsStates$loca","hmsStates","localPeer","networkQuality","downlinkQuality","useEffect","enableNetworkQualityUpdates","disableNetworkQualityUpdates","containerStyles","theme","backgroundColor","palette","background_dim","createElement","style","styles","container","quality","create","marginLeft","marginBottom","borderRadius","paddingVertical","paddingHorizontal","alignSelf"],"sourceRoot":"../../../src","sources":["components/HMSPreviewNetworkQuality.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,SAASC,WAAW,QAAQ,aAAa;AAEzC,SAASC,kBAAkB,QAAQ,UAAU;AAC7C,SAASC,SAAS,QAAQ,gBAAgB;AAE1C,SAASC,cAAc,EAAEC,eAAe,QAAQ,eAAe;AAE/D,OAAO,MAAMC,wBAAwB,GAAGA,CAAA,KAAM;EAC5C,MAAMC,WAAW,GAAGH,cAAc,CAAC,CAAC;EACpC,MAAMI,uBAAuB,GAAGP,WAAW,CACxCQ,KAAgB;IAAA,IAAAC,qBAAA;IAAA,QAAAA,qBAAA,GACfD,KAAK,CAACE,SAAS,CAACC,SAAS,cAAAF,qBAAA,gBAAAA,qBAAA,GAAzBA,qBAAA,CAA2BG,cAAc,cAAAH,qBAAA,uBAAzCA,qBAAA,CAA2CI,eAAe;EAAA,CAC9D,CAAC;EAEDhB,KAAK,CAACiB,SAAS,CAAC,MAAM;IACpBR,WAAW,CAACS,2BAA2B,CAAC,CAAC;IAEzC,OAAO,MAAMT,WAAW,CAACU,4BAA4B,CAAC,CAAC;EACzD,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,eAAe,GAAGb,eAAe,CAAEc,KAAK,KAAM;IAClDC,eAAe,EAAEjB,SAAS,CAACgB,KAAK,CAACE,OAAO,CAACC,cAAc,EAAE,GAAG;EAC9D,CAAC,CAAC,CAAC;EAEH,oBACExB,KAAA,CAAAyB,aAAA,CAACxB,IAAI;IAACyB,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAER,eAAe;EAAE,gBAC/CpB,KAAA,CAAAyB,aAAA,CAACrB,kBAAkB;IAACyB,OAAO,EAAEnB;EAAwB,CAAE,CACnD,CAAC;AAEX,CAAC;AAED,MAAMiB,MAAM,GAAGzB,UAAU,CAAC4B,MAAM,CAAC;EAC/BF,SAAS,EAAE;IACTG,UAAU,EAAE,CAAC;IACbC,YAAY,EAAE,CAAC;IACfC,YAAY,EAAE,CAAC;IACfC,eAAe,EAAE,CAAC;IAClBC,iBAAiB,EAAE,CAAC;IACpBC,SAAS,EAAE;EACb;AACF,CAAC,CAAC"}
+{"version":3,"names":["React","View","StyleSheet","useSelector","NetworkQualityIcon","hexToRgbA","useHMSInstance","useHMSRoomStyle","HMSPreviewNetworkQuality","hmsInstance","localPeerNetworkQuality","state","_state$hmsStates$loca","hmsStates","localPeer","networkQuality","downlinkQuality","useEffect","enableNetworkQualityUpdates","disableNetworkQualityUpdates","containerStyles","theme","backgroundColor","palette","background_dim","createElement","style","styles","container","quality","create","marginLeft","marginBottom","borderRadius","paddingVertical","paddingHorizontal","alignSelf"],"sourceRoot":"../../../src","sources":["components/HMSPreviewNetworkQuality.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,SAASC,WAAW,QAAQ,aAAa;AAEzC,SAASC,kBAAkB,QAAQ,UAAU;AAC7C,SAASC,SAAS,QAAQ,gBAAgB;AAE1C,SAASC,cAAc,EAAEC,eAAe,QAAQ,eAAe;AAE/D,OAAO,MAAMC,wBAAwB,GAAGA,CAAA,KAAM;EAC5C,MAAMC,WAAW,GAAGH,cAAc,CAAC,CAAC;EACpC,MAAMI,uBAAuB,GAAGP,WAAW,CACxCQ,KAAgB;IAAA,IAAAC,qBAAA;IAAA,QAAAA,qBAAA,GACfD,KAAK,CAACE,SAAS,CAACC,SAAS,cAAAF,qBAAA,gBAAAA,qBAAA,GAAzBA,qBAAA,CAA2BG,cAAc,cAAAH,qBAAA,uBAAzCA,qBAAA,CAA2CI,eAAe;EAAA,CAC9D,CAAC;EAEDhB,KAAK,CAACiB,SAAS,CAAC,MAAM;IACpBR,WAAW,CAACS,2BAA2B,CAAC,CAAC;IAEzC,OAAO,MAAMT,WAAW,CAACU,4BAA4B,CAAC,CAAC;EACzD,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,eAAe,GAAGb,eAAe,CAAEc,KAAK,KAAM;IAClDC,eAAe,EACbD,KAAK,CAACE,OAAO,CAACC,cAAc,IAC5BnB,SAAS,CAACgB,KAAK,CAACE,OAAO,CAACC,cAAc,EAAE,GAAG;EAC/C,CAAC,CAAC,CAAC;EAEH,oBACExB,KAAA,CAAAyB,aAAA,CAACxB,IAAI;IAACyB,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAER,eAAe;EAAE,gBAC/CpB,KAAA,CAAAyB,aAAA,CAACrB,kBAAkB;IAACyB,OAAO,EAAEnB;EAAwB,CAAE,CACnD,CAAC;AAEX,CAAC;AAED,MAAMiB,MAAM,GAAGzB,UAAU,CAAC4B,MAAM,CAAC;EAC/BF,SAAS,EAAE;IACTG,UAAU,EAAE,CAAC;IACbC,YAAY,EAAE,CAAC;IACfC,YAAY,EAAE,CAAC;IACfC,eAAe,EAAE,CAAC;IAClBC,iBAAiB,EAAE,CAAC;IACpBC,SAAS,EAAE;EACb;AACF,CAAC,CAAC"}

package/lib/module/components/HMSPreviewSubtitle.js

@@ -1,17 +1,15 @@
 import * as React from 'react';
-import { useSelector } from 'react-redux';
 import { StyleSheet, Text } from 'react-native';
 import { useCanPublishAudio, useCanPublishVideo } from '../hooks-sdk';
-import { useHMSRoomStyle } from '../hooks-util';
+import { useHMSLayoutConfig, useHMSRoomStyle } from '../hooks-util';
 export const HMSPreviewSubtitle = _ref => {
   let {
     subtitle
   } = _ref;
   const canPublishAudio = useCanPublishAudio();
   const canPublishVideo = useCanPublishVideo();
-  const hmsRoomPreviewSubtitle = useSelector(state => {
+  const hmsRoomPreviewSubtitle = useHMSLayoutConfig(layoutConfig => {
     var _layoutConfig$screens;
-    const layoutConfig = state.hmsStates.layoutConfig;
     return layoutConfig === null || layoutConfig === void 0 || (_layoutConfig$screens = layoutConfig.screens) === null || _layoutConfig$screens === void 0 || (_layoutConfig$screens = _layoutConfig$screens.preview) === 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 = _layoutConfig$screens.preview_header) === null || _layoutConfig$screens === void 0 ? void 0 : _layoutConfig$screens.sub_title;
   });
   const titleStyles = useHMSRoomStyle((theme, typography) => ({

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

@@ -1 +1 @@
-{"version":3,"names":["React","useSelector","StyleSheet","Text","useCanPublishAudio","useCanPublishVideo","useHMSRoomStyle","HMSPreviewSubtitle","_ref","subtitle","canPublishAudio","canPublishVideo","hmsRoomPreviewSubtitle","state","_layoutConfig$screens","layoutConfig","hmsStates","screens","preview","default","elements","preview_header","sub_title","titleStyles","theme","typography","color","palette","on_surface_medium","fontFamily","font_family","textStyles","styles","title","createElement","style","create","fontSize","lineHeight","marginTop","textAlign"],"sourceRoot":"../../../src","sources":["components/HMSPreviewSubtitle.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,WAAW,QAAQ,aAAa;AACzC,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAG/C,SAASC,kBAAkB,EAAEC,kBAAkB,QAAQ,cAAc;AACrE,SAASC,eAAe,QAAQ,eAAe;AAO/C,OAAO,MAAMC,kBAAqD,GAAGC,IAAA,IAE/D;EAAA,IAFgE;IACpEC;EACF,CAAC,GAAAD,IAAA;EACC,MAAME,eAAe,GAAGN,kBAAkB,CAAC,CAAC;EAC5C,MAAMO,eAAe,GAAGN,kBAAkB,CAAC,CAAC;EAE5C,MAAMO,sBAAsB,GAAGX,WAAW,CAAEY,KAAgB,IAAK;IAAA,IAAAC,qBAAA;IAC/D,MAAMC,YAAY,GAAGF,KAAK,CAACG,SAAS,CAACD,YAAY;IAEjD,OAAOA,YAAY,aAAZA,YAAY,gBAAAD,qBAAA,GAAZC,YAAY,CAAEE,OAAO,cAAAH,qBAAA,gBAAAA,qBAAA,GAArBA,qBAAA,CAAuBI,OAAO,cAAAJ,qBAAA,gBAAAA,qBAAA,GAA9BA,qBAAA,CAAgCK,OAAO,cAAAL,qBAAA,gBAAAA,qBAAA,GAAvCA,qBAAA,CAAyCM,QAAQ,cAAAN,qBAAA,gBAAAA,qBAAA,GAAjDA,qBAAA,CAAmDO,cAAc,cAAAP,qBAAA,uBAAjEA,qBAAA,CACHQ,SAAS;EACf,CAAC,CAAC;EAEF,MAAMC,WAAW,GAAGjB,eAAe,CAAC,CAACkB,KAAK,EAAEC,UAAU,MAAM;IAC1DC,KAAK,EAAEF,KAAK,CAACG,OAAO,CAACC,iBAAiB;IACtCC,UAAU,EAAG,GAAEJ,UAAU,CAACK,WAAY;EACxC,CAAC,CAAC,CAAC;EAEH,MAAMC,UAAgC,GAAG,CAACC,MAAM,CAACC,KAAK,EAAEV,WAAW,CAAC;EAEpE,IAAId,QAAQ,EAAE;IACZ,oBAAOT,KAAA,CAAAkC,aAAA,CAAC/B,IAAI;MAACgC,KAAK,EAAEJ;IAAW,GAAEtB,QAAe,CAAC;EACnD;EAEA,IAAIG,sBAAsB,EAAE;IAC1B,oBAAOZ,KAAA,CAAAkC,aAAA,CAAC/B,IAAI;MAACgC,KAAK,EAAEJ;IAAW,GAAEnB,sBAA6B,CAAC;EACjE;EAEA,IAAIF,eAAe,IAAIC,eAAe,EAAE;IACtC,oBACEX,KAAA,CAAAkC,aAAA,CAAC/B,IAAI;MAACgC,KAAK,EAAEJ;IAAW,GAAC,2CAA+C,CAAC;EAE7E;EAEA,IAAIrB,eAAe,EAAE;IACnB,oBAAOV,KAAA,CAAAkC,aAAA,CAAC/B,IAAI;MAACgC,KAAK,EAAEJ;IAAW,GAAC,iCAAqC,CAAC;EACxE;EAEA,IAAIpB,eAAe,EAAE;IACnB,oBAAOX,KAAA,CAAAkC,aAAA,CAAC/B,IAAI;MAACgC,KAAK,EAAEJ;IAAW,GAAC,iCAAqC,CAAC;EACxE;EAEA,oBAAO/B,KAAA,CAAAkC,aAAA,CAAC/B,IAAI;IAACgC,KAAK,EAAEJ;EAAW,GAAC,gCAAoC,CAAC;AACvE,CAAC;AAED,MAAMC,MAAM,GAAG9B,UAAU,CAACkC,MAAM,CAAC;EAC/BH,KAAK,EAAE;IACLI,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,SAAS,EAAE,CAAC;IACZC,SAAS,EAAE;EACb;AACF,CAAC,CAAC"}
+{"version":3,"names":["React","StyleSheet","Text","useCanPublishAudio","useCanPublishVideo","useHMSLayoutConfig","useHMSRoomStyle","HMSPreviewSubtitle","_ref","subtitle","canPublishAudio","canPublishVideo","hmsRoomPreviewSubtitle","layoutConfig","_layoutConfig$screens","screens","preview","default","elements","preview_header","sub_title","titleStyles","theme","typography","color","palette","on_surface_medium","fontFamily","font_family","textStyles","styles","title","createElement","style","create","fontSize","lineHeight","marginTop","textAlign"],"sourceRoot":"../../../src","sources":["components/HMSPreviewSubtitle.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAG/C,SAASC,kBAAkB,EAAEC,kBAAkB,QAAQ,cAAc;AACrE,SAASC,kBAAkB,EAAEC,eAAe,QAAQ,eAAe;AAMnE,OAAO,MAAMC,kBAAqD,GAAGC,IAAA,IAE/D;EAAA,IAFgE;IACpEC;EACF,CAAC,GAAAD,IAAA;EACC,MAAME,eAAe,GAAGP,kBAAkB,CAAC,CAAC;EAC5C,MAAMQ,eAAe,GAAGP,kBAAkB,CAAC,CAAC;EAE5C,MAAMQ,sBAAsB,GAAGP,kBAAkB,CAAEQ,YAAY,IAAK;IAAA,IAAAC,qBAAA;IAClE,OAAOD,YAAY,aAAZA,YAAY,gBAAAC,qBAAA,GAAZD,YAAY,CAAEE,OAAO,cAAAD,qBAAA,gBAAAA,qBAAA,GAArBA,qBAAA,CAAuBE,OAAO,cAAAF,qBAAA,gBAAAA,qBAAA,GAA9BA,qBAAA,CAAgCG,OAAO,cAAAH,qBAAA,gBAAAA,qBAAA,GAAvCA,qBAAA,CAAyCI,QAAQ,cAAAJ,qBAAA,gBAAAA,qBAAA,GAAjDA,qBAAA,CAAmDK,cAAc,cAAAL,qBAAA,uBAAjEA,qBAAA,CACHM,SAAS;EACf,CAAC,CAAC;EAEF,MAAMC,WAAW,GAAGf,eAAe,CAAC,CAACgB,KAAK,EAAEC,UAAU,MAAM;IAC1DC,KAAK,EAAEF,KAAK,CAACG,OAAO,CAACC,iBAAiB;IACtCC,UAAU,EAAG,GAAEJ,UAAU,CAACK,WAAY;EACxC,CAAC,CAAC,CAAC;EAEH,MAAMC,UAAgC,GAAG,CAACC,MAAM,CAACC,KAAK,EAAEV,WAAW,CAAC;EAEpE,IAAIZ,QAAQ,EAAE;IACZ,oBAAOT,KAAA,CAAAgC,aAAA,CAAC9B,IAAI;MAAC+B,KAAK,EAAEJ;IAAW,GAAEpB,QAAe,CAAC;EACnD;EAEA,IAAIG,sBAAsB,EAAE;IAC1B,oBAAOZ,KAAA,CAAAgC,aAAA,CAAC9B,IAAI;MAAC+B,KAAK,EAAEJ;IAAW,GAAEjB,sBAA6B,CAAC;EACjE;EAEA,IAAIF,eAAe,IAAIC,eAAe,EAAE;IACtC,oBACEX,KAAA,CAAAgC,aAAA,CAAC9B,IAAI;MAAC+B,KAAK,EAAEJ;IAAW,GAAC,2CAA+C,CAAC;EAE7E;EAEA,IAAInB,eAAe,EAAE;IACnB,oBAAOV,KAAA,CAAAgC,aAAA,CAAC9B,IAAI;MAAC+B,KAAK,EAAEJ;IAAW,GAAC,iCAAqC,CAAC;EACxE;EAEA,IAAIlB,eAAe,EAAE;IACnB,oBAAOX,KAAA,CAAAgC,aAAA,CAAC9B,IAAI;MAAC+B,KAAK,EAAEJ;IAAW,GAAC,iCAAqC,CAAC;EACxE;EAEA,oBAAO7B,KAAA,CAAAgC,aAAA,CAAC9B,IAAI;IAAC+B,KAAK,EAAEJ;EAAW,GAAC,gCAAoC,CAAC;AACvE,CAAC;AAED,MAAMC,MAAM,GAAG7B,UAAU,CAACiC,MAAM,CAAC;EAC/BH,KAAK,EAAE;IACLI,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,SAAS,EAAE,CAAC;IACZC,SAAS,EAAE;EACb;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":"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"}
+{"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/HMSPreviewTitle.js

@@ -1,14 +1,12 @@
 import * as React from 'react';
 import { StyleSheet, Text } from 'react-native';
-import { useSelector } from 'react-redux';
-import { useHMSRoomStyle } from '../hooks-util';
+import { useHMSLayoutConfig, useHMSRoomStyle } from '../hooks-util';
 export const HMSPreviewTitle = _ref => {
   let {
     title = 'Get Started'
   } = _ref;
-  const hmsRoomPreviewTitle = useSelector(state => {
+  const hmsRoomPreviewTitle = useHMSLayoutConfig(layoutConfig => {
     var _layoutConfig$screens;
-    const layoutConfig = state.hmsStates.layoutConfig;
     const previewTitle = layoutConfig === null || layoutConfig === void 0 || (_layoutConfig$screens = layoutConfig.screens) === null || _layoutConfig$screens === void 0 || (_layoutConfig$screens = _layoutConfig$screens.preview) === 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 = _layoutConfig$screens.preview_header) === null || _layoutConfig$screens === void 0 ? void 0 : _layoutConfig$screens.title;
     return previewTitle || title;
   });

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

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","Text","useSelector","useHMSRoomStyle","HMSPreviewTitle","_ref","title","hmsRoomPreviewTitle","state","_layoutConfig$screens","layoutConfig","hmsStates","previewTitle","screens","preview","default","elements","preview_header","titleStyles","theme","typography","color","palette","on_surface_high","fontFamily","font_family","createElement","style","styles","create","fontSize","lineHeight","textAlign"],"sourceRoot":"../../../src","sources":["components/HMSPreviewTitle.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,WAAW,QAAQ,aAAa;AAEzC,SAASC,eAAe,QAAQ,eAAe;AAO/C,OAAO,MAAMC,eAA+C,GAAGC,IAAA,IAEzD;EAAA,IAF0D;IAC9DC,KAAK,GAAG;EACV,CAAC,GAAAD,IAAA;EACC,MAAME,mBAAmB,GAAGL,WAAW,CAAEM,KAAgB,IAAK;IAAA,IAAAC,qBAAA;IAC5D,MAAMC,YAAY,GAAGF,KAAK,CAACG,SAAS,CAACD,YAAY;IAEjD,MAAME,YAAY,GAChBF,YAAY,aAAZA,YAAY,gBAAAD,qBAAA,GAAZC,YAAY,CAAEG,OAAO,cAAAJ,qBAAA,gBAAAA,qBAAA,GAArBA,qBAAA,CAAuBK,OAAO,cAAAL,qBAAA,gBAAAA,qBAAA,GAA9BA,qBAAA,CAAgCM,OAAO,cAAAN,qBAAA,gBAAAA,qBAAA,GAAvCA,qBAAA,CAAyCO,QAAQ,cAAAP,qBAAA,gBAAAA,qBAAA,GAAjDA,qBAAA,CAAmDQ,cAAc,cAAAR,qBAAA,uBAAjEA,qBAAA,CAAmEH,KAAK;IAE1E,OAAOM,YAAY,IAAIN,KAAK;EAC9B,CAAC,CAAC;EAEF,MAAMY,WAAW,GAAGf,eAAe,CAAC,CAACgB,KAAK,EAAEC,UAAU,MAAM;IAC1DC,KAAK,EAAEF,KAAK,CAACG,OAAO,CAACC,eAAe;IACpCC,UAAU,EAAG,GAAEJ,UAAU,CAACK,WAAY;EACxC,CAAC,CAAC,CAAC;EAEH,oBAAO1B,KAAA,CAAA2B,aAAA,CAACzB,IAAI;IAAC0B,KAAK,EAAE,CAACC,MAAM,CAACtB,KAAK,EAAEY,WAAW;EAAE,GAAEX,mBAA0B,CAAC;AAC/E,CAAC;AAED,MAAMqB,MAAM,GAAG5B,UAAU,CAAC6B,MAAM,CAAC;EAC/BvB,KAAK,EAAE;IACLwB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,SAAS,EAAE;EACb;AACF,CAAC,CAAC"}
+{"version":3,"names":["React","StyleSheet","Text","useHMSLayoutConfig","useHMSRoomStyle","HMSPreviewTitle","_ref","title","hmsRoomPreviewTitle","layoutConfig","_layoutConfig$screens","previewTitle","screens","preview","default","elements","preview_header","titleStyles","theme","typography","color","palette","on_surface_high","fontFamily","font_family","createElement","style","styles","create","fontSize","lineHeight","textAlign"],"sourceRoot":"../../../src","sources":["components/HMSPreviewTitle.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAE/C,SAASC,kBAAkB,EAAEC,eAAe,QAAQ,eAAe;AAMnE,OAAO,MAAMC,eAA+C,GAAGC,IAAA,IAEzD;EAAA,IAF0D;IAC9DC,KAAK,GAAG;EACV,CAAC,GAAAD,IAAA;EACC,MAAME,mBAAmB,GAAGL,kBAAkB,CAAEM,YAAY,IAAK;IAAA,IAAAC,qBAAA;IAC/D,MAAMC,YAAY,GAChBF,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,gBAAAA,qBAAA,GAAjDA,qBAAA,CAAmDM,cAAc,cAAAN,qBAAA,uBAAjEA,qBAAA,CAAmEH,KAAK;IAE1E,OAAOI,YAAY,IAAIJ,KAAK;EAC9B,CAAC,CAAC;EAEF,MAAMU,WAAW,GAAGb,eAAe,CAAC,CAACc,KAAK,EAAEC,UAAU,MAAM;IAC1DC,KAAK,EAAEF,KAAK,CAACG,OAAO,CAACC,eAAe;IACpCC,UAAU,EAAG,GAAEJ,UAAU,CAACK,WAAY;EACxC,CAAC,CAAC,CAAC;EAEH,oBAAOxB,KAAA,CAAAyB,aAAA,CAACvB,IAAI;IAACwB,KAAK,EAAE,CAACC,MAAM,CAACpB,KAAK,EAAEU,WAAW;EAAE,GAAET,mBAA0B,CAAC;AAC/E,CAAC;AAED,MAAMmB,MAAM,GAAG1B,UAAU,CAAC2B,MAAM,CAAC;EAC/BrB,KAAK,EAAE;IACLsB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,SAAS,EAAE;EACb;AACF,CAAC,CAAC"}

package/lib/module/components/HMSRecordingIndicator.js

@@ -8,7 +8,10 @@ export const HMSRecordingIndicator = () => {
     var _state$hmsStates$room;
     return !!((_state$hmsStates$room = state.hmsStates.room) !== null && _state$hmsStates$room !== void 0 && (_state$hmsStates$room = _state$hmsStates$room.browserRecordingState) !== null && _state$hmsStates$room !== void 0 && _state$hmsStates$room.running);
   });
-  const startingOrStoppingRecording = useSelector(state => state.app.startingOrStoppingRecording);
+  const startingOrStoppingRecording = useSelector(state => {
+    var _state$hmsStates$room2;
+    return state.app.startingOrStoppingRecording || ((_state$hmsStates$room2 = state.hmsStates.room) === null || _state$hmsStates$room2 === void 0 ? void 0 : _state$hmsStates$room2.browserRecordingState.initialising);
+  });
   const {
     on_surface_high: onSurfaceHighColor
   } = useHMSRoomColorPalette();
@@ -18,12 +21,13 @@ export const HMSRecordingIndicator = () => {
   if (startingOrStoppingRecording) {
     return /*#__PURE__*/React.createElement(ActivityIndicator, {
       size: 'small',
-      color: onSurfaceHighColor
+      color: onSurfaceHighColor,
+      style: styles.rightSpace
     });
   }
   if (isRecordingOn) {
     return /*#__PURE__*/React.createElement(RecordingIcon, {
-      style: [styles.icon, iconStyles]
+      style: [styles.icon, styles.rightSpace, iconStyles]
     });
   }
   return null;
@@ -32,6 +36,9 @@ const styles = StyleSheet.create({
   icon: {
     width: 24,
     height: 24
+  },
+  rightSpace: {
+    marginRight: 8
   }
 });
 //# sourceMappingURL=HMSRecordingIndicator.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useSelector","ActivityIndicator","StyleSheet","RecordingIcon","useHMSRoomColorPalette","useHMSRoomStyle","HMSRecordingIndicator","isRecordingOn","state","_state$hmsStates$room","hmsStates","room","browserRecordingState","running","startingOrStoppingRecording","app","on_surface_high","onSurfaceHighColor","iconStyles","theme","tintColor","palette","alert_error_default","createElement","size","color","style","styles","icon","create","width","height"],"sourceRoot":"../../../src","sources":["components/HMSRecordingIndicator.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,WAAW,QAAQ,aAAa;AACzC,SAASC,iBAAiB,EAAEC,UAAU,QAAQ,cAAc;AAG5D,SAASC,aAAa,QAAQ,UAAU;AACxC,SAASC,sBAAsB,EAAEC,eAAe,QAAQ,eAAe;AAEvE,OAAO,MAAMC,qBAAqB,GAAGA,CAAA,KAAM;EACzC,MAAMC,aAAa,GAAGP,WAAW,CAC9BQ,KAAgB;IAAA,IAAAC,qBAAA;IAAA,OAAK,CAAC,GAAAA,qBAAA,GAACD,KAAK,CAACE,SAAS,CAACC,IAAI,cAAAF,qBAAA,gBAAAA,qBAAA,GAApBA,qBAAA,CAAsBG,qBAAqB,cAAAH,qBAAA,eAA3CA,qBAAA,CAA6CI,OAAO;EAAA,CAC9E,CAAC;EACD,MAAMC,2BAA2B,GAAGd,WAAW,CAC5CQ,KAAgB,IAAKA,KAAK,CAACO,GAAG,CAACD,2BAClC,CAAC;EAED,MAAM;IAAEE,eAAe,EAAEC;EAAmB,CAAC,GAAGb,sBAAsB,CAAC,CAAC;EAExE,MAAMc,UAAU,GAAGb,eAAe,CAAEc,KAAK,KAAM;IAC7CC,SAAS,EAAED,KAAK,CAACE,OAAO,CAACC;EAC3B,CAAC,CAAC,CAAC;EAEH,IAAIR,2BAA2B,EAAE;IAC/B,oBAAOf,KAAA,CAAAwB,aAAA,CAACtB,iBAAiB;MAACuB,IAAI,EAAE,OAAQ;MAACC,KAAK,EAAER;IAAmB,CAAE,CAAC;EACxE;EAEA,IAAIV,aAAa,EAAE;IACjB,oBAAOR,KAAA,CAAAwB,aAAA,CAACpB,aAAa;MAACuB,KAAK,EAAE,CAACC,MAAM,CAACC,IAAI,EAAEV,UAAU;IAAE,CAAE,CAAC;EAC5D;EAEA,OAAO,IAAI;AACb,CAAC;AAED,MAAMS,MAAM,GAAGzB,UAAU,CAAC2B,MAAM,CAAC;EAC/BD,IAAI,EAAE;IACJE,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV;AACF,CAAC,CAAC"}
+{"version":3,"names":["React","useSelector","ActivityIndicator","StyleSheet","RecordingIcon","useHMSRoomColorPalette","useHMSRoomStyle","HMSRecordingIndicator","isRecordingOn","state","_state$hmsStates$room","hmsStates","room","browserRecordingState","running","startingOrStoppingRecording","_state$hmsStates$room2","app","initialising","on_surface_high","onSurfaceHighColor","iconStyles","theme","tintColor","palette","alert_error_default","createElement","size","color","style","styles","rightSpace","icon","create","width","height","marginRight"],"sourceRoot":"../../../src","sources":["components/HMSRecordingIndicator.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,WAAW,QAAQ,aAAa;AACzC,SAASC,iBAAiB,EAAEC,UAAU,QAAQ,cAAc;AAG5D,SAASC,aAAa,QAAQ,UAAU;AACxC,SAASC,sBAAsB,EAAEC,eAAe,QAAQ,eAAe;AAEvE,OAAO,MAAMC,qBAAqB,GAAGA,CAAA,KAAM;EACzC,MAAMC,aAAa,GAAGP,WAAW,CAC9BQ,KAAgB;IAAA,IAAAC,qBAAA;IAAA,OAAK,CAAC,GAAAA,qBAAA,GAACD,KAAK,CAACE,SAAS,CAACC,IAAI,cAAAF,qBAAA,gBAAAA,qBAAA,GAApBA,qBAAA,CAAsBG,qBAAqB,cAAAH,qBAAA,eAA3CA,qBAAA,CAA6CI,OAAO;EAAA,CAC9E,CAAC;EACD,MAAMC,2BAA2B,GAAGd,WAAW,CAC5CQ,KAAgB;IAAA,IAAAO,sBAAA;IAAA,OACfP,KAAK,CAACQ,GAAG,CAACF,2BAA2B,MAAAC,sBAAA,GACrCP,KAAK,CAACE,SAAS,CAACC,IAAI,cAAAI,sBAAA,uBAApBA,sBAAA,CAAsBH,qBAAqB,CAACK,YAAY;EAAA,CAC5D,CAAC;EAED,MAAM;IAAEC,eAAe,EAAEC;EAAmB,CAAC,GAAGf,sBAAsB,CAAC,CAAC;EAExE,MAAMgB,UAAU,GAAGf,eAAe,CAAEgB,KAAK,KAAM;IAC7CC,SAAS,EAAED,KAAK,CAACE,OAAO,CAACC;EAC3B,CAAC,CAAC,CAAC;EAEH,IAAIV,2BAA2B,EAAE;IAC/B,oBACEf,KAAA,CAAA0B,aAAA,CAACxB,iBAAiB;MAChByB,IAAI,EAAE,OAAQ;MACdC,KAAK,EAAER,kBAAmB;MAC1BS,KAAK,EAAEC,MAAM,CAACC;IAAW,CAC1B,CAAC;EAEN;EAEA,IAAIvB,aAAa,EAAE;IACjB,oBACER,KAAA,CAAA0B,aAAA,CAACtB,aAAa;MAACyB,KAAK,EAAE,CAACC,MAAM,CAACE,IAAI,EAAEF,MAAM,CAACC,UAAU,EAAEV,UAAU;IAAE,CAAE,CAAC;EAE1E;EAEA,OAAO,IAAI;AACb,CAAC;AAED,MAAMS,MAAM,GAAG3B,UAAU,CAAC8B,MAAM,CAAC;EAC/BD,IAAI,EAAE;IACJE,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV,CAAC;EACDJ,UAAU,EAAE;IACVK,WAAW,EAAE;EACf;AACF,CAAC,CAAC"}

package/lib/module/components/HMSRoleChangeDeclinedNotification.js

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { HMSNotification } from './HMSNotification';
+import { PersonIcon } from '../Icons';
+export const HMSRoleChangeDeclinedNotification = _ref => {
+  let {
+    peerName,
+    id,
+    autoDismiss,
+    dismissDelay
+  } = _ref;
+  return /*#__PURE__*/React.createElement(HMSNotification, {
+    id: id,
+    text: `${peerName} declined the request to join the stage`,
+    icon: /*#__PURE__*/React.createElement(PersonIcon, {
+      type: "off"
+    }),
+    autoDismiss: autoDismiss,
+    dismissDelay: dismissDelay
+  });
+};
+//# sourceMappingURL=HMSRoleChangeDeclinedNotification.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","HMSNotification","PersonIcon","HMSRoleChangeDeclinedNotification","_ref","peerName","id","autoDismiss","dismissDelay","createElement","text","icon","type"],"sourceRoot":"../../../src","sources":["components/HMSRoleChangeDeclinedNotification.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,UAAU,QAAQ,UAAU;AASrC,OAAO,MAAMC,iCAEZ,GAAGC,IAAA,IAAiD;EAAA,IAAhD;IAAEC,QAAQ;IAAEC,EAAE;IAAEC,WAAW;IAAEC;EAAa,CAAC,GAAAJ,IAAA;EAC9C,oBACEJ,KAAA,CAAAS,aAAA,CAACR,eAAe;IACdK,EAAE,EAAEA,EAAG;IACPI,IAAI,EAAG,GAAEL,QAAS,yCAAyC;IAC3DM,IAAI,eAAEX,KAAA,CAAAS,aAAA,CAACP,UAAU;MAACU,IAAI,EAAC;IAAK,CAAE,CAAE;IAChCL,WAAW,EAAEA,WAAY;IACzBC,YAAY,EAAEA;EAAa,CAC5B,CAAC;AAEN,CAAC"}

package/lib/module/components/HMSSendMessageInput.js

@@ -0,0 +1,48 @@
+import * as React from 'react';
+import { Platform, StyleSheet } from 'react-native';
+import { HMSTextInput } from './HMSTextInput';
+import { useHMSRoomStyleSheet, useSendMessage } from '../hooks-util';
+export const HMSSendMessageInput = _ref => {
+  let {
+    style,
+    containerStyle
+  } = _ref;
+  const {
+    message,
+    sendMessage,
+    setMessage
+  } = useSendMessage();
+  const hmsRoomStyles = useHMSRoomStyleSheet(theme => ({
+    containerStyle: {
+      backgroundColor: theme.palette.surface_dim,
+      borderColor: theme.palette.surface_dim
+    }
+  }));
+  return /*#__PURE__*/React.createElement(HMSTextInput, {
+    style: [styles.input, style],
+    value: message,
+    onChangeText: setMessage,
+    placeholder: "Send a message...",
+    autoCapitalize: "sentences",
+    autoCompleteType: "off",
+    containerStyle: [styles.inputContainer, hmsRoomStyles.containerStyle, containerStyle],
+    sendIcon: true,
+    onSendIconPress: sendMessage,
+    onSubmitEditing: sendMessage,
+    returnKeyType: "send"
+  });
+};
+const styles = StyleSheet.create({
+  input: {
+    fontSize: 14,
+    lineHeight: Platform.OS === 'android' ? 20 : undefined,
+    letterSpacing: 0.25
+  },
+  inputContainer: {
+    height: 40,
+    marginHorizontal: 8,
+    marginTop: 4,
+    marginBottom: 8
+  }
+});
+//# sourceMappingURL=HMSSendMessageInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Platform","StyleSheet","HMSTextInput","useHMSRoomStyleSheet","useSendMessage","HMSSendMessageInput","_ref","style","containerStyle","message","sendMessage","setMessage","hmsRoomStyles","theme","backgroundColor","palette","surface_dim","borderColor","createElement","styles","input","value","onChangeText","placeholder","autoCapitalize","autoCompleteType","inputContainer","sendIcon","onSendIconPress","onSubmitEditing","returnKeyType","create","fontSize","lineHeight","OS","undefined","letterSpacing","height","marginHorizontal","marginTop","marginBottom"],"sourceRoot":"../../../src","sources":["components/HMSSendMessageInput.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,QAAQ,EAAEC,UAAU,QAAQ,cAAc;AAGnD,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,oBAAoB,EAAEC,cAAc,QAAQ,eAAe;AAOpE,OAAO,MAAMC,mBAAuD,GAAGC,IAAA,IAGjE;EAAA,IAHkE;IACtEC,KAAK;IACLC;EACF,CAAC,GAAAF,IAAA;EACC,MAAM;IAAEG,OAAO;IAAEC,WAAW;IAAEC;EAAW,CAAC,GAAGP,cAAc,CAAC,CAAC;EAE7D,MAAMQ,aAAa,GAAGT,oBAAoB,CAAEU,KAAK,KAAM;IACrDL,cAAc,EAAE;MACdM,eAAe,EAAED,KAAK,CAACE,OAAO,CAACC,WAAW;MAC1CC,WAAW,EAAEJ,KAAK,CAACE,OAAO,CAACC;IAC7B;EACF,CAAC,CAAC,CAAC;EAEH,oBACEjB,KAAA,CAAAmB,aAAA,CAAChB,YAAY;IACXK,KAAK,EAAE,CAACY,MAAM,CAACC,KAAK,EAAEb,KAAK,CAAE;IAC7Bc,KAAK,EAAEZ,OAAQ;IACfa,YAAY,EAAEX,UAAW;IACzBY,WAAW,EAAC,mBAAmB;IAC/BC,cAAc,EAAC,WAAW;IAC1BC,gBAAgB,EAAC,KAAK;IACtBjB,cAAc,EAAE,CACdW,MAAM,CAACO,cAAc,EACrBd,aAAa,CAACJ,cAAc,EAC5BA,cAAc,CACd;IACFmB,QAAQ,EAAE,IAAK;IACfC,eAAe,EAAElB,WAAY;IAC7BmB,eAAe,EAAEnB,WAAY;IAC7BoB,aAAa,EAAC;EAAM,CACrB,CAAC;AAEN,CAAC;AAED,MAAMX,MAAM,GAAGlB,UAAU,CAAC8B,MAAM,CAAC;EAC/BX,KAAK,EAAE;IACLY,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAEjC,QAAQ,CAACkC,EAAE,KAAK,SAAS,GAAG,EAAE,GAAGC,SAAS;IACtDC,aAAa,EAAE;EACjB,CAAC;EACDV,cAAc,EAAE;IACdW,MAAM,EAAE,EAAE;IACVC,gBAAgB,EAAE,CAAC;IACnBC,SAAS,EAAE,CAAC;IACZC,YAAY,EAAE;EAChB;AACF,CAAC,CAAC"}