\n
\n
\n Delete Payment.\n
\n \n
{'Do you want to delete the payment ?'}
\n
\n \n \n
\n
\n
\n {(this.state.paymentId||0)==0?\"Add Payment\":\"Update Payment\"}\n
\n \n\n \n
\n Confirm Payment Approval
\n \n
{'Are you sure you want to approve the payment?'}
\n
\n \n {this.handlePaymentLocationChange(event)}}\n className=\"form-control mb-10\"\n >\n \n {this.props.locationList.map((item, index) => (\n \n ))} \n \n
\n
\n );\n }\n}\nexport default Payment","// Create a new file LineItems.jsx with fixes\nimport React, { Component } from 'react';\nimport Form from 'react-validation/build/form';\nimport { required, isNumeric, isCurrency } from \"../../../util/validationMethods\";\n\nclass LineItems extends Component {\n constructor(props) {\n super(props);\n this.state = {\n newItem: {\n service: '',\n description: '',\n rate: '',\n units: '',\n total: '',\n taxApplicable: false,\n taxRate: 8.9\n },\n customService: ''\n };\n }\n\n // Prevent unnecessary re-renders\n shouldComponentUpdate(nextProps, nextState) {\n if (JSON.stringify(this.props.lineItems) !== JSON.stringify(nextProps.lineItems) ||\n JSON.stringify(this.state) !== JSON.stringify(nextState) ||\n this.props.isDisabled !== nextProps.isDisabled) {\n return true;\n }\n return false;\n }\n\n handleAddItem = () => {\n // Validate required fields\n if (!this.state.newItem.service || !this.state.newItem.rate || !this.state.newItem.units) {\n return;\n }\n \n // Get service name (could be custom)\n const serviceName = this.state.newItem.service === 'Custom' ? this.state.customService : this.state.newItem.service;\n \n // Calculate total if not explicitly set\n const rate = parseFloat(this.state.newItem.rate) || 0;\n const units = parseFloat(this.state.newItem.units) || 0;\n const total = rate * units;\n \n // Create a copy of the current line items array\n const newLineItems = [...(this.props.lineItems || []), {\n ...this.state.newItem,\n service: serviceName,\n total: total\n }];\n \n // Pass the updated array to the parent\n this.props.onUpdateLineItems(newLineItems);\n \n // Reset the form\n this.setState({\n newItem: {\n service: '',\n description: '',\n rate: '',\n units: '',\n total: '',\n taxApplicable: false,\n taxRate: 8.9\n },\n customService: ''\n });\n }\n\n handleDeleteItem = (index) => {\n const newLineItems = [...(this.props.lineItems || [])];\n newLineItems.splice(index, 1);\n this.props.onUpdateLineItems(newLineItems);\n }\n\n handleChange = (field, value) => {\n this.setState(prevState => {\n const newItem = { ...prevState.newItem, [field]: value };\n \n // Auto-calculate total when rate or units change\n if ((field === 'rate' || field === 'units') && newItem.rate && newItem.units) {\n const rate = parseFloat(newItem.rate) || 0;\n const units = parseFloat(newItem.units) || 0;\n newItem.total = rate * units;\n }\n \n return { newItem };\n });\n }\n\n handleCustomServiceChange = (value) => {\n this.setState({ customService: value });\n }\n\n handleItemChange = (index, field, value) => {\n // Safely handle undefined lineItems\n if (!this.props.lineItems || !this.props.lineItems[index]) {\n return;\n }\n \n // Create a deep copy of the line items array\n const newLineItems = this.props.lineItems.map((item, i) => \n i === index ? { ...item } : item\n );\n \n // Update the field\n newLineItems[index][field] = value;\n \n // Auto-calculate total when rate or units change\n if ((field === 'rate' || field === 'units') && newLineItems[index].rate && newLineItems[index].units) {\n const rate = parseFloat(newLineItems[index].rate) || 0;\n const units = parseFloat(newLineItems[index].units) || 0;\n newLineItems[index].total = rate * units;\n }\n \n // Pass the updated array to the parent\n this.props.onUpdateLineItems(newLineItems);\n }\n\n handleTaxToggle = (index) => {\n // Safely handle undefined lineItems\n if (!this.props.lineItems || !this.props.lineItems[index]) {\n return;\n }\n \n // Create a deep copy of the line items array\n const newLineItems = this.props.lineItems.map((item, i) => \n i === index ? { ...item } : item\n );\n \n // Toggle tax applicability\n newLineItems[index].taxApplicable = !newLineItems[index].taxApplicable;\n \n // Pass the updated array to the parent\n this.props.onUpdateLineItems(newLineItems);\n }\n\n handleTaxRateChange = (index, rate) => {\n // Safely handle undefined lineItems\n if (!this.props.lineItems || !this.props.lineItems[index]) {\n return;\n }\n \n // Create a deep copy of the line items array\n const newLineItems = this.props.lineItems.map((item, i) => \n i === index ? { ...item } : item\n );\n \n // Update tax rate\n newLineItems[index].taxRate = parseFloat(rate) || 0;\n \n // Pass the updated array to the parent\n this.props.onUpdateLineItems(newLineItems);\n }\n\n render() {\n const { lineItems = [], chargeOptions = [], isDisabled } = this.props;\n const { newItem, customService } = this.state;\n \n // Calculate total of all line items\n const totalAmount = lineItems.reduce((sum, item) => sum + (parseFloat(item.total) || 0), 0);\n \n return (\n
\n
Itemized Billing
\n \n
\n
\n \n \n | Service | \n Description | \n Rate | \n Units | \n Total | \n Tax | \n Actions | \n
\n \n \n {Array.isArray(lineItems) && lineItems.map((item, index) => (\n \n | \n this.handleItemChange(index, 'service', e.target.value)}\n />\n | \n \n this.handleItemChange(index, 'description', e.target.value)}\n />\n | \n \n this.handleItemChange(index, 'rate', e.target.value)}\n step=\"0.01\"\n min=\"0\"\n />\n | \n \n this.handleItemChange(index, 'units', e.target.value)}\n step=\"0.01\"\n min=\"0\"\n />\n | \n \n \n | \n \n \n this.handleTaxToggle(index)}\n />\n \n \n \n {item.taxApplicable && (\n this.handleTaxRateChange(index, e.target.value)}\n step=\"0.1\"\n min=\"0\"\n max=\"100\"\n />\n )}\n | \n \n \n | \n
\n ))}\n \n {/* Add new item row */}\n \n | \n \n \n {newItem.service === 'Custom' && (\n this.handleCustomServiceChange(e.target.value)}\n />\n )}\n | \n \n this.handleChange('description', e.target.value)}\n />\n | \n \n this.handleChange('rate', e.target.value)}\n step=\"0.01\"\n min=\"0\"\n />\n | \n \n this.handleChange('units', e.target.value)}\n step=\"0.01\"\n min=\"0\"\n />\n | \n \n \n | \n \n \n this.handleChange('taxApplicable', !newItem.taxApplicable)}\n />\n \n \n \n {newItem.taxApplicable && (\n this.handleChange('taxRate', e.target.value)}\n step=\"0.1\"\n min=\"0\"\n max=\"100\"\n />\n )}\n | \n \n \n | \n
\n \n \n \n | Total: | \n ${totalAmount.toFixed(2)} | \n | \n
\n \n
\n
\n
\n );\n }\n}\n\nexport default LineItems;","import React, { Component, Fragment, useState } from 'react';\nimport Form from 'react-validation/build/form';\nimport Input from 'react-validation/build/input';\nimport Payment from '../payment/addEditPayment'\nimport { Modal } from 'react-bootstrap';\nimport { float, getCompanyId } from '../../../util/customMethods'\nimport ReactSelect from '../../../components/utilComponents/tmSlimSelect/reactSelect';\nimport { calculateLaborCharge } from '../../../util/customMethods';\nimport LineItems from './LineItems';\nconst EstimateModal = ({ show, onClose, onSubmit, ratePlanData, pickupToDropoffTime, estimatedLabourCharge }) => {\n const [estimateValue, setEstimateValue] = useState('');\n const [hourlyCharge, setHourlyCharge] = useState(0);\n\n const handleValueChange = (e) => {\n const inputValue = e.target.value;\n setEstimateValue(inputValue);\n\n // Calculate hourly charge\n const pickupToDropoffHours = Math.max(0, Number(pickupToDropoffTime || 0) / 60);\n const inputHours = Math.max(0, Number(inputValue || 0));\n const totalHours = inputHours + pickupToDropoffHours;\n\n const calculatedCharge = calculateLaborCharge(ratePlanData, totalHours);\n setHourlyCharge(calculatedCharge);\n };\n\n return (\n
\n \n
Estimate remaining Hours
\n\n
\n \n \n
\n\n
\n \n \n
\n\n
\n \n Close\n \n onSubmit({ estimateValue, hourlyCharge })}\n >\n Submit\n \n
\n
\n );\n};\n\n// ConfirmModal.js\nconst ConfirmModal = ({ show, onClose, onConfirm }) => (\n
\n \n
\n
Confirm Payment
\n \n
\n
Are you sure you want to confirm this payment?
\n
\n
\n \n \n
\n
\n);\n\n// CancelModal.js\nconst CancelModal = ({ show, onClose, onCancel }) => (\n
\n \n
\n
Cancel Payment
\n \n
\n
Are you sure you want to cancel this payment?
\n
\n
\n \n \n
\n
\n);\n\n\nclass Billing extends Component {\n state = {\n openCommWindow: false,\n paymentLocation: '',\n paymentType: '',\n chequeNo: '',\n\n showEstimate: false,\n showConfirm: false,\n showCancel: false,\n estimateValue: ''\n }\n\n handleEstimate = () => {\n // API call or business logic for estimate\n this.props.onEstimate(this.state.estimateValue);\n this.setState({ showEstimate: false });\n }\n\n handleConfirm = () => {\n // API call or business logic for confirmation\n this.props.onConfirmPayment();\n this.setState({ showConfirm: false });\n }\n\n handleCancel = (invoiceId) => {\n if (!invoiceId) return;\n\n // Call the API\n this.props.onCancelPayment(invoiceId)\n\n this.setState({ showCancel: false });\n }\n handleValueChange = (e) => {\n const pickupToDropoffHours = Math.max(0, Number(this.state.pickupToDropoffTime || 0) / 60);\n const inputHours = Math.max(0, Number(e.target.value || 0));\n const totalHours = inputHours + pickupToDropoffHours;\n\n const hourlyCharge = calculateLaborCharge('', 0);\n\n this.setState({ estimatedHourlyTow: hourlyCharge });\n };\n createUI(charges, chargeOptionBilling, flag) {\n let chargeOption = [];\n chargeOption = chargeOptionBilling;\n let chargeArray = charges.split('|');\n chargeArray = chargeArray.filter(v => v != '');\n \n return (chargeArray || []).map((el, i) =>\n
\n
\n
\n \n
\n
\n
\n
\n
\n { this.props.manipulateCustomCharge(i, 1, e.target.value) }}\n />\n
\n
\n
\n \n {/* Add tax settings for custom charge */}\n
\n
\n \n
\n
\n \n
\n this.props.handleCustomChargeTaxRate(i, e.target.value)}\n step=\"0.1\"\n min=\"0\"\n max=\"100\"\n />\n
\n \n
\n \n \n
\n )\n }\n // In billing.jsx\n\ncalculateTax = () => {\n const { invoiceBilling } = this.props.invoiceInfo._invoiceObj;\n \n // Skip calculation if tax settings aren't initialized\n if (!invoiceBilling.taxSettings) return 0;\n \n let totalTax = 0;\n \n // Calculate tax for flat tow\n if (invoiceBilling.taxSettings.towCharge?.isTaxable) {\n totalTax += (parseFloat(invoiceBilling.towCharge || 0) * parseFloat(invoiceBilling.taxSettings.towCharge.taxRate || 0)) / 100;\n }\n \n // Calculate tax for hourly tow\n if (invoiceBilling.taxSettings.laborCharge?.isTaxable) {\n totalTax += (parseFloat(invoiceBilling.laborCharge || 0) * parseFloat(invoiceBilling.taxSettings.laborCharge.taxRate || 0)) / 100;\n }\n \n // Calculate tax for mileage charge\n if (invoiceBilling.taxSettings.mileageCharge?.isTaxable) {\n totalTax += (parseFloat(invoiceBilling.mileageCharge || 0) * parseFloat(invoiceBilling.taxSettings.mileageCharge.taxRate || 0)) / 100;\n }\n \n // Calculate tax for storage charge\n if (invoiceBilling.taxSettings.storageCharge?.isTaxable) {\n totalTax += (parseFloat(invoiceBilling.storageCharge || 0) * parseFloat(invoiceBilling.taxSettings.storageCharge.taxRate || 0)) / 100;\n }\n \n // Calculate tax for gate charge\n if (invoiceBilling.taxSettings.gateCharge?.isTaxable) {\n totalTax += (parseFloat(invoiceBilling.gateCharge || 0) * parseFloat(invoiceBilling.taxSettings.gateCharge.taxRate || 0)) / 100;\n }\n \n // Calculate tax for advanced payout\n if (invoiceBilling.taxSettings.advancedPayout?.isTaxable) {\n totalTax += (parseFloat(invoiceBilling.advancedPayout || 0) * parseFloat(invoiceBilling.taxSettings.advancedPayout.taxRate || 0)) / 100;\n }\n \n // Calculate tax for misc charge\n if (invoiceBilling.taxSettings.miscCharge?.isTaxable) {\n totalTax += (parseFloat(invoiceBilling.miscCharge || 0) * parseFloat(invoiceBilling.taxSettings.miscCharge.taxRate || 0)) / 100;\n }\n \n // Calculate tax for custom charges\n if (invoiceBilling.userDefined_Charge && invoiceBilling.userDefined_Charge !== '') {\n const customCharges = invoiceBilling.userDefined_Charge.split('|').filter(v => v != '');\n \n customCharges.forEach((charge, index) => {\n if (invoiceBilling.taxSettings.customCharges && \n invoiceBilling.taxSettings.customCharges[index] && \n invoiceBilling.taxSettings.customCharges[index].isTaxable) {\n \n const chargeAmount = parseFloat(charge.split(',')[1] || 0);\n totalTax += (chargeAmount * parseFloat(invoiceBilling.taxSettings.customCharges[index].taxRate || 0)) / 100;\n }\n });\n }\n \n // Update the tax field automatically\n if (this.props.handleCharge && Math.abs(totalTax - parseFloat(invoiceBilling.tax || 0)) > 0.01) {\n // Only update if the tax value has changed significantly\n this.props.handleCharge('tax', totalTax.toFixed(2));\n }\n \n return totalTax.toFixed(2);\n }\n \n // Call this method in componentDidUpdate\n componentDidUpdate(prevProps) {\n const { invoiceBilling: prevBilling } = prevProps.invoiceInfo._invoiceObj;\n const { invoiceBilling: currentBilling } = this.props.invoiceInfo._invoiceObj;\n \n // Check if any charge values have changed\n const chargeFields = ['towCharge', 'laborCharge', 'mileageCharge', 'storageCharge', \n 'gateCharge', 'advancedPayout', 'miscCharge', 'userDefined_Charge'];\n \n const hasChargeChanged = chargeFields.some(field => \n parseFloat(prevBilling[field] || 0) !== parseFloat(currentBilling[field] || 0)\n );\n \n // Recalculate tax if any charge has changed\n if (hasChargeChanged) {\n this.calculateTax();\n }\n }\n render() {\n const { _invoiceObj, accountList, accountReqData, billingCommission } = this.props.invoiceInfo || {};\n const { invoiceBilling, invoicePayments } = _invoiceObj;\n const ratePlan = invoiceBilling.ratePlan || {};\n const invoiceLock = invoiceBilling.isVerifiedAndLocked == 1 ? this.props.invoicePermission.edit : this.props.lockaccess.add;\n const isDisabled = (!(this.props.invoicePermission.edit || false)) || (invoiceBilling.isVerifiedAndLocked == 1);\n const childDisable = (_invoiceObj.callStatus == 'Cancel') || (_invoiceObj.isDispatchCleared == 1)\n const isItemizedBilling = _invoiceObj.serviceCallInfo.serviceCallType === 'itemized_billing';\n return (
\n \n
\n
\n \n
Commission
\n
\n
\n \n
\n
\n \n
\n
\n
\n
\n { this.props.getInvoiceComm(e.target.checked || false); }} />\n
\n
\n \n
\n
\n
\n
Commission Rates
\n
\n
\n \n
\n
\n { this.props.calculateComm('invoiceCommFlatRate', e.target.value) }} />\n
\n
\n
\n \n
\n
\n { this.props.calculateComm('invoiceCommHourlyRate', e.target.value) }} />\n
\n
\n
\n \n
\n
\n \n
\n
\n
\n \n
\n
\n \n
\n
\n
\n \n
\n
\n { this.props.calculateComm('invoiceCommPercentage', e.target.value) }} />\n
\n
\n
\n \n
\n
\n { this.props.calculateComm('invoiceCommMinPayPerCall', e.target.value) }} />\n
\n
\n
\n \n
\n
\n \n
\n
\n
\n {' '}\n \n
\n
\n
this.setState({ showEstimate: false })}\n onSubmit={({ estimateValue, hourlyCharge }) => {\n const updates = {\n estimatedminuts: estimateValue,\n estimatedLabourCharge: hourlyCharge,\n storageCharge: hourlyCharge,\n enbaleRecalculate: 0,\n serviceBillableHours: estimateValue\n };\n \n // Handle all updates in a single batch\n Object.entries(updates).forEach(([key, value]) => {\n this.props.handleCharge(key, value);\n });\n \n this.setState({ showEstimate: false });\n }}\n ratePlanData={ratePlan}\n pickupToDropoffTime={invoiceBilling?.estimatedminuts}\n estimatedLabourCharge={invoiceBilling?.estimatedLabourCharge}\n />\n this.setState({ showConfirm: false })}\n onConfirm={()=>{this.props.updateInvoiceBilling(invoiceBilling?.estimatedminuts,invoiceBilling.invoiceId,invoiceBilling?.estimatedLabourCharge)}}\n />\n this.setState({ showCancel: false })}\n onCancel={() => { this.handleCancel(_invoiceObj.invoiceId) }}\n />\n );\n }\n}\nexport default Billing\n","import React, { Component, Fragment } from 'react';\nimport Form from 'react-validation/build/form';\nimport Input from 'react-validation/build/input';\nimport Select from 'react-validation/build/select';\nimport TmReactTable from '../../utilComponents/tmReactTable/tmReactTable';\nimport TmExportExcel from '../../utilComponents/tmExportExcel/tmExportExcel';\nimport moment from 'moment'\n\nclass Notes extends Component {\n buildDataFormatForUserExport = () => {\n return (\n [{\n columns: [{ title: 'USER ID' }, { title: 'DATE' }, { title: 'TIME' }, { title: 'NOTES' }],\n data: (this.props.invoiceInfo._invoiceObj.invoiceNotes || []).filter((item)=>item.notes_indicator===0).map(item => {\n return [{ value: item.userId || '' }, { value: item.createdDate || '' }, { value: item.createdTime || '' }, { value: item.notesText || '' }]\n })\n }]\n )\n }\n buildDataFormatForSystemExport = () => {\n return (\n [{\n columns: [{ title: 'USER ID' }, { title: 'DATE' }, { title: 'TIME' }, { title: 'NOTES' }],\n data: (this.props.invoiceInfo._invoiceObj.invoiceNotes || []).filter((item)=>item.notes_indicator===1).map(item => {\n return [{ value: item.userId || '' }, { value: item.createdDate || '' }, { value: item.createdTime || '' }, { value: item.notesText || '' }]\n })\n }]\n )\n }\n render() {\n const { invoiceNotes } = this.props.invoiceInfo._invoiceObj || [];\n const invoiceBilling = this.props.invoiceInfo._invoiceObj.invoiceBilling || {};\n const isEdit = (!(this.props.invoicePermission.edit||false) || (invoiceBilling.isVerifiedAndLocked==1));\n const isDelete = (!(this.props.invoicePermission.delete||false) || (invoiceBilling.isVerifiedAndLocked==1));\n const userNotes = invoiceNotes.filter((item)=>item.notes_indicator===0);\n const sysNotes = invoiceNotes.filter((item)=>item.notes_indicator===1);\n const columns = [\n {\n Header: 'User Id',\n accessor: 'userId'\n },\n {\n Header: 'Date',\n accessor: 'createdDate'\n },\n {\n Header: 'Time',\n accessor: 'createdTime'\n },\n {\n Header: 'Notes',\n accessor: 'notesText'\n },\n {\n accessor: 'Actions',\n Header: 'Actions',\n sortable: false,\n filterable: false,\n style: { textAlign: 'center' },\n width: 200,\n Cell: (row) => {\n return
\n this.props.editNotesModal(row.original)} value=\"Edit\" />\n this.props.deleteNotesModal(row.original)} value=\"Delete\" />\n
;\n }\n }\n];\n return (
\n \n );\n }\n}\nexport default Notes\n","import React, { Component, Fragment } from 'react';\nimport TmReactTable from '../../../utilComponents/tmReactTable/tmReactTable';\n\nclass Attachments extends Component {\n constructor(porps) {\n super(porps);\n this.state = {\n }\n this.imageModalOpen = this.imageModalOpen.bind(this);\n }\n imageModalOpen(e,status,imageUrl) {\n e.preventDefault();\n if(!status){\n window.open(imageUrl.attachmentPath,'_blank')\n }\n }\n render() {\n const { data } = this.props;\n const columns = [\n {\n accessor: 'sNo',\n Header: 'SNo',\n style: { textAlign: 'center' },\n width: 100,\n Cell: (row) => {\n return
{row.index + 1}
;\n }\n },\n {\n accessor: 'attachmentName',\n Header: 'Attachment Name',\n style: { textAlign: 'center' },\n Cell: (row) => {\n let status = row.original.attachmentName.split('.').pop().toLowerCase() === 'xls' || \n row.original.attachmentName.split('.').pop().toLowerCase() === 'xlsx';\n return (
)\n }\n },\n {\n accessor: 'Delete',\n Header: 'Delete',\n sortable: false,\n filterable: false,\n style: { textAlign: 'center' },\n width: 100,\n Cell: (row) => {\n return
this.props.deleteAttachmentModal('attachment', row.original)} value=\"Delete\" />
;\n }\n }\n ];\n return (
\n\n \n
\n \n
\n
\n {\n e.preventDefault();\n this.props.getFiles(e.target.name, e.target.files)\n }} style={{ height: '40px' }} />\n
\n
\n \n
\n
);\n }\n}\nexport default Attachments\n","import React, { Component, Fragment } from 'react';\nimport TmReactTable from '../../../utilComponents/tmReactTable/tmReactTable';\n\nclass CoverSheets extends Component {\n constructor(porps) {\n super(porps);\n this.state = {\n } \n this.imageModalOpen = this.imageModalOpen.bind(this);\n }\n imageModalOpen(e,status,imageUrl) {\n e.preventDefault();\n if(!status){\n window.open(imageUrl.attachmentPath,'_blank')\n }\n }\n render() {\n const { data } = this.props;\n const columns = [\n {\n accessor: 'sNo',\n Header: 'SNo',\n style: { textAlign: 'center' },\n width: 100,\n Cell: (row) => {\n return
{row.index + 1}
;\n }\n },\n {\n accessor: 'attachmentName',\n Header: 'Attachment Name',\n style: { textAlign: 'center' },\n Cell: (row) => {\n let status = row.original.attachmentName.split('.').pop().toLowerCase() === 'xls';\n return (
)\n }\n },\n {\n accessor: 'Delete',\n Header: 'Delete',\n sortable: false,\n filterable: false,\n style: { textAlign: 'center' },\n width: 100,\n Cell: (row) => {\n return
this.props.deleteAttachmentModal('coversheet', row.original)} value=\"Delete\" />
;\n }\n }\n ];\n return (
\n \n \n
\n \n
\n
\n {\n e.preventDefault();\n this.props.getFiles(e.target.name, e.target.files)\n }} style={{height:'40px'}}/>\n
\n
\n \n
\n
);\n }\n}\nexport default CoverSheets\n","import React, { Component, Fragment } from 'react';\nimport TmReactTable from '../../../utilComponents/tmReactTable/tmReactTable';\n\nclass TowSheets extends Component {\n constructor(porps) {\n super(porps);\n this.state = {\n } \n this.imageModalOpen = this.imageModalOpen.bind(this);\n }\n imageModalOpen(e,status,imageUrl) {\n e.preventDefault();\n if(!status){\n window.open(imageUrl.attachmenturl,'_blank')\n }\n }\n render() {\n const { data } = this.props;\n const columns = [\n {\n accessor: 'sNo',\n Header: 'SNo',\n style: { textAlign: 'center' },\n width: 100,\n Cell: (row) => {\n return
{row.index + 1}
;\n }\n },\n {\n accessor: 'attachmentName',\n Header: 'Attachment Name',\n style: { textAlign: 'center' },\n Cell: (row) => {\n let status = row.original.attachmentName.split('.').pop().toLowerCase() === 'xls';\n return (
)\n }\n },\n {\n accessor: 'Delete',\n Header: 'Delete',\n sortable: false,\n filterable: false,\n style: { textAlign: 'center' },\n width: 100,\n Cell: (row) => {\n return
this.props.deleteAttachmentModal('towsheet', row.original)} value=\"Delete\" />
;\n }\n }\n ];\n return (
\n \n \n
\n \n
\n
\n {\n e.preventDefault();\n this.props.getFiles(e.target.name, e.target.files)\n }} style={{height:'40px'}}/>\n
\n
\n \n
\n
);\n }\n}\nexport default TowSheets\n","import React, { Component, Fragment } from 'react';\nimport Form from 'react-validation/build/form';\nimport Input from 'react-validation/build/input';\nimport Select from 'react-validation/build/select';\nimport TmReactTable from '../../utilComponents/tmReactTable/tmReactTable';\nimport Attachments from './attachments/attachments';\nimport CoverSheets from './attachments/coversheets';\nimport TowSheets from './attachments/towsheets';\n\nclass Attachment extends Component {\n render() {\n let attachmentData = [];\n let attachmentCoverSheetData = [];\n const isDisabled = (!(this.props.invoicePermission.delete||false)) || (this.props.invoiceInfo._invoiceObj.invoiceBilling.isVerifiedAndLocked==1);\n this.props.data.map((item, i) => {\n item.attachmentPath.includes(\"coverpageattachment\") ? attachmentCoverSheetData.push(item) : attachmentData.push(item)\n })\n return (
\n \n );\n }\n}\nexport default Attachment\n","import React, { Component, Fragment } from 'react';\nimport Form from 'react-validation/build/form';\nimport Input from 'react-validation/build/input';\nimport moment from 'moment'\nimport { GlobalValues } from '../../../util/constants';\nimport ReactSelect from '../../../components/utilComponents/tmSlimSelect/reactSelect';\nimport TmDateTimePicker from '../../../components/utilComponents/tmDateTimePicker/tmDateTimePicker';\nimport TmDateTimePickers from '../utilDispatch/tmDateTimePicker/tmDateTimePicker';\nimport Select from 'react-validation/build/select';\nimport { reqReleaseInfo } from \"../../../util/validationMethods\";\nimport { isManagement } from \"../../../util/customMethods\";\n\nclass ReleaseAuction extends Component {\n render() {\n const { _invoiceObj, accountList } = this.props.invoiceInfo || {};\n const { invoiceRelease, invoiceTitleProcess, auctionListInvoice ,invoiceBilling} = _invoiceObj;\n const isAbleToRelease = !(this.props.invoicePermission.edit||false);\n return (
\n \n );\n }\n\n}\nexport default ReleaseAuction\n","import React from 'react';\nimport moment from 'moment';\nimport Cards from 'react-credit-cards';\nimport CountdownTimer from 'react-component-countdown-timer';\nimport 'react-credit-cards/es/styles-compiled.css';\nimport \"react-component-countdown-timer/lib/styles.css\";\n//import {getAxiosInstance}from '../../../util/service';\n//import {LAUNCH_LOGIN_URL, moduleTypes} from '../../../util/constants'\nexport default class PaymentProcess extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n number: '',\n loading:false,\n authCd: '',\n transStatus: '',\n name: '',\n transDate: '',\n expiry: '',\n cardType: '',\n cvc: '',\n cardNum: '',\n transId: '',\n issuer: '',\n focused: '',\n formData: null,\n clientPaymentDetails: {},\n localPinSwipe: '',\n localPinKeyInNumber: '',\n gatewayID: '',\n chanID: '',\n cardHidden: false,\n billinghidden: false,\n exDatehidden: false,\n taxhidden: false,\n namehidden: false,\n cvchidden: false,\n codehidden: false,\n //invoiceId: '',\n invoiceId: '',\n paymentAmt: props.paymentAmt || 0.0,\n //amt: 0.00,\n cardNo: '',\n xpDate: '',\n slsTax: '',\n name: '',\n cvc2: '',\n customerCode: '',\n companyName: '',\n name1: '',\n name2: '',\n address1: '',\n address2: '',\n city: '',\n stateName: '',\n postalCode: '',\n countaryName: '',\n PhoneNo: '',\n email: '',\n partialAuthIndicator: 0,\n cvv2cvc2: '',\n vavs_zip: '',\n avs_address: '',\n cvv2cvc2Indicator: 1,\n cancelledResponsedata: {},\n paymentInfo: {}\n\n };\n // this.getPaymentClientDetails = this.getPaymentClientDetails.bind(this);\n // this.openPaymentGateway = this.openPaymentGateway.bind(this);\n // this.startPymtTransaction = this.startPymtTransaction.bind(this);\n // this.getPaymentTransactionStatus = this.getPaymentTransactionStatus.bind(this);\n // this.closePaymentGateway = this.closePaymentGateway.bind(this);\n this.onSwipeClick = this.onSwipeClick.bind(this);\n this.save = this.save.bind(this);\n }\n\n componentWillMount() {\n //this.getPaymentClientDetails();\n window.removeEventListener(\"message\", this.handleMessage);\n\n }\n doSomethingBeforeUnload = () => {\n this.closeWin()\n}\n\n// Setup the `beforeunload` event listener\nsetupBeforeUnloadListener = () => {\n window.addEventListener(\"beforeunload\", (ev) => {\n ev.preventDefault();\n return this.doSomethingBeforeUnload();\n });\n};\n\ncomponentDidMount() {\n window.addEventListener(\"message\", this.handleMessage);\n // Activate the event listener\n this.setupBeforeUnloadListener();\n}\n\nhandleMessage = (event) => {\n // In production, always validate event.origin for security\n console.log(\"Received userData:\", event.data);\n this.setState({ paymentInfo: event.data });\n};\n \n save() {\n let myWindow = window.open(\"\", \"_top\");\n }\n\n\n handleCallback = ({ issuer }, isValid) => {\n if (isValid) {\n this.setState({ issuer });\n }\n };\n\n handleInputFocus = ({ target }) => {\n this.setState({\n focused: target.name,\n });\n };\n\n// handleInputChange = ({ target }) => {\n// if (target.name === 'number') {\n// target.value = formatCreditCardNumber(target.value);\n// } else if (target.name === 'expiry') {\n// target.value = formatExpirationDate(target.value);\n// } else if (target.name === 'cvc') {\n// target.value = formatCVC(target.value);\n// }\n\n// this.setState({ [target.name]: target.value });\n// };\n\n handleSubmit = e => {\n e.preventDefault();\n const { issuer } = this.state;\n const formData = [...e.target.elements]\n .filter(d => d.name)\n .reduce((acc, d) => {\n acc[d.name] = d.value;\n return acc;\n }, {});\n\n this.setState({ formData });\n this.form.reset();\n };\n /*PAYMENT GATWAY IF PAYMENT TYPE IS CREADIT TYPE */\n// getPaymentClientDetails() {\n// let paymentGatWayDetails = {};\n// let headers = {\n// 'Accept': 'application/json',\n// 'Content-Type': 'application/json'\n// }\n// postWithHeaders('/newservicecall/get/paymentClient?companyId=' + companyId(), localStorage.getItem(\"paymentDataforCredit\"), headers)\n// .then((response) => {\n// if (!response.ok) {\n// throw Error(response.statusText);\n// }\n// console.log('response', response);\n// return response.json();\n// }).then(data => {\n// let locationForKeyNo = \"\";\n// let locationForSwipe = \"\";\n// if (data.paymentLocation == 'A-LOT'){\n// locationForKeyNo = data.pinKeyInEntryA_Lot;\n// locationForSwipe = data.pinSwipeA_Lot;\n// }\n// else if (data.paymentLocation == 'ACCOUNTING'){\n// locationForKeyNo = data.pinKeyInEntryAccounting;\n// locationForSwipe = data.pinSwipeAccounting;\n// }\n// else if (data.paymentLocation == 'B-LOT'){\n// locationForKeyNo = data.pinKeyInEntryB_Lot;\n// locationForSwipe = data.pinSwipeB_Lot;\n// }\n// else if (data.paymentLocation == 'DISPATCH'){\n// locationForKeyNo = data.pinKeyInEntryDispatch;\n// locationForSwipe = data.pinSwipeDispatch;\n// }\n// else if (data.paymentLocation == 'E-LOT'){\n// locationForKeyNo = data.pinKeyInEntryE_Lot;\n// locationForSwipe = data.pinSwipeE_Lot;\n// }\n// else if (data.paymentLocation == 'F-LOT'){\n// locationForKeyNo = data.pinKeyInEntryF_Lot;\n// locationForSwipe = data.pinSwipeF_Lot;\n// }\n// else if (data.paymentLocation == 'G-LOT'){\n// locationForKeyNo = data.pinKeyInEntryG_Lot;\n// locationForSwipe = data.pinSwipeG_Lot;\n// }\n// this.setState({\n// clientPaymentDetails: data,\n// localPinSwipe: locationForSwipe,\n// localPinKeyInNumber:locationForKeyNo,\n// invoiceId: data.invoiceId,\n// amt: parseFloat(data.payAmount).toFixed(2),\n// payment_location:data.paymentLocation\n// })\n// })\n// .catch(\n// (error) => {\n// console.log('PAYMENT GATWAY DETAILS', error)\n// }\n// )\n// return paymentGatWayDetails;\n// }\n /*============================================PAYMENT GATEWAY METHOD SECTION======================================== */\n /*METHOD TO OPEN GATEWAY*/\n// openPaymentGateway() {\n// let gatewayResult = new Object();\n// let headers = {\n// 'Accept': 'application/json',\n// 'Content-Type': 'application/json'\n// }\n// this.setState({loading:true})\n// let jsonToOpenGateWay = JSON.stringify({\n// method: this.state.clientPaymentDetails.localOpenPymtGatewayMethod,\n// requestId: this.state.clientPaymentDetails.localRequestID,\n// targetType: this.state.clientPaymentDetails.localTargetType,\n// version: this.state.clientPaymentDetails.localVersion,\n// parameters: {\n// app: this.state.clientPaymentDetails.localApp,\n// email: this.state.clientPaymentDetails.localEmail,\n// pin: this.state.localPinSwipe,\n// userId: this.state.clientPaymentDetails.userId,\n// handleDigitalSignature: true,\n// paymentGatewayEnvironment: this.state.clientPaymentDetails.localEnvironmentType,\n// merchantId: this.state.clientPaymentDetails.merchantId\n// }\n// });\n// postWithOutBaseUrl(this.state.clientPaymentDetails.localUrl, jsonToOpenGateWay, headers)\n// .then((response) => {\n// if (!response.ok) {\n// throw Error(response.statusText);\n// }\n// console.log('response', response);\n// return response.json();\n// }).then(rsp => {\n// if (rsp.data.paymentGatewayCommand.openPaymentGatewayData.result === 'SUCCESS') {\n// this.setState({ gatewayID: rsp.data.paymentGatewayCommand.openPaymentGatewayData.paymentGatewayId });\n// this.startPymtTransaction();\n// }\n// })\n// .catch(\n// (error) => {\n// console.log('PAYMENT GATWAY DETAILS', error)\n// }\n// )\n// }\n /*================METHOD TO START PAYMENT=======================*/\n// startPymtTransaction() {\n// let gatewayResult = new Object();\n\n// let paymentGatWayDetails = {};\n// let headers = {\n// 'Accept': 'application/json',\n// 'Content-Type': 'application/json'\n// }\n// let jsonToStartPayment = JSON.stringify({\n// method: this.state.clientPaymentDetails.localStartPymtTrans,\n// requestId: this.state.clientPaymentDetails.localRequestID,\n// targetType: this.state.clientPaymentDetails.localTargetType,\n// version: this.state.clientPaymentDetails.localVersion,\n// parameters: {\n// tokenizedCardNumber: null,\n// tenderedAmount: {\n// value: 10,\n// currencyCode: this.state.clientPaymentDetails.localCurrencyCode\n// },\n// paymentGatewayId: this.state.gatewayID,\n// originalTransId: null,\n// generateToken: false,\n// gratuityFlowEnabled: false,\n// cardType: 'credit',\n// discount: null,\n// partialApprovalAllowed: false,\n// baseTransactionAmount: {\n// value: Math.round(parseFloat(this.state.clientPaymentDetails.payAmount) * 100),\n// currencyCode: this.state.clientPaymentDetails.localCurrencyCode\n// },\n// addToken: false,\n// manual: false,\n// gratuityQuickSelections: null,\n// transactionType: this.state.clientPaymentDetails.localTransactionType,\n// isTaxInclusive: false,\n// taxAmounts: {\n// value: parseFloat(this.state.clientPaymentDetails.localTaxAmountsVal),\n// currencyCode: this.state.clientPaymentDetails.localCurrencyCode\n// },\n// gratuityAmount: {\n// value: 0.00,\n// currencyCode: this.state.clientPaymentDetails.localCurrencyCode\n// },\n// avsFields: null,\n// gratuityCustomAmountEntryAllowed: false,\n// tenderType: this.state.clientPaymentDetails.localTenderType,\n// note: null,\n// forced: false\n// }\n// });\n// postWithOutBaseUrl(this.state.clientPaymentDetails.localUrl, jsonToStartPayment, headers)\n// .then((response) => {\n// if (!response.ok) {\n// throw Error(response.statusText);\n// }\n// console.log('response', response);\n// return response.json();\n// }).then(rsp => {\n// if (rsp.statusDetails === \"REQUEST_ACCEPTED\") {\n// this.setState({ chanID: rsp.data.paymentGatewayCommand.chanId });\n// }\n// this.getPaymentTransactionStatus();\n\n// })\n// .catch(\n// (error) => {\n// console.log('PAYMENT GATWAY DETAILS', error)\n// })\n// }\n// getPaymentTransactionStatus() {\n// let gatewayResult = new Object();\n// let paymentGatWayDetails = {};\n// let headers = {\n// 'Accept': 'application/json',\n// 'Content-Type': 'application/json'\n// }\n// let jsonToGetTransStatus = JSON.stringify({\n// \"method\": this.state.clientPaymentDetails.localGetPymtTransStatus,\n// \"requestId\": this.state.clientPaymentDetails.localRequestID,\n// \"targetType\": this.state.clientPaymentDetails.localTargetType,\n// \"parameters\": {\n// \"chanId\": this.state.chanID,\n// \"paymentGatewayId\": this.state.gatewayID\n// }\n// });\n// postWithOutBaseUrl(this.state.clientPaymentDetails.localUrl, jsonToGetTransStatus, headers)\n// .then((response) => {\n// if (!response.ok) {\n// throw Error(response.statusText);\n// }\n// console.log('response', response);\n// return response.json();\n// }).then(result => {\n// console.log(result.data.paymentGatewayCommand.eventQueue);\n// if (result.data.paymentGatewayCommand.completed === false) {\n// setTimeout(\n// this.getPaymentTransactionStatus(), 1000);\n// } else {\n// let value = result.data.paymentGatewayCommand.paymentTransactionData.result;\n// this.closePaymentGateway();\n// if (value === 'APPROVED') {\n// let key1 = result.data.paymentGatewayCommand.paymentTransactionData;\n// const _transDate=(key1.date||'')==''?'':moment(key1.date).format('MM/DD/YYYY HH:mm:ss')\n// this.setState({authCd:key1.authCode,transStatus:key1.resultMessage,transDate:_transDate,cardType:key1.cardScheme,transId:key1.id,cardNum:key1.maskedPan});\n// this.closeWin();\n// this.successResponse();\n// return gatewayResult;\n// }\n// else if (value === 'PARTIALLY_APPROVED') {\n// let key1 = result.data.paymentGatewayCommand.paymentTransactionData;\n// const _transDate=(key1.date||'')==''?'':moment(key1.date).format('MM/DD/YYYY HH:mm:ss')\n// this.setState({authCd:key1.authCode,transStatus:key1.resultMessage,transDate:_transDate,cardType:key1.cardScheme,transId:key1.id,cardNum:key1.maskedPan});\n// this.closeWin();\n// this.successResponse();\n// return gatewayResult;\n// }\n// if (value === 'DECLINED') {\n// let key1 = result.data.paymentGatewayCommand.paymentTransactionData\n// const _transDate=(key1.date||'')==''?'':moment(key1.date).format('MM/DD/YYYY HH:mm:ss')\n// this.setState({authCd:key1.authCode,transStatus:key1.resultMessage,transDate:_transDate,cardType:key1.cardScheme,transId:key1.id,cardNum:key1.maskedPan});\n// this.closeWin();\n// this.failedResponse();\n// return gatewayResult;\n// }\n// if (value === 'FAILED') {\n// this.closeWin();\n// this.cancelledResponse();\n// }\n// }\n// })\n// .catch(\n// (error) => {\n// this.closePaymentGateway();\n// console.log('PAYMENT GATWAY DETAILS', error)\n// }\n// )\n// }\n\n// closePaymentGateway() {\n// let headers = {\n// 'Accept': 'application/json',\n// 'Content-Type': 'application/json'\n// };\n// let jsonToCloseGatWay = JSON.stringify({\n// \"method\": this.state.clientPaymentDetails.localGetPymtTransStatus,\n// \"requestId\": this.state.clientPaymentDetails.localRequestID,\n// \"targetType\": this.state.clientPaymentDetails.localTargetType,\n// \"parameters\": {\n// \"chanId\": this.state.chanID,\n// \"paymentGatewayId\": this.state.localOpenPymtGatewayMethodgatewayID\n// }\n// });\n// postWithOutBaseUrl(this.state.clientPaymentDetails.localUrl, jsonToCloseGatWay, headers)\n// .then((response) => {\n// if (!response.ok) {\n// throw Error(response.statusText);\n// }\n// console.log('response', response);\n// return response.json();\n// }).then(data => {\n// this.setState({loading:false});\n// })\n// .catch(\n// (error) => {\n// console.log('PAYMENT GATWAY DETAILS', error)\n// }\n// )\n// }\n// closeWin() {\n// let headers = {\n// 'Accept': 'application/json',\n// 'Content-Type': 'application/json'\n// };\n// let jsonToCloseWin = JSON.stringify({\n// \"method\": \"cancelPaymentTransaction\",\n// \"requestId\": this.state.clientPaymentDetails.localRequestID,\n// \"targetType\": this.state.clientPaymentDetails.localTargetType,\n// \"version\": \"1.0\",\n// \"parameters\": {\n// \"paymentGatewayId\": this.state.gatewayID,\n// \"chanId\": this.state.chanID\n// }\n// });\n// postWithOutBaseUrl(this.state.clientPaymentDetails.localUrl, jsonToCloseWin, headers)\n// .then((response) => {\n// if (!response.ok) {\n// throw Error(response.statusText);\n// }\n// console.log('response', response);\n// return response.json();\n// }).then(data => {\n// })\n// .catch(\n// (error) => {\n// console.log('PAYMENT GATWAY DETAILS', error)\n// }\n// )\n// }\n onSwipeClick() {\n this.openPaymentGateway();\n }\n failedResponse() {\n this.props.history.push('/paymentFailure?ssl_txn_id='+this.state.transId+'&ssl_result_message='+\n this.state.transStatus+'&ssl_txn_time='+this.state.transDate+'&cardType='+this.state.cardType+\n '&ssl_card_number='+this.state.cardNo+'&invoice_id='+this.state.invoiceId+'&ssl_amount='+this.state.amt+\n '&user_id='+this.state.userName+'&payment_location='+this.state.payment_location+'&ssl_approval_code='+this.state.authCd);\n }\n\n successResponse() {\n this.props.history.push('/paymentSuccess?ssl_txn_id='+this.state.transId+'&ssl_result_message='+\n this.state.transStatus+'&ssl_txn_time='+this.state.transDate+'&cardType='+this.state.cardType+\n '&ssl_card_number='+this.state.cardNo+'&invoice_id='+this.state.invoiceId+'&ssl_amount='+this.state.amt+\n '&user_id='+this.state.userName+'&payment_location='+this.state.payment_location+'&ssl_approval_code='+this.state.authCd)\n }\n\n cancelledResponse() {\n sessionStorage.setItem(\"cancelPaymentData\", JSON.stringify({\n invoiceId: this.state.invoiceId,\n amount: this.state.amt,\n }))\n this.props.history.push('/paymentCancel')\n }\n render() {\n return (\n
\n
\n
\n
\n {/* */}\n
\n
\n
\n
Time Left
\n
\n \n {/* alert(\"Time's up!\")}\n /> */}\n
\n
\n
\n
\n
\n \n
\n
\n
Order Section
\n
\n\n {/* {formData && (\n
\n {formatFormData(formData).map((d, i) =>
{d}
)}\n
\n )} */}\n
\n \n
\n \n
\n
\n
\n
\n
\n
\n );\n }\n}\n","import React, { Component, Fragment } from 'react';\nimport { withRouter } from 'react-router-dom';\nimport { connect } from 'react-redux';\nimport { Tabs, Tab, Modal } from 'react-bootstrap';\nimport { notify } from '../../util/notifications';\nimport Form from 'react-validation/build/form';\nimport Input from 'react-validation/build/input';\nimport Select from 'react-validation/build/select';\nimport ServiceCallTimes from '../../components/dispatchComponents/addServiceCall/slider/serciceCallTimes';\nimport ServiceCallInfo from '../../components/dispatchComponents/addServiceCall/serviceCallInfo';\nimport VehicleInfo from '../../components/dispatchComponents/addServiceCall/vehicleInfo';\nimport Billing from '../../components/dispatchComponents/addServiceCall/billing';\nimport Notes from '../../components/dispatchComponents/addServiceCall/notes';\nimport Attachment from '../../components/dispatchComponents/addServiceCall/attachment';\nimport ReleaseAuction from '../../components/dispatchComponents/addServiceCall/releaseauction';\nimport { uploadAttachments, deleteAttachments, addUserNotes, deleteNotes } from '../../actions/dispatchAction/newServiceCallAction';\nimport { getAccountTaxSettings} from '../../actions/adminAction/taxSettingsActions';\nimport {\n\tfetchInvoiceInfoById, fetchReQAccountInfo, serviceCallInfoFieldChange, changeLocation, displayNameUpdate,\n\tclearInvoiceRec, selectCallerInfoByCallerName, defaultInvoiceInfo, AddInvoice, updateInvoice,\n\tmileageManualCal, handleCharge, addCutomCharge, manipulateCustomCharge, deleteCustomCharge,\n\tfetchAccountByType, handleSubInvoice,handleAHRInvoice, validateVin, getVehicleDetails, handleReleaseChange, releaseInvoice, returnToStorage, handleTitleProcess,\n\taddUpdateAuction, deleteAuction, handleAuctionSelect, getInvoiceComm, saveInvoiceComm, calculateComm, reCalMileage, reviewInvoice, reactivatedInvoice,\n\tprintoremailReceipt, savePrintEmailInvoice, clearPrintEmailInvoice, saveEmailInvoice, addUpdatePayment, deletePayments, getRatePlanById,cancelPayment,updateInvoiceBilling\n} from '../../actions/dispatchAction/invoiceAction';\nimport { validate, isManagement, getAccessLevelsByModuleName, showFile, toBase64 } from '../../util/customMethods';\nimport { isValidForm } from '../../util/validationMethods';\nimport { required } from \"../../util/validationMethods\";\nimport { fetchAccountList } from '../../actions/dispatchAction/initialReqInfoAction';\nimport TmReactTable from '../../components/utilComponents/tmReactTable/tmReactTable';\nimport PaymentProcess from '../../components/dispatchComponents/payment/paymentProcess';\nimport { serviceCallState } from '../../util/stateUtil/initialStateForComponents'\nconst pageTitle = 'Add new service call';\n// Near the top of addServiceCall.jsx\nlet newServiceCallForm = { \n\tfrmNewServiceCallInfo: {}, \n\tfrmNewVehicleInfo: {}, \n\tfrmNewBillingInfo: {}, \n\tfrmPickAddressEntry: {}, \n\tfrmDropAddressEntry: {}, \n\tfrmSwapoutAddressEntry: {}, \n\treleaseform: {}, \n\treviewFom: {} \n };\nconst newServiceCallTabs = {\n\tTB_SERVICE_CALL_INFO: 'TB_SERVICE_CALL_INFO',\n\tTB_VEHICLE_INFO: 'TB_VEHICLE_INFO',\n\tTB_BILLING: 'TB_BILLING',\n\tTB_NOTES: 'TB_NOTES',\n\tTB_ATTACHMENT: 'TB_ATTACHMENT',\n\tTB_RELEASE_OR_AUCTION: 'TB_RELEASE_OR_AUCTION',\n}\nconst defaultAccess = { add: false, view: false, edit: false, delete: false }\nclass AddServiceCall extends Component {\n\tstate = {\n\t\t...serviceCallState\n\t}\n\tdeleteAttachmentModal(type, attachId) {\n\t\tthis.setState({\n\t\t\tdeleteAttachmentIsOpen: true, attachId: attachId, attachmentType: type\n\t\t})\n\t}\n\tdeleteNotesModal(notesObj) {\n\t\tthis.setState({\n\t\t\tdeleteNotesIsOpen: true, notesId: notesObj.invoiceNotesId, notesText: notesObj.notesText\n\t\t})\n\t}\n\teditNotesModal(notesObj) {\n\t\tthis.setState({\n\t\t\teditNotesIsOpen: true, notesId: notesObj.invoiceNotesId, notesText: notesObj.notesText\n\t\t})\n\t}\n\tcomponentWillMount = () => {\n\t\tthis.props.dispatch(fetchAccountList());\n\t\tconst invoiceId = this.props.match.params.invoice || null\n\t\tconst displayName = this.props.invoiceInfo._invoiceObj.displayName || null\n const displayInvoiceId = this.props.invoiceInfo._invoiceObj.displayInvoiceId || null\n\t\tthis.props.dispatch(clearInvoiceRec())\n\t\tif (!validate(invoiceId, 'String')) {\n\t\t\tthis.bindInvoiceInfo(invoiceId,displayName,displayInvoiceId);\n\t\t\tthis.setState({ invoiceId: invoiceId, displayName: displayName, displayInvoiceId: displayInvoiceId, newInvoice: false, account_rate_planID: this.props.invoiceInfo._invoiceObj.accountRatePlanId })\n\t\t}\n\t}\n\tonFieldValueChange = (key, value) => {\n\t\tthis.setState({ [key]: value })\n\t}\n\tcomponentWillUnmount = () => {\n\t\tthis.props.dispatch(clearInvoiceRec())\n\t}\n\tgetFilesList = (fileName, fileList) => {\n\t\tconst { attachmentFiles } = this.state;\n\t\tattachmentFiles[fileName] = fileList\n\t\tthis.setState({\n\t\t\tattachmentFiles: attachmentFiles, attachment_Name: fileName\n\t\t});\n\t}\n\tgetFileType = (typeName) => {\n\t\tswitch (typeName) {\n\t\t\tcase 'attachment':\n\t\t\t\treturn 'attachments';\n\t\t\t\tbreak;\n\t\t\tcase 'coversheet':\n\t\t\t\treturn 'cover sheets';\n\t\t\t\tbreak;\n\t\t\tcase 'towsheet':\n\t\t\t\treturn 'tow sheets';\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\treturn '';\n\t\t}\n\t}\n\tuploadAttachments = async (typeName) => {\n\t\tconst { dispatch } = this.props\n\t\tconst { attachment_Name, attachmentFiles } = this.state;\n\t\tif (attachmentFiles[typeName].length < 1) {\n\t\t\talert(`Please upload ${this.getFileType(typeName)} file`);\n\t\t\treturn false;\n\t\t}\n\t\tfor (let i = 0; i < attachmentFiles[typeName].length; i++) {\n\t\t\tlet ext = attachmentFiles[typeName][i].name.split('.').pop().toLowerCase()\n\t\t\tif ((ext != \"pdf\") && (typeName === 'towsheet' || typeName === 'coversheet')) {\n\t\t\t\talert(\"Invalid file, File should be PDF only.\");\n\t\t\t\treturn false;\n\t\t\t}\n\t\t\tlet fileSize = attachmentFiles[typeName][i].size;\n\t\t\tif (fileSize > 3145728) {\n\t\t\t\talert('File size could not exceed 3mb !');\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\t\tconst formData = new FormData();\n\t\tfor (var i = 0; i < attachmentFiles[typeName].length; i++) {\n\t\t\tformData.append('attachImage', attachmentFiles[typeName][i]);\n\t\t}\n\t\tconst resp = await dispatch(uploadAttachments(attachment_Name, formData, this.state.invoiceId));\n\t\tif (resp.statusCode === 200) {\n\t\t\tthis.setState({\n\t\t\t\tattachmentFiles: {\n\t\t\t\t\tattachments: [], coversheets: [], towsheets: []\n\t\t\t\t}\n\t\t\t})\n\t\t\tnotify.createNotification('success', resp.statusMsg, this.props.refNotify);\n\t\t}\n\t\telse {\n\t\t\tnotify.createNotification('error', resp.statusMsg, this.props.refNotify);\n\t\t}\n\t}\n\n\t/*This function is used to get invoice info*/\n\tbindInvoiceInfo = async (invoiceId,displayName,displayInvoiceId) => {\n\t\tconst { dispatch } = this.props\n\t\tlet res = await dispatch(fetchInvoiceInfoById(invoiceId,displayName,displayInvoiceId));\n\t\tif (res.statusCode == 200)\n\t\t\tdispatch(fetchReQAccountInfo((res.response.accountId || 0), invoiceId, 'regular', true));\n\t\telse {\n\t\t\tnotify.createNotification('error', res.statusMsg, this.props.refNotify);\n\t\t}\n\t}\n\tValidateForm = (obj) => {\n\t\tif (obj == null)\n\t\t\treturn false;\n\t\tif ((obj.releaseName == '') || (obj.releaseTo == '') || (obj.releaseDate == null))\n\t\t\treturn false;\n\t\telse\n\t\t\treturn true;\n\t}\n\t/*function call to release invoice */\n\treleaseCurrentInvoice = async () => {\n\t\tconst { dispatch } = this.props;\n\t\tthis.setState({ isRelease: true });\n\t\tnewServiceCallForm.releaseform.validateAll();\n\t\tif (this.ValidateForm(this.props.invoiceInfo._invoiceObj.invoiceRelease || null)) {\n\t\t\tconst res = await dispatch(releaseInvoice())\n\t\t\tconst response = await dispatch(updateInvoice(this.props.invoiceInfo._invoiceObj.invoiceId));\n\t\t\tthis.setState({ invoiceObjChanged: false });\n\t\t\tif (res.statusCode === 200) {\n\t\t\t\tnotify.createNotification('success', res.statusMsg, this.props.refNotify);\n\t\t\t} else {\n\t\t\t\tnotify.createNotification('error', res.statusMsg, this.props.refNotify);\n\t\t\t}\n\t\t}\n\t}\n\t/*function call to reactive invoice */\n\treactivateInvoice = async () => {\n\t\tconst { dispatch,history } = this.props;\n\t\t\tconst res = await dispatch(reactivatedInvoice())\n\t\t\tif (res.statusCode === 200) {\n\t\t\t\tnotify.createNotification('success', res.statusMsg, this.props.refNotify);\n\t\t\t\thistory.push('/dispatch/dashboard')\n\t\t\t} else {\n\t\t\t\tnotify.createNotification('error', res.statusMsg, this.props.refNotify);\n\t\t\t}\n\t }\n\n\t/*function call to save invoice commission*/\n\tsaveInvoiceComm = async () => {\n\t\tconst { dispatch } = this.props\n\t\tconst res = await dispatch(saveInvoiceComm());\n\t\tif (res.statusCode === 200) {\n\t\t\tnotify.createNotification('success', res.statusMsg, this.props.refNotify);\n\t\t} else {\n\t\t\tnotify.createNotification('error', res.statusMsg, this.props.refNotify);\n\t\t}\n\t}\n\n\t/*function call to save invoice commission*/\n\tdeletePayments = async (id, invoice) => {\n\t\tconst { dispatch } = this.props\n\t\tconst res = await dispatch(deletePayments(id));\n\t\tif (res.statusCode === 200) {\n\t\t\tdispatch(fetchInvoiceInfoById(invoice));\n\t\t\tnotify.createNotification('success', res.statusMsg, this.props.refNotify);\n\t\t} else {\n\t\t\tnotify.createNotification('error', res.statusMsg, this.props.refNotify);\n\t\t}\n\t}\n\n\t/*function call to save invoice commission*/\n\taddUpdatePayments = async (invoice, obj) => {\n\t\tconst { dispatch } = this.props;\n\t\tconst res = await dispatch(addUpdatePayment(invoice, obj));\n\t\tif (res.statusCode === 200) {\n\t\t\tdispatch(fetchInvoiceInfoById(invoice));\n\t\t\tnotify.createNotification('success', res.statusMsg, this.props.refNotify);\n\t\t} else {\n\t\t\tnotify.createNotification('error', res.statusMsg, this.props.refNotify);\n\t\t}\n\t}\n\n\t/*function call to save invoice review*/\n\treviewInvoice = async () => {\n\t\tconst { dispatch } = this.props\n\t\tconst res = await dispatch(reviewInvoice());\n\t\tif (res.statusCode === 200) {\n\t\t\tnotify.createNotification('success', res.statusMsg, this.props.refNotify);\n\t\t} else {\n\t\t\tnotify.createNotification('error', res.statusMsg, this.props.refNotify);\n\t\t}\n\t}\n\n\t/*function call to release invoice */\n\treturnCurrentInvoice = async () => {\n\t\tconst { dispatch } = this.props\n\t\tthis.setState({ isRelease: false })\n\t\tconst res = await dispatch(returnToStorage());\n\t\tconst response = await dispatch(updateInvoice(this.props.invoiceInfo._invoiceObj.invoiceId));\n\t\tthis.setState({ invoiceObjChanged: false });\n\t\tif (res.statusCode === 200) {\n\t\t\tnotify.createNotification('success', res.statusMsg, this.props.refNotify);\n\t\t} else {\n\t\t\tnotify.createNotification('error', res.statusMsg, this.props.refNotify);\n\t\t}\n\t}\n\n\t/*function to get invoice calculation */\n\tgetInvoiceComm = async (isDefault) => {\n\t\tconst { dispatch } = this.props\n\t\tconst res = await dispatch(getInvoiceComm(isDefault));\n\t\tif (res.statusCode === 200) {\n\t\t\tnotify.createNotification('success', res.statusMsg, this.props.refNotify);\n\t\t} else {\n\t\t\tnotify.createNotification('error', res.statusMsg, this.props.refNotify);\n\t\t}\n\t}\n\n\t/*function call to delete auction */\n\tdeleteAuction = async () => {\n\t\tconst { dispatch } = this.props\n\t\tconst res = await dispatch(deleteAuction());\n\t\tif (res.statusCode === 200) {\n\t\t\tnotify.createNotification('success', res.statusMsg, this.props.refNotify);\n\t\t} else {\n\t\t\tnotify.createNotification('error', res.statusMsg, this.props.refNotify);\n\t\t}\n\t}\n\n\t/*function call to add or update auction invoice*/\n\taddUpdateAuction = async () => {\n\t\tconst { dispatch } = this.props\n\t\tconst res = await dispatch(addUpdateAuction());\n\t\tif (res.statusCode === 200) {\n\t\t\tnotify.createNotification('success', res.statusMsg, this.props.refNotify);\n\t\t} else {\n\t\t\tnotify.createNotification('error', res.statusMsg, this.props.refNotify);\n\t\t}\n\t}\n\t/** this method is used to print/Email Receipt*/\n\tprintInvoiceDetails = async () => {\n\t\tlet _status = (this.state.modalTypeVal === 'print' ? false : true);\n\t\tconst { dispatch } = this.props\n\t\tconst res = await dispatch(printoremailReceipt(this.props.invoiceInfo._invoiceObj.invoiceId, _status));\n\t\tif (res.statusCode === 200) {\n\t\t\tdispatch(clearPrintEmailInvoice());\n\t\t\tthis.setState({ printModalIsOpen: false });\n\t\t\tnotify.createNotification('success', res.statusMsg, this.props.refNotify);\n\t\t} else if (res.status === 200) {\n\t\t\tdispatch(clearPrintEmailInvoice());\n\t\t\tthis.setState({ printModalIsOpen: false });\n\t\t\tlet blob = new Blob([res.data], { type: \"application/pdf\" }),\n\t\t\t\turl = window.URL.createObjectURL(blob);\n\t\t\twindow.open(url, \"_blank\");\n\t\t} else {\n\t\t\tthis.setState({ printModalIsOpen: false });\n\t\t\tdispatch(clearPrintEmailInvoice());\n\t\t\tnotify.createNotification('error', res.errorMsg, this.props.refNotify);\n\t\t}\n\t}\n\tprintoremailReceipts = async (val) => {\n\t\tconst { dispatch } = this.props;\n\t\tconst res = await dispatch(clearPrintEmailInvoice());\n\t\tthis.setState({ printModalIsOpen: true, modalTypeVal: val, otherEmail: false });\n\t}\n\t/** this method is used to Add/update current available invoice in edit mode*/\n\taddUpdateInvoice = async () => {\n\t\tconst { dispatch, history } = this.props;\n\t\tconst { serviceCallInfo } = this.props.invoiceInfo._invoiceObj || {};\n\t\t\n\t\t// Validate forms\n\t\tnewServiceCallForm.frmNewServiceCallInfo.validateAll();\n\t\tnewServiceCallForm.frmPickAddressEntry.validateAll();\n\t\t\n\t\tif (!(isManagement())) {\n\t\t newServiceCallForm.frmDropAddressEntry.validateAll();\n\t\t}\n\t\t\n\t\t// Validate swapout location if applicable\n\t\tif (serviceCallInfo.serviceCallType === 'swapout' && !(isManagement())) {\n\t\t if (newServiceCallForm.frmSwapoutAddressEntry) {\n\t\t\tnewServiceCallForm.frmSwapoutAddressEntry.validateAll();\n\t\t }\n\t\t}\n\t\t\n\t\tnewServiceCallForm.frmNewVehicleInfo.validateAll();\n\t\tnewServiceCallForm.frmNewBillingInfo.validateAll();\n\t\t\n\t\tif (!isValidForm(newServiceCallForm.frmNewServiceCallInfo)) {\n\t\t this.setState({ tabKey: newServiceCallTabs.TB_SERVICE_CALL_INFO });\n\t\t} else if (!isValidForm(newServiceCallForm.frmPickAddressEntry)) {\n\t\t this.setState({ tabKey: newServiceCallTabs.TB_SERVICE_CALL_INFO });\n\t\t} else if (!(isManagement()) && !isValidForm(newServiceCallForm.frmDropAddressEntry)) {\n\t\t this.setState({ tabKey: newServiceCallTabs.TB_SERVICE_CALL_INFO });\n\t\t} else if (serviceCallInfo.serviceCallType === 'swapout' && \n\t\t\t\t !(isManagement()) && \n\t\t\t\t !isValidForm(newServiceCallForm.frmSwapoutAddressEntry)) {\n\t\t this.setState({ tabKey: newServiceCallTabs.TB_SERVICE_CALL_INFO });\n\t\t} else if (!isValidForm(newServiceCallForm.frmNewVehicleInfo)) {\n\t\t this.setState({ tabKey: newServiceCallTabs.TB_VEHICLE_INFO });\n\t\t} else if (!isValidForm(newServiceCallForm.frmNewBillingInfo)) {\n\t\t this.setState({ tabKey: newServiceCallTabs.TB_BILLING });\n\t\t} else {\n\t\t\tif (this.props.invoiceInfo._invoiceObj.invoiceId || '' !== '') {\n\t\t\t\tconst res = await dispatch(updateInvoice(this.props.invoiceInfo._invoiceObj.invoiceId));\n\t\t\t\tif (res.statusCode === 200) {\n\t\t\t\t\tthis.setState({\n\t\t\t\t\t\tinvoiceId: res.response.invoiceId,\n\t\t\t\t\t\tduplicateInvoiceIds: res.response.duplicateInvoiceIds || [],\n\t\t\t\t\t\toriginalInvoiceId: res.response.originalInvoiceId,\n\t\t\t\t\t\tinvoicemsg: res.statusMsg, showInvoiceModel: true,\n\t\t\t\t\t\tnewInvoice: false\n\t\t\t\t\t})\n\t\t\t\t} else {\n\t\t\t\t\tnotify.createNotification('error', res.statusMsg, this.props.refNotify);\n\t\t\t\t}\n\t\t\t}\n\t\t\telse {\n\t\t\t\tconst res = await dispatch(AddInvoice());\n\t\t\t\tif (res.statusCode === 200) {\n\t\t\t\t\tthis.setState({\n\t\t\t\t\t\tinvoiceId: res.response.invoiceId,\n\t\t\t\t\t\toriginalInvoiceId: res.response.originalInvoiceId,\n\t\t\t\t\t\tduplicateInvoiceIds: res.response.duplicateInvoiceIds || [],\n\t\t\t\t\t\tinvoicemsg: res.statusMsg,\n\t\t\t\t\t\tshowInvoiceModel: true, newInvoice: true\n\t\t\t\t\t})\n\t\t\t\t} else {\n\t\t\t\t\tnotify.createNotification('error', res.statusMsg, this.props.refNotify);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t/*function call to updatedDisplayName */\n\t\tupdatedDisplayName = async (invoiceId, displayName) => {\n\t\t\t\tconst { dispatch,history } = this.props;\n\t\t\t\t\tconst res = await dispatch(displayNameUpdate(invoiceId, displayName))\n\t\t\t\t\tconsole.log(\"res::\",res);\n\t\t\t\t\tnotify.createNotification('success', res, this.props.refNotify);\n\t\t\t\t\thistory.push('/dispatch/dashboard')\n\t\t\t\t}\n\tdeleteNotes = async (notesId) => {\n\t\tconst { dispatch } = this.props;\n\t\tconst res = await dispatch(deleteNotes(this.state.invoiceId, notesId));\n\t\tif (res.statusCode === 200) {\n\t\t\tthis.setState({ deleteNotesIsOpen: false });\n\t\t\tnotify.createNotification('success', res.statusMsg, this.props.refNotify);\n\t\t} else {\n\t\t\tthis.setState({ deleteNotesIsOpen: false });\n\t\t\tnotify.createNotification('error', res.statusMsg, this.props.refNotify);\n\t\t}\n\t}\n\tdeleteAttachment = async (type, id) => {\n\t\tconst { dispatch } = this.props;\n\t\tconst res = await dispatch(deleteAttachments(this.state.invoiceId, type, id));\n\t\tif (res.statusCode === 200) {\n\t\t\tthis.setState({ deleteAttachmentIsOpen: false });\n\t\t\tnotify.createNotification('success', res.statusMsg, this.props.refNotify);\n\t\t} else {\n\t\t\tthis.setState({ deleteAttachmentIsOpen: false });\n\t\t\tnotify.createNotification('error', res.statusMsg, this.props.refNotify);\n\t\t}\n\t}\n\taddUserNotes = async (val, text) => {\n\t\tconst { dispatch } = this.props;\n\t\tconst res = await dispatch(addUserNotes(this.state.invoiceId, val, text));\n\t\tif (res.statusCode === 200) {\n\t\t\tthis.setState({ userNotes: '', notesText: '', editNotesIsOpen: false });\n\t\t\tnotify.createNotification('success', res.statusMsg, this.props.refNotify);\n\t\t} else {\n\t\t\tthis.setState({ userNotes: '', notesText: '', editNotesIsOpen: false });\n\t\t\tnotify.createNotification('error', res.statusMsg, this.props.refNotify);\n\t\t}\n\t}\n\n\tvalidateVinNum = async (vinNo) => {\n\t\tconst { dispatch } = this.props;\n\t\tconst res = await dispatch(validateVin(vinNo));\n\t\tif (res.statusCode === 200) {\n\t\t\tnotify.createNotification('success', res.statusMsg, this.props.refNotify);\n\t\t} else {\n\t\t\tnotify.createNotification('error', res.statusMsg, this.props.refNotify);\n\t\t}\n\t}\n\tgetVehicleDetails = async (vinNo) => {\n\t\tconst { dispatch } = this.props;\n\t\tconst res = await dispatch(getVehicleDetails(vinNo));\n\t}\n\n\tserviceCallInfoFieldChange = (objName, key, value) => {\n\t\tthis.setState({ invoiceObjChanged: true });\n\t\tthis.props.dispatch(serviceCallInfoFieldChange(objName, key, value));\n\t}\n\n\t// In addServiceCall.jsx, update the changeLocation method\nchangeLocation = (type, key, addObj) => {\n\tconst { dispatch } = this.props;\n\tdispatch(changeLocation(type, key, addObj));\n\t\n\t// If this is the swapout location or any location for a swapout type, we need to recalculate mileage\n\tconst serviceType = this.props.invoiceInfo._invoiceObj.serviceCallInfo.serviceCallType;\n\tif (type === 'swapout' || \n\t\t(serviceType === 'swapout' && (type === 'pickUp' || type === 'dropOff'))) {\n\t this.setState({ addChanged: true });\n\t} else {\n\t this.setState({ addChanged: false });\n\t}\n }\n\treloadCall = () => {\n\t\tthis.props.history.push(\"serviceCallInfo\");\n\t}\n\tgetFilteredPermission = (obj, key) => {\n\t\tlet permissionObj = obj.find(item => item.pageName == key);\n\t\tif (permissionObj) {\n\t\t\treturn permissionObj.basicAccess;\n\t\t}\n\t\treturn defaultAccess;\n\t}\n\tpermissionByPage = (obj, key, page) => {\n\t\tlet permissionObj = obj.find(item => item.pageName == key);\n\t\tif (permissionObj) {\n\t\t\treturn permissionObj.pageLvlAccess[page] || defaultAccess;\n\t\t}\n\t\treturn defaultAccess;\n\t}\n\tfetchReQAccountInfo = async (accountId, invoiceId, callType, status) => {\n\t\tconst { dispatch } = this.props;\n\t\tconst res = await dispatch(fetchReQAccountInfo(accountId, invoiceId, callType, status));\n\t\t\n\t\t// If this is a new invoice and an account is selected, load the account tax settings\n\t\tif (accountId && (!this.state.invoiceId || this.state.invoiceId === '')) {\n\t\t try {\n\t\t\t// Get account tax settings from your API\n\t\t\tconst taxSettingsResponse = await dispatch(getAccountTaxSettings(accountId));\n\t\t\t\n\t\t\tif (taxSettingsResponse && taxSettingsResponse.statusCode === 200) {\n\t\t\t \n\t\t\t this.props.dispatch(serviceCallInfoFieldChange(\n\t\t\t\t\"invoiceBilling\", \n\t\t\t\t\"taxSettings\", \n\t\t\t\ttaxSettingsResponse.resp.accountTaxSettings\n\t\t\t ));\n\t\t\t}\n\t\t } catch (error) {\n\t\t\tconsole.error(\"Error loading account tax settings:\", error);\n\t\t }\n\t\t}\n\t\t\n\t\tthis.setState({ cashOnly: res });\n\t }\n\tcloseprintModal = () => {\n\t\tconst { dispatch } = this.props;\n\t\tdispatch(clearPrintEmailInvoice());\n\t\tthis.setState({ printModalIsOpen: false })\n\t}\n\tcloseAccountNotesListModal = () => {\n\t\tthis.setState({ openAccountNotesList: false })\n\t}\n\tcloseRatePlanDataModal = () => {\n\t\tthis.setState({ openRatePlanData: false })\n\t}\n\timageModalOpen(e, status, imageUrl) {\n\t\te.preventDefault();\n\t\tif (!status) {\n\t\t\twindow.open(imageUrl.attachmentPath, '_blank')\n\t\t}\n\t}\n\tsaveAttachmentsforPrint(obj, e, type) {\n\t\tlet status = e.target.checked;\n\t\tconst { dispatch } = this.props;\n\t\tdispatch(savePrintEmailInvoice(obj, type, status));\n\t}\n\temailUploadAttachment = async () => {\n\t\tif (this.state.base64Data.length > 0) {\n\t\t\tlet base64 = await toBase64(this.state.base64Data[0]);\n\t\t\tlet base64_string = base64.split(',')[1];\n\t\t\tlet _type = base64.split(',')[0];\n\t\t\tlet ext_type = _type.split(';base64')[0].split('/')[1]\n\t\t\tthis.saveEmailInfo('base64Data', base64_string, ext_type)\n\t\t} else {\n\t\t\tnotify.createNotification('error', 'Please upload attachment file', this.props.refNotify);\n\t\t}\n\t}\n\tsaveEmailInfo(name, value, ext) {\n\t\tconst { dispatch } = this.props;\n\t\tdispatch(saveEmailInvoice(name, value, ext));\n\t}\n\tgetEmailAttachedFile = (fileName, fileList) => {\n\t\tthis.setState({ [fileName]: fileList })\n\t}\n\thandleAccountNotesListOpen = (e) => {\n\t\te.preventDefault();\n\t\tthis.setState({ openAccountNotesList: true });\n\t\tconst { dispatch } = this.props;\n\t\tdispatch(getRatePlanById(this.props.invoiceInfo._invoiceObj.accountRatePlanId));\n\t}\n\tgetRatePlanChange = (e) => {\n\t\te.preventDefault();\n\t\tlet _arpId = e.target.value;\n\t\tthis.setState({ account_rate_planID: _arpId });\n\t\tconst { dispatch } = this.props;\n\t\tdispatch(getRatePlanById(_arpId));\n\t}\n\thandleRatePlanListOpen = (e) => {\n\t\te.preventDefault();\n\t\tthis.setState({ openRatePlanData: true });\n\t\tconst { dispatch } = this.props;\n\t\tdispatch(getRatePlanById(this.props.invoiceInfo._invoiceObj.accountRatePlanId));\n\t}\n\t// Add these handler methods to the addServiceCall component\n\nhandleTaxToggle = (chargeType) => {\n\tconst { _invoiceObj } = this.props.invoiceInfo;\n\tconst { invoiceBilling } = _invoiceObj;\n\t\n\t// Initialize tax settings if they don't exist\n\tif (!invoiceBilling.taxSettings) {\n\t invoiceBilling.taxSettings = {};\n\t}\n\t\n\t// Initialize charge tax settings if they don't exist\n\tif (!invoiceBilling.taxSettings[chargeType]) {\n\t invoiceBilling.taxSettings[chargeType] = {\n\t\tisTaxable: false,\n\t\ttaxRate: _invoiceObj.defaultTaxRate || 8.9\n\t };\n\t}\n\t\n\t// Toggle the taxable status\n\tinvoiceBilling.taxSettings[chargeType].isTaxable = !invoiceBilling.taxSettings[chargeType].isTaxable;\n\t\n\t// If turned on, set default rate\n\tif (invoiceBilling.taxSettings[chargeType].isTaxable && \n\t\t(!invoiceBilling.taxSettings[chargeType].taxRate || invoiceBilling.taxSettings[chargeType].taxRate === 0)) {\n\t invoiceBilling.taxSettings[chargeType].taxRate = _invoiceObj.defaultTaxRate || 8.9;\n\t}\n\t\n\t// Update the state\n\tthis.serviceCallInfoFieldChange(\"invoiceBilling\", \"taxSettings\", invoiceBilling.taxSettings);\n\t\n\t// Force recalculation of tax\n\tif (this.billingComponent) {\n\t this.billingComponent.calculateTax();\n\t}\n }\n \n handleTaxRate = (chargeType, rate) => {\n\tconst { _invoiceObj } = this.props.invoiceInfo;\n\tconst { invoiceBilling } = _invoiceObj;\n\t\n\t// Initialize tax settings if they don't exist\n\tif (!invoiceBilling.taxSettings) {\n\t invoiceBilling.taxSettings = {};\n\t}\n\t\n\t// Initialize charge tax settings if they don't exist\n\tif (!invoiceBilling.taxSettings[chargeType]) {\n\t invoiceBilling.taxSettings[chargeType] = {\n\t\tisTaxable: false,\n\t\ttaxRate: _invoiceObj.defaultTaxRate || 8.9\n\t };\n\t}\n\t\n\t// Update the tax rate\n\tinvoiceBilling.taxSettings[chargeType].taxRate = rate;\n\t\n\t// Update the state\n\tthis.serviceCallInfoFieldChange(\"invoiceBilling\", \"taxSettings\", invoiceBilling.taxSettings);\n\t\n\t// Force recalculation of tax\n\tif (this.billingComponent) {\n\t this.billingComponent.calculateTax();\n\t}\n }\n \n // Add handler for custom charges\n handleCustomChargeTaxToggle = (index) => {\n\tconst { _invoiceObj } = this.props.invoiceInfo;\n\tconst { invoiceBilling } = _invoiceObj;\n\t\n\t// Initialize tax settings if they don't exist\n\tif (!invoiceBilling.taxSettings) {\n\t invoiceBilling.taxSettings = {};\n\t}\n\t\n\t// Initialize custom charges array if it doesn't exist\n\tif (!invoiceBilling.taxSettings.customCharges) {\n\t invoiceBilling.taxSettings.customCharges = [];\n\t}\n\t\n\t// Ensure the array has enough elements\n\twhile (invoiceBilling.taxSettings.customCharges.length <= index) {\n\t invoiceBilling.taxSettings.customCharges.push({\n\t\tisTaxable: false,\n\t\ttaxRate: _invoiceObj.defaultTaxRate || 8.9\n\t });\n\t}\n\t\n\t// Toggle the taxable status\n\tinvoiceBilling.taxSettings.customCharges[index].isTaxable = !invoiceBilling.taxSettings.customCharges[index].isTaxable;\n\t\n\t// If turned on, set default rate\n\tif (invoiceBilling.taxSettings.customCharges[index].isTaxable && \n\t\t(!invoiceBilling.taxSettings.customCharges[index].taxRate || invoiceBilling.taxSettings.customCharges[index].taxRate === 0)) {\n\t invoiceBilling.taxSettings.customCharges[index].taxRate = _invoiceObj.defaultTaxRate || 8.9;\n\t}\n\t\n\t// Update the state\n\tthis.serviceCallInfoFieldChange(\"invoiceBilling\", \"taxSettings\", invoiceBilling.taxSettings);\n\t\n\t// Force recalculation of tax\n\tif (this.billingComponent) {\n\t this.billingComponent.calculateTax();\n\t}\n }\n \n handleCustomChargeTaxRate = (index, rate) => {\n\tconst { _invoiceObj } = this.props.invoiceInfo;\n\tconst { invoiceBilling } = _invoiceObj;\n\t\n\t// Initialize tax settings if they don't exist\n\tif (!invoiceBilling.taxSettings) {\n\t invoiceBilling.taxSettings = {};\n\t}\n\t\n\t// Initialize custom charges array if it doesn't exist\n\tif (!invoiceBilling.taxSettings.customCharges) {\n\t invoiceBilling.taxSettings.customCharges = [];\n\t}\n\t\n\t// Ensure the array has enough elements\n\twhile (invoiceBilling.taxSettings.customCharges.length <= index) {\n\t invoiceBilling.taxSettings.customCharges.push({\n\t\tisTaxable: false,\n\t\ttaxRate: _invoiceObj.defaultTaxRate || 8.9\n\t });\n\t}\n\t\n\t// Update the tax rate\n\tinvoiceBilling.taxSettings.customCharges[index].taxRate = rate;\n\t\n\t// Update the state\n\tthis.serviceCallInfoFieldChange(\"invoiceBilling\", \"taxSettings\", invoiceBilling.taxSettings);\n\t\n\t// Force recalculation of tax\n\tif (this.billingComponent) {\n\t this.billingComponent.calculateTax();\n\t}\n }\n\trender() {\n\t\tconst { _invoiceObj, accountReqData, printEmailReceipt, ratePlanInfoDetails } = this.props.invoiceInfo || {};\n\t\tconst { serviceCallInfo, invoiceBilling, invoiceVehicle, eligibilityStatus } = _invoiceObj || {};\n\t\tdocument.title = (this.state.invoiceId || '') !== '' ? _invoiceObj.displayInvoiceId : pageTitle;\n\t\tconst invoicePermission = getAccessLevelsByModuleName('Invoice screen');\n\t\tconst { invoiceNotes } = _invoiceObj || [];\n\t\tconst { invoiceAttachments } = _invoiceObj || [];\n\t\tconst { vendorAttachments } = _invoiceObj || [];\n\t\tconst _attachments = invoiceAttachments.concat(vendorAttachments);\n\t\tconst from_Emails = ['noreply@allcitytowing.com'];\n\t\tfrom_Emails.push(accountReqData.billingReportEmail);\n\t\tfrom_Emails.push(this.props.authInfo.userDetails.userEmail);\n\t\tconst to_Emails = [];\n\t\tlet _count = 0;\n\t\tif ((accountReqData.billingContacts || []).length > 0) {\n\t\t\taccountReqData.billingContacts.map((item, index) => {\n\t\t\t\tif (item.defaultEmailId === 1) {\n\t\t\t\t\tto_Emails.push({\n\t\t\t\t\t\toptionTxt: `Primary Billing Conatct: ${item.billing_Contact_EmailId}`,\n\t\t\t\t\t\toptionVal: item.billing_Contact_EmailId\n\t\t\t\t\t})\n\t\t\t\t} else {\n\t\t\t\t\t_count++;\n\t\t\t\t\tto_Emails.push({\n\t\t\t\t\t\toptionTxt: `Billing Contact${_count}: ${item.billing_Contact_EmailId}`,\n\t\t\t\t\t\toptionVal: item.billing_Contact_EmailId\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t})\n\t\t}\n\t\tif (_invoiceObj.serviceCallInfo.callerEmailId || '' !== '') {\n\t\t\tto_Emails.push({\n\t\t\t\toptionTxt: `Caller: ${_invoiceObj.serviceCallInfo.callerEmailId}`,\n\t\t\t\toptionVal: _invoiceObj.serviceCallInfo.callerEmailId\n\t\t\t})\n\t\t}\n\t\tif (this.props.authInfo.userDetails.userEmail || '' !== '') {\n\t\t\tto_Emails.push({\n\t\t\t\toptionTxt: `Self: ${this.props.authInfo.userDetails.userEmail}`,\n\t\t\t\toptionVal: this.props.authInfo.userDetails.userEmail\n\t\t\t})\n\t\t}\n\t\tto_Emails.push({\n\t\t\toptionTxt: 'Other',\n\t\t\toptionVal: 'Other'\n\t\t})\n\n\t\tconst attachment_columns = [\n\t\t\t{\n\t\t\t\taccessor: 'select',\n\t\t\t\tHeader: 'Select',\n\t\t\t\tfilterable: false,\n\t\t\t\twidth: 200,\n\t\t\t\tstyle: { textAlign: 'center' },\n\t\t\t\tCell: (row) => {\n\t\t\t\t\treturn
this.saveAttachmentsforPrint(row.original, e, 'attachments')} />
;\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\taccessor: 'attachmentName',\n\t\t\t\tHeader: 'Attachment Name',\n\t\t\t\tstyle: { textAlign: 'center' },\n\t\t\t\tCell: (row) => {\n\t\t\t\t\tlet status = row.original.attachmentName.split('.').pop().toLowerCase() === 'xls' ||\n\t\t\t\t\t\trow.original.attachmentName.split('.').pop().toLowerCase() === 'xlsx';\n\t\t\t\t\treturn (
)\n\t\t\t\t}\n\t\t\t}]\n\t\tconst userNotes = invoiceNotes.filter((item) => item.notes_indicator === 0);\n\t\tconst sysNotes = invoiceNotes.filter((item) => item.notes_indicator === 1);\n\t\tconst notes_columns = [\n\t\t\t{\n\t\t\t\taccessor: 'select',\n\t\t\t\tHeader: 'Select',\n\t\t\t\tfilterable: false,\n\t\t\t\twidth: 200,\n\t\t\t\tstyle: { textAlign: 'center' },\n\t\t\t\tCell: (row) => {\n\t\t\t\t\treturn
this.saveAttachmentsforPrint(row.original, e, 'notes')} />
;\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\tHeader: 'User Id',\n\t\t\t\taccessor: 'userId'\n\t\t\t},\n\t\t\t{\n\t\t\t\tHeader: 'Date',\n\t\t\t\taccessor: 'createdDate'\n\t\t\t},\n\t\t\t{\n\t\t\t\tHeader: 'Time',\n\t\t\t\taccessor: 'createdTime'\n\t\t\t},\n\t\t\t{\n\t\t\t\tHeader: 'Notes',\n\t\t\t\taccessor: 'notesText'\n\t\t\t}];\n\t\treturn (\n\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\t { this.props.dispatch(serviceCallInfoFieldChange(objName, key, value)) }} />\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
{this.state.invoiceId || '' !== '' ? _invoiceObj.displayInvoiceId : pageTitle}
\n\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.state.invoiceId || '' !== '' ? : null}\n\t\t\t\t\t\t\t{this.state.invoiceId || '' !== '' ? : null}\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
CASH ONLY
\n\t\t\t\t\t\t
IN STORAGE
\n\t\t\t\t\t\t
CANCELLD
\n\t\t\t\t\t\t
POLICE HOLD
\n\t\t\t\t\t\t
IN PROGRESS
\n\t\t\t\t\t\t
UNVERIFIED
\n\t\t\t\t\t\t{(((_invoiceObj.invoiceTitleProcess || '') !== '') && ((_invoiceObj.invoiceTitleProcess.avrDate || '') !== '') && ((_invoiceObj.invoiceTitleProcess.titleDate || '') !== '') && ((_invoiceObj.invoiceTitleProcess.transAuthDate || '') !== '')) ?\n\t\t\t\t\t\t\t
TITLED
: null\n\t\t\t\t\t\t}\n\t\t\t\t\t\t{/*
TWOBACK
*/}\n\t\t\t\t\t\t
REHOOK
\n\t\t\t\t\t\t
REHOOK
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t Service Call Info }>\n\t\t\t\t\t\t\t { this.serviceCallInfoFieldChange(objName, key, value) }}\n\t\t\t\t\t\t\t\tonAddressChange={(type, key, addObj) => { this.changeLocation(type, key, addObj) }}\n\t\t\t\t\t\t\t\tselectCallerInfo={(name) => { this.props.dispatch(selectCallerInfoByCallerName(name)) }}\n\t\t\t\t\t\t\t\treviewLocation={this.props.reviewLocation} accountBasicInfo={this.props.accountBasicInfo}\n\t\t\t\t\t\t\t\tdefaultInvoiceInfo={() => { this.props.dispatch(defaultInvoiceInfo()) }} reloadCall={this.reloadCall}\n\t\t\t\t\t\t\t\thandleSubInvoice={(type, accountId) => { this.props.dispatch(handleSubInvoice(type, accountId)) }}\n\t\t\t\t\t\t\t\tfetchAccountByType={(type) => { this.props.dispatch(fetchAccountByType(type)) }}\n\t\t\t\t\t\t\t\tinvoicePermission={this.getFilteredPermission(invoicePermission, 'Service Call Info Tab')}\n\t\t\t\t\t\t\t\thandleAHRInvoice={(type,ahrType, gateFeeFloat)=>{this.props.dispatch(handleAHRInvoice(type,ahrType, gateFeeFloat))}}\n\t\t\t\t\t\t\t\treCalMileage={() => {\n\t\t\t\t\t\t\t\t\tif (((_invoiceObj.invoiceId || '') != '') && this.state.addChanged)\n\t\t\t\t\t\t\t\t\t\tthis.setState({ addresModel: true })\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tfetchReQAccountInfo={(accountId, invoiceId, callType, status) => {\n\t\t\t\t\t\t\t\t\tthis.fetchReQAccountInfo(accountId, invoiceId, callType, status);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tupdatedDisplayName={(invoiceId,displayName)=>{\n\t\t\t\t\t\t\t\t\tthis.updatedDisplayName(invoiceId,displayName);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tinvoiceInfo={this.props.invoiceInfo} allStates={this.props.allStates}\n\t\t\t\t\t\t\t\tinitCallBack={(frm) => {\n\t\t\t\t\t\t\t\t\tnewServiceCallForm.frmNewServiceCallInfo = frm;\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tinitPickAddressCallBack={(frm) => {\n\t\t\t\t\t\t\t\t\tnewServiceCallForm.frmPickAddressEntry = frm;\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tinitDropAddressCallBack={(frm) => {\n\t\t\t\t\t\t\t\t\tif (isManagement()) {\n\t\t\t\t\t\t\t\t\t\tnewServiceCallForm.frmDropAddressEntry = {};\n\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\tnewServiceCallForm.frmDropAddressEntry = frm;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t initSwapoutAddressCallBack={(frm) => {\n\t\t\t\t\t\t\t\t\tnewServiceCallForm.frmSwapoutAddressEntry = frm;\n\t\t\t\t\t\t\t\t }}\n\t\t\t\t\t\t\t\tisManagement={isManagement()}\n\t\t\t\t\t\t\t\thandleAccountNotesListOpen={(e) => this.handleAccountNotesListOpen(e)}\n\t\t\t\t\t\t\t\thandleRatePlanListOpen={(e) => this.handleRatePlanListOpen(e)} />\n\t\t\t\t\t\t\n\t\t\t\t\t\tVehicle Info}>\n\t\t\t\t\t\t\t { this.serviceCallInfoFieldChange(objName, key, value) }}\n\t\t\t\t\t\t\t\tvalidateVinNum={(vinNo) => this.validateVinNum(vinNo)} vinDetals={this.props.vinDetals}\n\t\t\t\t\t\t\t\tgetVehicleDetails={(vinNo) => this.getVehicleDetails(vinNo)}\n\t\t\t\t\t\t\t\tinvoicePermission={this.getFilteredPermission(invoicePermission, 'Vehicle Info Tab')}\n\t\t\t\t\t\t\t\tinitCallBack={(frm) => {\n\t\t\t\t\t\t\t\t\tnewServiceCallForm.frmNewVehicleInfo = frm;\n\t\t\t\t\t\t\t\t}} />\n\t\t\t\t\t\t\n\t\t\t\t\t\t Billing } >\n\t\t\t\t\t\t { this.billingComponent = component; }}\n serviceCallInfoFieldChange={(objName, key, value) => { this.serviceCallInfoFieldChange(objName, key, value) }}\n mileageManualCal={(key, value) => { this.props.dispatch(mileageManualCal(key, value)) }}\n handleCharge={(key, value) => { this.props.dispatch(handleCharge(key, value)); this.setState({ invoiceObjChanged: true }) }}\n handleTaxToggle={(chargeType) => this.handleTaxToggle(chargeType)}\n handleTaxRate={(chargeType, rate) => this.handleTaxRate(chargeType, rate)}\n handleCustomChargeTaxToggle={(index) => this.handleCustomChargeTaxToggle(index)}\n handleCustomChargeTaxRate={(index, rate) => this.handleCustomChargeTaxRate(index, rate)}\n addCutomCharge={() => { this.props.dispatch(addCutomCharge()) }}\n getInvoiceComm={(isDefault) => { this.getInvoiceComm(isDefault) }}\n calculateComm={(key, value) => { this.props.dispatch(calculateComm(key, value)) }}\n saveInvoiceComm={this.saveInvoiceComm}\n fetchInvoiceInfoById={(invoice) => (this.props.dispatch(fetchInvoiceInfoById(invoice)))}\n manipulateCustomCharge={(index1, index2, value) => { this.props.dispatch(manipulateCustomCharge(index1, index2, value)) }}\n deleteCustomCharge={(index) => { this.props.dispatch(deleteCustomCharge(index)) }}\n onAddressChange={(type, key, addObj) => { this.props.dispatch(changeLocation(type, key, addObj)) }}\n selectCallerInfo={(name) => { this.props.dispatch(selectCallerInfoByCallerName(name)) }}\n reviewLocation={this.props.reviewLocation}\n accountBasicInfo={this.props.accountBasicInfo}\n setReview={() => { this.setState({ reviewModel: true }) }}\n fetchReQAccountInfo={(accountId, invoiceId, callType, status) => { this.props.dispatch(fetchReQAccountInfo(accountId, invoiceId, callType, status)) }}\n invoiceInfo={this.props.invoiceInfo}\n allStates={this.props.allStates}\n lockaccess={this.permissionByPage(invoicePermission, 'Billing', 'INVOICE UN/LOCK')}\n commissionaccess={this.permissionByPage(invoicePermission, 'Billing', 'Commission')}\n paymentAccess={this.permissionByPage(invoicePermission, 'Billing', 'Payment')}\n invoicePermission={this.getFilteredPermission(invoicePermission, 'Billing')}\n addUpdatePayments={(invoiceId, obj) => this.addUpdatePayments(invoiceId, obj)}\n deletePayments={(id, invoice) => { this.deletePayments(id, invoice) }}\n onCancelPayment={(id)=>{this.props.dispatch(cancelPayment(id))}}\n updateInvoiceBilling={(hrs, invoiceId, amount) => { this.props.dispatch(updateInvoiceBilling(hrs, invoiceId, amount)) }}\n initCallBack={(frm) => {newServiceCallForm.frmNewBillingInfo = frm;}} />\n\t\t\t\t\t\t\n\t\t\t\t\t\t Notes } >\n\t\t\t\t\t\t\t this.onFieldValueChange(name, value)}\n\t\t\t\t\t\t\t\taddUserNotes={(val, text) => this.addUserNotes(val, text)}\n\t\t\t\t\t\t\t\tinvoicePermission={this.getFilteredPermission(invoicePermission, 'Notes')}\n\t\t\t\t\t\t\t\tdeleteNotesModal={(notesObj) => this.deleteNotesModal(notesObj)}\n\t\t\t\t\t\t\t\teditNotesModal={(notesObj) => this.editNotesModal(notesObj)} />\n\t\t\t\t\t\t\n\t\t\t\t\t\t Attachment } >\n\t\t\t\t\t\t\t this.getFilesList(fileName, fileList)}\n\t\t\t\t\t\t\t\tuploadAttachments={(type) => this.uploadAttachments(type)}\n\t\t\t\t\t\t\t\tdeleteAttachmentModal={(type, attachId) => this.deleteAttachmentModal(type, attachId)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\n\t\t\t\t\t\t Release/Auction } >\n\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\tif (this.state.invoiceObjChanged)\n\t\t\t\t\t\t\t\t\t\tthis.setState({ releaseModel: true })\n\t\t\t\t\t\t\t\t\telse\n\t\t\t\t\t\t\t\t\t\tthis.releaseCurrentInvoice();\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\treturnCurrentInvoice={() => {\n\t\t\t\t\t\t\t\t\tif (this.state.invoiceObjChanged)\n\t\t\t\t\t\t\t\t\t\tthis.setState({ returnModel: true })\n\t\t\t\t\t\t\t\t\telse\n\t\t\t\t\t\t\t\t\t\tthis.returnCurrentInvoice();\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tinvoicePermission={this.getFilteredPermission(invoicePermission, 'Release/Auction')}\n\t\t\t\t\t\t\t\treleaseCallBack={(frm) => { newServiceCallForm.releaseform = frm; }} fileName={invoiceVehicle.aaFile}\n\t\t\t\t\t\t\t\tserviceCallInfoFieldChange={(objName, key, value) => { this.props.dispatch(serviceCallInfoFieldChange(objName, key, value)) }}\n\t\t\t\t\t\t\t\thandleTitleProcess={(key, value) => { this.props.dispatch(handleTitleProcess(key, value)) }}\n\t\t\t\t\t\t\t\thandleReleaseChange={(key, value) => { this.props.dispatch(handleReleaseChange(key, value)) }}\n\t\t\t\t\t\t\t\tdeleteAuction={this.deleteAuction} addUpdateAuction={this.addUpdateAuction}\n\t\t\t\t\t\t\t\thandleAuctionSelect={(id) => { this.props.dispatch(handleAuctionSelect(id)) }}\n\t\t\t\t\t\t\t\tstoragepermission={this.permissionByPage(invoicePermission, 'Release/Auction', 'Return To Storage')}\n\t\t\t\t\t\t\t\tinvoiceInfo={this.props.invoiceInfo} />\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
{'Are you sure you want to delete this attachment?'}
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\"{this.state.attachId.attachmentName}\"
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
{'Are you sure you want to delete this note?'}
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\"{this.state.notesText}\"
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{'Update User Note'}\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t{'Are you sure want to proceed with invoice changes ?'}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t{'Are you sure want to proceed with invoice changes ?'}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t{'Selected account is cash only'}\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
{'Invoice address is changed. Would you like to re-calculate mileage ?'}
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{'Review Invoice'}\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t{/*///////// Print or Email Modal /////////*/}\n\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
{this.state.modalTypeVal === 'print' ? 'Print Receipt' : 'Email Receipt'}
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t{/* Modal Window for Account Info Details..... */}\n\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{(this.props.invoiceInfo.accountList.find((e) => e.optionVal == (this.props.invoiceInfo._invoiceObj.accountId || '').toString()) || {}).optionText}\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
Billing Info
\n\t\t\t\t\t\t\t\t\t
Flags
\n\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t{accountReqData.accountingType !== null && accountReqData.accountingType !== '' && accountReqData.accountingType.toUpperCase() === 'CASH' ?\n\t\t\t\t\t\t\t\t\t\t\t
: accountReqData.isPORequiredDropOff === 1 ?\n\t\t\t\t\t\t\t\t\t\t\t\t
: accountReqData.isPORequired === 1 ?\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t: null}\n\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t
Physical Info
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
Account Rate Plan
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t{/*HOURLY */}\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{/* Mileage */}\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{/* STORAGE */}\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
Account Notes
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t| SL.NO | \n\t\t\t\t\t\t\t\t\t\t\tNotes Description | \n\t\t\t\t\t\t\t\t\t\t\tNotes Created Date | \n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{accountReqData.accountNotes.length > 0 && accountReqData.accountNotes.map((item, index) => {\n\t\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t\t| {index + 1} | {item.notes_Txt} | {item.notes_created_date} |
\n\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t{/* Modal Window for Account Rate Plan Details..... */}\n\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{'Rate Plan'}\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t{/* Modal Window for Payment Details..... */}\n\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{' Payment'}\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t{_invoiceObj.invoiceId || '' !== '' ? : null}\n\t\t\t\t\t\t{_invoiceObj.invoiceId || '' !== '' ? : null}\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t);\n\t}\n}\nconst mapStateToProps = (state, ownProps) => {\n\treturn {\n\t\tauthInfo: state.authInfo,\n\t\trefNotify: state.refNotify,\n\t\tallStates: state.states.stateList,\n\t\tlocationList: state.locationList.locationList,\n\t\treviewLocation: state.location.locationList,\n\t\taccountBasicInfo: state.accountList.accountBasicInfo,\n\t\tinvoiceInfo: state.invoiceInfo,\n\t\tvinDetals: state.invoiceInfo.vinDetailsList\n\t}\n};\n\nexport default withRouter(connect(mapStateToProps)(AddServiceCall));\n","import * as actionTypes from '../actionTypes';\nimport {moduleTypes, GlobalValues} from '../../util/constants';\nimport {getAccessToken} from '../authenticateActions'\nimport {getAxiosInstance} from '../../util/service';\nimport {store} from '../../store/configureStore';\nimport { getCompanyId } from '../../util/customMethods';\nimport moment from 'moment';\n\n\nexport const uploadAttachments=(name,formObject,invoiceId)=>{ \n return async (dispatch)=>{\n const _url=`invoice/${invoiceId}/attachments?attachmentType=${name}&access_token=${getAccessToken()}`\n try{\n const response= await getAxiosInstance(moduleTypes.DISPATCH).post(_url,formObject);\n if(response.status===200) { \n let _invoiceObj={}; \n let _attachmentList=[];\n let _attachmentVendorList=[];\n _attachmentList= (store.getState()).invoiceInfo._invoiceObj.invoiceAttachments;\n _attachmentVendorList= (store.getState()).invoiceInfo._invoiceObj.vendorAttachments;\n _invoiceObj=(store.getState()).invoiceInfo._invoiceObj;\n let list=response.data.response[0];\n if(name === 'towsheet'){\n _invoiceObj.vendorAttachments.push(list);\n }else{\n _invoiceObj.invoiceAttachments.push(list);\n }\n dispatch({\n type: actionTypes.GET_INVOICE_INFO,\n _invoiceObj:_invoiceObj\n })\n return response.data;\n } else{ \n // dispatch({\n // type: actionTypes.GET_INVOICE_SEARCH_LIST,\n // searchInvoiceList:[]\n // });\n return response.data;\n }\n }catch(ex){\n // dispatch({\n // type: actionTypes.GET_INVOICE_SEARCH_LIST,\n // searchInvoiceList:[]\n // })\n\n }\n }\n}\nexport const deleteAttachments=(invoiceId,name,id)=>{\n let _url=`invoice/${invoiceId}/attachment/${id}?attachmentType=${name}&access_token=${getAccessToken()}`;\n return async(dispatch)=>{\n // dispatch(spinnerActions.showSpinner());\n try{\n const response=await getAxiosInstance(moduleTypes.DISPATCH).delete(_url)\n if(response.status===200) {\n let _invoiceObj={}; \n let _attachmentList=[];\n let _attachmentVendorList=[];\n _attachmentList= (store.getState()).invoiceInfo._invoiceObj.invoiceAttachments;\n _attachmentVendorList= (store.getState()).invoiceInfo._invoiceObj.vendorAttachments;\n _invoiceObj=(store.getState()).invoiceInfo._invoiceObj;\n if(name === 'towsheet'){\n _invoiceObj.vendorAttachments.splice(_invoiceObj.vendorAttachments.indexOf(_invoiceObj.vendorAttachments.find(item => item.attachmentId == id)), 1);\n }else{\n _invoiceObj.invoiceAttachments.splice(_invoiceObj.invoiceAttachments.indexOf(_invoiceObj.invoiceAttachments.find(item => item.attachmentId == id)), 1);\n }\n dispatch({\n type: actionTypes.GET_INVOICE_INFO,\n _invoiceObj:_invoiceObj\n })\n //success(response.message);\n return {statusCode:response.status,statusMsg:response.data.statusMsg};\n } else{\n return {statusCode:null,statusMsg:response.data.statusMsg}; \n }\n //dispatch(spinnerActions.hideSpinner());\n }\n catch(error) {\n //dispatch(spinnerActions.hideSpinner());\n return {statusCode:null,statusMsg:error.message};\n }\n }\n}\nexport const deleteNotes=(invoiceId,id)=>{\n let _url=`invoice/${invoiceId}/notes/${id}?access_token=${getAccessToken()}`;\n return async(dispatch)=>{\n // dispatch(spinnerActions.showSpinner());\n try{\n const response=await getAxiosInstance(moduleTypes.DISPATCH).delete(_url)\n if(response.status===200) {\n let _invoiceObj={}; \n // let _attachmentList=[];\n // _attachmentList= (store.getState()).invoiceInfo._invoiceObj.invoiceAttachments;\n _invoiceObj=(store.getState()).invoiceInfo._invoiceObj;\n _invoiceObj.invoiceNotes.splice(_invoiceObj.invoiceNotes.indexOf(_invoiceObj.invoiceNotes.find(item => item.invoiceNotesId == id)), 1);\n \n dispatch({\n type: actionTypes.GET_INVOICE_INFO,\n _invoiceObj:_invoiceObj\n })\n //success(response.message);\n return {statusCode:response.status,statusMsg:response.data.statusMsg};\n } else{\n return {statusCode:null,statusMsg:response.data.statusMsg}; \n }\n //dispatch(spinnerActions.hideSpinner());\n }\n catch(error) {\n //dispatch(spinnerActions.hideSpinner());\n return {statusCode:null,statusMsg:error.message};\n }\n }\n}\nexport const addUserNotes=(invoiceId, noteId, noteTxt)=>{\n return async (dispatch)=>{\n const _url=`invoice/${invoiceId}/notes/${noteId}?access_token=${getAccessToken()}`\n try{\n const response= await getAxiosInstance(moduleTypes.DISPATCH).put(_url, noteTxt, { headers: { 'Content-Type': 'application/json' } });\n if(response.status===200) {\n let _invoiceObj={}; \n _invoiceObj=(store.getState()).invoiceInfo._invoiceObj;\n let list={};\n if(noteId === 0){\n list=response.data.response;\n }else{\n let foundIndex = _invoiceObj.invoiceNotes.findIndex(x => x.invoiceNotesId == noteId);\n _invoiceObj.invoiceNotes[foundIndex].notesText = response.data.response.notesText;\n }\n _invoiceObj.invoiceNotes.push(list);\n dispatch({\n type: actionTypes.GET_INVOICE_INFO,\n _invoiceObj:_invoiceObj\n })\n return {statusCode:response.status,statusMsg:response.data.statusMsg}\n } else{ \n return {statusCode:null,statusMsg:response.data.statusMsg}\n }\n }catch(ex){\n return {statusCode:null,statusMsg:ex.message}\n\n }\n }\n}\n","import React, { Component } from 'react';\nimport AddServiceCall from './addServiceCall'\nclass ServiceCallInfo extends Component {\n render(){\n return(\n
\n )\n }\n}\nexport default ServiceCallInfo","import React, { Component, Fragment } from 'react';\nimport Form from 'react-validation/build/form';\nimport TmReactTable from '../../utilComponents/tmReactTable/tmReactTable';\nimport TmExportExcel from '../../utilComponents/tmExportExcel/tmExportExcel';\nimport moment from 'moment';\nimport {isManagement} from '../../../util/customMethods'\n\nclass SearchInvoice extends Component {\n state = {\n sortedData: []\n }\n buildDataFormatForExport = () => {\n return (\n [{\n columns: [{ title: 'INVOICE #' }, { title: 'REASON' }, { title: 'TOW DATE' }, { title: 'DRIVER #' }, { title: 'TRUCK #' }, { title: 'TOW TYPE' }\n , { title: 'REQUESTED BY' }, { title: 'OR/DR#' }, { title: 'YEAR' }, { title: 'MAKE' }, { title: 'MODEL' }, { title: 'COLOR' }\n , { title: 'VIN #' }, { title: 'PLATE #' }, { title: 'EMAIL' }, { title: 'PHONE' }],\n data: this.props.data.map(item => {\n return [{ value: item.displayInvoiceId || '' }, { value: item.reason || '' }, { value: item.callCreationDate || '' }, { value: item.driver || '' }, { value: item.truck || '' }, { value: item.towType || '' }\n , { value: item.requestedBy || '' }, { value: item.oR_DR || '' }, { value: item.vehicleYear || '' }, { value: item.make || '' }, { value: item.model || '' }, { value: item.color || '' }\n , { value: item.vehicleVin || '' }, { value: item.vehiclePlateNo || '' }, { value: item.email || '' }, { value: item.phone || '' }]\n })\n }]\n )\n }\n buildDataFormatForExportManage = () => {\n return (\n [{\n columns: [{ title: 'INVOICE #' },{ title: 'COMPANY' }, { title: 'REASON' }, { title: 'TOW DATE' }, { title: 'DRIVER #' }, { title: 'TRUCK #' }, { title: 'TOW TYPE' }\n , { title: 'REQUESTED BY' }, { title: 'OR/DR#' }, { title: 'YEAR' }, { title: 'MAKE' }, { title: 'MODEL' }, { title: 'COLOR' }\n , { title: 'VIN #' }, { title: 'PLATE #' }, { title: 'EMAIL' }, { title: 'PHONE' }],\n data: this.props.data.map(item => {\n return [{ value: item.displayInvoiceId || '' },{ value: item.companyName || '' }, { value: item.reason || '' }, { value: item.callCreationDate || '' }, { value: item.driver || '' }, { value: item.truck || '' }, { value: item.towType || '' }\n , { value: item.requestedBy || '' }, { value: item.oR_DR || '' }, { value: item.vehicleYear || '' }, { value: item.make || '' }, { value: item.model || '' }, { value: item.color || '' }\n , { value: item.vehicleVin || '' }, { value: item.vehiclePlateNo || '' }, { value: item.email || '' }, { value: item.phone || '' }]\n })\n }]\n )\n }\n sort(filtered = []) {\n let sortedData = this.props.data;\n if (this.tableInstance !== undefined) {\n sortedData = this.tableInstance.tmReactTable.getResolvedState().sortedData.map(item => {\n return ([\n { value: item._original.displayInvoiceId || '', key: 'displayInvoiceId' },\n { value: item._original.companyName || '', key: 'companyName' },\n { value: item._original.reason || '', key: 'reason' },\n { value: item._original.callCreationDate || '', key: 'callCreationDate' },\n { value: item._original.driver || '', key: 'driver' },\n { value: item._original.truck || '', key: 'truck' },\n { value: item._original.towType || '', key: 'towType' },\n { value: item._original.requestedBy || '', key: 'requestedBy' },\n { value: item._original.oR_DR || '', key: 'oR_DR' },\n { value: item._original.vehicleYear || '', key: 'vehicleYear' },\n { value: item._original.make || '', key: 'make' },\n { value: item._original.model || '', key: 'model' },\n { value: item._original.color || '', key: 'color' },\n { value: item._original.vehicleVin || '', key: 'vehicleVin' },\n { value: item._original.vehiclePlateNo || '', key: 'vehiclePlateNo' },\n { value: item._original.email || '', key: 'email' },\n { value: item._original.phone || '', key: 'phone' }\n ]);\n });\n this.setState({ sortedData });\n }\n return this.state.sortedData;\n }\n render() {\n const { data } = this.props;\n const columns = [{\n Header: 'INVOICE #',\n accessor: 'displayInvoiceId',\n style: { textAlign: 'center', display: 'inline-grid' },\n Cell: row => (\n
{row.original.displayInvoiceId}\n )\n },\n {\n Header: 'COMPANY',\n accessor: 'companyName',\n show:isManagement(),\n style: { textAlign: 'center', display: 'inline-grid' },\n Cell: row => (\n
{row.original.companyName || 0}\n )\n },\n {\n Header: 'REASON',\n accessor: 'reason',\n style: { textAlign: 'center', display: 'inline-grid' },\n Cell: row => (\n
{row.original.reason || 0}\n )\n },\n {\n Header: 'TOW DATE',\n accessor: 'callCreationDate',\n style: { textAlign: 'center', display: 'inline-grid' },\n Cell: row => (\n
{row.original.callCreationDate || 0}\n )\n },\n {\n Header: 'DRIVER #',\n accessor: 'driver',\n style: { textAlign: 'center', display: 'inline-grid' },\n Cell: row => (\n
{row.original.driver || 0}\n )\n },\n {\n Header: 'TRUCK #',\n accessor: 'truck',\n style: { textAlign: 'center', display: 'inline-grid' },\n Cell: row => (\n
{row.original.truck || 0}\n )\n },\n {\n Header: 'TOW TYPE',\n accessor: 'towType',\n style: { textAlign: 'center', display: 'inline-grid' },\n Cell: row => (\n
{row.original.towType || 0}\n )\n },\n {\n Header: 'REQUESTED BY',\n accessor: 'requestedBy',\n style: { textAlign: 'center', display: 'inline-grid' },\n Cell: row => (\n
{row.original.requestedBy || 0}\n )\n },\n {\n Header: 'OR/DR#',\n accessor: 'oR_DR',\n style: { textAlign: 'center', display: 'inline-grid' },\n Cell: row => (\n
{row.original.oR_DR || 0}\n )\n },\n {\n Header: 'YEAR',\n accessor: 'vehicleYear',\n style: { textAlign: 'center', display: 'inline-grid' },\n Cell: row => (\n
{row.original.vehicleYear || 0}\n )\n },\n {\n Header: 'MAKE',\n accessor: 'make',\n style: { textAlign: 'center', display: 'inline-grid' },\n Cell: row => (\n
{row.original.make || 0}\n )\n },\n {\n Header: 'MODEL',\n accessor: 'model',\n style: { textAlign: 'center', display: 'inline-grid' },\n Cell: row => (\n
{row.original.model || 0}\n )\n },\n {\n Header: 'COLOR',\n accessor: 'color',\n style: { textAlign: 'center', display: 'inline-grid' },\n Cell: row => (\n
{row.original.color || 0}\n )\n },\n {\n Header: 'VIN #',\n accessor: 'vehicleVin',\n style: { textAlign: 'center', display: 'inline-grid' },\n Cell: row => (\n
{row.original.vehicleVin || 0}\n )\n },\n {\n Header: 'PLATE #',\n accessor: 'vehiclePlateNo',\n style: { textAlign: 'center', display: 'inline-grid' },\n Cell: row => (\n
{row.original.vehiclePlateNo || 0}\n )\n },\n {\n Header: 'EMAIL',\n accessor: 'email',\n style: { textAlign: 'center', display: 'inline-grid' },\n Cell: row => (\n
{row.original.email || 0}\n )\n },\n {\n Header: 'PHONE',\n accessor: 'phone',\n style: { textAlign: 'center', display: 'inline-grid' },\n Cell: row => (\n
{row.original.phone}\n )\n }];\n const sortedData = data.map(data => {\n for(let key in data){\n data[key] = typeof data[key] === ('undefined' || 'object') || key.startsWith('_') || Number(data[key]).toString() === 'NaN' ? data[key] : Number(data[key])\n }\n return data\n })\n return (
\n \n );\n }\n}\nexport default SearchInvoice\n","import React, { Component, Fragment } from 'react';\nimport TmDateTimePicker from '../../../utilComponents/tmDateTimePicker/tmDateTimePicker';\nimport { GlobalValues } from '../../../../util/constants';\nimport { isManagement } from '../../../../util/customMethods';\nimport Form from 'react-validation/build/form';\nimport Select from 'react-validation/build/select';\nimport {\n required,\n} from \"../../../../util/validationMethods.js\";\nimport moment from 'moment';\nconst invoiceListData = [\n\t{value:\"InvoiceNumber\", name:\"Invoice Number\"},\n\t{value:\"Vin\", name:\"VIN\"},\n\t{value:\"Plate\", name:\"Plate\"},\n\t{value:\"RequestedBy\", name:\"RequestedBy\"},\n\t{value:\"Year\", name:\"Year\"},\n\t{value:\"Make\", name:\"Make\"},\n\t{value:\"Model\", name:\"Model\"},\n\t{value:\"Color\", name:\"Color\"},\n\t{value:\"Reason\", name:\"Reason\"},\n\t{value:\"RatePlan\", name:\"RatePlan\"},\n\t{value:\"Driver\", name:\"Driver\"},\n\t{value:\"ORDR\", name:\"OR/DR\"},\n\t{value:\"Truck\", name:\"Truck\"},\n\t{value:\"Units\", name:\"Unit Number\"},\n\t{value:\"OFN\", name:\"RO First Name\"},\n\t{value:\"OLN\", name:\"RO Last Name\"},\n {value:\"PONO\", name:\"PO No\"},\n {value:\"companyId\", name:\"Company Name\"}\n]\nclass SearchCriteria extends Component {\n constructor(porps) {\n super(porps);\n this.state = {\n companyId:null\n } \n }\n\tcreateUI() {\n\t\treturn this.props.customVal.map((el, i) =>\n\t\t
\n\t\t\t {i === 0 ?\n\t\t\t
:\n\t\t\t\t\t\t\t
\n }\n\t\t\t\t\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t {\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\tthis.props.onInvoiceTyoeChange(e,i,'V')\n }}\n onKeyPress={(e)=>this.props.onenterKeyPress(e, this.props.customVal, this.state.companyId)}\n\t\t\t\t\tvalue={el.optionVal}\n\t\t\t\t\t\tname=\"accountName\" requiredmsg=\"Please enter Account Name\"\n\t\t\t\t\t/>\n\t\t\t\t
\n\t\t\t
\n\t\t)\n\t }\n render() {\n\t\tconst {fromDate, toDate, customVal} = this.props;\n return (
\n\t\t\t\n );\n }\n}\nexport default SearchCriteria\n\n","import React, { Component, Fragment } from 'react';\nimport { withRouter } from 'react-router-dom';\nimport { connect } from 'react-redux';\nimport moment from 'moment';\nimport { notify } from '../../util/notifications';\nimport SearchInvoice from '../../components/dispatchComponents/invoiceSearch/searchInvoice';\nimport SearchCriteria from '../../components/dispatchComponents/invoiceSearch/search/searchCriteria';\nimport {getSearchInvoiceList ,clearSearchData,getChildList} from '../../actions/dispatchAction/invoiceSearchAction';\nimport {getAccessLevelsByModuleName , isManagement} from '../../util/customMethods';\nconst pageTitle = 'Invoice Details';\nclass InvoiceSearch extends Component {\n\tstate = {\n\t\t\tfromDate: '',\n\t\t\ttoDate: '',\n\t\t\tcustomInvoiceValues: [\n\t\t\t\t{ optionTxt: 'InvoiceNumber', optionVal: ''}\n\t\t\t ]\n\t\t}\n\tcomponentWillMount = () => {\n\t\tconst {dispatch}=this.props;\n\t\tdocument.title = pageTitle;\n\t\tif(isManagement()){\n\t\t\tdispatch(getChildList());\n\t\t}\n\t\tdispatch(clearSearchData());\n\t}\n\t/**to clear search data when component unmounted */\n\tcomponentWillUnmount=()=>{\n\t\tconst {dispatch}=this.props;\n\t\tdocument.title = pageTitle;\n\t\tdispatch(clearSearchData());\n\t}\n\n\tonCallActionBtnClick=async(req,companyId)=>{\n\t\tconst {dispatch}=this.props;\n\t\tconst {fromDate, toDate} = this.state;\n\t\tlet jsonObject = {\n\t\t\tfromDate: (fromDate||'') =='' ?'':moment(fromDate).format(\"YYYY-MM-DD\"),\n\t\t\ttoDate: (toDate||'') =='' ?'':moment(toDate).format(\"YYYY-MM-DD\")\n\t\t };\n\t\t req.map((el, i) =>{\n\t\t\tjsonObject[el.optionTxt]=el.optionVal;\n\t\t })\n\t\t if((companyId||0)!=0)\n\t\t jsonObject['companyId']=companyId;\n\t\tlet a = JSON.stringify(jsonObject);\n\t\tconst res = await dispatch(getSearchInvoiceList(a));\n\t\tif(res.statusCode==200){\n\t\t\tif(res.response.length === 1){\n\t\t\t\twindow.open('/dispatch/serviceCallInfo/' + res.response[0].invoiceId, '_blanK');\n\t\t\t}\n\t\t}\n\t\telse\n\t\tnotify.createNotification('error', res.statusMsg, this.props.refNotify);\n\t\t\n\t}\n\tonFieldValueChange = (key, value) => {\n\t\tthis.setState({[key]:value})\n\t}\n\tonInvoiceTypeFieldChange = (e,index,type) => {\n\t\tlet newStateArray = [...this.state.customInvoiceValues];\n\t\tif(type === 'T'){\n\t\t\tnewStateArray[index].optionTxt=e.target.value;\n\t\t}\n\t\tif(type === 'V'){\n\t\t\tnewStateArray[index].optionVal=e.target.value;\n\t\t}\n\t\tthis.setState(() => {\n\t\treturn {\n\t\t\tcustomInvoiceValues: newStateArray\n\t\t};\n\t\t});\n\t}\n\taddSearchCriteria = () => {\n \tthis.setState(prevState => ({ customInvoiceValues: [...prevState.customInvoiceValues, { optionTxt: '', optionVal: '' }] }));\n\t}\n\tremoveSearchCriteria = (index) => {\n\t\tlet newStateArray = [...this.state.customInvoiceValues];\n\t\tif (newStateArray.length > 1) {\n\t\tnewStateArray.splice(index,1);\n\t\t}\n\t\tthis.setState(() => {\n\t\treturn {\n\t\t\tcustomInvoiceValues: newStateArray\n\t\t};\n\t\t});\n\t}\n\tonenterKeyPress=(e,req,companyId)=>{\n\t\tif (e.which === 13) {\n\t\t\tthis.onCallActionBtnClick(req,companyId)\n\t\t}\n\t}\n\trender() {\n\t\tconst {fromDate, toDate, customInvoiceValues} = this.state;\n\t\tlet dashboard = getAccessLevelsByModuleName('Search Existing Call')[0]||{};\n\t\treturn (\n\t\t\t
\n\t\t\t\t{(dashboard.basicAccess.view)?\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
Invoice Search Screen
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t{\n this.onFieldValueChange(key, value)\n\t\t\t\t}}\n\t\t\t\tonenterKeyPress={(e,req,companyId)=>this.onenterKeyPress(e,req,companyId)}\n\t\t\t\tonInvoiceTyoeChange={(value,index,type)=>{\n\t\t\t\t\tthis.onInvoiceTypeFieldChange(value,index,type)\n\t\t\t\t }} \n\t\t\t\t addSearchCriteria={(e)=>{\n\t\t\t\t\tthis.addSearchCriteria(e)\n\t\t\t\t }}\n\t\t\t\t removeSearchCriteria={(index)=>{\n\t\t\t\t\tthis.removeSearchCriteria(index)\n\t\t\t\t }} \n\t\t\t\tonCallActionBtnClick={(req,companyId)=>{this.onCallActionBtnClick(req,companyId)}} \n\t\t\t\tfromDate={fromDate} toDate={toDate} customVal={customInvoiceValues}/>\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
danger\">
Not Authorised User
\n\t\t);\n\t}\n}\nconst mapStateToProps = (state, ownProps) => {\n\treturn {\n\t\trefNotify: state.refNotify,\n\t\tauthInfo: state.authInfo,\n\t\tsearchInvoiceListData: state.searchInvoiceList.searchInvoiceList,\n\t\tchildCompList:state.searchInvoiceList.childComList\n\t}\n};\n\nexport default withRouter(connect(mapStateToProps)(InvoiceSearch));\n","import * as actionTypes from '../actionTypes';\nimport {moduleTypes, GlobalValues} from '../../util/constants';\nimport {getAccessToken} from '../authenticateActions'\nimport {getAxiosInstance} from '../../util/service';\nimport {store} from '../../store/configureStore';\nimport { getCompanyId,isManagement } from '../../util/customMethods';\nimport moment from 'moment';\nconst truckFilterOptions={\n Available:{key:'Available',value:'available'},\n Assigned:{key:'Assigned',value:'Assigned,Accepted,Enroute,Arrived'},\n Loaded:{key:'Loaded',value:'Arrived,Hooked'},\n Doubled:{key:'Doubled',value:'Arrived,Hooked'}\n}\n\nexport const assignInvoice=(invoiceId,driverId,truckId)=>{\n return async (dispatch)=>{\n const _url=`dashboard/${invoiceId}/assign?driverId=${driverId}&truckId=${truckId}&access_token=${getAccessToken()}&isManagement=${isManagement()}`\n try{\n const response= await getAxiosInstance(moduleTypes.DISPATCH).put(_url);\n if(response.status===200) {\n return {statusCode:response.status,statusMsg:response.data.statusMsg}\n } else{ \n return {statusCode:null,statusMsg:response.data.statusMsg}\n }\n }catch(ex){\n return {statusCode:null,statusMsg:ex.message}\n\n }\n }\n}\n\nexport const assignInvoiceToCompany=(invoiceId,companyId)=>{\n return async (dispatch)=>{\n const _url=`dashboard/${invoiceId}/assignToCompany/${companyId}?access_token=${getAccessToken()}&isManagement=${isManagement()}`\n try{\n const response= await getAxiosInstance(moduleTypes.DISPATCH).put(_url);\n if(response.status===200) {\n return {statusCode:response.status,statusMsg:response.data.statusMsg}\n } else{ \n return {statusCode:null,statusMsg:response.data.statusMsg}\n }\n }catch(ex){\n return {statusCode:null,statusMsg:ex.message}\n\n }\n }\n}\nexport const fitlerInvoiceList=(list,invoiceFilters)=>{\n let pickupStatus=[];\n pickupStatus=Object.keys(invoiceFilters.pickup).filter(item=>{\n return invoiceFilters.pickup[item].selected\n });\n let priorityStatus=[];\n priorityStatus=Object.keys(invoiceFilters.priority).filter(item =>{\n return invoiceFilters.priority[item].selected\n });\n if(pickupStatus.length<=0 && priorityStatus.length<=0)\n return list;\n else{\n let finalPickupArray=list;\n if(pickupStatus.length>0){\n finalPickupArray=list.filter(item=>{ \n return pickupStatus.includes(item.callStatus);\n })\n }\n let finalPriorityArray=finalPickupArray;\n if(priorityStatus.length>0){\n finalPriorityArray=finalPickupArray.filter(item=>{ \n return priorityStatus.includes(item.priority.toString());\n })\n }\n return finalPriorityArray;\n }\n}\n\nexport const filterTruckList=(list,selectedFitlers)=>{\n let selectedStatus=[]\n selectedStatus=Object.keys(selectedFitlers).filter(item=>{\n return selectedFitlers[item].selected\n });\n if(selectedStatus.length===0){\n return list\n }else{\n let statusList=[];\n let finalList=[];\n if(selectedStatus.includes(truckFilterOptions.Available.key)){\n statusList.push(truckFilterOptions.Available.value);\n }\n if(selectedStatus.includes(truckFilterOptions.Assigned.key)){\n let assignList=truckFilterOptions.Assigned.value.split(',')\n if(selectedStatus.includes(truckFilterOptions.Loaded.key)||selectedStatus.includes(truckFilterOptions.Loaded.key)){\n const idx=assignList.indexOf('Arrived');\n if(idx!==-1){\n assignList.splice(idx,1);\n }\n }\n statusList=statusList.concat(assignList) ;\n }\n finalList=list.filter(item=>{\n if(isStatusExists(statusList,item.truckStatus.split(','))){\n return true;\n }else if(isStatusExists(truckFilterOptions.Loaded.value.split(','),item.truckStatus.split(','))\n && item.invoiceCount===1){\n return true;\n }else if(isStatusExists(truckFilterOptions.Doubled.value.split(','),item.truckStatus.split(','))\n && item.invoiceCount>1){\n return true;\n }else{\n return false;\n }\n });\n return finalList;\n }\n }\n\n const isStatusExists=(statusList,truckStatusList)=>{\n return truckStatusList.some(status=>{\n return statusList.includes(status);\n })\n }\n\n\n\n\n/*\n 1.All\n\n2. available-available\n3. assigned-assigned, accepted, enroute, arrived\n4. loaded - arrived, hooked (only one call)\n5. doubled- arrived, hooked (more than one) and tow type flat bed\n\n\nAccepted,Enroute,\n*/\n","import React from 'react'\nimport {Accordion, Card} from 'react-bootstrap';\nimport StatusSearch from '../../dashboard/statusSearch'\nclass VisibilityToggles extends React.Component{\n render(){\n return(\n
\n \n \n Visibility Toggles\n \n \n \n \n
\n
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
Trucks
\n\t\t\t\t\t\t\t\t
\n
\n
\n {\n this.props.onSelectionChange('trucks',options);\n }} />\n
\n
\n
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n
\n
\n
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
Invoice's
\n\t\t\t\t\t\t\t\t
\n
\n
\n {\n let _inv= this.props.filterContent.invoice;\n _inv['pickup']=options;\n this.props.onSelectionChange('invoice',_inv);\n }} />\n
\n
\n
\n
\n {\n let _inv= this.props.filterContent.invoice;\n _inv['priority']=options;\n this.props.onSelectionChange('invoice',_inv);\n }} />\n
\n
\n
\n
\n
\n {\n this.props.onSelectionChange('dropLocation',e.target.checked?true:false);\n }} />\n \n
\n
\n
\n
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n
\n
)\n }\n}\nexport default VisibilityToggles","import React from 'react';\nimport { GoogleMap, withGoogleMap, withScriptjs, Marker, TrafficLayer, InfoWindow } from 'react-google-maps';\nconst GoogleMapsWrapper = withScriptjs(withGoogleMap(props => {\n return
{props.children}\n}));\nlet availableTruck = require('../../../assets/img/freeTruck.png');\nlet busyTruck = require('../../../assets/img/busyTruck.png');\nlet RecoveryTruck = require('../../../assets/img/RecoveryTruck.png');\nexport default class MapSearch extends React.Component {\n state = {\n truckIndex: null,\n pickUpIndex: null,\n dropOfIndex: null,\n isOpen: false,\n }\n\n handleToggleOpen = (row, val) => {\n this.setState({ isOpen: true, truckIndex: row });\n }\n\n handleToggleClose = () => {\n this.setState({ isOpen: false, truckIndex: null });\n }\n\n handleTogglePickUpOpen = (row, val) => {\n this.setState({ isOpen: true, pickUpIndex: row });\n }\n\n handleTogglepickUpClose = () => {\n this.setState({ isOpen: false, pickUpIndex: null });\n }\n\n handleToggledropOfOpen = (row, val) => {\n this.setState({ isOpen: true, dropOfIndex: row });\n }\n\n handleToggleDropOfClose = () => {\n this.setState({ isOpen: false, dropOfIndex: null });\n }\n\n render() {\n return (\n
}\n containerElement={
}\n mapElement={
}\n defaultZoom={11}\n defaultCenter={{ lat: 33.429078, lng: -111.943817 }}\n >\n
\n {this.props.mapVehicleInfo && this.props.mapVehicleInfo.map((trkDtls, i) =>\n trkDtls !== null && trkDtls != undefined ?
= 2 ? RecoveryTruck : [\"available\", \"Dropped\", \"Cleared\"].includes(trkDtls.truckStatus) ? availableTruck : busyTruck }}>\n {this.state.truckIndex === i && \n \n Location:{trkDtls.currentAddress}
\n Truck:{trkDtls.truckId}
\n Driver Id:{trkDtls.driverId}
\n Status:{trkDtls.truckStatus}\n
\n }\n : null\n )}\n {this.props.callData && this.props.callData.map((callDetails, i) =>\n callDetails.pickupLatlang !== null && this.props.PickUpOinters === true && callDetails.pickupLatlang !== undefined ? (\n \n {this.state.pickUpIndex === i && \n \n Invoice Id:{' ' + callDetails.invoiceId}
\n PickUp Location:{' ' + callDetails.pickupAddress}
\n ETA:{callDetails.etaTime || ''}
\n Status:{' ' + callDetails.callStatus}
\n Priority:{' ' + callDetails.priority}\n
\n }\n ) : \"\"\n )}\n {this.props.callData && this.props.callData.map((callDetails, i) =>\n callDetails.dropLatlng !== null && callDetails.dropLatlng !== undefined && this.props.dropPointers === true ? (\n \n {this.state.dropOfIndex === i && \n \n Invoice Id:{callDetails.invoiceId}
\n Drop of Location:{callDetails.dropoffAddress}
\n ETA:{callDetails.etaTime}
\n Status:{callDetails.callStatus}
\n Priority:{' ' + callDetails.priority}\n
\n }\n ) : \"\"\n )}\n \n );\n }\n}\n","import React from 'react';\nimport ReactStreetview from 'react-streetview';\nclass StreetView extends React.Component {\n constructor(props){\n super(props);\n this.state={\n address: this.props.address || ''\n }\n }\n componentWillMount=()=>{\n\t this.setState({address: this.props.address || ''});\n }\n componentWillReceiveProps=(nextProps)=>{\n if(nextProps.address!==this.props.address){\n\t\tthis.setState({address:nextProps.address});\n\t\tthis.forceUpdate();\n } \n }\n componentWillUnmount=()=>{\n\t this.setState({address:''})\n }\n render() {\n\t\t// see https://developers.google.com/maps/documentation/javascript\n const googleMapsApiKey = this.props.APIkey;\n const lat_long=this.state.address || '';\n const latitude=parseFloat(lat_long.split(\",\")[0] || 0);\n const longitude=parseFloat(lat_long.split(\",\")[1] || 0);\n\t\t// see https://developers.google.com/maps/documentation/javascript/3.exp/reference#StreetViewPanoramaOptions\n\t\tconst streetViewPanoramaOptions = {\n\t\t\tposition: {lat: latitude, lng: longitude},\n\t\t\tpov: {heading: 100, pitch: 0},\n\t\t\tzoom: 1\n };\n\t\treturn (\n\t\t\t\n\t\t\t\t\n\t\t\t
\n\t\t);\n\t}\n}\nexport default StreetView;","import React, { Component, Fragment } from 'react';\nimport { withRouter } from 'react-router-dom';\nimport { connect } from 'react-redux';\nimport Select from 'react-select';\nimport ReactSelect from '../../components/utilComponents/tmSlimSelect/reactSelect';\nimport {notify} from '../../util/notifications';\nimport {GOOGLE_API_KEY} from '../../util/constants';\nimport {isManagement} from '../../util/customMethods';\nimport {getInvoiceDetails, getTruckList , getAccountByInvoice} from '../../actions/dispatchAction/dispatchCallsAction';\nimport {assignInvoice,filterTruckList,fitlerInvoiceList,assignInvoiceToCompany} from '../../actions/dispatchAction/assignInvoiceAction';\nimport VisibilityToggles from '../../components/dispatchComponents/assign/visibilityToggles/VisibilityToggles';\nimport TmReactTable from '../../components/utilComponents/tmReactTable/tmReactTable';\nimport Map from '../../components/dispatchComponents/assign/AssignMap';\nimport StreetView from '../../components/dispatchComponents/assign/StreetView';\nimport { getChildList } from '../../actions/dispatchAction/invoiceSearchAction';\nconst pageTitle = 'Assign';\nclass AssignPage extends Component {\n\tstate={\n\t\t\tinvoiceId:'',\n\t\t\tuserId:'',\n\t\t\ttruckId:'',\n\t\t\tdriverId:'',\n\t\t\tcompanyId:'',\n\t\t\tfilterData:{\n\t\t\t\ttrucks:{\n\t\t\t\t\t'Available': {text:'Available',selected:false},\n\t\t\t\t\t'Assigned': {text:'Assigned',selected:false},\n\t\t\t\t\t'Loaded': {text:'Loaded',selected:false},\n\t\t\t\t\t'Doubled': {text:'Doubled',selected:false}\n\t\t\t\t},\n\t\t\t\tinvoice:{\n\t\t\t\t\tpickup:{\n\t\t\t\t\t\t'Unassigned': {text:'Unassigned',selected:false},\n\t\t\t\t\t\t'Enroute': {text:'Enroute',selected:false},\n\t\t\t\t\t\t'Arrived': {text:'Arrived',selected:false},\n\t\t\t\t\t\t'Hooked': {text:'Hooked',selected:false},\n\t\t\t\t\t\t'Dropped': {text:'Dropped',selected:false}\n\t\t\t\t\t},\n\t\t\t\t\tpriority:{\n\t\t\t\t\t\t1: {text:'1',selected:false},\n\t\t\t\t\t\t2: {text:'2',selected:false},\n\t\t\t\t\t\t3: {text:'3',selected:false},\n\t\t\t\t\t\t4: {text:'4',selected:false},\n\t\t\t\t\t\t5: {text:'5',selected:false},\n\t\t\t\t\t\t6: {text:'6',selected:false},\n\t\t\t\t\t\t7: {text:'7',selected:false},\n\t\t\t\t\t\t8: {text:'8',selected:false}\n\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\tdropLocation:false\n\t\t\t}\n\t\t}\n\tcomponentWillMount=async()=>{\n\t\tconst invoiceId=this.props.match.params.invoice\n\t\tthis.setState({invoiceId:invoiceId},()=>{\n\t\t\tthis.getInvoiceDetails();\n\t\t});\n\t}\n\tgetInvoiceDetails=async()=>{\n\t\tconst {dispatch}=this.props;\n\t\tawait dispatch(getInvoiceDetails(this.state.invoiceId))\n\t\tif(isManagement()){\n\t\t\tawait dispatch(getTruckList(this.state.invoiceId))\n\t\t\tconst accId = await dispatch(getAccountByInvoice(this.state.invoiceId))\n\t\t\tdispatch(getChildList(accId));\n\t\t}\n\t}\n\tassignorunassignInvoiceToCompany=async(invoicestatus)=>{\n\t\tconst {dispatch, history}=this.props;\n\t\tconst {invoiceId,companyId}=this.state;\n\t\tif(invoicestatus === 'assign'){\n\t\t\t const res=await dispatch(assignInvoiceToCompany(invoiceId,companyId));\n\t\t\tif(res.statusCode===200){\n\t\t\t\tnotify.createNotification('success',res.statusMsg,this.props.refNotify);\n\t\t\t\thistory.push('/dispatch/dashboard')\n\t\t\t}else{\n\t\t\t\tnotify.createNotification('error',res.statusMsg,this.props.refNotify);\n\t\t\t}\n\t\t}else if(invoicestatus === 'unassign'){\n\t\t\tconst res=await dispatch(assignInvoice(invoiceId,'',''));\n\t\t\tif(res.statusCode===200){\n\t\t\t\thistory.push('/dispatch/dashboard')\n\t\t\t}else{\n\t\t\t\tnotify.createNotification('error',res.statusMsg,this.props.refNotify);\n\t\t\t}\n\t\t}\t\n\t}\n\tassignorunassignInvoice=async(invoicestatus)=>{\n\t\tconst {dispatch, history}=this.props;\n\t\tconst {invoiceId,driverId,truckId,companyId}=this.state;\n\t\tif(invoicestatus === 'assign'){\n\t\t\tconst res=await dispatch(assignInvoice(invoiceId,driverId,truckId));\n\t\t\tif(res.statusCode===200){\n\t\t\t\thistory.push('/dispatch/dashboard')\n\t\t\t}else{\n\t\t\t\tnotify.createNotification('error',res.statusMsg,this.props.refNotify);\n\t\t\t}\n\t\t}else if(invoicestatus === 'unassign'){\n\t\t\tconst res=await dispatch(assignInvoice(invoiceId,'',''));\n\t\t\tif(res.statusCode===200){\n\t\t\t\thistory.push('/dispatch/dashboard')\n\t\t\t}else{\n\t\t\t\tnotify.createNotification('error',res.statusMsg,this.props.refNotify);\n\t\t\t}\n\t\t}\t\n\t}\n\tonDriver_TruckChange=(e,key)=>{\n\t\tif(e){\n\t\t\tlet selectedObj=this.props.truckList.find(item=>{\n\t\t\t\treturn item[key]===e.value||''\n\t\t\t});\n\t\t\tif(selectedObj){\n\t\t\t\tthis.setState({\n\t\t\t\t\t\tuserId:selectedObj.userId,\n\t\t\t\t\t\ttruckId:selectedObj.truckId,\n\t\t\t\t\t\tdriverId:selectedObj.driverId,\n\t\t\t\t\t\tcompanyId:0\n\t\t\t\t\t\t});\n\t\t\t\t\tthis.forceUpdate()\n\t\t\t}\n\t\t}else{\n\t\t\tthis.setState({userId:'',\n\t\t\t\ttruckId:''});\n\t\t\tthis.forceUpdate();\n\t\t}\n\t}\n render() {\n\t\tdocument.title=`${pageTitle} ${this.state.invoiceId}`;\n\t\tconst {invoiceRecord,truckList}=this.props;\n\t\tconst {userId, truckId, driverId, filterData,companyId}=this.state;\n\t\treturn (\n\t\t\t<>\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
Assign {invoiceRecord.displayInvoiceId}
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tlet _filterData=this.state.filterData;\n\t\t\t\t\t\t\t\t_filterData[key]=newObject;\n\t\t\t\t\t\t\t\tthis.setState({filterData:_filterData})\n\t\t\t\t\t\t\t}} />\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t{isManagement()?
\n\t\t\t\t\t\t \n {\n return ({ value: item.idCompany, label: item.optionText })\n })}\n value={{\n value: this.state.companyId,\n label: (this.props.associateComp.find((e) => e.idCompany == (this.state.companyId || '').toString()) || {}).optionText\n }}\n onChange={(selectedOption) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.setState({\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcompanyId:parseInt(selectedOption.value),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttruckId:'',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdriverId:'',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tuserId :''\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t});this.forceUpdate()\n }}\n />\n
:null}\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\treturn { value: item.userId, label: isManagement()?(item.userId+\" [\"+item.subdomain+']'):item.userId}\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\tisClearable={true}\n\t\t\t\t\t\t\t\t\tvalue={{value:userId, label:userId}}\n\t\t\t\t\t\t\t\t\tonChange={(e)=>{this.onDriver_TruckChange(e,'userId')}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t
\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\treturn { value: item.truckId, label: isManagement()?(item.truckId+\" [\"+item.subdomain+']'):item.truckId }\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\tonChange={(e)=>{this.onDriver_TruckChange(e,'truckId')}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t- {invoiceRecord.accountingType||''}
\n\t\t\t\t\t\t\t\t- Invoice
\n\t\t\t\t\t\t\t\t- {invoiceRecord.invoiceId}
\n\t\t\t\t\t\t\t\t- Req By
\n\t\t\t\t\t\t\t\t- {invoiceRecord.accountName}
\n\t\t\t\t\t\t\t\t- Reason
\n\t\t\t\t\t\t\t\t- {invoiceRecord.reason}
\n\t\t\t\t\t\t\t\t- Tow
\n\t\t\t\t\t\t\t\t- {invoiceRecord.towType}
\n\t\t\t\t\t\t\t\t- Pickup Address
\n\t\t\t\t\t\t\t\t- {invoiceRecord.pickupAddress}
\n\t\t\t\t\t\t\t\t- Drop Address
\n\t\t\t\t\t\t\t\t- {invoiceRecord.dropoffAddress}
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\t\n\t\t\t\t\t\t
\n\t\t\t\t\t
\t\t\t\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
Map
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\tlet _filterData=filterData;\n\t\t\t\t\t\t\t\t\t_filterData[key]=newObject;\n\t\t\t\t\t\t\t\t\tthis.setState({filterData:_filterData})\n\t\t\t\t\t\t\t\t\tsetDashboardFilterByType(\"mapFilter\",_filterData);\n\t\t\t\t\t\t\t\t}} />\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n
\n
\n \n
\n
\n
({row.original.invoiceId}\n )\n },\n {\n accessor: 'reviewNote',\n Header: 'Reason',\n style: {textAlign: 'center'} }\n ]\n }\n />\n \n
\n
\n\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
Inbox
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\tthis.onInvoiceInfoFieldsChange(value)}/>\n\t\t\t\t
\n\t\t\t\n\t\t);\n\t}\n}\nconst mapStateToProps = (state, ownProps) => {\n\treturn {\n\t\trefNotify: state.refNotify,\n\t\tauthInfo: state.authInfo,\n\t\treviewInvoice:state.reviewInbox.reviewInvoiceList\n\t}\n};\n\nexport default withRouter(connect(mapStateToProps)(Inbox));\n","import React, { Component, Fragment } from 'react';\nimport { withRouter } from 'react-router-dom';\nimport { connect } from 'react-redux';\nimport Select from 'react-select';\nimport {notify} from '../../util/notifications';\nimport {GOOGLE_API_KEY} from '../../util/constants'\nimport {isManagement} from '../../util/customMethods'\nimport PaymentProcess from '../../components/dispatchComponents/payment/paymentProcess'\nconst pageTitle = 'Payment';\nclass InvoicePayments extends Component {\t\n render() {\n\t\tdocument.title=`${pageTitle}`;\n\t\treturn (\n\t\t\t<>\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
Payment
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n \n \n
\n ({ style: { textTransform: 'uppercase', fontSize: '12px', fontWeight: 700 } })}\n getTheadTrProps={() => ({ style: { color: '#0a5e9c' } })}\n sortable={false}\n ref={this.props.tableReference}\n filterable={false}\n onFilteredChange={this.props.tableDataChanged}\n onSortedChange={this.props.tableDataChanged}\n resizable={true}\n columns={tableColumns}\n className='-striped -highlight'\n noDataText='No data found'\n expanded={this.state.expanded}\n onExpandedChange={e => this.setState({expanded: e})}\n \n SubComponent={row => {\n let arr=[];\n arr.push(row.original)\n return (\n \n \n ({ style: { color: '#0a5e9c' } })}\n sortable={false}\n filterable={false}\n resizable={true}\n columns={this.props.type === 'managed' ? ManagedReceivableDetailsClmn : RetailReceivableDetailsClmn}\n className='-striped -highlight'\n noDataText='No data found'\n />\n \n {((this.getList(row) || []).length > 0) &&\n ({ style: { color: '#0a5e9c' } })}\n sortable={false}\n filterable={false}\n resizable={true}\n columns={this.props.type === 'managed' ? InvoicetableManageColumns : MonthlyTableRetailColumns}\n className='-striped -highlight'\n noDataText='No data found'\n />\n }\n
\n );\n }}\n />\n \n );\n }\n};\n\nexport default ReactTableDisplay;\n","import {GET_CRDETAIL_LIST,GET_AUCTIONPAYMENT_LIST} from './../../actionTypes';\nimport {moduleTypes} from '../../../util/constants';\nimport {getAccessToken} from '../../authenticateActions'\nimport {getAxiosInstance} from '../../../util/service';\nimport { store } from '../../../store/configureStore';\nexport const getCRDetailsList=(asOfDate, idCompany,companyType)=>{\n return async (dispatch) => {\n try{\n const resp=await getAxiosInstance(moduleTypes.REPORT).get(`getCompanyReceivableReport?access_token=${getAccessToken()}&companyId=${idCompany}&asOfDate=${asOfDate}&companyType=${companyType}`);\n if(resp.status===200){\n dispatch({type:GET_CRDETAIL_LIST,crDetailObj:resp.data})\n }else{\n dispatch({type:GET_CRDETAIL_LIST,crDetailObj:undefined})\n }\n }catch(ex){\n dispatch({type:GET_CRDETAIL_LIST,crDetailObj:undefined})\n }\n }\n}\nexport const getClearCRDetailsList=()=>{\n return async (dispatch) => {\n dispatch({type:GET_CRDETAIL_LIST,crDetailObj:undefined})\n }\n}\n\nexport const setBatchPayData=(index, value,key,companyType)=>{\n let batchPayObj = {};\n let sum =0;\n let crDetails = (store.getState()).crDetailsList.crDetails || {};\n let auctionBatchPay = (store.getState()).auctionPaymentDetails.auctionBatchPay || {};\n if (companyType==\"managed\") {\n batchPayObj = crDetails.managedCompanyReceivableDetailList[0].companyReceivableInvoiceDetailList;\n }else{\n batchPayObj = crDetails.retailCompanyReceivableDetailList[0].companyReceivableMonthlyDetailList;\n }\n if (key == \"paidInFull\") {\n batchPayObj[index][\"paymentAmount\"]=0;\n if (value==1)\n batchPayObj[index][\"paymentAmount\"]=batchPayObj[index][\"receivable\"];\n } \n batchPayObj[index][key]=value;\n if (companyType==\"managed\") {\n crDetails.managedCompanyReceivableDetailList[0].companyReceivableInvoiceDetailList=batchPayObj;\n }else{\n crDetails.retailCompanyReceivableDetailList[0].companyReceivableMonthlyDetailList=batchPayObj;\n }\n if (crDetails.managedCompanyReceivableDetailList.length||[]>0) {\n let finalData = crDetails.managedCompanyReceivableDetailList[0].companyReceivableInvoiceDetailList;\n sum = finalData.reduce(function(cnt,o){\n return cnt + parseFloat(o.paymentAmount==\"\"?0.0:o.paymentAmount);\n },0)\n }\n if (crDetails.retailCompanyReceivableDetailList.length||[]>0) {\n let finalData = crDetails.retailCompanyReceivableDetailList[0].companyReceivableMonthlyDetailList;\n sum += finalData.reduce(function(cnt,o){\n return cnt + parseFloat(o.paymentAmount==\"\"?0.0:o.paymentAmount);\n },0)\n }\n auctionBatchPay[\"totalPaymentAmt\"]=parseFloat(sum).toFixed(2);\n return async (dispatch) => {\n dispatch({type:GET_CRDETAIL_LIST,crDetailObj:crDetails})\n dispatch({type:GET_AUCTIONPAYMENT_LIST,auctionBatchPay:auctionBatchPay});\n }\n}\n","import React, { Component, Fragment } from 'react';\nimport { withRouter } from 'react-router-dom';\nimport { connect } from 'react-redux';\nimport CRDetailCtrl from '../../../components/reportsComponents/monetization/crDetailCtrl';\nimport {isValidForm} from '../../../util/validationMethods';\nimport { getCompanyId, isManagement } from '../../../util/customMethods';\nimport {getComapanyTypes} from '../../../actions/adminAction/dropDownDataAction'\nimport ReactTableDisplay from '../../../components/reportsComponents/commonComponents/crDetailReportTableConfig';\nimport { tableColumns } from '../../../components/reportsComponents/monetization/crDetailClmns/table-column.config';\nimport {getCRDetailsList, getClearCRDetailsList} from '../../../actions/reportAction/monetization/crDetailAction';\nconst pageTitle = 'C/R Details';\nlet crDetailForm={\n\tformCRDetailInfo:{}\n}\nclass CRDetails extends Component {\n\tconstructor() {\n\t\tsuper();\n\t\tthis.state = {\n asOfDate:'',\n idCompany:'',\n companyType:'',\n exportDataSet:[],\n render: false,\n dataFetched:false\n\t\t}\n\t}\n\tcomponentWillMount = () => {\n\t\tdocument.title = pageTitle;\n this.props.dispatch(getClearCRDetailsList());\n if(isManagement()){\n this.props.dispatch(getComapanyTypes());\n }\n }\n onCRDetailFieldChange=(key, value)=>{\n this.setState({[key]:value});\n }\n getByCompanyId=()=>{\n let id_company=0;\n if(!isManagement()){\n id_company=getCompanyId();\n }else{\n id_company=this.state.idCompany;\n }\n return id_company;\n }\n getCRDetails=(e)=>{\n e.preventDefault();\n crDetailForm.formCRDetailInfo.validateAll();\n if(isValidForm(crDetailForm.formCRDetailInfo)){\n this.props.dispatch(getCRDetailsList(this.state.asOfDate, this.getByCompanyId(),this.state.companyType))\n .then(() => {this.setState({ dataFetched: true })}) \n .catch(err => {\n console.error('fetchReport methods failed with error: ', err);\n });\n }\n }\n setReferenceToReactTable = ref => {\n this.reactTable = ref;\n };\n\n tableDataChanged = () => {\n console.log('table data has changed!');\n this.setState({\n data: this.reactTable.getResolvedState().sortedData\n });\n };\n exportToExcel = e => {\n e.preventDefault();\n \n }\n printReport = (e) =>{\n e.preventDefault();\n }\n\trender() {\n const {managedCompanyReceivableDetailList, retailCompanyReceivableDetailList} = this.props.crReportResponse || [];\n\t\treturn (\n \n \n
\n
\n
\n
Company Receivable Details
\n \n
\n
\n
\n {\n\t\t\t\t\t\tcrDetailForm.formCRDetailInfo=frm;\n }} asofdate={this.state.asOfDate}\n onCRDetailFieldChange={(key, value)=>this.onCRDetailFieldChange(key, value)}\n getCRDetails={(e)=>this.getCRDetails(e)}\n exportCRDetailsToExcel={(e)=>this.exportToExcel(e)}\n printCRDetailsReport={(e)=>this.printReport(e)}/>\n \n {this.state.dataFetched &&\n \n {(managedCompanyReceivableDetailList.length != 0) && \n \n Invoice Receivables:
\n \n \n }\n {(retailCompanyReceivableDetailList.length != 0) &&\n \n Monthly Receivables:
\n \n \n }\n \n }\n
\n \n\t\t);\n\t}\n}\nconst mapStateToProps = (state, ownProps) => {\n\treturn {\n crReportResponse: state.crDetailsList.crDetails,\n childCompList:state.searchInvoiceList.childComList,\n companyTypes:state.companyTypes.companyType\n\t}\n};\n\nexport default withRouter(connect(mapStateToProps)(CRDetails));\n","import React, { Component, Fragment } from 'react';\nimport TmDateTimePicker from '../../../components/utilComponents/tmDateTimePicker/tmDateTimePicker';\nimport Form from 'react-validation/build/form';\nimport Input from 'react-validation/build/input';\nimport Select from 'react-validation/build/select';\nimport ReactSelect from '../../../components/utilComponents/tmSlimSelect/reactSelect';\nimport { isManagement } from '../../../util/customMethods';\nimport { GlobalValues } from '../../../util/constants';\nimport moment from 'moment';\nimport { required,NotZero,isNumeric} from \"../../../util/validationMethods.js\";\nclass AuctionBatchPaymentCtrl extends Component {\n constructor() {\n super();\n this.state = {}\n }\n render() {\n return (\n \n \n
\n
\n {this.props.isFetched?
:null}\n
\n
\n
\n
\n
\n
\n
\n {(companyData.companyName||\"\").toUpperCase()}\n
\n
\n \n {(companyData.billableType||\"\").toUpperCase()}\n
\n
\n \n {(companyData.totalReceivable||\"\").toUpperCase()}\n
\n
\n
\n\n
\n \n
({ style: { textTransform: 'uppercase', fontSize: '12px', fontWeight: 700 } })}\n getTheadTrProps={() => ({ style: { color: '#0a5e9c' } })}\n resizable={true}\n className='-striped -highlight'\n noDataText='No data found'\n filterable \n sortable\n defaultPageSize={10}\n data={batchPayayData}\n columns={(this.props.type === 'managed') ? manageCols:retailCols}\n /> \n \n
\n
\n
this.fetchReportsSubmit(e)}\n AuctionBatchPaymentOnchange={(name, value)=>this.AuctionBatchPaymentOnchange(name, value)}\n childCompList={this.props.childCompList} companyTypes={this.props.companyType||[]} idCompany={this.state.idCompany}\n auctionBatchPaymentObj={this.props.auctionBatchPaymentObj} isFetched={this.state.dataFetched}\n savAuctionBatch={(e)=>{\n e.preventDefault();\n crDetailForm.formBatchDetailInfo.validateAll();\n if(isValidForm(crDetailForm.formBatchDetailInfo))\n this.savAuctionBatch(e)\n }}\n getCRDetails={(e)=>this.getCRDetails(e)} initCallBackBatch={(frm)=>{crDetailForm.formBatchDetailInfo=frm;}} \n onCRDetailFieldChange={(key, value)=>this.onCRDetailFieldChange(key, value)}\n setBatchPayData={(index, value,key,companyType)=>this.props.dispatch(setBatchPayData(index, value,key,companyType))}\n initCallBack={(frm)=>{crDetailForm.formCRDetailInfo=frm;}} \n />\n {this.state.dataFetched?\n \n Invoice Billable:
\n this.props.dispatch(setBatchPayData(index, value,key,companyType))}\n />\n Monthly Billable:
\n this.props.dispatch(setBatchPayData(index, value,key,companyType))}\n />\n :null\n }\n \n {(reason||'').toUpperCase()}\n
)\n};\n componentWillReceiveProps(nextProps) {\n // this.setState({ suggestionList: nextProps.reasonList,disabled:nextProps.status}); \n if (nextProps.data) {\n this.setState({\n suggestionList: nextProps.data.map(account => {\n return { ...account, reason: account[this.props.optionTxt].trim().toUpperCase() }\n }).sort((a, b) => {\n if (a.reason < b.reason) return -1\n if (b.reason < a.reason) return 1\n return 0;\n }), disabled: nextProps.status, value: nextProps.value\n });\n }\n }\n\n\n // Autosuggest will call this function every time you need to update suggestions.\n // You already implemented this logic above, so just use it.\n onSuggestionsFetchRequested = ({ value }) => {\n this.setState({\n suggestions: getSuggestions(value, this.state.suggestionList, this.props.optionTxt)\n });\n };\n\n onSuggestionSelected = (event, { suggestion, suggestionValue, suggestionIndex, sectionIndex, method }) => {\n this.props.selectedTask(suggestionValue,suggestion)\n //alert(suggestionValue); //For example alert the selected value\n };\n // Autosuggest will call this function every time you need to clear suggestions.\n onSuggestionsClearRequested = () => {\n this.setState({\n suggestions: []\n });\n };\n\n render() {\n const { value, suggestions } = this.state;\n\n // Autosuggest will pass through all these props to the input.\n const inputProps = {\n placeholder: this.props.labelName,\n value,\n className: 'form-control',\n onChange: this.onChange,\n disabled: this.state.disabled\n };\n\n // Finally, render it!\n return (\n \n );\n }\n}","import React, { Component, Fragment } from 'react';\nimport TmDateTimePicker from '../../utilComponents/tmDateTimePicker/tmDateTimePicker';\nimport { required } from \"../../../util/validationMethods.js\";\nimport { GlobalValues } from '../../../util/constants.js';\nimport { isManagement,convertToFloat } from '../../../util/customMethods';\nimport AutoComplete from '../../utilComponents/UtilAutoComplete';\nimport { Accordion, Card, Button} from 'react-bootstrap';\nimport Form from 'react-validation/build/form';\nimport moment from 'moment';\nimport { ExcelFile, ExcelSheet, ExcelColumn } from 'react-data-export';\nclass AllInvoiceCtrl extends Component {\n state = {}\n render() {\n const { parantObj } = this.props;\n return (\n \n {\n this.props.initCallBack(c);\n }}\n >\n \n \n \n
\n
Search By:
\n \n
\n
Include:
\n \n
\n
\n \n \n
\n
\n {\n this.props.setStateField('byServiceCallDate', (!parantObj.byServiceCallDate));\n this.props.setStateField('byReleaseDate', (parantObj.byServiceCallDate));\n this.forceUpdate()\n }} />\n \n
\n
\n
\n
\n {\n this.props.setStateField('byReleaseDate', (!parantObj.byReleaseDate));\n this.props.setStateField('byServiceCallDate', (parantObj.byReleaseDate));\n this.forceUpdate()\n }} />\n \n
\n
\n
\n
\n {\n this.props.setStateField('allowCancell', (!parantObj.allowCancell));\n this.forceUpdate()\n }}\n />\n \n
\n
\n
\n
\n {\n this.props.setStateField('allowInprogress', (!parantObj.allowInprogress));\n this.forceUpdate()\n }}\n />\n \n
\n
\n
\n
\n \n
\n \n
\n
\n
\n {\n this.props.setStateField('fromDate', e === null ? '' : moment(e).format(GlobalValues.dateFormat))\n this.forceUpdate()\n }}\n />\n
\n
\n
\n \n
\n
\n
\n {\n this.props.setStateField('toDate', e === null ? '' : moment(e).format(GlobalValues.dateFormat))\n this.forceUpdate()\n }}\n />\n
\n
\n
\n
\n
\n \n \n {parantObj.render ?\n \n { \n let setCols1 = ['callerPhone','contactPhone','pickupZipcode','dropOffZipcode','registeredOwnerZip','registeredOwnerPhone','billableHours','vehicleMileage','daysinStorage','loadedMileageAmount','serviceCallId','unLoadedMileageAmount'];\n let setCols2 = ['gateCharge','userDefinedCharge','mileageCharge','miscCharge','storageCharge','totalCharges','towCharge','winchCharge','laborCharge','hourlyRate','storageRate','loadedMileageRate','unLoadedMileageRate','advancedPayout','discounts','tax','amountPaid','adminCharge'];\n let setCols3 = ['totalTime'];\n let resultList= (this.props.reportData||[]).map((item)=>{\n let rec={};\n (parantObj.selectedCols||[]).map((column,i) => { \n if(setCols1.includes(column.accessor)){\n rec[column.accessor] =convertToFloat(item[column.accessor]||'',0) \n }else if(setCols2.includes(column.accessor)){\n rec[column.accessor] =convertToFloat(item[column.accessor]||'',2)\n }else if(setCols3.includes(column.accessor)){\n rec[column.accessor] =moment.utc().startOf('day').add({ minutes: item[column.accessor] }).format('HH:mm');\n }else{\n rec[column.accessor] = item[column.accessor]\n } \n })\n return rec; \n });\n return resultList}}\n name={'All Invoice Report'} \n >\n {(parantObj.selectedCols||[]).map(column => {\n return (\n \n );\n })}\n \n \n : null}\n \n \n
\n
\n
\n
Narrow By:
\n
\n
\n
\n {\n this.props.setStateField('byDriver', !parantObj.byDriver)\n if (parantObj.byDriver) {\n this.props.setStateField('selectedDriver', '')\n }\n this.forceUpdate()\n }} />\n \n
\n
\n
\n
{\n this.props.setStateField('selectedDriver', e)\n this.props.setStateField('driverId', obj.empId||0)\n this.forceUpdate();\n }} labelName='DRIVER' optionTxt='driverID'\n status={!parantObj.byDriver} value={parantObj.selectedDriver} data={this.props.allInvoiceObj.driverList} />\n \n
\n
\n {\n this.props.setStateField('byTowType', !parantObj.byTowType)\n if (parantObj.byTowType) {\n this.props.setStateField('selectedTowType', '')\n }\n this.forceUpdate()\n }} />\n \n
\n
\n
\n
{\n this.props.setStateField('selectedTowType', e)\n this.forceUpdate();\n }} labelName='TOW TYPE' optionTxt='towType'\n status={!parantObj.byTowType} value={parantObj.selectedTowType} data={this.props.towTypes} />\n \n
\n
\n {\n this.props.setStateField('byAccount', !parantObj.byAccount)\n if (parantObj.byAccount) {\n this.props.setStateField('selectedAccount', '')\n }\n this.forceUpdate()\n }} />\n \n
\n
\n
\n
{\n this.props.setStateField('selectedAccount', e)\n this.props.setStateField('accountId', obj.optionVal ||0)\n this.forceUpdate();\n }} labelName='ACCOUNT' optionTxt='optionText'\n status={!parantObj.byAccount} value={parantObj.selectedAccount} data={this.props.accountList} />\n \n
\n
\n
\n
\n {\n this.props.setStateField('byTruck', !parantObj.byTruck)\n if (parantObj.byTruck) {\n this.props.setStateField('selectedTruck', '')\n }\n this.forceUpdate()\n }} />\n \n
\n
\n
\n
{\n this.props.setStateField('selectedTruck', e)\n this.forceUpdate();\n }} labelName='TRUCK' optionTxt='truckID'\n status={!parantObj.byTruck} value={parantObj.selectedTruck} data={this.props.allInvoiceObj.truckList} />\n \n
\n
\n {\n this.props.setStateField('byReason', !parantObj.byReason)\n if (parantObj.byReason) {\n this.props.setStateField('selectedReason', '')\n }\n this.forceUpdate()\n }} />\n \n
\n
\n
\n
{\n this.props.setStateField('selectedReason', e)\n this.forceUpdate();\n }} labelName='REASON' optionTxt='optionTxt'\n status={!parantObj.byReason} value={parantObj.selectedReason} data={this.props.callReasons} />\n \n {isManagement()?\n
\n
\n {\n this.props.setStateField('byCompany', !parantObj.byCompany)\n this.forceUpdate()\n }} />\n \n
\n
:null}\n {isManagement() ?\n
\n
{\n this.props.setStateField('selectCompany', e)\n this.props.setStateField('companyId', obj.optionVal ||0)\n this.forceUpdate();\n }}\n labelName='COMPANY' optionTxt='optionText'\n status={!parantObj.byCompany} value={parantObj.selectCompany} data={this.props.childCompList} />\n : null}\n
\n
\n
\n \n {key}\n \n \n \n \n {\n this.props.myObject[key].map((v, ind) => {\n return (\n
\n
\n\n {this.props.setReportOutputState(!v.status,key,ind)}}\n />\n \n
\n
\n \n )\n })\n }\n
\n
\n
this.setStateField(key, value)}\n initCallBack={(frm) => { allInvoiceForm = frm; }}\n accountTypes={this.props.accountTypes}\n accountList={this.props.accountList}\n childCompList={this.props.childCompList}\n callReasons={this.props.callReasons}\n towTypes={this.props.towTypes}\n allInvoiceObj={this.props.allInvoiceObj}\n setDefaultState={this.setDefaultState}\n allInvoiceGo={() => {\n allInvoiceForm.validateAll();\n if (isValidForm(allInvoiceForm)) {\n this.validateAllInvoiceGoRequest();\n }\n }}\n allInvoiceExport={() => {\n allInvoiceForm.validateAll();\n if (isValidForm(allInvoiceForm)) {\n this.validateAllInvoiceExportRequest();\n }\n }}\n allInvoiceEmail={() => {\n allInvoiceForm.validateAll();\n if (isValidForm(allInvoiceForm)) {\n this.allInvoiceGoForLink();\n }\n }}\n setReportOutputState={(e, key, index) => {\n this.setReportOutputState(e, key, index)\n }}\n reportData={this.props.allInvoiceObj.reportData || []}\n />\n \n \n
\n
\n
\n
C/R Statements
\n \n
\n
\n
\n this.onStatementsFieldChange(key, value)}\n childCompList={this.props.childCompList} idCompany={this.state.idCompany}\n asOfDate={this.state.asOfDate} isBillable={this.state.isBillable}\n onStatementsFieldChange={(key, value)=>{this.onStatementsFieldChange(key, value)}}\n invoicesWithStatement={this.state.invoicesWithStatement}\n viewStatement={(e)=>{\n e.preventDefault();\n StatementsForm.formStatementsInfo.validateAll();\n if(isValidForm(StatementsForm.formStatementsInfo))\n this.viewStatement(e)}\n }\n sendCompanyStatement={(e)=>{\n e.preventDefault();\n StatementsForm.formStatementsInfo.validateAll();\n if(isValidForm(StatementsForm.formStatementsInfo))\n this.sendCompanyStatement(e)}\n }\n initCallBack={(frm)=>{StatementsForm.formStatementsInfo=frm;}} asofdate={this.state.asOfDate}/>\n
\n \n\t\t);\n\t}\n}\nconst mapStateToProps = (state, ownProps) => {\n\treturn {\n childCompList:state.searchInvoiceList.childComList,\n refNotify:state.refNotify,\n\t}\n};\n\nexport default withRouter(connect(mapStateToProps)(Statements));\n","import {GET_MONETIZAION_LIST} from './../../actionTypes';\nimport {moduleTypes} from '../../../util/constants';\nimport {getAccessToken} from '../../authenticateActions'\nimport {getAxiosInstance} from '../../../util/service';\nexport const getMonetizationDetailsList=(asOfDate, idCompany)=>{\n return async (dispatch) => {\n try{\n const resp=await getAxiosInstance(moduleTypes.REPORT).get(`monetization?access_token=${getAccessToken()}&companyId=${idCompany}&asOfDate=${asOfDate}`);\n if(resp.status===200){\n dispatch({type:GET_MONETIZAION_LIST,monetizationObj:resp.data})\n }else{\n dispatch({type:GET_MONETIZAION_LIST,monetizationObj:undefined})\n }\n }catch(ex){\n dispatch({type:GET_MONETIZAION_LIST,monetizationObj:undefined})\n }\n }\n}\nexport const getMonetizationDetailsClearList=()=>{\n return async (dispatch) => {\n dispatch({type:GET_MONETIZAION_LIST,monetizationObj:undefined})\n }\n}\n\nexport const viewStatement=(asOfDate, idCompany,invoicesWithStatement)=>{\n return async (dispatch) => {\n try{\n const response = await getAxiosInstance(moduleTypes.REPORT).get(`billing/companyStatement?access_token=${getAccessToken()}&companyId=${idCompany}&asOfDate=${asOfDate}&invoicesWithStatement=${invoicesWithStatement}`,\n { headers: {'Accept': 'application/pdf'},\n responseType: 'arraybuffer',\n });\n if (response.status === 200) {\n let blob = new Blob([response.data], { type: 'application/pdf' } ),\n url = window.URL.createObjectURL(blob)\n window.open(url);\n return response.data;\n } else {\n return response.data;\n }\n }catch(ex){\n return ex\n }\n }\n}\n\nexport const sendCompanyStatement=(asOfDate, idCompany,invoicesWithStatement)=>{\n return async (dispatch) => {\n try{\n const response = await getAxiosInstance(moduleTypes.REPORT).get(`billing/sendCompanyStatement?access_token=${getAccessToken()}&companyId=${idCompany}&asOfDate=${asOfDate}&invoicesWithStatement=${invoicesWithStatement}`,\n );\n return response.data;\n }catch(ex){\n return ex\n }\n }\n}\n\n","import React, { Component, Fragment } from 'react';\nimport TmDateTimePicker from '../../utilComponents/tmDateTimePicker/tmDateTimePicker';\nimport { GlobalValues } from '../../../util/constants.js';\nimport moment from 'moment';\nimport Form from 'react-validation/build/form';\nimport Input from 'react-validation/build/input';\nimport Select from 'react-validation/build/select';\nimport ReactSelect from '../../../components/utilComponents/tmSlimSelect/reactSelect';\nimport { isManagement } from '../../../util/customMethods';\nimport {\n required\n} from \"../../../util/validationMethods.js\";\nclass ARDetailsCtrl extends Component {\n\tconstructor() {\n\t\tsuper();\n\t\tthis.state = {\n\t\t}\n }\n render() {\n const { accList } = this.props || [];\n\t\treturn (\n \n \n \n );\n }\n}\nexport default ARDetailsCtrl;","//This object is used to provide set up data for exported excel sheet columns and react-table columns\n// The excel sheet only uses the accessor and the Header\n// react-table uses all values\nimport React, { Component } from 'react';\nimport { isManagement } from '../../../../util/customMethods';\nexport const tableColumns = [\n {\n accessor: 'accountName',\n Header: 'Account Name',\n width: 400,\n Cell: row => Account Name:{isManagement() ? {' '+row.original.accountName}:{' '+row.original.accountName}}\n },\n {\n accessor: 'accountPrimaryContact',\n Header: 'Account Primary Contact',\n style: { textAlign: 'center' },\n width: 200\n },\n {\n accessor: 'asOfDate',\n Header: 'As Of Date',\n style: { textAlign: 'center' },\n width: 200\n }\n];\n\n\n","//This object is used to provide set up data for exported excel sheet columns and react-table columns\n// The excel sheet only uses the accessor and the Header\n// react-table uses all values\nimport React, { Fragment } from 'react';\nimport { isManagement } from '../../../../util/customMethods';\nexport const InvoicetableColumns = [\n {\n accessor: 'invoiceId',\n Header: 'Invoice #',\n style: { textAlign: 'center' },\n Cell: props => {isManagement()?{' '+props.original.displayInvoiceId}:{props.original.displayInvoiceId}},\n width: 200\n },\n {\n accessor: 'serviceCallDate',\n Header: 'Service Call Date',\n style: { textAlign: 'center' },\n width: 200\n },\n {\n accessor: 'dueDate',\n Header: 'Due Date',\n style: { textAlign: 'center' },\n width: 200\n },\n {\n accessor: 'age',\n Header: 'Age',\n style: { textAlign: 'center' },\n width: 200\n },\n {\n accessor: 'balance',\n Header: 'Balance',\n style: { textAlign: 'center' },\n width: 200,\n Cell: props => `$ ${props.original.balance}`\n }\n];","//This object is used to provide set up data for exported excel sheet columns and react-table columns\n// The excel sheet only uses the accessor and the Header\n// react-table uses all values\nexport const ARDetailsClmn = [\n {\n accessor: 'currentDue',\n Header: 'CURRENT',\n style: { textAlign: 'center' },\n width: 200,\n Cell: props => `$ ${props.original.currentDue}`\n },\n {\n accessor: 'thirtyDaysDue',\n Header: '1-30 DAYS',\n style: { textAlign: 'center' },\n width: 200,\n Cell: props => `$ ${props.original.thirtyDaysDue}`\n },\n {\n accessor: 'sixtyDaysDue',\n Header: '31-60 DAYS',\n style: { textAlign: 'center' },\n width: 200,\n Cell: props => `$ ${props.original.sixtyDaysDue}`\n },\n {\n accessor: 'nintyDaysDue',\n Header: '61-90 DAYS',\n style: { textAlign: 'center' },\n width: 200,\n Cell: props => `$ ${props.original.nintyDaysDue}`\n },\n {\n accessor: 'moreThanNintyDaysDue',\n Header: '90+ DAYS',\n style: { textAlign: 'center' },\n width: 200,\n Cell: props => `$ ${props.original.moreThanNintyDaysDue}`\n },\n {\n accessor: 'total',\n Header: 'TOTAL',\n style: { textAlign: 'center' },\n width: 200,\n Cell: props => `$ ${props.original.total}`\n }\n];\n","import React from 'react';\nimport {tableColumns} from '../accounting/arDetails/table-column.config'\nimport {InvoicetableColumns} from '../accounting/arDetails/arInvoice-column';\nimport { ARDetailsClmn } from './ARReportComClmn';\nimport TmReactTable from '../../utilComponents/tmReactTable/tmReactTable';\n\n\n//This component takes four main props (data, tableReference, tableDataChanged, columns)\n//The columns prop is imported from a column config file that is\n//in the same folder as the component being used (see storage-management/negative-balance-report) for example\n// let ReactTableDisplay = props => {\n\nclass ReactTableDisplay extends React.Component {\n\n state = {\n expanded: { 0: true }\n }\n\n handleExpand = () => {\n const expandedObj = {}\n this.props.data.forEach((item, index) => expandedObj[index] = true)\n this.setState({ expanded: expandedObj })\n }\n\n handleCollapse = () => {\n const expandedObj = {}\n this.props.data.forEach((item, index) => expandedObj[index] = false)\n this.setState({ expanded: expandedObj })\n }\n\n render(){\n\n return (\n \n \n \n \n
\n ({ style: { textTransform: 'uppercase', fontSize: '12px', fontWeight: 700 } })}\n getTheadTrProps={() => ({ style: { color: '#0a5e9c' } })}\n sortable={false}\n ref={this.props.tableReference}\n filterable={false}\n onFilteredChange={this.props.tableDataChanged}\n onSortedChange={this.props.tableDataChanged}\n resizable={true}\n columns={tableColumns}\n className='-striped -highlight'\n noDataText='No data found'\n expanded={this.state.expanded}\n onExpandedChange={e => this.setState({expanded: e})}\n \n SubComponent={row => {\n let arr=[];\n arr.push(row.original)\n return (\n \n \n ({ style: { color: '#0a5e9c' } })}\n sortable={false}\n filterable={false}\n resizable={true}\n columns={ARDetailsClmn}\n className='-striped -highlight'\n noDataText='No data found'\n />\n \n ({ style: { color: '#0a5e9c' } })}\n sortable={false}\n filterable={false}\n resizable={true}\n columns={InvoicetableColumns}\n className='-striped -highlight'\n noDataText='No data found'\n />\n
\n );\n }}\n />\n \n );\n }\n};\n\nexport default ReactTableDisplay;\n","import {GET_ARDETAILS_LIST} from './../../actionTypes';\nimport {moduleTypes} from '../../../util/constants';\nimport {getAccessToken} from '../../authenticateActions'\nimport {getAxiosInstance} from '../../../util/service';\n//import { getCompanyId } from '../../../util/customMethods';\nexport const getARDetailsList=(accountType, accountId, asOfDate, idCompany)=>{\n return async (dispatch) => {\n try{\n const resp=await getAxiosInstance(moduleTypes.REPORT).get(`showAccountsReceivableDetail_v2?access_token=${getAccessToken()}&companyId=${idCompany}&accountType=${accountType}&accountId=${accountId}&asOfDate=${asOfDate}`);\n if(resp.status===200){\n dispatch({type:GET_ARDETAILS_LIST,arDetailsObj:resp.data})\n }else{\n dispatch({type:GET_ARDETAILS_LIST,arDetailsObj:undefined})\n }\n }catch(ex){\n dispatch({type:GET_ARDETAILS_LIST,arDetailsObj:undefined})\n }\n }\n}\nexport const getARDetailsClearList=()=>{\n return async (dispatch) => {\n dispatch({type:GET_ARDETAILS_LIST,arDetailsObj:undefined})\n }\n}\n","import * as actionTypes from '../../actionTypes';\nimport {moduleTypes} from '../../../util/constants';\nimport {getAccessToken} from '../../authenticateActions'\nimport {getAxiosInstance} from '../../../util/service';\nconst fetchReportAccountList=(companyId)=>{\n const _url=`company/${companyId}/accountList/{0}?access_token=${getAccessToken()}`;\n return async (dispatch) => {\n try{\n const response=await getAxiosInstance(moduleTypes.DISPATCH).get(_url); \n if(response.status===200) { \n dispatch({\n type: actionTypes.GET_REPORT_ACCOUNT_LIST,\n reportAccountList:response.data.response\n });\n } else{\n dispatch({\n type: actionTypes.GET_REPORT_ACCOUNT_LIST,\n reportAccountList:undefined\n });\n } \n }\n catch(error){ \n dispatch({\n type: actionTypes.GET_REPORT_ACCOUNT_LIST,\n reportAccountList:undefined\n });\n }\n }\n}\nconst fetchReportAccountListClear=()=>{\n return async (dispatch) => {\n dispatch({\n type: actionTypes.GET_REPORT_ACCOUNT_LIST,\n reportAccountList:undefined\n }); \n }\n}\nexport{\n fetchReportAccountList,\n fetchReportAccountListClear\n}","import React, { Component, Fragment } from 'react';\nimport { withRouter } from 'react-router-dom';\nimport { connect } from 'react-redux';\nimport { ExcelFile, ExcelSheet, ExcelColumn } from 'react-data-export';\n\nimport moment from 'moment';\nimport printJS from 'print-js';\nimport ARDetailsCtrl from '../../../components/reportsComponents/accounting/arDetailsCtrl';\nimport {isValidForm} from '../../../util/validationMethods';\nimport {utilMethods} from '../../../util/util';\nimport { getCompanyId, isManagement } from '../../../util/customMethods';\nimport ReactTableDisplay from '../../../components/reportsComponents/commonComponents/ArReportTableConfig';\nimport { ARDetailsClmn } from '../../../components/reportsComponents/commonComponents/ARReportComClmn';\nimport { tableColumns } from '../../../components/reportsComponents/accounting/arDetails/table-column.config';\nimport {getARDetailsList, getARDetailsClearList} from '../../../actions/reportAction/accounting/arDetailsAction';\nimport {fetchReportAccountList, fetchReportAccountListClear} from '../../../actions/reportAction/accounting/reportAccountListAction';\nconst pageTitle = 'A/R Details'\nlet printJSHeaders = tableColumns.map(column => { \n return {\n field: column.accessor, displayName: column.Header ? column.Header : column.accessor\n }\n});\nprintJSHeaders = [ ...printJSHeaders, \n { field: 'age', displayName: 'Age' },\n { field: 'dueDate', displayName: 'Due Date' },\n { field: 'displayInvoiceId', displayName: 'Invoice #' },\n { field: 'serviceCallDate', displayName: 'Service Call Date' },\n { field: 'balance', displayName: 'Balance' },\n];\nARDetailsClmn.forEach(column => printJSHeaders.push({\n field: column.accessor,\n displayName: column.Header || column.accessor\n}));\nlet arDetailsForm={\n\tformARDetailsInfo:{}\n}\n\nclass ARDetails extends Component {\n\tconstructor() {\n\t\tsuper();\n\t\tthis.state = {\n accountType:'',\n accountId:'',\n asOfDate:'',\n idCompany:'',\n exportDataSet:[],\n render: false,\n dataFetched:false\n\t\t}\n\t}\n\tcomponentWillMount = () => {\n\t\tdocument.title = pageTitle;\n this.props.dispatch(getARDetailsClearList());\n if(!isManagement()){\n this.getAccountList(getCompanyId());\n }\n }\n getAccountList=(_idCompany)=>{\n this.props.dispatch(fetchReportAccountList(_idCompany));\n }\n onARDetailsFieldChange=(key, value)=>{\n this.setState({[key]:value});\n if(key === 'idCompany'){\n if(value !== ''){\n this.getAccountList(value);\n }else{\n this.props.dispatch(fetchReportAccountListClear());\n } \n }\n }\n getByCompanyId=()=>{\n let id_company=0;\n if(!isManagement()){\n id_company=getCompanyId();\n }else{\n id_company=this.state.idCompany;\n }\n return id_company;\n }\n getARDetails=(e)=>{\n e.preventDefault();\n arDetailsForm.formARDetailsInfo.validateAll();\n if(isValidForm(arDetailsForm.formARDetailsInfo)){\n this.props.dispatch(getARDetailsList(this.state.accountType, this.state.accountId, this.state.asOfDate, this.getByCompanyId()))\n .then(() => {this.setState({ dataFetched: true })}) \n .catch(err => {\n console.error('fetchReport methods failed with error: ', err);\n });\n }\n }\n setReferenceToReactTable = ref => {\n this.reactTable = ref;\n };\n\n tableDataChanged = () => {\n console.log('table data has changed!');\n this.setState({\n data: this.reactTable.getResolvedState().sortedData\n });\n };\n exportToExcel = e => {\n e.preventDefault();\n arDetailsForm.formARDetailsInfo.validateAll();\n if(isValidForm(arDetailsForm.formARDetailsInfo)){\n const { accountType, accountId, asOfDate } = this.state;\n this.props.dispatch(getARDetailsList(accountType, accountId, asOfDate, this.getByCompanyId()))\n .then(()=>{\n let _exportDataSet=[]; \n let setColHeader1=['ACCOUNT','AS OF','CURRENT','1-30 DAYS','31-60 DAYS','61-90 DAYS','90+ DAYS','Total'];\n let setColHeader2=['#INVOICE','SERVICE CALL DATE','DUE DATE','BALANCE'];\n let setCols1= ['accountName','asOfDate','currentDue','thirtyDaysDue','sixtyDaysDue','nintyDaysDue','moreThanNintyDaysDue','total'];\n let setCols2=['displayInvoiceId','serviceCallDate','dueDate','balance'];\n (this.props.arReportResponse||[]).map((rec)=>{\n let setData=[];\n let subSetData=[];\n setCols1.map((col,i)=>{\n if(i>1){\n setData.push(utilMethods.convertToFloat(rec[col]));\n }else{\n setData.push(rec[col]);\n }\n });\n subSetData=(rec.accountReceivableDetailInfo||[]).map((sRec)=>{\n return setCols2.map(sCol=>{\n if(sCol==='unPaid'){\n return utilMethods.convertToFloat(sRec[sCol]||'',0);\n }else if(sCol==='balance'){\n return utilMethods.convertToFloat(sRec[sCol]||'')\n }else{\n return sRec[sCol]||'';\n } \n });\n\n });\n _exportDataSet.push({columns:setColHeader1,data:[setData]});\n _exportDataSet.push({columns:setColHeader2,data:subSetData})\n });\n this.setState({exportDataSet:_exportDataSet})\n })\n .then(() => {this.setState({ dataFetched: true })}) \n .then(() => this.setState({ render: !this.state.render }))\n .catch(err => {\n console.error('fetchReport methods failed with error: ', err);\n });\n }\n }\n printReport = e => {\n e.preventDefault();\n arDetailsForm.formARDetailsInfo.validateAll();\n if(isValidForm(arDetailsForm.formARDetailsInfo)){\n const { accountType, accountId, asOfDate } = this.state;\n this.props.dispatch(getARDetailsList(accountType, accountId, asOfDate, this.getByCompanyId()))\n .then(() => this.setState({ dataFetched: true }))\n .then(() => {\n let dataForPrinting = [];\n this.props.arReportResponse.forEach(response => response.accountReceivableDetailInfo.forEach((detail, index) => {\n dataForPrinting.push({\n accountName: index === 0 ? response.accountName : '',\n accountPrimaryContact: index === 0 ? response.accountPrimaryContact : '',\n asOfDate: index === 0 ? response.asOfDate : '',\n currentDue: index === 0 ? response.currentDue : '',\n moreThanNintyDaysDue: index === 0 ? response.moreThanNintyDaysDue : '',\n nintyDaysDue: index === 0 ? response.nintyDaysDue : '',\n sixtyDaysDue: index === 0 ? response.sixtyDaysDue : '',\n thirtyDaysDue: index === 0 ? response.thirtyDaysDue : '',\n total: index === 0 ? response.total : '',\n age: detail.age,\n dueDate: detail.dueDate,\n displayInvoiceId: detail.displayInvoiceId,\n serviceCallDate: detail.serviceCallDate,\n balance: detail.balance\n });\n }));\n console.log(\"DATA\", dataForPrinting)\n printJS({printable: dataForPrinting, properties: printJSHeaders, type: 'json', documentTitle: 'AR Details'});\n }) \n .catch(err => {\n console.error('fetchReport methods failed with error: ', err);\n });\n }\n }\n\trender() {\n\t\treturn (\n \n \n
\n
\n
\n
Account Receivable Details
\n \n
\n
\n
\n
{\n\t\t\t\t\t\tarDetailsForm.formARDetailsInfo=frm;\n }} asofdate={this.state.asOfDate}\n onARDetailsFieldChange={(key, value)=>this.onARDetailsFieldChange(key, value)}\n accList={this.props.accountList}\n accountId={this.state.accountId}\n accountType={this.state.accountType}\n getARDetails={(e)=>this.getARDetails(e)}\n exportARDetailsToExcel={(e)=>this.exportToExcel(e)}\n printARDetailsReport={(e)=>this.printReport(e)}/>\n {this.state.render ? \n \n \n \n \n : null}\n {this.state.dataFetched &&\n \n }\n \n \n \n
\n ({ style: { textTransform: 'uppercase', fontSize: '12px', fontWeight: 700 } })}\n getTheadTrProps={() => ({ style: { color: '#0a5e9c' } })}\n ref={this.props.tableReference}\n filterable={false}\n onFilteredChange={this.props.tableDataChanged}\n onSortedChange={this.props.tableDataChanged}\n resizable={true}\n expanded={this.state.expanded}\n onExpandedChange={e => this.setState({expanded: e})}\n columns={this.props.columns}\n className='-striped -highlight'\n noDataText='No data found'\n SubComponent={row => {\n let arr=[];\n arr.push(row.original)\n return (\n \n \n ({ style: { color: '#0a5e9c' } })}\n filterable={false}\n resizable={true}\n columns={ARDetailsClmn}\n className='-striped -highlight'\n noDataText='No data found'\n />\n \n {((row.original.accountsReceivableAccTypeDetailList || []).length > 0) &&\n ({ style: { color: '#0a5e9c' } })}\n filterable={false}\n resizable={true}\n columns={tableColumns}\n className='-striped -highlight'\n noDataText='No data found'\n />\n }\n
\n );\n }}\n />\n \n )};\n};\nexport default ReactTableDisplay;","//This object is used to provide set up data for exported excel sheet columns and react-table columns\n// The excel sheet only uses the accessor and the Header\n// react-table uses all values\nimport React, { Component } from 'react';\nexport const tableColumns = [\n {\n accessor: 'accountType',\n Header: '',\n style: { textAlign: 'center' },\n width: 200,\n Cell: row => Account Type:{row.original.accountType}\n },\n {\n accessor: 'asOfDate',\n Header: '',\n style: { textAlign: 'center' },\n width: 200,\n Cell: row => As Of:{row.original.asOfDate}\n }\n];\n","import {GET_ARDETAILBYACCOUNTTYPE_LIST} from './../../actionTypes';\nimport {moduleTypes} from '../../../util/constants';\nimport {getAccessToken} from '../../authenticateActions'\nimport {getAxiosInstance} from '../../../util/service';\n//import { getCompanyId } from '../../../util/customMethods';\nexport const getARDetailByAccountTypeList=(accountType, asOfDate, idCompany)=>{\n return async (dispatch) => {\n try{\n const resp=await getAxiosInstance(moduleTypes.REPORT).get(`showAccountsReceivableDetailByAccType?access_token=${getAccessToken()}&companyId=${idCompany}&accountType=${accountType}&asOfDate=${asOfDate}`);\n if(resp.status===200){\n dispatch({type:GET_ARDETAILBYACCOUNTTYPE_LIST,arDetailByAccType:resp.data})\n }else{\n dispatch({type:GET_ARDETAILBYACCOUNTTYPE_LIST,arDetailByAccType:undefined})\n }\n }catch(ex){\n dispatch({type:GET_ARDETAILBYACCOUNTTYPE_LIST,arDetailByAccType:undefined})\n }\n }\n}\nexport const getARDetailByAccountTypeClearList=()=>{\n return async (dispatch) => {\n dispatch({type:GET_ARDETAILBYACCOUNTTYPE_LIST,arDetailByAccType:undefined})\n }\n}\n","import React, { Component, Fragment } from 'react';\nimport { withRouter } from 'react-router-dom';\nimport { connect } from 'react-redux';\nimport { ExcelFile, ExcelSheet, ExcelColumn } from 'react-data-export';\n\nimport moment from 'moment';\nimport {isValidForm} from '../../../util/validationMethods';\nimport {utilMethods} from '../../../util/util';\nimport { getCompanyId, isManagement } from '../../../util/customMethods';\nimport ARDetailByAccountTypeCtrl from '../../../components/reportsComponents/accounting/arDetailByAccountTypeCtrl';\nimport ReactTableDisplay from '../../../components/reportsComponents/accounting/arDetailByAccountType/ARDetailsByAccTypeConfig';\nimport { tableColumns } from '../../../components/reportsComponents/accounting/arDetailByAccountType/table-column.config';\nimport {getARDetailByAccountTypeList, getARDetailByAccountTypeClearList} from '../../../actions/reportAction/accounting/arDetailByAccountTypeAction';\nconst pageTitle = 'A/R Detail By Account Type';\nlet arDetailByAccountTypeForm={\n\tformARDetailByAccountTypeInfo:{}\n}\n\nclass ARDetailByAccountType extends Component {\n\tconstructor() {\n\t\tsuper();\n\t\tthis.state = {\n\t\t\taccountType:'',\n accountId:'',\n asOfDate:'',\n idCompany:'',\n exportDataSet:[],\n render: false,\n dataFetched:false\n\t\t}\n\t}\n\tcomponentWillMount = () => {\n\t\tdocument.title = pageTitle;\n\t\tthis.props.dispatch(getARDetailByAccountTypeClearList());\n }\n onARDetailByAccountTypeFieldChange=(key, value)=>{\n this.setState({[key]:value});\n }\n getByCompanyId=()=>{\n let id_company=0;\n if(!isManagement()){\n id_company=getCompanyId();\n }else{\n id_company=this.state.idCompany;\n }\n return id_company;\n }\n getARDetailByAccountType=(e)=>{\n e.preventDefault();\n arDetailByAccountTypeForm.formARDetailByAccountTypeInfo.validateAll();\n if(isValidForm(arDetailByAccountTypeForm.formARDetailByAccountTypeInfo)){\n this.props.dispatch(getARDetailByAccountTypeList(this.state.accountType, this.state.asOfDate, this.getByCompanyId()))\n .then(() => {this.setState({ dataFetched: true })}) \n .catch(err => {\n console.error('fetchReport methods failed with error: ', err);\n });\n }\n }\n setReferenceToReactTable = ref => {\n this.reactTable = ref;\n };\n\n tableDataChanged = () => {\n console.log('table data has changed!');\n this.setState({\n data: this.reactTable.getResolvedState().sortedData\n });\n };\n exportToExcel = e => {\n e.preventDefault();\n arDetailByAccountTypeForm.formARDetailByAccountTypeInfo.validateAll();\n if(isValidForm(arDetailByAccountTypeForm.formARDetailByAccountTypeInfo)){\n this.props.dispatch(getARDetailByAccountTypeList(this.state.accountType, this.state.asOfDate, this.getByCompanyId()))\n .then(()=>{\n let _exportDataSet=[]; \n let setColHeader1=['ACCOUNT TYPE','AS OF','CURRENT','1-30 DAYS','31-60 DAYS','61-90 DAYS','90+ DAYS','Total'];\n let setColHeader2=['ACCOUNT','#UNPAID','BALANCE'];\n let setCols1= ['accountType','asOfDate','currentDue','thirtyDaysDue','sixtyDaysDue','nintyDaysDue','moreThanNintyDaysDue','total'];\n let setCols2=['account','unPaid','balance'];\n (this.props.arReportByAccTypeResponse||[]).map((rec)=>{\n let setData=new Array();\n let subSetData=new Array();\n setCols1.map((col,i)=>{\n if(i>1){\n setData.push(utilMethods.convertToFloat(rec[col]));\n }else{\n setData.push(rec[col]);\n }\n });\n subSetData=(rec.accountsReceivableAccTypeDetailList||[]).map((sRec)=>{\n return setCols2.map((sCol)=>{\n if(sCol==='unPaid'){\n return utilMethods.convertToFloat(sRec[sCol]||'',0);\n }else if(sCol==='balance'){\n return utilMethods.convertToFloat(sRec[sCol]||'');\n }else{\n return sRec[sCol]||'';\n } \n });\n\n });\n _exportDataSet.push({columns:setColHeader1,data:[setData]});\n _exportDataSet.push({columns:setColHeader2,data:subSetData})\n }) \n this.setState({exportDataSet:_exportDataSet})\n })\n .then(() => this.setState({ dataFetched: true})) \n .then(() => this.setState({ render: !this.state.render }))\n .catch(err => {\n console.error('fetchReport methods failed with error: ', err);\n });\n }\n }\n\trender() {\n\t\treturn (\n \n \n
\n
\n
\n
A/R Detail By Account Type
\n \n
\n
\n
\n
{\n\t\t\t\t\t\tarDetailByAccountTypeForm.formARDetailByAccountTypeInfo=frm;\n }} asofdate={this.state.asOfDate}\n onARDetailByAccountTypeFieldChange={(key, value)=>this.onARDetailByAccountTypeFieldChange(key, value)}\n accountType={this.state.accountType}\n getARDetailByAccountType={(e)=>this.getARDetailByAccountType(e)}\n exportARDetailsToExcel={(e)=>this.exportToExcel(e)}/>\n {this.state.render ? \n \n \n \n \n : null}\n {this.state.dataFetched &&\n \n }\n \n
{\n\t\t\t\t\t\tarSummaryForm.formARSummaryInfo=frm;\n }} accountType={this.state.accountType}\n arSummaryList={this.props.arSummaryList}\n getARSummaryDetails={(e)=>this.getARSummaryDetails(e)}\n onSummaryFieldChange={(key, value)=>this.onSummaryFieldChange(key, value)}/>\n {this.state.dataFetched &&\n \n }\n \n
\n
\n
\n
\n {this.props.dataFetched &&\n
\n }\n
\n
\n
\n
\n
\n
\n
\n
Batch Payment Report
\n \n
\n
\n
\n
this.onBatchPaymentsFieldChange(key, value)}\n initCallBack={(frm)=>{\n\t\t\t\t\t\tBatchPaymentsForm.formBatchPaymentsInfo=frm;\n }}\n initCallBackAccept={(frm)=>{\n\t\t\t\t\t\tBatchPaymentsForm.formBatchPaymentsAcceptInfo=frm;\n }} asofdate={this.state.asOfDate}\n idCompany={this.state.idCompany}\n childCompList={this.props.childCompList}\n accList={this.props.accountList}\n accountId={this.state.accountId}\n getBatchPaymentDetails={(e)=>this.getBatchPaymentDetails(e)}\n dataFetched={this.state.dataFetched}\n reviewLocation={this.props.reviewLocation}\n checkno={this.state.checkNo} paymenttype={this.state.paymentType}\n location={this.state.location} amttopay={this.state.amtToPay}\n amttoprocess={this.state.amtToProcess} paymentSubmit={(e)=>this.paymentSubmit(e)}/>\n {this.state.dataFetched && \n \n \n
\n\n \n
\n
Select All Total Amount : {this.state.totalAmt}
\n
Total Open Invoices : {this.state.noOfOpenInv}
\n
\n
\n
\n
\n
Payment Audit Report
\n \n
\n
\n
\n
{\n ReportForm.validateAll()\n if (isValidForm(ReportForm)) {\n this.Go();\n }\n }}\n Export={() => {\n ReportForm.validateAll()\n if (isValidForm(ReportForm)) {\n this.Export();\n }\n }}\n Email={() => {\n ReportForm.validateAll()\n if (isValidForm(ReportForm)) {\n this.Email();\n }\n }} Print={() => {\n ReportForm.validateAll()\n if (isValidForm(ReportForm)) {\n this.Print();\n }\n }}\n stateObj={stateObj} data={this.props.auditReport} cols={tableColumns}\n allInvoiceObj={this.props.allInvoiceObj} childCompList={this.props.childCompList}\n onPaymentAuditFieldChange={(key, value) => this.onPaymentAuditFieldChange(key, value)}\n initCallBack={(frm) => {\n ReportForm = frm;\n }} fromdate={this.state.fromDate} todate={this.state.toDate} />\n \n Receipts Report
\n From Date: ${moment(reciptRepoData.fromDate).format('MM/DD/YYYY')}\n To Date: ${moment(reciptRepoData.toDate).format('MM/DD/YYYY')}\n
`; \n let summaryCols=[]\n let _receiptsTotals=[];\n (reciptRepoData.receiptsTotalsDetails||[]).map((item,k)=>{\n let obj={}\n obj['location']=item.location;\n item.receiptsTotals.map((type)=>{\n obj[type.paymentMethod]=convertToFloat(type.amount,2) \n });\n _receiptsTotals.push(obj);\n summaryCols=summaryCols.concat(Object.keys(obj));\n });\n summaryCols=Array.from(new Set(summaryCols));\n console.log(_receiptsTotals);\n console.log(summaryCols);\n let summaryContent=''\n let summaryHead=''\n summaryCols.map(col=>{\n summaryHead+='| '+(col||'').toLowerCase()+' | ';\n });\n summaryHead+='Total | ';\n summaryHead+='
';\n summaryContent+=summaryHead;\n let summaryTotals=[];\n \n (_receiptsTotals||[]).map((item,i)=>{\n let total=0.00\n let rowContent= '';\n summaryCols.map((col,i)=>{\n if(i>0){\n total+= convertToFloat(item[col]) ; \n rowContent+='| $'+convertToFloat(item[col]).toFixed(2)+' | ';\n summaryTotals[i]= summaryTotals[i]?(convertToFloat(summaryTotals[i])+convertToFloat(item[col])):convertToFloat(item[col]);\n }\n else{\n rowContent+=''+(item[col]||'')+' | ';\n summaryTotals[i]=''\n } \n })\n rowContent+=' $'+convertToFloat(total).toFixed(2)+' | '\n rowContent+='
';\n summaryContent+=rowContent;\n })\n \n let summaryTotalContent=''\n let grandTot=0.00;\n summaryTotals.map((item,i)=>{\n summaryTotalContent+='| ';\n if(i>0){ \n summaryTotalContent+=convertToFloat(item).toFixed(2);\n grandTot+=convertToFloat(item); \n }else{\n summaryTotalContent+='Total'\n \n }\n summaryTotalContent+=' | ';\n \n });\n summaryTotalContent+='$'+grandTot.toFixed(2)+' | '\n summaryTotalContent+='
'\n \n summaryContent+=summaryTotalContent+'
';\n \n let printContent='Receipts Details
';\n let rowHead=''\n printJSHeaders.map(col=>{\n rowHead+='| '+(col.displayName||'')+' | ' \n });\n rowHead+='
'\n printContent+=rowHead;\n (reciptRepoData.receiptDetails||[]).map((item,i)=>{\n let rowContent= ''\n printJSHeaders.map(col=>{\n if((col.field||'').toUpperCase()=='amount'.toUpperCase()){\n rowContent+='| $'+convertToFloat(item[col.field]||'').toFixed(2)+' | '\n \n }else{\n rowContent+=''+(item[col.field]||'')+' | ' \n }\n \n })\n rowContent+='
';\n printContent+=rowContent;\n }) \n printContent+='
'\n var pri = document.getElementById(\"ifmcontentstoprint\").contentWindow; \n pri.document.open();\n pri.document.write(mainContent+summaryContent+printContent);\n pri.document.close();\n pri.focus();\n pri.print();\n }\n\n\n Go = async () => {\n const { dispatch } = this.props;\n let status = false;\n let payload = this.buildObject();\n if (payload) {\n if (isManagement() && (this.state.idCompany || 0) == 0) {\n status = true;\n }\n const res = await dispatch(getReciptReport(payload, status));\n if (res.statusCode === 200) {\n notify.createNotification('success', res.statusMsg, this.props.refNotify);\n this.setState({ render: false });\n } else {\n notify.createNotification('error', res.statusMsg, this.props.refNotify);\n };\n }\n }\n \n Export = async () => {\n const { dispatch } = this.props;\n let status = false;\n let payload = this.buildObject();\n if (payload) {\n if (isManagement() && (this.state.idCompany || 0) == 0) {\n status = true;\n }\n const res = await dispatch(getReciptReport(payload, status));\n if (res.statusCode === 200) {\n this.setState({ render: !this.state.render });\n notify.createNotification('success', 'Report exported successfully.', this.props.refNotify);\n this.setState({ render: false });\n } else {\n this.setState({ render: false });\n notify.createNotification('error', res.statusMsg, this.props.refNotify);\n };\n }\n }\n \n Print = async () => {\n const { dispatch } = this.props;\n let status = false;\n let payload = this.buildObject();\n if (payload) {\n if (isManagement() && (this.state.idCompany || 0) == 0) {\n status = true;\n }\n const res = await dispatch(getReciptReport(payload, status));\n if (res.statusCode === 200) {\n this.formatPrintDocument(this.props.receiptReport);\n } else {\n notify.createNotification('error', res.statusMsg, this.props.refNotify);\n };\n }\n }\n \n Email = async () => {\n const { dispatch } = this.props;\n let status = false;\n let payload = this.buildObject();\n if (payload) {\n if (isManagement() && (this.state.idCompany || 0) == 0) {\n status = true;\n }\n const res = await dispatch(emailReciptReport(payload, status));\n if (res.statusCode === 200) {\n notify.createNotification('success', res.statusMsg, this.props.refNotify);\n } else {\n notify.createNotification('error', res.statusMsg, this.props.refNotify);\n };\n }\n }\n \n /* Building all invoice object for post request */\n buildObject = () => {\n const stateObj = this.state;\n const constractObj = {\n idCompany: isManagement() ? (this.state.idCompany || getCompanyId()) : getCompanyId(),\n fromDate: stateObj.fromDate,\n toDate: stateObj.toDate,\n isRequestedBy: stateObj.isRequestedBy,\n accountId:stateObj.accountId\n };\n return constractObj;\n }\n \n \n\tcomponentWillMount = () => {\n\t\tdocument.title = pageTitle;\n this.props.dispatch(cleanReciptReport());\n\t\t\n }\n onReceiptsFieldChange=(key, value)=>{\n this.setState({[key]:value});\n }\n\trender() {\n let stateObj = this.state;\n\n//////////////////////////////////\nconst summaryTableRows = this.props.receiptReport.receiptsTotalsDetails.map(location => {\n let row = {\n \"location\": location.location,\n \"cash\": \"\",\n \"check\": \"\",\n \"credit\": \"\",\n \"transfer\": \"\",\n \"advance\": \"\",\n \"total\": location.totalByLoc||'',\n }\n \n location.receiptsTotals.forEach(payType => {\n console.log(\"PAYTYPE\", payType)\n if(payType.paymentMethod === \"CASH\"){\n row[\"cash\"] = payType.amount\n } else if(payType.paymentMethod === \"CHECK\"){\n row[\"check\"] = payType.amount\n } else if(payType.paymentMethod === \"CREDIT\"){\n row[\"credit\"] = payType.amount\n } else if(payType.paymentMethod === \"TRANSFER\"){\n row[\"transfer\"] = payType.amount\n } else if(payType.paymentMethod === \"EMPLOYEEADVANCE\"){\n row[\"advance\"] = payType.amount\n } \n \n })\n return row\n})\n\nconst summaryTotalsRow = {\n \"location\": \"TOTALS\",\n \"cash\": \"\",\n \"check\": \"\",\n \"credit\": \"\",\n \"transfer\": \"\",\n \"advance\": \"\",\n \"total\": this.props.receiptReport.paymentTypeTotal||''\n}\n\nthis.props.receiptReport.receiptPaymentTypeTotals.forEach(payType => {\n \n if(payType.paymentMethod === \"Total CASH\"){\n summaryTotalsRow[\"cash\"] = payType.total\n } else if(payType.paymentMethod === \"Total CHECK\"){\n summaryTotalsRow[\"check\"] = payType.total\n } else if(payType.paymentMethod === \"Total CREDIT\"){\n summaryTotalsRow[\"credit\"] = payType.total\n } else if(payType.paymentMethod === \"Total TRANSFER\"){\n summaryTotalsRow[\"transfer\"] = payType.total\n } else if(payType.paymentMethod === \"Total EMPLOYEEADVANCE\"){\n summaryTotalsRow[\"advance\"] = payType.total\n } \n})\nconst sortedSummaryRows = summaryTableRows.map(data => {\n for(let key in data){\n data[key] = typeof data[key] === ('undefined' || 'object') || key.startsWith('_') || Number(data[key]).toString() === 'NaN' ? data[key] : Number(data[key])\n }\n return data\n})\n\nconst sortedTotalsRows = [summaryTotalsRow].map(data => {\n for(let key in data){\n data[key] = typeof data[key] === ('undefined' || 'object') || key.startsWith('_') || Number(data[key]).toString() === 'NaN' ? data[key] : Number(data[key])\n }\n return data\n})\n\n////////////////////////////\n\n\n\n\t\treturn (\n \n \n \n {\n ReportForm.validateAll()\n if (isValidForm(ReportForm)) {\n this.Go();\n }\n }}\n Export={() => {\n ReportForm.validateAll()\n if (isValidForm(ReportForm)) {\n this.Export();\n }\n }}\n Email={() => {\n ReportForm.validateAll()\n if (isValidForm(ReportForm)) {\n this.Email();\n }\n }} Print={() => {\n ReportForm.validateAll()\n if (isValidForm(ReportForm)) {\n this.Print();\n }\n }}\n stateObj = {stateObj} \n accountList={this.props.accountList}\n childCompList={this.props.childCompList}\n onReceiptsFieldChange={(key, value)=>this.onReceiptsFieldChange(key, value)}\n initCallBack={(frm)=>{\n\t\t\t\t\t\tReportForm=frm; \n }} fromdate={this.state.fromDate} todate={this.state.toDate}\n data={this.props.receiptReport.receiptDetails||[]}\n cols={receiptcols}/>\n \n \n
\n \n \n\t\t);\n\t}\n}\nconst mapStateToProps = (state, ownProps) => {\n\treturn {\n refNotify: state.refNotify,\n accountList: state.invoiceInfo.accountList,\n childCompList: state.searchInvoiceList.childComList,\n receiptReport:state.auditObj.receiptReport||{}\n\t}\n};\n\nexport default withRouter(connect(mapStateToProps)(Receipts));\n","import React, { Component, Fragment } from 'react';\nimport TmDateTimePicker from '../../utilComponents/tmDateTimePicker/tmDateTimePicker';\nimport { GlobalValues } from '../../../util/constants.js';\nimport moment from 'moment';\nimport Form from 'react-validation/build/form';\nimport {\n required\n} from \"../../../util/validationMethods.js\";\nclass StatementsCtrl extends Component {\n\tconstructor() {\n\t\tsuper();\n\t\tthis.state = {\n\t\t\t\n\t\t}\n }\n render() {\n\t\treturn (\n \n \n \n );\n }\n}\nexport default StatementsCtrl;","import React, { Component, Fragment } from 'react';\nimport TmReactTable from '../../utilComponents/tmReactTable/tmReactTable';\n\nclass StatementsTable extends Component {\n\tconstructor() {\n\t\tsuper();\n\t\tthis.state = {\n\t\t\t\n\t\t}\n\t}\n\trender() {\n const cols=[ \n {\n Header: 'INVOICE#',\n accessor: 'invoice'\n \n }, \n {\n Header: 'SERVICE CALL DATE',\n accessor: 'servicecalldate'\n }\n ];\n\t\treturn (\n \n \n \n\t\t);\n\t}\n}\n\n\nexport default StatementsTable;","import React, { Component, Fragment } from 'react';\nimport { withRouter } from 'react-router-dom';\nimport { connect } from 'react-redux';\nimport StatementsCtrl from '../../../components/reportsComponents/accounting/statementsCtrl';\nimport StatementsTable from '../../../components/reportsComponents/accounting/statementsTable';\nconst pageTitle = 'Statements'\nlet StatementsForm={\n\tformStatementsInfo:{}\n}\n\nclass Statements extends Component {\n\tconstructor() {\n\t\tsuper();\n\t\tthis.state = {\n\t\t\tasOfDate:''\n\t\t}\n\t}\n\tcomponentWillMount = () => {\n\t\tdocument.title = pageTitle;\n\t\t\n }\n onStatementsFieldChange=(key, value)=>{\n this.setState({[key]:value});\n }\n\trender() {\n\t\treturn (\n \n \n \n this.onStatementsFieldChange(key, value)}\n initCallBack={(frm)=>{\n\t\t\t\t\t\tStatementsForm.formStatementsInfo=frm;\n }} asofdate={this.state.asOfDate}/>\n \n
\n \n\t\t);\n\t}\n}\nconst mapStateToProps = (state, ownProps) => {\n\treturn {\n\t\t\n\t}\n};\n\nexport default withRouter(connect(mapStateToProps)(Statements));\n","import React, { Component, Fragment } from 'react';\nimport TmDateTimePicker from '../../utilComponents/tmDateTimePicker/tmDateTimePicker';\nimport { GlobalValues } from '../../../util/constants.js';\nimport moment from 'moment';\nimport Form from 'react-validation/build/form';\nimport {\n required\n} from \"../../../util/validationMethods.js\";\nclass DriverCommissionsDetailCtrl extends Component {\n\tconstructor() {\n\t\tsuper();\n\t\tthis.state = {\n\t\t\t\n\t\t}\n }\n render() {\n\t\treturn (\n \n \n \n );\n }\n}\nexport default DriverCommissionsDetailCtrl;","import React, { Component, Fragment } from 'react';\nimport TmReactTable from '../../utilComponents/tmReactTable/tmReactTable';\n\nclass DriverCommissionsDetailTable extends Component {\n\tconstructor() {\n\t\tsuper();\n\t\tthis.state = {\n\t\t\t\n\t\t}\n\t}\n\trender() {\n const cols=[ \n {\n Header: 'INVOICE#',\n accessor: 'invoice'\n \n }, \n {\n Header: 'SERVICE CALL DATE',\n accessor: 'servicecalldate'\n }\n ];\n\t\treturn (\n \n \n \n\t\t);\n\t}\n}\n\n\nexport default DriverCommissionsDetailTable;","import React, { Component, Fragment } from 'react';\nimport { withRouter } from 'react-router-dom';\nimport { connect } from 'react-redux';\nimport DriverCommissionsDetailCtrl from '../../../components/reportsComponents/drivermanagement/driverCommissionsDetailCtrl';\nimport DriverCommissionsDetailTable from '../../../components/reportsComponents/drivermanagement/driverCommissionsDetailTable';\nconst pageTitle = 'Driver Commission'\nlet DriverCommissionsDetailForm={\n\tformDriverCommissionsDetailInfo:{}\n}\n\nclass DriverCommissionsDetail extends Component {\n\tconstructor() {\n\t\tsuper();\n\t\tthis.state = {\n fromDate:'',\n toDate:''\n\t\t}\n\t}\n\tcomponentWillMount = () => {\n\t\tdocument.title = pageTitle;\n\t\t\n }\n onDriverCommissionsDetailFieldChange=(key, value)=>{\n this.setState({[key]:value});\n }\n\trender() {\n\t\treturn (\n \n \n
\n
\n
\n
Driver Commission
\n \n
\n
\n
\n this.onDriverCommissionsDetailFieldChange(key, value)}\n initCallBack={(frm)=>{\n\t\t\t\t\t\tDriverCommissionsDetailForm.formDriverCommissionsDetailInfo=frm;\n }} fromdate={this.state.fromDate} todate={this.state.toDate}/>\n \n
\n \n\t\t);\n\t}\n}\nconst mapStateToProps = (state, ownProps) => {\n\treturn {\n\t\t\n\t}\n};\n\nexport default withRouter(connect(mapStateToProps)(DriverCommissionsDetail));\n","import React, { Component, Fragment } from 'react';\nimport TmDateTimePicker from '../../utilComponents/tmDateTimePicker/tmDateTimePicker';\nimport { GlobalValues } from '../../../util/constants.js';\nimport moment from 'moment';\nimport Form from 'react-validation/build/form';\nimport {\n required\n} from \"../../../util/validationMethods.js\";\nclass DriverCommissionsSummaryCtrl extends Component {\n\tconstructor() {\n\t\tsuper();\n\t\tthis.state = {\n\t\t\t\n\t\t}\n }\n render() {\n\t\treturn (\n \n \n \n );\n }\n}\nexport default DriverCommissionsSummaryCtrl;","import React, { Component, Fragment } from 'react';\nimport TmReactTable from '../../utilComponents/tmReactTable/tmReactTable';\n\nclass DriverCommissionsSummaryTable extends Component {\n\tconstructor() {\n\t\tsuper();\n\t\tthis.state = {\n\t\t\t\n\t\t}\n\t}\n\trender() {\n const cols=[ \n {\n Header: 'INVOICE#',\n accessor: 'invoice'\n \n }, \n {\n Header: 'SERVICE CALL DATE',\n accessor: 'servicecalldate'\n }\n ];\n\t\treturn (\n \n \n \n\t\t);\n\t}\n}\n\n\nexport default DriverCommissionsSummaryTable;","import React, { Component, Fragment } from 'react';\nimport { withRouter } from 'react-router-dom';\nimport { connect } from 'react-redux';\nimport DriverCommissionsSummaryCtrl from '../../../components/reportsComponents/drivermanagement/driverCommissionsSummaryCtrl';\nimport DriverCommissionsSummaryTable from '../../../components/reportsComponents/drivermanagement/driverCommissionsSummaryTable';\nconst pageTitle = 'Driver Commission Summary'\nlet DriverCommissionsSummaryForm={\n\tformDriverCommissionsSummaryInfo:{}\n}\n\nclass DriverCommissionsSummary extends Component {\n\tconstructor() {\n\t\tsuper();\n\t\tthis.state = {\n fromDate:'',\n toDate:''\n\t\t}\n\t}\n\tcomponentWillMount = () => {\n\t\tdocument.title = pageTitle;\n }\n onDriverCommissionsSummaryFieldChange=(key, value)=>{\n this.setState({[key]:value});\n }\n\trender() {\n\t\treturn (\n \n \n
\n
\n
\n
Driver Commission Summary
\n \n
\n
\n
\n this.onDriverCommissionsSummaryFieldChange(key, value)}\n initCallBack={(frm)=>{\n\t\t\t\t\t\tDriverCommissionsSummaryForm.formDriverCommissionsSummaryInfo=frm;\n }} fromdate={this.state.fromDate} todate={this.state.toDate}/>\n \n
\n \n\t\t);\n\t}\n}\nconst mapStateToProps = (state, ownProps) => {\n\treturn {\n\t\t\n\t}\n};\n\nexport default withRouter(connect(mapStateToProps)(DriverCommissionsSummary));\n","import React, { Component } from 'react';\nimport {isManagement,ROOT_ADMIN,LAUNCH_URL,ROOT_DISPATCHER} from '../customMethods'\nexport const tableColumns = [\n {\n accessor: 'userId',\n Header: 'Driver',\n style: { textAlign: 'center' },\n Cell: props => { \n window.open(`${LAUNCH_URL}/${ROOT_ADMIN}/employeesDetails?eid=${props.original.employeeId}`,'_blank');\n }}>{props.original.userId},\n width: 200\n },\n {\n accessor: 'invoiceNumber',\n Header: '# Of Invoices',\n style: { textAlign: 'center' },\n width: 200\n },\n {\n accessor: 'company',\n Header: 'Company',\n style: { textAlign: 'center' },\n width: 200,\n show:isManagement()\n },\n {\n accessor: 'accidentReason',\n Header: '# Of Accidents',\n style: { textAlign: 'center' },\n width: 200\n },\n {\n accessor: 'impoundLot',\n Header: '# To Yard',\n style: { textAlign: 'center' },\n width: 200\n },\n {\n accessor: 'accidenttoYardPercentage',\n Header: '% To Yard',\n style: { textAlign: 'center' },\n sortMethod: (a, b) => Number(a)-Number(b),\n filterMethod: (filter, row) =>\n parseInt(row._original.accidenttoYardPercentage||0)===parseInt(filter.value||0),\n width: 200\n },\n {\n accessor: 'accidentsROPhone',\n Header: '# RO Phone',\n style: { textAlign: 'center' },\n width: 200\n },\n {\n accessor: 'accidentsROPhonePercentage',\n Header: '% RO Phone',\n style: { textAlign: 'center' },\n sortMethod: (a, b) => Number(a)-Number(b),\n filterMethod: (filter, row) =>\n parseInt(row._original.accidentsROPhonePercentage||0)===parseInt(filter.value||0),\n width: 200\n },\n {\n accessor: 'invoiceImpoundNum',\n Header: '# OF INVOICES TO IMPOUND',\n style: { textAlign: 'center' },\n sortMethod: (a, b) => Number(a)-Number(b),\n filterMethod: (filter, row) =>\n parseInt(row._original.invoiceImpoundNum||0)===parseInt(filter.value||0),\n width: 240\n },\n {\n accessor: 'invoiceImpoundWithMileageNum',\n Header: '# MILEAGE',\n style: { textAlign: 'center' },\n sortMethod: (a, b) => Number(a)-Number(b),\n filterMethod: (filter, row) =>\n parseInt(row._original.invoiceImpoundWithMileageNum||0)===parseInt(filter.value||0),\n width: 160\n },\n {\n accessor: 'mileagePercentage',\n Header: '% MILEAGE',\n style: { textAlign: 'center' },\n sortMethod: (a, b) => Number(a)-Number(b),\n filterMethod: (filter, row) =>\n parseInt(row._original.mileagePercentage||0)===parseInt(filter.value||0),\n width: 160\n },\n {\n accessor: 'dispatchertoArrivalTimeAvg',\n Header: 'AVG Disp-Arr',\n style: { textAlign: 'center' },\n width: 200\n },\n {\n accessor: 'enroutetoClearTimeAvg',\n Header: 'AVG Enr-Clr',\n style: { textAlign: 'center' },\n width: 200\n }\n];\n","import * as actionTypes from '../../actionTypes';\nimport {moduleTypes} from '../../../util/constants';\nimport {isManagement,getCompanyId} from '../../../util/customMethods';\nimport {getAccessToken} from '../../authenticateActions'\nimport {getAxiosInstance} from '../../../util/service';\nexport const retrieveDriverReport=(obj,status)=>{\n return async (dispatch) => {\n try{\n const _url =`/driverPerformanceSummary/${obj.idCompany}/${status}?access_token=${getAccessToken()}&fromDate=${obj.fromDate}&toDate=${obj.toDate}`;\n const response=await getAxiosInstance(moduleTypes.REPORT).get(_url);\n if(response.status===200){\n dispatch({type:actionTypes.GET_DRIVER_PERFORMANCE_SUM,driverPerformanceData:response.data.response||[]})\n }else{\n dispatch({type:actionTypes.GET_DRIVER_PERFORMANCE_SUM,driverPerformanceData:undefined})\n }\n return {statusCode:response.data.statusCode,statusMsg:response.data.statusMsg}\n }catch(ex){\n dispatch({type:actionTypes.GET_DRIVER_PERFORMANCE_SUM,driverPerformanceData:undefined})\n return {statusCode:500,statusMsg:'An unexpected error occurred.'}\n }\n }\n}\nexport const cleanDriverPerReport=()=>{\n return async (dispatch) => {\n dispatch({type:actionTypes.GET_DRIVER_PERFORMANCE_SUM,driverPerformanceData:undefined})\n }\n}\nexport const emailDriverPerformanceSum=(obj,status)=>{\n return async (dispatch) => {\n try{\n const _url =`/eMailDriverPerformanceSummary/${obj.idCompany}/${status}?access_token=${getAccessToken()}&fromDate=${obj.fromDate}&toDate=${obj.toDate}`;\n const response=await getAxiosInstance(moduleTypes.REPORT).get(_url);\n return {statusCode:response.data.statusCode,statusMsg:response.data.message}\n }catch(ex){\n dispatch({type:actionTypes.GET_DRIVER_PERFORMANCE_SUM,driverPerformanceData:undefined})\n return {statusCode:500,statusMsg:'An unexpected error occurred.'}\n }\n }\n}","import React, { Component, Fragment } from 'react';\nimport TmDateTimePicker from '../../utilComponents/tmDateTimePicker/tmDateTimePicker';\nimport ReactSelect from '../../../components/utilComponents/tmSlimSelect/reactSelect';\nimport { GlobalValues } from '../../../util/constants';\nimport { isManagement} from '../../../util/customMethods';\nimport moment from 'moment';\nimport Form from 'react-validation/build/form';\nimport {\n required\n} from \"../../../util/validationMethods.js\";\nimport {tableColumns} from '../../../util/tableColumnUtil/driversColumn'\nimport { ExcelFile, ExcelSheet, ExcelColumn } from 'react-data-export';\nclass DriverPerformanceSummaryCtrl extends Component {\n render() {\n\t\treturn (\n \n \n \n );\n }\n}\nexport default DriverPerformanceSummaryCtrl;","import React, { Component, Fragment } from 'react';\nimport TmReactTable from '../../utilComponents/tmReactTable/tmReactTable';\n\nclass DriverPerformanceSummaryTable extends Component {\n\tconstructor() {\n\t\tsuper();\n\t\tthis.state = {\n\t\t\t\n\t\t}\n\t}\n\trender() {\n const cols=[ \n {\n Header: 'INVOICE#',\n accessor: 'invoice'\n \n }, \n {\n Header: 'SERVICE CALL DATE',\n accessor: 'servicecalldate'\n }\n ];\n\t\treturn (\n \n \n \n\t\t);\n\t}\n}\n\n\nexport default DriverPerformanceSummaryTable;","import React, { Component, Fragment } from 'react';\nimport { withRouter } from 'react-router-dom';\nimport { connect } from 'react-redux';\nimport {tableColumns} from '../../../util/tableColumnUtil/driversColumn';\nimport { isValidForm } from '../../../util/validationMethods';\nimport { notify } from '../../../util/notifications';\nimport printJS from 'print-js';\nimport {isManagement,getCompanyId} from '../../../util/customMethods'\nimport {cleanDriverPerReport,emailDriverPerformanceSum,retrieveDriverReport} from '../../../actions/reportAction/driverAction/driverPerformance'\nimport {initDriverState} from '../../../util/stateUtil/initialStateForComponents';\nimport DriverPerformanceSummaryCtrl from '../../../components/reportsComponents/drivermanagement/driverPerformanceSummaryCtrl';\nimport DriverPerformanceSummaryTable from '../../../components/reportsComponents/drivermanagement/driverPerformanceSummaryTable';\nconst printJSHeaders = tableColumns.map(column => ({\n field: column.accessor,\n displayName: column.Header || column.accessor\n}))\nconst pageTitle = 'Driver Performance Summary'\nlet DriverPerformanceSummaryForm={\n}\n\nclass DriverPerformanceSummary extends Component {\n\tstate = {\n ...initDriverState\n\t\t}\n Go = async () => {\n const { dispatch } = this.props;\n let status = false;\n let payload = this.buildObject();\n if(payload){\n if (isManagement() && (this.state.idCompany || 0) == 0) {\n status = true;\n }\n const res = await dispatch(retrieveDriverReport(payload, status));\n if (res.statusCode === 200) {\n notify.createNotification('success', res.statusMsg, this.props.refNotify);\n this.setState({ render: false });\n } else {\n notify.createNotification('error', res.statusMsg, this.props.refNotify);\n };\n }\n }\n \n Export = async () => {\n const { dispatch } = this.props;\n let status = false;\n let payload = this.buildObject();\n if(payload){\n if (isManagement() && (this.state.idCompany || 0) == 0) {\n status = true;\n }\n const res = await dispatch(retrieveDriverReport(payload, status));\n if (res.statusCode === 200) {\n this.setState({ render: !this.state.render });\n notify.createNotification('success','Report exported successfully.', this.props.refNotify);\n this.setState({ render: false });\n } else {\n this.setState({ render: false });\n notify.createNotification('error', res.statusMsg, this.props.refNotify);\n };\n }\n }\n \n Print = async () => {\n const { dispatch } = this.props;\n let status = false;\n let payload = this.buildObject();\n if(payload){\n if (isManagement() && (this.state.idCompany || 0) == 0) {\n status = true;\n }\n const res = await dispatch(retrieveDriverReport(payload, status));\n if (res.statusCode === 200) {\n printJS({\n printable: this.props.data,\n properties: printJSHeaders,\n type: 'json',\n documentTitle: 'Driver performance Report'\n });\n } else {\n notify.createNotification('error', res.statusMsg, this.props.refNotify);\n };\n }\n }\n \n email = async () => {\n const { dispatch } = this.props;\n let status = false;\n let payload = this.buildObject();\n if(payload){\n if (isManagement() && (this.state.idCompany || 0) == 0) {\n status = true;\n }\n const res = await dispatch(emailDriverPerformanceSum(payload, status));\n if (res.statusCode === 200) {\n notify.createNotification('success',res.statusMsg, this.props.refNotify);\n } else {\n notify.createNotification('error', res.statusMsg, this.props.refNotify);\n };\n }\n }\n \n /* Building all invoice object for post request */\n buildObject = () => {\n const stateObj = this.state;\n const constractObj = {\n idCompany: isManagement() ? (this.state.idCompany || getCompanyId()) : getCompanyId(),\n fromDate: stateObj.fromDate, \n toDate: stateObj.toDate,\n };\n return constractObj;\n }\n\tcomponentWillMount = () => {\n const { dispatch } = this.props;\n dispatch(cleanDriverPerReport());\n\t\tdocument.title = pageTitle;\n }\n onDriverPerformanceSummaryFieldChange=(key, value)=>{\n this.setState({[key]:value});\n }\n\trender() {\n let stateObj = this.state;\n\t\treturn (\n \n \n
\n
\n
\n
Driver Performance Summary
\n \n
\n
\n
\n this.onDriverPerformanceSummaryFieldChange(key, value)}\n initCallBack={(frm)=>{\n\t\t\t\t\t\tDriverPerformanceSummaryForm=frm;\n }} startdate={this.state.startDate} enddate={this.state.endDate} \n childCompList={this.props.childCompList} data={this.props.data}\n Go={()=>{\n DriverPerformanceSummaryForm.validateAll()\n if(isValidForm(DriverPerformanceSummaryForm)){\n this.Go();\n }}} \n Export={()=>{\n DriverPerformanceSummaryForm.validateAll()\n if(isValidForm(DriverPerformanceSummaryForm)){\n this.Export();\n }}}\n email={()=>{\n DriverPerformanceSummaryForm.validateAll()\n if(isValidForm(DriverPerformanceSummaryForm)){\n this.email();\n }}} Print={()=>{\n DriverPerformanceSummaryForm.validateAll()\n if(isValidForm(DriverPerformanceSummaryForm)){\n this.Print();\n }}}\n />\n \n
\n \n\t\t);\n\t}\n}\nconst mapStateToProps = (state, ownProps) => {\n\treturn {\n\t\trefNotify: state.refNotify,\n childCompList: state.searchInvoiceList.childComList,\n data:state.driverObj.driverPerformanceData\n\t}\n};\n\nexport default withRouter(connect(mapStateToProps)(DriverPerformanceSummary));\n","import React, { Component, Fragment } from 'react';\nimport Form from 'react-validation/build/form';\nclass AuctionListCtrl extends Component {\n\tconstructor() {\n\t\tsuper();\n\t\tthis.state = {\n\t\t\t\n\t\t}\n }\n render() {\n\t\treturn (\n \n \n \n );\n }\n}\nexport default AuctionListCtrl;","import React, { Component, Fragment } from 'react';\nimport TmReactTable from '../../utilComponents/tmReactTable/tmReactTable';\n\nclass AuctionListTable extends Component {\n\tconstructor() {\n\t\tsuper();\n\t\tthis.state = {\n\t\t\t\n\t\t}\n\t}\n\trender() {\n const cols=[ \n {\n Header: 'INVOICE#',\n accessor: 'invoice'\n \n }, \n {\n Header: 'SERVICE CALL DATE',\n accessor: 'servicecalldate'\n }\n ];\n\t\treturn (\n \n \n \n\t\t);\n\t}\n}\n\n\nexport default AuctionListTable;","import React, { Component, Fragment } from 'react';\nimport { withRouter } from 'react-router-dom';\nimport { connect } from 'react-redux';\nimport AuctionListCtrl from '../../../components/reportsComponents/storagemanagement/auctionListCtrl';\nimport AuctionListTable from '../../../components/reportsComponents/storagemanagement/auctionListTable';\nconst pageTitle = 'Auction List'\nlet AuctionListForm={\n\tformAuctionListInfo:{}\n}\n\nclass AuctionList extends Component {\n\tconstructor() {\n\t\tsuper();\n\t\tthis.state = {\n\t\t}\n\t}\n\tcomponentWillMount = () => {\n\t\tdocument.title = pageTitle;\n\t\t\n }\n\trender() {\n\t\treturn (\n \n \n \n
{\n\t\t\t\t\t\tAuctionListForm.formAuctionListInfo=frm;\n }}/>\n \n \n
\n
\n
\n
Storage Inventory
\n \n
\n
\n
\n {this.onFieldChange(key,val)}}\n childCompList={this.props.childCompList} locations={this.props.locations}\n inventoryGo={this.inventoryGo} inventoryExport={this.inventoryExport} data={this.props.data}\n emailInventory={this.emailInventory} inventoryPrint={this.inventoryPrint}\n accountList = {this.props.accountList||[]}\n initCallBack={(frm)=>{\n\t\t\t\t\t\tStorageInventoryForm.formStorageInventoryInfo=frm;\n }} />\n \n
\n \n\t\t);\n\t}\n}\nconst mapStateToProps = (state, ownProps) => {\n\treturn {\n\t\trefNotify: state.refNotify,\n childCompList: state.searchInvoiceList.childComList,\n locations: state.location.locationList,\n data:state.storageManagement.inventoryReportData,\n accountList: state.invoiceInfo.accountList,\n\t}\n};\n\nexport default withRouter(connect(mapStateToProps)(StorageInventory));\n","import React, { Component, Fragment } from 'react';\nimport Form from 'react-validation/build/form';\nclass NoAVRFiledCtrl extends Component {\n\tconstructor() {\n\t\tsuper();\n\t\tthis.state = {\n\t\t\t\n\t\t}\n }\n render() {\n\t\treturn (\n \n \n \n );\n }\n}\nexport default NoAVRFiledCtrl;","import React, { Component, Fragment } from 'react';\nimport TmReactTable from '../../utilComponents/tmReactTable/tmReactTable';\n\nclass NoAVRFiledTable extends Component {\n\tconstructor() {\n\t\tsuper();\n\t\tthis.state = {\n\t\t\t\n\t\t}\n\t}\n\trender() {\n const cols=[ \n {\n Header: 'INVOICE#',\n accessor: 'invoice'\n \n }, \n {\n Header: 'SERVICE CALL DATE',\n accessor: 'servicecalldate'\n }\n ];\n\t\treturn (\n \n \n \n\t\t);\n\t}\n}\n\n\nexport default NoAVRFiledTable;","import React, { Component, Fragment } from 'react';\nimport { withRouter } from 'react-router-dom';\nimport { connect } from 'react-redux';\nimport NoAVRFiledCtrl from '../../../components/reportsComponents/storagemanagement/noAVRFiledCtrl';\nimport NoAVRFiledTable from '../../../components/reportsComponents/storagemanagement/noAVRFiledTable';\nconst pageTitle = 'No AVR Filed'\nlet NoAVRFiledForm={\n\tformNoAVRFiledInfo:{}\n}\n\nclass NoAVRFiled extends Component {\n\tconstructor() {\n\t\tsuper();\n\t\tthis.state = {\n\n\t\t}\n\t}\n\tcomponentWillMount = () => {\n\t\tdocument.title = pageTitle;\n\t\t\n }\n\trender() {\n\t\treturn (\n \n \n \n {\n\t\t\t\t\t\tNoAVRFiledForm.formNoAVRFiledInfo=frm;\n }} />\n \n
\n \n\t\t);\n\t}\n}\nconst mapStateToProps = (state, ownProps) => {\n\treturn {\n\t\t\n\t}\n};\n\nexport default withRouter(connect(mapStateToProps)(NoAVRFiled));\n","import React, { Component, Fragment } from 'react';\nimport TmDateTimePicker from '../../utilComponents/tmDateTimePicker/tmDateTimePicker';\nimport { GlobalValues } from '../../../util/constants.js';\nimport moment from 'moment';\nimport Form from 'react-validation/build/form';\nimport {\n required\n} from \"../../../util/validationMethods.js\";\nclass AccountContactReportCtrl extends Component {\n\tconstructor() {\n\t\tsuper();\n\t\tthis.state = {\n\t\t\t\n\t\t}\n }\n render() {\n\t\treturn (\n \n \n \n );\n }\n}\nexport default AccountContactReportCtrl;","import React, { Component, Fragment } from 'react';\nimport TmReactTable from '../../utilComponents/tmReactTable/tmReactTable';\n\nclass AccountContactReportTable extends Component {\n\tconstructor() {\n\t\tsuper();\n\t\tthis.state = {\n\t\t\t\n\t\t}\n\t}\n\trender() {\n const cols=[ \n {\n Header: 'INVOICE#',\n accessor: 'invoice'\n \n }, \n {\n Header: 'SERVICE CALL DATE',\n accessor: 'servicecalldate'\n }\n ];\n\t\treturn (\n \n \n \n\t\t);\n\t}\n}\n\n\nexport default AccountContactReportTable;","import React, { Component, Fragment } from 'react';\nimport { withRouter } from 'react-router-dom';\nimport { connect } from 'react-redux';\nimport AccountContactReportCtrl from '../../../components/reportsComponents/accountmanagement/accountContactReportCtrl';\nimport AccountContactReportTable from '../../../components/reportsComponents/accountmanagement/accountContactReportTable';\nconst pageTitle = 'Account Contact Report'\nlet AccountContactReportForm={\n\tformAccountContactReportInfo:{}\n}\n\nclass AccountContactReport extends Component {\n\tconstructor() {\n\t\tsuper();\n\t\tthis.state = {\n asOfDate:''\n\t\t}\n\t}\n\tcomponentWillMount = () => {\n\t\tdocument.title = pageTitle;\n\t\t\n }\n onAccountContactFieldChange=(key, value)=>{\n this.setState({[key]:value});\n }\n\trender() {\n\t\treturn (\n \n \n
\n
\n
\n
Account Contact Report
\n \n
\n
\n
\n
this.onAccountContactFieldChange(key, value)}\n initCallBack={(frm)=>{\n\t\t\t\t\t\tAccountContactReportForm.formAccountContactReportInfo=frm;\n }} asofdate={this.state.asOfDate}/>\n \n \n
\n
\n
\n
Billable Invoice Activity
\n \n
\n
\n
\n
this.onAccountActivityFieldChange(key, value)}\n initCallBack={(frm)=>{\n\t\t\t\t\t\tAccountActivityReportForm.formAccountActivityReportInfo=frm;\n }} asofdate={this.state.asOfDate}/>\n \n \n
\n
\n
\n
PPI Revenue Report
\n \n
\n
\n
\n
this.onPPIRevenueFieldChange(key, value)}\n initCallBack={(frm)=>{\n\t\t\t\t\t\tPPIRevenueReportForm.formPPIRevenueReportInfo=frm;\n }} fromdate={this.state.fromDate} todate={this.state.toDate}/>\n \n \n
\n
\n
\n
Missing Po Number
\n \n
\n
\n
\n {/* {\n\t\t\t\t\t\tMissingPOReportForm.formMissingPOReportInfo=frm;\n }}/> */}\n \n \n
\n \n\t\t);\n\t}\n}\nconst mapStateToProps = (state, ownProps) => {\n\treturn {\n\t\t\n\t}\n};\n\nexport default withRouter(connect(mapStateToProps)(MissingPOReport));\n","\nimport React, { Component } from 'react';\nimport { LAUNCH_URL,ROOT_DISPATCHER,ROOT_ADMIN} from '../../util/customMethods';\nexport const tableColumnsNegative = [\n {\n accessor: 'displayInvoiceId',\n Header: 'Invoice #',\n style: { textAlign: 'center' },\n Cell: props => { \n window.open(`${LAUNCH_URL}/${ROOT_DISPATCHER}/serviceCallInfo/${props.original.invoiceNumber}`,'_blank');\n }}>{props.original.displayInvoiceId},\n width: 200\n },\n {\n accessor: 'invoiceDate',\n Header: 'Invoice Date',\n style: { textAlign: 'center' },\n width: 200\n },\n {\n accessor: 'company',\n Header: 'Company',\n style: { textAlign: 'center' },\n width: 200\n },\n {\n accessor: 'requestedBy',\n Header: 'Requested By',\n style: { textAlign: 'center' },\n Cell: props => { \n window.open(`${LAUNCH_URL}/${ROOT_ADMIN}/accountDetails?aid=${props.original.requestByAccId}`,'_blank');\n }}>{props.original.requestedBy},\n width: 200\n },\n {\n accessor: 'billTo',\n Header: 'Bill To',\n style: { textAlign: 'center' },\n Cell: props => { \n window.open(`${LAUNCH_URL}/${ROOT_ADMIN}/accountDetails?aid=${props.original.billToAccId}`,'_blank');\n }}>{props.original.billTo},\n width: 200\n },\n {\n accessor: 'totalCharge',\n Header: 'Total Charged',\n style: { textAlign: 'center' },\n width: 150,\n sortMethod: (a, b) => Number(a)-Number(b),\n filterMethod: (filter, row) =>\n parseInt(row._original.totalCharge||0)===parseInt(filter.value||0),\n Cell: props => `$ ${props.original.totalCharge}`\n },\n {\n accessor: 'balance',\n Header: 'Balance',\n style: { textAlign: 'center' },\n width: 150,\n sortMethod: (a, b) => Number(a)-Number(b),\n filterMethod: (filter, row) =>\n parseInt(row._original.balance||0)===parseInt(filter.value||0),\n Cell: props => `$ ${props.original.balance}`\n },\n {\n accessor: 'paymentLocation',\n Header: 'Payment Location',\n style: { textAlign: 'center' },\n width: 200\n },\n {\n accessor: 'discount',\n Header: 'Discounts',\n style: { textAlign: 'center' },\n sortMethod: (a, b) => Number(a)-Number(b),\n filterMethod: (filter, row) =>\n parseInt(row._original.discount||0)===parseInt(filter.value||0),\n width: 200\n }\n];\nexport const tableColumnsPartial = [\n {\n accessor: 'displayInvoiceId',\n Header: 'Invoice #',\n style: { textAlign: 'center' },\n Cell: props => { \n window.open(`${LAUNCH_URL}/${ROOT_DISPATCHER}/serviceCallInfo/${props.original.invoiceNumber}`,'_blank');\n }}>{props.original.displayInvoiceId},\n width: 200\n },\n {\n accessor: 'invoiceDate',\n Header: 'Date',\n style: { textAlign: 'center' },\n width: 200\n },\n {\n accessor: 'company',\n Header: 'Company',\n style: { textAlign: 'center' },\n width: 200\n },\n {\n accessor: 'requestedBy',\n Header: 'Requested By',\n style: { textAlign: 'center' },\n Cell: props => { \n window.open(`${LAUNCH_URL}/${ROOT_ADMIN}/accountDetails?aid=${props.original.requestByAccId}`,'_blank');\n }}>{props.original.requestedBy},\n width: 200\n },\n {\n accessor: 'billTo',\n Header: 'Bill To',\n style: { textAlign: 'center' },\n Cell: props => { \n window.open(`${LAUNCH_URL}/${ROOT_ADMIN}/accountDetails?aid=${props.original.billToAccId}`,'_blank');\n }}>{props.original.billTo},\n width: 200\n },\n {\n accessor: 'totalCharge',\n Header: 'Total Charges',\n style: { textAlign: 'center' },\n width: 200,\n sortMethod: (a, b) => Number(a)-Number(b),\n filterMethod: (filter, row) =>\n parseInt(row._original.totalCharge||0)===parseInt(filter.value||0),\n Cell: props => `$ ${props.original.totalCharge}`\n },\n {\n accessor: 'balance',\n Header: 'Balance',\n style: { textAlign: 'center' },\n width: 200,\n sortMethod: (a, b) => Number(a)-Number(b),\n filterMethod: (filter, row) =>\n parseInt(row._original.balance||0)===parseInt(filter.value||0),\n Cell: props => `$ ${props.original.balance}`\n },\n {\n accessor: 'paymentLocation',\n Header: 'Payment Location',\n style: { textAlign: 'center' },\n width: 200\n },\n {\n accessor: 'discount',\n Header: 'Discount',\n style: { textAlign: 'center' },\n sortMethod: (a, b) => Number(a)-Number(b),\n filterMethod: (filter, row) =>\n parseInt(row._original.discount||0)===parseInt(filter.value||0),\n width: 200\n }\n];\nexport const tableColumns = [\n {\n accessor: 'displayInvoiceId',\n Header: 'Invoice #',\n style: { textAlign: 'center' },\n Cell: props => { \n window.open(`${LAUNCH_URL}/${ROOT_DISPATCHER}/serviceCallInfo/${props.original.invoiceNumber}`,'_blank');\n }}>{props.original.displayInvoiceId}\n },\n {\n accessor: 'invoiceDate',\n Header: 'Date',\n style: { textAlign: 'center' }\n },\n {\n accessor: 'company',\n Header: 'Company',\n style: { textAlign: 'center' },\n width: 200\n },\n {\n accessor: 'requestedBy',\n Header: 'Requested By',\n style: { textAlign: 'center' },\n Cell: props => { \n window.open(`${LAUNCH_URL}/${ROOT_ADMIN}/accountDetails?aid=${props.original.requestByAccId}`,'_blank');\n }}>{props.original.requestedBy}\n },\n {\n accessor: 'billTo',\n Header: 'Bill To',\n style: { textAlign: 'center' },\n Cell: props => { \n window.open(`${LAUNCH_URL}/${ROOT_ADMIN}/accountDetails?aid=${props.original.billToAccId}`,'_blank');\n }}>{props.original.billTo}\n },\n {\n accessor: 'totalCharge',\n Header: 'Total Charges',\n style: { textAlign: 'center' },\n sortMethod: (a, b) => Number(a)-Number(b),\n filterMethod: (filter, row) =>\n parseInt(row._original.totalCharge||0)===parseInt(filter.value||0),\n Cell: props => `$ ${props.original.totalCharge}`\n },\n {\n accessor: 'balance',\n Header: 'Balance',\n style: { textAlign: 'center' },\n sortMethod: (a, b) => Number(a)-Number(b),\n filterMethod: (filter, row) =>\n parseInt(row._original.balance||0)===parseInt(filter.value||0),\n Cell: props => `$ ${props.original.balance}`\n },\n {\n accessor: 'paymentLocation',\n Header: 'Location',\n style: { textAlign: 'center' }\n },\n {\n accessor: 'discount',\n Header: 'Discounts',\n sortMethod: (a, b) => Number(a)-Number(b),\n filterMethod: (filter, row) =>\n parseInt(row._original.discount||0)===parseInt(filter.value||0),\n style: { textAlign: 'center' }\n },\n {\n accessor: 'lastPaymentDate',\n Header: 'Last Payment Date',\n style: { textAlign: 'center' }\n }\n];\nexport const unverifiedCols = [\n {\n accessor: 'displayInvoiceId',\n Header: 'Invoice #',\n style: { textAlign: 'center' },\n Cell: props => { \n window.open(`${LAUNCH_URL}/${ROOT_DISPATCHER}/serviceCallInfo/${props.original.invoiceNumber}`,'_blank');\n }}>{props.original.displayInvoiceId},\n width: 200\n },\n {\n accessor: 'invoiceDate',\n Header: 'Date',\n style: { textAlign: 'center' },\n width: 200\n },\n {\n accessor: 'company',\n Header: 'Company',\n style: { textAlign: 'center' },\n width: 200\n },\n {\n accessor: 'requestedBy',\n Header: 'Requested By',\n style: { textAlign: 'center' },\n Cell: props => { \n window.open(`${LAUNCH_URL}/${ROOT_ADMIN}/accountDetails?aid=${props.original.requestByAccId}`,'_blank');\n }}>{props.original.requestedBy},\n width: 200\n },\n {\n accessor: 'billTo',\n Header: 'Bill To',\n style: { textAlign: 'center' },\n Cell: props => { \n window.open(`${LAUNCH_URL}/${ROOT_ADMIN}/accountDetails?aid=${props.original.billToAccId}`,'_blank');\n }}>{props.original.billTo},\n width: 200\n },\n {\n accessor: 'reviewLocation',\n Header: 'Flag/Review Location',\n style: { textAlign: 'center' },\n width: 200\n },\n {\n accessor: 'reviewNote',\n Header: 'Flag Note',\n style: { textAlign: 'center' },\n width: 200\n }\n];","import React, { Component, Fragment } from 'react';\nimport TmDateTimePicker from '../../utilComponents/tmDateTimePicker/tmDateTimePicker';\nimport { GlobalValues } from '../../../util/constants.js';\nimport ReactSelect from '../../../components/utilComponents/tmSlimSelect/reactSelect';\nimport { isManagement } from '../../../util/customMethods';\nimport moment from 'moment';\nimport Form from 'react-validation/build/form';\nimport {\n required\n} from \"../../../util/validationMethods.js\";\nimport {tableColumnsNegative} from '../../../util/tableColumnUtil/managedInvoicesCols'\nimport { ExcelFile, ExcelSheet, ExcelColumn } from 'react-data-export';\nclass NegativeBalanceReportCtrl extends Component {\n render() {\n\t\treturn (\n \n \n \n );\n }\n}\nexport default NegativeBalanceReportCtrl;","import React, { Component, Fragment } from 'react';\nimport TmReactTable from '../../utilComponents/tmReactTable/tmReactTable';\n\nclass NegativeBalanceReportTable extends Component {\n render() {\n const cols = [\n {\n Header: 'INVOICE#',\n accessor: 'invoice'\n\n },\n {\n Header: 'SERVICE CALL DATE',\n accessor: 'servicecalldate'\n }\n ];\n return (\n \n \n \n );\n }\n}\n\n\nexport default NegativeBalanceReportTable;","import * as actionTypes from '../../actionTypes';\nimport { moduleTypes } from '../../../util/constants';\nimport { getAccessToken } from '../../authenticateActions'\nimport { getAxiosInstance } from '../../../util/service';\nexport const retrieveInvoiceManageReport = (obj, status) => {\n return async (dispatch) => {\n try {\n const _url = `/getManagedInvoices/${obj.name}/${obj.idCompany}/${status}?access_token=${getAccessToken()}&asOfDate=${obj.asOfDate}&location=${obj.location}`;\n const response = await getAxiosInstance(moduleTypes.REPORT).get(_url);\n if (response.status === 200) {\n dispatch({ type: actionTypes.GET_INVOICE_MANAGE_DATA, invoiceManageReportData: response.data.response || [] })\n } else {\n dispatch({ type: actionTypes.GET_INVOICE_MANAGE_DATA, invoiceManageReportData: undefined })\n }\n return { statusCode: response.data.statusCode, statusMsg: response.data.statusMsg }\n } catch (ex) {\n dispatch({ type: actionTypes.GET_INVOICE_MANAGE_DATA, invoiceManageReportData: undefined })\n return { statusCode: 500, statusMsg: 'An unexpected error occurred.' }\n }\n }\n}\nexport const cleanManagedInvociesReport = () => {\n return async (dispatch) => {\n dispatch({ type: actionTypes.GET_INVOICE_MANAGE_DATA, invoiceManageReportData: undefined })\n }\n}\nexport const emailManagedInvoice = (obj, status) => {\n return async (dispatch) => {\n try {\n const _url = `/emailManagedInvoices/${obj.name}/${obj.idCompany}/${status}?access_token=${getAccessToken()}&asOfDate=${obj.asOfDate}&location=${obj.location}`;\n const response = await getAxiosInstance(moduleTypes.REPORT).get(_url);\n return { statusCode: response.data.statusCode, statusMsg: response.data.statusMsg }\n } catch (ex) {\n dispatch({ type: actionTypes.GET_INVOICE_MANAGE_DATA, invoiceManageReportData: undefined })\n return { statusCode: 500, statusMsg: 'An unexpected error occurred.' }\n }\n }\n}","import React, { Component, Fragment } from 'react';\nimport { withRouter } from 'react-router-dom';\nimport { connect } from 'react-redux';\nimport { notify } from '../../../util/notifications';\nimport { isValidForm } from '../../../util/validationMethods';\nimport printJS from 'print-js';\nimport {tableColumnsNegative} from '../../../util/tableColumnUtil/managedInvoicesCols'\nimport { initInvoiceManageState} from '../../../util/stateUtil/initialStateForComponents'\nimport NegativeBalanceReportCtrl from '../../../components/reportsComponents/invoicemanagement/negativeBalanceReportCtrl';\nimport NegativeBalanceReportTable from '../../../components/reportsComponents/invoicemanagement/negativeBalanceReportTable';\nimport {isManagement,getCompanyId} from '../../../util/customMethods'\nimport {cleanManagedInvociesReport,emailManagedInvoice,retrieveInvoiceManageReport} from '../../../actions/reportAction/invoiceManage/invoiceManageAction'\nconst pageTitle = 'Negative Balance Report'\nconst printJSHeaders = tableColumnsNegative.map(column => ({\n field: column.accessor,\n displayName: column.Header || column.accessor\n}))\n\nlet reportForm={}\n\nclass NegativeBalanceReport extends Component {\n\tstate = {\n ...initInvoiceManageState\n\t\t}\n\n Go = async () => {\n const { dispatch } = this.props;\n let status = false;\n let payload = this.buildObject();\n if(payload){\n if (isManagement() && (this.state.idCompany || 0) == 0) {\n status = true;\n }\n const res = await dispatch(retrieveInvoiceManageReport(payload, status));\n if (res.statusCode === 200) {\n notify.createNotification('success', res.statusMsg, this.props.refNotify);\n this.setState({ render: false });\n } else {\n notify.createNotification('error', res.statusMsg, this.props.refNotify);\n };\n }\n }\n \n Export = async () => {\n const { dispatch } = this.props;\n let status = false;\n let payload = this.buildObject();\n if(payload){\n if (isManagement() && (this.state.idCompany || 0) == 0) {\n status = true;\n }\n const res = await dispatch(retrieveInvoiceManageReport(payload, status));\n if (res.statusCode === 200) {\n this.setState({ render: !this.state.render });\n notify.createNotification('success','Report exported successfully.', this.props.refNotify);\n this.setState({ render: false });\n } else {\n this.setState({ render: false });\n notify.createNotification('error', res.statusMsg, this.props.refNotify);\n };\n }\n }\n \n Print = async () => {\n const { dispatch } = this.props;\n let status = false;\n let payload = this.buildObject();\n if(payload){\n if (isManagement() && (this.state.idCompany || 0) == 0) {\n status = true;\n }\n const res = await dispatch(retrieveInvoiceManageReport(payload, status));\n if (res.statusCode === 200) {\n printJS({\n printable: this.props.data,\n properties: printJSHeaders,\n type: 'json',\n documentTitle: 'Driver performance Report'\n });\n } else {\n notify.createNotification('error', res.statusMsg, this.props.refNotify);\n };\n }\n }\n \n email = async () => {\n const { dispatch } = this.props;\n let status = false;\n let payload = this.buildObject();\n if(payload){\n if (isManagement() && (this.state.idCompany || 0) == 0) {\n status = true;\n }\n const res = await dispatch(emailManagedInvoice(payload, status));\n if (res.statusCode === 200) {\n notify.createNotification('success',res.statusMsg, this.props.refNotify);\n } else {\n notify.createNotification('error', res.statusMsg, this.props.refNotify);\n };\n }\n }\n \n /* Building all invoice object for post request */\n buildObject = () => {\n const stateObj = this.state;\n const constractObj = {\n idCompany: isManagement() ? (this.state.idCompany || getCompanyId()) : getCompanyId(),\n asOfDate: stateObj.asOfDate,\n location:stateObj.selectedLocation,\n name:\"negative\"\n };\n return constractObj;\n }\n\tcomponentWillMount = () => {\n const { dispatch } = this.props;\n dispatch(cleanManagedInvociesReport());\n\t\tdocument.title = pageTitle;\n\t\t\n }\n onNegativeBalanceReportFieldChange=(key, value)=>{\n this.setState({[key]:value});\n }\n\trender() {\n let stateObj = this.state;\n\t\treturn (\n \n \n
\n
\n
\n
Negative Balance Report
\n \n
\n
\n
\n {\n reportForm.validateAll()\n if(isValidForm(reportForm)){\n this.Go();\n }}} \n Export={()=>{\n reportForm.validateAll()\n if(isValidForm(reportForm)){\n this.Export();\n }}}\n email={()=>{\n reportForm.validateAll()\n if(isValidForm(reportForm)){\n this.email();\n }}} Print={()=>{\n reportForm.validateAll()\n if(isValidForm(reportForm)){\n this.Print();\n }}}\n childCompList={this.props.childCompList} stateObj={stateObj} location={this.props.locations}\n onNegativeBalanceReportFieldChange={(key, value)=>this.onNegativeBalanceReportFieldChange(key, value)}\n initCallBack={(frm)=>{\n\t\t\t\t\t\treportForm=frm;\n }} asofdate={this.state.asOfDate} data={this.props.data}/>\n \n
\n \n\t\t);\n\t}\n}\nconst mapStateToProps = (state, ownProps) => {\n\treturn {\n\t\trefNotify: state.refNotify,\n childCompList: state.searchInvoiceList.childComList,\n locations: state.location.locationList,\n data:state.invoiceManageObj.invoiceManageReportData\n\t}\n};\n\nexport default withRouter(connect(mapStateToProps)(NegativeBalanceReport));\n","import React, { Component, Fragment } from 'react';\nimport TmDateTimePicker from '../../utilComponents/tmDateTimePicker/tmDateTimePicker';\nimport { GlobalValues } from '../../../util/constants.js';\nimport moment from 'moment';\nimport Form from 'react-validation/build/form';\nimport Input from 'react-validation/build/input';\nimport Select from 'react-validation/build/select';\nimport ReactSelect from '../../../components/utilComponents/tmSlimSelect/reactSelect';\nimport { isManagement } from '../../../util/customMethods';\nimport {\n required\n} from \"../../../util/validationMethods.js\";\nimport {tableColumnsPartial} from '../../../util/tableColumnUtil/managedInvoicesCols'\nimport { ExcelFile, ExcelSheet, ExcelColumn } from 'react-data-export';\nclass PartialPaymentReportCtrl extends Component {\n render() {\n\t\treturn (\n \n \n \n );\n }\n}\nexport default PartialPaymentReportCtrl;","import React, { Component, Fragment } from 'react';\nimport TmReactTable from '../../utilComponents/tmReactTable/tmReactTable';\n\nclass PartialPaymentReportTable extends Component {\n\trender() {\n const cols=[ \n {\n Header: 'INVOICE#',\n accessor: 'invoice'\n \n }, \n {\n Header: 'SERVICE CALL DATE',\n accessor: 'servicecalldate'\n }\n ];\n\t\treturn (\n \n \n \n\t\t);\n\t}\n}\n\n\nexport default PartialPaymentReportTable;","import React, { Component, Fragment } from 'react';\nimport { withRouter } from 'react-router-dom';\nimport { connect } from 'react-redux';\nimport { isValidForm } from '../../../util/validationMethods';\nimport {tableColumnsPartial} from '../../../util/tableColumnUtil/managedInvoicesCols'\nimport { initInvoiceManageState} from '../../../util/stateUtil/initialStateForComponents'\nimport PartialPaymentReportCtrl from '../../../components/reportsComponents/invoicemanagement/partialPaymentReportCtrl';\nimport PartialPaymentReportTable from '../../../components/reportsComponents/invoicemanagement/partialPaymentReportTable';\nimport {isManagement,getCompanyId} from '../../../util/customMethods'\nimport {cleanManagedInvociesReport,emailManagedInvoice,retrieveInvoiceManageReport} from '../../../actions/reportAction/invoiceManage/invoiceManageAction'\nimport { notify } from '../../../util/notifications';\nimport printJS from 'print-js';\nconst printJSHeaders = tableColumnsPartial.map(column => ({\n field: column.accessor,\n displayName: column.Header || column.accessor\n}))\nconst pageTitle = 'Partial Payment Report'\nlet reportForm={\n}\n\nclass PartialPaymentReport extends Component {\n\tstate = {\n ...initInvoiceManageState\n }\n Go = async () => {\n const { dispatch } = this.props;\n let status = false;\n let payload = this.buildObject();\n if(payload){\n if (isManagement() && (this.state.idCompany || 0) == 0) {\n status = true;\n }\n const res = await dispatch(retrieveInvoiceManageReport(payload, status));\n if (res.statusCode === 200) {\n notify.createNotification('success', res.statusMsg, this.props.refNotify);\n this.setState({ render: false });\n } else {\n notify.createNotification('error', res.statusMsg, this.props.refNotify);\n };\n }\n }\n\n Export = async () => {\n const { dispatch } = this.props;\n let status = false;\n let payload = this.buildObject();\n if(payload){\n if (isManagement() && (this.state.idCompany || 0) == 0) {\n status = true;\n }\n const res = await dispatch(retrieveInvoiceManageReport(payload, status));\n if (res.statusCode === 200) {\n this.setState({ render: !this.state.render });\n notify.createNotification('success','Report exported successfully.', this.props.refNotify);\n this.setState({ render: false });\n } else {\n this.setState({ render: false });\n notify.createNotification('error', res.statusMsg, this.props.refNotify);\n };\n }\n }\n\n Print = async () => {\n const { dispatch } = this.props;\n let status = false;\n let payload = this.buildObject();\n if(payload){\n if (isManagement() && (this.state.idCompany || 0) == 0) {\n status = true;\n }\n const res = await dispatch(retrieveInvoiceManageReport(payload, status));\n if (res.statusCode === 200) {\n printJS({\n printable: this.props.data,\n properties: printJSHeaders,\n type: 'json',\n documentTitle: 'Driver performance Report'\n });\n } else {\n notify.createNotification('error', res.statusMsg, this.props.refNotify);\n };\n }\n }\n\n email = async () => {\n const { dispatch } = this.props;\n let status = false;\n let payload = this.buildObject();\n if(payload){\n if (isManagement() && (this.state.idCompany || 0) == 0) {\n status = true;\n }\n const res = await dispatch(emailManagedInvoice(payload, status));\n if (res.statusCode === 200) {\n notify.createNotification('success',res.statusMsg, this.props.refNotify);\n } else {\n notify.createNotification('error', res.statusMsg, this.props.refNotify);\n };\n }\n }\n\n /* Building all invoice object for post request */\n buildObject = () => {\n const stateObj = this.state;\n const constractObj = {\n idCompany: isManagement() ? (this.state.idCompany || getCompanyId()) : getCompanyId(),\n asOfDate: stateObj.asOfDate,\n location:stateObj.selectedLocation,\n name:\"partial payment\"\n };\n return constractObj;\n }\n\tcomponentWillMount = () => {\n const { dispatch } = this.props;\n dispatch(cleanManagedInvociesReport());\n\t\tdocument.title = pageTitle;\n\t\t\n }\n onPartialPaymentReportFieldChange=(key, value)=>{\n this.setState({[key]:value});\n }\n\trender() {\n let stateObj = this.state;\n\t\treturn (\n \n \n
\n
\n
\n
Partial Payment Report
\n \n
\n
\n
\n
{\n reportForm.validateAll()\n if(isValidForm(reportForm)){\n this.Go();\n }}} \n Export={()=>{\n reportForm.validateAll()\n if(isValidForm(reportForm)){\n this.Export();\n }}}\n email={()=>{\n reportForm.validateAll()\n if(isValidForm(reportForm)){\n this.email();\n }}} Print={()=>{\n reportForm.validateAll()\n if(isValidForm(reportForm)){\n this.Print();\n }}}\n childCompList={this.props.childCompList} stateObj={stateObj} location={this.props.locations}\n onPartialPaymentReportFieldChange={(key, value)=>this.onPartialPaymentReportFieldChange(key, value)}\n initCallBack={(frm)=>{\n\t\t\t\t\t\treportForm = frm;\n }} asofdate={this.state.asOfDate} data={this.props.data}/>\n \n \n
\n
\n
\n
Unlocked Invoices
\n \n
\n
\n
\n {\n reportForm.validateAll()\n if(isValidForm(reportForm)){\n this.Go();\n }}} \n Export={()=>{\n reportForm.validateAll()\n if(isValidForm(reportForm)){\n this.Export();\n }}}\n email={()=>{\n reportForm.validateAll()\n if(isValidForm(reportForm)){\n this.email();\n }}} Print={()=>{\n reportForm.validateAll()\n if(isValidForm(reportForm)){\n this.Print();\n }}}\n childCompList={this.props.childCompList} stateObj={stateObj} location={this.props.locations}\n onUnlockedInvoicesFieldChange={(key, value) => this.onUnlockedInvoicesFieldChange(key, value)}\n initCallBack={(frm) => {\n reportForm = frm;\n }} asofdate={this.state.asOfDate} data={this.props.data} />\n \n
\n \n );\n }\n}\nconst mapStateToProps = (state, ownProps) => {\n return {\n refNotify: state.refNotify,\n locations: state.location.locationList,\n childCompList: state.searchInvoiceList.childComList,\n data: state.invoiceManageObj.invoiceManageReportData\n }\n};\n\nexport default withRouter(connect(mapStateToProps)(UnlockedInvoices));\n","import React, { Component, Fragment } from 'react';\nimport TmDateTimePicker from '../../utilComponents/tmDateTimePicker/tmDateTimePicker';\nimport { GlobalValues } from '../../../util/constants.js';\nimport moment from 'moment';\nimport Form from 'react-validation/build/form';\nimport Input from 'react-validation/build/input';\nimport Select from 'react-validation/build/select';\nimport ReactSelect from '../../../components/utilComponents/tmSlimSelect/reactSelect';\nimport { isManagement } from '../../../util/customMethods';\nimport {\n required\n} from \"../../../util/validationMethods.js\";\nimport {unverifiedCols} from '../../../util/tableColumnUtil/managedInvoicesCols'\nimport { ExcelFile, ExcelSheet, ExcelColumn } from 'react-data-export';\n\nclass UnverifiedInvoicesCtrl extends Component {\n render() {\n\t\treturn (\n \n \n \n );\n }\n}\nexport default UnverifiedInvoicesCtrl;","import React, { Component, Fragment } from 'react';\nimport TmReactTable from '../../utilComponents/tmReactTable/tmReactTable';\n\nclass UnverifiedInvoicesTable extends Component {\n\trender() {\n const cols=[ \n {\n Header: 'INVOICE#',\n accessor: 'invoice'\n \n }, \n {\n Header: 'SERVICE CALL DATE',\n accessor: 'servicecalldate'\n }\n ];\n\t\treturn (\n \n \n \n\t\t);\n\t}\n}\n\n\nexport default UnverifiedInvoicesTable;","import React, { Component, Fragment } from 'react';\nimport { withRouter } from 'react-router-dom';\nimport { connect } from 'react-redux';\nimport {unverifiedCols} from '../../../util/tableColumnUtil/managedInvoicesCols'\nimport { initInvoiceManageState} from '../../../util/stateUtil/initialStateForComponents'\nimport UnverifiedInvoicesCtrl from '../../../components/reportsComponents/invoicemanagement/unverifiedInvoicesCtrl';\nimport UnverifiedInvoicesTable from '../../../components/reportsComponents/invoicemanagement/unverifiedInvoicesTable';\nimport {isManagement,getCompanyId} from '../../../util/customMethods'\nimport {cleanManagedInvociesReport,emailManagedInvoice,retrieveInvoiceManageReport} from '../../../actions/reportAction/invoiceManage/invoiceManageAction'\nimport { notify } from '../../../util/notifications';\nimport { isValidForm } from '../../../util/validationMethods';\nimport printJS from 'print-js';\nconst printJSHeaders = unverifiedCols.map(column => ({\n field: column.accessor,\n displayName: column.Header || column.accessor\n}))\nconst pageTitle = 'Unverified Invoices'\nlet reportForm={\n}\n\nclass UnverifiedInvoices extends Component {\n\tstate = {\n ...initInvoiceManageState\n }\n\n Go = async () => {\n const { dispatch } = this.props;\n let status = false;\n let payload = this.buildObject();\n if(payload){\n if (isManagement() && (this.state.idCompany || 0) == 0) {\n status = true;\n }\n const res = await dispatch(retrieveInvoiceManageReport(payload, status));\n if (res.statusCode === 200) {\n notify.createNotification('success', res.statusMsg, this.props.refNotify);\n this.setState({ render: false });\n } else {\n notify.createNotification('error', res.statusMsg, this.props.refNotify);\n };\n }\n }\n\n Export = async () => {\n const { dispatch } = this.props;\n let status = false;\n let payload = this.buildObject();\n if(payload){\n if (isManagement() && (this.state.idCompany || 0) == 0) {\n status = true;\n }\n const res = await dispatch(retrieveInvoiceManageReport(payload, status));\n if (res.statusCode === 200) {\n this.setState({ render: !this.state.render });\n notify.createNotification('success','Report exported successfully.', this.props.refNotify);\n this.setState({ render: false });\n } else {\n this.setState({ render: false });\n notify.createNotification('error', res.statusMsg, this.props.refNotify);\n };\n }\n }\n\n Print = async () => {\n const { dispatch } = this.props;\n let status = false;\n let payload = this.buildObject();\n if(payload){\n if (isManagement() && (this.state.idCompany || 0) == 0) {\n status = true;\n }\n const res = await dispatch(retrieveInvoiceManageReport(payload, status));\n if (res.statusCode === 200) {\n printJS({\n printable: this.props.data,\n properties: printJSHeaders,\n type: 'json',\n documentTitle: 'Driver performance Report'\n });\n } else {\n notify.createNotification('error', res.statusMsg, this.props.refNotify);\n };\n }\n }\n\n email = async () => {\n const { dispatch } = this.props;\n let status = false;\n let payload = this.buildObject();\n if(payload){\n if (isManagement() && (this.state.idCompany || 0) == 0) {\n status = true;\n }\n const res = await dispatch(emailManagedInvoice(payload, status));\n if (res.statusCode === 200) {\n notify.createNotification('success',res.statusMsg, this.props.refNotify);\n } else {\n notify.createNotification('error', res.statusMsg, this.props.refNotify);\n };\n }\n }\n\n /* Building all invoice object for post request */\n buildObject = () => {\n const stateObj = this.state;\n const constractObj = {\n idCompany: isManagement() ? (this.state.idCompany || getCompanyId()) : getCompanyId(),\n asOfDate: stateObj.asOfDate,\n location:stateObj.selectedLocation,\n name:\"unverified\"\n };\n return constractObj;\n }\n\n\tcomponentWillMount = () => {\n const { dispatch } = this.props;\n dispatch(cleanManagedInvociesReport());\n\t\tdocument.title = pageTitle;\n\t\t\n }\n onUnverifiedInvoicesFieldChange=(key, value)=>{\n this.setState({[key]:value});\n }\n\trender() {\n let stateObj = this.state;\n\t\treturn (\n \n \n
\n
\n
\n
Unverified Invoices
\n \n
\n
\n
\n {\n reportForm.validateAll()\n if(isValidForm(reportForm)){\n this.Go();\n }}} \n Export={()=>{\n reportForm.validateAll()\n if(isValidForm(reportForm)){\n this.Export();\n }}}\n email={()=>{\n reportForm.validateAll()\n if(isValidForm(reportForm)){\n this.email();\n }}} Print={()=>{\n reportForm.validateAll()\n if(isValidForm(reportForm)){\n this.Print();\n }}}\n childCompList={this.props.childCompList} stateObj={stateObj} location={this.props.locations}\n onUnverifiedInvoicesFieldChange={(key, value)=>this.onUnverifiedInvoicesFieldChange(key, value)}\n initCallBack={(frm)=>{\n\t\t\t\t\t\treportForm=frm;\n }} asofdate={this.state.asOfDate} data={this.props.data}/>\n \n
\n \n\t\t);\n\t}\n}\nconst mapStateToProps = (state, ownProps) => {\n\treturn {\n\t\trefNotify: state.refNotify,\n locations: state.location.locationList,\n childCompList: state.searchInvoiceList.childComList,\n data:state.invoiceManageObj.invoiceManageReportData\n\t}\n};\n\nexport default withRouter(connect(mapStateToProps)(UnverifiedInvoices));\n","import React, { Component } from 'react';\nimport {LAUNCH_URL,ROOT_DISPATCHER, ROOT_ADMIN} from '../../util/customMethods'\nexport const tableColumns = [\n {\n accessor: 'reason',\n Header: 'Reason',\n style: { textAlign: 'center' },\n width: 200,\n },\n {\n accessor: 'noOfTows',\n Header: 'Number Of Tows',\n style: { textAlign: 'center' },\n width: 200\n },\n {\n accessor: 'totalCharges',\n Header: '*Total Charges',\n style: { textAlign: 'center' },\n width: 200,\n Cell: props => `$ ${props.original.totalCharges.toFixed(2)}`\n },\n {\n accessor: 'use', \n Header: 'Use %',\n style: { textAlign: 'center' },\n width: 200\n },\n {\n accessor: 'chargesPerTow',\n Header: '*Charges Per Tow',\n style: { textAlign: 'center' },\n width: 200,\n Cell: props => `$ ${props.original.chargesPerTow.toFixed(2)}`\n },\n {\n accessor: 'towType',\n Header: 'Tow Type',\n style: { textAlign: 'center' },\n width: 200\n }\n];\nexport const driverColumns = [\n {\n accessor: 'driverId',\n Header: 'Driver ID',\n style: { textAlign: 'center' },\n width: 200\n },\n {\n accessor: 'driverName',\n Header: 'Driver Name',\n style: { textAlign: 'center' },\n width: 200\n },\n {\n accessor: 'noOfTows',\n Header: 'Number Of Tows',\n style: { textAlign: 'center' },\n width: 200\n },\n {\n accessor: 'totalCharges',\n Header: '*Total Charges',\n style: { textAlign: 'center' },\n width: 200\n },\n {\n accessor: 'use',\n Header: 'Use %',\n style: { textAlign: 'center' },\n width: 200\n },\n {\n accessor: 'chargesPerTow',\n Header: '*Charges Per Tow',\n style: { textAlign: 'center' },\n width: 200\n }\n];\nexport const truckColumns = [\n {\n accessor: 'truck',\n Header: 'Truck ID',\n style: { textAlign: 'center' },\n width: 200\n },\n {\n accessor: 'noOfTows',\n Header: 'Number Of Tows',\n style: { textAlign: 'center' },\n width: 200\n },\n {\n accessor: 'totalCharges',\n Header: '*Total Charges',\n style: { textAlign: 'center' },\n width: 200\n },\n {\n accessor: 'use',\n Header: 'Use %',\n style: { textAlign: 'center' },\n width: 200\n },\n {\n accessor: 'chargesPerTow',\n Header: '*Charges Per Tow',\n style: { textAlign: 'center' },\n width: 200\n }\n];\nexport const reasonClm = [\n {\n accessor: 'reason',\n Header: 'Reason',\n style: { textAlign: 'center' },\n width: 200,\n },\n {\n accessor: 'noOfTows',\n Header: 'Number Of Tows',\n style: { textAlign: 'center' },\n width: 200\n },\n {\n accessor: 'totalCharges',\n Header: '*Total Charges',\n style: { textAlign: 'center' },\n width: 200,\n },\n {\n accessor: 'use', \n Header: 'Use %',\n style: { textAlign: 'center' },\n width: 200\n },\n {\n accessor: 'chargesPerTow',\n Header: '*Charges Per Tow',\n style: { textAlign: 'center' },\n width: 200,\n }\n];\nexport const towColumns = [\n {\n accessor: 'type',\n Header: 'Type',\n style: { textAlign: 'center' },\n width: 200,\n },\n {\n accessor: 'noOfTows',\n Header: 'Number Of Tows',\n style: { textAlign: 'center' },\n sortMethod: (a, b) => Number(a)-Number(b),\n filterMethod: (filter, row) =>\n parseInt(row._original.noOfTows||0)===parseInt(filter.value||0),\n width: 200\n },\n {\n accessor: 'totalCharges',\n Header: '*Total Charges',\n style: { textAlign: 'center' },\n width: 200\n },\n {\n accessor: 'use',\n Header: 'Use %',\n style: { textAlign: 'center' },\n width: 200\n },\n {\n accessor: 'chargesPerTow',\n Header: '*Charges Per Tow',\n style: { textAlign: 'center' },\n width: 200,\n }\n];\nexport const rateColumns = [\n {\n accessor: 'accountRatePlan',\n Header: 'Account Rate Plan',\n style: { textAlign: 'center' },\n width: 200\n },\n {\n accessor: 'noOfTows',\n Header: 'Number Of Tows',\n style: { textAlign: 'center' },\n sortMethod: (a, b) => Number(a)-Number(b),\n filterMethod: (filter, row) =>\n parseInt(row._original.noOfTows||0)===parseInt(filter.value||0),\n width: 200\n },\n {\n accessor: 'totalCharges',\n Header: '*Total Charges',\n style: { textAlign: 'center' },\n width: 200,\n sortMethod: (a, b) => Number(a)-Number(b),\n filterMethod: (filter, row) =>\n parseInt(row._original.totalCharges||0)===parseInt(filter.value||0),\n },\n {\n accessor: 'use',\n Header: 'Use %',\n style: { textAlign: 'center' },\n sortMethod: (a, b) => Number(a)-Number(b),\n filterMethod: (filter, row) =>\n parseInt(row._original.use||0)===parseInt(filter.value||0),\n width: 200\n },\n {\n accessor: 'chargesPerTow',\n Header: '*Charges Per Tow',\n style: { textAlign: 'center' },\n width: 200,\n sortMethod: (a, b) => Number(a)-Number(b),\n filterMethod: (filter, row) =>\n parseInt(row._original.chargesPerTow||0)===parseInt(filter.value||0)\n },\n];\n\nexport const detailsColumns = [\n {\n accessor: 'invoice',\n Header: 'invoice',\n style: { textAlign: 'center' },\n //Cell: props => {window.open(`${LAUNCH_URL}/${ROOT_DISPATCHER}/editServiceCall?invoiceId=${props.original.invoice}`,'_blank')}}>{props.original.invoice},\n width: 160,\n Footer:(Total :)\n },\n {\n accessor: 'invoiceCreatedDate',\n Header: 'Invoice Created Date',\n style: { textAlign: 'center' },\n width: 200\n },\n {\n accessor: 'requestedBy',\n Header: 'Requested By',\n style: { textAlign: 'center' },\n width: 160\n },\n {\n accessor: 'ratePlan',\n Header: 'Rate Plan',\n style: { textAlign: 'center' },\n width: 160\n },\n {\n accessor: 'reason',\n Header: 'Reason',\n style: { textAlign: 'center' },\n width: 200\n },\n {\n accessor: 'towType',\n Header: 'Tow Type',\n style: { textAlign: 'center' },\n width: 200\n },\n {\n accessor: 'driver',\n Header: 'Driver',\n style: { textAlign: 'center' },\n width: 120\n },\n \n {\n accessor: 'truck',\n Header: 'Truck',\n style: { textAlign: 'center' },\n width: 120\n },\n \n {\n accessor: 'totalCharges',\n Header: '* Total Charges',\n style: { textAlign: 'center' },\n width: 150,\n }\n];\nexport const resColumns = [\n {\n accessor: 'invoiceId',\n Header: 'Invoice #',\n style: { textAlign: 'center' },\n Cell: props => {\n window.open(LAUNCH_URL + '/' + ROOT_DISPATCHER + '/serviceCallInfo/' + props.original.invoiceId, '_blank');\n }}>{props.original.displayInvoiceId},\n width: 120\n },\n {\n accessor: 'account',\n Header: 'Account',\n style: { textAlign: 'center' },\n Cell: props => {\n window.open(LAUNCH_URL + '/' + ROOT_ADMIN + '/accountDetails?aid=' + props.original.accountId, '_blank');\n }}>{props.original.account},\n width: 250\n },\n {\n accessor: 'callerTakerId',\n Header: 'Call Taker ID',\n style: { textAlign: 'center' },\n width: 140\n },\n {\n accessor: 'dispatchId',\n Header: 'Dispatch ID',\n style: { textAlign: 'center' },\n width: 140\n },\n {\n accessor: 'driverId',\n Header: 'Driver ID',\n style: { textAlign: 'center' },\n Cell: props => { \n // window.open(`${LAUNCH_URL}/${ROOT_ADMIN}/employeesDetails?eid=${props.original.employeeId}`,'_blank');\n }}>{props.original.driverId},\n width: 80\n },\n {\n accessor: 'callTime',\n Header: 'Call Time',\n style: { textAlign: 'center' },\n width: 100\n },\n {\n accessor: 'dispatchedTime',\n Header: 'Dispatched Time',\n style: { textAlign: 'center' },\n width: 150\n },\n {\n accessor: 'arrivalTime',\n Header: 'Arrival Time',\n style: { textAlign: 'center' },\n width: 100\n },\n {\n accessor: 'clearedTime',\n Header: 'Cleared Time',\n style: { textAlign: 'center' },\n width: 120\n },\n {\n accessor: 'callToDispatch',\n Header: 'Call To Dispatch',\n style: { textAlign: 'center' },\n sortMethod: (a, b) => Number(a)-Number(b),\n filterMethod: (filter, row) =>\n parseInt(row._original.callToDispatch||0)===parseInt(filter.value||0),\n width: 140\n },\n {\n accessor: 'callToArrival',\n Header: 'Call To Arrival',\n style: { textAlign: 'center' },\n sortMethod: (a, b) => Number(a)-Number(b),\n filterMethod: (filter, row) =>\n parseInt(row._original.callToArrival||0)===parseInt(filter.value||0),\n width: 120\n },\n {\n accessor: 'dispatchToClear',\n Header: 'Dispatch To Clear',\n style: { textAlign: 'center' },\n sortMethod: (a, b) => Number(a)-Number(b),\n filterMethod: (filter, row) =>\n parseInt(row._original.dispatchToClear||0)===parseInt(filter.value||0),\n width: 130\n },\n {\n accessor: 'late',\n Header: 'Late',\n style: { textAlign: 'center' },\n sortMethod: (a, b) => Number(a)-Number(b),\n filterMethod: (filter, row) =>\n parseInt(row._original.late||0)===parseInt(filter.value||0),\n width: 50\n }\n];\n","import React, { Component, Fragment } from 'react';\nimport TmDateTimePicker from '../../utilComponents/tmDateTimePicker/tmDateTimePicker';\nimport ReactSelect from '../../../components/utilComponents/tmSlimSelect/reactSelect';\nimport { GlobalValues } from '../../../util/constants';\nimport { isManagement} from '../../../util/customMethods';\nimport moment from 'moment';\nimport Form from 'react-validation/build/form';\nimport {\n required\n} from \"../../../util/validationMethods.js\";\nimport {rateColumns} from '../../../util/tableColumnUtil/summaryClms'\nimport { ExcelFile, ExcelSheet, ExcelColumn } from 'react-data-export';\nclass SummaryByAccountRatePlanCtrl extends Component {\n render() {\n\t\treturn (\n \n \n \n );\n }\n}\nexport default SummaryByAccountRatePlanCtrl;","import React, { Component, Fragment } from 'react';\nimport TmReactTable from '../../utilComponents/tmReactTable/tmReactTable';\nimport { Link } from 'react-router-dom';\nclass SummaryByAccountRatePlanTable extends Component {\n\trender() {\n const cols=[ \n {\n accessor: 'accountName',\n Header: 'Account',\n style: { textAlign: 'center' },\n Footer:( `Total :`) \n }, \n {\n accessor: 'accountRatePlan',\n Header: 'Account Rate Plan',\n style: { textAlign: 'center' },\n Cell: props => {props.original.accountRatePlan},\n \n },\n {\n accessor: 'noOfTows',\n Header: 'Number Of Tows',\n style: { textAlign: 'center' },\n Footer:( ` ${this.props.data.totalTows||0}`) \n },\n {\n accessor: 'totalCharges',\n Header: '* Total Charges',\n style: { textAlign: 'center' },\n Footer:( `$ ${this.props.data.sumOfTotalCharges||0}`) \n },\n {\n accessor: 'use',\n Header: 'Use %',\n style: { textAlign: 'center' },\n },\n {\n accessor: 'chargesPerTow',\n Header: '* Charges Per Tow',\n style: { textAlign: 'center' },\n Footer:( `$ ${this.props.data.avgChargePerTow||0}`) \n },\n ];\n\t\treturn (\n \n \n \n\t\t);\n\t}\n}\n\n\nexport default SummaryByAccountRatePlanTable;","import * as actionTypes from '../../actionTypes';\nimport { moduleTypes } from '../../../util/constants';\nimport { getAccessToken } from '../../authenticateActions'\nimport { getAxiosInstance } from '../../../util/service';\nexport const getsummaryDataReport = (obj, status) => {\n return async (dispatch) => {\n try {\n const _url = `/summaryByType/${obj.name}/${obj.idCompany}/${status}?access_token=${getAccessToken()}&fromDate=${obj.fromDate}&toDate=${obj.toDate}&typeId=${obj.id}&accountId=${obj.accountId}`;\n const response = await getAxiosInstance(moduleTypes.REPORT).get(_url);\n if (response.status === 200) {\n dispatch({ type: actionTypes.GET_SUMMARY_REPORT, summaryData: response.data.response || [] })\n } else {\n dispatch({ type: actionTypes.GET_SUMMARY_REPORT, summaryData: undefined })\n }\n return { statusCode: response.data.statusCode, statusMsg: response.data.statusMsg }\n } catch (ex) {\n dispatch({ type: actionTypes.GET_SUMMARY_REPORT, summaryData: undefined })\n return { statusCode: 500, statusMsg: 'An unexpected error occurred.' }\n }\n }\n}\n\nexport const getResponseReport = (obj, status) => {\n return async (dispatch) => {\n try {\n const _url = `/getResponseTimeDetails/${obj.idCompany}/${status}?access_token=${getAccessToken()}&fromDate=${obj.fromDate}&toDate=${obj.toDate}&lateOnly=${obj.lateOnly}&empId=${obj.empId}&accountId=${obj.accountId}`;\n const response = await getAxiosInstance(moduleTypes.REPORT).get(_url);\n if (response.status === 200) {\n dispatch({ type: actionTypes.GET_RESPONSE_REPORT, responseReport: response.data.response || [] })\n } else {\n dispatch({ type: actionTypes.GET_RESPONSE_REPORT, responseReport: undefined })\n }\n return { statusCode: response.data.statusCode, statusMsg: response.data.statusMsg }\n } catch (ex) {\n dispatch({ type: actionTypes.GET_RESPONSE_REPORT, responseReport: undefined })\n return { statusCode: 500, statusMsg: 'An unexpected error occurred.' }\n }\n }\n}\nexport const cleanResponseReport = () => {\n return async (dispatch) => {\n dispatch({ type: actionTypes.GET_RESPONSE_REPORT, responseReport: undefined })\n }\n}\n\nexport const getsummaryDetailsReport = (obj, status) => {\n return async (dispatch) => {\n try {\n const _url = `/summaryDetailsByType/${obj.name}/${obj.idCompany}/${status}?access_token=${getAccessToken()}&fromDate=${obj.fromDate}&toDate=${obj.toDate}&typeId=${obj.typeId}&accountId=${obj.accountId}`;\n const response = await getAxiosInstance(moduleTypes.REPORT).get(_url);\n if (response.status === 200) {\n dispatch({ type: actionTypes.GET_SUMMARY_DETAILS_REPORT, summaryDetailsData: response.data.response || [] })\n } else {\n dispatch({ type: actionTypes.GET_SUMMARY_DETAILS_REPORT, summaryDetailsData: undefined })\n }\n return { statusCode: response.data.statusCode, statusMsg: response.data.statusMsg }\n } catch (ex) {\n dispatch({ type: actionTypes.GET_SUMMARY_DETAILS_REPORT, summaryDetailsData: undefined })\n return { statusCode: 500, statusMsg: 'An unexpected error occurred.' }\n }\n }\n}\nexport const cleanSummaryDataReport = () => {\n return async (dispatch) => {\n dispatch({ type: actionTypes.GET_SUMMARY_DETAILS_REPORT, summaryDetailsData: undefined })\n }\n}\n\nexport const cleanSummaryDetailsReport = () => {\n return async (dispatch) => {\n dispatch({ type: actionTypes.GET_SUMMARY_REPORT, summaryData: undefined })\n }\n}\n\nexport const emailSummaryByType = (obj, status) => {\n return async (dispatch) => {\n try {\n const _url = `/emailsummaryByType/${obj.name}/${obj.idCompany}/${status}?access_token=${getAccessToken()}&fromDate=${obj.fromDate}&toDate=${obj.toDate}&typeId=${obj.id}&accountId=${obj.accountId}`;\n const response = await getAxiosInstance(moduleTypes.REPORT).get(_url);\n return { statusCode: response.data.statusCode, statusMsg: response.data.statusMsg }\n } catch (ex) {\n dispatch({ type: actionTypes.GET_SUMMARY_REPORT, summaryData: undefined })\n return { statusCode: 500, statusMsg: 'An unexpected error occurred.' }\n }\n }\n}\n\nexport const emailResponseReport = (obj, status) => {\n return async (dispatch) => {\n try {\n const _url = `/emailResponseTimeDetails/${obj.idCompany}/${status}?access_token=${getAccessToken()}&fromDate=${obj.fromDate}&toDate=${obj.toDate}&lateOnly=${obj.lateOnly}&empId=${obj.empId}&accountId=${obj.accountId}`;\n const response = await getAxiosInstance(moduleTypes.REPORT).get(_url);\n return { statusCode: response.data.statusCode, statusMsg: response.data.statusMsg }\n } catch (ex) {\n dispatch({ type: actionTypes.GET_SUMMARY_REPORT, summaryData: undefined })\n return { statusCode: 500, statusMsg: 'An unexpected error occurred.' }\n }\n }\n}","import React, { Component, Fragment } from 'react';\nimport { withRouter } from 'react-router-dom';\nimport { connect } from 'react-redux';\nimport SummaryByAccountRatePlanCtrl from '../../../components/reportsComponents/summaries/summaryByAccountRatePlanCtrl';\nimport SummaryByAccountRatePlanTable from '../../../components/reportsComponents/summaries/summaryByAccountRatePlanTable';\nimport {initSummState} from '../../../util/stateUtil/initialStateForComponents';\nimport { rateColumns } from '../../../util/tableColumnUtil/summaryClms';\nimport { notify } from '../../../util/notifications';\nimport { isValidForm } from '../../../util/validationMethods';\nimport { cleanSummaryDataReport, getsummaryDataReport, emailSummaryByType } from '../../../actions/reportAction/summaryAction/summary'\nimport printJS from 'print-js';\nimport { isManagement, getCompanyId } from '../../../util/customMethods';\nconst printJSHeaders = rateColumns.map(column => ({\n field: column.accessor,\n displayName: column.Header || column.accessor\n}))\nconst pageTitle = 'Summary By Account Rate Plan'\nlet ReportForm={}\n\nclass SummaryByAccountRatePlan extends Component {\n state = {\n ...initSummState\n }\n\n Go = async () => {\n const { dispatch } = this.props;\n let status = false;\n let payload = this.buildObject();\n if (payload) {\n if (isManagement() && (this.state.idCompany || 0) == 0) {\n status = true;\n }\n const res = await dispatch(getsummaryDataReport(payload, status));\n if (res.statusCode === 200) {\n notify.createNotification('success', res.statusMsg, this.props.refNotify);\n this.setState({ render: false });\n } else {\n notify.createNotification('error', res.statusMsg, this.props.refNotify);\n };\n }\n }\n\n Export = async () => {\n const { dispatch } = this.props;\n let status = false;\n let payload = this.buildObject();\n if (payload) {\n if (isManagement() && (this.state.idCompany || 0) == 0) {\n status = true;\n }\n const res = await dispatch(getsummaryDataReport(payload, status));\n if (res.statusCode === 200) {\n this.setState({ render: !this.state.render });\n notify.createNotification('success', 'Report exported successfully.', this.props.refNotify);\n this.setState({ render: false });\n } else {\n this.setState({ render: false });\n notify.createNotification('error', res.statusMsg, this.props.refNotify);\n };\n }\n }\n\n Print = async () => {\n const { dispatch } = this.props;\n let status = false;\n let payload = this.buildObject();\n if (payload) {\n if (isManagement() && (this.state.idCompany || 0) == 0) {\n status = true;\n }\n const res = await dispatch(getsummaryDataReport(payload, status));\n if (res.statusCode === 200) {\n printJS({\n printable: this.props.summaryObj.accountRatePlanDetails || [],\n properties: printJSHeaders,\n type: 'json',\n documentTitle: 'Driver summary Report'\n });\n } else {\n notify.createNotification('error', res.statusMsg, this.props.refNotify);\n };\n }\n }\n\n Email = async () => {\n const { dispatch } = this.props;\n let status = false;\n let payload = this.buildObject();\n if (payload) {\n if (isManagement() && (this.state.idCompany || 0) == 0) {\n status = true;\n }\n const res = await dispatch(emailSummaryByType(payload, status));\n if (res.statusCode === 200) {\n notify.createNotification('success', res.statusMsg, this.props.refNotify);\n } else {\n notify.createNotification('error', res.statusMsg, this.props.refNotify);\n };\n }\n }\n\n /* Building all invoice object for post request */\n buildObject = () => {\n const stateObj = this.state;\n const constractObj = {\n idCompany: isManagement() ? (this.state.idCompany || getCompanyId()) : getCompanyId(),\n fromDate: stateObj.fromDate,\n toDate: stateObj.toDate,\n accountId: 0,\n name: \"rateplan\",\n accountId: stateObj.accountId\n };\n return constractObj;\n }\n\tcomponentWillMount = () => {\n\t\tdocument.title = pageTitle;\n this.props.dispatch(cleanSummaryDataReport());\n\t\t\n }\n onSummaryByAccountRatePlanFieldChange=(key, value)=>{\n this.setState({[key]:value});\n }\n\trender() {\n let stateObj = this.state ;\n\t\treturn (\n \n \n
\n
\n
\n
Summary By Account Rate Plan
\n \n
\n
\n
\n {\n ReportForm.validateAll()\n if (isValidForm(ReportForm)) {\n this.Go();\n }\n }}\n Export={() => {\n ReportForm.validateAll()\n if (isValidForm(ReportForm)) {\n this.Export();\n }\n }}\n Email={() => {\n ReportForm.validateAll()\n if (isValidForm(ReportForm)) {\n this.Email();\n }\n }} Print={() => {\n ReportForm.validateAll()\n if (isValidForm(ReportForm)) {\n this.Print();\n }\n }}\n stateObj={stateObj}\n accountTypes={this.props.accountTypes}\n accountList={this.props.accountList}\n childCompList={this.props.childCompList}\n callReasons={this.props.callReasons}\n towTypes={this.props.towTypes}\n allInvoiceObj={this.props.allInvoiceObj}\n data={this.props.summaryObj}\n onSummaryByAccountRatePlanFieldChange={(key, value)=>this.onSummaryByAccountRatePlanFieldChange(key, value)}\n initCallBack={(frm)=>{\n ReportForm=frm;\n }} fromdate={this.state.fromDate} todate={this.state.toDate}/>\n \n
\n \n\t\t);\n\t}\n}\nconst mapStateToProps = (state, ownProps) => {\n\treturn {\n refNotify: state.refNotify,\n accountTypes: state.accountTypes.accountTypes,\n accountList: state.invoiceInfo.accountList,\n childCompList: state.searchInvoiceList.childComList,\n callReasons: state.callReasons.callReasons,\n towTypes: state.towTypeList.towTypes,\n allInvoiceObj: state.allInvoice,\n summaryObj:state.summaryObj.summaryData\n\t}\n};\n\nexport default withRouter(connect(mapStateToProps)(SummaryByAccountRatePlan));\n","import React, { Component, Fragment } from 'react';\nimport TmDateTimePicker from '../../utilComponents/tmDateTimePicker/tmDateTimePicker';\nimport ReactSelect from '../../../components/utilComponents/tmSlimSelect/reactSelect';\nimport { GlobalValues } from '../../../util/constants';\nimport { isManagement } from '../../../util/customMethods';\nimport moment from 'moment';\nimport Form from 'react-validation/build/form';\nimport {\n required\n} from \"../../../util/validationMethods.js\";\nimport { detailsColumns } from '../../../util/tableColumnUtil/summaryClms'\nimport { ExcelFile, ExcelSheet, ExcelColumn } from 'react-data-export';\n\nclass SummaryByDriverCtrl extends Component {\n render() {\n return (\n \n \n \n );\n }\n}\nexport default SummaryByDriverCtrl;","import React, { Component, Fragment } from 'react';\nimport TmReactTable from '../../utilComponents/tmReactTable/tmReactTable';\nimport { Link } from 'react-router-dom';\nclass SummaryByDriverTable extends Component {\n\trender() {\n const driverColumns = [\n {\n accessor: 'driverId',\n Header: 'Driver ID',\n style: { textAlign: 'center' },\n width: 200,\n Cell: props => {props.original.driverId},\n Footer:(Total :)\n },\n {\n accessor: 'driverName',\n Header: 'Driver Name',\n style: { textAlign: 'center' },\n width: 200\n },\n {\n accessor: 'noOfTows',\n Header: 'Number Of Tows',\n style: { textAlign: 'center' },\n width: 200,\n Footer:( `${this.props.data.totalTows||0}`)\n },\n {\n accessor: 'totalCharges',\n Header: '*Total Charges',\n style: { textAlign: 'center' },\n width: 200,\n Footer:( `$ ${this.props.data.sumOfTotalCharges||0}`)\n },\n {\n accessor: 'use',\n Header: 'Use %',\n style: { textAlign: 'center' },\n width: 200\n },\n {\n accessor: 'chargesPerTow',\n Header: '*Charges Per Tow',\n style: { textAlign: 'center' },\n width: 200,\n Footer:( `$ ${this.props.data.avgChargePerTow||0}`)\n }\n ];\n\t\treturn (\n \n \n \n\t\t);\n\t}\n}\n\n\nexport default SummaryByDriverTable;","import React, { Component, Fragment } from 'react';\nimport { withRouter } from 'react-router-dom';\nimport { connect } from 'react-redux';\nimport SummaryByDriverCtrl from '../../../components/reportsComponents/summaries/summaryByDriverCtrl';\nimport SummaryByDriverTable from '../../../components/reportsComponents/summaries/summaryByDriverTable';\nimport { initSummState } from '../../../util/stateUtil/initialStateForComponents';\nimport { fetchAllDriverList } from '../../../actions/reportAction/allinvoice/allinvoice';\nimport { driverColumns } from '../../../util/tableColumnUtil/summaryClms';\nimport { notify } from '../../../util/notifications';\nimport { isValidForm } from '../../../util/validationMethods';\nimport { cleanSummaryDataReport, getsummaryDataReport, emailSummaryByType } from '../../../actions/reportAction/summaryAction/summary'\nimport printJS from 'print-js';\nimport { isManagement, getCompanyId } from '../../../util/customMethods';\nconst printJSHeaders = driverColumns.map(column => ({\n field: column.accessor,\n displayName: column.Header || column.accessor\n}))\nconst pageTitle = 'Summary By Driver';\nlet ReportForm = {}\nclass SummaryByDriver extends Component {\n state = {\n ...initSummState\n }\n\n Go = async () => {\n const { dispatch } = this.props;\n let status = false;\n let payload = this.buildObject();\n if (payload) {\n if (isManagement() && (this.state.idCompany || 0) == 0) {\n status = true;\n }\n const res = await dispatch(getsummaryDataReport(payload, status));\n if (res.statusCode === 200) {\n notify.createNotification('success', res.statusMsg, this.props.refNotify);\n this.setState({ render: false });\n } else {\n notify.createNotification('error', res.statusMsg, this.props.refNotify);\n };\n }\n }\n\n Export = async () => {\n const { dispatch } = this.props;\n let status = false;\n let payload = this.buildObject();\n if (payload) {\n if (isManagement() && (this.state.idCompany || 0) == 0) {\n status = true;\n }\n const res = await dispatch(getsummaryDataReport(payload, status));\n if (res.statusCode === 200) {\n this.setState({ render: !this.state.render });\n notify.createNotification('success', 'Report exported successfully.', this.props.refNotify);\n this.setState({ render: false });\n } else {\n this.setState({ render: false });\n notify.createNotification('error', res.statusMsg, this.props.refNotify);\n };\n }\n }\n\n Print = async () => {\n const { dispatch } = this.props;\n let status = false;\n let payload = this.buildObject();\n if (payload) {\n if (isManagement() && (this.state.idCompany || 0) == 0) {\n status = true;\n }\n const res = await dispatch(getsummaryDataReport(payload, status));\n if (res.statusCode === 200) {\n printJS({\n printable: this.props.summaryObj.driverDetails || [],\n properties: printJSHeaders,\n type: 'json',\n documentTitle: 'Driver summary Report'\n });\n } else {\n notify.createNotification('error', res.statusMsg, this.props.refNotify);\n };\n }\n }\n\n Email = async () => {\n const { dispatch } = this.props;\n let status = false;\n let payload = this.buildObject();\n if (payload) {\n if (isManagement() && (this.state.idCompany || 0) == 0) {\n status = true;\n }\n const res = await dispatch(emailSummaryByType(payload, status));\n if (res.statusCode === 200) {\n notify.createNotification('success', res.statusMsg, this.props.refNotify);\n } else {\n notify.createNotification('error', res.statusMsg, this.props.refNotify);\n };\n }\n }\n\n /* Building all invoice object for post request */\n buildObject = () => {\n const stateObj = this.state;\n const constractObj = {\n idCompany: isManagement() ? (this.state.idCompany || getCompanyId()) : getCompanyId(),\n fromDate: stateObj.fromDate,\n toDate: stateObj.toDate,\n accountId: 0,\n name: \"driver\",\n id: stateObj.empId\n };\n return constractObj;\n }\n componentWillMount = () => {\n document.title = pageTitle;\n this.props.dispatch(cleanSummaryDataReport());\n this.props.dispatch(fetchAllDriverList());\n\n }\n onSummaryByDriverFieldChange = (key, value) => {\n this.setState({ [key]: value });\n }\n render() {\n let stateObj = this.state;\n return (\n \n \n
\n
\n
\n
Summary By Driver
\n \n
\n
\n
\n {\n ReportForm.validateAll()\n if (isValidForm(ReportForm)) {\n this.Go();\n }\n }}\n Export={() => {\n ReportForm.validateAll()\n if (isValidForm(ReportForm)) {\n this.Export();\n }\n }}\n Email={() => {\n ReportForm.validateAll()\n if (isValidForm(ReportForm)) {\n this.Email();\n }\n }} Print={() => {\n ReportForm.validateAll()\n if (isValidForm(ReportForm)) {\n this.Print();\n }\n }}\n accountTypes={this.props.accountTypes} \n stateObj={stateObj}\n accountList={this.props.accountList}\n childCompList={this.props.childCompList}\n callReasons={this.props.callReasons}\n towTypes={this.props.towTypes}\n allInvoiceObj={this.props.allInvoiceObj}\n data={this.props.summaryObj}\n onSummaryByDriverFieldChange={(key, value) => this.onSummaryByDriverFieldChange(key, value)}\n initCallBack={(frm) => {\n ReportForm = frm;\n }} fromdate={this.state.fromDate} todate={this.state.toDate} />\n \n
\n \n );\n }\n}\nconst mapStateToProps = (state, ownProps) => {\n return {\n refNotify: state.refNotify,\n accountTypes: state.accountTypes.accountTypes,\n accountList: state.invoiceInfo.accountList,\n childCompList: state.searchInvoiceList.childComList,\n callReasons: state.callReasons.callReasons,\n towTypes: state.towTypeList.towTypes,\n allInvoiceObj: state.allInvoice,\n summaryObj: state.summaryObj.summaryData\n }\n};\n\nexport default withRouter(connect(mapStateToProps)(SummaryByDriver));\n","import React, { Component, Fragment } from 'react';\nimport TmDateTimePicker from '../../utilComponents/tmDateTimePicker/tmDateTimePicker';\nimport ReactSelect from '../../../components/utilComponents/tmSlimSelect/reactSelect';\nimport { GlobalValues } from '../../../util/constants';\nimport { isManagement} from '../../../util/customMethods';\nimport moment from 'moment';\nimport Form from 'react-validation/build/form';\nimport {\n required\n} from \"../../../util/validationMethods.js\";\nimport {reasonClm} from '../../../util/tableColumnUtil/summaryClms'\nimport { ExcelFile, ExcelSheet, ExcelColumn } from 'react-data-export';\n\nclass SummaryByReasonCtrl extends Component {\n render() {\n\t\treturn (\n \n \n \n );\n }\n}\nexport default SummaryByReasonCtrl;","import React, { Component, Fragment } from 'react';\nimport TmReactTable from '../../utilComponents/tmReactTable/tmReactTable';\nimport { Link } from 'react-router-dom';\nclass SummaryByReasonTable extends Component {\n\trender() {\n const reason = [\n {\n accessor: 'reason',\n Header: 'Reason',\n style: { textAlign: 'center' },\n Cell: props => {props.original.reason},\n Footer:(Total :)\n },\n {\n accessor: 'noOfTows',\n Header: 'Number Of Tows',\n style: { textAlign: 'center' },\n Footer:( ` ${this.props.data.totalTows||0}`)\n },\n {\n accessor: 'totalCharges',\n Header: '* Total Charges',\n style: { textAlign: 'center' },\n Footer:( `$ ${this.props.data.sumOfTotalCharges||0}`)\n },\n {\n accessor: 'use', \n Header: 'Use %',\n style: { textAlign: 'center' },\n },\n {\n accessor: 'chargesPerTow',\n Header: '* Charges Per Tow',\n style: { textAlign: 'center' },\n Footer:( `$ ${this.props.data.avgChargePerTow||0}`)\n }\n ];\n\t\treturn (\n \n \n \n\t\t);\n\t}\n}\n\n\nexport default SummaryByReasonTable;","import React, { Component, Fragment } from 'react';\nimport { withRouter } from 'react-router-dom';\nimport { connect } from 'react-redux';\nimport { notify } from '../../../util/notifications';\nimport { isValidForm } from '../../../util/validationMethods';\nimport SummaryByReasonCtrl from '../../../components/reportsComponents/summaries/summaryByReasonCtrl';\nimport SummaryByReasonTable from '../../../components/reportsComponents/summaries/summaryByReasonTable';\nimport { initSummState } from '../../../util/stateUtil/initialStateForComponents';\nimport { reasonClm } from '../../../util/tableColumnUtil/summaryClms';\nimport { isManagement, getCompanyId } from '../../../util/customMethods';\nimport { cleanSummaryDataReport, getsummaryDataReport, emailSummaryByType } from '../../../actions/reportAction/summaryAction/summary'\nimport printJS from 'print-js';\nconst printJSHeaders = reasonClm.map(column => ({\n field: column.accessor,\n displayName: column.Header || column.accessor\n}))\nconst pageTitle = 'Summary By Reason'\nlet ReportForm = {};\n\nclass SummaryByReason extends Component {\n state = {\n ...initSummState\n }\n\n Go = async () => {\n const { dispatch } = this.props;\n let status = false;\n let payload = this.buildObject();\n if (payload) {\n if (isManagement() && (this.state.idCompany || 0) == 0) {\n status = true;\n }\n const res = await dispatch(getsummaryDataReport(payload, status));\n if (res.statusCode === 200) {\n notify.createNotification('success', res.statusMsg, this.props.refNotify);\n this.setState({ render: false });\n } else {\n notify.createNotification('error', res.statusMsg, this.props.refNotify);\n };\n }\n }\n\n Export = async () => {\n const { dispatch } = this.props;\n let status = false;\n let payload = this.buildObject();\n if (payload) {\n if (isManagement() && (this.state.idCompany || 0) == 0) {\n status = true;\n }\n const res = await dispatch(getsummaryDataReport(payload, status));\n if (res.statusCode === 200) {\n this.setState({ render: !this.state.render });\n notify.createNotification('success', 'Report exported successfully.', this.props.refNotify);\n this.setState({ render: false });\n } else {\n this.setState({ render: false });\n notify.createNotification('error', res.statusMsg, this.props.refNotify);\n };\n }\n }\n\n Print = async () => {\n const { dispatch } = this.props;\n let status = false;\n let payload = this.buildObject();\n if (payload) {\n if (isManagement() && (this.state.idCompany || 0) == 0) {\n status = true;\n }\n const res = await dispatch(getsummaryDataReport(payload, status));\n if (res.statusCode === 200) {\n printJS({\n printable: this.props.summaryObj.reasonCodeDetails || [],\n properties: printJSHeaders,\n type: 'json',\n documentTitle: 'Driver summary Report'\n });\n } else {\n notify.createNotification('error', res.statusMsg, this.props.refNotify);\n };\n }\n }\n\n Email = async () => {\n const { dispatch } = this.props;\n let status = false;\n let payload = this.buildObject();\n if (payload) {\n if (isManagement() && (this.state.idCompany || 0) == 0) {\n status = true;\n }\n const res = await dispatch(emailSummaryByType(payload, status));\n if (res.statusCode === 200) {\n notify.createNotification('success', res.statusMsg, this.props.refNotify);\n } else {\n notify.createNotification('error', res.statusMsg, this.props.refNotify);\n };\n }\n }\n\n /* Building all invoice object for post request */\n buildObject = () => {\n const stateObj = this.state;\n const constractObj = {\n idCompany: isManagement() ? (this.state.idCompany || getCompanyId()) : getCompanyId(),\n fromDate: stateObj.fromDate,\n toDate: stateObj.toDate,\n accountId: 0,\n name: \"reason\",\n id: stateObj.reason\n };\n return constractObj;\n }\n componentWillMount = () => {\n document.title = pageTitle;\n this.props.dispatch(cleanSummaryDataReport());\n }\n onSummaryByReasonFieldChange = (key, value) => {\n this.setState({ [key]: value });\n }\n render() {\n let stateObj = this.state;\n return (\n \n \n
\n
\n
\n
Summary By Reason
\n \n
\n
\n
\n {\n ReportForm.validateAll()\n if (isValidForm(ReportForm)) {\n this.Go();\n }\n }}\n Export={() => {\n ReportForm.validateAll()\n if (isValidForm(ReportForm)) {\n this.Export();\n }\n }}\n Email={() => {\n ReportForm.validateAll()\n if (isValidForm(ReportForm)) {\n this.Email();\n }\n }} Print={() => {\n ReportForm.validateAll()\n if (isValidForm(ReportForm)) {\n this.Print();\n }\n }}\n stateObj={stateObj}\n accountTypes={this.props.accountTypes}\n accountList={this.props.accountList}\n childCompList={this.props.childCompList}\n callReasons={this.props.callReasons}\n towTypes={this.props.towTypes}\n allInvoiceObj={this.props.allInvoiceObj}\n data={this.props.summaryObj}\n onSummaryByReasonFieldChange={(key, value) => this.onSummaryByReasonFieldChange(key, value)}\n initCallBack={(frm) => {\n ReportForm = frm;\n }} fromdate={this.state.fromDate} todate={this.state.toDate} />\n \n
\n \n );\n }\n}\nconst mapStateToProps = (state, ownProps) => {\n return {\n refNotify: state.refNotify,\n accountTypes: state.accountTypes.accountTypes,\n accountList: state.invoiceInfo.accountList,\n childCompList: state.searchInvoiceList.childComList,\n callReasons: state.callReasons.callReasons,\n towTypes: state.towTypeList.towTypes,\n allInvoiceObj: state.allInvoice,\n summaryObj: state.summaryObj.summaryData\n }\n};\n\nexport default withRouter(connect(mapStateToProps)(SummaryByReason));\n","import React, { Component, Fragment } from 'react';\nimport TmDateTimePicker from '../../utilComponents/tmDateTimePicker/tmDateTimePicker'; import ReactSelect from '../../../components/utilComponents/tmSlimSelect/reactSelect';\nimport { GlobalValues } from '../../../util/constants';\nimport { isManagement } from '../../../util/customMethods';\nimport moment from 'moment';\nimport Form from 'react-validation/build/form';\nimport {\n required\n} from \"../../../util/validationMethods.js\";\nimport { towColumns } from '../../../util/tableColumnUtil/summaryClms'\nimport { ExcelFile, ExcelSheet, ExcelColumn } from 'react-data-export';\n\nclass SummaryByTowTypeCtrl extends Component {\n render() {\n return (\n \n \n \n );\n }\n}\nexport default SummaryByTowTypeCtrl;","import React, { Component, Fragment } from 'react';\nimport TmReactTable from '../../utilComponents/tmReactTable/tmReactTable';\nimport { Link } from 'react-router-dom';\nclass SummaryByTowTypeTable extends Component {\n\trender() {\n const cols=[ \n {\n accessor: 'type',\n Header: 'Type',\n style: { textAlign: 'center' },\n Cell: props => {props.original.type},\n Footer:(Total :)\n },\n {\n accessor: 'noOfTows',\n Header: 'Number Of Tows',\n style: { textAlign: 'center' },\n Footer:( `${this.props.data.totalTows||0}`)\n },\n {\n accessor: 'totalCharges',\n Header: '* Total Charges',\n style: { textAlign: 'center' },\n Footer:( `$ ${this.props.data.sumOfTotalCharges||0}`)\n },\n {\n accessor: 'use',\n Header: 'Use %',\n style: { textAlign: 'center' }\n },\n {\n accessor: 'chargesPerTow',\n Header: '* Charges Per Tow',\n style: { textAlign: 'center' },\n Footer:( `$ ${this.props.data.avgChargePerTow||0}`)\n }\n ];\n\t\treturn (\n \n \n \n\t\t);\n\t}\n}\n\n\nexport default SummaryByTowTypeTable;","import React, { Component, Fragment } from 'react';\nimport { withRouter } from 'react-router-dom';\nimport { connect } from 'react-redux';\nimport { notify } from '../../../util/notifications';\nimport { isValidForm } from '../../../util/validationMethods';\nimport SummaryByTowTypeCtrl from '../../../components/reportsComponents/summaries/summaryByTowTypeCtrl';\nimport SummaryByTowTypeTable from '../../../components/reportsComponents/summaries/summaryByTowTypeTable';\nimport { initSummState } from '../../../util/stateUtil/initialStateForComponents';\nimport { towColumns } from '../../../util/tableColumnUtil/summaryClms';\nimport { cleanSummaryDataReport, getsummaryDataReport, emailSummaryByType } from '../../../actions/reportAction/summaryAction/summary'\nimport printJS from 'print-js';\nimport { isManagement, getCompanyId } from '../../../util/customMethods';\nconst printJSHeaders = towColumns.map(column => ({\n field: column.accessor,\n displayName: column.Header || column.accessor\n}))\nconst pageTitle = 'Summary By Tow Type'\nlet ReportForm = {}\n\nclass SummaryByTowType extends Component {\n state = {\n ...initSummState\n }\n\n Go = async () => {\n const { dispatch } = this.props;\n let status = false;\n let payload = this.buildObject();\n if (payload) {\n if (isManagement() && (this.state.idCompany || 0) == 0) {\n status = true;\n }\n const res = await dispatch(getsummaryDataReport(payload, status));\n if (res.statusCode === 200) {\n notify.createNotification('success', res.statusMsg, this.props.refNotify);\n this.setState({ render: false });\n } else {\n notify.createNotification('error', res.statusMsg, this.props.refNotify);\n };\n }\n }\n\n Export = async () => {\n const { dispatch } = this.props;\n let status = false;\n let payload = this.buildObject();\n if (payload) {\n if (isManagement() && (this.state.idCompany || 0) == 0) {\n status = true;\n }\n const res = await dispatch(getsummaryDataReport(payload, status));\n if (res.statusCode === 200) {\n this.setState({ render: !this.state.render });\n notify.createNotification('success', 'Report exported successfully.', this.props.refNotify);\n this.setState({ render: false });\n } else {\n this.setState({ render: false });\n notify.createNotification('error', res.statusMsg, this.props.refNotify);\n };\n }\n }\n\n Print = async () => {\n const { dispatch } = this.props;\n let status = false;\n let payload = this.buildObject();\n if (payload) {\n if (isManagement() && (this.state.idCompany || 0) == 0) {\n status = true;\n }\n const res = await dispatch(getsummaryDataReport(payload, status));\n if (res.statusCode === 200) {\n printJS({\n printable: this.props.summaryObj.reasonCodeDetails || [],\n properties: printJSHeaders,\n type: 'json',\n documentTitle: 'Driver summary Report'\n });\n } else {\n notify.createNotification('error', res.statusMsg, this.props.refNotify);\n };\n }\n }\n\n Email = async () => {\n const { dispatch } = this.props;\n let status = false;\n let payload = this.buildObject();\n if (payload) {\n if (isManagement() && (this.state.idCompany || 0) == 0) {\n status = true;\n }\n const res = await dispatch(emailSummaryByType(payload, status));\n if (res.statusCode === 200) {\n notify.createNotification('success', res.statusMsg, this.props.refNotify);\n } else {\n notify.createNotification('error', res.statusMsg, this.props.refNotify);\n };\n }\n }\n\n /* Building all invoice object for post request */\n buildObject = () => {\n const stateObj = this.state;\n const constractObj = {\n idCompany: isManagement() ? (this.state.idCompany || getCompanyId()) : getCompanyId(),\n fromDate: stateObj.fromDate,\n toDate: stateObj.toDate,\n accountId: 0,\n name: \"towtype\",\n id: stateObj.reason\n };\n return constractObj;\n }\n\n componentWillMount = () => {\n document.title = pageTitle;\n this.props.dispatch(cleanSummaryDataReport());\n }\n onSummaryByTowTypeFieldChange = (key, value) => {\n this.setState({ [key]: value });\n }\n render() {\n let stateObj = this.state;\n return (\n \n \n
\n
\n
\n
Summary By Tow Type
\n \n
\n
\n
\n {\n ReportForm.validateAll()\n if (isValidForm(ReportForm)) {\n this.Go();\n }\n }}\n Export={() => {\n ReportForm.validateAll()\n if (isValidForm(ReportForm)) {\n this.Export();\n }\n }}\n Email={() => {\n ReportForm.validateAll()\n if (isValidForm(ReportForm)) {\n this.Email();\n }\n }} Print={() => {\n ReportForm.validateAll()\n if (isValidForm(ReportForm)) {\n this.Print();\n }\n }}\n stateObj={stateObj}\n accountTypes={this.props.accountTypes}\n accountList={this.props.accountList}\n childCompList={this.props.childCompList}\n callReasons={this.props.callReasons}\n towTypes={this.props.towTypes}\n data={this.props.summaryObj}\n allInvoiceObj={this.props.allInvoiceObj}\n onSummaryByTowTypeFieldChange={(key, value) => this.onSummaryByTowTypeFieldChange(key, value)}\n initCallBack={(frm) => {\n ReportForm = frm;\n }} fromdate={this.state.fromDate} todate={this.state.toDate} />\n \n
\n \n );\n }\n}\nconst mapStateToProps = (state, ownProps) => {\n return {\n refNotify: state.refNotify,\n accountTypes: state.accountTypes.accountTypes,\n accountList: state.invoiceInfo.accountList,\n childCompList: state.searchInvoiceList.childComList,\n callReasons: state.callReasons.callReasons,\n towTypes: state.towTypeList.towTypes,\n allInvoiceObj: state.allInvoice,\n summaryObj: state.summaryObj.summaryData\n }\n};\n\nexport default withRouter(connect(mapStateToProps)(SummaryByTowType));\n","import React, { Component, Fragment } from 'react';\nimport TmDateTimePicker from '../../utilComponents/tmDateTimePicker/tmDateTimePicker';\nimport ReactSelect from '../../../components/utilComponents/tmSlimSelect/reactSelect';\nimport { GlobalValues } from '../../../util/constants';\nimport { isManagement} from '../../../util/customMethods';\nimport moment from 'moment';\nimport Form from 'react-validation/build/form';\nimport {\n required\n} from \"../../../util/validationMethods.js\";\nimport {truckColumns} from '../../../util/tableColumnUtil/summaryClms'\nimport { ExcelFile, ExcelSheet, ExcelColumn } from 'react-data-export';\n\nclass SummaryByTruckCtrl extends Component {\n render() {\n\t\treturn (\n \n \n \n );\n }\n}\nexport default SummaryByTruckCtrl;","import React, { Component, Fragment } from 'react';\nimport TmReactTable from '../../utilComponents/tmReactTable/tmReactTable';\nimport { Link } from 'react-router-dom';\nclass SummaryByTruckTable extends Component {\n\trender() {\n const tableColumns = [\n {\n accessor: 'truck',\n Header: 'Truck ID',\n style: { textAlign: 'center' },\n Cell: props => {props.original.truck},\n //Cell: props => {props.original.truck},\n Footer:(Total :)\n},\n{\n accessor: 'noOfTows',\n Header: 'Number Of Tows',\n style: { textAlign: 'center' },\n Footer:( ` ${this.props.data.totalTows||0}`)\n},\n{\n accessor: 'totalCharges',\n Header: '* Total Charges',\n style: { textAlign: 'center' },\n Footer:( `$ ${this.props.data.sumOfTotalCharges||0}`)\n},\n{\n accessor: 'use',\n Header: 'Use %',\n style: { textAlign: 'center' },\n},\n{\n accessor: 'chargesPerTow',\n Header: '* Charges Per Tow',\n style: { textAlign: 'center' },\n Footer:( `$ ${this.props.data.avgChargePerTow || 0}`)\n}\n];\n\t\treturn (\n \n \n \n\t\t);\n\t}\n}\n\n\nexport default SummaryByTruckTable;","import React, { Component, Fragment } from 'react';\nimport { withRouter } from 'react-router-dom';\nimport { connect } from 'react-redux';\nimport { notify } from '../../../util/notifications';\nimport { isValidForm } from '../../../util/validationMethods';\nimport SummaryByTruckCtrl from '../../../components/reportsComponents/summaries/summaryByTruckCtrl';\nimport SummaryByTruckTable from '../../../components/reportsComponents/summaries/summaryByTruckTable';\nimport {initSummState} from '../../../util/stateUtil/initialStateForComponents';\nimport { fetchAllTruckList } from '../../../actions/reportAction/allinvoice/allinvoice';\nimport {truckColumns} from '../../../util/tableColumnUtil/summaryClms';\nimport {cleanSummaryDataReport,getsummaryDataReport,emailSummaryByType} from '../../../actions/reportAction/summaryAction/summary'\nimport printJS from 'print-js';\nimport {isManagement,getCompanyId} from '../../../util/customMethods';\nconst printJSHeaders = truckColumns.map(column => ({\n field: column.accessor,\n displayName: column.Header || column.accessor\n}))\nconst pageTitle = 'Summary By Truck'\nlet ReportForm={}\n\nclass SummaryByTruck extends Component {\n\tstate = {\n ...initSummState\n\t\t}\n\n Go = async () => {\n const { dispatch } = this.props;\n let status = false;\n let payload = this.buildObject();\n if (payload) {\n if (isManagement() && (this.state.idCompany || 0) == 0) {\n status = true;\n }\n const res = await dispatch(getsummaryDataReport(payload, status));\n if (res.statusCode === 200) {\n notify.createNotification('success', res.statusMsg, this.props.refNotify);\n this.setState({ render: false });\n } else {\n notify.createNotification('error', res.statusMsg, this.props.refNotify);\n };\n }\n }\n \n Export = async () => {\n const { dispatch } = this.props;\n let status = false;\n let payload = this.buildObject();\n if (payload) {\n if (isManagement() && (this.state.idCompany || 0) == 0) {\n status = true;\n }\n const res = await dispatch(getsummaryDataReport(payload, status));\n if (res.statusCode === 200) {\n this.setState({ render: !this.state.render });\n notify.createNotification('success', 'Report exported successfully.', this.props.refNotify);\n this.setState({ render: false });\n } else {\n this.setState({ render: false });\n notify.createNotification('error', res.statusMsg, this.props.refNotify);\n };\n }\n }\n \n Print = async () => {\n const { dispatch } = this.props;\n let status = false;\n let payload = this.buildObject();\n if (payload) {\n if (isManagement() && (this.state.idCompany || 0) == 0) {\n status = true;\n }\n const res = await dispatch(getsummaryDataReport(payload, status));\n if (res.statusCode === 200) {\n printJS({\n printable: this.props.summaryObj.truckDetails || [],\n properties: printJSHeaders,\n type: 'json',\n documentTitle: 'Driver summary Report'\n });\n } else {\n notify.createNotification('error', res.statusMsg, this.props.refNotify);\n };\n }\n }\n \n Email = async () => {\n const { dispatch } = this.props;\n let status = false;\n let payload = this.buildObject();\n if (payload) {\n if (isManagement() && (this.state.idCompany || 0) == 0) {\n status = true;\n }\n const res = await dispatch(emailSummaryByType(payload, status));\n if (res.statusCode === 200) {\n notify.createNotification('success', res.statusMsg, this.props.refNotify);\n } else {\n notify.createNotification('error', res.statusMsg, this.props.refNotify);\n };\n }\n }\n \n /* Building all invoice object for post request */\n buildObject = () => {\n const stateObj = this.state;\n const constractObj = {\n idCompany: isManagement() ? (this.state.idCompany || getCompanyId()) : getCompanyId(),\n fromDate: stateObj.fromDate,\n toDate: stateObj.toDate,\n accountId: 0,\n name: \"truck\",\n id: stateObj.truckId\n };\n return constractObj;\n }\n\n\tcomponentWillMount = () => {\n const {dispatch} = this.props;\n\t\tdocument.title = pageTitle;\n dispatch(cleanSummaryDataReport());\n dispatch(fetchAllTruckList());\n\t\t\n }\n onSummaryByTruckFieldChange=(key, value)=>{\n this.setState({[key]:value});\n }\n\trender() {\n let stateObj = this.state;\n\t\treturn (\n \n \n
\n
\n
\n
Summary By Truck
\n \n
\n
\n
\n {\n ReportForm.validateAll()\n if (isValidForm(ReportForm)) {\n this.Go();\n }\n }}\n Export={() => {\n ReportForm.validateAll()\n if (isValidForm(ReportForm)) {\n this.Export();\n }\n }}\n Email={() => {\n ReportForm.validateAll()\n if (isValidForm(ReportForm)) {\n this.Email();\n }\n }} Print={() => {\n ReportForm.validateAll()\n if (isValidForm(ReportForm)) {\n this.Print();\n }\n }}\n stateObj={stateObj}\n accountTypes={this.props.accountTypes}\n accountList={this.props.accountList}\n childCompList={this.props.childCompList}\n callReasons={this.props.callReasons}\n towTypes={this.props.towTypes}\n data={this.props.summaryObj}\n allInvoiceObj={this.props.allInvoiceObj}\n onSummaryByTruckFieldChange={(key, value)=>this.onSummaryByTruckFieldChange(key, value)}\n initCallBack={(frm)=>{\n ReportForm=frm;\n }} fromdate={this.state.fromDate} todate={this.state.toDate}/>\n \n
\n \n\t\t);\n\t}\n}\nconst mapStateToProps = (state, ownProps) => {\n\treturn {\n refNotify: state.refNotify,\n accountTypes: state.accountTypes.accountTypes,\n accountList: state.invoiceInfo.accountList,\n childCompList: state.searchInvoiceList.childComList,\n callReasons: state.callReasons.callReasons,\n towTypes: state.towTypeList.towTypes,\n allInvoiceObj: state.allInvoice,\n summaryObj:state.summaryObj.summaryData\n\t}\n};\n\nexport default withRouter(connect(mapStateToProps)(SummaryByTruck));\n","import React, { Component, Fragment } from 'react';\nimport TmDateTimePicker from '../../utilComponents/tmDateTimePicker/tmDateTimePicker';\nimport ReactSelect from '../../../components/utilComponents/tmSlimSelect/reactSelect';\nimport { GlobalValues } from '../../../util/constants';\nimport { isManagement } from '../../../util/customMethods';\nimport moment from 'moment';\nimport Form from 'react-validation/build/form';\nimport {\n required\n} from \"../../../util/validationMethods.js\";\nimport { detailsColumns } from '../../../util/tableColumnUtil/summaryClms'\nimport { ExcelFile, ExcelSheet, ExcelColumn } from 'react-data-export';\n\nclass SummaryDetailsCtrl extends Component {\n render() {\n return (\n \n \n \n );\n }\n}\nexport default SummaryDetailsCtrl;","import React, { Component, Fragment } from 'react';\nimport TmReactTable from '../../utilComponents/tmReactTable/tmReactTable';\nimport { Link } from 'react-router-dom';\nclass SummaryByDetailsTable extends Component {\n\trender() {\n const detailsColumns = [\n {\n accessor: 'displayInvoiceId',\n Header: 'invoice',\n style: { textAlign: 'center' },\n Cell: props => {props.original.displayInvoiceId},\n width: 160,\n Footer:(Total :)\n },\n {\n accessor: 'invoiceCreatedDate',\n Header: 'Invoice Created Date',\n style: { textAlign: 'center' },\n width: 200\n },\n {\n accessor: 'requestedBy',\n Header: 'Requested By',\n style: { textAlign: 'center' },\n width: 160\n },\n {\n accessor: 'ratePlan',\n Header: 'Rate Plan',\n style: { textAlign: 'center' },\n width: 160\n },\n {\n accessor: 'reason',\n Header: 'Reason',\n style: { textAlign: 'center' },\n width: 200\n },\n {\n accessor: 'towType',\n Header: 'Tow Type',\n style: { textAlign: 'center' },\n width: 200\n },\n {\n accessor: 'driver',\n Header: 'Driver',\n style: { textAlign: 'center' },\n width: 120\n },\n \n {\n accessor: 'truck',\n Header: 'Truck',\n style: { textAlign: 'center' },\n width: 120\n },\n \n {\n accessor: 'totalCharges',\n Header: '* Total Charges',\n style: { textAlign: 'center' },\n width: 150,\n //Cell: props => `$ ${props.original.totalCharges.toFixed(2)}`,\n // Footer:( `$ ${((this.props.driverReportDetails||[]).reduce((a, b)=>\n // a + convertToFloat(b['totalCharges'],2) \n // , 0)).toFixed(2)}`)\n }\n];\n\t\treturn (\n \n \n \n\t\t);\n\t}\n}\n\n\nexport default SummaryByDetailsTable;","import React, { Component, Fragment } from 'react';\nimport { withRouter } from 'react-router-dom';\nimport { connect } from 'react-redux';\nimport SummaryDetailsCtrl from '../../../components/reportsComponents/summaries/summaryDetailsCtrl';\nimport SummaryByDetailsTable from '../../../components/reportsComponents/summaries/summaryByDetailsTable';\nimport {initSummDetailsState} from '../../../util/stateUtil/initialStateForComponents';\nimport { detailsColumns } from '../../../util/tableColumnUtil/summaryClms';\nimport { notify } from '../../../util/notifications';\nimport { isValidForm } from '../../../util/validationMethods';\nimport { cleanSummaryDataReport, getsummaryDetailsReport ,cleanSummaryDetailsReport} from '../../../actions/reportAction/summaryAction/summary'\nimport printJS from 'print-js';\nimport { isManagement, getCompanyId ,reportText} from '../../../util/customMethods';\nimport queryString from 'query-string'\nconst printJSHeaders = detailsColumns.map(column => ({\n field: column.accessor,\n displayName: column.Header || column.accessor\n}))\nconst pageTitle = 'Summary By Account Rate Plan'\nlet ReportForm={}\n\nclass SummaryDetails extends Component {\n state = {\n ...initSummDetailsState\n }\n\n Go = async () => {\n const { dispatch } = this.props;\n let status = false;\n let payload = this.buildObject();\n if (payload) {\n if (isManagement() && (this.state.idCompany || 0) == 0) {\n status = true;\n }\n const res = await dispatch(getsummaryDetailsReport(payload, status));\n if (res.statusCode === 200) {\n notify.createNotification('success', res.statusMsg, this.props.refNotify);\n this.setState({ render: false });\n } else {\n notify.createNotification('error', res.statusMsg, this.props.refNotify);\n };\n }\n }\n\n Export = async () => {\n const { dispatch } = this.props;\n let status = false;\n let payload = this.buildObject();\n if (payload) {\n if (isManagement() && (this.state.idCompany || 0) == 0) {\n status = true;\n }\n const res = await dispatch(getsummaryDetailsReport(payload, status));\n if (res.statusCode === 200) {\n this.setState({ render: !this.state.render });\n notify.createNotification('success', 'Report exported successfully.', this.props.refNotify);\n this.setState({ render: false });\n } else {\n this.setState({ render: false });\n notify.createNotification('error', res.statusMsg, this.props.refNotify);\n };\n }\n }\n\n Print = async () => {\n const { dispatch } = this.props;\n let status = false;\n let payload = this.buildObject();\n if (payload) {\n if (isManagement() && (this.state.idCompany || 0) == 0) {\n status = true;\n }\n const res = await dispatch(getsummaryDetailsReport(payload, status));\n if (res.statusCode === 200) {\n printJS({\n printable: this.props.summaryObj.summaryDetails || [],\n properties: printJSHeaders,\n type: 'json',\n documentTitle: reportText(payload.name)+' Report'\n });\n } else {\n notify.createNotification('error', res.statusMsg, this.props.refNotify);\n };\n }\n }\n\n /* Building all invoice object for post request */\n buildObject = () => {\n const stateObj = this.state;\n const constractObj = {\n idCompany: isManagement() ? (stateObj.idCompany || getCompanyId()) : getCompanyId(),\n fromDate: stateObj.fromDate,\n toDate: stateObj.toDate,\n typeId: stateObj.typeId,\n name: stateObj.type,\n accountId: stateObj.accountId\n };\n return constractObj;\n }\n\tcomponentWillMount = () => {\n const parsedHash = queryString.parse(this.props.location.search);\n let repoName = reportText(parsedHash.type||'');\n document.title = repoName;\n this.props.dispatch(cleanSummaryDetailsReport());\n this.setState({ \n typeId: parsedHash.id||'',\n type: parsedHash.type||'',\n fromDate: parsedHash.fromDate||'', \n toDate: parsedHash.toDate||'', \n accountId: parseInt(parsedHash.accountId||0),\n idCompany:parseInt(parsedHash.idCompany||0),\n reportText:repoName\n }, ()=>{\n this.Go();\n })\n }\n onSummaryByAccountRatePlanFieldChange=(key, value)=>{\n this.setState({[key]:value});\n }\n\trender() {\n let stateObj = this.state ;\n\t\treturn (\n \n \n
\n
\n
\n
{stateObj.reportText}
\n \n
\n
\n
\n {\n ReportForm.validateAll()\n if (isValidForm(ReportForm)) {\n this.Go();\n }\n }}\n Export={() => {\n ReportForm.validateAll()\n if (isValidForm(ReportForm)) {\n this.Export();\n }\n }}\n Print={() => {\n ReportForm.validateAll()\n if (isValidForm(ReportForm)) {\n this.Print();\n }\n }}\n stateObj={stateObj}\n accountTypes={this.props.accountTypes}\n accountList={this.props.accountList}\n childCompList={this.props.childCompList}\n callReasons={this.props.callReasons}\n towTypes={this.props.towTypes}\n allInvoiceObj={this.props.allInvoiceObj}\n data={this.props.summaryObj}\n onSummaryByAccountRatePlanFieldChange={(key, value)=>\n this.onSummaryByAccountRatePlanFieldChange(key, value)}\n initCallBack={(frm)=>{\n ReportForm=frm;\n }} fromdate={this.state.fromDate} todate={this.state.toDate}/>\n \n
\n \n\t\t);\n\t}\n}\nconst mapStateToProps = (state, ownProps) => {\n\treturn {\n refNotify: state.refNotify,\n accountTypes: state.accountTypes.accountTypes,\n accountList: state.invoiceInfo.accountList,\n childCompList: state.searchInvoiceList.childComList,\n callReasons: state.callReasons.callReasons,\n towTypes: state.towTypeList.towTypes,\n allInvoiceObj: state.allInvoice,\n summaryObj:state.summaryObj.summaryDetailsData\n\t}\n};\n\nexport default withRouter(connect(mapStateToProps)(SummaryDetails));\n","import React, { Component, Fragment } from 'react';\nimport TmDateTimePicker from '../../utilComponents/tmDateTimePicker/tmDateTimePicker';\nimport ReactSelect from '../../../components/utilComponents/tmSlimSelect/reactSelect';\nimport { GlobalValues } from '../../../util/constants';\nimport { isManagement} from '../../../util/customMethods';\nimport moment from 'moment';\nimport Form from 'react-validation/build/form';\nimport {\n required\n} from \"../../../util/validationMethods.js\";\nimport {resColumns} from '../../../util/tableColumnUtil/summaryClms'\nimport { ExcelFile, ExcelSheet, ExcelColumn } from 'react-data-export';\n\nclass ResponseTimeCtrl extends Component {\n render() {\n const {stateObj} = this.props;\n\t\treturn (\n \n \n \n );\n }\n}\nexport default ResponseTimeCtrl;","import React, { Component, Fragment } from 'react';\nimport TmReactTable from '../../utilComponents/tmReactTable/tmReactTable';\n\nclass ResponseTimeTable extends Component {\n\trender() { \n\t\treturn (\n \n \n \n\t\t);\n\t}\n}\n\n\nexport default ResponseTimeTable;","import React, { Component, Fragment } from 'react';\nimport { withRouter } from 'react-router-dom';\nimport { connect } from 'react-redux';\nimport { notify } from '../../../util/notifications';\nimport ResponseTimeCtrl from '../../../components/reportsComponents/summaries/responseTimeCtrl';\nimport ResponseTimeTable from '../../../components/reportsComponents/summaries/responseTimeTable';\nimport { initResponseState } from '../../../util/stateUtil/initialStateForComponents';\nimport { resColumns } from '../../../util/tableColumnUtil/summaryClms';\nimport { fetchAllDriverList } from '../../../actions/reportAction/allinvoice/allinvoice';\nimport { isManagement, getCompanyId } from '../../../util/customMethods';\nimport { getResponseReport, cleanResponseReport, emailResponseReport } from '../../../actions/reportAction/summaryAction/summary';\nimport { isValidForm } from '../../../util/validationMethods';\nimport printJS from 'print-js';\nconst pageTitle = 'Response Time Report';\nconst printJSHeaders = resColumns.map(column => ({\n field: column.accessor,\n displayName: column.Header || column.accessor\n}))\nlet ReportForm = {};\n\nclass ResponseTime extends Component {\n state = {\n ...initResponseState\n }\n\n Go = async () => {\n const { dispatch } = this.props;\n let status = false;\n let payload = this.buildObject();\n if (payload) {\n if (isManagement() && (this.state.idCompany || 0) == 0) {\n status = true;\n }\n const res = await dispatch(getResponseReport(payload, status));\n if (res.statusCode === 200) {\n notify.createNotification('success', res.statusMsg, this.props.refNotify);\n this.setState({ render: false });\n } else {\n notify.createNotification('error', res.statusMsg, this.props.refNotify);\n };\n }\n }\n\n Export = async () => {\n const { dispatch } = this.props;\n let status = false;\n let payload = this.buildObject();\n if (payload) {\n if (isManagement() && (this.state.idCompany || 0) == 0) {\n status = true;\n }\n const res = await dispatch(getResponseReport(payload, status));\n if (res.statusCode === 200) {\n this.setState({ render: !this.state.render });\n notify.createNotification('success', 'Report exported successfully.', this.props.refNotify);\n this.setState({ render: false });\n } else {\n this.setState({ render: false });\n notify.createNotification('error', res.statusMsg, this.props.refNotify);\n };\n }\n }\n\n Print = async () => {\n const { dispatch } = this.props;\n let status = false;\n let payload = this.buildObject();\n if (payload) {\n if (isManagement() && (this.state.idCompany || 0) == 0) {\n status = true;\n }\n const res = await dispatch(getResponseReport(payload, status));\n if (res.statusCode === 200) {\n printJS({\n printable: this.props.responseReport || [],\n properties: printJSHeaders,\n type: 'json',\n documentTitle: 'Response Time Report'\n });\n } else {\n notify.createNotification('error', res.statusMsg, this.props.refNotify);\n };\n }\n }\n\n Email = async () => {\n const { dispatch } = this.props;\n let status = false;\n let payload = this.buildObject();\n if (payload) {\n if (isManagement() && (this.state.idCompany || 0) == 0) {\n status = true;\n }\n const res = await dispatch(emailResponseReport(payload, status));\n if (res.statusCode === 200) {\n notify.createNotification('success', res.statusMsg, this.props.refNotify);\n } else {\n notify.createNotification('error', res.statusMsg, this.props.refNotify);\n };\n }\n }\n\n /* Building all invoice object for post request */\n buildObject = () => {\n const stateObj = this.state;\n const constractObj = {\n idCompany: isManagement() ? (this.state.idCompany || getCompanyId()) : getCompanyId(),\n fromDate: stateObj.fromDate,\n toDate: stateObj.toDate,\n accountId: stateObj.accountId,\n name: \"reason\",\n empId: stateObj.empId,\n lateOnly: stateObj.lateOnly\n };\n return constractObj;\n }\n\n componentWillMount = () => {\n document.title = pageTitle;\n this.props.dispatch(fetchAllDriverList());\n this.props.dispatch(cleanResponseReport());\n }\n onResponseTimeFieldChange = (key, value) => {\n this.setState({ [key]: value });\n }\n render() {\n let stateObj = this.state;\n return (\n \n \n
\n
\n
\n
Response Time Report
\n \n
\n
\n
\n {\n ReportForm.validateAll()\n if (isValidForm(ReportForm)) {\n this.Go();\n }\n }}\n Export={() => {\n ReportForm.validateAll()\n if (isValidForm(ReportForm)) {\n this.Export();\n }\n }}\n Email={() => {\n ReportForm.validateAll()\n if (isValidForm(ReportForm)) {\n this.Email();\n }\n }} Print={() => {\n ReportForm.validateAll()\n if (isValidForm(ReportForm)) {\n this.Print();\n }\n }}\n stateObj={stateObj}\n accountList={this.props.accountList}\n childCompList={this.props.childCompList}\n allInvoiceObj={this.props.allInvoiceObj}\n data={this.props.responseReport || []}\n onResponseTimeFieldChange={(key, value) => this.onResponseTimeFieldChange(key, value)}\n initCallBack={(frm) => {\n ReportForm = frm;\n }} fromdate={this.state.fromDate} todate={this.state.toDate} />\n \n
\n \n );\n }\n}\nconst mapStateToProps = (state, ownProps) => {\n return {\n refNotify: state.refNotify,\n accountList: state.invoiceInfo.accountList,\n childCompList: state.searchInvoiceList.childComList,\n allInvoiceObj: state.allInvoice,\n responseReport: state.summaryObj.responseReport\n }\n};\n\nexport default withRouter(connect(mapStateToProps)(ResponseTime));\n","import React, { Component, Fragment } from 'react';\nclass AuctionBatchPaymentCtrl extends Component {\n\tconstructor() {\n\t\tsuper();\n\t\tthis.state = {\n\t\t\t\n\t\t}\n }\n render() {\n\t\treturn (\n \n \n \n );\n }\n}\nexport default AuctionBatchPaymentCtrl;","import React, { Component, Fragment } from 'react';\nimport TmReactTable from '../../utilComponents/tmReactTable/tmReactTable';\n\nclass AuctionBatchPaymentTable extends Component {\n\tconstructor() {\n\t\tsuper();\n\t\tthis.state = {\n\t\t\t\n\t\t}\n\t}\n\trender() {\n const cols=[ \n {\n Header: 'INVOICE#',\n accessor: 'invoice'\n \n }, \n {\n Header: 'SERVICE CALL DATE',\n accessor: 'servicecalldate'\n }\n ];\n\t\treturn (\n \n \n \n\t\t);\n\t}\n}\n\n\nexport default AuctionBatchPaymentTable;","import React, { Component, Fragment } from 'react';\nimport { withRouter } from 'react-router-dom';\nimport { connect } from 'react-redux';\nimport AuctionBatchPaymentCtrl from '../../../components/reportsComponents/custom/auctionBatchPaymentCtrl';\nimport AuctionBatchPaymentTable from '../../../components/reportsComponents/custom/auctionBatchPaymentTable';\nconst pageTitle = 'Auction Batch Payment'\n\n\nclass AuctionBatchPayment extends Component {\n\tconstructor() {\n\t\tsuper();\n\t\tthis.state = {\n\t\t\t\n\t\t}\n\t}\n\tcomponentWillMount = () => {\n\t\tdocument.title = pageTitle;\n\t\t\n\t}\n\trender() {\n\t\treturn (\n \n \n
\n
\n
\n
Auction Batch Payment
\n \n
\n
\n
\n
\n
\n
\n
Custom PD All Tows
\n \n
\n
\n
\n this.onCustomPDAllTowsFieldChange(key, value)}\n initCallBack={(frm)=>{\n\t\t\t\t\t\tCustomPDAllTowsForm.formCustomPDAllTowsInfo=frm;\n }} fromdate={this.state.fromDate} todate={this.state.toDate}/>\n \n
\n \n\t\t);\n\t}\n}\nconst mapStateToProps = (state, ownProps) => {\n\treturn {\n\t\t\n\t}\n};\n\nexport default withRouter(connect(mapStateToProps)(CustomPDAllTows));\n","import React, { Component, Fragment } from 'react';\nimport TmDateTimePicker from '../../utilComponents/tmDateTimePicker/tmDateTimePicker';\nimport { GlobalValues } from '../../../util/constants.js';\nimport moment from 'moment';\nimport Form from 'react-validation/build/form';\nimport {\n required\n} from \"../../../util/validationMethods.js\";\nclass CustomPDReleaseCtrl extends Component {\n\tconstructor() {\n\t\tsuper();\n\t\tthis.state = {\n\t\t\t\n\t\t}\n }\n render() {\n\t\treturn (\n \n \n \n );\n }\n}\nexport default CustomPDReleaseCtrl;","import React, { Component, Fragment } from 'react';\nimport TmReactTable from '../../utilComponents/tmReactTable/tmReactTable';\n\nclass CustomPDReleaseTable extends Component {\n\tconstructor() {\n\t\tsuper();\n\t\tthis.state = {\n\t\t\t\n\t\t}\n\t}\n\trender() {\n const cols=[ \n {\n Header: 'INVOICE#',\n accessor: 'invoice'\n \n }, \n {\n Header: 'SERVICE CALL DATE',\n accessor: 'servicecalldate'\n }\n ];\n\t\treturn (\n \n \n \n\t\t);\n\t}\n}\n\n\nexport default CustomPDReleaseTable;","import React, { Component, Fragment } from 'react';\nimport { withRouter } from 'react-router-dom';\nimport { connect } from 'react-redux';\nimport CustomPDReleaseCtrl from '../../../components/reportsComponents/custom/customPDReleaseCtrl';\nimport CustomPDReleaseTable from '../../../components/reportsComponents/custom/customPDReleaseTable';\nconst pageTitle = 'Custom PD Release'\nlet customPDReleaseForm={\n\tformcustomPDReleaseInfo:{}\n}\n\nclass customPDRelease extends Component {\n\tconstructor() {\n\t\tsuper();\n\t\tthis.state = {\n\t\t\tfromDate:'',\n toDate:''\n\t\t}\n\t}\n\tcomponentWillMount = () => {\n\t\tdocument.title = pageTitle;\n\t\t\n }\n onCustomPDReleaseFieldChange=(key, value)=>{\n this.setState({[key]:value});\n }\n\trender() {\n\t\treturn (\n \n \n
\n
\n
\n
Custom PD Release
\n \n
\n
\n
\n this.onCustomPDReleaseFieldChange(key, value)}\n initCallBack={(frm)=>{\n\t\t\t\t\t\tcustomPDReleaseForm.formcustomPDReleaseInfo=frm;\n }} fromdate={this.state.fromDate} todate={this.state.toDate}/>\n \n
\n \n\t\t);\n\t}\n}\nconst mapStateToProps = (state, ownProps) => {\n\treturn {\n\t\t\n\t}\n};\n\nexport default withRouter(connect(mapStateToProps)(customPDRelease));\n","import React, { Component, Fragment } from 'react';\nimport TmDateTimePicker from '../../utilComponents/tmDateTimePicker/tmDateTimePicker';\nimport { GlobalValues } from '../../../util/constants.js';\nimport moment from 'moment';\nimport Form from 'react-validation/build/form';\nimport Select from 'react-validation/build/select';\nimport ReactSelect from '../../utilComponents/tmSlimSelect/reactSelect';\nimport { isManagement } from '../../../util/customMethods';\nimport {\n required\n} from \"../../../util/validationMethods.js\";\nclass CRSummaryCtrl extends Component {\n\tconstructor() {\n\t\tsuper();\n\t\tthis.state = {\n\t\t}\n }\n render() {\n\t\treturn (\n \n \n \n );\n }\n}\nexport default CRSummaryCtrl;","import React, { Component, Fragment } from 'react';\nimport { isManagement } from '../../../util/customMethods';\nimport TmReactTable from '../../utilComponents/tmReactTable/tmReactTable';\n\nclass CRSummaryTable extends Component {\n\tconstructor() {\n\t\tsuper();\n\t\tthis.state = {\n\t\t\t\n\t\t}\n\t}\n\trender() {\n const companyReceivableSummaryDetails=this.props.crSummaryList || [];\n const cols=[ \n {\n accessor: 'companyName',\n Header: 'COMPANY',\n style: { textAlign: 'center' },\n Cell: props => {isManagement()?{props.original.companyName}:\n {props.original.companyName}},\n width: 200\n },\n {\n accessor: 'currentDue',\n Header: 'Current',\n style: { textAlign: 'center' },\n width: 200,\n Cell: props => `$ ${props.original.currentDue}`\n },\n {\n accessor: 'thirtyDaysDue',\n Header: '1-30 Days',\n style: { textAlign: 'center' },\n width: 200,\n Cell: props => `$ ${props.original.thirtyDaysDue}`\n },\n {\n accessor: 'sixtyDaysDue',\n Header: '31-60 Days',\n style: { textAlign: 'center' },\n width: 200,\n Cell: props => `$ ${props.original.sixtyDaysDue}`\n },\n {\n accessor: 'nintyDaysDue',\n Header: '61-90 Days',\n style: { textAlign: 'center' },\n width: 200,\n Cell: props => `$ ${props.original.nintyDaysDue}`\n },\n {\n accessor: 'moreThanNintyDaysDue',\n Header: '90+ Days',\n style: { textAlign: 'center' },\n width: 200,\n Cell: props => `$ ${props.original.moreThanNintyDaysDue}`\n },\n {\n accessor: 'totalReceivable',\n Header: 'Total',\n style: { textAlign: 'center' },\n width: 200,\n Cell: props => `$ ${props.original.totalReceivable}`\n }\n ];\n\t\treturn (\n \n \n \n\t\t);\n\t}\n}\n\n\nexport default CRSummaryTable;","import React, { Component, Fragment } from 'react';\nimport { withRouter } from 'react-router-dom';\nimport { connect } from 'react-redux';\nimport CRSummaryCtrl from '../../../components/reportsComponents/monetization/crSummaryCtrl';\nimport {isValidForm} from '../../../util/validationMethods';\nimport { getCompanyId, isManagement } from '../../../util/customMethods';\nimport {getComapanyTypes} from '../../../actions/adminAction/dropDownDataAction'\nimport ReactTableDisplay from '../../../components/reportsComponents/commonComponents/crDetailReportTableConfig';\nimport { tableColumns } from '../../../components/reportsComponents/monetization/crDetailClmns/table-column.config';\nimport {getCRDetailsList, getClearCRDetailsList} from '../../../actions/reportAction/monetization/crDetailAction';\nimport CRSummaryTable from '../../../components/reportsComponents/monetization/crSummaryTable';\nconst pageTitle = 'C/R Details';\nlet crDetailForm={\n\tformCRDetailInfo:{}\n}\nclass CRSummary extends Component {\n\tconstructor() {\n\t\tsuper();\n\t\tthis.state = {\n asOfDate:'',\n idCompany:'',\n companyType:'',\n exportDataSet:[],\n render: false,\n dataFetched:false\n\t\t}\n\t}\n\tcomponentWillMount = () => {\n\t\tdocument.title = pageTitle;\n this.props.dispatch(getClearCRDetailsList());\n if(isManagement()){\n this.props.dispatch(getComapanyTypes());\n }\n }\n onCRDetailFieldChange=(key, value)=>{\n this.setState({[key]:value});\n }\n getByCompanyId=()=>{\n let id_company=0;\n if(!isManagement()){\n id_company=getCompanyId();\n }else{\n id_company=this.state.idCompany;\n }\n return id_company;\n }\n getCRDetails=(e)=>{\n e.preventDefault();\n crDetailForm.formCRDetailInfo.validateAll();\n if(isValidForm(crDetailForm.formCRDetailInfo)){\n this.props.dispatch(getCRDetailsList(this.state.asOfDate, this.getByCompanyId(),this.state.companyType))\n .then(() => {this.setState({ dataFetched: true })}) \n .catch(err => {\n console.error('fetchReport methods failed with error: ', err);\n });\n }\n }\n setReferenceToReactTable = ref => {\n this.reactTable = ref;\n };\n\n tableDataChanged = () => {\n console.log('table data has changed!');\n this.setState({\n data: this.reactTable.getResolvedState().sortedData\n });\n };\n exportToExcel = e => {\n e.preventDefault();\n \n }\n printReport = (e) =>{\n e.preventDefault();\n }\n\trender() {\n const {managedCompanyReceivableDetailList, retailCompanyReceivableDetailList} = this.props.crReportResponse || [];\n\t\treturn (\n \n \n \n {\n\t\t\t\t\t\tcrDetailForm.formCRDetailInfo=frm;\n }} asofdate={this.state.asOfDate}\n onCRDetailFieldChange={(key, value)=>this.onCRDetailFieldChange(key, value)}\n getCRDetails={(e)=>this.getCRDetails(e)}\n exportCRDetailsToExcel={(e)=>this.exportToExcel(e)}\n printCRDetailsReport={(e)=>this.printReport(e)}/>\n {this.state.dataFetched &&\n \n {(managedCompanyReceivableDetailList.length != 0) && \n \n Invoice Receivables:
\n \n \n }\n {(retailCompanyReceivableDetailList.length != 0) &&\n \n Monthly Receivables:
\n \n \n }\n \n }\n
\n \n\t\t);\n\t}\n}\nconst mapStateToProps = (state, ownProps) => {\n\treturn {\n crReportResponse: state.crDetailsList.crDetails,\n childCompList:state.searchInvoiceList.childComList,\n companyTypes:state.companyTypes.companyType\n\t}\n};\n\nexport default withRouter(connect(mapStateToProps)(CRSummary));\n","import * as actionTypes from '../../actionTypes';\nimport {moduleTypes} from '../../../util/constants';\nimport {getAccessToken} from '../../authenticateActions'\nimport {getAxiosInstance} from '../../../util/service';\n\nexport const getDriverInspectionReport=(empId, date, truckId, isDefected)=>{\n const _url=`truck-pre-inspection/search?date=${date}&truckNumber=${truckId}&driverId=${empId}&defectsOnly=${isDefected}&access_token=${getAccessToken()}`\n return async (dispatch) => {\n try{\n const response=await getAxiosInstance(moduleTypes.REPORT).get(_url); \n if(response.status===200) { \n dispatch({\n type: actionTypes.GET_INSPECTION_REPORT,\n inspectionReport:response.data\n });\n } else{\n dispatch({\n type: actionTypes.GET_INSPECTION_REPORT,\n inspectionReport:undefined\n });\n } \n }\n catch(error){ \n dispatch({\n type: actionTypes.GET_INSPECTION_REPORT,\n inspectionReport:undefined\n });\n }\n }\n}\n\nexport const getDriverInspectionReportPdf=(id)=>{\n const _url=`generate-pdf/${id}?access_token=${getAccessToken()}`;\n return async (dispatch) => {\n try{\n const resp=await getAxiosInstance(moduleTypes.REPORT).get(_url, \n { headers: {'Accept': 'application/pdf'},\n responseType: 'blob'});\n if (resp.status === 200) {\n let blob = new Blob([resp.data], { type: 'application/pdf' } ),\n url = window.URL.createObjectURL(blob)\n window.open(url);\n return resp.data;\n } else {\n return resp.data;\n }\n }catch(ex){\n return undefined\n }\n }\n }\n\n export const updateIsDefectsCorrected=(recordId,truckId,notes,driverIdtobeFix)=>{\n return async (dispatch) => {\n try{\n let _url=`/api/truck-pre-inspection/${recordId}/${truckId}?review=${notes}&requiredToFix=${driverIdtobeFix}&access_token=${getAccessToken()}`; \n const response= getAxiosInstance(moduleTypes.REPORT).put(_url) \n if(response.status===200) { \n return {statusCode:response.status, statusMsg:response.data.message};\n } else{\n return {statusCode:null, statusMsg:response.data.message}\n }\n }catch(error) {\n return {statusCode:null, statusMsg:error.message}\n }\n }\n }\n"," import React, { Component, Fragment } from 'react';\n import DatePicker from 'react-datepicker';\n import moment from 'moment'\n import Form from 'react-validation/build/form';\n import TmReactTable from '../../../components/utilComponents/tmReactTable/tmReactTable';\n import { getDriverInspectionReport, getDriverInspectionReportPdf, updateIsDefectsCorrected } from '../../../actions/reportAction/fleetManagementAction/driverInspection';\n import { notify } from '../../../util/notifications';\n import ReactSelect from '../../../components/utilComponents/tmSlimSelect/reactSelect';\n import { fetchAllTruckList, fetchAllDriverList } from '../../../actions/reportAction/allinvoice/allinvoice';\n import { withRouter } from 'react-router-dom';\n import { connect } from 'react-redux';\n import { Modal } from 'react-bootstrap';\n import { getBasicAccess } from '../../../util/customMethods';\n import TmExportExcel from '../../../components/utilComponents/tmExportExcel/tmExportExcel';\n\n const pageTitle = 'Driver Vehicle Inspection Report'\n const basicAccess = getBasicAccess('Fleet Management');\n class DrvirInspection extends Component {\n constructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {\n inspectionData:'',\n isDefected:true,\n fromDate: '',\n empId: '',\n driverID: '',\n truckId: '',\n editNoteModalIsOpen: false,\n idTruck_PreInspection_Record: 0,\n driverIdtobeFix: 0,\n notes: \"\"\n }\n }\n\n componentWillMount = () => { \n const {dispatch} = this.props;\n dispatch(fetchAllTruckList()); \n dispatch(fetchAllDriverList());\n }\n onSummaryByFieldChange = (key, value) => {\n this.setState({[key]:value});\n }\n getInspectionReport = (empId, date, truckId, isDefected) => {\n this.props.dispatch(getDriverInspectionReport(empId, date, truckId, isDefected));\n }\n getInspectionReportPdf = (id) => {\n this.props.dispatch(getDriverInspectionReportPdf(id));\n }\n\n handleDateChange = (date, key) => {\n const formattedDate = date ? moment(date).format('YYYY-MM-DD') : null;\n // \"date\" here is a JavaScript Date object or null\n if (date) {\n // Store a moment object in state if you want to use moment later\n this.setState({ [key]: formattedDate });\n } else {\n this.setState({ [key]: null });\n }\n };\n setDriverId =(e) => {\n this.setState({ empId: e });\n }\n setTruckId = (e) => {\n this.setState({ truckId: e });\n }\n setText = e => {\n this.setState({ notes: e.target.value });\n }\n correctDefecte = (idTruck_PreInspection_Record, truckId) => {\n this.props.dispatch(updateIsDefectsCorrected(idTruck_PreInspection_Record, truckId, this.state.notes, false))\n .then(() => {\n notify.createNotification('success', \"Defects are Corrected successfully\", this.props.refNotify);\n this.getInspectionReport(this.state.empId, this.state.fromDate, this.state.truckId, this.state.isDefected);\n this.setState({empId:'',fromDate:'',truckId:'',isDefected:true});\n });\n }\n beforeCorrectDefecte = (idTruck_PreInspection_Record, truckId) => {\n this.props.dispatch(updateIsDefectsCorrected(idTruck_PreInspection_Record, truckId, this.state.notes, true))\n .then(() => {\n notify.createNotification('success', \"Defects are Corrected successfully\", this.props.refNotify);\n this.getInspectionReport(this.state.empId, this.state.fromDate, this.state.truckId, this.state.isDefected);\n this.setState({empId:'',fromDate:'',truckId:'',isDefected:true});\n });\n }\n buildDataFormatForExport = () => {\n return (\n [{\n columns: [{ title: 'Record ID' }, { title: 'Driver ID' },{ title: 'Inspection Type' },{ title: 'Inspection Date/Time' },{ title: 'Truck' },{ title: 'Defect' }],\n data: this.props.data.map(item => {\n return [{ value: item.idTruck_PreInspection_Record || '' }, { value: item.driverId || '' }, { value: item.inspectionType || '' },{ value: item.inspectionDateTime || '' },{ value: item.truckId || '' },{ value: item.defectType || '' }]\n })\n }]\n )\n }\n\n render() {\n const getColumns = [\n {\n accessor: 'idTruck_PreInspection_Record',\n Header: 'Record ID',\n style: { textAlign: 'center' }\n },\n {\n accessor: 'driverId',\n Header: 'Driver ID',\n style: { textAlign: 'center' }\n },\n {\n accessor: 'inspectionType',\n Header: 'Inspection Type',\n style: { textAlign: 'center' }\n },\n {\n accessor: 'inspectionDateTime',\n Header: 'Inspection Date/Time',\n style: { textAlign: 'center' }\n },\n {\n accessor: 'truckId',\n Header: 'Truck',\n style: { textAlign: 'center' }\n },\n {\n accessor: 'defectType',\n Header: 'Defect',\n style: { textAlign: 'center' },\n },\n {\n Header: 'Action',\n style: { textAlign: 'center' },\n Cell: ({row}) => (\n \n {(!basicAccess.edit)||(row._original.isVehicleHaveDefects == 0 || row._original.defects_corrected == 1) ? null :\n }\n \n
\n ),\n }\n ]\n \n\n return (\n \n \n
\n
\n
\n
{`${pageTitle}`}
\n \n
\n
\n
\n
\n
\n \n
\n
\n
Are you sure want to clear the defects?
\n \n
\n
\n
\n
\n \n
\n
{\n event.preventDefault(); \n this.props.getInvoiceMoreThan(range);\n this.props.saveInvoiceMoreThanDaysCount(range);\n }}/>\n Account without new invoices for {daysCount} days or more
\n {this.props.adminDashboardInvoiceMoreThan.length}\n \n \n
\n
\n
\n \n
\n
{\n event.preventDefault();\n this.props.getExpireAccounts(range);\n this.props.saveExpireAccountsDaysCount(range);\n }}/>\n Accounts that will expire in {daysCount} days
\n {this.props.adminDashboardexpireAccounts.length}\n \n \n
\n
\n
\n \n
\n
Disabled Accounts
\n
{accountsCount.filter(item => item.isActive === 0).length}\n
\n \n
\n
\n
\n \n
\n
Expired Accounts
\n
{(accountsCount||[]).filter(item => {return new Date(item.expireDate) < new Date()}).length}\n
\n \n
\n
\n
\n \n
\n
Cash Only
\n
{accountsCount.filter(item => item.accountingType === 'Cash').length}\n
\n \n
\n
\n
\n \n
\n
Account By Department
\n
{accountsCount.filter(item => item.isActive === 1).length}\n
\n \n
\n
\n {(isManagement()) ? null :
\n
\n {\n this.getTailsViewAccess()[dispatchDashboardTailsTitles.AccountsWithoutNewInvoices.toLowerCase()]===true?\n
{this.getInvoiceMoreThan(range)}}\n saveInvoiceMoreThanDaysCount={(range)=>{this.saveInvoiceMoreThanDaysCount(range)}}\n adminDashboardInvoiceMoreThan={this.props.adminDashboard_Inv_More}\n daysCount={this.props.adminDashboard_Inv_More_Days}/>:null\n\n }\n {\n this.getTailsViewAccess()[dispatchDashboardTailsTitles.AccountsWillExpire.toLowerCase()]===true?\n \n {this.getExpireAccounts(range)}}\n saveExpireAccountsDaysCount={(range)=>{this.saveExpireAccountsDaysCount(range)}}\n adminDashboardexpireAccounts={this.props.adminDashboard_Exp_Acc}\n daysCount={this.props.adminDashboard_Exp_Acc_Days}/>:null\n } \n {\n this.getTailsViewAccess()[dispatchDashboardTailsTitles.ExpiredAccounts.toLowerCase()]===true? \n :null\n } \n {\n this.getTailsViewAccess()[dispatchDashboardTailsTitles.DisabledAccounts.toLowerCase()]===true?\n :null\n } \n {\n this.getTailsViewAccess()[dispatchDashboardTailsTitles.AccountByDepartment.toLowerCase()]===true?\n :null\n } \n {\n this.getTailsViewAccess()[dispatchDashboardTailsTitles.CashOnly.toLowerCase()]===true?\n :null\n } \n \n
}
\n
\n
Error: 403 Forbidden
\n
Sorry, access to this resource on the server is denied.\n
\n
\n
\n
\n \n
\n
Trucks available
\n
{dispatchDashboard.truckAvailable || 0}\n
\n
\n
\n
\n \n
\n
Unassigned invoices
\n
{dispatchDashboard.unassignedInvoice || 0}\n
\n
\n
\n
\n \n
\n
Invoices completed
\n
{dispatchDashboard.todayCompletedCall || 0}\n
\n
\n
\n
\n \n
\n
Invoices in progress
\n
{dispatchDashboard.inprogressInvoice || 0}\n
\n
\n
\n
\n
\n {\n dashboardViewAccess(moduleName,this.props.dashboardAccess)===true? \n
\n :\n
\n
\n
\n
No tiles available.\n
\n
\n
\n }\n
\n
\n
\n
\n \n
\n
{\n let {dispatch} =this.props; \n dispatch(reportsDashboardActions.getCallsCompleted(picker.startDate, picker.endDate));\n if(picker.chosenLabel === 'Today'){\n this.setState({chosenLabel:'Today'}); \n }else if(picker.chosenLabel === 'Yesterday'){\n this.setState({chosenLabel:'Yesterday'});\n }else{\n this.setState({chosenLabel:''});\n }\n this.setState({startDate:moment(picker.startDate).format('YYYY-MM-DD'), endDate:moment(picker.endDate).format('YYYY-MM-DD')});\n }} isDateShow={false} dropdown={'down'}/>\n Calls Completed
\n {this.state.chosenLabel === 'Today' ? 'for '+this.state.startDate : this.state.chosenLabel === 'Yesterday' ? 'for '+this.state.startDate : 'from '+this.state.startDate+' to '+this.state.endDate}
\n {this.props.reportDashboard.callComplete.totalCallsCount || 0}\n \n \n
\n
\n
\n \n
\n
{\n let {dispatch} =this.props;\n if(picker.chosenLabel === 'Today'){\n this.setState({chosenLabel:'Today'}); \n }else if(picker.chosenLabel === 'Yesterday'){\n this.setState({chosenLabel:'Yesterday'});\n }else{\n this.setState({chosenLabel:''});\n }\n dispatch(reportsDashboardActions.getSalvageCount(picker.startDate, picker.endDate))\n this.setState({startDate:moment(picker.startDate).format('YYYY-MM-DD'), endDate:moment(picker.endDate).format('YYYY-MM-DD')});\n }} isDateShow={false} position={'center'} dropdown={'down'}/>\n Salvage Count
\n {this.state.chosenLabel === 'Today' ? 'for '+this.state.startDate : this.state.chosenLabel === 'Yesterday' ? 'for '+this.state.startDate : 'from '+this.state.startDate+' to '+this.state.endDate}
\n {this.props.reportDashboard.salvageCount.totalVehicleCount || 0}\n \n \n
\n
\n
\n \n
\n
{ \n let {dispatch} =this.props;\n if(picker.chosenLabel === 'Today'){\n this.setState({chosenLabel:'Today'}); \n }else if(picker.chosenLabel === 'Yesterday'){\n this.setState({chosenLabel:'Yesterday'});\n }else{\n this.setState({chosenLabel:''});\n }\n dispatch(reportsDashboardActions.getDailyDeposit(picker.startDate, picker.endDate));\n this.setState({startDate:moment(picker.startDate).format('YYYY-MM-DD'), endDate:moment(picker.endDate).format('YYYY-MM-DD')});\n }} isDateShow={false} position={'left'} dropdown={'down'}/>\n Daily Deposit
\n {this.state.chosenLabel === 'Today' ? 'for '+this.state.startDate : this.state.chosenLabel === 'Yesterday' ? 'for '+this.state.startDate : 'from '+this.state.startDate+' to '+this.state.endDate}
\n {'$ '+this.sumDailyDeposit()}\n \n \n
\n
\n
\n \n
\n
Storage Count
\n
{'till '+CurrentDate }
\n
{this.props.reportDashboard.storageCount.vehicleStorageCount || 0}\n
\n \n
\n
\n
\n \n
\n
{\n let {dispatch} =this.props;\n if(picker.chosenLabel === 'Today'){\n this.setState({chosenLabel:'Today'}); \n }else if(picker.chosenLabel === 'Yesterday'){\n this.setState({chosenLabel:'Yesterday'});\n }else{\n this.setState({chosenLabel:''});\n }\n dispatch(reportsDashboardActions.getUnitsReleased(picker.startDate, picker.endDate));\n this.setState({startDate:moment(picker.startDate).format('YYYY-MM-DD'), endDate:moment(picker.endDate).format('YYYY-MM-DD')});\n }} isDateShow={false} dropdown={'up'}/>\n Units Released
\n {this.state.chosenLabel === 'Today' ? 'for '+this.state.startDate : this.state.chosenLabel === 'Yesterday' ? 'for '+this.state.startDate : 'from '+this.state.startDate+' to '+this.state.endDate}
\n {this.sumUnitsReleased()}\n \n \n
\n
\n
\n \n
\n
{\n let {dispatch} =this.props; \n dispatch(reportsDashboardActions.getCommissions(picker.startDate, picker.endDate));\n if(picker.chosenLabel === 'Today'){\n this.setState({chosenLabel:'Today'}); \n }else if(picker.chosenLabel === 'Yesterday'){\n this.setState({chosenLabel:'Yesterday'});\n }else{\n this.setState({chosenLabel:''});\n }\n this.setState({startDate:moment(picker.startDate).format('YYYY-MM-DD'), endDate:moment(picker.endDate).format('YYYY-MM-DD')});\n }} isDateShow={false} position={'left'} dropdown={'up'}/>\n Commissions
\n {this.state.chosenLabel === 'Today' ? 'for '+this.state.startDate : this.state.chosenLabel === 'Yesterday' ? 'for '+this.state.startDate : 'from '+this.state.startDate+' to '+this.state.endDate}
\n {'$ '+utilMethods.convertToFloat(this.totalCommission(this.props.reportDashboard.commissions||[])) || 0.00}\n \n \n
\n
\n
\n \n
\n
{\n let {dispatch} =this.props;\n if(picker.chosenLabel === 'Today'){\n this.setState({chosenLabel:'Today'}); \n }else if(picker.chosenLabel === 'Yesterday'){\n this.setState({chosenLabel:'Yesterday'});\n }else{\n this.setState({chosenLabel:''});\n }\n dispatch(reportsDashboardActions.getNoAbandonedVehicles(picker.startDate, picker.endDate));\n this.setState({startDate:moment(picker.startDate).format('YYYY-MM-DD'), endDate:moment(picker.endDate).format('YYYY-MM-DD')});\n }} isDateShow={false} position={'center'} dropdown={'up'}/>\n No Abandoned Vehicles
\n {this.state.chosenLabel === 'Today' ? 'for '+this.state.startDate : this.state.chosenLabel === 'Yesterday' ? 'for '+this.state.startDate : 'from '+this.state.startDate+' to '+this.state.endDate}
\n {this.props.reportDashboard.noAbandonedVehicles.totalVehicles || 0}\n \n \n
\n
\n
\n \n
\n
Payless Inventory
\n
{'till '+CurrentDate }
\n
{this.props.reportDashboard.paylessInventory.paylessVehicleCount || 0}\n
\n \n
\n
\n
\n
\n {\n this.getTailsViewAccess()[reportDashboardTailsTitles.CallsCompleted.toLowerCase()]===true?\n
:null\n }\n {/* {\n this.getTailsViewAccess()[reportDashboardTailsTitles.SalvageCount.toLowerCase()]===true?\n
:null} */}\n {\n this.getTailsViewAccess()[reportDashboardTailsTitles.DailyDeposit.toLowerCase()]===true?\n
:null}\n {\n this.getTailsViewAccess()[reportDashboardTailsTitles.StorageCount.toLowerCase()]===true?\n
:null}\n {\n this.getTailsViewAccess()[reportDashboardTailsTitles.UnitsReleased.toLowerCase()]===true?\n
:null}\n {\n this.getTailsViewAccess()[reportDashboardTailsTitles.NoAbandonedVehicles.toLowerCase()]===true?\n
:null}\n {/* {\n this.getTailsViewAccess()[reportDashboardTailsTitles.PaylessInventory.toLowerCase()]===true?\n
:null} */}\n {/* {\n this.getTailsViewAccess()[reportDashboardTailsTitles.Commissions.toLowerCase()]===true?\n
:null} */}\n {/*
*/}\n
\n
\n
\n
Error: 403 Forbidden
\n
Sorry, access to this resource on the server is denied.\n
\n
\n
\n
\n
\n
\n
Account Without New Invoices for {this.props.adminDashboard_Inv_More_Days} days or more
\n \n
\n
\n
\n
\n
\n
\n Back \n Export}\n dataSet={this.buildDataFormatForExport()} />\n
\n
\n
\n
\n
\n this.invoiceTable=t}\n data={invoiceMoreThan}\n columns={[\n {\n Header:'Account Name',\n accessor:'accountName'\n },\n {\n Header:'Account Type',\n accessor:'accountType'\n },\n {\n Header:'Last New Invoice Creation Date',\n accessor:'invoiceCreateDate'\n },\n {\n Header:'Days Without New Invoice',\n accessor:'withoutNewInvoiceDays'\n }\n ]}\n onFilteredChange={()=>{\n let invoiceMoreThan=this.invoiceTable.getResolvedState().sortedData;\n this.setState({excelDataSet:invoiceMoreThan});\n }}\n defaultPageSize={10}\n className=\"-striped -highlight\"\n filterable=\"true\"\n defaultFilterMethod={(filter, row)=> {\n const id = filter.pivotId || filter.id;\n return (\n row[id] !== undefined && row[id] !== null ? isNumber(row[id]) ? (row[id].toString()).includes(filter.value) \n : String(row[id].toLowerCase()).includes(filter.value.toLowerCase())\n : true\n )}}\n />\n
\n
\n
\n
\n
\n
\n
Accounts that will expire in {this.props.adminDashboard_Exp_Acc_Days} days
\n \n
\n
\n
\n
\n
\n
\n Back \n Export}\n dataSet={this.buildDataFormatForExport()} />\n
\n
\n
\n
\n
\n this.expiryTable=t}\n data={expireAccounts}\n columns={[\n {\n Header:'Account Name',\n accessor:'accountName'\n },\n {\n Header:'Account Type',\n accessor:'accountType'\n },\n {\n Header:'Expiration Date',\n accessor:'expireDate'\n },\n {\n Header:'Days Until Expiration',\n accessor:'daysLeftToExpire'\n }\n ]}\n onFilteredChange={()=>{\n let expireAccounts=this.expiryTable.getResolvedState().sortedData;\n this.setState({excelDataSet:expireAccounts});\n }}\n defaultPageSize={10}\n className=\"-striped -highlight\"\n filterable=\"true\"\n />\n
\n
\n
\n
\n
\n
\n
Disabled Accounts
\n \n
\n
\n
\n
\n
\n
\n Back \n Export}\n dataSet={this.buildDataFormatForExport()} />\n
\n
\n
\n
\n
\n
this.expiryTable=t}\n data={adminDashboard_All_Accounts.filter(item => item.isActive === 0)}\n columns={[\n {\n Header:'Account Name',\n accessor:'accountName'\n },\n {\n Header:'Account Type',\n accessor:'accountType',\n filterable: true,\n Cell: props => {props.value},\n width: 300,\n Filter: ({ filter, onChange }) =>\n onChange(event.target.value)}\n style={{ width: \"100%\" }}\n value={filter ? filter.value : \"\"}\n >\n \n {\n adminDashboard_All_Accounts.reduce((acc, current) => {\n const x = acc.find(item => item.accountType === current.accountType);\n if (!x) {\n return acc.concat([current]);\n } else {\n return acc;\n }\n }, []).map((atype, k) => {\n return \n })\n }\n \n }\n ]}\n onFilteredChange={()=>{\n let disableAccounts=this.expiryTable.getResolvedState().sortedData;\n this.setState({excelDataSet:disableAccounts});\n }}\n defaultPageSize={10}\n className=\"-striped -highlight\"\n filterable=\"true\"\n defaultFilterMethod={(filter, row)=> {\n const id = filter.pivotId || filter.id;\n return (\n row[id] !== undefined ?\n utilMethods.isNumber(row[id])? (row[id].toString()).includes(filter.value):\n String(row[id].toLowerCase()).includes(filter.value.toLowerCase())\n :\n true\n )}}\n />\n \n
\n
\n
\n
\n
\n
Cash Only Accounts
\n \n
\n
\n
\n
\n
\n
\n Back \n Export}\n dataSet={this.buildDataFormatForExport()} />\n
\n
\n
\n
\n
\n this.expiryTable=t}\n data={adminDashboard_All_Accounts.filter(item => item.accountingType === 'Cash')}\n columns={[\n {\n Header:'Account Name',\n accessor:'accountName'\n },\n {\n Header:'Accounting Type',\n accessor:'accountingType'\n }\n ]}\n onFilteredChange={()=>{\n let cashonlyAccounts=this.expiryTable.getResolvedState().sortedData;\n this.setState({excelDataSet:cashonlyAccounts});\n }}\n defaultPageSize={10}\n className=\"-striped -highlight\"\n filterable=\"true\"\n defaultFilterMethod={(filter, row)=> {\n const id = filter.pivotId || filter.id;\n return (\n row[id] !== undefined ?\n utilMethods.isNumber(row[id])? (row[id].toString()).includes(filter.value):\n String(row[id].toLowerCase()).includes(filter.value.toLowerCase())\n :\n true\n )}}\n />\n
\n
\n
\n
\n
\n
\n
Expired Accounts
\n \n
\n
\n
\n
\n
\n
\n Back \n Export}\n dataSet={this.buildDataFormatForExport()} />\n
\n
\n
\n
\n
\n this.expiryTable=t}\n data={adminDashboard_All_Accounts.filter(item => {return new Date(item.expireDate) < new Date()})}\n columns={[\n {\n Header:'Account Name',\n accessor:'accountName'\n },\n {\n Header:'Expired Date',\n accessor:'expireDate'\n }\n ]}\n onFilteredChange={()=>{\n let expiredAccounts=this.expiryTable.getResolvedState().sortedData;\n this.setState({excelDataSet:expiredAccounts});\n }}\n defaultPageSize={10}\n className=\"-striped -highlight\"\n filterable=\"true\"\n defaultFilterMethod={(filter, row)=> {\n const id = filter.pivotId || filter.id;\n return (\n row[id] !== undefined ?\n utilMethods.isNumber(row[id])? (row[id].toString()).includes(filter.value):\n String(row[id].toLowerCase()).includes(filter.value.toLowerCase())\n :\n true\n )}}\n />\n
\n
\n
\n
\n
\n
\n
Account By Department Accounts
\n \n
\n
\n
\n
\n
\n
\n Back \n Export}\n dataSet={this.buildDataFormatForExport()} />\n
\n
\n
\n
\n
\n
this.expiryTable=t}\n data={adminDashboard_All_Accounts.filter(item => item.isActive === 1)}\n columns={[\n {\n Header:'Account Name',\n accessor:'accountName'\n },\n {\n Header:'Account Type',\n accessor:'accountType',\n filterable: true,\n Cell: props => {props.value},\n width: 300,\n Filter: ({ filter, onChange }) =>\n onChange(event.target.value)}\n style={{ width: \"100%\" }}\n value={filter ? filter.value : \"\"}\n >\n \n {\n adminDashboard_All_Accounts.reduce((acc, current) => {\n const x = acc.find(item => item.accountType === current.accountType);\n if (!x) {\n return acc.concat([current]);\n } else {\n return acc;\n }\n }, []).map((atype, k) => {\n return \n })\n }\n \n }\n ]}\n onFilteredChange={()=>{\n let disableAccounts=this.expiryTable.getResolvedState().sortedData;\n this.setState({excelDataSet:disableAccounts});\n }}\n defaultPageSize={10}\n className=\"-striped -highlight\"\n filterable=\"true\"\n defaultFilterMethod={(filter, row)=> {\n const id = filter.pivotId || filter.id;\n return (\n row[id] !== undefined ?\n utilMethods.isNumber(row[id])? (row[id].toString()).includes(filter.value):\n String(row[id].toLowerCase()).includes(filter.value.toLowerCase())\n :\n true\n )}}\n />\n \n
\n
\n \n \n \n \n \n \n \n
)\n }\n\n}\nexport default withRouter(AdminAccountDetailPage)","import React, { Component } from 'react';\nimport { Link } from 'react-router-dom';\nimport { connect } from 'react-redux';\nimport {Doughnut} from 'react-chartjs-2';\nimport queryString from 'query-string';\nconst options={\n responsive: true,\n maintainAspectRatio: false,\n title: {\n display: true,\n text: 'All Calls'\n } \n}\n\nclass CallsCompletedChart extends Component{\n constructor(props){\n super(props);\n this.state={ \n fromDate:'',\n toDate:'', \n chartObj:{\n labels: [],\n datasets: [{\n data: [],\n backgroundColor: [],\n hoverBackgroundColor: [],\n borderColor: []\n }]\n },\n } \n }\n componentWillMount=()=>{\n\n var graphColors = [];\n var graphOutlines = [];\n var hoverColor = [];\n \n \n var internalDataLength = this.props.reportDashboard.callComplete.callsByReason.length;\n var col = 0;\n while (col <= internalDataLength) {\n var randomR = Math.floor((Math.random() * 130) + 100);\n var randomG = Math.floor((Math.random() * 130) + 100);\n var randomB = Math.floor((Math.random() * 130) + 100);\n \n var graphBackground = \"rgb(\" \n + randomR + \", \" \n + randomG + \", \" \n + randomB + \")\";\n graphColors.push(graphBackground);\n \n var graphOutline = \"rgb(\" \n + (randomR - 80) + \", \" \n + (randomG - 80) + \", \" \n + (randomB - 80) + \")\";\n graphOutlines.push(graphOutline);\n \n var hoverColors = \"rgb(\" \n + (randomR + 25) + \", \" \n + (randomG + 25) + \", \" \n + (randomB + 25) + \")\";\n hoverColor.push(hoverColors);\n \n col++;\n };\n let _chartObj=this.state.chartObj;\n _chartObj.datasets[0].backgroundColor=graphColors;\n _chartObj.datasets[0].hoverBackgroundColor=hoverColor; \n _chartObj.datasets[0].borderColor=graphOutlines; \n _chartObj.labels=[];\n _chartObj.datasets[0].data=[];\n if(this.props.reportDashboard.callComplete.callsByReason.length>0){\n this.props.reportDashboard.callComplete.callsByReason.map((value,item)=>{\n _chartObj.labels.push(value.reason);\n _chartObj.datasets[0].data.push(value.count); \n })\n }\n this.setState({ chartObj:_chartObj}); \n }\n componentDidMount() {\n const values = queryString.parse(this.props.location.search);\n this.setState({fromDate:values.from, toDate:values.to})\n }\n render(){\n return(\n <>\n \n
\n
\n
\n
Duration: {this.state.fromDate === this.state.toDate ? `${this.state.fromDate}` : `${this.state.fromDate} To ${this.state.toDate}`}
\n \n
\n
\n
\n
\n
\n
\n
Duration: {this.state.fromDate === this.state.toDate ? `${this.state.fromDate}` : `${this.state.fromDate} To ${this.state.toDate}`}
\n \n
\n
\n
\n
\n
\n
\n
Duration: {this.state.fromDate === this.state.toDate ? `${this.state.fromDate}` : `${this.state.fromDate} To ${this.state.toDate}`}
\n \n
\n
\n
\n
\n
\n
\n
Duration: {moment().format('YYYY-MM-DD')}
\n \n
\n
\n
\n
\n
\n
\n
\n this.handleElementClick(evt)} options={options1} />\n
\n
\n
\n
\n
\n
\n
\n
Duration: {moment().format('YYYY-MM-DD')}
\n \n
\n
\n
\n
\n
\n
\n
Duration: {this.state.fromDate === this.state.toDate ? `${this.state.fromDate}` : `${this.state.fromDate} To ${this.state.toDate}`}
\n \n
\n
\n
\n
\n
\n
\n
Duration: {this.state.fromDate === this.state.toDate ? `${this.state.fromDate}` : `${this.state.fromDate} To ${this.state.toDate}`}
\n \n
\n
\n
\n
\n
\n
\n {this.state.visibleDrillDown === false ?\n Back :\n }\n
\n
\n
\n
\n {this.state.visibleDrillDown === false ?\n
\n
\n
this.handleElementClick(evt)} options={options1}/> \n \n
:\n
\n
\n
\n
\n
\n
{`${this.state.optText} Department Commission Details`}
\n \n
\n Export}\n dataSet={this.buildDataFormatForExport()} /> \n
\n
\n
\n
\n this.expiryTable=t}\n data={this.state.tableData}\n columns={[\n {\n Header:'First Name',\n accessor:'firstName'\n },\n {\n Header:'Last Name',\n accessor:'lastName'\n },{\n Header:'Tow Count',\n accessor:'towCount'\n },{\n Header:'Commission',\n accessor:'commission'\n } \n ]}\n onFilteredChange={()=>{\n let disableAccounts=this.expiryTable.getResolvedState().sortedData;\n this.setState({excelDataSet:disableAccounts});\n }}\n defaultPageSize={10}\n className=\"-striped -highlight\"\n filterable=\"true\"\n defaultFilterMethod={(filter, row)=> {\n const id = filter.pivotId || filter.id;\n return (\n row[id] !== undefined ?\n utilMethods.isNumber(row[id])? (row[id].toString()).includes(filter.value):\n String(row[id].toLowerCase()).includes(filter.value.toLowerCase())\n :\n true\n )}}\n />\n\n
\n
\n
} \n
\n
\n
\n
\n
\n
Duration: {this.state.fromDate === this.state.toDate ? `${this.state.fromDate}` : `${this.state.fromDate} To ${this.state.toDate}`}
\n \n
\n
\n
\n
\n
\n
\n {this.state.visibleDrillDown === false ? \n Back :\n }\n
\n
\n
\n
\n {this.state.visibleDrillDown === false ?\n
\n
\n this.handleElementClick(evt)} options={options1}/> \n
\n
:\n
\n }\n
\n
\n \n \n \n \n \n \n \n \n
)\n }\n\n}\nexport default withRouter(ReportChartPage)","import React from 'react';\nimport { Redirect, Route} from 'react-router-dom';\nimport * as authenticationAction from '../../actions/authenticateActions.js'\nimport {LAUNCH_LOGIN_URL} from '../../util/constants.js'\nexport const PrivateRoute = ({ component: Component, ...rest }) => (\n (\n (authenticationAction.isAuthenticated()===true)\n ? \n : process.env.NODE_ENV==='production'?\n \n : \n )} />\n)","import React from 'react';\nimport {BrowserRouter as Router, Route, Switch} from 'react-router-dom';\nimport queryString from 'query-string';\nimport { connect } from 'react-redux';\nimport NotificationSystem from 'react-notification-system';\nimport Scrollbars from 'react-custom-scrollbars'\nimport Footer from './components/layout/footer/footer';\nimport Header from './components/layout/header/header';\nimport Sidebar from './components/layout/sidebar/sidebar';\nimport {logOutUser} from './actions/authenticateActions';\nimport AdminHome from './containers/admin/adminHome.jsx';\nimport DispatcherHome from './containers/dispatcher/dispatcherHome';\nimport ReportsHome from './containers/reports/reportsHome';\nimport * as notificationActions from './actions/notificationActions';\nimport Admin from './components/launchComponents/Admin/admin';\nimport DispatcherDashboarPage from './containers/launch/dashboard/dispatcherDashboardPage';\nimport Reports from './components/launchComponents/Reports/reports';\nimport AdminAccountDetailPage from './containers/launch/adminAccountDetail/adminAccountDetailPage';\nimport ReportChartPage from './containers/launch/reportChart/reportChartPage'\nimport{PrivateRoute} from './components/route/privateRoute';\nimport {fillDropDownsData} from './util/customMethods';\nimport * as authenticationActions from './actions/authenticateActions'\nclass Home extends React.Component {\n constructor(){\n super();\n this.fillDropDowns=this.fillDropDowns.bind(this)\n }\n componentWillMount=()=>{\n } \n componentDidMount= ()=> {\n const {dispatch} =this.props\n this._notificationSystem = this.refs.notificationSystem;\n dispatch(notificationActions.setNotificationRef(this.refs.notificationSystem));\n this.fillDropDowns();\n }\n fillDropDowns=()=>{\n const {dispatch} =this.props;\n if(authenticationActions.isAuthenticated()){\n dispatch(fillDropDownsData());\n }\n }\n render(){\n console.log(\"props.location.pathname :::::: \",this.props.location.pathname)\n return (\n <>\n \n \n {this.props.location.pathname=='/dispatch/payment' ? null : {\n this.props.dispatch(logOutUser())\n }} reviewInbox={this.props.reviewInbox} accessLevels={this.props.accessLevel||{}} dashboardAccess={this.props.dashboardAccess} /> } \n
\n \n \n
\n \n \n
\n \n \n \n \n \n \n \n \n \n \n
\n
\n
\n\t\t\t
\n\t\t\t
SIGN IN TO CONTINUE.
\n
\n
\n
\n
\n\t\t\t
\n\t\t\t
Account Recovery
\n
\n
\n
\n
\n\t\t\t
\n\t\t\t
Reset Password
\n
\n
\n