@plusscommunities/pluss-core-app 1.4.8 → 1.5.2

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

@@ -0,0 +1 @@
+{"version":3,"sources":["CommentSection.js"],"names":["React","Component","View","Text","TouchableOpacity","Image","StyleSheet","_","moment","connect","Icon","getPluralS","getThumb300","get1400","getSiteSettingFromState","getFirstName","getPluralOptions","getMainBrandingColourFromState","TEXT_DARKEST","BG_GREY","TEXT_LIGHT","LINEGREY","reactionActions","notificationActions","ConfirmPopup","ProfilePic","ImagePopup","InlineButton","Spinner","Services","CommentSection","constructor","props","c","setState","commentToDelete","removeComment","state","Id","then","res","console","log","newComments","filter","comments","commentToReport","commentId","reportLoading","reportComment","commentReportedStatus","catch","error","comment","navigation","navigate","threadId","entityType","entityId","processing","data","muteEntity","muteExpiry","Expiry","unmuteEntity","actual","duration","diff","asHours","Math","abs","ceil","notificationsForComments","getEntityNotificationSetting","muteLoaded","commentsLoading","hideReplyButton","threadComments","innerC","ParentId","content","isEmpty","styles","commentRepliesText","color","colourBrandingMain","User","displayName","profilePics","take","uniqBy","UserId","multiReplyContainer","map","i","marginRight","profilePic","marginLeft","length","commentReplies","onOpenThread","addingComment","componentDidMount","getNotificationSate","includes","user","hidden","getComments","componentWillUnmount","loadTimer","clearTimeout","onPressCommentImage","image","imagePopupSource","imagePopupOpen","onGoToAdd","commentReply","focusInput","getAdjustedSize","size","scaleFont","fontScale","commentsLoadStarted","current","loadingStarted","loadComments","minTime","maxBy","Timestamp","sortBy","concat","onCommentsLoaded","loadingCompleted","live","setTimeout","refreshFrequency","startedAddingComment","commentAdded","push","onCommentAdded","canRemoveComment","uid","permissions","adminPermission","closeCommentGallery","renderCommentDeleteConfirm","onPressConfirmDelete","onPressCancelDelete","renderCommentReportConfirm","onPressConfirmReport","onPressCancelReport","commentReportText","renderCommentReportStatus","isSuccess","onPressConfirmReportStatus","renderCommentImage","commentImageContainer","bind","commentImage","uri","renderComment","commentFlex","commentProfilePic","commentBlock","commentTitleRow","onPressDeleteComment","commentButtonContainer","backgroundColor","commentButtonIcon","commentName","fontSize","Comment","commentText","commentBottom","commentTime","utc","local","format","renderReplyText","renderMute","muteSpinnerContainer","isMuted","hours","getMuteRemaining","mutedFor","muteContainer","mutedForText","onUnmute","onMute","borderColor","muteButton","muteButtonInner","muteButtonIcon","muteButtonText","renderComments","commentSection","isNil","placeHolder","commentsEmpty","source","reverseOrder","reverse","showReplies","commentSectionTitleRow","alignItems","hideAddComment","goToText","commentCount","renderCommentImagePopup","renderReportLoading","reportLoadingContainer","render","commentSectionOuter","style","create","flex","paddingHorizontal","paddingVertical","borderTopColor","borderTopWidth","fontFamily","marginTop","flexDirection","borderRadius","padding","width","height","justifyContent","textAlign","paddingLeft","marginBottom","borderWidth","mapStateToProps","forwardRef"],"mappings":"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","sourcesContent":["import React, { Component } from 'react';\nimport { View, Text, TouchableOpacity, Image, StyleSheet } from 'react-native';\nimport _ from 'lodash';\nimport moment from 'moment';\nimport { connect } from 'react-redux';\nimport { Icon } from 'react-native-elements';\nimport { getPluralS, getThumb300, get1400, getSiteSettingFromState, getFirstName, getPluralOptions } from '../helper';\nimport { getMainBrandingColourFromState, TEXT_DARKEST, BG_GREY, TEXT_LIGHT, LINEGREY } from '../colours';\nimport { reactionActions, notificationActions } from '../apis';\nimport { ConfirmPopup } from './ConfirmPopup';\nimport { ProfilePic } from './ProfilePic';\nimport { ImagePopup } from './ImagePopup';\nimport { InlineButton } from './InlineButton';\nimport { Spinner } from './Spinner';\nimport { Services } from '../config';\n\nclass CommentSection extends Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      commentsLoading: false,\n      comments: [],\n      addingComment: false,\n      commentToDelete: null,\n      commentToReport: null,\n      commentReportedStatus: null,\n      reportLoading: false,\n      processing: false,\n      muteExpiry: null,\n      muteLoaded: false,\n    };\n  }\n\n  componentDidMount() {\n    this.getNotificationSate();\n\n    if (!_.includes(this.props.user.hidden, 'viewComment')) {\n      this.getComments();\n    }\n  }\n\n  componentWillUnmount() {\n    if (this.loadTimer) {\n      clearTimeout(this.loadTimer);\n    }\n  }\n\n  onPressDeleteComment = c => {\n    this.setState({ commentToDelete: c });\n  };\n\n  onPressConfirmDelete = () => {\n    reactionActions.removeComment(this.state.commentToDelete.Id).then(res => {\n      console.log('deleted');\n    });\n    const newComments = _.filter(this.state.comments, c => {\n      return c.Id !== this.state.commentToDelete.Id;\n    });\n    this.setState({\n      comments: newComments,\n      commentToDelete: null,\n    });\n  };\n\n  onPressCancelDelete = () => {\n    this.setState({ commentToDelete: null });\n  };\n\n  onPressReportComment = c => {\n    this.setState({ commentToReport: c });\n  };\n\n  onPressConfirmReport = () => {\n    const commentId = this.state.commentToReport.Id;\n    this.setState({ reportLoading: true, commentToReport: null }, () => {\n      reactionActions\n        .reportComment(commentId)\n        .then(res => {\n          this.setState({ commentReportedStatus: 'success', reportLoading: false });\n        })\n        .catch(error => {\n          console.log('reportComment', error);\n          this.setState({ commentReportedStatus: 'fail', reportLoading: false });\n        });\n    });\n  };\n\n  onPressCancelReport = () => {\n    this.setState({ commentToReport: null });\n  };\n\n  onPressConfirmReportStatus = () => {\n    this.setState({ commentReportedStatus: null });\n  };\n\n  onPressCommentImage(image) {\n    this.setState({\n      imagePopupSource: [image],\n      imagePopupOpen: true,\n    });\n  }\n\n  onGoToAdd() {\n    this.props.commentReply.focusInput();\n  }\n\n  onOpenThread = comment => {\n    Services.navigation.navigate('thread', { ...this.props, threadId: comment.Id });\n  };\n\n  onMute = () => {\n    const { entityType, entityId } = this.props;\n    this.setState({ processing: true }, async () => {\n      try {\n        const { data } = await notificationActions.muteEntity(entityType, entityId);\n        // console.log('onMute', data);\n        const muteExpiry = moment(data.Expiry);\n        this.setState({ muteExpiry, processing: false });\n      } catch (error) {\n        console.error('onMute', error);\n        this.setState({ processing: false });\n      }\n    });\n  };\n\n  onUnmute = () => {\n    const { entityType, entityId } = this.props;\n    this.setState({ processing: true }, async () => {\n      try {\n        const { data } = await notificationActions.unmuteEntity(entityType, entityId);\n        // console.log('onUnmute', data);\n        this.setState({ muteExpiry: null, processing: false });\n      } catch (error) {\n        console.error('onUnmute', error);\n        this.setState({ processing: false });\n      }\n    });\n  };\n\n  isMuted = () => {\n    const { muteExpiry } = this.state;\n    return muteExpiry && moment() <= muteExpiry;\n  };\n\n  getMuteRemaining = () => {\n    const { muteExpiry } = this.state;\n    const actual = muteExpiry ? moment.duration(muteExpiry.diff(moment())).asHours() : 0;\n    return Math.abs(Math.ceil(actual));\n  };\n\n  getNotificationSate = () => {\n    const { processing } = this.state;\n    const { entityType, entityId, notificationsForComments } = this.props;\n    if (processing || !notificationsForComments) return;\n\n    this.setState({ processing: true }, async () => {\n      try {\n        const { data } = await notificationActions.getEntityNotificationSetting(entityType, entityId);\n        // console.log('getNotificationSate', data);\n        const muteExpiry = data ? moment(data.Expiry) : null;\n        this.setState({ muteExpiry, muteLoaded: true, processing: false });\n      } catch (error) {\n        console.error('getNotificationSate', error);\n        this.setState({ processing: false });\n      }\n    });\n  };\n\n  getAdjustedSize(size) {\n    if (this.props.scaleFont) {\n      return size + this.props.user.fontScale;\n    }\n    return size;\n  }\n\n  getComments() {\n    if (!this.state.commentsLoadStarted) {\n      this.setState({\n        commentsLoadStarted: true,\n        commentsLoading: true,\n      });\n      this.props.commentReply?.current?.loadingStarted();\n\n      this.loadComments();\n    }\n  }\n\n  isEmpty() {\n    return _.isEmpty(this.state.comments);\n  }\n\n  loadComments() {\n    const minTime = this.isEmpty()\n      ? 0\n      : _.maxBy(this.state.comments, c => {\n          return c.Timestamp;\n        }).Timestamp;\n    reactionActions.getComments(this.props.entityId, this.props.entityType, minTime).then(res => {\n      this.setState(\n        {\n          comments: _.sortBy(\n            _.uniqBy(\n              _.filter(_.concat(this.state.comments, res.data), c => {\n                if (!this.props.threadId) {\n                  return true;\n                }\n                return c.Id === this.props.threadId || c.ParentId === this.props.threadId;\n              }),\n              c => {\n                return c.Id;\n              },\n            ),\n            'Timestamp',\n          ),\n          commentsLoading: false,\n        },\n        () => {\n          if (this.props.onCommentsLoaded) {\n            this.props.onCommentsLoaded(this.state.comments.length);\n          }\n        },\n      );\n      //if (this.props.commentReply) {\n      this.props.commentReply?.current?.loadingCompleted();\n      //}\n      if (this.props.live) {\n        this.loadTimer = setTimeout(() => {\n          this.loadComments();\n        }, this.props.refreshFrequency || 2000);\n      }\n    });\n  }\n\n  isLoading = () => {\n    return this.state.commentsLoading;\n  };\n\n  startedAddingComment() {\n    this.setState({\n      addingComment: true,\n    });\n  }\n\n  commentAdded(comment) {\n    const newComments = this.state.comments;\n    newComments.push(comment);\n    this.setState(\n      {\n        addingComment: false,\n        comments: newComments,\n      },\n      () => {\n        if (this.props.onCommentAdded) {\n          this.props.onCommentAdded();\n        }\n      },\n    );\n  }\n\n  canRemoveComment(c) {\n    if (this.props.user.uid === c.UserId) {\n      return true;\n    }\n    return _.includes(this.props.user.permissions, this.props.adminPermission);\n  }\n\n  closeCommentGallery() {\n    this.setState({\n      imagePopupSource: [],\n      imagePopupOpen: false,\n    });\n  }\n\n  renderCommentDeleteConfirm() {\n    return (\n      <ConfirmPopup\n        visible={!!this.state.commentToDelete}\n        onConfirm={this.onPressConfirmDelete}\n        onCancel={this.onPressCancelDelete}\n        onClose={this.onPressCancelDelete}\n        text=\"Are you sure you want to delete this comment?\"\n      />\n    );\n  }\n\n  renderCommentReportConfirm() {\n    return (\n      <ConfirmPopup\n        visible={!!this.state.commentToReport}\n        onConfirm={this.onPressConfirmReport}\n        onCancel={this.onPressCancelReport}\n        onClose={this.onPressCancelReport}\n        text=\"Are you sure?\"\n        extraContent={<Text style={styles.commentReportText}>This comment will be reported to our team and considered for deletion</Text>}\n      />\n    );\n  }\n\n  renderCommentReportStatus() {\n    const { commentReportedStatus } = this.state;\n    const isSuccess = commentReportedStatus === 'success';\n    return (\n      <ConfirmPopup\n        visible={!!commentReportedStatus}\n        onConfirm={this.onPressConfirmReportStatus}\n        text={isSuccess ? 'Thank you for reporting' : 'Unable to report'}\n        extraContent={\n          <Text style={styles.commentReportText}>\n            {isSuccess ? 'We will review the comment within 24 hours' : 'There was a problem reporting the comment please try again later'}\n          </Text>\n        }\n        hideNo\n        yesText={'Back to Article'}\n      />\n    );\n  }\n\n  renderCommentImage(c) {\n    if (_.isEmpty(c.Image)) {\n      return null;\n    }\n    return (\n      <TouchableOpacity style={styles.commentImageContainer} onPress={this.onPressCommentImage.bind(this, get1400(c.Image))}>\n        <Image style={styles.commentImage} source={{ uri: getThumb300(c.Image) }} />\n      </TouchableOpacity>\n    );\n  }\n\n  renderReplyText = c => {\n    if (this.props.threadId || this.props.hideReplyButton) {\n      return null;\n    }\n\n    const threadComments = _.filter(this.state.comments, innerC => {\n      return innerC.ParentId === c.Id;\n    });\n\n    let content = null;\n\n    if (_.isEmpty(threadComments)) {\n      // no replies\n      content = (\n        <Text style={[styles.commentRepliesText, { color: this.props.colourBrandingMain }]}>{`Reply to ${getFirstName(\n          c.User ? c.User.displayName : 'comment',\n        )}`}</Text>\n      );\n    } else {\n      // existing replies\n      const profilePics = _.take(\n        _.uniqBy(threadComments, c => c.UserId),\n        3,\n      );\n      content = (\n        <View style={styles.multiReplyContainer}>\n          {profilePics.map((c, i) => {\n            return <ProfilePic style={{ marginRight: -10 }} Diameter={20} ProfilePic={c.User.profilePic} />;\n          })}\n          <Text style={[styles.commentRepliesText, { marginLeft: 20, color: this.props.colourBrandingMain }]}>{`${\n            threadComments.length\n          } repl${getPluralOptions(threadComments.length, 'y', 'ies')}`}</Text>\n        </View>\n      );\n    }\n\n    return (\n      <View style={styles.commentReplies}>\n        <TouchableOpacity\n          onPress={() => {\n            this.onOpenThread(c);\n          }}\n        >\n          {content}\n        </TouchableOpacity>\n      </View>\n    );\n  };\n\n  renderComment(c) {\n    return (\n      <View style={styles.comment} key={c.Id}>\n        <View style={styles.commentFlex}>\n          <ProfilePic ProfilePic={c.User.profilePic} Diameter={40} style={styles.commentProfilePic} />\n          <View style={styles.commentBlock}>\n            <View style={styles.commentTitleRow}>\n              {this.canRemoveComment(c) ? (\n                <TouchableOpacity onPress={this.onPressDeleteComment.bind(this, c)}>\n                  <View style={[styles.commentButtonContainer, { backgroundColor: this.props.colourBrandingMain }]}>\n                    <Icon name=\"trash\" type=\"font-awesome\" iconStyle={styles.commentButtonIcon} />\n                  </View>\n                </TouchableOpacity>\n              ) : null\n              // (\n              //   !this.props.disableFlag && (\n              //     <TouchableOpacity onPress={this.onPressReportComment.bind(this, c)}>\n              //       <View style={[styles.commentButtonContainer, { backgroundColor: this.props.colourBrandingMain }]}>\n              //         <Icon name=\"flag\" type=\"font-awesome\" iconStyle={styles.commentButtonIcon} />\n              //       </View>\n              //     </TouchableOpacity>\n              //   )\n              // )\n              }\n              <Text style={[styles.commentName, { fontSize: this.getAdjustedSize(13) }]}>{c.User.displayName}</Text>\n            </View>\n            {!_.isEmpty(c.Comment) && <Text style={[styles.commentText, { fontSize: this.getAdjustedSize(13) }]}>{c.Comment}</Text>}\n            {this.renderCommentImage(c)}\n          </View>\n        </View>\n        <View style={styles.commentBottom}>\n          <Text style={[styles.commentTime, { fontSize: this.getAdjustedSize(13) }]}>\n            {moment\n              .utc(c.Timestamp)\n              .local()\n              .format('D MMM • h:mma')}\n          </Text>\n          {this.renderReplyText(c)}\n        </View>\n      </View>\n    );\n  }\n\n  renderMute() {\n    const { notificationsForComments } = this.props;\n    const { muteLoaded, muteExpiry, processing } = this.state;\n    if (!notificationsForComments || !muteLoaded) return null;\n\n    if (processing)\n      return (\n        <View style={styles.muteSpinnerContainer}>\n          <Spinner size={'small'} color={this.props.colourBrandingMain} />\n        </View>\n      );\n\n    const isMuted = this.isMuted();\n    const hours = this.getMuteRemaining();\n    const mutedFor = `Muted for ${hours} hour${getPluralS(hours)}`;\n    // console.log(muteExpiry.format('DD MMM YYYY hh:mm a'));\n\n    return (\n      <View style={styles.muteContainer}>\n        {isMuted && muteExpiry ? <Text style={[{ color: this.props.colourBrandingMain }, styles.mutedForText]}>{mutedFor}</Text> : null}\n        <InlineButton\n          onPress={isMuted ? this.onUnmute : this.onMute}\n          color=\"#fff\"\n          style={[{ borderColor: this.props.colourBrandingMain }, styles.muteButton]}\n          disabled={processing}\n          disabledOpacity\n          noText\n        >\n          <View style={styles.muteButtonInner}>\n            <Icon\n              name={isMuted ? 'bell-o' : 'bell-slash-o'}\n              type={'font-awesome'}\n              iconStyle={[{ color: this.props.colourBrandingMain }, styles.muteButtonIcon]}\n            />\n            <Text style={[{ color: this.props.colourBrandingMain }, styles.muteButtonText]}>{isMuted ? 'Unmute' : 'Mute'}</Text>\n          </View>\n        </InlineButton>\n      </View>\n    );\n  }\n\n  renderComments() {\n    if (this.state.commentsLoading) {\n      return (\n        <View style={styles.commentSection}>\n          <Spinner color={this.props.colourBrandingMain} />\n        </View>\n      );\n    }\n    if (this.isEmpty() && !this.state.addingComment) {\n      if (_.includes(this.props.user.hidden, 'addComment')) {\n        return null;\n      }\n      if (!_.isNil(this.props.placeHolder) && _.isEmpty(this.props.placeHolder)) return null;\n      return (\n        <View style={styles.commentSection}>\n          <Text style={[styles.commentsEmpty, { fontSize: this.getAdjustedSize(15) }]}>\n            {_.isNil(this.props.placeHolder) ? 'Be the first to add a comment!' : this.props.placeHolder}\n          </Text>\n        </View>\n      );\n    }\n    let source = [...this.state.comments];\n    if (this.props.reverseOrder) {\n      source = source.reverse();\n    }\n    if (!this.props.showReplies && !this.props.threadId) {\n      source = _.filter(source, c => {\n        return !c.ParentId;\n      });\n    }\n    return (\n      <View style={styles.commentSection}>\n        {!this.isEmpty() && (\n          <View style={styles.commentSectionTitleRow}>\n            <View style={{ alignItems: 'flex-end' }}>\n              {this.renderMute()}\n              {!this.props.hideAddComment && this.state.comments.length > 2 && (\n                <TouchableOpacity onPress={this.onGoToAdd.bind(this)}>\n                  <Text style={[styles.goToText, { color: this.props.colourBrandingMain }]}>Add a comment</Text>\n                </TouchableOpacity>\n              )}\n            </View>\n            <Text style={[styles.commentCount, { fontSize: this.getAdjustedSize(15) }]}>\n              {this.state.comments.length}\n              {` comment${getPluralS(this.state.comments.length)}`}\n            </Text>\n          </View>\n        )}\n        {this.props.reverseOrder && this.state.addingComment && <Spinner color={this.props.colourBrandingMain} />}\n        {source.map(c => {\n          return this.renderComment(c);\n        })}\n        {!this.props.reverseOrder && this.state.addingComment && <Spinner color={this.props.colourBrandingMain} />}\n      </View>\n    );\n  }\n\n  renderCommentImagePopup() {\n    return (\n      <ImagePopup\n        visible={this.state.imagePopupOpen}\n        images={this.state.imagePopupSource}\n        onClose={this.closeCommentGallery.bind(this)}\n        ref=\"commentImagePopup\"\n      />\n    );\n  }\n\n  renderReportLoading() {\n    if (!this.state.reportLoading) return null;\n    return (\n      <View style={styles.reportLoadingContainer}>\n        <Spinner color={this.props.colourBrandingMain} />\n      </View>\n    );\n  }\n\n  render() {\n    if (_.includes(this.props.user.hidden, 'viewComment')) {\n      return null;\n    }\n    return (\n      <View style={[styles.commentSectionOuter, this.props.style]}>\n        {this.renderComments()}\n        {this.renderReportLoading()}\n        {this.renderCommentDeleteConfirm()}\n        {this.renderCommentReportConfirm()}\n        {this.renderCommentReportStatus()}\n        {this.renderCommentImagePopup()}\n      </View>\n    );\n  }\n}\n\nconst styles = StyleSheet.create({\n  commentSectionOuter: {\n    flex: 1,\n    paddingHorizontal: 16,\n  },\n  commentSection: {\n    flex: 1,\n    paddingVertical: 12,\n    borderTopColor: LINEGREY,\n    borderTopWidth: 1,\n  },\n  commentCount: {\n    fontFamily: 'sf-semibold',\n    color: TEXT_DARKEST,\n    flex: 1,\n    marginTop: 4,\n  },\n  comment: {\n    marginTop: 16,\n  },\n  commentFlex: {\n    flexDirection: 'row',\n  },\n  commentProfilePic: {\n    marginRight: 8,\n  },\n  commentBlock: {\n    flex: 1,\n    backgroundColor: BG_GREY,\n    borderRadius: 5,\n    padding: 8,\n  },\n  commentTitleRow: {\n    flexDirection: 'row-reverse',\n    alignItems: 'center',\n  },\n  commentButtonContainer: {\n    width: 24,\n    height: 24,\n    borderRadius: 12,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  commentButtonIcon: {\n    fontSize: 13,\n    color: '#fff',\n  },\n  commentName: {\n    fontFamily: 'sf-semibold',\n    color: TEXT_DARKEST,\n    flex: 1,\n  },\n  commentText: {\n    marginTop: 8,\n    fontFamily: 'sf-regular',\n    color: TEXT_DARKEST,\n  },\n  commentBottom: {\n    flexDirection: 'row-reverse',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n  },\n  commentTime: {\n    fontFamily: 'sf-regular',\n    marginTop: 4,\n    color: TEXT_LIGHT,\n    textAlign: 'right',\n  },\n  commentReplies: {\n    flex: 1,\n    paddingLeft: 48,\n  },\n  commentRepliesText: {\n    fontFamily: 'sf-semibold',\n    fontSize: 15,\n  },\n  multiReplyContainer: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    paddingVertical: 4,\n  },\n  commentImageContainer: {\n    marginTop: 8,\n    width: 60,\n    height: 60,\n  },\n  commentImage: {\n    width: 60,\n    height: 60,\n    borderRadius: 2,\n  },\n  commentsEmpty: {\n    fontFamily: 'sf-semibold',\n    color: TEXT_DARKEST,\n  },\n  commentSectionTitleRow: {\n    flexDirection: 'row-reverse',\n  },\n  commentReportText: {\n    fontFamily: 'sf-regular',\n    fontSize: 14,\n    paddingHorizontal: 22,\n    textAlign: 'center',\n  },\n  reportLoadingContainer: {\n    paddingVertical: 10,\n  },\n  goToText: {\n    marginTop: 4,\n  },\n  muteSpinnerContainer: {\n    width: 100,\n    marginBottom: 6,\n  },\n  muteContainer: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'flex-end',\n    marginBottom: 6,\n  },\n  mutedForText: {\n    fontFamily: 'sf-semibold',\n    fontSize: 13,\n    marginRight: 8,\n  },\n  muteButton: {\n    borderWidth: 1,\n    paddingHorizontal: 8,\n  },\n  muteButtonInner: {\n    flexDirection: 'row',\n    alignItems: 'center',\n  },\n  muteButtonIcon: {\n    fontSize: 14,\n  },\n  muteButtonText: {\n    fontFamily: 'sf-semibold',\n    fontSize: 14,\n    marginLeft: 6,\n  },\n});\n\nconst mapStateToProps = state => {\n  return {\n    colourBrandingMain: getMainBrandingColourFromState(state),\n    user: state.user,\n    notificationsForComments: getSiteSettingFromState(state, 'NotificationsForComments', false),\n  };\n};\n\nconst commentSection = connect(mapStateToProps, {}, null, { forwardRef: true })(CommentSection);\nexport { commentSection as CommentSection };\n"]}

package/dist/module/components/ConfirmPopup.js

@@ -0,0 +1,85 @@
+import React, { PureComponent } from 'react';
+import { Text, View } from 'react-native';
+import { connect } from 'react-redux';
+import { getMainBrandingColourFromState, TEXT_DARK } from '../colours';
+import { Spinner } from './Spinner';
+import { InlineButton } from './InlineButton';
+import { MiddlePopup } from './MiddlePopup';
+
+class ConfirmPopup extends PureComponent {
+  render() {
+    return /*#__PURE__*/React.createElement(MiddlePopup, {
+      visible: this.props.visible,
+      onClose: this.props.onClose,
+      style: [styles.popup, this.props.headerContent && {
+        paddingTop: 16
+      }]
+    }, this.props.headerContent && /*#__PURE__*/React.createElement(View, {
+      style: {
+        width: 350,
+        marginBottom: 16
+      }
+    }, this.props.headerContent), /*#__PURE__*/React.createElement(Text, {
+      style: styles.text
+    }, this.props.text), this.props.extraContent && /*#__PURE__*/React.createElement(View, {
+      style: {
+        width: 350,
+        marginTop: 16
+      }
+    }, this.props.extraContent), /*#__PURE__*/React.createElement(View, {
+      style: styles.buttonsContainer
+    }, this.props.buttonsLoading && /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(Spinner, null)), !this.props.hideNo && !this.props.buttonsLoading && /*#__PURE__*/React.createElement(InlineButton, {
+      onPress: this.props.onCancel,
+      color: "#fff",
+      style: [styles.button, styles.noButton, {
+        borderColor: this.props.colourBrandingMain
+      }],
+      textStyle: {
+        color: this.props.colourBrandingMain
+      },
+      large: true
+    }, this.props.noText || 'No'), !this.props.buttonsLoading && /*#__PURE__*/React.createElement(InlineButton, {
+      onPress: this.props.onConfirm,
+      color: this.props.colourBrandingMain,
+      style: styles.button,
+      large: true
+    }, this.props.yesText || 'Yes')));
+  }
+
+}
+
+const styles = {
+  popup: {
+    padding: 32,
+    margin: 16,
+    maxWidth: 350
+  },
+  text: {
+    fontFamily: 'sf-bold',
+    fontSize: 20,
+    color: TEXT_DARK,
+    textAlign: 'center'
+  },
+  buttonsContainer: {
+    flexDirection: 'row',
+    marginTop: 24
+  },
+  button: {
+    width: 120,
+    paddingHorizontal: 2
+  },
+  noButton: {
+    borderWidth: 1,
+    marginRight: 16
+  }
+};
+
+const mapStateToProps = state => {
+  return {
+    colourBrandingMain: getMainBrandingColourFromState(state)
+  };
+};
+
+const confirmPopup = connect(mapStateToProps, {})(ConfirmPopup);
+export { confirmPopup as ConfirmPopup };
+//# sourceMappingURL=ConfirmPopup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["ConfirmPopup.js"],"names":["React","PureComponent","Text","View","connect","getMainBrandingColourFromState","TEXT_DARK","Spinner","InlineButton","MiddlePopup","ConfirmPopup","render","props","visible","onClose","styles","popup","headerContent","paddingTop","width","marginBottom","text","extraContent","marginTop","buttonsContainer","buttonsLoading","hideNo","onCancel","button","noButton","borderColor","colourBrandingMain","color","noText","onConfirm","yesText","padding","margin","maxWidth","fontFamily","fontSize","textAlign","flexDirection","paddingHorizontal","borderWidth","marginRight","mapStateToProps","state","confirmPopup"],"mappings":"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","sourcesContent":["import React, { PureComponent } from 'react';\nimport { Text, View } from 'react-native';\nimport { connect } from 'react-redux';\nimport { getMainBrandingColourFromState, TEXT_DARK } from '../colours';\nimport { Spinner } from './Spinner';\nimport { InlineButton } from './InlineButton';\nimport { MiddlePopup } from './MiddlePopup';\n\nclass ConfirmPopup extends PureComponent {\n  render() {\n    return (\n      <MiddlePopup\n        visible={this.props.visible}\n        onClose={this.props.onClose}\n        style={[styles.popup, this.props.headerContent && { paddingTop: 16 }]}\n      >\n        {this.props.headerContent && <View style={{ width: 350, marginBottom: 16 }}>{this.props.headerContent}</View>}\n        <Text style={styles.text}>{this.props.text}</Text>\n        {this.props.extraContent && <View style={{ width: 350, marginTop: 16 }}>{this.props.extraContent}</View>}\n        <View style={styles.buttonsContainer}>\n          {this.props.buttonsLoading && (\n            <View>\n              <Spinner />\n            </View>\n          )}\n          {!this.props.hideNo && !this.props.buttonsLoading && (\n            <InlineButton\n              onPress={this.props.onCancel}\n              color=\"#fff\"\n              style={[styles.button, styles.noButton, { borderColor: this.props.colourBrandingMain }]}\n              textStyle={{ color: this.props.colourBrandingMain }}\n              large\n            >\n              {this.props.noText || 'No'}\n            </InlineButton>\n          )}\n          {!this.props.buttonsLoading && (\n            <InlineButton onPress={this.props.onConfirm} color={this.props.colourBrandingMain} style={styles.button} large>\n              {this.props.yesText || 'Yes'}\n            </InlineButton>\n          )}\n        </View>\n      </MiddlePopup>\n    );\n  }\n}\n\nconst styles = {\n  popup: {\n    padding: 32,\n    margin: 16,\n    maxWidth: 350,\n  },\n  text: {\n    fontFamily: 'sf-bold',\n    fontSize: 20,\n    color: TEXT_DARK,\n    textAlign: 'center',\n  },\n  buttonsContainer: {\n    flexDirection: 'row',\n    marginTop: 24,\n  },\n  button: {\n    width: 120,\n    paddingHorizontal: 2,\n  },\n  noButton: {\n    borderWidth: 1,\n    marginRight: 16,\n  },\n};\n\nconst mapStateToProps = state => {\n  return {\n    colourBrandingMain: getMainBrandingColourFromState(state),\n  };\n};\n\nconst confirmPopup = connect(mapStateToProps, {})(ConfirmPopup);\nexport { confirmPopup as ConfirmPopup };\n"]}

package/dist/module/components/ConfirmationPopup.js

@@ -0,0 +1,77 @@
+import React, { PureComponent } from 'react';
+import { Text } from 'react-native';
+import { connect } from 'react-redux';
+import { Pl60Icon } from '../fonts';
+import { COLOUR_GREEN, TEXT_DARK, getMainBrandingColourFromState } from '../colours';
+import { MiddlePopup } from './MiddlePopup';
+import { InlineButton } from './InlineButton';
+
+class ConfirmationPopup extends PureComponent {
+  render() {
+    return /*#__PURE__*/React.createElement(MiddlePopup, {
+      visible: this.props.visible,
+      onClose: this.props.onClose,
+      style: [styles.popup, this.props.style]
+    }, /*#__PURE__*/React.createElement(Pl60Icon, {
+      style: styles.icon,
+      name: "circleoutlined"
+    }), /*#__PURE__*/React.createElement(Text, {
+      style: styles.text
+    }, this.props.confirmText), this.props.onPressAction && /*#__PURE__*/React.createElement(InlineButton, {
+      onPress: this.props.onPressAction,
+      color: this.props.colourBrandingMain,
+      style: [styles.button, this.props.largeButtons && styles.largeButton],
+      large: this.props.largeButtons
+    }, this.props.repeatText), /*#__PURE__*/React.createElement(InlineButton, {
+      onPress: this.props.onClose,
+      color: "#fff",
+      style: [styles.button, styles.closeButton, this.props.largeButtons && styles.largeButton, {
+        borderColor: this.props.colourBrandingMain
+      }],
+      textStyle: {
+        color: this.props.colourBrandingMain
+      },
+      large: this.props.largeButtons
+    }, "Close"));
+  }
+
+}
+
+const styles = {
+  popup: {
+    width: 280,
+    paddingVertical: 40
+  },
+  icon: {
+    fontSize: 52,
+    color: COLOUR_GREEN
+  },
+  text: {
+    fontFamily: 'sf-bold',
+    fontSize: 24,
+    lineHeight: 24,
+    color: TEXT_DARK,
+    textAlign: 'center',
+    marginTop: 8
+  },
+  button: {
+    width: 150,
+    marginTop: 20
+  },
+  closeButton: {
+    borderWidth: 1
+  },
+  largeButton: {
+    width: 250
+  }
+};
+
+const mapStateToProps = state => {
+  return {
+    colourBrandingMain: getMainBrandingColourFromState(state)
+  };
+};
+
+const confirmationPopup = connect(mapStateToProps, {})(ConfirmationPopup);
+export { confirmationPopup as ConfirmationPopup };
+//# sourceMappingURL=ConfirmationPopup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["ConfirmationPopup.js"],"names":["React","PureComponent","Text","connect","Pl60Icon","COLOUR_GREEN","TEXT_DARK","getMainBrandingColourFromState","MiddlePopup","InlineButton","ConfirmationPopup","render","props","visible","onClose","styles","popup","style","icon","text","confirmText","onPressAction","colourBrandingMain","button","largeButtons","largeButton","repeatText","closeButton","borderColor","color","width","paddingVertical","fontSize","fontFamily","lineHeight","textAlign","marginTop","borderWidth","mapStateToProps","state","confirmationPopup"],"mappings":"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","sourcesContent":["import React, { PureComponent } from 'react';\nimport { Text } from 'react-native';\nimport { connect } from 'react-redux';\nimport { Pl60Icon } from '../fonts';\nimport { COLOUR_GREEN, TEXT_DARK, getMainBrandingColourFromState } from '../colours';\nimport { MiddlePopup } from './MiddlePopup';\nimport { InlineButton } from './InlineButton';\n\nclass ConfirmationPopup extends PureComponent {\n  render() {\n    return (\n      <MiddlePopup visible={this.props.visible} onClose={this.props.onClose} style={[styles.popup, this.props.style]}>\n        <Pl60Icon style={styles.icon} name=\"circleoutlined\" />\n        <Text style={styles.text}>{this.props.confirmText}</Text>\n        {this.props.onPressAction && (\n          <InlineButton\n            onPress={this.props.onPressAction}\n            color={this.props.colourBrandingMain}\n            style={[styles.button, this.props.largeButtons && styles.largeButton]}\n            large={this.props.largeButtons}\n          >\n            {this.props.repeatText}\n          </InlineButton>\n        )}\n        <InlineButton\n          onPress={this.props.onClose}\n          color=\"#fff\"\n          style={[\n            styles.button,\n            styles.closeButton,\n            this.props.largeButtons && styles.largeButton,\n            { borderColor: this.props.colourBrandingMain },\n          ]}\n          textStyle={{ color: this.props.colourBrandingMain }}\n          large={this.props.largeButtons}\n        >\n          Close\n        </InlineButton>\n      </MiddlePopup>\n    );\n  }\n}\n\nconst styles = {\n  popup: {\n    width: 280,\n    paddingVertical: 40,\n  },\n  icon: {\n    fontSize: 52,\n    color: COLOUR_GREEN,\n  },\n  text: {\n    fontFamily: 'sf-bold',\n    fontSize: 24,\n    lineHeight: 24,\n    color: TEXT_DARK,\n    textAlign: 'center',\n    marginTop: 8,\n  },\n  button: {\n    width: 150,\n    marginTop: 20,\n  },\n  closeButton: {\n    borderWidth: 1,\n  },\n  largeButton: {\n    width: 250,\n  },\n};\n\nconst mapStateToProps = state => {\n  return {\n    colourBrandingMain: getMainBrandingColourFromState(state),\n  };\n};\n\nconst confirmationPopup = connect(mapStateToProps, {})(ConfirmationPopup);\nexport { confirmationPopup as ConfirmationPopup };\n"]}

package/dist/module/components/DropDownItem.js

@@ -0,0 +1,82 @@
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import React, { Component } from 'react';
+import _ from 'lodash';
+import { Text, TouchableOpacity } from 'react-native';
+import { Icon } from 'react-native-elements';
+import { connect } from 'react-redux';
+import { TEXT_DARK, getMainBrandingColourFromState } from '../colours';
+
+class DropDownItem extends Component {
+  constructor() {
+    super(...arguments);
+
+    _defineProperty(this, "state", {});
+  }
+
+  renderIcon() {
+    if (!_.isUndefined(this.props.icon)) {
+      return /*#__PURE__*/React.createElement(Icon, {
+        name: this.props.icon,
+        type: "font-awesome",
+        style: styles.dropDownItem_Icon,
+        iconStyle: [styles.dropDownItem_IconStyle, {
+          fontSize: 16,
+          color: this.props.colourBrandingMain
+        }]
+      });
+    }
+
+    return null;
+  }
+
+  render() {
+    return /*#__PURE__*/React.createElement(TouchableOpacity, {
+      style: [styles.container, this.props.last && {
+        marginBottom: 0
+      }, this.props.style],
+      onPress: this.props.onPress,
+      activeOpacity: 0.6
+    }, this.renderIcon(), /*#__PURE__*/React.createElement(Text, {
+      style: [styles.text, this.props.textStyle]
+    }, this.props.text));
+  }
+
+}
+
+const styles = {
+  container: {
+    flexDirection: 'row',
+    marginBottom: 12,
+    minHeight: 18,
+    width: '100%',
+    position: 'relative'
+  },
+  text: {
+    fontFamily: 'sf-medium',
+    fontSize: 16,
+    lineHeight: 18,
+    color: TEXT_DARK,
+    backgroundColor: 'transparent'
+  },
+  dropDownItem_Icon: {
+    marginRight: 8,
+    width: 18,
+    alignSelf: 'center'
+  },
+  dropDownItem_IconStyle: {
+    fontSize: 16,
+    lineHeight: 18,
+    textAlign: 'center'
+  }
+};
+
+const mapStateToProps = state => {
+  return {
+    colourBrandingMain: getMainBrandingColourFromState(state)
+  };
+};
+
+const dropDownItem = connect(mapStateToProps, {})(DropDownItem);
+export { dropDownItem as DropDownItem };
+//# sourceMappingURL=DropDownItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["DropDownItem.js"],"names":["React","Component","_","Text","TouchableOpacity","Icon","connect","TEXT_DARK","getMainBrandingColourFromState","DropDownItem","renderIcon","isUndefined","props","icon","styles","dropDownItem_Icon","dropDownItem_IconStyle","fontSize","color","colourBrandingMain","render","container","last","marginBottom","style","onPress","text","textStyle","flexDirection","minHeight","width","position","fontFamily","lineHeight","backgroundColor","marginRight","alignSelf","textAlign","mapStateToProps","state","dropDownItem"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,SAAhB,QAAiC,OAAjC;AACA,OAAOC,CAAP,MAAc,QAAd;AACA,SAASC,IAAT,EAAeC,gBAAf,QAAuC,cAAvC;AACA,SAASC,IAAT,QAAqB,uBAArB;AACA,SAASC,OAAT,QAAwB,aAAxB;AACA,SAASC,SAAT,EAAoBC,8BAApB,QAA0D,YAA1D;;AAEA,MAAMC,YAAN,SAA2BR,SAA3B,CAAqC;AAAA;AAAA;;AAAA,mCAC3B,EAD2B;AAAA;;AAGnCS,EAAAA,UAAU,GAAG;AACX,QAAI,CAACR,CAAC,CAACS,WAAF,CAAc,KAAKC,KAAL,CAAWC,IAAzB,CAAL,EAAqC;AACnC,0BACE,oBAAC,IAAD;AACE,QAAA,IAAI,EAAE,KAAKD,KAAL,CAAWC,IADnB;AAEE,QAAA,IAAI,EAAC,cAFP;AAGE,QAAA,KAAK,EAAEC,MAAM,CAACC,iBAHhB;AAIE,QAAA,SAAS,EAAE,CAACD,MAAM,CAACE,sBAAR,EAAgC;AAAEC,UAAAA,QAAQ,EAAE,EAAZ;AAAgBC,UAAAA,KAAK,EAAE,KAAKN,KAAL,CAAWO;AAAlC,SAAhC;AAJb,QADF;AAQD;;AACD,WAAO,IAAP;AACD;;AAEDC,EAAAA,MAAM,GAAG;AACP,wBACE,oBAAC,gBAAD;AACE,MAAA,KAAK,EAAE,CAACN,MAAM,CAACO,SAAR,EAAmB,KAAKT,KAAL,CAAWU,IAAX,IAAmB;AAAEC,QAAAA,YAAY,EAAE;AAAhB,OAAtC,EAA2D,KAAKX,KAAL,CAAWY,KAAtE,CADT;AAEE,MAAA,OAAO,EAAE,KAAKZ,KAAL,CAAWa,OAFtB;AAGE,MAAA,aAAa,EAAE;AAHjB,OAKG,KAAKf,UAAL,EALH,eAME,oBAAC,IAAD;AAAM,MAAA,KAAK,EAAE,CAACI,MAAM,CAACY,IAAR,EAAc,KAAKd,KAAL,CAAWe,SAAzB;AAAb,OAAmD,KAAKf,KAAL,CAAWc,IAA9D,CANF,CADF;AAUD;;AA5BkC;;AA+BrC,MAAMZ,MAAM,GAAG;AACbO,EAAAA,SAAS,EAAE;AACTO,IAAAA,aAAa,EAAE,KADN;AAETL,IAAAA,YAAY,EAAE,EAFL;AAGTM,IAAAA,SAAS,EAAE,EAHF;AAITC,IAAAA,KAAK,EAAE,MAJE;AAKTC,IAAAA,QAAQ,EAAE;AALD,GADE;AAQbL,EAAAA,IAAI,EAAE;AACJM,IAAAA,UAAU,EAAE,WADR;AAEJf,IAAAA,QAAQ,EAAE,EAFN;AAGJgB,IAAAA,UAAU,EAAE,EAHR;AAIJf,IAAAA,KAAK,EAAEX,SAJH;AAKJ2B,IAAAA,eAAe,EAAE;AALb,GARO;AAebnB,EAAAA,iBAAiB,EAAE;AACjBoB,IAAAA,WAAW,EAAE,CADI;AAEjBL,IAAAA,KAAK,EAAE,EAFU;AAGjBM,IAAAA,SAAS,EAAE;AAHM,GAfN;AAoBbpB,EAAAA,sBAAsB,EAAE;AACtBC,IAAAA,QAAQ,EAAE,EADY;AAEtBgB,IAAAA,UAAU,EAAE,EAFU;AAGtBI,IAAAA,SAAS,EAAE;AAHW;AApBX,CAAf;;AA2BA,MAAMC,eAAe,GAAGC,KAAK,IAAI;AAC/B,SAAO;AACLpB,IAAAA,kBAAkB,EAAEX,8BAA8B,CAAC+B,KAAD;AAD7C,GAAP;AAGD,CAJD;;AAMA,MAAMC,YAAY,GAAGlC,OAAO,CAACgC,eAAD,EAAkB,EAAlB,CAAP,CAA6B7B,YAA7B,CAArB;AACA,SAAS+B,YAAY,IAAI/B,YAAzB","sourcesContent":["import React, { Component } from 'react';\nimport _ from 'lodash';\nimport { Text, TouchableOpacity } from 'react-native';\nimport { Icon } from 'react-native-elements';\nimport { connect } from 'react-redux';\nimport { TEXT_DARK, getMainBrandingColourFromState } from '../colours';\n\nclass DropDownItem extends Component {\n  state = {};\n\n  renderIcon() {\n    if (!_.isUndefined(this.props.icon)) {\n      return (\n        <Icon\n          name={this.props.icon}\n          type=\"font-awesome\"\n          style={styles.dropDownItem_Icon}\n          iconStyle={[styles.dropDownItem_IconStyle, { fontSize: 16, color: this.props.colourBrandingMain }]}\n        />\n      );\n    }\n    return null;\n  }\n\n  render() {\n    return (\n      <TouchableOpacity\n        style={[styles.container, this.props.last && { marginBottom: 0 }, this.props.style]}\n        onPress={this.props.onPress}\n        activeOpacity={0.6}\n      >\n        {this.renderIcon()}\n        <Text style={[styles.text, this.props.textStyle]}>{this.props.text}</Text>\n      </TouchableOpacity>\n    );\n  }\n}\n\nconst styles = {\n  container: {\n    flexDirection: 'row',\n    marginBottom: 12,\n    minHeight: 18,\n    width: '100%',\n    position: 'relative',\n  },\n  text: {\n    fontFamily: 'sf-medium',\n    fontSize: 16,\n    lineHeight: 18,\n    color: TEXT_DARK,\n    backgroundColor: 'transparent',\n  },\n  dropDownItem_Icon: {\n    marginRight: 8,\n    width: 18,\n    alignSelf: 'center',\n  },\n  dropDownItem_IconStyle: {\n    fontSize: 16,\n    lineHeight: 18,\n    textAlign: 'center',\n  },\n};\n\nconst mapStateToProps = state => {\n  return {\n    colourBrandingMain: getMainBrandingColourFromState(state),\n  };\n};\n\nconst dropDownItem = connect(mapStateToProps, {})(DropDownItem);\nexport { dropDownItem as DropDownItem };\n"]}

package/dist/module/components/DropDownMenu.js

@@ -0,0 +1,46 @@
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import React, { Component } from 'react';
+import { View } from 'react-native';
+
+class DropDownMenu extends Component {
+  constructor() {
+    super(...arguments);
+
+    _defineProperty(this, "state", {});
+  }
+
+  render() {
+    if (!this.props.visible) {
+      return null;
+    }
+
+    return /*#__PURE__*/React.createElement(View, {
+      style: [styles.container, this.props.style]
+    }, this.props.children);
+  }
+
+}
+
+const styles = {
+  container: {
+    borderRadius: 2,
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.2,
+    shadowRadius: 4,
+    elevation: 4,
+    zIndex: 10,
+    backgroundColor: '#fff',
+    padding: 16,
+    paddingVertical: 14,
+    position: 'absolute',
+    right: 0,
+    top: 0
+  }
+};
+export { DropDownMenu };
+//# sourceMappingURL=DropDownMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["DropDownMenu.js"],"names":["React","Component","View","DropDownMenu","render","props","visible","styles","container","style","children","borderRadius","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","zIndex","backgroundColor","padding","paddingVertical","position","right","top"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,SAAhB,QAAiC,OAAjC;AACA,SAASC,IAAT,QAAqB,cAArB;;AAEA,MAAMC,YAAN,SAA2BF,SAA3B,CAAqC;AAAA;AAAA;;AAAA,mCAC3B,EAD2B;AAAA;;AAGnCG,EAAAA,MAAM,GAAG;AACP,QAAI,CAAC,KAAKC,KAAL,CAAWC,OAAhB,EAAyB;AACvB,aAAO,IAAP;AACD;;AACD,wBAAO,oBAAC,IAAD;AAAM,MAAA,KAAK,EAAE,CAACC,MAAM,CAACC,SAAR,EAAmB,KAAKH,KAAL,CAAWI,KAA9B;AAAb,OAAoD,KAAKJ,KAAL,CAAWK,QAA/D,CAAP;AACD;;AARkC;;AAWrC,MAAMH,MAAM,GAAG;AACbC,EAAAA,SAAS,EAAE;AACTG,IAAAA,YAAY,EAAE,CADL;AAETC,IAAAA,WAAW,EAAE,MAFJ;AAGTC,IAAAA,YAAY,EAAE;AACZC,MAAAA,KAAK,EAAE,CADK;AAEZC,MAAAA,MAAM,EAAE;AAFI,KAHL;AAOTC,IAAAA,aAAa,EAAE,GAPN;AAQTC,IAAAA,YAAY,EAAE,CARL;AASTC,IAAAA,SAAS,EAAE,CATF;AAUTC,IAAAA,MAAM,EAAE,EAVC;AAWTC,IAAAA,eAAe,EAAE,MAXR;AAYTC,IAAAA,OAAO,EAAE,EAZA;AAaTC,IAAAA,eAAe,EAAE,EAbR;AAeTC,IAAAA,QAAQ,EAAE,UAfD;AAgBTC,IAAAA,KAAK,EAAE,CAhBE;AAiBTC,IAAAA,GAAG,EAAE;AAjBI;AADE,CAAf;AAsBA,SAAStB,YAAT","sourcesContent":["import React, { Component } from 'react';\nimport { View } from 'react-native';\n\nclass DropDownMenu extends Component {\n  state = {};\n\n  render() {\n    if (!this.props.visible) {\n      return null;\n    }\n    return <View style={[styles.container, this.props.style]}>{this.props.children}</View>;\n  }\n}\n\nconst styles = {\n  container: {\n    borderRadius: 2,\n    shadowColor: '#000',\n    shadowOffset: {\n      width: 0,\n      height: 2,\n    },\n    shadowOpacity: 0.2,\n    shadowRadius: 4,\n    elevation: 4,\n    zIndex: 10,\n    backgroundColor: '#fff',\n    padding: 16,\n    paddingVertical: 14,\n\n    position: 'absolute',\n    right: 0,\n    top: 0,\n  },\n};\n\nexport { DropDownMenu };\n"]}

package/dist/module/components/EmptyStateMain.js

@@ -0,0 +1,50 @@
+import React, { PureComponent } from 'react';
+import { Text, View, ScrollView, StyleSheet } from 'react-native';
+import { TEXT_BLUEGREY } from '../colours';
+
+class EmptyStateMain extends PureComponent {
+  renderPlaceHolder() {
+    let opacity = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
+    return /*#__PURE__*/React.createElement(View, {
+      style: [styles.item, {
+        opacity
+      }]
+    });
+  }
+
+  render() {
+    return /*#__PURE__*/React.createElement(View, {
+      style: [styles.container, this.props.style]
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: styles.titleText
+    }, this.props.title || 'Nothing to see here'), /*#__PURE__*/React.createElement(ScrollView, {
+      style: styles.itemContainer
+    }, this.renderPlaceHolder(0.8), this.renderPlaceHolder(0.6), this.renderPlaceHolder(0.4)));
+  }
+
+}
+
+const styles = StyleSheet.create({
+  container: {
+    borderRadius: 5,
+    paddingVertical: 5
+  },
+  titleText: {
+    fontFamily: 'qs-bold',
+    fontSize: 16,
+    color: TEXT_BLUEGREY
+  },
+  itemContainer: {
+    marginTop: 20,
+    flexDirection: 'column'
+  },
+  item: {
+    borderRadius: 4,
+    width: '100%',
+    height: 32,
+    backgroundColor: '#e6ebef',
+    marginBottom: 17
+  }
+});
+export default EmptyStateMain;
+//# sourceMappingURL=EmptyStateMain.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["EmptyStateMain.js"],"names":["React","PureComponent","Text","View","ScrollView","StyleSheet","TEXT_BLUEGREY","EmptyStateMain","renderPlaceHolder","opacity","styles","item","render","container","props","style","titleText","title","itemContainer","create","borderRadius","paddingVertical","fontFamily","fontSize","color","marginTop","flexDirection","width","height","backgroundColor","marginBottom"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,aAAhB,QAAqC,OAArC;AACA,SAASC,IAAT,EAAeC,IAAf,EAAqBC,UAArB,EAAiCC,UAAjC,QAAmD,cAAnD;AACA,SAASC,aAAT,QAA8B,YAA9B;;AAEA,MAAMC,cAAN,SAA6BN,aAA7B,CAA2C;AACzCO,EAAAA,iBAAiB,GAAc;AAAA,QAAbC,OAAa,uEAAH,CAAG;AAC7B,wBAAO,oBAAC,IAAD;AAAM,MAAA,KAAK,EAAE,CAACC,MAAM,CAACC,IAAR,EAAc;AAAEF,QAAAA;AAAF,OAAd;AAAb,MAAP;AACD;;AAEDG,EAAAA,MAAM,GAAG;AACP,wBACE,oBAAC,IAAD;AAAM,MAAA,KAAK,EAAE,CAACF,MAAM,CAACG,SAAR,EAAmB,KAAKC,KAAL,CAAWC,KAA9B;AAAb,oBACE,oBAAC,IAAD;AAAM,MAAA,KAAK,EAAEL,MAAM,CAACM;AAApB,OAAgC,KAAKF,KAAL,CAAWG,KAAX,IAAoB,qBAApD,CADF,eAEE,oBAAC,UAAD;AAAY,MAAA,KAAK,EAAEP,MAAM,CAACQ;AAA1B,OACG,KAAKV,iBAAL,CAAuB,GAAvB,CADH,EAEG,KAAKA,iBAAL,CAAuB,GAAvB,CAFH,EAGG,KAAKA,iBAAL,CAAuB,GAAvB,CAHH,CAFF,CADF;AAUD;;AAhBwC;;AAmB3C,MAAME,MAAM,GAAGL,UAAU,CAACc,MAAX,CAAkB;AAC/BN,EAAAA,SAAS,EAAE;AACTO,IAAAA,YAAY,EAAE,CADL;AAETC,IAAAA,eAAe,EAAE;AAFR,GADoB;AAK/BL,EAAAA,SAAS,EAAE;AACTM,IAAAA,UAAU,EAAE,SADH;AAETC,IAAAA,QAAQ,EAAE,EAFD;AAGTC,IAAAA,KAAK,EAAElB;AAHE,GALoB;AAU/BY,EAAAA,aAAa,EAAE;AACbO,IAAAA,SAAS,EAAE,EADE;AAEbC,IAAAA,aAAa,EAAE;AAFF,GAVgB;AAc/Bf,EAAAA,IAAI,EAAE;AACJS,IAAAA,YAAY,EAAE,CADV;AAEJO,IAAAA,KAAK,EAAE,MAFH;AAGJC,IAAAA,MAAM,EAAE,EAHJ;AAIJC,IAAAA,eAAe,EAAE,SAJb;AAKJC,IAAAA,YAAY,EAAE;AALV;AAdyB,CAAlB,CAAf;AAuBA,eAAevB,cAAf","sourcesContent":["import React, { PureComponent } from 'react';\nimport { Text, View, ScrollView, StyleSheet } from 'react-native';\nimport { TEXT_BLUEGREY } from '../colours';\n\nclass EmptyStateMain extends PureComponent {\n  renderPlaceHolder(opacity = 1) {\n    return <View style={[styles.item, { opacity }]} />;\n  }\n\n  render() {\n    return (\n      <View style={[styles.container, this.props.style]}>\n        <Text style={styles.titleText}>{this.props.title || 'Nothing to see here'}</Text>\n        <ScrollView style={styles.itemContainer}>\n          {this.renderPlaceHolder(0.8)}\n          {this.renderPlaceHolder(0.6)}\n          {this.renderPlaceHolder(0.4)}\n        </ScrollView>\n      </View>\n    );\n  }\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    borderRadius: 5,\n    paddingVertical: 5,\n  },\n  titleText: {\n    fontFamily: 'qs-bold',\n    fontSize: 16,\n    color: TEXT_BLUEGREY,\n  },\n  itemContainer: {\n    marginTop: 20,\n    flexDirection: 'column',\n  },\n  item: {\n    borderRadius: 4,\n    width: '100%',\n    height: 32,\n    backgroundColor: '#e6ebef',\n    marginBottom: 17,\n  },\n});\n\nexport default EmptyStateMain;\n"]}

package/dist/module/components/EmptyStateWidget.js

@@ -0,0 +1,52 @@
+import React, { PureComponent } from 'react';
+import { Text, View, ScrollView, StyleSheet } from 'react-native';
+import { TEXT_BLUEGREY } from '../colours';
+
+class EmptyStateWidget extends PureComponent {
+  renderPlaceHolder() {
+    let opacity = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
+    return /*#__PURE__*/React.createElement(View, {
+      style: [styles.item, {
+        opacity
+      }]
+    });
+  }
+
+  render() {
+    return /*#__PURE__*/React.createElement(View, {
+      style: [styles.container, this.props.height && {
+        height: this.props.height
+      }, this.props.style]
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: styles.titleText
+    }, this.props.title || 'Nothing to see here'), /*#__PURE__*/React.createElement(ScrollView, {
+      horizontal: true,
+      style: styles.itemContainer
+    }, this.renderPlaceHolder(0.8), this.renderPlaceHolder(0.6), this.renderPlaceHolder(0.4), this.renderPlaceHolder(0.2)));
+  }
+
+}
+
+const styles = StyleSheet.create({
+  container: {
+    borderRadius: 5,
+    paddingVertical: 5
+  },
+  titleText: {
+    fontFamily: 'qs-bold',
+    fontSize: 16,
+    color: TEXT_BLUEGREY
+  },
+  itemContainer: {
+    marginTop: 20
+  },
+  item: {
+    borderRadius: 4,
+    width: 97,
+    height: 98,
+    backgroundColor: '#e6ebef',
+    marginRight: 17
+  }
+});
+export default EmptyStateWidget;
+//# sourceMappingURL=EmptyStateWidget.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["EmptyStateWidget.js"],"names":["React","PureComponent","Text","View","ScrollView","StyleSheet","TEXT_BLUEGREY","EmptyStateWidget","renderPlaceHolder","opacity","styles","item","render","container","props","height","style","titleText","title","itemContainer","create","borderRadius","paddingVertical","fontFamily","fontSize","color","marginTop","width","backgroundColor","marginRight"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,aAAhB,QAAqC,OAArC;AACA,SAASC,IAAT,EAAeC,IAAf,EAAqBC,UAArB,EAAiCC,UAAjC,QAAmD,cAAnD;AACA,SAASC,aAAT,QAA8B,YAA9B;;AAEA,MAAMC,gBAAN,SAA+BN,aAA/B,CAA6C;AAC3CO,EAAAA,iBAAiB,GAAc;AAAA,QAAbC,OAAa,uEAAH,CAAG;AAC7B,wBAAO,oBAAC,IAAD;AAAM,MAAA,KAAK,EAAE,CAACC,MAAM,CAACC,IAAR,EAAc;AAAEF,QAAAA;AAAF,OAAd;AAAb,MAAP;AACD;;AAEDG,EAAAA,MAAM,GAAG;AACP,wBACE,oBAAC,IAAD;AAAM,MAAA,KAAK,EAAE,CAACF,MAAM,CAACG,SAAR,EAAmB,KAAKC,KAAL,CAAWC,MAAX,IAAqB;AAAEA,QAAAA,MAAM,EAAE,KAAKD,KAAL,CAAWC;AAArB,OAAxC,EAAuE,KAAKD,KAAL,CAAWE,KAAlF;AAAb,oBACE,oBAAC,IAAD;AAAM,MAAA,KAAK,EAAEN,MAAM,CAACO;AAApB,OAAgC,KAAKH,KAAL,CAAWI,KAAX,IAAoB,qBAApD,CADF,eAEE,oBAAC,UAAD;AAAY,MAAA,UAAU,MAAtB;AAAuB,MAAA,KAAK,EAAER,MAAM,CAACS;AAArC,OACG,KAAKX,iBAAL,CAAuB,GAAvB,CADH,EAEG,KAAKA,iBAAL,CAAuB,GAAvB,CAFH,EAGG,KAAKA,iBAAL,CAAuB,GAAvB,CAHH,EAIG,KAAKA,iBAAL,CAAuB,GAAvB,CAJH,CAFF,CADF;AAWD;;AAjB0C;;AAoB7C,MAAME,MAAM,GAAGL,UAAU,CAACe,MAAX,CAAkB;AAC/BP,EAAAA,SAAS,EAAE;AACTQ,IAAAA,YAAY,EAAE,CADL;AAETC,IAAAA,eAAe,EAAE;AAFR,GADoB;AAK/BL,EAAAA,SAAS,EAAE;AACTM,IAAAA,UAAU,EAAE,SADH;AAETC,IAAAA,QAAQ,EAAE,EAFD;AAGTC,IAAAA,KAAK,EAAEnB;AAHE,GALoB;AAU/Ba,EAAAA,aAAa,EAAE;AACbO,IAAAA,SAAS,EAAE;AADE,GAVgB;AAa/Bf,EAAAA,IAAI,EAAE;AACJU,IAAAA,YAAY,EAAE,CADV;AAEJM,IAAAA,KAAK,EAAE,EAFH;AAGJZ,IAAAA,MAAM,EAAE,EAHJ;AAIJa,IAAAA,eAAe,EAAE,SAJb;AAKJC,IAAAA,WAAW,EAAE;AALT;AAbyB,CAAlB,CAAf;AAsBA,eAAetB,gBAAf","sourcesContent":["import React, { PureComponent } from 'react';\nimport { Text, View, ScrollView, StyleSheet } from 'react-native';\nimport { TEXT_BLUEGREY } from '../colours';\n\nclass EmptyStateWidget extends PureComponent {\n  renderPlaceHolder(opacity = 1) {\n    return <View style={[styles.item, { opacity }]} />;\n  }\n\n  render() {\n    return (\n      <View style={[styles.container, this.props.height && { height: this.props.height }, this.props.style]}>\n        <Text style={styles.titleText}>{this.props.title || 'Nothing to see here'}</Text>\n        <ScrollView horizontal style={styles.itemContainer}>\n          {this.renderPlaceHolder(0.8)}\n          {this.renderPlaceHolder(0.6)}\n          {this.renderPlaceHolder(0.4)}\n          {this.renderPlaceHolder(0.2)}\n        </ScrollView>\n      </View>\n    );\n  }\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    borderRadius: 5,\n    paddingVertical: 5,\n  },\n  titleText: {\n    fontFamily: 'qs-bold',\n    fontSize: 16,\n    color: TEXT_BLUEGREY,\n  },\n  itemContainer: {\n    marginTop: 20,\n  },\n  item: {\n    borderRadius: 4,\n    width: 97,\n    height: 98,\n    backgroundColor: '#e6ebef',\n    marginRight: 17,\n  },\n});\n\nexport default EmptyStateWidget;\n"]}

package/dist/module/components/FontScaleButton.js

@@ -0,0 +1,37 @@
+import React, { PureComponent } from 'react';
+import { TouchableOpacity, Text } from 'react-native';
+import { TEXT_DARK } from '../colours';
+/* 
+Props- 
+    style - custom style for container
+*/
+
+class FontScaleButton extends PureComponent {
+  render() {
+    return /*#__PURE__*/React.createElement(TouchableOpacity, {
+      style: [styles.container, this.props.style],
+      onPress: this.props.onPress
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: styles.text
+    }, /*#__PURE__*/React.createElement(Text, null, "A"), /*#__PURE__*/React.createElement(Text, null, ` `), /*#__PURE__*/React.createElement(Text, {
+      style: styles.largeText
+    }, "A")));
+  }
+
+}
+
+const styles = {
+  container: {
+    padding: 15
+  },
+  text: {
+    fontFamily: 'sf-medium',
+    color: TEXT_DARK,
+    fontSize: 14
+  },
+  largeText: {
+    fontSize: 24
+  }
+};
+export { FontScaleButton };
+//# sourceMappingURL=FontScaleButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["FontScaleButton.js"],"names":["React","PureComponent","TouchableOpacity","Text","TEXT_DARK","FontScaleButton","render","styles","container","props","style","onPress","text","largeText","padding","fontFamily","color","fontSize"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,aAAhB,QAAqC,OAArC;AACA,SAASC,gBAAT,EAA2BC,IAA3B,QAAuC,cAAvC;AACA,SAASC,SAAT,QAA0B,YAA1B;AAEA;AACA;AACA;AACA;;AAEA,MAAMC,eAAN,SAA8BJ,aAA9B,CAA4C;AAC1CK,EAAAA,MAAM,GAAG;AACP,wBACE,oBAAC,gBAAD;AAAkB,MAAA,KAAK,EAAE,CAACC,MAAM,CAACC,SAAR,EAAmB,KAAKC,KAAL,CAAWC,KAA9B,CAAzB;AAA+D,MAAA,OAAO,EAAE,KAAKD,KAAL,CAAWE;AAAnF,oBACE,oBAAC,IAAD;AAAM,MAAA,KAAK,EAAEJ,MAAM,CAACK;AAApB,oBACE,oBAAC,IAAD,YADF,eAEE,oBAAC,IAAD,QAAQ,GAAR,CAFF,eAGE,oBAAC,IAAD;AAAM,MAAA,KAAK,EAAEL,MAAM,CAACM;AAApB,WAHF,CADF,CADF;AASD;;AAXyC;;AAc5C,MAAMN,MAAM,GAAG;AACbC,EAAAA,SAAS,EAAE;AACTM,IAAAA,OAAO,EAAE;AADA,GADE;AAIbF,EAAAA,IAAI,EAAE;AACJG,IAAAA,UAAU,EAAE,WADR;AAEJC,IAAAA,KAAK,EAAEZ,SAFH;AAGJa,IAAAA,QAAQ,EAAE;AAHN,GAJO;AASbJ,EAAAA,SAAS,EAAE;AACTI,IAAAA,QAAQ,EAAE;AADD;AATE,CAAf;AAcA,SAASZ,eAAT","sourcesContent":["import React, { PureComponent } from 'react';\nimport { TouchableOpacity, Text } from 'react-native';\nimport { TEXT_DARK } from '../colours';\n\n/* \nProps- \n    style - custom style for container\n*/\n\nclass FontScaleButton extends PureComponent {\n  render() {\n    return (\n      <TouchableOpacity style={[styles.container, this.props.style]} onPress={this.props.onPress}>\n        <Text style={styles.text}>\n          <Text>A</Text>\n          <Text>{` `}</Text>\n          <Text style={styles.largeText}>A</Text>\n        </Text>\n      </TouchableOpacity>\n    );\n  }\n}\n\nconst styles = {\n  container: {\n    padding: 15,\n  },\n  text: {\n    fontFamily: 'sf-medium',\n    color: TEXT_DARK,\n    fontSize: 14,\n  },\n  largeText: {\n    fontSize: 24,\n  },\n};\n\nexport { FontScaleButton };\n"]}