@plusscommunities/pluss-maintenance-app 6.0.7-auth.0 → 6.0.8-beta.0

package/dist/module/values.config.js

@@ -0,0 +1,35 @@
+const values = {
+  featureKey: 'maintenance',
+  aliases: ['maintenanceRequest'],
+  reducerKey: 'jobs',
+  serviceKey: 'maintenance',
+  updateKey: 'jobs',
+  actionJobsLoaded: 'JOBS_LOADED',
+  actionJobAdded: 'JOB_ADDED',
+  actionJobsAdded: 'JOBS_ADDED',
+  screenMaintenance: 'maintenance',
+  screenRequestDetail: 'requestDetail',
+  screenServiceRequest: 'serviceRequest',
+  screenJobTypePicker: 'jobTypePicker',
+  screenRequestNotes: 'requestNotes',
+  permissionMaintenanceTracking: 'maintenanceTracking',
+  permissionMaintenanceAssignment: 'maintenanceAssignment',
+  iconGridMenu: 'maintenance',
+  gridViewBox: '0 0 30 30',
+  iconAddMenu: 'request',
+  iconKioskAction: 'wrench',
+  hasMoreOption: true,
+  orderAddMenu: 5,
+  orderMoreMenu: 4,
+  orderKioskAction: 1,
+  textFeatureTitle: 'Request',
+  textAddMenuTitle: 'Request',
+  textMoreMenuTitle: 'Request',
+  textKioskActionTitle: 'Request',
+  textEntityName: 'Job',
+  emptyRequestsStaff: 'No active Requests',
+  emptyRequestsUser: 'Your Requests will show here',
+  forceCustomFields: false
+};
+export { values };
+//# sourceMappingURL=values.config.js.map

package/dist/module/values.config.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["values","featureKey","aliases","reducerKey","serviceKey","updateKey","actionJobsLoaded","actionJobAdded","actionJobsAdded","screenMaintenance","screenRequestDetail","screenServiceRequest","screenJobTypePicker","screenRequestNotes","permissionMaintenanceTracking","permissionMaintenanceAssignment","iconGridMenu","gridViewBox","iconAddMenu","iconKioskAction","hasMoreOption","orderAddMenu","orderMoreMenu","orderKioskAction","textFeatureTitle","textAddMenuTitle","textMoreMenuTitle","textKioskActionTitle","textEntityName","emptyRequestsStaff","emptyRequestsUser","forceCustomFields"],"sources":["values.config.js"],"sourcesContent":["const values = {\n  featureKey: 'maintenance',\n  aliases: ['maintenanceRequest'],\n  reducerKey: 'jobs',\n  serviceKey: 'maintenance',\n  updateKey: 'jobs',\n  actionJobsLoaded: 'JOBS_LOADED',\n  actionJobAdded: 'JOB_ADDED',\n  actionJobsAdded: 'JOBS_ADDED',\n  screenMaintenance: 'maintenance',\n  screenRequestDetail: 'requestDetail',\n  screenServiceRequest: 'serviceRequest',\n  screenJobTypePicker: 'jobTypePicker',\n  screenRequestNotes: 'requestNotes',\n  permissionMaintenanceTracking: 'maintenanceTracking',\n  permissionMaintenanceAssignment: 'maintenanceAssignment',\n  iconGridMenu: 'maintenance',\n  gridViewBox: '0 0 30 30',\n  iconAddMenu: 'request',\n  iconKioskAction: 'wrench',\n  hasMoreOption: true,\n  orderAddMenu: 5,\n  orderMoreMenu: 4,\n  orderKioskAction: 1,\n  textFeatureTitle: 'Request',\n  textAddMenuTitle: 'Request',\n  textMoreMenuTitle: 'Request',\n  textKioskActionTitle: 'Request',\n  textEntityName: 'Job',\n  emptyRequestsStaff: 'No active Requests',\n  emptyRequestsUser: 'Your Requests will show here',\n  forceCustomFields: false,\n};\n\nexport { values };\n"],"mappings":"AAAA,MAAMA,MAAM,GAAG;EACbC,UAAU,EAAE,aAAa;EACzBC,OAAO,EAAE,CAAC,oBAAoB,CAAC;EAC/BC,UAAU,EAAE,MAAM;EAClBC,UAAU,EAAE,aAAa;EACzBC,SAAS,EAAE,MAAM;EACjBC,gBAAgB,EAAE,aAAa;EAC/BC,cAAc,EAAE,WAAW;EAC3BC,eAAe,EAAE,YAAY;EAC7BC,iBAAiB,EAAE,aAAa;EAChCC,mBAAmB,EAAE,eAAe;EACpCC,oBAAoB,EAAE,gBAAgB;EACtCC,mBAAmB,EAAE,eAAe;EACpCC,kBAAkB,EAAE,cAAc;EAClCC,6BAA6B,EAAE,qBAAqB;EACpDC,+BAA+B,EAAE,uBAAuB;EACxDC,YAAY,EAAE,aAAa;EAC3BC,WAAW,EAAE,WAAW;EACxBC,WAAW,EAAE,SAAS;EACtBC,eAAe,EAAE,QAAQ;EACzBC,aAAa,EAAE,IAAI;EACnBC,YAAY,EAAE,CAAC;EACfC,aAAa,EAAE,CAAC;EAChBC,gBAAgB,EAAE,CAAC;EACnBC,gBAAgB,EAAE,SAAS;EAC3BC,gBAAgB,EAAE,SAAS;EAC3BC,iBAAiB,EAAE,SAAS;EAC5BC,oBAAoB,EAAE,SAAS;EAC/BC,cAAc,EAAE,KAAK;EACrBC,kBAAkB,EAAE,oBAAoB;EACxCC,iBAAiB,EAAE,8BAA8B;EACjDC,iBAAiB,EAAE;AACrB,CAAC;AAED,SAAS/B,MAAM","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plusscommunities/pluss-maintenance-app",
-  "version": "6.0.7-auth.0",
+  "version": "6.0.8-beta.0",
   "description": "Extension package to enable maintenance on Pluss Communities Platform",
   "main": "dist/module/index.js",
   "module": "dist/module/index.js",
@@ -15,17 +15,20 @@
     "patch": "npm version patch",
     "betaupload": "npm run build && npm publish --access public --tag beta",
     "betaupload:p": "npm run betapatch && npm run betaupload",
-    "authpatch": "npm version prepatch --preid=auth",
-    "authupload": "npm run build && npm publish --access public --tag auth",
-    "authupload:p": "npm run authpatch && npm run authupload",
     "upload": "npm run build && npm publish --access public",
-    "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-app'; 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:uploadnopatch": "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;",
+    "copy:upload": "npm run patch; npm run copy:uploadnopatch;",
+    "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;"
   },
   "author": "Thorbjorn Kappel Davis",
   "license": "ISC",
   "dependencies": {},
   "peerDependencies": {
-    "@plusscommunities/pluss-core-app": "^6.0.10-auth.0",
+    "@plusscommunities/pluss-core-app": "6.1.1-beta.0",
     "axios": "^1.6.8",
     "lodash": "^4.17.4",
     "moment": "^2.30.1",

package/src/actions/types.js

@@ -1,3 +1,5 @@
-export const JOBS_LOADED = 'JOBS_LOADED';
-export const JOB_ADDED = 'JOB_ADDED';
-export const JOBS_ADDED = 'JOBS_ADDED';
+import { values } from '../values.config';
+
+export const JOBS_LOADED = values.actionJobsLoaded;
+export const JOB_ADDED = values.actionJobAdded;
+export const JOBS_ADDED = values.actionJobsAdded;

package/src/apis/maintenanceActions.js

@@ -1,24 +1,25 @@
 import { Helper, Session } from '../core.config';
+import { values } from '../values.config';
 
 export const maintenanceActions = {
   getJob: (site, id) => {
     return Session.authedFunction({
       method: 'POST',
-      url: Helper.getUrl('maintenance', 'getJob'),
+      url: Helper.getUrl(values.serviceKey, 'getJob'),
       data: { site, id },
     });
   },
   getJobByJobId: (site, jobId) => {
     return Session.authedFunction({
       method: 'POST',
-      url: Helper.getUrl('maintenance', 'getJob'),
+      url: Helper.getUrl(values.serviceKey, 'getJob'),
       data: { site, jobId },
     });
   },
   getJobs: (site, status = '', type = '') => {
     return Session.authedFunction({
       method: 'POST',
-      url: Helper.getUrl('maintenance', 'getJobs'),
+      url: Helper.getUrl(values.serviceKey, 'getJobs'),
       data: { site, status, type },
     });
   },
@@ -35,7 +36,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 = []) => {
@@ -49,10 +50,24 @@ export const maintenanceActions = {
       });
     });
   },
-  sendMaintenanceRequest: (userID, userName, phone, room, title, description, date, type, images, location, isHome, homeText) => {
+  sendMaintenanceRequest: (
+    userID,
+    userName,
+    phone,
+    room,
+    title,
+    description,
+    date,
+    type,
+    images,
+    location,
+    isHome,
+    homeText,
+    customFields,
+  ) => {
     const request = {
       method: 'POST',
-      url: Helper.getUrl('maintenance', 'sendMaintenance'),
+      url: Helper.getUrl(values.serviceKey, 'sendMaintenance'),
       data: {
         userID,
         userName,
@@ -66,6 +81,7 @@ export const maintenanceActions = {
         location,
         isHome,
         homeText,
+        customFields,
       },
     };
     return Session.authedFunction(request);
@@ -73,21 +89,21 @@ 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 },
     });
   },
   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,
@@ -97,13 +113,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,
@@ -115,7 +131,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,
@@ -128,7 +144,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,
@@ -137,7 +153,7 @@ export const maintenanceActions = {
     });
   },
   getJobTypes: async site => {
-    const url = Helper.getUrl('maintenance', 'getjobtypes');
+    const url = Helper.getUrl(values.serviceKey, 'getjobtypes');
     return Session.authedFunction({
       method: 'POST',
       url,

package/src/components/MaintenanceList.js

@@ -7,6 +7,7 @@ import { jobsLoaded, jobAdded, jobsAdded } from '../actions';
 import MaintenanceListItem from '../components/MaintenanceListItem';
 import FilterPopupMenu from './FilterPopupMenu';
 import { Components, Colours, Config, Helper } from '../core.config';
+import { values } from '../values.config';
 
 class MaintenanceList extends Component {
   constructor(props) {
@@ -91,7 +92,7 @@ class MaintenanceList extends Component {
     if (this.props.options && !_.isEmpty(this.props.options.EmptyText)) {
       return this.props.options.EmptyText;
     }
-    return this.props.userCategory === 'staff' ? Config.env.strings.EMPTY_REQUESTS_STAFF : Config.env.strings.EMPTY_REQUESTS_USER;
+    return this.props.userCategory === 'staff' ? values.emptyRequestsStaff : values.emptyRequestsUser;
   }
 
   resetDataSource = (source = '') => {
@@ -201,7 +202,7 @@ class MaintenanceList extends Component {
     return (
       <View style={styles.searchContainer}>
         <Components.GenericInput
-          placeholder="Search by Job ID or Location"
+          placeholder={`Search by ${values.textEntityName} ID or Address`}
           value={this.state.searchText}
           onChangeText={this.onSearchText}
           onSubmitEditing={this.onSearchSubmit}
@@ -316,7 +317,8 @@ const styles = StyleSheet.create({
 });
 
 const mapStateToProps = state => {
-  const { user, jobs, notifications } = state;
+  const { user, notifications } = state;
+  const jobs = state[values.reducerKey];
   const jobsOrdered = _.orderBy(jobs.jobs, ['createdUnix'], ['desc']);
   const hasPermission = _.includes(user.permissions, 'maintenanceTracking');
 
@@ -326,7 +328,7 @@ const mapStateToProps = state => {
     site: user.site,
     userCategory: user.category,
     colourBrandingMain: Colours.getMainBrandingColourFromState(state),
-    dataUpdated: notifications.dataUpdated['jobs'],
+    dataUpdated: notifications.dataUpdated[values.updateKey],
   };
 };
 

package/src/components/MaintenanceListItem.js

@@ -19,10 +19,11 @@ import moment from 'moment';
 import { getJobStatusProps, jobStatusOptions } from '../helper';
 import { Services } from '../feature.config';
 import { Helper, Colours } from '../core.config';
+import { values } from '../values.config';
 
 class MaintenanceListItem extends Component {
   onPressJob = () => {
-    Services.navigation.navigate('requestDetail', { job: this.props.job });
+    Services.navigation.navigate(values.screenRequestDetail, { job: this.props.job });
   };
 
   renderCommentCount() {
@@ -72,7 +73,11 @@ class MaintenanceListItem extends Component {
           <View style={styles.jobInnerContainer}>
             <View style={styles.jobTopSection}>
               <View style={styles.jobTopLeft}>
-                {job.jobId ? <Text style={[styles.jobIdText, { color: this.props.colourBrandingMain }]}>{`Job #${job.jobId}`}</Text> : null}
+                {job.jobId ? (
+                  <Text
+                    style={[styles.jobIdText, { color: this.props.colourBrandingMain }]}
+                  >{`${values.textEntityName} #${job.jobId}`}</Text>
+                ) : null}
                 <Text style={styles.jobTitleText}>{job.title}</Text>
                 {job.room ? <Text style={styles.jobLocationText}>{job.room}</Text> : null}
                 <View style={styles.jobTypeSeenContainer}>

package/src/components/MaintenanceWidgetItem.js

@@ -7,10 +7,11 @@ import _ from 'lodash';
 import { getJobStatusProps, jobStatusOptions } from '../helper';
 import { Services } from '../feature.config';
 import { Colours, Helper } from '../core.config';
+import { values } from '../values.config';
 
 class MaintenanceWidgetItem extends Component {
   onPressJob = () => {
-    Services.navigation.navigate('requestDetail', { job: this.props.job });
+    Services.navigation.navigate(values.screenRequestDetail, { job: this.props.job });
   };
 
   render() {

package/src/components/WidgetSmall.js

@@ -7,6 +7,7 @@ import { jobsLoaded } from '../actions';
 import MaintenanceWidgetItem from './MaintenanceWidgetItem';
 import { Services } from '../feature.config';
 import { Colours, Components, Config } from '../core.config';
+import { values } from '../values.config';
 
 const MAX_ITEMS = 10;
 
@@ -27,13 +28,13 @@ class WidgetSmall extends Component {
   getTitle = () => {
     const { options } = this.props;
     if (options && !_.isEmpty(options.Title)) return options.Title;
-    return Config.env.strings.MAINTENANCE;
+    return this.props.strings[`${values.featureKey}_textFeatureTitle`] || values.textFeatureTitle;
   };
 
   getEmptyStateText = () => {
     const { options, userCategory } = this.props;
     if (options && !_.isEmpty(options.EmptyText)) return options.EmptyText;
-    return userCategory === 'staff' ? Config.env.strings.EMPTY_REQUESTS_STAFF : Config.env.strings.EMPTY_REQUESTS_USER;
+    return userCategory === 'staff' ? values.emptyRequestsStaff : values.emptyRequestsUser;
   };
 
   refresh = () => {
@@ -58,7 +59,7 @@ class WidgetSmall extends Component {
   };
 
   onPressAll = () => {
-    Services.navigation.navigate('maintenance', { options: this.props.options });
+    Services.navigation.navigate(values.screenMaintenance, { options: this.props.options });
   };
 
   renderContent() {
@@ -136,13 +137,15 @@ const styles = StyleSheet.create({
 });
 
 const mapStateToProps = state => {
-  const { user, jobs, notifications } = state;
+  const { user, notifications } = state;
+  const jobs = state[values.reducerKey];
   return {
     colourBrandingMain: Colours.getMainBrandingColourFromState(state),
     jobs: _.orderBy(jobs.jobs, ['createdUnix'], ['desc']),
     site: user.site,
     userCategory: user.category,
-    dataUpdated: notifications.dataUpdated.jobs,
+    dataUpdated: notifications.dataUpdated[values.updateKey],
+    strings: state.strings?.config || {},
   };
 };
 

package/src/feature.config.js

@@ -1,5 +1,6 @@
 // import * as PlussCore from '../../pluss-core/src';
 import * as PlussCore from '@plusscommunities/pluss-core-app';
+import { values } from './values.config';
 
 export const Services = {
   navigation: null,
@@ -10,38 +11,40 @@ export const BaseComponents = {
 };
 
 const FeatureConfig = {
-  key: 'maintenance',
-  aliases: ['maintenanceRequest'],
-  title: 'Request',
+  key: values.featureKey,
+  aliases: values.aliases,
+  title: values.textFeatureTitle,
   gridMenu: {
-    icon: 'maintenance',
-    viewBox: '0 0 30 30',
-    navigate: 'maintenance',
+    icon: values.iconGridMenu,
+    viewBox: values.gridViewBox,
+    navigate: values.screenMaintenance,
   },
   addMenu: {
-    order: 5,
-    icon: 'request',
-    title: 'Request',
-    navigate: 'serviceRequest',
-    visibleExps: { type: 'feature', value: 'maintenance' },
-  },
-  moreMenu: {
-    order: 4,
-    title: 'Request',
-    navigate: 'maintenance',
-    visibleExps: {
-      type: 'and',
-      exps: [
-        { type: 'notHidden', value: 'maintenanceRequest' },
-        { type: 'notUserType', value: 'KIOSK' },
-      ],
-    },
+    order: values.orderAddMenu,
+    icon: values.iconAddMenu,
+    title: values.textAddMenuTitle,
+    navigate: values.screenServiceRequest,
+    visibleExps: { type: 'feature', value: values.featureKey },
   },
+  moreMenu: values.hasMoreOption
+    ? {
+        order: values.orderMoreMenu,
+        title: values.textMoreMenuTitle,
+        navigate: values.screenMaintenance,
+        visibleExps: {
+          type: 'and',
+          exps: [
+            { type: 'notHidden', value: 'maintenanceRequest' },
+            { type: 'notUserType', value: 'KIOSK' },
+          ],
+        },
+      }
+    : undefined,
   kioskAction: {
-    order: 1,
-    icon: 'wrench',
-    title: 'Request',
-    navigate: 'serviceRequest',
+    order: values.orderKioskAction,
+    icon: values.iconKioskAction,
+    title: values.textKioskActionTitle,
+    navigate: values.screenServiceRequest,
   },
   hideTabBar: [],
   env: {
@@ -65,19 +68,6 @@ const FeatureConfig = {
     Services.navigation = navigation;
     BaseComponents.NotificationBell = notificationBell;
     PlussCore.Config.init(environment, navigation);
-
-    // Override strings
-    if (environment && environment.strings) {
-      const { MAINTENANCE, MAINTENANCE_REQUEST } = environment.strings;
-      if (MAINTENANCE) {
-        FeatureConfig.addMenu.title = MAINTENANCE;
-      }
-      if (MAINTENANCE_REQUEST) {
-        FeatureConfig.title = MAINTENANCE_REQUEST;
-        FeatureConfig.moreMenu.title = MAINTENANCE_REQUEST;
-        FeatureConfig.kioskAction.title = MAINTENANCE_REQUEST;
-      }
-    }
   },
 };
 export default FeatureConfig;

package/src/index.js

@@ -4,15 +4,22 @@ import ServiceRequest from './screens/ServiceRequest';
 import JobTypePicker from './screens/JobTypePicker';
 import RequestNotes from './screens/RequestNotes';
 import JobsReducer from './reducers/JobsReducer';
+import { values } from './values.config';
 
-export const Reducers = { jobs: JobsReducer };
-export const Screens = {
-  maintenance: MaintenancePage,
-  requestDetail: RequestDetail,
-  serviceRequest: ServiceRequest,
-  jobTypePicker: JobTypePicker,
-  requestNotes: RequestNotes,
-};
+export const Reducers = (() => {
+  const reducers = {};
+  reducers[values.reducerKey] = JobsReducer;
+  return reducers;
+})();
+export const Screens = (() => {
+  const screens = {};
+  screens[values.screenMaintenance] = MaintenancePage;
+  screens[values.screenRequestDetail] = RequestDetail;
+  screens[values.screenServiceRequest] = ServiceRequest;
+  screens[values.screenJobTypePicker] = JobTypePicker;
+  screens[values.screenRequestNotes] = RequestNotes;
+  return screens;
+})();
 export { default as Config } from './feature.config';
 export { default as WidgetSmall } from './components/WidgetSmall';
 export { default as WidgetLarge } from './components/WidgetLarge';

package/src/reducers/JobsReducer.js

@@ -3,8 +3,9 @@ import _ from 'lodash';
 import { REHYDRATE } from 'redux-persist';
 import { JOBS_LOADED, JOB_ADDED, JOBS_ADDED } from '../actions/types';
 import { ActionTypes } from '../core.config';
+import { values } from '../values.config';
 
-const REDUCER_KEY = 'jobs';
+const REDUCER_KEY = values.reducerKey;
 
 const INITIAL_STATE = {
   jobs: [],

package/src/screens/MaintenancePage.js

@@ -5,6 +5,7 @@ import _ from 'lodash';
 import MaintenanceList from '../components/MaintenanceList';
 import { Services, BaseComponents } from '../feature.config';
 import { Components, Helper, Styles, Config } from '../core.config';
+import { values } from '../values.config';
 
 class MaintenancePage extends Component {
   constructor(props) {
@@ -29,10 +30,11 @@ class MaintenancePage extends Component {
   };
 
   renderHeader() {
+    const title = this.props.title || this.props.strings[`${values.featureKey}_textFeatureTitle`] || values.textFeatureTitle;
     if (this.state.isHomeTab) {
       return (
         <Components.Header
-          text={this.props.title || Config.env.strings.MAINTENANCE}
+          text={title}
           rightContent={
             _.includes(this.props.user.hidden, 'notifications') ? null : (
               <View style={styles.notificationContainer}>
@@ -46,9 +48,7 @@ class MaintenancePage extends Component {
         />
       );
     }
-    return (
-      <Components.Header leftIcon="angle-left" onPressLeft={this.onPressBack} text={this.props.title || Config.env.strings.MAINTENANCE} />
-    );
+    return <Components.Header leftIcon="angle-left" onPressLeft={this.onPressBack} text={values.textFeatureTitle} />;
   }
 
   render() {
@@ -89,6 +89,7 @@ const styles = StyleSheet.create({
 const mapStateToProps = state => {
   return {
     user: state.user,
+    strings: state.strings?.config || {},
   };
 };