\r\n \r\n \r\n \r\n
\r\n \r\n this.navigate(\"/contact-us/\")}\r\n >\r\n Contact Us\r\n \r\n this.navigate(\"/get-a-quote/\")}\r\n >\r\n \r\n Get a Quote\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n 1300 MRTRAFFIC\r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n {/* \r\n \r\n
*/}\r\n ![\"Mr](\"/images/logo.png\"){kind=logo}
\r\n \r\n {!visibilityRules.hideEditNow ?\r\n () : null\r\n }\r\n {' '}\r\n {!visibilityRules.hideRemoveNow ?\r\n () : null\r\n }\r\n
\r\n )} />\r\n );\r\n });\r\n\r\n case 'editRemoveLink':\r\n return ((prop) => (\r\n\r\n \r\n \r\n {' '}\r\n \r\n {' '}\r\n \r\n
\r\n )} />\r\n ));\r\n\r\n case 'addEditRemove':\r\n return ((prop) => {\r\n let visibilityRules = getButtonVisibilityRules(options, prop.row);\r\n\r\n return (\r\n {!visibilityRules.hideAddNow ?\r\n () : null\r\n }\r\n {' '}\r\n {!visibilityRules.hideEditNow ?\r\n (): null\r\n }\r\n {' '}\r\n {!visibilityRules.hideRemoveNow ?\r\n () : null\r\n }\r\n
\r\n )} />\r\n );\r\n });\r\n\r\n case 'edit':\r\n return ((prop) => {\r\n let visibilityRules = getButtonVisibilityRules(options, prop.row);\r\n\r\n return ( \r\n {!visibilityRules.hideEditNow ?\r\n () : null\r\n }\r\n
\r\n )} />\r\n );\r\n });\r\n\r\n\r\n case 'view':\r\n return ((prop) => {\r\n let visibilityRules = getButtonVisibilityRules(options, prop.row);\r\n\r\n return (\r\n {!visibilityRules.hideViewNow ?\r\n () : null\r\n }\r\n
\r\n )} />)\r\n });\r\n\r\n default:\r\n return ();\r\n };\r\n };\r\n\r\n // Todo: (Rcnet)\r\n // 1. For enhancements, support abstraction of rowInfo \r\n // 2. Create functionality for Disabling support\r\n const getButtonVisibilityRules = (opts, row) => {\r\n const { hideEdit, hideRemove, hideAdd, hideView } = opts;\r\n \r\n // Note: row info should not be mutated by consumer. -rcnet\r\n // Noop or pure func execution\r\n let hideEditNow = (hideEdit || (()=> {}))(row);\r\n let hideRemoveNow = (hideRemove || (()=> {}))(row);\r\n let hideAddNow = (hideAdd || (()=> {}))(row); \r\n let hideViewNow = (hideView || (()=> {}))(row);\r\n \r\n return {\r\n hideEditNow,\r\n hideRemoveNow,\r\n hideAddNow,\r\n hideViewNow\r\n };\r\n };\r\n \r\n\r\n return {\r\n getPreDefinedActionButtons\r\n }\r\n};\r\n\r\nexport default ActionButtonsFactory;\r\n\r\n\r\n\r\n","import React from 'react';\r\nimport {Button} from 'reactstrap';\r\n\r\nconst FilterButton = (({ ...props }) => (\r\n \r\n \r\n
\r\n));\r\n\r\nexport default FilterButton;","import React, { Component } from 'react'\r\nimport {\r\n Collapse,\r\n Button,\r\n Card,\r\n CardBody,\r\n Tooltip,\r\n CardTitle\r\n} from 'reactstrap';\r\n\r\nclass FilterContainer extends Component {\r\n state = {\r\n collapse: false,\r\n tooltipOpen: false\r\n };\r\n\r\n toggle = () => {\r\n this.setState({ collapse: !this.state.collapse });\r\n };\r\n\r\n toggleToolTip = () => {\r\n this.setState({ tooltipOpen: !this.state.tooltipOpen });\r\n };\r\n\r\n render() {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n Show Advance Filtering\r\n \r\n \r\n \r\n Advance Filtering \r\n
\r\n\r\n {this.props.children}\r\n \r\n \r\n \r\n
\r\n );\r\n };\r\n};\r\n\r\nexport default FilterContainer;\r\n\r\n","import React from \"react\";\r\nimport {\r\n Input,\r\n InputGroup,\r\n InputGroupAddon,\r\n FormGroup,\r\n Label,\r\n} from \"reactstrap\";\r\nimport FilterButton from \"../filter-pane/filter-button/filter-button\";\r\nimport FilterContainer from \"../filter-pane/filter-container/filter-container\";\r\nimport \"../filter-pane/filter-pane.css\";\r\n\r\n/**\r\n * FilterPane - functional component\r\n * - Renderer filter components\r\n * @param {props} functional component props provided by datatable\r\n */\r\nconst FilterPane = ({ ...props }) => (\r\n \r\n
\r\n {!visibilityRules.hideEditNow ? (\r\n \r\n eventHandler({\r\n type: \"edit\",\r\n data: prop.original,\r\n e: evt,\r\n history: history,\r\n })\r\n }\r\n >\r\n \r\n \r\n ) : null}{\" \"}\r\n {!visibilityRules.hideRemoveNow ? (\r\n \r\n eventHandler({\r\n type: \"remove\",\r\n data: prop.original,\r\n e: evt,\r\n history: history,\r\n })\r\n }\r\n >\r\n \r\n \r\n ) : null}\r\n
\r\n )}\r\n />\r\n );\r\n };\r\n\r\n case \"addEditRemove\":\r\n return (prop) => {\r\n let visibilityRules = getButtonVisibilityRules(options, prop.row);\r\n\r\n return (\r\n \r\n {!visibilityRules.hideAddNow ? (\r\n \r\n eventHandler({\r\n type: \"add\",\r\n data: prop.original,\r\n e: evt,\r\n history: history,\r\n })\r\n }\r\n >\r\n \r\n \r\n ) : null}{\" \"}\r\n {!visibilityRules.hideEditNow ? (\r\n \r\n eventHandler({\r\n type: \"edit\",\r\n data: prop.original,\r\n e: evt,\r\n history: history,\r\n })\r\n }\r\n >\r\n \r\n \r\n ) : null}{\" \"}\r\n {!visibilityRules.hideRemoveNow ? (\r\n \r\n eventHandler({\r\n type: \"remove\",\r\n data: prop.original,\r\n e: evt,\r\n history: history,\r\n })\r\n }\r\n >\r\n \r\n \r\n ) : null}\r\n
\r\n )}\r\n />\r\n );\r\n };\r\n\r\n case \"edit\":\r\n return (prop) => {\r\n let visibilityRules = getButtonVisibilityRules(options, prop.row);\r\n\r\n return (\r\n \r\n {!visibilityRules.hideEditNow ? (\r\n \r\n eventHandler({\r\n type: \"edit\",\r\n data: prop.original,\r\n e: evt,\r\n history: history,\r\n })\r\n }\r\n >\r\n \r\n \r\n ) : null}\r\n
\r\n )}\r\n />\r\n );\r\n };\r\n\r\n case \"view\":\r\n return (prop) => {\r\n let visibilityRules = getButtonVisibilityRules(options, prop.row);\r\n\r\n return (\r\n \r\n {!visibilityRules.hideViewNow ? (\r\n \r\n eventHandler({\r\n type: \"view\",\r\n data: prop.original,\r\n e: evt,\r\n history: history,\r\n })\r\n }\r\n >\r\n \r\n \r\n ) : null}\r\n
\r\n )}\r\n />\r\n );\r\n };\r\n\r\n case \"customButton\":\r\n return CustomButton(options);\r\n\r\n default:\r\n return ;\r\n }\r\n };\r\n\r\n /**\r\n * Custom Button\r\n * - This feature only supports maximum of 6 buttons in the action column. If you need more than that just add below the codes.\r\n * - But I do not recommend adding more than 6 buttons, instead user should reconsider the design or better yet implement a triple dot (ellipsis button).\r\n */\r\n const CustomButton = (options) => {\r\n return (prop) => {\r\n let buttonOpts = getCustomButtonOpts(options.custom);\r\n let visibilityRules = getCustomButtonVisibilityRules(options.custom, {\r\n ...prop.row,\r\n fullRowDetails: { ...prop.row._original },\r\n });\r\n\r\n let id = prop.row._original.id; //? id : uuidv4();\r\n\r\n return (\r\n \r\n {/* Button1 */}\r\n {!isNil(buttonOpts[\"button1\"]) && !visibilityRules.btn1HideNow ? (\r\n \r\n \r\n eventHandler({\r\n type: \"button1\",\r\n data: prop.original,\r\n e: evt,\r\n history: history,\r\n })\r\n }\r\n >\r\n {!isNil(buttonOpts[\"button1\"].icon) ? (\r\n \r\n ) : (\r\n Button1\r\n )}\r\n\r\n {buttonOpts[\"button1\"].tooltip && (\r\n \r\n {buttonOpts[\"button1\"].tooltip}\r\n \r\n )}\r\n \r\n \r\n ) : null}{\" \"}\r\n {/* Button2 */}\r\n {!isNil(buttonOpts[\"button2\"]) && !visibilityRules.btn2HideNow ? (\r\n \r\n \r\n eventHandler({\r\n type: \"button2\",\r\n data: prop.original,\r\n e: evt,\r\n history: history,\r\n })\r\n }\r\n >\r\n {!isNil(buttonOpts[\"button2\"].icon) ? (\r\n \r\n ) : (\r\n Button2\r\n )}\r\n {buttonOpts[\"button2\"].tooltip && (\r\n \r\n {buttonOpts[\"button2\"].tooltip}\r\n \r\n )}\r\n \r\n \r\n ) : null}{\" \"}\r\n {/* Button3 */}\r\n {!isNil(buttonOpts[\"button3\"]) && !visibilityRules.btn3HideNow ? (\r\n \r\n \r\n eventHandler({\r\n type: \"button3\",\r\n data: prop.original,\r\n e: evt,\r\n history: history,\r\n })\r\n }\r\n >\r\n {!isNil(buttonOpts[\"button3\"].icon) ? (\r\n \r\n ) : (\r\n Button3\r\n )}\r\n\r\n {buttonOpts[\"button3\"].tooltip && (\r\n \r\n {buttonOpts[\"button3\"].tooltip}\r\n \r\n )}\r\n \r\n \r\n ) : null}{\" \"}\r\n {/* Button4 */}\r\n {!isNil(buttonOpts[\"button4\"]) && !visibilityRules.btn4HideNow ? (\r\n \r\n \r\n eventHandler({\r\n type: \"button4\",\r\n data: prop.original,\r\n e: evt,\r\n history: history,\r\n })\r\n }\r\n >\r\n {!isNil(buttonOpts[\"button4\"].icon) ? (\r\n \r\n ) : (\r\n Button4\r\n )}\r\n\r\n {buttonOpts[\"button4\"].tooltip && (\r\n \r\n {buttonOpts[\"button4\"].tooltip}\r\n \r\n )}\r\n \r\n \r\n ) : null}{\" \"}\r\n {/* Button5 */}\r\n {!isNil(buttonOpts[\"button5\"]) && !visibilityRules.btn5HideNow ? (\r\n \r\n \r\n eventHandler({\r\n type: \"button5\",\r\n data: prop.original,\r\n e: evt,\r\n history: history,\r\n })\r\n }\r\n >\r\n {!isNil(buttonOpts[\"button5\"].icon) ? (\r\n \r\n ) : (\r\n Button5\r\n )}\r\n\r\n {buttonOpts[\"button5\"].tooltip && (\r\n \r\n {buttonOpts[\"button5\"].tooltip}\r\n \r\n )}\r\n \r\n \r\n ) : null}\r\n {/* Button6 */}\r\n {!isNil(buttonOpts[\"button6\"]) && !visibilityRules.btn6HideNow ? (\r\n \r\n \r\n eventHandler({\r\n type: \"button6\",\r\n data: prop.original,\r\n e: evt,\r\n history: history,\r\n })\r\n }\r\n >\r\n {!isNil(buttonOpts[\"button6\"].icon) ? (\r\n \r\n ) : (\r\n Button6\r\n )}\r\n\r\n {buttonOpts[\"button6\"].tooltip && (\r\n \r\n {buttonOpts[\"button6\"].tooltip}\r\n \r\n )}\r\n \r\n \r\n ) : null}\r\n
\r\n )}\r\n />\r\n );\r\n };\r\n };\r\n\r\n const getToUrl = (button, rowInfo) => {\r\n if (isFunction(button.to)) {\r\n return button.to(rowInfo);\r\n } else {\r\n return button.to ? button.to : \"#\";\r\n }\r\n };\r\n\r\n const getCustomButtonOpts = (opts) => {\r\n let obj = {};\r\n opts.forEach((o) => {\r\n obj = {\r\n ...obj,\r\n [o.target]: { ...o },\r\n };\r\n });\r\n return obj;\r\n };\r\n\r\n // Todo: (Rcnet)\r\n // 1. For enhancements, support abstraction of rowInfo\r\n // 2. Create functionality for Disabling support\r\n const getButtonVisibilityRules = (opts, row) => {\r\n const { hideEdit, hideRemove, hideAdd, hideView } = opts;\r\n\r\n // Note: row info should not be mutated by consumer. -rcnet\r\n // Noop or pure func execution\r\n let hideEditNow = (hideEdit || (() => {}))(row);\r\n let hideRemoveNow = (hideRemove || (() => {}))(row);\r\n let hideAddNow = (hideAdd || (() => {}))(row);\r\n let hideViewNow = (hideView || (() => {}))(row);\r\n\r\n return {\r\n hideEditNow,\r\n hideRemoveNow,\r\n hideAddNow,\r\n hideViewNow,\r\n };\r\n };\r\n\r\n // For custom button\r\n const getCustomButtonVisibilityRules = (opts, row) => {\r\n let btn1HideNow,\r\n btn2HideNow,\r\n btn3HideNow,\r\n btn4HideNow,\r\n btn5HideNow,\r\n btn6HideNow;\r\n\r\n opts.forEach((o) => {\r\n let fn = o[\"hideFn\"];\r\n switch (o.target) {\r\n case \"button1\":\r\n btn1HideNow = (fn || (() => {}))(row);\r\n case \"button2\":\r\n btn2HideNow = (fn || (() => {}))(row);\r\n case \"button3\":\r\n btn3HideNow = (fn || (() => {}))(row);\r\n case \"button4\":\r\n btn4HideNow = (fn || (() => {}))(row);\r\n case \"button5\":\r\n btn5HideNow = (fn || (() => {}))(row);\r\n case \"button6\":\r\n btn6HideNow = (fn || (() => {}))(row);\r\n }\r\n });\r\n\r\n return {\r\n btn1HideNow,\r\n btn2HideNow,\r\n btn3HideNow,\r\n btn4HideNow,\r\n btn5HideNow,\r\n btn6HideNow,\r\n };\r\n };\r\n\r\n return {\r\n getPreDefinedActionButtons,\r\n };\r\n};\r\n\r\nexport default ActionButtonsFactory2;\r\n","import React, { Component } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport isNil from \"lodash/isNil\";\r\nimport \"react-table-v6/react-table.css\";\r\nimport \"./searchable-datatable.css\";\r\nimport SearchBox from \"../solvable-datatable/search-box/search-box\";\r\nimport SearchLogic from \"../solvable-datatable/search-box/search-logic\";\r\nimport ActionButtonsFactory from \"../solvable-datatable/action-button/action-buttons-factory\";\r\nimport FilterPane from \"../solvable-datatable/filter-pane/filter-pane\";\r\nimport ActionButtonsFactory2 from \"./action-button/action-buttons-factory2\";\r\nimport withSizes from \"react-sizes\";\r\nimport ReactTable from \"react-table-v6\";\r\n\r\nclass SolvableDataTable extends Component {\r\n state = {\r\n data: [],\r\n columns: [],\r\n searchText: \"\",\r\n filterFields: []\r\n };\r\n\r\n static propTypes = {\r\n columns: PropTypes.array.isRequired,\r\n data: PropTypes.array.isRequired,\r\n filterOptions: PropTypes.object,\r\n stateSettings: PropTypes.object,\r\n predefinedButtons: PropTypes.object,\r\n defaultPageSize: PropTypes.number,\r\n keepSettings: PropTypes.bool,\r\n onError: PropTypes.func,\r\n onActionButtonClick: PropTypes.func,\r\n onFilterClick: PropTypes.func,\r\n onSettingsChanged: PropTypes.func\r\n };\r\n\r\n static defaultProps = {\r\n data: [],\r\n filterOptions: null,\r\n stateSettings: {},\r\n predefinedButtons: null,\r\n defaultPageSize: 20,\r\n keepSettings: false,\r\n onError: () => {}, // noop\r\n onActionButtonClick: () => {},\r\n onFilterClick: () => {},\r\n onSettingsChanged: () => {}\r\n };\r\n\r\n constructor() {\r\n super();\r\n this.searchLogic = SearchLogic();\r\n this.actionButtonsFactory = ActionButtonsFactory(this.actionButtonHandler);\r\n this.actionButtonsFactory2 = ActionButtonsFactory2(\r\n this.actionButtonHandler\r\n );\r\n }\r\n\r\n componentDidMount() {\r\n this.load();\r\n }\r\n\r\n static getDerivedStateFromProps(props, state) {\r\n return {\r\n data: props.data\r\n };\r\n }\r\n\r\n load() {\r\n const {\r\n columns,\r\n data,\r\n predefinedButtons,\r\n actionButtons,\r\n isMobile\r\n } = this.props;\r\n\r\n let cols = columns.map(item => item);\r\n\r\n // Note: predefinedButtons is deprecated please use ActionButtons instead.\r\n // Setup action buttons if provided\r\n if (actionButtons || predefinedButtons) {\r\n // New version/feature\r\n let definedButtons = actionButtons ? actionButtons : predefinedButtons;\r\n const buttonComponent = this.actionButtonsFactory2.getPreDefinedActionButtons(\r\n definedButtons\r\n );\r\n cols = this.setupActionButtons(\r\n cols,\r\n buttonComponent,\r\n definedButtons.containerWidth\r\n );\r\n }\r\n\r\n this.setState({ columns: cols, data });\r\n }\r\n\r\n setupActionButtons = (cols, component, containerWidth) => {\r\n return cols.concat({\r\n Header: \"Actions\",\r\n accessor: \"actions\",\r\n sortable: false,\r\n Cell: component,\r\n width: containerWidth ? containerWidth : 100\r\n });\r\n };\r\n\r\n actionButtonHandler = evt => {\r\n this.props.onActionButtonClick(evt);\r\n };\r\n\r\n searchInputChange = evt => {\r\n if (this.props.keepSettings) {\r\n const settings = this.getLatestSettings();\r\n this.props.onSettingsChanged({\r\n ...settings,\r\n searchText: evt.target.value\r\n });\r\n } else {\r\n this.setState({ searchText: evt.target.value });\r\n }\r\n };\r\n\r\n filterChangeHandler = eventData => {\r\n // Support immutability here\r\n const filterFlds = [...this.state.filterFields];\r\n const field = filterFlds.find(o => o.id === eventData.data.id);\r\n\r\n if (!field) {\r\n // Insert new if not found\r\n this.setState({ filterFields: filterFlds.concat({ ...eventData.data }) });\r\n } else {\r\n // Update if existing\r\n filterFlds.map((itm, i) => {\r\n if (itm.id !== eventData.data.id) return itm;\r\n\r\n itm.value = eventData.data.value;\r\n });\r\n\r\n this.setState({ filterFields: filterFlds });\r\n }\r\n };\r\n\r\n filterClickHandler = evt => {\r\n this.props.onFilterClick(this.state.filterFields);\r\n };\r\n\r\n pageSizeChange = (pageSize, pageIndex) => {\r\n const settings = this.getLatestSettings();\r\n this.props.onSettingsChanged({\r\n ...settings,\r\n pageSize\r\n });\r\n };\r\n\r\n pageChange = pageIndex => {\r\n const settings = this.getLatestSettings();\r\n this.props.onSettingsChanged({\r\n ...settings,\r\n pageIndex\r\n });\r\n };\r\n\r\n getLatestSettings = () => {\r\n return Object.keys(this.props.stateSettings).length > 0\r\n ? { ...this.props.stateSettings }\r\n : this.getDefaultStateSettings();\r\n };\r\n\r\n getDefaultStateSettings = () => {\r\n return {\r\n searchText: \"\",\r\n pageIndex: 0,\r\n pageSize: \"\"\r\n };\r\n };\r\n\r\n setPageSize = length => {\r\n // Observing the keepSettings feature\r\n let defaultPageSize = this.props.keepSettings\r\n ? this.props.stateSettings.pageSize\r\n ? this.props.stateSettings.pageSize\r\n : this.props.defaultPageSize\r\n : this.props.defaultPageSize;\r\n\r\n // For Mobile Only\r\n // Adjusts Pagesize automatically based on data length\r\n // If data length < 10, pageSize = data length, else, pageSize = this.props.defaultPageSize\r\n let size = this.props.isMobile\r\n ? length >= 10\r\n ? defaultPageSize\r\n : length\r\n : defaultPageSize;\r\n return size;\r\n };\r\n\r\n render() {\r\n let data = [...this.state.data];\r\n let searchText;\r\n let pageIndex;\r\n let pageSize; // required by keepSettings\r\n\r\n if (this.props.keepSettings) {\r\n // Search\r\n if (this.props.stateSettings.searchText) {\r\n data = this.searchLogic.search(\r\n this.props.stateSettings.searchText,\r\n data,\r\n this.state.columns\r\n );\r\n }\r\n\r\n // Load state settings\r\n searchText = !isNil(this.props.stateSettings.searchText)\r\n ? this.props.stateSettings.searchText\r\n : \"\";\r\n } else if (this.state.searchText) {\r\n data = this.searchLogic.search(\r\n this.state.searchText,\r\n data,\r\n this.state.columns\r\n );\r\n searchText = this.state.searchText;\r\n }\r\n\r\n return (\r\n \r\n \r\n
\r\n
*/}\r\n\r\n {this.props.keepSettings ? (\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {title}\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nconst Header = ({ title, icon, expandItem, onClick }) => {\r\n return (\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Header;\r\n","import React from \"react\";\r\nimport { CardBody } from \"reactstrap\";\r\n\r\nconst Content = ({ component }) => {\r\n return \r\n {children({\r\n handleInit,\r\n collapseState,\r\n caption: \"ACPAN Collapsible Panel\",\r\n idsRegistered,\r\n handleToggle,\r\n setToggle,\r\n setToggleAll,\r\n setBatchToggle,\r\n setBatchToggleByState\r\n })}\r\n
\r\n {error}
}\r\n \r\n {props.showLabel && (\r\n \r\n )}\r\n\r\n
\r\n );\r\n};\r\n\r\nexport default DatePickerField;\r\n","const userTypes = [\r\n {\r\n value: 1,\r\n label: \"Regular\",\r\n },\r\n {\r\n value: 3,\r\n label: \"Admin\",\r\n },\r\n];\r\n\r\nexport default userTypes;\r\n","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Field } from \"formik\";\r\nimport { addNotification } from \"./../../../redux/system/system-action-creators\";\r\nimport ButtonFx from \"./../button-fx\";\r\n\r\nconst SubmitButton = ({\r\n label,\r\n isLoading,\r\n className,\r\n addNotification,\r\n scrollToFirstError,\r\n isCollapsibleForm,\r\n}) => {\r\n return (\r\n \r\n {\r\n let dateValue = value;\r\n if (value instanceof moment) {\r\n dateValue = moment(value);\r\n }\r\n setFieldValue(props.accessor, dateValue);\r\n }}\r\n onBlur={() => setFieldTouched(props.accessor, true)}\r\n />\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default ContentSection;\r\n","/**\r\n * Solvable default setup for block-ui component\r\n * Props\r\n * - blocking = true or false (show/hide)\r\n * - lowerZIndex = true or false (set to true if you want block ui to respect fixed fix headers/navbars)\r\n * - color = set color\r\n * rcnet @solvable 2019\r\n */\r\nimport React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport BlockUi from \"react-block-ui\";\r\nimport { Loader } from \"react-loaders\";\r\nimport \"react-block-ui/style.css\";\r\nimport \"loaders.css/loaders.min.css\";\r\n\r\nconst BlockUiFx = ({ blocking, lowerZIndex, children, color, ...rest }) => (\r\n \r\n
\r\n {children}
\r\n {pageTitle}
}\r\n\r\n {children}\r\n \r\n\r\n//
\r\n// \r\n// );\r\n// };\r\n\r\n// const SmallScreenContent = ({\r\n// pageTitle,\r\n// children,\r\n// isFullWidth,\r\n// mainContentClass,\r\n// }) => {\r\n// return (\r\n// \r\n// {pageTitle &&
\r\n// {pageTitle}
}\r\n//{children}
\r\n// \r\n// {pageTitle &&
\r\n// \r\n// );\r\n// };\r\n\r\n// export default EnhancedContentSection;\r\n","import React from \"react\";\r\nimport { Card, Col, Row } from \"reactstrap\";\r\nimport { Link } from \"react-router-dom\";\r\nimport \"./link-card.scss\";\r\n\r\nconst LinksCard = ({ styleName, linksArray }) => {\r\n return (\r\n {pageTitle}
}\r\n//{children}
\r\n// \r\n \r\n {linksArray.map(({ href, title, icon, key, isFunc, clickFunc }) => {\r\n return (\r\n
\r\n
\r\n );\r\n};\r\n\r\nconst LinkItem = ({ href, title, icon }) => {\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n {pageTitle && (\r\n <>\r\n
\r\n )}\r\n \r\n );\r\n};\r\n\r\nexport default LinksComponent;\r\n","import React from \"react\";\r\nimport { Redirect } from \"react-router-dom\";\r\n\r\nconst withAdminHoc = (wrappedComponent, memberType) => {\r\n if (memberType && memberType !== 3) return {pageTitle}
\r\n \r\n )}\r\n\r\n \r\n {modalTitle} \r\n {modalMessage} \r\n \r\n \r\n\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default ConfirmationDialog;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { Card, Row, Col } from \"reactstrap\";\r\nimport SolvableDataTable from \"./../../../components/common/solvable-datatable/solvable-datatable\";\r\nimport columns from \"./columns\";\r\nimport ViewUsersFilterSection from \"./filter-section\";\r\nimport { Link } from \"react-router-dom\";\r\nimport EnhancedContentSection from \"./../../../components/common/enhanced-content-section\";\r\nimport LinksComponent from \"./../admin-view/links-component\";\r\nimport ButtonFx from \"./../../../components/common/button-fx\";\r\nimport withAdminHoc from \"./../with-admin-hoc/with-admin-hoc\";\r\nimport ConfirmationDialog from \"./../../../components/common/confirmation-dialog\";\r\n\r\nconst ManageUsers = ({\r\n isLoading,\r\n data,\r\n settings,\r\n loadUsers,\r\n filterUsers,\r\n usersCleanUp,\r\n keepDataTableSettings,\r\n deleteUser,\r\n isDeleting,\r\n history,\r\n memberType,\r\n isFetching,\r\n}) => {\r\n const pageTitle = \"Manage Users\";\r\n const [isDeleteDialogOpen, toggleDeleteDialog] = useState(false);\r\n const [userToDelete, setUserToDelete] = useState(null);\r\n\r\n const closeDeleteDialog = () => {\r\n toggleDeleteDialog(false);\r\n setUserToDelete(null);\r\n };\r\n\r\n useEffect(() => {\r\n if (!isFetching && memberType === 3) {\r\n loadUsers();\r\n }\r\n return () => usersCleanUp();\r\n }, [memberType]);\r\n\r\n const onSettingsChanged = (settings) => {\r\n keepDataTableSettings(settings);\r\n };\r\n\r\n const actionButtonHandler = ({ data, type }) => {\r\n switch (type) {\r\n case \"button1\":\r\n history.push(`/admin/update-user/${data.id}`);\r\n break;\r\n case \"button2\":\r\n setUserToDelete({\r\n id: data.id,\r\n name: `${data.firstName} ${data.lastName}`,\r\n });\r\n toggleDeleteDialog(true);\r\n break;\r\n }\r\n };\r\n\r\n let component = (\r\n \r\n {!isFetching && (\r\n \r\n {\r\n deleteUser(userToDelete.id);\r\n closeDeleteDialog();\r\n }}\r\n modalTitle=\"Delete User\"\r\n modalMessage={`Are you sure you want to delete ${\r\n userToDelete && userToDelete.name\r\n }? This cannot be undone.`}\r\n btnConfirmText=\"Yes\"\r\n btnCancelText=\"Cancel\"\r\n />\r\n {/* Delete User Confirmation Dialog */}\r\n
\r\n );\r\n\r\n return withAdminHoc(component, memberType);\r\n};\r\n\r\nexport default ManageUsers;\r\n","const ActionTypes = {\r\n MANAGE_USERS_REQUEST: \"MANAGE_USERS_REQUEST\",\r\n MANAGE_USERS_SUCCESS: \"MANAGE_USERS_SUCCESS\",\r\n MANAGE_USERS_FAILURE: \"MANAGE_USERS_FAILURE\",\r\n\r\n MANAGE_USERS_DELETE_REQUEST: \"MANAGE_USERS_DELETE_REQUEST\",\r\n MANAGE_USERS_DELETE_SUCCESS: \"MANAGE_USERS_DELETE_SUCCESS\",\r\n MANAGE_USERS_DELETE_FAILURE: \"MANAGE_USERS_DELETE_FAILURE\",\r\n\r\n MANAGE_USERS_CLEAN_UP: \"MANAGE_USERS_CLEAN_UP\",\r\n MANAGE_USERS_DATATABLE_KEEP_SETTINGS: \"MANAGE_USERS_DATATABLE_KEEP_SETTINGS\",\r\n};\r\n\r\nexport default ActionTypes;\r\n","import ActionTypes from \"./action-types\";\r\nimport Service from \"./../services/service\";\r\nimport { addNotification } from \"./../../../../redux/system/system-action-creators\";\r\n\r\nconst service = Service();\r\n\r\nexport const loadUsers = () => {\r\n return (dispatch) => {\r\n dispatch(loadUsersRequest());\r\n service\r\n .loadDefaultUsers()\r\n .then((resp) => dispatch(loadUsersSuccess(resp.data)))\r\n .catch((error) => {\r\n dispatch(\r\n addNotification(\r\n error && error.response && error.response.status === 500\r\n ? error.response.data.Message\r\n : \"Unable to load the users.\",\r\n \"error\"\r\n )\r\n );\r\n dispatch(loadUsersFailure());\r\n });\r\n };\r\n};\r\n\r\nexport const filterUsers = (payload) => {\r\n return (dispatch) => {\r\n dispatch(loadUsersRequest());\r\n service\r\n .filterUsers(payload)\r\n .then((resp) => {\r\n dispatch(loadUsersSuccess(resp.data));\r\n })\r\n .catch((error) => {\r\n dispatch(\r\n addNotification(\r\n error && error.response && error.response.status === 500\r\n ? error.response.data.Message\r\n : \"Unable to load the users.\",\r\n \"error\"\r\n )\r\n );\r\n dispatch(loadUsersFailure());\r\n });\r\n };\r\n};\r\n\r\nexport const deleteUser = (id) => {\r\n return (dispatch) => {\r\n dispatch(deleteUserRequest());\r\n service\r\n .deleteUser(id)\r\n .then(() => {\r\n dispatch(deleteUserSuccess(id));\r\n dispatch(addNotification(\"The user has been successfully deleted.\"));\r\n })\r\n .catch((error) => {\r\n dispatch(\r\n addNotification(\r\n error && error.response && error.response.status === 500\r\n ? error.response.data.Message\r\n : \"Unable to delete the user.\",\r\n \"error\"\r\n )\r\n );\r\n dispatch(deleteUserFailure());\r\n });\r\n };\r\n};\r\n\r\nconst loadUsersRequest = () => ({\r\n type: ActionTypes.MANAGE_USERS_REQUEST,\r\n});\r\n\r\nconst loadUsersSuccess = (payload) => ({\r\n type: ActionTypes.MANAGE_USERS_SUCCESS,\r\n payload,\r\n});\r\n\r\nconst loadUsersFailure = () => ({\r\n type: ActionTypes.MANAGE_USERS_FAILURE,\r\n});\r\n\r\nconst deleteUserRequest = () => ({\r\n type: ActionTypes.MANAGE_USERS_DELETE_REQUEST,\r\n});\r\n\r\nconst deleteUserSuccess = (payload) => ({\r\n type: ActionTypes.MANAGE_USERS_DELETE_SUCCESS,\r\n payload,\r\n});\r\n\r\nconst deleteUserFailure = () => ({\r\n type: ActionTypes.MANAGE_USERS_DELETE_FAILURE,\r\n});\r\n\r\nexport const usersCleanUp = () => ({\r\n type: ActionTypes.MANAGE_USERS_CLEAN_UP,\r\n});\r\n\r\nexport const keepDataTableSettings = (settings) => ({\r\n type: ActionTypes.MANAGE_USERS_DATATABLE_KEEP_SETTINGS,\r\n payload: {\r\n settings,\r\n },\r\n});\r\n","import HttpClient from \"./../../../../core/http/httpClient\";\r\nimport moment from \"moment\";\r\nimport { toIsoDate } from \"./../../../../core/utilities/date-service\";\r\n\r\nconst Service = () => {\r\n let httpClient = HttpClient();\r\n let uri = \"/v1/users\";\r\n\r\n const loadDefaultUsers = () =>\r\n httpClient.post(`${uri}/filter`, {\r\n userTypes: [1, 2, 3],\r\n startDate: toIsoDate(moment().add(\"years\", -1)),\r\n endDate: toIsoDate(moment()),\r\n });\r\n\r\n const filterUsers = (payload) => httpClient.post(`${uri}/filter`, payload);\r\n\r\n const deleteUser = (id) => httpClient.patch(`${uri}/${id}/archive`);\r\n\r\n return {\r\n loadDefaultUsers,\r\n filterUsers,\r\n deleteUser,\r\n };\r\n};\r\n\r\nexport default Service;\r\n","import { connect } from \"react-redux\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport Main from \"./main\";\r\nimport * as ActionCreators from \"./redux/action-creators\";\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n memberType: state.system.userProfile.memberType,\r\n isFetching: state.system.userProfile.isFetching,\r\n ...state.manageUsers,\r\n };\r\n};\r\n\r\nexport default withRouter(\r\n connect(mapStateToProps, { ...ActionCreators })(Main)\r\n);\r\n","import React from \"react\";\r\nimport LinksComponent from \"./links-component\";\r\nimport withAdminHoc from \"./../with-admin-hoc/with-admin-hoc\";\r\nimport PageTagging from \"components/common/page-tagging/page-tagging\";\r\n\r\nconst AdminView = ({ memberType, isFetching }) => {\r\n let component = (\r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n Create a User\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n\r\n {data.length > 0 && (\r\n \r\n \r\n \r\n
\r\n )}\r\n\r\n {data.length === 0 && (\r\n \r\n \r\n \r\n
\r\n )}\r\n \r\n )}\r\n\r\n {/* Delete User Confirmation Dialog */}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n No users.\r\n
\r\n \r\n \r\n {!isFetching && (\r\n <>\r\n
\r\n );\r\n\r\n return withAdminHoc(component, memberType);\r\n};\r\n\r\nexport default AdminView;\r\n","import { connect } from \"react-redux\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport Main from \"./main\";\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n memberType: state.system.userProfile.memberType,\r\n isFetching: state.system.userProfile.isFetching,\r\n };\r\n};\r\n\r\nexport default withRouter(connect(mapStateToProps)(Main));\r\n","import { useEffect } from \"react\";\r\nimport { isNil } from \"lodash\";\r\n\r\nconst useInitialiseForm = (\r\n userId,\r\n isEdit,\r\n getUserDetails,\r\n cleanUp,\r\n setIsEdit,\r\n user,\r\n setValues,\r\n isFetching\r\n) => {\r\n //Will decide whether a page is a create or update page\r\n //If update page, will call the getUserDetails()\r\n useEffect(() => {\r\n setIsEdit(isNil(userId) ? false : true);\r\n if (isEdit && !isFetching) {\r\n getUserDetails(userId);\r\n }\r\n }, [userId, isEdit]);\r\n\r\n //Resets the redux onPageLeave\r\n useEffect(() => {\r\n return () => cleanUp();\r\n }, []);\r\n\r\n //Will bind all user values\r\n useEffect(() => {\r\n if (!isNil(user)) {\r\n setValues({\r\n id: user.id,\r\n isEdit: true,\r\n firstName: user.firstName,\r\n lastName: user.lastName,\r\n memberType: user.memberType,\r\n email: user.email,\r\n mobile: user.mobile,\r\n });\r\n }\r\n }, [user]);\r\n};\r\n\r\nexport default useInitialiseForm;\r\n","import React from \"react\";\r\nimport { FormGroup, Input, Label } from \"reactstrap\";\r\nimport CustomErrorMessage from \"./../error-message\";\r\nimport { Field } from \"formik\";\r\nimport \"./common-field.scss\";\r\n\r\nconst CommonField = (props) => {\r\n const {\r\n label,\r\n accessor,\r\n type,\r\n showLabel,\r\n rawField,\r\n instructionLabel,\r\n overridePlaceholder,\r\n children,\r\n } = props;\r\n return type === \"checkbox\" ? (\r\n \r\n
\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n
\r\n )}\r\n \r\n {showLabel && }\r\n\r\n {instructionLabel && \r\n {({ field, meta }) => (\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default CommonField;\r\n","const validatePassword = value => {\r\n let errors = [],\r\n noErrors;\r\n if (value === \"\") {\r\n errors.push(\"Password is required.\");\r\n }\r\n\r\n if (value.length < 8) {\r\n errors.push(\"Password must have at least 8 characters.\");\r\n }\r\n\r\n if (!new RegExp(/([0-9])/g).test(value)) {\r\n errors.push(\"Must have a number.\");\r\n }\r\n\r\n return errors.length > 0 ? errors : noErrors;\r\n};\r\n\r\nexport default validatePassword;\r\n","const passwordErrorsList = [\r\n \"Password is required.\",\r\n \"Password must have at least 8 characters.\",\r\n \"Must have a number.\"\r\n];\r\n\r\nexport default passwordErrorsList;\r\n","import React from \"react\";\r\nimport {\r\n getErrorClasses,\r\n getPasswordAndConfirmPasswordErrorClasses,\r\n} from \"./error-checker\";\r\nimport passwordErrorsList from \"./password-errors-list\";\r\nimport { Field } from \"formik\";\r\nimport \"./password-errors-list-style.scss\";\r\n\r\nconst PasswordErrorsComponent = () => {\r\n return (\r\n {instructionLabel}
}\r\n\r\n\r\n {type === \"textarea\" ? (\r\n
\r\n )}\r\n \r\n
\r\n )}\r\n - \r\n {passwordErrorsList\r\n .filter((err) => err !== \"Passwords must match.\")\r\n .map((error) => {\r\n let errorClasses = getErrorClasses(\r\n form.errors.password,\r\n error,\r\n form.values.password.length\r\n );\r\n\r\n let { itemClass, iconClass } = errorClasses;\r\n\r\n return (\r\n
- \r\n \r\n {error}\r\n \r\n );\r\n })}\r\n\r\n
\r\n \r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Password;\r\n","// Reqired props :\r\n// - label - Label\r\n// - accessor - Formik field accessor\r\n// - showLabel - Option to show field label\r\n// - mask - Mask\r\n\r\nimport React from \"react\";\r\nimport { FormGroup, Label } from \"reactstrap\";\r\nimport CustomErrorMessage from \"./../error-message\";\r\nimport { Field } from \"formik\";\r\nimport InputMask from \"react-input-mask\";\r\n\r\nconst setValue = (accessor, value, setValueFunc) =>\r\n setValueFunc(accessor, value.replace(/\\s/g, \"\"));\r\n\r\nconst MaskedInput = (props) => {\r\n const { label, accessor, showLabel, mask, overridePlaceholder } = props;\r\n return (\r\n \r\n \r\n {({ form }) => (\r\n \r\n validatePassword(val, form.values.confirmPassword)\r\n }\r\n >\r\n {({ field }) => (\r\n \r\n )}\r\n \r\n
\r\n \r\n \r\n
\r\n )}\r\n \r\n \r\n {({ field }) => (\r\n \r\n
\r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n setValue(accessor, event.target.value, form.setFieldValue)\r\n }\r\n onFocus={() => form.setFieldTouched(accessor, true)}\r\n onBlur={(event) =>\r\n setValue(accessor, event.target.value, form.setFieldValue)\r\n }\r\n {...field}\r\n maskChar={null}\r\n />\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n {!isFetching && (\r\n \r\n \r\n )}\r\n
\r\n );\r\n\r\n return withAdminHoc(component, memberType);\r\n};\r\n\r\nexport default CreateUpdateUserPage;\r\n","import * as Yup from \"yup\";\r\n\r\nconst registrationValidationSchema = Yup.object().shape({\r\n firstName: Yup.string()\r\n .min(2, \"First name must have at least 2 characters.\")\r\n .max(30, \"First name is too long.\")\r\n .required(\"First name is required.\"),\r\n lastName: Yup.string()\r\n .min(2, \"First name must have at least 2 characters.\")\r\n .max(30, \"First name is too long.\")\r\n .required(\"Last name is required.\"),\r\n memberType: Yup.string().required(\"Member type is required.\"),\r\n email: Yup.string()\r\n .required(\"Email is required.\")\r\n .email(\"Invalid email address\"),\r\n mobile: Yup.string().required(\"Mobile is required.\"),\r\n //Password fields validations\r\n password: Yup.string(),\r\n confirmPassword: Yup.string().when(\"isEdit\", {\r\n is: (val) => {\r\n return val;\r\n },\r\n then: Yup.string()\r\n .min(1)\r\n .oneOf([Yup.ref(\"password\"), null], \"Passwords must match\"),\r\n otherwise: Yup.string().nullable(),\r\n }),\r\n});\r\n\r\nexport default registrationValidationSchema;\r\n","const initialValues = {\r\n id: \"\",\r\n isEdit: false,\r\n firstName: \"\",\r\n lastName: \"\",\r\n memberType: \"\",\r\n email: \"\",\r\n mobile: \"\",\r\n password: \"\",\r\n confirmPassword: \"\",\r\n};\r\n\r\nexport default initialValues;\r\n","const ActionTypes = {\r\n CREATE_UPDATE_USER_REQUEST: \"CREATE_UPDATE_USER_REQUEST\",\r\n CREATE_UPDATE_USER_SUCCESS: \"CREATE_UPDATE_USER_SUCCESS\",\r\n CREATE_UPDATE_USER_FAILURE: \"CREATE_UPDATE_USER_FAILURE\",\r\n CREATE_UPDATE_USER_CLEAN_UP: \"CREATE_UPDATE_USER_CLEAN_UP\",\r\n\r\n CREATE_UPDATE_USER_GET_DETAILS_REQUEST:\r\n \"CREATE_UPDATE_USER_GET_DETAILS_REQUEST\",\r\n CREATE_UPDATE_USER_GET_DETAILS_SUCCESS:\r\n \"CREATE_UPDATE_USER_GET_DETAILS_SUCCESS\",\r\n CREATE_UPDATE_USER_GET_DETAILS_FAILURE:\r\n \"CREATE_UPDATE_USER_GET_DETAILS_FAILURE\",\r\n\r\n CREATE_UPDATE_USER_CLEAN_UP: \"CREATE_UPDATE_USER_CLEAN_UP\",\r\n};\r\n\r\nexport default ActionTypes;\r\n","import ActionTypes from \"./action-types\";\r\nimport Service from \"./../services/service\";\r\nimport {\r\n addNotification,\r\n addErrorNotification,\r\n} from \"./../../../../../../redux/system/system-action-creators\";\r\n\r\nlet service = Service();\r\n\r\nexport const createUser = (model, history) => (dispatch) => {\r\n dispatch(createUpdateUserRequest());\r\n service\r\n .createUser(model)\r\n .then(() => {\r\n dispatch(createUpdateUserSuccess());\r\n history.push(`/admin/manage-users/`);\r\n })\r\n .catch((error) => {\r\n dispatch(addErrorNotification(error, \"Unable to register the user.\"));\r\n dispatch(createUpdateUserFailure());\r\n });\r\n};\r\n\r\nexport const updateUser = (model) => (dispatch) => {\r\n dispatch(createUpdateUserRequest());\r\n service\r\n .updateUser(model)\r\n .then(() => {\r\n dispatch(createUpdateUserSuccess());\r\n dispatch(addNotification(\"The user details have been updated.\"));\r\n })\r\n .catch((error) => {\r\n dispatch(\r\n addErrorNotification(error, \"Unable to update the user details.\")\r\n );\r\n dispatch(createUpdateUserFailure());\r\n });\r\n};\r\n\r\nconst createUpdateUserRequest = () => ({\r\n type: ActionTypes.CREATE_UPDATE_USER_REQUEST,\r\n});\r\n\r\nconst createUpdateUserSuccess = () => ({\r\n type: ActionTypes.CREATE_UPDATE_USER_SUCCESS,\r\n});\r\n\r\nconst createUpdateUserFailure = () => ({\r\n type: ActionTypes.CREATE_UPDATE_USER_FAILURE,\r\n});\r\n\r\nexport const getUserDetails = (userId) => (dispatch) => {\r\n dispatch(getUserDetailsRequest());\r\n service\r\n .getUserDetails(userId)\r\n .then((data) => dispatch(getUserDetailsSuccess(data)))\r\n .catch((error) => {\r\n dispatch(addErrorNotification(error, \"Unable to get the user details.\"));\r\n dispatch(getUserDetailsFailure());\r\n });\r\n};\r\n\r\nconst getUserDetailsRequest = () => ({\r\n type: ActionTypes.CREATE_UPDATE_USER_GET_DETAILS_REQUEST,\r\n});\r\n\r\nconst getUserDetailsSuccess = (payload) => ({\r\n type: ActionTypes.CREATE_UPDATE_USER_GET_DETAILS_SUCCESS,\r\n payload,\r\n});\r\n\r\nconst getUserDetailsFailure = () => ({\r\n type: ActionTypes.CREATE_UPDATE_USER_GET_DETAILS_FAILURE,\r\n});\r\n\r\nexport const cleanUp = () => ({\r\n type: ActionTypes.CREATE_UPDATE_USER_CLEAN_UP,\r\n});\r\n","import userTypes from \"./../../../../../../constants/user-types\";\r\nimport HttpClient from \"./../../../../../../core/http/httpClient\";\r\n\r\nconst CreateUpdateUserService = () => {\r\n let httpClient = HttpClient();\r\n let baseAccountUri = \"/v1/core/accounts\";\r\n let baseUseUri = \"/v1/users\";\r\n\r\n const createUser = (model) => {\r\n let uri = `${baseAccountUri}/admin`;\r\n\r\n let payload = {\r\n firstName: model.firstName,\r\n lastName: model.lastName,\r\n email: model.email,\r\n mobile: model.mobile,\r\n password: model.password,\r\n confirmPassword: model.confirmPassword,\r\n memberType: model.memberType.value,\r\n };\r\n return httpClient.post(uri, payload).then(({ data }) => data);\r\n };\r\n\r\n const updateUser = (model) => {\r\n let payload = {\r\n id: model.id,\r\n firstName: model.firstName,\r\n lastName: model.lastName,\r\n email: model.email,\r\n mobile: model.mobile,\r\n memberType: model.memberType.value,\r\n };\r\n return httpClient.put(`${baseUseUri}/admin/update-user`, payload);\r\n };\r\n\r\n const getUserDetails = (id) => {\r\n return httpClient.get(`${baseUseUri}/${id}`).then(({ data }) => {\r\n return {\r\n ...data,\r\n memberType: userTypes.find(\r\n (userType) => userType.value === data.userType\r\n ),\r\n };\r\n });\r\n };\r\n\r\n return {\r\n createUser,\r\n getUserDetails,\r\n updateUser,\r\n };\r\n};\r\n\r\nexport default CreateUpdateUserService;\r\n","import { connect } from \"react-redux\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport Main from \"./main\";\r\nimport { withFormik } from \"formik\";\r\nimport validationSchema from \"./formik/validation-schema\";\r\nimport initialValues from \"./formik/initial-values\";\r\nimport * as ActionCreators from \"./redux/action-creators\";\r\nimport { addNotification } from \"./../../../../../redux/system/system-action-creators\";\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n ...state.createUpdateUser,\r\n memberTye: state.system.userProfile.memberType,\r\n isFetching: state.system.userProfile.isFetching,\r\n };\r\n};\r\n\r\nconst formikEnhancer = withFormik({\r\n validationSchema: validationSchema,\r\n mapPropsToValues: () => initialValues,\r\n handleSubmit: (values, { props }) => {\r\n const { createUser, updateUser, history } = props;\r\n values.isEdit ? updateUser(values) : createUser(values, history);\r\n },\r\n displayName: \"createUpdateUserForm\",\r\n});\r\n\r\nconst enhancedForm = formikEnhancer(Main);\r\n\r\nexport default withRouter(\r\n connect(mapStateToProps, { ...ActionCreators, addNotification })(enhancedForm)\r\n);\r\n","import ManageUsers from \"./../views/admin/manage-users\";\r\nimport AdminView from \"./../views/admin/admin-view\";\r\nimport CreateUpdateUserPage from \"./../views/admin/manage-users/components/create-update-user\";\r\n\r\nconst AdminRoutes = [\r\n {\r\n path: \"/admin/\",\r\n name: \"Admin\",\r\n component: AdminView,\r\n privateRoute: true,\r\n },\r\n {\r\n path: \"/admin/manage-users/\",\r\n name: \"Manage Users\",\r\n component: ManageUsers,\r\n privateRoute: true,\r\n },\r\n {\r\n path: \"/admin/create-user/\",\r\n name: \"Create User\",\r\n component: CreateUpdateUserPage,\r\n privateRoute: true,\r\n },\r\n {\r\n path: \"/admin/update-user/:id\",\r\n name: \"Update User\",\r\n component: CreateUpdateUserPage,\r\n privateRoute: true,\r\n },\r\n];\r\n\r\nexport default AdminRoutes;\r\n","import React from \"react\";\r\n\r\nconst Playground = () => {\r\n return \r\n
\r\n\r\n \r\n Hello
;\r\n};\r\n\r\nexport default Playground;\r\n","import Main from \"./main\";\r\nimport { withRouter } from \"react-router-dom\";\r\n\r\nexport default withRouter(Main);\r\n","import React from \"react\";\r\nimport \"./image-header.scss\";\r\nimport { PropTypes } from \"prop-types\";\r\n\r\nconst ImageHeader = ({ imgSrc, title }) => {\r\n return (\r\n\r\n
\r\n {title}
\r\n\r\n
\r\n );\r\n};\r\n\r\nexport default View;\r\n","export const partners = [\r\n { name: \"kwc.jpg\", url: \"https://kidswithcancer.org.au/\" },\r\n { name: \"solvable.png\", url: \"https://www.solvable.com.au/\" },\r\n { name: \"tmaa.jpg\", url: \"https://tmaa.asn.au/\" },\r\n { name: \"hria.png\", url: \"https://hireandrental.com.au/\" },\r\n {\r\n name: \"rental-journal-podcast.jpg\",\r\n url: \"https://www.therentaljournal.com/\",\r\n },\r\n {\r\n name: \"shots-creative-logo.png\",\r\n url: \"http://instagram.com/shotscreativestudio\",\r\n },\r\n { name: \"creditorwatch.png\", url: \"https://creditorwatch.com.au/\" },\r\n];\r\n","import React, { Component } from \"react\";\r\nimport View from \"./view\";\r\nimport { partners as PartnerItems } from \"constants/partners\";\r\n\r\nclass Partners extends Component {\r\n render() {\r\n return \r\n \r\n {items.map((item, i) => (\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Partner;\r\n","import React from \"react\";\r\n\r\nconst View = ({ image }) => {\r\n return (\r\n \r\n \r\n
\r\n Partners
\r\n\r\n
\r\n );\r\n};\r\n\r\nexport default View;\r\n","export const citiwests = [\r\n { name: \"tma.jpg\" },\r\n { name: \"highway-truck.jpg\" },\r\n { name: \"traffic-utes.jpg\" },\r\n { name: \"travel-times.jpeg\" },\r\n { name: \"arrow-board.jpg\" },\r\n { name: \"portable-traffic-lights.jpg\" },\r\n { name: \"variable-speed-limit-signs.jpg\" },\r\n { name: \"truck-mounted-attenuators.jpg\" },\r\n { name: \"vms-boards.jpg\" },\r\n { name: \"vms-ute.jpg\" },\r\n];\r\n","import React, { Component } from \"react\";\r\nimport View from \"./view\";\r\nimport { citiwests as CitiwestItems } from \"constants/citiwests\";\r\n\r\nclass Citiwests extends Component {\r\n render() {\r\n return \r\n \r\n {items.map((item, i) => (\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Citiwest;\r\n","import React from \"react\";\r\nimport ImageHeader from \"./../../components/common/image-header\";\r\nimport EnhancedContentSection from \"./../../components/common/enhanced-content-section\";\r\nimport ButtonFx from \"./../../components/common/button-fx\";\r\nimport Partner from \"./components/partner\";\r\nimport Citiwest from \"./component/citiwest\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport PageTagging from \"components/common/page-tagging/page-tagging\";\r\nimport ContentSection from \"components/common/content-section\";\r\n\r\nconst Home = () => {\r\n let history = useHistory();\r\n return (\r\n <>\r\n \r\n
\r\n Traffic Equipment Hire Specialists
\r\n Traffic Equipment hire on any scale\r\n\r\n \r\n \r\n
\r\n Looking for Equipment Rentals?
\r\n \r\n Citiwest Rentals - Providing equipment hire to all of western\r\n Melbourne\r\n \r\n\r\n Citiwest Rentals is the latest addition to the Mr Traffic Hire\r\n family. We are a leading provider of rental equipment in the west.\r\n Get everything you need for your home renovation and business\r\n needs.\r\n
\r\n \r\n Get the right equipment and advice for the right price!\r\n \r\n\r\n \r\n Check out Citiwest\r\n \r\n
\r\n \r\n
\r\n \r\n About Us
\r\n\r\n\r\n history.push(\"/about/\")}\r\n className=\"mt-blue-mini-button\"\r\n >\r\n Learn More\r\n \r\n
\r\n \r\n Mr Traffic Hire offers specialised traffic equipment hire on any\r\n scale, such as large infrastructure road works and projects to\r\n single Variable Messaging Signs (VMS) for advertising. We have a\r\n full range of traffic safety equipment.{\" \"}\r\n
\r\n\r\n\r\n With over 25 years combined experience in the Hire industry Mr\r\n Traffic Hire can offer our clients the most up to date solutions for\r\n managing your needs, combined with our vast industry knowledge,\r\n makes us confident that we can provide solutions to our clients.\r\n
\r\n\r\n\r\n At Mr Traffic Hire we endeavour to work closely with all our clients\r\n to find a solution that works and with our expert knowledge and\r\n understanding of current legislation, in addition to providing the\r\n highest level of quality, service and value, Mr Traffic Hire is\r\n confident we can help you achieve your targets.\r\n
\r\n\r\n\r\n Mr Traffic Hire is available 24 hours a day, 7 days a week and we\r\n will work within your timeframes and budget to make it happen.\r\n
\r\n\r\n\r\n \r\n {({ handleInit, collapseState, handleToggle }) => {\r\n return sections.map((section, i) => (\r\n \r\n
\r\n );\r\n};\r\n\r\nContentCollapsiblePanel.propTypes = {\r\n sections: PropTypes.array.isRequired,\r\n marginTop: PropTypes.number.isRequired,\r\n marginBottom: PropTypes.number.isRequired,\r\n openSection: PropTypes.number.isRequired,\r\n};\r\n\r\nContentCollapsiblePanel.defaultProps = {\r\n sections: [],\r\n marginTop: 3,\r\n marginBottom: 3,\r\n openSection: 0,\r\n};\r\n\r\nexport default ContentCollapsiblePanel;\r\n","import React from \"react\";\r\n//import { Link } from \"react-router-dom\";\r\n\r\nexport const faqs = [\r\n {\r\n title: \"xxx\",\r\n content: \r\n \r\n {section.content}\r\n \r\n
\r\n ));\r\n }}\r\n xxx
,\r\n },\r\n];\r\n","import { useEffect } from \"react\";\r\n\r\nconst UseMapFaqs = (FaqItems, setMappedFaqs, jsxToString) => {\r\n useEffect(() => {\r\n let mapped = FaqItems.map((faq) => {\r\n return {\r\n ...faq,\r\n flattenedContent: jsxToString(faq.content).replace(/(<([^>]+)>)/gi, \"\"),\r\n };\r\n });\r\n\r\n setMappedFaqs(mapped);\r\n }, []);\r\n};\r\n\r\nexport default UseMapFaqs;\r\n","const TextSearchLib = () => {\r\n const search = (filterText, textToSearch) => {\r\n let regexString = \"\";\r\n\r\n // if the start and end char is a \", match entire string\r\n if (\r\n filterText.length > 1 &&\r\n filterText[0] === '\"' &&\r\n filterText[filterText.length - 1] === '\"'\r\n ) {\r\n regexString = `\\\\b${filterText.replace(/\"/gi, \"\")}\\\\b`;\r\n } else {\r\n filterText = filterText.replace('\"', \"\");\r\n\r\n const words = filterText\r\n .split(/\\s+/g)\r\n .map(s => s.trim())\r\n .filter(s => !!s);\r\n const hasTrailingSpace = filterText.endsWith(\" \");\r\n\r\n regexString = words\r\n .map((word, i) => {\r\n if (i + 1 === words.length && !hasTrailingSpace) {\r\n // The last word - ok with the word being \"startswith\"-like\r\n return `(?=.*\\\\b${_escapeRegExp(word)})`;\r\n } else {\r\n // Not the last word - expect the whole word exactly\r\n return `(?=.*\\\\b${_escapeRegExp(word)}\\\\b)`;\r\n }\r\n })\r\n .join(\"\");\r\n }\r\n\r\n const searchRegex = new RegExp(regexString, \"gi\");\r\n\r\n return searchRegex.test(textToSearch);\r\n };\r\n\r\n const _escapeRegExp = s => {\r\n return s.replace(/[-/\\\\^$*+?.()|[\\]{}]/g, \"\\\\$&\");\r\n };\r\n\r\n return {\r\n search\r\n };\r\n};\r\n\r\nexport default TextSearchLib;\r\n","import { useEffect } from \"react\";\r\nimport TextSearchLib from \"./../../../core/utilities/textSearchLib\";\r\n\r\nconst UseFilterFaqs = (query, mappedFaqs, setFilteredFaqs) => {\r\n const textSearchLib = TextSearchLib();\r\n useEffect(() => {\r\n let filtered = mappedFaqs.map((faq) => {\r\n return {\r\n ...faq,\r\n show:\r\n query === \"\"\r\n ? true\r\n : textSearchLib.search(query, faq.title) ||\r\n textSearchLib.search(query, faq.flattenedContent),\r\n };\r\n });\r\n setFilteredFaqs(filtered);\r\n }, [query, mappedFaqs]);\r\n};\r\n\r\nexport default UseFilterFaqs;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport jsxToString from \"jsx-to-string\";\r\nimport ContentCollapsiblePanel from \"../../components/common/content-collapsible-panel\";\r\nimport { faqs as FaqItems } from \"../../constants/faqs\";\r\nimport { withFormik, Form } from \"formik\";\r\nimport CommonField from \"./../../components/common/common-field\";\r\nimport UseMapFaqs from \"./hooks/use-map-faqs\";\r\nimport UseFilterFaqs from \"./hooks/use-filter-faqs\";\r\nimport EnhancedContentSection from \"./../../components/common/enhanced-content-section\";\r\n\r\nconst Faqs = ({ values }) => {\r\n let [mappedFaqs, setMappedFaqs] = useState([]);\r\n let [filteredFaqs, setFilteredFaqs] = useState([]);\r\n\r\n UseMapFaqs(FaqItems, setMappedFaqs, jsxToString);\r\n UseFilterFaqs(values.query, mappedFaqs, setFilteredFaqs);\r\n\r\n return (\r\n <>\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n
\r\n )}\r\n \r\n {showLabel && (\r\n \r\n )}\r\n\r\n {instructionLabel && \r\n {({ field, meta }) => (\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default React.memo(CommonFastField);\r\n","import React from \"react\";\r\n//import { Link } from \"react-router-dom\";\r\n//import ContentSection from \"../components/common/content-section\";\r\n\r\nexport const corePublicPages = [\r\n {\r\n pageName: \"get-in-touch\",\r\n title: \"Contact Us | Get a Quote\",\r\n description: \"Contact Us | Get a Quote\",\r\n content: <>,\r\n },\r\n {\r\n pageName: \"privacy-policy\",\r\n title: \"Privacy Policy\",\r\n description: \"\",\r\n content: <>,\r\n },\r\n {\r\n pageName: \"not-found\",\r\n title: \"Page Not Found\",\r\n description: \"\",\r\n content: (\r\n <>\r\n {instructionLabel}
}\r\n\r\n\r\n {type === \"textarea\" ? (\r\n
\r\n )}\r\n Page Not Found
\r\n \r\n ),\r\n },\r\n];\r\n","import React from \"react\";\r\n//import { Link } from \"react-router-dom\";\r\nimport ContentSection from \"./../components/common/content-section\";\r\nimport { corePublicPages } from \"./public-content-core\";\r\n\r\nexport const publicPages = [\r\n ...corePublicPages,\r\n {\r\n pageName: \"new-page\",\r\n title: \"New Page\",\r\n description: \"\",\r\n content: (\r\n <>\r\nNew Page
\r\n \r\n ),\r\n },\r\n {\r\n pageName: \"new-page-2\",\r\n title: \"New Page\",\r\n description: \"\",\r\n noContentSection: true,\r\n content: (\r\n <>\r\nSection 1
\r\nSection 2
\r\nSection 3
\r\nOur Locations
\r\n\r\n10 Everaise Court, Laverton North, VIC 3206
\r\n1/13 Aster Ave, Carrum Downs, VIC 3201
\r\n\r\n \r\n
\r\n \r\n \r\n );\r\n};\r\n\r\nexport default GetQuote;\r\n","const ActionTypes = {\r\n GET_QUOTE_REQUEST: \"GET_QUOTE_REQUEST\",\r\n GET_QUOTE_SUCCESS: \"GET_QUOTE_SUCCESS\",\r\n GET_QUOTE_FAILURE: \"GET_QUOTE_FAILURE\",\r\n GET_QUOTE_CLEAN_UP: \"GET_QUOTE_CLEAN_UP\"\r\n};\r\n\r\nexport default ActionTypes;\r\n","import ActionTypes from \"./action-types\";\r\nimport QuoteService from \"./../services/service\";\r\nimport {\r\n addNotification,\r\n addErrorNotification,\r\n} from \"./../../../redux/system/system-action-creators\";\r\nlet service = QuoteService();\r\n\r\nexport const getQuote = (data) => (dispatch) => {\r\n dispatch(getQuoteRequest());\r\n service\r\n .getQuote(data)\r\n .then(() => {\r\n dispatch(\r\n addNotification(\"Your quote request has been successfully sent.\")\r\n );\r\n dispatch(getQuoteSuccess());\r\n })\r\n .catch((error) => {\r\n dispatch(\r\n addErrorNotification(error, \"Unable to send your quote request.\")\r\n );\r\n dispatch(getQuoteFailure(error));\r\n });\r\n};\r\n\r\nconst getQuoteRequest = () => ({\r\n type: ActionTypes.GET_QUOTE_REQUEST,\r\n});\r\n\r\nconst getQuoteSuccess = () => ({\r\n type: ActionTypes.GET_QUOTE_SUCCESS,\r\n});\r\n\r\nconst getQuoteFailure = (error) => ({\r\n type: ActionTypes.GET_QUOTE_FAILURE,\r\n payload: error,\r\n});\r\n\r\nexport const cleanUp = () => ({\r\n type: ActionTypes.GET_QUOTE_CLEAN_UP,\r\n});\r\n","import HttpClient from \"./../../../core/http/httpClient\";\r\n\r\nconst QuoteService = () => {\r\n let httpClient = HttpClient();\r\n\r\n const getQuote = (payload) => {\r\n let uri = \"/get-a-quote\";\r\n return httpClient.post(uri, {\r\n ...payload,\r\n services: payload.services.map((x) => x.value),\r\n source: payload.source.map((x) => x.value),\r\n });\r\n };\r\n\r\n return {\r\n getQuote,\r\n };\r\n};\r\n\r\nexport default QuoteService;\r\n","const initialValues = {\r\n name: \"\",\r\n email: \"\",\r\n phone: \"\",\r\n services: [],\r\n source: [],\r\n message: \"\",\r\n};\r\n\r\nexport default initialValues;\r\n","import * as Yup from \"yup\";\r\n\r\nconst validationSchema = Yup.object().shape({\r\n name: Yup.string()\r\n .min(2, \"Name must have at least 2 characters.\")\r\n .max(30, \"Name is too long.\")\r\n .required(\"Name is required.\"),\r\n email: Yup.string()\r\n .email(\"Invalid email address\")\r\n .required(\"Email address is required.\"),\r\n phone: Yup.string().min(10, \"Invalid phone number.\"),\r\n services: Yup.array()\r\n .of(Yup.string().required(\"Please select at least 1 service.\"))\r\n .required(\"Please select at least 1 service.\"),\r\n source: Yup.array()\r\n .of(Yup.string().required(\"Please select at least 1 item.\"))\r\n .required(\"Please select at least 1 item.\"),\r\n message: Yup.string()\r\n .required(\"Message is required.\")\r\n .matches(/^\\s*([^\\s]+\\s*){1,500}$/, \"Message should not exceed 500 Words.\"),\r\n});\r\n\r\nexport default validationSchema;\r\n","import { connect } from \"react-redux\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport Main from \"./main\";\r\nimport * as ActionCreators from \"./redux/action-creators\";\r\nimport { withFormik } from \"formik\";\r\nimport initialValues from \"./formik/formik/initial-values\";\r\nimport validationSchema from \"./formik/formik/validation-schema\";\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n contactUs: state.quote,\r\n profile: state.system.userProfile,\r\n };\r\n};\r\n\r\nconst EnhancedForm = withFormik({\r\n mapPropsToValues: () => initialValues,\r\n validationSchema,\r\n handleSubmit: (values, { props }) => {\r\n props.getQuote(values);\r\n },\r\n displayName: \"getQuoteForm\",\r\n})(Main);\r\n\r\nexport default withRouter(\r\n connect(mapStateToProps, { ...ActionCreators })(EnhancedForm)\r\n);\r\n","const getRedirectionPath = (location) =>\r\n location.search && location.search.includes(\"return-url\")\r\n ? location.search.substr(location.search.indexOf(\"/\"))\r\n : (location.state && location.state.from && location.state.from.pathname) ||\r\n \"/\";\r\n\r\nexport default getRedirectionPath;\r\n","import React from \"react\";\r\nimport { Form } from \"formik\";\r\nimport ButtonFx from \"./../../components/common/button-fx\";\r\nimport { Row, Col } from \"reactstrap\";\r\nimport CommonField from \"./../../components/common/common-field\";\r\nimport MaskedInput from \"./../../components/common/masked-input\";\r\nimport Password from \"./../../components/common/password-component\";\r\nimport { Redirect, Link } from \"react-router-dom\";\r\nimport getRedirectionPath from \"./../../core/utilities/location-service\";\r\nimport Auth from \"./../../core/auth/auth\";\r\nimport FormikSubmitButton from \"./../../components/common/formik-submit-button\";\r\nimport EnhancedContentSection from \"./../../components/common/enhanced-content-section\";\r\n\r\nconst RegistrationPage = ({ location, isLoading }) => {\r\n let pageTitle = \"Register\";\r\n let redirectPath = getRedirectionPath(location);\r\n if (Auth.isAuthenticated()) return \r\n
\r\n\r\n \r\n \r\n \r\n Already have an account? Login Now\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n A link to reset your password has been sent to your email address.
\r\n\r\n
\r\n \r\n
\r\n \r\n Your password reset request is invalid, please reset your password\r\n again.\r\n
\r\n\r\n {label && (\r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n {({ form, field }) => (\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default ManualAddressEntry;\r\n","const addressComponents = [\r\n {\r\n name: \"Unit Number\",\r\n accessor: \"unitNumber\",\r\n isRequired: false\r\n },\r\n {\r\n name: \"Street Number\",\r\n accessor: \"streetNumber\",\r\n isRequired: true\r\n },\r\n {\r\n name: \"Street Name\",\r\n accessor: \"streetName\",\r\n isRequired: true\r\n },\r\n {\r\n name: \"City\",\r\n accessor: \"city\",\r\n isRequired: true\r\n },\r\n {\r\n name: \"State\",\r\n accessor: \"state\",\r\n isRequired: true\r\n },\r\n {\r\n name: \"Post Code\",\r\n accessor: \"postcode\",\r\n isRequired: true\r\n }\r\n];\r\n\r\nexport default addressComponents;\r\n","const getAddress = googleAddress => {\r\n if (!googleAddress || googleAddress === undefined)\r\n return {\r\n fullAddress: \"\",\r\n unitNumber: \"\",\r\n streetNumber: \"\",\r\n streetName: \"\",\r\n city: \"\",\r\n state: \"\",\r\n postcode: \"\"\r\n };\r\n\r\n let address = {\r\n fullAddress: \"\",\r\n unitNumber: \"\",\r\n streetNumber: \"\",\r\n streetName: \"\",\r\n city: \"\",\r\n state: \"\",\r\n postcode: \"\"\r\n };\r\n\r\n let promiseObject = new Promise(res => {\r\n getGeocodeAddress(googleAddress, function(addressComponents) {\r\n address.fullAddress = googleAddress.formatted_address;\r\n\r\n for (let addressComponent of addressComponents) {\r\n for (let i = 0; i < addressComponent.types.length; i++) {\r\n let type = addressComponent.types[0];\r\n\r\n switch (type) {\r\n case \"subpremise\":\r\n address.unitNumber = addressComponent.short_name;\r\n break;\r\n case \"street_number\":\r\n address.streetNumber = addressComponent.short_name;\r\n break;\r\n case \"route\":\r\n address.streetName = addressComponent.short_name;\r\n break;\r\n case \"locality\":\r\n address.city = addressComponent.short_name;\r\n break;\r\n case \"administrative_area_level_1\":\r\n address.state = addressComponent.short_name;\r\n break;\r\n case \"postal_code\":\r\n address.postcode = addressComponent.short_name;\r\n break;\r\n default:\r\n break;\r\n }\r\n }\r\n }\r\n\r\n res(address);\r\n });\r\n });\r\n\r\n return promiseObject;\r\n};\r\n\r\nconst getGeocodeAddress = function(googleAddress, f) {\r\n const google = window.google;\r\n const geocoder = new google.maps.Geocoder();\r\n\r\n geocoder.geocode({ address: googleAddress }, function(results, status) {\r\n if (status === \"OK\") {\r\n if (results[0]) f(results[0].address_components);\r\n else f(googleAddress.address_components);\r\n } else f(googleAddress.address_components);\r\n });\r\n};\r\n\r\nexport default getAddress;\r\n","import australian_states from \"./australian-states\";\r\nimport addressComponents from \"./address-components\";\r\nimport getAddress from \"./../../../core/utilities/address-service\";\r\n\r\nconst handleGoogleAddressResult = async (\r\n value,\r\n form,\r\n toggleManualEntry,\r\n toggleAddressRequestLoader,\r\n baseAccessor,\r\n prefix\r\n) => {\r\n //Start the beatloader animation\r\n toggleAddressRequestLoader(true);\r\n // Get results\r\n let resp = await getAddress(value);\r\n //Map Result\r\n let result = mapAddressResults(resp);\r\n // Fill the manual entry form fields with the parsed result\r\n\r\n if (prefix) {\r\n setAddressFieldValues(\r\n result,\r\n form.setFieldValue,\r\n `${prefix}.${baseAccessor}`\r\n );\r\n\r\n form.setFieldValue(\r\n baseAccessor ? `${prefix}.${baseAccessor}.fullAddress` : `fullAddress`,\r\n value\r\n );\r\n } else {\r\n setAddressFieldValues(result, form.setFieldValue, baseAccessor);\r\n\r\n form.setFieldValue(\r\n baseAccessor ? `${baseAccessor}.fullAddress` : `fullAddress`,\r\n value\r\n );\r\n }\r\n\r\n //Identify what fields are required. This is based on the isRequired prop from the address components list.\r\n let requiredFieldsAccesors = getRequiredFieldsAccessors();\r\n //Get the values of the required fields.\r\n let requiredFieldsValues = getRequiredFieldsValues(\r\n result,\r\n requiredFieldsAccesors\r\n );\r\n //Identify the important fields with missing values and map them accordingly.\r\n let missingFields = getMissingFields(requiredFieldsValues);\r\n //Execute this if there is a missing important field\r\n\r\n if (prefix) {\r\n checkErrors(\r\n missingFields,\r\n form,\r\n toggleManualEntry,\r\n `${prefix}.${baseAccessor}`\r\n );\r\n } else {\r\n checkErrors(missingFields, form, toggleManualEntry, baseAccessor);\r\n }\r\n\r\n //Stop the beatloader animation\r\n toggleAddressRequestLoader(false);\r\n};\r\n\r\nconst mapAddressResults = (response) => {\r\n return Object.entries(response).map((res) => {\r\n return {\r\n name: res[0],\r\n value: res[1],\r\n };\r\n });\r\n};\r\n\r\nconst setAddressFieldValues = (result, setFieldValue, baseAccessor) => {\r\n addressComponents.forEach(({ accessor }) => {\r\n let name = accessor;\r\n let value = result.find((c) => c.name === name).value;\r\n setFieldValue(\r\n baseAccessor ? `${baseAccessor}.${accessor}` : accessor,\r\n accessor === \"state\"\r\n ? australian_states.find((state) => state.value === value)\r\n : value\r\n );\r\n });\r\n};\r\n\r\n//Error handler Section\r\nconst getRequiredFieldsAccessors = () =>\r\n addressComponents\r\n .filter((component) => component.isRequired)\r\n .map(({ accessor }) => accessor);\r\n\r\nconst getRequiredFieldsValues = (result, requiredFieldsAccesors) => {\r\n return result.filter(({ name }) => {\r\n return requiredFieldsAccesors.find((accessor) => accessor === name);\r\n });\r\n};\r\n\r\nconst getMissingFields = (requiredFieldsValues) =>\r\n requiredFieldsValues\r\n .filter(({ value }) => value === \"\")\r\n .map(({ name }) => {\r\n return {\r\n accessor: name,\r\n label: addressComponents.find(({ accessor }) => accessor === name).name,\r\n };\r\n });\r\n\r\nconst checkErrors = (\r\n missingFields,\r\n { setFieldError, setFieldTouched },\r\n toggleManualEntry,\r\n baseAccessor\r\n) => {\r\n if (missingFields.length > 0) {\r\n missingFields.forEach(({ accessor, label }) => {\r\n let base = baseAccessor ? `${baseAccessor}.${accessor}` : accessor;\r\n //Will set the error message of the missing required field.\r\n setFieldError(base, `${label} is required.`);\r\n //Will set the 'touched' property missing required field.\r\n setFieldTouched(base, true);\r\n });\r\n //Show the address components\r\n toggleManualEntry(true);\r\n }\r\n};\r\n//Error handler Section\r\n\r\nexport default handleGoogleAddressResult;\r\n","import React, { useEffect } from \"react\";\r\n\r\nconst GoogleAddressSubmissionValidationHook = ({\r\n form,\r\n toggleManualEntry,\r\n accessor,\r\n prefix,\r\n}) => {\r\n useEffect(() => {\r\n if (!form.isSubmitting && !form.isValid) {\r\n let requiredAddressFields = [\r\n \"streetNumber\",\r\n \"streetName\",\r\n \"city\",\r\n \"state\",\r\n \"postcode\",\r\n ];\r\n\r\n if (prefix) {\r\n let errEntries = Object.entries(form.errors);\r\n let toggled = false;\r\n\r\n if (errEntries.length > 0) {\r\n errEntries.forEach((err) => {\r\n let errSectionEntries = Object.keys(err[1]);\r\n\r\n if (errSectionEntries.find((x) => x === accessor)) {\r\n toggleManualEntry(true);\r\n toggled = true;\r\n }\r\n });\r\n }\r\n } else if (accessor) {\r\n let errEntries = Object.entries(form.errors);\r\n let toggled = false;\r\n\r\n if (errEntries.length > 0) {\r\n errEntries.forEach((err) => {\r\n let errSectionEntries = Object.keys(err[1]);\r\n\r\n errSectionEntries.forEach((er) => {\r\n if (requiredAddressFields.includes(er) && !toggled) {\r\n toggleManualEntry(true);\r\n toggled = true;\r\n }\r\n });\r\n });\r\n }\r\n } else {\r\n let toggled = false;\r\n let errorKeys = Object.keys(form.errors);\r\n\r\n errorKeys.forEach((err) => {\r\n if (requiredAddressFields.includes(err) && !toggled) {\r\n toggleManualEntry(true);\r\n toggled = true;\r\n }\r\n });\r\n }\r\n }\r\n }, [form.isSubmitting]);\r\n\r\n return <>;\r\n};\r\n\r\nexport default GoogleAddressSubmissionValidationHook;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { Label } from \"reactstrap\";\r\nimport Autocomplete from \"react-google-autocomplete\";\r\nimport ManualAddressEntry from \"./address-entry\";\r\nimport { Field } from \"formik\";\r\nimport { BeatLoader } from \"react-spinners\";\r\nimport \"./google-address-field.scss\";\r\nimport handleGoogleAddressResult from \"./google-autocomplete-handlers\";\r\nimport isNil from \"lodash/isNil\";\r\nimport GoogleAddressSubmissionValidationHook from \"./hooks/submission-hook\";\r\nimport PropTypes from \"prop-types\";\r\n\r\n//Prefix - section1\r\n//Accessor - postalAddress\r\n\r\nconst GoogleAddressField = ({\r\n allowAutoSearch,\r\n accessor,\r\n hasData,\r\n label,\r\n prefix,\r\n}) => {\r\n const [isManualEntry, toggleManualEntry] = useState(false);\r\n const [isAdressRequesting, toggleAddressRequestLoader] = useState(false);\r\n const autoSearch = allowAutoSearch === undefined ? true : allowAutoSearch;\r\n useEffect(() => toggleManualEntry(hasData ? true : false), []);\r\n\r\n const getDefaultValue = (values) => {\r\n if (accessor) {\r\n return isNil(values[accessor].fullAddress)\r\n ? \"\"\r\n : values[accessor].fullAddress;\r\n }\r\n\r\n return isNil(values.fullAddress) ? \"\" : values.fullAddress;\r\n };\r\n\r\n const getDefaultValueWithPrefix = (values) => {\r\n if (values[prefix] && accessor in values[prefix]) {\r\n return values[prefix][accessor].fullAddress;\r\n }\r\n };\r\n\r\n return (\r\n \r\n
\r\n )}\r\n \r\n {/* Google auto-suggest address field */}\r\n
\r\n );\r\n};\r\n\r\nGoogleAddressField.propTypes = {\r\n allowAutoSearch: PropTypes.bool,\r\n accessor: PropTypes.string.isRequired,\r\n prefix: PropTypes.string,\r\n hasData: PropTypes.bool,\r\n label: PropTypes.string,\r\n};\r\n\r\nexport default GoogleAddressField;\r\n","import { useEffect } from \"react\";\r\nimport states from \"./../../../components/common/google-address-field/australian-states\";\r\nimport { isNil } from \"lodash\";\r\n\r\nconst useIinitialiseProfilePage = (profile, setValues) => {\r\n useEffect(() => {\r\n if (profile.memberType != \"\" && !isNil(profile.memberType)) {\r\n if (profile.memberType === 2) {\r\n setValues({\r\n memberType: profile.memberType,\r\n firstName: profile.firstName,\r\n lastName: profile.lastName,\r\n email: profile.email,\r\n mobile: profile.mobile,\r\n companyName: profile.companyName,\r\n fullAddress: profile.fullAddress,\r\n unitNumber: profile.unitNumber,\r\n streetNumber: profile.streetNumber,\r\n streetName: profile.streetName,\r\n city: profile.city,\r\n state: states.find((state) => state.value === profile.state),\r\n postcode: profile.postcode,\r\n });\r\n } else {\r\n setValues({\r\n memberType: profile.memberType,\r\n firstName: profile.firstName,\r\n lastName: profile.lastName,\r\n email: profile.email,\r\n mobile: profile.mobile,\r\n });\r\n }\r\n }\r\n }, [profile.memberType]);\r\n};\r\n\r\nexport default useIinitialiseProfilePage;\r\n","import React from \"react\";\r\nimport { Form, withFormik } from \"formik\";\r\nimport { Row, Col } from \"reactstrap\";\r\nimport CommonField from \"./../../components/common/common-field\";\r\nimport MaskedInput from \"./../../components/common/masked-input\";\r\nimport FormikSubmitButton from \"./../../components/common/formik-submit-button\";\r\nimport EnhancedContentSection from \"./../../components/common/enhanced-content-section\";\r\nimport validationSchema from \"./formik/validation-schema\";\r\nimport GoogleAddressField from \"./../../components/common/google-address-field\";\r\nimport useIinitialiseProfilePage from \"./hooks/initialise\";\r\n\r\nconst UpdateProfile = ({ isUpdating, profile, setValues, values }) => {\r\n let pageTitle = \"Update Profile\";\r\n\r\n useIinitialiseProfilePage(profile, setValues);\r\n\r\n return (\r\n \r\n \r\n \r\n {({ form }) => (\r\n \r\n
\r\n\r\n {/* Only visible when the user chose to enter address manually*/}\r\n {(isManualEntry || !autoSearch) && (\r\n \r\n {\r\n handleGoogleAddressResult(\r\n value,\r\n form,\r\n toggleManualEntry,\r\n toggleAddressRequestLoader,\r\n accessor,\r\n prefix\r\n );\r\n }}\r\n types={[\"address\"]}\r\n componentRestrictions={{ country: \"au\" }}\r\n />\r\n {isAdressRequesting && (\r\n
\r\n )}\r\n \r\n
\r\n )}\r\n \r\n
\r\n )}\r\n\r\n {/* Link to hide or show the auto-suggest field and manual address entry */}\r\n {!isAdressRequesting && autoSearch && (\r\n \r\n {\r\n ev.preventDefault();\r\n toggleManualEntry(!isManualEntry);\r\n }}\r\n >\r\n \r\n {isManualEntry\r\n ? \"Enter address using auto-suggest address box.\"\r\n : \"Enter address manually.\"}\r\n \r\n \r\n
\r\n )}\r\n \r\n \r\n
\r\n \r\n We provide a wide range of traffic management services across Victoria,\r\n Australia. This includes Variable Message Signs (VMS), Arrow Boards,\r\n Variable Speed Limit Signs (VSLS), Portable Traffic Lights, Truck\r\n Mounted Attenuator Trucks (TMA’s), Traffic Utes, Highway Trucks. We also\r\n provide VMS repairs and maintenance services.\r\n
\r\nCheck out our services in more detail.
\r\n\r\n\r\n \r\n
\r\n {x.title}
\r\n \r\n\r\n
\r\n \r\n \r\n
\r\n \r\n Mr Traffic Hire offers specialised traffic equipment hire on any\r\n scale, such as large infrastructure road works and projects to\r\n single Variable Messaging Signs (VMS) for advertising. We have a\r\n full range of traffic safety equipment.{\" \"}\r\n
\r\n\r\n\r\n With over 25 years combined experience in the Hire industry Mr\r\n Traffic Hire can offer our clients the most up to date solutions\r\n for managing your needs, combined with our vast industry\r\n knowledge, makes us confident that we can provide solutions to our\r\n clients.\r\n
\r\n\r\n\r\n At Mr Traffic Hire we endeavour to work closely with all our\r\n clients to find a solution that works and with our expert\r\n knowledge and understanding of current legislation, in addition to\r\n providing the highest level of quality, service and value, Mr\r\n Traffic Hire is confident we can help you achieve your targets.\r\n
\r\n\r\n\r\n Mr Traffic Hire is available 24 hours a day, 7 days a week and we\r\n will work within your timeframes and budget to make it happen.\r\n
\r\n\r\n
Our Team
\r\n \r\n\r\n
\r\n \r\n
\r\n Jamie Haitas
\r\n General Manager\r\n\r\n Jamie has 10 years’ experience in the traffic hire industry. Jamie\r\n commenced with Kennards Traffic in 2010.\r\n
\r\n\r\n Whilst at Kennards Jamie expanded the hire fleet from 20 VMS to\r\n 150, acquired a fleet of over 2000 barriers, built the first hire\r\n TMA in Australia and grew this to a fleet of 70 Australia wide.\r\n During this period Jamie also expanded the business from $4\r\n million to $20 million turnover.\r\n
\r\n\r\n In 2014 Jamie was approached by RSEA to help grow the business.\r\n Jamie relocated RSEA to a more suitable premises and expanded the\r\n VMS fleet from 40 to 100. Jamie successfully procured the first\r\n Zoneguard steel barrier job on the Tullamarine Freeway upgrade,\r\n supplied and installed 10.5kms of steel barrier over 3 months and\r\n had in out for 2.5 years.\r\n
\r\n\r\n In 2017 Jamie was approached by J1LED to build their Victorian\r\n business. Jamie sold 40 TMA’s into the Melbourne market. Whilst\r\n working for J1LED it became evident that with Jamie’s experience\r\n and expertise he should establish and commence his own hire\r\n business.\r\n
\r\n\r\n In October 2017 Jamie formed Mr Traffic Hire Pty Ltd servicing the\r\n Traffic Management Industry with specialised traffic equipment and\r\n the company continues to grow.\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n window.open(\r\n \"https://www.therentaljournal.com/chattingwithjamiehaitas\"\r\n )\r\n }\r\n >\r\n Listen Now\r\n \r\n
\r\n \r\n
Jamie's Podcast
\r\n \r\n\r\n “The ups and downs of my hire journey over the last 13\r\n years”\r\n
\r\n\r\n Jamie opens up about some of the struggles he went through early\r\n in his career from over working and putting too much pressure on\r\n himself.\r\n
\r\n\r\n Check out this link to hear Jamie talking about his path to Mr\r\n Traffic Hire.\r\n
\r\n\r\n 🚧🚧🚧🚧🚧🚧🚧🚧🚧🚧🚧🚧🚧🚧🚧\r\n
\r\n );\r\n};\r\n\r\nconst NewsItem = ({ date, title, imageName, imageAltText, children }) => {\r\n return (\r\n \r\n
\r\n );\r\n};\r\n\r\nconst News = () => {\r\n return (\r\n \r\n
\r\n \r\n {date}\r\n
\r\n {title}
\r\n {children}\r\n\r\n 
\r\n
\r\n \r\n With over 25 years combined experience, Mr Traffic Hire are ready to\r\n go above and beyond for your traffic management and equipment hire\r\n needs.\r\n
\r\nYour problem, our solution.
\r\n\r\n Available 24 hours a day, 7 days a week, our equipment is ready for\r\n your next project. 1300MRTRAFFIC\r\n
\r\n \r\n\r\n We have various types of vehicles to suit all of your Traffic\r\n Management needs.\r\n
\r\n- \r\n
- Scorpion MASH approved TMA’s \r\n
- Traffic Utes With VMS and Arrowboards \r\n
- POD trucks with VMS and sign racks \r\n
- TIP trucks \r\n
- Moving Trucks \r\n
Call us 24/7 for any traffic hire needs. 1300MRTRAFFIC
\r\n \r\n\r\n Jamie Haitas is the General Manager at Mr Traffic Hire Australia in\r\n Melbourne, Australia. This is Jamie's second time on the podcast as we\r\n learn about two recent acquisitions he has made expanding into the\r\n general rental space.\r\n
\r\n\r\n Check out this link to hear Jamie talking about his growth through\r\n acquisitions.\r\n
\r\n\r\n Improve site safety with our VMS Utes providing an clear message to\r\n motorists.\r\n
\r\n\r\n All are equipped with VMS Boards, sign racks, warning lights and arrow\r\n boards.\r\n
\r\nCall us 24/7 for any traffic hire needs. 1300 MRTRAFFIC
\r\n \r\n\r\n Come check out our 2T Tip truck which can be driven on a car license.\r\n Our newest addition to the fleet.\r\n
\r\nCall us 24/7 for any traffic hire needs. 0401 292 921
\r\n \r\n\r\n Mr Traffic is now supplying PORTABOOM. Improve the safety of your\r\n worksite with PORTABOOM.\r\n
\r\nCall us 24/7 for any traffic hire needs. 0401 292 921
\r\n \r\n\r\n 2 x Brand new mash approved TMA’s available now for hire! Australia\r\n wide!\r\n
{\" \"}\r\n\r\n After hours - no problem. Call us 24/7 for any traffic hire needs.\r\n 0401 292 921\r\n
\r\n \r\n\r\n Brand new traffic utes ready to be shipped to SA for a long term\r\n project. Please yell out if you need any extra vehicles we have quite\r\n the fleet!{\" \"}\r\n
\r\n\r\n For more information regarding traffic equipment hire please contact\r\n me directly on jamie@mrtraffichire.com.au or 0401 292 921\r\n
\r\n \r\n\r\n Jamie opens up about some of the struggles he went through early in\r\n his career from over working and putting too much pressure on himself.\r\n
\r\n\r\n Check out this link to hear Jamie talking about his path to Mr Traffic\r\n Hire.\r\n
\r\n\r\n Arrow boards, traffic lights and VMS. All available at Mr Traffic\r\n Hire.\r\n
\r\n\r\n For more information regarding traffic equipment hire please contact\r\n me directly on jamie@mrtraffichire.com.au or 0401 292 921\r\n
\r\n \r\nKeep your eyes peeled for these babies make sure you say hello.
\r\n\r\n A huge thank you to all of our loyal supporters as this dream couldn’t\r\n have been achieved without you 💙💙\r\n
\r\n \r\n\r\n Customer calls for an urgent delivery of 4 x Arrow boards to Mildura,\r\n Mr Traffic made it happen!\r\n
\r\n\r\n Arrow boards, traffic lights and VMS. All available at Mr Traffic Hire\r\n
\r\n\r\n For more information regarding traffic equipment hire please contact\r\n me directly at jamie@mrtraffichire.com.au or 0401 292 921\r\n
\r\n \r\n{title}
\r\n\r\n
\r\n \r\n \r\n );\r\n};\r\n\r\nexport default ArrowBoards;\r\n","import React from \"react\";\r\nimport EnhancedContentSection from \"../../../components/common/enhanced-content-section\";\r\nimport TitleHeader from \"../../../components/common/title-header\";\r\nimport PageTagging from \"components/common/page-tagging/page-tagging\";\r\n\r\nconst Portaboom = () => {\r\n let pageTitle = \"Portaboom\";\r\n\r\n return (\r\n <>\r\n \r\n
\r\n Arrow Boards show you the way
\r\n\r\n Our portable Arrow Board is Ideal for a multitude of applications\r\n from long term lane closures to changing traffic management\r\n situations at work zones, construction and mining sites, among\r\n other site applications.\r\n
\r\n\r\n Our portable directional arrow boards are solar powered, have high\r\n bright visibility and low consuming LED lanterns.\r\n
\r\n\r\n\r\n
Meets all requirements of AS4191
\r\n\r\n- \r\n
- User friendly touchpad for easy programming \r\n
- Anti theft and tamper protection \r\n
- Easy towing \r\n
- 360° Rotatable Display \r\n
- Automatic brightness control \r\n
- Multiple Light Configurations \r\n
- GPS tracking \r\n
\r\n
\r\n \r\n \r\n );\r\n};\r\n\r\nexport default Portaboom;\r\n","import React from \"react\";\r\nimport EnhancedContentSection from \"./../../../components/common/enhanced-content-section\";\r\nimport TitleHeader from \"./../../../components/common/title-header\";\r\nimport PageTagging from \"components/common/page-tagging/page-tagging\";\r\n\r\nconst VmsBoards = () => {\r\n let pageTitle = \"VMS Boards\";\r\n\r\n return (\r\n <>\r\n \r\n
\r\n Improve safety with PORTABOOM®
\r\n\r\n PORTABOOM® is a patented, portable boom gate specifically designed\r\n for all temporary traffic and access control scenarios. Remote\r\n control operated, PORTABOOM® allows Traffic Controllers to stand\r\n in a safe zone, removing them from the direct line of traffic.{\" \"}\r\n
\r\n\r\n\r\n
Meets all requirements of AS4191
\r\n\r\n- \r\n
- Easy to use \r\n
- Quick set up \r\n
- Battery operated \r\n
- Training provided \r\n
\r\n
\r\n \r\n \r\n );\r\n};\r\n\r\nexport default VmsBoards;\r\n","import React from \"react\";\r\nimport EnhancedContentSection from \"./../../../components/common/enhanced-content-section\";\r\nimport TitleHeader from \"./../../../components/common/title-header\";\r\nimport PageTagging from \"components/common/page-tagging/page-tagging\";\r\n\r\nconst PortableTrafficLights = () => {\r\n let pageTitle = \"Portable Traffic Lights\";\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n Our VMS come in 3 sizes and can be used for a broad range of\r\n requirements.\r\n
\r\n\r\n They are battery operated as well as solar powered, a convenient\r\n energy-saving option for industries within the road and traffic\r\n management sector and customers who are simply looking for a\r\n solution for your advertising needs.\r\n
\r\nOur boards meet the requirements of AS4191.
\r\n\r\n
Our VMS can be used for the following;
\r\n\r\n- \r\n
- Road safety messages \r\n
- Real-time traffic information relating to incidents \r\n
- Roadworks / Travel times \r\n
- Speed limit warning \r\n
- Detected speed limit advise (using radar) \r\n
- Sales / Promotional campaign \r\n
- General message display \r\n
- Events and Festivals \r\n
- Corporate and Private functions \r\n
- GPS tracking \r\n
\r\n Our VMS are programmed via BARTCO's VMS WEB STUDIO real-time\r\n internet based communication facility, enabling live communication\r\n via cellular or satellite networks from any internet enabled PC,\r\n Laptop, Tablet or Mobile, eliminating the need for the\r\n installation of local software.\r\n
\r\n\r\n
\r\n \r\n \r\n );\r\n};\r\n\r\nexport default PortableTrafficLights;\r\n","import React from \"react\";\r\nimport EnhancedContentSection from \"./../../../components/common/enhanced-content-section\";\r\nimport TitleHeader from \"./../../../components/common/title-header\";\r\nimport PageTagging from \"components/common/page-tagging/page-tagging\";\r\n\r\nconst TravelTimes = () => {\r\n let pageTitle = \"Travel Times - Data Collection\";\r\n\r\n return (\r\n <>\r\n \r\n
\r\n Portable Traffic Lights - Safety in Technology
\r\n\r\n Our Portable Traffic Light includes the latest technology\r\n enhancements within the traffic light controller, which now allows\r\n customers complete on-site control as well as remote control via\r\n the internet to minimise cost, risk and downtime.\r\n
\r\n\r\n Our Portable Traffic Light can be linked with other BARTCO\r\n PTL’s to allow multiway intersection control.\r\n
\r\n\r\n They are designed around a sturdy but light weight solar powered\r\n dual trailer system, quick and easy to setup and operate.\r\n
\r\n\r\n They are designed for high-visibility signalling in applications\r\n ranging from work zones and bridge repair to special events and\r\n emergency backup.\r\n
\r\n\r\n Whatever your application, you can be sure that our traffic\r\n equipment will have your needs covered. BARTCO Portable Solar\r\n Traffic Signals are the most advanced and reliable portable\r\n traffic signal system to the industry today.\r\n
\r\n\r\n\r\n
Features
\r\n\r\n- \r\n
- Easy operation \r\n
- Multi-way Intersection capable \r\n
- Anti theft and tamper protection \r\n
- Solar pwered / Battery operated \r\n
- Dual trailer system for 2 lights \r\n
- GPS tracking \r\n
\r\n
\r\n \r\n \r\n );\r\n};\r\n\r\nexport default TravelTimes;\r\n","import React from \"react\";\r\nimport EnhancedContentSection from \"./../../../components/common/enhanced-content-section\";\r\nimport TitleHeader from \"./../../../components/common/title-header\";\r\nimport PageTagging from \"components/common/page-tagging/page-tagging\";\r\n\r\nconst VariableSpeedLimitSigns = () => {\r\n let pageTitle = \"Variable Speed Limit Signs\";\r\n\r\n return (\r\n <>\r\n \r\n
\r\n Travel Time Data Displayed For All
\r\n\r\n Use our colour VMS boards to display travel time data for\r\n motorists. Our direct access to VicRoads data provides the most up\r\n to date travel time information.\r\n
\r\n\r\n\r\n
Meets all requirements of AS4191
\r\n\r\n- \r\n
- Easy operation \r\n
- Fully remote control \r\n
- Anti theft and tamper protection \r\n
- Solar pwered / Battery operated \r\n
- VicRoads STREAMS compatible \r\n
- GPS tracking \r\n
\r\n
\r\n \r\n \r\n );\r\n};\r\n\r\nexport default VariableSpeedLimitSigns;\r\n","import React from \"react\";\r\nimport EnhancedContentSection from \"./../../../components/common/enhanced-content-section\";\r\nimport TitleHeader from \"./../../../components/common/title-header\";\r\nimport PageTagging from \"components/common/page-tagging/page-tagging\";\r\n\r\nconst TruckMountedAttenuators = () => {\r\n let pageTitle = \"Truck Mounted Attenuators\";\r\n\r\n return (\r\n <>\r\n \r\n
\r\n Improve Site Safety with our VSLS
\r\n\r\n Our Variable Speed Limit Signs (VSLS) are ideal for any worksite\r\n requiring temporary speed limit signs, and are proven effective in\r\n reducing speeds approaching roadworks and temporary speed\r\n restricted areas.\r\n
\r\n\r\n Our VSLS employ the latest technology with full remote control and\r\n data recording and are compatible with VicRoads STREAMS.\r\n
\r\n\r\n\r\n
Features
\r\n\r\n- \r\n
- Easy operation \r\n
- Fully remote control \r\n
- Anti theft and tamper protection \r\n
- Solar pwered / Battery operated \r\n
- VicRoads STREAMS compatible \r\n
- GPS tracking \r\n
\r\n
\r\n \r\n \r\n );\r\n};\r\n\r\nexport default TruckMountedAttenuators;\r\n","import React from \"react\";\r\nimport EnhancedContentSection from \"./../../../components/common/enhanced-content-section\";\r\nimport TitleHeader from \"./../../../components/common/title-header\";\r\nimport PageTagging from \"components/common/page-tagging/page-tagging\";\r\n\r\nconst HighwayTrucks = () => {\r\n let pageTitle = \"Highway Trucks\";\r\n\r\n return (\r\n <>\r\n \r\n
\r\n TMA’s Save Lives
\r\n\r\n Let us help with your worksite protection utilising our state of\r\n the art Truck Mounted Attenuators (TMA’s). We recognise that\r\n TMA’s are a key part of the hierarchy of controls for\r\n worksite protection and have invested in the latest equipment.\r\n
\r\n\r\n Our trucks meet all requirements of the National Guidelines for\r\n Truck Mounted Attenuators TMA-NWP-01 and NHVR Vehicle Standards\r\n Guide (VSG-12)\r\n
\r\n\r\n\r\n
Key Features
\r\n\r\n- \r\n
- Fit for purpose trucks \r\n
- Front under-run protection \r\n
- TL3 Rated TMA \r\n
- C Class LED Arrowboard \r\n
- VMS Board \r\n
- High intensity LED lights \r\n
- Rear cameras \r\n
- Impact Braking system \r\n
- Air Horn \r\n
- 4 Point safety harness \r\n
- Driver seat protection \r\n
- Heavy duty head board for driver protection \r\n
- UHF radio \r\n
- GPS tracking \r\n
\r\n
\r\n \r\n \r\n );\r\n};\r\n\r\nexport default HighwayTrucks;\r\n","import React from \"react\";\r\nimport EnhancedContentSection from \"./../../../components/common/enhanced-content-section\";\r\nimport TitleHeader from \"./../../../components/common/title-header\";\r\nimport PageTagging from \"components/common/page-tagging/page-tagging\";\r\n\r\nconst TrafficUtes = () => {\r\n let pageTitle = \"Traffic Utes\";\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n Suppliment your fleet with our Highway Traffic Management trucks\r\n
\r\n\r\n We have a stock of late model trucks ready for use. All are\r\n equiped with sign racks, warning lights and arrow boards to meet\r\n all your clients expectations.\r\n
\r\n\r\n
Key Features
\r\n\r\n- \r\n
- Fully maintained and safety checked \r\n
- Car license rated \r\n
- B Clasee roof mounted Arrow Board \r\n
- Warning lights \r\n
- VMS board \r\n
- Drop deck area for employee safety \r\n
- Tow bar \r\n
- Sign rack \r\n
- GPS tracking \r\n
\r\n
\r\n \r\n \r\n );\r\n};\r\n\r\nexport default TrafficUtes;\r\n","import React from \"react\";\r\nimport EnhancedContentSection from \"./../../../components/common/enhanced-content-section\";\r\nimport TitleHeader from \"./../../../components/common/title-header\";\r\nimport PageTagging from \"components/common/page-tagging/page-tagging\";\r\n\r\nconst VmsUtes = () => {\r\n let pageTitle = \"VMS Utes\";\r\n\r\n return (\r\n <>\r\n \r\n
\r\n Suppliment your fleet with our Traffic Management utes
\r\n\r\n We have a stock of late model Traffic Management utes ready for\r\n use. All are equipped with sign racks, warning lights and arrow\r\n boards to meet all your clients expectations.\r\n
\r\n\r\n
Key Features
\r\n\r\n- \r\n
- Fully maintained and safety checked \r\n
- B Class roof mounted Arrow Board \r\n
- Warning lights \r\n
- Tow bar \r\n
- Sign rack \r\n
- GPS tracking \r\n
\r\n
\r\n \r\n \r\n );\r\n};\r\n\r\nexport default VmsUtes;\r\n","import React from \"react\";\r\nimport { useExpandOnError } from \"./use-expand-on-error\";\r\n\r\nconst ExpandOnErrorComponent = ({\r\n errors,\r\n isSubmitting,\r\n setBatchToggleByState,\r\n}) => {\r\n useExpandOnError({\r\n isSubmitting,\r\n errors,\r\n setBatchToggleByState,\r\n });\r\n\r\n return <>;\r\n};\r\n\r\nexport default ExpandOnErrorComponent;\r\n","import { useEffect } from \"react\";\r\n\r\nexport const useExpandOnError = ({\r\n errors,\r\n isSubmitting,\r\n setBatchToggleByState\r\n}) => {\r\n useEffect(() => {\r\n if (isSubmitting && errors) {\r\n //Will transform all errors into named arrays.\r\n let arrayedErrors = Object.entries(errors);\r\n\r\n //Will look for sections with errors and error array of sections\r\n //This is the array that contains the sections with errors.\r\n let toggleOpenArr = arrayedErrors\r\n .filter(error => error[1] != undefined)\r\n .map(error => error[0]);\r\n\r\n //Will look for sections that are not included in toggleOpenArr\r\n //This is the array that contains the sections without errors.\r\n let toggleCloseArr = arrayedErrors\r\n .filter(error => !toggleOpenArr.find(err => error[0] == err))\r\n .map(error => error[0]);\r\n\r\n setBatchToggleByState(toggleOpenArr, toggleCloseArr);\r\n }\r\n }, [isSubmitting]);\r\n};\r\n","/**\r\n * Navigation Plugin for Collapsible item\r\n * - Previous and Next button\r\n * for sample please see audits-page/audit-sections.jsx\r\n *\r\n * 03.12.2019 EH Change implementation when extracting navigation props (do it on the Fly!)\r\n */\r\nimport React from \"react\";\r\nimport { Row, Col } from \"reactstrap\";\r\nimport { SectionLink } from \"react-scroll-section\";\r\nimport ButtonFx from \"./../button-fx\";\r\n\r\n/**\r\n * Determine navigation props on the fly!\r\n * @param {*} id\r\n * @param {*} sectionIds\r\n */\r\nconst getNavigationProps = (id, sectionIds) => {\r\n let indx = sectionIds.indexOf(id);\r\n if (indx === -1)\r\n return {\r\n previousId: null,\r\n nextId: null\r\n };\r\n\r\n let prevId = indx === 0 ? null : sectionIds[indx - 1];\r\n let nextId = indx >= sectionIds.length - 1 ? null : sectionIds[indx + 1];\r\n\r\n return {\r\n previousId: prevId,\r\n nextId\r\n };\r\n};\r\n\r\nconst SectionNavigation = props => {\r\n const { idsRegistered, sectionId, setToggle, setToggleAll } = props;\r\n const navProps = getNavigationProps(sectionId, idsRegistered);\r\n const { previousId, nextId } = navProps;\r\n\r\n const prev = scrollFn => {\r\n setToggleAll(false);\r\n if (previousId) {\r\n setToggle(previousId, true);\r\n scrollFn();\r\n }\r\n };\r\n\r\n const next = scrollFn => {\r\n setToggleAll(false);\r\n if (nextId) {\r\n setToggle(nextId, true);\r\n setTimeout(() => scrollFn(), 500);\r\n }\r\n };\r\n\r\n return (\r\n \r\n
\r\n \r\n Our Traffic Management VMS Utes can improve your site safety.\r\n
\r\n\r\n We now have a stock of late model VMS utes ready for use. All are\r\n equipped with VMS Boards, sign racks, warning lights and arrow\r\n boards to meet all your clients expectations.\r\n
\r\n\r\n Improve site safety with our VMS Utes providing an clear message\r\n to motorists.\r\n
\r\n\r\n
Key Features
\r\n\r\n- \r\n
- Fully maintained and safety checked \r\n
- LED VMS Board mounted at the rear \r\n
- B Class roof mounted Arrow Board \r\n
- Warning lights \r\n
- Tow bar \r\n
- Sign rack \r\n
- GPS tracking \r\n
\r\n
\r\n ));\r\n\r\n const limitFileName = (fileName) => {\r\n if (fileName.length > 18) {\r\n let name = fileName.substring(0, fileName.lastIndexOf(\".\"));\r\n let extension = fileName.substring(fileName.lastIndexOf(\".\"));\r\n return `${name.substring(0, 16)}...${extension}`;\r\n }\r\n return fileName;\r\n };\r\n\r\n // Refactor: Separate file\r\n const fileListing = files.map((file, index) => {\r\n const ext = file.name.substring(file.name.lastIndexOf(\".\") + 1);\r\n const icon = IconFactory().getIcon(ext);\r\n let limitedName = limitFileName(file.name);\r\n\r\n return (\r\n \r\n
\r\n \r\n openPreview(file)}\r\n />\r\n Open preview \r\n
\r\n \r\n
\r\n \r\n Filename\r\n
\r\n \r\n {file.name}\r\n
\r\n \r\n Size\r\n
\r\n \r\n {toKilobyte(file.size)} Kb\r\n
\r\n \r\n {!isReadonly && (\r\n \r\n )}\r\n
\r\n \r\n Remove \r\n
\r\n \r\n \r\n {files.length} file(s) attached.\r\n \r\n \r\n ) : null}\r\n \r\n )}\r\n {isDragActive && !rejected && (\r\n
File is too large.
}\r\n\r\n
\r\n\r\n {!values.section1.sameAddresses && (\r\n \r\n {values.section2.persons && values.section2.persons.length > 0 && (\r\n <>\r\n {values.section2.persons.map((person, index) => (\r\n \r\n \r\n ))}\r\n\r\n {values.section1.customerType.value !== 3 && (\r\n
\r\n )}\r\n />\r\n Person {index + 1}
\r\n\r\n\r\n {\r\n e.preventDefault();\r\n arrayHelpers.push({\r\n id: generateUuid(),\r\n name: \"\",\r\n address: {\r\n fullAddress: \"\",\r\n unitNumber: \"\",\r\n streetNumber: \"\",\r\n streetName: \"\",\r\n city: \"\",\r\n state: \"\",\r\n postcode: \"\",\r\n },\r\n phone: \"\",\r\n email: \"\",\r\n driversLicence: \"\",\r\n });\r\n }}\r\n to=\"\"\r\n >\r\n Add Person\r\n \r\n
\r\n )}\r\n \r\n )}\r\n \r\n \r\n {({ field, meta, form }) => (\r\n <>\r\n \r\n\r\n \r\n
\r\n \r\n \r\n \r\n \r\n {options.map((option) => {\r\n return (\r\n \r\n <>\r\n \r\n form.setFieldValue(accessor, option.value)\r\n }\r\n />\r\n \r\n form.setFieldValue(accessor, option.value)\r\n }\r\n >\r\n {option.label}\r\n \r\n \r\n
\r\n );\r\n })}\r\n {meta.error}
}\r\n \r\n {\r\n signatureCanvas = ref;\r\n }}\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n Clear \r\n
\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default ActualTerms;\r\n","import React from \"react\";\r\n\r\nconst Guarantee = () => {\r\n return (\r\n <>\r\n The Hire Contract
\r\n\r\n \r\n
\r\n\r\n - \r\n
- \r\n Mr Traffic Hire agrees to hire Equipment to the\r\n Customer on terms set out in this contract including the attached\r\n Terms and Conditions of Hire. If the Customer wishes to hire\r\n Equipment the Customer must complete and sign a Hire Schedule and\r\n such other documents as Mr Traffic Hire may require. Each Hire\r\n Schedule is not a separate contract but forms a part of the hire\r\n agreement between Mr Traffic Hire and the Customer. Mr Traffic Hire\r\n may decline to enter into a Hire Schedule or to hire Equipment to\r\n the Customer at any time if it has reasonable cause to do so and it\r\n may terminate the hire agreement if the Customer breaches its\r\n obligations to Mr Traffic Hire.\r\n \r\n
- \r\n The Customer and the Guarantor(s) agree and\r\n acknowledge that Mr Traffic Hire has the right to amend this\r\n agreement including the terms and conditions of Hire from time to\r\n time and will give notice to the Customer and Guarantor of any\r\n amendments.\r\n \r\n
- \r\n By signing this contract the Customer and Guarantor(s) warrant that\r\n all information given to Mr Traffic Hire in connection with it is\r\n true.\r\n \r\n
- \r\n Credit - Mr Traffic Hire has the right to withdraw\r\n credit or vary the customer’s credit limit at any time and without\r\n the obligation to provide any reason.\r\n \r\n
- \r\n E-Tags and Tolls - If you hire a vehicle from Mr\r\n Traffic it is your responsibility to place an eTag in the car. If a\r\n tag is not placed within the vehicle and Mr Traffic is billed for\r\n tolls used, you will incur the cost of the tolls plus a 25% + GST\r\n administration fee for any costs incurred on top of the original fee\r\n charged by the toll company. Processing of these fees is a\r\n time-consuming process which we need to recoup costs for. If you\r\n have any questions, please contact our office on 1300mrtraffic.\r\n \r\n
\r\n Interests and Costs\r\n
\r\n\r\n \r\n Accounts are due and payable within thirty (30) days of invoice. Credit\r\n may be cancelled/suspended without notice if accounts are not paid by\r\n the due date. A late payment fee may be charged for overdue accounts.\r\n The Customer will pay to Mr Traffic Hire any commissions, legal costs\r\n (on a solicitor-client basis) or expenses paid by Mr Traffic Hire to its\r\n collection agents and/or lawyers in relation to the collection of any\r\n moneys owed to Mr Traffic Hire that are not paid within the terms of\r\n credit provided.\r\n
\r\n\r\n \r\n Joint and Several\r\n
\r\n\r\n \r\n The Customer and Guarantor(s) agree that the rights, duties and\r\n obligations of the parties under this agreement binds them jointly and\r\n severally and that an agreement, representation or warranty for the\r\n benefit of two or more persons is for the benefit of them jointly and\r\n severally.\r\n
\r\n\r\n \r\n Use of Information\r\n
\r\n\r\n \r\n Pursuant to the Privacy Act (1988), the Customer and each of its\r\n Directors and Guarantors authorise Mr Traffic Hire and its related\r\n bodies to obtain information about my/our personal or commercial credit\r\n worthiness and my/our bank or any trade referee disclosed at the\r\n application for credit and any credit provider and credit reporting\r\n agency for the purpose of assessing the application for credit, or in\r\n connection with any guarantee; to use, disclose, or exchange with other\r\n credit providers information about my/our personal or commercial credit\r\n arrangements in order to assess the application for credit (including\r\n whether to accept as guarantor or any person signing), monitor credit\r\n worthiness and collect overdue accounts; and to disclose the contents of\r\n a credit report by a credit reporting agency to Mr Traffic Hire’s\r\n solicitors or mercantile agents.\r\n
\r\n\r\n \r\n \r\n GUARANTEE AND INDEMNITY\r\n
\r\n\r\n \r\n IF YOUR COMPANY IS NOT PUBLICLY LISTED THE DIRECTORS MUST SIGN AND\r\n GUARANTEE THE INDEMNITY.\r\n
\r\n\r\n \r\n I/we, being the directors of the Customer unconditionally guarantee the\r\n performance of the Company with regards to the repayments of its debt to\r\n Mr Traffic Hire pursuant to the details of this agreement. If the\r\n Company fails to make any payment to Mr Traffic Hire or fails to perform\r\n any of its obligations under the agreement, I/we will make all payments\r\n to Mr Traffic Hire as if I/we were the principals of the Agreement.\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default Guarantee;\r\n","import React, { useEffect } from \"react\";\r\nimport CollapsibleItem from \"components/common/collapsible-panel/collapsible-item\";\r\nimport SectionNavigation from \"components/common/collapsible-panel/section-navigation\";\r\nimport { Col, Row, Card, Label } from \"reactstrap\";\r\nimport SignaturePad from \"components/common/signature-pad/signature-pad\";\r\nimport CommonFastField from \"components/common/common-fast-field\";\r\nimport { FieldArray } from \"formik\";\r\nimport shallowequal from \"shallowequal\";\r\nimport ActualTerms from \"./actual-terms/actual-terms\";\r\nimport Guarantee from \"./actual-terms/guarantee\";\r\nimport moment from \"moment\";\r\n\r\nconst TermsAndConditions = ({\r\n handleInit,\r\n collapseState,\r\n handleToggle,\r\n idsRegistered,\r\n setToggle,\r\n setToggleAll,\r\n setFieldValue,\r\n values,\r\n}) => {\r\n useEffect(() => {\r\n setFieldValue(\r\n \"section4.signatures\",\r\n values.section2.persons.map((x) => {\r\n return {\r\n id: x.id,\r\n name: x.name,\r\n specimen: \"\",\r\n };\r\n })\r\n );\r\n\r\n setFieldValue(\r\n \"section4.guarantors\",\r\n values.section2.persons.map((x) => {\r\n return {\r\n id: x.id,\r\n name: x.name,\r\n specimen: \"\",\r\n };\r\n })\r\n );\r\n }, [values.section2.persons]);\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n\r\n \r\n {values.section4.signatures &&\r\n values.section4.signatures.length > 0 && (\r\n <>\r\n {values.section4.signatures.map((signature, index) => (\r\n
\r\n )}\r\n />\r\n \r\n \r\n setFieldValue(\r\n `section4.signatures.${index}.specimen`,\r\n value\r\n )\r\n }\r\n />\r\n
\r\n ))}\r\n \r\n )}\r\n \r\n Person {index + 1}\r\n {values.section4.signatures[index].name && (\r\n <>\r\n \r\n ({values.section4.signatures[index].name}\r\n \r\n - {moment().format(\"DD/MM/YYYY\")}\r\n \r\n )\r\n \r\n \r\n )}\r\n
\r\n\r\n\r\n \r\n (\r\n \r\n
\r\n )}\r\n\r\n \r\n
\r\n\r\n \r\n {values.section4.guarantors &&\r\n values.section4.guarantors.length > 0 && (\r\n <>\r\n {values.section4.guarantors.map(\r\n (guarantor, index) => (\r\n
\r\n )}\r\n />\r\n \r\n \r\n setFieldValue(\r\n `section4.guarantors.${index}.specimen`,\r\n value\r\n )\r\n }\r\n />\r\n
\r\n )\r\n )}\r\n \r\n )}\r\n \r\n Person {index + 1}\r\n {values.section4.guarantors[index]\r\n .name && (\r\n \r\n (\r\n {\r\n values.section4.guarantors[index]\r\n .name\r\n }\r\n \r\n - {moment().format(\"DD/MM/YYYY\")}\r\n \r\n )\r\n \r\n )}\r\n
\r\n\r\n\r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default FullTermsAndConditions;\r\n","import AdminRoutes from \"./admin-routes\";\r\nimport Playground from \"views/playground\";\r\n\r\nimport Home from \"views/home\";\r\nimport Faqs from \"../views/faqs\";\r\nimport ContactUs from \"views/contact-us\";\r\nimport GetQuote from \"views/quote\";\r\nimport RegistrationPage from \"views/register\";\r\nimport LoginPage from \"views/login\";\r\nimport Logout from \"views/logout\";\r\nimport ForgotPassword from \"views/forgot-password\";\r\nimport ResetPassword from \"views/reset-password\";\r\nimport UpdateProfile from \"views/update-profile\";\r\nimport ContentPage from \"views/content-page\";\r\nimport ServicesLandingPage from \"views/services/services-landing-page\";\r\nimport About from \"views/about\";\r\nimport News from \"views/news\";\r\nimport ArrowBoards from \"views/services/arrow-boards\";\r\nimport Portaboom from \"views/services/portaboom\";\r\nimport VMSBoards from \"views/services/vms-boards\";\r\nimport PortableTrafficLights from \"views/services/portable-traffic-lights\";\r\nimport TravelTimes from \"views/services/travel-times\";\r\nimport VariableSpeedLimitSigns from \"views/services/variable-speed-limit-signs\";\r\nimport TruckMountedAttenuators from \"views/services/truck-mounted-attenuators\";\r\nimport HighwayTrucks from \"views/services/highway-trucks\";\r\nimport TrafficUtes from \"views/services/traffic-utes\";\r\nimport VmsUtes from \"views/services/vms-utes\";\r\nimport CustomerInformation from \"views/application-for-credit\";\r\nimport FullTermsAndConditions from \"views/application-for-credit/collapsible-items/actual-terms/full-terms\";\r\n\r\nconst ModuleRoutes = [\r\n ...AdminRoutes, // Admin Routes\r\n // Test Routes\r\n {\r\n path: \"/playground/:path\",\r\n name: \"Playground\",\r\n component: Playground,\r\n privateRoute: false,\r\n },\r\n // Core Routes\r\n {\r\n path: \"/\",\r\n name: \"Home\",\r\n component: Home,\r\n privateRoute: false,\r\n },\r\n {\r\n path: \"/faqs/\",\r\n name: \"FAQs\",\r\n component: Faqs,\r\n privateRoute: false,\r\n },\r\n {\r\n path: \"/contact-us/\",\r\n name: \"Contact Us\",\r\n component: ContactUs,\r\n privateRoute: false,\r\n },\r\n {\r\n path: \"/get-a-quote/\",\r\n name: \"Get Quote\",\r\n component: GetQuote,\r\n privateRoute: false,\r\n },\r\n {\r\n path: \"/register/\",\r\n name: \"Registration\",\r\n component: RegistrationPage,\r\n privateRoute: false,\r\n },\r\n {\r\n path: \"/login/\",\r\n name: \"Login\",\r\n component: LoginPage,\r\n privateRoute: false,\r\n },\r\n {\r\n path: \"/logout/\",\r\n name: \"Logout\",\r\n component: Logout,\r\n privateRoute: false,\r\n },\r\n {\r\n path: \"/forgot-password/\",\r\n name: \"Forgot Password\",\r\n component: ForgotPassword,\r\n privateRoute: false,\r\n },\r\n {\r\n path: \"/reset-password/\",\r\n name: \"Reset Password\",\r\n component: ResetPassword,\r\n privateRoute: false,\r\n },\r\n {\r\n path: \"/update-profile/\",\r\n name: \"Update Profile\",\r\n component: UpdateProfile,\r\n privateRoute: true,\r\n },\r\n {\r\n path: \"/about/\",\r\n component: About,\r\n privateRoute: false,\r\n },\r\n {\r\n path: \"/news/\",\r\n component: News,\r\n privateRoute: false,\r\n },\r\n {\r\n path: \"/services/arrow-boards/\",\r\n component: ArrowBoards,\r\n privateRoute: false,\r\n },\r\n {\r\n path: \"/services/portaboom/\",\r\n component: Portaboom,\r\n privateRoute: false,\r\n },\r\n {\r\n path: \"/services/vms-boards/\",\r\n component: VMSBoards,\r\n privateRoute: false,\r\n },\r\n {\r\n path: \"/services/portable-traffic-lights/\",\r\n component: PortableTrafficLights,\r\n privateRoute: false,\r\n },\r\n {\r\n path: \"/services/travel-times/\",\r\n component: TravelTimes,\r\n privateRoute: false,\r\n },\r\n {\r\n path: \"/services/variable-speed-limit-signs/\",\r\n component: VariableSpeedLimitSigns,\r\n privateRoute: false,\r\n },\r\n {\r\n path: \"/services/truck-mounted-attenuators/\",\r\n component: TruckMountedAttenuators,\r\n privateRoute: false,\r\n },\r\n {\r\n path: \"/services/highway-trucks/\",\r\n component: HighwayTrucks,\r\n privateRoute: false,\r\n },\r\n {\r\n path: \"/services/traffic-utes/\",\r\n component: TrafficUtes,\r\n privateRoute: false,\r\n },\r\n {\r\n path: \"/services/vms-utes/\",\r\n component: VmsUtes,\r\n privateRoute: false,\r\n },\r\n {\r\n path: \"/services/\",\r\n component: ServicesLandingPage,\r\n privateRoute: false,\r\n },\r\n {\r\n path: \"/application-for-credit/\",\r\n component: CustomerInformation,\r\n privateRoute: false,\r\n },\r\n {\r\n path: \"/application-for-credit/terms-and-conditions/\",\r\n component: FullTermsAndConditions,\r\n privateRoute: false,\r\n },\r\n\r\n // User Routes\r\n\r\n // Catch all Route\r\n {\r\n path: \"*\",\r\n component: ContentPage,\r\n privateRoute: false,\r\n },\r\n];\r\n\r\nexport default ModuleRoutes;\r\n","/**\r\n * Higher Order component for private route\r\n * Note: This is well integrated with auth security\r\n * - 4.18.2019 rcnet\r\n * - 6.1.2019 rcnet - Added claim authorization hooks\r\n * - 11.29.2019 rcnet - Added Feature Flag checking\r\n */\r\nimport React from \"react\";\r\nimport { Redirect, Route } from \"react-router-dom\";\r\nimport isFunction from \"lodash/isFunction\";\r\nimport isNil from \"lodash/isNil\";\r\nimport Auth from \"./../../../core/auth/auth\";\r\n\r\n/**\r\n * This component will check for any claim based rules attached in the route.\r\n * @param {*} props\r\n */\r\nconst CheckAndRenderAuthenticatedComponent = props => {\r\n let noAccess = false;\r\n if (\r\n !isNil(props.claimsAuthorisationHook) &&\r\n isFunction(props.claimsAuthorisationHook)\r\n ) {\r\n noAccess = !props.claimsAuthorisationHook();\r\n }\r\n\r\n if (noAccess) {\r\n // send to Forbidden page\r\n return (\r\n 1. Definitions
\r\n\r\n 1.1. Mr Traffic Hire means Mr Traffic Hire, its\r\n successors and assigns or any person acting on behalf of and with the\r\n authority of Mr Traffic Hire.\r\n
\r\n\r\n 1.2. Hirer means the person/s or any person acting on\r\n behalf of and with the authority of the Hirer requesting Mr Traffic\r\n Hire to provide the Equipment as specified in any proposal, quotation,\r\n order, invoice or other documentation.\r\n
\r\n\r\n 1.3. Charges means the cost of the hire of Equipment\r\n (plus any GST where applicable) as agreed between Mr Traffic Hire and\r\n the Hirer.\r\n
\r\n\r\n 1.4. Equipment means any kind of equipment, vehicles\r\n or tools including but not limited to the following kinds of goods or\r\n goods suitable for the following kinds of uses: traffic management\r\n including road barriers; signage; vehicles including trucks, vans and\r\n trailers, and includes tools and parts and accessories for any of the\r\n foregoing supplied by Mr Traffic Hire to the Hirer. The Equipment\r\n shall be described on the Hire Agreement or any other commencement\r\n forms as provided by Mr Traffic Hire to the Hirer.\r\n
\r\n\r\n 1.5. Hire means any or all Hire supplied by Mr\r\n Traffic Hire to the Hirer and includes any advice or recommendations.\r\n
\r\n\r\n 1.6. Hire Period means the period commending on the\r\n date as shown in the agreement and ending on the date the Hirer\r\n returns the Equipment to Mr Traffic Hire. Hire Period may only be\r\n extended for one or more definite periods and in each case this can\r\n only be done if the Customer requests it and if Mr Traffic Hire\r\n agrees.\r\n
\r\n\r\n 1.7. Hire Schedule means any proposal, quotation,\r\n order, invoice or other documentation which Mr Traffic Hire may\r\n require the Customer to sign or accept in a way including particulars\r\n of the Equipment and the Hire Period.\r\n
\r\n\r\n 1.8. GST means Goods and Services Tax as defined\r\n within the “A New Tax System (Goods and Services Tax) Act 1999” (Cth).\r\n
\r\n\r\n 1.9. Kilometer Charge means the amount payable for\r\n the kilometers that a Vehicle has, in the reasonable opinion of Mr\r\n Traffic Hire, travelled during the Hire Period.\r\n
\r\n\r\n 1.10. Remote Area means any location which is more\r\n the 50 kilometers from the Mr Traffic Hire depot from where the\r\n Equipment is hired.\r\n
\r\n2. Obligations
\r\n2.1. Mr Traffic Hire will:
\r\n\r\n 2.1.1. Allow the Customer to take and use the Equipment for the Hire\r\n Period;\r\n
\r\n\r\n 2.1.2. Provide the Equipment to the Customer in good working order and\r\n without damage;\r\n
\r\n\r\n 2.1.3. Collect the Equipment within 48 hours of being requested to do\r\n so by the Customer at the expense of the Customer unless a Customer\r\n Pick Up Order is issued.\r\n
\r\n2.2. The Customer must:
\r\n\r\n 2.2.1. Deliver the Equipment to the Mr Traffic Hire depot when it is\r\n due back;\r\n
\r\n2.2.2. Return the Equipment in clean and in good working order;
\r\n\r\n 2.2.3. Operate the Equipment safely, in accordance with any\r\n manufacturer’s instructions and only for its intended use;\r\n
\r\n\r\n 2.2.4. Indemnify Mr Traffic Hire for all injury and/or damage to the\r\n extent caused or contributed to by the Customer to persons and\r\n property in relation to the Equipment and its operation;\r\n
\r\n\r\n 2.2.5. Ensure that any person collecting or taking delivery of\r\n Equipment on behalf of the Customer is authorised by the Customer.\r\n
\r\n\r\n 2.2.6. Ensure that all persons operating the Equipment are suitably\r\n trained and where necessary hold a current Certificate of Competency\r\n and are fully licensed;\r\n
\r\n\r\n 2.2.7. Have adequate insurance to cover all liabilities incurred as a\r\n result of the use of the Equipment;\r\n
\r\n\r\n 2.2.8. Have adequate insurance to cover theft, vandalism, misuse,\r\n accident or damage to the Equipment;\r\n
\r\n\r\n 2.2.9. Conduct a thorough hazard and risk assessment before using the\r\n Equipment and comply with all Occupational Health and Safety laws\r\n relating to the Equipment and its operation;\r\n
\r\n\r\n 2.2.10. Report and provide full details to Mr Traffic Hire of any\r\n accident or damage to the Equipment within 24 hours of the accident or\r\n damage occurring.\r\n
\r\n\r\n 2.3. The Customer must NOT;\r\n
\r\n1.1.1. Tamper with, damage or repair the Equipment;
\r\n1.1.2. Lose or part with possession of the Equipment;
\r\n\r\n 1.1.3. Allow the Equipment to be driven or used by any person if, at\r\n the time of them driving or using the Equipment, the Hirer or other\r\n person is not the holder of current driver's licence appropriate for\r\n the Equipment;\r\n
\r\n\r\n 1.1.4. Exceed the recommended or legal load and capacity limits of the\r\n Equipment;\r\n
\r\n\r\n 1.1.5. Use or carry any illegal, prohibited or dangerous substance in\r\n or on the Equipment.\r\n
\r\n3. Charges and Payment
\r\n3.1. The Customer must:
\r\n\r\n 3.1.1. On or before Commencement or as otherwise specifically agreed\r\n pay the Hire Charge.\r\n
\r\n3.1.2. Immediately on request by Mr Traffic Hire pay:
\r\n\r\n (a) the new list price of any Equipment which is for whatever reason\r\n not returned to Mr Traffic Hire.\r\n
\r\n\r\n (b) all costs incurred by delivering and recovering possession of the\r\n Equipment;\r\n
\r\n\r\n (c) the full cost of repairing any damage to the Equipment;\r\n
\r\n\r\n (d) stamp duties, GST, any other taxes or duties, and all tolls,\r\n fines, penalties, levies or charges arising from the Customer’s use of\r\n the Equipment;\r\n
\r\n(e) all costs incurred in cleaning the Equipment;
\r\n\r\n (f) Interest for late payment of amounts owing by the customer;\r\n
\r\n\r\n (g) the Kilometer Charge and any additional Hire Charges;\r\n
\r\n\r\n (h) the cost of fuels and consumables provided and not returned by the\r\n Customer;\r\n
\r\n\r\n (i) any expenses and legal costs (including commission payable to a\r\n commercial agent) incurred by Mr Traffic Hire in enforcing this\r\n Contract due to the Customers default.;\r\n
\r\n\r\n (j) all costs of repairing or replacing tyres, including road service.\r\n
\r\n\r\n (k) If you hire a vehicle from Mr Traffic it is your responsibility to\r\n place an eTag in the car. If a tag is not placed within the vehicle\r\n and Mr Traffic is billed for tolls used, you will incur the cost of\r\n the tolls plus a 25% + GST administration fee for any costs incurred\r\n on top of the original fee charged by the toll company. Processing of\r\n these fees is a time-consuming process which we need to recoup costs\r\n for. If you have any questions, please contact our office on\r\n 1300mrtraffic.\r\n
\r\n\r\n 3.1.3. Without limiting the ability of Mr Traffic Hire to recover all\r\n amounts owing to it, the Customer authorises Mr Traffic Hire to charge\r\n any amounts owing by the Customer to any credit card or account\r\n details of which are provided.\r\n
\r\n4. PPS Law
\r\n\r\n 4.1. This clause applies to the extent that this Contract provides for\r\n a ‘security interest’ for the purposes of the Personal Property\r\n Securities Act 2009 (Cth) (“PPS Law”).\r\n
\r\n\r\n 4.2. References to PPS Law in this agreement include references to\r\n amended, replacement and successor provisions or legislation.\r\n
\r\n4.3. In this clause the following definitions apply:
\r\n\r\n Collateral \r\n means the Equipment\r\n
\r\n\r\n Grantor \r\n means the Customer\r\n
\r\n\r\n
\r\n Secured Money \r\n means money owing to Mr Traffic Hire pursuant to the Hire Contract\r\n
\r\n\r\n Secured Party \r\n means Mr Traffic Hire\r\n
\r\n\r\n 4.4. The Grantor grants a security interest in the Collateral to the\r\n Secured Party to secure payment of the Secured Money.\r\n
\r\n\r\n 4.5. The Grantor must not do, or agree to do, any of the following\r\n unless it is permitted to do so by the Secured Party:\r\n
\r\n\r\n (a) create or allow another interest to be created in any Collateral\r\n
\r\n(b) dispose, or part with possession, of any Collateral.
\r\n\r\n 4.6. Mr Traffic Hire may register its security interest. The Customer\r\n must do anything such as obtaining consents and signing any documents\r\n which Mr Traffic Hire requires for the purposes of ensuring that Mr\r\n Traffic Hires’ security interest is enforceable and otherwise\r\n effective under the PPS Law;\r\n
\r\n\r\n 4.7. The rights of Mr Traffic Hire under this contract are in addition\r\n to and not in substitution for Mr Traffic Hires’ rights under other\r\n law (including the PPS Law).\r\n
\r\n\r\n 4.8. To the extent that Chapter 4 of PPSA applies to any security\r\n interest under this agreement, the following provisions of the PPS Law\r\n do not apply and, for the purposes of section 115 of the PPS Law are\r\n “contracted out” of this agreement in respect of all goods to which\r\n that section can be applied: sections 95, 96, 121(4), 125, 130,\r\n 129(2)-(3), 132(3)(d), 132(4), 135, 142 and 143.\r\n
\r\n\r\n 4.9. The following provisions of the PPS Law: section 123, 126, 128,\r\n 129, 134(1) confer rights on Mr Traffic Hire. Customer agrees that in\r\n addition to those rights, Mr Traffic Hire shall, if there is default\r\n by Customer, have the right to seize, purchase, take possession or\r\n apparent possession, retain, deal with or dispose of any goods, not\r\n only under those sections but also, as additional and independent\r\n rights, under this contract.\r\n
\r\n\r\n 4.10. The Customer waives its rights to receive a verification\r\n statement in relation to registration events in respect of commercial\r\n property under section 157 of the PPS Law.\r\n
\r\n\r\n 4.11. Mr Traffic Hire and the Customer agree not to disclose\r\n information of the kind that can be requested under section 275(1) of\r\n the PPS Law. The agreement in this sub-clause is made solely for the\r\n purpose of allowing to Mr Traffic Hire the benefit of section\r\n 275(6)(a) and Mr Traffic Hire shall not be liable to pay damages or\r\n any other compensation or be subject to injunction in respect of any\r\n actual or threatened breach of this sub-clause.\r\n
\r\n\r\n 4.12. Customer must not dispose or purport to dispose of, or create or\r\n purport to create or permit to be created any ‘security interest’ (as\r\n defined in PPS Law) in the Equipment other than with the express\r\n written consent of Mr Traffic Hire.\r\n
\r\n\r\n 4.13. Customer must not lease, hire, bail or give possession\r\n (‘sub-hire’) of the Equipment to anyone else unless Mr Traffic Hire in\r\n its absolute discretion first consents in writing.\r\n
\r\n\r\n 4.14. To assure performance of its obligations under this agreement,\r\n the Customer hereby gives Mr Traffic Hire an irrevocable power of\r\n attorney to do anything Mr Traffic Hire considers the Customer should\r\n do under this agreement. Mr Traffic Hire may recover from Customer the\r\n cost of doing anything under this clause 4, including registration\r\n fees.\r\n
\r\n5. Exclusion of Warranties and Liabilities.
\r\n\r\n 5.1. Where the Australian Consumer Law applies and the goods are not\r\n of a kind ordinarily acquired for personal domestic or household use\r\n or consumption, Mr Traffic Hire‘s liability in respect of any\r\n guarantee is limited to the replacement or repair of the goods, or the\r\n cost of having the goods repaired or replaced.\r\n
\r\n\r\n 5.2. To the extent that the Australian Consumer Law (or any other law\r\n which cannot be excluded) does not apply. Mr Traffic Hire makes no\r\n representations and gives no warranties other than those set out in\r\n these Hire Contract Conditions, and will not be liable to the Customer\r\n for any damages, costs or other liabilities whatsoever (including for\r\n consequential loss) in relation to the hiring of the Equipment by the\r\n Customer.\r\n
\r\n6. Remote Hire
\r\n\r\n 6.1. Where the Equipment is at any time hired by the Customer to be\r\n located in the Remote Area, the following clauses will also apply, in\r\n addition to the obligations of the Customer under Clause 3 and\r\n elsewhere in these Hire Contract Conditions;\r\n
\r\n\r\n 6.1.1. The Customer will pay an additional charge for any delivery,\r\n servicing and repair of the Equipment, and for any other attendance at\r\n the Remote Area by Mr Traffic Hire (‘Remote Area Charges’). The Remote\r\n Area Charges will be calculated on a per kilometer rate travelled by\r\n Mr Traffic Hire staff to and from the Remote Area, plus labour costs\r\n per staff member per hour including travelling times;\r\n
\r\n\r\n 6.1.2. Multiple items of Equipment hire by a Customer on the one site\r\n will only be charged for one call out fee;\r\n
\r\n\r\n 6.1.3. The Customer is responsible at its cost for daily maintenance\r\n and care of all Equipment in its possession, including daily checking\r\n of all fluids (fuel, oil, water, battery levels etc.) and general\r\n tightening of any loose nuts, bolts, belts or fittings and lubrication\r\n of all grease points.\r\n
\r\n7. Breach of Hire Contract by Customer
\r\n\r\n 7.1. If the Customer breaches any clause whatsoever of this Contract\r\n and does not remedy the breach within 5 business days of the breach,\r\n or becomes bankrupt, insolvent or ceases business then;\r\n
\r\n\r\n 7.1.1. Mr Traffic Hire shall be entitled to terminate this Contract\r\n and sue for recovery of all monies owing by the Customer; and/or\r\n
\r\n\r\n 7.1.2. repossess the Equipment and is authorized to enter any premises\r\n where the Equipment is located to do so.\r\n
\r\n\r\n 7.2. The Customer indemnifies Mr Traffic Hire in respect of any\r\n damages, costs or loss, to the extent caused or contributed to by the\r\n customer resulting from a breach by the Customer of any provision of\r\n this Contract.\r\n
\r\n8. Disputes
\r\n\r\n 8.1. The Customer must immediately check all Hire Charges, and any\r\n disputes in relation to those Hire Charges must be communicated to Mr\r\n Traffic Hire in writing within 20 business days of the Hire Contract\r\n date. In the event that no communication is received from the Customer\r\n within that 20 business days, the Hire Charges are deemed to be\r\n accepted by the Customer.\r\n
\r\n9. Privacy
\r\n\r\n 9.1. Mr Traffic Hire will comply with the Australian Privacy\r\n Principles in all dealings with Customers.\r\n
\r\n10. Governing Law
\r\n\r\n 10.1. These terms and conditions and any contract to which they apply\r\n shall be governed by the laws of Victoria, the state in which Mr\r\n Traffic Hire has its principal place of business.\r\n
\r\n \r\n\r\n \r\n \r\n {ModuleRoutes.map((prop, key) => {\r\n if (prop.navlabel) {\r\n return null;\r\n } else if (prop.collapse) {\r\n return prop.child.map((prop2, key2) => {\r\n if (prop2.collapse) {\r\n return prop2.subchild.map((prop3, key3) => {\r\n return prop3.privateRoute ? (\r\n \r\n \r\n\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nconst mapStateToProps = (state) => {\r\n return {\r\n profile: state.system.userProfile,\r\n };\r\n};\r\n\r\nexport default withRouter(\r\n connect(mapStateToProps, { ...ActionCreators })(FullLayout)\r\n);\r\n","import React from \"react\";\r\n\r\nclass Error403 extends React.Component {\r\n render() {\r\n return (\r\n \r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default Error403;\r\n","import React from \"react\";\r\n\r\nclass Error404 extends React.Component {\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n This is awkward! It looks like you’ve tried to access\r\n something you shouldn’t.\r\n
\r\n\r\n If you believe you should have access to this page, please contact\r\n your system administrator.\r\n
\r\n\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default Error404;\r\n","import React from \"react\";\r\n\r\nclass Error500 extends React.Component {\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n Damn, we can’t find what you’re looking for.\r\n
\r\n\r\n Please click here to reload the Mr Traffic Website\r\n .\r\n
\r\n\r\n If you really need whatever this was supposed to be, please\r\n contact the team.\r\n
\r\n\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default Error500;\r\n","import Error403 from \"./../views/pages/403/error-403\";\r\nimport Error404 from \"./../views/pages/404/error-404\";\r\nimport Error500 from \"./../views/pages/500/error-500\";\r\nimport Maintenance from \"./../views/pages/maintenance/maintenance\";\r\n\r\nvar miscPagesRoutes = [\r\n { path: \"/pages/maintenance\", component: Maintenance },\r\n { path: \"/pages/error-403\", component: Error403 },\r\n { path: \"/pages/error-404\", component: Error404 },\r\n { path: \"/pages/error-500\", component: Error500 }\r\n];\r\n\r\nexport default miscPagesRoutes;\r\n","import React from \"react\";\r\n\r\nclass Maintenance extends React.Component {\r\n render() {\r\n return (\r\n \r\n
\r\n Good on ya, you broke it!
\r\n\r\n Just kidding, looks like it might be our fault and we have\r\n something to fix.\r\n
\r\n\r\n Please click here to reload the Mr Traffic Website\r\n .\r\n
\r\n\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default Maintenance;\r\n","import miscPagesRoutes from \"../routes/misc-pages-routes\";\r\n\r\nvar blankLayoutRoutes = [...miscPagesRoutes];\r\n\r\nexport default blankLayoutRoutes;\r\n","import FullLayout from \"./../layouts/fullLayout\";\r\nimport BlankLayout from \"./../layouts/blankLayout\";\r\n\r\nvar indexRoutes = [\r\n { path: \"/pages\", name: \"System Misc. Pages\", component: BlankLayout },\r\n { path: \"/\", name: \"Home\", component: FullLayout }\r\n];\r\n\r\nexport default indexRoutes;\r\n","import React from \"react\";\r\nimport { Route, Switch, Redirect } from \"react-router-dom\";\r\nimport blankLayoutRoutes from \"../routes/blank-layout-routes\";\r\n\r\nconst Blanklayout = () => {\r\n return (\r\n \r\n
\r\n \r\n Oh snap! One of two things has happened, either your internet\r\n connection has dropped out, or we might be doing some maintenance.\r\n
\r\n\r\n \r\n {blankLayoutRoutes.map((prop, key) => {\r\n if (prop.redirect)\r\n return \r\n
\r\n );\r\n};\r\nexport default Blanklayout;\r\n","import React from \"react\";\r\nimport { BrowserRouter as Router, Switch, Route } from \"react-router-dom\";\r\nimport ScrollToTop from \"./components/common/scroll-to-top\";\r\nimport ToastNotificationContainer from \"./components/common/toast/toast-container\";\r\nimport indexRoutes from \"./routes\";\r\nimport PrivateRoute from \"./components/common/private-route\";\r\nimport \"./App.scss\";\r\nimport \"./custom.scss\";\r\n\r\nconst App = () => {\r\n return (\r\n \r\n \r\n {indexRoutes.map((prop, key) => {\r\n if (prop.privateRoute) {\r\n return (\r\n \r\n
\r\n