@100mslive/react-native-room-kit 0.0.2 → 0.0.3

package/lib/module/Icons/GenericLogo/index.js

@@ -0,0 +1,22 @@
+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 React from 'react';
+import { Image, StyleSheet } from 'react-native';
+export const GenericLogoIcon = _ref => {
+  let {
+    style,
+    ...restProps
+  } = _ref;
+  return /*#__PURE__*/React.createElement(Image, _extends({
+    source: require('./assets/generic-logo.png'),
+    style: [styles.icon, style]
+  }, restProps));
+};
+const styles = StyleSheet.create({
+  icon: {
+    width: 30,
+    height: 30,
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
+//# sourceMappingURL=index.js.map

package/lib/module/Icons/GenericLogo/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Image","StyleSheet","GenericLogoIcon","_ref","style","restProps","createElement","_extends","source","require","styles","icon","create","width","height","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["Icons/GenericLogo/index.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,UAAU,QAAQ,cAAc;AAKhD,OAAO,MAAMC,eAA+C,GAAGC,IAAA,IAGzD;EAAA,IAH0D;IAC9DC,KAAK;IACL,GAAGC;EACL,CAAC,GAAAF,IAAA;EACC,oBACEJ,KAAA,CAAAO,aAAA,CAACN,KAAK,EAAAO,QAAA;IACJC,MAAM,EAAEC,OAAO,CAAC,2BAA2B,CAAE;IAC7CL,KAAK,EAAE,CAACM,MAAM,CAACC,IAAI,EAAEP,KAAK;EAAE,GACxBC,SAAS,CACd,CAAC;AAEN,CAAC;AAED,MAAMK,MAAM,GAAGT,UAAU,CAACW,MAAM,CAAC;EAC/BD,IAAI,EAAE;IACJE,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}

package/lib/module/Icons/Headphones/index.js

@@ -0,0 +1,22 @@
+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 React from 'react';
+import { Image, StyleSheet } from 'react-native';
+export const HeadphonesIcon = _ref => {
+  let {
+    style,
+    ...restProps
+  } = _ref;
+  return /*#__PURE__*/React.createElement(Image, _extends({
+    source: require('./assets/headphones.png'),
+    style: [styles.icon, style]
+  }, restProps));
+};
+const styles = StyleSheet.create({
+  icon: {
+    width: 24,
+    height: 24,
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
+//# sourceMappingURL=index.js.map

package/lib/module/Icons/Headphones/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Image","StyleSheet","HeadphonesIcon","_ref","style","restProps","createElement","_extends","source","require","styles","icon","create","width","height","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["Icons/Headphones/index.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,UAAU,QAAQ,cAAc;AAKhD,OAAO,MAAMC,cAA6C,GAAGC,IAAA,IAGvD;EAAA,IAHwD;IAC5DC,KAAK;IACL,GAAGC;EACL,CAAC,GAAAF,IAAA;EACC,oBACEJ,KAAA,CAAAO,aAAA,CAACN,KAAK,EAAAO,QAAA;IACJC,MAAM,EAAEC,OAAO,CAAC,yBAAyB,CAAE;IAC3CL,KAAK,EAAE,CAACM,MAAM,CAACC,IAAI,EAAEP,KAAK;EAAE,GACxBC,SAAS,CACd,CAAC;AAEN,CAAC;AAED,MAAMK,MAAM,GAAGT,UAAU,CAACW,MAAM,CAAC;EAC/BD,IAAI,EAAE;IACJE,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}

package/lib/module/Icons/Person/index.js

@@ -0,0 +1,22 @@
+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 React from 'react';
+import { Image, StyleSheet } from 'react-native';
+export const PersonIcon = _ref => {
+  let {
+    style,
+    ...restProps
+  } = _ref;
+  return /*#__PURE__*/React.createElement(Image, _extends({
+    source: require('./assets/person.png'),
+    style: [styles.icon, style]
+  }, restProps));
+};
+const styles = StyleSheet.create({
+  icon: {
+    width: 24,
+    height: 24,
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
+//# sourceMappingURL=index.js.map

package/lib/module/Icons/Person/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Image","StyleSheet","PersonIcon","_ref","style","restProps","createElement","_extends","source","require","styles","icon","create","width","height","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["Icons/Person/index.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,UAAU,QAAQ,cAAc;AAKhD,OAAO,MAAMC,UAAqC,GAAGC,IAAA,IAG/C;EAAA,IAHgD;IACpDC,KAAK;IACL,GAAGC;EACL,CAAC,GAAAF,IAAA;EACC,oBACEJ,KAAA,CAAAO,aAAA,CAACN,KAAK,EAAAO,QAAA;IACJC,MAAM,EAAEC,OAAO,CAAC,qBAAqB,CAAE;IACvCL,KAAK,EAAE,CAACM,MAAM,CAACC,IAAI,EAAEP,KAAK;EAAE,GACxBC,SAAS,CACd,CAAC;AAEN,CAAC;AAED,MAAMK,MAAM,GAAGT,UAAU,CAACW,MAAM,CAAC;EAC/BD,IAAI,EAAE;IACJE,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}

package/lib/module/Icons/Speaker/index.js

@@ -3,13 +3,14 @@ import React from 'react';
 import { Image, StyleSheet } from 'react-native';
 export const SpeakerIcon = _ref => {
   let {
+    size = 'normal',
     muted,
     style,
     ...restProps
   } = _ref;
   return /*#__PURE__*/React.createElement(Image, _extends({
-    source: muted ? require('./assets/speaker-muted.png') : require('./assets/speaker.png'),
-    style: [styles.icon, style]
+    source: muted ? require('./assets/speaker-muted.png') : size === 'normal' ? require('./assets/speaker.png') : require('./assets/speaker-large.png'),
+    style: [styles.icon, style, size === 'large' ? styles.large : null]
   }, restProps));
 };
 const styles = StyleSheet.create({
@@ -18,6 +19,10 @@ const styles = StyleSheet.create({
     height: 24,
     alignItems: 'center',
     justifyContent: 'center'
+  },
+  large: {
+    width: 32,
+    height: 32
   }
 });
 //# sourceMappingURL=index.js.map

package/lib/module/Icons/Speaker/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Image","StyleSheet","SpeakerIcon","_ref","muted","style","restProps","createElement","_extends","source","require","styles","icon","create","width","height","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["Icons/Speaker/index.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,UAAU,QAAQ,cAAc;AAOhD,OAAO,MAAMC,WAAuC,GAAGC,IAAA,IAIjD;EAAA,IAJkD;IACtDC,KAAK;IACLC,KAAK;IACL,GAAGC;EACL,CAAC,GAAAH,IAAA;EACC,oBACEJ,KAAA,CAAAQ,aAAA,CAACP,KAAK,EAAAQ,QAAA;IACJC,MAAM,EACJL,KAAK,GACDM,OAAO,CAAC,4BAA4B,CAAC,GACrCA,OAAO,CAAC,sBAAsB,CACnC;IACDL,KAAK,EAAE,CAACM,MAAM,CAACC,IAAI,EAAEP,KAAK;EAAE,GACxBC,SAAS,CACd,CAAC;AAEN,CAAC;AAED,MAAMK,MAAM,GAAGV,UAAU,CAACY,MAAM,CAAC;EAC/BD,IAAI,EAAE;IACJE,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}
+{"version":3,"names":["React","Image","StyleSheet","SpeakerIcon","_ref","size","muted","style","restProps","createElement","_extends","source","require","styles","icon","large","create","width","height","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["Icons/Speaker/index.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,UAAU,QAAQ,cAAc;AAQhD,OAAO,MAAMC,WAAuC,GAAGC,IAAA,IAKjD;EAAA,IALkD;IACtDC,IAAI,GAAG,QAAQ;IACfC,KAAK;IACLC,KAAK;IACL,GAAGC;EACL,CAAC,GAAAJ,IAAA;EACC,oBACEJ,KAAA,CAAAS,aAAA,CAACR,KAAK,EAAAS,QAAA;IACJC,MAAM,EACJL,KAAK,GACDM,OAAO,CAAC,4BAA4B,CAAC,GACrCP,IAAI,KAAK,QAAQ,GACjBO,OAAO,CAAC,sBAAsB,CAAC,GAC/BA,OAAO,CAAC,4BAA4B,CACzC;IACDL,KAAK,EAAE,CAACM,MAAM,CAACC,IAAI,EAAEP,KAAK,EAAEF,IAAI,KAAK,OAAO,GAAGQ,MAAM,CAACE,KAAK,GAAG,IAAI;EAAE,GAChEP,SAAS,CACd,CAAC;AAEN,CAAC;AAED,MAAMK,MAAM,GAAGX,UAAU,CAACc,MAAM,CAAC;EAC/BF,IAAI,EAAE;IACJG,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDL,KAAK,EAAE;IACLE,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV;AACF,CAAC,CAAC"}

package/lib/module/Icons/Wave/index.js

@@ -0,0 +1,22 @@
+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 React from 'react';
+import { Image, StyleSheet } from 'react-native';
+export const WaveIcon = _ref => {
+  let {
+    style,
+    ...restProps
+  } = _ref;
+  return /*#__PURE__*/React.createElement(Image, _extends({
+    source: require('./assets/wave.png'),
+    style: [styles.icon, style]
+  }, restProps));
+};
+const styles = StyleSheet.create({
+  icon: {
+    width: 24,
+    height: 24,
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
+//# sourceMappingURL=index.js.map

package/lib/module/Icons/Wave/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Image","StyleSheet","WaveIcon","_ref","style","restProps","createElement","_extends","source","require","styles","icon","create","width","height","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["Icons/Wave/index.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,UAAU,QAAQ,cAAc;AAKhD,OAAO,MAAMC,QAAiC,GAAGC,IAAA,IAA6B;EAAA,IAA5B;IAAEC,KAAK;IAAE,GAAGC;EAAU,CAAC,GAAAF,IAAA;EACvE,oBACEJ,KAAA,CAAAO,aAAA,CAACN,KAAK,EAAAO,QAAA;IACJC,MAAM,EAAEC,OAAO,CAAC,mBAAmB,CAAE;IACrCL,KAAK,EAAE,CAACM,MAAM,CAACC,IAAI,EAAEP,KAAK;EAAE,GACxBC,SAAS,CACd,CAAC;AAEN,CAAC;AAED,MAAMK,MAAM,GAAGT,UAAU,CAACW,MAAM,CAAC;EAC/BD,IAAI,EAAE;IACJE,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}

package/lib/module/Icons/index.js

@@ -17,4 +17,10 @@ export * from './Clock';
 export * from './End';
 export * from './100ms';
 export * from './Hand';
+export * from './Person';
+export * from './AnswerPhone';
+export * from './Bluetooth';
+export * from './Headphones';
+export * from './Wave';
+export * from './GenericLogo';
 //# sourceMappingURL=index.js.map

package/lib/module/Icons/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../../src","sources":["Icons/index.ts"],"mappings":"AAAA,cAAc,UAAU;AACxB,cAAc,WAAW;AACzB,cAAc,OAAO;AACrB,cAAc,gBAAgB;AAC9B,cAAc,gBAAgB;AAC9B,cAAc,YAAY;AAC1B,cAAc,kBAAkB;AAChC,cAAc,SAAS;AACvB,cAAc,WAAW;AACzB,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,aAAa;AAC3B,cAAc,eAAe;AAC7B,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,SAAS;AACvB,cAAc,OAAO;AACrB,cAAc,SAAS;AACvB,cAAc,QAAQ"}
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["Icons/index.ts"],"mappings":"AAAA,cAAc,UAAU;AACxB,cAAc,WAAW;AACzB,cAAc,OAAO;AACrB,cAAc,gBAAgB;AAC9B,cAAc,gBAAgB;AAC9B,cAAc,YAAY;AAC1B,cAAc,kBAAkB;AAChC,cAAc,SAAS;AACvB,cAAc,WAAW;AACzB,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,aAAa;AAC3B,cAAc,eAAe;AAC7B,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,SAAS;AACvB,cAAc,OAAO;AACrB,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,UAAU;AACxB,cAAc,eAAe;AAC7B,cAAc,aAAa;AAC3B,cAAc,cAAc;AAC5B,cAAc,QAAQ;AACtB,cAAc,eAAe"}

package/lib/module/components/BackButton.js

@@ -26,7 +26,7 @@ export const BackButton = () => {
 const styles = StyleSheet.create({
   button: {
     marginTop: 16,
-    marginLeft: 8,
+    marginLeft: 16,
     backgroundColor: COLORS.SURFACE.DEFAULT
   }
 });

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

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","useNavigation","COLORS","PressableIcon","ChevronIcon","BackButton","navigation","canGoBack","handleGoBack","goBack","createElement","style","styles","button","rounded","border","onPress","direction","create","marginTop","marginLeft","backgroundColor","SURFACE","DEFAULT"],"sourceRoot":"../../../src","sources":["components/BackButton.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,aAAa,QAAQ,0BAA0B;AAExD,SAASC,MAAM,QAAQ,gBAAgB;AACvC,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,WAAW,QAAQ,UAAU;AAItC,OAAO,MAAMC,UAAqC,GAAGA,CAAA,KAAM;EACzD,MAAMC,UAAU,GAAGL,aAAa,CAAC,CAAC;EAElC,IAAI,CAACK,UAAU,CAACC,SAAS,CAAC,CAAC,EAAE;IAC3B,OAAO,IAAI;EACb;EAEA,MAAMC,YAAY,GAAGA,CAAA,KAAM;IACzB,IAAIF,UAAU,CAACC,SAAS,CAAC,CAAC,EAAE;MAC1BD,UAAU,CAACG,MAAM,CAAC,CAAC;IACrB;EACF,CAAC;EAED,oBACEV,KAAA,CAAAW,aAAA,CAACP,aAAa;IACZQ,KAAK,EAAEC,MAAM,CAACC,MAAO;IACrBC,OAAO,EAAE,IAAK;IACdC,MAAM,EAAE,KAAM;IACdC,OAAO,EAAER;EAAa,gBAEtBT,KAAA,CAAAW,aAAA,CAACN,WAAW;IAACa,SAAS,EAAC;EAAM,CAAE,CAClB,CAAC;AAEpB,CAAC;AAED,MAAML,MAAM,GAAGZ,UAAU,CAACkB,MAAM,CAAC;EAC/BL,MAAM,EAAE;IACNM,SAAS,EAAE,EAAE;IACbC,UAAU,EAAE,CAAC;IACbC,eAAe,EAAEnB,MAAM,CAACoB,OAAO,CAACC;EAClC;AACF,CAAC,CAAC"}
+{"version":3,"names":["React","StyleSheet","useNavigation","COLORS","PressableIcon","ChevronIcon","BackButton","navigation","canGoBack","handleGoBack","goBack","createElement","style","styles","button","rounded","border","onPress","direction","create","marginTop","marginLeft","backgroundColor","SURFACE","DEFAULT"],"sourceRoot":"../../../src","sources":["components/BackButton.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,aAAa,QAAQ,0BAA0B;AAExD,SAASC,MAAM,QAAQ,gBAAgB;AACvC,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,WAAW,QAAQ,UAAU;AAItC,OAAO,MAAMC,UAAqC,GAAGA,CAAA,KAAM;EACzD,MAAMC,UAAU,GAAGL,aAAa,CAAC,CAAC;EAElC,IAAI,CAACK,UAAU,CAACC,SAAS,CAAC,CAAC,EAAE;IAC3B,OAAO,IAAI;EACb;EAEA,MAAMC,YAAY,GAAGA,CAAA,KAAM;IACzB,IAAIF,UAAU,CAACC,SAAS,CAAC,CAAC,EAAE;MAC1BD,UAAU,CAACG,MAAM,CAAC,CAAC;IACrB;EACF,CAAC;EAED,oBACEV,KAAA,CAAAW,aAAA,CAACP,aAAa;IACZQ,KAAK,EAAEC,MAAM,CAACC,MAAO;IACrBC,OAAO,EAAE,IAAK;IACdC,MAAM,EAAE,KAAM;IACdC,OAAO,EAAER;EAAa,gBAEtBT,KAAA,CAAAW,aAAA,CAACN,WAAW;IAACa,SAAS,EAAC;EAAM,CAAE,CAClB,CAAC;AAEpB,CAAC;AAED,MAAML,MAAM,GAAGZ,UAAU,CAACkB,MAAM,CAAC;EAC/BL,MAAM,EAAE;IACNM,SAAS,EAAE,EAAE;IACbC,UAAU,EAAE,EAAE;IACdC,eAAe,EAAEnB,MAAM,CAACoB,OAAO,CAACC;EAClC;AACF,CAAC,CAAC"}

package/lib/module/components/HMSPreviewEditName.js

@@ -21,7 +21,7 @@ export const HMSPreviewEditName = () => {
     style: [styles.input, inputFocused ? styles.focusedInput : null],
     value: userName,
     onChangeText: handleNameChange,
-    placeholder: "Name",
+    placeholder: "Enter Name...",
     autoCapitalize: "words",
     autoCompleteType: "name",
     placeholderTextColor: COLORS.SURFACE.ON_SURFACE.LOW,

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

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","TextInput","useDispatch","useSelector","COLORS","changeUsername","useHMSConfig","HMSPreviewEditName","dispatch","clearConfig","userName","state","user","inputFocused","setInputFocused","useState","handleNameChange","name","handleInputFocus","handleInputBlur","createElement","style","styles","input","focusedInput","value","onChangeText","placeholder","autoCapitalize","autoCompleteType","placeholderTextColor","SURFACE","ON_SURFACE","LOW","selectionColor","HIGH","onFocus","onBlur","create","flex","textAlignVertical","backgroundColor","DEFAULT","paddingHorizontal","paddingVertical","borderRadius","color","fontSize","fontFamily","fontWeight","letterSpacing","borderWidth","borderColor","PRIMARY"],"sourceRoot":"../../../src","sources":["components/HMSPreviewEditName.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,SAAS,QAAQ,cAAc;AACpD,SAASC,WAAW,EAAEC,WAAW,QAAQ,aAAa;AAEtD,SAASC,MAAM,QAAQ,gBAAgB;AAEvC,SAASC,cAAc,QAAQ,kBAAkB;AACjD,SAASC,YAAY,QAAQ,eAAe;AAI5C,OAAO,MAAMC,kBAAqD,GAAGA,CAAA,KAAM;EACzE,MAAMC,QAAQ,GAAGN,WAAW,CAAC,CAAC;EAC9B,MAAM;IAAEO;EAAY,CAAC,GAAGH,YAAY,CAAC,CAAC;EACtC,MAAMI,QAAQ,GAAGP,WAAW,CAAEQ,KAAgB,IAAKA,KAAK,CAACC,IAAI,CAACF,QAAQ,CAAC;EACvE,MAAM,CAACG,YAAY,EAAEC,eAAe,CAAC,GAAGf,KAAK,CAACgB,QAAQ,CAAC,KAAK,CAAC;EAE7D,MAAMC,gBAAgB,GAAIC,IAAY,IAAK;IACzCT,QAAQ,CAACH,cAAc,CAACY,IAAI,CAAC,CAAC;IAC9BR,WAAW,CAAC,CAAC;EACf,CAAC;EAED,MAAMS,gBAAgB,GAAGA,CAAA,KAAMJ,eAAe,CAAC,IAAI,CAAC;EAEpD,MAAMK,eAAe,GAAGA,CAAA,KAAML,eAAe,CAAC,KAAK,CAAC;EAEpD,oBACEf,KAAA,CAAAqB,aAAA,CAACnB,SAAS;IACRoB,KAAK,EAAE,CAACC,MAAM,CAACC,KAAK,EAAEV,YAAY,GAAGS,MAAM,CAACE,YAAY,GAAG,IAAI,CAAE;IACjEC,KAAK,EAAEf,QAAS;IAChBgB,YAAY,EAAEV,gBAAiB;IAC/BW,WAAW,EAAC,MAAM;IAClBC,cAAc,EAAC,OAAO;IACtBC,gBAAgB,EAAC,MAAM;IACvBC,oBAAoB,EAAE1B,MAAM,CAAC2B,OAAO,CAACC,UAAU,CAACC,GAAI;IACpDC,cAAc,EAAE9B,MAAM,CAAC2B,OAAO,CAACC,UAAU,CAACG,IAAK;IAC/CC,OAAO,EAAElB,gBAAiB;IAC1BmB,MAAM,EAAElB;EAAgB,CACzB,CAAC;AAEN,CAAC;AAED,MAAMG,MAAM,GAAGtB,UAAU,CAACsC,MAAM,CAAC;EAC/Bf,KAAK,EAAE;IACLgB,IAAI,EAAE,CAAC;IACPC,iBAAiB,EAAE,QAAQ;IAC3BC,eAAe,EAAErC,MAAM,CAAC2B,OAAO,CAACW,OAAO;IACvCC,iBAAiB,EAAE,EAAE;IACrBC,eAAe,EAAE,EAAE;IACnBC,YAAY,EAAE,CAAC;IACfC,KAAK,EAAE1C,MAAM,CAAC2B,OAAO,CAACC,UAAU,CAACG,IAAI;IACrCY,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,OAAO;IACnBC,UAAU,EAAE,KAAK;IACjBC,aAAa,EAAE,GAAG;IAClBC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAEhD,MAAM,CAAC2B,OAAO,CAACW;EAC9B,CAAC;EACDlB,YAAY,EAAE;IACZ4B,WAAW,EAAEhD,MAAM,CAACiD,OAAO,CAACX,OAAO;IACnCS,WAAW,EAAE;EACf;AACF,CAAC,CAAC"}
+{"version":3,"names":["React","StyleSheet","TextInput","useDispatch","useSelector","COLORS","changeUsername","useHMSConfig","HMSPreviewEditName","dispatch","clearConfig","userName","state","user","inputFocused","setInputFocused","useState","handleNameChange","name","handleInputFocus","handleInputBlur","createElement","style","styles","input","focusedInput","value","onChangeText","placeholder","autoCapitalize","autoCompleteType","placeholderTextColor","SURFACE","ON_SURFACE","LOW","selectionColor","HIGH","onFocus","onBlur","create","flex","textAlignVertical","backgroundColor","DEFAULT","paddingHorizontal","paddingVertical","borderRadius","color","fontSize","fontFamily","fontWeight","letterSpacing","borderWidth","borderColor","PRIMARY"],"sourceRoot":"../../../src","sources":["components/HMSPreviewEditName.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,SAAS,QAAQ,cAAc;AACpD,SAASC,WAAW,EAAEC,WAAW,QAAQ,aAAa;AAEtD,SAASC,MAAM,QAAQ,gBAAgB;AAEvC,SAASC,cAAc,QAAQ,kBAAkB;AACjD,SAASC,YAAY,QAAQ,eAAe;AAI5C,OAAO,MAAMC,kBAAqD,GAAGA,CAAA,KAAM;EACzE,MAAMC,QAAQ,GAAGN,WAAW,CAAC,CAAC;EAC9B,MAAM;IAAEO;EAAY,CAAC,GAAGH,YAAY,CAAC,CAAC;EACtC,MAAMI,QAAQ,GAAGP,WAAW,CAAEQ,KAAgB,IAAKA,KAAK,CAACC,IAAI,CAACF,QAAQ,CAAC;EACvE,MAAM,CAACG,YAAY,EAAEC,eAAe,CAAC,GAAGf,KAAK,CAACgB,QAAQ,CAAC,KAAK,CAAC;EAE7D,MAAMC,gBAAgB,GAAIC,IAAY,IAAK;IACzCT,QAAQ,CAACH,cAAc,CAACY,IAAI,CAAC,CAAC;IAC9BR,WAAW,CAAC,CAAC;EACf,CAAC;EAED,MAAMS,gBAAgB,GAAGA,CAAA,KAAMJ,eAAe,CAAC,IAAI,CAAC;EAEpD,MAAMK,eAAe,GAAGA,CAAA,KAAML,eAAe,CAAC,KAAK,CAAC;EAEpD,oBACEf,KAAA,CAAAqB,aAAA,CAACnB,SAAS;IACRoB,KAAK,EAAE,CAACC,MAAM,CAACC,KAAK,EAAEV,YAAY,GAAGS,MAAM,CAACE,YAAY,GAAG,IAAI,CAAE;IACjEC,KAAK,EAAEf,QAAS;IAChBgB,YAAY,EAAEV,gBAAiB;IAC/BW,WAAW,EAAC,eAAe;IAC3BC,cAAc,EAAC,OAAO;IACtBC,gBAAgB,EAAC,MAAM;IACvBC,oBAAoB,EAAE1B,MAAM,CAAC2B,OAAO,CAACC,UAAU,CAACC,GAAI;IACpDC,cAAc,EAAE9B,MAAM,CAAC2B,OAAO,CAACC,UAAU,CAACG,IAAK;IAC/CC,OAAO,EAAElB,gBAAiB;IAC1BmB,MAAM,EAAElB;EAAgB,CACzB,CAAC;AAEN,CAAC;AAED,MAAMG,MAAM,GAAGtB,UAAU,CAACsC,MAAM,CAAC;EAC/Bf,KAAK,EAAE;IACLgB,IAAI,EAAE,CAAC;IACPC,iBAAiB,EAAE,QAAQ;IAC3BC,eAAe,EAAErC,MAAM,CAAC2B,OAAO,CAACW,OAAO;IACvCC,iBAAiB,EAAE,EAAE;IACrBC,eAAe,EAAE,EAAE;IACnBC,YAAY,EAAE,CAAC;IACfC,KAAK,EAAE1C,MAAM,CAAC2B,OAAO,CAACC,UAAU,CAACG,IAAI;IACrCY,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,OAAO;IACnBC,UAAU,EAAE,KAAK;IACjBC,aAAa,EAAE,GAAG;IAClBC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAEhD,MAAM,CAAC2B,OAAO,CAACW;EAC9B,CAAC;EACDlB,YAAY,EAAE;IACZ4B,WAAW,EAAEhD,MAAM,CAACiD,OAAO,CAACX,OAAO;IACnCS,WAAW,EAAE;EACf;AACF,CAAC,CAAC"}

package/lib/module/components/HMSPreviewJoinButton.js

@@ -1,16 +1,21 @@
 import * as React from 'react';
 import { ActivityIndicator, StyleSheet, Text, TouchableHighlight } from 'react-native';
+import { useSelector } from 'react-redux';
 import { COLORS } from '../utils/theme';
 export const HMSPreviewJoinButton = _ref => {
   let {
     loading,
     onJoin
   } = _ref;
+  const userNameInvalid = useSelector(state => state.user.userName.length <= 0);
+  const disabledJoin = userNameInvalid || loading;
   return /*#__PURE__*/React.createElement(TouchableHighlight, {
     underlayColor: COLORS.PRIMARY.DARK,
-    style: styles.button,
+    style: [styles.button, disabledJoin ? {
+      backgroundColor: COLORS.PRIMARY.DISABLED
+    } : null],
     onPress: onJoin,
-    disabled: loading
+    disabled: disabledJoin
   }, /*#__PURE__*/React.createElement(React.Fragment, null, loading ? /*#__PURE__*/React.createElement(ActivityIndicator, {
     size: 'small',
     color: COLORS.BASE.WHITE,
@@ -18,8 +23,10 @@ export const HMSPreviewJoinButton = _ref => {
   }) : null, /*#__PURE__*/React.createElement(Text, {
     style: [styles.text, {
       opacity: loading ? 0 : undefined
-    }]
-  }, 'Join')));
+    }, disabledJoin ? {
+      color: COLORS.PRIMARY.ON_PRIMARY.LOW
+    } : null]
+  }, "Join Now")));
 };
 const styles = StyleSheet.create({
   button: {

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

@@ -1 +1 @@
-{"version":3,"names":["React","ActivityIndicator","StyleSheet","Text","TouchableHighlight","COLORS","HMSPreviewJoinButton","_ref","loading","onJoin","createElement","underlayColor","PRIMARY","DARK","style","styles","button","onPress","disabled","Fragment","size","color","BASE","WHITE","loader","text","opacity","undefined","create","paddingHorizontal","paddingVertical","borderRadius","backgroundColor","DEFAULT","marginLeft","alignItems","justifyContent","fontSize","fontFamily","fontWeight","lineHeight","letterSpacing","marginHorizontal","position"],"sourceRoot":"../../../src","sources":["components/HMSPreviewJoinButton.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SACEC,iBAAiB,EACjBC,UAAU,EACVC,IAAI,EACJC,kBAAkB,QACb,cAAc;AAErB,SAASC,MAAM,QAAQ,gBAAgB;AAOvC,OAAO,MAAMC,oBAAyD,GAAGC,IAAA,IAGnE;EAAA,IAHoE;IACxEC,OAAO;IACPC;EACF,CAAC,GAAAF,IAAA;EACC,oBACEP,KAAA,CAAAU,aAAA,CAACN,kBAAkB;IACjBO,aAAa,EAAEN,MAAM,CAACO,OAAO,CAACC,IAAK;IACnCC,KAAK,EAAEC,MAAM,CAACC,MAAO;IACrBC,OAAO,EAAER,MAAO;IAChBS,QAAQ,EAAEV;EAAQ,gBAElBR,KAAA,CAAAU,aAAA,CAAAV,KAAA,CAAAmB,QAAA,QACGX,OAAO,gBACNR,KAAA,CAAAU,aAAA,CAACT,iBAAiB;IAChBmB,IAAI,EAAE,OAAQ;IACdC,KAAK,EAAEhB,MAAM,CAACiB,IAAI,CAACC,KAAM;IACzBT,KAAK,EAAEC,MAAM,CAACS;EAAO,CACtB,CAAC,GACA,IAAI,eAERxB,KAAA,CAAAU,aAAA,CAACP,IAAI;IAACW,KAAK,EAAE,CAACC,MAAM,CAACU,IAAI,EAAE;MAAEC,OAAO,EAAElB,OAAO,GAAG,CAAC,GAAGmB;IAAU,CAAC;EAAE,GAC9D,MACG,CACN,CACgB,CAAC;AAEzB,CAAC;AAED,MAAMZ,MAAM,GAAGb,UAAU,CAAC0B,MAAM,CAAC;EAC/BZ,MAAM,EAAE;IACNa,iBAAiB,EAAE,EAAE;IACrBC,eAAe,EAAE,CAAC;IAClBC,YAAY,EAAE,CAAC;IACfC,eAAe,EAAE3B,MAAM,CAACO,OAAO,CAACqB,OAAO;IACvCC,UAAU,EAAE,EAAE;IACdC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDX,IAAI,EAAE;IACJJ,KAAK,EAAEhB,MAAM,CAACiB,IAAI,CAACC,KAAK;IACxBc,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,OAAO;IACnBC,UAAU,EAAE,KAAK;IACjBC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE,GAAG;IAClBC,gBAAgB,EAAE;EACpB,CAAC;EACDlB,MAAM,EAAE;IAAEmB,QAAQ,EAAE;EAAW;AACjC,CAAC,CAAC"}
+{"version":3,"names":["React","ActivityIndicator","StyleSheet","Text","TouchableHighlight","useSelector","COLORS","HMSPreviewJoinButton","_ref","loading","onJoin","userNameInvalid","state","user","userName","length","disabledJoin","createElement","underlayColor","PRIMARY","DARK","style","styles","button","backgroundColor","DISABLED","onPress","disabled","Fragment","size","color","BASE","WHITE","loader","text","opacity","undefined","ON_PRIMARY","LOW","create","paddingHorizontal","paddingVertical","borderRadius","DEFAULT","marginLeft","alignItems","justifyContent","fontSize","fontFamily","fontWeight","lineHeight","letterSpacing","marginHorizontal","position"],"sourceRoot":"../../../src","sources":["components/HMSPreviewJoinButton.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SACEC,iBAAiB,EACjBC,UAAU,EACVC,IAAI,EACJC,kBAAkB,QACb,cAAc;AACrB,SAASC,WAAW,QAAQ,aAAa;AAEzC,SAASC,MAAM,QAAQ,gBAAgB;AAQvC,OAAO,MAAMC,oBAAyD,GAAGC,IAAA,IAGnE;EAAA,IAHoE;IACxEC,OAAO;IACPC;EACF,CAAC,GAAAF,IAAA;EACC,MAAMG,eAAe,GAAGN,WAAW,CAChCO,KAAgB,IAAKA,KAAK,CAACC,IAAI,CAACC,QAAQ,CAACC,MAAM,IAAI,CACtD,CAAC;EAED,MAAMC,YAAY,GAAGL,eAAe,IAAIF,OAAO;EAE/C,oBACET,KAAA,CAAAiB,aAAA,CAACb,kBAAkB;IACjBc,aAAa,EAAEZ,MAAM,CAACa,OAAO,CAACC,IAAK;IACnCC,KAAK,EAAE,CACLC,MAAM,CAACC,MAAM,EACbP,YAAY,GAAG;MAAEQ,eAAe,EAAElB,MAAM,CAACa,OAAO,CAACM;IAAS,CAAC,GAAG,IAAI,CAClE;IACFC,OAAO,EAAEhB,MAAO;IAChBiB,QAAQ,EAAEX;EAAa,gBAEvBhB,KAAA,CAAAiB,aAAA,CAAAjB,KAAA,CAAA4B,QAAA,QACGnB,OAAO,gBACNT,KAAA,CAAAiB,aAAA,CAAChB,iBAAiB;IAChB4B,IAAI,EAAE,OAAQ;IACdC,KAAK,EAAExB,MAAM,CAACyB,IAAI,CAACC,KAAM;IACzBX,KAAK,EAAEC,MAAM,CAACW;EAAO,CACtB,CAAC,GACA,IAAI,eAERjC,KAAA,CAAAiB,aAAA,CAACd,IAAI;IACHkB,KAAK,EAAE,CACLC,MAAM,CAACY,IAAI,EACX;MAAEC,OAAO,EAAE1B,OAAO,GAAG,CAAC,GAAG2B;IAAU,CAAC,EACpCpB,YAAY,GAAG;MAAEc,KAAK,EAAExB,MAAM,CAACa,OAAO,CAACkB,UAAU,CAACC;IAAI,CAAC,GAAG,IAAI;EAC9D,GACH,UAEK,CACN,CACgB,CAAC;AAEzB,CAAC;AAED,MAAMhB,MAAM,GAAGpB,UAAU,CAACqC,MAAM,CAAC;EAC/BhB,MAAM,EAAE;IACNiB,iBAAiB,EAAE,EAAE;IACrBC,eAAe,EAAE,CAAC;IAClBC,YAAY,EAAE,CAAC;IACflB,eAAe,EAAElB,MAAM,CAACa,OAAO,CAACwB,OAAO;IACvCC,UAAU,EAAE,EAAE;IACdC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDZ,IAAI,EAAE;IACJJ,KAAK,EAAExB,MAAM,CAACyB,IAAI,CAACC,KAAK;IACxBe,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,OAAO;IACnBC,UAAU,EAAE,KAAK;IACjBC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE,GAAG;IAClBC,gBAAgB,EAAE;EACpB,CAAC;EACDnB,MAAM,EAAE;IAAEoB,QAAQ,EAAE;EAAW;AACjC,CAAC,CAAC"}

package/lib/module/components/HMSPreviewPeersList.js

@@ -1,48 +1,25 @@
 import * as React from 'react';
 import { StyleSheet, Text, View } from 'react-native';
+import { useSelector } from 'react-redux';
 import { COLORS } from '../utils/theme';
 import { ParticipantsIcon } from '../Icons';
 export const HMSPreviewPeersList = () => {
-  const [peerList, _setPeerList] = React.useState([]);
-
-  // TODO: Handle case when peer updates are received before this hook mounts
-  // It leads to some already joined peer missing in list
-  // useHMSPeerUpdates(
-  //   ({ peer, type }: { peer: HMSPeer; type: HMSPeerUpdate }) => {
-  //     switch (type) {
-  //       case HMSPeerUpdate.PEER_JOINED:
-  //         setPeerList((prevPeerList) => [...prevPeerList, peer]);
-  //         break;
-  //       case HMSPeerUpdate.PEER_LEFT:
-  //         setPeerList((prevPeerList) =>
-  //           prevPeerList.filter(
-  //             (peerFromList) => peerFromList.peerID !== peer.peerID
-  //           )
-  //         );
-  //         break;
-
-  //       default:
-  //         break;
-  //     }
-  //   },
-  //   []
-  // );
-
+  const previewPeersList = useSelector(state => state.hmsStates.previewPeersList);
   return /*#__PURE__*/React.createElement(View, {
     style: styles.container
-  }, peerList.length > 0 ? /*#__PURE__*/React.createElement(ParticipantsIcon, null) : null, peerList.length === 0 ? /*#__PURE__*/React.createElement(Text, {
+  }, previewPeersList.length > 0 ? /*#__PURE__*/React.createElement(ParticipantsIcon, null) : null, previewPeersList.length === 0 ? /*#__PURE__*/React.createElement(Text, {
     style: [styles.text, styles.textSpacer]
-  }, "You are the first to join") : peerList.length === 1 ? /*#__PURE__*/React.createElement(Text, {
+  }, "You are the first to join") : previewPeersList.length === 1 ? /*#__PURE__*/React.createElement(Text, {
     style: [styles.text, styles.textSpacer]
-  }, peerList[0].name, " has joined") : /*#__PURE__*/React.createElement(View, {
+  }, previewPeersList[0].name, " has joined") : /*#__PURE__*/React.createElement(View, {
     style: styles.multiTextContainer
   }, /*#__PURE__*/React.createElement(Text, {
     style: [styles.text, styles.flexView],
     ellipsizeMode: "tail",
     numberOfLines: 1
-  }, peerList.slice(0, 2).map(peer => peer.name).join(', ')), peerList.length - 2 > 0 ? /*#__PURE__*/React.createElement(Text, {
+  }, previewPeersList.slice(0, 2).map(peer => peer.name).join(', ')), previewPeersList.length - 2 > 0 ? /*#__PURE__*/React.createElement(Text, {
     style: styles.text
-  }, ' ', "+", peerList.length - 2, ' ', peerList.length - 2 > 1 ? 'others' : 'other') : null));
+  }, ' ', "+", previewPeersList.length - 2, ' ', previewPeersList.length - 2 > 1 ? 'others' : 'other') : null));
 };
 const styles = StyleSheet.create({
   container: {
@@ -50,7 +27,6 @@ const styles = StyleSheet.create({
     alignItems: 'center',
     backgroundColor: COLORS.SURFACE.DEFAULT,
     marginTop: 16,
-    marginBottom: 24,
     alignSelf: 'center',
     paddingVertical: 8,
     paddingHorizontal: 12,
@@ -69,7 +45,8 @@ const styles = StyleSheet.create({
     marginHorizontal: 8
   },
   flexView: {
-    flex: 1
+    flex: 1,
+    flexShrink: 1
   },
   multiTextContainer: {
     flexDirection: 'row',

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

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","Text","View","COLORS","ParticipantsIcon","HMSPreviewPeersList","peerList","_setPeerList","useState","createElement","style","styles","container","length","text","textSpacer","name","multiTextContainer","flexView","ellipsizeMode","numberOfLines","slice","map","peer","join","create","flexDirection","alignItems","backgroundColor","SURFACE","DEFAULT","marginTop","marginBottom","alignSelf","paddingVertical","paddingHorizontal","borderRadius","borderColor","BORDER","borderWidth","color","ON_SURFACE","HIGH","fontSize","fontFamily","fontWeight","lineHeight","marginHorizontal","flex","maxWidth"],"sourceRoot":"../../../src","sources":["components/HMSPreviewPeersList.tsx"],"mappings":"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"}
+{"version":3,"names":["React","StyleSheet","Text","View","useSelector","COLORS","ParticipantsIcon","HMSPreviewPeersList","previewPeersList","state","hmsStates","createElement","style","styles","container","length","text","textSpacer","name","multiTextContainer","flexView","ellipsizeMode","numberOfLines","slice","map","peer","join","create","flexDirection","alignItems","backgroundColor","SURFACE","DEFAULT","marginTop","alignSelf","paddingVertical","paddingHorizontal","borderRadius","borderColor","BORDER","borderWidth","color","ON_SURFACE","HIGH","fontSize","fontFamily","fontWeight","lineHeight","marginHorizontal","flex","flexShrink","maxWidth"],"sourceRoot":"../../../src","sources":["components/HMSPreviewPeersList.tsx"],"mappings":"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"}

package/lib/module/components/HMSPreviewSubtitle.js

@@ -11,7 +11,7 @@ export const HMSPreviewSubtitle = _ref => {
 };
 const styles = StyleSheet.create({
   title: {
-    color: COLORS.SURFACE.ON_SURFACE.LOW,
+    color: COLORS.SURFACE.ON_SURFACE.MEDIUM,
     fontSize: 14,
     fontFamily: 'Inter',
     fontWeight: '400',

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

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","Text","COLORS","HMSPreviewSubtitle","_ref","subtitle","createElement","style","styles","title","create","color","SURFACE","ON_SURFACE","LOW","fontSize","fontFamily","fontWeight","lineHeight","marginTop","textAlign"],"sourceRoot":"../../../src","sources":["components/HMSPreviewSubtitle.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAE/C,SAASC,MAAM,QAAQ,gBAAgB;AAMvC,OAAO,MAAMC,kBAAqD,GAAGC,IAAA,IAE/D;EAAA,IAFgE;IACpEC,QAAQ,GAAG;EACb,CAAC,GAAAD,IAAA;EACC,oBAAOL,KAAA,CAAAO,aAAA,CAACL,IAAI;IAACM,KAAK,EAAEC,MAAM,CAACC;EAAM,GAAEJ,QAAe,CAAC;AACrD,CAAC;AAED,MAAMG,MAAM,GAAGR,UAAU,CAACU,MAAM,CAAC;EAC/BD,KAAK,EAAE;IACLE,KAAK,EAAET,MAAM,CAACU,OAAO,CAACC,UAAU,CAACC,GAAG;IACpCC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,OAAO;IACnBC,UAAU,EAAE,KAAK;IACjBC,UAAU,EAAE,EAAE;IACdC,SAAS,EAAE,CAAC;IACZC,SAAS,EAAE;EACb;AACF,CAAC,CAAC"}
+{"version":3,"names":["React","StyleSheet","Text","COLORS","HMSPreviewSubtitle","_ref","subtitle","createElement","style","styles","title","create","color","SURFACE","ON_SURFACE","MEDIUM","fontSize","fontFamily","fontWeight","lineHeight","marginTop","textAlign"],"sourceRoot":"../../../src","sources":["components/HMSPreviewSubtitle.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAE/C,SAASC,MAAM,QAAQ,gBAAgB;AAMvC,OAAO,MAAMC,kBAAqD,GAAGC,IAAA,IAE/D;EAAA,IAFgE;IACpEC,QAAQ,GAAG;EACb,CAAC,GAAAD,IAAA;EACC,oBAAOL,KAAA,CAAAO,aAAA,CAACL,IAAI;IAACM,KAAK,EAAEC,MAAM,CAACC;EAAM,GAAEJ,QAAe,CAAC;AACrD,CAAC;AAED,MAAMG,MAAM,GAAGR,UAAU,CAACU,MAAM,CAAC;EAC/BD,KAAK,EAAE;IACLE,KAAK,EAAET,MAAM,CAACU,OAAO,CAACC,UAAU,CAACC,MAAM;IACvCC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,OAAO;IACnBC,UAAU,EAAE,KAAK;IACjBC,UAAU,EAAE,EAAE;IACdC,SAAS,EAAE,CAAC;IACZC,SAAS,EAAE;EACb;AACF,CAAC,CAAC"}

package/lib/module/components/HMSPreviewTile.js

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { useSelector } from 'react-redux';
 import { HMSVideoViewMode } from '@100mslive/react-native-hms';
 import { StyleSheet, Text, View } from 'react-native';
-import { MicIcon, NetworkQualityIcon } from '../Icons';
+import { PersonIcon } from '../Icons';
 import { useHMSInstance } from '../hooks-util';
 import { getInitials } from '../utils/functions';
 import { COLORS } from '../utils/theme';
@@ -12,15 +12,10 @@ export const HMSPreviewTile = () => {
   const mirrorCamera = useSelector(state => state.app.joinConfig.mirrorCamera);
   const autoSimulcast = useSelector(state => state.app.joinConfig.autoSimulcast);
   const isLocalVideoMuted = useSelector(state => state.hmsStates.isLocalVideoMuted);
-  const isLocalAudioMuted = useSelector(state => state.hmsStates.isLocalAudioMuted);
   const localVideoTrackId = useSelector(state => {
     var _state$hmsStates$loca;
     return (_state$hmsStates$loca = state.hmsStates.localPeer) === null || _state$hmsStates$loca === void 0 || (_state$hmsStates$loca = _state$hmsStates$loca.videoTrack) === null || _state$hmsStates$loca === void 0 ? void 0 : _state$hmsStates$loca.trackId;
   });
-  const localPeerNetworkQuality = useSelector(state => {
-    var _state$hmsStates$loca2;
-    return (_state$hmsStates$loca2 = state.hmsStates.localPeer) === null || _state$hmsStates$loca2 === void 0 || (_state$hmsStates$loca2 = _state$hmsStates$loca2.networkQuality) === null || _state$hmsStates$loca2 === void 0 ? void 0 : _state$hmsStates$loca2.downlinkQuality;
-  });
   const userName = useSelector(state => state.user.userName);
   React.useEffect(() => {
     hmsInstance.enableNetworkQualityUpdates();
@@ -31,57 +26,30 @@ export const HMSPreviewTile = () => {
   }, isLocalVideoMuted || !localVideoTrackId ? /*#__PURE__*/React.createElement(View, {
     style: styles.avatarContainer
   }, /*#__PURE__*/React.createElement(View, {
-    style: [styles.avatar, userName.length === 0 ? styles.emptyAvatar : null]
-  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.avatar
+  }, userName.length === 0 ? /*#__PURE__*/React.createElement(PersonIcon, {
+    style: styles.avatarIcon
+  }) : /*#__PURE__*/React.createElement(Text, {
     style: styles.avatarText
-  }, userName.length === 0 ? '👤' : getInitials(userName)))) : /*#__PURE__*/React.createElement(HmsView, {
+  }, getInitials(userName)))) : /*#__PURE__*/React.createElement(HmsView, {
     trackId: localVideoTrackId,
     key: localVideoTrackId,
     mirror: mirrorCamera,
     autoSimulcast: autoSimulcast,
     scaleType: HMSVideoViewMode.ASPECT_FILL,
     style: styles.hmsView
-  }), isLocalAudioMuted ? /*#__PURE__*/React.createElement(View, {
-    style: styles.micMuted
-  }, /*#__PURE__*/React.createElement(MicIcon, {
-    muted: true,
-    style: styles.micMutedIcon
-  })) : null, /*#__PURE__*/React.createElement(View, {
-    style: styles.nameInTileContainer
-  }, userName ? /*#__PURE__*/React.createElement(Text, {
-    style: styles.nameInTile
-  }, userName) : null, /*#__PURE__*/React.createElement(NetworkQualityIcon, {
-    quality: localPeerNetworkQuality
-  })));
+  }));
 };
 const styles = StyleSheet.create({
   modalContainer: {
     flex: 1,
     position: 'relative',
-    backgroundColor: COLORS.BACKGROUND.DEFAULT,
-    marginHorizontal: 8,
-    borderRadius: 16,
-    alignSelf: 'center',
-    overflow: 'hidden',
-    minWidth: '50%',
-    // minHeight: '50%',
-    aspectRatio: 377 / 482 // TODO: DO WE NEED THIS?
+    backgroundColor: COLORS.BACKGROUND.DIM,
+    overflow: 'hidden'
   },
-
   hmsView: {
     flex: 1
   },
-  micMuted: {
-    position: 'absolute',
-    top: 8,
-    right: 8,
-    backgroundColor: COLORS.ALERT.ERROR.DEFAULT,
-    padding: 8,
-    borderRadius: 12
-  },
-  micMutedIcon: {
-    tintColor: COLORS.ALERT.ERROR.BRIGHTER
-  },
   avatarContainer: {
     flex: 1,
     alignItems: 'center',
@@ -95,10 +63,10 @@ const styles = StyleSheet.create({
     justifyContent: 'center',
     alignItems: 'center'
   },
-  emptyAvatar: {
-    backgroundColor: '#C3D0E5' // TODO: use it from variable
+  avatarIcon: {
+    width: 40,
+    height: 40
   },
-
   avatarText: {
     color: COLORS.SURFACE.ON_SURFACE.HIGH,
     fontSize: 34,
@@ -106,24 +74,6 @@ const styles = StyleSheet.create({
     fontWeight: '600',
     lineHeight: 40,
     letterSpacing: 0.25
-  },
-  nameInTileContainer: {
-    position: 'absolute',
-    bottom: 8,
-    left: 8,
-    backgroundColor: COLORS.BACKGROUND.DIM_80,
-    padding: 8,
-    borderRadius: 12,
-    flexDirection: 'row'
-  },
-  nameInTile: {
-    color: COLORS.SURFACE.ON_SURFACE.HIGH,
-    fontSize: 14,
-    fontFamily: 'Inter',
-    fontWeight: '400',
-    lineHeight: 20,
-    letterSpacing: 0.25,
-    marginRight: 8
   }
 });
 //# sourceMappingURL=HMSPreviewTile.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useSelector","HMSVideoViewMode","StyleSheet","Text","View","MicIcon","NetworkQualityIcon","useHMSInstance","getInitials","COLORS","HMSPreviewTile","hmsInstance","HmsView","mirrorCamera","state","app","joinConfig","autoSimulcast","isLocalVideoMuted","hmsStates","isLocalAudioMuted","localVideoTrackId","_state$hmsStates$loca","localPeer","videoTrack","trackId","localPeerNetworkQuality","_state$hmsStates$loca2","networkQuality","downlinkQuality","userName","user","useEffect","enableNetworkQualityUpdates","disableNetworkQualityUpdates","createElement","style","styles","modalContainer","avatarContainer","avatar","length","emptyAvatar","avatarText","key","mirror","scaleType","ASPECT_FILL","hmsView","micMuted","muted","micMutedIcon","nameInTileContainer","nameInTile","quality","create","flex","position","backgroundColor","BACKGROUND","DEFAULT","marginHorizontal","borderRadius","alignSelf","overflow","minWidth","aspectRatio","top","right","ALERT","ERROR","padding","tintColor","BRIGHTER","alignItems","justifyContent","width","EXTENDED","PURPLE","color","SURFACE","ON_SURFACE","HIGH","fontSize","fontFamily","fontWeight","lineHeight","letterSpacing","bottom","left","DIM_80","flexDirection","marginRight"],"sourceRoot":"../../../src","sources":["components/HMSPreviewTile.tsx"],"mappings":"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"}
+{"version":3,"names":["React","useSelector","HMSVideoViewMode","StyleSheet","Text","View","PersonIcon","useHMSInstance","getInitials","COLORS","HMSPreviewTile","hmsInstance","HmsView","mirrorCamera","state","app","joinConfig","autoSimulcast","isLocalVideoMuted","hmsStates","localVideoTrackId","_state$hmsStates$loca","localPeer","videoTrack","trackId","userName","user","useEffect","enableNetworkQualityUpdates","disableNetworkQualityUpdates","createElement","style","styles","modalContainer","avatarContainer","avatar","length","avatarIcon","avatarText","key","mirror","scaleType","ASPECT_FILL","hmsView","create","flex","position","backgroundColor","BACKGROUND","DIM","overflow","alignItems","justifyContent","width","aspectRatio","EXTENDED","PURPLE","borderRadius","height","color","SURFACE","ON_SURFACE","HIGH","fontSize","fontFamily","fontWeight","lineHeight","letterSpacing"],"sourceRoot":"../../../src","sources":["components/HMSPreviewTile.tsx"],"mappings":"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"}

package/lib/module/components/HMSPreviewTitle.js

@@ -16,7 +16,6 @@ const styles = StyleSheet.create({
     fontFamily: 'Inter',
     fontWeight: '600',
     lineHeight: 32,
-    marginTop: 8,
     textAlign: 'center'
   }
 });

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

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","Text","COLORS","HMSPreviewTitle","_ref","title","createElement","style","styles","create","color","SURFACE","ON_SURFACE","HIGH","fontSize","fontFamily","fontWeight","lineHeight","marginTop","textAlign"],"sourceRoot":"../../../src","sources":["components/HMSPreviewTitle.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAE/C,SAASC,MAAM,QAAQ,gBAAgB;AAMvC,OAAO,MAAMC,eAA+C,GAAGC,IAAA,IAEzD;EAAA,IAF0D;IAC9DC,KAAK,GAAG;EACV,CAAC,GAAAD,IAAA;EACC,oBAAOL,KAAA,CAAAO,aAAA,CAACL,IAAI;IAACM,KAAK,EAAEC,MAAM,CAACH;EAAM,GAAEA,KAAY,CAAC;AAClD,CAAC;AAED,MAAMG,MAAM,GAAGR,UAAU,CAACS,MAAM,CAAC;EAC/BJ,KAAK,EAAE;IACLK,KAAK,EAAER,MAAM,CAACS,OAAO,CAACC,UAAU,CAACC,IAAI;IACrCC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,OAAO;IACnBC,UAAU,EAAE,KAAK;IACjBC,UAAU,EAAE,EAAE;IACdC,SAAS,EAAE,CAAC;IACZC,SAAS,EAAE;EACb;AACF,CAAC,CAAC"}
+{"version":3,"names":["React","StyleSheet","Text","COLORS","HMSPreviewTitle","_ref","title","createElement","style","styles","create","color","SURFACE","ON_SURFACE","HIGH","fontSize","fontFamily","fontWeight","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,MAAM,QAAQ,gBAAgB;AAMvC,OAAO,MAAMC,eAA+C,GAAGC,IAAA,IAEzD;EAAA,IAF0D;IAC9DC,KAAK,GAAG;EACV,CAAC,GAAAD,IAAA;EACC,oBAAOL,KAAA,CAAAO,aAAA,CAACL,IAAI;IAACM,KAAK,EAAEC,MAAM,CAACH;EAAM,GAAEA,KAAY,CAAC;AAClD,CAAC;AAED,MAAMG,MAAM,GAAGR,UAAU,CAACS,MAAM,CAAC;EAC/BJ,KAAK,EAAE;IACLK,KAAK,EAAER,MAAM,CAACS,OAAO,CAACC,UAAU,CAACC,IAAI;IACrCC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,OAAO;IACnBC,UAAU,EAAE,KAAK;IACjBC,UAAU,EAAE,EAAE;IACdC,SAAS,EAAE;EACb;AACF,CAAC,CAAC"}