\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n Last Login: {lastLoginDt}
\r\n \r\nNo. of unsuccessful attempts: {localStorage.getItem(FAILED_ACCESS_COUNT)}
\r\n\r\n \r\n\r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nconst styles = theme => ({\r\n container: theme.container\r\n})\r\n\r\nconst mapStateToProps = state => {\r\n const {authDuck} = state\r\n\r\n return {authDuck}\r\n}\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n return {\r\n changePassword: data => dispatch(changePassword(data))\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(withStyles(styles)(ChangePasswordScreen))","module.exports = __webpack_public_path__ + \"static/media/background-grey.7cac85e1.svg\";","module.exports = __webpack_public_path__ + \"static/media/ctp-print-background-new1.88ce4eab.png\";","module.exports = __webpack_public_path__ + \"static/media/CAG-CTP-TransitProgramme-Desktop.b7579ade.jpg\";","module.exports = __webpack_public_path__ + \"static/media/crCardPrint.cfc16a0d.png\";","module.exports = __webpack_public_path__ + \"static/media/thumb1.5c2a2aac.png\";","module.exports = __webpack_public_path__ + \"static/media/thumb2.bb964c85.jpg\";","module.exports = __webpack_public_path__ + \"static/media/thumb3.42051f6e.png\";","module.exports = __webpack_public_path__ + \"static/media/thumb4.6d1849dc.jpg\";","import moment from 'moment'\r\nimport {\r\n\tGROUP_APPROVER_PERMISSION,\r\n\tGROUP_APPROVER_READ_ONLY_PERMISSION,\r\n\tGROUP_CREATOR_PERMISSION,\r\n\tGROUP_CREATOR_WITH_READ_ALL_PERMISSION,\r\n\tGROUP_ISSUER_PERMISSION,\r\n\tGROUP_ISSUER_READ_ONLY_PERMISSION,\r\n\tGROUP_VIEW_PERMISSION,\r\n\tVOUCHER_TRANSFER_EV\r\n} from '../constants/permissions'\r\nimport axios from 'axios'\r\nimport { getSettings } from '../config/config'\r\nimport aesjs from 'aes-js'\r\nimport { PERMISSIONS } from '../constants/localStorageType'\r\nimport { checkValidStatusCode } from './httpHelper'\r\n\r\nlet settings = getSettings();\r\nlet baseURL = settings.baseURL;\r\n\r\nexport const getCurrentAuthHeader = () => {\r\n\treturn { headers: { Authorization: 'Bearer ' + localStorage.getItem('accessToken') } }\r\n}\r\n\r\nexport const trueFalseToYesNo = v => {\r\n\tif (v === true) return 'yes'\r\n\tif (v === false) return 'no'\r\n\treturn null\r\n}\r\n\r\n/**\r\n * Should return string of 1 and 0 where 1 correspond to Yes, and 0 to No.\r\n * @param criterias [array]\r\n */\r\nexport const generateSqResponseFromCriterias = criterias => {\r\n\tlet rs = ''\r\n\r\n\tconst keys = [\r\n\t\t'isFlightConfirmed',\r\n\t\t'haveTwoTouchPoint',\r\n\t\t'isFlightEligible',\r\n\t\t'isFourSector',\r\n\t\t'isPaxSeated',\r\n\t\t'isSameOrgDest',\r\n\t\t'isThreeSector',\r\n\t\t'isUsedOrFlownFlight',\r\n\t\t'isValidOrigin',\r\n\t\t'isValidTransit',\r\n\t\t'isWithinCampaign'\r\n\t]\r\n\r\n\tkeys.forEach(k => {\r\n\t\trs = criterias[k] === 'Yes' ? rs + '1' : rs + '0'\r\n\t})\r\n\r\n\treturn rs.trim()\r\n}\r\n\r\n/**\r\n * Convers base64 to binary\r\n * https://stackoverflow.com/questions/4998908/convert-data-uri-to-file-then-append-to-formdata/5100158\r\n *\r\n * @param dataURI\r\n * @returns {Blob}\r\n */\r\nexport const dataURItoBlob = dataURI => {\r\n\t// convert base64/URLEncoded data component to raw binary data held in a string\r\n\tlet byteString\r\n\tif (dataURI.split(',')[0].indexOf('base64') >= 0) byteString = atob(dataURI.split(',')[1])\r\n\telse byteString = unescape(dataURI.split(',')[1])\r\n\r\n\t// separate out the mime component\r\n\tvar mimeString = dataURI\r\n\t\t.split(',')[0]\r\n\t\t.split(':')[1]\r\n\t\t.split(';')[0]\r\n\r\n\t// write the bytes of the string to a typed array\r\n\tvar ia = new Uint8Array(byteString.length)\r\n\tfor (var i = 0; i < byteString.length; i++) {\r\n\t\tia[i] = byteString.charCodeAt(i)\r\n\t}\r\n\r\n\treturn new Blob([ia], { type: mimeString })\r\n}\r\n\r\nexport const toBrowserFriendlyDate = datestring => {\r\n\treturn datestring ? moment(datestring).format('YYYY-MM-DD') : null\r\n}\r\n\r\nexport const toHumanFriendlyDate = datestring => {\r\n\treturn datestring ? moment(datestring).format('DD/MM/YYYY') : null\r\n}\r\nexport const toHumanFriendlyDateTime = datestring => {\r\n\treturn datestring ? moment(datestring).format('DD/MM/YYYY HH:mm') : null\r\n}\r\n\r\nexport const sqApiResponseStringToObject = string => {\r\n\t// order matters in components/SqApiCriteriasDialog.js and middleware\r\n\tconst criteriasKeys = [\r\n\t\t'isFlightEligible',\r\n\t\t'haveTwoTouchPoint',\r\n\t\t'isWithinCampaign',\r\n\t\t'isThreeSector',\r\n\t\t'isFourSector',\r\n\t\t'isSameOrgDest',\r\n\t\t'isValidTransit',\r\n\t\t'isPaxSeated',\r\n\t\t'isValidOrigin',\r\n\t\t'isFlightConfirmed',\r\n\t\t'isUsedOrFlownFlight'\r\n\t]\r\n\r\n\tconst rs = {}\r\n\tfor (let i = 0; i < string.length; i++) {\r\n\t\trs[criteriasKeys[i]] = string[i] === '1' ? 'Yes' : 'No'\r\n\t}\r\n\treturn rs\r\n}\r\n\r\nexport const sqApiObjectToResponseString = obj => {\r\n\t// order matters in components/SqApiCriteriasDialog.js and middleware\r\n\tconst criteriasKeys = [\r\n\t\t'isFlightEligible',\r\n\t\t'haveTwoTouchPoint',\r\n\t\t'isWithinCampaign',\r\n\t\t'isThreeSector',\r\n\t\t'isFourSector',\r\n\t\t'isSameOrgDest',\r\n\t\t'isValidTransit',\r\n\t\t'isPaxSeated',\r\n\t\t'isValidOrigin',\r\n\t\t'isFlightConfirmed',\r\n\t\t'isUsedOrFlownFlight'\r\n\t]\r\n\tlet rs = ''\r\n\tcriteriasKeys.forEach(k => {\r\n\t\tif (obj[k] === 'Yes') rs += '1'\r\n\t\tif (obj[k] === 'No') rs += '0'\r\n\t})\r\n\treturn rs\r\n}\r\n\r\nexport const convertCtpEligibilityStatus = ctpEligibility => {\r\n\tif (ctpEligibility === 'No') return 'N'\r\n\tif (ctpEligibility === 'Yes') return 'Y'\r\n\tif (ctpEligibility === 'Manual') return 'M'\r\n}\r\n\r\nexport const getOriginFromFltNumber = (flightNo, flightData) => {\r\n\tconst rs = flightData.find(f => f.flightNo.toLowerCase() === flightNo.toLowerCase())\r\n\tif (rs) return rs.departureCityName\r\n}\r\n\r\nexport const getDestinationFromFltNumber = (flightNo, flightData) => {\r\n\tconst rs = flightData.find(f => f.flightNo === flightNo)\r\n\tif (rs) return rs.arrivalCityName\r\n}\r\n\r\n/**\r\n * Takes an array or a string to check if passed value exists in permissions in localStorage\r\n * `condition` determines whether all passed permissons exists ('and'),\r\n * or only one of it exists ('or') for result to be true.\r\n *\r\n * @param v\r\n * @param condition ['and' | 'or']\r\n * @returns {boolean}\r\n */\r\nexport const hasPermissions = (v, condition = 'and') => {\r\n\tif (typeof v === 'string') v = [v];\r\n\tconst permissionsStored = localStorage.getItem(PERMISSIONS);\r\n\tif(!permissionsStored) return false;\r\n\tconst decryptedPermissions = decrypt(permissionsStored);\r\n\r\n const permissions = JSON.parse(decryptedPermissions);\r\n\tif (!permissions) return false;\r\n\tif (condition === 'and') {\r\n\t\tlet rs = true\r\n\t\tfor (const p of v) {\r\n\t\t\tif (!permissions.includes(p)) rs = false\r\n\t\t}\r\n\t\treturn rs\r\n\t}\r\n\r\n\tif (condition === 'or') {\r\n\t\tlet rs = false\r\n\t\tfor (const p of v) {\r\n\t\t\tif (permissions.includes(p)) return true\r\n\t\t}\r\n\t\treturn rs\r\n\t}\r\n}\r\n\r\nexport const hasCreatorWithReadAll = () => hasPermissions([GROUP_CREATOR_WITH_READ_ALL_PERMISSION])\r\nexport const hasCreatorPermissions = () => hasPermissions([GROUP_CREATOR_PERMISSION]) || hasCreatorWithReadAll()\r\nexport const hasApproverPermissions = () => hasPermissions([GROUP_APPROVER_PERMISSION]) || hasPermissions([GROUP_APPROVER_READ_ONLY_PERMISSION])\r\nexport const hasIssuerPermissions = () => hasPermissions([GROUP_ISSUER_PERMISSION]) || hasPermissions([GROUP_ISSUER_READ_ONLY_PERMISSION])\r\nexport const hasGroupViewPermission = () => hasPermissions([GROUP_VIEW_PERMISSION])\r\nexport const hasVoucherTransferPermission = () => hasPermissions([VOUCHER_TRANSFER_EV])\r\n\r\nexport const maskContactNo = contactNo => {\r\n\tlet rs = ''\r\n\tfor (let i = 0; i < contactNo.length; i++) {\r\n\t\tif (i < 3) {\r\n\t\t\trs += contactNo[i]\r\n\t\t\tcontinue\r\n\t\t}\r\n\t\tif (i < contactNo.length - 4) {\r\n\t\t\trs += 'X'\r\n\t\t} else {\r\n\t\t\trs += contactNo[i]\r\n\t\t}\r\n\t}\r\n\treturn rs\r\n}\r\n\r\nexport const getCurrentCampaign = campaignPeriods => {\r\n\tlet now = moment()\r\n\tfor (let i = 0; i < campaignPeriods.length; i++) {\r\n\t\tif (now.isAfter(moment(campaignPeriods[i].startDate)) && now.isBefore(moment(campaignPeriods[i].endDate))) {\r\n\t\t\treturn campaignPeriods[i]\r\n\t\t}\r\n\t}\r\n}\r\n\r\nexport const myaxios = async (type, url, data, header) => {\r\n\tif (type === 'get') {\r\n\t\tconst rs = await axios.get(baseURL + url, data).catch(e => {\r\n\t\t\tif (!checkValidStatusCode(e.response.status)) {\r\n\t\t\t\tconst {\r\n\t\t\t\t\tresponse: {\r\n\t\t\t\t\t\tdata: {\r\n\t\t\t\t\t\t\terror: { message }\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t} = e\r\n\t\t\t\treturn { data: { success: false, error: { message } } }\r\n\t\t\t}\r\n\t\t\treturn { data: { success: false, error: { message: e.response.status + ' Unexpected error' } } }\r\n\t\t})\r\n\t\tif (!rs.data) {\r\n\t\t\treturn { success: false, message: 'No data from server' }\r\n\t\t}\r\n\t\tif (rs.data.success) {\r\n\t\t\treturn { success: true, message: '', data: rs.data }\r\n\t\t} else {\r\n\t\t\treturn { success: false, message: rs.data.error.message }\r\n\t\t}\r\n\t}\r\n\tif (type === 'post') {\r\n\t\tconst rs = await axios.post(baseURL + url, data, header).catch(e => {\r\n\t\t\tif (!checkValidStatusCode(e.response.status)) {\r\n\t\t\t\tconst {\r\n\t\t\t\t\tresponse: {\r\n\t\t\t\t\t\tdata: {\r\n\t\t\t\t\t\t\terror: { message }\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t} = e\r\n\t\t\t\treturn { data: { success: false, error: { message } } }\r\n\t\t\t}\r\n\t\t\treturn { data: { success: false, error: { message: e.response.status + ' Unexpected error' } } }\r\n\t\t})\r\n\t\tif (!rs.data) {\r\n\t\t\treturn { success: false, message: 'No data from server' }\r\n\t\t}\r\n\t\tif (rs.data.success) {\r\n\t\t\treturn { success: true, message: '', data: rs.data }\r\n\t\t} else {\r\n\t\t\treturn { success: false, message: rs.data.error.message }\r\n\t\t}\r\n\t}\r\n}\r\n\r\nexport const objHasData = obj => {\r\n\treturn Object.keys(obj).length > 0\r\n}\r\n\r\n// Takes a origObj, and newObj. Spread newObj recursively onto origObj\r\nexport const spreadObj = (origObj, newObj) => {\r\n\tconst newOrig = { ...origObj }\r\n\tfor (let k in newObj) {\r\n\t\tif (newObj.hasOwnProperty(k)) {\r\n\t\t\tif (typeof newObj[k] !== 'object') {\r\n\t\t\t\tnewOrig[k] = newObj[k]\r\n\t\t\t} else {\r\n\t\t\t\tif (Array.isArray(newObj[k])) {\r\n\t\t\t\t\tnewOrig[k] = [...newObj[k]]\r\n\t\t\t\t} else {\r\n\t\t\t\t\tnewOrig[k] = { ...spreadObj(origObj[k], newObj[k]) }\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\treturn newOrig\r\n}\r\n\r\n/**\r\n * Expects obj from auditLogDuck: entitiyChangePropertyList\r\n */\r\nexport const toHumanFriendlyMessage = obj => {\r\n\tswitch (obj.propertyName) {\r\n\t\tcase 'SubmittedBy':\r\n\t\t\tif (obj.originalValue === null && !!obj.newValue) {\r\n\t\t\t\treturn `${obj.userName} has uploaded group`\r\n\t\t\t}\r\n\t\t\tbreak\r\n\r\n\t\tcase 'Submitted':\r\n\t\t\tif (obj.originalValue === 'false' && obj.newValue === 'true') {\r\n\t\t\t\treturn `${obj.entityType} (${obj.entityDisplayName}) - ${obj.userName} has submitted group for approval`\r\n\t\t\t}\r\n\t\t\tbreak\r\n\r\n\t\tcase 'Approval':\r\n\t\t\tif (obj.originalValue === 'false' && obj.newValue === 'true') {\r\n\t\t\t\treturn `${obj.userName} has approved group`\r\n\t\t\t}\r\n\t\t\tif (obj.originalValue === 'true' && obj.newValue === 'false') {\r\n\t\t\t\treturn `${obj.userName} has unapproved group`\r\n\t\t\t}\r\n\t\t\tbreak\r\n\r\n\t\tcase 'Rejected':\r\n\t\t\tif (obj.originalValue === 'false' && obj.newValue === 'true') {\r\n\t\t\t\treturn `${obj.userName} has rejected group`\r\n\t\t\t}\r\n\t\t\tbreak\r\n\r\n\t\tcase 'Redemption':\r\n\t\t\tif (obj.originalValue === 'false' && obj.newValue === 'true') {\r\n\t\t\t\treturn `${obj.userName} has processed group redemption`\r\n\t\t\t}\r\n\t\t\tbreak\r\n\r\n\t\tcase 'IsDeleted':\r\n\t\t\tif (obj.originalValue === 'false' && obj.newValue === 'true') {\r\n\t\t\t\treturn `${obj.userName} has deleted group`\r\n\t\t\t}\r\n\t\t\tbreak\r\n\r\n\t\tcase 'RefNo':\r\n\t\t\tif (obj.originalValue === null && !!obj.newValue) {\r\n\t\t\t\treturn `${obj.userName} has started this record`\r\n\t\t\t}\r\n\t\t\tbreak\r\n\r\n\t\tcase 'CreatorId':\r\n\t\t\tif (obj.originalValue === null && !!obj.newValue) {\r\n\t\t\t\treturn `${obj.userName} has created this transaction`\r\n\t\t\t}\r\n\t\t\tbreak\r\n\r\n\t\tcase 'RedeemerId':\r\n\t\t\tif (obj.originalValue === null && !!obj.newValue) {\r\n\t\t\t\treturn `${obj.userName} has redeemed this transaction`\r\n\t\t\t}\r\n\t\t\tbreak\r\n\r\n\t\tdefault:\r\n\t\t\tif (obj.propertyTypeFullName === 'System.DateTime') {\r\n\t\t\t\treturn `${obj.entityType} (${obj.entityDisplayName}) - ${obj.propertyName} change from ${obj.originalValue} to ${obj.newValue}`\r\n\t\t\t} else {\r\n\t\t\t\treturn `${obj.entityType} (${obj.entityDisplayName}) - ${obj.propertyName} change from ${obj.originalValue} to ${obj.newValue}`\r\n\t\t\t}\r\n\t}\r\n}\r\n\r\nexport const encrypt = string => {\r\n\tlet key_256 = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31]\r\n\tconst textBytes = aesjs.utils.utf8.toBytes(string)\r\n\tlet aesCtr = new aesjs.ModeOfOperation.ctr(key_256)\r\n\tconst encryptedBytes = aesCtr.encrypt(textBytes)\r\n\treturn aesjs.utils.hex.fromBytes(encryptedBytes)\r\n}\r\n\r\nexport const decrypt = enString => {\r\n\tlet key_256 = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31]\r\n\tconst enBytes = aesjs.utils.hex.toBytes(enString)\r\n\tlet aesCtr = new aesjs.ModeOfOperation.ctr(key_256)\r\n\tconst decryptedBytes = aesCtr.decrypt(enBytes)\r\n\treturn aesjs.utils.utf8.fromBytes(decryptedBytes)\r\n}\r\n\r\nexport const parseFullCardNoWithPrefix = cardNo => {\r\n\tif (cardNo && cardNo.length >= 24) {\r\n\t\tif (!cardNo.startsWith('0000')) return ''\r\n\t\treturn cardNo.substr(0, 19)\r\n\t}\r\n\r\n\treturn cardNo\r\n}\r\n\r\nexport const parseFullCardNo = cardNo => {\r\n\tif (cardNo && cardNo.length >= 24) {\r\n\t\tif (!cardNo.startsWith('0000')) return ''\r\n\t\treturn cardNo.substr(13, 6)\r\n\t}\r\n\r\n\treturn cardNo\r\n}\r\n","export const LOCAL_STORAGE_LAST_ACTION_TIME = \"lastActionTime\";\r\nexport const LOCAL_STORAGE_BROWSER_CLOSE_TIME = \"browserCloseTime\";\r\nexport const LOCAL_STORAGE_LOGIN_TIME = \"loginTime\";\r\nexport const USER_POS = \"userPos\";\r\nexport const USER_ID = \"userId\";\r\nexport const USER_NAME = \"username\";\r\nexport const PERMISSIONS = \"cmyk\";\r\nexport const SHOULD_CHANGE_PASSWORD = \"pood1\";\r\nexport const LAST_LOGIN_DATETIME = \"lastlogintime\";\r\nexport const FAILED_ACCESS_COUNT = \"failedaccesscounts\";","import axios from 'axios'\r\nimport { getSettings } from '../config/config'\r\nimport { getCurrentAuthHeader, encrypt } from '../helpers/utilities'\r\nimport { USER_ID, PERMISSIONS, USER_POS, SHOULD_CHANGE_PASSWORD, LAST_LOGIN_DATETIME, FAILED_ACCESS_COUNT } from '../constants/localStorageType'\r\nimport { checkValidStatusCode } from '../helpers/httpHelper'\r\n\r\nlet settings = getSettings();\r\nlet baseURL = settings.baseURL;\r\n\r\nconst IS_LOGGINGIN = 'IS_LOGGINGIN'\r\nconst IS_LOGGEDIN = 'IS_LOGGEDIN'\r\nconst LOGIN_FAILED = 'LOGIN_FAILED'\r\nconst UPDATE_AUTH_DUCK = 'UPDATE_AUTH_DUCK'\r\nconst SHOULD_CHANGE_PASSWORD_SUCCESS = 'SHOULD_CHANGE_PASSWORD_SUCCESS'\r\nconst UPDATE_MULTIPLE_AUTH_PROPERTIES = 'UPDATE_MULTIPLE_AUTH_PROPERTIES'\r\n\r\nexport const login = (usernameOrEmailAddress, password) => async dispatch => {\r\n\tdispatch(isLoggingin())\r\n\r\n\tconst rs = await axios\r\n\t\t.post(baseURL + '/Account/Login', {\r\n\t\t\tusernameOrEmailAddress,\r\n\t\t\tpassword\r\n\t\t})\r\n\t\t.catch(e => dispatch(loginFailed(e)))\r\n\tif (rs.data.success) {\r\n\t\tlocalStorage.setItem('accessToken', rs.data.result.accessToken)\r\n\t\tlocalStorage.setItem('username', usernameOrEmailAddress)\r\n\r\n\t\tconst authHeader = { headers: { Authorization: 'Bearer ' + rs.data.result.accessToken } }\r\n\t\tconst rs2 = await axios.get(baseURL + '/Account/GetUserProfile', authHeader).catch(e => {\r\n\t\t\tif (!checkValidStatusCode(e.response.status)) {\r\n\t\t\t\tconst {\r\n\t\t\t\t\tresponse: {\r\n\t\t\t\t\t\tdata: {\r\n\t\t\t\t\t\t\terror: { message }\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t} = e\r\n\t\t\t\treturn { data: { success: false, error: { message } } }\r\n\t\t\t}\r\n\t\t\treturn { data: { success: false, error: { message: e.response.status + ' Unexpected error' } } }\r\n\t\t})\r\n\r\n\t\tif (rs2.data.success) {\r\n\t\t\tlocalStorage.setItem(USER_ID, rs.data.result.userId)\r\n\t\t\tlocalStorage.setItem(PERMISSIONS, encrypt(JSON.stringify(rs2.data.result.permissions)))\r\n\t\t\tlocalStorage.setItem(USER_POS, rs2.data.result.pos || '');\r\n\t\t\tlocalStorage.setItem(LAST_LOGIN_DATETIME, rs2.data.result.lastLoginTime);\r\n\t\t\tlocalStorage.setItem(FAILED_ACCESS_COUNT, rs2.data.result.failedLoginAttempts);\r\n\t\t\tconst params = { params: { userName: rs2.data.result.userName }, ...authHeader, timeout: 10 * 60 * 1000 }\r\n\r\n\t\t\tconst rs3 = await axios.post(\r\n\t\t\t\tbaseURL + '/Account/ShouldChangePassword',\r\n\t\t\t\t{ userName: rs2.data.result.emailAddress }, authHeader\r\n\t\t\t).catch(e => {\r\n\t\t\t\tif (!checkValidStatusCode(e.response.status)) {\r\n\t\t\t\t\tconst {\r\n\t\t\t\t\t\tresponse: {\r\n\t\t\t\t\t\t\tdata: {\r\n\t\t\t\t\t\t\t\terror: { message }\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t} = e\r\n\t\t\t\t\treturn { data: { success: false, error: { message } } }\r\n\t\t\t\t}\r\n\t\t\t\treturn { data: { success: false, error: { message: e.response.status + ' Unexpected error' } } }\r\n\t\t\t})\r\n\r\n\t\t\tif (rs3.data.success) {\r\n\t\t\t\tdispatch({ type: SHOULD_CHANGE_PASSWORD_SUCCESS, rs: rs3 })\r\n\r\n\t\t\t\tdispatch(isLoggedin(rs, usernameOrEmailAddress))\r\n\t\t\t\treturn { success: true, message: '' }\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\tdispatch(loginFailed(rs.data.error.message))\r\n\treturn { success: false, message: rs.data.error.message }\r\n}\r\n\r\nconst isLoggingin = () => ({\r\n\ttype: IS_LOGGINGIN\r\n})\r\n\r\nconst isLoggedin = (rs, usernameOrEmailAddress) => ({\r\n\ttype: IS_LOGGEDIN,\r\n\trs,\r\n\tusernameOrEmailAddress\r\n})\r\n\r\nconst loginFailed = message => ({\r\n\ttype: LOGIN_FAILED,\r\n\tmessage\r\n})\r\n\r\nexport const updateAuthDuck = (k, v) => ({\r\n\ttype: UPDATE_AUTH_DUCK,\r\n\tk,\r\n\tv\r\n})\r\n\r\nexport const updateMultipleAuthProperties = propertiesToUpdate => ({\r\n\ttype: UPDATE_MULTIPLE_AUTH_PROPERTIES,\r\n\tpropertiesToUpdate\r\n})\r\n\r\nexport const forgotPassword = data => async dispatch => {\r\n\tdispatch(_forgotPasswordIsLoading())\r\n\r\n\tconst rs = await axios.post(baseURL + '/Account/ForgotPassword', data).catch(e => {\r\n\t\tif (!checkValidStatusCode(e.response.status)) {\r\n\t\t\tconst {\r\n\t\t\t\tresponse: {\r\n\t\t\t\t\tdata: {\r\n\t\t\t\t\t\terror: { message }\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t} = e\r\n\t\t\treturn { data: { success: false, error: { message } } }\r\n\t\t}\r\n\t\treturn { data: { success: false, error: { message: e.response.status + ' Unexpected error' } } }\r\n\t})\r\n\tif (!rs.data) {\r\n\t\tdispatch(_forgotPasswordFail())\r\n\t\treturn { success: false, message: 'No data from server' }\r\n\t}\r\n\tif (rs.data.success) {\r\n\t\tdispatch(_forgotPasswordSuccess(rs))\r\n\t\treturn { success: true, message: '' }\r\n\t} else {\r\n\t\tdispatch(_forgotPasswordFail())\r\n\t\treturn { success: false, message: rs.data.error.message }\r\n\t}\r\n}\r\n\r\nconst FORGOT_PASSWORD_IS_LOADING = 'FORGOT_PASSWORD_IS_LOADING'\r\nconst FORGOT_PASSWORD_SUCCESS = 'FORGOT_PASSWORD_SUCCESS'\r\nconst FORGOT_PASSWORD_FAIL = 'FORGOT_PASSWORD_FAIL'\r\n\r\nconst _forgotPasswordIsLoading = () => ({\r\n\ttype: FORGOT_PASSWORD_IS_LOADING\r\n})\r\n\r\nconst _forgotPasswordSuccess = rs => ({\r\n\ttype: FORGOT_PASSWORD_SUCCESS,\r\n\trs\r\n})\r\n\r\nconst _forgotPasswordFail = () => ({\r\n\ttype: FORGOT_PASSWORD_FAIL\r\n})\r\n\r\nexport const changePassword = data => async dispatch => {\r\n\tdispatch(_changePasswordIsLoading())\r\n\r\n\tconst rs = await axios.post(baseURL + '/Account/ChangePassword', data, getCurrentAuthHeader()).catch(e => {\r\n\t\tif (!checkValidStatusCode(e.response.status)) {\r\n\t\t\tconst {\r\n\t\t\t\tresponse: {\r\n\t\t\t\t\tdata: {\r\n\t\t\t\t\t\terror: { message }\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t} = e\r\n\t\t\treturn { data: { success: false, error: { message } } }\r\n\t\t}\r\n\t\treturn { data: { success: false, error: { message: e.response.status + ' Unexpected error' } } }\r\n\t})\r\n\tif (!rs.data) {\r\n\t\tdispatch(_changePasswordFail())\r\n\t\treturn { success: false, message: 'No data from server' }\r\n\t}\r\n\tif (rs.data.success) {\r\n\t\tdispatch(_changePasswordSuccess(rs))\r\n\t\treturn { success: true, message: '' }\r\n\t} else {\r\n\t\tdispatch(_changePasswordFail())\r\n\t\treturn { success: false, message: rs.data.error.message }\r\n\t}\r\n}\r\n\r\nconst CHANGE_PASSWORD_IS_LOADING = 'CHANGE_PASSWORD_IS_LOADING'\r\nconst CHANGE_PASSWORD_SUCCESS = 'CHANGE_PASSWORD_SUCCESS'\r\nconst CHANGE_PASSWORD_FAIL = 'CHANGE_PASSWORD_FAIL'\r\n\r\nconst _changePasswordIsLoading = () => ({\r\n\ttype: CHANGE_PASSWORD_IS_LOADING\r\n})\r\n\r\nconst _changePasswordSuccess = rs => ({\r\n\ttype: CHANGE_PASSWORD_SUCCESS,\r\n\trs\r\n})\r\n\r\nconst _changePasswordFail = () => ({\r\n\ttype: CHANGE_PASSWORD_FAIL\r\n})\r\n\r\nexport const authSendOtp = data => async dispatch => {\r\n\tdispatch(_authSendOtpIsLoading())\r\n\r\n\tconst rs = await axios.post(baseURL + '/Account/SendOtp', data).catch(e => {\r\n\t\tif (!checkValidStatusCode(e.response.status)) {\r\n\t\t\tconst {\r\n\t\t\t\tresponse: {\r\n\t\t\t\t\tdata: {\r\n\t\t\t\t\t\terror: { message }\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t} = e\r\n\t\t\treturn { data: { success: false, error: { message } } }\r\n\t\t}\r\n\t\treturn { data: { success: false, error: { message: e.response.status + ' Unexpected error' } } }\r\n\t})\r\n\tif (!rs.data) {\r\n\t\tdispatch(_authSendOtpFail())\r\n\t\treturn { success: false, message: 'No data from server' }\r\n\t}\r\n\tif (rs.data.success) {\r\n\t\tdispatch(_authSendOtpSuccess(rs))\r\n\t\treturn { success: true, message: '' }\r\n\t} else {\r\n\t\tdispatch(_authSendOtpFail())\r\n\t\treturn { success: false, message: rs.data.error.message }\r\n\t}\r\n}\r\n\r\nconst AUTH_SEND_OTP_IS_LOADING = 'AUTH_SEND_OTP_IS_LOADING'\r\nconst AUTH_SEND_OTP_SUCCESS = 'AUTH_SEND_OTP_SUCCESS'\r\nconst AUTH_SEND_OTP_FAIL = 'AUTH_SEND_OTP_FAIL'\r\n\r\nconst _authSendOtpIsLoading = () => ({\r\n\ttype: AUTH_SEND_OTP_IS_LOADING\r\n})\r\n\r\nconst _authSendOtpSuccess = rs => ({\r\n\ttype: AUTH_SEND_OTP_SUCCESS,\r\n\trs\r\n})\r\n\r\nconst _authSendOtpFail = () => ({\r\n\ttype: AUTH_SEND_OTP_FAIL\r\n})\r\n\r\nexport const authSendEmailOtp = data => async dispatch => {\r\n\tdispatch(_authSendEmailOtpIsLoading())\r\n\r\n\tconst rs = await axios.post(baseURL + '/Account/SendEmailOtp', data).catch(e => {\r\n\t\tif (!checkValidStatusCode(e.response.status)) {\r\n\t\t\tconst {\r\n\t\t\t\tresponse: {\r\n\t\t\t\t\tdata: {\r\n\t\t\t\t\t\terror: { message }\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t} = e\r\n\t\t\treturn { data: { success: false, error: { message } } }\r\n\t\t}\r\n\t\treturn { data: { success: false, error: { message: e.response.status + ' Unexpected error' } } }\r\n\t})\r\n\r\n\tif (!rs.data) {\r\n\t\tdispatch(_authSendEmailOtpFail())\r\n\t\treturn { success: false, message: 'No data from server' }\r\n\t}\r\n\r\n\tif (rs.data.success) {\r\n\t\tdispatch(_authSendEmailOtpSuccess())\r\n\t\treturn { success: true, message: '' }\r\n\t} else {\r\n\t\tdispatch(_authSendEmailOtpFail())\r\n\t\treturn { success: false, message: rs.data.error.message }\r\n\t}\r\n}\r\n\r\nconst AUTH_SEND_EMAIL_OTP_IS_LOADING = 'AUTH_SEND_EMAIL_OTP_IS_LOADING'\r\nconst AUTH_SEND_EMAIL_OTP_SUCCESS = 'AUTH_SEND_EMAIL_OTP_SUCCESS'\r\nconst AUTH_SEND_EMAIL_OTP_FAIL = 'AUTH_SEND_EMAIL_OTP_FAIL'\r\n\r\nconst _authSendEmailOtpIsLoading = () => ({\r\n\ttype: AUTH_SEND_EMAIL_OTP_IS_LOADING\r\n})\r\n\r\nconst _authSendEmailOtpSuccess = () => ({\r\n\ttype: AUTH_SEND_EMAIL_OTP_SUCCESS\r\n})\r\n\r\nconst _authSendEmailOtpFail = () => ({\r\n\ttype: AUTH_SEND_EMAIL_OTP_FAIL\r\n})\r\n\r\nconst AUTH_AUTHENTICATE_WITH_EMAIL_OTP_IS_LOADING = 'AUTH_AUTHENTICATE_WITH_EMAIL_OTP_IS_LOADING'\r\nconst AUTH_AUTHENTICATE_WITH_EMAIL_OTP_SUCCESS = 'AUTH_AUTHENTICATE_WITH_EMAIL_OTP_SUCCESS'\r\nconst AUTH_AUTHENTICATE_WITH_EMAIL_OTP_FAIL = 'AUTH_AUTHENTICATE_WITH_EMAIL_OTP_FAIL'\r\n\r\nconst _authAuthenticateWithEmailOtpIsLoading = () => ({\r\n\ttype: AUTH_AUTHENTICATE_WITH_EMAIL_OTP_IS_LOADING\r\n})\r\n\r\nconst _authAuthenticateWithEmailOtpSuccess = () => ({\r\n\ttype: AUTH_AUTHENTICATE_WITH_EMAIL_OTP_SUCCESS\r\n})\r\n\r\nconst _authAuthenticateWithEmailOtpFail = () => ({\r\n\ttype: AUTH_AUTHENTICATE_WITH_EMAIL_OTP_FAIL\r\n})\r\n\r\nexport const authAuthenticateWithEmailOtp = data => async dispatch => {\r\n\tdispatch(_authAuthenticateWithEmailOtpIsLoading())\r\n\r\n\tconst rs = await axios.post(baseURL + '/Account/AuthenticateWithEmailOtp', data).catch(e => {\r\n\t\tif (!checkValidStatusCode(e.response.status)) {\r\n\t\t\tconst {\r\n\t\t\t\tresponse: {\r\n\t\t\t\t\tdata: {\r\n\t\t\t\t\t\terror: { message }\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t} = e\r\n\t\t\treturn { data: { success: false, error: { message } } }\r\n\t\t}\r\n\t\treturn { data: { success: false, error: { message: e.response.status + ' Unexpected error' } } }\r\n\t})\r\n\r\n\tif (!rs.data) {\r\n\t\tdispatch(_authAuthenticateWithEmailOtpFail())\r\n\t\treturn { success: false, message: 'No data from server' }\r\n\t}\r\n\r\n\tif (rs.data.success) {\r\n\t\tlocalStorage.setItem('accessToken', rs.data.result.accessToken)\r\n\t\tlocalStorage.setItem('username', data.usernameOrEmailAddress)\r\n\r\n\t\tconst authHeader = { headers: { Authorization: 'Bearer ' + rs.data.result.accessToken } }\r\n\t\tconst rs2 = await axios.get(baseURL + '/Account/GetUserProfile', authHeader).catch(e => {\r\n\t\t\tif (!checkValidStatusCode(e.response.status)) {\r\n\t\t\t\tconst {\r\n\t\t\t\t\tresponse: {\r\n\t\t\t\t\t\tdata: {\r\n\t\t\t\t\t\t\terror: { message }\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t} = e\r\n\t\t\t\treturn { data: { success: false, error: { message } } }\r\n\t\t\t}\r\n\t\t\treturn { data: { success: false, error: { message: e.response.status + ' Unexpected error' } } }\r\n\t\t})\r\n\r\n\t\tif (rs2.data.success) {\r\n\t\t\tlocalStorage.setItem(USER_ID, rs.data.result.userId)\r\n\t\t\t//localStorage.setItem(PERMISSIONS, JSON.stringify(rs2.data.result.permissions))\r\n\t\t\tlocalStorage.setItem(PERMISSIONS, encrypt(JSON.stringify(rs2.data.result.permissions)))\r\n\t\t\tlocalStorage.setItem(USER_POS, rs2.data.result.pos || '')\r\n\t\t\tlocalStorage.setItem(LAST_LOGIN_DATETIME, rs2.data.result.lastLoginTime);\r\n\t\t\tlocalStorage.setItem(FAILED_ACCESS_COUNT, rs2.data.result.failedLoginAttempts);\r\n\t\t\tconst data = { userName: rs2.data.result.userName }\r\n\t\t\tconst rs3 = await axios.post(baseURL + '/Account/ShouldChangePassword', data, authHeader).catch(e => {\r\n\t\t\t\tif (!checkValidStatusCode(e.response.status)) {\r\n\t\t\t\t\tconst {\r\n\t\t\t\t\t\tresponse: {\r\n\t\t\t\t\t\t\tdata: {\r\n\t\t\t\t\t\t\t\terror: { message }\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t} = e\r\n\t\t\t\t\treturn { data: { success: false, error: { message } } }\r\n\t\t\t\t}\r\n\t\t\t\treturn { data: { success: false, error: { message: e.response.status + ' Unexpected error' } } }\r\n\t\t\t})\r\n\r\n\t\t\tif (rs3.data.success) {\r\n\t\t\t\tdispatch({ type: SHOULD_CHANGE_PASSWORD_SUCCESS, rs: rs3 })\r\n\r\n\t\t\t\tdispatch(_authAuthenticateWithEmailOtpSuccess())\r\n\t\t\t\treturn { success: true, message: '' }\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn { success: true, message: '' }\r\n\t} else {\r\n\t\tdispatch(_authAuthenticateWithEmailOtpFail())\r\n\t\treturn { success: false, message: rs.data.error.message }\r\n\t}\r\n}\r\n\r\nexport const authAuthenticateWithOtp = data => async dispatch => {\r\n\tdispatch(_authAuthenticateWithOtpIsLoading())\r\n\r\n\tconst rs = await axios.post(baseURL + '/Account/AuthenticateWithOtp', data).catch(e => {\r\n\t\tif (!checkValidStatusCode(e.response.status)) {\r\n\t\t\tconst {\r\n\t\t\t\tresponse: {\r\n\t\t\t\t\tdata: {\r\n\t\t\t\t\t\terror: { message }\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t} = e\r\n\t\t\treturn { data: { success: false, error: { message } } }\r\n\t\t}\r\n\t\treturn { data: { success: false, error: { message: e.response.status + ' Unexpected error' } } }\r\n\t})\r\n\tif (!rs.data) {\r\n\t\tdispatch(_authAuthenticateWithOtpFail())\r\n\t\treturn { success: false, message: 'No data from server' }\r\n\t}\r\n\tif (rs.data.success) {\r\n\t\tlocalStorage.setItem('accessToken', rs.data.result.accessToken)\r\n\t\tlocalStorage.setItem('username', data.usernameOrEmailAddress)\r\n\r\n\t\tconst authHeader = { headers: { Authorization: 'Bearer ' + rs.data.result.accessToken } }\r\n\t\tconst rs2 = await axios.get(baseURL + '/Account/GetUserProfile', authHeader).catch(e => {\r\n\t\t\tif (!checkValidStatusCode(e.response.status)) {\r\n\t\t\t\tconst {\r\n\t\t\t\t\tresponse: {\r\n\t\t\t\t\t\tdata: {\r\n\t\t\t\t\t\t\terror: { message }\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t} = e\r\n\t\t\t\treturn { data: { success: false, error: { message } } }\r\n\t\t\t}\r\n\t\t\treturn { data: { success: false, error: { message: e.response.status + ' Unexpected error' } } }\r\n\t\t})\r\n\r\n\t\tif (rs2.data.success) {\r\n\t\t\tlocalStorage.setItem(USER_ID, rs.data.result.userId)\r\n\t\t\t//localStorage.setItem(PERMISSIONS, JSON.stringify(rs2.data.result.permissions))\r\n\t\t\tlocalStorage.setItem(PERMISSIONS, encrypt(JSON.stringify(rs2.data.result.permissions)))\r\n\t\t\tlocalStorage.setItem(USER_POS, rs2.data.result.pos || '')\r\n\t\t\tlocalStorage.setItem(LAST_LOGIN_DATETIME, rs2.data.result.lastLoginTime);\r\n\t\t\tlocalStorage.setItem(FAILED_ACCESS_COUNT, rs2.data.result.failedLoginAttempts);\r\n\t\t\tconst data = { userName: rs2.data.result.userName }\r\n\t\t\tconst rs3 = await axios.post(baseURL + '/Account/ShouldChangePassword', data, authHeader).catch(e => {\r\n\t\t\t\tif (!checkValidStatusCode(e.response.status)) {\r\n\t\t\t\t\tconst {\r\n\t\t\t\t\t\tresponse: {\r\n\t\t\t\t\t\t\tdata: {\r\n\t\t\t\t\t\t\t\terror: { message }\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t} = e\r\n\t\t\t\t\treturn { data: { success: false, error: { message } } }\r\n\t\t\t\t}\r\n\t\t\t\treturn { data: { success: false, error: { message: e.response.status + ' Unexpected error' } } }\r\n\t\t\t})\r\n\r\n\t\t\tif (rs3.data.success) {\r\n\t\t\t\tdispatch({ type: SHOULD_CHANGE_PASSWORD_SUCCESS, rs: rs3 })\r\n\r\n\t\t\t\tdispatch(_authAuthenticateWithOtpSuccess(rs))\r\n\t\t\t\treturn { success: true, message: '' }\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn { success: true, message: '' }\r\n\t} else {\r\n\t\tdispatch(_authAuthenticateWithOtpFail())\r\n\t\treturn { success: false, message: rs.data.error.message }\r\n\t}\r\n}\r\n\r\nconst AUTH_AUTHENTICATE_WITH_OTP_IS_LOADING = 'AUTH_AUTHENTICATE_WITH_OTP_IS_LOADING'\r\nconst AUTH_AUTHENTICATE_WITH_OTP_SUCCESS = 'AUTH_AUTHENTICATE_WITH_OTP_SUCCESS'\r\nconst AUTH_AUTHENTICATE_WITH_OTP_FAIL = 'AUTH_AUTHENTICATE_WITH_OTP_FAIL'\r\n\r\nconst _authAuthenticateWithOtpIsLoading = () => ({\r\n\ttype: AUTH_AUTHENTICATE_WITH_OTP_IS_LOADING\r\n})\r\n\r\nconst _authAuthenticateWithOtpSuccess = rs => ({\r\n\ttype: AUTH_AUTHENTICATE_WITH_OTP_SUCCESS,\r\n\trs\r\n})\r\n\r\nconst _authAuthenticateWithOtpFail = () => ({\r\n\ttype: AUTH_AUTHENTICATE_WITH_OTP_FAIL\r\n})\r\n\r\nconst initState = {\r\n\tisLoggedIn: null,\r\n\tisLoggingIn: false,\r\n\tloginFailedReason: null,\r\n\tforgotPasswordIsLoading: false,\r\n\tchangePasswordIsLoading: false,\r\n\tauthSendOtpIsLoading: false,\r\n\tuid: '',\r\n\tcontactNo: '',\r\n\tauthAuthenticateWithOtpIsLoading: false,\r\n\tshouldChangePassword: false\r\n}\r\n\r\nconst authDuck = (state = initState, action) => {\r\n\tswitch (action.type) {\r\n\t\tcase IS_LOGGINGIN:\r\n\t\t\treturn { ...state, isLoggingIn: true, isLoggedIn: null, loginFailedReason: null }\r\n\r\n\t\tcase IS_LOGGEDIN:\r\n\t\t\treturn { ...state, isLoggingIn: false, isLoggedIn: true }\r\n\r\n\t\tcase LOGIN_FAILED:\r\n\t\t\treturn { ...state, isLoggingIn: false, isLoggedIn: false, loginFailedReason: action.message }\r\n\r\n\t\tcase UPDATE_AUTH_DUCK:\r\n\t\t\treturn { ...state, [action.k]: action.v }\r\n\r\n\t\tcase UPDATE_MULTIPLE_AUTH_PROPERTIES:\r\n\t\t\tlet clonedState = { ...state }\r\n\t\t\taction.propertiesToUpdate.forEach(update => (clonedState[update.key] = update.value))\r\n\t\t\treturn { ...clonedState }\r\n\r\n\t\tcase FORGOT_PASSWORD_IS_LOADING:\r\n\t\t\treturn { ...state, forgotPasswordIsLoading: true }\r\n\r\n\t\tcase FORGOT_PASSWORD_SUCCESS:\r\n\t\t\treturn { ...state, forgotPasswordIsLoading: false }\r\n\r\n\t\tcase FORGOT_PASSWORD_FAIL:\r\n\t\t\treturn { ...state, forgotPasswordIsLoading: false }\r\n\r\n\t\tcase CHANGE_PASSWORD_IS_LOADING:\r\n\t\t\treturn { ...state, changePasswordIsLoading: true }\r\n\r\n\t\tcase CHANGE_PASSWORD_SUCCESS:\r\n\t\t\tlocalStorage.removeItem(SHOULD_CHANGE_PASSWORD)\r\n\t\t\treturn { ...state, changePasswordIsLoading: false, shouldChangePassword: false }\r\n\r\n\t\tcase CHANGE_PASSWORD_FAIL:\r\n\t\t\treturn { ...state, changePasswordIsLoading: false }\r\n\r\n\t\tcase AUTH_SEND_OTP_IS_LOADING:\r\n\t\t\treturn { ...state, authSendOtpIsLoading: true }\r\n\r\n\t\tcase AUTH_SEND_OTP_SUCCESS:\r\n\t\t\tconst { uid, contactNo } = action.rs.data.result\r\n\t\t\treturn { ...state, authSendOtpIsLoading: false, uid, contactNo }\r\n\r\n\t\tcase AUTH_SEND_OTP_FAIL:\r\n\t\t\treturn { ...state, authSendOtpIsLoading: false }\r\n\r\n\t\tcase AUTH_SEND_EMAIL_OTP_IS_LOADING:\r\n\t\t\treturn { ...state, authSendOtpIsLoading: true }\r\n\r\n\t\tcase AUTH_SEND_EMAIL_OTP_SUCCESS:\r\n\t\t\treturn { ...state, authSendOtpIsLoading: false }\r\n\r\n\t\tcase AUTH_SEND_EMAIL_OTP_FAIL:\r\n\t\t\treturn { ...state, authSendOtpIsLoading: false }\r\n\r\n\t\tcase AUTH_AUTHENTICATE_WITH_OTP_IS_LOADING:\r\n\t\t\treturn { ...state, authAuthenticateWithOtpIsLoading: true }\r\n\r\n\t\tcase AUTH_AUTHENTICATE_WITH_OTP_SUCCESS:\r\n\t\t\treturn { ...state, authAuthenticateWithOtpIsLoading: false, isLoggedIn: true }\r\n\r\n\t\tcase AUTH_AUTHENTICATE_WITH_OTP_FAIL:\r\n\t\t\treturn { ...state, authAuthenticateWithOtpIsLoading: false }\r\n\r\n\t\tcase AUTH_AUTHENTICATE_WITH_EMAIL_OTP_IS_LOADING:\r\n\t\t\treturn { ...state, authAuthenticateWithOtpIsLoading: true }\r\n\r\n\t\tcase AUTH_AUTHENTICATE_WITH_EMAIL_OTP_SUCCESS:\r\n\t\t\treturn { ...state, authAuthenticateWithOtpIsLoading: false, isLoggedIn: true }\r\n\r\n\t\tcase AUTH_AUTHENTICATE_WITH_EMAIL_OTP_FAIL:\r\n\t\t\treturn { ...state, authAuthenticateWithOtpIsLoading: false }\r\n\r\n\t\tcase SHOULD_CHANGE_PASSWORD_SUCCESS:\r\n\t\t\tlet shouldChangePassword = action.rs.data.result.shouldChange\r\n\t\t\tlocalStorage.setItem(SHOULD_CHANGE_PASSWORD, encrypt(JSON.stringify(action.rs.data.result)))\r\n\t\t\treturn { ...state, shouldChangePassword: shouldChangePassword }\r\n\r\n\t\tdefault:\r\n\t\t\treturn state\r\n\t}\r\n}\r\n\r\nexport default authDuck\r\n","import React, {Component} from 'react'\r\nimport {withStyles, CircularProgress} from '@material-ui/core'\r\n\r\nclass LoadingContainer extends Component {\r\n render() {\r\n const {classes} = this.props\r\n\r\n return (\r\n \r\n \r\n \r\n
\r\n Password Policy
\r\n (e.g. min 10 char, 1 special char, 1 upper case, 1 lower case)\r\n
\r\n {this.props.show &&\r\n
\r\n )\r\n }\r\n}\r\n\r\nconst styles = theme => ({\r\n fullscreen: {\r\n position: 'absolute',\r\n background: 'white',\r\n opacity: '.8',\r\n zIndex: 1399,\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n top: 0,\r\n bottom: 0,\r\n left: 0,\r\n right: 0,\r\n margin: 'auto',\r\n width: '100%'\r\n }\r\n})\r\n\r\nexport default withStyles(styles)(LoadingContainer)","import React from 'react'\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\nimport CheckCircleIcon from '@material-ui/icons/CheckCircle';\r\nimport ErrorIcon from '@material-ui/icons/Error';\r\nimport InfoIcon from '@material-ui/icons/Info';\r\nimport CloseIcon from '@material-ui/icons/Close';\r\nimport green from '@material-ui/core/colors/green';\r\nimport amber from '@material-ui/core/colors/amber';\r\nimport IconButton from '@material-ui/core/IconButton';\r\nimport SnackbarContent from '@material-ui/core/SnackbarContent';\r\nimport WarningIcon from '@material-ui/icons/Warning';\r\nimport { withStyles } from '@material-ui/core/styles';\r\n\r\nconst variantIcon = {\r\n success: CheckCircleIcon,\r\n warning: WarningIcon,\r\n error: ErrorIcon,\r\n info: InfoIcon,\r\n};\r\n\r\nconst styles1 = theme => ({\r\n success: {\r\n backgroundColor: green[600],\r\n },\r\n error: {\r\n backgroundColor: theme.palette.error.dark,\r\n },\r\n info: {\r\n backgroundColor: theme.palette.primary.dark,\r\n },\r\n warning: {\r\n backgroundColor: amber[700],\r\n },\r\n icon: {\r\n fontSize: 20,\r\n },\r\n iconVariant: {\r\n opacity: 0.9,\r\n marginRight: theme.spacing.unit,\r\n },\r\n message: {maxWidth:'518px'},\r\n messageSpan: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n },\r\n});\r\n\r\nfunction MySnackbarContent(props) {\r\n const { classes, className, message, onClose, variant, ...other } = props;\r\n const Icon = variantIcon[variant];\r\n\r\n return (\r\n \r\n \r\n
\r\n }\r\n \r\n \r\n Back\r\n \r\n
\r\n \r\n\r\n )\r\n }\r\n}\r\n\r\n\r\nconst styles = {\r\n container:{\r\n styles: {\r\n position: 'absolute',\r\n width: \"40%\",\r\n backgroundColor: 'white',\r\n top: \"20%\",\r\n left: \"30%\",\r\n paddingBottom: 20,\r\n display: 'flex',\r\n flexDirection: 'column',\r\n alignItems: 'center'\r\n },\r\n header:{\r\n styles: {display:'flex', justifyContent:'flex-end', width:'100%'}\r\n },\r\n body:{\r\n styles: {padding: 20}\r\n }\r\n }\r\n};\r\n\r\n\r\nconst mapStateToProps = function (state) {\r\n const systemErrorReducer = state.systemErrorReducer;\r\n return {\r\n message: systemErrorReducer.message,\r\n isError: systemErrorReducer.isError\r\n }\r\n};\r\n\r\nconst mapDispatchToProps = function (dispatch) {\r\n return {\r\n clearErrorMessage: ()=>dispatch(clearErrorMessage()),\r\n }\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(SystemModal)","import React, {PureComponent} from 'react'\r\nimport {Fab} from '@material-ui/core'\r\nimport {Delete} from '@material-ui/icons'\r\nimport PropTypes from 'prop-types'\r\n\r\nclass StyledDeleteBtn extends PureComponent {\r\n render() {\r\n return (\r\n \r\n \r\n
\r\n \r\n {this.props.message} \r\n
\r\n \r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t
\r\n\t\t)\r\n\t}\r\n}\r\n\r\nconst styles = theme => ({\r\n\timage: { maxWidth: '100%' }\r\n})\r\n\r\nGeneralTable.propTypes = {\r\n\tfields: PropTypes.array.isRequired,\r\n\trows: PropTypes.array.isRequired,\r\n\tisEditable: PropTypes.bool,\r\n\tisDeletable: PropTypes.bool,\r\n\tisViewable: PropTypes.bool,\r\n\tonEdit: PropTypes.func,\r\n\tonDelete: PropTypes.func,\r\n\tonView: PropTypes.func,\r\n\tonHeaderClick: PropTypes.func\r\n}\r\n\r\nexport default withStyles(styles)(GeneralTable)\r\n","export const USER_ACCOUNTS_TABLE_KEY_NAME = 'UsersAccountsTable'\r\n","import React, {PureComponent} from 'react'\r\nimport {withStyles, Paper} from '@material-ui/core'\r\nimport GeneralTable from './GeneralTable'\r\n\r\nclass StyledTable extends PureComponent {\r\n render() {\r\n const {classes, ...others} = this.props\r\n\r\n return (\r\n \r\n {groupPermissions &&
\r\n )\r\n }\r\n}\r\n\r\nconst mapStateToProps = function (state) {\r\n const stateClone = {...state}\r\n const individualFormDuck = stateClone.individualFormDuck\r\n return {\r\n formDetailsList: individualFormDuck.formDetailsList\r\n }\r\n}\r\n\r\nconst mapDispatchToProps = function (dispatch) {\r\n return {}\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(GroupSubmissionForm)","export const OTHER_ACCEPTED_AIRLINE = \"OTHER_ACCEPTED_AIRLINE\";\r\nexport const OTHER_UNACCEPTED_AIRLINE = \"OTHER_UNACCEPTED_AIRLINE\";\r\nexport const SQAPI_PASS = \"SQAPI_PASS\";\r\nexport const SQAPI_MULTIPLE_ELIGIBLE = \"SQAPI_MULTIPLE_ELIGIBLE\";\r\nexport const SQAPI_FAIL = \"SQAPI_FAIL\";\r\nexport const SQAPI_OFFLINE = \"SQAPI_OFFLINE\";\r\n\r\nexport const DISPLAY_MANUAL = \"M\"\r\nexport const DISPLAY_YES = \"Y\"\r\nexport const DISPLAY_NO = \"N\"\r\n\r\nexport const convertSqStatusForDisplay = (status) => {\r\n let result = DISPLAY_NO;\r\n if (status === OTHER_ACCEPTED_AIRLINE || status === SQAPI_OFFLINE || SQAPI_MULTIPLE_ELIGIBLE) result = DISPLAY_MANUAL;\r\n if (status === OTHER_UNACCEPTED_AIRLINE || status === SQAPI_FAIL) result = DISPLAY_NO;\r\n if (status === SQAPI_PASS) result = DISPLAY_YES;\r\n\r\n if (status === \"M\" || status === \"Manual\") result = DISPLAY_MANUAL;\r\n if (status === \"N\" || status === \"No\") result = DISPLAY_NO;\r\n if (status === \"Y\" || status === \"Yes\") result = DISPLAY_YES;\r\n\r\n return result\r\n}","import axios from 'axios'\r\nimport {getSettings} from '../config/config'\r\nimport {getCurrentAuthHeader} from '../helpers/utilities'\r\nimport * as cloneDeep from 'lodash/cloneDeep'\r\nimport {\r\n GROUP_TYPE_ACTION_REQUIRED,\r\n GROUP_TYPE_PENDING_APPROVAL,\r\n GROUP_TYPE_PENDING_COLLECTION,\r\n GROUP_TYPE_REJECTED,\r\n GROUP_TYPE_DELETED,\r\n GROUP_TYPE_COLLECTED,\r\n GROUP_TYPE_NOT_COLLECTED,\r\n GROUP_TYPE_VIEW_ALL,\r\n GROUP_TYPE_PENDING_SQ_API,\r\n GROUP_TYPE_APPROVED,\r\n GROUP_ACTION_TYPE_SUBMITTING,\r\n GROUP_ACTION_TYPE_APPROVING,\r\n GROUP_ACTION_TYPE_COLLECTING,\r\n GROUP_ACTION_TYPE_UNAPPROVING\r\n} from '../constants/groupType'\r\nimport {sqApiObjectToResponseString} from '../helpers/utilities'\r\nimport {convertSqStatusForDisplay, DISPLAY_YES} from '../helpers/eticketStatusHelper'\r\nimport querystring from 'querystring'\r\nimport produce from 'immer'\r\nimport {checkValidStatusCode} from \"../helpers/httpHelper\";\r\n\r\nconst SAVE_GROUP_EDIT_FORM_RECORD = 'SAVE_GROUP_EDIT_FORM_RECORD'\r\nconst MARK_AS_DELETE = 'MARK_AS_DELETE'\r\nconst UPDATE_PASSENGER = 'UPDATE_PASSENGER'\r\nconst UPDATE_ALL_PASSENGERS = 'UPDATE_ALL_PASSENGERS'\r\nconst UPDATE_GROUP_FORM = 'UPDATE_GROUP_FORM'\r\nconst UPDATE_APPROVE = 'UPDATE_APPROVE'\r\nconst GET_GROUP_AND_PASSENGERS_IS_LOADING = 'GET_GROUP_AND_PASSENGERS_IS_LOADING'\r\nconst GET_GROUP_AND_PASSENGERS_SUCCESS = 'GET_GROUP_AND_PASSENGERS_SUCCESS'\r\nconst GET_GROUP_AND_PASSENGERS_FAIL = 'GET_GROUP_AND_PASSENGERS_FAIL'\r\nconst GET_ALL_GROUP_IS_LOADING = 'GET_ALL_GROUP_IS_LOADING'\r\nconst GET_ALL_GROUP_SUCCESS = 'GET_ALL_GROUP_SUCCESS'\r\nconst GET_ALL_GROUP_FAIL = 'GET_ALL_GROUP_FAIL'\r\nconst UPDATE_GROUP_AND_PASSENGERS_IS_LOADING = 'UPDATE_GROUP_AND_PASSENGERS_IS_LOADING'\r\nconst UPDATE_GROUP_AND_PASSENGERS_SUCCESS = 'UPDATE_GROUP_AND_PASSENGERS_SUCCESS'\r\nconst UPDATE_GROUP_AND_PASSENGERS_FAIL = 'UPDATE_GROUP_AND_PASSENGERS_FAIL'\r\nconst UNMARK_DELETE = 'UNMARK_DELETE'\r\nconst REJECT_GROUP_AND_PASSENGERS_IS_LOADING = 'REJECT_GROUP_AND_PASSENGERS_IS_LOADING'\r\nconst REJECT_GROUP_AND_PASSENGERS_SUCCESS = 'REJECT_GROUP_AND_PASSENGERS_SUCCESS'\r\nconst REJECT_GROUP_AND_PASSENGERS_FAIL = 'REJECT_GROUP_AND_PASSENGERS_FAIL'\r\nconst UPDATE_TOUR_LEADER_FROM_PASSENGER_DATA = 'UPDATE_TOUR_LEADER_FROM_PASSENGER_DATA'\r\nconst UPDATE_PASSENGERS_TOUR_LEADER_FLAG = 'UPDATE_PASSENGERS_TOUR_LEADER_FLAG'\r\n\r\nlet settings = getSettings();\r\nlet baseURL = settings.baseURL;\r\n\r\nconst initState = {\r\n passengers: [],\r\n passengersWithMeta: [],\r\n rejectedPassengers: [],\r\n tourLeader: {},\r\n group: {\r\n id: '',\r\n refNo: '',\r\n transportMean: 'na',\r\n transportRemarks: '',\r\n remarks: '',\r\n attachmentUris: [],\r\n presignedAttachmentUris: [],\r\n rejectionReason: ''\r\n },\r\n groupMetaInfo: {\r\n isThreeSector: false\r\n },\r\n redemptionTransaction: {},\r\n getApprovalIsLoading: false,\r\n getAllGroupIsLoading: false,\r\n getGroupAndPassengersIsLoading: false,\r\n groups: [],\r\n updateGroupAndPassengersIsLoading: false,\r\n updateGroupAndPassengersSuccess: false,\r\n updateGroupAndPassengersError: '',\r\n rejectGroupAndPassengersIsLoading: false,\r\n groupSubmissionSqApiCheckIsLoading: false,\r\n voidGroupIsLoading: false,\r\n approvalFilesUploadIsLoading: false,\r\n paxIdsToReVerify: [],\r\n groupSubmissionSqApiCheckReVerifyIsLoading: false,\r\n groupApprovalGroupCheckRedeemedPassengerIsLoading: false\r\n}\r\n\r\nexport const updateGroupAndPassengers = ({passengers, group, tourLeader, groupActionType}) => async dispatch => {\r\n let paramType = 0\r\n\r\n if (groupActionType === GROUP_ACTION_TYPE_SUBMITTING) paramType = 1\r\n if (groupActionType === GROUP_ACTION_TYPE_APPROVING) paramType = 2\r\n if (groupActionType === GROUP_ACTION_TYPE_COLLECTING) paramType = 3\r\n if (groupActionType === GROUP_ACTION_TYPE_UNAPPROVING) paramType = 5\r\n\r\n let params = `?groupActionType=${paramType}`\r\n\r\n let postData = {\r\n passengersWithMeta: passengers,\r\n group,\r\n tourLeader\r\n }\r\n\r\n dispatch(_updateGroupAndPassengersIsLoading())\r\n let catchError = {success: true}\r\n const rs = await axios.post(baseURL + `/Group/UpdateGroupAndPassengers` + params, postData, getCurrentAuthHeader()).catch(e => {\r\n if (!checkValidStatusCode(e.response.status )) {\r\n const {response: {data: {error: {message}}}} = e\r\n catchError = {success: false, error: {message: message}}\r\n } else {\r\n catchError = {success: false, error: {message: e.response.status + ' Unexpected error'}}\r\n }\r\n })\r\n if (catchError.success === false) {\r\n dispatch(_updateGroupAndPassengersFail())\r\n return catchError\r\n }\r\n if (rs.data.success) {\r\n dispatch(_updateGroupAndPassengersSuccess(rs))\r\n return {success: true, message: ''}\r\n } else {\r\n dispatch(_updateGroupAndPassengersFail())\r\n return {success: false, message: rs.data.error && rs.data.error.message, result: rs.data.result}\r\n }\r\n}\r\n\r\nconst _updateGroupAndPassengersIsLoading = () => ({\r\n type: UPDATE_GROUP_AND_PASSENGERS_IS_LOADING\r\n})\r\n\r\nconst _updateGroupAndPassengersSuccess = rs => ({\r\n type: UPDATE_GROUP_AND_PASSENGERS_SUCCESS,\r\n rs\r\n})\r\n\r\nconst _updateGroupAndPassengersFail = () => ({\r\n type: UPDATE_GROUP_AND_PASSENGERS_FAIL\r\n})\r\n\r\nexport const getGroupAndPassengers = ({groupId, refNo, getAllUser}) => async dispatch => {\r\n dispatch(_getGroupAndPassengersIsLoading())\r\n\r\n let urlParams = '?'\r\n if (groupId) urlParams = urlParams + `groupId=${groupId}&`\r\n if (refNo) urlParams = urlParams + `refNoFilter=${refNo}&`\r\n if (getAllUser) urlParams = urlParams + `getAllUser=${getAllUser}&`\r\n const rs = await axios.get(baseURL + `/Group/GetGroupAndPassengers` + urlParams, getCurrentAuthHeader()).catch(e => {\r\n if (!checkValidStatusCode(e.response.status )) {\r\n const {response: {data: {error: {message}}}} = e\r\n return {data: {success: false, error: {message}}}\r\n }\r\n return {data: {success: false, error: {message: e.response.status + ' Unexpected error'}}}\r\n })\r\n if (rs.data.success) {\r\n dispatch(_getGroupAndPassengersSuccess(rs))\r\n return {success: true, message: ''}\r\n } else {\r\n dispatch(_getGroupAndPassengersFail())\r\n return {success: false, message: rs.data.error.message}\r\n }\r\n}\r\n\r\nconst _getGroupAndPassengersIsLoading = () => ({\r\n type: GET_GROUP_AND_PASSENGERS_IS_LOADING\r\n})\r\n\r\nconst _getGroupAndPassengersSuccess = rs => ({\r\n type: GET_GROUP_AND_PASSENGERS_SUCCESS,\r\n rs\r\n})\r\n\r\nconst _getGroupAndPassengersFail = () => ({\r\n type: GET_GROUP_AND_PASSENGERS_FAIL\r\n})\r\n\r\nexport const saveGroupEditFormRecord = record => ({\r\n type: SAVE_GROUP_EDIT_FORM_RECORD,\r\n record\r\n})\r\n\r\n/**\r\n * Will set to unapprove and set markedDelete true\r\n * @param id\r\n * @returns {{id: *, type: string}}\r\n */\r\nexport const markAsDelete = id => ({\r\n type: MARK_AS_DELETE,\r\n id\r\n})\r\n\r\nexport const unmarkDelete = id => ({\r\n type: UNMARK_DELETE,\r\n id\r\n})\r\n\r\nexport const updatePassenger = (id, k, v) => {\r\n return {\r\n type: UPDATE_PASSENGER,\r\n id, k, v\r\n }\r\n}\r\n\r\nexport const updateTourLeaderFromPassengerData = (k, v) => {\r\n return {\r\n type: UPDATE_TOUR_LEADER_FROM_PASSENGER_DATA,\r\n k, v\r\n }\r\n}\r\n\r\nexport const updatePassengersTourLeaderFlag = (id) => {\r\n return {\r\n type: UPDATE_PASSENGERS_TOUR_LEADER_FLAG,\r\n id\r\n }\r\n}\r\n\r\nexport const updateAllPassengers = passengers => ({\r\n type: UPDATE_ALL_PASSENGERS,\r\n passengers: passengers\r\n})\r\n\r\nexport const updateGroupForm = (section, k, v) => ({\r\n type: UPDATE_GROUP_FORM,\r\n section, k, v\r\n})\r\n\r\nexport const updateGroupApprovalDuck = (k, v) => ({\r\n type: UPDATE_GROUP_APPROVAL_DUCK,\r\n k, v\r\n})\r\n\r\nconst UPDATE_GROUP_APPROVAL_DUCK = 'UPDATE_GROUP_APPROVAL_DUCK'\r\n\r\nexport const updateApprove = status => ({\r\n type: UPDATE_APPROVE,\r\n status\r\n})\r\n\r\nexport const getAllGroup = ({groupType, getAllUser = false, maxResultCount=1000, skipCount=0}) => async dispatch => {\r\n let paramType\r\n if (groupType === GROUP_TYPE_PENDING_SQ_API) paramType = 0\r\n if (groupType === GROUP_TYPE_ACTION_REQUIRED) paramType = 1\r\n if (groupType === GROUP_TYPE_PENDING_APPROVAL) paramType = 2\r\n if (groupType === GROUP_TYPE_PENDING_COLLECTION) paramType = 3\r\n if (groupType === GROUP_TYPE_REJECTED) paramType = 4\r\n if (groupType === GROUP_TYPE_COLLECTED) paramType = 5\r\n if (groupType === GROUP_TYPE_NOT_COLLECTED) paramType = 6\r\n if (groupType === GROUP_TYPE_DELETED) paramType = 7\r\n if (groupType === GROUP_TYPE_VIEW_ALL) paramType = 8\r\n if (groupType === GROUP_TYPE_APPROVED) paramType = 9\r\n let userId = localStorage.getItem('userId')\r\n const params = {\r\n params: {\r\n type: paramType,\r\n userId,\r\n getAllUser,\r\n maxResultCount,\r\n skipCount\r\n },\r\n ...getCurrentAuthHeader()\r\n }\r\n\r\n dispatch(_getAllGroupIsLoading())\r\n\r\n const rs = await axios.get(baseURL + '/Group/GetAll', params).catch(e => {\r\n if (!e.response) {\r\n return {data: {success: false, error: {message: 'No response from server'}}}\r\n }\r\n if (!checkValidStatusCode(e.response.status )) {\r\n const {response: {data: {error: {message}}}} = e\r\n return {data: {success: false, error: {message}}}\r\n }\r\n return {data: {success: false, error: {message: e.response.status + ' Unexpected error'}}}\r\n })\r\n if (rs.data.success) {\r\n dispatch(_getAllGroupSuccess(rs))\r\n return rs.data\r\n } else {\r\n dispatch(_getAllGroupFail())\r\n return {success: false, message: rs.data.error.message}\r\n }\r\n}\r\n\r\nconst _getAllGroupIsLoading = () => ({\r\n type: GET_ALL_GROUP_IS_LOADING\r\n})\r\n\r\nconst _getAllGroupSuccess = rs => ({\r\n type: GET_ALL_GROUP_SUCCESS,\r\n rs\r\n})\r\n\r\nconst _getAllGroupFail = () => ({\r\n type: GET_ALL_GROUP_FAIL\r\n})\r\n\r\nexport const rejectGroupAndPassengers = data => async dispatch => {\r\n dispatch(_rejectGroupAndPassengersIsLoading())\r\n\r\n const rs = await axios.post(baseURL + '/Group/RejectGroupAndPassengers', data, getCurrentAuthHeader()).catch(e => {\r\n if (!checkValidStatusCode(e.response.status )) {\r\n const {response: {data: {error: {message}}}} = e\r\n return {data: {success: false, error: {message}}}\r\n }\r\n return {data: {success: false, error: {message: e.response.status + ' Unexpected error'}}}\r\n })\r\n if (rs.data.success) {\r\n dispatch(_rejectGroupAndPassengersSuccess(rs))\r\n return {success: true, message: ''}\r\n } else {\r\n dispatch(_rejectGroupAndPassengersFail())\r\n return {success: false, message: rs.data.error.message}\r\n }\r\n}\r\n\r\nconst _rejectGroupAndPassengersIsLoading = () => ({\r\n type: REJECT_GROUP_AND_PASSENGERS_IS_LOADING\r\n})\r\n\r\nconst _rejectGroupAndPassengersSuccess = rs => ({\r\n type: REJECT_GROUP_AND_PASSENGERS_SUCCESS,\r\n rs\r\n})\r\n\r\nconst _rejectGroupAndPassengersFail = () => ({\r\n type: REJECT_GROUP_AND_PASSENGERS_FAIL\r\n})\r\n\r\nexport const groupSubmissionSqApiCheck = (pidx, data) => async dispatch => {\r\n dispatch(_groupSubmissionSqApiCheckIsLoading())\r\n\r\n const rs = await axios.post(baseURL + '/SqApi/GroupSubmissionSqApiCheck', data, getCurrentAuthHeader()).catch(e => {\r\n if (!checkValidStatusCode(e.response.status )) {\r\n const {response: {data: {error: {message}}}} = e\r\n return {data: {success: false, error: {message}}}\r\n }\r\n return {data: {success: false, error: {message: e.response.status + ' Unexpected error'}}}\r\n })\r\n if (!rs.data) {\r\n dispatch(_groupSubmissionSqApiCheckFail())\r\n return {success: false, message: 'No data from server'}\r\n }\r\n if (rs.data.success) {\r\n dispatch(_groupSubmissionSqApiCheckSuccess(rs, pidx))\r\n return {success: true, message: ''}\r\n } else {\r\n dispatch(_groupSubmissionSqApiCheckFail())\r\n return {success: false, message: rs.data.error.message}\r\n }\r\n}\r\n\r\nconst GROUP_SUBMISSION_SQ_API_CHECK_IS_LOADING = 'GROUP_SUBMISSION_SQ_API_CHECK_IS_LOADING'\r\nconst GROUP_SUBMISSION_SQ_API_CHECK_SUCCESS = 'GROUP_SUBMISSION_SQ_API_CHECK_SUCCESS'\r\nconst GROUP_SUBMISSION_SQ_API_CHECK_FAIL = 'GROUP_SUBMISSION_SQ_API_CHECK_FAIL'\r\n\r\nconst _groupSubmissionSqApiCheckIsLoading = () => ({\r\n type: GROUP_SUBMISSION_SQ_API_CHECK_IS_LOADING\r\n})\r\n\r\nconst _groupSubmissionSqApiCheckSuccess = (rs, pidx) => ({\r\n type: GROUP_SUBMISSION_SQ_API_CHECK_SUCCESS,\r\n rs, pidx\r\n})\r\n\r\nconst _groupSubmissionSqApiCheckFail = () => ({\r\n type: GROUP_SUBMISSION_SQ_API_CHECK_FAIL\r\n})\r\n\r\nexport const voidGroup = data => async dispatch => {\r\n dispatch(_voidGroupIsLoading())\r\n\r\n const rs = await axios.post(baseURL + '/Group/VoidGroup', data, getCurrentAuthHeader()).catch(e => {\r\n if (!checkValidStatusCode(e.response.status )) {\r\n const {response: {data: {error: {message}}}} = e\r\n return {data: {success: false, error: {message}}}\r\n }\r\n return {data: {success: false, error: {message: e.response.status + ' Unexpected error'}}}\r\n })\r\n if (!rs.data) {\r\n dispatch(_voidGroupFail())\r\n return {success: false, message: 'No data from server'}\r\n }\r\n if (rs.data.success) {\r\n dispatch(_voidGroupSuccess(rs))\r\n return {success: true, message: ''}\r\n } else {\r\n dispatch(_voidGroupFail())\r\n return {success: false, message: rs.data.error.message}\r\n }\r\n}\r\n\r\nconst VOID_GROUP_IS_LOADING = 'VOID_GROUP_IS_LOADING'\r\nconst VOID_GROUP_SUCCESS = 'VOID_GROUP_SUCCESS'\r\nconst VOID_GROUP_FAIL = 'VOID_GROUP_FAIL'\r\n\r\nconst _voidGroupIsLoading = () => ({\r\n type: VOID_GROUP_IS_LOADING\r\n})\r\n\r\nconst _voidGroupSuccess = rs => ({\r\n type: VOID_GROUP_SUCCESS,\r\n rs\r\n})\r\n\r\nconst _voidGroupFail = () => ({\r\n type: VOID_GROUP_FAIL\r\n})\r\n\r\nexport const approvalFilesUpload = data => async dispatch => {\r\n dispatch(_approvalFilesUploadIsLoading())\r\n\r\n const rs = await axios.post(baseURL + '/File/FilesUpload?' + querystring.stringify({bucketType: 1}), data, getCurrentAuthHeader()).catch(e => {\r\n if (!checkValidStatusCode(e.response.status )) {\r\n const {response: {data: {error: {message}}}} = e\r\n return {data: {success: false, error: {message}}}\r\n }\r\n return {data: {success: false, error: {message: e.response.status + ' Unexpected error'}}}\r\n })\r\n if (!rs.data) {\r\n dispatch(_approvalFilesUploadFail())\r\n return {success: false, message: 'No data from server'}\r\n }\r\n if (rs.data.success) {\r\n dispatch(_approvalFilesUploadSuccess(rs))\r\n return {success: true, message: ''}\r\n } else {\r\n dispatch(_approvalFilesUploadFail())\r\n return {success: false, message: rs.data.error.message}\r\n }\r\n}\r\n\r\nconst APPROVAL_FILES_UPLOAD_IS_LOADING = 'APPROVAL_FILES_UPLOAD_IS_LOADING'\r\nconst APPROVAL_FILES_UPLOAD_SUCCESS = 'APPROVAL_FILES_UPLOAD_SUCCESS'\r\nconst APPROVAL_FILES_UPLOAD_FAIL = 'APPROVAL_FILES_UPLOAD_FAIL'\r\n\r\nconst _approvalFilesUploadIsLoading = () => ({\r\n type: APPROVAL_FILES_UPLOAD_IS_LOADING\r\n})\r\n\r\nconst _approvalFilesUploadSuccess = rs => ({\r\n type: APPROVAL_FILES_UPLOAD_SUCCESS,\r\n rs\r\n})\r\n\r\nconst _approvalFilesUploadFail = () => ({\r\n type: APPROVAL_FILES_UPLOAD_FAIL\r\n})\r\n\r\nexport const groupSubmissionSqApiCheckReVerify = data => async dispatch => {\r\n dispatch(_groupSubmissionSqApiCheckReVerifyIsLoading())\r\n\r\n const rs = await axios.post(baseURL + '/SqApi/GroupSubmissionSqApiCheck', data, getCurrentAuthHeader()).catch(e => {\r\n if (!checkValidStatusCode(e.response.status )) {\r\n const {response: {data: {error: {message}}}} = e\r\n return {data: {success: false, error: {message}}}\r\n }\r\n return {data: {success: false, error: {message: e.response.status + ' Unexpected error'}}}\r\n })\r\n if (!rs.data) {\r\n dispatch(_groupSubmissionSqApiCheckReVerifyFail())\r\n return {success: false, message: 'No data from server'}\r\n }\r\n if (rs.data.success) {\r\n dispatch(_groupSubmissionSqApiCheckReVerifySuccess(rs))\r\n return {success: true, message: ''}\r\n } else {\r\n dispatch(_groupSubmissionSqApiCheckReVerifyFail())\r\n return {success: false, message: rs.data.error.message}\r\n }\r\n}\r\n\r\nconst GROUP_SUBMISSION_SQ_API_CHECK_RE_VERIFY_IS_LOADING = 'GROUP_SUBMISSION_SQ_API_CHECK_RE_VERIFY_IS_LOADING'\r\nconst GROUP_SUBMISSION_SQ_API_CHECK_RE_VERIFY_SUCCESS = 'GROUP_SUBMISSION_SQ_API_CHECK_RE_VERIFY_SUCCESS'\r\nconst GROUP_SUBMISSION_SQ_API_CHECK_RE_VERIFY_FAIL = 'GROUP_SUBMISSION_SQ_API_CHECK_RE_VERIFY_FAIL'\r\n\r\nconst _groupSubmissionSqApiCheckReVerifyIsLoading = () => ({\r\n type: GROUP_SUBMISSION_SQ_API_CHECK_RE_VERIFY_IS_LOADING\r\n})\r\n\r\nconst _groupSubmissionSqApiCheckReVerifySuccess = rs => ({\r\n type: GROUP_SUBMISSION_SQ_API_CHECK_RE_VERIFY_SUCCESS,\r\n rs\r\n})\r\n\r\nconst _groupSubmissionSqApiCheckReVerifyFail = () => ({\r\n type: GROUP_SUBMISSION_SQ_API_CHECK_RE_VERIFY_FAIL\r\n})\r\n\r\nexport const groupApprovalGroupCheckRedeemedPassenger = data => async dispatch => {\r\n dispatch(_groupApprovalGroupCheckRedeemedPassengerIsLoading())\r\n\r\n const rs = await axios.post(baseURL + '/SqApi/GroupCheckRedeemedPassenger', data, getCurrentAuthHeader()).catch(e => {\r\n if (!checkValidStatusCode(e.response.status )) {\r\n const {response: {data: {error: {message}}}} = e\r\n return {data: {success: false, error: {message}}}\r\n }\r\n return {data: {success: false, error: {message: e.response.status + ' Unexpected error'}}}\r\n })\r\n if (!rs.data) {\r\n dispatch(_groupApprovalGroupCheckRedeemedPassengerFail())\r\n return {success: false, message: 'No data from server'}\r\n }\r\n if (rs.data.success) {\r\n dispatch(_groupApprovalGroupCheckRedeemedPassengerSuccess(rs))\r\n return {success: true, message: ''}\r\n } else {\r\n dispatch(_groupApprovalGroupCheckRedeemedPassengerFail())\r\n return {success: false, message: rs.data.error.message}\r\n }\r\n}\r\n\r\nconst GROUP_APPROVAL_GROUP_CHECK_REDEEMED_PASSENGER_IS_LOADING = 'GROUP_APPROVAL_GROUP_CHECK_REDEEMED_PASSENGER_IS_LOADING'\r\nconst GROUP_APPROVAL_GROUP_CHECK_REDEEMED_PASSENGER_SUCCESS = 'GROUP_APPROVAL_GROUP_CHECK_REDEEMED_PASSENGER_SUCCESS'\r\nconst GROUP_APPROVAL_GROUP_CHECK_REDEEMED_PASSENGER_FAIL = 'GROUP_APPROVAL_GROUP_CHECK_REDEEMED_PASSENGER_FAIL'\r\n\r\nconst _groupApprovalGroupCheckRedeemedPassengerIsLoading = () => ({\r\n type: GROUP_APPROVAL_GROUP_CHECK_REDEEMED_PASSENGER_IS_LOADING\r\n})\r\n\r\nconst _groupApprovalGroupCheckRedeemedPassengerSuccess = rs => ({\r\n type: GROUP_APPROVAL_GROUP_CHECK_REDEEMED_PASSENGER_SUCCESS,\r\n rs\r\n})\r\n\r\nconst _groupApprovalGroupCheckRedeemedPassengerFail = () => ({\r\n type: GROUP_APPROVAL_GROUP_CHECK_REDEEMED_PASSENGER_FAIL\r\n})\r\n\r\nconst groupApprovalDuck = (state = initState, action) => {\r\n let idx, newPassenger, newPassengers, id, k, v, items\r\n\r\n switch (action.type) {\r\n\r\n case SAVE_GROUP_EDIT_FORM_RECORD:\r\n idx = state.passengers.findIndex(p => p.id.value === action.record.id.value)\r\n if (idx !== -1) {\r\n newPassenger = {...state.passengers[idx], ...action.record}\r\n newPassengers = [...state.passengers]\r\n newPassengers.splice(idx, 1, newPassenger)\r\n return {...state, passengers: newPassengers}\r\n }\r\n return state\r\n\r\n case MARK_AS_DELETE:\r\n idx = state.passengers.findIndex(p => p.id.value === action.id)\r\n if (idx !== -1) {\r\n newPassenger = {...state.passengers[idx]}\r\n newPassenger.approve.value = false\r\n newPassenger.markedDelete = true\r\n newPassengers = [...state.passengers]\r\n newPassengers.splice(idx, 1, newPassenger)\r\n return {...state, passengers: newPassengers}\r\n }\r\n return state\r\n\r\n case UNMARK_DELETE:\r\n idx = state.passengers.findIndex(p => p.id.value === action.id)\r\n if (idx !== -1) {\r\n newPassenger = {...state.passengers[idx]}\r\n newPassenger.approve.value = false\r\n newPassenger.markedDelete = false\r\n newPassengers = [...state.passengers]\r\n newPassengers.splice(idx, 1, newPassenger)\r\n return {...state, passengers: newPassengers}\r\n }\r\n return state\r\n\r\n case UPDATE_PASSENGER:\r\n ({id, k, v} = action)\r\n idx = state.passengers.findIndex(p => p.id.value === id)\r\n if (idx !== -1) {\r\n // if (k === 'approve') {\r\n // let issue = 'Y'\r\n // const keys = ['eTicket1', 'eTicket2', 'eTicket3', 'eTicket4']\r\n // const p = state.passengers[idx]\r\n // for (const k of keys) {\r\n // if (p[k].issue === 'N') {\r\n // issue = 'N'\r\n // break\r\n // }\r\n // }\r\n // if (issue === 'N') return state\r\n // }\r\n\r\n // let newPaxIdsToReVerify = [...state.paxIdsToReVerify]\r\n // if (k.indexOf('eTicket') !== -1 || k === 'lastName') {\r\n // const p = state.passengers[idx]\r\n // if (!newPaxIdsToReVerify.includes(p.id.value)) newPaxIdsToReVerify.push(p.id.value)\r\n // }\r\n\r\n newPassenger = {...state.passengers[idx]}\r\n newPassenger[k].value = v\r\n newPassengers = [...state.passengers]\r\n newPassengers.splice(idx, 1, newPassenger)\r\n return {...state, passengers: newPassengers}\r\n }\r\n\r\n return state\r\n\r\n case UPDATE_ALL_PASSENGERS:\r\n const allPassengers = action.passengers\r\n return {...state, passengers: allPassengers}\r\n\r\n case UPDATE_GROUP_FORM:\r\n const newSection = {...state[action.section]}\r\n newSection[action.k] = action.v\r\n return {...state, [action.section]: newSection}\r\n\r\n case UPDATE_APPROVE:\r\n newPassengers = state.passengers.map(p => {\r\n if (p.approve.value === !action.status && p.sqApiStatus.value === false && !!!p.markedDelete) {\r\n let issue = 'Y'\r\n // const keys = ['eTicket1', 'eTicket2', 'eTicket3', 'eTicket4']\r\n // for (const k of keys) {\r\n // if (p[k].issue === 'N') {\r\n // issue = 'N'\r\n // break\r\n // }\r\n // }\r\n // Only update those eTicket without issue 'N'\r\n if (issue === 'Y') {\r\n p.approve = {...p.approve, value: action.status}\r\n return p\r\n }\r\n }\r\n return p\r\n })\r\n return {...state, passengers: newPassengers}\r\n\r\n case GET_GROUP_AND_PASSENGERS_IS_LOADING:\r\n return {...state, getGroupAndPassengersIsLoading: true}\r\n\r\n case GET_GROUP_AND_PASSENGERS_SUCCESS:\r\n\r\n const {data: {result: {passengersWithMeta, tourLeader, group, groupMetaInfo, redemptionTransaction}}} = action.rs\r\n return {\r\n ...state,\r\n getGroupAndPassengersIsLoading: false,\r\n passengers: passengersWithMeta.filter(p => (p.isDeleted.value !== true && p.rejected.value !== true && p.isRedeemed.value !== true)),\r\n rejectedPassengers: passengersWithMeta.filter(p => (p.rejected.value === true)),\r\n redeemedPassengers: passengersWithMeta.filter(p => (p.isRedeemed.value === true)),\r\n tourLeader,\r\n group: {\r\n ...state.group, ...group, transportMean: group.transportMean !== null ? group.transportMean : 'na',\r\n remarks: group.remarks !== null ? group.remarks : ''\r\n },\r\n redemptionTransaction: redemptionTransaction ? redemptionTransaction : {},\r\n groupMetaInfo: groupMetaInfo\r\n }\r\n // return {...state, getGroupAndPassengersIsLoading: false, ...dummy}\r\n\r\n case UPDATE_TOUR_LEADER_FROM_PASSENGER_DATA:\r\n let clonedTourLeader = {...state.tourLeader}\r\n clonedTourLeader[action.k] = action.v\r\n return {...state, tourLeader: clonedTourLeader}\r\n\r\n case UPDATE_PASSENGERS_TOUR_LEADER_FLAG:\r\n if (!action.id) {\r\n let clonedPassengers = cloneDeep(state.passengers)\r\n clonedPassengers.forEach(passenger => {\r\n passenger.isTourLeader.value = false\r\n })\r\n return {...state, passengers: clonedPassengers}\r\n } else {\r\n let clonedPassengers = cloneDeep(state.passengers)\r\n clonedPassengers.forEach(passenger => {\r\n passenger.isTourLeader.value = passenger.id.value === action.id\r\n })\r\n return {...state, passengers: clonedPassengers}\r\n\r\n }\r\n\r\n case GET_GROUP_AND_PASSENGERS_FAIL:\r\n return {...state, getGroupAndPassengersIsLoading: false}\r\n\r\n case GET_ALL_GROUP_IS_LOADING:\r\n return {...state, getAllGroupIsLoading: true}\r\n\r\n case GET_ALL_GROUP_SUCCESS:\r\n return {...state, getAllGroupIsLoading: false, groups: action.rs.data.result.items}\r\n\r\n case GET_ALL_GROUP_FAIL:\r\n return {...state, getAllGroupIsLoading: false}\r\n\r\n case UPDATE_GROUP_AND_PASSENGERS_IS_LOADING:\r\n return {...state, updateGroupAndPassengersIsLoading: true, updateGroupAndPassengersSuccess: false}\r\n\r\n case UPDATE_GROUP_AND_PASSENGERS_SUCCESS:\r\n return {...state, updateGroupAndPassengersIsLoading: false, updateGroupAndPassengersSuccess: true}\r\n\r\n case UPDATE_GROUP_AND_PASSENGERS_FAIL:\r\n return {\r\n ...state,\r\n updateGroupAndPassengersIsLoading: false,\r\n updateGroupAndPassengerError: 'There\\'s a problem updating data'\r\n }\r\n\r\n case REJECT_GROUP_AND_PASSENGERS_IS_LOADING:\r\n return {...state, rejectGroupAndPassengersIsLoading: true}\r\n\r\n case REJECT_GROUP_AND_PASSENGERS_SUCCESS:\r\n return {...state, rejectGroupAndPassengersIsLoading: false}\r\n\r\n case REJECT_GROUP_AND_PASSENGERS_FAIL:\r\n return {...state, rejectGroupAndPassengersIsLoading: false}\r\n\r\n case GROUP_SUBMISSION_SQ_API_CHECK_IS_LOADING:\r\n return {...state, groupSubmissionSqApiCheckIsLoading: true}\r\n\r\n case GROUP_SUBMISSION_SQ_API_CHECK_SUCCESS:\r\n const keys = ['eTicket1', 'eTicket2', 'eTicket3', 'eTicket4']\r\n // format data structure to be consistent with passengerWithMeta\r\n newPassenger = {...state.passengers[action.pidx]}\r\n action.rs.data.result.ticketDetails.forEach(e => {\r\n keys.forEach(k => {\r\n if (newPassenger[k].value === e.ticketNumber) {\r\n\r\n newPassenger[k].issue = e.ctpEligibility\r\n newPassenger.sqApiStatus.value = convertSqStatusForDisplay(e.ctpEligibility) === DISPLAY_YES\r\n newPassenger.approve.value = convertSqStatusForDisplay(e.ctpEligibility) === DISPLAY_YES\r\n if (e.criterias) {\r\n newPassenger[k].remarks = sqApiObjectToResponseString(e.criterias)\r\n } else {\r\n newPassenger[k].remarks = e.remarks\r\n }\r\n }\r\n })\r\n })\r\n newPassengers = [...state.passengers]\r\n newPassengers.splice(action.pidx, 1, newPassenger)\r\n return {...state, groupSubmissionSqApiCheckIsLoading: false, passengers: newPassengers}\r\n\r\n case GROUP_SUBMISSION_SQ_API_CHECK_FAIL:\r\n return {...state, groupSubmissionSqApiCheckIsLoading: false}\r\n\r\n case VOID_GROUP_IS_LOADING:\r\n return {...state, voidGroupIsLoading: true}\r\n\r\n case VOID_GROUP_SUCCESS:\r\n return {...state, voidGroupIsLoading: false}\r\n\r\n case VOID_GROUP_FAIL:\r\n return {...state, voidGroupIsLoading: false}\r\n\r\n case APPROVAL_FILES_UPLOAD_IS_LOADING:\r\n return {...state, approvalFilesUploadIsLoading: true}\r\n\r\n case APPROVAL_FILES_UPLOAD_SUCCESS:\r\n return {\r\n ...state, approvalFilesUploadIsLoading: false,\r\n group: {...state.group, attachmentUris: [...state.group.attachmentUris, ...action.rs.data.result]}\r\n }\r\n\r\n case APPROVAL_FILES_UPLOAD_FAIL:\r\n return {...state, approvalFilesUploadIsLoading: false}\r\n\r\n case GROUP_SUBMISSION_SQ_API_CHECK_RE_VERIFY_IS_LOADING:\r\n return {...state, groupSubmissionSqApiCheckReVerifyIsLoading: true}\r\n\r\n case GROUP_SUBMISSION_SQ_API_CHECK_RE_VERIFY_SUCCESS:\r\n let resultsToProcess = action.rs.data.result.ticketDetails\r\n let seen = new Set()\r\n state.paxIdsToReVerify.forEach(pid => {\r\n newPassengers = [...state.passengers]\r\n idx = newPassengers.findIndex(p => p.id.value === pid)\r\n const keys = ['eTicket1', 'eTicket2', 'eTicket3', 'eTicket4']\r\n for (let k of keys) {\r\n newPassenger = newPassengers[idx]\r\n if (newPassenger[k].value !== '' && !newPassenger[k].markedDelete) {\r\n\r\n let toUpdate = resultsToProcess.find(rs => rs.ticketNumber === newPassenger[k].value)\r\n if (toUpdate && !seen.has(toUpdate.ticketNumber)) {\r\n seen.add(toUpdate.ticketNumber)\r\n newPassenger[k].issue = toUpdate.ctpEligibility\r\n newPassenger.sqApiStatus.value = convertSqStatusForDisplay(toUpdate.ctpEligibility) === DISPLAY_YES\r\n newPassenger.approve.value = convertSqStatusForDisplay(toUpdate.ctpEligibility) === DISPLAY_YES\r\n\r\n if (toUpdate.criterias) {\r\n newPassenger[k].remarks = sqApiObjectToResponseString(toUpdate.criterias)\r\n } else {\r\n newPassenger[k].remarks = toUpdate.remarks\r\n }\r\n newPassengers.splice(idx, 1, newPassenger)\r\n }\r\n }\r\n }\r\n\r\n })\r\n return {...state, groupSubmissionSqApiCheckReVerifyIsLoading: false, passengers: newPassengers, paxIdsToReVerify: []}\r\n\r\n case GROUP_SUBMISSION_SQ_API_CHECK_RE_VERIFY_FAIL:\r\n return {...state, groupSubmissionSqApiCheckReVerifyIsLoading: false}\r\n\r\n case UPDATE_GROUP_APPROVAL_DUCK:\r\n ({k, v} = action)\r\n return {...state, [k]: v}\r\n\r\n case GROUP_APPROVAL_GROUP_CHECK_REDEEMED_PASSENGER_IS_LOADING:\r\n return {...state, groupApprovalGroupCheckRedeemedPassengerIsLoading: true}\r\n\r\n case GROUP_APPROVAL_GROUP_CHECK_REDEEMED_PASSENGER_SUCCESS:\r\n ({data: {result: {items}}} = action.rs)\r\n if (items.length === 0) {\r\n return {...state, groupApprovalGroupCheckRedeemedPassengerIsLoading: true}\r\n }\r\n // newPassengers = cloneDeep(state.passengers)\r\n newPassengers = produce(state.passengers, draft => {\r\n const keys = ['eTicket1', 'eTicket2', 'eTicket3', 'eTicket4']\r\n for (let p of draft) {\r\n for (let k of keys) {\r\n if (p[k].value) {\r\n for (let item of items) {\r\n if (p[k].value === item.eTicketNo) {\r\n if(p.cardNo.value) continue; //if the passenger already has a time\r\n p.cardNo.value = item.cardNo\r\n p.collectionDate.value = item.creationTime\r\n }\r\n }\r\n }\r\n }\r\n }\r\n // items.forEach(item => {\r\n // let found = false\r\n // for (let p of draft) {\r\n // found = false\r\n // for (let k of keys) {\r\n // if (p[k].value === item.eTicketNo) {\r\n // p.cardNo.value = item.cardNo\r\n // p.creationTime.value = item.creationTime\r\n // found = true\r\n // break\r\n // }\r\n // }\r\n // }\r\n // })\r\n })\r\n\r\n return {...state, groupApprovalGroupCheckRedeemedPassengerIsLoading: false, passengers: newPassengers}\r\n\r\n case GROUP_APPROVAL_GROUP_CHECK_REDEEMED_PASSENGER_FAIL:\r\n return {...state, groupApprovalGroupCheckRedeemedPassengerIsLoading: false}\r\n\r\n default:\r\n return state\r\n }\r\n}\r\n\r\nexport default groupApprovalDuck ","\r\nexport const STATUS_PENDING_SQ_API = \"PENDING SQ API\";\r\nexport const STATUS_ACTION_REQUIRED = \"ACTION REQUIRED\";\r\nexport const STATUS_PENDING_APPROVAL = \"PENDING APPROVAL\";\r\nexport const STATUS_APPROVED = \"APPROVED\";\r\nexport const STATUS_PENDING_COLLECTION = \"PENDING COLLECTION\";\r\nexport const STATUS_REJECTED = \"REJECTED\";\r\nexport const STATUS_COLLECTED = \"COLLECTED\";\r\nexport const STATUS_NOT_COLLECTED = \"NOT COLLECTED\";\r\nexport const STATUS_VIEW_ALL = \"VIEW ALL\";\r\n","import React, {Component} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {FormControl, InputLabel, MenuItem, OutlinedInput, Select, withStyles} from '@material-ui/core'\r\nimport {hoverSelectOverride} from '../styles/mui/theme'\r\nimport {MuiThemeProvider} from '@material-ui/core/styles'\r\nimport {\r\n GROUP_TYPE_PENDING_APPROVAL, GROUP_TYPE_COLLECTED,\r\n GROUP_TYPE_PENDING_COLLECTION, GROUP_TYPE_NOT_COLLECTED,\r\n GROUP_TYPE_REJECTED, GROUP_TYPE_ACTION_REQUIRED, GROUP_TYPE_VIEW_ALL, GROUP_TYPE_PENDING_SQ_API,\r\n GROUP_TYPE_APPROVED\r\n} from '../constants/groupType'\r\nimport {getAllGroup} from '../ducks/groupApprovalDuck'\r\nimport {hasGroupViewPermission} from '../helpers/utilities'\r\nimport {\r\n hasCreatorPermissions, hasApproverPermissions, hasIssuerPermissions\r\n} from '../helpers/utilities'\r\nimport StyledSnackbar from '../components/StyledSnackbar'\r\nimport {STATUS_PENDING_SQ_API, STATUS_ACTION_REQUIRED, STATUS_PENDING_APPROVAL,\r\n STATUS_APPROVED, STATUS_PENDING_COLLECTION, STATUS_REJECTED, STATUS_COLLECTED,\r\n STATUS_NOT_COLLECTED, STATUS_VIEW_ALL\r\n} from \"../constants/groupStatus\"\r\n\r\nclass GroupStatusFilter extends Component {\r\n constructor(props, context) {\r\n super(props, context)\r\n this.state = {\r\n showSnackbar: false,\r\n snackbarMessage: '',\r\n snackbarVariant: 'success'\r\n }\r\n this.statusFilter = this.props.statusFilter\r\n }\r\n\r\n componentDidMount = async () => {\r\n }\r\n\r\n componentDidUpdate = async (prevProps, prevState) => {\r\n /*\r\n const {statusFilter} = this.props\r\n if (prevProps.statusFilter !== statusFilter && statusFilter !== this.statusFilter) {\r\n console.log('updated')\r\n\r\n this.onStatusFilterChange(statusFilter)\r\n }*/\r\n }\r\n\r\n\r\n onStatusFilterChange = async statusFilter => {\r\n this.props.onFilterChanged(statusFilter)\r\n }\r\n\r\n /*\r\n closeSnackbar = () => {\r\n this.setState({showSnackbar: false})\r\n }\r\n */\r\n\r\n render() {\r\n const {classes, statusFilter} = this.props\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n Group ref no: \r\n \r\n \r\n {refNo} \r\n \r\n \r\n \r\n \r\n Submitted by: \r\n \r\n \r\n {submittedBy} \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n Total: {this.pageHelper.getTotalCount()} \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nconst styles = theme => ({\r\n container: {...theme.container}\r\n})\r\n\r\nconst mapStateToProps = state => {\r\n const {groupApprovalDuck} = state\r\n\r\n return {groupApprovalDuck}\r\n}\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n return {\r\n getAllGroup: ({groupType, isApproval, maxResultCount, skipCount}) => dispatch(getAllGroup({groupType, isApproval, maxResultCount, skipCount})),\r\n voidGroup: data => dispatch(voidGroup(data))\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(withStyles(styles)(GroupPane))","export const convertToExcelExportFormat = ({headers, records }) =>{\r\n let formattedExcelData = [];\r\n let formattedHeaders = [];\r\n headers.forEach(header => {\r\n formattedHeaders.push(header.label);\r\n });\r\n formattedExcelData.push(formattedHeaders);\r\n\r\n records.forEach(record => {\r\n let formattedRow = [];\r\n headers.forEach(header=>{\r\n formattedRow.push(record[header.key])\r\n })\r\n formattedExcelData.push(formattedRow);\r\n })\r\n\r\n return formattedExcelData;\r\n}","import React from 'react'\r\nimport PropTypes from 'prop-types'\r\nimport * as XLSX from 'xlsx'\r\nimport {Button, withStyles} from '@material-ui/core'\r\nimport {convertToExcelExportFormat} from '../helpers/excelDataHelper'\r\n\r\nconst sampleDataList = [\r\n {name: 'Peter', surname: 'Parker'},\r\n {name: 'Mary', surname: 'Jane'}\r\n]\r\n\r\nconst sampleHeaders = [\r\n {key: 'name', label: 'First Name'},\r\n {key: 'surname', label: 'Last Name'}\r\n]\r\n\r\nclass SpreadSheetComponent extends React.Component {\r\n\r\n constructor(props) {\r\n super(props)\r\n this.state = {\r\n data: [['a', 'b'], [1, 2], [3, 4]],\r\n col: [{name: 'sydney', surname: 'wu'}]\r\n }\r\n }\r\n\r\n exportFile = () => {\r\n const {records, headers} = this.props\r\n\r\n let formattedExcelData = convertToExcelExportFormat({records, headers})\r\n const ws = XLSX.utils.aoa_to_sheet(formattedExcelData)\r\n const wb = XLSX.utils.book_new()\r\n XLSX.utils.book_append_sheet(wb, ws, 'records')\r\n\r\n XLSX.writeFile(wb, 'ctp-export.xlsx')\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n\r\n
\r\n )\r\n }\r\n}\r\n\r\nconst mapStateToProps = function (state) {\r\n const {permissionDuck, groupApprovalDuck, groupStatsDuck} = state\r\n\r\n return {\r\n permissionDuck, groupApprovalDuck, groupStatsDuck\r\n }\r\n}\r\n\r\nconst mapDispatchToProps = function (dispatch) {\r\n return {}\r\n}\r\n\r\nconst styles = theme => ({\r\n container: theme.container,\r\n paper: {...theme.paper, marginTop: '1em'},\r\n grid: {\r\n display: 'grid',\r\n gridTemplateColumns: 'repeat(4, 1fr)',\r\n gridGap: '1em',\r\n textAlign: 'center',\r\n margin: '5em 1em'\r\n },\r\n noUnderline: {textDecoration: 'none'},\r\n title: {margin: '.5em auto'}\r\n})\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(withStyles(styles)(Dashboard))","export const VISITING_SIN = \"visiting-sin\"\r\nexport const TRANSITING = \"transiting\"\r\nexport const TRAVELING_OUT_OF_SIN = \"traveling-out-of-sin\"","export const labelToObject = input => {\r\n return {label: input, value: input}\r\n}\r\n\r\nexport const rolesToLabelObject = roles => {\r\n return roles.map(r => ({label: r.displayName, value: r.name}))\r\n}","import React from 'react'\r\nimport PropTypes from 'prop-types'\r\nimport {TextField} from '@material-ui/core'\r\nimport moment from \"moment\";\r\n\r\nclass GeneralTextDate extends React.Component {\r\n constructor(props) {\r\n super(props)\r\n this.state = {\r\n dateDisplay: \"\",\r\n displayError: false,\r\n helperText: \"\"\r\n }\r\n }\r\n\r\n componentDidMount = () => {\r\n if(this.props.value){\r\n let momentDate = moment(this.props.value, \"YYYY-MM-DD\");\r\n if(!momentDate.isValid()) return;\r\n\r\n let formattedString = momentDate.format(\"DD/MM/YYYY\");\r\n this.setState({dateDisplay: formattedString})\r\n }\r\n }\r\n\r\n componentDidUpdate = (prevProps, prevState) => {\r\n\r\n if(prevState.dateDisplay !== this.state.dateDisplay){\r\n if(!this.state.dateDisplay) return;\r\n if(this.state.dateDisplay.length < 10) {\r\n this.setState({displayError: false, helperText: \"\"})\r\n this.props.onChange({target: {value: \"\" }}); //reset value\r\n return;\r\n }\r\n\r\n if(!this._checkValidSectionData(this.state.dateDisplay)){\r\n this.setState({displayError: true, helperText: \"Invalid date\"})\r\n return;\r\n }\r\n\r\n let momentDate = moment(this.state.dateDisplay, \"DD/MM/YYYY\");\r\n\r\n if(!momentDate.isValid()){\r\n this.setState({displayError: true, helperText: \"Invalid date\"})\r\n return;\r\n } else {\r\n this.setState({displayError: false, helperText: momentDate.format(\"DD MMM YYYY\")})\r\n let formattedDate = momentDate.format(\"YYYY-MM-DD\");\r\n this.props.onChange({target: {value: formattedDate }});\r\n }\r\n\r\n }\r\n\r\n if(prevProps.value !== this.props.value){\r\n\r\n if(!this.props.value){ //check for a new date entry and reset the date entry\r\n let previousDate = moment(prevProps.value, \"YYYY-MM-DD\");\r\n if(previousDate.isValid()) this.setState({dateDisplay: \"\", displayError: false, helperText: \"\" })\r\n }\r\n\r\n let momentDate = moment(this.props.value, \"YYYY-MM-DD\");\r\n if(!momentDate.isValid()) return;\r\n\r\n let formattedString = momentDate.format(\"DD/MM/YYYY\");\r\n this.setState({dateDisplay: formattedString})\r\n }\r\n\r\n }\r\n\r\n onChange = async (e)=>{\r\n e.preventDefault();\r\n let rawInput = e.target.value;\r\n let formattedDate = \"\";\r\n if(rawInput.length > 10){\r\n return;\r\n } else if(rawInput.length < 1){\r\n this.setState({dateDisplay: formattedDate});\r\n return;\r\n } else{\r\n if(this._checkInvalidCharacters(rawInput[rawInput.length-1])) return;\r\n formattedDate = this._addSlash(rawInput);\r\n if(this._checkIncorrectSectionLength(formattedDate)) return;\r\n this.setState({dateDisplay: formattedDate})\r\n }\r\n };\r\n\r\n _checkIncorrectSectionLength = (string)=>{\r\n let sections = string.split(\"/\");\r\n let isIncorrectLength = false;\r\n if(sections.length > 0){\r\n if(sections[0].length > 2) isIncorrectLength = true;\r\n }\r\n if(sections.length > 1){\r\n if(sections[1].length > 2) isIncorrectLength = true;\r\n }\r\n if(sections.length > 2){\r\n if(sections[2].length > 4) isIncorrectLength = true;\r\n }\r\n return isIncorrectLength;\r\n };\r\n\r\n _checkValidSectionData = (dateString)=>{\r\n let sections = dateString.split(\"/\");\r\n let isValidSectionData = true;\r\n if(sections.length !== 3) isValidSectionData = false;\r\n if(sections[0] > 31) isValidSectionData = false;\r\n if(sections[1] > 12) isValidSectionData = false;\r\n if(sections[2] < 1900 || sections[2] > 2100) isValidSectionData = false;\r\n return isValidSectionData;\r\n };\r\n\r\n _checkInvalidCharacters = (string) => {\r\n let invalidCharRegex = /[^0-9/]/gi;\r\n return !!string.match(invalidCharRegex);\r\n };\r\n\r\n _addSlash = (numericDate) => {\r\n let formattedDate = numericDate;\r\n if(this._checkNoOfSlash(numericDate) === 2) return numericDate;\r\n\r\n if(numericDate.length === 3){\r\n if(this._checkNoOfSlash(numericDate) < 1){\r\n formattedDate = numericDate.substr(0,2) + \"/\" + numericDate.substr(2);\r\n }\r\n }\r\n if(numericDate.length === 6){\r\n if(this._checkNoOfSlash(numericDate) < 2) {\r\n formattedDate = numericDate.substr(0, 5) + \"/\" + numericDate.substr(5);\r\n }\r\n }\r\n return formattedDate;\r\n };\r\n\r\n _checkNoOfSlash = (string) => {\r\n let slashRegex = /\\//gi;\r\n let slashMatch = string.match(slashRegex)\r\n if(!slashMatch) return 0;\r\n else return slashMatch.length\r\n }\r\n\r\n\r\n _checkInvalidChar = (alpherNumbericDate) => {\r\n var numberRegex = /\\D/g;\r\n if(numberRegex.test(alpherNumbericDate)){\r\n\r\n }\r\n var reg = /^[a-zA-Z]+$/;\r\n return !reg.test(alpherNumbericDate)\r\n };\r\n\r\n render() {\r\n return (\r\n \r\n \r\n {hasGroupPermissions && \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n }\r\n \r\n
\r\n\r\n \r\n this.onChange(event)}\r\n style={this.props.helperText ? {width: '100%', height: 60} : styles.container.textField.styles}\r\n value={this.state.dateDisplay}\r\n variant=\"outlined\"\r\n error={this.state.displayError || this.props.error}\r\n helperText={this.state.helperText || this.props.helperText}\r\n disabled={this.props.disabled || false}\r\n />\r\n
\r\n )\r\n }\r\n\r\n}\r\n\r\nconst styles = {\r\n container: {\r\n styles: {width: '100%'},\r\n textField: {\r\n styles: {width: '100%'}\r\n }\r\n }\r\n}\r\n\r\nGeneralTextDate.propTypes = {\r\n /*penColor: PropTypes.string.isRequired,\r\n dimensions: PropTypes.shape({\r\n width: PropTypes.number.isRequired,\r\n height: PropTypes.number.isRequired\r\n\r\n }).isRequired,\r\n clearButtonText: PropTypes.string*/\r\n}\r\n\r\nexport default GeneralTextDate","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport moment from 'moment'\r\nimport {Typography, Button, MenuItem, TextField, Radio} from '@material-ui/core';\r\nimport Select from 'react-select'\r\nimport {labelToObject} from '../../helpers/reactSelectHelper'\r\nimport GeneralTextDate from './GeneralTextDate'\r\n\r\nclass GeneralFormContainer extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n formInput: {}\r\n }\r\n }\r\n\r\n _handleTextChange = (key, event) => {\r\n let formInput = {...this.state.formInput};\r\n let value = event.target.value;\r\n formInput[key] = value;\r\n this.setState({formInput: formInput});\r\n this.props.onFieldChange(key, value)\r\n };\r\n\r\n _handleFileChange = (key, event) => {\r\n let formInput = {...this.state.formInput};\r\n let value = event.target.files;\r\n formInput[key] = value;\r\n this.setState({formInput: formInput});\r\n this.props.onFieldChange(key, value)\r\n }\r\n\r\n _handleSelectChange = (key, event) => {\r\n let value = event.target.value;\r\n let formInput = {...this.state.formInput};\r\n formInput[key] = value;\r\n this.setState({formInput: formInput});\r\n this.props.onFieldChange(key, value)\r\n };\r\n\r\n _handleRadioClick = (key, value) => {\r\n let formInput = {...this.state.formInput};\r\n formInput[key] = value;\r\n this.setState({formInput: formInput});\r\n this.props.onFieldChange(key, value)\r\n };\r\n\r\n _handleAutocompleteChange = (key,valueObj) => {\r\n this.props.onFieldChange(key,valueObj.label)\r\n if (this.props.onBlur) this.props.onBlur({key, value: valueObj.label})\r\n }\r\n\r\n _handleBlur = (key, event) =>{\r\n let value = event.target.value\r\n if (this.props.onBlur) this.props.onBlur({key, value})\r\n\r\n }\r\n\r\n\r\n _checkDisplayCondition({key,valueArr}){\r\n\r\n for (var i =0; i\r\n \r\n {formField.type !== 'hidden' && \r\n {formField.label}\r\n }\r\n
\r\n\r\n \r\n this._handleTextChange(formField.key, event)}\r\n value={this.props.formValues[formField.key]}\r\n style={styles.container.formContainer.row.inputRow.fieldWrapper.multiline.styles}\r\n variant=\"outlined\"\r\n multiline\r\n rows={formField.multilineRows}\r\n onBlur={(event)=>this._handleBlur(formField.key, event)}\r\n disabled={formField.disabled || false}\r\n />\r\n
\r\n )}\r\n\r\n {formField.type === 'select' && (\r\n \r\n {\r\n formField.options.map(option => (\r\n
\r\n )}\r\n\r\n {formField.type === 'autocomplete' && (\r\n \r\n this._handleRadioClick(formField.key, option.value)}\r\n value={option.value}\r\n name=\"radio-button-demo\"\r\n onBlur={(event)=>this._handleBlur(formField.key, event)}\r\n disabled={formField.disabled || false}\r\n />\r\n {option.label} \r\n
\r\n ))\r\n }\r\n \r\n this._handleAutocompleteChange(formField.key, v)}\r\n options={formField.options}\r\n isDisabled={formField.disabled}\r\n />\r\n
\r\n )}\r\n\r\n \r\n \r\n\r\n \r\n )\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n\r\n
\r\n );\r\n }\r\n\r\n}\r\n\r\nconst styles = {\r\n container: {\r\n styles: {\r\n width: '100%',\r\n },\r\n formContainer: {\r\n styles: {\r\n width: '100%',\r\n display: 'flex',\r\n flexWrap: 'wrap',\r\n },\r\n row: {\r\n styles: {\r\n width: '100%'\r\n },\r\n inputRow: {\r\n styles: {\r\n marginTop: 20,\r\n marginLeft: 0,\r\n marginRight: 60,\r\n display: 'flex',\r\n },\r\n labelWrapper: {\r\n styles: {flex: 2},\r\n label: {\r\n styles: {\r\n textAlign: 'left',\r\n marginTop: 5\r\n }\r\n }\r\n },\r\n fieldWrapper: {\r\n styles: {flex: 3},\r\n input: {\r\n styles: {width: '100%'}\r\n },\r\n multiline: {\r\n styles: {width: '100%'}\r\n },\r\n customComponent: {\r\n styles: {width: '100%'}\r\n }\r\n\r\n }\r\n\r\n },\r\n },\r\n\r\n btnRow: {\r\n styles: {\r\n width: '100%',\r\n marginTop: 40,\r\n display: 'flex',\r\n justifyContent: 'space-between'\r\n },\r\n btnWrapper: {\r\n styles: {flex: 1},\r\n btn: {\r\n width: 60,\r\n height: 30\r\n }\r\n }\r\n }\r\n\r\n },\r\n },\r\n};\r\n\r\nGeneralFormContainer.propTypes = {\r\n columns: PropTypes.number.isRequired,\r\n formFields: PropTypes.arrayOf(PropTypes.shape({\r\n key: PropTypes.string.isRequired,\r\n label: PropTypes.string.isRequired,\r\n type: PropTypes.oneOf(['text', 'password', 'select', 'file', 'date', 'multiline', 'radio', 'autocomplete', 'checkbox','hidden', 'general-text-date']),\r\n options: PropTypes.array,\r\n multilineRows: PropTypes.number\r\n })).isRequired,\r\n onFieldChange: PropTypes.func.isRequired,\r\n formValues: PropTypes.object.isRequired,\r\n};\r\n\r\nexport default GeneralFormContainer;","const Countries = [{\"label\":\"AFGHANISTAN\",\"value\":\"AFGHANISTAN\"},{\"label\":\"ALAND ISLANDS\",\"value\":\"ALAND ISLANDS\"},{\"label\":\"ALBANIA\",\"value\":\"ALBANIA\"},{\"label\":\"ALGERIA\",\"value\":\"ALGERIA\"},{\"label\":\"AMERICAN SAMOA\",\"value\":\"AMERICAN SAMOA\"},{\"label\":\"ANDORRA\",\"value\":\"ANDORRA\"},{\"label\":\"ANGOLA\",\"value\":\"ANGOLA\"},{\"label\":\"ANGUILLA\",\"value\":\"ANGUILLA\"},{\"label\":\"ANTARCTICA\",\"value\":\"ANTARCTICA\"},{\"label\":\"ANTIGUA AND BARBUDA\",\"value\":\"ANTIGUA AND BARBUDA\"},{\"label\":\"ARGENTINA\",\"value\":\"ARGENTINA\"},{\"label\":\"ARMENIA\",\"value\":\"ARMENIA\"},{\"label\":\"ARUBA\",\"value\":\"ARUBA\"},{\"label\":\"ASCENSION\",\"value\":\"ASCENSION\"},{\"label\":\"AUSTRALIA\",\"value\":\"AUSTRALIA\"},{\"label\":\"AUSTRIA\",\"value\":\"AUSTRIA\"},{\"label\":\"AZERBAIJAN\",\"value\":\"AZERBAIJAN\"},{\"label\":\"BAHAMAS\",\"value\":\"BAHAMAS\"},{\"label\":\"BAHRAIN\",\"value\":\"BAHRAIN\"},{\"label\":\"BANGLADESH\",\"value\":\"BANGLADESH\"},{\"label\":\"BARBADOS\",\"value\":\"BARBADOS\"},{\"label\":\"BELARUS\",\"value\":\"BELARUS\"},{\"label\":\"BELGIUM\",\"value\":\"BELGIUM\"},{\"label\":\"BELIZE\",\"value\":\"BELIZE\"},{\"label\":\"BENIN\",\"value\":\"BENIN\"},{\"label\":\"BERMUDA\",\"value\":\"BERMUDA\"},{\"label\":\"BHUTAN\",\"value\":\"BHUTAN\"},{\"label\":\"BOLIVIA, PLURINATIONAL STATE OF\",\"value\":\"BOLIVIA, PLURINATIONAL STATE OF\"},{\"label\":\"BONAIRE, SINT EUSTATIUS AND SABA\",\"value\":\"BONAIRE, SINT EUSTATIUS AND SABA\"},{\"label\":\"BOSNIA AND HERZEGOVINA\",\"value\":\"BOSNIA AND HERZEGOVINA\"},{\"label\":\"BOTSWANA\",\"value\":\"BOTSWANA\"},{\"label\":\"BOUVET ISLAND\",\"value\":\"BOUVET ISLAND\"},{\"label\":\"BRAZIL\",\"value\":\"BRAZIL\"},{\"label\":\"BRITISH INDIAN OCEAN TERRITORY\",\"value\":\"BRITISH INDIAN OCEAN TERRITORY\"},{\"label\":\"BRUNEI DARUSSALAM\",\"value\":\"BRUNEI DARUSSALAM\"},{\"label\":\"BULGARIA\",\"value\":\"BULGARIA\"},{\"label\":\"BURKINA FASO\",\"value\":\"BURKINA FASO\"},{\"label\":\"BURUNDI\",\"value\":\"BURUNDI\"},{\"label\":\"COTE D'IVOIRE\",\"value\":\"COTE D'IVOIRE\"},{\"label\":\"CAMBODIA\",\"value\":\"CAMBODIA\"},{\"label\":\"CAMEROON\",\"value\":\"CAMEROON\"},{\"label\":\"CANADA\",\"value\":\"CANADA\"},{\"label\":\"CAPE VERDE\",\"value\":\"CAPE VERDE\"},{\"label\":\"CAYMAN ISLANDS\",\"value\":\"CAYMAN ISLANDS\"},{\"label\":\"CENTRAL AFRICAN REPUBLIC\",\"value\":\"CENTRAL AFRICAN REPUBLIC\"},{\"label\":\"CHAD\",\"value\":\"CHAD\"},{\"label\":\"CHILE\",\"value\":\"CHILE\"},{\"label\":\"CHINA\",\"value\":\"CHINA\"},{\"label\":\"CHRISTMAS ISLAND\",\"value\":\"CHRISTMAS ISLAND\"},{\"label\":\"COCOS (KEELING) ISLANDS\",\"value\":\"COCOS (KEELING) ISLANDS\"},{\"label\":\"COLOMBIA\",\"value\":\"COLOMBIA\"},{\"label\":\"COMOROS\",\"value\":\"COMOROS\"},{\"label\":\"CONGO\",\"value\":\"CONGO\"},{\"label\":\"CONGO, THE DEMOCRATIC REPUBLIC OF THE\",\"value\":\"CONGO, THE DEMOCRATIC REPUBLIC OF THE\"},{\"label\":\"COOK ISLANDS\",\"value\":\"COOK ISLANDS\"},{\"label\":\"COSTA RICA\",\"value\":\"COSTA RICA\"},{\"label\":\"CROATIA\",\"value\":\"CROATIA\"},{\"label\":\"CUBA\",\"value\":\"CUBA\"},{\"label\":\"CURAÇAO\",\"value\":\"CURAÇAO\"},{\"label\":\"CYPRUS\",\"value\":\"CYPRUS\"},{\"label\":\"CZECH REPUBLIC\",\"value\":\"CZECH REPUBLIC\"},{\"label\":\"DENMARK\",\"value\":\"DENMARK\"},{\"label\":\"DIEGO GARCIA\",\"value\":\"DIEGO GARCIA\"},{\"label\":\"DJIBOUTI\",\"value\":\"DJIBOUTI\"},{\"label\":\"DOMINICA\",\"value\":\"DOMINICA\"},{\"label\":\"DOMINICAN REPUBLIC\",\"value\":\"DOMINICAN REPUBLIC\"},{\"label\":\"ECUADOR\",\"value\":\"ECUADOR\"},{\"label\":\"EGYPT\",\"value\":\"EGYPT\"},{\"label\":\"EL SALVADOR\",\"value\":\"EL SALVADOR\"},{\"label\":\"EQUATORIAL GUINEA\",\"value\":\"EQUATORIAL GUINEA\"},{\"label\":\"ERITREA\",\"value\":\"ERITREA\"},{\"label\":\"ESTONIA\",\"value\":\"ESTONIA\"},{\"label\":\"ETHIOPIA\",\"value\":\"ETHIOPIA\"},{\"label\":\"FALKLAND ISLANDS (MALVINAS)\",\"value\":\"FALKLAND ISLANDS (MALVINAS)\"},{\"label\":\"FAROE ISLANDS\",\"value\":\"FAROE ISLANDS\"},{\"label\":\"FIJI\",\"value\":\"FIJI\"},{\"label\":\"FINLAND\",\"value\":\"FINLAND\"},{\"label\":\"FRANCE\",\"value\":\"FRANCE\"},{\"label\":\"FRENCH GUIANA\",\"value\":\"FRENCH GUIANA\"},{\"label\":\"FRENCH POLYNESIA\",\"value\":\"FRENCH POLYNESIA\"},{\"label\":\"FRENCH SOUTHERN TERRITORIES\",\"value\":\"FRENCH SOUTHERN TERRITORIES\"},{\"label\":\"GABON\",\"value\":\"GABON\"},{\"label\":\"GAMBIA\",\"value\":\"GAMBIA\"},{\"label\":\"GEORGIA\",\"value\":\"GEORGIA\"},{\"label\":\"GERMANY\",\"value\":\"GERMANY\"},{\"label\":\"GHANA\",\"value\":\"GHANA\"},{\"label\":\"GIBRALTAR\",\"value\":\"GIBRALTAR\"},{\"label\":\"GREECE\",\"value\":\"GREECE\"},{\"label\":\"GREENLAND\",\"value\":\"GREENLAND\"},{\"label\":\"GRENADA\",\"value\":\"GRENADA\"},{\"label\":\"GUADELOUPE\",\"value\":\"GUADELOUPE\"},{\"label\":\"GUAM\",\"value\":\"GUAM\"},{\"label\":\"GUATEMALA\",\"value\":\"GUATEMALA\"},{\"label\":\"GUERNSEY\",\"value\":\"GUERNSEY\"},{\"label\":\"GUINEA\",\"value\":\"GUINEA\"},{\"label\":\"GUINEA-BISSAU\",\"value\":\"GUINEA-BISSAU\"},{\"label\":\"GUYANA\",\"value\":\"GUYANA\"},{\"label\":\"HAITI\",\"value\":\"HAITI\"},{\"label\":\"HEARD ISLAND AND MCDONALD ISLANDS\",\"value\":\"HEARD ISLAND AND MCDONALD ISLANDS\"},{\"label\":\"HOLY SEE (VATICAN CITY STATE)\",\"value\":\"HOLY SEE (VATICAN CITY STATE)\"},{\"label\":\"HONDURAS\",\"value\":\"HONDURAS\"},{\"label\":\"HONG KONG\",\"value\":\"HONG KONG\"},{\"label\":\"HUNGARY\",\"value\":\"HUNGARY\"},{\"label\":\"ICELAND\",\"value\":\"ICELAND\"},{\"label\":\"INDIA\",\"value\":\"INDIA\"},{\"label\":\"INDONESIA\",\"value\":\"INDONESIA\"},{\"label\":\"IRAN, ISLAMIC REPUBLIC OF\",\"value\":\"IRAN, ISLAMIC REPUBLIC OF\"},{\"label\":\"IRAQ\",\"value\":\"IRAQ\"},{\"label\":\"IRELAND\",\"value\":\"IRELAND\"},{\"label\":\"ISLE OF MAN\",\"value\":\"ISLE OF MAN\"},{\"label\":\"ISRAEL\",\"value\":\"ISRAEL\"},{\"label\":\"ITALY\",\"value\":\"ITALY\"},{\"label\":\"IVORY COAST\",\"value\":\"IVORY COAST\"},{\"label\":\"JAMAICA\",\"value\":\"JAMAICA\"},{\"label\":\"JAPAN\",\"value\":\"JAPAN\"},{\"label\":\"JERSEY\",\"value\":\"JERSEY\"},{\"label\":\"JORDAN\",\"value\":\"JORDAN\"},{\"label\":\"KAZAKHSTAN\",\"value\":\"KAZAKHSTAN\"},{\"label\":\"KENYA\",\"value\":\"KENYA\"},{\"label\":\"KIRIBATI\",\"value\":\"KIRIBATI\"},{\"label\":\"KOREA, DEMOCRATIC PEOPLE'S REPUBLIC OF\",\"value\":\"KOREA, DEMOCRATIC PEOPLE'S REPUBLIC OF\"},{\"label\":\"KOREA, REPUBLIC OF\",\"value\":\"KOREA, REPUBLIC OF\"},{\"label\":\"KOSOVO\",\"value\":\"KOSOVO\"},{\"label\":\"KUWAIT\",\"value\":\"KUWAIT\"},{\"label\":\"KYRGYZSTAN\",\"value\":\"KYRGYZSTAN\"},{\"label\":\"LAO PEOPLE'S DEMOCRATIC REPUBLIC\",\"value\":\"LAO PEOPLE'S DEMOCRATIC REPUBLIC\"},{\"label\":\"LATVIA\",\"value\":\"LATVIA\"},{\"label\":\"LEBANON\",\"value\":\"LEBANON\"},{\"label\":\"LESOTHO\",\"value\":\"LESOTHO\"},{\"label\":\"LIBERIA\",\"value\":\"LIBERIA\"},{\"label\":\"LIBYA\",\"value\":\"LIBYA\"},{\"label\":\"LIECHTENSTEIN\",\"value\":\"LIECHTENSTEIN\"},{\"label\":\"LITHUANIA\",\"value\":\"LITHUANIA\"},{\"label\":\"LUXEMBOURG\",\"value\":\"LUXEMBOURG\"},{\"label\":\"MACAO\",\"value\":\"MACAO\"},{\"label\":\"MACEDONIA, THE FORMER YUGOSLAV REPUBLIC OF\",\"value\":\"MACEDONIA, THE FORMER YUGOSLAV REPUBLIC OF\"},{\"label\":\"MADAGASCAR\",\"value\":\"MADAGASCAR\"},{\"label\":\"MALAWI\",\"value\":\"MALAWI\"},{\"label\":\"MALAYSIA\",\"value\":\"MALAYSIA\"},{\"label\":\"MALDIVES\",\"value\":\"MALDIVES\"},{\"label\":\"MALI\",\"value\":\"MALI\"},{\"label\":\"MALTA\",\"value\":\"MALTA\"},{\"label\":\"MARSHALL ISLANDS\",\"value\":\"MARSHALL ISLANDS\"},{\"label\":\"MARTINIQUE\",\"value\":\"MARTINIQUE\"},{\"label\":\"MAURITANIA\",\"value\":\"MAURITANIA\"},{\"label\":\"MAURITIUS\",\"value\":\"MAURITIUS\"},{\"label\":\"MAYOTTE\",\"value\":\"MAYOTTE\"},{\"label\":\"MEXICO\",\"value\":\"MEXICO\"},{\"label\":\"MICRONESIA, FEDERATED STATES OF\",\"value\":\"MICRONESIA, FEDERATED STATES OF\"},{\"label\":\"MOLDOVA, REPUBLIC OF\",\"value\":\"MOLDOVA, REPUBLIC OF\"},{\"label\":\"MONACO\",\"value\":\"MONACO\"},{\"label\":\"MONGOLIA\",\"value\":\"MONGOLIA\"},{\"label\":\"MONTENEGRO\",\"value\":\"MONTENEGRO\"},{\"label\":\"MONTSERRAT\",\"value\":\"MONTSERRAT\"},{\"label\":\"MOROCCO\",\"value\":\"MOROCCO\"},{\"label\":\"MOZAMBIQUE\",\"value\":\"MOZAMBIQUE\"},{\"label\":\"MYANMAR\",\"value\":\"MYANMAR\"},{\"label\":\"NAMIBIA\",\"value\":\"NAMIBIA\"},{\"label\":\"NAURU\",\"value\":\"NAURU\"},{\"label\":\"NEPAL\",\"value\":\"NEPAL\"},{\"label\":\"NETHERLANDS\",\"value\":\"NETHERLANDS\"},{\"label\":\"NETHERLANDS ANTILLES\",\"value\":\"NETHERLANDS ANTILLES\"},{\"label\":\"NEW CALEDONIA\",\"value\":\"NEW CALEDONIA\"},{\"label\":\"NEW ZEALAND\",\"value\":\"NEW ZEALAND\"},{\"label\":\"NICARAGUA\",\"value\":\"NICARAGUA\"},{\"label\":\"NIGER\",\"value\":\"NIGER\"},{\"label\":\"NIGERIA\",\"value\":\"NIGERIA\"},{\"label\":\"NIUE\",\"value\":\"NIUE\"},{\"label\":\"NORFOLK ISLAND\",\"value\":\"NORFOLK ISLAND\"},{\"label\":\"NORTHERN MARIANA ISLANDS\",\"value\":\"NORTHERN MARIANA ISLANDS\"},{\"label\":\"NORWAY\",\"value\":\"NORWAY\"},{\"label\":\"OMAN\",\"value\":\"OMAN\"},{\"label\":\"PAKISTAN\",\"value\":\"PAKISTAN\"},{\"label\":\"PALAU\",\"value\":\"PALAU\"},{\"label\":\"PALESTINIAN TERRITORY, OCCUPIED\",\"value\":\"PALESTINIAN TERRITORY, OCCUPIED\"},{\"label\":\"PANAMA\",\"value\":\"PANAMA\"},{\"label\":\"PAPUA NEW GUINEA\",\"value\":\"PAPUA NEW GUINEA\"},{\"label\":\"PARAGUAY\",\"value\":\"PARAGUAY\"},{\"label\":\"PERU\",\"value\":\"PERU\"},{\"label\":\"PHILIPPINES\",\"value\":\"PHILIPPINES\"},{\"label\":\"PITCAIRN\",\"value\":\"PITCAIRN\"},{\"label\":\"POLAND\",\"value\":\"POLAND\"},{\"label\":\"PORTUGAL\",\"value\":\"PORTUGAL\"},{\"label\":\"PUERTO RICO\",\"value\":\"PUERTO RICO\"},{\"label\":\"QATAR\",\"value\":\"QATAR\"},{\"label\":\"RÉUNION\",\"value\":\"RÉUNION\"},{\"label\":\"ROMANIA\",\"value\":\"ROMANIA\"},{\"label\":\"RUSSIAN FEDERATION\",\"value\":\"RUSSIAN FEDERATION\"},{\"label\":\"RWANDA\",\"value\":\"RWANDA\"},{\"label\":\"SAINT BARTHÉLEMY\",\"value\":\"SAINT BARTHÉLEMY\"},{\"label\":\"SAINT HELENA, ASCENSION AND TRISTAN DA CUNHA\",\"value\":\"SAINT HELENA, ASCENSION AND TRISTAN DA CUNHA\"},{\"label\":\"SAINT KITTS AND NEVIS\",\"value\":\"SAINT KITTS AND NEVIS\"},{\"label\":\"SAINT LUCIA\",\"value\":\"SAINT LUCIA\"},{\"label\":\"SAINT MARTIN (FRENCH PART)\",\"value\":\"SAINT MARTIN (FRENCH PART)\"},{\"label\":\"SAINT PIERRE AND MIQUELON\",\"value\":\"SAINT PIERRE AND MIQUELON\"},{\"label\":\"SAINT VINCENT AND THE GRENADINES\",\"value\":\"SAINT VINCENT AND THE GRENADINES\"},{\"label\":\"SAMOA\",\"value\":\"SAMOA\"},{\"label\":\"SAN MARINO\",\"value\":\"SAN MARINO\"},{\"label\":\"SAO TOME AND PRINCIPE\",\"value\":\"SAO TOME AND PRINCIPE\"},{\"label\":\"SAUDI ARABIA\",\"value\":\"SAUDI ARABIA\"},{\"label\":\"SENEGAL\",\"value\":\"SENEGAL\"},{\"label\":\"SERBIA\",\"value\":\"SERBIA\"},{\"label\":\"SEYCHELLES\",\"value\":\"SEYCHELLES\"},{\"label\":\"SIERRA LEONE\",\"value\":\"SIERRA LEONE\"},{\"label\":\"SINGAPORE\",\"value\":\"SINGAPORE\"},{\"label\":\"SINT MAARTEN (DUTCH PART)\",\"value\":\"SINT MAARTEN (DUTCH PART)\"},{\"label\":\"SLOVAKIA\",\"value\":\"SLOVAKIA\"},{\"label\":\"SLOVENIA\",\"value\":\"SLOVENIA\"},{\"label\":\"SOLOMON ISLANDS\",\"value\":\"SOLOMON ISLANDS\"},{\"label\":\"SOMALIA\",\"value\":\"SOMALIA\"},{\"label\":\"SOUTH AFRICA\",\"value\":\"SOUTH AFRICA\"},{\"label\":\"SOUTH GEORGIA AND THE SOUTH SANDWICH ISLANDS\",\"value\":\"SOUTH GEORGIA AND THE SOUTH SANDWICH ISLANDS\"},{\"label\":\"SOUTH SUDAN\",\"value\":\"SOUTH SUDAN\"},{\"label\":\"SPAIN\",\"value\":\"SPAIN\"},{\"label\":\"SRI LANKA\",\"value\":\"SRI LANKA\"},{\"label\":\"SUDAN\",\"value\":\"SUDAN\"},{\"label\":\"SURINAME\",\"value\":\"SURINAME\"},{\"label\":\"SVALBARD AND JAN MAYEN\",\"value\":\"SVALBARD AND JAN MAYEN\"},{\"label\":\"SWAZILAND\",\"value\":\"SWAZILAND\"},{\"label\":\"SWEDEN\",\"value\":\"SWEDEN\"},{\"label\":\"SWITZERLAND\",\"value\":\"SWITZERLAND\"},{\"label\":\"SYRIAN ARAB REPUBLIC\",\"value\":\"SYRIAN ARAB REPUBLIC\"},{\"label\":\"TAIWAN, PROVINCE OF CHINA\",\"value\":\"TAIWAN, PROVINCE OF CHINA\"},{\"label\":\"TAJIKISTAN\",\"value\":\"TAJIKISTAN\"},{\"label\":\"TANZANIA, UNITED REPUBLIC OF\",\"value\":\"TANZANIA, UNITED REPUBLIC OF\"},{\"label\":\"THAILAND\",\"value\":\"THAILAND\"},{\"label\":\"TIMOR-LESTE\",\"value\":\"TIMOR-LESTE\"},{\"label\":\"TOGO\",\"value\":\"TOGO\"},{\"label\":\"TOKELAU\",\"value\":\"TOKELAU\"},{\"label\":\"TONGA\",\"value\":\"TONGA\"},{\"label\":\"TRINIDAD AND TOBAGO\",\"value\":\"TRINIDAD AND TOBAGO\"},{\"label\":\"TUNISIA\",\"value\":\"TUNISIA\"},{\"label\":\"TURKEY\",\"value\":\"TURKEY\"},{\"label\":\"TURKMENISTAN\",\"value\":\"TURKMENISTAN\"},{\"label\":\"TURKS AND CAICOS ISLANDS\",\"value\":\"TURKS AND CAICOS ISLANDS\"},{\"label\":\"TUVALU\",\"value\":\"TUVALU\"},{\"label\":\"UGANDA\",\"value\":\"UGANDA\"},{\"label\":\"UKRAINE\",\"value\":\"UKRAINE\"},{\"label\":\"UNITED ARAB EMIRATES\",\"value\":\"UNITED ARAB EMIRATES\"},{\"label\":\"UNITED KINGDOM\",\"value\":\"UNITED KINGDOM\"},{\"label\":\"UNITED STATES\",\"value\":\"UNITED STATES\"},{\"label\":\"UNITED STATES MINOR OUTLYING ISLANDS\",\"value\":\"UNITED STATES MINOR OUTLYING ISLANDS\"},{\"label\":\"URUGUAY\",\"value\":\"URUGUAY\"},{\"label\":\"UZBEKISTAN\",\"value\":\"UZBEKISTAN\"},{\"label\":\"VANUATU\",\"value\":\"VANUATU\"},{\"label\":\"VENEZUELA, BOLIVARIAN REPUBLIC OF\",\"value\":\"VENEZUELA, BOLIVARIAN REPUBLIC OF\"},{\"label\":\"VIET NAM\",\"value\":\"VIET NAM\"},{\"label\":\"VIRGIN ISLANDS, BRITISH\",\"value\":\"VIRGIN ISLANDS, BRITISH\"},{\"label\":\"VIRGIN ISLANDS, U.S.\",\"value\":\"VIRGIN ISLANDS, U.S.\"},{\"label\":\"WALLIS AND FUTUNA\",\"value\":\"WALLIS AND FUTUNA\"},{\"label\":\"WESTERN SAHARA\",\"value\":\"WESTERN SAHARA\"},{\"label\":\"YEMEN\",\"value\":\"YEMEN\"},{\"label\":\"ZAMBIA\",\"value\":\"ZAMBIA\"},{\"label\":\"ZIMBABWE\",\"value\":\"ZIMBABWE\"}]\r\n\r\nexport default Countries","export const CARD_NO_OF_DIGITS = 19;\r\n\r\nexport const CR_CARD_PREFIX = \"00002\";\r\nexport const CTP_CARD_PREFIX = \"00004\";\r\nexport const CTP_CARD_DEFAULT_CCN = \"01001\";","const CallingCodes = [{\"country\":\"AFGHANISTAN\",\"label\":\"93\"},{\"country\":\"ALAND ISLANDS\",\"label\":\"358\"},{\"country\":\"ALBANIA\",\"label\":\"355\"},{\"country\":\"ALGERIA\",\"label\":\"213\"},{\"country\":\"AMERICAN SAMOA\",\"label\":\"1684\"},{\"country\":\"ANDORRA\",\"label\":\"376\"},{\"country\":\"ANGOLA\",\"label\":\"244\"},{\"country\":\"ANGUILLA\",\"label\":\"1264\"},{\"country\":\"ANTARCTICA\",\"label\":\"672\"},{\"country\":\"ANTIGUA AND BARBUDA\",\"label\":\"1268\"},{\"country\":\"ARGENTINA\",\"label\":\"54\"},{\"country\":\"ARMENIA\",\"label\":\"374\"},{\"country\":\"ARUBA\",\"label\":\"297\"},{\"country\":\"ASCENSION\",\"label\":\"247\"},{\"country\":\"AUSTRALIA\",\"label\":\"61\"},{\"country\":\"AUSTRIA\",\"label\":\"43\"},{\"country\":\"AZERBAIJAN\",\"label\":\"994\"},{\"country\":\"BAHAMAS\",\"label\":\"1242\"},{\"country\":\"BAHRAIN\",\"label\":\"973\"},{\"country\":\"BANGLADESH\",\"label\":\"880\"},{\"country\":\"BARBADOS\",\"label\":\"1246\"},{\"country\":\"BELARUS\",\"label\":\"375\"},{\"country\":\"BELGIUM\",\"label\":\"32\"},{\"country\":\"BELIZE\",\"label\":\"501\"},{\"country\":\"BENIN\",\"label\":\"229\"},{\"country\":\"BERMUDA\",\"label\":\"1441\"},{\"country\":\"BHUTAN\",\"label\":\"975\"},{\"country\":\"BOLIVIA, PLURINATIONAL STATE OF\",\"label\":\"591\"},{\"country\":\"BONAIRE, SINT EUSTATIUS AND SABA\",\"label\":\"599\"},{\"country\":\"BOSNIA AND HERZEGOVINA\",\"label\":\"387\"},{\"country\":\"BOTSWANA\",\"label\":\"267\"},{\"country\":\"BOUVET ISLAND\",\"label\":\"55\"},{\"country\":\"BRAZIL\",\"label\":\"55\"},{\"country\":\"BRITISH INDIAN OCEAN TERRITORY\",\"label\":\"246\"},{\"country\":\"BRUNEI DARUSSALAM\",\"label\":\"673\"},{\"country\":\"BULGARIA\",\"label\":\"359\"},{\"country\":\"BURKINA FASO\",\"label\":\"226\"},{\"country\":\"BURUNDI\",\"label\":\"257\"},{\"country\":\"COTE D'IVOIRE\",\"label\":\"225\"},{\"country\":\"CAMBODIA\",\"label\":\"855\"},{\"country\":\"CAMEROON\",\"label\":\"237\"},{\"country\":\"CANADA\",\"label\":\"1\"},{\"country\":\"CAPE VERDE\",\"label\":\"238\"},{\"country\":\"CAYMAN ISLANDS\",\"label\":\"1345\"},{\"country\":\"CENTRAL AFRICAN REPUBLIC\",\"label\":\"236\"},{\"country\":\"CHAD\",\"label\":\"235\"},{\"country\":\"CHILE\",\"label\":\"56\"},{\"country\":\"CHINA\",\"label\":\"86\"},{\"country\":\"CHRISTMAS ISLAND\",\"label\":\"61\"},{\"country\":\"COCOS (KEELING) ISLANDS\",\"label\":\"61\"},{\"country\":\"COLOMBIA\",\"label\":\"57\"},{\"country\":\"COMOROS\",\"label\":\"269\"},{\"country\":\"CONGO\",\"label\":\"243\"},{\"country\":\"CONGO, THE DEMOCRATIC REPUBLIC OF THE\",\"label\":\"243\"},{\"country\":\"COOK ISLANDS\",\"label\":\"682\"},{\"country\":\"COSTA RICA\",\"label\":\"506\"},{\"country\":\"CROATIA\",\"label\":\"385\"},{\"country\":\"CUBA\",\"label\":\"53\"},{\"country\":\"CURAÇAO\",\"label\":\"599\"},{\"country\":\"CYPRUS\",\"label\":\"357\"},{\"country\":\"CZECH REPUBLIC\",\"label\":\"420\"},{\"country\":\"DENMARK\",\"label\":\"45\"},{\"country\":\"DIEGO GARCIA\",\"label\":\"246\"},{\"country\":\"DJIBOUTI\",\"label\":\"253\"},{\"country\":\"DOMINICA\",\"label\":\"1767\"},{\"country\":\"DOMINICAN REPUBLIC\",\"label\":\"1\"},{\"country\":\"ECUADOR\",\"label\":\"593\"},{\"country\":\"EGYPT\",\"label\":\"20\"},{\"country\":\"EL SALVADOR\",\"label\":\"503\"},{\"country\":\"EQUATORIAL GUINEA\",\"label\":\"240\"},{\"country\":\"ERITREA\",\"label\":\"291\"},{\"country\":\"ESTONIA\",\"label\":\"372\"},{\"country\":\"ETHIOPIA\",\"label\":\"251\"},{\"country\":\"FALKLAND ISLANDS (MALVINAS)\",\"label\":\"500\"},{\"country\":\"FAROE ISLANDS\",\"label\":\"298\"},{\"country\":\"FIJI\",\"label\":\"679\"},{\"country\":\"FINLAND\",\"label\":\"358\"},{\"country\":\"FRANCE\",\"label\":\"33\"},{\"country\":\"FRENCH GUIANA\",\"label\":\"594\"},{\"country\":\"FRENCH POLYNESIA\",\"label\":\"689\"},{\"country\":\"FRENCH SOUTHERN TERRITORIES\",\"label\":\"262\"},{\"country\":\"GABON\",\"label\":\"241\"},{\"country\":\"GAMBIA\",\"label\":\"220\"},{\"country\":\"GEORGIA\",\"label\":\"995\"},{\"country\":\"GERMANY\",\"label\":\"49\"},{\"country\":\"GHANA\",\"label\":\"233\"},{\"country\":\"GIBRALTAR\",\"label\":\"350\"},{\"country\":\"GREECE\",\"label\":\"30\"},{\"country\":\"GREENLAND\",\"label\":\"299\"},{\"country\":\"GRENADA\",\"label\":\"1473\"},{\"country\":\"GUADELOUPE\",\"label\":\"590\"},{\"country\":\"GUAM\",\"label\":\"1671\"},{\"country\":\"GUATEMALA\",\"label\":\"502\"},{\"country\":\"GUERNSEY\",\"label\":\"44\"},{\"country\":\"GUINEA\",\"label\":\"240\"},{\"country\":\"GUINEA-BISSAU\",\"label\":\"245\"},{\"country\":\"GUYANA\",\"label\":\"592\"},{\"country\":\"HAITI\",\"label\":\"509\"},{\"country\":\"HEARD ISLAND AND MCDONALD ISLANDS\",\"label\":\"0\"},{\"country\":\"HOLY SEE (VATICAN CITY STATE)\",\"label\":\"379\"},{\"country\":\"HONDURAS\",\"label\":\"504\"},{\"country\":\"HONG KONG\",\"label\":\"852\"},{\"country\":\"HUNGARY\",\"label\":\"36\"},{\"country\":\"ICELAND\",\"label\":\"354\"},{\"country\":\"INDIA\",\"label\":\"91\"},{\"country\":\"INDONESIA\",\"label\":\"62\"},{\"country\":\"IRAN, ISLAMIC REPUBLIC OF\",\"label\":\"98\"},{\"country\":\"IRAQ\",\"label\":\"964\"},{\"country\":\"IRELAND\",\"label\":\"353\"},{\"country\":\"ISLE OF MAN\",\"label\":\"44\"},{\"country\":\"ISRAEL\",\"label\":\"972\"},{\"country\":\"ITALY\",\"label\":\"39\"},{\"country\":\"IVORY COAST\",\"label\":\"225\"},{\"country\":\"JAMAICA\",\"label\":\"1\"},{\"country\":\"JAPAN\",\"label\":\"81\"},{\"country\":\"JERSEY\",\"label\":\"44\"},{\"country\":\"JORDAN\",\"label\":\"962\"},{\"country\":\"KAZAKHSTAN\",\"label\":\"7\"},{\"country\":\"KENYA\",\"label\":\"254\"},{\"country\":\"KIRIBATI\",\"label\":\"686\"},{\"country\":\"KOREA, DEMOCRATIC PEOPLE'S REPUBLIC OF\",\"label\":\"850\"},{\"country\":\"KOREA, REPUBLIC OF\",\"label\":\"82\"},{\"country\":\"KOSOVO\",\"label\":\"383\"},{\"country\":\"KUWAIT\",\"label\":\"965\"},{\"country\":\"KYRGYZSTAN\",\"label\":\"996\"},{\"country\":\"LAO PEOPLE'S DEMOCRATIC REPUBLIC\",\"label\":\"856\"},{\"country\":\"LATVIA\",\"label\":\"371\"},{\"country\":\"LEBANON\",\"label\":\"961\"},{\"country\":\"LESOTHO\",\"label\":\"266\"},{\"country\":\"LIBERIA\",\"label\":\"231\"},{\"country\":\"LIBYA\",\"label\":\"218\"},{\"country\":\"LIECHTENSTEIN\",\"label\":\"423\"},{\"country\":\"LITHUANIA\",\"label\":\"370\"},{\"country\":\"LUXEMBOURG\",\"label\":\"352\"},{\"country\":\"MACAO\",\"label\":\"853\"},{\"country\":\"MACEDONIA, THE FORMER YUGOSLAV REPUBLIC OF\",\"label\":\"389\"},{\"country\":\"MADAGASCAR\",\"label\":\"261\"},{\"country\":\"MALAWI\",\"label\":\"265\"},{\"country\":\"MALAYSIA\",\"label\":\"60\"},{\"country\":\"MALDIVES\",\"label\":\"960\"},{\"country\":\"MALI\",\"label\":\"223\"},{\"country\":\"MALTA\",\"label\":\"356\"},{\"country\":\"MARSHALL ISLANDS\",\"label\":\"692\"},{\"country\":\"MARTINIQUE\",\"label\":\"596\"},{\"country\":\"MAURITANIA\",\"label\":\"222\"},{\"country\":\"MAURITIUS\",\"label\":\"230\"},{\"country\":\"MAYOTTE\",\"label\":\"262\"},{\"country\":\"MEXICO\",\"label\":\"52\"},{\"country\":\"MICRONESIA, FEDERATED STATES OF\",\"label\":\"691\"},{\"country\":\"MOLDOVA, REPUBLIC OF\",\"label\":\"373\"},{\"country\":\"MONACO\",\"label\":\"377\"},{\"country\":\"MONGOLIA\",\"label\":\"976\"},{\"country\":\"MONTENEGRO\",\"label\":\"382\"},{\"country\":\"MONTSERRAT\",\"label\":\"1664\"},{\"country\":\"MOROCCO\",\"label\":\"212\"},{\"country\":\"MOZAMBIQUE\",\"label\":\"258\"},{\"country\":\"MYANMAR\",\"label\":\"95\"},{\"country\":\"NAMIBIA\",\"label\":\"264\"},{\"country\":\"NAURU\",\"label\":\"674\"},{\"country\":\"NEPAL\",\"label\":\"977\"},{\"country\":\"NETHERLANDS\",\"label\":\"599\"},{\"country\":\"NETHERLANDS ANTILLES\",\"label\":\"599\"},{\"country\":\"NEW CALEDONIA\",\"label\":\"687\"},{\"country\":\"NEW ZEALAND\",\"label\":\"64\"},{\"country\":\"NICARAGUA\",\"label\":\"505\"},{\"country\":\"NIGER\",\"label\":\"227\"},{\"country\":\"NIGERIA\",\"label\":\"234\"},{\"country\":\"NIUE\",\"label\":\"683\"},{\"country\":\"NORFOLK ISLAND\",\"label\":\"672\"},{\"country\":\"NORTHERN MARIANA ISLANDS\",\"label\":\"1670\"},{\"country\":\"NORWAY\",\"label\":\"47\"},{\"country\":\"OMAN\",\"label\":\"968\"},{\"country\":\"PAKISTAN\",\"label\":\"92\"},{\"country\":\"PALAU\",\"label\":\"680\"},{\"country\":\"PALESTINIAN TERRITORY, OCCUPIED\",\"label\":\"970\"},{\"country\":\"PANAMA\",\"label\":\"507\"},{\"country\":\"PAPUA NEW GUINEA\",\"label\":\"675\"},{\"country\":\"PARAGUAY\",\"label\":\"595\"},{\"country\":\"PERU\",\"label\":\"51\"},{\"country\":\"PHILIPPINES\",\"label\":\"63\"},{\"country\":\"PITCAIRN\",\"label\":\"64\"},{\"country\":\"POLAND\",\"label\":\"48\"},{\"country\":\"PORTUGAL\",\"label\":\"351\"},{\"country\":\"PUERTO RICO\",\"label\":\"1\"},{\"country\":\"QATAR\",\"label\":\"974\"},{\"country\":\"RÉUNION\",\"label\":\"262\"},{\"country\":\"ROMANIA\",\"label\":\"40\"},{\"country\":\"RUSSIAN FEDERATION\",\"label\":\"7\"},{\"country\":\"RWANDA\",\"label\":\"250\"},{\"country\":\"SAINT BARTHÉLEMY\",\"label\":\"590\"},{\"country\":\"SAINT HELENA, ASCENSION AND TRISTAN DA CUNHA\",\"label\":\"290\"},{\"country\":\"SAINT KITTS AND NEVIS\",\"label\":\"1869\"},{\"country\":\"SAINT LUCIA\",\"label\":\"1758\"},{\"country\":\"SAINT MARTIN (FRENCH PART)\",\"label\":\"590\"},{\"country\":\"SAINT PIERRE AND MIQUELON\",\"label\":\"508\"},{\"country\":\"SAINT VINCENT AND THE GRENADINES\",\"label\":\"1784\"},{\"country\":\"SAMOA\",\"label\":\"1684\"},{\"country\":\"SAN MARINO\",\"label\":\"378\"},{\"country\":\"SAO TOME AND PRINCIPE\",\"label\":\"239\"},{\"country\":\"SAUDI ARABIA\",\"label\":\"966\"},{\"country\":\"SENEGAL\",\"label\":\"221\"},{\"country\":\"SERBIA\",\"label\":\"381\"},{\"country\":\"SEYCHELLES\",\"label\":\"248\"},{\"country\":\"SIERRA LEONE\",\"label\":\"232\"},{\"country\":\"SINGAPORE\",\"label\":\"65\"},{\"country\":\"SINT MAARTEN (DUTCH PART)\",\"label\":\"1721\"},{\"country\":\"SLOVAKIA\",\"label\":\"421\"},{\"country\":\"SLOVENIA\",\"label\":\"386\"},{\"country\":\"SOLOMON ISLANDS\",\"label\":\"677\"},{\"country\":\"SOMALIA\",\"label\":\"252\"},{\"country\":\"SOUTH AFRICA\",\"label\":\"27\"},{\"country\":\"SOUTH GEORGIA AND THE SOUTH SANDWICH ISLANDS\",\"label\":\"995\"},{\"country\":\"SOUTH SUDAN\",\"label\":\"211\"},{\"country\":\"SPAIN\",\"label\":\"34\"},{\"country\":\"SRI LANKA\",\"label\":\"94\"},{\"country\":\"SUDAN\",\"label\":\"211\"},{\"country\":\"SURINAME\",\"label\":\"597\"},{\"country\":\"SVALBARD AND JAN MAYEN\",\"label\":\"47\"},{\"country\":\"SWAZILAND\",\"label\":\"268\"},{\"country\":\"SWEDEN\",\"label\":\"46\"},{\"country\":\"SWITZERLAND\",\"label\":\"41\"},{\"country\":\"SYRIAN ARAB REPUBLIC\",\"label\":\"963\"},{\"country\":\"TAIWAN, PROVINCE OF CHINA\",\"label\":\"886\"},{\"country\":\"TAJIKISTAN\",\"label\":\"992\"},{\"country\":\"TANZANIA, UNITED REPUBLIC OF\",\"label\":\"255\"},{\"country\":\"THAILAND\",\"label\":\"66\"},{\"country\":\"TIMOR-LESTE\",\"label\":\"670\"},{\"country\":\"TOGO\",\"label\":\"228\"},{\"country\":\"TOKELAU\",\"label\":\"690\"},{\"country\":\"TONGA\",\"label\":\"676\"},{\"country\":\"TRINIDAD AND TOBAGO\",\"label\":\"1868\"},{\"country\":\"TUNISIA\",\"label\":\"216\"},{\"country\":\"TURKEY\",\"label\":\"90\"},{\"country\":\"TURKMENISTAN\",\"label\":\"993\"},{\"country\":\"TURKS AND CAICOS ISLANDS\",\"label\":\"1649\"},{\"country\":\"TUVALU\",\"label\":\"688\"},{\"country\":\"UGANDA\",\"label\":\"256\"},{\"country\":\"UKRAINE\",\"label\":\"380\"},{\"country\":\"UNITED ARAB EMIRATES\",\"label\":\"971\"},{\"country\":\"UNITED KINGDOM\",\"label\":\"44\"},{\"country\":\"UNITED STATES\",\"label\":\"1\"},{\"country\":\"UNITED STATES MINOR OUTLYING ISLANDS\",\"label\":\"699\"},{\"country\":\"URUGUAY\",\"label\":\"598\"},{\"country\":\"UZBEKISTAN\",\"label\":\"998\"},{\"country\":\"VANUATU\",\"label\":\"678\"},{\"country\":\"VENEZUELA, BOLIVARIAN REPUBLIC OF\",\"label\":\"58\"},{\"country\":\"VIET NAM\",\"label\":\"84\"},{\"country\":\"VIRGIN ISLANDS, BRITISH\",\"label\":\"1284\"},{\"country\":\"VIRGIN ISLANDS, U.S.\",\"label\":\"1340\"},{\"country\":\"WALLIS AND FUTUNA\",\"label\":\"681\"},{\"country\":\"WESTERN SAHARA\",\"label\":\"212\"},{\"country\":\"YEMEN\",\"label\":\"967\"},{\"country\":\"ZAMBIA\",\"label\":\"260\"},{\"country\":\"ZIMBABWE\",\"label\":\"263\"}]\r\n\r\nexport default CallingCodes","import cloneDeep from 'lodash/cloneDeep'\r\nimport axios from 'axios'\r\nimport { getSettings } from '../config/config'\r\nimport { getCurrentAuthHeader, getDestinationFromFltNumber, getOriginFromFltNumber, toBrowserFriendlyDate } from '../helpers/utilities'\r\nimport moment from 'moment'\r\nimport { formDetailsListMockGenerator } from '../dummy/formDetailsListMockGenerator'\r\nimport Countries from '../data/countriesCRM'\r\nimport querystring from 'querystring'\r\nimport produce from 'immer'\r\nimport { checkValidStatusCode } from '../helpers/httpHelper.js'\r\nimport { CTP_CARD_DEFAULT_CCN } from '../constants/cardConstants'\r\nimport { findCountryFromCallingCode } from '../helpers/callingCodeHelper.js'\r\nimport { VISITING_SIN } from \"../constants/individualSubmitTypes\";\r\n\r\nconst RESET_INDVIDIUAL_FORM_REDUCER = 'RESET_INDVIDIUAL_FORM_REDUCER'\r\nconst UPDATE_CURRENT_PAX_FORM_DETAILS = 'UPDATE_CURRENT_PAX_FORM_DETAILS'\r\nconst UPDATE_COLLECTOR_DETAILS = 'UPDATE_COLLECTOR_DETAILS'\r\nconst ADD_USER_TICKET_AND_PASSPORT = 'ADD_USER_TICKET_AND_PASSPORT'\r\nconst UPDATE_COLLECTOR_PERSONAL_DETAILS = 'UPDATE_COLLECTOR_PERSONAL_DETAILS'\r\nconst CLEAR_PAX_DETAILS = 'CLEAR_PAX_DETAILS'\r\nconst CLEAR_SECTOR_1_2 = 'CLEAR_SECTOR_1_2'\r\nconst CLEAR_SECTOR_3_4 = 'CLEAR_SECTOR_3_4'\r\nconst UPDATE_BOARDING_PASS_DETAILS = 'UPDATE_BOARDING_PASS_DETAILS'\r\nconst UPDATE_PASSPORT_DETAILS = 'UPDATE_PASSPORT_DETAILS'\r\nconst DELETE_PAX = 'DELETE_PAX'\r\nconst RESTORE_PAX = 'RESTORE_PAX'\r\nconst SUBMIT_INDIVIDUAL_FORM_IS_LOADING = 'SUBMIT_INDIVIDUAL_FORM_IS_LOADING'\r\nconst UPDATE_DETAILS_FROM_SQ_RESPONSE = 'UPDATE_DETAILS_FROM_SQ_RESPONSE'\r\nconst SUBMIT_INDIVIDUAL_FORM_SUCCESS = 'SUBMIT_INDIVIDUAL_FORM_SUCCESS'\r\nconst SUBMIT_INDIVIDUAL_FORM_FAIL = 'SUBMIT_INDIVIDUAL_FORM_FAIL'\r\nconst COMMIT_FORM_DETAILS_INTO_LIST = 'COMMIT_FORM_DETAILS_INTO_LIST'\r\nconst CLEAR_FORM_DETAILS_LIST = 'CLEAR_FORM_DETAILS_LIST'\r\nconst CHECK_AND_UPDATE_ELIGIBILITY_IS_LOADING = 'CHECK_AND_UPDATE_ELIGIBILITY_IS_LOADING'\r\nconst CHECK_AND_UPDATE_ELIGIBILITY_SUCCESS = 'CHECK_AND_UPDATE_ELIGIBILITY_SUCCESS'\r\nconst CHECK_AND_UPDATE_ELIGIBILITY_FAIL = 'CHECK_AND_UPDATE_ELIGIBILITY_FAIL'\r\nconst MEMBER_SEARCH_IS_LOADING = 'MEMBER_SEARCH_IS_LOADING'\r\nconst MEMBER_SEARCH_SUCCESS = 'MEMBER_SEARCH_SUCCESS'\r\nconst MEMBER_SEARCH_FAIL = 'MEMBER_SEARCH_FAIL'\r\nconst UPDATE_CURRENT_PAX_CTP_VALUE = 'UPDATE_CURRENT_PAX_CTP_VALUE'\r\nconst SET_MOCK_DATA = 'SET_MOCK_DATA'\r\nconst UPLOAD_FILE_IS_LOADING = 'UPLOAD_FILE_IS_LOADING'\r\nconst UPLOAD_FILE_SUCCESS = 'UPLOAD_FILE_SUCCESS'\r\nconst UPLOAD_FILE_FAIL = 'UPLOAD_FILE_FAIL'\r\nconst UPLOAD_SIGNATURE_SUCCESS = 'UPLOAD_SIGNATURE_SUCCESS'\r\nconst UPDATE_FORM_DETAILS_LIST = 'UPDATE_FORM_DETAILS_LIST'\r\nconst RESET_COLLECTOR_DETAILS = 'RESET_COLLECTOR_DETAILS'\r\nconst UPDATE_ENTIRE_INDIVIDUAL_FORM = 'UPDATE_ENTIRE_INDIVIDUAL_FORM'\r\nconst COPY_FORM_DETAILS_TO_CURRENT_PAX = 'COPY_FORM_DETAILS_TO_CURRENT_PAX'\r\nconst CANCEL_EDITING_PAX = 'CANCEL_EDITING_PAX'\r\nconst UPDATE_PROMPTED_RETRIEVE_DRAFT = 'UPDATE_PROMPTED_RETRIEVE_DRAFT'\r\nconst UPDATE_PROMPTED_AUTO_FILL_SECTOR = 'UPDATE_PROMPTED_AUTO_FILL_SECTOR'\r\nconst REPLACE_DRAFT = 'REPLACE_DRAFT'\r\nconst REPLACE_DRAFT_SUCCESS = 'REPLACE_DRAFT_SUCCESS'\r\nconst UPDATE_CR_DETAILS = 'UPDATE_CR_DETAILS'\r\n\r\nlet settings = getSettings()\r\nlet baseURL = settings.baseURL\r\n\r\nconst dummy = formDetailsListMockGenerator(9)\r\n\r\nexport const initFormDetails = {\r\n\tpax: 0, // will be updated when save to DetailsList\r\n\teTicketsDetails: {\r\n\t\teTicket1: '',\r\n\t\teTicket2: '',\r\n\t\teTicket3: '',\r\n\t\teTicket4: '',\r\n\t\teTicket1LastName: '',\r\n\t\teTicket2LastName: '',\r\n\t\teTicket3LastName: '',\r\n\t\teTicket4LastName: '',\r\n\t\tisETicketsVerified: false,\r\n\t\tcampaignCode: '',\r\n\t\tpnr: '',\r\n\t},\r\n\tpersonalDetails: {\r\n\t\tfirstName: '',\r\n\t\tlastName: '',\r\n\t\tdob: '',\r\n\t\tremarks: ''\r\n\t},\r\n\tsector1Details: {\r\n\t\tsearch: null,\r\n\t\tflightNo: null,\r\n\t\tdestination: 'Singapore',\r\n\t\torigin: null,\r\n\t\toriginCode: null,\r\n\t\tdepartingDate: moment().format('YYYY-MM-DD'),\r\n\t\tremarks: '',\r\n\t\tsingaporeCode: 'SIN',\r\n\t},\r\n\tsector2Details: {\r\n\t\tsearch: null,\r\n\t\tflightNo: null,\r\n\t\tdestination: null,\r\n\t\tdestinationCode: null,\r\n\t\tdestinationCityCode: null,\r\n\t\torigin: 'Singapore',\r\n\t\tdepartingDate: moment().format('YYYY-MM-DD'),\r\n\t\tlandSeaScootBool: 'na',\r\n\t\tlandSeaRemarks: '',\r\n\t\tattachmentUris: [],\r\n\t\tsingaporeCode: 'SIN',\r\n\t},\r\n\tsector3Details: {\r\n\t\tsearch: null,\r\n\t\tflightNo: null,\r\n\t\tdestination: 'Singapore',\r\n\t\tdestinationCode: null,\r\n\t\tdestinationCityCode: null,\r\n\t\torigin: null,\r\n\t\tdepartingDate: moment().format('YYYY-MM-DD'),\r\n\t\tlandSeaScootBool: 'na',\r\n\t\tlandSeaRemarks: '',\r\n\t\tattachmentUris: [],\r\n\t\tsingaporeCode: 'SIN',\r\n\t},\r\n\tsector4Details: {\r\n\t\tsearch: null,\r\n\t\tflightNo: null,\r\n\t\tdestination: null,\r\n\t\torigin: 'Singapore',\r\n\t\toriginCode: null,\r\n\t\tdepartingDate: moment().format('YYYY-MM-DD'),\r\n\t\tremarks: '',\r\n\t\tsingaporeCode: 'SIN',\r\n\t},\r\n\tticketDetails: [],\r\n\tisDeleted: false,\r\n\tctpVoucherValue: 0,\r\n\tctpGenValue: 0,\r\n\tctpLpcValue: 0,\r\n\tcardNo: '',\r\n\tfullCardNo: '',\r\n\tccn: '',\r\n\tpreloadedVouchersCardNo: '',\r\n\tgenPhysicalVoucherNo: '',\r\n\tlpcPhysicalVoucherNo: '',\r\n\tphysicalVoucherIssued: false,\r\n\tredemptionTransactionId: 0,\r\n\tflightType: VISITING_SIN\r\n}\r\n\r\nconst initState = {\r\n\tredemptionTransactionId: 0,\r\n\tformDetailsList: [],\r\n\tcurrentPaxFormDetails: cloneDeep(initFormDetails),\r\n\tcurrentPaxPosition: 1,\r\n\tnumberOfSector: 2,\r\n\tisFirstPax: false,\r\n\thaveTwoTouchPoint: 'No',\r\n\tpromptedRetrieveDraft: false,\r\n\tpromptedAutoFillSector: false,\r\n\tcollectorDetails: {\r\n\t\tregisterCr: false, //todo:syd remove\r\n\t\texistingCr: false, //todo:syd remove\r\n\t\tfrequencyOfTravelInPastYear: 0,\r\n\t\tsignatureUri: '',\r\n\t\tcardNo: '',\r\n\t\tcrMemberId: '',\r\n\t\tname: '',\r\n\t\tsurname: '',\r\n\t\temail: '',\r\n\t\tdob: moment()\r\n\t\t\t.subtract(16, 'year')\r\n\t\t\t.format('YYYY-MM-DD'),\r\n\t\tcountry: '',\r\n\t\tcountryCode: '',\r\n\t\tcontactNo: '',\r\n\t\tareaCode: '',\r\n\t\tcsoSignatureBase64: '',\r\n\t\tclientSignatureBase64: '',\r\n\t\tisVerified: false,\r\n\t\tallowReceivingInfo: false,\r\n\t\tcollectionConsent: '', //todo:syd remove\r\n\t\tmarketingConsent: '', //todo:syd remove\r\n\t\tairlineConsent: '', //todo:syd remove\r\n\t\tadditionalCrConsent: '', //todo:syd remove\r\n\t\tissuePhysicalVoucherToCr: false,\r\n\t},\r\n\tsubmitIndividualFormIsLoading: false,\r\n\tcheckAndUpdateEligibilityIsLoading: false,\r\n\tmemberSearchIsLoading: false,\r\n\tuploadFileIsLoading: false,\r\n\teditMode: false,\r\n\tindividualFilesUploadIsLoading: false,\r\n\tdraft: {},\r\n\tdraftRedemptionTransaction: {},\r\n\tcardNo: '',\r\n\tfullCardNo: '',\r\n\tfindPassengerDataWithCardNoIsLoading: false,\r\n\tfindPassengerInGroupIsLoading: false,\r\n\tgetDraftFromOtherRedemptionTransactionIsLoading: false,\r\n\tpassengerFromCard: {},\r\n\tpassengerFromGroup: {},\r\n\tpassengerDataWithCardNo: {},\r\n\tindividualGroupCheckRedeemedPassengerIsLoading: false,\r\n\tfindPassengerWithAppealIsLoading: false,\r\n\tctpDigitalCards: [],\r\n\tpreloadedVouchersCards: [],\r\n\tcrDetailsFromOCID: {\r\n\t\tcardNo: '',\r\n\t\tname: '',\r\n\t\tsurname: '',\r\n\t\temail: '',\r\n\t\tcontactNo: '',\r\n\t\tcountryCode: '',\r\n\t\tcountry: '',\r\n\t\tdob: '',\r\n\t\tcrMemberId: '',\r\n\t},\r\n\tisShowDeletedPax:true\r\n}\r\n\r\nexport const resetIndividualFormReducer = () => ({\r\n\ttype: RESET_INDVIDIUAL_FORM_REDUCER,\r\n})\r\n\r\nexport const updateCurrentPaxCtpValue = (voucherValue) => ({\r\n\ttype: UPDATE_CURRENT_PAX_CTP_VALUE,\r\n\tvoucherValue,\r\n})\r\n\r\nexport const clearFormDetailsList = () => ({\r\n\ttype: CLEAR_FORM_DETAILS_LIST,\r\n})\r\n\r\nexport const updateCurrentPaxFormDetails = (formDetails) => ({\r\n\ttype: UPDATE_CURRENT_PAX_FORM_DETAILS,\r\n\tformDetails,\r\n})\r\n\r\nexport const updateCollectorDetails = (collectorDetails) => ({\r\n\ttype: UPDATE_COLLECTOR_DETAILS,\r\n\tcollectorDetails,\r\n})\r\n\r\nexport const updateCollectorPersonalDetails = (flightData) => ({\r\n\ttype: UPDATE_COLLECTOR_PERSONAL_DETAILS,\r\n\tflightData,\r\n})\r\n\r\nexport const addUserTicketAndPassport = (details) => ({\r\n\ttype: ADD_USER_TICKET_AND_PASSPORT,\r\n\tpayload: details,\r\n})\r\n\r\nexport const clearPaxDetails = () => ({\r\n\ttype: CLEAR_PAX_DETAILS,\r\n})\r\n\r\nexport const clearSector12 = () => ({\r\n\ttype: CLEAR_SECTOR_1_2,\r\n})\r\n\r\nexport const clearSector34 = () => ({\r\n\ttype: CLEAR_SECTOR_3_4,\r\n})\r\n\r\nexport const updateBoardingPassDetails = ({ eTicketKey, boardingPassData }) => ({\r\n\ttype: UPDATE_BOARDING_PASS_DETAILS,\r\n\tboardingPassData,\r\n\teTicketKey,\r\n})\r\n\r\nexport const updatePassportDetails = (passportData) => ({\r\n\ttype: UPDATE_PASSPORT_DETAILS,\r\n\tpassportData: passportData,\r\n})\r\n\r\nexport const updateCrDetails = (crDetails) => ({\r\n\ttype: UPDATE_CR_DETAILS,\r\n\tcrDetails: crDetails,\r\n})\r\n\r\nexport const deletePax = (pax) => ({\r\n\ttype: DELETE_PAX,\r\n\tpax: pax,\r\n})\r\n\r\nexport const restorePax = (pax) => ({\r\n\ttype: RESTORE_PAX,\r\n\tpayload: pax,\r\n})\r\n\r\nexport const submitIndividualForm = ({\r\n\tform,\r\n\tredemptionTransactionId,\r\n\tcollectionConsent,\r\n\tmarketingConsent,\r\n\tairlineConsent,\r\n\tadditionalCrConsent,\r\n\tregisterCr,\r\n\texistingCr,\r\n\tisDigitalCard,\r\n\tisPreloadedVouchersCard,\r\n}) => async (dispatch) => {\r\n\tdispatch(_submitIndividualFormIsLoading())\r\n\tconst { collectorDetails } = form\r\n\r\n\tconst passengers = []\r\n\tform.formDetailsList.forEach((p) => {\r\n\t\tlet eTickets = []\r\n\t\tif (p.isDeleted) return\r\n\r\n\t\tconst keys = ['eTicket1', 'eTicket2', 'eTicket3', 'eTicket4']\r\n\t\tkeys.forEach((k, i) => {\r\n\t\t\teTickets.push({\r\n\t\t\t\teTicketNo: p.eTicketsDetails[k],\r\n\t\t\t\tlastName: p.eTicketsDetails[k + 'LastName'],\r\n\t\t\t\tremarks: p.ticketDetails[i] ? p.ticketDetails[i].remarks : '',\r\n\t\t\t\tcheckStatus: p.ticketDetails[i] ? p.ticketDetails[i].checkStatus : '',\r\n\t\t\t})\r\n\t\t})\r\n\t\tp.redemptionTransactionId = redemptionTransactionId\r\n\t\tpassengers.push({\r\n\t\t\tpnr: p.eTicketsDetails.pnr,\r\n\t\t\t// transactionId: null,\r\n\t\t\tfirstName: p.personalDetails.firstName,\r\n\t\t\tlastName: p.personalDetails.lastName,\r\n\t\t\tdob: p.personalDetails.dob,\r\n\t\t\tremarks: p.personalDetails.remarks,\r\n\t\t\tpassportNo: p.personalDetails.passportNo,\r\n\t\t\t// countryOfResidence: 'string',\r\n\t\t\tsqResponse: p.ticketDetails[0] ? p.ticketDetails[0].encodedCriteria : null,\r\n\t\t\t// ctpVoucherValue: p.ctpVoucherValue,\r\n\t\t\torigin: p.sector1Details.origin,\r\n\t\t\tvoucherValue: p.ctpVoucherValue,\r\n\t\t\teTickets,\r\n\t\t\tctpEligibility: p.ticketDetails[0] ? p.ticketDetails[0].ctpEligibility : '',\r\n\t\t\tetVerified: p.ticketDetails[0] ? p.ticketDetails[0].etVerified : '',\r\n\t\t\tsectors: [\r\n\t\t\t\t{\r\n\t\t\t\t\tsectorNo: 1,\r\n\t\t\t\t\torigin: p.sector1Details.origin,\r\n\t\t\t\t\toriginCode: p.sector1Details.originCode,\r\n\t\t\t\t\tdestination: p.sector1Details.destination,\r\n\t\t\t\t\tflightNo: p.sector1Details.flightNo,\r\n\t\t\t\t\tdepartureDate: p.sector1Details.departingDate,\r\n\t\t\t\t\tremarks: p.sector1Details.remarks,\r\n\t\t\t\t\tarrivalDate: p.sector1Details.arrivalDate,\r\n\t\t\t\t\tsingaporeCode: p.sector1Details.singaporeCode,\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tsectorNo: 2,\r\n\t\t\t\t\torigin: p.sector2Details.origin,\r\n\t\t\t\t\tdestination: p.sector2Details.destination,\r\n\t\t\t\t\tdestinationCode: p.sector2Details.destinationCode,\r\n\t\t\t\t\tsingaporeCode: p.sector2Details.singaporeCode,\r\n\t\t\t\t\tflightNo: p.sector2Details.flightNo,\r\n\t\t\t\t\tdepartureDate: p.sector2Details.departingDate || '1900-01-01',\r\n\r\n\t\t\t\t\tremarks: p.sector2Details.landSeaRemarks,\r\n\t\t\t\t\tattachmentUris: p.sector2Details.attachmentUris,\r\n\t\t\t\t\ttransportMean: p.sector2Details.landSeaScootBool,\r\n\t\t\t\t\tlandSea: p.sector2Details.landSeaScootBool,\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tsectorNo: 3,\r\n\t\t\t\t\torigin: p.sector3Details.origin,\r\n\t\t\t\t\tdestination: p.sector3Details.destination,\r\n\t\t\t\t\tdestinationCode: p.sector3Details.destinationCode,\r\n\t\t\t\t\tsingaporeCode: p.sector3Details.singaporeCode,\r\n\t\t\t\t\tflightNo: p.sector3Details.flightNo,\r\n\t\t\t\t\tdepartureDate: p.sector3Details.departingDate || '1900-01-01',\r\n\r\n\t\t\t\t\tremarks: p.sector3Details.landSeaRemarks,\r\n\t\t\t\t\tattachmentUris: p.sector3Details.attachmentUris,\r\n\t\t\t\t\ttransportMean: p.sector3Details.landSeaScootBool,\r\n\t\t\t\t\tlandSea: p.sector3Details.landSeaScootBool,\r\n\t\t\t\t},\r\n\t\t\t\t{\r\n\t\t\t\t\tsectorNo: 4,\r\n\t\t\t\t\torigin: p.sector4Details.origin,\r\n\t\t\t\t\toriginCode: p.sector4Details.originCode,\r\n\t\t\t\t\tdestination: p.sector4Details.destination,\r\n\t\t\t\t\tflightNo: p.sector4Details.flightNo,\r\n\t\t\t\t\tdepartureDate: p.sector4Details.departingDate,\r\n\t\t\t\t\tremarks: p.sector4Details.remarks,\r\n\t\t\t\t\tarrivalDate: p.sector4Details.arrivalDate,\r\n\t\t\t\t\tsingaporeCode: p.sector4Details.singaporeCode,\r\n\t\t\t\t},\r\n\t\t\t],\r\n\t\t\tcardNo: p.cardNo,\r\n\t\t\tpreloadedVouchersCardNo: p.preloadedVouchersCardNo,\r\n\t\t\tgenPhysicalVoucherNo: p.genPhysicalVoucherNo,\r\n\t\t\tlpcPhysicalVoucherNo: p.lpcPhysicalVoucherNo,\r\n\t\t\tphysicalVoucherIssued: !!p.genPhysicalVoucherNo,\r\n\t\t})\r\n\t})\r\n\r\n\tconst collector = {\r\n\t\temail: collectorDetails.email,\r\n\t\tname: collectorDetails.name,\r\n\t\tsurname: collectorDetails.surname,\r\n\t\tdob: collectorDetails.dob,\r\n\t\tcountry: collectorDetails.country,\r\n\t\tcontactNo: collectorDetails.contactNo,\r\n\t\tcountryCode: collectorDetails.countryCode,\r\n\t\tareaCode: collectorDetails.areaCode,\r\n\t\tcrMemberId: collectorDetails.crMemberId,\r\n\t\tallowReceivingInfo: collectorDetails.allowReceivingInfo,\r\n\t\tregisterCr: registerCr,\r\n\t\texistingCr: existingCr,\r\n\t\tfrequencyOfTravelInPastYear: collectorDetails.frequencyOfTravelInPastYear,\r\n\t\tcollectionConsent: collectionConsent,\r\n\t\tmarketingConsent: marketingConsent,\r\n\t\tairlineConsent: airlineConsent,\r\n\t\tadditionalCrConsent: additionalCrConsent,\r\n\t}\r\n\r\n\tconst data = {\r\n\t\tcollector,\r\n\t\tpassengers,\r\n\t\tcardNo: collectorDetails.cardNo,\r\n\t\tregisterCr: registerCr,\r\n\t\texistingCr: existingCr,\r\n\t\tisDigitalCard: isDigitalCard,\r\n\t\tisPreloadedVouchersCard: isPreloadedVouchersCard,\r\n\t\tfrequencyOfTravelInPastYear: collectorDetails.frequencyOfTravelInPastYear,\r\n\t\tsignatureUri: collectorDetails.signatureUri,\r\n\t\tredemptionTransactionId: redemptionTransactionId,\r\n\t\tissuePhysicalVoucherToCr: collectorDetails.issuePhysicalVoucherToCr,\r\n\t\temail: collectorDetails.email,\r\n\t\tcampaignCode: form.formDetailsList[0].eTicketsDetails.campaignCode\r\n\t}\r\n\r\n\tconst rs = await axios.post(baseURL + '/IndividualPassenger/CreateV2', data, getCurrentAuthHeader()).catch((e) => {\r\n\t\tif (!checkValidStatusCode(e.response.status)) {\r\n\t\t\tconst {\r\n\t\t\t\tresponse: {\r\n\t\t\t\t\tdata: {\r\n\t\t\t\t\t\terror: { message },\r\n\t\t\t\t\t},\r\n\t\t\t\t},\r\n\t\t\t} = e\r\n\t\t\treturn { data: { success: false, error: { message } } }\r\n\t\t}\r\n\t\treturn { data: { success: false, error: { message: e.response.status + ' Unexpected error' } } }\r\n\t})\r\n\r\n\tif (rs.data.success) {\r\n\t\tdispatch(_submitIndividualFormSuccess(rs.data))\r\n\t\treturn { success: true, message: '' }\r\n\t} else {\r\n\t\tdispatch(_submitIndividualFormFail())\r\n\t\treturn { success: false, message: rs.data.error.message }\r\n\t}\r\n}\r\n\r\nconst _submitIndividualFormIsLoading = () => ({\r\n\ttype: SUBMIT_INDIVIDUAL_FORM_IS_LOADING,\r\n})\r\n\r\nconst _submitIndividualFormSuccess = (data) => ({\r\n\ttype: SUBMIT_INDIVIDUAL_FORM_SUCCESS,\r\n\tdata,\r\n})\r\n\r\nconst _submitIndividualFormFail = () => ({\r\n\ttype: SUBMIT_INDIVIDUAL_FORM_FAIL,\r\n})\r\n\r\nexport const checkAndUpdateEligibility = ({ ticketDetails, redemptionTransactionId }) => async (dispatch) => {\r\n\tdispatch(_checkAndUpdateEligibilityIsLoading())\r\n\tlet data = { ticketDetails, redemptionTransactionId }\r\n\tconst rs = await axios.post(baseURL + '/SqApi/checkIndividualPassengerTicket', data, getCurrentAuthHeader()).catch((e) => {\r\n\t\tif (!checkValidStatusCode(e.response.status)) {\r\n\t\t\tconst {\r\n\t\t\t\tresponse: {\r\n\t\t\t\t\tdata: {\r\n\t\t\t\t\t\terror: { message },\r\n\t\t\t\t\t},\r\n\t\t\t\t},\r\n\t\t\t} = e\r\n\t\t\treturn { data: { success: false, error: { message } } }\r\n\t\t}\r\n\t\treturn { data: { success: false, error: { message: e.response.status + ' Unexpected error' } } }\r\n\t})\r\n\tif (rs.data.success) {\r\n\t\tdispatch(_checkAndUpdateEligibilitySuccess(rs))\r\n\t\treturn { success: true, message: '' }\r\n\t} else {\r\n\t\tdispatch(_checkAndUpdateEligibilityFail())\r\n\t\treturn { success: false, message: rs.data.error.message }\r\n\t}\r\n}\r\n\r\nconst _checkAndUpdateEligibilityIsLoading = () => ({\r\n\ttype: CHECK_AND_UPDATE_ELIGIBILITY_IS_LOADING,\r\n})\r\n\r\nconst _checkAndUpdateEligibilitySuccess = (rs) => ({\r\n\ttype: CHECK_AND_UPDATE_ELIGIBILITY_SUCCESS,\r\n\trs,\r\n})\r\n\r\nconst _checkAndUpdateEligibilityFail = () => ({\r\n\ttype: CHECK_AND_UPDATE_ELIGIBILITY_FAIL,\r\n})\r\n\r\nexport const memberSearch = (type, v) => async (dispatch) => {\r\n\tdispatch(_memberSearchIsLoading())\r\n\r\n\tlet data = type === 'cardNo' ? { params: { cardNo: v } } : { params: { email: v } }\r\n\tdata = { ...data, ...getCurrentAuthHeader() }\r\n\r\n\tconst rs = await axios.get(baseURL + '/IndividualPassenger/MemberSearch', data).catch((e) => {\r\n\t\tif (!checkValidStatusCode(e.response.status)) {\r\n\t\t\tconst {\r\n\t\t\t\tresponse: {\r\n\t\t\t\t\tdata: {\r\n\t\t\t\t\t\terror: { message },\r\n\t\t\t\t\t},\r\n\t\t\t\t},\r\n\t\t\t} = e\r\n\t\t\treturn { data: { success: false, error: { message } } }\r\n\t\t}\r\n\t\treturn { data: { success: false, error: { message: e.response.status + ' Unexpected error' } } }\r\n\t})\r\n\tif (rs.data.success) {\r\n\t\tdispatch(_memberSearchSuccess(rs))\r\n\t\treturn { success: true, message: '' }\r\n\t} else {\r\n\t\tdispatch(_memberSearchFail())\r\n\t\treturn { success: false, message: rs.data.error.message }\r\n\t}\r\n}\r\n\r\nconst _memberSearchIsLoading = () => ({\r\n\ttype: MEMBER_SEARCH_IS_LOADING,\r\n})\r\n\r\nconst _memberSearchSuccess = (rs) => ({\r\n\ttype: MEMBER_SEARCH_SUCCESS,\r\n\trs,\r\n})\r\n\r\nconst _memberSearchFail = () => ({\r\n\ttype: MEMBER_SEARCH_FAIL,\r\n})\r\n\r\nexport const commitFormDetailsIntoList = () => ({ type: COMMIT_FORM_DETAILS_INTO_LIST })\r\n\r\nexport const setMockData = () => ({ type: SET_MOCK_DATA })\r\n\r\nexport const uploadFile = (formData, type) => async (dispatch) => {\r\n\tdispatch(_uploadFileIsLoading())\r\n\r\n\tconst rs = await axios.post(baseURL + '/File/FileUpload?' + querystring.stringify({ bucketType: 0 }), formData, getCurrentAuthHeader()).catch((e) => {\r\n\t\tif (!checkValidStatusCode(e.response.status)) {\r\n\t\t\tif (e.response.data && e.response.data.error) {\r\n\t\t\t\tconst {\r\n\t\t\t\t\tresponse: {\r\n\t\t\t\t\t\tdata: {\r\n\t\t\t\t\t\t\terror: { message },\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t},\r\n\t\t\t\t} = e\r\n\t\t\t\tdispatch(_uploadFileFail())\r\n\t\t\t\treturn { data: { success: false, error: { message } } }\r\n\t\t\t}\r\n\t\t}\r\n\t\tdispatch(_uploadFileFail())\r\n\t\treturn { data: { success: false, error: { message: e.response.status + ' Unexpected error. Please try again' } } }\r\n\t})\r\n\tif (rs.data.success) {\r\n\t\tif (type === 'file') dispatch(_uploadFileSuccess(rs))\r\n\t\tif (type === 'signature') dispatch(_uploadSignatureSuccess(rs))\r\n\t\treturn { success: true, message: '' }\r\n\t} else {\r\n\t\tdispatch(_uploadFileFail())\r\n\t\treturn { success: false, message: rs.data.error.message }\r\n\t}\r\n}\r\n\r\nconst _uploadFileIsLoading = () => ({\r\n\ttype: UPLOAD_FILE_IS_LOADING,\r\n})\r\n\r\nconst _uploadFileSuccess = (rs) => ({\r\n\ttype: UPLOAD_FILE_SUCCESS,\r\n\trs,\r\n})\r\n\r\nconst _uploadFileFail = () => ({\r\n\ttype: UPLOAD_FILE_FAIL,\r\n})\r\n\r\nconst _uploadSignatureSuccess = (rs) => ({\r\n\ttype: UPLOAD_SIGNATURE_SUCCESS,\r\n\trs,\r\n})\r\n\r\nexport const updateFormDetailsList = (formDetailsList) => ({\r\n\ttype: UPDATE_FORM_DETAILS_LIST,\r\n\tformDetailsList,\r\n})\r\n\r\nexport const resetCollectorDetails = () => ({\r\n\ttype: RESET_COLLECTOR_DETAILS,\r\n})\r\n//\r\n\r\nconst _findCountryFromOrigin = (origin, flightData) => {\r\n\tconst rs = flightData.find((f) => f.departureCityName === origin)\r\n\tif (rs) return _mapFlightDataCountryToCRM(rs.departureCountryName)\r\n}\r\n\r\nconst _mapFlightDataCountryToCRM = (name) => {\r\n\tlet uname = name.toUpperCase()\r\n\tif (!Countries.find((c) => c.label === uname)) {\r\n\t\tswitch (uname) {\r\n\t\t\tcase 'USA':\r\n\t\t\t\treturn 'UNITED STATES'\r\n\t\t\tcase 'CHINESE TAIPEI':\r\n\t\t\t\treturn 'TAIWAN, PROVINCE OF CHINA'\r\n\t\t\tcase 'HONG KONG (SAR) CHINA':\r\n\t\t\t\treturn 'HONG KONG'\r\n\t\t\tcase 'KOREA REPUBLIC OF':\r\n\t\t\t\treturn 'KOREA, REPUBLIC OF'\r\n\t\t\tcase 'MACAO (SAR) CHINA':\r\n\t\t\t\treturn 'MACAO'\r\n\t\t\tdefault:\r\n\t\t\t\treturn 'Not Found'\r\n\t\t}\r\n\t} else {\r\n\t\treturn uname\r\n\t}\r\n}\r\n\r\nexport const updateEntireIndividualForm = (individualForm) => {\r\n\treturn {\r\n\t\ttype: UPDATE_ENTIRE_INDIVIDUAL_FORM,\r\n\t\tindividualForm: individualForm,\r\n\t}\r\n}\r\n\r\nconst initStateClone = cloneDeep(initState)\r\n\r\nexport const copyFormDetailsToCurrentPax = (pax) => ({\r\n\ttype: COPY_FORM_DETAILS_TO_CURRENT_PAX,\r\n\tpax,\r\n})\r\n\r\nexport const cancelEditingPax = () => ({\r\n\ttype: CANCEL_EDITING_PAX,\r\n})\r\n\r\nexport const replacingDraft = () => ({\r\n\ttype: REPLACE_DRAFT,\r\n})\r\n\r\nexport const replaceDraftSuccess = () => ({\r\n\ttype: REPLACE_DRAFT_SUCCESS,\r\n})\r\n\r\nexport const replaceDraft = () => async (dispatch) => {\r\n\tawait dispatch(replacingDraft())\r\n\tdispatch(replaceDraftSuccess())\r\n}\r\n\r\nexport const individualFilesUpload = (formData) => async (dispatch) => {\r\n\tdispatch(_individualFilesUploadIsLoading())\r\n\r\n\tconst rs = await axios.post(baseURL + '/File/FilesUpload?' + querystring.stringify({ bucketType: 1 }), formData, getCurrentAuthHeader()).catch((e) => {\r\n\t\tif (!checkValidStatusCode(e.response.status)) {\r\n\t\t\tconst {\r\n\t\t\t\tresponse: {\r\n\t\t\t\t\tdata: {\r\n\t\t\t\t\t\terror: { message },\r\n\t\t\t\t\t},\r\n\t\t\t\t},\r\n\t\t\t} = e\r\n\t\t\treturn { data: { success: false, error: { message } } }\r\n\t\t}\r\n\t\treturn { data: { success: false, error: { message: e.response.status + ' Unexpected error' } } }\r\n\t})\r\n\tif (!rs.data) {\r\n\t\tdispatch(_individualFilesUploadFail())\r\n\t\treturn { success: false, message: 'No data from server' }\r\n\t}\r\n\tif (rs.data.success) {\r\n\t\tdispatch(_individualFilesUploadSuccess(rs))\r\n\t\treturn { success: true, message: '' }\r\n\t} else {\r\n\t\tdispatch(_individualFilesUploadFail())\r\n\t\treturn { success: false, message: rs.data.error.message }\r\n\t}\r\n}\r\n\r\nconst INDIVIDUAL_FILES_UPLOAD_IS_LOADING = 'INDIVIDUAL_FILES_UPLOAD_IS_LOADING'\r\nconst INDIVIDUAL_FILES_UPLOAD_SUCCESS = 'INDIVIDUAL_FILES_UPLOAD_SUCCESS'\r\nconst INDIVIDUAL_FILES_UPLOAD_FAIL = 'INDIVIDUAL_FILES_UPLOAD_FAIL'\r\n\r\nconst _individualFilesUploadIsLoading = () => ({\r\n\ttype: INDIVIDUAL_FILES_UPLOAD_IS_LOADING,\r\n})\r\n\r\nconst _individualFilesUploadSuccess = (rs) => ({\r\n\ttype: INDIVIDUAL_FILES_UPLOAD_SUCCESS,\r\n\trs,\r\n})\r\n\r\nconst _individualFilesUploadFail = () => ({\r\n\ttype: INDIVIDUAL_FILES_UPLOAD_FAIL,\r\n})\r\n\r\nexport const updatePromptedRetrieveDraft = (bool) => ({\r\n\ttype: UPDATE_PROMPTED_RETRIEVE_DRAFT,\r\n\tpromptedRetrieveDraft: bool,\r\n})\r\n\r\nexport const updatePromptedAutoFillSector = (bool) => ({\r\n\ttype: UPDATE_PROMPTED_AUTO_FILL_SECTOR,\r\n\tpromptedAutoFillSector: bool,\r\n})\r\n\r\nexport const updateIndividualFormDuck = (obj) => ({\r\n\ttype: UPDATE_INDIVIDUAL_FORM_DUCK,\r\n\tobj,\r\n})\r\n\r\nconst UPDATE_INDIVIDUAL_FORM_DUCK = 'UPDATE_INDIVIDUAL_FORM_DUCK'\r\n\r\nexport const findPassengerDataWithCardNo = (data) => async (dispatch) => {\r\n\tdispatch(_findPassengerDataWithCardNoIsLoading())\r\n\r\n\tconst rs = await axios.post(baseURL + '/Passenger/FindPassengersDataWithCardNo', data, getCurrentAuthHeader()).catch((e) => {\r\n\t\tif (!checkValidStatusCode(e.response.status)) {\r\n\t\t\tconst {\r\n\t\t\t\tresponse: {\r\n\t\t\t\t\tdata: {\r\n\t\t\t\t\t\terror: { message },\r\n\t\t\t\t\t},\r\n\t\t\t\t},\r\n\t\t\t} = e\r\n\t\t\treturn { data: { success: false, error: { message } } }\r\n\t\t}\r\n\t\treturn { data: { success: false, error: { message: e.response.status + ' Unexpected error' } } }\r\n\t})\r\n\tif (!rs.data) {\r\n\t\tdispatch(_findPassengerDataWithCardNoFail())\r\n\t\treturn { success: false, message: 'No data from server' }\r\n\t}\r\n\tif (rs.data.success) {\r\n\t\tdispatch(_findPassengerDataWithCardNoSuccess(rs))\r\n\t\treturn { success: true, message: '' }\r\n\t} else {\r\n\t\tdispatch(_findPassengerDataWithCardNoFail())\r\n\t\treturn { success: false, message: rs.data.error.message }\r\n\t}\r\n}\r\n\r\nexport const checkPassengersETicketsV2 = (data) => async (dispatch) => {\r\n\tdispatch(_checkPassengersETicketsV2IsLoading())\r\n\r\n\tconst rs = await axios.post(baseURL + '/Pretravel/CheckPassengersETicketsV2', data, getCurrentAuthHeader()).catch((e) => {\r\n\t\tif (!checkValidStatusCode(e.response.status)) {\r\n\t\t\tconst {\r\n\t\t\t\tresponse: {\r\n\t\t\t\t\tdata: {\r\n\t\t\t\t\t\terror: { message },\r\n\t\t\t\t\t},\r\n\t\t\t\t},\r\n\t\t\t} = e\r\n\t\t\treturn { data: { success: false, error: { message } } }\r\n\t\t}\r\n\t\treturn { data: { success: false, error: { message: e.response.status + ' Unexpected error' } } }\r\n\t})\r\n\tif (!rs.data) {\r\n\t\tdispatch(_checkPassengersETicketsV2Fail())\r\n\t\treturn { success: false, message: 'No data from server' }\r\n\t}\r\n\tif (rs.data.success) {\r\n\t\tdispatch(_checkPassengersETicketsV2Success(rs))\r\n\t\treturn { success: true, message: '' }\r\n\t} else {\r\n\t\tdispatch(_checkPassengersETicketsV2Fail())\r\n\t\treturn { success: false, message: rs.data.error.details || rs.data.error.message, rawMessage: rs.data.error.message }\r\n\t}\r\n}\r\n\r\nconst FIND_PASSENGER_DATA_WITH_CARD_NO_IS_LOADING = 'FIND_PASSENGER_DATA_WITH_CARD_NO_IS_LOADING'\r\nconst FIND_PASSENGER_DATA_WITH_CARD_NO_SUCCESS = 'FIND_PASSENGER_DATA_WITH_CARD_NO_SUCCESS'\r\nconst FIND_PASSENGER_DATA_WITH_CARD_NO_FAIL = 'FIND_PASSENGER_DATA_WITH_CARD_NO_FAIL'\r\n\r\nconst _findPassengerDataWithCardNoIsLoading = () => ({\r\n\ttype: FIND_PASSENGER_DATA_WITH_CARD_NO_IS_LOADING,\r\n})\r\n\r\nconst _findPassengerDataWithCardNoSuccess = (rs) => ({\r\n\ttype: FIND_PASSENGER_DATA_WITH_CARD_NO_SUCCESS,\r\n\trs,\r\n})\r\n\r\nconst _findPassengerDataWithCardNoFail = () => ({\r\n\ttype: FIND_PASSENGER_DATA_WITH_CARD_NO_FAIL,\r\n})\r\n\r\nconst CHECK_PASSENGER_E_TICKET_IS_LOADING = 'CHECK_PASSENGER_E_TICKET_IS_LOADING'\r\nconst CHECK_PASSENGER_E_TICKET_SUCCESS = 'CHECK_PASSENGER_E_TICKET_SUCCESS'\r\nconst CHECK_PASSENGER_E_TICKET_FAIL = 'CHECK_PASSENGER_E_TICKET_FAIL'\r\n\r\nconst _checkPassengersETicketsV2IsLoading = () => ({\r\n\ttype: CHECK_PASSENGER_E_TICKET_IS_LOADING,\r\n})\r\n\r\nconst _checkPassengersETicketsV2Success = (rs) => ({\r\n\ttype: CHECK_PASSENGER_E_TICKET_SUCCESS,\r\n\trs,\r\n})\r\n\r\nconst _checkPassengersETicketsV2Fail = () => ({\r\n\ttype: CHECK_PASSENGER_E_TICKET_FAIL,\r\n})\r\n\r\nexport const findPassengerInGroup = (data) => async (dispatch) => {\r\n\tdispatch(_findPassengerInGroupIsLoading())\r\n\r\n\tconst rs = await axios.get(baseURL + '/Passenger/FindPassengerInGroup', data).catch((e) => {\r\n\t\tif (!checkValidStatusCode(e.response.status)) {\r\n\t\t\tconst {\r\n\t\t\t\tresponse: {\r\n\t\t\t\t\tdata: {\r\n\t\t\t\t\t\terror: { message },\r\n\t\t\t\t\t},\r\n\t\t\t\t},\r\n\t\t\t} = e\r\n\t\t\treturn { data: { success: false, error: { message } } }\r\n\t\t}\r\n\t\treturn { data: { success: false, error: { message: e.response.status + ' Unexpected error' } } }\r\n\t})\r\n\tif (!rs.data) {\r\n\t\tdispatch(_findPassengerInGroupFail())\r\n\t\treturn { success: false, message: 'No data from server' }\r\n\t}\r\n\tif (rs.data.success) {\r\n\t\tdispatch(_findPassengerInGroupSuccess(rs))\r\n\t\treturn { success: true, message: '' }\r\n\t} else {\r\n\t\tdispatch(_findPassengerInGroupFail())\r\n\t\treturn { success: false, message: rs.data.error.message }\r\n\t}\r\n}\r\n\r\nconst FIND_PASSENGER_IN_GROUP_IS_LOADING = 'FIND_PASSENGER_IN_GROUP_IS_LOADING'\r\nconst FIND_PASSENGER_IN_GROUP_SUCCESS = 'FIND_PASSENGER_IN_GROUP_SUCCESS'\r\nconst FIND_PASSENGER_IN_GROUP_FAIL = 'FIND_PASSENGER_IN_GROUP_FAIL'\r\n\r\nconst _findPassengerInGroupIsLoading = () => ({\r\n\ttype: FIND_PASSENGER_IN_GROUP_IS_LOADING,\r\n})\r\n\r\nconst _findPassengerInGroupSuccess = (rs) => ({\r\n\ttype: FIND_PASSENGER_IN_GROUP_SUCCESS,\r\n\trs,\r\n})\r\n\r\nconst _findPassengerInGroupFail = () => ({\r\n\ttype: FIND_PASSENGER_IN_GROUP_FAIL,\r\n})\r\n\r\n///getDraftFromOtherRedemptionTransaction\r\nexport const getDraftFromOtherRedemptionTransaction = (data) => async (dispatch) => {\r\n\tdispatch(_getDraftFromOtherRedemptionTransactionIsLoading())\r\n\r\n\tconst rs = await axios.get(baseURL + '/Draft/GetDraftDataFromOtherRedemptionTransaction', data).catch((e) => {\r\n\t\tif (!checkValidStatusCode(e.response.status)) {\r\n\t\t\tconst {\r\n\t\t\t\tresponse: {\r\n\t\t\t\t\tdata: {\r\n\t\t\t\t\t\terror: { message },\r\n\t\t\t\t\t},\r\n\t\t\t\t},\r\n\t\t\t} = e\r\n\t\t\treturn { data: { success: false, error: { message } } }\r\n\t\t}\r\n\t\treturn { data: { success: false, error: { message: e.response.status + ' Unexpected error' } } }\r\n\t})\r\n\tif (!rs.data) {\r\n\t\tdispatch(_getDraftFromOtherRedemptionTransactionFail())\r\n\t\treturn { success: false, message: 'No data from server' }\r\n\t}\r\n\tif (rs.data.success) {\r\n\t\tdispatch(_getDraftFromOtherRedemptionTransactionSuccess(rs))\r\n\t\treturn { success: true, message: '' }\r\n\t} else {\r\n\t\tdispatch(_getDraftFromOtherRedemptionTransactionFail())\r\n\t\treturn { success: false, message: rs.data.error.message }\r\n\t}\r\n}\r\n\r\nconst GET_DRAFT_FROM_OTHER_REDEMPTION_TRANSACTION_IS_LOADING = 'GET_DRAFT_FROM_OTHER_REDEMPTION_TRANSACTION_IS_LOADING'\r\nconst GET_DRAFT_FROM_OTHER_REDEMPTION_TRANSACTION_SUCCESS = 'GET_DRAFT_FROM_OTHER_REDEMPTION_TRANSACTION_SUCCESS'\r\nconst GET_DRAFT_FROM_OTHER_REDEMPTION_TRANSACTION_FAIL = 'GET_DRAFT_FROM_OTHER_REDEMPTION_TRANSACTION_FAIL'\r\n\r\n\r\nconst _getDraftFromOtherRedemptionTransactionIsLoading = () => ({\r\n type: GET_DRAFT_FROM_OTHER_REDEMPTION_TRANSACTION_IS_LOADING,\r\n})\r\n\r\nconst _getDraftFromOtherRedemptionTransactionSuccess = (rs) => ({\r\n type: GET_DRAFT_FROM_OTHER_REDEMPTION_TRANSACTION_SUCCESS,\r\n rs,\r\n})\r\n\r\nconst _getDraftFromOtherRedemptionTransactionFail = () => ({\r\n type: GET_DRAFT_FROM_OTHER_REDEMPTION_TRANSACTION_FAIL,\r\n})\r\n\r\n///findPassengersDataWithAppealTransaction\r\nexport const findPassengersDataWithAppealTransaction = (data) => async (dispatch) => {\r\n dispatch(_findPassengerWithAppealIsLoading())\r\n\r\n const rs = await axios.post(baseURL + '/Passenger/FindPassengersDataWithAppealTransaction', data, getCurrentAuthHeader()).catch((e) => {\r\n if (!checkValidStatusCode(e.response.status)) {\r\n const {\r\n response: {\r\n data: {\r\n error: { message },\r\n },\r\n },\r\n } = e\r\n return { data: { success: false, error: { message } } }\r\n }\r\n return { data: { success: false, error: { message: e.response.status + ' Unexpected error' } } }\r\n })\r\n if (!rs.data) {\r\n dispatch(_findPassengerWithAppealSuccess())\r\n return { success: false, message: 'No data from server' }\r\n }\r\n if (rs.data.success) {\r\n dispatch(_findPassengerWithAppealSuccess(rs))\r\n return { success: true, result: rs.data.result }\r\n } else {\r\n dispatch(_findPassengerWithAppealFail())\r\n return { success: false, message: rs.data.error.message }\r\n }\r\n}\r\n\r\nconst FIND_PASSENGER_WITH_APPEAL_IS_LOADING = 'FIND_PASSENGER_WITH_APPEAL_IS_LOADING'\r\nconst FIND_PASSENGER_WITH_APPEAL_SUCCESS = 'FIND_PASSENGER_WITH_APPEAL_SUCCESS'\r\nconst FIND_PASSENGER_WITH_APPEAL_FAIL = 'FIND_PASSENGER_WITH_APPEAL_FAIL'\r\n\r\n\r\nconst _findPassengerWithAppealIsLoading = () => ({\r\n\ttype: FIND_PASSENGER_WITH_APPEAL_IS_LOADING,\r\n});\r\n\r\nconst _findPassengerWithAppealSuccess = (rs) => ({\r\n\ttype: FIND_PASSENGER_WITH_APPEAL_SUCCESS,\r\n\trs,\r\n});\r\n\r\nconst _findPassengerWithAppealFail = () => ({\r\n\ttype: FIND_PASSENGER_WITH_APPEAL_FAIL,\r\n});\r\n\r\nexport const populatePassengerFromGroup = () => (dispatch, getState) => {\r\n\tdispatch({\r\n\t\ttype: POPULATE_PASSENGER_FROM_GROUP,\r\n\t\tflightData: getState().flightDuck.flightData,\r\n\t})\r\n}\r\nconst POPULATE_PASSENGER_FROM_GROUP = 'POPULATE_PASSENGER_FROM_GROUP'\r\n\r\nexport const individualGroupCheckRedeemedPassenger = (data) => async (dispatch) => {\r\n\tdispatch(_individualGroupCheckRedeemedPassengerIsLoading())\r\n\tconst rs = await axios.post(baseURL + '/SqApi/GroupCheckRedeemedPassenger', data, getCurrentAuthHeader()).catch((e) => {\r\n\t\tif (!checkValidStatusCode(e.response.status)) {\r\n\t\t\tconst {\r\n\t\t\t\tresponse: {\r\n\t\t\t\t\tdata: {\r\n\t\t\t\t\t\terror: { message },\r\n\t\t\t\t\t},\r\n\t\t\t\t},\r\n\t\t\t} = e\r\n\t\t\treturn { data: { success: false, error: { message } } }\r\n\t\t}\r\n\t\treturn { data: { success: false, error: { message: e.response.status + ' Unexpected error' } } }\r\n\t})\r\n\tif (!rs.data) {\r\n\t\tdispatch(_individualGroupCheckRedeemedPassengerFail())\r\n\t\treturn { success: false, message: 'No data from server' }\r\n\t}\r\n\tif (rs.data.success) {\r\n\t\tdispatch(_individualGroupCheckRedeemedPassengerSuccess(rs))\r\n\t\treturn { success: true, message: '' }\r\n\t} else {\r\n\t\tdispatch(_individualGroupCheckRedeemedPassengerFail())\r\n\t\treturn { success: false, message: rs.data.error.message }\r\n\t}\r\n}\r\n\r\nconst INDIVIDUAL_GROUP_CHECK_REDEEMED_PASSENGER_IS_LOADING = 'INDIVIDUAL_GROUP_CHECK_REDEEMED_PASSENGER_IS_LOADING'\r\nconst INDIVIDUAL_GROUP_CHECK_REDEEMED_PASSENGER_SUCCESS = 'INDIVIDUAL_GROUP_CHECK_REDEEMED_PASSENGER_SUCCESS'\r\nconst INDIVIDUAL_GROUP_CHECK_REDEEMED_PASSENGER_FAIL = 'INDIVIDUAL_GROUP_CHECK_REDEEMED_PASSENGER_FAIL'\r\n\r\nconst _individualGroupCheckRedeemedPassengerIsLoading = () => ({\r\n\ttype: INDIVIDUAL_GROUP_CHECK_REDEEMED_PASSENGER_IS_LOADING,\r\n})\r\n\r\nconst _individualGroupCheckRedeemedPassengerSuccess = (rs) => ({\r\n\ttype: INDIVIDUAL_GROUP_CHECK_REDEEMED_PASSENGER_SUCCESS,\r\n\trs,\r\n})\r\n\r\nconst _individualGroupCheckRedeemedPassengerFail = () => ({\r\n\ttype: INDIVIDUAL_GROUP_CHECK_REDEEMED_PASSENGER_FAIL,\r\n})\r\n\r\nconst GET_CR_DETAILS_IS_LOADING = 'GET_CR_DETAILS_IS_LOADING'\r\nconst GET_CR_DETAILS_SUCCESS = 'GET_CR_DETAILS_SUCCESS'\r\nconst GET_CR_DETAILS_FAIL = 'GET_CR_DETAILS_FAIL'\r\n\r\nexport const getCrDetailsFromOCID = (code) => async (dispatch) => {\r\n\tdispatch(_getCrDetailsFromOCIDIsLoading())\r\n\tconst rs = await axios.get(baseURL + '/Member/GetCrMemberDetails?code=' + code, getCurrentAuthHeader()).catch((e) => {\r\n\t\tif (!checkValidStatusCode(e.response.status)) {\r\n\t\t\tconst {\r\n\t\t\t\tresponse: {\r\n\t\t\t\t\tdata: {\r\n\t\t\t\t\t\terror: { message },\r\n\t\t\t\t\t},\r\n\t\t\t\t},\r\n\t\t\t} = e\r\n\t\t\treturn { data: { success: false, error: { message } } }\r\n\t\t}\r\n\t\treturn { data: { success: false, error: { message: e.response.status + ' Unexpected error' } } }\r\n\t})\r\n\tif (!rs.data) {\r\n\t\tdispatch(_getCrDetailsFromOCIDFail())\r\n\t\treturn { success: false, message: 'No data from server' }\r\n\t}\r\n\tif (rs.data.success) {\r\n\t\tdispatch(_getCrDetailsFromOCIDSuccess(rs.data))\r\n\t\treturn { success: true, message: '' }\r\n\t} else {\r\n\t\tdispatch(_getCrDetailsFromOCIDFail())\r\n\t\treturn { success: false, message: rs.data.error.message }\r\n\t}\r\n}\r\n\r\nconst _getCrDetailsFromOCIDSuccess = (data) => ({\r\n\ttype: GET_CR_DETAILS_SUCCESS,\r\n\tdata,\r\n})\r\n\r\nconst _getCrDetailsFromOCIDFail = () => ({\r\n\ttype: GET_CR_DETAILS_FAIL,\r\n})\r\n\r\nconst _getCrDetailsFromOCIDIsLoading = () => ({\r\n\ttype: GET_CR_DETAILS_IS_LOADING,\r\n})\r\n\r\n///////////////////// REDUCERS ///////////////////////////\r\nconst individualFormDuck = (state = initStateClone, action) => {\r\n\tlet newFormDetailsList, newPax, pax, d, keys, newCollectorDetails, currentPaxFormDetails, currentPaxPosition, draft, obj, newState, redemptionTransaction, items, numberOfSector, haveTwoTouchPoint\r\n\r\n\tswitch (action.type) {\r\n\t\tcase CLEAR_FORM_DETAILS_LIST:\r\n\t\t\tlet clearedList = []\r\n\t\t\treturn { ...state, formDetailsList: clearedList }\r\n\r\n\t\tcase ADD_USER_TICKET_AND_PASSPORT:\r\n\t\t\tconst newUser = {\r\n\t\t\t\tpax: state.formDetailsList.length + 1,\r\n\t\t\t\teTicketsDetails: {\r\n\t\t\t\t\teTicket1: action.payload.ticket,\r\n\t\t\t\t},\r\n\t\t\t\tpersonalDetails: {\r\n\t\t\t\t\tfirstName: '',\r\n\t\t\t\t\tlastName: '',\r\n\t\t\t\t\tpassportNo: action.payload.passport,\r\n\t\t\t\t\tdob: '',\r\n\t\t\t\t\tremarks: ''\r\n\t\t\t\t},\r\n\t\t\t\tsector1Details: {},\r\n\t\t\t\tsector2Details: { landSeaBool: 'na' },\r\n\t\t\t\tsector3Details: { landSeaBool: 'na' },\r\n\t\t\t\tsector4Details: {},\r\n\t\t\t\tisDeleted: false,\r\n\t\t\t}\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tformDetailsList: [...state.formDetailsList, newUser],\r\n\t\t\t}\r\n\r\n\t\tcase UPDATE_CURRENT_PAX_FORM_DETAILS:\r\n\t\t\tlet updatedFormDetails = action.formDetails\r\n\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tcurrentPaxFormDetails: updatedFormDetails,\r\n\t\t\t}\r\n\r\n\t\tcase UPDATE_CURRENT_PAX_CTP_VALUE:\r\n\t\t\t// let voucherValue = action.voucherValue\r\n\t\t\tlet clonedCurrentPax = cloneDeep(state.currentPaxFormDetails)\r\n\t\t\t// clonedCurrentPax.ctpVoucherValue = voucherValue\r\n\r\n\t\t\treturn { ...state, currentPaxFormDetails: clonedCurrentPax }\r\n\r\n\t\tcase UPDATE_BOARDING_PASS_DETAILS:\r\n\t\t\tlet boardingPassData = action.boardingPassData\r\n\t\t\tlet currentPaxFormDetailsToUpdate = cloneDeep(state.currentPaxFormDetails)\r\n\r\n\t\t\tif (action.eTicketKey === 'eTicket1') {\r\n\t\t\t\tcurrentPaxFormDetailsToUpdate['eTicketsDetails'].eTicket1 = boardingPassData.eTix\r\n\t\t\t\tcurrentPaxFormDetailsToUpdate['eTicketsDetails'].eTicket1LastName = boardingPassData.lastName\r\n\t\t\t\tcurrentPaxFormDetailsToUpdate['personalDetails'].firstName = boardingPassData.firstName\r\n\t\t\t\tcurrentPaxFormDetailsToUpdate['personalDetails'].remarks = boardingPassData.remarks\r\n\t\t\t\tcurrentPaxFormDetailsToUpdate['personalDetails'].lastName = boardingPassData.lastName\r\n\t\t\t\t//currentPaxFormDetailsToUpdate['sector1Details'].origin = boardingPassData.originCountry\r\n\t\t\t\t//currentPaxFormDetailsToUpdate['sector1Details'].destination = boardingPassData.destinationCountry\r\n\t\t\t\tcurrentPaxFormDetailsToUpdate['sector1Details'].departingDate = boardingPassData.date\r\n\t\t\t} else if (action.eTicketKey === 'eTicket2') {\r\n\t\t\t\tcurrentPaxFormDetailsToUpdate['eTicketsDetails'].eTicket2 = boardingPassData.eTix\r\n\t\t\t\tcurrentPaxFormDetailsToUpdate['eTicketsDetails'].eTicket2LastName = boardingPassData.lastName\r\n\t\t\t} else if (action.eTicketKey === 'eTicket3') {\r\n\t\t\t\tcurrentPaxFormDetailsToUpdate['eTicketsDetails'].eTicket3 = boardingPassData.eTix\r\n\t\t\t\tcurrentPaxFormDetailsToUpdate['eTicketsDetails'].eTicket3LastName = boardingPassData.lastName\r\n\t\t\t} else if (action.eTicketKey === 'eTicket4') {\r\n\t\t\t\tcurrentPaxFormDetailsToUpdate['eTicketsDetails'].eTicket4 = boardingPassData.eTix\r\n\t\t\t\tcurrentPaxFormDetailsToUpdate['eTicketsDetails'].eTicket4LastName = boardingPassData.lastName\r\n\t\t\t}\r\n\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tcurrentPaxFormDetails: currentPaxFormDetailsToUpdate,\r\n\t\t\t}\r\n\r\n\t\tcase UPDATE_PASSPORT_DETAILS:\r\n\t\t\tlet passportData = action.passportData\r\n\t\t\tlet currentPaxFormDetailsToUpdatePassport = cloneDeep(state.currentPaxFormDetails)\r\n\r\n\t\t\tcurrentPaxFormDetailsToUpdatePassport['personalDetails'].firstName = passportData.firstName\r\n\t\t\tcurrentPaxFormDetailsToUpdatePassport['personalDetails'].lastName = passportData.lastName\r\n\t\t\tcurrentPaxFormDetailsToUpdatePassport['personalDetails'].passportNo = passportData.passportNo\r\n\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tcurrentPaxFormDetails: currentPaxFormDetailsToUpdatePassport,\r\n\t\t\t}\r\n\r\n\t\tcase UPDATE_CR_DETAILS: {\r\n\t\t\tlet crDetails = action.crDetails\r\n\t\t\tlet clonedCollectorDetails = {\r\n\t\t\t\t...state.collectorDetails,\r\n\t\t\t\tcardNo: crDetails.cardNo,\r\n\t\t\t\tname: crDetails.name,\r\n\t\t\t\tsurname: crDetails.surname,\r\n\t\t\t\temail: crDetails.email,\r\n\t\t\t\tcontactNo: crDetails.contactNo,\r\n\t\t\t\tcountryCode: crDetails.countryCode,\r\n\t\t\t\tcountry: crDetails.country,\r\n\t\t\t\tdob: crDetails.dob,\r\n\t\t\t\tcrMemberId: crDetails.crMemberId,\r\n\t\t\t}\r\n\t\t\tlet clonedFormDetailsList = cloneDeep(state.formDetailsList)\r\n\t\t\tclonedFormDetailsList.forEach((p) => (p.cardNo = crDetails.cardNo))\r\n\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tformDetailsList: clonedFormDetailsList,\r\n\t\t\t\tcollectorDetails: clonedCollectorDetails,\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tcase UPDATE_COLLECTOR_DETAILS:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tcollectorDetails: action.collectorDetails,\r\n\t\t\t}\r\n\r\n\t\tcase UPDATE_COLLECTOR_PERSONAL_DETAILS:\r\n\t\t\tlet tl = {}\r\n\t\t\tlet count = 0\r\n\t\t\tfor (const p of state.formDetailsList) {\r\n\t\t\t\tif (!p.isDeleted) {\r\n\t\t\t\t\tif (Object.keys(tl).length < 1) {\r\n\t\t\t\t\t\ttl = cloneDeep(p)\r\n\t\t\t\t\t\tcount++\r\n\t\t\t\t\t\tcontinue\r\n\t\t\t\t\t}\r\n\t\t\t\t\tcount++\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tif (Object.keys(tl).length > 0) {\r\n\t\t\t\tnewCollectorDetails = { ...state.collectorDetails }\r\n\r\n\t\t\t\tif (count > 1) {\r\n\t\t\t\t\tnewCollectorDetails.registerCr = false\r\n\t\t\t\t\tnewCollectorDetails.existingCr = false\r\n\t\t\t\t}\r\n\r\n\t\t\t\tnewCollectorDetails.name = tl ? tl.personalDetails.firstName : ''\r\n\t\t\t\tnewCollectorDetails.surname = tl ? tl.personalDetails.lastName : ''\r\n\t\t\t\tnewCollectorDetails.dob = tl ? tl.personalDetails.dob : ''\r\n\t\t\t\tnewCollectorDetails.remarks = tl ? tl.personalDetails.remarks : ''\r\n\t\t\t\tnewCollectorDetails.country = _findCountryFromOrigin(tl.sector1Details.origin, action.flightData)\r\n\t\t\t\treturn { ...state, collectorDetails: { ...newCollectorDetails } }\r\n\t\t\t}\r\n\t\t\treturn state\r\n\r\n\t\tcase CLEAR_PAX_DETAILS:\r\n\t\t\treturn { ...state, currentPaxFormDetails: cloneDeep(initFormDetails) }\r\n\r\n\t\tcase CLEAR_SECTOR_1_2:\r\n\t\t\tlet sector12temp = cloneDeep(state.currentPaxFormDetails)\r\n\r\n\t\t\tsector12temp['sector1Details'] = {\r\n\t\t\t\tsearch: null,\r\n\t\t\t\tflightNo: null,\r\n\t\t\t\tdestination: 'Singapore',\r\n\t\t\t\torigin: null,\r\n\t\t\t\toriginCode: null,\r\n\t\t\t\tdepartingDate: moment().format('YYYY-MM-DD'),\r\n\t\t\t\tremarks: '',\r\n\t\t\t\tsingaporeCode: 'SIN',\r\n\t\t\t};\r\n\t\t\tsector12temp['sector2Details'] = {\r\n\t\t\t\tsearch: null,\r\n\t\t\t\tflightNo: null,\r\n\t\t\t\tdestination: null,\r\n\t\t\t\tdestinationCode: null,\r\n\t\t\t\tdestinationCityCode: null,\r\n\t\t\t\torigin: 'Singapore',\r\n\t\t\t\tdepartingDate: moment().format('YYYY-MM-DD'),\r\n\t\t\t\tlandSeaScootBool: 'na',\r\n\t\t\t\tlandSeaRemarks: '',\r\n\t\t\t\tattachmentUris: [],\r\n\t\t\t\tsingaporeCode: 'SIN',\r\n\t\t\t};\r\n\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tcurrentPaxFormDetails: {\r\n\t\t\t\t\t...sector12temp\r\n\t\t\t\t},\r\n\t\t\t}\r\n\r\n\t\tcase CLEAR_SECTOR_3_4:\r\n\t\t\tlet sector34Temp = cloneDeep(state.currentPaxFormDetails)\r\n\r\n\t\t\tsector34Temp['sector3Details'] = {\r\n\t\t\t\tsearch: null,\r\n\t\t\t\tflightNo: null,\r\n\t\t\t\tdestination: 'Singapore',\r\n\t\t\t\tdestinationCode: null,\r\n\t\t\t\tdestinationCityCode: null,\r\n\t\t\t\torigin: null,\r\n\t\t\t\tdepartingDate: moment().format('YYYY-MM-DD'),\r\n\t\t\t\tlandSeaScootBool: 'na',\r\n\t\t\t\tlandSeaRemarks: '',\r\n\t\t\t\tattachmentUris: [],\r\n\t\t\t\tsingaporeCode: 'SIN',\r\n\t\t\t};\r\n\t\t\tsector34Temp['sector4Details'] = {\r\n\t\t\t\tsearch: null,\r\n\t\t\t\tflightNo: null,\r\n\t\t\t\tdestination: null,\r\n\t\t\t\torigin: 'Singapore',\r\n\t\t\t\toriginCode: null,\r\n\t\t\t\tdepartingDate: moment().format('YYYY-MM-DD'),\r\n\t\t\t\tremarks: '',\r\n\t\t\t\tsingaporeCode: 'SIN',\r\n\t\t\t};\r\n\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tcurrentPaxFormDetails: {\r\n\t\t\t\t\t...sector34Temp\r\n\t\t\t\t},\r\n\t\t\t}\r\n\r\n\r\n\t\tcase DELETE_PAX:\r\n\t\t\tlet paxPosition = action.pax\r\n\t\t\tlet formDetailsListToDelete = cloneDeep(state.formDetailsList)\r\n\t\t\tlet paxIndex = formDetailsListToDelete.findIndex((x) => x.pax === paxPosition)\r\n\t\t\tformDetailsListToDelete[paxIndex].isDeleted = true\r\n\t\t\treturn { ...state, formDetailsList: formDetailsListToDelete }\r\n\r\n\t\tcase RESTORE_PAX:\r\n\t\t\tpax = action.payload - 1\r\n\t\t\tnewPax = { ...state.formDetailsList[pax] }\r\n\t\t\tnewPax.isDeleted = false\r\n\t\t\tnewFormDetailsList = [...state.formDetailsList]\r\n\t\t\tnewFormDetailsList.splice(pax, 1, newPax)\r\n\t\t\treturn { ...state, formDetailsList: newFormDetailsList }\r\n\r\n\t\tcase UPDATE_DETAILS_FROM_SQ_RESPONSE:\r\n\t\t\tnewFormDetailsList = cloneDeep(state.formDetailsList)\r\n\t\t\tnewFormDetailsList.splice(action.pax, 1, action.details)\r\n\t\t\treturn { ...state, formDetailsList: newFormDetailsList }\r\n\r\n\t\tcase SUBMIT_INDIVIDUAL_FORM_IS_LOADING:\r\n\t\t\treturn { ...state, submitIndividualFormIsLoading: true }\r\n\r\n\t\tcase SUBMIT_INDIVIDUAL_FORM_SUCCESS:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tredemptionTransactionId: action.data.result.id,\r\n\t\t\t\tsubmitIndividualFormIsLoading: false,\r\n\t\t\t\tformDetailsList: state.formDetailsList.map((m, index) => {\r\n\t\t\t\t\tm.ccn = CTP_CARD_DEFAULT_CCN\r\n\t\t\t\t\tm.cvc = action.data.result.cvc\r\n\t\t\t\t\tlet preLoadedCardMatch\r\n\r\n\t\t\t\t\tif (action.data.result.preloadedVouchersCards)\r\n\t\t\t\t\t\tpreLoadedCardMatch = action.data.result.preloadedVouchersCards.find((p) => m.eTicketsDetails.eTicket1 === p.eTicket1)\r\n\r\n\t\t\t\t\tif (preLoadedCardMatch) {\r\n\t\t\t\t\t\tm.preloadedVouchersCardNo = preLoadedCardMatch.cardNo\r\n\t\t\t\t\t\tm.voucherValidFrom = preLoadedCardMatch.voucherValidFrom\r\n\t\t\t\t\t\tm.voucherValidTo = preLoadedCardMatch.voucherValidTo\r\n\t\t\t\t\t\tm.voucherValuesAndRemarks = preLoadedCardMatch.voucherValuesAndRemarks\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tlet ctpDigitalCardMatch\r\n\t\t\t\t\tif (action.data.result.ctpDigitalCards) ctpDigitalCardMatch = action.data.result.ctpDigitalCards.find((p) => m.eTicketsDetails.eTicket1 === p.eTicket1)\r\n\t\t\t\t\tif (ctpDigitalCardMatch) m.cardNo = ctpDigitalCardMatch.cardNo\r\n\t\t\t\t\tif (action.data.result.cardNo) m.cardNo = action.data.result.cardNo\r\n\t\t\t\t\tif (m.cardNo) {\r\n\t\t\t\t\t\tm.fullCardNo = action.data.result.fullCardNo ? action.data.result.fullCardNo : m.cardNo + m.ccn\r\n\t\t\t\t\t\tif (action.data.result.ctpDigitalCards) {\r\n\t\t\t\t\t\t\tm.issuedVouchersList = action.data.result.ctpDigitalCards.find((c) => c.cardNo === m.cardNo).voucherListsJson\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t} else if (action.data.result.ctpDigitalCards) {\r\n\t\t\t\t\t\tm.cardNo = action.data.result.ctpDigitalCards[index].cardNo\r\n\t\t\t\t\t\tm.ccn = action.data.result.ctpDigitalCards[index].ccn\r\n\t\t\t\t\t\tm.fullCardNo = m.cardNo + m.ccn\r\n\t\t\t\t\t\tm.issuedVouchersList = action.data.result.ctpDigitalCards[index].voucherListsJson\r\n\t\t\t\t\t}\r\n\t\t\t\t\tif (m.preloadedVouchersCardNo) {\r\n\t\t\t\t\t\tm.fullCardNo = action.data.result.fullCardNo ? action.data.result.fullCardNo : m.preloadedVouchersCardNo + m.ccn\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tm.crVoucherInfo = action.data.result.crVoucherLists ? { ...action.data.result.crVoucherLists[0] } : null\r\n\t\t\t\t\treturn m\r\n\t\t\t\t}),\r\n\t\t\t\tctpDigitalCards: action.data.result.ctpDigitalCards,\r\n\t\t\t\tpreloadedVouchersCards: action.data.result.preloadedVouchersCards,\r\n\t\t\t\tisShowDeletedPax: false\r\n\t\t\t}\r\n\r\n\t\tcase SUBMIT_INDIVIDUAL_FORM_FAIL:\r\n\t\t\treturn { ...state, submitIndividualFormIsLoading: false }\r\n\r\n\t\tcase COMMIT_FORM_DETAILS_INTO_LIST:\r\n\t\t\tdebugger\r\n\t\t\tlet formDetailsListToUpdate = cloneDeep(state.formDetailsList)\r\n\t\t\tlet newFormDetails = cloneDeep(state.currentPaxFormDetails)\r\n\t\t\tnewFormDetails.pax = state.currentPaxPosition\r\n\t\t\t// update voucher value\r\n\t\t\t// default member ship type as CTP (will update again in issurance screen)\r\n\t\t\tlet ctpVoucher = settings.voucher_sources.find(s => s.membership_type == \"CTP\")\r\n\t\t\tlet genVoucher = ctpVoucher.vouchers.find(s => s.voucher_type == \"GEN\")\r\n\t\t\tlet lpcVoucher = ctpVoucher.vouchers.find(s => s.voucher_type == \"LPC\")\r\n\t\t\t\r\n\t\t\t// passenger default value\r\n\t\t\tnewFormDetails.ctpGenValue = genVoucher.voucher_value\r\n\t\t\tnewFormDetails.ctpLpcValue = lpcVoucher.voucher_value\r\n\t\t\tnewFormDetails.numberOfSector = 2\r\n\t\t\t// 2 way transit\r\n\t\t\tif (newFormDetails.sector3Details.flightNo && newFormDetails.sector4Details.flightNo) \r\n\t\t\t{\r\n\t\t\t\tnewFormDetails.ctpGenValue = parseInt(newFormDetails.ctpGenValue) * 2\r\n\t\t\t\tnewFormDetails.ctpLpcValue = parseInt(newFormDetails.ctpLpcValue) * 2\r\n\t\t\t\tnewFormDetails.numberOfSector = 4\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\tnewFormDetails.ctpVoucherValue = parseInt(newFormDetails.ctpGenValue) + parseInt(newFormDetails.ctpLpcValue)\r\n\t\t\t\r\n\t\t\t//formDetailsListToUpdate.push(newFormDetails)\r\n\t\t\tformDetailsListToUpdate[state.currentPaxPosition - 1] = newFormDetails\r\n\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tformDetailsList: formDetailsListToUpdate,\r\n\t\t\t\tcurrentPaxPosition: formDetailsListToUpdate.length + 1,\r\n\t\t\t\tcurrentPaxFormDetails: cloneDeep(initFormDetails),\r\n\t\t\t\teditMode: false,\r\n\t\t\t}\r\n\r\n\t\tcase CHECK_AND_UPDATE_ELIGIBILITY_IS_LOADING:\r\n\t\t\treturn { ...state, checkAndUpdateEligibilityIsLoading: true }\r\n\r\n\t\tcase CHECK_AND_UPDATE_ELIGIBILITY_SUCCESS:\r\n\t\t\tlet newCurrentPaxFormDetails = cloneDeep(state.currentPaxFormDetails)\r\n\t\t\tlet ticketDetails = action.rs.data.result.ticketDetails\r\n\r\n\t\t\tnewCurrentPaxFormDetails = { ...newCurrentPaxFormDetails, ticketDetails: ticketDetails }\r\n\t\t\t\r\n\t\t\tif (newCurrentPaxFormDetails['eTicketsDetails']) {\r\n\t\t\t\tnewCurrentPaxFormDetails['eTicketsDetails'].isETicketsVerified = true\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\tif (newCurrentPaxFormDetails['personalDetails']) {\r\n\t\t\t\t// sq eticket\r\n\t\t\t\tif (ticketDetails[0].ctpEligibility !== 'OTHER_ACCEPTED_AIRLINE' && ticketDetails[0].ctpEligibility !== 'SQAPI_OFFLINE') {\r\n\t\t\t\t\tnewCurrentPaxFormDetails['personalDetails'].haveTwoTouchPoint = ticketDetails[0].criterias.haveTwoTouchPoint\r\n\t\t\t\t\tnewCurrentPaxFormDetails['personalDetails'].numberOfSector = ticketDetails[0].criterias.haveTwoTouchPoint === 'Yes' ? 4 : 2\r\n\t\t\t\t}\r\n\t\t\t\t// other accepted airline\r\n\t\t\t\telse {\r\n\t\t\t\t\tnewCurrentPaxFormDetails['personalDetails'].haveTwoTouchPoint = ''\r\n\t\t\t\t\tnewCurrentPaxFormDetails['personalDetails'].numberOfSector = 0\r\n\t\t\t\t}\r\n\r\n\t\t\t\treturn {\r\n\t\t\t\t\t...state,\r\n\t\t\t\t\tcurrentPaxFormDetails: newCurrentPaxFormDetails,\r\n\t\t\t\t\tcheckAndUpdateEligibilityIsLoading: false,\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tcurrentPaxFormDetails: newCurrentPaxFormDetails,\r\n\t\t\t\tcheckAndUpdateEligibilityIsLoading: false,\r\n\t\t\t}\r\n\t\t\t\r\n\t\tcase CHECK_AND_UPDATE_ELIGIBILITY_FAIL:\r\n\t\t\treturn { ...state, checkAndUpdateEligibilityIsLoading: false }\r\n\r\n\t\tcase MEMBER_SEARCH_IS_LOADING:\r\n\t\t\treturn { ...state, memberSearchIsLoading: true }\r\n\r\n\t\tcase MEMBER_SEARCH_SUCCESS:\r\n\t\t\tnewCollectorDetails = { ...state.collectorDetails }\r\n\t\t\td = action.rs.data.result.items[0]\r\n\t\t\tkeys = ['email', 'mobileNo', 'country', 'cardNo', 'name', 'surname', 'contactNo', 'countryCode', 'areaCode', 'dob']\r\n\t\t\tkeys.forEach((k) => {\r\n\t\t\t\tnewCollectorDetails[k] = d[k]\r\n\t\t\t})\r\n\t\t\tif (!d['contactNo'] && d['mobileNo']) newCollectorDetails['contactNo'] = d['mobileNo']\r\n\t\t\tnewCollectorDetails.verifiedResult = d\r\n\t\t\tnewCollectorDetails.isVerified = true\r\n\t\t\tnewCollectorDetails.crMemberId = d.memberId\r\n\r\n\t\t\treturn { ...state, collectorDetails: newCollectorDetails, memberSearchIsLoading: false }\r\n\r\n\t\tcase MEMBER_SEARCH_FAIL:\r\n\t\t\treturn { ...state, memberSearchIsLoading: false }\r\n\r\n\t\tcase SET_MOCK_DATA:\r\n\t\t\tconst collectorDetails = {\r\n\t\t\t\tregisterCr: false,\r\n\t\t\t\texistingCr: false,\r\n\t\t\t\tfrequencyOfTravelInPastYear: 0,\r\n\t\t\t\tsignatureUri: '',\r\n\t\t\t\tcardNo: '0000200100001400895',\r\n\t\t\t\tname: 'John',\r\n\t\t\t\tsurname: 'Smith',\r\n\t\t\t\temail: 'aa@gmail.com',\r\n\t\t\t\tdob: '2000-01-01',\r\n\t\t\t\tcountry: 'Singapore',\r\n\t\t\t\tmobileNo: '355-2312',\r\n\t\t\t\tsignatureBase64:\r\n\t\t\t\t\t'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAADICAYAAAAeGRPoAAAPGUlEQVR4Xu3da+ht6RwH8O9IklKSocQkpinkUpS7oQg1hsblDTVyaWSQexKNyxteoOYFGbkVRsj9BVIoQiHKZcwMDTETQ8q8UN7Qr1m7drtzzHnO2f+9f/vZn1Wnk9PzX+v3fH6P+f7X2mutfV5sBAgQIECAwMELnHfwMzABAgQIECBAIALdIiBAgAABAhMICPQJmmgKBAgQIEBAoFsDBAgQIEBgAgGBPkETTYEAAQIECAh0a4AAAQIECEwgINAnaKIpECBAgAABgW4NECBAgACBCQQE+gRNNAUCBAgQICDQrQECBAgQIDCBgECfoImmQIAAAQIEBLo1QIAAAQIEJhAQ6BM00RQIECBAgIBAtwYIECBAgMAEAgJ9giaaAgECBAgQEOjWAAECBAgQmEBAoE/QRFMgQIAAAQIC3RogQIAAAQITCAj0CZpoCgQIECBAQKBbAwQIECBAYAIBgT5BE02BAAECBAgIdGuAAAECBAhMICDQJ2iiKRAgQIAAAYFuDRAgQIAAgQkEBPoETTQFAgQIECAg0K0BAgQIECAwgYBAn6CJpkCAAAECBAS6NUCAAAECBCYQEOgTNNEUCBAgQICAQLcGCBAgQIDABAICfYImmgIBAgQIEBDo1gABAgQIEJhAQKBP0ERTIECAAAECAt0aIECAAAECEwgI9AmaaAoECBAgQECgWwMECBAgQGACAYE+QRNNgQABAgQICHRrgAABAgQITCAg0CdooikQIECAAAGBbg0QIECAAIEJBAT6BE00BQIECBAgINCtAQIECBAgMIGAQJ+giaZAgAABAgQEujVAgAABAgQmEBDoEzTRFAgQIECAgEC3BggQIECAwAQCAn2CJpoCAQIECBAQ6NYAAQIECBCYQECgT9BEUyBAgAABAgLdGiBAgAABAhMICPQJmmgKBAgQIEBAoFsDBAgQIEBgAgGBPkETTYEAAQIECAh0a4AAAQIECEwgINAnaKIpECBAgAABgW4NECBAgACBCQQE+gRNNAUCBAgQICDQrQECBAgQIDCBgECfoImmQIDAKQXemOSSJN9I8n5GBGYXEOizd9j8CBynwPlJfp2k/r41yUOXv49Tw6yPQkCgH0Wbdz7JRya5x/If0/oP6r2TfH2p4h9Jbtp5RQ54jAL/XZu0/9Yd4wo4sjlb5EfW8HOc7qOSPHAJ6grp2m5O8ogk909y9yRPOYNjXJ/kTkm+neRuy/j/JLlg2cd1SR60sZ/6JaDGXLT2799PckOSvyZ54vLvFy9/PyDJXZLcd/nf1yT5Z5JvJvlzkhvPoE5DDlfglUk+vFZ+rdc6U7cRmFZAoE/b2q1PrIL6u1vf6/52+K0kP07yveXP/ipx5JMQ+GmS+gW0to8leflJHMQ+CXQSEOidutG7lkML9Dqjrz91pl5//t9WZ26fS/La3i1Q3RkI1Dq9PMlLlrF1NaauHtkITC8g0Kdv8VYn2PWSe12Kr5ueaqsz7vW/VwB1qb4uvz8nSX3Gf7qPBt6V5J1bVbOzXQrURyuvWDvgo5P8bJcFOBaBfQkI9H3Jz33cU90UV0F7W5IuN8VVoNef+sx9M9zr7ugrkvxw7jZNN7sXJPn82qzekOSD083ShAicRkCgWxoEbheoIKhAWN/qzvxLAR2EQPXuA0nut1T7myRXuj/iIHqnyC0JCPQtQdrNFAJ1pl5ndHWFYX2ry/kVELaeAp9Y+8y8KqwrLE9PckvPclVF4GQEBPrJuNrrYQvUDVWvXrtLumbzuiS/dMbXqrGPT3L1Rp/qo52ntqpSMQR2JCDQdwTtMAcnUHfG1+tCL1urvM7e63NZ234Fqjf1jPkz18r4S5LXJ/nCfktzdAL7ExDo+7N35MMQePhyZr6qtu6YrjunbfsRqM/K37u84GhVQYX4C/dTjqMS6CMg0Pv0QiW9BeqlOqu74T+03HDVu+K5qqtHCa86xZTq8vrqUcW5Zmw2BAYFBPogmOFHK1B3T9drY1fPu3tefTdLoYL8aUmesHG4tyZ5325KcBQChyEg0A+jT6rsIbD5try6KetHPUqbroqHJPl4ksdszKx+kapHDD11MF3LTehcBQT6uQr6+WMT2Lz0+6Iknz02hBOcb/3S9OQkFdyr7Q9Jvrbc9HaCh7ZrAoctINAPu3+q34/AZqi/Lcm1vhb2nJpR39RXrxauL1Kpb/RbbZ9ZPjv//Tnt3Q8TOAIBgX4ETTbFExF4zfIM9Grn9TKTenbdDVpnx11veavHzta3C5MI8rPz9FNHKCDQj7Dpprw1gecm+fLG3uqM8sVbO8L8O3pcko+u3WxYM67n/980/9TNkMB2BQT6dj3t7fgELklSl9wrmNY3j7bd8VrY/OjCVY47NjOCwGkFBLrFQWA7Aqd7Tvp5Sb60nUNMtZcfbDyK5jHAqdprMvsQEOj7UHfMWQXqlaSXn+L71Osxq/ck+dWsEx+YV70nv75MZbXdlOQtXtk6IGgogdMICHRLg8D2Be6Z5NNJnrWx63o96bG+a/zBSepjiPXvnvdu/O2vPXs8YgGBfsTNN/UTF6g3nNXZ6Oo7uuuA9SKaeiHNsWw19yuSvH1twvVc+cuS1HvxbzsWCPMkcNICAv2khe2fwO1vNqsvFVlt30lyzRGcrdfZ+OZz5b6G1v8jCJyQgEA/IVi7JbAhUIFewb6+VajX2etsW8119Wc1t/ou+ecnuXG2yZoPgS4CAr1LJ9RxDAJ1xvqqjbP1mvdMd3hv3u1/8/IWPc+VH8MKN8e9Cgj0vfI7+BEK1A1zVyepd8Cvb79dwv5Q3zRXQV5n4Ktvo6u51Q2A9e++SOUIF7op715AoO/e3BEJrATqC0eevcFRIVh3gx9KsFdgPzbJMzbmMdNVByuWwEEICPSDaJMiJxaoN8y9e/nO7/Vp1ufrdUf8JxvOvT46qOft6+969n59q19G6peSQ/mFpCGvkgicnYBAPzs3P0Vg2wJ1Cf7KU7xC9hdJvroE5L5CskK7vp/8zUku2Pg2tHL41/LLx1VJfrJtGPsjQODMBAT6mTkZRWBXAnXWW8G4/gKW9WNXqNcXwNTd4rck+V2SeyX5+/J59V2T/CnJrRufZ9c+6ga12q5f22EFdY3/d5InJbl4+RrY1Zn36mtNTzX/esvbp5J8ZKllV0aOQ4DAKQQEumVBoKdAfTf4S5c74s//PyVWqG5e9j7JGdUvFHdO8g6X1U+S2b4JjAsI9HEzP0Fg1wKXJXnYKd4Rv4s66m1uddb/xSR1+f8ruzioYxAgMC4g0MfN/ASBfQqsX4q/NMmFSzE/Xy6X/3H5TPuGJPWLwPpWr1mty/QXrf3jtUnuk+S65RJ9nYGvzvr/5pGzfbbasQmMCQj0MS+jCRAgQIBASwGB3rItiiJAgAABAmMCAn3My2gCBAgQINBSQKC3bIuiCBAgQIDAmIBAH/MymgABAgQItBQQ6C3boigCBAgQIDAmINDHvIwmQIAAAQItBQR6y7YoigABAgQIjAkI9DEvowkQIECAQEsBgd6yLYoiQIAAAQJjAgJ9zMtoAgQIECDQUkCgt2yLoggQIECAwJiAQB/zMpoAAQIECLQUEOgt26IoAgQIECAwJiDQx7yMJkCAAAECLQUEesu2KIoAAQIECIwJCPQxL6MJECBAgEBLAYHesi2KIkCAAAECYwICfczLaAIECBAg0FJAoLdsi6IIECBAgMCYgEAf8zKaAAECBAi0FBDoLduiKAIECBAgMCYg0Me8jCZAgAABAi0FBHrLtiiKAAECBAiMCQj0MS+jCRAgQIBASwGB3rItiiJAgAABAmMCAn3My2gCBAgQINBSQKC3bIuiCBAgQIDAmIBAH/MymgABAgQItBQQ6C3boigCBAgQIDAmINDHvIwmQIAAAQItBQR6y7YoigABAgQIjAkI9DEvowkQIECAQEsBgd6yLYoiQIAAAQJjAgJ9zMtoAgQIECDQUkCgt2yLoggQIECAwJiAQB/zMpoAAQIECLQUEOgt26IoAgQIECAwJiDQx7yMJkCAAAECLQUEesu2KIoAAQIECIwJCPQxL6MJECBAgEBLAYHesi2KIkCAAAECYwICfczLaAIECBAg0FJAoLdsi6IIECBAgMCYgEAf8zKaAAECBAi0FBDoLduiKAIECBAgMCYg0Me8jCZAgAABAi0FBHrLtiiKAAECBAiMCQj0MS+jCRAgQIBASwGB3rItiiJAgAABAmMCAn3My2gCBAgQINBSQKC3bIuiCBAgQIDAmIBAH/MymgABAgQItBQQ6C3boigCBAgQIDAmINDHvIwmQIAAAQItBQR6y7YoigABAgQIjAkI9DEvowkQIECAQEsBgd6yLYoiQIAAAQJjAgJ9zMtoAgQIECDQUkCgt2yLoggQIECAwJiAQB/zMpoAAQIECLQUEOgt26IoAgQIECAwJiDQx7yMJkCAAAECLQUEesu2KIoAAQIECIwJCPQxL6MJECBAgEBLAYHesi2KIkCAAAECYwICfczLaAIECBAg0FJAoLdsi6IIECBAgMCYgEAf8zKaAAECBAi0FBDoLduiKAIECBAgMCYg0Me8jCZAgAABAi0FBHrLtiiKAAECBAiMCQj0MS+jCRAgQIBASwGB3rItiiJAgAABAmMCAn3My2gCBAgQINBSQKC3bIuiCBAgQIDAmIBAH/MymgABAgQItBQQ6C3boigCBAgQIDAmINDHvIwmQIAAAQItBQR6y7YoigABAgQIjAkI9DEvowkQIECAQEsBgd6yLYoiQIAAAQJjAgJ9zMtoAgQIECDQUkCgt2yLoggQIECAwJiAQB/zMpoAAQIECLQUEOgt26IoAgQIECAwJiDQx7yMJkCAAAECLQUEesu2KIoAAQIECIwJCPQxL6MJECBAgEBLAYHesi2KIkCAAAECYwICfczLaAIECBAg0FJAoLdsi6IIECBAgMCYgEAf8zKaAAECBAi0FBDoLduiKAIECBAgMCYg0Me8jCZAgAABAi0FBHrLtiiKAAECBAiMCQj0MS+jCRAgQIBASwGB3rItiiJAgAABAmMCAn3My2gCBAgQINBSQKC3bIuiCBAgQIDAmIBAH/MymgABAgQItBQQ6C3boigCBAgQIDAmINDHvIwmQIAAAQItBQR6y7YoigABAgQIjAkI9DEvowkQIECAQEuB/wE8OuDJiM7ftwAAAABJRU5ErkJggg==',\r\n\t\t\t\tisVerified: true,\r\n\t\t\t}\r\n\t\t\treturn { ...state, formDetailsList: dummy, collectorDetails }\r\n\r\n\t\tcase RESET_INDVIDIUAL_FORM_REDUCER:\r\n\t\t\tlet cloneInitState = cloneDeep(initState)\r\n\t\t\treturn { ...cloneInitState }\r\n\r\n\t\tcase UPLOAD_FILE_IS_LOADING:\r\n\t\t\treturn { ...state, uploadFileIsLoading: true }\r\n\r\n\t\tcase UPLOAD_FILE_SUCCESS:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tuploadFileIsLoading: false,\r\n\t\t\t\tcurrentPaxFormDetails: {\r\n\t\t\t\t\t...state.currentPaxFormDetails,\r\n\t\t\t\t\tsector2Details: {\r\n\t\t\t\t\t\t...state.currentPaxFormDetails.sector2Details,\r\n\t\t\t\t\t\tattachmentUri: action.rs.data.result[0],\r\n\t\t\t\t\t},\r\n\t\t\t\t},\r\n\t\t\t}\r\n\r\n\t\tcase UPLOAD_FILE_FAIL:\r\n\t\t\treturn { ...state, uploadFileIsLoading: false }\r\n\r\n\t\tcase UPLOAD_SIGNATURE_SUCCESS:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tuploadFileIsLoading: false,\r\n\t\t\t\tcollectorDetails: { ...state.collectorDetails, signatureUri: action.rs.data.result[0] },\r\n\t\t\t}\r\n\r\n\t\tcase UPDATE_FORM_DETAILS_LIST:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tformDetailsList: action.formDetailsList,\r\n\t\t\t}\r\n\r\n\t\tcase RESET_COLLECTOR_DETAILS:\r\n\t\t\treturn { ...state, collectorDetails: { ...initState.collectorDetails } }\r\n\r\n\t\tcase UPDATE_ENTIRE_INDIVIDUAL_FORM:\r\n\t\t\treturn {\r\n\t\t\t\t...action.individualForm,\r\n\t\t\t}\r\n\r\n\t\tcase COPY_FORM_DETAILS_TO_CURRENT_PAX:\r\n\t\t\tcurrentPaxFormDetails = { ...action.pax }\r\n\t\t\tcurrentPaxPosition = action.pax.pax\r\n\t\t\treturn { ...state, currentPaxFormDetails, currentPaxPosition, editMode: true }\r\n\r\n\t\tcase CANCEL_EDITING_PAX:\r\n\t\t\tcurrentPaxFormDetails = cloneDeep(initFormDetails)\r\n\t\t\tcurrentPaxPosition = state.formDetailsList.length + 1\r\n\t\t\treturn { ...state, currentPaxFormDetails, currentPaxPosition, editMode: false }\r\n\r\n\t\tcase REPLACE_DRAFT:\r\n\t\t\tdraft = JSON.parse(state.draft.data)\r\n\t\t\tdraft.promptedRetrieveDraft = true\r\n\t\t\tdraft.replacingFromDraft = true\r\n\t\t\tdraft.submitIndividualFormIsLoading = false\r\n\t\t\tdraft.checkAndUpdateEligibilityIsLoading = false\r\n\t\t\tdraft.memberSearchIsLoading = false\r\n\t\t\tdraft.uploadFileIsLoading = false\r\n\t\t\tdraft.individualFilesUploadIsLoading = false\r\n\t\t\tdraft.draftRedemptionTransaction = state.draftRedemptionTransaction\r\n\t\t\tdraft.getDraftFromOtherRedemptionTransactionIsLoading = false\r\n\t\t\tdraft.editMode = false\r\n\t\t\treturn { ...draft }\r\n\r\n\t\tcase REPLACE_DRAFT_SUCCESS:\r\n\t\t\treturn { ...state, replacingFromDraft: false }\r\n\r\n\t\tcase INDIVIDUAL_FILES_UPLOAD_IS_LOADING:\r\n\t\t\treturn { ...state, individualFilesUploadIsLoading: true }\r\n\r\n\t\tcase INDIVIDUAL_FILES_UPLOAD_SUCCESS:\r\n\t\t\tnewCurrentPaxFormDetails = { ...state.currentPaxFormDetails }\r\n\t\t\tnewCurrentPaxFormDetails.sector2Details.attachmentUris = [...newCurrentPaxFormDetails.sector2Details.attachmentUris, ...action.rs.data.result]\r\n\t\t\treturn { ...state, individualFilesUploadIsLoading: false, currentPaxFormDetails: newCurrentPaxFormDetails }\r\n\r\n\t\tcase INDIVIDUAL_FILES_UPLOAD_FAIL:\r\n\t\t\treturn { ...state, individualFilesUploadIsLoading: false }\r\n\r\n\t\tcase UPDATE_PROMPTED_RETRIEVE_DRAFT:\r\n\t\t\treturn { ...state, promptedRetrieveDraft: action.promptedRetrieveDraft }\r\n\r\n\t\tcase UPDATE_PROMPTED_AUTO_FILL_SECTOR:\r\n\t\t\treturn { ...state, promptedAutoFillSector: action.promptedAutoFillSector }\r\n\r\n\t\tcase UPDATE_INDIVIDUAL_FORM_DUCK:\r\n\t\t\treturn action.obj\r\n\r\n\t\tcase FIND_PASSENGER_DATA_WITH_CARD_NO_IS_LOADING:\r\n\t\t\treturn { ...state, findPassengerDataWithCardNoIsLoading: true }\r\n\r\n\t\tcase FIND_PASSENGER_DATA_WITH_CARD_NO_SUCCESS:\r\n\t\t\tvar matchedPassenger = {}\r\n\r\n\t\t\tfor (let passenger of action.rs.data.result.items) {\r\n\t\t\t\tif (passenger.group != null || passenger.redemptionTransaction != null) {\r\n\t\t\t\t\tmatchedPassenger = passenger\r\n\t\t\t\t\tbreak\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tfindPassengerDataWithCardNoIsLoading: false,\r\n\t\t\t\tpassengerDataWithCardNo: {\r\n\t\t\t\t\tpassenger: matchedPassenger,\r\n\t\t\t\t\tgroup: matchedPassenger.group || {},\r\n\t\t\t\t\tredemptionTransaction: matchedPassenger.redemptionTransaction || {},\r\n\t\t\t\t},\r\n\t\t\t}\r\n\r\n\t\tcase FIND_PASSENGER_DATA_WITH_CARD_NO_FAIL:\r\n\t\t\treturn { ...state, findPassengerDataWithCardNoIsLoading: false }\r\n\r\n\t\tcase FIND_PASSENGER_IN_GROUP_IS_LOADING:\r\n\t\t\treturn { ...state, findPassengerInGroupIsLoading: true }\r\n\r\n\t\tcase FIND_PASSENGER_IN_GROUP_SUCCESS:\r\n\t\t\treturn { ...state, findPassengerInGroupIsLoading: false, passengerFromGroup: action.rs.data.result || {} }\r\n\r\n\t\tcase FIND_PASSENGER_IN_GROUP_FAIL:\r\n\t\t\treturn { ...state, findPassengerInGroupIsLoading: false }\r\n\r\n\t\tcase GET_DRAFT_FROM_OTHER_REDEMPTION_TRANSACTION_IS_LOADING:\r\n\t\t\treturn { ...state, getDraftFromOtherRedemptionTransactionIsLoading: true, promptedRetrieveDraft: true }\r\n\r\n\t\tcase GET_DRAFT_FROM_OTHER_REDEMPTION_TRANSACTION_SUCCESS:\r\n\t\t\t;({ draft, redemptionTransaction } = action.rs.data.result)\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tgetDraftFromOtherRedemptionTransactionIsLoading: false,\r\n\t\t\t\tdraft: draft || {},\r\n\t\t\t\tdraftRedemptionTransaction: redemptionTransaction || {},\r\n\t\t\t}\r\n\r\n\t\tcase GET_DRAFT_FROM_OTHER_REDEMPTION_TRANSACTION_FAIL:\r\n\t\t\treturn { ...state, getDraftFromOtherRedemptionTransactionIsLoading: false }\r\n\r\n\t\tcase POPULATE_PASSENGER_FROM_GROUP:\r\n\t\t\tconst passengerFromGroup = { ...state.passengerFromGroup }\r\n\t\t\tcurrentPaxFormDetails = { ...state.currentPaxFormDetails }\r\n\t\t\tconst { flightData } = action\r\n\t\t\tnewCurrentPaxFormDetails = {\r\n\t\t\t\teTicketsDetails: {\r\n\t\t\t\t\teTicket1: passengerFromGroup.eTicket1,\r\n\t\t\t\t\teTicket2: passengerFromGroup.eTicket2,\r\n\t\t\t\t\teTicket3: passengerFromGroup.eTicket3,\r\n\t\t\t\t\teTicket4: passengerFromGroup.eTicket4,\r\n\t\t\t\t\teTicket1LastName: passengerFromGroup.eTicket1 ? passengerFromGroup.lastName : '',\r\n\t\t\t\t\teTicket2LastName: passengerFromGroup.eTicket2 ? passengerFromGroup.lastName : '',\r\n\t\t\t\t\teTicket3LastName: passengerFromGroup.eTicket3 ? passengerFromGroup.lastName : '',\r\n\t\t\t\t\teTicket4LastName: passengerFromGroup.eTicket4 ? passengerFromGroup.lastName : '',\r\n\t\t\t\t},\r\n\t\t\t\tpersonalDetails: {\r\n\t\t\t\t\tfirstName: passengerFromGroup.firstName,\r\n\t\t\t\t\tlastName: passengerFromGroup.lastName,\r\n\t\t\t\t\tdob: toBrowserFriendlyDate(passengerFromGroup.dob),\r\n\t\t\t\t\tremarks: passengerFromGroup.remarks,\r\n\t\t\t\t},\r\n\t\t\t\tsector1Details: {\r\n\t\t\t\t\tflightNo: passengerFromGroup.firstFltNo,\r\n\t\t\t\t\tdestination: 'Singapore',\r\n\t\t\t\t\torigin: getOriginFromFltNumber(passengerFromGroup.firstFltNo, flightData),\r\n\t\t\t\t\tdepartingDate: toBrowserFriendlyDate(passengerFromGroup.firstFltDepDate),\r\n\t\t\t\t\tremarks: '',\r\n\t\t\t\t},\r\n\t\t\t\tsector2Details: {\r\n\t\t\t\t\tflightNo: passengerFromGroup.secondFltNo,\r\n\t\t\t\t\tdestination: getDestinationFromFltNumber(passengerFromGroup.secondFltNo, flightData),\r\n\t\t\t\t\tdestinationCityCode: null,\r\n\t\t\t\t\torigin: 'Singapore',\r\n\t\t\t\t\tdepartingDate: toBrowserFriendlyDate(passengerFromGroup.secondFltDepDate),\r\n\t\t\t\t\tlandSeaScootBool: 'na',\r\n\t\t\t\t\tlandSeaRemarks: '',\r\n\t\t\t\t\tattachmentUris: [],\r\n\t\t\t\t},\r\n\t\t\t\tsector3Details: {\r\n\t\t\t\t\tflightNo: null,\r\n\t\t\t\t\tdestination: 'Singapore',\r\n\t\t\t\t\tdestinationCode: null,\r\n\t\t\t\t\tdestinationCityCode: null,\r\n\t\t\t\t\torigin: null,\r\n\t\t\t\t\tdepartingDate: moment().format('YYYY-MM-DD'),\r\n\t\t\t\t\tlandSeaScootBool: 'na',\r\n\t\t\t\t\tlandSeaRemarks: '',\r\n\t\t\t\t\tattachmentUris: [],\r\n\t\t\t\t\tsingaporeCode: 'SIN',\r\n\t\t\t\t},\r\n\t\t\t\tsector4Details: {\r\n\t\t\t\t\tflightNo: null,\r\n\t\t\t\t\tdestination: null,\r\n\t\t\t\t\torigin: 'Singapore',\r\n\t\t\t\t\toriginCode: null,\r\n\t\t\t\t\tdepartingDate: moment().format('YYYY-MM-DD'),\r\n\t\t\t\t\tremarks: '',\r\n\t\t\t\t\tsingaporeCode: 'SIN',\r\n\t\t\t\t},\r\n\t\t\t\tticketDetails: [],\r\n\t\t\t\tisDeleted: false,\r\n\t\t\t\tctpVoucherValue: 0,\r\n\t\t\t\tctpGenValue: 0,\r\n\t\t\t\tctpLpcValue: 0,\r\n\t\t\t\tcardNo: '',\r\n\t\t\t\tcurrentPaxPosition: currentPaxFormDetails.currentPaxPosition,\r\n\t\t\t\tgenPhysicalVoucherNo: passengerFromGroup.genPhysicalVoucherNo || '',\r\n\t\t\t\tlpcPhysicalVoucherNo: passengerFromGroup.lpcPhysicalVoucherNo || '',\r\n\t\t\t\tphysicalVoucherIssued: passengerFromGroup.physicalVoucherIssued,\r\n\t\t\t}\r\n\r\n\t\t\treturn { ...state, currentPaxFormDetails: newCurrentPaxFormDetails }\r\n\r\n\t\tcase INDIVIDUAL_GROUP_CHECK_REDEEMED_PASSENGER_IS_LOADING:\r\n\t\t\treturn { ...state, individualGroupCheckRedeemedPassengerIsLoading: true }\r\n\r\n\t\tcase INDIVIDUAL_GROUP_CHECK_REDEEMED_PASSENGER_SUCCESS:\r\n\t\t\t;({\r\n\t\t\t\tdata: {\r\n\t\t\t\t\tresult: { items },\r\n\t\t\t\t},\r\n\t\t\t} = action.rs)\r\n\t\t\tif (items.length === 0) {\r\n\t\t\t\treturn { ...state, individualGroupCheckRedeemedPassengerIsLoading: false }\r\n\t\t\t}\r\n\r\n\t\t\tnewFormDetailsList = produce(state.formDetailsList, (draft) => {\r\n\t\t\t\tconst keys = ['eTicket1', 'eTicket2', 'eTicket3', 'eTicket4']\r\n\t\t\t\tfor (let p of draft) {\r\n\t\t\t\t\tfor (let i = items.length - 1; i >= 0; i--) {\r\n\t\t\t\t\t\tfor (let k of keys) {\r\n\t\t\t\t\t\t\tif (items[i] && p.eTicketsDetails[k] !== '') {\r\n\t\t\t\t\t\t\t\tif (p.eTicketsDetails[k] === items[i].eTicketNo) {\r\n\t\t\t\t\t\t\t\t\tp.redeemed = items[i]\r\n\t\t\t\t\t\t\t\t\titems.splice(i, 1)\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t})\r\n\r\n\t\t\treturn { ...state, individualGroupCheckRedeemedPassengerIsLoading: false, formDetailsList: newFormDetailsList }\r\n\r\n\t\tcase INDIVIDUAL_GROUP_CHECK_REDEEMED_PASSENGER_FAIL:\r\n\t\t\treturn { ...state, individualGroupCheckRedeemedPassengerIsLoading: false }\r\n\t\tcase FIND_PASSENGER_WITH_APPEAL_IS_LOADING:\r\n\t\t\treturn { ...state, findPassengerWithAppealIsLoading: true };\r\n case FIND_PASSENGER_WITH_APPEAL_SUCCESS:\r\n return { ...state, findPassengerWithAppealIsLoading: false };\r\n case FIND_PASSENGER_WITH_APPEAL_FAIL:\r\n return { ...state, findPassengerWithAppealIsLoading: false };\r\n\t\tcase GET_CR_DETAILS_IS_LOADING:\r\n\t\t\treturn { ...state, getCrDetailsFromOCIDLoading: true }\r\n\t\tcase GET_CR_DETAILS_SUCCESS:\r\n\t\t\tlet member = action.data.result\r\n\t\t\tlet formattedCountryCode = member.countryCode.replace(/\\D+/g, '')\r\n\t\t\tlet formattedCountry = findCountryFromCallingCode(formattedCountryCode)\r\n\t\t\tlet newCrDetailsFromOCID = {\r\n\t\t\t\tcardNo: member.cardNo.substring(0, 19),\r\n\t\t\t\tname: member.name,\r\n\t\t\t\tsurname: member.surname,\r\n\t\t\t\temail: member.email,\r\n\t\t\t\tcontactNo: member.mobileNo,\r\n\t\t\t\tcountryCode: formattedCountryCode,\r\n\t\t\t\tcountry: formattedCountry,\r\n\t\t\t\tdob: member.dob,\r\n\t\t\t\tcrMemberId: member.memberID,\r\n\t\t\t}\r\n\r\n\t\t\treturn { ...state, crDetailsFromOCID: newCrDetailsFromOCID, getCrDetailsFromOCIDLoading: false }\r\n\t\tcase GET_CR_DETAILS_FAIL:\r\n\t\t\treturn { ...state, getCrDetailsFromOCIDLoading: false }\r\n\r\n\t\tdefault:\r\n\t\t\treturn state\r\n\t}\r\n}\r\n\r\nexport default individualFormDuck\r\n","export const formDetailsListMockGenerator = (n = 1) => {\r\n const rs = []\r\n for (let i = 1; i < n + 1; i++) {\r\n rs.push(\r\n {\r\n pax: i,\r\n eTicketsDetails: {\r\n eTicket1: '6182425386132',\r\n eTicket2: '0861',\r\n eTicket3: '0862',\r\n eTicket4: '0863',\r\n eTicket1LastName: 'aa',\r\n eTicket2LastName: 'aa',\r\n eTicket3LastName: 'aa',\r\n eTicket4LastName: 'aa',\r\n isETicketsVerified: false\r\n },\r\n personalDetails: {\r\n firstName: 'aa',\r\n lastName: 'KHAN',\r\n dob: '2019-01-15'\r\n },\r\n sector1Details: {\r\n flightNo: 'SQ107',\r\n departingDate: '2019-01-21T00:00:00',\r\n destination: 'Algeria'\r\n },\r\n sector2Details: {\r\n landSeaScootBool: 'na',\r\n flightNo: 'TR 109',\r\n departingDate: '2019-01-15',\r\n destination: 'Andorra'\r\n },\r\n isDeleted: false,\r\n ticketDetails: [\r\n {\r\n ticketNumber: '6182425386132',\r\n flightNumber: 'SQ107',\r\n departureDate: '2019-01-21T00:00:00',\r\n nextDestination: 'HKT',\r\n code: 'CSLAAA0000',\r\n criterias: {\r\n isFlightEligible: 'Yes',\r\n haveTwoTouchPoint: 'Yes',\r\n isWithinCampaign: 'Yes',\r\n isThreeSector: 'No',\r\n isFourSector: 'Yes',\r\n isSameOrgDest: 'Yes',\r\n isValidTransit: 'Yes',\r\n isPaxSeated: 'Yes',\r\n isValidOrigin: 'Yes',\r\n isFlightConfirmed: 'Yes',\r\n isUsedOrFlownFlight: 'Yes'\r\n },\r\n encodedCriteria: '11101111111',\r\n ctpEligibility: 'Yes',\r\n etVerified: 'Yes'\r\n }\r\n ],\r\n ctpVoucherValue: 40,\r\n ctpGenValue: 20,\r\n ctpLpcValue: 20,\r\n cardNo: '',\r\n genPhysicalVoucherNo: '',\r\n lpcPhysicalVoucherNo: '',\r\n physicalVoucherIssued: false\r\n }\r\n )\r\n }\r\n\r\n return rs\r\n}","import CallingCodes from \"../data/callingCodesCRM\";\r\n\r\nexport const findCallingCodeFromCountry = country => {\r\n const callingCode = CallingCodes.find(c => c.country === country)\r\n if (callingCode) {\r\n this.setState({callingCode: callingCode.label})\r\n return callingCode.label\r\n }\r\n}\r\n\r\nexport const findCountryFromCallingCode = callingCode => {\r\n const matchedCallingCode = CallingCodes.find(c => c.label === callingCode);\r\n if (matchedCallingCode) {\r\n return matchedCallingCode.country\r\n }\r\n}","import React, {PureComponent} from 'react'\r\nimport {Fab} from '@material-ui/core'\r\nimport {Undo} from '@material-ui/icons'\r\nimport PropTypes from 'prop-types'\r\n\r\nclass StyledUndoBtn extends PureComponent {\r\n render() {\r\n return (\r\n \r\n\r\n {this.props.formFields.map(formField => {\r\n if ( formField.displayCondition) {\r\n if(this._checkDisplayCondition(formField.displayCondition)){\r\n return this._renderField(formField);\r\n } else {\r\n return null\r\n }\r\n\r\n } else {\r\n return this._renderField(formField);\r\n }\r\n })}\r\n\r\n\r\n {this.props.showButtons && (\r\n
\r\n \r\n
\r\n )}\r\n \r\n \r\n Confirm\r\n \r\n
\r\n\r\n \r\n \r\n Cancel\r\n \r\n
\r\n \r\n\t\t\t\t\r\n\t\t\t
\r\n\t\t)\r\n\t}\r\n}\r\n\r\nSqApiCriteriasDialog.propTypes = {\r\n\tcriterias: PropTypes.shape({\r\n\t\tisFlightEligible: PropTypes.string,\r\n\t\thaveTwoTouchPoint: PropTypes.string,\r\n\t\tisWithinCampaign: PropTypes.string,\r\n\t\tisThreeSector: PropTypes.string,\r\n\t\tisFourSector: PropTypes.string,\r\n\t\tisSameOrgDest: PropTypes.string,\r\n\t\tisValidTransit: PropTypes.string,\r\n\t\tisPaxSeated: PropTypes.string,\r\n\t\tisValidOrigin: PropTypes.string,\r\n\t\tisFlightConfirmed: PropTypes.string,\r\n\t\tisUsedOrFlownFlight: PropTypes.string\r\n\t}),\r\n\tcriteriasMessage: PropTypes.string, // message to show when criteris is {}\r\n\tviewCriterias: PropTypes.bool, // determines is dialog shows\r\n\tonViewCritierasClose: PropTypes.func // usually function to set viewCriterias to false\r\n}\r\n\r\nconst styles = theme => ({\r\n\tno: { backgroundColor: pink[50] }\r\n})\r\n\r\nexport default withStyles(styles)(SqApiCriteriasDialog)\r\n","import React from 'react'\r\nimport { connect } from 'react-redux'\r\nimport PropTypes from 'prop-types'\r\nimport { withStyles, Table, TableBody, TableCell, TableHead, TableRow, Paper, TextField } from '@material-ui/core'\r\nimport { lime } from '@material-ui/core/colors'\r\nimport StyledDeleteBtn from './StyledDeleteBtn'\r\nimport StyledUndoBtn from './StyledUndoBtn'\r\nimport SqApiCriteriasDialog from '../components/SqApiCriteriasDialog'\r\nimport { updateFormDetailsList } from '../ducks/individualFormDuck'\r\nimport { toHumanFriendlyDate } from '../helpers/utilities'\r\nimport { convertSqStatusForDisplay } from '../helpers/eticketStatusHelper'\r\n\r\nclass ParticularsTable extends React.Component {\r\n\tconstructor(props, context) {\r\n\t\tsuper(props, context)\r\n\t\tthis.state = {\r\n\t\t\tcriterias: {},\r\n\t\t\tcriteriasMessage: '',\r\n\t\t\tviewCriterias: false,\r\n\t\t\teditingIdx: null,\r\n\t\t\tphysicalEditingIdx: {}\r\n\t\t}\r\n\t}\r\n\r\n\tonViewCritierias = r => {\r\n\t\tif (r.ticketDetails && r.ticketDetails[0].criterias) {\r\n\t\t\tthis.setState({\r\n\t\t\t\tviewCriterias: true,\r\n\t\t\t\tcriterias: r.ticketDetails[0].criterias,\r\n\t\t\t\tcriteriasMessage: ''\r\n\t\t\t})\r\n\t\t\treturn\r\n\t\t}\r\n\t\tif (r.ticketDetails && r.ticketDetails[0].remarks) {\r\n\t\t\tthis.setState({\r\n\t\t\t\tviewCriterias: true,\r\n\t\t\t\tcriterias: {},\r\n\t\t\t\tcriteriasMessage: r.ticketDetails[0].remarks\r\n\t\t\t})\r\n\t\t} else {\r\n\t\t\tthis.setState({\r\n\t\t\t\tviewCriterias: true,\r\n\t\t\t\tcriterias: {},\r\n\t\t\t\tcriteriasMessage: 'No results'\r\n\t\t\t})\r\n\t\t}\r\n\t}\r\n\r\n\tonViewCriteriasClose = () => {\r\n\t\tthis.setState({ viewCriterias: false })\r\n\t}\r\n\r\n\tonCardNoKeyPress = e => {\r\n\t\tif (e.key === 'Enter') this.setState({ editingIdx: null, physicalEditingIdx: {} })\r\n\t}\r\n\r\n\tonCardNoChange = (idx, e) => {\r\n\t\tlet value = e.target.value\r\n\t\tif (value.length > 19) {\r\n\t\t\tvalue = value.substring(0, 19)\r\n\t\t}\r\n\t\tconst newPax = { ...this.props.rows[idx] }\r\n\t\tnewPax.cardNo = value\r\n\t\tlet newFormDetailsList = [...this.props.rows]\r\n\t\tnewFormDetailsList.splice(idx, 1, newPax)\r\n\t\tthis.props.updateFormDetailsList(newFormDetailsList)\r\n\t}\r\n\r\n\tonCardEdit = (i, row) => {\r\n\t\tthis.setState({ editingIdx: i })\r\n\t}\r\n\r\n\tonPhysicalCardNoChange = (idx, k, e) => {\r\n\t\tconst newPax = { ...this.props.rows[idx] }\r\n\t\tnewPax[k] = e.target.value\r\n\t\tlet newFormDetailsList = [...this.props.rows]\r\n\t\tnewFormDetailsList.splice(idx, 1, newPax)\r\n\t\tthis.props.updateFormDetailsList(newFormDetailsList)\r\n\t}\r\n\r\n\tonPhysicalCardEdit = (row, col) => {\r\n\t\tthis.setState({ physicalEditingIdx: { row, col } })\r\n\t}\r\n\r\n\tonCardNoBlur = idx => {\r\n\t\tif (this.state.editingIdx === idx) this.setState({ editingIdx: null })\r\n\t}\r\n\r\n\tonPhysicalCardNoBlur = (row, col) => {\r\n\t\tconst { physicalEditingIdx } = this.state\r\n\t\tif (physicalEditingIdx.row === row && physicalEditingIdx.col === col) this.setState({ physicalEditingIdx: [] })\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst { classes, currentPaxPosition, editMode, multiCard, physicalCard, singleCard } = this.props\r\n\t\tconst { criterias, viewCriterias, criteriasMessage, editingIdx, physicalEditingIdx } = this.state\r\n\r\n\t\treturn (\r\n\t\t\t\r\n {this.props.message} \r\n
\r\n )\r\n }\r\n}\r\n\r\nconst styles = theme => ({\r\n container: {\r\n padding: '2rem', backgroundColor: theme.palette.grey[200], display: 'flex', justifyContent: 'center',\r\n alignItems: 'center', borderRadius: '.25rem'\r\n },\r\n text: {color: theme.palette.grey[400]}\r\n})\r\n\r\nStyledPlaceholder.propTypes = {\r\n message: PropTypes.string.isRequired\r\n}\r\n\r\nexport default withStyles(styles)(StyledPlaceholder)","let chinaCities = [\r\n\t'Beijing',\r\n\t'Changsha',\r\n\t'Chengdu',\r\n\t'Chongqing',\r\n\t'Dalian',\r\n\t'Fuzhou',\r\n\t'Guangzhou',\r\n\t'Haikou',\r\n\t'Hangzhou',\r\n\t'Harbin',\r\n\t'Jinan',\r\n\t'Kunming',\r\n\t'Nanchang',\r\n\t'Nanjing',\r\n\t'Nanning',\r\n\t'Ningbo',\r\n\t'Qingdao',\r\n\t'Quanzhou',\r\n\t'Shanghai',\r\n\t'Shenyang',\r\n\t'Shenzhen',\r\n\t'Shenzhen',\r\n\t'Tianjin',\r\n\t'Wuhan',\r\n\t'Wuxi',\r\n\t\"Xi'an\",\r\n\t'Xian',\r\n\t'Xiamen',\r\n\t'Zhengzhou'\r\n]\r\n\r\nexport const checkBonusCities = cityName => {\r\n\t// let matchedCity = chinaCities.find(city => city === cityName);\r\n\t// return !!matchedCity;\r\n\treturn false\r\n}\r\n","export const NA = \"na\"\r\nexport const LAND = \"land\"\r\nexport const SEA = \"sea\"\r\nexport const SCOOT= \"scoot\"","import moment from 'moment'\r\nimport { initFormDetails } from '../../../ducks/individualFormDuck'\r\nimport { convertSqStatusForDisplay, DISPLAY_NO } from '../../../helpers/eticketStatusHelper'\r\nimport { checkBonusCities } from '../../../helpers/voucherBonusHelper'\r\nimport {NA, SCOOT} from '../../../constants/sector2Options.js'\r\n\r\nexport const validateCurrentPax = ({ currentPaxFormDetails, formDetailsList, campaignPeriods, files }) => {\r\n\t// remove own detailList to prevent false duplication error\r\n\tformDetailsList = formDetailsList.filter(p => p.pax !== currentPaxFormDetails.pax)\r\n\r\n\t// check whether form is blank for subsequent users\r\n\tif (formDetailsList.length > 0) {\r\n\t\tlet isBlankForm = checkBlankForm(currentPaxFormDetails, initFormDetails)\r\n\t\tif (isBlankForm) return { success: true, message: 'No need to validate blank form' }\r\n\t}\r\n\r\n\tconst { eTicketsDetails, personalDetails, sector1Details, sector2Details, sector3Details, sector4Details, ticketDetails, isFirstPax, isPnrVerified, flightType } = currentPaxFormDetails\r\n\r\n\t// let nonDeletedFormDetailsList = formDetailsList.filter(x => x.isDeleted === false)\r\n\t// const existingETicketsDetailsList = nonDeletedFormDetailsList.map(formDetails => formDetails.eTicketsDetails)\r\n\r\n\tif (!eTicketsDetails.pnr) {\r\n\t\treturn { success: false, message: 'Please fill Booking Ref No / PNR' }\r\n\t}\r\n\r\n\tif (!isPnrVerified) {\r\n\t\treturn { success: false, message: 'Please check eligibility of ETicket to ensure it is not used before' }\r\n\t}\r\n\r\n\t// if (!_validateCurrentPaxETixDuplicate(eTicketsDetails)) {\r\n\t// \treturn { success: false, message: 'Please ensure no E Tickets duplicate' }\r\n\t// }\r\n\r\n\t// if (!_validatePreviousPaxETixDuplicate(eTicketsDetails, existingETicketsDetailsList)) {\r\n\t// \treturn { success: false, message: 'Please ensure no E Tickets duplicate' }\r\n\t// }\r\n\r\n\tlet personalKeys = ['dob', 'firstName', 'lastName']\r\n\tfor (let i = 0; i < personalKeys.length; i++) {\r\n\t\tif (!personalDetails[personalKeys[i]] || personalDetails[personalKeys[i]] === '') {\r\n\t\t\treturn { success: false, message: 'Please fill up ' + personalKeys[i] }\r\n\t\t}\r\n\t}\r\n\r\n\tlet twoYearsAgo = moment().subtract(2, 'years')\r\n\tif (moment(personalDetails.dob).isAfter(twoYearsAgo)) {\r\n\t\treturn { success: false, message: 'Date of birth must be at least 2 years' }\r\n\t}\r\n\r\n\tlet sector1Keys = ['flightNo', 'departingDate', 'destination', 'origin'];\r\n\tfor (let i = 0; i < sector1Keys.length; i++) {\r\n\t\tif (!sector1Details[sector1Keys[i]] || sector1Details[sector1Keys[i]] === '') {\r\n\t\t\treturn { success: false, message: 'Please fill up Sector 1 ' + sector1Keys[i] }\r\n\t\t}\r\n\t}\r\n\r\n\r\n\tif(sector2Details.landSeaScootBool === NA || sector2Details.landSeaScootBool === SCOOT){\r\n let sector2Keys = ['flightNo', 'destination', 'departingDate'];\r\n for (let i = 0; i < sector2Keys.length; i++) {\r\n if (!sector2Details[sector2Keys[i]] || sector2Details[sector2Keys[i]] === '') {\r\n return { success: false, message: 'Please fill up Sector 2 ' + sector2Keys[i] }\r\n }\r\n }\r\n\t}\r\n\r\n\t//check departingDate for sector 2 is not earlier than sector 1\r\n\tif(sector2Details.departingDate){\r\n if (moment(sector2Details.departingDate).isBefore(sector1Details.departingDate)) {\r\n return { success: false, message: 'Sector 2 departing date must not be earlier than sector 1 departing date' }\r\n }\r\n\t}\r\n\r\n\t// let firstPax = formDetailsList[0];\r\n\t// first pax\r\n\tdebugger\r\n\t// if (isFirstPax == true || !firstPax) {\r\n\t// \tlet subString = eTicketsDetails.eTicket1.substr(0, 3);\r\n\t// \tif (subString !== '086' && subString !== '081') {\r\n\t// \t\tlet numberOfSector1stPax = currentPaxFormDetails.numberOfSector;\r\n\t// \t\tif (numberOfSector1stPax == 4) {\r\n\t// \t\t\tif (!sector3Details.flightNo || !sector4Details.flightNo) {\r\n\t// \t\t\t\treturn { success: false, message: `Number of sector must be ${numberOfSector1stPax}` }\r\n\t// \t\t\t}\r\n\t// \t\t} else if (numberOfSector1stPax == 2) {\r\n\t// \t\t\tif (sector3Details.flightNo || sector4Details.flightNo) {\r\n\t// \t\t\t\treturn { success: false, message: `Number of sector must be ${numberOfSector1stPax}` }\r\n\t// \t\t\t}\r\n\t// \t\t}\r\n\t// \t}\r\n\t// } \r\n\t// // is not first pax\r\n\t// else {\r\n\t// \t// is not 1st pax\r\n\t// \t// get 1st pax\r\n\t// \tlet numberOfSector1stPax = firstPax.numberOfSector;\r\n\t// \t// compare number of sector with 1st pax\r\n\t// \tif (numberOfSector1stPax !== currentPaxFormDetails.numberOfSector) {\r\n\t// \t\treturn { success: false, message: `All passengers have to same number of sector of first passenger.` }\r\n\t// \t}\r\n\t// \t// validate number of sector base on number of sector of 1st pax\r\n\t// \tif (numberOfSector1stPax == 4) {\r\n\t// \t\tif (!sector3Details.flightNo || !sector4Details.flightNo) {\r\n\t// \t\t\treturn { success: false, message: `Number of sector must be ${numberOfSector1stPax}` }\r\n\t// \t\t}\r\n\t// \t} else if (numberOfSector1stPax == 2) {\r\n\t// \t\tif (sector3Details.flightNo || sector4Details.flightNo) {\r\n\t// \t\t\treturn { success: false, message: `Number of sector must be ${numberOfSector1stPax}` }\r\n\t// \t\t}\r\n\t// \t}\r\n\t// }\r\n\r\n\t// check if in case flightNo for sector 3 and 4 fill up\r\n\tif (sector3Details.flightNo || sector4Details.flightNo) {\r\n\t\t// check departingDate for sector 3 is not blank\r\n\t\tif(sector3Details.landSeaScootBool === NA || sector3Details.landSeaScootBool === SCOOT){\r\n\t\t\tlet sector3Keys = ['flightNo', 'destination', 'departingDate'];\r\n\t\t\tfor (let i = 0; i < sector3Keys.length; i++) {\r\n\t\t\t\tif (!sector2Details[sector3Keys[i]] || sector2Details[sector3Keys[i]] === '') {\r\n\t\t\t\t\treturn { success: false, message: 'Please fill up Sector 3 ' + sector3Keys[i] }\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t// check departingDate for sector 4 is not blank\r\n\t\tlet sector4Keys = ['flightNo', 'departingDate', 'destination', 'origin'];\r\n\t\tfor (let i = 0; i < sector4Keys.length; i++) {\r\n\t\t\tif (!sector4Details[sector4Keys[i]] || sector4Details[sector4Keys[i]] === '') {\r\n\t\t\t\treturn { success: false, message: 'Please fill up Sector 4 ' + sector4Keys[i] }\r\n\t\t\t}\r\n\t\t}\r\n\t\t// check departingDate for sector 3 is not earlier than sector 2\r\n\t\tif (moment(sector3Details.departingDate).isBefore(sector2Details.departingDate)) {\r\n return { success: false, message: 'Sector 3 departing date must not be earlier than sector 2 departing date' }\r\n }\r\n\t\t// check departingDate for sector 4 is not earlier than sector 3\r\n\t\tif (moment(sector4Details.departingDate).isBefore(sector3Details.departingDate)) {\r\n return { success: false, message: 'Sector 4 departing date must not be earlier than sector 3 departing date' }\r\n }\r\n\t}\r\n\r\n\r\n\tif (flightType !== 'visiting-sin' && sector1Details.origin && sector1Details.origin === sector2Details.destination) {\r\n\r\n\t\treturn { success: false, message: 'Round trip is not allowed. Please verify Sector 1 Origin and Sector 2 Destination value cannot be the same.' }\r\n\t}\r\n\r\n\t// check eligibility of eEtickets\r\n\t// let ticketKeys = ['eTicket1', 'eTicket2', 'eTicket3', 'eTicket4']\r\n\t// let eligibleInitials = ['618', '629', '086', '081', '000']\r\n\t// for (let i = 0; i < ticketKeys.length; i++) {\r\n\t// \tif (!eTicketsDetails[ticketKeys[i]]) continue\r\n\t// \tlet checkElgibleInitials = false\r\n\t// \teligibleInitials.forEach(initial => {\r\n\t// \t\tif (eTicketsDetails[ticketKeys[i]].substr(0, 3) === initial) checkElgibleInitials = true\r\n\t// \t})\r\n\r\n\t// \tif (!checkElgibleInitials) {\r\n\t// \t\treturn { success: false, message: 'Please ensure eligible E Ticket No' }\r\n\t// \t}\r\n\t// }\r\n\r\n\tif (!_validateCampaignPeriod(currentPaxFormDetails, campaignPeriods)) {\r\n\t\treturn { success: false, message: 'Dates are not within campaignPeriod' }\r\n\t}\r\n\r\n\tif (!_validateAttachmentRequired(sector2Details, ticketDetails, files)) {\r\n\t\treturn { success: false, message: 'Please complete land/sea/scoot section' }\r\n\t}\r\n\r\n\tfor (const t of currentPaxFormDetails.ticketDetails) {\r\n\t\tif (convertSqStatusForDisplay(t.ctpEligibility) === DISPLAY_NO) {\r\n\t\t\treturn { success: false, message: `E-ticket ${t.ticketNumber} is not eligible. Please fix and check eligibility again.` }\r\n\t\t}\r\n\r\n\t\tif (t.isFromSpecialBoardPointCountry) {\r\n\t\t\tif (sector1Details.origin && !checkBonusCities(sector1Details.origin)) {\r\n\t\t\t\treturn { success: false, message: `E-ticket ${t.ticketNumber} is from Special Board Point according to SQ API. Please check the city of origin.` }\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t//if there all is valid, return true\r\n\treturn { success: true, message: 'All check pass' }\r\n}\r\n\r\nlet _validateCampaignPeriod = (currentPax, campaignPeriods) => {\r\n\tlet dateKeys = ['departingDate']\r\n\tlet campaignPeriod = { startDate: '', endDate: '' }\r\n\tlet now = moment().startOf('day')\r\n\tconst prev = moment(now).subtract(1, 'days')\r\n\tconst next = moment(now).add(1, 'days')\r\n\tconst campaignsToCheck = { prev: '', now: '', next: '' }\r\n\r\n\t// earliest date first\r\n\tcampaignPeriods.sort((prev, next) => {\r\n\t\tif (\r\n\t\t\tmoment(prev.startDate)\r\n\t\t\t\t.startOf('day')\r\n\t\t\t\t.isBefore(moment(next.startDate).startOf('day'))\r\n\t\t) {\r\n\t\t\treturn -1\r\n\t\t}\r\n\t\tif (\r\n\t\t\tmoment(prev.startDate)\r\n\t\t\t\t.startOf('day')\r\n\t\t\t\t.isAfter(moment(next.startDate).startOf('day'))\r\n\t\t) {\r\n\t\t\treturn 1\r\n\t\t}\r\n\t\treturn 0\r\n\t})\r\n\r\n\tfor (let i = 0; i < campaignPeriods.length; i++) {\r\n\t\tif (now.isSameOrAfter(moment(campaignPeriods[i].startDate).startOf('day')) && now.isSameOrBefore(moment(campaignPeriods[i].endDate).startOf('day'))) {\r\n\t\t\tcampaignsToCheck.now = campaignPeriods[i]\r\n\r\n\t\t\tif (campaignPeriods[i - 1]) {\r\n\t\t\t\tif (prev.isSame(moment(campaignPeriods[i - 1].endDate).startOf('day'))) {\r\n\t\t\t\t\tcampaignsToCheck.prev = campaignPeriods[i - 1]\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tif (campaignPeriods[i + 1]) {\r\n\t\t\t\tif (next.isSame(moment(campaignPeriods[i + 1].startDate).startOf('day'))) {\r\n\t\t\t\t\tcampaignsToCheck.next = campaignPeriods[i + 1]\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tbreak\r\n\t\t}\r\n\t}\r\n\r\n\tfor (let k of ['prev', 'now', 'next']) {\r\n\t\tif (campaignsToCheck[k] !== '') {\r\n\t\t\tif (campaignPeriod.startDate === '') {\r\n\t\t\t\tcampaignPeriod.startDate = campaignsToCheck[k].startDate\r\n\t\t\t}\r\n\t\t\tcampaignPeriod.endDate = campaignsToCheck[k].endDate\r\n\t\t}\r\n\t}\r\n\r\n\tif (!campaignPeriod.startDate) return false\r\n\r\n\tconst { sector1Details, sector2Details } = currentPax\r\n\r\n\tif (campaignPeriod) {\r\n\t\tfor (let i = 0; i < dateKeys.length; i++) {\r\n\t\t\tif (\r\n\t\t\t\tmoment(sector1Details[dateKeys[i]]).isBefore(moment(campaignPeriod.startDate).startOf('day')) ||\r\n\t\t\t\tmoment(sector1Details[dateKeys[i]]).isAfter(moment(campaignPeriod.endDate).startOf('day'))\r\n\t\t\t) {\r\n\t\t\t\treturn false\r\n\t\t\t}\r\n\r\n\t\t\tif (\r\n\t\t\t\tmoment(sector2Details[dateKeys[i]]).isBefore(moment(campaignPeriod.startDate).startOf('day')) ||\r\n\t\t\t\tmoment(sector2Details[dateKeys[i]]).isAfter(moment(campaignPeriod.endDate).startOf('day'))\r\n\t\t\t) {\r\n\t\t\t\treturn false\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\treturn true\r\n}\r\n\r\nlet _validateCurrentPaxETixDuplicate = eTixObj => {\r\n\tif (eTixObj.eTicket4) {\r\n\t\tif (eTixObj.eTicket4 === eTixObj.eTicket1 || eTixObj.eTicket4 === eTixObj.eTicket2 || eTixObj.eTicket4 === eTixObj.eTicket3) {\r\n\t\t\treturn false\r\n\t\t}\r\n\t}\r\n\tif (eTixObj.eTicket3) {\r\n\t\tif (eTixObj.eTicket3 === eTixObj.eTicket1 || eTixObj.eTicket3 === eTixObj.eTicket2) {\r\n\t\t\treturn false\r\n\t\t}\r\n\t}\r\n\r\n\tif (eTixObj.eTicket2) {\r\n\t\tif (eTixObj.eTicket2 === eTixObj.eTicket1) {\r\n\t\t\treturn false\r\n\t\t}\r\n\t}\r\n\treturn true\r\n}\r\n\r\nlet _validatePreviousPaxETixDuplicate = (eTixObj, existingList) => {\r\n\tfor (let i = 0; i < existingList.length; i++) {\r\n\t\tif (eTixObj.eTicket4) {\r\n\t\t\tif (\r\n\t\t\t\teTixObj.eTicket4 === existingList[i].eTicket1 ||\r\n\t\t\t\teTixObj.eTicket4 === existingList[i].eTicket2 ||\r\n\t\t\t\teTixObj.eTicket4 === existingList[i].eTicket3 ||\r\n\t\t\t\teTixObj.eTicket4 === existingList[i].eTicket4\r\n\t\t\t) {\r\n\t\t\t\treturn false\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tif (eTixObj.eTicket3) {\r\n\t\t\tif (\r\n\t\t\t\teTixObj.eTicket3 === existingList[i].eTicket1 ||\r\n\t\t\t\teTixObj.eTicket3 === existingList[i].eTicket2 ||\r\n\t\t\t\teTixObj.eTicket3 === existingList[i].eTicket3 ||\r\n\t\t\t\teTixObj.eTicket3 === existingList[i].eTicket4\r\n\t\t\t) {\r\n\t\t\t\treturn false\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tif (eTixObj.eTicket2) {\r\n\t\t\tif (\r\n\t\t\t\teTixObj.eTicket2 === existingList[i].eTicket1 ||\r\n\t\t\t\teTixObj.eTicket2 === existingList[i].eTicket2 ||\r\n\t\t\t\teTixObj.eTicket2 === existingList[i].eTicket3 ||\r\n\t\t\t\teTixObj.eTicket2 === existingList[i].eTicket4\r\n\t\t\t) {\r\n\t\t\t\treturn false\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tif (eTixObj.eTicket1) {\r\n\t\t\tif (\r\n\t\t\t\teTixObj.eTicket1 === existingList[i].eTicket1 ||\r\n\t\t\t\teTixObj.eTicket1 === existingList[i].eTicket2 ||\r\n\t\t\t\teTixObj.eTicket1 === existingList[i].eTicket3 ||\r\n\t\t\t\teTixObj.eTicket1 === existingList[i].eTicket4\r\n\t\t\t) {\r\n\t\t\t\treturn false\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\treturn true\r\n}\r\n\r\nlet _validateAttachmentRequired = (sector2Details, ticketDetails, files) => {\r\n\tif (ticketDetails && ticketDetails.length && ticketDetails[0].isAttachmentRequired) {\r\n\t\tif (sector2Details.landSeaScootBool === 'na' || sector2Details.landSeaRemarks === '') return false\r\n\t}\r\n\r\n\tif (sector2Details.landSeaScootBool !== 'na') {\r\n\t\tif (sector2Details.landSeaRemarks === '') return false\r\n\t\tif ((sector2Details.attachmentUris && sector2Details.attachmentUris.length < 1) || !sector2Details.attachmentUris) {\r\n\t\t\tif (files.length < 1) return false\r\n\t\t}\r\n\t}\r\n\treturn true\r\n}\r\n\r\nexport const validateFormDetailsList = ({ formDetailsList }) => {\r\n\tlet result = { success: true, message: 'All check pass' }\r\n\tlet allETickets = []\r\n\tlet allETicketsSet = new Set()\r\n\r\n\tfor (let i = 0; i < formDetailsList.length; i++) {\r\n\t\tlet checkCtpEligibilityResult = _checkCtpEligibility(formDetailsList[i])\r\n\t\tif (!checkCtpEligibilityResult) {\r\n\t\t\tresult = { success: false, message: 'Cannot proceed because of passenger/s who not are eligible for CTP' }\r\n\t\t\tbreak\r\n\t\t}\r\n\r\n\t\tif (!formDetailsList[i].isDeleted && formDetailsList[i].redeemed) {\r\n\t\t\tresult = { success: false, message: 'Please delete pax who has already redeemed to proceed' }\r\n\t\t\tbreak\r\n\t\t}\r\n\t}\r\n\r\n\t// check any repeated etickets\r\n\tfor (let i = 0; i < formDetailsList.length; i++) {\r\n\t\tif (!formDetailsList[i].isDeleted) {\r\n\t\t\tlet eticketsDetails = formDetailsList[i].eTicketsDetails\r\n\t\t\tlet { eTicket1, eTicket2, eTicket3, eTicket4 } = eticketsDetails\r\n\t\t\tif (eTicket1) allETickets.push(eTicket1)\r\n\t\t\tif (eTicket2) allETickets.push(eTicket2)\r\n\t\t\tif (eTicket3) allETickets.push(eTicket3)\r\n\t\t\tif (eTicket4) allETickets.push(eTicket4)\r\n\r\n\t\t\tif (eTicket1) allETicketsSet.add(eTicket1)\r\n\t\t\tif (eTicket2) allETicketsSet.add(eTicket2)\r\n\t\t\tif (eTicket3) allETicketsSet.add(eTicket3)\r\n\t\t\tif (eTicket4) allETicketsSet.add(eTicket4)\r\n\t\t}\r\n\t}\r\n\r\n\tif (allETickets.length !== allETicketsSet.size) {\r\n\t\tresult = { success: false, message: 'Please ensure there is no duplicate ETicket' }\r\n\t}\r\n\r\n\tif (formDetailsList.length > 0) {\r\n\t\t// if all passengers are deleted, then don't continue;\r\n\t\tlet nonDeletedPassengers = formDetailsList.filter(x => x.isDeleted === false)\r\n\t\tif (nonDeletedPassengers.length < 1) {\r\n\t\t\tresult = { success: false, message: 'Please ensure there is at least one passenger' }\r\n\t\t}\r\n\t}\r\n\r\n\t// check number of sector (should be same as 1st pax)\r\n\tlet nonDeletedPassengers = formDetailsList.filter(x => x.isDeleted === false)\r\n\tlet firstPax = nonDeletedPassengers[0]\r\n\tlet errorNumberOfSector = nonDeletedPassengers.filter(s => s.numberOfSector !== firstPax.numberOfSector)\r\n\tif (errorNumberOfSector && errorNumberOfSector.length > 0) {\r\n\t\tresult = { success: false, message: 'Please correct number of sector for all passengers' }\r\n\t}\r\n\r\n\treturn result\r\n}\r\n\r\nlet _checkCtpEligibility = formDetails => {\r\n\tlet check = true\r\n\tif (!formDetails.isDeleted) {\r\n\t\tfor (const t of formDetails.ticketDetails) {\r\n\t\t\tif (convertSqStatusForDisplay(t.ctpEligibility) === DISPLAY_NO) {\r\n\t\t\t\tcheck = false\r\n\t\t\t\tbreak\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\treturn check\r\n}\r\n\r\nexport const checkBlankForm = (currentData, initData) => {\r\n\tvar check = true\r\n\tlet dataKeys = ['eTicketsDetails', 'personalDetails', 'sector1Details', 'sector2Details']\r\n\r\n\tdataKeys.forEach(dataKey => {\r\n\t\tfor (let prop in currentData[dataKey]) {\r\n\t\t\tif (currentData[dataKey].hasOwnProperty(prop)) {\r\n\t\t\t\tif (currentData[dataKey][prop] !== initData[dataKey][prop]) {\r\n\t\t\t\t\t//if both are array continue;\r\n\t\t\t\t\tif (Array.isArray(currentData[dataKey][prop] && initData[dataKey][prop])) {\r\n\t\t\t\t\t\tif (JSON.stringify(currentData[dataKey][prop]) === JSON.stringify(initData[dataKey][prop])) {\r\n\t\t\t\t\t\t\tcontinue\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tcheck = false\r\n\t\t\t\t\tbreak\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t})\r\n\r\n\treturn check\r\n}\r\n","export const REQUIRED_ERROR_MSG = 'This field is required'\r\nexport const ETICKET_ELIGIBILITY_ERROR_MSG = 'E-tickets prefix must be 618, 629, 086, 081, 000'\r\nexport const NOT_ALL_PAX_ASSIGNED_CARD_ERROR_MSG = 'All passengers must have card no. assigned'\r\nexport const NOT_ALL_PAX_ASSIGNED_GEN_ERROR_MSG = 'Please assign Gen Voucher to the passenger'\r\nexport const NOT_ALL_PAX_ASSIGNED_LPC_ERROR_MSG = 'Please assign LPC voucher to the passenger'\r\nexport const REASSIGN_CARD_OR_VOUCHER = 'Please reassign Card/Voucher'\r\n","import React, {PureComponent} from 'react'\r\nimport classNames from 'classnames'\r\nimport {withStyles, Fab} from '@material-ui/core'\r\nimport {CheckCircle} from '@material-ui/icons'\r\nimport {green} from '@material-ui/core/colors'\r\n\r\nclass StyledTinyFabCheckCircle extends PureComponent {\r\n render() {\r\n const {classes, customClass} = this.props\r\n\r\n return (\r\n \r\n \r\n {generalDialogTitle === PASSENGER_HAS_EXISTING_CARD && (\r\n \r\n {objHasData(passengerDataWithCardNo.group) && (\r\n \r\n Passenger has already redeemed. View the\r\n group{' '}\r\n \r\n here\r\n \r\n \r\n )}\r\n\r\n {!objHasData(passengerDataWithCardNo.group) &&\r\n objHasData(\r\n passengerDataWithCardNo.redemptionTransaction\r\n ) && (\r\n \r\n Passenger has already redeemed. View the\r\n redemption history{' '}\r\n \r\n here\r\n \r\n \r\n )}\r\n \r\n )}\r\n\r\n {generalDialogTitle === PASSENGER_HAS_EXISTING_GROUP && (\r\n \r\n \r\n Do you want to populate data from group?\r\n \r\n \r\n )}\r\n\r\n {generalDialogTitle === PASSENGER_HAS_EXISTING_APPEAL && (\r\n \r\n \r\n \r\n There is an existing pretravel appeal for\r\n this passenger. \r\n \r\n this.onLinkClick(\r\n this.state.pretravelId\r\n )\r\n }\r\n >\r\n Click here.\r\n \r\n \r\n \r\n \r\n )}\r\n\r\n {generalDialogTitle === PASSENGER_HAS_EXISTING_DRAFT && (\r\n \r\n \r\n Do you want to populate data from draft?\r\n \r\n \r\n )}\r\n\r\n {generalDialogTitle === PASSENGER_AUTO_FILL_SECTOR && (\r\n \r\n \r\n Do you want to auto fill sector values same as\r\n first passenger?\r\n \r\n \r\n )}\r\n \r\n\r\n \r\n \r\n \r\n {/* {eTicketsKeys.map((k, i) => (\r\n
\r\n \r\n )}\r\n \r\n ))} */}\r\n \r\n \r\n {(currentPaxFormDetails.eTicketsDetails[\r\n k\r\n ] !== '' ||\r\n i === 0 ||\r\n showEticketField >= i) && (\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n this.handleETicketsDetailsChange(\r\n k,\r\n e.target\r\n .value\r\n )\r\n }\r\n helperText={\r\n this.state\r\n .eTixErrorStore[\r\n k\r\n ]\r\n }\r\n inputRef={e =>\r\n this.eTicketRefs.push(\r\n e\r\n )\r\n }\r\n />\r\n {this._renderNotiIcon(\r\n currentPaxFormDetails\r\n .eTicketsDetails[\r\n k\r\n ]\r\n )}\r\n
\r\n \r\n E-Ticket No. {i + 1}{' '}\r\n {i === 0 && *}\r\n
\r\n \r\n \r\n \r\n this.updateETixLastName(\r\n k + 'LastName',\r\n e.target.value\r\n )\r\n }\r\n />\r\n
\r\n \r\n E-Ticket {i + 1} Last Name{' '}\r\n {i === 0 && *}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Campaign Code\r\n
\r\n \r\n \r\n this._updateFormDetails({\r\n detailsCategory:\r\n 'eTicketsDetails',\r\n key: 'campaignCode',\r\n value: event.target.value\r\n })\r\n }\r\n >\r\n {this.state.campaignCodes.map(\r\n option => (\r\n \r\n {option}\r\n \r\n )\r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Booking Ref No / PNR\r\n
\r\n \r\n \r\n this._updateFormDetails({\r\n detailsCategory:\r\n 'eTicketsDetails',\r\n key: 'pnr',\r\n value: e.target.value\r\n })\r\n }\r\n />\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n First/Given Name*\r\n
\r\n \r\n \r\n this.handlePersonalDetailsChange(\r\n 'firstName',\r\n e.target.value\r\n )\r\n }\r\n />\r\n
\r\n \r\n
\r\n \r\n Last/Surname*\r\n
\r\n \r\n \r\n this.handlePersonalDetailsChange(\r\n 'lastName',\r\n e.target.value\r\n )\r\n }\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Date of birth*\r\n
\r\n \r\n \r\n this.handlePersonalDetailsChange(\r\n 'dob',\r\n e.target.value\r\n )\r\n }\r\n />\r\n
\r\n \r\n
\r\n Remarks
\r\n \r\n \r\n this.handlePersonalDetailsChange(\r\n 'remarks',\r\n e.target.value\r\n )\r\n }\r\n />\r\n
\r\n \r\n \r\n
\r\n )}\r\n Click to Upload or Drop files here
\r\n\r\n\r\n
\r\n );\r\n }\r\n\r\n}\r\n\r\nconst styles = {\r\n container: {\r\n styles: {\r\n width: '100%',\r\n display: 'flex'\r\n },\r\n textWrapper:{\r\n styles: {\r\n }\r\n },\r\n btnWrapper:{\r\n styles: {\r\n marginLeft: 20,\r\n }\r\n }\r\n\r\n },\r\n};\r\n\r\nSpacing.propTypes = {\r\n height: PropTypes.number.isRequired,\r\n};\r\n\r\nexport default Spacing;","import React, {Component} from 'react'\r\nimport {withStyles, Grid} from '@material-ui/core'\r\nimport {RemoveCircle} from '@material-ui/icons'\r\nimport PropTypes from 'prop-types'\r\n\r\nclass UploadFilesList extends Component {\r\n render() {\r\n return (\r\n - {this.props.files.map((f, i) =>\r\n
- \r\n
\r\n \r\n\r\n {f.name}\r\n \r\n\r\n \r\nthis.props.onRemoveCircleClick(f, i)}/>\r\n )\r\n }
\r\n
\r\n \r\n );\r\n }\r\n\r\n}\r\n\r\n\r\nPromiseModal.propTypes = {\r\n modalOpen: PropTypes.bool.isRequired,\r\n}\r\n\r\nconst styles = theme => ({\r\n modal: {\r\n position: 'absolute',\r\n width: '60%',\r\n height: '200px',\r\n backgroundColor: 'white',\r\n top: 0,\r\n left: 0,\r\n right: 0,\r\n bottom: 0,\r\n margin: 'auto'\r\n\r\n },\r\n container: {\r\n height: '100%',\r\n overflowY: 'auto',\r\n boxSizing: 'border-box',\r\n },\r\n content: {\r\n marginTop: \"20px\",\r\n align: \"center\",\r\n display: 'flex',\r\n alignItems: \"center\",\r\n justifyContent: \"center\"\r\n }\r\n});\r\n\r\n\r\nexport default withStyles(styles)(PromiseModal)","import React from \"react\";\r\nimport {Button} from \"@material-ui/core\";\r\nimport PropTypes from 'prop-types'\r\nimport PromiseModal from \"./PromiseModal\"\r\n\r\nclass PromiseModalWrapper extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n modalOpen: false\r\n };\r\n this.promiseInfo = {};\r\n }\r\n\r\n show = async () => {\r\n return new Promise((resolve, reject) => {\r\n this.promiseInfo = {\r\n resolve,\r\n reject\r\n };\r\n this.setState({\r\n modalOpen: true\r\n });\r\n });\r\n };\r\n\r\n hide = () => {\r\n this.setState({\r\n modalOpen: false\r\n });\r\n };\r\n\r\n render() {\r\n const { modalOpen } = this.state;\r\n\r\n return (\r\n \r\n
\r\n \r\n {this.props.children}\r\n
\r\n\r\n \r\n {\r\n this.hide();\r\n this.promiseInfo.resolve(true);\r\n }}\r\n >\r\n {this.props.proceedMessage || \"proceed\"}\r\n \r\n {\r\n this.hide();\r\n this.promiseInfo.resolve(false);\r\n }}\r\n >\r\n {this.props.cancelMessage || \"cancel\"}\r\n \r\n
\r\n \r\n\r\n );\r\n }\r\n\r\n getResolve() {\r\n const { resolve = () => {} } = this.promiseInfo || {};\r\n return result => {\r\n resolve(result);\r\n this.hide();\r\n };\r\n }\r\n\r\n getReject() {\r\n const { reject = () => {} } = this.promiseInfo || {};\r\n return err => {\r\n reject(err);\r\n this.hide();\r\n };\r\n }\r\n}\r\n\r\n\r\nPromiseModalWrapper.propTypes = {\r\n proceedMessage: PropTypes.string.isRequired,\r\n cancelMessage: PropTypes.string.isRequired,\r\n content: PropTypes.string.isRequired\r\n}\r\n\r\nconst style = {\r\n proceedBtnStyle: {\r\n marginRight: \"10px\"\r\n }\r\n}\r\n\r\nexport default (PromiseModalWrapper)","import { LAND, NA, SCOOT, SEA } from '../constants/sector2Options';\r\n\r\nexport const sector1FormBuilder = ({\r\n arrivalSearchOptions,\r\n arrivalFlightNoList,\r\n arrivalCityList\r\n}) => {\r\n let form = [\r\n {\r\n key: 'search',\r\n label: 'Search Flight',\r\n type: 'autocomplete',\r\n options: arrivalSearchOptions\r\n },\r\n {\r\n key: 'flightNo',\r\n label: 'Flight No*',\r\n type: 'autocomplete',\r\n options: arrivalFlightNoList,\r\n disabled: true\r\n },\r\n {\r\n key: 'origin',\r\n label: 'Point Of Origin',\r\n type: 'autocomplete',\r\n options: arrivalCityList,\r\n disabled: true\r\n },\r\n {\r\n key: 'departingDate',\r\n label: 'Departing Date*',\r\n type: 'general-text-date'\r\n },\r\n {\r\n key: 'destination',\r\n label: 'Destination*',\r\n type: 'autocomplete',\r\n options: [{ value: 'Singapore', label: 'Singapore' }],\r\n disabled: true\r\n },\r\n {\r\n key: 'remarks',\r\n label: 'Remark',\r\n type: 'multiline',\r\n multilineRows: 4\r\n }\r\n ];\r\n return form;\r\n};\r\n\r\nexport const sector2FormBuilder = ({\r\n flightCompulsory,\r\n departureFlightNoList,\r\n departureCityList,\r\n departureSearchOptions\r\n}) => {\r\n const FLIGHT_NO_LABEL = flightCompulsory ? 'Flight No*' : 'Flight No';\r\n const DESTINATION_LABEL = flightCompulsory ? 'Destination*' : 'Destination';\r\n let form = [\r\n {\r\n key: 'search',\r\n label: 'Search',\r\n type: 'autocomplete',\r\n options: departureSearchOptions\r\n },\r\n {\r\n key: 'flightNo',\r\n label: FLIGHT_NO_LABEL,\r\n type: 'autocomplete',\r\n options: departureFlightNoList,\r\n disabled: true\r\n },\r\n {\r\n key: 'origin',\r\n label: 'Point Of Origin',\r\n type: 'autocomplete',\r\n options: [{ value: 'Singapore', label: 'Singapore' }],\r\n disabled: true\r\n },\r\n {\r\n key: 'departingDate',\r\n label: 'Departing Date',\r\n type: 'general-text-date'\r\n },\r\n {\r\n key: 'destination',\r\n label: DESTINATION_LABEL,\r\n type: 'autocomplete',\r\n options: departureCityList,\r\n disabled: true\r\n },\r\n {\r\n key: 'landSeaScootBool',\r\n label: 'Land/Sea/Scoot',\r\n type: 'radio',\r\n options: [\r\n { value: NA, label: NA },\r\n { value: SEA, label: SEA },\r\n { value: LAND, label: LAND },\r\n { value: SCOOT, label: SCOOT }\r\n ]\r\n },\r\n {\r\n key: 'landSeaRemarks',\r\n label: 'Land/Sea/Scoot Remarks',\r\n type: 'multiline',\r\n displayCondition: {\r\n key: 'landSeaScootBool',\r\n valueArr: [SEA, LAND, SCOOT]\r\n }\r\n }\r\n ];\r\n return form;\r\n};\r\n\r\nexport const sector3FormBuilder = ({\r\n arrivalFlightNoList,\r\n arrivalCityList,\r\n arrivalSearchOptions,\r\n disabled\r\n}) => {\r\n let form = [\r\n {\r\n key: 'search',\r\n label: 'Search',\r\n type: 'autocomplete',\r\n options: arrivalSearchOptions,\r\n disabled\r\n },\r\n {\r\n key: 'flightNo',\r\n label: 'Flight No',\r\n type: 'autocomplete',\r\n options: arrivalFlightNoList,\r\n disabled: true\r\n },\r\n {\r\n key: 'origin',\r\n label: 'Point Of Origin',\r\n type: 'autocomplete',\r\n options: arrivalCityList,\r\n disabled: true\r\n },\r\n {\r\n key: 'departingDate',\r\n label: 'Departing Date',\r\n type: 'general-text-date',\r\n disabled\r\n },\r\n {\r\n key: 'destination',\r\n label: 'Destination',\r\n type: 'autocomplete',\r\n options: [{ value: 'Singapore', label: 'Singapore' }],\r\n disabled: true\r\n },\r\n {\r\n key: 'landSeaScootBool',\r\n label: 'Land/Sea/Scoot',\r\n type: 'radio',\r\n options: [\r\n { value: NA, label: NA },\r\n { value: SEA, label: SEA },\r\n { value: LAND, label: LAND },\r\n { value: SCOOT, label: SCOOT }\r\n ],\r\n disabled\r\n },\r\n {\r\n key: 'landSeaRemarks',\r\n label: 'Land/Sea/Scoot Remarks',\r\n type: 'multiline',\r\n displayCondition: {\r\n key: 'landSeaScootBool',\r\n valueArr: [SEA, LAND, SCOOT]\r\n },\r\n disabled\r\n }\r\n ];\r\n return form;\r\n};\r\n\r\nexport const sector4FormBuilder = ({\r\n departureSearchOptions,\r\n departureFlightNoList,\r\n disabled\r\n}) => {\r\n let form = [\r\n {\r\n key: 'search',\r\n label: 'Search Flight',\r\n type: 'autocomplete',\r\n options: departureSearchOptions,\r\n disabled\r\n },\r\n {\r\n key: 'flightNo',\r\n label: 'Flight No',\r\n type: 'autocomplete',\r\n options: departureFlightNoList,\r\n disabled: true\r\n },\r\n {\r\n key: 'origin',\r\n label: 'Point Of Origin',\r\n type: 'autocomplete',\r\n options: [{ value: 'Singapore', label: 'Singapore' }],\r\n disabled: true\r\n },\r\n {\r\n key: 'departingDate',\r\n label: 'Departing Date',\r\n type: 'general-text-date',\r\n disabled\r\n },\r\n {\r\n key: 'destination',\r\n label: 'Destination',\r\n type: 'autocomplete',\r\n options: departureFlightNoList,\r\n disabled: true\r\n },\r\n {\r\n key: 'remarks',\r\n label: 'Remark',\r\n type: 'multiline',\r\n multilineRows: 4,\r\n disabled\r\n }\r\n ];\r\n return form;\r\n};\r\n","import React, { Fragment } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport {\r\n withStyles,\r\n Grid,\r\n Button,\r\n Divider,\r\n Typography,\r\n TextField,\r\n ListItem,\r\n ListItemText,\r\n ListItemSecondaryAction,\r\n Paper,\r\n List,\r\n FormControlLabel,\r\n RadioGroup,\r\n Radio\r\n} from '@material-ui/core';\r\nimport {\r\n TRANSITING,\r\n TRAVELING_OUT_OF_SIN,\r\n VISITING_SIN\r\n} from '../../constants/individualSubmitTypes';\r\nimport * as cloneDeep from 'lodash/cloneDeep';\r\nimport GeneralFormColumnsContainer from '../../components/generalForm/GeneralFormColumns.js';\r\nimport {\r\n updateCollectorPersonalDetails,\r\n updateCurrentPaxFormDetails,\r\n clearPaxDetails,\r\n clearSector12,\r\n clearSector34,\r\n commitFormDetailsIntoList,\r\n updateCurrentPaxCtpValue,\r\n deletePax,\r\n restorePax,\r\n uploadFile,\r\n updateEntireIndividualForm,\r\n initFormDetails,\r\n copyFormDetailsToCurrentPax,\r\n cancelEditingPax,\r\n individualFilesUpload\r\n} from '../../ducks/individualFormDuck.js';\r\nimport { getAllCampaigns } from '../../ducks/campaignPeriodDuck.js';\r\nimport ParticularsTable from '../../components/ParticularsTable.js';\r\nimport Countries from '../../data/countriesCRM';\r\nimport { formatFlightNoHelper } from '../../helpers/formatFlightNoHelper';\r\nimport PassportParser from '../../helpers/passportParser';\r\nimport { FlightNos } from '../../dummy/flightNos';\r\nimport StyledSection from '../../components/StyledSection';\r\nimport StyledSnackbar from '../../components/StyledSnackbar';\r\nimport StyledPlaceholder from '../../components/StyledPlaceholder';\r\nimport {\r\n checkBlankForm,\r\n validateCurrentPax,\r\n validateFormDetailsList\r\n} from './helper/individualFlightFormHelper';\r\n\r\nimport IndividualETicketForm from './IndividualETicketForm';\r\nimport {\r\n createEmptyRedemptionTransaction,\r\n updateRedemptionTransaction\r\n} from '../../ducks/redemptionTransactionDuck';\r\nimport axios from 'axios';\r\nimport { getSettings } from '../../config/config';\r\nimport { getCurrentAuthHeader, myaxios } from '../../helpers/utilities';\r\nimport GeneralDropzone from '../../components/generalForm/GeneralDropzone';\r\nimport Spacing from '../../components/Spacing';\r\nimport UploadFilesList from '../../components/UploadFilesList';\r\nimport StyledDeleteBtn from '../../components/StyledDeleteBtn';\r\nimport StyledUndoBtn from '../../components/StyledUndoBtn';\r\nimport DeleteDialog from '../../components/DeleteDialog';\r\nimport { attachmentBucket } from '../../config/config';\r\nimport { checkValidStatusCode } from '../../helpers/httpHelper';\r\nimport PromiseModalWrapper from '../../components/promiseModal/PromiseModalWrapper';\r\nimport { NA, LAND, SEA, SCOOT } from '../../constants/sector2Options.js';\r\nimport {\r\n sector1FormBuilder,\r\n sector2FormBuilder,\r\n sector3FormBuilder,\r\n sector4FormBuilder\r\n} from '../../helpers/individualFlightSectorFormHelper.js';\r\n\r\nlet settings = getSettings();\r\nlet baseURL = settings.baseURL;\r\n\r\nexport const ARRIVAL = 'ARRIVAL';\r\nexport const DEPARTURE = 'DEPARTURE';\r\n\r\nclass IndividualFlightForm extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n paxFormFields: [\r\n {\r\n key: 'dob',\r\n label: 'Date of birth*',\r\n type: 'general-text-date'\r\n },\r\n {\r\n key: 'dob',\r\n label: 'Date of birth*',\r\n type: 'custom-text-date'\r\n },\r\n { key: 'firstName', label: 'First/Given Name*', type: 'text' },\r\n { key: 'lastName', label: 'Last Name/Surname*', type: 'text' },\r\n { key: 'remarks', label: 'Remarks', type: 'text' }\r\n ],\r\n sector1FormFields: [],\r\n sector2FormFields: [],\r\n sector3FormFields: [],\r\n sector4FormFields: [],\r\n files: [],\r\n showSnackbar: false,\r\n snackbarMessage: '',\r\n snackbarVariant: 'success',\r\n readyToProceedAfterPaxCommitted: false,\r\n ppInputTimeout: null,\r\n previousDraftExist: false,\r\n deletedOriginalAttachmentIdx: new Set(),\r\n showDeleteDialog: false,\r\n afterDeleteConfirm: '',\r\n promiseModalProceedMessage: '',\r\n promiseModalCancelMessage: '',\r\n promiseModalContent: '',\r\n flightData: {\r\n s1: {},\r\n s2: {},\r\n s3: {},\r\n s4: {}\r\n }\r\n };\r\n\r\n this.flightNoOptions = null;\r\n this.countriesOptions = null;\r\n this.individualETicket = null;\r\n this.saveDraftTimer = null;\r\n this.promiseModalRef = React.createRef();\r\n }\r\n\r\n componentDidMount = async () => {\r\n this.props.getAllCampaigns();\r\n this.flightNoOptions = formatFlightNoHelper(FlightNos);\r\n this.countriesOptions = Countries;\r\n // if (this.props.departureFlightNoList.length > 0) {\r\n // this._setFlightSectorFields();\r\n // }\r\n if (!this.props.redemptionTransaction.id) {\r\n this.props.createEmptyRedemptionTransaction();\r\n }\r\n\r\n // this.saveDraftTimer = setInterval(() => {\r\n // \tthis.onSaveDraft()\r\n // }, 30000)\r\n };\r\n\r\n formatFlightOption = (item, type) => {\r\n return type === ARRIVAL\r\n ? `${item.flightNo} - ${item.departureCityName} - ${\r\n item.departurePortCode\r\n }`\r\n : `${item.flightNo} - ${item.arrivalCityName} - ${\r\n item.arrivalPortCode\r\n }`;\r\n };\r\n\r\n filterFlightData = (\r\n type = ARRIVAL,\r\n carrierCodes = [],\r\n citiesOrCountries = []\r\n ) => {\r\n let arr = carrierCodes.length\r\n ? (this.props.flightData || []).filter(f =>\r\n carrierCodes.includes(f.carrierCode)\r\n )\r\n : this.props.flightData;\r\n\r\n if (type === ARRIVAL || type === DEPARTURE) {\r\n if (citiesOrCountries.length) {\r\n if (type === ARRIVAL) {\r\n arr = arr.filter(\r\n f =>\r\n citiesOrCountries.includes(f.arrivalCityName) ||\r\n citiesOrCountries.includes(f.arrivalCountryName)\r\n );\r\n } else if (type === DEPARTURE) {\r\n arr = arr.filter(\r\n f =>\r\n citiesOrCountries.includes(f.departureCityName) ||\r\n citiesOrCountries.includes(f.departureCountryName)\r\n );\r\n }\r\n }\r\n } else {\r\n arr = [];\r\n }\r\n\r\n let set = new Set(arr.map(m => this.formatFlightOption(m, type)));\r\n\r\n let flightData = [];\r\n // add default empty value\r\n flightData.push({\r\n label: 'Select...',\r\n value: ''\r\n });\r\n // add flight data\r\n let temp = [...set].sort().map(m => {\r\n return { label: m, value: m };\r\n });\r\n flightData = flightData.concat(temp);\r\n\r\n let flightNoList = [...new Set(arr.map(m => m.flightNo))].map(m => ({\r\n label: m,\r\n value: m\r\n }));\r\n\r\n let flightCityList = [];\r\n\r\n if (type === ARRIVAL) {\r\n flightCityList = [...new Set(arr.map(m => m.arrivalCityName))].map(\r\n m => ({ label: m, value: m })\r\n );\r\n } else if (type === DEPARTURE) {\r\n flightCityList = [\r\n ...new Set(arr.map(m => m.departureCityName))\r\n ].map(m => ({ label: m, value: m }));\r\n }\r\n\r\n return { flightData, flightNoList, flightCityList };\r\n };\r\n\r\n handleFlightData = (campaignCode, flightType) => {\r\n let s1 = this.state.flightData.s1,\r\n s2 = this.state.flightData.s2,\r\n s3 = this.state.flightData.s3,\r\n s4 = this.state.flightData.s4;\r\n\r\n if (flightType === VISITING_SIN) {\r\n s3 = this.filterFlightData('');\r\n s3.disabled = true;\r\n s4 = { ...s3 };\r\n this.props.clearSector34();\r\n }\r\n\r\n if (campaignCode.includes('kr')) {\r\n s1 = this.filterFlightData(DEPARTURE, ['7C', 'SQ'], ['Busan']);\r\n\r\n if (flightType === VISITING_SIN) {\r\n s2 = this.filterFlightData(ARRIVAL, ['7C', 'SQ'], ['Busan']);\r\n } else {\r\n s2 = this.filterFlightData(DEPARTURE, [], ['Singapore']);\r\n s3 = this.filterFlightData(ARRIVAL, [], ['Singapore']);\r\n s3.disabled = false;\r\n s4 = this.filterFlightData(ARRIVAL, ['7C', 'SQ'], ['Busan']);\r\n s3.disabled = false;\r\n }\r\n } else if (campaignCode.includes('sqau')) {\r\n s1 = this.filterFlightData(\r\n DEPARTURE,\r\n ['NZ'],\r\n ['United Kingdom', 'India']\r\n );\r\n s2 = this.filterFlightData(ARRIVAL, ['NZ'], ['New Zealand']);\r\n s3 = this.filterFlightData(DEPARTURE, ['NZ'], ['New Zealand']);\r\n s4 = this.filterFlightData(\r\n ARRIVAL,\r\n ['NZ'],\r\n ['United Kingdom', 'India']\r\n );\r\n } else {\r\n s1 = this.filterFlightData(ARRIVAL, [], []);\r\n s2 = { ...s1 };\r\n s3 = this.filterFlightData(ARRIVAL, [], ['Singapore']);\r\n s4 = this.filterFlightData(DEPARTURE, [], ['Singapore']);\r\n }\r\n\r\n this.setState(\r\n {\r\n flightData: { s1, s2, s3, s4 }\r\n },\r\n () => {\r\n this._setFlightSectorFields();\r\n }\r\n );\r\n };\r\n\r\n componentDidUpdate = prevProps => {\r\n let formDetails = cloneDeep(this.props.currentPaxFormDetails);\r\n\r\n if (\r\n prevProps.currentPaxFormDetails.eTicketsDetails.campaignCode !==\r\n this.props.currentPaxFormDetails.eTicketsDetails.campaignCode ||\r\n prevProps.currentPaxFormDetails.flightType !==\r\n this.props.currentPaxFormDetails.flightType\r\n ) {\r\n if (\r\n prevProps.currentPaxFormDetails.eTicketsDetails.campaignCode !==\r\n this.props.currentPaxFormDetails.eTicketsDetails.campaignCode\r\n ) {\r\n this.props.clearSector12();\r\n }\r\n this.handleFlightData(\r\n this.props.currentPaxFormDetails.eTicketsDetails.campaignCode,\r\n this.props.currentPaxFormDetails.flightType\r\n );\r\n }\r\n\r\n if (\r\n prevProps.currentPaxFormDetails.sector1Details.search !==\r\n this.props.currentPaxFormDetails.sector1Details.search\r\n ) {\r\n if (this.props.currentPaxFormDetails.sector1Details.search) {\r\n const terms =\r\n this.props.currentPaxFormDetails.sector1Details.search ==\r\n 'Select...'\r\n ? []\r\n : this.props.currentPaxFormDetails.sector1Details.search.split(\r\n '-'\r\n );\r\n this._updateMultipleFormDetails(formDetails, [\r\n {\r\n detailsCategory: 'sector1Details',\r\n key: 'flightNo',\r\n value: terms.length > 0 ? terms[0].trim() : ''\r\n },\r\n {\r\n detailsCategory: 'sector1Details',\r\n key: 'origin',\r\n value: terms.length > 0 ? terms[1].trim() : ''\r\n },\r\n {\r\n detailsCategory: 'sector1Details',\r\n key: 'originCode',\r\n value: terms.length > 0 ? terms[2].trim() : ''\r\n }\r\n ]);\r\n }\r\n }\r\n\r\n if (\r\n prevProps.currentPaxFormDetails.sector2Details.search !==\r\n this.props.currentPaxFormDetails.sector2Details.search\r\n ) {\r\n if (this.props.currentPaxFormDetails.sector2Details.search) {\r\n const terms =\r\n this.props.currentPaxFormDetails.sector2Details.search ==\r\n 'Select...'\r\n ? []\r\n : this.props.currentPaxFormDetails.sector2Details.search.split(\r\n '-'\r\n );\r\n this._updateMultipleFormDetails(formDetails, [\r\n {\r\n detailsCategory: 'sector2Details',\r\n key: 'flightNo',\r\n value: terms.length > 0 ? terms[0].trim() : ''\r\n },\r\n {\r\n detailsCategory: 'sector2Details',\r\n key: 'destination',\r\n value: terms.length > 0 ? terms[1].trim() : ''\r\n },\r\n {\r\n detailsCategory: 'sector2Details',\r\n key: 'destinationCode',\r\n value: terms.length > 0 ? terms[2].trim() : ''\r\n }\r\n ]);\r\n }\r\n }\r\n\r\n if (\r\n prevProps.currentPaxFormDetails.sector3Details.search !==\r\n this.props.currentPaxFormDetails.sector3Details.search\r\n ) {\r\n if (this.props.currentPaxFormDetails.sector3Details.search) {\r\n const terms =\r\n this.props.currentPaxFormDetails.sector3Details.search ==\r\n 'Select...'\r\n ? []\r\n : this.props.currentPaxFormDetails.sector3Details.search.split(\r\n '-'\r\n );\r\n this._updateMultipleFormDetails(formDetails, [\r\n {\r\n detailsCategory: 'sector3Details',\r\n key: 'flightNo',\r\n value: terms.length > 0 ? terms[0].trim() : ''\r\n },\r\n {\r\n detailsCategory: 'sector3Details',\r\n key: 'origin',\r\n value: terms.length > 0 ? terms[1].trim() : ''\r\n },\r\n {\r\n detailsCategory: 'sector3Details',\r\n key: 'originCode',\r\n value: terms.length > 0 ? terms[2].trim() : ''\r\n }\r\n ]);\r\n }\r\n }\r\n\r\n if (\r\n prevProps.currentPaxFormDetails.sector4Details.search !==\r\n this.props.currentPaxFormDetails.sector4Details.search\r\n ) {\r\n if (this.props.currentPaxFormDetails.sector4Details.search) {\r\n const terms =\r\n this.props.currentPaxFormDetails.sector4Details.search ==\r\n 'Select...'\r\n ? []\r\n : this.props.currentPaxFormDetails.sector4Details.search.split(\r\n '-'\r\n );\r\n this._updateMultipleFormDetails(formDetails, [\r\n {\r\n detailsCategory: 'sector4Details',\r\n key: 'flightNo',\r\n value: terms.length > 0 ? terms[0].trim() : ''\r\n },\r\n {\r\n detailsCategory: 'sector4Details',\r\n key: 'destination',\r\n value: terms.length > 0 ? terms[1].trim() : ''\r\n },\r\n {\r\n detailsCategory: 'sector4Details',\r\n key: 'destinationCode',\r\n value: terms.length > 0 ? terms[2].trim() : ''\r\n }\r\n ]);\r\n }\r\n }\r\n\r\n if (\r\n prevProps.currentPaxFormDetails.sector1Details.flightNo !==\r\n this.props.currentPaxFormDetails.sector1Details.flightNo\r\n ) {\r\n if (this.props.currentPaxFormDetails.sector1Details.flightNo) {\r\n this._updateDataBasedOnFlightNo({\r\n sectorKey: 'sector1Details'\r\n });\r\n }\r\n }\r\n\r\n if (\r\n prevProps.currentPaxFormDetails.sector4Details.flightNo !==\r\n this.props.currentPaxFormDetails.sector4Details.flightNo\r\n ) {\r\n if (this.props.currentPaxFormDetails.sector4Details.flightNo) {\r\n this._updateDataBasedOnFlightNo({\r\n sectorKey: 'sector4Details'\r\n });\r\n }\r\n }\r\n\r\n if (\r\n prevProps.currentPaxFormDetails.sector2Details.flightNo !==\r\n this.props.currentPaxFormDetails.sector2Details.flightNo\r\n ) {\r\n if (this.props.currentPaxFormDetails.sector2Details.flightNo) {\r\n this._updateDataBasedOnFlightNo({\r\n sectorKey: 'sector2Details'\r\n });\r\n }\r\n }\r\n\r\n if (\r\n prevProps.currentPaxFormDetails.sector3Details.flightNo !==\r\n this.props.currentPaxFormDetails.sector3Details.flightNo\r\n ) {\r\n if (this.props.currentPaxFormDetails.sector3Details.flightNo) {\r\n this._updateDataBasedOnFlightNo({\r\n sectorKey: 'sector3Details'\r\n });\r\n }\r\n }\r\n\r\n if (\r\n prevProps.currentPaxFormDetails.sector1Details.origin !==\r\n this.props.currentPaxFormDetails.sector1Details.origin\r\n ) {\r\n if (this.props.currentPaxFormDetails.sector1Details.origin) {\r\n this._updateCtpVoucherBasedOnOrigin();\r\n }\r\n }\r\n\r\n if (prevProps.isFlightPopulated !== this.props.isFlightPopulated) {\r\n if (this.props.isFlightPopulated) {\r\n this._setFlightSectorFields();\r\n }\r\n }\r\n\r\n if (\r\n prevProps.formDetailsList.length < this.props.formDetailsList.length\r\n ) {\r\n if (this.state.readyToProceedAfterPaxCommitted) {\r\n this._validateAllPassengersBeforeNextScreen();\r\n }\r\n }\r\n\r\n if (\r\n prevProps.currentPaxFormDetails.sector2Details\r\n .destinationCityCode !==\r\n this.props.currentPaxFormDetails.sector2Details.destinationCityCode\r\n ) {\r\n this._updateCityBasedOnCityCode({ sectorKey: 'sector2Details' });\r\n }\r\n\r\n if (\r\n prevProps.currentPaxFormDetails.sector3Details\r\n .destinationCityCode !==\r\n this.props.currentPaxFormDetails.sector3Details.destinationCityCode\r\n ) {\r\n this._updateCityBasedOnCityCode({ sectorKey: 'sector3Details' });\r\n }\r\n\r\n if (\r\n prevProps.currentPaxFormDetails.sector2Details.landSeaScootBool !==\r\n this.props.currentPaxFormDetails.sector2Details.landSeaScootBool\r\n ) {\r\n let landSeaScootBoolValue = this.props.currentPaxFormDetails\r\n .sector2Details.landSeaScootBool;\r\n let flightCompulsoryFlag = true;\r\n if (landSeaScootBoolValue === LAND || landSeaScootBoolValue === SEA)\r\n flightCompulsoryFlag = false;\r\n else if (\r\n landSeaScootBoolValue === NA ||\r\n landSeaScootBoolValue === SCOOT\r\n )\r\n flightCompulsoryFlag = true;\r\n this.setState({\r\n sector2FormFields: sector2FormBuilder({\r\n flightCompulsory: flightCompulsoryFlag,\r\n departureFlightNoList: flightCompulsoryFlag\r\n ? this.state.flightData.s2.flightNoList\r\n : [],\r\n departureCityList: flightCompulsoryFlag\r\n ? this.state.flightData.s2.flightCityList\r\n : [],\r\n departureSearchOptions: flightCompulsoryFlag\r\n ? this.state.flightData.s2.flightData\r\n : []\r\n })\r\n });\r\n }\r\n\r\n if (\r\n prevProps.currentPaxFormDetails.sector3Details.landSeaScootBool !==\r\n this.props.currentPaxFormDetails.sector3Details.landSeaScootBool\r\n ) {\r\n let landSeaScootBoolValue = this.props.currentPaxFormDetails\r\n .sector3Details.landSeaScootBool;\r\n let flightCompulsoryFlag = true;\r\n if (landSeaScootBoolValue === LAND || landSeaScootBoolValue === SEA)\r\n flightCompulsoryFlag = false;\r\n else if (\r\n landSeaScootBoolValue === NA ||\r\n landSeaScootBoolValue === SCOOT\r\n )\r\n flightCompulsoryFlag = true;\r\n this.setState({\r\n sector3FormFields: sector3FormBuilder({\r\n arrivalFlightNoList: flightCompulsoryFlag\r\n ? this.state.flightData.s3.flightNoList\r\n : [],\r\n arrivalCityList: flightCompulsoryFlag\r\n ? this.state.flightData.s3.flightCityList\r\n : [],\r\n arrivalSearchOptions: flightCompulsoryFlag\r\n ? this.state.flightData.s3.flightData\r\n : []\r\n })\r\n });\r\n }\r\n };\r\n\r\n componentWillUnmount = async () => {\r\n clearInterval(this.saveDraftTimer);\r\n };\r\n\r\n _setFlightSectorFields = () => {\r\n this.setState({\r\n sector1FormFields: sector1FormBuilder({\r\n arrivalSearchOptions: this.state.flightData.s1.flightData,\r\n arrivalFlightNoList: this.state.flightData.s1.flightNoList,\r\n arrivalCityList: this.state.flightData.s1.flightCityList\r\n }),\r\n sector2FormFields: sector2FormBuilder({\r\n flightCompulsory: true,\r\n departureFlightNoList: this.state.flightData.s2.flightNoList,\r\n departureCityList: this.state.flightData.s2.flightCityList,\r\n departureSearchOptions: this.state.flightData.s2.flightData\r\n }),\r\n sector3FormFields: sector3FormBuilder({\r\n arrivalFlightNoList: this.state.flightData.s3.flightNoList,\r\n arrivalCityList: this.state.flightData.s3.flightCityList,\r\n arrivalSearchOptions: this.state.flightData.s3.flightData,\r\n disabled: this.state.flightData.s3.disabled\r\n }),\r\n sector4FormFields: sector4FormBuilder({\r\n departureSearchOptions: this.state.flightData.s4.flightData,\r\n departureFlightNoList: this.state.flightData.s4.flightNoList,\r\n disabled: this.state.flightData.s4.disabled\r\n })\r\n });\r\n };\r\n\r\n _updateCtpVoucherBasedOnOrigin = () => {\r\n let origin = this.props.currentPaxFormDetails.sector1Details.origin;\r\n if (origin.length >= 3) {\r\n // let ctpValue = checkBonusCities(origin) ? 40 : 20\r\n this.props.updateCurrentPaxCtpValue(0);\r\n }\r\n };\r\n\r\n _updateDataBasedOnFlightNo = ({ sectorKey }) => {\r\n let selectedFlightNo = this.props.currentPaxFormDetails[sectorKey]\r\n .flightNo;\r\n if (selectedFlightNo.length >= 3) {\r\n if (sectorKey === 'sector1Details') {\r\n const matchedFlights = this.props.flightData.filter(\r\n flight =>\r\n flight.flightNo === selectedFlightNo &&\r\n flight.arrivalCityName === 'Singapore'\r\n );\r\n if (matchedFlights.length) {\r\n const citiesFiltered = this.state.flightData.s1.flightCityList.filter(\r\n f =>\r\n matchedFlights\r\n .map(m => m.departureCityName)\r\n .includes(f.label)\r\n );\r\n this.setState(prevState => {\r\n const idx = prevState.sector1FormFields.findIndex(\r\n f => f.key === 'origin'\r\n );\r\n prevState.sector1FormFields.splice(idx, 1, {\r\n key: 'origin',\r\n label: 'Point Of Origin',\r\n type: 'autocomplete',\r\n options: citiesFiltered\r\n });\r\n\r\n return {\r\n sector1FormFields: [...prevState.sector1FormFields],\r\n promtedRetrieveDraft: false\r\n };\r\n });\r\n if (this.props.replacingFromDraft !== true) {\r\n const cityCount = new Set(\r\n matchedFlights.map(m => m.departureCityName)\r\n ).size;\r\n\r\n if (cityCount === 1) {\r\n this._updateFormDetails({\r\n detailsCategory: sectorKey,\r\n key: 'origin',\r\n value: matchedFlights[0].departureCityName\r\n });\r\n }\r\n }\r\n }\r\n } else {\r\n const matchedFlights = this.props.flightData.filter(\r\n flight =>\r\n flight.flightNo === selectedFlightNo &&\r\n flight.departureCityName === 'Singapore'\r\n );\r\n\r\n let departureCityList = [];\r\n if (sectorKey === 'sector2Details') {\r\n departureCityList = this.state.flightData.s2.flightCityList;\r\n } else if (sectorKey === 'sector3Details') {\r\n departureCityList = this.state.flightData.s3.flightCityList;\r\n } else if (sectorKey === 'sector4Details') {\r\n departureCityList = this.state.flightData.s4.flightCityList;\r\n }\r\n if (matchedFlights.length) {\r\n const citiesFiltered = departureCityList.filter(f =>\r\n matchedFlights\r\n .map(m => m.arrivalCityName)\r\n .includes(f.label)\r\n );\r\n this.setState(prevState => {\r\n const idx = prevState.sector2FormFields.findIndex(\r\n f => f.key === 'destination'\r\n );\r\n prevState.sector2FormFields.splice(idx, 1, {\r\n key: 'destination',\r\n label: 'Destination',\r\n type: 'autocomplete',\r\n options: citiesFiltered\r\n });\r\n\r\n return {\r\n sector2FormFields: [...prevState.sector2FormFields]\r\n };\r\n });\r\n if (this.props.replacingFromDraft !== true) {\r\n const cityCount = new Set(\r\n matchedFlights.map(m => m.arrivalCityName)\r\n ).size;\r\n\r\n if (cityCount === 1) {\r\n this._updateFormDetails({\r\n detailsCategory: sectorKey,\r\n key: 'destination',\r\n value: matchedFlights[0].arrivalCityName\r\n });\r\n }\r\n }\r\n }\r\n }\r\n }\r\n };\r\n\r\n _updateCityBasedOnCityCode = ({ sectorKey }) => {\r\n let destinationCityCode = this.props.currentPaxFormDetails[sectorKey]\r\n .destinationCityCode;\r\n let matchedFlight = this.props.flightData.find(\r\n flight => flight.departureCityCode === destinationCityCode\r\n );\r\n if (matchedFlight) {\r\n setTimeout(() => {\r\n this._updateMultipleFormDetails([\r\n {\r\n detailsCategory: sectorKey,\r\n key: 'destination',\r\n value: matchedFlight.departureCityName\r\n }\r\n ]);\r\n }, 500);\r\n }\r\n };\r\n\r\n _checkApprovedTicketNo = ticketNo => {\r\n let subString = ticketNo.substr(0, 3);\r\n return (\r\n subString === '618' ||\r\n subString === '629' ||\r\n subString === '086' ||\r\n subString === '081' ||\r\n subString === '000'\r\n );\r\n };\r\n\r\n /*\r\n handleETicketsDetailsChange = (key, value) => {\r\n if (/[^0-9]/.test(value)) return false\r\n if (value.length >= 3) {\r\n let approvedTicketNo = this._checkApprovedTicketNo(value)\r\n if (!approvedTicketNo) {\r\n this.setState({[key + 'Error']: ETICKET_ELIGIBILITY_ERROR_MSG})\r\n } else {\r\n this.setState({[key + 'Error']: ''})\r\n }\r\n }\r\n\r\n this._updateFormDetails({detailsCategory: 'eTicketsDetails', key, value})\r\n }\r\n */\r\n\r\n _processScanPassport = passportString => {\r\n let passportParser = new PassportParser(passportString);\r\n let passportData = passportParser.getData();\r\n this._updateMultipleFormDetails([\r\n {\r\n detailsCategory: 'personalDetails',\r\n key: 'firstName',\r\n value: passportData.firstName\r\n },\r\n {\r\n detailsCategory: 'personalDetails',\r\n key: 'lastName',\r\n value: passportData.lastName\r\n },\r\n {\r\n detailsCategory: 'personalDetails',\r\n key: 'dob',\r\n value: passportData.dob\r\n }\r\n ]);\r\n };\r\n\r\n handleSector1DetailsChange = (key, value) => {\r\n this._updateFormDetails({\r\n detailsCategory: 'sector1Details',\r\n key,\r\n value\r\n });\r\n };\r\n\r\n handleSector2DetailsChange = (key, value) => {\r\n this._updateFormDetails({\r\n detailsCategory: 'sector2Details',\r\n key,\r\n value\r\n });\r\n };\r\n\r\n handleSector3DetailsChange = (key, value) => {\r\n this._updateFormDetails({\r\n detailsCategory: 'sector3Details',\r\n key,\r\n value\r\n });\r\n };\r\n\r\n handleSector4DetailsChange = (key, value) => {\r\n this._updateFormDetails({\r\n detailsCategory: 'sector4Details',\r\n key,\r\n value\r\n });\r\n };\r\n\r\n _updateFormDetails = ({ detailsCategory, key, value }) => {\r\n if (key === 'landSeaRef') {\r\n this.setState({ fileupload: value });\r\n return;\r\n }\r\n\r\n let formDetails = cloneDeep(this.props.currentPaxFormDetails);\r\n formDetails[detailsCategory][key] = value;\r\n if (key === 'flightNo') {\r\n //todo: syd remove this when flightNo option is removed.\r\n formDetails[detailsCategory].search = null;\r\n }\r\n\r\n // case select sea/land option in sector 2 & 3\r\n if (\r\n key === 'landSeaScootBool' &&\r\n (value === 'sea' || value === 'land')\r\n ) {\r\n // remove search, flight no\r\n formDetails[detailsCategory].search = null;\r\n formDetails[detailsCategory].flightNo = null;\r\n // case sector 2: remove destination\r\n if (detailsCategory === 'sector2Details') {\r\n formDetails[detailsCategory].destination = null;\r\n formDetails[detailsCategory].destinationCode = null;\r\n }\r\n // case sector 3: remove POO\r\n if (detailsCategory === 'sector3Details') {\r\n formDetails[detailsCategory].origin = null;\r\n formDetails[detailsCategory].originCode = null;\r\n }\r\n }\r\n\r\n if (formDetails['personalDetails'].numberOfSector === 4) {\r\n // get fligt data\r\n const { flightData } = JSON.parse(\r\n localStorage.getItem('FLIGHT_DATA')\r\n );\r\n\r\n // set default value for sector 4 if sector 1 selected\r\n let sectionList = flightData;\r\n if (detailsCategory === 'sector1Details' && key == 'search') {\r\n if (value === 'Select...') {\r\n formDetails['sector4Details'][key] = value;\r\n } else {\r\n sectionList = flightData.filter(\r\n m => m['departureCityName'] === 'Singapore'\r\n );\r\n let portCodeSector1 = value\r\n .split('-')\r\n .pop()\r\n .trim();\r\n let dfFlightSector4 = sectionList.filter(\r\n m => m['arrivalPortCode'] === portCodeSector1\r\n )[0];\r\n if (\r\n dfFlightSector4 !== null &&\r\n dfFlightSector4 !== undefined\r\n ) {\r\n let sector4Search = `${dfFlightSector4.flightNo} - ${\r\n dfFlightSector4.arrivalCityName\r\n } - ${dfFlightSector4.arrivalPortCode}`;\r\n formDetails['sector4Details'][key] = sector4Search;\r\n }\r\n }\r\n }\r\n\r\n // set default value for sector 3 if sector 2 selected\r\n sectionList = flightData;\r\n if (detailsCategory === 'sector2Details' && key == 'search') {\r\n if (value === 'Select...') {\r\n formDetails['sector3Details'][key] = value;\r\n } else {\r\n sectionList = flightData.filter(\r\n m => m['arrivalCityName'] === 'Singapore'\r\n );\r\n let portCodeSector2 = value\r\n .split('-')\r\n .pop()\r\n .trim();\r\n let dfFlightSector3 = sectionList.filter(\r\n m => m['departurePortCode'] === portCodeSector2\r\n )[0];\r\n if (\r\n dfFlightSector3 !== null &&\r\n dfFlightSector3 !== undefined\r\n ) {\r\n let sector3Search = `${dfFlightSector3.flightNo} - ${\r\n dfFlightSector3.departureCityName\r\n } - ${dfFlightSector3.departurePortCode}`;\r\n formDetails['sector3Details'][key] = sector3Search;\r\n }\r\n }\r\n }\r\n }\r\n\r\n this.props.updateCurrentPaxFormDetails(formDetails);\r\n };\r\n\r\n onFlightTypeChange = e => {\r\n let formDetails = cloneDeep(this.props.currentPaxFormDetails);\r\n formDetails.flightType = e.target.value;\r\n this.props.updateCurrentPaxFormDetails(formDetails);\r\n };\r\n\r\n _updateMultipleFormDetails = (formDetails, detailsArray) => {\r\n detailsArray.forEach(item => {\r\n formDetails[item.detailsCategory][item.key] = item.value;\r\n });\r\n this.props.updateCurrentPaxFormDetails(formDetails);\r\n };\r\n\r\n _commitCurrentPax = async () => {\r\n const { deletedOriginalAttachmentIdx } = this.state;\r\n if (deletedOriginalAttachmentIdx.size > 0) {\r\n return this.setState({\r\n showDeleteDialog: true,\r\n afterDeleteConfirm: '_commitCurrentPax'\r\n });\r\n } else {\r\n const { files } = this.state;\r\n if (files.length > 0) {\r\n const rs = await this.uploadFiles();\r\n // cannot store file objects in redux, have to store it in state, upload, then pass the url string to\r\n // redux const formData = new FormData() formData.append('file', this.state.fileupload[0],\r\n // this.state.fileupload[0].name) const rs = await this.props.uploadFile(formData, 'file')\r\n if (rs.success) {\r\n this.props.commitFormDetailsIntoList();\r\n this.setState({ files: [] });\r\n } else {\r\n this.setState({\r\n showSnackbar: true,\r\n snackbarVariant: 'error',\r\n snackbarMessage: 'Files upload failed'\r\n });\r\n return;\r\n }\r\n } else {\r\n this.props.commitFormDetailsIntoList();\r\n }\r\n }\r\n };\r\n\r\n async uploadFiles() {\r\n const { files } = this.state;\r\n let formData = new FormData();\r\n files.forEach(f => {\r\n formData.append('files', f, f.name);\r\n });\r\n const rs = await this.props.individualFilesUpload(formData);\r\n if (rs.success) {\r\n this.setState({ files: [] });\r\n }\r\n return rs;\r\n }\r\n\r\n _validateMaxPassengers = () => {\r\n const { formDetailsList } = this.props;\r\n let c = 0;\r\n formDetailsList.forEach(p => {\r\n if (p.isDeleted === false) c++;\r\n });\r\n if (c >= 9) {\r\n this.setState({\r\n showSnackbar: true,\r\n snackbarVariant: 'error',\r\n snackbarMessage: 'Max 9 passengers allowed'\r\n });\r\n return false;\r\n }\r\n return true;\r\n };\r\n\r\n addPax = async () => {\r\n if (!this._validateMaxPassengers()) return;\r\n if (checkBlankForm(this.props.currentPaxFormDetails, initFormDetails)) {\r\n this.setState({\r\n showSnackbar: true,\r\n snackbarVariant: 'error',\r\n snackbarMessage: 'Nothing to add'\r\n });\r\n return;\r\n }\r\n\r\n this.calNoSCurrentPax(true);\r\n let validation = validateCurrentPax({\r\n currentPaxFormDetails: this.props.currentPaxFormDetails,\r\n formDetailsList: this.props.formDetailsList,\r\n campaignPeriods: this.props.campaigns,\r\n files: this.state.files\r\n });\r\n if (!validation.success) {\r\n this.setState({\r\n showSnackbar: true,\r\n snackbarVariant: 'error',\r\n snackbarMessage: validation.message\r\n });\r\n return;\r\n }\r\n\r\n this._commitCurrentPax();\r\n this.individualETicket.resetAddETicketButton();\r\n window.scrollTo(0, 0);\r\n };\r\n\r\n onClickNext = async () => {\r\n if (\r\n this.props.formDetailsList.length > 0 &&\r\n checkBlankForm(this.props.currentPaxFormDetails, initFormDetails)\r\n ) {\r\n //if (this.props.formDetailsList.length > 0) {\r\n this._validateAllPassengersBeforeNextScreen();\r\n return;\r\n }\r\n\r\n this.calNoSCurrentPax(false);\r\n let validateCurrentPaxResult = validateCurrentPax({\r\n currentPaxFormDetails: this.props.currentPaxFormDetails,\r\n formDetailsList: this.props.formDetailsList,\r\n campaignPeriods: this.props.campaigns,\r\n files: this.state.files\r\n });\r\n\r\n if (!validateCurrentPaxResult.success) {\r\n this.setState({\r\n showSnackbar: true,\r\n snackbarVariant: 'error',\r\n snackbarMessage: validateCurrentPaxResult.message\r\n });\r\n return;\r\n }\r\n\r\n this._commitCurrentPax();\r\n\r\n // set state to ready to wait for pax to be committed.\r\n this.setState({ readyToProceedAfterPaxCommitted: true });\r\n };\r\n\r\n _validateAllPassengersBeforeNextScreen = () => {\r\n let undeletedPassengers = this.props.formDetailsList.filter(\r\n p => p.isDeleted !== true\r\n );\r\n if (undeletedPassengers.length > 9) {\r\n this.setState({\r\n showSnackbar: true,\r\n snackbarVariant: 'error',\r\n snackbarMessage: 'Number of passengers cannot exceed 9'\r\n });\r\n return;\r\n }\r\n\r\n let validateFormDetailsListResult = validateFormDetailsList({\r\n formDetailsList: this.props.formDetailsList\r\n });\r\n if (!validateFormDetailsListResult.success) {\r\n this.setState({\r\n showSnackbar: true,\r\n snackbarVariant: 'error',\r\n snackbarMessage: validateFormDetailsListResult.message\r\n });\r\n this.setState({ readyToProceedAfterPaxCommitted: false });\r\n return;\r\n }\r\n\r\n this._proceedToNextScreen();\r\n };\r\n\r\n _proceedToNextScreen = () => {\r\n window.scrollTo(0, 0);\r\n const { flightData } = this.props;\r\n this.props.updateCollectorPersonalDetails(flightData);\r\n this.props.history.push('/individual-collector');\r\n };\r\n\r\n closeSnackbar = () => {\r\n this.setState({ showSnackbar: false });\r\n };\r\n\r\n onClear = () => {\r\n this.props.clearPaxDetails();\r\n this.individualETicket.resetAddETicketButton();\r\n // this.individualETicket.focusETicket(0)\r\n };\r\n\r\n _onDelete = pax => {\r\n this.props.deletePax(pax);\r\n };\r\n\r\n _onRestore = pax => {\r\n if (!this._validateMaxPassengers()) return false;\r\n this.props.restorePax(pax);\r\n };\r\n\r\n onSaveDraft = async () => {\r\n const {\r\n individualFormDuck: { formDetailsList, currentPaxFormDetails },\r\n redemptionTransaction\r\n } = this.props;\r\n if (\r\n formDetailsList.length === 0 &&\r\n !currentPaxFormDetails.eTicketsDetails.pnr\r\n ) {\r\n this.setState({\r\n showSnackbar: true,\r\n snackbarVariant: 'error',\r\n snackbarMessage: 'Please fill up PNR to save'\r\n });\r\n return;\r\n }\r\n\r\n if (!redemptionTransaction.id) {\r\n this.setState({\r\n showSnackbar: true,\r\n snackbarVariant: 'error',\r\n snackbarMessage: 'Error saving. Please try again'\r\n });\r\n return;\r\n }\r\n\r\n const { deletedOriginalAttachmentIdx } = this.state;\r\n if (deletedOriginalAttachmentIdx.size > 0) {\r\n return this.setState({\r\n showDeleteDialog: true,\r\n afterDeleteConfirm: 'onSaveDraft'\r\n });\r\n } else {\r\n const { files } = this.state;\r\n if (files.length > 0) {\r\n const rs = await this.uploadFiles();\r\n if (!rs.success) {\r\n this.setState({\r\n showSnackbar: true,\r\n snackbarVariant: 'error',\r\n snackbarMessage: 'Files upload failed'\r\n });\r\n return;\r\n }\r\n }\r\n }\r\n\r\n let individualFormJsonString = JSON.stringify(\r\n this.props.individualFormDuck\r\n );\r\n\r\n let submitDraftObj = {\r\n redemptionTransactionId: redemptionTransaction.id,\r\n userId: localStorage.getItem('userId'),\r\n data: individualFormJsonString\r\n };\r\n\r\n if (formDetailsList.length > 0) {\r\n submitDraftObj.pnr = formDetailsList[0].eTicketsDetails.pnr;\r\n } else {\r\n submitDraftObj.pnr = currentPaxFormDetails.eTicketsDetails.pnr;\r\n }\r\n\r\n const draftRs = await axios\r\n .post(\r\n baseURL + '/Draft/AddDraft',\r\n submitDraftObj,\r\n getCurrentAuthHeader()\r\n )\r\n .catch(e => {\r\n if (!checkValidStatusCode(e.response.status)) {\r\n this.setState({\r\n showSnackbar: true,\r\n snackbarVariant: 'error',\r\n snackbarMessage: 'Draft save failed'\r\n });\r\n }\r\n this.setState({\r\n showSnackbar: true,\r\n snackbarVariant: 'error',\r\n snackbarMessage: 'Draft save failed'\r\n });\r\n });\r\n if (draftRs) {\r\n this.setState({\r\n showSnackbar: true,\r\n snackbarVariant: 'success',\r\n snackbarMessage: 'Draft saved'\r\n });\r\n }\r\n };\r\n\r\n _onEditPax = p => {\r\n if (p.isDeleted) return;\r\n this.props.copyFormDetailsToCurrentPax(cloneDeep(p));\r\n };\r\n\r\n onEditCancel = () => {\r\n this.props.cancelEditingPax();\r\n };\r\n\r\n onUpdate = async () => {\r\n const { deletedOriginalAttachmentIdx } = this.state;\r\n\r\n if (deletedOriginalAttachmentIdx.size > 0) {\r\n return this.setState({\r\n showDeleteDialog: true,\r\n afterDeleteConfirm: 'onUpdate'\r\n });\r\n } else {\r\n const { files } = this.state;\r\n if (files.length > 0) {\r\n const rs = await this.uploadFiles();\r\n if (rs.success) {\r\n this.props.commitFormDetailsIntoList();\r\n this.setState({\r\n files: [],\r\n deletedOriginalAttachmentIdx: new Set()\r\n });\r\n } else {\r\n this.setState({\r\n showSnackbar: true,\r\n snackbarVariant: 'error',\r\n snackbarMessage: 'Files upload failed'\r\n });\r\n }\r\n } else {\r\n this.calNoSCurrentPax(false);\r\n let validation = validateCurrentPax({\r\n currentPaxFormDetails: this.props.currentPaxFormDetails,\r\n formDetailsList: this.props.formDetailsList,\r\n campaignPeriods: this.props.campaigns,\r\n files: this.state.files\r\n });\r\n if (!validation.success) {\r\n this.setState({\r\n showSnackbar: true,\r\n snackbarVariant: 'error',\r\n snackbarMessage: validation.message\r\n });\r\n return;\r\n }\r\n this.props.commitFormDetailsIntoList();\r\n }\r\n }\r\n\r\n this.individualETicket.resetAddETicketButton();\r\n };\r\n\r\n calNoSCurrentPax(isAdding) {\r\n // set number of sector for first pax\r\n if (this.props.formDetailsList.length === 0) {\r\n // other accepted airline\r\n if (\r\n this.props.currentPaxFormDetails.personalDetails\r\n .numberOfSector &&\r\n this.props.currentPaxFormDetails.personalDetails\r\n .numberOfSector == 0\r\n ) {\r\n this.props.currentPaxFormDetails.numberOfSector = this.props\r\n .currentPaxFormDetails.sector3Details.flightNo\r\n ? 4\r\n : 2;\r\n }\r\n // more than one eticket\r\n else if (\r\n this.props.currentPaxFormDetails.ticketDetails &&\r\n this.props.currentPaxFormDetails.ticketDetails.length > 1\r\n ) {\r\n this.props.currentPaxFormDetails.numberOfSector = this.props\r\n .currentPaxFormDetails.sector3Details.flightNo\r\n ? 4\r\n : 2;\r\n }\r\n // sq eticket\r\n else {\r\n this.props.currentPaxFormDetails.numberOfSector = this.props.currentPaxFormDetails.personalDetails.numberOfSector;\r\n }\r\n this.props.currentPaxFormDetails.isFirstPax = true;\r\n } else {\r\n // other accepted airline & more than 1 eTicket\r\n if (\r\n this.props.currentPaxFormDetails.personalDetails\r\n .numberOfSector == 0 ||\r\n this.props.currentPaxFormDetails.ticketDetails.length > 1\r\n ) {\r\n this.props.currentPaxFormDetails.numberOfSector = this.props.formDetailsList[0].numberOfSector;\r\n }\r\n // sq eticket\r\n else {\r\n this.props.currentPaxFormDetails.numberOfSector = this.props.currentPaxFormDetails.personalDetails.numberOfSector;\r\n }\r\n if (isAdding) {\r\n this.props.currentPaxFormDetails.isFirstPax = false;\r\n }\r\n }\r\n }\r\n\r\n getFormDetails = k => {\r\n const { currentPaxFormDetails } = this.props;\r\n return currentPaxFormDetails[k];\r\n };\r\n\r\n onRemoveCircleClick = (f, i) => {\r\n const files = [...this.state.files];\r\n files.splice(i, 1);\r\n this.setState({ files });\r\n };\r\n\r\n onDrop = acceptedFiles => {\r\n const files = [...this.state.files];\r\n for (const af of acceptedFiles) {\r\n let exists = false;\r\n for (const f of files) {\r\n if (af.name === f.name) exists = true;\r\n }\r\n if (!exists) files.push(af);\r\n }\r\n this.setState({ files });\r\n };\r\n\r\n onDeleteOrigAttachment = i => {\r\n this.setState({\r\n deletedOriginalAttachmentIdx: this.state.deletedOriginalAttachmentIdx.add(\r\n i\r\n )\r\n });\r\n };\r\n\r\n onUndoDeleteOrigAttachment = i => {\r\n let newDeletedOriginalAttachmentIdx = new Set(\r\n this.state.deletedOriginalAttachmentIdx\r\n );\r\n newDeletedOriginalAttachmentIdx.delete(i);\r\n this.setState({\r\n deletedOriginalAttachmentIdx: newDeletedOriginalAttachmentIdx\r\n });\r\n };\r\n\r\n onDeleteConfirm = async () => {\r\n const newCurrentPaxFormDetails = cloneDeep(\r\n this.props.currentPaxFormDetails\r\n );\r\n let newAttachmentUris =\r\n newCurrentPaxFormDetails.sector2Details.attachmentUris;\r\n let newAttachmentUrisSector3 =\r\n newCurrentPaxFormDetails.sector3Details.attachmentUris;\r\n this.state.deletedOriginalAttachmentIdx.forEach(i => {\r\n newAttachmentUris.splice(i, 1);\r\n newAttachmentUrisSector3.splice(i, 1);\r\n });\r\n newCurrentPaxFormDetails.sector2Details.attachmentUris = newAttachmentUris;\r\n newCurrentPaxFormDetails.sector3Details.attachmentUris = newAttachmentUrisSector3;\r\n await this.props.updateCurrentPaxFormDetails(newCurrentPaxFormDetails);\r\n\r\n const { files, afterDeleteConfirm } = this.state;\r\n if (files.length > 0) {\r\n const rs = await this.uploadFiles();\r\n if (rs.success) {\r\n // this.props.commitFormDetailsIntoList()\r\n this.setState({\r\n files: [],\r\n deletedOriginalAttachmentIdx: new Set(),\r\n showDeleteDialog: false,\r\n afterDeleteConfirm: ''\r\n });\r\n } else {\r\n this.setState({\r\n showSnackbar: true,\r\n snackbarVariant: 'error',\r\n snackbarMessage: 'Files upload failed',\r\n showDeleteDialog: false\r\n });\r\n }\r\n } else {\r\n // this.props.commitFormDetailsIntoList()\r\n this.setState({\r\n deletedOriginalAttachmentIdx: new Set(),\r\n showDeleteDialog: false,\r\n afterDeleteConfirm: ''\r\n });\r\n }\r\n\r\n let validateCurrentPaxResult = validateCurrentPax({\r\n currentPaxFormDetails: this.props.currentPaxFormDetails,\r\n formDetailsList: this.props.formDetailsList,\r\n campaignPeriods: this.props.campaigns,\r\n files: this.state.files\r\n });\r\n if (!validateCurrentPaxResult.success) {\r\n this.setState({\r\n showSnackbar: true,\r\n snackbarVariant: 'error',\r\n snackbarMessage: validateCurrentPaxResult.message\r\n });\r\n return;\r\n }\r\n switch (afterDeleteConfirm) {\r\n case '_commitCurrentPax':\r\n this._commitCurrentPax();\r\n break;\r\n case 'onUpdate':\r\n this.onUpdate();\r\n break;\r\n case 'onSaveDraft':\r\n this.onSaveDraft();\r\n break;\r\n }\r\n };\r\n\r\n onDeleteCancel = () => {\r\n this.setState({\r\n showDeleteDialog: false,\r\n afterDeleteConfirm: '',\r\n readyToProceedAfterPaxCommitted: false\r\n });\r\n };\r\n\r\n onAttachmentClick = async attachmentUri => {\r\n const data = { objectKey: [attachmentUri], bucket: attachmentBucket };\r\n const rs = await myaxios(\r\n 'post',\r\n '/File/GeneratePresignedUris',\r\n data,\r\n getCurrentAuthHeader()\r\n );\r\n if (rs.success) {\r\n window.open(rs.data.result[0]);\r\n }\r\n };\r\n\r\n render() {\r\n const {\r\n classes,\r\n editMode,\r\n currentPaxFormDetails,\r\n getAllCampaignsIsLoading,\r\n createRedemptionTransactionIsLoading,\r\n uploadFileIsLoading\r\n } = this.props;\r\n const { deletedOriginalAttachmentIdx, showDeleteDialog } = this.state;\r\n const isLoading =\r\n this.props.individualFilesUploadIsLoading ||\r\n getAllCampaignsIsLoading ||\r\n createRedemptionTransactionIsLoading ||\r\n uploadFileIsLoading;\r\n return (\r\n {this.props.content}
\r\n\r\n {currentPaxFormDetails['sector2Details'] &&\r\n currentPaxFormDetails['sector2Details'].attachmentUris\r\n .length > 0 && (\r\n \r\n The following attachments will be removed:\r\n \r\n The following attachments will be removed:\r\n \r\n {'Reference No: ' +\r\n this.props.redemptionTransaction.refNo}\r\n \r\n )}\r\n\r\n {this.props.formDetailsList.length > 0 && (\r\n \r\n \r\n \r\n \r\n {!editMode && (\r\n \r\n this.onClickNext()}\r\n >\r\n Next\r\n \r\n \r\n )}\r\n \r\n {this.props.formDetailsList.length === 0 && (\r\n (this.individualETicket = instance)}\r\n editMode={editMode}\r\n editModeClass={classes.editMode}\r\n />\r\n\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n\r\n {this.flightNoOptions !== null && (\r\n \r\n \r\n \r\n Sector 1\r\n \r\n \r\n \r\n \r\n Sector 2\r\n \r\n \r\n \r\n \r\n Land/Sea/Scoot booking ref\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {currentPaxFormDetails[\r\n 'sector2Details'\r\n ].attachmentUris.length > 0 && (\r\n \r\n \r\n )}\r\n \r\n )}\r\n \r\n {/* =======================================Sector 3 & 4============================================================ */}\r\n\r\n \r\n \r\n Sector 3\r\n \r\n \r\n \r\n \r\n Land/Sea/Scoot booking\r\n ref\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {currentPaxFormDetails[\r\n 'sector3Details'\r\n ].attachmentUris.length > 0 && (\r\n \r\n \r\n )}\r\n \r\n )}\r\n \r\n \r\n \r\n Sector 4\r\n \r\n \r\n \r\n )}\r\n\r\n {editMode === false && (\r\n \r\n \r\n \r\n Clear\r\n \r\n \r\n \r\n \r\n \r\n this.addPax()}\r\n >\r\n Add Pax\r\n \r\n \r\n \r\n \r\n Save Draft\r\n \r\n \r\n \r\n \r\n this.onClickNext()\r\n }\r\n >\r\n {' '}\r\n Next\r\n \r\n \r\n \r\n \r\n \r\n )}\r\n\r\n {editMode === true && (\r\n \r\n \r\n \r\n Cancel\r\n \r\n \r\n \r\n this.onUpdate()}\r\n >\r\n Update\r\n \r\n \r\n \r\n )}\r\n \r\n \r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst styles = theme => ({\r\n container: { ...theme.container },\r\n row: { display: 'flex', marginTop: 20 },\r\n rowItem: {\r\n display: 'flex',\r\n flex: 1,\r\n marginRight: 60,\r\n alignItems: 'center'\r\n },\r\n label: { flex: '2' },\r\n control: { flex: '3' },\r\n textfield: { width: '100%' },\r\n textfieldError: { height: 60, width: '100%' },\r\n tfWrap: { position: 'relative' },\r\n // editMode: {borderStyle: 'dashed', borderWidth: '2px', backgroundColor: blue[50]}\r\n editMode: {},\r\n listItemText: { flex: 'none' },\r\n pointer: { cursor: 'pointer' },\r\n markedDelete: { ...theme.deletedBackground }\r\n});\r\n\r\nconst mapStateToProps = function(state) {\r\n const stateClone = { ...state };\r\n const {\r\n flightDuck,\r\n individualFormDuck,\r\n campaignPeriodDuck,\r\n redemptionTransactionDuck\r\n } = stateClone;\r\n const {\r\n flightData,\r\n arrivalFlightNoList,\r\n departureFlightNoList,\r\n departureCityList,\r\n arrivalCityList,\r\n isFlightPopulated,\r\n arrivalSearchOptions,\r\n departureSearchOptions\r\n } = flightDuck;\r\n const { campaigns, getAllCampaignsIsLoading } = campaignPeriodDuck;\r\n const {\r\n individualFilesUploadIsLoading,\r\n uploadFileIsLoading,\r\n replacingFromDraft\r\n } = individualFormDuck;\r\n const {\r\n redemptionTransaction,\r\n createRedemptionTransactionIsLoading\r\n } = redemptionTransactionDuck;\r\n return {\r\n individualFormDuck,\r\n currentPaxFormDetails: individualFormDuck.currentPaxFormDetails,\r\n currentPaxPosition: individualFormDuck.currentPaxPosition,\r\n formDetailsList: individualFormDuck.formDetailsList,\r\n arrivalFlightNoList: arrivalFlightNoList,\r\n arrivalSearchOptions: arrivalSearchOptions,\r\n departureSearchOptions: departureSearchOptions,\r\n departureFlightNoList: departureFlightNoList,\r\n departureCityList,\r\n arrivalCityList,\r\n flightData,\r\n isFlightPopulated: isFlightPopulated,\r\n campaigns,\r\n getAllCampaignsIsLoading,\r\n individualFilesUploadIsLoading,\r\n uploadFileIsLoading,\r\n replacingFromDraft,\r\n redemptionTransaction,\r\n createRedemptionTransactionIsLoading,\r\n editMode: individualFormDuck.editMode\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = function(dispatch) {\r\n return {\r\n updateCurrentPaxFormDetails: details =>\r\n dispatch(updateCurrentPaxFormDetails(details)),\r\n updateCollectorPersonalDetails: flightData =>\r\n dispatch(updateCollectorPersonalDetails(flightData)),\r\n clearPaxDetails: () => dispatch(clearPaxDetails()),\r\n clearSector12: () => dispatch(clearSector12()),\r\n clearSector34: () => dispatch(clearSector34()),\r\n commitFormDetailsIntoList: () => dispatch(commitFormDetailsIntoList()),\r\n updateCurrentPaxCtpValue: (value, editMode) =>\r\n dispatch(updateCurrentPaxCtpValue(value, editMode)),\r\n deletePax: pax => dispatch(deletePax(pax)),\r\n restorePax: pax => dispatch(restorePax(pax)),\r\n getAllCampaigns: () => dispatch(getAllCampaigns()),\r\n uploadFile: (formData, type) => dispatch(uploadFile(formData, type)),\r\n createEmptyRedemptionTransaction: () =>\r\n dispatch(createEmptyRedemptionTransaction()),\r\n updateEntireIndividualForm: individualForm =>\r\n dispatch(updateEntireIndividualForm(individualForm)),\r\n updateRedemptionTransaction: redemptionTransaction =>\r\n dispatch(updateRedemptionTransaction(redemptionTransaction)),\r\n copyFormDetailsToCurrentPax: p =>\r\n dispatch(copyFormDetailsToCurrentPax(p)),\r\n cancelEditingPax: () => dispatch(cancelEditingPax()),\r\n individualFilesUpload: formData =>\r\n dispatch(individualFilesUpload(formData))\r\n };\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(withStyles(styles)(IndividualFlightForm));\r\n","import axios from 'axios'\r\nimport { getSettings } from '../config/config'\r\nimport { getCurrentAuthHeader } from '../helpers/utilities'\r\nimport { checkValidStatusCode } from '../helpers/httpHelper'\r\n\r\nlet settings = getSettings();\r\nlet baseURL = settings.baseURL;\r\n\r\nconst GET_FLIGHTS_IS_LOADING = 'GET_FLIGHTS_IS_LOADING'\r\nconst GET_FLIGHTS_SUCCESS = 'GET_FLIGHTS_SUCCESS'\r\nconst GET_FLIGHTS_FAIL = 'GET_FLIGHTS_FAIL'\r\nconst UPDATE_FLIGHTS = 'UPDATE_FLIGHTS'\r\n\r\nexport const FLIGHT_NO_KEY = 'flightNo'\r\nexport const DEPARTURE_CITY_NAME_KEY = 'departureCityName'\r\nexport const ARRIVAL_CITY_NAME_KEY = 'arrivalCityName'\r\n\r\nexport const ARRIVAL = 'ARRIVAL'\r\nexport const DEPARTURE = 'DEPARTURE'\r\n\r\nexport const getFlightsData = () => async dispatch => {\r\n\tdispatch(_getFlightsIsLoading())\r\n\tconst rs = await axios.get(baseURL + '/Flight/GetFlights', getCurrentAuthHeader()).catch(e => {\r\n\t\tif (!checkValidStatusCode(e.response.status)) {\r\n\t\t\tconst {\r\n\t\t\t\tresponse: {\r\n\t\t\t\t\tdata: {\r\n\t\t\t\t\t\terror: { message }\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t} = e\r\n\t\t\treturn { data: { success: false, error: { message } } }\r\n\t\t}\r\n\t\treturn { data: { success: false, error: { message: e.response.status + ' Unexpected error' } } }\r\n\t})\r\n\tif (!rs.data) {\r\n\t\tdispatch(_getFlightsFail())\r\n\t\treturn { success: false, message: 'No data from server' }\r\n\t}\r\n\tif (rs.data.success) {\r\n\t\tdispatch(\r\n\t\t\t_getFlightsSuccess(\r\n\t\t\t\trs.data.result.items.map((m, i) => {\r\n\t\t\t\t\tm.id = i\r\n\t\t\t\t\treturn m\r\n\t\t\t\t})\r\n\t\t\t)\r\n\t\t)\r\n\t\treturn { success: true, message: '' }\r\n\t} else {\r\n\t\tdispatch(_getFlightsFail())\r\n\t\treturn { success: false, message: 'Flight data: ' + rs.data.error.message }\r\n\t}\r\n}\r\n\r\nconst _getFlightsIsLoading = () => ({\r\n\ttype: GET_FLIGHTS_IS_LOADING\r\n})\r\n\r\nconst _getFlightsSuccess = flightData => ({\r\n\ttype: GET_FLIGHTS_SUCCESS,\r\n\tflightData: flightData\r\n})\r\n\r\nconst _getFlightsFail = errorDetails => ({\r\n\ttype: GET_FLIGHTS_FAIL,\r\n\terrorDetails\r\n})\r\n\r\nexport const updateFlights = flightData => ({\r\n\ttype: UPDATE_FLIGHTS,\r\n\tflightData\r\n})\r\n\r\nconst initState = {\r\n\tgetFlightsIsLoading: false,\r\n\tflightData: [],\r\n\tarrivalSearchOptions: [],\r\n\tarrivalFlightNoList: [],\r\n\tdepartureSearchOptions: [],\r\n\tdepartureFlightNoList: [],\r\n\tdepartureCityList: [],\r\n\tarrivalCityList: [],\r\n\tisFlightPopulated: false\r\n}\r\n\r\nconst flightDuck = (state = initState, action) => {\r\n\tswitch (action.type) {\r\n\t\tcase GET_FLIGHTS_IS_LOADING:\r\n\t\t\treturn { ...state, getFlightsIsLoading: true }\r\n\r\n\t\tcase GET_FLIGHTS_SUCCESS:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tgetFlightsIsLoading: false,\r\n\t\t\t\tflightData: action.flightData,\r\n\t\t\t\tarrivalSearchOptions: _mapSearchOptions(action.flightData, ARRIVAL),\r\n\t\t\t\tdepartureSearchOptions: _mapSearchOptions(action.flightData, DEPARTURE),\r\n\t\t\t\tarrivalFlightNoList: _formatDataToOptionList(action.flightData, 'flightNo', ARRIVAL),\r\n\t\t\t\tdepartureFlightNoList: _formatDataToOptionList(action.flightData, 'flightNo', DEPARTURE),\r\n\t\t\t\tdepartureCityList: _formatDataToOptionList(action.flightData, 'arrivalCityName', DEPARTURE),\r\n\t\t\t\tarrivalCityList: _formatDataToOptionList(action.flightData, 'departureCityName', ARRIVAL),\r\n\t\t\t\tisFlightPopulated: true\r\n\t\t\t}\r\n\r\n\t\tcase GET_FLIGHTS_FAIL:\r\n\t\t\treturn { ...state, getFlightsIsLoading: false }\r\n\r\n\t\tcase UPDATE_FLIGHTS:\r\n\t\t\treturn {\r\n\t\t\t\t...state,\r\n\t\t\t\tflightData: action.flightData,\r\n\t\t\t\tarrivalSearchOptions: _mapSearchOptions(action.flightData, ARRIVAL),\r\n\t\t\t\tdepartureSearchOptions: _mapSearchOptions(action.flightData, DEPARTURE),\r\n\t\t\t\tarrivalFlightNoList: _formatDataToOptionList(action.flightData, 'flightNo', ARRIVAL),\r\n\t\t\t\tdepartureFlightNoList: _formatDataToOptionList(action.flightData, 'flightNo', DEPARTURE),\r\n\t\t\t\tdepartureCityList: _formatDataToOptionList(action.flightData, 'arrivalCityName', DEPARTURE),\r\n\t\t\t\tarrivalCityList: _formatDataToOptionList(action.flightData, 'departureCityName', ARRIVAL),\r\n\t\t\t\tisFlightPopulated: true\r\n\t\t\t}\r\n\r\n\t\tdefault:\r\n\t\t\treturn state\r\n\t}\r\n}\r\n\r\nconst _mapSearchOptions = (flightData, type) => {\r\n\tconst sectionList = flightData.filter(m => (type === ARRIVAL ? m['arrivalCityName'] === 'Singapore' : m['departureCityName'] === 'Singapore'))\r\n\tlet set = new Set(sectionList.map(m => __formatSearchOption(m, type)))\r\n\r\n\tlet result = []\r\n\t// add default empty value\r\n\tresult.push({\r\n\t\tlabel: 'Select...',\r\n\t\tvalue: ''\r\n\t})\r\n\t// add flight data\r\n\tlet temp = [...set].sort().map(m => {\r\n\t\treturn { label: m, value: m }\r\n\t})\r\n\tresult = result.concat(temp)\r\n\t// return data\r\n\treturn result\r\n}\r\n\r\nconst __formatSearchOption = (item, type) => {\r\n\treturn type === ARRIVAL\r\n\t\t? `${item.flightNo} - ${item.departureCityName} - ${item.departurePortCode}`\r\n\t\t: `${item.flightNo} - ${item.arrivalCityName} - ${item.arrivalPortCode}`\r\n}\r\n\r\nconst _formatDataToOptionList = (flightData, key, type) => {\r\n\tlet list = []\r\n\tlet singaporeKey\r\n\tif (type === ARRIVAL) {\r\n\t\tsingaporeKey = 'arrivalCityName'\r\n\t} else {\r\n\t\tsingaporeKey = 'departureCityName'\r\n\t}\r\n\r\n\tfor (let i = 0; i < flightData.length; i++) {\r\n\t\tif (flightData[i][singaporeKey] === 'Singapore') {\r\n\t\t\tlet matchedFlight = list.find(item => item.value === flightData[i][key])\r\n\t\t\tif (!matchedFlight) list.push({ label: flightData[i][key], value: flightData[i][key] })\r\n\t\t}\r\n\t}\r\n\tlist.sort((a, b) => {\r\n\t\tif (a.value < b.value) {\r\n\t\t\treturn -1\r\n\t\t} else {\r\n\t\t\treturn 1\r\n\t\t}\r\n\t})\r\n\r\n\treturn list\r\n}\r\n\r\nexport default flightDuck\r\n","import React from 'react'\r\nimport {connect} from 'react-redux'\r\nimport Header from '../containers/Header.js'\r\nimport IndividualFlightForm from '../containers/individual/IndividualFlightForm.js'\r\nimport {TITLE_PREFIX} from '../constants/titlePrefix'\r\nimport {getFlightsData, updateFlights} from '../ducks/flightDuck'\r\nimport {createEmptyRedemptionTransaction} from '../ducks/redemptionTransactionDuck'\r\nimport moment from 'moment'\r\nimport GlobalTimeChecker from '../containers/GlobalTimeChecker'\r\nimport StyledSnackbar from '../components/StyledSnackbar'\r\n\r\n// import AutosaveDraft from '../containers/AutosaveDraft'\r\n\r\nclass IndividualScreen extends React.Component {\r\n constructor(props) {\r\n super(props)\r\n this.state = {\r\n subsequentScanModalOpen: false,\r\n showSnackbar: false,\r\n snackbarMessage: '',\r\n snackbarVariant: 'success'\r\n }\r\n }\r\n\r\n componentDidMount = async () => {\r\n document.title = `${TITLE_PREFIX} Individual`\r\n\r\n let flightDataWithMetaStr = await localStorage.getItem('FLIGHT_DATA')\r\n let flightDataWithMeta = {}\r\n if (flightDataWithMetaStr) {\r\n flightDataWithMeta = JSON.parse(flightDataWithMetaStr)\r\n let today = moment().format('YYYY-MM-DD')\r\n if (flightDataWithMeta.flightData && flightDataWithMeta.dateCreated === today) {\r\n this.props.updateFlights(flightDataWithMeta.flightData)\r\n } else {\r\n const rs = await this.props.getFlightsData()\r\n if (!rs.success) this.setState({showSnackbar: true, snackbarVariant: 'error', snackbarMessage: rs.message})\r\n }\r\n } else {\r\n const rs = await this.props.getFlightsData()\r\n if (!rs.success) this.setState({showSnackbar: true, snackbarVariant: 'error', snackbarMessage: rs.message})\r\n }\r\n\r\n }\r\n\r\n componentDidUpdate = async (prevProps) => {\r\n if (prevProps.flights !== this.props.flightData && this.props.flightData != null) {\r\n if (this.props.flightData.length > 0) {\r\n let today = moment().format('YYYY-MM-DD')\r\n let flightDataWithMeta = {\r\n dateCreated: today,\r\n flightData: this.props.flightData\r\n }\r\n let flightsDataWithMetaStr = JSON.stringify(flightDataWithMeta)\r\n localStorage.setItem('FLIGHT_DATA', flightsDataWithMetaStr)\r\n }\r\n }\r\n }\r\n\r\n closeSubsequentScanModal = () => {\r\n this.setState({subsequentScanModalOpen: false})\r\n }\r\n\r\n closeSnackbar = () => {\r\n this.setState({showSnackbar: false})\r\n }\r\n\r\n render() {\r\n return (\r\n - \r\n {currentPaxFormDetails[\r\n 'sector2Details'\r\n ].attachmentUris.map((a, i) => {\r\n if (deletedOriginalAttachmentIdx.has(i)) {\r\n return (\r\n
- {a} \r\n );\r\n }\r\n })}\r\n
- \r\n {currentPaxFormDetails[\r\n 'sector3Details'\r\n ].attachmentUris.map((a, i) => {\r\n if (deletedOriginalAttachmentIdx.has(i)) {\r\n return (\r\n
- {a} \r\n );\r\n }\r\n })}\r\n
- \r\n {currentPaxFormDetails[\r\n 'sector2Details'\r\n ].attachmentUris.map(\r\n (a, i) => {\r\n return (\r\n
- \r\n {currentPaxFormDetails[\r\n 'sector3Details'\r\n ].attachmentUris.map(\r\n (a, i) => {\r\n return (\r\n
\r\n \r\n\r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nconst mapStateToProps = state => {\r\n const {systemDataDuck, flightDuck, individualFormDuck} = state\r\n const {flightData} = flightDuck\r\n return {systemDataDuck, individualFormDuck, flightData}\r\n}\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n return {\r\n getFlightsData: () => dispatch(getFlightsData()),\r\n updateFlights: (flights) => dispatch(updateFlights(flights)),\r\n createEmptyRedemptionTransaction: () => dispatch(createEmptyRedemptionTransaction())\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(IndividualScreen)","\r\nexport const selectExistingCr = () => {\r\n let options = {\r\n isExistingCr: true,\r\n isExistingCrCard: true,\r\n isNewCollector: false,\r\n isRegisterCr: false,\r\n isSingleCrCard: false,\r\n isCtp: false,\r\n isSingleCtpCard: false,\r\n isMultipleCtpCard: false,\r\n isCtpPhysicalVoucher: false,\r\n isCtpDigitalCard: false,\r\n isCtpPreloadedVouchersCard: false,\r\n }\r\n return options;\r\n}\r\n\r\n\r\nexport const selectExistingCrPhysicalVoucher = (checked) => {\r\n let options = {\r\n isExistingCr: true,\r\n isExistingCrCard: !checked,\r\n isNewCollector: false,\r\n isRegisterCr: false,\r\n isSingleCrCard: false,\r\n isCtp: false,\r\n isSingleCtpCard: false,\r\n isMultipleCtpCard: false,\r\n isCtpPhysicalVoucher: false,\r\n isCtpDigitalCard: false,\r\n isCtpPreloadedVouchersCard: false,\r\n }\r\n return options;\r\n}\r\n\r\nexport const selectExistingCrPreloadedVouchersCard = () => {\r\n let options = {\r\n isExistingCr: true, //\r\n isExistingCrCard: false,\r\n isNewCollector: false,\r\n isRegisterCr: false,\r\n isSingleCrCard: false,\r\n isCtp: false,\r\n isSingleCtpCard: false,\r\n isMultipleCtpCard: false,\r\n isCtpPhysicalVoucher: false,\r\n isCtpDigitalCard: false,\r\n isCtpPreloadedVouchersCard: false,\r\n }\r\n return options;\r\n}\r\n\r\nexport const selectNewCollector = (pax) => {\r\n if (pax=== undefined) throw new Error(\"Please pass in pax to function\")\r\n\r\n let isSingleCard = pax <= 1\r\n let options = {\r\n isExistingCr: false,\r\n isExistingCrCard: false,\r\n isNewCollector: true,\r\n isRegisterCr: false,\r\n isSingleCrCard: false,\r\n isCtp: true,\r\n isSingleCtpCard: isSingleCard,\r\n isMultipleCtpCard: !isSingleCard,\r\n isCtpPhysicalVoucher: false,\r\n isCtpDigitalCard: false,\r\n isCtpPreloadedVouchersCard: false,\r\n }\r\n return options;\r\n};\r\n\r\n\r\nexport const selectRegisterCr = (country) => {\r\n if(country === undefined) throw new Error(\"Please pass in country\")\r\n let options = {\r\n isExistingCr: false,\r\n isExistingCrCard: false,\r\n isNewCollector: true,\r\n isRegisterCr: true,\r\n isSingleCrCard: true,\r\n isCtp: false,\r\n isSingleCtpCard: false,\r\n isMultipleCtpCard: false,\r\n isCtpPhysicalVoucher: false,\r\n isCtpDigitalCard: false,\r\n isCtpPreloadedVouchersCard: false,\r\n }\r\n return options;\r\n}\r\n\r\nexport const selectIssueCtp = (pax) => {\r\n if (pax=== undefined) throw new Error(\"Please pass in pax to function\")\r\n\r\n let isSingleCard = pax <= 1\r\n let options = {\r\n isExistingCr: false,\r\n isExistingCrCard: false,\r\n isNewCollector: true,\r\n isRegisterCr: false,\r\n isSingleCrCard: false,\r\n isCtp: true,\r\n isSingleCtpCard: isSingleCard,\r\n isMultipleCtpCard: !isSingleCard,\r\n isCtpPhysicalVoucher: false,\r\n isCtpDigitalCard: false,\r\n isCtpPreloadedVouchersCard: false,\r\n }\r\n return options;\r\n}\r\n\r\nexport const selectCtpSingleCard = (pax) => {\r\n if (pax=== undefined) throw new Error(\"Please pass in pax to function\")\r\n let isSingleCard = pax <= 1\r\n let options = {\r\n isExistingCr: false,\r\n isExistingCrCard: false,\r\n isNewCollector: true,\r\n isRegisterCr: false,\r\n isSingleCrCard: false,\r\n isCtp: true,\r\n isSingleCtpCard: isSingleCard,\r\n isMultipleCtpCard: !isSingleCard,\r\n isCtpPhysicalVoucher: false,\r\n isCtpDigitalCard: false,\r\n isCtpPreloadedVouchersCard: false,\r\n }\r\n return options;\r\n}\r\n\r\nexport const selectCtpMultipleCards = () => {\r\n let options = {\r\n isExistingCr: false,\r\n isExistingCrCard: false,\r\n isNewCollector: true,\r\n isRegisterCr: false,\r\n isSingleCrCard: false,\r\n isCtp: true,\r\n isSingleCtpCard: false,\r\n isMultipleCtpCard: true,\r\n isCtpPhysicalVoucher: false,\r\n isCtpDigitalCard: false,\r\n isCtpPreloadedVouchersCard: false,\r\n }\r\n return options;\r\n}\r\n\r\nexport const selectCtpPhysicalVoucher = () => {\r\n let options = {\r\n isExistingCr: false,\r\n isExistingCrCard: false,\r\n isNewCollector: true,\r\n isRegisterCr: false,\r\n isSingleCrCard: false,\r\n isCtp: true,\r\n isSingleCtpCard: false,\r\n isMultipleCtpCard: false,\r\n isCtpPhysicalVoucher: true,\r\n isCtpDigitalCard: false,\r\n isCtpPreloadedVouchersCard: false,\r\n }\r\n return options;\r\n}\r\n\r\nexport const selectCtpDigitalCard = () => {\r\n let options = {\r\n isExistingCr: false,\r\n isExistingCrCard: false,\r\n isNewCollector: true,\r\n isRegisterCr: false,\r\n isSingleCrCard: false,\r\n isCtp: true,\r\n isSingleCtpCard: false,\r\n isMultipleCtpCard: false,\r\n isCtpPhysicalVoucher: false,\r\n isCtpDigitalCard: true,\r\n isCtpPreloadedVouchersCard: false,\r\n }\r\n return options;\r\n}\r\n\r\nexport const selectCtpPreloadedVouchersCard = () => {\r\n let options = {\r\n isExistingCr: false,\r\n isExistingCrCard: false,\r\n isNewCollector: true,\r\n isRegisterCr: false,\r\n isSingleCrCard: false,\r\n isCtp: true,\r\n isSingleCtpCard: false,\r\n isMultipleCtpCard: false,\r\n isCtpPhysicalVoucher: false,\r\n isCtpDigitalCard: false,\r\n isCtpPreloadedVouchersCard: true,\r\n }\r\n return options;\r\n}\r\n\r\n","/*\r\nconst SELECT_EXISTING_CR = 'SELECT_EXISTING_CR';\r\nconst SELECT_NEW_COLLECTOR = 'SELECT_NEW_COLLECTOR';\r\nconst SELECT_REGISTER_CR = 'SELECT_REGISTER_CR';\r\nconst SELECT_ISSUE_CTP = 'SELECT_ISSUE_CTP';\r\nconst SELECT_CTP_PHYSICAL_VOUCHER = 'SELECT_CTP_PHYSICAL_VOUCHER';\r\nconst SELECT_CTP_SINGLE_CARD = 'SELECT_CTP_SINGLE_CARD';\r\nconst SELECT_CTP_MULTIPLE_CARDS = 'SELECT_CTP_MULTIPLE_CARDS';\r\n*/\r\n\r\nconst UPDATE_INDIVIDUAL_COLLECTOR_OPTIONS = 'UPDATE_INDIVIDUAL_COLLECTOR_OPTIONS';\r\n\r\n\r\nexport const updateIndividualCollectorOptions = ({ isExistingCr, //1\r\n isExistingCrCard, //2\r\n isNewCollector, //1\r\n isRegisterCr, //2\r\n isSingleCrCard, //3\r\n isCtp, //2\r\n isSingleCtpCard, //3\r\n isMultipleCtpCard, //3\r\n isCtpPhysicalVoucher, //3\r\n isCtpDigitalCard, //3\r\n isCtpPreloadedVouchersCard, //3\r\n }) => {\r\n return ({\r\n type: UPDATE_INDIVIDUAL_COLLECTOR_OPTIONS,\r\n payload:{\r\n isExistingCr,\r\n isExistingCrCard,\r\n isNewCollector,\r\n isRegisterCr,\r\n isSingleCrCard,\r\n isCtp,\r\n isSingleCtpCard,\r\n isMultipleCtpCard,\r\n isCtpPhysicalVoucher,\r\n isCtpDigitalCard,\r\n isCtpPreloadedVouchersCard\r\n }\r\n\r\n });\r\n}\r\n\r\nconst initState = {\r\n isExistingCr: false,\r\n isExistingCrCard: false,\r\n isNewCollector: false,\r\n isRegisterCr: false,\r\n isSingleCrCard: false,\r\n isCtp: false,\r\n isSingleCtpCard: false,\r\n isMultipleCtpCard: false,\r\n isCtpPhysicalVoucher: false,\r\n isCtpDigitalCard: false,\r\n isCtpPreloadedVouchersCard: false,\r\n};\r\n\r\nconst individualCollectorOptionDuck = (state = initState, action) => {\r\n switch (action.type) {\r\n\r\n case UPDATE_INDIVIDUAL_COLLECTOR_OPTIONS:\r\n let payload = action.payload;\r\n return {\r\n ...state,\r\n ...payload\r\n };\r\n\r\n\r\n default:\r\n return state\r\n }\r\n};\r\n\r\nexport default individualCollectorOptionDuck\r\n","const UPDATE_ALL_CONSENTS = 'UPDATE_ALL_CONSENTS';\r\n\r\nexport const updateAllConsents = ({collectionConsent, collectionConsentCso, marketingConsent, airlineConsent, additionalCrConsent}) => ({\r\n type: UPDATE_ALL_CONSENTS,\r\n collectionConsent,\r\n collectionConsentCso,\r\n marketingConsent,\r\n airlineConsent,\r\n additionalCrConsent\r\n})\r\n\r\nconst initState = {\r\n collectionConsent: 'testing',\r\n marketingConsent: 'testing',\r\n airlineConsent: 'testing',\r\n additionalCrConsent: 'testing'\r\n}\r\n\r\nconst consentDerivedDuck = (state = initState, action) => {\r\n switch (action.type) {\r\n case UPDATE_ALL_CONSENTS:\r\n let {collectionConsent, collectionConsentCso, airlineConsent, marketingConsent, additionalCrConsent} = action;\r\n return { ...state, collectionConsent, collectionConsentCso, airlineConsent, marketingConsent, additionalCrConsent }\r\n\r\n default:\r\n return state\r\n }\r\n}\r\n\r\nexport default consentDerivedDuck\r\n","import React, {PureComponent} from 'react'\r\nimport PropTypes from 'prop-types'\r\nimport {withStyles, TextField} from '@material-ui/core'\r\nimport Select from 'react-select'\r\n\r\nfunction inputComponent({inputRef, ...props}) {\r\n return \r\n}\r\n\r\nfunction Control(props) {\r\n return (\r\n • I agree to the Changi Transit Privileges |crTncUrl|, CAG's |cagPpUrl| and consent to the creation of my Changi Account.\r\n
• I have received a total of |numberVoucherIssuanced| CTP generic eVoucher(s)|lpcMessage|.`,\r\n\r\n ctpIndividualCollectionAgreement: `By submitting this form,\r\n
• I agree to the Changi Transit Privileges |ctpTncUrl|, CAG's |cagPpUrl|\r\n
• I have received a total of |numberVoucherIssuanced| Changi eVoucher(s)|lpcMessage|.`,\r\n\r\n ctpFamilyCollectionAgreementMessage: `By clicking “Submit”:\r\n
• I agree to CAG's |ctpTncUrl| and |cagPpUrl|.\r\n
• I declare that I have obtained the consent of each individual in my group/family to provide his/her personal data and flight details to CAG for the Relevant Purpose.\r\n
• I declare that I am authorized to collect the transit rewards on behalf of my group/family.\r\n
• I have received of a total of |numberVoucherIssuanced| Changi eVoucher(s)|lpcMessage|.`,\r\n\r\n ctpFamilyCollectionAgreementMessageForCso: `By clicking “Submit”:\r\n
• I declare that I have confirmed that the collector has given consent for CAG to use his/her personal data for the Relevant Purpose.\r\n
• I am issuing out a total of |numberVoucherIssuanced| Changi eVoucher(s).`,\r\n\r\n ctpFamilyWithCrtCollectionAgreementMessage: `By clicking “Submit”:\r\n
• I agree to CAG's |crTncUrl| and |cagPpUrl| and consent to the creation of my Changi Account.\r\n
• I declare that I have obtained the consent of each individual in my group/family to provide his/her personal data and flight details to CAG for the Relevant Purpose.\r\n
• I declare that I am authorized to collect the transit rewards on behalf of my group/family.\r\n
• I have received of a total of |numberVoucherIssuanced| CTP generic Voucher(s)|lpcMessage|.`,\r\n\r\n ctpGroupCollectionAgreementMessage: `By submitting this form,\r\n
• I agree to the Changi Transit Privileges |ctpTncUrl|, CAG's |cagPpUrl|\r\n
• I declare that I have obtained the consent of each individual in my group to provide his/her personal data and flight details to CAG for the Relevant Purpose.\r\n
• I declare that I am authorized to collect the transit rewards on behalf of my group/family.\r\n
• I have received a total of |numberVoucherIssuanced| CTP generic Voucher(s)|lpcMessage| and i will distribute the transit rewards to the individual(s) stated in the table.`,\r\n\r\n numberVoucherIssuanced: `|noOfCards| x S|ctpVoucherCurrency||ctpVoucherValue|`\r\n};\r\n\r\n\r\nexport const groupAdditionalGroupCrAgreement = ({message, urlData}) => {\r\n let formattedMessage = message;\r\n formattedMessage = injectUrlLinksIntoMessage({agreementMessage: formattedMessage, urlData: urlData});\r\n\r\n return formattedMessage;\r\n}\r\n\r\nexport const generateCollectionAgreementMessage = ({agreementMessage, voucherDataCollected, templateData, urlData}) => {\r\n let formattedMessage = agreementMessage;\r\n formattedMessage = injectUrlLinksIntoMessage({agreementMessage: formattedMessage, urlData: urlData});\r\n let numberVoucherIssuancedMessage = ''\r\n let lpcSubMessage = ''\r\n // inject lpc number of voucher\r\n if (voucherDataCollected.totalCtpLpcValue && voucherDataCollected.totalCtpLpcValue > 0) {\r\n numberVoucherIssuancedMessage = genNumberVoucherIssuanced({\r\n agreementMessage: templateData.numberVoucherIssuanced,\r\n totalCtpValue: voucherDataCollected.totalCtpLpcValue,\r\n ctpVoucherValue: voucherData.ctpLpcVoucherValue\r\n });\r\n }\r\n\r\n if (numberVoucherIssuancedMessage.length > 0) {\r\n // inject number of vouchre into lpc sub message\r\n lpcSubMessage = templateData.lpcSubMessage\r\n lpcSubMessage = injectNumberOfVoucher({\r\n agreementMessage: lpcSubMessage,\r\n numberVoucherIssuanced: numberVoucherIssuancedMessage\r\n });\r\n }\r\n\r\n // inject lpc sub message into fomatted message\r\n formattedMessage = injectLcpMessage({\r\n agreementMessage: formattedMessage,\r\n lpcSubMessage: lpcSubMessage\r\n });\r\n\r\n // inject gen number of voucher\r\n // reset numberVoucherIssuancedMessage\r\n numberVoucherIssuancedMessage = ''\r\n if (voucherDataCollected.totalCtpGenValue && voucherDataCollected.totalCtpGenValue > 0) {\r\n numberVoucherIssuancedMessage = genNumberVoucherIssuanced({\r\n agreementMessage: templateData.numberVoucherIssuanced,\r\n totalCtpValue: voucherDataCollected.totalCtpGenValue,\r\n ctpVoucherValue: voucherData.ctpGenVoucherValue\r\n });\r\n }\r\n\r\n // inject number of vouchre into fomatted message\r\n formattedMessage = injectNumberOfVoucher({\r\n agreementMessage: formattedMessage,\r\n numberVoucherIssuanced: numberVoucherIssuancedMessage\r\n });\r\n\r\n // inject currency\r\n formattedMessage = formattedMessage.replace(/\\|ctpVoucherCurrency\\|/gi, voucherCurrency)\r\n\r\n return formattedMessage;\r\n}\r\n\r\nconst injectNumberOfVoucher = ({agreementMessage, numberVoucherIssuanced }) => {\r\n let formattedAgreementMessage = agreementMessage;\r\n\r\n formattedAgreementMessage = formattedAgreementMessage.replace(/\\|numberVoucherIssuanced\\|/gi, numberVoucherIssuanced)\r\n\r\n return formattedAgreementMessage;\r\n}\r\n\r\nconst genNumberVoucherIssuanced = ({agreementMessage, totalCtpValue, ctpVoucherValue}) => {\r\n let numberVoucherIssuancedMessage = agreementMessage\r\n\r\n numberVoucherIssuancedMessage = injectValue({\r\n agreementMessage: numberVoucherIssuancedMessage,\r\n totalCtpValue: totalCtpValue,\r\n ctpVoucherValue: ctpVoucherValue\r\n });\r\n\r\n numberVoucherIssuancedMessage = injectNoOfCard({\r\n agreementMessage: numberVoucherIssuancedMessage,\r\n totalCtpValue: totalCtpValue,\r\n ctpVoucherValue: ctpVoucherValue\r\n });\r\n\r\n return numberVoucherIssuancedMessage\r\n}\r\n\r\nconst injectNoOfCard = ({agreementMessage, totalCtpValue, ctpVoucherValue }) => {\r\n let formattedAgreementMessage = agreementMessage;\r\n\r\n if(totalCtpValue && totalCtpValue > 0){\r\n formattedAgreementMessage = formattedAgreementMessage.replace(/\\|noOfCards\\|/gi, totalCtpValue/ctpVoucherValue)\r\n } else {\r\n formattedAgreementMessage = formattedAgreementMessage.replace(/\\|noOfCards\\|/gi, 0)\r\n }\r\n\r\n return formattedAgreementMessage;\r\n}\r\n\r\nconst injectValue = ({agreementMessage, totalCtpValue, ctpVoucherValue}) => {\r\n\r\n let formattedAgreementMessage = agreementMessage;\r\n\r\n if(totalCtpValue && totalCtpValue > 0){\r\n formattedAgreementMessage = formattedAgreementMessage.replace(/\\|ctpVoucherValue\\|/gi, ctpVoucherValue)\r\n } else {\r\n formattedAgreementMessage = formattedAgreementMessage.replace(/\\|ctpVoucherValue\\|/gi, 0)\r\n }\r\n\r\n return formattedAgreementMessage;\r\n}\r\n\r\nconst injectLcpMessage = ({agreementMessage, lpcSubMessage}) => {\r\n let formattedAgreementMessage = agreementMessage;\r\n\r\n formattedAgreementMessage = formattedAgreementMessage.replace(/\\|lpcMessage\\|/gi, lpcSubMessage)\r\n\r\n return formattedAgreementMessage;\r\n}\r\n\r\n\r\nconst injectUrlLinksIntoMessage = ({agreementMessage, urlData}) => {\r\n let formattedAgreementMessage = agreementMessage;\r\n formattedAgreementMessage = formattedAgreementMessage.replace(/\\|ctpTncUrl\\|/gi, urlLinkTemplate(urlData.ctpTncUrl, \"Terms and Conditions\"))\r\n formattedAgreementMessage = formattedAgreementMessage.replace(/\\|crTncUrl\\|/gi, urlLinkTemplate(urlData.crTncUrl, \"Terms and Conditions\"))\r\n formattedAgreementMessage = formattedAgreementMessage.replace(/\\|crtTncUrl\\|/gi, urlLinkTemplate(urlData.crtTncUrl, \"Terms and Conditions\"))\r\n formattedAgreementMessage = formattedAgreementMessage.replace(/\\|cagPpUrl\\|/gi, urlLinkTemplate(urlData.cagPpUrl, \"Privacy Policy\"))\r\n formattedAgreementMessage = formattedAgreementMessage.replace(/\\|crPpUrl\\|/gi, urlLinkTemplate(urlData.crPpUrl, \"Privacy Policy\"))\r\n\r\n return formattedAgreementMessage;\r\n}\r\n\r\nconst urlLinkTemplate = (url, displayMessage) => {\r\n let template = `\r\n
\r\n\r\n
\r\n )\r\n }\r\n}\r\n\r\nconst mapStateToProps = function (state) {\r\n const stateClone = {...state}\r\n const individualFormDuck = stateClone.individualFormDuck\r\n const individualCollectorOptionDuck = stateClone.individualCollectorOptionDuck\r\n return {\r\n formDetailsList: individualFormDuck.formDetailsList,\r\n collectorDetails: individualFormDuck.collectorDetails,\r\n individualFormDuck,\r\n individualCollectorOptionDuck\r\n }\r\n}\r\n\r\nconst mapDispatchToProps = function (dispatch) {\r\n return {\r\n updateAllConsents: ({collectionConsent, collectionConsentCso, marketingConsent, airlineConsent, additionalCrConsent}) => dispatch(updateAllConsents({collectionConsent, collectionConsentCso, marketingConsent, airlineConsent, additionalCrConsent}))\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(ConsentDerivedDuckContainer)","\r\nexport const generateBatches = ({items, batchSize}) => {\r\n let batchList = []\r\n let batchCount = Math.ceil(items.length / batchSize);\r\n\r\n for(let i=0; i\r\n \r\n \r\n \r\n Are you a CR member?*\r\n \r\n \r\n \r\n this.onCollectorPersonalDetailsChange(\r\n 'existingCr',\r\n e\r\n )\r\n }\r\n className={classes.radioGroup}\r\n >\r\n \r\n {this.state.existingCrError}\r\n \r\n \r\n \r\n {individualCollectorOptionDuck.isExistingCr === true && (\r\n \r\n \r\n \r\n \r\n Verify your CR card or email\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Verify\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Verify\r\n \r\n \r\n \r\n \r\n \r\n )}\r\n\r\n {individualCollectorOptionDuck.isNewCollector && (\r\n \r\n \r\n Sign up as CR Member?*\r\n \r\n \r\n this.onCollectorPersonalDetailsChange(\r\n 'registerCr',\r\n e\r\n )\r\n }\r\n className={classes.radioGroup}\r\n >\r\n \r\n )}\r\n \r\n\r\n {formDetailsList.length < 2 && (\r\n \r\n \r\n \r\n \r\n )}\r\n\r\n \r\n \r\n \r\n {(individualCollectorOptionDuck.isExistingCr) && (\r\n \r\n \r\n \r\n Card assignment\r\n \r\n \r\n \r\n \r\n )}\r\n \r\n )}\r\n\r\n {this.props.parentView === 'conciergeView' &&\r\n (this.state.cardAssignment === 'preloaded-card') && (\r\n \r\n \r\n )}\r\n\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst styles = theme => ({\r\n row: { display: 'flex', marginTop: 20 },\r\n rowItem: {\r\n display: 'flex',\r\n flex: 1,\r\n marginRight: 60,\r\n alignItems: 'center'\r\n },\r\n label: { flex: '2', marginRight: '1rem' },\r\n control: { flex: '3' },\r\n textField: { width: '100%' },\r\n button: { marginLeft: '1rem' },\r\n radioGroup: { display: 'flex', flexDirection: 'row' },\r\n notFullWidth: { width: 'auto' },\r\n callingCode: { width: '6rem', marginRight: '1rem' },\r\n country: { width: '100%' },\r\n flexStart: { alignItems: 'flex-start' },\r\n flightTransfers: { width: '5rem' },\r\n consent: { padding: '2rem' },\r\n tfWrap: { position: 'relative' }\r\n});\r\n\r\nconst mapStateToProps = function(state) {\r\n const {\r\n individualFormDuck,\r\n redemptionTransactionDuck: { redemptionTransaction },\r\n auditLogDucks,\r\n consentDerivedDuck,\r\n individualCollectorOptionDuck\r\n } = state;\r\n\r\n return {\r\n individualFormDuck,\r\n redemptionTransaction,\r\n auditLogDucks,\r\n consentDerivedDuck,\r\n individualCollectorOptionDuck\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = function(dispatch) {\r\n return {\r\n updateCollectorDetails: details =>\r\n dispatch(updateCollectorDetails(details)),\r\n submitIndividualForm: ({\r\n form,\r\n redemptionTransactionId,\r\n collectionConsent,\r\n marketingConsent,\r\n airlineConsent,\r\n additionalCrConsent,\r\n registerCr,\r\n existingCr,\r\n isPreloadedVouchersCard,\r\n isDigitalCard\r\n }) =>\r\n dispatch(\r\n submitIndividualForm({\r\n form,\r\n redemptionTransactionId,\r\n collectionConsent,\r\n marketingConsent,\r\n airlineConsent,\r\n additionalCrConsent,\r\n registerCr,\r\n existingCr,\r\n isPreloadedVouchersCard,\r\n isDigitalCard\r\n })\r\n ),\r\n memberSearch: (type, v) => dispatch(memberSearch(type, v)),\r\n clearFormDetailsList: () => dispatch(clearFormDetailsList()),\r\n uploadFile: (formData, type) => dispatch(uploadFile(formData, type)),\r\n updateFormDetailsList: formDetailsList =>\r\n dispatch(updateFormDetailsList(formDetailsList)),\r\n updateIndividualFormDuck: obj =>\r\n dispatch(updateIndividualFormDuck(obj)),\r\n updateAllConsents: ({\r\n collectionConsent,\r\n collectionConsentCso,\r\n marketingConsent,\r\n airlineConsent,\r\n additionalCrConsent\r\n }) =>\r\n dispatch(\r\n updateAllConsents({\r\n collectionConsent,\r\n collectionConsentCso,\r\n marketingConsent,\r\n airlineConsent,\r\n additionalCrConsent\r\n })\r\n ),\r\n updateIndividualCollectorOptions: collectorOptions =>\r\n dispatch(updateIndividualCollectorOptions(collectorOptions))\r\n };\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(withStyles(styles)(CollectorPersonalDetails));\r\n","const signalRConstants = {\r\n\tUSER_CONCIERGE: 'USER_CONCIERGE',\r\n\tUSER_CLIENT: 'USER_CLIENT',\r\n OCID_EXCHANGE: 'OCID_EXCHANGE',\r\n\tUPDATE_COLLECTOR_FORM: 'UPDATE_COLLECTOR_FORM',\r\n\tDISPLAY_COLLECTOR_FORM: 'DISPLAY_COLLECTOR_FORM',\r\n\tDISPLAY_GROUP_COLLECTOR_FORM: 'DISPLAY_GROUP_COLLECTOR_FORM',\r\n\tUPDATE_GROUP_COLLECTOR_FORM: 'UPDATE_GROUP_COLLECTOR_FORM',\r\n\tCLIENT_DONE: 'CLIENT_DONE',\r\n\tDISPLAY_INDIVIDUAL_COLLECTOR_SUCCESS: 'DISPLAY_INDIVIDUAL_COLLECTOR_SUCCESS',\r\n\tDISPLAY_GROUP_COLLECTOR_SUCCESS: 'DISPLAY_GROUP_COLLECTOR_SUCCESS',\r\n\tEXIT_INDIVIDUAL_COLLECTOR_SUCCESS: 'EXIT_INDIVIDUAL_COLLECTOR_SUCCESS',\r\n\tREFRESH_CLIENT: 'REFRESH_CLIENT',\r\n OPEN_OCID_WINDOW: 'OPEN_OCID_WINDOW',\r\n CLOSE_OCID_WINDOW: 'CLOSE_OCID_WINDOW',\r\n UPDATE_CR_DETAILS_FROM_OCID: 'UPDATE_CR_DETAILS_FROM_OCID'\r\n}\r\n\r\nexport default signalRConstants\r\n","import axios from 'axios'\r\nimport { getSettings } from '../config/config'\r\nimport { getCurrentAuthHeader } from '../helpers/utilities'\r\nimport { checkValidStatusCode } from '../helpers/httpHelper'\r\n\r\nlet settings = getSettings()\r\nlet baseURL = settings.baseURL\r\n\r\nconst initState = {\r\n\tcards: [],\r\n}\r\n\r\nconst SAVE_CARD = 'SAVE_CARD'\r\nconst REQUEST_FOR_REPRINTING_SUCCESS = 'REQUEST_FOR_REPRINTING_SUCCESS'\r\nconst CREQUEST_FOR_REPRINTING_FAIL = 'CREQUEST_FOR_REPRINTING_FAIL'\r\n\r\nexport const saveCard = (cards) => ({\r\n\ttype: SAVE_CARD,\r\n\tcards,\r\n})\r\n\r\nconst _requestForReprintingSuccess = (rs) => ({\r\n\ttype: REQUEST_FOR_REPRINTING_SUCCESS,\r\n\trs,\r\n})\r\n\r\nconst _requestForReprintingFail = () => ({\r\n\ttype: CREQUEST_FOR_REPRINTING_FAIL,\r\n})\r\n\r\nexport const requestForReprinting = (cards, redemptionTransactionId) => async (dispatch) => {\r\n\tconst postBody = { cardList: cards, redemptionTransactionId: redemptionTransactionId }\r\n\tconst rs = await axios.post(baseURL + '/Passenger/RequestForReprinting', postBody, getCurrentAuthHeader()).catch((e) => {\r\n\t\tif (!checkValidStatusCode(e.response.status)) {\r\n\t\t\tconst {\r\n\t\t\t\tresponse: {\r\n\t\t\t\t\tdata: {\r\n\t\t\t\t\t\terror: { message },\r\n\t\t\t\t\t},\r\n\t\t\t\t},\r\n\t\t\t} = e\r\n\t\t\treturn { data: { success: false, error: { message } } }\r\n\t\t}\r\n\t\treturn { data: { success: false, error: { message: e.response.status + ' Unexpected error' } } }\r\n\t})\r\n\tif (!rs.data) {\r\n\t\tdispatch(_requestForReprintingFail())\r\n\t\treturn { success: false, message: 'No data from server' }\r\n\t}\r\n\tif (rs.data.success) {\r\n\t\tdispatch(_requestForReprintingSuccess(rs))\r\n\t\treturn { success: true, message: '' }\r\n\t} else {\r\n\t\tdispatch(_requestForReprintingFail())\r\n\t\treturn { success: false, message: rs.data.error.message }\r\n\t}\r\n}\r\n\r\nconst printCardDuck = (state = initState, action) => {\r\n\tswitch (action.type) {\r\n\t\tcase SAVE_CARD:\r\n\t\t\treturn { ...state, cards: action.cards }\r\n\t\tcase REQUEST_FOR_REPRINTING_SUCCESS:\r\n\t\t\treturn { ...state, cards: action.rs.data.result }\r\n\t\tdefault:\r\n\t\t\treturn state\r\n\t}\r\n}\r\n\r\nexport default printCardDuck\r\n","import React from 'react'\r\nimport { connect } from 'react-redux'\r\nimport PropTypes from 'prop-types'\r\nimport { withStyles, Table, TableBody, TableCell, TableHead, TableRow, Paper, TextField, Tooltip } from '@material-ui/core'\r\nimport { lime } from '@material-ui/core/colors'\r\nimport StyledDeleteBtn from './StyledDeleteBtn'\r\nimport StyledUndoBtn from './StyledUndoBtn'\r\nimport SqApiCriteriasDialog from '../components/SqApiCriteriasDialog'\r\nimport { updateFormDetailsList } from '../ducks/individualFormDuck'\r\nimport { toHumanFriendlyDate } from '../helpers/utilities'\r\nimport { convertSqStatusForDisplay } from '../helpers/eticketStatusHelper'\r\nimport { saveCard } from '../ducks/printCardDuck'\r\n\r\nclass PassengersVoucherTable extends React.Component {\r\n\tconstructor(props, context) {\r\n\t\tsuper(props, context)\r\n\t\tthis.state = {\r\n\t\t\tcriterias: {},\r\n\t\t\tcriteriasMessage: '',\r\n\t\t\tviewCriterias: false,\r\n\t\t\teditingIdx: null,\r\n\t\t\tphysicalEditingIdx: {},\r\n\t\t}\r\n\t}\r\n\r\n\tonViewCritierias = (r) => {\r\n\t\tif (r.ticketDetails && r.ticketDetails[0].criterias) {\r\n\t\t\tthis.setState({\r\n\t\t\t\tviewCriterias: true,\r\n\t\t\t\tcriterias: r.ticketDetails[0].criterias,\r\n\t\t\t\tcriteriasMessage: '',\r\n\t\t\t})\r\n\t\t\treturn\r\n\t\t}\r\n\t\tif (r.ticketDetails && r.ticketDetails[0].remarks) {\r\n\t\t\tthis.setState({\r\n\t\t\t\tviewCriterias: true,\r\n\t\t\t\tcriterias: {},\r\n\t\t\t\tcriteriasMessage: r.ticketDetails[0].remarks,\r\n\t\t\t})\r\n\t\t} else {\r\n\t\t\tthis.setState({\r\n\t\t\t\tviewCriterias: true,\r\n\t\t\t\tcriterias: {},\r\n\t\t\t\tcriteriasMessage: 'No results',\r\n\t\t\t})\r\n\t\t}\r\n\t}\r\n\r\n\tonViewCriteriasClose = () => {\r\n\t\tthis.setState({ viewCriterias: false })\r\n\t}\r\n\r\n\tonCardNoKeyPress = (e) => {\r\n\t\tif (e.key === 'Enter') this.setState({ editingIdx: null, physicalEditingIdx: {} })\r\n\t}\r\n\r\n\tonCardNoChange = (idx, e) => {\r\n\t\tlet value = e.target.value\r\n\t\tif (value.length > 19) {\r\n\t\t\tvalue = value.substring(0, 19)\r\n\t\t}\r\n\t\tconst newPax = { ...this.props.passengers[idx] }\r\n\t\tnewPax.cardNo = value\r\n\t\tlet newFormDetailsList = [...this.props.passengers]\r\n\t\tnewFormDetailsList.splice(idx, 1, newPax)\r\n\t\tthis.props.updateFormDetailsList(newFormDetailsList)\r\n\t}\r\n\r\n\tonPreloadedVouchersCardNoChange = (idx, e) => {\r\n\t\tlet value = e.target.value\r\n\t\tif (value.length > 19) {\r\n\t\t\tvalue = value.substring(0, 19)\r\n\t\t}\r\n\t\tconst newPax = { ...this.props.passengers[idx] }\r\n\t\tnewPax.preloadedVouchersCardNo = value\r\n\t\tlet newFormDetailsList = [...this.props.passengers]\r\n\t\tnewFormDetailsList.splice(idx, 1, newPax)\r\n\t\tthis.props.updateFormDetailsList(newFormDetailsList)\r\n\t}\r\n\r\n\tonCardEdit = (i, row) => {\r\n\t\tthis.setState({ editingIdx: i })\r\n\t}\r\n\r\n\tonPhysicalCardNoChange = (idx, k, e) => {\r\n\t\tconst newPax = { ...this.props.passengers[idx] }\r\n\t\tnewPax[k] = e.target.value\r\n\t\tlet newFormDetailsList = [...this.props.passengers]\r\n\t\tnewFormDetailsList.splice(idx, 1, newPax)\r\n\t\tthis.props.updateFormDetailsList(newFormDetailsList)\r\n\t}\r\n\r\n\tonPhysicalCardEdit = (row, col) => {\r\n\t\tthis.setState({ physicalEditingIdx: { row, col } })\r\n\t}\r\n\r\n\tonCardNoBlur = (idx) => {\r\n\t\tif (this.state.editingIdx === idx) this.setState({ editingIdx: null })\r\n\t}\r\n\r\n\tonPreloadedVouchersCardNoBlur = (idx) => {\r\n\t\tif (this.state.editingIdx === idx) this.setState({ editingIdx: null })\r\n\t}\r\n\r\n\tonPhysicalCardNoBlur = (row, col) => {\r\n\t\tconst { physicalEditingIdx } = this.state\r\n\t\tif (physicalEditingIdx.row === row && physicalEditingIdx.col === col) this.setState({ physicalEditingIdx: [] })\r\n\t}\r\n\r\n\t_shouldShowCardNo = (passengers) => {\r\n\t\treturn passengers.some((m) => m.cardNo)\r\n\t}\r\n\r\n\t_shouldShowVoucherNo = (passengers) => {\r\n\t\treturn passengers.some((m) => m.issuedVouchersList && m.issuedVouchersList.length)\r\n\t}\r\n\r\n\t_shouldShowPreloadedVouchersCardNo = (passengers) => {\r\n\t\tlet shouldShow = false\r\n\t\tpassengers.forEach((passenger) => {\r\n\t\t\tif (passenger.preloadedVouchersCardNo) shouldShow = true\r\n\t\t})\r\n\t\treturn shouldShow\r\n\t}\r\n\r\n\t_shouldShowPhysicalVoucherNo = (passengers) => {\r\n\t\tlet shouldShow = false\r\n\t\tpassengers.forEach((passenger) => {\r\n\t\t\tif (passenger.genPhysicalVoucherNo || passenger.lpcPhysicalVoucherNo) shouldShow = true\r\n\t\t})\r\n\t\treturn shouldShow\r\n\t}\r\n\r\n\t_shouldShowRedemptionDate = (passengers) => {\r\n\t\tlet shouldShow = false\r\n\t\tpassengers.forEach((passenger) => {\r\n\t\t\tif (passenger.redeemed) {\r\n\t\t\t\tif (passenger.redeemed.creationTime) shouldShow = true\r\n\t\t\t}\r\n\t\t})\r\n\t\treturn shouldShow\r\n\t}\r\n\r\n\tprintCard = (cardNo) => {\r\n\t\tconsole.log(this.props.redemptionTransactionId)\r\n\t\twindow.open('print-card?state=ctp_app' + '&id=' + this.props.redemptionTransactionId + '&cardNo=' + cardNo)\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst { classes, currentPaxPosition, editMode, passengers, isShowDeletedPax } = this.props\r\n\t\tconst { criterias, viewCriterias, criteriasMessage, editingIdx, physicalEditingIdx } = this.state\r\n\t\tlet showCardNo = this._shouldShowCardNo(passengers)\r\n\t\tlet showVoucherNo = this._shouldShowVoucherNo(passengers)\r\n\t\tlet showPreloadedVouchersCardNo = this._shouldShowPreloadedVouchersCardNo(passengers)\r\n\t\tlet showPhysicalVoucherNo = this._shouldShowPhysicalVoucherNo(passengers)\r\n\t\tlet showRedemptionDate = this._shouldShowRedemptionDate(passengers)\r\n\r\n\t\treturn (\r\n\t\t\t\r\n
\r\n\r\n \r\n
\r\n\r\n \r\n First/Given Name*\r\n
\r\n \r\n \r\n this.onCollectorPersonalDetailsChange(\r\n 'name',\r\n e\r\n )\r\n }\r\n disabled={\r\n individualCollectorOptionDuck.isExistingCr\r\n }\r\n />\r\n
\r\n \r\n
\r\n \r\n Last Name/Surname*\r\n
\r\n \r\n \r\n this.onCollectorPersonalDetailsChange(\r\n 'surname',\r\n e\r\n )\r\n }\r\n disabled={\r\n individualCollectorOptionDuck.isExistingCr\r\n }\r\n />\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n Country of Residence*\r\n
\r\n \r\n \r\n this.onCollectorPersonalDetailsChange(\r\n 'country',\r\n v\r\n )\r\n }\r\n options={Countries}\r\n error={this.state.countryError !== ''}\r\n helperText={this.state.countryError}\r\n disabled={\r\n individualCollectorOptionDuck.isExistingCr\r\n }\r\n />\r\n
\r\n \r\n
\r\n \r\n Date of birth*\r\n
\r\n \r\n \r\n this.onCollectorPersonalDetailsChange(\r\n 'dob',\r\n e\r\n )\r\n }\r\n disabled={\r\n individualCollectorOptionDuck.isExistingCr\r\n }\r\n />\r\n
\r\n \r\n
\r\n\r\n {this.props.parentView === 'conciergeView' && (\r\n \r\n
\r\n \r\n Email Address\r\n {(individualCollectorOptionDuck.isRegisterCr ||\r\n individualCollectorOptionDuck.isExistingCr ||\r\n collectorDetails.allowReceivingInfo) && (\r\n *\r\n )}\r\n
\r\n \r\n
\r\n \r\n \r\n this.onEmailBlur(e.target.value)\r\n }\r\n onChange={e =>\r\n this.onCollectorPersonalDetailsChange(\r\n 'email',\r\n e\r\n )\r\n }\r\n disabled={\r\n individualCollectorOptionDuck.isExistingCr\r\n }\r\n />\r\n {/* ocidExists && ( //todo:syd remove after 1 June 2020\r\n \r\n Click here to login as OCID member. \r\n )\r\n */}\r\n {ocidExists &&\r\n this.props.parentView ===\r\n 'conciergeView' &&\r\n this.props\r\n .individualCollectorOptionDuck\r\n .isRegisterCr && (\r\n \r\n this.onOcidLinkClick(e)\r\n }\r\n >\r\n \r\n Click here to login as\r\n OCID member.\r\n \r\n \r\n )}\r\n
\r\n \r\n \r\n \r\n \r\n Country code\r\n {individualCollectorOptionDuck.isRegisterCr && (\r\n *\r\n )}\r\n \r\n \r\n \r\n this.onCollectorPersonalDetailsChange(\r\n 'callingCode',\r\n v\r\n )\r\n }\r\n error={\r\n this.state\r\n .callingCodeError !== ''\r\n }\r\n helperText={\r\n this.state.callingCodeError\r\n }\r\n disabled={\r\n individualCollectorOptionDuck.isExistingCr\r\n }\r\n />\r\n \r\n \r\n\r\n \r\n \r\n Area code\r\n \r\n \r\n \r\n this.onCollectorPersonalDetailsChange(\r\n 'areaCode',\r\n e\r\n )\r\n }\r\n disabled={\r\n individualCollectorOptionDuck.isExistingCr\r\n }\r\n />\r\n \r\n \r\n\r\n \r\n \r\n Mobile number\r\n {individualCollectorOptionDuck.isRegisterCr && (\r\n *\r\n )}\r\n \r\n \r\n \r\n this.onCollectorPersonalDetailsChange(\r\n 'contactNo',\r\n e\r\n )\r\n }\r\n disabled={\r\n individualCollectorOptionDuck.isExistingCr\r\n }\r\n />\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n )}\r\n\r\n \r\n
\r\n \r\n \r\n \r\n Card No\r\n {(individualCollectorOptionDuck.isExistingCr) && (\r\n *\r\n )}\r\n \r\n
\r\n\r\n \r\n \r\n this.onCollectorPersonalDetailsChange(\r\n 'cardNo',\r\n e\r\n )\r\n }\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Card Prefix\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Card Range (Last 6 Digit. E.g.\r\n 000001 - 000009)\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Assign\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n {this.state.consentError}\r\n \r\n {/* \r\n \r\n\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n )\r\n }\r\n\r\n}\r\n\r\nconst styles = {\r\n container: {\r\n styles: {width: '100%'},\r\n canvasWrapper: {\r\n styles: {}\r\n },\r\n buttonWrapper: {\r\n styles: {paddingTop: 10}\r\n }\r\n }\r\n}\r\n\r\nGeneralCheckbox.propTypes = {\r\n penColor: PropTypes.string.isRequired,\r\n dimensions: PropTypes.shape({\r\n width: PropTypes.number.isRequired,\r\n height: PropTypes.number.isRequired\r\n\r\n }).isRequired,\r\n clearButtonText: PropTypes.string\r\n}\r\n\r\nexport default GeneralCheckbox","import React from 'react'\r\nimport { connect } from 'react-redux'\r\nimport { withStyles, Fab, Grid, Button, Typography } from '@material-ui/core'\r\nimport { ScreenShare } from '@material-ui/icons'\r\nimport { green } from '@material-ui/core/colors'\r\nimport Header from '../containers/Header.js'\r\nimport { TITLE_PREFIX } from '../constants/titlePrefix'\r\nimport StyledSection from '../components/StyledSection'\r\nimport { updateCollectorDetails, updateFormDetailsList, resetCollectorDetails, copyFormDetailsToCurrentPax,updateCrDetails } from '../ducks/individualFormDuck'\r\nimport CollectorPersonalDetails from '../containers/individual/CollectorPersonalDetails'\r\nimport { HubConnectionBuilder } from '@aspnet/signalr'\r\nimport { signalRURL } from '../config/config'\r\nimport signalRConstants from '../helpers/signalRConstants'\r\nimport { Link } from 'react-router-dom'\r\nimport StyledSnackbar from '../components/StyledSnackbar'\r\nimport ParticularsTable from '../components/ParticularsTable.js'\r\nimport PassengersVoucherTable from '../components/PassengersVoucherTable.js'\r\nimport GlobalTimeChecker from '../containers/GlobalTimeChecker'\r\nimport * as cloneDeep from 'lodash/cloneDeep'\r\nimport GeneralSignature from '../components/generalForm/GeneralSignature'\r\nimport {updateIndividualCollectorOptions} from \"../ducks/individualCollectorOptionDuck\";\r\n\r\nclass IndividualCollector extends React.Component {\r\n\tconstructor(props, context) {\r\n\t\tsuper(props, context)\r\n\t\tthis.state = {\r\n\t\t\tformState: {},\r\n\t\t\tshowSnackbar: false,\r\n\t\t\tsnackbarMessage: '',\r\n\t\t\tsnackbarVariant: 'success',\r\n\t\t\tparentDidSubmit: false,\r\n\t\t\tclientIsDone: false,\r\n\t\t\tisSharingScreen: false,\r\n\t\t\toverrideExistingCrOptions: false,\r\n\t\t}\r\n\r\n\t\tthis.collectorPersonalDetails = null\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tdocument.title = `${TITLE_PREFIX} Individual Collector`\r\n\r\n\t\tthis.hubConnection = new HubConnectionBuilder().withUrl(signalRURL).build()\r\n\t\tthis._startSignalRConnection()\r\n\t\tthis.hubConnection.on('ReceiveMessage', this._receiveMessage)\r\n\t\tthis.hubConnection.onclose(async () => {\r\n\t\t\tawait this._startSignalRConnection()\r\n\t\t})\r\n\t}\r\n\r\n\t_startSignalRConnection = async () => {\r\n\t\tthis.hubConnection\r\n\t\t\t.start()\r\n\t\t\t.then(() => console.log('Connection started!'))\r\n\t\t\t.catch(err => {\r\n\t\t\t\tsetTimeout(() => this._startSignalRConnection(), 5000)\r\n\t\t\t\tconsole.log('Error while establishing connection :(')\r\n\t\t\t})\r\n\t}\r\n\r\n\t_sendMessage = ({ collectorDetails, formState, formDetailsList, collectorOptions }, messageType) => {\r\n\t\tif (messageType === undefined) messageType = signalRConstants.UPDATE_COLLECTOR_FORM\r\n\r\n\t\tconst user = localStorage.getItem('username')\r\n\t\tlet messageObj = {\r\n\t\t\tuser,\r\n\t\t\ttype: messageType,\r\n\t\t\tsource: signalRConstants.USER_CONCIERGE,\r\n\t\t\tdata: { collectorDetails, formState, formDetailsList, collectorOptions }\r\n\t\t}\r\n\t\tlet messageStr = JSON.stringify(messageObj)\r\n\t\tif(this.hubConnection){\r\n this.hubConnection.invoke('SendMessage', 'default', messageStr).catch(function(err) {\r\n return console.error(err.toString())\r\n })\r\n\t\t}\r\n\t}\r\n\r\n\t_receiveMessage = (user, messageStr) => {\r\n\t\tlet messageObj = JSON.parse(messageStr)\r\n\r\n\t\tif (messageObj.source === signalRConstants.USER_CONCIERGE) return;\r\n\t\tconst currentUser = localStorage.getItem('username')\r\n\t\tif (messageObj.user !== currentUser) return\r\n\r\n if (messageObj.data) {\r\n\t\t\tconst { collectorDetails, formState, formDetailsList, collectorOptions } = messageObj.data\r\n\t\t\tif(collectorDetails) this.props.updateCollectorDetails(collectorDetails)\r\n\t\t\tif(collectorOptions) this.props.updateIndividualCollectorOptions(collectorOptions)\r\n\t\t\tif (formState) this.setState({ formState })\r\n\t\t\tif (formDetailsList) this.props.updateFormDetailsList(formDetailsList)\r\n\t\t\tif (messageObj.type === signalRConstants.CLIENT_DONE) {\r\n\t\t\t\tthis.setState({ clientIsDone: true, isSharingScreen: false, formState })\r\n\t\t\t}\r\n\t\t\tif(messageObj.type === signalRConstants.UPDATE_CR_DETAILS_FROM_OCID){\r\n const { crDetails } = messageObj.data;\r\n this.props.updateCrDetails(crDetails)\r\n\t\t\t\tthis.setState({overrideExistingCrOptions:true})\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n sendOpenOcidWindow = ()=>{\r\n\t\tthis._sendMessage({}, signalRConstants.OPEN_OCID_WINDOW)\r\n\t};\r\n\r\n\t_toolbarButtons = () => {\r\n\t\treturn [\r\n\t\t\t\r\n \r\n {\r\n this.sigCanvas = ref\r\n }}\r\n penColor={this.props.penColor}\r\n canvasProps={this.props.dimensions}\r\n onEnd={this.onEnd}\r\n />\r\n \r\n
\r\n\r\n \r\n \r\n {this.props.clearButtonText ? this.props.clearButtonText : 'Clear Signature'}\r\n \r\n
\r\n \r\n\t\t\t\t
\r\n\t\t)\r\n\t}\r\n}\r\n\r\nconst styles = theme => ({\r\n\tcontainer: { ...theme.container },\r\n\twaiting: { color: green[600], fontSize: '.8rem' }\r\n})\r\n\r\nconst mapStateToProps = state => {\r\n\tconst { individualFormDuck } = state\r\n\r\n\treturn { individualFormDuck }\r\n}\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n\treturn {\r\n\t\tupdateCollectorDetails: details => dispatch(updateCollectorDetails(details)),\r\n\t\tupdateFormDetailsList: formDetailsList => dispatch(updateFormDetailsList(formDetailsList)),\r\n\t\tresetCollectorDetails: () => dispatch(resetCollectorDetails()),\r\n\t\tcopyFormDetailsToCurrentPax: p => dispatch(copyFormDetailsToCurrentPax(p)),\r\n updateIndividualCollectorOptions: (collectorOptions) => dispatch(updateIndividualCollectorOptions(collectorOptions)),\r\n updateCrDetails: (cardNo) => dispatch(updateCrDetails(cardNo))\r\n\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(withStyles(styles)(IndividualCollector))\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport {Typography, Button} from '@material-ui/core';\r\n\r\nclass SectionHeader extends React.Component {\r\n\r\n render() {\r\n return (\r\n \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t (this.collectorPersonalDetails = instance)}\r\n\t\t\t\t\t\t\tparentStateUpdate={this.parentStateUpdate}\r\n\t\t\t\t\t\t\tsendOpenOcidWindow = {this.sendOpenOcidWindow}\r\n\t\t\t\t\t\t\toverrideExistingCrOptions = {this.state.overrideExistingCrOptions}\r\n\t\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{!isSharingScreen && !clientIsDone && (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t\t{individualFormDuck.collectorDetails.clientSignatureBase64 !== '' && (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tCollector's Signature: \r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{!clientIsDone && isSharingScreen && (\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\tWaiting for client to confirm....\r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t{clientIsDone && (\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\tClient is done\r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t \r\n\t\t\t\t\t \r\n\r\n\t\t\t\t\t{individualFormDuck.formDetailsList.length > 0 && (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\r\n \r\n\t\t\t\t\t\t\t\t\t\r\n \r\n\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t \r\n\t\t\t\t\t)}\r\n\t\t\t\t
\r\n\t\t\t\t\r\n
\r\n );\r\n }\r\n\r\n}\r\n\r\nconst styles = {\r\n container: {\r\n styles: {\r\n width: '100%',\r\n display: 'flex'\r\n },\r\n textWrapper:{\r\n styles: {\r\n }\r\n },\r\n btnWrapper:{\r\n styles: {\r\n marginLeft: 20,\r\n }\r\n }\r\n\r\n },\r\n};\r\n\r\nSectionHeader.propTypes = {\r\n title: PropTypes.string.isRequired,\r\n showButton: PropTypes.bool,\r\n buttonText: function(props, propName, componentName) {\r\n if ((props['showButton'] === true && (props[propName] === undefined || typeof(props[propName]) !== 'string'))) {\r\n return new Error(\r\n 'Please provide a buttonText string!'\r\n );\r\n }\r\n },\r\n onButtonClick: function(props, propName, componentName) {\r\n if ((props['showButton'] === true && (props[propName] === undefined || typeof(props[propName]) !== 'function'))) {\r\n return new Error(\r\n 'Please provide a onButtonClick function!'\r\n );\r\n }\r\n },\r\n};\r\n\r\nexport default SectionHeader;","import { generateBatches } from '../helpers/batchHelper.js'\r\nimport axios from 'axios'\r\nimport { getSettings } from '../config/config'\r\nimport { getCurrentAuthHeader } from '../helpers/utilities'\r\nimport { checkValidStatusCode } from '../helpers/httpHelper'\r\n\r\nlet settings = getSettings()\r\nlet baseURL = settings.baseURL\r\n\r\nexport const MemberRepo = {\r\n\tmultipleActivateAndIssueCards: async (passengers) => {\r\n\t\tlet passengerBatches = generateBatches({ items: passengers, batchSize: 10 })\r\n\t\tlet result = []\r\n\t\tfor (let passengerBatch of passengerBatches) {\r\n\t\t\tconst rs = await axios.post(baseURL + '/Member/MultipleActivateAndIssueCard', { passengers: passengerBatch }, getCurrentAuthHeader()).catch((e) => {\r\n\t\t\t\tif (!checkValidStatusCode(e.response.status)) {\r\n\t\t\t\t\tconst {\r\n\t\t\t\t\t\tresponse: {\r\n\t\t\t\t\t\t\tdata: {\r\n\t\t\t\t\t\t\t\terror: { message },\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t} = e\r\n\t\t\t\t\treturn { success: false, message: message }\r\n\t\t\t\t}\r\n\t\t\t\treturn { success: false, message: e.response.status + ' Unexpected error' }\r\n\t\t\t})\r\n\t\t\tif (!rs.data) {\r\n\t\t\t\treturn { success: false, message: rs.message }\r\n\t\t\t}\r\n\t\t\tif (!rs.data.success) {\r\n\t\t\t\treturn { success: false, message: 'unexpected error' }\r\n\t\t\t} else {\r\n\t\t\t}\r\n\t\t\tresult.push(...rs.data.result.items)\r\n\t\t\t// if no exception, continue\r\n\t\t}\r\n\t\treturn { success: true, result: result }\r\n\t},\r\n}\r\n","export const MULTI_CARD_UNLOADED = \"multi-unloaded\"\r\nexport const MULTI_CARD_DIGITAL = \"multi-digital\"\r\nexport const MULTI_CARD_EV = \"multi-ev\"\r\nexport const SINGLE_CARD_DIGITAL = \"single-digital\"","import axios from 'axios';\r\nimport { getSettings } from '../config/config';\r\nimport { getCurrentAuthHeader, spreadObj } from '../helpers/utilities';\r\nimport querystring from 'querystring';\r\nimport {\r\n convertSqStatusForDisplay,\r\n DISPLAY_NO\r\n} from '../helpers/eticketStatusHelper';\r\nimport { MemberRepo } from '../repos/memberRepo';\r\nimport * as cloneDeep from 'lodash/cloneDeep';\r\nimport { checkValidStatusCode } from '../helpers/httpHelper';\r\nimport {\r\n MULTI_CARD_EV,\r\n MULTI_CARD_DIGITAL,\r\n SINGLE_CARD_DIGITAL,\r\n MULTI_CARD_UNLOADED\r\n} from '../constants/groupCardAssignment';\r\nimport { CTP_CARD_DEFAULT_CCN } from '../constants/cardConstants';\r\n\r\nconst RESET_GROUP_REDEMPTION_FORM_REDUCER =\r\n 'RESET_GROUP_REDEMPTION_FORM_REDUCER';\r\nconst GET_AND_STORE_QR_CODE_DETAILS = 'GET_AND_STORE_QR_CODE_DETAILS';\r\nconst GET_GROUP_AND_PASSENGERS_REDEMPTION_IS_LOADING =\r\n 'GET_GROUP_AND_PASSENGERS_REDEMPTION_IS_LOADING';\r\nconst GET_GROUP_AND_PASSENGERS_REDEMPTION_SUCCESS =\r\n 'GET_GROUP_AND_PASSENGERS_REDEMPTION_SUCCESS';\r\nconst GET_GROUP_AND_PASSENGERS_REDEMPTION_FAIL =\r\n 'GET_GROUP_AND_PASSENGERS_REDEMPTION_FAIL';\r\nconst GROUP_ISSUE_CARD_IS_LOADING = 'GROUP_ISSUE_CARD_IS_LOADING';\r\nconst GROUP_ISSUE_CARD_SUCCESS = 'GROUP_ISSUE_CARD_SUCCESS';\r\nconst GROUP_ISSUE_CARD_FAIL = 'GROUP_ISSUE_CARD_FAIL';\r\nconst UPDATE_PASSENGERS = 'UPDATE_PASSENGERS';\r\nconst UPDATE_GROUP_REDEMPTION_FORM_DATA = 'UPDATE_GROUP_REDEMPTION_FORM_DATA';\r\nconst UPDATE_SELECTED_GROUP_ID = 'UPDATE_SELECTED_GROUP_ID';\r\nconst UPDATE_GROUP_COLLECTOR_DETAILS = 'UPDATE_GROUP_COLLECTOR_DETAILS';\r\nconst CHECK_INACTIVE_CARDS_SUCCESS = 'CHECK_INACTIVE_CARDS_SUCCESS';\r\nconst CHECK_INACTIVE_CARDS_FAIL = 'CHECK_INACTIVE_CARDS_FAIL';\r\nconst CHECK_INACTIVE_CARDS_IS_LOADING = 'CHECK_INACTIVE_CARDS_IS_LOADING';\r\nconst GROUP_COLLECTOR_SIGNATURE_UPLOAD_IS_LOADING =\r\n 'GROUP_COLLECTOR_SIGNATURE_UPLOAD_IS_LOADING';\r\nconst GROUP_COLLECTOR_SIGNATURE_UPLOAD_SUCCESS =\r\n 'GROUP_COLLECTOR_SIGNATURE_UPLOAD_SUCCESS';\r\nconst GROUP_COLLECTOR_SIGNATURE_UPLOAD_FAIL =\r\n 'GROUP_COLLECTOR_SIGNATURE_UPLOAD_FAIL';\r\nconst GROUP_SQ_API_CHECK_IS_LOADING = 'GROUP_SQ_API_CHECK_IS_LOADING';\r\nconst GROUP_SQ_API_CHECK_SUCCESS = 'GROUP_SQ_API_CHECK_SUCCESS';\r\nconst GROUP_SQ_API_CHECK_FAIL = 'GROUP_SQ_API_CHECK_FAIL';\r\nconst GROUP_CHECK_REDEEMED_PASSENGER_IS_LOADING =\r\n 'GROUP_CHECK_REDEEMED_PASSENGER_IS_LOADING';\r\nconst GROUP_CHECK_REDEEMED_PASSENGER_SUCCESS =\r\n 'GROUP_CHECK_REDEEMED_PASSENGER_SUCCESS';\r\nconst GROUP_CHECK_REDEEMED_PASSENGER_FAIL =\r\n 'GROUP_CHECK_REDEEMED_PASSENGER_FAIL';\r\nconst UPDATE_GROUP_REDEMPTION_FORM_DUCK = 'UPDATE_GROUP_REDEMPTION_FORM_DUCK';\r\nconst UPDATE_GROUP_REDEMPTION_FORM_DUCK_OBJ =\r\n 'UPDATE_GROUP_REDEMPTION_FORM_DUCK_OBJ';\r\nconst MULTIPLE_ACTIVATE_AND_ISSUE_CARD_IS_LOADING =\r\n 'MULTIPLE_ACTIVATE_AND_ISSUE_CARD_IS_LOADING';\r\nconst MULTIPLE_ACTIVATE_AND_ISSUE_CARD_SUCCESS =\r\n 'MULTIPLE_ACTIVATE_AND_ISSUE_CARD_SUCCESS';\r\nconst MULTIPLE_ACTIVATE_AND_ISSUE_CARD_FAIL =\r\n 'MULTIPLE_ACTIVATE_AND_ISSUE_CARD_FAIL';\r\nconst CREATE_GROUP_TRANSACTION_AND_ASSIGN_DIGITAL_CARDS_IS_LOADING =\r\n 'CREATE_GROUP_TRANSACTION_AND_ASSIGN_DIGITAL_CARDS_IS_LOADING';\r\nconst CREATE_GROUP_TRANSACTION_AND_ASSIGN_DIGITAL_CARDS_SUCCESS =\r\n 'CREATE_GROUP_TRANSACTION_AND_ASSIGN_DIGITAL_CARDS_SUCCESS';\r\nconst CREATE_GROUP_TRANSACTION_AND_ASSIGN_DIGITAL_CARDS_FAIL =\r\n 'CREATE_GROUP_TRANSACTION_AND_ASSIGN_DIGITAL_CARDS_FAIL';\r\n\r\nlet settings = getSettings();\r\nlet baseURL = settings.baseURL;\r\n\r\nconst initState = {\r\n getGroupAndPassengersIsLoading: false,\r\n group: { id: '' },\r\n passengers: [\r\n {\r\n physicalVoucher: ['', ''],\r\n physicalVoucherIssued: false,\r\n preloadedVouchersCardNo: '',\r\n cardNo: '',\r\n fullCardNo: ''\r\n }\r\n ],\r\n physicalVoucherIssued: false,\r\n rejectedPassengers: [],\r\n redeemedPassengers: [],\r\n tourLeader: { passportNo: '', firstName: '', lastName: '' },\r\n collector: {\r\n allowReceivingInfo: false,\r\n csoSignatureBase64: '',\r\n clientSignatureBase64: '',\r\n clientIsDone: false,\r\n collectionConsent: '',\r\n marketingConsent: '',\r\n airlineConsent: '',\r\n additionalCrConsent: ''\r\n },\r\n redemptionTransactionId: '',\r\n signatureUri: '',\r\n groupIssueCardIsLoading: false,\r\n createGroupTransactionAndAssignDigitalCardsIsLoading: false,\r\n createGroupTransactionAndAssignDigitalCardsCompleted: false,\r\n selectedGroupId: 0,\r\n groupCollectorSignatureUploadIsLoading: false,\r\n groupSqApiCheckIsLoading: false,\r\n groupSqApiCheckResults: [],\r\n paxFlown: 0,\r\n groupCheckRedeemedPassengerIsLoading: false,\r\n groupCheckRedeemedPassenger: [],\r\n cardAssignment: 'multi',\r\n groupMetaInfo: {},\r\n ui: {},\r\n checkInactiveCardsIsLoading: false,\r\n multipleActivateAndIssueCardIsLoading: false,\r\n multipleActivateAndIssueCardComplete: false\r\n};\r\n\r\nexport const resetGroupRedemptionFormReducer = () => ({\r\n type: RESET_GROUP_REDEMPTION_FORM_REDUCER\r\n});\r\n\r\nexport const updateSelectedGroupId = selectedGroupId => ({\r\n type: UPDATE_SELECTED_GROUP_ID,\r\n selectedGroupId: selectedGroupId\r\n});\r\n\r\nexport const getAndStoreQRCodeDetails = value => ({\r\n type: GET_AND_STORE_QR_CODE_DETAILS,\r\n payload: value\r\n});\r\n\r\nexport const updateGroupRedemptionFormData = ({\r\n group,\r\n tourLeader,\r\n passengers,\r\n collector,\r\n signatureUri\r\n}) => {\r\n return {\r\n type: UPDATE_GROUP_REDEMPTION_FORM_DATA,\r\n payload: { group, tourLeader, passengers, collector, signatureUri }\r\n };\r\n};\r\n\r\nexport const getGroupAndPassengersRedemption = ({\r\n groupId,\r\n refNo,\r\n getAllUser\r\n}) => async (dispatch, getState) => {\r\n dispatch(_getGroupAndPassengersIsLoading());\r\n\r\n let urlParams = {};\r\n if (groupId) urlParams = { groupId: groupId };\r\n if (refNo) urlParams = { refNoFilter: refNo };\r\n if (getAllUser) urlParams.getAllUser = getAllUser;\r\n\r\n const data = { params: urlParams, ...getCurrentAuthHeader() };\r\n const rs = await axios\r\n .get(baseURL + '/Group/GetGroupAndPassengers', data)\r\n .catch(e => {\r\n if (!checkValidStatusCode(e.response.status)) {\r\n const {\r\n response: {\r\n data: {\r\n error: { message }\r\n }\r\n }\r\n } = e;\r\n return { data: { success: false, error: { message } } };\r\n }\r\n return {\r\n data: {\r\n success: false,\r\n error: { message: e.response.status + ' Unexpected error' }\r\n }\r\n };\r\n });\r\n if (rs.data.success) {\r\n const {\r\n flightDuck: { flightData }\r\n } = getState();\r\n dispatch(_getGroupAndPassengersRedemptionSuccess(rs, flightData));\r\n return { success: true, message: '' };\r\n } else {\r\n dispatch(_getGroupAndPassengersRedemptionFail());\r\n return { success: false, message: rs.data.error.message };\r\n }\r\n};\r\n\r\nconst _groupIssueCardsIsLoading = () => ({\r\n type: GROUP_ISSUE_CARD_IS_LOADING\r\n});\r\n\r\nconst _groupIssueCardsSuccess = responseData => ({\r\n type: GROUP_ISSUE_CARD_SUCCESS,\r\n payload: responseData\r\n});\r\n\r\nconst _groupIssueCardsFail = () => ({\r\n type: GROUP_ISSUE_CARD_FAIL\r\n});\r\n\r\nexport const groupIssueCards = ({\r\n tourLeader,\r\n collector,\r\n group,\r\n passengers,\r\n signatureUri,\r\n cardAssignment,\r\n redemptionTransactionId,\r\n cardActivationResponse\r\n}) => async dispatch => {\r\n dispatch(_groupIssueCardsIsLoading());\r\n let clonedPassengers = cloneDeep(passengers);\r\n clonedPassengers = clonedPassengers.map(p => {\r\n if (p.meta) delete p.meta;\r\n p.voucherValue = p.ctpVoucherValue;\r\n return p;\r\n });\r\n let clonedCollector = { ...collector, csoSignatureBase64: '' };\r\n\r\n let postData = {\r\n tourLeader,\r\n collector: clonedCollector,\r\n group,\r\n passengers: clonedPassengers.filter(p => p.collecting),\r\n signatureUri,\r\n isDigitalCard:\r\n cardAssignment === MULTI_CARD_DIGITAL ||\r\n cardAssignment === SINGLE_CARD_DIGITAL,\r\n isSingleCard: cardAssignment === SINGLE_CARD_DIGITAL,\r\n isPreloadedVouchersCard:\r\n cardAssignment === MULTI_CARD_EV ||\r\n cardAssignment === MULTI_CARD_UNLOADED,\r\n redemptionTransactionId: redemptionTransactionId\r\n };\r\n\r\n const rs = await axios\r\n .post(\r\n baseURL + '/Group/GroupIssueCards',\r\n postData,\r\n getCurrentAuthHeader()\r\n )\r\n .catch(e => {\r\n if (!checkValidStatusCode(e.response.status)) {\r\n const {\r\n response: {\r\n data: {\r\n error: { message }\r\n }\r\n }\r\n } = e;\r\n return { data: { success: false, error: { message } } };\r\n }\r\n return {\r\n data: {\r\n success: false,\r\n error: { message: e.response.status + ' Unexpected error' }\r\n }\r\n };\r\n });\r\n\r\n if (rs.data.success) {\r\n dispatch(\r\n _groupIssueCardsSuccess({\r\n result: rs.data.result,\r\n cardActivationResponse\r\n })\r\n );\r\n return { success: true, message: '' };\r\n } else {\r\n dispatch(_groupIssueCardsFail());\r\n return { success: false, message: rs.data.error.message };\r\n }\r\n};\r\n\r\nconst _createGroupTransactionAndAssignDigitalCardsIsLoading = () => ({\r\n type: CREATE_GROUP_TRANSACTION_AND_ASSIGN_DIGITAL_CARDS_IS_LOADING\r\n});\r\n\r\nconst _createGroupTransactionAndAssignDigitalCardsSuccess = responseData => ({\r\n type: CREATE_GROUP_TRANSACTION_AND_ASSIGN_DIGITAL_CARDS_SUCCESS,\r\n payload: responseData\r\n});\r\n\r\nconst _createGroupTransactionAndAssignDigitalCardsFail = () => ({\r\n type: CREATE_GROUP_TRANSACTION_AND_ASSIGN_DIGITAL_CARDS_FAIL\r\n});\r\n\r\nexport const createGroupTransactionAndAssignDigitalCards = ({\r\n tourLeader,\r\n collector,\r\n group,\r\n passengers,\r\n signatureUri,\r\n cardAssignment\r\n}) => async dispatch => {\r\n dispatch(_createGroupTransactionAndAssignDigitalCardsIsLoading());\r\n let clonedPassengers = cloneDeep(passengers);\r\n clonedPassengers = clonedPassengers.filter(p => p.collecting === true);\r\n clonedPassengers = clonedPassengers.map(p => {\r\n if (p.meta) delete p.meta;\r\n p.voucherValue = p.ctpVoucherValue;\r\n return p;\r\n });\r\n let clonedCollector = { ...collector, csoSignatureBase64: '' };\r\n\r\n let postData = {\r\n tourLeader,\r\n collector: clonedCollector,\r\n group,\r\n passengers: clonedPassengers,\r\n signatureUri,\r\n isDigitalCard:\r\n cardAssignment === MULTI_CARD_DIGITAL ||\r\n cardAssignment === SINGLE_CARD_DIGITAL,\r\n isSingleCard: cardAssignment === SINGLE_CARD_DIGITAL,\r\n isPreloadedVouchersCard:\r\n cardAssignment === MULTI_CARD_EV ||\r\n cardAssignment === MULTI_CARD_UNLOADED\r\n };\r\n\r\n const rs = await axios\r\n .post(\r\n baseURL + '/Group/CreateGroupTransaction',\r\n postData,\r\n getCurrentAuthHeader()\r\n )\r\n .catch(e => {\r\n if (!checkValidStatusCode(e.response.status)) {\r\n const {\r\n response: {\r\n data: {\r\n error: { message }\r\n }\r\n }\r\n } = e;\r\n return { data: { success: false, error: { message } } };\r\n }\r\n return {\r\n data: {\r\n success: false,\r\n error: { message: e.response.status + ' Unexpected error' }\r\n }\r\n };\r\n });\r\n\r\n if (rs.data.success) {\r\n dispatch(\r\n _createGroupTransactionAndAssignDigitalCardsSuccess(rs.data.result)\r\n );\r\n return { success: true, message: '' };\r\n } else {\r\n dispatch(_createGroupTransactionAndAssignDigitalCardsFail());\r\n return { success: false, message: rs.data.error.message };\r\n }\r\n};\r\n\r\nconst _checkInactiveCardsIsLoading = () => {\r\n return { type: CHECK_INACTIVE_CARDS_IS_LOADING };\r\n};\r\n\r\nconst _checkInactiveCardsSuccess = () => {\r\n return { type: CHECK_INACTIVE_CARDS_SUCCESS };\r\n};\r\n\r\nconst _checkInactiveCardsFail = () => {\r\n return { type: CHECK_INACTIVE_CARDS_FAIL };\r\n};\r\n\r\nexport const checkInactiveCards = cards => async dispatch => {\r\n dispatch(_checkInactiveCardsIsLoading());\r\n\r\n let postData = { cards: cards };\r\n\r\n const rs = await axios\r\n .post(\r\n baseURL + '/Member/CheckInactiveCards',\r\n postData,\r\n getCurrentAuthHeader()\r\n )\r\n .catch(e => {\r\n dispatch(_checkInactiveCardsFail());\r\n if (!checkValidStatusCode(e.response.status)) {\r\n const {\r\n response: {\r\n data: {\r\n error: { message }\r\n }\r\n }\r\n } = e;\r\n return { data: { success: false, error: { message } } };\r\n }\r\n return {\r\n data: {\r\n success: false,\r\n error: { message: e.response.status + ' Unexpected error' }\r\n }\r\n };\r\n });\r\n\r\n dispatch(_checkInactiveCardsSuccess());\r\n return rs.data;\r\n};\r\n\r\nconst _getGroupAndPassengersIsLoading = () => ({\r\n type: GET_GROUP_AND_PASSENGERS_REDEMPTION_IS_LOADING\r\n});\r\n\r\nconst _getGroupAndPassengersRedemptionSuccess = (rs, flightData) => ({\r\n type: GET_GROUP_AND_PASSENGERS_REDEMPTION_SUCCESS,\r\n rs,\r\n flightData\r\n});\r\n\r\nconst _getGroupAndPassengersRedemptionFail = () => ({\r\n type: GET_GROUP_AND_PASSENGERS_REDEMPTION_FAIL\r\n});\r\n\r\nexport const updatePassengers = passengers => ({\r\n type: UPDATE_PASSENGERS,\r\n passengers\r\n});\r\n\r\nexport const updateGroupCollectorDetails = collector => ({\r\n type: UPDATE_GROUP_COLLECTOR_DETAILS,\r\n collector\r\n});\r\n\r\nexport const groupCollectorSignatureUpload = formData => async dispatch => {\r\n dispatch(_groupCollectorSignatureUploadIsLoading());\r\n\r\n const rs = await axios\r\n .post(\r\n baseURL +\r\n '/File/FileUpload?' +\r\n querystring.stringify({ bucketType: 0 }),\r\n formData,\r\n getCurrentAuthHeader()\r\n )\r\n .catch(e => {\r\n if (!checkValidStatusCode(e.response.status)) {\r\n if (e.response.data && e.response.data.error) {\r\n const {\r\n response: {\r\n data: {\r\n error: { message }\r\n }\r\n }\r\n } = e;\r\n dispatch(_groupCollectorSignatureUploadFail());\r\n return { data: { success: false, error: { message } } };\r\n }\r\n }\r\n dispatch(_groupCollectorSignatureUploadFail());\r\n return {\r\n data: {\r\n success: false,\r\n error: { message: e.response.status + ' Unexpected error' }\r\n }\r\n };\r\n });\r\n if (rs.data.success) {\r\n dispatch(_groupCollectorSignatureUploadSuccess(rs));\r\n return { success: true, message: '' };\r\n } else {\r\n dispatch(_groupCollectorSignatureUploadFail());\r\n return { success: false, message: rs.data.error.message };\r\n }\r\n};\r\n\r\nconst _groupCollectorSignatureUploadIsLoading = () => ({\r\n type: GROUP_COLLECTOR_SIGNATURE_UPLOAD_IS_LOADING\r\n});\r\nconst _groupCollectorSignatureUploadSuccess = rs => ({\r\n type: GROUP_COLLECTOR_SIGNATURE_UPLOAD_SUCCESS,\r\n rs\r\n});\r\nconst _groupCollectorSignatureUploadFail = () => ({\r\n type: GROUP_COLLECTOR_SIGNATURE_UPLOAD_FAIL\r\n});\r\n\r\nexport const groupSqApiCheck = data => async dispatch => {\r\n dispatch(_groupSqApiCheckIsLoading());\r\n\r\n const rs = await axios\r\n .post(baseURL + '/SqApi/GroupSqApiCheck', data, getCurrentAuthHeader())\r\n .catch(e => {\r\n if (!checkValidStatusCode(e.response.status)) {\r\n const {\r\n response: {\r\n data: {\r\n error: { message }\r\n }\r\n }\r\n } = e;\r\n return { data: { success: false, error: { message } } };\r\n }\r\n return {\r\n data: {\r\n success: false,\r\n error: { message: e.response.status + ' Unexpected error' }\r\n }\r\n };\r\n });\r\n if (!rs.data) {\r\n dispatch(_groupSqApiCheckFail());\r\n return { success: false, message: 'No data from server' };\r\n }\r\n if (rs.data.success) {\r\n dispatch(_groupSqApiCheckSuccess(rs));\r\n return { success: true, message: '' };\r\n } else {\r\n dispatch(_groupSqApiCheckFail());\r\n return { success: false, message: rs.data.error.message };\r\n }\r\n};\r\n\r\nconst _groupSqApiCheckIsLoading = () => ({\r\n type: GROUP_SQ_API_CHECK_IS_LOADING\r\n});\r\n\r\nconst _groupSqApiCheckSuccess = rs => ({\r\n type: GROUP_SQ_API_CHECK_SUCCESS,\r\n rs\r\n});\r\n\r\nconst _groupSqApiCheckFail = () => ({\r\n type: GROUP_SQ_API_CHECK_FAIL\r\n});\r\n\r\n/**\r\n * If idx is passed, toggle collection of idx.\r\n * If status is passed, set all collection to status\r\n * @param idx\r\n * @param status\r\n */\r\nexport const updateCollectingStatus = (idx, status) => ({\r\n type: UPDATE_COLLECTING_STATUS,\r\n idx,\r\n status\r\n});\r\nconst UPDATE_COLLECTING_STATUS = 'UPDATE_COLLECTING_STATUS';\r\n\r\nexport const updateSinglePax = (idx, key, value) => ({\r\n type: UPDATE_SINGLE_PAX,\r\n idx,\r\n key,\r\n value\r\n});\r\nconst UPDATE_SINGLE_PAX = 'UPDATE_SINGLE_PAX';\r\n\r\nexport const groupCheckRedeemedPassenger = data => async dispatch => {\r\n dispatch(_groupCheckRedeemedPassengerIsLoading());\r\n\r\n const rs = await axios\r\n .post(\r\n baseURL + '/SqApi/GroupCheckRedeemedPassenger',\r\n data,\r\n getCurrentAuthHeader()\r\n )\r\n .catch(e => {\r\n if (!checkValidStatusCode(e.response.status)) {\r\n const {\r\n response: {\r\n data: {\r\n error: { message }\r\n }\r\n }\r\n } = e;\r\n return { data: { success: false, error: { message } } };\r\n }\r\n return {\r\n data: {\r\n success: false,\r\n error: { message: e.response.status + ' Unexpected error' }\r\n }\r\n };\r\n });\r\n if (!rs.data) {\r\n dispatch(_groupCheckRedeemedPassengerFail());\r\n return { success: false, message: 'No data from server' };\r\n }\r\n if (rs.data.success) {\r\n dispatch(_groupCheckRedeemedPassengerSuccess(rs));\r\n return { success: true, message: '' };\r\n } else {\r\n dispatch(_groupCheckRedeemedPassengerFail());\r\n return { success: false, message: rs.data.error.message };\r\n }\r\n};\r\n\r\nconst _groupCheckRedeemedPassengerIsLoading = () => ({\r\n type: GROUP_CHECK_REDEEMED_PASSENGER_IS_LOADING\r\n});\r\n\r\nconst _groupCheckRedeemedPassengerSuccess = rs => ({\r\n type: GROUP_CHECK_REDEEMED_PASSENGER_SUCCESS,\r\n rs\r\n});\r\n\r\nconst _groupCheckRedeemedPassengerFail = () => ({\r\n type: GROUP_CHECK_REDEEMED_PASSENGER_FAIL\r\n});\r\n\r\nexport const updateGroupRedemptionFormDuck = (k, v) => ({\r\n type: UPDATE_GROUP_REDEMPTION_FORM_DUCK,\r\n k,\r\n v\r\n});\r\n\r\nexport const updateGroupRedemptionFormDuckObj = obj => ({\r\n type: UPDATE_GROUP_REDEMPTION_FORM_DUCK_OBJ,\r\n obj\r\n});\r\n\r\nconst _mutipleActivateAndIssueCardIsLoading = () => ({\r\n type: MULTIPLE_ACTIVATE_AND_ISSUE_CARD_IS_LOADING\r\n});\r\n\r\nconst _multipleActivateAndIssueCardSuccess = () => ({\r\n type: MULTIPLE_ACTIVATE_AND_ISSUE_CARD_SUCCESS\r\n});\r\n\r\nconst _multipleActivateAndIssueCardFail = () => ({\r\n type: MULTIPLE_ACTIVATE_AND_ISSUE_CARD_FAIL\r\n});\r\n\r\nexport const multipleActivateAndIssueCard = passengers => async dispatch => {\r\n dispatch(_mutipleActivateAndIssueCardIsLoading());\r\n const data = await MemberRepo.multipleActivateAndIssueCards(passengers);\r\n if (!data.success) {\r\n dispatch(_multipleActivateAndIssueCardFail());\r\n return data;\r\n } else {\r\n dispatch(_multipleActivateAndIssueCardSuccess());\r\n return data;\r\n }\r\n};\r\n\r\nconst groupRedemptionFormDuck = (state = initState, action) => {\r\n let newPassenger, newPassengers, newRedeemedPassengers, k, v, obj, newState;\r\n\r\n switch (action.type) {\r\n case RESET_GROUP_REDEMPTION_FORM_REDUCER:\r\n return { ...initState };\r\n\r\n case GET_GROUP_AND_PASSENGERS_REDEMPTION_IS_LOADING:\r\n return { ...state, getGroupAndPassengersIsLoading: true };\r\n\r\n case GET_GROUP_AND_PASSENGERS_REDEMPTION_SUCCESS:\r\n const {\r\n data: {\r\n result: {\r\n group,\r\n groupMetaInfo,\r\n passengers,\r\n tourLeader,\r\n passengersWithMeta\r\n }\r\n }\r\n } = action.rs;\r\n const acceptedPassengers = [];\r\n const rejectedPassengers = [];\r\n const redeemedPassengers = []\r\n passengers.forEach((passenger, i) => {\r\n passenger.collecting = false;\r\n if (passenger.physicalVoucher === null) {\r\n passenger.physicalVoucher = ['', ''];\r\n }\r\n if (passenger.isDeleted === true) {\r\n return;\r\n } else if (passenger.isRedeemed) {\r\n redeemedPassengers.push(passenger);\r\n } else if (passenger.cardNo) {\r\n // passenger.isRedeemed = true;\r\n passenger.meta = passengersWithMeta[i];\r\n rejectedPassengers.push(passenger);\r\n } else if (passenger.rejected !== true) {\r\n // passenger.isRedeemed = false;\r\n passenger.meta = passengersWithMeta[i];\r\n acceptedPassengers.push(passenger);\r\n }\r\n });\r\n return {\r\n ...state,\r\n getGroupAndPassengersIsLoading: false,\r\n group,\r\n passengers: acceptedPassengers,\r\n rejectedPassengers: rejectedPassengers,\r\n redeemedPassengers,\r\n tourLeader,\r\n groupMetaInfo\r\n };\r\n\r\n case GET_GROUP_AND_PASSENGERS_REDEMPTION_FAIL:\r\n return { ...state, getGroupAndPassengersIsLoading: false };\r\n\r\n case GROUP_ISSUE_CARD_IS_LOADING:\r\n return { ...state, groupIssueCardIsLoading: true };\r\n\r\n case GROUP_ISSUE_CARD_SUCCESS: {\r\n let respData = action.payload;\r\n\r\n let clonedPassengers = [...state.passengers];\r\n let collectingPassengers = clonedPassengers.filter(\r\n e => e.collecting\r\n );\r\n debugger\r\n if (\r\n respData.result.length === 1 &&\r\n collectingPassengers.length &&\r\n !collectingPassengers[0].cardNo\r\n ) {\r\n // => single card\r\n let tourLeader = collectingPassengers.find(e => e.isTourLeader);\r\n if (!tourLeader) {\r\n tourLeader = collectingPassengers[0];\r\n }\r\n tourLeader.cardNo = respData.result[0].cardNo;\r\n tourLeader.fullCardNo =\r\n tourLeader.cardNo + CTP_CARD_DEFAULT_CCN;\r\n tourLeader.issuedVouchersList =\r\n respData.result[0].voucherListsJson;\r\n } else {\r\n collectingPassengers.forEach((p, index) => {\r\n if (!p.cardNo) {\r\n p.cardNo = respData.result[index].cardNo;\r\n }\r\n if (p.cardNo) {\r\n p.fullCardNo = p.cardNo + CTP_CARD_DEFAULT_CCN;\r\n }\r\n const temp = respData.result.find(\r\n m => m.cardNo === p.cardNo\r\n );\r\n p.issuedVouchersList = temp && temp.voucherListsJson;\r\n });\r\n }\r\n\r\n return {\r\n ...state,\r\n passengers: clonedPassengers,\r\n groupIssueCardIsLoading: false\r\n };\r\n }\r\n case GROUP_ISSUE_CARD_FAIL:\r\n return { ...state, groupIssueCardIsLoading: false };\r\n\r\n case CREATE_GROUP_TRANSACTION_AND_ASSIGN_DIGITAL_CARDS_IS_LOADING:\r\n return {\r\n ...state,\r\n createGroupTransactionAndAssignDigitalCardsIsLoading: true\r\n };\r\n\r\n case CREATE_GROUP_TRANSACTION_AND_ASSIGN_DIGITAL_CARDS_SUCCESS: {\r\n let respData = action.payload;\r\n\r\n let clonedPassengers = [].concat(state.passengers);\r\n\r\n if (respData && respData.ctpDigitalCards) {\r\n clonedPassengers.forEach(p => {\r\n let matchedPassenger = respData.ctpDigitalCards.find(\r\n x => x.eTicket1 === p.eTicket1\r\n );\r\n if (matchedPassenger) {\r\n p.cardNo = matchedPassenger.cardNo;\r\n }\r\n });\r\n }\r\n let redemptionTransactionId = respData.redemptionTransactionId;\r\n return {\r\n ...state,\r\n createGroupTransactionAndAssignDigitalCardsIsLoading: false,\r\n passengers: clonedPassengers,\r\n redemptionTransactionId: redemptionTransactionId,\r\n createGroupTransactionAndAssignDigitalCardsCompleted: true\r\n };\r\n }\r\n case CREATE_GROUP_TRANSACTION_AND_ASSIGN_DIGITAL_CARDS_FAIL:\r\n return {\r\n ...state,\r\n createGroupTransactionAndAssignDigitalCardsIsLoading: false\r\n };\r\n\r\n case UPDATE_PASSENGERS:\r\n return { ...state, passengers: action.passengers };\r\n\r\n case UPDATE_GROUP_REDEMPTION_FORM_DATA:\r\n return {\r\n ...state,\r\n getGroupAndPassengersIsLoading: true,\r\n group: action.payload.group,\r\n collector: action.payload.collector,\r\n tourLeader: action.payload.tourLeader,\r\n passengers: action.payload.passengers,\r\n signatureUri: action.payload.signatureUri\r\n };\r\n\r\n case UPDATE_SELECTED_GROUP_ID:\r\n return {\r\n ...state,\r\n selectedGroupId: action.selectedGroupId\r\n };\r\n\r\n case UPDATE_GROUP_COLLECTOR_DETAILS:\r\n return { ...state, collector: { ...action.collector } };\r\n\r\n case GROUP_COLLECTOR_SIGNATURE_UPLOAD_IS_LOADING:\r\n return { ...state, groupCollectorSignatureUploadIsLoading: true };\r\n\r\n case GROUP_COLLECTOR_SIGNATURE_UPLOAD_SUCCESS:\r\n return {\r\n ...state,\r\n groupCollectorSignatureUploadIsLoading: false,\r\n signatureUri: action.rs.data.result[0]\r\n };\r\n\r\n case GROUP_COLLECTOR_SIGNATURE_UPLOAD_FAIL:\r\n return { ...state, groupCollectorSignatureUploadIsLoading: false };\r\n\r\n case GROUP_SQ_API_CHECK_IS_LOADING:\r\n return { ...state, groupSqApiCheckIsLoading: true };\r\n\r\n case GROUP_SQ_API_CHECK_SUCCESS:\r\n const groupSqApiCheckResults = action.rs.data.result.ticketDetails;\r\n // if any of the eticket has ctpEligibility `No`, put passenger into rejectedPassengers\r\n newPassengers = [...state.passengers];\r\n const keys = ['eTicket1', 'eTicket2', 'eTicket3', 'eTicket4'];\r\n let paxIdWithCtpEligibilityNo = [];\r\n\r\n const newRejectedPassengers = [...state.rejectedPassengers];\r\n let paxIdWhoHasFlown = new Set();\r\n let newPassengers2 = newPassengers.map((p, i) => {\r\n for (let k of keys) {\r\n if (p[k] !== '') {\r\n let rs = groupSqApiCheckResults.find(\r\n t => t.ticketNumber === p[k]\r\n );\r\n\r\n let originalETicket = p.eTicket.find(\r\n et => et.eTicketNo === rs.ticketNumber\r\n );\r\n if (\r\n convertSqStatusForDisplay(rs.ctpEligibility) ===\r\n DISPLAY_NO\r\n ) {\r\n newRejectedPassengers.push({ ...p });\r\n paxIdWithCtpEligibilityNo.push(p.id);\r\n return null;\r\n } else {\r\n p.ctpEligibility = rs.ctpEligibility;\r\n p.etVerified = rs.etVerified;\r\n p.collecting = true;\r\n originalETicket.checkStatus = rs.checkStatus;\r\n if (p.eTicket && p.eTicket[0]) {\r\n p.eTicket[0].CheckStatus = rs.CheckStatus;\r\n }\r\n }\r\n if (rs.isCheckPassengerFlown) {\r\n paxIdWhoHasFlown.add(p.id);\r\n }\r\n }\r\n }\r\n return p;\r\n });\r\n newPassengers2 = newPassengers2.filter(x => x !== null);\r\n\r\n paxIdWithCtpEligibilityNo.forEach(id => {\r\n const idx = newPassengers2.findIndex(p => p.id === id);\r\n if (idx !== -1) newPassengers.splice(idx, 1);\r\n });\r\n\r\n return {\r\n ...state,\r\n groupSqApiCheckIsLoading: false,\r\n paxFlown: paxIdWhoHasFlown.size,\r\n passengers: newPassengers2,\r\n rejectedPassengers: newRejectedPassengers,\r\n groupSqApiCheckResults\r\n };\r\n\r\n case GROUP_SQ_API_CHECK_FAIL:\r\n return { ...state, groupSqApiCheckIsLoading: false };\r\n\r\n case UPDATE_COLLECTING_STATUS:\r\n if (action.idx !== undefined) {\r\n newPassenger = { ...state.passengers[action.idx] };\r\n newPassenger.collecting = !newPassenger.collecting;\r\n newPassenger.genPhysicalVoucherNo = null;\r\n newPassenger.lpcPhysicalVoucherNo = null;\r\n newPassenger.ctpVoucherValue = null;\r\n newPassenger.ctpGenValue = null;\r\n newPassenger.ctpLpcValue = null;\r\n newPassenger.physicalVoucherIssued = false;\r\n\r\n newPassengers = [...state.passengers];\r\n newPassengers.splice(action.idx, 1, newPassenger);\r\n return { ...state, passengers: newPassengers };\r\n }\r\n if (action.status !== undefined) {\r\n newPassengers = [...state.passengers];\r\n newPassengers.forEach(p => {\r\n p.collecting = action.status;\r\n });\r\n return { ...state, passengers: newPassengers };\r\n }\r\n return state;\r\n\r\n case UPDATE_SINGLE_PAX:\r\n const { idx, key, value } = action;\r\n newPassenger = { ...state.passengers[idx] };\r\n newPassenger[key] = value;\r\n newPassengers = [...state.passengers];\r\n newPassengers.splice(idx, 1, newPassenger);\r\n return { ...state, passengers: newPassengers };\r\n\r\n case GROUP_CHECK_REDEEMED_PASSENGER_IS_LOADING:\r\n return { ...state, groupCheckRedeemedPassengerIsLoading: true };\r\n\r\n case GROUP_CHECK_REDEEMED_PASSENGER_SUCCESS:\r\n const {\r\n data: {\r\n result: { items }\r\n }\r\n } = action.rs;\r\n\r\n newRedeemedPassengers = [...state.redeemedPassengers];\r\n if (items.length === 0) {\r\n return {\r\n ...state,\r\n groupCheckRedeemedPassengerIsLoading: false\r\n };\r\n }\r\n newPassengers2 = [];\r\n if (items.length > 0) {\r\n // find which pax the eticket belongs to and move to redeemedPassengers array\r\n newPassengers = [...state.passengers];\r\n for (let i = 0; i < newPassengers.length; i++) {\r\n let redeemedPaxCount = 0,\r\n redeemedPaxCountPrev = 0;\r\n const keys = [\r\n 'eTicket1',\r\n 'eTicket2',\r\n 'eTicket3',\r\n 'eTicket4'\r\n ];\r\n keys.forEach(k => {\r\n if (newPassengers[i][k] !== '') {\r\n for (let e of items) {\r\n if (newPassengers[i][k] === e.eTicketNo) {\r\n newPassengers[i].cardNo = e.cardNo;\r\n newPassengers[i].creationTime =\r\n e.creationTime;\r\n newRedeemedPassengers.push(\r\n newPassengers[i]\r\n );\r\n redeemedPaxCount++;\r\n break;\r\n }\r\n }\r\n }\r\n });\r\n if (redeemedPaxCount === redeemedPaxCountPrev) {\r\n newPassengers2.push(newPassengers[i]);\r\n } else {\r\n redeemedPaxCountPrev++;\r\n }\r\n }\r\n }\r\n\r\n return {\r\n ...state,\r\n groupCheckRedeemedPassengerIsLoading: false,\r\n passengers: newPassengers2,\r\n redeemedPassengers: newRedeemedPassengers\r\n };\r\n\r\n case GROUP_CHECK_REDEEMED_PASSENGER_FAIL:\r\n return { ...state, groupCheckRedeemedPassengerIsLoading: false };\r\n\r\n case UPDATE_GROUP_REDEMPTION_FORM_DUCK:\r\n ({ k, v } = action);\r\n return { ...state, [k]: v };\r\n\r\n case UPDATE_GROUP_REDEMPTION_FORM_DUCK_OBJ:\r\n ({ obj } = action);\r\n newState = { ...state };\r\n newState = { ...spreadObj(newState, obj) };\r\n return newState;\r\n\r\n case CHECK_INACTIVE_CARDS_IS_LOADING:\r\n return { ...state, checkInactiveCardsIsLoading: true };\r\n\r\n case CHECK_INACTIVE_CARDS_FAIL:\r\n return { ...state, checkInactiveCardsIsLoading: false };\r\n\r\n case CHECK_INACTIVE_CARDS_SUCCESS:\r\n return { ...state, checkInactiveCardsIsLoading: false };\r\n\r\n case MULTIPLE_ACTIVATE_AND_ISSUE_CARD_IS_LOADING:\r\n return { ...state, multipleActivateAndIssueCardIsLoading: true };\r\n\r\n case MULTIPLE_ACTIVATE_AND_ISSUE_CARD_SUCCESS:\r\n return {\r\n ...state,\r\n multipleActivateAndIssueCardIsLoading: false,\r\n multipleActivateAndIssueCardComplete: true\r\n };\r\n\r\n case MULTIPLE_ACTIVATE_AND_ISSUE_CARD_FAIL:\r\n return {\r\n ...state,\r\n multipleActivateAndIssueCardIsLoading: false,\r\n multipleActivateAndIssueCardComplete: false\r\n };\r\n\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nexport default groupRedemptionFormDuck;\r\n","import React from 'react'\r\nimport { connect } from 'react-redux'\r\nimport { withStyles, Grid, Typography } from '@material-ui/core'\r\nimport { green } from '@material-ui/core/colors'\r\nimport { updateGroupCollectorDetails } from '../../ducks/groupRedemptionFormDuck'\r\nimport Table from '@material-ui/core/Table/Table'\r\nimport TableHead from '@material-ui/core/TableHead/TableHead'\r\nimport TableRow from '@material-ui/core/TableRow/TableRow'\r\nimport TableCell from '@material-ui/core/TableCell/TableCell'\r\nimport TableBody from '@material-ui/core/TableBody/TableBody'\r\nimport Paper from '@material-ui/core/Paper/Paper'\r\nimport moment from 'moment'\r\nimport { generateCollectionAgreementMessage, templateData, urlData, voucherData } from '../../constants/consentMessages'\r\nimport { MULTI_CARD_EV } from '../../constants/groupCardAssignment'\r\n\r\nclass GroupCollectorForm extends React.Component {\r\n\tconstructor(props, context) {\r\n\t\tsuper(props, context)\r\n\t\tthis.state = {\r\n\t\t\ttotalCtpGenValue: 0,\r\n\t\t\ttotalCtpLcpValue: 0,\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tconst {\r\n\t\t\tgroupRedemptionFormDuck: { passengers },\r\n\t\t} = this.props\r\n\t\tlet voucherDataCollected = this._getOverallVoucherData(passengers)\r\n\t\tthis._buildConsentMessages(voucherDataCollected)\r\n\t}\r\n\r\n\t_getOverallVoucherData(passengers){\r\n let overallVoucherData = {\r\n totalCtpGenValue: 0,\r\n totalCtpLpcValue: 0,\r\n undeletedPax: 0,\r\n };\r\n\r\n for (const p of passengers) {\r\n if (!p.isDeleted && p.collecting) {\r\n overallVoucherData.totalCtpGenValue = parseInt(overallVoucherData.totalCtpGenValue) + parseInt(p.ctpGenValue)\r\n\t\t\t\toverallVoucherData.totalCtpLpcValue = parseInt(overallVoucherData.totalCtpLpcValue) + parseInt(p.ctpLpcValue)\r\n\t\t\t\toverallVoucherData.undeletedPax++\r\n }\r\n }\r\n return overallVoucherData\r\n }\r\n\r\n\t_buildConsentMessages(voucherDataCollected) {\r\n\t\tconst {\r\n\t\t\tgroupRedemptionFormDuck: { collector },\r\n\t\t} = this.props\r\n\t\tlet newCollector = { ...collector }\r\n\t\tlet collectionConsent, airlineConsent\r\n\t\tairlineConsent = templateData.airlineGroupConsent\r\n\t\tcollectionConsent = generateCollectionAgreementMessage({\r\n\t\t\tagreementMessage: templateData.ctpGroupCollectionAgreementMessage,\r\n\t\t\tvoucherDataCollected: voucherDataCollected,\r\n\t\t\ttemplateData: templateData,\r\n\t\t\turlData: urlData\r\n\t\t})\r\n\r\n\t\tnewCollector.collectionConsent = collectionConsent\r\n\t\tnewCollector.airlineConsent = airlineConsent\r\n\t\tthis.props.updateGroupCollectorDetails(newCollector)\r\n\t}\r\n\r\n\tonConsent = async () => {\r\n\t\tlet {\r\n\t\t\tgroupRedemptionFormDuck: { collector },\r\n\t\t} = this.props\r\n\t\tcollector = { ...collector, allowReceivingInfo: !collector.allowReceivingInfo }\r\n\t\tawait this.props.updateGroupCollectorDetails(collector)\r\n\t\tthis.props.onGroupUpdate()\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst {\r\n\t\t\tclasses,\r\n\t\t\tgroupRedemptionFormDuck: { group, tourLeader, passengers, collector, cardAssignment },\r\n\t\t} = this.props\r\n\r\n\t\treturn (\r\n\t\t\t\r\n {this.props.title} \r\n
\r\n {this.props.showButton && (\r\n \r\n \r\n {this.props.buttonText}\r\n \r\n
\r\n )}\r\n \r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tGroup Reference No \r\n\t\t\t\t\t\t \r\n\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{group.refNo} \r\n\t\t\t\t\t\t \r\n\t\t\t\t\t \r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tTour Company \r\n\t\t\t\t\t\t \r\n\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{group.tourCompany} \r\n\t\t\t\t\t\t \r\n\t\t\t\t\t \r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tTour Leader Name \r\n\t\t\t\t\t\t \r\n\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{tourLeader.lastName + ' ' + tourLeader.firstName} \r\n\t\t\t\t\t\t \r\n\t\t\t\t\t \r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tCollection Date / Time \r\n\t\t\t\t\t\t \r\n\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{moment().format('DD/MM/YY hh:mm')} \r\n\t\t\t\t\t\t \r\n\t\t\t\t\t \r\n\t\t\t\t \r\n\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t \r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t\t \r\n\r\n\t\t\t\t{/* \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t \r\n\t\t\t\t */}\r\n\t\t\t
\r\n\t\t)\r\n\t}\r\n}\r\n\r\nconst styles = (theme) => ({\r\n\tcontainer: { ...theme.container },\r\n\twaiting: { color: green[600], fontSize: '.8rem' },\r\n})\r\n\r\nconst mapStateToProps = (state) => {\r\n\tconst { groupRedemptionFormDuck } = state\r\n\r\n\treturn { groupRedemptionFormDuck }\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n\tupdateGroupCollectorDetails: (collector) => dispatch(updateGroupCollectorDetails(collector)),\r\n})\r\n\r\nexport default connect(\r\n\tmapStateToProps,\r\n\tmapDispatchToProps\r\n)(withStyles(styles)(GroupCollectorForm))\r\n","import axios from 'axios'\r\nimport {getSettings} from '../config/config'\r\nimport {getCurrentAuthHeader} from '../helpers/utilities'\r\nimport querystring from 'querystring'\r\nimport {checkValidStatusCode} from \"../helpers/httpHelper\";\r\n\r\nlet settings = getSettings();\r\nlet baseURL = settings.baseURL;\r\n\r\nexport const getAllBanner = () => async dispatch => {\r\n dispatch(_getAllBannerIsLoading())\r\n\r\n const rs = await axios.get(baseURL + '/Banner/GetAllBanner', getCurrentAuthHeader()).catch(e => {\r\n if (!e.response) {\r\n return {data: {success: false, error: {message: 'No response from server'}}}\r\n }\r\n if (!checkValidStatusCode(e.response.status )) {\r\n const {response: {data: {error: {message}}}} = e\r\n return {data: {success: false, error: {message}}}\r\n }\r\n return {data: {success: false, error: {message: e.response.status + ' Unexpected error'}}}\r\n })\r\n if (!rs.data) {\r\n dispatch(_getAllBannerFail())\r\n return {success: false, message: 'No data from server'}\r\n }\r\n if (rs.data.success) {\r\n dispatch(_getAllBannerSuccess(rs))\r\n return {success: true, message: ''}\r\n } else {\r\n dispatch(_getAllBannerFail())\r\n return {success: false, message: rs.data.error.message}\r\n }\r\n}\r\nconst GET_ALL_BANNER_IS_LOADING = 'GET_ALL_BANNER_IS_LOADING'\r\nconst GET_ALL_BANNER_SUCCESS = 'GET_ALL_BANNER_SUCCESS'\r\nconst GET_ALL_BANNER_FAIL = 'GET_ALL_BANNER_FAIL'\r\n\r\nconst _getAllBannerIsLoading = () => ({\r\n type: GET_ALL_BANNER_IS_LOADING\r\n})\r\n\r\nconst _getAllBannerSuccess = rs => ({\r\n type: GET_ALL_BANNER_SUCCESS,\r\n rs\r\n})\r\n\r\nconst _getAllBannerFail = () => ({\r\n type: GET_ALL_BANNER_FAIL\r\n})\r\n\r\nconst UPDATE_SINGLE_BANNER_DETAILS = 'UPDATE_SINGLE_BANNER_DETAILS'\r\nexport const updateSingleBannerDetails = (id, k, v) => ({\r\n type: UPDATE_SINGLE_BANNER_DETAILS,\r\n id, k, v\r\n})\r\n\r\nexport const addBanner = (params, formData) => async dispatch => {\r\n dispatch(_addBannerIsLoading())\r\n\r\n const rs = await axios.post(baseURL + '/File/FileUpload?' + querystring.stringify({bucketType: 2}), formData).catch(e => {\r\n if (!checkValidStatusCode(e.response.status )) {\r\n if(e.response.data && e.response.data.error) {\r\n const {response: {data: {error: {message}}}} = e\r\n return {data: {success: false, error: {message}}}\r\n }\r\n }\r\n return {data: {success: false, error: {message: e.response.status + ' Unexpected error'}}}\r\n })\r\n if (!rs.data) {\r\n dispatch(_addBannerFail())\r\n return {success: false, message: 'No data from server'}\r\n }\r\n if (rs.data.success) {\r\n params.uri = rs.data.result[0]\r\n const rs2 = await axios.post(baseURL + '/Banner/CreateBanner', params, getCurrentAuthHeader()).catch(e => {\r\n if (!checkValidStatusCode(e.response.status )) {\r\n if(e.response.data && e.response.data.error) {\r\n const {response: {data: {error: { message }}}} = e\r\n return {data: {success: false, error: { message }}}\r\n }\r\n }\r\n return {data: {success: false, error: {message: e.response.status + ' Unexpected error'}}}\r\n })\r\n if (rs2.data.success) {\r\n dispatch(_addBannerSuccess(rs))\r\n return {success: true, message: ''}\r\n }\r\n dispatch(_addBannerFail())\r\n return {success: false, message: rs2.data.error.message}\r\n } else {\r\n dispatch(_addBannerFail())\r\n return {success: false, message: rs.data.error.message}\r\n }\r\n}\r\n\r\nconst ADD_BANNER_IS_LOADING = 'ADD_BANNER_IS_LOADING'\r\nconst ADD_BANNER_SUCCESS = 'ADD_BANNER_SUCCESS'\r\nconst ADD_BANNER_FAIL = 'ADD_BANNER_FAIL'\r\n\r\nconst _addBannerIsLoading = () => ({\r\n type: ADD_BANNER_IS_LOADING\r\n})\r\n\r\nconst _addBannerSuccess = rs => ({\r\n type: ADD_BANNER_SUCCESS,\r\n rs\r\n})\r\n\r\nconst _addBannerFail = () => ({\r\n type: ADD_BANNER_FAIL\r\n})\r\n\r\nexport const voidBanner = data => async dispatch => {\r\n dispatch(_voidBannerIsLoading())\r\n\r\n const rs = await axios.post(baseURL + '/Banner/VoidBanner', data, getCurrentAuthHeader()).catch(e => {\r\n if (!checkValidStatusCode(e.response.status )) {\r\n if(e.response.data && e.response.data.error) {\r\n const {response: {data: {error: {message}}}} = e\r\n return {data: {success: false, error: {message}}}\r\n }\r\n }\r\n return {data: {success: false, error: {message: e.response.status + ' Unexpected error'}}}\r\n })\r\n if (!rs.data) {\r\n dispatch(_voidBannerFail())\r\n return {success: false, message: 'No data from server'}\r\n }\r\n if (rs.data.success) {\r\n dispatch(_voidBannerSuccess(rs))\r\n return {success: true, message: ''}\r\n } else {\r\n dispatch(_voidBannerFail())\r\n return {success: false, message: rs.data.error.message}\r\n }\r\n}\r\n\r\nconst VOID_BANNER_IS_LOADING = 'VOID_BANNER_IS_LOADING'\r\nconst VOID_BANNER_SUCCESS = 'VOID_BANNER_SUCCESS'\r\nconst VOID_BANNER_FAIL = 'VOID_BANNER_FAIL'\r\n\r\nconst _voidBannerIsLoading = () => ({\r\n type: VOID_BANNER_IS_LOADING\r\n})\r\n\r\nconst _voidBannerSuccess = rs => ({\r\n type: VOID_BANNER_SUCCESS,\r\n rs\r\n})\r\n\r\nconst _voidBannerFail = () => ({\r\n type: VOID_BANNER_FAIL\r\n})\r\n\r\nexport const editBanner = () => async (dispatch, getState) => {\r\n dispatch(_editBannerIsLoading())\r\n\r\n const data = {bannerList: getState().bannerDuck.banners}\r\n const rs = await axios.post(baseURL + '/Banner/EditBanner', data, getCurrentAuthHeader()).catch(e => {\r\n if (!checkValidStatusCode(e.response.status )) {\r\n if(e.response.data && e.response.data.error) {\r\n const {response: {data: {error: {message}}}} = e\r\n return {data: {success: false, error: {message}}}\r\n }\r\n }\r\n return {data: {success: false, error: {message: e.response.status + ' Unexpected error'}}}\r\n })\r\n if (!rs.data) {\r\n dispatch(_editBannerFail())\r\n return {success: false, message: 'No data from server'}\r\n }\r\n if (rs.data.success) {\r\n dispatch(_editBannerSuccess(rs))\r\n return {success: true, message: ''}\r\n } else {\r\n dispatch(_editBannerFail())\r\n return {success: false, message: rs.data.error.message}\r\n }\r\n}\r\n\r\nconst EDIT_BANNER_IS_LOADING = 'EDIT_BANNER_IS_LOADING'\r\nconst EDIT_BANNER_SUCCESS = 'EDIT_BANNER_SUCCESS'\r\nconst EDIT_BANNER_FAIL = 'EDIT_BANNER_FAIL'\r\n\r\nconst _editBannerIsLoading = () => ({\r\n type: EDIT_BANNER_IS_LOADING\r\n})\r\n\r\nconst _editBannerSuccess = rs => ({\r\n type: EDIT_BANNER_SUCCESS,\r\n rs\r\n})\r\n\r\nconst _editBannerFail = () => ({\r\n type: EDIT_BANNER_FAIL\r\n})\r\n\r\nconst initState = {\r\n getAllBannerIsLoading: false,\r\n banners: [{id: 0, name: '', uri: '', order: 0, sortPriority: 1}],\r\n addBannerIsLoading: false,\r\n voidBannerIsLoading: false,\r\n editBannerIsLoading: false\r\n}\r\n\r\nconst BannerDuck = (state = initState, action) => {\r\n let idx, banner, banners\r\n switch (action.type) {\r\n case GET_ALL_BANNER_IS_LOADING:\r\n return {...state, getAllBannerIsLoading: true}\r\n\r\n case GET_ALL_BANNER_SUCCESS:\r\n return {...state, getAllBannerIsLoading: false, banners: action.rs.data.result.items}\r\n\r\n case GET_ALL_BANNER_FAIL:\r\n return {...state, getAllBannerIsLoading: false}\r\n\r\n case ADD_BANNER_IS_LOADING:\r\n return {...state, addBannerIsLoading: true}\r\n\r\n case ADD_BANNER_SUCCESS:\r\n return {...state, addBannerIsLoading: false}\r\n\r\n case ADD_BANNER_FAIL:\r\n return {...state, addBannerIsLoading: false}\r\n\r\n case VOID_BANNER_IS_LOADING:\r\n return {...state, voidBannerIsLoading: true}\r\n\r\n case VOID_BANNER_SUCCESS:\r\n return {...state, voidBannerIsLoading: false}\r\n\r\n case VOID_BANNER_FAIL:\r\n return {...state, voidBannerIsLoading: false}\r\n\r\n case UPDATE_SINGLE_BANNER_DETAILS:\r\n let {id, k, v} = action\r\n idx = state.banners.findIndex(b => b.id === id)\r\n if (idx !== -1) {\r\n banner = {...state.banners[idx]}\r\n banner[k] = v\r\n banners = [...state.banners]\r\n banners.splice(idx, 1, banner)\r\n return {...state, banners}\r\n }\r\n return state\r\n\r\n case EDIT_BANNER_IS_LOADING:\r\n return {...state, editBannerIsLoading: true}\r\n\r\n case EDIT_BANNER_SUCCESS:\r\n return {...state, editBannerIsLoading: false}\r\n\r\n case EDIT_BANNER_FAIL:\r\n return {...state, editBannerIsLoading: false}\r\n\r\n default:\r\n return state\r\n }\r\n}\r\n\r\nexport default BannerDuck","import React, { Component } from 'react'\r\nimport { connect } from 'react-redux'\r\nimport { withStyles, Grid, TableRow, TableCell, FormControl, FormHelperText, FormControlLabel, Checkbox, Typography } from '@material-ui/core'\r\nimport moment from 'moment'\r\nimport StyledSection from '../../components/StyledSection'\r\nimport { setMockData, resetIndividualFormReducer } from '../../ducks/individualFormDuck'\r\nimport { TITLE_PREFIX } from '../../constants/titlePrefix'\r\nimport PassengersVoucherTable from '../../components/PassengersVoucherTable'\r\nimport ConsentDerivedDuckContainer from '../derivedDuckContainers/consentDerivedDuckContainer'\r\n\r\nclass CollectorSuccessDisplay extends Component {\r\n\tconstructor(props, context) {\r\n\t\tsuper(props, context)\r\n\t\tthis.state = {\r\n\t\t\tconsentError: '',\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tdocument.title = `${TITLE_PREFIX} Individual Collector Success`\r\n\t}\r\n\r\n\t_renderTableBody = () => {\r\n\t\tconst {\r\n\t\t\tindividualFormDuck: { formDetailsList },\r\n\t\t} = this.props\r\n\t\tconst { individualCollectorOptionDuck } = this.props\r\n\r\n\t\tconst final = []\r\n\t\tformDetailsList.forEach((p) => {\r\n\t\t\tif (p.isDeleted) return\r\n\t\t\tfinal.push(\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t)\r\n\t}\r\n}\r\n\r\nconst styles = (theme) => ({\r\n\tcontainer: { ...theme.container },\r\n\trow: { display: 'flex' },\r\n\trowItem: { display: 'flex', flex: 1, marginRight: 60, alignItems: 'center' },\r\n\tflexStart: { alignItems: 'flex-start' },\r\n\tconsentText: { fontSize: '0.8125rem' },\r\n})\r\n\r\nconst mapStateToProps = (state) => {\r\n\tconst { individualFormDuck, individualCollectorOptionDuck, consentDerivedDuck } = state\r\n\r\n\treturn { individualFormDuck, individualCollectorOptionDuck, consentDerivedDuck }\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n\treturn {\r\n\t\tsetMockData: () => dispatch(setMockData()),\r\n\t\tresetIndividualFormReducer: () => dispatch(resetIndividualFormReducer()),\r\n\t}\r\n}\r\n\r\nexport default connect(\r\n\tmapStateToProps,\r\n\tmapDispatchToProps\r\n)(withStyles(styles)(CollectorSuccessDisplay))\r\n","import { HubConnectionBuilder } from '@aspnet/signalr';\r\nimport {\r\n Button,\r\n Grid,\r\n Table,\r\n TableBody,\r\n TableCell,\r\n TableHead,\r\n TableRow,\r\n Typography,\r\n withStyles\r\n} from '@material-ui/core';\r\nimport Paper from '@material-ui/core/Paper/Paper';\r\nimport moment from 'moment';\r\nimport React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport StyledSection from '../../components/StyledSection';\r\nimport { signalRURL } from '../../config/config';\r\nimport {\r\n MULTI_CARD_DIGITAL,\r\n MULTI_CARD_EV,\r\n MULTI_CARD_UNLOADED,\r\n SINGLE_CARD_DIGITAL\r\n} from '../../constants/groupCardAssignment';\r\nimport { TITLE_PREFIX } from '../../constants/titlePrefix';\r\nimport { resetGroupRedemptionFormReducer } from '../../ducks/groupRedemptionFormDuck';\r\nimport { saveCard } from '../../ducks/printCardDuck';\r\nimport signalRConstants from '../../helpers/signalRConstants';\r\n\r\nclass GroupCollectorSuccessDisplay extends Component {\r\n constructor(props, context) {\r\n super(props, context);\r\n this.state = {\r\n consentError: '',\r\n totalCtpGenValue: 0,\r\n totalCtpLpcValue: 0,\r\n undeletedPax: 0\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n document.title = `${TITLE_PREFIX} Group Collections Success`;\r\n\r\n this.hubConnection = new HubConnectionBuilder()\r\n .withUrl(signalRURL)\r\n .build();\r\n this._startSignalRConnection();\r\n this.hubConnection.on('ReceiveMessage', this._receiveMessage);\r\n this.hubConnection.onclose(async () => {\r\n await this._startSignalRConnection();\r\n });\r\n\r\n const {\r\n groupRedemptionFormDuck: { passengers }\r\n } = this.props;\r\n let totalCtpGenValue = 0;\r\n let totalCtpLpcValue = 0;\r\n let undeletedPax = 0;\r\n for (const p of passengers) {\r\n if (!p.isDeleted) {\r\n totalCtpGenValue = totalCtpGenValue + p.ctpGenValue;\r\n totalCtpLpcValue = totalCtpLpcValue + p.ctpLpcValue;\r\n undeletedPax++;\r\n }\r\n }\r\n\r\n this.setState({ totalCtpGenValue, totalCtpLpcValue, undeletedPax });\r\n }\r\n\r\n _startSignalRConnection = async () => {\r\n this.hubConnection\r\n .start()\r\n .then(() => console.log('Connection started!'))\r\n .catch(err => {\r\n setTimeout(() => this._startSignalRConnection(), 5000);\r\n console.log('Error while establishing connection :(');\r\n });\r\n };\r\n\r\n _receiveMessage = (user, messageStr) => {\r\n let messageObj = JSON.parse(messageStr);\r\n\r\n if (messageObj.source === signalRConstants.USER_CONCIERGE) return;\r\n const currentUser = localStorage.getItem('username');\r\n if (messageObj.user !== currentUser) return;\r\n\r\n if (messageObj.data) {\r\n const {\r\n collectorDetails,\r\n formState,\r\n formDetailsList\r\n } = messageObj.data;\r\n this.props.updateCollectorDetails(collectorDetails);\r\n if (formState) this.setState({ formState });\r\n if (formDetailsList)\r\n this.props.updateFormDetailsList(formDetailsList);\r\n if (messageObj.type === signalRConstants.CLIENT_DONE) {\r\n this.setState({\r\n clientIsDone: true,\r\n isSharingScreen: false,\r\n formState\r\n });\r\n }\r\n }\r\n };\r\n\r\n onPrintAll = cards => {\r\n let { groupRedemptionFormDuck } = this.props;\r\n window.open(\r\n 'print-card?state=ctp_app&id=' +\r\n groupRedemptionFormDuck.redemptionTransactionId\r\n );\r\n };\r\n\r\n render() {\r\n const {\r\n classes,\r\n groupRedemptionFormDuck: {\r\n collector,\r\n tourLeader,\r\n group,\r\n passengers,\r\n cardAssignment\r\n }\r\n } = this.props;\r\n const cardsToPrint = passengers.map(m => {\r\n return {\r\n cardNo: m.preloadedVouchersCardNo\r\n ? m.preloadedVouchersCardNo\r\n : m.cardNo,\r\n voucherValidFrom: m.voucherValidFrom ? m.voucherValidFrom : '',\r\n voucherValidTo: m.voucherValidFrom ? m.voucherValidTo : '',\r\n voucherValuesAndRemarks: m.voucherValuesAndRemarks\r\n ? m.voucherValuesAndRemarks\r\n : '',\r\n issuedVouchersList: m.issuedVouchersList\r\n };\r\n });\r\n\r\n return (\r\n \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tCollector's name: \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{collectorDetails.name} {collectorDetails.surname}\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t \r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tCollector Date/Time: \r\n\t\t\t\t\t\t\t\t{moment().format('DD-MM-YY HH:mm:ss')} \r\n\t\t\t\t\t\t\t \r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t {}}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t \r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t \r\n\r\n\t\t\t\t\t\t\t{/* \r\n\t\t\t\t\t\t\t\t */}\r\n\r\n\t\t\t\t\t\t\t{(collectorDetails.clientSignatureBase64 !== '' || collectorDetails.csoSignatureBase64 !== '') && (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tCollector's Signature: \r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t \r\n\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t{this.state.consentError} \r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst styles = theme => ({\r\n container: { ...theme.container },\r\n row: { display: 'flex' },\r\n rowItem: {\r\n display: 'flex',\r\n flex: 1,\r\n marginRight: 60,\r\n alignItems: 'center'\r\n },\r\n flexStart: { alignItems: 'flex-start' },\r\n consentText: { fontSize: '0.8125rem' },\r\n buttonMargin: { marginTop: '2rem' },\r\n clickable: { cursor: 'pointer', borderBottom: '1px dotted #ccc' }\r\n});\r\n\r\nconst mapStateToProps = state => {\r\n const { groupRedemptionFormDuck } = state;\r\n\r\n return { groupRedemptionFormDuck };\r\n};\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n return {\r\n resetGroupRedemptionFormReducer: () =>\r\n dispatch(resetGroupRedemptionFormReducer()),\r\n saveCard: cards => dispatch(saveCard(cards))\r\n };\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(withStyles(styles)(GroupCollectorSuccessDisplay));\r\n","import React from 'react'\r\nimport SectionHeader from '../components/SectionHeader'\r\nimport { HubConnectionBuilder } from '@aspnet/signalr'\r\nimport { signalRURL } from '../config/config'\r\nimport CollectorPersonalDetails from '../containers/individual/CollectorPersonalDetails'\r\nimport {\r\n updateCollectorDetails,\r\n resetIndividualFormReducer,\r\n updateFormDetailsList,\r\n resetCollectorDetails,\r\n updateCrDetails\r\n} from '../ducks/individualFormDuck'\r\nimport { updateAuthDuck } from '../ducks/authDuck'\r\nimport connect from 'react-redux/es/connect/connect'\r\nimport { withStyles, Button, Grid } from '@material-ui/core'\r\nimport signalRConstants from '../helpers/signalRConstants.js'\r\nimport GeneralSignature from '../components/generalForm/GeneralSignature'\r\nimport StyledSnackbar from '../components/StyledSnackbar'\r\nimport { updateGroupRedemptionFormData, updateGroupCollectorDetails } from '../ducks/groupRedemptionFormDuck'\r\nimport GroupCollectorForm from '../containers/group/GroupCollectorForm'\r\nimport StyledSection from '../components/StyledSection'\r\nimport { getAllBanner } from '../ducks/bannerDuck'\r\nimport classNames from 'classnames'\r\nimport anime from 'animejs'\r\nimport CollectorSuccessDisplay from '../containers/individual/CollectorSuccessDisplay'\r\nimport GroupCollectorSuccessDisplay from '../containers/group/GroupCollectorSuccessDisplay'\r\nimport PassengersVoucherTable from \"../components/PassengersVoucherTable\";\r\nimport {updateIndividualCollectorOptions} from \"../ducks/individualCollectorOptionDuck\";\r\nimport {getSettings} from \"../config/config.js\"\r\n\r\nconst BANNER_SCREEN = 'BANNER_SCREEN'\r\nconst INDIVIDUAL_COLLECTOR_SCREEN = 'INDIVIDUAL_COLLECTOR_SCREEN'\r\nconst GROUP_COLLECTOR_SCREEN = 'GROUP_COLLECTOR_SCREEN'\r\nconst INDIVIDUAL_COLLECTOR_SUCCESS = 'INDIVIDUAL_COLLECTOR_SUCCESS'\r\nconst GROUP_COLLECTOR_SUCCESS = 'GROUP_COLLECTOR_SUCCESS'\r\n\r\nlet settings = getSettings()\r\nlet ocidExchangeLink = settings.ocidLink + \"/oauth/authorize?redirect_uri=https://ctpuat.changiairport.com/ocid-exchange&response_type=code&client_id=\" + settings.ocidClientId + \"&state=ctp_app\"\r\n\r\nclass IndividualCollector extends React.Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props)\r\n\t\tthis.hubConnect = null\r\n\t\tthis.state = {\r\n\t\t\tformState: {},\r\n\t\t\tshowSnackbar: false,\r\n\t\t\tsnackbarMessage: '',\r\n\t\t\tsnackbarVariant: 'success',\r\n\t\t\tparentDidSubmit: false,\r\n\t\t\tparentDidDone: false,\r\n\t\t\tactiveScreen: 'BANNER_SCREEN',\r\n\t\t\tsortedBanners: [],\r\n overrideExistingCrOptions: false,\r\n\t\t\tsubmitType: ''\r\n\t\t}\r\n\r\n\t\tthis.collectorPersonalDetails = null\r\n\t\tthis.bannerTimeline = null\r\n\t\tthis.homeScreenTimer = null\r\n\t}\r\n\r\n\tcomponentDidMount = async () => {\r\n\t\tconst user = localStorage.getItem('username')\r\n\t\tif (!user) {\r\n\t\t\tthis._promptLogin()\r\n\t\t\treturn\r\n\t\t}\r\n\t\tthis.hubConnection = new HubConnectionBuilder().withUrl(signalRURL).build()\r\n\t\tthis._startSignalRConnection()\r\n\t\tthis.hubConnection.on('ReceiveMessage', this._receiveMessage)\r\n\t\tthis.hubConnection.onclose(async () => {\r\n\t\t\tawait this._startSignalRConnection()\r\n\t\t})\r\n\r\n\t\tconst rs = await this.props.getAllBanner()\r\n\t\tif (!rs.success) this.setState({ showSnackbar: true, snackbarVariant: 'error', snackbarMessage: rs.message })\r\n\t}\r\n\r\n\tcomponentDidUpdate(prevProps, prevState) {\r\n\t\tconst {\r\n\t\t\tbannerDuck: { banners, getAllBannerIsLoading }\r\n\t\t} = this.props\r\n\t\tif (prevProps.bannerDuck.getAllBannerIsLoading === true && getAllBannerIsLoading === false) {\r\n\t\t\tconst sortedBanners = banners.filter(b => !b.isDeleted)\r\n\t\t\tsortedBanners.sort((b1, b2) => b1.sortPriority - b2.sortPriority)\r\n\t\t\tthis.setState({ sortedBanners })\r\n\t\t}\r\n\t}\r\n\r\n\t_startSignalRConnection = async () => {\r\n\t\tthis.hubConnection\r\n\t\t\t.start()\r\n\t\t\t.then(() => console.log('Connection started!'))\r\n\t\t\t.catch(err => {\r\n\t\t\t\tsetTimeout(() => this._startSignalRConnection(), 5000)\r\n\t\t\t\tconsole.log('Error while establishing connection :(')\r\n\t\t\t})\r\n\t}\r\n\r\n\t_sendMessage = (data, messageType = signalRConstants.UPDATE_COLLECTOR_FORM) => {\r\n\t\tconst user = localStorage.getItem('username')\r\n\t\tlet messageObj = {\r\n\t\t\tuser, // check the current user\r\n\t\t\ttype: messageType,\r\n\t\t\tsource: signalRConstants.USER_CLIENT,\r\n\t\t\tdata\r\n\t\t}\r\n\t\tlet messageStr = JSON.stringify(messageObj)\r\n\t\tthis.hubConnection.invoke('SendMessage', 'default', messageStr).catch(function(err) {\r\n\t\t\treturn console.error(err.toString())\r\n\t\t})\r\n\t}\r\n\r\n\t_refreshPage = () => {\r\n\t\twindow.location = '/client-view'\r\n\t}\r\n\r\n\t_receiveMessage = (user, messageStr) => {\r\n\t\tlet messageObj = JSON.parse(messageStr)\r\n\r\n\t\tif (messageObj.type === signalRConstants.REFRESH_CLIENT) {\r\n\t\t\t//window.location = window.location.origin\r\n\t\t\tconsole.log('logout request')\r\n\t\t\twindow.location = '/client-view'\r\n\t\t\treturn\r\n\t\t}\r\n\r\n\t\tif (messageObj.source === signalRConstants.USER_CLIENT) return\r\n\r\n\t\tconst currentUser = localStorage.getItem('username')\r\n\t\tif (messageObj.user !== currentUser) {\r\n\t\t\tconsole.log('not same user')\r\n\t\t\treturn\r\n\t\t}\r\n\r\n\t\tclearTimeout(this.homeScreenTimer)\r\n\r\n\t\tif (messageObj.type === signalRConstants.UPDATE_COLLECTOR_FORM) {\r\n\t\t\tif (messageObj.data) {\r\n\t\t\t\tconst { collectorDetails, formState, formDetailsList, collectorOptions } = messageObj.data\r\n if(collectorDetails) this.props.updateCollectorDetails(collectorDetails)\r\n if(collectorOptions) this.props.updateIndividualCollectorOptions(collectorOptions)\r\n\t\t\t\tif (formState) this.setState({ formState })\r\n\t\t\t\tif (formDetailsList) this.props.updateFormDetailsList(formDetailsList)\r\n\t\t\t}\r\n\t\t} else if (messageObj.type === signalRConstants.DISPLAY_COLLECTOR_FORM) {\r\n\t\t\tthis.setState({ activeScreen: INDIVIDUAL_COLLECTOR_SCREEN, parentDidDone: false, parentDidSubmit: false })\r\n\t\t\tconst { collectorDetails, formState, formDetailsList } = messageObj.data\r\n\t\t\tthis.props.updateCollectorDetails(collectorDetails)\r\n\t\t\tif (formState) this.setState({ formState })\r\n\t\t\tif (formDetailsList) this.props.updateFormDetailsList(formDetailsList)\r\n\t\t} else if (messageObj.type === signalRConstants.DISPLAY_GROUP_COLLECTOR_FORM) {\r\n\t\t\tthis.setState({ activeScreen: GROUP_COLLECTOR_SCREEN })\r\n\t\t\tconst { group, tourLeader, passengers, collector, signatureUri, submitType } = messageObj.data\r\n\t\t\tthis.setState({ submitType })\r\n\t\t\tthis.props.updateGroupRedemptionFormData({ group, tourLeader, passengers, collector, signatureUri })\r\n\t\t} else if (messageObj.type === signalRConstants.DISPLAY_INDIVIDUAL_COLLECTOR_SUCCESS) {\r\n\t\t\tconst { collectorDetails, formDetailsList } = messageObj.data\r\n\t\t\tthis.props.updateCollectorDetails(collectorDetails)\r\n\t\t\tthis.props.updateFormDetailsList(formDetailsList)\r\n\t\t\tthis.setState({ activeScreen: INDIVIDUAL_COLLECTOR_SUCCESS })\r\n\t\t\tthis.homeScreenTimer = setTimeout(() => this.setState({ activeScreen: BANNER_SCREEN }), 20000)\r\n\t\t} else if (messageObj.type === signalRConstants.DISPLAY_GROUP_COLLECTOR_SUCCESS) {\r\n\t\t\tconst { group, tourLeader, passengers, collector, signatureUri } = messageObj.data\r\n\t\t\tthis.props.updateGroupRedemptionFormData({ group, tourLeader, passengers, collector, signatureUri })\r\n\t\t\tthis.setState({ activeScreen: GROUP_COLLECTOR_SUCCESS })\r\n\t\t\tthis.homeScreenTimer = setTimeout(() => this.setState({ activeScreen: BANNER_SCREEN }), 20000)\r\n\t\t} else if (messageObj.type === signalRConstants.EXIT_INDIVIDUAL_COLLECTOR_SUCCESS) {\r\n\t\t\tthis.setState({ activeScreen: BANNER_SCREEN })\r\n\t\t} else if(messageObj.type === signalRConstants.UPDATE_CR_DETAILS_FROM_OCID){\r\n const { crDetails } = messageObj.data\r\n this.props.updateCrDetails(crDetails)\r\n this.setState({overrideExistingCrOptions:true})\r\n\r\n this.ocidWindow.close()\r\n\t\t} else if(messageObj.type === signalRConstants.OPEN_OCID_WINDOW){\r\n \tif(this.state.activeScreen === BANNER_SCREEN ) return;\r\n this.ocidWindow = window.open(\"https://logindev.cag.wwprojects.com/oauth/authorize?redirect_uri=https://ctpuat.changiairport.com/ocid-exchange&response_type=code&client_id=Iu5FSmVXhwJ1PwUQOGfPns3Se6q2gpS1M2y5TiWc&state=ctp_app\"); //todo:minh, need to put as environment variable\r\n\t\t} else if(messageObj.type === signalRConstants.CLOSE_OCID_WINDOW){\r\n this.ocidWindow.close()\r\n }\r\n\t}\r\n\r\n\tonDone = () => {\r\n\t\tthis.setState({ parentDidDone: true })\r\n\t}\r\n\r\n\tcloseSnackbar = () => {\r\n\t\tthis.setState({ showSnackbar: false })\r\n\t}\r\n\r\n\tchildIsValidated = formState => {\r\n\t\tconst {\r\n\t\t\tindividualFormDuck: { collectorDetails }\r\n\t\t} = this.props\r\n\t\t// after child is validated validate signature\r\n\t\tif (collectorDetails.clientSignatureBase64 === '') {\r\n\t\t\tthis.setState({\r\n\t\t\t\tshowSnackbar: true,\r\n\t\t\t\tsnackbarVariant: 'error',\r\n\t\t\t\tsnackbarMessage: 'Signature is required to continue'\r\n\t\t\t})\r\n\t\t\treturn false\r\n\t\t}\r\n\r\n\t\t// hide form and send signalR client done\r\n\t\tthis._sendMessage({ collectorDetails, formState }, signalRConstants.CLIENT_DONE)\r\n\t\tthis.setState({ parentDidDone: false, activeScreen: BANNER_SCREEN })\r\n\t\tthis.props.resetIndividualFormReducer()\r\n\t}\r\n\r\n\tresetParentSubmit = () => {\r\n\t\tthis.setState({ parentDidSubmit: false })\r\n\t}\r\n\r\n\tresetParentDone = formState => {\r\n\t\tconst {\r\n\t\t\tindividualFormDuck: { collectorDetails }\r\n\t\t} = this.props\r\n\t\tthis._sendMessage({ collectorDetails, formState })\r\n\t\tthis.setState({ parentDidDone: false })\r\n\t}\r\n\r\n\t// used by INDIVIDUAL_COLLECTOR_SCREEN\r\n\tonSignatureEnd = clientSignatureBase64 => {\r\n\t\tconst details = { ...this.props.individualFormDuck.collectorDetails }\r\n\t\tconst collectorDetails = { ...details, clientSignatureBase64 }\r\n\t\tthis.props.updateCollectorDetails(collectorDetails)\r\n\t\tthis._sendMessage({ collectorDetails })\r\n\t}\r\n\r\n\t// used by INDIVIDUAL_COLLECTOR_SCREEN\r\n\tonSignatureClear = () => {\r\n\t\tconst details = { ...this.props.individualFormDuck.collectorDetails }\r\n\t\tconst collectorDetails = { ...details, clientSignatureBase64: '' }\r\n\t\tthis.props.updateCollectorDetails(collectorDetails)\r\n\t\tthis._sendMessage({ collectorDetails })\r\n\t}\r\n\r\n\t// used by GROUP_COLLECTOR_SCREEN\r\n\tonGroupCollectorSignatureEnd = clientSignatureBase64 => {\r\n\t\tlet {\r\n\t\t\tgroupRedemptionFormDuck: { collector }\r\n\t\t} = this.props\r\n\t\tcollector = { ...collector, clientSignatureBase64 }\r\n\t\tthis.props.updateGroupCollectorDetails(collector)\r\n\t\tthis._sendMessage({ collector }, signalRConstants.UPDATE_GROUP_COLLECTOR_FORM)\r\n\t}\r\n\r\n\t// used by GROUP_COLLECTOR_SCREEN\r\n\tonGroupCollectorSignatureClear = () => {\r\n\t\tlet {\r\n\t\t\tgroupRedemptionFormDuck: { collector }\r\n\t\t} = this.props\r\n\t\tcollector = { ...collector, clientSignatureBase64: '' }\r\n\t\tthis.props.updateGroupCollectorDetails(collector)\r\n\t\tthis._sendMessage({ collector }, signalRConstants.UPDATE_GROUP_COLLECTOR_FORM)\r\n\t}\r\n\r\n\tonClear = async () => {\r\n\t\tthis.props.resetCollectorDetails()\r\n\t\tconst formState = await this.collectorPersonalDetails.onClear()\r\n\t\tthis._sendMessage({\r\n\t\t\tcollectorDetails: this.props.individualFormDuck.collectorDetails,\r\n\t\t\tformState\r\n\t\t})\r\n\t}\r\n\r\n\tonGroupUpdate = () => {\r\n\t\tconst {\r\n\t\t\tgroupRedemptionFormDuck: { collector }\r\n\t\t} = this.props\r\n\t\tthis._sendMessage({ collector }, signalRConstants.UPDATE_GROUP_COLLECTOR_FORM)\r\n\t}\r\n\r\n\tonGroupDone = () => {\r\n\t\tlet {\r\n\t\t\tgroupRedemptionFormDuck: { collector }\r\n\t\t} = this.props\r\n\t\tif (!collector.clientSignatureBase64 && this.state.submitType === 'TOUR_LEADER') {\r\n\t\t\tthis.setState({\r\n\t\t\t\tshowSnackbar: true,\r\n\t\t\t\tsnackbarVariant: 'error',\r\n\t\t\t\tsnackbarMessage: 'Signature is required'\r\n\t\t\t})\r\n\t\t\treturn\r\n\t\t}\r\n\t\tcollector = { ...collector, clientIsDone: true }\r\n\t\tthis.props.updateGroupCollectorDetails(collector)\r\n\t\tthis._sendMessage({ collector }, signalRConstants.UPDATE_GROUP_COLLECTOR_FORM)\r\n\t\tthis.setState({ activeScreen: BANNER_SCREEN })\r\n\t}\r\n\r\n\tonLogout = () => {\r\n\t\tlocalStorage.clear()\r\n\t\tthis.props.updateAuthDuck('isLoggedIn', null)\r\n\t\tthis._promptLogin()\r\n\t\t//window.location = window.location.origin + '/client-view'\r\n\t}\r\n\r\n\t_promptLogin = () => {\r\n\t\tthis.setState({\r\n\t\t\tshowSnackbar: true,\r\n\t\t\tsnackbarVariant: 'error',\r\n\t\t\tsnackbarMessage: 'Please login on main screen and refresh this page'\r\n\t\t})\r\n\t}\r\n\r\n\r\n\trender() {\r\n\t\tconst { classes, individualFormDuck } = this.props\r\n\t\tconst { sortedBanners } = this.state\r\n\r\n\t\tif (this.state.activeScreen === BANNER_SCREEN && sortedBanners.length > 0) {\r\n\t\t\tif (this.bannerTimeline === null) {\r\n\t\t\t\tthis.bannerTimeline = anime.timeline({\r\n\t\t\t\t\ttargets: '.banner.child',\r\n\t\t\t\t\tduration: 5000,\r\n\t\t\t\t\teasing: 'linear',\r\n\t\t\t\t\tdirection: 'alternate',\r\n\t\t\t\t\tloop: sortedBanners.length > 1 ? true : false\r\n\t\t\t\t})\r\n\t\t\t\tsetTimeout(() => {\r\n\t\t\t\t\tthis.bannerTimeline.add({ delay: 5000 })\r\n\t\t\t\t\tthis.bannerTimeline.add({\r\n\t\t\t\t\t\topacity: [0, 1],\r\n\t\t\t\t\t\tscale: [0.95, 1],\r\n\t\t\t\t\t\ttranslateX: ['5rem', 0],\r\n\t\t\t\t\t\tdelay: anime.stagger(10000)\r\n\t\t\t\t\t})\r\n\t\t\t\t\tthis.bannerTimeline.add({ delay: 5000 })\r\n\t\t\t\t}, 500)\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t\r\n \r\n {\r\n this.onPrintAll(cardsToPrint);\r\n }}\r\n variant='contained'\r\n >\r\n Print All Cards\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Group Reference No\r\n \r\n \r\n\r\n \r\n {group.refNo} \r\n \r\n \r\n\r\n \r\n \r\n \r\n Tour Company\r\n \r\n \r\n\r\n \r\n {group.tourCompany} \r\n \r\n \r\n\r\n \r\n \r\n \r\n Tour Leader Name\r\n \r\n \r\n\r\n \r\n \r\n {tourLeader.lastName +\r\n ' ' +\r\n tourLeader.firstName}\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n Collection Date / Time\r\n \r\n \r\n\r\n \r\n \r\n {moment().format('DD/MM/YY hh:mm')}\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n {collector.clientSignatureBase64 && (\r\n \r\n \r\n \r\n Collector's Signature:\r\n \r\n \r\n \r\n \r\n \r\n )}\r\n \r\n \r\n \r\n
\r\n \r\n\t\t\t\t{this.state.activeScreen === INDIVIDUAL_COLLECTOR_SCREEN && (\r\n\t\t\t\t\t
\r\n\t\t)\r\n\t}\r\n}\r\n\r\nconst styles = theme => ({\r\n\tsectionSingle: { paddingLeft: 30, paddingRight: 30, paddingTop: 50 },\r\n\tdoneBtn: { marginBottom: 50, height: 50 },\r\n\tlogoutBtn: { position: 'absolute', top: '1rem', right: '1rem' },\r\n\timage: { objectFit: 'cover', height: '100vh', width: '100%', position: 'absolute' },\r\n\tfullscreen: { height: '100vh', width: '100%', background: 'black', overflow: 'hidden', position: 'absolute' }\r\n})\r\n\r\nconst mapStateToProps = function(state) {\r\n\tconst { individualFormDuck, groupRedemptionFormDuck, bannerDuck } = state\r\n\treturn { individualFormDuck, groupRedemptionFormDuck, bannerDuck }\r\n}\r\n\r\nconst mapDispatchToProps = function(dispatch) {\r\n\treturn {\r\n\t\tupdateCollectorDetails: details => dispatch(updateCollectorDetails(details)),\r\n\t\tresetIndividualFormReducer: details => dispatch(resetIndividualFormReducer(details)),\r\n\t\tupdateFormDetailsList: details => dispatch(updateFormDetailsList(details)),\r\n\t\tresetCollectorDetails: () => dispatch(resetCollectorDetails()),\r\n\t\tupdateGroupRedemptionFormData: ({ group, tourLeader, passengers, collector, signatureUri }) =>\r\n\t\t\tdispatch(\r\n\t\t\t\tupdateGroupRedemptionFormData({\r\n\t\t\t\t\tgroup,\r\n\t\t\t\t\ttourLeader,\r\n\t\t\t\t\tpassengers,\r\n\t\t\t\t\tcollector,\r\n\t\t\t\t\tsignatureUri\r\n\t\t\t\t})\r\n\t\t\t),\r\n\t\tupdateAuthDuck: (k, v) => dispatch(updateAuthDuck(k, v)),\r\n\t\tupdateGroupCollectorDetails: collector => dispatch(updateGroupCollectorDetails(collector)),\r\n\t\tgetAllBanner: () => dispatch(getAllBanner()),\r\n updateIndividualCollectorOptions: (collectorOptions) => dispatch(updateIndividualCollectorOptions(collectorOptions)),\r\n updateCrDetails: (cardNo) => dispatch(updateCrDetails(cardNo))\r\n\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(withStyles(styles)(IndividualCollector))\r\n","import React from 'react'\r\nimport {NavLink} from 'react-router-dom'\r\nimport {withStyles, Toolbar, Button} from '@material-ui/core'\r\nimport {hasPermissions} from '../../helpers/utilities'\r\nimport {GROUP_CREATOR_PERMISSION, GROUP_ISSUER_PERMISSION} from '../../constants/permissions'\r\n\r\nclass GroupHeader extends React.Component {\r\n\r\n render() {\r\n const {classes} = this.props\r\n\r\n const GROUP_SUBMISSION = props => \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t (this.collectorPersonalDetails = instance)}\r\n overrideExistingCrOptions={this.state.overrideExistingCrOptions}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t \r\n\r\n\t\t\t\t\t\t\t{individualFormDuck.formDetailsList.length > 0 && (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n \r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t \r\n\t\t\t\t\t
\r\n\t\t\t\t)}\r\n\r\n\t\t\t\t{this.state.activeScreen === BANNER_SCREEN && sortedBanners.length > 0 && (\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t{sortedBanners.map((b, i) => {\r\n\t\t\t\t\t\t\tlet child = ''\r\n\t\t\t\t\t\t\tif (i !== 0) child = 'child'\r\n\t\t\t\t\t\t\treturn 
\r\n\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t)}\r\n\r\n\t\t\t\t{this.state.activeScreen === GROUP_COLLECTOR_SCREEN && (\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t \r\n\t\t\t\t\t
\r\n\t\t\t\t)}\r\n\r\n\t\t\t\t{this.state.activeScreen === GROUP_COLLECTOR_SUCCESS && (\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t)}\r\n\r\n\t\t\t\t{this.state.activeScreen === 'INDIVIDUAL_COLLECTOR_SUCCESS' && (\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t)}\r\n\r\n\t\t\t\t\r\n \r\n \r\n }\r\n {(!hasCreatorPermissions() && (hasApproverPermissions() || hasGroupViewPermission())) &&\r\n }\r\n {(!hasCreatorPermissions() && !hasApproverPermissions() && !hasGroupViewPermission() && hasIssuerPermissions()) &&\r\n }\r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default Group","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport {\r\n Button,\r\n Dialog,\r\n DialogActions,\r\n DialogContent,\r\n DialogTitle,\r\n Grid,\r\n Typography\r\n} from '@material-ui/core';\r\nimport {\r\n uploadGroupManifest,\r\n updateGroupDetails,\r\n getCampaignCodes\r\n} from '../../ducks/groupManifestDuck.js';\r\nimport GeneralDropzone from '../../components/generalForm/GeneralDropzone.js';\r\nimport GeneralFormColumnsContainer from '../../components/generalForm/GeneralFormColumns';\r\nimport * as cloneDeep from 'lodash/cloneDeep';\r\nimport moment from 'moment';\r\nimport StyledSnackbar from '../../components/StyledSnackbar';\r\nimport { USER_POS } from '../../constants/localStorageType';\r\nimport {\r\n hasCreatorPermissions,\r\n hasApproverPermissions\r\n} from '../../helpers/utilities';\r\nimport { saveAs } from 'file-saver'\r\nimport { getCurrentAuthHeader } from '../../helpers/utilities'\r\nimport { getSettings } from '../../config/config'\r\n\r\nclass GroupSubmissionForm extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n modalOpen: false,\r\n selectedFile: {},\r\n groupDetails: [],\r\n showSnackbar: false,\r\n snackbarMessage: '',\r\n snackbarVariant: 'success',\r\n isLoading: false,\r\n showRedirectDialog: false\r\n };\r\n }\r\n\r\n componentDidMount = async () => {\r\n let userPos = localStorage.getItem(USER_POS);\r\n if (userPos.length === 0) userPos = 'SIN';\r\n this.handleGroupDetailsChange('pos', userPos);\r\n\r\n const rs = await this.props.getCampaignCodes();\r\n this.setState({\r\n groupDetails: [\r\n {\r\n key: 'collectionDate',\r\n label: 'Collection Date*',\r\n type: 'general-text-date'\r\n },\r\n { key: 'pos', label: 'POS*', type: 'text', disabled: true },\r\n {\r\n key: 'lastFlightDepartureDate',\r\n label: 'Return Flight Departure Date*',\r\n type: 'general-text-date'\r\n },\r\n { key: 'tourCompany', label: 'Tour Company*', type: 'text' },\r\n {\r\n key: 'campaignCode',\r\n label: 'Campaign Code*',\r\n type: 'select',\r\n options: (rs && rs.result) || []\r\n }\r\n ]\r\n });\r\n };\r\n\r\n\tdownloadManifest = () => {\r\n\t\tlet settings = getSettings();\r\n\t\tlet baseURL = settings.baseURL;\r\n\r\n\t\tlet url = baseURL + '/Group/getsamplefile'\r\n\r\n\t\ttry {\r\n\t\t\tvar fetchProp = {method: \"GET\", mode:\"cors\", ...getCurrentAuthHeader()};\r\n\t\t\t\r\n\t\t\tconst fetchFile = fetch(url,fetchProp).then((response) => {\r\n\r\n\t\t\t\tif (!response.ok) {\r\n\t\t\t\t\tconsole.log(\"fetch \"+url+\" response not ok \"+response)\r\n\t\t\t\t\tthrow new Error(response);\r\n\t\t\t\t }\r\n\r\n\t\t\t\t const blob = response.blob().then(fileBlob => {\r\n\t\t\t\t\t// Download the file\r\n\t\t\t\t\tsaveAs(fileBlob, \"ctp_group_manifest.xlsx\");\r\n\t\t\t\t }).catch(err => { console.log(\"download file data has error \"+err)});\r\n\t\t\t \r\n\t\t\t\t \r\n\t\t\t}).catch(resp => { console.log(\"Fetch download file encountered error \"+resp); })\r\n\t\t\r\n\t\t\t\r\n\t\t\r\n\t\t } catch (error) {\r\n\t\t\tconsole.error('Failed to download file', error)\r\n\t\t\tthrow new Error(error)\r\n\t\t }\r\n\t}\r\n\r\n onDrop = (acceptedFiles, rejectedFiles) => {\r\n if (acceptedFiles.length === 1) {\r\n this.setState({\r\n selectedFile: acceptedFiles[0],\r\n loaded: 0\r\n });\r\n }\r\n };\r\n\r\n _validateForm = ({\r\n collectionDate,\r\n pos,\r\n lastFlightDepartureDate,\r\n tourCompany,\r\n campaignCode\r\n }) => {\r\n if (!collectionDate) {\r\n this._showSnackBarError('Please fill in collection date');\r\n return false;\r\n }\r\n if (!pos) {\r\n this._showSnackBarError('Please fill in pos');\r\n return false;\r\n }\r\n if (!campaignCode) {\r\n this._showSnackBarError('Please fill in campaign code');\r\n return false;\r\n }\r\n\r\n if (!lastFlightDepartureDate) {\r\n this._showSnackBarError(\r\n 'Please fill in return flight departure date'\r\n );\r\n return false;\r\n }\r\n if (!tourCompany) {\r\n this._showSnackBarError('Please fill in tour company');\r\n return false;\r\n }\r\n\r\n let twoDaysLater = moment().add(2, 'days');\r\n if (!(hasApproverPermissions() && hasCreatorPermissions())) {\r\n // approver + creator permission can by pass 72 hours check.\r\n if (moment(collectionDate).isBefore(twoDaysLater)) {\r\n this._showSnackBarError(\r\n 'Collection Date must be more than 72 hours later'\r\n );\r\n return false;\r\n }\r\n }\r\n\r\n // Validates collection date cannot be after last flight departure, but same day will still go through\r\n if (moment(collectionDate).isAfter(moment(lastFlightDepartureDate))) {\r\n this._showSnackBarError(\r\n 'Collection date cannot be after last flight depature date'\r\n );\r\n return false;\r\n }\r\n\r\n return true;\r\n };\r\n\r\n _showSnackBarError = message => {\r\n this.setState({\r\n showSnackbar: true,\r\n snackbarMessage: message,\r\n snackbarVariant: 'error'\r\n });\r\n };\r\n\r\n onSubmit = async () => {\r\n let isValidated = this._validateForm(this.props.groupDetails);\r\n if (isValidated) {\r\n const rs = await this.props.uploadGroupManifest(\r\n this.state.selectedFile,\r\n this.props.groupDetails\r\n );\r\n rs.success\r\n ? this.setState({ showRedirectDialog: true })\r\n : this.setState({\r\n showSnackbar: true,\r\n snackbarMessage: rs.message,\r\n snackbarVariant: 'error'\r\n });\r\n }\r\n };\r\n\r\n handleGroupDetailsChange = (key, value) => {\r\n let groupDetails = cloneDeep(this.props.groupDetails);\r\n groupDetails[key] = value;\r\n this.props.updateGroupDetails(groupDetails);\r\n };\r\n\r\n closeSnackbar = () => {\r\n this.setState({ showSnackbar: false });\r\n };\r\n\r\n onYes = () => {\r\n window.location = '/dashboard';\r\n };\r\n\r\n onUploadAnotherFile = () => {\r\n window.location = '/group/group-submission';\r\n };\r\n\r\n onRedirectDialogClose = () => {\r\n this.setState({ showRedirectDialog: false });\r\n };\r\n\r\n render() {\r\n return (\r\n \r\n \r\n File uploaded \r\n \r\n \r\n File verifiction in progress. Status of request will\r\n be updated once read.\r\n
\r\n Do you want to be redirected to dashboard?\r\n \r\n \r\n \r\n \r\n \r\n Upload another file\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n Download Sample File\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n {this.state.selectedFile.name}\r\n \r\n )}\r\n \r\n\r\n \r\n \r\n \r\n \r\n Submit\r\n \r\n \r\n \r\n \r\n \r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = function(state) {\r\n const { groupManifestDuck } = state;\r\n const { groupDetails } = groupManifestDuck;\r\n return {\r\n groupDetails\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = function(dispatch) {\r\n return {\r\n uploadGroupManifest: (file, groupDetails) =>\r\n dispatch(uploadGroupManifest(file, groupDetails)),\r\n updateGroupDetails: groupDetails =>\r\n dispatch(updateGroupDetails(groupDetails)),\r\n getCampaignCodes: () => dispatch(getCampaignCodes())\r\n };\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(GroupSubmissionForm);\r\n","import React from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {withStyles, Grid, Typography} from '@material-ui/core'\r\nimport Header from '../containers/Header.js'\r\nimport GroupHeader from '../containers/group/GroupHeader.js'\r\nimport GroupSubmissionForm from '../containers/group/GroupSubmissionForm'\r\nimport {TITLE_PREFIX} from '../constants/titlePrefix'\r\nimport StyledSection from '../components/StyledSection'\r\nimport LoadingContainer from '../containers/loadingContainer'\r\nimport StyledSnackbar from '../components/StyledSnackbar'\r\nimport {getAllGroup, voidGroup} from '../ducks/groupApprovalDuck'\r\nimport {GROUP_TYPE_ACTION_REQUIRED} from '../constants/groupType'\r\nimport GlobalTimeChecker from '../containers/GlobalTimeChecker'\r\nimport DeleteDialog from '../components/DeleteDialog'\r\nimport {hasPermissions} from '../helpers/utilities'\r\n\r\nconst LIST_VIEW = 'LIST_VIEW'\r\nconst UPLOAD_VIEW = 'UPLOAD_VIEW'\r\n\r\nclass GroupSubmission extends React.Component {\r\n constructor(props) {\r\n super(props)\r\n this.state = {\r\n activeView: UPLOAD_VIEW,\r\n selectedGroupId: '',\r\n isLoading: false,\r\n showSnackbar: false,\r\n snackbarMessage: '',\r\n snackbarVariant: 'success',\r\n statusFilter: 'ACTION REQUIRED',\r\n groupType: GROUP_TYPE_ACTION_REQUIRED,\r\n showDeleteDialog: false,\r\n deletingGroup: {}\r\n }\r\n }\r\n\r\n componentDidMount = async () => {\r\n document.title = `${TITLE_PREFIX} Group - Group Submission`\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n if (prevProps.getAllGroupIsLoading === true && this.props.getAllGroupIsLoading === false) {\r\n this.setState({filteredGroups: this.props.groups})\r\n }\r\n }\r\n\r\n onEdit = row => {\r\n if (this.state.statusFilter === 'PENDING APPROVAL') this.props.history.push('/group/group-approval/' + row.id)\r\n if (this.state.statusFilter === 'ACTION REQUIRED') this.props.history.push('/group/group-submission/' + row.id)\r\n }\r\n\r\n onDelete = row => {\r\n this.setState({showDeleteDialog: true, deletingGroup: row})\r\n }\r\n\r\n onDeleteConfirm = async () => {\r\n const {deletingGroup, groupType} = this.state\r\n const data = {id: deletingGroup.id}\r\n const rs = await this.props.voidGroup(data)\r\n if (rs.success) {\r\n this.setState({\r\n showSnackbar: true,\r\n snackbarVariant: 'success',\r\n snackbarMessage: 'Group ' + deletingGroup.refNo + ' deleted',\r\n showDeleteDialog: false,\r\n deletingGroup: {}\r\n })\r\n const isApprover = hasPermissions('Group.Approver')\r\n this.props.getAllGroup({groupType, getAllUser: isApprover})\r\n } else {\r\n this.setState({\r\n showSnackbar: true,\r\n snackbarVariant: 'error',\r\n snackbarMessage: rs.message,\r\n showDeleteDialog: false,\r\n deletingGroup: {}\r\n })\r\n }\r\n }\r\n\r\n onDeleteCancel = () => {\r\n this.setState({showDeleteDialog: false, deletingGroup: {}})\r\n }\r\n\r\n closeSnackbar = () => {\r\n this.setState({showSnackbar: false})\r\n }\r\n\r\n setActiveView = activeView => this.setState({activeView})\r\n\r\n onFilterChanged = (groupType, statusFilter) => {\r\n this.setState({groupType, statusFilter})\r\n }\r\n\r\n render() {\r\n const {classes, getAllGroupIsLoading, manifestUploadIsLoading} = this.props\r\n const {showDeleteDialog, deletingGroup: {refNo, submittedBy}} = this.state\r\n\r\n return (\r\n \r\n Do you want to be redirected to dashboard?\r\n
\r\n \r\n \r\n \r\n
\r\n )\r\n\r\n }\r\n}\r\n\r\nconst styles = theme => ({\r\n container: {...theme.container}\r\n})\r\n\r\nconst mapStateToProps = function (state) {\r\n const {groupManifestDuck, groupApprovalDuck, individualFormDuck} = state\r\n\r\n const {groups, getAllGroupIsLoading} = groupApprovalDuck\r\n const {manifestUploadIsLoading, manifestUploadStatus, error, errorArray} = groupManifestDuck\r\n\r\n return {\r\n formDetailsList: individualFormDuck.formDetailsList,\r\n manifestUploadIsLoading,\r\n manifestUploadStatus,\r\n error,\r\n errorArray,\r\n groups,\r\n getAllGroupIsLoading\r\n }\r\n}\r\n\r\nconst mapDispatchToProps = function (dispatch) {\r\n return {\r\n getAllGroup: ({groupType, getAllUser}) => dispatch(getAllGroup({groupType, getAllUser})),\r\n voidGroup: data => dispatch(voidGroup(data))\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(withStyles(styles)(GroupSubmission))","import React from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {withStyles, Grid, Typography} from '@material-ui/core'\r\nimport Header from '../containers/Header.js'\r\nimport GroupHeader from '../containers/group/GroupHeader.js'\r\nimport GroupSubmissionTable from '../containers/group/GroupSubmissionTable'\r\nimport {TITLE_PREFIX} from '../constants/titlePrefix'\r\nimport StyledSection from '../components/StyledSection'\r\nimport LoadingContainer from '../containers/loadingContainer'\r\nimport StyledSnackbar from '../components/StyledSnackbar'\r\nimport {getAllGroup, voidGroup} from '../ducks/groupApprovalDuck'\r\nimport {GROUP_TYPE_PENDING_APPROVAL} from '../constants/groupType.js'\r\nimport GlobalTimeChecker from '../containers/GlobalTimeChecker'\r\nimport GroupStatusFilter from '../components/GroupStatusFilter'\r\nimport DeleteDialog from '../components/DeleteDialog'\r\nimport {hasPermissions} from '../helpers/utilities'\r\n\r\nclass GroupSubmission extends React.Component {\r\n constructor(props) {\r\n super(props)\r\n this.state = {\r\n isLoading: false,\r\n showSnackbar: false,\r\n snackbarMessage: '',\r\n snackbarVariant: 'success',\r\n statusFilter: '',\r\n groupType: GROUP_TYPE_PENDING_APPROVAL,\r\n showDeleteDialog: false,\r\n deletingGroup: {}\r\n }\r\n }\r\n\r\n componentDidMount = async () => {\r\n document.title = `${TITLE_PREFIX} Group - Group Approval`\r\n\r\n this.setState({statusFilter: 'PENDING APPROVAL'})\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n if (prevProps.getAllGroupIsLoading === true && this.props.getAllGroupIsLoading === false) {\r\n this.setState({filteredGroups: this.props.groups})\r\n }\r\n }\r\n\r\n onEdit = row => {\r\n if (this.state.statusFilter === 'PENDING APPROVAL') this.props.history.push('/group/group-approval/' + row.id)\r\n if (this.state.statusFilter === 'ACTION REQUIRED') this.props.history.push('/group/group-submission/' + row.id)\r\n }\r\n\r\n onDelete = row => {\r\n this.setState({showDeleteDialog: true, deletingGroup: row})\r\n }\r\n\r\n onDeleteConfirm = async () => {\r\n const {deletingGroup, groupType} = this.state\r\n const data = {id: deletingGroup.id}\r\n const rs = await this.props.voidGroup(data)\r\n if (rs.success) {\r\n this.setState({\r\n showSnackbar: true,\r\n snackbarVariant: 'success',\r\n snackbarMessage: 'Group ' + deletingGroup.refNo + ' deleted',\r\n showDeleteDialog: false,\r\n deletingGroup: {}\r\n })\r\n const isApprover = hasPermissions('Group.Approver')\r\n this.props.getAllGroup({groupType, getAllUser:isApprover})\r\n } else {\r\n this.setState({\r\n showSnackbar: true,\r\n snackbarVariant: 'error',\r\n snackbarMessage: rs.message,\r\n showDeleteDialog: false,\r\n deletingGroup: {}\r\n })\r\n }\r\n }\r\n\r\n onDeleteCancel = () => {\r\n this.setState({showDeleteDialog: false, deletingGroup: {}})\r\n }\r\n\r\n closeSnackbar = () => {\r\n this.setState({showSnackbar: false})\r\n }\r\n\r\n onFilterChanged = (groupType, statusFilter) => {\r\n this.setState({groupType, statusFilter})\r\n }\r\n\r\n render() {\r\n const {classes, groups, getAllGroupIsLoading} = this.props\r\n const {groupType, statusFilter, showDeleteDialog, deletingGroup: {refNo, submittedBy}} = this.state\r\n\r\n return (\r\n \r\n\r\n\r\n\r\n \r\n \r\n\r\n {this.state.activeView === UPLOAD_VIEW && (\r\n \r\n this.setActiveView(LIST_VIEW)}/>\r\n \r\n )}\r\n\r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n
\r\n )\r\n\r\n }\r\n}\r\n\r\nconst styles = theme => ({\r\n container: {...theme.container}\r\n})\r\n\r\nconst mapStateToProps = function (state) {\r\n const {groupManifestDuck, groupApprovalDuck, individualFormDuck} = state\r\n\r\n const {groups, getAllGroupIsLoading} = groupApprovalDuck\r\n const {manifestUploadIsLoading, manifestUploadStatus, error, errorArray} = groupManifestDuck\r\n\r\n return {\r\n formDetailsList: individualFormDuck.formDetailsList,\r\n manifestUploadIsLoading,\r\n manifestUploadStatus,\r\n error,\r\n errorArray,\r\n groups,\r\n getAllGroupIsLoading\r\n }\r\n}\r\n\r\nconst mapDispatchToProps = function (dispatch) {\r\n return {\r\n getAllGroup: ({groupType, isApprover}) => dispatch(getAllGroup({groupType, isApprover})),\r\n voidGroup: data => dispatch(voidGroup(data))\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(withStyles(styles)(GroupSubmission))","import React, {Component} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {\r\n withStyles,\r\n Paper,\r\n Table,\r\n TableHead,\r\n TableBody,\r\n TableRow,\r\n TableCell,\r\n TextField,\r\n Checkbox,\r\n Button\r\n} from '@material-ui/core'\r\nimport {toBrowserFriendlyDate} from '../helpers/utilities'\r\nimport StyledDeleteBtn from '../components/StyledDeleteBtn'\r\nimport StyledUndoBtn from '../components/StyledUndoBtn'\r\nimport {\r\n updatePassenger, markAsDelete, unmarkDelete, updateTourLeaderFromPassengerData\r\n} from '../ducks/groupApprovalDuck'\r\nimport {teal, pink, red} from '@material-ui/core/colors'\r\nimport {toHumanFriendlyDate} from '../helpers/utilities'\r\nimport {convertSqStatusForDisplay} from '../helpers/eticketStatusHelper'\r\n\r\nlet eTicket = []\r\n\r\nclass PassengersTableEditable extends Component {\r\n onFieldChange = (id, k, e) => {\r\n const v = e.target ? e.target.value : e\r\n this.props.updatePassenger(id, k, v)\r\n if (e.target) this._updateTourLeaderFromPassengerData(id, k, e.target.value)\r\n }\r\n\r\n _updateTourLeaderFromPassengerData(id, k, v) {\r\n let {passengers} = this.props.groupApprovalDuck\r\n let targetPassenger = passengers.find(passenger => passenger.id.value === id)\r\n if (!targetPassenger) return\r\n if (!targetPassenger.isTourLeader.value) {\r\n return\r\n } else {\r\n this.props.updateTourLeaderFromPassengerData(k, v)\r\n }\r\n\r\n }\r\n\r\n renderETicketIssue = eTicket => {\r\n const {classes} = this.props\r\n\r\n return \r\n }\r\n\r\n renderSqCheckBtn = (pidx, p) => {\r\n const {classes, viewOnly} = this.props\r\n\r\n return \r\n }\r\n\r\n onDelete = id => {\r\n this.props.markAsDelete(id)\r\n }\r\n\r\n onUndo = id => {\r\n this.props.unmarkDelete(id)\r\n }\r\n\r\n renderIssue = issue => {\r\n const {classes} = this.props\r\n return {issue}\r\n }\r\n\r\n getRowClasses = p => {\r\n const {classes} = this.props\r\n\r\n if (p.markedDelete) return classes.deleted\r\n if (p.error) return classes.passengerError\r\n return;\r\n // if (convertSqStatusForDisplay(p.eTicket1.issue) === 'Y') return classes.statusY\r\n // if (convertSqStatusForDisplay(p.eTicket1.issue) === 'N') return classes.statusN\r\n }\r\n\r\n render() {\r\n const {classes, headers, data, dataKeys, viewOnly, origTlId} = this.props\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n Group ref no: \r\n \r\n \r\n {refNo} \r\n \r\n \r\n \r\n \r\n Submitted by: \r\n \r\n \r\n {submittedBy} \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n - \r\n {group.attachmentUris.map((a, i) => {\r\n if (deletedOriginalAttachmentIdx.has(i)) {\r\n return
- {a} ;\r\n }\r\n })}\r\n
- \r\n {files.map((f, i) => (\r\n
- \r\n
{f.name} \r\n\r\n \r\n
- \r\n {group.presignedAttachmentUris.map(\r\n (alink, i) => (\r\n
\r\n
\r\n \r\n {entityChangePropertyList.length > 0 && \r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nconst mapStateToProps = state => {\r\n const {auditLogDuck, groupApprovalDuck} = state\r\n const {group, getGroupAndPassengersIsLoading} = groupApprovalDuck\r\n\r\n return {auditLogDuck, group, getGroupAndPassengersIsLoading}\r\n}\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n return {\r\n getGroupAudit: data => dispatch(getGroupAudit(data))\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(AuditLogTable)","import React, {Component} from 'react'\r\nimport Header from '../containers/Header'\r\nimport {withStyles, Button, Grid} from '@material-ui/core'\r\nimport StyledSection from '../components/StyledSection'\r\nimport GroupReferenceForm from '../containers/group/GroupReferenceForm'\r\nimport GroupHeader from '../containers/group/GroupHeader.js'\r\nimport {TITLE_PREFIX} from '../constants/titlePrefix'\r\nimport {GROUP_TYPE_PENDING_APPROVAL} from '../constants/groupType'\r\nimport GlobalTimeChecker from '../containers/GlobalTimeChecker'\r\nimport AuditLogTable from '../components/AuditLogTable'\r\nimport {hasPermissions} from '../helpers/utilities'\r\nimport {GROUP_APPROVER_PERMISSION} from '../constants/permissions'\r\nimport {Redirect} from 'react-router-dom'\r\n\r\nclass GroupApprovalDetail extends Component {\r\n componentDidMount() {\r\n document.title = `${TITLE_PREFIX} Group - Group Approval Detail`\r\n }\r\n\r\n onBackToListing = () => {\r\n this.props.history.push('/group/group-approval')\r\n }\r\n\r\n render() {\r\n const {classes, match} = this.props\r\n\r\n const hasApprovalPermissions = hasPermissions([GROUP_APPROVER_PERMISSION])\r\n if (!hasApprovalPermissions) {\r\n return \r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nconst styles = theme => ({\r\n container: {...theme.container}\r\n})\r\n\r\nexport default withStyles(styles)(GroupApprovalDetail)","import axios from 'axios'\r\nimport { getSettings } from '../config/config'\r\nimport { checkValidStatusCode } from '../helpers/httpHelper'\r\nimport { getCurrentAuthHeader } from '../helpers/utilities'\r\nlet settings = getSettings()\r\nlet baseURL = settings.baseURL\r\n\r\nexport const getReprintAuditLog = (redemptionTransactionId) => async (dispatch) => {\r\n\tdispatch(_getReprintAuditLogIsLoading())\r\n\r\n\tconst rs = await axios\r\n\t\t.get(baseURL + '/RedemptionTransaction/GetReprintAuditLog', { params: { redemptionTransactionId: redemptionTransactionId }, ...getCurrentAuthHeader() })\r\n\t\t.catch((e) => {\r\n\t\t\tif (!checkValidStatusCode(e.response.status)) {\r\n\t\t\t\tconst {\r\n\t\t\t\t\tresponse: {\r\n\t\t\t\t\t\tdata: {\r\n\t\t\t\t\t\t\terror: { message },\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t},\r\n\t\t\t\t} = e\r\n\t\t\t\treturn { data: { success: false, error: { message } } }\r\n\t\t\t}\r\n\t\t\treturn { data: { success: false, error: { message: e.response.status + ' Unexpected error' } } }\r\n\t\t})\r\n\r\n\tif (!rs.data) {\r\n\t\tdispatch(_getReprintAuditLogFail())\r\n\t\treturn { success: false, message: 'No data from server' }\r\n\t}\r\n\tif (rs.data.success) {\r\n\t\tdispatch(_getReprintAuditLogSuccess(rs))\r\n\t\treturn { success: true, message: '' }\r\n\t} else {\r\n\t\tdispatch(_getReprintAuditLogFail())\r\n\t\treturn { success: false, message: rs.data.error.message }\r\n\t}\r\n}\r\n\r\nconst GET_REPRINT_AUDIT_LOG_IS_LOADING = 'GET_REPRINT_AUDIT_LOG_IS_LOADING'\r\nconst GET_REPRINT_AUDIT_LOG_SUCCESS = 'GET_REPRINT_AUDIT_LOG_SUCCESS'\r\nconst GET_REPRINT_AUDIT_LOG_FAIL = 'GET_REPRINT_AUDIT_LOG_FAIL'\r\n\r\nconst _getReprintAuditLogIsLoading = () => ({\r\n\ttype: GET_REPRINT_AUDIT_LOG_IS_LOADING,\r\n})\r\n\r\nconst _getReprintAuditLogSuccess = (rs) => ({\r\n\ttype: GET_REPRINT_AUDIT_LOG_SUCCESS,\r\n\trs,\r\n})\r\n\r\nconst _getReprintAuditLogFail = () => ({\r\n\ttype: GET_REPRINT_AUDIT_LOG_FAIL,\r\n})\r\n\r\nlet initState = {\r\n\tgetReprintAuditLogIsLoading: false,\r\n\treprintLogs: [],\r\n}\r\n\r\nconst reprintAuditLog = (state = initState, action) => {\r\n\tswitch (action.type) {\r\n\t\tcase GET_REPRINT_AUDIT_LOG_IS_LOADING:\r\n\t\t\treturn { ...state, getReprintAuditLogIsLoading: true }\r\n\r\n\t\tcase GET_REPRINT_AUDIT_LOG_SUCCESS:\r\n\t\t\treturn { ...state, reprintLogs: action.rs.data.result, getReprintAuditLogIsLoading: false }\r\n\r\n\t\tcase GET_REPRINT_AUDIT_LOG_FAIL:\r\n\t\t\treturn { ...state, getReprintAuditLogIsLoading: false }\r\n\r\n\t\tdefault:\r\n\t\t\treturn state\r\n\t}\r\n}\r\n\r\nexport default reprintAuditLog\r\n","import React, { Component } from 'react'\r\nimport { connect } from 'react-redux'\r\nimport { withStyles, Paper, Table, TableHead, TableBody, TableRow, TableCell, Button, Grid } from '@material-ui/core'\r\nimport StyledSection from '../components/StyledSection'\r\nimport StyledSnackbar from '../components/StyledSnackbar'\r\nimport { getGroupAudit, getRedemptionTransactionAudit } from '../ducks/auditLogDuck'\r\nimport { getCurrentAuthHeader, toHumanFriendlyDateTime, toHumanFriendlyMessage, objHasData } from '../helpers/utilities'\r\nimport { getReprintAuditLog } from '../ducks/reprintAuditLogDuck'\r\n\r\nclass AuditLogTable2 extends Component {\r\n\tconstructor(props, context) {\r\n\t\tsuper(props, context)\r\n\t\tthis.state = {\r\n\t\t\tshowSnackbar: false,\r\n\t\t\tsnackbarMessage: '',\r\n\t\t\tsnackbarVariant: 'success',\r\n\t\t\tdates: [],\r\n\t\t\tnewAuditDatas: {},\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentDidMount = async () => {}\r\n\r\n\tcomponentDidUpdate = async (prevProps, prevState) => {}\r\n\r\n\t_retriveAuditLogs = async () => {\r\n\t\tif (this.props.groupApprovalDuck.group && this.props.groupApprovalDuck.group.id) {\r\n\t\t\tconst data = { params: { groupId: this.props.groupApprovalDuck.group.id }, ...getCurrentAuthHeader() }\r\n\t\t\tconst rs = await this.props.getGroupAudit(data)\r\n\r\n\t\t\tif (rs.success) {\r\n\t\t\t\tconst { auditLogDuck: { entityChangePropertyList } } = this.props\r\n\t\t\t\tthis._filterAuditData(entityChangePropertyList)\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tif (this.props.redemptionTransactionPassengersDuck.redemptionTransaction && this.props.redemptionTransactionPassengersDuck.redemptionTransaction.id) {\r\n\t\t\tvar rid = this.props.redemptionTransactionPassengersDuck.redemptionTransaction.id\r\n\t\t\tconst data = { params: { redemptionTransactionId: rid }, ...getCurrentAuthHeader() }\r\n\t\t\tconst rs = await this.props.getRedemptionTransactionAudit(data)\r\n\r\n\t\t\tif (rs.success) {\r\n\t\t\t\tconst { auditLogDuck: { redemptionTransactionEntityChangePropertyList } } = this.props\r\n\t\t\t\tthis._filterAuditData(redemptionTransactionEntityChangePropertyList)\r\n\t\t\t}\r\n\t\t}\r\n\t\tif (this.props.redemptionTransactionId) await this.props.getReprintAuditLog(this.props.redemptionTransactionId)\r\n\t}\r\n\r\n\t_filterAuditData = (data) => {\r\n\t\tconst tempDates = []\r\n\t\tconst tempData = {}\r\n\t\tlet lastDate = ''\r\n\t\tdata.forEach((d) => {\r\n\t\t\tif (d.originalValue === null && d.propertyName !== 'SubmittedBy' && d.propertyName !== 'RefNo' && d.propertyName !== 'CreatorId' && d.propertyName !== 'RedeemerId') return\r\n\r\n\t\t\tif (d.originalValue === null && (d.newValue === null || d.newValue === '')) return\r\n\r\n\t\t\t// sample string: 2019-04-15T15:13:47\r\n\t\t\tif (d.changeTime.substr(0, 19) !== lastDate) {\r\n\t\t\t\tlastDate = d.changeTime.substr(0, 19)\r\n\t\t\t\ttempDates.push(lastDate)\r\n\t\t\t}\r\n\t\t\tif (lastDate) {\r\n\t\t\t\tif (tempData.hasOwnProperty(lastDate)) {\r\n\t\t\t\t\tif (d.propertyName === 'Remarks') {\r\n\t\t\t\t\t\tif (!(d.originalValue === null && d.newValue === null) && !(d.originalValue === null && d.newValue === '\"\"')) {\r\n\t\t\t\t\t\t\ttempData[lastDate].remarks.push(d)\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\ttempData[lastDate].changes.push(d)\r\n\t\t\t\t\t}\r\n\t\t\t\t} else {\r\n\t\t\t\t\ttempData[lastDate] = { changes: [], remarks: [] }\r\n\t\t\t\t\tif (d.propertyName === 'Remarks') {\r\n\t\t\t\t\t\tif (!(d.originalValue === null && d.newValue === null) && !(d.originalValue === null && d.newValue === '\"\"')) {\r\n\t\t\t\t\t\t\ttempData[lastDate].remarks.push(d)\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\ttempData[lastDate].changes.push(d)\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t})\r\n\t\t// remove dates that doesn't have relevant changes or remarks\r\n\t\tfor (let k in tempData) {\r\n\t\t\tif (tempData[k].changes.length < 1 && tempData[k].remarks.length < 1) {\r\n\t\t\t\tconst idx = tempDates.findIndex((d) => d === k)\r\n\t\t\t\tif (idx !== -1) tempDates.splice(idx, 1)\r\n\t\t\t}\r\n\t\t}\r\n\t\tthis.setState({ dates: tempDates, newAuditDatas: tempData })\r\n\t}\r\n\r\n\tcloseSnackbar = () => {\r\n\t\tthis.setState({ showSnackbar: false })\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst { classes, auditLogDuck: { getGroupAuditIsLoading, getRedemptionTransactionAuditIsLoading }, reprintAuditLogDuck: { getReprintAuditLogIsLoading, reprintLogs } } = this.props\r\n\t\tconst { dates, newAuditDatas } = this.state\r\n\r\n\t\tlet userName = ''\r\n\t\treturn (\r\n\t\t\t\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n
\r\n \r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t \r\n\t\t\t\t\t{this.state.dates.length > 0 && (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t{reprintLogs && reprintLogs.length > 0 && (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t)}\r\n\t\t\t\t \r\n\t\t\t\t
\r\n\t\t)\r\n\t}\r\n}\r\n\r\nconst styles = (themes) => ({\r\n\tcontainer: { ...themes.container, marginTop: 20 },\r\n\tul: { paddingLeft: '1rem' },\r\n})\r\n\r\nconst mapStateToProps = (state) => {\r\n\tconst { auditLogDuck, groupApprovalDuck, redemptionTransactionPassengersDuck, reprintAuditLogDuck } = state\r\n\r\n\treturn { auditLogDuck, groupApprovalDuck, redemptionTransactionPassengersDuck, reprintAuditLogDuck }\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n\treturn { getGroupAudit: (data) => dispatch(getGroupAudit(data)), getRedemptionTransactionAudit: (data) => dispatch(getRedemptionTransactionAudit(data)), getReprintAuditLog: (data) => dispatch(getReprintAuditLog(data)) }\r\n}\r\n\r\nexport default connect(\r\n\tmapStateToProps,\r\n\tmapDispatchToProps\r\n)(withStyles(styles)(AuditLogTable2))\r\n","import React, { Component } from 'react'\r\nimport { connect } from 'react-redux'\r\nimport Header from '../containers/Header'\r\nimport { withStyles, Button, Grid, Typography } from '@material-ui/core'\r\nimport StyledSection from '../components/StyledSection'\r\nimport GroupReferenceForm from '../containers/group/GroupReferenceForm'\r\nimport GroupHeader from '../containers/group/GroupHeader.js'\r\nimport { TITLE_PREFIX } from '../constants/titlePrefix'\r\nimport GlobalTimeChecker from '../containers/GlobalTimeChecker'\r\nimport AuditLogTable2 from '../components/AuditLogTable2'\r\nimport { objHasData } from '../helpers/utilities'\r\n\r\nclass GroupDetail extends Component {\r\n\tcomponentDidMount() {\r\n\t\tdocument.title = `${TITLE_PREFIX} Group - Group Detail`\r\n\t}\r\n\r\n\tonBackToListing = () => {\r\n\t\tthis.props.history.push('/dashboard')\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst {\r\n\t\t\tclasses,\r\n\t\t\tmatch,\r\n\t\t\tgroupApprovalDuck: { redemptionTransaction },\r\n\t\t} = this.props\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t)\r\n\t}\r\n}\r\n\r\nconst styles = (theme) => ({\r\n\tcontainer: { ...theme.container },\r\n})\r\n\r\nconst mapStateToProps = (state) => {\r\n\tconst { groupApprovalDuck } = state\r\n\r\n\treturn { groupApprovalDuck }\r\n}\r\n\r\nexport default connect(\r\n\tmapStateToProps,\r\n\tnull\r\n)(withStyles(styles)(GroupDetail))\r\n","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport {\r\n withStyles,\r\n Grid,\r\n Table,\r\n TableHead,\r\n TableRow,\r\n TableBody,\r\n TableCell,\r\n Checkbox,\r\n Paper,\r\n Button,\r\n TextField\r\n} from '@material-ui/core';\r\nimport StyledEditBtn from '../../../components/StyledEditBtn';\r\nimport StyledDeleteBtn from '../../../components/StyledDeleteBtn';\r\nimport StyledUndoBtn from '../../../components/StyledUndoBtn';\r\nimport SqApiCriteriasDialog from '../../../components/SqApiCriteriasDialog';\r\nimport StyledTinyFabCheckCircle from '../../../components/StyledTinyFabCheckCircle';\r\nimport StyledTinyFabError from '../../../components/StyledTinyFabError';\r\nimport {\r\n updateCollectingStatus,\r\n updateSinglePax,\r\n updateGroupRedemptionFormDuck\r\n} from '../../../ducks/groupRedemptionFormDuck';\r\nimport LoadingContainer from '../../loadingContainer';\r\nimport { toHumanFriendlyDate } from '../../../helpers/utilities';\r\nimport {\r\n convertSqStatusForDisplay,\r\n DISPLAY_YES,\r\n DISPLAY_MANUAL\r\n} from '../../../helpers/eticketStatusHelper';\r\n\r\nlet eTicket = [];\r\n\r\nclass SimplePassengersTable extends Component {\r\n constructor(props, context) {\r\n super(props, context);\r\n this.state = {\r\n criterias: {},\r\n criteriasMessage: '',\r\n viewCriterias: false,\r\n editingIdx: null,\r\n physicalEditingIdx: {}\r\n };\r\n }\r\n\r\n _renderEticketIssues = (idx, p) => {\r\n if (!p.meta) return \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t \r\n\t\t\t\t\t \r\n\r\n\t\t\t\t\t{objHasData(redemptionTransaction) && (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tCollector's signature \r\n\t\t\t\t\t\t\t\t \r\n\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t \r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\t\t\tError
;\r\n const issue = p.meta['eTicket' + idx + 'Status'].issue;\r\n if (issue) {\r\n return (\r\n- {final}
\r\n \r\n \r\n \r\n \r\n \r\n Back\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n if (isRedeemed) {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n Back\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n return (\r\n \r\n \r\n Tour Leader is not part of this group. Please issue card\r\n individually if eligible\r\n \r\n\r\n \r\n \r\n {this.props.groupRefNo && (\r\n \r\n \r\n this.onViewDetails(groupRefNo)\r\n }\r\n >\r\n View Details\r\n \r\n \r\n )}\r\n\r\n \r\n \r\n \r\n Group Reference No\r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n TL ETicket\r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n TL DOB\r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n TL Last Name\r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n {tlVerified && (\r\n \r\n \r\n \r\n Actual Pax flown: {paxFlown} out of{' '}\r\n {passengers.length +\r\n rejectedPassengers.length}\r\n \r\n \r\n \r\n )}\r\n\r\n {tlVerified && (\r\n \r\n \r\n Card assignment \r\n \r\n \r\n \r\n \r\n Request to change\r\n \r\n \r\n {(cardAssignment === MULTI_CARD_UNLOADED ||\r\n cardAssignment === MULTI_CARD_EV) && (\r\n \r\n \r\n \r\n \r\n Card Prefix\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Card Range (Last 6 Digit.\r\n E.g. 000001 - 000009)\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Assign\r\n \r\n \r\n \r\n \r\n )}\r\n \r\n )}\r\n\r\n {this.state.tlVerified && (\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n Proceed\r\n \r\n \r\n \r\n {!this.state.allCollectingChecked && (\r\n \r\n Check All\r\n \r\n )}\r\n {this.state.allCollectingChecked && (\r\n \r\n Uncheck All\r\n \r\n )}\r\n \r\n \r\n \r\n )}\r\n \r\n \r\n\r\n {this.state.tlVerified && (\r\n \r\n \r\n \r\n \r\n \r\n \r\n )}\r\n\r\n {this.state.tlVerified && (\r\n \r\n \r\n \r\n \r\n \r\n \r\n )}\r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst styles = theme => ({\r\n container: { ...theme.container },\r\n table: { width: '100%', overflowY: 'auto' },\r\n backBtn: { alignSelf: 'center' }\r\n});\r\n\r\nconst mapStateToProps = state => {\r\n const { groupRedemptionFormDuck } = state;\r\n\r\n return { groupRedemptionFormDuck };\r\n};\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n return {\r\n updatePassengers: passengers => dispatch(updatePassengers(passengers)),\r\n getGroupAndPassengersRedemption: input =>\r\n dispatch(getGroupAndPassengersRedemption(input)),\r\n groupSqApiCheck: data => dispatch(groupSqApiCheck(data)),\r\n groupCheckRedeemedPassenger: data =>\r\n dispatch(groupCheckRedeemedPassenger(data)),\r\n updateGroupRedemptionFormDuck: (k, v) =>\r\n dispatch(updateGroupRedemptionFormDuck(k, v)),\r\n updateGroupRedemptionFormDuckObj: obj =>\r\n dispatch(updateGroupRedemptionFormDuckObj(obj)),\r\n checkInactiveCards: cards => dispatch(checkInactiveCards(cards))\r\n };\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(withStyles(styles)(GroupRedemptionForm));\r\n","import React from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {withStyles} from '@material-ui/core'\r\nimport Header from '../containers/Header.js'\r\nimport GroupHeader from '../containers/group/GroupHeader.js'\r\nimport GroupRedemptionForm from '../containers/group/GroupRedemptionForm'\r\nimport {getGroupAndPassengersRedemption, updateSelectedGroupId} from '../ducks/groupRedemptionFormDuck'\r\nimport LoadingContainer from '../containers/loadingContainer'\r\nimport {TITLE_PREFIX} from '../constants/titlePrefix'\r\nimport GlobalTimeChecker from '../containers/GlobalTimeChecker'\r\nimport moment from 'moment'\r\nimport {getFlightsData, updateFlights} from '../ducks/flightDuck'\r\nimport {hasPermissions} from '../helpers/utilities'\r\nimport {GROUP_ISSUER_PERMISSION} from '../constants/permissions'\r\nimport {Redirect} from 'react-router-dom'\r\n\r\n\r\nclass GroupIssuance extends React.Component {\r\n constructor(props) {\r\n super(props)\r\n this.state = {\r\n isLoading: false\r\n }\r\n }\r\n\r\n componentDidMount = async () => {\r\n document.title = `${TITLE_PREFIX} Group - Group Issuance`\r\n\r\n let flightDataWithMetaStr = await localStorage.getItem('FLIGHT_DATA')\r\n let flightDataWithMeta = {}\r\n if (flightDataWithMetaStr) {\r\n flightDataWithMeta = JSON.parse(flightDataWithMetaStr)\r\n let today = moment().format('YYYY-MM-DD')\r\n if (flightDataWithMeta.flightData && flightDataWithMeta.dateCreated === today) {\r\n this.props.updateFlights(flightDataWithMeta.flightData)\r\n } else {\r\n await this.props.getFlightsData()\r\n }\r\n } else {\r\n\r\n await this.props.getFlightsData()\r\n }\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n if (prevProps.flightData !== this.props.flightData && this.props.flightData != null) {\r\n if (this.props.flightData.length > 0) {\r\n let today = moment().format('YYYY-MM-DD')\r\n let flightDataWithMeta = {\r\n dateCreated: today,\r\n flightData: this.props.flightData\r\n }\r\n let flightsDataWithMetaStr = JSON.stringify(flightDataWithMeta)\r\n localStorage.setItem('FLIGHT_DATA', flightsDataWithMetaStr)\r\n }\r\n }\r\n }\r\n\r\n render() {\r\n\r\n const hasIssuerPermissions = hasPermissions([GROUP_ISSUER_PERMISSION])\r\n if (!hasIssuerPermissions) {\r\n return \r\n \r\n\r\n \r\n\r\n\r\n {this.state.isLoading &&
\r\n )\r\n }\r\n}\r\n\r\nconst styles = theme => ({})\r\n\r\nconst mapStateToProps = state => {\r\n const {groupRedemptionFormDuck} = state\r\n const {flightDuck: {flightData}} = state\r\n return {groupRedemptionFormDuck, flightData}\r\n}\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n return {\r\n getGroupAndPassengersRedemption: groupId => dispatch(getGroupAndPassengersRedemption(groupId)),\r\n updateSelectedGroupId: groupId => dispatch(updateSelectedGroupId(groupId)),\r\n getFlightsData: () => dispatch(getFlightsData()),\r\n updateFlights: (flights) => dispatch(updateFlights(flights))\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(withStyles(styles)(GroupIssuance))","import React, {Component} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport Header from '../containers/Header'\r\nimport {withStyles} from '@material-ui/core'\r\nimport GroupRedemptionForm from '../containers/group/GroupRedemptionForm'\r\nimport GroupHeader from '../containers/group/GroupHeader.js'\r\nimport {TITLE_PREFIX} from '../constants/titlePrefix'\r\nimport GlobalTimeChecker from '../containers/GlobalTimeChecker'\r\nimport moment from 'moment'\r\nimport {getFlightsData, updateFlights} from '../ducks/flightDuck'\r\nimport StyledSnackbar from '../components/StyledSnackbar'\r\nimport {updateGroupRedemptionFormDuckObj} from '../ducks/groupRedemptionFormDuck'\r\n\r\nclass GroupSubmissionDetail extends Component {\r\n\r\n constructor(props, context) {\r\n super(props, context)\r\n this.state = {\r\n showSnackbar: false,\r\n snackbarMessage: '',\r\n snackbarVariant: 'success'\r\n }\r\n }\r\n\r\n componentDidMount = async () => {\r\n document.title = `${TITLE_PREFIX} Group - Group Issuance ${this.props.match.params.id}`\r\n\r\n let flightDataWithMetaStr = await localStorage.getItem('FLIGHT_DATA')\r\n let flightDataWithMeta = {}\r\n if (flightDataWithMetaStr) {\r\n flightDataWithMeta = JSON.parse(flightDataWithMetaStr)\r\n let today = moment().format('YYYY-MM-DD')\r\n if (flightDataWithMeta.flightData && flightDataWithMeta.dateCreated === today) {\r\n this.props.updateFlights(flightDataWithMeta.flightData)\r\n } else {\r\n const rs = await this.props.getFlightsData()\r\n if (!rs.success) this.setState({showSnackbar: true, snackbarVariant: 'error', snackbarMessage: rs.message})\r\n }\r\n } else {\r\n const rs = await this.props.getFlightsData()\r\n if (!rs.success) this.setState({showSnackbar: true, snackbarVariant: 'error', snackbarMessage: rs.message})\r\n }\r\n\r\n // clear signature\r\n const obj = {collector: {csoSignatureBase64: ''}}\r\n this.props.updateGroupRedemptionFormDuckObj(obj)\r\n }\r\n\r\n closeSnackbar = () => {\r\n this.setState({showSnackbar: false})\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n if (prevProps.flightData !== this.props.flightData && this.props.flightData != null) {\r\n if (this.props.flightData.length > 0) {\r\n let today = moment().format('YYYY-MM-DD')\r\n let flightDataWithMeta = {\r\n dateCreated: today,\r\n flightData: this.props.flightData\r\n }\r\n let flightsDataWithMetaStr = JSON.stringify(flightDataWithMeta)\r\n localStorage.setItem('FLIGHT_DATA', flightsDataWithMetaStr)\r\n }\r\n }\r\n }\r\n\r\n render() {\r\n const {match} = this.props\r\n return (\r\n \r\n \r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nconst styles = theme => ({\r\n container: {...theme.container}\r\n})\r\n\r\nconst mapStateToProps = state => {\r\n const {flightDuck: {flightData}, groupRedemptionFormDuck} = state\r\n return {flightData, groupRedemptionFormDuck}\r\n}\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n return {\r\n getFlightsData: () => dispatch(getFlightsData()),\r\n updateFlights: (flights) => dispatch(updateFlights(flights)),\r\n updateGroupRedemptionFormDuckObj: obj => dispatch(updateGroupRedemptionFormDuckObj(obj))\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(withStyles(styles)(GroupSubmissionDetail))","import React from 'react'\r\nimport {Redirect} from 'react-router-dom'\r\nimport {hasPermissions} from '../helpers/utilities'\r\nimport {\r\n USER_ADMIN_CAMPAIGN_READ_PERMISSION, USER_ADMIN_CAMPAIGN_CREATE_PERMISSION, USER_ADMIN_CAMPAIGN_EDIT_PERMISSION,\r\n USER_ADMIN_ACCOUNT_READ_PERMISSION, USER_ADMIN_ACCOUNT_CREATE_PERMISSION, USER_ADMIN_ACCOUNT_EDIT_PERMISSION,\r\n USER_ADMIN_ROLE_READ_PERMISSION, USER_ADMIN_ROLE_CREATE_PERMISSION, USER_ADMIN_ROLE_EDIT_PERMISSION,\r\n USER_ADMIN_BANNER_READ_PERMISSION, USER_ADMIN_BANNER_CREATE_PERMISSION, USER_ADMIN_BANNER_EDIT_PERMISSION\r\n} from '../constants/permissions'\r\n\r\n/**\r\n * This page exists for routing purpose\r\n */\r\nclass AdminSettings extends React.Component {\r\n\r\n componentDidMount() {\r\n document.title = `Changi Transit Privileges - Admin settings`\r\n }\r\n\r\n render() {\r\n const campaignPermissions = hasPermissions([USER_ADMIN_CAMPAIGN_READ_PERMISSION, USER_ADMIN_CAMPAIGN_CREATE_PERMISSION,\r\n USER_ADMIN_CAMPAIGN_EDIT_PERMISSION], 'or')\r\n\r\n const accountPermissions = hasPermissions([USER_ADMIN_ACCOUNT_READ_PERMISSION, USER_ADMIN_ACCOUNT_CREATE_PERMISSION,\r\n USER_ADMIN_ACCOUNT_EDIT_PERMISSION], 'or')\r\n\r\n const accessPermissions = hasPermissions([USER_ADMIN_ROLE_READ_PERMISSION, USER_ADMIN_ROLE_CREATE_PERMISSION,\r\n USER_ADMIN_ROLE_EDIT_PERMISSION], 'or')\r\n\r\n const bannerPermissions = hasPermissions([USER_ADMIN_BANNER_READ_PERMISSION, USER_ADMIN_BANNER_CREATE_PERMISSION,\r\n USER_ADMIN_BANNER_EDIT_PERMISSION], 'or')\r\n\r\n return \r\n {campaignPermissions && }\r\n {!campaignPermissions && accountPermissions && }\r\n {!campaignPermissions && !accountPermissions && accessPermissions &&\r\n }\r\n {!campaignPermissions && !accountPermissions && !accessPermissions && bannerPermissions &&\r\n }\r\n
\r\n }\r\n}\r\n\r\nexport default AdminSettings\r\n","import React, {Component} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {Link} from 'react-router-dom'\r\nimport {withStyles, Button, TextField, Typography, Grid, Paper} from '@material-ui/core'\r\nimport {ExitToApp} from '@material-ui/icons'\r\nimport {login, authSendOtp, authAuthenticateWithOtp} from '../ducks/authDuck'\r\nimport {TITLE_PREFIX} from '../constants/titlePrefix'\r\nimport MySnackbarContent from '../components/MySnackbarContent'\r\nimport LoadingContainer from '../containers/loadingContainer'\r\nimport {maskContactNo} from '../helpers/utilities'\r\nimport Logo from '../components/Logo'\r\nimport moment from 'moment'\r\nimport { LOCAL_STORAGE_LAST_ACTION_TIME } from '../constants/localStorageType'\r\n\r\nclass LoginScreen extends Component {\r\n constructor(props, context) {\r\n super(props, context)\r\n this.state = {\r\n usernameOrEmailAddress: '',\r\n usernameOrEmailAddressError: '',\r\n password: '',\r\n passwordError: '',\r\n verifyOtpScreen: false,\r\n otp: '',\r\n otpError: '',\r\n showSnackbar: false,\r\n snackbarMessage: '',\r\n snackbarVariant: ''\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n document.title = `${TITLE_PREFIX} Login`\r\n\r\n const accessToken = localStorage.getItem('accessToken')\r\n if (accessToken) {\r\n this.props.history.push('/dashboard')\r\n }\r\n }\r\n\r\n onTextFieldChange = name => e => {\r\n const errorKey = name + 'Error'\r\n this.setState({[name]: e.target.value, [errorKey]: ''})\r\n }\r\n\r\n onKeyPress = e => {\r\n if (e.key === 'Enter') {\r\n // set last actopm time\r\n let lastActionTime = moment().format()\r\n localStorage.setItem(LOCAL_STORAGE_LAST_ACTION_TIME, lastActionTime)\r\n // submit\r\n this.onSubmit()\r\n } \r\n }\r\n\r\n validate() {\r\n if (this.state.usernameOrEmailAddress === '') this.setState({usernameOrEmailAddressError: 'This field is required'})\r\n if (this.state.password === '') this.setState({passwordError: 'This field is required'})\r\n return !(this.state.usernameOrEmailAddress === '' || this.state.password === '')\r\n }\r\n\r\n onSubmit = async () => {\r\n\r\n this.setState({showSnackbar: false})\r\n if (!this.validate()) return\r\n\r\n // Without OTP login\r\n if (!this.props.isLoggedIn) {\r\n const {usernameOrEmailAddress, password} = this.state\r\n const rs = await this.props.login(usernameOrEmailAddress, password)\r\n if (rs.success) {\r\n const {shouldChangePassword} = this.props\r\n shouldChangePassword\r\n ? this.props.history.push('/change-password')\r\n : this.props.history.push('/dashboard')\r\n } else {\r\n this.setState({showSnackbar: true, snackbarVariant: 'error', snackbarMessage: rs.message})\r\n }\r\n } else {\r\n this.props.history.push('/dashboard')\r\n }\r\n\r\n // OTP login\r\n // if (!this.props.isLoggedIn) {\r\n // const {usernameOrEmailAddress, password} = this.state\r\n // const data = {usernameOrEmailAddress, password}\r\n // const rs = await this.props.authSendOtp(data)\r\n // rs.success\r\n // ? this.setState({verifyOtpScreen: true})\r\n // : this.setState({showSnackbar: true, snackbarVariant: 'error', snackbarMessage: rs.message})\r\n // } else {\r\n // this.props.history.push('/dashboard')\r\n // }\r\n }\r\n\r\n onResend = async () => {\r\n const {usernameOrEmailAddress, password} = this.state\r\n const data = {usernameOrEmailAddress, password}\r\n const rs = await this.props.authSendOtp(data)\r\n rs.success\r\n ? this.setState({showSnackbar: true, snackbarVariant: 'success', snackbarMessage: 'OTP sent'})\r\n : this.setState({showSnackbar: true, snackbarVariant: 'error', snackbarMessage: rs.message})\r\n }\r\n\r\n clearErrorMessage = () => {\r\n this.setState({showSnackbar: false})\r\n }\r\n\r\n onSubmitOtp = async e => {\r\n if (e) e.preventDefault()\r\n\r\n const {usernameOrEmailAddress, password, otp} = this.state\r\n\r\n if (otp === '') {\r\n this.setState({otpError: 'This field is required'})\r\n return\r\n } else {\r\n this.setState({otpError: ''})\r\n }\r\n\r\n const {uid} = this.props\r\n const data = {usernameOrEmailAddress, password, otp, uid}\r\n const rs = await this.props.authAuthenticateWithOtp(data)\r\n if (rs.success) {\r\n this.props.history.push('/dashboard')\r\n } else {\r\n this.setState({showSnackbar: true, snackbarVariant: 'error', snackbarMessage: rs.message})\r\n }\r\n }\r\n\r\n render() {\r\n const {classes, isLoggingIn, authSendOtpIsLoading, authAuthenticateWithOtpIsLoading, contactNo} = this.props\r\n const {verifyOtpScreen, otp, snackbarVariant, snackbarMessage, otpError} = this.state\r\n const isLoading = isLoggingIn || authSendOtpIsLoading || authAuthenticateWithOtpIsLoading\r\n\r\n return (\r\n \r\n \r\n {!verifyOtpScreen && }\r\n\r\n {verifyOtpScreen && }\r\n\r\n {isLoading && }\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n Forgot Password \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n\r\n {submitSuccess && submitMessage !== '' &&\r\n \r\n \r\n }\r\n\r\n {!submitSuccess && submitMessage !== '' &&\r\n \r\n \r\n }\r\n\r\n {submitMessage !== '' && \r\n \r\n }\r\n \r\n \r\n \r\n\r\n \r\n
\r\n \r\n \r\n\r\n
\r\n )\r\n }\r\n}\r\n\r\nconst styles = themes => ({\r\n container: {...themes.container}\r\n})\r\n\r\nexport default withStyles(styles)(ResetPasswordScreen)","import axios from 'axios'\r\nimport {getSettings} from '../config/config'\r\nimport {getCurrentAuthHeader} from '../helpers/utilities'\r\nimport {checkValidStatusCode} from \"../helpers/httpHelper\";\r\n\r\n//\r\n \r\n \r\n \r\n \r\n Current password \r\n \r\n \r\n this.onFieldChange('currentPassword', e)}/>\r\n \r\n \r\n\r\n \r\n \r\n New password \r\n \r\n \r\n this.onFieldChange('newPassword', e)}/>\r\n \r\n \r\n\r\n \r\n \r\n Confirm new password \r\n \r\n \r\n this.onFieldChange('confirmPassword', e)}/>\r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n
\r\n \r\n \r\n }*/}\r\n {Object.keys(deleteCampaign).length > 0 &&\r\n }\r\n {/*{ }*/}\r\n\r\n {/*{}*/}\r\n \r\n {/*{ }*/}\r\n\r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nconst styles = theme => ({\r\n container: {...theme.container}\r\n})\r\n\r\nconst mapStateToProps = state => {\r\n const {campaignPeriodDuck} = state\r\n\r\n return {campaignPeriodDuck}\r\n}\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n return {\r\n getAllCampaigns: () => dispatch(getAllCampaigns()),\r\n updateCampaign: data => dispatch(updateCampaign(data)),\r\n addCampaign: data => dispatch(addCampaign(data)),\r\n deleteCampaign: data => dispatch(deleteCampaign(data))\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(withStyles(styles)(CampaignPeriod))","import React, { Component } from 'react'\r\nimport { connect } from 'react-redux'\r\nimport { withStyles, Grid, Button, TextField, Dialog, DialogTitle, DialogContent, DialogActions, Typography } from '@material-ui/core'\r\nimport { Warning } from '@material-ui/icons'\r\nimport Header from '../containers/Header.js'\r\nimport AdminSettingsNav from '../containers/adminSettings/AdminSettingsNav'\r\nimport { TITLE_PREFIX } from '../constants/titlePrefix'\r\nimport StyledSection from '../components/StyledSection'\r\nimport StyledSelect from '../components/StyledSelect'\r\nimport { updateCreateNewAccountDuck, submitCreateNewAccount } from '../ducks/createNewAccountDuck'\r\nimport { getRoles, getUsers, deleteUser, updateUser, unlockUser } from '../ducks/systemDataDuck'\r\nimport { getAllIata } from '../ducks/iataDuck'\r\nimport { labelToObject, rolesToLabelObject } from '../helpers/reactSelectHelper'\r\nimport StyledSnackbar from '../components/StyledSnackbar'\r\nimport StyledTable from '../components/StyledTable'\r\nimport GlobalTimeChecker from '../containers/GlobalTimeChecker'\r\nimport { hasPermissions } from '../helpers/utilities'\r\nimport { USER_ADMIN_ACCOUNT_READ_PERMISSION, USER_ADMIN_ACCOUNT_CREATE_PERMISSION, USER_ADMIN_ACCOUNT_EDIT_PERMISSION } from '../constants/permissions'\r\nimport { USER_ACCOUNTS_TABLE_KEY_NAME } from '../constants/tableKeys'\r\nimport FormControlLabel from '@material-ui/core/FormControlLabel'\r\nimport Switch from '@material-ui/core/Switch'\r\nimport Radio from '@material-ui/core/Radio'\r\nimport RadioGroup from '@material-ui/core/RadioGroup'\r\n\r\nconst USER_ACCOUNTS_TABLE_FIELDS = [\r\n\t{ key: 'seq', label: 'No.' },\r\n\t{ key: 'id', label: 'Id' },\r\n\t{ key: 'name', label: 'Name' },\r\n\t{ key: 'contactNo', label: 'Mobile No' },\r\n\t{ key: 'roleNames', label: 'Role' },\r\n\t{ key: 'status', label: 'Status' }\r\n]\r\n\r\nclass CreateNewAccount extends Component {\r\n\tconstructor(props, context) {\r\n\t\tsuper(props, context)\r\n\t\tthis.state = {\r\n\t\t\tnameError: '',\r\n\t\t\temailAddressError: '',\r\n\t\t\tcontactNoError: '',\r\n\t\t\tnameEditError: '',\r\n\t\t\temailAddressEditError: '',\r\n\t\t\tcontactNoEditError: '',\r\n\t\t\troleNamesError: '',\r\n\t\t\tshowSnackbar: false,\r\n\t\t\tsnackbarMessage: '',\r\n\t\t\tsnackbarVariant: 'success',\r\n\t\t\tshowDialog: false,\r\n\t\t\tshowUnlockDialog: false,\r\n\t\t\teditingUser: {},\r\n\t\t\teditingUsername: '',\r\n\t\t\tshowDeleteDialog: false,\r\n\t\t\tdeletingUser: {},\r\n\t\t\tfilteredUsers: [],\r\n\t\t\tunlockingUser: {},\r\n\t\t\troleFilter: { label: 'View All', value: '' },\r\n\t\t\tstatusFilter: 'all'\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentDidMount = async () => {\r\n\t\tdocument.title = `${TITLE_PREFIX} Admin settings - Create New Account`\r\n\r\n\t\tthis.props.getAllIata()\r\n\r\n\t\tlet rs = ''\r\n\t\trs = await this.props.getRoles()\r\n\t\tif (!rs.success) this.setState({ showSnackbar: true, snackbarVariant: 'error', snackbarMessage: rs.message })\r\n\r\n\t\trs = await this.props.getUsers()\r\n\t\tif (!rs.success) this.setState({ showSnackbar: true, snackbarVariant: 'error', snackbarMessage: rs.message })\r\n\r\n\t\tif (rs.success) {\r\n\t\t\tconst { systemDataDuck } = this.props\r\n\t\t\tthis.setState({ filteredUsers: this._removeAdminUser(systemDataDuck.users) })\r\n\t\t}\r\n\t}\r\n\r\n\thandleStatusRadioGroupChange = e => {\r\n\t\tthis.setState({\r\n\t\t\tstatusFilter: e.target.value,\r\n\t\t\tfilteredUsers: this.__filterUsersByStatus(this.__filterUsersByRole(this.props.systemDataDuck.users, this.state.roleFilter), e.target.value)\r\n\t\t})\r\n\t}\r\n\r\n\t__filterUsersByStatus(users, statusFilter) {\r\n\t\treturn statusFilter === 'all' ? users : statusFilter === 'active' ? users.filter(u => u.isActive) : users.filter(u => !u.isActive)\r\n\t}\r\n\r\n\t__filterUsersByRole(users, roleFilter) {\r\n\t\treturn users.filter(u => {\r\n\t\t\treturn u.roleNames.length > 0 ? u.roleNames[0].toLowerCase().indexOf(roleFilter.value.toLowerCase()) !== -1 : false\r\n\t\t})\r\n\t}\r\n\r\n\tonRoleChange = e => {\r\n\t\tthis.props.updateCreateNewAccountDuck('roleNames', [e.label])\r\n\t}\r\n\r\n\tonPosChange = e => {\r\n\t\tthis.props.updateCreateNewAccountDuck('pos', e.label)\r\n\t}\r\n\r\n\tonSubmit = async () => {\r\n\t\tconst { createNewAccountDuck } = this.props\r\n\r\n\t\tif (this._validate(createNewAccountDuck, 'Error')) {\r\n\t\t\tconst rs = await this.props.submitCreateNewAccount(createNewAccountDuck)\r\n\t\t\tif (rs.success) {\r\n\t\t\t\tthis.props.getUsers()\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tshowSnackbar: true,\r\n\t\t\t\t\tsnackbarVariant: 'success',\r\n\t\t\t\t\tsnackbarMessage: `Created account: ${createNewAccountDuck.name}`\r\n\t\t\t\t})\r\n\t\t\t} else {\r\n\t\t\t\tthis.setState({ showSnackbar: true, snackbarVariant: 'error', snackbarMessage: rs.message })\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tcloseSnackbar = () => {\r\n\t\tthis.setState({ showSnackbar: false })\r\n\t}\r\n\r\n\t_validate = (fields, errorSuffix) => {\r\n\t\tlet rs = true\r\n\r\n\t\tconst requiredFields = ['name', 'emailAddress', 'contactNo']\r\n\t\trequiredFields.forEach(k => {\r\n\t\t\tlet sk = k + errorSuffix\r\n\t\t\tif (fields[k] === '') {\r\n\t\t\t\tthis.setState({ [sk]: 'This field is required' })\r\n\t\t\t\trs = false\r\n\t\t\t} else {\r\n\t\t\t\tthis.setState({ [sk]: '' })\r\n\t\t\t}\r\n\t\t})\r\n\t\tif (!rs) return rs\r\n\r\n\t\tif (!/^\\+/.test(fields.contactNo)) {\r\n\t\t\tthis.state.showDialog\r\n\t\t\t\t? this.setState({ contactNoEditError: 'Please include `+` followed by area code and mobile number' })\r\n\t\t\t\t: this.setState({ contactNoError: 'Please include `+` followed by area code and mobile number' })\r\n\t\t\trs = false\r\n\t\t\tif (!rs) return rs\r\n\t\t} else {\r\n\t\t\tthis.state.showDialog ? this.setState({ contactNoEditError: '' }) : this.setState({ contactNoError: '' })\r\n\t\t}\r\n\r\n\t\tif (!/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/i.test(fields.emailAddress)) {\r\n\t\t\tthis.setState({ emailAddressError: 'Email is invalid' })\r\n\t\t\trs = false\r\n\t\t}\r\n\r\n\t\tif (fields['roleNames'].length === 0) {\r\n\t\t\tthis.setState({ roleNamesError: 'This field is required' })\r\n\t\t\trs = false\r\n\t\t} else {\r\n\t\t\tthis.setState({ roleNamesError: '' })\r\n\t\t}\r\n\r\n\t\tif (!rs) return rs\r\n\r\n\t\treturn rs\r\n\t}\r\n\r\n\tonFormChange = (k, e) => {\r\n\t\tif (k === 'contactNo') {\r\n\t\t\tif (/[^+0-9]/g.test(e.target.value)) return false\r\n\t\t}\r\n\t\tthis.props.updateCreateNewAccountDuck(k, e.target.value)\r\n\t}\r\n\r\n\tonUserEdit = row => {\r\n\t\tthis.setState({ editingUser: { ...row }, showDialog: true, editingUsername: row.name })\r\n\t}\r\n\r\n\tonUserDelete = row => {\r\n\t\tthis.setState({ showDeleteDialog: true, deletingUser: row })\r\n\t}\r\n\r\n\tonUnlockingUser = user => {\r\n\t\tif (!user.isLockout) {\r\n\t\t\treturn\r\n\t\t}\r\n\t\tthis.setState({ showUnlockDialog: true, unlockingUser: user })\r\n\t}\r\n\r\n\tonUnlockUser = async () => {\r\n\t\tconst { name, emailAddress, id } = this.state.unlockingUser\r\n\t\tconst rs = await this.props.unlockUser({\r\n\t\t\tname,\r\n\t\t\temailAddress,\r\n\t\t\tid\r\n\t\t})\r\n\t\tif (rs.success) {\r\n\t\t\tthis.setState(prevState => ({\r\n\t\t\t\tshowSnackbar: true,\r\n\t\t\t\tsnackbarVariant: 'success',\r\n\t\t\t\tsnackbarMessage: `Unlocked user: ${name}`,\r\n\t\t\t\tshowUnlockDialog: false,\r\n\t\t\t\tunlockingUser: null,\r\n\t\t\t\teditingUser: {\r\n\t\t\t\t\t...prevState.editingUser,\r\n\t\t\t\t\tisLockout: false\r\n\t\t\t\t}\r\n\t\t\t}))\r\n\t\t} else {\r\n\t\t\tthis.setState({ showSnackbar: true, snackbarVariant: 'error', snackbarMessage: rs.message })\r\n\t\t}\r\n\t}\r\n\r\n\tonUnlockCancel = () => {\r\n\t\tthis.setState({ showUnlockDialog: false, unlockingUser: null })\r\n\t}\r\n\r\n\tonEditSave = async () => {\r\n\t\tif (this._validate(this.state.editingUser, 'EditError')) {\r\n\t\t\tthis.setState({ showDialog: false })\r\n\t\t\tconst rs = await this.props.updateUser(this.state.editingUser)\r\n\t\t\tif (rs.success) {\r\n\t\t\t\tconst UserRefresh = await this.props.getUsers()\r\n\t\t\t\tif (UserRefresh.success) {\r\n\t\t\t\t\tconst { systemDataDuck } = this.props\r\n\t\t\t\t\tconst users = systemDataDuck.users\r\n\t\t\t\t\tconst { roleFilter } = this.state\r\n\t\t\t\t\tif (roleFilter.value.length >= 1) {\r\n\t\t\t\t\t\tthis.setState({\r\n\t\t\t\t\t\t\tfilteredUsers: this.__filterUsersByStatus(this.__filterUsersByRole(users, roleFilter), this.state.statusFilter)\r\n\t\t\t\t\t\t})\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tthis.setState({ filteredUsers: this.__filterUsersByStatus(users, this.state.statusFilter) })\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tshowSnackbar: true,\r\n\t\t\t\t\tsnackbarVariant: 'success',\r\n\t\t\t\t\tsnackbarMessage: `Updated user: ${this.state.editingUser.name}`,\r\n\t\t\t\t\teditingUser: {}\r\n\t\t\t\t})\r\n\t\t\t} else {\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tshowSnackbar: true,\r\n\t\t\t\t\tsnackbarVariant: 'error',\r\n\t\t\t\t\tsnackbarMessage: rs.message,\r\n\t\t\t\t\teditingUser: {}\r\n\t\t\t\t})\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tonEditCancel = () => {\r\n\t\tthis.setState({ showDialog: false, emailAddressEditError: '', contactNoEditError: '', nameEditError: '' })\r\n\t}\r\n\r\n\tonEditChange = (k, e) => {\r\n\t\tif (k === 'contactNo') {\r\n\t\t\tif (/[^+0-9]/g.test(e.target.value)) return false\r\n\t\t}\r\n\t\tthis.setState({ editingUser: { ...this.state.editingUser, [k]: e.target.value } })\r\n\t}\r\n\r\n\tonRoleEditChange = v => {\r\n\t\tthis.setState({ editingUser: { ...this.state.editingUser, roleNames: [v.label] } })\r\n\t}\r\n\r\n\tonPosEditChange = v => {\r\n\t\tthis.setState({ editingUser: { ...this.state.editingUser, pos: v.label } })\r\n\t}\r\n\r\n\tonStatusEditChange = v => {\r\n\t\tthis.setState({ editingUser: { ...this.state.editingUser, isActive: v.value } })\r\n\t}\r\n\r\n\tonDeleteCancel = () => {\r\n\t\tthis.setState({ showDeleteDialog: false, deletingUser: {} })\r\n\t}\r\n\r\n\tonDeleteConfirm = async () => {\r\n\t\tthis.setState({ showDeleteDialog: false })\r\n\r\n\t\tconst rs = await this.props.deleteUser(this.state.deletingUser.id)\r\n\t\tif (rs.success) {\r\n\t\t\tthis.props.getUsers()\r\n\t\t\tthis.setState({\r\n\t\t\t\tshowSnackbar: true,\r\n\t\t\t\tsnackbarVariant: 'success',\r\n\t\t\t\tsnackbarMessage: `Deleted user: ${this.state.deletingUser.name}`,\r\n\t\t\t\tdeletingUser: {}\r\n\t\t\t})\r\n\t\t} else {\r\n\t\t\tthis.setState({\r\n\t\t\t\tshowSnackbar: true,\r\n\t\t\t\tsnackbarVariant: 'error',\r\n\t\t\t\tsnackbarMessage: rs.message !== '' ? rs.message : 'Unexpected error'\r\n\t\t\t})\r\n\t\t}\r\n\t}\r\n\r\n\t_removeAdminUser = roles => {\r\n\t\treturn roles.filter(r => r.name !== 'admin')\r\n\t}\r\n\r\n\t_removeAdminRole = roles => {\r\n\t\treturn roles.filter(r => r.name !== 'Admin')\r\n\t}\r\n\r\n\tonFilterChange = e => {\r\n\t\tconst { systemDataDuck } = this.props\r\n\t\tconst users = systemDataDuck.users\r\n\t\tconst v = e.value.toLowerCase()\r\n\t\tif (v.length > 1) {\r\n\t\t\tthis.setState({\r\n\t\t\t\tfilteredUsers: this.__filterUsersByStatus(this.__filterUsersByRole(users, e), this.state.statusFilter)\r\n\t\t\t})\r\n\t\t}\r\n\t\tif (v.length < 1) {\r\n\t\t\tthis.setState({ filteredUsers: this.__filterUsersByStatus(users, this.state.statusFilter) })\r\n\t\t}\r\n\t\tthis.setState({ roleFilter: { label: e.label, value: e.value } })\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst { classes, createNewAccountDuck, systemDataDuck } = this.props\r\n\t\tconst { editingUser, editingUsername, deletingUser, roleFilter, filteredUsers, statusFilter } = this.state\r\n\r\n\t\tconst hasCreatePermission = hasPermissions([USER_ADMIN_ACCOUNT_CREATE_PERMISSION])\r\n\t\tconst hasEditPermission = hasPermissions([USER_ADMIN_ACCOUNT_EDIT_PERMISSION])\r\n\t\tconst hasReadPermission = hasPermissions([USER_ADMIN_ACCOUNT_READ_PERMISSION]) || hasCreatePermission || hasEditPermission\r\n\r\n\t\tconst RolesDropDown = rolesToLabelObject(systemDataDuck.roles)\r\n\t\tRolesDropDown.unshift({ label: 'View All', value: '' })\r\n\r\n\t\treturn (\r\n\t\t\t\r\n {hasReadPermission && \r\n \r\n \r\n {campaignPeriodDuck.campaigns.length > 0 &&\r\n \r\n \r\n \r\n }\r\n \r\n \r\n\r\n \r\n {hasCreatePermission &&\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n }\r\n \r\n }\r\n
\r\n \r\n\t\t\t\t}*/}\r\n\t\t\t\t{Object.keys(deletingUser).length > 0 && (\r\n\t\t\t\t\t\r\n\t\t\t\t)}\r\n\t\t\t\t{/*{ }*/}\r\n\r\n\t\t\t\t{/*{}*/}\r\n\t\t\t\t\r\n\t\t\t\t{/*{ }*/}\r\n\t\t\t\t{/*{}*/}\r\n\t\t\t\t\r\n\t\t\t\t{/*{ }*/}\r\n\t\t\t\t
\r\n\t\t)\r\n\t}\r\n}\r\n\r\nconst styles = theme => ({\r\n\tcontainer: { ...theme.container },\r\n\ticon: { display: 'inline-block', verticalAlign: 'bottom' },\r\n\tselect: { marginTop: '5px' }\r\n})\r\n\r\nconst mapStateToProps = state => {\r\n\tconst { createNewAccountDuck, systemDataDuck, iataDuck } = state\r\n\r\n\treturn { createNewAccountDuck, systemDataDuck, iataDuck }\r\n}\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n\treturn {\r\n\t\tupdateCreateNewAccountDuck: (k, v) => dispatch(updateCreateNewAccountDuck(k, v)),\r\n\t\tgetRoles: () => dispatch(getRoles()),\r\n\t\tsubmitCreateNewAccount: fields => dispatch(submitCreateNewAccount(fields)),\r\n\t\tgetUsers: () => dispatch(getUsers()),\r\n\t\tdeleteUser: id => dispatch(deleteUser(id)),\r\n\t\tupdateUser: user => dispatch(updateUser(user)),\r\n\t\tunlockUser: user => dispatch(unlockUser(user)),\r\n\t\tgetAllIata: () => dispatch(getAllIata())\r\n\t}\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(withStyles(styles)(CreateNewAccount))\r\n","import React, {Component} from 'react'\r\nimport {Grid, Typography, FormGroup, FormControlLabel, Switch, Divider} from '@material-ui/core'\r\n\r\nclass UserAccessAccountRightsTable extends Component {\r\n\r\n render() {\r\n const userAdmin = [\r\n {key: 'User_Admin.CampaignRead', label: 'Campaign Read'},\r\n {key: 'User_Admin.CampaignCreate', label: 'Campaign Create'},\r\n {key: 'User_Admin.CampaignEdit', label: 'Campaign Edit'},\r\n {key: 'User_Admin.AccountRead', label: 'Account Read'},\r\n {key: 'User_Admin.AccountCreate', label: 'Account Create'},\r\n {key: 'User_Admin.AccountEdit', label: 'Account Edit'},\r\n {key: 'User_Admin.RoleRead', label: 'Role Read'},\r\n {key: 'User_Admin.RoleCreate', label: 'Role Create'},\r\n {key: 'User_Admin.RoleEdit', label: 'Role Edit'},\r\n {key: 'User_Admin.BannerRead', label: 'Banner Read'},\r\n {key: 'User_Admin.BannerCreate', label: 'Banner Create'},\r\n {key: 'User_Admin.BannerEdit', label: 'Banner Edit'}\r\n ]\r\n\r\n const group = [\r\n {key: 'Group.Approver', label: 'Approver'},\r\n {key: 'Group.Creator', label: 'Creator'},\r\n {key: 'Group.Issuer', label: 'Issuer'},\r\n {key: 'Group.View', label: 'View'},\r\n ]\r\n\r\n const individual = [\r\n {key: 'Individual.Issuer', label: 'Issuer'},\r\n {key: 'Individual.Editor', label: 'Editor'},\r\n //{key: 'Individual.View', label: 'View'}\r\n ]\r\n\r\n const appeal = [\r\n {key: 'Appeal.Editor', label: 'Editor'},\r\n {key: 'Appeal.Approver', label: 'Approver'},\r\n {key: 'Appeal.SuperApprover', label: 'SuperApprover'},\r\n ]\r\n\r\n const search = [\r\n {key: 'Search.Group', label: 'Group'},\r\n {key: 'Search.Passenger', label: 'Passenger'}\r\n ]\r\n\r\n return (\r\n \r\n\t\t\t\t\t{hasReadPermission && (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t this.onFilterChange(e)} label={'Role Filter'} />\r\n\r\n\t\t\t\t\t\t\t\t\tStatus \r\n\t\t\t\t\t\t\t\t\t this.handleStatusRadioGroupChange(e)}\r\n\t\t\t\t\t\t\t\t\t\tvalue={statusFilter}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t{hasCreatePermission && (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t this.onFormChange('name', e)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue={createNewAccountDuck.name}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tfullWidth\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t this.onFormChange('emailAddress', e)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue={createNewAccountDuck.emailAddress}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvariant='outlined'\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tfullWidth\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t this.onFormChange('contactNo', e)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue={createNewAccountDuck.contactNo}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvariant='outlined'\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tfullWidth\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t \r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t ({ label: iata.iataCode, value: iata.iataCode }))}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={e => this.onPosChange(e)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tlabel={'POS'}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t \r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t this.onRoleChange(e)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tlabel={'Role'}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\terror={this.state.roleNamesError !== ''}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\thelperText={this.state.roleNamesError}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t \r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t this.onFormChange('startActiveTime', e)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue={createNewAccountDuck.startActiveTime}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tInputLabelProps={{shrink: true}} fullWidth/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t this.onFormChange('endActiveTime', e)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue={createNewAccountDuck.endActiveTime}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tInputLabelProps={{shrink: true}} fullWidth/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\t \r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t)}\r\n\t\t\t\t
\r\n\t\t\t\t\r\n \r\n }*/}\r\n {Object.keys(deletingRole).length > 0 &&\r\n }\r\n {/*{ }*/}\r\n\r\n \r\n\r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nconst styles = theme => ({\r\n container: {...theme.container}\r\n})\r\n\r\nconst mapStateToProps = state => {\r\n const {userAccessAccountDuck, systemDataDuck} = state\r\n\r\n return {userAccessAccountDuck, systemDataDuck}\r\n}\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n return {\r\n updateUserAccessAccountDuck: (k, v) => dispatch(updateUserAccessAccountDuck(k, v)),\r\n getPermissions: () => dispatch(getPermissions()),\r\n getAllRoles: () => dispatch(getAllRoles()),\r\n updateRole: fields => dispatch(updateRole(fields)),\r\n updateUserAccessAccountPermissions: (k, v) => dispatch(updateUserAccessAccountPermissions(k, v)),\r\n createRole: fields => dispatch(createRole(fields)),\r\n deleteRole: Id => dispatch(deleteRole(Id))\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(withStyles(styles)(UserAccessAccount))","import React, {Component} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {withStyles, Grid, Button, TextField} from '@material-ui/core'\r\nimport Header from '../containers/Header.js'\r\nimport AdminSettingsNav from '../containers/adminSettings/AdminSettingsNav'\r\nimport {TITLE_PREFIX} from '../constants/titlePrefix'\r\nimport StyledSection from '../components/StyledSection'\r\nimport StyledTable from '../components/StyledTable'\r\nimport StyledSelect from '../components/StyledSelect'\r\nimport GlobalTimeChecker from \"../containers/GlobalTimeChecker\";\r\n\r\nconst REJECT_TABLE_FIELDS = [\r\n {key: 'id', label: 'S/N'},\r\n {key: 'rejectReason', label: 'Reject reason'},\r\n {key: 'emailTemplate', label: 'Email template'},\r\n {key: 'system', label: 'system'}\r\n]\r\n\r\nconst DATA = [\r\n {id: 1, rejectReason: 'reasons', emailTemplate: 'nil', system: 'CSO'}\r\n]\r\n\r\nclass RejectReason extends Component {\r\n\r\n componentDidMount() {\r\n document.title = `${TITLE_PREFIX} Admin settings - Reject Reason`\r\n }\r\n\r\n onSubmit = () => {\r\n\r\n }\r\n\r\n render() {\r\n const {classes} = this.props\r\n\r\n return (\r\n \r\n {hasReadPermission && \r\n \r\n \r\n {systemDataDuck.roles.length > 0 && \r\n \r\n\r\n {hasCreatePermission && \r\n \r\n \r\n \r\n this.props.updateUserAccessAccountDuck('roleNameField', e.target.value)}/>\r\n \r\n\r\n {permissionsLoaded &&\r\n }\r\n\r\n \r\n \r\n \r\n \r\n \r\n }\r\n }\r\n
\r\n \r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nconst styles = theme => ({\r\n container: {...theme.container}\r\n})\r\n\r\nexport default connect(null, null)(withStyles(styles)(RejectReason))","import React, {Component} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {withStyles, Grid, Button} from '@material-ui/core'\r\nimport Header from '../containers/Header.js'\r\nimport AdminSettingsNav from '../containers/adminSettings/AdminSettingsNav'\r\nimport {TITLE_PREFIX} from '../constants/titlePrefix'\r\nimport StyledSection from '../components/StyledSection'\r\nimport StyledTable from '../components/StyledTable'\r\nimport GlobalTimeChecker from \"../containers/GlobalTimeChecker\";\r\n\r\nconst EMAIL_TABLE_FIELDS = [\r\n {key: 'id', label: 'S/N'},\r\n {key: 'templateName', label: 'Email Template Name'}\r\n]\r\n\r\nconst DATA = [\r\n {id: 1, templateName: 'Not within campaign period'},\r\n {id: 2, templateName: 'Not within campaign period'}\r\n]\r\n\r\nclass EmailTemplate extends Component {\r\n\r\n componentDidMount() {\r\n document.title = `${TITLE_PREFIX} Admin settings - Email Template`\r\n }\r\n\r\n onCreate = () => {\r\n\r\n }\r\n\r\n render() {\r\n const {classes} = this.props\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nconst styles = theme => ({\r\n container: {...theme.container}\r\n})\r\n\r\nexport default connect(null, null)(withStyles(styles)(EmailTemplate))","import React, {Component} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {\r\n withStyles,\r\n Paper,\r\n Table,\r\n TableHead,\r\n TableRow,\r\n TableBody,\r\n TableCell,\r\n Typography,\r\n TextField, Dialog, DialogTitle, DialogContent, Grid, DialogActions, Button\r\n} from '@material-ui/core'\r\nimport {updateSingleBannerDetails, voidBanner, getAllBanner} from '../ducks/bannerDuck'\r\nimport StyledDeleteBtn from './StyledDeleteBtn'\r\nimport {Warning} from '@material-ui/icons'\r\nimport StyledSnackbar from '../components/StyledSnackbar'\r\nimport {hasPermissions} from '../helpers/utilities'\r\nimport {USER_ADMIN_BANNER_EDIT_PERMISSION} from '../constants/permissions'\r\n\r\nconst BANNER_TABLE_FIELDS = [\r\n {key: 'uri', label: 'Images'},\r\n {key: 'name', label: 'Banner name'},\r\n {key: 'sortPriority', label: 'Order'}\r\n]\r\n\r\nclass BannerTable extends Component {\r\n constructor(props, context) {\r\n super(props, context)\r\n this.state = {\r\n sortedBanners: [],\r\n deletingBanner: {},\r\n showDeleteDialog: false,\r\n showSnackbar: false,\r\n snackbarMessage: '',\r\n snackbarVariant: 'success'\r\n }\r\n }\r\n\r\n componentDidMount = async () => {\r\n const rs = await this.props.getAllBanner()\r\n if (!rs.success) this.setState({showSnackbar: true, snackbarVariant: 'error', snackbarMessage: rs.message})\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n const {bannerDuck: {getAllBannerIsLoading, banners}} = this.props\r\n if (prevProps.bannerDuck.getAllBannerIsLoading === true && getAllBannerIsLoading === false) {\r\n const {bannerDuck: {banners}} = this.props\r\n if (banners.length > 0 && banners[0].uri) {\r\n const sortedBanners = banners.filter(b => !b.isDeleted)\r\n sortedBanners.sort((b1, b2) => b1.sortPriority - b2.sortPriority)\r\n this.setState({sortedBanners})\r\n }\r\n }\r\n\r\n if (prevProps.bannerDuck.banners !== banners) {\r\n if (banners.length > 0 && banners[0].uri) {\r\n const sortedBanners = banners.filter(b => !b.isDeleted)\r\n sortedBanners.sort((b1, b2) => b1.sortPriority - b2.sortPriority)\r\n this.setState({sortedBanners})\r\n }\r\n }\r\n }\r\n\r\n onOrderChange = (banner, e) => {\r\n this.props.updateSingleBannerDetails(banner.id, 'sortPriority', e.target.value)\r\n }\r\n\r\n onDelete = deletingBanner => {\r\n this.setState({deletingBanner, showDeleteDialog: true})\r\n }\r\n\r\n onDeleteConfirm = async () => {\r\n const data = {bannerList: [{...this.state.deletingBanner}]}\r\n const rs = await this.props.voidBanner(data)\r\n if (rs.success) {\r\n this.setState({\r\n showSnackbar: true,\r\n snackbarVariant: 'success',\r\n snackbarMessage: `Deleted banner ${this.state.deletingBanner.name}`,\r\n showDeleteDialog: false\r\n\r\n })\r\n this.props.getAllBanner()\r\n } else {\r\n this.setState({\r\n showSnackbar: true,\r\n snackbarVariant: 'error',\r\n snackbarMessage: rs.message,\r\n showDeleteDialog: false\r\n })\r\n }\r\n }\r\n\r\n onDeleteCancel = () => {\r\n this.setState({showDeleteDialog: false})\r\n }\r\n\r\n onNameChange = (banner, e) => {\r\n this.props.updateSingleBannerDetails(banner.id, 'name', e.target.value)\r\n }\r\n\r\n closeSnackbar = () => {\r\n this.setState({showSnackbar: false})\r\n }\r\n\r\n render() {\r\n const {classes} = this.props\r\n const {sortedBanners, deletingBanner} = this.state\r\n\r\n const hasEditPermission = hasPermissions([USER_ADMIN_BANNER_EDIT_PERMISSION])\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n
\r\n \r\n {/*{}*/}\r\n {Object.keys(deletingBanner).length > 0 &&\r\n }\r\n {/*{ }*/}\r\n\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nconst styles = theme => ({\r\n container: {...theme.container},\r\n image: {maxWidth: '100%', width: '200px'}\r\n})\r\n\r\nconst mapStateToProps = state => {\r\n const {bannerDuck} = state\r\n\r\n return {bannerDuck}\r\n}\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n return {\r\n getAllBanner: () => dispatch(getAllBanner()),\r\n updateSingleBannerDetails: (id, k, v) => dispatch(updateSingleBannerDetails(id, k, v)),\r\n voidBanner: data => dispatch(voidBanner(data))\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(withStyles(styles)(BannerTable))","import React, {Component} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {withStyles, Grid, Button, TextField, Typography} from '@material-ui/core'\r\nimport Header from '../containers/Header.js'\r\nimport AdminSettingsNav from '../containers/adminSettings/AdminSettingsNav'\r\nimport {TITLE_PREFIX} from '../constants/titlePrefix'\r\nimport StyledSection from '../components/StyledSection'\r\nimport BannerTable from '../components/BannerTable'\r\nimport {getAllBanner, addBanner, editBanner} from '../ducks/bannerDuck'\r\nimport StyledSnackbar from '../components/StyledSnackbar'\r\nimport GeneralDropzone from '../components/generalForm/GeneralDropzone'\r\nimport {REQUIRED_ERROR_MSG} from '../constants/messages'\r\nimport {hasPermissions} from '../helpers/utilities'\r\nimport {\r\n USER_ADMIN_BANNER_READ_PERMISSION, USER_ADMIN_BANNER_CREATE_PERMISSION, USER_ADMIN_BANNER_EDIT_PERMISSION\r\n} from '../constants/permissions'\r\nimport GlobalTimeChecker from '../containers/GlobalTimeChecker'\r\n\r\nclass BannerScreen extends Component {\r\n constructor(props, context) {\r\n super(props, context)\r\n this.state = {\r\n showSnackbar: false,\r\n snackbarMessage: '',\r\n snackbarVariant: 'success',\r\n selectedFile: '',\r\n selectedFileError: '',\r\n bannerName: '',\r\n bannerNameError: '',\r\n bannerSortPriority: ''\r\n }\r\n }\r\n\r\n componentDidMount = async () => {\r\n document.title = `${TITLE_PREFIX} Admin settings - Banner`\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n const {bannerDuck: {getAllBannerIsLoading}} = this.props\r\n let banners = [{id: 0, name: '', uri: '', order: 0, sortPriority: 1}]\r\n if (prevProps.bannerDuck.getAllBannerIsLoading === true && getAllBannerIsLoading === false) {\r\n const bannerSortPriority = banners[banners.length - 1].sortPriority + 1\r\n this.setState({bannerSortPriority})\r\n }\r\n }\r\n\r\n validateSubmit = () => {\r\n const {bannerName, selectedFile} = this.state\r\n let rs = true\r\n if (bannerName === '') {\r\n this.setState({bannerNameError: REQUIRED_ERROR_MSG})\r\n rs = false\r\n } else {\r\n this.setState({bannerNameError: ''})\r\n }\r\n\r\n if (typeof selectedFile !== 'object') {\r\n this.setState({selectedFileError: REQUIRED_ERROR_MSG})\r\n rs = false\r\n } else {\r\n this.setState({selectedFileError: ''})\r\n }\r\n return rs\r\n }\r\n\r\n onSubmit = async () => {\r\n if (!this.validateSubmit()) return\r\n\r\n const formData = new FormData()\r\n const {selectedFile} = this.state\r\n formData.append('file', selectedFile, selectedFile.name)\r\n\r\n const {bannerName, bannerSortPriority} = this.state\r\n const params = {name: bannerName, sortPriority: bannerSortPriority}\r\n const rs = await this.props.addBanner(params, formData)\r\n this.props.getAllBanner()\r\n rs.success\r\n ? this.setState({\r\n showSnackbar: true,\r\n snackbarVariant: 'success',\r\n snackbarMessage: 'Banner uploaded',\r\n selectedFile: '',\r\n bannerName: '',\r\n bannerSortPriority: this.state.bannerSortPriority + 1\r\n })\r\n : this.setState({\r\n showSnackbar: true,\r\n snackbarVariant: 'error',\r\n snackbarMessage: rs.message,\r\n selectedFile: ''\r\n })\r\n\r\n }\r\n\r\n closeSnackbar = () => {\r\n this.setState({showSnackbar: false})\r\n }\r\n\r\n onDrop = (acceptedFiles, rejectedFiles) => {\r\n if (acceptedFiles.length === 1) {\r\n this.setState({selectedFile: acceptedFiles[0]})\r\n } else {\r\n this.setState({showSnackbar: true, snackbarVariant: 'error', snackbarMessage: 'Please upload one file at a time'})\r\n }\r\n if (rejectedFiles.length > 0) {\r\n this.setState({showSnackbar: true, snackbarVariant: 'error', snackbarMessage: `${rejectedFiles[0].name} is not valid. Please upload only images`})\r\n }\r\n }\r\n\r\n onUpdate = async () => {\r\n const rs = await this.props.editBanner()\r\n if (rs.success) {\r\n this.setState({showSnackbar: true, snackbarVariant: 'success', snackbarMessage: 'Banners updated'})\r\n this.props.getAllBanner()\r\n } else {\r\n this.setState({showSnackbar: true, snackbarVariant: 'error', snackbarMessage: rs.message})\r\n }\r\n }\r\n\r\n onUploadFieldsChange = (k, e) => {\r\n if (k === 'name') this.setState({bannerName: e.target.value})\r\n if (k === 'order') this.setState({bannerSortPriority: e.target.value})\r\n }\r\n\r\n render() {\r\n const {classes, bannerDuck: {getAllBannerIsLoading, addBannerIsLoading, banners}} = this.props\r\n const {bannerNameError, selectedFileError} = this.state\r\n\r\n const hasEditPermission = hasPermissions([USER_ADMIN_BANNER_EDIT_PERMISSION])\r\n const hasCreatePermission = hasPermissions([USER_ADMIN_BANNER_CREATE_PERMISSION])\r\n const hasReadPermission = hasPermissions([USER_ADMIN_BANNER_READ_PERMISSION]) || hasEditPermission || hasCreatePermission\r\n\r\n return (\r\n \r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nconst styles = theme => ({\r\n container: {...theme.container}\r\n})\r\n\r\nconst mapStateToProps = state => {\r\n const {bannerDuck} = state\r\n\r\n return {bannerDuck}\r\n}\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n return {\r\n getAllBanner: () => dispatch(getAllBanner()),\r\n addBanner: (params, formData) => dispatch(addBanner(params, formData)),\r\n editBanner: () => dispatch(editBanner())\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(withStyles(styles)(BannerScreen))","import React, {PureComponent} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {Redirect} from 'react-router'\r\nimport {withStyles} from '@material-ui/core'\r\nimport {TITLE_PREFIX} from '../constants/titlePrefix'\r\nimport {updateAuthDuck} from '../ducks/authDuck'\r\nimport {HubConnectionBuilder} from '@aspnet/signalr'\r\nimport {signalRURL} from '../config/config'\r\nimport signalRConstants from '../helpers/signalRConstants'\r\n\r\nclass LogoutScreen extends PureComponent {\r\n constructor(props, context) {\r\n super(props, context)\r\n this.state = {\r\n loggedOut: false\r\n }\r\n }\r\n\r\n componentDidMount = () => {\r\n document.title = `${TITLE_PREFIX} Logout`\r\n console.log('clearing all data')\r\n localStorage.clear()\r\n this.props.updateAuthDuck('isLoggedIn', null)\r\n\r\n this.hubConnection = new HubConnectionBuilder().withUrl(signalRURL).build()\r\n this._startSignalRConnection()\r\n this.hubConnection.onclose(async () => {\r\n await this._startSignalRConnection()\r\n })\r\n // this.setState({loggedOut: true})\r\n setTimeout(() => window.location = window.location.origin, 2000)\r\n }\r\n\r\n _startSignalRConnection = async () => {\r\n this.hubConnection.start()\r\n .then(() => {console.log('Connection started!'); this._sendMessage();}).catch(err => {\r\n setTimeout(() => this._startSignalRConnection(), 5000)\r\n console.log('Error while establishing connection :(')\r\n })\r\n }\r\n\r\n _sendMessage = () => {\r\n let messageType = signalRConstants.REFRESH_CLIENT\r\n\r\n const user = localStorage.getItem('username')\r\n let messageObj = {\r\n user,\r\n type: messageType\r\n }\r\n let messageStr = JSON.stringify(messageObj)\r\n this.hubConnection.invoke('SendMessage', 'default', messageStr).catch(function (err) {\r\n return console.error(err.toString())\r\n })\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n {hasReadPermission && \r\n \r\n \r\n \r\n \r\n \r\n {hasEditPermission && banners.length>0 && banners[0].uri && \r\n \r\n }\r\n \r\n \r\n \r\n\r\n {hasCreatePermission && \r\n \r\n \r\n \r\n \r\n this.onUploadFieldsChange('name', e)}\r\n fullWidth error={!!bannerNameError} helperText={bannerNameError}/>\r\n \r\n \r\n this.onUploadFieldsChange('order', e)}\r\n fullWidth/>\r\n \r\n \r\n\r\n \r\n \r\n \r\n {this.state.selectedFile.name && (\r\n \r\n {this.state.selectedFile.name}\r\n \r\n )}\r\n {selectedFileError && {selectedFileError} }\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n }\r\n }\r\n
\r\n \r\n {this.state.loggedOut &&
\r\n )\r\n }\r\n}\r\n\r\nconst styles = theme => ({\r\n container: {...theme.container}\r\n})\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n return {\r\n updateAuthDuck: (k, v) => dispatch(updateAuthDuck(k, v))\r\n }\r\n}\r\n\r\nexport default connect(null, mapDispatchToProps)(withStyles(styles)(LogoutScreen))\r\n","import React, { Component } from 'react'\r\nimport { connect } from 'react-redux'\r\nimport { withStyles, Fab, Button, Grid } from '@material-ui/core'\r\nimport Header from '../containers/Header'\r\nimport { Print, ScreenShare } from '@material-ui/icons'\r\nimport { resetIndividualFormReducer, updateIndividualFormDuck } from '../ducks/individualFormDuck'\r\nimport { TITLE_PREFIX } from '../constants/titlePrefix'\r\nimport GlobalTimeChecker from '../containers/GlobalTimeChecker'\r\nimport CollectorSuccessDisplay from '../containers/individual/CollectorSuccessDisplay'\r\nimport { HubConnectionBuilder } from '@aspnet/signalr'\r\nimport { signalRURL } from '../config/config'\r\nimport signalRConstants from '../helpers/signalRConstants'\r\n\r\nclass IndividualCollectorSuccess extends Component {\r\n\tconstructor(props, context) {\r\n\t\tsuper(props, context)\r\n\t\tthis.state = {\r\n\t\t\tconsentError: '',\r\n\t\t\ttotalCtpGenValue: 0,\r\n\t\t\ttotalCtpLpcValue: 0,\r\n\t\t\tundeletedPax: 0,\r\n\t\t\tTABLE_HEAD: [],\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tdocument.title = `${TITLE_PREFIX} Individual Collector Success`\r\n\r\n\t\tthis.hubConnection = new HubConnectionBuilder().withUrl(signalRURL).build()\r\n\t\tthis._startSignalRConnection()\r\n\t\tthis.hubConnection.on('ReceiveMessage', this._receiveMessage)\r\n\t\tthis.hubConnection.onclose(async () => {\r\n\t\t\tawait this._startSignalRConnection()\r\n\t\t})\r\n\r\n\t\tconst {\r\n\t\t\tindividualFormDuck: { formDetailsList },\r\n\t\t} = this.props\r\n\t\tlet totalCtpGenValue = 0\r\n\t\tlet totalCtpLpcValue = 0\r\n\t\tlet undeletedPax = 0\r\n\t\tfor (const p of formDetailsList) {\r\n\t\t\tif (!p.isDeleted) {\r\n\t\t\t\ttotalCtpGenValue = totalCtpGenValue + p.ctpGenValue\r\n\t\t\t\ttotalCtpLpcValue = totalCtpLpcValue + p.ctpLpcValue\r\n\t\t\t\tundeletedPax++\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tthis.setState({ totalCtpGenValue, totalCtpLpcValue, undeletedPax })\r\n\t}\r\n\r\n\t_startSignalRConnection = async () => {\r\n\t\tthis.hubConnection\r\n\t\t\t.start()\r\n\t\t\t.then(() => console.log('Connection started!'))\r\n\t\t\t.catch((err) => {\r\n\t\t\t\tsetTimeout(() => this._startSignalRConnection(), 5000)\r\n\t\t\t\tconsole.log('Error while establishing connection :(')\r\n\t\t\t})\r\n\t}\r\n\r\n\t_sendMessage = (dataObj, messageType) => {\r\n\t\tconst user = localStorage.getItem('username')\r\n\t\tlet messageObj = {\r\n\t\t\tuser,\r\n\t\t\ttype: messageType,\r\n\t\t\tsource: signalRConstants.USER_CONCIERGE,\r\n\t\t\tdata: dataObj,\r\n\t\t}\r\n\t\tlet messageStr = JSON.stringify(messageObj)\r\n\t\tthis.hubConnection.invoke('SendMessage', 'default', messageStr).catch(function(err) {\r\n\t\t\treturn console.error(err.toString())\r\n\t\t})\r\n\t}\r\n\r\n\t_receiveMessage = (user, messageStr) => {\r\n\t\tlet messageObj = JSON.parse(messageStr)\r\n\r\n\t\tif (messageObj.source === signalRConstants.USER_CONCIERGE) return\r\n\t\tconst currentUser = localStorage.getItem('username')\r\n\t\tif (messageObj.user !== currentUser) return\r\n\r\n\t\tif (messageObj.data) {\r\n\t\t\tconst { collectorDetails, formState, formDetailsList } = messageObj.data\r\n\t\t\tthis.props.updateCollectorDetails(collectorDetails)\r\n\t\t\tif (formState) this.setState({ formState })\r\n\t\t\tif (formDetailsList) this.props.updateFormDetailsList(formDetailsList)\r\n\t\t\tif (messageObj.type === signalRConstants.CLIENT_DONE) {\r\n\t\t\t\tthis.setState({ clientIsDone: true, isSharingScreen: false, formState })\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t_toolbarButtons = () => {\r\n\t\treturn [\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t
,\r\n\t\t]\r\n\t}\r\n\r\n\tonScreenShare = () => {\r\n\t\tthis._sendMessage(\r\n\t\t\t{\r\n\t\t\t\tcollectorDetails: this.props.individualFormDuck.collectorDetails,\r\n\t\t\t\tformDetailsList: this.props.individualFormDuck.formDetailsList,\r\n\t\t\t},\r\n\t\t\tsignalRConstants.DISPLAY_INDIVIDUAL_COLLECTOR_SUCCESS\r\n\t\t)\r\n\t}\r\n\r\n\tonPrint = () => {\r\n\t\twindow.print()\r\n\t}\r\n\r\n\tonBackClick = () => {\r\n\t\tthis._sendMessage({}, signalRConstants.EXIT_INDIVIDUAL_COLLECTOR_SUCCESS)\r\n\t\tthis.props.resetIndividualFormReducer()\r\n\t\t//this.props.resetRedemptionTransactionReducer()\r\n\r\n\t\t//this.props.history.push('/individual')\r\n\t\twindow.location.replace('/individual')\r\n\t}\r\n\r\n\tonPrintAll = () => {\r\n\t\twindow.open('print-card?state=ctp_app&id=' + this.props.individualFormDuck.redemptionTransactionId)\r\n\t}\r\n\r\n\tshouldDisablePrintAll = () => {\r\n\t\tif (\r\n\t\t\t(this.props.individualFormDuck.ctpDigitalCards && this.props.individualFormDuck.ctpDigitalCards.length) ||\r\n\t\t\t(this.props.individualFormDuck.preloadedVouchersCards && this.props.individualFormDuck.preloadedVouchersCards.length)\r\n\t\t) {\r\n\t\t\treturn false\r\n\t\t}\r\n\t\treturn true\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst { classes } = this.props\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t)\r\n\t}\r\n}\r\n\r\nconst styles = (theme) => ({\r\n\tcontainer: { ...theme.container },\r\n\trow: { display: 'flex' },\r\n\trowItem: { display: 'flex', flex: 1, marginRight: 60, alignItems: 'center' },\r\n\tflexStart: { alignItems: 'flex-start' },\r\n\tconsentText: { fontSize: '0.8125rem' },\r\n})\r\n\r\nconst mapStateToProps = (state) => {\r\n\tconst { individualFormDuck } = state\r\n\r\n\treturn { individualFormDuck }\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n\treturn {\r\n\t\tresetIndividualFormReducer: () => dispatch(resetIndividualFormReducer()),\r\n\t\t//resetRedemptionTransactionReducer: () => dispatch(resetRedemptionTransactionReducer()),\r\n\t\tupdateIndividualFormDuck: (obj) => dispatch(updateIndividualFormDuck(obj)),\r\n\t}\r\n}\r\n\r\nexport default connect(\r\n\tmapStateToProps,\r\n\tmapDispatchToProps\r\n)(withStyles(styles)(IndividualCollectorSuccess))\r\n","import React, { Component } from 'react'\r\nimport { connect } from 'react-redux'\r\nimport { withStyles, Fab } from '@material-ui/core'\r\nimport Header from '../containers/Header'\r\nimport { Print, ScreenShare } from '@material-ui/icons'\r\nimport { resetGroupRedemptionFormReducer } from '../ducks/groupRedemptionFormDuck'\r\nimport GlobalTimeChecker from '../containers/GlobalTimeChecker'\r\nimport GroupCollectorSuccessDisplay from '../containers/group/GroupCollectorSuccessDisplay'\r\nimport { signalRURL } from '../config/config'\r\nimport signalRConstants from '../helpers/signalRConstants'\r\nimport { HubConnectionBuilder } from '@aspnet/signalr'\r\n\r\nclass GroupCollectorSuccess extends Component {\r\n\tconstructor(props, context) {\r\n\t\tsuper(props, context)\r\n\t\tthis.state = {\r\n\t\t\tconsentError: '',\r\n\t\t\ttotalCtpGenValue: 0,\r\n\t\t\ttotalCtpLpcValue: 0,\r\n\t\t\tundeletedPax: 0,\r\n\t\t\tTABLE_HEAD: []\r\n\t\t}\r\n\t}\r\n\r\n\t_toolbarButtons = () => {\r\n\t\treturn [\r\n\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t\t\r\n\t\t\t\t\t \r\n\t\t\t
\r\n\t\t]\r\n\t}\r\n\r\n\t_startSignalRConnection = async () => {\r\n\t\tthis.hubConnection\r\n\t\t\t.start()\r\n\t\t\t.then(() => console.log('Connection started!'))\r\n\t\t\t.catch(err => {\r\n\t\t\t\tsetTimeout(() => this._startSignalRConnection(), 5000)\r\n\t\t\t\tconsole.log('Error while establishing connection :(')\r\n\t\t\t})\r\n\t}\r\n\r\n\t_sendMessage = (dataObj, messageType) => {\r\n\t\tconst user = localStorage.getItem('username')\r\n\t\tlet messageObj = {\r\n\t\t\tuser,\r\n\t\t\ttype: messageType,\r\n\t\t\tsource: signalRConstants.USER_CONCIERGE,\r\n\t\t\tdata: dataObj\r\n\t\t}\r\n\t\tlet messageStr = JSON.stringify(messageObj)\r\n\t\tthis.hubConnection.invoke('SendMessage', 'default', messageStr).catch(function(err) {\r\n\t\t\treturn console.error(err.toString())\r\n\t\t})\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tthis.hubConnection = new HubConnectionBuilder().withUrl(signalRURL).build()\r\n\t\tthis._startSignalRConnection()\r\n\t\tthis.hubConnection.on('ReceiveMessage', this._receiveMessage)\r\n\t\tthis.hubConnection.onclose(async () => {\r\n\t\t\tawait this._startSignalRConnection()\r\n\t\t})\r\n\t}\r\n\r\n\tonScreenShare = () => {\r\n\t\tthis._sendMessage(\r\n\t\t\t{\r\n\t\t\t\tgroup: this.props.groupRedemptionFormDuck.group,\r\n\t\t\t\ttourLeader: this.props.groupRedemptionFormDuck.tourLeader,\r\n\t\t\t\tcollector: this.props.groupRedemptionFormDuck.collector,\r\n\t\t\t\tpassengers: this.props.groupRedemptionFormDuck.passengers,\r\n\t\t\t\tsignatureUri: this.props.groupRedemptionFormDuck.signatureUri\r\n\t\t\t},\r\n\t\t\tsignalRConstants.DISPLAY_GROUP_COLLECTOR_SUCCESS\r\n\t\t)\r\n\t}\r\n\r\n\tonPrint = () => {\r\n\t\twindow.print()\r\n\t}\r\n\r\n\tonBackClick = () => {\r\n\t\tthis.props.resetGroupRedemptionFormReducer()\r\n\t\twindow.location.replace('/group/group-submission')\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t)\r\n\t}\r\n}\r\n\r\nconst styles = theme => ({\r\n\tcontainer: { ...theme.container },\r\n\trow: { display: 'flex' },\r\n\trowItem: { display: 'flex', flex: 1, marginRight: 60, alignItems: 'center' },\r\n\tflexStart: { alignItems: 'flex-start' },\r\n\tconsentText: { fontSize: '0.8125rem' },\r\n\tbuttonMargin: { marginTop: '2rem' }\r\n})\r\n\r\nconst mapStateToProps = state => {\r\n\tconst { groupRedemptionFormDuck } = state\r\n\r\n\treturn { groupRedemptionFormDuck }\r\n}\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n\treturn {\r\n\t\tresetGroupRedemptionFormReducer: () => dispatch(resetGroupRedemptionFormReducer())\r\n\t}\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(withStyles(styles)(GroupCollectorSuccess))\r\n","import React, {Component} from 'react'\r\nimport Header from '../containers/Header'\r\nimport {withStyles, Button, Grid} from '@material-ui/core'\r\nimport StyledSection from '../components/StyledSection'\r\nimport GroupReferenceForm from '../containers/group/GroupReferenceForm'\r\nimport GroupHeader from '../containers/group/GroupHeader.js'\r\nimport {TITLE_PREFIX} from '../constants/titlePrefix'\r\nimport {GROUP_TYPE_ACTION_REQUIRED} from '../constants/groupType'\r\nimport GlobalTimeChecker from '../containers/GlobalTimeChecker'\r\nimport AuditLogTable from '../components/AuditLogTable'\r\nimport {hasPermissions} from '../helpers/utilities'\r\nimport {GROUP_CREATOR_PERMISSION} from '../constants/permissions'\r\nimport {Redirect} from 'react-router-dom'\r\n\r\nclass GroupSubmissionDetail extends Component {\r\n\r\n componentDidMount = async () => {\r\n document.title = `${TITLE_PREFIX} Group - Group Submission Detail`\r\n }\r\n\r\n onBackToListing = () => {\r\n this.props.history.push('/group/group-submission')\r\n }\r\n\r\n render() {\r\n const {classes, match} = this.props\r\n\r\n const hasCreatorPermissions = hasPermissions([GROUP_CREATOR_PERMISSION])\r\n if (!hasCreatorPermissions) {\r\n return \r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nconst styles = theme => ({\r\n container: {...theme.container}\r\n})\r\n\r\nexport default withStyles(styles)(GroupSubmissionDetail)","import React from 'react'\r\nimport PropTypes from 'prop-types'\r\nimport { withStyles } from '@material-ui/core/styles'\r\nimport LinearProgress from '@material-ui/core/LinearProgress'\r\n\r\nconst styles = {\r\n\troot: {\r\n\t\tflexGrow: 1\r\n\t}\r\n}\r\n\r\nfunction LinearIndeterminate(props) {\r\n\tconst { classes } = props\r\n\treturn (\r\n\t\t\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n
\r\n \r\n\t\t\t
\r\n\t)\r\n}\r\n\r\nLinearIndeterminate.propTypes = {\r\n\tclasses: PropTypes.object.isRequired\r\n}\r\n\r\nexport default withStyles(styles)(LinearIndeterminate)\r\n","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { withStyles, Grid, Button, Fab, Typography, RadioGroup, FormControlLabel, Radio } from '@material-ui/core';\r\nimport { green } from '@material-ui/core/colors';\r\nimport Header from '../containers/Header.js';\r\nimport { TITLE_PREFIX } from '../constants/titlePrefix';\r\nimport { HubConnectionBuilder } from '@aspnet/signalr';\r\nimport { signalRURL } from '../config/config';\r\nimport signalRConstants from '../helpers/signalRConstants';\r\nimport StyledSnackbar from '../components/StyledSnackbar';\r\nimport GlobalTimeChecker from '../containers/GlobalTimeChecker';\r\nimport GroupCollectorForm from '../containers/group/GroupCollectorForm';\r\nimport {\r\n createGroupTransactionAndAssignDigitalCards,\r\n groupIssueCards,\r\n updateGroupCollectorDetails,\r\n groupCollectorSignatureUpload,\r\n multipleActivateAndIssueCard\r\n} from '../ducks/groupRedemptionFormDuck';\r\nimport { ScreenShare } from '@material-ui/icons';\r\nimport StyledSection from '../components/StyledSection';\r\nimport { dataURItoBlob } from '../helpers/utilities';\r\nimport GeneralSignature from '../components/generalForm/GeneralSignature';\r\nimport LinearIndeterminate from '../components/LinearIndeterminate';\r\n\r\nclass GroupCollector extends React.Component {\r\n constructor(props, context) {\r\n super(props, context);\r\n this.state = {\r\n formState: {},\r\n showSnackbar: false,\r\n snackbarMessage: '',\r\n snackbarVariant: 'success',\r\n parentDidSubmit: false,\r\n clientIsDone: false,\r\n isSharingScreen: false,\r\n isSubmitted: false,\r\n promiseModalProceedMessage: '',\r\n promiseModalCancelMessage: '',\r\n promiseModalContent: '',\r\n submitType: 'TOUR_LEADER'\r\n };\r\n\r\n this.collectorPersonalDetails = null;\r\n }\r\n\r\n componentDidMount() {\r\n document.title = `${TITLE_PREFIX} Group Collector`;\r\n\r\n this.hubConnection = new HubConnectionBuilder()\r\n .withUrl(signalRURL)\r\n .build();\r\n this._startSignalRConnection();\r\n this.hubConnection.on('ReceiveMessage', this._receiveMessage);\r\n this.hubConnection.onclose(async () => {\r\n await this._startSignalRConnection();\r\n });\r\n\r\n this.props.history.listen(location => {\r\n const { isSubmitted } = this.state;\r\n if (\r\n isSubmitted &&\r\n location.pathname.indexOf('/group/group-issuance') !== -1\r\n ) {\r\n window.location = '/dashboard';\r\n }\r\n });\r\n }\r\n\r\n _startSignalRConnection = async () => {\r\n this.hubConnection\r\n .start()\r\n .then(() => console.log('Connection started!'))\r\n .catch(err => {\r\n setTimeout(() => this._startSignalRConnection(), 5000);\r\n console.log('Error while establishing connection :(');\r\n });\r\n };\r\n\r\n _sendMessage = (data, messageType) => {\r\n const user = localStorage.getItem('username');\r\n let messageObj = {\r\n user,\r\n type: messageType,\r\n source: signalRConstants.USER_CONCIERGE,\r\n data: data\r\n };\r\n\r\n let messageStr = JSON.stringify(messageObj);\r\n this.hubConnection\r\n .invoke('SendMessage', 'default', messageStr)\r\n .catch(function(err) {\r\n return console.error(err.toString());\r\n });\r\n };\r\n\r\n _receiveMessage = (user, messageStr) => {\r\n let messageObj = JSON.parse(messageStr);\r\n\r\n if (messageObj.source === signalRConstants.USER_CONCIERGE) return;\r\n const currentUser = localStorage.getItem('username');\r\n if (messageObj.user !== currentUser) return;\r\n\r\n // if (messageObj.data) {\r\n // const {collectorDetails, formState, formDetailsList} = messageObj.data\r\n // this.props.updateCollectorDetails(collectorDetails)\r\n // if (formState) this.setState({formState})\r\n // if (formDetailsList) this.props.updateFormDetailsList(formDetailsList)\r\n // if (messageObj.type === signalRConstants.CLIENT_DONE) {\r\n // this.setState({clientIsDone: true, formState})\r\n // }\r\n // }\r\n\r\n if (messageObj.type === signalRConstants.UPDATE_GROUP_COLLECTOR_FORM) {\r\n const { collector } = messageObj.data;\r\n this.props.updateGroupCollectorDetails(collector);\r\n }\r\n };\r\n\r\n _toolbarButtons = () => {\r\n return [\r\n // \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst styles = theme => ({\r\n container: { ...theme.container },\r\n waiting: { color: green[600], fontSize: '.8rem' }\r\n});\r\n\r\nconst mapStateToProps = state => {\r\n const { groupRedemptionFormDuck } = state;\r\n\r\n return { groupRedemptionFormDuck };\r\n};\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n return {\r\n groupIssueCards: ({\r\n tourLeader,\r\n collector,\r\n group,\r\n passengers,\r\n signatureUri,\r\n cardAssignment,\r\n redemptionTransactionId,\r\n cardActivationResponse\r\n }) =>\r\n dispatch(\r\n groupIssueCards({\r\n tourLeader,\r\n collector,\r\n group,\r\n passengers,\r\n signatureUri,\r\n cardAssignment,\r\n redemptionTransactionId,\r\n cardActivationResponse\r\n })\r\n ),\r\n updateGroupCollectorDetails: collector =>\r\n dispatch(updateGroupCollectorDetails(collector)),\r\n groupCollectorSignatureUpload: (formData, type) =>\r\n dispatch(groupCollectorSignatureUpload(formData, type)),\r\n multipleActivateAndIssueCard: cards =>\r\n dispatch(multipleActivateAndIssueCard(cards)),\r\n createGroupTransactionAndAssignDigitalCards: ({\r\n tourLeader,\r\n collector,\r\n group,\r\n passengers,\r\n signatureUri,\r\n cardAssignment\r\n }) =>\r\n dispatch(\r\n createGroupTransactionAndAssignDigitalCards({\r\n tourLeader,\r\n collector,\r\n group,\r\n passengers,\r\n signatureUri,\r\n cardAssignment\r\n })\r\n )\r\n };\r\n};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(withStyles(styles)(GroupCollector));\r\n","import React, {Component} from 'react'\r\nimport {Redirect} from 'react-router-dom'\r\nimport {hasPermissions} from '../helpers/utilities'\r\nimport {SEARCH_GROUP_PERMISSION, SEARCH_PASSENGER_PERMISSION} from '../constants/permissions'\r\n\r\n/**\r\n * This page exists for routing purpose\r\n */\r\nclass SearchScreen extends Component {\r\n render() {\r\n if (hasPermissions(SEARCH_PASSENGER_PERMISSION)) {\r\n return \r\n \r\n \r\n \r\n \r\n\r\n {!isSharingScreen && !clientIsDone && this.state.submitType === 'TOUR_LEADER' && (\r\n \r\n \r\n \r\n \r\n )}\r\n\r\n \r\n {collector.clientSignatureBase64 && (\r\n \r\n \r\n \r\n Collector's Signature:\r\n \r\n \r\n \r\n \r\n \r\n )}\r\n\r\n \r\n \r\n \r\n {isSubmitted\r\n ? 'Back to dashboard'\r\n : 'Back to issuance'}\r\n \r\n \r\n \r\n \r\n Submit\r\n \r\n \r\n {isSharingScreen && (\r\n \r\n {!collector.clientIsDone && (\r\n \r\n Waiting for client to\r\n confirm....\r\n \r\n )}\r\n {collector.clientIsDone && (\r\n \r\n Client is done\r\n \r\n )}\r\n \r\n )}\r\n \r\n \r\n \r\n
\r\n {this.state.multipleActivateAndIssueCardIsLoading && (\r\n - \r\n\t\t\t\t{keys.map((e, i) => {\r\n\t\t\t\t\tif (d[e] === '') return \r\n\t\t\t\t\treturn
- {d[e]} \r\n\t\t\t\t})}\r\n\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t \r\n\t\t\t
\r\n\t\t)\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n\tconst { printCardDuck } = state\r\n\r\n\treturn { printCardDuck }\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n\treturn { requestForReprinting: (cards, redemptionTransactionId) => dispatch(requestForReprinting(cards, redemptionTransactionId)) }\r\n}\r\n\r\nconst styles = (theme) => ({\r\n\tcontainer: theme.container,\r\n\teticket: { padding: '0 1rem' },\r\n\tclickable: {\r\n\t\tcursor: 'pointer',\r\n\t\tborderBottom: '1px dotted #ccc',\r\n\t},\r\n\tpretravelClickable: {\r\n\t\tcursor: 'pointer',\r\n\t\tborderBottom: '1px dotted #ccc',\r\n\t\tcolor: 'blue',\r\n\t},\r\n\tpreTravelStat: { color: 'blue' },\r\n})\r\n\r\nexport default connect(\r\n\tmapStateToProps,\r\n\tmapDispatchToProps\r\n)(withStyles(styles)(SearchResultTable))\r\n","import React, {Component} from 'react'\r\nimport {withStyles, Toolbar, Button} from '@material-ui/core'\r\nimport CustomNavButton from '../../components/CustomNavButton'\r\n\r\nclass SearchNav extends Component {\r\n render() {\r\n const {classes} = this.props\r\n\r\n const customPassenger = props => \r\n\t\t\t\t
\r\n\t\t)\r\n\t}\r\n}\r\n\r\nconst styles = (theme) => ({\r\n\tcontainer: theme.container,\r\n})\r\n\r\nconst mapStateToProps = (state) => {\r\n\tconst { searchDuck, redemptionTransactionPassengersDuck } = state\r\n\r\n\treturn { searchDuck, redemptionTransactionPassengersDuck }\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n\treturn {\r\n\t\tsearchPassengers: (data) => dispatch(searchPassengers(data)),\r\n\t\tgetRedemptionTransactionAndPassengers: (data) => dispatch(getRedemptionTransactionAndPassengers(data)),\r\n\t}\r\n}\r\n\r\nexport default connect(\r\n\tmapStateToProps,\r\n\tmapDispatchToProps\r\n)(withStyles(styles)(SearchPassengerScreen))\r\n","import React, { Component } from 'react'\r\nimport { connect } from 'react-redux'\r\nimport { withStyles, Table, TableBody, TableCell, TableHead, TableRow, TextField, Grid, Button, Typography } from '@material-ui/core'\r\nimport Header from '../containers/Header.js'\r\nimport { TITLE_PREFIX } from '../constants/titlePrefix'\r\nimport GlobalTimeChecker from '../containers/GlobalTimeChecker'\r\nimport StyledSection from '../components/StyledSection'\r\nimport { REQUIRED_ERROR_MSG } from '../constants/messages'\r\nimport { passengerCardReplacement, getAllRewardsByCardNo } from '../ducks/passengerDuck'\r\nimport StyledSnackbar from '../components/StyledSnackbar'\r\nimport { toHumanFriendlyDate, toHumanFriendlyDateTime } from '../helpers/utilities'\r\nimport { CR_CARD_PREFIX } from '../constants/cardConstants'\r\nconst cardReplacementInitState = {\r\n\toldCardNo: '',\r\n\toldCardNoError: '',\r\n\tnewCardNo: '',\r\n\tnewCardNoError: '',\r\n\treason: '',\r\n\treasonError: '',\r\n\tonApproverAuthenticating: false,\r\n\tapproverId: '',\r\n\tapproverIdError: '',\r\n\tapproverPassword: '',\r\n\tapproverPasswordError: ''\r\n}\r\n\r\nclass CardReplacementScreen extends Component {\r\n\tconstructor(props, context) {\r\n\t\tsuper(props, context)\r\n\r\n\t\tthis.state = {\r\n\t\t\tcardNo: '',\r\n\t\t\tshowSnackbar: false,\r\n\t\t\tsnackbarMessage: '',\r\n\t\t\tsnackbarVariant: 'success',\r\n\t\t\t...cardReplacementInitState\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentDidMount = async () => {\r\n\t\tdocument.title = `${TITLE_PREFIX} Card Replacement`\r\n\t}\r\n\r\n\tonFieldChange = (key, e) => {\r\n\t\tthis.setState({ [key]: e.target.value })\r\n\t}\r\n\r\n\tonSubmit = () => {\r\n\t\tif (this.validate(['oldCardNo', 'newCardNo', 'reason'])) {\r\n\t\t\tconst { oldCardNo, newCardNo } = this.state\r\n\t\t\tif (oldCardNo.startsWith(CR_CARD_PREFIX) || newCardNo.startsWith(CR_CARD_PREFIX))\r\n\t\t\t\tthis.setState({ showSnackbar: true, snackbarVariant: 'error', snackbarMessage: 'This operation cannot be done with CR Card', ...cardReplacementInitState })\r\n\t\t\telse this.setState({ onApproverAuthenticating: true })\r\n\t\t}\r\n\t}\r\n\r\n\tapproverOnSubmit = async () => {\r\n\t\tawait this._cardReplacement()\r\n\t}\r\n\r\n\tapproverOnCancel = () => {\r\n\t\tthis.setState({ onApproverAuthenticating: false })\r\n\t}\r\n\r\n\t_cardReplacement = async () => {\r\n\t\tconst { oldCardNo, newCardNo, reason, approverId, approverPassword } = this.state\r\n\t\tconst data = { oldCardNo, newCardNo, reason, approverId, approverPassword }\r\n\t\tconst rs = await this.props.passengerCardReplacement(data)\r\n\t\trs.success\r\n\t\t\t? this.setState({ showSnackbar: true, snackbarVariant: 'success', snackbarMessage: 'Card replaced', ...cardReplacementInitState })\r\n\t\t\t: this.setState({ showSnackbar: true, snackbarVariant: 'error', snackbarMessage: rs.message, ...cardReplacementInitState })\r\n\t}\r\n\r\n\tonListRewards = async () => {\r\n\t\tconst { cardNo } = this.state\r\n\t\tif (await this.props.getAllRewardsByCardNo(cardNo)) {\r\n\t\t\tthis.setState({ oldCardNo: cardNo })\r\n\t\t}\r\n\t}\r\n\r\n\tvalidate(required) {\r\n\t\tlet rs = true\r\n\t\tfor (const k of required) {\r\n\t\t\tconst errorKey = k + 'Error'\r\n\t\t\tif (this.state[k] === '') {\r\n\t\t\t\tthis.setState({ [errorKey]: REQUIRED_ERROR_MSG })\r\n\t\t\t\trs = false\r\n\t\t\t} else {\r\n\t\t\t\tthis.setState({ [errorKey]: '' })\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn rs\r\n\t}\r\n\r\n\tcloseSnackbar = () => {\r\n\t\tthis.setState({ showSnackbar: false })\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst {\r\n\t\t\tclasses,\r\n\t\t\tpassengerDuck: { passengerCardReplacementIsLoading, getAllRewardsByCardNoIsFetching, rewardsByCardNo }\r\n\t\t} = this.props\r\n\t\tconst {\r\n\t\t\tcardNo,\r\n\t\t\toldCardNo,\r\n\t\t\toldCardNoError,\r\n\t\t\tnewCardNo,\r\n\t\t\tnewCardNoError,\r\n\t\t\treason,\r\n\t\t\treasonError,\r\n\t\t\tonApproverAuthenticating,\r\n\t\t\tapproverId,\r\n\t\t\tapproverIdError,\r\n\t\t\tapproverPassword,\r\n\t\t\tapproverPasswordError\r\n\t\t} = this.state\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tPNR \r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t this.onSearchFieldsChange('pnr', e)} />\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tE-ticket number \r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t this.onSearchFieldsChange('eTicketFilter', e)}\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tFirst Name \r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t this.onSearchFieldsChange('firstName', e)} />\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tLast Name \r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t this.onSearchFieldsChange('lastName', e)} />\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tCard No \r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t this.onSearchFieldsChange('cardNoFrom', e)}\r\n\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\tto \r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t this.onSearchFieldsChange('cardNoTo', e)}\r\n\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tPreloaded Card No \r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t this.onSearchFieldsChange('preloadedCardFrom', e)}\r\n\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\tto \r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t this.onSearchFieldsChange('preloadedCardTo', e)}\r\n\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tPhysical Voucher \r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t this.onPhysicalVoucherFieldsChange('voucherNoFrom', e)}\r\n\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\tto \r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t this.onPhysicalVoucherFieldsChange('voucherNoTo', e)}\r\n\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tDate Of Birth \r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t this.onSearchFieldsChange('dob', e)}\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tDeparture date \r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t this.onSearchFieldsChange('firstFltDepDate', e)}\r\n\t\t\t\t\t\t\t\t\t\tInputLabelProps={{ shrink: true }}\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tCollection date \r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t this.onSearchFieldsChange('collectionDate', e)}\r\n\t\t\t\t\t\t\t\t\t\tInputLabelProps={{ shrink: true }}\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tCampaign Code \r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t this.onSearchFieldsChange('customField', e)}\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t{/**/}\r\n\t\t\t\t\t\t\t{/* */}\r\n\t\t\t\t\t\t\t{/* Tour Leader */}\r\n\t\t\t\t\t\t\t{/* */}\r\n\t\t\t\t\t\t\t{/* */}\r\n\t\t\t\t\t\t\t{/* this.onSearchFieldsChange('tl', e)}/>*/}\r\n\t\t\t\t\t\t\t{/* */}\r\n\t\t\t\t\t\t\t{/* */}\r\n\t\t\t\t\t\t\t{/**/}\r\n\t\t\t\t\t\t\t{/* */}\r\n\t\t\t\t\t\t\t{/* Tour Company */}\r\n\t\t\t\t\t\t\t{/* */}\r\n\t\t\t\t\t\t\t{/* */}\r\n\t\t\t\t\t\t\t{/* this.onSearchFieldsChange('tc', e)}/>*/}\r\n\t\t\t\t\t\t\t{/* */}\r\n\t\t\t\t\t\t\t{/* */}\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t \r\n\t\t\t\t\t \r\n\r\n\t\t\t\t\t{hasSearched && (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{passengers.length > 0 && \r\n\t\t\t\t\t)}\r\n\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t)\r\n\t}\r\n}\r\n\r\nconst styles = theme => ({\r\n\tcontainer: theme.container\r\n})\r\n\r\nconst mapStateToProps = state => {\r\n\tconst { passengerDuck } = state\r\n\r\n\treturn { passengerDuck }\r\n}\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n\treturn {\r\n\t\tpassengerCardReplacement: data => dispatch(passengerCardReplacement(data)),\r\n\t\tgetAllRewardsByCardNo: cardNo => dispatch(getAllRewardsByCardNo(cardNo))\r\n\t}\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(withStyles(styles)(CardReplacementScreen))\r\n","import React from 'react'\r\nimport {Redirect} from 'react-router-dom'\r\nimport {Grid} from '@material-ui/core'\r\nimport Header from '../containers/Header.js'\r\nimport GroupHeader from '../containers/group/GroupHeader.js'\r\nimport {TITLE_PREFIX} from '../constants/titlePrefix'\r\nimport GlobalTimeChecker from '../containers/GlobalTimeChecker'\r\nimport {hasVoucherTransferPermission} from '../helpers/utilities'\r\n\r\n/**\r\n * This page exists for routing purpose\r\n */\r\nclass Card extends React.Component {\r\n\r\n componentDidMount() {\r\n document.title = `${TITLE_PREFIX} Card`\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tCard no: \r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t this.onFieldChange('cardNo', e)} />\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t \r\n\r\n\t\t\t\t\t\t\t{rewardsByCardNo && (\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t{rewardsByCardNo.length === 0 && Card not found! }\r\n\t\t\t\t\t\t\t\t\t{rewardsByCardNo.length > 0 && (\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t \r\n\r\n\t\t\t\t\t{!onApproverAuthenticating && (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tOld card no: \r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t this.onFieldChange('oldCardNo', e)}\r\n\t\t\t\t\t\t\t\t\t\t\terror={!!oldCardNoError}\r\n\t\t\t\t\t\t\t\t\t\t\thelperText={oldCardNoError}\r\n\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tNew card no: \r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t this.onFieldChange('newCardNo', e)}\r\n\t\t\t\t\t\t\t\t\t\t\terror={!!newCardNoError}\r\n\t\t\t\t\t\t\t\t\t\t\thelperText={newCardNoError}\r\n\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tReason \r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t this.onFieldChange('reason', e)}\r\n\t\t\t\t\t\t\t\t\t\t\terror={!!reasonError}\r\n\t\t\t\t\t\t\t\t\t\t\thelperText={reasonError}\r\n\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t \r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t{onApproverAuthenticating && (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tOld Card No \r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t{oldCardNo} \r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tNew Card No \r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t{newCardNo} \r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tReason \r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t{reason} \r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tID \r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t this.onFieldChange('approverId', e)}\r\n\t\t\t\t\t\t\t\t\t\t\terror={!!approverIdError}\r\n\t\t\t\t\t\t\t\t\t\t\thelperText={approverIdError}\r\n\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tPassword \r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t this.onFieldChange('approverPassword', e)}\r\n\t\t\t\t\t\t\t\t\t\t\terror={!!approverPasswordError}\r\n\t\t\t\t\t\t\t\t\t\t\thelperText={approverPasswordError}\r\n\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t \r\n\t\t\t\t\t)}\r\n\t\t\t\t
\r\n\t\t\t\t\r\n \r\n \r\n {hasVoucherTransferPermission() && }\r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default Card","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { Link } from 'react-router-dom';\r\nimport {\r\n withStyles,\r\n Button,\r\n TextField,\r\n Typography,\r\n Grid,\r\n Paper\r\n} from '@material-ui/core';\r\nimport { ExitToApp } from '@material-ui/icons';\r\nimport {\r\n login,\r\n authSendOtp,\r\n authAuthenticateWithOtp,\r\n authSendEmailOtp,\r\n authAuthenticateWithEmailOtp\r\n} from '../ducks/authDuck';\r\nimport { TITLE_PREFIX } from '../constants/titlePrefix';\r\nimport MySnackbarContent from '../components/MySnackbarContent';\r\nimport LoadingContainer from '../containers/loadingContainer';\r\nimport { maskContactNo } from '../helpers/utilities';\r\nimport Logo from '../components/Logo';\r\nimport { getSettings } from '../config/config.js';\r\n\r\nclass LoginScreen2 extends Component {\r\n constructor(props, context) {\r\n super(props, context);\r\n this.state = {\r\n usernameOrEmailAddress: '',\r\n usernameOrEmailAddressError: '',\r\n password: '',\r\n passwordError: '',\r\n verifyOtpScreen: false,\r\n verifyEmailOtpScreen: false,\r\n otp: '',\r\n otpError: '',\r\n showSnackbar: false,\r\n snackbarMessage: '',\r\n snackbarVariant: '',\r\n otpResendAttempts: 0,\r\n otpResendDisabled: false,\r\n otpSubmitAttempt: 0\r\n };\r\n\r\n const settings = getSettings();\r\n const script = document.createElement('script');\r\n script.src = `https://www.google.com/recaptcha/api.js?render=${\r\n settings.reCaptchaSiteKey\r\n }`;\r\n\r\n document.body.appendChild(script);\r\n }\r\n\r\n componentDidMount() {\r\n document.title = `${TITLE_PREFIX} Login`;\r\n\r\n const accessToken = localStorage.getItem('accessToken');\r\n if (accessToken) {\r\n this.props.history.push('/dashboard');\r\n }\r\n }\r\n\r\n componentDidUpdate(prevState) {\r\n if (prevState.otpResendAttempts !== this.state.otpResendAttempts) {\r\n if (this.state.otpResendAttempts > 1) {\r\n this.setState({ otpResendDisabled: true });\r\n }\r\n }\r\n }\r\n\r\n onTextFieldChange = name => e => {\r\n const errorKey = name + 'Error';\r\n this.setState({ [name]: e.target.value, [errorKey]: '' });\r\n };\r\n\r\n // onKeyPress = e => {\r\n // \tif (e.key === 'Enter') this.onSubmit()\r\n // }\r\n\r\n validate() {\r\n if (this.state.usernameOrEmailAddress === '')\r\n this.setState({\r\n usernameOrEmailAddressError: 'This field is required'\r\n });\r\n if (this.state.password === '')\r\n this.setState({ passwordError: 'This field is required' });\r\n return !(\r\n this.state.usernameOrEmailAddress === '' ||\r\n this.state.password === ''\r\n );\r\n }\r\n\r\n genReCaptchaToken = () => {\r\n const settings = getSettings();\r\n\r\n return window.grecaptcha.execute(settings.reCaptchaSiteKey, {\r\n action: 'login'\r\n });\r\n };\r\n\r\n onSubmit = async () => {\r\n this.setState({ showSnackbar: false });\r\n if (!this.validate()) return;\r\n\r\n if (!this.props.isLoggedIn) {\r\n const { usernameOrEmailAddress, password } = this.state;\r\n const captchaToken = await this.genReCaptchaToken();\r\n const data = { usernameOrEmailAddress, password, captchaToken };\r\n const rs = await this.props.authSendOtp(data);\r\n rs.success\r\n ? this.setState({ verifyOtpScreen: true })\r\n : this.setState({\r\n showSnackbar: true,\r\n snackbarVariant: 'error',\r\n snackbarMessage: rs.message\r\n });\r\n } else {\r\n this.props.history.push('/dashboard');\r\n }\r\n };\r\n\r\n onSubmitEmail = async () => {\r\n this.setState({ showSnackbar: false });\r\n if (!this.validate()) return;\r\n\r\n if (!this.props.isLoggedIn) {\r\n const { usernameOrEmailAddress, password } = this.state;\r\n const captchaToken = await this.genReCaptchaToken();\r\n const data = { usernameOrEmailAddress, password, captchaToken };\r\n const rs = await this.props.authSendEmailOtp(data);\r\n this.genReCaptchaToken();\r\n rs.success\r\n ? this.setState({ verifyEmailOtpScreen: true })\r\n : this.setState({\r\n showSnackbar: true,\r\n snackbarVariant: 'error',\r\n snackbarMessage: rs.message\r\n });\r\n } else {\r\n this.props.history.push('/dashboard');\r\n }\r\n };\r\n\r\n onResend = async () => {\r\n this.setState({ otpSubmitAttempt: 0 });\r\n\r\n const captchaToken = await this.genReCaptchaToken();\r\n const { usernameOrEmailAddress, password } = this.state;\r\n const data = { usernameOrEmailAddress, password, captchaToken };\r\n const rs = await this.props.authSendOtp(data);\r\n rs.success\r\n ? this.setState({\r\n showSnackbar: true,\r\n snackbarVariant: 'success',\r\n snackbarMessage: 'OTP sent',\r\n otpResendAttempts: this.state.otpResendAttempts + 1\r\n })\r\n : this.setState({\r\n showSnackbar: true,\r\n snackbarVariant: 'error',\r\n snackbarMessage: rs.message,\r\n otpResendAttempts: this.state.otpResendAttempts + 1\r\n });\r\n };\r\n\r\n onResendEmailOtp = async () => {\r\n this.setState({ otpSubmitAttempt: 0 });\r\n\r\n const { usernameOrEmailAddress, password } = this.state;\r\n const captchaToken = await this.genReCaptchaToken();\r\n const data = { usernameOrEmailAddress, password, captchaToken };\r\n const rs = await this.props.authSendEmailOtp(data);\r\n rs.success\r\n ? this.setState({\r\n showSnackbar: true,\r\n snackbarVariant: 'success',\r\n snackbarMessage: 'OTP sent',\r\n otpResendAttempts: this.state.otpResendAttempts + 1\r\n })\r\n : this.setState({\r\n showSnackbar: true,\r\n snackbarVariant: 'error',\r\n snackbarMessage: rs.message,\r\n otpResendAttempts: this.state.otpResendAttempts + 1\r\n });\r\n };\r\n\r\n onResendEmailOtpFromSMS = async () => {\r\n await this.onResendEmailOtp();\r\n this.setState({ verifyOtpScreen: false, verifyEmailOtpScreen: true });\r\n };\r\n\r\n clearErrorMessage = () => {\r\n this.setState({ showSnackbar: false });\r\n };\r\n\r\n onSubmitOtp = async e => {\r\n if (e) e.preventDefault();\r\n\r\n const { usernameOrEmailAddress, password, otp } = this.state;\r\n\r\n if (otp === '') {\r\n this.setState({ otpError: 'This field is required' });\r\n return;\r\n } else {\r\n this.setState({ otpError: '' });\r\n }\r\n\r\n const { uid } = this.props;\r\n const data = { usernameOrEmailAddress, password, otp, uid };\r\n const rs = await this.props.authAuthenticateWithOtp(data);\r\n\r\n if (rs.success) {\r\n const { shouldChangePassword } = this.props;\r\n\r\n shouldChangePassword\r\n ? this.props.history.push('/change-password')\r\n : this.props.history.push('/dashboard');\r\n } else {\r\n this.setState({\r\n otpSubmitAttempt: this.state.otpSubmitAttempt + 1\r\n });\r\n this.setState({\r\n showSnackbar: true,\r\n snackbarVariant: 'error',\r\n snackbarMessage: rs.message\r\n });\r\n }\r\n };\r\n\r\n onSubmitEmailOtp = async e => {\r\n if (e) e.preventDefault();\r\n\r\n const { usernameOrEmailAddress, password, otp } = this.state;\r\n\r\n if (otp === '') {\r\n this.setState({ otpError: 'This field is required' });\r\n return;\r\n } else {\r\n this.setState({ otpError: '' });\r\n }\r\n\r\n const data = { usernameOrEmailAddress, password, otp };\r\n const rs = await this.props.authAuthenticateWithEmailOtp(data);\r\n\r\n if (rs.success) {\r\n const { shouldChangePassword } = this.props;\r\n\r\n shouldChangePassword\r\n ? this.props.history.push('/change-password')\r\n : this.props.history.push('/dashboard');\r\n } else {\r\n this.setState({\r\n otpSubmitAttempt: this.state.otpSubmitAttempt + 1\r\n });\r\n this.setState({\r\n showSnackbar: true,\r\n snackbarVariant: 'error',\r\n snackbarMessage: rs.message\r\n });\r\n }\r\n };\r\n\r\n render() {\r\n const {\r\n classes,\r\n isLoggingIn,\r\n authSendOtpIsLoading,\r\n authAuthenticateWithOtpIsLoading,\r\n contactNo\r\n } = this.props;\r\n const {\r\n verifyOtpScreen,\r\n verifyEmailOtpScreen,\r\n otp,\r\n snackbarVariant,\r\n snackbarMessage,\r\n otpError,\r\n usernameOrEmailAddress\r\n } = this.state;\r\n const isLoading =\r\n isLoggingIn ||\r\n authSendOtpIsLoading ||\r\n authAuthenticateWithOtpIsLoading;\r\n\r\n return (\r\n \r\n \r\n {!verifyOtpScreen && !verifyEmailOtpScreen && (\r\n \r\n )}\r\n\r\n {verifyOtpScreen && (\r\n \r\n \r\n \r\n \r\n Please enter the OTP code sent to{' '}\r\n {maskContactNo(contactNo)}\r\n \r\n \r\n \r\n \r\n {this.state.showSnackbar && (\r\n \r\n \r\n )}\r\n \r\n \r\n \r\n Resend OTP via Email\r\n \r\n \r\n \r\n \r\n Resend OTP\r\n \r\n \r\n \r\n 2\r\n }\r\n >\r\n Submit\r\n \r\n \r\n \r\n \r\n \r\n )}\r\n\r\n {verifyEmailOtpScreen && (\r\n \r\n \r\n \r\n \r\n Please enter the OTP code sent to{' '}\r\n {maskContactNo(\r\n usernameOrEmailAddress\r\n )}\r\n \r\n \r\n \r\n \r\n {this.state.showSnackbar && (\r\n \r\n \r\n )}\r\n \r\n \r\n \r\n Resend OTP\r\n \r\n \r\n \r\n 2\r\n }\r\n >\r\n Submit\r\n \r\n \r\n \r\n \r\n \r\n )}\r\n\r\n {isLoading && \r\n
\r\n \r\n
\r\n\r\n - \r\n {keys.map(k => {\r\n if (d[k] !== '') return
- {d[k]} \r\n else return \r\n })}\r\n
- \r\n\t\t\t\t\t\t{presignedAttachmentUris.map((alink, i) => (\r\n\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t{presignedAttachmentUris.map((alink, i) => (\r\n\t\t\t\t\t\t
- \r\n {files.map((f, i) => (\r\n
- \r\n
\r\n \r\n{f.name} \r\n\r\n \r\n \r\n ))}\r\n
- \r\n {files.map((f, i) => (\r\n
- \r\n
\r\n \r\n{f.name} \r\n\r\n \r\n \r\n ))}\r\n
\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t \r\n\t\t\t\t\t{reprintLogs && reprintLogs.length > 0 && (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t)}\r\n\t\t\t\t \r\n\t\t\t\t
\r\n\t\t)\r\n\t}\r\n}\r\n\r\nconst styles = (themes) => ({\r\n\tcontainer: { ...themes.container, marginTop: 20 },\r\n\tul: { paddingLeft: '1rem' },\r\n})\r\n\r\nconst mapStateToProps = (state) => {\r\n\tconst { reprintAuditLogDuck } = state\r\n\r\n\treturn { reprintAuditLogDuck }\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n\treturn {\r\n\t\tgetReprintAuditLog: (data) => dispatch(getReprintAuditLog(data)),\r\n\t}\r\n}\r\n\r\nexport default connect(\r\n\tmapStateToProps,\r\n\tmapDispatchToProps\r\n)(withStyles(styles)(ReprintAuditLogTable))\r\n","import React, { Component } from 'react'\r\nimport { connect } from 'react-redux'\r\nimport { Grid, withStyles, Button, TextField } from '@material-ui/core'\r\nimport GlobalTimeChecker from '../containers/GlobalTimeChecker'\r\nimport { TITLE_PREFIX } from '../constants/titlePrefix'\r\nimport Header from '../containers/Header.js'\r\nimport { getCurrentAuthHeader, hasPermissions } from '../helpers/utilities'\r\nimport StyledSnackbar from '../components/StyledSnackbar'\r\nimport {\r\n\tgetRedemptionTransactionAndPassengers,\r\n\tupdateRedemptionTransactionPassengerSinglePax,\r\n\tupdateRedemptionTransactionPassenger,\r\n\tupdateRedemptionTransactionAndPassengers,\r\n\tredemptionTransactionPassengersFilesUpload,\r\n\tupdateRedemptionTransactionPassengersDuck,\r\n\tvoidTransaction\r\n} from '../ducks/redemptionTransactionPassengersDuck'\r\nimport RedemptionPassengersTable from '../containers/redemptionTransactionDetail/RedemptionPassengersTable'\r\nimport PassengerDetails from '../containers/redemptionTransactionDetail/PassengerDetails'\r\nimport CollectorDetails from '../containers/redemptionTransactionDetail/CollectorDetails'\r\nimport StyledSection from '../components/StyledSection'\r\nimport DeleteDialog from '../components/DeleteDialog'\r\nimport AuditLogTable2 from '../components/AuditLogTable2'\r\nimport ReprintAuditLogTable from '../components/ReprintAuditLogTable'\r\n\r\nconst initState = {\r\n\tshowSnackbar: false,\r\n\tsnackbarMessage: '',\r\n\tsnackbarVariant: 'success',\r\n\tdeleteDialog: false,\r\n\tvoidTransactionDialog: false,\r\n\tdeletedOriginalAttachmentIdx: new Set(),\r\n\tconfirmDelete: false,\r\n\tviewOnly: false,\r\n\tredemptionTransactionId: 0,\r\n\tfiles: [],\r\n\tvoidRemark: ''\r\n}\r\n\r\nclass RedemptionTransactionDetailScreen extends Component {\r\n\tconstructor(props, context) {\r\n\t\tsuper(props, context)\r\n\t\tthis.state = { ...initState }\r\n\t\tthis.etixkeys = ['eTicket1', 'eTicket2', 'eTicket3', 'eTicket4']\r\n\t}\r\n\r\n\tcomponentDidMount = async () => {\r\n\t\tconst {\r\n\t\t\tmatch: {\r\n\t\t\t\tparams: { id },\r\n\t\t\t},\r\n\t\t} = this.props\r\n\t\tthis.setState({ redemptionTransactionId: +id })\r\n\t\tdocument.title = `${TITLE_PREFIX} Redemption transaction detail - ${id}`\r\n\r\n\t\tconst data = { params: { redemptionTransactionId: id }, ...getCurrentAuthHeader() }\r\n\t\tconst rs = await this.props.getRedemptionTransactionAndPassengers(data)\r\n\t\tif (!rs.success) this.setState({ showSnackbar: true, snackbarVariant: 'error', snackbarMessage: rs.message })\r\n\t\tif (!hasPermissions('Individual.Editor')) {\r\n\t\t\tthis.setState({ viewOnly: true })\r\n\t\t}\r\n\t}\r\n\r\n\tcloseSnackbar = () => {\r\n\t\tthis.setState({ showSnackbar: false })\r\n\t}\r\n\r\n\tonNameClick = (idx, p) => {\r\n\t\tthis.props.updateRedemptionTransactionPassenger('currentIdx', idx)\r\n\t}\r\n\r\n\tonETicketChange = (idx, sect, etix, e) => {\r\n\t\tconst key = 'eTicket' + (etix + 1)\r\n\t\tthis.props.updateRedemptionTransactionPassengerSinglePax(idx, sect, key, e.target.value)\r\n\t}\r\n\r\n\tonFieldChange = (sect, k, e) => {\r\n\t\tlet idx = this.props.redemptionTransactionPassengersDuck.currentIdx\r\n\t\tthis.props.updateRedemptionTransactionPassengerSinglePax(idx, sect, k, e.target.value)\r\n\t}\r\n\r\n\tonCollectorFieldChange = (k, e) => {\r\n\t\tthis.props.updateRedemptionTransactionPassengersDuck({ redemptionTransaction: { [k]: e.target.value } })\r\n\t}\r\n\r\n\tonVoidRemarkChange = (e) => {\r\n\t\tthis.setState({ voidRemark: e.target.value });\r\n\t}\r\n\r\n\tonSubmit = async () => {\r\n\t\tconst { deletedOriginalAttachmentIdx, confirmDelete, files } = this.state\r\n\r\n\t\tif (deletedOriginalAttachmentIdx.size > 0 && !confirmDelete) {\r\n\t\t\treturn this.showDeleteDialog()\r\n\t\t}\r\n\r\n\t\tif (files.length > 0) {\r\n\t\t\tconst filesrs = await this.uploadFiles()\r\n\t\t\tif (!filesrs.success) {\r\n\t\t\t\tthis.setState({ showSnackbar: true, snackbarVariant: 'error', snackbarMessage: 'File upload failed' })\r\n\t\t\t\treturn\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tconst {\r\n\t\t\tredemptionTransactionPassengersDuck: { redemptionTransaction, passengers },\r\n\t\t} = this.props\r\n\t\tconst data = { redemptionTransaction, passengers }\r\n\r\n\t\tthis.setState({ ...initState, files: [], deletedOriginalAttachmentIdx: new Set() })\r\n\t\tconst rs = await this.props.updateRedemptionTransactionAndPassengers(data)\r\n\t\tif (rs.success) {\r\n\t\t\tconst {\r\n\t\t\t\tmatch: {\r\n\t\t\t\t\tparams: { id },\r\n\t\t\t\t},\r\n\t\t\t} = this.props\r\n\t\t\tconst data = { params: { redemptionTransactionId: id }, ...getCurrentAuthHeader() }\r\n\t\t\tthis.props.getRedemptionTransactionAndPassengers(data)\r\n\t\t\tthis.setState({ showSnackbar: true, snackbarVariant: 'success', snackbarMessage: 'Record updated' })\r\n\t\t} else {\r\n\t\t\tthis.setState({ showSnackbar: true, snackbarVariant: 'error', snackbarMessage: rs.message })\r\n\t\t}\r\n\t}\r\n\r\n\tasync uploadFiles() {\r\n\t\tconst { files } = this.state\r\n\t\tlet formData = new FormData()\r\n\t\tfiles.forEach((f) => {\r\n\t\t\tformData.append('files', f, f.name)\r\n\t\t})\r\n\t\treturn await this.props.redemptionTransactionPassengersFilesUpload(formData)\r\n\t}\r\n\r\n\tshowDeleteDialog = () => {\r\n\t\tthis.setState({ deleteDialog: true })\r\n\t}\r\n\r\n\tshowVoidTransactionDialog = () => {\r\n\t\tthis.setState({ voidTransactionDialog: true })\r\n\t}\r\n\r\n\tonAttachmentClick = (url) => {\r\n\t\twindow.open(url)\r\n\t}\r\n\r\n\tonUndoDeleteOrigAttachment = (idx) => {\r\n\t\tlet newDeletedOriginalAttachmentIdx = new Set(this.state.deletedOriginalAttachmentIdx)\r\n\t\tnewDeletedOriginalAttachmentIdx.delete(idx)\r\n\t\tthis.setState({ deletedOriginalAttachmentIdx: newDeletedOriginalAttachmentIdx })\r\n\t}\r\n\r\n\tonDeleteOrigAttachment = (idx) => {\r\n\t\tthis.setState({ deletedOriginalAttachmentIdx: this.state.deletedOriginalAttachmentIdx.add(idx) })\r\n\t}\r\n\r\n\tonDeleteCancel = () => {\r\n\t\tthis.setState({ deleteDialog: false, confirmDelete: false })\r\n\t}\r\n\r\n\tonVoidTransactionCancel = () => {\r\n\t\tthis.setState({ voidTransactionDialog: false })\r\n\t}\r\n\r\n\tonDeleteConfirm = () => {\r\n\t\tthis.setState({ deleteDialog: false, confirmDelete: true }, async () => {\r\n\t\t\t// Remove attachments in attachmentUris then proceed as usual\r\n\t\t\tconst {\r\n\t\t\t\tredemptionTransactionPassengersDuck: { currentIdx, passengers },\r\n\t\t\t} = this.props\r\n\t\t\tlet sector2 = passengers[currentIdx].eTicket[0].sector.find((s) => s.sectorNo === 2)\r\n\t\t\tlet attachmentUris = sector2.attachmentUris\r\n\r\n\t\t\tlet newAttachmentUris = []\r\n\t\t\tfor (let i = 0; i < attachmentUris.length; i++) {\r\n\t\t\t\tif (!this.state.deletedOriginalAttachmentIdx.has(i)) newAttachmentUris.push(attachmentUris[i])\r\n\t\t\t}\r\n\t\t\tawait this.props.updateRedemptionTransactionPassengerSinglePax(currentIdx, 'sector2', 'attachmentUris', newAttachmentUris)\r\n\t\t\tthis.onSubmit()\r\n\t\t})\r\n\t}\r\n\r\n\tonVoidTransactionConfirm = () => {\r\n\t\tthis.setState({ voidTransactionDialog: false }, async () => {\r\n\t\t\tconst rs = await this.props.voidTransaction({\r\n\t\t\t\tredemptionTransactionId: this.state.redemptionTransactionId,\r\n\t\t\t\tremark: this.state.voidRemark\r\n\t\t\t})\r\n\t\t\t\r\n\t\t\tif (rs.success) {\r\n\t\t\t\tthis.setState({ showSnackbar: true, snackbarVariant: 'success', snackbarMessage: 'Transaction voided' })\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\tthis.setState({ showSnackbar: true, snackbarVariant: 'error', snackbarMessage: rs.message })\r\n\t\t\t}\r\n\t\t})\r\n\t}\r\n\r\n\tonRemoveCircleClick = (f, i) => {\r\n\t\tconst files = [...this.state.files]\r\n\t\tfiles.splice(i, 1)\r\n\t\tthis.setState({ files })\r\n\t}\r\n\r\n\tonDrop = (acceptedFiles) => {\r\n\t\tconst files = [...this.state.files]\r\n\t\tfor (const af of acceptedFiles) {\r\n\t\t\tlet exists = false\r\n\t\t\tfor (const f of files) {\r\n\t\t\t\tif (af.name === f.name) exists = true\r\n\t\t\t}\r\n\t\t\tif (!exists) files.push(af)\r\n\t\t}\r\n\t\tthis.setState({ files })\r\n\t}\r\n\r\n\tonConsent = () => {\r\n\t\tconst {\r\n\t\t\tredemptionTransactionPassengersDuck: {\r\n\t\t\t\tredemptionTransaction: { allowReceivingInfo },\r\n\t\t\t},\r\n\t\t} = this.props\r\n\t\tthis.props.updateRedemptionTransactionPassengersDuck({ redemptionTransaction: { allowReceivingInfo: !allowReceivingInfo } })\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst {\r\n\t\t\tclasses,\r\n\t\t\tredemptionTransactionPassengersDuck: {\r\n\t\t\t\tredemptionTransaction,\r\n\t\t\t\tpassengers,\r\n\t\t\t\tcurrentIdx,\r\n\t\t\t\tgetRedemptionTransactionAndPassengersIsLoading,\r\n\t\t\t\tupdateRedemptionTransactionAndPassengersIsLoading,\r\n\t\t\t\tredemptionTransactionPassengersFilesUploadIsLoading,\r\n\t\t\t},\r\n\t\t} = this.props\r\n\t\tconst { voidTransactionDialog, deleteDialog, deletedOriginalAttachmentIdx, files, viewOnly } = this.state\r\n\r\n\t\tlet sector1 = {\r\n\t\t\tflightno: '',\r\n\t\t\torigin: '',\r\n\t\t\tdepartureDate: '',\r\n\t\t\tdestination: '',\r\n\t\t\tremarks: '',\r\n\t\t}\r\n\r\n\t\tlet sector2 = {\r\n\t\t\tflightno: '',\r\n\t\t\torigin: '',\r\n\t\t\tdepartureDate: '',\r\n\t\t\tdestination: '',\r\n\t\t\ttransportMean: 'na',\r\n\t\t}\r\n\t\tif (passengers[currentIdx].eTicket.length > 0) {\r\n\t\t\tsector1 = passengers[currentIdx].eTicket[0].sector.find((s) => s.sectorNo === 1)\r\n\t\t\tsector2 = passengers[currentIdx].eTicket[0].sector.find((s) => s.sectorNo === 2)\r\n\t\t}\r\n\r\n\t\tconst isLoading =\r\n\t\t\tgetRedemptionTransactionAndPassengersIsLoading || updateRedemptionTransactionAndPassengersIsLoading || redemptionTransactionPassengersFilesUploadIsLoading\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t
\r\n\t\t)\r\n\t}\r\n}\r\n\r\nconst styles = (theme) => ({\r\n\tcontainer: { ...theme.container },\r\n\tpointer: { cursor: 'pointer' },\r\n})\r\n\r\nconst mapStateToProps = (state) => {\r\n\tconst { redemptionTransactionPassengersDuck } = state\r\n\r\n\treturn { redemptionTransactionPassengersDuck }\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n\treturn {\r\n\t\tgetRedemptionTransactionAndPassengers: (data) => dispatch(getRedemptionTransactionAndPassengers(data)),\r\n\t\tupdateRedemptionTransactionPassengerSinglePax: (idx, sect, k, v) => dispatch(updateRedemptionTransactionPassengerSinglePax(idx, sect, k, v)),\r\n\t\tvoidTransaction: (data) => dispatch(voidTransaction(data)),\r\n\t\tupdateRedemptionTransactionPassenger: (k, v) => dispatch(updateRedemptionTransactionPassenger(k, v)),\r\n\t\tupdateRedemptionTransactionAndPassengers: (data) => dispatch(updateRedemptionTransactionAndPassengers(data)),\r\n\t\tredemptionTransactionPassengersFilesUpload: (formData) => dispatch(redemptionTransactionPassengersFilesUpload(formData)),\r\n\t\tupdateRedemptionTransactionPassengersDuck: (obj) => dispatch(updateRedemptionTransactionPassengersDuck(obj)),\r\n\t}\r\n}\r\n\r\nexport default connect(\r\n\tmapStateToProps,\r\n\tmapDispatchToProps\r\n)(withStyles(styles)(RedemptionTransactionDetailScreen))\r\n","import React from 'react'\r\nimport { connect } from 'react-redux'\r\nimport { Link } from 'react-router-dom'\r\nimport { withStyles, Grid, Button, TextField, Typography } from '@material-ui/core'\r\nimport * as cloneDeep from 'lodash/cloneDeep'\r\nimport StyledSection from '../../components/StyledSection'\r\nimport StyledSnackbar from '../../components/StyledSnackbar'\r\nimport { REQUIRED_ERROR_MSG, ETICKET_ELIGIBILITY_ERROR_MSG } from '../../constants/messages'\r\nimport StyledTinyFabCheckCircle from '../../components/StyledTinyFabCheckCircle'\r\nimport StyledTinyFabError from '../../components/StyledTinyFabError'\r\nimport BoardingPassParser from '../../helpers/boardingPassParser'\r\nimport SqApiCriteriasDialog from '../../components/SqApiCriteriasDialog'\r\nimport StyledTinyErrorCross from '../../components/StyledTinyErrorCross'\r\nimport StyledGeneralDialog from '../../components/StyledGeneralDialog'\r\nimport { hasPermissions } from '../../helpers/utilities'\r\nimport { convertSqStatusForDisplay, DISPLAY_YES, DISPLAY_MANUAL } from '../../helpers/eticketStatusHelper'\r\nimport { updateEicketAppealTransaction } from '../../ducks/appealTransactionDuck'\r\nimport {\r\n\tcheckAndUpdateEligibility,\r\n\tfindPassengerDataWithCardNo,\r\n\tfindPassengerInGroup,\r\n\tfindPassengersDataWithAppealTransaction,\r\n\tcopyFormDetailsToCurrentPax\r\n} from '../../ducks/individualFormDuck.js'\r\nimport { APPEAL_EDITOR, APPEAL_APPROVER, APPEAL_SUPER_APPROVER } from '../../constants/permissions'\r\n\r\nconst E_TIX_1_KEY = 'eTicket1'\r\nconst E_TIX_2_KEY = 'eTicket2'\r\nconst E_TIX_3_KEY = 'eTicket3'\r\nconst E_TIX_4_KEY = 'eTicket4'\r\n\r\n// generalDialogTitle\r\nconst PASSENGER_HAS_EXISTING_CARD = 'Existing card found'\r\nconst PASSENGER_HAS_EXISTING_GROUP = 'Existing group found'\r\nconst PASSENGER_HAS_EXISTING_DRAFT = 'Existing draft found'\r\nconst PASSENGER_HAS_EXISTING_APPEAL = 'Existing appeal found'\r\n\r\nclass AppealETicketForm extends React.Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props)\r\n\t\tthis.state = {\r\n\t\t\teTixErrorStore: {\r\n\t\t\t\t[E_TIX_1_KEY]: '',\r\n\t\t\t\t[E_TIX_2_KEY]: '',\r\n\t\t\t\t[E_TIX_3_KEY]: '',\r\n\t\t\t\t[E_TIX_4_KEY]: '',\r\n\t\t\t},\r\n\t\t\teTix: {\r\n\t\t\t\teTicket1: '',\r\n\t\t\t\teTicket2: '',\r\n\t\t\t\teTicket3: '',\r\n\t\t\t\teTicket4: '',\r\n\t\t\t},\r\n\t\t\teTixBackUp: {\r\n\t\t\t\teTicket1: '',\r\n\t\t\t\teTicket2: '',\r\n\t\t\t\teTicket3: '',\r\n\t\t\t\teTicket4: '',\r\n\t\t\t},\r\n\t\t\tflightFormFields: [\r\n\t\t\t\t{ key: [E_TIX_1_KEY], label: 'E-Ticket No. 1*', type: 'text', customButton: true },\r\n\t\t\t\t{ key: [E_TIX_2_KEY], label: 'E-Ticket No. 2', type: 'text', customButton: true },\r\n\t\t\t\t{ key: [E_TIX_3_KEY], label: 'E-Ticket No. 3', type: 'text', customButton: true },\r\n\t\t\t\t{ key: [E_TIX_4_KEY], label: 'E-Ticket No. 4', type: 'text', customButton: true },\r\n\t\t\t],\r\n\t\t\tshowSnackbar: false,\r\n\t\t\tsnackbarMessage: '',\r\n\t\t\tsnackbarVariant: 'success',\r\n\t\t\tviewCriterias: false,\r\n\t\t\tcriteriasMessage: '',\r\n\t\t\tcriterias: {},\r\n\t\t\tshowEticketField: 0,\r\n\t\t\teTicketIsYes: false,\r\n\t\t\tshowGeneralDialog: false,\r\n\t\t\tgeneralDialogTitle: '',\r\n\t\t\tgeneralDialogActionText: 'Yes',\r\n\t\t\tpretravelId:'',\r\n\t\t\tisUpdateETicket: false,\r\n\t\t\tisCheckEligibilitySuccess: false\r\n\t\t}\r\n\r\n\t\tthis.eTicketRefs = []\r\n\t\tthis.inputTimeout = null\r\n\t\tthis.popPropsETixTimeout = null\r\n\t}\r\n\r\n\tcomponentDidUpdate = (prevProps, prevState) => {\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\t\r\n\t}\r\n\r\n\t_checkApprovedTicketNo = (eTixNo) => {\r\n\t\tif (!eTixNo) {\r\n\t\t\treturn false\r\n\t\t}\r\n\r\n\t\tlet subString = eTixNo.substr(0, 3)\r\n\t\tif (\r\n\t\t\t(subString !== '618' && subString !== '629' && subString !== '086' && subString !== '081' && subString !== '000')\r\n\t\t) {\r\n\t\t\treturn false\r\n\t\t}\r\n\r\n\t\treturn true\r\n\t}\r\n\r\n\thandleETicketsDetailsChange = (key, value) => {\r\n\t\tthis._updateStateETicketDetails(key, value)\r\n\r\n\t\tclearTimeout(this.inputTimeout)\r\n\t\tthis.inputTimeout = setTimeout(() => {\r\n\t\t\tif (value.length >= 90) {\r\n\t\t\t\tthis._processScanTicket(key, value)\r\n\t\t\t}\r\n\t\t}, 1000)\r\n\t}\r\n\r\n\t_processScanTicket = (key, value) => {\r\n\t\tif (value.length < 90) return\r\n\t\tlet boardingPassParser = new BoardingPassParser(value)\r\n\t\tlet bpData = boardingPassParser.getData()\r\n\t\tif (\r\n\t\t\tbpData.eTix === this.props.passenger[E_TIX_1_KEY] ||\r\n\t\t\tbpData.eTix === this.props.passenger[E_TIX_2_KEY] ||\r\n\t\t\tbpData.eTix === this.props.passenger[E_TIX_3_KEY]\r\n\t\t) {\r\n\t\t\tthis.setState({ showSnackbar: true, snackbarVariant: 'success', snackbarMessage: 'Same E Ticket Number' })\r\n\t\t\tthis._updateStateETicketDetails(key, '')\r\n\t\t\treturn\r\n\t\t}\r\n\t\tthis._updateStateETicketDetails(key, bpData.eTix)\r\n\t\tthis.props.updateBoardingPassDetails({ eTicketKey: key, boardingPassData: bpData })\r\n\t}\r\n\r\n\t_loadStateEticketDetails(pax) {\r\n\t\tlet stateETix = {\r\n\t\t\teTicket1: '',\r\n\t\t\teTicket2: '',\r\n\t\t\teTicket3: '',\r\n\t\t\teTicket4: '',\r\n\t\t}\r\n\t\tpax.eTicket.forEach((obj, i) => {\r\n\t\t\tif (obj.eTicketNo) {\r\n\t\t\t\tlet key = 'eTicket' + (i + 1)\r\n\t\t\t\tstateETix[key] = obj.eTicketNo\r\n\t\t\t}\r\n\t\t})\r\n\t\tthis.setState({ eTix: stateETix, eTixBackUp: stateETix }) // keep 1 back up version to compare later\r\n\t}\r\n\r\n\t_updateStateETicketDetails(key, value) {\r\n\t\tlet stateETix = { ...this.state.eTix }\r\n\t\tstateETix[key] = value\r\n\t\tthis.setState({ eTix: stateETix })\r\n\t\tthis._isCheckEligibilityDisable(stateETix)\r\n\t}\r\n\r\n\t_isCheckEligibilityDisable(stateETix) {\r\n\t\tconst { eTixBackUp } = this.state\r\n\t\tlet flag = false\r\n\t\tfor (let i = 1; i < 4; i++) {\r\n\t\t\tlet key = 'eTicket' + (i + 1)\r\n\t\t\tif (stateETix[key] !== eTixBackUp[key]) {\r\n\t\t\t\tflag = true\r\n\t\t\t\tthis.setState({ isUpdateETicket: true, isCheckEligibilitySuccess: false })\r\n\t\t\t\tbreak\r\n\t\t\t}\r\n\t\t}\r\n\t\tif (!flag) {\r\n\t\t\tthis.setState({ isUpdateETicket: false, isCheckEligibilitySuccess: false })\r\n\t\t}\r\n\t}\r\n\r\n\tconfirmTickets = (tickets) => {\r\n\t\ttickets.forEach((ticket, i) => {\r\n\t\t\tthis.handleETicketsDetailsChange(`eTicket${i + 1}`, ticket)\r\n\t\t})\r\n\t}\r\n\r\n\t_checkEligibility = async () => {\r\n\t\tconst { passenger, editMode } = this.props\r\n\t\tconst { eTix, eTixBackUp } = this.state\r\n\r\n\t\t// map eTix (state) to passenger\r\n\t\tpassenger.eTicket.splice(1)\r\n\t\tfor (let i = 1; i < 4; i++) {\r\n\t\t\tlet key = 'eTicket' + (i + 1)\r\n\t\t\t// set default info as 1st eTicket\r\n\t\t\tif (eTix[key] && eTix[key] !== '') {\r\n\t\t\t\tlet newEticket = cloneDeep(passenger.eTicket[0])\r\n\t\t\t\tnewEticket.eTicketNo = eTix[key]\r\n\t\t\t\tpassenger[key] = eTix[key]\r\n\t\t\t\tpassenger.eTicket.push(newEticket)\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tif (!passenger.eTicket[0]) {\r\n\t\t\tthis.setState({ showSnackbar: true, snackbarVariant: 'error', snackbarMessage: `Please check ETicket is valid` })\r\n\t\t\treturn\r\n\t\t}\r\n\r\n\t\t// if (!this._validatePreviousPaxETixDuplicate(this.props.individualFormDuck.passenger, this.props.individualFormDuck.formDetailsList)) {\r\n\t\t// \tthis.setState({ showSnackbar: true, snackbarVariant: 'error', snackbarMessage: `Please ensure no E Tickets duplicate` })\r\n\t\t// \treturn\r\n\t\t// }\r\n\r\n\t\tif (this._validateEligibility(passenger)) {\r\n\t\t\tconst ticketDetails = []\r\n\t\t\tlet eTixKeys = [E_TIX_1_KEY, E_TIX_2_KEY, E_TIX_3_KEY, E_TIX_4_KEY]\r\n\t\t\tlet checkDuplicate = []\r\n\t\t\tlet hasDuplicates = false\r\n\t\t\tfor (let eTixKey of eTixKeys) {\r\n\t\t\t\tif (passenger[eTixKey]) {\r\n\t\t\t\t\t// validate for 13 numberic numbers\r\n\t\t\t\t\tif (!/^[0-9][0-9]{12}$/.test(passenger[eTixKey])) {\r\n\t\t\t\t\t\tthis.setState({\r\n\t\t\t\t\t\t\tshowSnackbar: true,\r\n\t\t\t\t\t\t\tsnackbarVariant: 'error',\r\n\t\t\t\t\t\t\tsnackbarMessage: `ETicket has be to 13 numberic numbers (${passenger[eTixKey]})`,\r\n\t\t\t\t\t\t})\r\n\t\t\t\t\t\treturn\r\n\t\t\t\t\t}\r\n\t\t\t\t\tif (!checkDuplicate.includes(passenger[eTixKey])) {\r\n\t\t\t\t\t\tticketDetails.push({\r\n\t\t\t\t\t\t\tticketNumber: passenger[eTixKey],\r\n\t\t\t\t\t\t\tlastName: passenger.eTicket[eTixKey + 'LastName'],\r\n\t\t\t\t\t\t})\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\thasDuplicates = true\r\n\t\t\t\t\t\tthis.setState({\r\n\t\t\t\t\t\t\tshowSnackbar: true,\r\n\t\t\t\t\t\t\tsnackbarVariant: 'error',\r\n\t\t\t\t\t\t\tsnackbarMessage: 'Please fix duplicate eTicket: ' + passenger[eTixKey],\r\n\t\t\t\t\t\t})\r\n\t\t\t\t\t\tbreak\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\tcheckDuplicate.push(passenger[eTixKey])\r\n\t\t\t}\r\n\t\t\tif (hasDuplicates) return\r\n\r\n\t\t\tconst { eTixBackUp } = this.state\r\n\t\t\tlet eTickets = []\r\n\t\t\tif (passenger[E_TIX_2_KEY] && passenger[E_TIX_2_KEY] !== eTixBackUp[E_TIX_2_KEY]) eTickets.push(passenger[E_TIX_2_KEY])\r\n\t\t\tif (passenger[E_TIX_3_KEY] && passenger[E_TIX_3_KEY] !== eTixBackUp[E_TIX_3_KEY]) eTickets.push(passenger[E_TIX_3_KEY])\r\n\t\t\tif (passenger[E_TIX_4_KEY] && passenger[E_TIX_4_KEY] !== eTixBackUp[E_TIX_4_KEY]) eTickets.push(passenger[E_TIX_4_KEY])\r\n\r\n\t\t\tconst checkCardData = { eTickets: eTickets }\r\n\r\n\t\t\tconst rs = await this.props.findPassengerDataWithCardNo(checkCardData)\r\n\t\t\tif (!rs.success) this.setState({ showSnackbar: true, snackbarVariant: 'error', snackbarMessage: rs.message })\r\n\t\t\tif (rs.success) {\r\n\t\t\t\tconst {\r\n\t\t\t\t\tindividualFormDuck: {\r\n\t\t\t\t\t\tpassengerDataWithCardNo: { group, redemptionTransaction },\r\n\t\t\t\t\t},\r\n\t\t\t\t} = this.props\r\n\r\n\t\t\t\tif ((Object.keys(group).length > 0 || Object.keys(redemptionTransaction).length > 0) && !editMode) {\r\n\t\t\t\t\treturn this.setState({ generalDialogTitle: PASSENGER_HAS_EXISTING_CARD, showGeneralDialog: true, generalDialogActionText: '' })\r\n\t\t\t\t}\r\n\r\n\t\t\t\t/// check appeal\r\n\t\t\t\tconst checkAppealResponse = await this.props.findPassengersDataWithAppealTransaction(checkCardData);\r\n\t\t\t\tif (!checkAppealResponse.success) {\r\n\t\t\t\t\tthis.setState({ showSnackbar: true, snackbarVariant: 'error', snackbarMessage: rs.message })\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\t\t\t\tif(checkAppealResponse.success){\r\n\t\t\t\t\tif(checkAppealResponse.result.items.length > 0) {\r\n\t\t\t\t\t\tthis.setState({\r\n\t\t\t\t\t\t\tgeneralDialogTitle: PASSENGER_HAS_EXISTING_APPEAL,\r\n\t\t\t\t\t\t\tshowGeneralDialog: true,\r\n\t\t\t\t\t\t\tgeneralDialogActionText: '',\r\n\t\t\t\t\t\t\tpretravelId: checkAppealResponse.result.items[0].appealTransactionId\r\n\t\t\t\t\t\t})\r\n\t\t\t\t\t\treturn;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// check sq api\r\n\t\t\t\tthis._checkSqApi()\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t_validateEligibility(passenger) {\r\n\t\tlet rs = true\r\n\t\tif (passenger.eTicket[0].eTicketNo === '' || passenger.eTicket[0].eTicketNo === undefined) {\r\n\t\t\tthis.setState({ showSnackbar: true, snackbarVariant: 'error', snackbarMessage: `Please check ETicket 1 is valid` })\r\n\t\t\treturn\r\n\t\t} else {\r\n\t\t\tif (!this._checkApprovedTicketNo(passenger.eTicket[0].eTicketNo)) {\r\n\t\t\t\tthis.setState({ showSnackbar: true, snackbarVariant: 'error', snackbarMessage: ETICKET_ELIGIBILITY_ERROR_MSG })\r\n\t\t\t\treturn\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\treturn rs\r\n\t}\r\n\r\n\t_validatePreviousPaxETixDuplicate(currentPax, existingList) {\r\n\t\tlet eTixObj = currentPax.eTicketsDetails\r\n\r\n\t\tfor (let i = 0; i < existingList.length; i++) {\r\n\t\t\tif (currentPax.pax === existingList[i].pax) {\r\n\t\t\t\tcontinue\r\n\t\t\t}\r\n\t\t\tif (eTixObj.eTicket4) {\r\n\t\t\t\tif (\r\n\t\t\t\t\teTixObj.eTicket4 === existingList[i].eTicketsDetails.eTicket1 ||\r\n\t\t\t\t\teTixObj.eTicket4 === existingList[i].eTicketsDetails.eTicket2 ||\r\n\t\t\t\t\teTixObj.eTicket4 === existingList[i].eTicketsDetails.eTicket3 ||\r\n\t\t\t\t\teTixObj.eTicket4 === existingList[i].eTicketsDetails.eTicket4\r\n\t\t\t\t) {\r\n\t\t\t\t\treturn false\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tif (eTixObj.eTicket3) {\r\n\t\t\t\tif (\r\n\t\t\t\t\teTixObj.eTicket3 === existingList[i].eTicketsDetails.eTicket1 ||\r\n\t\t\t\t\teTixObj.eTicket3 === existingList[i].eTicketsDetails.eTicket2 ||\r\n\t\t\t\t\teTixObj.eTicket3 === existingList[i].eTicketsDetails.eTicket3 ||\r\n\t\t\t\t\teTixObj.eTicket3 === existingList[i].eTicketsDetails.Ticket4\r\n\t\t\t\t) {\r\n\t\t\t\t\treturn false\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tif (eTixObj.eTicket2) {\r\n\t\t\t\tif (\r\n\t\t\t\t\teTixObj.eTicket2 === existingList[i].eTicketsDetails.eTicket1 ||\r\n\t\t\t\t\teTixObj.eTicket2 === existingList[i].eTicketsDetails.eTicket2 ||\r\n\t\t\t\t\teTixObj.eTicket2 === existingList[i].eTicketsDetails.eTicket3 ||\r\n\t\t\t\t\teTixObj.eTicket2 === existingList[i].eTicketsDetails.eTicket4\r\n\t\t\t\t) {\r\n\t\t\t\t\treturn false\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tif (eTixObj.eTicket1) {\r\n\t\t\t\tif (\r\n\t\t\t\t\teTixObj.eTicket1 === existingList[i].eTicketsDetails.eTicket1 ||\r\n\t\t\t\t\teTixObj.eTicket1 === existingList[i].eTicketsDetails.eTicket2 ||\r\n\t\t\t\t\teTixObj.eTicket1 === existingList[i].eTicketsDetails.eTicket3 ||\r\n\t\t\t\t\teTixObj.eTicket1 === existingList[i].eTicketsDetails.eTicket4\r\n\t\t\t\t) {\r\n\t\t\t\t\treturn false\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\treturn true\r\n\t}\r\n\r\n\t_saveEticket = async () => {\r\n\t\tconst {\r\n\t\t\tpassenger,\r\n\t\t\tindividualFormDuck: {\r\n\t\t\t\tcurrentPaxFormDetails\r\n\t\t\t},\r\n\t\t} = this.props;\r\n\t\tconst { eTix } = this.state\r\n\r\n\t\tconst eTicketsKeys = [E_TIX_2_KEY, E_TIX_3_KEY, E_TIX_4_KEY]\r\n\t\tlet eTicketNumbers = []\r\n\t\tfor (let eTixKey of eTicketsKeys) {\r\n\t\t\tif (eTix[eTixKey]) {\r\n\t\t\t\teTicketNumbers.push(eTix[eTixKey])\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tconst data = { passengerId: currentPaxFormDetails.id, eTicketNumbers: eTicketNumbers }\r\n\t\tconst rs = await this.props.updateEicketAppealTransaction(data)\r\n if (rs.success) {\r\n // No need to send auditLogs on first request\r\n this.setState({\r\n showSnackbar: true,\r\n snackbarMessage: 'Success',\r\n snackbarVariant: 'success',\r\n parentDidSumit: false,\r\n\t\t\t\teventName: 'updateEticket',\r\n\t\t\t\teTix: eTix,\r\n\t\t\t\teTixBackUp: eTix,\r\n\t\t\t\tisUpdateETicket: false,\r\n\t\t\t\tisCheckEligibilitySuccess: false\r\n })\r\n } else {\r\n this.setState({\r\n showSnackbar: true,\r\n snackbarMessage: rs.message,\r\n snackbarVariant: 'error',\r\n parentDidSumit: false,\r\n eventName: 'updateEticket'\r\n })\r\n }\r\n\t}\r\n\r\n\tcloseSnackbar = () => {\r\n\t\tthis.setState({ showSnackbar: false })\r\n\t}\r\n\r\n\t_renderNotiIcon = (ticketNumber) => {\r\n\t\tconst { isCheckEligibilitySuccess } = this.state\r\n\t\tconst {\r\n\t\t\tindividualFormDuck: {\r\n\t\t\t\tcurrentPaxFormDetails\r\n\t\t\t},\r\n\t\t} = this.props;\r\n\r\n\t\tif (isCheckEligibilitySuccess) {\r\n\t\t\tlet ticketDetails = currentPaxFormDetails.ticketDetails\r\n\r\n\t\t\tif (!ticketDetails || ticketNumber === '') return null\r\n\r\n\t\t\tconst d = ticketDetails.find((d) => d.ticketNumber === ticketNumber)\r\n\t\t\tif (d === undefined) return null\r\n\r\n\t\t\tif (convertSqStatusForDisplay(d.ctpEligibility) === DISPLAY_YES) {\r\n\t\t\t\tif (this.state.eTicketIsYes !== true) this.setState({ eTicketIsYes: true })\r\n\t\t\t\treturn \r\n\t\t\t\t\t{sector2.transportMean !== 'na' && sector2.attachmentUris && (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tThe following attachments will be removed:\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tAre you sure you wish to void the transaction?\r\n\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tRemarks\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t this.onVoidRemarkChange(e)}\r\n\t\t\t\t\t\t\t\t\tfullWidth\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t \r\n\t\t\t\t\t \r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t \r\n\t\t\t\t\t \r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\r\n\t\t\t\t\t{!viewOnly && (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t \r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\r\n\r\n\t\t\t\t
\r\n\r\n\t\t\t\t- \r\n\t\t\t\t\t\t\t\t{sector2.attachmentUris.map((a, i) => {\r\n\t\t\t\t\t\t\t\t\tif (deletedOriginalAttachmentIdx.has(i)) {\r\n\t\t\t\t\t\t\t\t\t\treturn
- {a} \r\n\t\t\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\t\t\treturn \r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t{generalDialogTitle === PASSENGER_HAS_EXISTING_APPEAL && (\r\n \r\n \r\n\t\t\t\t\t\t\t\tThere is an existing pretravel appeal for this passenger. \r\n\t\t\t\t\t\t\t\t\t this.onLinkClick(this.state.pretravelId)}>\r\n\t\t\t\t\t\t\t\t\t Click here.\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t \r\n \r\n )}\r\n\t\t\t\t \r\n\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{eTicketsKeys.map((k, i) => (\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t{(hasEditorPermissions && (\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t ))}\r\n\t\t\t\t\t \r\n\t\t\t\t \r\n\r\n\t\t\t\t
\r\n\t\t)\r\n\t}\r\n}\r\n\r\nconst styles = (theme) => ({\r\n\tcontainer: { ...theme.container },\r\n\trow: { display: 'flex', marginTop: 20 },\r\n\trowItem: { display: 'flex', flex: 1, marginRight: 60, alignItems: 'center' },\r\n\tlabel: { flex: '2' },\r\n\tcontrol: { flex: '3' },\r\n\ttextfield: { width: '100%' },\r\n\ttextfieldError: { height: 60, width: '100%' },\r\n\ttfWrap: { position: 'relative' },\r\n\tclickable: { cursor: 'pointer', borderBottom: '1px dotted #ccc', color: 'blue' },\r\n})\r\n\r\nconst mapStateToProps = function(state) {\r\n\tconst { individualFormDuck } = state\r\n\tconst { checkAndUpdateEligibilityIsLoading } = individualFormDuck\r\n\treturn {\r\n\t\tindividualFormDuck,\r\n\t\tcheckAndUpdateEligibilityIsLoading\r\n\t}\r\n}\r\n\r\nconst mapDispatchToProps = function(dispatch) {\r\n\treturn {\r\n\t\tcheckAndUpdateEligibility: ({ ticketDetails, redemptionTransactionId }) => dispatch(checkAndUpdateEligibility({ ticketDetails, redemptionTransactionId })),\r\n\t\tfindPassengerDataWithCardNo: (data) => dispatch(findPassengerDataWithCardNo(data)),\r\n\t\tfindPassengerInGroup: (data) => dispatch(findPassengerInGroup(data)),\r\n\t\tfindPassengersDataWithAppealTransaction: (data) => dispatch(findPassengersDataWithAppealTransaction(data)),\r\n\t\tcopyFormDetailsToCurrentPax: (p) => dispatch(copyFormDetailsToCurrentPax(p)),\r\n\t\tupdateEicketAppealTransaction: (data) => dispatch(updateEicketAppealTransaction(data)),\r\n\t}\r\n}\r\n\r\nexport default connect(\r\n\tmapStateToProps,\r\n\tmapDispatchToProps\r\n)(withStyles(styles)(AppealETicketForm))\r\n","import React, {Component} from 'react'\r\nimport {\r\n withStyles,\r\n Grid,\r\n TextField,\r\n Typography, FormControlLabel, FormControl, Checkbox, Button\r\n} from '@material-ui/core'\r\nimport PropTypes from 'prop-types'\r\nimport {toBrowserFriendlyDate} from \"../../helpers/utilities\";\r\n\r\nclass AppealCollectorDetails extends Component {\r\n\r\n onCollectorFieldChange = (k, e) =>{\r\n this.props.onCollectorFieldChange(k,e)\r\n };\r\n\r\n render() {\r\n const {classes, viewOnly, appealTransactionDetail, isShowing} = this.props;\r\n console.log(\"detail\", appealTransactionDetail)\r\n console.log(\"allow\", appealTransactionDetail.allowReceivingInfo)\r\n return (\r\n \r\n\t\t\t\t\t\t\t\t\t{(passenger.eTicket[k] !== '' || i === 0 || showEticketField >= i) && (\r\n\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tE-Ticket No. {i + 1} {i === 0 && *}\r\n\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.handleETicketsDetailsChange(k, e.target.value)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{this._renderNotiIcon(eTix[k])}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t{i === 0 &&\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tLast Name *\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n
\r\n )\r\n }\r\n}\r\n\r\nconst styles = theme => ({\r\n container: { ...theme.container },\r\n pointer: { cursor: 'pointer' },\r\n auditColumn : { width:'20%'},\r\n editMode: {}\r\n})\r\n\r\nconst mapStateToProps = state => {\r\n const { appealTransactionDuck } = state\r\n return { \r\n appealTransactionDuck,\r\n editMode: appealTransactionDuck.editMode,\r\n }\r\n}\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n return {\r\n approveAppealTransactionDetail: (data, appealTransaction) => dispatch(approveAppealTransactionDetail(data, appealTransaction)),\r\n rejectAppealTransactionDetail: (data, appealTransaction) => dispatch(rejectAppealTransactionDetail(data, appealTransaction)),\r\n getAppealTransactionDetail: (data) => dispatch(getAppealTransactionDetail(data)),\r\n copyFormDetailsToCurrentPax: (p) => dispatch(copyFormDetailsToCurrentPax(p)),\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(withStyles(styles)(AppealTransactionDetailScreen))\r\n","import React, {Component} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {withStyles, Grid, TextField, Button} from '@material-ui/core'\r\nimport Header from '../containers/Header.js'\r\nimport AdminSettingsNav from '../containers/adminSettings/AdminSettingsNav'\r\nimport {TITLE_PREFIX} from '../constants/titlePrefix'\r\nimport StyledTable from '../components/StyledTable'\r\nimport StyledSection from '../components/StyledSection'\r\nimport StyledSnackbar from '../components/StyledSnackbar'\r\nimport {hasPermissions} from '../helpers/utilities'\r\nimport {getAllIata, addIata, updateIata, deleteIata} from '../ducks/iataDuck.js'\r\nimport {\r\n USER_ADMIN_ROLE_READ_PERMISSION, USER_ADMIN_ROLE_CREATE_PERMISSION, USER_ADMIN_ROLE_EDIT_PERMISSION\r\n} from '../constants/permissions'\r\nimport GlobalTimeChecker from '../containers/GlobalTimeChecker'\r\nimport StyledGeneralDialog from '../components/StyledGeneralDialog'\r\nimport DeleteDialog from '../components/DeleteDialog'\r\n\r\nconst RIGHT_TABLE_FIELDS = [\r\n {key: 'seq', label: 'S/N'},\r\n {key: 'iataCode', label: 'IATA CODE'},\r\n {key: 'name', label: 'Name'}\r\n]\r\n\r\nclass AdminIataScreen extends Component {\r\n constructor(props, context) {\r\n super(props, context)\r\n this.state = {\r\n showDialog: false,\r\n showSnackbar: false,\r\n snackbarMessage: '',\r\n snackbarVariant: 'success',\r\n iataCodeError: '',\r\n iataCodeEditError: '',\r\n iataCode: '',\r\n nameError: '',\r\n nameEditError: '',\r\n name: '',\r\n showEditDialog: false,\r\n origEditing: {},\r\n editing: {},\r\n showDeleteDialog: false,\r\n deleting: {}\r\n }\r\n }\r\n\r\n componentDidMount = async () => {\r\n document.title = `${TITLE_PREFIX} Admin settings - IATA`\r\n const rs = await this.props.getAllIata()\r\n if (!rs.success) this.setState({showSnackbar: true, snackbarVariant: 'error', snackbarMessage: rs.message})\r\n }\r\n\r\n onEditCancel = () => {\r\n this.setState({showEditDialog: false})\r\n }\r\n\r\n onEditSave = async () => {\r\n if (this._validate(this.state.editing)) {\r\n const rs = await this.props.updateIata(this.state.editing)\r\n this.setState({showEditDialog: false})\r\n if (rs.success) {\r\n this.setState({\r\n showSnackbar: true,\r\n snackbarVariant: 'success',\r\n snackbarMessage: 'IATA updated',\r\n showEditDialog: false\r\n })\r\n this.props.getAllIata()\r\n } else {\r\n this.setState({\r\n showSnackbar: true,\r\n snackbarVariant: 'error',\r\n snackbarMessage: rs.message,\r\n showEditDialog: false,\r\n showDeleteDialog: false\r\n })\r\n }\r\n }\r\n }\r\n\r\n onSubmit = async () => {\r\n if (this._validate({iataCode: this.state.iataCode})) {\r\n const rs = await this.props.addIata({iataCode: this.state.iataCode.toUpperCase(), name: this.state.name})\r\n if (rs.success) {\r\n this.setState({showSnackbar: true, snackbarVariant: 'success', snackbarMessage: 'IATA created'})\r\n this.props.getAllIata()\r\n } else {\r\n this.setState({showSnackbar: true, snackbarVariant: 'error', snackbarMessage: rs.message})\r\n }\r\n }\r\n }\r\n\r\n _validate(obj) {\r\n const {showEditDialog} = this.state\r\n if (obj.iataCode.length !== 3) {\r\n !showEditDialog\r\n ? this.setState({iataCodeError: 'IATA code must be 3 letters'})\r\n : this.setState({iataCodeEditError: 'IATA code must be 3 letters'})\r\n return false\r\n } else {\r\n this.setState({iataCodeError: '', iataCodeEditError: ''})\r\n }\r\n\r\n return true\r\n }\r\n\r\n closeSnackbar = () => {\r\n this.setState({showSnackbar: false})\r\n }\r\n\r\n onEdit = row => {\r\n this.setState({showEditDialog: true, editing: row, origEditing: row})\r\n }\r\n\r\n onEditChange = (k, v) => {\r\n this.setState({editing: {...this.state.editing, [k]: v}})\r\n }\r\n\r\n onDelete = row => {\r\n this.setState({showDeleteDialog: true, deleting: row})\r\n }\r\n\r\n onDeleteCancel = () => {\r\n this.setState({showDeleteDialog: false})\r\n }\r\n\r\n onDeleteConfirm = async () => {\r\n const rs = await this.props.deleteIata(this.state.deleting.id)\r\n\r\n if (rs.success) {\r\n this.props.getAllIata()\r\n this.setState({\r\n showSnackbar: true,\r\n snackbarVariant: 'success',\r\n snackbarMessage: `IATA ${this.state.deleting.iataCode} deleted`,\r\n showDeleteDialog: false\r\n })\r\n } else {\r\n this.setState({\r\n showSnackbar: true,\r\n snackbarVariant: 'error',\r\n snackbarMessage: rs.message,\r\n showDeleteDialog: false\r\n })\r\n }\r\n }\r\n\r\n updateIataCode = iataCode => {\r\n this.setState({iataCode})\r\n }\r\n\r\n updateName = name => {\r\n this.setState({name})\r\n }\r\n\r\n render() {\r\n const {classes, iataDuck} = this.props\r\n const {showEditDialog, showDeleteDialog, editing, deleting, origEditing, iataCodeEditError, nameEditError} = this.state\r\n\r\n const hasCreatePermission = hasPermissions([USER_ADMIN_ROLE_CREATE_PERMISSION])\r\n const hasEditPermission = hasPermissions([USER_ADMIN_ROLE_EDIT_PERMISSION])\r\n const hasReadPermission = hasPermissions([USER_ADMIN_ROLE_READ_PERMISSION]) || hasEditPermission || hasCreatePermission\r\n\r\n return (\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n (this.individualETicket = instance)}\r\n passenger = {passengers[currentIdx]}\r\n editMode={editMode} \r\n editModeClass={classes.editMode} />\r\n\r\n {appealTransaction && (\r\n {}}\r\n isShowing\r\n />\r\n )}\r\n\r\n {appealTransaction && (\r\n )}\r\n\r\n\r\n {appealTransaction && (\r\n \r\n \r\n \r\n \r\n Status\r\n \r\n \r\n {appealTransaction.approval == false && appealTransaction.rejected == false && ( \r\n \r\n \r\n \r\n CR Member ID\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n CSO Remark\r\n \r\n \r\n \r\n \r\n \r\n \r\n Card Number\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n {(!appealTransaction.approval && (!appealTransaction.rejected || hasSuperApproverPermissions)) && (\r\n \r\n )}\r\n {(!appealTransaction.rejected && !appealTransaction.approval) && (\r\n \r\n )}\r\n \r\n )}\r\n\r\n \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t \r\n\t\t\t\t \r\n \r\n
\r\n\r\n \r\n \r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nconst styles = theme => ({\r\n container: {...theme.container}\r\n})\r\n\r\nconst mapStateToProps = state => {\r\n const {iataDuck} = state\r\n return {iataDuck}\r\n}\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n return {\r\n getAllIata: () => dispatch(getAllIata()),\r\n addIata: iata => dispatch(addIata(iata)),\r\n updateIata: iata => dispatch(updateIata(iata)),\r\n deleteIata: id => dispatch(deleteIata(id))\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(withStyles(styles)(AdminIataScreen))","import React, {Component} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {withStyles, Grid, Button, FormControlLabel, Switch} from '@material-ui/core'\r\nimport Header from '../containers/Header.js'\r\nimport AdminSettingsNav from '../containers/adminSettings/AdminSettingsNav'\r\nimport {TITLE_PREFIX} from '../constants/titlePrefix'\r\nimport StyledSection from '../components/StyledSection'\r\nimport {getShouldCallSQ, updateShouldCallSQ} from '../ducks/systemDataDuck'\r\nimport StyledSnackbar from '../components/StyledSnackbar'\r\nimport GlobalTimeChecker from \"../containers/GlobalTimeChecker\";\r\n\r\nclass SqApiScreen extends Component {\r\n constructor(props, context) {\r\n super(props, context)\r\n this.state = {\r\n shouldCallSQ: false,\r\n showSnackbar: false,\r\n snackbarMessage: '',\r\n snackbarVariant: 'success'\r\n }\r\n }\r\n\r\n componentDidMount = async () => {\r\n document.title = `${TITLE_PREFIX} Admin settings - SQ API`\r\n\r\n const rs = await this.props.getShouldCallSQ()\r\n if (!rs.success) this.setState({showSnackbar: true, snackbarVariant: 'error', snackbarMessage: rs.message})\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n if (prevProps.systemDataDuck.getShouldCallSQIsLoading === true && this.props.systemDataDuck.getShouldCallSQIsLoading === false) {\r\n const {systemDataDuck: {shouldCallSQ}} = this.props\r\n this.setState({shouldCallSQ: shouldCallSQ})\r\n }\r\n }\r\n\r\n closeSnackbar = () => {\r\n this.setState({showSnackbar: false})\r\n }\r\n\r\n onSubmit = async () => {\r\n const data = {input: this.state.shouldCallSQ}\r\n const rs = await this.props.updateShouldCallSQ(data)\r\n if (rs.success) {\r\n this.setState({showSnackbar: true, snackbarVariant: 'success', snackbarMessage: 'SQ API updated'})\r\n this.props.getShouldCallSQ()\r\n } else {\r\n this.setState({showSnackbar: true, snackbarVariant: 'error', snackbarMessage: rs.message})\r\n }\r\n }\r\n\r\n render() {\r\n const {classes, systemDataDuck: {getShouldCallSQIsLoading, updateShouldCallSQIsLoading}} = this.props\r\n const {shouldCallSQ} = this.state\r\n const isLoading = getShouldCallSQIsLoading || updateShouldCallSQIsLoading\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n The following IATA Code will be removed:\r\n \r\n \r\n IATA code: \r\n {deleting.iataCode} \r\n \r\n \r\n Name: \r\n {deleting.name} \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n IATA CODE \r\n \r\n this.onEditChange('iataCode', e.target.value)}/>\r\n \r\n \r\n \r\n Name \r\n \r\n this.onEditChange('name', e.target.value)}/>\r\n \r\n \r\n \r\n \r\n\r\n {hasReadPermission && \r\n \r\n \r\n {iataDuck.iatas.length > 0 && \r\n \r\n\r\n {hasCreatePermission && \r\n \r\n \r\n \r\n this.updateIataCode(e.target.value)}/>\r\n \r\n\r\n \r\n this.updateName(e.target.value)}/>\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n }\r\n }\r\n
\r\n \r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nconst styles = theme => ({\r\n container: {...theme.container}\r\n})\r\n\r\nconst mapStateToProps = state => {\r\n const {systemDataDuck} = state\r\n\r\n return {systemDataDuck}\r\n}\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n return {\r\n getShouldCallSQ: () => dispatch(getShouldCallSQ()),\r\n updateShouldCallSQ: data => dispatch(updateShouldCallSQ(data))\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(withStyles(styles)(SqApiScreen))","import React, {Component} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {withStyles, Grid, Button, TextField, Typography} from '@material-ui/core'\r\nimport Header from '../containers/Header.js'\r\nimport AdminSettingsNav from '../containers/adminSettings/AdminSettingsNav'\r\nimport {TITLE_PREFIX} from '../constants/titlePrefix'\r\nimport StyledSection from '../components/StyledSection'\r\nimport {\r\n getAllPhysicalVouchers, addPhysicalVouchers, deletePhysicalVoucher, updatePhysicalVouchers\r\n} from '../ducks/physicalVoucherDuck'\r\nimport {getAllCampaigns} from '../ducks/campaignPeriodDuck'\r\nimport StyledSnackbar from '../components/StyledSnackbar'\r\nimport GlobalTimeChecker from '../containers/GlobalTimeChecker'\r\nimport StyledSelect from '../components/StyledSelect'\r\nimport {toHumanFriendlyDate} from '../helpers/utilities'\r\nimport CardRangeHelper from '../helpers/cardRangeHelper'\r\nimport StyledTable from '../components/StyledTable'\r\nimport StyledGeneralDialog from '../components/StyledGeneralDialog'\r\nimport DeleteDialog from '../components/DeleteDialog'\r\nimport PageHelper from '../helpers/pageHelper'\r\nimport StyledPagination from '../components/StyledPagination'\r\nimport {getCurrentAuthHeader} from '../helpers/utilities'\r\n\r\nconst PHYSICAL_VOUCHERS_FIELDS = [{key: 'seq', label: 'S/N'}, {key: 'campaignPeriod', label: 'Campaign'},\r\n {key: 'voucherType', label: 'Voucher type'}, {key: 'voucherNo', label: 'Voucher no'}, {key: 'passengerId', label: 'status', render: v => !!v ? 'issued' : ''}]\r\n\r\nclass PhysicalVoucherScreen extends Component {\r\n constructor(props, context) {\r\n super(props, context)\r\n this.state = {\r\n showSnackbar: false,\r\n snackbarMessage: '',\r\n snackbarVariant: 'success',\r\n campaign: {label: '', value: ''},\r\n filterCampaign: {label: 'ALL', value: ''},\r\n voucherType: {label: 'GEN', value: 'GEN'},\r\n filterVoucherType: {label: 'ALL', value: 'ALL'},\r\n voucherRange: '',\r\n showEditDialog: false,\r\n showDeleteDialog: false,\r\n editingVoucher: {},\r\n deletingVoucher: {},\r\n currentPage: 1,\r\n totalCount: 0\r\n }\r\n\r\n this.rowsPerPage = 100\r\n this.pageHelper = new PageHelper({maxResultCount: this.rowsPerPage})\r\n }\r\n\r\n componentDidMount = async () => {\r\n document.title = `${TITLE_PREFIX} Admin settings - Physical Vouchers`\r\n const rs2 = await this.props.getAllCampaigns()\r\n if (!rs2.success) this.setState({showSnackbar: true, snackbarVariant: 'error', snackbarMessage: rs2.message})\r\n\r\n /*\r\n let pageData = this.pageHelper.newCall()\r\n\r\n const data = {params: {MaxResultCount: pageData.maxResultCount, SkipCount: pageData.skipCount}, ...getCurrentAuthHeader()}\r\n const rs = await this.props.getAllPhysicalVouchers(data)\r\n if (!rs.success) this.setState({showSnackbar: true, snackbarVariant: 'error', snackbarMessage: rs.message})\r\n if (rs.success) {\r\n this.pageHelper.populatePagingData({totalCount: rs.totalCount})\r\n this.setState({totalCount: this.pageHelper.getTotalCount()})\r\n }\r\n */\r\n };\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n\r\n }\r\n\r\n closeSnackbar = () => {\r\n this.setState({showSnackbar: false})\r\n }\r\n\r\n _validate() {\r\n const {campaign, voucherRange} = this.state\r\n\r\n if (campaign.value === '') {\r\n this.setState({showSnackbar: true, snackbarVariant: 'error', snackbarMessage: 'Campaign is required'})\r\n return false\r\n }\r\n if (voucherRange === '') {\r\n this.setState({showSnackbar: true, snackbarVariant: 'error', snackbarMessage: 'Voucher range is required'})\r\n return false\r\n }\r\n if (/[^0-9\\-,\\s]/g.test(voucherRange)) {\r\n this.setState({showSnackbar: true, snackbarVariant: 'error', snackbarMessage: 'Please enter a valid card range'})\r\n return false\r\n }\r\n return true\r\n }\r\n\r\n onSubmit = async () => {\r\n if (!this._validate()) return\r\n let cardRangeHelper = new CardRangeHelper({rangeString: this.state.voucherRange, fixedDigits: false})\r\n cardRangeHelper.prepareData()\r\n let cardRange = cardRangeHelper.generateRange()\r\n\r\n const {campaign, voucherType} = this.state\r\n let data = cardRange.map(n => {\r\n return {campaignId: campaign.value, voucherNo: n, voucherType: voucherType.value}\r\n })\r\n const rs = await this.props.addPhysicalVouchers({physicalVouchers: data})\r\n if (rs.success) {\r\n this.setState({showSnackbar: true, snackbarVariant: 'success', snackbarMessage: 'Physical vouchers added ', currentPage: 1})\r\n } else {\r\n this.setState({showSnackbar: true, snackbarVariant: 'error', snackbarMessage: rs.message})\r\n }\r\n }\r\n\r\n _getAllPhysicalVouchers = async () => {\r\n const {filterCampaign, filterVoucherType} = this.state\r\n let data = {params: {}}\r\n if (filterCampaign.value) data.params.campaignId = filterCampaign.value\r\n if (filterVoucherType.value !== 'ALL') data.params.voucherType = filterVoucherType.value\r\n\r\n let pageData = this.pageHelper.pageCall(this.state.currentPage)\r\n data.params.MaxResultCount = pageData.maxResultCount\r\n data.params.SkipCount = pageData.skipCount\r\n\r\n data = {...data, ...getCurrentAuthHeader()}\r\n\r\n const rs = await this.props.getAllPhysicalVouchers(data)\r\n if (rs.success) {\r\n this.pageHelper.populatePagingData({totalCount: rs.totalCount})\r\n this.setState({totalCount: this.pageHelper.getTotalCount()})\r\n } else {\r\n this.setState({showSnackbar: true, snackbarVariant: 'error', snackbarMessage: rs.message})\r\n }\r\n\r\n }\r\n\r\n campaignToSelectFriendly = campaigns => {\r\n return campaigns.map(c => {\r\n return {\r\n label: `${toHumanFriendlyDate(c.startDate)} - ${toHumanFriendlyDate(c.endDate)}`,\r\n value: c.id\r\n }\r\n })\r\n }\r\n\r\n filterCampaignOptions = (campaigns) => {\r\n const c = campaigns.map(c => {\r\n return {\r\n label: `${toHumanFriendlyDate(c.startDate)} - ${toHumanFriendlyDate(c.endDate)}`,\r\n value: c.id\r\n }\r\n })\r\n return [{label: 'ALL', value: ''}, ...c]\r\n }\r\n\r\n onCampaignChange = e => {\r\n this.setState({campaign: e})\r\n }\r\n\r\n onVoucherTypeChange = e => {\r\n this.setState({voucherType: e})\r\n }\r\n\r\n voucherTypeOptions = () => {\r\n const types = ['GEN', 'LPC']\r\n return types.map(t => ({label: t, value: t}))\r\n }\r\n\r\n filterVoucherTypeOptions = () => {\r\n const types = ['ALL', 'GEN', 'LPC']\r\n return types.map(t => ({label: t, value: t}))\r\n }\r\n\r\n onVoucherRangeChange = e => {\r\n this.setState({voucherRange: e.target.value})\r\n }\r\n\r\n onEditPhysicalVoucher = row => {\r\n this.setState({showEditDialog: true, editingVoucher: row})\r\n }\r\n\r\n onEditClose = () => {\r\n this.setState({showEditDialog: false})\r\n }\r\n\r\n _formatCampaignToSelectFriendly = physicalVoucher => {\r\n if (physicalVoucher.startDate.indexOf('T') !== -1) {\r\n return {\r\n label: `${toHumanFriendlyDate(physicalVoucher.startDate)} - ${toHumanFriendlyDate(physicalVoucher.endDate)}`,\r\n value: physicalVoucher.campaignId\r\n }\r\n } else {\r\n return {\r\n label: `${physicalVoucher.startDate} - ${physicalVoucher.endDate}`,\r\n value: physicalVoucher.campaignId\r\n }\r\n }\r\n }\r\n\r\n onEditingCampaignChange = e => {\r\n const {editingVoucher} = this.state\r\n const [startDate, endDate] = e.label.split('-').map(e => e.trim())\r\n this.setState({\r\n editingVoucher: {\r\n ...editingVoucher,\r\n campaignId: e.value,\r\n startDate: startDate,\r\n endDate: endDate\r\n }\r\n })\r\n }\r\n\r\n onEditingVoucherTypeChange = e => {\r\n const {editingVoucher} = this.state\r\n this.setState({editingVoucher: {...editingVoucher, voucherType: e.value}})\r\n }\r\n\r\n _formatVoucherToSelectFriendly = physicalVoucher => {\r\n return {label: physicalVoucher.voucherType, value: physicalVoucher.voucherType}\r\n }\r\n\r\n onDeletePhysicalVoucher = row => {\r\n this.setState({showDeleteDialog: true, deletingVoucher: row})\r\n }\r\n\r\n onEditingVoucherChange = e => {\r\n const {editingVoucher} = this.state\r\n this.setState({editingVoucher: {...editingVoucher, voucherNo: e.target.value}})\r\n }\r\n\r\n onEditSave = async () => {\r\n const {editingVoucher: {id, campaignId, voucherNo, voucherType}} = this.state\r\n\r\n const data = {id, campaignId, voucherNo, voucherType}\r\n const rs = await this.props.updatePhysicalVouchers(data)\r\n if (rs.success) {\r\n this.setState({showSnackbar: true, snackbarVariant: 'error', snackbarMessage: 'Voucher updated'})\r\n this.props.getAllPhysicalVouchers()\r\n } else {\r\n this.setState({showSnackbar: true, snackbarVariant: 'error', snackbarMessage: rs.message})\r\n }\r\n }\r\n\r\n onDeleteCancel = () => {\r\n this.setState({showDeleteDialog: false})\r\n }\r\n\r\n onDeleteConfirm = async () => {\r\n const {deletingVoucher} = this.state\r\n const rs = await this.props.deletePhysicalVoucher(deletingVoucher.id)\r\n if (rs.success) {\r\n this.setState({showDeleteDialog: false})\r\n this.setState({showSnackbar: true, snackbarVariant: 'success', snackbarMessage: 'Voucher deleted'})\r\n this.props.getAllPhysicalVouchers()\r\n\r\n } else {\r\n this.setState({showSnackbar: true, snackbarVariant: 'error', snackbarMessage: rs.message})\r\n }\r\n }\r\n\r\n onChangePage = (e, page) => {\r\n switch (page) {\r\n case 'first':\r\n this.setState({currentPage: 1})\r\n this.pageHelper.pageCall(1)\r\n this.setState({currentPage: 1},\r\n () => {this._getAllPhysicalVouchers()})\r\n break\r\n\r\n case 'prev':\r\n this.pageHelper.pageCall(this.state.currentPage - 1)\r\n this.setState({currentPage: this.state.currentPage - 1},\r\n () => {this._getAllPhysicalVouchers()})\r\n break\r\n\r\n case 'next':\r\n this.pageHelper.pageCall(this.state.currentPage + 1)\r\n this.setState({currentPage: this.state.currentPage + 1},\r\n () => {this._getAllPhysicalVouchers()})\r\n break\r\n\r\n case 'last':\r\n const lastPage = this.pageHelper.getTotalNoOfPages()\r\n this.pageHelper.pageCall(lastPage)\r\n this.setState({currentPage: lastPage},\r\n () => {this._getAllPhysicalVouchers()})\r\n break\r\n\r\n default:\r\n this.setState({currentPage: page},\r\n () => {this._getAllPhysicalVouchers()})\r\n }\r\n }\r\n\r\n onFilterVoucherTypeChange = e => {\r\n this.setState({filterVoucherType: e, currentPage: 1}, () => {this._getAllPhysicalVouchers()})\r\n }\r\n\r\n onFilterCampaignChange = e => {\r\n this.setState({filterCampaign: e, currentPage: 1}, () => {this._getAllPhysicalVouchers()})\r\n }\r\n\r\n _formatPhysicalVouchers = physicalVouchers => (\r\n physicalVouchers.map(p => {\r\n if(p.campaign){\r\n p.campaignPeriod = `${toHumanFriendlyDate(p.campaign.startDate)} - ${toHumanFriendlyDate(p.campaign.endDate)}`\r\n }\r\n return p\r\n })\r\n )\r\n\r\n render() {\r\n const {\r\n classes, physicalVoucherDuck: {\r\n getAllPhysicalVouchersIsLoading, addPhysicalVouchersIsLoading, physicalVouchers, deletePhysicalVoucherIsLoading,\r\n updatePhysicalVoucherIsLoading\r\n },\r\n campaignPeriodDuck: {campaigns}\r\n } = this.props\r\n const {\r\n campaign, voucherType, voucherRange, showEditDialog, editingVoucher, showDeleteDialog, deletingVoucher,\r\n currentPage, totalCount, filterCampaign, filterVoucherType\r\n } = this.state\r\n const isLoading = getAllPhysicalVouchersIsLoading || addPhysicalVouchersIsLoading || updatePhysicalVoucherIsLoading || deletePhysicalVoucherIsLoading\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n this.setState({shouldCallSQ: !this.state.shouldCallSQ})}\r\n color={'primary'}\r\n />\r\n }\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nconst styles = theme => ({\r\n container: {...theme.container},\r\n select: {width: '20rem', marginTop: '.3rem'}\r\n})\r\n\r\nconst mapStateToProps = state => {\r\n const {physicalVoucherDuck, campaignPeriodDuck} = state\r\n\r\n return {physicalVoucherDuck, campaignPeriodDuck}\r\n}\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n return {\r\n getAllPhysicalVouchers: data => dispatch(getAllPhysicalVouchers(data)),\r\n addPhysicalVouchers: data => dispatch(addPhysicalVouchers(data)),\r\n getAllCampaigns: () => dispatch(getAllCampaigns()),\r\n deletePhysicalVoucher: id => dispatch(deletePhysicalVoucher(id)),\r\n updatePhysicalVouchers: data => dispatch(updatePhysicalVouchers(data))\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(withStyles(styles)(PhysicalVoucherScreen))","import React, {Component} from 'react'\r\nimport {\r\n withStyles,\r\n Paper,\r\n Table,\r\n TableHead,\r\n TableBody,\r\n TableRow,\r\n TableCell,\r\n TableSortLabel\r\n} from '@material-ui/core'\r\nimport {getGroupLabel} from '../../helpers/groupStatusHelper'\r\nimport {toHumanFriendlyDate} from '../../helpers/utilities'\r\n\r\nclass SearchGroupResultTable extends Component {\r\n constructor(props, context) {\r\n super(props, context)\r\n this.state = {\r\n order : 'asc',\r\n orderBy : 'cardNo'\r\n }\r\n }\r\n onLinkClick = refNo => {\r\n const url = '/group/group-detail/'\r\n window.open(url + refNo)\r\n }\r\n\r\n _getGroupStatus = d => {\r\n return {getGroupLabel(d)}\r\n }\r\n\r\n descendingComparator = (a, b, orderBy) => {\r\n if (b[orderBy] < a[orderBy]) {\r\n return -1;\r\n }\r\n if (b[orderBy] > a[orderBy]) {\r\n return 1;\r\n }\r\n return 0;\r\n }\r\n\r\n getComparator = (order, orderBy) => {\r\n if(orderBy==='status'){\r\n return order === 'desc'\r\n ? (a, b) => {\r\n a.statusOrder = this._getGroupStatus(a).props.children;\r\n b.statusOrder = this._getGroupStatus(b).props.children;\r\n return this.descendingComparator(a, b, 'statusOrder');\r\n }\r\n : (a, b) => {\r\n a.statusOrder = this._getGroupStatus(a).props.children;\r\n b.statusOrder = this._getGroupStatus(b).props.children;\r\n return -this.descendingComparator(a, b, 'statusOrder');\r\n }\r\n }\r\n return order === 'desc'\r\n ? (a, b) => this.descendingComparator(a, b, orderBy)\r\n : (a, b) => -this.descendingComparator(a, b, orderBy);\r\n }\r\n\r\n stableSort(array, comparator) {\r\n const stabilizedThis = array.map((el, index) => [el, index]);\r\n stabilizedThis.sort((a, b) => {\r\n const order = comparator(a[0], b[0]);\r\n if (order !== 0) return order;\r\n return a[1] - b[1];\r\n });\r\n return stabilizedThis.map(el => el[0]);\r\n }\r\n\r\n render() {\r\n const {classes, data, fields} = this.props\r\n const {order, orderBy} = this.state\r\n const handleRequestSort = (event, property) => {\r\n const isAsc = orderBy !== property || orderBy === property && order === 'desc' ;\r\n this.setState({order:isAsc ? 'asc' : 'desc', orderBy: property})\r\n };\r\n const visuallyHidden = {\r\n border: 0,\r\n clip: 'rect(0 0 0 0)',\r\n height: 1,\r\n margin: -1,\r\n overflow: 'hidden',\r\n padding: 0,\r\n position: 'absolute',\r\n top: 20,\r\n width: 1,\r\n };\r\n function EnhancedTableHead(props) {\r\n const { onRequestSort } = props;\r\n const createSortHandler = property => event => {\r\n onRequestSort(event, property);\r\n };\r\n return (\r\n \r\n \r\n {Object.keys(deletingVoucher).length > 0 && \r\n \r\n The following voucher will be deleted\r\n \r\n \r\n \r\n Campaign id\r\n \r\n \r\n {deletingVoucher.campaignId}\r\n \r\n \r\n \r\n \r\n Start date\r\n \r\n \r\n {toHumanFriendlyDate(deletingVoucher.startDate)}\r\n \r\n \r\n \r\n \r\n End date\r\n \r\n \r\n {toHumanFriendlyDate(deletingVoucher.endDate)}\r\n \r\n \r\n \r\n \r\n Voucher type\r\n \r\n \r\n {deletingVoucher.voucherType}\r\n \r\n \r\n \r\n \r\n Voucher no\r\n \r\n \r\n {deletingVoucher.voucherNo}\r\n \r\n \r\n \r\n \r\n Passenger id\r\n \r\n \r\n {deletingVoucher.passengerId}\r\n \r\n \r\n }\r\n \r\n\r\n \r\n {Object.keys(editingVoucher).length > 0 && \r\n \r\n \r\n Campaign\r\n \r\n \r\n this.onEditingCampaignChange(e)}\r\n label={'Campaign'}\r\n />\r\n \r\n \r\n\r\n \r\n \r\n Voucher type\r\n \r\n \r\n this.onEditingVoucherTypeChange(e)}\r\n label={'Voucher type'}\r\n />\r\n \r\n \r\n\r\n \r\n \r\n Voucher no\r\n \r\n \r\n \r\n \r\n \r\n }\r\n \r\n\r\n \r\n \r\n \r\n \r\n Campaign\r\n \r\n \r\n this.onCampaignChange(e)}\r\n label={'Campaign'}\r\n />\r\n \r\n \r\n\r\n \r\n \r\n Voucher type\r\n \r\n \r\n this.onVoucherTypeChange(e)}\r\n label={'Voucher type'}\r\n />\r\n \r\n \r\n\r\n \r\n \r\n Voucher no range\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n\r\n {/*\r\n \r\n \r\n \r\n Filters \r\n \r\n\r\n \r\n \r\n Campaign\r\n \r\n \r\n this.onFilterCampaignChange(e)}\r\n label={'Campaign'}\r\n />\r\n \r\n \r\n Voucher type\r\n \r\n \r\n this.onFilterVoucherTypeChange(e)}\r\n label={'Voucher type'}\r\n />\r\n \r\n \r\n\r\n \r\n\r\n \r\n */}\r\n\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nconst styles = theme => ({\r\n container: theme.container,\r\n eticket: {padding: '0 1rem'},\r\n clickable: {cursor: 'pointer', borderBottom: '1px dotted #ccc'}\r\n})\r\n\r\nexport default withStyles(styles)(SearchGroupResultTable)","import React, {Component} from 'react'\r\nimport {connect} from 'react-redux'\r\nimport {withStyles, Grid, TextField, Button, Typography} from '@material-ui/core'\r\nimport Header from '../containers/Header.js'\r\nimport {TITLE_PREFIX} from '../constants/titlePrefix'\r\nimport GlobalTimeChecker from '../containers/GlobalTimeChecker'\r\nimport StyledSection from '../components/StyledSection'\r\nimport SearchGroupResultTable from '../containers/search/SearchGroupResultTable'\r\nimport {getGroupsByAttribute} from '../ducks/searchDuck'\r\nimport StyledSnackbar from '../components/StyledSnackbar'\r\nimport StyledPlaceholder from '../components/StyledPlaceholder'\r\nimport SearchNav from '../containers/search/SearchNav'\r\nimport {getCurrentAuthHeader, hasPermissions} from '../helpers/utilities'\r\nimport {Redirect} from 'react-router-dom'\r\nimport {SEARCH_GROUP_PERMISSION} from '../constants/permissions'\r\nimport GeneralTextDate from '../components/generalForm/GeneralTextDate'\r\n\r\nconst FIELDS = [{key: 'refNo', label: 'Group ref no.'}, {key: 'paxCount', label: 'No. of Pax'},\r\n {key: 'firstFlightArrivalDate', label: 'First Flt arrival date'}, {key: 'lastFlightDepartureDate', label: 'Return Flt Departure Date'},\r\n {key: 'collectionDate', label: 'Collection date'}, {key: 'tourCompany', label: 'Company'}, {key: 'tourLeader', label: 'Tour Leader'},\r\n {key: 'submitterName', label: 'Submitted by'}, {key: 'approverName', label: 'Approved by'}, {key: 'submissionTime', label: 'Submitted date'}, {key: 'status', label: 'Status'}]\r\n\r\nclass SearchGroupScreen extends Component {\r\n constructor(props, context) {\r\n super(props, context)\r\n this.state = {\r\n TourLeaderFirstName: '',\r\n TourLeaderLastName: '',\r\n TourCompany: '',\r\n LastFlightDepartureDate: '',\r\n CollectionDate: '',\r\n RefNo: '',\r\n TourLeaderDob: '',\r\n showSnackbar: false,\r\n snackbarMessage: '',\r\n snackbarVariant: 'success',\r\n hasSearched: false\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n document.title = `${TITLE_PREFIX} Search Group`\r\n }\r\n\r\n onSearchFieldsChange = (k, e) => {\r\n this.setState({[k]: e.target.value})\r\n }\r\n\r\n onSubmit = async () => {\r\n const fields = ['TourLeaderFirstName', 'TourLeaderLastName', 'TourCompany', 'LastFlightDepartureDate', 'CollectionDate', 'RefNo', 'TourLeaderDob']\r\n\r\n let params = {}\r\n let hasFilter = false\r\n fields.forEach(f => {\r\n if (this.state[f] !== '') {\r\n params[f] = this.state[f]\r\n hasFilter = true\r\n }\r\n })\r\n\r\n if (hasFilter) {\r\n const rs = await this.props.getGroupsByAttribute({params: params, ...getCurrentAuthHeader()})\r\n if (!rs.success) this.setState({showSnackbar: true, snackbarVariant: 'error', snackbarMessage: rs.message})\r\n this.setState({hasSearched: true})\r\n }\r\n }\r\n\r\n closeSnackbar = () => {\r\n this.setState({showSnackbar: false})\r\n }\r\n\r\n render() {\r\n const {classes, searchDuck: {groups, getGroupsByAttributeIsLoading}} = this.props\r\n const {TourLeaderFirstName, TourLeaderLastName, TourCompany, LastFlightDepartureDate, CollectionDate, RefNo, TourLeaderDob, hasSearched} = this.state\r\n\r\n if (!hasPermissions(SEARCH_GROUP_PERMISSION)) {\r\n return \r\n \r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nconst styles = theme => ({\r\n container: theme.container\r\n})\r\n\r\nconst mapStateToProps = state => {\r\n const {searchDuck, redemptionTransactionPassengersDuck} = state\r\n\r\n return {searchDuck, redemptionTransactionPassengersDuck}\r\n}\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n return {\r\n getGroupsByAttribute: data => dispatch(getGroupsByAttribute(data))\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(withStyles(styles)(SearchGroupScreen))\r\n\r\n","import React, { Component } from 'react'\r\nimport {\r\n\twithStyles,\r\n\tPaper,\r\n\tTable,\r\n\tTableHead,\r\n\tTableBody,\r\n\tTableRow,\r\n\tTableCell,\r\n\tTypography,\r\n\tFormControl,\r\n\tInputLabel,\r\n\tSelect,\r\n\tMenuItem,\r\n\tMuiThemeProvider,\r\n\tOutlinedInput,\r\n\tGrid,\r\n\tTableFooter,\r\n\tTableSortLabel\r\n} from '@material-ui/core'\r\nimport { toHumanFriendlyDateTime } from '../../helpers/utilities'\r\nimport { hoverSelectOverride } from '../../styles/mui/theme'\r\nimport SpreadSheetComponent from '../../components/SpreadSheetComponent'\r\n\r\nclass SearchIssuanceSummaryResultTable extends Component {\r\n\tconstructor(props, context) {\r\n\t\tsuper(props, context)\r\n\t\tthis.state = {\r\n\t\t\tstatusFilter: '',\r\n\t\t\tissuedCount: 0,\r\n\t\t\ttotalCount: 0,\r\n\t\t\torder: 'asc',\r\n\t\t\torderBy: 'cardNo'\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tthis.updateCount()\r\n\t}\r\n\r\n\tcomponentDidUpdate(prevProps, prevState) {\r\n\t\tif (prevProps.data !== this.props.data) {\r\n\t\t\tthis.updateCount()\r\n\t\t}\r\n\t}\r\n\r\n\tupdateCount = () => {\r\n\t\tconst { data } = this.props\r\n\t\tif (data) {\r\n\t\t\tthis.setState({\r\n\t\t\t\tissuedCount: data.filter(d => d.redeemed === true).length,\r\n\t\t\t\ttotalCount: data.length\r\n\t\t\t})\r\n\t\t}\r\n\t}\r\n\r\n\tonStatusFilterChange = v => {\r\n\t\tthis.setState({ statusFilter: v })\r\n\t}\r\n\r\n\tfilterStatus = data => {\r\n\t\tconst { statusFilter } = this.state\r\n\t\tif (statusFilter === 'issued') return data.filter(d => d.redeemed === true)\r\n\t\tif (statusFilter === 'not issued') return data.filter(d => d.redeemed === false)\r\n\t\treturn data\r\n\t}\r\n\r\n\tformatToExcel = data => {\r\n\t\tlet clonedData = []\r\n\t\tdata.forEach(record => {\r\n\t\t\tlet clonedRecord = { ...record }\r\n\t\t\tclonedRecord.redeemedDateTime = toHumanFriendlyDateTime(record.redeemedDateTime)\r\n\t\t\tclonedRecord.redeemed = record.redeemed ? 'Issued' : 'Not Issued'\r\n\t\t\tclonedData.push(clonedRecord)\r\n\t\t})\r\n\t\treturn clonedData\r\n\t}\r\n\r\n\tdescendingComparator = (a, b, orderBy) => {\r\n\t\tif (b[orderBy] < a[orderBy]) {\r\n\t\t\treturn -1\r\n\t\t}\r\n\t\tif (b[orderBy] > a[orderBy]) {\r\n\t\t\treturn 1\r\n\t\t}\r\n\t\treturn 0\r\n\t}\r\n\r\n\tgetComparator = (order, orderBy) => {\r\n\t\treturn order === 'desc' ? (a, b) => this.descendingComparator(a, b, orderBy) : (a, b) => -this.descendingComparator(a, b, orderBy)\r\n\t}\r\n\r\n\tstableSort(array, comparator) {\r\n\t\tconst stabilizedThis = array.map((el, index) => [el, index])\r\n\t\tstabilizedThis.sort((a, b) => {\r\n\t\t\tconst order = comparator(a[0], b[0])\r\n\t\t\tif (order !== 0) return order\r\n\t\t\treturn a[1] - b[1]\r\n\t\t})\r\n\t\treturn stabilizedThis.map(el => el[0])\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst { classes, fields, data } = this.props\r\n\t\tconst { statusFilter, issuedCount, totalCount, order, orderBy } = this.state\r\n\t\tconst filtered = this.filterStatus(data)\r\n\t\tconst handleRequestSort = (event, property) => {\r\n\t\t\tconst isAsc = orderBy !== property || (orderBy === property && order === 'desc')\r\n\t\t\tthis.setState({ order: isAsc ? 'asc' : 'desc', orderBy: property })\r\n\t\t}\r\n\t\tconst visuallyHidden = {\r\n\t\t\tborder: 0,\r\n\t\t\tclip: 'rect(0 0 0 0)',\r\n\t\t\theight: 1,\r\n\t\t\tmargin: -1,\r\n\t\t\toverflow: 'hidden',\r\n\t\t\tpadding: 0,\r\n\t\t\tposition: 'absolute',\r\n\t\t\ttop: 20,\r\n\t\t\twidth: 1\r\n\t\t}\r\n\t\tfunction EnhancedTableHead(props) {\r\n\t\t\tconst { onRequestSort } = props\r\n\t\t\tconst createSortHandler = property => event => {\r\n\t\t\t\tonRequestSort(event, property)\r\n\t\t\t}\r\n\t\t\treturn (\r\n\t\t\t\t\r\n \r\n \r\n \r\n \r\n Tour Leader Firstname \r\n \r\n \r\n this.onSearchFieldsChange('TourLeaderFirstName', e)}/>\r\n \r\n \r\n \r\n \r\n Tour Leader Lastname \r\n \r\n \r\n this.onSearchFieldsChange('TourLeaderLastName', e)}/>\r\n \r\n \r\n \r\n \r\n Tour Company \r\n \r\n \r\n this.onSearchFieldsChange('TourCompany', e)}/>\r\n \r\n \r\n \r\n \r\n Last Flt Departure Date \r\n \r\n \r\n \r\n \r\n this.onSearchFieldsChange('LastFlightDepartureDate', e)}/>\r\n \r\n \r\n \r\n \r\n \r\n \r\n Collection Date \r\n \r\n \r\n this.onSearchFieldsChange('CollectionDate', e)}/>\r\n \r\n \r\n \r\n \r\n Ref No \r\n \r\n \r\n this.onSearchFieldsChange('RefNo', e)}/>\r\n \r\n \r\n \r\n \r\n Date of birth \r\n \r\n \r\n this.onSearchFieldsChange('TourLeaderDob', e)}/>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n {hasSearched && \r\n {groups.length > 0 &&\r\n }\r\n\r\n {groups.length < 1 && }\r\n
\r\n \r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{`${issuedCount} out of ${totalCount} had been issued`} \r\n\t\t\t\t\t\t \r\n\t\t\t\t\t \r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{/* */}\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tStatus Filter \r\n\t\t\t\t\t\t\t\t\t this.onStatusFilterChange(e.target.value)}\r\n\t\t\t\t\t\t\t\t\t\tinput={ \r\n\t\t\t\t\t\t\t{/* */}\r\n\t\t\t\t\t\t \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t \r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t \r\n\t\t\t
\r\n\t\t)\r\n\t}\r\n}\r\n\r\nconst styles = theme => ({\r\n\tcontainer: theme.container,\r\n\tstatusFilter: { width: '18rem' },\r\n\tmenuItem: { color: 'white' }\r\n})\r\n\r\nexport default withStyles(styles)(SearchIssuanceSummaryResultTable)\r\n","import React, { Component } from 'react'\r\nimport { connect } from 'react-redux'\r\nimport { withStyles, Grid, TextField, Button, Typography } from '@material-ui/core'\r\nimport Header from '../containers/Header.js'\r\nimport { TITLE_PREFIX } from '../constants/titlePrefix'\r\nimport GlobalTimeChecker from '../containers/GlobalTimeChecker'\r\nimport StyledSection from '../components/StyledSection'\r\nimport SearchIssuanceSummaryResultTable from '../containers/search/SearchIssuanceSummaryResultTable'\r\nimport { getPassengersByCardRange, getPhysicalVoucherByRange } from '../ducks/searchDuck'\r\nimport StyledSnackbar from '../components/StyledSnackbar'\r\nimport StyledPlaceholder from '../components/StyledPlaceholder'\r\nimport SearchNav from '../containers/search/SearchNav'\r\nimport { getCurrentAuthHeader, hasPermissions, parseFullCardNoWithPrefix } from '../helpers/utilities'\r\nimport { Redirect } from 'react-router-dom'\r\nimport { SEARCH_GROUP_PERMISSION } from '../constants/permissions'\r\n\r\nconst FIELDS = [\r\n\t{ key: 'refNo', label: 'Group ref no.' },\r\n\t{ key: 'paxCount', label: 'No. of Pax' },\r\n\t{ key: 'firstFlightArrivalDate', label: 'First Flt arrival date' },\r\n\t{ key: 'lastFlightDepartureDate', label: 'Last Flt depart date' },\r\n\t{ key: 'collectionDate', label: 'Collection date' },\r\n\t{ key: 'tourCompany', label: 'Company' },\r\n\t{ key: 'tourLeader', label: 'Tour Leader' },\r\n\t{ key: 'submitterName', label: 'Submitted by' },\r\n\t{ key: 'approverName', label: 'Approved by' },\r\n\t{ key: 'submissionTime', label: 'Submitted date' },\r\n\t{ key: 'status', label: 'Status' }\r\n]\r\n\r\nclass SearchGroupScreen extends Component {\r\n\tconstructor(props, context) {\r\n\t\tsuper(props, context)\r\n\t\tthis.state = {\r\n\t\t\tshowSnackbar: false,\r\n\t\t\tsnackbarMessage: '',\r\n\t\t\tsnackbarVariant: 'success',\r\n\t\t\tcardNoFrom: '',\r\n\t\t\tcardNoTo: '',\r\n\t\t\tvoucherNoFrom: '',\r\n\t\t\tvoucherNoTo: '',\r\n\t\t\thasSearched: false,\r\n\t\t\tfields: []\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tdocument.title = `${TITLE_PREFIX} Search Issuance Summary`\r\n\t}\r\n\r\n\tonCardFieldsChange = (k, e) => {\r\n\t\tif (k === 'cardNoFrom' || k === 'cardNoTo') this.setState({ [k]: parseFullCardNoWithPrefix(e.target.value) })\r\n\t\telse this.setState({ [k]: e.target.value })\r\n\t}\r\n\r\n\tonPhysicalVoucherFieldsChange = (k, e) => {\r\n\t\tlet numericValue = e.target.value.replace(/\\D/g, '')\r\n\t\tthis.setState({ [k]: numericValue })\r\n\t}\r\n\r\n\tonSubmit = () => {\r\n\t\tif (this.props.searchDuck.getPassengersByCardRangeIsLoading || this.props.searchDuck.getPhysicalVoucherByRangeIsLoading) {\r\n\t\t\tthis.setState({\r\n\t\t\t\tshowSnackbar: true,\r\n\t\t\t\tsnackbarVariant: 'error',\r\n\t\t\t\tsnackbarMessage: 'Still retrieving previous data'\r\n\t\t\t})\r\n\t\t\treturn\r\n\t\t}\r\n\r\n\t\tconst { cardNoFrom, cardNoTo, voucherNoFrom, voucherNoTo } = this.state\r\n\r\n\t\tif ((cardNoFrom !== '' || cardNoTo !== '') && (voucherNoFrom !== '' || voucherNoTo !== '')) {\r\n\t\t\tthis.setState({\r\n\t\t\t\tshowSnackbar: true,\r\n\t\t\t\tsnackbarVariant: 'error',\r\n\t\t\t\tsnackbarMessage: 'Please search either card or voucher'\r\n\t\t\t})\r\n\t\t\treturn\r\n\t\t}\r\n\r\n\t\tif ((cardNoFrom !== '' || cardNoTo !== '') && (voucherNoFrom !== '' || voucherNoTo !== '')) {\r\n\t\t\tthis.setState({\r\n\t\t\t\tshowSnackbar: true,\r\n\t\t\t\tsnackbarVariant: 'error',\r\n\t\t\t\tsnackbarMessage: 'Please search either card or voucher'\r\n\t\t\t})\r\n\t\t\treturn\r\n\t\t}\r\n\r\n\t\tif (cardNoFrom !== '' && cardNoTo !== '') {\r\n\t\t\tif (parseInt(cardNoTo) - parseInt(cardNoFrom) > 500) {\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tshowSnackbar: true,\r\n\t\t\t\t\tsnackbarVariant: 'error',\r\n\t\t\t\t\tsnackbarMessage: 'Please limit search to 500'\r\n\t\t\t\t})\r\n\t\t\t}\r\n\t\t\tconst data = { params: { cardNoFrom, cardNoTo }, ...getCurrentAuthHeader() }\r\n\t\t\tthis.setState(\r\n\t\t\t\t{\r\n\t\t\t\t\tfields: [\r\n\t\t\t\t\t\t{ key: 'eTicket1', label: 'E-Ticket' },\r\n\t\t\t\t\t\t{ key: 'cardNo', label: 'Card Number' },\r\n\t\t\t\t\t\t{ key: 'redeemedBy', label: 'CSO Name' },\r\n\t\t\t\t\t\t{ key: 'redeemedDateTime', label: 'Date' },\r\n\t\t\t\t\t\t{ key: 'redeemed', label: 'Status' }\r\n\t\t\t\t\t],\r\n\t\t\t\t\thasSearched: true\r\n\t\t\t\t},\r\n\t\t\t\t() => {\r\n\t\t\t\t\tthis.props.getPassengersByCardRange(data)\r\n\t\t\t\t}\r\n\t\t\t)\r\n\t\t}\r\n\r\n\t\tif (voucherNoFrom !== '' && voucherNoTo !== '') {\r\n\t\t\tif (parseInt(voucherNoTo) - parseInt(voucherNoFrom) > 500) {\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tshowSnackbar: true,\r\n\t\t\t\t\tsnackbarVariant: 'error',\r\n\t\t\t\t\tsnackbarMessage: 'Please limit search to 500'\r\n\t\t\t\t})\r\n\t\t\t}\r\n\t\t\tconst data = { params: { voucherNoFrom, voucherNoTo }, ...getCurrentAuthHeader() }\r\n\t\t\tthis.props.getPhysicalVoucherByRange(data)\r\n\t\t\tthis.setState({\r\n\t\t\t\tfields: [\r\n\t\t\t\t\t{ key: 'eTicket1', label: 'E-Ticket' },\r\n\t\t\t\t\t{ key: 'voucherType', label: 'Voucher Type' },\r\n\t\t\t\t\t{ key: 'voucherNo', label: 'Voucher Number' },\r\n\t\t\t\t\t{ key: 'redeemedBy', label: 'CSO Name' },\r\n\t\t\t\t\t{ key: 'redeemedDateTime', label: 'Date' },\r\n\t\t\t\t\t{ key: 'redeemed', label: 'Status' }\r\n\t\t\t\t],\r\n\t\t\t\thasSearched: true\r\n\t\t\t})\r\n\t\t}\r\n\t}\r\n\r\n\tcloseSnackbar = () => {\r\n\t\tthis.setState({ showSnackbar: false })\r\n\t}\r\n\r\n\t_formatData = data => {\r\n\t\tif (data.length > 0) {\r\n\t\t\tif (data[0].voucherNo) {\r\n\t\t\t\tdata.sort((a, b) => a.voucherNo - b.voucherNo)\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn data\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst {\r\n\t\t\tclasses,\r\n\t\t\tsearchDuck: { cardVoucherRangeSearchResults, getPassengersByCardRangeIsLoading, getPhysicalVoucherByRangeIsLoading }\r\n\t\t} = this.props\r\n\t\tconst { cardNoFrom, cardNoTo, voucherNoFrom, voucherNoTo, hasSearched, fields } = this.state\r\n\t\tconst isLoading = getPassengersByCardRangeIsLoading || getPhysicalVoucherByRangeIsLoading\r\n\r\n\t\tif (!hasPermissions(SEARCH_GROUP_PERMISSION)) {\r\n\t\t\treturn \r\n\t\t\t\t
\r\n\t\t)\r\n\t}\r\n}\r\n\r\nconst styles = theme => ({\r\n\tcontainer: theme.container\r\n})\r\n\r\nconst mapStateToProps = state => {\r\n\tconst { searchDuck } = state\r\n\r\n\treturn { searchDuck }\r\n}\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n\treturn {\r\n\t\tgetPassengersByCardRange: data => dispatch(getPassengersByCardRange(data)),\r\n\t\tgetPhysicalVoucherByRange: data => dispatch(getPhysicalVoucherByRange(data))\r\n\t}\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(withStyles(styles)(SearchGroupScreen))\r\n","import React, { Component } from 'react'\r\nimport { connect } from 'react-redux'\r\nimport { withStyles, Button, Grid } from '@material-ui/core'\r\nimport Header from '../containers/Header'\r\nimport { getCrDetailsFromOCID } from '../ducks/individualFormDuck'\r\nimport GlobalTimeChecker from '../containers/GlobalTimeChecker'\r\nimport StyledSection from '../components/StyledSection'\r\nimport signalRConstants from \"../helpers/signalRConstants\";\r\nimport {HubConnectionBuilder} from \"@aspnet/signalr\";\r\nimport {signalRURL} from \"../config/config\";\r\n\r\nclass OCIDExchange extends Component {\r\n\tconstructor(props, context) {\r\n\t\tsuper(props, context)\r\n\t\tthis.state = {\r\n\t\t\tauthorizationCode: '',\r\n\t\t\torigin: '',\r\n\t\t\tisLoading: false,\r\n\t\t\tprintingCard: '',\r\n\t\t\tcardNoPrinted: '',\r\n signalRConnected: false,\r\n\t\t}\r\n this.ocidWindow = null;\r\n }\r\n\r\n\tasync componentDidMount() {\r\n\t\tconst queryString = require('query-string')\r\n\t\tconst code = queryString.parse(window.location.search).code\r\n\t\tif (code)\r\n\t\t\tawait this.props.getCrDetailsFromOCID(code)\r\n\r\n this.hubConnection = new HubConnectionBuilder().withUrl(signalRURL).build()\r\n this._startSignalRConnection()\r\n this.hubConnection.on('ReceiveMessage', this._receiveMessage)\r\n this.hubConnection.onclose(async () => {\r\n await this._startSignalRConnection()\r\n })\r\n\t}\r\n\r\n\tcomponentDidUpdate(prevProps,prevState){\r\n\t\tif(prevProps.individualFormDuck.crDetailsFromOCID !== this.props.individualFormDuck.crDetailsFromOCID ||\r\n\t\t\tprevState.signalRConnected !== this.state.signalRConnected\r\n\r\n\t\t){\r\n\t\t\tif(this.props.individualFormDuck.crDetailsFromOCID.cardNo && this.state.signalRConnected){\r\n this._sendMessage({crDetails:this.props.individualFormDuck.crDetailsFromOCID}, signalRConstants.UPDATE_CR_DETAILS_FROM_OCID )\r\n\r\n }\r\n\t\t}\r\n\r\n\t}\r\n\r\n _startSignalRConnection = async () => {\r\n this.hubConnection\r\n .start()\r\n .then(() =>{\r\n console.log('Connection started!');\r\n \t\tthis.setState({signalRConnected: true})\r\n\t\t\t})\r\n .catch(err => {\r\n setTimeout(() => this._startSignalRConnection(), 5000)\r\n console.log('Error while establishing connection :(')\r\n })\r\n }\r\n\r\n _sendMessage = ({ crDetails }, messageType) => {\r\n if (messageType === undefined) throw new Error(\"No message type defined for signalR\")\r\n\r\n const user = localStorage.getItem('username')\r\n let messageObj = {\r\n user,\r\n type: messageType,\r\n source: signalRConstants.OCID_EXCHANGE,\r\n data: { crDetails }\r\n }\r\n let messageStr = JSON.stringify(messageObj)\r\n if(this.hubConnection){\r\n this.hubConnection.invoke('SendMessage', 'default', messageStr).catch(function(err) {\r\n return console.error(err.toString())\r\n })\r\n }\r\n }\r\n\r\n _receiveMessage = (user, messageStr) => {\r\n return; //no need to listen for any message on this screen\r\n }\r\n\r\n\tonPrint = () => {\r\n\t\twindow.print()\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst { classes, individualFormDuck } = this.props\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tCard No \r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t this.onCardFieldsChange('cardNoFrom', e)} />\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t this.onCardFieldsChange('cardNoTo', e)} />\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t \r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tPhysical Voucher \r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t this.onPhysicalVoucherFieldsChange('voucherNoFrom', e)}\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t this.onPhysicalVoucherFieldsChange('voucherNoTo', e)} />\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t \r\n\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t \r\n\t\t\t\t\t \r\n\r\n\t\t\t\t\t{hasSearched && (\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{cardVoucherRangeSearchResults.length > 0 && (\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t)}\r\n\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t
\r\n\t\t)\r\n\t}\r\n}\r\n\r\nconst styles = (theme) => ({\r\n\tcontainer: { ...theme.container },\r\n\trow: { display: 'flex' },\r\n\trowItem: { display: 'flex', flex: 1, marginRight: 60, alignItems: 'center' },\r\n\tflexStart: { alignItems: 'flex-start' },\r\n\tconsentText: { fontSize: '0.8125rem' },\r\n})\r\n\r\nconst mapStateToProps = (state) => {\r\n\tconst { individualFormDuck } = state\r\n\r\n\treturn { individualFormDuck }\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n\treturn {\r\n\t\tgetCrDetailsFromOCID: (code) => dispatch(getCrDetailsFromOCID(code)),\r\n\t}\r\n}\r\n\r\nexport default connect(\r\n\tmapStateToProps,\r\n\tmapDispatchToProps\r\n)(withStyles(styles)(OCIDExchange))\r\n","import React, { Component } from 'react'\r\nimport { connect } from 'react-redux'\r\nimport { withStyles } from '@material-ui/core'\r\nimport ctpPrintBackground from '../images/ctp-print-background-new1.png'\r\nimport {getSettings} from \"../config/config.js\"\r\nimport '../styles/printcard.css'\r\nimport '../styles/printcard-font.css'\r\nvar QRCode = require('qrcode.react')\r\n\r\nclass CTPCardPrintLayout1 extends Component {\r\n\tconstructor(props, context) {\r\n\t\tsuper(props, context)\r\n\t\tthis.state = {\r\n\t\t\tprinting: false,\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst { classes, card } = this.props\r\n\t\tlet settings = getSettings()\r\n\t\tlet ctpVoucher = settings.voucher_sources.find(s => s.membership_type == \"CTP\")\r\n\t\tlet genVoucher = ctpVoucher.vouchers.find(s => s.voucher_type == \"GEN\")\r\n\t\tlet voucherCurrency = settings.voucher_currency\r\n\t\tconst defaultRemarks = `1 x ${voucherCurrency}${genVoucher.voucher_value}`\r\n\r\n\t\tif (card.voucherLists)\r\n\t\t\tcard.issuedVouchersList = JSON.parse(card.voucherLists)\r\n\r\n\t\tconst validFrom =\r\n\t\t\tcard.issuedVouchersList && card.issuedVouchersList.length && card.issuedVouchersList[0]\r\n\t\t\t\t? new Date(card.issuedVouchersList[0].ValidFrom)\r\n\t\t\t\t: card.issuedDate\r\n\t\t\t\t? new Date(card.issuedDate)\r\n\t\t\t\t: null\r\n\r\n\t\tconst validTo =\r\n\t\t\tcard.issuedVouchersList && card.issuedVouchersList.length && card.issuedVouchersList[0]\r\n\t\t\t\t? new Date(card.issuedVouchersList[0].ValidTo)\r\n\t\t\t\t: card.voucherValidTo\r\n\t\t\t\t? new Date(card.voucherValidTo)\r\n\t\t\t\t: null\r\n\r\n\t\tconst voucherRemarks =\r\n\t\t\tcard.issuedVouchersList && card.issuedVouchersList.length > 0\r\n\t\t\t\t? `${card.issuedVouchersList.length} X $${card.issuedVouchersList[0].TypeValue}`\r\n\t\t\t\t: card.voucherValuesAndRemarks\r\n\t\t\t\t? card.voucherValuesAndRemarks\r\n\t\t\t\t: defaultRemarks\r\n\r\n\t\tconst validFromStr = `${validFrom.getDate()} ${validFrom.toLocaleString(\r\n\t\t\t'default',\r\n\t\t\t{\r\n\t\t\t\tmonth:\r\n\t\t\t\t\t'long',\r\n\t\t\t},\r\n\t\t)} ${validFrom.getFullYear()}`;\r\n\r\n\t\tconst validToStr = `${validTo.getDate()} ${validTo.toLocaleString(\r\n\t\t\t'default',\r\n\t\t\t{\r\n\t\t\t\tmonth:\r\n\t\t\t\t\t'long',\r\n\t\t\t},\r\n\t\t)} ${validTo.getFullYear()}`;\r\n\t\tconst src = '/card-template.html?cardNumber=' + card.cardNo \r\n\t\t\t+ '&vQty=Voucher Quantity: ' + voucherRemarks\r\n\t\t\t+ '&validFrom=Valid from' + validFromStr\r\n\t\t\t+ '&validTo=Expires on' + validToStr\r\n\t\treturn \r\n\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\tRedirecting you back to form
\r\n\t\t\t\t\t\r\n\t\t\t
\r\n\t\t\t
\r\n\t}\r\n}\r\n\r\nconst styles = (theme) => ({\r\n\tcontainer: { ...theme.container },\r\n\tpage: {\r\n\t\toverflow: 'hidden',\r\n\t\tbackgroundColor: 'white',\r\n\t\twidth: '14.8cm',\r\n\t\theight: '21cm',\r\n\t\tborder: 0,\r\n\t\tmargin: '13px auto',\r\n\t\t/*boxShadow: '1px 1px 3px 1px #333',*/\r\n\t\tborderCollapse: 'separate',\r\n\t\tposition: 'relative',\r\n\t\t'-webkit-transform-origin': '0 0',\r\n\t},\r\n\tbackground: {\r\n\t\twidth: '14.8cm',\r\n\t\theight: '21cm',\r\n\t\tbottom: '-0.5px',\r\n\t\tborder: 0,\r\n\t\tmargin: 0,\r\n\t\tuserSelect: 'none',\r\n\t\tposition: 'absolute',\r\n\t},\r\n\ttitleWrapper: {\r\n\t\tposition: 'absolute',\r\n\t\twhiteSpace: 'pre',\r\n\t\tfontFamily: 'ff3',\r\n\t\tcolor: '#443f3a',\r\n\t\twidth: '100%',\r\n\r\n\t\tlineHeight: '0.9',\r\n\t\tfontStyle: 'normal',\r\n\t\tfontWeight: 'normal',\r\n\t\tvisibility: 'visible',\r\n\t\tfontSize: '35px',\r\n\t\tmarginTop: '55px',\r\n\t},\r\n\ttitleText: {\r\n\t\ttextAlign: 'center',\r\n\t},\r\n\tdescription: {\r\n\t\tposition: 'absolute',\r\n\t\twhiteSpace: 'pre',\r\n\t\tfontFamily: 'ff5',\r\n\t\tcolor: '#443f3a',\r\n\t\tmarginTop: '130px',\r\n\t\tlineHeight: '1.3',\r\n\t\tfontStyle: 'normal',\r\n\t\tfontWeight: 'normal',\r\n\t\twidth: '100%',\r\n\t\tfontSize: '13.5px',\r\n\t\tmargin: '130px auto 0 auto',\r\n\t},\r\n\tdesText: {\r\n\t\ttextAlign: 'center',\r\n\t\twidth: '100%',\r\n\t},\r\n\tdesTextBold: {\r\n\t\tfontFamily: 'ff4',\r\n\t\tlineHeight: 1.004000,\r\n\t\tfontStyle: 'normal',\r\n\t\tfontWeight: 'normal',\r\n\t\tvisibility: 'visible',\r\n\t},\r\n\tqr: {\r\n\t\tposition: 'absolute',\r\n\t\ttop: '187px',\r\n\t\tright: '93px',\r\n\t\tlineHeight: 1.45,\r\n\t},\r\n\tcardNo: {\r\n\t\tfontFamily: 'ff5',\r\n\t\tcolor: '#443f3a',\r\n\t\tfontSize: '12px',\r\n\t\ttextAlign: 'center',\r\n\t},\r\n\tcardInfo: {\r\n\t\tposition: 'absolute',\r\n\t\tfontFamily: 'ff5',\r\n\t\tcolor: '#443f3a',\r\n\t\tlineHeight: '1.2',\r\n\t\tfontStyle: 'normal',\r\n\t\tfontWeight: 'normal',\r\n\t\twidth: '72%',\r\n\t\tmarginLeft: '14%',\r\n\t\tdisplay: 'flex',\r\n\t\tflexDirection: 'row',\r\n\t},\r\n\tcardDes: {\r\n\t\twidth: '58%',\r\n\t\tmarginTop: '340px',\r\n\t\tlineHeight: '1.45',\r\n\t\tfontSize: '11.5px',\r\n\t\tfontFamily: 'ff5',\r\n\t},\r\n\tcardDesText: {\r\n\t\ttextAlign: 'center',\r\n\t},\r\n\tvoucherDes: {\r\n\t\twidth: '42%',\r\n\t\tmarginTop: '340px',\r\n\t\tlineHeight: '1.45',\r\n\t\tfontSize: '11.5px',\r\n\t\tfontFamily: 'ff5',\r\n\t},\r\n\tvoucherQty: {\r\n\t\tcolor: '#6c217f',\r\n\t\ttextAlign: 'center',\r\n\t\tfontFamily: 'ff5',\r\n\t\tfontWeight: 'bold',\r\n\t},\r\n\twebInfo: {\r\n\t\tposition: 'absolute',\r\n\t\tfontFamily: 'ff5',\r\n\t\tcolor: '#443f3a',\r\n\t\twidth: '100%',\r\n\t\tfontSize: '13.2px',\r\n\t\ttop: '411px',\r\n \tleft: '175.3px',\r\n\t\tlineHeight: '1.35',\r\n\t},\r\n\twebInfoLink: {\r\n\t\tfontFamily: 'ff4',\r\n\t\tlineHeight: 1.004000,\r\n\t\tfontStyle: 'normal',\r\n\t\tfontWeight: 'normal',\r\n\t\tvisibility: 'visible',\r\n\t\tfontSize: '13.2px',\r\n\t},\r\n\ttnc: {\r\n\t\tposition: 'absolute',\r\n\t\tcolor: '#443f3a',\r\n\t\twidth: '77%',\r\n\t\tmarginLeft: '11.5%',\r\n\t\ttop: '495px',\r\n\t\tlineHeight: '1.3',\r\n\t\tmarginTop: '15px'\r\n\t},\r\n\ttncTitle: {\r\n\t\tfontFamily: 'ff4',\r\n\t\tfontSize: '9px',\r\n\t},\r\n\ttncItem: {\r\n\t\tfontFamily: 'ff6',\r\n\t\tfontSize: '8.35px',\r\n\t},\r\n\tfooter: {\r\n\t\tposition: 'absolute',\r\n\t\tcolor: '#000000',\r\n\t\twidth: '100%',\r\n\t\ttop: '675px',\r\n\t\tlineHeight: '1.3',\r\n\t\ttextAlign: 'center',\r\n\t},\r\n\tfooterTop: {\r\n\t\tfontFamily: 'ff3',\r\n\t\tfontSize: '11px',\r\n\t},\r\n\tfooterBottom: {\r\n\t\tfontFamily: 'ff7',\r\n\t\tfontSize: '11px',\r\n\t}\r\n})\r\n\r\nexport default connect()(withStyles(styles)(CTPCardPrintLayout1))\r\n","import React, { Component } from 'react'\r\nimport { connect } from 'react-redux'\r\nimport { withStyles, Grid, Typography } from '@material-ui/core'\r\nimport headerImage from '../images/CAG-CTP-TransitProgramme-Desktop.jpg'\r\nimport cardImage from '../images/crCardPrint.png'\r\nimport thumb1 from '../images/thumb1.png'\r\nimport thumb2 from '../images/thumb2.jpg'\r\nimport thumb3 from '../images/thumb3.png'\r\nimport thumb4 from '../images/thumb4.jpg'\r\nimport topImgText from '../images/CTP_Logo_Final_Black.png';\r\nimport {getSettings} from \"../config/config.js\"\r\nimport '../styles/printcard.css'\r\nvar QRCode = require('qrcode.react')\r\n\r\nclass CRCardPrintLayout1 extends Component {\r\n\tconstructor(props, context) {\r\n\t\tsuper(props, context)\r\n\t\tthis.state = {\r\n\t\t\tprinting: false,\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst { classes, cards } = this.props\r\n\t\t// get first card as default card\r\n\t\t// all card in cards have same data\r\n\t\tlet card = cards[0]\r\n\t\tif (card.voucherLists)\r\n\t\t\tcard.issuedVouchersList = JSON.parse(card.voucherLists)\r\n\r\n\t\tlet noOfVoucher = card.issuedVouchersList && card.issuedVouchersList.length > 0 ? card.issuedVouchersList.length : 1\r\n\t\t// count total voucher issued\r\n\t\tnoOfVoucher = noOfVoucher * cards.length\r\n\t\t\r\n\t\tconst validFrom = card.issuedVouchersList && card.issuedVouchersList.length ? new Date(card.issuedVouchersList[0].ValidFrom) : new Date()\r\n\t\tconst validTo = card.issuedVouchersList && card.issuedVouchersList.length ? new Date(card.issuedVouchersList[0].ValidTo) : new Date()\r\n\r\n\t\tlet settings = getSettings()\r\n\t\tlet crVoucher = settings.voucher_sources.find(s => s.membership_type == \"CR\")\r\n\t\tlet genVoucher = crVoucher.vouchers.find(s => s.voucher_type == \"GEN\")\r\n\t\tconst genValue = card.issuedVouchersList && card.issuedVouchersList.length ? card.issuedVouchersList[0].TypeValue : genVoucher.voucher_value\r\n\t\tlet lpcVoucher = crVoucher.vouchers.find(s => s.voucher_type == \"LPC\")\r\n\t\tlet voucherCurrency = settings.voucher_currency\r\n\t\treturn (\r\n\t\t\t\t
\r\n\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\tHERE'S YOUR
\r\n\t\t\t\t\tCHANGI E-VOUCHER
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\tSimply present and scan your Changi e-Voucher Card QR code prior to\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tmaking payment to offset the final amount at any participating outlet\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t{card.cardNo}\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\tAccepted at participating outlets at Changi\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tAirport main terminals and\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tJewel Changi Airport.\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\tVoucher Quantity: {voucherRemarks}\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tValid from {validFromStr}\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tExpires on {validToStr}\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\tVisit https://ev.changirewards.com to check for\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tavailable balance, validity of the card and the full\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tlist of the participating outlets in Changi Airport\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t{/* \r\n\t\t\t\t\t\tTerms and Conditions\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t• This Changi e-Voucher Card copy contains Changi e-Voucher(s) with no minimum spend required. E-Voucher(s) should be utilised in $5 denominations and any unused amount will not be refunded.\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t• Each Changi e-Voucher Card contains Changi e-Voucher(s) with such value as determined by Changi Airport Group (Singapore) Pte Ltd (“CAG”). The Changi e-Voucher(s) credited are in denominations of S$5.\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t• Changi Airport Group (Singapore) Pte Ltd (“CAG”) may at its absolute discretion, modify the total amount of Changi e-Voucher(s) loaded in the Changi e-Voucher card.\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t• Changi e-Voucher Card will expire 1 year from the date of issuance.\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t• No replacement or refund of Changi e-Voucher(s), and no extension of Changi e-Voucher(s)' validity, will be allowed.\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t• Lost Changi e-Voucher Card will not be replaced\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t• Subject to the terms and conditions herein, the use of Changi e-Voucher(s) within Changi e-Voucher Card is subject to the terms and conditions governing the use of \"Changi Rewards e-Voucher(s)\" as set out at Clauses 5.7.3 to 5.7.10 of the (except for Clause 5.7.7) of the Changi Rewards Programme terms and conditions:\r\nhttps://rewards.changiairport.com/en/terms-and-conditions.html\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\t
*/}\r\n\t\t\t\r\n\t\t\t\t\t\tThis section will be updated with the Changi\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\tapp artwork\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\tDownload Changi App\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\trewards.changiairport.com.\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t
)\r\n }\r\n}\r\n\r\nconst styles = (theme) => ({\r\n\tcontainer: { ...theme.container },\r\n\tpage: {\r\n\t\tbackground: 'white',\r\n\t\twidth: '21cm',\r\n\t\theight: '29.7cm',\r\n\t\tdisplay: 'block',\r\n\t\tmargin: '0 auto',\r\n\t\tmarginBottom: '0.5cm',\r\n\t\tboxShadow: '0 0 0.5cm rgba(0,0,0,0.5)',\r\n\t},\r\n\ttopImgBlock: {\r\n\t\tbackGroundColor: 'azure',\r\n\t\theight: '13%',\r\n\t\tboxSizing: 'content-box',\r\n\t\tposition: 'relative',\r\n\t},\r\n\ttopImg: {\r\n\t\twidth: '100%',\r\n\t\theight: '100%',\r\n\t},\r\n\ttopImgText: {\r\n\t\tposition: 'absolute',\r\n\t\ttop: '30%',\r\n\t\tleft: '14%',\r\n\t\twidth: '20%',\r\n\t},\r\n\tvoucherBlock: {\r\n\t\theight: '27%',\r\n\t\tboxSizing: 'border-box',\r\n\t\tborderBottom: '10px solid #E3D3C6',\r\n\t\tpadding: '2% 6% 0 6%',\r\n\t},\r\n\tvoucherName: {\r\n\t\ttextAlign: 'center',\r\n\t\tcolor: '#781D83',\r\n\t\tmargin: '1% 0',\r\n\t\tfontSize: '15px',\r\n\t},\r\n\tvoucherTitle: {\r\n\t\tfontWeight: 'bold',\r\n\t},\r\n\tvoucherText: {\r\n\t\tfontSize: '15px',\r\n\t},\r\n\tvoucherInfo: {\r\n\t\tpadding: '0 4%',\r\n\t\tdisplay: 'flex',\r\n\t\talignItems: 'stretch',\r\n\t},\r\n\tcardImg: {\r\n\t\twidth: '33%',\r\n\t\tmarginTop: '15px',\r\n\t},\r\n\tcardNum: {\r\n\t\tcolor: '#781D83',\r\n\t\tfontSize: '12px',\r\n\t\ttextAlign: 'center',\r\n\t},\r\n\tvoucherDetail: {\r\n\t\twidth: '35%',\r\n\t\tpadding: '0 0.5% 0 4%',\r\n\t\tfontSize: '12px',\r\n\t\tmarginTop: '12px',\r\n\t},\r\n\tvoucherQuantity: {\r\n\t\tmarginTop: '20px',\r\n\t},\r\n\tvoucherExpiryDate: {\r\n\t\tmarginTop: '20px',\r\n\t},\r\n\tqrCodeBlock: {\r\n\t\tfontSize: '12px',\r\n\t},\r\n\tqrCodeText: {\r\n\t\tfontSize: '12px',\r\n\t\ttextAlign: 'center',\r\n\t},\r\n\tqrCode: {\r\n\t\ttextAlign: 'center',\r\n\t\tmargin: '12px 0',\r\n\t},\r\n\tqrWarning: {\r\n\t\tfontSize: '10px',\r\n\t\ttextAlign: 'justify',\r\n\t\twidth: '157px',\r\n\t\tmargin: '0',\r\n\t},\r\n\topacityText: {\r\n\t\topacity: '0.6',\r\n\t},\r\n\trecommendBlock: {\r\n\t\theight: '35%',\r\n\t\tboxSizing: 'border-box',\r\n\t\tborderBottom: '10px solid #E3D3C6',\r\n\t\tpadding: '16px 0 15px 0',\r\n\t},\r\n\trecommendTitle: {\r\n\t\ttextAlign: 'center',\r\n\t\tpadding: '0 0 15px 0',\r\n\t},\r\n\trecommendContainer: {\r\n\t\tdisplay: 'flex',\r\n\t\tpadding: '0 10%',\r\n\t\talignItems: 'stretch',\r\n\t\theight: '90%',\r\n\t\tfontSize: '12px',\r\n\t},\r\n\trecommendItem: {\r\n\t\twidth: '25%',\r\n\t},\r\n\tthumbImg: {\r\n\t\twidth: '100%',\r\n\t\theight: '50%',\r\n\t},\r\n\tthumbText: {\r\n\t\theight: '50%',\r\n\t\ttextAlign: 'center',\r\n\t\tpadding: '25px 10px',\r\n\t\tboxSizing: 'border-box',\r\n\t},\r\n\tthumbTextNote: {\r\n\t\tfontSize: '9px',\r\n\t\topacity: '0.6',\r\n\t\tfontStyle: 'italic',\r\n\t\tpadding: '3px 0',\r\n\t},\r\n\tthumbTextLastPanel: {\r\n\t\theight: '50%',\r\n\t\ttextAlign: 'center',\r\n\t\tpadding: '10px 7px',\r\n\t\tboxSizing: 'border-box',\r\n\t},\r\n\tinfoBlock: {\r\n\t\theight: '12%',\r\n\t\tboxSizing: 'content-box',\r\n\t\tpadding: '16px 5% 0 5%',\r\n\t\tfontSize: '11px',\r\n\t\ttextAlign: 'justify',\r\n\t},\r\n\ttncTitle: {\r\n\t\tpaddingLeft: '35px',\r\n\t},\r\n\ttncList: {\r\n\t\tfontSize: '9px',\r\n\t},\r\n\ttncListUl: {\r\n\t\tmargin: '5px 0',\r\n\t\topacity: '0.6',\r\n\t},\r\n})\r\n\r\nexport default connect()(withStyles(styles)(CRCardPrintLayout1))\r\n","import React, { Component } from 'react'\r\nimport { connect } from 'react-redux'\r\nimport { withStyles, Button, Grid } from '@material-ui/core'\r\nimport Header from '../containers/Header'\r\nimport GlobalTimeChecker from '../containers/GlobalTimeChecker'\r\nimport StyledSection from '../components/StyledSection'\r\nimport backgroundGrey from '../images/background-grey.svg'\r\nimport CTPCardPrintLayout1 from '../components/CTPCardPrintLayout1'\r\nimport CRCardPrintLayout1 from '../components/CRCardPrintLayout1'\r\nimport { requestForReprinting } from '../ducks/printCardDuck'\r\nimport querystring from 'querystring'\r\n\r\nclass PrintCard extends Component {\r\n\tconstructor(props, context) {\r\n\t\tsuper(props, context)\r\n\t\tthis.state = {\r\n\t\t\tauthorizationCode: '',\r\n\t\t\torigin: '',\r\n\t\t\tisLoading: false,\r\n\t\t\tprintingCard: '',\r\n\t\t\tcardNoPrinted: '',\r\n\t\t\tshowCr: false,\r\n\t\t\tcards: []\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentDidMount = async () => {\r\n\t\tconst redemptionTransactionId = querystring.parse(window.location.search).id\r\n\t\tconst cardNo = querystring.parse(window.location.search).cardNo\r\n\t\tlet lstCardNo = []\r\n\t\tif (cardNo !== null && cardNo !== undefined && cardNo !== '') {\r\n\t\t\tlstCardNo = [cardNo]\r\n\t\t}\r\n\t\tawait this.props.requestForReprinting(lstCardNo, redemptionTransactionId)\r\n\t\tlet cards = this.props.printCardDuck.cards\r\n\t\tthis.setState({ cards })\r\n\t}\r\n\r\n\tonPrint = () => {\r\n\t\twindow.print()\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst { cards } = this.state;\r\n\t\tlet submittedCards = cards || [];\r\n\t\tlet submittedCRCards = submittedCards.filter((m) => {\r\n\t\t\treturn m.cardNo && m.cardNo.startsWith('00002')\r\n\t\t})\r\n\t\tlet submittedCTPCards = submittedCards.filter((m) => {\r\n\t\t\treturn m.cardNo && m.cardNo.startsWith('00004')\r\n\t\t})\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\t
\r\n\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\tHere are your Changi Transit Vouchers!\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tPresent the QR code below at participating\r\n\t\t\t\t\t\t\toutlets to enjoy your vouchers.\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tChangi Rewards Card Number:\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t{card.cardNo}
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tVOUCHER ISSUE DATE:\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t{`${validFrom.getDate()} ${validFrom.toLocaleString(\r\n\t\t\t\t\t\t\t\t\t'default',\r\n\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\tmonth: 'long',\r\n\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t)} ${validFrom.getFullYear()}`}
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tQUANTITY:\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t{noOfVoucher} x {voucherCurrency}{genValue} Voucher
\r\n\t\t\t\t\t\t\t\t{!card.isQantasFlight && \r\n\t\t\t\t\t\t\t\t\t{noOfVoucher} x {voucherCurrency}{lpcVoucher.voucher_value} Liquor, Cosmetic & Perfume Voucher\r\n\t\t\t\t\t\t\t\t\t
}\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tVOUCHER EXPIRY DATE:\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t{`${validTo.getDate()} ${validTo.toLocaleString(\r\n\t\t\t\t\t\t\t\t\t'default',\r\n\t\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\t\tmonth: 'long',\r\n\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t)} ${validTo.getFullYear()}`}
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\tScan to use vouchers\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tYour temporary CR e-Card QR code\r\n\t\t\t\t\t\t\t\t\twill\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t{' '}\r\n\t\t\t\t\t\t\t\t\t\texpire within 7 days.{' '}\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tPlease download the iChangi app or\r\n\t\t\t\t\t\t\t\t\tlogin to rewards.changiairport.com\r\n\t\t\t\t\t\t\t\t\tto access your Changi Rewards\r\n\t\t\t\t\t\t\t\t\te-Card.\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\tRECOMMENDATIONS FOR YOU!\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tTry SKII travel exclusives\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tShop exclusive curation of brands\r\n\t\t\t\t\t\t\t\t\tfor your beauty needs at Shilla\r\n\t\t\t\t\t\t\t\t\tCosmetics & Perfumes Stores!\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tTake SG with you\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t‘Da bao’ (or takeaway) your\r\n\t\t\t\t\t\t\t\t\tfavourite local delicacies to bring\r\n\t\t\t\t\t\t\t\t\thome, or bring them with you on your\r\n\t\t\t\t\t\t\t\t\ttravels.\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tUltimate Destination for Your\r\n\t\t\t\t\t\t\t\t\t\tTaste\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tEnjoy over 490 brands with lowest\r\n\t\t\t\t\t\t\t\t\tprice guaranteed\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t*Price inclusive of promotions\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\tShop Tax-Free Online\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tAccess travel exclusives and special offers at your fingertips on iShopChangi.com. Enjoy \r\n\t\t\t\t\t\t\t\t\t\t10%*\r\n\t\t\t\t\t\t\t\t\t with code \r\n\t\t\t\t\t\t\t\t\t\tCTP_TY2X\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t*Valid till 31 March 2021. No min.\r\n\t\t\t\t\t\t\t\t\tspend. Discount is capped at S$10.\r\n\t\t\t\t\t\t\t\t\tProduct exclusions and T&Cs apply.\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\tCHANGI TRANSIT VOUCHER TERMS AND CONDITIONS\r\n\t\t\t\t\t\t\t(credited into Changi Rewards account)\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t
\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t
\r\n\t\t\t\t- \r\n\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t\tThe Changi Transit Voucher is issued by\r\n\t\t\t\t\t\t\t\tChangi Airport Group (Singapore) Pte Ltd\r\n\t\t\t\t\t\t\t\t(“CAG”).\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t\tChangi Transit Vouchers may be used at\r\n\t\t\t\t\t\t\t\tall participating merchants at Singapore\r\n\t\t\t\t\t\t\t\tChangi Airport which accepts Changi\r\n\t\t\t\t\t\t\t\tTransit Vouchers, including food and\r\n\t\t\t\t\t\t\t\tbeverage outlets. Changi Rewards (“CR”)\r\n\t\t\t\t\t\t\t\tmembers receive one (1) additional S$20\r\n\t\t\t\t\t\t\t\tChangi Transit Voucher that can be used\r\n\t\t\t\t\t\t\t\tfor only Liquor, Perfumes or Cosmetics\r\n\t\t\t\t\t\t\t\tpurchases at Singapore Changi Airport.\r\n\t\t\t\t\t\t\t\tAll types of Changi Transit Vouchers\r\n\t\t\t\t\t\t\t\tcannot be used to purchase any tobacco\r\n\t\t\t\t\t\t\t\tproducts at Singapore Changi Airport.\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t\tThe value of the Changi Transit Vouchers\r\n\t\t\t\t\t\t\t\t(or any part thereof, including any\r\n\t\t\t\t\t\t\t\tunutilised portion) (i) is not\r\n\t\t\t\t\t\t\t\trefundable in any currency; (ii) cannot\r\n\t\t\t\t\t\t\t\tbe transferred to any other person apart\r\n\t\t\t\t\t\t\t\tfrom whom the Changi Transit Vouchers is\r\n\t\t\t\t\t\t\t\tissued to; (iii) cannot be withdrawn in\r\n\t\t\t\t\t\t\t\texchange for any currency; and (iv)\r\n\t\t\t\t\t\t\t\tcannot be exchanged for any form of cash\r\n\t\t\t\t\t\t\t\tor credit. No refund shall be given if\r\n\t\t\t\t\t\t\t\tthe value of the Changi Transit Vouchers\r\n\t\t\t\t\t\t\t\texceeds the value of the goods/ services\r\n\t\t\t\t\t\t\t\tpaid for using the Changi Transit\r\n\t\t\t\t\t\t\t\tVouchers.\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t\tThe Changi Transit Vouchers expire 6\r\n\t\t\t\t\t\t\t\tmonths from the date of issuance or as\r\n\t\t\t\t\t\t\t\tindicated, whichever is earlier. No\r\n\t\t\t\t\t\t\t\treplacement, exchange, refund or\r\n\t\t\t\t\t\t\t\textension of validity, of the Changi\r\n\t\t\t\t\t\t\t\tTransit Vouchers will be considered or\r\n\t\t\t\t\t\t\t\tallowed. All unutilized Changi Transit\r\n\t\t\t\t\t\t\t\tVouchers will be forfeited upon expiry.\r\n\t\t\t\t\t\t\t\tCAG shall not be liable for any expired\r\n\t\t\t\t\t\t\t\tChangi Transit Vouchers.\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t\tChangi Transit Vouchers can only be used\r\n\t\t\t\t\t\t\t\tin denominations of S$20. For each\r\n\t\t\t\t\t\t\t\ttransaction, only one Changi Transit\r\n\t\t\t\t\t\t\t\tPrivileges (“CTP”) Card or the Changi\r\n\t\t\t\t\t\t\t\tTransit Vouchers in one CR account may\r\n\t\t\t\t\t\t\t\tbe used. If one CTP Card or one CR\r\n\t\t\t\t\t\t\t\taccount has more than one Changi Transit\r\n\t\t\t\t\t\t\t\tVouchers, all the Changi Transit\r\n\t\t\t\t\t\t\t\tVouchers in that CTP Card or CR account\r\n\t\t\t\t\t\t\t\tmay be used in a single transaction. For\r\n\t\t\t\t\t\t\t\tthe avoidance of doubt, (a) the Changi\r\n\t\t\t\t\t\t\t\tTransit Vouchers in one CTP card/ CR\r\n\t\t\t\t\t\t\t\taccount and the Changi Transit Vouchers\r\n\t\t\t\t\t\t\t\tin another CTP card/ CR account, cannot\r\n\t\t\t\t\t\t\t\tbe combined and used in a single\r\n\t\t\t\t\t\t\t\ttransaction; (b) the Changi Transit\r\n\t\t\t\t\t\t\t\tVouchers in a CTP card cannot be\r\n\t\t\t\t\t\t\t\tcombined with the Changi Transit\r\n\t\t\t\t\t\t\t\tVouchers in a CR account and used in a\r\n\t\t\t\t\t\t\t\tsingle transaction.\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t\tEach Changi Transit Voucher cannot be\r\n\t\t\t\t\t\t\t\tused for two or more separate\r\n\t\t\t\t\t\t\t\ttransactions.\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t\tThe Changi Transit Vouchers may not be\r\n\t\t\t\t\t\t\t\tused in conjunction with ongoing\r\n\t\t\t\t\t\t\t\tin-store promotions and cannot be\r\n\t\t\t\t\t\t\t\tredeemed on iShopChangi.com.\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t\tThe Changi Transit Vouchers may be used\r\n\t\t\t\t\t\t\t\tin conjunction with Singapore\r\n\t\t\t\t\t\t\t\tAirlines/SilkAir Boarding Pass\r\n\t\t\t\t\t\t\t\tPrivileges.\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t
- \r\n\t\t\t\t\t\t\t\tAny alteration(s) to the QR code printed\r\n\t\t\t\t\t\t\t\tis not allowed.\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t}\r\n\t\t\t\t\t{submittedCTPCards && submittedCTPCards.length > 0 &&\r\n\t\t\t\t\t\tsubmittedCTPCards.map((m, i) => {\r\n\t\t\t\t\t\t\treturn(\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t})}\r\n\t\t\t\t
\r\n\t\t)\r\n\t}\r\n}\r\n\r\nconst styles = (theme) => ({\r\n\tcontainer: { ...theme.container },\r\n\trow: { display: 'flex' },\r\n\trowItem: { display: 'flex', flex: 1, marginRight: 60, alignItems: 'center' },\r\n\tflexStart: { alignItems: 'flex-start' },\r\n\tconsentText: { fontSize: '0.8125rem' },\r\n})\r\n\r\nconst mapStateToProps = (state) => {\r\n\tconst { individualFormDuck, printCardDuck } = state\r\n\r\n\treturn { individualFormDuck, printCardDuck }\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n\treturn { requestForReprinting: (cards, redemptionTransactionId) => dispatch(requestForReprinting(cards, redemptionTransactionId)) }\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(withStyles(styles)(PrintCard))\r\n","import React, { Component } from 'react'\r\nimport { connect } from 'react-redux'\r\nimport { withStyles, Button, Grid } from '@material-ui/core'\r\nimport Header from '../containers/Header'\r\nimport GlobalTimeChecker from '../containers/GlobalTimeChecker'\r\nimport CTPCardPrintLayout1 from '../components/CTPCardPrintLayout1'\r\nimport CRCardPrintLayout1 from '../components/CRCardPrintLayout1'\r\nimport querystring from 'querystring'\r\nimport {getSettings} from \"../config/config.js\"\r\n\r\nclass PrintCardOnDemandScreen extends Component {\r\n\tconstructor(props, context) {\r\n\t\tsuper(props, context)\r\n\t\tthis.state = {\r\n\t\t\tauthorizationCode: '',\r\n\t\t\torigin: '',\r\n\t\t\tisLoading: false,\r\n\t\t\tprintingCard: '',\r\n\t\t\tcardNoPrinted: '',\r\n\t\t\tshowCr: false,\r\n\t\t\tcards: []\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentDidMount(){\r\n\t\tlet settings = getSettings()\r\n\r\n\t\t// this url will be not existing in production\r\n\t\tif (settings.environment == 'production')\r\n\t\t{\r\n\t\t\tthis.props.history('/404')\r\n\t\t}\r\n\r\n\t\tlet defaultVouchers = settings.voucher_sources.find(s => s.membership_type == \"DEFAULT\")\r\n\t\tlet defaultVoucher = defaultVouchers.vouchers.find(s => s.voucher_type == \"DEFAULT\")\r\n\t\tvar cards = []\r\n const queryString = require('query-string');\r\n const cardNoFrom = queryString.parse(window.location.search).cardNoFrom;\r\n const cardNoTo = queryString.parse(window.location.search).cardNoTo;\r\n const validFrom = queryString.parse(window.location.search).validFrom;\r\n\t\tconst validTo = queryString.parse(window.location.search).validTo;\r\n\t\tconst voucherValue = queryString.parse(window.location.search).voucherValue;\r\n\t\tconst numberOfVoucher = queryString.parse(window.location.search).numberOfVoucher;\r\n\t\tconst cardNos = this.generateCardRange(cardNoFrom, cardNoTo)\r\n\r\n\t\tcardNos.forEach(cardNo=>{\r\n\t\t\tlet card = {\r\n cardNo: cardNo,\r\n issuedDate: validFrom,\r\n\t\t\t\tvalidTo: validTo,\r\n\t\t\t\tvoucherValue: voucherValue,\r\n\t\t\t\tnumberOfVoucher: numberOfVoucher,\r\n issuedVouchersList: [\r\n ]\r\n\t\t\t}\r\n\t\t\tif (numberOfVoucher) {\r\n\t\t\t\tfor (let i = 0; i < numberOfVoucher; i++) {\r\n\t\t\t\t\tcard.issuedVouchersList.push({\r\n\t\t\t\t\t\tvalidFrom: validFrom,\r\n\t\t\t\t\t\tvalidTo: validTo,\r\n\t\t\t\t\t\ttypeValue: voucherValue ? voucherValue : defaultVoucher.voucher_value\r\n\t\t\t\t\t})\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\tcard.issuedVouchersList.push({\r\n\t\t\t\t\tvalidFrom: validFrom,\r\n\t\t\t\t\tvalidTo: validTo,\r\n\t\t\t\t\ttypeValue: voucherValue ? voucherValue : defaultVoucher.voucher_value\r\n\t\t\t\t})\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\tcards.push(card)\r\n\t\t})\r\n\r\n this.setState({\"cards\": cards})\r\n\r\n }\r\n\r\n generateCardRange = (cardNoFrom, cardNoTo)=>{\r\n\r\n\t\tlet cardNos = [];\r\n\t\tlet cardNoFromInt = parseInt(cardNoFrom)\r\n\t\tlet cardNoToInt = parseInt(cardNoTo)\r\n let noOfCard = cardNoToInt - cardNoFromInt\r\n if(noOfCard < 1) return [cardNoFrom];\r\n\t\tfor(let i = 0; i <= noOfCard; i++){\r\n\t\t\tvar currentCardNoInt = cardNoFromInt + i;\r\n\t\t\tvar currentCardNo = \"0000\" + currentCardNoInt;\r\n\t\t\tcardNos.push(currentCardNo);\r\n\t\t}\r\n\t\tconsole.log(cardNos)\r\n\r\n\t\treturn cardNos\r\n\r\n\r\n\t}\r\n\r\n\tonPrint = () => {\r\n\t\twindow.print()\r\n\t}\r\n\r\n\trender() {\r\n\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t})}\r\n\t\t\t\t
\r\n\t\t)\r\n\t}\r\n}\r\n\r\nconst styles = (theme) => ({\r\n\tcontainer: { ...theme.container },\r\n\trow: { display: 'flex' },\r\n\trowItem: { display: 'flex', flex: 1, marginRight: 60, alignItems: 'center' },\r\n\tflexStart: { alignItems: 'flex-start' },\r\n\tconsentText: { fontSize: '0.8125rem' },\r\n})\r\n\r\nconst mapStateToProps = (state) => {\r\n\tconst { individualFormDuck } = state\r\n\r\n\treturn { individualFormDuck }\r\n}\r\n\r\nexport default connect(mapStateToProps)(withStyles(styles)(PrintCardOnDemandScreen))\r\n","import React, { Component } from 'react'\r\nimport {\r\n\twithStyles,\r\n\tTable,\r\n\tTableHead,\r\n\tTableBody,\r\n\tTableRow,\r\n\tTableCell,\r\n\tTableFooter,\r\n\tTablePagination\r\n} from '@material-ui/core'\r\nimport { connect } from 'react-redux'\r\nimport { getAppealTransactionDetail } from '../ducks/appealTransactionDuck'\r\nimport {lime} from '@material-ui/core/colors'\r\nimport {toBrowserFriendlyDate, toHumanFriendlyDateTime} from \"../helpers/utilities\";\r\nimport { processAppealTransaction } from \"../ducks/appealTransactionDuck\"\r\nimport { getCurrentAuthHeader } from '../helpers/utilities'\r\nimport StyledSnackbar from '../components/StyledSnackbar'\r\nimport StyledPagination from '../components/StyledPagination'\r\n\r\nclass AppealTransactionTable extends Component {\r\n\tconstructor(props, context) {\r\n\t\tsuper(props, context)\r\n\t\tthis.state = {\r\n\t\t\tshowSnackbar: false,\r\n \t\tsnackbarMessage: '',\r\n\t\t\tsnackbarVariant: 'success',\r\n\t\t}\r\n\t}\r\n\r\n\tonLinkClick = async (refNo) => {\r\n\t\tconst data = { id: refNo }\r\n\t\tconst rs = await this.props.processAppealTransaction(data)\r\n\t\tif (rs.success) {\r\n const url = '/appeal-transaction-detail/'\r\n\t\t\twindow.open(url + refNo)\r\n } else {\r\n this.setState({\r\n showSnackbar: true,\r\n snackbarMessage: rs.message,\r\n snackbarVariant: 'error',\r\n parentDidSumit: false,\r\n })\r\n }\r\n\t}\r\n\r\n\tcloseSnackbar = () => {\r\n this.setState({ showSnackbar: false })\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst { classes, data, fields, currentIdx, count, page, rowsPerPage, onChangePage, onChangeRowsPerPage } = this.props\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t\r\n
\r\n\t\t\t\t\t
\r\n\t\t)\r\n\t}\r\n}\r\n\r\nconst mapStateToProps = (state) => {\r\n\tconst { appealTransactionDuck } = state\r\n\treturn { appealTransactionDuck }\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n\treturn {\r\n\t\tprocessAppealTransaction: (data) => dispatch(processAppealTransaction(data)),\r\n\t}\r\n}\r\n\r\nconst styles = (theme) => ({\r\n\tcontainer: theme.container,\r\n\teticket: { padding: '0 1rem' },\r\n\tclickable: { cursor: 'pointer', borderBottom: '1px dotted #ccc' },\r\n\tediting: {backgroundColor: lime[50]}\r\n})\r\n\r\nexport default connect(\r\n\tmapStateToProps,\r\n\tmapDispatchToProps\r\n)(withStyles(styles)(AppealTransactionTable))\r\n","import React, { Component } from 'react'\r\nimport { connect } from 'react-redux'\r\nimport { withStyles, Grid, TextField, Button, Typography, Select, MenuItem, FormControl, InputLabel, MuiThemeProvider, OutlinedInput } from '@material-ui/core'\r\nimport { Redirect } from 'react-router-dom'\r\nimport Header from '../containers/Header.js'\r\nimport { TITLE_PREFIX } from '../constants/titlePrefix'\r\nimport GlobalTimeChecker from '../containers/GlobalTimeChecker'\r\nimport StyledSection from '../components/StyledSection'\r\nimport StyledSnackbar from '../components/StyledSnackbar'\r\nimport { hasPermissions, parseFullCardNoWithPrefix } from '../helpers/utilities'\r\nimport { SEARCH_PASSENGER_PERMISSION } from '../constants/permissions'\r\nimport { getAllAppealTransaction } from '../ducks/appealTransactionDuck'\r\nimport AppealTransactionTable from '../components/AppealTransactionTable.js'\r\nimport { hoverSelectOverride } from '../styles/mui/theme'\r\nimport {toBrowserFriendlyDate, getCurrentAuthHeader} from \"../helpers/utilities\";\r\nimport PageHelper from \"../helpers/pageHelper\";\r\n\r\nclass AppealTransactionScreen extends Component {\r\n\tconstructor(props, context) {\r\n\t\tsuper(props, context)\r\n\t\tthis.state = { cardNo: '', email: '', refNo: '', startDate: '', endDate: '', showSnackbar: false, snackbarMessage: '', snackbarVariant: 'success', caseStatus: 'PENDING', selectedPage: 1, filterData: { approval: false, rejected: false } }\r\n\t\tthis.rowsPerPage = 100\r\n\t\tthis.pageHelper = new PageHelper({\r\n\t\t\tmaxResultCount: this.rowsPerPage,\r\n\t\t})\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tdocument.title = `${TITLE_PREFIX} Search Passenger`\r\n\t}\r\n\r\n\tonSearchFieldsChange = (k, e) => {\r\n\t\tif (k === 'cardNoFrom' || k === 'cardNoTo') this.setState({ [k]: parseFullCardNoWithPrefix(e.target.value) })\r\n\t\telse this.setState({ [k]: e.target.value })\r\n\t}\r\n\r\n\tonPhysicalVoucherFieldsChange = (k, e) => {\r\n\t\tlet numericValue = e.target.value.replace(/\\D/g, '')\r\n\t\tthis.setState({ [k]: numericValue })\r\n\t}\r\n\r\n\t_validateCardNo = (cardNo) => {\r\n\t\tif (cardNo && (cardNo.length !== 19 || /[^0-9]/g.test(cardNo))) {\r\n\t\t\tthis.setState({\r\n\t\t\t\tshowSnackbar: true,\r\n\t\t\t\tsnackbarVariant: 'error',\r\n\t\t\t\tsnackbarMessage: `Card no: ${cardNo} should be 19 digits`,\r\n\t\t\t})\r\n\t\t\treturn false\r\n\t\t}\r\n\t\treturn true\r\n\t}\r\n\r\n\t_validate = () => {\r\n\t\tconst { firstName, lastName, firstFltDepDate, collectionDate, cardNoFrom, cardNoTo, preloadedCardFrom, preloadedCardTo } = this.state\r\n\t\tif (firstFltDepDate !== '' || collectionDate !== '') {\r\n\t\t\tif (lastName === '' && firstName === '') {\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tshowSnackbar: true,\r\n\t\t\t\t\tsnackbarVariant: 'error',\r\n\t\t\t\t\tsnackbarMessage:\r\n\t\t\t\t\t\t'Last Name/First name is required for Departure and/or Collection date filter',\r\n\t\t\t\t})\r\n\t\t\t\treturn false\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tif (!this._validateCardNo(cardNoFrom)) return false\r\n\t\tif (!this._validateCardNo(cardNoTo)) return false\r\n\t\tif (!this._validateCardNo(preloadedCardFrom)) return false\r\n\t\tif (!this._validateCardNo(preloadedCardTo)) return false\r\n\t\treturn true\r\n\t}\r\n\r\n\tonSubmit = async () => {\r\n\t\tif (!this._validate()) return\r\n\t\tconst fields = ['cardNo', 'email', 'refNo', 'startDate', 'endDate', 'caseStatus']\r\n\r\n\t\tlet data = {}\r\n\t\tlet hasFilter = false\r\n\t\tfields.forEach((f) => {\r\n\t\t\tif (this.state[f] !== '') {\r\n\t\t\t\tdata[f] = this.state[f]\r\n\t\t\t\thasFilter = true\r\n\t\t\t}\r\n\t\t})\r\n\t\tif (data.caseStatus === 'ALL') {\r\n\t\t\thasFilter = false\r\n\t\t\tdata.caseStatus = null\r\n\t\t}\r\n\r\n\t\tif (hasFilter) {\r\n\t\t\tlet dataFiltered = { ...data, ...this.state.filterData }\r\n\t\t\tthis._getAllGroups(dataFiltered)\r\n\t\t} else {\r\n\t\t\tthis.setState(\r\n\t\t\t\t{ filterData: { approval: '', rejected: '' } },\r\n\t\t\t\t() => {\r\n\t\t\t\t\tthis._getAllGroups(data)\r\n\t\t\t\t},\r\n\t\t\t)\r\n\t\t}\r\n\t}\r\n\r\n\tcloseSnackbar = () => {\r\n\t\tthis.setState({ showSnackbar: false })\r\n\t}\r\n\tcomponentWillMount = () => {\r\n\t\tlet data = this.state.filterData\r\n\t\tthis._getAllGroups(data)\r\n\t}\r\n\r\n\tasync _getAllGroups(data){\r\n let skipCount\r\n\t\tif (this.pageHelper.totalCount === 0) {\r\n\t\t\tskipCount = 0\r\n\t\t} else {\r\n\t\t\tlet pageCallInput = this.pageHelper.pageCall(this.state.selectedPage)\r\n\t\t\tskipCount = this.pageHelper.skipCount\r\n\t\t}\r\n\t\tconst params = { params: { ...data, maxResultCount: this.rowsPerPage, skipCount: skipCount }, ...getCurrentAuthHeader() }\r\n\t\tconst rs = await this.props.getAllAppealTransaction(params)\r\n\t\tif (!rs.success) {\r\n\t\t\tthis.setState({\r\n\t\t\t\tshowSnackbar: true,\r\n\t\t\t\tsnackbarVariant: 'error',\r\n\t\t\t\tsnackbarMessage: rs.message,\r\n\t\t\t})\r\n\t\t} else {\r\n\t\t\tthis.pageHelper.populatePagingData({\r\n\t\t\t\ttotalCount: rs.result.totalCount,\r\n\t\t\t})\r\n\t\t\tthis.setState({ totalCount: rs.result.totalCount })\r\n\t\t}\r\n }\r\n\r\n\tonChangePage = (e, page) => {\r\n let selectedPage\r\n\t\tswitch (page) {\r\n\t\t\tcase 'first':\r\n\t\t\t\tselectedPage = 1\r\n\t\t\t\tbreak\r\n\r\n\t\t\tcase 'prev':\r\n\t\t\t\tselectedPage = this.state.selectedPage - 1\r\n\t\t\t\tbreak\r\n\r\n\t\t\tcase 'next':\r\n\t\t\t\tselectedPage = this.state.selectedPage + 1\r\n\t\t\t\tbreak\r\n\r\n\t\t\tcase 'last':\r\n\t\t\t\tselectedPage = this.pageHelper.getTotalNoOfPages()\r\n\t\t\t\tbreak\r\n\r\n\t\t\tdefault:\r\n\t\t\t\tselectedPage = page\r\n\t\t}\r\n\r\n\t\tthis.setState({ selectedPage: selectedPage }, () => {\r\n\t\t\tthis._getAllGroups(this.state.filterData)\r\n\t\t})\r\n\t}\r\n\r\n\thandleStatusChange = (event) => {\r\n\t\tthis.setState({ caseStatus: event.target.value }, () => {\r\n\t\t\tconst { caseStatus } = this.state\r\n\t\t\tif (caseStatus === 'PENDING') {\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tfilterData: { approval: false, rejected: false },\r\n\t\t\t\t})\r\n\t\t\t}\r\n\t\t\tif (caseStatus === 'REJECTED') {\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tfilterData: { approval: false, rejected: true },\r\n\t\t\t\t})\r\n\t\t\t}\r\n\t\t\tif (caseStatus === 'APPROVED') {\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\tfilterData: { approval: true, rejected: '' },\r\n\t\t\t\t})\r\n\t\t\t}\r\n\t\t})\r\n\t};\r\n\r\n\trender() {\r\n\t\tconst { classes, appealTransactionDuck: { getAllAppealTransactionLoading, appealTransactions, searchAppealTransactionIsLoading } } = this.props\r\n\t\tconst isLoading = searchAppealTransactionIsLoading || getAllAppealTransactionLoading\r\n\t\tconst { cardNo, email, refNo, startDate, endDate, caseStatus } = this.state\r\n\t\tif (appealTransactions) {\r\n\t\t\tappealTransactions.sort(function(a, b) {\r\n\t\t\t\ta.status = 'PENDING'\r\n\t\t\t\tif (a.rejected) a.status = 'REJECTED'\r\n\t\t\t\tif (a.approval) a.status = 'APPROVED'\r\n\r\n\t\t\t\tb.status = 'PENDING'\r\n\t\t\t\tif (b.rejected) b.status = 'REJECTED'\r\n\t\t\t\tif (b.approval) b.status = 'APPROVED'\r\n\r\n\t\t\t\tif (a.status === b.status) return 0\r\n\t\t\t\tif (a.status === 'PENDING' && b.status !== 'PENDING') return -1\r\n\t\t\t\tif (a.status !== 'PENDING' && b.status === 'PENDING') return 1\r\n\r\n\t\t\t\tif (a.status === 'REJECTED' && b.status !== 'REJECTED') return -1\r\n\t\t\t\tif (a.status !== 'REJECTED' && b.status === 'REJECTED') return 1\r\n\t\t\t})\r\n\t\t}\r\n\r\n\t\tif (!hasPermissions(SEARCH_PASSENGER_PERMISSION)) {\r\n\t\t\treturn \r\n\t\t\t\t
\r\n\t\t)\r\n\t}\r\n}\r\n\r\nconst styles = (theme) => ({\r\n\tcontainer: theme.container,\r\n\tstatusFilter: { width: '14rem' },\r\n})\r\n\r\nconst mapStateToProps = (state) => {\r\n\tconst { appealTransactionDuck } = state\r\n\tconst { getAllAppealTransactionLoading, appealTransactions } = appealTransactionDuck\r\n\treturn { appealTransactionDuck, getAllAppealTransactionLoading, appealTransactions }\r\n}\r\n\r\nconst mapDispatchToProps = (dispatch) => {\r\n\treturn { getAllAppealTransaction: (data) => dispatch(getAllAppealTransaction(data)) }\r\n}\r\n\r\nexport default connect(\r\n\tmapStateToProps,\r\n\tmapDispatchToProps,\r\n)(withStyles(styles)(AppealTransactionScreen))\r\n","import React, { Component } from 'react'\r\nimport { Provider } from 'react-redux'\r\nimport { BrowserRouter, Route, Switch } from 'react-router-dom'\r\nimport { MuiThemeProvider } from '@material-ui/core/styles'\r\nimport CssBaseline from '@material-ui/core/CssBaseline'\r\nimport theme from '../styles/mui/theme'\r\nimport SystemModal from '../containers/SystemModal.js'\r\nimport Dashboard from './Dashboard'\r\nimport IndividualScreen from './IndividualScreen'\r\nimport IndividualCollector from './IndividualCollector'\r\nimport ClientView from './ClientView'\r\nimport Group from './Group'\r\nimport GroupSubmission from './GroupSubmission'\r\nimport GroupApproval from './GroupApproval'\r\nimport GroupApprovalDetail from './GroupApprovalDetail'\r\nimport GroupDetail from './GroupDetail'\r\nimport GroupIssuance from './GroupIssuance'\r\nimport GroupIssuanceDetail from './GroupIssuanceDetail'\r\nimport AdminSettings from './AdminSettings'\r\nimport LoginScreen from './LoginScreen'\r\nimport NotFoundScreen from './NotFoundScreen'\r\nimport ScanTicket from '../containers/ScanTicket'\r\nimport ForgotPasswordScreen from './ForgotPasswordScreen'\r\nimport ResetPasswordScreen from './ResetPasswordScreen'\r\nimport ChangePasswordScreen from './ChangePasswordScreen'\r\nimport store from '../store.js'\r\nimport ProtectedRoute from '../components/ProtectedRoute'\r\nimport CampaignPeriod from './CampaignPeriod'\r\nimport CreateNewAccount from './CreateNewAccount'\r\nimport UserAccessAccount from './UserAccessAccount'\r\nimport RejectReason from './RejectReason'\r\nimport EmailTemplate from './EmailTemplate'\r\nimport Banner from './BannerScreen'\r\nimport LogoutScreen from './LogoutScreen'\r\nimport IndividualCollectorSuccess from './IndividualCollectorSuccess'\r\nimport GroupCollectorSuccess from './GroupCollectorSuccess'\r\nimport GroupSubmissionDetail from './GroupSubmissionDetail'\r\nimport GroupCollector from './GroupCollector'\r\nimport moment from 'moment'\r\nimport SearchScreen from './SearchScreen'\r\nimport SearchPassengerScreen from './SearchPassengerScreen'\r\nimport CardReplacementScreen from './CardReplacementScreen'\r\nimport Card from './Card'\r\nimport { LOCAL_STORAGE_LAST_ACTION_TIME } from '../constants/localStorageType'\r\nimport LoginScreen2 from './LoginScreen2'\r\nimport RedemptionTransactionDetailScreen from './RedemptionTransactionDetailScreen'\r\nimport AppealTransactionDetailScreen from './AppealTransactionDetailScreen'\r\nimport AdminIataScreen from './AdminIataScreen'\r\nimport SqApi from './SqApiScreen'\r\nimport PhysicalVoucherScreen from './PhysicalVoucherScreen'\r\nimport SearchGroupScreen from './SearchGroupScreen'\r\nimport SearchIssuanceSummaryScreen from './SearchIssuanceSummaryScreen'\r\nimport OCIDExchange from './OCIDExchangeScreen'\r\nimport PrintCard from './PrintCardScreen'\r\nimport PrintCardOnDemandScreen from './PrintCardOnDemandScreen'\r\nimport AppealTransactionScreen from './AppealTransactionScreen'\r\n\r\nclass Root extends Component {\r\n\tcomponentDidMount = () => {}\r\n\r\n\t_onGlobalClick = () => {\r\n\t\tlet lastActionTime = moment().format()\r\n\t\tlocalStorage.setItem(LOCAL_STORAGE_LAST_ACTION_TIME, lastActionTime)\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tCR Member Card: \r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t this.onSearchFieldsChange('cardNo', e)}\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tEmail Address: \r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t this.onSearchFieldsChange('email', e)} />\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tPretravel ID: \r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t this.onSearchFieldsChange('refNo', e)} />\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tPretravel Status: \r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tStatus Filter \r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\tRequest Date \r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t this.onSearchFieldsChange('startDate', e)}\r\n\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\tto \r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t this.onSearchFieldsChange('endDate', e)}\r\n\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t \r\n\t\t\t\t\t \r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t*/}\r\n\t\t\t\t\t\t\t\t\t*/}\r\n\t\t\t\t\t\t\t\t\t \r\n\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t