{0}
'.format(msg);\r\n return swal.fire($.extend(true, {\r\n title: title || 'Confirmation',\r\n html: msg || 'Confirm to continue?
',\r\n //type: 'question',\r\n icon:'question',\r\n confirmButtonClass: 'btn btn-success',\r\n cancelButtonClass: 'btn btn-danger',\r\n buttonsStyling: false,\r\n showCancelButton: true,\r\n focusConfirm: false,\r\n confirmButtonText: 'Yes',\r\n cancelButtonText: 'No',\r\n reverseButtons: true\r\n }, opt));\r\n}\r\n\r\nexport function decision(msg, title, opt) {\r\n if (msg && !msg.startsWith(''))\r\n msg = ' hasPrev &&\r\n // (\r\n // \r\n // )\r\n // }\r\n // renderArrowNext={(onClickHandler, hasNext) => hasNext &&\r\n // (\r\n // \r\n // )\r\n // }\r\n // >\r\n // \r\n // );\r\n // }\r\n\r\n render() {\r\n const { isEntitle, isShow, language, name, voucher, status, isReadPrivary } = this.state;\r\n const { IsLoggedIn, lang, UserRole } = this.props;\r\n var isUploader = IsLoggedIn && UserRole === 2;\r\n var isRepayer = IsLoggedIn && UserRole === 3;\r\n\r\n return (\r\n 
;\r\n }\r\n\r\n var alertWidth = 12 - dropzoneWidth || 12;\r\n\r\n return \r\n \r\n {({ getRootProps, getInputProps }) => (\r\n \r\n \r\n )}\r\n \r\n \r\n
;\r\n }\r\n}\r\n\r\nFileUpload.propTypes = {\r\n dropzoneWidth: PropTypes.number,\r\n api: PropTypes.object,\r\n url: PropTypes.string.isRequired,\r\n multiple: PropTypes.bool,\r\n maxSize: PropTypes.number,\r\n title: PropTypes.string.isRequired\r\n};\r\n\r\nFileUpload.defaultProps = {\r\n dropzoneWidth: 12,\r\n multiple: true,\r\n maxSize: 5 * 1024 * 1024\r\n};\r\n\r\nexport default FileUpload;","export const EXTEND_DATA = \"EXTEND_DATA\";\r\nexport const UPDATE_DATA = \"UPDATE_DATA\";\r\nexport const INIT_DATA = \"INIT_DATA\";\r\nexport const ADD_DATA = \"ADD_DATA\";\r\nexport const REMOVE_DATA = \"REMOVE_DATA\";\r\nexport const REFRESH_DATA = \"REFRESH_DATA\";","import $ from \"jquery\";\r\nimport { ADD_DATA, EXTEND_DATA, INIT_DATA, REFRESH_DATA, REMOVE_DATA, UPDATE_DATA } from './actionTypes';\r\n\r\nexport const addData = (id, content) => ({\r\n type: ADD_DATA,\r\n payload: {\r\n id,\r\n content\r\n }\r\n});\r\n\r\nexport const removeData = (id, index) => ({\r\n type: REMOVE_DATA,\r\n payload: {\r\n id,\r\n content: index\r\n }\r\n});\r\n\r\nexport const updateData = (id, content) => ({\r\n type: UPDATE_DATA,\r\n payload: {\r\n id,\r\n content\r\n }\r\n});\r\n\r\nexport const extendData = (id, content) => ({\r\n type: EXTEND_DATA,\r\n payload: {\r\n id,\r\n content\r\n }\r\n});\r\n\r\nexport const initData = (id, content) => ({\r\n type: INIT_DATA,\r\n payload: {\r\n id: id || 'data',\r\n content\r\n }\r\n});\r\n\r\nexport const refreshData = () => ({\r\n type: REFRESH_DATA\r\n});\r\n\r\nexport const getData = (data, id) => {\r\n if (typeof id === 'string') {\r\n if (!data)\r\n data = {};\r\n\r\n id = refineName(id);\r\n\r\n if (id.contains('.')) {\r\n var ids = id.split('.');\r\n id = ids.splice(0, 1)[0];\r\n\r\n if (Array.isArray(data)) {\r\n const index = $.parseNum(id);\r\n return getData(data[index], ids.join('.'));\r\n } else\r\n return getData(data[id], ids.join('.'));\r\n } else\r\n return data[id];\r\n } else {\r\n return id || {};\r\n }\r\n};\r\n\r\nfunction refineName(name) {\r\n while (name.contains('['))\r\n name = name.replace('[', '.');\r\n while (name.contains(']'))\r\n name = name.replace(']', '');\r\n return name;\r\n}\r\n","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { getData } from '../actions';\r\n\r\nclass _FreeGridCard extends React.Component {\r\n\r\n render() {\r\n var { children } = this.props;\r\n\r\n if (typeof children === 'function')\r\n children = children(this.props);\r\n\r\n return children;\r\n }\r\n}\r\n\r\nvar FreeGridCard = connect((state, props) => {\r\n const { source, i } = props;\r\n const data = (typeof source === 'string' ? getData(state, source) : source) || [];\r\n\r\n return data[i] || {};\r\n}, null, null, { forwardRef: true })(_FreeGridCard);\r\n\r\nexport default FreeGridCard;","import classNames from 'classnames';\r\nimport propTypes from 'prop-types';\r\nimport React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { getData } from '../actions';\r\n\r\nclass _FreeGridCol extends React.Component {\r\n render() {\r\n var { colProps, value, children, hidden } = this.props;\r\n\r\n if (hidden)\r\n return null;\r\n\r\n if (typeof colProps === 'function')\r\n colProps = colProps(this.props);\r\n\r\n var accessor;\r\n if (children) {\r\n if (typeof children === 'function')\r\n accessor = children(value, this.props);\r\n else\r\n accessor = children;\r\n } else\r\n accessor = value;\r\n\r\n if (accessor === true)\r\n accessor = 'Yes';\r\n else if (accessor === false)\r\n accessor = 'No';\r\n\r\n const { className } = colProps || {};\r\n if (className) {\r\n colProps = { ...colProps, className: classNames({ 'free-grid-col': true, [className]: true }) };\r\n } else {\r\n colProps = { ...colProps, className: 'free-grid-col' };\r\n }\r\n\r\n return \r\n {accessor}\r\n ;\r\n }\r\n}\r\n\r\n_FreeGridCol.propTypes = {\r\n id: propTypes.string,\r\n name: propTypes.string,\r\n config: propTypes.func,\r\n sortable: propTypes.oneOfType([propTypes.bool, propTypes.string]),\r\n colProps: propTypes.oneOfType([propTypes.object, propTypes.func]),\r\n headerProps: propTypes.oneOfType([propTypes.object, propTypes.func])\r\n};\r\n\r\nconst FreeGridCol = connect((state, props) => {\r\n var { i, source, id, name, config } = props;\r\n const data = typeof source === 'string' ? getData(state, source) : source;\r\n const item = (data || [])[i];\r\n\r\n if (!name) name = id;\r\n const value = name ? getData(item, name) : null;\r\n var params;\r\n if (config)\r\n params = typeof config === 'function' ? config({ ...item, value }) : config;\r\n return { id: getData(item, 'id'), value, ...params };\r\n})(_FreeGridCol);\r\n\r\nexport default FreeGridCol;","import React from 'react';\r\n\r\nclass FreeGridFooter extends React.Component {\r\n render() {\r\n var { children, hidden } = this.props;\r\n\r\n if (hidden) return null;\r\n\r\n var accessor;\r\n if (typeof children === 'function')\r\n accessor = children(this.props);\r\n else\r\n accessor = children;\r\n\r\n return accessor;\r\n }\r\n}\r\n\r\nexport default FreeGridFooter;","import propTypes from 'prop-types';\r\nimport React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { getData } from '../../utils/common';\r\nimport FreeGridCol from './freegridcol';\r\nimport { getCollection } from './freegrid';\r\n\r\nclass _FreeGridRow extends React.Component {\r\n render() {\r\n const { i, children, source, rowProps, hidden } = this.props;\r\n\r\n if (hidden) {\r\n return null;\r\n }\r\n\r\n var content;\r\n if (typeof children === 'function')\r\n content = children(i, this.props);\r\n else\r\n content = children;\r\n\r\n if (!content)\r\n return null;\r\n\r\n content = getCollection(content).filter(col => !!col);\r\n\r\n return \r\n {content\r\n .filter(col => {\r\n return col.type === FreeGridCol;\r\n })\r\n .map((col, j) => {\r\n const { type, props } = col;\r\n var { colProps } = props;\r\n if (!colProps)\r\n colProps = {};\r\n return React.createElement(type, { key: j, i, ...props, colProps, source })\r\n })}\r\n ;\r\n }\r\n}\r\n\r\n_FreeGridRow.propTypes = {\r\n source: propTypes.oneOfType([propTypes.array, propTypes.string]).isRequired,\r\n rowConfig: propTypes.oneOfType([propTypes.object, propTypes.func]),\r\n rowProps: propTypes.oneOfType([propTypes.object, propTypes.func])\r\n}\r\n\r\nconst FreeGridRow = connect((state, props) => {\r\n var { i, source, rowConfig } = props;\r\n const data = (typeof source === 'string' ? getData(state, source) : source) || [];\r\n const item = data[i];\r\n\r\n if (typeof rowConfig === 'function')\r\n rowConfig = rowConfig(item);\r\n\r\n return { i, ...rowConfig };\r\n}, null, (stateProps, dispatchProps, ownProps) => {\r\n var { rowProps } = ownProps;\r\n if (typeof rowProps === 'function')\r\n rowProps = rowProps(stateProps);\r\n return { ...ownProps, ...stateProps, rowProps };\r\n})(_FreeGridRow);\r\n\r\nexport default FreeGridRow;","import classNames from 'classnames';\r\nimport propTypes from 'prop-types';\r\nimport React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { Table } from 'reactstrap';\r\nimport { getData } from '../../redux/actions';\r\nimport FreeGridCard from './freegridcard';\r\nimport FreeGridCol from './freegridcol';\r\nimport FreeGridFooter from './freegridfooter';\r\nimport FreeGridRow from './freegridrow';\r\n\r\nexport function getCollection(children) {\r\n var items = [];\r\n if (Array.isArray(children)) {\r\n children.forEach(c => {\r\n getCollection(c).forEach(item => items.push(item));\r\n });\r\n } else {\r\n return [children];\r\n }\r\n\r\n return items;\r\n}\r\n\r\nclass _FreeGrid extends React.Component {\r\n\r\n render() {\r\n const { source, length, children, sidx, sord, rowConfig, rowProps, showHeader, tableProps } = this.props;\r\n\r\n var cols = [];\r\n if (typeof children === 'function') {\r\n cols = children().map(c => c);\r\n } else\r\n cols = children;\r\n\r\n cols = getCollection(cols).filter(col => !!col);\r\n\r\n var rows = [];\r\n [...Array(length)].forEach((d, i) => {\r\n rows.push({children} );\r\n cols.filter(col => col.type === FreeGridRow).forEach(row => {\r\n const { props } = row;\r\n const { children } = props;\r\n if (children)\r\n rows.push(\r\n {children}\r\n );\r\n });\r\n });\r\n\r\n const cardCols = cols.filter(col => col.type === FreeGridCard);\r\n var cards = [];\r\n [...Array(length)].forEach((d, i) => {\r\n cardCols.forEach(col => {\r\n const { props } = col;\r\n const { children } = props;\r\n // cards.push({children} );\r\n cards.push(React.createElement(col.type, { key: i, ...props, i, source }, children));\r\n });\r\n });\r\n\r\n return {({ cid }) => \r\n this.reduxtData = ref} />\r\n } ;\r\n }\r\n}\r\n\r\nexport default Upload;","import React, { useState, useEffect } from 'react';\r\nimport moment from 'moment';\r\nimport { Button } from 'reactstrap';\r\n\r\nimport FreeGrid from '../../redux/controls/freegrid';\r\nimport FreeGridCol from '../../redux/controls/freegridcol';\r\nimport baseapi from '../../services/baseapi';\r\n\r\n\r\nfunction UploadClaim() {\r\n\r\n const [file, setFile] = useState(null);\r\n const [message, setMessage] = useState('');\r\n const [loading, setLoading] = useState(false); \r\n\r\n const [eventLogs, setEventLogs] = useState([]);\r\n\r\n\r\n //const loadEventLogs = async () => {\r\n // const res = await fetch('/api/UploadClaim/eventlog');\r\n // const data = await res.json();\r\n\r\n // console.log('kew eventlog raw:', data);\r\n // setEventLogs(data);\r\n //};\r\n\r\n const loadEventLogs = async () => {\r\n /*try {*/\r\n const res = await baseapi.httpget('/api/UploadClaim/eventlog');\r\n\r\n //console.log('Eventlog raw:', res.data);\r\n setEventLogs(res.data);\r\n //} catch (err) {\r\n // console.error('Failed to load event logs', err);\r\n // setEventLogs([]);\r\n //}\r\n };\r\n\r\n // Load history on first page load\r\n useEffect(() => {\r\n loadEventLogs();\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (eventLogs.length > 0) {\r\n console.log(\r\n 'EventLogIDs:',\r\n eventLogs.map(x => x.EventLogID)\r\n );\r\n }\r\n }, [eventLogs]);\r\n\r\n\r\n // ---------------------------------------\r\n // File selection\r\n // ---------------------------------------\r\n const handleFileChange = (e) => {\r\n setFile(e.target.files[0]);\r\n setMessage('');\r\n };\r\n\r\n // ---------------------------------------\r\n // Upload handler\r\n // ---------------------------------------\r\n const handleUpload = async () => {\r\n if (!file) {\r\n alert('Please select an Excel file first.');\r\n return;\r\n }\r\n\r\n setLoading(true);\r\n setMessage('');\r\n\r\n const formData = new FormData();\r\n formData.append('file', file);\r\n\r\n try {\r\n await baseapi.upload('/api/UploadClaim/upload', formData);\r\n\r\n setMessage('File uploaded and data inserted successfully!');\r\n // reload history after upload\r\n await loadEventLogs();\r\n } catch (error) {\r\n console.error('Upload error:', error);\r\n setMessage('Upload failed. Please try again.');\r\n } finally {\r\n setLoading(false);\r\n }\r\n };\r\n\r\n\r\n const th = {\r\n borderBottom: '1px solid #ccc',\r\n padding: '8px',\r\n textAlign: 'left',\r\n background: '#f5f5f5'\r\n };\r\n\r\n const td = {\r\n borderBottom: '1px solid #eee',\r\n padding: '8px'\r\n };\r\n\r\n const tdCenter = {\r\n padding: '15px',\r\n textAlign: 'center',\r\n color: '#777'\r\n };\r\n\r\n // ---------------------------------------\r\n // UI\r\n // ---------------------------------------\r\n return (\r\n this.select = input}\r\n {...this.props}\r\n id={id || name}\r\n value={options.filter(o => this.getValue(o.value) === this.getValue(value))}\r\n placeholder={placeholder || 'Select...'}\r\n className={classNames({ \"Select\": true, ...addClasses })}\r\n classNamePrefix=\"Select\"\r\n openMenuOnFocus\r\n isClearable\r\n onChange={this.handleChange}\r\n options={options}\r\n />;\r\n }\r\n }\r\n\r\n getValue(value) {\r\n return (value === 0 ? '0' : (value || '')).toString();\r\n }\r\n}\r\n\r\nexport default Chosen;","import moment from 'moment';\r\nimport React from 'react';\r\nimport ReactDatePicker from 'react-datetime';\r\nimport 'react-datetime/css/react-datetime.css';\r\n\r\nclass DatePicker extends React.Component {\r\n constructor() {\r\n super();\r\n\r\n this.handleChange = this.handleChange.bind(this);\r\n this.handleBlur = this.handleBlur.bind(this);\r\n this.handleValidDate = this.handleValidDate.bind(this);\r\n this.handleInput = this.handleInput.bind(this);\r\n }\r\n\r\n handleChange(date) {\r\n if (!date || (date && date.isValid && date.isValid())) {\r\n if (this.props.onChange) {\r\n if (date) date = date.format(\"DD MMM YYYY\");\r\n this.props.onChange({ target: { name: this.props.name, type: 'date', value: date } });\r\n }\r\n }\r\n }\r\n\r\n handleBlur(date) {\r\n if (this.props.onBlur) {\r\n if (date && date.isValid && date.isValid())\r\n date = date.format(\"DD MMM YYYY\");\r\n else\r\n date = '';\r\n this.props.onBlur({ target: { name: this.props.name, type: 'date', value: date } });\r\n }\r\n }\r\n\r\n handleValidDate(currentDate, selectedDate) {\r\n if (this.props.maxDate) {\r\n if (currentDate > moment(this.props.maxDate))\r\n return false;\r\n }\r\n if (this.props.minDate) {\r\n if (currentDate < moment(this.props.minDate))\r\n return false;\r\n }\r\n return true;\r\n }\r\n\r\n handleInput(e) {\r\n if (this.props.onInput)\r\n this.props.onInput(e);\r\n }\r\n\r\n render() {\r\n const { id, name, value, className, onFocus, readOnly, placeholder, inputProps, initialValue } = this.props;\r\n\r\n return (\r\n \r\n ;\r\n }\r\n\r\n handleDataReady(data) {\r\n this.setState({ firstLoad: false });\r\n }\r\n\r\n render() {\r\n const { filter, firstLoad } = this.state;\r\n const { q } = filter;\r\n return \r\n ;\r\n }\r\n}\r\n\r\n//export default Disbursements;\r\n\r\nexport default connect(state => {\r\n return getAuth(state);\r\n}, null)(Disbursements);","import React from 'react';\r\nimport { Button } from 'reactstrap';\r\n\r\nclass ClickOnceButton extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = { disabled: false };\r\n this.handleClick = this.handleClick.bind(this);\r\n }\r\n\r\n handleClick(e) {\r\n if (this.props.onClick)\r\n this.props.onClick(e);\r\n\r\n setTimeout(() => {\r\n this.setState({ disabled: true });\r\n });\r\n // setTimeout(() => {\r\n // this.setState({ disabled: false });\r\n // }, 3000);\r\n }\r\n\r\n render() {\r\n return \r\n }\r\n}\r\n\r\nexport default ClickOnceButton;","import React from 'react';\r\nimport { Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';\r\nimport ClickOnceButton from '../controls/clickoncebutton';\r\nimport { Button } from 'reactstrap';\r\n\r\nclass PopupModal extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.handleToggle = this.handleToggle.bind(this);\r\n this.handleConfirm = this.handleConfirm.bind(this);\r\n }\r\n\r\n handleConfirm(event) {\r\n if (this.props.onConfirm)\r\n this.props.onConfirm(event);\r\n }\r\n\r\n handleToggle(event) {\r\n if (this.props.toggle)\r\n this.props.toggle(event);\r\n else\r\n this.setState({ isOpen: (this.state ? this.state.isOpen : this.props.isOpen) === false });\r\n }\r\n\r\n render() {\r\n if (this.state ? !this.state.isOpen : !this.props.isOpen)\r\n return null;\r\n\r\n var btnOK;\r\n if (this.props.buttonText !== '')\r\n btnOK = {this.props.buttonText || 'OK'} ;\r\n\r\n const footer = this.props.hasButton !== false\r\n ? \r\n {btnOK}\r\n \r\n \r\n : null;\r\n\r\n return (\r\n \r\n {this.props.title} \r\n \r\n {this.props.children}\r\n \r\n {footer}\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default PopupModal;","import classnames from 'classnames';\r\nimport moment from 'moment';\r\nimport React from 'react';\r\nimport validator from 'validator';\r\nimport $ from \"jquery\";\r\n\r\nclass ValidateField extends React.Component {\r\n constructor() {\r\n super();\r\n this.state = {};\r\n }\r\n\r\n validate(whenRender) {\r\n var errorMessage;\r\n const val = this.props.value;\r\n if (this.props.required) {\r\n var isValid = val !== undefined && val !== null && val !== '';\r\n if (isValid && val.isValid)\r\n isValid = val.isValid();\r\n if (!isValid)\r\n errorMessage = this.props.errorMessage || 'This field is required';\r\n }\r\n\r\n if (this.props.equalTo) {\r\n if (val !== this.props.equalTo)\r\n errorMessage = this.props.equalToMessage || 'Data not matched';\r\n }\r\n\r\n if (this.props.minLength) {\r\n if (!val || val.length < this.props.minLength)\r\n errorMessage = this.props.minLengthMessage || 'Min. {0} characters required'.format(this.props.minLength);\r\n }\r\n\r\n if (val) {\r\n if (!errorMessage) {\r\n switch (this.props.type) {\r\n case 'email': errorMessage = !validator.isEmail(val) ? 'Invalid email' : ''; break;\r\n case 'number':\r\n case 'numeric':\r\n if (!this.props.allowedNegative) {\r\n if ($.parseNum(val) < 0)\r\n errorMessage = 'Negative value is not allowed';\r\n }\r\n if (!errorMessage)\r\n errorMessage = !validator.isDecimal(val.toString()) ? 'Invalid numeric' : ''; break;\r\n case 'currency':\r\n var currencyVal = val.toString();\r\n while (currencyVal.contains(',')) currencyVal = currencyVal.replace(',', '');\r\n errorMessage = !validator.isCurrency(currencyVal) ? 'Invalid currency' : ''; break;\r\n case 'integer': errorMessage = !validator.isInt(val.toString().replaceAll(',', '')) ? 'Invalid integer' : ''; break;\r\n case 'url': errorMessage = !validator.isURL(val) ? 'Invalid url' : ''; break;\r\n case 'date': errorMessage = moment.isMoment(val) || validator.toDate(val) !== null ? '' : 'Invalid date'; break;\r\n default: break;\r\n }\r\n }\r\n }\r\n\r\n if (errorMessage && this.props.errorMessage)\r\n errorMessage = this.props.errorMessage;\r\n\r\n if (this.props.validate) {\r\n var validateMessage = this.props.validate(val, this.props.data || this.props, errorMessage);\r\n if (validateMessage) {\r\n errorMessage = validateMessage || errorMessage;\r\n }\r\n }\r\n\r\n if (whenRender) {\r\n var state = this.state;\r\n state.error = errorMessage;\r\n if (!state.isValidated)\r\n state.isValidated = !!val;\r\n } else {\r\n this.setState({ isValidated: true, error: errorMessage });\r\n }\r\n\r\n if (errorMessage)\r\n return false;\r\n else\r\n return true;\r\n }\r\n\r\n scrollToElement(div) {\r\n if (div) {\r\n var now = new Date().getTime();\r\n var diff = now - ($._lastScrollTime || 0);\r\n if (diff > 1000)\r\n div.scrollIntoView({ block: 'center', behavior: 'smooth' });\r\n $._lastScrollTime = now;\r\n }\r\n }\r\n\r\n render() {\r\n var feedback, hasSuccess, hasError, hasWarning;\r\n if (this.validate(true)) {\r\n if (this.props.required)\r\n hasSuccess = true;\r\n } else {\r\n if (this.state.isValidated) {\r\n hasError = true;\r\n feedback = (suggestion || {}).label}\r\n renderSuggestion={suggestion => {placeholder} ;\r\n break;\r\n case 'date':\r\n input = this.maskedInput = masked}\r\n mask={markFormat}\r\n placeholder=\"+6012-3456 789\"\r\n guide={false}\r\n id={id}\r\n name={id}\r\n value={val}\r\n onChange={this.handleInputChange}\r\n onFocus={this.handleFocus}\r\n onBlur={this.handleBlur}\r\n maxLength={maxLength}\r\n className={'form-control ' + className}\r\n readOnly={readOnly}\r\n title={title}\r\n style={editStyle}\r\n />;\r\n }\r\n else\r\n input = \r\n ;\r\n }\r\n\r\n handleConfirmCancel(e) {\r\n const { editFields } = this.state;\r\n const { id, status } = editFields || {};\r\n\r\n if ($.validate(this.fields) && !!id && !!status) {\r\n processing();\r\n baseapi.httppost('/api/UploadItems/PostUpdateStatus?id={0}'.format(id), editFields)\r\n .then((response) => {\r\n const { data } = response;\r\n if (typeof data === 'string') {\r\n notfound('Warning', data);\r\n }\r\n else {\r\n done();\r\n this.setState({ isOpen: false, editFields: { id: '' } });\r\n this.refresh();\r\n }\r\n });\r\n }\r\n //console.log(JSON.stringify(this.state, null, 2));\r\n }\r\n\r\n renderCancellationModel() {\r\n const { isOpen, editFields } = this.state;\r\n const { status, cancelDate, refundAmount, name, id, cancelRemarks, isFreeLookPeriod, freeLookStartDate } = editFields || {};\r\n var statusDesc = (status === 3) ? 'Lift' : 'Cancel';\r\n var i = 0;\r\n this.fields = {};\r\n\r\n return <>\r\n this.setState({ isOpen: !isOpen })}\r\n onConfirm={this.handleConfirmCancel}>\r\n \r\n Are you sure to {statusDesc} voucher no. {name}?
\r\n {!!isFreeLookPeriod && <>\r\n \r\n this.fields[i++] = field} required value={cancelDate} type=\"date\">\r\n \r\n Free Look Start Date \r\n \r\n \r\n }\r\n \r\n this.fields[i++] = field} required value={cancelDate} type=\"date\">\r\n \r\n Cancel Date \r\n \r\n \r\n \r\n this.fields[i++] = field} required value={refundAmount} type=\"currency\">\r\n \r\n Refund Amount \r\n \r\n \r\n \r\n \r\n this.fields[i++] = field} required value={cancelRemarks}>\r\n \r\n \r\n \r\n \r\n \r\n }\r\n\r\n render() {\r\n const { filter, firstLoad, cancelDate, isOpen } = this.state;\r\n const { q } = filter;\r\n\r\n return \r\n ;\r\n }\r\n}\r\n\r\n\r\nexport default UploadItems;","import $ from 'jquery';\r\nimport React from 'react';\r\nimport FileUpload from '../../../controls/fileupload';\r\nimport baseapi from '../../../services/baseapi';\r\nimport MyAuth from '../../../widgets/MyAuth';\r\nimport { Container, Table, Alert, Button } from 'reactstrap';\r\nimport { notfound, processing, done, showError } from '../../../utils/common';\r\nimport ReduxData from '../../../redux/controls/reduxdata';\r\n\r\nclass DisbursementUpload extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = this.getInitialState();\r\n\r\n this.handleDownload = this.handleDownload.bind(this);\r\n // this.handleProceed = this.handleProceed.bind(this);\r\n this.handleUploaded = this.handleUploaded.bind(this);\r\n }\r\n\r\n getInitialState = () => ({\r\n files: [],\r\n items: [],\r\n hasError: false,\r\n //itemsWithError: [],\r\n isUploaded: false,\r\n totalRecords: 0,\r\n totalRecordsWithErrors: 0,\r\n fileName: ''\r\n });\r\n\r\n handleUploaded({ data }, files) {\r\n const { items, totalRecords, totalRecordsWithErrors, fileName } = data;\r\n //var itemsWithError = items.filter(i => i.HasError);\r\n this.setState({\r\n files,\r\n items,\r\n hasError: totalRecordsWithErrors > 0,\r\n //itemsWithError,\r\n isUploaded: true,\r\n totalRecords,\r\n totalRecordsWithErrors,\r\n fileName\r\n });\r\n\r\n this.reduxtData.setData(data);\r\n }\r\n\r\n handleDownload() {\r\n var data = this.reduxtData.getData();\r\n var { items, fileName } = data;\r\n baseapi.download('/api/Disbursement/DownloadExcel?' + $.param({ fileName }), { items });\r\n }\r\n\r\n // handleProceed() {\r\n // const { id } = this.state;\r\n // processing();\r\n // baseapi.httppost('/api/Disbursement/Process?id={0}'.format(id), { id })\r\n // .then((response) => {\r\n // const { data } = response;\r\n // if (typeof data == 'string') {\r\n // notfound('Error', data);\r\n // }\r\n // else {\r\n // this.setState(this.getInitialState());\r\n // done();\r\n // }\r\n // });\r\n // }\r\n\r\n renderBox(items, title, alertColor) {\r\n if (!items || (items && !items.length))\r\n return null;\r\n if (!alertColor) alertColor = 'success';\r\n if (!title) title = 'info';\r\n var headers = Object.keys((items[0] || {}));\r\n\r\n return <>\r\n \r\n \r\n \r\n
\r\n \r\n \r\n }\r\n\r\n render() {\r\n const { items, isUploaded, hasError, totalRecords, totalRecordsWithErrors, fileName } = this.state;\r\n\r\n return {({ cid }) =>\r\n \r\n this.reduxtData = ref} />\r\n {isUploaded && \r\n }\r\n {/*{hasError && this.renderBox(itemsWithError, 'Records With Error', 'danger')} */}\r\n {/*{this.renderBox(items, 'Records', 'success')} */}\r\n \r\n } ;\r\n }\r\n}\r\n\r\nexport default DisbursementUpload;","import $ from 'jquery';\r\nimport moment from 'moment';\r\nimport React from 'react';\r\nimport { Input, InputGroup, InputGroupAddon, InputGroupText, Col, Button, Container } from 'reactstrap';\r\nimport FreeGridCol from '../../redux/controls/freegridcol';\r\nimport FreeGridSearch from '../../redux/controls/freegridsearch';\r\nimport FreeTable from '../../redux/controls/freetable';\r\nimport baseapi from '../../services/baseapi';\r\nimport Chosen from '../../controls/chosen';\r\nimport DatePicker from '../../controls/datepicker';\r\nimport Row from 'reactstrap/lib/Row';\r\nimport SubmitForm from '../../controls/submitform';\r\nimport { done, notfound, decision } from '../../utils/common';\r\n \r\nconst filterName = 'eventLogs_filter';\r\n\r\nclass EventLogs extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n var filter = JSON.parse(localStorage.getItem(filterName) || '{}');\r\n\r\n this.state = {\r\n filter: {\r\n q: '',\r\n ...filter,\r\n },\r\n };\r\n\r\n this.refresh = this.refresh.bind(this);\r\n this.handleSearchChanged = this.handleSearchChanged.bind(this);\r\n this.handleDateSearchChanged = this.handleDateSearchChanged.bind(this);\r\n }\r\n\r\n refresh(e) {\r\n const { filter } = this.state;\r\n const { q } = filter || {};\r\n if (q) {\r\n localStorage.setItem(filterName, JSON.stringify(filter));\r\n this.table.refresh(filter);\r\n }\r\n else {\r\n notfound('Search', 'Keyword missing.');\r\n }\r\n }\r\n\r\n handleDateSearchChanged(e) {\r\n const { name, value } = e.target;\r\n if (moment(value).isValid() || value === '') {\r\n this.handleSearchChanged(e);\r\n }\r\n }\r\n\r\n handleSearchChanged(e) {\r\n const { filter } = this.state;\r\n const { name, value } = e.target;\r\n // this.setState({ filter: { ...filter, [name]: value } }, this.refresh);\r\n this.setState({ filter: { ...filter, [name]: value } }, () =>\r\n localStorage.setItem(filterName, JSON.stringify(this.state.filter)));\r\n }\r\n\r\n renderSearch() {\r\n const { filter } = this.state;\r\n const { q } = filter;\r\n\r\n return \r\n ;\r\n }\r\n\r\n render() {\r\n const { filter } = this.state;\r\n return \r\n ;\r\n }\r\n}\r\n\r\n\r\nexport default EventLogs;","import $ from 'jquery';\r\nimport propTypes from 'prop-types';\r\nimport React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { getData } from '../actions';\r\nimport FreeEdit from './freeedit';\r\n\r\nclass _FreeEditArray extends React.Component {\r\n constructor() {\r\n super();\r\n\r\n this.handleChange = this.handleChange.bind(this);\r\n }\r\n\r\n validate() {\r\n return $.validate(this.fields);\r\n }\r\n\r\n handleChange(e) {\r\n if (this.props.onChange)\r\n this.props.onChange(e);\r\n }\r\n\r\n render() {\r\n const { children, length, id, source } = this.props;\r\n this.fields = {};\r\n var count = 0;\r\n\r\n return [...Array(length)]\r\n .map((d, i) => {\r\n var child = children;\r\n if (typeof child === 'function')\r\n child = child(i);\r\n\r\n return this.fields[count++] = ref}\r\n source={source + '.' + id + '.' + i}\r\n onChange={this.handleChange}>\r\n {child}\r\n ;\r\n });\r\n }\r\n}\r\n\r\n_FreeEditArray.propTypes = {\r\n id: propTypes.string.isRequired,\r\n source: propTypes.string,\r\n onChange: propTypes.func\r\n};\r\n\r\nconst FreeEditArray = connect((state, props) => {\r\n var { id, source } = props;\r\n\r\n const data = getData(state, source);\r\n const value = getData(data, id) || [];\r\n\r\n return { length: value.length };\r\n}, { getData }, null, { forwardRef: true })(_FreeEditArray);\r\n\r\nexport default FreeEditArray;","import propTypes from 'prop-types';\r\nimport React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { Input } from 'reactstrap';\r\nimport Switch from '../../controls/switch';\r\nimport { getData, updateData } from '../actions';\r\n\r\nclass _FreeEditField extends React.Component {\r\n constructor() {\r\n super();\r\n\r\n this.handleChange = this.handleChange.bind(this);\r\n this.handleBlur = this.handleBlur.bind(this);\r\n }\r\n\r\n handleChange(e) {\r\n var { name, type, value } = e.target;\r\n\r\n if (type === 'checkbox') {\r\n if (this.props.value === value) {\r\n value = '';\r\n }\r\n }\r\n\r\n this.props.updateData(name, value);\r\n\r\n if (this.props.onChange)\r\n this.props.onChange(e);\r\n }\r\n\r\n handleBlur(e) {\r\n var { name, value } = e.target;\r\n\r\n this.props.updateData(name, value);\r\n\r\n if (this.props.onBlur)\r\n this.props.onBlur(e);\r\n }\r\n\r\n render() {\r\n var { name, value, configValue, children, inputProps } = this.props;\r\n var accessors = [];\r\n\r\n var id = name;\r\n while (id.indexOf('.') >= 0)\r\n id = id.replace('.', '_');\r\n\r\n if (typeof configValue === 'function')\r\n value = configValue(this.props);\r\n if (value === undefined || value === null)\r\n value = '';\r\n\r\n inputProps = { ...inputProps, id, name, value };\r\n\r\n if (children) {\r\n if (!Array.isArray(children))\r\n children = [children];\r\n\r\n children.forEach((child, i) => {\r\n var component;\r\n if (typeof child === 'function')\r\n component = child(this.props);\r\n else\r\n component = child;\r\n\r\n if (component) {\r\n var { type, key, props } = component;\r\n const { source, ...componentProps } = props;\r\n\r\n inputProps = {\r\n ...componentProps,\r\n ...inputProps,\r\n key,\r\n onChange: this.handleChange,\r\n onBlur: this.handleBlur\r\n };\r\n\r\n if (type === Switch ||\r\n (type === Input && props.type === 'checkbox')) {\r\n inputProps = {\r\n ...inputProps,\r\n checked: props.checked || value === true,\r\n value: props.value\r\n };\r\n }\r\n // else if (type === DatePicker || type === DateTimePicker) {\r\n // inputProps = {\r\n // ...inputProps,\r\n // onBlur: this.handleChange\r\n // };\r\n // }\r\n\r\n const { placeholder } = props;\r\n if (placeholder) {\r\n inputProps = {\r\n ...inputProps,\r\n placeholder\r\n };\r\n }\r\n\r\n if (!key) key = i;\r\n accessors.push(React.createElement(type, inputProps));\r\n }\r\n });\r\n } else {\r\n accessors = ;\r\n }\r\n\r\n return accessors;\r\n }\r\n}\r\n\r\n_FreeEditField.propTypes = {\r\n id: propTypes.string.isRequired,\r\n source: propTypes.string,\r\n header: propTypes.any,\r\n config: propTypes.oneOfType([propTypes.object, propTypes.func]),\r\n configValue: propTypes.func\r\n};\r\n\r\nconst FreeEditField = connect((state, props) => {\r\n var { id, source, header, config } = props;\r\n\r\n if (header === undefined)\r\n header = id.toName();\r\n\r\n var name = id;\r\n if (source)\r\n name = source + '.' + id;\r\n\r\n const data = getData(state, source);\r\n const value = getData(data, id);\r\n\r\n if (typeof config === 'function')\r\n config = config(data);\r\n\r\n return { name, value, header, ...config };\r\n}, { updateData }, null, { forwardRef: true })(_FreeEditField);\r\n\r\nexport default FreeEditField;","import propTypes from 'prop-types';\r\nimport React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { Label } from 'reactstrap';\r\nimport { getData } from '../actions';\r\n\r\nclass _FreeEditLabel extends React.Component {\r\n render() {\r\n var { children, source, labelProps } = this.props;\r\n\r\n var id = source + '_' + this.props.for;\r\n while (id.indexOf('.') >= 0)\r\n id = id.replace('.', '_');\r\n\r\n if (typeof children === 'function')\r\n children = children(this.props);\r\n\r\n return ;\r\n }\r\n}\r\n\r\n_FreeEditLabel.propTypes = {\r\n for: propTypes.string.isRequired,\r\n source: propTypes.string,\r\n labelProps: propTypes.object\r\n};\r\n\r\nconst FreeEditLabel = connect((state, props) => {\r\n var { source, config } = props;\r\n\r\n const data = getData(state, source) || {};\r\n const value = getData(data, props.for);\r\n\r\n if (typeof config === 'function')\r\n config = config(data);\r\n\r\n return { ...config, value };\r\n}, null, null, { forwardRef: true })(_FreeEditLabel);\r\n\r\nexport default FreeEditLabel;","import React from 'react';\r\n\r\nclass NonFreeEdit extends React.Component {\r\n render() {\r\n const { children } = this.props;\r\n return children;\r\n }\r\n}\r\n\r\nexport default NonFreeEdit;","import propTypes from 'prop-types';\r\nimport React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport ValidateField from '../../controls/validatefield';\r\nimport { getData } from '../actions';\r\nimport FreeEdit from './freeedit';\r\nimport FreeEditArray from './freeeditarray';\r\nimport FreeEditField from './freeeditfield';\r\nimport FreeEditLabel from './freeeditlabel';\r\nimport NonFreeEdit from './nonfreeedit';\r\n\r\nclass _FreeEditValidate extends React.Component {\r\n constructor() {\r\n super();\r\n\r\n this.validate = this.validate.bind(this);\r\n }\r\n\r\n validate() {\r\n if (this.fields)\r\n return this.fields.validate();\r\n return true;\r\n }\r\n\r\n renderChildren(fields) {\r\n if (!fields)\r\n return fields;\r\n\r\n var { source, required } = this.props;\r\n\r\n if (typeof fields === 'function')\r\n return fields;\r\n\r\n var isElement = React.isValidElement(fields);\r\n if (!Array.isArray(fields) && !isElement) {\r\n return fields;\r\n }\r\n\r\n if (isElement)\r\n fields = [fields];\r\n\r\n return fields\r\n .map((field, i) => {\r\n if (!React.isValidElement(field)) {\r\n return field;\r\n }\r\n\r\n var { type, props } = field;\r\n\r\n if (type === FreeEdit || type === NonFreeEdit)\r\n return field;\r\n\r\n var { children } = props || {};\r\n\r\n if (type !== FreeEditField)\r\n children = this.renderChildren(children);\r\n\r\n var editProps = {\r\n key: i,\r\n ...props\r\n };\r\n\r\n if (required && type === FreeEditField) {\r\n var { inputProps } = editProps;\r\n const { placeholder } = inputProps || {};\r\n inputProps = {\r\n ...inputProps,\r\n placeholder: placeholder || 'mandatory'\r\n };\r\n editProps = { ...editProps, inputProps, source };\r\n } else if (type === FreeEditField || type === FreeEdit || type === FreeEditArray || type === FreeEditLabel) {\r\n editProps = { ...editProps, source };\r\n }\r\n\r\n return React.createElement(\r\n type,\r\n editProps,\r\n children);\r\n })\r\n }\r\n\r\n render() {\r\n var { children } = this.props;\r\n\r\n if (!Array.isArray(children))\r\n children = [children];\r\n\r\n children = this.renderChildren(children);\r\n\r\n return this.fields = fields} {...this.props}>\r\n {children}\r\n ;\r\n }\r\n}\r\n\r\n_FreeEditValidate.propTypes = {\r\n to: propTypes.string.isRequired,\r\n source: propTypes.string\r\n};\r\n\r\nconst FreeEditValidate = connect((state, props) => {\r\n var { to, source, config } = props;\r\n\r\n const data = getData(state, source) || {};\r\n const value = getData(data, to);\r\n\r\n if (typeof config === 'function') {\r\n config = config(data);\r\n }\r\n\r\n return { to, value, ...config };\r\n}, null, null, { forwardRef: true })(_FreeEditValidate);\r\n\r\nexport default FreeEditValidate;","import $ from 'jquery';\r\nimport propTypes from 'prop-types';\r\nimport React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { getData } from '../actions';\r\nimport FreeEditArray from './freeeditarray';\r\nimport FreeEditField from './freeeditfield';\r\nimport FreeEditLabel from './freeeditlabel';\r\nimport FreeEditValidate from './freeeditvalidate';\r\nimport NonFreeEdit from './nonfreeedit';\r\n\r\nclass _FreeEdit extends React.Component {\r\n constructor() {\r\n super();\r\n\r\n this.validate = this.validate.bind(this);\r\n this.handleChange = this.handleChange.bind(this);\r\n this.handleBlur = this.handleBlur.bind(this);\r\n }\r\n\r\n validate() {\r\n return $.validate(this.fields);\r\n }\r\n\r\n handleChange(e) {\r\n if (this.props.onChange)\r\n this.props.onChange(e);\r\n }\r\n\r\n handleBlur(e) {\r\n if (this.props.onBlur)\r\n this.props.onBlur(e);\r\n }\r\n\r\n renderChildren(fields) {\r\n if (!fields)\r\n return fields;\r\n\r\n var { source } = this.props;\r\n\r\n if (typeof fields === 'function')\r\n return fields;\r\n\r\n var isElement = React.isValidElement(fields);\r\n if (!Array.isArray(fields) && !isElement) {\r\n return fields;\r\n }\r\n\r\n if (isElement)\r\n fields = [fields];\r\n\r\n return fields\r\n .map((field, i) => {\r\n if (!React.isValidElement(field)) {\r\n return field;\r\n }\r\n\r\n const { type, props } = field;\r\n\r\n if (type === NonFreeEdit)\r\n return field;\r\n\r\n var { children } = props || {};\r\n\r\n if (type !== FreeEditField)\r\n children = this.renderChildren(children);\r\n\r\n var editProps = {\r\n key: i,\r\n ...props\r\n };\r\n\r\n const { onChange, onBlur } = editProps;\r\n\r\n if (type === FreeEditField || type === FreeEdit || type === FreeEditArray) {\r\n editProps = {\r\n ...editProps,\r\n onChange: e => {\r\n if (typeof onChange === 'function')\r\n onChange(e);\r\n this.handleChange(e);\r\n },\r\n onBlur: e => {\r\n if (typeof onBlur === 'function')\r\n onBlur(e);\r\n this.handleBlur(e);\r\n },\r\n source\r\n };\r\n } else if (type === FreeEditValidate || type === FreeEditLabel) {\r\n editProps = {\r\n ...editProps,\r\n source\r\n };\r\n }\r\n\r\n if (typeof type !== 'function') {\r\n editProps = {\r\n ...editProps,\r\n ref: fields => {\r\n this.fields[this.count++] = fields;\r\n }\r\n };\r\n }\r\n\r\n return React.createElement(\r\n type,\r\n editProps,\r\n children);\r\n });\r\n }\r\n\r\n render() {\r\n var { children, component, hidden } = this.props;\r\n\r\n this.fields = {};\r\n this.count = 0;\r\n\r\n if (hidden) return null;\r\n\r\n if (!Array.isArray(children))\r\n children = [children];\r\n\r\n children = this.renderChildren(children);\r\n\r\n if (component) {\r\n const { type, source, ...props } = component;\r\n if (type)\r\n return React.createElement(type, props, children);\r\n else\r\n return React.createElement(component, {}, children);\r\n }\r\n\r\n return children;\r\n }\r\n}\r\n\r\n_FreeEdit.propTypes = {\r\n source: propTypes.string,\r\n hidden: propTypes.oneOfType([propTypes.bool, propTypes.func]),\r\n onChange: propTypes.func,\r\n onBlur: propTypes.func\r\n};\r\n\r\nconst FreeEdit = connect((state, props) => {\r\n var { config, source } = props;\r\n if (typeof config === 'function' && source) {\r\n const data = getData(state, source);\r\n config = config(data);\r\n }\r\n\r\n return { ...config };\r\n}, null, null, { forwardRef: true })(_FreeEdit);\r\n\r\nexport default FreeEdit;","import React, { Component } from 'react';\r\nimport { Container, Card, CardBody, CardHeader, Col, Row, Button, CardFooter } from \"reactstrap\";\r\nimport { connect } from 'react-redux';\r\nimport { getAuth } from '../../widgets/MyAuth'\r\nimport { initData, updateData } from '../../redux/actions';\r\nimport ReduxData from '../../redux/controls/reduxdata';\r\nimport FreeEdit from '../../redux/controls/freeedit';\r\nimport FreeEditField from '../../redux/controls/freeeditfield';\r\nimport FreeEditValidate from '../../redux/controls/freeeditvalidate';\r\nimport $ from 'jquery';\r\nimport baseapi from '../../services/baseapi';\r\nimport { done, notfound, processing } from '../../utils/common';\r\n\r\nclass UserProfile extends Component {\r\n constructor(props) {\r\n super(props);\r\n //this.props.initData('userState', {});\r\n\r\n this.handleSave = this.handleSave.bind(this);\r\n this.handleSendReport = this.handleSendReport.bind(this);\r\n }\r\n\r\n handleSave() {\r\n if ($.validate(this.fields)) {\r\n const data = this.reduxData.getData();\r\n const { pic } = data;\r\n const { cid } = this.props;\r\n processing();\r\n baseapi.httppost('/api/UserProfile/Post', { cid, pic })\r\n .then((response) => {\r\n const { data } = response;\r\n if (typeof data == 'string') {\r\n notfound('Company Info', data);\r\n }\r\n else {\r\n done();\r\n }\r\n });\r\n }\r\n }\r\n\r\n handleSendReport() {\r\n if ($.validate(this.fields)) {\r\n const { cid } = this.props;\r\n processing();\r\n baseapi.httppost('/api/UserProfile/SendReport?' + $.param({ cid }))\r\n .then((response) => {\r\n const { data } = response;\r\n if (typeof data == 'string') {\r\n notfound('Error', data);\r\n }\r\n else {\r\n done();\r\n }\r\n });\r\n }\r\n }\r\n\r\n renderUserProfile() {\r\n const { UserName, NRIC, ContactNo, Email, Address, UserRoleName, CompanyName } = this.props;\r\n return \r\n User Info. \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 renderCompanyProfile() {\r\n const { CompanyName, UserRole, pic } = this.props;\r\n const isUploader = (UserRole === 2);\r\n return this.fields[this.count++] = fields} source=\"userState\">\r\n \r\n Company Info. \r\n \r\n \r\n
\r\n {/* {isUploader && <>\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 render() {\r\n this.fields = {};\r\n this.count = 0;\r\n return \r\n this.reduxData = data} source=\"userState\"> \r\n\r\n ;\r\n }\r\n}\r\n\r\nexport default connect(state => {\r\n return getAuth(state);\r\n}, { initData, updateData })(UserProfile);","import React from 'react';\r\nimport { Container } from 'reactstrap';\r\n\r\nclass LoadingPage extends React.Component {\r\n render() {\r\n return \r\n Loading...\r\n \r\n }\r\n}\r\n\r\nexport default LoadingPage;","import $ from 'jquery';\r\nimport moment from 'moment';\r\nimport React from 'react';\r\nimport { Input, InputGroup, InputGroupAddon, InputGroupText, Col, Container } from 'reactstrap';\r\nimport SubmitForm from '../../controls/submitform';\r\nimport FreeGridCol from '../../redux/controls/freegridcol';\r\nimport FreeGridSearch from '../../redux/controls/freegridsearch';\r\nimport FreeTable from '../../redux/controls/freetable';\r\nimport baseapi from '../../services/baseapi';\r\nimport Chosen from '../../controls/chosen';\r\nimport DatePicker from '../../controls/datepicker';\r\nimport Row from 'reactstrap/lib/Row';\r\nimport { connect } from 'react-redux';\r\nimport { getAuth } from '../../widgets/MyAuth'\r\nimport { done, notfound, decision } from '../../utils/common';\r\n\r\nconst filterName = 'BPRs_filter';\r\n\r\nclass BPRs extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n var filter = JSON.parse(localStorage.getItem(filterName) || '{}');\r\n\r\n this.state = {\r\n filter: {\r\n q: '',\r\n ...filter,\r\n },\r\n editing: false,\r\n };\r\n\r\n this.refresh = this.refresh.bind(this);\r\n this.handleSearchChanged = this.handleSearchChanged.bind(this);\r\n }\r\n\r\n refresh(e) {\r\n const { filter } = this.state;\r\n const { q } = filter || {};\r\n if (q) {\r\n localStorage.setItem(filterName, JSON.stringify(filter));\r\n this.table.refresh(filter);\r\n }\r\n else {\r\n notfound('Search', 'Keyword missing.');\r\n }\r\n }\r\n\r\n\r\n handleSearchChanged(e) {\r\n const { filter } = this.state;\r\n const { name, value } = e.target;\r\n // this.setState({ filter: { ...filter, [name]: value } }, this.refresh);\r\n this.setState({ filter: { ...filter, [name]: value } }, () => \r\n localStorage.setItem(filterName, JSON.stringify(this.state.filter))\r\n );\r\n }\r\n\r\n renderSearch() {\r\n const { filter } = this.state;\r\n const { insurer, approvalDate, q } = filter;\r\n\r\n return \r\n ;\r\n }\r\n\r\n render() {\r\n const { filter } = this.state;\r\n const { q } = filter;\r\n return \r\n ;\r\n }\r\n}\r\n\r\nexport default BPRs;\r\n","import React from 'react';\r\nimport { LangResource, LANGUAGE, WORD } from '../../utils/language';\r\nimport { connect } from 'react-redux';\r\n\r\nclass PrivacyPolicy extends React.Component {\r\n constructor() {\r\n super();\r\n\r\n this.state = {\r\n language: 0\r\n };\r\n\r\n }\r\n\r\n componentDidMount() {\r\n\r\n }\r\n\r\n render() {\r\n const { language } = this.state;\r\n const { lang } = this.props;\r\n return (\r\n \r\n ;\r\n }\r\n\r\n render() {\r\n const { filter } = this.state;\r\n const { q } = filter;\r\n return \r\n ;\r\n }\r\n}\r\n\r\nexport default DisbursementFunds;\r\n\r\n// export default connect(state => {\r\n// return getAuth(state);\r\n// }, null)(DisbursementFunds);","import classNames from 'classnames';\r\nimport $ from 'jquery';\r\nimport moment from 'moment';\r\nimport React from 'react';\r\nimport { Button, Container, Input, Label } from 'reactstrap';\r\nimport FileUpload from '../../../controls/fileupload';\r\nimport FreeGrid from '../../../redux/controls/freegrid';\r\nimport FreeGridCol from '../../../redux/controls/freegridcol';\r\nimport ReduxData from '../../../redux/controls/reduxdata';\r\nimport baseapi from '../../../services/baseapi';\r\nimport { done, processing, showError } from '../../../utils/common';\r\nimport MyAuth from '../../../widgets/MyAuth';\r\n\r\nclass DisbursementFund extends React.Component {\r\n constructor() {\r\n super();\r\n\r\n this.state = {\r\n files: [],\r\n sidx: '',\r\n sord: true,\r\n isFileValid: null,\r\n source: '',\r\n items: [],\r\n selectedClassName: 'far fa-square',\r\n buttonDisplayClassName: 'none',\r\n };\r\n\r\n this.sortBy = this.sortBy.bind(this);\r\n this.handleDownload = this.handleDownload.bind(this);\r\n this.handleChecking = this.handleChecking.bind(this);\r\n }\r\n\r\n handleSelect({ IsSelected, i }) {\r\n this.reduxtData.props.updateData('excelItems.items[{0}].IsSelected'.format(i), !IsSelected);\r\n }\r\n\r\n sortBy() {\r\n var { sidx, sord, source } = this.state;\r\n var datas = this.reduxtData.getData();\r\n var items = datas[source];\r\n\r\n if (items) {\r\n var indicator = sord ? 1 : -1;\r\n items = items.sort((a, b) => {\r\n var value;\r\n if (a[sidx] > b[sidx])\r\n value = 1;\r\n else if (a[sidx] < b[sidx])\r\n value = -1;\r\n else\r\n value = 0;\r\n return value * indicator;\r\n });\r\n }\r\n\r\n this.reduxtData.setData(datas);\r\n }\r\n\r\n handleDownload() {\r\n var excelItems = this.reduxtData.getData();\r\n var items = [];\r\n\r\n for (var i in excelItems) {\r\n items = [...items, ...excelItems[i].map(d => {\r\n var msgs = [];\r\n for (var i in d) {\r\n msgs.push(this.renderErrorMessages(i, d[i], true).filter(m => !!m).join('; '));\r\n }\r\n d.ErrorMessage = msgs.filter(m => !!m).join('; ');\r\n return { ...d, };\r\n })];\r\n }\r\n baseapi.download('/api/DisbursementFund/DownloadFundExcel', { items });\r\n }\r\n\r\n isRequired(col, v) {\r\n if (!v)\r\n return '{0}The field is required'.format(col);\r\n }\r\n\r\n isDecimalPoint(col, v) {\r\n if (!v) return;\r\n var number = $.parseNum(v);\r\n var rootNum = Math.round(number);\r\n if (number !== rootNum) return '{0}No decimal point'.format(col);\r\n }\r\n\r\n isSpecialChar(col, v) {\r\n if (!v) return;\r\n for (var i in v) {\r\n if ('~`!@#$%^&*()_-+={}[]|\\\\:;\"\\'<>,.?/'.indexOf(v[i]) >= 0)\r\n return \"{0}No '-' or special character\".format(col);\r\n }\r\n }\r\n\r\n isDate(col, v) {\r\n if (!v) return;\r\n if (!moment(v, 'YYYYMMDD', true).isValid())\r\n return '{0}YYYYMMDD'.format(col);\r\n }\r\n\r\n isMaxLength(col, v, max) {\r\n if (!v) return;\r\n if (v.length > max)\r\n return '{0}Max {1} characters'.format(col, max);\r\n }\r\n\r\n isLength(col, v, length) {\r\n if (!v) return;\r\n if (v.length !== length)\r\n return '{0}Allow length {1}'.format(col, length);\r\n }\r\n\r\n handleChecking({ data }, files) {\r\n const {\r\n items\r\n } = data;\r\n\r\n for (var i = 0; i < items.length; i++)\r\n data.items[i].IsSelected = true;\r\n\r\n this.setState({\r\n files,\r\n items,\r\n selectedClassName: \"fas fa-check-square\",\r\n buttonDisplayClassName: (files && files.length) ? \"block\" : \"none\"\r\n });\r\n\r\n this.reduxtData.setData(data);\r\n\r\n this.setState({\r\n isFileValid: items\r\n .filter(d => {\r\n for (var i in d) {\r\n if (i === 'IsSelected') continue;\r\n if (this.isRequired('', d[i])) return true;\r\n }\r\n if (this.isMaxLength('', d.TransRefNo, 10)) return true;\r\n if (this.isLength('', d.DateOfDisbursementMOF, 8) || this.isDate('', d.DateOfDisbursementMOF)) return true;\r\n if (this.isLength('', d.DateOfDisbursement, 8) || this.isDate('', d.DateOfDisbursement)) return true;\r\n if (this.isDecimalPoint('', d.AmountDisbursed)) return true;\r\n }).length === 0\r\n });\r\n }\r\n\r\n renderError(msg) {\r\n if (msg) return {({ cid }) => \r\n this.reduxtData = ref} />\r\n } ;\r\n }\r\n}\r\n\r\nexport default DisbursementFund;","import moment from 'moment';\r\nimport React from 'react';\r\nimport { Input, InputGroup, InputGroupAddon, InputGroupText, Col, Container, Button } from 'reactstrap';\r\nimport SubmitForm from '../../controls/submitform';\r\nimport FreeGridCol from '../../redux/controls/freegridcol';\r\nimport FreeGridSearch from '../../redux/controls/freegridsearch';\r\nimport FreeTable from '../../redux/controls/freetable';\r\nimport baseapi from '../../services/baseapi';\r\nimport Row from 'reactstrap/lib/Row';\r\nimport $ from 'jquery';\r\nimport { done, notfound, processing } from '../../utils/common';\r\n\r\nclass Companies extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n var filter = JSON.parse(localStorage.getItem('Companies_filter') || '{}');\r\n\r\n this.state = {\r\n filter: {\r\n q: '',\r\n ...filter,\r\n },\r\n editing: false,\r\n picDetail: {\r\n cid: '',\r\n pic: ''\r\n }\r\n };\r\n\r\n this.refresh = this.refresh.bind(this);\r\n this.handleSearchChanged = this.handleSearchChanged.bind(this);\r\n this.handlePICChange = this.handlePICChange.bind(this);\r\n }\r\n\r\n refresh(e) {\r\n const { filter } = this.state;\r\n localStorage.setItem('Companies_filter', JSON.stringify(filter));\r\n this.table.refresh(filter);\r\n }\r\n\r\n handleSearchChanged(e) {\r\n const { filter } = this.state;\r\n const { name, value } = e.target;\r\n // this.setState({ filter: { ...filter, [name]: value } }, this.refresh);\r\n this.setState({ filter: { ...filter, [name]: value } });\r\n }\r\n\r\n handlePICChange(e, cid) {\r\n const { name, value } = e.target;\r\n this.setState({ picDetail: { cid: cid, pic: value } });\r\n }\r\n\r\n handleSave() {\r\n const { picDetail } = this.state;\r\n const { pic, cid } = picDetail;\r\n if (pic != null && cid != null) {\r\n processing();\r\n baseapi.httppost('/api/UserProfile/Post', { cid, pic })\r\n .then((response) => {\r\n const { data } = response;\r\n if (typeof data == 'string') {\r\n notfound('Company Info', data);\r\n }\r\n else {\r\n done();\r\n }\r\n });\r\n }\r\n }\r\n\r\n renderSearch() {\r\n const { filter } = this.state;\r\n const { q } = filter;\r\n\r\n return \r\n ;\r\n }\r\n\r\n render() {\r\n const { filter } = this.state;\r\n const { q } = filter;\r\n return \r\n ;\r\n }\r\n}\r\n\r\nexport default Companies;\r\n","import $ from 'jquery';\r\nimport moment from 'moment';\r\nimport React from 'react';\r\nimport { Input, InputGroup, InputGroupAddon, InputGroupText, Col, Container } from 'reactstrap';\r\nimport SubmitForm from '../../controls/submitform';\r\nimport FreeGridCol from '../../redux/controls/freegridcol';\r\nimport FreeGridSearch from '../../redux/controls/freegridsearch';\r\nimport FreeTable from '../../redux/controls/freetable';\r\nimport baseapi from '../../services/baseapi';\r\nimport DatePicker from '../../controls/datepicker';\r\nimport Row from 'reactstrap/lib/Row';\r\n\r\n\r\nclass DisbursementHistories extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n var filter = JSON.parse(localStorage.getItem('DisbursementHistories_filter') || '{}');\r\n\r\n this.state = {\r\n filter: {\r\n q: '',\r\n approvalDate: '',\r\n ...filter,\r\n },\r\n editing: false,\r\n };\r\n\r\n this.refresh = this.refresh.bind(this);\r\n this.handleSearchChanged = this.handleSearchChanged.bind(this);\r\n this.handleDateSearchChanged = this.handleDateSearchChanged.bind(this);\r\n }\r\n\r\n refresh(e) {\r\n const { filter } = this.state;\r\n localStorage.setItem('DisbursementHistories_filter', JSON.stringify(filter));\r\n this.table.refresh(filter);\r\n }\r\n\r\n handleDateSearchChanged(e) {\r\n const { name, value } = e.target;\r\n if (moment(value).isValid() || value === '') {\r\n this.handleSearchChanged(e);\r\n }\r\n }\r\n\r\n handleSearchChanged(e) {\r\n const { filter } = this.state;\r\n const { name, value } = e.target;\r\n var val = (value === undefined) ? '' : value;\r\n // this.setState({ filter: { ...filter, [name]: val } }, this.refresh);\r\n this.setState({ filter: { ...filter, [name]: val } });\r\n }\r\n\r\n renderSearch() {\r\n const { filter } = this.state;\r\n const { approvalDate, q } = filter;\r\n\r\n return \r\n ;\r\n }\r\n\r\n render() {\r\n const { filter } = this.state;\r\n const { q } = filter;\r\n return \r\n ;\r\n }\r\n}\r\n\r\nexport default DisbursementHistories;\r\n","import $ from 'jquery';\r\nimport React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { Button, Col, Row, Container } from 'reactstrap';\r\nimport { initData, updateData } from '../../redux/actions';\r\nimport ReduxData from '../../redux/controls/reduxdata';\r\nimport baseapi from '../../services/baseapi';\r\nimport { done, notfound, processing } from '../../utils/common';\r\nimport Switch from '../../controls/switch';\r\nimport FreeEdit from '../../redux/controls/freeedit';\r\nimport FreeEditField from '../../redux/controls/freeeditfield';\r\nimport FreeEditValidate from '../../redux/controls/freeeditvalidate';\r\nclass Company extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.props.initData('companyData', {});\r\n\r\n const paramID = $.getUrlVar('id');\r\n this.state = {\r\n id: paramID || '',\r\n };\r\n this.handleSave = this.handleSave.bind(this);\r\n this.refresh = this.refresh.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n this.refresh();\r\n }\r\n\r\n refresh() {\r\n const { id } = this.state;\r\n baseapi.httpget('/api/Company?' + $.param({ id }))\r\n .then(response => {\r\n const { data } = response;\r\n if (typeof data == 'string') {\r\n notfound('Company Info', data);\r\n }\r\n else {\r\n this.props.initData('companyData', data);\r\n }\r\n });\r\n }\r\n\r\n handleSave() {\r\n if ($.validate(this.fields)) {\r\n const data = this.reduxData.getData();\r\n const { PIC } = data;\r\n const { id } = this.state;\r\n processing();\r\n baseapi.httppost('/api/UserProfile/Post', { cid: id, PIC })\r\n .then((response) => {\r\n const { data } = response;\r\n if (typeof data == 'string') {\r\n notfound('Company Info', data);\r\n }\r\n else {\r\n done();\r\n }\r\n });\r\n }\r\n }\r\n\r\n render() {\r\n this.fields = {};\r\n this.count = 0;\r\n\r\n return \r\n ;\r\n }\r\n}\r\n\r\n\r\nexport default connect(state => {\r\n const { companyData } = state;\r\n return { companyData };\r\n}, { initData, updateData })(Company);","import React from 'react';\r\nimport { Input, InputGroup, InputGroupAddon, InputGroupText, Row, Col, Container } from 'reactstrap';\r\nimport { connect } from 'react-redux';\r\nimport { getAuth } from '../../widgets/MyAuth'\r\n\r\nclass Templates extends React.Component {\r\n render() {\r\n const { UserRole } = this.props;\r\n const isAdmin = (UserRole === 1);\r\n const isUploader = (UserRole === 2);\r\n const isRepayer = (UserRole === 3);\r\n const isPTClaimBNM = (UserRole === 10);\r\n const isPTClaimLIAM = (UserRole === 11);\r\n const isPTClaimMTA = (UserRole === 12);\r\n const isPTClaimPIAM = (UserRole === 13);\r\n\r\n return \r\n \r\n }\r\n}\r\n\r\n//export default Templates;\r\n\r\nexport default connect(state => {\r\n return getAuth(state);\r\n}, null)(Templates);","import $ from 'jquery';\r\nimport moment from 'moment';\r\nimport React from 'react';\r\nimport { Input, InputGroup, InputGroupAddon, InputGroupText, Col, Container } from 'reactstrap';\r\nimport SubmitForm from '../../controls/submitform';\r\nimport FreeGridCol from '../../redux/controls/freegridcol';\r\nimport FreeGridSearch from '../../redux/controls/freegridsearch';\r\nimport FreeTable from '../../redux/controls/freetable';\r\nimport baseapi from '../../services/baseapi';\r\nimport Chosen from '../../controls/chosen';\r\nimport Row from 'reactstrap/lib/Row';\r\nimport { connect } from 'react-redux';\r\nimport { getAuth } from '../../widgets/MyAuth';\r\nimport { done, notfound, decision } from '../../utils/common';\r\n\r\nconst filterName = 'Files_filter';\r\n\r\nclass Files extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n var filter = JSON.parse(localStorage.getItem(filterName) || '{}');\r\n\r\n this.state = {\r\n filter: {\r\n q: '',\r\n insurer: '',\r\n ...filter\r\n },\r\n editing: false\r\n };\r\n\r\n this.refresh = this.refresh.bind(this);\r\n this.handleSearchChanged = this.handleSearchChanged.bind(this);\r\n this.handleDownloaded = this.handleDownloaded.bind(this);\r\n }\r\n\r\n refresh(e) {\r\n const { filter } = this.state;\r\n const { q } = filter || {};\r\n if (q) {\r\n localStorage.setItem(filterName, JSON.stringify(filter));\r\n this.table.refresh(filter);\r\n }\r\n else {\r\n notfound('Search', 'Keyword missing.');\r\n }\r\n }\r\n\r\n handleSearchChanged(e) {\r\n const { filter } = this.state;\r\n const { name, value } = e.target;\r\n var val = (value === undefined) ? '' : value;\r\n // this.setState({ filter: { ...filter, [name]: val } }, this.refresh);\r\n this.setState({ filter: { ...filter, [name]: val } }, () =>\r\n localStorage.setItem(filterName, JSON.stringify(this.state.filter))\r\n );\r\n }\r\n\r\n handleDownloaded(e) {\r\n baseapi.download('/api/File/DownloadFile?' + $.param({ id: e }), { id: e });\r\n }\r\n\r\n renderSearch() {\r\n const { UserRole } = this.props;\r\n const { filter } = this.state;\r\n const isAdmin = (UserRole === 1);\r\n const { insurer, q } = filter;\r\n\r\n return \r\n ;\r\n }\r\n\r\n render() {\r\n const { filter } = this.state;\r\n return \r\n ;\r\n }\r\n}\r\n\r\n//export default Files;\r\n\r\nexport default connect(state => {\r\n return getAuth(state);\r\n}, null)(Files);","import $ from 'jquery';\r\nimport moment from 'moment';\r\nimport React from 'react';\r\nimport { Input, InputGroup, InputGroupAddon, InputGroupText, Col, Container } from 'reactstrap';\r\nimport SubmitForm from '../../controls/submitform';\r\nimport FreeGridCol from '../../redux/controls/freegridcol';\r\nimport FreeGridSearch from '../../redux/controls/freegridsearch';\r\nimport FreeTable from '../../redux/controls/freetable';\r\nimport baseapi from '../../services/baseapi';\r\nimport Chosen from '../../controls/chosen';\r\nimport Row from 'reactstrap/lib/Row';\r\nimport { connect } from 'react-redux';\r\nimport { getAuth } from '../../widgets/MyAuth';\r\nimport { done, notfound, decision } from '../../utils/common';\r\nimport DatePicker from '../../controls/datepicker';\r\n\r\nconst filterName = 'DownloadFiles_filter';\r\n\r\nclass DownloadFiles extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n var filter = JSON.parse(localStorage.getItem(filterName) || '{}');\r\n\r\n this.state = {\r\n filter: {\r\n q: '',\r\n insurer: '',\r\n createdDate: '',\r\n ...filter\r\n },\r\n firstLoad: true,\r\n editing: false\r\n };\r\n\r\n this.refresh = this.refresh.bind(this);\r\n this.handleSearchChanged = this.handleSearchChanged.bind(this);\r\n this.handleDateSearchChanged = this.handleDateSearchChanged.bind(this);\r\n this.handleDownloaded = this.handleDownloaded.bind(this);\r\n this.handleDataReady = this.handleDataReady.bind(this);\r\n }\r\n\r\n refresh(e) {\r\n const { filter } = this.state;\r\n const { createdDate } = filter || {};\r\n // localStorage.setItem(filterName, JSON.stringify(filter));\r\n // this.table.refresh(filter);\r\n if (createdDate) {\r\n localStorage.setItem(filterName, JSON.stringify(filter));\r\n this.table.refresh(filter);\r\n }\r\n else {\r\n notfound('Search', 'Keyword missing.');\r\n }\r\n }\r\n\r\n handleSearchChanged(e) {\r\n const { filter } = this.state;\r\n const { name, value } = e.target;\r\n var val = (value === undefined) ? '' : value;\r\n //this.setState({ filter: { ...filter, [name]: val } }, this.refresh);\r\n this.setState({ filter: { ...filter, [name]: val } }, () =>\r\n localStorage.setItem(filterName, JSON.stringify(this.state.filter))\r\n );\r\n }\r\n\r\n handleDateSearchChanged(e) {\r\n const { name, value } = e.target;\r\n if (moment(value).isValid() || value === '') {\r\n this.handleSearchChanged(e);\r\n }\r\n }\r\n\r\n handleDownloaded(e) {\r\n baseapi.download('/api/File/DownloadExcel?' + $.param({ id: e }), { id: e });\r\n }\r\n\r\n handleDataReady(data) {\r\n this.setState({ firstLoad: false });\r\n }\r\n\r\n renderSearch() {\r\n const { UserRole } = this.props;\r\n const { filter } = this.state;\r\n const isAdmin = (UserRole === 1);\r\n const { insurer, createdDate, q } = filter;\r\n\r\n return \r\n ;\r\n }\r\n\r\n render() {\r\n const { filter, firstLoad } = this.state;\r\n return \r\n ;\r\n }\r\n}\r\n\r\n//export default Files;\r\n\r\nexport default connect(state => {\r\n return getAuth(state);\r\n}, null)(DownloadFiles);","import $ from 'jquery';\r\nimport moment from 'moment';\r\nimport React from 'react';\r\nimport { Input, InputGroup, InputGroupAddon, InputGroupText, Col, Container } from 'reactstrap';\r\nimport SubmitForm from '../../controls/submitform';\r\nimport FreeGridCol from '../../redux/controls/freegridcol';\r\nimport FreeGridSearch from '../../redux/controls/freegridsearch';\r\nimport FreeTable from '../../redux/controls/freetable';\r\nimport baseapi from '../../services/baseapi';\r\nimport Chosen from '../../controls/chosen';\r\nimport Row from 'reactstrap/lib/Row';\r\nimport { connect } from 'react-redux';\r\nimport { getAuth } from '../../widgets/MyAuth';\r\nimport { done, notfound, decision } from '../../utils/common';\r\nimport DatePicker from '../../controls/datepicker';\r\n\r\nconst filterName = 'DownloadFiles_filter';\r\n\r\nclass DownloadFiles extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n var filter = JSON.parse(localStorage.getItem(filterName) || '{}');\r\n\r\n this.state = {\r\n filter: {\r\n q: '',\r\n insurer: '',\r\n createdDate: '',\r\n period: 'weekly',\r\n ...filter\r\n },\r\n firstLoad: true,\r\n editing: false\r\n };\r\n\r\n this.refresh = this.refresh.bind(this);\r\n this.handleSearchChanged = this.handleSearchChanged.bind(this);\r\n this.handleDateSearchChanged = this.handleDateSearchChanged.bind(this);\r\n this.handleDownloaded = this.handleDownloaded.bind(this);\r\n this.handleDataReady = this.handleDataReady.bind(this);\r\n }\r\n\r\n refresh(e) {\r\n const { filter } = this.state;\r\n const { createdDate } = filter || {};\r\n // localStorage.setItem(filterName, JSON.stringify(filter));\r\n // this.table.refresh(filter);\r\n if (createdDate) {\r\n localStorage.setItem(filterName, JSON.stringify(filter));\r\n this.table.refresh(filter);\r\n }\r\n else {\r\n notfound('Search', 'Keyword missing.');\r\n }\r\n }\r\n\r\n handleSearchChanged(e) {\r\n const { filter } = this.state;\r\n const { name, value } = e.target;\r\n var val = (value === undefined) ? '' : value;\r\n //this.setState({ filter: { ...filter, [name]: val } }, this.refresh);\r\n this.setState({ filter: { ...filter, [name]: val } }, () =>\r\n localStorage.setItem(filterName, JSON.stringify(this.state.filter))\r\n );\r\n }\r\n\r\n handleDateSearchChanged(e) {\r\n const { name, value } = e.target;\r\n if (moment(value).isValid() || value === '') {\r\n this.handleSearchChanged(e);\r\n }\r\n }\r\n\r\n handleDownloaded(e) {\r\n baseapi.download('/api/File/DownloadExcelFinal?' + $.param({ id: e }), { id: e });\r\n }\r\n\r\n handleDataReady(data) {\r\n this.setState({ firstLoad: false });\r\n }\r\n\r\n renderSearch() { return null;}\r\n\r\n render() {\r\n const { filter, firstLoad } = this.state;\r\n return \r\n ;\r\n }\r\n}\r\n\r\n//export default Files;\r\n\r\nexport default connect(state => {\r\n return getAuth(state);\r\n}, null)(DownloadFiles);","import $ from 'jquery';\r\nimport moment from 'moment';\r\nimport React from 'react';\r\nimport { Input, InputGroup, InputGroupAddon, InputGroupText, Col, Container } from 'reactstrap';\r\nimport SubmitForm from '../../controls/submitform';\r\nimport FreeGridCol from '../../redux/controls/freegridcol';\r\nimport FreeGridSearch from '../../redux/controls/freegridsearch';\r\nimport FreeTable from '../../redux/controls/freetable';\r\nimport baseapi from '../../services/baseapi';\r\nimport Chosen from '../../controls/chosen';\r\nimport Row from 'reactstrap/lib/Row';\r\nimport { connect } from 'react-redux';\r\nimport { getAuth } from '../../widgets/MyAuth';\r\nimport { done, notfound, decision } from '../../utils/common';\r\nimport DatePicker from '../../controls/datepicker';\r\n\r\nconst filterName = 'DownloadFiles_filter';\r\n\r\nclass DownloadFiles extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n var filter = JSON.parse(localStorage.getItem(filterName) || '{}');\r\n\r\n this.state = {\r\n filter: {\r\n q: '',\r\n insurer: '',\r\n createdDate: '',\r\n period: 'weekly',\r\n ...filter\r\n },\r\n firstLoad: true,\r\n editing: false\r\n };\r\n\r\n this.refresh = this.refresh.bind(this);\r\n this.handleSearchChanged = this.handleSearchChanged.bind(this);\r\n this.handleDateSearchChanged = this.handleDateSearchChanged.bind(this);\r\n this.handleDownloaded = this.handleDownloaded.bind(this);\r\n this.handleDataReady = this.handleDataReady.bind(this);\r\n }\r\n\r\n refresh(e) {\r\n const { filter } = this.state;\r\n const { createdDate } = filter || {};\r\n // localStorage.setItem(filterName, JSON.stringify(filter));\r\n // this.table.refresh(filter);\r\n if (createdDate) {\r\n localStorage.setItem(filterName, JSON.stringify(filter));\r\n this.table.refresh(filter);\r\n }\r\n else {\r\n notfound('Search', 'Keyword missing.');\r\n }\r\n }\r\n\r\n handleSearchChanged(e) {\r\n const { filter } = this.state;\r\n const { name, value } = e.target;\r\n var val = (value === undefined) ? '' : value;\r\n //this.setState({ filter: { ...filter, [name]: val } }, this.refresh);\r\n this.setState({ filter: { ...filter, [name]: val } }, () =>\r\n localStorage.setItem(filterName, JSON.stringify(this.state.filter))\r\n );\r\n }\r\n\r\n handleDateSearchChanged(e) {\r\n const { name, value } = e.target;\r\n if (moment(value).isValid() || value === '') {\r\n this.handleSearchChanged(e);\r\n }\r\n }\r\n\r\n handleDownloaded(e) {\r\n baseapi.download('/api/File/DownloadExcelFinal?' + $.param({ id: e }), { id: e });\r\n }\r\n\r\n handleDataReady(data) {\r\n this.setState({ firstLoad: false });\r\n }\r\n\r\n renderSearch() { return null;}\r\n\r\n render() {\r\n const { filter, firstLoad } = this.state;\r\n return \r\n ;\r\n }\r\n}\r\n\r\n//export default Files;\r\n\r\nexport default connect(state => {\r\n return getAuth(state);\r\n}, null)(DownloadFiles);","import $ from 'jquery';\r\nimport moment from 'moment';\r\nimport React from 'react';\r\nimport { Input, InputGroup, InputGroupAddon, InputGroupText, Col, Container } from 'reactstrap';\r\nimport SubmitForm from '../../controls/submitform';\r\nimport FreeGridCol from '../../redux/controls/freegridcol';\r\nimport FreeGridSearch from '../../redux/controls/freegridsearch';\r\nimport FreeTable from '../../redux/controls/freetable';\r\nimport baseapi from '../../services/baseapi';\r\nimport Chosen from '../../controls/chosen';\r\nimport Row from 'reactstrap/lib/Row';\r\nimport { connect } from 'react-redux';\r\nimport { getAuth } from '../../widgets/MyAuth';\r\nimport { done, notfound, decision } from '../../utils/common';\r\nimport DatePicker from '../../controls/datepicker';\r\n\r\nconst filterName = 'DownloadFiles_filter';\r\n\r\nclass DownloadFiles extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n var filter = JSON.parse(localStorage.getItem(filterName) || '{}');\r\n\r\n this.state = {\r\n filter: {\r\n q: '',\r\n insurer: '',\r\n createdDate: '',\r\n period: 'weekly',\r\n ...filter\r\n },\r\n firstLoad: true,\r\n editing: false\r\n };\r\n\r\n this.refresh = this.refresh.bind(this);\r\n this.handleSearchChanged = this.handleSearchChanged.bind(this);\r\n this.handleDateSearchChanged = this.handleDateSearchChanged.bind(this);\r\n this.handleDownloaded = this.handleDownloaded.bind(this);\r\n this.handleDataReady = this.handleDataReady.bind(this);\r\n }\r\n\r\n refresh(e) {\r\n const { filter } = this.state;\r\n const { createdDate } = filter || {};\r\n // localStorage.setItem(filterName, JSON.stringify(filter));\r\n // this.table.refresh(filter);\r\n if (createdDate) {\r\n localStorage.setItem(filterName, JSON.stringify(filter));\r\n this.table.refresh(filter);\r\n }\r\n else {\r\n notfound('Search', 'Keyword missing.');\r\n }\r\n }\r\n\r\n handleSearchChanged(e) {\r\n const { filter } = this.state;\r\n const { name, value } = e.target;\r\n var val = (value === undefined) ? '' : value;\r\n //this.setState({ filter: { ...filter, [name]: val } }, this.refresh);\r\n this.setState({ filter: { ...filter, [name]: val } }, () =>\r\n localStorage.setItem(filterName, JSON.stringify(this.state.filter))\r\n );\r\n }\r\n\r\n handleDateSearchChanged(e) {\r\n const { name, value } = e.target;\r\n if (moment(value).isValid() || value === '') {\r\n this.handleSearchChanged(e);\r\n }\r\n }\r\n\r\n handleDownloaded(e) {\r\n baseapi.download('/api/File/DownloadExcelFinalPTClaim?' + $.param({ id: e }), { id: e });\r\n }\r\n\r\n handleDataReady(data) {\r\n this.setState({ firstLoad: false });\r\n }\r\n\r\n renderSearch() { return null;}\r\n\r\n render() {\r\n const { filter, firstLoad } = this.state;\r\n return \r\n ;\r\n }\r\n}\r\n\r\n//export default Files;\r\n\r\nexport default connect(state => {\r\n return getAuth(state);\r\n}, null)(DownloadFiles);","import Page401 from '../views/Pages/Page401';\r\nimport Page404 from '../views/Pages/Page404';\r\nimport Page500 from '../views/Pages/Page500';\r\nimport Home from '../views/Home/Home';\r\nimport Upload from '../views/Upload/Upload';\r\nimport UploadClaim from '../views/Upload/UploadClaim';\r\nimport Disbursements from '../views/Disbursements/Disbursements';\r\nimport UploadItems from '../views/UploadItems/UploadItems';\r\nimport DisbursementUpload from '../views/Disbursements/Disbursement/DisbursementUpload';\r\nimport EventLogs from '../views/UploadItems/EventLogs';\r\nimport UserProfile from '../views/UserProfile/UserProfile';\r\nimport LoadingPage from '../views/Home/LoadingPage';\r\nimport BPRs from '../views/BPRs/BPRs';\r\nimport PrivacyPolicy from '../views/PrivacyPolicy/PrivacyPolicy';\r\nimport ContactUs from '../views/ContactUs/ContactUs';\r\nimport FAQ from '../views/FAQ/FAQ';\r\nimport DisbursementFunds from '../views/DisbursementFunds/DisbursementFunds';\r\nimport DisbursementFund from '../views/DisbursementFunds/DisbursementFund/DisbursementFund';\r\nimport DisbursementHistories from '../views/Disbursements/DisbursementHistories';\r\nimport Companies from '../views/Companies/Companies';\r\nimport Company from '../views/Companies/Company';\r\nimport Templates from '../views/Home/Templates';\r\nimport Files from '../views/Files/Files';\r\nimport DownloadFiles from '../views/Files/DownloadFiles';\r\n\r\nimport DownloadFilesWeekly from '../views/Files/DownloadFilesWeekly';\r\nimport DownloadFileMonthly from '../views/Files/DownloadFilesMonthly';\r\nimport DownloadFilePTClaim from '../views/Files/DownloadFilesPTClaim';\r\n\r\nexport default function getMenu({ IsLoggedIn, UserRole, IsProfileLoaded }) {\r\n var isAdmin = IsLoggedIn && UserRole === 1;\r\n var isUploader = IsLoggedIn && UserRole === 2;\r\n var isRepayer = IsLoggedIn && UserRole === 3;\r\n var isAssociation = IsLoggedIn && UserRole === 4;\r\n var isBNM = IsLoggedIn && UserRole === 5;\r\n var isLIAM = IsLoggedIn && UserRole === 6;\r\n var isMRE = IsLoggedIn && UserRole === 7;\r\n var isMTA = IsLoggedIn && UserRole === 8;\r\n var isPIAM = IsLoggedIn && UserRole === 9;\r\n var isPTClaimBNM = IsLoggedIn && UserRole === 10;\r\n var isPTClaimLIAM = IsLoggedIn && UserRole === 11;\r\n var isPTClaimMTA = IsLoggedIn && UserRole === 12;\r\n var isPTClaimPIAM = IsLoggedIn && UserRole === 13;\r\n\r\n\r\n if (!IsProfileLoaded)\r\n return [{\r\n name: 'Loading...',\r\n url: '/',\r\n component: LoadingPage,\r\n visible: true,\r\n inMenu: false,\r\n urlTarget: ''\r\n }];\r\n\r\n const defaultPages = [\r\n {\r\n name: 'Page401',\r\n url: '/page401',\r\n component: Page401,\r\n visible: true,\r\n inMenu: false\r\n },\r\n {\r\n name: 'Page404',\r\n url: '/page404',\r\n component: Page404,\r\n visible: true,\r\n inMenu: false\r\n },\r\n {\r\n name: 'Page500',\r\n url: '/page500',\r\n component: Page500,\r\n visible: true,\r\n inMenu: false\r\n }\r\n ]\r\n\r\n return [\r\n ...defaultPages,\r\n {\r\n name: 'Home',\r\n url: '/',\r\n component: Home,\r\n visible: true,\r\n inMenu: false\r\n },\r\n {\r\n name: 'Home',\r\n url: '/home',\r\n component: Home,\r\n visible: true,\r\n inMenu: false\r\n },\r\n //{\r\n // name: 'Upload',\r\n // url: '/uploadfile',\r\n // component: Upload,\r\n // visible: isUploader,\r\n // inMenu: isUploader\r\n //},\r\n {\r\n //kew\r\n name: 'UploadClaim',\r\n url: '/UploadClaim',\r\n component: UploadClaim,\r\n visible: isUploader,\r\n inMenu: isUploader\r\n },\r\n {\r\n name: 'Upload',\r\n url: '/disbursements/UploadDisbursement',\r\n component: DisbursementUpload,\r\n visible: isRepayer,\r\n inMenu: isRepayer\r\n },\r\n {\r\n name: 'Cancellation',\r\n url: '/items',\r\n component: UploadItems,\r\n visible: isUploader,\r\n inMenu: isUploader\r\n }, \r\n {\r\n name: 'Reimbursement Enquiry',\r\n url: '/disbursements',\r\n component: Disbursements,\r\n visible: isRepayer || isAdmin,\r\n inMenu: isRepayer || isAdmin\r\n },\r\n // {\r\n // name: 'History',\r\n // url: '/disbursementHistories',\r\n // component: DisbursementHistories,\r\n // visible: isRepayer || isAdmin,\r\n // inMenu: isRepayer || isAdmin\r\n // },\r\n {\r\n name: 'Profile',\r\n url: '/userprofile',\r\n component: UserProfile,\r\n visible: true,\r\n isMenu: false\r\n },\r\n {\r\n name: 'PrivacyPolicy',\r\n url: '/privacypolicy',\r\n component: PrivacyPolicy,\r\n visible: true,\r\n inMenu: false\r\n },\r\n {\r\n name: 'ContactUs',\r\n url: '/contactus',\r\n component: ContactUs,\r\n visible: true,\r\n inMenu: false\r\n },\r\n {\r\n name: 'FAQ',\r\n url: '/faq',\r\n component: FAQ,\r\n visible: true,\r\n inMenu: false\r\n },\r\n {\r\n name: 'Fund Transfer Upload',\r\n url: '/disbursementFund',\r\n component: DisbursementFund,\r\n visible: isRepayer,\r\n inMenu: isRepayer\r\n },\r\n {\r\n name: 'Fund Transferred Enquiry',\r\n url: '/disbursementFunds',\r\n component: DisbursementFunds,\r\n visible: isRepayer || isAdmin,\r\n inMenu: isRepayer || isAdmin\r\n },\r\n {\r\n name: 'Enquiry',\r\n url: '/BPRs',\r\n component: BPRs,\r\n visible: isUploader || isAdmin,\r\n inMenu: isUploader || isAdmin\r\n },\r\n {\r\n name: 'Event Log',\r\n url: '/items/EventLog',\r\n component: EventLogs,\r\n //visible: true,\r\n //inMenu: true\r\n visible: isUploader || isAdmin || isRepayer,\r\n inMenu: isUploader || isAdmin || isRepayer\r\n \r\n },\r\n {\r\n name: 'Weekly Utilization Report',\r\n url: '/weeklyUtilizationReport',\r\n component: DownloadFilesWeekly,\r\n visible: isBNM || isLIAM || isMRE || isMTA || isPIAM || isRepayer,\r\n inMenu: isBNM || isLIAM || isMRE || isMTA || isPIAM || isRepayer,\r\n },\r\n {\r\n name: 'Monthly Utilization Report',\r\n url: '/monthlyUtilizationReport',\r\n component: DownloadFileMonthly,\r\n visible: isBNM || isLIAM || isMRE || isMTA || isPIAM || isRepayer,\r\n inMenu: isBNM || isLIAM || isMRE || isMTA || isPIAM || isRepayer,\r\n },\r\n {\r\n name: 'Monthly PT Claim Report',\r\n url: '/monthlyPTClaimReport',\r\n component: DownloadFilePTClaim,\r\n visible: isPTClaimBNM || isPTClaimLIAM || isPTClaimMTA || isPTClaimPIAM,\r\n inMenu: isPTClaimBNM || isPTClaimLIAM || isPTClaimMTA || isPTClaimPIAM,\r\n },\r\n {\r\n name: 'Companies',\r\n url: '/companies',\r\n component: Companies,\r\n visible: isAdmin,\r\n inMenu: isAdmin\r\n },\r\n {\r\n name: 'Company Detail',\r\n url: '/companies/company',\r\n component: Company,\r\n visible: isAdmin,\r\n inMenu: false\r\n },\r\n {\r\n name: 'Template',\r\n url: '/home/Templates',\r\n component: Templates,\r\n visible: isAdmin || isUploader || isRepayer || isPTClaimBNM || isPTClaimLIAM || isPTClaimMTA || isPTClaimPIAM,\r\n inMenu: isAdmin || isUploader || isRepayer || isPTClaimBNM || isPTClaimLIAM || isPTClaimMTA || isPTClaimPIAM,\r\n }, \r\n {\r\n name: 'Weekly Download File',\r\n url: '/files',\r\n component: Files,\r\n visible: isUploader || isAdmin,\r\n inMenu: isUploader || isAdmin\r\n },\r\n {\r\n name: 'Download File',\r\n url: '/downloadfiles',\r\n component: DownloadFiles,\r\n visible: isUploader || isAdmin,\r\n inMenu: isUploader || isAdmin\r\n },\r\n {\r\n name: 'User Guide',\r\n url: '/templates/UserGuide/{0}_UserGuide.pdf'.format(isUploader ? 'ITO' : 'MRe'),\r\n urlTarget: '_blank',\r\n visible: isUploader || isRepayer,\r\n inMenu: isUploader || isRepayer\r\n }\r\n ];\r\n};\r\n\r\n","import $ from 'jquery';\r\nimport classNames from 'classnames';\r\nimport React from 'react';\r\nimport {\r\n Collapse, Container, DropdownItem, DropdownMenu, DropdownToggle, Nav, Navbar, NavbarBrand, NavbarToggler, NavItem,\r\n NavLink, NavbarText,\r\n UncontrolledDropdown\r\n} from 'reactstrap';\r\nimport getMenu from '../../nav/nav';\r\nimport MyAuth from '../../widgets/MyAuth';\r\n\r\nclass Header extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n isOpen: false,\r\n userRole: '',\r\n menu: [],\r\n userName: '',\r\n email: '',\r\n companyCode: '',\r\n isShowDashboard: false,\r\n companies: []\r\n };\r\n\r\n this.toggle = this.toggle.bind(this);\r\n this.handleLogoutClick = this.handleLogoutClick.bind(this);\r\n this.handleMenuClick = this.handleMenuClick.bind(this);\r\n }\r\n\r\n setUserProfile(data) {\r\n this.setState({\r\n menu: nav['Admin'] || [],\r\n userRole: data.UserRole,\r\n userName: data.UserName,\r\n email: data.Email,\r\n companyCode: data.CompanyCode,\r\n isShowDashboard: data.IsShowDashboard,\r\n });\r\n }\r\n\r\n toggle() {\r\n this.setState({\r\n isOpen: !this.state.isOpen\r\n });\r\n }\r\n\r\n handleLogoutClick(e) {\r\n e.preventDefault();\r\n\r\n window.location = $.fromRoot(\"/Home/Logout\");\r\n }\r\n\r\n handleMenuClick(e) {\r\n if (this.props.onMenuClick)\r\n this.props.onMenuClick(e);\r\n }\r\n\r\n getTitle() {\r\n var items = this.getMenuItems();\r\n var title;\r\n for (var i in items) {\r\n var item = items[i];\r\n title = this.getItemTitle(item);\r\n if (title)\r\n break;\r\n }\r\n if (!title) {\r\n const href = window.location.href.toLowerCase();\r\n this.state.menu.map(item => {\r\n if (!title && item.url) {\r\n var url = (item.url.startsWith('/')) ? item.url.substring(1, item.url.length) : item.url;\r\n if (url.endsWith(':id')) url = url.substring(0, url.length - 3);\r\n if (href.indexOf(url.toLowerCase()) >= 0) {\r\n if (item.name && !item.hideName) title = item.name;\r\n }\r\n }\r\n });\r\n }\r\n return title;\r\n }\r\n\r\n getItemTitle(item) {\r\n var title;\r\n if (item.children)\r\n for (var i in item.children) {\r\n var child = item.children[i];\r\n title = this.getItemTitle(child);\r\n if (title)\r\n break;\r\n }\r\n\r\n if (item.selected) {\r\n title = (title) ? '{0} • {1}'.format([item.label, title]) : item.label;\r\n }\r\n\r\n return title;\r\n }\r\n\r\n buildMenu(items) {\r\n return ;\r\n }\r\n\r\n setSelected(items) {\r\n var isSelected = false;\r\n if (items) {\r\n const hash = window.location.hash.replace('#/', '').toLowerCase();\r\n items.map(item => {\r\n item.selected = (item.url && hash.startsWith(item.url.toLowerCase())) || this.setSelected(item.children);\r\n if (!isSelected) isSelected = item.selected;\r\n });\r\n }\r\n return isSelected;\r\n }\r\n\r\n renderAccount() {\r\n return {({ IsLoggedIn, UserName }) => } ;\r\n }\r\n\r\n render() {\r\n return React.createElement(component, { ...props, getBasicState: () => this.state })}\r\n />\r\n });\r\n // routes[item.url.split('/:id')[0]] = item.name;\r\n }\r\n if (item.children) {\r\n item.children.forEach(child => {\r\n if (child.url)\r\n this.setupRoute(child, pages);\r\n });\r\n }\r\n }\r\n\r\n isPublic() {\r\n var pathname = window.location.pathname;\r\n var publicPages = ['/', '/home', '/privacypolicy', '/contactus', '/faq'];\r\n return (!!pathname && publicPages.indexOf(pathname) > -1);\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n {props => {\r\n const { IsLoggedIn, isPublic } = props;\r\n\r\n var menu = getMenu(props);\r\n var pages = [];\r\n menu.map(item => {\r\n this.setupRoute(item, pages);\r\n });\r\n\r\n pages.sort((a, b) => {\r\n if (a.url === b.url) return 0;\r\n else if (a.url < b.url) return 1;\r\n else return -1;\r\n });\r\n\r\n return <>\r\n {isPublic && !IsLoggedIn && this.header = header} onMenuClick={this.onMenuClick} />}\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default Basic;\r\n","import '@fortawesome/fontawesome-free/css/all.css';\r\nimport 'babel-polyfill';\r\nimport { createBrowserHistory } from 'history';\r\nimport React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { Router, Route, Switch } from 'react-router-dom';\r\nimport 'simple-line-icons/css/simple-line-icons.css';\r\nimport Basic from './containers/Basic';\r\n\r\nconst history = createBrowserHistory();\r\n\r\nReactDOM.render(\r\n \r\n \r\n , document.getElementById('root'));","import 'react';\r\n\r\nexport function getFromLS(key) {\r\n let ls = {};\r\n if (global.localStorage) {\r\n try {\r\n ls = global.localStorage.getItem('data');\r\n if (ls) ls = JSON.parse(ls);\r\n } catch (e) {\r\n /*Ignore*/\r\n }\r\n }\r\n\r\n if (ls) {\r\n if (key)\r\n return ls[key];\r\n else if (key === undefined)\r\n return ls;\r\n }\r\n}\r\n\r\nexport function saveToLS(key, value) {\r\n if (global.localStorage) {\r\n var data = getFromLS();\r\n global.localStorage.setItem(\r\n 'data',\r\n JSON.stringify({ ...data, [key]: value })\r\n );\r\n }\r\n}\r\n\r\nexport function saveJsonToLS(obj) {\r\n if (global.localStorage) {\r\n var data = getFromLS();\r\n global.localStorage.setItem(\r\n 'data',\r\n JSON.stringify({ ...data, ...obj })\r\n );\r\n }\r\n}\r\n\r\nexport function removeFromLS(key) {\r\n if (global.localStorage) {\r\n var data = getFromLS();\r\n if (data) {\r\n delete data[key];\r\n global.localStorage.setItem(\r\n 'data',\r\n JSON.stringify(data)\r\n );\r\n }\r\n }\r\n}\r\n\r\nexport function getAuthorization() {\r\n var ls = localStorage.getItem(\"Authorization\");\r\n if (ls)\r\n ls = ls.replace('Bearer ', '');\r\n // else\r\n // window.location = '#/login';\r\n return ls;\r\n}\r\n\r\nexport function setAuthorization(token) {\r\n localStorage.setItem(\"Authorization\", 'Bearer ' + token);\r\n}\r\n\r\nexport function getBearer() {\r\n return localStorage.getItem(\"Authorization\");\r\n}"],"sourceRoot":""}
{0}
'.format(msg);\r\n return swal.fire($.extend(true, {\r\n title: title || 'Confirmation',\r\n html: msg || 'Confirm to continue?
',\r\n //type: 'question',\r\n icon:'question',\r\n confirmButtonClass: 'btn btn-success',\r\n denyButtonClass: 'btn btn-danger', \r\n cancelButtonClass: 'btn btn-default', \r\n buttonsStyling: false,\r\n showCancelButton: true,\r\n focusConfirm: false,\r\n confirmButtonText: 'Confirm'\r\n }, opt));\r\n}\r\n\r\nexport function showMessage(msg, opt) {\r\n return swal.fire({\r\n //type: 'info',\r\n icon: 'info',\r\n title: 'Message',\r\n html: msg,\r\n showConfirmButton: false,\r\n ...(opt || {})\r\n });\r\n}\r\n\r\nexport function processing(msg) {\r\n return swal.fire({\r\n //type: 'info',\r\n icon :'info',\r\n title: 'Processing',\r\n html: msg || 'Please wait...',\r\n showConfirmButton: false,\r\n allowOutsideClick: false\r\n });\r\n}\r\n\r\nexport function loading(msg) {\r\n return swal.fire({\r\n //type: 'info',\r\n icon: 'info',\r\n title: 'Loading',\r\n text: msg || 'Please wait...',\r\n showConfirmButton: false\r\n });\r\n}\r\n\r\nexport function notfound(title, msg) {\r\n return swal.fire({\r\n //type: 'warning',\r\n icon: 'warning',\r\n title: title || 'Not found',\r\n html: msg,\r\n showConfirmButton: false\r\n });\r\n}\r\n\r\nexport function done(msg, opt) {\r\n return swal.fire({\r\n //type: 'success',\r\n icon :'success',\r\n title: msg || 'Done',\r\n showConfirmButton: false,\r\n timer: 300,\r\n ...opt\r\n });\r\n}\r\n\r\nexport function datasaved(msg) {\r\n return swal.fire({\r\n //type: 'success',\r\n icon: 'success',\r\n title: msg || 'Data saved successfully',\r\n showConfirmButton: false,\r\n timer: 1500\r\n });\r\n}\r\n\r\nexport function deleted(msg) {\r\n swal.fire({\r\n // type: 'success',\r\n icon: 'success',\r\n title: msg || 'Data deleted successfully',\r\n showConfirmButton: false,\r\n timer: 1500\r\n });\r\n}\r\n\r\nexport function showError(msg, opt) {\r\n return swal.fire({\r\n ...{\r\n // type: 'error',\r\n icon: 'error',\r\n title: 'Error',\r\n text: msg,\r\n timer: 3000\r\n },\r\n ...opt\r\n });\r\n}\r\n\r\nexport function buildColumn(column, data, i) {\r\n if (Array.isArray(column))\r\n return column.map(c => buildColumn(c, data, i));\r\n\r\n if (column.config) {\r\n if (typeof column.config === 'function') {\r\n if (data)\r\n column = column.config(column, data, i);\r\n }\r\n else\r\n column = column.config;\r\n }\r\n\r\n if (column.Header !== '' && !column.Header)\r\n column.Header = column.id.toName();\r\n\r\n if (column.placeholder !== '' && !column.placeholder) {\r\n if (column.type === 'select')\r\n column.placeholder = '- Select -';\r\n else if (column.type === 'checkbox') {\r\n if (!column.Header)\r\n column.placeholder = column.id.toName();\r\n }\r\n else if (column.required)\r\n column.placeholder = 'mandatory';\r\n else if (column.type === 'email')\r\n column.placeholder = 'user@example.com';\r\n else if (column.type === 'htmleditor')\r\n column.placeholder = 'Edit content here';\r\n else if (column.type !== 'text' && column.type !== 'date' && column.type !== 'datetime')\r\n column.placeholder = column.type;\r\n }\r\n\r\n if (!column.required && column.placeholder === 'mandatory')\r\n column.placeholder = null;\r\n\r\n if (!column.addon) {\r\n switch (column.type) {\r\n case 'currency':\r\n column.addon = 'RM';\r\n break;\r\n case 'percent':\r\n column.addon = '%';\r\n break;\r\n case 'date':\r\n case 'datetime':\r\n column.addon = ;\r\n break;\r\n default: break;\r\n }\r\n }\r\n\r\n if (!column.accessor)\r\n column.accessor = (d) => getData(d, column.id);\r\n return column;\r\n}\r\n\r\nexport function getData(data, name) {\r\n if (data && name) {\r\n if (name.indexOf('.') >= 0) {\r\n var names = name.split('.');\r\n name = names.splice(0, 1);\r\n return getData(data[name], names.join('.'));\r\n }\r\n else {\r\n var val = data[name];\r\n if (val && val.CurrencyValue !== undefined)\r\n return $.currency(val.CurrencyValue);\r\n else\r\n return val;\r\n }\r\n }\r\n return null;\r\n}\r\n\r\n// function isInt(value) {\r\n// if (typeof value === 'string') {\r\n// if (value.contains('.'))\r\n// return false;\r\n// value = value.replaceAll(',', '');\r\n// }\r\n// return !isNaN(value) && (function (x) { return (x | 0) === x; })(parseFloat(value));\r\n// }\r\n\r\nexport function setData(data, opt, value) {\r\n var name = opt;\r\n if (opt.target) {\r\n if (opt.target.type === 'checkbox')\r\n value = opt.target.checked;\r\n else\r\n value = opt.target.value;\r\n name = opt.target.name;\r\n }\r\n\r\n if (!data)\r\n data = {};\r\n if (name.indexOf('.') >= 0) {\r\n var names = name.split('.');\r\n name = names.splice(0, 1);\r\n data[name] = setData(data[name], names.join('.'), value);\r\n } else\r\n data[name] = value;\r\n return data;\r\n}\r\n\r\nexport function retry(fn, retriesLeft = 5, interval = 1000) {\r\n return new Promise((resolve, reject) => {\r\n fn()\r\n .then(resolve)\r\n .catch((error) => {\r\n setTimeout(() => {\r\n if (retriesLeft === 1) {\r\n // reject('maximum retries exceeded');\r\n reject(error);\r\n return;\r\n }\r\n\r\n // Passing on \"reject\" is the important part\r\n retry(fn, retriesLeft - 1, interval).then(resolve, reject);\r\n }, interval);\r\n });\r\n });\r\n}","\r\nfunction GetLangText(word) {\r\n switch (word) {\r\n case WORD.BANNER_TITLE: return ['Simple and Affordable Protection for All', 'Perlindungan yang Mampu dan Mudah untuk Semua'];\r\n case WORD.BANNER_LINE1: return ['Insurance and Takaful protection is an important part of financial planning for the future, offering you and your family a safety net that keeps you financially protected against death, fire and other unfortunate events.', 'Perlindungan insurans dan Takaful ialah sebahagian penting dalam perancangan kewangan masa depan kerana ia menawarkan jaring keselamatan untuk anda dan keluarga. Ia memastikan semua orang mendapat perlindungan dari segi kewangan sekiranya berlaku kematian, kebakaran dan kejadian yang tidak diingini.']; \r\n case WORD.BANNER_LINE2: return ['It provides you with peace-of-mind, knowing that your loved ones who depend on you will receive a sum of money to help meet daily expenses and get back on their feet in case of unforeseen circumstances.', 'Ia memberikan anda ketenangan fikiran kerana anda tahu orang tersayang yang bergantung pada anda akan menerima sejumlah wang untuk membantu perbelanjaan harian dan membolehkan mereka meneruskan kehidupan sekiranya berlaku sesuatu kejadian yang tidak dijangka.'];\r\n case WORD.BANNER_LINE3: return ['With Perlindungan Tenang, you can now easily purchase or participate in protection plans that are affordable and easy to understand, with a convenient claims process.', 'Melalui Perlindungan Tenang, anda kini boleh membeli atau menyertai pelan perlindungan yang mampu dan mudah difahami, dengan proses tuntutan yang senang dan ringkas.'];\r\n case WORD.FORM_TITLE: return ['PERLINDUNGAN TENANG VOUCHER (PTV) ENQUIRY YEAR 2025', 'SEMAKAN BAUCAR PERLINDUNGAN TENANG (PTV) TAHUN 2025'];\r\n case WORD.FORM_BUTTON: return ['SEARCH', 'SEMAK'];\r\n case WORD.FORM_RESULT1: return ['You are eligible for Perlindungan Tenang Voucher', 'Anda layak untuk Baucar Perlindungan Tenang'];\r\n case WORD.FORM_RESULT2: return ['We are sorry, you are not eligible for Perlindungan Tenang Voucher. ', 'Harap maaf, anda tidak layak untuk Baucar Perlindungan Tenang. '];\r\n case WORD.FORM_CAPTCHA: return ['ReCAPTCHA Verification is needed', 'ReCAPTCHA Pengesahan diperlukan'];\r\n case WORD.NRIC_NOT_PROVIDED: return ['NRIC Not Provided', 'Nombor Kad Pengenalan Tidak Diberikan'];\r\n case WORD.POLICY_TITLE1: return ['PTV', 'TABUNG SARINGAN PTV'];\r\n case WORD.POLICY_TITLE2: return ['PRIVACY NOTICE', 'NOTIS PRIVASI'];\r\n case WORD.POLICY_TITLE3: return ['If you have any questions, please', 'Jika anda mempunyai sebarang soalan, sila'];\r\n case WORD.POLICY_TITLE4: return ['call us at ', 'hubungi kami di '];\r\n case WORD.POLICY_TITLE5: return [' or ', ' atau '];\r\n case WORD.POLICY_SUB_TITLE1: return ['Information Collected', 'Maklumat yang Dikumpul'];\r\n case WORD.POLICY_SUB_TITLE2: return ['What Happens When I Am Linked to Another Site?', 'Apa yang akan berlaku apabila saya dipautkan ke Laman Sesawang yang lain?'];\r\n case WORD.POLICY_SUB_TITLE3: return ['Amendment to this Privacy Notice', 'Pindaan kepada Notis Privasi'];\r\n case WORD.POLICY_SUB_TITLE4: return ['Consent', 'Kebenaran'];\r\n case WORD.POLICY_CONTENT1: return ['This page explains our Privacy Notice which includes the use and protection of information submitted by visitors. If you make a transaction, submit a form or send an e-mail directly to LIAM/PIAM/MTA containing your personal information, this information may be shared with other public agencies, service providers, insurers or takaful operators or members of LIAM/PIAM/MTA to serve you in a more efficient and effective manner.', 'Halaman ini menerangkan Notis Privasi kami termasuk penggunaan dan perlindungan maklumat yang dihantar oleh pelawat. Sekiranya anda melakukan transaksi atau menghantar e-mel yang mengandungi maklumat peribadi anda, maklumat ini mungkin akan dikongsi dengan agensi-agensi awam, pihak insurans atau pengendali Takaful atau ahli-ahli LIAM/PIAM/MTA untuk menyediakan anda dengan perkhidmatan yang lebih berkesandan cekap.'];\r\n case WORD.POLICY_CONTENT2: return ['No personal information is collected if you are only browsing the PERLINDUNGAN TENANG VOUCHER (PTV) website. PTV collects personal information from you only when you choose to register for and/or use PTV and/or LIAM/PIAM/MTA services. You may request for access to, or correction of your personal data or limit the processing thereof at any time hereafter by submitting such request via email to ptv@liam.org.my or enquiries@malaysiantakaful.com.my or pic@piam.org.my. If you are unable to provide certain personal information which is necessary for us to provide services to you, we will not be able to provide you with those services. Any inquiries or complaints with respect to your personal data should also be channelled to LIAM, PIAM or MTA in this manner.', 'Tiada data peribadi dikumpul sekiranya anda hanya melayari laman sesawang PERLINDUNGAN TENANG VOUCHER (PTV). PTV menyimpan maklumat peribadi daripada anda hanya apabila anda memilih untuk mendaftar untuk dan/atau menggunakan perkhidmatan-perkhidmatan PTV dan/atau LIAM/PIAM/MTA. Anda boleh meminta untuk mengakses atau membetulkan data peribadi anda atau mengehadkan pemprosesannya pada bila-bila masa selepas ini dengan menghantar permintaan tersebut melalui e-mel ke ptv@liam.org.my atau enquiries@malaysiantakaful.com.my atau pic@piam.org.my. Sekiranya anda tidak dapat memberikan data peribadi tertentu yang diperlukan untuk kami menyediakan perkhidmatan kepada anda, kami tidak dapat menyediakan anda dengan perkhidmatan tersebut. Sebarang pertanyaan atau aduan berkaitan dengan data peribadi anda boleh juga disalurkan kepada LIAM, PIAM atau MTA.'];\r\n case WORD.POLICY_CONTENT3: return ['This PTV website contains links to other websites. This Privacy Notice only applies to the PTV website. Please note that the websites made available via PTV website may have different privacy policies and visitors are advised to read and understand the privacy statements of the respective website visit.', 'Laman sesawang PTV ini mengandungi pautan ke laman sesawang yang lain. Notis Privasi ini hanya terpakai kepada laman sesawang PTV sahaja. Sila ambil perhatian bahawa laman sesawang lain yang boleh dicapai melalui laman sesawang PTV ini mungkin mengandungi polisi privasi yang berbeza dan pelawat-pelawat adalah dinasihatkan untuk membaca dan memahami kenyataan privasi laman sesawang tersebut.'];\r\n case WORD.POLICY_CONTENT4: return ['In the event the Privacy Notice is revised, the amendments will be updated on this page. We reserve the right to make changes at any time in order to maintain our compliance with applicable law and regulation or following an update to our internal practices.', 'Sekiranya Notis Privasi ini disemak semula, perubahan-perubahan tersebut akan dikemaskini pada halaman ini. Kami berhak untuk membuat perubahan pada bila-bila masa untuk memastikan pematuhan kami terhadap undang-undang dan peraturan yang berkaitan atau atau berikutan kemas kini amalan piawaian dalaman kami.'];\r\n case WORD.POLICY_CONTENT5: return ['By clicking on the search button, you have read, understood and given your consent for PTV, LIAM, PIAM and MTA to collect, use and disclose your personal data in accordance to the Privacy Notice given.', 'Dengan menekan pada butang semak, anda telah membaca, memahami dan memberi kebenaran anda untuk PTV, LIAM, PIAM dan MTA untuk mengumpul, menggunakan dan mendedahkan maklumat peribadi anda selaras dengan Notis Privasi yang diberikan.'];\r\n case WORD.CONTACT_TITLE: return ['CONTACT US', 'HUBUNGI KAMI'];\r\n case WORD.CONTACT_CONTENT1: return ['You may go to', 'Sila layari '];\r\n case WORD.CONTACT_CONTENT2: return ['website for further information', 'untuk maklumat lanjut'];\r\n case WORD.FAQ_TITLE1: return ['FAQ', 'SOALAN LAZIM (FAQ)'];\r\n case WORD.FAQ_TITLE2: return ['FREQUENTLY ASK QUESTIONS (FAQ)PERLINDUNGAN TENANG VOUCHER 3.0 PROGRAMME', 'SOALAN - SOALAN LAZIM (FAQ)PROGRAM BAUCAR PERLINDUNGAN TENANG (PTV) 3.0'];\r\n case WORD.FAQ_Q1_ENG: return ['What is PTV Programme?', 'What is PTV Programme?'];\r\n case WORD.FAQ_A1_ENG: return ['PTV Programme is an initiative of the Government of Malaysia, in collaboration with insurance and takaful operators, where an approximate of 100 millions has been allocated for the recipients of Bantuan Prihatin Rakyat (“BPR”), in the form of PTV subsidy voucher of RM50.00 to be utilised in purchasing all approved Perlindungan Tenang Products (life/ general/ family takaful) which are made available during the PTV Programme period.', 'PTV Programme is an initiative of the Government of Malaysia, in collaboration with insurance and takaful operators, where an approximate of 100 millions has been allocated for the recipients of Bantuan Prihatin Rakyat (“BPR”), in the form of PTV subsidy voucher of RM50.00 to be utilised in purchasing all approved Perlindungan Tenang Products (life/ general/ family takaful) which are made available during the PTV Programme period.'];\r\n case WORD.FAQ_Q2_ENG: return ['Where can I find out more about Perlindungan Tenang Products?', 'Where can I find out more about Perlindungan Tenang Products?'];\r\n case WORD.FAQ_A2_ENG: return ['Further details of the Perlindungan Tenang Products are available at ', 'Further details of the Perlindungan Tenang Products are available at '];\r\n case WORD.MENU_FAQ: return ['FAQ', 'SOALAN LAZIM'];\r\n case WORD.MENU_CONTACTUS: return ['CONTACT US', 'HUBUNGI KAMI'];\r\n case WORD.RESULT_UTILIZED: return ['Your Perlindungan Tenang Voucher has been utilized', 'Baucar Perlindungan Tenang anda telah digunakan'];\r\n case WORD.RESULT_CANCELLED: return ['Your Perlindungan Tenang Voucher has been utilized', 'Baucar Perlindungan Tenang anda telah digunakan'];\r\n case WORD.RESULT_NOT_FOUND: return ['Please check your NRIC no.', 'Sila semak no. MyKad anda'];\r\n case WORD.RESULT_NAME: return ['Name', 'Nama'];\r\n case WORD.MENU_HOME: return ['HOME', 'LAMAN UTAMA'];\r\n case WORD.HOME_PRIVACY_READ: return ['Yes, I have read and understood the ', 'YA, SAYA TELAH MEMBACA DAN MEMAHAMI '];\r\n case WORD.HOME_PRIVACY: return ['Privacy Notice', 'NOTIS PRIVASI'];\r\n case WORD.VOUCHER: return ['Voucher No.', 'No Baucar'];\r\n case WORD.HOME_PRIVACY_IS_NOT_TICK: return ['You must read and agree with the Privacy Notice to continue.', 'Anda mesti membaca dan bersetuju dengan Notis Privasi untuk meneruskan.'];\r\n case WORD.FAQ_Q1_BM: return ['Apakah Program PTV?', 'Apakah Program PTV?'];\r\n case WORD.FAQ_A1_BM: return ['Program PTV adalah inisiatif Kerajaan Malaysia, bekerjasama dengan pengendali insurans dan takaful, di mana anggaran 100 juta telah diperuntukkan untuk Penerima Bantuan Prihatin Rakyat (“BPR”), dalam bentuk PTV baucar subsidi berjumlah RM50.00 untuk digunakan dalam pembelian semua Produk Perlindungan Tenang (nyawa / am / takaful keluarga) yang telah tersedia sepanjang tempoh Program PTV.', 'Program PTV adalah inisiatif Kerajaan Malaysia, bekerjasama dengan pengendali insurans dan takaful, di mana anggaran 100 juta telah diperuntukkan untuk Penerima Bantuan Prihatin Rakyat (“BPR”), dalam bentuk PTV baucar subsidi berjumlah RM50.00 untuk digunakan dalam pembelian semua Produk Perlindungan Tenang (nyawa / am / takaful keluarga) yang telah tersedia sepanjang tempoh Program PTV.'];\r\n case WORD.FAQ_Q2_BM: return ['Di mana saya dapat mengetahui lebih lanjut mengenai Produk Perlindungan Tenang?', 'Di mana saya dapat mengetahui lebih lanjut mengenai Produk Perlindungan Tenang?'];\r\n case WORD.FAQ_A2_BM: return ['Maklumat lebih lanjut mengenai Produk Perlindungan Tenang terdapat di ', 'Maklumat lebih lanjut mengenai Produk Perlindungan Tenang terdapat di '];\r\n case WORD.BANNER_LINE4: return ['[PARTY] Upload Page', 'Muat Naik Halaman [PARTY]'];\r\n case WORD.FORM_INFO: return ['For more product information please go to ', 'Untuk maklumat lebih lanjut mengenai produk sila layari '];\r\n case WORD.TC_TITLE: return ['*Perlindungan Tenang Voucher Terms & Conditions', '*Terma & Syarat Baucar Perlindungan Tenang'];\r\n case WORD.TC_LINE1: return ['Eligible to Bantuan Keluarga Malaysia (BKM) recipients.', 'Layak untuk penerima Bantuan Keluarga Malaysia (BKM).'];\r\n case WORD.TC_LINE2: return ['Eligible recipients can only use the voucher for the purchase of one policy/certificate (per life basis), even if the premium / contribution is less than RM75 (no multiple policies / certificates).', 'Penerima yang layak hanya boleh menggunakan baucar ini SATU (1) kali sahaja untuk membeli/ menyertai SATU (1) polisi/sijil, walaupun premium/sumbangan kurang dari RM75 (tidak boleh lebih dari satu polisi/sijil).'];\r\n case WORD.TC_LINE3: return ['One-time usage (cancellation and reuse is ONLY allowed during free-look period).', 'Digunakan sekali sahaja (pembatalan dan penggunaan semula HANYA dibenarkan semasa tempoh percubaan).'];\r\n case WORD.TC_LINE4: return ['Cashback or cash refund is not allowed.', 'Pulangan tunai atau Pembayaran balik tunai tidak dibenarkan.'];\r\n case WORD.TC_LINE5: return [\"The validity of the voucher is subject to confirmation of fund's availability at the point of redemption / purchase of Perlindungan Tenang product.\", \"Pengesahan baucar tertakluk kepada ketersediaan dana semasa penebusan/pembelian produk Perlindungan Tenang.\"];\r\n case WORD.FORM_INFO2: return ['This information is valid as at ', 'Maklumat ini sah pada pukul '];\r\n case WORD.FORM_TITLE2: return ['Welcome', 'Selamat Datang'];\r\n case WORD.FORM_PLACEHOLDER: return ['Ex. 801013085280', 'Masukkan No MyKad, Contoh: 801013085280'];\r\n case WORD.FOOTER: return ['Copyright 2025 PERLINDUNGAN TENANG VOUCHER (PTV). All Rights Reserved', 'Hak Cipta Terpelihara 2025 PERLINDUNGAN TENANG VOUCHER (PTV).'];\r\n case WORD.FOOTER_LINE: return ['Privacy Notice', 'Notis Privasi'];\r\n case WORD.CONTACT_HEAD1: return ['INSURANCE COMPANIES/TAKAFUL OPERATORS', 'SYARIKAT INSURANS/PENGENDALI TAKAFUL'];\r\n case WORD.CONTACT_HEAD2: return ['CONTACT DETAILS', 'MAKLUMAT LENGKAP'];\r\n case WORD.CAPTCHA_LANG: return ['en', 'ms'];\r\n case WORD.BADGE_S1: return ['Step 1: Check eligibility', 'Langkah 1: Semak kelayakan'];\r\n case WORD.BADGE_S2: return ['Step 2: Visit www.mycoverage.my', 'Langkah 2: Sila layari www.mycoverage.my'];\r\n case WORD.NRIC: return ['NRIC', 'MYKAD'];\r\n case WORD.CONTACT_TITLE2: return ['If you have any questions, please call us at 03-77239333', 'Jika anda mempunyai sebarang soalan, sila hubungi kami di 03-77239333'];\r\n case WORD.CONTACT_TITLE3: return ['You may also contact your insurance company or takaful operator as below:', 'Anda juga boleh hubungi syarikat insurans atau pengendali takaful seperti di bawah:'];\r\n case WORD.ATT_MESSAGE1: return ['ATTENTION', 'PERHATIAN'];\r\n case WORD.ATT_MESSAGE2: return ['This initiative is available to BPR recipients in the household category commencing 30 September 2021, and to recipients in the single and senior citizen categories commencing 15 November 2021.', 'Inisitif ini ditawarkan kepada penerima BPR kategori isi rumah bermula 30 September 2021, dan kepada kategori bujang dan warga emas bermula 15 November 2021.'];\r\n case WORD.HOME_CONTACT1: return ['If you have any questions, please contact ', 'Jika anda mempunyai sebarang soalan, sila hubungi '];\r\n case WORD.HOME_CONTACT2: return ['PTV Call Centre 03-77239333', 'Pusat Panggilan PTV di 03-77239333'];\r\n case WORD.NOTICE: return ['We regret to advise that the mycoverage website at www.mycoverage.my is currently under system maintenance. We appologize for any inconvenience.', 'Adalah dimaklumkan bahawa laman sesawang www.mycoverage.my sedang diselenggara. Pihak kami memohon maaf atas segala kesulitan. Terima kasih.']\r\n case WORD.CONTACT_HEAD3: return ['PRODUCT NAME AND LINK', 'NAMA PRODUK DAN PAUTAN'];\r\n case WORD.ATT_MESSAGE3: return ['All eligible BPR recipients should redeem their vouchers by 31 December 2025.','Semua penerima BPR yang layak harus menebus baucar mereka selewat-lewatnya pada 31 Disember 2025.'];\r\n case WORD.CLOSURE_MESSAGE1: return ['Please be informed that the website no longer available and kindly check with the respective association as below:','Adalah dimaklumkan bahawa laman web ini tidak lagi tersedia dan sila semak dengan persatuan di bawah:'];\r\n case WORD.CLOSURE_MESSAGE2: return ['Email to pic@piam.org.my for inquiry on perlindungan tenang (General Insurance)','Emelkan ke pic@piam.org.my untuk sebarang pertanyaan mengenai perlindungan tenang (Insurans Am)'];\r\n case WORD.CLOSURE_MESSAGE3: return ['Email to Enquiries@malaysiantakaful.com.my for inquiry on perlindungan tenang (Takaful)','Emelkan ke Enquiries@malaysiantakaful.com.my untuk sebarang pertanyaan mengenai perlindungan tenang (Takaful)'];\r\n case WORD.CLOSURE_MESSAGE4: return ['Email to ptv@liam.org.my for inquiry on perlindungan tenang (Life Insurance)','Emelkan ke ptv@liam.org.my untuk sebarang pertanyaan mengenai perlindungan tenang (Insurans Hayat)'];\r\n //case WORD.CONTACT_CONTENT3: return ['PTV 3.0 voucher technical issue: ISM [03-22409899]', 'Isu Teknikal Baucar PTV 3.0: ISM [03-22409899]'];\r\n //case WORD.CONTACT_CONTENT4: return ['Life Insurance products', 'Produk Insurans Hayat'];\r\n //case WORD.CONTACT_CONTENT5: return ['Takaful products', 'Produk Takaful'];\r\n //case WORD.CONTACT_CONTENT6: return ['Produk Insurans Am', 'Produk Insurans Am'];\r\n\r\n }\r\n return ['', ''];\r\n}\r\n\r\nexport function LangResource(lang, word) {\r\n return GetLangText(word)[lang];\r\n}\r\n\r\nexport const LANGUAGE = {\r\n ENGLISH: 0,\r\n MALAY: 1\r\n}\r\n\r\nexport const WORD = {\r\n BANNER_TITLE: 1,\r\n BANNER_LINE1: 2,\r\n BANNER_LINE2: 3,\r\n BANNER_LINE3: 4,\r\n FORM_TITLE: 5,\r\n FORM_BUTTON: 6,\r\n FORM_RESULT1: 7,\r\n FORM_RESULT2: 8,\r\n FORM_CAPTCHA: 9,\r\n NRIC_NOT_PROVIDED: 10,\r\n POLICY_TITLE1: 11,\r\n POLICY_TITLE2: 12,\r\n POLICY_TITLE3: 13,\r\n POLICY_TITLE4: 14,\r\n POLICY_TITLE5: 15,\r\n POLICY_SUB_TITLE1: 16,\r\n POLICY_SUB_TITLE2: 17,\r\n POLICY_SUB_TITLE3: 18,\r\n POLICY_SUB_TITLE4: 19,\r\n POLICY_CONTENT1: 20,\r\n POLICY_CONTENT2: 21,\r\n POLICY_CONTENT3: 22,\r\n POLICY_CONTENT4: 23,\r\n POLICY_CONTENT5: 24,\r\n CONTACT_TITLE: 25,\r\n CONTACT_CONTENT1: 26,\r\n CONTACT_CONTENT2: 27,\r\n FAQ_TITLE1: 28,\r\n FAQ_TITLE2: 29,\r\n FAQ_Q1_ENG: 30,\r\n FAQ_A1_ENG: 31,\r\n FAQ_Q2_ENG: 32,\r\n FAQ_A2_ENG: 33,\r\n MENU_FAQ: 34,\r\n MENU_CONTACTUS: 35,\r\n RESULT_UTILIZED: 36,\r\n RESULT_CANCELLED: 37,\r\n RESULT_NOT_FOUND: 38,\r\n RESULT_NAME: 39,\r\n MENU_HOME: 40,\r\n HOME_PRIVACY_READ: 41,\r\n HOME_PRIVACY: 42,\r\n VOUCHER: 43,\r\n HOME_PRIVACY_IS_NOT_TICK: 44,\r\n FAQ_Q1_BM: 45,\r\n FAQ_A1_BM: 46,\r\n FAQ_Q2_BM: 47,\r\n FAQ_A2_BM: 48,\r\n BANNER_LINE4: 49,\r\n FORM_INFO: 50,\r\n TC_TITLE: 51,\r\n TC_LINE1: 52,\r\n TC_LINE2: 53,\r\n TC_LINE3: 54,\r\n TC_LINE4: 55,\r\n TC_LINE5: 56,\r\n FORM_INFO2: 57,\r\n FORM_TITLE2: 58,\r\n FORM_PLACEHOLDER: 59,\r\n FOOTER: 60,\r\n FOOTER_LINE: 61,\r\n CONTACT_HEAD1: 62,\r\n CONTACT_HEAD2: 63,\r\n CAPTCHA_LANG: 64,\r\n BADGE_S1: 65,\r\n BADGE_S2: 66,\r\n NRIC: 67,\r\n CONTACT_TITLE2: 68,\r\n CONTACT_TITLE3: 69,\r\n ATT_MESSAGE1: 70,\r\n ATT_MESSAGE2: 71,\r\n HOME_CONTACT1: 72,\r\n HOME_CONTACT2: 73,\r\n NOTICE: 74,\r\n CONTACT_HEAD3: 75,\r\n ATT_MESSAGE3: 76,\r\n CLOSURE_MESSAGE1: 77,\r\n CLOSURE_MESSAGE2: 78,\r\n CLOSURE_MESSAGE3: 79,\r\n CLOSURE_MESSAGE4: 80\r\n //CONTACT_CONTENT3: 81,\r\n //CONTACT_CONTENT4: 82,\r\n //CONTACT_CONTENT5: 83,\r\n //CONTACT_CONTENT6: 84\r\n}","import $ from 'jquery';\r\nimport { download, httpdel, httpget, httppost, upload, downloadget } from '../utils/common';\r\nimport cookies from 'axios/lib/helpers/cookies';\r\n\r\nvar _root = window.location.origin.toLowerCase();\r\nconst isLocalhost = _root.indexOf('localhost') >= 0;\r\nvar apiurl;\r\nif (isLocalhost) {\r\n apiurl = 'https://localhost:44333';\r\n} else {\r\n apiurl = '/';\r\n}\r\n\r\nexport function getUrl(url) {\r\n if (url.indexOf('http') >= 0)\r\n return url;\r\n else\r\n return $.pathCombine(apiurl, url);\r\n}\r\n\r\nconst baseapi = {\r\n url: $.fromRoot(apiurl),\r\n getUrl,\r\n isLocalhost,\r\n options: () => {\r\n var auth = baseapi.getToken(); //cookies.read('PTV_user');\r\n // var auth = localStorage.getItem('Authorization');\r\n if (auth)\r\n return {\r\n headers: {\r\n Authorization: auth\r\n }\r\n };\r\n return {};\r\n },\r\n hasToken: () => {\r\n var token = baseapi.getToken();\r\n return !!token;\r\n },\r\n setAuthorization: (token) => {\r\n if (token)\r\n localStorage.setItem('Authorization', 'Bearer ' + token);\r\n else\r\n localStorage.setItem('Authorization', '');\r\n },\r\n getToken: () => {\r\n //return cookies.read('PTV2022_user');\r\n return cookies.read('SSO_user');\r\n //return (localStorage.getItem('Authorization') || '').replace('Bearer ', '');\r\n },\r\n httpget: (url, data, options) => {\r\n return httpget(getUrl(url), data, {\r\n ...baseapi.options(),\r\n ...options\r\n });\r\n },\r\n httppost: (url, data, options) => {\r\n return httppost(getUrl(url), data, {\r\n ...baseapi.options(),\r\n ...options\r\n });\r\n },\r\n httpdel: (url, data, options) => {\r\n return httpdel(getUrl(url), data, {\r\n ...baseapi.options(),\r\n ...options\r\n });\r\n },\r\n upload: (url, data, options) => {\r\n return upload(getUrl(url), data, {\r\n ...baseapi.options(),\r\n ...options\r\n });\r\n },\r\n download: (url, data, options) => {\r\n return download(getUrl(url), data, {\r\n ...baseapi.options(),\r\n ...options\r\n });\r\n },\r\n downloadget: (url, data, options) => {\r\n return downloadget(getUrl(url), data, {\r\n ...baseapi.options(),\r\n ...options\r\n });\r\n },\r\n recaptchaSiteKey: () => {\r\n if (_root.indexOf('myptv.my') > -1)\r\n return \"6LeR2XwcAAAAAGrH1xr9p7oPSPr8vpJjSwpYHp-C\"; //Production\r\n if (_root.indexOf('ism.net.my') > -1)\r\n return \"6Ld292ocAAAAAKdCW3aUVBV01jifyLmCKzdovp_r\"; //ISM generated key\r\n return \"6Lc3nhIcAAAAAMF5OH4fP2vAiM6jYuMWilkeQReT\";\r\n }\r\n};\r\n\r\n\r\nexport default baseapi;","import React, { Component } from 'react';\r\nimport { LangResource, WORD } from '../../utils/language';\r\nimport { connect } from 'react-redux';\r\n\r\nclass Footer extends Component {\r\n render() {\r\n const { lang } = this.props;\r\n\r\n return (\r\n \r\n )\r\n }\r\n}\r\n\r\n// export default Footer;\r\n\r\nexport default connect((state) => {\r\n const { siteSettings } = state;\r\n const { lang } = siteSettings || {}; \r\n return { lang };\r\n}, null)(Footer);\r\n","import React, {Component} from \"react\";\r\nimport { Container, Row, Col, Button, Input, InputGroupAddon, InputGroup, InputGroupButton } from 'reactstrap';\r\n\r\nclass Page401 extends Component {\r\n render() {\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default Page401;\r\n","import React, {Component} from \"react\";\r\nimport { Container, Row, Col, Button, Input, InputGroupAddon, InputGroup, InputGroupButton } from 'reactstrap';\r\n\r\nclass Page404 extends Component {\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n 401
\r\nUnathorize.
\r\nYou are unauthorize to access the resource.
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default Page404;\r\n","import React, {Component} from \"react\";\r\nimport { Container, Row, Col, Button, Input, InputGroup, InputGroupAddon, InputGroupButton } from 'reactstrap';\r\n\r\nclass Page500 extends Component {\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n 404
\r\nOops! You're lost.
\r\nThe page you are looking for was not found.
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default Page500;\r\n","import React from 'react';\r\nimport $ from 'jquery';\r\nimport { Row, Button, Col, Input, Alert, Card, CardHeader, CardBody } from 'reactstrap';\r\nimport baseapi from '../../services/baseapi';\r\nimport ReCAPTCHA from 'react-google-recaptcha';\r\nimport { notfound, showError } from '../../utils/common';\r\nimport { LangResource, LANGUAGE, WORD } from '../../utils/language';\r\nimport { connect } from 'react-redux';\r\nimport moment from 'moment';\r\nimport classNames from 'classnames';\r\nimport \"react-responsive-carousel/lib/styles/carousel.min.css\";\r\nimport { Carousel } from 'react-responsive-carousel';\r\n\r\nclass Home extends React.Component {\r\n constructor() {\r\n super();\r\n\r\n this.state = {\r\n nric: '',\r\n isEntitle: false,\r\n isShow: false,\r\n language: 0,\r\n name: '',\r\n voucher: '',\r\n status: 0,\r\n isReadPrivary: false\r\n };\r\n\r\n this.toggle = this.toggle.bind(this);\r\n this.handleSearch = this.handleSearch.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n if (this.props.lang != prevProps.lang)\r\n window.location.reload();\r\n }\r\n\r\n toggle(tab) {\r\n this.setState({ activeTab: tab });\r\n }\r\n\r\n reset() {\r\n this.setState({ isEntitle: false, isShow: false });\r\n }\r\n\r\n handleSearch(e) {\r\n const { nric, recaptcha, isReadPrivary } = this.state;\r\n const { lang } = this.props;\r\n if (!isReadPrivary) {\r\n showError(LangResource(lang, WORD.HOME_PRIVACY_IS_NOT_TICK));\r\n this.reset();\r\n return;\r\n }\r\n if (!recaptcha) {\r\n showError(LangResource(lang, WORD.FORM_CAPTCHA));\r\n this.reset();\r\n return;\r\n }\r\n if (!nric) {\r\n showError(LangResource(lang, WORD.NRIC_NOT_PROVIDED));\r\n this.reset();\r\n return;\r\n }\r\n // Enquiry Change to POST 17/02/2026\r\n baseapi.httppost('/api/Enquiry' , { nric, recaptcha })\r\n .then(response => {\r\n const { data } = response;\r\n const { isEntitle, message, FullName, VoucherNo, Status } = data;\r\n if (message !== undefined && message) {\r\n showError(message);\r\n this.reset();\r\n }\r\n else\r\n this.setState({ isEntitle, isShow: !!nric, name: FullName, voucher: VoucherNo, status: Status });\r\n this.captcha.reset();\r\n });\r\n // Enquiry Change to POST 17/02/2026\r\n\r\n // Enquiry Change to POST 17/02/2026\r\n //baseapi.httpget('/api/Enquiry?' + $.param({ nric, recaptcha }))\r\n // .then(response => {\r\n // const { data } = response;\r\n // const { isEntitle, message, FullName, VoucherNo, Status } = data;\r\n // if (message !== undefined && message) {\r\n // showError(message);\r\n // this.reset();\r\n // }\r\n // else\r\n // this.setState({ isEntitle, isShow: !!nric, name: FullName, voucher: VoucherNo, status: Status });\r\n // this.captcha.reset();\r\n // });\r\n // Enquiry Change to POST 17/02/2026\r\n }\r\n\r\n renderMessage() {\r\n const { status } = this.state;\r\n const { lang } = this.props;\r\n switch (status) {\r\n case 2: return LangResource(lang, WORD.RESULT_UTILIZED);\r\n case 4: case 5: return LangResource(lang, WORD.RESULT_CANCELLED);\r\n default: return LangResource(lang, WORD.RESULT_NOT_FOUND);\r\n }\r\n }\r\n\r\n // renderBanner() {\r\n // return (\r\n // 500
\r\nInternal Server Error
\r\nPlease contact ISM administrator for assist.
\r\n \r\n \r\n\r\n // ![](\"images/PTV-KV0-1.png\")
\r\n //
\r\n // \r\n // \r\n // ![](\"images/PTV-KV1-1.png\")
\r\n //
\r\n // \r\n // \r\n // ![](\"images/PTV-KV2-1.png\")
\r\n //
\r\n // \r\n // \r\n // ![](\"images/PTV-KV3-1.png\")
\r\n //
\r\n // \r\n // \r\n {/* {!IsLoggedIn &&
\r\n );\r\n }\r\n}\r\n\r\n//export default Home;\r\n\r\nexport default connect((state) => {\r\n const { userState, siteSettings } = state;\r\n const { IsProfileLoaded, IsLoggedIn, UserRole } = userState || {};\r\n const { lang } = siteSettings || {};\r\n return { IsProfileLoaded, IsLoggedIn, lang, UserRole };\r\n}, null)(Home);","import React from 'react';\r\nimport Dropzone from 'react-dropzone';\r\nimport { Col, Row } from 'reactstrap';\r\nimport { done, processing, upload } from '../utils/common';\r\nimport PropTypes from 'prop-types';\r\nimport swal from 'sweetalert2';\r\n\r\nclass FileUpload extends React.Component {\r\n constructor() {\r\n super();\r\n\r\n this.state = {};\r\n\r\n this.onDrop = this.onDrop.bind(this);\r\n }\r\n\r\n onDrop(files, rejected) {\r\n this.setState({ rejected });\r\n if (files.length) {\r\n var formData = new FormData();\r\n for (var i = 0; i < files.length; i++)\r\n formData.append(\"file[{0}]\".format(i), files[i]);\r\n processing();\r\n\r\n var httpupload = upload;\r\n const { api } = this.props;\r\n if (api) httpupload = api.upload;\r\n httpupload(this.props.url, formData)\r\n .then(response => {\r\n done();\r\n if (this.props.onUploaded)\r\n this.props.onUploaded(response, files);\r\n })\r\n .catch(err => {\r\n done();\r\n\r\n let msg =\r\n err?.response?.data?.Message ||\r\n err?.response?.data?.message ||\r\n err?.message ||\r\n \"Upload failed.\";\r\n\r\n swal.fire({\r\n icon: \"warning\",\r\n title: \"Oops!\",\r\n text: msg\r\n });\r\n });\r\n }\r\n }\r\n\r\n render() {\r\n const { src, dropzoneWidth, multiple, maxSize, title } = this.props;\r\n\r\n if (this.state.rejected && this.state.rejected.length) {\r\n var info = \r\n
} */}\r\n {!IsLoggedIn && \r\n {this.renderBanner()}\r\n
\r\n \r\n
}\r\n {/* \r\n {/**/}\r\n {/* ![](\"images/PTV5-D.jpeg\")
*/}\r\n {/**/}\r\n \r\n
\r\n {/* */}\r\n {/**/}\r\n \r\n \r\n ![](\"images/PTV3-M.png\")
\r\n
*/}\r\n \r\n \r\n
*/}\r\n {/*{!IsLoggedIn && \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n ![](\"images/ptv.png\")
\r\n
\r\n
\r\n\r\n {LangResource(lang, WORD.BANNER_TITLE)}
\r\n \r\n {!IsLoggedIn && <>\r\n {LangResource(lang, WORD.BANNER_LINE1)}
\r\n {LangResource(lang, WORD.BANNER_LINE2)}
\r\n {LangResource(lang, WORD.BANNER_LINE3)}\r\n }\r\n {IsLoggedIn && <>\r\n {LangResource(lang, WORD.BANNER_LINE4).replace('[PARTY]', (isUploader) ? \"ITO\" : (isRepayer) ? \"Malaysian Re\" : \"\")}\r\n }\r\n
\r\n \r\n {LangResource(lang, WORD.BANNER_LINE2)}
\r\n {LangResource(lang, WORD.BANNER_LINE3)}\r\n }\r\n {IsLoggedIn && <>\r\n {LangResource(lang, WORD.BANNER_LINE4).replace('[PARTY]', (isUploader) ? \"ITO\" : (isRepayer) ? \"Malaysian Re\" : \"\")}\r\n }\r\n
*/}\r\n {/* */}{/**/}{/*\r\n */}{/* */}{/*\r\n */}{/* */}{/*\r\n */}{/* */}\r\n {/* {LangResource(lang, WORD.BADGE_S1)}*/}\r\n {/* */}\r\n {/* */}\r\n {/* */}\r\n {/* */}\r\n {/* */}{/**/}{/*\r\n */}{/* */}{/*\r\n */}{/* */}{/*\r\n */}{/* */}\r\n {/*
}*/}\r\n {!IsLoggedIn && */}{/*\r\n */}{/*
*/}{/*\r\n */}{/* */}{/*\r\n */}{/* {LangResource(lang, WORD.ATT_MESSAGE1)} : {LangResource(lang, WORD.ATT_MESSAGE2)}*/}{/*\r\n */}{/*
*/}{/*\r\n */}{/* {LangResource(lang, WORD.ATT_MESSAGE3)}*/}{/*\r\n */}{/*
*/}{/*\r\n */}{/* */}{/*\r\n */}{/* {LangResource(lang, WORD.ATT_MESSAGE3)}*/}{/*\r\n */}{/*
{LangResource(lang, WORD.FORM_TITLE)}
*/}\r\n {/*
*/}\r\n {/* */}\r\n {/* {LangResource(lang, WORD.FORM_TITLE2)}*/}\r\n {/*
*/}\r\n {/* */}\r\n {/*
*/}\r\n {/* */}\r\n {/*
*/}\r\n {/* */}\r\n {/* {LangResource(lang, WORD.NRIC)}*/}\r\n {/* this.setState({ nric: e.target.value })}>*/}\r\n {/* */}\r\n {/*
*/}\r\n {/* */}\r\n {/*
*/}\r\n {/* */}\r\n {/* this.setState({ isReadPrivary: !isReadPrivary })} />*/}\r\n {/* {LangResource(lang, WORD.HOME_PRIVACY_READ)}*/}\r\n {/* {LangResource(lang, WORD.HOME_PRIVACY)}*/}\r\n {/* .*/}\r\n {/*
*/}\r\n {/* */}\r\n {/*
*/}\r\n {/* */}\r\n {/* (this.captcha = e)} sitekey={baseapi.recaptchaSiteKey()} onChange={recaptcha => this.setState({ recaptcha })} hl={LangResource(lang, WORD.CAPTCHA_LANG)} />*/}\r\n {/*
*/}\r\n {/* */}\r\n {/*
*/}\r\n {/* {isShow && */}\r\n {/* {isShow && */}\r\n {/* */}\r\n {/* */}\r\n {/* {(isEntitle) ? LangResource(lang, WORD.FORM_RESULT1) : (status) ? '' : LangResource(lang, WORD.FORM_RESULT2)}*/}\r\n {/* {(isEntitle) &&
*/}\r\n {/* }*/}\r\n {/*
*/}\r\n {/* */}\r\n {/* */}\r\n {/* {(isEntitle) ? LangResource(lang, WORD.FORM_RESULT1) : (status) ? '' : LangResource(lang, WORD.FORM_RESULT2)}*/}\r\n {/* {(isEntitle) &&
}*/}\r\n {/* {(isEntitle) ? ({LangResource(lang, WORD.VOUCHER)}: {voucher}) : (status) ? {this.renderMessage(status)}
({LangResource(lang, WORD.VOUCHER)}: {voucher}) : this.renderMessage(status)}*/}\r\n {/*
*/}\r\n {/* */}\r\n {/*
}*/}\r\n {/* */}\r\n {/* \"{LangResource(lang, WORD.FORM_INFO2)}*/}\r\n {/* {moment(Date()).format('hh:mmA DD MMMM YYYY')}\"*/}\r\n {/*
*/}\r\n {/* {LangResource(lang, WORD.FORM_TITLE)}
*/}{/*\r\n */}{/*
*/}{/*\r\n */}{/* */}{/*\r\n */}{/* {LangResource(lang, WORD.CLOSURE_MESSAGE2)}*/}{/*\r\n */}{/*
*/}{/*\r\n */}{/* */}{/*\r\n */}{/* {LangResource(lang, WORD.CLOSURE_MESSAGE3)}*/}{/*\r\n */}{/*
*/}{/*\r\n */}{/* */}{/*\r\n */}{/* {LangResource(lang, WORD.CLOSURE_MESSAGE4)}*/}{/*\r\n */}{/*
*/}{/*\r\n */}{/* \r\n {/*
}\r\n \r\n
\r\n {LangResource(lang, WORD.BADGE_S2)} */}\r\n \r\n
\r\n - \r\n
- {LangResource(lang, WORD.TC_TITLE)} \r\n
- {LangResource(lang, WORD.TC_LINE1)} \r\n
- {LangResource(lang, WORD.TC_LINE2)} \r\n
- {LangResource(lang, WORD.TC_LINE3)} \r\n
- {LangResource(lang, WORD.TC_LINE4)} \r\n
\r\n
\r\n \r\n {/*{LangResource(lang, WORD.FORM_INFO)}*/}\r\n {/* MyCoverage PTV*/}\r\n {/**/}\r\n
\r\n {/*\r\n
\r\n \r\n {LangResource(lang, WORD.HOME_CONTACT1)}\r\n
\r\n {LangResource(lang, WORD.HOME_CONTACT2)}\r\n */}\r\n
\r\n \r\n {/*
\r\n
\r\n \r\n \r\n {LangResource(lang, WORD.NOTICE)}\r\n
\r\n \r\n {LangResource(lang, WORD.HOME_CONTACT2)}\r\n */}\r\n
\r\n
;\r\n } else if (src) {\r\n info = Rejected files
\r\n- \r\n {this.state.rejected.map(f =>
- {f.name} - {f.size} bytes )}\r\n
\r\n \r\n
\r\n
\r\n {title}
\r\n \r\n
drag or select a file here
\r\n\r\n {cards.length > 0 ? \r\n {showHeader ? \r\n
\r\n
\r\n }\r\n}\r\n\r\n_FreeGrid.propTypes = {\r\n source: propTypes.oneOfType([propTypes.array, propTypes.string]).isRequired,\r\n rowConfig: propTypes.oneOfType([propTypes.object, propTypes.func]),\r\n rowProps: propTypes.oneOfType([propTypes.object, propTypes.func]),\r\n sidx: propTypes.string,\r\n sord: propTypes.bool,\r\n onSort: propTypes.func,\r\n showHeader: propTypes.bool,\r\n tableProps: propTypes.oneOfType([propTypes.object, propTypes.func])\r\n};\r\n\r\n_FreeGrid.defaultProps = {\r\n showHeader: true\r\n};\r\n\r\nconst FreeGrid = connect((state, props) => {\r\n var { source } = props;\r\n const data = typeof source === 'string' ? getData(state, source) : source;\r\n const { length } = (data || []);\r\n return { length };\r\n})(_FreeGrid);\r\n\r\nexport default FreeGrid;","import PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { addData, getData, initData, removeData, updateData } from '../actions';\r\n\r\nclass _ReduxData extends React.Component {\r\n getData() {\r\n const { source } = this.props;\r\n return this.props[source];\r\n }\r\n\r\n setData(data) {\r\n const { source } = this.props;\r\n this.props.initData(source, data);\r\n }\r\n\r\n updateData(id, data) {\r\n const { source } = this.props;\r\n this.props.updateData(source + '.' + id, data);\r\n }\r\n\r\n addData(id, data) {\r\n const { source } = this.props;\r\n this.props.addData(source + '.' + id, data);\r\n }\r\n\r\n removeData(id, index) {\r\n const { source } = this.props;\r\n this.props.removeData(source + '.' + id, index);\r\n }\r\n\r\n render() {\r\n const { children } = this.props;\r\n return (typeof children === 'function' ? children(this) : children) || null;\r\n }\r\n}\r\n\r\n_ReduxData.defaultProps = {\r\n source: 'reduxData',\r\n data: {}\r\n};\r\n\r\n_ReduxData.propTypes = {\r\n source: PropTypes.string.isRequired,\r\n data: PropTypes.object\r\n};\r\n\r\nconst ReduxData = connect((state, props) => {\r\n const { source } = props;\r\n var data = getData(state, source);\r\n return { [source]: data };\r\n}, { getData, initData, addData, removeData, updateData }, null, { forwardRef: true })(_ReduxData);\r\n\r\nexport default ReduxData;\r\n","import propTypes from 'prop-types';\r\nimport React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { initData } from '../redux/actions';\r\nimport baseapi from '../services/baseapi';\r\nimport { getFromLS, saveToLS } from '../utils/localstorage';\r\nimport { LANGUAGE } from '../utils/language';\r\n\r\nclass _MyAuth extends React.Component {\r\n componentDidMount() {\r\n const { main, isPublic } = this.props;\r\n if (main) {\r\n var url = window.location.href;\r\n var pathname = window.location.pathname;\r\n var hasToken = baseapi.hasToken();\r\n // if (url.indexOf('/home') < 0 && !!pathname && pathname !== '/') {\r\n // hasToken = true;\r\n // }\r\n if (!isPublic) {\r\n hasToken = true;\r\n }\r\n if (hasToken) {\r\n baseapi.httpget('/api/UserProfile')\r\n .then(({ data }) => {\r\n this.props.initData('userState', { ...data, IsProfileLoaded: true });\r\n const { onChange } = this.props;\r\n if (typeof onChange === 'function')\r\n onChange(data);\r\n });\r\n } else {\r\n this.props.initData('userState', { IsProfileLoaded: true });\r\n }\r\n\r\n this.props.initData('siteSettings', { lang: getFromLS('lang') || LANGUAGE.ENGLISH });\r\n }\r\n }\r\n\r\n render() {\r\n const { children } = this.props;\r\n\r\n if (typeof children === 'function') {\r\n return children(this.props);\r\n } else\r\n return children || '';\r\n }\r\n}\r\n\r\n_MyAuth.propTypes = {\r\n main: propTypes.bool,\r\n onChange: propTypes.func\r\n};\r\n\r\nexport function getAuth(state) {\r\n const { userState } = state;\r\n var { IsProfileLoaded, IsLoggedIn, UserName, UserRole, UserRoleName, cid, NRIC, ContactNo, Email, Address, CompanyName, pic } = userState || {};\r\n if (!UserName) UserName = 'Visitor';\r\n return { IsProfileLoaded, IsLoggedIn, UserName, UserRole, UserRoleName, cid, NRIC, ContactNo, Email, Address, CompanyName, pic };\r\n}\r\n\r\nconst MyAuth = connect((state) => {\r\n return getAuth(state);\r\n}, { initData })(_MyAuth);\r\n\r\nexport default MyAuth;","import classNames from 'classnames';\r\nimport $ from 'jquery';\r\nimport moment from 'moment';\r\nimport React from 'react';\r\nimport { Button, Container, Input, Label, CustomInput } from 'reactstrap';\r\nimport FileUpload from '../../controls/fileupload';\r\nimport FreeGrid from '../../redux/controls/freegrid';\r\nimport FreeGridCol from '../../redux/controls/freegridcol';\r\nimport ReduxData from '../../redux/controls/reduxdata';\r\nimport baseapi from '../../services/baseapi';\r\nimport { done, processing, showError } from '../../utils/common';\r\nimport MyAuth from '../../widgets/MyAuth';\r\n\r\nclass Upload extends React.Component {\r\n constructor() {\r\n super();\r\n\r\n this.state = {\r\n files: [],\r\n // sidx: '',\r\n // sord: true,\r\n sidx: {\r\n Eligible: '',\r\n NRICNotMatched: '',\r\n VoucherUtilized: '',\r\n VoucherUtilizedCancelled: ''\r\n },\r\n sord: {\r\n Eligible: true,\r\n NRICNotMatched: true,\r\n VoucherUtilized: true,\r\n VoucherUtilizedCancelled: true\r\n },\r\n //isFileValid: null,\r\n hasDuplicateNRIC: false,\r\n source: '',\r\n hasEligible: false,\r\n hasNRICNotMatched: false,\r\n hasVoucherUtilized: false,\r\n hasVoucherUtilizedCancelled: false,\r\n displayClassName: 'none',\r\n };\r\n\r\n this.sortBy = this.sortBy.bind(this);\r\n this.handleDownload = this.handleDownload.bind(this);\r\n this.handleChecking = this.handleChecking.bind(this);\r\n }\r\n\r\n handleSelect({ IsSelected, i }) {\r\n this.reduxtData.props.updateData('excelItems.Eligible[{0}].IsSelected'.format(i), !IsSelected);\r\n }\r\n\r\n sortBy() {\r\n var { sidx, sord, source } = this.state;\r\n var datas = this.reduxtData.getData();\r\n var items = datas[source];\r\n\r\n if (items) {\r\n var indicator = sord[source] ? 1 : -1;\r\n items = items.sort((a, b) => {\r\n var value;\r\n if (a[sidx[source]] > b[sidx[source]])\r\n value = 1;\r\n else if (a[sidx[source]] < b[sidx[source]])\r\n value = -1;\r\n else\r\n value = 0;\r\n return value * indicator;\r\n });\r\n }\r\n\r\n this.reduxtData.setData(datas);\r\n }\r\n\r\n handleDownload() {\r\n var excelItems = this.reduxtData.getData();\r\n var items = [];\r\n for (var i in excelItems) {\r\n items = [...items, ...excelItems[i].map(d => {\r\n var msgs = [];\r\n for (var i in d) {\r\n msgs.push(this.renderErrorMessages(i, d[i], true).filter(m => !!m).join('; '));\r\n }\r\n d.ErrorMessage = msgs.filter(m => !!m).join('; ');\r\n return { ...d, };\r\n })];\r\n }\r\n baseapi.download('/api/Upload/DownloadExcel', { items });\r\n }\r\n\r\n isRequired(col, v) {\r\n if (typeof v === \"string\" || v instanceof String)\r\n v = String(v).trim();\r\n\r\n if (!v)\r\n return '{0}The field is required'.format(col);\r\n }\r\n\r\n isGender(col, v) {\r\n if (!v) return;\r\n v = v.toUpperCase();\r\n if (v !== 'M' && v !== 'F')\r\n return '{0}\"M\" or \"F\"?'.format(col);\r\n }\r\n\r\n isSpecialChar(col, v) {\r\n if (!v) return;\r\n for (var i in v) {\r\n if ('~`!@#$%^&*()_-+={}[]|\\\\:;\"\\'<>,.?/'.indexOf(v[i]) >= 0)\r\n return \"{0}No '-' or special character\".format(col);\r\n }\r\n }\r\n\r\n // isUpperCase(col, v) {\r\n // if (!v) return;\r\n // if (v !== (v || ''))\r\n // return '{0}All capital letter'.format(col);\r\n // }\r\n\r\n isDecimalPoint(col, v) {\r\n if (!v) return;\r\n var number = $.parseNum(v);\r\n var rootNum = Math.round(number);\r\n if (number !== rootNum) return '{0}No decimal point'.format(col);\r\n }\r\n\r\n isState(col, v) {\r\n if (!v) return;\r\n v = v.toUpperCase();\r\n switch (v) {\r\n case 'PERAK':\r\n case 'KUALA LUMPUR':\r\n case 'SABAH':\r\n case 'PAHANG':\r\n case 'PENANG':\r\n case 'KEDAH':\r\n case 'PERLIS':\r\n case 'SELANGOR':\r\n case 'NEGERI SEMBILAN':\r\n case 'MELAKA':\r\n case 'JOHOR':\r\n case 'TERENGGANU':\r\n case 'KELANTAN':\r\n case 'SARAWAK':\r\n case 'LABUAN':\r\n case 'PUTRAJAYA':\r\n break;\r\n default:\r\n return '{0}Invalid State'.format(col);\r\n }\r\n }\r\n\r\n isClassOfBusiness(col, v) {\r\n if (!v) return;\r\n v = v.toUpperCase();\r\n switch (v) {\r\n case 'LIFE':\r\n case 'FAMILY TAKAFUL':\r\n case 'PERSONAL ACCIDENT':\r\n case 'FIRE':\r\n //case 'MOTOR':\r\n break;\r\n default:\r\n return '{0}Invalid Class'.format(col);\r\n }\r\n }\r\n\r\n isDate(col, v) {\r\n if (!v) return;\r\n if (!moment(v, 'YYYYMMDD', true).isValid())\r\n return '{0}YYYYMMDD'.format(col);\r\n }\r\n\r\n isEffectiveDate(col, v) {\r\n if (!v) return;\r\n let effectiveDateStart = '20250901';\r\n let effectiveDateEnd = '20260831';\r\n if (!moment(v).isBetween(effectiveDateStart, effectiveDateEnd, undefined, '[]'))\r\n return '{0}Invalid Date'.format(col);\r\n\r\n }\r\n\r\n isMaxLength(col, v, max) {\r\n if (!v) return;\r\n if (v.length > max)\r\n return '{0}Max {1} characters'.format(col, max);\r\n }\r\n\r\n handleChecking({ data }, files) {\r\n const {\r\n Eligible,\r\n NRICNotMatched,\r\n VoucherUtilized,\r\n VoucherUtilizedCancelled\r\n } = data;\r\n this.setState({\r\n files,\r\n hasEligible: !!Eligible.length,\r\n hasNRICNotMatched: !!NRICNotMatched.length,\r\n hasVoucherUtilized: !!VoucherUtilized.length,\r\n hasVoucherUtilizedCancelled: !!VoucherUtilizedCancelled.length,\r\n displayClassName: (files && files.length) ? \"block\" : \"none\"\r\n });\r\n\r\n this.checkDatas(Eligible);\r\n this.reduxtData.setData(data);\r\n\r\n // var skipCols = ['IsSelected', 'LastUtilizedBy', 'LastUtilizedDate', 'CancelledBy', 'CancelledDate', 'CancelledRemark', 'ApplicantOtherID', 'ApplicantPostcode'];\r\n this.setState({\r\n // isFileValid: Eligible\r\n // .filter(d => {\r\n // for (var i in d) {\r\n // if (skipCols.indexOf(i) > -1) continue;\r\n // if (this.isRequired('', d[i])) return true;\r\n // }\r\n // if (this.isSpecialChar('', d.ApplicantNRIC)) return true;\r\n // if (this.isSpecialChar('', d.ApplicantOtherID)) return true;\r\n // //if (this.isUpperCase('', d.ApplicantNRICName)) return true;\r\n // if (this.isGender('', d.ApplicantGender)) return true;\r\n // if (this.isDecimalPoint('', d.ApplicantPostcode)) return true;\r\n // //if (this.isUpperCase('', d.ApplicantState)) return true;\r\n // if (this.isState('', d.ApplicantState)) return true;\r\n // if (this.isClassOfBusiness('', d.ClassOfBusiness)) return true;\r\n // if (this.isDate('', d.PolicyEffectiveDate)) return true;\r\n\r\n // if (this.isMaxLength('', d.ApplicantNRIC, 25)) return true;\r\n // if (this.isMaxLength('', d.ApplicantOtherID, 25)) return true;\r\n // if (this.isMaxLength('', d.ApplicantNRICName, 100)) return true;\r\n // if (this.isMaxLength('', d.ApplicantGender, 1)) return true;\r\n // if (this.isMaxLength('', d.ApplicantPostcode, 5)) return true;\r\n // if (this.isMaxLength('', d.ApplicantState, 15)) return true;\r\n // if (this.isMaxLength('', d.ProductName, 50)) return true;\r\n // if (this.isMaxLength('', d.ClassOfBusiness, 50)) return true;\r\n // if (this.isMaxLength('', d.PolicyNo, 25)) return true;\r\n // }).length === 0,\r\n hasDuplicateNRIC: this.hasDuplicateNRIC(Eligible)\r\n });\r\n done();\r\n }\r\n\r\n checkDatas(datas) {\r\n for (var i = 0; i < datas.length; i++) {\r\n var d = datas[i];\r\n d.IsValid = this.isRowValid(d);\r\n d.IsSelected = d.IsValid;\r\n }\r\n }\r\n\r\n isRowValid(d) {\r\n var skipCols = ['IsSelected', 'LastUtilizedBy', 'LastUtilizedDate', 'CancelledBy', 'CancelledDate', 'CancelledRemark', 'ApplicantOtherID', 'ApplicantPostcode'];\r\n for (var i in d) {\r\n if (skipCols.indexOf(i) > -1) continue;\r\n if (this.isRequired('', d[i])) return false;\r\n }\r\n if (this.isSpecialChar('', d.ApplicantNRIC)) return false;\r\n if (this.isSpecialChar('', d.ApplicantOtherID)) return false;\r\n //if (this.isUpperCase('', d.ApplicantNRICName)) return false;\r\n if (this.isGender('', d.ApplicantGender)) return false;\r\n if (this.isDecimalPoint('', d.ApplicantPostcode)) return false;\r\n //if (this.isUpperCase('', d.ApplicantState)) return false;\r\n if (this.isState('', d.ApplicantState)) return false;\r\n if (this.isClassOfBusiness('', d.ClassOfBusiness)) return false;\r\n if (this.isDate('', d.PolicyEffectiveDate)) return false;\r\n if (this.isEffectiveDate('', d.PolicyEffectiveDate)) return false;\r\n\r\n if (this.isMaxLength('', d.ApplicantNRIC, 25)) return false;\r\n if (this.isMaxLength('', d.ApplicantOtherID, 25)) return false;\r\n if (this.isMaxLength('', d.ApplicantNRICName, 100)) return false;\r\n if (this.isMaxLength('', d.ApplicantGender, 1)) return false;\r\n if (this.isMaxLength('', d.ApplicantPostcode, 5)) return false;\r\n if (this.isMaxLength('', d.ApplicantState, 15)) return false;\r\n if (this.isMaxLength('', d.ProductName, 50)) return false;\r\n if (this.isMaxLength('', d.ClassOfBusiness, 50)) return false;\r\n if (this.isMaxLength('', d.PolicyNo, 25)) return false;\r\n return true;\r\n }\r\n\r\n hasDuplicateNRIC(datas) {\r\n var arr = [];\r\n for (var i = 0; i < datas.length; i++) {\r\n var d = datas[i];\r\n if (arr.indexOf(d.ApplicantNRIC) > -1)\r\n return true;\r\n arr.push(d.ApplicantNRIC);\r\n }\r\n return false;\r\n }\r\n\r\n renderError(msg) {\r\n if (msg) return {cards}
: null}\r\n | {label} | ;\r\n })}\r\n
|---|
| {children} | ;\r\n })}\r\n
{msg}
\r\n else return null;\r\n }\r\n\r\n renderErrors(id, v) {\r\n return this.renderErrorMessages(id, v).filter(m => !!m).map((m, i) => {m}
);\r\n }\r\n\r\n renderErrorMessages(id, v, withCol) {\r\n var col = (withCol && id) ? '[{0}] '.format(id) : '';\r\n switch (id) {\r\n case 'ApplicantNRIC':\r\n return [this.isRequired(col, v), this.isSpecialChar(col, v), this.isMaxLength(col, v, 25)];\r\n case 'ApplicantOtherID':\r\n return [this.isSpecialChar(col, v), this.isMaxLength(col, v, 25)];\r\n case 'ApplicantNRICName':\r\n // return [this.isRequired(col, v), this.isUpperCase(col, v), this.isMaxLength(col, v, 100)];\r\n return [this.isRequired(col, v), this.isMaxLength(col, v, 100)];\r\n case 'ApplicantGender':\r\n return [this.isRequired(col, v), this.isGender(col, v), this.isMaxLength(col, v, 1)];\r\n case 'ApplicantPostcode':\r\n return [this.isDecimalPoint(col, v), this.isMaxLength(col, v, 5)];\r\n case 'ApplicantState':\r\n return [this.isRequired(col, v), this.isState(col, v), this.isMaxLength(col, v, 15)];\r\n case 'ProductName':\r\n return [this.isRequired(col, v), this.isMaxLength(col, v, 50)];\r\n case 'ClassOfBusiness':\r\n return [this.isRequired(col, v), this.isClassOfBusiness(col, v), this.isMaxLength(col, v, 50)];\r\n case 'PolicyEffectiveDate':\r\n return [this.isRequired(col, v), this.isDate(col, v), this.isEffectiveDate(col, v)];\r\n case 'PolicyNo':\r\n return [this.isRequired(col, v), this.isMaxLength(col, v, 25)];\r\n case 'PolicyAnnualPremium':\r\n return [this.isRequired(col, v)];\r\n default:\r\n return [];\r\n }\r\n }\r\n\r\n renderTable(source, title) {\r\n if (!this.state['has' + source]) return null;\r\n const { sidx, sord, displayClassName } = this.state;\r\n const numberProps = { className: 'text-right' };\r\n var isEligible = source === 'Eligible';\r\n var isVoucherUtilized = source === 'VoucherUtilized';\r\n var isVoucherUtilizedCancelled = source === 'VoucherUtilizedCancelled';\r\n var headerClasses = (isEligible ? 'opacity-success' : 'opacity-primary') + ' p-1';\r\n\r\n return \r\n ({ Status })}\r\n // rowProps={({ Status }) => ({\r\n // className: classNames({\r\n // \"opacity-success\": Status === 1,\r\n // \"opacity-primary\": Status === 3,\r\n // \"opacity-danger\": Status === 2 || Status === 99\r\n // })\r\n // })}\r\n onSort={(name) => {\r\n if (sidx[source] === name) {\r\n // this.setState({ sord: !sord }, this.sortBy);\r\n this.setState({ sord: { ...sord, [source]: !sord[source] }, source }, this.sortBy);\r\n } else {\r\n // this.setState({ sord: true, sidx: name }, this.sortBy);\r\n this.setState({ sord: { ...sord, [source]: true }, sidx: { ...sidx, [source]: name }, source }, this.sortBy);\r\n }\r\n }}\r\n tableProps={{ responsive: true }}>\r\n {/* {(value, props) =>\r\n }\r\n {(isVoucherUtilizedCancelled) && {(value, props) =>\r\n }\r\n {isVoucherUtilizedCancelled && ({ IsSelected, IsValid })}>\r\n {(v, p) => {\r\n return <>\r\n {source === 'Eligible' ? : v}\r\n {this.renderErrors('ApplicantNRIC', v)}\r\n ;\r\n }}\r\n \r\n \r\n {(v) => {\r\n return <>\r\n {v}\r\n {this.renderErrors('ApplicantOtherID', v)}\r\n ;\r\n }}\r\n \r\n \r\n {(v) => {\r\n return <>\r\n {v}\r\n {this.renderErrors('ApplicantNRICName', v)}\r\n ;\r\n }}\r\n \r\n \r\n {(v) => {\r\n return <>\r\n {v}\r\n {this.renderErrors('ApplicantGender', v)}\r\n ;\r\n }}\r\n \r\n \r\n {(v) => {\r\n return <>\r\n {v}\r\n {this.renderErrors('ApplicantPostcode', v)}\r\n ;\r\n }}\r\n \r\n \r\n {(v) => {\r\n return <>\r\n {v}\r\n {this.renderErrors('ApplicantState', v)}\r\n ;\r\n }}\r\n \r\n \r\n {(v) => {\r\n return <>\r\n {v}\r\n {this.renderErrors('ProductName', v)}\r\n ;\r\n }}\r\n \r\n \r\n {(v) => {\r\n return <>\r\n {v}\r\n {this.renderErrors('ClassOfBusiness', v)}\r\n ;\r\n }}\r\n \r\n \r\n {(v) => {\r\n return <>\r\n {v}\r\n {this.renderErrors('PolicyEffectiveDate', v)}\r\n ;\r\n }}\r\n \r\n \r\n {(v) => {\r\n return <>\r\n {v}\r\n {this.renderErrors('PolicyNo', v)}\r\n ;\r\n }}\r\n \r\n \r\n {(v) => {\r\n return <>\r\n {v}\r\n {this.renderErrors('PolicyAnnualPremium', v)}\r\n ;\r\n }}\r\n \r\n \r\n
;\r\n }\r\n\r\n render() {\r\n const { hasEligible, hasDuplicateNRIC, files, displayClassName } = this.state;\r\n\r\n return \r\n
\r\n {title}
\r\n{moment(value).format('DD/MM/YYYY')}
}{moment(value).format('DD/MM/YYYY')}
}Upload
\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n {this.renderTable('Eligible', 'Eligible')}\r\n {hasDuplicateNRIC && Records has duplicate NRIC, please fix it and upload again
}\r\n {/* {isFileValid !== null ? \r\n {isFileValid\r\n ?
: null} */}\r\n {this.renderTable('NRICNotMatched', 'Name and IC Not available')}\r\n {this.renderTable('VoucherUtilized', 'Voucher has been utilized')}\r\n {this.renderTable('VoucherUtilizedCancelled', 'Voucher has been utilized and cancelled')}\r\n All field is checked and no issue found, you may proceed to submit upload
\r\n : Some field having invalid format, please fix it and upload again
\r\n }\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {loading ? 'Uploading...' : 'Upload'}\r\n \r\n\r\n {message && (\r\n
\r\n\r\n\r\n \r\n \r\n No. \r\n Company \r\n Year \r\n Month \r\n Uploaded On \r\n Uploaded By \r\n \r\n \r\n \r\n {eventLogs.length === 0 && (\r\n \r\n \r\n No upload history found\r\n \r\n \r\n )}\r\n\r\n {eventLogs.map((row, index) => (\r\n \r\n {index + 1} \r\n {row.CompanyName} \r\n {row.ReportYear} \r\n \r\n {moment(row.ReportMonth, 'M').format('MMMM')}\r\n \r\n \r\n {moment(row.UploadDate).format('DD/MM/YYYY HH:mm')}\r\n \r\n {row.UploadedBy} \r\n \r\n ))}\r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nexport default UploadClaim;","import React from 'react';\r\nimport { Form } from 'reactstrap';\r\n\r\nclass SubmitForm extends React.Component {\r\n render() {\r\n const { children, onSubmit } = this.props;\r\n\r\n return ;\r\n }\r\n}\r\n\r\nexport default SubmitForm;","import React from 'react';\r\n\r\nclass FreeGridSearch extends React.Component {\r\n render() {\r\n var { children } = this.props;\r\n var accessor;\r\n if (typeof children === 'function')\r\n accessor = children(this.props);\r\n else\r\n accessor = children;\r\n\r\n return accessor;\r\n }\r\n}\r\n\r\nexport default FreeGridSearch;","import classNames from 'classnames';\r\nimport $ from 'jquery';\r\nimport PropTypes from 'prop-types';\r\nimport React from 'react';\r\n\r\nconst propTypes = {\r\n // items: PropTypes.array.isRequired,\r\n // onChangePage: PropTypes.func.isRequired,\r\n page: PropTypes.number,\r\n rows: PropTypes.number,\r\n total: PropTypes.number,\r\n jump: PropTypes.number\r\n}\r\n\r\nconst defaultProps = {\r\n page: 1,\r\n rows: 20,\r\n jump: 5\r\n}\r\n\r\nclass Pagination extends React.Component {\r\n constructor() {\r\n super();\r\n this.state = { pager: {} };\r\n }\r\n\r\n componentDidMount() {\r\n // set page if items array isn't empty\r\n if (this.props.total > 0) {\r\n this.setPage(this.props.page);\r\n }\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n // reset page if items array has changed\r\n if (this.props.total !== prevProps.total) {\r\n this.setPage(this.props.page);\r\n }\r\n }\r\n\r\n setPage(page, invokePageChanged) {\r\n var { total, rows } = this.props;\r\n var { pager } = this.state;\r\n\r\n if (page < 1)\r\n page = 1;\r\n if (page > pager.totalPages)\r\n page = pager.totalPages;\r\n\r\n if (invokePageChanged && this.props.onPageChanged) {\r\n this.props.onPageChanged(page);\r\n }\r\n\r\n // get new pager object for specified page\r\n pager = this.getPager(total, page, rows);\r\n\r\n // get new page of items from items array\r\n //var pageOfItems = items.slice(pager.startIndex, pager.endIndex + 1);\r\n\r\n // update state\r\n this.setState({ pager: pager });\r\n\r\n // call change page function in parent component\r\n //this.props.onChangePage(pageOfItems);\r\n }\r\n\r\n getPager(totalItems, currentPage, rows) {\r\n const { jump } = this.props;\r\n\r\n // default to first page\r\n currentPage = currentPage || 1;\r\n\r\n // default page size is 10\r\n rows = rows || 10;\r\n\r\n // calculate total pages\r\n var totalPages = Math.ceil(totalItems / rows);\r\n\r\n var startPage, endPage;\r\n if (totalPages <= jump) {\r\n // less than 10 total pages so show all\r\n startPage = 1;\r\n endPage = totalPages;\r\n } else {\r\n // more than 10 total pages so calculate start and end pages\r\n if (currentPage <= Math.round(jump / 2)) {\r\n startPage = 1;\r\n endPage = jump;\r\n } else if (currentPage + Math.floor(jump / 2) >= totalPages) {\r\n startPage = totalPages - (jump - 1);\r\n endPage = totalPages;\r\n } else {\r\n startPage = currentPage - Math.floor(jump / 2);\r\n endPage = currentPage + Math.floor(jump / 2);\r\n }\r\n }\r\n\r\n // calculate start and end item indexes\r\n var startIndex = (currentPage - 1) * rows;\r\n var endIndex = Math.min(startIndex + rows - 1, totalItems - 1);\r\n\r\n // create an array of pages to ng-repeat in the pager control\r\n var pages = [...Array((endPage + 1) - startPage).keys()].map(i => startPage + i);\r\n\r\n // return object with all pager properties required by the view\r\n return {\r\n currentPage,\r\n rows,\r\n totalPages,\r\n startPage,\r\n endPage,\r\n startIndex,\r\n endIndex,\r\n pages\r\n };\r\n }\r\n\r\n render() {\r\n var pager = this.state.pager;\r\n const { total, rows, jump, children } = this.props;\r\n\r\n if (total < 0)\r\n return Upload Claim Excel
\r\n\r\n\r\n
\r\n\r\n \r\n {message}\r\n
\r\n )}\r\n\r\n \r\n\r\n
Upload History
\r\n\r\nLoading data...
;\r\n else if (total === 0)\r\n return No record found
;\r\n else if (!total)\r\n return null;\r\n // else if (!pager.pages || pager.pages.length <= 1) {\r\n else if (!pager.pages || total <= rows) {\r\n // don't display pager if there is only 1 page\r\n return children ? children : {total} record(s) found
;\r\n }\r\n\r\n return \r\n
;\r\n }\r\n}\r\n\r\nPagination.propTypes = propTypes;\r\nPagination.defaultProps = defaultProps;\r\n\r\nexport default Pagination;\r\n","import classNames from 'classnames';\r\nimport propTypes from 'prop-types';\r\nimport React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { Button, ButtonGroup, Col, Row } from 'reactstrap';\r\nimport Pagination from '../../controls/pagination';\r\nimport { initData, updateData } from '../../redux/actions';\r\nimport FreeGrid from '../../redux/controls/freegrid';\r\nimport { httpget } from '../../utils/common';\r\nimport FreeGridSearch from './freegridsearch';\r\n\r\nclass _FreeTable extends React.Component {\r\n constructor(props) {\r\n super();\r\n\r\n var { rows, page, sidx, sord } = props;\r\n\r\n this.state = {\r\n filter: {\r\n sidx,\r\n sord\r\n },\r\n data: {\r\n page,\r\n rows,\r\n total: -1,\r\n items: []\r\n },\r\n loading: true\r\n };\r\n\r\n this.refresh = this.refresh.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n this.refresh();\r\n }\r\n\r\n refresh() {\r\n const { delay } = this.props;\r\n if (this._timeout) clearTimeout(this._timeout);\r\n this._timeout = setTimeout(() => {\r\n const { data, filter } = this.state;\r\n const { page, rows } = data || {};\r\n const { api, url, source } = this.props;\r\n var serviceget = httpget;\r\n if (api) serviceget = api.httpget;\r\n\r\n this.setState({ loading: true });\r\n serviceget(url, { ...this.props.filter, ...filter, page, rows })\r\n .then(response => {\r\n var { data } = response;\r\n var oriData = data;\r\n if (!data) {\r\n data = {\r\n ...this.state.data,\r\n page: 1,\r\n total: 0,\r\n items: []\r\n };\r\n }\r\n\r\n const { items } = data;\r\n this.props.initData(source, items);\r\n this.setState({ data: { ...data, items: source }, loading: false }, () => {\r\n if (this.props.onDataReady)\r\n this.props.onDataReady(oriData);\r\n });\r\n });\r\n }, delay);\r\n }\r\n\r\n setRows(rows) {\r\n const { data } = this.state;\r\n this.setState({ data: { ...data, rows } }, this.refresh);\r\n }\r\n\r\n render() {\r\n var { children, pagination, rowConfig, rowProps, rowOptions, paginationLabel } = this.props;\r\n const { data, filter, loading } = this.state;\r\n const { items, page, rows, total } = data || {};\r\n\r\n if (!Array.isArray(children))\r\n children = [children];\r\n\r\n return - \r\n
- \r\n this.setPage(1, true)}>\r\n \r\n {jump > 1 ?
- \r\n this.setPage(pager.currentPage - jump, true)}>\r\n : null}\r\n
- \r\n this.setPage(pager.currentPage - 1, true)}>\r\n \r\n {pager.pages.map(p =>
- this.setPage(p, true)}>{p} )}\r\n
- \r\n this.setPage(pager.currentPage + 1, true)}>\r\n \r\n {jump > 1 ?
- \r\n this.setPage(pager.currentPage + jump, true)}>\r\n : null}\r\n {total < 100000 && jump > 1 ?
- \r\n this.setPage(pager.totalPages, true)}>\r\n : null}\r\n
{$.thousand(total)} record(s) found
}\r\n \r\n {children.filter(c => c && c.type === FreeGridSearch).map(c => c)}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n : null}\r\n
:
;\r\n }\r\n}\r\n\r\n_FreeTable.propTypes = {\r\n url: propTypes.string.isRequired,\r\n api: propTypes.object,\r\n source: propTypes.string,\r\n page: propTypes.number,\r\n rows: propTypes.number,\r\n pagination: propTypes.bool,\r\n paginationLabel: propTypes.any,\r\n filter: propTypes.object,\r\n delay: propTypes.number,\r\n onDataReady: propTypes.func,\r\n rowConfig: propTypes.oneOfType([propTypes.object, propTypes.func]),\r\n rowProps: propTypes.oneOfType([propTypes.object, propTypes.func]),\r\n rowOptions: propTypes.bool\r\n};\r\n\r\n_FreeTable.defaultProps = {\r\n source: 'freedata',\r\n page: 1,\r\n rows: 20,\r\n pagination: true,\r\n delay: 500,\r\n rowOptions: true\r\n};\r\n\r\nconst FreeTable = connect(state => {\r\n return {};\r\n}, { initData, updateData }, null, { forwardRef: true })(_FreeTable);\r\n\r\nexport default FreeTable;","import classNames from 'classnames';\r\nimport React from 'react';\r\nimport Select from 'react-select';\r\nimport { Input } from 'reactstrap';\r\nimport { httpget } from '../utils/common';\r\n\r\nclass Chosen extends React.Component {\r\n constructor() {\r\n super();\r\n\r\n this.state = {};\r\n this.handleChange = this.handleChange.bind(this);\r\n this.handleDataReady = this.handleDataReady.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n var { api, url, urlParams, referenceUrl, referenceData } = this.props;\r\n\r\n if (!url) url = referenceUrl;\r\n if (!urlParams) urlParams = referenceData;\r\n\r\n var serviceget = httpget;\r\n if (api)\r\n serviceget = api.httpget;\r\n\r\n if (url) {\r\n serviceget(url, urlParams)\r\n .then((response) => {\r\n this.handleDataReady(response.data);\r\n this.setState({\r\n options: response.data\r\n });\r\n });\r\n }\r\n }\r\n\r\n handleDataReady(d) {\r\n if (this.props.onDataReady)\r\n this.props.onDataReady(d);\r\n }\r\n\r\n handleChange(event) {\r\n if (this.props.onChange) {\r\n event = event || {};\r\n const { name } = this.props;\r\n var target;\r\n if (Array.isArray(event)) {\r\n var ids = [];\r\n event.map(e => ids.push(e.value));\r\n // Object.defineProperty(event, 'target', { value: { name, type: 'select', value: ids } });\r\n target = { value: ids };\r\n }\r\n else\r\n // Object.defineProperty(event, 'target', { value: { name, type: 'select', value: event ? event.id : null } });\r\n target = { value: event ? event.value : null };\r\n this.props.onChange({ ...event, target: { ...target, name, type: 'select' } });\r\n }\r\n }\r\n\r\n render() {\r\n var { id, name, value, className, placeholder, style, readOnly, options } = this.props;\r\n if (!options)\r\n options = this.state.options;\r\n if (!options)\r\n options = [];\r\n\r\n if (readOnly) {\r\n var text = '';\r\n options.filter(d => d.id === value).map(d => text = d.label);\r\n return \r\n {\r\n var { sidx, sord } = filter;\r\n if (sidx === id)\r\n sord = !sord;\r\n else {\r\n sidx = id;\r\n sord = true;\r\n }\r\n debugger\r\n this.setState({ filter: { ...filter, sidx, sord } }, this.refresh);\r\n }}>\r\n {children}\r\n \r\n
\r\n {pagination && total > rows ? \r\n this.setState({ data: { ...data, page } }, () => this.refresh())}\r\n >{paginationLabel}\r\n
\r\n \r\n {total > page * rows && rowOptions ? {total} record(s) found
}\r\n \r\n {isRepayerOrAdmin && \r\n \r\n Approval Date \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n Reimbursement Enquiry
\r\n\r\n \r\n this.editItem = ref} source=\"editItem\" /> */}\r\n this.table = table}\r\n api={baseapi}\r\n url={\"/api/Disbursement?\" + $.param({ firstLoad })}\r\n source=\"Disbursements\"\r\n filter={filter}\r\n rows={10}\r\n onDataReady={this.handleDataReady}>\r\n {this.renderSearch()}\r\n {/* \r\n {(v, { id }) => }\r\n */}\r\n {(value, props) => */}\r\n {/* {(value, props) => */}\r\n {(value, props) => \r\n {(value, props) => \r\n {(value, props) => */}\r\n \r\n \r\n
\r\n
\r\n {$.currency(value)}
}{moment(value).format('DD/MM/YYYY')}
}{$.currency(value)}
}{(value) ? moment(value).format('DD/MM/YYYY') : ''}
}{moment(value).format('DD/MM/YYYY HH:mm:ss A')}
}{this.state.error}
;\r\n } else if (this.props.required) {\r\n hasWarning = true;\r\n }\r\n }\r\n\r\n if (this.state.isValidated) {\r\n if (!this.validate(true))\r\n feedback = {this.state.error}
;\r\n }\r\n\r\n if (hasError)\r\n return (\r\n this.scrollToElement(div)}\r\n key={this.key}\r\n className={classnames({ 'validate-field': true, 'has-error': hasError, 'has-warning': hasWarning, 'has-success': hasSuccess })}\r\n style={this.props.style}>\r\n {this.props.children}\r\n {feedback}\r\n
\r\n );\r\n else\r\n return (\r\n \r\n {this.props.children}\r\n {feedback}\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default ValidateField;","import React from 'react';\r\nimport Autosuggest from 'react-autosuggest';\r\nimport { httpget } from '../utils/common';\r\n\r\nclass AutoComplete extends React.Component {\r\n constructor(props) {\r\n super();\r\n\r\n this.state = { options: props.options || [] };\r\n this.handleChange = this.handleChange.bind(this);\r\n this.handleBlur = this.handleBlur.bind(this);\r\n\r\n this.onSuggestionsFetchRequested = this.onSuggestionsFetchRequested.bind(this);\r\n this.onSuggestionsClearRequested = this.onSuggestionsClearRequested.bind(this);\r\n this.onSuggestionSelected = this.onSuggestionSelected.bind(this);\r\n }\r\n\r\n handleChange(event, opt) {\r\n if (this.props.onChange)\r\n this.props.onChange({ target: { name: this.props.name, type: 'text', value: opt.newValue } });\r\n }\r\n\r\n handleBlur(event) {\r\n if (this.props.onBlur)\r\n this.props.onBlur(event);\r\n }\r\n\r\n onSuggestionsFetchRequested = ({ value }) => {\r\n var { api, url, urlParams, referenceUrl, referenceData } = this.props;\r\n\r\n if (!url) url = referenceUrl;\r\n if (!urlParams) urlParams = referenceData;\r\n\r\n if (url) {\r\n if (this._autocompleteTimeOut)\r\n clearTimeout(this._autocompleteTimeOut);\r\n this._autocompleteTimeOut = setTimeout(() => {\r\n var serviceget = httpget;\r\n if (api)\r\n serviceget = api.httpget;\r\n\r\n serviceget(url, { q: value, ...urlParams })\r\n .then((response) => {\r\n this.setState({\r\n options: response.data\r\n });\r\n this._autocompleteTimeOut = undefined;\r\n });\r\n }, 500);\r\n } else if (this.props.options) {\r\n this.setState({\r\n options: this.props.options.filter(o => o.label.toUpperCase().contains(value.toUpperCase()))\r\n });\r\n }\r\n };\r\n\r\n onSuggestionsClearRequested() {\r\n this.setState({\r\n suggestions: []\r\n });\r\n }\r\n\r\n onSuggestionSelected(e, data) {\r\n if (this.props.onSelected)\r\n this.props.onSelected(data.suggestionValue);\r\n else {\r\n this.handleChange(null, { newValue: data.suggestionValue });\r\n }\r\n }\r\n\r\n render() {\r\n const inputProps = {\r\n id: this.props.id,\r\n name: this.props.name,\r\n value: this.props.value || '',\r\n onChange: this.handleChange,\r\n onBlur: this.handleBlur,\r\n readOnly: this.props.readOnly,\r\n className: this.props.className || 'form-control',\r\n placeholder: this.props.placeholder,\r\n autoComplete: \"off\",\r\n ...this.props.inputProps\r\n };\r\n\r\n return (\r\n {suggestion.label}
}\r\n inputProps={inputProps}\r\n shouldRenderSuggestions={value => this.props.shouldRenderSuggestions || value}\r\n />\r\n );\r\n }\r\n}\r\n\r\nexport default AutoComplete;","import moment from 'moment';\r\nimport React from 'react';\r\nimport ReactDatePicker from 'react-datetime';\r\nimport 'react-datetime/css/react-datetime.css';\r\n\r\nclass DateTimePicker extends React.Component {\r\n constructor() {\r\n super();\r\n\r\n this.handleChange = this.handleChange.bind(this);\r\n this.handleBlur = this.handleBlur.bind(this);\r\n this.handleValidDate = this.handleValidDate.bind(this);\r\n this.handleInput = this.handleInput.bind(this);\r\n }\r\n\r\n handleChange(date) {\r\n if (!date || (date && date.isValid && date.isValid())) {\r\n if (this.props.onChange) {\r\n if (date) date = date.format(\"DD MMM YYYY HH:mm\");\r\n this.props.onChange({ target: { name: this.props.name, type: 'date', value: date } });\r\n }\r\n }\r\n }\r\n\r\n handleBlur(date) {\r\n if (this.props.onBlur) {\r\n if (date && date.isValid && date.isValid())\r\n date = date.format(\"DD MMM YYYY HH:mm\");\r\n else\r\n date = '';\r\n this.props.onBlur({ target: { name: this.props.name, type: 'date', value: date } });\r\n }\r\n }\r\n\r\n handleValidDate(currentDate, selectedDate) {\r\n if (this.props.maxDate) {\r\n if (currentDate > moment(this.props.maxDate))\r\n return false;\r\n }\r\n if (this.props.minDate) {\r\n if (currentDate < moment(this.props.minDate))\r\n return false;\r\n }\r\n return true;\r\n }\r\n\r\n handleInput(e) {\r\n if (this.props.onInput)\r\n this.props.onInput(e);\r\n }\r\n\r\n render() {\r\n const { id, name, value, className, onFocus, readOnly, placeholder } = this.props;\r\n\r\n return (\r\n \r\n {(this.props.options || this.state.options || []).map(d => {\r\n var { id, label } = d || {};\r\n if (id === undefined)\r\n id = '';\r\n\r\n const { name, value } = this.props;\r\n return
;\r\n }\r\n }\r\n}\r\n\r\nRadioList.defaultProps = {\r\n};\r\n\r\nRadioList.propTypes = {\r\n options: propTypes.array,\r\n horizontal: propTypes.bool,\r\n readOnly: propTypes.bool,\r\n api: propTypes.object,\r\n url: propTypes.string,\r\n urlParams: propTypes.object,\r\n /**\r\n * @deprecated\r\n * @see https://reactjs.org/docs/legacy-context.html\r\n */\r\n referenceUrl: propTypes.string,\r\n /**\r\n * @deprecated\r\n * @see https://reactjs.org/docs/legacy-context.html\r\n */\r\n referenceData: propTypes.object\r\n};\r\n\r\nexport default RadioList;","import React from 'react';\r\nimport { Input, Label } from \"reactstrap\";\r\nimport propTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\n\r\nclass Switch extends React.Component {\r\n constructor() {\r\n super();\r\n this.handleChange = this.handleChange.bind(this);\r\n }\r\n\r\n handleChange(event) {\r\n if (this.props.onChange) {\r\n const { name, value, checked } = event.target;\r\n if (value && value !== 'true')\r\n this.props.onChange({ target: { name, type: 'checkbox', value, checked } });\r\n else\r\n this.props.onChange({ target: { name, type: 'checkbox', value: checked, checked } });\r\n }\r\n }\r\n\r\n render() {\r\n var { id, name, checked, data, readOnly, value, inputProps, placeholder, size, children } = this.props;\r\n var className = 'clickable';\r\n if (inputProps && inputProps.className)\r\n className = classNames({ [inputProps.className]: true, [className]: true });\r\n inputProps = { ...inputProps, className };\r\n\r\n var defClass = \"switch switch-3d switch-primary\";\r\n if (size)\r\n defClass += classNames({ [defClass]: true, [\"switch-\" + size]: true });\r\n\r\n return (\r\n \r\n );\r\n }\r\n}\r\n\r\nSwitch.propTypes = {\r\n id: propTypes.string,\r\n name: propTypes.string,\r\n onChange: propTypes.func,\r\n checked: propTypes.bool,\r\n readOnly: propTypes.bool,\r\n value: propTypes.any,\r\n placeholder: propTypes.string,\r\n data: propTypes.object,\r\n size: propTypes.string\r\n};\r\n\r\nSwitch.defaultProps = {\r\n value: true\r\n}\r\n\r\nexport default Switch;","import $ from \"jquery\";\r\nimport moment from 'moment';\r\nimport React from 'react';\r\nimport MaskedInput from 'react-text-mask';\r\nimport { Input } from 'reactstrap';\r\nimport AutoComplete from './autocomplete';\r\nimport Chosen from './chosen';\r\nimport DatePicker from './datepicker';\r\nimport DateTimePicker from './datetimepicker';\r\n// import HtmlEditor from './htmleditor';\r\nimport RadioList from './radiolist';\r\nimport Switch from './switch';\r\n\r\nclass RenderInput extends React.Component {\r\n constructor() {\r\n super();\r\n\r\n this.handleInputChange = this.handleInputChange.bind(this);\r\n this.handleFocus = this.handleFocus.bind(this);\r\n this.handleBlur = this.handleBlur.bind(this);\r\n }\r\n\r\n handleInputChange(event) {\r\n if (this.props.type === 'tel') {\r\n var val = event.target.value;\r\n if (val.startsWith('+0') && this.maskedInput) {\r\n val = val.replace('+0', '+60');\r\n event.target.value = val;\r\n this.maskedInput.textMaskInputElement.update();\r\n }\r\n }\r\n\r\n if (this.props.uppercase)\r\n if ((this.props.type || 'text') === 'text') {\r\n val = event.target.value;\r\n if (typeof val === 'string') {\r\n val = val.toUpperCase();\r\n event.target.value = val;\r\n }\r\n }\r\n\r\n if (this.props.config.onChange)\r\n this.props.config.onChange(event, this.props.data);\r\n if (this.props.onChange)\r\n this.props.onChange(event);\r\n }\r\n\r\n handleFocus(event) {\r\n event.target.select();\r\n if (this.props.config.onFocus)\r\n this.props.config.onFocus(event, this.props.data);\r\n if (this.props.onFocus)\r\n this.props.onFocus(event);\r\n }\r\n\r\n handleBlur(event) {\r\n switch (this.props.type) {\r\n case 'percent':\r\n case 'currency':\r\n var value = $.currency(this.props.value);\r\n this.handleInputChange({ target: { name: this.props.id, value } });\r\n break;\r\n default: break;\r\n }\r\n if (this.props.config.onBlur)\r\n this.props.config.onBlur(event, this.props.data);\r\n if (this.props.onBlur)\r\n this.props.onBlur(event);\r\n }\r\n\r\n render() {\r\n var input;\r\n const { id, placeholder, type, value, className, api } = this.props;\r\n var config = this.props.config;\r\n if (config.config) {\r\n if (typeof config.config === 'function')\r\n config = config.config(config, this.props.data) || config;\r\n else\r\n config = config.config;\r\n }\r\n const { referenceUrl, referenceData, imageUploadURL, options, Cell, EditCell, searchable, minDate, maxDate, readOnly, title, editStyle, maxLength, shouldRenderSuggestions } = config || {};\r\n\r\n if (!searchable) {\r\n const custom = Cell;\r\n if (custom) {\r\n input = custom;\r\n if (typeof input === 'function')\r\n input = input(this.props);\r\n }\r\n }\r\n\r\n if (EditCell) {\r\n const custom = EditCell;\r\n if (custom) {\r\n input = custom;\r\n if (typeof input === 'function')\r\n input = input(this.props);\r\n }\r\n }\r\n\r\n var val = value === undefined || value === null ? '' : value;\r\n if (!input) {\r\n switch (type) {\r\n case 'checkbox':\r\n input = \r\n \r\n
;\r\n })}\r\n \r\n \r\n {/* \r\n \r\n Created Date \r\n \r\n \r\n \r\n \r\n \r\n To \r\n \r\n \r\n */}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Lift CANCEL BY ITO\r\n Cancel Cancel by customer\r\n \r\n \r\n
\r\n \r\n Are you sure to {statusDesc} voucher no. {name}?
\r\n [Confirm] to continue.\r\n
\r\n {!!isFreeLookPeriod && <>\r\n Cancellation
\r\n\r\n \r\n this.table = table}\r\n api={baseapi}\r\n url={\"/api/UploadItems?\" + $.param({ firstLoad })}\r\n source=\"uploadItems\"\r\n filter={filter}\r\n rows={10}\r\n onDataReady={this.handleDataReady}>\r\n {this.renderSearch()}\r\n {\r\n const { VoucherNo, StatusID, AmountApplied, PolicyEffectiveDate } = d;\r\n return { VoucherNo, StatusID, AmountApplied, PolicyEffectiveDate };\r\n }}>\r\n {(value, props) => {\r\n const { VoucherNo, id, StatusID, AmountApplied, PolicyEffectiveDate } = props;\r\n if (StatusID == 2)\r\n return \r\n }}\r\n \r\n {\r\n const { VoucherNo, StatusID, AmountApplied, PolicyEffectiveDate } = d;\r\n return { VoucherNo, StatusID, AmountApplied, PolicyEffectiveDate };\r\n }}>\r\n {(value, props) => {\r\n const { VoucherNo, id, StatusID, AmountApplied, PolicyEffectiveDate } = props;\r\n if (StatusID == 2)\r\n return \r\n }}\r\n \r\n \r\n {(value, props) => \r\n \r\n {(value, props) =>\r\n (value != undefined) ? \r\n {(value, props) => value != undefined ? \r\n \r\n {(value, props) => \r\n {(value, props) => value != undefined ? \r\n {(value, props) => value != undefined ? \r\n {(value, props) => value != undefined ? \r\n {(value, props) => value != undefined ? \r\n {(value, props) => value != undefined ? \r\n {\r\n const { StatusID } = d;\r\n return { StatusID };\r\n }} >\r\n {(value, props) => {\r\n const { StatusID } = props;\r\n return */}\r\n \r\n {(value, props) =>\r\n \r\n \r\n \r\n
\r\n
\r\n {this.renderCancellationModel()}\r\n {$.currency(value)}
}\r\n {moment(value).format('DD/MM/YYYY hh:mm a')}
: \"\"\r\n }\r\n {moment(value).format('DD/MM/YYYY hh:mm a')}
: \"\"}{$.currency(value)}
}\r\n {moment(value).format('DD/MM/YYYY hh:mm a')}
: \"\"}{moment(value).format('DD/MM/YYYY hh:mm a')}
: \"\"}{moment(value).format('DD/MM/YYYY hh:mm a')}
: \"\"}{moment(value).format('DD/MM/YYYY')}
: \"\"}{moment(value).format('DD/MM/YYYY hh:mm a')}
: \"\"}{StatusID == 3 ? \"NEW\" : value}
\r\n }}\r\n {moment(value).format('DD/MM/YYYY hh:mm a')}
\r\n }\r\n {title}
\r\n| {key} | : null;\r\n })}
|---|
| {(typeof value == \"boolean\") ? value.toString() : value} | : null;\r\n })}\r\n
Upload Reimbursement
\r\n\r\n
\r\n \r\n Total Records : {totalRecords}\r\n {hasError &&
Total Records (With Error) : {totalRecordsWithErrors}
}\r\n \r\n {/* {!hasError && } */}\r\n \r\n {<> }\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n Event Log
\r\n\r\n \r\n this.table = table}\r\n api={baseapi}\r\n url=\"/api/UploadItems/GetEventLog\"\r\n source=\"eventLog\"\r\n filter={filter}\r\n rows={10}>\r\n {this.renderSearch()}\r\n \r\n \r\n {(value, props) => value != undefined ? \r\n \r\n \r\n
\r\n
\r\n {moment(value).format('DD/MM/YYYY hh:mm a')}
: \"\"}Accept Multiple Email seperated by semicolon: sample@gmail.com; tester@hotmail.com
\r\n \r\nUser Profile
\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 Enquiry
\r\n\r\n \r\n this.table = table}\r\n api={baseapi}\r\n url=\"/api/BPR\"\r\n source=\"BPRs\"\r\n filter={filter}\r\n rows={10}>\r\n {this.renderSearch()}\r\n \r\n {(value, props) => \r\n {(value, props) => \r\n {/* {(value, props) => \r\n {/* {(value, props) => \r\n {/* {(value, props) => \r\n \r\n \r\n
\r\n
\r\n {$.currency(value)}
}\r\n {(value) ? moment(value).format('DD/MM/YYYY hh:mm a') : ''}
}{(value) ? moment(value).format('DD/MM/YYYY hh:mm a') : ''}
}{(value) ? moment(value).format('DD/MM/YYYY hh:mm a') : ''}
}{(value) ? moment(value).format('DD/MM/YYYY hh:mm a') : ''}
}\r\n
\r\n );\r\n }\r\n}\r\n\r\n//export default PrivacyPolicy;\r\n\r\nexport default connect((state) => {\r\n const { userState, siteSettings } = state;\r\n const { IsProfileLoaded, IsLoggedIn } = userState || {};\r\n const { lang } = siteSettings || {}; \r\n return { IsProfileLoaded, IsLoggedIn, lang };\r\n}, null)(PrivacyPolicy);","import React from 'react';\r\nimport { LangResource, LANGUAGE, WORD } from '../../utils/language';\r\nimport { connect } from 'react-redux';\r\n//import ReactHtmlParser from 'react-html-parser';\r\nimport { Row, Button, Col, Input, Alert, Card, CardHeader, CardBody } from 'reactstrap';\r\n\r\nclass ContactUs extends React.Component {\r\n constructor() {\r\n super();\r\n\r\n this.state = {\r\n language: 0,\r\n };\r\n\r\n }\r\n\r\n componentDidMount() {\r\n\r\n }\r\n\r\n render() {\r\n const { language } = this.state;\r\n const { lang } = this.props;\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n {LangResource(lang, WORD.POLICY_TITLE1)}
\r\n {LangResource(lang, WORD.POLICY_TITLE2)}
\r\n \r\n
\r\n {/* {LangResource(lang, WORD.POLICY_CONTENT1)}
\r\n {LangResource(lang, WORD.POLICY_SUB_TITLE1)}
\r\n {LangResource(lang, WORD.POLICY_CONTENT2)}
\r\n {LangResource(lang, WORD.POLICY_SUB_TITLE2)}
\r\n {LangResource(lang, WORD.POLICY_CONTENT3)}
\r\n {LangResource(lang, WORD.POLICY_SUB_TITLE3)}
\r\n {LangResource(lang, WORD.POLICY_CONTENT4)}
\r\n {LangResource(lang, WORD.POLICY_SUB_TITLE4)}
\r\n {LangResource(lang, WORD.POLICY_CONTENT5)}
\r\n \r\n
*/}\r\n \r\n {LangResource(lang, WORD.POLICY_TITLE3)}\r\n
\r\n {LangResource(lang, WORD.POLICY_TITLE4)}\r\n 1-300-22-1188\r\n {LangResource(lang, WORD.POLICY_TITLE5)}\r\n 15-500 \r\n
\r\n \r\n {LangResource(lang, WORD.POLICY_TITLE4)}\r\n 1-300-22-1188\r\n {LangResource(lang, WORD.POLICY_TITLE5)}\r\n 15-500 \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\n//export default ContactUs;\r\n\r\nexport default connect((state) => {\r\n const { siteSettings } = state;\r\n const { lang } = siteSettings || {};\r\n return { lang };\r\n}, null)(ContactUs);","import React from 'react';\r\nimport { LangResource, LANGUAGE, WORD } from '../../utils/language';\r\nimport { connect } from 'react-redux';\r\nimport { Button, UncontrolledCollapse, Card, CardBody, Row, Col } from 'reactstrap';\r\n\r\n\r\nclass FAQ extends React.Component {\r\n constructor() {\r\n super();\r\n\r\n this.state = {\r\n language: 0\r\n };\r\n\r\n }\r\n\r\n componentDidMount() {\r\n\r\n }\r\n\r\n render() {\r\n const { language } = this.state;\r\n const { lang } = this.props;\r\n return (\r\n \r\n
\r\n \r\n
\r\n {LangResource(lang, WORD.CONTACT_TITLE)}
\r\n {/*{LangResource(lang, WORD.CONTACT_TITLE2)}
*/}\r\n \r\n
\r\n {LangResource(lang, WORD.CONTACT_TITLE3)}
\r\n\r\n \r\n \r\n
\r\n
\r\n | {LangResource(lang, WORD.CONTACT_HEAD1)} | \r\n{LangResource(lang, WORD.CONTACT_HEAD2)} | \r\n{LangResource(lang, WORD.CONTACT_HEAD3)} | \r\n|
|---|---|---|---|
AIA General Berhad | \r\n \r\n | CahayaKu | \r\n \r\n |
AIA PUBLIC Takaful Bhd | \r\n \r\n | AIA i-Starter Plan | \r\n \r\n |
Allianz General Insurance (Malaysia) Berhad | \r\n \r\n | PerlindunganKu Allianz4All | \r\n \r\n |
Allianz Life Insurance Malaysia Berhad | \r\n Hotline: 1300-22-5542 Email: customer.service@allianz.com.my | \r\n A-Z Protect | \r\n \r\n |
Chubb Insurance Malaysia Berhad | \r\n \r\n | Protector Guard | \r\n \r\n |
Etiqa Family Takaful Berhad | \r\n \r\n | Pos Tenang Takaful Platinum (PTV) | \r\n \r\n |
FWD Insurance Berhad | \r\n \r\n | Qaseh Setia | \r\n \r\n |
Qaseh Bakti Plus | \r\n \r\n | ||
Qaseh Murni | \r\n \r\n | ||
Great Eastern Life Assurance (Malaysia) Berhad | \r\n Hotline: 1300 1300 88 Email: gmbismarketing@greateasternlife.com Website: www.greateasternlife.com/my | \r\n Great Tenang Madani | \r\n \r\n |
Great Eastern Takaful Berhad | \r\n Hotline: 1300 13 8338 Email: i-greatcare@greateasterntakaful.com Website: www.greateasterntakaful.com | \r\n Great Eastern MikroSayang | \r\n \r\n |
Hong Leong Assurance Berhad | \r\n Hotline: 03-7650 1288 Email: customerservice@hla.hongleong.com.my | \r\n HLA Stackable (Packaged Plans) | \r\n \r\n |
Hong Leong MSIG Takaful Berhad | \r\n \r\n | HLM Takaful Tenang | \r\n \r\n |
MSIG Insurance (Malaysia) Bhd | \r\n \r\n | Mini Personal Accident Insurance | \r\n \r\n |
Pacific & Orient Insurance Co. Berhad | \r\n Hotline: +603 2698 5033 / 1 800 88 2121 Email: poi2u@pacific-orient.com Website: https://www.poi2u.com/ | \r\n PrOTenang | \r\n \r\n |
Prudential BSN Takaful Berhad | \r\n \r\n | BSN Takaful Sakinah Plus | \r\n \r\n |
Tokio Marine Insurans(Malaysia) Berhad | \r\n Hotline: 1800-88-0812 Email: letusknow@tokiomarine.com.my Website: https://www.tokiomarine.com/my/en/non-life/get-in-touch.html | \r\n Tokio Marine TenangCare | \r\n \r\n |
Zurich Takaful Malaysia Berhad | \r\n \r\n | Zurich Tenang Care | \r\n \r\n |
\r\n
\r\n\r\n \r\n {LangResource(lang, WORD.CONTACT_CONTENT1)}\r\n MyCoverage \r\n {LangResource(lang, WORD.CONTACT_CONTENT2)}\r\n {/* \r\n
*/}\r\n
\r\n {/*\r\n
\r\n \r\n \r\n {LangResource(lang, WORD.NOTICE)}\r\n
\r\n */}\r\n {/*
*/}\r\n {/* Email: ptv@liam.org.my
*/}\r\n {/* Phone: [03-26916628/6168/8068]
*/}\r\n \r\n {/* {LangResource(lang, WORD.CONTACT_CONTENT5)}
*/}\r\n {/* Email: ptv@malaysiantakaful.com.my
*/}\r\n {/* Phone: 012-7720025
*/}\r\n \r\n {/* {LangResource(lang, WORD.CONTACT_CONTENT6)}
*/}\r\n {/* Email: pic@piam.org.my
*/}\r\n {/* Phone: [03-22747399]
*/}\r\n \r\n {/*
*/}\r\n {LangResource(lang, WORD.CONTACT_CONTENT3)}
*/}\r\n \r\n {/* {LangResource(lang, WORD.CONTACT_CONTENT4)}*/}\r\n {/* Email: ptv@liam.org.my
*/}\r\n {/* Phone: [03-26916628/6168/8068]
*/}\r\n \r\n {/* {LangResource(lang, WORD.CONTACT_CONTENT5)}
*/}\r\n {/* Email: ptv@malaysiantakaful.com.my
*/}\r\n {/* Phone: 012-7720025
*/}\r\n \r\n {/* {LangResource(lang, WORD.CONTACT_CONTENT6)}
*/}\r\n {/* Email: pic@piam.org.my
*/}\r\n {/* Phone: [03-22747399]
*/}\r\n \r\n {/*
\r\n
\r\n );\r\n }\r\n}\r\n\r\n//export default FAQ;\r\n\r\nexport default connect((state) => {\r\n const { userState, siteSettings } = state;\r\n const { IsProfileLoaded, IsLoggedIn } = userState || {};\r\n const { lang } = siteSettings || {};\r\n return { IsProfileLoaded, IsLoggedIn, lang };\r\n}, null)(FAQ);","import $ from 'jquery';\r\nimport moment from 'moment';\r\nimport React from 'react';\r\nimport { Input, InputGroup, InputGroupAddon, InputGroupText, Col, Container } from 'reactstrap';\r\nimport SubmitForm from '../../controls/submitform';\r\nimport FreeGridCol from '../../redux/controls/freegridcol';\r\nimport FreeGridSearch from '../../redux/controls/freegridsearch';\r\nimport FreeTable from '../../redux/controls/freetable';\r\nimport baseapi from '../../services/baseapi';\r\nimport Chosen from '../../controls/chosen';\r\nimport DatePicker from '../../controls/datepicker';\r\nimport Row from 'reactstrap/lib/Row';\r\nimport { connect } from 'react-redux';\r\nimport { getAuth } from '../../widgets/MyAuth'\r\nimport { notfound } from '../../utils/common';\r\n\r\nconst filterName = 'DisbursementFunds_filter';\r\n\r\nclass DisbursementFunds extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n var filter = JSON.parse(localStorage.getItem(filterName) || '{}');\r\n\r\n this.state = {\r\n filter: {\r\n q: '',\r\n fromDate: '',\r\n toDate: '',\r\n insurer: '',\r\n dateOfDisbursement: '',\r\n ...filter,\r\n },\r\n editing: false,\r\n };\r\n\r\n this.refresh = this.refresh.bind(this);\r\n this.handleSearchChanged = this.handleSearchChanged.bind(this);\r\n this.handleDateSearchChanged = this.handleDateSearchChanged.bind(this);\r\n }\r\n\r\n refresh(e) {\r\n const { filter } = this.state;\r\n var hasSearch = Object.keys(filter).filter(item => !!filter[item]).length > 0;\r\n if (hasSearch) {\r\n localStorage.setItem(filterName, JSON.stringify(filter));\r\n this.table.refresh(filter);\r\n }\r\n else {\r\n notfound('Search', 'At least a search criteria is needed.');\r\n }\r\n }\r\n\r\n handleDateSearchChanged(e) {\r\n const { name, value } = e.target;\r\n if (moment(value).isValid() || value === '') {\r\n this.handleSearchChanged(e);\r\n }\r\n }\r\n\r\n handleSearchChanged(e) {\r\n const { filter } = this.state;\r\n const { name, value } = e.target;\r\n var val = (value === undefined) ? '' : value;\r\n // this.setState({ filter: { ...filter, [name]: val } }, this.refresh);\r\n // this.setState({ filter: { ...filter, [name]: val } });\r\n this.setState({ filter: { ...filter, [name]: val } }, () => \r\n localStorage.setItem(filterName, JSON.stringify(this.state.filter))\r\n ); \r\n }\r\n\r\n renderSearch() {\r\n // const { UserRole } = this.props;\r\n const { filter } = this.state;\r\n const { insurer, fromDate, toDate, q } = filter;\r\n // const isRepayerOrAdmin = ([2, 3].indexOf(UserRole) > -1);\r\n\r\n return \r\n
\r\n \r\n
\r\n {LangResource(lang, WORD.FAQ_TITLE1)}
\r\n {LangResource(lang, WORD.FAQ_TITLE2)}
\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\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\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\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\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\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\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 {LangResource(lang, WORD.FAQ_A2_ENG)} [www.myCoverage.my]
\r\n
{LangResource(lang, WORD.FAQ_A2_BM)} [www.myCoverage.my]
\r\n ABOUT PERLINDUNGAN TENANG VOUCHER 3.0 PROGRAMME AND ITS ELIGIBILITY
\r\n Mengenai Program Perlindungan Tenang 3.0 dan Syarat Kelayakan
\r\n\r\n \r\n
\r\n
\r\n - \r\n
- The Perlindungan Tenang Voucher 3.0 Programme is a strategic initiative by the Government of Malaysia to strengthen social protection for lower-income segments of the population. \r\n
- Commencing on 1st September 2025, a RM30 voucher will be allocated to 2 million eligible Sumbangan Tunai Rahmah (STR) recipients. \r\n
- This voucher may be utilised to purchase a new or renew a microinsurance or microtakaful product under Perlindungan Tenang framework offered by participating Insurers/ takaful operators. \r\n
- Perlindungan Tenang products are designed to provide accessible and affordable financial protection, particularly for underserved and vulnerable communities. \r\n
- For further details on available plans and participating insurers/takaful operators, please visit https://www.mycoverage.my/en/perlindungan_tenang3.0/. \r\n
\r\n
\r\n
\r\n - \r\n
- Program Baucar Perlindungan Tenang (PTV) 3.0 merupakan inisiatif strategik oleh Kerajaan Malaysia untuk memperkukuh perlindungan sosial bagi golongan berpendapatan rendah. \r\n
- Bermula 1 September 2025, baucar bernilai RM30 akan diberikan kepada 2 juta penerima Sumbangan Tunai Rahmah (STR) yang layak. \r\n
- Baucar ini boleh digunakan untuk membeli produk asas insurans dan takaful yang ditawarkan oleh pengendali insurans dan takaful berlesen yang mengambil bahagian dalam program PTV 3.0. \r\n
- Produk Perlindungan Tenang direka untuk menyediakan perlindungan kewangan yang mudah diakses dan mampu milik, khususnya bagi komuniti yang kurang mendapat akses (underserved) dan terdedah kepada risiko (vulnerable). \r\n
- Untuk maklumat lanjut mengenai pelan yang ditawarkan dan penyedia yang mengambil bahagian, sila layari https://www.mycoverage.my/perlindungan_tenang3.0/. \r\n
\r\n
\r\n - \r\n
- The voucher will be allocated to 2 million eligible STR recipients on a first come first served basis. \r\n
\r\n
\r\n
\r\n - \r\n
- Baucar ini akan diberikan kepada 2 juta penerima penerima Sumbangan Tunai Rahmah (STR) yang layak berdasarkan siapa cepat, dia dapat (first come first served basis). \r\n
\r\n
\r\n - \r\n
- To check your eligibility, please follow the steps below: \r\n
- \r\n
- Step 1: Go to www.myptv.my
- Step 2: Key in your National Registration Identity Card (NRIC) number and tick (/) \"YES, I HAVE READ AND UNDERSTOOD THE PRIVACY NOTICE\" and \"I'm not a robot.\"
- Step 3: If you are eligible for the programme, the PTV system will generate a voucher number. Please use the voucher number when you want to redeem the RM30 voucher at point of purchase.
- Alternatively, you may also walk into any branch or authorised agents/distributors of the participating insurers/takaful operators offering Perlindungan Tenang products under the PTV 3.0 Programme to check your eligibility. \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n - \r\n
- Untuk menyemak kelayakan, sila ikuti langkah-langkah berikut: \r\n
- \r\n
- Langkah 1: Layari www.myptv.my
- Langkah 2: Masukkan maklumat Nombor Kad Pengenalan (NRIC) anda dan tandakan tik (/) di “YA, SAYA TELAH MEMBACA DAN MEMAHAMI NOTIS PRIVASI” dan “Saya bukan robot”.
- Langkah 3: Jika anda layak untuk program ini, anda akan menerima nombor baucar dalam mesej seterusnya. Sila gunakan nombor baucar tersebut apabila anda mahu menebus baucar RM30 semasa membuat pembelian.
- Sebagai alternatif, anda juga boleh mengunjungi mana-mana cawangan atau ejen/pengedar yang sah bagi syarikat insurans/pengendali takaful yang menyertai dan menawarkan produk Perlindungan Tenang di bawah Program PTV 3.0 untuk menyemak kelayakan anda. \r\n
\r\n
\r\n
\r\n
\r\n
\r\n - \r\n
- There are two methods to redeem the voucher when purchasing your product: \r\n
- \r\n
- Method 1 - Redeem the voucher and purchase online:
- Step 1: Visit www.mycoverage.my
- Step 2: Scroll down to the \"Perlindungan Tenang Products under PTV 3.0 Programme\" section. Click on each participating Perlindungan Tenang products insurers/takaful operators’ icon to understand the products' basic features and benefits. Please check the respective product criteria such as age limit and premium/contribution amount before deciding on the product that best meets your needs.
- Step 3: Click \"FIND OUT MORE\". You will be directed to the respective participating insurers'/takaful operators' Perlindungan Tenang webpage.
- Step 4: You will be guided through the simple process to purchase the Perlindungan Tenang product. You will need to fill in the information required such as name, National Registration Identity Card (NRIC) number, age, gender, and other required information to complete the purchase process. You will also need to key in your unique Perlindungan Tenang Voucher number to redeem the voucher during the product purchase. You are advised to read the terms and conditions of the product before making your purchase. \r\n
\r\n
\r\n
\r\n
\r\n
- \r\n
- Method 2 - Redeem and purchase at the counter via Walk-In: \r\n
- \r\n
- You can also redeem the voucher and purchase the Perlindungan Tenang product directly at the branch office counters or authorised agents/distributors of the participating insurers/takaful operators. \r\n
- Understand the product's basic features and benefits, including checking the respective product criteria such as age limit and premium/contribution amount before deciding on the product that best meets your needs. \r\n
- If you choose to proceed with purchasing the product, you must provide the necessary information to complete the purchase process. \r\n
Please note that this process may differ from company to company. You are advised to consult the respective company's customer service representative for further details.
\r\n \r\n
\r\n
\r\n - \r\n
- Terdapat dua kaedah untuk menebus Baucar bagi membeli produk anda: \r\n
- \r\n
- Kaedah 1 - Penebusan baucar untuk pembelian produk atas talian:
- Langkah 1: Layari www.mycoverage.my
- Langkah 2: Skrol ke bawah untuk melihat seksyen “Produk Perlindungan Tenang di bawah Program PTV 3.0”. Klik ikon logo syarikat/produk Perlindungan Tenang untuk mendapatkan maklumat asas mengenai produk tersebut. Sila semak kriteria produk seperti had umur dan jumlah premium/sumbangan sebelum memutuskan produk yang paling sesuai dengan keperluan anda.
- Langkah 3: Tekan butang “KETAHUI LEBIH LANJUT” dan anda akan dibawa ke laman web syarikat insurans atau pengendali takaful yang menawarkan produk Perlindungan Tenang tersebut.
- Langkah 4: Anda akan dibantu untuk melalui proses yang mudah untuk menyertai/membeli produk Perlindungan Tenang. Anda perlu mengisi maklumat yang diperlukan seperti nama, nombor Kad Pengenalan (KP), umur, jantina dan lain-lain untuk melengkapkan proses pembelian. Anda juga perlu memasukkan nombor unik Baucar Perlindungan Tenang anda untuk menuntut baucar tersebut semasa pembelian produk. Anda dinasihatkan untuk membaca terma dan syarat produk tersebut sebelum membuat pembelian. \r\n
\r\n
\r\n
\r\n
\r\n
- \r\n
- Kaedah 2 - Penebusan dan pembelian di kaunter: \r\n
- \r\n
- Anda juga boleh menebus baucar dan menyertai/membeli produk Perlindungan Tenang secara langsung dari kaunter pejabat cawagan atau ejen/pengedar sah syarikat insurans/pengendali takaful. \r\n
- Fahami ciri-ciri asas dan manfaat produk, termasuk menyemak kriteria produk seperti had umur dan jumlah premium/sumbangan sebelum memilih produk yang paling sesuai dengan keperluan anda. \r\n
- Jika anda memilih untuk meneruskan pembelian produk, anda perlu memberikan maklumat yang diperlukan untuk melengkapkan proses pembelian. \r\n
Sila ambil perhatian bahawa proses ini mungkin berbeza mengikut syarikat. Anda dinasihatkan untuk merujuk wakil khidmat pelanggan syarikat berkenaan untuk maklumat lanjut.
\r\n \r\n
\r\n - \r\n
- The PTV 3.0 Programme will be effective from 1 September 2025 until 31 August 2026, or until the vouchers are fully redeemed - whichever comes earlier. \r\n
\r\n
\r\n
\r\n - \r\n
- Program Baucar Perlindungan Tenang (PTV) 3.0 ini berkuatkuasa pada 1 September 2025 hingga 31 Ogos 2026 atau sehingga semua baucar telah ditebus - mengikut mana-mana yang terdahulu. \r\n
\r\n
\r\n - \r\n
- Yes, you are eligible to claim the RM30 PTV in 2025, even if you previously claimed the RM50 PTV in 2021 and RM75 PTV in 2022, provided you are a STR recipient in 2025. \r\n
\r\n
\r\n
\r\n - \r\n
- Anda layak untuk menuntut baucar PTV RM30 pada tahun 2025, walaupun telah menuntut PTV RM50 pada tahun 2021 dan PTV RM75 pada tahun 2022, dengan syarat anda merupakan penerima Sumbangan Tunai Rahmah (STR) yang layak pada tahun 2025. \r\n
\r\n \r\n
\r\n PTV 3.0 voucher technical issue: ISM [03-22409899]
\r\n- \r\n
- \r\n Life Insurance products
\r\n Email: ptv@liam.org.my
\r\n Phone: [03-26916628/6168/8068]\r\n \r\n - \r\n Takaful products
\r\n Email: ptv@malaysiantakaful.com.my
\r\n Phone: 012-7720025\r\n \r\n - \r\n General Insurance products
\r\n Email: pic@piam.org.my
\r\n Phone: [03-22747399]\r\n \r\n
\r\n
\r\n
\r\n Isu Teknikal Baucar PTV 3.0: ISM [03-22409899]
\r\n- \r\n
- \r\n Produk Insurans Hayat
\r\n Emel: ptv@liam.org.my
\r\n Telefon: [03-26916628/6168/8068]\r\n \r\n - \r\n Produk Takaful
\r\n Emel: ptv@malaysiantakaful.com.my
\r\n Telefon: 012-7720025\r\n \r\n - \r\n Produk Insurans Am
\r\n Emel: pic@piam.org.my
\r\n Telefon: [03-22747399]\r\n \r\n
\r\n
\r\n - \r\n
- The list of products and participating insurers/takaful operators in this programme is available at https://www.mycoverage.my/en/perlindungan_tenang3.0/ \r\n
\r\n
\r\n
\r\n - \r\n
- Senarai produk serta syarikat insurans dan pengendali takaful yang mengambil bahagian dalam program ini boleh didapati di laman web berikut: https://www.mycoverage.my/perlindungan_tenang3.0/ \r\n
\r\n
\r\n - \r\n
- Each eligible STR recipient is only entitled to one RM30 voucher. \r\n
- The voucher is non-transferable and can only be used by the registered STR recipient. \r\n
\r\n
\r\n
\r\n - \r\n
- Setiap penerima Sumbangan Tunai Rahmah (STR) yang layak hanya akan menerima satu baucar bernilai RM30. Baucar ini tidak boleh dipindahmilik dan hanya boleh digunakan oleh penerima STR yang layak sahaja. \r\n
\r\n
\r\n - \r\n
- No, each eligible recipient may only purchase one Perlindungan Tenang product using the RM30 voucher. \r\n
- The voucher is non-refundable and cannot be exchanged for cash in part or full. \r\n
\r\n
\r\n
\r\n - \r\n
- Tidak, setiap penerima yang layak hanya boleh membeli satu produk Perlindungan Tenang menggunakan baucar RM30. \r\n
- Baucar ini tidak boleh dikembalikan dan tidak boleh ditukar kepada wang tunai sama ada sebahagian atau sepenuhnya. \r\n
\r\n
\r\n - \r\n
- The RM30 voucher is automatically voided if you do not utilise it within the voucher programme period. You are advised to utilise the voucher as soon as possible upon confirming eligibility and understanding of the product. \r\n
\r\n
\r\n
\r\n - \r\n
- Baucar RM30 akan terbatal secara automatik jika anda tidak menggunakannya dalam tempoh program baucar (1 September 2025 sehingga 31 Disember 2025). Anda dinasihatkan untuk menebus Baucar tersebut secepat mungkin setelah menyemak dan memahami produk yang ingin dibeli. \r\n
\r\n
\r\n - \r\n
- Yes, you have to pay the difference if the premium/contribution costs are more than the RM30 value of the voucher. For example, you will have to pay RM20 only when purchasing a Perlindungan Tenang product with an annual premium/contribution of RM50 using the voucher. \r\n
\r\n
\r\n
\r\n - \r\n
- Ya, anda perlu membayar baki perbezaan sekiranya kos premium/sumbangan melebihi nilai baucar RM30. Sebagai contoh, jika anda membeli produk Perlindungan Tenang dengan premium/sumbangan tahunan sebanyak RM50 menggunakan baucar, anda hanya perlu membayar RM20 sahaja. \r\n
\r\n
\r\n - \r\n
- The voucher cannot be used for existing Perlindungan Tenang policy/certificate purchased before the launch of the PTV3.0 programme but can be used to renew existing Perlindungan Tenang policy/certificate (with effective date starting between 1 September 2025 until the voucher is fully redeemed or 31 December 2025, whichever is earlier. \r\n
\r\n
\r\n
\r\n - \r\n
- Baucar tidak boleh digunakan untuk polisi/sijil Perlindungan Tenang sedia ada yang dibeli sebelum pelancaran program PTV 3.0. Namun begitu, baucar boleh digunakan untuk memperbaharui polisi/sijil Perlindungan Tenang sedia ada dimana tarikh kuat kuasanya bermula antara 1 September 2025 sehingga baucar ditebus sepenuhnya atau sehingga 31 Disember 2025, yang mana lebih awal. \r\n
\r\n
\r\n - \r\n
- Perlindungan Tenang is an initiative by the insurance and takaful industry to develop insurance and takaful products that meet the needs of underserved segments, particularly the bottom 40% of a household (B40). Aimed at providing insurance and takaful protection against key risks in life, Perlindungan Tenang comprises insurance/takaful products that meet the criteria of affordable, accessible, easy to understand and convenient claims process. \r\n
\r\n
\r\n
\r\n - \r\n
- Perlindungan Tenang ialah satu inisiatif oleh industri insurans dan takaful untuk membangunkan produk insurans dan takaful yang memenuhi keperluan segmen yang kurang mendapat akses, khususnya golongan isi rumah 40% terendah (B40). Bertujuan untuk menyediakan perlindungan insurans dan takaful terhadap risiko utama dalam kehidupan, Perlindungan Tenang merangkumi produk insurans/takaful yang menepati kriteria Mampu Milik, Mudah Diakses, Senang Difahami dan Proses Tuntutan yang Mudah. \r\n
\r\n
\r\n - \r\n
- Perlindungan Tenang products offer basic insurance or takaful protection plans. It serves as a safety net to keep you and your loved ones financially protected against death, fire or other unfortunate events. Please visit https://www.mycoverage.my/perlindungan_tenang/ to check the range of products offered by the insurers and takaful operators. \r\n
\r\n
\r\n
\r\n - \r\n
- Produk-produk Perlindungan Tenang menyediakan perlindungan asas insurans atau takaful. Ia adalah jaringan keselamatan untuk anda dan orang tersayang mendapat perlindungan dari segi kewangan sekiranya berlaku kematian, kebakaran atau kejadian yang tidak diingini. Sila layari https://www.mycoverage.my/perlindungan_tenang/ untuk melihat produk-produk yang ditawarkan oleh syarikat-syarikat insurans dan pengendali takaful. \r\n
\r\n
\r\n - \r\n
- Please keep a lookout for the Perlindungan Tenang logo below to identify the products offered by participating Insurers/ takaful operators. \r\n
\r\n
\r\n \r\n
\r\n
\r\n - \r\n
- Anda boleh melihat logo Perlindungan Tenang seperti di bawah untuk mengenal pasti produk yang ditawarkan oleh syarikat-syarikat insurans / Pengendali Takaful. \r\n
\r\n
\r\n GUIDE ON MAKING NOMINATIONS FOR YOUR POLICY/CERTIFICATE
\r\n PANDUAN MEMBUAT PENAMAAN BAGI POLISI/SIJIL ANDA
\r\n\r\n \r\n
\r\n
\r\n - \r\n
- A right given to the policy/certificate holders to appoint a person(s) to receive policy/certificate benefits in the event of his / her death. \r\n
\r\n
\r\n
\r\n - \r\n
- Satu hak yang diberikan kepada pemegang polisi/sijil untuk melantik individu bagi menerima manfaat polisi/sijil sekiranya berlaku kematian pemegang polisi/sijil. \r\n
\r\n
\r\n - \r\n
- Safeguard the interest of your loved ones. \r\n
- Ease the claim process and ensure that benefits are disbursed faster. \r\n
- Without Nomination, the administrative process to make the payment would take longer. \r\n
\r\n
\r\n
\r\n - \r\n
- Melindungi kepentingan orang tersayang. \r\n
- Memudahkan proses tuntutan dan memastikan manfaat insurans/Takaful anda dapat diberikan dengan lebih pantas. \r\n
- Tanpa penamaan, proses pentadbiran untuk membuat pembayaran akan memakan masa yang lebih lama. \r\n
\r\n
\r\n - \r\n
- You may nominate anyone except yourself to receive the policy/certificate benefits upon your demise (Terms and Conditions may apply). \r\n
- You need to ensure that the nominee is aware of the plan you have purchased/participated in. \r\n
\r\n
\r\n
\r\n - \r\n
- Anda boleh menamakan sesiapa sahaja selain daripada diri sendiri untuk menerima manfaat polisi/sijil apabila anda meninggal dunia (tertakluk kepada terma dan syarat). \r\n
- Anda perlu memastikan bahawa penama mengetahui pelan yang telah anda sertai. \r\n
\r\n
\r\n - \r\n
- At the point of application of your policy/certificate or soonest at any other time. \r\n
- You can also change your Nomination during the term of the policy/certificate. \r\n
- The latest nomination form received and effected by the company/operator will supersede all previous nominations. \r\n
\r\n
\r\n
\r\n - \r\n
- Semasa permohonan polisi/sijil atau secepat mungkin pada bila-bila masa. \r\n
- Anda juga boleh mengubah penamaan pada bila-bila masa sepanjang tempoh polisi/sijil. \r\n
- •\tBorang penamaan terkini yang dikemukakan dan diperakui oleh syarikat insurans /pengendali takaful akan menggantikan semua penamaan terdahulu, jika ada. \r\n
\r\n
\r\n - \r\n
- Fill up a nomination form provided by your insurance company/Takaful operator. \r\n
- The form is signed by a witness who is of sound mind, at least 18 years old and above and is not listed as your nominee (subject to Terms and Conditions). \r\n
- State the breakdown to be distributed to each nominee. \r\n
- Ensure your insurance company/takaful operator endorses the nomination. \r\n
- For more information, please refer to the detailed FAQ on nomination at the Associations' websites below: \r\n
- \r\n
- Life insurance: \r\n
- https://www.liam.org.my/images/liam/FAQ%20on%20Making%20A%20Nomination-f_LIAM%20contact.pdf \r\n
- Takaful: \r\n
- https://www.malaysiantakaful.com.my/sites/default/files/2020-08/FAQ%20on%20Making%20A%20Nomination-.pdf \r\n
\r\n
\r\n
\r\n
\r\n - \r\n
- •\tLengkapkan borang penamaan yang telah disediakan oleh syarikat insurans/pengendali takaful. \r\n
- Borang penamaan tersebut mestlilah ditandatangani oleh seorang saksi yang waras akal fikiran, berumur sekurang-kurangnya 18 tahun ke atas dan tidak disenaraikan sebagai penama anda (tertakluk kepada Terma dan Syarat). \r\n
- Nyatakan bahagian yang ingin diagihkan kepada setiap penama \r\n
- Pastikan syarikat insurans/pengendali takaful mengesahkan penamaan anda. \r\n
- Untuk maklumat terperinci, sila rujuk kepada Soalan Lazim mengenai Penamaan di laman web Persatuan seperti berikut: \r\n
- \r\n
- Insurans hayat: \r\n
- https://www.liam.org.my/images/liam/FAQ%20on%20Making%20A%20Nomination-f_LIAM%20contact.pdf \r\n
- Takaful: \r\n
- https://www.malaysiantakaful.com.my/sites/default/files/2020-08/FAQ%20on%20Making%20A%20Nomination-.pdf \r\n
\r\n
GUIDE ON FILING CLAIMS FOR PERLINDUNGAN TENANG PRODUCTS
\r\n PANDUAN MENGEMUKAKAN TUNTUTAN BAGI PRODUK PERLINDUNGAN TENANG
\r\n \r\n
\r\n
\r\n In just 3 easy steps, you can submit your claim:
\r\n - \r\n
- Fill in the claim form \r\n
- Gather all the necessary supporting documents \r\n
- Submit your form with the supporting documents \r\n
You may refer to participating insurance companies/takaful operators' claims guides for the respective Claims. You may email your request to participating insurance companies/takaful operators or contact their Customer Service Representatives.
\r\n \r\n
\r\n
\r\n Hanya dengan 3 langkah yang mudah anda boleh mengemukakan tuntutan anda:
\r\n - \r\n
- Isi borang tuntutan \r\n
- Kumpulkan semua dokumen sokongan yang anda perlukan \r\n
- Hantarkan borang anda dengan dokumen sokongan \r\n
Anda boleh merujuk kepada panduan tuntutan syarikat insurans / pengendali takaful untuk Tuntutan masing-masing. Anda boleh menghantar e-mel permintaan anda ke syarikat insurans / pengendali takaful yang mengambil bahagian atau menghubungi Pegawai Khidmat Pelanggan mereka.
\r\n \r\n
\r\n - \r\n
- The claimant needs to notify and submit the claim to respective insurance companies/Takaful operators as soon as possible to process the claims. \r\n
\r\n
\r\n
\r\n - \r\n
- Anda perlu memaklumkan dan mengemukakan tuntutan kepada syarikat insurans /pengendali takaful yang berkenaan secepat mungkin bagi membolehkan tuntutan anda diproses. \r\n
\r\n
\r\n - \r\n
- The insurers/takaful operators will take approximately 5 working days (for death claims) and 7 working days (for non-death claims) to process the claim upon receipt of the complete supporting documents. \r\n
\r\n
\r\n
\r\n - \r\n
- Syarikat insurans/pengendali takaful akan mengambil masa lebih kurang 5 hari bekerja (bagi tuntutan kematian) dan 7 hari bekerja (bagi tuntutan bukan kematian) untuk memproses tuntutan setelah menerima dokumen sokongan yang lengkap. \r\n
\r\n
\r\n - \r\n
- You may check your claim status using the following ways: \r\n
- \r\n
- a.\tContact Customer Service Representative of participating insurance companies/takaful operators; \r\n
- b.\tSend an email to participating insurance companies/takaful operators; or \r\n
- c.\tVisit participating insurance companies/takaful operators' nearest branch. \r\n
The above claims procedure is for reference only. Please refer to the relevant policy/certificate provisions or visit participating insurance companies/takaful operators' websites for more details.
\r\n \r\n
\r\n
\r\n - \r\n
- Anda boleh menyemak status tuntutan anda menggunakan cara berikut:: \r\n
- \r\n
- a. Hubungi Pegawai Khidmat Pelanggan syarikat insurans/pengendali takaful yang mengambil bahagian; \r\n
- b. Hantarkan email kepada syarikat insurans/pengendali takaful yang mengambil bahagian atau \r\n
- c. Kunjungi syarikat insurans/pengendali takaful yang mengambil bahagian. \r\n
Prosedur tuntutan di atas adalah untuk rujukan sahaja. Untuk maklumat lebih lanjut, sila rujuk peruntukan tuntutan di dalam polisi/sijil yang berkaitan atau sila layari laman web syarikat insurans/ pengendali takaful yang mengambil bahagian.
\r\n \r\n \r\n
\r\n \r\n {LangResource(lang, WORD.CONTACT_CONTENT1)}\r\n MyCoverage \r\n {LangResource(lang, WORD.CONTACT_CONTENT2)}\r\n {/* \r\n
*/}\r\n
\r\n \r\n
\r\n \r\n \r\n {LangResource(lang, WORD.NOTICE)}\r\n
\r\n \r\n {/* {isRepayerOrAdmin && \r\n \r\n Disbursement Date \r\n \r\n \r\n \r\n \r\n \r\n To \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n Fund Transferred Enquiry
\r\n\r\n \r\n this.editItem = ref} source=\"editItem\" /> */}\r\n this.table = table}\r\n api={baseapi}\r\n url=\"/api/DisbursementFund\"\r\n source=\"DisbursementFunds\"\r\n filter={filter}\r\n rows={10}>\r\n {this.renderSearch()}\r\n {/* \r\n {(v, { id }) => }\r\n */}\r\n {(value, props) => \r\n {(value, props) => \r\n {(value, props) => \r\n {(value, props) => \r\n \r\n \r\n
\r\n
\r\n {(value) ? moment(value).format('DD/MM/YYYY hh:mm a') : ''}
}{(value) ? moment(value).format('DD/MM/YYYY hh:mm a') : ''}
}{$.currency(value)}
}{moment(value).format('DD/MM/YYYY hh:mm a')}
}{msg}
\r\n else return null;\r\n }\r\n\r\n renderErrors(id, v) {\r\n return this.renderErrorMessages(id, v).filter(m => !!m).map(m => {m}
);\r\n }\r\n\r\n renderErrorMessages(id, v, withCol) {\r\n var col = (withCol && id) ? '[{0}] '.format(id) : '';\r\n switch (id) {\r\n case 'TransRefNo':\r\n return [this.isRequired(col, v), this.isMaxLength(col, v, 10)];\r\n case 'DateOfDisbursementMOF':\r\n return [this.isRequired(col, v), this.isLength(col, v, 8), this.isDate(col, v)];\r\n case 'DateOfDisbursement':\r\n return [this.isRequired(col, v), this.isLength(col, v, 8), this.isDate(col, v)];\r\n case 'AmountDisbursed':\r\n return [this.isRequired(col, v), this.isDecimalPoint(col, v)];\r\n default:\r\n return [];\r\n }\r\n }\r\n\r\n renderTable(source, title) {\r\n const { items, buttonDisplayClassName } = this.state;\r\n if (!items || !items.length) return null;\r\n\r\n // if (!this.state[source]) return null;\r\n const { sidx, sord } = this.state;\r\n\r\n return \r\n ({ Status })}\r\n rowProps={({ Status }) => ({\r\n className: classNames({\r\n \"opacity-success\": Status === 1,\r\n \"opacity-primary\": Status === 3,\r\n \"opacity-danger\": Status === 2 || Status === 99\r\n })\r\n })}\r\n onSort={(name) => {\r\n if (sidx === name) {\r\n this.setState({ sord: !sord }, this.sortBy);\r\n } else {\r\n this.setState({ sord: true, sidx: name }, this.sortBy);\r\n }\r\n }}\r\n tableProps={{ responsive: true }}>\r\n ({ IsSelected })}>\r\n {(v, p) => {\r\n return <>\r\n \r\n {this.renderErrors('TransRefNo', v)}\r\n ;\r\n }}\r\n \r\n {(value, props) =>\r\n \r\n {(value, props) =>\r\n \r\n \r\n {(v) => {\r\n return <>\r\n {v}\r\n {this.renderErrors('AmountDisbursed', v)}\r\n ;\r\n }}\r\n \r\n \r\n
;\r\n }\r\n\r\n render() {\r\n const { isFileValid, files, selectedClassName, buttonDisplayClassName } = this.state;\r\n\r\n return {title}
\r\n{moment(value).format('DD/MM/YYYY')}
\r\n }{moment(value).format('DD/MM/YYYY')}
}\r\n Fund Transfer Upload
\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n {this.renderTable('items', 'Fund Transfer')}\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 Comapany
\r\n\r\n \r\n this.table = table}\r\n api={baseapi}\r\n url=\"/api/Company\"\r\n source=\"Companies\"\r\n filter={filter}\r\n rows={10}>\r\n {this.renderSearch()}\r\n {(value, props) => {\r\n const { id } = props;\r\n return ;\r\n }} \r\n \r\n {/* {(value, props) => {\r\n const { id } = props;\r\n return \r\n this.handlePICChange(e, props.ID)}\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 Approval Date \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n Reimbursement History
\r\n\r\n \r\n this.table = table}\r\n api={baseapi}\r\n url=\"/api/Disbursement/GetDisbursementHistories\"\r\n source=\"DisbursementHistories\"\r\n filter={filter}\r\n rows={10}>\r\n {this.renderSearch()}\r\n {(value, props) => \r\n {(value, props) => \r\n \r\n \r\n
\r\n
\r\n {$.currency(value)}
}{(value) ? moment(value).format('DD/MM/YYYY hh:mm a') : ''}
}Company Profile
\r\n\r\n\r\n this.reduxData = data} source=\"companyData\" />\r\n this.fields[this.count++] = fields} source=\"companyData\">\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\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Template
\r\n\r\n \r\n
\r\n
\r\n \r\n {(isAdmin) && \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n Weekly Download File
\r\n\r\n \r\n this.table = table}\r\n api={baseapi}\r\n url=\"/api/File\"\r\n source=\"Files\"\r\n filter={filter}\r\n rows={10}>\r\n {this.renderSearch()}\r\n {(value, props) => \r\n {(value, props) => {\r\n const { id } = props;\r\n return this.handleDownloaded(id)} style={{ display: (value) ? \"none\" : \"block\" }}>\r\n }}\r\n \r\n \r\n \r\n
\r\n
\r\n {(value) ? moment(value).format('DD/MM/YYYY hh:mm a') : ''}
}\r\n {(isAdmin) && \r\n \r\n Created Date \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 Download File
\r\n\r\n \r\n this.table = table}\r\n api={baseapi}\r\n url={\"/api/File/GetUploadFile?\" + $.param({ firstLoad })}\r\n source=\"DownloadFiles\"\r\n filter={filter}\r\n rows={10}\r\n onDataReady={this.handleDataReady}>\r\n {this.renderSearch()}\r\n {(value, props) => \r\n {(value, props) => {\r\n const { id } = props;\r\n return this.handleDownloaded(id)}>\r\n }} \r\n \r\n \r\n
\r\n
\r\n {(value) ? moment(value).format('DD/MM/YYYY hh:mm a') : ''}
}Download File
\r\n\r\n \r\n this.table = table}\r\n api={baseapi}\r\n url={\"/api/File/GetReportsFinal?\" + $.param({ firstLoad, role: this.props.UserRole, period : 'Weekly' })}\r\n source=\"DownloadFiles\"\r\n filter={filter}\r\n rows={10}\r\n onDataReady={this.handleDataReady}>\r\n {this.renderSearch()}\r\n {(value, props) => \r\n {(value, props) => {\r\n const { id } = props;\r\n return this.handleDownloaded(id)}>\r\n }} \r\n \r\n \r\n
\r\n
\r\n {(value) ? moment(value).format('DD/MM/YYYY hh:mm a') : ''}
}Download File
\r\n\r\n \r\n this.table = table}\r\n api={baseapi}\r\n url={\"/api/File/GetReportsFinal?\" + $.param({ firstLoad, role: this.props.UserRole, period : 'Monthly' })}\r\n source=\"DownloadFiles\"\r\n filter={filter}\r\n rows={10}\r\n onDataReady={this.handleDataReady}>\r\n {this.renderSearch()}\r\n {(value, props) => \r\n {(value, props) => {\r\n const { id } = props;\r\n return this.handleDownloaded(id)}>\r\n }} \r\n \r\n \r\n
\r\n
\r\n {(value) ? moment(value).format('DD/MM/YYYY hh:mm a') : ''}
}Download File
\r\n\r\n \r\n this.table = table}\r\n api={baseapi}\r\n url={\"/api/File/GetReportsFinalPTClaim?\" + $.param({ firstLoad, role: this.props.UserRole, period : 'Monthly' })}\r\n source=\"DownloadFiles\"\r\n filter={filter}\r\n rows={10}\r\n onDataReady={this.handleDataReady}>\r\n {this.renderSearch()}\r\n {(value, props) => \r\n {(value, props) => {\r\n const { id } = props;\r\n return this.handleDownloaded(id)}>\r\n }} \r\n \r\n \r\n
\r\n
\r\n {(value) ? moment(value).format('DD/MM/YYYY hh:mm a') : ''}
}\r\n {/* */}\r\n \r\n \r\n {({ UserRole }) => {\r\n var ref;\r\n switch (UserRole) {\r\n case 1: ref = \"/items\"; break;\r\n case 2: ref = \"/BPRs\"; break;\r\n case 3: ref = \"/disbursements/UploadDisbursement\"; break;\r\n case 4: ref = \"/items/EventLog\"; break;\r\n default: ref = \"/\";\r\n }\r\n return })
\r\n {p => \r\n \r\n {this.renderAccount()}\r\n } \r\n \r\n {/* */}\r\n
;\r\n }\r\n}\r\n\r\nexport default Header;","import $ from 'jquery';\r\nimport { ADD_DATA, EXTEND_DATA, INIT_DATA, REFRESH_DATA, REMOVE_DATA, UPDATE_DATA } from '../actions/actionTypes';\r\n\r\nconst initialState = {\r\n data: {}\r\n};\r\n\r\nfunction updateData(data, id, content) {\r\n if (id.contains('.')) {\r\n var ids = id.split('.');\r\n id = ids.splice(0, 1)[0];\r\n\r\n if (Array.isArray(data)) {\r\n const index = $.parseNum(id);\r\n return data.map((d, i) => i === index ? updateData(d, ids.join('.'), content) : d);\r\n } else\r\n return {\r\n ...data,\r\n [id]: updateData(data[id], ids.join('.'), content)\r\n }\r\n } else {\r\n if (Array.isArray(data)) {\r\n const index = $.parseNum(id);\r\n return data.map((d, i) => i === index ? content : d);\r\n } else {\r\n return {\r\n ...data,\r\n [id]: content\r\n };\r\n }\r\n }\r\n}\r\n\r\nfunction extendData(data, id, content) {\r\n if (id.contains('.')) {\r\n var ids = id.split('.');\r\n id = ids.splice(0, 1)[0];\r\n\r\n if (Array.isArray(data)) {\r\n const index = $.parseNum(id);\r\n return data.map((d, i) => i === index ? extendData(d, ids.join('.'), content) : d);\r\n } else\r\n return {\r\n ...data,\r\n [id]: extendData(data[id], ids.join('.'), content)\r\n }\r\n } else {\r\n const d = data[id];\r\n const newContent = fillArray(d, content);\r\n var item = Array.isArray(d) ? newContent : { ...d, ...newContent };\r\n const { afterExtendedData } = content;\r\n if (afterExtendedData)\r\n item = afterExtendedData(item);\r\n return {\r\n ...data,\r\n [id]: item\r\n };\r\n }\r\n}\r\n\r\nfunction fillArray(d, content) {\r\n if (Array.isArray(d)) {\r\n if (d.customAddData) {\r\n for (var j = 0; j < content.length; j++) {\r\n d.customAddData(content[j]);\r\n }\r\n content = d;\r\n } else {\r\n if (Array.isArray(content)) {\r\n return [...d, ...content];\r\n } else {\r\n return [...d, content];\r\n }\r\n }\r\n } else if (typeof d === 'object') {\r\n for (var i in d) {\r\n var p = d[i];\r\n content[i] = fillArray(p, content[i]);\r\n }\r\n }\r\n\r\n return $.ifNull(content, d);\r\n}\r\n\r\nfunction addData(data, id, content) {\r\n if (id.contains('.')) {\r\n var ids = id.split('.');\r\n id = ids.splice(0, 1)[0];\r\n\r\n if (Array.isArray(data)) {\r\n const index = $.parseNum(id);\r\n return data.map((d, i) => i === index ? addData(d, ids.join('.'), content) : d);\r\n } else\r\n return {\r\n ...data,\r\n [id]: addData(data[id], ids.join('.'), content)\r\n }\r\n } else\r\n return {\r\n ...data,\r\n [id]: [...data[id], content]\r\n };\r\n}\r\n\r\nfunction removeData(data, id, content) {\r\n if (content === undefined) {\r\n var ori = id;\r\n var lastIndex = ori.lastIndexOf('.');\r\n if (lastIndex >= 0) {\r\n id = ori.substring(0, lastIndex);\r\n content = $.parseNum(ori.substring(lastIndex + 1, ori.length));\r\n }\r\n }\r\n\r\n if (id.contains('.')) {\r\n var ids = id.split('.');\r\n id = ids.splice(0, 1)[0];\r\n\r\n if (Array.isArray(data)) {\r\n const index = $.parseNum(id);\r\n return data.map((d, i) => i === index ? removeData(d, ids.join('.'), content) : d);\r\n } else\r\n return {\r\n ...data,\r\n [id]: removeData(data[id], ids.join('.'), content)\r\n }\r\n } else {\r\n var item = data[id];\r\n if (Array.isArray(item))\r\n return {\r\n ...data,\r\n [id]: [...item.slice(0, content), ...item.slice(content + 1)]\r\n };\r\n else {\r\n delete data[id];\r\n return data;\r\n }\r\n }\r\n}\r\n\r\nfunction refineName(name) {\r\n while (name.contains('['))\r\n name = name.replace('[', '.');\r\n while (name.contains(']'))\r\n name = name.replace(']', '');\r\n return name;\r\n}\r\n\r\nfunction rootReducer(state = initialState, action) {\r\n var name;\r\n switch (action.type) {\r\n case ADD_DATA:\r\n {\r\n const { id, content } = action.payload;\r\n name = refineName(id);\r\n return {\r\n ...state,\r\n ...addData(state, name, content)\r\n };\r\n }\r\n case REMOVE_DATA:\r\n {\r\n const { id, content } = action.payload;\r\n name = refineName(id);\r\n return {\r\n ...state,\r\n ...removeData(state, name, content)\r\n };\r\n }\r\n case UPDATE_DATA:\r\n {\r\n const { id, content } = action.payload;\r\n name = refineName(id);\r\n return {\r\n ...state,\r\n ...updateData(state, name, content)\r\n };\r\n }\r\n case EXTEND_DATA:\r\n {\r\n const { id, content } = action.payload;\r\n name = refineName(id);\r\n return {\r\n ...state,\r\n ...extendData(state, name, content)\r\n };\r\n }\r\n case INIT_DATA:\r\n {\r\n var { id, content } = action.payload;\r\n if (!id)\r\n id = 'data';\r\n if (content)\r\n return {\r\n ...state,\r\n [id]: content\r\n };\r\n return initialState;\r\n }\r\n case REFRESH_DATA:\r\n return { ...state };\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nexport default rootReducer;","import { createStore } from \"redux\";\r\nimport rootReducer from \"./reducers\";\r\n\r\nexport default createStore(rootReducer);\r\n","import React, { useState } from 'react';\r\nimport { Collapse, Navbar, NavbarToggler, NavbarBrand, Nav, NavItem, NavLink, NavbarText } from 'reactstrap';\r\nimport { LangResource, LANGUAGE, WORD } from '../utils/language';\r\nimport { connect } from 'react-redux';\r\nimport { initData, updateData, getData } from '../redux/actions';\r\nimport { getFromLS, saveToLS } from '../utils/localstorage';\r\nimport ReduxData from '../redux/controls/reduxdata';\r\n//import ReactHtmlParser from 'react-html-parser';\r\n\r\nclass PublicHeader extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n isOpen: false,\r\n // lang: getFromLS('lang') || LANGUAGE.ENGLISH\r\n };\r\n\r\n //this.props.initData('siteSettings', { lang: getFromLS('lang') || LANGUAGE.ENGLISH });\r\n }\r\n\r\n render() {\r\n const { isOpen } = this.state;\r\n const { lang } = this.props;\r\n\r\n return \r\n \r\n \r\n {/* ![](\"images/MyPTV.png\")
*/}\r\n Program Baucar Pelindungan Tenang\r\n \r\n \r\n this.setState({ isOpen: !isOpen })} />\r\n \r\n \r\n \r\n \r\n
\r\n }\r\n}\r\n\r\n//export default PublicHeader;\r\n\r\nexport default connect(state => {\r\n const { siteSettings } = state;\r\n const { lang } = siteSettings || {};\r\n return { lang };\r\n}, { initData, updateData })(PublicHeader);","import '@fortawesome/fontawesome-free/css/all.css';\r\nimport 'bootstrap/dist/css/bootstrap.min.css';\r\nimport React, { Component } from 'react';\r\nimport { Provider } from 'react-redux';\r\nimport { Route, Switch } from 'react-router-dom';\r\nimport '../../common.css';\r\nimport Footer from '../../components/Footer';\r\nimport Header from '../../components/Header';\r\nimport getMenu from '../../nav/nav';\r\nimport store from '../../redux/store';\r\nimport '../../style.css';\r\nimport MyAuth from '../../widgets/MyAuth';\r\nimport PublicHeader from '../../widgets/PublicHeader';\r\n\r\nclass Basic extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.onMenuClick = this.onMenuClick.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n // httpget('/util/GetUserProfile')\r\n // .then(response => {\r\n // this.setState({ User: response.data });\r\n // });\r\n }\r\n\r\n onMenuClick(e) {\r\n // this.setState({});\r\n }\r\n\r\n setupRoute(item, pages) {\r\n const { url, name, staticLink, visible, component } = item;\r\n if (url && visible) {\r\n pages.push({\r\n url,\r\n route: staticLink ? false : */}\r\n Program Baucar Pelindungan Tenang\r\n \r\n \r\n {pages.filter(({ route }) => !!route).map(({ route }) => route)}\r\n \r\n {/* \r\n \r\n */}\r\n
\r\n {!IsLoggedIn && isPublic && }\r\n ;\r\n }}