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

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/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

@@ -18,12 +18,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 +33,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","app","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,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,oBACEf,KAAA,CAAAwB,aAAA,CAACtB,iBAAiB;MAChBuB,IAAI,EAAE,OAAQ;MACdC,KAAK,EAAER,kBAAmB;MAC1BS,KAAK,EAAEC,MAAM,CAACC;IAAW,CAC1B,CAAC;EAEN;EAEA,IAAIrB,aAAa,EAAE;IACjB,oBACER,KAAA,CAAAwB,aAAA,CAACpB,aAAa;MAACuB,KAAK,EAAE,CAACC,MAAM,CAACE,IAAI,EAAEF,MAAM,CAACC,UAAU,EAAEV,UAAU;IAAE,CAAE,CAAC;EAE1E;EAEA,OAAO,IAAI;AACb,CAAC;AAED,MAAMS,MAAM,GAAGzB,UAAU,CAAC4B,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"}

package/lib/module/components/HMSTextInput.js

@@ -1,12 +1,15 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import * as React from 'react';
-import { Platform, StyleSheet, TextInput } from 'react-native';
+import { Platform, StyleSheet, TextInput, TouchableOpacity, View } from 'react-native';
 import { useHMSRoomColorPalette, useHMSRoomStyleSheet } from '../hooks-util';
+import { SendIcon } from '../Icons';
 export const HMSTextInput = _ref => {
   let {
     value,
     onChangeText,
     style,
-    autoFocus
+    focusedStyle,
+    ...resetProps
   } = _ref;
   const [inputFocused, setInputFocused] = React.useState(false);
   const handleInputFocus = () => setInputFocused(true);
@@ -15,33 +18,104 @@ export const HMSTextInput = _ref => {
     on_surface_low: onSurfaceLowColor,
     on_surface_high: onSurfaceHighColor
   } = useHMSRoomColorPalette();
+  const containerExists = resetProps.leftIcon || resetProps.rightIcon || resetProps.sendIcon;
   const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
+    // TEXT INPUT STYLES
     input: {
       backgroundColor: theme.palette.surface_default,
       color: theme.palette.on_surface_high,
       borderColor: theme.palette.surface_default,
       fontFamily: `${typography.font_family}-Regular`
     },
+    // when text input is inside container
+    childInput: {
+      color: theme.palette.on_surface_high,
+      fontFamily: `${typography.font_family}-Regular`
+    },
     focusedInput: {
       borderColor: theme.palette.primary_default,
       borderWidth: 2
+    },
+    // when text input is inside container
+    focusedChildInput: {},
+    // CONTAINER STYLES
+    container: {
+      backgroundColor: theme.palette.surface_default,
+      borderColor: theme.palette.surface_default
+    },
+    focusedContainer: {
+      borderColor: theme.palette.primary_default,
+      borderWidth: 2
+    },
+    // ICON STYLES
+    sendIcon: {
+      tintColor: theme.palette.on_surface_low
+    },
+    focusedSendIcon: {
+      tintColor: theme.palette.on_surface_high
     }
   }));
-  return /*#__PURE__*/React.createElement(TextInput, {
-    style: [styles.input, hmsRoomStyles.input, inputFocused ? hmsRoomStyles.focusedInput : null, style],
+  const textInputStyles = [
+  // regular styles
+  containerExists ? styles.childInput : styles.input, containerExists ? hmsRoomStyles.childInput : hmsRoomStyles.input,
+  // theme regular styles
+  style,
+  // user provided regular styles
+
+  // focused styles
+  inputFocused ? containerExists ? hmsRoomStyles.focusedChildInput : hmsRoomStyles.focusedInput : null,
+  // theme focused styles
+  inputFocused ? focusedStyle : null // user provided focused styles
+  ];
+
+  const textInputComp = /*#__PURE__*/React.createElement(TextInput, _extends({}, resetProps, {
+    style: textInputStyles,
     value: value,
     onChangeText: onChangeText,
-    placeholder: "Enter Name...",
-    autoCapitalize: "words",
-    autoCompleteType: "name",
-    placeholderTextColor: onSurfaceLowColor,
-    selectionColor: onSurfaceHighColor,
-    onFocus: handleInputFocus,
-    onBlur: handleInputBlur,
-    autoFocus: autoFocus
-  });
+    placeholder: resetProps.placeholder ?? 'Enter Name...',
+    autoCapitalize: resetProps.autoCapitalize ?? 'words',
+    autoCompleteType: resetProps.autoCompleteType ?? 'name',
+    placeholderTextColor: resetProps.placeholderTextColor ?? onSurfaceLowColor,
+    selectionColor: resetProps.selectionColor ?? onSurfaceHighColor,
+    onFocus: resetProps.onFocus ?? handleInputFocus,
+    onBlur: resetProps.onBlur ?? handleInputBlur
+  }));
+  if (!containerExists) {
+    return textInputComp;
+  }
+  const containerStyles = [
+  // regular styles
+  styles.container, hmsRoomStyles.container,
+  // theme regular styles
+  resetProps.leftIcon || resetProps.rightIcon || resetProps.sendIcon ? resetProps.containerStyle : null,
+  // user provided regular styles
+
+  // focused styles
+  inputFocused ? hmsRoomStyles.focusedContainer : null,
+  // theme focused styles
+  inputFocused && (resetProps.leftIcon || resetProps.rightIcon || resetProps.sendIcon) ? resetProps.focusedContainerStyle : null // user provided focused styles
+  ];
+
+  return /*#__PURE__*/React.createElement(View, {
+    style: containerStyles
+  }, resetProps.leftIcon, textInputComp, resetProps.rightIcon || (resetProps.sendIcon ? /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.sendIconButton,
+    onPress: resetProps.onSendIconPress
+  }, /*#__PURE__*/React.createElement(SendIcon, {
+    style: [hmsRoomStyles.sendIcon, inputFocused ? hmsRoomStyles.focusedSendIcon : null]
+  })) : null));
 };
 const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    height: 50,
+    overflow: 'hidden',
+    paddingLeft: 16,
+    paddingRight: 8,
+    borderRadius: 8,
+    borderWidth: 2,
+    flexDirection: 'row'
+  },
   input: {
     flex: 1,
     height: 50,
@@ -52,6 +126,18 @@ const styles = StyleSheet.create({
     lineHeight: Platform.OS === 'android' ? 24 : undefined,
     letterSpacing: 0.5,
     borderWidth: 2
+  },
+  childInput: {
+    flex: 1,
+    textAlignVertical: 'center',
+    fontSize: 16,
+    lineHeight: Platform.OS === 'android' ? 24 : undefined,
+    letterSpacing: 0.5
+  },
+  sendIconButton: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    marginLeft: 8
   }
 });
 //# sourceMappingURL=HMSTextInput.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","Platform","StyleSheet","TextInput","useHMSRoomColorPalette","useHMSRoomStyleSheet","HMSTextInput","_ref","value","onChangeText","style","autoFocus","inputFocused","setInputFocused","useState","handleInputFocus","handleInputBlur","on_surface_low","onSurfaceLowColor","on_surface_high","onSurfaceHighColor","hmsRoomStyles","theme","typography","input","backgroundColor","palette","surface_default","color","borderColor","fontFamily","font_family","focusedInput","primary_default","borderWidth","createElement","styles","placeholder","autoCapitalize","autoCompleteType","placeholderTextColor","selectionColor","onFocus","onBlur","create","flex","height","textAlignVertical","paddingHorizontal","borderRadius","fontSize","lineHeight","OS","undefined","letterSpacing"],"sourceRoot":"../../../src","sources":["components/HMSTextInput.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,QAAQ,EAAEC,UAAU,EAAEC,SAAS,QAAQ,cAAc;AAG9D,SAASC,sBAAsB,EAAEC,oBAAoB,QAAQ,eAAe;AAS5E,OAAO,MAAMC,YAAyC,GAAGC,IAAA,IAKnD;EAAA,IALoD;IACxDC,KAAK;IACLC,YAAY;IACZC,KAAK;IACLC;EACF,CAAC,GAAAJ,IAAA;EACC,MAAM,CAACK,YAAY,EAAEC,eAAe,CAAC,GAAGb,KAAK,CAACc,QAAQ,CAAC,KAAK,CAAC;EAE7D,MAAMC,gBAAgB,GAAGA,CAAA,KAAMF,eAAe,CAAC,IAAI,CAAC;EAEpD,MAAMG,eAAe,GAAGA,CAAA,KAAMH,eAAe,CAAC,KAAK,CAAC;EAEpD,MAAM;IACJI,cAAc,EAAEC,iBAAiB;IACjCC,eAAe,EAAEC;EACnB,CAAC,GAAGhB,sBAAsB,CAAC,CAAC;EAE5B,MAAMiB,aAAa,GAAGhB,oBAAoB,CAAC,CAACiB,KAAK,EAAEC,UAAU,MAAM;IACjEC,KAAK,EAAE;MACLC,eAAe,EAAEH,KAAK,CAACI,OAAO,CAACC,eAAe;MAC9CC,KAAK,EAAEN,KAAK,CAACI,OAAO,CAACP,eAAe;MACpCU,WAAW,EAAEP,KAAK,CAACI,OAAO,CAACC,eAAe;MAC1CG,UAAU,EAAG,GAAEP,UAAU,CAACQ,WAAY;IACxC,CAAC;IACDC,YAAY,EAAE;MACZH,WAAW,EAAEP,KAAK,CAACI,OAAO,CAACO,eAAe;MAC1CC,WAAW,EAAE;IACf;EACF,CAAC,CAAC,CAAC;EAEH,oBACElC,KAAA,CAAAmC,aAAA,CAAChC,SAAS;IACRO,KAAK,EAAE,CACL0B,MAAM,CAACZ,KAAK,EACZH,aAAa,CAACG,KAAK,EACnBZ,YAAY,GAAGS,aAAa,CAACW,YAAY,GAAG,IAAI,EAChDtB,KAAK,CACL;IACFF,KAAK,EAAEA,KAAM;IACbC,YAAY,EAAEA,YAAa;IAC3B4B,WAAW,EAAC,eAAe;IAC3BC,cAAc,EAAC,OAAO;IACtBC,gBAAgB,EAAC,MAAM;IACvBC,oBAAoB,EAAEtB,iBAAkB;IACxCuB,cAAc,EAAErB,kBAAmB;IACnCsB,OAAO,EAAE3B,gBAAiB;IAC1B4B,MAAM,EAAE3B,eAAgB;IACxBL,SAAS,EAAEA;EAAU,CACtB,CAAC;AAEN,CAAC;AAED,MAAMyB,MAAM,GAAGlC,UAAU,CAAC0C,MAAM,CAAC;EAC/BpB,KAAK,EAAE;IACLqB,IAAI,EAAE,CAAC;IACPC,MAAM,EAAE,EAAE;IACVC,iBAAiB,EAAE,QAAQ;IAC3BC,iBAAiB,EAAE,EAAE;IACrBC,YAAY,EAAE,CAAC;IACfC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAElD,QAAQ,CAACmD,EAAE,KAAK,SAAS,GAAG,EAAE,GAAGC,SAAS;IACtDC,aAAa,EAAE,GAAG;IAClBpB,WAAW,EAAE;EACf;AACF,CAAC,CAAC"}
+{"version":3,"names":["React","Platform","StyleSheet","TextInput","TouchableOpacity","View","useHMSRoomColorPalette","useHMSRoomStyleSheet","SendIcon","HMSTextInput","_ref","value","onChangeText","style","focusedStyle","resetProps","inputFocused","setInputFocused","useState","handleInputFocus","handleInputBlur","on_surface_low","onSurfaceLowColor","on_surface_high","onSurfaceHighColor","containerExists","leftIcon","rightIcon","sendIcon","hmsRoomStyles","theme","typography","input","backgroundColor","palette","surface_default","color","borderColor","fontFamily","font_family","childInput","focusedInput","primary_default","borderWidth","focusedChildInput","container","focusedContainer","tintColor","focusedSendIcon","textInputStyles","styles","textInputComp","createElement","_extends","placeholder","autoCapitalize","autoCompleteType","placeholderTextColor","selectionColor","onFocus","onBlur","containerStyles","containerStyle","focusedContainerStyle","sendIconButton","onPress","onSendIconPress","create","flex","height","overflow","paddingLeft","paddingRight","borderRadius","flexDirection","textAlignVertical","paddingHorizontal","fontSize","lineHeight","OS","undefined","letterSpacing","alignItems","justifyContent","marginLeft"],"sourceRoot":"../../../src","sources":["components/HMSTextInput.tsx"],"mappings":"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"}

package/lib/module/components/HMSVideoView.js

@@ -0,0 +1,34 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import * as React from 'react';
+import { StyleSheet } from 'react-native';
+import { useSelector } from 'react-redux';
+import { HMSVideoViewMode } from '@100mslive/react-native-hms';
+import { useHMSInstance } from '../hooks-util';
+export const HMSVideoView = _ref => {
+  let {
+    trackId,
+    style,
+    ...restProps
+  } = _ref;
+  const hmsInstance = useHMSInstance();
+  const HmsView = hmsInstance.HmsView;
+  const mirrorCamera = useSelector(state => state.app.joinConfig.mirrorCamera);
+  const autoSimulcast = useSelector(state => state.app.joinConfig.autoSimulcast);
+  return /*#__PURE__*/React.createElement(HmsView, _extends({}, restProps, {
+    trackId: trackId,
+    key: trackId,
+    mirror: restProps.mirror ?? mirrorCamera,
+    autoSimulcast: restProps.autoSimulcast ?? autoSimulcast,
+    scaleType: restProps.scaleType ?? HMSVideoViewMode.ASPECT_FILL,
+    style: {
+      ...styles.hmsView,
+      ...style
+    }
+  }));
+};
+const styles = StyleSheet.create({
+  hmsView: {
+    flex: 1
+  }
+});
+//# sourceMappingURL=HMSVideoView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","useSelector","HMSVideoViewMode","useHMSInstance","HMSVideoView","_ref","trackId","style","restProps","hmsInstance","HmsView","mirrorCamera","state","app","joinConfig","autoSimulcast","createElement","_extends","key","mirror","scaleType","ASPECT_FILL","styles","hmsView","create","flex"],"sourceRoot":"../../../src","sources":["components/HMSVideoView.tsx"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,WAAW,QAAQ,aAAa;AACzC,SAASC,gBAAgB,QAAQ,6BAA6B;AAI9D,SAASC,cAAc,QAAQ,eAAe;AAI9C,OAAO,MAAMC,YAAyC,GAAGC,IAAA,IAInD;EAAA,IAJoD;IACxDC,OAAO;IACPC,KAAK;IACL,GAAGC;EACL,CAAC,GAAAH,IAAA;EACC,MAAMI,WAAW,GAAGN,cAAc,CAAC,CAAC;EACpC,MAAMO,OAAO,GAAGD,WAAW,CAACC,OAAO;EACnC,MAAMC,YAAY,GAAGV,WAAW,CAC7BW,KAAgB,IAAKA,KAAK,CAACC,GAAG,CAACC,UAAU,CAACH,YAC7C,CAAC;EACD,MAAMI,aAAa,GAAGd,WAAW,CAC9BW,KAAgB,IAAKA,KAAK,CAACC,GAAG,CAACC,UAAU,CAACC,aAC7C,CAAC;EAED,oBACEhB,KAAA,CAAAiB,aAAA,CAACN,OAAO,EAAAO,QAAA,KACFT,SAAS;IACbF,OAAO,EAAEA,OAAQ;IACjBY,GAAG,EAAEZ,OAAQ;IACba,MAAM,EAAEX,SAAS,CAACW,MAAM,IAAIR,YAAa;IACzCI,aAAa,EAAEP,SAAS,CAACO,aAAa,IAAIA,aAAc;IACxDK,SAAS,EAAEZ,SAAS,CAACY,SAAS,IAAIlB,gBAAgB,CAACmB,WAAY;IAC/Dd,KAAK,EAAE;MAAE,GAAGe,MAAM,CAACC,OAAO;MAAE,GAAGhB;IAAM;EAAE,EACxC,CAAC;AAEN,CAAC;AAED,MAAMe,MAAM,GAAGtB,UAAU,CAACwB,MAAM,CAAC;EAC/BD,OAAO,EAAE;IACPE,IAAI,EAAE;EACR;AACF,CAAC,CAAC"}

package/lib/module/components/Header.js

@@ -1,49 +1,43 @@
 import React, { memo } from 'react';
 import { View, StyleSheet } from 'react-native';
-import Animated, { useAnimatedProps, useAnimatedStyle } from 'react-native-reanimated';
+import { SafeAreaView } from 'react-native-safe-area-context';
 import { HMSManageCameraRotation } from './HMSManageCameraRotation';
-import { useHMSRoomStyle, useIsHLSViewer } from '../hooks-util';
+import { useHMSRoomStyle } from '../hooks-util';
 import { HMSManageAudioOutput } from './HMSManageAudioOutput';
 import { HMSRecordingIndicator } from './HMSRecordingIndicator';
 import { CompanyLogo } from './CompanyLogo';
+import { HMSLiveIndicator } from './HMSLiveIndicator';
+const TOP_PADDING = 8;
+const BOTTOM_PADDING = 16;
+const CONTENT_HEIGHT = 42;
+export const HEADER_HEIGHT = TOP_PADDING + CONTENT_HEIGHT + BOTTOM_PADDING;
 export const _Header = _ref => {
   let {
-    offset
+    transparent = false,
+    showControls = true
   } = _ref;
-  const isHLSViewer = useIsHLSViewer();
-  const animatedStyles = useAnimatedStyle(() => {
-    return {
-      opacity: offset.value
-      // transform: [{ translateY: interpolate(offset.value, [0, 1], [-10, 0]) }]
-    };
-  }, []);
-  const animatedProps = useAnimatedProps(() => {
-    return {
-      pointerEvents: offset.value === 0 ? 'none' : 'auto'
-    };
-  }, []);
   const containerStyles = useHMSRoomStyle(theme => ({
     backgroundColor: theme.palette.background_dim
   }));
-  return /*#__PURE__*/React.createElement(Animated.View, {
-    style: animatedStyles,
-    animatedProps: animatedProps
+  return /*#__PURE__*/React.createElement(SafeAreaView, {
+    style: transparent ? null : containerStyles,
+    edges: ['top']
   }, /*#__PURE__*/React.createElement(View, {
-    style: [styles.container, containerStyles]
+    style: [styles.container, transparent ? null : containerStyles]
   }, /*#__PURE__*/React.createElement(View, {
     style: styles.logoContainer
   }, /*#__PURE__*/React.createElement(CompanyLogo, {
     style: styles.logo
-  }), /*#__PURE__*/React.createElement(HMSRecordingIndicator, null)), /*#__PURE__*/React.createElement(View, {
+  }), /*#__PURE__*/React.createElement(HMSRecordingIndicator, null), /*#__PURE__*/React.createElement(HMSLiveIndicator, null)), showControls ? /*#__PURE__*/React.createElement(View, {
     style: styles.controls
-  }, isHLSViewer ? null : /*#__PURE__*/React.createElement(View, {
+  }, /*#__PURE__*/React.createElement(View, {
     style: styles.cameraRotationWrapper
-  }, /*#__PURE__*/React.createElement(HMSManageCameraRotation, null)), /*#__PURE__*/React.createElement(HMSManageAudioOutput, null))));
+  }, /*#__PURE__*/React.createElement(HMSManageCameraRotation, null)), /*#__PURE__*/React.createElement(HMSManageAudioOutput, null)) : null));
 };
 const styles = StyleSheet.create({
   container: {
-    paddingTop: 8,
-    paddingBottom: 16,
+    paddingTop: TOP_PADDING,
+    paddingBottom: BOTTOM_PADDING,
     paddingHorizontal: 16,
     flexDirection: 'row',
     alignItems: 'center',
@@ -66,103 +60,4 @@ const styles = StyleSheet.create({
   }
 });
 export const Header = /*#__PURE__*/memo(_Header);
-
-// export const _Header2 = ({
-//   isLeaveMenuOpen,
-//   setModalVisible,
-// }: {
-//   isLeaveMenuOpen: boolean;
-//   setModalVisible(modalType: ModalTypes, delay?: any): void;
-// }) => {
-//   // hooks
-//   const hmsInstance = useSelector((state: RootState) => state.user.hmsInstance);
-//   const room = useSelector((state: RootState) => state.hmsStates.room);
-//   const localPeer = useSelector(
-//     (state: RootState) => state.hmsStates.localPeer,
-//   );
-//   const roomCode = useSelector((state: RootState) => state.user.roomCode);
-//   const isScreenShared = useSelector(
-//     (state: RootState) => state.hmsStates.isLocalScreenShared,
-//   );
-//   const showLandscapeLayout = useShowLandscapeLayout();
-
-//   // constants
-//   const iconSize = 20;
-
-//   // functions
-
-//   return (
-//     <View
-//       style={[
-//         styles.iconTopWrapper,
-//         showLandscapeLayout ? styles.iconTopWrapperLandscape : null,
-//       ]}
-//     >
-//       <View
-//         style={[
-//           styles.iconTopSubWrapper,
-//           showLandscapeLayout ? styles.iconTopSubWrapperLandscape : null,
-//         ]}
-//       >
-//         {room?.hlsStreamingState?.running ? (
-//           <View>
-//             <View style={styles.liveTextContainer}>
-//               <View style={styles.liveStatus} />
-//               <Text style={styles.liveTimeText}>Live</Text>
-//             </View>
-//             {Array.isArray(room?.hlsStreamingState?.variants) ? (
-//               <RealTime
-//                 startedAt={room?.hlsStreamingState?.variants[0]?.startedAt}
-//               />
-//             ) : null}
-//           </View>
-//         ) : (
-//           <Text style={styles.headerName}>{roomCode}</Text>
-//         )}
-//       </View>
-//       <View
-//         style={[
-//           styles.iconTopSubWrapper,
-//           showLandscapeLayout ? styles.iconTopSubWrapperLandscape : null,
-//         ]}
-//       >
-//         {(room?.browserRecordingState?.running ||
-//           room?.hlsRecordingState?.running) && (
-//           <MaterialCommunityIcons
-//             name="record-circle-outline"
-//             style={
-//               showLandscapeLayout
-//                 ? styles.roomStatusLandscape
-//                 : styles.roomStatus
-//             }
-//             size={iconSize}
-//           />
-//         )}
-//         {(room?.hlsStreamingState?.running ||
-//           room?.rtmpHMSRtmpStreamingState?.running) && (
-//           <Ionicons
-//             name="globe-outline"
-//             style={
-//               showLandscapeLayout
-//                 ? styles.roomStatusLandscape
-//                 : styles.roomStatus
-//             }
-//             size={iconSize}
-//           />
-//         )}
-//         {isScreenShared && (
-//           <Feather
-//             name="copy"
-//             style={
-//               showLandscapeLayout
-//                 ? styles.roomStatusLandscape
-//                 : styles.roomStatus
-//             }
-//             size={iconSize}
-//           />
-//         )}
-//       </View>
-//     </View>
-//   );
-// };
 //# sourceMappingURL=Header.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","memo","View","StyleSheet","Animated","useAnimatedProps","useAnimatedStyle","HMSManageCameraRotation","useHMSRoomStyle","useIsHLSViewer","HMSManageAudioOutput","HMSRecordingIndicator","CompanyLogo","_Header","_ref","offset","isHLSViewer","animatedStyles","opacity","value","animatedProps","pointerEvents","containerStyles","theme","backgroundColor","palette","background_dim","createElement","style","styles","container","logoContainer","logo","controls","cameraRotationWrapper","create","paddingTop","paddingBottom","paddingHorizontal","flexDirection","alignItems","justifyContent","marginRight","marginLeft","Header"],"sourceRoot":"../../../src","sources":["components/Header.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AACnC,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,OAAOC,QAAQ,IACbC,gBAAgB,EAChBC,gBAAgB,QACX,yBAAyB;AAGhC,SAASC,uBAAuB,QAAQ,2BAA2B;AACnE,SAASC,eAAe,EAAEC,cAAc,QAAQ,eAAe;AAC/D,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,SAASC,qBAAqB,QAAQ,yBAAyB;AAC/D,SAASC,WAAW,QAAQ,eAAe;AAM3C,OAAO,MAAMC,OAA8B,GAAGC,IAAA,IAAgB;EAAA,IAAf;IAAEC;EAAO,CAAC,GAAAD,IAAA;EACvD,MAAME,WAAW,GAAGP,cAAc,CAAC,CAAC;EAEpC,MAAMQ,cAAc,GAAGX,gBAAgB,CAAC,MAAM;IAC5C,OAAO;MACLY,OAAO,EAAEH,MAAM,CAACI;MAChB;IACF,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,aAAa,GAAGf,gBAAgB,CAAC,MAElC;IACH,OAAO;MACLgB,aAAa,EAAEN,MAAM,CAACI,KAAK,KAAK,CAAC,GAAG,MAAM,GAAG;IAC/C,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMG,eAAe,GAAGd,eAAe,CAAEe,KAAK,KAAM;IAClDC,eAAe,EAAED,KAAK,CAACE,OAAO,CAACC;EACjC,CAAC,CAAC,CAAC;EAEH,oBACE1B,KAAA,CAAA2B,aAAA,CAACvB,QAAQ,CAACF,IAAI;IAAC0B,KAAK,EAAEX,cAAe;IAACG,aAAa,EAAEA;EAAc,gBACjEpB,KAAA,CAAA2B,aAAA,CAACzB,IAAI;IAAC0B,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAER,eAAe;EAAE,gBAC/CtB,KAAA,CAAA2B,aAAA,CAACzB,IAAI;IAAC0B,KAAK,EAAEC,MAAM,CAACE;EAAc,gBAChC/B,KAAA,CAAA2B,aAAA,CAACf,WAAW;IAACgB,KAAK,EAAEC,MAAM,CAACG;EAAK,CAAE,CAAC,eAEnChC,KAAA,CAAA2B,aAAA,CAAChB,qBAAqB,MAAE,CACpB,CAAC,eAEPX,KAAA,CAAA2B,aAAA,CAACzB,IAAI;IAAC0B,KAAK,EAAEC,MAAM,CAACI;EAAS,GAC1BjB,WAAW,GAAG,IAAI,gBACjBhB,KAAA,CAAA2B,aAAA,CAACzB,IAAI;IAAC0B,KAAK,EAAEC,MAAM,CAACK;EAAsB,gBACxClC,KAAA,CAAA2B,aAAA,CAACpB,uBAAuB,MAAE,CACtB,CACP,eAEDP,KAAA,CAAA2B,aAAA,CAACjB,oBAAoB,MAAE,CACnB,CACF,CACO,CAAC;AAEpB,CAAC;AAED,MAAMmB,MAAM,GAAG1B,UAAU,CAACgC,MAAM,CAAC;EAC/BL,SAAS,EAAE;IACTM,UAAU,EAAE,CAAC;IACbC,aAAa,EAAE,EAAE;IACjBC,iBAAiB,EAAE,EAAE;IACrBC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDV,aAAa,EAAE;IACbQ,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE;EACd,CAAC;EACDR,IAAI,EAAE;IACJU,WAAW,EAAE;EACf,CAAC;EACDT,QAAQ,EAAE;IACRM,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBG,UAAU,EAAE;EACd,CAAC;EACDT,qBAAqB,EAAE;IACrBQ,WAAW,EAAE;EACf;AACF,CAAC,CAAC;AAEF,OAAO,MAAME,MAAM,gBAAG3C,IAAI,CAACY,OAAO,CAAC;;AAEnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}
+{"version":3,"names":["React","memo","View","StyleSheet","SafeAreaView","HMSManageCameraRotation","useHMSRoomStyle","HMSManageAudioOutput","HMSRecordingIndicator","CompanyLogo","HMSLiveIndicator","TOP_PADDING","BOTTOM_PADDING","CONTENT_HEIGHT","HEADER_HEIGHT","_Header","_ref","transparent","showControls","containerStyles","theme","backgroundColor","palette","background_dim","createElement","style","edges","styles","container","logoContainer","logo","controls","cameraRotationWrapper","create","paddingTop","paddingBottom","paddingHorizontal","flexDirection","alignItems","justifyContent","marginRight","marginLeft","Header"],"sourceRoot":"../../../src","sources":["components/Header.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AACnC,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,SAASC,YAAY,QAAQ,gCAAgC;AAE7D,SAASC,uBAAuB,QAAQ,2BAA2B;AACnE,SAASC,eAAe,QAAQ,eAAe;AAC/C,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,SAASC,qBAAqB,QAAQ,yBAAyB;AAC/D,SAASC,WAAW,QAAQ,eAAe;AAC3C,SAASC,gBAAgB,QAAQ,oBAAoB;AAOrD,MAAMC,WAAW,GAAG,CAAC;AACrB,MAAMC,cAAc,GAAG,EAAE;AACzB,MAAMC,cAAc,GAAG,EAAE;AACzB,OAAO,MAAMC,aAAa,GAAGH,WAAW,GAAGE,cAAc,GAAGD,cAAc;AAE1E,OAAO,MAAMG,OAA8B,GAAGC,IAAA,IAGxC;EAAA,IAHyC;IAC7CC,WAAW,GAAG,KAAK;IACnBC,YAAY,GAAG;EACjB,CAAC,GAAAF,IAAA;EACC,MAAMG,eAAe,GAAGb,eAAe,CAAEc,KAAK,KAAM;IAClDC,eAAe,EAAED,KAAK,CAACE,OAAO,CAACC;EACjC,CAAC,CAAC,CAAC;EAEH,oBACEvB,KAAA,CAAAwB,aAAA,CAACpB,YAAY;IAACqB,KAAK,EAAER,WAAW,GAAG,IAAI,GAAGE,eAAgB;IAACO,KAAK,EAAE,CAAC,KAAK;EAAE,gBACxE1B,KAAA,CAAAwB,aAAA,CAACtB,IAAI;IAACuB,KAAK,EAAE,CAACE,MAAM,CAACC,SAAS,EAAEX,WAAW,GAAG,IAAI,GAAGE,eAAe;EAAE,gBACpEnB,KAAA,CAAAwB,aAAA,CAACtB,IAAI;IAACuB,KAAK,EAAEE,MAAM,CAACE;EAAc,gBAChC7B,KAAA,CAAAwB,aAAA,CAACf,WAAW;IAACgB,KAAK,EAAEE,MAAM,CAACG;EAAK,CAAE,CAAC,eAEnC9B,KAAA,CAAAwB,aAAA,CAAChB,qBAAqB,MAAE,CAAC,eAEzBR,KAAA,CAAAwB,aAAA,CAACd,gBAAgB,MAAE,CACf,CAAC,EAENQ,YAAY,gBACXlB,KAAA,CAAAwB,aAAA,CAACtB,IAAI;IAACuB,KAAK,EAAEE,MAAM,CAACI;EAAS,gBAC3B/B,KAAA,CAAAwB,aAAA,CAACtB,IAAI;IAACuB,KAAK,EAAEE,MAAM,CAACK;EAAsB,gBACxChC,KAAA,CAAAwB,aAAA,CAACnB,uBAAuB,MAAE,CACtB,CAAC,eAEPL,KAAA,CAAAwB,aAAA,CAACjB,oBAAoB,MAAE,CACnB,CAAC,GACL,IACA,CACM,CAAC;AAEnB,CAAC;AAED,MAAMoB,MAAM,GAAGxB,UAAU,CAAC8B,MAAM,CAAC;EAC/BL,SAAS,EAAE;IACTM,UAAU,EAAEvB,WAAW;IACvBwB,aAAa,EAAEvB,cAAc;IAC7BwB,iBAAiB,EAAE,EAAE;IACrBC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDV,aAAa,EAAE;IACbQ,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE;EACd,CAAC;EACDR,IAAI,EAAE;IACJU,WAAW,EAAE;EACf,CAAC;EACDT,QAAQ,EAAE;IACRM,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBG,UAAU,EAAE;EACd,CAAC;EACDT,qBAAqB,EAAE;IACrBQ,WAAW,EAAE;EACf;AACF,CAAC,CAAC;AAEF,OAAO,MAAME,MAAM,gBAAGzC,IAAI,CAACc,OAAO,CAAC"}

package/lib/module/components/LocalPeerScreenshareView.js

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { StyleSheet, Text, View } from 'react-native';
-import MaterialCommunityIcons from 'react-native-vector-icons/MaterialCommunityIcons';
 import { CustomButton } from './CustomButton';
 import { useHMSActions } from '../hooks-sdk';
 import { COLORS } from '../utils/theme';
@@ -11,11 +10,7 @@ export const LocalPeerScreenshareView = () => {
   };
   return /*#__PURE__*/React.createElement(View, {
     style: styles.container
-  }, /*#__PURE__*/React.createElement(MaterialCommunityIcons, {
-    name: "monitor-share",
-    style: styles.icon,
-    size: 48
-  }), /*#__PURE__*/React.createElement(Text, {
+  }, /*#__PURE__*/React.createElement(Text, {
     style: styles.text
   }, "You are sharing your screen"), /*#__PURE__*/React.createElement(CustomButton, {
     title: "X   Stop Screenshare",