@plusscommunities/pluss-core-web 1.7.3-beta.1 → 1.7.4-beta.0

package/src/apis/userActions.js

@@ -1,169 +0,0 @@
-import _ from 'lodash';
-import { authedFunction } from '../session';
-import { getUrl } from '../helper';
-
-export const userActions = {
-  createNewUser: (user, userExtra) => {
-    return authedFunction({
-      method: 'POST',
-      url: getUrl('users', 'add'),
-      data: {
-        user,
-        userExtra,
-      },
-    });
-  },
-  bulkNewUser: (users, site, sendWelcome) => {
-    return authedFunction({
-      method: 'POST',
-      url: getUrl('users', 'addbulk'),
-      data: {
-        site,
-        users,
-        sendWelcome,
-      },
-    });
-  },
-  getbulks: (site) => {
-    return authedFunction({
-      method: 'POST',
-      url: getUrl('users', 'getbulks'),
-      data: {
-        site,
-      },
-    });
-  },
-  fetchUsers: (site) => {
-    return authedFunction({
-      method: 'POST',
-      url: getUrl('users', 'get'),
-      data: {
-        site,
-      },
-    });
-  },
-  fetchInitialPasswords: (site) => {
-    return authedFunction({
-      method: 'GET',
-      url: getUrl('users', 'initialpasswords', { site }),
-    });
-  },
-  fetchUser: (site, userId) => {
-    return authedFunction({
-      method: 'POST',
-      url: getUrl('users', 'getsingle'),
-      data: {
-        site,
-        userId,
-      },
-    });
-  },
-  updateUser: (site, userId, user) => {
-    return authedFunction({
-      method: 'POST',
-      url: getUrl('users', 'manageUser'),
-      data: {
-        site,
-        userId,
-        user,
-      },
-    });
-  },
-  getSiteResidentsCount: (site) => {
-    return authedFunction({
-      method: 'POST',
-      url: getUrl('users', 'getexp'),
-      data: { site, isCount: true },
-    });
-  },
-  sendWelcomeEmail: (site, userId) => {
-    return authedFunction({
-      method: 'POST',
-      url: getUrl('users', 'welcome/email'),
-      data: { site, userId },
-    });
-  },
-  sendWelcomeText: (site, userId) => {
-    return authedFunction({
-      method: 'POST',
-      url: getUrl('users', 'welcome/text'),
-      data: { site, userId },
-    });
-  },
-  getInviteCode: (userId, type, site) => {
-    const query = {};
-    if (!_.isEmpty(userId)) {
-      query.userId = userId;
-    }
-    if (!_.isEmpty(type)) {
-      query.type = type;
-    }
-    if (!_.isEmpty(site)) {
-      query.site = site;
-    }
-    return authedFunction({
-      method: 'GET',
-      url: getUrl('users', 'invite/get', query),
-    });
-  },
-  generateInviteCode: (userId, type, site) => {
-    const data = {};
-    if (!_.isEmpty(userId)) {
-      data.userId = userId;
-    }
-    if (!_.isEmpty(type)) {
-      data.type = type;
-    }
-    if (!_.isEmpty(site)) {
-      data.site = site;
-    }
-    return authedFunction({
-      method: 'POST',
-      url: getUrl('users', 'invite/generate'),
-      data,
-    });
-  },
-  createInviteCode: (userId, site, userType, expiry) => {
-    return authedFunction({
-      method: 'POST',
-      url: getUrl('users', 'invite/update/add'),
-      data: { userId, site, userType, expiry },
-    });
-  },
-  editInviteCode: (code, userType, expiry) => {
-    return authedFunction({
-      method: 'POST',
-      url: getUrl('users', 'invite/update/edit'),
-      data: { code, userType, expiry },
-    });
-  },
-  deleteInviteCode: (code) => {
-    return authedFunction({
-      method: 'POST',
-      url: getUrl('users', 'invite/update/delete'),
-      data: { code },
-    });
-  },
-  getInviteCodes: (site, excludeFamily = false) => {
-    const action = excludeFamily ? 'excludeFamily' : 'all';
-    return authedFunction({
-      method: 'GET',
-      url: getUrl('users', `invite/get/${action}`, { site }),
-    });
-  },
-  getInviteCodeByCode: (code) => {
-    return authedFunction({
-      method: 'GET',
-      url: getUrl('users', 'invite/get/code', { code }),
-    });
-  },
-  updateProfile: (input) => {
-    return authedFunction({
-      method: 'POST',
-      url: getUrl('users', 'updateProfile'),
-      data: {
-        details: input,
-      },
-    });
-  },
-};

package/src/apis/utilityActions.js

@@ -1,35 +0,0 @@
-import Config from '../config';
-import { authedFunction, unauthedFunction } from '../session';
-import { getUrl } from '../helper';
-
-export const utilityActions = {
-  getUpvotyToken: () => {
-    return authedFunction({
-      method: 'GET',
-      url: getUrl('utility', 'upvoty/usertoken'),
-    });
-  },
-  getBoardHash: () => {
-    return authedFunction({
-      method: 'GET',
-      url: getUrl('utility', 'upvoty/boardhash'),
-    });
-  },
-  getRoadmapHash: () => {
-    return authedFunction({
-      method: 'GET',
-      url: getUrl('utility', 'upvoty/roadmap'),
-    });
-  },
-  generateMake: (templateId, data) => {
-    return unauthedFunction({
-      method: 'POST',
-      url: `https://api.make.cm/make/t/${templateId}/sync`,
-      data,
-      headers: {
-        'Content-Type': 'application/json',
-        'X-MAKE-API-KEY': Config.env.makeApiKey,
-      },
-    });
-  },
-};

package/src/colours.js

@@ -1,134 +0,0 @@
-// const COLOUR_1 = '#011d5c';
-// const COLOUR_2 = '#3179cb';
-// const COLOUR_3 = '#1bb7ee';
-
-const COLOUR_BRANDING_MAIN = '#4a57b7';
-// const COLOUR_BRANDING_DARK = '#364196';
-// const COLOUR_BRANDING_LIGHT = '#597db4';
-const COLOUR_BRANDING_OFF = '#597db4';
-const COLOUR_BRANDING_ACTION = '#5c90df';
-const COLOUR_BRANDING_INACTIVE = '#dbddf1';
-
-// const TEXT_DARKEST = '#262a2d';
-// const TEXT_DARK = '#262a2d';
-// const TEXT_DARK_ALPHA50 = 'rgba(60, 60, 80, .5)';
-// const TEXT_DARK_ALPHA20 = 'rgba(60, 60, 80, .2)';
-// const TEXT_DARK_ALPHA10 = 'rgba(60, 60, 80, .1)';
-// const TEXT_MID = '#5a5a6e';
-// const TEXT_MID_ALPHA50 = 'rgba(90, 90, 110, .5)';
-const TEXT_LIGHT = '#717b81';
-// const TEXT_SUPER_LIGHT = '#d2d9e5';
-const COLOUR_DUSK = '#536280';
-const COLOUR_DUSK_LIGHT = '#67758f';
-const COLOUR_DUSK_LIGHTER = '#a1afcc';
-
-const LINEGREY = COLOUR_BRANDING_INACTIVE;
-// const BORDER_LINE_GREY = COLOUR_BRANDING_INACTIVE;
-
-// const COLOUR_TEAL = '#49bdbb';
-// const COLOUR_TEAL_ALPHA50 = 'rgba(4, 196, 169, 0.2)';
-// const COLOUR_BLUE = '#5e9efc';
-// const COLOUR_BLUE_ALPHA10 = 'rgba(0, 131, 238, 0.1)';
-// const COLOUR_DARKBLUE = '#191e78';
-// const COLOUR_PURPLE = '#6e79c5';
-const COLOUR_RED = '#c02743';
-const COLOUR_GREEN = '#00cc9c';
-// const COLOUR_TANGERINE = '#ff8c75';
-// const COLOUR_CITRON = '#bdbd27';
-// const COLOUR_GRAPEFRUIT = '#ff6363';
-// const DARK_OVERLAY = 'rgba(19,19,26,.9)';
-// const FACEBOOK_BLUE = '#3B5998';
-
-// const COLOUR_NAV_GREY = '#f6f6f6';
-// const COLOUR_TRANSPARENT = 'rgba(0,0,0,0)';
-// const COLOUR_SIDEBAR = '#303030';
-const COLOUR_LIGHTGREY = '#8695b2';
-
-const INACTIVE_TEXT = COLOUR_LIGHTGREY;
-
-const COLOUR_BRANDING_APP = '#4a57b7';
-
-const hexToRGB = (hex) => {
-  // Expand shorthand form (e.g. "03F") to full form (e.g. "0033FF")
-  const shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
-  hex = hex.replace(shorthandRegex, (m, r, g, b) => {
-    return r + r + g + g + b + b;
-  });
-
-  const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
-  return result
-    ? {
-        r: parseInt(result[1], 16),
-        g: parseInt(result[2], 16),
-        b: parseInt(result[3], 16),
-      }
-    : null;
-};
-
-const hexToRGBAstring = (hex, opacity) => {
-  // Expand shorthand form (e.g. "03F") to full form (e.g. "0033FF")
-  const shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
-  hex = hex.replace(shorthandRegex, (m, r, g, b) => {
-    return r + r + g + g + b + b;
-  });
-
-  const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
-  return result ? `rgba(${parseInt(result[1], 16)}, ${parseInt(result[2], 16)}, ${parseInt(result[3], 16)}, ${opacity})` : null;
-};
-
-// const pctBtwnColours = (c1, c2, percentage) => {
-//   const rgbC1 = hexToRGB(c1);
-//   const rgbC2 = hexToRGB(c2);
-//   const r = rgbC2.r + (rgbC1.r - rgbC2.r) * percentage;
-//   const g = rgbC2.g + (rgbC1.g - rgbC2.g) * percentage;
-//   const b = rgbC2.b + (rgbC1.b - rgbC2.b) * percentage;
-//   return `rgb(${Math.round(r)}, ${Math.round(g)}, ${Math.round(b)})`;
-// };
-
-export {
-  // COLOUR_1,
-  // COLOUR_2,
-  // COLOUR_3,
-  // TEXT_DARKEST,
-  // TEXT_DARK,
-  // TEXT_DARK_ALPHA50,
-  // TEXT_DARK_ALPHA20,
-  // TEXT_DARK_ALPHA10,
-  // TEXT_MID,
-  // TEXT_MID_ALPHA50,
-  TEXT_LIGHT,
-  // TEXT_SUPER_LIGHT,
-  COLOUR_DUSK,
-  COLOUR_DUSK_LIGHT,
-  COLOUR_DUSK_LIGHTER,
-  LINEGREY,
-  // BORDER_LINE_GREY,
-  // COLOUR_TEAL,
-  // COLOUR_TEAL_ALPHA50,
-  // COLOUR_BLUE,
-  // COLOUR_BLUE_ALPHA10,
-  // COLOUR_DARKBLUE,
-  // COLOUR_PURPLE,
-  COLOUR_RED,
-  // COLOUR_TANGERINE,
-  // COLOUR_CITRON,
-  // COLOUR_GRAPEFRUIT,
-  // DARK_OVERLAY,
-  hexToRGB,
-  hexToRGBAstring,
-  // pctBtwnColours,
-  // FACEBOOK_BLUE,
-  // COLOUR_NAV_GREY,
-  // COLOUR_TRANSPARENT,
-  // COLOUR_SIDEBAR,
-  COLOUR_BRANDING_MAIN,
-  COLOUR_BRANDING_OFF,
-  // COLOUR_BRANDING_LIGHT,
-  // COLOUR_BRANDING_DARK,
-  COLOUR_BRANDING_ACTION,
-  COLOUR_GREEN,
-  INACTIVE_TEXT,
-  COLOUR_LIGHTGREY,
-  COLOUR_BRANDING_APP,
-  COLOUR_BRANDING_INACTIVE,
-};

package/src/components/AddButton.js

@@ -1,27 +0,0 @@
-import React, { Component } from 'react';
-import FontAwesome from 'react-fontawesome';
-
-class AddButton extends Component {
-  getClasses() {
-    let classes = 'addButton';
-    if (this.props.inactive) {
-      classes += ' addButton--inactive';
-    }
-    return classes;
-  }
-
-  renderIcon() {
-    return <FontAwesome className="addButton__icon" name={this.props.icon || 'plus'} />;
-  }
-
-  render() {
-    return (
-      <div style={this.props.style} onClick={this.props.onClick} className={this.getClasses()}>
-        <div className="addButton__text">{this.props.text}</div>
-        <div className="addButton__right">{this.renderIcon()}</div>
-      </div>
-    );
-  }
-}
-
-export { AddButton };

package/src/components/AnalyticsFilter.js

@@ -1,115 +0,0 @@
-import React, { PureComponent } from 'react';
-import { DropdownButton, DropdownItem } from 'react-bootstrap';
-import _ from 'lodash';
-import moment from 'moment';
-import { getAnalyticsFilterOptions } from '../analytics';
-import { GenericInput } from './GenericInput';
-import { DatePicker } from './DatePicker';
-
-class AnalyticsFilter extends PureComponent {
-  constructor(props) {
-    super(props);
-    const filterOptions = getAnalyticsFilterOptions();
-    const selectedFilter = this.props.defaultFilter || filterOptions[1];
-
-    this.state = {
-      filterOptions,
-      selectedFilter,
-      dateRangeText: 'Select date range',
-      startDate: moment(this.props.defaultStart),
-      endDate: moment(this.props.defaultEnd),
-      calendarVisible: true,
-    };
-  }
-
-  renderOptions = () => {
-    return this.state.filterOptions.map((ev) => {
-      if (this.props.hideOptions && _.includes(this.props.hideOptions, ev.dayCount)) {
-        return null;
-      }
-      return (
-        <DropdownItem key={ev.dayCount} eventKey={ev.dayCount} active={this.state.selectedFilter === ev}>
-          {ev.text}
-        </DropdownItem>
-      );
-    });
-  };
-
-  selectFilter = (key) => {
-    const selectedFilter = _.find(this.state.filterOptions, (o) => {
-      return o.dayCount === key;
-    });
-    this.setState(
-      {
-        selectedFilter,
-        dateRangeText: 'Select date range',
-        startDate: moment(),
-        endDate: moment(),
-        calendarVisible: true,
-      },
-      () => {
-        this.props.filterChanged(selectedFilter);
-      },
-    );
-  };
-
-  getDateRangeText = (start, end) => {
-    return `${moment(start).format('DD/MM/YYYY')}  to  ${moment(end).format('DD/MM/YYYY')}`;
-  };
-
-  toggleDateSelectors = () => {
-    this.setState({ calendarVisible: !this.state.calendarVisible });
-  };
-
-  startDateChanged = (date) => {
-    if (moment(date).isSameOrBefore(this.state.endDate)) {
-      this.setState({ startDate: date, dateRangeText: this.getDateRangeText(date, this.state.endDate) }, () => {
-        this.props.filterDateRangeChanged(this.state.startDate, this.state.endDate);
-      });
-    }
-  };
-
-  endDateChanged = (date) => {
-    if (moment(date).isSameOrAfter(this.state.startDate)) {
-      this.setState({ endDate: date, dateRangeText: this.getDateRangeText(this.state.startDate, date) }, () => {
-        this.props.filterDateRangeChanged(this.state.startDate, this.state.endDate);
-      });
-    }
-  };
-
-  render() {
-    return (
-      <>
-        <div className="analyticsFilter__dropDown">
-          <DropdownButton
-            id="secondLevelSort"
-            bsSize="xsmall"
-            className="siteSelector__button analyticsFilter__dropDown__button"
-            title={this.state.selectedFilter.text}
-            onSelect={this.selectFilter}
-          >
-            {this.renderOptions()}
-          </DropdownButton>
-          {this.state.selectedFilter.dayCount === 0 && (
-            <GenericInput
-              id="customDateRange"
-              placeholder={'Select date range'}
-              className="analyticsFilter__dropDown__input"
-              value={this.state.dateRangeText}
-              onClick={this.toggleDateSelectors}
-              readOnly
-            />
-          )}
-        </div>
-        {this.state.selectedFilter.dayCount === 0 && this.state.calendarVisible && (
-          <div className="analyticsFilter__dateRange">
-            <DatePicker hideTop selectedDate={this.state.startDate} selectDate={this.startDateChanged} />
-            <DatePicker hideTop selectedDate={this.state.endDate} selectDate={this.endDateChanged} />
-          </div>
-        )}
-      </>
-    );
-  }
-}
-
-export { AnalyticsFilter };

package/src/components/Attachment.js

@@ -1,27 +0,0 @@
-import React, { Component } from 'react';
-import FontAwesome from 'react-fontawesome';
-import { COLOUR_DUSK_LIGHT } from '../colours';
-import getFileName from '../helper/files/getFileName';
-import { SVGIcon } from './SVGIcon';
-
-class Attachment extends Component {
-  render() {
-    return (
-      <div
-        className={`pdfAttachment${this.props.className ? ` ${this.props.className}` : ''}${
-          this.props.white ? ' pdfAttachment-white' : ''
-        }`}
-      >
-        <a href={this.props.source} target="_blank" className="pdfAttachment_container">
-          <FontAwesome className="pdfAttachment_icon" name={`${this.props.uploading ? 'spinner fa-pulse' : 'paperclip'} fa-fw`} />
-          <p className="pdfAttachment_title">{this.props.title || getFileName(this.props.source)}</p>
-        </a>
-        {this.props.onRemove && (
-          <SVGIcon colour={COLOUR_DUSK_LIGHT} icon="close" className="pdfAttachment_close" onClick={this.props.onRemove} />
-        )}
-      </div>
-    );
-  }
-}
-
-export { Attachment };

package/src/components/AudienceIncluder.js

@@ -1,175 +0,0 @@
-import React, { Component } from 'react';
-import _ from 'lodash';
-import { withRouter } from 'react-router';
-import { connect } from 'react-redux';
-import Config from '../config';
-import { SVGIcon } from './SVGIcon';
-import { GenericInput } from './GenericInput';
-import { Text } from './Text';
-import { COLOUR_DUSK } from '../colours';
-
-class AudienceIncluder extends Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      showUserAdd: false,
-      userSearch: '',
-      returnList: [],
-      userList: [],
-
-      selectionList: [],
-    };
-  }
-
-  UNSAFE_componentWillMount() {
-    this.updateProps(this.props);
-  }
-
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    this.updateProps(nextProps);
-  }
-
-  updateProps(props) {
-    var stateChange = { selectionList: props.selectionList, userList: props.userList };
-
-    if (!_.isEmpty(this.state.userSearch) && this.state.userSearch.length > 1) {
-      stateChange.returnList = _.filter(props.userList, (ev) => {
-        return ev.displayName.toLowerCase().indexOf(this.state.userSearch.toLowerCase()) > -1;
-      });
-
-      stateChange.returnList = _.reject(stateChange.returnList, (item) =>
-        _.find(props.selectionList, (t) => {
-          return t.Id === item.Id;
-        }),
-      );
-    }
-    this.setState(stateChange);
-  }
-
-  showUserAdd() {
-    this.setState({ showUserAdd: true });
-  }
-
-  handleChange(event) {
-    if (this.state.searchUserLoading) {
-      return;
-    }
-    var stateChange = { returnList: [] };
-    stateChange[event.target.getAttribute('id')] = event.target.value;
-
-    if (!_.isEmpty(event.target.value) && event.target.value.length > 1) {
-      stateChange.returnList = _.filter(this.props.userList, (ev) => {
-        return ev.displayName.toLowerCase().indexOf(event.target.value.toLowerCase()) > -1;
-      });
-
-      stateChange.returnList = _.reject(stateChange.returnList, (item) =>
-        _.find(this.state.selectionList, (t) => {
-          return t.Id === item.Id;
-        }),
-      );
-    }
-
-    this.setState(stateChange);
-  }
-
-  renderSearch() {
-    return (
-      <div style={{}}>
-        {this.state.returnList.map((user, index) => {
-          return (
-            <div
-              onClick={() => {
-                this.props.add(user);
-              }}
-              key={user.Id}
-              className="pointer"
-              style={{ marginBottom: 8, display: 'flex', flexDirection: 'row', alignItems: 'center' }}
-            >
-              <img
-                style={{ height: 30, width: 30, borderRadius: 15, marginRight: 16 }}
-                src={user.profilePic != null ? user.profilePic : Config.env.defaultProfileImage}
-                alt="user profilePic"
-              />
-              <div className={`fontMedium fontSize-16 text-dark'`}>{user.displayName}</div>
-            </div>
-          );
-        })}
-      </div>
-    );
-  }
-
-  renderUserAdd() {
-    return (
-      <div className="" style={{ backgroundColor: '#fff' }}>
-        {' '}
-        {/* Search for peeps */}
-        <GenericInput
-          id="userSearch"
-          type="text"
-          label="Search for User"
-          placeholder="Search for user"
-          value={this.state.userSearch}
-          onChange={(e) => this.handleChange(e)}
-          alwaysShowLabel
-        />
-        {this.renderSearch()}
-      </div>
-    );
-  }
-
-  renderAttendees() {
-    if (this.state.selectionList && !_.isEmpty(this.state.selectionList)) {
-      return (
-        <div style={{ marginTop: 16 }}>
-          <Text type="formLabel" className="marginBottom-8">
-            Selected Users
-          </Text>
-          {this.state.selectionList.map((user, index) => {
-            return (
-              <div
-                key={user.Id}
-                style={{ marginBottom: 8, display: 'flex', flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}
-              >
-                <div className="flex" style={{ alignItems: 'center' }}>
-                  <img
-                    style={{ height: 30, width: 30, borderRadius: 15, marginRight: 16 }}
-                    src={user.profilePic != null ? user.profilePic : Config.env.defaultProfileImage}
-                    alt="user profilePic"
-                  />
-                  <div className={`fontMedium fontSize-16 text-dark'`}>{user.displayName}</div>
-                </div>
-                <SVGIcon
-                  className="removeIcon"
-                  icon="close"
-                  onClick={() => {
-                    this.props.remove(user);
-                  }}
-                  colour={COLOUR_DUSK}
-                />
-                {/* <ConfirmActions declineOnly onDecline={() => {}} /> */}
-              </div>
-            );
-          })}
-        </div>
-      );
-    }
-    return null;
-  }
-
-  render() {
-    return (
-      <div>
-        <div>{this.renderUserAdd()}</div>
-        <div>{this.renderAttendees()}</div>
-      </div>
-    );
-  }
-}
-
-const mapStateToProps = (state) => {
-  return { auth: state.auth };
-};
-
-let exportObj = connect(mapStateToProps, {})(withRouter(AudienceIncluder));
-
-export { exportObj as AudienceIncluder };