@plusscommunities/pluss-core-app 6.1.6-beta.1 → 6.1.6

package/dist/module/components/AudienceSelectorLauncher.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","PureComponent","StyleSheet","connect","FormCardSectionOptionLauncher","getMainBrandingColourFromState","TEXT_DARK","Services","AudienceSelectorLauncher","constructor","args","_defineProperty","user","audienceType","audienceTypeSelection","props","navigation","navigate","site","onChange","render","style","textStyle","selected","length","map","i","Title","join","createElement","sectionStyle","styles","audienceSection","audienceText","onPress","onPressAudience","title","description","value","create","paddingHorizontal","fontFamily","fontSize","color","mapStateToProps","state","colourBrandingMain","audienceSelectorLauncher"],"sources":["AudienceSelectorLauncher.js"],"sourcesContent":["import React, { PureComponent } from 'react';\nimport { StyleSheet } from 'react-native';\nimport { connect } from 'react-redux';\nimport { FormCardSectionOptionLauncher } from './FormCardSectionOptionLauncher';\nimport { getMainBrandingColourFromState, TEXT_DARK } from '../colours';\nimport { Services } from '../config';\n\nclass AudienceSelectorLauncher extends PureComponent {\n  onPressAudience = () => {\n    const { user, audienceType, audienceTypeSelection } = this.props;\n\n    Services.navigation.navigate('audienceSelectorPage', {\n      site: user.site,\n      audienceType: audienceType || 'Custom',\n      audienceTypeSelection: audienceTypeSelection || [],\n      onChange: (audienceType, audienceTypeSelection) => {\n        if (this.props.onChange) this.props.onChange(audienceType, audienceTypeSelection);\n      },\n    });\n  };\n\n  render() {\n    const { style, textStyle, audienceTypeSelection } = this.props;\n    const selected =\n      audienceTypeSelection && audienceTypeSelection.length > 0\n        ? `Current selection: ${audienceTypeSelection.map(i => i.Title).join(', ')}`\n        : '';\n\n    return (\n      <FormCardSectionOptionLauncher\n        sectionStyle={[styles.audienceSection, style]}\n        textStyle={[styles.audienceText, textStyle]}\n        onPress={this.onPressAudience}\n        title=\"Audience\"\n        description={selected}\n        value={selected ? 'Custom' : 'All Users'}\n      />\n    );\n  }\n}\n\nconst styles = StyleSheet.create({\n  audienceSection: {\n    paddingHorizontal: 0,\n  },\n  audienceText: {\n    fontFamily: 'sf-semibold',\n    fontSize: 16,\n    color: TEXT_DARK,\n  },\n});\n\nconst mapStateToProps = state => {\n  return {\n    user: state.user,\n    colourBrandingMain: getMainBrandingColourFromState(state),\n  };\n};\n\nconst audienceSelectorLauncher = connect(mapStateToProps, {})(AudienceSelectorLauncher);\nexport { audienceSelectorLauncher as AudienceSelectorLauncher };\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,aAAa,QAAQ,OAAO;AAC5C,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,OAAO,QAAQ,aAAa;AACrC,SAASC,6BAA6B,QAAQ,iCAAiC;AAC/E,SAASC,8BAA8B,EAAEC,SAAS,QAAQ,YAAY;AACtE,SAASC,QAAQ,QAAQ,WAAW;AAEpC,MAAMC,wBAAwB,SAASP,aAAa,CAAC;EAAAQ,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,0BACjC,MAAM;MACtB,MAAM;QAAEC,IAAI;QAAEC,YAAY;QAAEC;MAAsB,CAAC,GAAG,IAAI,CAACC,KAAK;MAEhER,QAAQ,CAACS,UAAU,CAACC,QAAQ,CAAC,sBAAsB,EAAE;QACnDC,IAAI,EAAEN,IAAI,CAACM,IAAI;QACfL,YAAY,EAAEA,YAAY,IAAI,QAAQ;QACtCC,qBAAqB,EAAEA,qBAAqB,IAAI,EAAE;QAClDK,QAAQ,EAAEA,CAACN,YAAY,EAAEC,qBAAqB,KAAK;UACjD,IAAI,IAAI,CAACC,KAAK,CAACI,QAAQ,EAAE,IAAI,CAACJ,KAAK,CAACI,QAAQ,CAACN,YAAY,EAAEC,qBAAqB,CAAC;QACnF;MACF,CAAC,CAAC;IACJ,CAAC;EAAA;EAEDM,MAAMA,CAAA,EAAG;IACP,MAAM;MAAEC,KAAK;MAAEC,SAAS;MAAER;IAAsB,CAAC,GAAG,IAAI,CAACC,KAAK;IAC9D,MAAMQ,QAAQ,GACZT,qBAAqB,IAAIA,qBAAqB,CAACU,MAAM,GAAG,CAAC,GACpD,sBAAqBV,qBAAqB,CAACW,GAAG,CAACC,CAAC,IAAIA,CAAC,CAACC,KAAK,CAAC,CAACC,IAAI,CAAC,IAAI,CAAE,EAAC,GAC1E,EAAE;IAER,oBACE5B,KAAA,CAAA6B,aAAA,CAACzB,6BAA6B;MAC5B0B,YAAY,EAAE,CAACC,MAAM,CAACC,eAAe,EAAEX,KAAK,CAAE;MAC9CC,SAAS,EAAE,CAACS,MAAM,CAACE,YAAY,EAAEX,SAAS,CAAE;MAC5CY,OAAO,EAAE,IAAI,CAACC,eAAgB;MAC9BC,KAAK,EAAC,UAAU;MAChBC,WAAW,EAAEd,QAAS;MACtBe,KAAK,EAAEf,QAAQ,GAAG,QAAQ,GAAG;IAAY,CAC1C,CAAC;EAEN;AACF;AAEA,MAAMQ,MAAM,GAAG7B,UAAU,CAACqC,MAAM,CAAC;EAC/BP,eAAe,EAAE;IACfQ,iBAAiB,EAAE;EACrB,CAAC;EACDP,YAAY,EAAE;IACZQ,UAAU,EAAE,aAAa;IACzBC,QAAQ,EAAE,EAAE;IACZC,KAAK,EAAErC;EACT;AACF,CAAC,CAAC;AAEF,MAAMsC,eAAe,GAAGC,KAAK,IAAI;EAC/B,OAAO;IACLjC,IAAI,EAAEiC,KAAK,CAACjC,IAAI;IAChBkC,kBAAkB,EAAEzC,8BAA8B,CAACwC,KAAK;EAC1D,CAAC;AACH,CAAC;AAED,MAAME,wBAAwB,GAAG5C,OAAO,CAACyC,eAAe,EAAE,CAAC,CAAC,CAAC,CAACpC,wBAAwB,CAAC;AACvF,SAASuC,wBAAwB,IAAIvC,wBAAwB"}
+{"version":3,"names":["React","PureComponent","StyleSheet","connect","FormCardSectionOptionLauncher","getMainBrandingColourFromState","TEXT_DARK","Services","AudienceSelectorLauncher","constructor","args","_defineProperty","user","audienceType","audienceTypeSelection","props","navigation","navigate","site","onChange","render","style","textStyle","selected","length","map","i","Title","join","createElement","sectionStyle","styles","audienceSection","audienceText","onPress","onPressAudience","title","description","value","create","paddingHorizontal","fontFamily","fontSize","color","mapStateToProps","state","colourBrandingMain","audienceSelectorLauncher"],"sources":["AudienceSelectorLauncher.js"],"sourcesContent":["import React, { PureComponent } from 'react';\nimport { StyleSheet } from 'react-native';\nimport { connect } from 'react-redux';\nimport { FormCardSectionOptionLauncher } from './FormCardSectionOptionLauncher';\nimport { getMainBrandingColourFromState, TEXT_DARK } from '../colours';\nimport { Services } from '../config';\n\nclass AudienceSelectorLauncher extends PureComponent {\n  onPressAudience = () => {\n    const { user, audienceType, audienceTypeSelection } = this.props;\n\n    Services.navigation.navigate('audienceSelectorPage', {\n      site: user.site,\n      audienceType: audienceType || 'Custom',\n      audienceTypeSelection: audienceTypeSelection || [],\n      onChange: (audienceType, audienceTypeSelection) => {\n        if (this.props.onChange) this.props.onChange(audienceType, audienceTypeSelection);\n      },\n    });\n  };\n\n  render() {\n    const { style, textStyle, audienceTypeSelection } = this.props;\n    const selected =\n      audienceTypeSelection && audienceTypeSelection.length > 0\n        ? `Current selection: ${audienceTypeSelection.map(i => i.Title).join(', ')}`\n        : '';\n\n    return (\n      <FormCardSectionOptionLauncher\n        sectionStyle={[styles.audienceSection, style]}\n        textStyle={[styles.audienceText, textStyle]}\n        onPress={this.onPressAudience}\n        title=\"Audience\"\n        description={selected}\n        value={selected ? 'Custom' : 'All Users'}\n      />\n    );\n  }\n}\n\nconst styles = StyleSheet.create({\n  audienceSection: {\n    paddingHorizontal: 0,\n  },\n  audienceText: {\n    fontFamily: 'sf-semibold',\n    fontSize: 16,\n    color: TEXT_DARK,\n  },\n});\n\nconst mapStateToProps = state => {\n  return {\n    user: state.user,\n    colourBrandingMain: getMainBrandingColourFromState(state),\n  };\n};\n\nconst audienceSelectorLauncher = connect(mapStateToProps, {})(AudienceSelectorLauncher);\nexport { audienceSelectorLauncher as AudienceSelectorLauncher };\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,aAAa,QAAQ,OAAO;AAC5C,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,OAAO,QAAQ,aAAa;AACrC,SAASC,6BAA6B,QAAQ,iCAAiC;AAC/E,SAASC,8BAA8B,EAAEC,SAAS,QAAQ,YAAY;AACtE,SAASC,QAAQ,QAAQ,WAAW;AAEpC,MAAMC,wBAAwB,SAASP,aAAa,CAAC;EAAAQ,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,0BACjC,MAAM;MACtB,MAAM;QAAEC,IAAI;QAAEC,YAAY;QAAEC;MAAsB,CAAC,GAAG,IAAI,CAACC,KAAK;MAEhER,QAAQ,CAACS,UAAU,CAACC,QAAQ,CAAC,sBAAsB,EAAE;QACnDC,IAAI,EAAEN,IAAI,CAACM,IAAI;QACfL,YAAY,EAAEA,YAAY,IAAI,QAAQ;QACtCC,qBAAqB,EAAEA,qBAAqB,IAAI,EAAE;QAClDK,QAAQ,EAAEA,CAACN,YAAY,EAAEC,qBAAqB,KAAK;UACjD,IAAI,IAAI,CAACC,KAAK,CAACI,QAAQ,EAAE,IAAI,CAACJ,KAAK,CAACI,QAAQ,CAACN,YAAY,EAAEC,qBAAqB,CAAC;QACnF;MACF,CAAC,CAAC;IACJ,CAAC;EAAA;EAEDM,MAAMA,CAAA,EAAG;IACP,MAAM;MAAEC,KAAK;MAAEC,SAAS;MAAER;IAAsB,CAAC,GAAG,IAAI,CAACC,KAAK;IAC9D,MAAMQ,QAAQ,GACZT,qBAAqB,IAAIA,qBAAqB,CAACU,MAAM,GAAG,CAAC,GACrD,sBAAsBV,qBAAqB,CAACW,GAAG,CAACC,CAAC,IAAIA,CAAC,CAACC,KAAK,CAAC,CAACC,IAAI,CAAC,IAAI,CAAC,EAAE,GAC1E,EAAE;IAER,oBACE5B,KAAA,CAAA6B,aAAA,CAACzB,6BAA6B;MAC5B0B,YAAY,EAAE,CAACC,MAAM,CAACC,eAAe,EAAEX,KAAK,CAAE;MAC9CC,SAAS,EAAE,CAACS,MAAM,CAACE,YAAY,EAAEX,SAAS,CAAE;MAC5CY,OAAO,EAAE,IAAI,CAACC,eAAgB;MAC9BC,KAAK,EAAC,UAAU;MAChBC,WAAW,EAAEd,QAAS;MACtBe,KAAK,EAAEf,QAAQ,GAAG,QAAQ,GAAG;IAAY,CAC1C,CAAC;EAEN;AACF;AAEA,MAAMQ,MAAM,GAAG7B,UAAU,CAACqC,MAAM,CAAC;EAC/BP,eAAe,EAAE;IACfQ,iBAAiB,EAAE;EACrB,CAAC;EACDP,YAAY,EAAE;IACZQ,UAAU,EAAE,aAAa;IACzBC,QAAQ,EAAE,EAAE;IACZC,KAAK,EAAErC;EACT;AACF,CAAC,CAAC;AAEF,MAAMsC,eAAe,GAAGC,KAAK,IAAI;EAC/B,OAAO;IACLjC,IAAI,EAAEiC,KAAK,CAACjC,IAAI;IAChBkC,kBAAkB,EAAEzC,8BAA8B,CAACwC,KAAK;EAC1D,CAAC;AACH,CAAC;AAED,MAAME,wBAAwB,GAAG5C,OAAO,CAACyC,eAAe,EAAE,CAAC,CAAC,CAAC,CAACpC,wBAAwB,CAAC;AACvF,SAASuC,wBAAwB,IAAIvC,wBAAwB","ignoreList":[]}

package/dist/module/components/AudienceSelectorPage.js

@@ -1,6 +1,6 @@
-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(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : 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 _ from 'lodash';

package/dist/module/components/AudienceSelectorPage.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Component","connect","_","TouchableOpacity","View","ScrollView","Text","StyleSheet","Icon","Services","FormCard","FormCardSection","InlineButton","Header","Spinner","TEXT_DARK","COLOUR_GREEN","BG_GREY","INACTIVE_BUTTON","TEXT_LIGHT","getMainBrandingColourFromState","typeActions","profileActions","AudienceSelectorPage","constructor","props","_defineProperty","setState","loading","getUserTypes","getUserTags","combinedList","getAvailableAudienceTags","error","console","data","site","forEach","e","name","category","toUpperCase","substring","displayName","key","typeName","types","getUserTagsBySite","Title","Id","tags","categories","state","audienceTypeSelection","categoryTags","map","c","AudienceType","AudienceTypeSelection","Selected","some","i","userTypeTags","t","userTagTags","navigation","goBack","newList","seeAll","option","selected","find","onChange","filter","length","renderOption","label","onSelect","hasUnderline","createElement","onPress","hasContent","style","styles","labelContainer","labelText","type","iconStyle","color","fontSize","renderSelectAll","allSelected","selectAllContainer","onSelectAll","renderSelection","selectedText","join","hasSelected","isEmpty","selectionContainer","selectionContainerInner","selectionTitle","onSeeAll","seeAllButton","selectionText","numberOfLines","renderTips","tipContainer","tipText","fontFamily","renderAvailableAudiences","availableScrollContainer","contentContainerStyle","availabelScrollContent","index","notLast","onToggleAudienceOption","renderButtons","doneButtonContainer","colourBrandingMain","onDone","touchableStyle","doneButton","fillTouchable","large","disabled","render","container","leftIcon","onPressLeft","onPressBack","text","create","flex","position","backgroundColor","marginTop","padding","flexDirection","justifyContent","marginLeft","flexGrow","description","paddingTop","paddingBottom","marginHorizontal","mapStateToProps"],"sources":["AudienceSelectorPage.js"],"sourcesContent":["import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport _ from 'lodash';\nimport { TouchableOpacity, View, ScrollView, Text, StyleSheet } from 'react-native';\nimport { Icon } from 'react-native-elements';\nimport { Services } from '../config';\nimport { FormCard } from './FormCard';\nimport { FormCardSection } from './FormCardSection';\nimport { InlineButton } from './InlineButton';\nimport Header from './Header';\nimport { Spinner } from './Spinner';\nimport { TEXT_DARK, COLOUR_GREEN, BG_GREY, INACTIVE_BUTTON, TEXT_LIGHT, getMainBrandingColourFromState } from '../colours';\nimport { typeActions, profileActions } from '../apis';\n\nclass AudienceSelectorPage extends Component {\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      loading: false,\n      categories: [\n        {\n          name: 'All Primary Users',\n          key: 'resident',\n        },\n        {\n          name: 'All Staff Users',\n          key: 'staff',\n        },\n        {\n          name: 'All Linked Users',\n          key: 'family',\n        },\n      ],\n      types: [],\n      tags: [],\n      combinedList: [],\n      seeAll: false,\n    };\n  }\n\n  componentDidMount = async () => {\n    try {\n      this.setState({ loading: true });\n      await this.getUserTypes();\n      await this.getUserTags();\n      this.setState({ loading: false, combinedList: this.getAvailableAudienceTags() });\n    } catch (error) {\n      console.error('loading types error', error);\n      this.setState({ loading: false });\n    }\n  };\n\n  getUserTypes = async () => {\n    const { data } = await typeActions.getUserTypes(this.props.site);\n    data.forEach(e => {\n      e.name = e.category ? `(${e.category[0].toUpperCase() + e.category.substring(1)}) ${e.displayName}` : e.displayName;\n      e.key = e.typeName;\n    });\n    // console.log('getUserTypes', data);\n    this.setState({ types: data });\n  };\n\n  getUserTags = async () => {\n    const { data } = await profileActions.getUserTagsBySite(this.props.site);\n    data.forEach(e => {\n      e.name = e.Title;\n      e.key = e.Id;\n    });\n    // console.log('getUserTags', data);\n    this.setState({ tags: data });\n  };\n\n  getAvailableAudienceTags = () => {\n    const { categories, types, tags } = this.state;\n    const { audienceTypeSelection } = this.props;\n\n    const categoryTags = categories.map(c => {\n      const Id = `category_${c.key}`;\n      return {\n        AudienceType: 'Category',\n        AudienceTypeSelection: c.key,\n        Id,\n        Title: c.name,\n        Selected: audienceTypeSelection.some(i => i.Id === Id),\n      };\n    });\n    const userTypeTags = types.map(t => {\n      const Id = `userType_${t.typeName}`;\n      return {\n        AudienceType: 'UserType',\n        AudienceTypeSelection: t.typeName,\n        Id,\n        Title: `User Type: ${t.displayName}`,\n        Selected: audienceTypeSelection.some(i => i.Id === Id),\n      };\n    });\n    const userTagTags = tags.map(t => {\n      const Id = `userTag_${t.Id}`;\n      return {\n        AudienceType: 'UserTags',\n        AudienceTypeSelection: t.Id,\n        Id,\n        Title: `User Tag: ${t.Title}`,\n        Selected: audienceTypeSelection.some(i => i.Id === Id),\n      };\n    });\n    return [...categoryTags, ...userTypeTags, ...userTagTags];\n  };\n\n  onPressBack = () => {\n    Services.navigation.goBack();\n  };\n\n  onSelectAll = () => {\n    const newList = [...this.state.combinedList];\n    newList.forEach(i => (i.Selected = false));\n    this.setState({ combinedList: newList });\n  };\n\n  onSeeAll = () => {\n    this.setState({ seeAll: !this.state.seeAll });\n  };\n\n  onToggleAudienceOption = option => {\n    const newList = [...this.state.combinedList];\n    const selected = newList.find(i => i.Id === option.Id);\n    if (selected) {\n      selected.Selected = !selected.Selected;\n      this.setState({ combinedList: newList });\n    }\n  };\n\n  onDone = () => {\n    if (this.props.onChange) {\n      const { combinedList } = this.state;\n      const selected = combinedList.filter(i => i.Selected);\n      if (selected && selected.length > 0) {\n        this.props.onChange('Custom', selected);\n      } else {\n        this.props.onChange(null, null);\n      }\n    }\n    Services.navigation.goBack();\n  };\n\n  renderOption(label, selected, onSelect, key = null, hasUnderline = true) {\n    return (\n      <TouchableOpacity key={key} onPress={onSelect}>\n        <FormCardSection hasUnderline={hasUnderline} hasContent>\n          <View style={styles.labelContainer}>\n            <Text style={styles.labelText}>{label}</Text>\n            <Icon\n              name=\"check-circle\"\n              type=\"font-awesome\"\n              iconStyle={[{ color: INACTIVE_BUTTON, fontSize: 20 }, selected && { color: COLOUR_GREEN }]}\n            />\n          </View>\n        </FormCardSection>\n      </TouchableOpacity>\n    );\n  }\n\n  renderSelectAll() {\n    const { combinedList, loading } = this.state;\n    const allSelected = !combinedList.find(i => i.Selected);\n    if (loading) return null;\n\n    return (\n      <FormCard style={styles.selectAllContainer}>{this.renderOption('All Users', allSelected, this.onSelectAll, null, false)}</FormCard>\n    );\n  }\n\n  renderSelection() {\n    const { loading, combinedList, seeAll } = this.state;\n    if (loading) return null;\n\n    const selectedText = combinedList\n      .filter(i => i.Selected)\n      .map(i => i.Title)\n      .join(', ');\n    const hasSelected = !_.isEmpty(selectedText);\n\n    return (\n      <View style={styles.selectionContainer}>\n        <View style={styles.selectionContainerInner}>\n          <Text style={styles.selectionTitle}>or select from below</Text>\n          {hasSelected ? (\n            <TouchableOpacity onPress={this.onSeeAll}>\n              <Text style={styles.seeAllButton}>{seeAll ? 'See less' : 'See all'}</Text>\n            </TouchableOpacity>\n          ) : null}\n        </View>\n        {hasSelected ? (\n          <Text style={styles.selectionText} numberOfLines={seeAll ? null : 1}>{`Current selection: ${selectedText}`}</Text>\n        ) : null}\n      </View>\n    );\n  }\n\n  renderTips() {\n    return (\n      <View style={styles.tipContainer}>\n        <Text style={styles.tipText}>\n          <Text style={{ fontFamily: 'sf-semibold' }}>Tip: </Text>\n          Group your users using User Tags from your website Community Manager\n        </Text>\n      </View>\n    );\n  }\n\n  renderAvailableAudiences() {\n    const { loading, combinedList } = this.state;\n\n    return (\n      <ScrollView style={styles.availableScrollContainer} contentContainerStyle={styles.availabelScrollContent}>\n        <FormCard>\n          {combinedList.map((option, index) => {\n            const notLast = index < combinedList.length - 1;\n            return this.renderOption(option.Title, option.Selected, () => this.onToggleAudienceOption(option), index, notLast);\n          })}\n        </FormCard>\n        {loading ? <Spinner /> : null}\n        {this.renderTips()}\n      </ScrollView>\n    );\n  }\n\n  renderButtons() {\n    const { loading } = this.state;\n\n    return (\n      <View style={styles.doneButtonContainer}>\n        <InlineButton\n          color={loading ? INACTIVE_BUTTON : this.props.colourBrandingMain}\n          onPress={this.onDone}\n          touchableStyle={styles.doneButton}\n          fillTouchable\n          large\n          disabled={loading}\n        >\n          Done\n        </InlineButton>\n      </View>\n    );\n  }\n\n  render() {\n    return (\n      <View style={styles.container}>\n        <Header leftIcon=\"angle-left\" onPressLeft={this.onPressBack} text={'Select Audience'} />\n        {this.renderSelectAll()}\n        {this.renderSelection()}\n        {this.renderAvailableAudiences()}\n        {this.renderButtons()}\n      </View>\n    );\n  }\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n    position: 'relative',\n    backgroundColor: BG_GREY,\n  },\n  selectAllContainer: {\n    marginTop: 20,\n  },\n  selectionContainer: {\n    padding: 20,\n  },\n  selectionContainerInner: {\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n  },\n  selectionTitle: {\n    fontFamily: 'sf-bold',\n    fontSize: 14,\n    color: TEXT_DARK,\n  },\n  selectionText: {\n    fontFamily: 'sf-bold',\n    fontSize: 14,\n    color: TEXT_DARK,\n    marginTop: 10,\n  },\n  seeAllButton: {\n    marginLeft: 10,\n    fontFamily: 'sf-bold',\n    fontSize: 14,\n    color: TEXT_LIGHT,\n  },\n  availableScrollContainer: {\n    flex: 1,\n  },\n  availabelScrollContent: {\n    flexGrow: 1,\n    justifyContent: 'space-between',\n    flexDirection: 'column',\n  },\n  tipContainer: {\n    padding: 10,\n  },\n  tipText: {\n    fontSize: 14,\n    fontFamily: 'sf-regular',\n    color: TEXT_DARK,\n  },\n  labelContainer: {\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n  },\n  labelText: {\n    fontFamily: 'sf-medium',\n    fontSize: 16,\n    color: TEXT_DARK,\n  },\n  description: {\n    marginTop: 5,\n    fontSize: 14,\n    fontFamily: 'sf-regular',\n    color: TEXT_DARK,\n  },\n  doneButtonContainer: {\n    backgroundColor: '#fff',\n    marginTop: 1,\n    flexDirection: 'row',\n    paddingTop: 10,\n    paddingBottom: 20,\n  },\n  doneButton: {\n    flex: 1,\n    marginHorizontal: 6,\n  },\n});\n\nconst mapStateToProps = state => {\n  return {\n    colourBrandingMain: getMainBrandingColourFromState(state),\n  };\n};\n\nexport default connect(mapStateToProps, {})(AudienceSelectorPage);\n"],"mappings":"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"}
+{"version":3,"names":["React","Component","connect","_","TouchableOpacity","View","ScrollView","Text","StyleSheet","Icon","Services","FormCard","FormCardSection","InlineButton","Header","Spinner","TEXT_DARK","COLOUR_GREEN","BG_GREY","INACTIVE_BUTTON","TEXT_LIGHT","getMainBrandingColourFromState","typeActions","profileActions","AudienceSelectorPage","constructor","props","_defineProperty","setState","loading","getUserTypes","getUserTags","combinedList","getAvailableAudienceTags","error","console","data","site","forEach","e","name","category","toUpperCase","substring","displayName","key","typeName","types","getUserTagsBySite","Title","Id","tags","categories","state","audienceTypeSelection","categoryTags","map","c","AudienceType","AudienceTypeSelection","Selected","some","i","userTypeTags","t","userTagTags","navigation","goBack","newList","seeAll","option","selected","find","onChange","filter","length","renderOption","label","onSelect","hasUnderline","createElement","onPress","hasContent","style","styles","labelContainer","labelText","type","iconStyle","color","fontSize","renderSelectAll","allSelected","selectAllContainer","onSelectAll","renderSelection","selectedText","join","hasSelected","isEmpty","selectionContainer","selectionContainerInner","selectionTitle","onSeeAll","seeAllButton","selectionText","numberOfLines","renderTips","tipContainer","tipText","fontFamily","renderAvailableAudiences","availableScrollContainer","contentContainerStyle","availabelScrollContent","index","notLast","onToggleAudienceOption","renderButtons","doneButtonContainer","colourBrandingMain","onDone","touchableStyle","doneButton","fillTouchable","large","disabled","render","container","leftIcon","onPressLeft","onPressBack","text","create","flex","position","backgroundColor","marginTop","padding","flexDirection","justifyContent","marginLeft","flexGrow","description","paddingTop","paddingBottom","marginHorizontal","mapStateToProps"],"sources":["AudienceSelectorPage.js"],"sourcesContent":["import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport _ from 'lodash';\nimport { TouchableOpacity, View, ScrollView, Text, StyleSheet } from 'react-native';\nimport { Icon } from 'react-native-elements';\nimport { Services } from '../config';\nimport { FormCard } from './FormCard';\nimport { FormCardSection } from './FormCardSection';\nimport { InlineButton } from './InlineButton';\nimport Header from './Header';\nimport { Spinner } from './Spinner';\nimport { TEXT_DARK, COLOUR_GREEN, BG_GREY, INACTIVE_BUTTON, TEXT_LIGHT, getMainBrandingColourFromState } from '../colours';\nimport { typeActions, profileActions } from '../apis';\n\nclass AudienceSelectorPage extends Component {\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      loading: false,\n      categories: [\n        {\n          name: 'All Primary Users',\n          key: 'resident',\n        },\n        {\n          name: 'All Staff Users',\n          key: 'staff',\n        },\n        {\n          name: 'All Linked Users',\n          key: 'family',\n        },\n      ],\n      types: [],\n      tags: [],\n      combinedList: [],\n      seeAll: false,\n    };\n  }\n\n  componentDidMount = async () => {\n    try {\n      this.setState({ loading: true });\n      await this.getUserTypes();\n      await this.getUserTags();\n      this.setState({ loading: false, combinedList: this.getAvailableAudienceTags() });\n    } catch (error) {\n      console.error('loading types error', error);\n      this.setState({ loading: false });\n    }\n  };\n\n  getUserTypes = async () => {\n    const { data } = await typeActions.getUserTypes(this.props.site);\n    data.forEach(e => {\n      e.name = e.category ? `(${e.category[0].toUpperCase() + e.category.substring(1)}) ${e.displayName}` : e.displayName;\n      e.key = e.typeName;\n    });\n    // console.log('getUserTypes', data);\n    this.setState({ types: data });\n  };\n\n  getUserTags = async () => {\n    const { data } = await profileActions.getUserTagsBySite(this.props.site);\n    data.forEach(e => {\n      e.name = e.Title;\n      e.key = e.Id;\n    });\n    // console.log('getUserTags', data);\n    this.setState({ tags: data });\n  };\n\n  getAvailableAudienceTags = () => {\n    const { categories, types, tags } = this.state;\n    const { audienceTypeSelection } = this.props;\n\n    const categoryTags = categories.map(c => {\n      const Id = `category_${c.key}`;\n      return {\n        AudienceType: 'Category',\n        AudienceTypeSelection: c.key,\n        Id,\n        Title: c.name,\n        Selected: audienceTypeSelection.some(i => i.Id === Id),\n      };\n    });\n    const userTypeTags = types.map(t => {\n      const Id = `userType_${t.typeName}`;\n      return {\n        AudienceType: 'UserType',\n        AudienceTypeSelection: t.typeName,\n        Id,\n        Title: `User Type: ${t.displayName}`,\n        Selected: audienceTypeSelection.some(i => i.Id === Id),\n      };\n    });\n    const userTagTags = tags.map(t => {\n      const Id = `userTag_${t.Id}`;\n      return {\n        AudienceType: 'UserTags',\n        AudienceTypeSelection: t.Id,\n        Id,\n        Title: `User Tag: ${t.Title}`,\n        Selected: audienceTypeSelection.some(i => i.Id === Id),\n      };\n    });\n    return [...categoryTags, ...userTypeTags, ...userTagTags];\n  };\n\n  onPressBack = () => {\n    Services.navigation.goBack();\n  };\n\n  onSelectAll = () => {\n    const newList = [...this.state.combinedList];\n    newList.forEach(i => (i.Selected = false));\n    this.setState({ combinedList: newList });\n  };\n\n  onSeeAll = () => {\n    this.setState({ seeAll: !this.state.seeAll });\n  };\n\n  onToggleAudienceOption = option => {\n    const newList = [...this.state.combinedList];\n    const selected = newList.find(i => i.Id === option.Id);\n    if (selected) {\n      selected.Selected = !selected.Selected;\n      this.setState({ combinedList: newList });\n    }\n  };\n\n  onDone = () => {\n    if (this.props.onChange) {\n      const { combinedList } = this.state;\n      const selected = combinedList.filter(i => i.Selected);\n      if (selected && selected.length > 0) {\n        this.props.onChange('Custom', selected);\n      } else {\n        this.props.onChange(null, null);\n      }\n    }\n    Services.navigation.goBack();\n  };\n\n  renderOption(label, selected, onSelect, key = null, hasUnderline = true) {\n    return (\n      <TouchableOpacity key={key} onPress={onSelect}>\n        <FormCardSection hasUnderline={hasUnderline} hasContent>\n          <View style={styles.labelContainer}>\n            <Text style={styles.labelText}>{label}</Text>\n            <Icon\n              name=\"check-circle\"\n              type=\"font-awesome\"\n              iconStyle={[{ color: INACTIVE_BUTTON, fontSize: 20 }, selected && { color: COLOUR_GREEN }]}\n            />\n          </View>\n        </FormCardSection>\n      </TouchableOpacity>\n    );\n  }\n\n  renderSelectAll() {\n    const { combinedList, loading } = this.state;\n    const allSelected = !combinedList.find(i => i.Selected);\n    if (loading) return null;\n\n    return (\n      <FormCard style={styles.selectAllContainer}>{this.renderOption('All Users', allSelected, this.onSelectAll, null, false)}</FormCard>\n    );\n  }\n\n  renderSelection() {\n    const { loading, combinedList, seeAll } = this.state;\n    if (loading) return null;\n\n    const selectedText = combinedList\n      .filter(i => i.Selected)\n      .map(i => i.Title)\n      .join(', ');\n    const hasSelected = !_.isEmpty(selectedText);\n\n    return (\n      <View style={styles.selectionContainer}>\n        <View style={styles.selectionContainerInner}>\n          <Text style={styles.selectionTitle}>or select from below</Text>\n          {hasSelected ? (\n            <TouchableOpacity onPress={this.onSeeAll}>\n              <Text style={styles.seeAllButton}>{seeAll ? 'See less' : 'See all'}</Text>\n            </TouchableOpacity>\n          ) : null}\n        </View>\n        {hasSelected ? (\n          <Text style={styles.selectionText} numberOfLines={seeAll ? null : 1}>{`Current selection: ${selectedText}`}</Text>\n        ) : null}\n      </View>\n    );\n  }\n\n  renderTips() {\n    return (\n      <View style={styles.tipContainer}>\n        <Text style={styles.tipText}>\n          <Text style={{ fontFamily: 'sf-semibold' }}>Tip: </Text>\n          Group your users using User Tags from your website Community Manager\n        </Text>\n      </View>\n    );\n  }\n\n  renderAvailableAudiences() {\n    const { loading, combinedList } = this.state;\n\n    return (\n      <ScrollView style={styles.availableScrollContainer} contentContainerStyle={styles.availabelScrollContent}>\n        <FormCard>\n          {combinedList.map((option, index) => {\n            const notLast = index < combinedList.length - 1;\n            return this.renderOption(option.Title, option.Selected, () => this.onToggleAudienceOption(option), index, notLast);\n          })}\n        </FormCard>\n        {loading ? <Spinner /> : null}\n        {this.renderTips()}\n      </ScrollView>\n    );\n  }\n\n  renderButtons() {\n    const { loading } = this.state;\n\n    return (\n      <View style={styles.doneButtonContainer}>\n        <InlineButton\n          color={loading ? INACTIVE_BUTTON : this.props.colourBrandingMain}\n          onPress={this.onDone}\n          touchableStyle={styles.doneButton}\n          fillTouchable\n          large\n          disabled={loading}\n        >\n          Done\n        </InlineButton>\n      </View>\n    );\n  }\n\n  render() {\n    return (\n      <View style={styles.container}>\n        <Header leftIcon=\"angle-left\" onPressLeft={this.onPressBack} text={'Select Audience'} />\n        {this.renderSelectAll()}\n        {this.renderSelection()}\n        {this.renderAvailableAudiences()}\n        {this.renderButtons()}\n      </View>\n    );\n  }\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n    position: 'relative',\n    backgroundColor: BG_GREY,\n  },\n  selectAllContainer: {\n    marginTop: 20,\n  },\n  selectionContainer: {\n    padding: 20,\n  },\n  selectionContainerInner: {\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n  },\n  selectionTitle: {\n    fontFamily: 'sf-bold',\n    fontSize: 14,\n    color: TEXT_DARK,\n  },\n  selectionText: {\n    fontFamily: 'sf-bold',\n    fontSize: 14,\n    color: TEXT_DARK,\n    marginTop: 10,\n  },\n  seeAllButton: {\n    marginLeft: 10,\n    fontFamily: 'sf-bold',\n    fontSize: 14,\n    color: TEXT_LIGHT,\n  },\n  availableScrollContainer: {\n    flex: 1,\n  },\n  availabelScrollContent: {\n    flexGrow: 1,\n    justifyContent: 'space-between',\n    flexDirection: 'column',\n  },\n  tipContainer: {\n    padding: 10,\n  },\n  tipText: {\n    fontSize: 14,\n    fontFamily: 'sf-regular',\n    color: TEXT_DARK,\n  },\n  labelContainer: {\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n  },\n  labelText: {\n    fontFamily: 'sf-medium',\n    fontSize: 16,\n    color: TEXT_DARK,\n  },\n  description: {\n    marginTop: 5,\n    fontSize: 14,\n    fontFamily: 'sf-regular',\n    color: TEXT_DARK,\n  },\n  doneButtonContainer: {\n    backgroundColor: '#fff',\n    marginTop: 1,\n    flexDirection: 'row',\n    paddingTop: 10,\n    paddingBottom: 20,\n  },\n  doneButton: {\n    flex: 1,\n    marginHorizontal: 6,\n  },\n});\n\nconst mapStateToProps = state => {\n  return {\n    colourBrandingMain: getMainBrandingColourFromState(state),\n  };\n};\n\nexport default connect(mapStateToProps, {})(AudienceSelectorPage);\n"],"mappings":"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","ignoreList":[]}

package/dist/module/components/AutoOffsetImage.js

@@ -1,6 +1,6 @@
-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(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : 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, Image, Animated, StyleSheet } from 'react-native';
 import { connect } from 'react-redux';
@@ -79,7 +79,6 @@ class AutoOffsetImage extends Component {
           // move down
           offset.y = -Math.max(landmarkEnd.y + this.props.height * this.paddingFactor - this.props.height, 0); // move bottom to 5% below end of landmark
         }
-
         if (landmarkStart.x < imageBounds.start.x) {
           // move right
           offset.x = -Math.max(landmarkStart.x - this.props.width * this.paddingFactor, 0); // move left edge to 5% left of start of landmark
@@ -87,7 +86,6 @@ class AutoOffsetImage extends Component {
           // move left
           offset.x = -Math.max(landmarkEnd.x + this.props.width * this.paddingFactor - this.props.width, 0); // move right edge to 5% left of end of landmark
         }
-
         this.setState({
           imageStyle: {
             width,

package/dist/module/components/AutoOffsetImage.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Component","View","Image","Animated","StyleSheet","connect","moment","findLandmarkRange","getScaledOffset","get300","detectFaces","saveImagePosition","AutoOffsetImage","constructor","props","_defineProperty","event","nativeEvent","source","uri","setState","imageSource","state","disabled","startTime","valueOf","cachedValues","imagePositions","response","stringActions","getString","encodeURIComponent","data","e","console","log","faces","image","_","isEmpty","add","timestamp","targetWidth","width","targetHeight","height","scaledOffset","start","landmarkStart","end","landmarkEnd","bounds","imageBounds","offset","y","Math","max","paddingFactor","x","imageStyle","top","left","endTime","timing","blurRadius","toValue","duration","useNativeDriver","Value","componentDidMount","positionImage","componentDidUpdate","prevProps","render","createElement","style","styles","container","onLoad","children","create","overflow","position","resizeMode","staticImage","mapStateToProps","media","positions","autoOffsetImage"],"sources":["AutoOffsetImage.js"],"sourcesContent":["import React, { Component } from 'react';\nimport { View, Image, Animated, StyleSheet } from 'react-native';\nimport { connect } from 'react-redux';\nimport moment from 'moment';\nimport { findLandmarkRange, getScaledOffset, get300, detectFaces } from '../helper';\nimport { saveImagePosition } from '../actions';\n\nclass AutoOffsetImage extends Component {\n  constructor(props) {\n    super(props);\n\n    this.paddingFactor = this.props.paddingFactor || 0.1;\n\n    this.state = {\n      imageStyle: {\n        width: this.props.width,\n        height: this.props.height,\n      },\n      blurRadius: new Animated.Value(100),\n      imageSource: get300(this.props.uri),\n      disabled: true,\n    };\n  }\n\n  componentDidMount() {\n    this.positionImage();\n  }\n\n  componentDidUpdate(prevProps) {\n    if (prevProps.uri !== this.props.uri || prevProps.height !== this.props.height || prevProps.width !== this.props.width) {\n      this.positionImage();\n    }\n  }\n\n  onLoad = event => {\n    if (event.nativeEvent.source.uri !== this.props.uri) {\n      this.setState({\n        imageSource: this.props.uri,\n      });\n    }\n    // if (event.nativeEvent.source.uri === this.props.uri && !this.state.imageLoaded) {\n    //   //unblur\n    //   this.setState({\n    //     imageLoaded: true,\n    //   });\n    //   Animated.sequence([\n    //     Animated.delay(200),\n    //     Animated.timing(this.state.blurRadius, {\n    //       toValue: 0,\n    //       duration: 500,\n    //       useNativeDriver: false,\n    //     }),\n    //   ]).start();\n    // }\n  };\n\n  positionImage = async () => {\n    if (this.state.disabled) {\n      return;\n    }\n    try {\n      const startTime = moment().valueOf();\n\n      let cachedValues;\n      // check local cache\n      if (this.props.imagePositions && this.props.imagePositions[this.props.uri]) {\n        cachedValues = this.props.imagePositions[this.props.uri];\n      }\n      // check remote cache\n      if (!cachedValues) {\n        try {\n          const response = await stringActions.getString('plussSpace', `imagefaces_${encodeURIComponent(this.props.uri)}`);\n          cachedValues = response.data;\n        } catch (e) {\n          console.log('errored from cache');\n        }\n        // run face detection locally\n        if (\n          !cachedValues ||\n          !cachedValues.faces ||\n          !cachedValues.image ||\n          (_.isEmpty(cachedValues.faces) &&\n            moment()\n              .add(-1, 'w')\n              .valueOf() > moment(cachedValues.timestamp).valueOf())\n        ) {\n          cachedValues = await detectFaces(this.props.uri);\n        }\n        this.props.saveImagePosition(this.props.uri, cachedValues);\n      }\n\n      const image = await findLandmarkRange(this.props.uri, {\n        targetWidth: this.props.width,\n        targetHeight: this.props.height,\n        cachedValues,\n      });\n      const scaledOffset = getScaledOffset(image.width, image.height, this.props.width, this.props.height);\n\n      const { start: landmarkStart, end: landmarkEnd } = image;\n      const { bounds: imageBounds, offset, width, height } = scaledOffset;\n\n      if (landmarkStart.y < imageBounds.start.y) {\n        // move up\n        offset.y = -Math.max(landmarkStart.y - this.props.height * this.paddingFactor, 0); // move top to 5% above start of landmark\n      } else if (landmarkEnd.y > imageBounds.end.y) {\n        // move down\n        offset.y = -Math.max(landmarkEnd.y + this.props.height * this.paddingFactor - this.props.height, 0); // move bottom to 5% below end of landmark\n      }\n\n      if (landmarkStart.x < imageBounds.start.x) {\n        // move right\n        offset.x = -Math.max(landmarkStart.x - this.props.width * this.paddingFactor, 0); // move left edge to 5% left of start of landmark\n      } else if (landmarkEnd.x > imageBounds.end.x) {\n        // move left\n        offset.x = -Math.max(landmarkEnd.x + this.props.width * this.paddingFactor - this.props.width, 0); // move right edge to 5% left of end of landmark\n      }\n\n      this.setState({\n        imageStyle: {\n          width,\n          height,\n          top: offset.y,\n          left: offset.x,\n        },\n        imageSource: this.props.uri,\n      });\n\n      const endTime = moment().valueOf();\n      if (endTime - startTime < 500) {\n        Animated.timing(this.state.blurRadius, {\n          toValue: 0,\n          duration: 0,\n          useNativeDriver: false,\n        }).start();\n      }\n    } catch (e) {\n      this.setState({\n        imageSource: this.props.uri,\n      });\n    }\n  };\n\n  render() {\n    if (this.state.disabled) {\n      return (\n        <View\n          style={[\n            styles.container,\n            {\n              width: this.props.width,\n              height: this.props.height,\n            },\n            this.props.style,\n          ]}\n        >\n          <Image source={{ uri: this.state.imageSource }} style={[styles.image, this.state.imageStyle]} onLoad={this.onLoad} />\n          {this.props.children}\n        </View>\n      );\n    }\n    return (\n      <View\n        style={[\n          styles.container,\n          {\n            width: this.props.width,\n            height: this.props.height,\n          },\n          this.props.style,\n        ]}\n      >\n        <Animated.Image\n          blurRadius={this.state.blurRadius}\n          source={{ uri: this.state.imageSource }}\n          style={[styles.image, this.state.imageStyle]}\n          onLoad={this.onLoad}\n        />\n        {this.props.children}\n      </View>\n    );\n  }\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    overflow: 'hidden',\n  },\n  image: {\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    resizeMode: 'cover',\n  },\n  staticImage: {\n    resizeMode: 'cover',\n  },\n});\n\nconst mapStateToProps = state => {\n  return {\n    imagePositions: state.media.positions,\n  };\n};\n\nconst autoOffsetImage = connect(mapStateToProps, { saveImagePosition })(AutoOffsetImage);\nexport { autoOffsetImage as AutoOffsetImage };\n"],"mappings":"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"}
+{"version":3,"names":["React","Component","View","Image","Animated","StyleSheet","connect","moment","findLandmarkRange","getScaledOffset","get300","detectFaces","saveImagePosition","AutoOffsetImage","constructor","props","_defineProperty","event","nativeEvent","source","uri","setState","imageSource","state","disabled","startTime","valueOf","cachedValues","imagePositions","response","stringActions","getString","encodeURIComponent","data","e","console","log","faces","image","_","isEmpty","add","timestamp","targetWidth","width","targetHeight","height","scaledOffset","start","landmarkStart","end","landmarkEnd","bounds","imageBounds","offset","y","Math","max","paddingFactor","x","imageStyle","top","left","endTime","timing","blurRadius","toValue","duration","useNativeDriver","Value","componentDidMount","positionImage","componentDidUpdate","prevProps","render","createElement","style","styles","container","onLoad","children","create","overflow","position","resizeMode","staticImage","mapStateToProps","media","positions","autoOffsetImage"],"sources":["AutoOffsetImage.js"],"sourcesContent":["import React, { Component } from 'react';\nimport { View, Image, Animated, StyleSheet } from 'react-native';\nimport { connect } from 'react-redux';\nimport moment from 'moment';\nimport { findLandmarkRange, getScaledOffset, get300, detectFaces } from '../helper';\nimport { saveImagePosition } from '../actions';\n\nclass AutoOffsetImage extends Component {\n  constructor(props) {\n    super(props);\n\n    this.paddingFactor = this.props.paddingFactor || 0.1;\n\n    this.state = {\n      imageStyle: {\n        width: this.props.width,\n        height: this.props.height,\n      },\n      blurRadius: new Animated.Value(100),\n      imageSource: get300(this.props.uri),\n      disabled: true,\n    };\n  }\n\n  componentDidMount() {\n    this.positionImage();\n  }\n\n  componentDidUpdate(prevProps) {\n    if (prevProps.uri !== this.props.uri || prevProps.height !== this.props.height || prevProps.width !== this.props.width) {\n      this.positionImage();\n    }\n  }\n\n  onLoad = event => {\n    if (event.nativeEvent.source.uri !== this.props.uri) {\n      this.setState({\n        imageSource: this.props.uri,\n      });\n    }\n    // if (event.nativeEvent.source.uri === this.props.uri && !this.state.imageLoaded) {\n    //   //unblur\n    //   this.setState({\n    //     imageLoaded: true,\n    //   });\n    //   Animated.sequence([\n    //     Animated.delay(200),\n    //     Animated.timing(this.state.blurRadius, {\n    //       toValue: 0,\n    //       duration: 500,\n    //       useNativeDriver: false,\n    //     }),\n    //   ]).start();\n    // }\n  };\n\n  positionImage = async () => {\n    if (this.state.disabled) {\n      return;\n    }\n    try {\n      const startTime = moment().valueOf();\n\n      let cachedValues;\n      // check local cache\n      if (this.props.imagePositions && this.props.imagePositions[this.props.uri]) {\n        cachedValues = this.props.imagePositions[this.props.uri];\n      }\n      // check remote cache\n      if (!cachedValues) {\n        try {\n          const response = await stringActions.getString('plussSpace', `imagefaces_${encodeURIComponent(this.props.uri)}`);\n          cachedValues = response.data;\n        } catch (e) {\n          console.log('errored from cache');\n        }\n        // run face detection locally\n        if (\n          !cachedValues ||\n          !cachedValues.faces ||\n          !cachedValues.image ||\n          (_.isEmpty(cachedValues.faces) &&\n            moment()\n              .add(-1, 'w')\n              .valueOf() > moment(cachedValues.timestamp).valueOf())\n        ) {\n          cachedValues = await detectFaces(this.props.uri);\n        }\n        this.props.saveImagePosition(this.props.uri, cachedValues);\n      }\n\n      const image = await findLandmarkRange(this.props.uri, {\n        targetWidth: this.props.width,\n        targetHeight: this.props.height,\n        cachedValues,\n      });\n      const scaledOffset = getScaledOffset(image.width, image.height, this.props.width, this.props.height);\n\n      const { start: landmarkStart, end: landmarkEnd } = image;\n      const { bounds: imageBounds, offset, width, height } = scaledOffset;\n\n      if (landmarkStart.y < imageBounds.start.y) {\n        // move up\n        offset.y = -Math.max(landmarkStart.y - this.props.height * this.paddingFactor, 0); // move top to 5% above start of landmark\n      } else if (landmarkEnd.y > imageBounds.end.y) {\n        // move down\n        offset.y = -Math.max(landmarkEnd.y + this.props.height * this.paddingFactor - this.props.height, 0); // move bottom to 5% below end of landmark\n      }\n\n      if (landmarkStart.x < imageBounds.start.x) {\n        // move right\n        offset.x = -Math.max(landmarkStart.x - this.props.width * this.paddingFactor, 0); // move left edge to 5% left of start of landmark\n      } else if (landmarkEnd.x > imageBounds.end.x) {\n        // move left\n        offset.x = -Math.max(landmarkEnd.x + this.props.width * this.paddingFactor - this.props.width, 0); // move right edge to 5% left of end of landmark\n      }\n\n      this.setState({\n        imageStyle: {\n          width,\n          height,\n          top: offset.y,\n          left: offset.x,\n        },\n        imageSource: this.props.uri,\n      });\n\n      const endTime = moment().valueOf();\n      if (endTime - startTime < 500) {\n        Animated.timing(this.state.blurRadius, {\n          toValue: 0,\n          duration: 0,\n          useNativeDriver: false,\n        }).start();\n      }\n    } catch (e) {\n      this.setState({\n        imageSource: this.props.uri,\n      });\n    }\n  };\n\n  render() {\n    if (this.state.disabled) {\n      return (\n        <View\n          style={[\n            styles.container,\n            {\n              width: this.props.width,\n              height: this.props.height,\n            },\n            this.props.style,\n          ]}\n        >\n          <Image source={{ uri: this.state.imageSource }} style={[styles.image, this.state.imageStyle]} onLoad={this.onLoad} />\n          {this.props.children}\n        </View>\n      );\n    }\n    return (\n      <View\n        style={[\n          styles.container,\n          {\n            width: this.props.width,\n            height: this.props.height,\n          },\n          this.props.style,\n        ]}\n      >\n        <Animated.Image\n          blurRadius={this.state.blurRadius}\n          source={{ uri: this.state.imageSource }}\n          style={[styles.image, this.state.imageStyle]}\n          onLoad={this.onLoad}\n        />\n        {this.props.children}\n      </View>\n    );\n  }\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    overflow: 'hidden',\n  },\n  image: {\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    resizeMode: 'cover',\n  },\n  staticImage: {\n    resizeMode: 'cover',\n  },\n});\n\nconst mapStateToProps = state => {\n  return {\n    imagePositions: state.media.positions,\n  };\n};\n\nconst autoOffsetImage = connect(mapStateToProps, { saveImagePosition })(AutoOffsetImage);\nexport { autoOffsetImage as AutoOffsetImage };\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["React","PureComponent","View","TouchableOpacity","connect","stylez","Pl60Icon","getMainBrandingColourFromState","BackButton","render","size","props","diameter","radius","noClick","createElement","style","backButton","backgroundColor","colourBrandingMain","height","width","borderRadius","color","name","flipped","backButtonIcon","iconStyle","onPress","mapStateToProps","state"],"sources":["BackButton.js"],"sourcesContent":["import React, { PureComponent } from 'react';\nimport { View, TouchableOpacity } from 'react-native';\nimport { connect } from 'react-redux';\nimport stylez from '../styles';\nimport { Pl60Icon } from '../fonts';\nimport { getMainBrandingColourFromState } from '../colours';\n\n/* \nProps- \n    onPress - onPress action\n    diameter - size of button\n    color - default will be aveoMain\n    style - custom style for container\n*/\n\nclass BackButton extends PureComponent {\n  render() {\n    const size = this.props.diameter || 32;\n    const radius = size / 2;\n    if (this.props.noClick) {\n      return (\n        <View\n          style={[\n            stylez.backButton,\n            { backgroundColor: this.props.colourBrandingMain, height: size, width: size, borderRadius: radius },\n            this.props.color && { backgroundColor: this.props.color },\n            this.props.style,\n          ]}\n        >\n          <Pl60Icon name={this.props.flipped ? 'chevron_right' : 'chevron_left'} style={[stylez.backButtonIcon, this.props.iconStyle]} />\n        </View>\n      );\n    }\n    return (\n      <TouchableOpacity\n        style={[\n          stylez.backButton,\n          { backgroundColor: this.props.colourBrandingMain, height: size, width: size, borderRadius: radius },\n          this.props.color && { backgroundColor: this.props.color },\n          this.props.style,\n        ]}\n        onPress={this.props.onPress}\n      >\n        <Pl60Icon name={this.props.flipped ? 'chevron_right' : 'chevron_left'} style={[stylez.backButtonIcon, this.props.iconStyle]} />\n      </TouchableOpacity>\n    );\n  }\n}\n\nconst mapStateToProps = state => {\n  return {\n    colourBrandingMain: getMainBrandingColourFromState(state),\n  };\n};\n\nconst backButton = connect(mapStateToProps, {})(BackButton);\nexport { backButton as BackButton };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,QAAQ,OAAO;AAC5C,SAASC,IAAI,EAAEC,gBAAgB,QAAQ,cAAc;AACrD,SAASC,OAAO,QAAQ,aAAa;AACrC,OAAOC,MAAM,MAAM,WAAW;AAC9B,SAASC,QAAQ,QAAQ,UAAU;AACnC,SAASC,8BAA8B,QAAQ,YAAY;;AAE3D;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,MAAMC,UAAU,SAASP,aAAa,CAAC;EACrCQ,MAAMA,CAAA,EAAG;IACP,MAAMC,IAAI,GAAG,IAAI,CAACC,KAAK,CAACC,QAAQ,IAAI,EAAE;IACtC,MAAMC,MAAM,GAAGH,IAAI,GAAG,CAAC;IACvB,IAAI,IAAI,CAACC,KAAK,CAACG,OAAO,EAAE;MACtB,oBACEd,KAAA,CAAAe,aAAA,CAACb,IAAI;QACHc,KAAK,EAAE,CACLX,MAAM,CAACY,UAAU,EACjB;UAAEC,eAAe,EAAE,IAAI,CAACP,KAAK,CAACQ,kBAAkB;UAAEC,MAAM,EAAEV,IAAI;UAAEW,KAAK,EAAEX,IAAI;UAAEY,YAAY,EAAET;QAAO,CAAC,EACnG,IAAI,CAACF,KAAK,CAACY,KAAK,IAAI;UAAEL,eAAe,EAAE,IAAI,CAACP,KAAK,CAACY;QAAM,CAAC,EACzD,IAAI,CAACZ,KAAK,CAACK,KAAK;MAChB,gBAEFhB,KAAA,CAAAe,aAAA,CAACT,QAAQ;QAACkB,IAAI,EAAE,IAAI,CAACb,KAAK,CAACc,OAAO,GAAG,eAAe,GAAG,cAAe;QAACT,KAAK,EAAE,CAACX,MAAM,CAACqB,cAAc,EAAE,IAAI,CAACf,KAAK,CAACgB,SAAS;MAAE,CAAE,CAC1H,CAAC;IAEX;IACA,oBACE3B,KAAA,CAAAe,aAAA,CAACZ,gBAAgB;MACfa,KAAK,EAAE,CACLX,MAAM,CAACY,UAAU,EACjB;QAAEC,eAAe,EAAE,IAAI,CAACP,KAAK,CAACQ,kBAAkB;QAAEC,MAAM,EAAEV,IAAI;QAAEW,KAAK,EAAEX,IAAI;QAAEY,YAAY,EAAET;MAAO,CAAC,EACnG,IAAI,CAACF,KAAK,CAACY,KAAK,IAAI;QAAEL,eAAe,EAAE,IAAI,CAACP,KAAK,CAACY;MAAM,CAAC,EACzD,IAAI,CAACZ,KAAK,CAACK,KAAK,CAChB;MACFY,OAAO,EAAE,IAAI,CAACjB,KAAK,CAACiB;IAAQ,gBAE5B5B,KAAA,CAAAe,aAAA,CAACT,QAAQ;MAACkB,IAAI,EAAE,IAAI,CAACb,KAAK,CAACc,OAAO,GAAG,eAAe,GAAG,cAAe;MAACT,KAAK,EAAE,CAACX,MAAM,CAACqB,cAAc,EAAE,IAAI,CAACf,KAAK,CAACgB,SAAS;IAAE,CAAE,CAC9G,CAAC;EAEvB;AACF;AAEA,MAAME,eAAe,GAAGC,KAAK,IAAI;EAC/B,OAAO;IACLX,kBAAkB,EAAEZ,8BAA8B,CAACuB,KAAK;EAC1D,CAAC;AACH,CAAC;AAED,MAAMb,UAAU,GAAGb,OAAO,CAACyB,eAAe,EAAE,CAAC,CAAC,CAAC,CAACrB,UAAU,CAAC;AAC3D,SAASS,UAAU,IAAIT,UAAU"}
+{"version":3,"names":["React","PureComponent","View","TouchableOpacity","connect","stylez","Pl60Icon","getMainBrandingColourFromState","BackButton","render","size","props","diameter","radius","noClick","createElement","style","backButton","backgroundColor","colourBrandingMain","height","width","borderRadius","color","name","flipped","backButtonIcon","iconStyle","onPress","mapStateToProps","state"],"sources":["BackButton.js"],"sourcesContent":["import React, { PureComponent } from 'react';\nimport { View, TouchableOpacity } from 'react-native';\nimport { connect } from 'react-redux';\nimport stylez from '../styles';\nimport { Pl60Icon } from '../fonts';\nimport { getMainBrandingColourFromState } from '../colours';\n\n/* \nProps- \n    onPress - onPress action\n    diameter - size of button\n    color - default will be aveoMain\n    style - custom style for container\n*/\n\nclass BackButton extends PureComponent {\n  render() {\n    const size = this.props.diameter || 32;\n    const radius = size / 2;\n    if (this.props.noClick) {\n      return (\n        <View\n          style={[\n            stylez.backButton,\n            { backgroundColor: this.props.colourBrandingMain, height: size, width: size, borderRadius: radius },\n            this.props.color && { backgroundColor: this.props.color },\n            this.props.style,\n          ]}\n        >\n          <Pl60Icon name={this.props.flipped ? 'chevron_right' : 'chevron_left'} style={[stylez.backButtonIcon, this.props.iconStyle]} />\n        </View>\n      );\n    }\n    return (\n      <TouchableOpacity\n        style={[\n          stylez.backButton,\n          { backgroundColor: this.props.colourBrandingMain, height: size, width: size, borderRadius: radius },\n          this.props.color && { backgroundColor: this.props.color },\n          this.props.style,\n        ]}\n        onPress={this.props.onPress}\n      >\n        <Pl60Icon name={this.props.flipped ? 'chevron_right' : 'chevron_left'} style={[stylez.backButtonIcon, this.props.iconStyle]} />\n      </TouchableOpacity>\n    );\n  }\n}\n\nconst mapStateToProps = state => {\n  return {\n    colourBrandingMain: getMainBrandingColourFromState(state),\n  };\n};\n\nconst backButton = connect(mapStateToProps, {})(BackButton);\nexport { backButton as BackButton };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,QAAQ,OAAO;AAC5C,SAASC,IAAI,EAAEC,gBAAgB,QAAQ,cAAc;AACrD,SAASC,OAAO,QAAQ,aAAa;AACrC,OAAOC,MAAM,MAAM,WAAW;AAC9B,SAASC,QAAQ,QAAQ,UAAU;AACnC,SAASC,8BAA8B,QAAQ,YAAY;;AAE3D;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,MAAMC,UAAU,SAASP,aAAa,CAAC;EACrCQ,MAAMA,CAAA,EAAG;IACP,MAAMC,IAAI,GAAG,IAAI,CAACC,KAAK,CAACC,QAAQ,IAAI,EAAE;IACtC,MAAMC,MAAM,GAAGH,IAAI,GAAG,CAAC;IACvB,IAAI,IAAI,CAACC,KAAK,CAACG,OAAO,EAAE;MACtB,oBACEd,KAAA,CAAAe,aAAA,CAACb,IAAI;QACHc,KAAK,EAAE,CACLX,MAAM,CAACY,UAAU,EACjB;UAAEC,eAAe,EAAE,IAAI,CAACP,KAAK,CAACQ,kBAAkB;UAAEC,MAAM,EAAEV,IAAI;UAAEW,KAAK,EAAEX,IAAI;UAAEY,YAAY,EAAET;QAAO,CAAC,EACnG,IAAI,CAACF,KAAK,CAACY,KAAK,IAAI;UAAEL,eAAe,EAAE,IAAI,CAACP,KAAK,CAACY;QAAM,CAAC,EACzD,IAAI,CAACZ,KAAK,CAACK,KAAK;MAChB,gBAEFhB,KAAA,CAAAe,aAAA,CAACT,QAAQ;QAACkB,IAAI,EAAE,IAAI,CAACb,KAAK,CAACc,OAAO,GAAG,eAAe,GAAG,cAAe;QAACT,KAAK,EAAE,CAACX,MAAM,CAACqB,cAAc,EAAE,IAAI,CAACf,KAAK,CAACgB,SAAS;MAAE,CAAE,CAC1H,CAAC;IAEX;IACA,oBACE3B,KAAA,CAAAe,aAAA,CAACZ,gBAAgB;MACfa,KAAK,EAAE,CACLX,MAAM,CAACY,UAAU,EACjB;QAAEC,eAAe,EAAE,IAAI,CAACP,KAAK,CAACQ,kBAAkB;QAAEC,MAAM,EAAEV,IAAI;QAAEW,KAAK,EAAEX,IAAI;QAAEY,YAAY,EAAET;MAAO,CAAC,EACnG,IAAI,CAACF,KAAK,CAACY,KAAK,IAAI;QAAEL,eAAe,EAAE,IAAI,CAACP,KAAK,CAACY;MAAM,CAAC,EACzD,IAAI,CAACZ,KAAK,CAACK,KAAK,CAChB;MACFY,OAAO,EAAE,IAAI,CAACjB,KAAK,CAACiB;IAAQ,gBAE5B5B,KAAA,CAAAe,aAAA,CAACT,QAAQ;MAACkB,IAAI,EAAE,IAAI,CAACb,KAAK,CAACc,OAAO,GAAG,eAAe,GAAG,cAAe;MAACT,KAAK,EAAE,CAACX,MAAM,CAACqB,cAAc,EAAE,IAAI,CAACf,KAAK,CAACgB,SAAS;IAAE,CAAE,CAC9G,CAAC;EAEvB;AACF;AAEA,MAAME,eAAe,GAAGC,KAAK,IAAI;EAC/B,OAAO;IACLX,kBAAkB,EAAEZ,8BAA8B,CAACuB,KAAK;EAC1D,CAAC;AACH,CAAC;AAED,MAAMb,UAAU,GAAGb,OAAO,CAACyB,eAAe,EAAE,CAAC,CAAC,CAAC,CAACrB,UAAU,CAAC;AAC3D,SAASS,UAAU,IAAIT,UAAU","ignoreList":[]}

package/dist/module/components/CalendarPopup.js

@@ -0,0 +1,126 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : 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 moment from 'moment';
+import React, { Component } from 'react';
+import { Modal, View, TouchableOpacity, StyleSheet } from 'react-native';
+import { Calendar } from 'react-native-calendars';
+import { StatusBarHeight } from '../helper';
+import { Pl60Icon } from '../fonts';
+import { hexToRGBAstring, COLOUR_RED, TEXT_DARK } from '../colours';
+class CalendarPopup extends Component {
+  constructor(props) {
+    super(props);
+    _defineProperty(this, "onDayPress", date => {
+      const {
+        onSelect
+      } = this.props;
+      if (!onSelect) return;
+
+      // console.log('onDayPress', date);
+      onSelect(date.timestamp);
+    });
+    this.state = {};
+  }
+  renderClose() {
+    const {
+      onClose
+    } = this.props;
+    return /*#__PURE__*/React.createElement(TouchableOpacity, {
+      style: styles.menuIconContainer,
+      onPress: onClose,
+      activeOpacity: 0.6
+    }, /*#__PURE__*/React.createElement(Pl60Icon, {
+      name: "close",
+      style: styles.menuIcon
+    }));
+  }
+  render() {
+    const {
+      visible,
+      animationType,
+      onClose,
+      backgroundStyle,
+      selectedDate,
+      minDate,
+      maxDate,
+      enabledDates,
+      selectedColor,
+      enabledColor,
+      disabledColor,
+      theme
+    } = this.props;
+    const initialDate = (selectedDate ? moment(selectedDate) : moment()).format('YYYY-MM-DD');
+    const min = minDate ? moment(minDate).format('YYYY-MM-DD') : undefined;
+    const max = maxDate ? moment(maxDate).format('YYYY-MM-DD') : undefined;
+    const dateMarkings = {};
+    (enabledDates || []).forEach(date => {
+      const {
+        day,
+        enabled
+      } = date;
+      const key = moment(day).format('YYYY-MM-DD');
+      dateMarkings[key] = {
+        enabled,
+        disableTouchEvent: !enabled,
+        customStyles: {
+          text: {
+            color: enabled ? enabledColor || TEXT_DARK : disabledColor || COLOUR_RED
+          }
+        }
+      };
+    });
+    // console.log('CalendarPopup - enabled', JSON.stringify(dateMarkings, null, 2));
+    return /*#__PURE__*/React.createElement(Modal, {
+      transparent: true,
+      visible: visible || false,
+      animationType: animationType || 'fade',
+      onRequestClose: onClose
+    }, /*#__PURE__*/React.createElement(View, {
+      style: [styles.popup, backgroundStyle || {
+        backgroundColor: hexToRGBAstring('#fff', 1)
+      }]
+    }, /*#__PURE__*/React.createElement(Calendar, {
+      initialDate: initialDate,
+      minDate: min,
+      maxDate: max,
+      markingType: 'custom',
+      markedDates: {
+        ...dateMarkings,
+        [initialDate]: {
+          selected: true,
+          selectedColor: selectedColor || COLOUR_GRAPEFRUIT
+        }
+      },
+      onDayPress: this.onDayPress,
+      theme: theme
+    })), this.renderClose());
+  }
+}
+const styles = StyleSheet.create({
+  container: {
+    backgroundColor: '#000'
+  },
+  popup: {
+    flex: 1,
+    justifyContent: 'center'
+  },
+  menuIconContainer: {
+    position: 'absolute',
+    top: StatusBarHeight(0),
+    right: 0,
+    width: 55,
+    height: 55,
+    zIndex: 3
+  },
+  menuIcon: {
+    fontSize: 30,
+    padding: 15,
+    width: 65,
+    textAlign: 'center',
+    color: '#000',
+    zIndex: 3
+  }
+});
+export { CalendarPopup };
+//# sourceMappingURL=CalendarPopup.js.map

package/dist/module/components/CalendarPopup.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["moment","React","Component","Modal","View","TouchableOpacity","StyleSheet","Calendar","StatusBarHeight","Pl60Icon","hexToRGBAstring","COLOUR_RED","TEXT_DARK","CalendarPopup","constructor","props","_defineProperty","date","onSelect","timestamp","state","renderClose","onClose","createElement","style","styles","menuIconContainer","onPress","activeOpacity","name","menuIcon","render","visible","animationType","backgroundStyle","selectedDate","minDate","maxDate","enabledDates","selectedColor","enabledColor","disabledColor","theme","initialDate","format","min","undefined","max","dateMarkings","forEach","day","enabled","key","disableTouchEvent","customStyles","text","color","transparent","onRequestClose","popup","backgroundColor","markingType","markedDates","selected","COLOUR_GRAPEFRUIT","onDayPress","create","container","flex","justifyContent","position","top","right","width","height","zIndex","fontSize","padding","textAlign"],"sources":["CalendarPopup.js"],"sourcesContent":["import moment from 'moment';\nimport React, { Component } from 'react';\nimport { Modal, View, TouchableOpacity, StyleSheet } from 'react-native';\nimport { Calendar } from 'react-native-calendars';\nimport { StatusBarHeight } from '../helper';\nimport { Pl60Icon } from '../fonts';\nimport { hexToRGBAstring, COLOUR_RED, TEXT_DARK } from '../colours';\n\nclass CalendarPopup extends Component {\n  constructor(props) {\n    super(props);\n\n    this.state = {};\n  }\n\n  onDayPress = date => {\n    const { onSelect } = this.props;\n    if (!onSelect) return;\n\n    // console.log('onDayPress', date);\n    onSelect(date.timestamp);\n  };\n\n  renderClose() {\n    const { onClose } = this.props;\n    return (\n      <TouchableOpacity style={styles.menuIconContainer} onPress={onClose} activeOpacity={0.6}>\n        <Pl60Icon name=\"close\" style={styles.menuIcon} />\n      </TouchableOpacity>\n    );\n  }\n\n  render() {\n    const {\n      visible,\n      animationType,\n      onClose,\n      backgroundStyle,\n      selectedDate,\n      minDate,\n      maxDate,\n      enabledDates,\n      selectedColor,\n      enabledColor,\n      disabledColor,\n      theme,\n    } = this.props;\n\n    const initialDate = (selectedDate ? moment(selectedDate) : moment()).format('YYYY-MM-DD');\n    const min = minDate ? moment(minDate).format('YYYY-MM-DD') : undefined;\n    const max = maxDate ? moment(maxDate).format('YYYY-MM-DD') : undefined;\n    const dateMarkings = {};\n    (enabledDates || []).forEach(date => {\n      const { day, enabled } = date;\n      const key = moment(day).format('YYYY-MM-DD');\n      dateMarkings[key] = {\n        enabled,\n        disableTouchEvent: !enabled,\n        customStyles: { text: { color: enabled ? enabledColor || TEXT_DARK : disabledColor || COLOUR_RED } },\n      };\n    });\n    // console.log('CalendarPopup - enabled', JSON.stringify(dateMarkings, null, 2));\n    return (\n      <Modal transparent visible={visible || false} animationType={animationType || 'fade'} onRequestClose={onClose}>\n        <View style={[styles.popup, backgroundStyle || { backgroundColor: hexToRGBAstring('#fff', 1) }]}>\n          <Calendar\n            initialDate={initialDate}\n            minDate={min}\n            maxDate={max}\n            markingType={'custom'}\n            markedDates={{\n              ...dateMarkings,\n              [initialDate]: { selected: true, selectedColor: selectedColor || COLOUR_GRAPEFRUIT },\n            }}\n            onDayPress={this.onDayPress}\n            theme={theme}\n          />\n        </View>\n        {this.renderClose()}\n      </Modal>\n    );\n  }\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    backgroundColor: '#000',\n  },\n  popup: {\n    flex: 1,\n    justifyContent: 'center',\n  },\n  menuIconContainer: {\n    position: 'absolute',\n    top: StatusBarHeight(0),\n    right: 0,\n    width: 55,\n    height: 55,\n    zIndex: 3,\n  },\n  menuIcon: {\n    fontSize: 30,\n    padding: 15,\n    width: 65,\n    textAlign: 'center',\n    color: '#000',\n    zIndex: 3,\n  },\n});\n\nexport { CalendarPopup };\n"],"mappings":";;;AAAA,OAAOA,MAAM,MAAM,QAAQ;AAC3B,OAAOC,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,KAAK,EAAEC,IAAI,EAAEC,gBAAgB,EAAEC,UAAU,QAAQ,cAAc;AACxE,SAASC,QAAQ,QAAQ,wBAAwB;AACjD,SAASC,eAAe,QAAQ,WAAW;AAC3C,SAASC,QAAQ,QAAQ,UAAU;AACnC,SAASC,eAAe,EAAEC,UAAU,EAAEC,SAAS,QAAQ,YAAY;AAEnE,MAAMC,aAAa,SAASX,SAAS,CAAC;EACpCY,WAAWA,CAACC,KAAK,EAAE;IACjB,KAAK,CAACA,KAAK,CAAC;IAACC,eAAA,qBAKFC,IAAI,IAAI;MACnB,MAAM;QAAEC;MAAS,CAAC,GAAG,IAAI,CAACH,KAAK;MAC/B,IAAI,CAACG,QAAQ,EAAE;;MAEf;MACAA,QAAQ,CAACD,IAAI,CAACE,SAAS,CAAC;IAC1B,CAAC;IATC,IAAI,CAACC,KAAK,GAAG,CAAC,CAAC;EACjB;EAUAC,WAAWA,CAAA,EAAG;IACZ,MAAM;MAAEC;IAAQ,CAAC,GAAG,IAAI,CAACP,KAAK;IAC9B,oBACEd,KAAA,CAAAsB,aAAA,CAAClB,gBAAgB;MAACmB,KAAK,EAAEC,MAAM,CAACC,iBAAkB;MAACC,OAAO,EAAEL,OAAQ;MAACM,aAAa,EAAE;IAAI,gBACtF3B,KAAA,CAAAsB,aAAA,CAACd,QAAQ;MAACoB,IAAI,EAAC,OAAO;MAACL,KAAK,EAAEC,MAAM,CAACK;IAAS,CAAE,CAChC,CAAC;EAEvB;EAEAC,MAAMA,CAAA,EAAG;IACP,MAAM;MACJC,OAAO;MACPC,aAAa;MACbX,OAAO;MACPY,eAAe;MACfC,YAAY;MACZC,OAAO;MACPC,OAAO;MACPC,YAAY;MACZC,aAAa;MACbC,YAAY;MACZC,aAAa;MACbC;IACF,CAAC,GAAG,IAAI,CAAC3B,KAAK;IAEd,MAAM4B,WAAW,GAAG,CAACR,YAAY,GAAGnC,MAAM,CAACmC,YAAY,CAAC,GAAGnC,MAAM,CAAC,CAAC,EAAE4C,MAAM,CAAC,YAAY,CAAC;IACzF,MAAMC,GAAG,GAAGT,OAAO,GAAGpC,MAAM,CAACoC,OAAO,CAAC,CAACQ,MAAM,CAAC,YAAY,CAAC,GAAGE,SAAS;IACtE,MAAMC,GAAG,GAAGV,OAAO,GAAGrC,MAAM,CAACqC,OAAO,CAAC,CAACO,MAAM,CAAC,YAAY,CAAC,GAAGE,SAAS;IACtE,MAAME,YAAY,GAAG,CAAC,CAAC;IACvB,CAACV,YAAY,IAAI,EAAE,EAAEW,OAAO,CAAChC,IAAI,IAAI;MACnC,MAAM;QAAEiC,GAAG;QAAEC;MAAQ,CAAC,GAAGlC,IAAI;MAC7B,MAAMmC,GAAG,GAAGpD,MAAM,CAACkD,GAAG,CAAC,CAACN,MAAM,CAAC,YAAY,CAAC;MAC5CI,YAAY,CAACI,GAAG,CAAC,GAAG;QAClBD,OAAO;QACPE,iBAAiB,EAAE,CAACF,OAAO;QAC3BG,YAAY,EAAE;UAAEC,IAAI,EAAE;YAAEC,KAAK,EAAEL,OAAO,GAAGX,YAAY,IAAI5B,SAAS,GAAG6B,aAAa,IAAI9B;UAAW;QAAE;MACrG,CAAC;IACH,CAAC,CAAC;IACF;IACA,oBACEV,KAAA,CAAAsB,aAAA,CAACpB,KAAK;MAACsD,WAAW;MAACzB,OAAO,EAAEA,OAAO,IAAI,KAAM;MAACC,aAAa,EAAEA,aAAa,IAAI,MAAO;MAACyB,cAAc,EAAEpC;IAAQ,gBAC5GrB,KAAA,CAAAsB,aAAA,CAACnB,IAAI;MAACoB,KAAK,EAAE,CAACC,MAAM,CAACkC,KAAK,EAAEzB,eAAe,IAAI;QAAE0B,eAAe,EAAElD,eAAe,CAAC,MAAM,EAAE,CAAC;MAAE,CAAC;IAAE,gBAC9FT,KAAA,CAAAsB,aAAA,CAAChB,QAAQ;MACPoC,WAAW,EAAEA,WAAY;MACzBP,OAAO,EAAES,GAAI;MACbR,OAAO,EAAEU,GAAI;MACbc,WAAW,EAAE,QAAS;MACtBC,WAAW,EAAE;QACX,GAAGd,YAAY;QACf,CAACL,WAAW,GAAG;UAAEoB,QAAQ,EAAE,IAAI;UAAExB,aAAa,EAAEA,aAAa,IAAIyB;QAAkB;MACrF,CAAE;MACFC,UAAU,EAAE,IAAI,CAACA,UAAW;MAC5BvB,KAAK,EAAEA;IAAM,CACd,CACG,CAAC,EACN,IAAI,CAACrB,WAAW,CAAC,CACb,CAAC;EAEZ;AACF;AAEA,MAAMI,MAAM,GAAGnB,UAAU,CAAC4D,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTP,eAAe,EAAE;EACnB,CAAC;EACDD,KAAK,EAAE;IACLS,IAAI,EAAE,CAAC;IACPC,cAAc,EAAE;EAClB,CAAC;EACD3C,iBAAiB,EAAE;IACjB4C,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE/D,eAAe,CAAC,CAAC,CAAC;IACvBgE,KAAK,EAAE,CAAC;IACRC,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,MAAM,EAAE;EACV,CAAC;EACD7C,QAAQ,EAAE;IACR8C,QAAQ,EAAE,EAAE;IACZC,OAAO,EAAE,EAAE;IACXJ,KAAK,EAAE,EAAE;IACTK,SAAS,EAAE,QAAQ;IACnBtB,KAAK,EAAE,MAAM;IACbmB,MAAM,EAAE;EACV;AACF,CAAC,CAAC;AAEF,SAAS9D,aAAa","ignoreList":[]}

package/dist/module/components/CategoryTabs.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Component","_","Text","TouchableOpacity","View","ScrollView","connect","TEXT_LIGHT","COLOUR_GREEN","getMainBrandingColourFromState","getSiteSettingFromState","Config","CategoryTabs","constructor","props","state","categoryKeys","selectedCategory","initialCategory","UNSAFE_componentWillMount","setState","isUndefined","currentTab","isEmpty","componentDidMount","UNSAFE_componentWillReceiveProps","nextProps","selectCategory","key","onSelect","renderCounter","categoryCounter","counterValues","createElement","style","styles","counter","counterText","renderCategories","noScrollStyle","getTextColour","headerType","colourBrandingMain","getBottomBorderColour","map","index","flex","minHeight","height","justifyContent","catWrapperStyle","onPress","bind","borderBottomColor","borderBottomWidth","marginRight","marginLeft","alignContent","flexDirection","backgroundColor","undefined","innerContainer","borderColor","catStyle","fontFamily","fontSize","color","textAlign","paddingVertical","width","textStyle","colourBrandingHeader","opacity","render","noScroll","horizontal","minWidth","borderRadius","marginTop","paddingHorizontal","mapStateToProps","env","hasGradientHeader","categoryTabs"],"sources":["CategoryTabs.js"],"sourcesContent":["import React, { Component } from 'react';\nimport _ from 'lodash';\nimport { Text, TouchableOpacity, View, ScrollView } from 'react-native';\nimport { connect } from 'react-redux';\nimport { TEXT_LIGHT, COLOUR_GREEN, getMainBrandingColourFromState } from '../colours';\nimport { getSiteSettingFromState } from '../helper';\n// import { HAS_GRADIENT_HEADER } from '../../config';\nimport Config from '../config';\n\nclass CategoryTabs extends Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      categoryKeys: [],\n      selectedCategory: this.props.initialCategory,\n    };\n  }\n\n  UNSAFE_componentWillMount() {\n    this.setState({\n      selectedCategory:\n        !_.isUndefined(this.props.currentTab) && !_.isEmpty(this.props.currentTab) ? this.props.currentTab : this.props.initialCategory,\n      categoryKeys: this.props.categoryKeys,\n    });\n  }\n\n  componentDidMount() {\n    this.setState({\n      selectedCategory:\n        !_.isUndefined(this.props.currentTab) && !_.isEmpty(this.props.currentTab) ? this.props.currentTab : this.props.initialCategory,\n    });\n  }\n\n  UNSAFE_componentWillReceiveProps(nextProps) {\n    if (!_.isUndefined(nextProps.currentTab) && !_.isEmpty(nextProps.currentTab)) {\n      this.setState({ selectedCategory: nextProps.currentTab });\n    }\n  }\n\n  selectCategory(key) {\n    this.setState({\n      selectedCategory: key,\n    });\n    this.props.onSelect(key);\n  }\n\n  renderCounter(key) {\n    if (\n      this.props.categoryCounter &&\n      this.props.categoryCounter[key] &&\n      this.props.categoryCounter[key] === true &&\n      this.props.counterValues &&\n      this.props.counterValues[key] > 0\n    ) {\n      return (\n        <View style={styles.counter}>\n          <Text style={styles.counterText}>{this.props.counterValues[key]}</Text>\n        </View>\n      );\n    }\n    return null;\n  }\n\n  renderCategories(noScrollStyle) {\n    const getTextColour = key => {\n      if (this.state.selectedCategory === key) {\n        return this.props.headerType !== 'white' ? '#fff' : this.props.colourBrandingMain;\n      }\n      return this.props.headerType !== 'white' ? '#fff' : TEXT_LIGHT;\n    };\n    const getBottomBorderColour = key => {\n      if (this.state.selectedCategory === key) {\n        return this.props.headerType !== 'white' ? '#fff' : this.props.colourBrandingMain;\n      }\n      return this.props.headerType !== 'white' ? this.props.colourBrandingMain : '#fff';\n    };\n    return this.state.categoryKeys.map((key, index) => {\n      return (\n        <TouchableOpacity\n          key={index}\n          // style={[{ minHeight: this.props.height || 30, justifyContent: 'center' }, noScrollStyle && { flex: 1 }]}\n          style={[{ flex: 1, minHeight: this.props.height || 30, justifyContent: 'center' }, this.props.catWrapperStyle]}\n          onPress={this.selectCategory.bind(this, key)}\n        >\n          <View\n            style={[\n              {\n                borderBottomColor: getBottomBorderColour(key),\n                borderBottomWidth: noScrollStyle ? 0 : 2,\n                marginRight: noScrollStyle ? 0 : 16,\n                marginLeft: index === 0 && !noScrollStyle ? 16 : 0,\n                justifyContent: 'center',\n                alignContent: 'center',\n                minHeight: 30,\n                flexDirection: 'row',\n                backgroundColor: this.props.headerType !== 'white' ? this.props.colourBrandingMain : undefined,\n              },\n              this.props.style,\n            ]}\n          >\n            <View\n              style={[\n                noScrollStyle && styles.innerContainer,\n                {\n                  flex: 1,\n                  borderColor: getBottomBorderColour(key),\n                  justifyContent: 'center',\n                },\n                this.props.catStyle,\n              ]}\n            >\n              <Text\n                style={[\n                  {\n                    fontFamily: 'sf-semibold',\n                    fontSize: 15,\n                    color: getTextColour(key),\n                    textAlign: 'center',\n                    paddingVertical: 8,\n                    width: 'auto',\n                  },\n                  this.props.textStyle,\n                  this.props.colourBrandingHeader &&\n                    this.state.selectedCategory !== key && { color: this.props.colourBrandingMain, opacity: 0.5 },\n                ]}\n              >\n                {key}\n              </Text>\n              {this.renderCounter(key)}\n            </View>\n          </View>\n        </TouchableOpacity>\n      );\n    });\n  }\n\n  render() {\n    if (this.props.noScroll) {\n      // return (<View style={{ flexDirection: 'row', paddingLeft: 16, paddingRight: 16 }}>\n      return <View style={{ flexDirection: 'row', justifyContent: 'space-evenly' }}>{this.renderCategories(true)}</View>;\n    }\n    return <ScrollView horizontal>{this.renderCategories(false)}</ScrollView>;\n  }\n}\n\nconst styles = {\n  counter: {\n    backgroundColor: COLOUR_GREEN,\n    height: 16,\n    minWidth: 16,\n    borderRadius: 8,\n    marginLeft: 4,\n    marginTop: 4,\n    justifyContent: 'center',\n    alignContent: 'center',\n  },\n  counterText: {\n    color: '#fff',\n    textAlign: 'center',\n    fontSize: 12,\n    fontFamily: 'sf-semibold',\n  },\n  innerContainer: {\n    borderBottomWidth: 2,\n    flexDirection: 'row',\n    paddingHorizontal: 8,\n  },\n};\n\nconst mapStateToProps = state => {\n  return {\n    colourBrandingMain: getMainBrandingColourFromState(state),\n    headerType: getSiteSettingFromState(\n      state,\n      'HeaderType',\n      getSiteSettingFromState(state, 'UseGradientHeader', Config.env.hasGradientHeader) ? 'gradient' : 'white',\n    ),\n  };\n};\n\nconst categoryTabs = connect(mapStateToProps, {})(CategoryTabs);\nexport { categoryTabs as CategoryTabs };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,OAAOC,CAAC,MAAM,QAAQ;AACtB,SAASC,IAAI,EAAEC,gBAAgB,EAAEC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AACvE,SAASC,OAAO,QAAQ,aAAa;AACrC,SAASC,UAAU,EAAEC,YAAY,EAAEC,8BAA8B,QAAQ,YAAY;AACrF,SAASC,uBAAuB,QAAQ,WAAW;AACnD;AACA,OAAOC,MAAM,MAAM,WAAW;AAE9B,MAAMC,YAAY,SAASZ,SAAS,CAAC;EACnCa,WAAWA,CAACC,KAAK,EAAE;IACjB,KAAK,CAACA,KAAK,CAAC;IACZ,IAAI,CAACC,KAAK,GAAG;MACXC,YAAY,EAAE,EAAE;MAChBC,gBAAgB,EAAE,IAAI,CAACH,KAAK,CAACI;IAC/B,CAAC;EACH;EAEAC,yBAAyBA,CAAA,EAAG;IAC1B,IAAI,CAACC,QAAQ,CAAC;MACZH,gBAAgB,EACd,CAAChB,CAAC,CAACoB,WAAW,CAAC,IAAI,CAACP,KAAK,CAACQ,UAAU,CAAC,IAAI,CAACrB,CAAC,CAACsB,OAAO,CAAC,IAAI,CAACT,KAAK,CAACQ,UAAU,CAAC,GAAG,IAAI,CAACR,KAAK,CAACQ,UAAU,GAAG,IAAI,CAACR,KAAK,CAACI,eAAe;MACjIF,YAAY,EAAE,IAAI,CAACF,KAAK,CAACE;IAC3B,CAAC,CAAC;EACJ;EAEAQ,iBAAiBA,CAAA,EAAG;IAClB,IAAI,CAACJ,QAAQ,CAAC;MACZH,gBAAgB,EACd,CAAChB,CAAC,CAACoB,WAAW,CAAC,IAAI,CAACP,KAAK,CAACQ,UAAU,CAAC,IAAI,CAACrB,CAAC,CAACsB,OAAO,CAAC,IAAI,CAACT,KAAK,CAACQ,UAAU,CAAC,GAAG,IAAI,CAACR,KAAK,CAACQ,UAAU,GAAG,IAAI,CAACR,KAAK,CAACI;IACpH,CAAC,CAAC;EACJ;EAEAO,gCAAgCA,CAACC,SAAS,EAAE;IAC1C,IAAI,CAACzB,CAAC,CAACoB,WAAW,CAACK,SAAS,CAACJ,UAAU,CAAC,IAAI,CAACrB,CAAC,CAACsB,OAAO,CAACG,SAAS,CAACJ,UAAU,CAAC,EAAE;MAC5E,IAAI,CAACF,QAAQ,CAAC;QAAEH,gBAAgB,EAAES,SAAS,CAACJ;MAAW,CAAC,CAAC;IAC3D;EACF;EAEAK,cAAcA,CAACC,GAAG,EAAE;IAClB,IAAI,CAACR,QAAQ,CAAC;MACZH,gBAAgB,EAAEW;IACpB,CAAC,CAAC;IACF,IAAI,CAACd,KAAK,CAACe,QAAQ,CAACD,GAAG,CAAC;EAC1B;EAEAE,aAAaA,CAACF,GAAG,EAAE;IACjB,IACE,IAAI,CAACd,KAAK,CAACiB,eAAe,IAC1B,IAAI,CAACjB,KAAK,CAACiB,eAAe,CAACH,GAAG,CAAC,IAC/B,IAAI,CAACd,KAAK,CAACiB,eAAe,CAACH,GAAG,CAAC,KAAK,IAAI,IACxC,IAAI,CAACd,KAAK,CAACkB,aAAa,IACxB,IAAI,CAAClB,KAAK,CAACkB,aAAa,CAACJ,GAAG,CAAC,GAAG,CAAC,EACjC;MACA,oBACE7B,KAAA,CAAAkC,aAAA,CAAC7B,IAAI;QAAC8B,KAAK,EAAEC,MAAM,CAACC;MAAQ,gBAC1BrC,KAAA,CAAAkC,aAAA,CAAC/B,IAAI;QAACgC,KAAK,EAAEC,MAAM,CAACE;MAAY,GAAE,IAAI,CAACvB,KAAK,CAACkB,aAAa,CAACJ,GAAG,CAAQ,CAClE,CAAC;IAEX;IACA,OAAO,IAAI;EACb;EAEAU,gBAAgBA,CAACC,aAAa,EAAE;IAC9B,MAAMC,aAAa,GAAGZ,GAAG,IAAI;MAC3B,IAAI,IAAI,CAACb,KAAK,CAACE,gBAAgB,KAAKW,GAAG,EAAE;QACvC,OAAO,IAAI,CAACd,KAAK,CAAC2B,UAAU,KAAK,OAAO,GAAG,MAAM,GAAG,IAAI,CAAC3B,KAAK,CAAC4B,kBAAkB;MACnF;MACA,OAAO,IAAI,CAAC5B,KAAK,CAAC2B,UAAU,KAAK,OAAO,GAAG,MAAM,GAAGlC,UAAU;IAChE,CAAC;IACD,MAAMoC,qBAAqB,GAAGf,GAAG,IAAI;MACnC,IAAI,IAAI,CAACb,KAAK,CAACE,gBAAgB,KAAKW,GAAG,EAAE;QACvC,OAAO,IAAI,CAACd,KAAK,CAAC2B,UAAU,KAAK,OAAO,GAAG,MAAM,GAAG,IAAI,CAAC3B,KAAK,CAAC4B,kBAAkB;MACnF;MACA,OAAO,IAAI,CAAC5B,KAAK,CAAC2B,UAAU,KAAK,OAAO,GAAG,IAAI,CAAC3B,KAAK,CAAC4B,kBAAkB,GAAG,MAAM;IACnF,CAAC;IACD,OAAO,IAAI,CAAC3B,KAAK,CAACC,YAAY,CAAC4B,GAAG,CAAC,CAAChB,GAAG,EAAEiB,KAAK,KAAK;MACjD,oBACE9C,KAAA,CAAAkC,aAAA,CAAC9B,gBAAgB;QACfyB,GAAG,EAAEiB;QACL;QAAA;QACAX,KAAK,EAAE,CAAC;UAAEY,IAAI,EAAE,CAAC;UAAEC,SAAS,EAAE,IAAI,CAACjC,KAAK,CAACkC,MAAM,IAAI,EAAE;UAAEC,cAAc,EAAE;QAAS,CAAC,EAAE,IAAI,CAACnC,KAAK,CAACoC,eAAe,CAAE;QAC/GC,OAAO,EAAE,IAAI,CAACxB,cAAc,CAACyB,IAAI,CAAC,IAAI,EAAExB,GAAG;MAAE,gBAE7C7B,KAAA,CAAAkC,aAAA,CAAC7B,IAAI;QACH8B,KAAK,EAAE,CACL;UACEmB,iBAAiB,EAAEV,qBAAqB,CAACf,GAAG,CAAC;UAC7C0B,iBAAiB,EAAEf,aAAa,GAAG,CAAC,GAAG,CAAC;UACxCgB,WAAW,EAAEhB,aAAa,GAAG,CAAC,GAAG,EAAE;UACnCiB,UAAU,EAAEX,KAAK,KAAK,CAAC,IAAI,CAACN,aAAa,GAAG,EAAE,GAAG,CAAC;UAClDU,cAAc,EAAE,QAAQ;UACxBQ,YAAY,EAAE,QAAQ;UACtBV,SAAS,EAAE,EAAE;UACbW,aAAa,EAAE,KAAK;UACpBC,eAAe,EAAE,IAAI,CAAC7C,KAAK,CAAC2B,UAAU,KAAK,OAAO,GAAG,IAAI,CAAC3B,KAAK,CAAC4B,kBAAkB,GAAGkB;QACvF,CAAC,EACD,IAAI,CAAC9C,KAAK,CAACoB,KAAK;MAChB,gBAEFnC,KAAA,CAAAkC,aAAA,CAAC7B,IAAI;QACH8B,KAAK,EAAE,CACLK,aAAa,IAAIJ,MAAM,CAAC0B,cAAc,EACtC;UACEf,IAAI,EAAE,CAAC;UACPgB,WAAW,EAAEnB,qBAAqB,CAACf,GAAG,CAAC;UACvCqB,cAAc,EAAE;QAClB,CAAC,EACD,IAAI,CAACnC,KAAK,CAACiD,QAAQ;MACnB,gBAEFhE,KAAA,CAAAkC,aAAA,CAAC/B,IAAI;QACHgC,KAAK,EAAE,CACL;UACE8B,UAAU,EAAE,aAAa;UACzBC,QAAQ,EAAE,EAAE;UACZC,KAAK,EAAE1B,aAAa,CAACZ,GAAG,CAAC;UACzBuC,SAAS,EAAE,QAAQ;UACnBC,eAAe,EAAE,CAAC;UAClBC,KAAK,EAAE;QACT,CAAC,EACD,IAAI,CAACvD,KAAK,CAACwD,SAAS,EACpB,IAAI,CAACxD,KAAK,CAACyD,oBAAoB,IAC7B,IAAI,CAACxD,KAAK,CAACE,gBAAgB,KAAKW,GAAG,IAAI;UAAEsC,KAAK,EAAE,IAAI,CAACpD,KAAK,CAAC4B,kBAAkB;UAAE8B,OAAO,EAAE;QAAI,CAAC;MAC/F,GAED5C,GACG,CAAC,EACN,IAAI,CAACE,aAAa,CAACF,GAAG,CACnB,CACF,CACU,CAAC;IAEvB,CAAC,CAAC;EACJ;EAEA6C,MAAMA,CAAA,EAAG;IACP,IAAI,IAAI,CAAC3D,KAAK,CAAC4D,QAAQ,EAAE;MACvB;MACA,oBAAO3E,KAAA,CAAAkC,aAAA,CAAC7B,IAAI;QAAC8B,KAAK,EAAE;UAAEwB,aAAa,EAAE,KAAK;UAAET,cAAc,EAAE;QAAe;MAAE,GAAE,IAAI,CAACX,gBAAgB,CAAC,IAAI,CAAQ,CAAC;IACpH;IACA,oBAAOvC,KAAA,CAAAkC,aAAA,CAAC5B,UAAU;MAACsE,UAAU;IAAA,GAAE,IAAI,CAACrC,gBAAgB,CAAC,KAAK,CAAc,CAAC;EAC3E;AACF;AAEA,MAAMH,MAAM,GAAG;EACbC,OAAO,EAAE;IACPuB,eAAe,EAAEnD,YAAY;IAC7BwC,MAAM,EAAE,EAAE;IACV4B,QAAQ,EAAE,EAAE;IACZC,YAAY,EAAE,CAAC;IACfrB,UAAU,EAAE,CAAC;IACbsB,SAAS,EAAE,CAAC;IACZ7B,cAAc,EAAE,QAAQ;IACxBQ,YAAY,EAAE;EAChB,CAAC;EACDpB,WAAW,EAAE;IACX6B,KAAK,EAAE,MAAM;IACbC,SAAS,EAAE,QAAQ;IACnBF,QAAQ,EAAE,EAAE;IACZD,UAAU,EAAE;EACd,CAAC;EACDH,cAAc,EAAE;IACdP,iBAAiB,EAAE,CAAC;IACpBI,aAAa,EAAE,KAAK;IACpBqB,iBAAiB,EAAE;EACrB;AACF,CAAC;AAED,MAAMC,eAAe,GAAGjE,KAAK,IAAI;EAC/B,OAAO;IACL2B,kBAAkB,EAAEjC,8BAA8B,CAACM,KAAK,CAAC;IACzD0B,UAAU,EAAE/B,uBAAuB,CACjCK,KAAK,EACL,YAAY,EACZL,uBAAuB,CAACK,KAAK,EAAE,mBAAmB,EAAEJ,MAAM,CAACsE,GAAG,CAACC,iBAAiB,CAAC,GAAG,UAAU,GAAG,OACnG;EACF,CAAC;AACH,CAAC;AAED,MAAMC,YAAY,GAAG7E,OAAO,CAAC0E,eAAe,EAAE,CAAC,CAAC,CAAC,CAACpE,YAAY,CAAC;AAC/D,SAASuE,YAAY,IAAIvE,YAAY"}
+{"version":3,"names":["React","Component","_","Text","TouchableOpacity","View","ScrollView","connect","TEXT_LIGHT","COLOUR_GREEN","getMainBrandingColourFromState","getSiteSettingFromState","Config","CategoryTabs","constructor","props","state","categoryKeys","selectedCategory","initialCategory","UNSAFE_componentWillMount","setState","isUndefined","currentTab","isEmpty","componentDidMount","UNSAFE_componentWillReceiveProps","nextProps","selectCategory","key","onSelect","renderCounter","categoryCounter","counterValues","createElement","style","styles","counter","counterText","renderCategories","noScrollStyle","getTextColour","headerType","colourBrandingMain","getBottomBorderColour","map","index","flex","minHeight","height","justifyContent","catWrapperStyle","onPress","bind","borderBottomColor","borderBottomWidth","marginRight","marginLeft","alignContent","flexDirection","backgroundColor","undefined","innerContainer","borderColor","catStyle","fontFamily","fontSize","color","textAlign","paddingVertical","width","textStyle","colourBrandingHeader","opacity","render","noScroll","horizontal","minWidth","borderRadius","marginTop","paddingHorizontal","mapStateToProps","env","hasGradientHeader","categoryTabs"],"sources":["CategoryTabs.js"],"sourcesContent":["import React, { Component } from 'react';\nimport _ from 'lodash';\nimport { Text, TouchableOpacity, View, ScrollView } from 'react-native';\nimport { connect } from 'react-redux';\nimport { TEXT_LIGHT, COLOUR_GREEN, getMainBrandingColourFromState } from '../colours';\nimport { getSiteSettingFromState } from '../helper';\n// import { HAS_GRADIENT_HEADER } from '../../config';\nimport Config from '../config';\n\nclass CategoryTabs extends Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      categoryKeys: [],\n      selectedCategory: this.props.initialCategory,\n    };\n  }\n\n  UNSAFE_componentWillMount() {\n    this.setState({\n      selectedCategory:\n        !_.isUndefined(this.props.currentTab) && !_.isEmpty(this.props.currentTab) ? this.props.currentTab : this.props.initialCategory,\n      categoryKeys: this.props.categoryKeys,\n    });\n  }\n\n  componentDidMount() {\n    this.setState({\n      selectedCategory:\n        !_.isUndefined(this.props.currentTab) && !_.isEmpty(this.props.currentTab) ? this.props.currentTab : this.props.initialCategory,\n    });\n  }\n\n  UNSAFE_componentWillReceiveProps(nextProps) {\n    if (!_.isUndefined(nextProps.currentTab) && !_.isEmpty(nextProps.currentTab)) {\n      this.setState({ selectedCategory: nextProps.currentTab });\n    }\n  }\n\n  selectCategory(key) {\n    this.setState({\n      selectedCategory: key,\n    });\n    this.props.onSelect(key);\n  }\n\n  renderCounter(key) {\n    if (\n      this.props.categoryCounter &&\n      this.props.categoryCounter[key] &&\n      this.props.categoryCounter[key] === true &&\n      this.props.counterValues &&\n      this.props.counterValues[key] > 0\n    ) {\n      return (\n        <View style={styles.counter}>\n          <Text style={styles.counterText}>{this.props.counterValues[key]}</Text>\n        </View>\n      );\n    }\n    return null;\n  }\n\n  renderCategories(noScrollStyle) {\n    const getTextColour = key => {\n      if (this.state.selectedCategory === key) {\n        return this.props.headerType !== 'white' ? '#fff' : this.props.colourBrandingMain;\n      }\n      return this.props.headerType !== 'white' ? '#fff' : TEXT_LIGHT;\n    };\n    const getBottomBorderColour = key => {\n      if (this.state.selectedCategory === key) {\n        return this.props.headerType !== 'white' ? '#fff' : this.props.colourBrandingMain;\n      }\n      return this.props.headerType !== 'white' ? this.props.colourBrandingMain : '#fff';\n    };\n    return this.state.categoryKeys.map((key, index) => {\n      return (\n        <TouchableOpacity\n          key={index}\n          // style={[{ minHeight: this.props.height || 30, justifyContent: 'center' }, noScrollStyle && { flex: 1 }]}\n          style={[{ flex: 1, minHeight: this.props.height || 30, justifyContent: 'center' }, this.props.catWrapperStyle]}\n          onPress={this.selectCategory.bind(this, key)}\n        >\n          <View\n            style={[\n              {\n                borderBottomColor: getBottomBorderColour(key),\n                borderBottomWidth: noScrollStyle ? 0 : 2,\n                marginRight: noScrollStyle ? 0 : 16,\n                marginLeft: index === 0 && !noScrollStyle ? 16 : 0,\n                justifyContent: 'center',\n                alignContent: 'center',\n                minHeight: 30,\n                flexDirection: 'row',\n                backgroundColor: this.props.headerType !== 'white' ? this.props.colourBrandingMain : undefined,\n              },\n              this.props.style,\n            ]}\n          >\n            <View\n              style={[\n                noScrollStyle && styles.innerContainer,\n                {\n                  flex: 1,\n                  borderColor: getBottomBorderColour(key),\n                  justifyContent: 'center',\n                },\n                this.props.catStyle,\n              ]}\n            >\n              <Text\n                style={[\n                  {\n                    fontFamily: 'sf-semibold',\n                    fontSize: 15,\n                    color: getTextColour(key),\n                    textAlign: 'center',\n                    paddingVertical: 8,\n                    width: 'auto',\n                  },\n                  this.props.textStyle,\n                  this.props.colourBrandingHeader &&\n                    this.state.selectedCategory !== key && { color: this.props.colourBrandingMain, opacity: 0.5 },\n                ]}\n              >\n                {key}\n              </Text>\n              {this.renderCounter(key)}\n            </View>\n          </View>\n        </TouchableOpacity>\n      );\n    });\n  }\n\n  render() {\n    if (this.props.noScroll) {\n      // return (<View style={{ flexDirection: 'row', paddingLeft: 16, paddingRight: 16 }}>\n      return <View style={{ flexDirection: 'row', justifyContent: 'space-evenly' }}>{this.renderCategories(true)}</View>;\n    }\n    return <ScrollView horizontal>{this.renderCategories(false)}</ScrollView>;\n  }\n}\n\nconst styles = {\n  counter: {\n    backgroundColor: COLOUR_GREEN,\n    height: 16,\n    minWidth: 16,\n    borderRadius: 8,\n    marginLeft: 4,\n    marginTop: 4,\n    justifyContent: 'center',\n    alignContent: 'center',\n  },\n  counterText: {\n    color: '#fff',\n    textAlign: 'center',\n    fontSize: 12,\n    fontFamily: 'sf-semibold',\n  },\n  innerContainer: {\n    borderBottomWidth: 2,\n    flexDirection: 'row',\n    paddingHorizontal: 8,\n  },\n};\n\nconst mapStateToProps = state => {\n  return {\n    colourBrandingMain: getMainBrandingColourFromState(state),\n    headerType: getSiteSettingFromState(\n      state,\n      'HeaderType',\n      getSiteSettingFromState(state, 'UseGradientHeader', Config.env.hasGradientHeader) ? 'gradient' : 'white',\n    ),\n  };\n};\n\nconst categoryTabs = connect(mapStateToProps, {})(CategoryTabs);\nexport { categoryTabs as CategoryTabs };\n"],"mappings":"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","ignoreList":[]}

package/dist/module/components/CommentReply.js

@@ -1,6 +1,6 @@
-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(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : 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 { Keyboard, TextInput, View, ImageBackground, TouchableOpacity, Dimensions } from 'react-native';