@plusscommunities/pluss-maintenance-app-a 6.0.13 → 6.0.16

package/dist/module/apis/index.js

@@ -1,4 +1,5 @@
 import { Apis } from '../core.config';
 export const stringActions = Apis.stringActions;
 export * from './maintenanceActions';
+export * from './userActions';
 //# sourceMappingURL=index.js.map

package/dist/module/apis/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Apis","stringActions"],"sources":["index.js"],"sourcesContent":["import { Apis } from '../core.config';\n\nexport const stringActions = Apis.stringActions;\n\nexport * from './maintenanceActions';\n"],"mappings":"AAAA,SAASA,IAAI,QAAQ,gBAAgB;AAErC,OAAO,MAAMC,aAAa,GAAGD,IAAI,CAACC,aAAa;AAE/C,cAAc,sBAAsB","ignoreList":[]}
+{"version":3,"names":["Apis","stringActions"],"sources":["index.js"],"sourcesContent":["import { Apis } from '../core.config';\n\nexport const stringActions = Apis.stringActions;\n\nexport * from './maintenanceActions';\nexport * from './userActions';\n"],"mappings":"AAAA,SAASA,IAAI,QAAQ,gBAAgB;AAErC,OAAO,MAAMC,aAAa,GAAGD,IAAI,CAACC,aAAa;AAE/C,cAAc,sBAAsB;AACpC,cAAc,eAAe","ignoreList":[]}

package/dist/module/apis/userActions.js

@@ -0,0 +1,23 @@
+import { Helper, Session } from '../core.config';
+export const userActions = {
+  getSiteUsers: async site => {
+    return Session.authedFunction({
+      method: 'GET',
+      url: Helper.getUrl('users', 'users/site', {
+        site,
+        compact: true
+      })
+    });
+  },
+  fetchUser: async (site, userId) => {
+    return Session.authedFunction({
+      method: 'POST',
+      url: Helper.getUrl('users', 'getsingle'),
+      data: {
+        site,
+        userId
+      }
+    });
+  }
+};
+//# sourceMappingURL=userActions.js.map

package/dist/module/apis/userActions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Helper","Session","userActions","getSiteUsers","site","authedFunction","method","url","getUrl","compact","fetchUser","userId","data"],"sources":["userActions.js"],"sourcesContent":["import { Helper, Session } from '../core.config';\n\nexport const userActions = {\n  getSiteUsers: async site => {\n    return Session.authedFunction({\n      method: 'GET',\n      url: Helper.getUrl('users', 'users/site', { site, compact: true }),\n    });\n  },\n\n  fetchUser: async (site, userId) => {\n    return Session.authedFunction({\n      method: 'POST',\n      url: Helper.getUrl('users', 'getsingle'),\n      data: {\n        site,\n        userId,\n      },\n    });\n  },\n};\n"],"mappings":"AAAA,SAASA,MAAM,EAAEC,OAAO,QAAQ,gBAAgB;AAEhD,OAAO,MAAMC,WAAW,GAAG;EACzBC,YAAY,EAAE,MAAMC,IAAI,IAAI;IAC1B,OAAOH,OAAO,CAACI,cAAc,CAAC;MAC5BC,MAAM,EAAE,KAAK;MACbC,GAAG,EAAEP,MAAM,CAACQ,MAAM,CAAC,OAAO,EAAE,YAAY,EAAE;QAAEJ,IAAI;QAAEK,OAAO,EAAE;MAAK,CAAC;IACnE,CAAC,CAAC;EACJ,CAAC;EAEDC,SAAS,EAAE,MAAAA,CAAON,IAAI,EAAEO,MAAM,KAAK;IACjC,OAAOV,OAAO,CAACI,cAAc,CAAC;MAC5BC,MAAM,EAAE,MAAM;MACdC,GAAG,EAAEP,MAAM,CAACQ,MAAM,CAAC,OAAO,EAAE,WAAW,CAAC;MACxCI,IAAI,EAAE;QACJR,IAAI;QACJO;MACF;IACF,CAAC,CAAC;EACJ;AACF,CAAC","ignoreList":[]}

package/dist/module/index.js

@@ -3,6 +3,7 @@ import RequestDetail from './screens/RequestDetail';
 import ServiceRequest from './screens/ServiceRequest';
 import JobTypePicker from './screens/JobTypePicker';
 import RequestNotes from './screens/RequestNotes';
+import MaintenanceUserPicker from './screens/MaintenanceUserPicker';
 import JobsReducer from './reducers/JobsReducer';
 import { values } from './values.config';
 export const Reducers = (() => {
@@ -17,6 +18,7 @@ export const Screens = (() => {
   screens[values.screenServiceRequest] = ServiceRequest;
   screens[values.screenJobTypePicker] = JobTypePicker;
   screens[values.screenRequestNotes] = RequestNotes;
+  screens[values.screenUserPicker] = MaintenanceUserPicker;
   return screens;
 })();
 export { default as Config } from './feature.config';

package/dist/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["MaintenancePage","RequestDetail","ServiceRequest","JobTypePicker","RequestNotes","JobsReducer","values","Reducers","reducers","reducerKey","Screens","screens","screenMaintenance","screenRequestDetail","screenServiceRequest","screenJobTypePicker","screenRequestNotes","default","Config","WidgetSmall","WidgetLarge"],"sources":["index.js"],"sourcesContent":["import MaintenancePage from './screens/MaintenancePage';\nimport RequestDetail from './screens/RequestDetail';\nimport ServiceRequest from './screens/ServiceRequest';\nimport JobTypePicker from './screens/JobTypePicker';\nimport RequestNotes from './screens/RequestNotes';\nimport JobsReducer from './reducers/JobsReducer';\nimport { values } from './values.config';\n\nexport const Reducers = (() => {\n  const reducers = {};\n  reducers[values.reducerKey] = JobsReducer;\n  return reducers;\n})();\nexport const Screens = (() => {\n  const screens = {};\n  screens[values.screenMaintenance] = MaintenancePage;\n  screens[values.screenRequestDetail] = RequestDetail;\n  screens[values.screenServiceRequest] = ServiceRequest;\n  screens[values.screenJobTypePicker] = JobTypePicker;\n  screens[values.screenRequestNotes] = RequestNotes;\n  return screens;\n})();\nexport { default as Config } from './feature.config';\nexport { default as WidgetSmall } from './components/WidgetSmall';\nexport { default as WidgetLarge } from './components/WidgetLarge';\n"],"mappings":"AAAA,OAAOA,eAAe,MAAM,2BAA2B;AACvD,OAAOC,aAAa,MAAM,yBAAyB;AACnD,OAAOC,cAAc,MAAM,0BAA0B;AACrD,OAAOC,aAAa,MAAM,yBAAyB;AACnD,OAAOC,YAAY,MAAM,wBAAwB;AACjD,OAAOC,WAAW,MAAM,wBAAwB;AAChD,SAASC,MAAM,QAAQ,iBAAiB;AAExC,OAAO,MAAMC,QAAQ,GAAG,CAAC,MAAM;EAC7B,MAAMC,QAAQ,GAAG,CAAC,CAAC;EACnBA,QAAQ,CAACF,MAAM,CAACG,UAAU,CAAC,GAAGJ,WAAW;EACzC,OAAOG,QAAQ;AACjB,CAAC,EAAE,CAAC;AACJ,OAAO,MAAME,OAAO,GAAG,CAAC,MAAM;EAC5B,MAAMC,OAAO,GAAG,CAAC,CAAC;EAClBA,OAAO,CAACL,MAAM,CAACM,iBAAiB,CAAC,GAAGZ,eAAe;EACnDW,OAAO,CAACL,MAAM,CAACO,mBAAmB,CAAC,GAAGZ,aAAa;EACnDU,OAAO,CAACL,MAAM,CAACQ,oBAAoB,CAAC,GAAGZ,cAAc;EACrDS,OAAO,CAACL,MAAM,CAACS,mBAAmB,CAAC,GAAGZ,aAAa;EACnDQ,OAAO,CAACL,MAAM,CAACU,kBAAkB,CAAC,GAAGZ,YAAY;EACjD,OAAOO,OAAO;AAChB,CAAC,EAAE,CAAC;AACJ,SAASM,OAAO,IAAIC,MAAM,QAAQ,kBAAkB;AACpD,SAASD,OAAO,IAAIE,WAAW,QAAQ,0BAA0B;AACjE,SAASF,OAAO,IAAIG,WAAW,QAAQ,0BAA0B","ignoreList":[]}
+{"version":3,"names":["MaintenancePage","RequestDetail","ServiceRequest","JobTypePicker","RequestNotes","MaintenanceUserPicker","JobsReducer","values","Reducers","reducers","reducerKey","Screens","screens","screenMaintenance","screenRequestDetail","screenServiceRequest","screenJobTypePicker","screenRequestNotes","screenUserPicker","default","Config","WidgetSmall","WidgetLarge"],"sources":["index.js"],"sourcesContent":["import MaintenancePage from './screens/MaintenancePage';\nimport RequestDetail from './screens/RequestDetail';\nimport ServiceRequest from './screens/ServiceRequest';\nimport JobTypePicker from './screens/JobTypePicker';\nimport RequestNotes from './screens/RequestNotes';\nimport MaintenanceUserPicker from './screens/MaintenanceUserPicker';\nimport JobsReducer from './reducers/JobsReducer';\nimport { values } from './values.config';\n\nexport const Reducers = (() => {\n  const reducers = {};\n  reducers[values.reducerKey] = JobsReducer;\n  return reducers;\n})();\nexport const Screens = (() => {\n  const screens = {};\n  screens[values.screenMaintenance] = MaintenancePage;\n  screens[values.screenRequestDetail] = RequestDetail;\n  screens[values.screenServiceRequest] = ServiceRequest;\n  screens[values.screenJobTypePicker] = JobTypePicker;\n  screens[values.screenRequestNotes] = RequestNotes;\n  screens[values.screenUserPicker] = MaintenanceUserPicker;\n  return screens;\n})();\nexport { default as Config } from './feature.config';\nexport { default as WidgetSmall } from './components/WidgetSmall';\nexport { default as WidgetLarge } from './components/WidgetLarge';\n"],"mappings":"AAAA,OAAOA,eAAe,MAAM,2BAA2B;AACvD,OAAOC,aAAa,MAAM,yBAAyB;AACnD,OAAOC,cAAc,MAAM,0BAA0B;AACrD,OAAOC,aAAa,MAAM,yBAAyB;AACnD,OAAOC,YAAY,MAAM,wBAAwB;AACjD,OAAOC,qBAAqB,MAAM,iCAAiC;AACnE,OAAOC,WAAW,MAAM,wBAAwB;AAChD,SAASC,MAAM,QAAQ,iBAAiB;AAExC,OAAO,MAAMC,QAAQ,GAAG,CAAC,MAAM;EAC7B,MAAMC,QAAQ,GAAG,CAAC,CAAC;EACnBA,QAAQ,CAACF,MAAM,CAACG,UAAU,CAAC,GAAGJ,WAAW;EACzC,OAAOG,QAAQ;AACjB,CAAC,EAAE,CAAC;AACJ,OAAO,MAAME,OAAO,GAAG,CAAC,MAAM;EAC5B,MAAMC,OAAO,GAAG,CAAC,CAAC;EAClBA,OAAO,CAACL,MAAM,CAACM,iBAAiB,CAAC,GAAGb,eAAe;EACnDY,OAAO,CAACL,MAAM,CAACO,mBAAmB,CAAC,GAAGb,aAAa;EACnDW,OAAO,CAACL,MAAM,CAACQ,oBAAoB,CAAC,GAAGb,cAAc;EACrDU,OAAO,CAACL,MAAM,CAACS,mBAAmB,CAAC,GAAGb,aAAa;EACnDS,OAAO,CAACL,MAAM,CAACU,kBAAkB,CAAC,GAAGb,YAAY;EACjDQ,OAAO,CAACL,MAAM,CAACW,gBAAgB,CAAC,GAAGb,qBAAqB;EACxD,OAAOO,OAAO;AAChB,CAAC,EAAE,CAAC;AACJ,SAASO,OAAO,IAAIC,MAAM,QAAQ,kBAAkB;AACpD,SAASD,OAAO,IAAIE,WAAW,QAAQ,0BAA0B;AACjE,SAASF,OAAO,IAAIG,WAAW,QAAQ,0BAA0B","ignoreList":[]}

package/dist/module/screens/MaintenanceUserPicker.js

@@ -0,0 +1,130 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React, { Component } from 'react';
+import _ from 'lodash';
+import { TouchableOpacity, View, ScrollView, Text } from 'react-native';
+import { connect } from 'react-redux';
+import { Icon } from 'react-native-elements';
+import { Services } from '../feature.config';
+import { Components, Colours } from '../core.config';
+class MaintenanceUserPicker extends Component {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "state", {
+      currentUser: null
+    });
+  }
+  UNSAFE_componentWillMount() {
+    this.setState({
+      currentUser: this.props.currentUser
+    });
+  }
+  onPressBack() {
+    Services.navigation.goBack();
+  }
+  onUserPress(user) {
+    this.props.onSelectUser(user);
+    this.setState({
+      currentUser: user
+    });
+    setTimeout(() => {
+      this.onPressBack();
+    }, 200);
+  }
+  renderMain() {
+    if (_.isEmpty(this.props.users)) {
+      return /*#__PURE__*/React.createElement(View, {
+        style: {
+          marginTop: 16
+        }
+      }, /*#__PURE__*/React.createElement(Components.Spinner, null));
+    }
+    return /*#__PURE__*/React.createElement(Components.FormCard, {
+      style: {
+        marginTop: 16
+      }
+    }, this.renderOptions());
+  }
+  renderOptions() {
+    return this.props.users.map((user, index) => {
+      return /*#__PURE__*/React.createElement(TouchableOpacity, {
+        key: index,
+        onPress: this.onUserPress.bind(this, user)
+      }, /*#__PURE__*/React.createElement(Components.FormCardSection, {
+        label: user.displayName,
+        labelStyle: {
+          height: 0,
+          margin: 0
+        },
+        hasUnderline: true,
+        hasContent: true
+      }, /*#__PURE__*/React.createElement(View, {
+        style: styles.rowContainer
+      }, /*#__PURE__*/React.createElement(View, {
+        style: styles.userContainer
+      }, /*#__PURE__*/React.createElement(Components.ProfilePic, {
+        ProfilePic: user.profilePic,
+        Diameter: 30
+      }), /*#__PURE__*/React.createElement(Text, {
+        style: styles.labelText
+      }, user.displayName)), /*#__PURE__*/React.createElement(Icon, {
+        name: "check-circle",
+        type: "font-awesome",
+        iconStyle: [{
+          color: '#d5d9e0',
+          fontSize: 20
+        }, _.isEqual(user, this.state.currentUser) && {
+          color: Colours.COLOUR_GREEN
+        }]
+      }))));
+    });
+  }
+  render() {
+    return /*#__PURE__*/React.createElement(View, {
+      style: styles.container
+    }, /*#__PURE__*/React.createElement(Components.Header, {
+      leftIcon: "angle-left",
+      onPressLeft: this.onPressBack.bind(this),
+      text: "Select user"
+    }), /*#__PURE__*/React.createElement(ScrollView, {
+      style: {
+        flex: 1
+      }
+    }, this.renderMain()));
+  }
+}
+const styles = {
+  container: {
+    flex: 1,
+    position: 'relative',
+    backgroundColor: '#f0f0f5'
+  },
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    minHeight: 22
+  },
+  text: {
+    flex: 1,
+    fontFamily: 'sf-regular',
+    fontSize: 14,
+    color: Colours.TEXT_DARK
+  },
+  rowContainer: {
+    flexDirection: 'row',
+    justifyContent: 'space-between'
+  },
+  userContainer: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  labelText: {
+    fontFamily: 'sf-medium',
+    fontSize: 16,
+    color: Colours.TEXT_DARK,
+    marginLeft: 8
+  }
+};
+export default connect(null, {})(MaintenanceUserPicker);
+//# sourceMappingURL=MaintenanceUserPicker.js.map

package/dist/module/screens/MaintenanceUserPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Component","_","TouchableOpacity","View","ScrollView","Text","connect","Icon","Services","Components","Colours","MaintenanceUserPicker","constructor","args","_defineProperty","currentUser","UNSAFE_componentWillMount","setState","props","onPressBack","navigation","goBack","onUserPress","user","onSelectUser","setTimeout","renderMain","isEmpty","users","createElement","style","marginTop","Spinner","FormCard","renderOptions","map","index","key","onPress","bind","FormCardSection","label","displayName","labelStyle","height","margin","hasUnderline","hasContent","styles","rowContainer","userContainer","ProfilePic","profilePic","Diameter","labelText","name","type","iconStyle","color","fontSize","isEqual","state","COLOUR_GREEN","render","container","Header","leftIcon","onPressLeft","text","flex","position","backgroundColor","row","flexDirection","alignItems","minHeight","fontFamily","TEXT_DARK","justifyContent","marginLeft"],"sources":["MaintenanceUserPicker.js"],"sourcesContent":["import React, { Component } from 'react';\nimport _ from 'lodash';\nimport { TouchableOpacity, View, ScrollView, Text } from 'react-native';\nimport { connect } from 'react-redux';\nimport { Icon } from 'react-native-elements';\nimport { Services } from '../feature.config';\nimport { Components, Colours } from '../core.config';\n\nclass MaintenanceUserPicker extends Component {\n  state = {\n    currentUser: null,\n  };\n\n  UNSAFE_componentWillMount() {\n    this.setState({ currentUser: this.props.currentUser });\n  }\n\n  onPressBack() {\n    Services.navigation.goBack();\n  }\n\n  onUserPress(user) {\n    this.props.onSelectUser(user);\n    this.setState({ currentUser: user });\n    setTimeout(() => {\n      this.onPressBack();\n    }, 200);\n  }\n\n  renderMain() {\n    if (_.isEmpty(this.props.users)) {\n      return (\n        <View style={{ marginTop: 16 }}>\n          <Components.Spinner />\n        </View>\n      );\n    }\n\n    return <Components.FormCard style={{ marginTop: 16 }}>{this.renderOptions()}</Components.FormCard>;\n  }\n\n  renderOptions() {\n    return this.props.users.map((user, index) => {\n      return (\n        <TouchableOpacity key={index} onPress={this.onUserPress.bind(this, user)}>\n          <Components.FormCardSection label={user.displayName} labelStyle={{ height: 0, margin: 0 }} hasUnderline hasContent>\n            <View style={styles.rowContainer}>\n              <View style={styles.userContainer}>\n                <Components.ProfilePic ProfilePic={user.profilePic} Diameter={30} />\n                <Text style={styles.labelText}>{user.displayName}</Text>\n              </View>\n              <Icon\n                name=\"check-circle\"\n                type=\"font-awesome\"\n                iconStyle={[{ color: '#d5d9e0', fontSize: 20 }, _.isEqual(user, this.state.currentUser) && { color: Colours.COLOUR_GREEN }]}\n              />\n            </View>\n          </Components.FormCardSection>\n        </TouchableOpacity>\n      );\n    });\n  }\n\n  render() {\n    return (\n      <View style={styles.container}>\n        <Components.Header leftIcon=\"angle-left\" onPressLeft={this.onPressBack.bind(this)} text=\"Select user\" />\n        <ScrollView style={{ flex: 1 }}>{this.renderMain()}</ScrollView>\n      </View>\n    );\n  }\n}\n\nconst styles = {\n  container: {\n    flex: 1,\n    position: 'relative',\n    backgroundColor: '#f0f0f5',\n  },\n  row: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    minHeight: 22,\n  },\n  text: {\n    flex: 1,\n    fontFamily: 'sf-regular',\n    fontSize: 14,\n    color: Colours.TEXT_DARK,\n  },\n  rowContainer: {\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n  },\n  userContainer: {\n    flexDirection: 'row',\n    alignItems: 'center',\n  },\n  labelText: {\n    fontFamily: 'sf-medium',\n    fontSize: 16,\n    color: Colours.TEXT_DARK,\n    marginLeft: 8,\n  },\n};\n\nexport default connect(null, {})(MaintenanceUserPicker);"],"mappings":"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","ignoreList":[]}

package/dist/module/screens/RequestDetail.js

@@ -332,7 +332,8 @@ class RequestDetail extends Component {
       galleryOpen: false,
       galleryImages: [],
       showMessages: false,
-      assignees: []
+      assignees: [],
+      selectedPDF: null
     };
     this.scrollView = /*#__PURE__*/React.createRef();
     this.commentReply = /*#__PURE__*/React.createRef();
@@ -535,6 +536,32 @@ class RequestDetail extends Component {
     }
     return null;
   }
+  renderDocument(documents) {
+    const {
+      colourBrandingMain
+    } = this.props;
+    if (!_.isNil(documents) && !_.isEmpty(documents)) {
+      return documents.map((document, index) => {
+        return /*#__PURE__*/React.createElement(TouchableOpacity, {
+          key: index,
+          style: styles.documentContainer,
+          onPress: () => this.setState({
+            selectedPDF: document
+          })
+        }, /*#__PURE__*/React.createElement(View, {
+          style: {
+            ...styles.documentTypeContainer,
+            backgroundColor: colourBrandingMain
+          }
+        }, /*#__PURE__*/React.createElement(Text, {
+          style: styles.documentTypeText
+        }, document.ext)), /*#__PURE__*/React.createElement(Text, {
+          style: styles.documentText
+        }, `${document.name}${document.uploading ? ` - ${document.uploadProgress}` : ''}`));
+      });
+    }
+    return null;
+  }
   renderImagePopup() {
     return /*#__PURE__*/React.createElement(Components.ImagePopup, {
       visible: this.state.galleryOpen,
@@ -543,6 +570,17 @@ class RequestDetail extends Component {
       ref: "imagePopup"
     });
   }
+  renderDocumentPopup() {
+    if (_.isEmpty(this.state.selectedPDF)) return null;
+    return /*#__PURE__*/React.createElement(Components.PDFPopup, {
+      source: this.state.selectedPDF.url,
+      onClose: () => this.setState({
+        selectedPDF: null
+      }),
+      title: this.state.selectedPDF.name,
+      pdfCount: 1
+    });
+  }
   renderAssignee() {
     const {
       job
@@ -598,10 +636,12 @@ class RequestDetail extends Component {
           }, field.answer && Array.isArray(field.answer) ? field.answer.join(', ') : '');
         case 'image':
           return /*#__PURE__*/React.createElement(View, {
-            style: {
-              marginTop: 8
-            }
+            style: styles.customImage
           }, this.renderImage(field.answer));
+        case 'document':
+          return /*#__PURE__*/React.createElement(View, {
+            style: styles.customDocument
+          }, this.renderDocument(field.answer));
         default:
           return /*#__PURE__*/React.createElement(Text, {
             style: styles.customText
@@ -746,7 +786,7 @@ class RequestDetail extends Component {
       }
     }, /*#__PURE__*/React.createElement(View, {
       style: styles.innerContainer
-    }, this.renderTop(), this.renderAssignee(), this.rendeDetails(), this.renderMessages())), this.renderMessagesReply(), this.renderStatusPopup(), this.renderPriorityPopup(), this.renderImagePopup(), /*#__PURE__*/React.createElement(DateTimePicker, {
+    }, this.renderTop(), this.renderAssignee(), this.rendeDetails(), this.renderMessages())), this.renderMessagesReply(), this.renderStatusPopup(), this.renderPriorityPopup(), this.renderImagePopup(), this.renderDocumentPopup(), /*#__PURE__*/React.createElement(DateTimePicker, {
       isVisible: this.state.isDateTimePickerVisible,
       onConfirm: this.onDateSelected,
       onCancel: this.onCloseDatePicker,
@@ -1020,6 +1060,13 @@ const styles = StyleSheet.create({
     color: Colours.TEXT_DARKEST,
     paddingVertical: 8
   },
+  customImage: {
+    marginTop: 8
+  },
+  customDocument: {
+    marginTop: 8,
+    marginBottom: 16
+  },
   customStaticTitle: {
     fontSize: 20,
     fontFamily: 'sf-semibold',
@@ -1032,6 +1079,31 @@ const styles = StyleSheet.create({
     color: Colours.TEXT_DARKEST,
     lineHeight: 24,
     marginBottom: 10
+  },
+  documentContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    paddingVertical: 4
+  },
+  documentTypeContainer: {
+    width: 50,
+    height: 60,
+    justifyContent: 'center',
+    alignItems: 'center',
+    borderRadius: 5,
+    marginRight: 8
+  },
+  documentTypeText: {
+    color: '#fff',
+    fontFamily: 'sf-semibold',
+    textAlign: 'center'
+  },
+  documentText: {
+    flex: 1,
+    fontFamily: 'sf-semibold',
+    fontSize: 16,
+    color: '#65686D'
   }
 });
 const mapStateToProps = state => {