@plusscommunities/pluss-maintenance-web 1.1.15 → 1.2.1-beta.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plusscommunities/pluss-maintenance-web",
-  "version": "1.1.15",
+  "version": "1.2.1-beta.0",
   "description": "Extension package to enable maintenance on Pluss Communities Platform",
   "main": "dist/index.cjs.js",
   "scripts": {
@@ -10,7 +10,12 @@
     "betaupload": "npm run build && npm publish --access public --tag beta && rm -rf node_modules",
     "betaupload:p": "npm run betapatch && npm run betaupload",
     "upload": "npm run build && npm publish --access public && rm -rf node_modules",
-    "upload:p": "npm run patch && npm run upload"
+    "upload:p": "npm run patch && npm run upload",
+    "copy:add": "run(){ ext=${1:-default}; test -f src/values.config.$ext.js || cp src/values.config.default.js src/values.config.$ext.js; }; run",
+    "copy:get": "echo $npm_package_name",
+    "copy:set": "run(){ target='\\@plusscommunities\\/pluss-maintenance-web'; ext=${1:-default}; [ $ext == 'default' ] && replace=$target || replace=$target'-'$ext; echo 'Setting target to '$replace; test -f src/values.config.$ext.js && cp -f src/values.config.$ext.js src/values.config.js; sed -i '' -e 's/'$target'.*\"/'$replace'\"/g' package.json; }; run",
+    "copy:betaupload": "npm run betapatch; for file in `ls ./src/values.config.*.js`; do dup=`echo $file | sed 's/.*values\\.config\\.\\(.*\\)\\.js/\\1/'`; npm run copy:set $dup; npm run betaupload; done; npm run copy:set;",
+    "copy:upload": "npm run patch; for file in `ls ./src/values.config.*.js`; do dup=`echo $file | sed 's/.*values\\.config\\.\\(.*\\)\\.js/\\1/'`; npm run copy:set $dup; npm run upload; done; npm run copy:set;"
   },
   "author": "Phillip Suh",
   "license": "ISC",

package/src/actions/types.js

@@ -1,4 +1,6 @@
-export const JOBS_LOADED = 'JOBS_LOADED';
-export const JOBS_REMOVED = 'JOBS_REMOVED';
-export const JOBS_TYPES_LOADED = 'JOBS_TYPES_LOADED';
-export const JOBS_LOADING = 'JOBS_LOADING';
+import { values } from '../values.config';
+
+export const JOBS_LOADED = values.actionJobsLoaded;
+export const JOBS_REMOVED = values.actionJobsRemoved;
+export const JOBS_TYPES_LOADED = values.actionJobsTypesLoaded;
+export const JOBS_LOADING = values.actionJobsLoading;

package/src/apis/maintenanceActions.js

@@ -1,9 +1,10 @@
 import { PlussCore } from '../feature.config';
+import { values } from '../values.config';
 const { Helper, Session } = PlussCore;
 
 export const maintenanceActions = {
   getJobTypes: (site) => {
-    let url = Helper.getUrl('maintenance', 'getjobtypes');
+    let url = Helper.getUrl(values.serviceKey, 'getjobtypes');
     return Session.authedFunction({
       method: 'POST',
       url,
@@ -11,7 +12,7 @@ export const maintenanceActions = {
     });
   },
   getJob: (site, id) => {
-    let url = Helper.getUrl('maintenance', 'getJob');
+    let url = Helper.getUrl(values.serviceKey, 'getJob');
     return Session.authedFunction({
       method: 'POST',
       url,
@@ -19,7 +20,7 @@ export const maintenanceActions = {
     });
   },
   getJobByJobId: (site, jobId) => {
-    let url = Helper.getUrl('maintenance', 'getJob');
+    let url = Helper.getUrl(values.serviceKey, 'getJob');
     return Session.authedFunction({
       method: 'POST',
       url,
@@ -29,7 +30,7 @@ export const maintenanceActions = {
   getJobs: (site, status = '', type = '') => {
     return Session.authedFunction({
       method: 'POST',
-      url: Helper.getUrl('maintenance', 'getJobs'),
+      url: Helper.getUrl(values.serviceKey, 'getJobs'),
       data: { site, status, type },
     });
   },
@@ -46,7 +47,7 @@ export const maintenanceActions = {
     }
     return Session.authedFunction({
       method: 'GET',
-      url: Helper.getUrl('maintenance', 'get/requests', query),
+      url: Helper.getUrl(values.serviceKey, 'get/requests', query),
     });
   },
   getJobsRecursive: (site, status, type, lastKey, jobs = []) => {
@@ -63,7 +64,7 @@ export const maintenanceActions = {
   createJob: (job) => {
     return Session.authedFunction({
       method: 'POST',
-      url: Helper.getUrl('maintenance', 'sendMaintenance'),
+      url: Helper.getUrl(values.serviceKey, 'sendMaintenance'),
       data: {
         ...job,
       },
@@ -72,28 +73,28 @@ export const maintenanceActions = {
   editJob: (job, site) => {
     return Session.authedFunction({
       method: 'POST',
-      url: Helper.getUrl('maintenance', 'editJob'),
+      url: Helper.getUrl(values.serviceKey, 'editJob'),
       data: { job, site },
     });
   },
   deleteJob: (site, id) => {
     return Session.authedFunction({
       method: 'POST',
-      url: Helper.getUrl('maintenance', 'requests/remove'),
+      url: Helper.getUrl(values.serviceKey, 'requests/remove'),
       data: { site, id },
     });
   },
   editJobStatus: (id, status) => {
     return Session.authedFunction({
       method: 'POST',
-      url: Helper.getUrl('maintenance', 'editJobStatus'),
+      url: Helper.getUrl(values.serviceKey, 'editJobStatus'),
       data: { id, status },
     });
   },
   assignJob: (jobId, userId) => {
     return Session.authedFunction({
       method: 'POST',
-      url: Helper.getUrl('maintenance', 'update/assign'),
+      url: Helper.getUrl(values.serviceKey, 'update/assign'),
       data: {
         id: jobId,
         userId,
@@ -103,13 +104,13 @@ export const maintenanceActions = {
   getAssignees: (site) => {
     return Session.authedFunction({
       method: 'GET',
-      url: Helper.getUrl('maintenance', 'get/assignees', { site }),
+      url: Helper.getUrl(values.serviceKey, 'get/assignees', { site }),
     });
   },
   addNote: (jobId, note, attachments) => {
     return Session.authedFunction({
       method: 'POST',
-      url: Helper.getUrl('maintenance', 'requests/note'),
+      url: Helper.getUrl(values.serviceKey, 'requests/note'),
       data: {
         id: jobId,
         note,
@@ -121,7 +122,7 @@ export const maintenanceActions = {
   editNote: (jobId, noteId, note, attachments) => {
     return Session.authedFunction({
       method: 'POST',
-      url: Helper.getUrl('maintenance', 'requests/note'),
+      url: Helper.getUrl(values.serviceKey, 'requests/note'),
       data: {
         id: jobId,
         note,
@@ -134,7 +135,7 @@ export const maintenanceActions = {
   deleteNote: (jobId, noteId) => {
     return Session.authedFunction({
       method: 'POST',
-      url: Helper.getUrl('maintenance', 'requests/note'),
+      url: Helper.getUrl(values.serviceKey, 'requests/note'),
       data: {
         id: jobId,
         noteId,
@@ -145,7 +146,7 @@ export const maintenanceActions = {
   addJobType: (site, name, email, description, level) => {
     return Session.authedFunction({
       method: 'POST',
-      url: Helper.getUrl('maintenance', 'createJobType'),
+      url: Helper.getUrl(values.serviceKey, 'createJobType'),
       data: {
         site,
         name,
@@ -158,7 +159,7 @@ export const maintenanceActions = {
   editJobType: (site, id, name, email, description, level) => {
     return Session.authedFunction({
       method: 'POST',
-      url: Helper.getUrl('maintenance', 'editJobType'),
+      url: Helper.getUrl(values.serviceKey, 'editJobType'),
       data: {
         site,
         id,
@@ -172,7 +173,7 @@ export const maintenanceActions = {
   deleteJobType: (site, id) => {
     return Session.authedFunction({
       method: 'POST',
-      url: Helper.getUrl('maintenance', 'deleteJobType'),
+      url: Helper.getUrl(values.serviceKey, 'deleteJobType'),
       data: {
         site,
         id,

package/src/components/ActivityText.js

@@ -1,47 +1,48 @@
 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 'MaintenanceJobStatusChanged':
+      case values.activityMaintenanceJobStatusChanged:
         return (
           <p className={classes}>
             <span className={highlightedClasses}>{data.User.displayName}</span>
-            &nbsp;changed a maintenance request's status:&nbsp;
-            <Link to={`/requestsHub/jobDetails/${data.Id}`} className={clickableClasses}>
+            &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 'AddMaintenanceJob':
+      case values.activityAddMaintenanceJob:
         return (
           <p className={classes}>
             <span className={highlightedClasses}>{data.User.displayName}</span>
-            &nbsp;added a maintenance request:&nbsp;
-            <Link to={`/requestsHub/jobDetails/${data.Id}`} className={clickableClasses}>
+            &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 'EditMaintenanceJob':
+      case values.activityEditMaintenanceJob:
         return (
           <p className={classes}>
             <span className={highlightedClasses}>{data.User.displayName}</span>
-            &nbsp;edited a maintenance request:&nbsp;
-            <Link to={`/requestsHub/jobDetails/${data.Id}`} className={clickableClasses}>
+            &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 'DeleteMaintenanceJob':
+      case values.activityDeleteMaintenanceJob:
         return (
           <p className={classes}>
             <span className={highlightedClasses}>{data.User.displayName}</span>
-            &nbsp;removed a maintenance request:&nbsp;
+            &nbsp;{values.textRemovedRequest}&nbsp;
             <span className={highlightedClasses}>
               {_.truncate(data.Data.title || data.Data.description, { length: 30, separator: '...' })}
             </span>

package/src/components/AnalyticsHub.js

@@ -4,6 +4,7 @@ import { faCircleCheck, faComment, faWrench } from '@fortawesome/free-solid-svg-
 import { connect } from 'react-redux';
 import { analyticsActions } from '../apis';
 import { PlussCore } from '../feature.config';
+import { values } from '../values.config';
 
 const { Analytics, Session, Components } = PlussCore;
 
@@ -18,15 +19,22 @@ const getInitialState = () => ({
 });
 
 // AnalyticsHub Component
-const AnalyticsHub = ({ startTime, endTime, auth, prevText, dayCount }) => {
+const AnalyticsHub = ({ startTime, endTime, auth, prevText, dayCount, strings }) => {
   const [analyticsData, setAnalyticsData] = useState(getInitialState());
   const [isExportOpen, setIsExportOpen] = useState(false);
 
-  const hasAccess = Session.validateAccess(auth.site, 'maintenanceTracking', auth);
+  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' },
@@ -45,8 +53,8 @@ const AnalyticsHub = ({ startTime, endTime, auth, prevText, dayCount }) => {
     // Load analytics data here using startTime and endTime
     const timeDifference = endTime - startTime;
     const [currentStatsResponse, prevStatsResponse] = await Promise.all([
-      analyticsActions.getAggregateEntityStats(auth.site, 'maintenancerequest', startTime, endTime, true),
-      analyticsActions.getAggregateEntityStats(auth.site, 'maintenancerequest', startTime - timeDifference, startTime, true),
+      analyticsActions.getAggregateEntityStats(auth.site, values.analyticsKey, startTime, endTime, true),
+      analyticsActions.getAggregateEntityStats(auth.site, values.analyticsKey, startTime - timeDifference, startTime, true),
     ]);
 
     const data = {
@@ -89,7 +97,7 @@ const AnalyticsHub = ({ startTime, endTime, auth, prevText, dayCount }) => {
         }}
         columns={exportColumns}
         source={source}
-        filename={`maintenanceanalytics_${source[0].startDate}_${source[0].endDate}.csv`}
+        filename={`${values.analyticsKey}analytics_${source[0].startDate}_${source[0].endDate}.csv`}
       />
     );
   };
@@ -99,7 +107,7 @@ const AnalyticsHub = ({ startTime, endTime, auth, prevText, dayCount }) => {
       {csvPopup()}
       <div>
         <Components.Text type="h4" className="inlineBlock marginRight-40">
-          Maintenance
+          {featureTitle}
         </Components.Text>
         <Components.Button
           inline
@@ -116,30 +124,30 @@ const AnalyticsHub = ({ startTime, endTime, auth, prevText, dayCount }) => {
       </div>
       <div className="analyticsSection dashboardSection_content">
         <Components.StatBox
-          title="Requests"
+          title={`${featureTitle} Requests`}
           icon={faWrench}
           value={analyticsData.requests}
           previousValue={analyticsData.prevRequests}
           prevText={prevText}
-          viewGraphLink={`/chart?entity=maintenancerequest&startTime=${startTime}&endTime=${endTime}&key=Request&countType=total&dayCount=${dayCount}`}
+          viewGraphLink={`/chart?entity=${values.analyticsKey}&startTime=${startTime}&endTime=${endTime}&key=Request&countType=total&dayCount=${dayCount}`}
           isLoading={analyticsData.isLoading}
         />
         <Components.StatBox
-          title="Completed Requests"
+          title={`Completed ${featureTitle} Requests`}
           icon={faCircleCheck}
           value={analyticsData.completedRequests}
           previousValue={analyticsData.prevCompletedRequests}
           prevText={prevText}
-          viewGraphLink={`/chart?entity=maintenancerequest&startTime=${startTime}&endTime=${endTime}&key=RequestCompleted&countType=unique&dayCount=${dayCount}`}
+          viewGraphLink={`/chart?entity=${values.analyticsKey}&startTime=${startTime}&endTime=${endTime}&key=RequestCompleted&countType=unique&dayCount=${dayCount}`}
           isLoading={analyticsData.isLoading}
         />
         <Components.StatBox
-          title="Maintenance Comments"
+          title={`${featureTitle} Comments`}
           icon={faComment}
           value={analyticsData.comments}
           previousValue={analyticsData.prevComments}
           prevText={prevText}
-          viewGraphLink={`/chart?entity=maintenancerequest&startTime=${startTime}&endTime=${endTime}&key=Comment&countType=total&dayCount=${dayCount}`}
+          viewGraphLink={`/chart?entity=${values.analyticsKey}&startTime=${startTime}&endTime=${endTime}&key=Comment&countType=total&dayCount=${dayCount}`}
           isLoading={analyticsData.isLoading}
         />
       </div>
@@ -151,6 +159,7 @@ const mapStateToProps = (state) => {
   const { auth } = state;
   return {
     auth,
+    strings: (state.strings && state.strings.config) || {},
   };
 };
 

package/src/components/JobList.js

@@ -11,6 +11,7 @@ import { PlussCore } from '../feature.config';
 import { maintenanceActions } from '../apis';
 import StatusTypes from '../maintenanceStatus.json';
 import { Colours } from '@plusscommunities/pluss-core-web';
+import { values } from '../values.config';
 
 const { Session, Components, Analytics } = PlussCore;
 
@@ -85,7 +86,7 @@ class JobList extends Component {
   };
 
   onRemoveRequest = async (request) => {
-    if (window.confirm(`Are you sure you want to delete that request?`)) {
+    if (window.confirm(values.textAreYouSureYouWantToDelete)) {
       this.props.removeJob(request.id);
       try {
         await maintenanceActions.deleteJob(this.props.auth.site, request.id);
@@ -476,7 +477,7 @@ class JobList extends Component {
         <tr key={index}>
           <td>{ev.jobId}</td>
           <td className="table-TitleColumn">
-            <Link to={`/requestsHub/jobDetails/${ev.id}`}>
+            <Link to={`${values.routeRequestDetails}/${ev.id}`}>
               <span>{ev.title}</span>
             </Link>
           </td>
@@ -504,10 +505,10 @@ class JobList extends Component {
           </td>
           <td className="table-options">
             <div style={{ display: 'flex', alignItems: 'center' }}>
-              <Link to={`/requestsHub/jobDetails/${ev.id}`}>
+              <Link to={`${values.routeRequestDetails}/${ev.id}`}>
                 <FontAwesome style={{ fontSize: 20, padding: 5, cursor: 'pointer' }} name="pencil" />
               </Link>
-              {Session.validateAccess(this.props.auth.site, 'maintenanceTracking', this.props.auth) && (
+              {Session.validateAccess(this.props.auth.site, values.permissionMaintenanceTracking, this.props.auth) && (
                 <a onClick={() => this.onRemoveRequest(ev)}>
                   <FontAwesome style={{ fontSize: 20, padding: 5, marginLeft: 8, cursor: 'pointer' }} name="minus-circle" />
                 </a>
@@ -531,17 +532,19 @@ class JobList extends Component {
   }
 
   renderEmpty() {
+    const title = this.props.strings[`${values.featureKey}_textTitleRequests`] || values.textTitleRequests;
+
     return (
       <div style={{ display: 'flex', flexDirection: 'column', flex: 1, justifyContent: 'center', alignItems: 'center', marginTop: 32 }}>
         <div className="emptyState" />
         <div className="marginTop-32" style={{ maxWidth: 500, textAlign: 'center' }}>
           <span className="fontRegular fontSize-13">
-            <span className="fontHeavy text-brandingColour">Maintenance </span>
-            allows your users to submit Requests (such as maintenance requests) that all appear in this job board.
+            <span className="fontHeavy text-brandingColour">{title} </span>
+            {values.textEmptyDescription}
           </span>
         </div>
         <div className="marginTop-8 fontRegular fontSize-13" style={{ maxWidth: 500, textAlign: 'center' }}>
-          Example might be; Fix my light bulb, hand rail is broken, or please send flowers to Mum.
+          {values.textEmptyExample}
         </div>
       </div>
     );
@@ -783,11 +786,11 @@ class JobList extends Component {
 }
 
 const mapStateToProps = (state) => {
-  const { jobs } = state.maintenance;
   const { auth } = state;
   return {
-    jobs,
+    jobs: state[values.reducerKey].jobs,
     auth,
+    strings: (state.strings && state.strings.config) || {},
   };
 };
 

package/src/components/JobTypes.js

@@ -6,8 +6,8 @@ import FontAwesome from 'react-fontawesome';
 import { withRouter } from 'react-router';
 import { jobTypesLoaded, jobTypesUpdate } from '../actions';
 import { maintenanceActions } from '../apis';
-
 import Config, { PlussCore } from '../feature.config';
+import { values } from '../values.config';
 
 const { Session, Components, Helper } = PlussCore;
 
@@ -179,12 +179,12 @@ class JobTypes extends Component {
             <td>{ev.email}</td>
             <td className="table-options">
               <div style={{ display: 'flex', alignItems: 'center' }}>
-                {Session.validateAccess(this.props.auth.site, 'maintenanceTypes', this.props.auth) && (
+                {Session.validateAccess(this.props.auth.site, values.permissionMaintenanceTypes, this.props.auth) && (
                   <a onClick={() => this.onShowJobType(ev)}>
                     <FontAwesome style={{ fontSize: 20, padding: 5, marginLeft: 12, cursor: 'pointer' }} name="pencil" />
                   </a>
                 )}
-                {Session.validateAccess(this.props.auth.site, 'maintenanceTypes', this.props.auth) && (
+                {Session.validateAccess(this.props.auth.site, values.permissionMaintenanceTypes, this.props.auth) && (
                   <a onClick={() => this.onRemoveJobType(ev)}>
                     <FontAwesome style={{ fontSize: 20, padding: 5, marginLeft: 8, cursor: 'pointer' }} name="minus-circle" />
                   </a>
@@ -344,9 +344,8 @@ class JobTypes extends Component {
 }
 
 const mapStateToProps = (state) => {
-  const { jobtypes } = state.maintenance;
   const { auth } = state;
-  return { jobtypes, auth };
+  return { jobtypes: state[values.reducerKey].jobtypes, auth };
 };
 
 export default connect(mapStateToProps, { jobTypesLoaded, jobTypesUpdate })(withRouter(JobTypes));

package/src/components/PreviewGrid.js

@@ -1,15 +1,28 @@
 import React, { Component } from 'react';
+import { values } from '../values.config';
+
+const SVG_PATH = values.svgPathGridIcon;
+const SVG_VIEWBOX = values.svgPathGridIconViewBox || '0 0 30 30';
 
 class PreviewGrid extends Component {
   render() {
     const { colour } = this.props;
-    const path =
-      'M22.7072 2.33998C20.5868 2.30886 18.2156 3.43862 16.824 4.83022C15.1138 6.54042 15.1486 8.34584 15.7894 10.5065L13.2058 13.0901L7.7566 7.64089C7.75294 7.60976 7.75477 7.5768 7.74927 7.54567L7.48926 6.30605C7.43799 6.06435 7.28968 5.84645 7.08277 5.71279L3.77589 3.56313C3.40601 3.32509 2.91163 3.37636 2.60035 3.68764L1.81116 4.47682C1.50171 4.7881 1.44861 5.28066 1.68848 5.6487L3.80152 8.91713C3.93336 9.12221 4.13843 9.26686 4.3783 9.32179L5.66004 9.61659C5.69483 9.62392 5.72962 9.62209 5.76441 9.62575L11.2155 15.0786L8.03309 18.2647C6.23316 18.0907 4.52112 18.8396 3.417 20.2971C2.0254 22.1373 2.05836 24.7814 3.49756 26.5886C4.41858 27.7459 5.78821 28.4563 7.25123 28.5405C7.34827 28.546 7.44532 28.5479 7.54236 28.5479C8.9065 28.5479 10.2212 28.0059 11.1898 27.0372C12.2866 25.9404 12.8195 24.4445 12.6711 22.9027L14.7311 20.8446C14.8391 21.2035 15.0259 21.5386 15.2987 21.8114L21.5939 28.1102C22.0516 28.5662 22.6522 28.7932 23.2528 28.7932C23.8534 28.7932 24.454 28.5662 24.9099 28.1102L26.2356 26.7827C27.1493 25.869 27.1493 24.3822 26.2356 23.4685L19.9368 17.1697C19.6658 16.8987 19.3307 16.7138 18.9718 16.6039L20.4275 15.1464C22.5881 15.7854 24.3954 15.822 26.1056 14.1118C27.814 12.4035 29.1323 9.21559 28.3834 6.83522C28.3358 6.67958 28.2076 6.55873 28.0483 6.52028C27.889 6.48183 27.7206 6.52944 27.6052 6.64479L24.681 9.56899C24.5638 9.68801 24.3899 9.73561 24.2288 9.68984L23.7161 9.55251C22.5863 9.25038 21.6964 8.36049 21.3943 7.23256L21.257 6.71987C21.213 6.55873 21.2606 6.38478 21.3796 6.2676L24.3093 3.33608C24.4247 3.22072 24.4705 3.05409 24.4338 2.89479C24.3936 2.73549 24.2764 2.60732 24.1189 2.55788C23.6721 2.41506 23.1961 2.34731 22.7072 2.33998ZM22.6669 3.28115C22.7877 3.28298 22.9067 3.28664 23.0239 3.29579L20.7168 5.60292C20.3616 5.95815 20.2242 6.47817 20.3543 6.96157L20.4916 7.47609C20.8798 8.92629 22.0223 10.0689 23.4744 10.4589L23.9871 10.5962C24.4705 10.7262 24.9905 10.5871 25.3439 10.2318L27.6437 7.93202C27.7883 9.80702 26.7318 12.1599 25.4446 13.4472C23.9834 14.9083 22.5021 14.8168 20.4367 14.1686C20.27 14.1173 20.0888 14.1613 19.9661 14.284L11.849 22.401C11.7446 22.5054 11.6952 22.6519 11.7172 22.7984C11.9039 24.1277 11.47 25.4314 10.527 26.3744C9.67737 27.224 8.5055 27.6708 7.30433 27.6049C6.08851 27.5353 4.9972 26.9677 4.22999 26.0045C3.05445 24.5287 3.02698 22.3662 4.16407 20.8648C4.98438 19.7826 6.20936 19.1765 7.52588 19.1765C7.7273 19.1765 7.93238 19.1912 8.13746 19.2186C8.28211 19.2388 8.43043 19.1912 8.53296 19.0868L16.65 10.9716C16.7745 10.8471 16.8203 10.6658 16.7672 10.4973C16.119 8.43373 16.0275 6.95424 17.4887 5.49306C18.7008 4.2809 20.8541 3.27931 22.6669 3.28115ZM3.26319 4.35048L6.57191 6.49831L6.83191 7.73793L5.86695 8.70107L4.58704 8.4081L2.474 5.13967L3.26319 4.35048ZM7.34095 8.55275L12.543 13.7529L11.8801 14.4158L6.67994 9.21559L7.0077 8.88967L7.34095 8.55275ZM18.4811 8.66994C18.3621 8.66994 18.243 8.71572 18.1497 8.80727C17.9666 8.99037 17.9666 9.287 18.1497 9.47011L21.4657 12.7843C21.5573 12.8759 21.6763 12.9216 21.7971 12.9216C21.9161 12.9216 22.037 12.8759 22.1267 12.7843C22.3117 12.6012 22.3117 12.3046 22.1267 12.1215L18.8143 8.80727C18.721 8.71572 18.6019 8.66994 18.4811 8.66994ZM17.1554 12.647C17.0364 12.647 16.9155 12.6928 16.824 12.7843C16.6409 12.9674 16.6409 13.2641 16.824 13.4472L17.4887 14.11C17.5802 14.2016 17.6992 14.2473 17.8201 14.2473C17.9409 14.2473 18.0599 14.2016 18.1515 14.11C18.3346 13.9269 18.3346 13.6303 18.1515 13.4472L17.4887 12.7843C17.3953 12.6928 17.2763 12.647 17.1554 12.647ZM15.4983 14.3041C15.3793 14.3041 15.2603 14.3499 15.1687 14.4433C14.9838 14.6264 14.9838 14.9212 15.1687 15.1043L15.8297 15.7689C15.9213 15.8587 16.0421 15.9063 16.163 15.9063C16.282 15.9063 16.4028 15.8587 16.4944 15.7689C16.6775 15.584 16.6775 15.2892 16.4944 15.1043L15.8297 14.4433C15.7382 14.3499 15.6191 14.3041 15.4983 14.3041ZM13.843 15.9612C13.7222 15.9612 13.6032 16.007 13.5116 16.0985C13.3267 16.2816 13.3267 16.5783 13.5116 16.7632L14.1726 17.4242C14.2642 17.5158 14.385 17.5634 14.504 17.5634C14.6249 17.5634 14.7457 17.5158 14.8373 17.4242C15.0204 17.2429 15.0204 16.9463 14.8373 16.7632L14.1726 16.0985C14.0811 16.007 13.962 15.9612 13.843 15.9612ZM18.4426 17.4444C18.7539 17.4755 19.0487 17.6073 19.2758 17.8344L25.5728 24.1314C26.1221 24.6807 26.1221 25.5706 25.5728 26.1199L24.2452 27.4456C23.6978 27.9949 22.806 27.9949 22.2586 27.4456L15.9597 21.1467C15.6594 20.8465 15.5258 20.4216 15.5734 20.0023L18.1277 17.4462C18.2339 17.4352 18.3383 17.4334 18.4426 17.4444ZM12.1859 17.6201C12.0651 17.6201 11.9461 17.6641 11.8527 17.7556C11.6696 17.9406 11.6696 18.2354 11.8527 18.4203L12.5173 19.0813C12.6071 19.1729 12.7279 19.2186 12.8469 19.2186C12.9678 19.2186 13.0886 19.1729 13.1784 19.0813C13.3633 18.8982 13.3633 18.6034 13.1784 18.4203L12.5173 17.7556C12.424 17.6641 12.3049 17.6201 12.1859 17.6201ZM10.527 19.2772C10.408 19.2772 10.2889 19.323 10.1956 19.4146C10.0125 19.5977 10.0125 19.8925 10.1956 20.0756L10.8584 20.7403C10.95 20.83 11.069 20.8757 11.1898 20.8757C11.3107 20.8757 11.4297 20.83 11.5212 20.7403C11.7044 20.5553 11.7044 20.2605 11.5212 20.0756L10.8584 19.4146C10.7669 19.323 10.646 19.2772 10.527 19.2772ZM19.2758 19.3523C19.1549 19.3523 19.0359 19.3981 18.9425 19.4896C18.7594 19.6746 18.7594 19.9694 18.9425 20.1543L23.5842 24.7942C23.6758 24.8858 23.7948 24.9315 23.9157 24.9315C24.0365 24.9315 24.1555 24.8858 24.2471 24.7942C24.4302 24.6111 24.4302 24.3145 24.2471 24.1314L19.6072 19.4896C19.5138 19.3981 19.3948 19.3523 19.2758 19.3523ZM17.9501 20.678C17.8292 20.678 17.7102 20.7238 17.6168 20.8153C17.4337 21.0003 17.4337 21.2951 17.6168 21.48L22.2586 26.1199C22.3483 26.2114 22.4691 26.2572 22.5881 26.2572C22.709 26.2572 22.8298 26.2114 22.9196 26.1199C23.1045 25.9368 23.1045 25.6402 22.9196 25.457L18.2815 20.8153C18.1881 20.7238 18.0691 20.678 17.9501 20.678ZM8.11182 20.8373C8.07154 20.8373 8.03126 20.8428 7.99097 20.8538L5.89808 21.4141C5.73694 21.458 5.6106 21.5844 5.56666 21.7455L5.00818 23.8366C4.96424 23.9977 5.01002 24.1698 5.1272 24.2888L6.65796 25.8196C6.74769 25.9093 6.86671 25.9569 6.98939 25.9569C7.0315 25.9569 7.07178 25.9514 7.11207 25.9423L9.20313 25.3801C9.36426 25.338 9.49061 25.2117 9.53455 25.0487L10.0949 22.9595C10.1388 22.7965 10.0912 22.6244 9.974 22.5054L8.44324 20.9746C8.35352 20.8867 8.2345 20.8391 8.11182 20.8373ZM7.97083 21.8279L9.1189 22.976L8.69959 24.5452L7.13038 24.9663L5.98231 23.8183L6.40162 22.249L7.97083 21.8279Z';
-    return (
-      <svg xmlns="http://www.w3.org/2000/svg" viewBox={'0 0 30 30'}>
-        <path key={path.substring(0, 20)} d={path} fill={colour} />;
-      </svg>
-    );
+
+    if (Array.isArray(SVG_PATH)) {
+      return (
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox={SVG_VIEWBOX}>
+          {SVG_PATH.map((p) => {
+            return <path key={p.substring(0, 20)} d={p} fill={colour} />;
+          })}
+        </svg>
+      );
+    } else {
+      return (
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox={SVG_VIEWBOX}>
+          <path key={SVG_PATH.substring(0, 20)} d={SVG_PATH} fill={colour} />
+        </svg>
+      );
+    }
   }
 }
 

package/src/feature.config.js

@@ -1,80 +1,86 @@
 // import * as PlussCore from '../../pluss-core/src';
 import * as PlussCore from '@plusscommunities/pluss-core-web';
+import { values } from './values.config';
 
 export { PlussCore };
 
 const FeatureConfig = {
-  key: 'maintenance',
-  aliases: ['maintenanceTracking', 'maintenanceTypes', 'maintenancerequest'],
-  singularName: 'Request',
+  key: values.featureKey,
+  aliases: values.aliases,
+  singularName: values.textSingularName,
   description: 'Submit maintenance requests and track the progress.',
-  emptyText: 'Your Requests will show here',
+  emptyText: values.textYourRequestHere,
   widgetOptions: [],
   menu: {
-    order: 10,
-    text: 'Maintenance',
+    order: values.menuOrder,
+    text: values.textMenuTitle,
     icon: 'maintenance',
     isFontAwesome: false,
-    url: '/requestsHub',
+    url: values.routeRequestsHub,
     countProps: null,
     visibleExps: {
       type: 'and',
       exps: [
-        { type: 'feature', value: 'maintenance' },
+        { type: 'feature', value: values.featureKey },
         {
           type: 'or',
           exps: [
-            { type: 'permission', value: 'maintenanceTracking' },
-            { type: 'permission', value: 'maintenanceTypes' },
-            { type: 'permission', value: 'maintenanceAssignment' },
+            { type: 'permission', value: values.permissionMaintenanceTracking },
+            { type: 'permission', value: values.permissionMaintenanceTypes },
+            { type: 'permission', value: values.permissionMaintenanceAssignment },
           ],
         },
       ],
     },
   },
-  addUrl: '/requestsHub/job',
-  addPermission: 'maintenanceTracking',
-  activities: ['MaintenanceJobStatusChanged', 'AddMaintenanceJob', 'EditMaintenanceJob', 'DeleteMaintenanceJob'],
+  addUrl: values.routeAddRequest,
+  addPermission: values.permissionMaintenanceTracking,
+  activities: [
+    values.activityMaintenanceJobStatusChanged,
+    values.activityAddMaintenanceJob,
+    values.activityEditMaintenanceJob,
+    values.activityDeleteMaintenanceJob,
+  ],
   permissions: [
     {
-      displayName: 'Maintenance Tracking',
-      key: 'maintenanceTracking',
+      displayName: values.textPermissionMaintenanceTracking,
+      key: values.permissionMaintenanceTracking,
       hq: false,
     },
     {
-      displayName: 'Manage Maintenance Types',
-      key: 'maintenanceTypes',
+      displayName: values.textPermissionManageMaintenanceTypes,
+      key: values.permissionMaintenanceTypes,
       hq: false,
     },
     {
-      displayName: 'Manage Assigned Maintenance',
-      key: 'maintenanceAssignment',
+      displayName: values.textPermissionManageAssignedMaintenance,
+      key: values.permissionMaintenanceAssignment,
       hq: false,
     },
   ],
   hiddenSections: [
     {
-      displayName: 'Maintenance requests',
-      key: 'maintenanceRequest',
+      displayName: values.textHiddenSectionMaintenanceRequests,
+      key: values.keyHiddenSectionMaintenanceRequests,
       defaultNew: false,
       default: false,
     },
   ],
   moreSections: [
     {
-      displayName: 'Maintenance',
-      featureKey: 'maintenance',
-      optionKey: 'maintenanceRequest',
-      hiddenKey: 'maintenanceRequest',
+      displayName: values.textMoreSectionMaintenance,
+      featureKey: values.featureKeyMoreSectionMaintenance,
+      optionKey: values.optionKeyMoreSectionMaintenance,
+      hiddenKey: values.hiddenKeyMoreSectionMaintenance,
       inverseOption: true,
     },
   ],
   routes: [
-    { path: '/requestsHub', component: 'RequestsHub', exact: false },
-    { path: '/requestsHub/job', component: 'AddJob', exact: true },
-    { path: '/requestsHub/job/:jobId', component: 'AddJob', exact: true },
-    { path: '/requestsHub/jobDetails/:jobId', component: 'Job', exact: true },
-    { path: '/requestTypes', component: 'JobTypes', exact: false },
+    { path: values.routeRequestsHub, component: values.screenRequestsHub, exact: false },
+    { path: values.routeAddRequest, component: values.screenAddJob, exact: true },
+    { path: `${values.routeAddRequest}/:jobId`, component: values.screenAddJob, exact: true },
+    { path: `${values.routeRequestDetails}/:jobId`, component: values.screenJob, exact: true },
+    { path: values.routeRequestTypes, component: values.screenJobTypes, exact: false },
   ],
   env: {
     baseStage: '',

package/src/index.js

@@ -3,9 +3,20 @@ import Job from './screens/Job';
 import AddJob from './screens/AddJob';
 import { AnalyticsHub } from './components/AnalyticsHub.js';
 import MaintenanceReducer from './reducers/MaintenanceReducer';
+import { values } from './values.config';
 
-export const Reducers = { maintenance: MaintenanceReducer };
-export const Screens = { RequestsHub, Job, AddJob };
+export const Reducers = (() => {
+  const reducers = {};
+  reducers[values.reducerKey] = MaintenanceReducer;
+  return reducers;
+})();
+export const Screens = (() => {
+  const screens = {};
+  screens[values.screenRequestsHub] = RequestsHub;
+  screens[values.screenJob] = Job;
+  screens[values.screenAddJob] = AddJob;
+  return screens;
+})();
 export { default as Config } from './feature.config';
 export { default as ActivityText } from './components/ActivityText';
 export { default as ViewWidget } from './components/ViewWidget';