@plusscommunities/pluss-maintenance-web 1.2.4-beta.0 → 1.2.4-beta.2

package/rollup.config.js

@@ -1,59 +0,0 @@
-import styles from 'rollup-plugin-styles';
-const autoprefixer = require('autoprefixer');
-import babel from '@rollup/plugin-babel';
-import json from '@rollup/plugin-json';
-import image from '@rollup/plugin-image';
-import localResolve from 'rollup-plugin-local-resolve';
-
-// the entry point for the library
-const input = 'src/index.js';
-
-var MODE = [
-  {
-    fomart: 'cjs',
-  },
-  {
-    fomart: 'esm',
-  },
-  {
-    fomart: 'umd',
-  },
-];
-
-var config = [];
-
-MODE.map((m) => {
-  var conf = {
-    input: input,
-    output: {
-      // then name of your package
-      name: '@plusscommunities/pluss-maintenance-web',
-      file: `dist/index.${m.fomart}.js`,
-      format: m.fomart,
-      exports: 'auto',
-    },
-    // this externelizes react to prevent rollup from compiling it
-    external: ['react', /@babel\/runtime/],
-    plugins: [
-      // these are babel comfigurations
-      babel({
-        exclude: 'node_modules/**',
-        presets: ['@babel/preset-react', '@babel/preset-env'],
-        plugins: ['@babel/transform-runtime'],
-        babelHelpers: 'runtime',
-      }),
-      // this adds support for styles
-      styles({
-        postcss: {
-          plugins: [autoprefixer()],
-        },
-      }),
-      json(),
-      image(),
-      localResolve(),
-    ],
-  };
-  config.push(conf);
-});
-
-export default [...config];

package/src/actions/JobsActions.js

@@ -1,150 +0,0 @@
-import _ from 'lodash';
-import { JOBS_LOADED, JOBS_REMOVED, JOBS_LOADING, JOBS_TYPES_LOADED, JOBS_STATUSES_LOADED, JOBS_HIDE_SEEN } from './types';
-import { maintenanceActions, stringActions } from '../apis';
-import DefaultStatusTypes from '../maintenanceStatus.json';
-import { PlussCore } from '../feature.config';
-import { values } from '../values.config';
-
-const { Helper } = PlussCore;
-
-export const jobsUpdate = (site, isdashboard) => {
-  return (dispatch) => {
-    if (isdashboard) dispatch({ type: JOBS_LOADING });
-
-    maintenanceActions.getJobsRecursive(site).then((res) => {
-      const currentSite = Helper.readStorageWithCookie('site');
-      if (!_.isEmpty(res) && res[0].site === currentSite) {
-        dispatch({
-          type: JOBS_LOADED,
-          payload: res,
-        });
-      } else {
-        dispatch({
-          type: JOBS_LOADED,
-          payload: [],
-        });
-      }
-    });
-  };
-};
-
-export const jobsLoaded = (events) => {
-  return {
-    type: JOBS_LOADED,
-    payload: events,
-  };
-};
-
-export const removeJob = (id) => {
-  return {
-    type: JOBS_REMOVED,
-    payload: id,
-  };
-};
-
-export const jobTypesUpdate = (site) => {
-  return (dispatch) => {
-    maintenanceActions.getJobTypes(site).then((res) => {
-      dispatch({
-        type: JOBS_TYPES_LOADED,
-        payload: res.data,
-      });
-    });
-  };
-};
-
-export const jobTypesLoaded = (events) => {
-  return {
-    type: JOBS_TYPES_LOADED,
-    payload: events,
-  };
-};
-
-export const jobStatusesUpdate = (site, callback = null) => {
-  return (dispatch) => {
-    stringActions
-      .getString(site, values.stringConfigJobStatus)
-      .then((res) => {
-        dispatch({
-          type: JOBS_STATUSES_LOADED,
-          payload: res.data,
-        });
-        if (callback) callback(res.data);
-      })
-      .catch((_error) => {
-        dispatch({
-          type: JOBS_STATUSES_LOADED,
-          payload: DefaultStatusTypes,
-        });
-        if (callback) callback(DefaultStatusTypes);
-      });
-  };
-};
-
-export const jobStatusesLoaded = (statuses) => {
-  return {
-    type: JOBS_STATUSES_LOADED,
-    payload: statuses,
-  };
-};
-
-export const jobHideSeenUpdate = (site, callback = null) => {
-  return (dispatch) => {
-    stringActions
-      .getString(site, values.stringConfigHideSeen)
-      .then((res) => {
-        dispatch({
-          type: JOBS_HIDE_SEEN,
-          payload: res.data,
-        });
-        if (callback) callback(res.data);
-      })
-      .catch((_error) => {
-        dispatch({
-          type: JOBS_HIDE_SEEN,
-          payload: false,
-        });
-        if (callback) callback(false);
-      });
-  };
-};
-
-export const jobHideSeenLoaded = (hide) => {
-  return {
-    type: JOBS_HIDE_SEEN,
-    payload: hide,
-  };
-};
-
-// export const removeJobType = (id) => {
-//   return {
-//     type: JOBS_TYPES_REMOVED,
-//     payload: id,
-//   };
-// };
-
-// export const clearJobs = () => {
-//   return {
-//     type: JOBS_PURGE,
-//   };
-// };
-
-// export const ticketsLoaded = (tickets) => {
-//   return {
-//     type: TICKETS_LOADED,
-//     payload: tickets,
-//   };
-// };
-
-// export const ticketsUpdate = (site) => {
-//   return (dispatch) => {
-//     maintenanceActions.getTickets(site).then((res) => {
-//       if (res.data != null) {
-//         dispatch({
-//           type: TICKETS_LOADED,
-//           payload: res.data,
-//         });
-//       }
-//     });
-//   };
-// };

package/src/actions/index.js

@@ -1 +0,0 @@
-export * from './JobsActions';

package/src/actions/types.js

@@ -1,8 +0,0 @@
-import { values } from '../values.config';
-
-export const JOBS_LOADED = values.actionJobsLoaded;
-export const JOBS_LOADING = values.actionJobsLoading;
-export const JOBS_REMOVED = values.actionJobsRemoved;
-export const JOBS_TYPES_LOADED = values.actionJobsTypesLoaded;
-export const JOBS_STATUSES_LOADED = values.actionJobsStatusesLoaded;
-export const JOBS_HIDE_SEEN = values.actionJobsHideSeen;

package/src/apis/index.js

@@ -1,10 +0,0 @@
-import { PlussCore } from '../feature.config';
-
-const { Apis } = PlussCore;
-
-export const analyticsActions = Apis.analyticsActions;
-export const userActions = Apis.userActions;
-export const stringActions = Apis.stringActions;
-
-export * from './maintenanceActions';
-export * from './reactionActions';

package/src/apis/maintenanceActions.js

@@ -1,203 +0,0 @@
-import { PlussCore } from '../feature.config';
-import { values } from '../values.config';
-const { Helper, Session } = PlussCore;
-
-export const maintenanceActions = {
-  getJobType: (site, typeId) => {
-    let url = Helper.getUrl(values.serviceKey, 'getjobtype');
-    return Session.authedFunction({
-      method: 'POST',
-      url,
-      data: { site, typeId },
-    });
-  },
-  getJobTypes: (site, id) => {
-    let url = Helper.getUrl(values.serviceKey, 'getjobtypes');
-    return Session.authedFunction({
-      method: 'POST',
-      url,
-      data: { site },
-    });
-  },
-  getJob: (site, id) => {
-    let url = Helper.getUrl(values.serviceKey, 'getJob');
-    return Session.authedFunction({
-      method: 'POST',
-      url,
-      data: { site, id },
-    });
-  },
-  getJobByJobId: (site, jobId) => {
-    let url = Helper.getUrl(values.serviceKey, 'getJob');
-    return Session.authedFunction({
-      method: 'POST',
-      url,
-      data: { site, jobId },
-    });
-  },
-  getJobs: (site, status = '', type = '') => {
-    return Session.authedFunction({
-      method: 'POST',
-      url: Helper.getUrl(values.serviceKey, 'getJobs'),
-      data: { site, status, type },
-    });
-  },
-  getJobs2: (site, status, type, lastKey) => {
-    const query = { site };
-    if (status) {
-      query.status = status;
-    }
-    if (type) {
-      query.type = type;
-    }
-    if (lastKey) {
-      query.lastKey = JSON.stringify(lastKey);
-    }
-    return Session.authedFunction({
-      method: 'GET',
-      url: Helper.getUrl(values.serviceKey, 'get/requests', query),
-    });
-  },
-  getJobsRecursive: (site, status, type, lastKey, jobs = []) => {
-    return new Promise((resolve) => {
-      maintenanceActions.getJobs2(site, status, type, lastKey).then((jobRes) => {
-        const newJobs = [...jobs, ...jobRes.data.Items];
-        if (!jobRes.data.LastKey) {
-          return resolve(newJobs);
-        }
-        return resolve(maintenanceActions.getJobsRecursive(site, status, type, jobRes.data.LastKey, newJobs));
-      });
-    });
-  },
-  createJob: (job) => {
-    return Session.authedFunction({
-      method: 'POST',
-      url: Helper.getUrl(values.serviceKey, 'sendMaintenance'),
-      data: {
-        ...job,
-      },
-    });
-  },
-  editJob: (job, site) => {
-    return Session.authedFunction({
-      method: 'POST',
-      url: Helper.getUrl(values.serviceKey, 'editJob'),
-      data: { job, site },
-    });
-  },
-  deleteJob: (site, id) => {
-    return Session.authedFunction({
-      method: 'POST',
-      url: Helper.getUrl(values.serviceKey, 'requests/remove'),
-      data: { site, id },
-    });
-  },
-  editJobStatus: (id, status) => {
-    return Session.authedFunction({
-      method: 'POST',
-      url: Helper.getUrl(values.serviceKey, 'editJobStatus'),
-      data: { id, status },
-    });
-  },
-  editJobPriority: (id, priority) => {
-    return Session.authedFunction({
-      method: 'POST',
-      url: Helper.getUrl(values.serviceKey, 'update/priority'),
-      data: { id, priority },
-    });
-  },
-  assignJob: (jobId, userId) => {
-    return Session.authedFunction({
-      method: 'POST',
-      url: Helper.getUrl(values.serviceKey, 'update/assign'),
-      data: {
-        id: jobId,
-        userId,
-      },
-    });
-  },
-  getAssignees: (site) => {
-    return Session.authedFunction({
-      method: 'GET',
-      url: Helper.getUrl(values.serviceKey, 'get/assignees', { site }),
-    });
-  },
-  addNote: (jobId, note, attachments, images) => {
-    return Session.authedFunction({
-      method: 'POST',
-      url: Helper.getUrl(values.serviceKey, 'requests/note'),
-      data: {
-        id: jobId,
-        note,
-        attachments,
-        images,
-        action: 'AddNote',
-      },
-    });
-  },
-  editNote: (jobId, noteId, note, attachments, images) => {
-    return Session.authedFunction({
-      method: 'POST',
-      url: Helper.getUrl(values.serviceKey, 'requests/note'),
-      data: {
-        id: jobId,
-        note,
-        attachments,
-        images,
-        noteId,
-        action: 'EditNote',
-      },
-    });
-  },
-  deleteNote: (jobId, noteId) => {
-    return Session.authedFunction({
-      method: 'POST',
-      url: Helper.getUrl(values.serviceKey, 'requests/note'),
-      data: {
-        id: jobId,
-        noteId,
-        action: 'DeleteNote',
-      },
-    });
-  },
-  addJobType: (site, name, email, description, level, hasCustomFields, customFields) => {
-    const data = { site, name, email, description, level, hasCustomFields, customFields: customFields || [] };
-    return Session.authedFunction({
-      method: 'POST',
-      url: Helper.getUrl(values.serviceKey, 'createJobType'),
-      data,
-    });
-  },
-  editJobType: (site, id, name, email, description, level, hasCustomFields, customFields) => {
-    const data = { site, id, name, email, description, level, hasCustomFields, customFields: customFields || [] };
-    if (hasCustomFields && customFields) data.customFields = customFields;
-    return Session.authedFunction({
-      method: 'POST',
-      url: Helper.getUrl(values.serviceKey, 'editJobType'),
-      data,
-    });
-  },
-  deleteJobType: (site, id) => {
-    return Session.authedFunction({
-      method: 'POST',
-      url: Helper.getUrl(values.serviceKey, 'deleteJobType'),
-      data: {
-        site,
-        id,
-      },
-    });
-  },
-  getExternalSync: (jobId) => {
-    return Session.authedFunction({
-      method: 'GET',
-      url: Helper.getUrl(values.serviceKey, 'get/externalsync', { id: jobId }),
-    });
-  },
-  retrySync: (jobId) => {
-    return Session.authedFunction({
-      method: 'POST',
-      url: Helper.getUrl(values.serviceKey, 'update/retrysync'),
-      data: { id: jobId },
-    });
-  },
-};

package/src/apis/reactionActions.js

@@ -1,46 +0,0 @@
-import _ from 'lodash';
-import { PlussCore } from '../feature.config';
-const { Helper, Session } = PlussCore;
-
-export const reactionActions = {
-  addComment: (entityId, entityType, entityName, site, comment, image, parentId) => {
-    const data = {
-      entityId,
-      entityType,
-      entityName,
-      site,
-      comment,
-      parentId,
-    };
-    if (!_.isEmpty(image)) {
-      data.image = image;
-    }
-    return Session.authedFunction({
-      method: 'POST',
-      url: Helper.getUrl('reactions', 'comments/add'),
-      data,
-    });
-  },
-  // removeComment: (id) => {
-  //   return Session.authedFunction({
-  //     method: 'POST',
-  //     url: Helper.getUrl('reactions', 'comments/remove'),
-  //     data: {
-  //       id,
-  //     },
-  //   });
-  // },
-  getComments: (entityId, entityType, minTime) => {
-    const query = {
-      entityId,
-      entityType,
-    };
-    if (minTime) {
-      query.minTime = minTime;
-    }
-    return Session.authedFunction({
-      method: 'GET',
-      url: Helper.getUrl('reactions', 'comments/get', query),
-    });
-  },
-};

package/src/components/ActivityText.js

@@ -1,57 +0,0 @@
-import React, { Component } from 'react';
-import _ from 'lodash';
-import { Link } from 'react-router-dom';
-import { values } from '../values.config';
-
-class ActivityText extends Component {
-  render() {
-    const { data, classes, clickableClasses, highlightedClasses } = this.props;
-
-    switch (data.Type) {
-      case values.activityMaintenanceJobStatusChanged:
-        return (
-          <p className={classes}>
-            <span className={highlightedClasses}>{data.User.displayName}</span>
-            &nbsp;{values.textChangedRequestStatus}&nbsp;
-            <Link to={`${values.routeRequestDetails}/${data.Id}`} className={clickableClasses}>
-              {_.truncate(data.Data.title || data.Data.description, { length: 30, separator: '...' })}
-            </Link>
-          </p>
-        );
-      case values.activityAddMaintenanceJob:
-        return (
-          <p className={classes}>
-            <span className={highlightedClasses}>{data.User.displayName}</span>
-            &nbsp;{values.textAddedRequest}&nbsp;
-            <Link to={`${values.routeRequestDetails}/${data.Id}`} className={clickableClasses}>
-              {_.truncate(data.Data.title || data.Data.description, { length: 30, separator: '...' })}
-            </Link>
-          </p>
-        );
-      case values.activityEditMaintenanceJob:
-        return (
-          <p className={classes}>
-            <span className={highlightedClasses}>{data.User.displayName}</span>
-            &nbsp;{values.textEditedRequest}&nbsp;
-            <Link to={`${values.routeRequestDetails}/${data.Id}`} className={clickableClasses}>
-              {_.truncate(data.Data.title || data.Data.description, { length: 30, separator: '...' })}
-            </Link>
-          </p>
-        );
-      case values.activityDeleteMaintenanceJob:
-        return (
-          <p className={classes}>
-            <span className={highlightedClasses}>{data.User.displayName}</span>
-            &nbsp;{values.textRemovedRequest}&nbsp;
-            <span className={highlightedClasses}>
-              {_.truncate(data.Data.title || data.Data.description, { length: 30, separator: '...' })}
-            </span>
-          </p>
-        );
-      default:
-        return null;
-    }
-  }
-}
-
-export default ActivityText;

package/src/components/AnalyticsHub.js

@@ -1,167 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import moment from 'moment';
-import { faCircleCheck, faComment, faWrench } from '@fortawesome/free-solid-svg-icons';
-import { connect } from 'react-redux';
-import { analyticsActions } from '../apis';
-import { PlussCore } from '../feature.config';
-import { values } from '../values.config';
-
-const { Analytics, Session, Components } = PlussCore;
-
-const getInitialState = () => ({
-  requests: 0,
-  prevRequests: 0,
-  completedRequests: 0,
-  prevCompletedRequests: 0,
-  comments: 0,
-  prevComments: 0,
-  isLoading: true,
-});
-
-// AnalyticsHub Component
-const AnalyticsHub = ({ startTime, endTime, auth, prevText, dayCount, strings }) => {
-  const [analyticsData, setAnalyticsData] = useState(getInitialState());
-  const [isExportOpen, setIsExportOpen] = useState(false);
-
-  const hasAccess = Session.validateAccess(auth.site, values.permissionMaintenanceTracking, auth);
-  if (!hasAccess) {
-    return null;
-  }
-
-  const featureTitle = ((key) => {
-    if (!strings || !strings.sideNav || !strings.sideNav[key]) {
-      return values.textMenuTitle;
-    }
-    return strings.sideNav[key];
-  })();
-
-  const exportColumns = [
-    { label: 'Select All', key: '' },
-    { label: 'Start Date', key: 'startDate' },
-    { label: 'End Date', key: 'endDate' },
-    { label: `${values.textSingularName}s`, key: 'requests' },
-    { label: `Completed ${values.textSingularName}s`, key: 'completedRequests' },
-    { label: 'Comments', key: 'comments' },
-  ];
-
-  useEffect(() => {
-    getData();
-  }, [startTime, endTime]);
-
-  const getData = async () => {
-    setAnalyticsData(getInitialState());
-    // Load analytics data here using startTime and endTime
-    const timeDifference = endTime - startTime;
-    const [currentStatsResponse, prevStatsResponse] = await Promise.all([
-      analyticsActions.getAggregateEntityStats(auth.site, values.analyticsKey, startTime, endTime, true),
-      analyticsActions.getAggregateEntityStats(auth.site, values.analyticsKey, startTime - timeDifference, startTime, true),
-    ]);
-
-    const data = {
-      requests: Analytics.countActivities(currentStatsResponse.data, 'Request', 'total'),
-      prevRequests: Analytics.countActivities(prevStatsResponse.data, 'Request', 'total'),
-      completedRequests: Analytics.countActivities(currentStatsResponse.data, 'RequestCompleted', 'unique'),
-      prevCompletedRequests: Analytics.countActivities(prevStatsResponse.data, 'RequestCompleted', 'unique'),
-      comments: Analytics.countActivities(currentStatsResponse.data, 'Comment', 'total'),
-      prevComments: Analytics.countActivities(prevStatsResponse.data, 'Comment', 'total'),
-      isLoading: false,
-    };
-    setAnalyticsData(data);
-  };
-
-  const isReadyToOpenCSV = () => {
-    return !analyticsData.isLoading;
-  };
-
-  const getExportSource = () => {
-    return [
-      {
-        startDate: moment(startTime + 1).format('D-MM-YYYY'),
-        endDate: moment(endTime).format('D-MM-YYYY'),
-        requests: analyticsData.requests,
-        completedRequests: analyticsData.completedRequests,
-        comments: analyticsData.comments,
-      },
-    ];
-  };
-
-  const csvPopup = () => {
-    if (!isExportOpen) {
-      return null;
-    }
-    const source = getExportSource();
-    return (
-      <Components.ExportCsvPopup
-        onClose={() => {
-          setIsExportOpen(false);
-        }}
-        columns={exportColumns}
-        source={source}
-        filename={`${values.analyticsKey}analytics_${source[0].startDate}_${source[0].endDate}.csv`}
-      />
-    );
-  };
-
-  return (
-    <div className="dashboardSection">
-      {csvPopup()}
-      <div>
-        <Components.Text type="h4" className="inlineBlock marginRight-40">
-          {featureTitle}
-        </Components.Text>
-        <Components.Button
-          inline
-          buttonType="primaryAction"
-          onClick={() => {
-            if (!isReadyToOpenCSV()) return;
-            setIsExportOpen(true);
-          }}
-          isActive={isReadyToOpenCSV()}
-          leftIcon="file-code-o"
-        >
-          Export CSV
-        </Components.Button>
-      </div>
-      <div className="analyticsSection dashboardSection_content">
-        <Components.StatBox
-          title={`${featureTitle} Requests`}
-          icon={faWrench}
-          value={analyticsData.requests}
-          previousValue={analyticsData.prevRequests}
-          prevText={prevText}
-          viewGraphLink={`/chart?entity=${values.analyticsKey}&startTime=${startTime}&endTime=${endTime}&key=Request&countType=total&dayCount=${dayCount}`}
-          isLoading={analyticsData.isLoading}
-        />
-        <Components.StatBox
-          title={`Completed ${featureTitle} Requests`}
-          icon={faCircleCheck}
-          value={analyticsData.completedRequests}
-          previousValue={analyticsData.prevCompletedRequests}
-          prevText={prevText}
-          viewGraphLink={`/chart?entity=${values.analyticsKey}&startTime=${startTime}&endTime=${endTime}&key=RequestCompleted&countType=unique&dayCount=${dayCount}`}
-          isLoading={analyticsData.isLoading}
-        />
-        <Components.StatBox
-          title={`${featureTitle} Comments`}
-          icon={faComment}
-          value={analyticsData.comments}
-          previousValue={analyticsData.prevComments}
-          prevText={prevText}
-          viewGraphLink={`/chart?entity=${values.analyticsKey}&startTime=${startTime}&endTime=${endTime}&key=Comment&countType=total&dayCount=${dayCount}`}
-          isLoading={analyticsData.isLoading}
-        />
-      </div>
-    </div>
-  );
-};
-
-const mapStateToProps = (state) => {
-  const { auth } = state;
-  return {
-    auth,
-    strings: (state.strings && state.strings.config) || {},
-  };
-};
-
-const toExport = connect(mapStateToProps, {})(AnalyticsHub);
-export { toExport as AnalyticsHub };