MetaPhase-Consulting/State-TalentMAP

import { Component } from 'react';
import PropTypes from 'prop-types';
import { connect } from 'react-redux';
import { withRouter } from 'react-router';
import { push } from 'connected-react-router';
import { get } from 'lodash';
import ProfileDashboard from 'Components/ProfileDashboard';
import Alert from 'Components/Alert';
import { fetchClassifications } from 'actions/classifications';
import { userProfilePublicFetchData } from 'actions/userProfilePublic';
import { CLASSIFICATIONS, EMPTY_FUNCTION, USER_PROFILE } from 'Constants/PropTypes';
import { DEFAULT_USER_PROFILE } from 'Constants/DefaultProps';
import { registerHandshake, unregisterHandshake } from 'actions/handshake';
import { toggleBidPosition } from 'actions/bidList';

class ProfilePublic extends Component {
  // DashboardContainer(Dashboard.jsx) is the 'ProfilePrivate'
  // counterpart to ProfilePublic.jsx(this component)

  UNSAFE_componentWillMount() {
    const id = get(this.props, 'match.params.id');
    const isBureauView = this.isView('bureau');
    const isPostView = this.isView('post');
    const bureauOrPost = isBureauView || isPostView;
    this.props.fetchData(id, !bureauOrPost);
    if (!bureauOrPost) {
      this.props.fetchClassifications();
    }
  }

  isView = (view) => {
    const viewType = get(this.props, 'match.params.viewType');
    return viewType === view;
  }

  render() {
    const {
      isLoading,
      hasErrored,
      userProfile,
      classifications,
      classificationsIsLoading,
      classificationsHasErrored,
      registerHandshakePosition,
      unregisterHandshakePosition,
      deleteBid,
    } = this.props;
    const { bidList } = userProfile;
    const clientClassifications = userProfile.classifications;
    const combinedLoading = isLoading || classificationsIsLoading;
    const combinedErrored = hasErrored || classificationsHasErrored;
    const viewType = get(this.props, 'match.params.viewType');

    let props = {};
    // Making props isRequired makes this a living document for profiles
    // Employee Profile Props:
    // showRedactedProfilePreview is only applicable when showEmployeeProfileLinks is true
    // when true, the employee profile link accesses the redacted version in the preview
    switch (viewType) {
      case 'bureau':
        props = {
          showAgendaItemHistory: false,
          showAssignmentHistory: false,
          showMaintainAssignmentLink: false,
          showBidTracker: false,
          showClassifications: false,
          canEditClassifications: false,
          showLanguages: true,
          showSearchAsClient: false,
          showEmployeeProfileLinks: true,
          showRedactedProfilePreview: true,
        };
        break;
      case 'post':
        props = {
          showAgendaItemHistory: false,
          showAssignmentHistory: false,
          showMaintainAssignmentLink: false,
          showBidTracker: false,
          showClassifications: false,
          canEditClassifications: false,
          showLanguages: true,
          showSearchAsClient: false,
          showEmployeeProfileLinks: true,
          showRedactedProfilePreview: true,
        };
        break;
      case 'ao':
        props = {
          showAgendaItemHistory: true,
          showAssignmentHistory: true,
          showMaintainAssignmentLink: true,
          showBidTracker: false,
          showClassifications: true,
          canEditClassifications: false,
          showLanguages: true,
          showSearchAsClient: false,
          showEmployeeProfileLinks: true,
          showRedactedProfilePreview: false,
        };
        break;
      default:
        // cdo relies on no other roles matching viewType
        props = {
          showAgendaItemHistory: true,
          showAssignmentHistory: true,
          showMaintainAssignmentLink: true,
          showBidTracker: true,
          showClassifications: true,
          canEditClassifications: true,
          showLanguages: true,
          showSearchAsClient: true,
          showEmployeeProfileLinks: true,
          showRedactedProfilePreview: false,
        };
    }

    return (
      combinedErrored ?
        <Alert type="error" title="User not found" />
        :
        <ProfileDashboard
          userProfile={userProfile}
          isLoading={combinedLoading}
          bidList={bidList}
          classifications={classifications}
          clientClassifications={clientClassifications}
          registerHandshake={registerHandshakePosition}
          unregisterHandshake={unregisterHandshakePosition}
          deleteBid={deleteBid}
          isPublic
          isAOView={this.isView('ao')}
          {...props}
        />
    );
  }
}

ProfilePublic.propTypes = {
  userProfile: USER_PROFILE,
  fetchData: PropTypes.func,
  fetchClassifications: PropTypes.func,
  isLoading: PropTypes.bool,
  classificationsIsLoading: PropTypes.bool,
  classificationsHasErrored: PropTypes.bool,
  hasErrored: PropTypes.bool,
  classifications: CLASSIFICATIONS,
  registerHandshakePosition: PropTypes.func,
  unregisterHandshakePosition: PropTypes.func,
  deleteBid: PropTypes.func,
};

ProfilePublic.defaultProps = {
  isLoading: true,
  userProfile: DEFAULT_USER_PROFILE,
  fetchData: EMPTY_FUNCTION,
  fetchClassifications: EMPTY_FUNCTION,
  hasErrored: false,
  classificationsIsLoading: true,
  classificationsHasErrored: false,
  classifications: [],
  registerHandshakePosition: EMPTY_FUNCTION,
  unregisterHandshakePosition: EMPTY_FUNCTION,
  deleteBid: EMPTY_FUNCTION,
};

ProfilePublic.contextTypes = {
  router: PropTypes.object,
};

const mapStateToProps = (state, ownProps) => ({
  userProfile: state.userProfilePublic,
  isLoading: state.userProfilePublicIsLoading,
  hasErrored: state.userProfilePublicHasErrored,
  id: ownProps,
  classificationsIsLoading: state.classificationsIsLoading,
  classificationsHasErrored: state.classificationsHasErrored,
  classifications: state.classifications,
});

export const mapDispatchToProps = (dispatch, ownProps) => {
  const id$ = get(ownProps, 'match.params.id');
  return {
    fetchData: (id, includeBids) => dispatch(userProfilePublicFetchData(id, false, includeBids)),
    onNavigateTo: dest => dispatch(push(dest)),
    fetchClassifications: () => dispatch(fetchClassifications()),
    registerHandshakePosition: id => dispatch(registerHandshake(id, id$)),
    unregisterHandshakePosition: id => dispatch(unregisterHandshake(id, id$)),
    deleteBid: id => dispatch(toggleBidPosition(id, true, false, id$, true)),
  };
};

export default connect(mapStateToProps, mapDispatchToProps)(withRouter(ProfilePublic));