@plusscommunities/pluss-circles-app-groups 8.0.5 → 8.0.6-beta.0

package/dist/module/components/chat/KioskPeoplePage.js

@@ -1,23 +1,23 @@
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import React, { Component } from 'react';
-import { connect } from 'react-redux';
-import { View, Text, SectionList } from 'react-native';
-import { withNavigationFocus } from '@plusscommunities/pluss-core-app';
-import _ from 'lodash';
-import moment from 'moment';
-import { userActions } from '../../webapi';
-import { getSite, TEXT_DARKEST, getMainBrandingColourFromState, getShadowStyle } from '../../js';
-import NavigationService from '../../js/NavigationService';
-import { Header, ProfilePic, GenericInput } from '../common';
+import React, { Component } from "react";
+import { connect } from "react-redux";
+import { View, Text, SectionList } from "react-native";
+import { withNavigationFocus } from "@plusscommunities/pluss-core-app";
+import _ from "lodash";
+import moment from "moment";
+import { userActions } from "../../webapi";
+import { getSite, TEXT_DARKEST, getMainBrandingColourFromState, getShadowStyle } from "../../js";
+import NavigationService from "../../js/NavigationService";
+import { Header, ProfilePic, GenericInput } from "../common";
 class KioskPeoplePage extends Component {
   constructor(...args) {
     super(...args);
     _defineProperty(this, "state", {
       source: [],
       results: [],
-      searchInput: '',
+      searchInput: "",
       lastSearchKey: 0,
       isHomeTab: false
     });
@@ -62,7 +62,7 @@ class KioskPeoplePage extends Component {
     });
     sortedList.forEach(u => {
       const firstLetter = u.displayName[0].toUpperCase();
-      if (u.category === 'resident') {
+      if (u.category === "resident") {
         if (!newResidents[firstLetter]) {
           newResidents[firstLetter] = {
             Key: `R${firstLetter}`,
@@ -71,10 +71,10 @@ class KioskPeoplePage extends Component {
           };
         }
         if (Object.keys(newResidents).length === 1) {
-          newResidents[firstLetter].Title = 'Residents';
+          newResidents[firstLetter].Title = "Residents";
         }
         newResidents[firstLetter].data.push(u);
-      } else if (u.category === 'staff') {
+      } else if (u.category === "staff") {
         if (!newStaff[firstLetter]) {
           newStaff[firstLetter] = {
             Key: `S${firstLetter}`,
@@ -83,7 +83,7 @@ class KioskPeoplePage extends Component {
           };
         }
         if (Object.keys(newStaff).length === 1) {
-          newStaff[firstLetter].Title = 'Staff';
+          newStaff[firstLetter].Title = "Staff";
         }
         newStaff[firstLetter].data.push(u);
       }
@@ -97,7 +97,7 @@ class KioskPeoplePage extends Component {
     if (!this.state.isHomeTab) return /*#__PURE__*/React.createElement(Header, {
       leftIcon: "angle-left",
       onPressLeft: this.onPressBack,
-      text: 'People'
+      text: "People"
     });
     return /*#__PURE__*/React.createElement(Header, {
       centerContent: /*#__PURE__*/React.createElement(GenericInput, {
@@ -105,9 +105,10 @@ class KioskPeoplePage extends Component {
         icon: "Ellipse",
         iconType: "pl60",
         placeholder: `Search people`,
+        ref: "searchText",
         hasClear: true,
         onClear: () => {
-          this.onChangeText('');
+          this.onChangeText("");
         },
         onChangeText: value => {
           this.onChangeText(value);
@@ -218,12 +219,12 @@ class KioskPeoplePage extends Component {
 const styles = {
   pageContainer: {
     flex: 1,
-    position: 'relative',
-    backgroundColor: '#fff'
+    position: "relative",
+    backgroundColor: "#fff"
   },
   row: {
-    width: '100%',
-    flexDirection: 'row'
+    width: "100%",
+    flexDirection: "row"
   },
   column: {
     flex: 1
@@ -231,7 +232,7 @@ const styles = {
   peopleTitle: {
     padding: 24,
     paddingBottom: 12,
-    fontFamily: 'sf-bold',
+    fontFamily: "sf-bold",
     color: TEXT_DARKEST,
     fontSize: 24
   },
@@ -239,7 +240,7 @@ const styles = {
     padding: 24
   },
   sectionTitle: {
-    fontFamily: 'sf-medium',
+    fontFamily: "sf-medium",
     color: TEXT_DARKEST,
     fontSize: 20,
     paddingTop: 24,
@@ -252,19 +253,19 @@ const styles = {
     width: 22,
     height: 22,
     borderRadius: 11,
-    alignItems: 'center',
-    justifyContent: 'center',
+    alignItems: "center",
+    justifyContent: "center",
     marginLeft: 24
   },
   sectionLetterText: {
-    color: '#fff',
+    color: "#fff",
     fontSize: 12,
-    fontFamily: 'sf-semibold',
-    textAlign: 'center',
+    fontFamily: "sf-semibold",
+    textAlign: "center",
     lineHeight: 22
   },
   userContainer: {
-    width: '100%',
+    width: "100%",
     height: 140,
     marginTop: 24
   },
@@ -286,25 +287,25 @@ const styles = {
   },
   userInner: {
     borderRadius: 4,
-    width: '100%',
-    height: '100%',
-    alignItems: 'center',
+    width: "100%",
+    height: "100%",
+    alignItems: "center",
     paddingTop: 32,
     paddingHorizontal: 16,
-    backgroundColor: '#fff'
+    backgroundColor: "#fff"
   },
   userName: {
-    fontFamily: 'sf-semibold',
+    fontFamily: "sf-semibold",
     color: TEXT_DARKEST,
     fontSize: 14,
-    textAlign: 'center',
+    textAlign: "center",
     marginTop: 4
   },
   userLocation: {
-    fontFamily: 'sf-regular',
+    fontFamily: "sf-regular",
     color: TEXT_DARKEST,
     fontSize: 13,
-    textAlign: 'center',
+    textAlign: "center",
     marginTop: 4
   }
 };

package/dist/module/components/chat/KioskPeoplePage.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Component","connect","View","Text","SectionList","withNavigationFocus","_","moment","userActions","getSite","TEXT_DARKEST","getMainBrandingColourFromState","getShadowStyle","NavigationService","Header","ProfilePic","GenericInput","KioskPeoplePage","constructor","args","_defineProperty","source","results","searchInput","lastSearchKey","isHomeTab","goBack","componentDidMount","setState","getParentRoute","getData","onChangeText","value","keyTime","valueOf","setTimeout","state","setData","getSiteUsers","props","user","site","then","res","data","searchValue","newResidents","newStaff","sortedList","sortBy","filter","u","displayName","toLowerCase","indexOf","toUpperCase","forEach","firstLetter","category","Key","Letter","Object","keys","length","Title","push","finalList","values","JSON","parse","stringify","renderHeader","createElement","leftIcon","onPressLeft","onPressBack","text","centerContent","icon","iconType","placeholder","hasClear","onClear","containerStyle","marginHorizontal","marginVertical","renderSectionHeader","section","key","isEmpty","style","styles","sectionTitle","sectionLetter","backgroundColor","colourBrandingMain","sectionLetterText","renderItem","item","sectionKey","index","userContainer","userInner","Diameter","profilePic","userName","numberOfLines","renderList","row","column","paddingLeft","paddingRight","n","i","map","render","pageContainer","enableEmptySections","keyExtractor","stickySectionHeadersEnabled","sections","ListHeaderComponent","peopleTitle","initialNumToRender","flex","position","width","flexDirection","padding","paddingBottom","fontFamily","color","fontSize","sectionContainer","paddingTop","marginTop","height","borderRadius","alignItems","justifyContent","marginLeft","textAlign","lineHeight","userContainer0","userContainer1","userContainer2","userContainer3","paddingHorizontal","userLocation","mapStateToProps"],"sources":["KioskPeoplePage.js"],"sourcesContent":["import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport { View, Text, SectionList } from 'react-native';\nimport { withNavigationFocus } from '@plusscommunities/pluss-core-app';\nimport _ from 'lodash';\nimport moment from 'moment';\nimport { userActions } from '../../webapi';\nimport { getSite, TEXT_DARKEST, getMainBrandingColourFromState, getShadowStyle } from '../../js';\nimport NavigationService from '../../js/NavigationService';\nimport { Header, ProfilePic, GenericInput } from '../common';\n\nclass KioskPeoplePage extends Component {\n  state = {\n    source: [],\n    results: [],\n    searchInput: '',\n    lastSearchKey: 0,\n    isHomeTab: false,\n  };\n\n  componentDidMount() {\n    this.setState({ isHomeTab: !NavigationService.getParentRoute() });\n    this.getData();\n  }\n\n  onChangeText(value) {\n    const keyTime = moment().valueOf();\n    this.setState({\n      searchInput: value,\n      lastSearchKey: keyTime,\n      results: [],\n    });\n    setTimeout(() => {\n      if (this.state.lastSearchKey === keyTime) {\n        this.setData(this.state.source, value);\n      }\n    }, 500);\n  }\n\n  getData() {\n    userActions.getSiteUsers(getSite(this.props.user.site)).then(res => {\n      this.setState({\n        source: res.data,\n      });\n      this.setData(res.data, this.state.searchInput);\n    });\n  }\n\n  setData(source, searchValue) {\n    const newResidents = {};\n    const newStaff = {};\n\n    const sortedList = _.sortBy(\n      _.filter(source, u => {\n        return u.displayName.toLowerCase().indexOf(searchValue) > -1;\n      }),\n      u => {\n        return u.displayName.toUpperCase();\n      },\n    );\n\n    sortedList.forEach(u => {\n      const firstLetter = u.displayName[0].toUpperCase();\n      if (u.category === 'resident') {\n        if (!newResidents[firstLetter]) {\n          newResidents[firstLetter] = {\n            Key: `R${firstLetter}`,\n            Letter: firstLetter,\n            data: [],\n          };\n        }\n        if (Object.keys(newResidents).length === 1) {\n          newResidents[firstLetter].Title = 'Residents';\n        }\n        newResidents[firstLetter].data.push(u);\n      } else if (u.category === 'staff') {\n        if (!newStaff[firstLetter]) {\n          newStaff[firstLetter] = {\n            Key: `S${firstLetter}`,\n            Letter: firstLetter,\n            data: [],\n          };\n        }\n        if (Object.keys(newStaff).length === 1) {\n          newStaff[firstLetter].Title = 'Staff';\n        }\n        newStaff[firstLetter].data.push(u);\n      }\n    });\n\n    const finalList = [..._.values(newResidents), ..._.values(newStaff)];\n\n    this.setState({\n      results: JSON.parse(JSON.stringify(finalList)),\n    });\n  }\n\n  onPressBack = () => {\n    NavigationService.goBack();\n  };\n\n  renderHeader() {\n    if (!this.state.isHomeTab) return <Header leftIcon=\"angle-left\" onPressLeft={this.onPressBack} text={'People'} />;\n\n    return (\n      <Header\n        centerContent={\n          <GenericInput\n            value={this.state.searchInput}\n            icon=\"Ellipse\"\n            iconType=\"pl60\"\n            placeholder={`Search people`}\n            hasClear\n            onClear={() => {\n              this.onChangeText('');\n            }}\n            onChangeText={value => {\n              this.onChangeText(value);\n            }}\n            containerStyle={{\n              marginHorizontal: 24,\n              marginVertical: 17,\n            }}\n          />\n        }\n      />\n    );\n  }\n\n  renderSectionHeader(section) {\n    return (\n      <View key={section.Key}>\n        {!_.isEmpty(section.Title) && <Text style={styles.sectionTitle}>{section.Title}</Text>}\n        <View style={styles.section}>\n          <View style={[styles.sectionLetter, { backgroundColor: this.props.colourBrandingMain }]}>\n            <Text style={styles.sectionLetterText}>{section.Letter}</Text>\n          </View>\n        </View>\n      </View>\n    );\n  }\n\n  renderItem(item, sectionKey, index) {\n    return (\n      <View key={`${sectionKey}_${index}`} style={[styles.userContainer]}>\n        <View style={[styles.userInner, getShadowStyle()]}>\n          <ProfilePic Diameter={50} ProfilePic={item.profilePic} />\n          <Text style={styles.userName} numberOfLines={2}>\n            {item.displayName}\n          </Text>\n          {/* <Text style={styles.userLocation} numberOfLines={1}>{item.unit}</Text> */}\n        </View>\n      </View>\n    );\n  }\n\n  renderList(section, index) {\n    if (index !== 0) return null;\n\n    return (\n      <View style={styles.row} key={section.Key}>\n        <View style={[styles.column, { paddingLeft: 24, paddingRight: 6 }]}>\n          {_.filter(section.data, (n, i) => {\n            return i % 4 === 0;\n          }).map((n, i) => {\n            return this.renderItem(n, section.Key, i);\n          })}\n        </View>\n        <View style={[styles.column, { paddingLeft: 18, paddingRight: 12 }]}>\n          {_.filter(section.data, (n, i) => {\n            return i % 4 === 1;\n          }).map((n, i) => {\n            return this.renderItem(n, section.Key, i);\n          })}\n        </View>\n        <View style={[styles.column, { paddingLeft: 12, paddingRight: 18 }]}>\n          {_.filter(section.data, (n, i) => {\n            return i % 4 === 2;\n          }).map((n, i) => {\n            return this.renderItem(n, section.Key, i);\n          })}\n        </View>\n        <View style={[styles.column, { paddingLeft: 6, paddingRight: 24 }]}>\n          {_.filter(section.data, (n, i) => {\n            return i % 4 === 3;\n          }).map((n, i) => {\n            return this.renderItem(n, section.Key, i);\n          })}\n        </View>\n      </View>\n    );\n  }\n\n  render() {\n    return (\n      <View style={styles.pageContainer}>\n        {this.renderHeader()}\n        <SectionList\n          enableEmptySections\n          keyExtractor={item => item.Key}\n          stickySectionHeadersEnabled={false}\n          renderSectionHeader={({ section }) => this.renderSectionHeader(section)}\n          renderItem={({ section, index }) => {\n            return this.renderList(section, index);\n          }}\n          sections={this.state.results}\n          ListHeaderComponent={<Text style={styles.peopleTitle}>People</Text>}\n          initialNumToRender={15}\n        />\n      </View>\n    );\n  }\n}\n\nconst styles = {\n  pageContainer: {\n    flex: 1,\n    position: 'relative',\n    backgroundColor: '#fff',\n  },\n  row: {\n    width: '100%',\n    flexDirection: 'row',\n  },\n  column: {\n    flex: 1,\n  },\n  peopleTitle: {\n    padding: 24,\n    paddingBottom: 12,\n    fontFamily: 'sf-bold',\n    color: TEXT_DARKEST,\n    fontSize: 24,\n  },\n  sectionContainer: {\n    padding: 24,\n  },\n  sectionTitle: {\n    fontFamily: 'sf-medium',\n    color: TEXT_DARKEST,\n    fontSize: 20,\n    paddingTop: 24,\n    paddingLeft: 24,\n  },\n  section: {\n    marginTop: 36,\n  },\n  sectionLetter: {\n    width: 22,\n    height: 22,\n    borderRadius: 11,\n    alignItems: 'center',\n    justifyContent: 'center',\n    marginLeft: 24,\n  },\n  sectionLetterText: {\n    color: '#fff',\n    fontSize: 12,\n    fontFamily: 'sf-semibold',\n    textAlign: 'center',\n    lineHeight: 22,\n  },\n  userContainer: {\n    width: '100%',\n    height: 140,\n    marginTop: 24,\n  },\n  userContainer0: {\n    paddingLeft: 24,\n    paddingRight: 6,\n  },\n  userContainer1: {\n    paddingLeft: 18,\n    paddingRight: 12,\n  },\n  userContainer2: {\n    paddingLeft: 12,\n    paddingRight: 18,\n  },\n  userContainer3: {\n    paddingLeft: 6,\n    paddingRight: 24,\n  },\n  userInner: {\n    borderRadius: 4,\n    width: '100%',\n    height: '100%',\n    alignItems: 'center',\n    paddingTop: 32,\n    paddingHorizontal: 16,\n    backgroundColor: '#fff',\n  },\n  userName: {\n    fontFamily: 'sf-semibold',\n    color: TEXT_DARKEST,\n    fontSize: 14,\n    textAlign: 'center',\n    marginTop: 4,\n  },\n  userLocation: {\n    fontFamily: 'sf-regular',\n    color: TEXT_DARKEST,\n    fontSize: 13,\n    textAlign: 'center',\n    marginTop: 4,\n  },\n};\n\nconst mapStateToProps = state => {\n  return {\n    colourBrandingMain: getMainBrandingColourFromState(state),\n    user: state.user,\n  };\n};\n\nexport default withNavigationFocus(connect(mapStateToProps, {})(KioskPeoplePage));\n"],"mappings":"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"}
+{"version":3,"names":["React","Component","connect","View","Text","SectionList","withNavigationFocus","_","moment","userActions","getSite","TEXT_DARKEST","getMainBrandingColourFromState","getShadowStyle","NavigationService","Header","ProfilePic","GenericInput","KioskPeoplePage","constructor","args","_defineProperty","source","results","searchInput","lastSearchKey","isHomeTab","goBack","componentDidMount","setState","getParentRoute","getData","onChangeText","value","keyTime","valueOf","setTimeout","state","setData","getSiteUsers","props","user","site","then","res","data","searchValue","newResidents","newStaff","sortedList","sortBy","filter","u","displayName","toLowerCase","indexOf","toUpperCase","forEach","firstLetter","category","Key","Letter","Object","keys","length","Title","push","finalList","values","JSON","parse","stringify","renderHeader","createElement","leftIcon","onPressLeft","onPressBack","text","centerContent","icon","iconType","placeholder","ref","hasClear","onClear","containerStyle","marginHorizontal","marginVertical","renderSectionHeader","section","key","isEmpty","style","styles","sectionTitle","sectionLetter","backgroundColor","colourBrandingMain","sectionLetterText","renderItem","item","sectionKey","index","userContainer","userInner","Diameter","profilePic","userName","numberOfLines","renderList","row","column","paddingLeft","paddingRight","n","i","map","render","pageContainer","enableEmptySections","keyExtractor","stickySectionHeadersEnabled","sections","ListHeaderComponent","peopleTitle","initialNumToRender","flex","position","width","flexDirection","padding","paddingBottom","fontFamily","color","fontSize","sectionContainer","paddingTop","marginTop","height","borderRadius","alignItems","justifyContent","marginLeft","textAlign","lineHeight","userContainer0","userContainer1","userContainer2","userContainer3","paddingHorizontal","userLocation","mapStateToProps"],"sources":["KioskPeoplePage.js"],"sourcesContent":["import React, { Component } from \"react\";\nimport { connect } from \"react-redux\";\nimport { View, Text, SectionList } from \"react-native\";\nimport { withNavigationFocus } from \"@plusscommunities/pluss-core-app\";\nimport _ from \"lodash\";\nimport moment from \"moment\";\nimport { userActions } from \"../../webapi\";\nimport {\n\tgetSite,\n\tTEXT_DARKEST,\n\tgetMainBrandingColourFromState,\n\tgetShadowStyle,\n} from \"../../js\";\nimport NavigationService from \"../../js/NavigationService\";\nimport { Header, ProfilePic, GenericInput } from \"../common\";\n\nclass KioskPeoplePage extends Component {\n\tstate = {\n\t\tsource: [],\n\t\tresults: [],\n\t\tsearchInput: \"\",\n\t\tlastSearchKey: 0,\n\t\tisHomeTab: false,\n\t};\n\n\tcomponentDidMount() {\n\t\tthis.setState({ isHomeTab: !NavigationService.getParentRoute() });\n\t\tthis.getData();\n\t}\n\n\tonChangeText(value) {\n\t\tconst keyTime = moment().valueOf();\n\t\tthis.setState({\n\t\t\tsearchInput: value,\n\t\t\tlastSearchKey: keyTime,\n\t\t\tresults: [],\n\t\t});\n\t\tsetTimeout(() => {\n\t\t\tif (this.state.lastSearchKey === keyTime) {\n\t\t\t\tthis.setData(this.state.source, value);\n\t\t\t}\n\t\t}, 500);\n\t}\n\n\tgetData() {\n\t\tuserActions.getSiteUsers(getSite(this.props.user.site)).then((res) => {\n\t\t\tthis.setState({\n\t\t\t\tsource: res.data,\n\t\t\t});\n\t\t\tthis.setData(res.data, this.state.searchInput);\n\t\t});\n\t}\n\n\tsetData(source, searchValue) {\n\t\tconst newResidents = {};\n\t\tconst newStaff = {};\n\n\t\tconst sortedList = _.sortBy(\n\t\t\t_.filter(source, (u) => {\n\t\t\t\treturn u.displayName.toLowerCase().indexOf(searchValue) > -1;\n\t\t\t}),\n\t\t\t(u) => {\n\t\t\t\treturn u.displayName.toUpperCase();\n\t\t\t},\n\t\t);\n\n\t\tsortedList.forEach((u) => {\n\t\t\tconst firstLetter = u.displayName[0].toUpperCase();\n\t\t\tif (u.category === \"resident\") {\n\t\t\t\tif (!newResidents[firstLetter]) {\n\t\t\t\t\tnewResidents[firstLetter] = {\n\t\t\t\t\t\tKey: `R${firstLetter}`,\n\t\t\t\t\t\tLetter: firstLetter,\n\t\t\t\t\t\tdata: [],\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t\tif (Object.keys(newResidents).length === 1) {\n\t\t\t\t\tnewResidents[firstLetter].Title = \"Residents\";\n\t\t\t\t}\n\t\t\t\tnewResidents[firstLetter].data.push(u);\n\t\t\t} else if (u.category === \"staff\") {\n\t\t\t\tif (!newStaff[firstLetter]) {\n\t\t\t\t\tnewStaff[firstLetter] = {\n\t\t\t\t\t\tKey: `S${firstLetter}`,\n\t\t\t\t\t\tLetter: firstLetter,\n\t\t\t\t\t\tdata: [],\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t\tif (Object.keys(newStaff).length === 1) {\n\t\t\t\t\tnewStaff[firstLetter].Title = \"Staff\";\n\t\t\t\t}\n\t\t\t\tnewStaff[firstLetter].data.push(u);\n\t\t\t}\n\t\t});\n\n\t\tconst finalList = [..._.values(newResidents), ..._.values(newStaff)];\n\n\t\tthis.setState({\n\t\t\tresults: JSON.parse(JSON.stringify(finalList)),\n\t\t});\n\t}\n\n\tonPressBack = () => {\n\t\tNavigationService.goBack();\n\t};\n\n\trenderHeader() {\n\t\tif (!this.state.isHomeTab)\n\t\t\treturn (\n\t\t\t\t<Header\n\t\t\t\t\tleftIcon=\"angle-left\"\n\t\t\t\t\tonPressLeft={this.onPressBack}\n\t\t\t\t\ttext={\"People\"}\n\t\t\t\t/>\n\t\t\t);\n\n\t\treturn (\n\t\t\t<Header\n\t\t\t\tcenterContent={\n\t\t\t\t\t<GenericInput\n\t\t\t\t\t\tvalue={this.state.searchInput}\n\t\t\t\t\t\ticon=\"Ellipse\"\n\t\t\t\t\t\ticonType=\"pl60\"\n\t\t\t\t\t\tplaceholder={`Search people`}\n\t\t\t\t\t\tref=\"searchText\"\n\t\t\t\t\t\thasClear\n\t\t\t\t\t\tonClear={() => {\n\t\t\t\t\t\t\tthis.onChangeText(\"\");\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonChangeText={(value) => {\n\t\t\t\t\t\t\tthis.onChangeText(value);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tcontainerStyle={{\n\t\t\t\t\t\t\tmarginHorizontal: 24,\n\t\t\t\t\t\t\tmarginVertical: 17,\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t/>\n\t\t);\n\t}\n\n\trenderSectionHeader(section) {\n\t\treturn (\n\t\t\t<View key={section.Key}>\n\t\t\t\t{!_.isEmpty(section.Title) && (\n\t\t\t\t\t<Text style={styles.sectionTitle}>{section.Title}</Text>\n\t\t\t\t)}\n\t\t\t\t<View style={styles.section}>\n\t\t\t\t\t<View\n\t\t\t\t\t\tstyle={[\n\t\t\t\t\t\t\tstyles.sectionLetter,\n\t\t\t\t\t\t\t{ backgroundColor: this.props.colourBrandingMain },\n\t\t\t\t\t\t]}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Text style={styles.sectionLetterText}>{section.Letter}</Text>\n\t\t\t\t\t</View>\n\t\t\t\t</View>\n\t\t\t</View>\n\t\t);\n\t}\n\n\trenderItem(item, sectionKey, index) {\n\t\treturn (\n\t\t\t<View key={`${sectionKey}_${index}`} style={[styles.userContainer]}>\n\t\t\t\t<View style={[styles.userInner, getShadowStyle()]}>\n\t\t\t\t\t<ProfilePic Diameter={50} ProfilePic={item.profilePic} />\n\t\t\t\t\t<Text style={styles.userName} numberOfLines={2}>\n\t\t\t\t\t\t{item.displayName}\n\t\t\t\t\t</Text>\n\t\t\t\t\t{/* <Text style={styles.userLocation} numberOfLines={1}>{item.unit}</Text> */}\n\t\t\t\t</View>\n\t\t\t</View>\n\t\t);\n\t}\n\n\trenderList(section, index) {\n\t\tif (index !== 0) return null;\n\n\t\treturn (\n\t\t\t<View style={styles.row} key={section.Key}>\n\t\t\t\t<View style={[styles.column, { paddingLeft: 24, paddingRight: 6 }]}>\n\t\t\t\t\t{_.filter(section.data, (n, i) => {\n\t\t\t\t\t\treturn i % 4 === 0;\n\t\t\t\t\t}).map((n, i) => {\n\t\t\t\t\t\treturn this.renderItem(n, section.Key, i);\n\t\t\t\t\t})}\n\t\t\t\t</View>\n\t\t\t\t<View style={[styles.column, { paddingLeft: 18, paddingRight: 12 }]}>\n\t\t\t\t\t{_.filter(section.data, (n, i) => {\n\t\t\t\t\t\treturn i % 4 === 1;\n\t\t\t\t\t}).map((n, i) => {\n\t\t\t\t\t\treturn this.renderItem(n, section.Key, i);\n\t\t\t\t\t})}\n\t\t\t\t</View>\n\t\t\t\t<View style={[styles.column, { paddingLeft: 12, paddingRight: 18 }]}>\n\t\t\t\t\t{_.filter(section.data, (n, i) => {\n\t\t\t\t\t\treturn i % 4 === 2;\n\t\t\t\t\t}).map((n, i) => {\n\t\t\t\t\t\treturn this.renderItem(n, section.Key, i);\n\t\t\t\t\t})}\n\t\t\t\t</View>\n\t\t\t\t<View style={[styles.column, { paddingLeft: 6, paddingRight: 24 }]}>\n\t\t\t\t\t{_.filter(section.data, (n, i) => {\n\t\t\t\t\t\treturn i % 4 === 3;\n\t\t\t\t\t}).map((n, i) => {\n\t\t\t\t\t\treturn this.renderItem(n, section.Key, i);\n\t\t\t\t\t})}\n\t\t\t\t</View>\n\t\t\t</View>\n\t\t);\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<View style={styles.pageContainer}>\n\t\t\t\t{this.renderHeader()}\n\t\t\t\t<SectionList\n\t\t\t\t\tenableEmptySections\n\t\t\t\t\tkeyExtractor={(item) => item.Key}\n\t\t\t\t\tstickySectionHeadersEnabled={false}\n\t\t\t\t\trenderSectionHeader={({ section }) =>\n\t\t\t\t\t\tthis.renderSectionHeader(section)\n\t\t\t\t\t}\n\t\t\t\t\trenderItem={({ section, index }) => {\n\t\t\t\t\t\treturn this.renderList(section, index);\n\t\t\t\t\t}}\n\t\t\t\t\tsections={this.state.results}\n\t\t\t\t\tListHeaderComponent={<Text style={styles.peopleTitle}>People</Text>}\n\t\t\t\t\tinitialNumToRender={15}\n\t\t\t\t/>\n\t\t\t</View>\n\t\t);\n\t}\n}\n\nconst styles = {\n\tpageContainer: {\n\t\tflex: 1,\n\t\tposition: \"relative\",\n\t\tbackgroundColor: \"#fff\",\n\t},\n\trow: {\n\t\twidth: \"100%\",\n\t\tflexDirection: \"row\",\n\t},\n\tcolumn: {\n\t\tflex: 1,\n\t},\n\tpeopleTitle: {\n\t\tpadding: 24,\n\t\tpaddingBottom: 12,\n\t\tfontFamily: \"sf-bold\",\n\t\tcolor: TEXT_DARKEST,\n\t\tfontSize: 24,\n\t},\n\tsectionContainer: {\n\t\tpadding: 24,\n\t},\n\tsectionTitle: {\n\t\tfontFamily: \"sf-medium\",\n\t\tcolor: TEXT_DARKEST,\n\t\tfontSize: 20,\n\t\tpaddingTop: 24,\n\t\tpaddingLeft: 24,\n\t},\n\tsection: {\n\t\tmarginTop: 36,\n\t},\n\tsectionLetter: {\n\t\twidth: 22,\n\t\theight: 22,\n\t\tborderRadius: 11,\n\t\talignItems: \"center\",\n\t\tjustifyContent: \"center\",\n\t\tmarginLeft: 24,\n\t},\n\tsectionLetterText: {\n\t\tcolor: \"#fff\",\n\t\tfontSize: 12,\n\t\tfontFamily: \"sf-semibold\",\n\t\ttextAlign: \"center\",\n\t\tlineHeight: 22,\n\t},\n\tuserContainer: {\n\t\twidth: \"100%\",\n\t\theight: 140,\n\t\tmarginTop: 24,\n\t},\n\tuserContainer0: {\n\t\tpaddingLeft: 24,\n\t\tpaddingRight: 6,\n\t},\n\tuserContainer1: {\n\t\tpaddingLeft: 18,\n\t\tpaddingRight: 12,\n\t},\n\tuserContainer2: {\n\t\tpaddingLeft: 12,\n\t\tpaddingRight: 18,\n\t},\n\tuserContainer3: {\n\t\tpaddingLeft: 6,\n\t\tpaddingRight: 24,\n\t},\n\tuserInner: {\n\t\tborderRadius: 4,\n\t\twidth: \"100%\",\n\t\theight: \"100%\",\n\t\talignItems: \"center\",\n\t\tpaddingTop: 32,\n\t\tpaddingHorizontal: 16,\n\t\tbackgroundColor: \"#fff\",\n\t},\n\tuserName: {\n\t\tfontFamily: \"sf-semibold\",\n\t\tcolor: TEXT_DARKEST,\n\t\tfontSize: 14,\n\t\ttextAlign: \"center\",\n\t\tmarginTop: 4,\n\t},\n\tuserLocation: {\n\t\tfontFamily: \"sf-regular\",\n\t\tcolor: TEXT_DARKEST,\n\t\tfontSize: 13,\n\t\ttextAlign: \"center\",\n\t\tmarginTop: 4,\n\t},\n};\n\nconst mapStateToProps = (state) => {\n\treturn {\n\t\tcolourBrandingMain: getMainBrandingColourFromState(state),\n\t\tuser: state.user,\n\t};\n};\n\nexport default withNavigationFocus(\n\tconnect(mapStateToProps, {})(KioskPeoplePage),\n);\n"],"mappings":"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"}

package/dist/module/components/chat/PeopleContainer.js

@@ -1,10 +1,10 @@
-import React, { PureComponent } from 'react';
-import { connect } from 'react-redux';
-import KioskPeoplePage from './KioskPeoplePage';
-import PeoplePage from './PeoplePage';
+import React, { PureComponent } from "react";
+import { connect } from "react-redux";
+import KioskPeoplePage from "./KioskPeoplePage";
+import PeoplePage from "./PeoplePage";
 class PeopleContainer extends PureComponent {
   render() {
-    if (this.props.user.type === 'KIOSK') {
+    if (this.props.user.type === "KIOSK") {
       return /*#__PURE__*/React.createElement(KioskPeoplePage, this.props);
     }
     return /*#__PURE__*/React.createElement(PeoplePage, this.props);

package/dist/module/components/chat/PeopleContainer.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","PureComponent","connect","KioskPeoplePage","PeoplePage","PeopleContainer","render","props","user","type","createElement","mapStateToProps","state"],"sources":["PeopleContainer.js"],"sourcesContent":["import React, { PureComponent } from 'react';\nimport { connect } from 'react-redux';\nimport KioskPeoplePage from './KioskPeoplePage';\nimport PeoplePage from './PeoplePage';\n\nclass PeopleContainer extends PureComponent {\n  render() {\n    if (this.props.user.type === 'KIOSK') {\n      return <KioskPeoplePage {...this.props} />;\n    }\n    return <PeoplePage {...this.props} />;\n  }\n}\n\nconst mapStateToProps = state => {\n  return {\n    user: state.user,\n  };\n};\n\nexport default connect(mapStateToProps, {})(PeopleContainer);\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,QAAQ,OAAO;AAC5C,SAASC,OAAO,QAAQ,aAAa;AACrC,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,OAAOC,UAAU,MAAM,cAAc;AAErC,MAAMC,eAAe,SAASJ,aAAa,CAAC;EAC1CK,MAAMA,CAAA,EAAG;IACP,IAAI,IAAI,CAACC,KAAK,CAACC,IAAI,CAACC,IAAI,KAAK,OAAO,EAAE;MACpC,oBAAOT,KAAA,CAAAU,aAAA,CAACP,eAAe,EAAK,IAAI,CAACI,KAAQ,CAAC;IAC5C;IACA,oBAAOP,KAAA,CAAAU,aAAA,CAACN,UAAU,EAAK,IAAI,CAACG,KAAQ,CAAC;EACvC;AACF;AAEA,MAAMI,eAAe,GAAGC,KAAK,IAAI;EAC/B,OAAO;IACLJ,IAAI,EAAEI,KAAK,CAACJ;EACd,CAAC;AACH,CAAC;AAED,eAAeN,OAAO,CAACS,eAAe,EAAE,CAAC,CAAC,CAAC,CAACN,eAAe,CAAC"}
+{"version":3,"names":["React","PureComponent","connect","KioskPeoplePage","PeoplePage","PeopleContainer","render","props","user","type","createElement","mapStateToProps","state"],"sources":["PeopleContainer.js"],"sourcesContent":["import React, { PureComponent } from \"react\";\nimport { connect } from \"react-redux\";\nimport KioskPeoplePage from \"./KioskPeoplePage\";\nimport PeoplePage from \"./PeoplePage\";\n\nclass PeopleContainer extends PureComponent {\n\trender() {\n\t\tif (this.props.user.type === \"KIOSK\") {\n\t\t\treturn <KioskPeoplePage {...this.props} />;\n\t\t}\n\t\treturn <PeoplePage {...this.props} />;\n\t}\n}\n\nconst mapStateToProps = (state) => {\n\treturn {\n\t\tuser: state.user,\n\t};\n};\n\nexport default connect(mapStateToProps, {})(PeopleContainer);\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,QAAQ,OAAO;AAC5C,SAASC,OAAO,QAAQ,aAAa;AACrC,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,OAAOC,UAAU,MAAM,cAAc;AAErC,MAAMC,eAAe,SAASJ,aAAa,CAAC;EAC3CK,MAAMA,CAAA,EAAG;IACR,IAAI,IAAI,CAACC,KAAK,CAACC,IAAI,CAACC,IAAI,KAAK,OAAO,EAAE;MACrC,oBAAOT,KAAA,CAAAU,aAAA,CAACP,eAAe,EAAK,IAAI,CAACI,KAAQ,CAAC;IAC3C;IACA,oBAAOP,KAAA,CAAAU,aAAA,CAACN,UAAU,EAAK,IAAI,CAACG,KAAQ,CAAC;EACtC;AACD;AAEA,MAAMI,eAAe,GAAIC,KAAK,IAAK;EAClC,OAAO;IACNJ,IAAI,EAAEI,KAAK,CAACJ;EACb,CAAC;AACF,CAAC;AAED,eAAeN,OAAO,CAACS,eAAe,EAAE,CAAC,CAAC,CAAC,CAACN,eAAe,CAAC"}

package/dist/module/components/chat/PeoplePage.js

@@ -1,22 +1,22 @@
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import React, { Component } from 'react';
-import { View } from 'react-native';
-import { connect } from 'react-redux';
-import { withNavigationFocus } from '@plusscommunities/pluss-core-app';
-import _ from 'lodash';
-import moment from 'moment';
-import { Header, TouchableSearchBar, CategoryTabs, LoadingIndicator } from '../common';
-import { getSite } from '../../js';
-import NavigationService from '../../js/NavigationService';
-import ChatList from './ChatList';
-import { getGroupInvites, updatePublicGroups, updateGroups, updateUnreadCounter, clearGroupCounter, residentsLoaded, getFollowers, linkedUsersLoaded, linkedToUsersLoaded } from '../../actions';
-import { circleActions, contactActions, userActions } from '../../webapi';
-import TakeoverBackground from '../takeover/TakeoverBackground';
-import ContactsList from './ContactsList';
-import { BaseComponents } from '../../feature.config';
-import { values } from '../../values.config';
+import React, { Component } from "react";
+import { View } from "react-native";
+import { connect } from "react-redux";
+import { withNavigationFocus } from "react-navigation";
+import _ from "lodash";
+import moment from "moment";
+import { Header, TouchableSearchBar, CategoryTabs, LoadingIndicator } from "../common";
+import { getSite } from "../../js";
+import NavigationService from "../../js/NavigationService";
+import ChatList from "./ChatList";
+import { getGroupInvites, updatePublicGroups, updateGroups, updateUnreadCounter, clearGroupCounter, residentsLoaded, getFollowers, linkedUsersLoaded, linkedToUsersLoaded } from "../../actions";
+import { circleActions, contactActions, userActions } from "../../webapi";
+import TakeoverBackground from "../takeover/TakeoverBackground";
+import ContactsList from "./ContactsList";
+import { BaseComponents } from "../../feature.config";
+import { values } from "../../values.config";
 class PeoplePage extends Component {
   constructor(props) {
     super(props);
@@ -33,7 +33,7 @@ class PeoplePage extends Component {
         this.props.updateGroups(res.data.Items);
         this.props.updateUnreadCounter(res.data.Items, this.props.user.uid);
       } catch (error) {
-        console.log('fetch circles FAIL', error);
+        console.log("fetch circles FAIL", error);
       }
     });
     _defineProperty(this, "onPressBack", () => {
@@ -41,7 +41,7 @@ class PeoplePage extends Component {
     });
     this.groupFetchInterval = null;
     this.state = {
-      selectedCategory: this.props.onlyGroups ? values.textFeatureTitle : 'Contacts',
+      selectedCategory: this.props.onlyGroups ? values.textFeatureTitle : "Contacts",
       nextGroupsFetch: 0,
       nextPeopleFetch: 0,
       fetchingPublicGroups: true,
@@ -50,7 +50,7 @@ class PeoplePage extends Component {
       fetchingLinkedToMe: true,
       isHomeTab: false
     };
-    this.categories = ['Contacts', values.textFeatureTitle];
+    this.categories = ["Contacts", values.textFeatureTitle];
     this.categoryCounter = {
       Circles: true,
       Contacts: true
@@ -117,8 +117,8 @@ class PeoplePage extends Component {
   updateLastFetch(updateBoth, updateGroups) {
     const nextGroupsFetch = moment.utc();
     const nextPeopleFetch = moment.utc();
-    nextGroupsFetch.add(2, 'seconds');
-    nextPeopleFetch.add(5, 'minutes');
+    nextGroupsFetch.add(2, "seconds");
+    nextPeopleFetch.add(5, "minutes");
     if (updateBoth) {
       this.setState({
         nextGroupsFetch: nextGroupsFetch.valueOf(),
@@ -145,7 +145,7 @@ class PeoplePage extends Component {
         // console.log('getPublicGroups', res.data);
         this.props.updatePublicGroups(res.data);
       } catch (error) {
-        console.log('fetch public circles FAIL', error);
+        console.log("fetch public circles FAIL", error);
       } finally {
         this.setState({
           fetchingPublicGroups: false
@@ -157,7 +157,7 @@ class PeoplePage extends Component {
    * Contacts page refetch
    */
   fetchUsers() {
-    if (this.props.user.category !== 'family') {
+    if (this.props.user.category !== "family") {
       this.setState({
         fetchingResidents: true
       }, async () => {
@@ -165,10 +165,10 @@ class PeoplePage extends Component {
           const res = await contactActions.getSiteResidents(getSite(this.props.user.site));
           // console.log('getSiteResidents', res.data);
           if (!_.isEmpty(res.data.results.Items)) {
-            this.props.residentsLoaded(_.sortBy(res.data.results.Items, 'displayName'));
+            this.props.residentsLoaded(_.sortBy(res.data.results.Items, "displayName"));
           }
         } catch (error) {
-          console.log('fetch site residents FAIL', error);
+          console.log("fetch site residents FAIL", error);
         } finally {
           this.setState({
             fetchingResidents: false
@@ -187,10 +187,10 @@ class PeoplePage extends Component {
         const res = await userActions.getLinkedUsers(this.props.user.uid);
         // console.log('getLinkedUsers', res.data);
         if (!_.isEmpty(res.data)) {
-          this.props.linkedToUsersLoaded(_.sortBy(res.data, 'displayName'));
+          this.props.linkedToUsersLoaded(_.sortBy(res.data, "displayName"));
         }
       } catch (error) {
-        console.log('fetch linked users FAIL', error);
+        console.log("fetch linked users FAIL", error);
       } finally {
         this.setState({
           fetchingLinkedUsers: false
@@ -204,10 +204,10 @@ class PeoplePage extends Component {
         const res = await userActions.getLinkedToMe(this.props.user.uid);
         // console.log('getLinkedToMe', res.data);
         if (!_.isEmpty(res.data)) {
-          this.props.linkedUsersLoaded(_.sortBy(res.data.Items, 'displayName'));
+          this.props.linkedUsersLoaded(_.sortBy(res.data.Items, "displayName"));
         }
       } catch (error) {
-        console.log('fetch linked to me FAIL', error);
+        console.log("fetch linked to me FAIL", error);
       } finally {
         this.setState({
           fetchingLinkedToMe: false
@@ -242,7 +242,7 @@ class PeoplePage extends Component {
         Circles: this.props.groupUnread,
         Contacts: this.props.peopleUnread
       },
-      initialCategory: 'Contacts',
+      initialCategory: "Contacts",
       currentTab: this.state.selectedCategory,
       onSelect: this.selectCategory.bind(this),
       noScroll: true,
@@ -255,18 +255,18 @@ class PeoplePage extends Component {
     if (!this.state.isHomeTab) return /*#__PURE__*/React.createElement(Header, {
       leftIcon: "angle-left",
       onPressLeft: this.onPressBack,
-      text: this.props.title || this.props.tabTitle || 'People',
+      text: this.props.title || this.props.tabTitle || "People",
       extraHeaderContent: this.renderCategories()
     });
     return /*#__PURE__*/React.createElement(Header, {
       centerContent: /*#__PURE__*/React.createElement(TouchableSearchBar, {
-        searchName: this.state.selectedCategory === values.textFeatureTitle ? values.featureKey : 'people',
-        priorityType: this.state.selectedCategory === values.textFeatureTitle ? values.featureKey : 'users',
-        style: _.includes(this.props.user.hidden, 'notifications') ? null : {
+        searchName: this.state.selectedCategory === values.textFeatureTitle ? values.featureKey : "people",
+        priorityType: this.state.selectedCategory === values.textFeatureTitle ? values.featureKey : "users",
+        style: _.includes(this.props.user.hidden, "notifications") ? null : {
           marginRight: 0
         }
       }),
-      rightContent: _.includes(this.props.user.hidden, 'notifications') ? null : /*#__PURE__*/React.createElement(BaseComponents.NotificationBell, {
+      rightContent: _.includes(this.props.user.hidden, "notifications") ? null : /*#__PURE__*/React.createElement(BaseComponents.NotificationBell, {
         goToNotifs: () => {
           this.goToNotifs.bind(this);
         }
@@ -286,7 +286,7 @@ class PeoplePage extends Component {
             isLoading: loading,
             options: this.props.options
           });
-        case 'Contacts':
+        case "Contacts":
           loading = this.state.fetchingResidents || this.state.fetchingLinkedUsers || this.state.fetchingLinkedToMe;
           return /*#__PURE__*/React.createElement(ContactsList, {
             source: this.props.users,
@@ -315,8 +315,8 @@ class PeoplePage extends Component {
 }
 const mapStateToProps = state => {
   // console.log('mapStateToProps circles', state.circles);
-  const residents = state.user.category !== 'family' ? state.residents.list : [];
-  let users = _.unionBy([...state.residents.linkedList, ...state.residents.linkedToList, ...residents], 'id');
+  const residents = state.user.category !== "family" ? state.residents.list : [];
+  let users = _.unionBy([...state.residents.linkedList, ...state.residents.linkedToList, ...residents], "id");
   let groupUnread = 0;
   let peopleUnread = 0;
   const others = [];
@@ -338,7 +338,7 @@ const mapStateToProps = state => {
         if (!_.isUndefined(user)) {
           var _element$lastMessage, _element$lastMessage2;
           // fill in information in users list
-          user.lastMessage = ((_element$lastMessage = element.lastMessage) === null || _element$lastMessage === void 0 ? void 0 : _element$lastMessage.text) || '';
+          user.lastMessage = ((_element$lastMessage = element.lastMessage) === null || _element$lastMessage === void 0 ? void 0 : _element$lastMessage.text) || "";
           user.lastMessageAt = !_.isEmpty(user.lastMessage) ? (_element$lastMessage2 = element.lastMessage) === null || _element$lastMessage2 === void 0 ? void 0 : _element$lastMessage2.createdAt : null;
           if (!_.isUndefined(element.Unread) && !_.isEmpty(element.Unread) && !_.isUndefined(element.Unread[state.user.uid])) {
             user.unread = element.Unread[state.user.uid];
@@ -350,11 +350,11 @@ const mapStateToProps = state => {
             displayName: element.PrivateChatUser.displayName,
             id: element.PrivateChatUser.userId,
             key: element.PrivateChatUser.userId,
-            lastMessage: ((_element$lastMessage3 = element.lastMessage) === null || _element$lastMessage3 === void 0 ? void 0 : _element$lastMessage3.text) || '',
+            lastMessage: ((_element$lastMessage3 = element.lastMessage) === null || _element$lastMessage3 === void 0 ? void 0 : _element$lastMessage3.text) || "",
             lastMessageAt: ((_element$lastMessage4 = element.lastMessage) === null || _element$lastMessage4 === void 0 ? void 0 : _element$lastMessage4.createdAt) || null,
             profilePic: element.PrivateChatUser.profilePic,
             profilePicThumb: element.PrivateChatUser.profilePic,
-            section: 'Others'
+            section: "Others"
           };
           if (!_.isUndefined(element.Unread) && !_.isEmpty(element.Unread) && !_.isUndefined(element.Unread[state.user.uid])) {
             user.unread = element.Unread[state.user.uid];